body{margin: 0px auto; padding: 0px; font-size:14px; line-height:24px; color: #333; font-family:Microsoft YaHei;}
div{margin: 0px; padding: 0px;}
span, p{margin: 0px; padding: 0px;}
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; min-width:1200px}

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;}
b{font-weight:normal;}
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}
.tl {text-align: left;}
.cl,.clear{clear:both;}
.ov{overflow:hidden;}
.db,.lb,.dd{font-size:0;}
.db>div,.lb>li,.dd>dl{display:inline-block;vertical-align:top;}
em,.em,i{text-transform:uppercase;font-family:arial;vertical-align:top;display:block;}
.ellipse {overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}
.inline{display: inline-block;*display: inline;*zoom: 1;}
:focus {outline:none;background-color:transparent;}
::selection{background:#115195;color:#fff;}
.clearfix:after{ display: block; clear: both; content: ""; visibility: hidden; height: 0;}
.clearfix{ zoom:1;}


/*版面宽度*/
.w1400{ width:1200px; margin:0 auto; overflow: hidden;}
.box,page{ width:1200px; margin:0 auto;}


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

/*title*/

.title{ text-align:center; font-size:44px; color:#222; font-weight:bold;}
.title b{ color:#036fd7; font-weight:bold;}
.title span{ display:block; font-size:17px; color:#999; font-weight:lighter; margin: 0 0 15px 0;}
.title em{ font-size:0; display:inline-block;}
.title em i{ display:inline-block; width:10px; height:10px; border-radius:50%; background:#00b928;animation: bounce_fountainG 1.2s linear infinite;} 
.title em i+i{ margin-left:16px;}
.title em i:nth-child(1){animation-delay: .4s;}
.title em i:nth-child(2){background:#036fd7;animation-delay: .6s;}
.title em i:nth-child(3){animation-delay: .8s;}
@keyframes bounce_fountainG { 
0% {
transform:scale(1);
}
100% {
transform:scale(.5);
}
}


.title1{ text-align:center; font-size:44px; color:#fff; font-weight:bold;}
.title1 b{ color:#fff; font-weight:bold;}
.title1 span{ display:block; font-size:17px; color:#fff; font-weight:lighter; margin: 0 0 15px 0;}
.title1 em{ font-size:0; display:inline-block;}
.title1 em i{ display:inline-block; width:10px; height:10px; border-radius:50%; background:#f7ecec;animation: bounce_fountainG 1.2s linear infinite;} 
.title1 em i+i{ margin-left:16px;}
.title1 em i:nth-child(1){animation-delay: .4s;}
.title1 em i:nth-child(2){background:#f7ecec;animation-delay: .6s;}
.title1 em i:nth-child(3){animation-delay: .8s;}
@keyframes bounce_fountainG { 
0% {
transform:scale(1);
}
100% {
transform:scale(.5);
}
}




/*圈圈*/	
.pulse2 {position: absolute;  top: -50px;left: -50px;z-index: 1; width:120px; height:120px; 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: rgb(81,191,0,0.8);box-shadow: 1px 1px 30px #51bf00; }
.pulse3 {position: absolute; top: -50px;left: -50px;z-index: 1; width:120px; height:120px; 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: rgb(81,191,0,0.8); animation-iteration-count: infinite;box-shadow: 1px 1px 30px #51bf00;}
@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;
    }
}
	
	

/* head */
.head_bg{position:relative; background:#036fd7; height:44px; line-height: 44px; padding:0 3%;}
.head{color: #e8f3fd;}
.head a{color: #e8f3fd;}
.head_l{float: left; font-size: 14px;}
.head_l a{font-size: 14px; color:#666}
.head_r{float: right;}
.head_r1{float: left; background:url(../img/20210318145423_1704638832.png) left no-repeat; padding-left:33px;}
.head_r1 a{text-align: center; padding:0 15px;}
.head_r1 b{ font-size:22px; font-weight:bold; color:#fff; font-family: Arial, Helvetica, sans-serif; position: relative; top:3px; font-family:fontDin1;}

.tel_text{width:160px;background: #fff;padding: 10px 15px;margin-left:-69px;}
.tel_text p{color:#353535;margin-bottom:5px;}
.tel_text em{font-size:20px;font-weight:bold;color:#f7c326;}
.wx_ewm{width:140px;margin-left:-75px;text-align:center;background:#eee;}
.wx_ewm p{line-height:26px; color: #333;    font-size: 15px;}

.top{position: relative;background: #fff; min-width:1200px; padding: 0 3%;}
.top .logo{float: left; padding-top:25px;}
.top .logo img{width:80px; height:80px;}
.top .nav{float: right; }
.top .logo a,.top .logo a img{display: block;}
.top .nav li{float: left; margin: 0 0.6rem; transition: 0.3s all ease; height: 130px; position: relative;}
.top .nav li > a{transition: 0.3s all ease;display: block;line-height: 130px;font-size: 16px;padding: 0 10px;background-repeat: no-repeat;background-position: -40px center;color: #343434;letter-spacing: -0.2px; font-weight: 400;}
.top .top_1{ font-size:28px; color:#00b928; font-weight:bold; padding-top:33px;}
.top .top_1 p{ font-size:19px; font-weight:normal; line-height:32px; color:#666; letter-spacing:2px;}


@media screen and (max-width:1440px){
.top .nav li > a{ font-size:15px;}
.top .nav li{margin: 0 0.2rem;}
}
	
.nav #nav_li1 > a{background-image:url(../img/20210318150742_936674544.png)}
.nav #nav_li2 > a{background-image:url(../img/20210318150742_1335052767.png)}
.nav #nav_li3 > a{background-image:url(../img/20210318151306_1477776915.png)}
.nav #nav_li4 > a{background-image:url(../img/20210318151209_1199300878.png)}
.nav #nav_li5 > a{background-image:url(../img/20210318152720_482509756.png)}
.nav #nav_li6 > a{background-image:url(../img/20210318152720_927562473.png)}
.nav #nav_li7 > a{background-image:url(../img/20210318151847_1116972348.png)}


.top .nav li.navcurrent,.top .nav li:hover{ }
.top .nav li.navcurrent > a,.top .nav li:hover > a{ background-position: 0 center; padding: 0 10px 0 30px; color: #036fd7; font-weight: bold;}



/*导航下拉*/
.nav li .sedNav {width:180px;  position: absolute;  background-color: rgb(3, 111, 215,0.9); left:-36px; top:100%; z-index:9999; display: none;}
.nav li .sedNav a {display: block; line-height: 50px; color: #fff; font-size: 14px;text-align: center;     border-bottom: 1px solid #036fd7;}
.nav li .sedNav a:hover {color: #fff; background:#00b928;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b928', endColorstr='#05c905',GradientType=0 );}:root .gradient{-webkit-filter:none;filter:none;}

/*banner*/
.banner{ overflow: hidden; background:#eee; }
.banner-box{ min-width:1200px; height:500px; position:relative; margin:0 auto; background:url(../img/202212301540293418464.jpg);}
.banner-box .bd{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:500px; background-position: center; background-repeat: no-repeat; }
.banner-box .bd li a{ display:block; background-size:auto; }
.banner-btn { width: 100%; position: absolute; top: -1px; left: -1px; margin-left: 0; height: 500px; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:300px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out}
.banner-btn a.prev{ left:-50px; background:url(../img/20210318110050_1843910730.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(../img/20210318110050_1843910730.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute; bottom:30px; width: 100%; display: block; }
.banner-box .hd ul { width: 1250px; margin: 0 auto; text-align: center; }
.banner-box .hd ul li{ width:20px; height:20px; border-radius:20px; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; text-align: center; position: relative; z-index: 1111; }
.banner-box .hd ul li.on{ background:#036fd7 !important; width: 32px; }
.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*/
.search_bg{border: 1px solid #ededed; height:80px;}
.keywords{ padding-left:42px; background:url(../img/20210318163413_347741784.jpg) no-repeat left center;}
.keywords,.keywords a{ font-size:14px; color:#666; line-height:78px;}
.keywords a:hover{ color:#036fd7; text-decoration:underline;}
#search_bg input{ float:left;}
#sso{ background:#036fd7;}
#infoname{ height:78px; border:none; border-left:1px solid #e0e0e0; padding-left:54px; background:url(../img/20210318163827_143586149.png) no-repeat 10px ; font-size:14px; font-weight:lighter; width: 220px;}


/*sl*/
.sl_bg{ width:100%; background:#f5f5f5 url(../img/20210320093610_1107316880.jpg) no-repeat bottom; margin:0 auto; height:550px; padding-top:78px;}

.spvidio{ width:420px; height:390px; padding:20px; background:#fff; box-shadow:0 0 20px #c1cdd8; border-radius:20px;}
.spvidio img{ width:380px; height:340px;}
.spright{ width:720px;}
.sp_t{ font-size:30px; color:#333; font-weight:lighter;}
.sp_t b{ font-size:44px; color:#333; font-weight:bold;}
.sp_t b span{ font-size:44px; color:#036fd7; font-weight:bold;}
.sp_t1{ width:145px; color:#fff; text-align:center;background-image: linear-gradient(90deg, #036fd7 ,#00b996); margin:25px 20px 0 0; float:left; line-height:48px; font-size:18px; border-radius: 10px 0;}
.sp_t1:hover{ background:#036fd7;}
.sp_c{ font-size:15px; color:#666; line-height:30px; margin:20px 0;}
.sp_c b{ font-size:20px; color:#333; font-weight:600; line-height:44px;}
.sp_num{ font-size:15px; color:#484848;}
.sp_num span{ font-size:48px; color:#036fd7; font-family:impact; padding-left:80px;}
.sp_num span:nth-child(1){ padding-left:0;}


/*pro*/
.product{padding-top: 60px;}
.protab{margin: 45px 0; text-align: center;font-size: 0;white-space: nowrap;}
.protab a{display: inline-block;vertical-align: top;line-height: 62px;background: #eff0f1;transition: all .3s ease;font-size: 18px;color: #666666; padding: 0 54px;}
.protab a+a{margin-left: 14px;}
.protab a.on{background: #036fd7;color: #fff;}

.hotpro{ width:1197px !important;margin-bottom: 27px; background:#fff; border: 3px solid #eeeeee;  height:436px;}
.hotpro td img{width:200px; height:209px;}
.hotprotu{ border-right:2px #ededed solid;}
.hotpro td span{height:30px; overflow:Hidden;}
.hotprotu img{width:380px; height:340px;}
.hotproright{width: 580px;padding: 40px 0 0 70px;}
.hotpro_t{font-size: 30px;color: #036fd7;}
.hotpro_t span{display: block;font-size: 20px;color: #666666;font-weight: lighter;margin: 10px 0 20px 0;}
.hotpro_t:after{content: '';display: block;width: 18px;height: 4px;background: #036fd7;}
.hotpro_c{margin: 28px 0 20px 0;font-size: 15px;color: #333333; border:1px #f1f1f1 solid; padding:20px; font-weight: lighter;line-height: 32px;}
.hotpro_cfl{ width:40%; float:left;}
.hotpro_cfr{ width:55%; float:right;}
.hotproright ul{font-size: 0; }
.hotproright ul li{display: inline-block;vertical-align: top;text-align: center;font-size: 18px;color: #666666;font-weight: lighter;}
.hotproright ul li+li{margin-left:80px;}
.hotpro_icon{border-radius:10%;border: 1px solid #d1d1d1; margin-bottom: 8px; transition: all .3s ease;}
.hotproright ul li:hover .hotpro_icon{transform: rotate(360deg);box-shadow: 0 0 15px #eee;}
.proshow td{ display:inline-block; vertical-align:top; width:288px; padding:0 !important;     border: 1px #ededed solid;}
.proshow td br{ display:none;}
.proshow td a,.proshow td span{ display:block; overflow:hidden; position:relative;}
.proshow td a img{ width:100%; height:auto; transition:all .6s ease;}
.proshow td span a{ line-height:60px;   background:#666;  font-size:18px; color:#fff; font-weight:lighter;  transition:all .3s ease;}
.proshow td+td{ margin-left:13px;}
.proshow td>a:after{ content:''; display:block; position:absolute; width:100%; height:100%; background:rgba(0,0,0,.3); opacity:0; transition:all .3s ease; top:0; left:0;}
.proshow td:hover>a:after{opacity: 1;}
.proshow td:hover>a img{ transform:scale(1.1);}
.proshow td:hover span a{ color:#fff; background:#036fd7; padding:0 40px;}
  
.news_div_item_title{overflow:HIdden; width:320px; height:35px; line-height:35px;}  


.protab_w{ float:right; width:640px; margin:45px 45px 0 0; position:relative;}
.protab_t { font-size:28px; color:#222222;  display:block;  position: relative;line-height: 37px;}
.protab_w1 a{ font-size:28px; color:#222222;  display:block;  position: relative;line-height: 37px;}
.protab_w1:after{content: '';display: block;width: 58px;height: 4px;background: #036fd7;margin-top: 15px;}
.protab_t2{ font-size:15px; color:#666; font-weight:lighter; line-height:30px; position:relative; margin: 20px 0; overflow: hidden;}
.probtn a{display: inline-block;width: 160px;line-height: 39px;border: 1px solid #036fd7;text-align: center; font-size: 14px;color: #036fd7;font-weight: lighter; border-radius: 3px;transition: all .3s ease;}
.probtn a+a{background: #036fd7;color: #fff;margin-left: 15px;}
.probtn a:hover,.probtn a+a:hover{background: #00b928;color: #fff; border-color: #00b928;}
.protrait{ margin-bottom:30px;}
.protrait li{display: inline-block;vertical-align: top;width: 105px;height: 112px;border-radius: 8px;background-color: #036fd7;text-align: center;font-size: 16px;font-weight: lighter; line-height: 160px; color: #fff;transition: all .3s ease;}
.protrait li+li{margin-left: 28px;}
.protrait li:hover{background-color: #00b928;}
.protrait li:nth-child(1){background-image: url(../img/20210320153040_370887444.png);}
.protrait li:nth-child(2){background-image: url(../img/20210320153159_961365197.png);}
.protrait li:nth-child(3){background-image: url(../img/20210320153251_607812179.png);}
.protrait li:nth-child(4){background-image: url(../img/20210320153326_504838089.png);}
.protrait li:nth-child(5){background-image: url(../img/20210320153408_860441222.png);}















/*news*/
.news_t{border-bottom: 1px solid #b1b1b1;   margin-bottom: 30px;}
.news_t1{ font-size: 32px;   color: #036fd7;     font-weight: bold;     line-height: 40px;}
.news_t1 b{font-size: 20px;   color: #999999;  font-weight: 400;   padding-left: 10px; text-transform: uppercase;}
.newstab a{ display:inline-block; position:relative; font-size:18px; color:#343434; margin-left:23px;}
.newstab a+a{ margin-left:53px;}
.newstab a.on{ color:#036fd7;}
.newstab a:after,.newstab a:before{ content:''; display:block; transition:all .4s ease;}
.newstab a:after{ width:0px; margin:0 auto; height:3px; background:#036fd7; margin-top:18px;}
.newstab a.on:after{ width:100%; font-weight:500;}
.newstab a:before{ position:absolute; left:-23px; top:6px;}
.newstab a:nth-child(1).on:before{ background-position-y:-18px;}
.newstab a:nth-child(2).on:before{ background-position-y:-20px;}
.newstab a:nth-child(3).on:before{ background-position-y:-21px;}
.newstab a:nth-child(1):before{ width:18px; height:18px; background:url(../img/20210320215535_992135625.png) no-repeat top center;}
.newstab a:nth-child(2):before{ width:18px; height:20px; background:url(../img/20210320215535_699834629.png) no-repeat top center;}
.newstab a:nth-child(3):before{ width:19px; height:21px; background:url(../img/20210320215535_1338099501.png) no-repeat top center;}

.newstitl{ font-weight: lighter; font-size:18px; text-align:center; color:#aaaaaa;}
.newstitl strong{ display:block; margin-bottom:10px; font-size:36px; color:#036fd7;}
.newsleft{ width:438px; height:470px; position:relative;}
.newsleft .news_div_item_pic img{ width:100%; height:100%;}
.newsleft .news_div_item_a{ display:none; background-color:rgba(0,185,40,0.9) ; width:418px; height:80px; line-height:80px; text-align:center; bottom:10px; left:10px; font-size:20px; color:#222222; position:absolute;}
.newsleft .news_div_item_a:hover{ color:#036fd7;}
.newscen{ margin:0px 9px;}
.newscen .news_div_item{ width:380px; height:230px; background:#f6f6f6; padding:35px 25px; position:relative;}
.newscen .news_div_item+.news_div_item{ margin-top:8px;}
.newscen .news_div_item_a{ font-size:18px;  color:#222222;}
.newscen .news_div_item_body{ font-size:14px; color:#999; line-height:26px; margin-top:10px; padding-bottom:15px; border-bottom:1px solid #eeeeee;}
.newscen .news_div_item_a:after{ content:''; display:block; position:absolute;width:22px; height:18px; background:url(../img/20210320215148_1453439382.png) no-repeat left top; transition:all .3s ease; top:180px; right:36px;}
.newscen .news_div_item_date{ position:absolute; top:150px; left:30px; padding-top:34px;}
.newscen .news_div_item_date>div{ float: left; font-size:16px; color:#888; font-weight:lighter;     font-weight: lighter;}
.newscen .news_div_item_date .news_div_item_day{ font-size:33px; font-weight:bold; color:#484848; top:0px; left:0px; position:absolute;line-height: 33px; }
.newscen .news_div_item:hover .news_div_item_a:after{ background-position-x:-22px;}
.newscen .news_div_item:hover  .news_div_item_day{color:#036fd7;}
.newscen .news_div_item:hover  .news_div_item_a{ color:#036fd7; }
.newsright .news_div_item{ width:364px; height:151px; background:#f6f6f6; padding:20px; position:relative;} 
.newsright .news_div_item+.news_div_item{ margin-top:8px;}
.newsright .news_div_item_date{ padding-left:10px; height:127px; width:100px; padding-top:75px; float:left; border-right:1px solid #eeeeee; position:relative; font-size:16px; color:#888;  }
.newsright .news_div_item_date>div{ float:left;}
.newsright .news_div_item_date .news_div_item_day{ position:absolute; top:18px; left:18px; font-size:32px; color:#484848; font-weight:bold; border-bottom:2px solid #cecece;}
.newsright .news_div_item_content{ float:right; width:200px; padding-top:10px;}
.newsright .news_div_item_a{ font-size:18px; color:#222222; white-space: nowrap;height: 28px;text-align: center;overflow: hidden;text-overflow: ellipsis;}
.newsright .news_div_item_body{ margin-top:15px; font-size:14px; color:#999; }
.newsright .news_div_item_a:after{ content:''; display:block; position:absolute;width:22px; height:18px; background:url(../img/20210320215148_1453439382.png) no-repeat left top; transition:all .3s ease; top:107px; left:150px; }
.newsright .news_div_item:hover .news_div_item_a:after{ background-position-x:-22px;}
.newsright .news_div_item:hover  news_div_item_day{color:#036fd7;}
.newsright .news_div_item:hover  .news_div_item_a{ color:#036fd7; }



/*copy*/
.crcenter{height: 80px;background: url(../img/20210318170401_279236037.png) no-repeat center;}
.crcon{padding: 90px 0 60px 0; height:360px;}
.kslj,.crcode,.crcontact{font-size: 0;}
.kslj li,.crcode li,.crcontact li{display: inline-block;vertical-align: top;}
.kslj p{font-size: 18px;color: #fff;font-weight: bold;margin-bottom: 20px;}
.kslj li a{font-size: 14px;color: #eff6fd;line-height: 32px;display: block;}
.kslj li a:hover{color: #fff;}
.kslj li{margin-left: 90px; }
.crcode li img{width: 149px;height: 149px;}
.crcode li+li{margin-left: 23px;}
.crcode li span{display: block;line-height: 40px;font-size: 14px;color: #fff;background: #3294f2; text-align: center;}
.crcontact{padding: 20px 0;background: #258df0;border-radius: 15px;height: 120px; text-align: center;white-space: nowrap;}

.end{text-align:center; line-height:60px;}
.end,.end a{font-size: 14px;color: #d9ecff;}
.end a:hover{color: #fff;}
.links{height: 109px;background: #0176e7;}
.links p.fl{font-size: 18px;color: #ddebf9;padding-left: 53px;background: url(../img/20210318170658_1101815172.png) no-repeat left center;margin-top: 25px;margin-right: 40px;position: relative;}
.links p.fl span{display: block;font-size: 28px;color: #ffffff;font-family: fontDin2; text-transform: uppercase;}
.links p.fl:after{content: '';display: inline-block; position: absolute;width: 1px;height: 51px;background: #86c2fb;right: -19px;top: 0;bottom: 0;margin: auto 0;}
.links p.fr a{line-height: 109px;font-size: 14px;color: #d1e6fb;}
.links p.fr a:hover{color: #fff;}



/*右侧浮动*/
.y-kefu-box { position: fixed; right: 0; top: 20%; 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(../img/20210322095131_587416658.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 -115px; 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: #036fd7; }/*颜色更改*/
.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: #036fd7; border-color: #036fd7; 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: #036fd7; border-color: #036fd7;}/*颜色更改*/
.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: #036fd7; 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: 15px 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: #036fd7; 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:#036fd7;position: absolute; top: 37px; left: 55px; z-index: 9;}/*关闭后颜�?*/
.y-kefu-box01 .hide-status .kf-zixun { padding: 10px 0 7px; color: #fff; cursor: pointer; }

/* �������� */
.linkTagcs li {  list-style: none; margin: 0px; padding-right: 9px;  line-height: 13px !important; float: left; padding-top: 29px !important;}
/* ��Ʒ���� */
.list{width:200px; float:left; background:#ccc;}
.list_1{height:60px; background:#0099CC; font-size:18px; font-wight:bold; color:#fff; text-align:center; border-bottom:1px #fff dashed }
.list_1 b{font-size:22px;}
#showtyepname a{color:#676767;text-decoration:none;}
#showtyepname a:hover{text-decoration:none;color:#676767;}
.list_2 li{height:40px; font-size:16px; font-weight:bold; line-height:40px; padding-left:5px; overflow:hidden; line-height:40px; color:#0099CC; border-bottom:1px #fff dashed ;background:#0099FF}
.list_2 li a{color:#fff;}

.list_2 li:hover{color:fff; background:#0099CC; height:40px; line-height:40px;}
.ny_prototal { width:100%; overflow:hidden;}
.ny_prolist { width:31.3%; margin:0 1%; float:left; margin-bottom:2%; overflow:hidden;}
.ny_propic { position:relative; overflow:hidden;}
.ny_propic a { display:block;}
.ny_propic a img { width:100%; }
.ny_propic a:before { content:''; width:0%; height:0%; background-color:rgba(0 ,0,0,0.3); position:absolute; z-index:2; top:0; display:block; transition: all 0.3s;}
.ny_propic span { width:60px; height:60px; display: none; position:absolute; z-index:3; left:50%; margin-left:-30px; top:39%;  font-size:14px; color:#fff; line-height:60px; text-align:center; box-sizing:border-box;}
.ny_prolist:hover .ny_propic a:before { width:100%; height:100%;}
.ny_prolist:hover .ny_propic span { display:block;}

.ny_protil { width:100%; background:#f5f5f5; margin-top:0.8%; position:relative; height:60px;  overflow:hidden;}
.ny_protil a { height:45%; padding:3% 4% 4% 5%; font-size:16px; position:relative; z-index:2; display:block;}
.ny_protil span { display:block; width:67px; height:12px; margin-top:3%;}
.ny_prolist:hover .ny_protil span { background-position:0px -12px; transition:all 0.3s;}
.ny_prolist:hover .ny_protil a { color:#fff;}
.ny_protil:before { width:0; height:100%; content:""; display: block; position:absolute; left:0; bottom:0; background:#f5811a; transition: all 0.3s;}
.ny_prolist:hover .ny_protil:before { width:100%;}
.clear{clear:both;}
.flright{width:990px;  float:right; clear:right; }
.mianbxContent{height:30px; line-height:30px; padding-left:10px; margin-bottom:10px;}
.mianbxContent h1{font-size:16px; font-weight:bold; text-align:center; margin-bottom:20px;}