@charset "utf-8";
body{margin: 0; padding: 0; font-family:"微软雅黑"; font-size: 12px; line-height: 26px; color: #737373;}
ul,ul li{list-style: none; margin: 0; padding: 0;}
a:link,a:visited{text-decoration: none; transition: all .4s; color: #070707;}
a:hover{color: #007840;}
input:focus{outline: none;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
img{border: 0; vertical-align: middle; max-width: 100%; height: auto;}
.web{display:block!important;}
.phone{display:none!important;}

.wrap{width: 1170px; margin: 0 auto;}

.i-header{height: 77px; position: fixed; z-index: 9999; width: 100%; background: rgba(0,0,0,0);}
.header{background: #fff; position: relative; border-bottom:1px solid #ebebeb;}
.lang{ color: #007840; padding: 32px 0 0 0;}
.lang a{color: #007840;}
.i-logo{width:281px; height: 37px; background: url(../img/i-logo.png) center no-repeat; margin: 25px 0 0 0;}
.logo{width:181px; height: 37px; background: url(../img/logo.png) center no-repeat; margin: 25px 0 0 0;}
.logo a{display:block; height:37px;}
.i-nav{ padding: 32px 0 0 0; }
.i-nav ul.nav{ position: relative;}
.i-nav ul.nav li{height: 45px; padding: 0 40px 0 20px; float: left; position: relative; z-index: 9999; }
.i-nav ul.nav li>a{color: rgba(255,255,255,0.77); font-size: 16px; font-weight: 400;}
.header .i-nav ul.nav li>a,.i-header .i-nav.phone ul.nav li>a{color: #1d1d1b;}
.i-nav ul.nav li>a:hover{color: #fff;}
.header .i-nav ul.nav li>a:hover,.header .i-nav ul.nav li>a.active,.i-header .i-nav.phone ul.nav li>a:hover,.i-header .i-nav.phone ul.nav li>a.active{color: #007840;}
.i-nav ul.nav li .child{ padding-left:20px;display: none; position: absolute; top: 45px; left: 0; z-index: 9999; height: 178px; padding-top: 20px;}
.i-nav ul.nav li .child.pro{width: 70px;}
.i-nav ul.nav li .child.line{background-image: url(../img/line.png); background-position: left center; background-repeat: no-repeat;}
.i-nav ul.nav li .child.line-r{background: url(../img/line.png) right center no-repeat;}
.i-nav ul.nav li .child a{ display: block;}
.i-nav ul.nav li.navindex3 .child.line{ background:none;}
.i-nav ul.nav li.navindex5 .child.line{ background:none;}
.i-nav ul.nav li.navindex7 .child.line{ background: url(../img/line.png) right center no-repeat; width:100%;}
.i-banner .slide div{height:602px; background-position: center; background-repeat: no-repeat; background-size: cover!important;}
.tbanner .slide div{height:100vh;}
.i-xlnav{position: absolute; z-index: 999; background: #fff; height: 198px; display: none; top: 46px; }

.i-about{width: 100%; height: 603px; position: relative; background: url(../img/i_03.jpg) center no-repeat fixed; background-size: cover;}
.i-about .aboutcon{padding: 120px 20% 0 55%;}
.i-about .aboutcon a.aboutmore{padding: 0 20px; display: inline-block; border: 1px solid #acacac; color: #999; line-height: 36px;}
.i-about .aboutcon a.aboutmore:hover{color: #007840;}
.i-pro{padding: 100px 0;}
.i-pro .pro-cat{width: 40%; }
.i-pro .pro-cat h3{font-size: 20px; margin: 0; padding: 0; line-height: 36px; margin-bottom: 10px;}
.i-pro .pro-cat div.intro{ line-height: 18px; margin-bottom: 20px; color:#737373;}
.i-pro .pro-cat .search{width: 60%; border: 1px solid #c2c2c2; padding: 0 0 0 10px; height: 20px;}
.i-pro .pro-cat .search form{}
.i-pro .pro-cat .search form .stxt{width: 85%; height: 20px; line-height: 20px; border: none; background: none; float: left;}
.i-pro .pro-cat .search form .sbtn{width: 10%; height: 20px; border: none; background: url(../img/sbtn.png) center no-repeat; float: right; }
.i-pro .pro-catlist{width: 50%;}
.i-pro .pro-catlist ul li{width: 60px; float: left; margin-right: 110px;}
.i-pro .pro-catlist ul li:nth-last-child(1){margin-right: 0;}
.i-pro .pro-catlist ul li a{display: block; font-size: 22px; text-align: center; color:#666;}
.i-pro .pro-catlist ul li a i{display: block; border-radius: 50%; overflow: hidden; margin-bottom: 15px; }
.i-pro .pro-catlist ul li a.p1 i{background: #b3dacb;}
.i-pro .pro-catlist ul li a.p1:hover i{background: #87c0aa;}
.i-pro .pro-catlist ul li a.p2 i{background: #9acea4;}
.i-pro .pro-catlist ul li a.p2:hover i{background: #66ad72;}
.i-pro .pro-catlist ul li a.p3 i{background: #55a7b2;}
.i-pro .pro-catlist ul li a.p3:hover i{background: #237685;}
.i-pro .pro-catlist ul li a.p4 i{background: #94a5b0;}
.i-pro .pro-catlist ul li a.p4:hover i{background: #5f7482;}

.i-banner-1 .slide div{height: 602px;background-position: center; background-repeat: no-repeat; background-size: cover!important;}
.i-banner-1 .slide .slidebox{position: relative; height: 602px; z-index: 9999;}
.i-banner-1 .slide .slidebox .slidecon{position: absolute; width: 304px; height: 344px; top: 40%; right: 20%; margin: -172px -152px 0 0; }

.footer-1{height: 38px; padding: 17px 0 20px 0; background: #f7f7f7; width: 100%; text-align: center;}
.footer-1 .tel{display: inline-block; padding-left: 60px; margin-right: 100px; background: url(../img/tel.png) left center no-repeat; font-size: 22px; line-height: 38px; height: 38px; color: #bfbebe;}
.footer-1 .mail,.footer-1 .service,.footer-1 .weichat{width: 38px; height: 38px; display: inline-block; margin: 0 20px; vertical-align: bottom;}
.footer-1 .mail{background: url(../img/mail.png) center no-repeat;}
.footer-1 .service{background: url(../img/service.png) center no-repeat;}
.footer-1 .weichat{background: url(../img/weichat.png) center no-repeat; position:relative;}
.footer-1 .weichat div{display:none; position:absolute; top:38px; left:-135px; width:276px;}
.footer-1 a.weichat:hover div{display:block;}

.footer-2{background: #fff; padding: 25px 0 60px 0; width: 100%;}
.footer-2 .fbox{width: 25%; margin-right: 12.5%; float: left;}
.footer-2 .fbox.fb-3{margin-right: 0;}
.footer-2 .fbox .tit{height: 28px; padding-left: 105px; padding-top:19px ; line-height: 28px; font-size: 24px; color: #616161;}
.footer-2 .fbox .con{padding-left: 105px; line-height: 18px; padding-top: 20px;}
.footer-2 .fbox .con a{line-height: 18px; display: inline-block; height: 40px;}
.footer-2 .fbox .con .time{ background: url(../img/t.png) left center no-repeat; padding-left: 18px;}
.footer-2 .fbox.fb-1 .tit{background: url(../img/cnews.png) left center no-repeat;}
.footer-2 .fbox.fb-2 .tit{background: url(../img/inews.png) left center no-repeat;}
.footer-2 .fbox.fb-3 .tit{background: url(../img/cases.png) left center no-repeat;}

.footer-3{padding: 3px 0; width: 100%; background: #575755; color: #e3e3e2; line-height: 40px; text-align: center;}
.footer-3 img{max-height: 40px; margin: 0 20px;}
.footer-3 a{color: #E3E3E2;}

.culture{padding: 168px 0;}
.culture ul li{width: 50%; float: left; margin-bottom: 32px;}
.culture ul li table tr td{vertical-align: middle; text-align: left;}
.culture ul li table tr td img{margin-right: 27px;}

.profile{padding: 170px 0; color: #595757;}
.profile .box{direction: ltr;}
.profile .box:nth-child(2n){direction: rtl;}
.profile .boxL{width: 558px;  float: left;}
.profile .boxR{width: 612px; float: right;}
.profile .intro{padding: 0 60px 0 90px; font-size: 14px; height: 487px; line-height: 22px; display: table-cell; vertical-align: middle;}
.profile .intro span{color: #007631;}
.profile .intro1{padding: 0 165px 0 32px; direction: ltr; font-size: 14px; height: 615px; line-height: 22px; display: table-cell; vertical-align: middle;}
.profile .intro1 h3{font-size: 35px; color: #007631; line-height: 36px; font-weight: normal; margin: 0; padding: 0; margin-bottom: 30px;}
.profile .intro1 div{font-size: 14px; line-height: 22px;}
.profile .intro2{padding: 0 60px 0 90px; font-size: 14px; height: 615px; line-height: 22px; display: table-cell; vertical-align: middle;}
.profile .intro2 h3{font-size: 35px; line-height: 36px; font-weight: normal; margin: 0; padding: 0; margin-bottom: 20px;}
.profile .intro2 div{font-size: 14px; line-height: 22px;}
.cases{padding: 170px 0;}
.cases ul li{float: left; margin-right: 6px;}
.cases ul li .pic{margin-bottom: 40px;}
.cases ul li .tit{font-size: 27px; color: #666; line-height: 50px;}
.cases ul li .con{color: #595757; line-height: 24px; font-size: 14px;}
.honor{padding: 170px 0;}
.honor .honorlist{width: 320px; padding-left: 4px; float: left;}
.honor .honorlist li{ line-height: 30px;}
.honor .honorpic{width: 843px; height: 605px; float: right; background: #ececec; text-align: center;}
.honor .honorpic .tit{color: #727171; line-height: 68px;}
.honor .honorpic .pic{padding: 42px 0 0 0; height: 470px;}
.honor .honorpic .pic img{max-height: 100%;}
.honor .honorpic  .slick-slide img{visibility:visible;}
.honor .honorpic  .slick-dots{bottom:-10px;}

.brand{}
.brand .box{width:100%; height: 604px; position: relative;  background-size: cover; background-position: top center; background-repeat: no-repeat; background-attachment: fixed;}
.brand .box-1{background-image: url(../images/brand1.png); height: 798px;}
.brand .box-2{background-image: url(../images/brand2.png);}
.brand .box-3{background-image: url(../images/brand3.png); height: 604px;}
.brand .box-4{background-image: url(../images/brand4.png);}
.brand .con{width: 384px; height: 331px;}
.brand .box h1{margin: 0; padding: 0; font-size: 48px; line-height: 48px; margin-bottom: 40px;}
.brand .box div{font-size: 13px; line-height: 22px;} 
.brand .box-1 .con{padding: 110px 0 0 0; float: right;}
.brand .box-2 .con{padding: 180px 0 0 64px; }
.brand .box-3 .con{padding: 240px 0 0 0; float: right; width: 359px; height: 175px;}
.brand .box-4 .con{padding: 133px 0 0 64px; width: 633px; height: 214px; color: #fff;}


.brand-qs{ width:100%; height:963px; background:url(../img/ppqs.jpg) top center no-repeat;}
.brand-qs .qsconbox{ width:356px; padding:157px 0 0 64px; float:left;}
.brand-qs .qsconbox h1{font-size:56px; margin:0; padding:0; line-height:56px; color:#6e6e6d; margin-bottom:52px;}
.brand-qs .qsconbox .qscon{font-size:14px; line-height:22px; color:#6e6e6d;}
.brand-qs .qsvideo{ width:616px; height:326px; padding:3px 6px 4px 4px; background:url(../img/b-v-bg.png) center no-repeat; float:left; margin:319px 0 0 62px; }
.brand-qs.ppqs{background:url(../img/ppqsbg.jpg) top center no-repeat;}
.brand-qs.ppqs .qsconbox h1{color:#fff;}
.brand-qs.ppqs .qsconbox .qscon{ color:#fff;}

.banner{width: 100%; height: 543px; background-size:cover; background-position: top center; background-repeat: no-repeat;}
.banner img{visibility: hidden;}

.catebox{height: 1px; position: relative;}
.catebox .cate{position: absolute; left: 0; top: -110px; height: 110px;}
.catebox .cate ul{position: relative; height:87px ; padding: 22px 0 0 0; display: inline-block; border-top: 1px solid #fff;}
.catebox .cate ul li{width: 310px; height: 87px; float: left;}
.catebox .cate ul li a{display: block; padding: 0 0 0 25px; height: 87px; font-size: 22px; line-height: 56px; color: #fff; background: #8e87af;}
.catebox .cate ul li a:hover{background: #7f74b2;}
.catebox .cate ul li a:after{content: ''; float: right; display: inline-block; padding: 18px 20px 0 0 ; background: url(../img/catinc.png) left bottom no-repeat; width: 17px; height: 18px;}
.catebox .cate ul li.line{height: 5px; background: #fff; position: absolute; top: -5px; left: 0; transition: all .3s ease-in; }
.catebox .cate ul li a.color2{background: #008ad2;}
.catebox .cate ul li a.color2:hover{background: #0177b4;}
.catebox .cate ul li a.color3{background: #a7d4ad;}
.catebox .cate ul li a.color3:hover{background: #89d092;}
.zsjm{border: 1px solid #d7d7d7; padding: 0 9px; margin: 107px 0 242px 0;}
.zsjm div.tit{height: 60px; line-height: 60px; padding: 0 0 1px 29px; background: url(../img/xline.png) bottom repeat-x; font-size: 20px; color: #595757;}
.zsjm div.con{ padding: 30px 0 36px 75px; color: #727171; line-height: 24px; font-size: 14px; background: url(../img/xline.png) bottom repeat-x; }
.zsjm div.con:nth-last-child(1){background: none;}
.zsjm .jmbox{padding: 70px 40px;color: #727171; line-height: 24px; font-size: 14px;}

.newshot{padding: 142px 104px 95px 50px;}
.newshot .tit{font-size: 38px; line-height: 40px; color: #727171; margin-bottom: 36px;}
.newshot .intro{ line-height: 18px; color: #727171; margin-bottom: 20px; width: 36%;}
.newshot .more{}
.newshot .more a{display: inline-block; padding: 0 18px; line-height: 36px; border: 1px solid #d4d4d4; color: #999;}
.newshot .more a:hover{color:#007DDB;}
.newshot .pic{width: 297px; height: 222px; float: right; }
.newsboxwrap{border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; margin-bottom: ;}
.newsbox{border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; padding: 0 14px;}
.newsbox li{height: 72px; padding: 0 20px 1px 34px; background: url(../img/xline.png) bottom repeat-x;}
.newsbox li:nth-last-child(1){background: none;}
.newsbox li a{color: #595757; display: inline-block; line-height: 72px; font-size: 18px; }
.newsbox li a:hover{color: #007840;}
.newsbox li span{color: #595757; font-size: 12px; float: right; line-height: 72px;}
.pagesbox{margin: 90px 0; text-align: center;}

.catebox.news .cate ul li a.color1{background: #009944;}
.catebox.news .cate ul li a.color1:hover{background: #02642e;}
.catebox.news .cate ul li a.color2{background: #5dc2d0;}
.catebox.news .cate ul li a.color2:hover{background: #2d9faf;}

.newsboxwrap-1{border: none; padding: 142px 0 0 0;}
.newsboxwrap-1 .newsbox{border: 1px solid #d7d7d7;}



.catebox.jobs .cate ul li a.color1{background: #147c00;}
.catebox.jobs .cate ul li a.color1:hover{background: #0e5301;}
.catebox.jobs .cate ul li a.color2{background: #68c998;}
.catebox.jobs .cate ul li a.color2:hover{background: #39ad72;}

.jobsbox{border: 1px solid #d7d7d7; padding: 0 9px; margin: 142px 0;}
.jobsbox li{ padding: 9px 0 10px 0; line-height: 51px; background: url(../img/xline.png) bottom repeat-x; text-align: center;}
.jobsbox li:nth-last-child(1){background: none;}

.jobsbox li.tit{font-size: 20px; line-height: 51px;}
.jobsbox li.tit .tittable{ width: 100%;}
.jobsbox li.tit .tittable td{border-right: 1px solid #d7d7d7; line-height: 51px; text-align: center;}
.jobsbox li.tit .tittable td.w5{border-right: none;}
.jobsbox li td.w1{width: 16%;}
.jobsbox li td.w2{width: 10%;}
.jobsbox li td.w3{width: 12%;}
.jobsbox li td.w4{}
.jobsbox li td.w5{width: 12%;}
.jobsbox li.jline .contable{ width: 100%;}
.jobsbox li.jline .contable td{font-size: 14px; line-height: 24px; border-right: 1px solid #d7d7d7; text-align: center;}
.jobsbox li.jline .contable td.w4{text-align: left; padding: 15px;}
.jobsbox li.jline .contable td.w5{border-right: none;}
.jobtrain{padding: 98px 0;}
.jobtrain dl{margin: 0; padding: 0; margin-bottom: 20px;}
.jobtrain dl dt{width: 30px; float: left; font-size: 16px; line-height: 30px;}
.jobtrain dl dd{margin-left: 30px; line-height: 30px;}
.jobtrain dl dd .tit{font-size: 14px; color: #009bae;}
.jobtrain dl:nth-child(2) dd .tit{color: #e94d47;}
.jobtrain dl:nth-child(3) dd .tit{color: #47ac32;}
.jobtrain dl:nth-child(4) dd .tit{color: #01b2c7;}


.catebox.contact .cate ul li a.color1{background: #00757c;}
.catebox.contact .cate ul li a.color1:hover{background: #026369;}
.catebox.contact .cate ul li a.color2{background: #6884c9;}
.catebox.contact .cate ul li a.color2:hover{background: #526aa7;}

.contactbox{ margin: 107px 0;}
.contactbox .map{width: 757px; height: 382px; float: right;}
.contactbox .contactinfo{width: 344px; padding-left: 22px; float: left; font-size: 14px;}
.contactbox .contactinfo .tit{font-size: 18px; line-height: 18px; margin-bottom: 20px; padding-left: 27px;}
.contactbox .contactinfo .addr{padding-left: 27px; background: url(../images/contactinc.png) 0 3px no-repeat; line-height: 22px; margin-bottom: 22px;}
.contactbox .contactinfo .tel{padding-left: 27px; background: url(../images/contactinc.png) 0 -41px no-repeat; line-height: 22px;}
.contactbox .contactinfo .fax{padding-left: 27px; background: url(../images/contactinc.png) 0 -63px no-repeat; line-height: 22px;}
.contactbox .contactinfo .qq{padding-left: 27px; background: url(../images/contactinc.png) 0 -83px no-repeat; line-height: 22px; margin-bottom: 22px;}
.contactbox .contactinfo .weburl{padding-left: 27px; background: url(../images/contactinc.png) 0 -120px no-repeat; line-height: 22px;}
.contactbox .contactinfo .mail{padding-left: 27px; background: url(../images/contactinc.png) 0 -142px no-repeat; line-height: 22px; margin-bottom: 49px;}
.contactbox .contactinfo .ewm{}
textarea:focus{outline: none;}
.formbox{}
.formbox dl{margin: 0; padding: 0; margin-bottom: 8px; border: 1px solid #d7d7d7;}
.formbox dl dt{width: 86px; float: left; line-height: 30px; font-size: 14px; padding: 10px 0; text-align: right; }
.formbox dl dt span{color: #fb270b;}
.formbox dl dd{margin-left: 100px; padding: 10px 10px 10px 0;}
.formbox dl dd input{width: 100%; height: 30px; line-height: 30px; border: none; background: none;}
.formbox dl dd textarea{width: 100%; height: 180px; line-height: 30px; border: none; background: none;}
.formbox dl.yzm{background: #f1f1f1; margin: 40px 0 60px 0;}
.formbox dl.yzm dd input{width: 120px; background: #fff; border: 1px solid #e1e1e1; padding: 0 10px; margin-right: 10px;}
.formbox dl.yzm dd img{height: 30px; vertical-align: bottom;}
.subbtnbox .btn{border: 1px solid #e2e2e2; color: #b5b4b4; background: #fff; padding: 5px 20px; }
.subbtnbox .btn.sub{background: #f1f1f1;}
.subbtnbox .btn:hover{background: #f9f9f9;}

.probox{width: 100%; height: auto;  }
.probox .titbox{float: left; width: 380px; padding-left: 57px;}
.probox .titbox .tit{display: table-cell; vertical-align: middle; font-size: 40px; font-weight: bold;}
.probox .procatbox{width: 718px; float: right;}
.probox .procatbox ul li{width: 90px; height: 136px; float: left; margin: 0 30px 0 0px;}
.probox .procatbox ul li a div.pic{width: 57px; height: 57px; border-radius: 50%; margin: 0 auto; display: block; }
.probox .procatbox ul li a div.pic img{border-radius: 50%;}
.probox .procatbox ul li a div.tit{line-height: 56px; text-align: center; }
.probox .procatbox ul li:nth-child(6n){margin-right: 0;}
.pb-1{background: url(../img/pbg1.png) top repeat-x; padding: 153px 0 108px 0; height: 408px;}
.pb-1 .titbox .tit{height: 408px;}
.pb-1 .procatbox ul li a .pic{background: #c2c1c1;  box-shadow: 5px 5px 10px rgba(194,193,193,1);}
.pb-1 .procatbox ul li a:hover .pic{background: #898787; box-shadow: 5px 5px 10px rgba(170,169,169,1);}

.pb-2{background: #fff; padding: 148px 0 60px 0; height: 272px;}
.pb-2 .titbox .tit{height: 272px;}
.pb-2 .procatbox ul li a .pic{background: #a9ddc7;  box-shadow: 5px 5px 10px rgba(194,193,193,1);}
.pb-2 .procatbox ul li a:hover .pic{background: #5fb891; box-shadow: 5px 5px 10px rgba(138,221,186,1);}
.pb-3{background: url(../img/pbg2.png) top repeat-x; padding: 218px 0 189px 0; height: 136px;}
.pb-3 .titbox .tit{height: 136px; color: #fff;}
.pb-3 .titbox .tit a{color:#fff;}
.pb-3 .titbox .tit a:hover{color: #79797a;}
.pb-3 .procatbox ul li a{color: #8c8d8f;}
.pb-3 .procatbox ul li a .pic{background: #7d7c7c;  /*box-shadow: 5px 5px 10px rgba(194,193,193,1);*/ }
.pb-3 .procatbox ul li a:hover .pic{background: #5c5b5b; /*box-shadow: 5px 5px 10px rgba(170,169,169,1);*/}
.pb-3 .procatbox ul li a:hover{color: #79797a;}
.pb-3 .procatbox{width: 518px;}
.pb-4{background: url(../img/pbg3.png) top repeat-x; padding: 204px 0 204px 0; height: 136px;}
.pb-4 .titbox .tit{height: 136px;}
.pb-4 .procatbox ul li a .pic{background: #c2c1c1;  box-shadow: 5px 5px 10px rgba(194,193,193,1); }
.pb-4 .procatbox ul li a:hover .pic{background: #aaa9a9; box-shadow: 5px 5px 10px rgba(170,169,169,1);}

.pb-4 .procatbox{width: 518px;}

.procatlistbox{padding: 44px 0 36px 0;}
.procatlistbox .procatbox{width: 718px; float: left; height:108px; position:relative; overflow:hidden;}

.procatlistbox .procatbox ul li{width: 80px; height: 108px; float: left; margin: 0 30px 0 10px;}
.procatlistbox .procatbox ul li a div.pic{width: 57px; height: 57px; border-radius: 50%; margin: 0 auto; display: block; }
.procatlistbox .procatbox ul li a div.pic img{border-radius: 50%;}
.procatlistbox .procatbox ul li a div.tit{line-height: 56px; text-align: center; }
.procatlistbox .procatbox ul li:nth-child(6n){margin-right: 0;}
.procatlistbox .procatbox ul li a .pic{background: #c2c1c1;  box-shadow: 5px 5px 10px rgba(194,193,193,1);}
.procatlistbox .procatbox ul li a:hover .pic{background: #898787; box-shadow: 5px 5px 10px rgba(170,169,169,1);}
.procatlistbox .prosearch {width: 214px; height: 22px; padding: 33px 77px 0 0 ; float: right;}
.procatlistbox .prosearch .search{width: 95%; border: 1px solid #c2c2c2; padding: 0 0 0 5%; height: 20px;}
.procatlistbox .prosearch .search form{}
.procatlistbox .prosearch .search form .stxt{width: 85%; height: 20px; line-height: 20px; border: none; background: none; float: left;}
.procatlistbox .prosearch .search form .sbtn{width: 10%; height: 20px; border: none; background: url(../img/sbtn.png) center no-repeat; float: right; }

.prolistbox{border-top: 1px solid #cacaca; width: 100%;}
.prolistbox .side{width: 218px; float: left;}
.prolistbox .side .tit{ padding:10px 0; padding-left: 30px; line-height: 34px; font-size: 24px; color: #595757; background: #f7f7f7;}
.prolistbox .side .con{ padding: 20px 0;}
.prolistbox .side .con ul li{ margin-bottom: 10px; padding-left: 20px;}
.prolistbox .side .con ul li a{display: block; font-size:14px;}
.prolistbox .side .con ul li a .item{padding-left: 11px;  line-height: 18px;}
.prolistbox .side .con ul li a .title{line-height: 18px; padding-left: 11px;}
.prolistbox .side .con ul li a.active{color:#007840;}
.prolistbox .side .con ul li a:hover .item,.prolistbox .side .con ul li a.active .item{background: url(../images/pdinc.png) left center no-repeat; }
.pdbox{width:100%; padding:20px 0;}

.prolistbox .mainbox{width: 928px; float: right;}
.prolistbox .mainbox ul.prolist{ padding: 80px 0 20px 0;}
.prolistbox .mainbox ul.prolist li{width: 225px; height: 251px; margin: 0 9px 30px 0; float: left;}
.prolistbox .mainbox ul.prolist li:nth-child(4n){margin-right: 0;}
.prolistbox .mainbox ul.prolist li a{display: block; transition: all .4s;}
.prolistbox .mainbox ul.prolist li .pic{width: 223px; height: 215px; border: 1px solid #e1e1e1;  transition: all .4s;}
.prolistbox .mainbox ul.prolist li .tit{height: 36px; line-height: 36px; font-size: 14px; color: #595757;  transition: all .4s; padding-left:8px;}
.prolistbox .mainbox ul.prolist li a:hover{background: #f1f1f1;}
.prolistbox .mainbox ul.prolist li a:hover .pic{  border: 1px solid #908e8e;}
.prolistbox .mainbox ul.prolist li a:hover .tit{   color: #007631;}
.pdpic{ padding-bottom: 15px; padding-top:15px; text-align:center;}
.pdcon{padding: 15px 0;}
.mbbox{padding:26px 0 0 0; margin-right:20px;}
.mbbox a.mobileBtn{width:30px; height:30px; float: right; margin: 3px 0px 0 0;  cursor:pointer; position: relative;
transition:.2s .1s; -moz-transition:.2s .1s; -ms-transition:.2s .1s; -o-transition:.2s .1s; -webkit-transition:.2s .1s;
transition:0.4s cubic-bezier(0.215, 0.61, 0.355, 1); 
-moz-transition:0.4s cubic-bezier(0.215, 0.61, 0.355, 1); 
-ms-transition:0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
 -o-transition:0.4s cubic-bezier(0.215, 0.61, 0.355, 1); 
-webkit-transition:0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }
.mbbox a.mobileBtn hr{height:4px; background:#ffffff; background:#ed6d00; display:block; margin:0; padding:0; border:none; position:absolute;
transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
.mbbox a.mobileBtn hr:nth-child(1){width:100%; top:0; right:0;}
.mbbox a.mobileBtn hr:nth-child(2){width:40%; top:50%; left:0; margin-top:-2px; opacity:1;}
.mbbox a.mobileBtn hr:nth-child(3){width:40%; top:50%; right:0; margin-top:-2px; opacity:1;}
.mbbox a.mobileBtn hr:nth-child(4){width:100%; bottom:0; right:0;}
.newinfo{ padding:60px 0;}
.newinfo .tit{font-size:16px; line-height:30px; text-align:center;}
.newinfo .con{font-size:12px; line-height:24px; }
.newinfo .con .newcon{min-height:360px;}
.newinfo .con .sourcedata{text-align:center;}
.page{text-align:center; padding:0 0 40px 0;}
.page a,.page span{display:inline-block; border:1px solid #f1f1f1; padding:0 8px; margin:0 2px; color:#333; transition:all .4s;}
.page a:hover,.page a.current{background:#007840; color:#fff;}
.prevnext{padding-top:30px;}
.procatlistbox a.showall{display:none;}
@media(min-width:1001px) and (max-width:1200px){
	.wrap{width:980px; margin:0 auto;}
	
	
}
@media(max-width:768px){
	.wrap{width:90%; margin:0 auto;}
	.web{display:none!important;}
	.phone{display:block!important;}	
	
	img{margin:0 auto;}
	.mbbox a.mobileBtn.open hr:nth-child(1){width:100%; top:50%; margin-top:-2px; transform:rotate(45deg); -moz-transform:rotate(45deg);
-ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); 
transform-origin:center; -moz-transform-origin:center; -ms-transform-origin:center; 
-o-transform-origin:center; -webkit-transform-origin:center;}
	.mbbox a.mobileBtn.open hr:nth-child(2){opacity:0; left:-50%;}
	.mbbox a.mobileBtn.open hr:nth-child(3){opacity:0; right:-50%;}
	.mbbox a.mobileBtn.open hr:nth-child(4){width:100%; bottom:50%; margin-bottom:-2px; transform:rotate(-45deg); -moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform-origin:center; -moz-transform-origin:center; -ms-transform-origin:center; -o-transform-origin:center; -webkit-transform-origin:center;}
	.i-nav{width:90%; height:vh; position:relative; padding:18px 5% 0 5%;  background:#fff; left:-100%; transition:all .4s; }
	.i-nav.open{left:0;}
	.i-nav ul.nav{ display:none; overflow: hidden; transition: all .4s;  width:50%;}
	.i-nav ul.nav.open{display:block;  height:auto;}
	.i-nav ul.nav li{width:100%; padding:0; height:45px; line-height:45px;}
	.i-nav ul.nav li.open{}
	
	.i-nav ul.childnav{width:50%; position:absolute; top:18px; left:50%; display:none;}
	.i-nav ul.childnav.open{display:block;}
	.i-nav ul.childnav li{display:none; }
	.i-nav ul.childnav li a{display:block; line-height:45px; }
	
	.footer-1 a{display:none!important;}
	.footer-1 .tel{font-size:14px; margin-right:0;}
	.footer-2 .fbox{width:100%; float:none;}
	
	.profile{padding:60px 0; margin:0 -5%;}
	.profile .boxL{width:100%; float:none;}
	.profile .boxR{width:90%; float:none; height:auto; padding:20px 5%;}
	.profile .intro{padding:0; height:auto;}
	.profile .intro1{padding:0; height:auto; width:90% ;padding:20px 5%;}
	.profile .intro2{padding:0; height:auto; width:90% ;padding:20px 5%;}
	.banner{height:143px;}
	
	.culture ul li{width:100%; float:none;}
	.honor .honorlist{display:none;}
	.honor .honorpic{width:100%;}
	.cases{padding:40px 0;}
	.cases ul li{width:48%; margin-right:4%;}
	.cases ul li:nth-child(2n){margin-right:0;}
	.cases ul li .con{margin-bottom:20px;}
	.brand .box{background-attachment:scroll!important; height:360px;}
	.brand .box .con{height:auto;}
	.brand .box-1{height:360px; }
	.brand .box h1{font-size:30px; line-height:30px;}
	.brand .box-1 .con{height:auto; padding:80px 0 0 0; width:60%;}
	.brand .box-2{height:360px;}
	.brand .box-2 .con{padding:80px 0 0 20px;}
	.brand .box-3 .con{padding:80px 0 0 20px;}
	.brand .box-4 .con{padding:80px 0 0 20px;}
	
	.catebox{height:auto;}
	.catebox .cate{ position:static; height:auto}
	.catebox .cate ul{padding:0; height:40px; width:100%;}
	.catebox .cate ul li{width:32%; height:40px;}
	.catebox .cate ul li a{height:40px; font-size:16px; padding:0 0 0 15px; line-height:40px;}
	.catebox .cate ul li a:after{padding:10px 5px 0 0 ;}
	
	.zsjm div.tit{line-height:30px; padding:15px 0 16px 15px; height:auto;}
	.zsjm div.con{padding:20px 0 20px 60px}
	
	.catebox.news .cate ul li{ width:50%;}
	.newshot{ padding:30px 0;}
	.newshot .pic{width:40%;}
	.newshot .tit{font-size:20px; line-height:26px; margin-bottom:10px; width:59%;}
	.newshot .intro{width:59%;}
	.newshot .more a{line-height:22px; padding:0 4px;}
	.newsbox{padding:0 4px;}
	.newsbox li{padding:0 0 1px 0; height:40px;}
	.newsbox li span{line-height:40px;}
	.newsbox li a{line-height:40px; font-size:14px;}
	
	.catebox.jobs .cate ul li{ width:50%;}
	.jobsbox{padding:0; margin:60px 0; border:none;}
	.phonejob{margin-bottom:20px; width:100%; border:1px solid #d7d7d7; border-bottom:none; border-right:none; border-spacing:0;}
	.phonejob td{border:1px solid #d7d7d7; border-top:none; border-left:none; line-height:30px; padding:0 4px;}
	.phonejob td.w1{width:20%; font-weight:bold;}
	.contactbox .map{width:100%;}
	.pb-1{ height:auto; background-size:cover;}
	.pb-2{ height:auto;}
	.pb-3{ height:auto; background-size:cover;}
	.pb-4{ height:auto; background-size:cover;}
	
	.probox .titbox{ float:none; width:100%; text-align:center; height:auto; padding:0; margin-bottom:20px;}
	.pb-1 .titbox .tit{height:52px; display:block;}
	.probox .procatbox{width:100%; float:none;}
	.probox .procatbox ul{}
	.probox .procatbox ul li{display:inline-block; float:none; margin:0 12px;}
	.pb-2 .titbox .tit{height:52px; display:block;}
	.pb-3 .titbox .tit{height:52px; display:block;}
	.pb-4 .titbox .tit{height:52px; display:block;}
	.procatlistbox{text-align:center;}
	.procatlistbox .procatbox{width:100%; position:relative; float:none;}
	.procatlistbox .procatbox ul li{margin: 0 5px;}
	.procatlistbox a.showall{ display:inline-block; padding:4px 20px; border:1px solid #999; border-radius:4px; margin:0 auto;}
	
	.prolistbox .side{display:none;}
	.prolistbox .mainbox{width:100%; float:none;}
	.prolistbox .mainbox ul.prolist li{width:48%; margin-right:4%; height:auto;}
	.prolistbox .mainbox ul.prolist li:nth-child(2n){margin-right:0;}
	.prolistbox .mainbox ul.prolist li .pic{width:100%; height:auto; text-align:center;}	
	.brand-qs .qsconbox{ width:100%; float:none; padding:157px 0 0 0 ;}
	.brand-qs .qsvideo{width:100%; margin:0; float:none;}
	.i-pro{padding:40px 0;}
	.i-banner .single-item{ height:360px;}
	.i-about{height:420px;}
	.i-about .aboutcon{padding:120px 0 0 20%;}
	.i-pro .pro-cat{width:100%; margin-bottom:20px;}
	.i-pro .pro-catlist{width:100%;}
	.i-pro .pro-catlist ul li{margin-right:40px;}
	.tbanner .slide div{height:360px;}
	.i-banner .single-item-1{ height:360px;}
	.i-banner .slide.single-item-1 div{ height:360px;}
	
	.procatlistbox .prosearch{ padding:33px 0 0 0; margin:0 auto; float:none;}
}
@media(max-width:420px){
	.i-banner .single-item{ height:200px;}
	.tbanner .slide div{height:200px;}
	.i-banner .single-item-1{ height:200px;}
	.i-banner .slide.single-item-1 div{ height:200px;}
}