html{background:#FFF;color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;}img{border:0;}ol,ul{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a{color:inherit;text-decoration:none;}

body{font-size: 14px; box-sizing: border-box; font-family: "Microsoft Yahei"; overflow-x: hidden;}
.fl{float: left !important;}
.fr{float: right !important;}
li{list-style: none;}
.clear{clear: both;}
img{max-width: 100%;}
.BMap_shadow img{max-width: none;}
*{box-sizing: border-box;}
.page{margin: 30px 0 0 0; width: 100%; text-align: right;}
#bsWXBox{box-sizing: content-box;}
#prev_next{margin: 20px 0 0 0;}
#prev_next li{height: 25px; line-height: 25px;}
.header.mm-page.mm-slideout{min-height: auto !important;}

.page {font-size:14px;color: #646464; text-align:right; margin-top:20px; height: 30px;}
.page a{margin:0px 2px;padding:3px 8px;font-size: 14px;color: #646464;border:1px solid rgb(220,220,220);}
.page span {margin:0px 2px;padding:3px 8px;font-size: 14px;color:#fff;background:#005ab4;border:#4eb9d0 solid 1px;}
.page a:hover{background:#005ab4 ;border: #005ab4 solid 1px;color: #fff;}
#page_num{height: 24px;}


@font-face{
    font-family: "hanyi";
    src: url("../Image/hanyi.ttf");  
}

/* .navbar-default .navbar-toggle .icon-bar{background: white !important;} */




/*??*/
.top1{height: 30px; background: #eeeeee; line-height: 30px; color: #6f6f6f;}
.top1-1{padding: 0 10px;}
.top2{height: 100px; padding: 0 10px;}
.top2-1{height: 62px; margin: 19px 0; padding: 0;}
.top2-search{width: 240px; height: 34px; border: 1px solid #535353; margin: 33px 0; border-radius: 15px; overflow: hidden;}
.top2-search1{width: 195px; height: 20px; margin: 6px 0; padding: 0 5px 0 15px; border: none; border-right: 1px solid #313131;
outline: none; color: #575757;}
.top2-search2{width: 43px; height: 32px; background: url("../Image/search.png") center center no-repeat; border: none; outline: none;}
.top3{height: 55px; background: #10ab92; color: white;}
.top3 .navbar-default{background: #10ab92;}
.top3 .navbar-nav{width: 100%; height: 55px;}
.top3 .navbar-nav li{width: 16.6%;}
.top3 .navbar-nav li p{line-height: 55px; text-align: center; height: 55px; color: white;}
.top3 .navbar-nav li:hover{background: #0c8a76;}
.navbar-collapse{padding: 0;}
.mm-search1{width: 100%; padding: 0; height: 30px; margin: 10px 0 0 0;}
.mm-search1 .search-text1{width: 80%; height: 30px; border: 1px solid #10ab92; padding: 0 5px;}
.mm-search1 .search-btn1{width: 20%; height: 30px; background: url("../Image/search1.png") center center no-repeat;
border: none; background-color: #10ab92;}

.pro{height: 700px; background: url("../Image/pro-right.png") right center no-repeat;}
.pro1{padding: 40px 0; height: 100%;}
.pro1-1{width: 100%; height: 40px;}
.pro1-1-1{font-size: 34px; font-weight: bold; color: #575757; line-height: 40px;}
.pro1-1-2{width: 10px; height: 10px; background: #10ab92; border-radius: 5px; margin: 30px 0 0 5px;}
.pro1-2{width: 100%; height: 20px; line-height: 20px; margin: 5px 0; color: #a4a4a4; font-size: 15px;}
.pro1-3{width: 100%; height: 20px; line-height: 20px; color: #a4a4a4; font-size: 15px;}
.pro1-4{width: 100%; height: auto; overflow: hidden; margin: 60px 0 0 0;}
.pro1-4 li{height: 48px; margin-bottom: 20px; cursor: pointer; float: left; width: 100%;}
.pro1-4-1{width: 70px; line-height: 48px;margin-right: 15px; color: #747474; font-size: 32px; font-weight: bold; position: relative;}
.pro1-4-2{height: 48px; line-height: 58px; font-size: 16px; color: #747474;}
.pro1-4-3{position: absolute; width: 35px; height: 3px; background: #10ab92; left: -35px; bottom: 0;
transition: all 0.5s ease-in-out;}
.pro1-4 li.on .pro1-4-1{color: #10ab92;}
.pro1-4 li.on .pro1-4-2{color: black;}
.pro1-4 li.on .pro1-4-3{left: 0;}
.pro2{height: 100%; padding: 100px 50px; position: relative;}
.pro2 .li{width: 100%; height: 100%;}
.pro2 .pic{width: 100%; height: 100%;}
.pro2 .pic img{max-width: 100%;}
.pro2 .title{width: 100%; height: 30px; line-height: 30px; font-size: 24px; color: #575757; text-align: center; font-weight: bold;}
.pro2 .pageState{position: absolute; bottom: 50px; right: -40px; font-size: 20px; color: #10ab92; font-weight: bold;}
.picScroll-left .hd .prev{width: 20px; height: 26px; background: url("../Image/prev4.png") center center no-repeat;
position: absolute; left: -40px; top: 50%; transform: translateY(-50%); cursor: pointer;}
.picScroll-left .hd .next{width: 20px; height: 26px; background: url("../Image/next4.png") center center no-repeat;
position: absolute; left: 20px; top: 50%; transform: translateY(-50%); cursor: pointer;}

.case{height: auto; background: url("../Image/case-bg.jpg") center center no-repeat; background-size: cover;}
.padding50{padding: 50px 0;}
.case1{height: 40px; line-height: 40px; text-align: center; color: white; font-weight: bold; font-size: 34px;
overflow: hidden;  width: 151px; margin: 0 auto;}
.case1-2{margin: 25px 0 0 5px; height: 10px; width: 10px; border-radius: 5px; background: white;}
.case2{margin: 5px 0 0 0; height: 20px; line-height: 20px; color: #f2f2f2; text-align: center; font-size: 16px;}
.case3 li{margin: 25px 0 0 0; position: relative; overflow: hidden;}
.case3 li .pic{border: 1px solid #e3e3e3;}
.case3 li .title-main{padding: 0 15px; width: 100%; height: auto; overflow: hidden;}
.case3 li .title{width: 100%; height: 100%; position: absolute; left: 50%; top: -100%; background: rgba(0,0,0,0.5);
transition: all 0.5s ease-in-out; transform: translateX(-50%);}
.case3 li .title1{position: absolute; width: 100%; height: 40px; line-height: 40px; color: white; 
bottom: 50%; left: 0; text-align: center; font-size: 18px;}
.case3 li .title2{position: absolute; width: 100%; height: 30px; background: url("../Image/title2.png") center center no-repeat;
top: 50%; left: 0;}
.case3 li:hover .title{top: 0;}

.about{height: auto; background: url("../Image/about-bg.jpg") center center no-repeat; background-size: cover;}
.about-main{height: auto; overflow: hidden;}
.about1 li{margin-bottom: 20px;}
.about1-1{width: 100%; height: 70px;}
.about1-1-1{width: 70px; height: 70px; border: 1px solid #a2a2a2; border-radius: 35px; 
background: url("../Image/about11.png") center center no-repeat; margin-right: 10px;}
.about1-1-2{line-height: 70px; font-size: 20px;}
.about1-2{margin: 10px 0 0 0; line-height: 30px; font-size: 15px;}
.about1-1-3{background: url("../Image/about12.png") center center no-repeat;}
.about1-1-4{background: url("../Image/about13.png") center center no-repeat;}
.about1 li:hover .about1-1-2{color: #10b99c; font-weight: bold;}
.about1 li:hover .about1-1-1{border: none;background: url("../Image/about11-1.png") center center no-repeat; background-color: #10b99c;}
.about1 li:hover .about1-1-3{background: url("../Image/about12-1.png") center center no-repeat; background-color: #10b99c;}
.about1 li:hover .about1-1-4{background: url("../Image/about13-1.png") center center no-repeat;background-color: #10b99c;}
.about2{padding-bottom: 50px; height: 600px;}
.about2-main{background: #b5b5b5; height: 550px; padding: 100px 50px 100px 0; position: relative; color: white;}
.about2-line{width: 1px; height: 350px; background: url("../Image/about2-line.jpg") center center no-repeat;
position: absolute; right: 30px; top: 100px;}
.about2-1{margin: 40px 0 0 0; width: 100%; height: 20px; line-height: 20px; text-align: right; color: #f5f5f5; font-size: 15px;}
.about2-2{margin: 10px 0 0 0; width: 100%; font-size: 78px; height: 90px; line-height: 90px; text-align: right;}
.about2-3{margin: 30px 0 0 0; width: 80px; height: 2px; background: white;}
.about2-4{margin: 40px 0 0 0; width: 100%; height: 20px; line-height: 20px; text-align: right; font-size: 15px;}
.about2-5{margin: 10px 0 0 0; width: 100%; height: 20px; line-height: 20px; text-align: right; font-size: 15px;}

.advan{height: 900px; background: url("../Image/advan-bg.jpg") center center no-repeat; padding: 170px 0;}
.advan-main{height: 560px; position: relative;}
.advan1{width: 280px; height: 560px; position: absolute; right: 50%; top: 0; border: 1px solid white; border-right: none;
border-top-left-radius: 280px; border-bottom-left-radius: 280px;}
.advan2{width: 230px; height: 460px; background: #10ab92; border-left: none; position: absolute; top: 50px;
left: 50%; border-top-right-radius: 230px; border-bottom-right-radius: 230px;}
.advan3{width: 360px; height: 360px; border-radius: 180px; background: white; position: absolute; left: 50%;
transform: translateX(-50%); top: 100px;}
.advan3-1{margin: 90px 0 0 0; text-align: center; height: 100px; line-height: 50px; color: #10ab92; font-size: 50px;}
.advan3-2{margin: 30px 0 0 0; height: 30px; line-height: 30px; text-align: center; font-size: 30px; color: #434343;}
.advan2-1{position: absolute; width: 32px; height: 32px; background: url("../Image/advan1.png") center center no-repeat;
left: 30px; top: 15px;}
.advan2-2{position: absolute; width: 32px; height: 32px; background: url("../Image/advan2.png") center center no-repeat; 
left: 120px; top: 60px;}
.advan2-3{position: absolute; width: 32px; height: 32px; background: url("../Image/advan3.png") center center no-repeat; 
left: 180px; top: 150px;}
.advan2-4{position: absolute; width: 32px; height: 32px; background: url("../Image/advan4.png") center center no-repeat; 
left: 180px; bottom: 150px;}
.advan2-5{position: absolute; width: 32px; height: 32px; background: url("../Image/advan5.png") center center no-repeat; 
left: 120px; bottom: 60px;}
.advan2-6{position: absolute; width: 32px; height: 32px; background: url("../Image/advan6.png") center center no-repeat; 
left: 30px; bottom: 15px;}
.advan2-1-1{position: absolute; top: -30px; left: 120px; width: 300px; height: 35px; line-height: 35px; font-size: 20px;}
.advan2-1-1 span{display: inline-block; width: 12px; height: 12px; border: 3px solid #87d5c8; border-radius: 6px;
background: #10ab92; margin-right: 10px;}
.advan2-2-1{position: absolute; top: 0;}
.advan2-3-1{position: absolute; top: 0;}
.advan2-4-1{position: absolute; top: 0;}
.advan2-5-1{position: absolute; top: 0;}
.advan2-6-1{position: absolute; top: 30px;}

.news{height: auto; overflow: hidden; background: #e5e5e5;}
.news1{color: black;}
.news1 .case1-2{background: #10ab92;}
.news2{color: #747474;}
.news3{margin: 30px 0 0 0; height: auto; overflow: hidden;}
.news3-1 .pic{margin-bottom: 10px;}
.news3-1 .title{height: 40px; line-height: 40px; font-size: 18px; font-weight: bold; width: 100%; overflow: hidden;}
.news3-1 .time{width: 100%; height: 20px; line-height: 20px; color: #747474; font-size: 15px;}
.news3-1 .content{line-height: 30px; color: #747474; font-size: 15px; margin: 5px 0 0 0;}
.news3-2 li{padding: 10px 0; border-bottom: 1px dashed #888; height: auto; overflow: hidden;}

.contact{width: 100%; height: auto; overflow: hidden; background: url("../Image/contact-bg.jpg") center center no-repeat;}
.contact-main{background: #10ab92; color: white;}
.contact1-1{font-size: 34px; font-weight: bold; line-height: 40px;}
.contact1-2{margin: 30px 0 0 5px; width: 10px; height: 10px; border-radius: 5px; background: white;}
.contact2{width: 100%; height: 30px; line-height: 30px; font-size: 15px;}
.contact3{width: 100%; height: 30px; line-height: 30px; font-size: 16px;}
.contact4{margin: 30px 0 0 0;}
.contact4-1{padding: 0 20px 0 0; height: 40px; float: left; margin-bottom: 20px;}
.contact4-1 #name{width: 100%; height: 40px; padding: 4px 10px; line-height: 30px;}
.contact4-1 #tel{width: 100%; height: 40px; padding: 4px 10px; line-height: 30px;}
.contact4-1 #add{width: 100%; height: 40px; padding: 4px 10px; line-height: 30px;}
.contact4-1 #email{width: 100%; height: 40px; padding: 4px 10px; line-height: 30px;}
.contact4-2{width: 100%; padding: 0 20px 0 0; float: left;}
.contact4-2 #content{width: 100%; height: 130px; padding: 4px 10px; line-height: 30px;}
.contact4-3{margin: 20px 0 0 0; height: 40px; padding: 0 20px 0 0;}
.contact4-3 #captcha{width: 100%; height: 40px; padding: 4px 10px;}
.contact4-4{height: 40px; margin: 20px 0 0 0; padding: 0 20px 0 0;}
.contact4-4 img{height: 100%;}
.contact4-5{margin: 20px 0 0 0; height: 40px; padding: 0 20px 0 0;}
.contact4-5 #submit{width: 100%; height: 40px; padding: 4px 10px; background: white; color: #10ab92; font-size: 16px;
border: none;}

.footer{background: black; color: white; height: 50px; line-height: 50px;}

.company-banner{width: 100%; height: 467px; background: url("../Image/company-banner.jpg") center center no-repeat;}
.product-banner{width: 100%; height: 467px; background: url("../Image/product-banner.jpg") center center no-repeat;}
.news-banner{width: 100%; height: 467px; background: url("../Image/news-banner.jpg") center center no-repeat;}
.case-banner{width: 100%; height: 467px; background: url("../Image/case-banner.jpg") center center no-repeat;}
.contact-banner{width: 100%; height: 467px; background: url("../Image/contact-banner.jpg") center center no-repeat;}

.sidebar{line-height: 40px; font-size: 15px;}
.padding30{padding: 30px 0;}
.side1{height: 40px; width: 40px; background: url("../Image/side1.png") center center no-repeat;}
.company-title{margin-top: 20px; height: auto; overflow: hidden; border-bottom: 1px solid #888;}
.company-title li{width: 100px; margin-right: 20px; border: 1px solid #888; border-bottom: none; float: left;
height: 35px; line-height: 35px; text-align: center; font-size: 16px; border-top-left-radius: 15px;
border-top-right-radius: 15px;}
.company-title li.on{background: #10ab92; color: white;}
.padding-top50{padding-top: 50px;}
.company-about1{height: 55px; text-align: center;}
.company-about1-1{height: 20px; line-height: 20px;}
.company-about1-2{height: 35px; line-height: 35px; font-size: 30px;}
.company-about-main{width: 100%; height: auto; overflow: hidden;}
.company-about2-main{background: url("../Image/about1.jpg") center center no-repeat; height: 200px;}
.margin30{margin: 30px 0 0 0;}
.company-about2-2{line-height: 30px; font-size: 15px;}
.company-about4{width: 100%; height: auto; overflow: hidden;}
.company-about4 li{height: auto; overflow: hidden;}
.company-about4-1{height: 90px; line-height: 90px; background: url("../Image/about4-1.png") center center no-repeat;}
.company-about4-2{margin: 10px 0 0 0; height: 25px; line-height: 25px; font-size: 16px; font-weight: bold; text-align: center;}
.company-about4-3{height: auto; line-height: 25px; font-size: 16px; color: #585858; text-align: center;}
.company-about4-4{background: url("../Image/about4-2.png") center center no-repeat;}
.company-about4-5{background: url("../Image/about4-3.png") center center no-repeat;}
.company-about4-6{background: url("../Image/about4-4.png") center center no-repeat;}
.company-about5{height: 350px; width: 100%; padding-top: 20px;}
.company-about5 li{width: 25%; float: left; height: 350px; transition: all 0.5s ease;}
.company-about5 li:nth-child(1){background: url("../Image/about5-1.jpg") center center no-repeat;}
.company-about5 li:nth-child(2){background: url("../Image/about5-2.jpg") center center no-repeat;}
.company-about5 li:nth-child(3){background: url("../Image/about5-3.jpg") center center no-repeat;}
.company-about5 li.on{width: 50%;}
.company-about5-1{margin: 50px 0 0 0; height: 30px; line-height: 30px; text-align: center; font-size: 20px; font-weight: bold;}
.company-about5-2{margin: 25px 0 0 0; line-height: 30px; font-size: 15px; transition: all 0.5s ease;}
.company-about5 li.on .company-about5-2{padding: 0 150px;}
.company-about5-2-main{padding: 0 20px; text-align: center;}
.company-about5-3{margin: 15px 0 0 0; width: 100%; height: 35px; background: url("../Image/about5-3.png") center center no-repeat;
opacity: 0; transition: all 0.5s ease;}
.company-about5 li.on .company-about5-3{opacity: 1;}
.company-yuoshi3 li{width: 50%; float: left; padding: 0 20px; margin-top: 55px;}
.company-yuoshi3-1{width: 50px; height: 40px; background: url("../Image/youshi3-1.png") center center no-repeat;
margin-right: 15px;}
.company-yuoshi3-2{line-height: 40px; font-size: 20px; color: #10ab92; font-weight: bold;}
.company-yuoshi3-3{margin: 10px 0 0 0; line-height: 30px;}
.company-yuoshi3-4{background: url("../Image/youshi3-2.png") center center no-repeat;}
.company-yuoshi3-5{background: url("../Image/youshi3-3.png") center center no-repeat;}
.company-yuoshi3-6{background: url("../Image/youshi3-4.png") center center no-repeat;}
.company-yuoshi4{height: 400px;}
.company-yuoshi4-main{background: url("../Image/yuoshi4-bg.jpg") center center no-repeat; height: 100%; padding: 100px 0 0 60px;}
.company-yuoshi4-main li{width: 100%; height: 50px; margin: 20px 0 0 0; color: white; }
.company-yuoshi4-1{font-size: 54px; line-height: 50px; font-family: "宋体"; margin-right: 10px; width: 50px; text-align: center;}
.company-yuoshi4-2{width: 200px; height: 50px;}
.company-yuoshi4-2-1{width: 200px; height: 25px; height: 25px; font-size: 16px;}
.index-product-main li{margin-top: 30px; position: relative; overflow: hidden;}
.index-product-main li .pic{border: 1px solid #888; }
.index-product-main li .title{width: 100%; height: 100%; position: absolute; left: 50%; top: -100%; background: rgba(0,0,0,0.5);
transition: all 0.5s ease-in-out; transform: translateX(-50%);}
.index-product-main li .title1{position: absolute; width: 100%; height: 40px; line-height: 40px; color: white; 
bottom: 50%; left: 0; text-align: center; font-size: 18px; overflow: hidden;}
.index-product-main li .title2{position: absolute; width: 100%; height: 30px; background: url("../Image/title2.png") center center no-repeat;
top: 50%; left: 0;}
.index-product-main li:hover .title{top: 0;}
.news-main-title li{cursor: pointer;}
.news-index2 li{margin: 20px 0 0 0; padding: 10px 15px; background: #ededed; height: auto; overflow: hidden; width: 100%;}
.news-index2 li .title{height: auto; line-height: 30px; font-size: 18px; color: #10ab92; width: 100%; font-weight: bold;}
.news-index2 li .time{height: 25px; line-height: 25px;}
.news-index2 li .content{line-height: 30px; color: #5c5c5c; font-size: 15px;}
.news-index2 li:hover{background: #10ab92;}
.news-index2 li:hover .title{color: white;}
.news-index2 li:hover .time{color: white;}
.news-index2 li:hover .content{color: white;}
.news-info1{height: 35px; line-height: 35px; font-size: 20px; text-align: center;}
.news-info3{text-align: center; margin: 5px auto 0;}
.news-info4{line-height: 30px; margin: 10px 0 0 0; font-size: 15px;}

.pro-info1{margin: 20px 0 0 0; text-align: center;}
.pro-info2{height: 30px; line-height: 30px; font-size: 24px; font-weight: bold; margin: 10px 0 0 0; text-align: center;}
.pro-info3{border-bottom: 1px solid #606060; height: 35px; line-height: 34px;}
.pro-info3-1{width: 100px; height: 34px; background: #10ab92; color: white; font-size: 16px; text-align: center;
margin-right: 15px; cursor: pointer;}
.pro-info4{line-height: 30px; font-size: 15px; padding-top: 20px;}

#news2{display: none;}
.contact-index-main{line-height: 40px; font-size: 15px; height: auto;}
.contact-index-main p{margin: 5px 0 0 0;}
.contact-index1{display: inline-block; width: 40px; height: 40px; margin-right: 10px; background: url("../Image/linkman.png") center center no-repeat; float: left;}
.contact-index2{display: inline-block; width: 40px; height: 40px; margin-right: 10px; background: url("../Image/tel.png") center center no-repeat; float: left;}
.contact-index3{display: inline-block; width: 40px; height: 40px; margin-right: 10px; background: url("../Image/mobile.png") center center no-repeat; float: left;}
.contact-index4{display: inline-block; width: 40px; height: 40px; margin-right: 10px; background: url("../Image/fax.png") center center no-repeat; float: left;}
.contact-index5{display: inline-block; width: 40px; height: 40px; margin-right: 10px; background: url("../Image/email.png") center center no-repeat; float: left;}
.contact-index6{display: inline-block; width: 40px; height: 40px; margin-right: 10px; background: url("../Image/add.png") center center no-repeat; float: left;}




@media (max-width: 767px) {
.top2{height: 57px;}
.top2-1{height: 37px; margin: 10px 0; padding: 0;}
.top3{background: none; height: 0;}
.top3 .navbar-default{background: none;}
.navbar-default .navbar-toggle{position: absolute; right: 0; top: -58px;}
.pro{background: none; padding: 0 10px; height: auto; overflow: hidden;}
.pro1{padding: 20px 0 0 0; height: auto; overflow: hidden; float: left;}
.pro1-1{height: 35px;}
.pro1-1-1{font-size: 24px; text-align: center; width: 100%; height: 35px; line-height: 35px;}
.pro1-2{text-align: center;}
.pro1-3{text-align: center;}
.pro3{margin: 20px 0 0 0; height: auto; float: left; position: relative; width: 100%; overflow: hidden;}
.pro3 #swiper3{padding: 0 40px;}
.pro3 .swiper-button-prev{transform: translateY(-50%); left: 5px; cursor: pointer; width: 20px; height: 26px; 
background: url("../Image/prev5.png") center center no-repeat;}
.pro3 .swiper-button-next{transform: translateY(-50%); right: 5px; cursor: pointer; width: 20px; height: 26px;
background: url("../Image/next5.png") center center no-repeat;}
.pro3 li{width: 100%;}
.pro3 li img{max-width: 100%; border: 1px solid #888;}
.pro3 li .title{height: 40px; line-height: 40px; text-align: center; font-size: 18px; font-weight: bold;
margin-bottom: 20px;}
.padding50{padding: 20px 0;}
.case1-1{font-size: 24px; width: 100%; text-align: center;}
.advan2-1-1{display: none;}
.advan{height: 400px; padding: 40px 0;}
.advan-main{height: 320px;}
.advan1{display: none;}
.advan2{width: 140px; height: 280px; background: url("../Image/advan11.png") center center no-repeat; position: absolute; top: 20px;
left: 50%;}
.advan3{width: 220px; height: 220px; border-radius: 180px; background: white; position: absolute; left: 50%;
transform: translateX(-50%); top: 50px;}
.advan3-1{margin: 50px 0 0 0; text-align: center; height: 60px; line-height: 30px; color: #10ab92; font-size: 30px; padding: 0 40px;}
.advan3-2{margin: 20px 0 0 0; height: 30px; line-height: 30px; text-align: center; font-size: 26px; color: #434343;}
.advan2-1,.advan2-2,.advan2-3,.advan2-4,.advan2-5,.advan2-6{display: none;}
.news3-1 li{padding: 10px 0; border-bottom: 1px dashed #888; height: auto; overflow: hidden;}
.news3{margin: 15px 0 0 0;}
.contact1-1{font-size: 24px;}
.contact{background: #10ab92;}
.footer{line-height: 30px; height: auto; padding: 5px 0;}
.padding30{padding: 15px 0;}
.company-title li{margin-right: 10px;}
.padding-top50{padding-top: 20px;}
.margin30{margin: 15px 0 0 0;}
.company-about5{height: auto; overflow: hidden;}
.company-about5 li{width: 100%; height: 200px;}
.company-about5 li.on{width: 100%;}
.company-about5 li.on .company-about5-2{padding: 0;}
.company-about5-1{margin: 30px 0 0 0;}
.company-about5-2{margin: 20px 0 0 0;}
.company-about5-3{display: none;}
.company-yuoshi3 li{width: 100%; padding: 0; margin-top: 15px;}
.product-title li{margin-top: 10px;}
.company-title{margin-top: 10px;}
.company-about1{height: 50px;}
.company-about1-2{height: 30px; line-height: 30px; font-size: 24px;}
.contact-index-main{padding: 10px 5px 0;}

.company-banner{width: 100%; height: 200px; background: url("../Image/company-banner2.jpg") center center no-repeat;}
.product-banner{width: 100%; height: 200px; background: url("../Image/product-banner2.jpg") center center no-repeat;}
.news-banner{width: 100%; height: 200px; background: url("../Image/news-banner2.jpg") center center no-repeat;}
.case-banner{width: 100%; height: 200px; background: url("../Image/case-banner2.jpg") center center no-repeat;}
.contact-banner{width: 100%; height: 200px; background: url("../Image/contact-banner2.jpg") center center no-repeat;}
}

@media (min-width: 768px) and (max-width: 991px) {
.top3{height: 40px;}
.top3 .navbar-nav{height: 40px;}
.top3 .navbar-nav li p{line-height: 40px; height: 40px; font-size: 15px;}
.pro{height: 500px; background: url("../Image/pro-right1.png") right center no-repeat;}
.pro1{padding: 30px 0;}
.pro1-4{margin: 30px 0 0 0;}
.pro1-1-1{font-size: 30px;}
.pro1-4 li{height: 35px; margin-bottom: 15px;}
.pro1-4-1{line-height: 35px; font-size: 24px; margin-right: 8px;}
.pro1-4-2{line-height: 40px;}
.padding50{padding: 30px 0;}
.case1{width: 135px;}
.case1-1{font-size: 30px;}
.about2-2{margin: 10px 0 0 0; width: 100%; font-size: 50px; height: 60px; line-height: 60px; text-align: right;}
.advan2-1-1{display: none;}
.advan{height: 700px; padding: 70px 0;}
.news3-2 li:nth-last-child(1){display: none;}
.padding30{padding: 20px 0;}
.padding-top50{padding-top: 30px;}
.margin30{margin: 20px 0 0 0;}
.company-about5 li.on .company-about5-2{padding: 0 50px;}
.company-yuoshi3 li{margin-top: 25px;}

.company-banner{width: 100%; height: 300px; background: url("../Image/company-banner1.jpg") center center no-repeat;}
.product-banner{width: 100%; height: 300px; background: url("../Image/product-banner1.jpg") center center no-repeat;}
.news-banner{width: 100%; height: 300px; background: url("../Image/news-banner1.jpg") center center no-repeat;}
.case-banner{width: 100%; height: 300px; background: url("../Image/case-banner1.jpg") center center no-repeat;}
.contact-banner{width: 100%; height: 300px; background: url("../Image/contact-banner1.jpg") center center no-repeat;}
}

@media (min-width: 992px) and (max-width: 1200px) {
.top3{height: 50px;}
.top3 .navbar-nav{height: 50px;}
.top3 .navbar-nav li p{line-height: 50px; height: 50px;}
.pro{height: 600px;}
.pro1{padding: 35px 0;}
.pro1-4{margin: 40px 0 0 0;}
.pro1-1-1{font-size: 30px;}
.pro1-4 li{height: 40px; margin-bottom: 15px;}
.pro1-4-1{line-height: 40px; font-size: 28px; margin-right: 10px;}
.pro1-4-2{line-height: 45px;}
.padding50{padding: 40px 0;}
.about2-2{margin: 10px 0 0 0; width: 100%; font-size: 60px; height: 70px; line-height: 70px; text-align: right;}
.advan2-1-1{left: 60px; font-size: 18px;}
.advan{height: 800px; padding: 120px 0;}
.news3-2 li:nth-last-child(1){display: none;}
.news3-1 .content{height: 60px; overflow: hidden;}
.news3-2 .content{height: auto; overflow: hidden;}
.contact1-1{font-size: 30px;}
.padding-top50{padding-top: 40px;}
.company-about5 li.on .company-about5-2{padding: 0 100px;}
.company-yuoshi3 li{margin-top: 45px;}
.company-yuoshi4-main{padding: 120px 0 0 40px;}
.company-yuoshi4-2{width: 100px;}
.company-yuoshi4-2-1{width: 100px;}
}

@media (min-width: 1201px) {

}