*{margin: 0;padding: 0;}
body {font-size: 14px;font-family:Microsoft YaHei;}
.zz .m_zz li#top_boxbody{margin: 0px auto; padding: 0px; font-size:14px; font-family:Microsoft YaHei; line-height:24px; color: #333;}
div{margin: 0px; padding: 0px;}
span, p{margin: 0px; padding: 0px; font-family:Microsoft YaHei;}
h1,h2,h3,h4,h5,h6{margin: 0px; padding: 0px;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup,i{font-style:inherit;font-weight:inherit;}
*{box-sizing: border-box;}
html, body {min-height: 100%;}
body {font:14px/1.5 "Microsoft YaHei";font-size:14px;color:#1b2229; }
body {   scrollbar-width: none; -ms-overflow-style: none;overflow: scroll;}
body::-webkit-scrollbar {  display: none;}

h1, h2, h3, h4, h5, h6{font-weight:normal;}
ul,ol,li{list-style: none;}
dl,dt,dd,ol,ul,li {margin: 0px; padding: 0px; list-style: none;}
img {border: none;vertical-align: middle;}
a {text-decoration: none;color: #1b2229; transition: all 0.6s;}
a:hover{transition: all 0.6s;}
table {border-collapse: collapse;/*table-layout: fixed;*/}
tr,td{padding:0 !important;}
input, textarea {outline: none;border: none;}
textarea {resize: none;overflow: auto;}
.fl {float: left;}
.fr {float: right;}

@font-face {
  font-family: "akrobat-regular";
  src: url("../fonts/akrobat-regular.woff2.txt") format("woff2"),
       url("../fonts/akrobat-regular.woff.txt") format("woff"),
       url("../fonts/akrobat-regular.ttf.txt") format("truetype"),
       url("../fonts/akrobat-regular.eot.txt") format("embedded-opentype"),
       url("../fonts/akrobat-regular.svg.txt") format("svg");
}
@font-face {
  font-family: 'iconfont';  /* Project id 2673190 */
  src: url('../fonts/font_2673190_hq1w8k85dth.woff2') format('woff2'),
       url('../fonts/font_2673190_hq1w8k85dth.woff') format('woff'),
       url('../fonts/font_2673190_hq1w8k85dth.ttf') format('truetype');
}

/*head*/
.head {position: relative;color: #Fff;height: 180px;background: url(../images/head_bj.jpg) 67%;}
.head_box {display: flex;justify-content: space-between;align-items: center;margin: 0 auto;width: 1300px;padding-top: 20px;}
.head_l {display: flex;justify-content: space-between;align-items: center;width: 500px;}
.head_logo {
}
.head_logo img{width: 100%;}
.head_tit {}
.head_tit img {width:100%;    height: auto;}
.head_tit p {font-size: 28px;font-family: ;display: flex;flex-direction: column;   line-height: 36px;}
.head_tit p span {color: #999;font-size: 13px;    letter-spacing: 0px;line-height: 25px;}
.head_tit em {font-size: 14px;display: inline-block;color: #fff;text-align: center;line-height: 23px;margin-right: -10px;    margin-top: 6px;}
.head_tit>em:nth-child(2) {background: url(../images/20210602174714_1191057463.png)no-repeat;width: 95px;height: 25px;color: #666666;margin-right: -12px;}
.head_tit em:nth-child(3) {background: url(../images/20210602174714_2060930638.png)no-repeat;width: 90px;height: 24px;}
.head_tit em:nth-child(4) {background: url(../images/20210602174714_124468051.png)no-repeat;width: 93px;height: 24px;}
.head_nav {width: 100%;background-image: linear-gradient(55deg, #143963 0%, #02c5fd 100%);}
.head_nav ul {display: flex;justify-content: space-between;align-items: center;width: 95%;margin: 0 auto;}
.head_nav li {height: 60px;line-height: 60px;}
.head_nav li>a {font-size: 16px;position: relative;padding-bottom: 37px;color: #fff;}
.head_nav>ul>li>a:after {content:'';width: 70%;height: 3px;background:#3786dc;position: absolute;left: 13%;bottom: 0px;opacity: 0;transform: scaleX(0);transition: 0.5s;}
.head_nav>ul>li:hover a:after,.head_nav>ul>li.cur a:after  {opacity: 1;transform: scaleX(1);transition: 0.5s;}

.head_c {    display: flex;}
.head_r {background: url(../images/20210713110058_1938915603.png)no-repeat left;}
.head_r p {display: flex;font-size: 20px;line-height: 24px;padding-left: 42px;align-items: center;}
.head_r p span {font-size: 38px;font-family: akrobat-regular;line-height: 30px;color: #fff;}

.tit_con {position: relative;margin-right: 16px;display: flex;}
.tit_con>div {width: 30px;height: 30px;border-radius: 50%;border: 1px solid #ddd;display: inline-block;    text-align: center;line-height: 30px;font-size: 16px; }
.tit_con .phone {margin-right: 7px;}
.tit_con>div>p {height: 63px;margin-bottom: 0 !important;font-size:18px;color: #fff;}
.tit_con .phone:hover .phone_num, .tit_con .wx:hover .tit_sel{transform: rotateX(0);transition: all 0.5s;} 
.tit_sel {width: 472px;height: 150px;background: rgba(51,51,51,0.7);transform: rotateX(90deg);position: absolute;right: 0;transition: all 0.5s;font-size: 16px;padding: 34px; z-index: 99;}
.tit_sel span {font-size: 24px;display: block;color: #152682;font-family: Arial;}
.tit_icon:hover .tit_sel{transform: rotateX(0);transition: all 0.5s;}
#search-i{float:left; width:30px; height:33px; overflow:hidden; margin-top:20px;  box-sizing: border-box; padding-top: 7px;    border: 1px solid #dddddd;border-left: none;}
#search-bg{float:left; width:374px; height:33px; overflow:hidden; padding-left:14px; margin-top:20px; box-sizing: border-box;     border: 1px solid #dddddd;border-right: none;text-align: left;}
.search-text{ font-size:14px;color: #999999;justify-content: center;align-items: center;}
.search-text a{ font-size:15px; color: #fff !important;}
.search-text a:hover{ font-size:15px; color: #ffffff;}
.search-text span{ float:left;  color:#ffffff;font-size: 15px;}
#infoname{ border:none;background:none; outline:none;} 
.search_name {float: left;font-size:22px;color: #ffffff; line-height: 32px;position: relative;z-index: 5;padding: 15px 0;width: 264px;height: 96px;background: #cb0303;text-align: center;}
.search_name:after {content: "";width: 0px;height: 0px;border-top: 7px solid #005299; border-right: 7px solid transparent;border-bottom:8px solid transparent; border-left: 7px solid #005299;position: absolute; top: 81px; right: -13px; transition: 0.5s all ease-in-out; }
form {justify-content: center;}

.dropmenu{position:absolute;width:100%;left:0;background:rgba(0,0,0,0.6);top: 180px;opacity:0;visibility:hidden;-webkit-transition:all .6s ease;transition:all .6s ease;z-index:333;text-align:center;}
.dropmenu table td table{ display:none;}
.dropmenu a,.dropmenu table td a{ display:inline-block;  line-height:80px; color:#fff;font-size:16px;}
.dropmenu a+a{margin-left: 60px;}
.dropmenu table,.dropmenu table tbody{ width:100% !important; display:block;}
.dropmenu table tr{ display: flex;justify-content:space-around;width:60%;    margin: 0 auto;}
.dropmenu table tr td {display: flex;justify-content: center; align-items: center;}
.dropmenu table tr+tr{ margin-left:25px;}
.head_nav li:hover .dropmenu{opacity:1;visibility:visible;}
.page1{ margin:0 auto; width:1500px;    display: flex;justify-content: center; align-items: center;}
.head_nav li:nth-child(3) .dropmenu {padding:11px 0;}

/*幻灯片*/
.banner{overflow:hidden; width:100%; position:relative; z-index:1; background:#000;}
.banner-box{ min-width:1300px; height:760px; position:relative; margin:0 auto; }
.banner-box .bd, .banner-box .bd ul{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:760px; background-position: center; background-repeat: no-repeat;}
.banner-box .bd li a{ display:block; background-size:auto;     width: 100%;height: 80%;position: relative;z-index: 9;}
.banner-btn{ width: 100%; position: absolute; bottom:30px; left: 0; margin-left: 0; height: 400px; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:30px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out; z-index: 9;}
.banner-btn a.prev{ left:-50px; background:url(../images/20201216100647_1556163588.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(../images/20201216100647_1556163588.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute; bottom:0px; width: 100%; display: block; }
.banner-box .hd ul{ text-align: center}
.banner-box .hd ul li{ width:10px; height:10px; border-radius :50%; text-indent:-9999px; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; opacity:0.8; border:1px #fff solid;}
.banner-box .hd ul li.on{ background:#fff;border-radius: 8px; width:10px;}
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }
@-webkit-keyframes kenburns-top {
  0% {
    -webkit-transform: scale(1) translateY(0);transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.1) translateY(-15px);transform: scale(1.1) translateY(-15px);
    -webkit-transform-origin: top; transform-origin: top;
  }
}
@keyframes kenburns-top {
 0% {
    -webkit-transform: scale(1) translateY(0);  transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.1) translateY(-15px);transform: scale(1.1) translateY(-15px);
    -webkit-transform-origin: top;   transform-origin: top;
  }
  }
@-webkit-keyframes kenburns-top1 {
  0% {
    -webkit-transform: scale(1.1) translateY(-15px);transform: scale(1.1) translateY(-15px);
    -webkit-transform-origin: top;  transform-origin: top;
  }
  100% {
   -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;transform-origin: 50% 16%;
  }

}
@keyframes kenburns-top1 {
 0% {
    -webkit-transform: scale(1.1) translateY(-15px);transform: scale(1.1) translateY(-15px);
    -webkit-transform-origin: top;  transform-origin: top;
  }
  100% {
   -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;  transform-origin: 50% 16%;
  }
  }
.banner-box .bd li{ -webkit-animation: kenburns-top1 3.5s ease-out  both;animation: kenburns-top1 3.5s ease-out  both;}

/*int*/
.int {width: 100%;overflow: hidden;background-image: linear-gradient(55deg, #0072ee 0%, #02c5fd 100%);padding: 40px 0;}
.int_box {max-width: 1400px;min-width: 1300px; margin: 0 auto;}
.int_con {}
.int_con ul {display: flex;justify-content: space-between;align-items: center;}
.int_con li {color: #fff;position: relative;width: 25%;z-index: 5;}
.int_con li:before {content:'';width: 1px;height: 10px;background: #fff;position: absolute;top:0;left: 0;}
.int_con li:last-child>:before {content:'';width: 1px;height: 10px;background: #fff;position: absolute;top:0;right: 0;    z-index: 5;}
.int_con li:after {content:'';width: 1px;height: 240px;position: absolute;top:-80px;left:0;background: #01b6fa;z-index: -1;}
.int_con li:last-child>:after {content:'';width: 1px;height: 240px;position: absolute;top:-80px;right:0;background: #e8c189;}
.int_con li p {display: flex;flex-direction: column;font-size: 14px;align-items: center;line-height: 36px;}
.int_con li p span {font-family: akrobat-regular;font-size:42px;}
.int_con li em {font-size:16px;position: absolute;right: 130px;top: 6px;}
.int_con li:nth-child(2)  em{right: 90px;}
.int_con li:nth-child(3) em {right: 125px;}
.int_con li:nth-child(4) em {right: 100px;}

/*pro*/
.pro {padding: 80px 0;overflow: hidden; background: #fff;}
.pro_box {width:1400px;margin: 0 auto;}
.pro_tit {text-align: center;}
.pro_tit span {font-size: 40px;line-height: 40px;position: relative;}
.pro_tit p {font-size: 18px;line-height: 20px; padding-top: 25px; color:#999;}
.pro_tab {padding-top:60px;width: 1400px;margin: 0 auto;min-width: 1300px;}
.pro_nav {overflow: hidden;background-image: linear-gradient(55deg, #0072ee 0%, #02c5fd 100%);}
.pro_nav ul {display: flex;justify-content: space-between;align-items: center;height: 100px;}
.pro_nav li {width: 25%;display: flex;flex-direction: column;align-items: center;border: 1px #f0eded solid;justify-content: center;height: 100%;transition: 0.5s;position: relative;}
.pro_nav li:last-child:after {display:none;}
.pro_nav li.on {transition: 0.5s;background: #ca0000;color: #fff;}
.pro_nav li.on a ,.pro_nav li.on i {color:#fff;transition: 0.5s;}
.pro_nav li.on:after {display: none;transition: 0.5s;}
.pro_nav li i {font-size: 36px;line-height: 36px; color: #333;}
.pro_nav li a {font-size: 20px;display: flex;flex-direction: column;align-items: center;color: #fff;line-height: 28px;padding-top: 10px;text-align: center;}
.pro_nav li a span {font-size: 13px;color: #ccc; text-transform: uppercase;}
.pro_con {overflow: hidden;margin-top: 90px;}
.pro_adv {display: flex;flex-wrap: wrap; height:39rem;overflow: hidden;}
.pro_int {display: flex;justify-content: space-between;align-items: center;height:100%;width:100%;}
.pro_txt {width: 45%;height: 100%;display: flex;flex-direction: column; margin-top: 5%;}
.pro_txt p {display: flex;flex-direction: column;line-height: 41px;font-size: 36px;font-weight: bold;}
.pro_txt p span {font-size: 13px;color: #999;font-weight: normal;text-transform: uppercase;font-family: Arial;}
.pro_txt p i {width: 40px;height: 3px;background:#3786dc;margin-top: 20px; }
.pro_txt em {font-size: 20px;line-height: 36px;margin-top: 60px;}
.pro_txt a {width: 205px;height: 52px;background: #3786dc;font-size: 16px;text-align: center;line-height: 52px;color: #fff;display: inline-block;margin-top: 18%;transition: all 0.2s;letter-spacing: 1px;}
.pro_txt a:hover{width: 325px;transition: all 0.2s; letter-spacing: 3px;}
.pro_pic {width: 48.656%;}
.pro_top {width:100%;overflow:hidden; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); padding:20px;}
.pro_top td {width:100%;height:100%;}
.pro_top td+td {display:none;}
.pro_top td img {width:100%;height:auto;}
.pro_top td br {display:none;}
.pro_call {width: 100%;margin: 0 auto;margin-top: 50px;overflow: hidden;    border-bottom: 2px solid #e62129;padding-bottom: 25px;}
.pro_call td{float: left;position: relative;margin-left: 0.3%;overflow: hidden;padding-left:0!important;}
.pro_call td br{display:none;}
.pro_call td{width:24.7%;height:100%;}
.pro_call td>a,.pro_call td>a>img{width:100%;height:auto;transition:0.5s;}
.pro_call td span {padding-top: 0px !important;position: absolute;transition: 0.5s;bottom: 0;left: 0;width: 100%;background: #fc0100;height: 50px;transform: translateY(50px);transition:0.5s;}
.pro_call td:hover span{transform: translateY(0px);transition:0.5s;}
.pro_call td span a{color: #fff;font-size: 19px;line-height: 50px;}
@media screen and (max-width: 1500px){
	.pro_call{width:100%;}
}


.jz-problem {
	width: 100%;
	height: 760px;
	background: url(../images/20210714111301_2100736455.jpg) no-repeat center center;
}
.jz-problem-con {
	height: 660px;
	font-family: "微软雅黑";
	position: relative;
}

.jz-problem-title{
	height: 136px;
	position: absolute;
	left: 0px;
	top: 164px;
}
.jz-problem-title .p1 {
	font-size: 40px;
	color: #222;
}
.jz-problem-title .p2 {
	font-size: 18px;
	color: #666;
	margin: 20px 0 28px;
font-weight:100;
}
.jz-problem-title div {
	width: 200px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	border-radius: 5px;
	background: #3786dc;
}
.jz-problem-title div a {
	display: block;
	color: #fff;
	letter-spacing: 2px;
font-size:15px;
font-weight:100;
}

.jz-problem-con .problem-list {
	width: 292px;
	height: 212px;
	border: 1px solid #eee;
	background: #fff;
 transition: 0.5s;
}
.jz-problem-con .problem-list:hover {
	transform: scale(1.1);
	background: #3786dc;
    transition: 0.5s;
position:relative;
z-index:5;
}
.jz-problem-con .problem-list1 {
	margin-top: 181px;
	margin-left: 816px;
	border-bottom: 0px;
}
.jz-problem-con .problem-list2 {
	margin-top: 181px;
	border-left: 0px;
	border-bottom: 0px;
}
.jz-problem-con .problem-list3 {
	margin-left: 524px;
}
.jz-problem-con .problem-list4 {
	border-left: 0px;
	border-right: 0px;
}

.jz-problem-con .problem-list img {
	display: block;
	width: 46px;
	height: 46px;
	padding-top: 50px;
	padding-left: 46px;
}

.jz-problem-con .problem-list .prob-top p {
	padding-top: 65px;
	padding-left: 30px;
	font-size: 20px;
	color: #222;
}
.prb-line {
	width: 50px;
	height: 1px;
	background: #d7d7d7;
	margin: 16px 0 16px 46px;
}
.jz-problem-con .problem-list .prob-bottom p {
	font-size: 15px;
	color: #999;
	padding-left: 46px;
	padding-bottom: 2px;}
.w1240 {
    max-width: 1400px;
min-width:1300px;
    margin: 0 auto;
}
.prob-top i {    width: 46px;
    height: 46px;
    border: 1px solid #ddd;
    display: inline-block;
    font-size: 24px;
    color: #ddd;
    text-align: center;
    line-height: 46px;
    margin: 54px 0 0 44px;
    border-radius: 50%;
}
.prob-top {
    display: flex;
}
.jz-problem-con .problem-list3 .prob-top>i {font-size:30px;}
.problem-list:hover p ,.problem-list:hover i {color:#fff !important;    transition: 0.5s;}
.problem-list:hover i {border-color:#fff;    transition: 0.5s;}

/*cp*/
.cp_box{width: 100%;background: url(../images/20210714111301_1593182399.jpg) top left no-repeat;height: 740px;padding-top: 
55px;}
.page {max-width: 1400px;min-width: 1300px; margin: 0 auto;}
.cp_box .title, .cp_box .title span, .cp_box .title_x {color: #fff;}
.title {text-align: left;font-size: 36px;line-height: 48px;font-weight: 500;overflow: hidden;width: 100%;letter-spacing: 1px;}
.title_x {font-size: 20px;text-align: left;line-height: 20px;color: #999;margin-top: 20px;font-weight: 500;width: 100%; letter-spacing: 1px;}
.cp_d{ background: url(../images/20210714200116_425328897.png) center no-repeat; height: 448px; overflow: hidden; float: left; padding:39px 45px;margin-top: 52px;    background-size: contain;}
.cp_d li{width: 20%; float: left; border:1px #f5f6f9 solid; padding:22px; height: 366px;}
.cp_d li+li{margin-left: -1px;}
.cp_d .bga{width:20%; float: left; background:#fff;  border:1px #f5f6f9 solid; padding:22px; height: 366px;}
.cp_d .bgb{width: 20%; float: left; background:#fff;  border:1px #f5f6f9 solid; padding:22px; height: 366px;}
.cp_d li img{width: 100%; height: auto; float: left;}
.cp_d li p{width: 217px; font-size: 24px; font-weight: 500; line-height: 34px; text-align: center; padding:35px 0px; float: left;}
.cp_d li a{width: 125px; height: 36px; border:1px #e6e6e6 solid; line-height: 36px; float: left; font-size: 15px; color: #999; text-align: center; font-weight: 200; letter-spacing: 1px; margin-left: 46px; transition:0.5s;}
.cp_d li:hover a{background: #3786dc; color: #fff; transition:0.5s;}

/*adv*/
.adv {padding: 80px 0;width: 100%;background: #fff;overflow:  hidden;}
.adv_box {max-width: 1400px;min-width: 1300px; margin: 0 auto;}
.adv_tit {text-align: center;font-size: 42px;line-height: 48px;overflow: hidden;}
.adv_tit p {font-size: 18px;color: #666666;letter-spacing: 3px;font-weight: lighter;}
.adv_tit i {display: inline-block;padding-top: 8px;}
.adv_tab {display: flex;padding-top: 52px;}
.adv_nav {}
.adv_nav ul {width: 420px;height: 580px;background: #f8f8f8;}
.adv_nav li {display: flex;height: 145px;padding: 34px;border-bottom: 1px solid #eee;transition:all ease-in 0.5s;cursor: pointer;}
.adv_nav li i {display: inline-block;font-size: 40px;width: 72px;height: 72px;border-radius: 50%;background: #ffffff;text-align: center;padding-top: 6px;}
.adv_nav li p {font-size: 26px;color: #333;padding-left: 24px;align-self: center; line-height: 32px;   }
.adv_nav li.on {background: #3786dc;transition:all ease-in 0.5s;}
.adv_nav li.on i {color: #3786dc;transition:all ease-in 0.5s;}
.adv_nav li.on p{color:#fff;}
.adv_nav li.on span{color:rgba(255,255,255,0.2);}
.adv_nav li:last-child {border:none;}
.adv_nav li p span {font-size: 14px;font-family: Arial;display: block;color:#ccc;}
.adv_con {height: 580px;overflow: hidden;}
.adv_big {height: 580px; overflow: hidden;}
.adv_pic {overflow: hidden;}
.adv_txt {display: flex;justify-content: space-around;background: #f8f8f8;height: 194px;padding: 35px 32px;}
.adv_txt p {width: 88px;height: 124px;background: #3786dc;font-size: 36px;color: #ffffff;padding: 26px;position: relative;}
.adv_txt p:before {content:"";width:20px;height: 1px;background: #ffffff;opacity: 0.5;position: absolute;top:76px;left: 36px;}
.adv_txt p>span {font-size: 18px;display: block;}
.adv_txt em {font-size: 24px;flex: 1;padding-left: 26px;align-self: center;}
.adv_txt em>span {font-size: 16px;color: #888888;display: block;padding-top: 15px;}

/*appli*/
.appli {    padding: 80px 0 0;overflow: hidden;}
.appli_box {margin: 0 auto;max-width: 1400px;min-width: 1300px;}
.appli_call {margin-top:80px;}
.appli_call tr{ display: flex;justify-content: space-between;    margin-bottom: 12px;}
.appli_call td{width:16%;display: inline-table;overflow:hidden;position:relative;height:100%;box-sizing: border-box;    border: 1px solid #eee;}
.appli_call td>a{display: block;}
.appli_call td>a>img{width:100%;height:auto;}
.appli_call td+td{}
.appli_call td>div{width:100%;height:100%;background: rgba(3,53,114,0.9);;position:absolute;top:0;left:0;transform-origin: center;transform: rotateX(90deg);transition: 600ms;}
.appli_call td>div>a{display:block;font-size:16px;color:#fff;display: flex;align-items: center;justify-content: center;height: 100%;}
.appli_call td:hover div{transform: rotateX(0deg);transition: 600ms;}
.appli_call td br{display: none;}
.char_more {width:18%;background: #e80014;text-align: center;padding: 1% 0;margin: 0 auto;margin-top: 60px;position:relative;}
.char_more a {font-size: 16px;color: #ffffff;}

.char_more {position:relative;color:#fff; background:#d8001e; border:1px solid #d8001e;-webkit-transition: background-color .3s, color .3s;transition: background-color .3s, color .3s}
.char_more:before {content: '';position: absolute;top: -15px;left: -15px;bottom: -15px;right: -15px;background: inherit;z-index: -1;opacity: 0.5;
-webkit-transform: scale3d(.6, .4, 1);transform: scale3d(.6, .4, 1); display:none\9;}
.char_more:hover {background:#e80014;border-color:#e80014;-webkit-transition: background-color .1s .3s, color .1s .3s;transition: background-color .1s .3s, color .1s .3s;-webkit-animation: anim-moema-1 .3s forwards;animation: anim-moema-1 .3s forwards;}
.char_more:hover:before {-webkit-animation: anim-moema-2 .3s .3s forwards;animation: anim-moema-2 .3s .3s forwards;}
@-webkit-keyframes anim-moema-1 {
60% {
-webkit-transform:scale3d(.8, .8, 1);
transform:scale3d(.8, .8, 1)
}
85% {
-webkit-transform:scale3d(1.1, 1.1, 1);
transform:scale3d(1.1, 1.1, 1)
}
100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@keyframes anim-moema-1 {
60% {
-webkit-transform:scale3d(.8, .8, 1);
transform:scale3d(.8, .8, 1)
}
85% {
-webkit-transform:scale3d(1.1, 1.1, 1);
transform:scale3d(1.1, 1.1, 1)
}
100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@-webkit-keyframes anim-moema-2 {
to {
opacity:0;
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@keyframes anim-moema-2 {
to {
opacity:0;
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}

/*about*/
.ab_bc{padding:100px 0;}
.ab_wz{background: #fff;text-align: center;}
.ab_wz img{
}
.gy {max-width: 1400px;margin: 0 auto; min-width: 1300px;width: 100%;}
.ab_wz b{display: block;font-size: 26px;color: #333;margin:50px 0 36px;text-align: center;}
.ab_wz div{font-size: 16px;color: #666;line-height: 30px;width: 77%;margin:0 auto;text-align: center;}
.ab_wz a{display: block;width: 48px;height: 48px;background: #3786dc;text-align: center;line-height: 48px;margin: 30px auto 0;color: #fff;transition: all .5s;border-radius: 100%;font-size: 16px;}

/*case*/
.case {width: 100%;background: url(../images/20210714192711_1363023504.jpg)no-repeat center;padding: 80px 0;height: 728px;}
.case_box {max-width: 1400px;min-width: 1300px;margin: 0 auto;}
.case_tit {text-align: center;}
.case_tit p {font-size: 18px;color: #fff;display: flex;flex-direction: column;line-height: 24px;}
.case_tit p span {font-size: 42px;font-weight: normal;    line-height: 60px;padding-bottom: 20px;}
.case_con {background: url(../images/20210713162908_1333914743.png)no-repeat center;position: relative;width: 100%;height: 170px;margin-top: 16%;}
.case_con ul {display: flex;max-width: 1400px;min-width: 1300px;margin: 0 auto;/* overflow:  hidden; */}
.case_con li {color: #fff;position: absolute;text-align: center;}
.case_con li:after {content:'';width:28px;height: 3px;background: #ff0000;position: absolute;}
.case_con li:nth-child(1) {top: 6%;left: 15%;}
.case_con li:nth-child(1):after {bottom: -34px;left: 75px;transform: rotate(-16deg);}
.case_con li:nth-child(2) {top: -67px;left: 31%;}
.case_con li:nth-child(2):after {bottom: -17px;left: 68px;transform: rotate(6deg);}
.case_con li:nth-child(3) {top: -29px;left: 44%;}
.case_con li:nth-child(3):after {bottom: -39px;left: 77px;transform: rotate(-8deg);}
.case_con li:nth-child(4) {top: -120px;right: 32%;}
.case_con li:nth-child(4):after {bottom: -30px;left: 70px;transform: rotate(0deg);}
.case_con li:nth-child(5) {top: -46px;right: 14%;}
.case_con li:nth-child(5):after {bottom: -58px;left: 83px;transform: rotate(19deg);}
.case_con li em {font-family:Arial;}
.case_con li em b {font-size: 26px;font-family:Microsoft YaHei;}
.case_con li em i {font-size: 26px;font-family:Microsoft YaHei;}
.case_con li p {display: flex;flex-direction: column;font-size: 16px;    line-height: 30px;}
.case_con li p span {font-size: 14px;font-family: Arial;line-height: 20px;padding-top: 4px;}

/*新闻中心*/
.news {width: 100%;background-color: #f8f8f8; overflow: hidden;height:860px;}
.news_box {max-width: 1400px;min-width: 1300px; margin: 0 auto;overflow: hidden;}
.news_tab {margin-top:80px;}
.news_Cen {font-size: 38px;line-height: 40px;color: #3786dc;float: left;}
.news_Cen span {color: #3786dc;}
.news_Cen p {font-size: 16px;color: #888888;line-height: 42px;}
.news_pic {width: 600px; float: left;margin-top: 30px; position: relative;height: 570px;}
.news_nav {overflow: hidden;}
.news_dyn {display: inline-block;float: right;}
.news_dyn ul {list-style: none;}
.news_dyn ul li {width: 150px;float: left;background: #fff;text-align: center;height: 54px;line-height: 54px;position:relative;}
.news_dyn ul li+li {margin-left: 12px;}
.news_dyn ul li a {font-size: 16px;color: #333;display: block;}
.news_y .news_div_item_year,.news_div_item_month,.news_div_item_day {float: left;}
.news_div_item_title a {font-size: 16px;line-height:40px;}
.news_div_item_title a:hover {color:#ca0000;}
.news_div_item_body {font-size:14px;color:#999999;line-height:26px;}
.news_y .news_div_item_date {font-size: 14px;color: #999999;position:absolute;bottom:26px;left: 200px;
 margin-left: 24px;}
.news_y .news_div_item {width: 100%;position:relative;float: left;border-bottom: 1px solid #dddddd;padding-bottom: 21px;margin-top: 26px;}
.news_y .news_div_item_content {width: 100%;float:right;margin-left:24px;}
.news_y .news_div_item_pic,.news_div_item_pic {float: left;overflow: hidden;}
.news_y img.news_div_item_image {width: 200px;height: 150px;display: none;}
.news_y .news_div {display: inline-block;}
.news_pic .news_div {display: inline-block;}
.news_pic .news_div_item_content {position:absolute;bottom:0;   border-bottom: 1px solid #dddddd;height: 115px;}
.news_call {width: 1300px !important;}
.news_y {width: 52%;float: right;display: inline-block;margin-top:5px;}
.news_dyn ul li.on a{background: #3786dc;color: #ffffff;transition: 0.5s;}
.news_pic img.news_div_item_image {width:600px;height:450px;}
.news_y .news_div_item:nth-child(1) {}
.news_div_item img{transform: scale(1);transition: 0.4s;}
.news_div_item:hover img{transform: scale(1.1);}
/**/.my-kefu {position:fixed;right:0px;top: 260px !important;z-index:9999;}
.my-kefu ul {width:77px;}
.my-kefu li a {text-decoration:none;}
.my-kefu li {background:#3786dc;margin-top:1px;padding:9px 0;height: 77px;width:77px;}
.my-kefu li i {background:url(../images/20180125180109_955413449.png) no-repeat;display:block;width:30px;height:27px;margin:0px auto;text-align:center;}
.my-kefu li p {height:20px;line-height:20px;overflow:hidden;text-align:center;color:#fff;}
.my-kefu .my-kefu-qq i {background-position:4px 0;}
.my-kefu .my-kefu-tel i {background-position:0 -25px;}
.my-kefu .my-kefu-tel1 i {background-position:-35px 4px;}
.my-kefu .my-kefu-tel1:hover {width:246px;height:145px;}
.my-kefu .my-kefu-tel2 i {background-position:-35px 4px;}
.my-kefu .my-kefu-tel2:hover {width:246px;height:145px;}
.my-kefu .my-kefu-liuyan i {background-position:4px -53px;}
.my-kefu .my-kefu-weixin i {background-position:-34px 4px;}
.my-kefu .my-kefu-weibo i {background-position:-30px -22px;}
.my-kefu .my-kefu-ftop {background-color:#3786dc;}
.my-kefu .my-kefu-ftop i {width:33px;height:35px;background-position:-27px -51px;}
.my-kefu-left {float:left;width:77px;height:47px;position:relative;}
.my-kefu-tel-right {font-size:20px;color:#fff;float:left;height:24px;line-height:22px;padding-left:15px;border-left:1px solid #fff;margin-top:8px;}
.my-kefu-tel1-right {font-size:20px;color:#fff;float:left;height:24px;line-height:22px;margin-top:8px;border:none;margin:0 auto;margin-bottom:5px;}
.my-kefu-tel2-right {font-size:20px;color:#fff;float:left;height:24px;line-height:22px;margin-top:8px;border:none;margin:0 auto;margin-bottom:5px;}
.my-kefu-right {width:20px;}
.my-kefu-tel-main {color:#fff;margin-top:9px;height:47px;width:247px;}
.my-kefu-main {width:97px;position:relative;}
.my-kefu-weixin-pic {position:absolute;left:-130px;top:-24px;display:none;}

/*版权*/
.links{ height:90px; font-size:15px; color:#eaeaea; line-height:90px; padding:0 20px; border-bottom: 1px #eee solid;}
.links_t{padding-left:25px; background:url(../images/20210714142730_893543651.png) no-repeat left center;color:#333; font-size:16px;}
.w1300 {max-width: 1400px;min-width: 1300px; margin: 0 auto;}
.linkTagcs li a:hover{ color:#333 !important;}
.linkTagcs li a {color:#666666 !important; font-size:15px;}
.linkTagcs {width:1000px !important;}
.copyright{background-image: linear-gradient(55deg, #0072ee 0%, #02c5fd 100%);}
.crcon{padding: 60px 0;}
.crkslj,.crcode{ font-size:0;    padding-bottom: 80px;} 
.crkslj li{ display:inline-block; vertical-align:top;margin-right:85px;}
.crkslj li p a{font-size:20px;color: #fff;font-weight:normal;position:relative;padding-left:23px;margin-left: 0;margin-bottom:20px;}
.crkslj li p:after{ content:''; display:block; position:absolute; height:1px; width:13px; margin:10px 0; transition:all .5s ease; background:#f8f8f8; left:0; top:5px;}
.crkslj li a{font-size:15px;font-weight:lighter;display:block;line-height:33px;color: #fff!important;margin-left:23px;}
.crkslj li a:hover{ text-decoration:underline; color:#333 !important;}
.crconcat{text-align:center;line-height:28px;font-size:14px;color: #fff;height:204px;padding-left:70px;border-left:1px solid #eee;}
.crconcat span{display:block;font-family:Arial, Helvetica, sans-serif;font-size:32px;color: #fff;margin-bottom:15px;}
.crconcat a{ display:block; margin:15px auto 0 auto; padding: 0 20px 0 50px; line-height:40px; border-radius:25px; background:#ca0000 url(../images/20210714143603_1470522457.png) no-repeat 24px center; font-size:13px; font-weight:lighter; color:#ffffff !important;}
.crconcat a:hover{  box-shadow:0 0 5px #ca0000;}
.crcode dl{ display:inline-block; vertical-align:top;font-size:14px; line-height:40px; text-align:center; color:#666666;}
.crcode dl img{ width:134px; height:134px;}
.crcode dl+dl{ margin-left:14px;}
.end{padding:26px 0;line-height:32px;background-image: linear-gradient(55deg, #0072ee 0%, #02c5fd 100%);}
.end ,.end a{font-size:13px;color: #fff !important;text-align: center;}
.end a:hover{ text-decoration:underline; color:#ccc !important;}
.end p:nth-child(2) a{ padding:0 5px;}
.copy_icon {float:right;}
.copy_pic {float:left;height: 180px;overflow: hidden;}
.copy_pic li {width:  130px; height: 180px; overflow: hidden;    }
.copy_pic li p {font-size: 20px;color: #fff !important;text-align: center;}
.copy_pic li i {margin-top: 20px;display: inline-block;}
.copy_pic li i img {width:130px;height:130px;}
.copy_str {float:right;margin-left: 38px;margin-top: 38px;}
.copy_str li {width:40px;height: 40px;background:#333333 !important ;border-radius: 50%;text-align: center;padding-top: 8px;transition: 0.5s;cursor: pointer;color:#fff;font-size:16px;}
.copy_str li:last-child {font-size:20px;    padding-left: 2px;}
.copy_str li.on {background: #ca0000 !important;transition: 0.5s; }
.copy_str li+li {margin-top:10px;}