@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{height:55px; display:none;}
.top{ height:65px; background-color: rgba(0,35,64,0.7);
	-webkit-box-shadow: 0 0 10px #020609;  
	-moz-box-shadow: 0 0 10px #020609;
	box-shadow: 0 0 10px #020609;
	border-collapse:separate !important;
}
.top .logo{ float:left; margin:6px 0 0 0;}
.top .logo img{height:52px;}
/*主导航开始*/
.top .nav{ float:right;}
.top .nav li{float:left; position:relative;}
.top .nav li:nth-of-type(even) span{ position:relative; display:block; background-color:#3E3D3B; width:1px; height:65px;
	transform: skew(-15deg);
	-webkit-transform: skew(-15deg);    /* for Chrome || Safari */
	-moz-transform: skew(-15deg);       /* for Firefox */
	-ms-transform: skew(-15deg);       /* for IE */
	-o-transform: skew(-15deg);         /* for Opera */
}
.top .nav li > a{ position:relative; display:block; height:65px; line-height:65px; font-size:14px; color:#bfbfbf; font-weight:bold; padding:0 25px 0 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 */
}
.top .nav li > a:hover{text-decoration:none;}
.top .nav li p{position:absolute; left:0; top:65px; width:120%; left:-10%; display:none; z-index:666666; background-color: rgba(14,65,107,0.9); border-bottom:2px solid #083053;}
.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; font-weight:bold; border-bottom:1px dashed #093053;}
.top .nav li p a:hover{text-decoration:underline;}
.top .nav li p a:last-child{border-bottom:0;}
.top .nav li:hover > a{ color:#FFFFFF;
	background-size:100% 100%;
	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:hover p{
	display:block;
	animation: xiala 0.4s;
	-moz-animation: xiala  0.4s;
	-webkit-animation: xiala  0.4s;
	-o-animation: xiala  0.4s; 
}

.top_kong{height:80px;}

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

/*手机导航*/
.x_nav{ width: 70%; height: 100%; background-color: rgba(0,33,63,0.9); position: fixed; top: 0; right: -101%; z-index: 999999999999; border-left:1px solid #001D3B;}
.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: #ffffff; font-size: 14px; font-weight:normal; }
.x_nav_t i{font-size:20px;}

.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: 12px; color: #ffffff;  padding-left: 18px;  background-color: rgba(0,33,53,0.8); border-bottom: 1px solid #000000;}
.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:#00213F; padding-left:30px;}
.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; width:100%; margin:auto;}
.banner .arrow{
	position:absolute;
	top:45%;
	top: calc(50% - 30px); top: -moz-calc(50% - 30px); top: -webkit-calc(50% - 30px);
	z-index:999;
	background-repeat: no-repeat;
	background-position: center center;
	width:60px;
	height:60px;
	line-height:60px;
	font-size:40px;
	color:#FFFFFF;
	font-family:"宋体";
	text-align:center;
	background-color: rgba(0,0,0,0.4);
	border-radius:6px; -moz-border-radius:6px;  -webkit-border-radius:6px;
}
.banner .arrow.pre {background-image: url();left:0px;}
.banner .arrow.next {background-image: url(); right:0px;}
.banner .arrow:hover{}

.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 {
	border:0;
	background-color:#ffffff;
	cursor: pointer;
	display: block;
	font-size: 0;
	height: 3px;
	line-height: 0;
	margin: 0 6px 35px 6px;
	outline: medium none;
	padding: 0;
	width: 70px;
	
	filter:alpha(opacity=60); /* IE */
	-moz-opacity:0.6; /* 老版Mozilla */
	-khtml-opacity:0.6; /* 老版Safari */
	opacity: 0.6; /* 支持opacity的浏览器*/
}
.banner .slick-dots li.slick-active button {
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari 和 Chrome */
	-o-transition: all 0.5s; /* Opera */
	background-color:#184D72;
}
/*上半部分是固定的 下边是网站的css样式*/
.banner .dataitem{float:left; width:100%;}
.banner .dataitem .mimg{}
.banner .dataitem .mimg img{ width:100%; display:block;}
/*左右滚动结束*/


.i_bk{background-image:url(../images/mainbj.jpg); background-repeat:repeat-x; background-position:center top;}
.i_bk .mleft{float:left; width:560px;}
.i_bk .mleft .text{padding:20px 26px 0 16px; font-size:12px; color:#FFFFFF; line-height:2.1em; text-align:justify;}
.i_bk .mleft .more{ text-align:right; line-height:26px; padding:0 26px 0 0;}
.i_bk .mleft .more a{color:#FFFFFF;}
.i_bk .mleft .more a span{color:#D29169; font-size:16px;}
.i_bk .mleft .more a:hover{text-decoration:underline;}

.i_bk .mright{float:right; width:53%; width: calc(100% - 560px); width: -moz-calc(100% - 560px); width: -webkit-calc(100% - 560px);}
.i_bk .mright .img_box{ padding:0 0 0 5px;}
.i_bk .mright .img_box img{width:100%; display:block;}
.i_bk .mright .img_box .img_left{ float:left; width:50%; overflow:hidden;}
.i_bk .mright .img_box .img_right{ float:right; width:46%;}
.i_bk .mright .img_box .img_right li{ position:relative; overflow:hidden;}
.i_bk .mright .img_box .img_right li a{ position:absolute; left:8px; top:8px; width:90%; text-align:left; font-size:14px; font-weight:bold; line-height:18px;}
.i_bk .mright .img_box .img_right li a span{font-size:12px; font-weight:normal;}
.i_bk .mright .img_box .img_right li:first-child{padding-bottom:2px;}

.copy{background-color:#021234; padding:14px; line-height:20px; text-align:center; color:#2E3E58; font-size:12px;}
.copy a{color:#2E3E58;}
.copy a:hover{text-decoration:underline;}




.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:3vw;}
.hei80{height:80px;}
.hei100{ height:4vw;}

.hui-bj{background-color:#F5F5F5; padding:0 0 34px 0;}


.bk_title{}
.bk_title p{height:34px; line-height:34px; float:left; border-left:5px solid #052A5E; padding:0 10px 0 10px; font-size:14px; color:#feffff; background-color:#010E43;}
.bk_title p span{color:#8E8FA1;}


/*二级页面*/
.er_banner{ background-repeat:no-repeat; background-position:center center; background-size:100% auto;}
.er_banner .t-box{ width:100%; height:276px; position:relative; filter:alpha(opacity=80); -moz-opacity:0.8;   -khtml-opacity:0.8;   opacity: 0.8;}
.er_banner .t-box .t_title{ position:absolute; left:20px; line-height:1.2em; text-align:left; top:45%; font-size:26px; color:#ffffff; font-weight:bold;}
.er_banner .t-box .t_title p{font-size:20px; color:#A67961;}



/*左边分类*/
.er_box{ position:relative;}
.er_box .er_left{float:left; width:150px; position:absolute; left:0; height:100%; background-color:#001534;}
.er_box .er_left .mtitle{ height:34px; line-height:34px; background-image:url(../images/left_nav_bj.jpg); background-repeat:no-repeat; padding:0 10px 0 10px; text-align:left; font-size:14px; color:#FFFFFF; overflow:hidden;}
.er_box .er_left .mtitle span{font-size:12px; color:#93A0CC;}
.er_box .er_left .type_list{}
.er_box .er_left .type_list li{ border-bottom:1px solid #001535;}
.er_box .er_left .type_list li a{position:relative; display:block; height:34px; line-height:34px; padding:0 10px 0 11px; text-align:left; font-size:12px; color:#99A3B1; background-color:#01193B;}
.er_box .er_left .type_list li a span{float:right; font-family:"宋体"; font-size:11px;}
.er_box .er_left .type_list li a:hover,
.er_box .er_left .type_list li .a_be{ background-color:#022754; color:#FFFFFF;}

/*右边详情*/
.er_box .er_right{ float:right; padding-bottom:30px; min-height:200px; width:65%;  width: calc(100% - 170px); width: -moz-calc(100% - 170px); width: -webkit-calc(100% - 170px);}
.er_box .er_right .weizhi{ padding:40px 0 0 0; height:40px; line-height:40px; border-bottom:1px solid #030B16;}
.er_box .er_right .weizhi p{float:left; font-size:14px; font-weight:bold; color:#FFFFFF;}
.er_box .er_right .weizhi div{float:right; color:#B3BCC5; font-size:12px;}
.er_box .er_right .weizhi div a{color:#B3BCC5;}
.er_box .er_right .weizhi div a:hover{ text-decoration:underline;}
.er_box .er_right .text_box{border-top:1px solid #13314D; padding:20px 0 0 0;}


/*新闻*/
.news-list{}
.news-list li{border-bottom:1px dashed #112D49; height:32px; line-height:32px; font-size:12px; color:#99A5B1;}
.news-list li span{float:right;}
.news-list li a{position:relative; display:block; float:left; height:32px; line-height:32px; overflow:hidden; width:80%; width: calc(100% - 90px); width: -moz-calc(100% - 90px); width: -webkit-calc(100% - 90px); text-align:left; font-size:12px; color:#99A5B1; background-image:url(../images/xhk.jpg); background-repeat:no-repeat; background-position:left center; padding:0 0 0 12px;}
.news-list li a:hover{text-decoration:underline;}


/*图片列表*/
.photo_ul{}
.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:0 20px 20px 0; position:relative;}
.photo_ul li:nth-child(4n+4){margin-right:0;} 
.photo_ul li .con_box{ border:6px solid #284361;}
.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 .a1{position:absolute; display:none; width:100%; height:100%; left:0; top:0; background-image:url(../images/play3.png); background-repeat:no-repeat; background-position:center 40%;
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari 和 Chrome */
	-o-transition: all 0.5s; /* Opera */
}
.photo_ul li .con_box:hover .a1{ display:block;
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari 和 Chrome */
	-o-transition: all 0.5s; /* Opera */
}
.photo_ul li .con_box .mtitle{text-align:center; background-color:#f5f5f5; overflow:hidden; height:36px; line-height:36px; padding:0 12px 0 12px;}
.photo_ul li .con_box .mtitle a{font-size:12px; color:#555555;}
.photo_ul li .con_box:hover .mtitle a{ color:#001534;}







/*右边客服*/
.kefu_right{position:fixed; right:0; top:30%; z-index:9876;}
.kefu_right li{ border-bottom:1px solid #FFFFFF; position:relative; background-color:#CC0001; width:60px; padding-top:6px; text-align:center;}
.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:#CC0001; 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: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(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:nth-child(4) p{ top:-80px; font-size:14px; font-weight:normal;}
.kefu_right li:last-child{border-bottom:0;}



/*弹出视频*/
.tc_box{ position:fixed; display:none; left:0; top:0; width:100%; height:100%; padding-top:10%; background-image:url(../images/hei_bj.png); z-index:99999999910;}
.tc_box .con_width{max-width:1000px; min-width:280px; margin:auto; position:relative;}
.tc_box .con_width video{width:100%;}
.tc_box .con_width .close{position:absolute; top:15px; right:15px;}



/*详细*/
.xx_title{font-size:16px; text-align:center; line-height:1.8em; color:#B3BCC5; font-weight:bold; }
.xx_author{ text-align:center; border-top:1px dashed #112D49; border-bottom:1px dashed #112D49; line-height:2.6em; font-size:12px; display:none;}
.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:12px; color:#B3BCC5; text-align:justify; line-height:24px; 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 0 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:12px; text-align:left; color:#99A3B1;}
.pre_next p:first-child a{ text-align:left;}
.pre_next p a:hover{ color:#ffffff;}

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


/*弹出层 留言板*/
.tanchu_box{ position:fixed; left:0; top:0; width:100%; padding:10% 0 20% 0; height:60%; z-index:99999999922; background-color: rgba(0,0,0,0.4); display:none;}
.tanchu_box .input_box{ max-width:600px; min-width:300px; margin:auto; background-color:#FFFFFF; border:1px solid #eeeeee; padding:20px 30px 20px 30px;}
.tanchu_box .input_box .mtitle{font-size:20px; color:#00B0F0; font-weight:bold;}
.tanchu_box .input_box .mtitle a{float:right; margin:-2px 0 0 0; }
.tanchu_box .input_box .message li{ padding:0 0 16px 0;}


/*分页开始*/
.mypage{ height:30px; padding:20px 0 0 0;}
.mypage div{ text-align:center;}
.mypage div a{display: inline-block; height:20px; line-height:20px; padding:0 10px 0 10px; color:#FFFFFF; font-size:14px; border:2px solid #385774; background-color:#486784;}
.mypage div a:hover,
.mypage div .a_be{ }
/*分页结束*/




#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;}