/* Title YangFangLing 2018å¹´12æœˆ4æ—¥ */
.Title{text-align: center;position: relative;z-index: 9;}
.Title h3{font-size: 30px;font-weight: normal;color: #333;}
.Title h3 a{color: #333;}
.Title h3 a img{width: 19px;height: 16px;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;margin: 0 15px;}
.Title h3 img{width: 19px;height: 16px;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;margin: 0 15px;}
.Title p{font-size: 18px;color: #999;margin-top: 10px;}
.Title p i{width: 70px;height: 1px;display: inline-block;*display: inline;*zoom: 1;background-color: #dedede;vertical-align: middle;margin: 0 15px;}

.Title02 h3{color: #fff;}
.Title02 p{color: #fff;}
.Title02 p i{background-color: #fff;}
/* Title End */

/* Banner YangFangLing 2018å¹´12æœˆ4æ—¥ */
.BannerCon{position: relative;overflow: hidden;}
.banner-wrap { width: 100%; height: 600px; position: relative;}
.banner-box { height: 600px; position: relative;}
.banner-box ul li { width: 100%; height: 600px; 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: 600px; position: relative; left: 50%; margin-left: -960px; }
.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: 45px;height: 3px;position: relative;z-index: 9;cursor: pointer;}
.btm-circle span:before {content: '';display: block;width: 15px;height: 15px;border: solid 1px #043985;position: absolute;left: 4px;top: 4px;border-radius: 50%;}
.btm-circle span.cur:before { background-color: #043985;}
.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: #043985;}
.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 */

/* Certifications YangFangLing 2018å¹´12æœˆ4æ—¥ */
.Certifications{padding: 70px 0;overflow: hidden;}

.Certifications-Con{margin-top: 30px;}

.Certifications-Top{text-align: center;}
.Certifications-Top ul li{font-size: 14px;border: 1px #dedede solid;height: 50px;line-height: 50px;border-radius: 50px;display: inline-block;*display: inline;*zoom: 1;padding: 0 45px;margin: 0 5px;}
.Certifications-Top ul li.cur{background-color: #043985;border: 1px #043985 solid;}
.Certifications-Top ul li.cur a{color: #fff;}
.Certifications-Top ul li a{color: #333;display: block;}

.Certifications-Bot{margin-top: 40px;position: relative;}
.CertificationsBox{position: relative;overflow: hidden;}
.CertificationsBox ul{position: relative;}
.CertificationsBox ul li{float: left;width: 285px;border: 1px #e9e9e9 solid;text-align: center;background-color: #fafafa;margin-left: 17px;}
.CertificationsBox ul li:first-child{margin-left: 0;}
.CertificationsBox ul li span{width: 285px;height: 280px;display: block;overflow: hidden;}
.CertificationsBox ul li span img{width: 285px;height: 280px;display: block;transition: .8s;}
.CertificationsBox ul li:hover span img{transform: scale(1.03);}
.CertificationsBox ul li p{height: 55px;line-height: 55px;background-color: #e9e9e9;font-size: 16px;color: #333;padding: 0 10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.CertificationsBox ul li:hover{border: 1px #043985 solid;}
.CertificationsBox ul li:hover p{background-color: #043985;color: #fff;}

.Certifications-Bot i{display: block;width: 30px;height: 30px;overflow: hidden;cursor: pointer;position: absolute;top: 50%;margin-top: -15px;}
.Certifications-Bot i img{display: block;width: 30px;height: 60px;position: relative;}
.Certifications-Bot i:hover img{position: relative;top: -30px;}
.Certifications-Bot i.prev{left: -50px;}
.Certifications-Bot i.next{right: -50px;}
/* Certifications End */

/* CustomerChoice YangFangLing 2018å¹´12æœˆ4æ—¥ */
.CustomerChoice{padding: 70px 0;background-color: #f1f1f1;}

.CustomerChoice-Bot ul{width: 1230px;margin-left: -30px;}
.CustomerChoice-Bot ul li{width: 380px;text-align: center;float: left;margin-top: 30px;margin-left: 30px;}
.CustomerChoice-Bot ul li span{width: 380px;height: 303px;display: block;overflow: hidden;}
.CustomerChoice-Bot ul li span img{width: 380px;height: 303px;display: block;transition: .8s;}
.CustomerChoice-Bot ul li:hover span img{transform: scale(1.03);}
.CustomerChoice-Bot ul li:hover p{background-color: #043985;color: #fff;}
.CustomerChoice-Bot ul li p{height: 60px;line-height: 60px;background-color: #fff;color: #333;font-size: 16px;padding: 0 10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.CustomerChoice-Top{background-color: #fff;padding: 25px 40px;margin-top: 60px;}
.CustomerChoiceSuozi{padding-top: 20px;}
.CustomerChoiceSuozi ul li{float: left;font-size: 16px;color: #333;text-align: right;border-left: 1px #999 dotted;padding-left: 45px;margin-left: 45px;}
.CustomerChoiceSuozi ul li:first-child{padding-left: 0;margin-left: 0;border: none;}
.CustomerChoiceSuozi ul li span{color: #043985;font-size: 48px;display: block;font-family: "icomoont";}

.CustomerChoiceGongGo{ width: 580px; border-left: 1px #dedede dotted; padding-left: 45px; height: 121px;overflow: hidden;}
.CustomerChoiceGongGo ul{position: relative;}
.CustomerChoiceGongGo ul li{margin-top: 15px;overflow: hidden;}
.CustomerChoiceGongGo ul li:first-child{margin-top: 0;}
.CustomerChoiceGongGo ul li em{font-size: 16px;color: #333;width: 80%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: inline-block;*display: inline;*zoom: 1;float: left;}
.CustomerChoiceGongGo ul li span{font-size: 16px;color: #333;float: right;}
.CustomerChoiceGongGo ul li:hover em{color: #043985;}
/* CustomerChoice End */

/* News YangFangLing 2018å¹´12æœˆ4æ—¥ */
.News{background-color: #f1f1f1;padding: 70px 0 30px;}

.NewsTop{text-align: center;margin: 30px 0 40px;}
.NewsTop ul li{font-size: 14px;border: 1px #dedede solid;height: 50px;line-height: 50px;border-radius: 50px;display: inline-block;*display: inline;*zoom: 1;padding: 0 45px;margin: 0 5px;}
.NewsTop ul li.cur{background-color: #043985;border: 1px #043985 solid;}
.NewsTop ul li.cur a{color: #fff;}
.NewsTop ul li a{color: #333;display: block;}

.NewsBot ul li{float: left;width: 330px;background-color: #fff;margin-left: 30px;padding: 25px 25px 35px;}
.NewsBot ul li:first-child{margin-left: 0;}
.NewsBot ul li h3{font-weight: normal;font-size: 18px;color: #090909;margin-bottom: 18px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.NewsBot ul li span{width: 333px;height: 266px;display: block;overflow: hidden;}
.NewsBot ul li span img{width: 333px;height: 266px;display: block;transition: .8s;}
.NewsBot ul li:hover span img{transform: scale(1.03);}
.NewsBot ul li em{font-size: 14px;color: #999;display: block;margin-top: 15px;}
.NewsBot ul li p{font-size: 14px;color: #666;line-height: 25px;margin-top: 5px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.NewsBot ul li b{font-weight: normal;color: #043985;font-size: 12px;margin-top: 25px;display: block;font-family: "Arial";}
.NewsBot ul li:hover h3{color: #043985;}
.NewsBot ul li:hover{box-shadow: 0 0 20px rgba(0,0,0,.1);}
/* News End */

/* Link YangFangLing 2018å¹´12æœˆ4æ—¥ */
.Link{background-color: #f1f1f1;padding-bottom: 40px;}

.Link .container{background-color: #fff;line-height: 60px;padding: 0 30px;width: 1140px;}
.Link a.LinkBox{background: url(img/LinkIcon.png) no-repeat center left;padding-left: 30px;font-size: 24px;color: #333;border-right: 1px #dedede solid;padding-right: 10px;margin-right: 10px;font-family: "icomoont";}
.Link p a{color: #333;font-size: 14px;margin: 0 15px;}

.Link p a:hover{color: #043985;}
.Link p a:first-child{margin:0;}
/* Link End */

/* Product YangFangLing 2018å¹´12æœˆ4æ—¥ */
.Product{padding: 55px 0 70px;overflow: hidden;}

.ProductCon{margin-top: 60px;}
.ProductLeft{width: 270px;border: 1px #dedede solid;}
.ProductLeft h3{font-weight: normal;color: #fff;background-color: #043985;padding: 40px;}
.ProductLeft h3 a{color: #fff;}
.ProductLeft h3 em{display: block;font-size: 18px;margin-top: 5px;}
.ProductLeft dl dt{line-height: 52px;border-top: 1px #dedede solid;font-size: 16px;font-weight: bold;padding: 0 40px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.ProductLeft dl dt a{color: #043985;display: block;}
.ProductLeft dl dt:hover{background-color: #043985;}
.ProductLeft dl dt:hover a{color: #fff;}
.ProductLeft dl dd{padding: 25px 40px;}
.ProductLeft dl dd a{font-size: 16px;color: #333;display: block;background: url(img/ProductIcon.png) no-repeat center left;padding-left: 15px;margin-top: 20px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.ProductLeft dl dd a:first-child{margin-top: 0;}
.ProductLeft dl dd a:hover{color: #043985;font-weight: bold;background: url(img/ProductIcon04.png) no-repeat center left;}

/*å·¦è¾¹è”ç³»*/
.ProductLeft .box2 {margin-top: 1px;background: #fff;border-top: 1px solid #ddd;}
.ProductLeft .box2 .phone {background: url(img/proListClassify_phone.png) no-repeat 32px center;padding-left: 86px;padding-top: 25px;padding-bottom: 20px;border-bottom: 1px solid #eaeaea;}
.ProductLeft .box2 .phone span {display: block;font-size: 14px;color: #333333;}
.ProductLeft .box2 .phone p {font-size: 24px;color: #043985;font-family: arial;}
.ProductLeft  .intro {padding: 24px 15px;}
.ProductLeft  .intro p {font-size: 14px;color: #333333; margin-bottom: 8px;line-height: 20px;}

.ProductRight{width: 920px;}
.ProductTop{border: 1px #dedede solid;margin-bottom: 10px;}
.ProductTop a.ProductImg{width: 453px;height: 261px;display: block;overflow: hidden;}
.ProductTop a.ProductImg img{width: 453px;height: 261px;display: block;transition: .8s;}
.ProductTop:hover a.ProductImg img{transform: scale(1.03);}

.ProductTop dl{width: 384px;border-left: 1px #dedede solid;padding: 40px;height: 181px;}
.ProductTop dl dt h3{font-weight: normal;font-size: 24px;}
.ProductTop dl dt h3 a{color: #333;}
.ProductTop dl dt p{font-size: 16px;color: #666;line-height: 25px;margin-top: 20px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;height: 73px;}
.ProductTop dl dd{margin-top: 20px;overflow: hidden;}
.ProductTop dl dd a{width: 140px;height: 40px;background-color: #043985;color: #fff;border-radius: 50px;line-height: 40px;font-size: 14px;display: block; text-align: center;margin-left: 10px;float: left;}
.ProductTop dl dd a.a2{background-color: #cda142;}
.ProductTop dl dd a:first-child{margin-left: 0;}
.ProductTop:hover dl dt h3 a{color: #043985;}
.ProductTop dl dd a i{width: 28px;height: 22px;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;margin-right: 10px; background: url(img/ProductIcon02.png) no-repeat center center;}
.ProductTop dl dd a.a2 i{background: url(img/ProductIcon03.png) no-repeat center center;}

.ProductBot ul{width: 1210px;margin-left: -10px;}
.ProductBot ul li{border: 1px #dedede solid;width: 297px;float: left;position: relative;margin-left: 10px;margin-bottom: 10px;}
.ProductBot ul li span{width: 297px;height: 297px;display: block;overflow: hidden;}
.ProductBot ul li span img{width: 297px;height: 297px;display: block;transition: .8s;}
.ProductBot ul li:hover span img{transform: scale(1.03);}
.ProductBot ul li p{text-align: center;height: 58px;line-height: 58px;font-size: 18px;color: #666;border-top: 1px #f1f1f1 solid;}
.ProductBot ul li:hover p{background-color: #043985;color: #fff;border-top: 1px #043985 solid;}
.ProductBot ul li i{width: 297px;height: 261px;display: block;position: absolute;left: 0;top: 0;display: none;}
.ProductBot ul li i img{width: 297px;/* height: 261px; */display: block;}
.ProductBot ul li:hover i{display: block;}

.Product a.More{font-size: 14px;color: #fff;background-color: #043985;height: 40px;line-height: 40px;width: 185px;display: block;border-radius: 50px;overflow: hidden;text-align: center;margin: 30px auto 0;}
/* Product End */

/*.Product{padding: 55px 0 70px;overflow: hidden;}

.ProductCon{margin-top: 60px;}
.ProductLeft{width: 270px;border: 1px #dedede solid;}
.ProductLeft h3{font-weight: normal;color: #fff;background-color: #043985;padding: 40px;}
.ProductLeft h3 a{color: #fff;}
.ProductLeft h3 em{display: block;font-size: 18px;margin-top: 5px;}
.ProductLeft dl dt{height: 60px;line-height: 60px;border-bottom: 1px #dedede solid;border-top: 1px #dedede solid;font-size: 16px;font-weight: bold;padding: 0 40px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.ProductLeft dl dt a{color: #043985;display: block;}
.ProductLeft dl dt:hover{background-color: #043985;}
.ProductLeft dl dt:hover a{color: #fff;}
.ProductLeft dl dd{padding: 25px 40px;}
.ProductLeft dl dd a{font-size: 16px;color: #333;display: block;background: url(img/ProductIcon.png) no-repeat center left;padding-left: 15px;margin-top: 20px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.ProductLeft dl dd a:first-child{margin-top: 0;}
.ProductLeft dl dd a:hover{color: #043985;font-weight: bold;background: url(img/ProductIcon04.png) no-repeat center left;}

.ProductRight{width: 920px;}
.ProductTop{border: 1px #dedede solid;}
.ProductTop a.ProductImg{width: 453px;height: 261px;display: block;overflow: hidden;}
.ProductTop a.ProductImg img{width: 453px;height: 261px;display: block;transition: .8s;}
.ProductTop:hover a.ProductImg img{transform: scale(1.03);}

.ProductTop dl{width: 384px;border-left: 1px #dedede solid;padding: 40px;height: 181px;}
.ProductTop dl dt h3{font-weight: normal;font-size: 24px;}
.ProductTop dl dt h3 a{color: #333;}
.ProductTop dl dt p{font-size: 16px;color: #666;line-height: 25px;margin-top: 20px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;height: 73px;}
.ProductTop dl dd{margin-top: 20px;overflow: hidden;}
.ProductTop dl dd a{width: 140px;height: 40px;background-color: #043985;color: #fff;border-radius: 50px;line-height: 40px;font-size: 14px;display: block; text-align: center;margin-left: 10px;float: left;}
.ProductTop dl dd a.a2{background-color: #cda142;}
.ProductTop dl dd a:first-child{margin-left: 0;}
.ProductTop:hover dl dt h3 a{color: #043985;}
.ProductTop dl dd a i{width: 28px;height: 22px;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;margin-right: 10px; background: url(img/ProductIcon02.png) no-repeat center center;}
.ProductTop dl dd a.a2 i{background: url(img/ProductIcon03.png) no-repeat center center;}

.ProductBot ul{width: 1210px;margin-left: -10px;}
.ProductBot ul li{border: 1px #dedede solid;width: 453px;float: left;position: relative;margin-left: 10px; margin-top: 10px;}
.ProductBot ul li span{width: 453px;height: 261px;display: block;overflow: hidden;}
.ProductBot ul li span img{width: 453px;height: 261px;display: block;transition: .8s;}
.ProductBot ul li:hover span img{transform: scale(1.03);}
.ProductBot ul li p{text-align: center;height: 58px;line-height: 58px;font-size: 18px;color: #666;border-top: 1px #f1f1f1 solid;}
.ProductBot ul li:hover p{background-color: #043985;color: #fff;border-top: 1px #043985 solid;}
.ProductBot ul li i{width: 453px;height: 261px;display: block;position: absolute;left: 0;top: 0;display: none;}
.ProductBot ul li i img{width: 453px;height: 261px;display: block;}
.ProductBot ul li:hover i{display: block;}

.Product a.More{font-size: 14px;color: #fff;background-color: #043985;height: 40px;line-height: 40px;width: 185px;display: block;border-radius: 50px;overflow: hidden;text-align: center;margin: 30px auto 0;}*/
/* Product End */

/* Protection YangFangLing 2018å¹´12æœˆ4æ—¥ */
.Protection{background: url(img/ProtectionBg.jpg) center center;padding: 60px 0 80px;}

.ProtectionCon{margin-top: 60px;}
.ProtectionCon ul li{float: left;width: 350px;margin-left: 75px;background-color: #fff;text-align: center;}
.ProtectionCon ul li:first-child{margin-left: 0;}
.ProtectionCon ul li span{width: 350px;height: 213px;display: block;overflow: hidden;}
.ProtectionCon ul li span img{width: 350px;height: 213px;display: block;transition: .8s;}
.ProtectionCon ul li:hover span img{transform: scale(1.03);}
.ProtectionCon ul li h4{font-size: 24px;color: #333;padding-top: 30px;}
.ProtectionCon ul li p{font-size: 18px;color: #666;margin-top: 5px;}
.ProtectionCon ul li i{display: block;padding: 5px 0 15px;}
.ProtectionCon ul li i img{display: inline-block;*display: inline;*zoom: 1;width: 50px;height: 50px;margin: 0 auto;vertical-align: middle;transition: all 0.5s;position: relative;}
.ProtectionCon ul li:hover i img{transform: rotateY(180deg);position: relative;}
.ProtectionCon ul li i b{width: 45px;height: 1px;background-color: #dedede;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;margin: 0 15px;}
.ProtectionCon ul li:hover p{color: #043985;}
.ProtectionCon ul li:hover{box-shadow: 0 0 20px rgba(0,0,0,.1);}
/* Protection End */

/* IndexService YangFangLing 2018å¹´12æœˆ4æ—¥ */
.IndexService{padding: 70px 0;background: url(img/IndexServiceBg.jpg) center center;}

.IndexServiceCon{margin-top: 40px;}
.IndexServiceCon ul li{float: left;background-color: #fff;width: 220px;padding: 60px 80px;text-align: center;margin-left: 30px;transition: .8s;top: 0;}
.IndexServiceCon ul li:first-child{margin-left: 0;}
.IndexServiceCon ul li h3{font-size: 24px;color: #043985;font-weight: normal;}
.IndexServiceCon ul li p{color: #666;font-size: 16px;line-height: 30px;margin-top: 20px;}
.IndexServiceCon ul li span{width: 50px;height: 50px;display: block;overflow: hidden;position: relative;margin: 40px auto 0;}
.IndexServiceCon ul li span img{width: 50px;height: 100px;display: block;position: relative;transition: all 0.5s;}
.IndexServiceCon ul li:hover span img{position: relative;top: -50px;transform: rotateY(360deg);}
.IndexServiceCon ul li:hover{position: relative;top: -10px;}
/* IndexService End */

/* SearchFor YangFangLing 2018å¹´12æœˆ4æ—¥ */
.SearchFor{height: 90px;line-height: 90px;}

.SearchFor .keyword {font-size: 14px;color: #666;height: 90px;width: 770px;}
.SearchFor .keyword span {float: left;height: 90px;line-height: 90px;color: #043985;font-weight: bold;}
.SearchFor .keyword p {float: left;height: 90px;line-height: 90px;}
.SearchFor .keyword p a {float: left;height: 90px;line-height: 90px;color: #666;font-size: 14px;padding: 0 10px;display:block;width:7em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.SearchFor .keyword p a:hover {color: #2239a3;}
.SearchFor .keyword a:first-child {padding-left: 0;border-left: none;}

.SearchFor .inp {width: 390px;height: 35px;overflow: hidden;border: 1px solid #dedede;border-radius: 3px;padding: 0 10px 0 15px;border-radius: 50px;}
.SearchFor .inp input {float: left;border:none;height: 35px;line-height: 35px;width: 350px;font-size: 14px;color: #999;background: none;outline: none;}
.SearchFor .inp button {display: block;float: right;height: 35px;cursor: pointer;background:  no-repeat;border:  none;outline: none;}
.SearchFor .inp button i {display: block;width: 20px;height: 20px;background: url(img/SearchIcon.png) no-repeat right center;}
/* SearchFor End */

/* IndexIcon YangFangLing 2018å¹´12æœˆ4æ—¥ */
.IndexIcon{box-shadow: 0 0 50px rgba(0,0,0,.1);padding: 55px 0;/* overflow: hidden; */}
.IndexIcon ul li{width: 240px;text-align: center;float: left;background: url(img/Icon06.png) no-repeat center left;position: relative;}
.IndexIcon ul li:first-child{background: none;}
.IndexIcon ul li b{font-size: 24px;color: #333;}
.IndexIcon ul li p{color: #333;font-size: 18px;margin-top: 10px;}
.IndexIcon ul li img{width: 50px;height: 50px;display: block;margin: 15px auto 0;position: relative;transition: all 0.5s;}
.IndexIcon ul li i{width: 89px;height: 5px;display: block;background-color: #043985;position: absolute;left: 50%;bottom: -60px;margin-left: -44.5px;display: none;}
.IndexIcon ul li.cur i{display: block;}
.IndexIcon ul li.cur b{color: #043985;}
.IndexIcon ul li:hover img{transform: rotateY(180deg);position: relative;}
/* IndexIcon End */

/* DirectSupply YangFangLing 2018å¹´12æœˆ4æ—¥ */
.DirectSupply{padding-top: 70px;overflow: hidden;}

.DirectSupplyTop{margin-top: 40px;position: relative;}
.DirectSupplyTop span{width: 1200px;display: block;height: 547px;overflow: hidden;}
.DirectSupplyTop span img{width: 1200px;display: block;height: 547px;transition: .8s;}
.DirectSupplyTop:hover span img{transform: scale(1.03);}
.DirectSupplyTop a{padding:10px;width: 105px;height: 105px;display:block;transition:all 1s;border-radius:50%;position: absolute;left: 50%;top: 50%;margin-left: -52.5px;margin-top: -52.5px;z-index: 9;}
.DirectSupplyTop a:hover{background:rgba(0,0,0,0.3);}

.DirectSupplyNav{height: 90px;line-height: 90px;position: relative;z-index: 9;}
.DirectSupplyNav ul li{font-size: 24px;float: left;margin-right: 30px;}
.DirectSupplyNav ul li a{color: #333;}
.DirectSupplyNav ul li.cur{background:url(img/DirectSupplyNav.png) no-repeat center bottom;}
.DirectSupplyNav ul li.cur a{color: #043985;}

.DirectSupplyBox{background-color: #f1f1f1;padding: 45px 0;position: relative;top: -4px;z-index: 1;}
.DirectSupplyCon{position: relative;overflow: hidden;}
.DirectSupplyCon ul{position: relative;}
.DirectSupplyCon ul li{float: left;width: 290px;margin-left: 13px;text-align: center;}
.DirectSupplyCon ul li:first-child{margin-left: 0;}
.DirectSupplyCon ul li span{width: 286px;height: 190px;display: block;overflow: hidden;border: 2px #f1f1f1 solid;}
.DirectSupplyCon ul li span img{width: 286px;height: 190px;display: block;transition: .8s;}
.DirectSupplyCon ul li:hover span img{transform: scale(1.03);}
.DirectSupplyCon ul li p{margin-top: 15px;font-size: 18px;color: #333;}
.DirectSupplyCon ul li:hover p{color: #043985;font-weight: bold;}
.DirectSupplyCon ul li:hover span{border: 2px #043985 solid;}

.DirectSupplyBox .container{position: relative;}
.DirectSupplyBox .container i{display: block;width: 30px;height: 30px;overflow: hidden;cursor: pointer;position: absolute;top: 80px;}
.DirectSupplyBox .container i img{display: block;width: 30px;height: 60px;position: relative;}
.DirectSupplyBox .container i:hover img{position: relative;top: -30px;}
.DirectSupplyBox .container i.prev{left: -50px;}
.DirectSupplyBox .container i.next{right: -50px;}
/* DirectSupply End */

/* è§†é¢‘å¼¹çª— YangFangLing 2018å¹´12æœˆ4æ—¥ */
.video{position:relative;z-index:1;height:680px;overflow:hidden;background:url(img/video_bg.jpg) no-repeat center;}
.video .text{margin-top:70px;text-align:center;color:#333;}
.video .text h2{line-height:50px;font-size:35px;}
.video .text h4{font-size:20px;line-height:38px;}
.video .text p{font-size:18px;line-height:38px;}
.video-btn{position:absolute;z-index:999;top:50%;left:50%;margin-top:-43px;margin-left:-43px;width:86px;height:86px;cursor:pointer;}
.video-btn a{padding:10px;width:66px;height:66px;display:block;transition:all 1s;border-radius:50%;}
.video-btn a:hover{background:rgba(0,0,0,0.5);}
.video-pop{display:none; position:fixed;z-index:99999;left:0;top:0;width:100%;height:100%;background:#000;background:rgba(0,0,0,0.85);}
.video-inner{position:fixed;top:50%;left:50%;margin-top:-338px;margin-left:-600px;width:1200px;height:675px;background:#fff;}
.video-inner .video-close{position:absolute;right:10px;top:10px;width:30px;height:30px;line-height:30px;text-align:center;background:#fff;border-radius:50%;z-index:999999;}
.video-inner .video-close:hover{cursor:pointer;color:#fff;background:#043985;}
/* è§†é¢‘å¼¹çª— End */

/* Advantage YangFangLing 2018å¹´12æœˆ5æ—¥ */
.Advantage{background-color: #043985;padding: 25px 0 50px;position: relative;/* overflow: hidden; */}
.Advantage .container02{position:  relative;z-index: 9;}

.AdvantageCon{margin-top: 40px;overflow: hidden;}
.AdvantageCon dl{float: left;width: 300px;}
.AdvantageCon dl dt{width: 300px;height: 250px;overflow: hidden;}
.AdvantageCon dl dt img{display: block;width: 300px;height: 250px;transition: .8s;}
.AdvantageCon dl:hover dt img{transform: scale(1.03);}
.AdvantageCon dl dd{background-color: #fff;width: 220px;height: 170px;padding: 40px;position: relative;}
.AdvantageCon dl dd h3{font-weight: normal;color: #043985;font-size: 21px;line-height: 32px;}
.AdvantageCon dl dd p{font-size: 16px;color: #666;line-height: 25px;margin-top: 20px;}
.AdvantageCon dl:hover dd h3{font-weight: bold;}
.AdvantageCon dl dd i{width: 17px;height: 10px;display: block;background: url(img/sjx02.png) no-repeat center center;position: absolute;left: 50%;margin-left: -8.5px;top: -10px;z-index: 9;}
.AdvantageCon dl.dl02 dd i{background: url(img/sjx.png) no-repeat center center;bottom: -10px;top: auto;}
.AdvantageCon dl.dl04 dd i{background: url(img/sjx.png) no-repeat center center;bottom: -10px;top: auto;}

.Advantage span.Img{width: 459px;height: 265px;display: block;position: absolute;left: 50%;margin-left: -229.5px;top: 110px;z-index: 1;}
.Advantage span.Img img{width: 459px;height: 265px;display: block;webkit-animation: fadeIn 2s infinite linear;animation: fadeIn 2s infinite linear;}
/* Advantage End */

/* é€‰æ‹©ç„•æ–° YangFangLing 2018å¹´12æœˆ5æ—¥ */
.CustomFan{background-color: #fff; padding: 40px 40px 40px 180px;position: relative;}

.CustomFan dl dt h3{color: #333;font-size: 24px;font-weight: normal;font-family: "icomoont";}
.CustomFan dl dt h3 b{color: #043985;font-size: 36px;}
.CustomFan dl dt h3 em{font-weight: bold;font-size: 34px;margin: 0 5px;}
.CustomFan dl dt p{font-size: 24px;color: #666;margin-top: 5px;}
.CustomFan dl dt i{font-size: 12px;color: #999;margin-top: 20px;display: block;}
.CustomFan dl dd{overflow: hidden;position: relative;top: 30px;}
.CustomFan dl dd a{width: 155px;height: 50px;background-color: #043985;border-radius: 50px;text-align: center;display: block;font-size: 18px;color: #fff;line-height: 50px;float: left;margin-left: 10px;}
.CustomFan dl dd a:first-child{margin-left: 0;}
.CustomFan dl dd a i{background: url(img/CustomFanIcon01.png) no-repeat center center;width: 18px;height: 19px;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;margin-right: 10px;}
.CustomFan dl dd a.a2{background-color: #cda142;}
.CustomFan dl dd a.a2 i{background: url(img/CustomFanIcon02.png) no-repeat center center;width: 22px;height: 19px;}

.CustomFan span{width: 339px;height: 317px;display: block;position: absolute;left: -170px;top: -45px;}
.CustomFan span img{width: 339px;height: 317px;display: block;}

.CustomFanBox{position: absolute;top: -92px;left: 50%;margin-left: -600px;}
/* é€‰æ‹©ç„•æ–° End */


{padding: 60px 0;}

.ProcessCon{margin-top: 80px;position: relative;}
.ProcessCon ul li{float: left;position: relative;text-align: center;margin-left: 116px;z-index: 9;}
.ProcessCon ul li:first-child{margin-left: 0;}
.ProcessCon ul li p{font-size: 14px;color: #262626;text-transform: uppercase;}
.ProcessCon ul li h3{font-size: 22px;font-weight: normal;color: #262626;margin-top: 5px;}
.ProcessCon ul li.cur{top: -20px;}
.ProcessCon ul li.cur h3{color: #043985;}
.ProcessCon ul li.cur p{color: #043985;}
.ProcessCon ul li.cur span{width: 110px;height: 110px;display: block;border: 5px #043985 solid;}
.ProcessCon ul li span{width: 90px;height: 90px;border-radius: 50%;overflow: hidden;display: block;border: 5px #dedede solid;margin: 20px auto 0;}
.ProcessCon ul li span img{display: block;width: 100%;height: 100%;}

.ProcessCon h1{height: 1px;background-color: #dedede;position: absolute;left: 10px;top: 120px;width: 1180px;z-index: 1;}
/* Process End */

/* Message YangFangLing 2018å¹´12æœˆ5æ—¥ */
.Message{padding: 65px 0;overflow: hidden;}

.MessageLeft{width: 550px;background: url(img/MessageBox.png) no-repeat center right;padding-right: 50px;}
.MessageText{overflow: hidden;border-bottom: 1px #dedede solid;padding-bottom: 40px;}
.MessageText h3{font-size: 14px;color: #333;font-weight: normal;background: url(img/MessageIcon01.png) no-repeat center left;padding-left: 70px;:;}
.MessageText h3.Icon02{background: url(img/MessageIcon02.png) no-repeat center left;}
.MessageText h3:first-child{margin-left: 0;}
.MessageText h3 em{display: block;font-size: 24px;margin-top: 5px;}

.MessageLeft dl{margin-top: 40px;}
.MessageLeft dl dt{width: 133px;height: 133px;border: 1px #e1e1e1 solid;}
.MessageLeft dl dt img{width: 133px;height: 133px;display: block;}
.MessageLeft dl dd{margin-left: 30px;}
.MessageLeft dl dd h3{font-size: 18px;color: #333;}
.MessageLeft dl dd em{width: 30px;height: 1px;display: block;background-color: #043985;margin: 15px 0;}
.MessageLeft dl dd p{font-size: 16px;color: #666;}
.MessageLeft dl dd a{width: 115px;text-align: center;height: 40px;line-height: 40px;display: block;background-color: #043985;border-radius: 50px;color: #fff;font-size: 14px;margin-top: 20px;}
.MessageLeft dl dd a i{background: url(img/MessageIcon03.png) no-repeat center center;width: 17px;height: 15px;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;margin-right: 10px;}

.MessageRight{width: 557px;}
.MessageRight h3{font-size: 24px;color: #333;font-weight: normal;margin-bottom: 10px;}
.MessageRight ul li{float: left;margin-top: 15px;}
.MessageRight ul li span{font-size: 14px;color: #666;}
.MessageRight ul li input{width: 114px;height: 30px;border: 1px #dedede solid;padding: 0 10px;}
.MessageRight ul li.li02{margin-left: 15px;}
.MessageRight ul li.li02 input{width: 230px;}
.MessageRight ul li.li03 input{width: 460px;height: 40px;padding: 10px 10px 50px;}
.MessageRight ul li.li03 span{vertical-align: 20px;}
.MessageRight ul li.li04{width: 365px;height: 40px;background-color: #043985;border-radius: 50px;text-align: center;line-height: 40px;margin-top: 20px;margin-left: 75px;}
.MessageRight ul li.li04 a{display: block;color: #fff;font-size: 14px;}

.Message .container{position: relative;}
.Message .container span.Img{width: 288px;height: 423px;display: block;position: absolute;right: -237px;top: -91px;}
.Message .container span.Img img{width: 288px;height: 423px;display: block;}
/* Message End */

/* Concern  2018å¹´12æœˆ5æ—¥ */
.Concern{background: url(img/ProtectionBg.jpg) center center;height: 775px;padding-top: 60px;overflow: hidden;}
.ConcernCon{margin-top: 160px;position: relative;}
.ConcernCon ul{width: 50%;}
.ConcernCon ul li{font-size: 18px;color: #333;font-weight: bold;border-top: 1px #dedede solid;padding-top: 30px;margin-top: 30px;position: relative;padding-left: 30px;}
.ConcernCon ul li:first-child{padding-top: 0;border-top: none;padding-top: 0;}
.ConcernCon ul li:first-child i{top: 22px;}
.ConcernCon ul li i{background: url(img/ProductIcon04.png) no-repeat center center;width: 5px;height: 5px;display: block;position: absolute;left: 0;top: 50px;}
.ConcernCon ul.ul02{text-align: right;}
.ConcernCon ul.ul02 li{padding-right: 30px;}
.ConcernCon ul.ul02 li i{right: 0;left: auto;}
.ConcernCon span{width: 524px;height: 653px;display: block;position: absolute;left: 50%;margin-left: -262px;top: -100px;}
.ConcernCon span img{width: 524px;height: 653px;display: block;}
/* Concern End */

@keyframes fadeIn {
  0% {opacity:0;}
  50% {opacity: 1;}
  100% {opacity: 0;}
}
@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  50% {opacity: 1;}
  100% {opacity: 0;}
}
/* æ•ˆæžœ End */

/* å­—ä½“ YangFangLing 2018å¹´12æœˆ5æ—¥ */
@font-face {
    font-family: 'icomoont';
    src: url('img/AGENCYR.TTF');
  }
/* å­—ä½“ End */