@charset "utf-8";



/*==========================================公共 开始=============================================*/



/*====header====*/

#header{height: 4.875rem;width: 100%;background-color: #fff;position: relative;}

#header .left{ float:left; width:280px;}

#top_bar{ border-bottom: 1px solid #e7e7e9; height: 55px; line-height: 55px; vertical-align: middle;}

#logo{display:table-cell; height: 4.875rem;vertical-align:middle;}

#logo a img{ vertical-align:middle; width:100%;}

#header .right{text-align:right;display:table;float:  right;}

#header .center{float: right;width: 850px;position: static;} 

#header .right .lan{height: 4.875rem;display: inline-block;vertical-align: middle;}

#header .right .lan ul{display: inline-block;height: 24px;width: 66px;vertical-align:middle;border:#dbdcdf 1px solid;text-align:center;margin: 26px 0;}

#header .right .lan ul li{display:inline-block;font-size:0.8125rem;height: 22px;line-height: 22px;vertical-align: middle;}

#header .right .lan ul li span{margin: 0 2px;color:#303233;vertical-align: top;}

#header .right .lan ul li a{color: #666869;font-size: 12px;}

#header .right .lan ul li a:hover{ color:#185896}



/*====导航====*/

#nav{}

#nav ul{text-align: center;font-size: 0;margin-bottom: 0;}

#nav li{width: 13.5%;display:inline-block;min-width:30px;position:relative;}

#nav li:first-child { background: none;}

#nav li .a{display:block;text-align:center;position: relative;height: 4.875rem;line-height: 4.875rem;}

#nav li .a h4{line-height: 4.875rem;height: 4.875rem;font-size: 0.9375rem;color: #1d2123;text-align:center;display:block;position:relative;z-index:2;margin: 0;}

#nav li .a strong{font-size:12px; line-height: 14px; text-transform: uppercase; display:block;color:#bdc0c2;  text-align:center;position:relative;z-index:1}

#nav li .a span{position:absolute;bottom:0;left: 50%;margin-left: -1.875rem;text-align:center;}

#nav li .a i{margin:0 auto;text-align:center;z-index:1;height:3px;width:0;background:#185896;overflow: hidden; display: none;}

#nav li.on .a h4{color: #fff;margin: 0;background: #185896;}

#nav li.on i{width:100%;}

#nav li.on .a span{width: 3.75rem;height: 1px;background: #185896;}

#nav li .a:hover i{width:100%;}

#nav li:hover .a h4{ color: #fff; background: #185896;}

#nav li.on .a:hover i{transform:rotateX(0);-webkit-transform:rotateX(0);-moz-transform:rotateX(0)}

#nav.title{position:relative}

#nav .list{width: 119px;left: 0;position:absolute;top: 78px;z-index:0; text-align:center; display:none;}

#nav .list01{ width: 210px;left: 0; margin-left:0; text-align: left;}

#nav .list::before{ display: none; position:absolute;top:-10px;right:50%; overflow:hidden;width:0;height:0;border:10px solid #185896;border-color:#185896 transparent;border-top:0; margin-right: 15px; content: "";}

#nav .list a{width: 100%;height:50px;line-height:50px;text-align: left;color: rgba(255,255,255,0.85);display:block;font-size:14px;text-decoration:none;opacity:1;background-color: #185896;border-bottom: #0F4071 1px solid;-webkit-transition:opacity .4s,-webkit-transform .5s;-moz-transition:opacity .4s,-moz-transform .5s;-ms-transition:opacity .4s,-ms-transform .5s;transition:opacity .4s,transform .5s;box-sizing: border-box;padding: 0 0 0 29px;}

#nav .list a:hover{color:#ffffff;border-bottom:#0F4071 1px solid;}

#nav li:focus .list,#nav li:hover .list{max-height:2000px;z-index:10;}



/*==========================================公共 结束=============================================*/





/*==========================================首页 开始=============================================*/



/*====banner====*/

#banner {width: 100%;position: relative;height: 689px;overflow:  hidden;z-index: 0;}

#banner .main_box{ height: 689px;}

#banner .miso-slide{display: block;height: 689px;overflow: hidden;text-align:center;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}

#banner .miso-slide img{ display: block;}

#banner .miso-prev,

#banner .miso-next{width:22px;height:46px;margin-top: 20px;z-index: 10000;opacity:0.55;}

#banner .miso-prev{ margin-left: -700px;left: 50%; background:url(../images/banner_prev.png) center center no-repeat;}

#banner .miso-next{ margin-right: -700px;right: 50%; background:url(../images/banner_next.png) center center no-repeat;}

#banner .miso-prev:hover,

#banner .miso-next:hover{ opacity:1}





.container01{height:80px;background:#185896;position: relative;z-index: 10;}

.container01 .slider{border-left:#a4cba3 1px solid; overflow-y: visible;overflow: initial;}

.container01 .slider .miso-list{ overflow:visible;}

.container01 ul li{border-right:#a4cba3 1px solid;position:relative;height:80px;}

.container01 ul li a{ display:block; width:100%}

.container01 ul li .box{display:table;text-align:center;width:100%;height: 80px;}

.container01 ul li .box_li{ display:table-cell; vertical-align:middle;}

.container01 ul li .box_li .left{ display:inline-block; width:55px;}

.container01 ul li .box_li .left i{vertical-align:middle;}

.container01 ul li .box_li .right{ display:inline-block; color:#fff; text-align:left;}

.container01 ul li .box_li .right h5{ font-size:14px; }

.container01 ul li .box_li .right h6{ font-size:12px; text-transform:capitalize }

.container01 ul li .top{position:  absolute;bottom: 80px;background: #fff;box-sizing: border-box;height:0;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;overflow:hidden;}

.container01 ul li .top .img{ width:382px; height:165px; overflow:hidden; margin-bottom:10px;}

.container01 ul li .top .img img{ width:382px; height:165px;}

.container01 ul li .top p{ font-size:14px; color:#707172; line-height:24px;}

.container01 ul li:hover .top{ height:290px; padding:9px;}



.container02{ padding:48px 0 74px;}

.container02 .title{ height:90px; background:url(../images/container02_title_bg.png) center bottom no-repeat; text-align:center; margin-bottom:40px;}

.container02 .title h3{font-size:30px;color:#185896;line-height: 60px;height: 55px;}

.container02 .title h4{ font-size:16px; color:#b7b7b7; text-transform:uppercase;}

.container02 .slider{ margin-bottom:30px;}

.container02 .slider .miso-list{ margin:0 -18px;}

.container02 ul li{ padding:0 10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;
float: left;width: calc(100% / 3);margin-bottom: 20px;}

.container02 ul li img{
	width: 100%;
}
.container02 ul li a{display:block;border:#e2e4e5 1px solid;text-align: center;}

.container02 ul li a:hover{ background:#185896; border:#185896 1px solid}

.container02 ul li .box{  display:table;}

.container02 ul li .box i{ display:table-cell; vertical-align:middle;}

.container02 ul li h3{ font-size:16px; color:#555658; margin-bottom:2px;line-height: 30px;}

.container02 ul li h5{ font-size:13px; color:#555658; text-transform:uppercase;}

.container02 ul li a:hover .box{ background:#fff;}

.container02 ul li a:hover h3,

.container02 ul li a:hover h5{ color:#fff;}

.container02 .more{ text-align:center;}

.container02 .more a{ margin:0 auto; display:inline-block; width:180px; height:40px; line-height:40px; font-size:16px; color:#fff; text-transform:uppercase; background:#185896; text-align:center; box-sizing:border-box; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}

.container02 .more a:hover{ color:#fff; background:#154B81; padding-left:-5px}

.container02 .more a:after{ content:""; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}

.container02 .more a:hover:after{ color:#fff; content:"→"; margin-left:5px}



.container03{padding:78px 0 65px;background:url(../images/container03_bg.jpg) center top no-repeat;overflow: hidden;}

.container03 .title{ height:90px; background:url(../images/container03_title_bg.png) center bottom no-repeat; text-align:center; margin-bottom:80px;}

.container03 .title h3{font-size:30px;color:#fff;line-height: 60px;height: 55px;}

.container03 .title h4{ font-size:16px; color:#c5c5c5; text-transform:uppercase;}

.container03 .content .left{float:left;width:730px;height:630px;background:#ebebeb;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='rgba(0,0,0,0.2)')";  /* For IE 8 */filter:progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='rgba(0,0,0,0.2)');  /* For IE 5.5 - 7 */-moz-box-shadow: 5px 5px 10px rgba(0,0,0,0.2);/* for firefox */-webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.2);/* for safari or chrome */box-shadow: 5px 5px 10px rgba(0,0,0,0.2);/* for opera or ie9 */box-sizing: border-box;padding: 104px 60px 0;}

.container03 .content .left h3{ font-size:22px; color:#185896; margin-bottom: 22px;}

.container03 .content .left h6{height:1px;background:#ebebeb; margin-bottom:34px;}

.container03 .content .left h6 span{float: left;width:160px;height:2px;background:#185896;display:inline-block;margin-top: -1px;}

.container03 .content .left .ar_article{ height:210px; overflow:hidden; margin-bottom:40px;}

.container03 .content .left ul{ font-size:0; text-align:center;}

.container03 .content .left ul li{ display:inline-block; width:25%;}

.container03 .content .left ul li .icon{width:100%;height: 78px;display:table; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}

.container03 .content .left ul li .icon:hover{ transform:rotateY(180deg); -webkit-transform:rotateY(180deg);  -moz-transform:rotateY(180deg);}

.container03 .content .left ul li .icon i{ display:table-cell; vertical-align:middle;}

.container03 .content .left ul li h5{ font-size:16px; color:#5e5e5e;}

.container03 .content .right{float:right;width:455px;height:630px;}

.container03 .content .right .img,.container03 .content .right .img img{ width:100%; height:570px; overflow:hidden;}

.container03 .content .right a{ display:inline-block; width:455px; height:60px; line-height:60px; background:#185896; font-size:16px; color:#fff; text-transform:uppercase; background:#185896; text-align:center; box-sizing:border-box; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}

.container03 .content .right a:hover{ color:#fff; background:#154B81; padding-left:-5px}

.container03 .content .right a:after{ content:""; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}

.container03 .content .right a:hover:after{ color:#fff; content:"→"; margin-left:5px}



.container04{ padding:0 0 74px;}

.container04 .title{ height:90px; background:url(../images/container02_title_bg.png) center bottom no-repeat; text-align:center; margin-bottom:40px;}

.container04 .title h4{font-size:30px;color:#185896;line-height: 60px;height: 55px;}

.container04 .title h4{ font-size:16px; color:#b7b7b7; text-transform:uppercase;}

.container04 .content{padding:0 92px;position: relative;}

.container04 .slider{position:static; min-height:512px; margin-bottom:50px;}

.container04 .slider .button-prev02,

.container04 .slider .button-next02{position:absolute;top: 50%;margin-top: -5px;width: 34px;height: 34px;text-align:center;color: #afb1b5;cursor:pointer;opacity: 0.8;}

.container04 .content .slider .button-prev02{left: 0;}

.container04 .content .slider .button-next02{right: 0;}

.container04 ul li{ margin:0 12px;}

.container04 ul li .con{ padding:38px; background:#f6f7f8;}

.container04 ul li:hover .con{ border-bottom:#185896 3px solid;}

.container04 ul li .img,.container04 ul li .img img{ width:100%; height:330px; overflow:hidden;}

.container04 ul li .con h3{ font-size:17px; color:#494949; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; margin-bottom:15px;}

.container04 ul li .con p{ font-size:13px; color:#7e7e7e; line-height:22px; height:44px; overflow:hidden;}

.container04 .miso-prev,

.container04 .miso-next{width: 34px;height: 34px; top: 50%; margin-top: -5px; cursor:pointer;opacity: 0.8;}

.container04 .miso-prev{left:0; background:url(../images/container04_prev.png) center no-repeat;}

.container04 .miso-next{ right:0; background:url(../images/container04_next.png) center no-repeat;}

.container04 .miso-prev:hover,

.container04 .miso-next:hover{ opacity:1}

.container04 .more{ text-align:center;}

.container04 .more a{ margin:0 auto; display:inline-block; width:180px; height:40px; line-height:40px; font-size:16px; color:#fff; text-transform:uppercase; background:#185896; text-align:center; box-sizing:border-box; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}

.container04 .more a:hover{ color:#fff; background:#154B81; padding-left:-5px}

.container04 .more a:after{ content:""; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}

.container04 .more a:hover:after{ color:#fff; content:"→"; margin-left:5px}



.container05{ background: url(../images/videobg.jpg) no-repeat center;width: 100%;height: 300px;position: relative;}

.container05 .title{margin-bottom: 55px;text-align:center;}

.container05 .title h4{margin: 18px 0 13px 0;font-size: 16px;color: #fff;}

.container05 .title h4{font-size: 16px;color: #cdcdcd;text-transform: uppercase;}

.container05 ul li{ height:550px;}

.container05 .slider{ overflow:visible;}

.container05 .right{float:left;width: 600px; height:100%; box-sizing:border-box; }

.container05 .right .con{ display:table; width:100%; height:100%;}

.container05 .right .con .con_li{display:table-cell;vertical-align:middle;}

.container05 .right .con .con_li .box{box-sizing:border-box;padding: 60px 0 0 0;display: inline-block;text-align: center;}

.container05 .right .con .con_li .box .box_li{display:inline-block;margin: 15px 60px;}

.container05 .right .con .con_li .box .box_li .title{background:url(../images/container05_title_bg.png) bottom center no-repeat;width:160px;height:135px;padding-top: 30px;}

.container05 .right .con .con_li .box .box_li .title .icon{ display:table; width:60px; height:60px; margin:0 auto; margin-top:-30px;}


.container05 img{
	width: 80px;
	margin: 0 auto;
	padding-top: 6%;
	display: block;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.container05 a:hover img{
	ransform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
}

.container06{ padding:48px 0 74px;}

.container06 .title{height:90px;background:url(../images/container02_title_bg.png) center bottom no-repeat;text-align:center;margin-bottom: 35px;}

.container06 .title h3{font-size:30px;color:#185896;line-height: 60px;height: 55px;}

.container06 .title h4{ font-size:16px; color:#b7b7b7; text-transform:uppercase;}

.container06 .miso-track{ transform: translate3d(0px, 0px, 0px) !important}

.container06 .hd ul{text-align: center;margin-bottom: 40px;}

.container06 .hd ul li{font-size: 14px;width: 115px !important;height: 36px;line-height: 36px;color: #2a2d2f;display:inline-block;margin: 0 5px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;cursor: pointer;border: #cfcfcf 1px solid;float: none;}

.container06 .hd ul li.miso-current{color: #fff;background: #185896;border: #185896 1px solid;}

.container06 .bd ul li ul{ margin:0 -18px;}

.container06 .bd ul li ul li{ overflow:hidden; margin:0 18px}

.container06 .bd ul li ul li .img{overflow:hidden;width: 375px;height: 220px;}

.container06 .bd ul li ul li .img img{width: 375px;height: 220px;}

.container06 .bd ul li ul li .con{padding:1.625rem 1.625rem;border:#e2e2e2 1px solid;box-sizing: border-box;}

.container06 .bd ul li ul li .con h4{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 0.75rem;}

.container06 .bd ul li ul li .con h4 a{ font-size:1rem; color:#3e3c3c}

.container06 .bd ul li ul li .con p{font-size:0.75rem;color:#828284;line-height: 1.25rem;height: 2.5rem;}

.container06 .bd ul li ul li .con hr{ margin:1.25rem -0.5rem 0.75rem;}

.container06 .bd ul li ul li .con h6 span{width: 0;height: 1px;background-color: #b3b3b7;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;vertical-align: middle;margin-right: 0;float:left;margin-top: 0.8rem;}

.container06 .bd ul li ul li .con small{ font-size:0.8125rem; color:#686868}

.container06 .bd ul li ul li .con i{ float:right; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}

.container06 .bd ul li ul li:hover .con h6 span{display:inline-block; width:3.75rem; margin-right:1rem }

.container06 .bd ul li ul li:hover .con i{ margin-right:-5rem}



.container08{background:#353535;padding: 55px 0 55px; border-bottom:#434448 1px solid;}

.container08 .left{float:left;width:456px;min-height: 166px;border-right:#434448 1px solid;display:table;box-sizing:border-box;}

.container08 .left .top{ width:390px;}

.container08 .left .top h5{ font-size:18px; color:#e1e1e5; margin-bottom:7px;}

.container08 .left .top h6{font-size: 14px;
color:
#EDEDED;margin-bottom: 20px;}

.container08 .left .top hr{ background:#434448}

.container08 .left .bottom ul{float: left;margin-right: 20px;}

.container08 .left .bottom ul li{display:inline-block;width: 66px;margin-right: 10px;}

.container08 .left .bottom ul li h4 img{width: 66px;height: 66px;}

.container08 .left .bottom ul li h6{text-align:center;font-size: 0.875rem;color: #969696;margin-top: 0.5rem;}

.container08 .left .bottom .ar_article{ float:left; width:280px;}

.container08 .left .bottom .ar_article p{ font-size:14px; color:#EDEDED; line-height:28px;}

.container08 .center{ float:right;}

.container08 .center .con dl{float:left;margin: 0 0 0 37px;}

.container08 .center .con dl dt{font-size: 0.9375rem;display:inline-block;padding-bottom: 0.75rem;}

.container08 .center .con dl dt a{ color:#fff}

.container08 .center .con dl dd{font-size: 14px;line-height: 1.875rem;}

.container08 .center .con dl dd a{ color:#949495;}



footer{ background: #353535; padding:1.25rem 0; text-align: center; }

footer p,footer p a{font-size: 14px;color: #fff;line-height: 1.5rem;}

footer p a:hover{ color: #fff; }

footer p br{ display:none}



/*==========================================首页 结束=============================================*/





/*==========================================内页 开始=============================================*/




#n_banner{ height:314px;}



#erji{ padding:56px 0; background:#f6f8f9; text-align:center; position:relative;}

#erji .line_bg{position:absolute;top: 76px;left:50%;margin-left:-200px;width:400px;height:2px;background:#185896;}

#erji .title{display:inline-block;padding:0 25px;background:#f6f8f9;position: inherit;z-index:100; margin-bottom:38px;}

#erji .title h4{ font-size:16px; color:#404041; text-transform:uppercase;}

#erji .title h2{ font-size:24px; color:#404041;}

#erji ul{ font-size:0;}

#erji ul li{ display:inline-block; margin:0 14px; width:180px; height:44px; line-height:44px; border:#d2d2d2 1px solid; -moz-border-radius: 22px; -webkit-border-radius: 22px; border-radius:22px;}

#erji ul li a{ display:block; font-size:14px; color:#4b4b4b;}

#erji ul li.on{ background:#185896; border:#185896 1px solid;}

#erji ul li.on a{ color:#fff}



.n_container{ padding:65px 0;}



.n_product{}

.n_product .miso-list{margin-right: -51px;}

.n_product ul{ width:1251px;}

.n_product ul li{ float:left; width: 366px;height:286px; margin:0 51px 30px 0; position:relative;}

.n_product ul li .img,.n_product ul li img{width: 366px;overflow:hidden;}

.n_product ul li .top{ display:none; position:absolute; width:366px; height:100%; top:0; left:0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#D859A058', endColorstr='#D859A058');background:rgba(89,160,88,0.85); }

.n_product ul li .top .con{ width:366px; height:100%;  display:table; text-align:center; box-sizing:border-box; padding:26px; text-align:left;}

.n_product ul li .top .con_li{ display:table-cell; vertical-align:middle;}

.n_product ul li .top h4{ color:#fff; font-size: 17px; margin-bottom:20px;}

.n_product ul li .top p{ font-size:13px; line-height:24px; height:72px; color:#fff; margin-bottom:26px}

.n_product ul li .top h6{ font-size:14px; color:#ffffff; display:inline-block; width:131px; height:35px; line-height:35px; text-align:center; border:#fff 1px solid; }

.n_product ul li .top h6 img{ width:19px; height:auto; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}

.n_product ul li .top h6:hover img{ width:0; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}

.n_product ul li:hover .top{ display:block}

.n_product ul li .bottom{height:40px;line-height:40px;background:#b2b2b2;color:#fff;box-sizing: border-box;padding: 0 15px;text-align: center;font-size: 14px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}



.n_product_detail .part1{margin-bottom:65px;overflow:hidden;}

.n_product_detail .part1 .left{float:left;width:478px;border:#e5e5e5 1px solid;}

.n_product_detail .part1 .right{ float:right; width:642px;}

.n_product_detail .right h2{ font-size:24px; color:#185896; font-weight:bold; margin-bottom:20px; margin-top:0px;}



.n_licheng{ position:relative;}

.n_licheng ul li{margin:0 53px;border-top:#185896 2px solid;padding-top:32px;}

.n_licheng ul li.miso-active{ }

.n_licheng .miso-track{ overflow:hidden;}

.n_licheng ul li h4{ font-size:30px; color:#185896; margin-bottom:20px;}

.n_licheng .miso-prev,

.n_licheng .miso-next{width: 24px;height: 24px;top: -10px;margin-top: 0;z-index: 10000;opacity:0.55;}

.n_licheng .miso-prev{left: 0;background: #fff url(../images/n_licheng_prev.png) center center no-repeat;}

.n_licheng .miso-next{right: 0;background:url(../images/n_licheng_next.png) center center no-repeat;}

.n_licheng .miso-prev:hover,

.n_licheng .miso-next:hover{ opacity:1}

.n_licheng ul li .ar_article{ height:180px;}

.nicescroll-rails{ margin-left:10px; display:none !important}



.n_solution ul li{ float:left; background:#f4f5f9; margin-bottom:40px;}

.n_solution ul li .img { float:left; width:360px; height:240px; overflow:hidden;}

.n_solution ul li .img img{float:left;width:360px;height:240px;overflow:hidden;border:1px solid #cfd0d7;box-sizing:  border-box;}

.n_solution ul li .right{ float:right; width:835px; padding:28px 42px 0; box-sizing:border-box;}

.n_solution ul li .right h5{ font-size:18px; color:#484848; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; margin-bottom:25px;}

.n_solution ul li .right p{ font-size:14px; line-height:24px; height:48px; overflow:hidden; color:#7d7d7d; margin-bottom:35px;}

.n_solution ul li .right h6{font-size: 13px;color: #8e8e91;display:inline-block;width: 150px;height: 40px;line-height: 40px;text-align:center;border: #bfbfbf 1px solid;}

.n_solution ul li .right h6 img{ width:19px; height:auto; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}

.n_solution ul li .right h6:hover img{ width:0; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}

.n_solution ul li .right h6:hover{ background:#185896; color:#fff; border:#185896 1px solid}

.n_solution ul li:hover h5{ color:#185896}



.n_servive{}

.n_servive .miso-list{margin-right: -51px;}

.n_servive ul{ width:1251px;}

.n_servive ul li{float:left;width: 356px;height: 334px;margin:0 51px 30px 0;position:relative;}

.n_servive ul li .img,.n_servive ul li img{width: 356px;height: 152px;overflow:hidden;}

.n_servive ul li .top{ display:none; position:absolute; width:366px; height:100%; top:0; left:0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#D859A058', endColorstr='#D859A058');background:rgba(89,160,88,0.85); }

.n_servive ul li .top .con{ width:366px; height:100%;  display:table; text-align:center; box-sizing:border-box; padding:26px; text-align:left;}

.n_servive ul li .top .con_li{ display:table-cell; vertical-align:middle;}

.n_servive ul li .top h4{ color:#fff; font-size: 17px; margin-bottom:20px;}

.n_servive ul li .top p{ font-size:13px; line-height:24px; height:72px; color:#fff; margin-bottom:26px}

.n_product ul li .top h6{ font-size:14px; color:#ffffff; display:inline-block; width:131px; height:35px; line-height:35px; text-align:center; border:#fff 1px solid; }

.n_servive ul li .top h6 img{ width:19px; height:auto; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}

.n_servive ul li .top h6:hover img{ width:0; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}

.n_servive ul li:hover .top{ display:block}

.n_servive ul li .bottom{ display:table; width:100%; height: 180px;line-height:40px;background: #f6f8f9; border-bottom:#f6f8f9 2px solid;color:#fff;box-sizing: border-box;padding: 0 15px;text-align: center;font-size: 14px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}

.n_servive ul li .bottom_li{ display:table-cell; vertical-align:middle;}

.n_servive ul li .bottom h4{font-size:24px;color:#060606;font-weight:bold;margin-bottom: 15px;}

.n_servive ul li .bottom h3{font-size:18px;color:#545454;line-height:30px;max-height: 60px;overflow:hidden;}

.n_servive ul li:hover .bottom{ border-bottom:#185896 2px solid;}



.n_chengguo ul{ width:1280px;}

.n_chengguo ul li{float:left;width:280px;border:#f6f8f9 5px solid;margin: 0 26.5px 64px 0;box-sizing:  border-box; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}

.n_chengguo ul li .pic_box{width: 100%;display:table;overflow:hidden;}

.n_chengguo ul li .pic_box .box{display:table-cell;vertical-align:middle;text-align: -webkit-center;}

.n_chengguo ul li img{max-width: 100%;display:block;}

.n_chengguo ul li h5{font-size: 14px;color: #7b7b7b;text-align:center;margin:1.5rem 0 1rem;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}

.n_chengguo ul li:hover{ border:#185896 5px solid;}

.n_chengguo ul li:hover h5{ color:#185896}



.n_news ul{ margin:0 -18px;}

.n_news ul li{ float:left; margin:0 18px 30px; width:376px; overflow:hidden;}

.n_news ul li .img,

.n_news ul li .img img{ width:375px; height:220px; overflow:hidden;}

.n_news ul li .con{padding:1.625rem 1.625rem;box-sizing: border-box; background:#f6f5fa}

.n_news ul li .con h4{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 0.75rem;}

.n_news ul li .con h4 a{ font-size:1rem; color:#3e3c3c}

.n_news ul li .con p{font-size:0.75rem;color:#828284;line-height: 1.25rem;height: 2.5rem;}

.n_news ul li .con hr{ margin:1.25rem -0.5rem 0.75rem;}

.n_news ul li .con h6 span{width: 0;height: 1px;background-color: #b3b3b7;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;vertical-align: middle;margin-right: 0;float:left;margin-top: 0.8rem;}

.n_news ul li .con small{ font-size:0.8125rem; color:#686868}

.n_news ul li .con i{ float:right; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}

.n_news ul li:hover .con h4 a{color:#185896 }

.n_news ul li:hover .con h6 span{display:inline-block; width:3.75rem; margin-right:1rem;}

.n_news ul li:hover .con i{ margin-right:-5rem}



/*====新闻====*/

.n_news .title{ margin-bottom:25px;}

.n_news .title ul{ text-align:center; font-size:0}

.n_news .title ul li{ display:inline-block; margin:0 6px;}

.n_news .title ul li a{ display:block; font-size:14px; color:#606162; width:110px; height:40px; line-height:38px; border:#cfcfcf 1px solid; box-sizing:border-box; border-radius:2px;}

.n_news .title ul li a:hover,.n_news .title ul li.on a{ background-color: #0350aa; border:#0350aa 1px solid; color:#fff;}

.n_news .content .biaoti{ line-height:65px; font-size:0;}

.n_news .content .biaoti span{ font-size:14px; color:#606162; font-weight:bold;}

.n_news .content ul{}

.n_news .content ul li{ width:100%; height:56px; line-height:56px; border-bottom:#dfdfdf 1px solid; font-size:0;}

.n_news .content ul li b{ float:left; display:inline-block; font-size:14px; color:#5a5b5c; width:86px; height:56px; font-weight:normal}

.n_news .content ul li a{ float:left; display:inline-block; width:920px;  overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-size:14px; color:#555555}

.n_news .content ul li .span01{ float:left; display:inline-block; width:120px; font-size:13px; color:#999a9a}

.n_news .content ul li .span02{ float:left; display:inline-block; font-size:13px; color:#999a9a}

.n_news_detail .left{}

.n_news_detail .ar_title{border-bottom: #f0f0f0 2px solid;padding-bottom: 0;margin-bottom: 40px;}

.n_news_detail .ar_title h3{font-size: 22px;color: #6c6c6c;line-height: 28px; font-weight:bold;}

.n_news_detail .ar_title h6 span{position:relative;font-size: 12px;color: #9b9b9b;display:inline-block;height: 56px;line-height: 56px;font-weight:normal;}

.n_news_detail .ar_title h6 span i{position:absolute;left:0;bottom: -2px;width:100%;height:2px;background-color: #185896;}

.n_news_detail .right{float:right;width: 230px;box-sizing:border-box;}

.n_news_detail .right h4{font-size:14px;color: #fff;font-weight:bold;line-height:50px;padding:0 20px;background: #185896;}

.n_news_detail .right ul{padding: 0px 0 30px;background: #f3f3f8; margin-bottom:20px;}

.n_news_detail .right ul li{height: 46px;line-height:37px;box-sizing:border-box;margin: 0 20px 0 20px;padding-left: 11px;background: url(../images/dot.png) 0 22px no-repeat;color:#7e7e7e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom: #d2d2d2 1px solid;padding-top: 5px;}

.n_news_detail .right ul li a{color: #747474;font-size: 12px;}

.n_news_detail .right ul li a:hover{color: #185896;}

.n_news_detail .right .img{ overflow:hidden;}

.shart_box{display:inline-block;float:right;margin-top: 5px;}

#j_shart_s_24 .bds_count{ font-size:12px;}

#j_shart_s_24{ padding-left:60px; position:relative;}

#j_shart_s_24 strong{display:block;position:absolute;left:0;z-index:2;line-height:36px;font-size:12px;color: #a3a0a9;font-weight: normal;}

#j_shart_s_24 .bds_qzone{background:url(../images/j_shart.png) center -224px no-repeat}

#j_shart_s_24 .bds_tsina{background:url(../images/j_shart.png) center -311px no-repeat}

#j_shart_s_24 .bds_tqq{background:url(../images/j_shart.png) center -195px no-repeat}

#j_shart_s_24 .bds_renren{background:url(../images/j_shart.png) center -340px no-repeat}

#j_shart_s_24 .bds_weixin{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_sqq{background:url(../images/j_shart.png) center -79px no-repeat}

#j_shart_s_24 .bds_fbook{background:url(../images/j_shart.png) center -166px no-repeat}

#j_shart_s_24 .bds_twi{background:url(../images/j_shart.png) center -137px no-repeat}

#j_shart_s_24 .bds_linkedin{background:url(../images/j_shart.png) center -108px no-repeat}

#j_shart_s_24 .bds_tieba{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_huaban{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_douban{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_copy{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_print{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_mshare{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_count{font-size:12px}



#ar_fot{position:relative;float:left;box-sizing: border-box;width: 100%;line-height: 32px;border-top: #dcdcdc 1px dashed;border-bottom: #dcdcdc 1px dashed;margin-top: 36px;}

#ar_fot h4{display:block;width: 465px;font-size: 12px;color: #adadad;font-weight: normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

#ar_fot h4 a{font-size: 12px;color: #adadad;font-weight:normal;}

#ar_fot h4 a:hover{color: #185896;}

#ar_fot .bnt_back{ position:absolute; top:28px; right:0; color:#fff; background:#063579; padding:0 25px; font-size:14px; height:30px; line-height:30px;}

#ar_fot .bnt_back:hover{ border-radius:3px;}

#ar_fot a,#ar_fot span{}

#ar_fot .shart_box a{ line-height:36px;}

#ar_fot .fr{ text-align:right;}

#ar_fot h3 {
    display: block;
    width: 465px;
    font-size: 12px;
    color: 
    #adadad;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#ar_fot h3 a {
    font-size: 12px;
    color: #adadad;
    font-weight: normal;
}  
#ar_fot h3 a:hover {
    color: #185896;
}

.n_join ul li{ margin-bottom:20px;}

.n_join ul li .top{position:  relative;height:90px; background:#f4f5f9; padding: 20px 30px;box-sizing:  border-box;}

.n_join ul li .top i{ position:absolute; right:35px; top:50%; margin-top:-9px; width:18px; height:18px; background:url(../images/jia.png) center no-repeat;}

.n_join ul li .top h5{ font-size:16px; color:#5e5e5e; margin-bottom:10px;}

.n_join ul li .top h6{ font-size:12px; color:#818181}

.n_join ul li a.open .top{background:#185896;}

.n_join ul li a.open .top i{ background:url(../images/jian.png) center no-repeat;}

.n_join ul li a.open .top h5{ color:#fff;}

.n_join ul li a.open .top h6{ color:#fff}

.n_join ul li .ar_article{ padding:35px; background:#f4f5f9; display:none}



.n_down ul li{ margin-bottom:20px;}

.n_down ul li .top{position:  relative;height:90px;background: #eeeeee;padding: 20px 30px;box-sizing:  border-box;}

.n_down ul li .top i{ position:absolute; right:35px; top:50%; margin-top:-9px; width:18px; height:18px; background:url(../images/down.png) center no-repeat;}

.n_down ul li .top h5{ font-size:16px; color:#5e5e5e; margin-bottom:10px;}

.n_down ul li .top h6{ font-size:12px; color:#818181}

.n_down ul li:hover .top{background:#185896;}

.n_down ul li:hover .top i{ background:url(../images/down_on.png) center no-repeat;}

.n_down ul li:hover .top h5{ color:#fff;}

.n_down ul li:hover .top h6{ color:#fff}



.n_contact h3{ font-size:18px; color:#3c3c3c; font-weight:bold; margin-bottom:50px;}

.n_contact h3 small{ font-size:14px; color:#727272; text-transform:uppercase; font-weight:normal;}

.n_contact ul{ margin-bottom:30px;}

.n_contact ul li{ float:left; width:50%; margin-bottom:32px;}

.n_contact ul li .img{ float:left; width:70px;}

.n_contact ul li .bottom{ float:left; }

.n_contact ul li .bottom h4{ font-size:16px; color:#616161; margin:2px 0 4px}



/*====翻页====*/

.j_pages{margin:0 auto 0 auto}

.j_pages .box{display:inherit;width:100%;text-align: center;padding-bottom: 15px; padding-top:30px;}

.j_pages a{padding: 0px 14px;height: 35px;line-height: 35px;display:inline-block;border: #e3e4e7 1px solid;margin: 0 1px;color: #333333;font-size: 14px;box-sizing: border-box;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}

.j_pages a font{font-size:14px;font-family:SimSun;color: #333333;}

.j_pages .on{background:#185896;color:#fff!important;border: #185896 1px solid;}

.j_pages span{background:#185896;color:#fff!important;}

.j_pages a:hover{background:#185896;color:#fff!important;text-decoration:none;}

.j_pages a:hover font{color:#fff}

.j_pages a.u_bnt{transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s}



.n_product_detail_img .miso-list{z-index: 0;}

.n_product_detail_img .miso-dots{z-index: 100; bottom: 18px}



/*==========================================内页 结束=============================================*/









.piaofu{position:absolute;right: 0px;top:50%;margin-top:-105px;position:fixed;z-index:99999999;}



.piaofu .box a{ display:block; position:relative; width:48px; height:48px; }



.piaofu .wx{ position:relative;}



.piaofu .wx{ transition:1s; }



.piaofu .wx:hover .ewm{ display:block;  }



.piaofu .ewm_box{ position:relative;}



.piaofu .ewm_box{ transition:1s; }



.piaofu .ewm_box:hover .ewm{ display:block;  }







.piaofu .ewm{ display:none; position:absolute; left:48px; top:0; width: 96px; height: 96px;}



.piaofu .tel,.piaofu .zx1{ position:relative;}



.piaofu .tel{ transition:1s; }



.piaofu .tel:hover #tel_box,.piaofu .zx1:hover #tel_ly{ display:block;   }



.piaofu #tel_box,.piaofu #tel_ly{ transition:1s; line-height:48px; height: 48px; color:#fff; background: #185896; font-size:14px;  padding:0 10px;  display:none; position:absolute; right:48px; top:0; width: 145px;  text-align: center; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; }



.piaofu .box a{ -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; }



.piaofu  .qq a{  background:url(../images/icon_qq.png) center  no-repeat;}



.piaofu  .zx1 a{  background:url(../images/icon_zx1.png) center  no-repeat;}



.piaofu  .zx2 a{  background:url(../images/icon_zx2.png) center  no-repeat;}



.piaofu  .zx2:hover a{ background:url(../images/icon_zx2h.png) center  no-repeat #185896;}



.piaofu  .zx3 a{  background:url(../images/icon_zx3.png) center  no-repeat;}



.piaofu  .ewm_box a{  background:url(../images/icon_weixin.png) center  no-repeat;}







.piaofu  .wx a{  background:url(../images/icon_weixin.png) center  no-repeat #185896;}



.piaofu  .tel a{  background:url(../images/icon_tel.png) center  no-repeat;}



.piaofu  .address a{  background:url(../images/icon_address.png) center  no-repeat;}



.piaofu  .address:hover a{ background:url(../images/icon_addressh.png) center  no-repeat;}



.piaofu  .gotop{ display:none}
.piaofu  .gotop.block{ display:block}



.piaofu  .gotop a{ background:url(../images/icon_gotop.png) center  no-repeat;   }



.piaofu .box a{  border-bottom: none; margin-bottom: 1px;  background-color:#185896;}



.piaofu .box span{ font-size:12px; color:#838291;padding-left: 10px; position:absolute; bottom:5px; text-align:center;  }



.piaofu .box:hover a{     border-bottom: none;}



.piaofu .box:hover span{ color:#fff;}