@charset "utf-8";
* {
	word-wrap: break-word;
	margin: 0;
	padding: 0;
}

html, body, h1, h2, h3, h4, h5, h6, hr, p, iframe, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td, fieldset {
	margin: 0;
	padding: 0
}
ul, ol, dl {
	list-style-type: none
}
html, body {
	*position: static;
}
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: 400
}
input, button, textarea, select, optgroup, option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit
}
input, button {
	overflow: visible;
	vertical-align: middle;
	outline: none
}
body, th, td, button, input, select, textarea {
	font-family: "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, Verdana, sans-serif, "WenQuanYi Micro Hei", "\5B8B\4F53";
	font-size: 14px;
	color: #666;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
body {
	background: #fff;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal
}
a, area {
	outline: none;
	blr: expression(this.onFocus=this.blur());
	color: #666
}
a {
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}
a:hover {
	outline: none
}
a.ie6:hover {
	zoom: 1
}
a:focus {
	outline: none
}
a:hover, a:active {
	outline: none
}
:focus {
	outline: none
}
sub, sup {
	vertical-align: baseline
}
button, input[type="button"], input[type="submit"] {
	line-height: normal !important;
}

/*img*/

img {
	border: 0;
	vertical-align: middle
}
a img, img {
	-ms-interpolation-mode: bicubic
}
.img-responsive {
	max-width: 100%;
	height: auto
}

/*IE下a:hover 背景闪烁*/

*html {
	overflow: -moz-scrollbars-vertical;
	zoom:expression(function(ele) {
		ele.style.zoom="1";
		document.execCommand("BackgroundImageCache", false, true)
	}
	(this))
}

/*HTML5 reset*/

header, footer, section, aside, details, menu, article, section, nav, address, hgroup, figure, figcaption, legend {
	display: block;
	margin: 0;
	padding: 0
}
time {
	display: inline
}
audio, canvas, video {
	display: inline-block;
	*display: inline;
	*zoom: 1
}
audio:not([controls]) {
	display: none
}
legend {
	width: 100%;
	margin-bottom: 20px;
	font-size: 21px;
	line-height: 40px;
	border: 0;
	border-bottom: 1px solid #e5e5e5
}
legend small {
	font-size: 15px;
	color: #999
}
svg:not(:root) {
	overflow: hidden
}
fieldset {
	border-width: 0;
	padding: 0.35em 0.625em 0.75em;
	margin: 0 2px;
	border: 1px solid #c0c0c0
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
	height: auto
}
input[type="search"] {
	-webkit-appearance: textfield;
	/* 1 */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	/* 2 */
	box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

/*
Name:			style_clearfix
Example:		class="clearfix|cl"
Explain:		Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	*zoom: 1;
}
.clearfix {
	display: block;
}

/*********************************************************************/


/*font*****************************/

.f-12-c2 {
	font-size: 12px;
	color: #c2c1c9;
}
.f-14-96 {
	font-size: 14px;
	color: #969696;
}
.f-14-6e {
	font-size: 14px;
	color: #6e6e6e;
}
.f-14-98 {
	font-size: 14px;
	color: #989898;
}
.f-14-33 {
	font-size: 14px;
	color: #333333;
}
.f-14-74 {
	font-size: 14px;
	color: #747474;
}
.f-14-ff {
	font-size: 14px;
	color: #FFFFFF;
}
.f-16-37 {
	font-size: 16px;
	color: #373c41;
}
.f-16-96 {
	font-size: 16px;
	color: #969696;
}
.f-16-ef {
	font-size: 16px;
	color: #ef8201;
}
.f-20-37 {
	font-size: 20px;
	color: #373c41;
}
.f-20-ef {
	font-size: 20px;
	color: #EF8201;
}
.f-20-20 {
	font-size: 20px;
	color: #202020;
}
.f-22-ef {
	font-size: 22px;
	color: #EF8201;
}
.f-34-ef {
	font-size: 34px;
	color: #EF8201;
}
.f-36-37 {
	font-size: 36px;
	color: #373C41;
}
.f-42-96 {
	font-size: 42px;
	color: #969696;
}
.f-48-37 {
	font-size: 48px;
	color: #373c41;
}

/*font end******/


/*base*****************************/

.img-middle {
	width: 1920px;
	position: relative;
	left: 50%;
	margin-left: -960px;
}
.wrapper {
	width: 1200px;
	margin: auto;
}
.line183 {
	width: 183px;
	height: 2px;
	background-color: #ef8201;
	position: absolute;
	margin-top: -13px;
	margin-left: 102px;
}

/*head*/

body {
	overflow-x: hidden;
}
.head {
	position: absolute;
	width: 1360px;
	height: 78px;
	z-index: 9;
	background: #FFFFFF;
	left: 50%;
	margin: 28px 0 0 -680px;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.head .logo {

	height: 66px;
	float: left;
	margin-top: 6px;
}
.head .logo span{
	float: left;
	font-size:30px;
	margin-left:30px;
	margin-top:14px;
}
.head .logo img {
	float: left;
	height: 66px;
}
.head .nav {
	float: right;
}
#nav {
	text-align: center;
}
#nav>li {
	float: left;
	display: block;
	background: none;
	position: relative;
	z-index: 99;
}
#nav>li>.a {
	display: block;
	width: 100px;
	float: left;
	padding: 30px 0;
	zoom: 1;
}
#nav>li>a:hover, #nav>li>a.hov {
	background-color: #ef8201;
	color: #fff;
}
#nav ul {
	position: absolute;
		display: none;
	margin-top:78px;
	padding: 0;
}
#nav ul li {
	width: 110px;
	float: left;
	text-align: center;
	background-color: rgba(239, 130, 1, 0.8);
	border-bottom: 1px dashed #E3E3E3;
}
#nav ul li:hover {
	background-color: rgba(239, 130, 1, 0.6);
}
#nav ul a {
	color: #fff;
	font-weight: normal;
	width: 110px;
	display: block;
	padding: 10px 0;
}
#nav ul a:hover {
	background: transparent;

}

/*sidebar*/

.side {
	position: fixed;
	width: 54px;
	height: 275px;
	right: 0;
	top: 214px;
	z-index: 100;
}
.side ul li {
	width: 54px;
	height: 54px;
	float: left;
	position: relative;
	border-bottom: 1px solid #444;
}
.side ul li .sidebox {
	position: absolute;
	width: 54px;
	height: 54px;
	top: 0;
	right: 0;
	transition: all 0.3s;
	background: #000;
	opacity: 0.8;
	filter: Alpha(opacity=80);
	color: #fff;
	font: 14px/54px "微软雅黑";
	overflow: hidden;
}
.side ul li .sidetop {
	width: 54px;
	height: 54px;
	line-height: 54px;
	display: inline-block;
	background: #000;
	opacity: 0.8;
	filter: Alpha(opacity=80);
	transition: all 0.3s;
}
.side ul li .sidetop:hover {
	background: #EF8201;
	opacity: 1;
	filter: Alpha(opacity=100);
}
.side ul li img {
	float: left;
	margin: 15px 12px;
}
.title h1 {
	text-transform: uppercase;
	margin-bottom: 12px;
}
.read-more {
	position: relative;
	width: 90px;
	padding: 10px;
	transition: 0.3s;
}
.read-more:before {
	position: absolute;
	content: '';
	left: 50%;
	height: 3px;
	width: 0;
	background: #EF8201;
	top: 0;
	transition: all 0.3s;
}
.read-more:after {
	position: absolute;
	content: '';
	left: 50%;
	height: 3px;
	width: 0;
	background: #EF8201;
	bottom: 0;
	transition: all 0.3s;
}
.read-more:hover:before {
	left: 0;
	width: 100%;
}
.read-more:hover:after {
	left: 0;
	width: 100%;
}
.read-more i {
	position: absolute;
	width: 6px;
	height: 10px;
	background-image: url(../img/arrow_10.png);
	display: block;
	margin: -14px 0 0 110px;
}
.foot {
	padding: 76px 0;
	background-color: #f9f9f9;
}
.parent-company, .branch-company, .hotline {
	float: left;
}
.company, .foot .hotline .call {
	font-weight: 300px;
	margin-bottom: 16px;
}
.info {
	margin-bottom: 12px;
}
.parent-company {
	width: 340px;
}
.branch-company {
	width: 340px;
}
.hotline {
	position: relative;
	width: 170px;float: right
}

.foot .logos{float: left;font-size:18px;color:#333333}
.foot .logos img{height:66px;float: left;}
.foot .logos span{float: left;
    font-size: 30px;
    margin-left: 20px;
    margin-top: 14px;}

.hotline .weixin {
	position: absolute;
	z-index: 9;
	top: 113px;
}
.footer {
	background-color: #222222;
}
.footer .top, .footer .bottom {
	padding: 20px 0;
}
.footer .top a {
	float: left;
	display: block;
	width: 80px;
	border-right: 1px solid #7a7a7a;
	margin-right: 20px;
}
.footer .top a:hover, .footer .bottom a:hover {
	color: #bababa;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}
.footer-line {
	height: 2px;
	width: 1200px;
	background-color: #55555a;
	margin: auto;
}
.footer .bottom .left {
	float: left;
}
.footer .bottom .right {
	float: right;
}

/*********      page      ***************/


/*base end******/


/*index*****************************/


/*banner*/

.banner {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.banner .slideBox {
	width: 1920px;
	height: 527px;
	overflow: hidden;
}
.banner .slideBox .hd {
	height: 17px;
	overflow: hidden;
	position: absolute;
	width: 1200px;
	bottom: 35px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 1;
}
.banner .slideBox .hd ul {
	overflow: hidden;
	zoom: 1;
	text-align: right;
}
.banner .slideBox .hd ul li {
	display: inline-table;
	*display: inline;
	*zoom: 1;
	margin-right: 20px;
	cursor: pointer;
	width: 17px;
	height: 17px;
	border-radius: 10px;
	background: #fff;
	z-index: 99;
}
.banner .slideBox .hd ul li.on {
	background: #ef8201;
}
.banner .slideBox .bd {
	position: relative;
	height: 100%;
	z-index: 0;
}
.banner .slideBox .bd li {
	zoom: 1;
	vertical-align: middle;
}
.banner .slideBox .bd img {
	width: 1920px;
	height: 527px;
	display: block;
}

/*banner end*/

.index-box .about {
	position: relative;
	padding: 102px 0;
	height: 464px;
}
.index-box .about .left {
	position: absolute;
	width: 458px;
	height: 100%;
}
.index-box .about .left img {
	width: 458px;
	height: 464px;
}
.index-box .about .right {
	margin-left: 546px;
	padding: 10px 0;
	width: 648px;
	height: 100%;
}
.index-box .about .right .summary {
	padding: 26px 0 8px 0;
}
.index-box .about .right .summary p {
	margin-bottom: 40px;
	line-height: 26px;
}
.index-box .product {
	position: relative;
}
.index-box .product .title {
	margin-bottom: 30px;
}
.index-box .product .read-more {
	position: absolute;
	top:0;
	right: 15px;
	margin-top:-7px;
}
.sort-list ul {
	position: relative;
	width:1200px;
	display: -webkit-box;display: -ms-flexbox;display: flex;flex-wrap: wrap;flex-direction: row;
	

}
.sort-list ul li {
	border: 1px solid #e3e3e3;
	margin-left: -1px;
	display:block;-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;
}
.sort-list ul li a {
	display: block;
	padding:10px;
	text-align: center
}
.sort-list ul li .listb{
	height:30px;line-height:30px
}
.sort-list ul li p {text-align:center
}
.sort-list ul li i {
	position: absolute;
	width: 47px;
	height: 47px;
	display: block;
	background-repeat: no-repeat;
	background-image: url(../img/pro-list_05.png);
	top: 7px;
}
.sort-list ul li .i0 {
	background-position: 0 0;
}
.sort-list ul li .i1 {
	background-position: -44px 0;
}
.sort-list ul li .i2 {
	background-position: -99px 0;
}
.sort-list ul li .i3 {
	background-position: -146px 0;
}
.sort-list ul li .i4 {
	background-position: -190px 0;
}
.sort-list ul li .i5 {
	background-position: -240px 0;
}
.sort-list ul li .i6 {
	background-position: 0 0;
}
.sort-list ul li .i7 {
	background-position: -280px 0;
}
.sort-list ul li .i8 {
	background-position: -323px 0;
}
.sort-list ul li:hover, .sort-list ul li.active {
	background-color: #EF8201;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15) inset;
}
.sort-list li:hover p, .sort-list ul li.active p {
	color: #fff;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}
.sort-list li:hover i, .sort-list ul li.active i {
	background-image: url(../img/pro-list_03.png);
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}
.pro-list {
	margin-top: 30px;
	margin-bottom: 60px;
}
.pro-list .uls {
	margin-left: -24px
}
.pro-list .uls li {
	width:280px;
	height:300px;
	border: 1px solid #e3e3e3;
	float: left;
	text-align: center;
	margin:0 0 20px 24px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;


}
.pro-list .uls li>a {
	display: block;
	padding: 20px 10px;
	width:260px;
	height:260px;
}
.pro-list .uls li>a>p{
	height: 20px;
	line-height: 20px;
	overflow: hidden;
}

.pro-list .uls li:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15) inset;

}
.pro-list .uls li img {
	width: 260px;
	height: 195px;
	margin: auto;
}
.pro-list .uls li .name {
	margin: 20px 0 5px;
}
.index-box .news {
	position: relative;
}
.index-box .news .read-more {
	position: absolute;
	top: 30px;
	right: 15px;
}
.overimg {
	position: relative;
	display: block;
	overflow: hidden;
	box-shadow: 0 0 10px #FFF;
}
.light {
	cursor: pointer;
	position: absolute;
	left: -400px;
	top: 0;
	width: 368px;
	height: 277px;
	background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
	background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
	transform: skewx(-25deg);
	-o-transform: skewx(-25deg);
	-moz-transform: skewx(-25deg);
	-webkit-transform: skewx(-25deg);
}
.overimg:hover .light {
	left: 400px;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.index-box .news .news-list ul {
	padding: 58px 0 92px 0;
	width: 1300px;
}
.index-box .news .news-list ul li {
	width: 368px;
	height: 372px;
	float: left;
	margin-right: 48px;
}
.index-box .news .news-list ul li img {
	width: 368px;
	height: 278px;
}
.index-box .news .news-list .div {
	margin-top: 26px;
}
.index-box .news .news-list .div .left {
	float: left;
	width: 62px;
	border-right: 1px solid #e3e3e3;
}
.index-box .news .news-list .div .right {
	float: right;
	width: 282px;
	line-height: 26px;
	padding: 10px;
}
.index-box .news .news-list .div .right .title, .index-box .news .news-list .div .right.summary {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/*index end******/


/*news box*/

.news-box .subnav {
	padding: 56px 0 0;
}
.news-box .subnav ul li {
	float: left;
	border: 1px solid #e0e0e0;
	margin-right: 34px;
	text-align: center;
}
.news-box .subnav ul li a{
	display: block;
	padding: 10px 30px;
}
.news-box .subnav ul li:hover, .news-box .subnav ul li.active {
	background-color: #EF8201;
	border: 1px solid #EF8201;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15) inset;
}
.news-box .subnav ul li:hover a, .news-box .subnav ul li.active a {
	color: #fff;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}
.news-box .news-list .news {
	position: relative;
	padding: 60px 0;
}
.news-box .news-list .news .img {
	position: absolute;
	width: 364px;
	height: 268px;
	top: 32px;
}
.news-box .news-list .news .img img {
	width: 364px;
	height: 268px;
}
.news-box .news-list .news .info {
	width: 760px;
	height: 120px;
	margin-left: 400px;
	padding: 10px 0;
}
.news-box .news-list .news .info .title {
	margin-bottom: 20px;
}
.news-box .news-list .news .info .summary {
	margin-bottom: 80px;
	line-height: 26px;
}
.news-box .news-list .news .info .bottom .btn-more {
	float: left;
	width: 58px;
	padding: 12px 35px;
	border: 1px solid #e0e0e0;
	text-align: center;
}
.news-box .news-list .news .info .bottom div:hover {
	background-color: #EF8201;
	border: 1px solid #EF8201;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15) inset;
}
.news-box .news-list .news .info .bottom div:hover a {
	color: #fff;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}
.news-box .news-list .news .info .bottom .time {
	float: right;
	margin-top: 14px;
}
.line1200 {
	height: 1px;
	width: 1200px;
	background-color: #e0e0e0;
	margin: auto;
}

/*news end*******/


/*news*/

.news_index {
	margin-top: 50px;
}
.news-show {
	padding-top: 0;
}
.n_main .title {
	position: relative;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
}
.n_main .title .h2 {
	width: 1000px;
	line-height: 30px;
	font-size: 24px;
	color: #333;
	font-weight: normal
}
.n_main .title .p1 {
	width: 1000px;
	margin-top: 10px;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	color: #999
}
.n_main .title .qrcode {
	position: absolute;
	right: 0;
	bottom: 10px;
	font-size: 12px;
	line-height: 20px
}
.n_main .title .qrcode .wenzi {
	margin-top: 35px
}
.n_main .title .qrcode .code {
	width: 70px;
	height: 70px
}
.n_content {
	line-height: 40px;
	color: #666;
	overflow: hidden;
	padding: 40px;
}
.n_content img {
	max-width: 1200px;
	overflow: hidden;
}
.n_main {
	position: relative;
	width: 1200px;
	margin: auto;
}

/*pro-content-box*/

.product-content-box {
	position: relative;
	padding: 110px 0;
}
.product-content-box .right {
	float: right;
	width: 600px;
}
.product-content-box .right .detail {
	margin: 46px 0;
	line-height: 30px;
}
.product-content-box .right .detail .price {
	margin: 40px 0 50px 0;
}



.product-content-box .left {
	float: left;
	right: 0;
	width: 484px;
	height: 390px;
}
.product-content-box .left img {
	width: 484px;
	height: 390px;
}

/*pro-content end*/


/*sever box*/

.sever-box .range {
	background-image: url(../img/sever_02.jpg);
	text-align: center;
	padding: 68px;
}
.sever-box .range .img {
	width: 64px;
	height: 64px;
	margin: auto;
}
.sever-box .range .title {
	margin: 32px 0;
}
.sever-box .range .summary {
	line-height: 30px;
}
.sever-box .range .ps {
	padding: 22px;
	width: 632px;
	background-color: #EF8201;
	border-radius: 35px;
	margin: 32px auto;
}
.sever-box .support {
	padding: 70px 0;
	position: relative;
}
.sever-box .support .img {
	position: absolute;
	top: 222px;
	width: 581px;
	height: 281px;
}
.sever-box .support .img img {
	width: 581px;
	height: 281px;
}
.sever-box .info {
	margin: 0 10px 0 660px;
	width: 522px;
}
.sever-box .info .title {
	margin-bottom: 19px;
}
.sever-box .info .summary {
	line-height: 30px;
}
.sever-box .info .div1 {
	margin: 32px auto;
}
.sever-box .info .div2 {
	width: 250px;
	float: left;
}
.sever-box .info .div3 {
	width: 272px;
	float: left;
}

/*sever end*/


/*contect box*/

.contect-box .way {
	padding: 92px 0;
}
.contect-box .way .title {
	margin-bottom: 70px;
}
.contect-box .way .map {
	margin: 50px auto 0;
	width: 1200px;
}
.contect-box .message {
	padding-bottom: 90px;
}
.contect-box .message .title {
	margin-bottom: 68px;
}
.contect-box .message .in_form input, .contect-box .message .in_form textarea {
	border: 1px solid #e7e7e7;
	padding: 10px 15px;
	margin: 15px 0;
border-radius:2px;-webkit-transition:all 0.2s linear 0s;-moz-transition:all 0.2s linear 0s;-o-transition:all 0.2s linear 0s;transition:all 0.2s linear 0s
}
.contect-box .message .in_form input:hover, .contect-box .message .in_form textarea:hover {
	border: 1px solid #EF8201;
}
.contect-box .message .in_form input:focus, .contect-box .message .in_form textarea:focus {
border: 1px solid #EF8201;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(239, 130, 1, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(239, 130, 1, 0.6);
}
.contect-box .message .in_form .in_name {
	float: left;
}
.contect-box .message .in_form .in_name input, .contect-box .message .in_form .in_tel input {
	width: 550px;
	height: 18px;
}
.contect-box .message .in_form .in_tel {
	float: right;
}
.contect-box .message .in_form .in_area textarea {
	width: 1168px;
	height: 200px;
	resize: none;
	outline: none;
}
.contect-box .message .in_form .in_sub .submit {
	 float:left;
	width: 165px;
	height: 38px;
	background-color: #EF8201;
	text-align: center;
	padding: 10px 0;
	color: #FFFFFF;
	border: none;
}
.contect-box .message .in_form .in_sub .yzm{
	margin-left:20px;
	float: left;
	height: 38px;

}.contect-box .message .in_form .in_sub .yzm img{
	margin-left:20px;
	float: left;	width: 165px;
	height: 36px;border:1px solid #ddd;border-right:0

}.contect-box .message .in_form .in_sub .yzm input{
margin:0;
	float: left;height:16px;line-height:16px

}

/*contect end*/


/*about box*/

.about-box .about {
	padding: 98px 0;
}
.about-box .about .summary {
	margin: 40px 0 50px;
	line-height: 32px;
}
.about-box .about .img {
	width: 1200px;
	height: 350px;
}
.about-box .about .img img {
	width: 1200px;
	height: 350px;
}
.about-box .container {
	margin: 44px 0 80px;
	width: 1300px;
}
.about-box .container .div1, .about-box .container .div2, .about-box .container .div3, .about-box .container .div4 {
	position: relative;
	width: 577px;
	height: 190px;
	border: 1px solid #E7E7E7;
	float: left;
	margin-right: 40px;
	margin-bottom: 33px;
}
.about-box .container div .img {
	position: absolute;
	width: 190px;
	height: 190px;
}
.about-box .container div .img img {
	width: 190px;
	height: 190xp;
}
.about-box .container div .info {
	padding: 25px 0;
	margin-left: 220px;
}
.about-box .container div .info .summary {
	line-height: 30px;
	margin-top: 15px;
	height: 90px;
	overflow: auto;
	padding-right: 15px;
}

/*about end*/


/*join box*/

.join-box .adv1 {
	position: relative;
	padding: 110px 0;
}
.join-box .adv1 .container {
	margin-top: 50px;
}
.join-box .adv1 .container .img {
	position: absolute;
}
.join-box .adv1 .container .info {
	width: 550px;
}
.join-box .adv1 .container .info .title {
	margin: 0 0 22px;
}
.join-box .adv1 .container .info .summary {
	line-height: 26px;
}
.join-box .container .change {
	position: absolute;
	bottom: 0;
}
.join-box .change li {
	float: left;
}
.join-box .change a {
	width: 50px;
	height: 50px;
	display: block;
	background-color: #cacaca;
	margin: 0 10px;
	background-image: url(../img/join_07.png);
	background-size: 100px;
	background-repeat: no-repeat;
	cursor: pointer;
}
.join-box .change a:hover {
	background-color: #EF8201;
}
.join-box .change .prev {
	background-position: 6px 6px;
}
.join-box .change .next {
	background-position: -54px 6px;
}
.join-box .container .slideBox {
	position: relative;
	width: 550px;
	margin-left: 634px;
	height: 270px;
	padding: 20px 0;
}
.join-box .container .slideBox .bd {
	position: relative;
}
.join-box .container .slideBox .bd ul {
	width: 1100px;
}
.join-box .container .slideBox .bd ul li {
	width: 550px;
}
.join-box .adv2 {
	padding: 30px 0 140px 0;
}
.join-box .adv2 .list {
	position: relative;
}
.join-box .adv2 .list .bd ul {
	width: 1400px;
}
.join-box .adv2 .list .bd li {
	float: left;
	width: 284px;
	text-align: center;
	padding: 81px 65px 70px;
	margin-right: 0;
}
.join-box .adv2 .list .bd li img {
	width: 271px;
	margin: auto;
}
.join-box .adv2 .list li .title {
	margin: 35px 0 23px;
}
.join-box .adv2 .list li .summary {
	line-height: 26px;
}
.join-box .adv2 .list .change {
	position: absolute;
	left: 50%;
	margin-left: -70px;
}
.join-box .container .slideBox {
	position: relative;
	width: 1200px;
}
.join-box .list .slideBox .bd {
	position: relative;
}
.join-box .list .slideBox .bd ul {
	width: 1704px;
}
.join-box .list .slideBox .bd ul li {
	width: 270px;
}

/*join end*/


/**********news**********************/

.con-1200 {
	width: 1200px;
	margin: auto
}
.n_main .title {
	position: relative;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
}
.n_main .title .h2 {
	width: 1000px;
	line-height: 30px;
	font-size: 24px;
	color: #333;
	font-weight: normal
}
.n_main .title .p1 {
	width: 1000px;
	margin-top: 10px;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	color: #999
}
.n_main .title .qrcode {
	position: absolute;
	right: 0;
	bottom: 10px;
	font-size: 12px;
	line-height: 20px
}
.n_main .title .qrcode .wenzi {
	margin-top: 35px
}
.n_main .title .qrcode .code {
	width: 70px;
	height: 70px
}
.n_content {
	line-height: 40px;
	color: #666;
	overflow: hidden;
	padding: 40px;
}
.n_content img {
	max-width: 1200px;
	overflow: hidden;
}
.n_main {
	position: relative;
	width: 1200px;
	margin: auto;
}
.bg-fff {
	background: #fff
}
.height10 {
	height: 10px;
	clear: both;
	zoom: 1;
	line-height: 0;
	font-size: 0
}

.height50{
	height: 50px;
}
.pn_l{
	float: left;
}
.pn_r{
	float: right;
}





















/*********      page      ***************/
#page{ width:100%;padding:50px 0;overflow:hidden;margin:auto}
.pagination{text-align:center;}
.pagination > li{display: inline-block;height:40px !important;border-bottom:none !important;padding:0 !important;}
.pagination > li > a,.pagination > li > span{display:block;padding:0 14px;font-size:14px;margin:0 5px;border:none;background:#fff;border:1px solid #ddd;border-radius:4px;height:38px; line-height:38px;color:#666;}
.pagination .active span{background-color:#ef8201;border:1px solid #ef8201;color:#fff; font-weight:normal; font-size:14px;font-weight:bold}
.pagination .disabled{color:#aaa;}



/** prev next button ***/
.pn{ padding-top:15px;margin:auto; width:100%;line-height:1.8; overflow:hidden;border-top:1px solid #ddd;color:#666}
.pn_l{font-size:14px; overflow:hidden;}
.pn_l a:hover{color:#ef8201;}
.pn_r{font-size:14px; overflow:hidden;}
.pn_r a:hover{color:#ef8201;}





#mcover {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    display: none;
    z-index: 20000;
}
#mcover .notice_box {
    position: relative;
    top: 50%;
    left: 50%;
    margin-top:-380px;
    margin-left:-410px;
    width: 820px;
    height:770px;
    background-color:#ffffff;
    box-shadow:0 0 10px rgba(0,0,0,.5)
}
#mcover .notice_box .tit{
	padding-left:20px;
	height:49px;
	line-height:50px;
	border-bottom:1px solid #ddd;
	font-size:20px;
	color:#666666;
	text-align: left;
}
#mcover .notice_box .tit span{
	float: right;width:50px;height:50px;text-align:center;cursor:pointer
}
#mcover .notice_box .mains{
	width:800px;
	height:700px;
	padding:10px;
}