@font-face {
 font-family:fontDin1;
 src: url(../fonts/din-medium_woff.txt),url(../fonts/din-medium_eot.txt),url(../fonts/din-medium_woff2.txt),url(../fonts/din-medium_ttf.txt)}
/**/
*{ margin:0px; padding:0px;}
body{font-size:14px; color:#484848; font-family:"Microsoft YaHei";min-width:1400px; overflow-x:hidden;}
img{margin: 0px; padding: 0px;border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
dl,dt,dd,ol,ul,li,from,input,select,span,p,div{margin: 0px; padding: 0px; list-style: none;}
.clear{clear:both;}
a{color: #484848; text-decoration: none; font-size:14px;}
a:hover{color: #1a61c1;cursor:pointer;}
em ,i{ font-style:normal;}
input,button,select,textarea{outline:none}
.w1400{ width:1400px; margin:0 auto;}
.w1290{ width:1290px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}

.top10{height:10px;}
.top20{height:20px;}
.top30{height:30px;}
.top40{height:40px;}
.top50{height:50px;}
.top60{height:60px;}
.top70{height:70px;}
.top80{ height:80px;}


.en{ text-transform:uppercase; font-family:arial}
li,p,i,b,em,dt,dd,td,a,ul,td,input,textarea,span{box-sizing:border-box;font-family:"Microsoft YaHei";font-family: "Microsoft YaHei";}
.title { text-align:center; font-size:40px; color:#333; position:relative;font-weight: normal;}
.title1:after{ content:''; display:block; position:absolute; width:100%; bottom:3px; left:0;}
.title b{ color:#1a61c1;} 
.title b span{ font-weight: bold; color:#d8e5f4; font-size:40px;} 
.title i{ color:#1a61c1; font-weight:bold;} 

.title span{ display:block; font-size:16px; color:#888; margin:10px 0 15px 0; font-family: Helvetica Neue LT Pro; text-transform: uppercase; font-weight: 300;}
.title em{ display:inline-block; height:8px; padding:0 20px; position:relative; z-index:3;} 
.title em i { display: inline-block; width: 12px; height: 12px; border-radius: 50%; background: #dcdcdc; animation: bounce_fountainG 1.2s linear infinite;}
.title em i+i{ margin-left:12px;}
.title em i:nth-child(1){animation-delay: .4s;}
.title em i:nth-child(2){background:#1a61c1;animation-delay: .6s;}
.title em i:nth-child(3){animation-delay: .8s;}
.title em img{margin-top: 10px;}

@keyframes bounce_fountainG { 
0% {
transform:scale(1);
}
100% {
transform:scale(.5);
}
}
.hovermaincolor a:hover{ color:#1a61c1;}

/**/
.header{height:90px;position:relative;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center;}
.hleft a{ display:block;padding-right: 15px;}
.hleft{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center;padding: 0 8px;}
.hleft img{}
.hleft em{display: block;font-size: 20px;font-weight: normal;letter-spacing: -0.5px;font-family: fontDin1;}
.hleft p{font-size: 33px;letter-spacing:1.5px;margin-top: 5px;font-weight: bold;}
.hleft p b{ display:block; font-size:39px;}
.hright{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center;margin-right: 20px;}

.htel i{ display:block; letter-spacing:-1px;}
.hbtn{height:90px; padding:0 30px 0 0px; display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center;position: relative;}
.hbtn em{font-size: 20px;margin-right: 10px;}
.hbtn em img{
    height: 20px;
    position: relative;
    top: 1px;
}
.hbtn li{display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center; position:relative; height:90px; cursor:pointer;}
.hbtn li+li{ margin-left:10px;}
.hbtn li span,.hbtn li span a{ display:inline-block; font-size:12px; color:#fff; font-weight:lighter;}
.hbtn li span{ padding-top:36px;} 

.hbtn li:nth-child(1) span{ background:url(../images/20210802170208_1406918166.png) no-repeat top center; width:36px;}
.hbtn li:nth-child(2) span{ background:url(../images/20210802170208_1406918166.png) no-repeat top center; width:36px;}
.hbtn li>img{ position:absolute; width:100px; padding:10px; background:rgba(230,230,230,.4); top:90%; right:0; visibility:hidden; transition:all .2s ease; opacity:0; z-index:9;}
.hbtn li:hover>img,.hbtn li:hover .hseach{ top:100%; opacity:1; visibility:visible;}
.hseach{ position:absolute; top:100%; right:0; visibility:hidden; transition:all .2s ease; padding:20px; z-index:9; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.2);transition:all .2s ease; opacity:0;top:90%; } 
.search_bg{ height:35px; width:410px; white-space:nowrap; border-radius:18px; padding:0 5px; background:#1a61c1;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center;}
.search_bg input{ border:none; background:none;}
#infoname{ width:350px; padding-left:20px; box-sizing:border-box; height:35px;}
.keywords{ margin-top:15px; text-align:center;}
.keywords,.keywords a{white-space:nowrap; font-size:12px; color:#484848;}
.nav{ height: 90px;}
.nav ul{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:flex-start;}
.nav td table{    display: none !important;}
.nav ul li{position:relative;margin-right: 50px;transition:all .3s ease;}
.nav ul li:hover>a,.nav ul li.cur>a{ color:#1a61c1;font}
.nav ul li>a{line-height:90px;font-size: 16px;transition:all .3s ease;font-weight: lighter;}
.nav>ul>li.cur>a:after, .nav>ul>li:hover>a:after {width: 100%;}
.nav>ul>li>a:after {content: '';display: block;position: absolute;bottom: 0;height: 3px;background: #1a61c1;width: 0;left: 0;transition: all .3s ease;}
@media screen and (max-width:1700px){
	.nav ul li{margin-right: 20px;}
	}
@media screen and (max-width:1550px){
	.nav ul li>a{font-size: 13px;}
	.htel{ margin:0 15px;}
	.hbtn{ padding:0 15px;}
	}
.nav>ul>li .dropmenu{width:260%;position:absolute;top:90px;left:-80%;z-index: 99;transform-origin: 0 0;transform: perspective(600px) rotateX(-90deg);transition:600ms ease;}
.nav>ul>li:hover .dropmenu{transform: perspective(600px) rotateX(0deg);transition:600ms ease;cursor:pointer; }
.nav>ul>li .dropmenu a{font-size: 15px;display:block;line-height:40px;text-align:center;color:#fff;background:rgba(16,17,15,.8);transition:600ms ease; margin-top:1px;}
.nav>ul>li .dropmenu a:hover{background:#1a61c1;}
.nav>ul>li table,.nav>ul>li tbody,.nav>ul>li tr,.nav>ul>li td{ display:block; width:100%;}

/**/
.banner{overflow:hidden; width:100%; position:relative; z-index:1; background:#ddd;}
.banner-box{ min-width:1300px; height:700px; position:relative; margin:0 auto; }
.banner-box .bd, .banner-box .bd ul{ width:100% !important; }
.banner-box .bd li{width:100% !important;height: 700px;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; top:280px; 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/20210707101956_555231048.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(../images/20210707101956_555231048.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; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; opacity:0.8;}
.banner-box .hd ul li.on{ background: #1a61c1;border-radius: 8px; width:70px;}
.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; }

/**/
.num ul{padding-top: 30px;}
.num li{width: 126px;height: 126px;float: left;text-align: center;border-radius: 50%;border: 3px solid #e5e5e5;padding: 15px 0;margin: 0 53px;position: relative}
.num li span{font-size: 40px;color: #484848;font-family: fontDin1;}
.num li i{font-size: 18px;color: #484848;}
.num li p{font-size: 14px;color: #888;}
.num li p:before {content: '';display: block;width: 59px; height: 22px;background:url(../images/20210803164328_199451378.png) no-repeat; bottom: -4px;; position: absolute;left: 30px;}
.num li:after {content: '';display: block;width: 20px; height: 20px;background:url(../images/20210803165148_1085434856.png) no-repeat; bottom: -44px;; position: absolute;left: 50px;}
.num li:hover{border: 3px solid #1a61c1;}
.num li:hover span{color: #1a61c1;}
.num li:hover p{color: #1a61c1;}
.num li:hover i{color: #1a61c1;}
.num li:hover p:before {content: '';display: block;width: 59px; height: 22px;background:url(../images/20210804101553_1630704630.png) no-repeat; bottom: -4px;; position: absolute;left: 30px;}
.num li:hover:after {content: '';display: block;width: 20px; height: 20px;background:url(../images/20210804101553_536549398.png) no-repeat; bottom: -44px;; position: absolute;left: 50px;}

/**/
.speak{ background:url(../images/20210804090903_247593182.jpg) no-repeat center;height: 599px;}
.speak .w1400{ height:519px;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start; padding-top:70px;}
.spleft{ position:relative; width:640px; height:390px; background:url(../images/20210804092619_1083727432.jpg) no-repeat center; border:30px solid #fff; box-shadow:0 0 15px #ccc;display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center;border-radius: 30px;}
.spvidio{ display:inline-block; width:76px; height:76px; position:relative;}
.spvidio span{width:76px; height:76px; background:url(../images/20210804100304_1767490230.png) no-repeat center; display:block;z-index:33; position:relative; cursor:pointer;}
.video_box{width:100%;height:100%;background:rgba(0,0,0,0.6);position: fixed;top:0;left:0;z-index:-1;opacity:0;transition:600ms ease;}
.video_box.cur{opacity:1;z-index:999999;transition:600ms ease;}
.video{position: fixed;top:-100%;left:47%;margin-top:-250px;margin-left:-500px;transition:600ms ease;}
.video_box.cur .video,.video_box.cur .video_x{top:42%;transition:600ms ease;}
.video_x{width:50px;height:50px;border-radius:50px;background:#fff;position: fixed;top:-100%;left:44%;margin-left:520px;margin-top:-250px;text-align: center;line-height:50px;font-size:22px;font-weight: lighter;cursor: pointer;transition:600ms ease;}
.pulse2 {position: absolute;  top: -25%;left: -25%;z-index: 1; width:150%; height:150%; border-radius: 50%; opacity: 0; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; opacity: 0; -webkit-animation: warn 2s ease-out; animation: warn 2s ease-out;-o-animation:warn 2s linear infinite;-moz-animation:warn 2s linear infinite; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; background: #1a61c1;box-shadow: 1px 1px 30px #1a61c1; }
.pulse3 {position: absolute; top: -25%;left: -25%;z-index: 1; width:150%; height:150%; border-radius: 50%; opacity: 0; -webkit-animation: warn1 2s ease-out; animation: warn1 2s ease-out;-o-animation:warn1 2s linear infinite;-moz-animation:warn1 2s linear infinite; -webkit-animation-iteration-count: infinite;background: #1a61c1; animation-iteration-count: infinite;box-shadow: 1px 1px 30px #1a61c1;}
@keyframes warn {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.6;
    }
    75% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.65;
    }
    100% {
        transform: scale(1);-webkit-transform: scale(1);opacity: 0.0;
    }
}
@-o-keyframes warn {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.6;
    }
    75% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.65;
    }
    100% {
        transform: scale(1);-webkit-transform: scale(1);opacity: 0.0;
    }
}
@-moz-keyframes warn {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.6;
    }
    75% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.65;
    }
    100% {
        transform: scale(1);-webkit-transform: scale(1);opacity: 0.0;
    }
}
@-webkit-keyframes warn {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.6;
    }
    75% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.65;
    }
    100% {
        transform: scale(1);-webkit-transform: scale(1);opacity: 0.0;
    }
}
@keyframes warn1 {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.6;
    }
    75% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.65;
    }
    100% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.0;
    }
}
@-webkit-keyframes warn1 {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.6;
    }
    75% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.65;
    }
    100% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.0;
    }
}
@-o-keyframes warn1 {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.6;
    }
    75% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.65;
    }
    100% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.0;
    }
}
@-moz-keyframes warn1 {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.6;
    }
    75% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.65;
    }
    100% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.0;
    }
}
.spright{ width:550px; padding:30px 85px 0 0px;}
.sp_t{ font-size:20px; color:#222222;font-weight: normal;}
.sp_t em{ display:block; text-transform:uppercase; font-size:33px; margin-bottom:15px;}
.sp_t em i{color: #1a61c1;font-weight: bold;}
.sp_t span{display: block;font-size: 14px;text-transform: uppercase;font-family: Aparajita;color: #bbbbbb;letter-spacing: 0.7px;margin-top: 5px;}
.sp_c{font-size: 14px;color:#bbb;line-height: 30px;margin: 20px 0 30px;}
.sp_a a{background: #1a61c1;font-size: 14px;color: #fff;padding: 11px 23px;font-weight: lighter;}
.sp_t span:after {content: '';display: block;width: 50px;height: 4px;background: #e7e7e7;margin-top: 25px;}
.sp_a a:hover{background: #f29a00;}

/**/
#product_t{text-align:center; padding-top:50px;}
#product_t3{text-align:center; margin-top: 20px;}
#product_t1{text-align:center; font-size:40px; font-weight:normal; padding-top:5px;color: #333;}
#product_t1 span{color:#1a61c1;font-weight:bold;}
#product_t2{text-align:center; font-size:16px; padding-top:10px;color: #888888;}
.sort_bg table tr:nth-child(2) {display: none;}
#tab1 {overflow:hidden;width: 1010px;margin:0 auto;height:55px;margin-top:30px;}
#tab1 li{float:left;color:#888;height:55px;line-height:55px;cursor:pointer;width: 180px;font-size:18px;text-align:center;background:url(../images/20210804164442_1932015032.png);margin-right:20px;}
#tab1 li:nth-child(8){margin-right:0px;}
#tab1 li a{color:#777; font-size:16px;}
#tab1 li.current1{color:#fff;background:url(../images/20210804164442_1920656660.png);width: 180px;height:55px;line-height:55px;}
#tab1 li.current1 a{color:#fff; font-size:16px;}

#content1{width:1400px;margin:0 auto;position:relative;height: 1000px;}
#content1 ul{display:none; position: absolute; height:800px;}
#content1 ul:nth-child(1){display:block;}

#content1 .sort_bg{width:1400px; height:60px; border-bottom:1px solid #eaeaea; line-height:60px; font-size:14px;}
#content1 .sort_bg a{font-size:15px; color:#888888;}
#content1 .sort_bg a:hover{font-size:15px; color:#1a61c1;}

#content1 .sort_bg td{width:120px !important; height:60px; line-height:60px; background:url(../images/20210804164203_1906649677.png) no-repeat; text-indent:20px;}

.prod_dd{margin-top:10px;}
.prod_dd table td{display:block;float:left;width: 443px !important;padding:18px !important;border:1px #e6e6e6 solid;margin-left:20px;margin-top:20px;background: #f5f5f5;}
.prod_dd table td img{width: 100%;transition:all linear 0.5s;-moz-transition:all linear 0.5s;-ms-transition:all linear 0.5s;-webkit-transition:all linear 0.5s;}
.prod_dd table td span a{font-size:16px; color:#222; text-align:left;display:block; line-height:50px; margin-top:10px;}
.prod_dd table td span a:after{content:"+MORE"; display:block; float:right; margin:12px 2px 0 0;width:74px;font-size:14px; height:28px; line-height:28px; color:#fff; text-align:center;background:#7e7e7e;}
.prod_dd table td:hover span a:after{background:#1a61c1;}
.prod_dd table td br{display:none;}
.prod_dd table td>a{display: block;width: 100%;overflow: hidden;}
/**/
#cptd_bg{width:100%; height:604px; background:url(../images/20190930100212_657575937.jpg) center no-repeat;}
#cptd_t{text-align:center; padding-top:95px; height:49px; color:#fff; font-size:36px; font-weight:bold;}
#cptd_t1{text-align:center; height:102px; color:#fff; font-size:18px;}

.guide-slider {
    width: 1250px;
    margin: 0 auto;
    background: #fff;
    height: 290px;
}

.guide-slider .guide {
    width: 200px;
    height: 290px;
    float: left;
    -webkit-transition: all ease-in .3s;
    transition: all ease-in .3s;
    position: relative;
    overflow: hidden;
}

.guide-slider .guide .display {
    border-right: 1px solid #d5d5d5;
    width: 200px;
    height: 290px;
    text-align: center;
    float: left;
    position: relative;
    z-index: 2;
    background: #ffffff;
    -webkit-transition: all ease-in .3s;
    transition: all ease-in .3s;
}

.guide-slider .guide .display .icon {
    display: inline-block;
    width: 74px;
    height: 74px;
    margin-top: 32px;
    background-image: url(../images/20190930152842_1198034012.png);
}

.guide-slider .guide .display .icon.icon1 {
    background-position: -592px 0;
}

.guide-slider .guide .display .icon.icon2 {
    background-position: 0 0;
}

.guide-slider .guide .display .icon.icon3 {
    background-position: -296px 0;
}

.guide-slider .guide .display .icon.icon4 {
    background-position: -444px 0;
}

.guide-slider .guide .display .icon.icon5 {
    background-position: -518px 0;
}

.guide-slider .guide .display .title {
    font-size: 18px;
    color: #666666;
    height: 40px;
    line-height: 40px;
	font-weight:bold;
}

.guide-slider .guide .display .introduction {
    border-top: 1px solid #ddd;
    width: 150px;
    margin: 0 auto;
    font-size: 12px;
    color: #999999;
    text-align: left;
    line-height: 20px;
	padding-top:8px;
	margin-top:8px;
}
.guide-slider .guide .display .introduction p{padding-top:20px; text-align:center; font-size:16px;}
.guide-slider .guide .display .introduction p span{font-size:30px; font-weight:bold;}

.guide-slider .guide .display::after {
    content: "";
    display: block;
    position: absolute;
    border-style: solid;
    border-color: transparent #ffffff transparent transparent;
    border-width: 10px 15px;
    top: 100%;
    margin-top: 0;
    right: -1px;
    -webkit-transition: all ease-in .3s;
    transition: all ease-in .3s;
}

.guide-slider .guide .behind {
    width: 250px;
    height: 290px;
    display: inline-block;
    border-right: 1px solid #ddd;
    background: #fff;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.guide-slider .guide .behind .function-list-wrap {
    width: 210px;
    margin: 0 auto;
	padding-top:20px;
}

.guide-slider .guide .behind .function-list {
    margin-right: -10px;
    margin-top: 20px;
}

.guide-slider .guide .behind .function-list > li {
    float: left;
    padding-right: 10px;
}

.guide-slider .guide .behind .function-list > li > a {
    display: block;
    border: 1px solid #ddd;
    width: 100px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    margin-bottom: 18px;
    color: #0876c2;
}

.guide-slider .guide .behind .function-list > li > a:hover {
    text-decoration: none;
    border: 1px solid #0876c2;
    background: #0876c2;
    color: #ffffff;
}

.guide-slider .guide .behind .function-list > li > a.important {
    color: #f58914;
}

.guide-slider .guide .behind .function-list > li > a.important:hover {
    border: 1px solid #f58914;
    background: #f58914;
    color: #ffffff;
}

.guide-slider .guide.on {
    width: 450px;
	cursor:pointer;
}

.guide-slider .guide.on .display {
    background: #1a61c1;
    border-right-color: transparent;
}

.guide-slider .guide.on .display .title {
    color: #fff;
}

.guide-slider .guide.on .display .introduction {
    color: #fff;
}
.guide-slider .guide.on .display .introduction p{padding-top:20px; text-align:center; font-size:16px;}
.guide-slider .guide.on .display .introduction p span{font-size:30px; font-weight:bold;}

.guide-slider .guide.on .display::after {
    top: 50%;
    margin-top: -5px;
}

.guide-slider .guide.on .display .icon.icon1 {
    background-position: -74px 0;
}

.guide-slider .guide.on .display .icon.icon2 {
    background-position: -148px 0;
}

.guide-slider .guide.on .display .icon.icon3 {
    background-position: -222px 0;
}

.guide-slider .guide.on .display .icon.icon4 {
    background-position: -370px 0;
}

.guide-slider .guide.on .display .icon.icon5 {
    background-position: -666px 0;
}

#hzkh_bg{width:1400px; margin:0 auto; margin-top:20px;}

/**/
.trait{ height:1021px; background:url(../images/20210806150509_1067786324.jpg) no-repeat center;}
.tratitle{ text-align:center; font-size:18px; color:#333333;font-weight: lighter;padding-top: 70px;position: relative;}
.tratitle b{ display:block; color:#333; font-size:45px; margin-bottom:5px;font-weight: normal;}
.tratitle i{color: #1a61c1;font-weight: bold;}
.tratitle:after {content: '';display: block;width: 51px;height: 2px;background: #000;margin-top: 15px;position: absolute;left: 48%;}
.trait ul{ margin-top:163px;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start; }
.trait ul li{width:496px;}
.traright{ text-align:right;}
.trait ul li dl+dl{ margin-top:52px;}
.tratop{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center;}
.tratop p+p{ margin-left:20px;}
.tranum{ transition:all .3s ease; width:62px; height:62px; font-size:36px; color:#2f4557; line-height:62px; text-align:center; font-family:fontDin1;border: 1px solid #2f4557; position:relative; z-index:9;border-radius: 50%;}
.tra_t{ padding: 0 20px;font-size:23px; color:#2f4557; font-weight:bold; transition:all .3s ease;}
.traright .tratop{justify-content:flex-end;}
.tra_c{ position:relative; margin:13px 0 0 32px; height:66px; padding:0 0 0 50px; font-size:14px; color:#74777a; line-height:28px;text-transform: uppercase;}
.traright .tra_c{ margin:13px 32px 0 0; padding:0 50px 0 0;}
.traright .tra_c:after{ left:auto; right:0;}
.tra_c:after{ width:11px; height:11px; border-radius:50%; border:1px solid #e5e8ec; top:0;}
.tra_c:before{ width:1px; height:50px; background:#e1e5e9; bottom:0; left:5px;}
.traright .tra_c:before{ left:auto; right:5px;}
.trait ul li dl:hover .tranum:after{transform:rotateY(0); }
.trait ul li dl:hover .tranum{ background:none;}
.tratop span{display: block; font-size: 13px;color: #aeb2b6;text-transform: uppercase;font-weight: lighter;line-height: 25px;}

/**/
.adv{ height:1047px; background:url(../images/20210803105343_1297365646.jpg) no-repeat center;display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center;}
.adv .title,.adv .title b{font-size: 45px;}
.adv .title span{font-size: 18px;}
.adv .title em i{background: #fff;}
.adv .title em i:nth-child(2) {background: #f29a00;}
.adv .title,.adv .title b,.adv .title span{ color:#fff;}
.advtab{ margin:30px 0;display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:flex-start;}
.advtab li+li{ margin-left:1px;}
.advtab li{ cursor:pointer; width:349px; height:200px; background:#fff; text-align:center; padding:30px 0; font-size:30px; color:#484848; transition:all .3s ease; position:relative;}
.advtab li em{ display:block; transition:all .3s ease; font-size:14px; color:#aaaaaa; margin-top:3px;    text-transform: uppercase;}
.advicon{ display:inline-block; transition:all .3s ease; width:58px; height:65px; background:url(../images/20210803112244_1162540000.png) no-repeat left top;}
.advtab li:nth-child(2) .advicon{ background-position-x:-94px;}
.advtab li:nth-child(3) .advicon{ background-position-x:-180px;}
.advtab li:nth-child(4) .advicon{ background-position-x:-272px;}
.advtab li:nth-child(5) .advicon{ background-position-x:-368px;}
.advtab li.on .advicon{ background-position-y:-80px;}
.advtab li.on{ background:#f29a00; color:#fff;}
.advtab li.on em{color:#fff;}
.advtab li:after{ content:''; display:block; position:absolute; width:0; height:0; top:95%; transition:all .3s ease; left:0; right:0; margin:0 auto; border-left:12px solid transparent; border-right:12px solid transparent; border-top:12px solid #f29a00; opacity:0;}
.advtab li.on:after{ top:100%; opacity:1;}
.advcon{ padding:50px; background:#fff; height:400px; position:relative;}
.advbottom{ position:absolute; left:65px; bottom:80px; width:520px;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center; font-size:25px; color:#777; z-index:9;}
.advbottom i{ color:#1a61c1;}
#advline{ position:relative; width:410px; height:1px; background:#e1e1e1;}
#advline:after{ content:''; display:block; position:absolute; width:0; height:3px; top:0; left:0; transition:all .3s ease; background:#1a61c1;}
#advline.advline1:after{ width:25%;}
#advline.advline2:after{ width:50%;}
#advline.advline3:after{ width:75%;}
#advline.advline4:after{ width:100%;}
.advcen ul{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start;}
.advright{ width:550px;}
.advtop{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center; font-size:36px; color:#343434;}
.advtop em{ display:block; font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#d1d1d1; margin-top:3px;}
.advnum{ width:84px; line-height:84px; border-radius:5px; margin-right:20px; background:#343434; color:#fff; font-size:50px; font-family:fontDin1; text-align:center;}
.advwa{ margin-top:60px; font-size:18px; color:#777777; line-height:45px; font-weight:lighter;}
.advbottom:before{content: '0';display: block;color: #1a61c1; margin-top: 0px;position: absolute;left: -15px;}

/**/
.case{ padding:80px 0;}
.casecon .tempWrap{ overflow:visible !important;}
.casecenter{ width:1400px; overflow:hidden; margin:0 auto; padding:0 10px 0 10px; margin:10px auto 0 auto;}
.casecon .divdgweb_new_div_item{width:406px !important; height:150px; position:relative; padding:335px 20px 20px 20px; transition:all .3s ease; box-shadow:0 0 10px #eaeaea; margin:20px 30px 21px 0;}
.casecon .news_div_item_pic { position:absolute; top:20px; overflow:hidden; left:20px; width:406px; height:305px;z-index:3;}
.casecon .divdgweb_new_div_item_content{z-index:3; position:relative;padding: 10px;}
.casecon .divdgweb_new_div_item:after{ content:''; display:block; position:absolute; width:100%; height:0; top:0; left:0; background:#1a61c1; transition:all .3s ease;-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.casecon .divdgweb_new_div_item:hover:after{ height:100%;}
.casecon .divdgweb_new_div_item:hover .news_div_item_pic img{ transform:scale(1.1);}
.casecon .divdgweb_new_div_item:hover .divdgweb_new_div_item_a{ color:#fff;}
.casecon .divdgweb_new_div_item:hover .divdgweb_new_div_item_body{ color:#b6deff;}
.casecon .news_div_item_pic img{ width:100%;height:100%; transition:all .6s ease;}
.casecon .divdgweb_new_div_item_a{ font-size:20px; color:#484848; display:block;}
.casecon .divdgweb_new_div_item_body{ font-size:16px; color:#bbb;line-height:32px; height:64px; overflow:hidden; margin-top:15px;}
.casecon .divdgweb_new_div_item_a:after{ content:''; display:block; width:44px; height:44px; line-height:38px; border-radius:50%; background:#1a61c1 url(../images/20210803095133_173434353.png) no-repeat center; position:absolute; left:20px; bottom:-65px; transition:all .3s ease;}
.casecon .divdgweb_new_div_item:hover .divdgweb_new_div_item_a:after{ transform:rotate(360deg); background-color:#f29a00;}
.casebottom{ margin-top:40px; text-align:center; font-size:0;}
.casebottom i,.casebottom ul,.casebottom li{ display:inline-block; vertical-align:middle; cursor:pointer;}
.casebottom ul{ margin:0 130px;}
.casebottom li{ display:inline-block; width:22px; height:22px; border-radius:50%; background:#e7ebf0; cursor:pointer; position:relative;}
.casebottom li:after{ content:''; display:block; position:absolute; width:12px; height:12px; border-radius:50%; background:#a1b2c6; top:0; bottom:0; left:0; right:0; margin:auto;}
.casebottom li+li{ margin-left:20px;}
.casebottom li.on:after{ background:#1a61c1;}
.casebottom li.on{ background:#c2daf7;}

/**/
.news_all{background: #f5f5f5;}
.news{ padding:70px 0 100px 0;}
.news_cont{height:572px;margin-top: 60px;}
.news_cont_l{width:560px;height:570px;}
.news_cont_l .news_div{    width: 490px;height: 518px;padding: 36px;background: #fff;}
.news_cont_l .news_div_item{ position: relative;}
.news_cont_l .news_div_item_date{position: absolute;right: 0;top: 355px;width: 100px;height: 20px;display: block;    font-size: 14px;line-height: 20px;font-family: 'Arial';}
.news_div_item_year ,.news_div_item_month ,.news_div_item_day{float:left}
.news_cont_l .news_div_item_content{position: absolute; top: 350px; width:100%;}
.news_cont_l .news_div_item_pic{position: absolute;}
.news_cont_l .news_div_item_pic img{width:488px;height:325px;}
.news_cont_l .news_div_item_a{font-size:18px;color:#333;font-weight:lighter;width:100%;height: 185px; display: block;position: absolute; z-index: 3;}
.news_cont_l .news_div_item_body{font-size:14px;color:#aaa;font-weight:lighter;margin-top:36px; line-height:24px;}
.news_cont_l .news_div_item_body:after{content:'>>';width:160px;height:35px;background:#1a61c1;text-align:center;color:#fff;display:block;line-height:35px;     position: relative;   top: 35px;}
.news_cont_l .news_div_item_a:hover{color:#1a61c1;}
.news_cont_r{width:800px;height:604px;}
.news_cont_r ul{height:65px;}
.news_cont_r ul a{width:30.41%;height:63px;margin-left:4%;float:left;background:#e8e8e8;border:1px solid #efefef;text-align:center;line-height:65px;font-size:18px;color:#333;font-weight:bolder;display:block; font-weight: 300;}
.news_cont_r ul a:nth-child(1){ margin-left:0;}
.news_cont_r .cur{background:#1a61c1;color:#fff;}
.news_cont_r .news_div_item:nth-child(1){display:none;}
.news_cont_r .news_div_item{margin-top:8px;position: relative;width:777px;height:146.5px; background: #fff; padding:10px;}
.news_cont_r .news_div_item_date{display:none;}
.news_cont_r .news_div_item_pic{position: absolute;}
.news_cont_r .news_div_item_pic img{width:221px;height: 148px;}
.news_cont_r .news_div_item_content{position: absolute;width:517px;left:260px;top:33px;}
.news_cont_r .news_div_item_a{font-size:18px;color:#333;width:100%;height:115px;display:block;position:absolute;z-index:3;}
.news_cont_r .news_div_item_a:hover{color:#1a61c1;}
.news_cont_r .news_div_item_body{font-size:14px;color:#aaa;font-weight:lighter;margin-top:36px;line-height:24px;}
.news  .news_div_item:hover .news_div_item_body:after{background: #f29a00;}

/**/
.abcon{position:relative;width:1400px;height:304px;box-shadow:0 0 15px rgba(0,0,0,.2);background:#fff;margin: -239px auto 0 auto;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center;box-sizing:border-box;padding:40px 60px;}
.abright span{ font-size:25px; color:#484848; display:block;font-weight: bold;letter-spacing: 3px;}
.abright em{font-size: 13px;color: #484848;margin-bottom:20px;font-weight: lighter;text-transform: uppercase;   line-height: 20px;}
.abright {width: 944px;}
.title p{text-transform: uppercase;font-size: 16px;color: rgb(255,255,255,0.3);margin-top: 5px;}
.abright p,.abright p a{ font-size:14px; color:#aaaaaa; line-height:36px; font-weight:lighter;margin-top: 20px;}
.abline{ width:0; height:242px; border-left:1px solid #e9e9e9; margin:0 30px;}
.videobg{ height:568px; position:relative; z-index:0; background:url(../images/20210803113509_928003155.jpg) no-repeat center; position:relative;}
.video_x1 span:after{display: none !important;}
.ableft{width: 240px;text-align: center;}
.ableft a{padding: 0 7px;}
.ableft span{font-size: 16px;color: #484848;font-weight: lighter;margin: 20px 0;display: inline-block;}
.ableft em{font-size: 36px;color: #dbdbdb;font-family: Arial;font-weight:normal;}
.ableft img{margin-top: 10px;width: 120px;}
 @keyframes myfirst {  0% {  
               transform: translate(0px, 0px);  }  
           50% {  
               transform: translate(0px, -10px);  
           }  
           100% {  
               transform: translate(0px, 0px);  
           }  
}
.qyxx{ margin-top:40px;}
.qyxxcon{ margin-top:30px;}
.qyxxcon ul td{ display:block; float:left; width:264px; padding-left:0px !important; margin-bottom:60px;}
.qyxxcon ul td+td{ margin-left:20px;}
.qyxxcon ul td br{ display:none;}
.qyxxcon ul td>a{ display:block; width:100%; height:100%; border:1px solid #dddddd; transition:all 0.5s ease; overflow:hidden;}
.qyxxcon ul td div{ width:100%; height:40px; line-height:40px; text-align:center; padding-top:0px !important;transition:all 0.5s ease;}
.qyxxcon ul td div>a{ display:block; color:#666; font-size:16px; line-height:60px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; transition:all 0.5s ease; padding:0px 10px;}
.qyxxcon ul{ display:none;}
.qyxxcon ul:nth-child(1){ display:block;}

/**/
.copyright{ background:#303343; position:relative; padding-top:20px;}
.crcontact{  width:1400px; left:0; right:0; background:#404352; height:150px; margin:0 auto; box-sizing:border-box; padding:30px;border-radius: 5px;}
.crcontact{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center; }
.crcontact ul{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:flex-start;}
.crcontact li{font-size: 22px;color:#b8bac8;position:relative;font-weight: normal;padding: 0 91px 0 130px;position:relative;line-height: 45px;font-family: fontDin1;}
.crcontact li:nth-child(1){ padding-left:20px;}
.crcontact li:nth-child(4){ padding-right:0;}
.crcon{  padding: 60px 0; display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start;}
.crcon ul{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;margin-right: 50px;align-items:flex-start;}
.kslj p{ font-size:18px; color:#ffffff; margin-bottom:25px;font-weight: normal;}
.kslj a{ font-size:15px; color:#81828a; line-height:30px; display:block;}
.kslj a:hover,.end a:hover{ color:#fff;}
.kslj li{width:130px; }
.kslj li+li{ margin-left:50px;}
.crcode img{ display:block; width:140px; height:140px; margin-bottom:10px;}
.crcode li{font-size:16px; color:#303343;text-align:center;background: #fff;font-weight: normal;    height: 175px;line-height: 10px;}
.crcontact li p{font-family: fontDin1;}
.crcontact li i{font-size: 16px;display: block;}
.crcontact li img{margin-left: 36%;}
.crcode li+li{ margin-left:10px;}
.end{ background:#303343;}
.end .w1400{ height:150px;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center;}
.end,.end a{ font-size:16px; color:#6f717c;}
.end a:hover{ color:#fff;}
.end span{font-size: 16px;color: #6f717c;}

/**/
.links_bg{width:100%; height:111px; background:#1a61c1; overflow:hidden;}
.links{line-height: 111px; font-size: 20px; color: #fff;font-weight: lighter;}
.links p.fl{padding-left: 34px; background: url(../images/20210119185722_1449869235.png) no-repeat left center;margin-right: 20px;}
.links p.fl span{font-family: impact; text-transform: uppercase; padding: 0 20px 0 0px; border-right: 1px solid #1d7dff;font-size: 22px;}
.linkTagcs li a{line-height: 110px !important;}
.links p.fr a{font-size: 16px;color: #fff;font-weight: lighter;}

/**/
.y-kefu-box { position: fixed; right: 0; top: 30%; z-index: 9999; font-size: 13px;}
.y-kefu-box a{ text-decoration:none;}
.y-kefu-box img { display: block; width: 100%; height: auto; }
.y-kefu-box01 .icon { display: block; background: url(../images/20210730115527_1836750065.png) no-repeat; margin: 0 auto 6px;}
.y-kefu-box01 { width: 54px; color: #666; text-align: center; }
.y-kefu-box01 .kf-close-btn { width: 27px; height: 27px; background-position: -5px -114px; position: relative; cursor: pointer;}
.y-kefu-box01 .kf-close-btn:before { content: ''; display: block; width: 1px; height: 12px; position: absolute; bottom: -12px; left: 13px; z-index: 1;  background-color: #1a61c1; }/**/
.y-kefu-box01 .show-status>a, .y-kefu-box01 .show-status>div { display: block; width: 52px; padding: 8px 0 12px; background-color: #fff; border-left: solid 1px #efefef; border-top: solid 1px #efefef; border-right: solid 1px #efefef; position: relative;}
.y-kefu-box01 .show-status { position: relative; }
.y-kefu-box01 .show-status .kf-zixun { background-color: #1a61c1; border-color: #1a61c1; color: #fff; margin: 10px 0 7px;}/**/
.y-kefu-box01 .kf-zixun { border-radius: 2px; }
.y-kefu-box01 .kf-zixun i { width: 21px; height: 22px; background-position: -5px -5px; }
.y-kefu-box01 .kf-mobile { border-top-left-radius: 2px; border-top-right-radius: 2px; }
.y-kefu-box01 .kf-mobile>i { width: 18px; height: 18px; background-position: -5px -32px; }
.y-kefu-box01 .kf-mobile:hover>i { background-position: -30px -32px; }
.y-kefu-box01 .kf-weChat>i { width: 22px; height: 19px; background-position: -5px -55px; }
.y-kefu-box01 .kf-weChat:hover>i {background-position: -30px -55px; }
.y-kefu-box01 .kf-email { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
.y-kefu-box01 .kf-email>i { width: 18px; height: 14px; background-position: -5px -80px; }
.y-kefu-box01 .kf-email:hover>i { background-position: -30px -80px; }
.y-kefu-box01 .back-top i { width: 13px; height: 11px; background-position: -5px -98px; }
.y-kefu-box01 .back-top:hover i { background-position: -30px -98px; }
.y-kefu-box01 .kf-email, .y-kefu-box01 .back-top  { border-bottom: solid 1px #efefef;}
.y-kefu-box01 .back-top { margin-top: 20px; border-radius: 2px; left: 55px;}
.y-kefu-box01 .hver:hover { background-color: #1a61c1; border-color: #1a61c1;}/**/
.y-kefu-box01 .hver:hover>p { color: #fff; }
.y-kefu-box01 .mobile-infos, .y-kefu-box01 .y-ewm-box, .y-kefu-box01 .y-email-infos { background-color: #fff; border: solid 1px #efefef; position: absolute; right: 90px; z-index: 2; border-radius: 2px; display: none;} 
/**/
.y-kefu-box01 .mobile-infos { width: 260px; text-align: left; top: 0;}
.y-kefu-box01 .mobile-infos>div { padding: 20px 0 20px 45px; position: relative; }
.y-kefu-box01 .mobile-infos>div i { width: 15px; height: 15px; background-position: -52px -32px; position: absolute; top: 22px; left: 20px; z-index: 2; }
.y-kefu-box01 .mobile-infos .online1 { border-bottom: solid 1px #efefef; }
.y-kefu-box01 .mobile-infos span { color:#b9b9b9; }
.y-kefu-box01 .mobile-infos p { color: #1a61c1; font-size: 18px; }/**/
.right { width: 12px; height: 12px; position: absolute; right: -12px; top: 24px;}
.right-arrow1,.right-arrow2 { width: 0; height: 0; display: block; position: absolute; left: 0; top: 0; border-top: 6px transparent dashed; border-right: 6px transparent dashed; border-bottom: 6px transparent dashed; border-left: 6px white solid; overflow: hidden;}
.right-arrow1 { left: 1px; border-left: 6px #efefef solid;}
.right-arrow2 { border-left: 6px white solid;}
/**/
.y-kefu-box01 .y-ewm-box { width: 151px; height: 178px; top: -60px;}
.y-kefu-box01 .y-ewm-box>div { width: 151px; height: 178px; }
.y-kefu-box01 .y-ewm-box img { width: 120px; height: 120px; margin: 20px auto 10px; }
.y-kefu-box01 .y-ewm-box .y-ewm-img1 { width: 150px; border-right: solid 1px #efefef; }
.y-kefu-box01 .y-ewm-box .right { top: 84px; }
/**/
.y-kefu-box01 .y-email-infos { padding: 28px 20px 28px 45px; color:#b9b9b9; text-align: left; bottom: 0; }
.y-kefu-box01 .y-email-infos p { color: #1a61c1; font-size: 16px; }/**/
.y-kefu-box01 .y-email-infos>i { width: 18px; height: 13px; background-position: -52px -80px; position: absolute; left: 15px; top: 30px; }
.y-kefu-box01 .y-email-infos .right { top: 55px; }
.y-kefu-box01 .hide-status { width: 54px; height: 65px; background-color:#1a61c1;position: absolute; top: 37px; left: 55px; z-index: 9;}/**/
.y-kefu-box01 .hide-status .kf-zixun { padding: 10px 0 7px; color: #fff; cursor: pointer; }