*{
	padding:0px;
	margin:0px;
	box-sizing:border-box;
}
body{
	min-width:1200px;
	max-width:1920px;
	overflow-x:hidden;
	font:12px/1.5em "microsoft yahei";color:#656565;background:#fff;
}
ul,li{
	list-style:none;
}
p{
	line-height:1;
}
img{
	border:none;
	outline:none;
}
h1,h2,h3,h4,h5,h6,h7{
	margin:0px;
}
.clearfix{
	zoom:1;
}
.clearfix:after{
	content:"";
	display:block;
	clear:both;
	visibility:hidden;
	font-size:0px;
	height:0px;
}
a:link{
	color:#656565;
	text-decoration:none;
}
a:visited{
	color:#656565;
	text-decoration:none;
}
/*µ¥Ðг¬³öÊ¡ÂÔ*/
.line_1{
	white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis;
}
.line_2{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient: vertical;
}
.justify{
	text-align: justify;
	font-size:0px;
}
.justify li{
  display:inline-block;
  text-align:center;
  vertical-align: top;
}
.justify:after {
  content: "";
  display: inline-block;
  width: 100%;
}



.page{text-align:left;margin:10px auto; padding-bottom:20px;display:inline; color:#303030;}
.page_turner {padding:20px 0px 0px 1px;float:left;clear:both;}
.page_turner a, .page_turner span {float:left;display:block;border:1px solid #303030;padding:5px;margin-left:4px; line-height:14px;}
.page_turner a:link, .page_turner a:visited { text-decoration:none; }
.page_turner a:hover, .page_turner a.c {background:#303030; color:#fff;}

.page1{float:right;text-align:left;margin:10px 30px;display:inline;}
.page1_turner {padding:4px 0px 0px 1px;float:left;clear:both;}
.page1_turner a, .page_turner span {float:left;display:block;border:1px solid #303030;padding:5px;margin-left:4px; line-height:14px;}
.page1_turner a:link, .page_turner a:visited { text-decoration:none; }
.page1_turner a:hover, .page_turner a.c {background:#303030; color:#fff;}


/*top*/
.topwrap{
	width:100%;
	max-width:1920px;
	margin:0 auto;
}
.top1wrap{
	width:100%;
	height:33px;
	background-color:#f5f5f5;
}
.top1{
	width:1200px;
	height:33px;
	margin:0 auto;
}
.top1 p{
	line-height:33px;
}
.top1 p:nth-child(1){
	font-size:12px;
	color:#666666;
	float:left;
}
.top1 p:nth-child(2){
	font-size:14px;
	color:#302f8d;
	font-weight:bold;
	float:right;
}
.top2{
	width:1200px;
	height:120px;
	margin:0 auto;
}
.top2left{
	float:left;
	width:255px;
	height:120px;
	display:flex;
	display:-webkit-flex;
	align-items: center;
}
.top2middle{
	float:left;
	width:675px;
	height:120px;
	padding-top:60px;
}
.top2middle > ul{
	display:flex;
	display:-webkit-flex;
	justify-content: space-between;
}
.top2middle > ul > li{
	position:relative;
	height:27px;
}
.top2middle > ul > li > a{
	font-size:16px;
	color:#808080;
}
.top2middle > ul > li:hover{
	border-bottom:2px solid #302f8d;
}
.top2middle > ul > li:hover > a{
	font-weight:bold;
	color:#302f8d !important;
}
.navover{
	display:none;
	position:absolute;
	left:-20px;
	right:-20px;
	top:27px;
	z-index:10;
	background-color:#f5f5f5;
}
.navover ul li{
	width:100%;
	text-align:center;
	border-bottom:1px dashed #9e9c9c;
}
.navover ul li:last-child{
	border-bottom:none;
}
.navover ul li a{
	line-height:35px;
	font-size:14px;
}
.navon{
	border-bottom:2px solid #302f8d;
}
.navon > a{
	font-weight:bold;
	color:#302f8d !important;
}
.top2right{
	float:right;
}
.top2right form{
	font-size:0px;
	margin-top:45px;
}
.top2right input[type="text"]{
	width:200px;
	height:40px;
	outline:none;
	border:1px solid #ededed;
	padding-left:15px;
}
.top2right input[type="submit"]{
	width:40px;
	height:40px;
	background:url(../images/search.png) center center no-repeat;
	border:1px solid #ededed;
	outline:none;
	border-left:0px;
	vertical-align: bottom;
	cursor: pointer;
}
/*index*/
.index1wrap{
	width:1200px;
	height:500px;
	margin:0 auto;
	position:relative;
}
.index1{
	width:1200px;
	height:480px;
	padding:120px 45px 0 640px;
	position:absolute;
	left:0px;
	top:-60px;
	z-index:9;
	background-color:#fff;
	background:#fff url(../images/indexabout.jpg) left 60px center no-repeat;
	box-shadow:1px 1px 7px 0px darkgrey;
}
.index1 h2{
	font-size:30px;
	color:#333333;
	font-weight:normal;
	line-height:1;
	margin-bottom:36px;
}
.index1 p{
	font-size:16px;
	color:#666666;
	line-height:26px;
	margin-bottom:36px;
	text-align: justify;
}
.index1 a{
	display: block;
	width:120px;
	height:36px;
	background-color:#302f8d;
	font-size:14px;
	color:#ffffff;
	line-height:36px;
	text-align: center;
	cursor: pointer;
	border-radius:18px;
}
.index2{
	width:100%;
	max-width:1920px;
	height:200px;
	margin:0 auto;
	background: url(../images/indexadv.jpg) center center no-repeat;
	text-align: center;
}
.index2 p{
	font-size:48px;
	color:#ffffff;
	font-weight:bold;
	line-height:200px;
}
.index3wrap{
	width:100%;
	max-width:1920px;
	height:1260px;
	margin:0 auto;
	background: url(../images/indexabv_bg.jpg) center top no-repeat;
}
.index3{
	width:1200px;
	height:1260px;
	margin:0 auto;
	position:relative;
}
.index3 > div{
	position:absolute;
	width:600px;
}
.index3 > div h2{
	font-size:32px;
	color:#303289;
	padding-left:100px;
	margin-bottom:19px;
	line-height:60px;
}
.index3 > div p{
	font-size:16px;
	color:#808080;
	line-height:26px;
}
.index3_1{
	top:140px;
	left:0px;
}
.index3_2{
	top:554px;
	right:0px;
}
.index3_3{
	top:975px;
	left:0px;
}
.index4wrap{
	width:100%;
	height:585px;
	max-width:1920px;
	margin:0 auto;
	background-color:#f5f5f5;
}
.index4{
	width:1200px;
	height:585px;
	margin:0 auto;
	padding-top:80px;
	position:relative;
	text-align:center;
}
.index4 h2{
	font-size:44px;
	color:#333333;
	line-height:1;
	margin-bottom:48px;
}
#scrollpro{
	width:1200px;
	height:330px;
	overflow:hidden;
}
#scrollpro li{
	width:300px;
	height:330px;
	float:left;
	padding:0 5px;
}
#scrollpro p{
	font-size:16px;
	color:#545454;
	line-height:40px;
}
#leftarr{
	cursor:pointer;
	width:65px;
	height:65px;
	position:absolute;
	left:-95px;
	top:260px;
	background: url(../images/leftarr.png) center center no-repeat;
}
#rightarr{
	cursor:pointer;
	width:65px;
	height:65px;
	position:absolute;
	right:-95px;
	top:260px;
	background: url(../images/rightarr.png) center center no-repeat;
}
.index5{
	width:1200px;
	height:735px;
	margin:0 auto;
}
.index5left{
	width:522px;
	height:735px;
	padding-top:70px;
	float:left;
}
.index5right{
	width:636px;
	height:735px;
	padding-top:70px;
	float:right;
}
.index5title > div{
	float:left;
}
.index5title > a{
	float:right;
	font-size:12px;
	color:#666666;
	display:block;
	width:67px;
	height:27px;
	margin-top:18.5px;
	line-height:27px;
	text-align:center;
	border-radius:3px;
	background-color:#eeeeee;
}
.index5titles{
	margin-top:12px;
	margin-bottom:20px;
}
.index5titles a{
	font-size:20px;
	font-weight:bold;
	color:#bbbbbb;
}
.index5titles span{
	font-size:20px;
}
.index5on{
	color:#303289 !important;
}
.index5titles a:hover{
	color:#303289;
}
.news_1{
	width:100%;
	height:214px;
}
.news_1 > div{
	float:right;
	width:110px;
	height:214px;
	background-color:#303289;
	padding-top:55px;
	text-align:center;
}
.news_1 > div p:nth-child(1){
	font-size:60px;
	color:#ffffff;
	font-weight:bold;
	margin-bottom:19px;
}
.news_1 > div p:nth-child(2){
	font-size:24px;
	color:#ffffff;
}
.news_2{
	margin-top:20px;
	padding-bottom:10px;
	border-bottom:1px dashed #d6d6d6;
}
.news_2 a{
	font-size:16px;
	color:#333333;
	line-height:26px;
	padding-left:16px;
	background: url(../images/label_1.jpg) left center no-repeat;
}
.news_2 p{
	font-size:14px;
	color:#999999;
	margin-top:16px;
}
.news_3{
	padding-top:15px;
	padding-bottom:10px;
	border-bottom:1px dashed #d6d6d6;
}
.news_3 a{
	font-size:14px;
	color:#333333;
}
.news_3 p{
	font-size:12px;
	color:#999999;
	margin-top:16px;
}
.probwrap{
	width:100%;
}
.prob{
	width:100%;
	height:110px;
	padding:20px 0 15px;
	border-bottom:1px dashed #d6d6d6;
}
.prob:first-child{
	padding-top:0px;
	height:90px;
}
.prob a{
	font-size:16px;
	color:#333333;
	background: url(../images/label_a.jpg) left center no-repeat;
	padding-left:37px;
}
.prob p{
	font-size:14px;
	color:#999999;
	line-height:22px;
	padding-left:37px;
	margin-top:10px;
	background: url(../images/label_s.jpg) left top no-repeat;
}
/*pic*/






/*end*/
.footerwrap{
	width:100%;
	max-width:1920px;
	margin:0 auto;
	background-color:#303289;
}
.foot1wrap{
	width:1200px;
	height:260px;
	margin:0 auto;
}
.foot1{
	width:570px;
	padding-top:57.5px;
	float:left;
}
.foot1 p{
	line-height:25px;
	font-size:14px;
	color:#bfbfbf;
	margin-bottom:6.5px;
	padding-left:30px;
}
.foot1 p:nth-child(1){
	background: url(../images/label_1.png) left center no-repeat;
}
.foot1 p:nth-child(2){
	background: url(../images/label_2.png) left center no-repeat;
}
.foot1 p:nth-child(3){
	background: url(../images/label_3.png) left center no-repeat;
}
.foot1 p:nth-child(4){
	background: url(../images/label_4.png) left center no-repeat;
}
.foot1 p:nth-child(5){
	background: url(../images/label_2.png) left center no-repeat;
}
.foot2{
	font-size:14px;
	float:left;
	width:230px;
	padding-top:64px;
	padding-left:47px;
	background:url(../images/label_5.png) left top 64px no-repeat;
}
.foot2 li{
	float:left;
	width:90px;
	margin-bottom:18px;
}
.foot2 ul li:nth-child(odd){
	border-right:1px solid #b1b1b1;
}
.foot2 ul li:nth-child(even){
	text-align:right;
}
.foot3{
	float:right;
	width:195px;
	height:260px;
	padding-top:205px;
	background:url(../images/code.jpg) left top 64px no-repeat;
}
.foot3 span{
	font-size:14px;
	color:#bfbfbf;
}
.foot4wrap{
	width:100%;
	height:70px;
	border-top:1px solid #4144b1;
}
.foot4{
	width:1200px;
	height:69px;
	margin:0 auto;
}
.foot4 p:nth-child(1){
	font-size:14px;
	color:#bfbfbf;
	float:left;
	line-height: 69px;
}
.foot4 p:last-child{
	font-size:14px;
	color:#bfbfbf;
	float:right;
	line-height: 69px;
}
.foot4 p a{
	color:#bfbfbf !important;
}




.innerpage{
	width:100%;
	max-width:1920px;
	margin: 0 auto;
}
.innertitlewrap{
	width:100%;
	height:70px;
	margin:0 auto;
	border-bottom:1px solid #e6e6e6;
}
.innertitle{
	width:1200px;
	height:69px;
	margin:0 auto;
}
.titleleft{
	float:left;
	height:69px;
	font-size:14px;
	color:#999999;
	line-height:69px;
}
.titleleft a{
	color:#999999 !important;
	font-size:16px;
}
.titleleft > a:nth-child(1){
	background: url(../images/home.png) center center no-repeat;
}
.titleright{
	float:right;
	text-align:right;
	height:69px;
	font-size:14px;
	color:#999999;
	line-height:69px;
}
.titleright a{
	margin-left:55px;
	line-height:69px;
	font-size:16px;
	color:#999999 !important;
}
.innertitleon{
	display:inline-block;
	height:69px;
	border-bottom:3px solid #cc0000;
}
.titleright a:hover{
	display:inline-block;
	height:69px;
	border-bottom:3px solid #cc0000;
}

/*news.asp*/
.newscontent{
	width:1200px;
	margin:0 auto;
	padding-top:38px;
	padding-bottom:38px;
}
.news{
	height:220px;
	padding:30px 0;
	border-bottom:#dddddd 1px dashed;
}
.newsleft{
	width:240px;
	height:160px;
	float:left;
	overflow:hidden;
}
.newsleft img{
	width:240px;
}
.newsright{
	width:940px;
	float:right;
}
.newstitle{
	margin-bottom:16px;
}
.newstitle p:nth-child(1){
	float:left;
	font-size:18px;
	font-weight: bold;
	color:#545454;
	line-height:38px;
}
.newstitle p:nth-child(2){
	font-size:14px;
	float:right;
	color:#666666;
	line-height:38px;
}
.newsright p:nth-child(2){
	font-size:14px;
	color:#666666;
	line-height:25px;
	text-align: justify;
}
.newsright a:nth-child(3){
	margin-top:30px;
	display:block;
	width:100px;
	height:26px;
	background-color:#f2f2f2;
	color:#545454;
	font-size:12px;
	line-height:26px;
	text-align:center;
}
/*new.asp*/
.content{
	width:1200px;
	margin:0 auto;
	padding-top:38px;
	padding-bottom:38px;
}
.about_content{
	width:100%;
	max-width:1920px;
	margin:0 auto;
	padding:38px 0;
}
.content p.artical_title{
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
.artical_info{
	width:100%;
	background-color:#999;
	text-align:center;
	color:#fff;
	line-height:28px;
	height:28px;
	margin-top:15px;
	margin-bottom:15px;
}
.artical_content{
	padding-bottom:15px;
	margin-bottom:10px;
	border-bottom:1px dashed #393939;
}
.artical_content p{
	line-height:2 !important;
	font-size:15px;
}
.artical_others{
	margin-bottom:15px;
}
.artical_others p{
	line-height:1.5;
	font-size:15px;
}
.backlist{
	background-color:#999;
	color:#fff !important;
	padding:5px 10px;
}
/*pic*/
ul.piclists{
	width:100%;
	display:flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
ul.piclists li{
	width:340px;
	height:290px;
	text-align:center;
	margin-bottom:20px;
	background: #f5f5f5;
}
ul.piclists li a{
	display:block;
	height:240px;
}
/*price*/
.zxwrap{
	width:100%;
	max-width:1920px;
	height:1130px;
	margin:0 auto;
	background:url(../images/bg_word.png) center top 165px no-repeat, url(../images/bg_zxbj.jpg) center no-repeat;
}
.zx{
	width:1200px;
	height:1130px;
	margin:0 auto;
	padding-top:308px;
}
.zxbj_index{
	width:1200px;
	height:640px;
	background-color: #fff;
	background: #fff url(../images/bg_price.jpg) center center no-repeat;
	border-radius:25px;
	-ms-border-radius:25px;
	position:relative;
}
.bj_left{
	float:left;
	width:50%;
	padding:115px 0 0 120px;
}
.bj_title{
	position:absolute;
	width:645px;
	height:60px;
	top:-30px;
	left:377.5px;
	text-align:center;
	background-color:#caa064;
}
.bj_title p{
	line-height:60px;
	font-size:24px;
	color:#ffffff;
}
.bj_left h2{
	font-size:24px;
	color:#333333;
	line-height:1;
	margin-bottom:30px;
}
.bj_left h2 > span{
	font-size:12px;
	color:#caa064;
	font-weight: normal;
	margin-left:6px;
}
#bj > p{
	margin-bottom:20px;
	line-height:35px;
}
#bj > p > span:nth-child(1){
	font-size:20px;
	color:#333333;
}
#bj > p > span:nth-child(2){
	font-size:20px;
	color:#caa064;
	margin-left:4px;
	margin-right:10px;
	vertical-align: middle;
}
#province{
	width:122px;
	height:36px;
	border:1px solid #e6e6e6;
	outline: none;
	color:#333333;
	margin-right:8px;
}
#city{
	width:122px;
	height:36px;
	border:1px solid #e6e6e6;
	outline: none;
	color:#333333;
}
#bj > p:nth-child(2) input{
	width:253px;
	height:36px;
	border:1px solid #e6e6e6;
	outline:none;
	padding-left:10px;
	background:url(../images/bg_area.jpg) center right 9px no-repeat;
}
#bj > p:nth-child(2) input::-webkit-input-placeholder{
    font-size:14px;
    color:#999999;
}
#bj > p:nth-child(3){
	font-size:14px;
	color:#333333;
}
#bj > p:nth-child(3) input{
	margin:0 12px;
}
#bj > p:nth-child(5) input{
	width:253px;
	height:36px;
	border:1px solid #e6e6e6;
	outline:none;
	padding-left:10px;
}
#bj > p:nth-child(5) input::-webkit-input-placeholder{
    font-size:14px;
    color:#999999;
}
#bj > p:nth-child(6) input{
	width:253px;
	height:36px;
	border:1px solid #e6e6e6;
	outline:none;
	padding-left:10px;
}
#bj > p:nth-child(6) input::-webkit-input-placeholder{
    font-size:14px;
    color:#999999;
}
#bj > p:nth-child(7){
	font-size:14px;
	color:#333333;
	padding-left:128px;
}
#bj input[type="submit"]{
	cursor:pointer;
	display:block;
	width:90px;
	height:90px;
	border-radius:50%;
	-webkit-border-radius:50%;
	-ms-border-radius:50%;
	z-index:15;
	position:absolute;
	top:275px;
	left:645px;
	border:0px;
	outline:none;
	background:#ff6d15 url(../images/bg_price_sub.png) center center no-repeat;
}
.sub_scale{
	width:90px;
	height:90px;
	border-radius:50%;
	-webkit-border-radius:50%;
	-ms-border-radius:50%;
	z-index:12;
	position:absolute;
	top:275px;
	left:645px;
	background-color:#fda26b;
	-webkit-animation: scale-three2 1.5s ease infinite;
    -moz-animation: scale-three2 1.5s ease infinite;
    -o-animation: scale-three2 1.5s ease infinite;
    animation: scale-three2 1.5s ease infinite;
    animation-fill-mode: both;
}
@keyframes scale-three2 {
	0% {
		transform: scale(1);
		opacity: .8
	}
	100% {
		transform: scale(1.5);
		opacity: 0
	}
}
@-webkit-keyframes scale-three2 {
	0% {
		-webkit-transform: scale(1);
		opacity: .7
	}
	100% {
		-webkit-transform: scale(1.5);
		opacity: 0
	}
}
@-moz-keyframes scale-three2 {
	0% {
		-moz-transform: scale(1);
		opacity: .7
	}
	100% {
		-moz-transform: scale(1.5);
		opacity: 0
	}
}
@-o-keyframes scale-three2 {
	0% {
		-o-transform: scale(1);
		opacity: .7
	}
	100% {
		-o-transform: scale(1.5);
		opacity: 0
	}
}
.huxingwrap{
	display:inline-block;
	width:253px;
	height:36px;
	border:1px solid #e6e6e6;
	background:url(../images/bg_select.png) center right 5px no-repeat;
}
.huxingwrap span{
	display:inline-block;
	width:44px;
	height:34px;
	padding-left:5px;
	font-size:13px;
	color:#333333;
}
.huxing{
	position:absolute;
	top:385px;
	left:250px;
	width:253px;
	height:117px;
	border:1px solid #e6e6e6;
	background-color:#fff;
	z-index:11;
	display:none;
}
.huxing a{
	display: inline-block;
    width: 40px;
    text-align: center;
    margin: 5px 0;
    background-color: #f4f4f4;
    border-radius: 2px;
}
.huxing ul li{
	float:left;
	width:50px;
	text-align:center;
}
.huxing a.active{
	background-color:#ff6d15;
	color:#fff;
}

.bj_right{
	float:right;
	width:50%;
	padding:115px 140px 0 205px;
}
.bj_right > p:nth-child(1){
	font-size:20px;
	color:#333333;
	text-align: center;
}
.bj_right > p:nth-child(1) span{
	font-size:28px;
	color:#ff6d15;
	padding:0 15px;
}
.bj_2{
	margin-top:30px;
	width:365px;
	height:205px;
	border:1px solid #e6e6e6;
	padding:33px 80px 0 100px;
	margin-bottom:20px;
}
.bj_2 p{
	font-size:20px;
	color:#333333;
	margin-bottom:20px;
}
.bj_right > p:nth-child(3){
	font-size:14px;
	color:#333333;
	line-height:1.8;
}
.bj_right > p:nth-child(3) span{
	color:#caa064;
}
/*products.asp*/
ul.lists{
	width:100%;
	display:flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
ul.lists li{
	width:380px;
	text-align:center;
	margin-bottom:20px;
	background: #f5f5f5;
}
ul.lists li div{
	width:380px;
	height:366.89px;
	overflow:hidden;
}
ul.lists li div a{
	display:block;
	width:100%;
	height:100%;
}
ul.lists li div img{
	width:100%;
	vertical-align: bottom;
}
ul.lists li p:nth-child(2){
	color:#545454;
	font-size:16px;
	line-height:30px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
	height:80px;
	
}
/*走进创美*/
.cm{
	text-align:center;
}
.cm > h2:nth-child(1){
	font-size:36px;
	color:#333333;
	line-height:1;
	margin-bottom:9px;
}
.cm > p:nth-child(2){
	font-size:16px;
	color:#333333;
}
.cm1{
	width:100%;
	height:150px;
	background-color: #f5f5f5;
	display:flex;
	display:-webkit-flex;
	align-items: center;
	justify-content: space-around;
	margin:60px 0;
}
.cm1_1 p:nth-child(1){
	font-size:14px;
	color:#999999;
	font-weight: bold;
}
.cm1_1 p span{
	font-size:24px;
	color:#cc0000;
}
.cm1_1 p:nth-child(2){
	font-size:18px;
	color:#808080;
	margin-top:11px;
}
.vline{
	width:1px;
	height:30px;
	background-color:#dbdbdb;
}
.cm2{
	width:1200px;
	height:405px;
	margin:0 auto;
}
.cm2_left{
	width:627px;
	height:345px;
	float:left;
	overflow:hidden;
}
.cm2_left img{
	width:100%;
}
.cm2_right{
	width:735px;
	height:345px;
	float:right;
}
.cm2_right > p:nth-child(1){
	font-size:16px;
	color:#666666;
	text-indent: 2em;
	text-align: justify;
	line-height:28px;
	margin-bottom:20px;
}
.imgs_cm2{
	width:100%;
	display:flex;
	display:-webkit-flex;
	justify-content: space-between;
}
.imgs_cm2 div{
	width:238px;
	height:185px;
	border:1px solid #e6e3e1;
	padding-top:114px;
	text-align:center;
}
.imgs_cm2 div > p:nth-child(1){
	font-size:18px;
	color:#333333;
	margin-bottom:14px;
}
.imgs_cm2 div > p:nth-child(2){
	font-size:12px;
	color:#666666;
}
.imgs_cm2 div:nth-child(1){
	background:url(../images/cm2_1.png) center top 27px no-repeat;
}
.imgs_cm2 div:nth-child(2){
	background:url(../images/cm2_2.png) center top 27px no-repeat;
}
.imgs_cm2 div:nth-child(3){
	background:url(../images/cm2_3.png) center top 27px no-repeat;
}
.cm3wrap{
	width:100%;
	height:1760px;
	max-width:1920px;
	margin:0 auto;
	background: url(../images/cm3_bg.jpg) center top no-repeat;
}
.cm3{
	width:1200px;
	height:1760px;
	margin:0 auto;
	position:relative;
	padding-top:77px;
	text-align:center;
}
.cm3 h2{
	font-size:36px;
	color:#333333;
	line-height: 1;
	margin-bottom:35px;
	font-weight:normal;
}
.cm3 > p:nth-child(2){
	font-size:36px;
	color:#333333;
	font-weight: bold;
}
.cm3 > div{
	width:550px;
	height:230px;
	padding-top:53px;
	position:absolute;
}
.cm3 > div:nth-child(odd){
	padding-right:40px;
	text-align:right;
	left:57px;
}
.cm3 > div:nth-child(odd) p:nth-child(1){
	margin-right:108px;
}
.cm3 > div:nth-child(even){
	text-align:left;
	padding-left:40px;
	right:57px;
}
.cm3 > div:nth-child(even) p:nth-child(1){
	margin-left:108px;
}
.cm3 > div p:nth-child(1){
	font-size:24px;
	color:#333333;
}
.cm3 > div p:nth-child(2){
	margin-top:45px;
	font-size:14px;
	color:#666666;
}
.cm3_1{
	top:236px;
	background:url(../images/cm3_1.png) left 40px center no-repeat;
}
.cm3_1 p:nth-child(2){
	font-size:14px;
	color:#666666;
	margin-bottom:13px;
}
.cm3_1 p:nth-child(3){
	font-size:14px;
	color:#cc0000;
}
.cm3_2{
	top:292px;
	background:url(../images/cm3_2.png) right 40px center no-repeat;
}
.cm3_3{
	top:579px;
	background:url(../images/cm3_3.png) left 40px center no-repeat;
}
.cm3_4{
	top:635px;
	background:url(../images/cm3_4.png) right 40px center no-repeat;
}
.cm3_5{
	top:922px;
	background:url(../images/cm3_5.png) left 40px center no-repeat;
}
.cm3_6{
	top:978px;
	background:url(../images/cm3_6.png) right 40px center no-repeat;
}
.cm3_7{
	top:1265px;
	background:url(../images/cm3_7.png) left 40px center no-repeat;
}
.cm3_8{
	top:1321px;
	background:url(../images/cm3_8.png) right 40px center no-repeat;
}
.cm3 section{
	position:absolute;
	left:0px;
	right:0px;
	bottom:0px;
	height:148px;
	text-align:center;
}
.cm3 section p:nth-child(1){
	font-size:16px;
	color:#cc0000;
	margin-bottom:10px;
}
.cm3 section p:nth-child(2){
	font-size:16px;
	color:#cc0000;
}
.cm4wrap{
	width:100%;
	height:742px;
	max-width:1920px;
	margin:0 auto;
	background: url(../images/cm4_bg.jpg) center top no-repeat;
}
.cm4{
	width:1200px;
	height:742px;
	margin:0 auto;
	padding-top:139px;
	text-align:center;
}
.cm4 h2{
	font-size:36px;
	color:#ffffff;
	line-height: 1;
	font-weight: normal;
	margin-bottom:40px;
}
.cm4 p{
	font-size:36px;
	color:#ffffff;
	font-weight:bold;
}
.imgs_cm4{
	margin-top:54px;
	display:flex;
	display:-webkit-flex;
	justify-content: space-between;
}
/*品质工程*/
.prowrap{
	width:100%;
	max-width:1920px;
	margin: 0 auto;
}
.pro1wrap{
	width:100%;
	height:950px;
	padding-top:68px;
	background: url(../images/pro1_bg.png) center top no-repeat;
}
.protitle{
	text-align: center;
}
.protitle h2{
	font-size:48px;
	color:#1f0a00;
	line-height: 1;
	margin-bottom:15px;
}
.protitle p{
	font-size:22px;
	color:#8a8a8a;
}
.imgs_pro1{
	width:1200px;
	height:630px;
	margin:50px auto 0;
	overflow: hidden;
}
.pro1_left{
	width:375px;
	height:630px;
	background-color:#ffffff;
	float:left;
}
.pro1_right{
	width:1025px;
	height:630px;
	float:right;
}
.pro1_left a{
	display:block;
	width:375px;
	height:90px;
	line-height:89px;
	text-align: center;
	cursor:pointer;
	border-bottom:1px solid #e6e6e6;
	font-size:20px;
	color:#333333;
}
.pro1_left a:hover{
	background-color:#cc0000;
	color:#fff;
}
.pro1on{
	background-color:#cc0000;
	color:#fff !important;
}
.pro2{
	width:1200px;
	height:680px;
	margin:0 auto;
	padding-top:79px;
}
.imgs_pro2{
	margin-top:42px;
}
.pro3wrap{
	width:100%;
	height:640px;
	max-width:1920px;
	margin:0 auto;
	background-color:#f5f5f5;
}
.pro3{
	width:1200px;
	height:640px;
	position:relative;
	margin:0 auto;
	padding-top:80px;
}
#pro3Scroll{
	margin-top:62px;
	width:1200px;
	height:360px;
	overflow:hidden;
}
.items{
	width:300px;
	height:360px;
	float:left;
	margin:0 25px;
	box-shadow:1px 1px 6px 0px #bbbbbb;
}
.items img{
	vertical-align: top;
}
.items p{
	text-align:center;
	line-height: 60px;
	font-size:16px;
	color:#666666;
	background-color:#fff;
}
#pro3_left{
	position:absolute;
	display:block;
	width:55px;
	height:55px;
	left:-55px;
	top:375px;
	cursor:pointer;
	background: url(../images/pro3_left.jpg) center center no-repeat;
}
#pro3_right{
	position:absolute;
	display:block;
	width:55px;
	height:55px;
	right:-55px;
	top:375px;
	cursor:pointer;
	background: url(../images/pro3_right.jpg) center center no-repeat;
}



/*message*/
.msgwrap{
	margin:25px auto;
	padding:15px;
	border:1px solid #CCCCCC;
}
.msg_left{
	width:520px;
	float:left;
}
.msg_right{
	width:280px;
	float:right;
}
.msg_left > form > div{
	margin-bottom:22px;
}
.msg_left > form > div > span{
	display:inline-block;
	width:90px;
	text-align:center;
	font-weight:bold;
	font-size:14px;
}
.msg_left > form > div > input[type="text"]{
	width:365px;
	height:30px;
}


/*swiper*/
.swiper-pagination-bullet{
	width:8px;
	height:8px;
	background-color:#fff;
	border-radius:0;
	opacity:1;
}
.swiper-pagination-bullet-active{
	background-color:#50668f;
	opacity:1;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	left:120px;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
	background-image:url(../images/swiper_l.jpg);
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	background-image:url(../images/swiper_r.jpg);
}