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

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

.top_kong{ display:none; height:66px;}

.header{background-color:#ebebeb; background-image:url(../images/top_bj.jpg); background-size:cover;}
.header .mleft{float:left; margin:20px 0 0 30px;}
.header .mleft img{ max-height:76px;}
.header .mright{float:right; width:96px; height:106px; position:relative; background-image:url(../images/top_bj.png); background-repeat:no-repeat; background-position:right top; background-size:cover;}
.header .mright .p1{ position:absolute; width:80%; left:20%; text-align:center; top:40%; top: calc(50% - 15px); top: -moz-calc(50% - 15px); top: -webkit-calc(50% - 15px);}
.header .mright .p1 a{font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; -webkit-text-shadow: 0 1px 1px #aaaaaa;  
	-moz-text-shadow: 0 1px 1px #aaaaaa;
	text-shadow: 0 1px 1px #aaaaaa;
}


/*主导航开始*/
.header .nav_box{float:right; }
.header .nav_box li{float:left; position:relative; text-align:center; padding:35px 35px 35px 35px; background-image:url(../images/nav_shu.jpg); background-repeat:no-repeat; background-position:left center;}
.header .nav_box li:first-child{background-image:none;}
.header .nav_box li > a{ display:inline-block; height:30px; line-height:30px; font-size:16px; color:#000000;}
.header .nav_box li a:hover{ border-bottom:1px solid #FFC000;}
.header .nav_box li .a_be{ border-bottom:2px solid #FFC000;}
.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:#666666;}

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

.x_nav2{ width: 100%; height: 100%; overflow:auto; padding-bottom:75px; border-top:2px solid #FFB901;}
.x_nav2 ul li{ height: auto;}
.x_nav2 ul li a{ height: 40px; line-height: 40px; display: block; font-size: 14px; color: #333333;  padding-left: 18px;  background-color: rgba(238,238,238,0.5); 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; padding-left:30px; font-size:12px;}
.xnav_xl dd .a_bj1{ font-weight:bold; color:#555555; 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; font-weight:bold;}
.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=90); /* IE */
	-moz-opacity:0.9; /* 老版Mozilla */
	-khtml-opacity:0.9; /* 老版Safari */
	opacity: 0.9; /* 支持opacity的浏览器*/
}
.banner .arrow:hover{ color:#FFB901;}
.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: #ffffff;
	border: 0 none;
	border-radius: 50%;
	cursor: pointer;
	display: block;
	font-size: 0;
	height: 12px;
	line-height: 0;
	margin: 0 6px;
	outline: medium none;
	padding: 0;
	width: 12px;
	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:none;
	width:12px;
	height:12px;
}
/*上半部分是固定的 下边是网站的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:4.6vw; height:1.5em; line-height:1.5em; overflow:hidden; color:#ffffff; 
	-webkit-text-shadow: 0 5px 5px #333333;  
	-moz-text-shadow: 0 5px 5px #333333;
	text-shadow: 0 5px 5px #333333;
	
	-webkit-animation: fadeOutDown 1s both;
    -moz-animation: fadeOutDown 1s both;
	animation: fadeOutDown 1s both;
}
.banner .dataitem .fd_text h5{ font-size:1.66vw; padding:20px 0 0 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: fadeOutUp 1s both;
    -moz-animation: fadeOutUp 1s both;
	animation: fadeOutUp 1s both;
}
.banner .dataitem .fd_text .jianjie{ padding:30px 0 0 0; font-size:18px; color:#888888; line-height:2em; max-height:6em; 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:#C30D23; font-size:14px; color:#ffffff; padding:0 50px 0 50px; border-radius:18px; -moz-border-radius:18px;  -webkit-border-radius:18px; }
.banner .dataitem .fd_text .bmore a:hover{background-color:#B61018;}
/*
.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 a{font-size:32px; font-weight:bold; color:#000000; text-align:center;}
.bk_title .p1{height:25px; line-height:25px; background-image:url(../images/hongxian2.jpg); background-repeat:no-repeat; background-position:center center;}
.bk_title .p2{ font-size:14px; color:#555555;}
.bk_title2{}
.bk_title2 a{ color:#FFFFFF;}
.bk_title2 .p2{ color:#FFFFFF;}



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


/*关于我们*/
.i_about_box{background-image:url(../images/about_bj.jpg); background-repeat:no-repeat; background-position:center top; background-size:100% auto;}
/*提交输入*/
.i_submit{ position:relative; height:60px;}
.i_submit .sub_box{ position:absolute; left:0; top:-40px; background-color:#FFFFFF; width:100%; height:80px; border-radius:20px; -moz-border-radius:20px;  -webkit-border-radius:20px; border:1px solid #eeeeee;
	-webkit-box-shadow: 0 0 3px #eeeeee;  
	-moz-box-shadow: 0 0 3px #eeeeee;
	box-shadow: 0 0 3px #eeeeee;
	border-collapse:separate !important;
}
.i_submit .sub_box .input_box{ padding:20px 40px 0 40px;}
.i_submit .sub_box .input_box .mleft{float:left; width:40%; height:40px; line-height:40px; background-image:url(../images/submit_left.png); background-repeat:no-repeat; background-position:left center; padding:0 0 0 32px; font-size:24px; text-align:left;}
.i_submit .sub_box .input_box .mleft span{font-size:16px; display:inline-block; padding:0 0 0 10px;}
.i_submit .sub_box .input_box .mleft span i{color:#FFB901; font-style: normal;}
.i_submit .sub_box .input_box .mright{float:right; width:50%;}
.i_submit .sub_box .input_box .mright .p1{width:100px; height:30px; line-height:30px; text-align:center; border-radius:15px; -moz-border-radius:15px;  -webkit-border-radius:15px; background-color:#FFB901; color:14px; color:#FFFFFF; float:right; margin:6px 0 0 0; cursor:pointer;}
.i_submit .sub_box .input_box .mright .p2{ float:left; margin-right:20px; width:40%; width: calc((100% - 140px)/2); width: -moz-calc((100% - 140px)/2); width: -webkit-calc((100% - 140px)/2);}
.i_submit .sub_box .input_box .mright .p2 .input1{border:1px solid #dddddd; height:40px; line-height:40px; width:80%; width: calc(100% - 50px); width: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); padding:0 24px 0 24px; border-radius:20px; -moz-border-radius:20px;  -webkit-border-radius:20px;}

.i_about{position:relative;}
.i_about .img_box{ float:left; width:40%;}
.i_about .img_box img{width:100%; display:block;}
.i_about .text_box{ float:right; width:56%; font-size:14px;}
.i_about .text_box .title{ padding:90px 0 0 0; text-align:left;}
.i_about .text_box .title a{display:inline-block; line-height:32px; background-image:url(../images/hongxian.jpg); background-repeat:no-repeat; background-position:right center; font-size:24px; color:#000000; text-align:left; font-size:24px; color:#FFB901; padding-right:106px; font-weight:bold;}
.i_about .text_box .t2{ padding:15px 0 0 0; line-height:2em; font-size:26px; color:#000000;}
.i_about .text_box .t3{padding:25px 0 0 116px; color:#555555; line-height:30px; font-size:14px; text-align:justify; background-image:url(../images/hongxian.jpg); background-repeat:no-repeat; background-position:left 40px;}

.more{ text-align:left; padding:30px 0 0 0;}
.more a{ display:inline-block; width:180px; height:40px; line-height:40px; text-align:center; background-color:#FFB901; color:#FFFFFF; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; font-size:14px;}
.more a:hover,
.more .a_be{ background-color:#FE7201;}

.more2{ text-align:center; padding:30px 0 0 0;}
.more2 a{ display:inline-block; width:320px; height:50px; line-height:50px; text-align:center; background-color:#FFB901; color:#FFFFFF; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; font-size:14px;}
.more2 a:hover,
.more2 .a_be{ background-color:#FE7201;}



/*服务优势*/
.i_youshi{background-repeat:no-repeat; background-position:center center; background-size:cover;}
.i_youshi .ys_list{}
.i_youshi .ys_list li{ float:left; width:30%; width: calc((100% - 80px)/3); width: -moz-calc((100% - 80px)/3); width: -webkit-calc((100% - 80px)/3); margin:40px 40px 0 0; position:relative; background-color:#FFFFFF;}
.i_youshi .ys_list li:nth-child(3n+3){margin-right:0;}
.i_youshi .ys_list li .c_box{ padding:35px;}
.i_youshi .ys_list li .c_box .t1{ text-align:center;}
.i_youshi .ys_list li .c_box .t1 a{ display:inline-block; width:96px; height:96px; line-height:96px; text-align:center; border-radius:48px; -moz-border-radius:48px;  -webkit-border-radius:48px; font-size:40px; font-weight:bold; color:#FFFFFF; background-color:#FFB901; background-repeat:no-repeat; background-position:center center;}
.i_youshi .ys_list li .c_box .t2{text-align:center; padding:25px 0 0 0; line-height:2em; font-size:18px; font-weight:bold; color:#000000;}
.i_youshi .ys_list li .c_box .t3{padding:0 0 0 0; font-size:14px; line-height:2em; height:6em; overflow:hidden; text-align:justify;}


/*产品展示*/
.i_product{background-repeat:no-repeat; background-position:center center; background-size:cover;}

.product_list{}
.product_list li{ float:left; width:48%; width: calc((100% - 20px)/2); width: -moz-calc((100% - 20px)/2); width: -webkit-calc((100% - 20px)/2); margin:20px 20px 0 0; position:relative; background-color:#FFFFFF;}
.product_list li:nth-child(2n+2){margin-right:0;}
.product_list li .c_box{ padding:3px; border:1px solid #EAEAEA;}
.product_list li .c_box .mimg{ background-image:url(); background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative;}
.product_list li .c_box .mimg img{width:100%; display:block; visibility:hidden;}
.product_list li .c_box .mimg .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;}
.product_list li:hover .c_box .mimg .layer{display:block; animation: fadeIn; animation-duration: 0.5s;}

.product_list li .c_box .t2{text-align:left; padding:15px 15px 0 15px;}
.product_list li .c_box .t2 a{display:inline-block; font-size:18px; line-height:2em; border-bottom:1px solid #FFB901; color:#000000; font-weight:bold;}
.product_list li .c_box .t3{padding:10px 15px 0 15px; font-size:14px; color:#888888; line-height:2em; height:4em; overflow:hidden; text-align:justify;}




/*首页新闻*/
.i_news_box{ background-image:url(../images/news_bj.png); background-repeat:no-repeat; background-position:center center; background-size:cover; border-top:1px solid #f1f1f1;}
.i_news{ padding:0px 0 0 0;}
.i_news .mleft{float:left; width:48.5%;}
.i_news .mleft .mimg{ background-repeat:no-repeat; background-position:center center; background-size:cover;}
.i_news .mleft .mimg img{width:100%; display:block; visibility:hidden;}
.i_news .mleft .t1{padding:15px 0 0 0; height:1.8em; line-height:1.8em; overflow:hidden;}
.i_news .mleft .t1 a{font-size:18px; color:#000000; font-weight:bold;}
.i_news .mleft .t2{padding:6px 0 0 0; color:#777777; line-height:1.8em; height:1.8em; overflow:hidden;}
.i_news .mright{float:right; width:48.5%;}
.i_news .mright li{ border-bottom:1px solid #ececec; padding:15px 0 15px 0;}
.i_news .mright li:first-child{ padding-top:0;}
.i_news .mright li:last-child{padding-bottom:0; border-bottom:0;}
.i_news .mright li .mimg{ float:left; width:210px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.i_news .mright li .mimg img{width:100%; display:block; visibility:hidden;}
.i_news .mright li .text{float:right; width:50%; width: calc(100% - 230px); width: -moz-calc(100% - 230px); width: -webkit-calc(100% - 230px);}
.i_news .mright li .text .t1{ line-height:1.8em; height:1.8em; overflow:hidden; font-size:18px; color:#000000; position:relative; display:block;}
.i_news .mright li .text .t2{ padding:8px 0 8px 0; font-size:12px; color:#999999;}
.i_news .mright li .text .t3{ font-size:14px; line-height:1.8em; height:3.6em; overflow:hidden; color:#999999; text-align:justify;}


/*底部信息*/
.footer_box{background-color:#333333;}
.footer_box .mleft{float:left; width:30%;}
.footer_box .mleft .flogo{text-align:left;}
.footer_box .mleft .flogo img{display:block;}
.footer_box .mleft .t1{ padding:1.5vw 0 0 0; font-size:14px; color:#d5d5d5;}
.footer_box .mleft .t2{font-size:28px; line-height:1.8em; color:#FFFFFF; font-weight:bold;}
.footer_box .mleft .t3{ padding:16px 0 0 0; font-size:14px; color:#EAEAEA; line-height:1.8em;}


.footer_box .mcenter{float:left; width:15%; text-align:center; margin:3vw 0 0 0;}
.footer_box .mcenter a{display:inline-block; padding:0 20px 0 20px; text-align:center; line-height:1.8em; color:#FFFFFF; font-size:14px;}
.footer_box .mcenter a img{width:100px;}

.footer_box .mright{float:right;}
.footer_box .mright .f_nav{}
.footer_box .mright .f_nav li{ float:left; margin-left:4vw;}
.footer_box .mright .f_nav li > a{font-size:16px; color:#ffffff;}
.footer_box .mright .f_nav li p{ padding:25px 0 0 0;}
.footer_box .mright .f_nav li p a{ position:relative; display:block; line-height:2.2em; font-size:14px; color:#CFCFCF;}
.footer_box .mright .f_nav li p a:hover{color:#FFFFFF;}


.footer_copy{background-color:#222222; text-align:center; color:#d8d8d8; font-size:14px; padding:12px 0 12px 0; line-height:2em; text-align:center;}
.footer_copy a{color:#d8d8d8;}

/*上面是首页样式*/




.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_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;}


/*服务项目*/
.i_service{background-color:#f5f5f5;}
.i_service .mleft{ float:left; width:50%;}
.i_service .mleft li{ float:left; width:33.333333%;}
.i_service .mleft li a{position:relative; display:block; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; text-align:center; line-height:30px; font-size:14px; color:#666666; padding:36px 0 36px 0;}
.i_service .mleft li a img{ max-width:100%;}
.i_service .mleft li a:hover{ background-color:#dedede; color:#000000;}
.i_service .mright{ float:right; width:50%;}
.i_service .mright .text_box{ height:380px; background-image:url(); background-repeat:no-repeat; background-position:center center; background-size:cover; text-align:center;}
.i_service .mright .text_box .mtitle{padding:90px 70px 0 70px; height:48px; line-height:48px; font-size:24px; color:#FFFFFF; font-weight:bold; overflow:hidden;}
.i_service .mright .text_box .hengxian{background-image:url(../images/baihengxian.jpg); background-repeat:no-repeat; background-position:center center; height:30px;}
.i_service .mright .text_box .mjianjie{padding:0 70px 0 70px; font-size:16px; color:#FFFFFF; line-height:26px; height:78px; overflow:hidden; text-align:center;}
.i_service .mright .text_box .smore{}



.stable{ border-top:1px solid #eeeeee; border-left:1px solid #eeeeee; }
.stable tr{}
.stable tr td{ padding:5px 12px 5px 12px; text-align:left; border-bottom:1px solid #eeeeee; border-right:1px solid #eeeeee;}
.stable tr td:first-child{ width:30%; text-align:center; background-color:#f9f9f9; font-weight:bold;}



/*图片列表*/
.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;}







/*二级页面*/
.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.6em; 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:2vw 0 10px 0;}
.er_nav a{ display:inline-block; height:45px; line-height:45px; padding:0 50px 0 50px; font-size:14px; background-color:#f5f5f5; color:#444444;}
.er_nav a:hover,
.er_nav .a_be{background-color:#FFB901; color:#FFFFFF;}





.weizhi{ border-bottom:1px solid #eeeeee; background-color:#f5f5f5; line-height:45px; height:45px; overflow:hidden;}
.weizhi .main{}
.weizhi .main > p{float:left; color:#888888; font-size:14px; background-image:url(../images/home2.png); background-repeat:no-repeat; background-position:left center; padding:0 0 0 30px; line-height:45px; height:45px; overflow:hidden;}
.weizhi .main > p a{color:#888888;}
.weizhi .main div{float:right; background-image:url(../images/home.jpg); background-repeat:no-repeat; background-position:left center; color:#505050; padding:0 0 0 32px; font-size:14px;}
.weizhi .main div a{color:#505050;}


.er_box{}
.er_box .er_left{float:left; width:250px;}
.er_box .er_right{float:right; width:78%; width: calc(100% - 270px); width: -moz-calc(100% - 270px); width: -webkit-calc(100% - 270px);}



/*二级页面导航*/
.er_box .er_left .left_title{ background-color:#0C49A2; line-height:46px; color:#FFFFFF; font-size:18px; text-align:center;}
.er_box .er_left .left_nav{ background-color:#f7f7f7; padding-bottom:18px;}
.er_box .er_left .left_nav li{ float:left; width:100%;}
.er_box .er_left .left_nav li a{position:relative; display:block; border-bottom:1px solid #e5e5e5; height:46px; line-height:46px; overflow:hidden; padding:0 10px 0 10px; text-align:center; font-size:14px; color:#525252;}
.er_box .er_left .left_nav li a:hover,
.er_box .er_left .left_nav li .a_be{ color:#0C49A2;}
.er_box .er_left .left_tel{ background-color:#f7f7f7; padding:20px;}
.er_box .er_left .left_tel .tel_title{ line-height:22px; background-image:url(../images/left_tel.jpg); background-repeat:no-repeat; background-position:left center; padding:0 0 0 30px; text-align:left; font-size:16px; color:#9a9a9a; text-align:left;}
.er_box .er_left .left_tel .tel_val{ padding:0 0 0 30px; line-height:40px; font-size:24px; color:#063E91; text-align:left;}



/*资质证书*/
.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:48px; cursor:pointer; text-align:center; color:#999999;
	border-radius:25px; -moz-border-radius:25px;  -webkit-border-radius:25px;
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari 和 Chrome */
	-o-transition: all 0.5s; /* Opera */
	
	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:0px;
}
.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: #E8151E;
	border:1px solid #E8151E;
}
/*上半部分是固定的 下边是网站的css样式*/
.cert_box .dataitem{ width:100%; padding:5px 12px 5px 12px;}
.cert_box .dataitem .c_box{background-color:#FFFFFF; padding:5px; 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:14px; line-height:2em; color:#555555; text-align:center;}
/*左右滚动结束*/








/*产品详细*/
.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:#FFB901; color:#ffffff; font-size:14px; border:1px solid #FFB901; border-radius:23px; -moz-border-radius:23px;  -webkit-border-radius:23px;}
.fanhui a:hover{ background-color:#000000; color:#FFFFFF; border:1px solid #000000;}

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


/*公司简介 参数*/
.about-option{ background-color:#f5f5f5; padding:30px 0 30px 0;}
.about-option li{ float:left; width:25%; margin:10px 0 10px 0; background-image:url(../images/shuxian.png); background-repeat:repeat-y; background-position:right center; text-align:center;}
.about-option li:nth-child(4n+4){ background-image:none;}
.about-option li .t1{ font-size:56px; color:#000000;}
.about-option li .t1 span{font-size:20px;}
.about-option li .t2{ font-size:18px; padding:14px 0 0 0;}


/*图片列表*/
.photo_ul{}
.photo_ul li{ float:left; width:22%; width: calc((100% - 45px)/4); width: -moz-calc((100% - 45px)/4); width: -webkit-calc((100% - 45px)/4); margin:20px 15px 10px 0;}
.photo_ul li:nth-child(4n+4){margin-right:0;} 
.photo_ul li .con_box{position:relative; background-repeat:no-repeat; background-position:center center; background-size:contain; background-color:#eeeeee;}
.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 .p1{ padding:10px 0 0 0; line-height:1.6em; height:1.6em; overflow:hidden; position:relative; display:block; font-size:14px; font-weight:bold; color:#111111;}
.photo_ul li .p2{ font-size:14px; color:#999999; line-height:1.6em; height:1.6em; overflow:hidden;}
.photo_ul li:hover .p1{color:#000000;}


/*产品详细*/
.product_xx{ padding:0 0 20px 0;}
.product_xx .mleft{ float:left; width:36%;}
.product_xx .mleft .mimg{padding:30px;  border:1px solid #eeeeee;}
.product_xx .mleft .mimg img{width:100%;}
.product_xx .mright{float:right; width:60%;}
.product_xx .mright .t1{ line-height:2em; font-size:26px; color:#000000; font-weight:bold;}
.product_xx .mright .t2{ font-size:14px; color:#8e8e8e; padding-bottom:15px; border-bottom:1px solid #eeeeee;}
.product_xx .mright .t3{ padding:10px 0 10px 0; color:#222222; font-size:18px; line-height:1.8em; font-weight:bold;}
.product_xx .mright .t4{}
.product_xx .mright .t4 li{ padding:12px 0 12px 0; border-bottom:1px dashed #dddddd; height:24px; line-height:24px;}
.product_xx .mright .t4 li .a1{ position:relative; display:block; float:left; width: calc(100% - 135px); width: -moz-calc(100% - 135px); width: -webkit-calc(100% - 135px); padding:0 0 0 35px; font-size:14px; color:#333333; background-repeat:no-repeat; background-position:left center; background-size: 24px 24px;}
.product_xx .mright .t4 li .a2{float:right; color:#999999; font-size:14px;}
.product_xx .mright .t4 li .a2:hover{color:#FFC000;}

.product_xx_list{}
.product_xx_list li{ float:left; width:48%; width: calc((100% - 20px)/2); width: -moz-calc((100% - 20px)/2); width: -webkit-calc((100% - 20px)/2); margin:20px 20px 0 0; background-repeat:no-repeat; background-size:cover;}
.product_xx_list li:nth-child(2n+2){margin-right:0;}
.product_xx_list li img{width:100%; display:block;}

.waterfall {
    display: flex;
    flex-wrap: wrap;
} 
.waterfall img {
    width: calc(50% - 20px);
    margin: 10px;
}

.product_content_title{ height:50px; background-color:#f8f8f8;}
.product_content_title a{position:relative; display:block; float:left; margin:0 4px 0 0; padding:0 32px 0 32px; line-height:50px; font-size:16px; background-color:#e2e2e2; color:#666666;}
.product_content_title .a_be{color:#FFFFFF; background-color:#000000;}
.product_content_box{ padding:26px 0 26px 0;}
.product_content_box .product_content{ font-size:14px; line-height:2em; text-align:justify;}
.product_content_box .product_content img{max-width:100%; text-align:center;}
.product_content_box .product_display{display:none;}

.product_content_title2{ height:50px; background-color:#f8f8f8;}
.product_content_title2 a{position:relative; display:block; float:left; margin:0 4px 0 0; padding:0 32px 0 32px; line-height:50px; font-size:16px; background-color:#e2e2e2; color:#666666;}
.product_content_title2 .a_be{color:#FFFFFF; background-color:#000000;}



/*关于我们二级页面*/
.about_nav{ background-color:#eeeeee; height:46px; line-height:46px; padding:0 8px 0 8px; border-radius:4px; -moz-border-radius:4px;  -webkit-border-radius:4px;}
.about_nav > a{position:relative; display:block; float:left; padding:0 30px 0 30px; font-size:15px;}
.about_nav > a:hover,
.about_nav > .a_be{ background-color:#427C15; color:#FFFFFF;}
.about_nav p{float:right; font-size:12px; color:#777777;}
.about_nav p a{color:#777777; font-size:12px;}



/*加入我们*/
.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;}







/*联系我们*/
.contact_box{ padding:0 4px 0 4px;}
.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-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:#E8151E; border:1px solid #E8151E;}









/*留言板*/
.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 12px 12px 12px;}
.message li{ float:left; width:calc(50% - 20px); width:-moz-calc(50% - 20px); width:-webkit-calc(50% - 20px); margin:14px 10px 0 10px; line-height:42px; font-size:14px; height:50px;}
.message li p{float:left; width:80px; color:#666666; text-align:left;}
.message li div{float:left; width:calc(100% - 80px); width: -moz-calc(100% - 80px); width: -webkit-calc(100% - 80px); font-size:14px;}
.message li div .minput{ height:42px; line-height:42px; border:1px solid #ededed; 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 #B1000B; width:150px; background-color:#B1000B; border-radius:2px; font-size:18px; 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; 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:#333333;}
.pre_next p a:hover{ color:#E8151E;}
.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:#FFB901; border:1px solid #FFB901; 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;}