@charset "utf-8";

@font-face {  /*首选*/
	font-family: 'tt_1';
	src:url('tt5.woff') format('woff'),
		url('tt5.ttf') format('truetype'); 
}
@font-face {   /*粗体*/
	font-family: 'tt_2';
	src:url('tt6_6.woff') format('woff');
}


*{margin: 0;padding: 0}
img{border:none;border:0;vertical-align: middle;}
iframe{max-width: 100%;margin: 20px 0;}
table { border-collapse: collapse; border-spacing: 0; max-width:100% }
table td, table th {text-align: center;padding: 5px;border: 1px solid #ccc;word-wrap: break-word;word-break: break-word;}
table th { background: #ddd; font-weight: bold; }
@media (max-width: 1023px) {iframe{height: auto;width: auto;}}



html{font-size: 100%}
body{position: relative;color: #212121;font-family:"tt_1","tt",Arial,'微软雅黑';background-color: #f8f8f8;font-size: 14px;}

ul{list-style-type: none;}
a{color: #274b92;text-decoration: none;border: none;}
p{font-size: 14px;line-height: 22px;font-family:"tt_1","tt",Arial,'微软雅黑';}

h2,h3,h4,h5{margin-bottom: 16px;font-weight: 100;}
h2{font-size: 36px;line-height: 48px;}
h3{font-size: 30px;line-height: 40px;}
h4{font-size: 22px;line-height: 28px;}
h5{font-size: 18px;line-height: 22px;}

@media screen and (max-width: 960px) {
	h2{font-size: 24px;}
	h3{font-size: 18px;}
	h4{font-size: 16px;}
	h5{font-size: 14px;}
}

pre{white-space: pre-wrap!important;}

/*——————————————————————————————————————头部————————————————————————————————*/

.header{
	position: relative;
	width: 100%;height: 180px;
	background-color: #fff;
	z-index: 999;
}
.logo_item{position: relative;}

.w1200{position: relative; width: 1240px;margin: 0 auto;padding: 0 10px;box-sizing: border-box;}
.w_880{width: 1000px;}
.logo{
	position: absolute;
	height: 120px;width: 48%;
	line-height: 120px;
}
.logo{left: 0;}
.head_info{ position: absolute;right: 0;text-align: right;  padding-left:20px; margin-top:42px; background:url(../images/tel_icon.jpg) no-repeat left 8px; color:#515151; font-size:14px; line-height:26px;}
.head_info h4{color:#101010; font-size:16px; font-weight:bold;    margin-bottom: 0px;}
.head_info h4 span{color:#e20000; font-size:24px; padding-left:6px;}
.logo img{max-height: 80%;}
.nav_icon{
	display: none;
	position: absolute;
	top: 0;
	width: 100%;
	height: 40px;
	background-image: url(../images/nav_icon.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100% ;
	z-index: 99;
}
.side_icon{
	background-image: url(../images/btn_side_close.png) !important;
}
.side_close{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 100px;left: 0;
	background-color: rgba(22,22,22,.9);
	display: none;
}

.nav{
	position: relative;
	top: 120px;
	height: 60px;width: 100%;
	background-color: #274b92;
}
.nav > ul > li{
	position: relative;
	display: inline-block;
	line-height: 60px;
	padding:0px 30px;
}
.nav > ul > li a{
	font-size: 16px;
	color: #fff;
	display: inline-block;
	transition: 0.3s;
	font-family:"tt_2","tt_1","tt",Arial,'微软雅黑';
}
.nav > ul > li.on>a{color: rgba(255,255,255,.6);}
.nav > ul > li.on>a{color: rgba(255,255,255,.6);}
.right_li{
	float: right;
}
li.right_li{margin: 0 !important;}
.right_li span{
	/*display: inline-block;*/
	background-color: #f43535;
	padding: 10px 30px;
	border-radius: 4px;
	font-family:"tt_2","tt_1","tt",Arial,'微软雅黑';
	filter:alpha(opacity=100);
	transition: 0.3s;
}
li.has_sub a{padding-right: 0px;}
li.has_sub>a:after{
	content: "";
	position: absolute;
	width: 12px;height: 12px;
	top: 24px;right: 0;
	background-image: url(../images/nav_arrow.png);

}
ul.sub{
	position: absolute;
	display: none;
	width: 120px;
	padding-top: 10px;
}
ul.sub li{line-height: 48px;border-bottom: 1px solid #444;border-bottom: 1px solid rgba(255,255,255,.08);background-color: #333;background-color: rgba(22,22,22,.9);transition: 0.3s;}
ul.sub li:first-child{border-top-left-radius:6px;border-top-right-radius:6px;}
ul.sub li:last-child{border-bottom-left-radius:6px;border-bottom-right-radius:6px;}

ul.sub li a{text-indent: 20px;display: block;font-size: 14px;transition: 0.3s;}

.nav li.on:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(255,255,255,.0);
z-index: 999;
}

@media screen and (min-width: 1024px) {

	.nav >ul>li:hover > a{color: rgba(255,255,255,.6);}
	/*li.right_li:hover>a{color: #fff !important;}*/
	li.right_li:hover span{opacity: 0.8;filter:alpha(opacity=80);}
	li.on.right_li:hover span{opacity: 1 !important;filter:alpha(opacity=100);}
	ul.sub li:hover{background-color: #274b92;}
	ul.sub li:hover a{text-indent: 24px;}
}
.hide_100{height: 0;}
/*——————————————————————————————————————幻灯片————————————————————————————————*/
.slider_container{
	position: relative;
	height: 100%;
	width: 100%;
	z-index: 0;
}
.slider_s{
	width: 1240px !important;
	height: 500px !important;
	margin: 0 auto;
	margin-top: 30px;
}
.slider_s .camera_pag{left: 0 !important;}
.slider_s .camera_caption a{margin-right: 20px !important;}
#slider {
	height: 100%;
	margin-bottom: 0!important;
	position: relative;
}
.slider_link a{
	position: absolute;
	padding: 20px;
	font-size: 24px;
	color: #fff;
	background-color: rgba(0,0,0,.4);
	bottom: 10%;left: 10%;
	z-index: 9999;
}
img.imgLoaded{z-index: -1;}
@media screen and (max-width: 959px) {
	.slider_container {width: 100%;left: 0;}
}

.w1200:after,.foot_extend:after,.border_box:after,.more:before,.mix:after{
	content: "";
	display: block;
	height: 0;
	clear: both;
}
/*—————————————————————————————————————— base ————————————————————————————————*/
.content{
	padding: 40px 0;
	padding-bottom: 0;
}
.section_1{
	margin-bottom: 40px;
}
.section_title{
	position: relative;
	text-align: center;
}
.section_title span{
	display: inline-block;
	line-height: 24px;
	font-size: 16px;
	color: #888;
	margin-bottom:4px; 
}
.section_title>p{
	position: relative;
	font-size: 26px;
	padding-top: 18px;
	margin-bottom: 20px;
	font-weight: 700;
	font-family:"tt_2",Arial,'微软雅黑';
	line-height: 30px;
}
.section_title>p:after{
	content: "";
	position: absolute;
	width: 40px;height: 5px;
	top: 0;left: 50%;
	margin-left: -20px;
	background-color: #274b92;
}
.border_box{
	position: relative;
	box-shadow: 2px 2px 20px rgba(0,0,0,.05);
	background-color: #fff;
	padding: 40px 20px;
	box-sizing:border-box;
}
.news_list{padding-bottom: 10px !important}
.page{
	position: relative;
	height: 100px;
	text-align: center;

}
.page li{
	position: relative;
	top: 40px;
	display: inline-block;
	margin-left: 4px;
	background-color: #fff;
	transition: 0.3s;
	box-shadow: 2px 2px 20px rgba(0,0,0,.05);
}
.page li a{
	display: inline-block;
	font-size: 18px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	color: #555;
	box-sizing: border-box;
}
.page_on a{
	color: #fff !important;
	background-color: #274b92;
}
.page li:hover a{color: #888;}

.banner_sub{
	padding: 50px 0;
	background-size: cover;
	background-position: center;
	background-color: #333;
	min-height: 80px;
}
.banner_sub .section_title span,.banner_sub .section_title p{color: #fff;}
.banner_sub img{width: 100%;}

ul.category{
	width: 100%;
	text-align: center;
	margin-bottom: 30px;
	margin-top: -10px;
}
ul.category li{
	display: inline-block;
	padding-right: 50px;
	border-bottom: 1px solid #d9dde4;
	padding-bottom: 0px;
	margin: 0 -6px;
	z-index: 1;
}
ul.category li a{
	position: relative;
	display: inline-block;
	color: #555;
	padding: 10px 0;
	font-weight: 700;
	font-size: 16px;
	font-family:"tt_2",Arial,'微软雅黑';
}
ul.category li:after{
	content: "/";
	display: inline-block;
	position: relative;
	color: #999;
	left: 20px;
}
ul.category li:last-child:after{display: none;}
ul.category li:last-child{padding-right: 0;}
ul.category li.on a{color: #274b92;}
ul.category li.on a:after{
	content: "";
	position: absolute;
	width: 100%;height: 4px;
	left: 0;bottom: -1px;
	background-color: #274b92;
}

.text_area{position: relative;padding: 0 10px;line-height: 22px; box-sizing:border-box;}
/*.text_area img{padding-top: 0;}*/
.text_area p img{max-width: 100%;margin-bottom: 20px;}
.text_area > img{width: 100%;margin-bottom: 20px;}
.text_area p{white-space: pre-wrap;font-size: 15px;line-height: 26px;}

.mix>img,.mix p{float: left;display: inline-block;width: 50%;box-sizing:border-box;}
.mix p,.mix h4,.mix h3,.mix h5{padding: 0 20px;display: inline-block;}
.mix{line-height: 22px;margin: 30px 0;}

p.detail_title{
	font-size: 24px;
	margin-bottom: 20px;
	line-height: 30px;
	font-family:"tt_2",Arial,'微软雅黑';
	font-weight: 700;
	width: 80%;
	overflow: hidden;
}
p.detail_title2{
	font-size: 24px;
	margin-bottom: 20px;
	line-height: 30px;
	font-family:"tt_2",Arial,'微软雅黑';
	font-weight: 700;
	width: 100%;
	text-align:center;
	overflow: hidden;
}
.text_area .time{
	position: absolute;
	text-align: right;
	width: 18%;
	right: 10px;top: 0;
}

.ctrl a{
	position: relative;
	float: left;
	height: 60px;width: 33.33%;
	background-color: #e7e7e7;
	background-color: rgba(0,0,0,.05);
	border-right: 4px solid #fff;
	box-sizing: border-box;
	z-index: 99;
	transition: 0.3s;
}

.ctrl a:before{
	content: "";
	position: absolute;
	bottom: 0;left: 0;
	width: 100%;height: 1px;
	background-color: #274b92;
	opacity: 0;
	transition: 0.3s;
	z-index: -1;
}
.ctrl{margin-top: 40px;padding: 0 10px;}

.ctrl a:last-child{border: none;}
a#back:after,a#prev:after,a#next:after{
	content: "";
	position: absolute;
	top: 0;left: 0;
	width: 100%;height: 100%;
	background-image: url(../images/btn-back.png);
	background-repeat: no-repeat;
	background-position: center;
	transition: 0.3s;
}
a#back:after{background-image: url(../images/btn-back.png);}
a#prev:after{background-image: url(../images/btn-prev.png);}
a#next:after{background-image: url(../images/btn-next.png);}


@media screen and (min-width: 1024px) {
	ul.category li a:hover{color: #274b92;}

	.ctrl a:hover:before{height: 100%;opacity: 1;}
	a#back:hover:after{background-image: url(../images/btn-back2.png);}
	a#prev:hover:after{background-image: url(../images/btn-prev2.png);}
	a#next:hover:after{background-image: url(../images/btn-next2.png);}
}

/*—————————————————————————————————————— service ————————————————————————————————*/
.service_box{
	float: left;
	width: 20%;
	padding: 0 30px;
	box-sizing:border-box;
	text-align: center;
}
.column3 .service_box{width: 33.33%}
.service_box h4{font-weight: 700;font-size: 16px;font-family:"tt_2","tt_1","tt",Arial,'微软雅黑';}
.service_box img{width: 100%;transition: 0.3s;}
.service_box p{font-size: 13px;color: #777;margin-bottom: 10px;}

@media screen and (min-width: 1024px) {
	.service_box:hover img{opacity: 0.8;}
}

/*—————————————————————————————————————— news ————————————————————————————————*/
.news_box{
	position: relative;
	float: left;
	width: 100%;
	padding: 0 16px;
	margin-bottom: 20px;
}
.home_news .news_box{width: 25%;margin-bottom: 0;box-sizing: border-box;}
.home_news .news_box img{width: 100%;height: auto; transition: 0.2s;opacity: 1;}
.home_news .news_img{position: relative;overflow: hidden;background-color: #000;-webkit-transform:translateZ(0);}
.home_news .news_img .time{position: absolute;font-size: 14px;left: 4px;bottom: 0;color: #fff;padding: 4px 10px;background-color: rgba(255,255,255,.0);font-family:"tt_2",Arial;transition: 0.4s;opacity: 0.6;}
.news_list .news_box{
	position: relative;
	float: left;
	width: 100%;
	background-color:#fff;
	    box-shadow: 2px 2px 20px rgba(0,0,0,.05);
	padding: 0 16px;
	margin-bottom: 20px;
	box-sizing:border-box;
}

.news_list .news_box .time{display: block; margin-bottom:16px;}

.news_box h4 a{display: block; font-weight: 700;font-size: 16px;font-family:"tt_2","tt_1","tt",Arial,'微软雅黑';color: #222;margin-top: 16px;line-height: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: 0.3s;}
.home_news .news_box h4 a{ text-align:center;}
.news_box h4{
	margin-bottom: 16px; 
}
.news_list .news_box p{
	font-size: 13px;
	color: #777;
	margin-bottom:10px;
	overflow: hidden;
}
.more a{
	position: relative;
	top: 20px;
	display: block;
	font-size: 20px;
	letter-spacing: 2px;
	text-align: center;
	color: #ccc;
	border-top: 1px solid #f1f1f1;
	padding:16px 0 4px 0;
	margin: 0 16px;
	box-sizing:border-box;
	transition: 0.3s;
}


@media screen and (min-width: 1024px) {
	.news_list .news_box:hover h4 a{color: #274b92;}
	.home_news .news_img:hover img{transform: scale(1.1);opacity: 0.7; }
	.more a:hover{color: #274b92;letter-spacing: 5px;}
	.news_box:hover .time{opacity: 1;color: #555;background-color: rgba(255,255,255,1);left: 10px; }
}
/*—————————————————————————————————————— about ————————————————————————————————*/

.banner_box{
	position: relative;
	width: 100%;
	padding: 100px 0;
	text-align: center;
	background-color: #555;
	background-image: url(../images/about_bg.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	color: #fff;
	z-index: 99;
}
.banner_box p{
	font-size: 16px;
	width: 800px;
	margin: 20px auto;
	white-space: pre-line;
	line-height: 30px;
}
.banner_box p.title{font-weight: 700;font-size: 24px;font-family:"tt_2","tt_1","tt",Arial,'微软雅黑';position: relative;margin-bottom: 30px;}
.banner_box p.title:after{
	position: absolute;
	content: "";
	width: 30px;height: 3px;
	background-color: #fff;
	bottom: -12px;left: 50%;
	margin-left: -15px;
}

.banner_box span{
	display: block;
	margin:30px 0; 
}
.banner_box span a{
	display: inline-block;
	padding: 0 40px;
	border-radius: 6px;
	font-size: 16px;
	height: 50px;line-height: 50px;
	color: #fff;
	background-color: #f43535;
	transition: 0.3s;
}
@media screen and (min-width: 1024px) {
	.banner_box span a:hover{opacity: 0.8;}
}

/*--------------------------------------------gallery----------------------------------------------*/

.pic_box{
	position: relative;
	float: left;
	width: 25%;
	padding: 0 16px;
	margin-bottom: 10px;
	box-sizing: border-box;
}
.pic_box2{
	position: relative;
	float: left;
	width: 25%;

	padding: 0 16px;
	margin-bottom: 10px;
	box-sizing: border-box;
}
.pic_list .pic_box{width: 50%;margin-bottom: 20px;}
.other_pic{padding: 8px;}
.other_pic .pic_box{padding: 0 2px;margin-top: 30px;margin-bottom: 0;}
.pic_box_img{position: relative;overflow: hidden;background-color: #000; -webkit-transform:translateZ(0);}
.pic_box_img img{width: 100%;transition: 0.2s;}


.pic_box p{
	position: relative;
	font-size: 16px;
	color: #222;
	text-align:center;
	padding: 10px 0;
	transition: 0.4s;
	z-index: 2;
}
.pic_box2 p{
background: #e1e1e1;
	position: relative;
	font-size: 16px;
			color:#3D3D3D;
	text-align:center;
	padding: 10px 0;
	transition: 0.4s;
	z-index: 2;
}
.pic_box_img:before,.home_news .news_img a:before{
	content: "";
	display: inline-block;
	position: absolute;
	top: 40%;left: 50%;
	margin-left: -30px;
	margin-top: -30px;
	height: 60px;
	width: 60px;
	background-image:url(../images/icon-zoom.png); 
	z-index: 3;
	opacity: 0;
	filter:alpha(opacity=0);
	transition: 0.2s; 
}
.home_news .news_img a{position: relative;}

.pic_box_img a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 4;
}


@media screen and (min-width: 1024px) {

	/*.pic_box:hover p{color: #274b92;text-indent: 10px;}*/

	.pic_box_img:hover img{transform: scale(1.05);opacity: 0.7;}

	.pic_box_img:hover:before,.home_news .news_img:hover a:before{
	 	top: 50%;
	 	opacity: 1;
	 	filter:alpha(opacity=100);
	}
}
/*—————————————————————————————————————— contact ————————————————————————————————*/
.contact_left img,.contact_right img{max-width: 100%;}
.contact_left{
	float: left;
	width: 36%;
	padding: 0 10px;
	line-height: 22px;
	box-sizing:border-box;
}
.contact_left p{
	position: relative;
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 30px;
	left: 50px;
	width: calc(100% - 50px);
}
.contact_left p.right_p{display: none;}
.size14{font-size: 14px !important;}

.contact_left img{max-width: 100%;}
.contact_left p:before{
	content: "";
	position: absolute;
	top: -8px;left: -50px;
	display: block;
	width: 40px;height: 40px;
	background-color: #274b92;
	background-image: url(/templets/cloud_15/images/default.png);
	margin-right: 50px;
}
.contact_left p.map:before{background-image: url(/templets/cloud_15/images/map.png);}
.contact_left p.phone:before{background-image: url(/templets/cloud_15/images/phone.png);}
.contact_left p.fax:before{background-image: url(/templets/cloud_15/images/fax.png);}
.contact_left p.mobile:before{background-image: url(/templets/cloud_15/images/mobile.png);}
.contact_left p.mail:before{background-image: url(/templets/cloud_15/images/mail.png);}
.contact_left p.web:before{background-image: url(/templets/cloud_15/images/web.png);}

.contact_left p a:hover{border-bottom: 1px solid #274b92;}

.contact_right{
	float: right;
	width: 60%;
	padding: 0 10px;
	box-sizing:border-box;
}
.contact_right > p{
	font-size: 20px;
	font-family:"tt_2","tt_1","tt",Arial,'微软雅黑';
	margin-bottom: 10px;
}

.form input,.formText{
	border: 1px solid #dedede;
	background-color: #fbfbfb;
	font-size: 14px;
	line-height: 18px;
	width: 100%;
	padding: 10px;
	text-align: left;
	margin: 0 auto;
	outline:medium;
	border-radius: 0;
	-webkit-appearance: none;
	box-sizing:border-box;
	transition: 0.4s;
}
.formText{text-align: left;}

.form textarea{height: 100px;max-width: 100%;}

@media screen and (min-width: 1024px) {
	.form input:hover,.form textarea:hover{border-color: #999;}
	.formBtn button:hover{background-color: #274b92;}
}

.form input:focus,.form textarea:focus{ 
	background-color:#fff; 
	border: 1px solid #274b92;
}

.form dt{
	margin-top: 10px;
	color: #888;
	font-size: 12px;
	line-height: 22px;
	padding-bottom: 4px;
}
.form dl{width: 49%;float: left;}
.form dl:first-child{margin-right: 2%;}

.formBtn button{
	padding: 14px; 
	width:100%;
	background: #25282c;
	color: #fff;
	margin: 10px auto;
	line-height: 18px;
	cursor: pointer;
	border: none;
	transition: 0.4s;
}

/*—————————————————————————————————————— footer ————————————————————————————————*/
.footer{
	color: #fff;
	padding: 30px 0;
	background-color: #25282c;
}
.foot_box,.foot_extend img{margin: 20px 0 10px 0;}
.for3{float: left;width: 33%;box-sizing:border-box;}
.for4{float: left;width: 25%;box-sizing:border-box;}
.foot_extend p{position: relative; margin-bottom: 10px;font-size: 16px;border-bottom: 1px solid #383B3F;padding-bottom: 10px;width: 90%;}
.foot_extend p:after{
	content: "";
	position: absolute;
	width: 30px;height: 3px;
	left: 0;bottom: -1px;
	background-color: #274b92;
}

.foot_box:last-child p{width: 100%;}
.foot_extend a{
	display: block;
	color: #bbb;
	line-height: 30px;
}
.foot_extend span{width: 80%;color: #bbb;display: block;line-height: 24px;}
.foot_extend a:hover{color: #fff;}
.foot_extend a:before{
	content: "-";
	display: inline-block;
	opacity: 0.7;
	margin-right: 4px;
}
.foot_extend img{max-width: 100%; }
.line{border-bottom: 1px solid #383B3F;margin-bottom: 30px;}
.follow{
	float: right;
}
.follow span{
	padding: 4px;
	opacity: 1;
	filter:alpha(opacity=100); 
	transition: 0.4s;
}
.follow span:hover{
	opacity: 0.7;
	filter:alpha(opacity=70); 
}
.s-qq, .s-weibo, .s-taobao, .s-tt, .s-renren{display: inline-block;*display:inline; width: 20px;height: 20px;background-repeat: no-repeat; background-position: center;background-size:100%; }
.s-qq{ background-image: url(../images/social/dark/qq.png);}
.s-renren{ background-image: url(../images/social/dark/renren.png);}
.s-taobao{ background-image: url(../images/social/dark/taobao.png);}
.s-weibo{ background-image: url(../images/social/dark/weibo.png);}
.s-tt{ background-image: url(../images/social/dark/tt.png);}

p.copy{font-size: 11px;line-height: 30px;color:#b0b5bb;  float: left;display: }
.copy + p a{color: #fff;}
.footer .w1200 p{display: inline-block;}

/*—————————————————————————————————————— 响应式1280 ————————————————————————————————*/
@media screen and (max-width: 1279px) {
	p{font-size: 12px;}
	.w1200{width: 960px;}
	.slider_s{width: 960px !important;height: 400px !important}
	.header .w1200{padding: 0 20px;}

	.nav > ul > li{margin-right: 40px;}
	.nav > ul > li a{font-size: 14px;}
	
	.service_box{padding: 0 10px;}
	.news_box{padding: 0 10px;}
	.service_box p,.news_box p{font-size: 12px;line-height: 20px;}
	.news_box h4 a{font-size: 14px;margin-top: 8px;}
	.news_box h4{margin-bottom: 8px;}

	.banner_box{ padding: 60px 0; }

	ul.category li a{font-size: 14px;}

}

/*—————————————————————————————————————— 响应式960 ————————————————————————————————*/

@media screen and (max-width: 960px) {

	.content{padding: 20px 0}
	.nav{opacity: 1;}
	.w1200,.w_880{width: 100%;}
	.slider_s{width: 100% !important;height: 300px !important;margin-top: 0;}
	.camera_next,.camera_prev{opacity: 1 !important;}

	.header{height: 100px;position: fixed;}
	.nav_icon{display: block;}
	.head_info{display: none;}
	.logo{height: 60px;line-height: 60px;width: 100%;text-align: center;}
	.logo img{max-height: 100%;}

	.nav{top: 60px;height: 40px;}
	.nav>ul{display: none;text-align: center;top: 60px;}
	.nav>ul>li{display: block;margin: 0;line-height: 40px;}
	.nav > ul > li a{display: block;}
	.hide_100{height: 100px;}

	li.has_sub ul,li.has_sub>a:after{display: none;}
	li.has_sub a{padding: 0;}
	.right_li span{padding: 8px 30px;}
	.right_li{float: none;}

	.camera_caption a{font-size: 12px !important;}

	.service_box{width: 50%;}
	.column3 .service_box{width: 100%;}
	.section_title>p{font-size: 14px;margin-bottom: 10px;  padding-top: 12px;}

	.news_box{width: 100% !important;margin-bottom: 15px;}

	.home_news .news_box{margin-bottom: 30px;}

	.banner_box p,.banner_box p.title{width: 100%;font-size: 12px;line-height: 20px;}
	.banner_box p.title{font-size: 14px;}
	.banner_box{ padding: 40px 0; }
	.banner_box span a{height: 30px;line-height: 30px;font-size: 14px;}

	.pic_box{width: 50%;padding: 0 4px;left: 0;}
	.pic_box2{width: 50%;}
	.pic_box p{font-size: 14px;}
	.pic_box2 p{font-size: 14px;}
	.other_pic{display: none;}

	ul.category li a{font-size: 11px;}
	ul.category li{padding-right: 20px;}
	ul.category li:after{left: 6px;font-size: 10px;}
	ul.category{margin-bottom: 20px;}
	.page li a{width: 20px;height: 20px;line-height: 20px;font-size: 11px;}
	.page li{margin: 0}
	.page{height: 60px;}

	.banner_sub{min-height: 0; padding: 30px 0;}

	.contact_right,.contact_left{width: 100%;}
	.contact_left p{font-size: 12px;}

	.mix>img,.mix p{width: 100%;float: none;}
	.mix>img{margin-bottom: 20px;}
	.mix p,.mix h4,.mix h3,.mix h5{padding: 0;}

	p.detail_title{font-size: 18px;line-height: 22px;}
p.detail_title2{font-size: 18px;line-height: 22px;}
	.for4{width: 100%;}
	.for4:nth-child(3){ display:none}
	.foot_extend{font-size: 11px;}
	.foot_extend p{font-size: 14px;}
	.foot_extend a{line-height: 24px;}
	.follow {float: none;text-align: center;}
	p.copy{width: 100%;float: none;text-align: center;}
	.foot_extend span{line-height: 16px;}

}

@media screen and (max-width: 480px) {
	.slider_s{height: 200px !important;}
	.service_box{width: 50%;}
	.news_box{width: 100%;}
	p.detail_title{ width:100%}
	.text_area{ padding:0px;}
	.text_area .time{ display:none}
	.pic_box{width: 100%;}
		.pic_box2{width: 100%;}
	.nav>ul>li{line-height: 30px;}
	li.right_li{margin-top: 20px !important;}
.home_news .news_box{width: 50% !important;margin-bottom: 30px;}
	.news_box{width: 100% !important;margin-bottom: 30px;}
}