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

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

.top_kong{ padding:15px 0 15px 0; height:52px; border-top:8px solid #FFFFFF;}
.top{ border-top:8px solid #1D69B4; height:52px; padding:15px 0 15px 0; background-color: rgba(255,255,255,1);}
.top .logo{ float:left;}
.top .logo img{height:52px;}
/*主导航开始*/
.top .nav{ float:right;}
.top .nav li{float:left; position:relative;   text-align:center;}
.top .nav li > a{ display:inline-block; height:52px; line-height:52px; padding:0 25px 0 25px;  font-size:16px; color:#353535; 
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari 和 Chrome */
	-o-transition: all 0.5s; /* Opera */
}
.top .nav li .a_be{color:#1573CB;}
.top .nav li p{position:absolute; left:0; top:52px; width:140%; left:-20%; display:none; z-index:666666; background-color: rgba(21,115,203,0.9);
	border-radius:6px; -moz-border-radius:6px;  -webkit-border-radius:6px; border-top:3px solid #1974CF; border-bottom:3px solid #1974CF;
}
.top .nav 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 #1264AD;}
.top .nav li p a:last-child{border-bottom:0;}
.top .nav li p a:hover{ color:#333333; background-color:#FFFFFF;}
.top .nav li:hover > a{ color:#1573CB;}
.top .nav li:hover p{
	display:block;
	animation: xiala 0.4s;
	-moz-animation: xiala  0.4s;
	-webkit-animation: xiala  0.4s;
	-o-animation: xiala  0.4s; 
}
.top .nav li:last-child{padding:9px 0 0 0;}
.top .nav li:last-child > a{color:#ffffff; background-color:#1D6BB3; display:inline-block; padding:0 15px 0 15px; height:35px; line-height:35px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}



/*手机点开*/
.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:#222222;}

/*手机导航*/
.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;}
.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:#184D72; 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{ 
	border-radius:4px; -moz-border-radius:4px;  -webkit-border-radius:4px;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	position:absolute;	
	top:40%;  top: calc(50% - 20px); top: -moz-calc(50% - 20px); top: -webkit-calc(50% - 20px);
	background-color: rgba(21,115,203,0.5);
	color:#ffffff;	
	z-index:999;
	font-family:"宋体";
	font-size:24px; 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=20); /* IE */
	-moz-opacity:0.2; /* 老版Mozilla */
	-khtml-opacity:0.2; /* 老版Safari */
	opacity: 0.2; /* 支持opacity的浏览器*/
}
.banner .arrow:hover{ color:#ffffff;}
.banner .arrow.pre { left:20px;}
.banner .arrow.next { right:20px;}
.banner:hover .arrow{
	filter:alpha(opacity=100); /* IE */
	-moz-opacity:1; /* 老版Mozilla */
	-khtml-opacity:1; /* 老版Safari */
	opacity: 1; /* 支持opacity的浏览器*/
}

.banner .slick-dots {
	position: absolute;
	width: 100%;
	text-align: center;
	z-index: 1000;
	bottom:0;
}
.banner .slick-dots li {
	display: inline-block;
	width: auto;
	float: none;
	vertical-align: middle;
}
.banner .slick-dots li button {
	background: #A8B3C6;
	border: 0 none;
	border-radius: 7px;
	cursor: pointer;
	display: block;
	font-size: 0;
	height: 12px;
	line-height: 0;
	margin: 0 8px;
	outline: medium none;
	padding: 0;
	width: 12px;
}
.banner .slick-dots li.slick-active button {
	background: #5e068c;
}
/*上半部分是固定的 下边是网站的css样式*/
.banner .dataitem{float:left; position:relative; width:100%; padding:5vw 0 5vw 0; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.banner .dataitem .ban_main{max-width:1200px; margin:auto; padding:0 10px 0 10px;}
.banner .dataitem .ban_main .mleft{float:left; width:45%;}
.banner .dataitem .ban_main .mleft img{max-width:100%;}
.banner .dataitem .ban_main .mright{float:right; width:45%; color:#FFFFFF;}
.banner .dataitem .ban_main .mright .mtitle{font-size:36px;  padding:18px 0 18px 0; text-shadow: 0px 1px 1px #555555;}
.banner .dataitem .ban_main .mright .mjianjie{ font-size:18px; line-height:2em; height:8em; overflow:hidden; text-shadow: 0px 1px 1px #555555;}
.banner .dataitem .ban_main .mright .mmore{ padding:16px 0 0 0;}
.banner .dataitem .ban_main .mright .mmore a{display:inline-block; padding:0 50px 0 50px; height:34px; line-height:34px; background-color:#E98631; color:#FFFFFF; font-size:14px; border-radius:18px; -moz-border-radius:18px;  -webkit-border-radius:18px;}
/*左右滚动结束*/

.bk_title{ background-image:url(../images/bj_xian.jpg); background-repeat:repeat-x; background-position:center center; text-align:center; padding-bottom:4px;}
.bk_title a{ display:inline-block; padding:0 20px 8px 20px; background-color:#FFFFFF; font-size:32px; color:#111111;}
.bk_title .a2{background-color:#f1f1f1;}
.bk_title span{display:inline-block; background-color:#1E71BD; border-radius:10px; -moz-border-radius:10px;  -webkit-border-radius:10px; padding:0 30px 0 30px; height:21px; line-height:21px; color:#FFFFFF; font-size:11px; font-family:Arial, Helvetica, sans-serif;}


/*优势*/
.advantage{ padding:16px 0 0 0;}
.advantage li{ float:left; width:23%; width: calc((100% - 60px)/4); width: -moz-calc((100% - 60px)/4); width: -webkit-calc((100% - 60px)/4); margin:20px 20px 0 0; position:relative;}
.advantage li:nth-child(4n+4){margin-right:0;} 
.advantage li .con_box{ border:1px solid #eeeeee; background-color:#f6f6f6; padding:3vw 20px 1vw 20px;}
.advantage li .con_box .mimg{text-align:center; overflow:hidden; position:relative;}
.advantage li .con_box .mimg img{ max-width:70px;}
.advantage li .con_box .mtitle{ position:relative; display:block; text-align:center; background-image:url(../images/hongxian.jpg); background-repeat:no-repeat; background-position:center bottom; overflow:hidden; height:38px; line-height:38px; padding:18px 12px 0 12px; font-size:16px; color:#222222;}
.advantage li .con_box .mjianjie{ padding:18px 0 0 0; min-height:9em; line-height:1.6em; overflow:hidden; font-size:14px; color:#999999; text-align:justify;}
.advantage li .con_box:hover{background-color:#FFFFFF;
	-webkit-box-shadow: 0 0 3px #eeeeee;  
	-moz-box-shadow: 0 0 3px #eeeeee;
	box-shadow: 0 0 3px #eeeeee;
	border-collapse:separate !important;
}
.advantage li .con_box:hover .mimg{
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari 和 Chrome */
	-o-transition: all 1s; /* Opera */
	-webkit-transform: rotate(360deg);	-moz-transform: rotate(360deg);	transform: rotate(360deg);
}
.advantage li .layer{ display:none; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#1573CB; z-index:333;}
.advantage li .layer .mtitle{ position:relative; display:block; padding:30px 30px 0 30px; line-height:30px; font-size:18px; color:#FFFFFF; font-weight:bold; text-align:center;}
.advantage li .layer .mjianjie{padding:14px 30px 30px 30px; max-height:192px; overflow:hidden; text-align:justify;}
.advantage li .layer .mjianjie a{font-size:14px; line-height:24px; font-size:14px; color:#FDFDFF;  position:relative; display:block;}
.advantage li:hover .layer{
	display:none;
	animation: xiala 0.4s;
	-moz-animation: xiala  0.4s;
	-webkit-animation: xiala  0.4s;
	-o-animation: xiala  0.4s; 
}

.hei6{height:6px; line-height:6px;}
.hei8{height:8px; line-height:8px;}
.hei12{height:12px; line-height:12px;}
.hei20{height:20px;}
.hei30{height:30px;}
.hei40{height:40px;}
.hei50{height:50px;}
.hei60{height:60px;}
.hei80{height:80px;}
.hei100{ height:4vw;}

.hui-bj{ background-image:url(../images/news_bj.png); background-repeat:no-repeat; background-position:center center; background-size:cover;}


/*产品与服务*/
.pro_ser{ padding:10px 0 0 0;}
.pro_ser li{float:left; margin-top:20px; position:relative; overflow:hidden;}
.pro_ser li:first-child{ width:30%; width: calc((100% - 20px)/ 100 * 40); width: -moz-calc((100% - 20px)/ 100 * 40); width: -webkit-calc((100% - 20px)/ 100 * 40);}
.pro_ser li:last-child{ float:right; width:50%; width: calc((100% - 20px)/ 100 * 60); width: -moz-calc((100% - 20px)/ 100 * 60); width: -webkit-calc((100% - 20px)/ 100 * 60);}
.pro_ser li .mimg{}
.pro_ser li .mimg img{ width:100%; display:block;}
.pro_ser li .layer{ position:absolute; width:100%; left:0; bottom:-60px; height:100px; padding:5px 0 5px 0; background-color: rgba(20,20,20,0.8);}
.pro_ser li .layer .mtitle{ position:relative; display:block; padding:0 20px 0 20px; overflow:hidden; font-size:18px; color:#FEFEFC; line-height:40px; height:40px;}
.pro_ser li .layer .mjianjie{padding:0 20px 0 20px; height:50px; line-height:25px; overflow:hidden; color:; font-size:14px; color:#DDDDDD;}
.pro_ser li:hover .layer{ 
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari 和 Chrome */
	-o-transition: all 0.5s; /* Opera */
	bottom:0;
}
.pro_ser2{}
.pro_ser2 li{float:left; position:relative; overflow:hidden; width:31%; width: calc((100% - 40px)/3); width: -moz-calc((100% - 40px)/3); width: -webkit-calc((100% - 40px)/3); margin:20px 20px 0 0;}
.pro_ser2 li:nth-child(3n+3){margin-right:0;} 
.pro_ser2 li .mimg{}
.pro_ser2 li .mimg img{ width:100%; display:block;}
.pro_ser2 li .layer{ position:absolute; width:100%; left:0; bottom:-60px; height:100px; padding:5px 0 5px 0; background-color: rgba(20,20,20,0.8);}
.pro_ser2 li .layer .mtitle{ position:relative; display:block; padding:0 20px 0 20px; overflow:hidden; font-size:18px; color:#FEFEFC; line-height:40px; height:40px;}
.pro_ser2 li .layer .mjianjie{padding:0 20px 0 20px; height:50px; line-height:25px; overflow:hidden; color:; font-size:14px; color:#DDDDDD;}
.pro_ser2 li:hover .layer{ 
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari 和 Chrome */
	-o-transition: all 0.5s; /* Opera */
	bottom:0;
}



/*产业应用 */
.i_cyyy{ padding:10px 0 10px 0;}
.i_cyyy li{ float:left; width:31%; width: calc((100% - 30px)/3); width: -moz-calc((100% - 30px)/3); width: -webkit-calc((100% - 30px)/3); margin:20px 15px 0 0;}
.i_cyyy li:nth-child(3n+3){margin-right:0;} 
.i_cyyy li .mimg{text-align:center; overflow:hidden;}
.i_cyyy li .mimg img{width:100%; display:block;}
.i_cyyy li .mtitle{text-align:center; height:44px; line-height:44px; padding:0 15px 0 15px; background-color:#F3F3F3;}
.i_cyyy li .mtitle a{font-size:18px; color:#333333;}

.i_cyyy2{ padding:2px 0 10px 0;}
.i_cyyy2 li .mtitle a{ font-size:14px;}


/*底部信息*/
.footer_box{background-color:#F6F6F6;}
.footer_box .main .footer_nav{ float:left;}
.footer_box .main .footer_nav li{ float:left; margin:0 80px 20px 0;}
.footer_box .main .footer_nav li > a{font-size:16px; color:#000000;}
.footer_box .main .footer_nav li p{ padding:10px 0 0 0;}
.footer_box .main .footer_nav li p a{ position:relative; display:block; line-height:30px; font-size:14px; color:#777777;}
.footer_box .main .footer_nav li p a:hover{ color:#1D69B4;}
.footer_box .main .footer_con{float:left; margin-bottom:20px;}
.footer_box .main .footer_con > a{font-size:16px; color:#000000;}
.footer_box .main .footer_con .mjianjie{ padding:10px 0 0 0; line-height:30px; color:#777777;}
.footer_box .main .footer_ewm{float:right; margin-bottom:15px; text-align:center; line-height:24px; font-size:14px; color:#777777;}
.footer_box .main .footer_ewm img{border:1px solid #e1e1e1; max-width:100%;}
.footer_box2{ background-color:#1E71BD; text-align:center; color:#EEF5FD; font-size:14px; padding:14px 0 14px 0; line-height:28px;}
.footer_box2 a{color:#EEF5FD;}








/*二级页面*/

.er_banner{ background-repeat:no-repeat; background-position:center center; background-size:cover; height:300px; 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_box{}
/*左边*/
.er_box .er_left{float:left; width:230px; border-radius:5px; -moz-border-radius:5px;  -webkit-border-radius:5px;}
.er_box .er_left .title{ line-height:54px; text-align:center; background-color:#12589E; color:#FFFFFF; font-size:18px; font-weight:bold; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0;  -webkit-border-radius:5px 5px 0 0;}
.er_box .er_left .er_nav{border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; }
.er_box .er_left .er_nav li{ border-bottom:1px solid #e5e5e5;}
.er_box .er_left .er_nav li a{position:relative; display:block; height:44px; line-height:44px; text-align:left; font-size:14px; padding:0 30px 0 20px; background-image:url(../images/left_nav_bj1.jpg); background-repeat:no-repeat; background-position:200px center; background-color:#f9f9f9; color:#7f7f7f;}
.er_box .er_left .er_nav li a:hover,
.er_box .er_left .er_nav li .a_be{background-color:#ffffff; color:#333333; background-image:url(../images/left_nav_bj2.jpg);}
.er_box .er_left .er_img{ padding:14px 0 20px 0;}
.er_box .er_left .er_img img{ width:100%;}
.er_box .er_left .content{ text-align:left; line-height:24px; padding:0 15px 25px 15px;}
.er_box .er_left .content img{max-width:100%;}
/*右边*/
.er_box .er_right{float:right; width:75%; width:calc(100% - 260px); width: -moz-calc(100% - 260px); width: -webkit-calc(100% - 260px);}



/*位置*/
.weizhi{ height:48px; line-height:48px;  border-bottom:2px solid #f1f1f1; padding:0 10px 0 10px;}
.weizhi p{float:left; font-size:20px; color:#1C6AB4;}
.weizhi div{float:right; background-image:url(../images/home.jpg); background-repeat:no-repeat; background-position:left center; padding:0 0 0 26px; font-size:14px; color:#868686;}
.weizhi div a{color:#868686;}
.weizhi div a:hover{color:#1C6AB4;}

.about_c{padding:0px 10px 10px 10px; text-align:justify;}
.about_c img{max-width:100%;}



/*产品线*/
.pro_mtitle{ height:44px; line-height:44px; background-image:url(../images/jianbian_bj.jpg); background-repeat:repeat-x; background-position:center bottom; border:1px solid #f1f1f1; border-radius:6px; -moz-border-radius:6px;  -webkit-border-radius:6px; padding:0 14px 0 14px;}
.pro_mtitle p{float:left; font-size:16px; color:#222222;}
.pro_mtitle .mmore{float:right; display:inline-block; margin-top:10px; padding:0 18px 0 18px; border-radius:8px; -moz-border-radius:8px;  -webkit-border-radius:8px; height:22px; line-height:22px; background-color:#F88D23; color:#FFFFFF; font-size:12px; }

.pro_ul{ padding:10px 10px 10px 10px;}
.pro_ul li{ padding:10px 0 10px 0;}
.pro_ul li .c_box{ padding:8px 0 8px 0;}
.pro_ul li .c_box .mimg{ float:left; width:360px; text-align:center; border:1px solid #eeeeee; overflow:hidden;}
.pro_ul li .c_box .mimg img{max-width:100%;}
.pro_ul li .c_box .mright{float:right; width:56%; width:calc(100% - 390px); width: -moz-calc(100% - 390px); width: -webkit-calc(100% - 390px); font-size:14px; line-height:32px;}

.pro_xx_content{font-size:14px; text-align:justify; line-height:32px; padding:15px 10px 0 10px;}
.pro_xx_content img{max-width:100%;}



/*新闻*/
.news-list{ padding:0 10px 10px 10px;}
.news-list li{ padding:15px 0 15px 0; border-bottom:1px solid #eeeeee;}
.news-list li .mimg{float:left; margin-right:20px; width:180px; overflow:hidden;}
.news-list li .mimg img{width:100%;}
.news-list li .nr-box{ float:left; margin:4px 0 0 0px; width:66%; width: calc(100% - 280px); width: -moz-calc(100% - 280px); width: -webkit-calc(100% - 280px);}
.news-list li .nr-box .mtitle{ line-height:2em; height:2em; overflow:hidden;}
.news-list li .nr-box .mtitle a{font-size:18px; color:#333333;}
.news-list li .nr-box .mydate{ line-height:24px; color:#999999; font-size:12px;}
.news-list li .nr-box .mjianjie{ font-size:14px; color:#777777; line-height:2em; height:4em; overflow:hidden; padding:1px 0 0 0;}
.news-list li .mright{float:right; margin:26px 0 0 0; position:relative; display:block; width:40px; height:40px; text-align:center; line-height:40px; font-size:16px; font-family:"宋体"; border:1px solid #dddddd; color:#333333; border-radius:4px; -moz-border-radius:4px;  -webkit-border-radius:4px; }
.news-list li:hover .mdate{color:#FF5F1A;}
.news-list li:hover .mright{background-color:#1C6AB4; border:1px solid #1C6AB4; color:#FFFFFF;}



/*联系我们*/
.con_list{ padding:0 0 10px 0;}
.con_list li{ float:left; width:31%; width: calc((100% - 140px)/3); width: -moz-calc((100% - 140px)/3); width: -webkit-calc((100% - 140px)/3); margin:20px 70px 8px 0;
	-webkit-box-shadow: 0px 0 4px #eeeeee;  
	-moz-box-shadow: 0px 0 4px #eeeeeed;
	box-shadow: 0px 0 4px #eeeeee;
}
.con_list li:nth-child(3n+3){margin-right:0;} 
.con_list li .con_box{ padding:30px 30px 20px 30px; background-color:#ffffff;}
.con_list li .con_box .mimg{text-align:center; overflow:hidden;}
.con_list li .con_box .mimg img{ max-width:100px; height:auto;}
.con_list li .con_box .mtitle{ padding:18px 0 0 0; font-size:14px; color:#333333; text-align:center; line-height:1.6em; height:1.6em; overflow:hidden;}
.con_list li .con_box .entitle{ font-size:14px; color:#888888; text-align:center; line-height:1.6em; height:1.6em; overflow:hidden;}
.con_list li .con_box .mjianjie{ padding:6px 0 0 0; text-align:center; font-size:14px; color:#666666; line-height:1.6em; height:3.2em; overflow:hidden;}
.con_list li .con_box:hover .mimg img{
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari 和 Chrome */
	-o-transition: all 1s; /* Opera */
	-webkit-transform: rotate(360deg);	-moz-transform: rotate(360deg);	transform: rotate(360deg);
}






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



/*图片列表*/
.photo_ul{ padding:0 10px 10px 10px;}
.photo_ul li{ float:left; width:24%; width: calc((100% - 60px)/4); width: -moz-calc((100% - 60px)/4); width: -webkit-calc((100% - 60px)/4); margin:15px 20px 0px 0; position:relative;}
.photo_ul li:nth-child(4n+4){margin-right:0;} 
.photo_ul li .con_box{ border:1px solid #eeeeee; padding:3px;}
.photo_ul li .con_box .mimg{text-align:center; overflow:hidden; position:relative;}
.photo_ul li .con_box .mimg img{ width:100%; display:block;}
.photo_ul li .con_box .mtitle{text-align:center;  overflow:hidden; height:36px; line-height:36px; padding:0 12px 0 12px;}
.photo_ul li .con_box .mtitle a{font-size:14px; color:#555555;}
.photo_ul li .con_box:hover .mtitle a{ color:#001534;}








/*右边客服*/
.kefu_right{position:fixed; right:0; bottom:20%; z-index:9876;}
.kefu_right li{ border-bottom:1px solid #FFFFFF; position:relative; background-color: rgba(21,115,203,0.9); width:60px; padding-top:6px; text-align:center;
	border-radius:6px 0 6px 0; -moz-border-radius:6px 0 6px 0;  -webkit-border-radius:6px 0 6px 0;
}
.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; white-space:nowrap; background-color: rgba(21,115,203,0.9); padding:15px; color:#FFFFFF;
	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:60px;	
}
.kefu_right li:first-child p{line-height:66px; font-size:18px; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; padding:0 10px 0 20px;}
.kefu_right li:nth-child(2) p{line-height:46px; top:-43px; font-size:16px; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; padding:0 10px 20px 20px;}
.kefu_right li:nth-child(2) p img{display:block;}
/**
.kefu_right li:nth-child(3) p{line-height:66px; font-size:18px; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; padding:0 10px 0 20px;}
**/
.kefu_right li:last-child{border-bottom:0;}


/*详细*/
.xx_box{padding:0 10px 0 10px;}
.xx_title{ padding:20px 0 16px 0; color:#222222; font-size:20px; text-align:center; line-height:2em; font-weight:bold; }
.xx_author{ text-align:center; background-color:#f9f9f9; line-height:3em; font-size:12px; color:#999999; border-radius:4px; -moz-border-radius:4px;  -webkit-border-radius:4px; }
.xx_video{ padding:10px 0 10px 0; text-align:center; width:60%; 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; padding:15px 0 0 0;}
.xx_content img{max-width:100%;}



.fanhui{ height:60px; padding:15px 0 0 0;}
.fanhui .d_left{ float:left; margin:10px 0 0 0;}
.fanhui .d_left a{display:inline-block; background-image:url(../images/fanhui.jpg); background-repeat:no-repeat; background-position:right center; padding:0 20px 0 0;}
.fanhui .d_left a:hover{color:#185ABD;}
.fanhui .d_right{float:right; margin:2px 0 0 0;}

.pre_next{ padding:15px 0 10px 0;}
.pre_next p{padding:2px 0 2px 0; float:left; width:100%; line-height:24px; height:24px; overflow:hidden;}
.pre_next p a{position:relative; display:block; font-size:14px; text-align:left; color:#aaaaaa;}
.pre_next p a:hover{ color:#1C6AB4;}

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





/*分页开始*/
.mypage{ height:30px; padding:20px 0 15px 0;}
.mypage div{ text-align:center;}
.mypage div a{display: inline-block; height:26px; line-height:26px; padding:0 10px 0 10px; color:#333333; font-size:12px; background-color:#ffffff; border:1px solid #eeeeee; border-radius:2px; -moz-border-radius:2px;  -webkit-border-radius:2px; }
.mypage div a:hover,
.mypage div .a_be{ background-color:#1C6AB4; border:1px solid #1C6AB4; 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;}