@charset "utf-8";
/* CSS Document */
/**
 * 
 * @authors Landry
 * @date    2014-03-28 10:16:50
 * @version $Id$
 */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, abbr, address, cite, code, del, dfn, em, img, sub, sup, var, i, dl, dd, dt, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	padding: 0;
	margin: 0;
	border: 0;
	outline: 0;
	background: transparent;
}
article, aside, figure, footer, header, hgroup, nav, menu, section {
	display: block;
}
ol, ul, li {
	list-style: none;
}
a {
	text-decoration: none;
	padding: 0;
	margin: 0;
	color: #6d6d6d;
}
a:active, a:visited {
	/*color: #0066ab;*/
}
input, select {
	vertical-align: middle;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}

a {
	outline: none;/* for Forefox */
	cursor: pointer;
	color:#393939;
}
img {
	border: 0;
	width:100%;
	vertical-align: middle;
	
}
/*大体架构
 ----------*/
body {
	font-family:Microsoft Yahei;
	font-size:12px;
	position:relative;
}

/*颜色值
 --------------*/
.orange {
	color: #ffe400;
}
.blue {
	color: #699BCC;
}
/*清楚文字内容
 --------------*/
.txtIndent {
	text-indent: -9999em;
}
/*用于seo不显示的内容
 --------------*/
.seo {
	width: 0;
	height: 0;
	overflow: hidden;
	position: absolute;
	visibility: hidden;
	top: 0;
	left: 0;
}
.seo, .hideImg {
	width: 0;
	height: 0;
	overflow: hidden;
	position: absolute;
	visibility: hidden;
	top: 0;
	left: 0;
}
.hideImg {
	overflow: hidden;
}
.hideImg img {
	width: 0;
	height: 0;
	overflow: hidden;
}
/*清除浮动
 --------------*/
.clearfix {
  zoom: 1;
  _height: 1px
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}
.clear{
  height: 0;
  font-size:0;
  line-height:0;
  clear: both;
  overflow:hidden;
}

/*左浮动和右浮动
 --------------*/
.float_l {
	float: left;
}
.float_r {
	float: right;
}
.float_r, .float_l {
	_display: inline;
}

/**头部代码**/
.header{width:100%;margin:0 auto;height:84px;position:fixed;top:0px;left:0px;z-index:99999; background:#fff}
.header .head-logo{float:left;padding:15px 0 0 45px;}
.header .head-logo .logo_blue{display:none;}
.header .head-nav{float:right;padding-right:52px;}
.header .head-nav .navul{float:left;padding-right:43px;}
.header .head-nav .navul li{float:left;width:135px;height:100px;line-height:84px;position:relative;}
.header .head-nav .navul li .ones{font-size:15px;color:#333333;display:block;text-align:center;}
/*.header .head-nav .navul li .ones:hover,
.header .head-nav .navul li .active{background:url(../images/navli.jpg) repeat-x;}*/
.header .head-nav .cn,
.header .head-nav .en{display:inline-block;float:left;width:25px;height:24px;line-height:24px;text-align:center;font-size:14px;color:#333333;font-family:Arial;border:1px solid #333333;margin:29px 0 0 17px;}
.header .head-nav .navul li .select{display:none;width:100%;background:url(../images/lan.png) repeat;position:absolute;top:84px;left:0px;z-index:99999;line-height:26px; }
.header .head-nav .navul li .select a{font-size:14px; padding:5px 0;  color:#fff;display:block;text-align:center;position:relative;}

.header .butons{display:none;background:url(../images/buton.png) no-repeat;float: right;height: 25px;margin:20px 22px 0 0;width: 25px;}
.header .butons.close{background:url(../images/close.png) no-repeat;}

.header.active{background:#FFF;height:84px;}
.header.active .head-logo{padding:15px 0 0 45px;}
.header.active .head-logo .logo_blue{display:inline;}
.header.active .head-logo .logo_white{display:none;}
.header.active .head-nav .navul li{height:84px;line-height:84px;}
.header.active .head-nav .navul li .ones{color:#333333;}
.header .head-nav .navul li .ones:hover,
.header .head-nav .navul li .active,
.header.active .head-nav .navul li .ones:hover,
.header.active .head-nav .navul li .active{background:url(../images/headerbg.png) repeat-x;color:#FFF;border:0;}
.header .head-nav .navul li .hover,
.header.active .head-nav .navul li .hover{background:url(../images/headerbg.png) repeat-x;color:#FFF;border:0;}
.header.active .head-nav .cn,
.header.active .head-nav .en{color:#333333;border:1px solid #333333;margin:29px 0 0 17px;}
.header.active .head-nav .cn:hover,
.header.active .head-nav .en:hover,
.header.active .head-nav .cn.active,
.header.active .head-nav .en.active{border:1px solid #003f98;color:#003f98;}


.header2{ background:none; }
.header2 .logo_white{ display:none; }
.header .logo_whitebs{ display:none; }
.header2 .logo_whitebs{ display: block; }
.header2 .dianhua123{ color:#fff; }
.header2 .head-nav .navul li .ones{ color:#fff; }















/**底部文件**/
.footer{width:100%;background:#2c333b;position:relative;min-height:210px;box-sizing:border-box;}
.footer .footl{min-height:128px;position:absolute;top:36px;left:0px;z-index:999;width:359px;text-align:center;background:url(../images/ppr.jpg) no-repeat right center;}
.footer .footl img{width:auto;max-width:100%;}
.footer .footl span{font-size:15px;color:#5e6f82;font-family:Arial;display:block;padding:10px 0 2px;}
.footer .footl h2{font-size:30px;color:#FFF;font-family:Arial;font-weight:normal;}
.footer .footl p{font-size:14px;color:#5e6f82;}
.footc{max-width:1183px;margin:0 auto;text-align:center;padding-top:36px;}
.footc .foot_nav a{font-size:15px;color:#FFF;display:inline-block;margin:0 17px;}
.footc .jiathis{position:relative;padding:43px 0 36px;}
.footc .jiathis:before{display:block;content:"";width:34%;height:1px;background:url(../images/line.jpg) repeat-x;position:absolute;top:50%;left:57px;z-index:999;}
.footc .jiathis:after{display:block;content:"";width:34%;height:1px;background:url(../images/line.jpg) repeat-x;position:absolute;top:50%;right:57px;z-index:999;}
.footc .jiathis a{display:inline-block;width:36px;height:36px;margin:0 6px;}
.footc .jiathis .jiathis_button_tqq{background:url(../images/ff1.png) no-repeat;}
.footc .jiathis .jiathis_button_tsina{background:url(../images/ff2.png) no-repeat;}
.footc .jiathis .jiathis_button_renren{background:url(../images/ff3.png) no-repeat;}
.footc .jiathis .jiathis_button_qzone{background:url(../images/ff4.png) no-repeat;}
.footc .foot_txt{font-size:14px;color:#5e6f82;}
.footer .footr{min-height:128px;position:absolute;top:43px;right:0px;z-index:999;width:360px;background:url(../images/ppr.jpg) no-repeat left center;}
.footer .footr p{font-size:15px;color:#FFF;}
.footer .footr div{background:url(../images/fang.png) no-repeat left 37px;padding:40px 0 0 57px;height:44px;margin-left:70px;}
.foot_wechat{display:none;width:495px;height:180px;background:url(../images/ulbg.png) no-repeat;padding:22px 0 0 13px;position:absolute;top:-42px;right:289px;z-index:999;}
.foot_wechat li{float:left;padding:0 11px;text-align:center;}
.foot_wechat li img{width:114px;height:114px;}
.foot_wechat li p{font-size:14px;color:#666666;padding-top:11px;}
.processdesign{width:100%;background:url(../images/pf.jpg) no-repeat center top;background-size:cover;min-height:366px;}
.processdesign .process_design{max-width:1400px;margin:0 auto;}
.processdesign .process{float:left;width:50%;padding-top:70px;}
.processdesign .process h2{font-size:24px;color:#FFF;}
.processdesign .process p{font-size:14px;color:#FFF;line-height:30px;padding:25px 0 58px;}
.processdesign .process .texts{float:left;width:193px;height:33px;font-size:14px;color:#FFF;line-height:33px;border:1px solid #FFF;border-right:transparent;outline:none;padding:0 0 0 15px;margin:0;background:none;border-radius:0px;}
.processdesign .process .sear{float:left;width:47px;height:35px;border:0;outline:none;background:url(../images/search.png) no-repeat center center #FFF;cursor:pointer;-webkit-appearance:none;border-radius:0px;}
.processdesign .process .sear:after{content:"";display:block;background:url(../images/search.png) no-repeat;}
.processdesign .design{float:right;width:24.928%;padding-top:79px;}
.processdesign .design .cess{float:left;width:116px;margin-left:31.232%;}
.processdesign .design .cess:nth-child(1){margin-left:0px;}
.processdesign .design .cess div{width:116px;height:116px;line-height:116px;border:1px solid #FFF;text-align:center;}
.processdesign .design .cess div img{width:auto;max-width:100%;}
.processdesign .design .cess p{font-size:16px;color:#FFF;text-align:center;padding-top:24px;}









@media screen and (max-width:1800px){
.footc .jiathis::before{left: 213px;width: 22%;}
.footc .jiathis::after{right: 213px;width: 22%;}

}
@media screen and (max-width:1560px){
.footer .footl{width:270px;}
.footer .footr{width:270px;}
.footer .footr div{margin-left: 30px;}
.foot_wechat{right: 243px;}
.header .head-nav .navul li{width:auto;}
.header .head-nav .navul li .ones{padding:0 30px;}
.header .head-logo{padding: 9px 0 0 45px;}
.header .head-nav{padding-right: 32px;}
.header .head-nav .navul{padding-right: 0;}
.header .head-nav .navul li .select{width: 100%;}
}
@media screen and (max-width:1440px){

.processdesign .process_design{padding:0 7%;}
.processdesign .design{width:28.3%;}
}

@media screen and (max-width:1400px){
.processdesign .design .cess{margin-left: 18%;width:40%;}	
}

@media screen and (max-width:1320px){
.footc .jiathis::before{left: 332px; width: 12%;}
.footc .jiathis::after{right: 332px;width:12%;}
.footc .foot_nav a{margin: 0 7px;}
.header .head-nav .navul li .select{width:100%;}
.header .head-nav .navul li .select a:before{left:7px;}
.header .head-nav .navul li .select a:after{right:7px;}
.header .head-nav .navul li .ones{font-size:14px;padding: 0 24px;}
}

@media screen and (max-width:1280px){
.footer .footl h2{font-size: 24px;}
.footer .footl p{font-size:12px;}
.footer .footl,
.footer .footr{width:240px;}
.footer .footr div{margin-left: 20px;}
.foot_wechat{right:219px;}
.processdesign{min-height:0;}
.processdesign .process,
.processdesign .design{padding-top:0px;}
.processdesign .process_design{padding:5% 7%;}
.processdesign .process p{line-height: 24px;padding:5% 0;}
.processdesign .design .cess p{font-size: 14px;padding-top: 15px;}
}

@media screen and (max-width:1200px){
.header .head-nav .navul li .ones{padding: 0 16px;}
.header .head-nav .navul li .select{width: 100%;}
.header .head-nav .navul li .select a:hover:before,
.header .head-nav .navul li .select a:hover:after{display:none;}
}

@media screen and (max-width:1180px){
.footc .jiathis::before{left: 28%;width: 10%;}
.footc .jiathis::after{right: 28%;width: 10%;}
.footc .foot_nav a{font-size:13px;}
.processdesign .design{width: 31.928%;}
.processdesign .design .cess{width: 33%;}
.header .head-logo{padding:35px 0 0 20px;}
.header.active .head-logo{padding: 28px 0 0 20px;}
.header .head-nav .navul li .ones{padding: 0 15px;}
}

@media screen and (max-width:1000px){
.processdesign .design .cess{width: 39%;}
.header{height:65px; overflow:hidden; }
.header .butons{display:block; margin: 37px 22px 0 0;}
.header .head-nav{display:none;width:100%;float:none;padding:0;position:absolute;top:93px;left:0px;z-index:999999;background: #1e284c;}
.header .head-nav .navul li,
.header.active .head-nav .navul li{float: none;height: auto;line-height:normal; width: auto;background:url(../images/az.jpg) repeat-x center bottom;}
.header .head-nav .navul,
.header.active .head-nav .navul{width:100%;}
.header .head-nav .navul li .ones,
.header .head-nav .navul li .ones:hover,
.header.active .head-nav .navul li .ones,
.header.active .head-nav .navul li .ones:hover{text-align:left;color: #fff;font-size:16px;padding:15px 0 15px 22px;background:none;display:inline-block;}
.header .head-nav .navul li .ones.acitve,
.header.active .head-nav .navul li .ones.acitve{background:none;}
.header .head-nav .navul li .plus,
.header.active .head-nav .navul li .plus{margin: 18px 16px 0 0;display:inline-block;float:right;width:13px;height:13px;background:url(../images/jia.png) no-repeat 98% center;}
.header .head-nav .navul li .plus.bold,
.header.active .head-nav .navul li .plus.bold{background:url(../images/jian.png) no-repeat 98% center;}
.header .head-nav .navul li .select a:hover:before,
.header .head-nav .navul li .select a:hover:after,
.header.active .head-nav .navul li .select a:hover:before,
.header.active .head-nav .navul li .select a:hover:after{display:none;}
.header .head-nav .navul li.active .plus,
.header.active .head-nav .navul li.active .plus{background:url(../images/jia.png) no-repeat 98% center;}
.header .head-nav .navul li .select,
.header.active .head-nav .navul li .select{position:static;padding:0 0 20px 22px;background:none;line-height:28px;}
.header .head-nav .navul li .select a,
.header.active .head-nav .navul li .select a{text-align:left;}
.header.active .butons{margin: 30px 22px 0 0;}
.header.active .head-nav{top:84px;}
.header .head-nav .cn, 
.header .head-nav .en,
.header .head-nav .cn:hover, 
.header .head-nav .en:hover,
.header .head-nav .cn.active,
.header .head-nav .en.active,
.header.active .head-nav .cn, 
.header.active .head-nav .en,
.header.active .head-nav .cn:hover, 
.header.active .head-nav .en:hover,
.header.active .head-nav .cn.active,
.header.active .head-nav .en.active{border: 1px solid #FFF;color: #FFF;margin: 20px 0 20px 22px;float: none;}
.footer .footl{position:static;width:100%;min-height:0;background:none;}
.footer .footl img{max-width:none;width:6%;}
.footc{max-width:none;padding-top:0px;}
.footc .foot_nav,
.footc .jiathis::before,
.footc .jiathis::after,
.footer .footr{display:none;}
.footc .jiathis{padding:10px 0;}
.footer{min-height:0;padding:4% 20px;}
.footc .foot_txt{font-size:12px;}

}

@media screen and (max-width:960px){
.processdesign .design{width:45%;}
.processdesign .design .cess{width:auto;}	
}

@media screen and (max-width:768px){
/*.header .head-nav .navul li .ones,
.header .head-nav .navul li .ones:hover{background:url(../images/jia.png) no-repeat 96% center;}
.header .head-nav .navul li .ones.bold{background:url(../images/jian.png) no-repeat 96% center;}
.header .head-nav .navul li .active{background:url(../images/jia.png) no-repeat 96% center;}*/
.processdesign .process,
.processdesign .design{float:none;width:auto;}
.processdesign .process h2{font-size: 20px;}
.processdesign .process p{padding: 20px 0;}
.processdesign .design{padding-top:20px;}
.processdesign .design .cess{margin-left: 20px;}
}
@media screen and (max-width:640px){
.header{position:static;}
.header .head-logo,
.header.active .head-logo{width: 30%;padding: 20px 0 0 20px;}
.banner{margin-top:65px;}
.footer .footl img{width:8%;}
.header .butons,
.header.active .butons{margin: 22px 22px 0 0;}
.header .head-nav,
.header.active .head-nav{top: 65px;}
.header .head-logo .logo_white,
.header.active .head-logo .logo_white{display:none;}
.header .head-logo .logo_blue,
.header.active .head-logo .logo_blue{display:inline;}
}

@media screen and (max-width:540px){
.header .head-logo,
.header.active .head-logo{width:34%;}
}

@media screen and (max-width:480px){
.header .head-logo,
.header.active .head-logo{width:38%;}
.footer .footl img{width:10%;}
}

@media screen and (max-width:420px){
.header .head-logo,
.header.active .head-logo{width:42%;}
}

@media screen and (max-width:360px){
.header .head-logo,
.header.active .head-logo{width:48%;}
}

.header .head-nav .navul li .select a:hover{ background:none !important; color:#b8504d; }