@charset "utf-8";


body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}

fieldset,img{border:0;}

img{vertical-align:middle;max-width: 100%;}

ol,ul,li{list-style-type:none;}

table{border-collapse:collapse;border-spacing:0;}

button,input,select,textarea{font-size:13px;font-family:inherit;margin:0;outline:none;resize:none;border:none;}

.clearfix:after {clear: both; content: "."; display:block; height: 0; overflow: hidden; visibility: hidden; }

.clearfix { zoom:1;}

html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;font-size: 16px;}

body{color:#565656;font-size:14px;line-height:24px;font-family:"微软雅黑","宋体", Arial, Helvetica, sans-serif; }

a{color:#565656;text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());transition:all 0.3s;}

a:hover{color:#004098 ;text-decoration:none;}:focus{outline:none;}



/* CSS活动的公共样式 */

.fl{float:left;}

.fr{float:right;}

.grWidth{width:94%; margin:0 auto;}

.w1000{width:1000px; margin:0 auto;}

.w1240{width:1240px; margin:0 auto;}

.w1440{width:1440px; margin:0 auto;}

.w1520{width:1520px; margin:0 auto;}

.mb10{margin-bottom:10px;}

.mb15{margin-bottom:15px;}

.mb25{margin-bottom:25px;}

.ce{text-align:center;}

.hide{overflow:hidden;}

.erp{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.clearfix{clear: both;}

.pImg{position:relative;padding-top:100%;display:block;overflow:hidden;}

.pImg img{position:absolute;top:0;left:0;width:100%;height:100%;transition:all 0.5s;}

.bgImg{background-position:center;background-size:cover;position:relative;transition:all 0.5s;display:block;width:100%;height:100%;z-index: 99999}





@font-face {

 font-family: 'Trump';

 src: url('../font/Trump.eot');

 src:

   url('../font/Trump.eot?#font-spider') format('embedded-opentype'),

   url('../font/Trump.woff') format('woff'),

   url('../font/Trump.ttf') format('truetype'),

   

   url('../font/Trump.svg') format('svg');

 font-weight: normal;

 font-style: normal;

}



@font-face {

  font-family: 'iconfont';  /* project id 1085674 */

  src: url('//at.alicdn.com/t/font_1085674_zsixuj5ocz.eot');

  src: url('//at.alicdn.com/t/font_1085674_zsixuj5ocz.eot?#iefix') format('embedded-opentype'),

  url('//at.alicdn.com/t/font_1085674_zsixuj5ocz.woff2') format('woff2'),

  url('//at.alicdn.com/t/font_1085674_zsixuj5ocz.woff') format('woff'),

  url('//at.alicdn.com/t/font_1085674_zsixuj5ocz.ttf') format('truetype'),

  url('//at.alicdn.com/t/font_1085674_zsixuj5ocz.svg#iconfont') format('svg');

}



.iconfont {

  font-family:"iconfont" !important;

  font-style:normal;

  font-size: 1rem;

  -webkit-font-smoothing: antialiased;

  -webkit-text-stroke-width: 0.2px;

  -moz-osx-font-smoothing: grayscale;

  position:relative;

}



/* 内页公用菜单 */

.listMenu{height:60px;line-height:60px;overflow:hidden;border-bottom:1px solid #ececec;}

.listMenu .fr{background: url('../images/home_icon.png') no-repeat left center;padding-left:20px;color:#888;}

.listMenu .fr a{color:#888;}

.listMenu .fr a:hover,.listMenu .fr a.bc{color:#555;}

.menuSub a{color:#333;position:relative;height:60px;display:inline-block;margin-right:40px;font-size: 14px;font-weight: bold;}

.menuSub a:before{position:absolute;content: "";left:0;bottom:0;width:0;height:2px;background:#d81519;transition:all 0.3s;}

.menuSub a.current,.listMenu a:hover{color:#d81519;}

.menuSub a.current:before,.listMenu a:hover:before{width:100%;}

.listWrapper {min-height: 300px;}

.newshow{padding-top: 4%}

.picshow{padding-top: 2%}

.applibox{float: right;width: 76%;}

.pagebox{padding: 20px 0;overflow: hidden;}

.listBanner{position: relative;}

.listBanner .location{position: absolute;bottom: 0;margin-left: -38%;left: 50%;width: 76%;}

.listBanner .location2{bottom: 6%}

.listBanner .location h3{color: #fff;font-size: 35px;line-height: 50px;font-weight: normal;}

.listBanner .location .ename{font-size: 35px;color: rgba(255,255,255,0.5);margin: 6px 0 20px 0;display: block;text-transform: uppercase;}

.listBanner .location p{color: #fff;font-size: 14px;}

.listBanner .location a{color: #fff;font-size: 14px;}



.listBanner .pagemenu{width: 100%;height: 65px;background: #fff;text-align: center;line-height: 65px;margin-top: 4%;}

.listBanner .pagemenu a{display: inline-block;padding: 0 24px;font-size: 24px;color: #000;}

.listBanner .pagemenu a:hover{background: #004098;background-size: cover;color: #fff;}

.listBanner .pagemenu .current{background: #004098;background-size: cover;color: #fff;}

.pagemenu3{display: none;}



/*分页*/

.showPage{margin:30px 0;}

.showPage p{margin-bottom:10px;}

.showPage .back{float:right;width:130px;height:40px;line-height:40px;background:#ddd;text-align:center;margin-top:-55px;}

.showPage .back i{position:relative;margin-right:8px;font-size:1rem;}

.showPage .back:hover{background:#004098;color:#fff;}

.newSear{width:600px;margin:0 auto;height:50px;line-height:50px;margin-bottom:40px;}

.newSear .btn{height:50px;line-height:50px;width:100px;text-align:center;font-size:16px;background:#b9b7b7;color:#fff;cursor:pointer;transition:all 0.3s;float:left;}

.newSear .txt{height:48px;line-height:48px;border:1px solid #ddd;border-right:none;width:400px;padding:0 10px;float:left}

.newSear .btn:hover{background:#d81519;}



.listMenu1{float: left;width: 21.5%;}

.listMenu1 .part1{margin-bottom: 6%;}

.listMenu1 .part{padding: 4%;border:1px solid #cdcdcd;overflow: hidden;}

.listMenu1 .part h3{font-size: 25px;color: #fff;padding: 23px 0;background: #004098;text-align: center;font-weight: normal;margin-bottom: 4%;}

.listMenu1 .menuSub1 a{float: left;width: 36%;padding: 4% 0 4% 12%;margin: 0 2% 2% 0; text-align: left;border: 1px solid #cdcdcd;background: url(../images/pic_li_icon.png)no-repeat left;background-position-x: 20px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.listMenu1 .menuSub1 a:nth-child(2n){margin-right: 0;}

.listMenu1 .menuSub1 a:hover{background: #004098 url(../images/pic_li_icon_on.png)no-repeat left;background-position-x: 20px;border: 1px solid #004098;color: #fff;}

.listMenu1 .menuSub1 .current{background: #004098 url(../images/pic_li_icon_on.png)no-repeat left;background-position-x: 20px;border: 1px solid #004098;color: #fff;}





.listMenu1 .part2 p{padding-left: 26px;font-size: 14px;color: #7c7c7c;}

.listMenu1 .part2 .lxr{background: url(../images/left_lxr.png)no-repeat left;}

.listMenu1 .part2 .tel1{background: url(../images/left_tel.png)no-repeat left;border-bottom: 1px dashed #cdcdcd;margin-bottom: 6%;padding-bottom: 6%;background-position: 0 5px;}

.listMenu1 .part2 .phone{background: url(../images/left_tel.png)no-repeat left;}

.listMenu1 .part2 .fax{background: url(../images/left_fax.png)no-repeat left;}

.listMenu1 .part2 .address{background: url(../images/left_address.png)no-repeat left top;background-position: 0 5px}







/* 头部  */

.fixedBoxA2{position: fixed ! important;}

.head-long{display: none;}



.header{height:110px;line-height: 110px; position:relative;width:100%;z-index:99;background:#fff;transition: 0.4s all}

.headMain{position:relative;font-size:16px;z-index:10;}

.headMain .logo{height:110px;margin-right: 2%;transition: 0.5s all}

.headMain .logo span{margin-left:25px;font-weight:normal;color:#808080;font-size:14px;}

.nav{width: 46%;display: table;margin-right: 2%;transition: 0.5s all}

.nav li{position:relative;display: table-cell;text-align: center;}

.nav li:nth-child(1){width: 14%;}

.nav li a{color:#000;display:block; position:relative;font-size: 16px;}

.nav li a:after{content: '';position: absolute;display: block;width: 100%;height: 0;background:#004098;background-size: cover;left: 0;bottom: 50%;transition: 0.3s all;z-index: -1}

.nav li a:hover,.nav li .cur{color:#fff;}

.nav li:hover a:after{height: 100%;bottom: 0}

.nav li .cur:after{height: 100%;bottom: 0}

.nav .pronav{position: absolute;left: 0;top: 100%;background: #f2f2f2;padding: 30px 0 30px 30px;width: 720px;display: none;}

.nav .pronav li{float: left;width: 30%;margin-right: 3%;position: relative;display: inline-block;}

.nav .pronav li:last-child{margin-right: 0}

.nav .pronav li a{width: 100%;position: relative;padding-top: 74.2%;overflow: hidden;}

.nav .pronav li img{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;transition: 0.5s all}

.nav .pronav li h3{position: absolute;left: 0;bottom: 0;width: 100%;height: 40px;line-height: 40px;font-size: 16px;color: #fff;text-align: center;background: rgba(0,0,0,0.5);}

.nav .pronav li:hover img{transform: scale(1.1);}



.Htel{height: 90px;transition: 0.5s all}

.Htel .tel{background: url(../images/tel.png)no-repeat left;font-size: 14px;color: #494949;padding-left: 24px;padding-right: 14px;margin-right: 14px;position: relative}

.Htel .tel:after{content: '';display: block;position: absolute;width: 1px;height: 12px;border-right: 1px dashed #c8c8c8;right: 0px;top: 4px;}

.Htel .tel b{font-size: 18px;color: #004098;}

.Htel .serach{display: inline-block;width: 18px;height: 24px;background: url(../images/search.png)no-repeat center;margin-right: 10px}

.Htel .lang{display: inline-block;width: 16px;height: 16px;background: url(../images/lang.png)no-repeat center;position: relative}

.Htel .lang:after{content: '';display: block;position: absolute;width: 5px;height: 4px;background: url(../images/lang_down.png)no-repeat center;right: -10px;top: 5px;}

.Htel a{margin-top: 44px;transition: 0.4s all}



.seach{width: 100%;background: #8c8c8c;margin: 0 auto;padding: 20px 0;display: none;position: absolute;top: 90px;}

.seach .seachbox{width: 460px; height: 50px;line-height: 50px; background: #f2f2f2;padding: 0 20px;margin: 0 auto;}

.seach .seachbox .sear_txt{width: 86%; padding: 0 20px;background: url(../images/keybox.png)no-repeat left;}

.seach .seachbox .sear_btn{background: url(../images/search.png)no-repeat left;width: 20px;height: 20px;cursor: pointer;}



.langbox{position: absolute;right: -16px;width: 35px;background: #8c8c8c;top: 70px;line-height: 40px;text-align: center;display: none;}

.langbox a{color: #fff;}



/*广告banner*/

.banner_side{position: relative}

.banner{position: relative;overflow: hidden;}

.banner img{max-width: 100%;}

.banner .small{display: none;}

.swiper-wrapper{transition-timing-function: ease-in-out;}

.banner .swiper-slide{position: relative;}

.banner .banner-next{width: 80px;height: 40px;background:rgba(0,0,0,0.6) url(../images/pro-next.png)no-repeat center;right: 5%;opacity: 0;transition: 0.4s all}

.banner .banner-prev{width: 80px;height: 40px;background:rgba(0,0,0,0.6) url(../images/pro-prev.png)no-repeat center;left: 5%;opacity: 0;transition: 0.4s all}

.banner .banner-next:hover{background:#004098 url(../images/pro-next.png)no-repeat center;}

.banner .banner-prev:hover {background:#004098 url(../images/pro-prev.png)no-repeat center;}

.banner:hover .banner-next{right: 8%;opacity: 1}

.banner:hover .banner-prev{left: 8%;opacity: 1}

.banner_side .banner-pagination{position: absolute;bottom: 4%;left: 50%;width: 100%;margin-left: -50%;}

.banner_side .banner-pagination span{background: #fff;opacity: 1;width: 14px;height: 14px;border-radius: 100px;margin: 0 4px;}

.banner_side .banner-pagination .swiper-pagination-bullet-active{background: #004098;}



/*热门搜索*/

.hotsearch{height: 80px;line-height: 80px;border-bottom: 1px solid #e9e9e9;}

.hotsearch .hotword{font-size: 14px;color: #2a2a2a;}

.hotsearch .hotword b{font-size: 14px;color: #d71317;margin-right: 10px;}

.hotsearch .hotword span{font-weight: bold;}

.hotsearch .hotword a{font-size: 14px;color: #858585;margin: 0 20px;}



.hotsearch .prosearch{width: 460px; height: 50px;line-height: 50px; background: #f2f2f2;padding: 0 20px;margin: 15px 0;

}

.hotsearch .prosearch .prosear_txt{width: 86%; padding: 0 20px;background: url(../images/keybox.png)no-repeat left;}

.hotsearch .prosearch .prosear_btn{background: url(../images/search2.png)no-repeat left;width: 20px;height: 20px;cursor: pointer;}



.Itie{color: #000;text-align: center;width: 100%;padding-bottom: 3rem;}

.Itie b{display: inline-block;padding-bottom: 10px;text-transform: uppercase;font-size: 1.25rem;}



.Itie span{display: block;margin: 10px 0;font-size: 2.5rem;position: relative}

.Itie i{display: block;width: 27px;height: 3px;background: #000;margin: 0 auto;margin-bottom: 4px;}

.Itie p{font-size: 18px;color: #7f7f7f;font-weight: normal;margin:16px 0 20px 0;}



/*产品中心*/

.product{background: url(../images/product_bg.jpg)no-repeat;background-size: cover; padding: 50px 0 80px 0;margin: 0 auto}

.product .probox{padding: 0 1%;position: relative;overflow-x: hidden;}

.product .probox .li{width: 31.33%;position: relative}

.product .probox .li .pic{width: 100%;position: relative;padding-top: 100%;}

.product .probox .li .tie{width: 66%;margin: 0 auto;text-align: center; background: #ececec;padding:3.6% 12%;transition: 0.5s all;position: absolute;left: 50%;margin-left: -45%;bottom: 0}

.product .probox .li .tie p{font-size: 1rem}

.product .probox .li .tie h3{font-size: 1.56rem;color: #333;padding-bottom: 4%;margin-bottom: 2%;position: relative}

.product .probox .li .tie h3:after{content: '';position: absolute;display: block;width: 45px;height: 1px;left: 45%;bottom: 0;background: #b7b7b7;}

.product .probox .pro-next{width: 50px;height: 30px;background:rgba(0,0,0,0.6) url(../images/pro-next.png)no-repeat center;right: 0}

.product .probox .pro-prev{width: 50px;height: 30px;background:rgba(0,0,0,0.6) url(../images/pro-prev.png)no-repeat center;left: 0}

.product .probox .pro-next:hover{background:#004098 url(../images/pro-next.png)no-repeat center;}

.product .probox .pro-prev:hover{background:#004098 url(../images/pro-prev.png)no-repeat center;}

.product .probox .li:hover .tie{background: url(../images/protie.jpg);background-size: cover;color: #fff;}

.product .probox .li:hover h3:after{background: #fff;}

.product .probox .li:hover h3{color: #fff;}

.product .probox .li:hover img{transform: scale(1.1);}



/*技术特点*/

.Technical{padding: 50px 0 10px 0px;overflow: hidden;}

.Technical ul li{float: left;width: 20.2%;height: 400px; text-align: center;padding: 0 2%;}

.Technical ul li h3{font-size: 1.562rem;color: #2a2a2a;font-weight: normal;margin: 2.25rem 0 1.875rem 0;}

.Technical ul li p{text-align: left;font-size:12px;}

.Technical ul li span{display: inline-block;width: 96px;height: 96px;background: url(../images/tec_i_bg.jpg);border:14px solid #d7d7d7;border-radius: 100px;overflow: hidden;transition: 0.2s all}

.Technical ul li span i{display: inline-block;width: 96px;height:96px;background: url(../images/tec_icon.png)no-repeat center;transition: 0.4s all}

.Technical ul li span .tce1{background-position: 0 10px;}

.Technical ul li span .tce2{background-position: -100px 8px;}

.Technical ul li span .tce3{background-position: -202px 8px;}

.Technical ul li span .tce4{background-position: -300px 8px;}




.Technical ul li:hover span{background:#004098;background-size: cover;border:14px solid #fff;box-shadow: 0 0 10px #cecdcd;}

.Technical ul li:hover span .tce1{background-position: 0 -75px;}

.Technical ul li:hover span .tce2{background-position: -100px -75px;}

.Technical ul li:hover span .tce3{background-position: -202px -75px;}

.Technical ul li:hover span .tce4{background-position: -300px -75px;}




/*工程案例*/

.case{padding: 46px 0 0 0;background: url(../images/case_bg.jpg)no-repeat;background-size: cover;}

.case .index-case-navt,index-case-navt2{text-align: center;margin-bottom: 50px;}

.case .index-case-navt a,index-case-navt2 a{text-align: center;display: inline-block;margin: 0 2%;font-size: 16px;padding-bottom: 10px;color: #919191;position: relative}

.case .index-case-navt2 a{font-size: 32px;}

.case .index-case-navt a:after,index-case-navt2 a:after{content: '';position: absolute;display: block;width: 0;height:3px;background: #004098;left: 0;bottom: 0;transition: 0.5s all}

.case .index-case-navt .on:after,.case .index-case-navt2 .on:after{width: 100%;}

.case-w{padding: 0 2%;margin-bottom: 60px;position: relative}

.case .case-w .li{width: 20%; background: #fff;}

.case .case-w .li dt{display: block; border:1px solid #cdcdcd;width: 89.1%;padding: 5%;}

.case .case-w .li .pic{position: relative;width: 100%;padding-top: 80.4%;display: block;margin-bottom: 4%;overflow: hidden;}

.case .case-w .li .pic img {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;transition: 0.5s all}

.case .case-w .li h4{font-size: 16px;color: #000;text-align: center;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.case .case-w .li span{font-size: 14px;color: #7f7f7f;display: block}

.case .case-w .more{position: absolute;right: 8%;bottom: 11%;width: 60px;height: 70px;line-height: 50px;text-align: center;color: #fff; background: url(../images/case_more.png)no-repeat center;transition: 0.5s all}

.case .case-w .case-next{width: 50px;height: 30px;background:rgba(0,0,0,0.6) url(../images/case-next.png)no-repeat center;right: -6px}

.case .case-w .case-prev{width: 50px;height: 30px;background:rgba(0,0,0,0.6) url(../images/case-prev.png)no-repeat center;left: -6px}

.case .case-w .case-next:hover{background:#004098 url(../images/case-next.png)no-repeat center;}

.case .case-w .case-prev:hover{background:#004098 url(../images/case-prev.png)no-repeat center;}

.case .case-w .more:hover{background: url(../images/case_more_on.png)no-repeat center;}

.case .case-w .li:hover h4{color: #004098} 

.case .case-w .li:hover img{transform: scale(1.1);}



/*应用领域*/

.area{background: url(../images/area_bg.jpg)no-repeat;background-size: cover;padding: 50px 0 60px 0;}

.area .index-area-box{overflow: hidden;}

.index-area-cont{position: relative;overflow: hidden;}

.area .index-area-nav{text-align: center;margin-bottom: 50px;}

.area .index-area-nav li{text-align: center;margin-right: 16%;display: inline-block;font-size: 16px;padding-bottom: 10px;color: #fff;line-height: 30px;}

.area .index-area-nav li a{color: #fff;position: relative;margin-right: 16%;padding-bottom: 14px;font-size: 16px;font-weight: bold;}

.area .index-area-nav li a:after{content: '';position: absolute;display: block;width: 0;height:3px;background: #004098;left: 0;bottom: 0;transition: 0.5s all}

.area .index-area-nav .swiper-slide-thumb-active a:after{width: 100%;}

.area .index-area-nav .swiper-slide-thumb-active a{color: #004098}



.index-area-cont li{position: relative}

.index-area-cont li .pic{width: 100%;position: relative;padding-top: 36.1%;display: block}

.index-area-cont li .desc{position: absolute;left: 0;bottom: 0;width: 100%;padding: 3% 0 3% 3%;background: rgba(0,0,0,0.6);color: #fff;}

.index-area-cont li h3{float: left;font-size: 35px;margin-right: 2%;line-height: 40px;}

.index-area-cont li p{float: left;font-size: 14px;width: 40%}

.index-area-cont .area-next{width: 36px;height: 36px;background:rgba(0,0,0,0.6) url(../images/area-next.png)no-repeat center;right: 24px;border-radius: 100px;}

.index-area-cont .area-prev{width: 36px;height: 36px;background:rgba(0,0,0,0.6) url(../images/area-prev.png)no-repeat center;left: 24px;border-radius: 100px;}

.index-area-cont .area-next:hover{background:#004098 url(../images/area-next-on.png)no-repeat center;}

.index-area-cont .area-prev:hover{background:#004098 url(../images/area-prev-on.png)no-repeat center;}









/*关于我们*/

.about{background: url(../images/about_bg.jpg)no-repeat;background-size: cover;padding: 90px 0;overflow: hidden;}

.about .abfl{width: 54%;margin-top: -1%;}

.about .abfl .abtie{font-size: 2.5rem;font-weight: bold;color: #000;padding-bottom: 6px;margin-bottom: 6px;}

.about .abfl .abtie span{font-size: 1.25rem;position: relative;padding-bottom: 2px;font-weight: normal;margin-left: 20px;}

.about .abfl .abtie span:after{content: '';position: absolute;display: block;width: 28px;height: 3px;background: #000;left: 0;bottom: 0;}

.about .abfl .more{display: inline-block;float: left;padding: 6px 24px;border:2px solid #e2e2e2;border-radius: 50px;color: #004098;margin: 2% 0;}

.about .abfl ul{width: 100%;display: table;margin: 2% 0;}

.about .abfl ul li{float: left; text-align: left;line-height: 36px;position: relative;width: 25%;}

.about .abfl ul li:after{content: '';position: absolute;display: block;width: 1px;height: 36px;background: #d5d5d5;right: 34px;top: 12px;}

.about .abfl ul li:last-child:after{display: none;}

.about .abfl ul li h4{font-size: 40px;color: #000;font-weight: bold;}

.about .abfl ul li p{font-size: 14px;color: #7f7f7f;}

.about .video{width: 40%;padding-top: 26.6%;position: relative;}

.about .video img{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}

.about .abfl .more:hover{border:2px solid #004098;}



/*企业风采*/

.Corporate{margin-top: -4%}

.index-honor{padding: 40px 0;}

.index-honor .index-honor-nav{margin-bottom: 50px;text-align: center;}

.index-honor .index-honor-nav a{text-align: center;display: inline-block;margin-right: 2%; font-size: 1.25rem;padding-bottom: 10px;color: #929292;position: relative}

.index-honor .index-honor-nav a:after{content: '';position: absolute;display: block;width: 0;height:3px;background: #004098;left: 0;bottom: 0;transition: 0.5s all}

.index-honor .index-honor-nav .on:after{width: 100%;}

.index-honor .index-honor-nav .on{color: #004098;font-weight: bold;}

.index-honor .index-honor-cont{background: #f0f0f0;padding: 1% 6%;position: relative}

.index-honor .index-honor-cont li{width: 20%;}

.index-honor .index-honor-cont li .pic{width: 100%;position: relative;padding-top: 70%;display: block}

.index-honor .index-honor-cont li .pic img{display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.index-honor .index-honor-cont .honor-next{position: absolute;right: 96%;top: 50%;width: 20px;height: 50px;background: url(../images/honor-prev.png)no-repeat center;}

.index-honor .index-honor-cont .honor-prev{position: absolute;left: 95%;top: 50%;width: 20px;height: 50px;background: url(../images/honor-next.png)no-repeat center;}

.index-honor .index-honor-cont .honor-next:hover{position: absolute;right: 96%;top: 50%;width: 20px;height: 50px;background: url(../images/honor-prev-on.png)no-repeat center;}

.index-honor .index-honor-cont .honor-prev:hover{position: absolute;left: 95%;top: 50%;width: 20px;height: 50px;background: url(../images/honor-next-on.png)no-repeat center;}



/*新闻中心*/

.news{padding: 24px 0 80px 0;overflow: hidden;}

.news .left{float: left;}

.news .right{float: right;}

.news .left h3{color: #000;font-size: 2.5rem;margin-bottom: 50px;}

.news .right h3{color: #000;font-size: 2.5rem;margin-bottom: 50px;}

.news .newsbox{position: relative;overflow: hidden;}



.news .news1{width: 36%;position: relative}

.news .news1 .li{width: 100%;float: left; position: relative;padding-top: 87.4%;}

.news .news1 .li img {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}

.news .news1 .li .txt{position: absolute;left: 0;bottom: 0;padding: 4%;background: rgba(0,0,0,0.7);}

.news .news1 .li .txt h4{font-size: 16px;color: #fff;}

.news .news1 .li .txt span{font-size: 12px;color: #fff;}

.news .news1 .li .txt p{font-size: 14px;color: rgba(255,255,255,0.5);margin: 2% 0;width: 90%}

.news .news1 .news1-pagination{position: absolute;right: 4%;bottom: 4%;z-index: 999}

.news .news1 .news1-pagination span{display: inline-block;margin: 0 2px;width: 10px;height: 10px;background: #fff;opacity: 1}

.news .news1 .news1-pagination .swiper-pagination-bullet-active{background: #004098}

.news .news1 .li:hover h4{color:#004098}

.news .news2{width: 27%;padding: 0 8%;}

.news .news2 li{padding: 6.99% 0;border-bottom: 1px solid #ececec;}

.news .news2 li:nth-child(4){border-bottom: 1px solid #fff;;}

.news .news2 li h4{font-size: 16px;color: #000;font-weight: normal;position: relative;top: 0; transition: 0.5s all;}

.news .news2 li span{font-size: 12px;color: #777;position: relative;top: 0;transition: 0.5s all;}

.news .news2 li i{font-style: normal;font-size: 14px;color: #000;float: right;font-weight: bold;}

.news .news2 .more{display: inline-block;width: 120px;height: 40px;line-height: 40px;text-align: center;font-size: 14px;color: #fff;background: #004098;transition: 0.4s all;position: relative;top: 0;}

.news .news2 li:hover h4{color:#004098;top: -4px}

.news .news2 li:hover i{color:#004098}

.news .news2 li:hover span{top: -4px}

.news .news2 .more:hover{box-shadow: 0 6px 10px #026391;top: -4px;border-radius: 6px;}

.news .news3{width: 20%}

.news .news3 img{width: 100%}

.news .news3 li{padding: 1.33rem 0;border-bottom: 1px solid #ececec;}

.news .news3 li:last-child{padding-bottom: 0;border-bottom:none;}

.news .news3 li h4{padding-left: 20px;font-weight: normal;font-size: 16px;color: #000; position: relative;margin-bottom: 6px;top: 0;transition: 0.5s all;}

.news .news3 li h4:after{content: '';position: absolute;display: block;width: 3px;height: 14px;left: 0;top: 5px;background: #004098;}

.news .news3 li p{position: relative;top: 0;transition: 0.5s all;font-size: 14px;color: #9a9a9a}

.news .news3 li:hover h4{color:#004098;top: -4px}

.news .news3 li:hover p{top: -4px;} 





/*内页*/

.abTie{font-size: 35px;color: #000;text-align: center;margin-bottom: 70px;font-weight: normal;}

.abTie a{color: #000;}

.abTie p{font-size: 16px;color: #5b5b5b;margin-top: 20px;font-weight: normal;}

.ab1{padding: 64px 0 86px 0;overflow: hidden;}

.ab1 .abfl{width: 54%;}

.ab1 .abfl .abtie{font-size: 20px;font-weight: bold;color: #000;position: relative;padding-bottom: 1%;margin-bottom: 1%;}

.ab1 .abfl .abtie:after{content: '';position: absolute;display: block;width: 28px;height: 3px;background: #000;left: 0;bottom: 0;}

.ab1 .abfl .more{display: inline-block;float: left;padding: 6px 24px;border:2px solid #e2e2e2;border-radius: 50px;color: #004098;margin: 2% 0;}

.ab1 .abfl ul{width: 100%;margin: 2% 0;overflow: hidden;}

.ab1 .abfl ul li{float: left; text-align: left;line-height: 36px;position: relative;width: 25%;}

.ab1 .abfl ul li:after{content: '';position: absolute;display: block;width: 1px;height: 36px;background: #d5d5d5;right: 34px;top: 12px;}

.ab1 .abfl ul li:last-child:after{display: none;}

.ab1 .abfl ul li h4{font-size: 40px;color: #000;font-weight: bold;}

.ab1 .abfl ul li p{font-size: 14px;color: #7f7f7f;}

.ab1 .video{width: 40%;padding-top: 26.6%;position: relative;}

.ab1 .video img{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}

.ab1 .abfl .more:hover{border:2px solid #004098;}









.ab2{padding: 60px 0 90px;background: #ececec;overflow: hidden;}

.ab2 ul{width: 100%;margin: 0 auto;padding-bottom:50px;}

.ab2 ul li{float: left;width: 20%;margin-right: 1%;padding: 2%;background: #fff;text-align: center;}

.ab2 ul li span{display: block;width: 100%;padding-top: 86.88%;position: relative;margin-bottom: 10%;}

.ab2 ul li img{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}

.fazhan h3{font-size: 35px;color: #000;text-align: center;font-weight: normal;margin:400px 0 50px 0;}

.fazhan p{font-size:14px;}




.honor{overflow: visible;position: relative;min-width: 320px;width: 100%;max-width: 1220px;margin: 0 auto;}

.ab3{padding: 60px 0 70px 0;margin: 0 auto;}

.ab3 ul li{height: 360px;}

.ab3 ul li .Img{width: 100%;height: 300px;overflow: hidden;background: #ececec;} 

.ab3 ul li .pic{display: table;margin: 0 auto;}

.ab3 ul li .pic span{display: table-cell;vertical-align: middle;height: 300px;}

.ab3 ul li .pic img{display: block;max-width: 100%;max-height: 100%;transition: 0.5s all}

.ab3 ul li h3{line-height: 60px;text-align: center;font-weight: normal;}

.ab3 .honorbox{margin: 0 auto;overflow: hidden;}

/*.ab3 .honorbox ul{width: 85%;margin: 0 auto;overflow: hidden;}*/

.ab3 .honorbox .post{display: block;width: 65px;height:65px;border-radius: 100px;position: absolute;top:50%}

.ab3 .honorbox .honorbox-next{right: -110px;background: #c7c7c7 url(../images/sPrev.png)no-repeat center;}

.ab3 .honorbox .honorbox-prev{left: -110px;background: #c7c7c7 url(../images/sNext.png)no-repeat center;}

.ab3 ul li:hover img{transform: scale(1.1);}



.factory{background: #fff ! important;}

.ab4{padding: 56px 0; background: #ececec;overflow: hidden;}

.ab4 ul .pic{float: left;width: 32%;margin-right: 2%;margin-bottom: 2%;padding-top: 22.23%;position: relative;display: block;overflow: hidden;}

.ab4 ul .pic:nth-child(3n){margin-right: 0}

.ab4 ul .pic img{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;transition: 0.5s all}

.ab4 ul .pic h3{width: 100%;line-height: 50px;text-align: center;background: rgba(0,0,0,0.5);color: #fff;font-size: 14px;position: absolute;left: 0;bottom: 0;transition: 0.5s all}

.ab4 ul .pic:hover h3{bottom: -50px;}

.ab4 ul .pic:hover img{transform: scale(1.1);}

/*产品列表*/

.proList li{float: left;width: 340px;height: 520px;background: #fff;margin: 0 10px 26px 10px; box-shadow: 0 0 15px #eee;}

.proList li:nth-child(4n){margin-right: 0}

.proList li .imgW{display: table;margin: 0 auto;}

.proList li .Imgbox{display: table-cell;vertical-align: middle;height: 290px;}

.proList li img{display: block;max-width: 100%;max-height: 100%;transition: 0.5s all}

.proList li h3{font-size: 18px;color: #000;text-align: center;}

.proList li p{padding: 0 16px;font-size: 14px;color: #8d8d8d;margin-top: 20px;height: 125px;}

.proList li .more{display: block; width: 320px; height: 60px;line-height: 60px;font-size: 14px;color: #777;border-top: 1px solid #e8e8e8;padding: 0 0 0 20px;}

.proList li .more i{display: inline-block;float: right;width: 68px;height: 60px; background: #d81317 url(../images/more_i.png)no-repeat center;line-height: 60px;font-size: 30px;color: #fff;transition: 0.5s all}

.proList li:hover img{transform: scale(1.1);}

.proList li a:hover{color:#d81317 }

.proList li:hover h3{color:#d81317 }

.proList li:hover .more{background: #d81317;color: #fff;}





/* 产品详情 */

.proShow_wrap{padding:60px 0;overflow:hidden;}

.proShow_top{overflow:hidden;background:#fff;}

.proShow_top .left{width:520px;padding:35px 40px;}

.proShow_top .left h3{font-size:24px;line-height:26px;color:#151515;font-weight:normal;}

.proShow_top .left h3 span{display:block;font-size:16px;opacity:.8;margin-bottom:15px;}

.proShow_top .left .font{height:200px;margin-bottom:15px;overflow:hidden;line-height:28px;}

.proShow_top .left .btn a{display:inline-block;width:92px;height:32px;line-height:32px;border:1px solid #d81519;border-radius:3px;background:#d81519;color:#fff;font-size:14px;margin-right:20px;text-align:center;}

.proShow_top .left .btn .zx{background:none;color:#d81519;}

.proShow_top .left .btn a:hover{background:#4b920d;color:#fff;}



.proShow_slide{overflow:hidden;position:relative;width:560px;height:;border-right:1px solid #e4e4e4;padding:0 40px;}

.proShow_slide .bd,.proShow_slide .bd li{width:560px;overflow:hidden;text-align:center;vertical-align:middle;height:400px;line-height:380px;}

.proShow_slide .bd li img{width:500px;height:;}

.proShow_slide .hd{position:absolute; bottom:25px; text-align: center; z-index:5;left: 50%;font-size: 0; line-height: 0;height: 0px; margin-left:-50px;height:12px;overflow:hidden;}

.proShow_slide .hd li{z-index:2; cursor:pointer; margin-right:5px; display:inline-block;width:10px; height:10px;*display:inline; zoom:1;border:1px solid #555;border-radius:100%;}

.proShow_slide .hd li:hover,.proShow_slide .hd .on{background:#555;box-shadow:0 0 0 2px #555 inset;}

.prosShow_main{overflow:hidden;margin:40px auto;background:#fff;}

.prosShow_main .menu{border: 1px solid #d7d7d7;height:70px;line-height: 70px;}

.prosShow_main .menu li{display:inline-block;text-align:center;font-size:16px;color:#333;cursor:pointer;padding: 0 36px;}

.prosShow_main .menu .on{background:#d81418;color:#fff;}

.prosShow_main .menu .on a{color:#fff;}

.prosShow_main .bd{padding:30px;overflow:hidden;}



/*同系列产品*/

.relaPro .tie{font-size: 25px;color: #000;font-weight: normal;margin-bottom: 30px;}

.relaPro li{float: left;width: 340px;background: #fff;margin-right: 26px;}

.relaPro li .imgW{height: 340px;width: 340px;border:1px solid #e4e4e4;}

.relaPro li .Imgbox{display: table;margin: 0 auto;}

.relaPro li .pic{display: table-cell;vertical-align: middle;height: 340px;}

.relaPro li img{display: block;max-width: 100%;max-height: 100%;transition: 0.5s all}

.relaPro li h3{font-size: 18px;color: #fff;text-align: center;height: 60px;line-height: 60px;background:#636363}

.relaPro li p{padding: 0 16px;font-size: 14px;color: #8d8d8d;margin-top: 20px;height: 125px;}

.relaPro .ohbox{position: relative}

.relaPro .prot{display: block;width: 65px;height:65px;border-radius: 100px;position: absolute;top:32%}

.relaPro .prev{right: -110px;background: #c7c7c7 url(../images/sPrev.png)no-repeat center;}

.relaPro .next{left: -110px;background: #c7c7c7 url(../images/sNext.png)no-repeat center;}

.relaPro li:hover img{transform: scale(1.1);}

.relaPro li:hover h3{background: #d81418}





/*新闻列表*/

.newTie{font-weight: normal;font-size: 35px;color: #000;text-align: center;margin: 4% 0;}

.newsList li{margin-bottom:3%;overflow:hidden;padding-bottom: 1%;border-bottom: 1px solid #ececec;position: relative}

.newsList li .nImg{width:17.4%;overflow:hidden;float:left;position: relative;padding-top: 10.1%;}

.newsList li img{width:100%;height:100%;transition:all 0.5s;position: absolute;left: 0;top: 0;display: block;}

.newsList li .tie{float:left;padding: 1% 5% 0 3%;transition: 0.5s all;width: 28%}

.newsList li .tie span{font-size:12px;font-family:Arial;height:30px;display:block;color:#888;}

.newsList li .tie h4{font-size:18px;font-weight:normal;margin-bottom:15px;line-height:22px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.newsList li .tie h4 a{color: #000}

.newsList li .tie h4 a:hover{color:#d81519;}

.newsList li .desc{float: left;width: 40%;padding-top: 3%;font-size: 14px;}

.newsList li .more{position: absolute;top: 40%;right: 1%; font-size: 16px;font-weight: bold;color: #000;}

.newsList li p{font-size:12px;color:#666;}

.newsList li:hover .more{color: #004098;}

.newsList li:hover img{transform:scale(1.1,1.1);}

.newsList li:hover .tie{padding: 1% 4.8% 0 2.8%;}

.newsList li:hover a{color: #004098;}

/*技术问答*/

.faqlist{overflow: hidden;font-size: 14px;color: #666666;line-height: 30px;}

.faqlist li{padding-bottom: 20px; overflow: hidden;margin-bottom: 30px;border-bottom: 1px dashed #d7d7d7;}

.faqlist li h3{font-size:16px;color: #333;}

.faqlist li h3 b{font-size:16px;color: #cf231f;}

.faqlist li h3 span{float: right; font-size:14px;color: #b1b1b1;}

.faqlist li p{font-size:14px;color: #666;}

.faqlist li p strong{font-size:16px;color: rgb(67, 152, 224);}

.faqlist li p a{font-size:14px;color: #444;float: right;}





/* 新闻详细样式 */

.newsIs{ padding-top:20px;}

.newsIsLeft{padding:20px;}

.newsIsTop h1{ font-weight:normal; font-size:24px; line-height:40px; color:#333;text-align: center;}

.newsIsTop .top{ font-size:14px; line-height:35px; color:#888;overflow:hidden;border-top:1px solid #eee;margin-top:15px;}

.newsIsTop .top span{ padding-right:30px;}

.newsIsTop .top .bshare-custom{margin-top:5px;margin-right:30px;}

.newsIsTop .top .sp1{background: url('../images/time-bg_03.png') no-repeat;text-align:center;background-size: contain;padding: 0 20px 0 10px;}

.newsIsTop .top .sp3{background: url('../images/single-view.png') no-repeat left center;padding-left:30px;}

.newsIsContent{ padding-top:20px; font-size:14px; line-height:2em; text-align:justify; white-space:normal;margin-bottom:30px;overflow:hidden;min-height: 300px}

.newsIsContent p{ padding:5px 0;}

.newsIsContent img{max-width:100%;}



.detail_fenx{overflow: hidden;background:#f8f8f8;line-height: 50px;margin: 2% 0;padding: 0 2%}

.detail_fenx .prew{float: left;width: 50%} 

.detail_fenx .nextw{float: right;width: 50%}



.newsIsRight{background:#ddd;}

.newsIsRight .newsIsRightTitl{line-height: 50px;padding: 0 2%;margin-bottom: 2%;font-size: 16px;color: #000;}

.newsIsRight ul{ padding-top:0px;}

.newsIsRight ul li{ margin-bottom:1%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;font-size:14px;width: 49%;float: left;margin-right: 2%;}

.newsIsRight ul li a{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;display: block;width: 70%;float: left;}

.newsIsRight ul li:nth-child(2n){margin-right: 0}

.newsIsRight ul li span{display:block;color:#999;float: right;}

.newsIsRight ul li i{float:left;margin-left:-30px;width:24px;height:24px;border-radius:100%;text-align:center;line-height:24px;font-size:13px;font-family:Arial;background:#ddd;color:#fff;font-style:normal;margin-top:3px;}

.newsIsRight ul li:nth-child(2) i,.newsIsRight ul li:nth-child(1) i,.newsIsRight ul li:nth-child(3) i{background:#d81519;}

.newsIsRight ul li a:hover{color:#004098;}

.shop-link .wx {position:relative;z-index:10;}

.shop-link .wx div{position:absolute;top:30px;right:-60px;background:#fff;border:1px solid #ddd;padding:9px;top:50px;display:none;}

.shop-link .wx div:before{content: "";position:absolute;left:50%;top:-20px;border:10px solid  transparent;border-bottom-color: #ddd;}



.page_list{float: right;width: 77%;}

.picright{float: right;width: 77%}

.picList ul{margin-right:-30px;}

.picList li{width:30%;text-align:center;float:left;margin-bottom:20px;margin-right: 3.66%;}

.picList li:nth-child(3n){margin-right: 0;}

.picList li a{display:block;overflow:hidden;}

.picList li .pImg{padding-top:70%;border:1px solid #ebebeb;background: #ddd;}

.picList li img{transition: 0.5s all}

.picList li p{font-weight:normal;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333;z-index:2;position:relative;margin-top:10px;}

.picList li a:hover img{transform:scale(1.1);}

.picList li a:hover p{color:#1e2c8e;}



.honorList li{width:22.25%;text-align:center;float:left;margin-bottom:20px;margin-right: 3.66%;}

.honorList li:nth-child(4n){margin-right: 0;}

.honorList li a{display:block;overflow:hidden;}

.honorList li .pImg{padding-top:140%;border:1px solid #ebebeb;background: #ddd;}

.honorList li img{transition: 0.5s all}

.honorList li p{font-weight:normal;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333;z-index:2;position:relative;margin-top:10px;}

.honorList li a:hover img{transform: scale(.96);}

.honorList li a:hover p{color:#1e2c8e;}



.partnerList{padding-top: 1px;padding-left: 1px;}

.partnerList li{margin-left:-1px;margin-top: -1px;}



.caseList ul li{float: left; width: 29%;padding:1%;border:1px solid #cdcdcd;position: relative;margin: 0 3% 3% 0;}

.caseList ul li:nth-child(3n){margin-right: 0}

.caseList ul li .pic{position: relative;width: 100%;padding-top: 80.4%;display: block;margin-bottom: 4%;overflow: hidden;}

.caseList ul li .pic img {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;transition: 0.5s all}

.caseList ul li h4{font-size: 16px;color: #000;text-align: center;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.caseList ul li span{font-size: 14px;color: #7f7f7f;display: block}

.caseList ul .more{position: absolute;right: 8%;bottom: 11%;width: 60px;height: 70px;line-height: 50px;text-align: center;color: #fff; background: url(../images/case_more.png)no-repeat center;transition: 0.5s all}

white-space:nowrap;overflow:hidden;text-overflow: ellipsis;.caseList ul li:hover h4{color: #004098} 

.caseList ul li:hover img{transform: scale(1.1);}

.caseList ul li:hover{border:1px solid #004098;}





.picrelat{background:#f8f8f8;}

.picrelat .picrelatTitl{line-height: 50px;padding: 0 2%;margin-bottom: 2%;font-size: 16px;color: #000;}

.picrelat ul{ padding-top:0px;}



.picrelat ul li{float: left; width: 20.6%;padding:1%;border:1px solid #cdcdcd;position: relative;margin: 0 3% 3% 0;}

.picrelat ul li:nth-child(4n){margin-right: 0}

.picrelat ul li .pic{position: relative;width: 100%;padding-top: 80.4%;display: block;margin-bottom: 4%;overflow: hidden;}

.picrelat ul li .pic img {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;transition: 0.5s all}

.picrelat ul li h4{font-size: 16px;color: #000;text-align: center;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.picrelat ul li span{font-size: 14px;color: #7f7f7f;display: block}

.picrelat ul .more{position: absolute;right: 8%;bottom: 11%;width: 60px;height: 70px;line-height: 50px;text-align: center;color: #fff; background: url(../images/case_more.png)no-repeat center;transition: 0.5s all}

.picrelat ul .more:hover{background: url(../images/case_more_on.png)no-repeat center;}

.picrelat ul li:hover h4{color: #004098} 

.picrelat ul li:hover img{transform: scale(1.1);}

.picrelat ul li:hover{border:1px solid #004098;}



/* 发展历程  */

.hisrotyTop{font-size:16px;text-align:center;margin-bottom:50px;line-height:30px;}

.hisrotyTop .aTie{color:#d81519;}

.hisroty{position:relative;overflow:hidden;padding-top:80px;}

.hisroty:after{position:absolute;content:"";left:50%;width:5px;background:#d81519;margin-left:-2px;height:100%;top:0;}

.hisroty li{float:left;width:640px;position:relative;z-index:2;margin-right:300px;height:160px;}

.hisroty li img{margin-right:20px;width:220px;}

.hisroty li:after{position:absolute;content:"";width:30px;height:30px;background:#d81519;/* border:5px solid #fff; */right:-15px;top:0;border-radius:100%;}

.hisroty li:nth-child(2n){margin:0 0 0 300px;float:right;}

.hisroty li:nth-child(2n):after{left:-15px;right:auto;}

.hisroty li div{width:450px;border-radius:3px;background:#f2f2f2;padding:25px;margin-left:5px;position:relative;top:-80px;}

.hisroty li div:after{position:absolute;content:"";width:135px;height:2px;background:#d81519;right:-134px;top:95px;}

.hisroty li h4{font-size:18px;margin-bottom:10px;color:#d81519;}

.hisroty li:nth-child(2n) div{margin:0 5px 0 0;float:right;}

.hisroty li:nth-child(2n) div:after{right:auto;left:-134px;}



/* 人才招聘  */

.jobTop{overflow:hidden;padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #eee;height:295px}

.jobTop .main{float:right;width:610px;}

.jobTop .main .font{height:240px;overflow:hidden;line-height:28px;}

.jobTop .main .p1{padding-top:15px;font-size:16px;color:#333;}

.jobTop .main .p1 a{color:#d81519;}

.jobTop .main .p1 a:hover{text-decoration: underline;}

.jobTop .more{width:100px;height:40px;line-height:40px;text-align:center;color:#fff;border-radius:3px;display:inline-block;background:#d81519;margin-top:15px;}

.jobTop .more:hover{background:#d81519;}



.gr-jobs-list dd{padding:0 15px;height:50px;line-height:50px;border:1px solid #ddd;background:#fff;margin-top:10px;cursor: pointer;font-size:14px;}

.gr-jobs-list dd em{float:right;display:block;width:15px;height:15px;background:url(../images/iconf.png) no-repeat;cursor:pointer;margin-top:20px;}

.gr-jobs-list dd.on em{background:url(../images/icong.png) no-repeat;}

.gr-jobs-list dd span{display:block;float:left;width:245px;}

.gr-jobs-list dt{border:1px solid #ccc;border-top:none;padding:15px;margin-bottom:10px;background:#f5f5f5;display:none;}

.gr-jobs-list dt h5{margin-top:20px;font-size:14px;}

.gr-apply{display:block;width:140px;text-align:center;height:40px;line-height:40px;background:#555;border-radius:3px;color:#fff;margin:30px auto 0 auto;transition:all 0.3s;}

.gr-apply:hover{background:#d81519;color: #fff;}



.jobsShow{border:1px solid #ddd;background:#fff;}

.jobsShow h3{font-size:14px;font-weight:bold;background:#ddd;line-height:35px; padding-left:15px;font-weight:normal;}

.jobsShow table{margin:10px 20px 20px;background:#fff;}

.jobsShow .mr{padding-right:20px;}

.jobsShow .jobsInput{width:460px;border:1px solid #ddd;line-height:25px;height:25px;padding:0 5px;margin-bottom:10px;}

.jobsShow .input_radio{margin-right:5px;vertical-align: middle;}

.jobsShow .jobsInput:focus,.jobsShow .jobsTextarea:focus{border:1px solid #fe0000;}

.jobsShow .jobsTextarea{width:1100px;padding:5px;border:1px solid #ddd;line-height:22px;height:125px;margin-top:3px;display:block;}

.jobsShow .jobsSubmit{background:#999;width:85px;height:30px;line-height:30px;cursor:pointer;border:none;color:#fff;margin-right:10px;margin-top:20px;border-radius:4px;}

.jobsShow .jobsSubmit:hover{background:#666;color:#fff;}

.jobsShow .jobsSubmitb{background:#333;width:100px;height:30px;line-height:30px;cursor:pointer;border:none;color:#fff;margin-top:20px;border-radius:4px;}

.jobsShow .jobsSubmitb:hover{background:#d81519;color:#fff;}





/*联系我们*/

.contact_main{height:388px;overflow: hidden;padding: 6% 0 3% 0;}

.contact_main .lianxi{float: left; width: 35%;height: 490px;position: relative}

.contact_main .lianxi h3{font-size: 20px;padding-top: 20px;padding-bottom: 20px;border-bottom: 1px solid #fff;margin-bottom: 18px;font-weight: normal;color: #000;}

.contact_main .lianxi span{position: absolute;top: 0;right: 0;text-align: center;}

.contact_main .lianxi dd{border-bottom: 1px solid #e1e1e1;padding-bottom: 8%;margin-bottom: 8%}

.contact_main .baidumap{float: right;width: 60%;max-height: 388px;}



/* 留言表单 */

.feedback{background: #e7e7e7;padding: 46px 0 56px 0;}

.feedback .Ctie{font-size: 30px;color: #1f1f1f;font-weight: normal;text-align: center;margin-bottom: 4%}

.feedback .Ctie span{font-size: 16px;color: #868686;display: block;margin-top: 20px;}

.guest_box {width:100%;margin:0 auto;}

.guest_box ul{text-align: center;}

li.error {position:relative;}

.guest_box li {width:21.6%;line-height:50px;font-size:12px;color:#666;display: inline-block;margin-bottom: 2%;margin-right: 2%;}

.guest_box li .input {font-size:12px;border:1px solid #fff;width:290;height:50px;line-height:50px;padding-left:30px;color:#666;background:#fff;background-color:#eee;}

.guest_box li.error {}

span.error {position:absolute;top:72px;left:0;color:#ff0000;font-size:12px;}

.guest_box li .textarea {font-size:12px;width:510px;height:230px;border:1px solid #fff;padding-left:30px;padding-top:10px;color:#666;line-height:20px;background-color:#eee;}

textarea {overflow:auto;}

.guest_box .submit {width:198px;height:57px;margin:0 auto;margin-top:67px;background:none;display:block;color:#d81519;font-size:16px;cursor:pointer;transition:0.3s; border: 1px solid #d81519; font-family: 微软雅黑;}

.guest_box .submit:hover {color:#fff;background-color:#d81519;}

.zxly .list_title2 {margin-bottom:65px;}

.guest_box2 li {width:386px;margin-bottom:15px;}

.guest_box2 li.error {margin-right:20px;}

.guest_box2 .submit {width:145px;height:40px}





.biaodan_con li.m_r{ margin-right: 0; }

.biaodan_con li .input{ font-family: 微软雅黑; border: 0; height: 43px; padding-left: 5%; width: 95%; background-color: #fff;}

.biaodan_con li.text_error{ width: 69.33%; height: 140px; margin-bottom: 0px;margin-right: 0; }

.biaodan_con li .textarea{ font-family: 微软雅黑; width: 98.35%; padding-left: 1.5%; height: 140px; background-color: #fff; }

.biaodan_con .submit { border: 0; width:195px;height:64px; line-height:64px; margin:0 auto;margin-top:65px;background-color:#004098;display:block;color:#fff;font-size:22px; cursor:pointer;transition:0.3s; font-family: 微软雅黑;}

.biaodan_con .submit:hover {color:#fff;background-color:#006699;}

.biaodan_con_p{ font-size: 14px; color: #999; padding-top: 20px; padding-left: 30px; }





/*产品专题页1*/

.proTie{font-size: 35px;color: #000;font-weight: normal;margin-bottom: 2%;text-align: center;}

.intr{padding: 4% 0;text-align: center;}

.intr ul{margin-top: 4%;}

.intr p{font-size: 16px;color: #767676;}

/*调光玻璃特点*/

.Feature{background: #ececec;padding: 3% 0 0 0;overflow: hidden; }

.Feature ul{margin-top: 4%;}

.Feature ul li{float: left;width: 21%;text-align: center;padding: 0 2%;margin-bottom: 4%;}

.Feature ul li h3{font-size: 1.562rem;color: #2a2a2a;font-weight: normal;margin: 2.25rem 0 1.875rem 0;}

.Feature ul li p{text-align: left;}

.Feature ul li span{display: inline-block;width: 96px;height: 96px;background: url(../images/tec_i_bg.jpg);border:14px solid #d7d7d7;border-radius: 100px;overflow: hidden;transition: 0.5s all}

.Feature ul li span i{display: inline-block;width: 96px;height:96px;background: url(../images/fea_icon.png)no-repeat center;transition: 0.4s all}

.Feature ul li span .tce1{background-position: 0 10px;}

.Feature ul li span .tce2{background-position: -103px 8px;}

.Feature ul li span .tce3{background-position: -206px 10px;}

.Feature ul li span .tce4{background-position: -304px 8px;}

.Feature ul li span .tce5{background-position: -406px 8px;}

.Feature ul li span .tce6{background-position: -505px 8px;}

.Feature ul li span .tce7{background-position: -596px 8px;}

.Feature ul li span .tce8{background-position: -694px 8px;}

.Feature ul li:hover span{background: url(../images/tec_i_on.png)no-repeat center;background-size: cover;border:14px solid #fff;}

.Feature ul li:hover span .tce1{background-position: 0 -75px;}

.Feature ul li:hover span .tce2{background-position: -103px -75px;}

.Feature ul li:hover span .tce3{background-position: -206px -75px;}

.Feature ul li:hover span .tce4{background-position: -304px -75px;}

.Feature ul li:hover span .tce5{background-position: -406px -75px;}

.Feature ul li:hover span .tce6{background-position: -505px -75px;}

.Feature ul li:hover span .tce7{background-position: -596px -75px;}

.Feature ul li:hover span .tce8{background-position: -694px -75px;}

/*产品原理*/

.principle{padding: 4% 0;text-align: center;}

.principle img{max-width: 100%;display: block;margin: 0 auto;box-shadow: 0 0 20px #f1f1f1;margin-bottom: 2%;margin-top: 4%}

.principle p{font-size: 16px;color: #767676;}

/*手机APP一键掌控*/

.Wapapp{padding: 4% 0;text-align: center;}

.Wapapp .pic{max-width: 100%;display: block;margin: 0 auto;margin-bottom: 2%;margin-top: 2%}

.Wapapp ul{text-align: center;}

.Wapapp ul li{display: inline-block;width: 29%;margin: 0 2%;}

.Wapapp ul li a{display: block;box-shadow: 0 0 20px #ececec;padding: 3%;}

.Wapapp ul li span{display: block;width: 100%;overflow: hidden;position: relative;padding-top: 80.3%;}

.Wapapp ul li img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: block; transition: 0.5s all}

.Wapapp ul li h3{line-height: 70px;}

.Wapapp ul li:hover img{transform: scale(1.1);}

/*实际用途*/

.use ul{text-align: center;margin-top: 4%}

.use ul li{display: inline-block;width: 43%;margin: 0 2% 2%  2%;}

.use ul li a{display: block;box-shadow: 0 0 20px #ececec;padding: 3%;}

.use ul li span{display: block;width: 100%;overflow: hidden;position: relative;padding-top: 72.2%;}

.use ul li img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: block; transition: 0.5s all}

.use ul li h3{line-height: 70px;}

.use ul li:hover img{transform: scale(1.1);}

/*应用案例*/

.appli-case{background: #ececec;padding: 2% 0;}

.appli-case .appli{overflow: visible;position: relative;min-width: 320px;width: 100%;max-width: 1440px;margin: 0 auto;}

.appli-case-box{margin: 0 auto;overflow: hidden;}

.appli-case-box .appli-case-next{width: 50px;height: 30px;background:rgba(0,0,0,0.6) url(../images/case-next.png)no-repeat center;right: -36px}

.appli-case-box .appli-case-prev{width: 50px;height: 30px;background:rgba(0,0,0,0.6) url(../images/case-prev.png)no-repeat center;left: -36px}

.appli-case-box .appli-case-next:hover{background:#004098 url(../images/case-next.png)no-repeat center;}

.appli-case-box .appli-case-prev:hover{background:#004098 url(../images/case-prev.png)no-repeat center;}

.appli-case-box li{width: 20%;background: #fff;}

.appli-case-box li dt{display: block; border:1px solid #cdcdcd;width: 89.5%;padding: 5%;}

.appli-case-box li .pic{position: relative;width: 100%;padding-top: 80.4%;display: block;margin-bottom: 4%;overflow: hidden;}

.appli-case-box li .pic img {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;transition: 0.5s all}

.appli-case-box li h4{font-size: 16px;color: #000;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;text-align: center;}

.appli-case-box li span{font-size: 14px;color: #7f7f7f;display: block}

.appli-case-box .more{position: absolute;right: 8%;bottom: 11%;width: 60px;height: 70px;line-height: 50px;text-align: center;color: #fff; background: url(../images/case_more.png)no-repeat center;transition: 0.5s all}

.appli-case-box .more:hover{background: url(../images/case_more_on.png)no-repeat center;}

.appli-case-box li:hover h4{color: #004098} 

.appli-case-box li:hover img{transform: scale(1.1);}





/*产品专题页2*/

.principle2{padding: 4% 0;}

.principle2 .pri-left{float: left;width: 25%;}

.principle2 .pri-left h3{font-size: 35px;color: #000;font-weight: normal;}

.principle2 .pri-left span{display: inline-block;width: 78px;height: 44px;line-height: 44px; border: 2px solid #000;font-size: 20px;color: #000;text-align: center;padding-left: 20px;margin: 8% 10px 8% 0;background: url(../images/pri-left-icon.png)no-repeat left;background-position-x: 10px;}

.principle2 p{font-size: 16px;color: #000;}

.principle2 .img-right{float: right;width:70%;box-shadow: 0 0 20px #f1f1f1;margin-bottom: 6%}



.principle2 .pri-right{float: right;width: 25%;padding: 10% 4%;}

.principle2 .img-left{float: left;width: 66%;}

.principle2 .img-left img{margin: 0 auto;box-shadow: 0 0 20px #f1f1f1;max-width: 100%;display: block;}



/*产品专题页3*/

.intr2{padding: 2% 0;}

.intr2 ul li{display: inline-block;width: 43%;margin: 0 2% 3% 2%;}

.intr2 .u1 li:nth-child(5){width: 90%}

.intr2 .u1 li:nth-child(5) a{padding: 1%}

.intr2 .u1 li:nth-child(5) span{padding-top: 37%}

.intr2 ul li a{display: block;box-shadow: 0 0 20px #ececec;padding: 2%;}

.intr2 ul li span{display: block;width: 100%;overflow: hidden;position: relative;padding-top: 72.2%;}

.intr2 ul li img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: block; transition: 0.5s all}

.intr2 .u2{margin-top: 4%}

.intr2 .u2 li:nth-child(3){width: 27.2%}

.intr2 .u2 li:nth-child(4){width: 27.2%}

.intr2 .u2 li:nth-child(5){width: 27.2%}

.intr2 .u2 li:nth-child(3) span{padding-top: 60%}

.intr2 .u2 li:nth-child(4) span{padding-top: 60%}

.intr2 .u2 li:nth-child(5) span{padding-top: 60%}





/*网站底部*/

.footer{padding: 50px 0 0 0;background: #383838;overflow: hidden;}

.footer .footMenu{width: 100%;padding-bottom: 4%;overflow: hidden;}

.footer .footMenu ul{float: left;width: 12%;color: #fff;font-size: 18px;}

.footer .footMenu ul:nth-child(5){float: right;width: 16%;text-align: right;}

.footer .footMenu ul:nth-child(6){float: right;width: 20%}



.footer .footMenu ul h3{margin-bottom: 10px;font-size: 14px;color: #fff;}

.footer .footMenu ul li{font-size: 14px;color: #999;line-height: 26px;}

.footer .footMenu ul strong{font-size: 24px;margin-bottom: 10px;display: block}

.footer .footMenu ul a{font-size: 14px;color: #999;line-height: 26px;}

.footer .footMenu ul p{font-size: 14px;color: #999;margin-top: 10px}

.footer a:hover{color: #d81317 ! important}



.footer .copyright{padding: 34px 0;border-top: 1px solid #565656;color: #999;overflow: hidden;}

.footer .copyright a{color: #999}

.footer .copyright .copfl{float: left;width: 50%;}

.footer .copyright .copfr{float: right;width: 50%;text-align: right;}

.footer .copyright .copfl em{margin: 0 6px;}





.Links{background: #1b1b1b;}

.Links h3{border-bottom: 1px dashed #474747;padding-bottom: 20px;font-size: 14px;color: #fff;}

.Links ul{padding: 20px 0; }

.Links ul a{margin-right:20px;font-size: 14px;color: #878787;}

.Links ul a:hover{color: #d81519;}