@charset "utf-8";



/* .header */



.header{width: 100%; height: 115px; min-width: 320px; position: fixed; left: 0; top: 0; z-index: 999;  background-color: #fff; box-shadow: 0 0 9px #999; }



.header .container{ position: relative;}



.header .logo{width: 267px; height: 49px; margin-top: 34px;}



.header .logo img{display: block; width: 100%; height: auto;}



.header .nav{margin-left: 15%}



.header .nav ul .nLi{float: left; position: relative; z-index: 99;}



.header .nav ul .nLi a{display: block; line-height: 115px; padding: 0 24px; font-size: 16px; text-align: center; color: #333;}



.header .nav ul .nLi.on a{color: #ec870e;}



.header .nav ul .nLi:hover a{color: #ec870e;}



.header .search form{margin-right: 15px; margin-top: 5px;}



.header .search form span{box-sizing: border-box;  width: 120px; height: 25px; border: 1px solid #ccc; padding: 0 5px; border-radius: 10px;}



.header .search i{display: inline-block; width: 18px; height: 18px;margin-right: 5px; position: relative; top: 3px; background: url(../images/header-01.png) no-repeat top center;}



.header .search input{width: 80px; line-height: 20px; position: relative; top: -2px; border: none; outline: none;}



.header .search{margin-top: 40px;}



.header .search .change{display: inline-block; line-height: 28px;}



.header .search .change i{display: inline-block; width: 22px; height: 22px; position: relative; top: 5px; margin-right: 10px; background: url(../images/header-02.png) no-repeat top center;}



.header.lateral-menu-is-open {z-index: 999; -webkit-transform: translateX(-66%);-moz-transform:translateX(-66%);-ms-transform:translateX(-66%)-o-transformtranslateX(-66%); transform: translateX(-66%); transition:all 0.4s ease 0s;}



#cd-menu-trigger{z-index: 999;}



#cd-lateral-nav {z-index: 300;}



#cd-lateral-nav .sertxt{box-sizing: border-box; padding-left: 20px; line-height: 40px; font-size: 14px; border-top: 1px solid #ccc; text-align: center;}







/* 悬浮 */



.attach {position: absolute;  top: 90px;right: 2.5%; min-width: 320px; z-index: 20;}



.attach ul li{ float: left; width: 204px; height: 50px; line-height: 50px; text-align: center; box-shadow: 0 0 9px #999; font-size: 14px;}



.attach ul li i{display: inline-block; width: 24px; height: 24px; position: relative; top: 5px;}

.attach ul li a{display: block; width: 100%; height: auto;}

.attach ul .li1 {background-color: #fff; color: #333;}



.attach ul .li1 i{background: url(../images/header-03.png) no-repeat center; margin-right: 33px;}



.attach ul .li1:hover{background-color: #006b7b; color: #fff;}



.attach ul .li1:hover i{background: url(../images/header-05.png) no-repeat center; margin-right: 33px;}



.attach ul .li2{background-color: #ec870e;; color: #fff;}



.attach ul .li2 i{background: url(../images/header-04.png) no-repeat center; margin-right: 10px;}







.warpper{padding-top: 115px;}



/* 轮播图 */



.index-banner{width: 100%; min-width: 320px; position: relative; overflow: hidden; }



.index-banner .bannerBox{position: relative; height: 100%;}



.index-banner .bannerWrapper{height: 100%; overflow: hidden; position: relative;}



.index-banner .bannerSwiper{height: 100%; position: relative; overflow: hidden; background: transparent;}



.index-banner .bannerSlide{position: absolute; width: 100%; height: 100%; top: 0; left: 100%; overflow: hidden;}



.index-banner .bannerImg{position: relative; height: 100%; background-size: cover; background-position: center center;}



.index-banner .ban_mask{position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 100%; overflow: hidden;}



.index-banner .ban_mask span{display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0;background-size:cover;background-position:center center;background-repeat:no-repeat;}



.index-banner .banner_txt{position: absolute; z-index: 3; top: 0; left: 0; width: 100%; height: 100%;text-align: center;color: #fff;}



.index-banner .banner_txt h4{font-size: 50px; letter-spacing: 4px; margin-bottom: 1%;}



.index-banner .banner_txt h5{margin: 2% 0 3% 0;font-size: 32px;letter-spacing: 4px;}



.index-banner .banner_txt h6{font-size: 12px;max-width: 700px;margin: 0 auto; line-height: 25px; font-family: Arial, Helvetica, sans-serif;}



.index-banner .bannerTxt_lis{position: absolute; height: 100%; width: 100%; top: 0; left: 0; opacity: 0;}



.index-banner .tables{display: table; width: 100%; height: 100%;}



.index-banner .table_cell{display: table-cell; vertical-align: middle;}



.index-banner .bannerTxt_lis h2{position: relative; margin: 0px 0 30px; padding-bottom: 30px; font-size: 40px; line-height: 1.3; color: #fff;font-family: Helvetica, sans-serif; text-transform: uppercase;}



.index-banner .bannerTxt_lis h2:after{content:""; display: inline-block; width: 50px; height: 4px; background: #ffffff; position: absolute; bottom: 0; left: 50%; margin-left: -30px;}



.index-banner .bannerSlide.first{left: 0;}



.index-banner .bannerWrapper:after{content: "";display: block; z-index: 1;position: absolute;height: 100%;width: 100%;top: 0;left: 0;background-color: rgba(0, 64, 152, 0.1);opacity: 0.1;}



a.ban_arrL , a.ban_arrR{position: absolute; top: 80%; margin-top: -35px; z-index: 3; color: #fff; padding: 10px 15px; font-size: 50px;} 



a.ban_arrR{right: 2%;}



a.ban_arrL{left: 2%;}



a.ban_arrL img,a.ban_arrR img{width: 32px;}



.index-banner .over{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.2);}



.ban_mask:after{content: "";display: block;position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: #000;opacity: 0.4;}



.ban_pagi{position: absolute; z-index: 3; bottom: 30px; left: 0; width: 100%; text-align: center;}



.ban_pagi span{box-sizing: border-box; display: inline-block; position: relative; cursor: pointer; background-color: rgba(255, 255, 255, 0.3); width: 10px; height: 10px; padding: 7px; border-radius: 50px; margin: 0 5px; border: solid 2px transparent; transform: scale(0.8); -webki-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out;}



.ban_pagi span:after{transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out;}



.ban_pagi span.active{background: transparent; border-color: #ec870e; transform: scale(1); -webki-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1);}



.bannerTxt_lis.current{z-index: 1;}



.index-banner .select{color: #fff; text-align: center;}



.index-banner .select .fl, .index-banner .select .fr{position: absolute; top: 78%;}



.index-banner .select .fl{left: 5.2%;}



.index-banner .select .fr{right: 5.2%;}



.index-banner .select span{display: block; line-height: 22px;}



.index-banner .select .span1{font-size: 14px;}



.index-banner .select .span2{font-size: 12px;}



/* .index-part2 */



.index-part2{width: 100%; min-width: 320px; padding: 50px 0 90px 0; overflow-x: hidden;}



.index-part2 .title{margin-bottom: 65px; text-align: center;}



.index-part2 .title h1{margin-bottom: 18px;font-size: 40px; color: #333;}



.index-part2 .title h2{font-size: 20px; color: #adadad;}



.index-part2 .index1_main{height: 722px;}



.index-part2 .index1_main:after{content: "";display: table;clear: both;}



.index-part2 .ind1_1{width: 44%;float: left;height: 100%;}



.index-part2 .ind1_2{width: 56%;float: left; height: 50%;}



.index-part2 .ind1_3{width: 28%; float: left; height: 50%;}



.index-part2 .ind1_4{width: 28%; float: left; height: 50%;}



.index-part2 .index1_lis{height: 100%;position: relative;overflow: hidden;}



.index-part2 .index1_img{height: 100%;position: relative;background-size: cover !important;  background-position: center center !important;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}



.index-part2 .index1_img:after{content: "";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0.15;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}



.index-part2 .index1_img video{width: 100%;height: 100%;object-fit: cover;object-position: center center;background: #aaa;opacity: 0;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}



.index-part2 .index1_txt{position: absolute;bottom: 6%;left: 25px;max-width: 90%;padding-left: 25px;color: #fff;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}



.index-part2 .index1_txt h2{margin:0 0 2px; font-size: 26px; line-height: 34px; letter-spacing: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}



.index-part2 .index1_txt h3{margin: 0; font-size: 16px; line-height: 26px; letter-spacing: 1px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-family: Helvetica, sans-serif; text-transform: capitalize;}



.index-part2 .index1_txt:before{content: "";display: inline-block;width: 1px;height: 100%;background: #fff;position: absolute;top: 0;left: 0;}



.index-part2 .index1_lis a:hover .index1_img{transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05);}



.index-part2 .index1_lis a:hover .index1_img:after{opacity: 0.3;}



.index-part2 .index1_lis a:hover .index1_txt{padding-bottom:30px;}



.index-part2 .index1_lis a:hover .index1_img video{opacity: 1;}



.index-part2 .index1_main1{display: none;}











/* .index-part1 */



.index-part1{width: 100%; min-width: 320px;  overflow-x: hidden;}



.index-part1 .container{max-width: 1500px; background: url(../images/index-part1.png) no-repeat top center; background-size: 100% 100%;}



.index-part1 .part11{max-width: 1100px; margin:  0 auto; padding-top: 32px;}



.index-part1 .part11 .img{width: 85%; max-width: 969px; margin: 0 auto; box-shadow: 0 0 9px #999;}



.index-part1 .part11 .img img{display: block; width: 100%; height: auto;}



.index-part1 .part11 .box{margin-top: -12%; color: #333;}



.index-part1 .part11 .box h2{margin-bottom: 35px; font-size: 40px;  transition: all 0.5s ease 0s;}



.index-part1 .part11 .box p{font-size: 15px; line-height: 30px;  transition: all 0.5s ease 0s;}
.index-part1 .part11 .box h2:hover{color: #ec870e; }
.index-part1 .part11 .box p:hover{color: #ec870e; }





/* .index-part4 */



.index-part4{width: 100%; min-width: 320px; padding-top: 60px; }



.index-part4 .container{max-width: 1000px; margin: 0 auto;}



.index-part4 h2{font-size: 35px;  text-align: center; color: #333; margin-bottom: 20px;}



.index-part4 .cert{max-height: 94px; overflow: hidden;}



.index-part4 .tempWrap{width: 100% !important;}



.index-part4 ul li{box-sizing: border-box; float: left; width: 21%; max-width: 204px; max-height: 94px; overflow: hidden; margin-right: 0.3%;}



.index-part4 ul li img{display: block; width: 100%; height: auto;}




/* .index-part5 */

.index-part5{width: 100%; min-width: 320px; padding: 70px 0 100px 0;  }



.index-part5 .container{max-width: 1600px; }



.index-part5 ul li{float: left; width: 19.2%; margin: 0 0.4%; box-shadow: 0 0 9px #999;}



.index-part5 ul li .img{width: 100%;overflow: hidden;}



.index-part5 ul li .img img{display: block; width: 100%; height: auto; transition: all 1s;}



.index-part5 ul li .box{box-sizing: border-box; padding: 15px 27px; border-bottom: 1px solid #ccc; background-color: #fff;}




.index-part5 ul li .box h2{line-height: 25px; height: 50px; overflow : hidden;ext-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px; color: #333; font-weight: bold;}



.index-part5 ul li .box  p{ line-height: 22px; height: 63px; color: #666; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}



.index-part5 ul li .date{box-sizing: border-box; line-height: 60px; padding: 0 20px;}



.index-part5 ul li .date i{display: inline-block; width: 16px; height: 16px; margin-right: 25px; background: url(../images/index5-06.jpg) no-repeat center; position: relative; top:  3px;}



.index-part5 ul li .date a{color: #ec870e;}



.index-part5 ul li .date a:hover{text-decoration: underline;}



.index-part5 ul li:hover .img img{transform: scale(1.2,1.2);}



.index-part5 ul li:hover h2{color: #ec870e;}







/* .footer */



.footer{width: 100%; min-width: 320px; overflow-x: hidden; background-color: #000; color: #fff;}

.footer span{display: block;}

.footer .container{max-width: 1500px;}



.footer .box{padding: 45px 0;}



.footer .box1{margin-bottom: 55px;}



.footer .box2 h2{ font-size: 18px;}



.footer .box2 .inbox1 {width: 25%;}



.footer .box2 .inbox1 h2{margin-bottom: 25px;}



.footer .box2 .inbox1 .bdsharebuttonbox {margin-right: 25px;}



.footer .box2 .inbox1 #bds_tsina{ background:url(../images/fenxiang.png) no-repeat 0px 0px; width:19px; height:19px; margin:0px; padding:0px; margin-right:25px;}



.footer .box2 .inbox1 #bds_tsina:hover{ background:url(../images/fenxiang.png) no-repeat 0px -19px;}



.footer .box2 .inbox1 #bds_weixin{ background:url(../images/fenxiang.png) no-repeat -26px 0px; width:19px; height:19px; margin:0px; padding:0px; margin-right:25px;}



.footer .box2 .inbox1 #bds_weixin:hover{ background:url(../images/fenxiang.png) no-repeat -26px -19px;}



.footer .box2 .inbox1 #bds_sqq{ background:url(../images/fenxiang.png) no-repeat -52px 0px; width:19px; height:19px; margin:0px; padding:0px; margin-right:0px;}



.footer .box2 .inbox1 #bds_sqq:hover{ background:url(../images/fenxiang.png) no-repeat -52px -19px;}



.footer .box2 .inbox2{width: 16.6666667%;}
.footer .box2 .inbox2 .inbox2-1{margin-bottom: 20px;}
.footer .box2 .inbox2 .inbox2-1:last-child{margin-bottom: 0;}




.footer .box2 .inbox2 h2{margin-bottom: 16px;}
.footer .box2 .inbox2 .inbox2-1 p{height: 50px;}



.footer .box2 .inbox2  span{display: block; line-height: 25px; font-size: 13px; color: #5b5b5b;}




.footer .box2 .inbox3{width: 25%;}



.footer .box2 .inbox3 .inbox3-1{margin-bottom: 20px;}



.footer .box2 .inbox3 .inbox3-1:last-child{margin-bottom: 0;}




.footer .box2 .inbox3 h2{margin-bottom: 16px;}
.footer .box2 .inbox3 .inbox3-1 p{height: 50px;}



.footer .box2 .inbox3 span{line-height: 25px; font-size: 13px; color: #5b5b5b;}



.footer .box2 .inbox4{width:16.6666667%; font-size: 18px;color: #5b5b5b; }



.footer .box2 .inbox4 ul li{line-height: 16px;}



.footer .box2 .inbox4 ul li a{display: block; padding: 10px 0;}



.footer .box2 .inbox4 ul li a:hover{color: #ec870e;}



.footer .box2 .inbox5{width:16.6666667%; font-size: 18px; color: #5b5b5b;}



.footer .box2 .inbox5 ul li{line-height: 16px;}



.footer .box2 .inbox5 ul li a{display: block; padding: 10px 0;}



.footer .box2 .inbox5 ul li a:hover{color: #ec870e;}



.footer .bigbox{width: 100%; border-top: 1px solid #565656; font-family: miller-text,Georgia,Times New Roman,Times,serif;text-align: left;color: hsla(0,0%,100%,.5);padding: 30px 0;}



.footer .bigbox a:hover{color: #ec870e;}



.footer .bigbox .left{line-height: 25px;}







 /* inside-banner */



.insde-banner{width: 100%;  min-width: 320px;  position: relative;overflow: hidden;}



.insde-banner .bannerIn{width: 100%; position: relative;overflow: hidden;}



.insde-banner .bannerInImg{position: absolute;top: -30px;left: -30px;right: -30px;bottom: -30px;}



.insde-banner .bannerInImg .inside{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-size: cover;background-position: center center;}



.insde-banner .bannerInImg .inside:after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.1);}



.insde-banner .bannerInTxt{position: absolute;top: 0;left: 0;right: 0;bottom: 0;text-align: center;}



.insde-banner .bannerInTxt .tables{display: table;height: 100%;width: 100%;}



.insde-banner .bannerInTxt .table_cell{display: table-cell;vertical-align: middle;}



.insde-banner .bannerInTxt h2{margin: 0 0 15px;font-size: 70px; line-height: 70px;text-transform: capitalize;color: #fff;letter-spacing: 10px;}



.insde-banner .bannerInTxt p{font-size: 28px;color: #fff;opacity: 0.5;font-family: Helvetica, sans-serif; text-transform: capitalize;}







/* 公司概况 */



.about{width: 100%; min-width: 320px; padding: 120px 0  150px 0; overflow-x: hidden;}



.about .container{max-width: 1520px; margin: 0 auto;}



.about .img{width: 70%; max-width: 875px; position: relative;}



.about .img1{width: 86%; max-width: 744px; margin-left: 133px; box-shadow: 0 0 9px #999;}



.about .img1 img{display: block; width: 100%; height: auto;}



.about .img2{box-sizing: border-box; position: absolute; bottom: -150px; left: 0;width: 80%; max-width: 655px; padding: 50px 60px;  box-shadow: 0 0 9px #999; background-color: #fff;}



.about .img2 span{font-size: 20px; display: block; line-height: 45px; padding-bottom: 20px; text-indent: 2em; color: #6a6a6a;}



.about .img2 span i{font-size: 50px;color: #ec870e; position: relative; font-family: 黑体; display: inline;}



.about .img2 p{font-size: 24px; color: #ec870e;}



.about .nr{max-width: 45%; max-width: 580px;}



.about .nr .caption {margin-bottom: 15px;}



.about .nr .caption h2{font-size: 36px; margin-bottom: 25px; color: #211f42; }



.about .nr .caption .line{width: 54px; border-top: 2px solid #ec870e;}



.about .nr .nr1 p{font-size: 15px; line-height: 30px; color: #6a6a6a;}
.about .nr .nr1 p span{display: inline;}







.about1{width: 100%; min-width: 320px; margin-bottom: 80px; overflow-x: hidden;}



.about1 .nr{box-sizing: border-box; width: 50%; height: 612px;  padding: 50px 130px 50px 260px;  background-color: #fafafa;}



.about1 .nr .caption{margin-bottom: 15px;}



.about1 .nr .caption h2{font-size: 36px; margin-bottom: 25px; color: #211f42; }



.about1 .nr .caption .line{width: 54px; border-top: 2px solid #ec870e;}



.about1 .nr .nr1 h2{font-size: 15px; margin-bottom: 45px; color: #6a6a6a;}



.about1 .nr .nr1 ul li{margin-bottom: 45px;}



.about1 .nr .nr1 ul li:last-child{margin-bottom: 0;}



.about1 .nr .nr1 p{font-size: 15px; color: #6a6a6a; line-height: 30px}



.about1 .img{width: 50%; height: 612px; overflow: hidden;} 







.about3{width: 100%; min-width: 320px; padding: 60px 0;  background: url(../images/about04.jpg) no-repeat top center; background-size: cover; overflow-x: hidden;}



.about3 .container{max-width: 1440px; margin: 0 auto;}



/* .about3 .nr{box-sizing: border-box; width: 53%; max-width: 695px; padding: 50px 0;} */



.about3 .nr .caption{margin-bottom: 35px; text-align: center;}



.about3 .nr .caption h2{font-size: 36px; margin-bottom: 25px; color: #211f42;}



.about3 .nr .caption .line{width: 54px;  border-top: 2px solid #ec870e;}


/* 
.about3 .nr .nr1 p{font-size: 15px; line-height: 30px; color: #Fff;}



.about3 .nr .nr1 h3{font-size: 15px; color: #fff; margin-bottom: 120px;}



.about3 .nr .nr1 ul li {margin-bottom: 35px;}



.about3 .nr .nr1 ul li:last-child{margin-bottom: 0;}  */



.about3 .img{width: 100%; text-align: center;}

.about3 .img img{max-width: 100%; width: auto; height: auto;}







/* 新闻动态 */



.news{width: 100%; min-width: 320px; padding: 80px 0 110px 0; overflow-x: hidden;}



.news .newsbt{text-align: center; font-size: 40px; color: #211f42;}



.news .newsSel{margin: 70px 0;}



.news .newsSelList{width: 70%; margin: 0 auto;  text-align: center;}



.news .newsSelList a{line-height: 1.556; margin: 8px; padding: 4px 25px;color: #b2b2b9;font-size: 16px;vertical-align: middle;white-space: normal;border: 1px solid #b2b2b9;text-transform: uppercase;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;transition: padding-right .15s;text-align: center;transition: all 0.3s ease; position: relative;}



.news .newsSelList a span{position: absolute;width: 32px;height: 100%; top: 1px;right: 0;display: none;border-left: 1px solid #fff;}



.news .newsSelList a.active span{display: block;}



.news .newsSelList a:hover{color: #fff;border-color: #f39800;border-bottom-color: transparent;background: #f39800;}



.news .newsSelList a.active{padding-right: 60px;color: #fff;border-color: #f39800;background: #f39800;border-bottom-color: transparent;}



.news .newsSelList a.active:before, .news .newsSelList a.active:after, .news .newsSelList a:hover:before,



.news .newsSelList a:hover:after{background-color: #f39800; width: calc(50% + 1px);}



.news .newsSelList a span:before, .news .newsSelList a span:after{content: "";display: inline-block;position: absolute;width: 18px;height: 2px;background: #fff;top: 50%;margin-top: -1px;left: 50%;margin-left: -9px;}



.news .newsSelList a span:before{transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);}



.news .newsSelList a span:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);}



.news .newsMain{width: 100%; padding: 30px 0; background-color: #f8f9fa;}



.news .newsMain .container{max-width: 1400px; margin: 0 auto; overflow: hidden;}



.news .newsMain .box{margin-bottom: 30px;}



.news .newsMain select{width: 200px; height:45px; line-height: 45px;font-size: 16px; border: 1px solid #ccc;}



.news .newsMain form{box-sizing: border-box; width: 200px; height: 45px; border: 1px solid #ccc;}



.news .newsMain form input{box-sizing: border-box; width: 160px;  height: 43px; line-height: 43px; padding-left: 5px; font-size: 14px; border: none; outline: none;}



.news .newsMain form a{display: block; width: 38px; height: 45px; background: url(../images/news-08.jpg) no-repeat top center;}



.news .newsMain ul li{float: left; width: 32.5%; margin: 0 0.41%; margin-bottom: 20px; }



.news .newsMain ul li .boxs{background: #fff;position: relative; overflow: hidden; padding-bottom: 150px;}



.news .newsMain ul li .img {width: 100%;  position: relative; overflow: hidden;}



.news .newsMain ul li .img img{display: block; width: 100%; height: auto;}



.news .newsMain ul li .nr{box-sizing: border-box;  padding: 20px;background: #fff;position: absolute;bottom: -80px; left: 0;width: 100%;box-shadow: 0 0 0px rgba(0, 64, 152, 0.6) inset; transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;}



.news .newsMain ul li .nr h5{font-size: 14px;line-height: 28px;height: 28px;color: #ec870e;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}



.news .newsMain ul li .nr h2{font-size: 18px; font-weight: bold; line-height: 30px;color: #211f42;;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}



.news .newsMain ul li .nr p{box-sizing: border-box;font-size: 14px;line-height: 28px;color: #666;height: 84px;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; opacity: 0; transition: opacity .5s ease-in-out;-webkit-transition: opacity .5s ease-in-out;-moz-transition: opacity .5s ease-in-out;-ms-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out;}
.news .newsMain ul li .nr p span{display: inline;}



.news .newsMain ul li .boxs:hover .nr{bottom: 0;  box-shadow: 0 0 5px #ec870e inset;}



.news .newsMain ul li .boxs:hover .nr h2{color: #ec870e;}



.news .newsMain ul li .boxs:hover p{opacity: 1;}



.news .newsMain ul li .time {line-height:30px;}



.news .newsMain ul li .time i{width: 16px; height: 16px; margin-right: 20px;position: relative; top: 2px; background: url(../images/icon01.jpg) no-repeat top center;}



.news .newsMain ul li .time span{color: #b5b5b5;}



/* 翻页 */



.sabrosus { padding:5px; MARGIN:30px 3px 10px 3px; TEXT-ALIGN: center; font-size:14px;}



.sabrosus A { padding:5px 15px; border: #ccc 1px solid; COLOR: #444; margin:0px 3px; text-decoration:none; background:#fff;}



.sabrosus A:hover { padding:5px 15px; background:#ff6600; color:#fff; border: #ff6600 1px solid;}



.pagination A:active { padding:5px 15px; background:#ff6600; color:#fff; border: #ff6600 1px solid;}



.sabrosus SPAN.current { padding:5px 15px; background:#ff6600; color:#fff; border: #ff6600 1px solid; MARGIN-RIGHT:5px;}



.sabrosus SPAN.disabled { padding:5px 15px; border: #ccc 1px solid; COLOR: #444; MARGIN-RIGHT:5px; text-decoration:none;}



/* 新闻详情 */



.newsxq{width: 100%; min-width: 320px; padding: 60px 0; overflow-x: hidden;}



.newsxq .container{max-width: 1000px; margin: 0 auto;}



.newsxq .bt{margin-bottom: 50px;}



.newsxq .bt h5{font-size: 16px;line-height: 26px;color: #333;}



.newsxq .bt span{line-height: 24px;color: #aaa;}



.newsxq .nr h2{ color: #333;font-size: 30px;line-height: 40px; font-weight: bold; text-align: center;}
.newsxq .nr .sj{line-height: 24px;color: #000; display: block; font-size: 14px; text-align: center; margin: 20px 0 30px 0; }


.newsxq .nr p{font-size: 14px;line-height: 28px;color: #666;}
.newsxq .nr p span{display: inline;}



.newsxq .nr .center {text-align:center; margin: 10px 0;}



.newsxq .nr p img{width: auto; height: auto; max-width: 100%;}



.newsxq .sx {margin-top: 20px;}



.newsxq .sx ul li{font-size: 16px;line-height: 26px;position: relative;padding-left: 100px;min-height: 26px;}



.newsxq .sx ul li span{color: #333;text-transform: uppercase;letter-spacing: 0.5px;font-family: Helvetica, sans-serif;position: absolute;top: 0;left: 0;}



.newsxq .sx ul li a{color: #006b7b;}



.newsxq .sx ul li a:hover{text-decoration: underline;}



/* 新闻推荐 */



.alike{width: 100%; min-width: 320px; padding: 60px 0; background-color: #f8f9fa; overflow-x: hidden;}}



.alike .container{max-width: 1400px; margin: 0 auto;}



.alike .cap{text-align: center; margin-bottom: 60px;}



.alike .cap h2{ line-height: 70px;color: #ec870e;font-weight: 600; font-size: 30px; letter-spacing: 1px;}



.alike .cap .line{width: 16px; border-top: 1px solid #ec870e; margin: 0 auto;}



.alike ul li{float: left; width: 32.5%; margin: 0 0.41%; margin-bottom: 20px; }



.alike ul li .boxs{background: #fff;position: relative; overflow: hidden; padding-bottom: 150px;}



.alike ul li .img{width: 100%;  position: relative; overflow: hidden;}



.alike ul li .img img{display: block; width: 100%; height: auto;}



.alike ul li .nr{box-sizing: border-box;  padding: 20px;background: #fff;position: absolute;bottom: -80px; left: 0;width: 100%;box-shadow: 0 0 0px rgba(0, 64, 152, 0.6) inset; transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;}



.alike ul li .nr h5{font-size: 14px;line-height: 28px;height: 28px;color: #ec870e;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}



.alike ul li .nr h2{font-size: 18px; font-weight: bold; line-height: 30px;color: #211f42;;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}



.alike ul li .nr p{box-sizing: border-box;font-size: 14px;line-height: 28px;color: #666;height: 84px;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; opacity: 0; transition: opacity .5s ease-in-out;-webkit-transition: opacity .5s ease-in-out;-moz-transition: opacity .5s ease-in-out;-ms-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out;}



.alike ul li .boxs:hover .nr{bottom: 0;  box-shadow: 0 0 5px #ec870e inset;}



.alike ul li .boxs:hover .nr h2{color: #ec870e;}



.alike ul li .boxs:hover p{opacity: 1;}



.alike ul li .time {line-height:30px;}



.alike ul li .time i{width: 16px; height: 16px; margin-right: 20px;position: relative; top: 2px; background: url(../images/icon01.jpg) no-repeat top center;}



.alike ul li .time  span{color: #b5b5b5;}







/* 技术中心 */



.tech1{width: 100%; min-width: 320px; padding: 130px 0;}



.tech1 .techbox{ position: relative; min-height: 400px;}



.tech1 .img {width: 47%;position: absolute; right: 0; top: 0; overflow: hidden;}



.tech1 .container{max-width: 1200px; margin: 0 auto;}



.tech1 .nr{width: 50%; margin-top: 15px;}



.tech1 .nr .title h2{font-size: 42px; color: #ec870e;}



.tech1 .nr .title h3{font-size: 36px; color: #cccccc; margin: 15px 0;}



.tech1 .nr .nr1{font-size: 16px; line-height: 30px; color: #333;}



.tech1 .nr .nr1 .yellow{color: #ec870e; display: inline;}







.tech2{width: 100%; min-width: 320px; overflow-x: hidden;}



.tech2 .container{max-width: 1200px; margin: 0 auto;}



.tech2  .title {margin-bottom: 40px;}



.tech2  .title p{font-size: 14px; color: #ec870e; line-height: 25px; font-weight: bold;}



.tech2  .title h2{font-size: 42px; color: #333; }



.tech2 .box {position: relative;}



.tech2 .box .bd{width: 85%; max-width: 1019px; margin: 0 auto; position: relative;} 



.tech2 .box .bd img{display: block; width: 100%; height: auto;}



.tech2 .box .txt{position: absolute; top: 20px; left: -45px; padding: 14px 22px; color: #fff; background: rgba(192, 146, 21, 0.479);}



.tech2 .prev, .tech2 .next{position: absolute; top: 50%; width: 60px; height: 60px; line-height: 60px; font-family: 宋体; font-size: 50px; color: #fff; text-align: center; background-color: #ec870e; filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000, endcolorstr=#7F000000); z-index: 5; margin-top: -20px;}



.tech2 .prev{left: 0;}



.tech2 .next{right: 0;}



.tech2 .line{width: 50px; border-top: 3px solid #ec870e; margin: 15px 0 50px 0;}



.tech2 .box1{box-sizing: border-box; width: 85%; max-width: 1019px; margin: 0 auto; padding: 40px 50px; border: 1px solid #ccc;}



.tech2 .box1 .nr{width: 30%; }



.tech2 .box1 .nr h2{font-size: 45px;line-height: 60px;color: #ec870e;font-weight: bold;text-transform: uppercase;letter-spacing: 4px; font-family: Arial, Helvetica, sans-serif;}



.tech2 .box1 .text{width: 65%; max-width: 589px; position: relative;     font-size: 16px; line-height: 28px; color: #666;}







.techbg{padding: 95px 0; margin-top: 90px; background-image: url(../images/techbg.jpg); background-attachment: fixed; background-position: center center; background-repeat: no-repeat; background-size: cover;}



.techbg .txt{padding: 60px 0; color: #fff; font-size: 36px; text-align: center;}







.tech3{width: 100%; min-width: 320px; padding: 80px 0; overflow-x: hidden;}



.tech3 .techbox3{margin-left: 15%;}



.tech3 .title {margin-bottom: 40px;}



.tech3 .title p{font-size: 14px; color: #ec870e; line-height: 25px; font-weight: bold;}



.tech3 .title h2{font-size: 42px; color: #333; }



.swiper_tech3{margin-right: -15%;padding-bottom: 100px;}



.tech3_li{margin-right: 40px; position: relative;}



.tech3_img img{width: 100%;}



.tech3_txt{position: absolute; padding: 40px 30px;top: 0; width: 100%; left: 0;}



.tech3_txt p{font-size: 15px; color: #fff; line-height: 28px;}



.tech3_btn a{display: inline-block;}



.tech3_btn span{font-size: 30px; display: inline-block; width: 60px; height: 60px; border: 1px #ec870e solid; line-height: 60px; text-align: center;color: #ec870e;}



.tech3_arrL{position: absolute;left: 0;bottom: 0;}



.tech3_arrR{position: absolute; left: 60px;bottom: 0;}



.tech3_arrR span{border-left: none;}







/* 产品服务 */



.ins-bt{width: 100%; min-width: 320px; padding: 100px 0 60px 0;}



.ins-bt .container{max-width: 700px; margin: 0 auto;}



.ins-bt .title{text-align: center;}



.ins-bt .title h2{font-size: 36px; color: #211f42; font-weight: bold;}



.ins-bt .title .line{width: 70px; margin:  30px auto 60px auto; border-top: 3px solid #212121; }



.ins-bt .nr {text-align: center;}



.ins-bt .nr p{font-size: 16px; color: #777; line-height: 30px;}







.boxbt{width: 100%; min-width: 320px; overflow-x: hidden; }



.boxbt .container{max-width: 710px; margin: 0 auto;}



.boxbt ul li{float: left; padding: 10px 32px; color: #b2b2b9; margin: 0 1%; border: 1px solid #b2b2b9; font-size: 16px; }



.boxbt ul li:hover{color: #ec870e; border-color: #ec870e;}



/* 产品列表 */



.products_sec2{width: 100%;min-width: 320px;  padding: 90px 0 80px 0; overflow-x: hidden;}



.productsSec{display: flex;}



.productsSec a:after{content:'';display:table;clear:both}



.productsSec a{flex-direction: row-reverse;-webkit-flex-direction: row-reverse;}



.productsSec .productsImg{width: 50%;float: left;overflow: hidden;position: relative;}



.productsSec .productsImg:after{content: "";position: absolute;z-index: 1;top: 0;right: 0;bottom: 0;left: 0;background: transparent;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;}



.productsSec .productsImg img{display:block;width: 100%;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;}



.productsSec:nth-child(even) .productsImg{float: right;}



.productsSec:nth-child(even) .productsTxt{float: left;}



.productsSec .productsTxt{width: 50%; height: 100%; position: relative;float: right;overflow: hidden;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items: center;box-align: center;-moz-box-align: center;-webkit-box-align: center;}



.productsSec .productsTxtL{padding-left: 17%;padding-right: 30px;position: relative;-ms-flex-item-align: stretch;-ms-grid-row-align: stretch;align-self: stretch;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items: center;box-align: center;-moz-box-align: center;-webkit-box-align: center;}



.productsSec .protxtIn{position: relative;}



.productsSec .protxtIn h2{margin: 0 0 20px;font-size: 32px;line-height: 40px;color: #222;text-transform: uppercase;position: relative;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;}



.productsSec .protxtIn p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;max-height: 78px;margin: 0;font-size: 14px;line-height: 26px;color: #666;position: relative;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;}
.productsSec .protxtIn p span{display: inline;}


.productsSec span.proNum{position: absolute;left: -40px;top: -56px;font-weight: bold;font-size: 100px;color: #efeff3;opacity: 0.8;font-family: Gotham, sans-serif;font-family: Arial, Helvetica, sans-serif;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;}



.productsSec .productsTxtR{box-sizing: border-box; position: relative;-ms-flex-item-align: stretch; -ms-grid-row-align: stretch;align-self: stretch;max-width: 160px;margin-top: 6vh; margin-bottom: 6vh; padding: 0 4%;transition: background .3s ease; margin-left: auto;background: -webkit-linear-gradient(-45deg, #169655, #f5ce2e);background: -o-linear-gradient(-45deg, #169655, #f5ce2e); background: -moz-linear-gradient(-45deg, #169655, #f5ce2e); background: linear-gradient(-45deg, #169655, #f5ce2e);display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items: center;box-align: center;-moz-box-align: center;-webkit-box-align: center;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;ms-transition: all .3s;-o-transition: all .3s;}



.productsSec .productsTxtRBox{position: relative;width: 60px;height: 60px;transition: box-shadow .5s ease-out;border: 2px solid rgba(255, 255, 255, 0.8);box-shadow: 0 2px 2px 0 transparent, 0 3px 1px -2px transparent, 0 1px 5px 0 transparent;pointer-events: none;}



.productsSec span.pro_arr{display: inline-block;width: 54%;height: 1px;background: #fff;position: absolute;top: 50%;left: 23%;}



.productsSec span.pro_arr:before, .productsSec span.pro_arr:after{content: "";display: inline-block;position: absolute;width: 8px;height: 1px;background: #fff;top: 0;right: 0;transform-origin: right;-webkit-transform-origin: right;-moz-transform-origin: right;}



.productsSec span.pro_arr:before{transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);}



.productsSec span.pro_arr:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);}



.productsSec .productsMain{padding-bottom: 80px;}



.productsSec a:hover .protxtIn h2{letter-spacing: 1.2px; color: #ec870e;}



.productsSec a:hover .productsTxtR{background: -webkit-linear-gradient(-45deg, #ec870e, #f5ce2e);background: -o-linear-gradient(-45deg, #ec870e, #f5ce2e);background: -moz-linear-gradient(-45deg, #ec870e, #f5ce2e);background: linear-gradient(-45deg, #ec870e, #f5ce2e);}



.productsSec a:hover span.proNum{left: -30px;}



.productsSec a:hover .productsImg:after{background: rgba(0, 0, 0, .2);}



.productsSec a:hover .productsImg img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}



















#top{width: 70px; height: 70px; margin: 0 auto; margin-bottom: 50px;}



#top img{width: 100%;}







/* 产品列表二级页面 */



.in-ti {margin-bottom: 55px;}



.in-ti p{font-size: 20px; line-height: 30px; color: #b2b2b2;}



.in-ti h2{font-size: 40px; color: #211f42;}







.pro1{width: 100%; min-width: 320px;}



.pro1 a:hover{color: #ec870e;}



.pro1 .inbox{margin-left: 11%;}



.pro1 .inmark{width: 100%;}



.pro1 .inmark .in1{width: 19.5%; margin-right: 40px; margin-bottom: 40px;}



.pro1 .inmark .in1 .img{width: 100%;}



.pro1 .inmark .in1 .img img{display: block; width: 100%; height: auto;}



.pro1 .inmark .in1 .nr{box-sizing: border-box; padding: 15px 10px 0 10px;}



.pro1 .inmark .in1 .nr h2{font-size: 20px; color: #333; margin-bottom:25px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}



.pro1 .inmark .in1 .nr .xl{font-size: 14px; color: #333;}



.pro1 .inmark .in1 .nr .more{font-size: 14px; color: #999;}



.pro1 .inmark .in1 .nr a:hover{color: #ec870e;}



.pro1 .inmark .swiper-container-horizontal > .swiper-scrollbar{width: 100%;}







/* 产品列表详情页 */



.proxq{width: 100%; min-width: 320px; overflow-x: hidden; }



.proxq .container{max-width: 1200px; margin: 0 auto;}



.prolist{padding: 100px 0 80px;background:#fff;}



.prolist_intro{padding: 150px 0; background: url(../images/prolist_intro.jpg) no-repeat center center fixed;background-size:cover;}



.prolist_intro_wz{width:600px;text-align:center;margin:0 auto;}



.prolist_intro_wz h3{margin: 0; font-size: 20px; font-weight: 600; color: #fff; margin-bottom: 30px;}



.prolist_intro_wz h4{font-size: 14px; color: #fff; line-height: 26px;}



.prolist_top h2{font-size: 28px; margin-top: 0; margin-bottom: 40px; color: #333;}



/* .prolist_list{ float: left;padding:0 9px;margin-bottom:18px;overflow:hidden; width: 240px;} */







.swiper-prolist .lists{width: 19%;}







div#marqueeee li{float: left;}



/* .prolist_row{margin: 0 -9px;} */



.prolist_wz h4 a{margin: 0; font-size: 16px; line-height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}



.prolist_wz h4 a:hover{color: #ec870e;}



.prolist_wz h5{margin: 0; font-size: 12px;max-width:180px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}



.prolist_price h3{font-size: 12px;margin:0; line-height: 20px;}



.prolist_wz{padding: 20px; background: #e9e7e5;position:relative;}



.prolist_price span{display: block; font-size: 13px; font-weight: 600;margin-top:6px;}



.prolist_price{position: absolute; top: 33px; right: 20px;}



.prolist_btn{position: absolute; bottom: -45px; left: 0; width: 100%; padding: 14px 0; text-align: center; background: #895e4c; color: #fff; text-transform: uppercase; font-size: 12px; letter-spacing: 2px;}



.prolist_cot{position: relative; cursor: pointer;transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transition:all 0.4s ease-in;-webkit-transition:all 0.4s ease-in;-moz-transition:all 0.4s ease-in;-ms-transition:all 0.4s ease-in;-o-transition:all 0.4s ease-in;}



.prolist_menu_cot.TabHide9{display:none;}



#TabShow1{display:block;}



.prolist_menu_list{width: 25%; float: left;}



.prolist_menu_right{float: left; width: 75%;}



.prolist_menu_right .prolist_menu_list{width:100%;float:none;}



.prolist_menu_right .prolist_menu_list>ul>li{width:22%;float:left;}



.prolist_top{position:relative; padding: 0 0 60px;}



.prolist_top>h3{font-size: 16px; margin: 0; position: relative;}



.prolist_top_btn{position: absolute; right: 0; top: 0;}



.prolist_top_btn a{text-decoration: underline; color:#895e4c; font-size:15px;}



.prolist_menu{padding: 40px 0 20px;display:none;}



.prolist_menu_list h4 a{margin: 0; font-size: 17px; font-weight: 600; line-height: 40px; margin-bottom: 20px;}



.prolist_img{position:relative;transition:all 0.4s ease-in;-webkit-transition:all 0.4s ease-in;-moz-transition:all 0.4s ease-in;-ms-transition:all 0.4s ease-in;-o-transition:all 0.4s ease-in;}



.prolist_img img{display: block; width: 100%;}



.prolist2_left h2{font-size: 24px; color: #8B604C; margin-bottom: 30px; margin-top: 0;}



.prolist2_wz h5{line-height: 26px; text-indent: 2em; margin: 10px 0; color: #737373; font-size: 13px;}



.prolist2_top li{float: left; width: 50%; line-height: 26px; color: #737373; font-size: 14px;}



.prolist2_left{width: 86%;margin:0 auto;}



.prolist2_right{width: 86%;margin:0 auto;}



.prolist2_top li span{color: #999;}



.prolist2_top{padding:0 0 30px ;}



.prolist2_list{padding-bottom: 80px;}



.prolist2_list h3{margin: 20px 7%;}



.prolist2_cot{width:900px;background:#fafafa; margin: 0 auto; padding: 40px;position:relative;}



.prolist2_wz{color: #999; text-indent: 2em;}



.prolist2_wz p{line-height: 26px; text-indent: 2em; margin: 10px 0; color: #737373; font-size: 14px;}



.prolist2_wz p img{width: auto; height: auto; max-width: 100%; }



.prolist2_wz .center{text-align: center; margin: 10px 0; }



.prolist2_gm {width: 108px; height: 36px; line-height: 36px; margin-top: 40px; color: #fff; font-size: 14px; background-color: #ec870e; text-align: center;}















.pro2{width: 100%; min-width: 320px; padding: 50px 0 90px 0;}



.pro2 .container{max-width: 1500px; margin: 0 auto;}



.pro2 .league{width: 229px; height: 70px; line-height:70px; margin-top: 8px; border-radius: 5px; background-color: #f4311d; text-align: center; font-size: 30px; color: #fff; }



.pro2 .league a{display: block;}



.pro2 .league:hover{background-color: #ec870e; transition: all 0.5s ease 0s;}



.pro2 .league:hover a{color: #ffff; transition: all 0.5s ease 0s;}



.pro2 .index1_main{height: 722px;}



.pro2 .index1_main:after{content: "";display: table;clear: both;}



.pro2 .ind1_1{width: 44%;float: left;height: 100%; }



.pro2 .ind1_2{width: 28%;float: left;height: 100%;}



.pro2 .ind1_harf{height: 50%;}



.pro2 .over{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.3);}



.pro2 .index1_lis{height: 100%;position: relative;overflow: hidden;}



.pro2 .index1_img{height: 100%;position: relative;background-size: cover !important;  background-position: center center !important;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}



.pro2 .index1_img:after{content: "";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0.15;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}



.pro2 .index1_img video{width: 100%;height: 100%;object-fit: cover;object-position: center center;background: #aaa;opacity: 0;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}



.pro2 .index1_txt{position: absolute;bottom: 6%;left: 25px;max-width: 90%;padding-left: 25px;color: #fff;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}



.pro2 .index1_txt h2{margin:0 0 2px; font-size: 26px; line-height: 34px; letter-spacing: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}



.pro2 .index1_txt h3{margin: 0; font-size: 16px; line-height: 26px; letter-spacing: 1px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-family: Helvetica, sans-serif; text-transform: capitalize;}



.pro2 .index1_txt:before{content: "";display: inline-block;width: 1px;height: 100%;background: #fff;position: absolute;top: 0;left: 0;}



.pro2 .index1_lis a:hover .index1_img{transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05);}



.pro2 .index1_lis a:hover .index1_img:after{opacity: 0.3;}



.pro2 .index1_lis a:hover .index1_txt{padding-bottom:30px;}



.pro2 .index1_lis a:hover .index1_img video{opacity: 1;}



.pro2 .index1_main1{display: none;}







/* 合作共赢 */



.win{width: 100%; height: 500px; background: url(../images/bg20.jpg) no-repeat top center; background-size: cover;}



.win .nr {width: 50%; padding: 8% 0 0 0; margin: 0 auto;}



.win .nr p{font-size: 14px; color: #fff; line-height: 25px; margin:}







.xq{width: 100%; min-width: 320px; padding: 60px 0;}



.xq .container{max-width: 1000px; margin: 0 auto;}



.xq .title h2{color: #333;font-size: 30px;line-height: 40px; font-weight: bold; margin-bottom: 30px;}



.xq .nr p{line-height: 30px; font-size: 14px; color: #666;}



.xq .nr p img{width: auto; height: auto;}



.xq .nr .center{margin: 10px 0; text-align: center;}







.detail{width: 100%; min-width: 320px; padding: 60px 0;}



.detail .container{max-width: 1200px; margin: 0 auto;}



.detail .title h2{text-align: center; font-size: 25px; margin-bottom: 30px;}



.detail .nr p{font-size: 14px; line-height: 30px; color: #666;}



.detail .nr p img{max-width: 100%; width: auto; height: auto;}

.detail .nr .center{margin: 10px 0;}











.pro4{width: 100%; min-width: 320px; padding: 60px 0; margin: 60px 0;  background-color: #f6f6f6;}



.pro4 .container{max-width: 1500px; margin: 0 auto;}



.pro4 .title {text-align: center;margin-bottom: 40px;}



.pro4 .title h1 {font-size: 40px;color: #333;}



.pro4 .title h2 {font-size: 20px;color: #b2b2b2;position: relative;}



.pro4 .title h2::before, .pro4 .title h2::after{content: '';position: absolute;top: -52%;background: #ec870e;width: 35%;height: 4px;}



.pro4 .title h2::before {left: 0%;}



.pro4 .title h2::after {right: 0%;}



.pro4 ul li{float: left; width: 32.5%; margin: 0 0.41%; margin-bottom: 20px; }



.pro4 ul li .boxs{background: #fff;position: relative; overflow: hidden; padding-bottom: 150px;}



.pro4 ul li .img {width: 100%;  position: relative; overflow: hidden;}



.pro4 ul li .img img{display: block; width: 100%; height: auto;}



.pro4 ul li .nr{box-sizing: border-box;  padding: 20px;background: #fff;position: absolute;bottom: -80px; left: 0;width: 100%;box-shadow: 0 0 0px rgba(0, 64, 152, 0.6) inset; transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;}



.pro4 ul li .nr h5{font-size: 14px;line-height: 28px;height: 28px;color: #ec870e;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}



.pro4 ul li .nr h2{font-size: 18px; font-weight: bold; line-height: 30px;color: #211f42;;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}



.pro4 ul li .nr p{box-sizing: border-box;font-size: 14px;line-height: 28px;color: #666;height: 84px;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; opacity: 0; transition: opacity .5s ease-in-out;-webkit-transition: opacity .5s ease-in-out;-moz-transition: opacity .5s ease-in-out;-ms-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out;}



.pro4 ul li .boxs:hover .nr{bottom: 0;  box-shadow: 0 0 5px #ec870e inset;}



.pro4 ul li .boxs:hover .nr h2{color: #ec870e;}



.pro4 ul li .boxs:hover p{opacity: 1;}



.pro4 ul li .time {line-height:30px;}



.pro4 ul li .time i{width: 16px; height: 16px; margin-right: 20px;position: relative; top: 2px; background: url(../images/icon01.jpg) no-repeat top center;}



.pro4 ul li .time span{color: #b5b5b5;}







.pro3{width: 100%; min-width: 320px; margin-bottom: 60px; overflow-x: hidden;}



.pro3 .in-ti{max-width: 1500px; margin: 0 auto;}



.pro3 .container{max-width: 1800px; margin: 0  auto; background: url(../images/index3-bg.png) no-repeat top center; background-size: 100% 100%;}



.pro3 .border{box-sizing: border-box; width: 100%;  padding: 130px 80px 80px 0; }



.pro3 h1{text-align: center; font-size: 40px; margin-bottom: 70px;}



.pro3 .in-news{cursor: move; overflow: hidden; }



.pro3 .in-news .left{width: 35%; max-width: 508px; position: relative;}



.pro3 .in-news .left img{display: block; width: 100%; height: auto;}



.pro3 .in-news .right{width: 64%; max-width: 1170px; position: relative; z-index: 10; }



.pro3 .in-news .right .num-bg{display: block; width: 100%; font-family: 'Gotham Pro Bold'; margin-top: 5%; text-align: center;font-size: 500px;color: #000;opacity: 0.1;z-index: 0;font-weight: bold;line-height: 400px; letter-spacing: -30px; background-color: transparent;}



.pro3 .in-news .right .sbox{position: absolute; top: 0; margin-top: 5%;}



.pro3 .in-news .right .sbox .inbox{width: 51%; margin: 0 auto; text-align: center;}



.pro3 .in-news .right .sbox h2{font-size: 40px; color: #333; margin-bottom: 25px;}



.pro3 .in-news .right .sbox p{line-height: 30px; font-size: 15px; color: #333;}



.pro3 .in-news .right .more{z-index: 11; display: block; width: 80%; max-width: 341px; height: 54px; line-height: 54px; margin: 0 auto; cursor: pointer; margin-top: 55px;  font-size: 24px; color: #fff; box-shadow:  0 0 9px #999; text-align: center; background-color: #ec870e;}



.pro3 .in-news .right .more span{font-family: 宋体; font-size: 25px; margin-left: 45px;}



.pro3 .in-news .right .num .num-left{position: absolute; top: 35%; left: 0;}



.pro3 .in-news .right .num .num-right{position: absolute; top: 35%; right: 0;}



.pro3 .in-news .right .num .num-left .num-1{margin-right: 20px;}



.pro3 .in-news .right .num .num-right .num-2{margin-right: 20px;}



.pro3 .in-news .right .num .num-1{font-size: 32px; }



.pro3 .in-news .right .num .num-2 {font-size: 14px;}



.pro3 .in-news .right .num .num-2 i{display: block;}



#swiper-container .swiper-pagination2{text-align: center; margin-top: 30px; display: none;}



#swiper-container .swiper-pagination2 .swiper-pagination-bullet {width: 12px; height: 12px; border: 1px solid #ec870e !important;}



#swiper-container .swiper-button-prev{display: block; z-index: 100; position: absolute; top: 45%; left: 36%; width: 82px; height: 27px; background: url(../images/slider-right.png) no-repeat top center; opacity: 1;}



#swiper-container .swiper-button-next{display: block;  z-index: 100; position: absolute; top: 45%; right: 0%;  width: 82px; height: 27px; background: url(../images/slider-left.png) no-repeat top center; opacity: 1;}



#swiper-container .swiper-pagination-bullet-active{border-color: #ec870e; overflow: hidden;}





/* 动态案例详情页 */



.markxq{width: 100%; min-width: 320px; padding: 60px 0;}



.markxq .container{max-width: 1000px; margin: 0 auto;}



.markxq .title{text-align: center;}



.markxq .title h2{color: #333;font-size: 30px;line-height: 40px;font-weight: bold;}



.markxq .title span{font-size: 14px; color: #666; margin: 30px 0;}



.markxq .nr p{font-size: 14px; line-height: 30px; color: #666;}



.markxq .nr p img{width: auto; height: auto;  max-width: 100%;}



.markxq .nr .center{margin: 10px 0; text-align: center;}







/* 企业荣誉 */



.honor{width: 100%; min-width: 320px; padding: 60px 0; overflow-x: hidden;}



.honor .container{max-width: 1600px; margin: 0 auto;}

.honor .picbox .hd {margin-bottom: 40px;}

.honor .picbox .hd ul{text-align: center;}

.honor .picbox .hd ul li{float: left;  margin-right: 30px; padding-bottom: 15px; border-bottom: 2px solid #fff;  font-size: 26px;}

.honor .picbox .hd ul li.on{border-color: #ec870e;}

.honor .picbox .bd ul li{float: left; width: 24%; margin: 0 0.5%; margin-bottom: 25px; text-align: center;}

.honor .picbox .bd ul li .img img{display: block; width: 100%; height: auto;}

.honor .picbox .bd ul li h1{font-size: 14px; height: 38px; overflow: hidden; overflow : hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-top: 15px; color: #211f42;}

.honor .picbox .bd ul li:hover h1{color: #ec870e;}





/* 加入艾科 */



.join1{width: 100%; min-width: 320px; padding: 80px 0 100px 0;  overflow-x: hidden; }



.join1 .container{max-width: 1553px; margin: 0 auto;}



.join1 h2{font-size: 42px; color: #333; font-weight: bold;  text-align: center; margin-bottom:  80px;}



.join1 img{display: block; width: 100%; max-width: 100%;}







.join2{width: 100%; min-width: 320px; overflow-x: hidden;}



.join2 .container{max-width: 1200px; margin: 0 auto;}



.join2 h2{font-size: 42px; margin-bottom: 45px; color: #ec870e; font-weight: bold;}



.join2 .nr{width: 90%; margin: 0 auto;}



.join2 .nr p{font-size: 14px; line-height: 30px; color: #666;}

.join2 .nr p span{display: inline;}





.joinbg{padding: 95px 0; margin-top: 90px; background-image: url(../images/join.jpg); background-attachment: fixed; background-position: center center; background-repeat: no-repeat; background-size: cover;}



.joinbg .txt{padding: 60px 0; color: #fff; font-size: 58px; text-align: center;}











.job_sec4{width: 95%; max-width: 1200px;  min-width: 320px; margin: 0 auto; padding: 80px 0; }

.job_sec4 .swiper-slide:nth-child(odd){width: 66.6667%; }
.job_sec4 .swiper-slide:nth-child(even){width: 33.3333%; }
.swiper_job4{padding-bottom: 60px; }
.pagination_job4{position: static;}
.pagination_job4 .swiper-pagination-bullet{width: 10px; height: 10px; margin-right: 10px; background: #ec870e; opacity: 0.2;}
.pagination_job4 .swiper-pagination-bullet-active{background: #ec870e; opacity: 1;}
.job4_lis{height: 350px;  border: 1px #eee solid;border-left: none;box-shadow: 0 0 15px #999; }
.job4_li{width: 100%; height: 270px; overflow: auto; padding: 20px 25px 0 25px; position: relative;padding-bottom: 50px;padding-right: 70px;border-left: 1px #eee solid; cursor: pointer; z-index: 4;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;}
.job4_li::-webkit-scrollbar{width: 2px; height: 270px;}
.job4_li::-webkit-scrollbar-thumb{border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.2);} 
.job4_li::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0; background: rgba(0,0,0,0.1);}
.job4_lis:hover:before{position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.05);}
.job4_li .box{font-size: 14px;color: #666; line-height: 25px;}
.job4_li h2{font-size: 30px; font-weight: bold; line-height: 40px; color: #333; letter-spacing: 1px; margin: 0; margin-bottom: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.job4_lis .box1{position: absolute; width: 100%; bottom: 0; left: 0;  padding-top: 60px; border-top: 1px solid #ccc;}
.job4_lis .box1 .box1-1{position: relative;}
.job4_lis .dates{position: absolute; bottom: 25px; left: 25px; color: #888;font-size:14px;font-family:Arial, Helvetica, sans-serif;}
.job4_plus{position: absolute; bottom: 20px; right: 30px; opacity: 0; transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;}
.job4_lis:hover .job4_plus{opacity: 1;transform: rotate(360deg);}







/*.fixed_box{position: fixed; top: 0; left: 0; width: 100%; height: 100%;  z-index: 999999; display: none; overflow: hidden; }*/



.fixed_box{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 999999; display: none; overflow: hidden; }



.job_fix{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: #fff; border-radius: 4px; display: none;}



.job_wz h3{margin: 0; font-size: 28px; letter-spacing: 2px; color: #fff;}



.job_top{position: relative;}



.job_bot{padding: 30px;}



.job_wz h2{font-size: 28px; margin: 0; color: #333; font-weight: bold; line-height: 40px; letter-spacing: 2px;}



.job_wz h5{font-size: 14px; color: #888; margin: 12px 0 30px;font-family:Arial, Helvetica, sans-serif;}



.job_wz p{font-size: 14px; line-height: 28px; margin: 0; color: #888;}



.jobCot li{width: 50%; float: left; font-size: 14px; line-height: 30px; color: #888;}



.jobCot li span{color: #888;}



.jobCot ul:after{content: '';display: table;clear: both;}



.jobCot{margin-bottom: 10px;}



.jobB_cot{margin-bottom: 10px;}



.job_wz:after{content: ''; clear: both; display: table;}



.job_wz{margin-bottom: 20px;}



.job_upload a{display: block; width: 101px; height: 27px; line-height: 27px; color: #ec870e; border: 1px solid #ec870e; text-align: center;}



.job_upload a i{font-size: 16px; margin-right: 5px;}



.job_close{position: absolute; top: 20px; right: 20px; width: 36px; padding: 5px; border-radius: 3px; border: solid 1px rgba(255, 255, 255, 0.5); z-index: 2; cursor: pointer;transform:rotate(45deg); transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;}



.job_close img{width: 100%;}



.job_close:hover{transform:rotate(135deg);}

.job_upload  .btns{display: block;  width: 101px; height: 30px; line-height: 30px; margin-top: 8px; cursor: pointer; border: none; outline: none; background-color: #ec870e; color: #fff; }

.remind{margin-top: 15px; font-size: 14px; color: red;}











.join4{width: 100%;min-width: 320px; padding-bottom: 90px;}



.join4 .container{max-width: 1200px; margin: 0 auto;}



.join4 h2{font-size: 42px; margin-bottom: 55px; font-weight: bold; color: #ec870e; text-align: center;}

.join4 .box ul li{margin-bottom: 50px;}

.join4 .box ul li .img{width:50%; max-width: 585px;}
.join4 .box ul li:last-child{margin-bottom: 0;}


.join4 .box ul li .img img{display: block; width: 100%; height: auto;}



.join4 .box ul li .nr{box-sizing: border-box; width: 50%; padding: 0px 15px;}



.join4 .box ul li .nr p{font-size: 15px;color: #666;line-height: 28px;}
.join4 .box ul li .nr p span{display: inline;}



.join4 .box ul li:nth-child(even) .nr{float: left;}



.join4 .box ul li:nth-child(even) .img{float: right;}







/* 联系我们 */



.contact{width: 100%; min-width: 320px; padding: 60px 0 80px 0;}



.contact .container{ max-width: 1200px;}



.contact .in-title{margin-bottom: 57px; padding-bottom: 20px; border-bottom: 1px solid #ccc;}



.contact .in-title h2{font-size: 40px; color: #211f42;}

.contact .lxwm{margin-bottom: 30px;}
.contact .lxwm .nr p{font-size: 16px; line-height: 35px; margin: 10px 0; color: #666;}
.contact .lxwm .nr p span{display: inline;}
.contact .lxwm .nr p .i1{margin-right: 80px;}
.contact .lxwm .nr p  img{margin: 0 8px;}



.contact .words .map{width: 47%; max-width: 562px; padding-top: 80px;}



.contact .words .map .lx{margin-top: 45px;}



.contact .words .map .lx h3 { margin-bottom: 35px;font-size: 42px; color: #ec870e;}



.contact .words .map .lx p{line-height: 30px; font-size: 14px; color: #666;}



.contact .words .message {width: 48%; max-width: 560px;}



.contact .words .message h2{font-size: 30px; margin-bottom: 20px;  font-weight: bold;}



.contact .words .message form p {margin-bottom: 25px;}



.contact .words .message form p span{display: block; line-height: 35px; color: #666; font-size: 14px;}



.contact .words .message form p input{width: 98.6%; height: 36px; line-height: 36px; border: 1px solid #ccc; padding-left: 1%; font-size: 14px;}



.contact .words .message form p textarea{width: 98.6%; height: 118px; border: 1px solid #ccc; resize: none; padding-left: 1%; font-size: 14px;}



#buttons{display: block; box-sizing: border-box; width: 45%; max-width: 220px; height: 57px;line-height: 57px; font-size: 16px; padding-left: 40px; color: #fff; border: none; outline: none;background: url(../images/96.jpg) no-repeat; background-size: 100% 100%;}



.contact .words .message form .yz input{width: 30%; padding-left: 1%; font-size: 14px;}



.contact .words .message form .yz img{width: 111px; height: 36px; margin-left: 5px;}







.in-about{display: block; width: 100%; padding: 100px 0; color: #fff; background: url(../images/contact02.jpg) no-repeat top center; background-size: cover;}



.in-about .container{max-width: 1200px; margin: 0 auto;}



.in-about .left{width: 30%; font-size: 40px;}



.in-about .right{width: 45%; max-width: 540px;line-height: 25px; font-size: 14px;}







/* 万海网群 */



.cate{width: 100%; min-width: 320px; padding: 90px 0;  margin: 50px 0; background: url(../images/cate-01.jpg) no-repeat top center; background-size: cover;}



.cate .container{max-width: 1200px; margin: 0 auto;}



.cate .title {padding-bottom: 20px; margin-bottom: 35px; border-bottom: 1px solid #ccc; font-size: 28px;}



.cate .title h1{color: #ec870e;}


/* 
.cate .nr .box{box-sizing: border-box; width: 33.333%; float: left; height: 200px; padding-left: 9%; border-right: 1px solid #ccc;}



.cate .nr .box:nth-child(1){padding-left: 0;} */



/* .cate .nr .box h2{font-size: 18px; color: #6c5a54; line-height: 35px;} */



.cate  ul li{float: left; width: 24%; margin: 0 0.5%; margin-bottom: 30px; }
.cate  ul li img{display: block; width: 100%; height: auto;}






/* 合作共赢 */

.chief{width: 100%; min-width: 320px; padding: 60px 0;}
.chief .container{width: 95%; margin: 0 auto; max-width: 1600px;}
.chief p img{max-width: 100% !important; width: auto!important; height: auto!important;} 
.chief p {line-height: 35px; color: #666; font-size: 14px;    max-width: 1360px;margin: 0 auto;}
.chief p span{display: inline;}







.chief1{width: 100%; min-width: 320px; padding-bottom: 60px;}

.chief1 .container{max-width: 1200px; margin: 0 auto;}

.chief1 .abox{width: 60%; margin: 0 auto;}

.chief1 .title{ margin: 0 auto; text-align: center; margin-bottom: 40px;}

.chief1 .title h2{font-size: 32px; color: #333;}

.chief1 .formbox p{margin-bottom: 25px;}

.chief1 .formbox p span{font-size: 14px; line-height: 35px; color: #666;}

.chief1 .formbox p input{box-sizing: border-box; width: 85%; height: 35px; line-height: 35px; padding-left: 5px; border-radius: 3px;  font-size: 14px; color: #666; border: 1px solid #ccc;}

.chief1 .formbox p textarea{box-sizing: border-box; width: 85%; height: 100px; padding-top: 5px; padding-left: 5px; border-radius: 3px;  font-size: 14px; color: #666; border: 1px soi 

#ccc; resize: none;}
.chief1 .formbox .yz{width: 120px; margin-left: 13px;}
.chief1 .formbox img{width: 120px; height: 35px; margin-left: 5px; cursor: pointer;}

.chief1 .formbox button{display: block; width: 40%; margin: 0 auto; height: 35px; line-height: 35px; font-size: 14px; background-color: #f39800; color: #fff; border: none; outline: none; cursor: pointer; border-radius: 5px;}





/* 产品系列 */

.pro5{width: 100%; min-width: 320px; padding: 60px 0;}

.pro5 .container{width: 95%; max-width: 1500px; margin: 0 auto;}

.pro5 .proca{font-size: 28px;margin-bottom: 40px; color: #333;}

.pro5 .title6 {margin-bottom: 15px; }

.pro5 .title6 .left{float: left; font-size: 20px; line-height: 30px;margin-right: 20px;color: #333;}

.pro5 .title6 ul li{ float: left; margin-right: 20px;line-height: 30px;color: #666; font-size: 16px;}

.pro5 .title6 ul li:hover a{color: #ec870e;}

.pro5 .probox {margin-top: 50px;}

.pro5 .probox ul li{float: left; width: 24%; margin: 0.5%; margin-bottom: 15px; text-align: center;}

.pro5 .probox ul li .img img{display: block; width: 100%; height: auto;}

.pro5 .probox ul li h1{ margin-top: 25px;font-size: 16px;  overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}

.pro5 .probox ul li:hover h1{color: #ec870e;}



.pro2xq{width: 100%; min-width: 320px; padding: 60px 0;}

.pro2xq .container{max-width: 1200px; width: 95%; margin: 0 auto; margin: 0 auto;}

.pro2xq .title h2{font-size: 24px;color: #8B604C;margin-bottom: 30px;}

.pro2xq .nr p{line-height: 35px; font-size: 14px; color: #666;}
.pro2xq .nr p span{display: inline;}

.pro2xq .nr p img{max-width: 100%; width: auto; height: auto;}

.pro2xq .nr .center{margin: 10px 0;}

.pro2xq .title7 h2{text-align: center; font-size: 24px;color: #333;margin-bottom: 30px;}





/* 经典案例 */

 .newsMain1{width: 100%;padding: 30px 0 60px 0;; background-color: #f8f9fa;}

 .newsMain1 .container{max-width: 1400px; width: 95%; margin: 0 auto;  margin: 0 auto;}

 .newsMain1 .box{margin-bottom: 30px;}

 .newsMain1 select{width: 200px; height:45px; line-height: 45px;font-size: 16px; border: 1px solid #ccc;}

 
 .home{padding-bottom: 25px; font-size: 16px; color: #666;  margin-bottom: 30px; border-bottom: 1px solid #ccc;}
 .home a:hover{color: #ec870e;}

 .newsMain1 form{box-sizing: border-box; width: 200px; height: 45px; border: 1px solid #ccc;}

 .newsMain1 form input{box-sizing: border-box; width: 160px;  height: 43px; line-height: 43px; padding-left: 5px; font-size: 14px; border: none; outline: none;}

 .newsMain1 form a{display: block; width: 38px; height: 45px; background: url(../images/news-08.jpg) no-repeat top center;}

 .newsMain1 ul li{float: left; width: 32.5%; margin: 0 0.41%; margin-bottom: 20px; }

 .newsMain1 ul li .boxs{background: #fff;position: relative; overflow: hidden; padding-bottom: 150px;}

 .newsMain1 ul li .img {width: 100%;  position: relative; overflow: hidden;}

 .newsMain1 ul li .img img{display: block; width: 100%; height: auto;}

 .newsMain1 ul li .nr{box-sizing: border-box;  padding: 20px;background: #fff;position: absolute;bottom: -80px; left: 0;width: 100%;box-shadow: 0 0 0px rgba(0, 64, 152, 0.6) inset; transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;}

 .newsMain1 ul li .nr h5{font-size: 14px;line-height: 28px;height: 28px;color: #ec870e;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}

 .newsMain1 ul li .nr h2{font-size: 18px; font-weight: bold; line-height: 30px;color: #211f42;;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

 .newsMain1 ul li .nr p{box-sizing: border-box;font-size: 14px;line-height: 28px;color: #666;height: 84px;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; opacity: 0; transition: opacity .5s ease-in-out;-webkit-transition: opacity .5s ease-in-out;-moz-transition: opacity .5s ease-in-out;-ms-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out;}

 .newsMain1 ul li .boxs:hover .nr{bottom: 0;  box-shadow: 0 0 5px #ec870e inset;}

 .newsMain1 ul li .boxs:hover .nr h2{color: #ec870e;}

 .newsMain1 ul li .boxs:hover p{opacity: 1;}

 .newsMain1 ul li .time {line-height:30px;}

 .newsMain1 ul li .time i{width: 16px; height: 16px; margin-right: 20px;position: relative; top: 2px; background: url(../images/icon01.jpg) no-repeat top center;}

 .newsMain1 ul li .time span{color: #b5b5b5;}



 

 /* 行业聚焦 */

 .entrys{width: 100%; min-width: 320px; padding: 60px 0;}

 .entrys .container{max-width: 1200px; width: 95%; margin: 0 auto;}

 .entrys .boxs ul li{padding-bottom: 15px; border-bottom: 1px solid #ccc; margin-bottom: 15px; font-size: 14px; color: #333;}

 .entrys .boxs ul li:hover a{color: #ec870e;}

 .entrys .boxs ul li a{display: block; width: 80%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}





 .techzx{width: 100%; min-width: 320px; padding: 60px 0;}

 .techzx .container{width: 95%; max-width: 1200px; margin: 0 auto;}

 
 .techzx .box ul li {margin-bottom: 50px;}
 .techzx .box ul li:last-child{margin-bottom: 0;}

 .techzx .box ul li .img{width:50%; max-width: 585px;}

 .techzx .box ul li .img img{display: block; width: 100%; height: auto;}

 .techzx .box ul li .nr{box-sizing: border-box; width: 50%; padding: 0px 15px;}

 .techzx .box ul li .nr .title8 h2{font-size: 28px; margin-bottom: 30px; color: #ec870e;}

 .techzx .box ul li .nr p{font-size: 15px;color: #666;line-height: 28px;}
 .techzx .box ul li .nr p span{display: inline;}

 .techzx .box ul li:nth-child(even) .nr{float: left;}

 .techzx .box ul li:nth-child(even) .img{float: right;}







@media screen and (max-width: 1600px){



    .header .container{width: 95%; margin: 0 auto;}



    .header .nav{margin-left: 8%;}



    .index-part2 .container{width: 95%; margin: 0 auto;}



    .index-part1 .container{width: 95%; margin:  0 auto;}



    .index-part5 .container{width: 95%; margin:  0 auto;}







    .footer .container{width: 95%; margin: 0 auto;}





    .about .container{width: 95%; margin: 0 auto;}



    .about .img{width: 45%; max-width: 100%;}



    .about .nr{width: 48%; max-width: 100%;}





    .pro2 .container{width: 95%; margin: 0 auto;}





    .pro3 .in-ti{width: 95%; margin: 0 auto; margin-bottom: 55px;}



    .pro3 .container{width: 95%; margin: 0 auto;} 



    #swiper-container .swiper-button-prev{top: 52%;}



    #swiper-container .swiper-button-next{top: 52%;}







    .join1 .container{width: 95%; margin: 0 auto;}





    .honor1 .container{width: 95%; margin: 0 auto;}



    .part-box .container{width: 95%; margin: 0 auto;}



} 



@media screen and (max-width: 1500px){



    .about{padding: 100px 0 150px 0;}







    .about1 .nr{padding: 30px 70px;}



    .about1 .nr .nr1 h2{margin-bottom: 30px;}



    .about1 .nr .nr1 ul li{margin-bottom: 30px;}







    .about3 .container{width: 95%; margin:  0 auto;}











    .news .newsMain .container{width: 95%; margin: 0 auto;}







    .alike .container{width: 95%; margin: 0 auto;}











    .pro2 .container{width: 95%; margin: 0 auto;}











    .honor .container{width: 95%; margin: 0 auto;}







    .honor1 .container{width: 95%; margin: 0 auto;}











    .join1 .container{width: 95%; margin: 0 auto;}



    



    .join2 .container{width: 95%; margin: 0 auto;}







}



@media screen and (max-width: 1400px){



    .header .container{width: 95%; margin: 0 auto;}



    .header .nav{margin-left: 3%;}











    .index-part2 .container{width: 95%; margin: 0 auto;}











    .index-part1 .container{width: 95%; margin:  0 auto;}











    .index-part5 .container{width: 95%; margin:  0 auto;}











    .footer .container{width: 95%; margin: 0 auto;}











    .about3 .container{width: 95%; margin:  0 auto;}











    .news .newsMain .container{width: 95%; margin: 0 auto;}



    .news .newsSelList{width: 95%; margin: 0 auto;}











    .alike .container{width: 95%; margin: 0 auto;}











    .tech3 .techbox3{margin-left: 5%;}











    .pro1 .inbox{margin-left: 3%;}



    



    .pro2 .container{width: 95%; margin: 0 auto;}







    .pro3 .in-ti{width: 95%; margin: 0 auto; margin-bottom: 55px;}



    .pro3 .container{width: 95%; margin: 0 auto;}







    



    .honor .container{width: 95%; margin: 0 auto;}



    .honor1 .container{width: 95%; margin: 0 auto;}











    .join1 .container{width: 95%; margin: 0 auto;}







    .join2 .container{width: 95%; margin: 0 auto;}











    .part-box .container{width: 95%; margin: 0 auto;}



    .titles h1{font-size: 32px;}







    .in-main .part .part-box1{top: 45%!important;}







    .in-main .part .part-box4{top: 6%!important; margin-top: 0 !important; }



    .in-main .part .part-box4 .titles{margin-bottom: 30px;}



    .in-main .part .part-box4 .titles h2{margin-top: 15px;}







    .in-main .part .part-box6{top: 12%!important; margin-top: 0 !important;}



    .in-main .part .part-box6 .titles{margin-bottom: 30px;}



    .in-main .part .part-box6 .titles h2{margin-top: 15px;}



    .part-box6 .slideTxtBox .bd{margin-top: 60px;}







    .join_lb .hd ul li a h2{font-size: 18px;}



    .join_lb .hd ul li a h2 p{font-size: 18px;}







    .in-main .part .part-box8{top: 6%!important; margin-top: 0 !important;}



    .in-main .part .part-box8 .titles{margin-bottom: 30px;}



    .in-main .part .part-box8 .titles h2{margin-top: 15px;}



    .part-box8 .nr ul li i{display: block;width:120px; height: 120px;}



    .part-box8 .nr ul li .nr1{padding: 28% 0;}



    .part-box8 .nr ul li .nr1 h1{font-size: 14px;}



    .part-box8 .nr ul li .nr1 h2{overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}







    .in-main .part .part-box9{top: 6%!important; margin-top: 0 !important;}



    .in-main .part .part-box9 .titles{margin-bottom: 30px;}



    .in-main .part .part-box9 .titles h2{margin-top: 15px;}



    .part-box9 .nr ul li{padding: 15px 0;}



    .part-box9 .nr ul li h1{font-size: 18px; margin: 8px 0;}



    .part-box9 .nr ul li h2{font-size: 16px;}







    .in-main .part .part-box10{top: 5%!important; margin-top: 0 !important;}



    .in-main .part .part-box10 .titles{margin-bottom: 30px;}



    .in-main .part .part-box10 .titles h2{margin-top: 15px;}



    .part-box10 .touch ul li  p{font-size: 14px;}



    .part-box10  .message ul li{margin-bottom: 10px;}



    .part-box10  .message ul li i{margin-bottom: 8px;}



    .part-box10 .container{width: 95%}







    .part-box1 .txt h1{font-size: 50px;}



    .part-box2 .txt h1{font-size: 50px;}



    .part-box3 .txt h1{font-size: 50px;}



    .part-box5 .txt h1{font-size: 50px;}











}



@media screen and (max-width: 1322px){



    .header .nav{float: right;}



    .header .search{display: none;}



}







@media screen and (max-width: 1280px){



    .header .nav{float: right;}



    .header .search{display: none;}











    .about{padding: 100px 0;}



    .about .img{width: 48%; max-width: 100%;}



    .about .img2{width: 100%; max-width: 100%;}



    .about .nr{width: 42%; max-width: 100%;}







    .about3 .container{width: 95%; margin:  0 auto;}



}















@media screen and (max-width: 1200px){



    .header .container{width: 95%; margin: 0 auto;}



    .header .nav ul li a{font-size: 14px;}











	.index-banner .banner_txt{font-size: 28px;}











    .index-part1 .container{width: 95%; margin:  0 auto;}











    .index-part5 .container{width: 95%; margin:  0 auto;}







    



    .footer .container{width: 95%; margin: 0 auto;}



    







    .insde-banner .bannerInTxt h2{font-size: 40px; line-height: 50px;}







    .about1 .nr{padding: 30px 40px;}



    .about1 .nr .nr1 h2{margin-bottom: 25px;}



    .about1 .nr .nr1 ul li{margin-bottom: 25px;}







    .news .newsMain .container{width: 95%; margin: 0 auto;}



    .news .newsbt{text-align: center; font-size: 35px; color: #211f42;}







    .alike .container{width: 95%; margin: 0 auto;}











    .pro2 .container{width: 95%; margin: 0 auto;}



    .pro2 .inbox .box .title h2{font-size: 50px;}







    .pro3 .in-ti{width: 95%; margin: 0 auto; margin-bottom: 55px;}



    .pro3 .container{width: 95%; margin: 0 auto;}



    .pro3 .in-news .right .num-bg{font-size: 400px;line-height: 300px;}











    .honor1 .container{width: 95%; margin: 0 auto;}











    .join1{padding: 80px 0;}



    .join1 .container{width: 95%; margin: 0 auto;}



    .join1 h2{font-size: 35px;}







    .join2 .container{width: 95%; margin: 0 auto;}



    .join2 h2{font-size: 28px;}







    .joinbg .txt{font-size: 45px;}







    .join4 h2{font-size: 35px;}







    .part-box .container{width: 95%; margin: 0 auto;}







   



}  



@media screen  and (max-width: 1150px){



    .header{box-sizing: border-box; height: 70px!important;}



    .header .logo{margin-top: 15px!important;}



    .header .nav{display: none;}



    .header .search{display: none;}



    .header .logo{margin-top: 25px;}



    #cd-menu-trigger{display: block; margin-top: 30px;}







    .attach {top: 0; display: none!important;}



    .attach ul li i{display: none;}



 







    .warpper{padding-top: 70px;}







   .index-banner .select .fl{left: 9%;}



   .index-banner .select .fr{right: 9%;}







   .in-main{margin-top: 70px!important;;}



}







@media screen and (max-width: 1100px){



   .footer .box2 .inbox1,  .footer .box2 .inbox2, .footer .box2 .inbox3, .footer .box2 .inbox4, .footer .box2 .inbox5{width: 33.333333%;}



    .footer .box2 .inbox2, .footer .box2 .inbox3{margin-bottom: 15px;}







   .footer-part{height: auto!important;}











   .about .img2{bottom: -180px;}



   







   



   .tech1 .nr .title h2{font-size: 35px; color: #ec870e;}



   .tech1 .nr .title h3{font-size: 28px; color: #cccccc;}







   .tech2  .title h2{font-size: 35px; color: #333; }



   .tech2 .box .txt{left: 0; padding: 15px }



   .tech2 .box1 .nr h2{font-size: 35px;}







   .tech3 .title h2{font-size: 35px;}







   .pro2 .jm .title h2{font-size: 45px;}



   .pro2 .jm .title h3{font-size: 36px;}



  



   .pro3 .container{background-image: none !important;}



   .pro3 .border{border: 3px solid #000;}



   .pro3 h1{font-size: 30px;}



   .pro3 .in-news .right .num{display: none;}











   .joinbg .txt{font-size: 35px; padding: 0;}







 



   .contact .in-title h2{font-size: 30px;}





   .chief1 .container{width: 95%; margin: 0 auto;}











}   







@media screen and (max-width: 1023px){



    



    .index-page{display: none;}







    .in-main{margin-top: 115px;}



    .in-main .h-f{display: none !important}







    .in-main .part .part-box{position: relative; top: 0 !important; margin-top: 0 !important;  padding: 8% 0 !important;}



    .part1{ display: block; background: url(../images/bg1.jpg) center center no-repeat !important;background-size: cover !important;}



    .part2{ display: block; background: url(../images/bg2.jpg) center center no-repeat !important;background-size: cover !important;}



    .part3{ display: block; background: url(../images/bg3.jpg) center center no-repeat !important;background-size: cover !important;}



    .part4{ display: block; background: url(../images/bg4.jpg) center center no-repeat !important;background-size: cover !important;}



    .part5{ display: block; background: url(../images/bg5.jpg) center center no-repeat !important;background-size: cover !important;}



    .part6{ display: block; background: url(../images/bg6.jpg) center center no-repeat !important;background-size: cover !important;}



    .part7 .titles{top: 8%;}



    .in-main .part .part-box7{padding: 0!important;}



    .part8{ display: block; background: url(../images/bg8.jpg) center center no-repeat !important;background-size: cover !important;}



    .part9{ display: block; background: url(../images/bg9.jpg) center center no-repeat !important;background-size: cover !important;}







    .part-box9 .nr{width: 100%; float: none;}



    .part-box9 .nr ul li h1, .part-box9 .nr ul li h2{font-size: 16px;}



}   







@media screen and (max-width: 1000px){



    .boxbt ul li{width: 48.2%; height: 30px; line-height: 30px; text-align: center; padding: 0; margin: 0 0.87%; margin-bottom: 15px;}











    .pro1 .inbox{margin-left: 0; width: 95%; margin: 0 auto;}



}







@media screen and (max-width: 920px){



    .pro1 .inmark .in1 .nr span{display: none;}



}







@media screen and (max-width: 900px){



    .index-banner .banner_txt h4{font-size: 60px;}



    .index-banner .banner_txt{font-size: 22px;}



    







    .index-part2 .title h1{font-size: 22px;}







    .index-part1 .container{background-image: none;}



    .index-part1 .part11 .box{margin-top: -13%;}



    .index-part1 .part11 .box h2{margin-bottom: 25px; font-size: 30px;}







    .index-part5 ul li{width: 32.5%; margin-bottom: 15px;}











    .about{box-sizing: border-box; padding: 30px 0;}



    .about .img{float: none; width: 100%;}



    .about .img1{margin-right: 0; width: 100%; max-width: 100%; margin-left: 0;}



    .about .img2{padding: 10px; position: static;}



    .about .img2 span{font-size: 14px; line-height: 25px;}



    .about .img2 span i{font-size: 25px;}



    .about .img2 p{font-size: 18px;}



    .about .nr{float: none; width: 100%; max-width: 100%; margin-top: 25px}



    .about .nr .caption h2{font-size: 22px; margin-bottom: 15px;}







    .about1{box-sizing: border-box; padding: 0 10px;}



    .about1 .nr{float: none; width: 100%; height: auto; max-width: 100%;}



    .about1 .nr .caption h2{font-size: 22px; margin-bottom: 15px;}



    .about1 .img{box-sizing: border-box; float: none; width: 100%; height: auto; max-width: 100%; padding: 0 10px;}



    .about1 .img img{display: block; width: 100%; height: auto;}











    .news .newsbt{text-align: center; font-size: 28px; color: #211f42;}







    .news .newsMain ul li{overflow: auto;}



    .news .newsMain ul li .boxs{padding-bottom: 0;}



    .news .newsMain ul li .nr{position: static;}



    .news .newsMain ul li .nr p{opacity: 1;}





    .newsMain1 ul li{overflow: auto;}



    .newsMain1 ul li .boxs{padding-bottom: 0;}



    .newsMain1 ul li .nr{position: static;}



    .newsMain1 ul li .nr p{opacity: 1;}





    .alike ul li .boxs{padding-bottom: 0;}



    .alike ul li .nr{position: static;}



    .alike ul li .nr p{opacity: 1;}







    .tech2 .title h2{font-size: 28px; color: #333; }



    .tech2 .box .bd{width: 100%;}



    .tech2 .box1 {width: 100%; max-width: 100%;}



    .tech2 .box1 .nr h2{font-size: 25px;}







    .techbg{padding: 60px 0;;}



    .techbg .txt{font-size: 25px; }







    .tech3 .title h2{font-size: 28px;}







    .in-ti h2{font-size: 28px;}







    .pro1 .inmark .in1{ width: 30%;}



    .pro1 .inmark .in1 .nr h2{font-size: 18px; margin-bottom: 15px;}



    







    .pro2 .league{width: 220px; height: 54px; line-height: 54px; font-size: 25px;}



 







    .pro3 .border{padding: 50px 0;}



    .pro3 .in-news .left{float: none; width: 100%; max-width: 100%;}



    .pro3 .in-news .right{float: none; width: 100%; max-width: 100%}



    .pro3 .in-news .right .sbox .inbox{width: 100%;}



    #swiper-container .swiper-pagination2{display: block;}



    #swiper-container .swiper-button-prev{left: 0;}



    #swiper-container .swiper-button-next{right: 0;}







  



    .pro4 .container{width: 95%; margin: 0 auto;}



    .pro4 ul li { overflow: auto;}



    .pro4 ul li .boxs{padding-bottom: 0;}



    .pro4 ul li .nr{position: static;}



    .pro4 ul li .nr p{opacity: 1;}



    .pro5 .proca{font-size: 25px; margin-bottom: 30px;}

    .pro5 .probox {margin-top: 30px;}

    .pro5 .probox ul li{width: 49%;}

    .pro5 .probox ul li h1{font-size: 14px;}







    .pro2xq .title7{margin-bottom: 25px; font-size: 25px;}







    .honor .picbox .hd ul li{font-size: 25px;}

    .honor .picbox .bd ul li{width: 48.5%; margin: 0 0.74%; margin-bottom: 15px;}











    .join1{padding: 60px 0;}



    .join1 h2{font-size: 28px;}







    .join2 h2{font-size: 28px;}







    .join4 h2{font-size: 28px;}











    .in-about .left{font-size: 28px;}











    .part-box1 .txt h1{font-size: 30px;}



    .part-box2 .txt h1{font-size: 30px;}



    .part-box3 .txt h1{font-size: 30px;}



    .part-box5 .txt h1{font-size: 30px;}







    .part-box4 .box ul li{width: 30.9%;}







    .part-box6 .slideTxtBox ul li{width: 29%; margin-bottom: 15px;}



    .part-box6 .slideTxtBox .bd{margin-top: 20px;}







    .part-box7 .titles{left: 15%;}







    .join_lb .hd ul li{ width:50%; height:50vh;  border-bottom:1px solid rgba(255,255,255,0.5);}



    .join_lb .hd ul:hover li{ width:50%; background:rgba(0,0,0,0.2) !important;}



    .join_lb .hd ul:hover  li.on{ width:50%; position:relative;}



    .join_lb .hd ul li a{ display:block; width:100%; color:#fff; font-size:12px; line-height:30px; padding-top:120px; text-align:center;}



    .join_lb .hd ul li a h2{ font-size:16px;}



    .join_lb .hd ul li a h2 p{ font-size:16px; line-height: 25px;}


    .cate  ul li{width: 32%;}







   



} 



@media screen and (max-width: 768px)  {



    .index-banner .banner_txt h4{font-size: 28px;}



	.index-banner .banner_txt h5{font-size: 16px; margin: 0; margin-top: 5%;}



    .index-banner .banner_txt h6{display: none;}



    a.ban_arrL , a.ban_arrR{top: 85%;}



    a.ban_arrL{left: 0;}



    a.ban_arrR{right: 0;}



    



    .index-part2{box-sizing: border-box; padding: 30px 0;}



    .index-part2 .title{margin-bottom: 25px;}



    .index-part2 .title h1{font-size: 22px; margin-bottom: 10px;}



    .index-part2 .title h2{font-size: 18px;}



    .index-part2 .container{width: 100%; margin: 0;}



    .index-part2 .index1_main{display: none;}



    .index-part2 .index1_main1{display: block !important; position: relative;}



    .index-part2 .ind1_box{width: 100%; height: 50vh;} 



    .index-part2 .ind1_txt{margin-left:15px; position: absolute; z-index: 999; top: 50px;} 



    .index-part2 .ind1_txt h2,.ind1_txt h3{font-size: 18px; color: #fff;} 



    .index-part2 .ind1_img{width: 100%; height: 100%; background-size: cover; position: relative;}



    .index-part2 .ind1_img:after{content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.2;}



    .index-part2 .ind1_img img{height: 100%; width: 100%;} 



    .index-part2 .index1_main1{margin-top: 20px;} 



    .index-part2 .index1_main1{position: relative; width: 100%;} 



    .index-part2 a.arrow-left_ind1, a.arrow-right_ind1{position: absolute; display: block; width: 50px; height: 50px; line-height: 50px; text-align: center; background: #ec870e; color: #fff; font-size: 18px; z-index: 5; top: 80%; font-size: 25px; font-family: 宋体;} 



    .index-part2 a.arrow-left_ind1{left: 15px;} 



    .index-part2 a.arrow-right_ind1{right: 15px;}



    .index-part4 h2{font-size: 22px;}











    .insde-banner .bannerInTxt h2{margin: 0 0 10px;font-size: 22px;line-height: 30px; letter-spacing: 1px;}



    .insde-banner .bannerInTxt p{font-size: 20px;}











    .about1{padding: 0; margin-bottom: 30px;}



    .about1 .nr{padding: 25px 10px;}











    .about3{box-sizing: border-box; padding: 30px 0;}



    .about3 .nr{float: none; width: 100%; max-width: 100%; padding: 0;}

    about3 .nr .caption{margin-bottom: 25px;}

    .about3 .nr .caption h2{font-size: 22px; margin-bottom: 15px;}



    .about3 .nr .nr1 h3{margin-bottom: 25px;}

    



    .about3 .nr .nr1 ul li{margin-bottom: 15px;}



    .about3 .img{float: none; width: 100%; max-width: 100%;}

    .about3 .img img{width: 100%; height: auto; display: block;}











    .news{box-sizing: border-box; padding: 30px 0;}



    .news .newsbt{text-align: center; font-size: 22px; color: #211f42; margin-bottom: 25px;}



    .news .newsSel{display: none;}



    .news .newsMain select{width: 100%; float: none; font-size: 14px; margin-bottom: 15px;}



    .news .newsMain form{width: 100%; float: none; background-color: #fff;}



    .news .newsMain form input{width: 80%;}



    .news .newsMain form a{width: 38px;}



    .news .newsMain ul li{width: 49.1%;}





    .newsMain1{box-sizing: border-box; padding: 30px 0;}

    

    .newsMain1  select{width: 100%; float: none; font-size: 14px; margin-bottom: 15px;}



    .newsMain1  form{width: 100%; float: none; background-color: #fff;}



    .newsMain1  form input{width: 80%;}



    .newsMain1  form a{width: 38px;}



    .newsMain1  ul li{width: 49.1%;}







    .newsxq {box-sizing: border-box; padding: 30px 10px;}



    .newsxq .bt{margin-bottom: 25px;}



    .newsxq .nr h2{font-size: 20px; line-height: 30px;}
    .newsxq .nr .sj{margin: 15px 0 18px 0;}
    


    .newsxq .nr p img{display: block; width: 100%!important; height: auto!important;}







    .newsxq .sx ul li{font-size: 13px; line-height: 22px; margin-top: 30px;} 



    



    .alike {box-sizing: border-box; padding: 30px 0;}



    .alike ul li{width: 49.1%;}











    .tech1{box-sizing: border-box; padding: 30px 10px;}



    .tech1 .img{position: static; width: 100%;  }



    .tech1 .img img{display: block; width: 100%; height: auto;}



    .tech1 .nr{float: none; width: 100%; max-width: 100%;}



    .tech1 .nr .title h2{font-size: 22px;}



    .tech1 .nr .title h3{font-size: 16px;}







    .tech2{box-sizing: border-box; padding: 0 10px;}



    .tech2 .title{margin-bottom: 25px;}



    .tech2  .title h2{font-size: 22px; color: #333;}



    .tech2 .prev, .tech2 .next{width: 30px; height: 30px; line-height: 30px; font-size: 25px;margin-top: 0;}



    .tech2 .prev{left: 0;}



    .tech2 .next{right: 0;}



    .tech2 .line{margin: 15px 0;}



    .tech2 .box1 {padding: 20px 10px;;}



    .tech2 .box1 .nr {display: none;}



    .tech2 .box1 .text{float: none; width: 100%; max-width: 100%; font-size: 14px; }







    .techbg{margin-top: 30px; background-attachment: inherit;}



    .techbg .txt{padding: 0; font-size: 16px; line-height: 30px; }



    



    .tech3{box-sizing: border-box; padding: 30px 10px;}



    .tech3 .techbox3{margin-left: 0;}



    .tech3 .title{margin-bottom: 25px;}



    .tech3 .title h2{font-size: 22px;}



    .swiper_tech3{margin-right: 0; padding-bottom: 70px;}



    .tech3_li{margin: 0;}



    .tech3_btn a{float: left;}



    .tech3_arrR{left: 41px;}



    .tech3_btn span{font-size: 24px;width: 41px;height: 41px; line-height: 41px;}











    .ins-bt{box-sizing: border-box; padding: 30px 0;}



    .ins-bt .container{width: 95%; margin: 0 auto;}



    .ins-bt .title h2{font-size: 22px;}



    .ins-bt .title .line{margin: 15px auto;}



    



    .boxbt{box-sizing: border-box; padding: 0 10px;}



    .boxbt ul li{font-size: 14px;}







    



    .products_sec2{box-sizing: border-box; padding: 30px 10px;}



    .productsSec{display: initial;}



    .productsSec .productsImg{float: none; width: 100%; max-width: 100%;}



    .productsSec .productsTxt{float: none; width: 100%; max-width: 100%; padding: 40px 0;}



    .productsSec a{display:block;}



    .productsSec span.proNum{display:none}



    .productsSec .productsTxtL{padding-left: 0px;}



    .productsSec .productsTxtRBox{width: 40px; height: 40px;}



    .productsSec .protxtIn h2{font-size: 16px; line-height: 24px; margin: 0px 0 6px;}



    .productsSec .productsTxtR{padding: 10px; margin-top: 10px; margin-bottom: 10px;}



    .productsSec .protxtIn p{max-height: 44px; font-size: 12px; line-height: 22px;}



    .productsSec .products_sec2{padding-bottom: 0;}







    #top{width: 40px; height: 40px; margin-bottom: 30px;}











    .in-ti{margin-bottom: 20px;}



    .in-ti p{font-size: 16px;}



    .in-ti h2{font-size: 22px;}











    .pro1 .inmark .in1{width: 50%; margin-right: 9px;}



    .pro1 .inmark .in1 .nr h2{font-size: 15px;}



    .pro1 .inmark .in1 .nr span{display: block;}







    .proxq{box-sizing: border-box; }



    .proxq .container{max-width: 1200px; margin: 0 auto;}



    .prolist{ box-sizing: border-box; padding: 30px 10px;}



    .prolist_top{padding: 0; margin-bottom: 25px;}



    .prolist_top h2{font-size: 22px;}







    .prolistCla ul li a{font-size: 14px;}



    .proCla_tit{font-size: 16px !important;}



    .product_box{padding-top: 30px;}



    .prod_sec{margin-bottom:0;}



    .pro_old{padding-bottom: 40px;}



    .product_tit h3{font-size: 18px;}



    .prolist_intro{background:url(../images/prolist_intro_1.jpg) no-repeat center center;}



    .prolist_intro_wz h4{font-size:12px;}



    .prolist_wz h4{font-size: 14px;}



    .prodot2_gg h5{width:100%;font-size:12px;}



    .prodot_box1{padding: 40px 0 20px;}



    .prodot2_lis{padding:0;}



    .prodot1_zan{bottom: -10px;}



    .prodot2_intro h4{font-size: 12px;}



    .prodot_box2{padding-bottom: 50px;}



    .prolist2_wz h5{line-height: 22px; font-size: 12px;}



    .prolist2_top li{line-height: 22px; font-size: 12px;}



    .prolist2_left{width: 95%; margin: 0 auto;}



    .prolist2_list{padding-bottom: 40px;}



    .prolist2_wz p img{width: 100%; height: auto; display: block; }







    .pro2{box-sizing: border-box; padding: 30px 0;}



    .pro2 .index1_main{display: none;}



    .pro2 .index1_main1{display: block !important; position: relative;}



    .pro2 .ind1_box{width: 100%; height: 50vh;} 



    .pro2 .ind1_txt{margin-left:15px; position: absolute; z-index: 999; top: 50px;} 



    .pro2 .ind1_txt h2,.ind1_txt h3{font-size: 18px; color: #fff;} 



    .pro2 .ind1_img{width: 100%; height: 100%; background-size: cover; position: relative;}



    .pro2 .ind1_img:after{content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.2;}



    .pro2 .ind1_img img{height: 100%; width: 100%;} 



    .pro2 .index1_main1{margin-top: 20px;} 



    .pro2 .index1_main1{position: relative; width: 100%;} 



    .pro2 a.arrow-left_ind1, a.arrow-right_ind1{position: absolute; display: block; width: 50px; height: 50px; line-height: 50px; text-align: center; background: #ec870e; color: #fff; font-size: 18px; z-index: 5; top: 80%; font-size: 25px; font-family: 宋体;} 



    .pro2 a.arrow-left_ind1{left: 15px;} 



    .pro2 a.arrow-right_ind1{right: 15px;}



    .swiper-prolist .lists{width: 100%;}



  

    .xq{box-sizing: border-box; padding: 30px 10px;}



    .xq .title h2{font-size: 22px; margin-bottom: 25px; line-height: 25px;}



    .xq .nr p img{display: block; width: 100%; height: auto;}





    .chief{box-sizing: border-box; padding: 30px 0;}
    .chief p {font-size: 14px!important;}
    .chief p img{display: block; width: 100%!important; height: auto!important;}
    .chief p span{font-size: 14px!important;}


    .chief1{box-sizing: border-box; padding-bottom: 30px;}

    .chief1 .abox{width: 100%; }

    .chief1 .title{margin-bottom: 25px;}

    .chief1 .title h2{font-size: 22px;}

    .chief1 .formbox p input{width: 100%;}

    .chief1 .formbox p textarea{width: 100%;}

    .chief1 .formbox button{width: 40%; margin: 0 auto;}

    



    .detail{box-sizing: border-box; padding: 30px 10px;}



    .detail h2{font-size: 22px; margin-bottom: 25px;}



    .pro3{margin-bottom: 30px;}



    .pro3 h1{font-size: 22px; margin-bottom: 25px;}



    .pro3 .in-news .left{width: 100%; max-width: 100%;}



    .pro3 .in-news .right .num-bg{display: none;}



    .pro3 .in-news .right .sbox{position: relative;}



    .pro3 .in-news .right .sbox h2{font-size: 20px;}



    .pro3 .in-news .right .more{width: 150px; margin-top: 25px; border-radius: 5px; font-size: 16px;}



    .pro3 .in-news .right .more span{display: none;}



    #swiper-container .swiper-button-prev,#swiper-container .swiper-button-next{display: none;}



    



    .pro4{box-sizing: border-box; padding: 30px 0; margin: 30px 0;}



    .pro4 .title{margin-bottom: 25px;}



    .pro4 .title h1{font-size: 22px;}



    .pro4 .title h2{font-size: 16px;}



    .pro4 ul li{width: 49.1%;}



    .pro5{box-sizing: border-box; padding: 30px 0; }

    .pro5 .proca{font-size: 22px;}

    .pro5 .title6 .left{font-size: 14px;}

    .pro5 .title6 ul li{font-size: 14px;}

    .pro5 .probox{margin-top: 25px;}

    .pro5 .probox ul li h1{margin-top: 10px;}



    .pro2xq{box-sizing: border-box; padding: 30px 0;}

    .pro2xq .title h2{margin-bottom: 25px; font-size: 22px;}

    .pro2xq .nr p img{display: block; width: 100%!important; height: auto!important;}

    .pro2xq .title7 h2{font-size: 22px; margin-bottom: 25px;}

    

 





    .markxq{box-sizing: border-box; padding: 30px 10px;}



    .markxq .title h2{font-size: 20px; line-height: 30px;}



    .markxq .title span{margin:15px 0;}



    .markxq .nr p img{display: block; width: 100%; max-width: 100%;} 











    .honor{box-sizing: border-box; padding: 30px 0;}



    .honor .caption {margin-bottom: 25px;}

    .honor .picbox .hd{margin-bottom: 25px;}

    .honor .picbox .hd ul li{font-size: 22px;}







    .honor1{box-sizing: border-box; padding: 30px 0;}



    .honor1 .caption {margin-bottom: 25px;}



    .honor1 .caption h2{font-size: 22px; margin: 15px 0}







    .honor2 ul li{width: 47.5%; padding: 15px 0;}



    .honor2 ul li h3{line-height: 35px; font-size: 13px;}











    .join1{box-sizing: border-box; padding: 30px 0;}



    .join1 h2{font-size: 22px; margin-bottom: 20px; line-height: 30px;}



    



    .join2 h2{font-size: 22px; margin-bottom: 20px;}



    .join2 .nr{width: 100%; max-width: 100%;}







    .joinbg{margin-top: 30px; padding: 60px 0;}



    .joinbg .txt{font-size: 16px; }



  



    .job_sec4{box-sizing: border-box; padding: 30px 0;}



    .job_sec4 .swiper-slide:nth-child(odd){width: 100%;}



    .job_sec4 .swiper-slide:nth-child(even){width: 100%;}



    .job4_TL{width: 100%; float: none; padding: 10px 15px;}



    .swiper_job4{padding-bottom: 30px;}



    .job4_TL h2{font-size: 18px; line-height: 30px; margin-bottom: 20px;}



    .job4_lis p{font-size: 12px; line-height: 22px;height:66px;}



    .job4_TR{width:100%;padding:10px 15px;}



    .job4_lis h3{font-size: 16px; line-height: 30px;}



    .job4_TL span, .job4_TR span{position: relative; bottom: 0; left: 0;}



    .job4_li{border-bottom: 1px #eee solid;}



    .job4_top{border-bottom:0;}



    .job_fix{width:92%;}



    .jobCot li{width: 100%; font-size: 12px; line-height: 22px;}



    .job_bot{padding: 20px;}



    .jobB_cot p{font-size: 12px; line-height: 22px;}



    .jobB_tit h5{font-size: 12px; margin: 8px 0 16px;}



    .jobB_tit h2{font-size: 22px; line-height: 30px;}



    .job_fix{height:75%;overflow-y:scroll;}







    .join4{box-sizing: border-box; padding: 0 10px; margin-bottom: 30px;}



    .join4 h2{font-size: 28px; margin-bottom: 20px;}



    .join4 .box ul li .img{float: none; width: 100%; max-width: 100%;}



    .join4 .box ul li {margin-bottom: 20px;}
    .join4 .box ul li .nr{float: none; width: 100%; max-width: 100%; padding: 15px 0;}



    .join4 .box ul li .nr p{overflow: auto; font-size: 14px; display: inline;}



    .join4 .box ul li:nth-child(even) .nr{float: none; width: 100%; max-width: 100%;}



    .join4 .box ul li:nth-child(even) .img{float: none; width: 100%; max-width: 100%;}











    .contact{box-sizing: border-box; padding: 30px 10px;}



    .contact .in-title{margin-bottom: 30px;}



    .contact .in-title h2{font-size: 22px;}


    .contact .lxwm .nr p{font-size: 14px!important; margin: 5px 0;}
    .contact .lxwm .nr p .i1{margin-right: 0;}



    .contact .words .map{float: none; width: 100%; max-width: 100%; padding-top: 0;}



    .contact .words .map .lx{box-sizing: border-box; padding: 0 10px; margin-top: 15px;}



    .contact .words .map .lx h3{font-size: 20px; margin-bottom: 15px;}



    .contact .words .message{float: none; width: 100%; max-width: 100%; margin-top: 25px;}



    .contact .words .message{box-sizing: border-box; padding: 0 10px;}



    .contact .words .message h2{font-size: 22px; text-align: center;}



    .contact .words .message form p{margin-bottom: 15px;}



    .contact .words .message form p .button{width: 220px;}











    .cate{box-sizing: border-box; padding: 30px 10px; margin: 30px 0;}



    .cate .title{margin-bottom: 25px;}



    .cate .title h1{font-size: 22px;}








   .titles{margin-bottom: 25px;}



   .titles h1{font-size: 22px;}



   .titles h2{ margin-top: 10px;}





   .entrys{box-sizing: border-box; padding: 30px 0;}

   .entrys .boxs ul li a{width: 75%;}



   .techzx{box-sizing: border-box; padding: 30px 0;} 

   .techzx .box ul li{margin-bottom: 20px;}

   .techzx .box ul li .img{float: none; width: 100%; max-width: 100%;}

   .techzx .box ul li .nr{float: none; width: 100%; height: 100%; margin-top: 20px; padding: 0;}

   .techzx .box ul li .nr .title8 h2{font-size: 22px; margin-bottom: 15px;}

   .cate  ul li{width: 49%}

      

}







@media screen and (max-width: 720px){

    .index-banner .select{display: none;}



    #swiper-containers .swiper-button-next, #swiper-containers .swiper-button-prev{top: 50%;}





    .index-part1{box-sizing: border-box;}



    .index-part1 .part11{padding-top: 0;}



    .index-part1 .part11 .img{width: 100%;}



    .index-part1 .part11 .box{margin-top: -12%;}



    .index-part1 .part11 .box h2{margin-bottom: 5px; font-size: 22px;}



    .index-part1 .part11 .box p{font-size: 13px;}





    .index-part4 .container{width: 95%; margin: 0 auto;}



    .index-part4 .cert ul li{width: 45% !important;}





    .index-part5{box-sizing: border-box; padding: 30px 0;}



    .index-part5 ul li{width: 49.2%;}



    .index-part5 ul li .box{padding: 15px;}



    .index-part5 ul li .date{padding: 0 15px;}



    .index-part5 ul li .date i{margin-right: 15px;}




    .footer .box{padding: 30px 0 25px;}


    .footer .box1{ box-sizing: border-box; padding: 0 20px; margin-bottom: 20px;}



    .footer .box2 h2{font-size: 14px;}



    .footer .box2 .inbox1{float: none; width: 100%; padding: 0 15px;}



    .footer .box2 .inbox2, .footer .box2 .inbox3, .footer .box2 .inbox4, .footer .box2 .inbox5{box-sizing: border-box; width: 50%; padding: 15px 20px;}



    .footer .bigbox .left{margin-bottom: 15px;}



    .footer .bigbox .left, .footer .bigbox .right{float: none;}



    .footer .box2 .inbox4, .footer .box2 .inbox5{font-size: 14px;}







    .alike .cap {margin-bottom: 20px;}



    .alike .cap h2{font-size: 20px;}



    .alike ul li .nr h2{line-height: 25px; font-size: 18px;}











    .in-about{box-sizing: border-box; padding: 30px 0;}



    .in-about .container{width: 95%; margin: 0 auto;}



    .in-about .left{float: none;; width: 100%; margin-bottom: 15px; font-size: 25px;}



    .in-about .right{float: none; width: 100%; max-width: 100%;}



}







@media screen and (max-width: 480px){







    .index-part5 ul li{float: none; width: 100%;}



    .index-part5 ul li .date{line-height: 45px;}











    .news .newsMain ul li{float: none; width: 100%; max-width: 100%; margin: 0; margin-bottom: 15px;}



    .news .newsMain ul li:last-child{margin-bottom: 0;}



    .news .newsMain ul li .nr{padding: 20px 10px;}

    .news .newsMain ul li .nr p{display: inline; height: auto;}





    

   .newsMain1 ul li{float: none; width: 100%; max-width: 100%; margin: 0; margin-bottom: 15px;}



   .newsMain1 ul li:last-child{margin-bottom: 0;}



   .newsMain1 ul li .nr{padding: 20px 10px;}

   .newsMain1 ul li .nr p{display: inline; height: auto;}







    .alike ul li{float: none; width: 100%; max-width: 100%; margin: 0; margin-bottom: 15px;}



    .alike ul li:last-child{margin-bottom: 0;}



    .alike ul li .nr{padding: 20px 10px;}











    .pro1 .inmark .in1{width: 100%; margin-right: 0;}











    .pro3{box-sizing: border-box; padding-bottom: 30px;}



    .pro3 .in-ti{display: none;}



    .pro3 .border{border: none; padding: 0;}











    .pro4 .box .left ul li{padding-bottom: 15px; margin-bottom: 15px;}



    .pro4 ul li{float: none; width: 100%; max-width: 100%; margin: 0; margin-bottom: 15px;}



    



   



    .honor .duty_shgy2 .swiper-slide{width: 100%;}







    /* .cate .nr .box{float: none; width: 100%; padding-left: 0%; height: auto; border-right: none;}   */




    .part-box4 .box ul li{width: 47.6%;}





    .part-box6 .slideTxtBox ul li{width: 46.4%;}


    .part-box8 .nr{max-width: 100%;}
    .part-box8 .nr ul li{width: 33.333%; max-width: 100%;}
    .part-box8 .nr ul li i{width: 110px; height: 130px;}
    .part-box8 .nr ul li .nr1{padding:0; padding-top: 32%;}

    .part-box8 .nr ul li .nr1 h1{font-size: 13px;}






}



@media screen and (max-width: 320px){



    .prodot2_li li a{padding: 0 40px;}


    .about4_wz h4{-webkit-line-clamp: 5;}



    .product_tit span{font-size: 12px;}



    .product_tit h3{font-size: 16px;}



}