/*??????????*/
*{ margin:0px; padding:0px;}
body{font-size:14px; color:#222222; font-family:"Microsoft YaHei"; font-family:'????????????'; font-weight:200;}
div{margin:0px; padding:0px; margin:0px; box-sizing:border-box;}
span,p{margin:0px; padding:0px;}
h1,h2,h3,h4,h5,h6{margin:0px; padding:0px;}
img{margin:0px; padding:0px;}
dl,dt,dd,ol,ul,li{margin:0px; padding:0px; list-style:none;}
img{border-right-width:0px; border-top-width:0px; border-bottom-width:0px; border-left-width:0px;}
from,input,select{margin:0px; padding:0px;}
.clear{clear:both; font-size:0px; overflow:hidden; height:0px;}
a{color:#222222; text-decoration:none; font-size:14px;}
a:hover{color:#c10e18; text-decoration:none; cursor:pointer;}
em ,i{ font-style:normal;}
input,button,select,textarea{outline:none}
.w1400{width:1400px;margin:0 auto;}
.db,.lb,.dd{font-size:0;}
.db>div,.lb>li,.dd>dl{font-size:14px;display:inline-block;vertical-align:top;}
.top10{height:10px;}
.top20{height:20px;}
.top30{height:30px;}
.top40{height:40px;}
.top50{padding-top:50px;}
.top60{height:60px;}
.top70{height:70px;}
.top80{ height:80px;}
.fr{ float:right;}
.fl{ float:left;}
.top35{ margin-top:35px}
li,p,i,b,em,dt,dd,td,a,ul,td,input,textarea,span,tr{ box-sizing:border-box; font-family:"Microsoft YaHei"; font-family:'????????????';}
/*??????*/
.yinyin{box-shadow:0px 0px 10px #ddd;}
.header{ height:110px; padding-left:2%; min-width:1400px; background:#fff; z-index:99999999999;}
.hlogo{ padding-top:31px;}
.hmean{ margin-left:20px; padding-left:20px; border-left:1px solid #333333; font-size:14px; color:#333333; font-weight:lighter; line-height:20px;}
.hmean span{ font-size:18px;}
.hmean strong{ display:block; font-size:22px; margin-top:5px;}
.sitmap a{ display:block; width:92px; height:110px; background:#f1f1f1 url(../images/20200529174352_1816819180.png) no-repeat 38px 23px; text-align:center; line-height:145px; font-size:14px; font-weight:lighter; color:#999999;}
.sitmap a:hover{ color:#c10e18;}
.header nav li{ float:left; margin-right:50px; transition:all .3s ease; position:relative;}
.header nav li.cur>a,.header nav li:hover>a{color:#c10e18;}
.header nav li>a{ display:block; font-size:16px; color:#484848; line-height:110px;}
@media screen and (max-width:1620px) {
    .header nav li{
		 margin-right:30px;
		 }
}
@media screen and (max-width:1450px) {
    .header nav li{
		 margin-right:25px;
		 }
}
.dropmenu{ position:absolute; width:180%; left:-60%; background:rgba(255,255,255,0.85); top:110px; display:none; z-index:333; padding:20%; box-sizing:content-box;}
.dropmenu table td table{ display:none;}
.dropmenu a,.dropmenu table td a{ display:block; width:100%; line-height:50px; border:1px solid #eee; color:#666666; text-align:center; transition:all 0.5s ease; font-size:14px; font-weight:normal !important;}
.dropmenu a+a{ margin-top:10px;}
.dropmenu table,.dropmenu table tr,.dropmenu table td,.dropmenu table tbody{ width:100% !important; display:block;}
.dropmenu a:hover{ border-color:#c10e18; background:#c10e18; color:#fff;}
.dropmenu table tr+tr{ display:block; margin-top:10px;}
/*????????*/
.banner{overflow:hidden; width:100%; position:relative; z-index:1;}
.banner-box{min-width:1300px;height: 501px;position:relative;margin:0 auto;}
.banner-box .bd, .banner-box .bd ul{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:728px; background-position:center; background-repeat:no-repeat; background-color:#eee}
.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:294px;left:0;margin-left:0;height: 185px;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/20200529181701_744396055.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(../images/20200529181701_744396055.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:13px; height:13px; border-radius :50%; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out}
.banner-box .hd ul li.on{ background:#c10e18;border-radius:130px;}
.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; }

.search{ height:80px; border-bottom:1px solid #eee;}
.keywords,.keywords a{ font-size:13px; line-height:79px; color:#999; font-weight:lighter;}
.keywords span{ font-size:14px; font-weight:lighter; color:#222;}
.keywords a:hover{ text-decoration:underline; color:#c10e18;}
#search_bg{ width:250px; height:44px; border-radius:25px; padding-left:20px; background:#f1f1f1; margin-top:17px;}
#search_bg input{ float:left; height:44px;}
#sso{ border-radius:50%; background:#555555;}
#infoname{background:none; width:185px;}
.speak{ height:366px; background:url(../images/20200530085857_978464953.jpg) no-repeat center; padding-top:60px;}
.spwa{ width:911px; height:67px; background:url(../images/20200530090556_9604343.png) no-repeat center; font-size:15px; line-height:30px; color:#cccccc; padding:5px 46px 0px 198px; margin-bottom:40px;}
.comnum{ width:900px; float:left;}
.comnum li{ float:left; text-align:center; width:25%; height:94px; border-left:1px dotted #bcbcbc; padding-top:10px;}
.comnum li:nth-last-child(1){ border-right:1px dotted #bcbcbc;}
.comnum li p:nth-child(2){ font-size:16px; font-weight:lighter; color:#aaaaaa; margin-top:10px;}
.comnum strong{ font-size:50px; color:#222222; font-family:impact, Arial, Helvetica, sans-serif; line-height:50px;}
.comnum li i{ display:inline-block; width:18px; height:18px; border-radius:50%; background:#222; margin-left:10px; color:#fff; font-size:12px; line-height:18px;}
.speakright{ position:relative; width:394px; height:245px; background:url(../images/20200530090556_1240875976.png) no-repeat center;}
.vc{ width:50px; height:50px; cursor:pointer;position:relative; margin:70px 0px 0px 172px; }
.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:50%;margin-top:-250px;margin-left:-500px;transition:600ms ease;}
.video_box.cur .video,.video_box.cur .video_x{top:50%;transition:600ms ease;}
.video_x{width:50px;height:50px;border-radius:50px;background:#fff;position:fixed;top:-100%;left:50%;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:-25px;left:-25px;z-index:1; width:100px; height:100px; 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:#fff;box-shadow:1px 1px 30px #fff;}
.pulse3 {position:absolute; top:-25px;left:-25px;z-index:1; width:100px; height:100px; 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; animation-iteration-count:infinite;box-shadow:1px 1px 30px #fff;}
@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;
    }
}
/*????? ?? ???????????????*/
.hot_bg{width:1400px; margin:30px auto 60px auto;}
.hot_t{text-align:center; margin-top:60px; font-size:18px; color:#aaa; text-align:center;}
.hot_t p{font-weight:bold; font-size:36px; color:#222;}
.hot_t p strong{color:#c10e18;}

.hot_pro{ background:#fff; box-shadow:0px 2px 14px #acacac; padding:11px; margin:20px 0px 0px 0px;}
.hot_pro>div{ padding:30px;}
.hot_pic{ width:38%;}
.hot_pic img{ width:100%;}
.hot_wb{ width:59%;}
.hot_title{ color:#222; font-size:30px; font-weight:bold;}
.hot_tdbj{ margin-top:8px;}
.hot_tdbj ul li{ float:left; width:100px; height:30px; color:#fff; font-size:14px; line-height:30px; text-align:center;}
.hot_tdbj ul li:nth-child(1){ background:#9a9a9a;}
.hot_tdbj ul li:nth-child(2){ background:#5e5e5e;}
.hot_tdbj ul li:nth-child(3){ background:#737373;}
.hot_cs{ float:right; width:100%; color:#222; font-size:16px; line-height:48px; padding-top:30px;}
.hot_cs div:nth-child(1),.hot_cs div:nth-child(2){ width:50%;}
.hot_cs div p{ border-left:1px dashed #d1d1d1; border-top:1px dashed #d1d1d1; padding-left:20px;}
.hot_cs div:nth-child(2)>p,.hot_cs div:nth-child(4)>p{ border-right:1px dashed #d1d1d1;}
.hot_cs div:nth-child(4)>p:nth-child(4){ border-bottom:1px dashed #d1d1d1;}

/*?????????????????????????????????????????????*/
.proadv{ padding:70px 0; background:#eeeeee;}
.patitl{ text-align:center; font-size:18px; color:#222222; font-weight:lighter;}
.patitl strong{ display:block; font-size:40px; color:#222; margin:0 0 5px 0;}
.patitl span{ color:#c10e18;}
.patable{ margin:40px 0 50px 0;}
.papk dl{ float:left; font-size:18px; color:#484848; line-height:40px; background:#fff; width:670px; height:262px; box-sizing:border-box; padding:40px; transition:all .3s ease;}
.papk dl strong{ display:block; font-size:30px; color:#c10e18; margin-bottom:15px;}
.papk dl+dl{ float:right; }
.papk dl:hover{ box-shadow:0 0 15px #ccc;}
.patable{ border:1px solid #d1d1d1;}
.patable li,.patable dl{ float:left; box-sizing:border-box;}
.patable li+li,.patable dl+dl{ border-left:1px solid #d1d1d1;}
.patable li .patop{ position:relative; background:#5f5f5f; font-size:30px; color:#fefefe; line-height:120px; height:120px; text-align:center; overflow:hidden;}
.paone{ width:8%;}
.paone .patop span{ position:absolute; font-size:18px; top:30px; right:15px; line-height:18px; display:inline-flex;}
.paone .patop span+span{ top:70px; left:15px;}
.paone .patop:after{ content:''; display:block; position:absolute; width:1px; height:165px; background:#aaaaaa;    transform:rotate(-43deg);top:-22px;right:55px;}
.patable li .pac p{ font-size:18px; color:#484848; line-height:90px; text-align:center; background:#f5f5f5; border-top:1px solid #d1d1d1; height:90px; vertical-align:middle;}
.paone .pac p{ font-weight:bold;}
.patable li .pac p:nth-child(even){ background:#fefefe;}
.patable dl{ width:50%;}
.ptwo{ width:46%;}
.pac p{ position:relative;}
.pac p em{ display:block; position:absolute; width:500px; height:340px; right:-1px; top:100%; display:none; transition:all .4s ease; z-index:999; border:1px solid #d1d1d1; cursor:pointer;}
.pac p em img{ width:100%; height:100%;}
.pac p:hover em{ display:block;}
.pac p span{ width:103px; height:70px; overflow:hidden; margin-top:10px; display:inline-block; cursor:pointer;}
.pac p span img{ width:100%; height:100%; transition:all .5s ease;}
.pac p:hover span img{ transform:scale(1.1);}
/*????? ?? ????????????????????????????*/
.solve{ height:1052px; background:url(../images/20200530101657_1512754078.jpg) no-repeat center; padding-top:74px;}
.soltil{ text-align:center; color:#fff; margin-bottom:45px;}
.soltil p:nth-child(1){ font-size:35px; font-weight:bold;}
.soltil p:nth-child(2){ font-size:18px; margin:5px 0px 15px 0px;}
.soltil p:nth-child(3){ font-size:12px; text-transform:uppercase;}
.soltil p i{ color:#aaa;}
.solleft{ width:307px; height:747px; background:#323232; padding:60px 0px;  position:relative;}
.soljt{ position:absolute; cursor:pointer; width:22px; height:12px; left:143px;}
.solup{ background:url(../images/20200530103109_1930081190.png) no-repeat top center; top:30px;}
.soldown{ background:url(../images/20200530103109_1756560975.png) no-repeat top center; bottom:30px;}
.soljt:hover{ background-position-y:-13px;}
.soltab ul{ width:100%; position:absolute;}
.soltab{ width:100%; height:631px; overflow:hidden; position:relative;}
.soltab:before{ content:''; display:block; width:225px; height:1px; margin:0 auto; background:#3b3b3b;}
.soltab li{ padding:0px 26px; height:90px; cursor:pointer; position:relative;}
.soltab li p{ padding:25px 0px 0px 55px; position:relative; color:#fff; font-size:18px; width:100%; height:100%; border-bottom:1px solid #3b3b3b; z-index:333;}
.soltab li p span{ display:block; font-size:12px; color:#888888;}
.soltab li p:after{ content:''; display:block; position:absolute; top:24px; width:34px; height:39px; background:url(../images/20200530104923_2032806759.png) no-repeat bottom center; left:3px;}
.soltab li:after{ content:''; display:block; position:absolute; top:0px; left:0px; width:0px; right:0px; margin:0 auto; transition:all .3s ease; height:89px; background:#c10e18;}
.soltab li.on:after{ width:100%;}
.soltab li.on p:after{background:url(../images/20200530104923_2032806759.png) no-repeat top center;}
.soltab li.on p span{ color:#fff;}
.solvecon{ position:relative; overflow:hidden; width:1070px; height:747px; background:#fff; overflow:hidden;}
.solvecon ul{ position:absolute;}
.solvecon ul li{ float:left; width:30%; height:350px; margin:1%;}
.solvecon p.fl{ font-size:25px; font-weight:bold; color:#c10e18;text-align:center;width:100%;}
.solvecon ul li img{width:100%;}
.soltop p a{ display:inline-block; width:101px; height:30px; border:1px solid #575757; line-height:28px; text-align:center; font-size:14px; color:#222; transition:all .3s ease;}
.soltop p a+a{ margin-left:10px; border-color:#c10e18; background:#c10e18; color:#fff;}
.soltop p a:hover{ border-radius:18px;}
.solw{ margin:15px 0px 35px 0px; font-size:14px; color:#999999; line-height:30px;}
.solw strong{ display:block; font-size:16px; color:#222222; margin-bottom:10px;}
/*???????????????????*/
.main_box{ width:100%; position:relative;}
.box{ width:1442px; margin:10px auto; padding:15px;}
.box ul li{ width:202px; height:300px; box-shadow:3px 2px 30px rgba(0,0,0,.1); float:left; text-align:center; position:relative; transition:all .6s ease-out;}
.box ul li h3{ padding-top:30px; color:#333; font-size:33px; font-weight:bold;}
.box ul li p{ margin-top:7px; color:#666; font-size:16px;}
.box ul li img{	width:150px; height:150px; position:absolute; right:26px; bottom:40px; transition:all .6s ease-out;}
.box ul .on{ width:402px; height:300px; background-color:#c10e18; text-align:left;}
.box ul .on h3{ padding-left:20px; color:#FFF;}
.box ul .on p{ margin-left:20px; color:#FFF;}
.box ul .on img{ width:200px; height:200px; position:absolute; right:0px; bottom:0px;}
.box ul li .advwaes{ width:0px; overflow:hidden; height:0; transition:all .3s ease;}
.box ul li.on .advwaes{ height:150px; width:200px; padding-top:30px; font-size:12px; line-height:25px; color:#fff; padding-left:20px;}
/*???????????????????????????? ??????????????????*/
.trait{ height:897px; background:url(../images/20200530115025_963890685.jpg) no-repeat center; padding-top:60px;}
.tratil{ text-align:center; font-size:18px; color:#888888;}
.tratil p:nth-child(1){ font-size:40px; font-weight:bold; color:#222;}
.tratil p:nth-child(1) span{ color:#c10e18;}
.tratil p:nth-child(3){ color:#616161;}  
.tratil p:nth-child(3) strong{ font-size:30px;}
.tratil p:nth-child(3) i{ display:inline-block; padding-left:40px; background:url(../images/20200530115637_1185938094.png) no-repeat left top; line-height:22px;} 
.tratil p:nth-child(2){ margin:10px 0px 5px 0px;}
.traul li{ height:180px;}
.traul li div p:nth-child(1){ font-size:22px; font-weight:bold; color:#484848; line-height:56px; margin-bottom:30px;}
.traul li div p:nth-child(2){ font-size:15px; color:#aaaaaa; font-weight:lighter; line-height:25px;}
.traleft p:nth-child(1){ padding-left:88px;}
.traleft p:nth-child(2){ padding-left:30px;}
.traright p:nth-child(1){ padding-right:88px; text-align:right;}
.traright p:nth-child(2){ padding-right:30px; text-align:right;}
.traul{ margin-top:95px;}
/*?????????????????????????*/
.adv{ margin-top:50px;}
.advtitl{ text-align:center; font-size:16px; color:#222;}
.advtitl p:nth-child(1){ font-size:36px; font-weight:bold;}
.advtitl p:nth-child(1) span{ color:#c10e18;}
.advtitl p:nth-child(2){ text-transform:uppercase; font-size:20px; font-family:Aparajita, Arial, Helvetica;}
.advtitl p:nth-child(3) span{ font-size:30px;}
.advtitl p:nth-child(3) i{ display:inline-block; padding-left:40px; background:url(../images/20200530134822_1793423025.png) no-repeat left top; line-height:22px;} 
.advtitl p:nth-child(2){ margin:5px 0px 0px 0px;}
.advcenter{ margin-top:30px;}
.advtab{ width:1200px; margin:0 auto; margin-bottom:30px;}
.advtab li{ float:left; width:285px; height:90px; position:relative; border:1px solid #dadada; line-height:88px; padding-left:87px; font-size:28px; color:#484848; transition:all .3s ease; cursor:pointer;}
.advtab li span{ font-size:45px; font-family:impact; float:left; margin-right:15px;}
.advtab li+li{ margin-left:20px;}
.advtab li p{ position:relative; z-index:333;}
.advtab li.on{ border-color:#c10e18; background:#c10e18; color:#fff;}
.advtab li:after{ content:''; display:block; position:absolute; background:url(../images/20200530141929_1533649316.png) no-repeat left top; transition:all .5s ease; top:26px; left:32px;}
.advtab li:nth-child(1):after{ width:40px; height:37px;}
.advtab li:nth-child(2):after{ width:42px; height:42px; background-position-x:-55px;}
.advtab li:nth-child(3):after{ width:37px; height:42px; background-position-x:-123px;}
.advtab li:nth-child(4):after{ width:42px; height:42px; background-position-x:-181px;}
.advtab li.on:after{background-position-y:-65px;}
.advcon{ background:#f2f2f2; height:488px; overflow:hidden;}
.advcen ul{ width:1661px !important; height:488px;}
.advpic{ width:700px; margin-left:23px;}
.advwa{ width:677px; height:428px; background:#fff; box-shadow:0px 0px 15px #ccc; position:relative; margin-top:30px; padding:45px 50px 0px 60px;}
.advnum{ position:absolute; width:40px; height:120px; background:#c10e18; color:#fff; text-align:center; font-family:impact; font-size:30px; top:-10px; line-height:150px; left:50px;}
.advnum:after{ content:''; display:block; position:absolute; height:1px; background:#fff; width:22px; left:9px; bottom:16px;}
.advt{ padding-left:60px; font-size:20px; color:#222222;}
.advt strong{ display:block; font-size:30px; color:#c10e18;}
.advc{ font-size:14px; line-height:28px; color:#bbbbbb; font-weight:lighter; margin:44px 0px;}
.advwa dl dt{ float:left; width:166px; height:93px; border-left:1px dotted #cccccc; text-align:center; font-size:16px; color:#222222;}
.advwa dl dt:nth-child(3){ border-right:1px dotted #cccccc;}
.advwa dl dt p:nth-child(3){ font-size:12px; color:#bbbbbb;}
.advwa dl dt p strong{color:#c10e18; font-size:30px;}
.advwa dl dt p:nth-child(2){ margin:5px 0px 3px 0px;}
/*????????????????????*/
.case{ margin:50px auto 60px auto; width:1400px;}
.case_t{ text-align:center; font-size:18px; color:#222222; font-weight:lighter; margin-bottom:30px;}
.case_t strong{ display:block; background:url(../images/20200530151218_1296025333.png) no-repeat center; font-size:36px; color:#c10e18; margin-bottom:5px;}
.casetab{ height:105px; border:1px solid #e9e9e9; margin-bottom:30px;}
.casetab li{ float:left; text-align:center; padding-top:20px; font-size:14px; color:#cccccc; font-weight:lighter; width:11.1%; height:100%; cursor:pointer;}
.casetab li p:nth-child(1){ height:45px;}
.casetab li+li{border-left:1px solid #e9e9e9;}
.casetab li:hover img{-webkit-animation:icon-bounce 0.5s alternate; -moz-animation:icon-bounce 0.5s alternate; -o-animation:icon-bounce 0.5s alternate; animation:icon-bounce 0.5s alternate;}	
@keyframes icon-bounce {
  0%, 100% {
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
  }

  25% {
    -moz-transform:rotate(15deg);
    -ms-transform:rotate(15deg);
    -webkit-transform:rotate(15deg);
    transform:rotate(15deg);
  }

  50% {
    -moz-transform:rotate(-15deg);
    -ms-transform:rotate(-15deg);
    -webkit-transform:rotate(-15deg);
    transform:rotate(-15deg);
  }

  75% {
    -moz-transform:rotate(5deg);
    -ms-transform:rotate(5deg);
    -webkit-transform:rotate(5deg);
    transform:rotate(5deg);
  }

  85% {
    -moz-transform:rotate(-5deg);
    -ms-transform:rotate(-5deg);
    -webkit-transform:rotate(-5deg);
    transform:rotate(-5deg);
  }
}
@-webkit-keyframes icon-bounce {
  0%, 100% {
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
  }

  25% {
    -moz-transform:rotate(15deg);
    -ms-transform:rotate(15deg);
    -webkit-transform:rotate(15deg);
    transform:rotate(15deg);
  }

  50% {
    -moz-transform:rotate(-15deg);
    -ms-transform:rotate(-15deg);
    -webkit-transform:rotate(-15deg);
    transform:rotate(-15deg);
  }

  75% {
    -moz-transform:rotate(5deg);
    -ms-transform:rotate(5deg);
    -webkit-transform:rotate(5deg);
    transform:rotate(5deg);
  }

  85% {
    -moz-transform:rotate(-5deg);
    -ms-transform:rotate(-5deg);
    -webkit-transform:rotate(-5deg);
    transform:rotate(-5deg);
  }
}
@-moz-keyframes icon-bounce {
  0%, 100% {
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
  }

  25% {
    -moz-transform:rotate(15deg);
    -ms-transform:rotate(15deg);
    -webkit-transform:rotate(15deg);
    transform:rotate(15deg);
  }

  50% {
    -moz-transform:rotate(-15deg);
    -ms-transform:rotate(-15deg);

    -webkit-transform:rotate(-15deg);
    transform:rotate(-15deg);
  }

  75% {
    -moz-transform:rotate(5deg);
    -ms-transform:rotate(5deg);
    -webkit-transform:rotate(5deg);
    transform:rotate(5deg);
  }

  85% {
    -moz-transform:rotate(-5deg);
    -ms-transform:rotate(-5deg);
    -webkit-transform:rotate(-5deg);
    transform:rotate(-5deg);
  }
}
@-o-keyframes icon-bounce {
  0%, 100% {
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
  }

  25% {
    -moz-transform:rotate(15deg);
    -ms-transform:rotate(15deg);
    -webkit-transform:rotate(15deg);
    transform:rotate(15deg);
  }

  50% {
    -moz-transform:rotate(-15deg);
    -ms-transform:rotate(-15deg);
    -webkit-transform:rotate(-15deg);
    transform:rotate(-15deg);
  }

  75% {
    -moz-transform:rotate(5deg);
    -ms-transform:rotate(5deg);
    -webkit-transform:rotate(5deg);
    transform:rotate(5deg);
  }

  85% {
    -moz-transform:rotate(-5deg);
    -ms-transform:rotate(-5deg);
    -webkit-transform:rotate(-5deg);
    transform:rotate(-5deg);
  }
}
.casecon .news_div_item_pic img{ width:100%; height:100%;}
.casecon .news_div_item_pic{ width:789px; height:446px; float:left;}
.casecon .divdgweb_new_div_item_content{ float:right; width:581px; height:446px; border:1px solid #dcdcdc; padding:35px 50px;}
.casecon .divdgweb_new_div_item_a{ font-size:22px; color:#484848; font-weight:bold; display:block;}
.casecon .divdgweb_new_div_item_a:after{ content:'';margin:18px 0px 25px 0px; display:block; width:55px; height:3px; background:#a5a5a5;}
.casecon .divdgweb_new_div_item_body{ font-size:14px; color:#cccccc; line-height:30px;}
.casebtn{ margin:20px 0px 35px 0px;}
.casebtn a{ display:inline-block; width:145px; height:42px; line-height:42px; padding-left:35px; font-size:14px; font-weight:lighter; color:#fff; background:#616161 url(../images/20200530154745_120803555.png) no-repeat center; transition:all .3s ease;}
.casebtn a+a{ margin-left:10px; background:#c10e18 url(../images/20200530154745_120803555.png) no-repeat center; padding-left:22px;}
.caseconcat{ font-size:23px; font-weight:bold; color:#616161; margin-bottom:20px; padding-left:30px; background:url(../images/20200530153921_93965140.png) no-repeat left center;}
.casebtn a:hover{ border-radius:30px;}
.case_pg{ text-align:center; margin-top:30px;}
.case_pg i{ display:inline-block; width:12px; height:12px; border-radius:50%; background:#616161; cursor:pointer;}
.case_pg i+i{ margin-left:11px;}
.case_pg i.cur{ background:#c10e18;}
.casecon{ overflow:hidden;}
/*???????????????? ???????????*/
.process{ height:525px; background:url(../images/20200530160751_248371068.jpg) no-repeat center; padding-top:65px;}
.pc_t{ text-align:center; color:#fff; font-size:18px; margin-bottom:35px;}
.pc_t strong{ margin-bottom:5px; display:block; font-size:36px;}
.pcul li{ float:left; width:14.2%; text-align:center; color:#fff;}
.pcul li p:nth-child(1){ font-size:45px; font-weight:bold;}
.pcul li p:nth-child(3){ font-size:18px;}
.pcul li p span{ display:block; font-size:14px;}
.pcul li p:nth-child(2){ width:102px; height:116px; margin:17px auto; cursor:pointer; background:url(../images/20200530161847_2007065422.png) no-repeat center;}
.pcul li p:nth-child(2):hover{ background:url(../images/20200530161847_2059888579.png) no-repeat center;}
.pcul li p:nth-child(2) span{ display:block; background:url(../images/20200530162350_1522333204.png) no-repeat left top; transition:all .3s ease;}
.pcul{ background:url(../images/20200530163515_288376122.png) no-repeat 110px center;}
.pcul li p:nth-child(2):hover span{ background-position-y:-85px;}
.pcul li:nth-child(1) p:nth-child(2) span{ width:55px; height:46px; background-position-x:0px; }
.pcul li:nth-child(1) p:nth-child(2){padding:35px 23px;}
.pcul li:nth-child(2) p:nth-child(2) span{ width:49px; height:49px; background-position-x:-68px; }
.pcul li:nth-child(2) p:nth-child(2){padding:34px 27px;}
.pcul li:nth-child(3) p:nth-child(2) span{ width:45px; height:45px; background-position-x:-131px; }
.pcul li:nth-child(3) p:nth-child(2){padding:34px 30px;}
.pcul li:nth-child(4) p:nth-child(2) span{ width:53px; height:52px; background-position-x:-195px; }
.pcul li:nth-child(4) p:nth-child(2){padding:30px 29px;}
.pcul li:nth-child(5) p:nth-child(2) span{ width:39px; height:43px; background-position-x:-261px; }
.pcul li:nth-child(5) p:nth-child(2){padding:35px 34px;}
.pcul li:nth-child(6) p:nth-child(2) span{ width:43px; height:33px; background-position-x:-317px; }
.pcul li:nth-child(6) p:nth-child(2){padding:42px 34px;}
.pcul li:nth-child(7) p:nth-child(2) span{ width:45px; height:49px; background-position-x:-370px; }
.pcul li:nth-child(7) p:nth-child(2){padding:32px 29px;}
/*??????????????????????????*/
.feedback{ height:592px; background:url(../images/20200530164007_1232542843.jpg) no-repeat center; padding-top:41px;}
.fbcancat{ width:635px; height:196px; background:#333333; padding:35px 20px; margin-top:295px;}
.fbcancat li{ width:33.3%; text-align:center; color:#fff; font-size:12px;}
.fbcancat li{ float:left;}
.fbcancat li P:nth-child(1){ font-size:16px;}
.fbcancat li P:nth-child(2){ height:52px; margin-top:20px;}
.fbcancat li P:nth-child(3){ line-height:18px;}
.fbcon{ width:700px; padding:42px 50px;}
.fb_t p:nth-child(1){ font-size:36px; color:#222222; font-weight:bold;}
.fb_t p:nth-child(1):after{ content:''; display:block; width:60px; height:3px; background:#c10e18; margin:22px 0px 24px 0px;}
.fb_t p:nth-child(2){ font-size:18px; color:#666666; font-weight:lighter;}
.fb_t p:nth-child(3){ font-size:12px; color:#999999; font-weight:lighter; text-transform:uppercase; margin-top:3px;}
.fb_t{ margin-bottom:35px;}
.fbcon form li{ height:60px;}
.fbcon form li+li{ margin-top:20px; }
.fbcon form li input,.fbcon form li textarea{ float:left; width:280px; height:60px; padding-left:20px; background:#eeeeee; font-family:"Microsoft YaHei"; font-family:'????????????'; border:none; font-size:16px; font-weight:lighter;}
.fbcon form li input+input,.fbcon form li textarea+input{ margin-left:20px;}
#code{ width:160px;}
.fbcon form li img{ margin:21px 0px 0px 24px;}
#submit{ width:580px; height:60px; background:#c10e18; font-size:18px; color:#fff; transition:all .3s ease;}
#submit:hover{ background:#333;}
/*???????????NEWS*/
.news{ padding:60px 0px 80px 0px; width:100%;}
.news_row1{ position:relative; padding-bottom:25px; margin-bottom:50px; }
.news_row1:after{ content:''; width:100%; height:1px; background:#dbdbdb; display:block; position:absolute; bottom:0; left:0; }
.news_row1 .news_tit{ display:block; font-size:33px; color:#484848; font-weight:lighter; line-height:50px; float:left; height:55px;  padding-left:10px;}
.news_row1 .news_tit .en{ display:inline-block; padding-left:15px;text-transform:uppercase; }
.news_row1 .news_list{ float:right}
.news_row1 .news_list ul li{ float:left; padding:0 0 0 50px; }
.news_row1 .news_list ul li a{ font-size:20px; line-height:55px; display:block; position:relative; font-weight:lighter; color:#484848; }
.news_row1 .news_list ul li a:after{ position:absolute; content:''; width:0; background:#c10e18; height:2px; bottom:-25px; left:0; display:block; transition:0.3s all ease; z-index:3333; }
.news_row1 .news_list ul li.cur a:after,.news_row1 .news_list ul li:hover a:after{ width:100%; }
.news_row1 .news_list ul li.cur a,.news_row1 .news_list ul li:hover a{ color:#c10e18}



.news_row2_l { width:430px; height:550px; background:#f5f5f5; float:left; }
.news_row2_l .news_l_item,
.news_row2_l .news_div_item{ position:relative; width:425px; display:block; height:450px; padding:50px; }
.news_row2_l .news_l_item img,.news_row2_l .news_div_item .news_div_item_pic a,.news_row2_l .news_div_item .news_div_item_pic img{ width:325px; display:block; height:265px; }
.news_row2_l .news_l_item strong,.news_row2_l .news_div_item .news_div_item_title a{ font-size:22px; font-weight:normal; display:block; color:#484848; line-height:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.news_row2_l .news_l_item p,.news_row2_l .news_div_item .news_div_item_body{ font-size:12px; color:#c2c2c2; line-height:25px; padding:5px 0 0; overflow:hidden; margin-bottom:90px; font-weight:lighter; }
.news_row2_l .news_l_item span,.news_row2_l .news_div_item .news_div_item_date{ position:absolute; font-family:arial; font-style:normal; color:#c10e18; font-size:28px; line-height:30px; top:165px; left:90px; }
.news_row2_l .news_div_item .news_div_item_date .news_div_item_year{ font-size:inherit; color:inherit; font-family:arial; }
.news_row2_l .news_l_item span i,.news_row2_l .news_div_item .news_div_item_date .news_div_item_month,.news_row2_l .news_div_item .news_div_item_date .news_div_item_day{ font-size:16px; font-family:arial; font-style:normal; color:#c10e18; display:block; line-height:20px; }
.news_row2_l .news_div_item .news_div_item_date .news_div_item_month,.news_row2_l .news_div_item .news_div_item_date .news_div_item_day{ float:left; }
.news_row2_l .news_l_item span:after,.news_row2_l .news_div_item .news_div_item_date:after{ content:''; display:block; width:2px; height:90px; position:absolute; left:-17px; top:0; background:#c10e18}


.news_row2_r{ float:right; width:917px; }
.news_row2_r > .news_div > .news_div_item:first-child{/* display:none; */}
.news_row2_r .news_r_item,.news_row2_r .news_div_item{ height:160px; display:block; position:relative; background:#f5f5f5;}
.news_row2_r .news_div_item+.news_div_item{ margin-top:35px;}
.news_row2_r .news_div_item:nth-child(2){/* margin-top:0px; */}
.news_row2_r .news_r_item *,.news_row2_r .news_div_item *{ transition:0.3s all ease}
.news_row2_r .news_r_item span,.news_row2_r .news_div_item .news_div_item_date{ position:relative; width:150px; height:160px; float:left; color:#fff; background:#333; font-weight:normal; font-style:normal; line-height:20px; font-size:18px; font-family:arial; text-align:center; padding:30px; }
.news_row2_r .news_div_item .news_div_item_month,.news_row2_r .news_div_item .news_div_item_year{ font-size:inherit; color:inherit; font-family:arial; display:inline-block; position:relative; top:60px}
.news_row2_r .news_r_item span i,.news_row2_r .news_div_item .news_div_item_day{ color:#fff; font-size:52px; font-weight:normal; font-style:normal; display:block; line-height:60px; font-family:arial; }
.news_row2_r .news_div_item .news_div_item_day{ position:absolute; width:100%; text-align:center; left:0; top:30px; }
.news_row2_r .news_r_item:hover span,.news_row2_r .news_div_item:hover .news_div_item_date{ background:#c10e18; color:#fff; }
.news_row2_r .news_r_item:hover span i,.news_row2_r .news_div_item:hover .news_div_item_day{ color:#fff; }
.news_row2_r .news_r_item strong,.news_row2_r .news_div_item .news_div_item_title .news_div_item_a{ font-size:18px; font-weight:normal; color:#484848; display:block; line-height:45px; float:right; width:740px;  padding:10px 90px 0px 0px;}
.news_row2_r .news_r_item p,.news_row2_r .news_div_item .news_div_item_body{font-size: 14px;color: #565656;line-height:25px;float:right;width:740px;padding:5px 0;padding-right:90px;font-weight:lighter;}
.news_row2_r .news_r_item:hover strong{ color:#c10e18}
.news_row2_r .news_r_item:hover p{ color:#444444; }
.news_row2_r .news_r_item em,.news_row2_r .news_div_item .news_div_item_more{ font-size:12px; position:absolute; left:177px; top:120px; color:#888; height:20px;padding:0 0 0 0px; background:url(../images/20200530172342_1108751222.png) no-repeat -20px center; }
.news_row2_r .news_r_item em:after,.news_row2_r .news_div_item .news_div_item_more:after{ content:''; display:block; width:0px; height:1px; background:#c10e18; position:absolute; top:10px; left:0; transition:0.3s all ease}
.news_row2_r .news_r_item:hover em,.news_row2_r .news_div_item:hover .news_div_item_more{ background-position:100px center; padding:0 0 0 130px; color:#c10e18; }
.news_row2_r .news_r_item:hover em:after,.news_row2_r .news_div_item:hover .news_div_item_more:after{ width:110px}
/*- ??????????? -*/
.about{ padding:60px 0px; background:#f2f2f2;}
.ab_t{ text-align:center; font-size:20px; color:#aaaaaa; margin-bottom:30px;}
.ab_t strong{ margin-bottom:5px; display:block; font-size:40px; font-weight:bold; color:#c10e18;}
.ableft{ width:255px; height:138px; background:#c10e18; color:#fff; text-align:center; padding-top:30px; font-size:36px;}
.ableft span{ display:block; font-size:20px;}
.abright{ width:1145px; background:#fff; height:138px; padding:; font-size:14px; line-height:30px; color:#aaaaaa; padding:34px 30px;}
.abright a{font-size:14px; line-height:30px; color:#aaaaaa; }
.abright a:hover{ text-decoration:underline; color:#c10e18;}
.abwa{ margin-bottom:30px;}
.qyxxtab a{ display:inline-block; width:130px; line-height:50px; text-align:center; transition:all .3s ease; font-size:18px; color:#fff; background:#434343;}
.qyxxtab a+a{ margin-left:10px;}
.qyxxtab a.on{ background:#c10e18;}
.qymore a{ line-height:30px; font-size:14px; color:#fff; text-transform:uppercase; width:60px;background:#434343; display:block; text-align:center;}
.qymore a:hover{ background:#c10e18; text-decoration:underline;}
.qyxxcon li{padding:0px !important;margin-right:20px;width:264px;float: left;border:1px solid #dddddd;background:#fff;}
.qyxxcon li div a img {
    height: 200px;
    width: 98%;
}
.qyxxcon li div{ padding-top:0px !important;}
.qyxxcon li div a{padding: 5px 0;font-size: 15px;color:#595959;display:block;text-align: center;}
.qyxxcon li:hover>a{ border-color:#c10e18;}
.qyxxcon li:hover div a{ color:#c10e18;}
.qyxxcon ul+ul{ display:none;}
/*??????*/
.copyright{ background:#222;}
.links{ height:101px; border-bottom:1px solid #2c2c2c; line-height:100px;}
.links p.fl{ font-size:16px; color:#fffefe;}
.links p.fl span{ color:666666; font-family:impact; padding:0px 20px 0px 7px;}
.links p.fr a{ font-size:12px; color:#666666; font-weight:lighter;}
.links p.fr a:hover{ color:#fff; text-decoration:underline;}
.kslj{ padding:56px 0px;}
.crconcat>p:nth-child(1){ font-size:14px; color:#fffefe; font-weight:lighter; margin-bottom:20px;}
.crconcat div p{font-size: 13px;font-weight:lighter;color: #e0dede;line-height:30px;}
.crconcat p a{ display:inline-block; width:77px; line-height:43px; background:#fff; text-align:center; font-size:14px; color:#222222; font-weight:lighter; margin-top:35px; transition:all .3s ease;}
.crconcat p a:hover{ background:#c10e18; color:#fff;}
.crconcat p a+a{ margin-left:10px;}
.crlj{margin: 0px 34px;}
.crlj li{float:left;height: 270px;border-left:1px solid #2c2c2c;padding: 0px 50px;}
.crlj p{ text-align:center; font-size:14px; color:#ffffff; margin-bottom:20px;}
.crlj li:nth-last-child(1){border-right:1px solid #2c2c2c;}
.crlj a{display:block;font-size: 13px;color: #e0dede;line-height:30px;}
.crlj a:hover{ color:#fff; text-decoration:underline;}
.crphone p:nth-child(1){font-size:14px;color: #e0dede;font-weight:lighter;}
.crphone p:nth-child(2){font-size:25px;font-weight:bold;color: #e0dede;padding:5px 0px 30px 0px;border-bottom:1px solid #313131;margin-bottom:15px;}
.crphone p:nth-child(3){font-size:12px;font-weight:lighter;line-height:22px;color: #e0dede;}
.crerweima dl{ float:left;}
.crerweima dl+dl{ margin-left:20px;}
.crerweima p{ text-align:center; font-size:14px; color:#ffffff; font-weight:lighter; margin-top:15px;}
.end{background:#c10e18;padding: 20px 0;line-height: 27px;}
.end ,.end a{ font-size:14px; color:#ffffff; font-weight:lighter;}
.end a:hover{ text-decoration:underline;}

#htop{width:100% !important; z-index:99999999 !important;}
.quxiao1{width:100% !important; z-index:99999999 !important;}
.linkTagcs {
    width: 1000px;
    height: auto;
}

.linkTagcs ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.linkTagcs li {
    list-style: none;
    margin: 0px;
    padding-right: 10px;
    line-height: 100px;
    float: left;
}

.linkTagcs li a {
    color: #666666;
    word-break: break-all;
}

.linkTagcs li img {
    border: 0px;
}
#ftop{
    padding:7px 2%;
    display: flex;
    justify-content: space-between;
    background:#fff
}