.banner{width: 100%;height: 731px;position: relative;}
.banner .slideBox{width: 100%;height: 731px;position: relative;z-index: 8;}
.banner .slideBox ul{ position: absolute;left: 0;top: 0 ;}
.banner .slideBox li{position: relative;float: left;height: 731px;overflow: hidden;}
.banner .slideBox li img{display: block;position: absolute;top: 0;left: 50%;margin-left: -960px;width: 1920px;height: 731px;}

.banner i{width: 58px;height: 58px;display: block;overflow: hidden;cursor: pointer;position: absolute;top: 50%;z-index: 999;margin-top: -29px;display: none;}
.banner i img{width: 58px;height: 58px;display: block;}
.banner i.prev{left: 58px;}
.banner i.next{right: 58px;}
.banner:hover i{display: block;}

.BannerBot{width: 100%;position: absolute;left: 0;bottom: 35px;text-align: center;z-index: 998;}
.BannerBot span{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 10px;height: 10px;background: #353535;margin: 0 20px;cursor: pointer;border-radius: 50%;}
.BannerBot span.cur {background: #fff;}
/* Banner End */

.CustomMade{padding-bottom: 50px;}

.CustomMade-Top{position: relative;overflow: hidden;}
.CustomMade-Top ul{position: relative;}
.CustomMade-Top ul li{width: 370px;float: left;text-align: center;margin-left: 45px;padding-bottom: 20px;border-bottom: 1px #e9e9e9 solid;}
.CustomMade-Top ul li:first-child{margin-left: 0;}
.CustomMade-Top ul li a{display: block;}
.CustomMade-Top ul li span{width: 370px;height: 278px;display: block;overflow: hidden;}
.CustomMade-Top ul li span img{width: 370px;height: 278px;display: block;transition: .8s;}
.CustomMade-Top ul li:hover span img{transform: scale(1.1);}
.CustomMade-Top ul li:hover p{color: #000;}
.CustomMade-Top ul li p{color: #282828;font-size: 16px;margin-top: 20px;}

.CustomMade-Bot{margin-top: 45px;text-align: center;}
.CustomMade-Bot span{width: 10px;height: 10px;display: inline-block;*display: inline;*zoom: 1;border-radius: 50%;background-color: #d4d4d4;margin: 0 10px;cursor: pointer;}
.CustomMade-Bot span.cur{background-color: #173397;}
/* CustomMade End */


.customCenter{padding-bottom: 100px;}

.customCenter-Left{background: url(../images/customcenter.jpg) no-repeat center;height: 560px;width: 530px;padding-left: 60px;padding-top: 70px;}
.customCenter-Left h3{font-weight: normal;text-transform: uppercase;color: #fff;font-size: 20px;}
.customCenter-Left:hover h3{transition: .8s;margin-top: 30px;}
.customCenter-Left:hover a.More{position:relative;top: -80px;transition: .8s;}
.customCenter-Left h3 span{font-size: 24px;color: #fff;margin-top: 25px;display: block;font-family: "icomoon";}
.customCenter-Left i{display: block;width: 46px;height: 2px;background-color: #fff;margin-top: 38px;}
.customCenter-Left p{font-size: 14px;color: #fff;line-height: 25px;margin-top: 80px;font-family: "icomoon";}
.customCenter-Left a.More{width: 165px;height: 42px;line-height: 42px;display: block;text-align: center;background-color: #fff;color: #1e1e1e;font-size: 15px;margin-top: 190px;font-family: "icomoon";}

.customCenter-Right dl{width: 595px;height: 310px;background-color: #f3f3f3;margin-top: 10px;position: relative;}
.customCenter-Right dl:hover{background-color: #151618;}
.customCenter-Right dl:hover dd h3{color:#fff;}
.customCenter-Right dl:hover dd p{color:#fff;}
.customCenter-Right dl:first-child{margin-top: 0;}
.customCenter-Right dl dt{width: 404px;height: 283px;position: relative;top: 27px;}
.customCenter-Right dl dt img{display: block;width: 404px;height: 283px;}
.customCenter-Right dl dd{position: absolute;left: 60px;top: 50px;}
.customCenter-Right dl dd h3{font-weight: normal;font-size: 20px;color: #1e1e1e;text-transform: uppercase;font-family: "icomoons";}
.customCenter-Right dl dd p{color: #000;font-size: 24px;margin-top: 20px;font-family: "icomoon";}
.customCenter-Right dl dd a.More{width: 165px;height: 42px;text-align: center;line-height: 42px;border: 1px #dfdfdf solid;font-size: 15px;color: #1e1e1e;display: block;margin-top: 80px;font-family: "icomoon";}
.customCenter-Right dl:hover dd a.More{background-color: #fff;}
/* customCenter End */

.Partner{padding-bottom: 80px;background: url(../images/bg_dian.png) repeat center; background:#f1f1f1;}

/*.PartnerBot{height:474px;}*/
.PartnerTop{text-align: center;margin-bottom: 50px;}
.PartnerTop ul li{display: inline-block;*display: inline;*zoom: 1;margin: 0 5px; border:1px solid #ccc;padding:10px 30px;border-radius:10px 0;}
.PartnerTop ul li a{color: #666;font-size: 15px;}
.PartnerTop ul li.cur a{color: #fff;}
.PartnerTop ul li.cur{ background:#173397;border:1px solid #173397;}

.PartnerBot ul{width: 1227px;margin-left: -27px;}
.PartnerBot ul li{float: left;border: 1px #eaeaea solid;width: 380px;height: 476px;margin-left: 27px;margin-bottom: 20px;overflow: hidden;border-radius:0 0 15px;background:#fff;}
.PartnerBot ul li img{display: block;width: 380px;height: 366px;transition: .8s;}
.PartnerBot ul li p{ text-align:center; line-height:40px;padding:0 20px;height:40px;font-size:16px;border-top:1px dashed #f1f1f1;}
.PartnerBot ul li p span{ display:block; border:1px solid #ccc;font-size:14px; border-radius:0 10px;height:30px;line-height:30px; width:120px;margin:0 auto;}
.PartnerBot ul li:hover img{transform: scale(1.01);}
.PartnerBot ul li:hover p span{ background:#173397; color:#fff;border:1px solid #173397;}
.PartnerBot ul li:hover{box-shadow: 0 0 20px rgba(0,0,0,0.1);}
/* Partner End */


.News{background: url(../images/bg_dian.png) repeat center;padding-bottom: 100px;background:#f1f1f1;}
.NewsCon dl{width: 500px;background-color: #fff;border-radius:20px 0;}
.NewsCon dl dt{width: 500px;height: 280px;overflow: hidden;}
.NewsCon dl dt img{display: block;width: 500px;height: 333px;transition: .8s;}
.NewsCon dl:hover dt img{transform: scale(1.1);}
.NewsCon dl dd{padding-bottom: 30px;}
.NewsCon dl dd h3{font-weight: normal;margin-top: 37px;padding: 0 45px;}
.NewsCon dl dd h3 a{color: #181818;font-size: 20px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.NewsCon dl dd p{color: #666;font-size: 14px;margin-top: 30px;padding: 0 45px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height: 25px;}
.NewsCon dl dd a.More{color: #999;font-size: 14px;display: inline-block;*display: inline;*zoom: 1;margin-top: 30px;background: url(../images/more.png) no-repeat right;padding-right: 20px;float: right;margin-right: 45px;}
.NewsCon dl:hover dd a.More{color: #181818;}
.NewsCon dl:hover{box-shadow: 0 0 20px rgba(0,0,0,0.1);}

.NewsCon ul{width: 670px;}
.NewsCon ul li{width: 590px;background-color: #fff;padding: 30px 40px 17px;overflow: hidden;margin-top: 20px;border-radius:0 20px;}
.NewsCon ul li:first-child{margin-top: 0;}
.NewsCon ul li:hover{box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.NewsCon ul li h3{font-weight: normal;overflow: hidden;}
.NewsCon ul li h3 span{color: #999;font-size: 12px;float: right;}
.NewsCon ul li h3 a{color: #181818;font-size: 20px;width: 500px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;float: left;}
.NewsCon ul li p{color: #666;font-size: 15px;margin-top: 13px;line-height: 25px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.NewsCon ul li a.More{color: #999;font-size: 14px;display: inline-block;*display: inline;*zoom: 1;background: url(../images/more.png) no-repeat right;padding-right: 20px;float: right;margin-top: 10px;}
.NewsCon ul li:hover a.More{color: #181818;}

.NavTop{text-align: center;margin-bottom: 35px;}
.NavTop a{display: inline-block;*display:inline;*zoom:1;margin: 0 20px;color: #666;font-size: 15px;padding-bottom: 10px;}
.NavTop a.cur{border-bottom: 2px #173397 solid;color: #173397;}
/* News End */

.SelectSunshine{background-color: #f2f2f2;padding-bottom: 20px;margin-bottom: 50px;}

.SelectSunshine-Bot{background-color: #fff;box-shadow: 0 5px 10px rgba(0,0,0,0.08);position: relative;top: 70px;}
.SelectSunshine-Bot ul li{width: 20%;float: left;text-align: center;height: 110px;line-height: 110px;color: #666;font-size: 16px;font-family: "icomoon";display: block;}
.SelectSunshine-Bot ul li.cur{border-bottom: 4px #1e1e1e solid;}
.SelectSunshine-Bot ul li.cur{color: #1e1e1e;transition: .8s;}

.SelectSunshine-Top dl{position: relative;}
.SelectSunshine-Top dl dt{width: 700px;height: 470px;overflow: hidden;}
.SelectSunshine-Top dl dt img{display: block;width: 700px;height: 470px;transition: .8s;}
.SelectSunshine-Top dl dt:hover img{transform: scale(1.1);}
.SelectSunshine-Top dl dd{background-color: #fff;padding: 65px 73px 65px 60px;width: 467px;position: absolute;right: 0;top: 50px;height:257px;}
.SelectSunshine-Top dl dd h3 i{width: 105px;height: 2px;display: block;background-color: #1e1e1e;position: absolute;left: -125px;top: 7px;}
.SelectSunshine-Top dl dd h3{font-size: 28px;font-weight: normal;color: #1e1e1e;border-bottom: 2px #dfdfdf dotted;padding-bottom: 25px;position: relative;font-family: "icomoon";}
.SelectSunshine-Top dl dd h3 em{display: block;color: #1e1e1e;font-size: 14px;margin-bottom: 10px;text-transform: uppercase;font-family: "icomoons";}
.SelectSunshine-Top dl dd p{font-size: 14px;color: #1e1e1e;margin-top: 30px;line-height: 35px;}
/* SelectSunshine End */


.SuperiorFabric{background: url(../images/superiorfabricbg.jpg) no-repeat center;padding: 100px 0;}
.SuperiorFabric .container{position: relative;}

.SuperiorFabric-Ring{position: relative;left: 360px;}
.SuperiorFabric-Con{width: 960px;overflow: hidden;position: relative;}
.SuperiorFabric-Con ul{position: relative;}
.SuperiorFabric-Con ul li{float: left;width: 960px;height: 598px;overflow: hidden;}
.SuperiorFabric-Con ul li img{display: block;width: 960px;height: 598px;transition: .8s;}
.SuperiorFabric-Con ul li:hover img{transform: scale(1.1);}

.SuperiorFabric-Box{text-align: center;position: absolute;bottom: 30px;left: 0;right: 0;margin: 0 auto;}
.SuperiorFabric-Box span{width: 9px;height: 9px;background: rgba(255,255,255,.2);display: inline-block;border-radius: 50%;margin: 0 20px;cursor: pointer;}
.SuperiorFabric-Box span.cur{background-color: #fff;}

.SuperiorFabric-Left{width: 500px;position: absolute;left: 0;top: 0;}
.SuperiorFabric-Left dl dt{position: relative;}
.SuperiorFabric-Left dl dt h3{font-size: 30px;color: #fff;font-weight: normal;text-transform: uppercase;font-family: "icomoons";}
.SuperiorFabric-Left dl dt h4{color: #fff;font-size: 28px;margin-top: 15px;font-weight: normal;font-family: "icomoon";}
.SuperiorFabric-Left dl dt p{font-size: 15px;color: #fff;line-height: 25px;margin-top: 50px;font-family: "icomoon";}
.SuperiorFabric-Left dl dt h5{border-top: 2px #e6e6e6 dotted;position: absolute;left: 0;width: 100%;top: 110px;z-index: 1;}
.SuperiorFabric-Left dl dt h5 img{display: block;width: 27px;height: 16px;position: absolute;top: -9px;right: 35px;}
.SuperiorFabric-Left dl dd{margin-top: 54px;}
.SuperiorFabric-Left dl dd ul li{width: 235px;height: 155px;border: 1px #fff solid;text-align: center;margin-bottom: 20px;}
.SuperiorFabric-Left dl dd ul li:hover{background-color:#fff;}
.SuperiorFabric-Left dl dd ul li:hover span{color:#000;}
.SuperiorFabric-Left dl dd ul li:hover span em{color:#000;}
.SuperiorFabric-Left dl dd ul li:hover p{color:#000;}
.SuperiorFabric-Left dl dd ul li span{font-size: 13px;color: #fff;padding-top: 20px;display: block;}
.SuperiorFabric-Left dl dd ul li span em{font-size: 45px;color: #fff;font-family: "icomoont";}
.SuperiorFabric-Left dl dd ul li span sub{vertical-align: 12px;}
.SuperiorFabric-Left dl dd ul li p{color: #fff;font-size: 14px;margin-top: 10px;line-height: 20px;}
.SuperiorFabric-Left dl dd ul li span.span01{font-family: "icomoon";font-size: 32px;}
.SuperiorFabric-Left dl dd ul li span.span01 b{font-weight: normal;font-size: 42px;}
/* SuperiorFabric End */


.AboutUs{background-color: #1e1e1e;}

.AboutUsTop{position: relative;}
.AboutUsTop span{width: 1200px;height: 580px;display: block;position: relative;top: 60px;cursor: pointer;}
.AboutUsTop span img{display: block;width: 1200px;height: 580px;}
.AboutUsTop em{width: 358px;height: 519px;display: block;position: absolute;left: -358px;top: 58px;}
.AboutUsTop em img{width: 358px;height: 519px;display: block;}

.AboutUsBot{background: url(../images/ab.jpg) no-repeat center;padding: 120px 0 120px;}
.AboutUsBot dl dt img{padding-right:30px;}
.AboutUsBot dl dt i{width: 43px;height: 2px;background-color: #1e1e1e;display: block;margin-top: 150px;}
.AboutUsBot dl dd{width: 570px;}
.AboutUsBot dl dd h3{font-size: 30px;color: #fff;font-weight: normal;line-height: 45px;font-family: "icomoon";margin-bottom:20px;}
.AboutUsBot dl dd p{font-size: 15px;color: #fff;line-height: 30px;font-family: "icomoon"; text-indent:2em;}
.AboutUsBot dl dd ul{margin-top: 60px;}
.AboutUsBot dl dd ul li{float: left;border-left: 2px #d2d2d2 dotted;text-align: center;padding-left: 50px;margin-left: 50px;height: 75px;}
.AboutUsBot dl dd ul li p{font-size: 15px;margin-top: 20px; color:#fff; }
.AboutUsBot dl dd ul li p a:hover{color:#fff;}
.AboutUsBot dl dd ul li p a{color: #282828;}
.AboutUsBot dl dd ul li span{display: block;margin: 5px auto 0;font-size:36px; color:#fff;position:relative;}
.AboutUsBot dl dd ul li span i{ font-size:16px;padding-left:20px;}
.AboutUsBot dl dd ul li span b img{padding-left:5px; position:absolute;top:8px; width:12px;}
.AboutUsBot dl dd ul li:first-child{border-left: none;padding-left: 0;margin-left: 0;}
/* AboutUs End */


.video-frame{display: none;width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: rgba(0, 0, 0, 0.8);z-index: 9999999;}
.video-frame .box{ width:1100px; height:500px; border:5px solid #027ecc; position:absolute; z-index:5; left:50%; top:20%; margin-left:-555px; background-color:#000;  border-radius:5px;z-index: 99;}
.video-frame .box .close{ display:block; position:absolute; cursor:pointer; right:-30px; top:-5px}
/* Pop-ups End */


@media (max-width:1200px){
    .HeaderRight{margin-left: 20px;}
    .Header .Nav ul li{margin-left: 20px;}
}

@media (max-width:1400px){
    .HeaderRight{margin-left: 20px;}
    .Header .Nav ul li{margin-left: 20px;}
}
/* 小屏幕 End */