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

.header_top{position:fixed; width:100%; top:0; left:0; z-index:9999999999; height:74px; background-color: rgba(255,255,255,0.94);}
.top_kong{ display:none; height:66px;}

.header{padding:20px 30px 20px 30px;}
.header .mleft{float:left;}
.header .mleft img{height:60px;}
.header .mright{float:right; height:30px; line-height:30px; background-image:url(../images/top_tel.png); padding:0 0 0 45px; font-size:16px; margin:20px 0 0 0;}

.nav-box{ height:46px; line-height:46px; background-color:#017DC7;}
.nav-box .nav{ max-width:1140px; padding:0 10px 0 10px; margin:auto;}
.nav-box .nav a{position:relative; display:block; height:46px; line-height:45px; font-size:16px; color:#FFF; }
.nav-box .nav div{ float:left; width:11.1111%; position:relative;}
.nav-box .nav .div2{background-image:url(../images/nav-xsjh.png); background-repeat:no-repeat; background-position:right center;}
.nav-box .nav div > a{ text-align:center;}
.nav-box .nav div > ul{ display:none; position:absolute; left:0; top:46px; width:100%; z-index:88888888;}
.nav-box .nav div > ul li{ position:relative;}
.nav-box .nav div > ul li > a{ font-size:15px; text-align:center; background-color:#017DC7; color:#FFF;} 
.nav-box .nav div > ul li > .a2{background-image:url(../images/nav-ysjh.png); background-repeat:no-repeat; background-position:right center;}
.nav-box .nav div > ul li > p{ display:none; position:absolute; top:0; left:100%; z-index:88888888;
	white-space: nowrap; /* 单行内容不换行，宽度跟随内容 */
  /* 或 display: inline-block;（通常默认已满足，按需添加） */
}
.nav-box .nav div > ul li > p > a{font-size:15px; padding:0 30px 0 30px; background-color:#017DC7; color:#FFF;}
.nav-box .nav div > ul li > p > a:hover{ background-color:#E62129;}
/*鼠标移动到导航上，显示下拉*/
.nav-box .nav div:hover{ background-color:#E62129;}
.nav-box .nav .div2:hover{background-image:url(../images/nav-xsjb.png);}
.nav-box .nav div:hover > ul{display:block;}
.nav-box .nav div > ul li:hover > .a2{background-image:url(../images/nav-ysjb.png); background-color:#E62129;}
.nav-box .nav div > ul li:hover > p{display:block;}



/*手机点开*/
.nav_x{ float:right; display:none; margin-top:0px; margin-right:10px;}
.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 #005bac;}
.x_nav2 .home_a{color:#005bac;}
.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:14px;}
.xnav_xl dd .a_bj1{ 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=60); /* IE */
	-moz-opacity:0.6; /* 老版Mozilla */
	-khtml-opacity:0.6; /* 老版Safari */
	opacity: 0.6; /* 支持opacity的浏览器*/
}
.banner .arrow:hover{ color:#005bac;}
.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:30px;
}
.banner .slick-dots li {
	display: inline-block;
	width: auto;
	float: none;
	vertical-align: middle;
}
.banner .slick-dots li button {
	background-color: rgba(255,255,255,0.4);
	border: 0 none;
	border-radius: 50%;
	cursor: pointer;
	display: block;
	font-size: 0;	
	line-height: 0;
	margin: 0 6px;
	outline: medium none;
	padding: 0;
	width: 14px;
	height: 14px;
	
	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:#005bac;
	width:14px;
	height:14px;
}
/*上半部分是固定的 下边是网站的css样式*/
.banner .dataitem{position:relative;}
.banner .dataitem img{width:100%; display:block;}
.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;
}
/*左右滚动结束*/



/*banner大图*/
.banner2{position:relative; margin:auto; background-image:url(../images/tp.jpg); background-repeat:no-repeat; background-position:center center; background-size:100% 100%;}
.banner2 .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:32px; font-weight:bold;
	cursor:pointer;
	background-color:#017DC7;
	
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari 和 Chrome */
	-o-transition: all 1s; /* Opera */
	
	filter:alpha(opacity=60); /* IE */
	-moz-opacity:0.6; /* 老版Mozilla */
	-khtml-opacity:0.6; /* 老版Safari */
	opacity: 0.6; /* 支持opacity的浏览器*/
}
.banner2 .arrow:hover{ color:#ffffff;}
.banner2 .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;}
.banner2 .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;}
.banner2:hover .arrow{}

.banner2 .slick-dots {
	position: absolute;
	width: 100%;
	text-align: center;
	z-index: 1000;
	bottom:30px;
}
.banner2 .slick-dots li {
	display: inline-block;
	width: auto;
	float: none;
	vertical-align: middle;
}
.banner2 .slick-dots li button {
	background-color: rgba(255,255,255,0.4);
	border: 0 none;
	border-radius: 50%;
	cursor: pointer;
	display: block;
	font-size: 0;	
	line-height: 0;
	margin: 0 6px;
	outline: medium none;
	padding: 0;
	width: 14px;
	height: 14px;
	
	filter:alpha(opacity=80); /* IE */
	-moz-opacity:0.8; /* 老版Mozilla */
	-khtml-opacity:0.8; /* 老版Safari */
	opacity: 0.8; /* 支持opacity的浏览器*/
}
.banner2 .slick-dots li.slick-active button {
	background:#005bac;
	width:14px;
	height:14px;
}
/*上半部分是固定的 下边是网站的css样式*/
.banner2 .dataitem{position:relative; text-align:center; background-repeat:no-repeat; background-position:center center; background-size:contain;}
.banner2 .dataitem img{ max-width:100%; visibility:hidden; display:block;}




.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;}
.hei45{height:45px;}
.hei2vw{height:2vw;}
.hei25vw{height:2.5vw;}
.hei3vw{height:3vw;}
.hei35vw{height:3.5vw;}
.hei4vw{ height:4vw;}
.hei45vw{ height:4.5vw;}

.i_bj1{background-color:#f3f3f3;}


.bk_title{ text-align:center; font-size:24px; font-weight:bold; line-height:1.8em;}
.bk_title span{font-size:20px;}
.bk_title2{ text-align:left; font-size:18px; line-height:1.8em; padding:10px 0 10px 20px; border-bottom:1px solid #9a9a9a;}
.bk_title2 span{font-size:14px; display:inline-block; padding:0 0 0 10px; color:#999999;}

.more{ line-height:60px; text-align:center;}
.more a{ font-size:16px;}


/*首页关于我们*/
.about-title{ font-size:40px; font-weight:bold; line-height:1.8em;}
.about-title p:last-child{font-size:28px;}
.i_about{}
.i_about .left{ float:left; width:50%; width: calc(100% - 520px); width: -moz-calc(100% - 520px); width: -webkit-calc(100% - 520px); line-height:2em; text-align:justify;}
.i_about .left img{max-width:100%;}
.i_about .right{ float:right; width:480px;}
.i_about .right img{width:100%; display:block;}


/*首页产品*/
.i_p{}
.i_p li{ float:left; width:25%; margin:25px 0 0 0; position:relative;}
.i_p li:nth-child(4n+4){margin-right:0;}
.i_p li .c-box{padding:0 25px 0 25px;}
.i_p li .c-box .mimg{ background-image:url(); background-repeat:no-repeat; background-position:center center; background-size:cover; overflow:hidden;}
.i_p li .c-box .mimg img{ width:100%; visibility:hidden;}
.i_p li .c-box .mimg > a{position:absolute; left:0; top:0; width:100%; height:100%;}
.i_p li .c-box .mimg .t1{ position:absolute; display:none; left:0; top:0; width:100%; height:100%; background-color: rgba(1,125,199,0.7);}
.i_p li .c-box .mimg .t2 { position:absolute; display:none; left:0; top:0; width:100%; height:100%; background-image:url(../images/search.png); background-repeat:no-repeat; background-position:center center;}
.i_p li .c-box .mtitle{position:relative; display:block; height:40px; line-height:40px; text-align:center; overflow:hidden;}


/*首页产品细节*/
.i_p2{}
.i_p2 li{ float:left; width:50%; margin:25px 0 0 0; position:relative;}
.i_p2 li:nth-child(2n+2){margin-right:0;}
.i_p2 li .c-box{padding:0 25px 0 25px;}
.i_p2 li .c-box .mimg{ background-image:url(); background-repeat:no-repeat; background-position:center center; background-size:cover; overflow:hidden;}
.i_p2 li .c-box .mimg img{ width:100%; visibility:hidden;}
.i_p2 li .c-box .mimg > a{position:absolute; left:0; top:0; width:100%; height:100%;}
.i_p2 li .c-box .mtitle{position:relative; display:block; height:40px; line-height:40px; text-align:center; overflow:hidden;}

/*首页联系我们*/
.i-contact{padding:20px 20px 20px 20px;}
.i-contact .left{ float:left; width:380px; line-height:2em;}
.i-contact .left img{max-width:100%;}
.i-contact .right{ float:right; width:50%; width: calc(100% - 400px); width: -moz-calc(100% - 400px); width: -webkit-calc(100% - 400px);}
.i-contact .right img{width:100%;}


/*底部*/
.footer_box{ background-color:#017DC7; padding:5px 0 10px 0;}
.footer_box a{ color:#000;}
.footer_box .row1{ text-align:center;}
.footer_box .row1 span{display:inline-block;}
.footer_box .row1 .s1{ padding:10px 50px 10px 0;}
.footer_box .row1 .s1 img{ height:50px; vertical-align: middle; /* 文字垂直居中 */}
.footer_box .row1 .s2{ line-height:32px; padding:20px 50px 20px 50px;}
.footer_box .row1 .s2 img{}
.footer_box .row1 .s3{ height:70px; line-height:70px; padding:0 12px 0 50px; vertical-align: middle; /* 文字垂直居中 */}
.footer_box .row1 .s4{ padding:0 0 0 0; vertical-align: middle; /* 文字垂直居中 */}
.footer_box .row1 .s4 img{height:70px;}
.footer_box .copyright{ line-height:1.6em; text-align:center; padding:10px 0 0 0;}


/*二级菜单*/
.line{ padding:30px 0 20px 0;}
/*左右2例  左边*/
.line .width308{float:left; width:308px;}
/*左右2例  右边*/
.line .width_r70{float:right; width:70%; width: calc(100% - 360px); width: -moz-calc(100% - 360px); width: -webkit-calc(100% - 360px);}


.er_title{ padding:0 0 20px 0; border-bottom:1px solid #9a9a9a;}
.er_title p{ font-size:18px; color:#000066;}
.er_title p span{ font-size:14px; color:#999999;}


.er_nav{ padding:10px 0 10px 0;}
.er_nav a{position:relative; display:block; height:34px; line-height:34px; font-size:14px; color:#666666; border-bottom:1px dashed #cccccc; 
	background-image:url(../images/left_nav_bj1.jpg); background-repeat:no-repeat; background-position:14px center; padding:0 0 0 30px; text-align:left;}
.er_nav a:hover,
.er_nav .a_be{color:#2480CD; background-image:url(../images/left_nav_bj2.jpg);}

.left-contact{ padding:20px 14px 20px 14px; line-height:1.8em;}
.left-contact img{max-width:100%;}

.er_weizhi{ padding:0 0 20px 0; border-bottom:1px solid #9a9a9a;}
.er_weizhi p{ float:left; font-size:18px; color:#000066;}
.er_weizhi p span{ font-size:14px; color:#999999;}
.er_weizhi div{ float:right; margin:5px 0 0 0;}


.pro-title{ font-size:18px; line-height:60px; color:#000066;}
/*产品列表*/
.pro_ul{}
.pro_ul li{ float:left; width:23%; width: calc((100% - 15px)/4); width: -moz-calc((100% - 15px)/4); width: -webkit-calc((100% - 15px)/4); margin:0 5px 20px 0;}
.pro_ul li:nth-child(4n+4){margin-right:0;} 
.pro_ul li .mimg{position:relative; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.pro_ul li .mimg img{ width:100%; display:block; visibility:hidden;}
.pro_ul li > a{position:relative; display:block; line-height:60px; height:60px; overflow:hidden; text-align:center;}



/*图片列表*/
.photo_ul{}
.photo_ul li{ float:left; width:30%; width: calc((100% - 30px)/3); width: -moz-calc((100% - 30px)/3); width: -webkit-calc((100% - 30px)/3); margin:0px 15px 20px 0;}
.photo_ul li:nth-child(3n+3){margin-right:0;} 
.photo_ul li .mimg{position:relative; background-repeat:no-repeat; background-position:center center; background-size:cover; border:1px solid #eeeeee;}
.photo_ul li .mimg img{width:100%; display:block; visibility:hidden;}
.photo_ul li .a1{ position:relative; display:block; padding:10px 0 0 0; height:3.2em; line-height:1.6em; overflow:hidden;}




.down-ul li{ height:30px; line-height:30px; border-bottom:1px dashed #49764B; padding:8px 0 8px 0;}
.down-ul li p{ float:left; width:80%; width: calc(100% - 100px); width: -moz-calc(100% - 100px); width: -webkit-calc(100% - 100px); height:30px; line-height:30px; overflow:hidden;}
.down-ul li a{ float:right; display:inline-block; line-height:30px; background-image:url(../images/file.png); background-repeat:no-repeat; background-position:left center; background-size:auto 24px; padding:0 0 0 30px; }
/*以文件后缀命名CSS名*/
.down-ul li .doc{background-image:url(../images/doc.png);}
.down-ul li .docx{background-image:url(../images/doc.png);}
.down-ul li .ppt{background-image:url(../images/ppt.png);}
.down-ul li .pptx{background-image:url(../images/ppt.png);}
.down-ul li .pdf{background-image:url(../images/pdf.png);}
.down-ul li .rar{background-image:url(../images/rar.png);}
.down-ul li .zip{background-image:url(../images/zip.png);}
.down-ul li .xls{background-image:url(../images/xls.png);}
.down-ul li .xlsx{background-image:url(../images/xls.png);}



.newslist{}
.newslist li{ height:30px; line-height:30px; border-bottom:1px dashed #49764B; padding:8px 0 8px 0;}
.newslist li a{ position:relative; display:block; float:left; width:80%; width: calc(100% - 120px); width: -moz-calc(100% - 120px); width: -webkit-calc(100% - 120px); height:30px; line-height:30px; overflow:hidden; background-image:url(../images/huisanjiao.png); background-repeat:no-repeat; background-position:left center; padding:0 0 0 20px;}
.newslist li span{ float:right;}





/*新闻列表*/
.news_ul{}
.news_ul li{ float:left; width:30%; width: calc((100% - 40px)/3); width: -moz-calc((100% - 40px)/3); width: -webkit-calc((100% - 40px)/3); margin:0 20px 20px 0;}
.news_ul li:nth-child(3n+3){margin-right:0;} 
.news_ul li .con_box{}
.news_ul li .con_box .mimg{position:relative; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.news_ul li .con_box .mimg img{ width:100%; display:block; visibility:hidden;}
.news_ul li .con_box .mimg .layer{position:absolute; display:none; left:0; bottom:0; width:90%; height:45px; line-height:45px; overflow:hidden; background-color: rgba(0,91,172,0.8); padding:0 5% 0 5%; font-size:14px; text-align:center; color:#FFFFFF;}
.news_ul li .con_box:hover .mimg .layer{display:block; animation: fadeIn; animation-duration: 0.5s;}
.news_ul li .con_box > a{position:relative; display:block;}
.news_ul li .con_box .t1{ height:35px; line-height:35px; font-size:14px; overflow:hidden; font-weight:bold; color:#333333; text-align:left;}
.news_ul li .con_box .t2{ font-size:12px; color:#999999;}
.news_ul li .con_box .t3{ padding:8px 0 0 0; font-size:14px; color:#777777; line-height:1.6em; height:3.2em; overflow:hidden;}

/*合作*/
.cooper-title{font-size:20px; color:#005bac; font-weight:bold; text-align:left; line-height:2em;}

/*在线招聘*/
.job-list{}
.job-list .text_box{float:left; width:48%; margin:20px 0 20px 0;}
.job-list .text_box2{float:right;}
.job-list .text_box .t1{ font-size:18px; color:#444444; font-weight:bold;}
.job-list .text_box .t2{ font-size:15px; padding:15px 0 0 0; line-height:2em;}
.job-list .text_box .mimg{ text-align:center;}
.job-list .text_box .mimg img{ max-width:100%;}



.contact-box{}
.contact-box .left{ float:left; width:180px; padding:20px 0 0 0;}
.contact-box .left img{max-width:100%;}
.contact-box .right{ float:right; width:70%; width: calc(100% - 210px); width: -moz-calc(100% - 210px); width: -webkit-calc(100% - 210px); line-height:1.8em;}



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










/*详细*/
.xx_box{padding:1.7vw; background-color:#f7f7f7;}
.xx_title{ padding:10px 0 10px 0; color:#222222; font-size:24px; text-align:center; line-height:1.7em; 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_jianjie{background-color:#FFFFFF; padding:14px; font-size:14px; line-height:1.8em; color:#888888; text-align:justify; border:1px solid #eeeeee;}
.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%;}

.fanhui{ text-align:center; padding:10px;}
.fanhui a{display:inline-block; height:36px; line-height:36px; padding:0 50px 0 50px; background-color:#005bac; color:#FFFFFF; font-size:14px; 
	border-radius:4px; -moz-border-radius:4px;  -webkit-border-radius:4px;}
.fanhui a:hover{background-color:#4E7A3A;}


.pre_next{ padding:10px 0 10px 0;}
.pre_next p{float:left; width:100%; overflow:hidden; line-height:30px; height:30px;}
.pre_next p a{ font-size:14px; color:#333333;}
.pre_next p a:hover{ color:#005bac;}
.pre_next .p_l{ float:left; text-align:left;}
.pre_next .p_r{ float:right; text-align:left;}










/*留言板*/
.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 #005bac; width:150px; background-color:#005bac; border-radius:2px; font-size:18px; color:#ffffff;}
.mfk_sub .inputsub:hover{ background-color:#005bac; border:1px solid #005bac;}


/*在线留言2*/
.message-a{ text-align:center; padding:0px 0 0 0;}
.message-a a{ position:relative; display:block; line-height:42px; background-color:#005bac; color:#ffffff; font-size:18px;}

.message2{ width:98%; margin:auto; width:calc(100% - 12px); width: -moz-calc(100% - 12px); width: -webkit-calc(100% - 12px); color:#333333; background-color:#f9f9f9; padding:0 0 20px 12px;}
.message2 li{ float:left; width:calc(50% - 20px); width:-moz-calc(50% - 20px); width:-webkit-calc(50% - 20px); margin:20px 10px 0 10px; padding:0 0 0 0; line-height:40px; font-size:16px; text-align:center;}
.message2 li span{float:left; display:inline-block; width:80px; text-align:left;}
.message2 li p{ font-size:14px; text-align:left; padding:0 0 0 10px;}
.message2 li div{ width:100%; font-size:14px; text-align:left;}
.message2 li div .minput{ height:48px; line-height:48px; 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; background-color:#fefefe;}
.message2 li div .minput2{ height:108px; line-height:48px; border:1px solid #cccccc; width:calc(100% - 50px); width: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); padding:0 0 0 14px; border-radius:3px; font-size:14px; color:#666666; background-color:#fefefe;}
.message2 li .inputsub{ height:38px; line-height:36px; border:1px solid #005bac; width:150px; background-color:#005bac; border-radius:2px; font-size:15px; color:#ffffff; border-radius:5px; -moz-border-radius:5px;  -webkit-border-radius:5px;}
.message2 li .inputsub:hover{ background-color:#005bac; border:1px solid #005bac;}
.message2 li div iframe{line-height:38px; height:50px;}
.message2 li div i{font-style:normal; color:#FF0000; font-weight:bold;}
.message2 li:nth-child(5){ height:auto; padding:5px 0 0 0;}
.message2 .li2{width:100%; padding:5px 0 0 0;}
.message2 li:nth-child(2n+2){float:right;}




/*弹出层 留言板*/
.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;
}




/*右边客服*/
.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;}



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





/*分页开始*/
.mypage{ height:30px; padding:10px 0 0 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:#005bac; border:1px solid #005bac; 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;}