@charset "utf-8";
html{ font-size: 100px; }
body{font-family:"Microsoft YaHei";  color:#333; font-size:14px; background: #f9f9f9; overflow-x:hidden; }
*{margin:0px;padding:0px;list-style: none; outline: none!important;}
img{border:0px; max-width: 100%;}
a{text-decoration:none;color:#333;}
a:hover{color:#006ab0}
i{ font-style: normal; }
em{ font-style:normal;}
.clear{clear:both;}
.l{float:left;}
.r{float:right;}
.layui-layer-setwin .layui-layer-close2 {
    right: -6px!important;
    top: -6px!important;
}
.bak{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;  display: block; }
.bak:hover {-webkit-transform:scale(1.05); -moz-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
.pic,.pic1{ overflow: hidden; margin: auto; position: relative;}
.pic span{ background-repeat: no-repeat; background-position: center; background-size: cover; display: block;}
.pic span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; transition: all 0.5s;}

.pic1 span{background-repeat: no-repeat; background-position: center; background-size:contain; display: block;}
.pic1 span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: contain; transition: all 0.5s;}



.w1200{ width: 84%; margin: auto;  position: relative;}
.content{ margin:20px auto; }
.middle{ margin: 50px auto;  }

.top{ margin: auto; position: fixed; left: 0; width: 100%; height: 130px; z-index: 999999; transition: all 0.5s;/* transition: all 0.5s; */}
.logo{ float: left; padding-top:11px; transition: all 0.5s;}
.logo img{ display: block;transition: all 0.5s; }
.logo img.yin{ display: none ; opacity: 0;}
.nav{  font-size: 16px; transition: all 0.5s;}
.nav li{ float: left; text-align: center; position: relative; z-index: 999;}
.nav li a.yi{ display: block; color: #fff; margin:0 28px; border-top: rgba(0,0,0,0) 3px solid;  height: 127px; line-height: 127px; transition: all 0.5s; }
.nav li a.yi:hover{  border-top: #006ab0 3px solid; text-decoration: underline; }
.nav li.on a.yi{border-top: #006ab0 3px solid;  }

.nav li .sub-box1{ position:absolute;text-transform:none; top:90px;  left: -45%;  width:200%; overflow: hidden; height: 0px; display: block; z-index: 999; transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;  z-index: -1;opacity:0; filter:alpha(opacity=0); -webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 5px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px rgba(0,0,0,0.2); }

.nav li:hover .sub-box1{ display: block; height: auto; z-index: 1;opacity:1; filter:alpha(opacity=1); }
.nav li .sub-box{ background:#fff; }
.nav li .sub-box a{ display: block; margin: auto; font-size: 14px;  padding:15px 10px; text-align: center; border-bottom: #004F88 1px dotted; }
.nav li .sub-box a:hover{ background: #4078c2; color: #fff; }

.n_top{ background: #fff;  transition: all 0.5s; -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.2); -o-box-shadow: 0px 0px 15px rgba(0,0,0,0.2);box-shadow: 0px 0px 15px rgba(0,0,0,0.2); }
/*.n_top{ position: relative; }*/

.n_top .nav li .sub-box1{ top: 130px; }

/*.pc_dian{ height: 130px; }*/
.sou{  height: 130px; line-height: 130px; margin-left:1rem;  transition: all 0.5s;  }
.sou a.sou1{ font-size: 20px; color: #fff; overflow: hidden; }

.sou_nr{ position: absolute; z-index: 9999999; right: 0; top: 90px;  width: 250px;  background: #f2f2f2; display: none; }
.sou_nr input[type="text"]{ background: none; border: none; width: 40%; margin-left: 10px; float: left; height: 40px; line-height: 40px; }
.sou_nr a.sou2{ float: right; line-height: 35px; font-size: 20px;  width: 30px; text-align: center;}

.sou.act .sou_nr{ display: block; }

.pc_dian{ display: block; height: 130px;}

.fix{ background: #fff; height: 90px; -webkit-box-shadow: 0 0px 15px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 15px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 15px rgba(0,0,0,0.2);box-shadow: 0px 0px 15px rgba(0,0,0,0.2); position: fixed; }
.fix .logo img.yin,.n_top .logo img.yin{ display: block; opacity: 1; }
.fix .logo img.xian,.n_top .logo img.xian{ display: none;  opacity: 0;}
.fix .nav li a.yi,.n_top .nav li a.yi{ color: #333; }
.fix .sou{  height: 90px; line-height: 90px;}
.fix .sou a.sou1,.n_top .sou a.sou1{color: #006ab0;}
.fix .logo img{height: 70px;}
.fix .nav li{ padding-bottom: 30px; }
.fix .nav li a.yi{  height: 87px; line-height: 87px; }
.fix.n_top .nav li .sub-box1{ top: 90px; }





.box{background-repeat: no-repeat; background-position:top center; background-size: cover;  position: relative; padding:0.5rem 0;}
.box1{ background: #f9f9f9;   }

.box1_bg{ position: absolute; left: 0; bottom: 0; width: 95.93%; }
.box1_bg .pic span{ padding-top: 35.55%; }

.index_dh{ margin: auto; }
.index_dh p{ margin:auto; font-size: 16px; line-height: 26px; color: #666; }
.index_dh p img{ width: 26px; display: inline-block; margin-right: 5px; }
.index_dh h2{ font-size: 0.3rem; font-weight: bold; }
.index_dh .more{ font-size: 16px; }
.index_dh .more i{  width: 35px; height: 35px; line-height: 35px; color: #fff; text-align: center; background: linear-gradient(to left, #006ab0 50%, #1d3b84 100%); border-radius: 100%; display: inline-block; font-weight: bold; }
.index_dh1 p,.index_dh1 h2,.index_dh1 .more a{ color: #fff; }



.case_list { margin:25px auto; }
.case_list li{ float: left; /*width: 32%; margin-left:2%;*/ position: relative; /*margin-bottom:25px;*/}
.case_list li .pic span{ padding-top: 63%; }
.case_list li.li1{ margin-left: 0; }
.case_list li .pic:before{ content:"";  background:  rgba(0,0,0,0.3); position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; }
.case_list li .tit{ position: absolute; left: 0px; top: 0px; width: 100%; z-index: 2;  }
.case_list li .tit h3{ padding:40px; color: #fff; font-size: 18px; }
.case_list li i{ display: block; position: absolute; bottom: 40px; right: 40px;  width: 55px; height: 55px; line-height: 55px; color: #fff; border: #fff 1px solid; text-align: center; border-radius: 100%; font-size: 20px; font-weight: bold; z-index: 2;}
.case_list li a:hover .bak{-webkit-transform:scale(1.05); -moz-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}

.box2{padding-bottom: 0.9rem;}
.box2_bg{ position: absolute; left: 0; bottom: 0; width: 100%; }
.box2_bg .pic span{ padding-top: 24.375%; }

.shuzi{ margin:0.9rem auto; font-size: 18px; }
.shuzi li{ float: left; width: 25%; text-align: center; }
.shuzi li .num{color: #0066cc; font-size: 18px;}
.shuzi li:nth-child(4) .num{ font-size: 0.48rem;}
.shuzi li .num .counter{ font-size: 0.72rem; font-weight: bold; }

.hexin_list{ margin:auto; }
.hexin_list li{ float: left; width: 31.33%; margin-left:3%; }
.hexin_list li a{ margin:auto;  display: block; background: #fff; padding:60px 0 40px 0; position: relative; z-index: 2; }
.hexin_list li.li1{ margin-left: 0; }
.hexin_list li .pic{ width: 85%; margin:auto; }
.hexin_list li .pic span{ padding-top:60.9%; }
.hexin_list li .text{margin:auto; position: relative;}
.hexin_list li .text i{ position: absolute; width: 10px; height: 20px; top: 5px; display: block; background: #0066cc; left: 0;  }
.hexin_list li .text h3{ font-size: 24px; font-weight: bold; }
.hexin_list li .text p{ margin:10px auto; line-height: 1.8; color: #999; }
.hexin_list li .text .con{ width: 85%; margin:auto; }


.box4{ padding-bottom: 1rem;}
.pro_list{  margin:0.5rem auto; }
.pro_list .w1200{background: rgba(255,255,255,0.9); padding:1rem 0;}
.pro_list li{  width: 95%;  }
.pro_list li a{ display: flex; align-items: center;}
.pro_list li .pic1{ float: left; width: 41%; }
.pro_list li .pic1 span{ padding-top: 83.6%; padding-top: 65.873%;}
.pro_list li .text{ overflow: hidden; width: 59%; }
.pro_list li .text i{ font-size: 18px; display: block; color: #666; }
.pro_list li .text h3{ margin:20px auto; font-size: 0.3rem; border-bottom: #ddd 1px solid; padding-bottom: 15px;}
.pro_list li .text h3{background: -webkit-gradient(linear, left top, right top, from(#31bcfe), to(#0b70be));background: -webkit-linear-gradient(left, #31bcfe, #0b70be);background: -o-linear-gradient(left, #31bcfe, #0b70be);background: linear-gradient(to bottom, #31bcfe, #0b70be); -webkit-background-clip: text; color: transparent; font-weight: bold;}

.pro_list li .text h3 span{ border-bottom: #2eb6f8 3px solid; padding-bottom: 13px; margin-right: 5px;  }
.pro_list li .text p{ margin:30px auto 50px auto; color: #999; line-height: 2;  font-size: 16px; }
.pro_list li .text em{ width: 200px; height: 50px; line-height: 50px; background: linear-gradient(to left, #0b70be 50%, #31bcfe 100%);  text-align: center; color: #fff; font-size: 16px; display: block;}

.pro_list li a:hover .text em{background: linear-gradient(to right, #0b70be 50%, #31bcfe 100%); }

.pro_list .swiper-button-next,.pro_list .swiper-button-prev{width: 0.5rem; height: 0.5rem; line-height: 0.5rem; text-align: center; outline: none;}

.pro_list .swiper-button-next{ right: calc(7% - 0.5rem);  }
.pro_list .swiper-button-prev{ left: calc(7% - 0.5rem); }
.pro_list .swiper-button-next:after,.pro_list .swiper-button-prev:after{ font-family:"iconfont"; content: "\e632"; font-size:18px; color: #0172c2; width: 0.5rem; height: 0.5rem; line-height: 0.5rem; font-size: 22px;  border:#0172c2 1px solid;  border-radius: 100%;}
.pro_list .swiper-button-prev:after{transform: rotate(180deg)}
.pro_list .swiper-button-prev:hover:after, .pro_list .swiper-button-next:hover:after{ background: #0172c2; color: #fff; }

.pro_list .swiper-pagination{ display: none; }


.box6{ background-color: #f2f2f2; }
.video{ margin:25px auto 0 auto; }
.hezuo_list{ margin:40px auto; }
.hezuo_list li{ float: left; width: 15%; margin-left:2%; margin-bottom: 2%; }
.hezuo_list li a{ background: #fff; display: block; /*-webkit-box-shadow: 0 0px 10px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 10px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 10px rgba(0,0,0,0.2);box-shadow: 0px 0px 10px rgba(0,0,0,0.2);*/}
.hezuo_list li.li1{ margin-left: 0; }
.hezuo_list li .pic1 span{ padding-top:44%; }

.foot{ background: #1b1a25; margin: auto; padding:50px 0px 0px 0; color: #999;  }
.foot_l{ padding-left: 46px; position: relative; }
.foot_l:before{font-family:"iconfont"; content: "\e797"; font-size:18px; color: #fff; position: absolute; left: 0; top: -15px; font-size: 36px; }
.foot_l dd{ color: #fff; font-size: 16px; }
.foot_logo{ width: 50%; text-align: center; padding-top: 20px; }
.foot_nr{ line-height: 2; margin-bottom: 20px; }
.wei{ width: 120px; }
.wei p{ text-align: center; font-size: 12px; }
.bq{ border-top: #4D4C55 1px solid; padding:20px 0;  text-align: center;}
.bq a{color: #999; }
.nbanner{ margin: auto; position: relative;  }
.nbanner .pic span{ padding-top: 30.625%; }

.nbanner .text{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: #fff; width: 1050px; max-width: 80%;}
.nbanner .text i{ display: block; font-family: "DIN Light"; font-size: 0.36rem;text-transform:uppercase;  }
.nbanner .text h1{ font-size: 0.3rem;  margin:10px auto 0px auto;}
.nbanner .text p{ line-height: 2; font-size: 18px; margin-top: 40px; }
.nbanner .text b{ font-size: 0.6rem; }

.route{ background: #fff;-webkit-box-shadow: 0 0px 15px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 15px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 15px rgba(0,0,0,0.2);box-shadow: 0px 0px 15px rgba(0,0,0,0.2);  height: 70px; line-height: 70px; position: relative; z-index: 1;}

.n_dh,.san_dh{ margin: auto;  text-align: center; }
.n_dh a,.san_dh a{ display: block; float: left; font-size: 16px; margin-right: 30px; font-weight: bold;  position: relative; }
.n_dh a i,.san_dh a i{ position: absolute; bottom: 0; height: 2px;  background: #006ab0; display: block; left: 50%; transform: translateX(-50%);  width: 0; transition: all 0.5s; opacity: 0; }
.n_dh a:hover i,.n_dh a.on i,.san_dh a:hover i,.san_dh a.on i{ width: 40px; opacity: 1; }

.wzdh{ font-size: 16px; color: #666; }
.wzdh i{ color:#006ab0; font-size: 20px; position:relative; top: 2px;  }




.pic_list1 li{ float: left; width: 47%; margin-bottom: 5%; }
.pic_list1 li a{ background: #fff; display: block; display: block; -webkit-box-shadow: 0 0px 15px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 15px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 15px rgba(0,0,0,0.2);box-shadow: 0px 0px 15px rgba(0,0,0,0.2);}
.pic_list1 li:nth-child(2n) { float: right; }
.pic_list1 li .pic1{ width: 83%; margin:auto; }
.pic_list1 li .pic1 span{ padding-top:83.65%; padding-top:54.5%; padding-top: 65.873%;}
.pic_list1 li .text{ text-align: center; font-size: 24px; margin:auto; padding:1px 30px; }
.pic_list1 li .text i{ color: #333; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pic_list1 li .text h2{ font-size: 26px; font-weight: bold; margin: 10px auto; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pic_list1 li .text p{ text-align: right; font-size: 18px; margin:30px auto; }
.pic_list1 li .text p em{ font-size: 20px; }
.pic_list1 li a:hover .bak{-webkit-transform:scale(1.05); -moz-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}


.fangan_list{ margin:auto; }
.fangan_list li{ margin:auto;  background: #f8f8f8; padding:0.7rem 0;}
.fangan_list li a{display: block; }
.fangan_list li a .w1200{display: flex; align-items: center; }
.fangan_list li .pic { width: 43%;  float: left; margin-right: 5%; }
.fangan_list li .pic span{ padding-top: 63.16%; }
.fangan_list li .text{ width: 60%; }
.fangan_list li .text .con{ }
.fangan_list li .text h3{ font-size: 0.3rem; }
.fangan_list li .text p{ font-size: 18px; line-height: 2; color: #666; margin-top: 20px; }
.fangan_list li:nth-child(2n-1){ background: #fff;   }



.fangan_list li:nth-child(2n) .pic{margin-right: 0; margin-left:5%;}

.left{ width: 73%; margin-right: 3%; }
.right{   overflow: hidden;}
.right_item{ border:#ddd 1px solid; margin-bottom:40px; border-radius: 5px;  background: #fff;}
.right_dh{ background: #006ab0; color: #fff; font-size: 18px; height: 60px; line-height: 60px; text-indent: 20px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.right_nr{ margin:auto; padding:20px; }
.right_nr li{ border-bottom: #eee 1px solid;margin-bottom: 15px; padding-bottom: 15px; font-size: 16px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.right_nr li i{ font-size: 12px; position: relative; display: inline-block; top: -2px; padding-right: 5px; }

.lxwm{margin:auto; padding:20px; font-size: 16px;  line-height: 2; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../images/lxwm.jpg);}
.lxwm dd{ font-size: 22px; font-weight: bold; margin-bottom: 10px; }

.case_box{ margin:auto; }
.case_box .item{ margin:auto; background: #fff; padding:50px 0; }
.case_list1{ float: left; width: 76%; margin-right:5%; }
.case_list1 h3{ font-size: 0.3rem; margin:auto; text-align: center; margin-bottom:30px;}
.case_con{ font-size: 18px; line-height: 2;  }

.case_box .item .case_r{ overflow: hidden; padding:0 20px; }
.case_box .item .case_r .tit{ font-size: 22px; font-weight: bold; text-align: center; position: relative;  margin-bottom: 20px;}
.case_box .item .case_r .tit span{ position: relative; z-index: 1; background: #fff; padding:0 10px; }
.case_box .item .case_r .tit:before{ content:""; position: absolute; width: 100%; height: 1px; background: #ddd; top: 15px; left: 0;  display: block; }

.pic_xg li{ margin:30px auto 40px auto; }
.pic_xg li a{ display: block; text-align: center; background: #fff; -webkit-box-shadow: 0 0px 15px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 15px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 15px rgba(0,0,0,0.2);box-shadow: 0px 0px 15px rgba(0,0,0,0.2);  }
.pic_xg li .pic1 span{ padding-top:65.8%; }
.pic_xg li p{  text-align: center; font-size: 16px; padding:0 20px 20px 20px;}
.case_box .item:nth-child(2n) { background: #f3f8fb; }
.case_box .item:nth-child(2n) .case_r .tit span{ background: #f3f8fb;}

.nbanner .text_dh{background: linear-gradient(to top, rgba(29,32,136,0.9), rgba(255,255,255,0)); position: absolute; bottom: 0; height: 70px; line-height: 70px; left: 0; width: 100%; color: #fff; font-size: 16px;}
.nbanner .text_dh .w1200{ border-top: #5171a3 1px solid; }
.nbanner .text_dh .n_name{ font-size: 0.24rem; font-weight: bold; }
.n_dh1 a{ color: #fff; display: inline-block; margin-left:0.5rem; }

.w90{ width: 90%; margin:auto; }
.about_dh{ margin:auto; font-size: 0.24rem;  color: #666; }
.about_dh img{ width:0.26rem; display: inline-block; margin-right: 5px;  position: relative; top: -2px;}
.about_dh span{  color: #000; }
.about_con{  width:53%; }
.about_con dd{ font-size: 0.42rem; font-weight: bold; margin:0.5rem auto; color: #000; }
.about_jj{ font-size: 18px; line-height: 2; }

.about_shuzi{margin:0.5rem auto; }
.about_shuzi li{ float: left; width: 25%; text-align: center; }
.about_shuzi li .num{ font-size: 0.24rem; font-weight: bold; color: #0066cc; }
.about_shuzi li .num .counter{ font-size: 0.72rem; }
.about_shuzi li p{ font-size: 18px; font-weight: bold; margin:auto; }

.about_box2{ padding:1.2rem 0; }
.about_dh1{ text-align:center; }
.about_dh1 img{ display: block; margin:auto; }
.about_dh1 span{ display: block; margin-top: 5px; font-size: 0.36rem; font-weight: bold; }


.cxy_list{ margin:0.5rem auto; width: 72%;  padding-bottom:2rem; }
.cxy_list li{ float: left; width: 21.25%; margin-left:5%; }
.cxy_list li.li1{ margin-left: 0; }
.cxy_list li .pic{ background: #fff; border-radius: 15px; }
.cxy_list li .pic span{ padding-top: 79.545%; }
.cxy_list li .pic img{ display: block; margin:auto; }

.about_box3{ padding:1rem 0 0.6rem 0; }
.about_dh p{ font-size: 0.36rem; font-weight: bold; color: #000; margin-top: 20px; }
.zhuanli_list{ width: 60%; margin:0.6rem 0 0.6rem 0; }
.zhuanli_list li{  }
.zhuanli_list li a{background: rgba(255,255,255,0.8); padding:0.3rem 0.88rem; display: block;}
.zhuanli_list li  p{ text-align: center; font-size: 16px; margin-top: 10px;  height: 40px;}
.zhuanli_list li .picbg{ margin:auto;  background: url(../images/picbg.jpg) no-repeat center; background-size: cover; padding:0.15rem;  }
.zhuanli_list li .pic{ }
.zhuanli_list li .pic span{ padding-top: 141%; }
.zhuanli_list .mySwiper{ padding-bottom:1rem; }
.zhuanli_list .swiper-button-next, .zhuanli_list .swiper-button-prev{ top: auto; bottom: 2px;  outline: none; width: 0.6rem; height: 0.6rem; text-align: center; }
.zhuanli_list .swiper-button-prev{ left: 0; }
.zhuanli_list .swiper-button-next{ right: auto; left: 0.9rem; }

.zhuanli_list .swiper-button-next:after,.zhuanli_list .swiper-button-prev:after{ font-family:"iconfont"; content: "\e632"; font-size:18px; color: #0172c2; width: 0.6rem; height: 0.6rem; line-height: 0.6rem; font-size: 22px;  border:#0172c2 1px solid;  border-radius: 100%; background: #fff;}
.zhuanli_list .swiper-button-prev:after{transform: rotate(180deg)}
.zhuanli_list .swiper-button-prev:hover:after, .zhuanli_list .swiper-button-next:hover:after{ background: #0172c2; color: #fff; }

.shangbiao_list{ margin:0.5rem auto 0 auto;  }
.shangbiao_list li{ float: left; width: 23.5%; margin-left: 2%; margin-bottom: 2.5%; }
.shangbiao_list li.li1{ margin-left:0px; }
.shangbiao_list li .pic{-webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 5px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px rgba(0,0,0,0.2);}
.shangbiao_list li .pic img{ display: block; margin:auto; }



.rongyu_item{ float: left; width: 49%; }
.rongyu_item:nth-child(2n) { float: right; }
.rongyu_dh{ font-size: 0.36rem; font-weight: bold; margin:20px auto; color: #000; }
.rongyu_list{ margin:30px auto; }
.rongyu_list li{ float: left; margin-right: 3%; width: 46%; background: rgba(255,255,255,0.8); margin-bottom:3%; }
.rongyu_list li a{ display: block; }
.rongyu_list li .pic1 span{ padding-top: 73.47%; }
.rongyu_list li p{ padding:15px 30px; min-height: 0.6rem; text-align: center; font-size: 16px; line-height: 1.8; }
.rongyu_list li.z p{ min-height: auto; padding: 0px; height: 60px; line-height: 50px; }
.rongyu_jj{ font-size: 0.24rem; line-height: 2; }
.rongyu_en{ font-size: 0.42rem; color: #0066cc; font-weight: bold; margin:0.3rem auto; }
.rongyu_en1{ font-size: 0.3rem; color: #0066cc; font-weight: bold; margin:0.4rem auto;}

.job_list{ margin:0.4rem auto 1rem auto; }

.job_list li{ float: left; width: 33.3%; text-align: center; }
.job_list li .pic{background: rgba(0,102,204,0.6); border-radius: 100%; width: 1.32rem; margin:auto;}
.job_list li p{ font-size: 0.24rem;margin:20px auto; }
.job_list li a{ display: block; }
.job_list li a img{transition: all 0.5s; }
.job_list li a:hover img{transform: rotate(360deg) scale(1);
            -webkit-transform: rotate(360deg) scale(1);
            -moz-transform: rotate(360deg) scale(1);
            -o-transform: rotate(360deg) scale(1);
            -ms-transform: rotate(360deg) scale(1);
        }


.jishu_box2{ padding-bottom:3rem; padding-top: 1rem; }
.jishu_list{ margin:0.6rem auto; }
.jishu_list li{ float: left; width: 27.33%;  margin-bottom:5%; margin-left: 9%;  }
.jishu_list li.li1{ margin-left: 0; }
.jishu_list li .pic{margin-bottom:20px;}
.jishu_list li .pic span{ padding-top: 113.62%; }
.jishu_list li a{ display: block; background:rgba(255,255,255,0.6); border-bottom-left-radius:15px; border-bottom-right-radius:15px; }
.jishu_list li .text{ margin:auto; height: 80px;  font-size: 18px; font-weight: bold; text-align: center; color: #000; padding:0 30px 0 30px; }
.jishu_list li .text h3{font-size: 18px; font-weight: bold; text-align: center; color: #000; }
.jishu_dh span{ font-size: 0.48rem; }

.jishu_fl{ margin:auto; }
.jishu_fl li{ margin:0 auto 0.8rem auto; position: relative;  }
.jishu_fl li .pic_box{ float: left; width: 52.8%; position: relative; }
.jishu_fl li .pic_box .pic{border-radius: 20px;}
.jishu_fl li .pic_box .pic span{ padding-top: 59.21%; }
.jishu_fl li .text{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 51%; background:rgba(255,255,255,0.9); border-radius: 20px; margin-top: 0.4rem;}
.jishu_fl li .text .con{ padding:0.4rem 0.6rem 0.6rem 0.6rem; }
.jishu_fl li .text .con h2{ font-size: 0.3rem; font-weight: bold; color: #000;  margin-bottom: 0.35rem; }
.jishu_fl li .text .con i{ display: block; text-align: right; font-size: 0.3rem; color: #0066cc; font-weight:bold; }
.jishu_fl li .text .con .jianjie{ font-size: 18px; line-height: 1.8; color: #000; }

.jishu_fl li:nth-child(2) .pic_box{ float: right; width: 52.8%; }
.jishu_fl li:nth-child(2) .pic_box .pic{border-radius: 20px;}
.jishu_fl li:nth-child(2) .pic_box .pic span{padding-top: 59.21%;}
.jishu_fl li:nth-child(2) .text{ right: auto; left: 0; }

.jishu_fl li:nth-child(3) .text { margin-top: 0; }
.case_list{ width: 92%; margin-left: 8%; }
.slick-prev, .slick-next{ display: none!important; }
.jishu_fl .yx_pic{ position: absolute; left: 10%; bottom: 0.4rem; width: 51.5%; }
.jishu_fl .yx_pic .pic1 span{ padding-top: 62.915%; opacity: 0.7; }
.jishu_fl .yx_pic p{ margin: 10px auto;  text-align: center; color: #fff; font-size: 18px; font-weight: bold; }


.slick-initialized .slick-slide > div{  margin: 0 15px 20px 15px; }
/*.wzdh{ display: none; }*/
.n_dh{ text-align: center; float: none;  }
.n_dh a,.san_dh a{ display: inline-block;  float: none; margin:0 15px; }
.san_dh{ margin:40px auto;  }

.san_dh a:hover,.san_dh a.on{color: #006ab0;}


.ai_box{ padding-top: 0.6rem; }
.ai_con{ margin:30px auto; font-size: 18px; line-height: 1.8; }

.ai_list{ margin:20px auto 0px auto; position:relative }
.ai_list li{ float:  left; width: 33.3%; position: relative;}
.ai_list li .pic{transform: skew(-10.15deg); transform-origin: left top;}
.ai_list li .pic span{padding-top: 103%;  }
.ai_list li .pic:before{ content:""; position: absolute; left: 0; top: 0 ; width: 100%; height: 100%; /*background: linear-gradient(to top,rgba(0,0,0,0.6) 100%,rgba(10,35,73,0) 100%);*/  /*background:rgba(0,0,0,0.3); */   z-index: 1;}
.ai_list li .con{ position: absolute; left: 0; top: 50%;  display: flex; align-items: center; text-align: center; z-index: 2; width: 100%; transform: translateY(-50%); left: -10%; }
.ai_list li .con .text{ color: #fff; margin:auto;  }
.ai_list li .con .text h3{ font-size: 0.7rem; font-weight: bold; }
.ai_list li .con .text p{ font-size: 20px;  margin:10px auto; }
/*.ai_list li:nth-child(2n)  .pic{}*/


.ai_list li.li0{ width:36.4%;}
.ai_list li.li1{ position:absolute;left:36.4%; top:0px;}
.ai_list li.li2{ position:absolute; top:0px; left:69.7%; width:50%}
.ai_list li.li2 .con{ left:-20%}


.shiye_box{background-repeat: no-repeat; background-position: center; background-size: cover;  padding:1rem 0;}
.shiye_tit { text-align: center; }
.shiye_tit img{ margin:auto; display: block; }
.shiye_list{ margin:0.5rem auto; }
.shiye_list .item{ float: left; width: 32.333%; margin-left: 1.5%;  background: linear-gradient(to right, #3366cc 30%, rgba(44,147,213,0.5) 100%); position: relative; min-height:315px;}
.shiye_list .item:before{ content: ""; width: 7px; height: 100%; position: absolute; left: 0; background: linear-gradient(to bottom, #66cccc 30%, #fa9ccc 100%);}
.shiye_list .item .con{ padding:40px 40px 0 40px; position: relative; }
.shiye_list .item .con:before{ content: ""; width: 30px; height: 1px; background:#67cccc; position: absolute; left: 0px; top: 65px;  z-index: 1;}
.shiye_list .item:first-child{ margin-left: 0; }

.shiye_list .item .tit{ margin:auto; }
.shiye_list .item .tit img{ display: block; float: left; }
.shiye_list .item .tit i{ display: block; float: right; color: #fff; font-family: Arial; font-size: 16px; }
.shiye_list .item .tit1{ font-size: 24px; color: #fff; font-weight: bold; margin-top: 10px;}
.shiye_list .item .jianjie{ font-size: 20px; color: #fff; font-weight: bold; margin:20px auto 0 auto; line-height: 1.5;  }
.shiye_list .item .jianjie p{ margin:20px auto 0 auto; }
.shiye_list .item ul{ margin:20px auto;  }
.shiye_list .item ul li{ float: left; width: 45%; margin:auto; color: #fff; font-size: 16px; font-weight: bold;  }
.shiye_list .item ul li:nth-child(1),.shiye_list .item ul li:nth-child(3){ width: 55%; }
.shiye_list .item ul li .counter{ font-size: 0.48rem; }
.shiye_list .item ul li .num{ float: left; margin-right:10px;  }
.shiye_list .item ul li .text{ overflow: hidden; padding-top: 0.13rem; }
.shiye_list .item  em{ position: absolute; top: -15px; right: 30px; color: #fff; font-size: 24px; }
.shiye_list .item:nth-child(2) .jianjie{ margin-top: 30px; }

.shiye_more{ margin:20px auto;  text-align: center; }
.shiye_more a{ display: block; margin:auto; width: 265px; height: 67px; line-height: 67px; text-align: center; color: #fff; font-size: 24px; font-weight: bold; background: linear-gradient(to right, #3366cc 20%, rgba(44,147,213,0.5) 100%); position: relative; -webkit-transform: skew(-5deg); transition: all 0.5s; }
.shiye_more a:before{content: ""; width: 3px; height: 100%; background:#67cccc; position: absolute; left: 0px; top: 0;  z-index: 1;}
.shiye_more a:after{content: ""; width: 3px; height: 100%; background:#ff99ff; position: absolute; right: 0px; top: 0;  z-index: 1;}
.shiye_more a:hover{transform: translateY(-10px);}

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

#log_window {
    width:100%;
    margin: auto;
    position: fixed;
    z-index:9999999;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: none;
}

.hehuo_box{ padding:20px 30px; font-size: 16px; width:750px; margin:auto; background:#fff; border-radius: 10px;}
.hehuo_box a{ display: block; text-align: right; }
.hehuo_box a i{ font-size: 26px; }
.shiye_lxwm{ float: left; width: 38%; margin-right:20px; }
.shiye_ly{ overflow: hidden; }
.shiye_dh{ margin: auto; font-size: 24px; font-weight: bold; color: #000; }
.shiye_lxwm_con{ background:#ebf4fa; padding:20px; line-height: 2; margin:20px auto; }
.shiye_mess{ margin-top: 20px; }
.shiye_mess p{  background:#f5f5f5; padding-left:10px;  border-radius: 5px; margin-bottom: 15px; }
.shiye_mess p input{ width: 100%; background:none; border: none; height: 45px; line-height: 45px; }
.shiye_mess dd{background:#f5f5f5; padding:10px;  border-radius: 5px; margin-bottom: 15px; }
.shiye_mess dd textarea{ width: 100%; height: 60px; background:none; border: none; }
.shiye_mess dt{ text-align: center; padding-bottom: 10px; }
.shiye_mess dt input{ background:#0172c2; color: #fff; height: 45px; line-height: 45px; text-align: center; width: 165px;border: none; cursor: pointer; margin:auto; }

.piao{ position: fixed; top: 50%; transform: translateY(-50%); width: 55px; text-align: center; right: 10px; background:rgba(255,255,255,1);  padding:20px 0; border-radius: 55px; z-index: 100000; -webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 5px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px rgba(0,0,0,0.2); }
.piao li{ margin:auto; border-bottom: #eee 1px solid; padding-bottom:10px; margin-bottom:10px;   position: relative;}
.piao li a{ display: block; }
.piao li a i{ display: block; font-size: 26px;  color: #000; }
.piao li a p{ margin:auto; width: 30px; font-size: 12px;  }
.piao li:last-child{ border-bottom: none;  padding-bottom: 0; margin-bottom: 0; }
.piao li a:hover i{color:#006ab0}
.piao li .con{ background:#fff; padding:15px; position: absolute; right: 70px; top: 0; border-radius: 10px; text-align: left; display: none; width: 100px;}
.piao li .con p{ font-weight: bold; color: #006ab0; text-align: left; }
.piao li .con img{ margin:auto; display: block; margin-top: 5px; }
.piao li .con:after{ font-family:"iconfont"; content: "\e6b5"; font-size:20px; color: #fff; position: absolute;  right: -13px; top: 20px; }
.piao li:hover .con{ display: block; }