/* CSS Document */

HTML {

	FONT-FAMILY: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%

}



body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {

	margin: 0;

	padding: 0;

}

body {

	font-size: 12px;

	font-family: "微软雅黑";

	color: #555;

	background:#f9f9f9;

}

input, textarea, select, button {

	font-family: "微软雅黑";

	color: #999;

	outline: none;

}

input, button {

	-webkit-appearance: none;

	-webkit-border-radius: 0px;

}

ul, li {

	list-style-type: none;

}

.more {

	float: right;

}

img {

	border: 0;

	transition: all ease-in .3s;

}

.c3, a.c3 {

	color: #333;

}

.ca {

	color: #aaa;

}

.f14 {

	font-size: 14px;

}

.f16 {

	font-size: 16px;

}

.f18 {

	font-size: 18px;

    line-height:30px;

}

.f20 {

	font-size: 20px;

}

.f100 {

	font-size: 100px;

}

.r1{float:right;}

.clear{clear:both;}

a {

	text-decoration: none;

	color: #555;

	transition: all ease-in .3s;

	-webkit-transition: all ease-in .3s;

	-moz-transition: all ease-in .3s;

	-ms-transition: all ease-in .3s;

	-o-transition: all ease-in .3s;

}

a:hover, .blue {

	color: #0162b7

}

.red {

	color: #d70c18;

}

.clearfix {

	verflow: auto;

	_height: 1%;

	_zoom: 1;

}

.clearfix:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden

}





/*box*/

.div{display:block;}

.box{border-bottom:solid 1px #ddd; background:#fff; height:2.6em; overflow:hidden;}

.box_midle,.header_midle,.n_nav,.notice,.main_top,.main_about,.main_link,.copyright_midle,.main{max-width:1000px; margin:0px auto;}

.box_right{float:right;font-size:12px; color:#666; line-height:1em;}

.box_hello{font-size:12px; color:#666; line-height:2.6em;}

.box_right a{font-size:12px; color:#666; line-height:2.6em;}

.box_right a:hover{color:#0065ab;}

/*header*/

.header{padding:2em 0;}

.header_logo{float:left;}

.s_lan {

float: right;

width: 250px;

padding:0.4em;

}

.s_lan .seach {

width: 250px;

border: 1px solid #ddd;

height: 28px;

line-height: 28px;

border-radius: 15px;

float: left;

background: #fff;

}

.s_lan .seach .input {

width: 210px;

float: left;

border: none;

line-height: 16px;

height: 28px;

padding: 0;

background: none;

line-height: 28px;

padding: 0 5px;

}

.s_lan .seach .but {

width: 28px;

float: right;

border: none;

height: 28px;

border-radius: 15px;

cursor: pointer;

background: #717071 url(../image/icon_seach.png) no-repeat center;

background-size: cover;

}

.m_menu {

	display:none;

	width:80px;

	float: right;

	height: 32px;

	position: absolute;

	right: 10px;

}

.m_menu a {

	display: block;

	height: 36px;

	width: 36px;

	float: left;

}

.m_menu a.icon_menu {

	float: right;

}

.m_menu a i {

	display: block;

	height: 36px;

	width: 100%;

}

.m_menu a.icon_secrch i {

	background: #717071 url(../image/icon_seach.png) no-repeat center;

	border-radius: 20px;

}

.m_menu a.icon_menu i {

	background: url(../image/icon_menu.png) no-repeat center;

}

.m_menu a.icon_menu i.on {

	background: url(../image/icon_menu.png) no-repeat center;

}

.m_search {

padding: 10px;

background: #eee;

overflow: hidden;

display: none;

}

.m_search .input {

width: 80%;

border: none;

height: 32px;

border: 1px solid #ccc;

box-sizing: border-box;

float: left;

}

.m_search .but {

width: 20%;

background: #666;

border: none;

height: 32px;

box-sizing: border-box;

border: 1px solid #666;

float: left;

color: #fff;

font-size: 14px;

}

/*m_menu_box*/

.m_menu_box {

background: #eee;

overflow: hidden;

display: none;

}

.m_menu_box li {

line-height: 44px;

border-bottom: 1px solid #ccc;

font-size: 14px;

overflow: hidden;

}

.m_menu_box li {

line-height: 44px;

border-bottom: 1px solid #ccc;

font-size: 14px;

overflow: hidden;

}

.m_menu_box li a {

display: block;

height: 44px;

padding: 0 10px;

color: #333;

}

.m_menu_box li a i {

width: 44px;

height: 44px;

display: inline-block;

float: right;

background: url(../image/icon_m_nav1.png) no-repeat center;

}



.m_menu_box li .sub {

background: #f8f8f8;

padding-left: 20px;

display: none;

width: 100%;

}

.m_menu_box li .sub a {

color: #666;

}

/*nav*/

.nav {

	background:#0065ab;

	height: 46px;

	font-size: 14px;

	/*position: relative;

	z-index:0;*/

}

.nav_ul{}

.n_nav li {

	float: left;

	text-align: center;

	line-height: 46px;

	position: relative;

	width:11.1%;



}

.n_nav li a {

	display: block;

	color: #fff;

    font-size:14px;

}

.n_nav li a:hover, .n_nav li a.act {

	font-weight: bold;

	color: #d60c18;

	background: #eee;

}

.n_nav li .drop {

	position: absolute;

	top: 46px;

	left:0;

	background: #fff;

	width:99%;

	padding:0px;

	border: 1px solid #ddd;

	display: none;

	line-height: 30px;

    z-index:99;

}

.n_nav li .drop .img {

	float: left;

	width: 150px;

	text-align: center;

}

.n_nav li .drop .img img {

	display: inline-block;

}

.n_nav li .drop .txt {

	text-align: left;

}

.n_nav li .drop .txt li {

	width:100%;

	font-size: 12px;

	text-align: left;

}

.n_nav li .drop .txt .list {

	border-bottom: 1px solid #fff;

	padding: 5px 0;

}

.n_nav li .drop .txt li a {

	display: block;

	height: 34px;

	line-height: 30px;

    text-align: center;

	color:#333;

    font-size: 12px; overflow:hidden;

}

.n_nav li .drop .txt li a:hover {

	padding-left:0px;

	color: #0161b5

}

/*banner*/



.baner {

	width: 100%;

	position: relative;

	overflow: hidden;

    z-index:9;

}

.baner_box {

	width: 1000px;

	margin: 0 auto;

}

.n_baner {

	max-width:1000;



	overflow: hidden;

	display: block;

}

.atlas {

	width: 999999px;

}

.atlas li {

	float: left;

}

.atlas li img {

    width:1000px;

	display: block;

}

.n_baner .num {

	position: absolute;

	width: 100%;

	height: 12px;

	bottom: 5%;

	left: 0;

	text-align: center;

	z-index: 5;

}

.n_baner .num a {

	width: 12px;

	height: 12px;

	display: inline-block;

	background: #000;

	border-radius: 10px;

	margin: 0 5px;

}

.n_baner .num a.on {

	background: #1f79cd

}

.n_baner .btn {

	width: 50px;

	height: 50px;

	background: #3C456B;

	display: block;

	position: absolute;

	z-index: 5;

	top: 40%;

	line-height: 50px;

	text-align: center;

	font-size: 30px;

	color: #fff;

	cursor: pointer;

	transition: all ease .5s;

}

.n_baner .pre {

	left: -80px;

}

.n_baner .next {

	right: -80px;

}

.n_baner:hover .pre {

	left: 20px;

}

.n_baner:hover .next {

	right: 20px;

}

/*notice */

        .notice_midle{width:100%;}

		.txtScroll-left{border:1px solid #ddd; margin-top:1.5em; background:#fff; padding:1em;   }

		.notice_span{ display:inline-block;float:left; line-height:2.8em;background:url(../image/notice_bg_03.png) no-repeat left center; padding-left:30px; margin-right:5px; }

		.notice_span i{display:inline-block; background:url(../image/notice_bg_03.png) no-repeat; width:23px; height:19px; margin-right:1em;}

		.txtScroll-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }

		.txtScroll-left .hd .prev,.txtScroll-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden; cursor:pointer; background:url("404.png") no-repeat;}

		.txtScroll-left .hd .next{ background-position:0 -50px;  }

		.txtScroll-left .hd .prevStop{ background-position:-60px 0; }

		.txtScroll-left .hd .nextStop{ background-position:-60px -50px; }

		.txtScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;  }

		.txtScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("404.png") 0 -9px no-repeat; }

		.txtScroll-left .hd ul li.on{ background-position:0 0; }

		.txtScroll-left .bd{ padding:0px 0px;overflow:hidden; display:inline-block; width:89.8%; float:right;}

		.txtScroll-left .bd ul{ overflow:hidden; zoom:1; }

		.txtScroll-left .bd ul li{ margin-right:20px;  float:left; height:24px; line-height:24px;  text-align:left; _display:inline;}

		.txtScroll-left .bd ul li span{ color:#999;  }



/* 本例子css */

		.txtScroll-top{overflow:hidden; position:relative;border:1px solid #ddd; margin-top:1.5em; background:#fff;padding:0.6em; font-size:12px;   }

		.txtScroll-top .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }

		.txtScroll-top .hd .prev,.txtScroll-top .hd .next{ display:block;  width:9px; height:5px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;

			 cursor:pointer; background:url("404.png") no-repeat;}

		.txtScroll-top .hd .next{ background:url("404.png") no-repeat;  }

		.txtScroll-top .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; }

		.txtScroll-top .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("404.png") 0 -9px no-repeat; }

		.txtScroll-top .hd ul li.on{ background-position:0 0; }

		.txtScroll-top .bd{ padding:0px 0px;overflow:hidden; display:inline-block;float:left; width:89%;  }

		.txtScroll-top .infoList li{ height:35px; line-height:35px; overflow:hidden;  }

        .txtScroll-top .infoList li a{overflow:hidden; }

		.txtScroll-top .infoList li .date{ float:right; color:#999; line-height:35px; font-size:12px;  }

/*news_img*/

.main_top{margin:1.5em auto;}

.main_news{width:27.3%; overflow:hidden;}

.slideBox{overflow:hidden; position:relative; border:1px solid #ddd;  }

 .main_news_img iframe,.main_news_img object,.main_news_img embed{width:100%;}

.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }

.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }

.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }

.slideBox .hd ul li.on{ background:#f00; color:#fff; }

.slideBox .bd{ position:relative; height:100%; z-index:0;   }

.slideBox .bd li{ zoom:1; vertical-align:middle; }

.slideBox .bd img{display:block; width:100%;  }



		/* 下面是前/后按钮代码，如果不需要删除即可 */

		.slideBox .prev,

		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(404.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }

		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }

		.slideBox .prev:hover,

		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }

		.slideBox .prevStop{ display:none;  }

		.slideBox .nextStop{ display:none;  }

.main_top_midle{width:100%;}



/*news*/

.news_tab_mid{width:38.5%; margin:0px 1.5em;}

.news_tab{background:#fff; border:solid 1px #ddd;}



.wrap{}

.tabs{}

.tabs a{display:block;float:left;width:33.33%;color:#fff;text-align:center;background:#0065ab;line-height:2.4em;font-size:14px;text-decoration:none;}

.tabs a.active{color:#333;background:#fff;}

.swiper-container{width:100%;border-top:0;height:210px; }

.swiper-slide{width:100%;background:none;color:#fff; overflow:hidden;}

.content-slide{padding:1em;}

.content-slide p{text-indent:2em;line-height:1.9;}

.content-slide ul li{ line-height:2.8em;height:2.8em;overflow:hidden;}

.content-slide ul li a{line-height:2.8em; font-size:12px; color:#333;}

.news_bg{background:url(../image/li_img_10.jpg) no-repeat; display:inline-block; margin-right:0.5em; width:9px; height:10px;}

.date{float:right; font-size:12px; color:#999;line-height:2.8em;}





.main_case{margin:1.5em auto 0 auto; max-width:1000px;}

.main_case_midle{border:solid 1px #ddd; background:#fff;}

.slideTxtBox1 .hd{ float:left; width:18%; margin-left:1em;}

.slideTxtBox1 .hd ul li{display:block;color:#fff;text-align:center;background:#0065ab; line-height:3em;font-size:1.2em;text-decoration:none; margin:1.3em 0;}

.slideTxtBox1 .hd ul li.on{color:#fff;background:#666;}

.slideTxtBox1 .bd{ float:right; width:79%; overflow:hidden;}

.swiper-slide{width:100%;background:none;color:#ffff}

.content-slide1{ color:#333; height:70%;}

.cont_ul{margin-top:1.2em;}

.cont_ul li{width:31%; margin:0 0.9%; float:left; text-align:center;}

.case_img a img{width:100%;height:158px;}

.case_name a{line-height:2.5em; font-size:12px; color:#333;}



/*about*/

.culture,.culture1{margin-top:1.5em;}

.about{width:29.9%; border:solid 1px #ddd;}

.about_midle{background:#fff; padding:0px 0.9em 0.9em 0.9em;}

.about_title{ border-bottom:solid 1px #0065ab;}

.more{float:right; font-size:12px;}

.more a{font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#999; line-height:32px;}

.about_title h3{font-size:14px; color:#333; line-height:32px;}

.about_title h3 i{display:inline-block; background:url(../image/title_bg_10.jpg) no-repeat; width:14px; height:13px; margin-right:0.5em;}

.about_img{display:block; margin:0.6em 0px;}

.about_cont_p{color:#333; line-height:1.9999em;overflow:hidden;font-size:12px; padding-top:9px;}

.about_cont_p p{color:#333; line-height:24px;font-size:12px; }

.about_cont_p p a,.about_cont_p p a{ font-size:12px;color:#e22021;line-height:24px;}

/*main_case*/



/*culture*/

.culture{width:33%; margin-right:1.25em; background:#fff; border:solid 1px #ddd;}

.culture1{width:30.3%;background:#fff; border:solid 1px #ddd;}

.f1{float:left;}

.f2{float:right;}

.f5{float:left;}

.about_midle1{overflow:hidden;background: #fff;padding: 0px 1em 1em 1.1em;height:24em;}

.zhao_ul li{line-height:2.25em;background:url(../image/zp_bg_11.gif) no-repeat left center; padding-left:10px; overflow:hidden;}

.zhao_ul li i{}

.zhao_ul li a{font-size:12px; color:#333; line-height:2.25em; height:2.25em; overflow:hidden; display:block;}

.times{float:right; color:#999; font-size:12px; line-height:2.25em;}

/*mian_link*/

.main_link_midle{border:solid 1px #ddd; background:#fff; margin:1.5em 0;}

.main_link_md{padding:0 1em 1em 1em;}

.main_link_a{padding:0.5em 0;}

.main_link_a p,.main_link_a p a,.main_link_a a{line-height:2.0em; font-size:12px; color:#333;}

.main_link_a p a{display:inline-block; padding:0px 5px;}

.main_link_a p a:hover,.main_link_a a:hover{color:#0065ab; text-decoration:underline;}

/*copyright*/

.copyright{border-top: solid 2px #0065ab; background:#474747; padding:2em 0;}

.copyright_midle{background:url(../image/map_15.jpg) no-repeat left top;}

.copyright_logo{display:block; float:left; width:19.9%; }

.copyright_cont{display:block; width:63%; float:left; padding:5px 2em 0px 2em; border-left:solid 1px #fff;}

.copyright_cont p,.copyright_contp a,.copyright_cont a{font-size:12px; color:#fff; line-height:26px;}

.copyright_ewm{display:inline-block; width:11.7%; float:right; }

.copyright_ewm span{ display:inline-block;margin-left:1.3em;}

/*info*/

.n_main1{margin:1.5em 0 1.5em 0;}

.side_l {

	float:left;

padding-bottom: 20px;

width:18.2%;

}

.side_l .column {

height: 70px;

background: url(../image/bj_colum_tit.jpg) no-repeat left top;

color: #fff;

}

.side_l .column h4 {

text-align: center;

padding: 15px 15px 0 0;

}

.side_l .column p {

text-align: right;

padding-right: 30px;

}

.side_l .sub_nav li {

background: #e1e1e1;

}

.side_l .sub_nav li a:hover, .side_r .sub_nav li a.on {

background: url(../image/bj_sub_icon.png) no-repeat 20px 13px;

font-weight: bold;

color: #0162b7;

border-bottom: 1px solid #0580c7;

}

.side_l .sub_nav li a {

display: block;

line-height:22px;

padding-left: 44px;

background: url(../image/bj_sub_icon.png) no-repeat 20px -58px;

border-bottom: 1px solid #ccc;

    font-size:14px;
	padding:10px 0px 10px 44px;

}

.side_l .contact {

line-height: 28px;

background: #757575 url(../image/icon_r_tel.jpg) no-repeat right 5px;

color: #fff;

padding: 8px;

margin: 20px 0;

    font-size:12px;

}

.side_r1 {

width:80%;

float:right;

}

.side_r_midle{border:solid 1px #ddd;background:#fff;}

.side_r1 .web_site {

height: 40px;

line-height: 40px;

border-bottom: 1px solid #ddd;

font-size:12px;

padding-left:15px;

}

.side_r1 .web_site i{background: url(../image/icon_w_site.jpg) no-repeat left center; display:inline-block; width:16px; height:16px; margin-right:10px;}

.public_box,.public_box_news,.public_box1 {

padding:1.5em;

line-height: 24px;

font-size:12px;





}

.public_box img,.public_box_news img,.public_box1 img{max-width:90%; }

.public_box_news {

padding:0 1.5em 1.5em 1.5em;

line-height: 24px;

}

.public_box_product{

padding:0 0 1em 0;

line-height: 24px;

font-size:0.8em;

}

.public_box p{font-size:12px;}

.sub_news{border:solid 1px #ddd; background:#fff; margin-top:1.5em; width:96%; padding:1% 2% 0% 2%;}

.sub_news_ul li{float:left; width:46%; margin-right:4%;line-height:2.45em; overflow:hidden; height:2.45em;}

.sub_news_m{padding:1.5% 0;}

.sub_news_ul li a{line-height:2.45em; height:2.45em; overflow:hidden; background:url(../image/zp_bg_11.gif) no-repeat left center; padding-left:10px;}

/*news*/

.n_news li{border-bottom:dashed 1px #ddd; padding:1em 0;}

.n_news li a:hover{color:#0065ab;}

.n_news li h4{height:2.45em; overflow:hidden; font-size:14px;}

.n_news li h4 a{ color:#444; line-height:2.45em; height:2.45em; overflow:hidden; background:url(../image/zp_bg_11.gif) no-repeat left center; padding-left:1em;}

.time{float:right; font-size:12px; color:#0065ab;font-weight:lighter;line-height:2.45em;}

.n_news li p a{font-size:12px; color:#666; line-height:1.8em;}

/*product*/

.n_product li{width:30%; float:left; margin:2em 1.6% 0 1.6%; padding-bottom:1em; border-bottom: dashed 1px #ddd;}

.pro_con h4 a{color:#0065ab; line-height:2.4em; height:2.4em; overflow:hidden;font-size:14px; display:inline-block;}

.pro_con p a {

line-height:24px;

height:72px;

overflow: hidden;

font-size: 12px; display:block;

}

.por_con p a{color:#666;}

.pro_img a img{width:100%; border:solid 1px #ddd;height:154px;}

.new_name {

line-height: 30x;

padding: 5px 0;

border-bottom: 1px dotted #ddd;

margin-bottom: 20px;

}

.point{

padding: 5px 0;

}

.point span {

padding: 0 10px;

}

.public_detail,.public_box{text-indent:2.1em;}

.public_detail p,.public_box p{text-indent:2.1em;}

.public_box p img,.public_box1 p img{max-width:90%;}

.u_d_new {

border-top: 1px dotted #ddd;

margin: 20px 0;

}

.u_d_new li {

line-height: 40px;

float: left;

width: 50%;

    font-size:14px; overflow:hidden;

height:40px;

}



/*翻页*/

.page {

width: 100%;

text-align: center;

padding: 10px 0;

}

.page a {

display: inline-block;

padding: 2px 8px;

border: 1px solid #d6d6d6;

margin: 0 3px;

}

.page a:hover, .page a.now {

color: #eb3341;

background: #005bab;

color: #fff;

}

.m_page {

border: 1px solid #ddd;

padding: 0;

text-align: center;

overflow: hidden;

display: block;

margin:1em;

display:none;

}

.m_page a {

display: none;

margin: 0;

height: 40px;

line-height: 40px;

border: none;

}

.m_page a.num {

border-left: 1px solid #ddd;

border-right: 1px solid #ddd;

background: url(../image/icon_m_page.png) no-repeat 90% center;

display: inline-block;

}

.m_page a.num:hover {

background: #005bab url(../image/icon_m_page.png) no-repeat 90% center; color:#fff;

}

.m_page a.pre, .m_page a.next, .m_page a.num {

display: block;

width: 33.333333%;

float: left;

box-sizing: border-box;

}

@media (max-width:320px) {

	.box_right,.s_lan,.nav,.side_l,.time,.times,.txtScroll-top .infoList li .date{display:none!important;}

	.m_menu,.m_page {display:block!important;}

	.box_midle,.header_midle,.notice_midle{width:100%;}{width:96%; margin:0px auto;}

	.header_logo a img{ width:60%;}

    .txtScroll-top .bd{width:50%;}

	.main_top {margin:0em auto;}

	.main_top_midle{ width:96%; margin:0px auto;}

	.main_news,.news_tab_mid,.about{width:100%;margin:1em 0px 0 0;}

	.main_case_midle{width:98%;margin:0.5em 0px;}

	.main_link_midle,.n_main1{width:96%; margin:2em 0;}

	.culture,.culture1{width:96%;}

	.about_img img{ width:100%;}

	.slideTxtBox1{width:99%; margin:0px auto;}

	.slideTxtBox1 .hd{ width:100%; margin-left:0;}

    .slideTxtBox1 .hd ul li{display:block;color:#fff;text-align:center;background:#0065ab; float:left; width:31%; line-height:3em;font-size:14px;text-decoration:none; margin:1em 1.1%; width:30%;}

	.slideTxtBox1 .bd{width:100%; overflow:hidden; height:50em;}

	.cont_ul{margin-top:0;}

.cont_ul li{width:98%; margin:0 1%; float:left; display:block; text-align:center; display:block;}

.case_img a img{width:100%;}

.case_name a{line-height:3em;}

.main_about{width:96%; margin:0 auto;}

.copyright_logo{ display:none;}

.copyright_cont{display:block; width:100%;padding:0; border-left:none;}

.copyright_ewm{display:inline-block; width:100%;}

.copyright_ewm span{ margin-right:2em; margin-left:0px; margin-top:1em;}

.copyright_midle{width:96%; padding:0 2%;}

.copyright{margin-top:1.5em;}

.side_r1{width:100%;}

.sub_news_ul li{float:left; width:100%; margin-right:4%;line-height:2.45em; overflow:hidden; height:2.45em;}

.n_product li{width:46%; float:left; margin:2em 2% 0 2%; padding-bottom:1em; border-bottom: dashed 1px #ddd; }

.culture1,.culture{width:100%;}

.f2{clear:both;}
.about_midle1{height:34em;}

}



@media (max-width:767px) {

	.box_right,.s_lan,.nav,.side_l,.time,.txtScroll-top .infoList li .date{display:none;}

	.m_menu,.m_page {display:block!important;}

	.box_midle,.header_midle,.notice_midle{width:96%; margin:0px auto;}

	.header_logo a img{ width:70%;}

    .txtScroll-top .bd{width:50%;}

	.main_link_midle,.n_main1{ width:96%; margin:2em auto 0 auto;}

	.main_top {margin:0em auto;}

	.main_top_midle{ width:96%; margin:0em auto 0 auto;}

    .main_news,.news_tab_mid,.about{width:100%;margin:1em 0px 0 0;}

	.slideTxtBox1{width:99%; margin:0px auto;}

	.slideTxtBox1 .hd{width:100%; margin-left:0;}

    .slideTxtBox1 .hd ul li{display:block;color:#fff;text-align:center;background:#0065ab; float:left; width:31%; line-height:3em;font-size:14px;text-decoration:none; margin:1em 1.1%; width:100%;}

	.slideTxtBox1 .bd{width:100%; overflow:hidden;}

	.cont_ul{margin-top:0;}

.cont_ul li{width:98%; margin:0 1%; float:left; display:block; text-align:center; display:block;}

.case_img a img{width:100%;}

.case_name a{line-height:3em;}

.f3{float:right;}

.main_about{width:96%; margin:0 auto;}

.copyright_logo{ display:none;}

.copyright_cont{display:block; width:100%;padding:0; border-left:none;}

.copyright_ewm{display:inline-block; width:100%; margin-left:0em; margin-top:1em;}

.copyright_ewm span{ margin-right:2em; margin-left:0px;}

.copyright_midle{width:96%; padding:0 2%;}

.copyright{margin-top:1.5em;}

.side_r1{width:100%;}

.sub_news_ul li{float:left; width:100%; margin-right:4%;line-height:2.45em; overflow:hidden; height:2.45em;}

.n_product li{width:46%; float:left; margin:2em 2% 0 2%; padding-bottom:1em; border-bottom: dashed 1px #ddd;}

.culture1,.culture{width:100%;}

.f2{clear:both;}
.about_midle1{height:34em;}

}

@media (max-width:768px) {



	.m_menu,.m_page  {display:block;}

	.s_lan,.nav,.side_l,.txtScroll-top .infoList li .date{display:none!important;}

	.header_logo a img{ width:70%;}

    .txtScroll-top .bd{width:50%;}

	.box_midle,.header_midle,.notice_midle{width:96%; margin:0em auto 0 auto;}

	.main_news,.news_tab_mid{width:100%;margin:1em 0px 0 0;}

    .culture1,.culture{width:100%;}

	.about_img img{ width:100%;}

	.main_case_midle,.main_link_midle,.n_main1{width:96%; margin:1.5em auto 0 auto;}

	.main_top_midle{ width:96%; margin:0em auto 0 auto;}

	.slideTxtBox1 .bd{width:100%; overflow:hidden;}

	.cont_ul li{width:98%; margin:0 1%; float:left; display:block; text-align:center; display:block;}

	.slideTxtBox1 .bd{ width:100%; margin-left:0;}

    .slideTxtBox1 .hd ul li{display:block; float:left;color:#fff;text-align:center;background:#0065ab; width:31%; line-height:3em;font-size:14px;text-decoration:none; margin:1em 1.15%;}

	.slideTxtBox1 .hd{width:100%; overflow:hidden;margin-left:0em;}

	.f3{float:right;}

	.f2{clear:right;}

	.main_about{width:96%; margin:0 auto;}

	.copyright_logo{ display:none;}

	.copyright_cont{display:block; width:100%;padding:0; border-left:none;}

	.copyright_ewm{display:inline-block; width:100%; margin-left:0em; margin-top:1em;}

	.copyright_midle{width:96%; padding:0 2%;}

	.copyright{margin-top:1.5em;}

	.side_r1{width:100%;}

	.sub_news_ul li{float:left; width:100%; margin-right:4%;line-height:2.45em; overflow:hidden; height:2.45em;}

    .n_product li{width:46%; float:left; margin:2em 2% 0 2%; padding-bottom:1em; border-bottom: dashed 1px #ddd;}
	.about_midle1{height:34em;}

}

@media (min-width:768px) and (max-width:1000px) {

	.s_lan,.nav,.main_news{display:none;}

	.m_menu {display:block!important;}

	.box_midle,.header_midle,.notice_midle{width:96%; margin:0px auto;}

	.notice_span{width:9%;float:left; }

	.txtScroll-top .bd {width:85.8%; float:right;}

	.f1{float:left;}

	.news_tab_mid{width:58.5%; margin:0;}

	.about{width:39%;}

	.f2{float:right;}

	.f3{float:right;}

	.about_img img{ width:100%;}

	.news_tab{height:21.8em; overflow:hidden;}

	.about_midle{height:21em; overflow:hidden;}

	.main_case_midle,.main_link_midle,.n_main1{width:96%; margin:1.5em auto 0 auto;}

	.tabs1{ width:100%; margin-left:0;}

    .tabs1 a{display:block;color:#fff;text-align:center;background:#0065ab; float:left; width:31%; line-height:3em;font-size:14px;text-decoration:none; margin:1em 1.15%;}

	.slideTxtBox1 .bd{width:100%; overflow:hidden;}

	.cont_ul li{width:98%; margin:0 1%; float:left; display:block; text-align:center; display:block;}

	.slideTxtBox1 .bd{ width:100%; margin-left:0;}

    .slideTxtBox1 .hd ul li{display:block; float:left;color:#fff;text-align:center;background:#0065ab; width:31%; line-height:3em;font-size:14px;text-decoration:none; margin:1em 1.15%;}

	.slideTxtBox1 .hd{width:100%; overflow:hidden;    margin-left:0em;}

	.cont_ul li{width:31%; margin:0 1.1%; float:left; text-align:center; height:100%;}

	.cont_ul {margin-top:0;}

	.culture{width:49%; margin-right:0;height: 26em; overflow:hidden;}

	.culture1{width:100%;}

	.main_about,.main_top_midle{width:96%; margin:0 auto;}

	.f5{float:right;}

	.copyright_logo{ display:none;}

	.copyright_cont{display:block; width:70%; float:left;padding:0; border-left:none;}

	.copyright_ewm{display:inline-block; width:30%; float:right; margin-left:0em; text-align:right;}

	.copyright_midle{width:96%; padding:0 2%;}

	.copyright{margin-top:1.5em;}
	.about_midle1{height:30em;}

}

@media (min-width:1000px) and (max-width:1199px) {

	.box_midle,.header_midle{width:95%; margin:0px auto;}

	.banner {

	margin-bottom: 0;

}

.f1,.f4{float:left;}


.about_midle1{height:26em;}


}

@media (min-width:1200px) {

.f1{float:left;}

}

@media(max-width:1000px) {



.banner {

	margin-bottom: 0;

}

.baner, .baner_box, .n_baner {

	width: 100%;

	padding: 0;

	margin: 0;

}

.n_baner .btn {

	display: none;

}

.atlas li img {

	width: 100%;

}

.f1{float:left;}



}







/*

 * Swiper 2.7.0

*/

.swiper-container {

	margin:0 auto;

	position:relative;

	overflow:hidden;

	-webkit-backface-visibility:hidden;

	-moz-backface-visibility:hidden;

	-ms-backface-visibility:hidden;

	-o-backface-visibility:hidden;

	backface-visibility:hidden;

	/* Fix of Webkit flickering */

	z-index:1;

}

.swiper-wrapper {

	position:relative;

	width:100%;

	-webkit-transition-property:-webkit-transform, left, top;

	-webkit-transition-duration:0s;

	-webkit-transform:translate3d(0px,0,0);

	-webkit-transition-timing-function:ease;



	-moz-transition-property:-moz-transform, left, top;

	-moz-transition-duration:0s;

	-moz-transform:translate3d(0px,0,0);

	-moz-transition-timing-function:ease;



	-o-transition-property:-o-transform, left, top;

	-o-transition-duration:0s;

	-o-transform:translate3d(0px,0,0);

	-o-transition-timing-function:ease;

	-o-transform:translate(0px,0px);



	-ms-transition-property:-ms-transform, left, top;

	-ms-transition-duration:0s;

	-ms-transform:translate3d(0px,0,0);

	-ms-transition-timing-function:ease;



	transition-property:transform, left, top;

	transition-duration:0s;

	transform:translate3d(0px,0,0);

	transition-timing-function:ease;



	-webkit-box-sizing: content-box;

	-moz-box-sizing: content-box;

	box-sizing: content-box;

}

.swiper-free-mode > .swiper-wrapper {

	-webkit-transition-timing-function: ease-out;

	-moz-transition-timing-function: ease-out;

	-ms-transition-timing-function: ease-out;

	-o-transition-timing-function: ease-out;

	transition-timing-function: ease-out;

	margin: 0 auto;

}

.swiper-slide {

	float: left;

	-webkit-box-sizing: content-box;

	-moz-box-sizing: content-box;

	box-sizing: content-box;

}



/* IE10 Windows Phone 8 Fixes */

.swiper-wp8-horizontal {

	-ms-touch-action: pan-y;

}

.swiper-wp8-vertical {

	-ms-touch-action: pan-x;

}



/* ===============================================================

Your custom styles, here you need to specify container's and slide's

sizes, pagination, etc.

================================================================*/

.swiper-container {

	/* Specify Swiper's Size: */



	/*width:200px;

	height: 100px;*/

}

.swiper-slide {

	/* Specify Slides's Size: */



	/*width: 100%;

	height: 100%;*/

}

.swiper-slide-active {

	/* Specific active slide styling: */



}

.swiper-slide-visible {

	/* Specific visible slide styling: */



}

/* ===============================================================

Pagination Styles

================================================================*/

.swiper-pagination-switch {

	/* Stylize pagination button: */



}

.swiper-active-switch {

	/* Specific active button style: */



}

.swiper-visible-switch {

	/* Specific visible button style: */



}



.content-slide ul li a b{line-height:2.8em; height:11px; font-size:12px; color:#333; background:url(../image/news.gif) no-repeat; padding-left:25px; display:inline-block;}







/*=============================================================================================================================
  20170315
 =============================================================================================================================*/
.pro_con1 { width:100%; float:left; text-align:center; margin-top:10px;}
.pro_con1 p a{ color:#666;}
.pro_img1 a img{width:100%; height:180px; border:solid 1px #ddd;}


		/* 本例子css */
		.picMarquee-left315 { width:100%; overflow:hidden; position:relative; margin-top:20px;}
		.picMarquee-left315 .bd ul{ overflow:hidden; zoom:1; }
		.picMarquee-left315 .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picMarquee-left315 .bd ul li .pic{ text-align:center; width:230px; height:140px; }
		.picMarquee-left315 .bd ul li .pic img{ width:100%; height:140px; display:block; padding:2px; }
		.picMarquee-left315 .bd ul li .pic a:hover img{ border-color:#999;}
		.picMarquee-left315 .bd ul li .title{ line-height:32px; height:32px; overflow:hidden; width:230px;}


	/* 本例子css */
		.picMarquee-left314 { width:100%; overflow:hidden; position:relative; margin-top:20px;}
		.picMarquee-left314 .bd ul{ overflow:hidden; zoom:1; }
		.picMarquee-left314 .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picMarquee-left314 .bd ul li .pic{ text-align:center; width:230px; height:140px; }
		.picMarquee-left314 .bd ul li .pic a{ text-align:center; width:100%; display:block;}
		.picMarquee-left314 .bd ul li .pic img{ width:100%; height:140px; display:block; padding:2px; }
		.picMarquee-left314 .bd ul li .pic a:hover img{ border-color:#999;}
		.picMarquee-left314 .bd ul li .title{ line-height:32px; height:32px; overflow:hidden; width:230px;}

		/* 本例子css */
			.picMarquee-left313 { width:100%; overflow:hidden; position:relative; margin-top:20px;}
			.picMarquee-left313 .bd ul{ overflow:hidden; zoom:1; }
			.picMarquee-left313 .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
			.picMarquee-left313 .bd ul li .pic{ text-align:center; width:230px; height:140px; }
			.picMarquee-left313 .bd ul li .pic a{ text-align:center; width:100%; display:block;}
			.picMarquee-left313 .bd ul li .pic img{ width:100%; height:140px; display:block; padding:2px; }
			.picMarquee-left313 .bd ul li .pic a:hover img{ border-color:#999;}
			.picMarquee-left313 .bd ul li .title{ line-height:32px; height:32px; overflow:hidden; width:230px;}


.public_box_product1 { padding:20px; line-height: 24px; font-size:1.1em;}
.public_box_product1 .infoprotu { width:35%; float:left;}
.public_box_product1 .infoprotu img { width:100%;}
.public_box_product1 .infoprobt { width:65%; float:left; text-indent:2em;}
.public_box_product1 .infoprobt .bt1 { font-size:18px; padding:9px 0; color:#000;}
.public_box_product1 .bt2 { font-size:18px; padding:9px 0; margin:20px 0; color:#0065ab; width:100%; border-bottom:1px solid #0065ab;}
.public_box_product1 .infoproxx { line-height:2.5em;}

.center-block, .carrousel, .carrousel .wrapper { margin:auto; position:absolute; top:0; bottom:0; left:0; right:0;}
.portrait { width:95%; float:left; text-align:center; cursor:pointer;}
.portrait .pic { width:100%; box-shadow: 0 0 3px #555; padding:6px;}

.carrousel { position:fixed; background-color:rgba(10, 10, 10, 0.8); display:none; z-index:99999}
.carrousel .wrapper { width:600px; height:600px; overflow:hidden;  /*.loading{ color: #FFF; font-size: 24px; margin: 40% 40%; display: none;}*/}
.carrousel .wrapper > img { width:100%;}

.close { cursor:pointer; color:#FFF; position:absolute; top:9px; right:9px; font-size:16px; background:none}
.close:hover { color:#FFF; font-weight:bold;}





/*主要样式*/
.subNavBox{ background:#e1e1e1;}
.subNav{border-bottom:solid 1px #e5e3da;cursor:pointer;font-size:14px;line-height:38px;padding-left:45px; border-bottom:1px solid #CCC; background:url(../image/bj_sub_icon.png) no-repeat 20px -28px;}
.subNav p { height:38px; overflow:hidden;}
.subNav:hover{color:#277fc2; background:url(../image/bj_sub_icon1.png) no-repeat 20px 13px;}
.currentDd{color:#277fc2}
.currentDt{ background:url(../image/bj_sub_icon1.png) no-repeat 20px 13px;}
.navContent{ display:none;border-bottom:solid 1px #e5e3da;}
.navContent li a{display:block;heighr:28px; padding-left:55px; height:28px; overflow:hidden; line-height:28px;color:#333; background:url(../image/pro_icon2.jpg) no-repeat 45px 13px;}
.navContent li a:hover{color:#fff;background-color:#277fc2}






/* menu 20170315 */
.cssmenubox { width:100%; float:left; background:#0065ab;}
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button { margin:0; padding:0; border:0; list-style:none; line-height:1; display:block; position:relative; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#cssmenu:after,
#cssmenu > ul:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
#cssmenu #menu-button { display:none;}
#cssmenu { width:1000px; margin:0 auto; font-family:"微软雅黑"; font-size:14px; color:#FFF; line-height:1;}
#menu-line { position: absolute; top: 0; left: 0; height:100%; background:#EEE; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out;}
#cssmenu > ul > li { float:left;}
#cssmenu.align-center > ul { font-size:0; text-align:center;}
#cssmenu.align-center > ul > li { display:inline-block; float:none;}
#cssmenu.align-center ul ul { text-align:left;}
#cssmenu.align-right > ul > li { float:right;}
#cssmenu.align-right ul ul { text-align:right;}
#cssmenu > ul > li > a { padding:15px 29px; font-size:14px; text-decoration:none; text-transform:uppercase; color:#FFF; -webkit-transition:color .2s ease; -moz-transition:color .2s ease; -ms-transition:color .2s ease; -o-transition:color .2s ease; transition:color .2s ease;}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a { color:#C00;}
#cssmenu > ul > li.has-sub > a {}
#cssmenu > ul > li.has-sub > a::after { position:absolute;}
#cssmenu ul ul { position:absolute; left:-9999px;}
#cssmenu li:hover > ul { left:auto;}
#cssmenu.align-right li:hover > ul { right:0;}
#cssmenu ul ul ul { margin-left:100%; top:0;}
#cssmenu.align-right ul ul ul { margin-left:0; margin-right:100%;}
#cssmenu ul ul li { height:0; -webkit-transition:height .2s ease; -moz-transition:height .2s ease; -ms-transition:height .2s ease; -o-transition:height .2s ease;  transition:height .2s ease;}
#cssmenu ul li:hover > ul > li { height:32px;}
#cssmenu ul ul li a { padding:10px 20px; width:114px; font-size:12px; background:#FFF; z-index:999; text-decoration:none; color:#333; -webkit-transition:color .2s ease;  -moz-transition:color .2s ease;  -ms-transition:color .2s ease;  -o-transition:color .2s ease;  transition:color .2s ease;}
#cssmenu ul ul li .cp { width:190px;}
#cssmenu ul ul li .cp a { width:160px;}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover { color:#0177c8; font-weight:bold; background:#EEE;}
#cssmenu ul ul li.has-sub > a::after { position:absolute; top:13px; right:10px; width:4px; height:4px; border-bottom:1px solid #333; border-right:1px solid #333; content:""; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transition:border-color 0.2s ease; -moz-transition:border-color 0.2s ease; -ms-transition:border-color 0.2s ease; -o-transition:border-color 0.2s ease; transition:border-color 0.2s ease;}
#cssmenu.align-right ul ul li.has-sub > a::after { right:auto;left:10px; border-bottom:0; border-right:0; border-top:1px solid #0177c8; border-left:1px solid #0177c8;}
#cssmenu ul ul li.has-sub:hover > a::after {  border-color: #0065ab;}
@media all and (max-width: 1000px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
.cssmenubox { width:100%; background:none; position:absolute; z-index:99; top:40px;}
  #cssmenu { width:100%; position:inherit;}
  #cssmenu ul { width:100%; display:none; background:#FFF; margin-top:70px;}
  #cssmenu.align-center > ul,
  #cssmenu.align-right ul ul { text-align:left;}
  #cssmenu ul li,
  #cssmenu ul ul li,
  #cssmenu ul li:hover > ul > li { width:100%; height:auto; border-top:1px solid rgba(120, 120, 120, 0.15);}
  #cssmenu ul li a,
  #cssmenu ul ul li a { width:100%; color:#333;}
  #cssmenu > ul > li,
  #cssmenu.align-center > ul > li,
  #cssmenu.align-right > ul > li { float:none; display: block;}
  #cssmenu ul ul li a { padding:20px 20px 20px 50px; font-size: 12px; color:#000000; background:none;}
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li a:hover { color: #000000;}
  #cssmenu ul ul ul li a { padding-left:70px;}
  #cssmenu ul ul,
  #cssmenu ul ul ul { position: relative; left: 0; right: auto; width: 100%; margin: 0;}
  #cssmenu > ul > li.has-sub > a::after,
  #cssmenu ul ul li.has-sub > a::after { display: none;}
  #menu-line { display: none;}
  #cssmenu #menu-button { position:absolute; right:0; display: block; padding:35px 20px; color: #000000; cursor: pointer; font-size: 12px; text-transform: uppercase;}
  #cssmenu #menu-button::after { content: ''; position:absolute; top:18px; right:20px; display:block; width:26px; height:3px; background:#000000;}
  #cssmenu #menu-button::before { content:''; position:absolute; top:27px; right:20px; display:block; width:26px; height:6px; border-top:3px solid #000000;    border-bottom: 3px solid #000000;}
  #cssmenu .submenu-button { position:absolute; z-index:10; right:0; top:0; display:block; border-left:1px solid rgba(120, 120, 120, 0.15); height:52px; width:52px; cursor:pointer;}
  #cssmenu .submenu-button::after { content:''; position:absolute; top:21px; left:26px; display:block; width:1px; height:11px; background:#000000;}
  #cssmenu .submenu-button::before {content:''; position:absolute; top:26px; left:21px; display:block; width:11px; height:1px; background:#000000;}
  #cssmenu .submenu-button.submenu-opened:after { display:none;}

#cssmenu ul ul li .cp { width:80%;}
#cssmenu ul ul li .cp a { width:auto;}

}