﻿/* Title YangFangLing 2018å¹´12æœˆ12æ—¥ */
.Title{text-align: center;}
.Title h3{color: #333;font-size: 30px;}
.Title h3 a{color: #333;}
.Title h3 b{color: #2755a3;}
.Title p{font-size: 18px;color: #666;margin-top: 10px;}
.Title i{width: 89px;height: 19px;display: block;margin: 20px auto 0;}
.Title i img{width: 89px;height: 19px;display: block;}

.Title02 h3{color: #fff;}
.Title02 p{color: #fff;}
.Title02 h3 em{font-size: 40px;font-weight: bold;}
/* Title End */

/* Banner YangFangLing 2018å¹´12æœˆ12æ—¥ */
.BannerCon{position: relative;    overflow: hidden;}
.banner-wrap { width: 100%; height: 550px; position: relative;}
.banner-box { height: 550px; position: relative;}
.banner-box ul li { width: 100%; height: 550px; position: absolute; left: 0; top: 0; z-index: 1; display: none;}
.banner-box ul li a{display: block;}
/* .banner-box ul li img { width: 1920px; height: 550px; position: relative; left: 50%; margin-left: -960px; } */
.banner-box ul li img { width: 1920px; height: 550px;}
.btm-circle {width: 100%;height: 24px;position: absolute;bottom: 30px;left: 0;text-align: center;}
.btm-circle span {display: inline-block;*display: inline;*zoom: 1;width: 35px;height: 10px;position: relative;z-index: 9;cursor: pointer;}
.btm-circle span:before {content: '';display: block;width: 10px;height: 10px;border: solid 1px #fff;position: absolute;left: 4px;top: 4px;border-radius: 50%;}
.btm-circle span.cur:before {background-color: #fff;}
.banner-wrap span.btn { display: block; width: 98px; height: 74px; background-color: #000; background-color: rgba(0,0,0,.4); position: absolute; top: 50%; z-index: 9; cursor: pointer;margin-top: -37px;display: none;}
.BannerCon .banner-wrap:hover .btn{display: block;}
.banner-wrap span.btn:hover { background-color: #2755a3;}
.banner-wrap span.l-btn {left: 3%;}
.banner-wrap span.r-btn {right: 3%;}
.banner-wrap span.btn:before { content: ''; display: block; width: 46px; height: 17px; background: url(../img/icons.png) no-repeat; position: absolute; left: 26px; top: 28px; }
.banner-wrap span.l-btn:before { background-position: -55px -5px; }
.banner-wrap span.r-btn:before { background-position: -5px -5px; }
/* Banner End */

/* Partner YangFangLing 2018å¹´12æœˆ12æ—¥ */
.Partner{background-color: #ededed;padding-top: 80px;overflow: hidden;}

.PartnerCon{margin-top: 25px;}
.PartnerCon ul{width: 1215px;margin-left: -15px;margin-top: -8px;}
.PartnerCon ul li{width: 220px;float: left;border: 2px #fff solid;margin-left: 8px;margin-top: 8px;}
.PartnerCon ul li a{width: 220px;height: 80px;display: block;overflow: hidden;}
.PartnerCon ul li a img{display: block;width: 220px;height: 80px;transition: .8s;}
.PartnerCon ul li:hover a img{transform: scale(1.1);}
.PartnerCon ul li:hover{border: 2px #2755a3 solid;}
.PartnerCon a.More{color: #fff;font-size: 14px;display: block;width: 120px;height: 45px;text-align: center;line-height: 45px;background-color: #2755a3;border-radius: 50px;margin: 40px auto 0;}
/* Partner End */

/* News YangFangLing 2018å¹´12æœˆ12æ—¥ */
.News{padding: 70px 0 85px;overflow: hidden;}

.NewsCon{margin-top: 35px;}
.NewsLeft{width: 688px;border: 1px #e6e6e6 solid;padding: 35px 15px;height: 413px;}
.NewsLeft dl{width: 320px;}
.NewsLeft dl dt{font-size: 18px;border-bottom: 1px #e6e6e6 solid;overflow: hidden;padding-bottom: 20px;}
.NewsLeft dl dt a{color: #333;float: left;}
.NewsLeft dl dt i{background: url(../img/NewsImg.png) no-repeat center center;width: 32px;height: 22px;display: block;float: right;}
.NewsLeft dl dd span{width: 320px;height: 200px;display: block;overflow: hidden;margin-top: 20px;}
.NewsLeft dl dd span img{width: 320px;height: 200px;display: block;transition: .8s;}
.NewsLeft dl:hover dd span img{transform: scale(1.1);}
.NewsLeft dl dd h3{font-weight: normal;font-size: 18px;margin: 15px 0 10px;color: #333;}
.NewsLeft dl dd p{font-size: 14px;color: #666;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;line-height: 25px;}
.NewsLeft dl:hover h3{color: #2755a3;}
.NewsLeft dl dd em{font-size: 14px;color: #666;display: block;margin-top: 10px;}
.NewsLeft dl:hover em{color: #2755a3;}

.CustomerChoiceGongGo{overflow: hidden;height: 413px; position: relative;}
.NewsLeft ul{margin-left: 40px;width: 328px;position: relative;}
.NewsLeft ul li{font-size: 14px;margin-top: 27px;background: url(../img/NewsIcon.png) no-repeat center left;padding-left: 25px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.NewsLeft ul li:first-child{margin-top: 0;}
.NewsLeft ul li a{color: #666;}
.NewsLeft ul li:hover a{color: #2755a3;}

.NewsRight{border: 1px #e6e6e6 solid;width: 428px;padding: 35px 15px;height: 413px;}
.IndustryNews ul li{font-size: 14px;overflow: hidden;margin-top: 21px;}
.IndustryNews ul li a{color: #666;float: left;display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 75%;}
.IndustryNews ul li:hover a{color: #2755a3;}
.IndustryNews ul li span{float: right;}
.IndustryNews h3{font-weight: normal;overflow: hidden;font-size: 18px;}
.IndustryNews h3 a{color: #333;float: left;}
.IndustryNews h3 i{background: url(../img/NewsImg02.png) no-repeat center center;width: 27px;height: 20px;display: block;float: right;}

.ScrewEncyclopedia{border-top: 1px #e6e6e6 solid;padding-top: 25px;margin-top: 37px;}
.ScrewEncyclopedia h3 i{background: url(../img/NewsImg03.png) no-repeat center center;width: 27px;height: 24px;}
/* News End */

/* Product YangFangLing 2018å¹´12æœˆ12æ—¥ */
.Product{background-color: #ededed;border-top: 1px #e6e6e6 solid;padding: 70px 0;overflow: hidden;}

.ProductCon{margin-top: 40px;}
.ProductBox{background-color: #fff;border: 1px #e6e6e6 solid;}

.ProductBox dl{border-top: 1px #e6e6e6 solid;background-color: #2755a3;}
.ProductBox dl:first-child{border-top: none;}
.ProductBox dl dt{
	width:180px;/* height: 80px; */
	text-align: center;/* line-height: 80px; *//* background-color: #2755a3; */
	font-size: 16px;
	font-weight: bold;/* padding: 16px 0; */
	line-height: 67px;
	background-color: #df1f29;
	margin-bottom: 80px;
}
.ProductBox dl dt a{color: #fff;display: block;}
.ProductBox dl dd{
	width: 180px;/* padding: 5px 30px 15px; *//* height: 60px; */
	background-color: #fff;
	padding-top: 0;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 30px;
}
.ProductBox dl dd a{font-size: 14px;color: #666;/* margin-right: 20px; */margin: 25px 15px;display: inline-block;*display: inline;*zoom: 1;}
.ProductBox dl dd a:hover{color: #2755a3;}
.ProductBox dl.dl02 dt{/* height: 50px; *//* line-height: 50px; *//* line-height: 74px; */}
.ProductBox dl.dl02 dd{/* height: 50px; */padding: 0 30px;width: 1008px;}

.ProductImg ul{
	width: 930px;
	float: right;
}
.ProductImg ul li{float: left;width: 288px;margin-left: 15px;text-align: center;margin-top: 15px;background-color: #fff;}
.ProductImg ul li:hover{box-shadow: 0 0 20px rgba(0,0,0,.1);}
.ProductImg ul li span{width: 288px;height: 199px;display: block;overflow: hidden;}
/* .ProductImg ul li span img{width: 288px;height: 199px;display: block;transition: .8s;} */
.ProductImg ul li span img{width: 288px;height: 288px;display: block;transition: .8s;}
.ProductImg ul li:hover span img{transform: scale(1.03);}
.ProductImg ul li h3{font-weight: normal;font-size: 16px;padding: 0 10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.ProductImg ul li h3 a{color: #333;}
.ProductImg ul li p{font-size: 14px;color: #666;padding: 0 10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-top: 10px;}
.ProductImg ul li em{width: 120px;height: 40px;text-align: center;line-height: 40px;display: block;border-radius: 50px;margin: 20px auto;border: 1px #e6e6e6 solid;}
.ProductImg ul li:hover em{background-color: #2755a3;border: 1px #2755a3 solid;color: #fff;}
/* Product End */

/* Solution YangFangLing 2018å¹´12æœˆ12æ—¥ */
.Solution{padding: 70px 0;overflow: hidden;}

.SolutionCon{margin-top: 30px;}
.SolutionLeft{width: 270px;background-color: #ededed;border: 1px #e6e6e6 solid;}
.SolutionLeft ul li{height: 70px;line-height: 70px;font-size: 16px;padding: 0 40px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;border-top: 1px #ccc solid;transition: .8s;width: 190px;}
.SolutionLeft ul li:first-child{border-top: none;}
.SolutionLeft ul li.cur{background-color: #2755a3;width: 240px;}
.SolutionLeft ul li.cur a{color: #fff;}
.SolutionLeft ul li a{color: #333;display: block;}
.SolutionLeft a.More{height: 70px;line-height: 70px;border-top: 1px #ccc solid;padding: 0 40px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 190px;display: block;font-size: 16px;color: #333;}
.SolutionLeft a.More:hover{color: #2755a3;}

.SolutionRight dl{width: 840px;position: relative;}
.SolutionRight dl dt{width: 840px;height: 427px;overflow: hidden;}
.SolutionRight dl dt img{width: 840px;height: 427px;display: block;transition: .8s;}
.SolutionRight dl:hover dt img{transform: scale(1.03);}
.SolutionRight dl dd{background: rgba(0,0,0,0.7);padding: 30px;position: absolute;left: 0;bottom: 0;}
.SolutionRight dl dd h3{font-weight: normal;color: #fff;font-size: 18px;}
.SolutionRight dl dd p{color: #fff;font-size: 14px;line-height: 25px;margin-top: 10px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
/* Solution End */

/* Concern YangFangLing 2018å¹´12æœˆ12æ—¥ */
.Concern{background-color: #ededed;padding: 30px 0;overflow: hidden;}

.ConcernCon{margin-top: 40px;}
.ConcernCon ul li{float: left;background: url(../img/ConcernBg.png) no-repeat center center;width: 212px;height: 184px;text-align: center;margin-left: 35px;}
.ConcernCon ul li:first-child{margin-left: 0;}
.ConcernCon ul li h3{font-size: 20px;color: #333;margin-top: 35px;}
.ConcernCon ul li h3 b{color: #2755a3;font-size: 26px;}
.ConcernCon ul li h3 i{font-weight: normal;font-size: 24px;color: #999;margin: 0 5px;}
.ConcernCon ul li p{font-size: 16px;color: #666;margin-top: 15px;}
.ConcernCon ul li em{width: 35px;height: 35px;display: block;margin: 20px auto 0;}
.ConcernCon ul li em img{width: 35px;height: 35px;display: block;}

.ConcernCon h1{font-size: 20px;color: #333;text-align: center;margin-top: 40px;}
.ConcernCon h1 em{display: block; font-weight: normal;margin-top: 10px;}
/* Concern End */

/* Search YangFangLing 2018å¹´12æœˆ12æ—¥ */
.SearchFor{height: 80px;line-height: 80px;border-bottom: 1px #ccc solid;overflow: hidden;}

.SearchFor .keyword {font-size: 16px;color: #666;height: 70px;width: 770px;}
.SearchFor .keyword span {float: left; height: 80px;line-height: 80px;color: #333;font-weight: bold;}
.SearchFor .keyword p {float: left;height: 80px;line-height: 80px;}
.SearchFor .keyword p a {float: left;height: 80px;line-height: 80px;color: #666;font-size: 16px;padding: 0 10px;}
.SearchFor .keyword p a:hover {color: #2755a3;}
.SearchFor .keyword a:first-child {padding-left: 0;border-left: none;}
.SearchFor form{margin-top: 20px;}
.SearchFor .inp {width: 398px;height: 40px;overflow: hidden;border: 1px solid #ccc; padding: 0 15px;position: relative;}
.SearchFor .inp input {float: left;border:none;height: 40px;line-height: 40px;width: 350px;font-size: 14px;color: #999;background: none;outline: none;}
.SearchFor .inp button {display: block; cursor: pointer;background:  no-repeat;border:  none;position: absolute;outline: none;right: -6px;top: -3px;}
.SearchFor .inp button i {display: block;width: 44px;height: 44px;background: url(../img/SearchIcon.jpg) no-repeat right center;}
/* Search End */

/* About YangFangLing 2018å¹´12æœˆ12æ—¥ */
.About{overflow: hidden;}
.About dl dt{width: 544px;}
.About dl dt a{width: 544px;height: 230px;display: block;overflow: hidden;}
.About dl dt a img{display: block;width: 544px;height: 230px;transition: .8s;}
.About dl dt:hover a img{/* transform: scale(1.03); */}
.About dl dd{width: 610px;position: relative;top: 50px;}
.About dl dd h3{font-weight: normal;font-size: 20px;}
.About dl dd h3 a{color: #333;}
.About dl dd em{font-size: 12px;color: #999;margin-top: 5px;display: block;font-family: "icomoont";}
.About dl dd p{font-size: 14px;color: #666;line-height: 25px;margin-top: 15px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.About dl dd:hover h3 a{color: #2755a3;}
/* About End */

/* Tailored YangFangLing 2018å¹´12æœˆ12æ—¥ */
.Tailored{padding: 70px 0 20px;overflow: hidden;}

.TailoredCon{margin-top: 25px;}
.TailoredLeft{width: 722px;position: relative;}
.TailoredBox{position: relative;overflow: hidden;width: 722px;}
.TailoredBox ul{position: relative;}
.TailoredBox ul li{float: left;width: 722px;}
.TailoredBox ul li a{width: 722px;height: 452px;display: block;overflow: hidden;}
.TailoredBox ul li a img{width: 722px;height: 452px;display: block;transition: .8s;}
.TailoredBox ul li:hover a img{transform: scale(1.03);}
.TailoredLeft p{font-size: 18px;color: #fff;height: 50px;position: absolute;line-height: 50px;background: rgba(0,0,0,0.7);left: 0;bottom: 0;width: 80%;padding: 0 16% 0 4%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.TailoredLeft i{display: block;width: 50px;height: 50px;overflow: hidden;position: absolute;cursor: pointer;margin-top: -30px;z-index: 9;bottom: 0;}
.TailoredLeft i img{display: block;width: 50px;height: 50px;position: relative;}
.TailoredLeft i.prev{right: 52px;}
.TailoredLeft i.next{right: 0;}

.TailoredRight{width: 478px;}
.TailoredRight ul{margin-top: -13px;}
.TailoredRight ul li{float: left;width: 229px;text-align: center;position: relative;margin-left: 10px;margin-top: 13px;}
.TailoredRight ul li span{width: 229px;height: 142px;display: block;overflow: hidden;}
.TailoredRight ul li span img{width: 229px;height: 142px;display: block;transition: .8s;}
.TailoredRight ul li:hover span img{transform: scale(1.03);}
.TailoredRight ul li p{height: 40px;line-height: 40px;padding: 0 2%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;background: rgba(0,0,0,0.7);position: absolute;bottom: 0;left: 0;width: 96%;color: #fff;font-size: 14px;}
/* Tailored End */

/* BetterService YangFangLing 2018å¹´12æœˆ12æ—¥ */
.BetterService{background: url(../img/BetterServiceBg.jpg) no-repeat center center;height: 294px;padding: 120px 0 50px;/* overflow: hidden; */}

.BetterServiceCon{margin-top: 25px;}
.BetterServiceCon ul li{text-align: center;float: left;border-left: 1px #888787 dotted;padding-left: 117px;margin-left: 117px;}
.BetterServiceCon ul li:first-child{border-left: none;padding-left: 0;margin-left: 0;}
.BetterServiceCon ul li span{font-size: 70px;font-family: "icomoont";color: #fff;display: block;}
.BetterServiceCon ul li p{font-size: 18px;color: #fff;line-height: 25px;margin-top: 10px;}
.BetterServiceCon a.More{width: 120px;text-align: center;line-height: 45px;height: 45px;display: block;background-color: #2755a3;border-radius: 50px;color: #fff;font-size: 14px;margin: 0 auto;position: relative;top: 43px;box-shadow: 0 0 20px rgba(221,24,16,.3);}
/* BetterService End */

/* Advantage YangFangLing 2018å¹´12æœˆ12æ—¥ */
.Advantage{background: url(../img/AdvantageBg.jpg) no-repeat center center;height: 689px;padding: 130px 0 75px;overflow: hidden;}

.AdvantageCon{margin-top: 30px;}
.AdvantageTop{text-align: center;}
.AdvantageTop ul li{width: 140px;height: 50px;text-align: center;line-height: 50px;border-radius: 50px;color: #fff;font-size: 16px;border: 1px #df7571 solid;display: inline-block;*display: inline;position: relative;*zoom: 1;margin: 0 20px;cursor: pointer;z-index: 9;background-color: #d31a12;}
.AdvantageTop ul li.cur{background-color: #1a1a1a;border: 1px #1a1a1a solid;}
.AdvantageTop h3{height: 1px;width: 500px;background-color: #df7571;margin: 0 auto;top: -26px;position: relative;z-index: 1;}

.AdvantageBot{margin-top: 30px;}
.AdvantageBot dl{width: 514px;text-align: center;position: relative;}
.AdvantageBot dl dt{width: 514px;height: 332px;display: block;overflow: hidden;}
.AdvantageBot dl dt img{width: 514px;height: 332px;display: block;transition: .8s;}
.AdvantageBot dl:hover dt img{transform: scale(1.03);}
.AdvantageBot dl dd{background-color: #fff;padding: 25px 50px 30px;}
.AdvantageBot dl dd h3{font-size: 20px;color: #333;font-weight: normal; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.AdvantageBot dl dd p{font-size: 14px;color: #666;line-height: 25px;margin-top: 10px; display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.AdvantageBot dl dd i{width: 95px;height: 52px;text-align: center;line-height: 52px;background-color: #fff;border-radius: 0 0 20px 0;display: block;position: absolute;left: 0;top: 0;z-index: 9;}
.AdvantageBot dl.dl02 dd i{background-color: #999;color: #fff;}
.AdvantageBot img.img01{width: 116px;height: 154px;display: block;position: relative;left: 25px;top: 150px;}
.AdvantageBot dl:hover dd h3{color: #2755a3;}
/* Advantage End */

/* IntoFaswell YangFangLing 2018å¹´12æœˆ12æ—¥ */
.IntoFaswell{background-color: #ededed;padding: 70px 0 50px;overflow: hidden;}

.IntoFaswellTop{margin: 50px 0;background-color: #fff;padding: 60px 30px;height: 312px;position: relative;}
.IntoFaswellTop dl{position: relative;}
.IntoFaswellTop dl dt{width: 724px;position: absolute;left: -30px;top: -80px;}
.IntoFaswellTop dl dt a{width: 724px;height: 452px;display: block;overflow: hidden;}
.IntoFaswellTop dl dt a img{width: 724px;height: 452px;display: block;transition: .8s;}
.IntoFaswellTop dl:hover dt a img{transform: scale(1.03);}
.IntoFaswellTop dl dd{width: 380px;}
.IntoFaswellTop dl dd h3{font-weight: normal;font-size: 18px;}
.IntoFaswellTop dl:hover h3 a{color: #2755a3;}
.IntoFaswellTop dl dd h3 a{color: #333;}
.IntoFaswellTop dl dd em{display: block;font-size: 12px;color: #999;margin-top: 5px;}
.IntoFaswellTop dl dd p{font-size: 14px;color: #666;line-height: 30px;margin-top: 30px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.IntoFaswellTop dl dd i{background: url(../img/IntoFaswellMore.png) no-repeat center center;width: 36px;height: 15px;display: block;margin-top: 80px;}
.IntoFaswellTop img.img01{width: 191px;height: 161px;display: block;position: absolute;right: -90px;bottom: -70px;}

.IntoFaswellNav{text-align: center;}
.IntoFaswellNav ul li{display: inline-block;*display: inline;*zoom: 1;width: 120px;margin: 0 20px;font-size: 16px;height: 45px;text-align: center;line-height: 45px;border-radius: 50px;border: 1px #ccc solid;background-color: #fff;position: relative;z-index: 9;}
.IntoFaswellNav ul li a{color: #333; display: block;}
.IntoFaswellNav ul li.cur{background-color: #2755a3;}
.IntoFaswellNav ul li.cur a{color: #fff;}
.IntoFaswellNav h3{width: 100%;height: 1px;background-color: #ccc;position: relative;top: -23px;}
.IntoFaswellNav h4{width: 100%;height: 1px;background-color: #fff;position: relative;top: -23px;}

.IntoFaswellText{margin-top: 40px;position: relative;}
.IntoFaswellImg{position: relative;overflow: hidden;}
.IntoFaswellImg ul{position: relative;}
.IntoFaswellImg ul li{float: left;width: 224px;margin-left: 20px;text-align: center;}
.IntoFaswellImg ul li:first-child{margin-left: 0;}
.IntoFaswellImg ul li span{width: 224px;height: 300px;display: block;overflow: hidden;}
.IntoFaswellImg ul li span img{width: 224px;height: 300px;display: block;transition: .8s;}
.IntoFaswellImg ul li:hover span img{transform: scale(1.03);}
.IntoFaswellImg ul li p{font-size: 16px;color: #333;height: 60px;line-height: 60px;padding: 0 10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.IntoFaswellImg ul li:hover p{color: #2755a3;}

.IntoFaswellText i{display: block;width: 40px;height: 42px;overflow: hidden;cursor: pointer;position: absolute;top: 130px;cursor: pointer;z-index:9;}
.IntoFaswellText i img{display: block;width: 40px;height: 42px;position: relative;}
.IntoFaswellText i.prev{left: -80px;}
.IntoFaswellText i.next{right: -80px;}

#IntoFaswellBox ul li{width: 285px;}
#IntoFaswellBox ul li span{width: 285px;height: 178px;overflow: hidden;display: block;}
#IntoFaswellBox ul li span img{width: 285px;height: 178px;display: block;}
#ConBox i{top: 70px;}
/* IntoFaswell End */

/* Message YangFangLing 2018å¹´12æœˆ13æ—¥ */
.Message{background: url(../img/MessageBg.jpg) no-repeat center center;height: 132px;padding: 35px 0;overflow: hidden;}
.Message dl dt{font-size: 18px;color: #333;background: url(../img/MessageIcon.png) no-repeat left 5px;padding-left: 50px;margin-top: 15px;height: 43px;}
.Message dl dt em{font-size: 30px;color: #2755a3;font-weight: bold;}
.Message dl dd h3{font-size: 30px;color: #333;}
.Message dl dd h3 i{color: #999;font-size: 24px;}
.Message dl dd h3 em{font-size: 16px;color: #666;}
.Message dl dd p{font-size: 18px;color: #666;margin-top: 10px;}

.Message ul{margin-top: 20px;}
.Message ul li{float: left;margin-left: 20px;}
.Message ul li:first-child{margin-left: 0;}
.Message ul li input{width: 240px;height: 42px;line-height: 42px;padding: 0 35px 0 15px;border: none;outline: none;font-size: 14px;color: #999;background-color: #fff;border: 1px #e1e1e1 solid;}
.Message ul li .input-name{background: #fff url(../img/Message01.png) no-repeat 265px center;}
.Message ul li .input-name02{background: #fff url(../img/Message02.png) no-repeat 265px center;}
.Message ul li .input-name03{width: 384px;background: #fff url(../img/Message03.png) no-repeat 409px center;}
.Message ul li.li04{width: 120px;height: 42px;background-color: #2755a3;text-align: center;line-height: 42px;font-size: 14px;}
.Message ul li.li04 a{color: #fff;display: block;}
.Message ul li.cur input{border: 1px #2755a3 solid;}
/* Message End */

/* DemandBg YangFangLing 2018å¹´12æœˆ13æ—¥ */
.DemandBg{background: url(../img/DemandBg.jpg) no-repeat center center;height: 584px;padding: 70px 0 50px;position: relative;overflow: hidden;}
.DemandBgCon{margin-top: 40px;}
.DemandBgCon ul li{text-align: right;position: relative;z-index: 9;}
.DemandBgCon ul li h3{font-size: 22px;color: #fff;font-weight: normal;background: url(../img/DemandIcon02.png) no-repeat right bottom;padding-bottom: 20px;padding-right: 33px;}
.DemandBgCon ul li p{color: #fff;line-height: 25px;margin-top: 5px;padding-right: 35px;font-size: 15px;}
.DemandBgCon ul.ul02 li{text-align: left;}
.DemandBgCon ul.ul02 li p{padding-left: 50px;}
.DemandBgCon ul.ul02 li h3{background: url(../img/DemandIcon01.png) no-repeat left bottom;padding-left: 50px;}
.DemandBgCon span{width: 565px;height: 410px;display: block;position: absolute;top: 170px;left: 50%;margin-left: -282.5px;z-index: 1;}
.DemandBgCon span img{width: 565px;height: 410px;display: block;}
.DemandBgCon h4{position: absolute;bottom: 45px;left: 50%;margin-left: -108px;}
.DemandBgCon h4 a{width: 130px;height: 45px;display: inline-block;margin: 0 25px; background-color: #1a1a1a;color: #fff;font-size: 14px; font-weight: normal;border-radius: 50px;text-align: center;line-height: 45px;box-shadow:  0 1px 0 rgba(255,255,255,1);}
.DemandBgCon ul li.li01{top: 20px;left: -18px;}
.DemandBgCon ul li.li02{top: 105px;left: 3px;}
.DemandBgCon ul li.li03{top: 21px;left: 48px;}
.DemandBgCon ul li.li04{top: 103px;left: 28px;}
/* DemandBg End */

/* å­—ä½“ */
@font-face {
    font-family: 'icomoont';
    src: url('../font/Helvetica Bold.ttf');
}
/* å­—ä½“ End */