@charset "utf-8";
@font-face{ font-family:myFirstFont; src:url(../font/tt0173m.ttf);}
@media (max-width: 1920px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}
@media (max-width:328px){html{font-size:12px;}}

/*==========================================公共 开始=============================================*/
body{}
.ar_wap{ display:none}
.a_body{ position:relative; z-index:0;}
.section{ overflow:hidden;}

/*header*/
.header-box{height:100px;box-shadow: 0 0 6px rgba(66,66,66,0.25);position:relative;z-index:1000;}
.logo{display: block;float: left;margin-top: 20px;}
.header-right{ float: right;}
.nav{ float: left; margin-right: 30px;}
.nav >li{ float: left; position: relative;}
.nav >li >a{display: block;width: 120px;height: 100px;line-height: 100px;color: #15253c;font-size: 16px;position: relative;font-weight: normal;z-index: 3;text-align: center;}
.nav >li >a:before{ content: ""; width: 11px; height: 6px; position: absolute; left: 50%; margin-left: -5px; bottom: 0;  opacity: 0; visibility: hidden;}
.nav >li >a span{position:relative;z-index: 10;display:  block;width: 100%;height: 100%; position:relative}
.nav >li.erji >a span:before{ content:""; position:absolute; left:100px; top:50%; width:7px; height:4px; margin-top:-2px; background:url(../images/sanjiao.png) center no-repeat}
.nav >li >a:after{content: "";width: 100%;height: 100px;position: absolute;left: 0;top: 0;transform-origin:100%;-webkit-transform-origin:100%;-webkit-transition:-webkit-transform .5s cubic-bezier(.215,.61,.355,1);transition:-webkit-transform .5s cubic-bezier(.215,.61,.355,1);transition:transform .5s cubic-bezier(.215,.61,.355,1);transition:transform .5s cubic-bezier(.215,.61,.355,1),-webkit-transform .5s cubic-bezier(.215,.61,.355,1);transform:scaleX(0);-webkit-transform:scaleX(0);visibility:hidden;background: #0050a5; /* Safari 5.1 - 6.0 */background: -o-linear-gradient(right, #0d6fb8, #0050a5); /* Opera 11.1 - 12.0 */background: #0050a5; /* Firefox 3.6 - 15 */background: #0050a5;z-index: 0;}
.nav >li >a:hover:after,.nav >li.active >a:after{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible;}
.nav >li:hover >a:before{ opacity: 1; visibility: visible; transition: 0.4s;} 
.menufix{width: 450px;padding-left: 30px;padding-right: 30px;padding-top: 24px;padding-bottom: 16px;background: #e8f3fa;box-shadow: 0 0 30px rgba(0,0,0,0.3);position: absolute;left: 50%;margin-left: -390px;display: none;}
.menufix li{ width: 48%; float: left; margin-bottom: 8px;}
.menufix li:nth-child(2n+2){ float: right;}
.menufix li a{display: inline-block;padding-left: 22px;color: #333333;font-size: 13px;line-height: 32px;position: relative;}
.menufix li a:before{ content: ""; width: 6px; height: 6px; border: 3px solid #87aec8; position: absolute; left: 0; top: 50%; margin-top: -6px; border-radius: 50%; transition: 0.4s;}
.menufix li a:hover{color: #0e6eb8;}
.menufix li a:hover:before{ border-color: #0050a5;}
.nav >li:hover >a span,.nav >li.active >a span{ color:#fff}


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


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

.banner-box{ position: relative; z-index:1}
.banner .item{ float: left; opacity: 1 !important; overflow: hidden;}
.banner .item figure{ display: block; line-height: 1; overflow: hidden;}
.banner .item figure img{ display: block; position: relative; width: 100%; height: auto;}
.btext{ position: absolute; left: 50%; margin-left: -600px; top: 50%; margin-top: -90px;}
.btextwr{ opacity: 0; visibility: hidden; transform: translateX(-80px); -webkit-transform: translateX(-80px); -moz-transform: translateX(-80px);}
.btext strong{ display: inline-block; padding: 0 18px; height: 32px; line-height: 32px; color: #ffffff; font-size: 16px; background: #053f6a; font-weight: normal; margin-bottom: 16px;}
.btext small{ display: block; color: #053f6a; font-size: 48px; font-weight: bold; font-family: "Square 721 Bold Condensed BT"; line-height: 1; margin-top: 12px; margin-bottom: 24px;}
.btext span{ display: block; line-height: 1; color: #053f6a; font-size: 48px; font-weight: bold;}
.btext b{ display: block; width: 42px; height: 42px; border-radius: 50%; border: 3px solid #053f6a; position: relative; margin-top: 36px;}
.btext b:before{ content: ""; width: 9px; height: 14px; position: absolute; left: 16px; top: 50%; margin-top: -7px; background: url(../images/arrow1.png) center no-repeat;}
.banner .miso-dots{position: absolute;left: 50%;margin-left: -600px;bottom: 52px;z-index: 20;line-height: 0;height: 12px;width: 1200px;}
.banner .miso-dots li{}
.banner .miso-dots li:last-child{ margin-right: 0;}
.banner .miso-list{ position: relative; z-index: 3;}
.banner .miso-dots li{padding: 0;margin: 0;border: none;width: 10px;heig;height: 10px;border: 1px solid #fff;text-indent: 99999px;overflow: hidden;outline: none;box-sizing: content-box;background: none transparent;cursor: pointer;transition: 0.45s;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);margin: 0 9px;}
.banner .miso-dots li.miso-active{background: #fff;}
.banner .item.miso-current .btextwr{ opacity:1; visibility:visible; transform:skew(0deg) translateX(0); transition:0.6s 0.3s;}
.banner .item.miso-current{ z-index: 4 !important; animation: none; -webkit-animation: none; -moz-animation: none; -o-animation: none;}
.banner .item.miso-current figure{ -webkit-animation: increaseHeight 0.8s forwards ease-in-out; animation: increaseHeight 0.8s forwards ease-in-out; -moz-animation: increaseHeight 0.8s forwards ease-in-out; -o-animation: increaseHeight 0.8s forwards ease-in-out;}
.banner .item{ -webkit-animation: hide 0.8s forwards ease-in-out; animation: hide 0.8s forwards ease-in-out; -moz-animation: hide 0.8s forwards ease-in-out; -o-animation: hide 0.8s forwards ease-in-out; z-index: 3 !important;}
.banner .item figure{ animation: none; -webkit-animation: none; -moz-animation: none; -o-animation: none;}
.miso-list { overflow: hidden; width: 100%; height: 100%; }
.miso-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.miso-track:before, .miso-track:after { content: ""; display: table; }
.miso-track:after { clear: both;}
@-webkit-keyframes decreaseHeight {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		width: 0;
	}
}

@keyframes decreaseHeight {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		width: 0;
	}
}

@-webkit-keyframes show {
	0% {
		opacity: 0;
	}
	1%,100% {
		opacity: 1;
	}
}

@keyframes show {
	0% {
		opacity: 0;
	}
	1%,100% {
		opacity: 1;
	}
}

@-webkit-keyframes hide {
	0%,99% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes hide {
	0%,99% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes increaseHeight {
	from {
		width: 0;
	}
	to {
		width: 100%;
	}
}

@keyframes increaseHeight {
	from {
		width: 0;
	}
	to {
		width: 100%;
	}
}

.banner .miso-prev,.banner .miso-next{ z-index:100000; width:75px; height:75px; line-height:71px; margin-top:-37.5px; background:none; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%;}
.banner .miso-prev:hover,.banner .miso-next:hover{ opacity:1}
.banner .miso-prev{ left:50%; margin-left:-680px; border:rgba(255,255,255,0.65) 1px solid; -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;}
.banner .miso-prev:hover{ border:rgba(255,255,255,1) 1px dashed;}
.banner .miso-prev:before{ content:"<"; width:100%; height:100%; position:absolute; left:0; top:0; font-size:24px; font-family:simsun; color:rgba(255,255,255,0.65)}
.banner .miso-next{right:50%;margin-right:-680px;border: rgba(255,255,255,0.65) 1px solid;-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;}
.banner .miso-next:hover{border: rgba(255,255,255,1) 1px dashed;}
.banner .miso-next:before{ content:">"; width:100%; height:100%; position:absolute; left:0; top:0; font-size:24px; font-family:simsun; color:rgba(255,255,255,0.65)}

.container01{ padding:84px 0 28px; overflow:hidden}
.container00 .title{text-align:center;margin-bottom: 42px;}
.container00 .title h3{ font-size:24px; color:#676767; margin-bottom:14px}
.container00 .title h3 span{ position:relative;}
.container00 .title h3 span:before{content:"";position:absolute;right:-26px;top:-5px;border-radius:100%;width:13px;height:13px;border:#fd7400 2px solid;box-sizing: border-box;}
.container00 .title h6{ font-size:14px; color:#8c8c8c}

.container01 ul.miso-slider{margin:0 -12.5px;padding: 0 0 54px;}
.container01 ul.miso-slider li.miso-slide{ padding:0 12.5px;}
.container01 ul.miso-slider li.miso-slide .img,.container01 ul.miso-slider li.miso-slide .img img{ overflow:hidden; width:384px; height:350px;}
.container01 ul.miso-slider li.miso-slide .con{ width:100%; height:96px; background:#fff; padding:0 20px; position:relative; -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;}
.container01 ul.miso-slider li.miso-slide .con:before{ content:""; position:absolute; right:28px; width:33px; height:7px; top:50%; margin-top:-3.5px; background:url(../images/jiantou.png) center no-repeat;}
.container01 ul.miso-slider li.miso-slide .con .left{height: 100%;width:300px;}
.container01 ul.miso-slider li.miso-slide .con .left .table{  text-align:left}
.container01 ul.miso-slider li.miso-slide .con .left .table h5,.container01 ul.miso-slider li.miso-slide .con .left .table h5 a{ font-size:16px; color:#464646}
.container01 ul.miso-slider li.miso-slide .con .left .table h6{ font-size:12px; color:#929292; margin-top:10px}
.container01 ul.miso-slider li.miso-slide:hover .con{ background:#0050a5; margin-top:-30px; height:124px;}
.container01 ul.miso-slider li.miso-slide:hover .left .table h5 a{ color:#fff}
.container01 ul.miso-slider li.miso-slide:hover .left .table h6{ color:rgba(255,255,255,0.58)}

.container01 .miso-dots{ bottom: 0; height: 3px;}
.container01 .miso-dots li{}
.container01 .miso-dots li{ width:70px; height:3px; background:#c1c1c1; margin: 0 5px;}
.container01 .miso-dots li.miso-active{background: #0d6fb8;}

.container02{ height:600px; overflow:hidden}
.container02 .left{ height:600px; float:left; width:50%;}
.container02 .right{ height:600px; float:right; width:50%; background:url(../images/right_bg.jpg) center no-repeat; background-size:cover}
.container02 .right p{font-size:14px;color:#777777;line-height:36px;margin-bottom: 48px;text-align: left;}
.container02 .right .table{ width:550px; margin-left:60px;}

.sw-more {border: 1px solid #dcdcdc;height: 45px;line-height: 43px;width: 150px;display: inline-block;position: relative;overflow: hidden;-moz-border-radius: 22.5px;-webkit-border-radius: 22.5px;border-radius: 22.5px;color: #777777;font-size: 14px;text-transform: uppercase;}
.sw-more .i1 {display: block;padding: 0px 20px;background: url(../images/sw_more_i2.png) no-repeat scroll -24px center;-webkit-transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;text-align: left;padding: 0 0 0 42px;}
.sw-more .i2 {position: absolute;right: 44px;top: 0px;width: 16px;height: 40px;background: url(../images/sw_more_i1.png) no-repeat scroll right center;-webkit-transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.sw-more:hover {background-color: #0d6fb8;color: #fff;border:  #0d6fb8 1px solid;}
.sw-more:hover .i1 {padding-left: 64px;color: #fff;background-position: 40px center;}
.sw-more:hover .i2 { right: -20px; }

.container03{ padding:120px 0 100px; overflow:hidden}
.container03 .title{margin-bottom: 100px;}
.container03 ul{ margin:0 -75px; overflow:hidden}
.container03 ul li{ float:left; width:33.333333%; padding:0 75px;}
.container03 ul li:before{ content:""; position:absolute; right:0; top:0; height:100%; border-right:#e0e2e3 1px solid}
.container03 ul li:last-child:before{ border:none}
.container03 ul li .img{ height:90px}
.container03 ul li h4{ font-size:18px; color:#515050; margin-bottom:10px;}
.container03 ul li h3{ font-size:18px; color:#515050; font-weight:bold; text-transform:capitalize}
.container03 ul li p{ font-size:14px; line-height:24px; margin:20px 0 64px; color:#8b8a8a; height:72px; overflow:hidden}
.container03 ul li h6{ overflow:hidden}
.container03 ul li h6 img.img01{ margin-left:-33px; -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;}
.container03 ul li h6 img.img02{ -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;}
.container03 ul li h6:hover img.img01{ margin-left:0}
.container03 ul li h6:hover img.img02{ filter:alpha(opacity=0); opacity:0; -moz-opacity:0; -khtml-opacity:0}

.container04{ padding:80px 0; height:630px; position:relative; overflow:hidden}
.container04 .bg{ padding:0 0; background:url(../images/container04_bg.jpg) center no-repeat; height:1125px; position:absolute; top:0; left:0; width:100%;}
.container04 .title{text-align:center;margin-bottom:50px;}
.container04 .title h3{ color:#fff;}
.container04 .title h6{color:#fff;position: relative;}
.container04 ul{ margin:0 -10px;}
.container04 ul li{ padding:0 10px;}
.container04 ul li .img,.container04  ul li .img > img{ width:100%}
.container04 ul li .img{position:relative;overflow:hidden;background: #0d6fb8;}
.container04 ul li .img img{ display:inline-block}
.container04 ul li:hover .img img{ filter:alpha(opacity=40); opacity:0.4; -moz-opacity:0.4; -khtml-opacity:0.4}
.container04 ul li .img .top_icon{ position:absolute; top:0; left:0; width:100%; height:100%;}
.container04 ul li .img .top_icon img{ transform:rotateY(270deg); -webkit-transform:rotateY(270deg);  -moz-transform:rotateY(270deg); opacity:0; -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;}
.container04 ul li:hover .img .top_icon img{ transform:rotateY(0deg); -webkit-transform:rotateY(0deg);  -moz-transform:rotateY(0deg); opacity:1;}
.container04 ul li h5{text-align:center;font-size: 18px;color: #fff;position:relative;margin: 16px 0 10px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.container04 ul li h5 span{ position:relative;}
.container04 ul li:hover h5{ color:#fff}
.container04 ul li h6{text-align:center;font-size:12px;color:rgba(255,255,255,0.4); text-transform:uppercase}

.container04 ul .miso-list{padding: 0 0 108px;background:url(../images/more02.png) center bottom no-repeat;-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;}
.container04 ul:hover .miso-list{ background:url(../images/more02_on.png) center bottom no-repeat}
.container04 ul .miso-prev, .container04 ul .miso-next{top: auto;margin-top: auto;bottom: 15px;width: 33px;height: 7px;background:none;z-index: 10;}
.container04 ul .miso-prev{background:url(../images/left.png) center no-repeat;margin-left: -130px;left: 50%;}
.container04 ul .miso-next{background:url(../images/right.png) center no-repeat;margin-right: -130px;right: 50%;}
.container04 ul .miso-prev:hover{background:url(../images/left_on.png) center no-repeat;}
.container04 ul .miso-next:hover{background:url(../images/right_on.png) center no-repeat;}
.container04 ul li:hover .slow img{ transform:scale(1.05);}

.container04 .sw-more{ color:#fff; position:relative; left:50%; margin-left:-75px; margin-top:-40px}
.container04 .sw-more .i2{ background:url(../images/sw_more_i2.png) no-repeat scroll right center;}

.container05{ padding:66px 0 72px; overflow:hidden}
.container05 ul{ margin:0 -20px; overflow:hidden}
.container05 ul li{ padding:0 20px; float:left; width:50%;}
.container05 ul li .img,.container05 ul li .img img{ width:580px; height:305px; overflow:hidden}
.container05 ul li .con{ overflow:hidden; padding:20px 0 0}
.container05 ul li .con .time{ float:left; width:120px; position:relative; text-align:center}
.container05 ul li .con .time:before{content:"";position:absolute;right:0;top: 6px;width:1px;height:54px;background:#e1e1e1;}
.container05 ul li .con .time h3{ font-size:36px; color:#494949; margin-bottom:15px;}
.container05 ul li .con .time h6{ font-size:18px; color:#888888}
.container05 ul li .con .con01{ float:right; width:430px;}
.container05 ul li .con .con01 h5,.container05 ul li .con .con01 h5 a{ font-size:18px; color:#323030}
.container05 ul li .con .con01 p{font-size:14px;color:#a4a4a4;line-height:24px;height:48px;margin-top: 12px;}
.container05 ul li .con .con01 h5 a:hover{ color:#0050a5}

.footer{ background:#37383a}
.footer .fl01{ width:915px; overflow:hidden; padding:68px 0 24px; border-bottom:#4b4c4e 1px solid; margin-bottom:34px;}
.footer .fl01 .f_nav ul{ overflow:hidden; text-align:right; max-width:320px; }
.footer .fl01 .f_nav ul li{ display:inline-block; font-size:15px; color:#878788; line-height:36px; margin-left:64px; }
.footer .fl01 .f_nav ul li a{color:#878788;}
.footer .fl01 .f_nav ul li a:hover {color:#fff;}
.footer .fl02{float: left; width: 915px;padding: 0 0 34px;}
.footer .fl02 .left p{ width:541px; font-size:14px; color:#878788; line-height:30px;}

.foot_link{width: 317px;height: 40px;line-height: 40px;cursor:pointer;overflow:visible;position: relative;background: #2b2d30; margin:30px 0 0}
.foot_link .tanchu{width: 100%;padding: 10px 16px;box-sizing:border-box;position:absolute;bottom: 40px;background: #2b2d30;display: none;left: 0;border-bottom: #3f4246 1px solid;}
.foot_link .tanchu a { color: #d1d1d1 !important; line-height: 27px; display:block; font-size: 13px;}
.foot_link .tanchu .swiper-slide{ height:30px !important;}
.foot_link .swiper-scrollbar-drag{ height:60% !important;}
.foot_link #bnt_link1.a {padding-left: 15px;color: #cfd0d0;text-align:left;line-height: 40px;width: 100%;box-sizing:border-box;font-size: 15px;text-decoration:none;position:absolute;z-index:1;}
.foot_link .a span{display:inline-block;float:right;color:#919397;line-height: 37px;margin-right: 30px;}

.foot_bot{ height:56px; line-height:56px; background:#2b2d30}
.foot_bot .w1200{ padding:0 296px 0 0}
.foot_bot p,.foot_bot p a{ font-size:14px; color:#6a6b6c}
.foot_bot p a:hover{ color:#fff}

.footer_box{ position:relative}
.kuan{ position:absolute; right:50%; margin-right:-600px; top:0; bottom:0; z-index:100; width:240px; background: #0050a5; /* Safari 5.1 - 6.0 */background: -o-linear-gradient(right, #0d6fb8, #0050a5); /* Opera 11.1 - 12.0 */background: #0050a5; /* Firefox 3.6 - 15 */background: #0050a5; padding:37px 37px 0}
.kuan h3{height:24px;line-height:24px;font-size:24px;color:#fff;margin: 0 -12px;margin-bottom:20px;text-align: center;}
.kuan h3 small{font-size:14px;color:#fff;margin-left: 8px;display: inline-block;}
.kuan h2{ text-align:center}
.kuan h2 img{ width:132px; height:132px;}
.kuan h5{ font-size:15px; color:#cddeef; height:48px; border-bottom:#cddeef 1px solid; line-height:32px; text-align:center; margin-bottom:24px}
.kuan h6{ font-size:15px; color:#fff; margin-bottom:10px}
.kuan h6 img{ margin-right:6px;}
.kuan h4{ font-size:22px; color:#fff}

.tbbg{ position:relative}
.tbbg:after{ background: #0050a5; /* Safari 5.1 - 6.0 */background: -o-linear-gradient(right, #0d6fb8, #0050a5); /* Opera 11.1 - 12.0 */background: #0050a5; /* Firefox 3.6 - 15 */background: #0050a5; content: "";width: 100%;height: 100%;position: absolute;top: 0;left:-100%;transition: transform 1.2s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;-webkit-transition: transform 1.2s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;z-index: 1;}
.tbbg:after{ transform-origin:left bottom 0; -webkit-transform-origin:left bottom 0;}
.action.tbbg:after{transform: translateX(200%);-webkit-transform: translateX(200%);}


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


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

.n_nav_box{height:59px;border-bottom:1px solid #e5e5e5;box-sizing: border-box;}
.n_nav_box .m{ position:relative;}
.n_nav{float: left;position:relative;text-align: left;font-size:0;}
.n_nav a{display:inline-block; width:170px; height:59px; line-height: 59px;text-align: center;box-sizing: border-box;position: relative; border-right:1px solid #e5e5e5; border-right:1px solid rgba(0,0,0,.1);-webkit-transition:0.2s;transition:0.2s;}
.n_nav a:first-child{border-left:1px solid #e5e5e5;border-left:1px solid rgba(0,0,0,.1);}
.n_nav a strong{display:block;color: #313232;position:relative;z-index:4;font-size:14px;height: 59px;line-height: 59px;font-weight: 100;}
.n_nav .on,.n_nav a:hover{background: #0050a5;color: #fff;}
.n_nav a:after{content:"";width: 8px;height: 8px;position: absolute;bottom:-7px;left: 50%;margin-left: -7px;background:#fff;border:3px solid #fd7400;border-radius:50%;-webkit-transition:0.6s;transition:0.6s;}
.n_nav a:before{
 content:"";
 width: 8px;
 height: 8px;
 position: absolute;
 bottom:-7px;
 left: 50%;
 margin-left: -7px;
 background:#fff;
 border: 3px solid #fd7400;
 border-radius:50%;
 -webkit-transition:0.6s;
 transition:0.6s;
 opacity:0;
 transform:scale(0);
 -webkit-transform:scale(0);
 }
.n_nav .on:after,.n_nav a:hover:after{ transform:scale(1.2); -webkit-transform:scale(1.2); opacity:0; }
.n_nav .on:before,.n_nav a:hover:before{opacity:1; transform:scale(1); -webkit-transform:scale(1);}
.n_nav .on strong,.n_nav a:hover strong{color:#fff;}

.position_box{ height:36px; background:rgba(0,0,0,.4); margin-top:-36px; position:relative;}
.position{float:right;line-height: 59px;right:0px;color: #9e9e9f;padding-left: 19px;font-size: 12px;background: url(../images/home_icon.png) left 23px no-repeat;}
.position span, .position a, .position i{font-size:12px;color: #9d9d9d;-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;}
.position i{padding: 0px 4px;font-style:normal; }
.position em{font-size:12px;color: #9d9d9d;font-style: normal;}
.position a:hover{color: #0050a5;}
.n_main_box .main_box{width: 1200px;height: 80px;position:relative;margin: 0 auto;}

.n_banner{ height:400px;}
.n_banner h2{ text-align:center; font-size:40px; color:#fff; text-transform:uppercase; margin-bottom:18px}
.n_banner h3{ text-align:center; font-size:30px; color:#d1d5da; text-transform:uppercase}
.n_banner .table{ display:none}

.container001 #menu2 ul li a{ color:#000000}
.container001 .tel{ color:#000000}

.n_about{ padding:60px 0}

.n_case{ padding:66px 0 60px;}
.n_case ul{ margin:0 -12.5px; overflow:hidden; margin-bottom:25px}
.n_case ul li{ float:left; width:33.333333%; padding:0 12.5px; margin-bottom:40px;}
.n_case ul li .img,.n_case ul li .img img{ overflow:hidden; width:382px; height:220px;}
.n_case ul li .box{ position:relative; width:382px; height:220px; overflow:hidden}
.n_case ul li .box .top{ position:absolute; left:0; top:100%; width:382px; height:220px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#990D6FB8', endColorstr='#990D6FB8');background:rgba(13,111,184,0.6); -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;}
.n_case ul li .box .top h5{text-align:center;font-size: 18px;color: #fff;position:relative;margin: 0 0 16px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.n_case ul li .box .top h5 span{ position:relative;}
.n_case ul li .box .top h6{text-align:center;font-size:12px;color:rgba(255,255,255,0.4);text-transform:uppercase;position:relative;padding: 0px 0 24px;}
.n_case ul li .box .top h6:before{content:"";position:absolute;width:25px;height:1px;background:rgba(255,255,255,0.7);left:50%;margin-left:-12.5px;bottom:0;}
.n_case ul li .box:hover .top{ top:0}

/*====翻页====*/
.j_pages{margin: 0px auto 0 auto;}
.j_pages .box{display:inherit;width:100%;padding: 0;font-size: 0;text-align:right;}
.j_pages .box li{display:inline-block;}
.j_pages a{height: 30px;line-height: 28px;display:inline-block;margin: 0px 5px;color: #7b7b7b;font-size: 14px;box-sizing: border-box;border: #dedede 1px solid;-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;text-align:center;padding: 0 10px;border-radius: 5px;}
.j_pages a font{font-size:14px;color: #7b7b7b;display:  block;padding: 0 12px;}
.j_pages a:hover font{ color:#fff}
.j_pages a span{ font-family:simsun}
.j_pages .on{background: #0050a5;color: #fff;border: #0050a5 1px solid;}
.j_pages .page-active a{background: #0050a5;color: #fff;border: #0050a5 1px solid;}
.j_pages a:hover{background: #0050a5;color:#fff!important;border: 1px solid #0050a5;}
.j_pages a.u_bnt{transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s}


/* .n_container{min-height:525px;} */
.n_left{width: 218px;float:left;overflow:hidden;}
.n_left .left_title{margin-bottom: 30px;}
.n_left .left_title strong{color: #575757;font-size: 20px;font-weight:  normal;}
.n_left .left_title span{color: #0050a5;text-transform: uppercase;font-size:14px;margin-left: 4px;} 
/*=================侧导航==================*/
#n_nav{background: #ffff; margin-bottom:30px;}
#n_nav dt h1{ display:block;  padding: 0 25px;border-bottom: 1px solid #e9e9ec; line-height: 37px; margin-left: 9px; margin-right: 8px;}
#n_nav dt.title{ background: url(../images/j_right_on.png) #f1f1f3 190px center no-repeat;}
#n_nav dt{position:relative;padding:0 0px;display:block;line-height: 45px;height: 45px;overflow:hidden;border-bottom: 1px solid #eae9ee;}
#n_nav dt a{font-size: 15px;padding-left: 20px;color: #3c3c3c;display:block;}
#n_nav dt.on,#n_nav dt:hover{background: #0050a5 url(../images/j_right.png) 190px center no-repeat;}
#n_nav dt.on a{ color:#fff; }
#n_nav dt:hover a{ color:#fff}
#n_nav .box{padding:10px 0;}
#n_nav dd{border-bottom: 1px solid #eae9ee;line-height: 34px;/* height: 45px; */padding:0 20px;}
#n_nav dd a{
    width: 100%;
    display:  inline-block;
    color: #666;
}
#n_nav dd a:last-child{ border:none}
#n_nav dd a:hover{ color:#0050a5;}
#n_nav dd a.on{background: url(../images/dd_on.png) 200px center no-repeat;color:#0050a5;}

#left_links{ background:#fff}
#left_links .title{height: 42px;line-height: 42px;padding-left: 20px;background: #bebdbc;font-size:15px;color:#fff;}
#left_links .box{}
#left_links ul li{margin: 0;}
#left_links ul li .img,
#left_links ul li .img img{width: 219px;height: 199px;overflow:hidden;}
#left_links ul li h6{height:2px;position:relative;margin-bottom: 22px;}
#left_links ul li h6:before{ content:""; position:absolute; top:0; left:50%; margin-left:-30px; width:60px; height:2px; background:#eee;}
#left_links ul li h6:after{ content:""; position:absolute; top:0; left:50%; margin-left:-30px; width:0; height:2px; background:#f14c22; -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;}
#left_links ul li h5{padding:0 15px;font-size: 14px;color: #727272;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-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;}
#left_links ul li:hover h5{ color:#e6623d;}
#left_links ul li:hover h6:after{ width:60px;}
#left_links .miso-prev,#left_links .miso-next{ top:0; right:0; left:auto; width:8px; height:14px;}
#left_links .miso-prev{background:url(../images/left_links_prev.png) center no-repeat;margin-top: -30px;margin-right: 38px;}
#left_links .miso-next{background:url(../images/left_links_next.png) center no-repeat;margin-top: -30px;margin-right: 18px;}
#left_links .more{ text-align:center;}
#left_links .more a{ display:inline-block; width:210px; height:30px; line-height:30px; text-align:center; font-size:12px; color:#fff; margin:0 auto; background:#b2b5b6; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; -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;}
#left_links .more a:hover{ background:#0050a5; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;}

#left_links01{ background:#fff}
#left_links01 .title{height:55px;line-height:55px;padding-left: 44px;background:#0050a5 url(../images/icon_pro01.png) 20px center no-repeat;font-size:15px;color:#fff;}
#left_links01 .box{ padding-bottom:22px; padding-top:10px;}
#left_links01 ul li{border-bottom:#eeeeee 1px solid;padding-left:12px;background: url(../images/tuijian_bg.png) left 18px no-repeat;margin:0 20px;line-height:40px;height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:5px;}
#left_links01 ul li a{ font-size:13px; color:#747474}
#left_links01 ul li a:hover{ color:#0050a5}

.n_right{width:922px;float:right;}

.n_product ul{margin:0 -14px; overflow:hidden; margin-bottom:20px}
.n_product ul li{padding:0 14px;float:left;width:33.333333%;height: 342px;margin-bottom: 40px;}
.n_product ul li .img,.n_product ul li img{ overflow:hidden; width:288px; height:262px;}
.n_product ul li .con{width:100%;height: 80px;background:#fff;padding:0 20px;position:relative;-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;}
.n_product ul li .con:before{ content:""; position:absolute; right:28px; width:33px; height:7px; top:50%; margin-top:-3.5px; background:url(../images/jiantou.png) center no-repeat;}
.n_product ul li .con .left{height: 100%;width:300px;}
.n_product ul li .con .left .table{  text-align:left}
.n_product ul li .con .left .table h5,.n_product ul li .con .left .table h5 a{ font-size:16px; color:#464646}
.n_product ul li .left .table h6{ font-size:12px; color:#929292; margin-top:10px}
.n_product ul li:hover .con{background:#0050a5;margin-top:-30px;height: 110px;}
.n_product ul li:hover .left .table h5 a{ color:#fff}
.n_product ul li:hover .left .table h6{ color:rgba(255,255,255,0.58)}


.n_case01_detail h3{ margin-bottom:30px; font-size:18px; color:#464646; text-align:center}
.n_case01_detail #n_show_case ul{ position:relative; width:570px; height:518px; margin:0 auto}
.n_case01_detail ul li.miso-slide{ text-align:center}
.n_case01_detail ul li.miso-slide img{ width:570px; height:518px; display:inline-block}
.n_case01_detail .miso-prev,.n_case01_detail .miso-next{ top:50%; width:23px; height:41px; margin-top: -20px;}

.n_case01_detail .miso-prev{background:url(../images/left_prev.png) center no-repeat; left:-96px; }
.n_case01_detail .miso-next{background:url(../images/right_next.png) center no-repeat; right:-96px; }

.n_container01{ padding:55px 0; overflow:hidden}

.n_case01_detail .fl01 .layui-tab-card{box-shadow:none;border:none;margin-top: 30px;}
.n_case01_detail .fl01 .layui-tab-card .layui-tab-title{background: #3e9ad1;height:50px;line-height:50px;}
.n_case01_detail .fl01 .layui-tab-card .layui-tab-title li{height:50px;line-height:50px;margin:0;width:110px;font-size: 15px;color:#3e3e3e;}
.n_case01_detail .fl01 .layui-tab-card>.layui-tab-title .layui-this{background: #3e9ad1;color:#fff;}
.layui-tab-title .layui-this:after{ display:none}
.layui-tab-title{ border:none}
.layui-tab-content{padding: 26px 25px 0;}
.layui-tab-content .ar_article p{color: #828282;font-size: 14px;line-height: 36px;}

.n_zhaopin{ padding:66px 0 60px; overflow:hidden}
.n_zhaopin ul{ margin:0 -16px; overflow:hidden; margin-bottom:30px}
.n_zhaopin ul li{ padding:0 16px; float:left; width:33.333333%; margin-bottom:30px}
.n_zhaopin ul li .box{ width:100%; height:225px; background:#f6f4f5; padding:46px 0 0; text-align:center}
.n_zhaopin ul li .box h5{ font-size:20px; color:#4d4c4b; margin-bottom:30px;}
.n_zhaopin ul li .box h5,.n_zhaopin ul li .box h5 a{ font-size:20px; color:#4d4c4b;}
.n_zhaopin ul li .box h6{ font-size:15px; color:#696969; margin-bottom:35px}
.n_zhaopin ul li .box .more a{ display:inline-block; width:130px; height:38px; line-height:38px; background:#6c6e70; margin:0 auto; font-size:14px; color:#fff; position:relative; overflow:hidden}
.n_zhaopin ul li .box .more a:before{ content:""; position:absolute; right:0; top:0; width:0; height:38px; background:#0050a5; -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; overflow:hidden}
.n_zhaopin ul li .box .more a:hover:before{ left:0; width:100%}
.n_zhaopin ul li .box .more a span{ color:#fff; position:relative}
.n_zhaopin ul li .box h5 a:hover{ color:#0050a5}

.button {
  position: relative;
  cursor: pointer;
  color: white;
  font-family: "Lato";
  font-size: 1.5em;
  padding: 0.5em 1em 0.65em;
  margin: 0;
}
.button .inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.button:nth-of-type(1):before, .button:nth-of-type(1):after, .button:nth-of-type(1) .inner:before, .button:nth-of-type(1) .inner:after {
  background-color: #0050a5;
}
.button:nth-of-type(2):before, .button:nth-of-type(2):after, .button:nth-of-type(2) .inner:before, .button:nth-of-type(2) .inner:after {
  background-color: #26a69a;
}
.button:nth-of-type(3):before, .button:nth-of-type(3):after, .button:nth-of-type(3) .inner:before, .button:nth-of-type(3) .inner:after {
  background-color: #7e57c2;
}
.button:before, .button:after, .button .inner:before, .button .inner:after {
  position: absolute;
  content: "";
  display: block;
  -webkit-transition: -webkit-transform 0.6s;
  transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
}
.button.horizontal:before, .button.horizontal:after, .button.both:before, .button.both:after {
  left: 0;
  width: 100%;
  height: 1px;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}
.button.horizontal .inner:before, .button.horizontal .inner:after, .button.both .inner:before, .button.both .inner:after {
  top: 0;
  width: 1px;
  height: 100%;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}
.button.horizontal .inner:before, .button.both .inner:before {
  left: 0;
}
.button.horizontal .inner:after, .button.both .inner:after {
  right: 0;
}
.button.horizontal .inner:hover:before, .button.horizontal .inner:hover:after, .button.both .inner:hover:before, .button.both .inner:hover:after {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
.button.horizontal:before, .button.both:before {
  top: 0;
}
.button.horizontal:after, .button.both:after {
  bottom: 0;
}
.button.horizontal:hover:before, .button.horizontal:hover:after, .button.both:hover:before, .button.both:hover:after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.button.horizontal:hover .inner:before, .button.horizontal:hover .inner:after, .button.both:hover .inner:before, .button.both:hover .inner:after {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
.button.horizontal.clockwise .inner:before, .button.both.clockwise .inner:before {
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.button.horizontal.clockwise .inner:after, .button.both.clockwise .inner:after {
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}
.button.horizontal.clockwise:before, .button.both.clockwise:before {
  -webkit-transform-origin: right center;
          transform-origin: right center;
}
.button.horizontal.clockwise:after, .button.both.clockwise:after {
  -webkit-transform-origin: left center;
          transform-origin: left center;
}
.button.horizontal.clockwise:hover .inner:before, .button.both.clockwise:hover .inner:before {
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}
.button.horizontal.clockwise:hover .inner:after, .button.both.clockwise:hover .inner:after {
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.button.horizontal.clockwise:hover:before, .button.both.clockwise:hover:before {
  -webkit-transform-origin: left center;
          transform-origin: left center;
}
.button.horizontal.clockwise:hover:after, .button.both.clockwise:hover:after {
  -webkit-transform-origin: right center;
          transform-origin: right center;
}
.button.horizontal.counterclockwise .inner:before, .button.both.counterclockwise .inner:before {
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}
.button.horizontal.counterclockwise .inner:after, .button.both.counterclockwise .inner:after {
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.button.horizontal.counterclockwise:before, .button.both.counterclockwise:before {
  -webkit-transform-origin: left center;
          transform-origin: left center;
}
.button.horizontal.counterclockwise:after, .button.both.counterclockwise:after {
  -webkit-transform-origin: right center;
          transform-origin: right center;
}
.button.horizontal.counterclockwise:hover .inner:before, .button.both.counterclockwise:hover .inner:before {
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.button.horizontal.counterclockwise:hover .inner:after, .button.both.counterclockwise:hover .inner:after {
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}
.button.horizontal.counterclockwise:hover:before, .button.both.counterclockwise:hover:before {
  -webkit-transform-origin: right center;
          transform-origin: right center;
}
.button.horizontal.counterclockwise:hover:after, .button.both.counterclockwise:hover:after {
  -webkit-transform-origin: left center;
          transform-origin: left center;
}
.button.vertical:before, .button.vertical:after {
  top: 0;
  width: 2px;
  height: 100%;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
}
.button.vertical:before {
  left: 0;
}
.button.vertical:after {
  right: 0;
}
.button.vertical:hover:before, .button.vertical:hover:after {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
.button.vertical.clockwise:before {
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.button.vertical.clockwise:after {
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}
.button.vertical.clockwise:hover:before {
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}
.button.vertical.clockwise:hover:after {
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.button.vertical.counterclockwise:before {
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}
.button.vertical.counterclockwise:after {
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.button.vertical.counterclockwise:hover:before {
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.button.vertical.counterclockwise:hover:after {
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}

.n_contact .left{ width:100%}
.n_contact .left ul{width: 1240px;margin-bottom: 40px;}
.n_contact .left ul li{float:left;width: 277px;margin-right: 30px;text-align:center;}
.n_contact .left ul li .icon{display:inline-block;width:43px;height:43px;line-height:43px;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;position:relative;z-index:1;}
.n_contact .left ul li .icon:before{pointer-events:none;position:absolute;width:100%;height:100%;border-radius:50%;content:'';-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;top:0;left:0;z-index:0;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#4CFFFFFF', endColorstr='#4CFFFFFF');background:rgba(255,255,255,0.3); -webkit-transform: scale(1.42);-moz-transform: scale(1.42);-ms-transform: scale(1.42);transform: scale(1.42);-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;}
.n_contact .left ul li .icon:hover:before{-webkit-transform:scale(1.8);-moz-transform:scale(1.8);-ms-transform:scale(1.8);transform:scale(1.8);opacity:0;filter:alpha(opacity=0)}
.n_contact .left ul li .con{width:280px;height: 148px;background:#355fa1;margin-top:-20px;padding: 0px 20px;font-size:15px;line-height:22px;color:#fff;position:relative;}
.n_contact .left ul li .con:before{content:"";position:absolute;right:0;top:0;width:0;height:100%;background: #f8f8f8;-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;}
.n_contact .left ul li:hover .con:before{ left:0; width:100%;}
.n_contact .left ul li .con span{position:relative;font-size: 14px;color: #777777;}

.n_contact{ padding:60px 0 58px}
.n_contact .w1200{ margin-top:0}
.n_contact .left ul li .icon span{display:block;width:43px;height:43px;line-height:43px;background: #0050a5;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;position:relative;}
.n_contact .left ul li .icon:before{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#4C4C71CF', endColorstr='#4C4C71CF');background:rgba(76,113,207,0.3);}
.n_contact .left ul li .con{background: #fff;border:  #eeeeee 1px solid;}
.n_contact .left ul li .con span img{margin-top: 17px;width:91px;height:92px;}

.n_news{ padding:45px 0 70px;}
.n_news .top ul{ width:1230px; margin-bottom:40px; overflow:hidden;}
.n_news .top ul li{ float:left; width:385px; margin-right:22px;}
.n_news .top ul li .img{float:left;width:385px;height: 202px;position:relative;overflow:hidden;}
.n_news .top ul li .img .time{width: 116px;line-height: 40px;height: 40px;background: #b2b2b2;position:absolute;left:0;top: 20px;font-size:14px;color:#fff;text-align:center;-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 .top ul li:hover .img .time{background: #0050a5;}
.n_news .top ul li .con{float:left;width:385px;height: 174px;background: #fff;padding: 25px 30px; position:relative}
.n_news .top ul li .con:before{ content:""; position:absolute; right:0; top:0; width:0; height:100%; -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; background:#0050a5}
.n_news .top ul li:hover .con:before{ left:0; width:100%}
.n_news .top ul li .con h5{ margin-bottom:15px;color: #2f2f2f; position:relative}
.n_news .top ul li .con h5 a{ font-size: 17px; color:#2f2f2f; }
.n_news .top ul li .con p{font-size: 14px;color: #9d9d9d;line-height: 24px;height: 48px; position:relative}
.n_news .top ul li .con .more{ padding:18px 0 0; border-top:#e9e9e9 1px solid; margin-top:15px; position:relative}
.n_news .top ul li .con .more a{ font-size:14px; color:#cecece}
.n_news .top ul li .con .more a i{ font-size:14px; color:#d4d4d4; font-family:simsun; float:right; font-style:normal}

.n_news .top ul li:hover .con .more a,.n_news .top ul li:hover .con p{ color:#b0cce6}
.n_news .top ul li:hover .con h5,.n_news .top ul li:hover .con h5 a{ color:#fff}

/* .n_news .bottom{padding-bottom:80px;} */
.n_news .bottom ul{overflow:hidden;margin-top:30px;margin-bottom: 54px;position:relative;height: auto;}
.n_news .bottom ul:after{content:"";width: 1px;height: 36px;position:absolute;left:50%;margin-left: -1px;top:0;background: #fbf6f2;}
.n_news .bottom ul li{ float:left; width:50%}
.n_news .bottom ul li .box{position:relative;padding: 31px 30px;box-sizing:border-box;border-bottom: 1px solid #e2e2e7;border-left: 1px solid #e2e2e7;margin-left:-1px;}
.n_news .bottom ul li:nth-child(9) .box, .n_news .bottom ul li:nth-child(10) .box{border-bottom:none;}
.n_news .bottom ul li .box:hover{background: #0050a5;border-bottom: 1px solid #0050a5;border-left: 1px solid #0050a5;}
.n_news .bottom ul li:nth-child(5) .box:hover,
.n_news .bottom ul li:nth-child(6) .box:hover{background:#0050a5;border-left: 1px solid #0050a5;}
.n_news .bottom ul li:nth-child(1) .box:hover:after{content:"";width:3px;height:100%;position:absolute;top:0;right:0;background: #0050a5;z-index: 10;}
.n_news .bottom ul li:nth-child(2) .box:hover:after{ content:""; width:5px; height:100%; position:absolute; top:0; left:-1px; background:#0050a5;z-index: 10;}
.n_news .bottom ul li .box h5{line-height: 40px;padding-left: 92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color: #525252;font-size: 17px;} 
.n_news .bottom ul li .box p{font-size: 14px;color:#999;line-height: 24px;height: 48px;overflow:hidden;padding-left: 92px;} 
.n_news .bottom .rq{float:left;font-size: 38px;color: #7b7b7b;width: 60px;line-height:50px;text-align:center;position:absolute;left:30px;}
.n_news .bottom .rq span{font-size: 14px;display:block;line-height: 40px;border-top: 1px solid #dedcdc;color: #a8a7a6;}
.n_news .bottom ul li .box:hover h5{ color:#fff}
.n_news .bottom ul li .box:hover .rq{ color:#fff;}
.n_news .bottom ul li .box:hover h5 a{ color:#fff;}
.n_news .bottom ul li .box:hover p{ color:#fff;}
.n_news .bottom ul li .box:hover span{ color:#fff; border-top:1px solid #fff;} 

.n_news_detail{ padding:50px 0  60px}

.n_article .ar_title{padding:10px 0 20px 0;margin-bottom: 20px;}
.n_article .ar_title{padding: 0 0 10px 0;position:relative;box-sizing: border-box;border-bottom: #ececec 1px solid;}
.n_article .ar_title h1{font-size: 20px;display:block;text-align: center;line-height:30px;color: #4e4e4e;font-weight:  bold;}
.n_article .ar_title h2{font-size:12px;position:relative;text-align: center;display:block;height: 46px;color: #777777;line-height: 36px;}
.n_article .ar_title h2 span{ margin:0 4px}
.n_article .ar_article{ padding-top:20px; padding-bottom:30px; min-height:400px;}

#ar_fot{margin-top:10px;position:relative;padding: 10px 0;border-bottom: rgba(229,229,229,0.5) 1px solid;border-top: rgba(229,229,229,0.5) 1px solid;}
#ar_fot h5{width: 100%;display:block;font-size: 13px;line-height:30px;color: #252525;font-weight: normal;}
#ar_fot h5 a{font-size: 13px;color: #777777;font-weight:normal;max-width: 800px;}
#ar_fot h5 a:hover{color: #0050a5;}
#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;}

/*==============分享插件=====================*/
.shart_box{width: 230px;margin-bottom: 25px;position:absolute;right: -27px;top: 24px;}
#j_shart_s_24 .bds_count{ font-size:12px;}
#j_shart_s_24{padding-left: 52px;position:relative;}
#j_shart_s_24 strong{display:block;position:absolute;left:0;z-index:2;line-height:36px;font-size: 13px;color: #777777;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}

.bdshare-button-style1-32 a{ width:26px !important; height:26px !important; line-height:26px !important; margin:6px 2px 6px 0 !important;}

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


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

@media(min-width: 768px){
	
}


@media(min-width: 992px) and (max-width: 1300px){
}

@media(max-width: 1600px){
}

@media(max-width: 1450px){
}

@media(max-width: 1400px){
}

@media(max-width: 1330px){
}

@media(max-width: 1200px){
	
}

@media(max-width: 1060px){
	
}

@media(max-width: 992px){
	
}

@media(max-width: 768px){

	
}

@media(max-width: 456px){
	
}

.ar_article h5{
  font-size: 1.5rem;
    color: #0050a5;
    font-weight: 900;
}
.n_container .n_news .top img{max-width: 100%;}