@charset "utf-8";
/* CSS Document */
*,*:before,*:after { }
body{ margin:0px; padding:0px; font-size:14px;font-family:"Arial";color:#333;line-height:25px; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "Arial"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,b,strong {  }
em,i { font-style: normal; }

.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.fl { float:left}
.fr { float:right}
.hidden{display:none; background: url() no-repeat center;}

.header{width: 100%; position: fixed;  z-index: 100;height:80px;}
.headerbox{width: 1440px;  margin: 0  auto;}
.logo{ height:80px;float: left; position:relative;}
.langChose { transition: all 0.5s; cursor: pointer; float:right;  position: relative; font-size: 16px;  padding-left: 32px; line-height:80px; color: #333333; background: url(../images/earth.png) left center no-repeat;  float: right;}
.langChose span { display: block; padding-right: 32px; background: url(../images/downIcon.png) right center no-repeat;}
.langSlide { display: none; overflow: hidden; position: absolute; left: 0; width: 100%; text-align: center; background: #ffffff; border-radius: 0 0 3px 3px; box-shadow: 0 3px 10px rgba(0,0,0,0.2);}

.langSlide a { transition: all 0.5s; color: #333333; display: block; line-height: 2.5; font-size: 16px;}
.langSlide a:hover { color: #ffffff; background: #0094DC;;}
.search { position: relative; float: right; margin-right:32px;}
.search span { transition: all 0.5s; cursor: pointer; display: block; margin-top:24px; background: url(../images/Search.png) center no-repeat; width: 38px; height:38px; }
.searchBox { display: none; white-space:nowrap; position: absolute; top:80px; right: 0; width: 258px; background: #ffffff; border-radius:0 0 3px 3px; padding: 8px;  box-shadow: 0 3px 10px rgba(0,0,0,0.2);}
.searchBox input { box-sizing: border-box; padding: 0; float: left; width: 200px; height:36px; text-indent: 10px; border: 1px solid #eee; outline: none;}
.searchBox button { float: left; background: url(../images/Search.png) center no-repeat ; border: none; background-size:cover; display: block; outline: none; width: 36px; height: 36px;}



.nav{float: right; padding-right:140px;}

.nav li{float: left; padding:0 15px;position: relative; background:url(../images/dxt.png) right center no-repeat;}
.nav img{ display:none;}
.nav h3 a{font-weight: normal; color: #fff;font-size: 16px; line-height:80px; padding:3px 30px 7px 30px;;}

.nav h3:hover a{color:#fff; background:#0094DC;;;}


.sub{position: absolute;width: 100%;top: 80px; left: 0; background: rgba(0,0,0,.7);z-index: 100;display: none;}
.sub dt{font-size: 14px; text-align: center; line-height: 40px;}
.sub dt a{display: block; color: #fff;}
.sub dt a:hover{background: #0094DC;;;;}

.header.on{ background:#fff;}
.logo1{display: block;}
.logo2{display: none;position: absolute;left:0; }
.header.on .logo2{display: block;}
.header.on .nav li h3 a{font-weight: normal; color: #333;font-size: 16px; line-height:80px; }
.header.on .nav li h3:hover a{ color:#fff;}

.tpp{ width:100%; height:80px;}

.banner img{width: 100%; display:block;}
.banner .swiper-slide { border:0px;}
.banner .swiper-button-prev{background: url(../images/left.png);width: 48px;height: 48px;margin-top: -24px;background-size: 100%;opacity:0.6; left:2%}
.banner .swiper-button-next{background: url(../images/right.png);width: 48px;height: 48px; margin-top: -24px;background-size: 100%;opacity:0.6;right:2%}
.banner .swiper-button-prev:hover{opacity:1;}
.banner .swiper-button-next:hover{opacity:1;}

/* 选项卡示例样式 */
.main2 {width:1240px;margin:65px auto 40px auto;}
.main2z{ float:left; font-size:24px; line-height:48px;}
.tab {overflow: hidden;width:620px;height:50px;cursor: pointer; float:right }
.tab li {float:left;width:190px; height:48px;text-align: center; margin-right:20px;line-height:48px; border: 1px solid #BDBDBD;box-sizing: border-box; color:#666; font-size:16px;}
.tab li:nth-child(3){ margin-right:0px;}
.tab li.on {background: #0094DC;; border:1px solid #0094DC;;color: #fff;}
.tab li.on a{color: #fff;}
.con {width:1240px; height:auto; margin-top:25px;}
.con div{ height:auto;}


.prt_d{ overflow: hidden; width:1240px;; margin:0px auto ; padding-bottom:15px;  box-sizing: border-box;}
.prt_d li{ float: left; width: 31%; margin-right:3.5%; margin-bottom:36px; background: #fff; text-align:center; box-sizing: border-box; border:1px solid #E0E0E0;; position: relative;}
.prt_d li:nth-child(3n){ margin-right: 0;}
.productBox1{ width:100%; height:auto; position:relative;}
.productImg1 { overflow: hidden;}
.productImg1 img { transition: all 1s; display: block; width: 100%;}
.productBox1 .productTxt1{ display: block!important; width: 100%; padding: 0 10px; line-height:60px; font-size:16px; text-align: center;box-sizing: border-box;border-top:1px solid #E0E0E0;; color: #333; overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}

.prt_d li .productCover1 .coverCont1 { position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); text-align:center;}
.prt_d li .productCover1 .coverCont1 span { display: block; width:156px; font-size:14px; height:38px; border:1px solid #fff; color:#fff; display:block; text-align:center; line-height:38px;  margin: 0 auto 25px}
.prt_d li .productCover1 .coverCont1 h2 { font-size: 24px; font-weight: bold; color: #fff;; line-height: 24px; margin-bottom:18px;}
.prt_d li .productCover1 .coverCont1 p{ width:88%; font-size:14px; color:#fff; line-height:20px; margin:0px auto 40px auto;}
.prt_d li .productCover1 { opacity:0; z-index: 5; transition: all 0.5s; position: absolute; left: 0; top: 0; width: 100%; height: 100%;background: rgba(0, 148, 220, 0.8);;}
.prt_d li:hover img { transform: scale(1.1);}
.prt_d li:hover .productCover1 { opacity: 1;}

.cont1{ width:100%; height:850px; background:url(../images/a1.png) center no-repeat; background-size:cover;}
.cnt1{ width:1240px; height:auto; margin:0 auto; padding-top:200px; color:#fff;}
.cnt1 h2{ width:100%; font-size:32px; line-height:60px; }
.cnt1 span{ width:100%;font-family: 'Anton';font-style: normal;font-weight: 400;font-size: 16px;line-height: 24px;
/* identical to box height */letter-spacing: 0.15em;text-transform: capitalize;}
.cnt1 p{ padding-top:40px; width:680px; line-height:30px; font-size:16px;}
.cnt1 a{ width:156px; height:40px; color:#fff; border:1px solid #fff; display:block; margin-top:40px; text-align:center; line-height:40px;}
.cnt1 a:hover{ background:#0094DC; color:#fff; border:1px solid #0094DC;}

.cont2{ width:1240px; height:auto; margin:0px auto; padding:65px 0px;}
.bt{ width:100%; height:50px; line-height:50px;}
.bt h2{ font-size:24px; float:left; font-weight:normal;}
.bt a{ float:right; color:#666;}
.bt a:hover{ color:#0094DC;}
.cnt2{ width:100%; height:411px; padding-top:28px;}
.cnt21{ width:565px; height:411px; float:left;}
.ct21_img{ width:565px; height:275px;}
.ct21_img img{width:565px; height:275px;}
.ct21_tip{ width:90%; height:136px; padding:0px 5%; background:#F2F2F2;}
.ct21_tip h2{ width:100%; height:40px; line-height:40px; color:#333; overflow:hidden; font-weight:normal; padding-top:15px;}
.ct21_tip p{ width:100%; line-height:28px; height:56px; overflow: hidden;}
.cnt22{ width:615px; height:411px; float:right;}
.cnt22 li{ width:100%; height:136px; border-bottom:1px solid #e4e4e4; overflow:hidden;transition: all 0.6s linear;}
.cnt22 li h2{ width:100%; height:40px; line-height:40px; font-size:16px; color:#333; margin-top:20px; overflow:hidden;}
.cnt22 li h2 span{ font-size:12px; float:right; color:#999; font-weight:normal;}
.cnt22 li p{ width:100%; height:56px; line-height:28px; overflow:hidden; color:#666;}
.cnt22 li:hover{ background:#0094DC; width:90%; padding:0px 5%;}
.cnt22 li:hover h2{ color:#fff;}
.cnt22 li:hover span{ color:#fff;}
.cnt22 li:hover p{ color:#fff;}

.cont3{ width:100%; height:auto; padding:70px 0px 50px 0px;; background:#F2F2F2;}
.cont3 ul{ width:1240px; height:auto; margin:0 auto;}
.cont3 ul li{width:25%; float:left; text-align:center;}
.cont3 ul li .cnt3{ width:100px; height:100px; background:url(../images/b1.png) center no-repeat; margin:0px auto 20px auto;transition: all 0.6s linear;}
.cont3 ul li h2{ font-size:16px; line-height:40px; color:#333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.cont3 ul li p{ width:100%; line-height:30px; color:#666;}
.cont3 ul li:hover .cnt3{ background:url(../images/b11.png) center no-repeat;}

.cont3 ul li .cnt31{ width:100px; height:100px; background:url(../images/b2.png) center no-repeat; margin:0px auto 20px auto;transition: all 0.6s linear;}
.cont3 ul li:hover .cnt31{ background:url(../images/b22.png) center no-repeat;}

.cont3 ul li .cnt32{ width:100px; height:100px; background:url(../images/b3.png) center no-repeat; margin:0px auto 20px auto;transition: all 0.6s linear;}
.cont3 ul li:hover .cnt32{ background:url(../images/b33.png) center no-repeat;}

.cont3 ul li .cnt33{ width:100px; height:100px; background:url(../images/b4.png) center no-repeat; margin:0px auto 20px auto;transition: all 0.6s linear;}
.cont3 ul li:hover .cnt33{ background:url(../images/b44.png) center no-repeat;}
.cont3 ul li:hover h2{ color:#0094DC}



.footer{background: #00345A;;;;}
.footerbox{width:1240px; overflow: hidden; margin: 0 auto; padding:20px 0px 50px 0px;}

.rwm{float: right; padding-left:50px;padding-top:60px;}
.rwm h2{color: #fff;font-size: 18px; font-weight:normal; margin-bottom: 17px;}
.rwm ul{overflow: hidden; margin-left: -60px;}
.rwm li{float: left; padding-left: 60px;}
.rwm p{font-size: 12px;color: rgba(255, 255, 255, 0.6);margin-top: 12px;}
.foot_left{float:left;width:1000px;;padding-top:60px;}
.foot_left ul{overflow: hidden;}
.foot_left li{float: left; width:18%;}
.foot_left ul li:nth-child(4){ width:46%;}
.foot_left h2{color: #fff;font-size: 18px; font-weight: normal; margin-bottom: 15px;}
.foot_left dt{line-height: 32px;color: rgba(255, 255, 255, 0.6);}
.foot_left a{color: rgba(255, 255, 255, 0.6);}
.foot_left a:hover{color: #fff;}
.bqxx{border-top: 1px solid rgba(255, 255, 255, 0.1); background:#002E50;}
.bqxxbox{width: 1360px; margin: 0 auto;}
.bqxxbox p{line-height: 54px; color: rgba(255, 255, 255, 0.6);;}
.bqxxbox p a{color: rgba(255, 255, 255, 0.6);}
.bqxxbox p a:hover{color: #fff;}
.bqxxbox span{text-align: center;width: 310px;background: #;}

#bannera{width:100%; height:400px; margin:0 auto; ; margin-bottom:0px; padding-bottom:0px; border-bottom:#fafafa 0px solid; background-position:center center;}

.navGation{ width: 100%; height: 40px; border-bottom: 1px solid #e9e9e9;background:#ffffff;}
.navGation .navGationBox{transition: 0.5s; width: 1240px; margin: 0 auto; }
.navgat1{ float:right; line-height:40px; color:#666;}
.navGation .navGationBox ul{ float: left; }
.navGation .navGationBox ul li{ line-height: 40px; float: left; margin-right: 40px;position:relative;}
.navGation .navGationBox ul li a{ font-size: 14px;  color:#666;}

.navGation .navGationBox ul li:hover{border-bottom: 1px solid #0094DC;;}
.navGation .navGationBox ul li:hover a{color: #333;}

.product{ width:1240px; height:auto; padding:36px 0px 45px 0px; margin:0 auto;}


/*分页*/
#nx_pg{width:100%; height: auto ; padding:20px 0px 40px 0px; text-align:center; }
#nx_pg a{display:inline; padding:7px 14px 7px 14px; background:#fff; color:#606266;;font-size:14px; border:1px solid #606266;; margin:0px 3px 0px 3px; -webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}
#nx_pg a:hover{background:#0094DC;; color:#fff;border:1px solid #0094DC;}
#nx_pg .on{ background:#0094DC;; color:#fff;border:1px solid #0094DC;}


.prd_det{ width:1240px; height:auto; margin:60px auto;}
.pr_l{ width:600px; height:auto; float:left;}
.pr_l img{ max-width:100%;}
.gallery-thumbs .swiper-button-prev,
.gallery-thumbs .swiper-button-next{ position:absolute; bottom:0px;; width:40px; height:40px;z-index:99; opacity:0.8;  background-size:cover; cursor:pointer; -webkit-transition:all .5s linear; transition:all .5s linear; }
.gallery-thumbs .swiper-button-prev{ background-image: url(../images/about_22.png) !important;  left:5px; }
.gallery-thumbs .swiper-button-next{background-image: url(../images/about_25.png)  !important ;  right:5px; }
.swiper-container {width: 100%; margin-left: auto; margin-right: auto;}
.swiper-slide { background-size: cover; background-position: center; border:1px solid #BDBDBD;box-sizing: border-box; }
.gallery-top { height: auto; width:100%; }
.gallery-thumbs { width:100%; height: auto; margin-top:10px !important;   }
.gallery-thumbs .swiper-slide {height: 100%; border: 1px solid #BDBDBD;box-sizing: border-box;}
.gallery-thumbs .swiper-slide-thumb-active {    transition: all .2s linear;border: 1px solid #0094DC;   box-sizing: border-box;box-shadow: 0px 8px 20px rgba(35, 117, 223, 0.2);}

.prod2{ width:580px; height: auto; float:right;}
.prodxj_title{ width:100%; height:50px; line-height:30px; font-size:30px;border-bottom: 1px solid #BDBDBD; font-weight:bold;  color:#333;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; overflow: hidden;}
.prodcolor{ width:100%; padding-top:25px; font-size:14px; color: #666; line-height:30px; }
.prodcolor h2{color:#333; font-size:20px; line-height:35px;}
.deta1{ width:400px; height:48px; margin-top:50px;}
.deta1 a{ width:180px; height:48px; float:left; display:block; font-size:16px; margin-right:40px; border:1px solid #11216C;;; color:#11216C;;;box-sizing: border-box; text-align:center; line-height:46px;   }
.deta1 a:hover{ text-decoration:underline;}
.deta1 a:nth-child(1){margin-right:40px; color:#fff; background:#11216C; }
.deta1 a:nth-child(2){margin-right:0px;background:#fff; color:#11216Cs;;; }
/* 选项卡示例样式 */
.main31 {width:1240px;margin:40px auto;}
.tab11 {overflow: hidden;width: 100%;height: 60px;background: #E0E0E0;;cursor: pointer;}
.tab11 li {float: left;width: 180px;text-align: center; font-size:16px; color:#0094DC;; height:60px;line-height: 60px;border: 1px solid rgba(255, 255, 255, 0.1);}
.tab11 li.on {background:#0094DC;; color:#fff}
.con11 {width: 100%;padding: 35px 30px 30px 30px;border: 1px solid #E0E0E0;;border-top: none;box-sizing: border-box; }

.art1{ width:1240px; height:auto; margin:0 auto; padding:40px 0px 55px 0px;}
.art1 li{ width:32%; float:left; margin-right:2%; margin-bottom:28px;background: #F2F2F2;transition: all 1s;}
.art1 li:nth-child(3n){ margin-right:0px;}
.art1 li:hover{ background:#0094DC;}
.art1 li img{ width:100%; height: auto;}
.art1 li h2{ width:90%; padding:0px 5%; margin-top:20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size:16px;}
.art1 li span{ width:90%; padding:0px 5%; line-height:30px; padding-bottom:15px; }
.art1 li p{ width:90%; padding:0px 5%; padding-top:15px; margin-bottom:29px; border-top:1px solid rgba(0, 0, 0, 0.1) ;line-height:28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden; }
.art1 li:hover h2{ color:#fff;}
.art1 li:hover span{ color:#fff;}
.art1 li:hover p{ color:#fff;border-top:1px solid rgba(225, 225, 225, 0.1) ;}
/*分页*/
.nx_pg{width:100%; height: auto ; padding:50px 0px 40px 0px; text-align:center; }
.nx_pg a{display:inline; padding:7px 14px 7px 14px; background:#fff; color:#4c4c4c;font-size:14px; border:1px solid #757575; margin:0px 3px 0px 3px; -webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}
.nx_pg a:hover{background:#0094DC;border:1px solid #0094DC;; color:#fff;}
.nx_pg .on{ background:#0094DC;;border:1px solid #0094DC;; color:#fff;}
.ke-zeroborder {
    width: 100%;
    border-collapse: collapse;
    border-left: none;
    border-right: none;
}
.ke-zeroborder tr {
    background: #eff5f9;
}
.ke-zeroborder td {
    text-align: left;
    padding-left: 5px;
}
.ke-zeroborder tr:nth-child(2n) {
    background: #fff;
}
.ke-zeroborder td {
    font-size: 14px;
    height: 40px;
    text-align: center;
    color: #333;
    border: 1px solid #dbedfc;
}
.main{ width:1240px; height:auto; margin:35px auto 45px auto;}
.main img{ max-width:100%;}
.art_detail{ width:100%; height:auto; background:#fff; padding:20px 0px;box-sizing: border-box;}
#info-T{width:100%; min-height:26px; padding-top:0px; color:#242424; padding-bottom:15px; line-height:26px; text-align: left; font-size:18px; font-weight:bold;}
#info-M{width:100%; height:45px; line-height:45px; text-align:left;}
#info-C{width:100%; line-height:28px; margin-top:10px; font-size:14px;}
#info-C img{ max-width:100%;}
#info-C2{width:100%; line-height:28px; margin:0 auto; margin-top:20px; font-size:14px;}
#info-N{width:100%; height: auto; padding-top:10px; line-height:28px; margin-top:20px; border-top:#e0e0e0 1px dotted;}
#info-C1{width:100%; line-height:28px; margin-top:0px; font-size:14px; text-align:center; padding-bottom:10px;}

.ab5{ width:1240px; height:auto; margin:50px auto;}
.ab51{ width:550px; height:auto; float:left;}
.ab51 h2{ width:100%; color: #0094DC;; font-size:24px; font-weight:normal; line-height:29px;}
.ab51 p{ width:100%; padding-top:15px; line-height:28px; margin-bottom:30px; color:#666;}
.ab52{ width:605px; height:350px; float:right;}

.pxfw1{width: 1240px; margin:65px auto;}
.pxfw1 ul{display: flex;justify-content: space-between;}
.pxfw1 ul li{width: calc(33.33% - 15px);height: 460px;border: 1px solid #e0e0e0;position: relative;}
.pxfw1 ul li .hxz { width:100%; height:auto;}
.pxfw1 ul li .hxz img{ width:100%;}
.pxfw1 ul li .pic{height: 154px;}
.pxfw1 ul li .pic img{width: 100%;height: 100%;display: block;}
.pxfw1 ul li h1{margin-top: 30px;font-size: 18px;color: #333;line-height: 24px;margin-bottom: 20px;margin-left: 30px;margin-right: 30px;}
.pxfw1 ul li p{font-size: 14px;line-height: 30px;color: #666666;padding: 0px 30px;}
.pxfw1 ul li .cont{width: calc(100% - 60px);position: absolute;left: 30px;bottom: 44px;}
.pxfw1 ul li .cont div{display: flex;justify-content: space-between;align-items: center;}
.pxfw1 ul li .cont div a{width: 149px;height: 38px;background:#0094DC;line-height: 38px;font-size: 14px;color: #FFFFFF;text-align: center;opacity: 0;transition: all 0.6s;}
.pxfw1 ul li .cont div a img{vertical-align: middle;margin-left: 22px;}
.pxfw1 ul li .cont div span{opacity: 1;transition: all 0.6s;}
.pxfw1 ul li:hover .cont div span{opacity: 0;}
.pxfw1 ul li:hover .cont div a{opacity: 1;}
.pxfw1 ul li:hover .pic{display: none;}
.pxfw1 ul li:hover h1{margin-top: 60px;padding-bottom: 40px;border-bottom: 1px solid rgba(0,0,0,0.1);margin-bottom: 30px;}
.pxfw1 ul li .hx{width: 60px;height:2px; background:#0094DC;;position: absolute;top: 0;left: 30px;z-index: 11;opacity: 0;transition: all 0.6s;}
.pxfw1 ul li:hover .hx{opacity: 1;}
.pxfw1 ul li:hover .hxz{ display:none;}
.photo2{width:100%; height:510px; margin:0 auto; margin-bottom:0px; padding-bottom:0px; border-bottom:#fafafa 0px solid; background-position:center center;}
.bt2{ width:100%; height:auto; text-align:left;}
.bt2 h2{ font-size:30px; line-height:40px; color:#333; font-weight:normal; padding-bottom:5px;}
.bt2 span{ color:#666; padding-bottom:18px; display:block;}
.bt2 b{ font-size:24px; color:#0094DC;; font-weight:bold;}
.ab2{ width:1240px; height:auto; padding:90px 0 65px 0; margin:0 auto;}
.ft4{ max-width:100%; margin:15px auto 0px auto;}

.jon11{ width:48%; height:60px; padding-bottom:20px; float:left; margin-right:4% }
.jon11:nth-child(3n){ margin-right:0px;}
.b11{width:100%; height:60px; line-height:60px; font-size:14px; margin:0;background:#E9EDF0;;box-sizing: border-box;   padding:0;;box-sizing: border-box;border-radius: 2px; padding-left:5px;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in; }
.b11:hover{border:#BDBDBD 1px solid;  }

.jon41{ width:100%; height:120px; margin-bottom:20px; display:block;}
.b21{width:100%; height:120px; line-height:30px;margin:0; font-size:14px; background: #E9EDF0;box-sizing: border-box;border-radius: 2px; padding-left:5px; }
.b21:hover{border:#BDBDBD 1px solid;  }
.jon51{ width:200px; height:48px; }
.jon51 button{ display: block; width: 100%; height: 100%; border: none; outline: none;transition: all 0.8s; font-size:16px; text-align: center; line-height: 44px; color: #fff; background:#0094DC;;border-radius:3px;}
.jon51 button:hover{ text-decoration:underline; color:#fff;}
input.b11::-ms-input-placeholder{ color:#666;;opacity:0.8;}
input.b11::-webkit-input-placeholder { color:#666;;opacity:0.8;}
textarea.b21::-ms-input-placeholder{ color:#666;;opacity:0.8;}
textarea.b21::-webkit-input-placeholder { color:#666;;opacity:0.8;}

.case{ width:1240px; height:auto; margin:60px auto}
.case li{ width:100%; border:1px solid #BDBDBD; margin-bottom:35px;}
.case li a{ width:96%; height:105px; padding:20px 0px; display:block; margin:0 auto;}
.case li a .case1{ width:105px; height:105px; float:left; padding-right:20px; text-align:center;}
.case li a .case1 h2{ font-size:48px; color:#666; line-height:60px;}
.case li a .case1 p{font-size:14px; color:#666; line-height:30px;}
.case li a .case2{ overflow: hidden;height:250px;}
.case li a .case2 h2{ width:97%; font-size:20px; height:40px; font-size:16px; line-height:40px; color:#585858;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.case li a .case2 p{text-align: justify; width:97%; height:60px; line-height:30px; color:#7e7f83; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;}
.case li:hover{ border:1px solid #0094DC;}
.case li:hover a .case2 h2{ color:#0094DC;}
.case li:hover a .case1 h2{ color:#0094DC;}

.ab6{ width:1240px; height:auto; margin:0 auto; padding-top:40px; padding-bottom:50px;}

.ab6 li{ width:23.5%; float:left;box-sizing: border-box; margin-right:2%; padding-bottom:40px; text-align:center;}
.ab6 li:nth-child(4){ margin-right:0px;}
.ab6 li img{ margin:35px auto 10px auto; display:inline-block; }
.ab6 li h2{ font-size:18px; width:100%; color:#16589A;; margin-bottom:15px; text-align:center;}
.ab6 li p{ width:90%; line-height:25px; text-align:center; margin:0 auto; color:#666;}
.map{ width:1240px;; height:auto; margin:10px auto 60px auto;}
.map img{ width:100%;}

.join_tab{ width:1240px; height:auto; margin:0 auto; }
.join_tab ul{ width:1240px;border:1px solid #e6e6e6;margin:55px auto 60px auto;  border-collapse:collapse; text-align:center; }
.join_tab .uwl-title{ background:#0094DC;;; height:63px; line-height:63px; border-bottom:1px solid #0094DC;; }
 .join_tab .uwl-title span{ height:63px; line-height:63px; }
  .join_tab span{ width:16.66%; display:block; float:left; font-size:15px; color:#fff; text-align:center; height:56px; line-height:56px; }
 .join_tab span a{ font-size:15px; color:#444; }
 
  .join_tab .accordion span{ color:#333;}
.accordion {position: relative; background-color: #fff;;display: inline-block;width: 100%; border-bottom: 1px solid #e6e6e6;vertical-align: middle;}
.accordion:hover{background:#F2F2F2;; color:#0094DC;;}
.accordion-desc { background-color: #F2F2F2;;z-index: 2; padding: 30px 30px;border-bottom:1px solid #e6e6e6; text-align:left;}
.join_tab .accordion:hover span{ color:#005468;cursor:pointer}
.phok1{ width:1240px; height:auto; margin:0 auto; padding:40px 0px 60px 0px; color:#666; line-height:30px;}
.phok1 h2{ width:100%; color:#333; text-align:center; font-size:24px; line-height:60px; margin-bottom:30px; font-weight:normal; background:url(../images/xt23.png) center bottom no-repeat;}
.phok1 ul{ width:100%; height:auto;}
.phok1 ul li{ width:23%; height:auto; margin-right: 2.66%; margin-bottom:30px; float:left; }
.phok1 ul li:nth-child(4n){margin-right:0px;}
.phok1 ul li img{ width:100%;}
.phok1 ul li p{ width:100%; line-height:24px; text-align:center; color:#333; font-size:16px;}
@media(max-width:1380px){
.headerbox{width: 100%; padding: 0 10px;}


}
@media(max-width:1200px){
	.langChose { display:none;}
.h_mail{ display:none;}
.search{ display:none;}
.header{height: 60px;}
.logo{ height:40px; padding-top:10px;}
.logo img{ height:40px;}
.logo2{top:5px;}
.yzxz{display: none;}
.dhbtn{width: 30px; height: 30px;background: url(../images/dm1.png) no-repeat center center #0094DC;;background-size: 20px 20px;position: absolute;right: 3%;top:15px;border-radius: 4px;}
.dhbtn.on{width: 30px; height: 30px;background: url(../images/dm2.png) no-repeat center center #0094DC;;;;background-size: 20px 20px;position: absolute;right: 3%;top: 15px;border-radius: 4px;}
.nav{position: fixed;width: 200px;height: 100%;background: #fff; top: 0;left: -200px;overflow: auto; padding-right:0px;}
.nav li{float: none;width: 100%; padding: 0 10px;}
.nav li h3 a{border-bottom: 1px solid #eee;line-height: 50px;font-size: 14px;display: block; color:#333;}
.header.on .nav li h3 a{border-bottom: 1px solid #eee;line-height: 50px;font-size: 14px;display: block; padding:0px; color:#333; background:none; padding-right:0px;}
.header.on .nav li h3:hover a{ color:#333;}
.nav img{width: 100px; margin: 25px auto;}
.nav li h3 a:before{ display:none;position: absolute; content: "";border-bottom: 2px solid #B9231D;; width: 0; left: 20%; bottom: 15px;transition: All 0.4s ease-in-out;}
.nav li h3:hover a:before{width: 60%; display:none;}
.dhbj{width: 100%;height: 100%;background: rgba(0,0,0,.8);top: 0;left: 0;z-index: 90;position: fixed;display: none;}
.nav img{display: block;}
.nav .sub {position: static;}
.sub dt{line-height: 40px; font-size: 12px;line-height: 30px;}
.banner .swiper-button-next{width: .48rem;height: .48rem; margin-top: -.24rem;}
.banner .swiper-button-prev{width: .48rem;height: .48rem; margin-top: -.24rem;}
.tpp{ width:100%; height:60px;}

}