/* Title YangFangLing 2018年11月20日 */
.Title{text-align: center;}
.Title h3{color: #333;font-size: 32px;font-weight: normal;position: relative;top: 0;transition: .8s;}
.Title h3 a{color: #333;}
.Title p{color: #999;font-size: 18px;margin-top: 5px;}

.Title02 h3 a{color: #fff;}
.Title02 p{color: #fff;}

.Title h3:hover{position: relative;top: -10px;}
.Title h3:hover a{color: #303170;}
/* Title End */

/* News YangFangLing 2018年11月20日 */
.News{padding: 60px 0;background: url(/images/NewsBg.jpg) no-repeat center center;height: 539px;overflow: hidden;}

.NewsBox{text-align: center;margin-top: 50px;}
.NewsBox span{width: 10px;height: 10px;display: inline-block;*display: inline;*zoom: 1;border-radius: 50%;border: 2px #9e9e9e solid;cursor: pointer;margin: 0 5px;}
.NewsBox span.cur{background-color: #303170;border: 2px #303170 solid;}

.NewsCon{margin-top: 30px;}

.NewsImg{position: relative;overflow: hidden;}
.NewsImg ul{position: relative;}
.NewsImg ul li{width: 373px;float: left;background-color: #fff;margin-left: 40px;}
.NewsImg ul li:first-child{margin-left: 0;}
.NewsImg ul li span{width: 373px;height: 233px;display: block;overflow: hidden;}
.NewsImg ul li span img{width: 373px;height: 233px;display: block;transition: .8s;}
.NewsImg ul li:hover span img{transform: scale(1.03);}
.NewsImg ul li:hover .box h3{color: #303170;}
.NewsImg ul li .box{padding: 20px 35px 30px;}
.NewsImg ul li .box h3{font-size: 18px;color: #000;font-weight: normal;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.NewsImg ul li .box em{color: #999;font-size: 14px;line-height: 25px;margin-top: 15px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.NewsImg ul li p{border-top: 1px #f6f6f6 solid;height: 35px;line-height: 35px;padding: 0 15px;}
.NewsImg ul li p em{color: #999;font-size: 12px;background: url(/images/NewsIcon01.png) no-repeat center left;padding-left: 30px;display: block;float: left;border-right: 1px #f6f6f6 solid;width: 285px;}
.NewsImg ul li p img{display: block;width: 10px;height: 16px;float: right;margin-top: 10px;}
.NewsImg ul li:hover p em{background: url(/images/NewsIcon011.png) no-repeat center left;}

.NewsTop{position: relative;}
.NewsTop i{display: block;width: 40px;height: 20px;overflow: hidden;cursor: pointer;position: absolute;top: 200px;z-index: 9;}
.NewsTop i img{display: block;width: 40px;height: 20px;position: relative;}
.NewsTop i.prev{left: -80px;}
.NewsTop i.next{right: -80px;}
/* News End */

/* Banner YangFangLing 2018年11月20日 */
.BannerCon{position: relative;overflow: hidden;}
.banner-wrap { width: 100%; height: 670px; position: relative;}
.banner-box { height: 670px; position: relative;}
.banner-box ul li { width: 100%; height: 670px; 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: 670px; 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: 14px;height: 14px;border: solid 2px #fff;position: absolute;left: 4px;top: 4px;border-radius: 50%;}
.btm-circle span.cur:before { background-color: #303170;border: 2px #303170 solid;}
.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: #303170; background-color: rgba(48,49,112,1);}
.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(/images/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 */

/* Case YangFangLing 2018年11月20日 */
.Case{padding: 70px 0;overflow: hidden;}

.CaseCon{margin-top: 50px;}

.CaseTop{margin-top: 50px;}
.CaseTop ul li{width: 20%;float: left;transition: .8s linear;}
.CaseTop ul li span{overflow: hidden;display: block;}
.CaseTop ul li span img{display: block;width: 100%;}
.CaseTop ul li .box{text-align: center;background-color: #272727;padding: 30px 10px;position: relative;top: -1px;}
.CaseTop ul li .box h3{font-size: 16px;color: #fff;font-weight: normal;}
.CaseTop ul li .box i{width: 11px;height: 1px;background-color: #fff;display: block;margin: 7px auto 9px;}
.CaseTop ul li .box p{color: #666;font-size: 10px;text-transform: uppercase;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.CaseTop ul li:hover{box-shadow: 0 10px 30px rgba(0,0,0,.3);transform: scale(1.1);position: relative;z-index: 9;}
.CaseTop ul li:hover .box{background-color: #303170;}
.CaseTop ul li:hover .box p{color: #626397;}

.CaseBot{text-align: center;}
.CaseBot ul li{display: inline-block;*display: inline;*zoom: 1;font-size: 16px;margin: 0 30px;padding-bottom: 10px;}
.CaseBot ul li a{color: #666;}
.CaseBot ul li.cur{background: url(/images/CaseBox.png) no-repeat center bottom;}
.CaseBot ul li.cur a{color: #303170;}

.CaseBox .content{position: relative;}
.CaseBox{text-align: center;margin-top: 90px;background: url(/images/CaseBg.png) no-repeat center center;height: 61px;line-height: 60px;}
.CaseBox h3{font-weight: normal;color: #303170;font-size: 28px;}
.CaseBox span{margin-left: 30px;}
.CaseBox em{position: absolute;}
.CaseBox em.em01{left: 120px;top: -17px;animation: myfirst 5s infinite;}
.CaseBox em.em02{right: 245px;top: -17px;animation: myfirst 3s infinite;}
.CaseBox em.em03{left: 135px;top: 14px;animation: myfirst 12s infinite;}
.CaseBox em.em04{right: 150px;top: 15px;animation: myfirst 8s infinite;}
.CaseBox em.em05{right: 101px;top: 32px;animation: myfirst 10s infinite;}
.CaseBox em img{display: block;}

.CaseTop ul li.li01 .box{background-color: #333;}
.CaseTop ul li.li01:hover .box{background-color: #303170;}
.CaseTop ul li.li03 .box{background-color: #333;}
.CaseTop ul li.li03:hover .box{background-color: #303170;}
.CaseTop ul li.li05 .box{background-color: #333;}
.CaseTop ul li.li05:hover .box{background-color: #303170;}
/* Case End */

/* Brand YangFangLing 2018年11月20日 */
.Brand{background: url(/images/BrandBg.jpg) no-repeat center center;padding: 70px 0 55px;overflow: hidden;}

.BrandCon{margin-top: 70px;}
.BrandCon ul li{float: left;width: 283px;text-align: center;margin-left: 600px;}
.BrandCon ul li:first-child{margin-left: 30px;}
.BrandCon ul li span{width: 263px;height: 263px;display: block;border: 10px #fff solid;border-radius: 50%;overflow: hidden;margin: 0 auto;animation: myfirst 20s infinite;}
.BrandCon ul li span img{width: 263px;height: 263px;display: block;transition: .8s;}
.BrandCon ul li:hover span img{transform: scale(1.03);}
.BrandCon ul li h3{color: #fff;font-size: 48px;font-weight: normal;text-transform: uppercase;margin-top: 25px;font-family: "icomoonts";}
.BrandCon ul li h4{width: 24px;height: 2px;display: block;background-color: #fff;margin: 10px auto 15px;}
.BrandCon ul li p{color: #fff;font-size: 14px;line-height: 25px;}
.BrandCon ul li em{width: 115px;height: 40px;text-align: center;line-height: 40px;display: block;border: 1px #fff solid;color: #fff;font-size: 14px;margin: 25px auto 0;}
.BrandCon ul li em i{background: url(/images/AboutIcon.png) no-repeat center right;width: 15px;height: 9px;display: inline-block;*display: inline;*zoom: 1;margin-left: 10px;}
/* Brand End */

/* About YangFangLing 2018年11月20日 */
.About{padding: 100px 0;background: url(/images/AboutBg.jpg) no-repeat center center;overflow: hidden;}

.About dl{position: relative;}
.About dl dt{width: 577px;position: relative;right: 0;}
.About dl dt a{display: block;height: 544px;width: 775px;overflow: hidden;}
.About dl dt a img{display: block;height: 544px;width: 775px;}

.About dl dd{width: 577px;position: absolute;left: 0;top: 30px;}
.About dl dd h3{font-weight: normal;font-size: 32px;background: url(/images/AboutIcon02.jpg) no-repeat right 25px;display: inline-block;*display: inline;*zoom: 1;padding-right: 15px;}
.About dl dd h3 a{color: #000;}
.About dl dd h4{font-weight: normal;color: #666;font-size: 18px;margin-top: 15px;}
.About dl dd h4 i{display: inline-block;*display: inline;*zoom: 1;width: 57px;height: 1px;background-color: #d3d3d3;vertical-align: middle;margin-right: 15px;}
.About dl dd p{color: #666;font-size: 14px;line-height: 28px;margin-top: 50px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 10;-webkit-box-orient: vertical;}
.About dl dd a.More{width: 116px;height: 38px;display: block;background-color: #303170;color: #fff;font-size: 14px;text-align: center;line-height: 38px;margin-top: 80px;box-shadow: 0 0 20px rgba(48,49,112,.3);}
.About dl dd a.More i{background: url(/images/AboutIcon.png) no-repeat center center;width: 15px;height: 9px;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;margin-left: 10px;}
/* About End */

/* 动画旋转 YangFangLing 2018年11月20日 */
@keyframes myfirst
{
from {transform:rotate(0);}
to {transform:rotate(360deg);}
}

.img-box img, .CaseTop ul li { 
  -webkit-transition:all .5s linear; 
  -moz-transition:all .5s linear; 
  -ms-transition:all .5s linear; 
  transition:all .5s linear; 
}
.img-box:hover img, .CaseTop ul li:hover { 
  -webkit-transform:scale(1.05);
  -moz-transform:scale(1.05);
  -ms-transform:scale(1.05);
  transform:scale(1.05);
}
/* 动画旋转 End */<!--耗时1776171578.7534秒-->