@import "common.css";
@import "page.css";
@import "nav.css";
@import "iconfont.css";
body{font-size:14px;font-family: PingFangSC-Regular, PingFang SC, Microsoft YaHei; font-family: "Microsoft YaHei"; color:#333; overflow-x: hidden; }
*{margin:0px;padding:0px;list-style: none; outline:none}
img{border:0px; max-width: 100%;}
a{text-decoration:none;color:#333; }
a:hover{color:#1272FD}
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;
}
input,select{ cursor: pointer; -webkit-appearance: none; outline:none; }
/*.bak{-webkit-transition: all .4s;-moz-transition: all .4s;-o-transition: all .4s;transition: all .4s;  display: block; }
.bak:hover {-webkit-transform:scale(1.08); -moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);}
.pic{ overflow: hidden; margin: auto; position: relative;}
.pic span{background-size: cover; background-repeat: no-repeat;background-position: center; display: block;}
.pic1 span{ background-size: contain; }
.pic span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover;}
*/
.bak{-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;  display: block; }
.bak:hover {-webkit-transform:scale(1.08); -moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);}
.pic,.pic1{ overflow: hidden; margin: auto; position: relative;}
.pic span{background-size: cover; background-repeat: no-repeat;background-position: center; 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-size: contains; background-repeat: no-repeat;background-position: center; display: block;}
.pic1 span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: contain; transition: all 0.5s;}




.w1200{ width: 1500px; margin: auto; max-width:90%}
.w1024{ width: 1500px; margin: auto; max-width:90%}
.content{ margin:20px auto; }
.middle{ margin: 0px auto;  }
.bighead{  position: fixed; top: 0; left: 0; width: 100%; background:#fff; z-index: 999; -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);}

.top{ margin: auto; }
.logo{ float: left; padding-top: 3px;  }
.logo img{ display: block; }
.nav{ float:right; font-size: 16px; margin-left: 0px; /*margin-right:20px;*/ }
.nav li{ float: left; text-align: center; position: relative; z-index: 999; /*margin-right:15px;*/}
.nav li a{ display: block;  margin: 0px 0px; line-height: 64px; padding:0px 32px;}
.nav li a:hover{   color: rgba(8, 102, 255, 1);}
.nav li.on a{  color: rgba(8, 102, 255, 1);}

.nav li .sub-box1{ position:absolute;text-transform:none; top:72px; 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:0px 10px; text-align: center; border-bottom: #004F88 1px dotted; line-height: 45px; }
.nav li .sub-box a:hover{ background: #4078c2; color: #fff; }

.nav li .list_nav{ position:absolute; left:0px; top:64px; background:#FFF; width:100%; padding:10px 0px; display:none}
.nav li .list_nav a{ display:block; font-size:16px; line-height:40px; margin:0px; background:none; color:#333; padding:0px; width:100%; height:40px;}
.nav li .list_nav a:hover{
background: #0866ff;
    color: #fff;
	}

.tel{ float: right; font-size: 18px;  font-weight: bold; /*color: #0866FF;*/  padding-top: 13px;}
.tel span{ display: block; font-size: 12px; font-weight: normal; }
.box{ margin:auto; background-size: cover; background-repeat: no-repeat;background-position: center; padding: 70px 0px;}


.nav li.rot1{}
.cp_div{ position:absolute; display:block; display: none; opacity:0; filter:alpha(opacity=0); top:64px; padding-top:30px; padding-bottom:80px;  background:#FFF; z-index:99999; width:100%; left:0%;

transition:All 0.1s linear 0s;
-webkit-transition:All 0.1s linear 0s;
-moz-transition:All 0.1s linear 0s;
-o-transition:All 0.1s linear 0s; z-index:-1000

}
.nav li.rot1:hover{ }
.nav li.rot1:hover .cp_div{ display:block; opacity:1; filter:alpha(opacity=1); z-index:100000}
.cp_div ul{/* width:1024px; */display:block; margin:auto}
.cp_div ul .li{ float:left; display:block; width:20%; }
.cp_div ul .li.dl8{ width:40%; }
.cp_div ul .li a.at{ background:none; line-height:100%; font-weight:bold; color:#333; text-align:left; margin:0px; padding:0px;}
.cp_div ul .li dl{ padding-top:16px;}
.cp_div ul .li dl a.at1{ background:none; line-height:33px; text-align:left; font-size: 14px; margin:0px; padding:0px;color:#666; display:block; width:100%}
.cp_div ul .li.dl8 dl a.at1{ float:left; width:50%; }
.cp_div a:hover{ color:#0866ff!important}

.cp_div ul .li.dl52,.cp_div ul .li.dl103,.cp_div ul .li.dl104,.cp_div ul .li.dl105{ width: 25%; }

.pcdian{ height: 64px; }

.index_dh{ margin: auto; text-align: center;  position: relative;  color: #2f2f2f; font-size: 34px; font-weight: bold; padding-bottom: 80px; }
.index_dh b{ font-size: 76px; font-family: Arial; color: #f4f4f4; color: #ccc; opacity: .2; margin:auto; text-align: center; text-transform:uppercase;  }
.index_dh p{ margin-top: -80px; }
.index_dh p img{ width: 37px;  }
.index_dh p span{ padding: 0 30px; }
.index_dh i{ display: block; margin:50px auto 0 auto; font-weight: normal; font-size: 24px; color: #333; }
.index_dh em{ display:block; font-size:16px; color:rgba(28, 31, 35, 0.6); padding-top:15px;}
.index_dh1{ margin: auto; text-align: center;  position: relative;  color: #2f2f2f; font-size: 20px; font-weight: bold;  }
.index_dh1 p img{ width: 25px;  }
.index_dh1 p span{ padding: 0 10px; }
.index_dh1 i{ display: block; margin:50px auto 0 auto; font-weight: normal; font-size: 24px; color: #333; }

.about_l{ float: left; width: 50%; margin-right: 5%; }
.about_l span{ font-size: 24px; color: #333; font-weight: bold; display: block; letter-spacing:2px;}
.about_l p{margin:20px auto; line-height: 200%; color: #666; font-size: 15px;}
.about_l a{ display: block; background: url(../image/more.png) no-repeat center; background-size: 100%; width: 138px; height: 35px; line-height: 35px; color: #fff; text-indent: 20px;  }
.about_r{ overflow: hidden; }
.about_r .pic span{ padding-top: 75.79% }

/*.cctv video{ height: 370px; }*/
.cctv p{ margin:20px auto 0 auto; font-size: 16px; text-align: center; color: #666; }
video{ background: #e4e6e8; }
.pic_box{ margin:auto; padding: 85px 0px; }
.pic_box li{ float: left; width: 25%; }
.pic_box li .con{ border: #eaedf5 2px solid; padding: 20px 0px; transition: all 0.5s;}
.pic_box li .con img{ height: 47px;}
.pic_box li .con a{ display: block; width: 75%; margin:auto; }
.pic_box li .con span{ font-size: 16px; color: #2c68ff; display: block; font-weight: bold; margin:10px auto;}
.pic_box li .con p{ color: #999; font-size: 14px; height: 50px; }
.pic_box li .con:hover{border:#9eafff 2px solid; -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);}

.box2{background-color: #fcfcff;}
.rm_pic{margin:auto;}
.rm_pic li{ float: left; width: 33.3%;  }
.rm_pic li a{ width: 95%; margin:auto; display: block; transition: all 0.5s;}
.rm_pic li .pic{margin:auto; /*padding: 10px;*/ }
.rm_pic li .pic span{padding-top: 82.17%; }
.rm_pic li .text{ background: #fff;  padding: 140px 20px 20px 20px; margin-top: -120px;-webkit-box-shadow: 0 0px 49px rgba(216,216,216,0.67); -moz-box-shadow: 0 0px 49px rgba(216,216,216,0.67); -o-box-shadow: 0 0px 49px rgba(216,216,216,0.67);box-shadow: 0px 0px 49px rgba(216,216,216,0.67); }
.rm_pic li .text .tit{border-top: #929292 1px dashed; padding-top: 10px;}
.rm_pic li .text span{ display: inline-block;  font-size: 20px; border: #929292 1px dashed; padding:5px 10px;  }
.rm_pic li .text p{ margin:10px auto; color: #999; line-height: 180%; height: 120px; overflow: hidden; }
.rm_pic li a:hover .text span{ color: #fff; background: #0f77f6; border: #0f77f6 1px solid; }
.more a{ margin:50px auto; width: 130px; height: 32px; border: #a0a0a0 1px solid; line-height: 30px; text-align: center; display: block; }
.more a:hover{background: #0f77f6; color: #fff; border: #0f77f6 1px solid;}


.box3{background-color: #fefeff;}
.pic_list{ margin:auto; }
.pic_list li{ float: left; width:33.3%; margin-bottom: 20px; }
.pic_list li a{ width: 95%; margin:auto; display: block; transition: all 0.5s; background: #ebebeb; -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);}
.pic_list li .pic span{padding-top: 82.17%;/*padding-top: 72.337%;*/ }
.pic_list li .text{ background: #fff;  padding: 15px;}
.pic_list li .text span{ display: block; color: #31446d; font-weight: bold;  font-size: 16px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pic_list li .text p{color: #999; line-height: 150%; font-size: 14px; margin: 5px auto 10px auto;height: 40px; overflow: hidden; }
.pic_list .line{ border-bottom: #929292 1px dashed;  margin:10px auto;}
.pic_list li .text i{display: block; width: 110px; height: 28px; line-height: 28px; width: 150px; height: 38px; line-height: 38px; color: #fff; text-indent: 15px; font-size: 12px; font-size: 14px; background: url(../image/more.png) no-repeat center; background-size: 100%;}
.pic_list li a:hover{ -webkit-box-shadow: 0 0px 15px rgba(15,119,246,0.2); -moz-box-shadow: 0 0px 15px rgba(15,119,246,0.2); -o-box-shadow: 0 0px 15px rgba(15,119,246,0.2);box-shadow: 0px 0px 15px rgba(15,119,246,0.2);}

.pic_list1 li .text p{height: 60px;  display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;}





.case_l{ float: left; width: 45.5%; }
.case_l li{margin-bottom:10px; -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);}
.case_l li a{ background: #fff; display: block; }
.case_l li .pic span{ padding-top: 107.3%; }
.case_l li .text{ font-size: 30px; color: #3e557a; text-align: center; padding: 20px; }

.case_r{  overflow: hidden;}
.case_r li{ width: 48%; margin-left: 2%; float: left; margin-bottom:10px; -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);}
.case_r li a{ background: #fff; display: block; }
.case_r li .pic span{ padding-top: 80.68%; }
.case_r li .text{ font-size: 22px; color: #3e557a; text-align: center; padding: 20px; }

.youshi{ /*margin-top: -40px;*/ }
.youshi li{ margin:auto; background: #f7f7f7; position: relative;  }
.youshi li .pic{ float: right; width: 35.35%;}
.youshi li .pic span{ padding-top: 78%; }
.youshi li .text{ width: 64.65%;   position: absolute; top: 0px; left: 0px; height: 100%; display: flex; align-items: center;}
.youshi li .text .con{ }
.youshi li .text span{ margin:auto; margin-bottom:30px; display: block; font-size: 24px;  width: 75%; font-weight: bold;}
.youshi li .text p{ width: 75%; margin:10px auto; font-size: 18px; color: #999; line-height: 180%; }
.youshi li .text p:before {content: ''; display:block; float: left; margin-right: 10px; width: 10px; height: 10px; background: #0d74eb; border-radius: 10px; position: relative; top: 10px;}
.youshi li .text p i{ display: block; overflow: hidden; }
.youshi li:nth-child(2n) { background: #fff; }
.youshi li:nth-child(2n) .pic{ float: left; }
.youshi li:nth-child(2n) .text{ left: auto; right: 0px; }
.youshi li:hover{ background: #187cee; }
.youshi li:hover .text span,.youshi li:hover .text p{ color: #fff; }
.youshi li:hover .text p:before{ background: #fff; }

.box4{ background: #fefefe; }
.news{ margin:auto; width: 90%; }

.news li { padding: 20px; }
.news li a{ display: block; 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);}
.news li .pic{margin:auto; }
.news li .pic span{ padding-top: 65.8%; }
.news li .text{ padding: 20px; }
.news li .text span{ font-size: 16px; margin:5px auto; display: block; font-weight: bold; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news li .text p{margin:5px auto;  color: #999; line-height: 180%; height: 50px; overflow: hidden;}
.news li .text .time{background: #f7f8fc; width: 60%; line-height: 45px; margin:auto; margin-top: 10px; color: #666;}
.news li .text .time img{ width: 26px; display: inline-block; position: relative; top: 6px; margin:0 40px 0 20px;  }
.news .swiper-button-next, .news .swiper-button-prev{ width: 60px; height: 60px; margin-top: -30px; background-size: 100%; outline: none;  }
.news .swiper-button-next, .news .swiper-container-rtl .swiper-button-prev{ background-image: url(../image/r.png); right: 50px; }
.news .swiper-button-prev, .news .swiper-container-rtl .swiper-button-next{background-image: url(../image/l.png);  left: 50px;}

.box5{ background: #fcfbff; }
.case_link a{ display:block; margin:auto; width: 98%; background: #fff;}
.case_link a img{ display: block; }
.case_link a .pic1 span{ padding-top: 22%; }
.case_li3 li{ float: left; width: 33.3%; margin-bottom: 5px; }
.case_li4 li{ float: left; width: 25%;margin-bottom: 5px;  }
.case_li4 li a .pic1 span{ padding-top: 29%; }

.mes_tu{ float: left; width: 58%; margin-right: 5%; text-align: center; }
.mes_ly{ overflow: hidden; padding-top: 30px; }
.mes_ly span{ font-size: 22px; font-weight: bold; display: block; }
.mes_ly form{ margin:30px auto; }
.mes_ly form p{ margin:20px auto; }
.mes_ly form input{ width: 100%; border: none; background: #f5f5f5; height: 50px; line-height: 50px; text-indent: 20px; font-size: 18px; }
.mes_ly form input.button{ color: #fff; background: #1272fd; margin-top: 40px; }



.foot{ background: #1b1e2d; margin: auto;  }
.foot_top{margin:auto; padding: 45px 0px; font-size: 16px; }
.foot_top dl{ float: left; /*margin-right: 5%;*/ color: #fff; width: 15%; }
.foot_top dl.dl3{ width: 25%; }
.foot_top dl dd{margin-bottom:10px;}
.foot_top dl dt{ color: #9ea0a6;   margin:5px auto; line-height: 180%;}
.foot_top dl dt.dt1{ color: #1696ed; font-size: 18px; }
.foot_top dl dt a{ color: #9ea0a6; }
.foot_top dl dt a:hover{ color: #fff;}
.wei{ float: right; width: 13%; margin-left: 1%; text-align: center; }
.wei img{ width: 180px; }
.wei p{color: #fff; font-size: 16px;  margin-bottom:15px;}
.bq{ background: #272a39; color: #6a6d74; line-height: 50px; }
.bq a{color: #6a6d74;}
.banner .picvideo{ display:none}
.nbanner{ margin: auto;  }
.nbanner .pic span{ padding-top: 43%; padding-top:35.41% }
.nbanner.cpneiye .pic span{ padding-top:28.4375%}
.ban_about .pic span{ padding-top: 38.28%; }

.text_box{ position: absolute; left: 0; top:0; width: 100%; height: 100%; display: flex;align-items: center;}
.text_box dl{ display:block; margin:auto; max-width:90%}
.text_box .text{ margin:auto;  text-align: center; /*margin-top: 11%;*/ display:block; }
.text_box .text p{font-size: 40px; color: rgba(0, 0, 0, 0.96);}
.text_box .text em{ font-family: Arial; font-size: 16px;  display: block; margin:20px auto; }
.sou{ width: 440px; margin:50px auto; background: #fff; height: 53px; line-height: 53px; display:block }
.sou input{ font-size: 16px; float: left; width: 80%; line-height: 53px; margin-left:20px; border:none;}
.sou a{ float: right;  margin-right: 20px; }
.sou a i{ font-size: 20px; color: #999; }

.nname{margin:auto; font-size: 44px; text-align: center; font-weight: bold;}
.n_dh{ margin: auto;  text-align: center; position: relative; bottom: -2px; }
.n_dh a{ display: inline-block; padding: 0px 30px; /*height: 60px;*/ /*line-height: 60px; */font-size: 26px; border-bottom: rgba(255,255,255,0) 5px solid;  text-align: center; }
.n_dh a:hover,.n_dh a.on{ color: #0F77F6;  }
.n_dh a.on{font-size: 28px; font-weight: bold; border-bottom: #0F77F6 4px solid; }
.n_dh a p{ height: 60px; line-height: 60px;  }
.n_dh a img{ height: 120px; display: block; margin:auto; }


.pic_list1 li{ width: 33.3%; }


.nbox{ background: #f7f8fc; }
.pic_jj{ margin:auto; background: #f4f4f6; }
.pic_jj .pic_tu{ float: left; width: 61.5%;  }
.pic_jj .pic_tu .pic{ background: #edf0fa; }
.pic_jj .pic_tu .pic span{ padding-top: 72.33%; padding-top: 82.17%;}
.pic_jj .pic_tu p{  background: #fff; width: 32%; padding: 20px 0px; font-weight: bold; color: #666; }
.pic_jj .text{ overflow: hidden; }
.pic_jj .text .tit{background: #fff; padding-bottom: 55px;  padding-top: 20px; }
.pic_jj .text .tit span{ font-size: 40px; display: block;  font-weight: bold; width: 85%; margin:auto; }
.pic_jj .text .con{ width: 85%; margin:auto; margin-top: -35px;  }
.pic_jj .text i{ display: block; margin:auto; font-size: 38px; font-family: Arial;font-weight: bold; }
.pic_jj .text p{line-height: 180%; margin:10px auto;  color: #999;}
.pic_jj .text a{ width: 140px; height: 40px; line-height: 40px; color: #fff; background: #0f77f6; text-align: center; display: block; font-size: 18px;  margin-top: 50px; }

.pic_about{ margin:auto; }
.pic_about .text{ float: left; width: 40%;  font-size: 18px; line-height: 200%; color: #999; margin-right: 6%;}
.pic_about .pic_about_tu{  overflow: hidden;}


.cpgn{ margin:0px auto 50px auto; text-align: center; }
.cpgn li{ float: left; width: 25%;  margin-bottom: 10px;}
.cpgn li a{ display: block; background: #fff; width: 95%; padding: 40px 0;transition: all 0.5s; margin:auto; }
.cpgn li a img{ height: 50px; margin:auto; display: block; }
.cpgn li a p{ display: block; margin:20px auto 5px auto; font-size: 18px; font-weight: bold; }
.cpgn li a span{ font-family: Arial; font-size: 12px; color: #999; display: block; }
.cpgn li a:hover{-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);}
.changjing li .pic span{ padding-top: 93.2%; }
.changjing .swiper-button-next, .changjing .swiper-button-prev{ width: 60px; height: 60px; margin-top: -30px; background-size: 100%; outline: none;  }
.changjing .swiper-button-next, .changjing .swiper-container-rtl .swiper-button-prev{ background-image: url(../image/r.png); right: 50px; }
.changjing .swiper-button-prev, .changjing .swiper-container-rtl .swiper-button-next{background-image: url(../image/l.png);  left: 50px;}

.lxwm{}
.lxwm li{ float: left; width: 24%; margin-left: 1%; margin-bottom: 20px; }
.lxwm li .text{}
.lxwm li span{ display: block; font-size: 26px; font-weight: bold; margin-bottom: 20px; }
.lxwm li p{ margin:15px auto; font-size: 18px; color: #666; line-height: 180%; }

.fangan { margin:auto; }
.fangan li{ float: left; width: 49%; margin-bottom: 50px; }
.fangan li.li1 { float: right; }
.fangan li .pic span{ padding-top: 81.7%; }
.fangan li .text{ width: 85%;  margin:auto; margin-top: -60px; z-index: 1; position: relative;}
.fangan li .text .con{background: #fff; padding: 20px;}
.fangan li .text .icon{ margin:auto;  }
.fangan li .text .icon img{ width: 28px; display: block; float: right; }
.fangan li .text .con span{ display: block; font-size: 16px; font-weight: bold; margin:0 auto 10px auto; }
.fangan li .text .con i{ display: block; width: 30px; height: 2px; background: #d8d8d8; }
.fangan li .text .con p{ color: #999; line-height: 150%; margin-top:10px; }
.fangan li.li1 .text{ margin-bottom: -60px; margin-top: 0; }


.budao_box{ padding:0px; }
.budao_l{ float: left; margin-left: 20%; margin-right: 60px; width: 20%; }
.budao_l .text{ padding-top: 20px; }
.budao_l .text b{ display: block; font-size: 38px; }
.budao_l .text i{ display: block; margin:20px auto; font-size: 16px; font-family: Arial; }
.budao_l .text p{ margin:30px auto 50px auto; font-size: 18px; line-height: 200%; color: #999; }
.budao_l .text a{ display: block; background: url(../image/more.png) no-repeat center; background-size: 100%; width: 150px; height: 38px; line-height: 38px; color: #fff; text-indent: 10px; font-size: 16px;  }
.budao_r{ overflow: hidden; background: #e9e9e9; padding: 50px; margin-right: 12.5%; }
.budao_r li{ float: left; width: 33.3%; }
.budao_r li a{ width: 95%; margin:auto; display: block; }
.budao_r li .pic{ margin:auto; background: #f5f5f5; }
.budao_r li .pic span{ padding-top: 90%; }
.budao_r li p{ margin:auto; line-height: 60px; font-size: 18px; text-align: center; background: #fff; font-size: 18px; }
.budao_r li a:hover p{ background: #0f77f6; color: #fff; }

.budao_l2{float: left; margin-left: 18%; margin-right: 60px; width:25%;}
.budao_r2{ float: left; width: 24%; margin-left: 5%; }
.budao_r2 .text{ padding-top: 20px; }
.budao_r2 .text b{ display: block; font-size: 38px; padding-right: 18.5%; }
.budao_r2 .text i{ display: block; margin:20px auto; font-size: 16px; font-family: Arial; }
.budao_r2 .text p{ margin:30px auto 50px auto; font-size: 18px; line-height: 200%; color: #999; }
.budao_r2 .text a{ display: block; background: url(../image/more.png) no-repeat center; background-size: 100%; width: 150px; height: 38px; line-height: 38px; color: #fff; text-indent: 10px; font-size: 16px;  }
.budao_r3 li { width: 50%; }
.budao_r3 li .pic span{ padding-top: 109%; }

.shuoming{ margin: auto; }
.shuoming .pic span{ padding-top: 58.33%; padding-top: 43.75%;}



   .pf{ position:fixed; right:0px; top:60%; margin-top:-75px; width:152px; z-index:99999;}
   .pf li{ display:block; width:152px; height:152px;line-height:152px; text-align:center; background:url(../image/pfbg.png) center center no-repeat; position:relative; background-size:100%; overflow:hidden }
   .pf li:before{ font-size:28px;}
   .pf li:hover{ overflow:visible}
   .pf li:hover:before{ color:#1070fa}
   .pf li dl{ position:absolute; right:143px;top:50%;opacity:0;
filter:alpha(opacity=0); z-index:-2;

}
   .pf li:hover dl{ display:block;opacity:1; z-index:2;
filter:alpha(opacity=100);}
   .pf li dl.dh{ width:128px; height:100px; line-height: 20px; /*line-height:34px;*/  margin-top:-50px; background:url(../image/dhbtn.png) no-repeat; /*text-indent:7px;*/ text-align:left; font-size:14px;font-weight:bold; }
    .pf li dl.dh span{ display: block; padding-left: 10px; padding-top: 10px; }
   .pf li dl.qr{ width:119px; height:98px; margin-top:-49px;background:url(../image/wxbtn.png) no-repeat; }
   .pf li dl.qr dd{ line-height:26px;}
   .pf li dl.qr dd img{ display:block; margin:9px auto 0px 22px;}
   .pf li dl.qr dd p{ font-size:13px; text-align:left; text-indent:27px; }
   .pf li:hover dl{}
   .pf li a{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

   .big_swiper_list1{ height:auto; overflow: visible; position:relative;}
.swiper_list1 .swiper-slide{ text-indent: 20px; line-height: 38px;  }
.swiper_list1 .swiper-slide .bak{ padding-bottom: 81.4% }
.swiper_list1 .swiper-slide a{background: #fff; display: block; font-size: 22px; }
.swiper_list1 .swiper-slide .text{ padding: 10px 0px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; width: 95%; margin:auto; }
.big_swiper_list1 .swiper-button-prev{
    right: auto;
    left: -95px; width:auto; height:auto; background:none;
}
.big_swiper_list1 .swiper-button-next{
    right: -95px;
    left: auto;width:auto; height:auto; background:none;
}
.big_swiper_list1 .swiper-button-prev:before{background-color: #F6F5FB; width: 50px; height: 50px; border-radius: 50px;
	content:"\e633";font-family: 'iconfont'; font-size:30px;color:#000; display: block; line-height: 50px; text-align: center;
}
.big_swiper_list1 .swiper-button-next:before{background-color: #F6F5FB; width: 50px; height: 50px; border-radius: 50px;
    content: "\e632";font-family: 'iconfont';font-size:30px; color:#000;display: block;line-height: 50px; text-align: center;
}

.big_swiper_list1 .swiper-button-prev:hover:before{
	color:#0866ff;
}
.big_swiper_list1 .swiper-button-next:hover:before{
    color:#0866ff;
}

.case_title{ font-size: 40px; }
.case_des{ font-size: 26px; color: #71716f; padding-top:20px; }
.pic_list_case{ padding-top: 75px; }
.pic_list_case li{ display: block; float: left; width: 32.5%; background-color: #fff; margin-right: 1.25%;margin-bottom: 1.25%; }
.pic_list_case li.z{ margin-right: 0px; }
.pic_list_case li .bak{ padding-bottom:82%; }
.pic_list_case li .text{ /*height: 110px; */font-size: 22px;  }
.pic_list_case li .text span{ display: block;padding: 20px 16px 20px 16px; color: #00023a }
.jwdisplay .jwpreview{ background-color: #e6e9ea!important }
#mediaplayer1_display_button_play,#mediaplayer1_display_button_replay{ background:none!important; width:100%!important; height:100%!important; padding:0px!important; background-image:url(../image/v.png)!important; }
#mediaplayer1_display_button { background:none!important;margin-top: -33px!important;width:67px!important; height:67px!important; }
#mediaplayer2_display_button_play,#mediaplayer2_display_button_replay{ background:none!important; width:67px!important; height:67px!important; padding:0px!important; background-image:url(../image/v.png)!important}
#mediaplayer2_display_button { background:none!important;margin-top: -33px!important;width:67px!important; height:67px!important; }
#mediaplayer3_display_button_play,#mediaplayer3_display_button_replay{ background:none!important; width:67px!important; height:67px!important; padding:0px!important; background-image:url(../image/v.png)!important}
#mediaplayer3_display_button { background:none!important;margin-top: -33px!important;width:67px!important; height:67px!important; }
#mediaplayer4_display_button_play,#mediaplayer4_display_button_replay{ background:none!important; width:67px!important; height:67px!important; padding:0px!important; background-image:url(../image/v.png)!important}
#mediaplayer4_display_button { background:none!important;margin-top: -33px!important;width:67px!important; height:67px!important; }
.vmiddle{ width: 1157px; display: block; margin: 0px auto; max-width: 100%; position: relative; }
.new_cp_title{ text-align: center;line-height: 167px; font-size: 40px; }
#mediaplayer1{ max-width: 100%; margin: auto; display: block; }
.new_cp_title1{text-align: center;line-height: 110px; font-size: 28px;}
.yuzhou{ margin-top: 28px; background-color: #fbfbfb; padding: 56px 0px; }
.yuzhou .yuzhou_l{ float: left; width: 534px; max-width: 48%; }
.yuzhou .yuzhou_l .bak{ padding-bottom: 95.3%; }
.yuzhou .yuzhou_r{float: right; width: 534px; max-width: 48%;}
#mediaplayer2{}
.yuzhou .yuzhou_r i{ font-size: 28px; display: block; margin: 5% 0px 5% 0px;  }
.yuzhou .yuzhou_r p{ font-size: 18px; color: #737a85; line-height: 29px; }
.ai{ background-color: #187ced; position: relative; display: block; margin: auto;width: 1440px; max-width: 100%;}
.ai .ai_l{ position: absolute;width: 48.7%; left: 0px; top: 0px; display: block; height: 100%;display: flex;align-items: center; }
.ai .ai_l dl{ display: block; width: 368px; margin: auto; max-width: 90%; color: #fff; }
.ai .ai_l dl i{ display: block; color: #fff; font-size: 33px; }
.ai .ai_l dl p{ line-height: 34px; font-size: 20px; padding-top: 28px; }
.ai .ai_r{ float: right; width: 51.3%;width: calc(51.3% + 142px); position: relative; right: -142px; display: block; margin: 0px; background-color: #e6e9ea }

#mediaplayer3{}
.wyj{ background-color: #fbfbfb; padding:47px 0px; }
.wyj .wyj_l{ width: 50%; position: absolute; left: 0px; top: 0px; display: flex;align-items: center; height: 100%}
.wyj .wyj_l dl{ display:block; width: 420px; margin: auto; max-width:90%; }
.wyj .wyj_l dl i{ display: block; color: #203460; font-size: 28px; padding-bottom: 24px; }
.wyj .wyj_l dl p{ line-height: 36px; font-size: 20px; }
.wyj .wyj_r{ width: 50%; float: right; }
.wyj .wyj_r .pic{ float: right; max-width: 100%; width:533px; }
.wyj .wyj_r .pic .bak{ padding-bottom: 96%; }
.newcpzs{ display: block; width: 100%; margin: auto; max-height: 100% }
.zz{ background-color: #f7f8fc; padding-top: 110px; }
.zzl{ display: block; float: left; width: 40%; }
.zzl i{ display: block; font-size: 29px; padding-top: 36px; }
.zzl p.pri{ color: #747474; font-size: 16px; padding-top: 30px; height: 50px; line-height: 25px; border-bottom: 1px solid #e9e9ea;width: 355px; max-width: 90% }
.zzl dl{ padding-top: 25px; padding-bottom: 40px; }
.zzl dl dt{ display: inline-block; margin-right: 24px;  }
.zzl dl dt a{ font-size: 40px; color: #ff4b03; font-weight: bold;  }
.zzl dl dt em{color: #ff4b03; position: relative; top: 0px; font-size: 16px; font-weight:bold; top: -24px;}
.zzl dl dt p{ font-size: 18px; color: #666; display: block; padding-top: 16px; }
.zzl a.abt{ display: inline-block; color: #4469da; width: 126px; height: 38px; line-height: 38px; text-align: center; border:1px solid #4469da; border-radius: 4px; margin-right: 13px; font-size: 16px; }
.zzl a.abt.act,.zzl a.abt:hover{background-color: #0866ff; color: #fff}
.zzr{width: 60%; float: right;}
.zz ul{padding-top: 110px; padding-bottom: 75px;}
.zz ul li{ display: block;margin-right: 2%; width: 32%; background-color: #fff; margin-bottom: 2.9%; float: left; }
.zz ul li.z{ margin-right: 0px; }
.zz ul li .zz_pic{ display: block; padding-bottom: 88%; position: relative; }
.zz ul li .zz_pic span{ position:absolute; width:100%; height: 100%; left: 0px; top: 0px;display: flex;align-items: center; }
.zz ul li .zz_pic span img{ display: block; margin: auto; max-height: 90%;max-width: 90%; }
.zz ul li .text{
	display: block;
	margin: auto;
	text-align: center;
	border-top: 1px solid #c0ccda;
	max-width: 95%;
	width: 264px;
	height: 73px;
	line-height: 73px;
	font-size: 18px;
	}
.list_video{ background-color: #dee5eb; padding: 63px 0px; }
.list_video .list_video_l{ display: block; float: left; width: 50%; }
.list_video .list_video_l ul{ text-align: center; }
.list_video .list_video_l ul li{
	display: block;
	float: left;
	width: 49%;
	margin-right: 2%;
	margin-bottom: 2.5%;
	background-color: #fff;
	height: 137px;
}
.list_video .list_video_l ul li dl{ padding-top: 24px; }
.list_video .list_video_l ul li.z{ margin-right: 0px; }
.list_video .list_video_l ul li span{ font-size: 45px; color: #ff7139; font-weight:bold; }
.list_video .list_video_l ul li em{ position: relative; color: #ff7139; font-size: 20px; top: -28px; font-weight:bold; }
.list_video .list_video_l ul li i{ display: block; font-size: 20px; padding-top: 5px; }
.list_video .list_video_r{ float: right; width: 43%; }
.list_video .list_video_r video{ height:225px;  }
.list_video .list_video_r ul{}
.list_video .list_video_r ul li{
	margin-bottom: 11px;
}


.AI_l{ float: left; width: 19.6%; margin-right: 5%; }
.cctv_l{width: 49%; margin-right: 2%;}
.AI_R{  overflow: hidden; }

.tu{ margin:20px auto; }
.tu p{ font-size: 16px; text-align: center; margin:10px auto; color: #666; }
.hasdiv{ overflow:hidden; display:block; position:relative;}
.hasdiv .bkg{
   display:block; width:100%;
transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;background-size:cover; background-position:center center; background-repeat:no-repeat;}
.hasdiv .bkg img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    display: block;
    object-fit: cover;transition: all 0.5s;
}
.hasdiv:hover .bkg{
	transform: rotate(0deg) scale(1.08);
    -webkit-transform: rotate(0deg) scale(1.08);
    -moz-transform: rotate(0deg) scale(1.08);
    -o-transform: rotate(0deg) scale(1.08);
    -ms-transform: rotate(0deg) scale(1.08);
}
.style57{ background:#FAFAFB; padding-bottom:100px; }
.style57 .index_dh{padding-top:80px;}
.style57 ul.ul57{ text-align:center; font-size:0px; margin-bottom:30px;}
.style57 ul.ul57s{ margin:auto; padding-top: 50px; }
.style57 ul.ul57 a{width:calc(19.2% - 4px); height:58px; text-align:center; border:2px solid #FAFAFB; color:#333; border-radius:12px; line-height:58px; display:inline-block;  font-size:24px; margin:0px 0.8% 0px 0px; font-weight:400; background:#FFF;
         box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px 0px;
    -moz-box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px 0px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px 0px;    }
 .style57 ul.ul57s a{ width:calc(24.2% - 4px);}
.style57 ul.ul57 a.z{ margin-right:0px;}
.style57 ul.ul57 a.on,.style57 ul.ul57 a:hover{ color:#1272FD;border:2px solid #1272FD;}
.style57 .erbanner{}
.style57 .erbanner img{}
.style57 .des_er{ background:#FFF; margin-top:28px; padding:20px 26px;}
.style57 .des_er i{ font-size:30px;  }
.style57 .des_er p{ font-size:24px; line-height:1.8;  color:rgba(28, 31, 35, 0.6); padding-top:13px;
}
.style57 .er_edit{ padding-top:48px;}

.ernav58{}
.ernav58 li{ float:left; width:24.3%; margin-right:0.93%;  background:#fff; border-radius: 13px; }
.ernav58 li a{display: block; padding: 10px; }
.ernav58 li.z{ margin-right:0px;}
.ernav58 li .hasdiv{ border-radius:18px;}
.ernav58 li .bkg{ padding-bottom:71.1%}
.ernav58 li em{ display:block; font-size:30px; color:rgba(22, 15, 77, 1); padding:10px 0;}
.ernav58 li p{width: 100%; height: 45px; line-height: 45px; /*background:#1272FD;*/ background: linear-gradient(to right, rgba(173,82,219,1), rgba(18,144,248,1)); color: #fff; text-align: center; border-radius: 7px; font-size: 18px;}

ul.ul72{}
    ul.ul72 li{ margin-bottom:5.3%}
    ul.ul72 li .hasdiv{ float:left; width:46.33%;}
    ul.ul72 li .hasdiv .bkg{ padding-bottom:56.8%;transform: rotate(0deg) scale(1);
            -webkit-transform: rotate(0deg) scale(1);
            -moz-transform: rotate(0deg) scale(1);
            -o-transform: rotate(0deg) scale(1);
            -ms-transform: rotate(0deg) scale(1);}
	ul.ul72 li .hasdiv .bkg img{object-fit: contain;}
    ul.ul72 li .des72{ display:block; overflow:hidden; padding-left:4%; padding-top:4%}
    ul.ul72 li .des72 .img{ display:block; width:18.6%; float:left;}
    ul.ul72 li .des72 dl{ display:block; overflow:hidden; padding-left:24px;}
    ul.ul72 li .des72 dl i{ display:block; color:rgba(20, 94, 235, 1); font-size:40px;}
    ul.ul72 li .des72 dl p{ font-size:22px; color:rgba(77, 77, 77, 1); line-height:1.8; padding-top:18px;}

    ul.ul72 li.z{ margin-bottom:0px;}
    ul.ul72 li.z .hasdiv{}
    ul.ul72 li.z .hasdiv .bkg{padding-bottom:56.8%;}
    ul.ul72 li.z .des72{}
    ul.ul72 li.z .des72 img{}
    ul.ul72 li.z .des72 dl{}
    ul.ul72 li.z .des72 dl i{}
    ul.ul72 li.z .des72 dl p{}
.xm74{  overflow:hidden; position:relative; width:100%; }
.swiper_list74{ display:block; margin:auto;padding-bottom:76px;
}
.swiper_list74 .swiper-slide{
	text-align:center;
	background:#FFF;
	border-radius:38px;
	background: linear-gradient(to top, #62DAD0 50%, #F7D446 100%); /*border:#fff 5px solid;*/
/*
  -webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.1);
  -moz-box-shadow: 0 0px 5px rgba(0,0,0,0.1);
  -o-box-shadow: 0 0px 5px rgba(0,0,0,0.1);
  box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
*/
}
.swiper_list74 .swiper-slide .cons{ border:#fff 5px solid; border-radius:38px; }
.swiper_list74 .swiper-slide .cons a{ display: block; padding:15px; }
.swiper_list74 .swiper-slide .hasdiv{ border-radius:35px; background: #DFF9FC; }
.swiper_list74 .swiper-slide .bkg{ padding-bottom:106%; background-size: contain;}
.swiper_list74 .swiper-slide i{ font-size:30px; display:block;  height: 45px; line-height: 45px; border-radius: 45px; border:#fff 1px solid; color: #fff; margin-top: 15px; }

.swiper_list74 .swiper-slide:last-child i{ font-size: 20px; }
.xm74 .swiper-button-prev{
    right: auto;
    left: 0px; width:auto; height:auto; background:none;
}
.xm74 .swiper-button-next{
    right: 0px;
    left: auto;width:auto; height:auto; background:none;
}
.xm74 .swiper-button-prev:before{
	content:"\e635";font-family: 'iconfont'; font-size:40px;color:#000;
}
.xm74 .swiper-button-next:before{
    content: "\e6e1";font-family: 'iconfont';font-size:40px; color:#000;
}

.xm74 .swiper-button-prev:hover:before{
	color:#F00;
}
.xm74 .swiper-button-next:hover:before{
    color:#F00;
}

.swiper_list74 .swiper-pagination{ bottom:0px;}
 .swiper-pagination .swiper-pagination-bullet{ width:10px; height:10px; border:1px solid #666; background:none;}
.swiper-pagination .swiper-pagination-bullet-active{ background:#0866ff; border:1px solid #0866ff;}
.pingtaiimg img{ margin:auto; display:block; max-width:100%}




.xm76{  overflow:hidden; position:relative; width:100%; }
.swiper_list76{ display:block; margin:auto;padding-bottom:76px; padding:10px 10px 76px 10px;}
.swiper_list76 .swiper-slide{ background:#FFF;  -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);
}
.swiper_list76 .swiper-slide .cons{ }

.swiper_list76 .swiper-slide .bkg{ padding-bottom:70.4%;}
.swiper_list76 .swiper-slide p{ display:block; width:323px; max-width:95%; margin:auto ; padding:18px 0px;}
.swiper_list76 .swiper-slide i{ font-size:18px; display:block; color:rgba(51, 51, 51, 1)}
.swiper_list76 .swiper-slide em{ font-size:16px; color:rgba(51, 51, 51, 1); font-family:Arial, Helvetica, sans-serif; display:block; padding-top:20px;}
.xm76 .swiper-button-prev{
    right: auto;
    left: 0px; width:auto; height:auto; background:none;
}
.xm76 .swiper-button-next{
    right: 0px;
    left: auto;width:auto; height:auto; background:none;
}
.xm76 .swiper-button-prev:before{
	content:"\e635";font-family: 'iconfont'; font-size:40px;color:#000;
}
.xm76 .swiper-button-next:before{
    content: "\e6e1";font-family: 'iconfont';font-size:40px; color:#000;
}

.xm76 .swiper-button-prev:hover:before{
	color:#F00;
}
.xm76 .swiper-button-next:hover:before{
    color:#F00;
}

.swiper_list76 .swiper-pagination{ bottom:20px;}

.valign{display: flex;align-items: center;}

.zcxm{  position:relative;}
.zcxm_list{  padding-bottom:50px;}
.zcxm_list .swiper-slide{   text-align:center; background:#FFF; padding-bottom:24px;}
.zcxm .swiper-button-prev{
    right: auto;
    left: 0px; width:60px; height:60px; background:url(../image/l.png) center center no-repeat; background-size:contain;
}
.zcxm .swiper-button-next{
    left: auto;
    right: 0px; width:60px; height:60px; background:url(../image/r.png) center center no-repeat; background-size:contain;
}

.zcxm_list .swiper-slide .hasdiv{ width:80px; margin:30px auto;}
/*.zcxm_list .swiper-slide .hasdiv .bkg{ padding-bottom:100%;}*/
.zcxm_list .swiper-slide .hasdiv:hover img{-webkit-animation:transform-1 0.5s ease 0ms alternate none 1;animation:transform-1 0.5s ease 0ms alternate none 1; transition: all 0.5s;}
@-webkit-keyframes transform-1 {
    from{-webkit-transform:perspective(200px) rotateY(180deg);transform:perspective(200px) rotateY(180deg);}
    to{-webkit-transform:perspective(200px) rotateY(360deg);transform:perspective(200px) rotateY(360deg);}
}
@keyframes transform-1 {
    from{-webkit-transform:perspective(400px) rotateY(180deg);transform:perspective(400px) rotateY(180deg);}
    to{-webkit-transform:perspective(400px) rotateY(360deg);transform:perspective(400px) rotateY(360deg);}
}

.zcxm_list .swiper-slide i{ display:block; font-size:30px;}
.zcxm_list .swiper-slide em{ display:block; color:rgba(119, 119, 119, 1)}


.zcxm_list .swiper-pagination{ bottom:0px;}
.zcxm_list .swiper-pagination .swiper-pagination-bullet{}
.zcxm_list .swiper-pagination .swiper-pagination-bullet-active{ background:#0F77F6}
.twhp_iszh{ position:relative; display: flex; align-items: center; display:block }
.twhp_iszh .hasdiv{ float:left; width:56.3%; }
.twhp_iszh .hasdiv .bkg{ padding-bottom:60.1%;/*height:515px;*/}
.twhp_iszh .hasdiv .bkg img{object-fit: contain;}
.twhp_iszh .p{ /* height:515px;*/  float:right; width:41%;text-align:center; display:block; margin-top:2%}
.twhp_iszh .p span{ display:block; font-size:28px;color: #000; line-height:1.3}
.twhp_iszh .p ul{ padding-top:7%;}
.twhp_iszh .p li{ display:inline-block; float:left;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */ border:1px solid rgba(18, 114, 253, 1); color: #000; width:22.3%; margin-right:3.6%;margin-bottom:3.6%; height:48px; border-radius:48px; line-height:48px; font-size:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.twhp_iszh .p li.z{ margin-right:0;}

.twhp_iszhs{ position:relative; display: flex; align-items: center; display:block }
.twhp_iszhs .hasdiv{ float:left; width:61.5%; }
.twhp_iszhs .hasdiv .bkg{ padding-bottom:43.7%;/*height:515px;*/}
.twhp_iszhs .hasdiv .bkg img{object-fit: contain;}
.twhp_iszhs .p{ display:block; overflow:hidden; padding-top:5%}
.twhp_iszhs .p span{ display:block; font-size:26px; line-height:1.5; color:rgba(96, 96, 96, 1)}
.twhp_iszhs .p ul{ padding-top:7%;}
.twhp_iszhs .p li{ display:inline-block; float:left;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */ border:1px solid rgba(18, 114, 253, 1); width:22.3%; margin-right:3.6%;margin-bottom:3.6%; height:48px; border-radius:48px; line-height:48px; font-size:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.twhp_iszhs .p li.z{ margin-right:0;}

.ul80{ margin-top:4%}
.ul80 li{ text-align:center; width:19.2%; margin-right:1%; float:left; padding-top:35px; padding-bottom:35px; background:#fff;}
.ul80 li.z{ margin-right:0px;}
.ul80 li img{ height:174px; display:block; margin:auto;}

.ul80 li:hover img{-webkit-animation:transform-1 0.5s ease 0ms alternate none 1;animation:transform-1 0.5s ease 0ms alternate none 1;}

.ul80 li i{ display:block; font-size:28px; font-weight: bold; color:rgba(45, 49, 61, 1);/* padding-top:45px;*/}
.ul80 li em{ display:block; color:rgba(132, 139, 157, 1); font-size:20px; margin:auto; padding-top:30px; width:85%;  line-height: 30px; height:120px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;}
.img78 .pic1{ float:left; width:49.6%}
.img78 .z{ float:right}
.img78 .pic1 span{ padding-top: 56.3%; }


.ul81{}
.ul81 li{ float:left; width:48.5%; margin-right:3%; margin-bottom:10px;}
.ul81 li.z{ margin-right:0px;}
.ul81 li .hasdiv{}
.ul81 li .hasdiv .bkg{ padding-bottom:56.3%}
.ul81 li a i{ display:block; font-size:30px; padding:0 20px; padding-top:30px; color: #333;}
.ul81 li a p{  margin:20px 0px 20px 0px; color: #333; padding:0 20px;}
.ul81 li p em{display:block; font-size:24px; background-repeat:no-repeat; background-position:left center; background-image:url(../image/Frame.png); height:24px; line-height: 24px; background-size: 24px; padding-left:33px; margin:15px auto;}
ul.ul83{}
ul.ul83 li.li{ float:left; margin-right:3.2%; width:31.2%; background:#FFF}
ul.ul83 li.li.z{ margin-right:0px;}
ul.ul83 li a{ display:block; padding:5px;}
ul.ul83 li.li .bkg{ padding-bottom:57.7%;}
ul.ul83 li.li p{ display:block;  margin:auto; width:95%; margin:15px auto;  }
ul.ul83 li.li a p em{ display:block; padding-left:33px;  line-height:20px; font-size:20px; background:url(../image/Frame1.jpg) no-repeat left 0px; background-size: 20px;  margin:15px auto; color: #333; }
ul.ul83 li.lii{ padding-top:5.5%;}
ul.ul83 li.lii .hasdiv{ float:left; width:46.9%; margin-right:12.5%}
ul.ul83 li.lii .hasdiv .bkg{ padding-bottom:73.4%;}
ul.ul83 li.lii p{ display:block; overflow:hidden;}
ul.ul83 li.lii p em{ display:block; font-size:26px; margin-top:54px; color:rgba(51, 51, 51, 1); padding-left:38px; line-height:1.5;background-repeat:no-repeat; background-position:left 10px; background-image:url(../image/Frame.png); background-size: 24px;}

ul.ul68{}
ul.ul68 li{ float:left; width:32.7%; margin-right:0.95%; margin-bottom:0.95%}
ul.ul68 li.z{ margin-right:0px;}
ul.ul68 li .bkg{ padding-bottom:56.3%;}
.des68{ padding:2% 0px 2% 0px}
.des68 em{ display:block; color:rgba(0, 0, 0, 1); line-height:1.8; padding-left:50px; font-size:30px;  background:url(../image/Frame1.png) no-repeat left center; background-size: 25px;  }

.route{ padding-bottom: 20px; margin-top:-30px; }


.piclist86{ margin:auto; }
.piclist86 li{ float: left; width: 23%; margin-left:2%; margin-bottom: 2%; }
.piclist86 li a{ display: block; border:#fff 1px solid;  background: linear-gradient(to top, #fff 50%, #F2F4F8 100%); padding:10px; }
.piclist86 li.li1{ margin-left: 0; }
.piclist86 li .pic span{ padding-top:100%; }
.piclist86 li .pic img{object-fit: contain;}
.piclist86 li p{ background: #0866FF; color: #fff; text-align: center; height: 44px; line-height: 44px; font-size: 24px; margin:auto; }

.ul77{ padding:4.4% 0 4% 0;}
.ul77 li{ float:left; width:46.5%;}
.ul77 li.li1{ margin-right:0; float:right;}
.ul77 li i{ display:block; width:181px; text-align:center; height:62px; line-height:62px; color:#FFF; font-size:30px; border-radius:62px;background: linear-gradient(to left,rgba(18, 114, 253, 1),rgba(83, 214, 250, 1));}
.ul77 li p{ font-size:26px; line-height:36px; height:72px; margin:4% auto 4% auto;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.ul77 li .bkg{ padding-bottom:56.2%}
.ul77 li .bkg img{ object-fit: contain; }
.jj68{ font-size:26px; line-height:40px; color:rgba(96, 96, 96, 1);}

.ul89{}
.ul89 li{ float:left; width:18.7%; margin-right:1.625%;margin-bottom:1.625%; overflow:hidden; border-radius:16px;background: linear-gradient(to bottom, rgba(142, 233, 128, 1), rgba(100, 218, 219, 1));}
.ul89 li dl{ padding:10px; text-align:center;}
.ul89 li dl .hasdiv{border-radius:16px;}
.ul89 li.z{ margin-right:0;}
.ul89 li .bkg{ padding-bottom:72.4%}
.ul89 li i{ display:block; font-size:24px; font-weight:bold;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */ height:44px; line-height:40px; border-radius:44px; border:2px solid #FFF;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; color:#FFF; margin-top:16px;}
.ul90{}
.ul90 li{float:left; width:48.2%; margin-right:3.6%; text-align:center;}
.ul90 li dl{ background:rgba(8, 102, 255, 1);}
.ul90 li.z{margin-right:0;}
.ul90 li .bkg{ padding-bottom:66.8%}
.ul90 li i{ display:block; color:#FFF; font-size:22px; width:100%; line-height:41px; height:41px; border-top:5px solid #FFF;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ul91{}
.ul91 li{ float:left; width:24%; margin-right:1.33%; margin-bottom:1.33%;}
.ul91 li.z{ margin-right:0;}
.ul91 li .bkg{ padding-top:70.4%;}
.div82{}
.div82 .tuxing{ width:1432px; margin:auto; max-width:100%;}
.div82 .tuxing li{ float:left;}
.div82 .tuxing li.tu1{ width:62.8%;}
.div82 .tuxing li.tu1 .bkg{ padding-bottom:57%;}
.div82 .tuxing li .bkg img{object-fit:contain;}
.div82 .tuxing li.tu2{ width:16.2%; margin-left:3.56%; }
.div82 .tuxing li.tu2 .bkg{ padding-bottom:203%;}
.div82 .tuxing li.tu3{width:16.2%; float:right}
.div82 .tuxing li.tu3 .bkg{padding-bottom:203%;}
.div82 .biaoti{width:1432px; width: 70%; margin:auto; max-width:100%; text-align:center; font-size:0; padding-top:2% }
.div82 .biaoti li{display:inline-block; position:relative; background:rgba(232, 255, 254, 1); width:333px; line-height:72px; font-size:26px; height:72px; border-radius:72px; text-indent:50px; margin:0 1%; float: left; width: 31.3%;display: flex; align-items: center;  justify-content: center; }
.div82 .biaoti li img{ height:62px; margin-right:15px; }
.div82 .tuxing1{width:1492px; margin:auto; max-width:100%; font-size:0; padding-top:4%}
.div82 .tuxing1 li{ margin-right:1.33%; width:24%; display:inline-block}
.div82 .tuxing1 li.tu4{ margin-right:0;}
.div82 .tuxing1 li .bkg{ padding-bottom:216%}
.div82 .tuxing1 li .bkg img{object-fit:contain;}
.div82 .biaoti1{width:1492px; width: 85%; margin:auto; max-width:100%; text-align:center; font-size:0; padding-top:2% }
.div82 .biaoti1 li{/*display:inline-block;*/ position:relative; background:rgba(255, 243, 231, 1); width:283px; line-height:70px; font-size:26px; height:70px; border-radius:70px; /*text-indent:58px;*/ margin:0 1%;   float: left; width: 23%;display: flex; align-items: center;  justify-content: center;  }

.div82 .biaoti1 li img{ height:50px; display: block; margin-right: 15px;  /*position:absolute; top:10px; left:17px;*/}


p.p81{ text-align:center; font-size:30px; color:rgba(0, 0, 0, 1); line-height:1.5; margin-top:-3%;}
.div828181 .biaoti1 li{ text-indent:14px; }
ul.ul8181{ padding-top:4%}
ul.ul8181 li{ width:47.7%; float:left; text-align:center; font-size:0}
ul.ul8181 li .icotb{ display:inline-block;text-align:center; padding-top:5%; width: 20%; /*margin:0 3%;*/ }
ul.ul8181 li .icotb img{ display:block; margin:auto; max-width:100%; width:80px;}
ul.ul8181 li .icotb i{ display:block; width:100%; font-size:22px; padding-top:16px; color:rgba(51, 51, 51, 1)}
ul.ul8181 li .hasdiv .bkg{ padding-bottom:68.7%; }
ul.ul8181 li .hasdiv .bkg img{object-fit: contain;}
ul.ul8181 li .hasdiv{ max-width:100%;}
ul.ul8181 li.f{ float:left;}
ul.ul8181 li.f .hasdiv{}
ul.ul8181 li.f .hasdiv .bkg{}
ul.ul8181 li.f .hasdiv .bkg img{}
ul.ul8181 li.f .icotb{}

ul.ul8181 li.f .icotb:hover img{-webkit-animation:transform-1 0.5s ease 0ms alternate none 1;animation:transform-1 0.5s ease 0ms alternate none 1;}

ul.ul8181 li.f .icotb i{}
ul.ul8181 li.z{ float:right; }
ul.ul8181 li.z .hasdiv{}
ul.ul8181 li.z .hasdiv .bkg{}
ul.ul8181 li.z .hasdiv .bkg img{}
ul.ul8181 li.z .icotb{}
ul.ul8181 li.z .icotb:hover img{-webkit-animation:transform-1 0.5s ease 0ms alternate none 1;animation:transform-1 0.5s ease 0ms alternate none 1;}
ul.ul8181 li.z .icotb i{}
.ul92{ font-size:0; text-align:center; width:1731px; margin:auto; max-width:96%;}
.ul92 li{ display:inline-block; width:33.3%;}
.ul92 li .bkg{ padding-bottom:100%;}
/*.ul92 li .bkg img{ object-fit: contain;}*/
.ul92 li i{ display:block; color:rgba(19, 100, 235, 1); font-size:36px; margin:3% auto; width:327px; height:50px; line-height:50px; border:1px solid rgba(19, 100, 235, 1); line-height:50px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; border-radius:50px; max-width:95%}
.ul92 li.z{ margin-right:0;}

.about_l .h_main{display: inline; background: none; color: #666}
.bdqf{display:none;}