/*公用样式*/
@charset "utf-8";
/* CSS Document */
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input{
    margin:0;padding:0;}
body{
    font-size:14px;
    font-family: "微软雅黑";
    /*行高*/
    line-height: 30px;
    color:#0a0a0a;
}
/*html { 下次用 解决100%宽度两边留白问题*/
    /*box-sizing: border-box;*/
/*}*/
/**, *:before, *:after {*/
    /*box-sizing: inherit;*/
/*}*/
img{border:none;}
li{list-style:none;}
button{outline:none;border:0;}
input,select,textarea{outline:none;border: none;background: none;}
textarea{resize:none;}
a{text-decoration:none;color: #665565;}
.fl{float:left;}
.fr{float:right;}
.clearFix:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
}
.clearFix{
    zoom: 1;
}
.maxWidth{
    max-width:1080px;
    margin:0 auto;
}
/*bootstrap样式修改*/
/*去除a标签 焦点、经过变色下化线问题*/
a:hover,a:focus{
    /*从父元素继承颜色*/
    color:inherit;
    text-decoration: inherit;
}
/*去除谷歌浏览器自动填充的背景与颜色*/
input:-webkit-autofill{
    -webkit-box-shadow:0 0 0 1000px #fff inset;
    -webkit-text-fill-color:#666;
}

/*index*/
body{
    background: url("../images/Bg.jpg") no-repeat left top;
    background-size: cover;
    background-color:#c9cdd2;
}
/*header*/
.header{
    width:100%;
    background:#fff;
    border-radius: 8px;
    overflow: hidden;
}
.header>a{
    display:block;
    height:60px;
    line-height:60px;
}
.header>a>img{
    display:inline-block;
    vertical-align: middle;
	width:85%;
	margin-left:30px;
}
.myNav>li{
    float: left;
    height:60px;
    line-height:60px;
    transform:skew(-15deg);
    -o-transform:skew(-15deg);
    -moz-transform:skew(-15deg);
    -webkit-transform:skew(-15deg);
    border-bottom-right-radius: 15px;
}
.myNav>li>a{
    display:block;
    color:#999;
    padding:0 30px;
    font-size:16px;
    font-weight: bold;
    transform: skew(15deg);
    -moz-transform: skew(15deg);
    -o-transform: skew(15deg);
    -webkit-transform: skew(15deg);
}
.myNav>li:hover >a{
    color:#000;
}
.myNav>li:hover{
    background:url("../images/navBg.png") no-repeat center center;
    background-size:cover;
}
.myNav>.on{
    background:url("../images/navBg.png") no-repeat center center;
    background-size:cover;
}
.myNav>.on>a{
    color:#000;
}
.myNav>.on:hover >a{
    color:#000;
}
.headerBtn{
    display:none;
    width:40px;
    height:30px;
    border-radius: 5px;
    border:1px solid #999;
    text-align: center;
    cursor: pointer;
    margin-top:15px;
}
.iconBar{
    display:block;
    width:22px;
    height:2px;
    background: #999;
    margin:5px auto 0;
    border-radius: 1px;
}
.swiper-container{
    width:100%;
    height:auto;
    background:#c71815;
    margin-top:10px;
    /*去除行高造成额外高度*/
    line-height:0;
    padding-bottom:5px;
    background: -webkit-linear-gradient(left,#f5a200,#f8bb18,#fbcc5b,#ffe5bf,#fbcc5b,#f8bb18,#f5a200); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left,#f5a200,#f8bb18,#fbcc5b,#ffe5bf,#fbcc5b,#f8bb18,#f5a200); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left,#f5a200,#f8bb18,#fbcc5b,#ffe5bf,#fbcc5b,#f8bb18,#f5a200); /* Firefox 3.6 - 15 */
    background: linear-gradient(left,#f5a200,#f8bb18,#fbcc5b,#ffe5bf,#fbcc5b,#f8bb18,#f5a200); /* 标准的语法 */
}
.swiper-container>div{
    width:100%;
}
.swiper-container>div>div{
    width:100%;
}
.swiper-container>div>div>img{
    width:100%;
}
.swiper-pagination-bullet{
    width:10px;
    height:10px;
    border:2px solid #fff;
    background:none;
    opacity: 1;
    margin:0 7px;
}
.swiper-pagination-bullet-active{
    background:#fff;
}
/*indexProduct*/
.indexProduct{
    width:100%;
    margin-top:10px;
    line-height:0;
}
.indexProduct>li{
    float: left;
    width:24%;
    margin-right:1.25%;
}
.indexProduct>li:last-child{
    margin-right:0;
}
.indexProduct>li>a{
    display:block;
    width:96%;
    background:#fff;
    padding:2%;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}
.indexProduct>li>a>img{
    width:100%;
    -webkit-transition: transform .5s;
    -moz-transition: transform .5s;
    -ms-transition: transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
}
.indexProduct>li>a:hover >img{
    opacity:.7;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.proTil{
    position:absolute;
    top:2%;
    left:2%;
    max-width:100%;
    font-size:20px;
    color:#000;
    height:30px;
    line-height: 30px;
    padding:0 10px;
    z-index:10;
    background: -webkit-linear-gradient(left,#f5a200,#fab60b,#ffc915,#fab60b,#f5a200); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left,#f5a200,#fab60b,#ffc915,#fab60b,#f5a200); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left,#f5a200,#fab60b,#ffc915,#fab60b,#f5a200); /* Firefox 3.6 - 15 */
    background: linear-gradient(left,#f5a200,#fab60b,#ffc915,#fab60b,#f5a200); /* 标准的语法 */
}
/*footer*/
.footerTop{
    margin-top:10px;
    width:100%;
    background:#f96f29;
	position:relative;
    background: -webkit-linear-gradient(left,#f5a200,#fab60b,#ffc915,#fab60b,#f5a200); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left,#f5a200,#fab60b,#ffc915,#fab60b,#f5a200); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left,#f5a200,#fab60b,#ffc915,#fab60b,#f5a200); /* Firefox 3.6 - 15 */
    background: linear-gradient(left,#f5a200,#fab60b,#ffc915,#fab60b,#f5a200); /* 标准的语法 */
}
.footerTopLeft{
    margin-left:40px;
    margin-top:40px;
}
.footerTopLeft>h3{
    font-size:20px;
    line-height:40px;
    font-weight: normal;
    color:#000;
}
.footerTopLeft>span,.TopRightLeft>span{
    display:block;
    width:50px;
    height:3px;
	margin-top:5px;
	margin-bottom:5px;
    background:#000;
}
.footerTopLeft>p{
	font-size:16px;
	color:#000;
	line-height:26px;
}
.footerTopLeft>form{
    height:40px;
    margin-top:48px;
    margin-right:60px;
}
.footerTopLeft>form>span{
    display:block;
    width:255px;
    height:40px;
    transform: skew(-20deg);
    -o-transform: skew(-20deg);
    -webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    border-radius: 10px;
    overflow: hidden;
}
.footerTopLeft>form>span>input{
    width:235px;
    height:40px;
    font-size:16px;
    color:#666;
    padding-right:30px;
    background:#fff;
    text-indent:20px;
    transform: skew(20deg);
    -o-transform: skew(20deg);
    -webkit-transform: skew(20deg);
    -moz-transform: skew(20deg);
    margin-left:-5px;
}
.footerTopLeft>form>button{
    width:120px;
    height:40px;
    background:#f37a1f;
    transform: skew(-20deg);
    -o-transform: skew(-20deg);
    -webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    border-radius: 10px;
    cursor: pointer;
    margin-left:-15px;
}
.footerTopLeft>form>button>span{
    display:block;
    font-size:12px;
    font-weight: bold;
    transform: skew(20deg);
    -o-transform: skew(20deg);
    -webkit-transform: skew(20deg);
    -moz-transform: skew(20deg);
    color:#fff;
}
.footerTopCenter{
    height:140px;
    /*margin-left:50px;
    margin-top:20px;*/
    border-left:1px solid #b38d0e;
    transform: rotate(10deg);
    -o-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
	position:absolute;
}
@media screen and (min-width:800px){
	.footerTopCenter{
		left:50%;
		top:30px;
	}
}
.footerTopRight{
    margin-top:20px;
}
.TopRightLeft>h3{
    width:260px;
    margin-top:20px;
    font-size:18px;
    line-height:30px;
    font-weight: normal;
    color:#000;
}
.TopRightLeft>span{
    margin-top:5px;
}
.bdsharebuttonbox{
    margin-top:20px;
}
.bdshare-button-style0-24 a{
    border-radius: 8px!important;
    background: url("../images/bottomLogo.png") no-repeat!important;
}
.bds_fbook{
    background-position: 0 0!important;
}
.bdshare-button-style0-24 .bds_twi{
    background-position:-35px center!important;
}
.bdshare-button-style0-24 .bds_google{
    background-position:-73px center!important;
}
.bdshare-button-style0-24 .bds_youtube{
    background-position:-108px center!important;
}
.bdshare-button-style0-24 .bds_B{
    background-position:-143px center!important;
}
.TopRightRight{
    width:36%;
    margin-right:19px;
}
.TopRightRight>img{
    max-width:100%;
}
.footerDownLeft{
    width:70%;
}
.footerDownLeft>ul{
    margin-left:40px;
    margin-top:15px;
}
.footerDownLeft>ul>li{
    float: left;
    font-size:14px;
    color:#333;
}
.footerDownLeft>ul>li:after{
    content: "|";
    margin-left:10px;
    margin-right:10px;
}
.footerDownLeft>ul>li:last-child:after{
    content:"";
    margin:0;
}
.copy{
    margin-left:40px;
    margin-top:5px;
    color:#333;
}
.footerDownRight{
    width:30%;
}
.footerDownRight>button{
    width:100px;
    line-height:24px;
    float: right;
    margin-top:25px;
    margin-right:50px;
    background:none;
    cursor: pointer;
}
.footerDownRight>button>span{
    display:inline-block;
    padding-left:5px;
    line-height:10px;
    border-left:1px solid #333;
    /*旋转*/
    transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}
.Title{
    margin-top:30px;
    width:100%;
    height:30px;
    background:#fff;
}
.Title>a{
    display:inline-block;
    height:30px;
    font-size:14px;
    line-height:30px;
    margin-left:5px;
    margin-right:5px;
}
.Title>a:first-child{
    margin-left:20px;
}
.cont{
    width:100%;
    margin-top:10px;
}
.contLeft{
    width:22%;
    background:#495157;
    margin-right:2%;
}
.contLeft>h3{
    font-size:18px;
    margin-left:15px;
    margin-top:25px;
    color:#fff;
    font-weight: bold;
}
.contLeft>ul{
    width:85%;
    margin:10px auto 0;
    padding-bottom:20px;
}
.contLeft>ul>li{
    width:100%;
    background:#2c3134;
    margin-top:2px;
}
.contLeft>ul>li>a{
    display:block;
    width:100%;
    height:35px;
    line-height:35px;
    overflow: hidden;
    font-size:14px;
    text-indent:15px;
    color:#fff;
}
.contRight{
    width:76%;
    background:#fff;
    box-shadow: 2px 3px 2px 3px #ccc;
}
.cont-tit{
    width:100%;
    box-sizing: border-box;
    line-height:31px;
    padding:30px 40px 0;
    color:#808080;
}
.content{
    width:100%;
    padding:0 40px 30px;
    box-sizing: border-box;
    min-height:300px;
    color:#666;
    /*-ms-word-break: break-all;
    -o-word-break: break-all;
    -moz-word-break: break-all;
    -webkit-word-break: break-all;
    word-break: break-all;*/
}
.content img,.content video,.content audio{
    max-width:100%;
}
/*contact*/
.contact{
    background:#fff;
    box-shadow: 2px 3px 3px 2px #ccc;
}
.serve{
    width:100%;
    line-height:0;
}
.serve>img{
    width:100%;
}
.contactCont{
    margin-top:30px;
}
.contactContLeft{
    width:100%;
}
.contactContRight{
    width:50%;
}
.contactContLeft>li{
    margin-left:50px;
    margin-top:10px;
    margin-right:30px;
    padding-bottom:20px;
    border-bottom:1px dotted #ccc;
}
.contactContLeft>li:last-child{
    border-bottom:0;
}
.contactContLeft>li>h3{
    height:30px;
    line-height:30px;
    font-size:16px;
    padding-left:35px;
}
.contactContLeft>li:nth-child(1) h3{
    background: url("../images/add.png") no-repeat left center;
}
.contactContLeft>li:nth-child(2) h3{
    background: url("../images/email.png") no-repeat left center;
}
.contactContLeft>li:nth-child(3) h3{
    background: url("../images/phone.png") no-repeat left center;
}
.contactContLeft>li>p{
    font-size:14px;
    color:#666;
    line-height:30px;
    padding-left:35px;
}
.contactContRight>img{
    width:100%;
}
/*news*/
.newDown{
    margin-top:20px;
    border-top:1px dotted #ccc;
    padding-bottom:15px;
    width:100%;
}
.news1{
    width:100%;
    padding:40px 40px 35px;
    box-sizing: border-box;
    background:#f5f5f5;
}
.news1Left{
    width:60%;
}
.news1Left>h3{
    font-size:16px;
    margin-bottom:15px;
    margin-top:5px;
}
.news1Left>p,.news2Down>p,.news3Down>p,.news4Down>p{
    font-size:14px;
    line-height:24px;
}
.newsRight{
    width:38%;
    line-height:0;
    padding-bottom:0;
    margin-top:0;
}
.newsRight>ul>li,.newsRight>ul{
    width:100%;
    line-height:0;
}
.newsRight>li>img{
    width:100%;
}
.news2{
    width:48%;
    margin-top:20px;
    box-sizing: border-box;
    padding:35px 70px 0;
    background:#f5f5f5;
}
.news2Top,.news3Top,.news4Top{
    width:100%;
    line-height:0;
    padding-bottom:0;
    margin-top:0;
    background:none;
}
.news2Down{
    padding-bottom:20px;
}
.news2Down>h3,.news3Down>h3,.news4Down>h3{
    font-size:16px;
    margin-bottom:15px;
    margin-top:20px;
}
.news3{
    width:48%;
    margin-top:20px;
}
.new3,.new4{
    width:100%;
    box-sizing: border-box;
    padding:35px 70px 20px;
    background:#f5f5f5;
}
.new4{
    margin-top:20px;
}
.swiper-wrapper>li>img{
    width:100%;
}
.swiper-wrapper>a{
    cursor: pointer;
}
/*解决手机点击时有黄色边框*/
a,input,button{
    outline: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-focus-ring-color: rgba(0, 0, 0, 0);
}
/*products*/
.contLeft>.productTil>li{
    height:auto;
    background:none;
}
.contLeft>.productTil>li>a{
    padding-right:25px;
    box-sizing: border-box;
    position: relative;
    background:#2c3134;
}
.contLeft>.productTil>li>ul{
    width:100%;
    border-top: 1px dotted #999;
}
.contLeft>.productTil>li>ul>li>a{
    display:block;
    position: relative;
    width:100%;
    height:35px;
    overflow: hidden;
    color:#fff;
    font-size:14px;
    text-indent: 20px;
    border-bottom: 1px dotted #999;
 }
.contLeft>.productTil>li>a>i,.contLeft>.productTil>li>ul>li>a>i{
    position: absolute;
    display:inline-block;
    right:10px;
    width:10px;
    height:2px;
    top:16.5px;
    background:#fff;
    text-align: right;
    vertical-align: middle;
    transition: transform .5s ease;
}
.contLeft>.productTil>li>a>i:last-child,.contLeft>.productTil>li>ul>li>a>i:last-child{
    transform: rotate(-90deg);
}
.contLeft>.productTil>li:hover >a>i:last-child,.contLeft>.productTil>li>ul>li:hover >a>i{
    transform: rotate(0deg);
}
.contLeft>.productTil>li>ul>li>ul{
    width:100%;
	position:relative;
}
.contLeft>.productTil>li>ul>li>ul>li{
    width:100%;
}
.contLeft>.productTil>li>ul>li>ul>li>a{
    display:block;
    width:100%;
    height:30px;
    line-height:30px;
    color:#fff;
    font-size:14px;
    text-indent:30px;
    overflow: hidden;
}

.product-banner{
    width:100%;
    line-height:0;
}
.product-banner>img{
    width:100%;
}
.product-Cont{
    width:100%;
}
.product-Cont>li{
    float: left;
    width:32%;
    margin-right:2%;
    margin-top:35px;
}
.product-Cont>li:nth-child(3n){
    margin-right:0;
}
.product-Cont>li>a{
    display:block;
    width:100%;
}
.ImgTop{
    width:100%;
    overflow: hidden;
    line-height:0;
}
.ImgTop>img{
    width:100%;
    transition:transform .5s ease;
    -webkit-transition:transform .5s ease;
    -o-transition:transform .5s ease;
    -moz-transition:transform .5s ease;
}
.ImgTop:hover >img{
    transform: scale(1.2);
    -o-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
}
.ImgTop+p{
    width:100%;
    height:30px;
    line-height:30px;
    text-align: center;
    background: #495157;
    color:#fff;
    box-sizing: border-box;
    padding:0 10px;
}
.ImgTop+p>span{
    font-weight: bold;
    color:#fab60b;
}
.ProPager{
    width:100%;
    box-sizing: border-box;
    padding:0 40px 40px;
}
.product-Pager{
    text-align: center;
}
.product-Pager>li{
    display:inline-block;
    border:1px solid #f6f6f6;
    text-align: center;
}
.product-Pager>li>a{
    display: block;
    padding:3px 12px;
}
.product-Pager>.on >a,.product-Pager>li:hover >a{
    background:#fab60b;
    color:#000;
}
/*productd*/
.productTop{
    width:100%;
    height:auto;
    margin-bottom:20px;
    border-top:1px dotted #ccc;
}
.productTil{
    color:#fab60b;
    font-size:20px;
}
.productTopLeft{
    width:60%;
    margin-top:20px;
}
.productTopLeft>h3{
    font-size:24px;
    margin-top:50px;
    height:35px;
    line-height:35px;
    color:#fab60b;
}
.productTopLeft>p{
    width:80%;
    font-size:14px;
    color:#666;
    line-height:30px;
	text-align:left!important;
}
.productTopRight{
    width:39%;
    margin-left:1%;
    margin-top:20px;
}
.productTopRight>img{
    width:100%;
}
.productDown{
	width:75%;
    background:#fff;
    line-height:0;
    padding-bottom:0;
    margin-top:0;
}
.productDown>ul>li>img{
    display:block;
    width:auto;
    margin:0 auto;
    max-width:100%;
}
/*左侧导航显示*/
/*.hideTil{*/
/*}*/
/*.menu{*/
    /*display:none;*/
/*}*/
/*.hideTil:hover >.menu{*/
    /*display:block;*/
/*}*/
.open>.dropdown-menu{
    display:block;
}
.dropdown-menu{
    position:relative;
    width:100%;
    background:#495157;
    box-shadow: none;
    min-width: auto;
    border:0;
    padding:0;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
    background:#495157;
    color:#fff;
}
.contLeft>.productTil>li>ul>li>ul{
    box-sizing: border-box;
    padding-left:20px;
}
#buttonSpan{
    display:none;
    width:32px;
    height:30px;
    font-size:18px;
    text-align: center;
    line-height:30px;
    border:1px solid #fff;
}
.contLeft{
    position:relative;
}
/*三级*/
.productTil a{
    float: none;
}
.navbar-toggle{
    padding:0;
    margin:0;
}
.navbar-collapse.collapse{
    display:none!important;
}
#example-navbar-collapse{
    display:block!important;
}
.collapse.in{
    display:block!important;
}
/*轮播左右颜色*/
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23fab60b'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23fab60b'%2F%3E%3C%2Fsvg%3E")
}
/*配合js方法设置nav大于宽度显示*/
@media screen and (min-width: 800px) {
    .myNav{
        display:block!important;
		margin-right:10px;
    }
}
/*宽度小于1000px时*/
@media screen and (max-width: 1000px){
	.myNav>li>a{
		padding:0 25px;
	}
    .footerTopLeft{
        margin-left:20px;
    }
    .footerTopLeft>form{
        margin-right:20px;
    }
    .footerTopCenter{
        margin-left:15px;
    }
    .footerTopRight{
        width:43%;
    }
    .TopRightLeft{
        width:40%;
    }
    .TopRightRight{
        margin-right:10px;
        margin-top:26px;
    }
    .bdsharebuttonbox{
        width:205px;
    }
    .bdshare-button-style0-24 a, .bdshare-button-style0-24 .bds_more{
        margin:6px 3px 6px 0;
    }
}
/*宽度小于800px时 手机端*/
@media screen and (max-width: 800px){
    .header{
        position:relative;
    }
    .header>a{
        padding-left:10px;
    }
    .headerBtn{
        display:block;
        margin-right:10px;
    }
    .myNav{
        display:none;
        position:relative;
        width:100%;
    }
    .myNav>li{
        float: none;
        width:100%;
        transform:skew(0deg);
        -o-transform:skew(0deg);
        -webkit-transform:skew(0deg);
        -moz-transform:skew(0deg);
    }
    .myNav>li>a{
        transform: skew(0deg);
        -o-transform: skew(0deg);
        -moz-transform: skew(0deg);
        -webkit-transform: skew(0deg);
    }
    /*footer*/
    .footerTopLeft{
        float: none;
        width:96%;
        margin:0;
        padding-left:4%;
        padding-top:20px;
    }
    .footerTopLeft>form{
        margin-top:20px;
    }
    .footerTopCenter{
        float: none;
        height:0;
        width:92%;
        margin-top:20px;
        margin-left:4%;
        border-left:0;border-top:1px solid #b38d0e;
        transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    .footerTopRight{
        float: none;
        width:100%;
        margin-top:0;
    }
    .TopRightLeft{
        width:56%;
        padding-left:4%;
        margin-top:40px;
    }
    .TopRightRight{
        width:30%;
    }
    .footerDownLeft>ul,.copy{
        margin-left:20px;
    }
    /*about*/
    .Title{
       margin-top:15px;
    }
    .contLeft{
        width:100%;
        margin-right:0;
        float: none;
        padding-bottom:20px;
    }
    .contLeft>h3{
        margin-top:0;
        padding:15px;
    }
    .contLeft>ul{
        margin-top:0;
    }
    .contLeft>ul>li{
        width:23%;
        min-width:100px;
        float: left;
        margin-left:1%;
        margin-right:1%;
    }
    .contRight{
        width:100%;
        margin:10px 10px 0;
    }
    .cont-tit{
        padding:20px 20px 0;
        margin-bottom:10px;
    }
    .content{
        padding:0 20px;
    }
    /*contact*/
    .contactContLeft,.contactContRight{
        float: none;
        width:100%;
    }
    /*news*/
    .news2,.news3{
        width:100%;
    }
    .news3{
        margin-bottom:20px;
    }
    .newsRight{
        float: none;
        width:100%;
    }
    .news1Left{
        float: none;
        width:100%;
    }
    .news1Left>h3{
        margin-top:20px;
    }
    .news1{
        padding:25px 25px 20px;
    }
    .productTopLeft{
        float: none;
        width:100%;
    }
    .productTopLeft>h3{
        margin-top:20px;
    }
    .productTopLeft>p{
        width:100%;
    }
    .productTopRight{
        width:80%;
        margin-left:10%;
        margin-right:10%;
    }
    .ProPager{
        padding:20px;
    }
    .contLeft{
        padding-bottom:0;
    }
    #buttonSpan{
        display:block;
        cursor: pointer;
    }
    .contLeft>ul{
        width:100%;
    }
    .contLeft>h3{
        padding:5px 10px;
    }
    .contLeft>h3>p{
        line-height:30px;
    }
    .contLeft>.productTil>li{
        float: none;
        width:100%;
        margin:2px auto;
    }
    .navbar-toggle{
        margin-top:0;
        padding:0;
        margin-bottom:0;
        margin-right:0;
    }
    /*三级*/
    .contLeft>.productTil>li>ul{
        border-top:0;
    }
}
/*宽度小于650px时 手机端*/
@media screen and (max-width: 650px){
    .product-Cont>li{
        width:49%;
    }
    .product-Cont>li:nth-child(3n){
        margin-right:2%;
    }
    .product-Cont>li:nth-child(2n){
        margin-right:0;
    }
}
/*宽度小于550px时 手机端*/
@media screen and (max-width: 550px){
    .indexProduct>li{
        float: none;
        width:98%;
        margin-right:0;
        margin-top:10px;
        padding-left:1%;
        padding-right:1%;
    }
    .TopRightLeft{
        float: none;
        width:96%;
        margin-top:20px;
    }
    .TopRightLeft>h3{
        width:100%;
    }
    .TopRightRight{
        float: none;
        width:100%;
        text-align: center;
    }
    .footerDownLeft{
        float: none;
        width:100%;
    }
    .footerDownRight{
        float: none;
        margin-left:15px;
        margin-top:5px;
    }
    .footerDownRight>button{
        float: none;
        margin-top:0;
        margin-bottom:5px;
    }
    .footerTopLeft>form>span{
        width:165px;
    }
    .footerTopLeft>form>span>input{
        width:155px;
        font-size:12px;
        padding-right:20px;
    }
    .footerTopLeft>form>button{
        margin-left:-10px;
    }
    .contactContLeft>li{
        margin-left:0;
    }
    .news2{
        padding:25px 25px 0;
    }
    .new3, .new4{
        padding:25px 25px 20px;
    }
}
/*宽度小于400px时 手机端*/
@media screen and (max-width: 400px){
    .product-Cont>li{
        width:100%;
        margin-right:0;
    }
    .product-Cont>li:nth-child(3n){
        margin-right:0;
    }
    .product-Cont>li:nth-child(2n){
        margin-right:0;
    }
    .cont-tit>h3{
        font-size:12px;
    }
}