/***
 *	www.ywcms.com Style (Default Style)
 *	严微工作室  Author yanwei8574  2015.04.15
 **/
/* ====================
     公共样式
==================== */
body{ font:12px/24px 'Microsoft YaHei'; color:#666; background:#f0f0f0;}
table {border-collapse: collapse; border-spacing: 0;}
fieldset,img {border: 0; padding:0px; margin:0px;}
h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,img,p{ margin:0; padding:0; border:none; list-style-type:none;}

a{ color:#333; text-decoration:none;}
.fl{ float:left;}
.fr{ float:right;}
.show{ display:block;}
.hide{ display:none;}
.cl{ clear:both;}
html{ overflow-x:hidden;}
*{ outline:none;}
.wd1200{ width:1200px; margin:0 auto;}
.bor_radius{ border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
.pdd{ padding:90px 0 132px;}
a:hover{ color:#009b4d;}

a:hover,a:active,a,a:visited{
	text-decoration: none;
}

/*主体样式开始*/
.wrapper { width:100%; height:100%; margin:0px auto 0px auto;}
.w1200{ width:1200px; margin:0px auto 0px auto; overflow:hidden;}

.page_left{ width:250px; float:left; margin-right:20px; margin-top:10px;}
.page_right{ width:930px; float:left; background:#fff; margin-top:10px;}

.css3-animate {
	transition: all 0.3s linear ;
	/* Firefox 4 */
	-moz-transition:all 0.3s linear ;
	/* Safari and Chrome */
	-webkit-transition:all 0.3s linear ;
	/* Opera */
	-o-transition:all 0.3s linear ;
}

.page-wrapper{
	position:relative;
	margin:0 auto;
	width:100%;
	background:#ffffff;
}
.cf:after{
	content: "";
	display: table;
	clear: both;
	*zoom: 1;
}

/*头部公用*/
/*首页头部*/
.warp{ position:relative; z-index:1000; width:100%; height:auto; overflow:hidden;}
.header{ position:absolute; top:0; left:0; z-index:1000; width:100%;}
.head{ height:64px;}
.logo{ position:relative; z-index:900; width:162px; height:54px; margin-top:10px;}
.lg{ position:relative; z-index:900; line-height:36px; padding-top:40px; margin:0 28px 0 0; display:inline;}
.lg a{ color:#FFF; font-size:16px; opacity:0.3; filter: alpha(opacity=30);}

.header2{ display:none; background-color:#FFF; border-bottom:1px solid #dcdcdc;}
.header2.header{ position:fixed; top:-64px;}
.header2 .head,.header2 .logo{ height:64px;}
.header2 .user,.header2 .lg{ padding-top:14px;}
.header2 .serch{ padding-top:23px;}
.header2 .lg a{ color:#949494; opacity:1; filter: alpha(opacity=100);}
.header2 .user_img{ border:3px solid #FFF;}
.nav2 .nav_name{ background:url(../images/top_navline.jpg) no-repeat right;}
.nav2 .nav_name:hover{ color:#009b4d;}
.header2 .lg a:hover{ color:#009b4d;}
.header2 .sub_ser{ border-bottom:1px solid #dcdcdc;}
.header2 .sub_ser,.header2 .ser_text{ background-color:#FFF;}
.header2 .ser_text{ color:#666;}
.header2 .sub_seline{ border-bottom:1px solid #dcdcdc;}

/*.nav1{ padding-top:26px;}*/
.nav1 .nav_name{ background:url(../images/nav_line.png) no-repeat right; color:#FFF;}
.nav1 .sub_chnal li a{ color:#009b4d;}
.nav1 .sub_infname a{ color:#FFF;}
.nav1 .sub_infIntro{ color:#afafaf;}
.nav1 li.cur .nav_name,.nav1 li.nav_this .nav_name{ color:#009b4d;}

.nav{  width:auto; height:64px; display:inline;}
.nav li{ float:left; width:auto; height:64px;}
.nav_name{ display:block; position:relative; z-index:900; font-size:16px; width:auto; height:64px; line-height:64px; padding:0 22px;}
.nav li.cur .nav_name{ color:#ea3c00;}


.nav2 .nav_name{ background:url(../images/nav_line.png) no-repeat right;}
.nav2 .nav_name:hover{ color:#ea3c00;}

#warp{ position:relative; z-index:1000; top:0; left:0; width:100%; height:74px;background:#fff;}

/*banner效果*/
.banner { position:relative; width:100%;}
.banner_list{ width:100%; overflow:hidden;}
.banner_list li { position:absolute; width:100%; display:none; }
.banner_list li img{ position:absolute; left:50%; top:50%; width:100%;}
.banner_owd{ position:absolute; left:0; bottom:8.6%; z-index:800; width:100%; height:7px;}
.banner_btn{ height:7px;}
.banner_o{ width:auto; height:7px; padding-left:22px;}
.banner_o li{ float:left; margin-right:5px; display:inline-block; background-color:#FFF; opacity:0.44; filter: alpha(opacity=44); width:17px; height:7px; cursor:pointer; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; transition:all 1s ease 0.01s; -moz-transition:all 1s ease 0.01s; -webkit-transition:all 1s ease 0.01s;}
.banner_o li.on{ background-color:#009b4d; opacity:1; filter: alpha(opacity=100); width:37px; transition:width 0.4s ease 0.01s; -moz-transition:width 0.4s ease 0.01s; -webkit-transition:width 0.4s ease 0.01s;}
.banner_o li em{ font-size:0; text-indent:-99999;}
.ban_down{ position:absolute; left:50%; bottom:7%; z-index:900; margin-left:-27px; width:54px; height:54px;}
.ban_down a{ cursor:pointer;}

#service_box{ background:#63666c; height:480px; width:100%; margin:0px auto 0px auto; overflow:hidden; position:relative;}
.service_box{ width:1200px; margin:0px auto 0px auto; position:relative;}
.service_left{ width:720px; height:480px; float:left; background:url(../images/service_bg.png) no-repeat center bottom; position:absolute; left:0;}
.service_right{ width:480px; float:left; position:absolute; right:0;}
.service_right h1{ width:450px; padding:150px 0px 30px 30px; color:#fff; font-size:24px; font-weight:bolder; line-height:32px;}
.service_right p{ width:450px; margin-left:30px; line-height:24px; color:#fff; font-size:14px;}
.service_right span a{ width:180px; margin:30px 0px 0px 30px; height:40px; float:left; background:#ea3c00; border-radius:30px; color:#fff; font-size:14px; text-align:center; line-height:40px;}
.service_right span a:hover{ background:#fff; color:#ea3c00;}

.box-b1{ left:-720px;}
.box-b2{ right:-480px;}
.box-b3{ left:-600px;}
.box-b4{ right:-600px;}

/*产品中心*/
.pro_main{
	width:100%;
	background-color:#fff;
	margin:0 auto;
	padding-top:50px;
	padding-bottom:105px;
	overflow:hidden;
}
.pro_top {
	width:100%;
	text-align:center;
	background-color:#fff
}
.pro_top h2 {
	font-size:24px;
	color:#333;
	font-weight:bold;
}
.pro_top p {
	font-size:15px;
	color:#858585;
	font-family:Arial, Helvetica, sans-serif;
	line-height:30px;
}
.pro_list {
	loat: left;
	width: 1200px;
	margin:0 auto;
	padding-top:20px;
}
.pro_list ul li {
	float: left;
	width: 280px;
	text-align: center;
	position: relative;
	margin:0px 10px;
	background-color:#FFF
}
.pro_list ul li img{
	width: 280px;
	height: 280px;
}
.pro_list ul li span {
	height: 320px;
	background: #333;
	color: #fff;
	width: 280px;
	position: absolute;
	background-image:url(../images/pro_tu.jpg);
	top: 0;
	left: 0;
	text-align: center;
	display: none;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.pro_tit{position: absolute; top:290px; width:280px; text-align:center; font-size:14px; left:0;}

.home-3 .pull-right	{
	width: 625px;
	height: 476px;
	padding-top: 100px;
	color: #fff;
}
.home-3 .title {
	font-size: 26px;
	line-height: 80px;
	color: #333;
}
.home-3 .content {
	font-size: 16px;
	width: 516px;
	color: #666;
}
.home-3 .button {
	width: 180px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #ea3c00;
	border-radius: 30px;
	display: inline-block;
	margin-top: 40px;
	background:#ea3c00;
	color: #fff;
	font-size:14px;
}
.home-3 .button:hover {
	background-color: #fff;
	color: #ea3c00;
	text-decoration: none;
}
.home-3 .bg-color {
	background: #eff2f5;
	padding-right: 0;
}
.home-3 .bg {
	background: url(../images/about_bg.jpg) center top no-repeat;
	height: 476px;
	background-size: cover;
}
.home-5 .bg1 {
	height: 400px;
	text-align: center;
	background: url('../images/img7.jpg') center no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.home-5 .bg1:before{
	content:  ' ';
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	left: 0;
	top: 0;
	background-color: #000;
	opacity: 0.5;
	transition: all 0.2s linear ;
	transform-origin:left top;
	transform: rotate(-90deg);
}
.home-5 .bg1:hover:before{
	transform: rotate(0deg);
}
.home-5 .bg2:before{
	content:  ' ';
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	left: 0;
	top: 0;
	background-color: #000;
	opacity: 0.5;
	transition: all 0.2s linear ;
	transform-origin:right top;
	transform: rotate(90deg);
}
.home-5 .bg2:hover:before{
	transform: rotate(0deg);
}
.home-5 .bg2 {
	height: 400px;
	text-align: center;
	background: url(../images/img4.jpg) center no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.home-5 .title {
	position: relative;
	z-index: 2;
	text-align: center;
	color: #fff;
	padding-top: 145px;
	font-size: 20px;
	padding-bottom: 35px;
}
.home-5 .button {
	position: relative;
	z-index: 2;
	display: inline-block;
	min-width: 210px;
	height: 50px;
	border: 1px solid #fff;
	border-radius: 50px;
	margin:0 auto;
	line-height: 48px;
	text-align: center;
	color: #fff;
	padding: 0 10px;
}
.home-5 .button:hover {
	background-color: #fff;
	color: #2c363c;
	text-decoration: none;
}

.reservation {
	background: #eaeaea;
	padding: 50px 0 40px
}
h2.title-big, h3.title-big {
	font-size: 36px;
	line-height: 1;
	color: #000;
	text-align: center;
	font-family: dsp, PingFangSC-Light, 'helvetica neue', 'hiragino sans gb', tahoma, 'microsoft yahei ui', 'microsoft yahei', simsun, sans-serif
}
h2.title-big span, h3.title-big span {
	display: block
}
.reservation .btn {
	padding: 17px 0
}
.reservation .reservation-word {
	padding: 20px 0 45px;
	font-size: 16px;
	color: #666;
	text-align: center
}
.reservation .reservation-form {
	width: 870px;
	margin: 0 auto 70px
}
.reservation .reservation-form>ul {
*zoom:1;
	zoom: 1;
	margin-right: -30px
}
.reservation .reservation-form>ul:after, .reservation .reservation-form>ul:before {
	display: table;
	content: ""
}
.reservation .reservation-form>ul:after {
	clear: both
}
.reservation .reservation-form li {
	float: left;
*width:420px;
	margin-right: 30px;
	height: 95px;
	position: relative
}
.reservation .reservation-form li.item-disabled input.res-inp {
	color: #ccc;
	cursor: not-allowed;
	background-color: #eee;
	pointer-events: none
}
.reservation .reservation-form li.item-disabled .res-error-text {
	display: none
}
.reservation .reservation-form li .res-error-text {
	position: absolute;
	top: 40px;
	right: 10px;
	color: red;
	font-size: 14px;
	line-height: 48px;
	display: none
}
.reservation .reservation-form li.item-error .res-error-text {
	display: block
}
.reservation .reservation-form li.item-error input.res-inp {
	border-color: red
}
.reservation .reservation-form li input.res-inp {
	width: 360px;
	height: 48px;
	line-height: 48px;
	border-radius: 2px;
	background-color: #fff;
	background-image: url(../images/icon-reservation.png);
	background-repeat: no-repeat;
	border: 1px solid #e1e0e0;
	padding: 0 10px 0 48px;
	-webkit-transition: border-color .4s;
	transition: border-color .4s
}
.reservation .reservation-form li input.res-inp::-webkit-input-placeholder {
color:#c9caca
}
.reservation .reservation-form li input.res-inp:-moz-placeholder {
color:#c9caca
}
.reservation .reservation-form li input.res-inp::-moz-placeholder {
color:#c9caca
}
.reservation .reservation-form li input.res-inp:-ms-input-placeholder {
color:#c9caca
}
.reservation .reservation-form li input.res-inp.company {
	background-position: 11px -391px
}
.reservation .reservation-form li input.res-inp.name {
	background-position: 11px -444px
}
.reservation .reservation-form li input.res-inp.tel {
	background-position: 11px -496px
}
.reservation .reservation-form li input.res-inp.mail {
	background-position: 11px -544px
}
.reservation .reservation-form li input.res-inp:focus {
	color: #008de8;
	border-color: #008de8
}
.reservation .reservation-form li input.res-inp:focus::-webkit-input-placeholder {
color:transparent
}
.reservation .reservation-form li input.res-inp:focus:-ms-input-placeholder {
color:transparent
}
.reservation .reservation-form li input.res-inp:focus:-moz-placeholder {
color:transparent
}
.reservation .reservation-form li input.res-inp:focus::-moz-placeholder {
color:transparent
}
.reservation .reservation-form li input.res-inp:focus.company {
	background-position: 11px -189px
}
.reservation .reservation-form li input.res-inp:focus.name {
	background-position: 11px -242px
}
.reservation .reservation-form li input.res-inp:focus.tel {
	background-position: 11px -294px
}
.reservation .reservation-form li input.res-inp:focus.mail {
	background-position: 11px -342px
}
.reservation .reservation-form li input.res-inp.warning {
	color: #f0614e;
	border-color: #f0614e
}
.reservation .reservation-form li input.res-inp.warning.company {
	background-position: 11px 13px
}
.reservation .reservation-form li input.res-inp.warning.name {
	background-position: 11px -40px
}
.reservation .reservation-form li input.res-inp.warning.tel {
	background-position: 11px -92px
}
.reservation .reservation-form li input.res-inp.warning.mail {
	background-position: 11px -140px
}
.reservation .reservation-form li .checkbox {
	color: #666;
	padding: 12px 0
}
.reservation .reservation-form li .checkbox input.check-personal {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	margin: 0 5px 0 0;
	width: 20px;
	height: 20px;
	background: url(../images/checkbox.png);
	background: -webkit-image-set(url(../images/checkbox.png) 1x, url(../images/checkbox@2x.png) 2x);
	background-repeat: no-repeat;
	background-position: 0 0;
	background: 0 0\9;
	-webkit-appearance: none;
	border: none
}
.reservation .btn-erea, .reservation .open-account .open-con {
	width: 510px;
	margin: 0 auto
}
.reservation .reservation-form li .checkbox input.check-personal:checked {
	background-position: 0 -20px
}
.reservation .reservation-form li .checkbox label {
	cursor: pointer
}
.reservation .open-account {
	border-top: 1px solid #c9caca;
	padding-top: 55px
}
.reservation .open-account .title {
	margin-bottom: 40px
}
.reservation .open-account .invite-agency {
	text-align: center;
	margin: 30px 0 0
}
.reservation .open-account .invite-agency .btn {
	padding: 6px 30px
}
.reservation_400 {
	padding-bottom: 40px
}
.reservation_400 .reservation-con {
*zoom:1;
	width: 880px;
	margin: 0 auto
}
.reservation_400 .reservation-con:after, .reservation_400 .reservation-con:before {
	display: table;
	content: ""
}
.reservation_400 .reservation-con:after {
	clear: both
}
.reservation_400 .reservation-con .reservation-fill {
	float: left;
	width: 370px
}
.reservation_400 .reservation-con .reservation-form {
	width: 360px
}
.reservation_400 .reservation-con .reservation-form li {
	height: auto;
	margin-bottom: 30px
}
.reservation_400 .reservation-con .reservation-form li input.res-inp {
	width: 300px
}
.reservation_400 .reservation-con .reservation-form li.item-company {
	margin-bottom: 0
}
.reservation_400 .reservation-con .reservation-form li .res-error-text {
	top: 38px
}
.reservation_400 .reservation-con .reservation-form .btn-erea {
	width: 226px;
	margin: 0 auto;
	padding-top: 15px
}
.reservation_400 .reservation-con .rereservation-phone {
	float: right;
	width: 380px;
	text-align: center
}
.reservation_400 .reservation-con .rereservation-phone .icon-phone {
	display: inline-block;
	margin-top: 25px;
	width: 80px;
	height: 82px;
	background-image: url(../images/icon/icon-all.png);
	background-image: -webkit-image-set(url(../images/icon/icon-all.png) 1x, url(../images/icon/icon-all@2x.png) 2x);
	background-repeat: no-repeat;
	background-position: 0 -380px
}
.reservation_400 .reservation-con .rereservation-phone .phone-number {
	font-size: 42px;
	color: #008de8;
	font-weight: 700;
	margin: 20px 0
}
.reservation_400 .reservation-con .rereservation-phone .time {
	color: #000;
	font-size: 14px
}
.reservation_400 .reservation-con h3.title {
	font-size: 26px;
	line-height: 1
}
.reservation_400 .reservation-con .reservation-word {
	font-size: 14px;
	color: #666
}
.reservation_400 .open-account .invite-agency {
	text-align: center;
	margin: 30px 0 0
}
.reservation_400 .open-account .invite-agency .btn {
	padding: 6px 30px
}
.reservation-pop {
	display: none;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: fixed;
	z-index: 99999;
	background: #666;
	background: rgba(0,0,0,.6)
}
.icon-all, .scene .scene-item, i.icon {
	background-repeat: no-repeat
}
.reservation-pop .pop-con {
	display: table;
	width: 600px;
	height: 414px;
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -300px;
	margin-top: -207px;
	background-color: #fff;
	color: #000;
	border-radius: 3px;
	box-shadow: 2px 5px 12px rgba(0,0,0,.1)
}
.reservation-pop .pop-con>div {
	display: table-cell;
	vertical-align: middle;
*padding-top:50px
}
.show-list>a, i.icon {
	display: inline-block
}
.reservation-pop .pop-con h4 {
	font-size: 26px;
	margin: 20px 0
}
.reservation-pop .pop-con p {
	font-size: 18px;
	line-height: 2;
	width: 420px;
	margin: 0 auto;
	padding-bottom: 20px
}
.reservation-pop .pop-con p>span {
	color: #008de8
}
.reservation-pop .pop-con .btn {
	width: 160px;
	padding: 12px 0
}

/**/
#page_banner{ width:100%; height:240px; margin:0px auto 0px auto; background:url(../images/1_1.jpg) no-repeat 50% 0px;}
#page_banner2{ width:100%; height:240px; margin:0px auto 0px auto; background:url(../images/1_2.jpg) no-repeat 50% 0px;}
#page_banner3{ width:100%; height:240px; margin:0px auto 0px auto; background:url(../images/1_3.jpg) no-repeat 50% 0px;}
#page_banner4{ width:100%; height:240px; margin:0px auto 0px auto; background:url(../images/1_4.jpg) no-repeat 50% 0px;}
#page_banner5{ width:100%; height:240px; margin:0px auto 0px auto; background:url(../images/1_5.jpg) no-repeat 50% 0px;}
#page_banner6{ width:100%; height:240px; margin:0px auto 0px auto; background:url(../images/1_6.jpg) no-repeat 50% 0px;}
#page_banner7{ width:100%; height:240px; margin:0px auto 0px auto; background:url(../images/1_7.jpg) no-repeat 50% 0px;}
#page_banner8{ width:100%; height:240px; margin:0px auto 0px auto; background:url(../images/1_8.jpg) no-repeat 50% 0px;}
#page_banner9{ width:100%; height:240px; margin:0px auto 0px auto; background:url(../images/1_9.jpg) no-repeat 50% 0px;}

/*left right*/
.left_about_con,.left_products_con{ width:250px; float:left; background:#fff;}
.left_about_con h1,.left_contact_con h1,.left_products_con h1{ width:250px; padding-left:20px; font-size:18px; color:#fff; font-weight:normal; float:left; background:#354052; height:70px; line-height:70px;}
.left_about_con ul{ width:250px; float:left;}
.left_about_con li{ width:250px; float:left; height:60px; line-height:60px; font-size:16px; border-bottom:1px solid #f0efee; background:url(../images/ico_ins_leftnavli.png) no-repeat 25px bottom;}
.left_about_con li a{ color:#333; text-decoration:none; padding-left:40px;}
.left_about_con li a:hover,.left_about_con li.cur a{ width:250px; float:left; height:60px; line-height:60px; font-size:16px; border-bottom:1px solid #f0efee; background:url(../images/ico_ins_leftnavli.png) no-repeat 25px top #cb180d; color:#fff;}

.left_contact_con{ width:250px; float:left; background:#fff; padding-top:10px;}
.left_contact_con img{ text-align:center; margin-left:15px;}
.left_contact_con ul{ width:230px; float:left; padding:10px;}
.left_contact_con li{ width:230px; float:left; line-height:26px; font-size:14px;}

.right_box{ width:930px; float:left; overflow:hidden; padding-top:10px;}
.right_box_top{ width:930px; padding:25px 0px; float:left; color:#354052; border-bottom:1px solid #eaeaea;}
.right_box_top span{ display: inline-block; border-left: #354052 solid 5px; margin-left: -1px; height: 20px; line-height: 20px; font-size: 18px; font-weight: bold; padding-left: 28px; }

.sub-menu { float:right; top: 26px; padding-right:20px;}
.sub-menu a { color: #c8c8c8;}
.sub-menu em { font-family: SimSun; padding: 0 8px; color: #c8c8c8; }

.col_products_box{width:250px; float:left; background:#fff;}
.pro_menu{width:250px; float:left;border-bottom:1px solid #eee;position:relative;z-index:20;}
.pro_menu dt{border-top:1px solid #eee;height:60px;line-height:60px;padding:0 8%;font-size:14px;color:#333;cursor:pointer;}
.pro_menu dt img{display:block;float:right;width:15px;margin-top:22px;border-left:none;border-bottom:none; vertical-align:middle;}
.pro_menu dl.on dt{background:#ea3c00;border:1px solid #ea3c00;color:#fff;}
.pro_menu dl.on img{margin-top:30px;}
.pro_menu dd{padding:19px 0px 17px 20px;display:none;}
.pro_menu dd a{display:block;font-size:16px;color:#666;line-height:26px;padding:8px 0;}
.pro_menu dd a.on,.pro_menu dd a:hover{font-size:16px;color:#411f03;font-weight:bolder;}

.pro_menu dt a{ color:#333; text-decoration:none;}
.pro_menu dl.on dt a{ color:#fff; text-decoration:none;}

.pro_menus{width:248px; float:left;border-bottom:1px solid #eee; background:#fff;}
.pro_menus ul{ width:238px; float:left; padding:5px 0px 5px 10px; line-height:22px;}
.pro_menus li{ width:228px; float:left; padding-left:10px; margin-bottom:10px; line-height:24px;}
.pro_menus li a{ color:#333; text-decoration:none;}
.pro_menus li a:hover{ color:#005bac; text-decoration:none;}

.page_content,.viewbox,.message_box,.news_box{ width:930px; padding:15px; float:left; font-size:14px; line-height:24px; color:#333; min-height:500px; overflow:hidden;}

.about_content{ width:900px; float:left; font-size:14px; line-height:24px; color:#333; min-height:500px; overflow:hidden; background:url(../images/about_bg.jpg) no-repeat; padding:300px 15px 0px 15px;}

.products_box{ width:920px; float:left; margin:0px auto; overflow:hidden; min-height:516px;}

.news_list ul{ width:900px; float:left; overflow:hidden;}
.news_list li{ width:890px; padding:0px 0px 10px 10px; float:left; line-height:26px; font-size:14px; margin-bottom:5px; border-bottom:1px dashed #ddd; background:url(../images/ico5.gif) no-repeat 0px 10px;}
.news_list li span{ float:right; font-size:12px; color:#999;}
.news_list li a{ color:#666; text-decoration:none;}
.news_list li a:hover{ color:#137fda; text-decoration:none;}

.case_box{ width:920px; padding:10px 5px; float:left;}
.case_box ul{ width:920px; float:left;}
.case_box li{ float: left; margin: 0px 5px 10px; width: 220px;}
.case_box li img {
	float:left;
	width: 210px;
	height: 289px;
}
.case_box li p {
	float:left;
	width: 100%;
	text-align: center;
}

.viewbox table tr td{ line-height:24px;}

.message_box span{ padding-top:10px; line-height:24px; float:left; overflow:hidden; width:900px;}
.message_boxForm{ width:900px; float:left; margin-top:10px;}

.service-menu .menu-p,.service-menu .menu-p .menu-i{background:url(../images/menubg.png) no-repeat;}
.service-menu{width:250px; float:left; overflow:hidden;}

.service-menu .menu-p{display:block;height:33px;overflow:hidden;padding:6px 0 6px 19px;border-top:solid 1px #e6e6e6;background-position:0 -50px;background-repeat:repeat-x;color:#444;font-size:14px;font-weight:normal;cursor:pointer; line-height:33px;}
.service-menu .menu-p .menu-i{float:left;display:inline;width:11px;height:11px;overflow:hidden;background-position:0 -103px;margin:10px 6px 0 0;}
.service-menu .menu-p a:link,.service-menu .menu-p a:visited{color:#444;text-decoration:none;font-size:14px;}
.service-menu .menu-p a:hover{color:#ff7300;text-decoration:none;}
.service-menu .menu-p-current .menu-i{background-position:-20px -103px;}
.service-menu .menu-p-current a:link,.service-menu .menu-p-current a:visited{color:#369;font-weight:bold;}
.service-menu .menu-p-current a:hover{color:#ff7300;}
.service-menu .menu-c{border-top:solid 1px #e6e6e6;display:none; width:250px;}
.service-menu .menu-c-current{display:block;}
.service-menu .menu-c ul{display:block;}
.service-menu .menu-c li{ width:220px; padding-left:30px; float:left; height:45px; line-height:45px; overflow:hidden; background:url(../images/pro_li.jpg) no-repeat;}
.service-menu .menu-c a:link,.service-menu .menu-c a:visited{color:#444;text-decoration:none;}
.service-menu .menu-c a:hover{color:#ff7300;text-decoration:none;}
.service-menu .menu-c .current:link,.service-menu .menu-c .current:visited{color:#369;font-weight:bold;}
.service-menu .menu-c .current:hover{color:#ff7300;}

.products_list{ width:920px; padding:10px 5px; float:left; min-height:450px;}
.products_list ul{ width:920px; float:left;}
.products_list li{ width:212px; float:left; margin:0px 9px 10px; text-align:center;}
.products_list li a{ color:#666; text-decoration:none;}
.products_list li p{ width:212px; float:left; text-align:center; line-height:24px; background:#f5f5f5; white-space: nowrap;text-overflow:ellipsis; overflow:hidden; color:#666;}

.products_content{ margin-top:15px; float:left; width:920px; overflow:hidden;}

#article_title { float:left; width:100%; text-align:center; line-height:22px; margin-bottom:8px; padding-top:10px;}
#article_title h1{-x-system-font:none; color:#cb180d; font-family:"微软雅黑",arial; font-size:20px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; line-height:30px;}

#article_small{ float:left; color:#666; width:100%; font-size:12px; padding-top:7px; text-align:center; background:#f8f8f8; border:1px dotted #ddd; padding-bottom:6px;}
#article_small span{ margin-right:8px; color:#666;}
#article_small span a{ color:#666;}
#article_small span a:hover{ color:#996600;}

.view_content{ font-size:14px; float:left; color:#000; line-height:24px; \width:900px; padding-top:10px; min-height:400px;}
.handle{ width:900px; overflow:hidden; clear:both; float:left;}
.turn { width: 900px; border-top: 1px solid #e0e0e0; padding-top: 25px; margin-top: 30px; position: relative; float:left;}
.turn p { float: left; font-size: 12px; line-height: 32px; font-weight: bold; padding: 0 20px; border-right: 1px solid #fff; background: #ececec; margin-bottom: 7px; }
.turn a.name { display: inline-block; min-width: 322px; padding: 0 10px; background: #f4f4f4; float: left; line-height: 32px; margin-bottom: 7px; }
.turn a.back { display: inline-block; font-weight: bold; line-height: 32px; padding: 0 28px; background: #ececec; position: absolute; top: 25px; right: 0; }
.turn a:hover { color: #cb180d; }
.turn .line { width: 100%; height: 0; line-height: 0; clear: both; }
.jiathis_style { position: absolute; bottom: 14px; right: 0; }
.jiathis_style span.t { display: inline-block; line-height: 16px; float: left;}


footer{
	padding-top: 4%;
}
.footer-item{
	width: 13%;
	float: left;
}

.main-footer{
	position:relative;
	color:#aeaeae;
	background-color:#222;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}

.main-footer:before{
	content:'';
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}

.main-footer p{
	line-height:2em;
	margin: 0;
}



.footer-item h2{
	position:relative;
	font-size:16px;
	line-height:1.4em;
	margin-bottom:40px;
	padding-bottom: 25px;
	font-weight:700;
	text-transform:uppercase;
	color:#fafafa;
}
.footer-item2{
	width: 12%;
}
.footer-item-cpfw{
	width: 16%;
}
.footer-item-jjfa{
	width: 17%;
}
.footer-item h2:after{
	content:'';
	position:absolute;
	left:0px;
	bottom:0px;
	width:17px;
	height:2px;
	background: #7b7b7b
}
.footer-item .footer-logo{
	margin-top: 60%;
	margin-left: 0;
}





.main-footer .contact-info{
	position:relative;
	margin-bottom:20px;
}

.contact-info li{
	position:relative;
	line-height:30px;
	font-size:12px;	
}

.footer-item li a{
	color: #8f8f8f;
}
.footer-item li a:hover{
	color: #e60012
}
.footer-contact {
	width: 17%;
}
.footer-contact li{
	padding-left: 28px;
	/*color: #e6e6e6;*/
}
.footer-contact li:first-child{
	line-height: 20px;
	margin-bottom: 8px;
}
.footer-contact li .icon{
	position:absolute;
	font-weight:700;
	font-size:14px;
	color:#e60012;
	left:0px;
	top:0px;
	line-height:32px;
	width:20px;
	height:30px;
	text-align:center;
	border-radius:3px;
}
.footer-contact li.footer-ewm{
	margin-top: 10%;
}
.footer-contact li.footer-ewm img{
	margin-left: 0;
	width: 100px;
	height: 100px;
	border: 3px solid #fff;
}

.main-footer .latest-work .work-block .link-box{
	position:relative;
	display:block;
	padding:22px 20px 22px 30px;
	background:#0d0d0d;
	color:#dddddd;
	border-radius:3px;	
}
.main-footer .auto-container{
	width: 1200px;
	padding: 0;
	margin:0px auto;
}

.footer-bottom{
	position:relative;
	padding: 12px 0px;
	font-size: 12px;
	color:#8f8f8f;
	text-align: center;
	background: #0d0d0d
}