/* Banner */
.BannerCon{position: relative;}
.banner-wrap { width: 100%; height:500px; position: relative;}
.banner-box { height: 500px; position: relative;}
.banner-box ul li { width: 100%; height: 500px; 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: 500px; position: relative; left: 50%; margin-left: -960px; }
.btm-circle {width: 100%;height: 24px;position: absolute;bottom: 5%;left: 0;text-align: center;}
.btm-circle span {display: inline-block;width: 22px;height: 22px;position: relative;z-index: 9;border-radius: 50%;margin: 0 10px;cursor: pointer;}
.btm-circle span:before { content: ''; display: block; width: 5px; height: 5px; position: absolute; left: 50%; top: 50%; border-radius: 50%;background-color: #fff;margin-top: -2.5px;margin-left: -2.5px;}
.btm-circle span.cur { border:solid 1px #fff; }
.btm-circle span.cur:before { background-color: #fff; border-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:hover span.btn{display: block;}
.banner-wrap span.btn:hover {background-color: #004489; background-color: #004489;}
.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(../images2020/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 */

.SearchFor{height: 60px;line-height: 60px;}
.SearchFor .keyword {font-size: 14px;color: #666;height: 60px;width: 770px;}
.SearchFor .keyword span {float: left;width:100px;height: 60px;line-height: 60px;color: #666;}
.SearchFor .keyword p {float: left;height: 60px;line-height: 60px;}
.SearchFor .keyword p a {float: left;height: 60px;line-height: 60px;color: #666;font-size: 14px;padding: 0 9px;}
.SearchFor .keyword p a:hover {color: #004c98;}
.SearchFor .keyword a:first-child {padding-left: 0;border-left: none;}
.SearchFor form{margin-top: 3px;}
.SearchFor .inp {width: 300px;height: 40px;overflow: hidden;border-bottom: 1px solid #004c98;}
.SearchFor .inp input {float: left;border:none;height: 40px;line-height: 40px;width: 260px;font-size: 14px;color: #666;background: none;outline: none;}
.SearchFor .inp button {display: block;float: right;width: 30px;height: 40px;cursor: pointer;background:  no-repeat;border:  none;outline: none;}
.SearchFor .inp button i {display: block;width: 20px;height: 40px;background: url(../images2020/SearchFor.png) no-repeat right center;}
/* SearchFor End */

/* Title YangFangLing 2018年11月7日 */
.Title{text-align: center;padding: 55px 0 40px;}
.Title h3{font-size: 30px;color: #333;}
.Title h3 a{color: #333;}
.Title h3 b{color: #004c98;}
.Title h3 a b{color: #004c98;}
.Title p{color: #ccc;font-size: 26px;font-family: "icomoont";text-transform: uppercase;}
.Title i{background: url(../images2020/Title.png) no-repeat center;margin: 20px auto 10px;display: block;width: 170px;height: 10px;}
.Title h3 em{width: 110px;height: 66px;display: inline-block;*display: inline;*zoom: 1;margin: 0 5px;position: relative;top: 10px;}
.Title h3 em img{width: 110px;height: 66px;display: block;}
.Title h2{color: #333;font-size: 30px;font-weight: normal;margin-bottom: 3px;}

.Title05 h3{font-weight: normal;}

.Title02 h3{font-weight: normal;}
.Title02 h3 a,.Title02 h3 a b,.Title02 p{color: #fff;}
.Title02 i{background: url(../images2020/Title02.png) no-repeat center;}
.Title02 h4{font-size: 18px;margin-top: 10px;font-weight: normal;color: #fff;}
.Title02 h3 b{color: #fff;}

.Title03 h3 em{width: 112px;height: 68px;display: inline-block;*display: inline;*zoom: 1;}
.Title03 h3 em img{width: 112px;height: 68px;display: block;}

.Title04{padding-bottom: 0;}
/* Title End */

/* Solution YangFangLing 2018年11月7日 */
.Solution{background-color: #ebebeb;    padding-bottom: 60px;}

.SolutionLeft{background-color: #fff;width: 260px;border: 1px #e6e6e6 solid;}
.SolutionLeft ul li{font-size: 16px;height: 70px;line-height: 70px;border-top: 1px #e6e6e6 solid;padding: 0 20px;position: relative;}
.SolutionLeft ul li:first-child{border-top: none;}
.SolutionLeft ul li.cur{background-color: #004c98;}
.SolutionLeft ul li.cur a{color: #fff;}
.SolutionLeft ul li a{color: #666;display: block;}
.SolutionLeft ul li a i{background: url(../images2020/SolutionBox.png) no-repeat center center;width: 10px;height: 80px;display: block;position: absolute;right: -10px;top: 0;display: none;}
.SolutionLeft ul li.cur a i{display: block;}
.SolutionEwm a{ display: block; color: #666; font-size: 16px; height: 70px; line-height: 70px; padding: 0 20px; border-top: 1px #e6e6e6 solid; background: url(../images2020/More.png) no-repeat 100px center; }
.SolutionEwm a:hover{color: #004c98;}
.SolutionEwm p{text-align: center;border-top: 1px #e6e6e6 solid;padding-bottom: 20px;}
.SolutionEwm p img{display: block;width: 148px;height: 148px;margin: 10px auto 6px;}
.SolutionEwm p em{color: #333;font-size: 14px;}

.SolutionRight{width: 910px;}
.SolutionTop{background-color: #fff;border: 1px #004c98 solid;padding: 25px;border-top: 7px #004c98 solid;}
.SolutionTop dl dt{width: 554px;}
.SolutionTop dl dt a{width: 554px;height: 343px;display: block;overflow: hidden;}
.SolutionTop dl dt a img{display: block;width: 554px;height: 343px;transition: .8s;}
.SolutionTop dl dt:hover a img{transform: scale(1.03);}
.SolutionTop dl dd{width: 280px;}
.SolutionTop dl dd h3{font-size: 20px;font-weight: normal;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.SolutionTop dl dd h3 a{color: #333;}
.SolutionTop dl dd h3:hover a{color: #004c98;}
.SolutionTop dl dd p{color: #333;font-size: 14px;line-height: 25px;margin-top: 30px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.SolutionTop dl dd h4{color: #333;line-height: 25px;margin-top: 20px;}
.SolutionTop dl dd h5{font-weight: normal;margin-top: 50px;}
.SolutionTop dl dd h5 a{display: block;width: 120px;height: 42px;text-align: center;line-height: 42px;color: #666;font-size: 14px;border: 1px #ccc solid;margin-left: 30px;}
.SolutionTop dl dd h5 a:first-child{margin-left: 0;}
.SolutionTop dl dd h5 a.cur{background-color: #004c98;color: #fff;border: 1px #004c98 solid;}

.SolutionBot{background-color: #fff;padding: 20px;margin-top: 35px;}
.SolutionBot h3{margin-bottom: 20px;border-bottom: 1px #e6e6e6 solid;font-size: 18px;padding-bottom: 15px;}
.SolutionBot h3 a{color: #004c98;border-bottom: 3px #004c98 solid;padding-bottom: 12px;}
.SolutionBot ul li{float: left;width: 425px;text-align: center;margin-left: 20px;}
.SolutionBot ul li:first-child{margin-left: 0;}
.SolutionBot ul li span{width: 425px;height: 269px;display: block;overflow: hidden;}
.SolutionBot ul li span img{width: 425px;height: 269px;display: block;transition: .8s;}
.SolutionBot ul li:hover span img{transform: scale(1.03);}
.SolutionBot ul li p{color: #333;font-size: 16px;margin-top: 20px;}
.SolutionBot ul li:hover p{color: #004c98;}
/* Solution End */

/* Product YangFangLing 2018年11月7日 */
.Product{background-color: #ebebeb;padding: 40px 0 10px}

.ProductLeft{background-color: #fff;border: 1px #e6e6e6 solid;width: 260px;height:1140px;}
.ProductLeft dl dt{height: 100px;background: url(../images2020/ProductTitle.jpg) no-repeat center center;padding: 0 30px;}
.ProductLeft dl dt h3{font-size: 26px;padding-top: 25px;}
.ProductLeft dl dt h3 a{color: #fff;}
.ProductLeft dl dt p{color: #fff;font-size: 26px;font-family: "icomoont";margin-top: -2px;}
.ProductLeft dl dd h3{color: #333;height: 60px;line-height: 60px;border-bottom: 1px #e6e6e6 solid;font-weight: normal;color: #333;font-size:22px;padding: 0 20px;}
.ProductLeft dl dd ul{padding: 25px 20px;}
.ProductLeft dl dd ul li{margin-top:19px;background: url(../images2020/ProductIcon01.jpg) no-repeat center left;padding-left: 20px;}
.ProductLeft dl dd ul li:hover{background: url(../images2020/ProductIcon02.jpg) no-repeat center left;}
.ProductLeft dl dd ul li:hover a{color: #004c98; font-weight: bold; font-size:18px;}
.ProductLeft dl dd ul li:first-child{margin-top: 0;}
.ProductLeft dl dd ul li a{color: #666;font-size: 18px; width:200px; display:block;}
.ProductLeft dl dd a.More{color: #333;font-size: 16px;padding: 0 20px;height: 60px;line-height: 60px;border-top: 1px #e6e6e6 solid;display: block;background: url(../images2020/More.png) no-repeat 90px center;}
.ProductLeft dl dd a.More:hover{color: #004c98;}

.ProductRight{background-color: #fff;padding: 20px;width: 870px;}
.ProductRight ul{width: 900px;margin-left: -30px;}
.ProductRight ul li{float: left;width: 418px;border: 1px #e6e6e6 solid;margin-left: 30px;margin-top: 23px;}
.ProductRight ul li span{width: 418px;height: 264px;display: block;overflow: hidden;}
.ProductRight ul li span img{width: 418px;height: 264px;display: block;transition: .8s;}
.ProductRight ul li:hover span img{transform: scale(1.03);}
.ProductRight ul li p{height: 55px;line-height: 55px;padding: 0 20px;font-size: 14px;color: #333;border-top: 1px #e6e6e6 solid;}
.ProductRight ul li:hover p{background-color: #004c98;color: #fff;}
.ProductRight ul li:hover p em{font-weight: bold;}

.ProductRight h3{border-bottom: 1px #e6e6e6 solid;font-weight: normal;}
.ProductRight h3 a.a1{font-size: 18px;color: #004c98;font-weight: bold;background: url(../images2020/More02.png) no-repeat right 4px;padding-right: 20px;border-bottom: 3px #004c98 solid;padding-bottom: 15px;}
.ProductRight h3 a.a2{font-size: 14px;color: #333;background: url(../images2020/More.png) no-repeat center right;padding-right: 20px;}
.ProductRight h3 a.a2:hover{color: #004c98;}
/* Product End */

/* Troubled YangFangLing 2018年11月7日 */
.Troubled{padding-bottom: 35px;}

.TroubledCon{position: relative;}
.TroubledCon ul{text-align: right;}
.TroubledCon ul li{text-align: center;background: url(../images2020/TroubledIcon01.png) no-repeat center;width: 168px;height: 168px;margin-left: 30px;display: inline-block;*display: inline;*zoom: 1;-webkit-transition : .1s ease-out;-moz-transition : .1s ease-out;-ms-transition : .1s ease-out;-o-transition : .1s ease-out;transition : .1s ease-out;animation:data1 1.6s linear infinite;}
.TroubledCon ul li.li02{-webkit-transition : .1s ease-out;-moz-transition : .1s ease-out;-ms-transition : .1s ease-out;-o-transition : .1s ease-out;transition : .1s ease-out;animation:data1 1.3s linear infinite;}
.TroubledCon ul li.li03{-webkit-transition : .1s ease-out;-moz-transition : .1s ease-out;-ms-transition : .1s ease-out;-o-transition : .1s ease-out;transition : .1s ease-out;animation:data1 1.4s linear infinite;}
.TroubledCon ul li.li04{-webkit-transition : .1s ease-out;-moz-transition : .1s ease-out;-ms-transition : .1s ease-out;-o-transition : .1s ease-out;transition : .1s ease-out;animation:data1 1.5s linear infinite;}
.TroubledCon ul li.li05{-webkit-transition : .1s ease-out;-moz-transition : .1s ease-out;-ms-transition : .1s ease-out;-o-transition : .1s ease-out;transition : .1s ease-out;animation:data1 1.7s linear infinite;}
.TroubledCon ul li:first-child{margin-left: 0;}
.TroubledCon ul li h3{font-size: 20px;color: #333;padding-top: 50px;}
.TroubledCon ul li h3 b{color: #004c98;}
.TroubledCon ul li p{color: #666;font-size: 16px;line-height: 25px;margin-top: 10px;}

.TroubledCon span{width: 228px;height: 301px;display: block;position: absolute;left: -30px;bottom: -35px;}
.TroubledCon span img{width: 228px;height: 301px;display: block;}

.TroubledText{margin-top: 15px;text-align: right;margin-right: 70px;}
.TroubledText p{font-size: 22px;color: #004c98;font-family: "icomoont";font-weight: bold;display: inline-block;*display: inline;*zoom: 1;margin-right: 65px;}
.TroubledText p b{font-size: 80px;}
.TroubledText a{width: 120px;height: 42px;display: block;text-align: center;line-height: 42px;background-color: #004c98;color: #fff;font-size: 14px;border-radius: 5px;display: inline-block;*display: inline;*zoom: 1;}
.TroubledText p i{width: 40px;height: 2px;background-color: #004c98;display: inline-block;*display: inline;*zoom: 1;vertical-align: 8px;margin: 0 10px}
.TroubledText p b sup{font-weight: normal;font-family:none;font-size: 14px;vertical-align:35px;font-weight: bold;}
/* Troubled End */

/* Certificate YangFangLing 2018年11月7日 */
.Certificate{padding-bottom: 60px;}

.CertificateBox{position: relative;overflow: hidden;}
.CertificateBox ul{position: relative;}
.CertificateBox ul li{width: 228px;float: left;border: 1px #ccc solid;margin-left: 12px;}
.CertificateBox ul li:first-child{margin-left: 0;}
.CertificateBox ul li a{width: 228px;height: 318px;display: block;overflow: hidden;}
.CertificateBox ul li a img{width: 228px;height: 318px;display: block;transition: .8s;}
.CertificateBox ul li:hover a img{transform: scale(1.03);}
.CertificateBox ul li:hover{border: 1px #004c98 solid;}

.CertificateCon{position: relative;}
.CertificateCon i{display: block;width: 36px;height: 36px;overflow: hidden;cursor: pointer;position: absolute;top: 50%;margin-top: -18px;}
.CertificateCon i img{display: block;width: 36px;height: 36px;position: relative;}
.CertificateCon i.prev{left: -80px;}
.CertificateCon i.next{right: -80px;}
/* Certificate End */

/* About YangFangLing 2018年11月7日 */
.About{background-color: #004c98;padding-bottom: 60px;}

.AboutCon dl{margin-top: 20px;}
.AboutCon dl dt{width: 615px;position: relative;}
.AboutCon dl dt i{width: 614px;height: 380px;border: 2px #fff solid;display: block;position: absolute;right: -20px;top: -20px;z-index: 1;}
.AboutCon dl dt a{width: 615px;height: 384px;display: block;overflow: hidden;position: relative;z-index: 9;}
.AboutCon dl dt a img{width: 615px;height: 384px;display: block;transition: .8s;}
.AboutCon dl dt:hover a img{transform: scale(1.03);}
.AboutCon dl dd{width: 515px;margin-top: 40px;}
.AboutCon dl dd h3{font-size: 18px;font-weight: normal;}
.AboutCon dl dd h3 a{color: #fff;}
.AboutCon dl dd p{color: #fff;font-size: 14px;line-height: 30px;margin-top: 30px;}
.AboutCon dl dd a.More{width: 120px;height: 42px;text-align: center;line-height: 42px;display: block;background-color: #fff;color: #004c98;font-size: 14px;margin-top: 40px;position: relative;}
.AboutCon dl dd a.More i{background: url(../images2020/xiao.png) no-repeat center right;width: 36px;height: 11px;display: block;position: absolute;right: -19px;top: 50%;margin-top: -5.5px;display: none;}
.AboutCon dl dd a.More:hover i{display: block;}
/* About End */

/* Partner YangFangLing 2018年11月7日 */
.Partner{padding-bottom: 60px;}

.PartnerCon ul li{float: left;border: 1px #ccc solid;width: 239px;margin-left: -1px;margin-top: -1px;}
.PartnerCon ul li a{width: 239px;height: 120px;display: block;overflow: hidden;}
.PartnerCon ul li a img{width: 239px;height: 120px;display: block;transition: .8s;}
.PartnerCon ul li:hover a img{transform: scale(1.03);}
.PartnerCon ul li:hover{box-shadow: 0 0 30px rgba(0,76,152,.3);position: relative;z-index: 9;border: 1px #004c98 solid;}
/* Partner End */

/* Process YangFangLing 2018年11月7日 */
.Process{padding-bottom: 45px;}

.ProcessCon ul li{position:relative; float: left;text-align: center;width: 12.5%;}
.ProcessCon ul li span{width: 94px;height: 94px;display: block;margin: 0 auto;}
.ProcessCon ul li:first-child{background: none;}
.ProcessCon ul li span img{width: 94px;height: 94px;transition: all 0.5s;position: relative;top: 0;}
.ProcessCon ul li:hover span img{transform: rotateY(360deg);top: -15px;}
.ProcessCon ul li P{font-size: 18px;color: #333;margin-top: 15px;}
.ProcessCon ul li:hover p{color: #004c98;}
.ProcessCon ul li:before{position:absolute;top: 33%;left: -7px;content:"";width: 16px;height: 11px;background: url(../images2020/ProcessIcon01.png) no-repeat center;}
.ProcessCon ul li:first-child:before{display:none;}
.ProcessCon ul li:hover:before{background: url(../images2020/ProcessIcon02.png) no-repeat center;}
/* Process End */

/* News YangFangLing 2018年11月8日 */
.News{background-color: #e8e8e9;padding-bottom: 60px;position: relative;}

.News .content{position: relative;z-index: 99;}
.NewsNav{text-align: center;margin-bottom: 40px;}
.NewsNav ul li{font-size: 16px;display: inline-block;*display: inline;*zoom: 1;margin: 0 50px;}
.NewsNav ul li a{color: #333;}
.NewsNav ul li.cur a{color: #004c98;}

.NewsLeft{width: 480px;background-color: #fff;}
.NewsLeft dl dt{width: 480px;}
.NewsLeft dl dt a{width: 480px;height: 283px;display: block;overflow: hidden;}
.NewsLeft dl dt a img{width: 480px;height: 283px;display: block;transition: .8s;}
.NewsLeft dl:hover dt a img{transform: scale(1.03);}
.NewsLeft dl:hover h3 a{color: #004c98;}
.NewsLeft dl dd{padding: 32px 25px;}
.NewsLeft dl dd h3{font-size: 18px;}
.NewsLeft dl dd h3 a{color: #333;}
.NewsLeft dl dd p{font-size: 14px;color: #333;line-height: 25px;margin-top: 10px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 47px;}
.NewsLeft dl dd a.More{color: #004c98;font-size: 26px;font-family: "icomoont";border-bottom: 1px #004c98 solid;padding-bottom: 10px;margin-top: 10px;display: inline-block;*display: inline;*zoom: 1;padding-right: 30px;}

.NewsRight{width: 660px;}
.NewsRight dl{margin-top: 9px;}
.NewsRight dl:first-child{margin-top: 0;}
.NewsRight dl dt{width: 170px;height: 104px;border: 1px #ccc solid;text-align: center;font-size: 60px;color: #333;font-family: "icomoont";padding-top: 7px;}
.NewsRight dl dt em{display: block;color: #333;font-size: 30px;margin-top: -20px;}
.NewsRight dl dd{border-bottom: 1px #ccc solid;padding-bottom: 15px;width: 450px;margin-top: 15px;transition: .8s;}
.NewsRight dl dd h3{font-size: 18px;font-weight: normal;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.NewsRight dl dd h3 a{color: #333;}
.NewsRight dl dd p{color: #333;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; height: 47px;}
.NewsRight dl:hover{background-color: #004c98;}
.NewsRight dl:hover dt{border: 1px #004c98 solid;color: #fff;}
.NewsRight dl:hover dt em{color: #fff;}
.NewsRight dl:hover dd{border-bottom: 1px #004c98 solid;padding-right: 25px;}
.NewsRight dl:hover dd h3 a{color: #fff;}
.NewsRight dl:hover dd p{color: #fff;}

.News span.NewsBg{width: 567px;height: 570px;display: block;position: absolute;left: 50%;margin-left: -268px;top: 50%;margin-top: -255px;}
.News span.NewsBg img{width: 567px;height: 570px;display: block;-webkit-animation: fadeIn 2s infinite linear;animation: fadeIn 2s infinite linear;}
/* News End */

/* Advantage YangFangLing 2018年11月8日 */
.Advantage{background-color: #ebebeb;padding-bottom: 60px;}

.AdvantageCon span{width: 867px;height: 528px;display: block;margin-left: -135px;}
.AdvantageCon span img{width: 867px;height: 528px;display: block;}
.AdvantageCon ul{width: 440px;}
.AdvantageCon ul li{background: url(../images2020/AdvantageIcon01.png) no-repeat center left;padding-left: 70px;margin-top: 30px;}
.AdvantageCon ul li:first-child{margin-top: 0;}
.AdvantageCon ul li h3{font-size: 18px;color: #004c98;}
.AdvantageCon ul li p{color: #333;font-size: 14px;line-height: 25px;margin-top: 5px;}
.AdvantageCon ul li.li02{background: url(../images2020/AdvantageIcon02.png) no-repeat center left;}
.AdvantageCon ul li.li03{background: url(../images2020/AdvantageIcon03.png) no-repeat center left;}
.AdvantageCon ul li.li04{background: url(../images2020/AdvantageIcon04.png) no-repeat center left;}
.AdvantageCon ul li.li05{background: url(../images2020/AdvantageIcon05.png) no-repeat center left;}
/* Advantage End */

/* SystemService YangFangLing 2018年11月9日 */
.SystemServiceCon dl{background: url(../images2020/SystemServiceBox.jpg) center center;height: 375px;padding: 20px 0;}
.SystemServiceCon dl dd{position: relative;}
.SystemServiceCon dl dd h3{background: url(../images2020/SystemServiceTitle.png) no-repeat center center;height: 64px;width: 244px;text-align: center;line-height: 48px;color: #fff;font-size: 30px;position: relative;}
.SystemServiceCon dl dd h3 span{font-family: "icomoont";font-weight: normal;font-size: 50px;margin-right: 10px;}
.SystemServiceCon dl dd h3 i{background: url(../images2020/SystemServiceIcon.png) no-repeat center center;width: 64px;height: 64px;position: absolute;right: -95px;top: 0;}
.SystemServiceCon dl dd h4{font-size: 20px;color: #333;background: url(../images2020/shidian.png) no-repeat center left;padding-left: 15px;margin-top: 25px;}
.SystemServiceCon dl dd p{font-size: 14px;color: #666;}
.SystemServiceCon dl dd p em{display: block;background: url(../images2020/shidian.png) no-repeat left 6px;padding-left: 15px;margin-top: 15px;}
.SystemServiceCon dl dd ul{margin-top: 30px;}
.SystemServiceCon dl dd ul li{width: 90px;height: 70px;background-color: #fff;border-radius: 50%;border: 1px #ddd solid;text-align: center;float: left;font-size: 18px;color: #333;font-weight: bold;line-height: 25px;padding-top: 20px;margin-left: 30px;position: relative;z-index: 9;}
.SystemServiceCon dl dd ul li:first-child{margin-left: 0;}
.SystemServiceCon dl dd i.i01{width: 455px;height: 1px;background-color: #ddd;display: block;position: absolute;z-index: 1;left: 0;bottom: 45px;}
.SystemServiceCon dl.dl01 dd{position: relative;top: 5px;right: 60px;}
.SystemServiceCon dl.dl02 dd{position: relative;top: 70px;}
.SystemServiceCon dl.dl02 dd h3 i{background: url(../images2020/SystemServiceIcon02.png) no-repeat center center;width: 79px;height: 65px;}
.SystemServiceCon dl.dl03 dd{width: 470px;position: relative;top: 70px;}
.SystemServiceCon dl.dl03 dd h3 i{background: url(../images2020/SystemServiceIcon03.png) no-repeat center center;width: 67px;height: 64px;}
.SystemServiceCon dl.dl04 dd{position: relative;top: 30px;}
.SystemServiceCon dl.dl04 dd h3 i{background: url(../images2020/SystemServiceIcon04.png) no-repeat center center;width: 72px;height: 64px;}
.SystemServiceCon dl.dl04 dd a{width: 120px;height: 40px;border: 1px #004489 solid;display: block;color: #666;font-size: 14px;text-align: center;line-height: 40px;margin-top: 30px;}
.SystemServiceCon dl.dl04 dd:hover a{background-color: #004489;color: #fff;}
.SystemServiceCon dl.dl04 dd b{width: 238px;height: 188px;display: block;position: absolute;left: 350px;bottom: -20px;}
.SystemServiceCon dl.dl04 dd b img{width: 238px;height: 188px;display: block;}
/* SystemService End */

/* Quality  */
.Quality{background-color: #004c98;padding-bottom: 120px;}

.QualityCon{position: relative;}
.QualityCon ul{margin-left: -90px;}
.QualityCon ul.ul02{margin-right: -90px;}
.QualityCon ul li{background: url(../images2020/QualityIcon01.png) no-repeat center;width: 251px;height: 161px;padding: 10px 200px 10px 20px;margin-top: 45px;}
.QualityCon ul li:first-child{margin-top: 0;}
.QualityCon ul li h3{font-size: 17px;color: #fff;line-height: 27px;}
.QualityCon ul li p{color: #fff;font-size: 16px;line-height: 25px;margin-top: 8px;}
.QualityCon ul li.li02{background: url(../images2020/QualityIcon02.png) no-repeat center;}
.QualityCon ul li.li03{background: url(../images2020/QualityIcon03.png) no-repeat center;padding: 10px 20px 10px 220px;width: 231px;}
.QualityCon ul li.li04{background: url(../images2020/QualityIcon04.png) no-repeat center;padding: 10px 20px 10px 215px;width: 236px;}

.QualityBox{position: absolute;left: 50%;margin-left: -376.5px;top: 0;}
.QualityBox span{width: 753px;height: 518px;display: block;position: relative;z-index: 9;}
.QualityBox span img{width: 753px;height: 518px;display: block;}
.QualityBox i{width: 907px;height: 153px;display: block;position: absolute;bottom: 44px;left: -70px;z-index: 1;}
.QualityBox i img{width: 907px;height: 153px;display: block;animation:dong 1.5s infinite;}
/* Quality End */

/* Message YangFangLing 2018 */
.Message{background-color: #004c98;padding: 40px 0;position: relative;}
.MessageText h3{font-size: 22px;color: #fff;}
.MessageText h3 em{display: block;font-weight: normal;font-size: 18px;margin-top: 10px;}
.MessageText h4{font-weight: normal;color: #fff;font-size: 16px;background: url(../images2020/MessageDh.png) no-repeat left 19px;padding-left: 50px;}
.MessageText h4 em{font-size: 50px;font-family: "icomoont";position: relative;top: 6px;}

.Message .content{position: relative;z-index: 9;}
.Message ul{margin-top: 25px;}
.Message ul li{float: left;margin-left: 20px;}
.Message ul li:first-child{margin-left: 0;}
.Message ul li input{width: 214px;height: 42px;line-height: 42px;padding: 0 35px 0 15px;border: none;outline: none;font-size: 14px;color: #999;background-color: #fff;}
.Message ul li .input-name{background: #fff url(../images2020/FooterIcon01.png) no-repeat 238px center;}
.Message ul li .input-name02{background: #fff url(../images2020/FooterIcon02.png) no-repeat 238px center;}
.Message ul li .input-name03{width: 302px;background: #fff url(../images2020/FooterIcon03.png) no-repeat 327px center;}
.Message ul li.li04{width: 120px;height: 42px;background-color: #ff9a00;text-align: center;line-height: 42px;font-size: 14px;}
.Message ul li.li04 a{color: #fff;display: block;}
.Message ul li.li05{width: 120px;height: 42px;background-color: #45d65d;text-align: center;line-height: 42px;font-size: 14px;position: relative;}
.Message ul li.li05 a{color: #fff;display: block;}
.Message ul li.li05 em{width: 148px;height: 148px;display: block;position: absolute;left: -13px;top: 55px;display: none;}
.Message ul li.li05:hover em{display: block;}
.Message ul li.li05 em img{display: block;width: 148px;height: 148px;}

.Message span{width: 385px;height: 200px;display: block;position: absolute;left: 0;top: 0;z-index: 1;}
.Message span img{width: 385px;height: 200px;display: block;}
.Message span.span02{width: 180px;height: 158px;display: block;position: absolute;left: auto;right: 125px;top: -105px;}
.Message span.span02 img{width: 180px;height: 158px;display: block;}
/* Message End */

/* Interact */
.Interact{position: relative;z-index: 9;}

.InteractCenter{width: 365px;margin-left: 50px;}
.InteractCenter h3{color: #333;font-size: 18px;text-align: center;}
.InteractCenter p{border: 1px #ff9a00 solid;border-top: 4px #ff9a00 solid;margin-top: 20px;padding: 25px;}


.InteractRight{width: 365px;}
.InteractRight h3{color: #333;font-size: 18px;text-align: center;}
.InteractRight dl{border: 1px #45d65d solid;border-top: 4px #45d65d solid;margin-top: 20px;position: relative;height: 339px;}
.InteractRight dl dt{width: 282px;height: 286px;position: absolute;left: 50%;bottom: 0;margin-left: -141px;}
.InteractRight dl dt img{width: 282px;height: 286px;display: block;}
.InteractRight dl dd{text-align: center;position: relative;z-index: 9;}
.InteractRight dl dd img{width: 170px;height: 170px;display: block;margin: 120px auto 5px;}
.InteractRight dl dd p{color: #333;font-size: 14px;}

.InteractLeft{width: 365px;}
.InteractLeft h3{color: #333;font-size: 18px;text-align: center;}
.InteractLeft ul{border: 1px #004c98 solid;border-top: 4px #004c98 solid;margin-top: 20px;padding: 40px;}
.InteractLeft ul li{margin-top: 44px;background: url(../images2020/InteractIcon01.png) no-repeat center left;padding-left: 85px;height: 57px;}
.InteractLeft ul li:first-child{margin-top: 0;}
.InteractLeft ul li em{color: #333;font-size: 16px;display: block;}
.InteractLeft ul li p{font-size: 40px;color: #333;font-family: "icomoont";margin-top: -5px;}
.InteractLeft ul li h4{font-weight: normal;font-size: 16px;color: #333;}
.InteractLeft ul li h4 b{font-size: 30px;font-family: "icomoont";display: block;margin-top: -2px;font-weight: normal;}
.InteractLeft ul li h4 b em{font-size: 16px;display: inline-block;font-weight: bold;}
.InteractLeft ul li.li02{background: url(../images2020/InteractIcon02.png) no-repeat center left;}
.InteractLeft ul li.li03{background: url(../images2020/InteractIcon03.png) no-repeat center left;}
/* Interact End */

/* IndexLink */
.IndexLink{margin: 60px 0 50px;border: 1px #ddd solid;background-color: #fff;}

.IndexLink span{display: block;height: 45px;width: 80px;background-color: #004c98;padding: 15px 20px 20px;color: #fff;font-size: 20px;}
.IndexLink span a{color: #fff;}
.IndexLink span em{display: block;font-size: 30px;font-family: "icomoont";margin-top: -3px;}
.IndexLink p{padding: 10px 20px;width: 1038px;}
.IndexLink p a{font-size: 14px; float:left;color: #666;margin-left:25px;}

.IndexLinkCon .content{position: relative;z-index: 9;}
.IndexLinkCon{position: relative;}
.IndexLinkCon i{width: 1920px;height: 297px;display: block;position: absolute;bottom: -50px;left: 0;z-index: 1;}
.IndexLinkCon i img{width: 1920px;height: 297px;display: block;}
/* IndexLink End */

/* HonorCertificate */
.HonorCertificate{background: url(../images2020/HonorCertificateBg.jpg) no-repeat center;height: 666px;}

#gallery{margin:0 auto;width:1200px;height:496px;z-index:1;position: relative;}
.container_image{margin:0 auto;position:relative;z-index:1; width:100%;font-size:.8125em}
.roundabout-holder{width:900px;height: 420px;margin:0 auto;}
.roundabout-moveable-item{width:461px;height:307px;cursor:pointer;}
.roundabout-moveable-item img{width:100%}

.container_image ul li a span{font-size: 18px;color: #333;font-weight: bold;margin-top: 35px;display: block;text-align: center;}

#gallery i{display: block;width: 36px;height: 36px;overflow: hidden;cursor: pointer;position: absolute;top: 50%;margin-top: -18px;cursor: pointer;z-index:999999;}
#gallery i img{display: block;width: 36px;height: 36px;position: relative;}
#gallery i.prev{left: -80px;}
#gallery i.next{right: -80px;}
#gallery li span{display:none;text-align:center;}
#gallery li.roundabout-in-focus span{display:block;}
/* HonorCertificate End */

/* */
@keyframes data1 {
    25% {-webkit-transform: translateY(-10px);}
    50%, 100% {-webkit-transform: translateY(0);}
   75% {-webkit-transform: translateY(10px);}
    }
@keyframes dong{
    0%{opacity:1;transform:scale(1)}
    100%{opacity:1;transform:scale(1.2)}
}
@keyframes fadeIn {
  0% {opacity:0;}
  50% {opacity: 1;}
  100% {opacity: 0;}
}
@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  50% {opacity: 1;}
  100% {opacity: 0;}
}
/* End */

/* 修正版产品分类 */
.in-prd-cate {float: left;width: 260px;box-shadow: 0 0 20px #ddd;}
.in-prd-cate .tit {padding: 20px 0;background: -webkit-linear-gradient(bottom, #ea3516, #ee5e45);background: -moz-linear-gradient(bottom, #ea3516, #ee5e45);background: -o-linear-gradient(bottom, #ea3516, #ee5e45);background: linear-gradient(bottom, #ea3516, #ee5e45);color: #fff;text-align: center;line-height: 1;font-size: 24px;}
.in-prd-cate .tit small {display: block;font-size: 12px;text-transform: uppercase;margin-top: 10px;}
.in-prd-cate ul {background: -webkit-linear-gradient(right, #fff, #f5f5f5);background: -moz-linear-gradient(right, #fff, #f5f5f5);background: -o-linear-gradient(right, #fff, #f5f5f5);background: linear-gradient(right, #fff, #f5f5f5);}
.in-prd-cate li{/* margin-top:15px;*/}
.in-prd-cate li h4{ font-weight:normal; background-color:#f0f0f0; height:45px;border-bottom:1px solid #dad8d8;}
.in-prd-cate li h4 a{display:block;font-size:20px;color: #ea3516;text-decoration:none;height:45px;line-height:45px;background:url(../images2020/jt.png) no-repeat 220px center;padding:0 15px;font-weight: bold;}
.in-prd-cate li h4 a:hover{color:#ff7800;}
.in-prd-cate li .sed_p{ margin-top:8px;}
.in-prd-cate li .sed_p p{height:43px;line-height:43px;border-bottom:1px solid #ececed;}
.in-prd-cate li .sed_p p a{ font-size:16px; color:#252525; text-decoration:none; margin-left:15px; padding-left:22px; background:url(../images2020/sj2.png) no-repeat left center;}
.in-prd-cate li .sed_p p a:hover{color:#ff7800;}
.in-prd-cate .zx {padding: 5px 25px;background-color: #fff;}
.in-prd-cate .zx p {margin: 10px 0;color: #888;background: no-repeat 0 center;padding-left: 50px;}
.in-prd-cate .zx strong {display: block;color: #ea3516;font-size: 18px;}