@charset "UTF-8";
.main{padding:0 8vw 0 8vw; margin:auto; position:relative;}

.fd_top{position:fixed; width:100%; top:0; left:0; z-index:9999999999;}
.top_kong{ display:none;}

.top_box{position:fixed; left:0; top:0; width:100%; height:5.4vw; z-index:999999999;}
.top_box .logo{ float:left; padding:1.5vw 1.56vw 1.5vw 1.56vw;}
.top_box .logo img{ height:2.4vw; display:none;}
.top_box .logo img:first-child{display:block;}
.top_box .mright{float:right;}
.top_box .mright .d1{ float:left; padding:1.5vw 2.2vw 1.5vw 2.2vw;}
.top_box .mright .d1 p{height:2.4vw; line-height:2.4vw; background-image:url(../images/map-ico-bai.png); background-repeat:no-repeat; background-position:left center; padding:0 0 0 30px; font-size:16px; color:#EAEAEA;}
.top_box .mright .d1 p span{ font-size:14px; display:inline-block; padding:0 0 0 4px;}
.top_box .mright .d2{float:left; background-color:#F5F5F5; padding:1.5vw 2vw 1.5vw 2vw; height:2.4vw; line-height:2.4vw; font-size:20px; color:#024794;}
.top_box .mright .d2 span{font-weight:bold; cursor:pointer;}
.top_box .mright .d2 .soso-box{position:absolute; display:none; left:0; top:5.4vw; width:80%; padding:5vw 10% 5vw 10%; background-color:#FFFFFF;}
.top_box .mright .d2 .soso-box .input-left{float:left; height:5.2vw; line-height:5.2vw; width:80%;  width: calc(100% - 13vw); width: -moz-calc(100% - 13vw); width: -webkit-calc(100% - 13vw); background-color:#F5F5F5;}
.top_box .mright .d2 .soso-box .input-left .input-b{ padding:0 45px 0 100px; line-height:5.2vw; height:5.2vw; color:#757575; font-size:1.25vw; background-color:#F5F5F5; background-image:url(../images/soso2.png); background-repeat:no-repeat; background-position:45px center; width:80%;}
.top_box .mright .d2 .soso-box .input-right{float:right; width:13vw; height:5.2vw; cursor:pointer; line-height:5.2vw; background-color:#004896; color:#FFFFFF; font-size:1.25vw; text-align:center;}
/*导航开始*/
.nav-box{ float:left;}
.nav-box li{float:left;}
.nav-box li > a{ position:relative; display:block; padding:1.5vw 1.56vw 1.5vw 1.56vw; line-height:2.4vw; font-size:16px; color:#FFFFFF; border-top:2px solid rgba(255, 255, 255, 0);}
.nav-box li .submenu{ position:absolute; display:none; left:0; top:5.4vw; width:100%; background-color:#FFFFFF; text-align:center; border-top:1px solid #dedede;}
.nav-box li .submenu1{}
.nav-box li .submenu1 a{display:inline-block; padding:0 80px 0 80px; height:80px; line-height:80px; font-size:16px; color:#333333;}
.nav-box li .submenu1 a:hover,
.nav-box li .submenu1 .sub_a{ background-image:url(../images/submenu.png); background-repeat:no-repeat; background-position:center center; color:#FFFFFF;}
.nav-box li .submenu2{ padding:1.2vw 8vw 1.2vw 8vw; height:80vh; height: calc(100vh - 7.8vw); height: -moz-calc(100vh - 7.8vw); height: -webkit-calc(100vh - 7.8vw); overflow:auto;}
.nav-box li .submenu2 .type-box{ padding:1.2vw 0 1.2vw 0;}
.nav-box li .submenu2 .type-box .type-img{float:left; position:relative; width:350px; padding:0 10px 0 0; background-image:url(../images/yousanjiaohui.jpg); background-repeat:no-repeat; background-position:right center;}
.nav-box li .submenu2 .type-box .type-img img{width:100%; display:block;}
.nav-box li .submenu2 .type-box .type-img .title_layer{position:absolute; left:4%; top:30px; width:90%; text-align:center; font-size:1.2vw; color:#FFFFFF; background-color:rgba(0,0,0,0.1); line-height:2em;}
.nav-box li .submenu2 .type-box .type-right{float:right; width:70%; width: calc(100% - 390px); width: -moz-calc(100% - 390px); width: -webkit-calc(100% - 390px);}
.nav-box li .submenu2 .type-box .type-right .type-list{ float:left; width:40%; margin-right:10%;}
.nav-box li .submenu2 .type-box .type-right .type-list .type-title{ line-height:55px; height:55px; border-bottom:1px solid #e8e8e8; background-image:url(../images/yousanjiao.jpg); background-repeat:no-repeat; background-position:right center; padding-right:30px; text-align:left;}
.nav-box li .submenu2 .type-box .type-right .type-list .type-title a{font-size:18px;}
.nav-box li .submenu2 .type-box .type-right .type-list .title-list{ padding:15px 0 15px 0;}
.nav-box li .submenu2 .type-box .type-right .type-list .title-list a{position:relative; display:block; float:left; width:42%; width: calc(50% - 36px); width: -moz-calc(50% - 36px); width: -webkit-calc(50% - 36px); margin-right:20px; line-height:32px; height:32px; overflow:hidden; font-size:14px; color:#666666; background-image:url(../images/xiaolan.png); background-repeat:no-repeat; background-position:left center; padding:0 0 0 12px;}
.nav-box li .submenu2 .type-box .type-right .type-list .title-list a:hover{color:#044FA0;}
/*整个导航变白色背景*/
.top_box2{background-color:#ffffff;}
.top_box2 .logo img:first-child{display:none;}
.top_box2 .logo img:last-child{display:block;}
.top_box2 .nav-box li > a{color:#333333;}
.top_box2 .mright .d1 p{background-image:url(../images/map-ico-hei.png); color:#333333;}
.top_box2 .mright .d1 p span{}
.top_box3{height:76px;}
.top_box3 .logo{padding-top:15px; padding-bottom:15px;}
.top_box3 .logo img{ height:46px;}
.top_box3 .mright .d1{padding-top:15px; padding-bottom:15px;}
.top_box3 .mright .d1 p{height:46px; line-height:46px;}
.top_box3 .mright .d2{padding-top:15px; padding-bottom:15px; height:46px; line-height:46px;}
.top_box3 .mright .d2 .soso-box{ top:46px;}
.top_box3 .nav-box li > a{padding-top:15px; padding-bottom:15px; height:46px; line-height:46px;}
.top_box3 .nav-box li .submenu{top:76px;}
/*导航移动上去显示*/
.nav-box li .a_be{border-top:2px solid #134d8d; color:#134d8d;}
.nav-box li:hover > a{ border-top:2px solid #134d8d; color:#134d8d;}
.nav-box li:hover .submenu{display:block;}




/*手机点开*/
.nav_x{ float:right; display:none; margin-top:0; height:50px; line-height:50px; padding:0 15px 0 15px; background-color:#f5f5f5;}
.nav_x2{ line-height: 40px; display: inline-block; vertical-align: middle;}
.nav_x2 a{ font-size:20px; color:#000000; font-weight:bolder;}

/*手机导航*/
.x_nav{ width: 100%; height: 100%; background-color: rgba(255,255,255,0.9); position: fixed; top: 0; right: -101%; z-index: 999999999999; border-left:1px solid #eeeeee;}
.x_nav_t{ width: calc(100% - 15px); width: -moz-calc(100% - 15px); width: -webkit-calc(100% - 15px); height: 60px; line-height: 60px; text-align: right; padding-right: 16px;}
.x_nav_t a{ color: #134d8d; font-weight:bold; font-size: 18px; font-weight:normal; vertical-align:middle;}
.x_nav_t i{font-size:32px; color:#134d8d;  vertical-align:middle; font-weight:bolder;}

.x_nav2{ width: 100%; height: 100%; overflow:auto; padding-bottom:75px;}
.x_nav2 ul li{ height: auto; }
.x_nav2 ul li a{ height: 40px; line-height: 40px; display: block; font-size: 14px; color: #ffffff;  padding-left: 38px;  background-color: #134d8d; border-bottom: 1px solid #dddddd; background-image:url(../images/baishu.png); background-repeat:no-repeat; background-position:20px center;   border-radius:5px; -moz-border-radius:5px;  -webkit-border-radius:5px;}
.x_nav2 ul li span{ width: 64px; height: 40px; display: inline-block; line-height: 40px; text-align: center; float: right; margin-right: 0px; background: url(../images/jia.png) no-repeat center center;}
.x_nav2 ul li span.xjian{ background: url(../images/jian.png) no-repeat center center;}
.xnav_xl { display: none;}
.xnav_xl dd .a_bj{ background-color:#FFFFFF; color:#333333; padding-left:30px; font-size:14px;}
.xnav_xl dd .a_bj1{ color:#333333; background-color:#f9f9f9;}
.xnav_xl dd .a_bj2{ background-image:url(../images/shu_h.png); background-repeat:no-repeat; background-position:32px center; padding-left:48px;}
.xnav_xl dd .a_bj3{ padding-left:48px;}
.xnav_xl dd .a_bj4{ padding-left:60px;}





/*banner大图*/
.banner{position:relative; margin:auto;}
.banner .arrow{
	width:56px;
	height:56px;
	line-height:56px;
	position:absolute;
	color:#ffffff;	
	z-index:999;
	font-family:"宋体";
	font-size:20px; font-weight:bold;
	cursor:pointer;
	text-align:center;
	bottom:40px;
	top:50%; top: calc(50% - 28px); top: -moz-calc(50% - 28px); top: -webkit-calc(50% - 28px);
	
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari 和 Chrome */
	-o-transition: all 1s; /* Opera */
	border:2px solid #f5f5f5;
	
	filter:alpha(opacity=50); /* IE */
	-moz-opacity:0.5; /* 老版Mozilla */
	-khtml-opacity:0.5; /* 老版Safari */
	opacity: 0.5; /* 支持opacity的浏览器*/
}
.banner .arrow:hover{color:#000000; border:2px solid #ffffff; background-color:#ffffff;
	filter:alpha(opacity=100); /* IE */
	-moz-opacity:1; /* 老版Mozilla */
	-khtml-opacity:1; /* 老版Safari */
	opacity: 1; /* 支持opacity的浏览器*/
}
.banner .arrow.pre{left:20px}
.banner .arrow.next{right:20px;}

.banner .slick-dots {
	position: absolute;
	width: 100%;
	text-align: center;
	z-index: 1000;
	bottom:40px;
}
.banner .slick-dots li {
	display: inline-block;
	width: auto;
	float: none;
	vertical-align: middle;
}
.banner .slick-dots li button {
	background:none;
	border: 0 none;
	border-radius: 50%;
	cursor: pointer;
	display: block;
	font-size: 0;
	height: 14px;
	line-height: 0;
	margin: 0 6px;
	outline: medium none;
	padding: 0;
	width: 14px;
	border:1px solid #ffffff;
	
	filter:alpha(opacity=80); /* IE */
	-moz-opacity:0.8; /* 老版Mozilla */
	-khtml-opacity:0.8; /* 老版Safari */
	opacity: 0.8; /* 支持opacity的浏览器*/
}
.banner .slick-dots li.slick-active button {
	background: #ffffff;
	width:14px;
	height:14px;
}
/*上半部分是固定的 下边是网站的css样式*/
.banner .dataitem{float:left; position:relative; width:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.banner .dataitem img{width:100%;}
.banner .dataitem .fd_text{ position:absolute; left:40%; width:50%; top:40%; text-align:center;}
.banner .dataitem .fd_text h3{ font-size:3.2vw; font-weight:bold; line-height:1.6em; padding:0 0 1vw 0; overflow:hidden; color:#ffffff; 
	-webkit-text-shadow: 0 2px 2px #333333;  
	-moz-text-shadow: 0 2px 2px #333333;
	text-shadow: 0 2px 2px #333333;
	
	-webkit-animation: fadeOutDown 1s both;
    -moz-animation: fadeOutDown 1s both;
	animation: fadeOutDown 1s both;
}
.banner .dataitem .fd_text h5{ font-size:1.6vw; line-height:1.5em; font-weight:bold; overflow:hidden; color:#ffffff; 
	-webkit-text-shadow: 0 1px 1px #333333;  
	-moz-text-shadow: 0 1px 1px #333333;
	text-shadow: 0 1px 1px #333333;
	
	-webkit-animation: fadeOutUp 1s both;
    -moz-animation: fadeOutUp 1s both;
	animation: fadeOutUp 1s both;
}
.banner .dataitem .fd_text .jianjie{ padding:2.4vw 0 0 0; font-size:16px; color:#ffffff; line-height:1.8em; max-height:5.4em; overflow:hidden;
	-webkit-animation: fadeOutUp 1s both;
    -moz-animation: fadeOutUp 1s both;
	animation: fadeOutUp 1s both;
}
.banner .dataitem .fd_text .bmore{line-height:36px; padding:10px 0 0 0; text-align:center;
	-webkit-animation: fadeOutUp 1s both;
    -moz-animation: fadeOutUp 1s both;
	animation: fadeOutUp 1s both;
}
.banner .dataitem .fd_text .bmore a{ display:inline-block; background-color:#005FC9; font-size:14px; color:#ffffff; padding:0 36px 0 36px; border-radius:18px; -moz-border-radius:18px;  -webkit-border-radius:18px; }
.banner .dataitem .fd_text .bmore a:hover{background-color:#000000;}
/*
.banner .dataitem.slick-active {
    -webkit-animation: ProgressDots 1s both;
    animation: ProgressDots 11s both;
}*/
/*
注：只有在上面非活动状态显示成隐藏状态，下面的active时才可以以效果显示出来
*/
.banner .dataitem.slick-active h3{
	-webkit-animation: fadeInDown 1s both 0.2s;
    -moz-animation: fadeInDown 1s both 0.2s;
	animation: fadeInDown 1s both 0.2s;
}
.banner .dataitem.slick-active h5{
	-webkit-animation: fadeInDown 1s both 0.2s;
    -moz-animation: fadeInDown 1s both 0.2s;
	animation: fadeInDown 1s both 0.2s;
}
.banner .dataitem.slick-active .jianjie{
	-webkit-animation: fadeInUp 1s both 0.2s;
    -moz-animation: fadeInUp 1s both 0.2s;
	animation: fadeInUp 1s both 0.2s;
}
.banner .dataitem.slick-active .bmore{
	-webkit-animation: fadeInUp 1s both 0.2s;
    -moz-animation: fadeInUp 1s both 0.2s;
	animation: fadeInUp 1s both 0.2s;
}
/*左右滚动结束*/


.hei6{height:6px; line-height:6px;}
.hei8{height:8px; line-height:8px;}
.hei12{height:12px; line-height:12px;}
.hei14{height:14px; line-height:14px;}
.hei16{height:16px; line-height:16px;}
.hei18{height:18px; line-height:18px;}
.hei20{height:20px;}
.hei22{height:22px;}
.hei24{height:24px;}
.hei26{height:26px;}
.hei28{height:28px;}
.hei30{height:30px;}
.hei40{height:40px;}
.hei1vw{height:1vw; line-height:1vw;}
.hei15vw{height:1.5vw; line-height:1.5vw;}
.hei2vw{height:2vw;}
.hei22vw{height:2.2vw;}
.hei24vw{height:2.4vw;}
.hei26vw{ height:2.6vw;}
.hei28vw{ height:2.8vw;}
.hei3vw{height:3vw;}
.hei32vw{height:3.2vw;}
.hei34vw{height:3.4vw;}
.hei36vw{ height:3.6vw;}
.hei38vw{ height:3.8vw;}
.hei4vw{ height:4vw;}
.hei42vw{height:4.2vw;}
.hei44vw{height:4.4vw;}
.hei46vw{ height:4.6vw;}
.hei48vw{ height:4.8vw;}
.hei5vw{ height:5vw;}
.hei52vw{height:5.2vw;}
.hei54vw{height:5.4vw;}
.hei56vw{ height:5.6vw;}
.hei58vw{ height:5.8vw;}



@keyframes expand {
  0% {
    background-size: 100%;
  }
  100% {
    background-size: 120%;
  }
}



/*首页分类*/
.type-img1{}
.type-img1 li{ float:left; position:relative; width:50%; background-image:url(); background-repeat:no-repeat; background-position:center center; background-size:cover; overflow:hidden;}
.type-img1 li:hover{
	animation: expand 2s infinite; /* 2秒完成一次放大，无限循环    未使用*/
}
.type-img1 li > img{display:block; width:100%;}
.type-img1 li .text-layer{ position:absolute; left:3vw; top:3vw; width:60%; height:12vw; background-color:rgba(255, 255, 255,0.9);}
.type-img1 li .text-layer .t-box{ padding:2vw 2vw 2vw 2vw;}
.type-img1 li .text-layer .t-box .t1{ font-size:1.56vw; color:#1f65b2; line-height:1.8em;}
.type-img1 li .text-layer .t-box .t2{ font-size:16px; padding:6px 0 0 0; color:#646464; line-height:1.8em;}
.type-img1 li .text-layer .t3{ position:absolute; bottom:-25px; left:2vw;}
.type-img1 li .text-layer .t3 a{ display:inline-block; width:50px; height:50px; line-height:50px; text-align:center; background-color:#1f65b2; font-size:14px; font-family:"宋体"; font-weight:bold; color:#FFFFFF;}
.type-img1 li .text-layer .t3 a:hover{background-color:#000000;}
.type-img2{}
.type-img2 li{ float:left; position:relative; width:33.3333%; width: calc((100% - 2px)/3); width: -moz-calc((100% - 2px)/3); width: -webkit-calc((100% - 2px)/3); background-image:url(); background-repeat:no-repeat; background-position:center center; background-size:cover; margin:1px 1px 0 0; overflow:hidden;}
.type-img2 li:nth-child(3n+3){margin-right:0;}
.type-img2 li > img{display:block; width:100%;}
.type-img2 li .layer1{ position:absolute; left:3vw; top:3vw; font-size:1.56vw; color:#FFFFFF;
	-webkit-text-shadow: 0 1px 2px #333333;  
	-moz-text-shadow: 0 1px 2px #333333;
	text-shadow: 0 1px 2px #333333;
}
.type-img2 li .layer2{position:absolute; left:3vw; bottom:3vw;
	filter:alpha(opacity=80); /* IE */
	-moz-opacity:0.8; /* 老版Mozilla */
	-khtml-opacity:0.8; /* 老版Safari */
	opacity: 0.8; /* 支持opacity的浏览器*/
}
.type-img2 li .layer2 img{border:2px solid #dddddd; border-radius:50%; -moz-border-radius:50%;  -webkit-border-radius:50%;}

/*首页关于我们*/
.index-box{ padding:5vw 0 3.2vw 0; background-image:url(../images/index_bj2.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover;}
.index-box .t1{ font-size:1.77vw; line-height:1.8em; text-align:center;}
.index-box .t2{padding:2.7vw 0 0 0; text-align:center;}
.index-box .t2 a{display:inline-block; padding:0 2vw 0 2vw; line-height:2.5vw; background-color:#1f65b2; color:#ffffff; font-size:15px;  border-radius:6px; -moz-border-radius:6px;  -webkit-border-radius:6px;}
.index-box .t2 a:hover{background-color:#000000;}

/*首页研发创新*/
.yanfa{ background-image:url(); background-repeat:no-repeat; background-position:center center; background-size:cover; background-attachment:fixed; padding:9vw 0 9vw 0; position:relative;}
.yanfa .pd15{padding:0 15vw 0 15vw;}
.yanfa .mleft{float:left; width:240px; font-size:1.86vw; color:#ffffff;}
.yanfa .mright{float:right; width:50%; width: calc(100% - 240px); width: -moz-calc(100% - 240px); width: -webkit-calc(100% - 240px);}
.yanfa .mright .d1{ color:#e2e2e2; font-size:18px; line-height:2em;}
.yf_ul{padding:6.8vw 0 0 0;}
.yf_ul li{float:left; width:25%; width: calc((100% - 128px)/3); width: -moz-calc((100% - 128px)/3); width: -webkit-calc((100% - 128px)/3); padding:0 20px 0 20px; text-align:left; border-left:1px solid #9E9EA0; line-height:2em; font-size:18px; color:#efefef;}
.yf_ul li p{ font-size:26px; color:#FFFFFF; font-weight:bold;}
.yf_ul2{ padding-top:3vw;}
.yf_ul2 li{color:#313330; border-left:1px solid #DDDDDD;}
.yf_ul2 li p{color:#313330;}

.yanfa .mright .t3{ padding:5vw 0 0 0; text-align:right;}
.yanfa .mright .t3 a{ display:inline-block; padding:0 30px 0 0; font-size:20px; color:#efefef; background-image:url(../images/yousanjiaobai.png); background-repeat:no-repeat; background-position:right center;}

.yanfa .t4{position:absolute; left:0; bottom:0; width:100%;}
.yanfa .t4 .news-title{padding:1.87vw 3vw 0 3vw; background-color:#FFFFFF;}
.yanfa .t4 .news-title p{float:left; line-height:1.4em; font-size:1.9vw; color:#000000;}
.yanfa .t4 .news-title a{float:right; margin:16px 0 0 0; position:relative; display:block; padding:0 30px 0 0; background-image:url(../images/yousanjiaolan.jpg); background-repeat:no-repeat; background-position:right center; font-size:18px; color:#185ca4; border-radius:10px; -moz-border-radius:10px;  -webkit-border-radius:10px;}
.yanfa .t4 .news-title a:hover{color:#000000;}

/*首页新闻*/
.i-news{ padding:3vw 0 3vw 0;}
.i-news2{ padding:0 0 0 0;}
.i-news li{ float:left; width:50%; margin:1vw 0 1vw 0;}
.i-news li:first-child{width:100%;}
.i-news li .n-box{ padding:1.7vw; border:1px solid #e8e8e8;}
.i-news li .n-box .mleft{float:left; width:47%; overflow:hidden;}
.i-news li .n-box .mleft img{width:100%; display:block;}
.i-news li .n-box .mleft:hover img{
	transform: scale(1.2);
	-moz-transform: scale(1.2); /* Firefox 4 */
	-webkit-transform: scale(1.2); /* Safari 和 Chrome */
	-o-transform: scale(1.2); /* Opera */
}
.i-news li .n-box .mright{float:right; width:47%;}
.i-news li .n-box .mright .t1{ position:relative; display:block; font-size:24px; color:#000000; line-height:1.6em; overflow:hidden;}
.i-news li .n-box .mright .t1:hover{color:#134d8d;}
.i-news li .n-box .mright .t1-2{ font-size:18px; height:6.4em; overflow:hidden;}
.i-news li .n-box .mright .t2{ padding:20px 0 0 0; font-size:14px; color:#cdcdcd;}
.i-news li .n-box .mright .t2-2{ padding:10px 0 0 0; font-size:14px; line-height:1.6em; height:3.2vw; overflow:hidden;}
.i-news li .n-box .mright .t3{ padding:2.4vw 0 2vw 0; line-height:1.8em; font-size:16px; color:#676767; border-bottom:1px solid #f1f1f1;}
.i-news li .n-box .mright .t4{ text-align:left; padding:2vw 0 2.5vw 0;}
.i-news li .n-box .mright .t4 a{display:inline-block; padding:0 30px 0 0; background-image:url(../images/yousanjiaolan.jpg); background-repeat:no-repeat; background-position:right center; font-size:16px; color:#185ca4;}
.i-news li .n-box .mright .t4 a:hover{color:#000000;}


/*底部*/
.footer{background-image:url(); background-repeat:no-repeat; background-position:center center; background-size:cover; padding:4vw 8vw 4vw 8vw;}
.footer .hang1{ padding-bottom:2vw;}
.footer .hang1 .mleft{float:left;}
.footer .hang1 .mleft .logo{ float:left; margin-right:3vw;  margin-top:5px;}
.footer .hang1 .mleft .logo img{height:35px; display:block;}
.footer .hang1 .mleft .link{ float:left;}
.footer .hang1 .mleft .meiti{ width:100%; padding:2vw 0 0 0; color:#fbfbfb;}
.footer .hang1 .mleft .meiti .t1{ line-height:2em; font-size:14px; }
.footer .hang1 .mleft .meiti .t1 span{font-size:24px;}
.footer .hang1 .mleft .meiti .t2{font-size:20px; color:#FFFFFF;}
.footer .hang1 .mleft .meiti .t3{padding:2px 0 0 0; line-height:1.8em; font-size:14px;}
.footer .hang1 .mleft .meiti .t4{padding:2vw 0 0 0;}
.footer .hang1 .mleft .meiti .t4 li{ float:left; padding:0 25px 0 0; position:relative;}
.footer .hang1 .mleft .meiti .t4 li > a{}
.footer .hang1 .mleft .meiti .t4 li > a img{height:16px;}
.footer .hang1 .mleft .meiti .t4 li p{position:absolute; width:96px; background-color:#fbfbfb; padding:6px; left:-45px; top:-120px; display:none;}
.footer .hang1 .mleft .meiti .t4 li p img{width:100%;}
.footer .hang1 .mleft .meiti .t4 li:hover p{display:block;}
.footer .hang1 .mright{float:right;}
.footer .hang1 .mright a{ float:left; position:relative; display:block; width:120px; height:120px; line-height:120px; text-align:center; font-size:16px; color:#fbfbfb; margin-left:20px;}
.footer .hang1 .mright a img{width:100%; display:block;}
/*底部导航*/
.footer .f_nav{ padding:2vw 0 0 0; border-top:1px solid #6F8AB5;}
.footer .f_nav li{float:left; width:16.666666%;}
.footer .f_nav li > a{font-size:16px; color:#ffffff; line-height:2em;}
.footer .f_nav li p{ padding:15px 0 0 0;}
.footer .f_nav li p a{ position:relative; display:block; line-height:2em; font-size:14px; color:#99AECD;}
.footer .f_nav li p a:hover{color:#FFFFFF;}


.copy{padding:10px 0 10px 0; line-height:1.6em; background-color:#161616; color:#494949; font-size:14px; text-align:center;}
.copy a{ color:#494949;}


.bk_title{ text-align:center;}
.bk_title .t1{ font-size:2.5vw; font-weight:bold; color:#000000;}
.bk_title .t2{ font-size:14px; color:#666666; line-height:1.8em; padding:1.5vw 0 0 0;}


/*关于我们*/
.about{}
.about .mleft{ float:left; width:39%;}
.about .mleft .t1{font-size:2.2vw; line-height:2em; color:#000000;}
.about .mleft .t2{line-height:2em; font-size:16px; color:#656565;}
.about .mleft .t3{text-align:left; padding:3vw 0 3vw 0;}
.about .mleft .t3 a{ display:inline-block; padding:0 30px 0 0; background-image:url(../images/yousanjiaolan.jpg); background-repeat:no-repeat; background-position:right center; font-size:18px; color:#185ca4;}
.about .mleft .t3 a:hover{color:#000000;}
.about .mright{float:right; width:59%;}
.about .mright img{width:100%; display:block;}

/*发展历程*/
.fazhan{ background-repeat:no-repeat; background-position:center center; background-size:cover; padding:8vw;}

/*banner大图*/
.fazhan_ban{position:relative; margin:auto;}
.fazhan_ban .arrow{}
.fazhan_ban .slick-dots {
	position: absolute;
	width: 100%;
	text-align: center;
	z-index: 1000;
	bottom:0px;
}
.fazhan_ban .slick-dots li {
	display: inline-block;
	width: auto;
	float: none;
	vertical-align: middle;
}
.fazhan_ban .slick-dots li button {
	border: 0 none;
	cursor: pointer;
	display: block;
	font-size: 0;
	height: 10px;
	line-height: 10px;
	margin: 0 6px;
	outline: medium none;
	padding: 0;
	width: 40px;
	background-color:#696969;
	border-radius:8px; -moz-border-radius:8px;  -webkit-border-radius:8px;
	
	filter:alpha(opacity=80); /* IE */
	-moz-opacity:0.8; /* 老版Mozilla */
	-khtml-opacity:0.8; /* 老版Safari */
	opacity: 0.8; /* 支持opacity的浏览器*/
}
.fazhan_ban .slick-dots li.slick-active button {
	background: #ffffff;
}
/*上半部分是固定的 下边是网站的css样式*/
.fazhan_ban .dataitem{float:left; position:relative; width:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;  min-height:25vw;}
.fazhan_ban .dataitem img{width:100%;}
.fazhan_ban .dataitem .fd_text{ position:absolute; width:100%; top:0; text-align:center;}
.fazhan_ban .dataitem .fd_text h3{ font-size:2.5vw; font-weight:bold; line-height:1.6em; padding:0 0 1vw 0; overflow:hidden; color:#ffffff; 
	-webkit-text-shadow: 0 2px 2px #333333;  
	-moz-text-shadow: 0 2px 2px #333333;
	text-shadow: 0 2px 2px #333333;
	
	-webkit-animation: fadeOutDown 1s both;
    -moz-animation: fadeOutDown 1s both;
	animation: fadeOutDown 1s both;
}
.fazhan_ban .dataitem .fd_text h5{ font-size:18px; font-weight:normal; line-height:1.8em; overflow:hidden; color:#ffffff; 
	-webkit-text-shadow: 0 1px 1px #333333;  
	-moz-text-shadow: 0 1px 1px #333333;
	text-shadow: 0 1px 1px #333333;
	
	-webkit-animation: fadeOutUp 1s both;
    -moz-animation: fadeOutUp 1s both;
	animation: fadeOutUp 1s both;
}
.fazhan_ban .dataitem .fd_text .jianjie{ padding:2.4vw 0 0 0; font-size:16px; color:#ffffff; line-height:1.8em; max-height:5.4em; overflow:hidden;
	-webkit-animation: fadeOutUp 1s both;
    -moz-animation: fadeOutUp 1s both;
	animation: fadeOutUp 1s both;
}
.fazhan_ban .dataitem .fd_text .bmore{line-height:36px; padding:10px 0 0 0; text-align:center;
	-webkit-animation: fadeOutUp 1s both;
    -moz-animation: fadeOutUp 1s both;
	animation: fadeOutUp 1s both;
}
.fazhan_ban .dataitem .fd_text .bmore a{ display:inline-block; background-color:#005FC9; font-size:14px; color:#ffffff; padding:0 36px 0 36px; border-radius:18px; -moz-border-radius:18px;  -webkit-border-radius:18px; }
.fazhan_ban .dataitem .fd_text .bmore a:hover{background-color:#000000;}
.fazhan_ban .dataitem.slick-active h3{
	-webkit-animation: fadeInDown 1s both 0.2s;
    -moz-animation: fadeInDown 1s both 0.2s;
	animation: fadeInDown 1s both 0.2s;
}
.fazhan_ban .dataitem.slick-active h5{
	-webkit-animation: fadeInDown 1s both 0.2s;
    -moz-animation: fadeInDown 1s both 0.2s;
	animation: fadeInDown 1s both 0.2s;
}
.fazhan_ban .dataitem.slick-active .jianjie{
	-webkit-animation: fadeInUp 1s both 0.2s;
    -moz-animation: fadeInUp 1s both 0.2s;
	animation: fadeInUp 1s both 0.2s;
}
.fazhan_ban .dataitem.slick-active .bmore{
	-webkit-animation: fadeInUp 1s both 0.2s;
    -moz-animation: fadeInUp 1s both 0.2s;
	animation: fadeInUp 1s both 0.2s;
}
/*左右滚动结束*/



.honor{ background-color:#f8f8f8;}

/*资质证书*/
.cert_box{position:relative; margin:auto; padding:25px 0 40px 0;}
.cert_box .arrow{ width:50px;	height:50px; line-height:50px; position:absolute; top:40%;  top: calc(50% - 25px); top: -moz-calc(50% - 25px); top: -webkit-calc(50% - 25px);
	z-index:999; font-family:"宋体"; font-size:24px; cursor:pointer; text-align:center; color:#bbbbbb;
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari 和 Chrome */
	-o-transition: all 0.5s; /* Opera */
	
	border:1px solid #bbbbbb;	
	
	
	filter:alpha(opacity=80); /* IE */
	-moz-opacity:0.8; /* 老版Mozilla */
	-khtml-opacity:0.8; /* 老版Safari */
	opacity: 0.8; /* 支持opacity的浏览器*/
}
.cert_box .arrow.pre { left:-50px;}
.cert_box .arrow.next { right:-50px;}
.cert_box:hover .arrow{
	color:#289FD7;
	filter:alpha(opacity=100); /* IE */
	-moz-opacity:1; /* 老版Mozilla */
	-khtml-opacity:1; /* 老版Safari */
	opacity: 1; /* 支持opacity的浏览器*/	
}

.cert_box .slick-dots {
	position: absolute;
	width: 100%;
	text-align: center;
	z-index: 1000;
	bottom:10px;
}
.cert_box .slick-dots li {
	display: inline-block;
	width: auto;
	float: none;
	vertical-align: middle;
}
.cert_box .slick-dots li button {
	background: #ffffff;
	border:1px solid #bbbbbb;
	cursor: pointer;
	display: block;
	font-size: 0;
	height: 12px;
	width:36px;
	border-radius:8px; -moz-border-radius:8px;  -webkit-border-radius:8px;
	margin: 0 8px;
	outline: medium none;
	padding: 0;
		
	filter:alpha(opacity=100); /* IE */
	-moz-opacity:1; /* 老版Mozilla */
	-khtml-opacity:1; /* 老版Safari */
	opacity: 1; /* 支持opacity的浏览器*/
}
.cert_box .slick-dots li.slick-active button {
	background: #034798;
	border:1px solid #034798;
}
/*上半部分是固定的 下边是网站的css样式*/
.cert_box .dataitem{ width:100%; padding:5px 12px 5px 12px;}
.cert_box .dataitem .c_box{background-color:#FFFFFF; padding:15px; border:1px solid #eeeeee;
	-webkit-box-shadow: 0 0 5px #aaaaaa;  
	-moz-box-shadow: 0 0 5px #aaaaaa;
	box-shadow: 0 0 5px #aaaaaa;
	border-collapse:separate !important;
}
.cert_box .dataitem .c_box .mimg{}
.cert_box .dataitem .c_box .mimg img{ width:100%; display:block;}
.cert_box .dataitem .c_box .mtitle{ position:relative; display:block; padding:10px 0 10px 0; font-size:16px; line-height:2em; color:#555555; text-align:center;}
/*左右滚动结束*/


/*二级页面*/
.er_banner{ position:relative;}
.er_banner > img{ display:block; width:100%;}
.er_banner .t-box{ position:absolute; left:8vw; bottom:8vw; color:#FFFFFF;}
.er_banner .t-box .t1{font-size:2.5vw;}
.er_banner .t-box .t2{font-size:1vw; padding:2vw 0 0 0;}

/*位置*/
.weizhi{ background-image:url(../images/home.jpg); background-repeat:no-repeat; background-position:left center; padding:1.7vw 0 1.7vw 32px; height:26px; line-height:26px; overflow:hidden;}
.weizhi p{ float:left; font-size:16px; color:#999999;}
.weizhi p a{color:#999999;}

.er_box{}

/*产品列表*/
.er_box .left{ float:left; width:336px;}
.er_box .left li{ border-bottom:1px solid #ffffff;}
.er_box .left li > a{ position:relative; display:block; padding:0 26px 0 26px; background-color:#f1f1f1; height:68px; line-height:68px; background-image:url(../images/l_jia.png); background-repeat:no-repeat; 
	background-position:80% center; 
	background-position: calc(100% - 26px) center;  
	background-position: -moz-calc(100% - 26px) center;  
	background-position: -webkit-calc(100% - 26px) center; 
	font-size:18px; color:#353535; cursor:pointer;
}
.er_box .left li p{ background-color:#f5f5f5; display:none;}
.er_box .left li p a{position:relative; display:block; border-bottom:1px solid #dddddd; line-height:46px; height:46px; padding:0 26px 0 52px; overflow:hidden; font-size:14px; background-image:url(../images/sj_lan.png); background-repeat:no-repeat; background-position:30px center;}
/*鼠标点开*/
.er_box .left .li2{}
.er_box .left .li2 > a{ color:#FFFFFF; background-color:#165291; background-image:url(../images/l_jian.png);}
.er_box .left .li2 p{display:block;
	/**
	-webkit-animation: bounce 1s both 0.3s;
    -moz-animation: bounce 1s both 0.3s;
	animation: bounce 1s both 0.3s;
	**/
}
.er_box .right{ float:right; width:70%; width: calc(100% - 386px); width: -moz-calc(100% - 386px); width: -webkit-calc(100% - 386px);}
.er_box .right .row1{ padding:0 0 2vw 0; border-bottom:1px solid #dddddd;}
.er_box .right .row1 .mleft{ float:left; width:70%; width: calc(100% - 418px); width: -moz-calc(100% - 418px); width: -webkit-calc(100% - 418px);}
.er_box .right .row1 .mleft .t-box{ padding:0 4vw 0 0;}
.er_box .right .row1 .mleft .t-box .t1{ line-height:2.4em; color:#004895; font-size:1.5vw;}
.er_box .right .row1 .mleft .t-box .t2{ line-height:1.8em; color:#676767; font-size:16px; text-align:justify;}
.er_box .right .row1 .mright{ float:right; width:418px;}
.er_box .right .row1 .mright img{width:100%; display:block;}
.er_box .right .row2{}
.er_box .right .row2 li{ padding:2vw 0 0 0;}
.er_box .right .row2 li .mleft{ float:left; width:400px; overflow:hidden;}
.er_box .right .row2 li .mleft img{width:100%; display:block;}
.er_box .right .row2 li .mright{ float:right; width:70%; width: calc(100% - 400px); width: -moz-calc(100% - 400px); width: -webkit-calc(100% - 400px);}
.er_box .right .row2 li .mright .t-box{ padding:0 0 0 3vw;}
.er_box .right .row2 li .mright .t-box .t1{ line-height:1.8em; font-size:1.1vw;}
.er_box .right .row2 li .mright .t-box .t2{ padding:1vw 0 0 0; line-height:1.8em; color:#999999; font-size:16px; text-align:justify;}
.er_box .right .row2 li .mright .t-box .t3{ padding:2.5vw 0 1vw 0; text-align:left; border-bottom:1px solid #eeeeee;}
.er_box .right .row2 li .mright .t-box .t3 a{display:inline-block; padding:0 30px 0 0; background-image:url(../images/yousanjiaolan.jpg); background-repeat:no-repeat; background-position:right center; font-size:16px;}
.er_box .right .row2 li:hover .mright .t-box .t3{border-bottom:1px solid #004795;}


/*产品详情*/
.pro_detail{}
.pro_detail .left{ float:left; width:48%; width: calc((100% - 38px)/2); width: -moz-calc((100% - 38px)/2); width: -webkit-calc((100% - 38px)/2);}
.pro_detail .left .img-box{padding:2px; border:1px solid #eeeeee; overflow:hidden;}
.pro_detail .left .img-box img{width:100%; display:block;}
.pro_detail .right{float:right; width:48%; width: calc((100% - 38px)/2); width: -moz-calc((100% - 38px)/2); width: -webkit-calc((100% - 38px)/2);}
.pro_detail .right .t1{font-size:20px; line-height:1.6em; padding:1vw 0 1vw 0; border-bottom:1px solid #eeeeee;}
.pro_detail .right .t1 p{ font-size:14px;}
.pro_detail .right .t2{ padding:1vw 0 0 0; font-size:14px; line-height:1.8em; text-align:justify;}
.pro_detail .right .t3{ padding:3vw 0 3vw 0; text-align:left;}
.pro_detail .right .t3 a{height:44px; line-height:44px; display:inline-block; border:1px solid #eeeeee; padding:0 50px 0 50px; font-size:14px;}
.pro_detail .right .t3 a:hover{background-color:#004795; border:1px solid #004795; color:#FFFFFF;}
.pro_detail .right .imgList{ position:relative;}
.pro_detail .right .imgList .prev_next{position:absolute; width:50px; height:20px; top:30%; top: calc(50% - 10px); top: -moz-calc(50% - 10px); top: -webkit-calc(50% - 10px); background-repeat:no-repeat; background-position:center center; cursor:pointer;}
.pro_detail .right .imgList .prev{ left:0; background-image:url(../images/left.jpg);}
.pro_detail .right .imgList .next{ right:0; background-image:url(../images/right.jpg);}
.pro_detail .right .imgList .imgul{ width:80%; width: calc(100% - 100px); width: -moz-calc(100% - 100px); width: -webkit-calc(100% - 100px); margin:auto;}
.pro_detail .right .imgList .imgul li{ float:left; width:86px; height:60px; margin:5px 5px 5px 5px; border:1px solid #eeeeee;}
.pro_detail .right .imgList .imgul li img{width:100%; height:auto; display:block;}
.pro_detail .right .imgList .imgul .li_be{border:1px solid #004795;}

.pro_detail2{ position:relative; background-image:url(../images/pro_xx_bj.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; height:125px;}
.pro_detail2 .pro_t{ position:absolute; left:8vw; bottom:0; padding:0 150px 0 150px; line-height:68px; background-color:#FFFFFF; color:#004795; font-size:1.2vw; font-weight:bold;}

.pro_detail3{ padding:2vw 0 2vw 0; font-size:14px; line-height:2em; text-align:justify;}
.pro_detail3 img{max-width:100%;}


/*浏览量*/
.count{ line-height:2em; font-size:14px; color:#999999; text-align:center;}
.count span{color:#FF0000;}


/*产品列表*/
.pro_list_title{ padding:1.2vw 0 1.2vw 0; line-height:1.6em; font-size:20px; text-align:left;}
.pro_list{ padding:0px 0 0 0;}
.pro_list li{ float:left; width:18%; width: calc((100% - 40px)/5); width: -moz-calc((100% - 40px)/5); width: -webkit-calc((100% - 40px)/5); margin:0 10px 0 0;}
.pro_list li:nth-child(5n+5){margin-right:0;} 
.pro_list li .d_box{}
.pro_list li .d_box .mimg{width:100%; overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.pro_list li .d_box .mimg img{ width:100%; display:block; visibility:hidden; border:1px solid #eeeeee;}
.pro_list li .d_box .mtitle{ position:relative; display:block; line-height:40px; height:40px; overflow:hidden; text-align:center; font-size:14px;}



/*解决方案图片列表*/
.photo_ul{}
.photo_ul li{ float:left; width:45%; width: calc((100% - 36px)/2); width: -moz-calc((100% - 36px)/2); width: -webkit-calc((100% - 36px)/2); margin:0.8vw 36px 0.8vw 0;}
.photo_ul li:nth-child(2n+2){margin-right:0;} 
.photo_ul li .con_box{position:relative; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.photo_ul li .con_box img{ width:100%; display:block; visibility:hidden;}
.photo_ul li .con_box .layer{position:absolute; display:none; top:0; left:0; width:100%; height:100%; background-color: rgba(0,0,0,0.7); background-image:url(../images/fangdajing.png); background-repeat:no-repeat; background-position:center center;}
.photo_ul li:hover .con_box .layer{display:block; animation: fadeIn; animation-duration: 0.5s;}
.photo_ul li .con_box2{ padding:1.8vw; background-color:#F8F8F8;}
.photo_ul li .con_box2 .t1{ line-height:1.8em; font-size:2vw; position:relative; display:block; height:1.8em; overflow:hidden;}
.photo_ul li .con_box2 .t2{ line-height:1.8em; color:#666666; font-size:16px; height:3.6em; overflow:hidden;}

.span1{color:#999999; display:inline-block; padding:0 0 0 20px;}
.span2{ color:#FF0000;} 
.photo_ul li .con_box2 .t3{ padding:2vw 0 0 0; text-align:left;}
.photo_ul li .con_box2 .t3 a{display:inline-block; padding:0 30px 0 0; background-image:url(../images/yousanjiaolan.jpg); background-repeat:no-repeat; background-position:right center; font-size:16px; color:#3772AC;}
.photo_ul li .con_box2 .t3 a:hover{ color:#000000;}


.fanhui{ text-align:center;}
.fanhui a{ display:inline-block; width:230px; height:46px; line-height:45px; background-color:#0a3263; color:#ffffff; font-size:14px; border:1px solid #0a3263; border-radius:2px; -moz-border-radius:2px;  -webkit-border-radius:2px;}
.fanhui a:hover{ background-color:#000000; color:#FFFFFF; border:1px solid #000000;}



/*联系我们*/
.contact{}
.contact .t1{ font-size:1.8vw;}
.contact-list{ padding:2vw 0 0 0;}
.contact-list .col{ float:left; width:45%; width:calc(50% - 20px); width: -moz-calc(50% - 20px); width: -webkit-calc(50% - 20px); margin:10px 10px 10px 10px;}
.contact-list .col .c-box{border:15px solid #f9f9f9; padding:1.5vw;
}
.contact-list .col .c-box .title{line-height:2em; border-bottom:1px solid #eeeeee; font-size:1.2vw; color:#000000; background-image:url(../images/weizhi_bj.png); background-repeat:no-repeat; background-position:left center; padding:0 0 0 30px;}
.contact-list .col .c-box .mimg{ padding:1.2vw 0 0 0; text-align:center;}
.contact-list .col .c-box .mimg img{ max-width:100%;}
.contact-list .col .c-box .text{padding:1.2vw 0 0 0; line-height:2em; font-size:16px;}
.contact-list .col .c-box .text img{max-width:100%;}


/*留言板*/
.message-box{ padding:4vw;
	-webkit-box-shadow: 0 0 10px #cccccc;  
	-moz-box-shadow: 0 0 10px #cccccc;
	box-shadow: 0 0 10px #cccccc;
	border-collapse:separate !important;
}
.message-box .mtitle{line-height:38px; font-size:16px; border:1px solid #efefef; background-color:#f8f8f8; padding:0 0 0 20px;}
.message-box .bk_title .t1{font-size:1.8vw;}
.message-box .submit{ text-align:center;}
.message-box .submit span{display:inline-block; width:180px; text-align:center; height:52px; line-height:52px; background-color:#999999; color:#FFFFFF; font-size:16px; cursor:pointer;}
.message-box .submit span:hover{background-color:#013281;}
/*留言左右结构*/
.message{ padding:1vw 0 2px 0;}
.message .left{float:left; width:45%; width:calc(50% - 20px); width: -moz-calc(50% - 20px); width: -webkit-calc(50% - 20px); margin:10px 10px 10px 10px;}
.message .right{float:right; width:45%; width:calc(50% - 20px); width: -moz-calc(50% - 20px); width: -webkit-calc(50% - 20px); margin:10px 10px 10px 10px;}
/*留言输入框*/
.message-ul{}
.message-ul li{padding:0 20px 0 20px; background-color:#F5F5F5; min-height:50px; position:relative; border-top:10px solid #FFFFFF; border-bottom:10px solid #FFFFFF;}
.message-ul li .input1{width:100%; background-color:#f5f5f5; border:0; height:50px; line-height:50px; color:#bbbbbb; font-size:16px;}
.message-ul li .select-input{ width:100%; background-image:url(../images/xiasanjiaohei.jpg); background-repeat:no-repeat; background-position:right center; height:50px; line-height:50px; color:#333333; font-size:16px; background-color:#f5f5f5;}
.message-ul li .select{ position:absolute; display:none; left:0; z-index:666666; top:50px; width:100%; background-color:#f5f5f5;}
.message-ul li .select a{position:relative; display:block; padding:0 20px 0 20px; line-height:40px; border-bottom:1px solid #eeeddd; text-align:left; font-size:14px;}
.message-ul li .select a:hover{background-color:#eeeeee;}
.message-ul li .input2{width:100%; height:260px; background-color:#f5f5f5; border:0; line-height:50px; color:#aaaaaa; font-size:16px;}





/*下面是公共信息*/



/*输入框提示  颜色*/
input::-webkit-input-placeholder { /* Chrome, Opera, Safari */
  color: #bbbbbb;
} 
input:-moz-placeholder { /* Firefox 18- */
  color: #bbbbbb;
  opacity: 1; /* 修复老版本Firefox的不透明度问题 */
} 
input::-moz-placeholder { /* Firefox 19+ */
  color: #bbbbbb;
  opacity: 1; /* 修复Firefox的不透明度问题 */
} 
input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #bbbbbb;
}


/*css 处理select*/
.select_box{ width:210px; position:relative;}
.select_box .title{ height:44px; line-height:44px; padding:0 20px 0 20px; background-image:url(../images/f_xiala.png); background-repeat:no-repeat; background-position:right center; background-color:#002F7D; color:#FFFEFD; font-size:16px; cursor:pointer; border:1px solid #1A468F;}
.select_box p{ position:absolute; display:none; z-index:999999999; width:100%; top:44px; left:0; background-color:#002F7F;}
.select_box p a{ position:relative; display:block; height:38px; line-height:38px; padding:0 20px 0 20px; font-size:14px; color:#ffffff;  border:1px solid #18478F;}
.select_box p a:hover,
.select_box p .a_be{ background-color:#1A468F; color:#ffffff;}




/*弹出层 留言板*/
.tanchu_box{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:4444; background-color: rgba(140,140,140,0.96);}
.tanchu_box .layer{ position:relative; width:600px; height:100%; margin:auto;}
.tanchu_box .layer .input_box{ position:absolute; background-color: rgba(255,255,255,0.9); width:100%; height:300px; top:30%; top:calc(50% - 150px); top: -moz-calc(50% - 150px); top: -webkit-calc(50% - 150px); left:0; text-align:center;
	-webkit-box-shadow: 1px 1px 2px #666666;  
	-moz-box-shadow: 1px 1px 2px #666666;
	box-shadow: 1px 1px 2px #666666;
	border-collapse:separate !important;
	border-radius:10px; -moz-border-radius:10px;  -webkit-border-radius:10px;
}
.tanchu_box .layer .input_box .mtitle{ padding:50px 40px 30px 40px; font-size:24px; font-weight:bold; text-align:center; color:#B1000B;}
.tanchu_box .layer .input_box .p1{ text-align:center; padding:0 50px 20px 40px;}
.tanchu_box .layer .input_box .p1 .myinput{height:42px; line-height:42px; border:1px solid #dddddd; width:calc(100% - 30px); width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); padding:0 14px 0 14px; border-radius:3px; font-size:14px; color:#666666; background-color:#FFFFFF; text-align:center;}
.tanchu_box .layer .input_box .mysub{ width:140px; text-align:center; height:38px; line-height:38px; background-color:#B1000B; color:#FFFFFF; font-size:16px;
	border-radius:10px; -moz-border-radius:10px;  -webkit-border-radius:10px;
}




/*搜索结果*/
.soso_box{ padding:10px 0 10px 0;}
.soso_box li{ padding:5px 10px 5px 10px;}
.soso_box li a{ position:relative; display:block; border-bottom:1px solid #dddddd; line-height:40px; height:40px; overflow:hidden; font-size:14px; background-image:url(../images/yuandian.png); background-repeat:no-repeat; background-position:8px center; padding:0 0 0 25px;}









/*右边客服*/
.kefu_right{position:fixed; display:none; right:0; top:30%; z-index:9876;}
.kefu_right li{ border:1px solid #eeeeee; position:relative; background-color:#ffffff; border-radius:6px 0 6px 0; -moz-border-radius:6px 0 6px 0;  -webkit-border-radius:6px 0 6px 0; width:70px;}
.kefu_right li > a{position:relative; display:block; width:100%; text-align:center; padding:10px 0 10px 0; text-align:center; line-height:20px; font-size:12px; color:#555555;}
.kefu_right li > a img{ max-width:100%; 
	filter:alpha(opacity=100); /* IE */
	-moz-opacity:1; /* 老版Mozilla */
	-khtml-opacity:1; /* 老版Safari */
	opacity: 1; /* 支持opacity的浏览器*/
}
.kefu_right li p{position:absolute; display:none; right:-250px; top:0; border:1px solid #eeeeee; white-space:nowrap; background-color:#f9f9f9;
	transition: all 2s;
	-moz-transition: all 2s; /* Firefox 4 */
	-webkit-transition: all 2s; /* Safari 和 Chrome */
	-o-transition: all 2s; /* Opera */
}
.kefu_right li:hover > a img{
	filter:alpha(opacity=100); /* IE */
	-moz-opacity:1; /* 老版Mozilla */
	-khtml-opacity:1; /* 老版Safari */
	opacity: 1; /* 支持opacity的浏览器*/
}
.kefu_right li:hover p{display:block;
	right:70px;	
}
.kefu_right li:first-child p{line-height:74px; font-size:18px; color:#333333; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; padding:0 20px 0 20px;}
.kefu_right li:nth-child(2) p{line-height:74px; font-size:18px; color:#333333; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; padding:10px 10px 10px 10px;}
.kefu_right li:nth-child(3) p{line-height:74px; font-size:18px; color:#333333; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; padding:0 20px 0 20px;}
.kefu_right li:last-child{border-bottom:0;}




/*详细*/
.xx_box{padding:0 10px 0 10px;}
.xx_title{ padding:10px 0 16px 0; color:#222222; font-size:24px; text-align:center; line-height:2em; font-weight:bold; }
.xx_author{ text-align:center; line-height:3em; font-size:14px; color:#999999; border-radius:4px; -moz-border-radius:4px;  -webkit-border-radius:4px; background-color:#f9f9f9;}
.xx_video{ padding:10px 0 10px 0; text-align:center; width:100%; margin:auto;}
.xx_video video{ width:100%;}
.xx_img{padding:15px 0 0 0; text-align:center;}
.xx_img img{max-width:100%;}
.xx_content{font-size:14px; text-align:justify; line-height:32px; color:#666666; padding:15px 0 0 0;}
.xx_content img{max-width:100%;}


.pre_next{ padding:10px 0 10px 0; background-color:#FFFFFF; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee;}
.pre_next p{float:left; width:50%; overflow:hidden; line-height:30px; height:30px;}
.pre_next p a{ font-size:14px; color:#888888;}
.pre_next p a:hover{ color:#0C49A2;}
.pre_next .p_l{ float:left; text-align:left;}
.pre_next .p_r{ float:right; text-align:right;}

/*分页开始*/
.mypage{ height:30px; padding:2vw 0 3vw 0;}
.mypage div{ text-align:center;}
.mypage div a{display: inline-block; height:30px; line-height:30px; padding:0 12px 0 12px; color:#595A5E; font-size:14px; background-color:#ffffff; border:1px solid #d9d9d9; border-radius:3px; -moz-border-radius:3px;  -webkit-border-radius:3px; }
.mypage div a:hover,
.mypage div .a_be{ background-color:#165291; border:1px solid #004795; color:#FFFFFF;}
/*分页结束*/


/***********************************其它页面结束*/










#back_to_top { color: #cdcdcd; display:none; height: auto; position: fixed; bottom:10px; right: -70px;z-index: 10000;
-webkit-transition: all .5s ease 0s;
   -moz-transition: all .5s ease 0s;
     -o-transition: all .5s ease 0s;
        transition: all .5s ease 0s;}
#back_to_top span { display: inline-block; text-align: center; font-size: 30px; width: 40px;height: 40px; line-height: 35px; color: white;background-color: rgba(0,0,0,0.4);
-webkit-border-radius: 2px;
-webkit-transition: all .2s ease 0s;
   -moz-transition: all .2s ease 0s;
     -o-transition: all .2s ease 0s;
        transition: all .2s ease 0s;
border-radius: 2px;
}
#back_to_top.on {opacity: 1;filter: alpha(opacity=100);right: 10px;}
#back_to_top:hover span{ background-color: #000;}