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


.top{ position:fixed; top:0; left:0; width:calc(100% - 20px); width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px);  padding:0 0 0 20px; height:80px; z-index:999; background-color:#FFFFFF;}
.top .logo{ float:left; padding:18px 0 0px 0; }
.top .nav{ float:right; height:80px;}
.top .nav li{float:left;}
.top .nav li a{position:relative; display:block; padding:0 20px 0 20px; margin:0 10px 0 10px; height:80px; line-height:80px; font-size:16px; color:#333333;}
.top .nav li .a_be,
.top .nav li a:hover{ border-bottom:2px solid #10448F; color:#104490; font-weight:bold; }

.top .english{float:right; margin:10px 0 0 0; width:40px; height:60px; line-height:60px; border-left:1px solid #E5E5E5; background-image:url(../images/diqiu-ico.jpg); background-repeat:no-repeat; background-position:35px center; padding-left:65px;}
.top .english a{ font-size:14px;}

.top_kong{height:82px;}

/*手机点开*/
.nav_x{ float:right; margin:10px 0px 0 0; display:none;}
.nav_x2{ width: 40px; height: 40px; line-height: 40px; display: inline-block; vertical-align: middle; }
.nav_x2 img{ width: 100%; }

/*手机导航*/
.x_nav{ width: 100%; height: 100%; background-image:url(../images/tel_bj.png); 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: 80px; line-height: 80px; text-align: right; padding-right: 15px;}
.x_nav_t a{ color: #000000; font-size: 18px;  background: url(../images/nav_close.png) no-repeat right center;   padding-right: 38px;}
.x_nav2{ width: 100%; height: 100%; overflow:auto; padding-bottom:75px;}
.x_nav2 ul li{ height: auto;}
.x_nav2 ul li a{ height: 45px; line-height: 45px; display: block; font-size: 16px; color: #333333;  padding-left: 38px;  background-color: rgba(238,238,238,0.5); border-bottom: 1px solid #dddddd;}
.x_nav2 ul li span{ width: 64px; height: 44px; display: inline-block; line-height: 44px; text-align: center; float: right; margin-right: 10px; background: url(../images/jia.png) no-repeat center center;}
.x_nav2 ul li a.xa1{background-color: rgba(238,238,238,0.5);}
.x_nav2 ul li span.xjian{ background: #eeeeee url(../images/jian.png) no-repeat center center;}
.xnav_xl { display: none;}
.xnav_xl dd a{ background: url(../images/you1.png) no-repeat 95% center !important;}



/*banner大图*/
.banner{position:relative; width:100%; margin:auto;}
.banner .arrow{
	position:absolute;
	top:40%;
	z-index:999;
	background-repeat: no-repeat;
	background-position: center center;
	width:42px;
	height:36px;
}
.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 {
	background:none;
	border:1px solid #8C8D91;
	border-radius: 50%;
	cursor: pointer;
	display: block;
	font-size: 0;
	height: 12px;
	line-height: 0;
	margin: 0 6px 30px 6px;
	outline: medium none;
	padding: 0;
	width: 12px;
}
.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:#C73621;
	border:1px solid #C73621;	 
}
/*上半部分是固定的 下边是网站的css样式*/
.banner .dataitem{float:left; width:100%;}
.banner .dataitem .mimg{}
.banner .dataitem .mimg img{ width:100%; display:block;}
/*左右滚动结束*/



.bk_title{width:300px; margin:auto; padding:60px 0 30px 0; background-image:url(../images/bk_hui_bj.jpg); background-repeat:repeat-x; background-position:center 70px; text-align:center; line-height:1.8em;}
.bk_title a{display:inline-block; padding:0 25px 0 25px; background-color:#FFFFFF; font-size:30px; font-weight:bold; color:#222222;}
.bk_title p{text-align:center; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#a2a2a2;}

.i-about{ background-color:#e8e8e8; background-size:50vw 100%; background-repeat:no-repeat; background-position:right center; padding:100px 0 100px 0;}
.i-about .main .mleft{float:left; width:60%; padding:50px 30px 50px 30px; background-color:#01479D; color:#FFFEFF;}
.i-about .main .mleft .mtitle{ line-height:2.4em; font-size:18px;}
.i-about .main .mleft .mshuoming{font-size:16px;}
.i-about .main .mleft .mjianjie{padding:30px 0 0 0; line-height:2em; font-size:14px; text-align:justify;}
.i-about .main .mleft .mmore{ padding:30px 0 30px 0;}
.i-about .main .mleft .mmore a{width:158px; height:48px; text-align:center; border:1px solid #80A3CD; position:relative; display:block; line-height:47px; color:#FFFFFF; background-image:url(../images/yousanjiao.png); background-repeat:no-repeat; background-position:116px center;}
.i-about .main .mleft .mmore a:hover{background-color:#013A81;}



/*左右滚动开始*/
.pro_ul{position:relative; max-width:1220px; min-width:280px; margin:auto;}
.pro_ul .arrow{
	background-color: rgba(0,72,157,0.8); border-radius:4px; -moz-border-radius:4px;  -webkit-border-radius:4px;
	width:36px;
	height:36px;
	line-height:36px;
	text-align:center;
	position:absolute;	
	top:40%;	
	color:#FFFFFF;	
	z-index:999;
	font-family:"宋体";
	font-size:24px;
	cursor:pointer;
}
.pro_ul .arrow:hover{background-color:#01479D;}
.pro_ul .arrow.pre {
	left:-10px;
}
.pro_ul .arrow.next {
	right:-10px;
}
.pro_ul .slick-dots {
	position: absolute;
	width: 100%;
	text-align: center;
	z-index: 1000;
	bottom:0;
}
.pro_ul .slick-dots li {
	display: inline-block;
	width: auto;
	float: none;
	vertical-align: middle;
}
.pro_ul .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;
}
.pro_ul .slick-dots li.slick-active button {
	background: #5e068c;
}
/*上半部分是固定的 下边是网站的css样式*/
.pro_ul .dataitem{
 float:left; background-color:#F8F9FB; margin:0 10px 0 10px; border-bottom:2px solid #01479D;
}
.pro_ul .dataitem .mimg{text-align:center; overflow:hidden;}
.pro_ul .dataitem .mimg img{ width:100%; display:inline;}
.pro_ul .dataitem .mtitle{line-height:2.6em; height:2.6em; padding:5px 0 0 0; overflow:hidden; text-align:center; padding:0 25px 0 25px;}
.pro_ul .dataitem .mtitle a{font-size:14px; font-weight:bold; color:#333333;}
.pro_ul .dataitem .mjianjie{ padding:0 25px 0 25px; text-align:justify; color:#565656; line-height:2em; height:6em; overflow:hidden;}
.pro_ul .dataitem .mmore{ padding:18px 25px 28px 25px;}
.pro_ul .dataitem .mmore a{display:inline-block; width:84px; text-align:center; height:28px; line-height:28px; background-color:#01479D; color:#FFFFFF; font-size:12px;}
.pro_ul .dataitem .mmore a:hover{ background-color:#000000;}
.pro_ul .dataitem:nth-child(odd) {background-color:#FFFFFF; border-bottom-color:#ffffff;}
/*左右滚动结束*/


.hei40{height:40px;}
.hei50{height:70px;}


.hengfu{height:198px; background-color:#01479D; background-image:url(../images/hf-bj.jpg); background-repeat:no-repeat; background-position:center center;}
.hengfu .main ul{ padding:28px 0 28px 0;}
.hengfu .main ul li{ float:left; width:33%; height:142px; text-align:center; font-size:14px; color:#FEFFFD; border-right:1px solid #A4B3D2; padding:10px 0 0 0;}
.hengfu .main ul li p{line-height:1.6em; font-size:48px; font-weight:bold;}
.hengfu .main ul li p span{}
.hengfu .main ul li:last-child{ border-right:0;}

/*首页新闻*/
.i-news-box{}
.i-news-box .mleft{ float:left; width:48%; width: calc((100% - 40px)/2); width: -moz-calc((100% - 40px)/2); width: -webkit-calc((100% - 40px)/2);}
.i-news-box .mleft .mimg{ overflow:hidden;}
.i-news-box .mleft .mimg img{ width:100%;}
.i-news-box .mleft .mtitle{line-height:2.4em; height:2.4em; overflow:hidden;}
.i-news-box .mleft .mtitle a{font-size:14px; font-weight:bold; color:#333333;}
.i-news-box .mleft .mtitle a:hover{ color:#01479D;}
.i-news-box .mleft .mshuoming{height:1.6em; line-height:1.6em; font-size:12px; color:#666666; overflow:hidden;}

.i-news-box .mright{ float:right; width:48%; width: calc((100% - 40px)/2); width: -moz-calc((100% - 40px)/2); width: -webkit-calc((100% - 40px)/2);}
.i-news-box .mright ul{}
.i-news-box .mright ul li{ padding:18px 0 18px 0; font-family:Arial, Helvetica, sans-serif; border-bottom:1px solid #F0F0F0;}
.i-news-box .mright ul li .mdate{float:left; width:82px; text-align:center; padding:22px 0 12px 0; line-height:2.2em; background-color:#cccccc; font-size:12px; color:#FEFFFF;}
.i-news-box .mright ul li .mdate p{ font-size:32px; font-weight:bold;}
.i-news-box .mright ul li .mneirong{float:right; width:81%; width: calc(100% - 100px); width: -moz-calc(100% - 100px); width: -webkit-calc(100% - 100px);}
.i-news-box .mright ul li .mneirong .mtitle{line-height:2.6em; height:2.6em; overflow:hidden;}
.i-news-box .mright ul li .mneirong .mtitle a{font-size:14px; color:#333333;}
.i-news-box .mright ul li .mneirong .mtitle a:hover{ color:#01479D;}
.i-news-box .mright ul li .mneirong .mshuoming{height:3.2em; line-height:1.6em; font-size:12px; color:#666666; overflow:hidden;}
.i-news-box .mright ul li:first-child{padding-top:0;}
.i-news-box .mright ul li:last-child{padding-bottom:0; border-bottom:0;}
.i-news-box .mright ul li:hover .mdate{background-color:#01479D;}


/*底部信息*/
.footer-box{background-color:#1E1E1E;}
.footer-box .fleft{ float:left;}
.footer-box .fleft ul{}
.footer-box .fleft ul li{float:left; margin-right:100px;}
.footer-box .fleft ul li > a{ font-size:15px; font-weight:bold; color:#FFFFFF;}
.footer-box .fleft ul li p{ padding:10px 0 0 0; line-height:2em;}
.footer-box .fleft ul li p a{ position:relative; display:block; font-size:13px; color:#b2b2b2;}
.footer-box .fleft ul li p a:hover{ color:#ffffff;}

.footer-box .fright{ float:right; width:240px;}
.footer-box .fright .mphone{color:#ffffff; font-size:30px; font-weight:bold;}
.footer-box .fright .memail{ line-height:1.8em; font-size:12px; color:#b2b2b2; padding:8px 0 14px 0;}
.footer-box .fright .mtitle{padding:14px 0 0 0; border-top:1px solid #333333; text-align:left; font-size:16px; color:#FFFFFF;}
.footer-box .fright .mico{ padding:10px 0 0 0;}
.footer-box .fright .mico li{ float:left; padding:6px; margin-right:18px; position:relative; background-color:#434343;}
.footer-box .fright .mico li a{}
.footer-box .fright .mico li p{display:none; position:absolute; left:0; top:-124px;}
.footer-box .fright .mico li p img{height:120px;}

.footer-box2{background-color:#000000; color:#888888; padding:15px 0 15px 0;}
.footer-box2 .copy{float:left; line-height:1.6em; font-size:12px;}
.footer-box2 .f-nav{float:right;}
.footer-box2 .f-nav a{ color:#888888; font-size:12px;}
.footer-box2 .f-nav a:hover{ color:#FFFFFF;}



.kefu_right{position:fixed; right:0; top:50%; z-index:9876;}
.kefu_right li{ height:50px; width:50px; border-bottom:1px solid #eeeeee; position:relative; background-color:#01479D; 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%; height:50px; text-align:center; padding-top:10px;}
.kefu_right li > a img{ width:30px;}
.kefu_right li p{position:absolute; display:none; right:-120px; top:0; 
	transition: all 2s;
	-moz-transition: all 2s; /* Firefox 4 */
	-webkit-transition: all 2s; /* Safari 和 Chrome */
	-o-transition: all 2s; /* Opera */
}
.kefu_right li:hover p{display:block;
	right:54px;	
}
.kefu_right li:first-child p{line-height:2.4em; font-size:20px; color:#01479D; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; background-color:#eeeeee; padding:0 10px 0 10px;}
.kefu_right li:nth-child(2n+2) p{line-height:2.4em; font-size:20px; color:#01479D; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; background-color:#eeeeee; padding:0 10px 0 10px;}
.kefu_right li:last-child{border-bottom:0;}



/***********************************其它页面开始*/


/*二级页面*/
.er_banner{ width:100%; background-repeat:no-repeat; background-position:center top; position:relative; overflow:hidden;}
.er_banner img{max-width:100%;}
.er_banner .t-title{position:absolute; width:100%; line-height:0.9em; top:42%; text-align:center; font-size:36px; color:#FFFFFF; font-weight:bold;
	-webkit-text-shadow: 1px 1px 1px rgba(0,0,0,0.5);  
	-moz-text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	border-collapse:separate !important;
}
.er_banner .t-title span{font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}

.er_banner .main .er_nav{ position:absolute; left:0; bottom:3px; width:100%; text-align:right;}
.er_banner .main .er_nav a{ display:inline-block; padding:0 40px 0 40px; height:50px; line-height:50px; margin:10px 0 0 0; background-color:#ffffff; font-size:14px; color:#333333;
border-right:1px solid #eeeeee; 
}
.er_banner .main .er_nav a:hover,
.er_banner .main .er_nav .a_be{ background-color:#01479D; color:#FFFFFF;}
.er_banner .main .er_nav a:last-child{border-right:0;}


.weizhi{ padding:14px 0 0 0; border-bottom:1px solid #dddddd; color:#747474; font-size:12px; text-align:left;}
.weizhi div{ float:left; background-image:url(../images/home.jpg); background-repeat:no-repeat; background-position:left center; padding:3px 0 0 30px; line-height:3em; font-size:14px;}
.weizhi div a{color:#666666; font-size:14px;}
.weizhi div a:hover{ color:#01479D; font-weight:bold;}
.weizhi div a:last-child{color:#01479D;}



/*公司简介*/
.about{ padding-top:12px; color:#444444;}
.about .mimg{ text-align:center;}
.about img{ max-width:100%;}
.about .neirong{line-height:2.2em; font-size:14px; text-align:justify;}

/*新闻*/
.news-list{ padding:10px 0 0 0;}
.news-list li{ padding:15px 0 15px 0; border-bottom:1px solid #eeeeee;}
.news-list li .mimg{float:left; width:300px; overflow:hidden;}
.news-list li .mimg img{width:100%;}
.news-list li .mdate{float:left; margin:26px 0 0 0; width:180px; text-align:center; line-height:2.2em; font-size:14px; color:#999999;}
.news-list li .mdate p{ font-size:32px; font-weight:bold;}
.news-list li .nr-box{ float:left; margin-top:16px; width:46%; width: calc(100% - 585px); width: -moz-calc(100% - 585px); width: -webkit-calc(100% - 585px);}
.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 .mjianjie{ font-size:14px; color:#777777; line-height:2em; height:4em; overflow:hidden; padding:5px 0 0 0;}
.news-list li .mright{float:right; margin:16px 0 0 0; position:relative; display:block; width:48px; height:48px; text-align:center; line-height:48px; font-size:16px; font-family:"宋体"; border:1px solid #01479D; color:#333333;}
.news-list li:hover .mdate{color:#01479D;}
.news-list li:hover .mright{background-color:#01479D; color:#FFFFFF;}



/*图片列表*/
.photo_list{ padding:14px 0 0 0;}
.photo_list li{ float:left; width:23%;  background-color:#f5f5f5; padding-bottom:16px; border:1px solid #eeeeee;
width:calc((100% - 68px)/4); width: -moz-calc((100% - 68px)/4); width: -webkit-calc((100% - 68px)/4); width: -o-calc((100% - 68px)/4); width: -ms-calc((100% - 68px)/4); margin:10px 20px 10px 0;
border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px;
behavior:url(PIE-2.0beta1/PIE.htc);
}
.photo_list li p{ padding:1px; overflow:hidden;}
.photo_list li p img{ width:100%; display:block;}
.photo_list li .title{position:relative; display:block; line-height:2.4em; height:2.4em; overflow:hidden; text-align:center; font-size:14px; padding:0 15px 0 15px; color:#000000; font-weight:bold;}
.photo_list li .jianjie{ padding:0 15px 0 15px; line-height:2em; height:6em; font-size:12px; overflow:hidden; text-align:justify;}

.photo_list li:hover{ background-color:#FFFFFF;}
.photo_list li:nth-child(4n+4){margin-right:0;}


/*在线留言*/
.message-box{background-color:#f9f9f9; padding:10px;}
.message{ width:100%; margin:auto; padding:20px 0 20px 0;}
.message li{ float:left; width:calc(50% - 20px); width:-moz-calc(50% - 20px); width:-webkit-calc(50% - 20px); margin:5px 10px 5px 10px; padding:0 0 0 0; min-height:62px; line-height:62px; font-size:14px;}
.message li span{float:left; display:inline-block; width:90px; text-align:left;}
.message li div{float:left; width:calc(100% - 100px); width: -moz-calc(100% - 100px); width: -webkit-calc(100% - 100px); font-size:14px;}
.message li div .minput{ height:42px; line-height:42px; border:1px solid #cccccc; width:calc(100% - 50px); width: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); padding:0 14px 0 14px; border-radius:3px; font-size:14px; color:#666666; background-color:#fefefe;}
.message li div .minput2{ height:128px; 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;}
.message li div .inputsub{ height:38px; line-height:36px; border:1px solid #01479D; width:150px; background-color:#01479D; border-radius:2px; font-size:18px; color:#ffffff;}
.message li div .inputsub:hover{ background-color:#1B1B1B; border:1px solid #947350;}
.message li div iframe{line-height:38px; height:50px;}
.message li div i{font-style:normal; color:#FF0000; font-weight:bold;}
.message li:nth-child(5){ height:118px; padding:5px 0 0 0;}


/*招聘*/
.job-box{}
.job-box .title-bj{background-color:#eeeeee; font-weight:bold; color:#000000;}
.job-box .d-xian{border-bottom:1px solid #eeeeee;}
.job-box .text-cu{ font-size:14px; font-weight:bold;}
.job-box .mleft{ float:left; width:50%; text-align:left; width:calc(50% - 30px); width:-moz-calc(50% - 30px); width:-webkit-calc(50% - 30px); line-height:4em; padding:0 15px 0 15px;}
.job-box .mcity{ float:left; width:20%; text-align:center; line-height:4em;}
.job-box .mdate{ float:left; width:20%; text-align:center; line-height:4em;}
.job-box .mxx{ float:left; width:10%; text-align:center; line-height:4em;}
.job-box .mxx a{}
.job-box .job-xx{ border-bottom:1px solid #eeeeee; padding:35px; display:none; line-height:2.4em; font-size:14px; color:#333333; background-color:#f8f8f8;}


/*详细*/
.xx_title{font-size:24px; padding:18px 0 10px 0; text-align:center; line-height:1.8em; color:#333333; border-bottom:1px solid #f1f1f1;}
.xx_author{ text-align:center; line-height:3em; font-size:12px; color:#999999;}
.xx_video{ padding:10px 0 0 0; text-align:center; width:60%; margin:auto;}
.xx_video video{ width:100%;}
.xx_img{padding:10px 0 0 0; text-align:center;}
.xx_img img{max-width:100%;}
.xx_content{line-height:2em; padding:8px 0 0 0; font-size:14px; text-align:justify; color:#222222;}
.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{ border-bottom:1px solid #dddddd; border-top:1px solid #dddddd; }
.pre_next p{float:left; width:50%; min-height:60px;}
.pre_next p a{position:relative; display:block; text-align:right; padding:15px 0 15px 0; line-height:30px; color:#555555;}
.pre_next p:first-child a{ border-right:1px solid #dddddd; font-size:14px; text-align:left;}
.pre_next p a:hover{ color:#185ABD;}

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





/*分页开始*/
.mypage{ height:40px; padding:20px 0 0 0;}
.mypage div{ text-align:center;}
.mypage div a{display: inline-block; height:25px; line-height:24px; padding:0 10px 0 10px; color:#444444; font-size:14px; border:1px solid #eeeeee;}
.mypage div a:hover,
.mypage div .a_be{color:#ffffff; background-color:#01479D;}
/*分页结束*/




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