.divCon {
	margin: 0 auto;
	width: 1200px;
}

.divCon:after {
	content: "";
	display: block;
	clear: both;
}

.main:after {
	content: "";
	display: block;
	clear: both;
}

.mod_title {
	margin-bottom: 30px;
	width: 100%;
	text-align: center;
}

.mod_title > p.title1 {
	display: inline-block;
	font-size: 32px;
	font-weight: bold;
	color: #333333;
	position: relative;
}

.mod_title > p.title1:before {
	content: "";
	display: block;
	position: absolute;
	top: 20px;
	left: -120px;
	width: 70px;
	height: 2px;
	background: #333333;
}

.mod_title > p.title1:after {
	content: "";
	display: block;
	position: absolute;
	top: 20px;
	right: -120px;
	width: 70px;
	height: 2px;
	background: #333333;
}

.mod_title > p.title2 {
	font-size: 18px;
	color: #666666;
	line-height: 40px;
}


.mod_title.white > p.title1{
	color: #ffffff;
}
.mod_title.white > p.title1:before {
	background: #ffffff;
}

.mod_title.white > p.title1:after {
	background: #ffffff;
}

.mod_title.white > p.title2 {
	color: #666666;
}

.mod_title > p.title3 {
	font-size: 48px;
	font-weight: bold;
	color: #FFFFFF;
}

.mod_title > p.title4 {
	margin-top: -40px;
	font-size: 34px;
	font-weight: bold;
	color: #048444;
}

.mod_title > p.title5 {
	margin-top: 60px;
	font-size: 32px;
	color: #333333;
	position: relative;
}

.mod_title > p.title5:before {
	content: "";
	position: absolute;
	left: 50px;
	top: 18px;
	width: 345px;
	height: 3px;
	background: #D5D5D5;
}

.mod_title > p.title5:after {
	content: "";
	position: absolute;
	right: 50px;
	top: 18px;
	width: 345px;
	height: 3px;
	background: #D5D5D5;
}

.mod_content {
	width: 100%;
}

.mod_content:after {
	content: "";
	display: block;
	clear: both;
}




#Header {
	width: 100%;
}

#IndexBanner {
	width: 100%;
}

#IndexBanner:after {
	content: "";
	display: block;
	clear: both;
}

#IndexSearch {
	width: 100%;
	height: 80px;
	background: #F1F1F1;
}

.keyWords {
	width: 880px;
	height: 80px;
	overflow: hidden;
}

.keyWords > p {
	float: left;
	line-height: 80px;
	font-size: 15px;
	color: #333333;
}

.keyWords > a {
	margin: 0 10px;
	line-height: 80px;
	font-size: 15px;
	color: #333333;
	text-decoration: none;
}

.SearchBox {
	margin: 24px 0;
	width: 310px;
	height: 32px;
	position: relative;
}

input.searchinput {
	position: absolute;
	left: 0;
	top: 0;
	padding-left: 15px;
	width: 295px;
	height: 30px;
	background: transparent;
	outline: none;
	border: 1px solid #333333;
	border-radius: 20px;
}

input.searchbtn {
	position: absolute;
	top: 1px;
	right: 10px;
	width: 30px;
	height: 30px;
	background: url(../images/searchbtn.png) no-repeat center;
	border: none;
	cursor: pointer;
}




#top1 {
	width: 100%;
	height: 45px;
	background: #F5F5F5;
}

.topWell {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	height: 45px;
	line-height: 45px;
}

.topWell > span {
	font-size: 14px;
	color: #999999;
}

.topCollection {
	height: 45px;
}

.topCollection > a {
	margin-left: 15px;
	margin-top: 14px;
	display: inline-block;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	text-decoration: none;
	color: #999999;
}

.topCollection > a.sethome1 {
	padding-left: 30px;
	background: url(../images/Collection1.png) no-repeat center left;
}

.topCollection > a.sethome2 {
	padding-left: 30px;
	background: url(../images/Collection2.png) no-repeat center left;
}

.topCollection > a.sethome3 {
	padding-left: 30px;
	background: url(../images/Collection3.png) no-repeat center left;
}




#top2 {
	width: 100%;
	height: 145px;
	background: #FFFFFF;
}

.topLogo {
	height: 145px;
	text-align: left;
}

.topPhone {
	padding-left: 50px;
	width: 250px;
	height: 125px;
	padding-top: 20px;
	background: url(../images/topPhone.png) no-repeat left top 50px;
}

.topPhone > p.title {
	padding-top: 15px;
	font-size: 14px;
	color: #333333;
}

.topPhone > p.phone {
    font-size: 26px;
    color: #F96702;
    font-weight: bold;
    line-height: 36px;
    width: 250px;
}




#top3 {
	width: 100%;
	height: 50px;
	background: #048444;
}

.topNav {
	width: 100%;
	height: 50px;
}

.topNav > li {
	float: left;
	width: 150px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	transition: 0.5s;
}

.topNav > li > a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 15px;
	color: #FFFFFF;
	text-decoration: none;
}

.topNav > li:hover {
	background: #F96702;
}

.topNav > li.cur {
	background: #F96702;
}




#PageBanner {
	width: 100%;
	height: 380px;
	background-position: center;
	background-repeat: no-repeat;
}

#PageBanner:after {
	content: "";
	display: block;
	clear: both;
}







#Footer {
	padding-top: 50px;
	width: 100%;
	height: 220px;
	background: url(../images/Footer.jpg) no-repeat center;
}

.footLogo {
	width: 210px;
	text-align: center;
}

.footLogo > a {
	display: inline-block;
	margin: 15px auto;
	
	text-align: center;
}

.footLogo > p.title {
	padding-left: 30px;
	text-align: left;
	color: #fff;
	font-size: 14px;
}

.footLogo > p.phone {
	margin: 5px auto;
	width: 170px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	font-size: 18px;
	font-weight: bold;
	background: -webkit-linear-gradient(#fb934c, #f96702);
	
	background: -o-linear-gradient(#fb934c, #f96702);
	
	background: -moz-linear-gradient(#fb934c, #f96702);
	
	background: linear-gradient(#fb934c, #f96702);
	border-radius: 25px;
	color: #FFFFFF;
}

.footContact {
	margin: 0 57px;	
	width: 450px;
	height: 165px;
	font-size: 15px;
	color: #fff;
	line-height: 33px;
	overflow: hidden;
}
.footContact a {
	color:#fff;
	text-decoration:none;
}

.footCode {
	width: 213px;
	height: 194px;
	background: url(../images/footCode.png) no-repeat center;
}

.footCode > img {
	display: block;
	margin: 0 auto;
	width: 145px;
	height: 145px;
}




#CopyRight {
	width: 100%;
	height: 47px;
	line-height: 47px;
	background: #F2F2F2;
}

#CopyRight p {
	float: left;
	font-size: 16px;
	color: #333333;
}

#CopyRight a {
	font-size: 16px;
	text-decoration: none;
	color: #333333;
	margin: 0 10px;
}







#IndexProduct {
	padding: 50px 0;
	width: 100%;
	background: #F4F4F4;
}

.product_Sort {
	width: 100%;
	height: 54px;
	display: flex;
	justify-content: space-around;
}

.product_Sort > a {
	display: block;
	float: left;
	margin: 0 3px;
	width: 216px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 16px;
	color: #fff;
	background: #048444;
	/*border: 2px solid #DEDCDC;*/
	text-decoration: none;
	border-radius: 15px;
	transition: 0.5s;
}

.product_Sort > a:hover {
	margin-top: -5px;
	border: 2px solid #F96702;
	background: #F96702;
	color: #FFFFFF;
}

.product_list {
	width: 100%;
}

.product_list:after {
	content: "";
	display: block;
	clear: both;
}

.product_list > li:nth-child(4n) {
	margin-right: 0;
}

.product_list > li {
	float: left;
	margin: 10px 33px 10px 0px;
	width: 275px;
	position: relative;
}

.product_list > li > .IMG {
	width: 275px;
	height: 210px;
	border: 2px solid #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	cursor: pointer;
}

.product_list > li > .IMG img {
	max-width: 100%;
	max-height: 100%;
	transition: 0.5s;
}

.product_list > li > .TXT {
	width: 100%;
	height: 50px;
	text-align: center;
	line-height: 50px;
	background-color: #048444;
	border-radius: 0 0 10px 10px;
}

.product_list > li > .TXT a {
	text-decoration: none;
	font-size: 14px;
	color: #FFFFFF;
}

.product_list > li > a.Mask {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 275px;
	height: 210px;
	border: 2px solid #D8D8D8;
	background: rgba(0, 0, 0, 0.3) url(../images/mask1.png) no-repeat center;
	opacity: 0;
	transition: 0.5s;
}

.product_list > li:hover > .IMG img {
	transform: scale(1.2, 1.2);
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
}

.product_list > li:hover > a.Mask {
	opacity: 1;
	height: 280px;
}




#Advantage {
	padding: 38px 0;
	width: 100%;
	height: 647px;
	background: url(../images/Advantage.jpg) no-repeat center;
}

#Advantage .mod_content {
	height: 547px;
	background: url(../images/Advantage_con.jpg) no-repeat center;
	position: relative;
	border-radius: 10px;
}

.adv_nav {
	position: absolute;
	left: 40px;
	bottom: 115px;
	border-radius: 10px;
	overflow: hidden;
}

.adv_nav > li {
	float: left;
	width: 170px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	font-size: 20px;
	color: #FFFFFF;
	cursor: pointer;
}

.adv_nav > li.tabon {
	background: #F96702;
}

.adv_nav > li.taboff {
	background: #048444;
}

.adv_nav > p {
	float: left;
	width: 2px;
	height: 60px;
	background: #376184;
}

.adv_list {
	padding: 37px;
	height: 454px;
}

.adv_list > .TXT {
	width: 380px;
	height: 454px;
}

.adv_list > .TXT > p.num {
	float: left;
	margin-left: 20px;
	font-size: 60px;
	color: #F96702;
	position: relative;
}

.adv_list > .TXT > p.num:after {
	content: "";
	display: block;
	width: 100%;
	height: 4px;
	background: #048444;
}

.adv_list > .TXT > p.title1 {
	float: left;
	margin: 10px 0 0 15px;
	font-size: 26px;
	font-weight: bold;
	color: #048444;
}

.adv_list > .TXT > p.title1 > span {
	display: block;
	margin-top: 12px;
	font-size: 20px;
	color: #333333;
	font-weight: normal;
}

.adv_list > .TXT > ul {
	float: left;
	margin-top: 15px;
	width: 340px;
}

.adv_list > .TXT > ul > li {
	margin-top: 20px;
	padding-left: 15px;
	width: 315px;
	font-size: 14px;
	line-height: 24px;
	color: #333333;
	background: url(../images/adv_list.png) no-repeat left top 10px;
}

.adv_list > .IMG {
	width: 731px;
	height: 454px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	overflow: hidden;
}

.adv_list > .IMG img {
	max-width: 100%;
	max-height: 100%;
}




#Message {
	padding: 30px 0;
	width: 100%;
	height: auto;
	background: url(../images/Message.jpg) no-repeat repeat center;
}

.message_con {
	padding: 22px;
	width: 1156px;
	height: 240px;
	background: #FFFFFF;
	position: relative;
	border-radius: 10px;
}

.message_con > img {
	position: absolute;
	left: 22px;
	bottom: 22px;
}

.message_form {
	float: right;
	margin-right: 20px;
	width: 760px;
}

.message_form .message_text {
	float: left;
	padding-left: 40px;
	width: 325px;
	height: 55px;
	line-height: 55px;
	font-size: 15px;
	color: #666666;
	border-radius: 10px;
}

.message_form .message_text input {
	width: 260px;
	height: 40px;
	background: transparent;
	outline: none;
	border: none;
}

.message_form .message_textarea {
	float: left;
	padding-left: 40px;
	width: 720px;
	height: 110px;
	font-size: 15px;
	color: #666666;
	border-radius: 10px;
}

.message_form .message_textarea span {
	float: left;
	line-height: 55px;
}

.message_form .message_textarea textarea {
	float: left;
	margin-top: 16px;
	width: 620px;
	height: 80px;
	background: transparent;
	border: none;
	outline: none;
}

.message_buttom {
	float: left;
	margin-top: 20px;
	width: 100%;
	height: 35px;
	text-align: center;
}

.message_buttom input {
	width: 100px;
	height: 35px;
	border: none;
	outline: none;
	color: #FFFFFF;
	border-radius: 15px;
	background: #048444;
	cursor: pointer;
	transition: 0.5s;
}

.message_buttom input:hover {
	background: #F96702;
	color: #FFFFFF;
}

.message_form .BG1 {
	background: #F4F4F4 url(../images/message_textBG1.png) no-repeat center left 12px;
}

.message_form .BG2 {
	margin-left: 30px;
	background: #F4F4F4 url(../images/message_textBG2.png) no-repeat center left 12px;
}

.message_form .BG3 {
	margin-top: 20px;
	background: #F4F4F4 url(../images/message_textBG3.png) no-repeat top 20px left 12px;
}

.Partner_list {
	float: left;
	width: 100%;
	height: auto;
}

.Partner_list li:nth-child(5n) {
	margin-right: 0;
}

.Partner_list li {
	float: left;
	margin-bottom: 30px;
	margin-right: 36px;
	width: 211px;
	height: 117px;
	text-align: center;
	line-height: 117px;
	background: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
}

.Partner_list li img {
	max-width: 100%;
	max-height: 100%;
}




#Customer {
	width: 100%;
	padding: 65px 0;
	height: 539px;
	background: url(../images/Customer.jpg) no-repeat center;
}

#Customer .mod_title > p.title1, #Customer .mod_title > p.title2 {
	color: #FFFFFF;
}

#Customer .mod_title > p.title1:after, #Customer .mod_title > p.title1:before {
	background: #FFFFFF;
}

.customer_list {
	width: 100%;
}

.customer_list:after {
	content: "";
	display: block;
	clear: both;
}

.customer_list > li:nth-child(3n) {
	margin-right: 0;
}

.customer_list > li {
	float: left;
	margin-right: 25px;
	width: 383px;
	height: 400px;
	background: #FFFFFF;
	position: relative;
	border-radius: 0 0 10px 10px;
}

.customer_list > li > a.IMG {
	display: block;
	width: 100%;
	height: 210px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.customer_list > li a.IMG img {
	width: 100%;
	max-height: 100%;
	transition: 0.5s;
}

.customer_list > li a.IMG:hover img {
	transform: scale(1.2, 1.2);
}

.customer_list > li p.title {
	position: absolute;
	left: 0;
	top: 164px;
	padding: 0 30px;
	width: 323px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #F4F4F4;
	background: rgba(0, 0, 0, 0.5);
	overflow: hidden;
}

.customer_list > li p.description {
	padding: 25px 40px;
	height: 72px;
	line-height: 24px;
	overflow: hidden;
}

.customer_list > li a.more {
	display: block;
	/*margin-left: 40px;*/
	margin: 0 auto;
	width: 140px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	font-size: 15px;
	background: #F96702;
	color: #FFFFFF;
	border-radius: 20px;
	text-decoration: none;
	transition: 0.5s;
}

.customer_list > li a.more:hover {
	background: #053255;
}




#Advisory {
	width: 100%;
	height: 147px;
	background: url(../images/Advisory.jpg) no-repeat center;
}

#Advisory .test {
	margin-left: 200px;
	width: 520px;
	height: 147px;
}

#Advisory .test p.txt1 {
	padding-top: 25px;
	font-size: 33px;
	font-weight: bold;
	color: #333333;
}

#Advisory .test p.txt2 {
	padding-left: 80px;
	font-size: 18px;
	color: #333333;
}

#Advisory .test p.txt2 span {
	font-size: 28px;
	color: #048444;
}

#Advisory .phone {
	margin-right: 110px;
	width: 190px;
	height: 147px;
	text-align: center;
}

#Advisory .phone p.txt1 {
	padding-top: 15px;
	font-size: 15px;
	color: #333333;
}

#Advisory .phone p.txt2 {
	font-size: 20px;
	font-weight: bold;
	color: #333333;
}

#Advisory .phone a.more {
	margin: 10px auto;
	display: block;
	width: 100px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #FFFFFF;
	background: #F96702;
	border-radius: 20px;
	text-decoration: none;
}




#News {
	padding: 70px 0;
	width: 100%;
	background: #FFFFFF;
}

.news_phone {
	width: 212px;
	height: 480px;
	background: #F0F0F0;
	border-radius: 10px;
}

.news_phone .IMG1 {
	display: block;
	margin: 13px auto;
	width: 184px;
	height: 243px;
}

.news_phone .IMG2 {
	display: block;
	margin: 0 auto;
	padding-top: 20px;
	width: 37px;
	height: 37px;
}

.news_phone p.test1 {
	margin: 5px 0;
	text-align: center;
	font-size: 15px;
	color: #333333;
}

.news_phone p.test2 {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #021a2f;
}

.news_phone a.more {
	margin: 10px auto;
	display: block;
	width: 112px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 15px;
	background: url(../images/news_phone1.png) no-repeat center;
}

.news_con {
	margin: 0 44px;
	padding: 0 45px;
	width: 505px;
	height: 480px;
	border-left: 2px solid #C0C0C0;
	border-right: 2px solid #C0C0C0;
}

.news_tit {
	width: 100%;
	height: 65px;
}

.news_tit > p {
	font-size: 22px;
	color: #333333;
	line-height: 65px;
}

.news_tit > p span {
	font-size: 14px;
}

.news_tit > p a {
	float: right;
	font-size: 13px;
	color: #333333;
	text-decoration: none;
}

.news_list {
	width: 100%;
}

.news_list > li {
	margin-top: 22px;
	width: 100%;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #CCCCCC;
}

.news_list > li a {
	text-decoration: none;
	font-size: 14px;
	color: #333333;
}

.news_list > li span {
	float: right;
	font-size: 14px;
	color: #666666;
}

.problem {
	width: 300px;
	height: 480px;
}

.problem > div.title {
	width: 100%;
	height: 65px;
	background: url(../images/problem.png) no-repeat center left;
}

.problem > div.title p {
	padding-left: 45px;
	font-size: 22px;
	line-height: 65px;
}

.problem > div.title p span {
	font-size: 14px;
}

.problem > div.title p a {
	float: right;
	text-decoration: none;
	color: #333333;
	font-size: 13px;
}

.problem_list {
	width: 100%;
	height: 415px;
}

.problem_list li {
	float: left;
	width: 100%;
	height: 164px;
}

.problem_list li .ask {
	margin-top: 22px;
	width: 100%;
	height: 60px;
	background: url(../images/ask.jpg) no-repeat center;
}

.problem_list li .ask a {
	margin-left: 65px;
	line-height: 60px;
	font-size: 14px;
	color: #333333;
	text-decoration: none;
}

.problem_list li .answer {
	margin-top: 22px;
	width: 100%;
	height: 60px;
	background: url(../images/answer.jpg) no-repeat center;
}

.problem_list li .answer a {
	display: inline-block;
	margin-top: 13px;
	margin-left: 25px;
	width: 200px;
	height: 34px;
	font-size: 14px;
	color: #333333;
	line-height: 17px;
	text-decoration: none;
	overflow: hidden;
}




#AbouUs {
	padding: 50px 0;
	width: 100%;
	height: 530px;
	background: url(../images/AbouUs.jpg) no-repeat center;
}
#AbouUs .mod_content{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#AbouUs .about_11 {
	/*display: block;
	margin: 0 auto;
	border: 5px solid #FFFFFF;
	border-radius: 10px;
	text-align: center;*/
	width: 48%;
}
#AbouUs .about_22{
	width: 48%;
}

#AbouUs p.title {
	margin: 0 auto 30px;
	width: 100%;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	color: #333333;
}

#AbouUs div.content {
	margin: 0 auto;
	width: 100%;
	line-height: 24px;
	height: 264px;
	overflow: hidden;
	/*text-align: center;*/
	font-size: 13px;
	color: #333333;
}
#AbouUs div.content p{
	text-indent: 2em;
}
.about_list {
	margin: 0 auto;
	width: 100%;
	/*height: 50px;*/
}

.about_list > li:nth-child(2n) {
	margin-right: 0;
}

.about_list > li {
	float: left;
	margin-right: 2%;
	width: 23%;
	height: 48px;
	background: url(../images/about_list1.png) no-repeat left center;
	background-size: 100% 100%;
	cursor: pointer;
	transition: 0.5s;
	margin-top: 20px;
	text-align: center;
	box-sizing: border-box;
}

.about_list > li span {
	margin-left: 20px;
	display: block;
	font-size: 16px;
	color: #333333;
	line-height: 48px;
}

.about_list > li:hover {
	background: url(../images/about_list2.png) no-repeat left center;
	background-size: 100% 100%;
}