@charset "UTF-8";
.main{padding:0 10px 0 10px; max-width:1200px; margin:auto; position:relative;}

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

.top_kong{ display:none;}

.top_box{background-color:#ffffff; border-bottom:1px solid #dcdcdc; height:36px; line-height:36px; font-size:12px; color:#555555;}
.top_box .mleft{float:left;}
.top_box .mright{float:right;}
.top_box .mright li{ float:left; margin:0 0 0 20px; position:relative;}
.top_box .mright li span{ float:left; margin:5px 0 0 0;
	filter:alpha(opacity=60); /* IE */
	-moz-opacity:0.6; /* 老版Mozilla */
	-khtml-opacity:0.6; /* 老版Safari */
	opacity: 0.6; /* 支持opacity的浏览器*/
}
.top_box .mright li a{ float:left; margin:0 0 0 8px; color:#666666; display:inline-block; line-height:36px;}
.top_box .mright li a:hover{color:#000000;}
.top_box .mright li p{position:absolute; display:none; z-index:9999999991; right:0; top:35px; width:100%; text-align:left; border:1px solid #eeeeee; padding:8px; background-color:#FFFFFF;}
.top_box .mright li p img{display:block; width:100%;}
.top_box .mright li:hover p{
	display:block;   /*改成block 就会显示下拉菜单*/
	animation: xiala 0.4s;
	-moz-animation: xiala  0.4s;
	-webkit-animation: xiala  0.4s;
	-o-animation: xiala  0.4s; 
}
.top_box .mright li:first-child a{color:#BF1313;}


.header{background-color:#ffffff; padding:15px 0 15px 0;}
.header .mleft{float:left;}
.header .mleft img{ max-height:70px;}

/*主导航开始*/
.header .nav_box{float:right; }
.header .nav_box li{float:left; margin-top:8px; position:relative; text-align:center;}
.header .nav_box li > a{ display:inline-block; line-height:54px; padding:0 35px 0 35px;  font-size:14px; color:#222222;
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari 和 Chrome */
	-o-transition: all 0.5s; /* Opera */
}
.header .nav_box li > a:hover,
.header .nav_box li .a_be{ color:#ffffff !important; background-image:url(../images/nav_bj.jpg); background-repeat:repeat-x; background-position:center center;}
.header .nav_box li p{position:absolute; left:0; top:36px; width:100%; left:0%; display:none; z-index:666666; background-color:#427C15;}
.header .nav_box li p a{position:relative; display:block; text-align:center; line-height:40px; height:40px; overflow:hidden; font-size:14px; padding:0 12px 0 12px; color:#ffffff; border-bottom:1px solid #335F10;}
.header .nav_box li p a:last-child{border-bottom:0;}
.header .nav_box li p a:hover{ color:#ffffff; background-color:#335F10;}
.header .nav_box li:hover > a{ color:#000000;}
.header .nav_box li:hover p{
	display:none;   /*改成block 就会显示下拉菜单*/
	animation: xiala 0.4s;
	-moz-animation: xiala  0.4s;
	-webkit-animation: xiala  0.4s;
	-o-animation: xiala  0.4s; 
}



/*手机点开*/
.nav_x{ float:right; display:none; margin-top:0px;}
.nav_x2{ line-height: 50px; display: inline-block; vertical-align: middle;}
.nav_x2 a{ font-size:30px; color:#2097DB;}

/*手机导航*/
.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: #2097DB; font-weight:bold; font-size: 16px; font-weight:normal; vertical-align:middle;}
.x_nav_t i{font-size:24px; color:#2097DB;  vertical-align:middle;}

.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: 18px;  background-color: #2097DB; border-bottom: 1px solid #dddddd;}
.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:12px;}
.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:35px;
	height:80px;
	line-height:80px;
	position:absolute;	
	top:40%;  top: calc(50% - 40px); top: -moz-calc(50% - 40px); top: -webkit-calc(50% - 40px);
	color:#ffffff;	
	z-index:999;
	font-family:"宋体";
	font-size:40px; font-weight:bold;
	cursor:pointer;
	
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari 和 Chrome */
	-o-transition: all 1s; /* Opera */
	
	filter:alpha(opacity=50); /* IE */
	-moz-opacity:0.5; /* 老版Mozilla */
	-khtml-opacity:0.5; /* 老版Safari */
	opacity: 0.5; /* 支持opacity的浏览器*/
}
.banner .arrow:hover{ color:#ffffff;}
.banner .arrow.pre { left:10px; padding-left:5px; border-radius:0 40px 40px 0; -moz-border-radius:0 40px 40px 0;  -webkit-border-radius:0 40px 40px 0; text-align:left;}
.banner .arrow.next { right:10px; padding-right:5px; border-radius:40px 0 0 40px; -moz-border-radius:40px 0 0 40px;  -webkit-border-radius:40px 0 0 40px; text-align:right;}
.banner:hover .arrow{}

.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:10%; width:80%; top:30%; top: calc(50% - 120px); top: -moz-calc(50% - 120px); top: -webkit-calc(50% - 120px); text-align:center;}
.banner .dataitem .fd_text h3{ font-size:3.2vw; height:1.2em; line-height:1.2em; 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:18px; padding:14px 0 0 0; font-weight:normal; 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;
}
/*左右滚动结束*/



.bk_title{ text-align:center;}
.bk_title p{ padding-bottom:14px; background-image:url(../images/bk_xian.jpg); background-repeat:no-repeat; background-position:center bottom; text-align:center; font-size:1.66vw;}
.bk_title a{ display:inline-block; padding-top:14px; font-size:14px; color:#F0810A;}
.bk_title a:hover{color:#930;}
.bk_title2{}
.bk_title2 p{ background-image:url(../images/bk_xian2.jpg); color:#FFF;}


.hei6{height:6px; line-height:6px;}
.hei8{height:8px; line-height:8px;}
.hei12{height:12px; line-height:12px;}
.hei20{height:20px;}
.hei30{height:30px;}
.hei2vw{height:2vw;}
.hei25vw{height:2.5vw;}
.hei26vw{ height:2.6vw;}
.hei3vw{height:3vw;}
.hei35vw{height:3.5vw;}
.hei4vw{ height:4vw;}
.hei45vw{ height:4.5vw;}


.beijinghui{background-color:#F0F0F0;}
.beijinghui_top{ background-image:url(../images/bk_bj2.jpg); background-repeat:repeat-x; background-position:center top;}
.beijingtu{ background-color:#F0F0F0; background-repeat:no-repeat; background-size:cover; background-position:center top;}



.img_yuan{}
.img_yuan img{width:100%; display:block;}
.bj_t{ background-image:url(../images/wangge2.png); background-repeat:no-repeat; background-position:left top;}
.bj_l{ background-image:url(../images/wangge.png); background-repeat:no-repeat; background-position:left center;}
.bj_h{ background-repeat:no-repeat; background-position:center center; background-size:cover; background-color:#F4F4F4;}
.bj_hui{background-color:#f5f5f5;}

.color_bai{ color:#FFFFFF;}
.color_bai2{ color:#eeeeee;}

.font-size46{font-size:46px;}


/*首页产品展示*/
.index_pro{}
.index_pro .mleft{ float:left; width:260px;}
.index_pro .mleft .title{ width:100%; height:96px; line-height:96px; text-align:center; font-size:24px; color:#FFF; background-image:url(../images/6.jpg); background-repeat:no-repeat; background-size:100% 100%;}
.index_pro .mleft ul{ background-color:#758995; padding:10px 12px 20px 12px;}
.index_pro .mleft ul li{ padding:0 15px 0 15px; line-height:50px; border-bottom:1px dashed #cccccc;}
.index_pro .mleft ul li:hover{background-color:#677984;}
.index_pro .mleft ul li a{ float:left; position:relative; display:block; font-size:14px; color:#FFF; line-height:50px;}
.index_pro .mleft ul li span{ float:right; font-weight:bold; font-family:'宋体'; color:#C1CBD1;}
.index_pro .mright{ float:right; width:70%; width: calc(100% - 300px); width: -moz-calc(100% - 300px); width: -webkit-calc(100% - 300px);}
.index_pro .mright ul{}
.index_pro .mright ul li{ background-color:#FFF; float:left; width:22%; width: calc((100% - 36px)/4); width: -moz-calc((100% - 36px)/4); width: -webkit-calc((100% - 36px)/4); margin:0 12px 12px 0;}
.index_pro .mright ul li:nth-child(4n+4){margin-right:0;} 
.index_pro .mright ul li .d_box{ padding:20px 15px 10px 15px; border:1px solid #ffffff;}
.index_pro .mright ul li .d_box .img{ background-image:url(); background-repeat:no-repeat; background-position:center center; background-size:cover; overflow:hidden;}
.index_pro .mright ul li .d_box .img img{ width:100%; display:block; visibility:hidden;}
.index_pro .mright ul li .d_box .title{ padding:10px 0 0 0; text-align:center; position:relative; display:block; height:30px; line-height:30px; overflow:hidden; font-size:14px; color:#5a5a5a;}
.index_pro .mright ul li .d_box:hover{border:1px solid #0780C9;}



/*服务优势*/
.i_youshi{}
.i_youshi li{ float:left; width:25%; margin:24px 0 0 0;}
.i_youshi li .d_box{padding:0 40px 0 40px;}
.i_youshi li .d_box .img{text-align:center;}
.i_youshi li .d_box .img img{max-width:100%;}
.i_youshi li .d_box .title{height:40px; line-height:40px; text-align:center; font-size:16px; position:relative; display:block; color:#222222;}
.i_youshi li .d_box .text{ color:#999999; font-size:14px; line-height:26px; text-align:center;}



/*关于我们*/
.i_about{ position:relative;}
.i_about .mleft{ float:left; width:50%;}
.i_about .mleft img{width:100%; display:block;}
.i_about .mright{ float:right; width:45%; color:#ffffff; line-height:30px; font-size:14px;}
.i_about .mright .more{ text-align:left; padding:1vw 0 0 0;}
.i_about .mright .more a{ display:inline-block; padding:0 27px 0 27px; line-height:44px; background-color:#FF9900; color:#ffffff; font-size:14px; border-radius:3px; -moz-border-radius:3px;  -webkit-border-radius:3px;}
.i_about .mright .more a:hover{ background-color:#FF6600; color:#FFFFFF;}



/*首页新闻*/
.i_news{ padding:0px 0 0 0;}
.i_news li{ float:left; width:22%; width: calc((100% - 30px)/4); width: -moz-calc((100% - 30px)/4); width: -webkit-calc((100% - 30px)/4); margin:0 10px 0 0;}
.i_news li:nth-child(4n+4){margin-right:0;} 
.i_news li .d_box{ padding:8px; border:1px solid #d9d9d9;}
.i_news li .d_box .mimg{width:100%; overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.i_news li .d_box .mimg img{ width:100%; display:block; visibility:hidden;}
.i_news li .d_box .mtitle{ line-height:40px; height:40px; overflow:hidden;  text-align:left;}
.i_news li .d_box .mtitle a{font-size:14px; color:#222222;}
.i_news li .d_box .mtitle a:hover{color:#0780C9;}
.i_news li .d_box .mdate{ color:#999999; font-size:12px; line-height:16px;}
.i_news li .d_box .mtext{ font-size:12px; line-height:2em; height:12em; overflow:hidden; color:#5a5a5a;  text-align:justify; padding:8px 0 0 0;}
.i_news li .d_box:hover{border:1px solid #0780C9;}













.bk_more{padding:5px 0 5px 0; text-align:left;}
.bk_more a{ display:inline-block; padding:0 25px 0 25px; height:30px; line-height:30px; background-color:#ffffff; color:#005FC9; font-size:14px; border-radius:3px; -moz-border-radius:3px;  -webkit-border-radius:3px; border:1px solid #005FC9;}
.bk_more a:hover{background-color:#005FC9; color:#FFFFFF;}
.bk_more2{ text-align:center;}
.bk_more3{ text-align:center;}
.bk_more3 a{ padding:0 50px 0 50px; background-color:#005FC9; color:#FFFFFF;}
.bk_more3 a:hover{background-color:#000000; border:1px solid #000000;}






/*图片列表*/
.img_list{}
.img_list li{ float:left; width:48%; width: calc((100% - 20px)/2); width: -moz-calc((100% - 20px)/2); width: -webkit-calc((100% - 20px)/2); margin:10px 20px 10px 0; position:relative;}
.img_list li:nth-child(2n+2){margin-right:0;} 
.img_list li .mimg{border:1px solid #eeeeee;}
.img_list li .mimg img{ width:100%; display:block;}


/*产品展示*/
.i_pro{}
.i_pro .mleft{ float:left; width:370px;}
.i_pro .mright{float:right; width:60%; width: calc(100% - 520px); width: -moz-calc(100% - 520px); width: -webkit-calc(100% - 520px);}

.pro_ul{}
.pro_ul li{float:left; margin:0 0 20px 0; width:45px; width: calc((100% - 50px)/2); width: -moz-calc((100% - 50px)/2); width: -webkit-calc((100% - 50px)/2);}
.pro_ul li:nth-child(even){float:right;}
.pro_ul li .img_box{background-image:url(../images/pro_bj.png); background-repeat:no-repeat; background-position:left bottom; background-size:96% 88%; padding:0 0 10px 10px;}
.pro_ul li .img_box .img{ border:1px solid #eeeeee; background-color:#FFFFFF; padding:10px 20px 10px 20px; text-align:center; overflow:hidden;}
.pro_ul li .img_box .img img{max-width:100%;}
.pro_ul li .title{height:60px; line-height:60px; text-align:center; overflow:hidden;}
.pro_ul li .title a{ color:#FEFEFE; font-size:16px;}
.pro_ul li .title a:hover{ color:#E7992C;}

.pro_ul2{ padding:20px 0 0px 0;}
.pro_ul2 li{margin:20px 0 0px 0;}
.pro_ul2 li:nth-child(even){float:right;}
.pro_ul2 li .img_box{background-image:url(../images/pro_bj2.png); background-repeat:no-repeat; background-position:left bottom; background-size:96% 88%; padding:0 0 10px 10px;}
.pro_ul2 li .img_box .img{ border:1px solid #d7d7d7;}
.pro_ul2 li .title{height:60px; line-height:60px; text-align:center; overflow:hidden;}
.pro_ul2 li .title a{ color:#474747;}
.pro_ul2 li .title a:hover{ color:#E7992C;}


.i_pro_ul{ padding:0px 0 0 0;}
.i_pro_ul li{float:left; position:relative; margin:10px 30px 0 0; width:30%; width: calc((100% - 60px)/3); width: -moz-calc((100% - 60px)/3); width: -webkit-calc((100% - 60px)/3);}
.i_pro_ul li:nth-child(3n+3){margin-right:0;} 
.i_pro_ul li .img_box{ position:relative; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.i_pro_ul li .img_box img{ width:100%; display:block; visibility:hidden;}
.i_pro_ul li .img_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;}
.i_pro_ul li:hover .img_box .layer{display:block;
	animation: fadeIn; animation-duration: 0.5s;	
}
.i_pro_ul li .text_box{background-color:#FFFFFF; padding:15px 20px 25px 20px; text-align:center;}
.i_pro_ul li .text_box .mtitle{ position:relative; display:block; font-size:20px; line-height:2em; height:2em; font-weight:bold; overflow:hidden;}
.i_pro_ul li .text_box .mjianjie{ font-size:14px; color:#555555; line-height:2em; height:4em; overflow:hidden;}







/*底部信息*/
.footer_box{background-color:#2E2E2E; padding:1.66vw 0 1.66vw 0;}
.footer_box .mleft{ float:left; width:48%;}
.footer_box .mleft .footer_nav{ height:4vw; line-height:4vw; border-bottom:1px solid #232323; overflow:hidden;}
.footer_box .mleft .footer_nav a{ display:inline-block; padding:0 15px 0 15px; font-size:14px; color:#ffffff;}
.footer_box .mleft .footer_text{ padding:1.5vw 0 0 15px; color:#999999; font-size:14px; line-height:2em;}

.footer_box .mright{ float:right; width:48%;}

.footer_copy{ padding:10px 0 10px 0; background-color:#1b1b1b; color:#888888; line-height:24px; font-size:14px; text-align:center;}
.footer_copy a{ color:#888888;}












/*二级页面*/
.er_banner{ background-repeat:no-repeat; background-position:center center; background-size:cover; height:325px; position:relative;}
.er_banner .t-box{ position:absolute; left:0; top:30%; top:calc(50% - 45px); top: -moz-calc(50% - 45px); top: -webkit-calc(50% - 45px); width:100%; height:90px; text-align:center;}
.er_banner .t-box .t_title{line-height:1.2em; font-size:36px; color:#ffffff; font-weight:bold; text-shadow: 0px 1px 1px #555555;}
.er_banner .t-box .en_title{ padding:10px 0 0 0; font-size:24px; letter-spacing:2px; font-family:Arial, Helvetica, sans-serif; color:#FFFEFF; font-weight:bold; text-shadow: 0px 1px 1px #555555;}


.er_nav{ text-align:center; padding:0 0 10px 0;}
.er_nav a{ display:inline-block; height:45px; line-height:45px; padding:0 32px 0 32px; font-size:14px; background-color:#f5f5f5; color:#666666;}
.er_nav a:hover,
.er_nav .a_be{background-color:#0153B9; color:#FFFFFF;}





.weizhi{ border-bottom:1px solid #e7e7e7; height:18px; line-height:18px;  padding:20px 0 13px 0;}
.weizhi div{ float:left; background-image:url(../images/3_02.png); background-repeat:no-repeat; background-position:left center; background-size:auto 18px; font-size:14px; color:#666666; padding-left:30px;}
.weizhi div a{font-size:14px; color:#666666;}
.weizhi div a:hover{ color:#2B9CE0;}


.er_box{ padding:30px 0 30px 0;}
.er_box .er_left{float:left; width:225px; background-color:#2B9CE0; border-radius:10px; -moz-border-radius:10px;  -webkit-border-radius:10px; padding:20px 15px 30px 15px;}
.er_box .er_right{float:right; width:75%; width: calc(100% - 290px); width: -moz-calc(100% - 290px); width: -webkit-calc(100% - 290px);}



/*二级页面导航*/
.er_box .er_left .left_title{ line-height:40px; color:#FFFFFF; font-size:18px; text-align:center;}
.er_box .er_left .left_nav{ background-color:#ffffff; padding:10px 18px 20px 18px;}
.er_box .er_left .left_nav li{}
.er_box .er_left .left_nav li a{position:relative; display:block; border-bottom:1px dashed #cccccc; height:40px; line-height:40px; overflow:hidden; text-align:center; font-size:14px; color:#666666;}
.er_box .er_left .left_nav li a:hover,
.er_box .er_left .left_nav li .a_be{ color:#2B9CE0;}
.er_box .er_left .left_tel{ background-color:#ffffff; padding:14px 14px 14px 14px; color:#666666; line-height:28px; border-radius:10px; -moz-border-radius:10px;  -webkit-border-radius:10px;}
.er_box .er_left .left_tel img{max-width:100%;}





/*产品详细*/
.pro_box{ padding:0px 0 0px 0;}
.pro_box .line1{}
.pro_box .line1 .mleft{ float:left; width:70%; width: calc(100% - 524px); width: -moz-calc(100% - 524px); width: -webkit-calc(100% - 524px);}
.pro_box .line1 .mleft .img_box{background-image:url(../images/pro_bj2.png); background-repeat:no-repeat; background-position:left bottom; background-size:96% 88%; padding:0 0 10px 10px;}
.pro_box .line1 .mleft .img_box .img{ border:1px solid #eeeeee; background-color:#FFFFFF; text-align:center; padding:50px 30px 50px 30px; overflow:hidden;}
.pro_box .line1 .mleft .img_box .img img{width:100%;}

.pro_box .line1 .mright{ float:right; width:485px; background-color:#F7F7F7;}
.pro_box .line1 .mright .t_box{ padding:20px 30px 20px 30px;}
.pro_box .line1 .mright .t_box .t1{line-height:2.2em; font-size:20px; color:#000000;}
.pro_box .line1 .mright .t_box .t2{font-size:12px; color:#A7A7A7;}
.pro_box .line1 .mright .t_box ul{ border-top:1px solid #ABA7A6; font-size:12px;}
.pro_box .line1 .mright .t_box ul li{ float:left; height:34px; line-height:34px; width:50%; color:#686868; overflow:hidden; border-bottom:1px solid #ABA7A6;}
.pro_box .line1 .mright .t_box .price{ padding:8px 0 1px 0;}
.pro_box .line1 .mright .t_box .price span{font-size:20px; font-weight:bold; color:#222222;}
.pro_box .line1 .mright .t_box .zxkf{ padding:12px 0 0 0; text-align:center;}
.pro_box .line1 .mright .t_box .zxkf a{ display:inline-block; width:100%; height:45px; line-height:44px; background-color:#000000; color:#FFFFFF;}
.pro_box .line1 .mright .t_box .zxkf a:hover{background-color:#E89A2E;}

.pro_box .line2{line-height:40px; border-bottom:1px solid #D9D9D9;}
.pro_box .line2 p{float:left; display:inline-block; line-height:40px; font-size:15px; color:#ffffff; background-color:#000000; padding:0 25px 0 25px;
border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0;  -webkit-border-radius:6px 6px 0 0;}
.pro_box .line3{padding:20px 10px 20px 10px; line-height:42px; font-size:16px; color:#444444; text-align:justify;}
.pro_box .line3 img{max-width:100%;}


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

.about_box{padding:0 4px 10px 4px;}


/*图片列表*/
.photo_ul{}
.photo_ul li{ float:left; width:30%; width: calc((100% - 24px)/3); width: -moz-calc((100% - 24px)/3); width: -webkit-calc((100% - 24px)/3); margin:0px 12px 12px 0;}
.photo_ul li:nth-child(3n+3){margin-right:0;} 
.photo_ul li .con_box{position:relative; background-repeat:no-repeat; background-position:center center; background-size:cover; border:1px solid #eeeeee;}
.photo_ul li .con_box:hover{border:1px solid #2B9CE0; }
.photo_ul li .con_box .mimg{ width:100%; overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.photo_ul li .con_box .mimg img{width:100%; display:block; visibility:hidden;}
.photo_ul li .con_box .mtitle{ position:relative; display:block; text-align:center;  overflow:hidden; height:50px; line-height:50px; font-size:14px; color:#555555;}
.photo_ul li .con_box:hover .mtitle{color:#2B9CE0;}







/*关于我们二级页面*/
.about_box{}
.about_box .mtitle{ font-size:1.56vw; text-align:center; color:#222222; line-height:2em;}





/*加入我们*/
.job_box{}
.job_box li{ padding:5px 0 5px 0;}
.job_box li .mtitle{ background-color:#f5f5f5; padding:14px 20px 14px 24px; cursor:pointer; border-left:3px solid #014ea0;}
.job_box li .mtitle a{float:left; font-size:14px; font-weight:bold; color:#555555;}
.job_box li .mtitle span{float:right; display:inline-block; width:20px; height:20px; background-image:url(../images/lan_jia.png); background-repeat:no-repeat; 
background-position:center center; background-size:auto 100%;}
.job_box .li_be .mtitle span{background-image:url(../images/lan_jian.png);}
.job_box li .job-content{padding:20px 30px 20px 30px; display:none; font-size:14px; line-height:28px;}
.job_box li .job-content table{}
.job_box li .job-content table tr th{ background-color:#006ECD; text-align:center; color:#FFFFFF;}



/*百度地图*/
.iframe-wrapper{width:100%; height:280px; overflow:hidden;}
.iframe-wrapper iframe { width:100%; height:340px;}
/*联系我们*/
.iframe-wrapper2{ width:100%; height:380px; overflow:hidden; border-right:2px solid #222222; border-bottom:2px solid #222222;}
.iframe-wrapper2 iframe { width:100%; height:440px;}




/*联系我们*/
.contact_box{ padding:0 4px 0 4px;}
.contact_box .mleft{ float:left; width:70%; width:calc(100% - 230px); width:-moz-calc(100% - 230px); width:-webkit-calc(100% - 230px);}
.contact_box .mright{ float:right; width:160px; text-align:center; margin-top:10px;}
.contact_box .mright img{max-width:100%;}


.contact_box .d1{ padding:15px 0 15px 0;}
.contact_box .d1 li{ float:left; margin:15px 0 15px 0; width:46%; width: calc((100% - 25px)/2); width: -moz-calc((100% - 25px)/2); width: -webkit-calc((100% - 25px)/2);}
.contact_box .d1 li:nth-child(2n+2){ float:right;} 
.contact_box .d1 li .text_box{}
.contact_box .d1 li .text_box .title{ height:44px; line-height:44px; font-size:20px; text-align:left; color:#000000;}
.contact_box .d1 li .text_box .text{ line-height:2em; color:#666666;}
.contact_box .d1 li .text_box .text img{max-width:100%;}


/*新闻*/
.news-list2{ padding:15px 0 0 0;}
.news-list2 li{ float:left; background-color:#FFFFFF; margin:15px 30px 15px 0; width:30%; width:calc((100% - 60px)/3); width:-moz-calc((100% - 60px)/3); width: -webkit-calc((100% - 60px)/3);}
.news-list2 li:nth-child(3n+3){margin-right:0;}
.news-list2 li .c_box{ border:1px solid #eeeeee;}
.news-list2 li .c_box .mimg{ width:100%; overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.news-list2 li .c_box .mimg img{width:100%; display:block; visibility:hidden;}
.news-list2 li .c_box .mtitle{ padding:30px 25px 0 25px; line-height:2em; height:2em; overflow:hidden;}
.news-list2 li .c_box .mtitle a{font-size:16px; font-weight:bold; color:#333333;}
.news-list2 li .c_box .mjianjie{ font-size:14px; color:#999999; line-height:1.8em; height:3.6em; overflow:hidden; padding:12px 25px 0 25px;}
.news-list2 li .c_box .Mmore{ padding:0 25px 0 25px; line-height:60px; border-top:1px solid #eeeeee; text-align:left;}
.news-list2 li .c_box .Mmore a{ display:inline-block; font-size:14px; color:#A6A6A6; font-family:Arial, Helvetica, sans-serif;}
.news-list2 li .c_box .Mmore a:hover{ color:#E9982C;}


/*文字版*/
.news_text{}
.news_text li{ height:42px; line-height:42px; border-bottom:1px dashed #c6c6c6; font-size:14px;}
.news_text li .a1{ float:left; color:#2B9CE0;}
.news_text li .a2{ float:left; margin-left:10px; position:relative; display:block; overflow:hidden; height:42px; width:70%; width:calc(100% - 160px); width:-moz-calc(100% - 160px); width:-webkit-calc(100% - 160px);}
.news_text li .a2:hover{color:#2B9CE0;}
.news_text li span{ float:right; color:#777777;}


.news-list{ padding:15px 0 0 0;}
.news-list li{ padding:20px 0 20px 0; border-bottom:1px solid #eeeeee;}
.news-list li .mimg{float:left; width:30%; border:1px solid #eeeeee; overflow:hidden; padding:5px;}
.news-list li .mimg img{width:100%; display:block;}
.news-list li .nr-box{ float:right; width:66%;}
.news-list li .nr-box .mtitle{ line-height:2.2em; height:2.2em; padding-top:5px; overflow:hidden;}
.news-list li .nr-box .mtitle a{font-size:18px; color:#000000;}
.news-list li .nr-box .mdate{ line-height:1.8em; font-size:12px; color:#aaaaaa;}
.news-list li .nr-box .mjianjie{ font-size:14px; color:#777777; line-height:2em; max-height:4em; overflow:hidden; padding:5px 0 0 0;}
.news-list li .nr-box .more_n{ padding:15px 0 0 0;}
.news-list li .nr-box .more_n a{ display:inline-block; border:1px solid #dddddd; line-height:34px; padding:0 32px 0 32px; font-size:14px; color:#666666;}
.news-list li .nr-box .more_n a:hover{color:#FFFFFF; background-color:#0153B9; border:1px solid #0153B9;}









/*留言板*/
.message-box{ padding:20px 0 0 0;}
.message-box .mtitle{line-height:38px; font-size:16px; border:1px solid #efefef; background-color:#f8f8f8; padding:0 0 0 20px;}

.message{ padding:0 0 12px 0;}
.message li{ float:left; width:100%; font-size:14px; line-height:42px;}
.message li p{float:left; width:80px; color:#666666; text-align:left;}
.message li div{float:left; width:100%; font-size:14px;}
.message li div .minput{ height:42px; line-height:42px; border:1px solid #cccccc; width:calc(100% - 50px); width: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); padding:0 14px 0 14px; border-radius:3px; font-size:14px; color:#666666;}
.message li div .minput2{ width:60px;}
.message li div span{float:left;}
.mfk_sub{text-align:center;}
.mfk_sub .inputsub{ height:38px; line-height:36px; border:1px solid #2A9BDF; width:100%; background-color:#2A9BDF; border-radius:2px; font-size:14px; color:#ffffff;}
.mfk_sub .inputsub:hover{ background-color:#1B1B1B; border:1px solid #947350;}



/*弹出层 留言板*/
.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; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee; line-height:3em; font-size:14px; color:#999999; border-radius:4px; -moz-border-radius:4px;  -webkit-border-radius:4px; }
.xx_jianjie{ background-color:#f9f9f9; border:1px solid #f1f1f1; padding:5px 12px 5px 12px; font-size:14px; line-height:28px; color:#777777;}
.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:28px; color:#555555; 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:20px 0 15px 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:#2B9CE0; border:1px solid #2B9CE0; 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;}