/* 404 */
.error{position: relative;overflow-x: hidden;}
.error::before{content: '';position: absolute;left: 50%;top: 62px;transform: translateX(-50%);background: url('../images/404.png') no-repeat center;width: 608px;height: 243px;}
.error .left{float: left;width: 50%;}
.error .left h1{font-size: 26px;color: #1d1d1b;padding-bottom: 25px;margin-top: 393px;}
.error .left dl{margin-bottom: 134px;color: #6b6b6b;}
.error .left dd{position: relative;padding-left: 10px;margin-bottom: 30px;color: #6b6b6b;line-height: 21px;}
.error .left dd::before{content: '';position: absolute;left: 0;top: 6px;width: 5px;height: 5px;border-radius: 50%;background-color: #2d3041;}
.error .left dd a{color: #323333;text-shadow: 0 0 0.5px;}
.error .left dd a:hover{color: #c90000;}
.error .left > a{font-size: 15px;color: #6b6b6b;border-bottom: 1px dashed transparent;padding-bottom: 2px;}
.error .left > a:hover{color: #323333;border-color: #000;}
.error .left > a:nth-of-type(2){margin: 0 50px;}
.error .right{float: right;width: 50%;position: relative;padding-left: 20px;}
.error .right::before{content: '';position: absolute;left: 0;top: 0;width: 200%;height: 100%;background-color: #efefef;z-index: -1;}
.error .right .form-box{padding-top: 354px;padding-bottom: 58px;}
.error .right h2{font-size: 17px;font-weight: bold;padding-bottom: 15px;}

/* about-us */
.aus{overflow-x: hidden;}
.aus .banner{background: url('../images/aus-banner.jpg') no-repeat center, linear-gradient(to right, #06050f, #07091e);height: 443px;width: 100%;color: #fff;}
.aus .banner h1{font-size: 40px;padding-top: 235px;line-height: 1;padding-bottom: 16px;}
.aus .banner h2{font-size: 24px;line-height: 1;}

.aus .who-are-we{padding-top: 60px;background-color: #f7f7f7;padding-bottom: 71px;}
.aus .who-are-we h2{font-size: 28px;color: #232323;font-weight: bold;position: relative;padding-bottom: 22px;}
.aus .who-are-we h2::before{content: '';position: absolute;left: 0;bottom: 0;width: 40px;height: 4px;background-color: #b0b2b7;}
.aus .who-are-we h3{font-size: 17px;text-transform: uppercase;padding-top: 28px;padding-bottom: 50px;}
.aus .who-are-we .left{width: calc(100% / 2 - 9px);float: left;background-color: #fff;min-height: 285px;padding: 46px 14px;}
.aus .who-are-we .left h4{font-size: 17px;font-weight: bold;padding-bottom: 12px;}
.aus .who-are-we .left s{line-height: 21px;color: #6b6b6b;}
.aus .who-are-we .left s h3{display: none;}
.aus .who-are-we .right{width: calc(100% / 2 - 9px);float: right;height: 285px;background: url('../images/video-bg.jpg') no-repeat center;position: relative;}
.aus .who-are-we .right button{color: #fff;font-weight: bold;font-size: 16px;font-family: "Ebrima";background-color: #c90000;border-radius: 25px;padding: 10px 37px 10px 57px;text-transform: uppercase;line-height: 1;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);cursor: pointer;transition: all .3s;border: none;z-index: 10;}
.aus .who-are-we .right button::before{content: '';border: 8px solid transparent;border-left: 8px solid #fff;width: 0;height: 0;position: absolute;left: 24px;transition: all .3s;}
.aus .who-are-we .right button:hover{background-color: #fff;color: #c90000;}
.aus .who-are-we .right button:hover::before{border-left: 8px solid #c90000;}
.aus .who-are-we a{padding-top: 62px;display: inline-block;border-bottom: 1px dashed #000;}
.aus .who-are-we a:hover{border-color: #c90000;}

/*Loading*/
.aus .who-are-we .right button.loading
{
	text-indent: -9999px;
	background: no-repeat;
	font-size: 0;
}
.aus .who-are-we .right button.loading:before
{
	content:"";
	background-color: rgba(0,0,0,0);
	border:5px solid rgba(0,183,229,0.9);
	opacity:.9;
	border-right:5px solid rgba(0,0,0,0);
	border-left:5px solid rgba(0,0,0,0);
	border-radius:80px;
	box-shadow: 0 0 35px #2187E7;
	width:80px;
	height:80px;
	margin:0 auto;
	-moz-animation:spinPulse 1s infinite ease-in-out;
	-webkit-animation:spinPulse 1s infinite linear;
}
.aus .who-are-we .right button.loading:after
{
	content:"";
	background-color: rgba(0,0,0,0);
	border:5px solid rgba(0,183,229,0.9);
	opacity:.9;
	border-left:5px solid rgba(0,0,0,0);
	border-right:5px solid rgba(0,0,0,0);
	border-radius:80px;
	box-shadow: 0 0 15px #2187E7;
	width:70px;
	height:70px;
	position:relative;
	top:50%;
	margin:0 auto;
	-moz-animation:spinoffPulse 1s infinite linear;
	-webkit-animation:spinoffPulse 1s infinite linear;
	display: block;
	left: -27px;
	top: 5px;
}
@-moz-keyframes spinPulse
{
	0%{-moz-transform:rotate(160deg);opacity:0;box-shadow:0 0 1px #2187e7;}
	50%{-moz-transform:rotate(145deg);opacity:1;}
	100%{-moz-transform:rotate(-320deg);opacity:0;}
}
@-moz-keyframes spinoffPulse
{
	0%{-moz-transform:rotate(0deg);}
	100%{-moz-transform:rotate(360deg);}
}
@-webkit-keyframes spinPulse
{
	0%{-webkit-transform:rotate(160deg);opacity:0;box-shadow:0 0 1px #2187e7;}
	50%{-webkit-transform:rotate(145deg);opacity:1;}
	100%{-webkit-transform:rotate(-320deg);opacity:0;}
}
@-webkit-keyframes spinoffPulse
{
	0%{-webkit-transform:rotate(0deg);}
	100%{-webkit-transform:rotate(360deg);}
}

.aus .advantages{color: #fff;height: 646px;background: url('../images/adv-bg.jpg') no-repeat center;text-align: center;padding-top: 76px;}
.aus .advantages h2{font-size: 28px;font-weight: bold;padding-bottom: 23px;}
.aus .advantages h3{font-size: 24px;background-color: rgb(255, 255, 255, 0.1);display: inline-block;padding: 14px 31px;line-height: 1;margin-bottom: 71px;}
.aus .advantages ul li{width: calc(100% / 4 - 12px);margin-right: 12px;height: 322px;border-top: 4px solid #d6d7d9;float: left;border-left: 1px solid transparent;border-right: 1px solid transparent;border-image: linear-gradient(to top, rgb(255,255,255,0), rgb(255,255,255,0.9));border-image-slice: 1;position: relative;color: #fff;}
.aus .advantages ul li:last-child{margin-right: 0;}
.aus .advantages ul li::after{content: '';width: 100%;height: 141px;position: absolute;left: 0;top: 0;background-color: #121623;}
.aus .advantages ul li::before{content: '';position: absolute;left: 50%;top: 23px;transform: translateX(-50%);background: url('../images/advs-icon.png') no-repeat 0 -3px;z-index: 1;width: 41px;height: 40px;}
.aus .advantages ul li:nth-child(2)::before{background-position: -73px -7px;width: 37px;height: 33px;}
.aus .advantages ul li:nth-child(3)::before{background-position: -139px 0;width: 42px;height: 46px;}
.aus .advantages ul li:nth-child(4)::before{background-position: -201px -5px;width: 41px;height: 35px;}
.aus .advantages ul li h4{position: relative;z-index: 1;padding-top: 85px;font-size: 18px;font-weight: bold;}
.aus .advantages ul li s{position: relative;z-index: 1;display: block;line-height: 20px;padding: 49px 29px 0;}

.aus .manus{text-align: center;padding-bottom: 95px;padding-top: 80px;}
.aus .manus h2{font-size: 28px;font-weight: bold;padding-bottom: 18px;}
.aus .manus s{color: #6b6b6b;padding-bottom: 40px;display: block;line-height: 21px;}
.aus .manus ul{display: flex;justify-content: center;padding: 14px 0;}
.aus .manus ul li{width: 259px;margin-right: 26px;height: 98px;flex-shrink: 0;position: relative;}
.aus .manus ul.d li{width: 211px;}
.aus .manus ul li:first-child{margin-right: 16px;border-radius: 5px;box-shadow: 0 0 8px rgb(0, 0, 0, .25);}
.aus .manus ul li:nth-last-child(2){margin-right: 16px;}
.aus .manus ul li:last-child{margin-right: 0;border-radius: 5px;box-shadow: 0 0 8px rgb(0, 0, 0, .25);}
.aus .manus ul li a{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;border-radius: 5px;overflow: hidden;box-shadow: 0 0 8px rgb(0, 0, 0, .25);height: 98px;}
.aus .manus ul li a .box{height: 98px;line-height: 98px;text-align: center;background-color: #fff;}
.aus .manus ul li a .box img{vertical-align: middle;filter: grayscale(1);transition: all .3s;width: 150px;}
.aus .manus ul li a h3{height: 33px;line-height: 33px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;background-color: #c90000;color: #fff;font-size: 16px;font-weight: bold;text-align: center;height: 0;transition: all .3s;padding: 0 10px;}
.aus .manus ul li a:hover{height: auto;}
.aus .manus ul li a:hover h3{height: 33px;}
.aus .manus ul li a:hover img{filter: grayscale(0);}

.aus .history{background-color: #f7f7f7;padding-top: 65px;padding-bottom: 78px;}
.aus .history .zhu{position: relative;}
.aus .history h2{font-size: 28px;font-weight: bold;}
.aus .history h3{font-size: 17px;padding-top: 15px;padding-bottom: 10px;}
.aus .history button{width: 43px;border: none;border-bottom: 1px solid #000;position: absolute;right: 0;top: 12px;cursor: pointer;height: 12px;overflow: hidden;background-color: transparent;}
.aus .history button::before{content: '';height: 23px;width: 1px;background-color: #000;position: absolute;right: 0;top: 0;transform: rotate(-45deg);}
.aus .history button:hover{border-color: #c90000;}
.aus .history button:hover::before{background-color: #c90000;}
.aus .history .list{height: 489px;margin-left: -10px;}
.aus .history .list .flex-viewport{height: 100%;background-color: #f7f7f7;padding: 10px;}
.aus .history .list .slides>li{margin-right: 27px;background-color: #fff;cursor: pointer;position: relative;}
.aus .history .list .slides>li::before{content: '';width: 100%;height: 195px;position: absolute;left: 0;top: 0;background-color: rgb(255, 255, 255, 0.55);transition:  all .3s;}
.aus .history .list .slides>li h4{font-size: 19px;font-weight: bold;padding-top: 25px;padding-left: 10px;padding-bottom: 22px;}
.aus .history .list .slides>li s{font-size: 15px;color: #6b6b6b;line-height: 21px;display: block;padding: 0 10px;}
.aus .history .list .slides>li:hover{box-shadow: 0 0 8px rgb(0, 0, 0, .25);}
.aus .history .list .slides>li:hover::before{background-color: transparent;}
.aus .history .list .slides>li:hover h4{color: #c90000;}

.aus .app{text-align: center;padding-top: 75px;padding-bottom: 115px;}
.aus .app h2{font-size: 28px;font-weight: bold;padding-bottom: 25px;}
.aus .app p{font-size: 17px;padding-bottom: 10px;}
.aus .app s{color: #6b6b6b;line-height: 21px;}
.aus .app ul{padding-top: 30px;}

.aus .app ul li{width: 337px;margin-right: 17px;float: left;height: 250px;position: relative;margin-bottom: 45px;cursor: pointer;}
.aus .app ul li a{display: block;height: 100%;}
.aus .app ul li::before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgb(255, 255, 255, 0.85);transition: all .3s;}
.aus .app ul li:nth-child(4n+4){margin-right: 0;}
.aus .app ul li .content{position: absolute;left: 50%;transform: translateX(-50%);top: 89px;z-index: 1;width: 100%;}
.aus .app ul li h2{font-size: 20px;color: #333333;font-weight: bold;padding-bottom: 8px;}
.aus .app ul li s{color: #6b6b6b;line-height: 22px;display: block;padding: 0 20px;}
.aus .app ul li:hover::before{background-color: rgb(0, 0, 0, .4);}
.aus .app ul li:hover h2, .aus .app ul li:hover s{color: #fff;}

.aus .app .zhu > a{border-bottom: 1px dashed #000;display: inline-block;margin-top: 4px;}
.aus .app .zhu > a:hover{border-color: #c90000;}

.aus .quality{padding: 81px 0;}
.aus .quality .left{float: left;width: 49%;}
.aus .quality .left h2{font-size: 28px;font-weight: bold;padding-bottom: 45px;padding-top: 40px;}
.aus .quality .left h3{font-size: 32px;font-weight: bold;color: #c90000;padding-bottom: 20px;}
.aus .quality .left s{color: #6b6b6b;font-size: 15px;line-height: 22px;display: block;padding-bottom: 132px;}
.aus .quality .left a{font-size: 17px;color: #c90000;border: 1px solid #c90000;padding: 10px 46px;display: inline-block;}
.aus .quality .left a:hover{background-color: #c90000;color: #fff;}
.aus .quality .right{float: right;width: 692px;height: 532px;background: url('../images/quality-bg.jpg') no-repeat center;}

.aus .following{background-color: #f7f7f7;text-align: center;padding-top: 62px;padding-bottom: 98px;}
.aus .following h2{font-size: 28px;font-weight: bold;padding-bottom: 50px;position: relative;}
.aus .following h2::before{content: '';position: absolute;left: 50%;bottom: 25px;transform: translateX(-50%);width: 40px;height: 4px;background-color: #b0b2b7;}
.aus .following h3{font-size: 17px;padding-bottom: 55px;}
.aus .following ul li{float: left;width: calc(100% / 4 - 13px);margin-right: 17px;height: 339px;background-color: #fff;padding-top: 35px;position: relative;transition: all .3s;}
.aus .following ul li:last-child{margin-right: 0;}
.aus .following ul li h4{font-size: 20px;font-weight: bold;color: #333333;padding-bottom: 27px;}
.aus .following ul li .box{width: 295px;height: 93px;margin: 0 auto 15px;border-radius: 25px;overflow: hidden;position: relative;}
.aus .following ul li .box::before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgb(255, 255, 255, 0.45);transition: all .3s;}
.aus .following ul li s{color: #6b6b6b;padding: 0 15px;display: block;}
.aus .following ul li a{width: 40px;height: 40px;border-radius: 50%;color: #cbcbcb;position: absolute;bottom: 24px;left: 50%;transform: translateX(-50%);line-height: 38px;font-size: 20px;text-align: center;}
.aus .following ul li:hover{background-color: #191d2d;}
.aus .following ul li:hover h4{color: #fff;}
.aus .following ul li:hover s{color: #babcc0;}
.aus .following ul li:hover .box::before{background-color: transparent;}
.aus .following ul li:hover a{background-color: rgb(255, 255, 255, 0.1);color: #fff;}

.aus .qus{text-align: center;padding-top: 92px;padding-bottom: 71px;}
.aus .qus h2{font-size: 28px;font-weight: bold;padding-bottom: 55px;position: relative;}
.aus .qus h2::before{content: '';position: absolute;left: 50%;bottom: 26px;transform: translateX(-50%);width: 67px;height: 5px;background-color: #c90000;}
.aus .qus h3{color: #333333;font-size: 16px;line-height: 26px;text-shadow: 0 0 0.5px;}
.aus .qus a{font-size: 17px;font-family: "Ebrima";color: #c90000;border: 1px solid #c90000;line-height: 1;padding: 11px 49px;display: inline-block;margin-top: 37px;}
.aus .qus a:hover{background-color: #c90000;color: #fff;}

/* contact-us */
.cus{padding-bottom: 73px;}
.cus h1{font-size: 30px;color: #191d2d;text-align: center;padding-bottom: 8px;padding-top: 25px;}
.cus h2{font-size: 16px;text-align: center;padding-bottom: 60px;}
.cus .ways dl{text-align: center;width: 329px;height: 291px;background-color: #f7f7f7;float: left;margin-right: 48px;padding: 49px 23px 0;transition: all .3s;}
.cus .ways dl:first-child{margin-left: 159px;}
.cus .ways dl:last-child{margin-right: 0;}
.cus .ways dl dt{font-size: 21px;font-weight: bold;font-family: "Ebrima";color: #1d1d1b;padding-bottom: 18px;}
.cus .ways dl dd{line-height: 22px;color: #6b6b6b;}
.cus .ways dl dd form{width: 100%;margin-top: 25px;}
.cus .ways dl dd form input{background-color: #fff;height: 52px;width: 100%;border: 1px solid #ddd;outline: none;padding: 0 12px;}
.cus .ways dl dd form input::-webkit-input-placeholder{color: #232323;}
.cus .ways dl dd form button{width: 100%;height: 46px;background-color: #c90000;color: #fff;border: none;margin-top: 9px;font-size: 17px;font-weight: bold;text-transform: uppercase;font-family: "Ebrima";cursor: pointer;}
.cus .ways dl dd form button:hover{background-color: #fff;color: #c90000;}
.cus .ways dl:first-child a{display: inline-block;margin-top: 35px;background-color: #c90000;color: #fff;font-size: 17px;font-weight: bold;text-transform: uppercase;font-family: "Ebrima";padding: 12px 41px;}
.cus .ways dl:first-child a:hover{background-color: #fff;color: #c90000;}
.cus .ways dl:last-child a{width: 44px;display: inline-block;height: 44px;line-height: 44px;text-align: center;font-size: 20px;background-color: #191d2d;color: #fff;border-radius: 50%;margin-right: 16px;margin-top: 60px;}
.cus .ways dl:last-child a:last-child{margin-right: 0;}
.cus .ways dl:hover{background-color: #191d2d;}
.cus .ways dl:hover dt,.cus .ways dl:hover dd{color: #fff;}
.cus .ways dl:last-child:hover a{background-color: #fff;color: #191d2d;}
.cus .ways dl:last-child:hover a:hover{color: #c90000;}
.cus .content{padding-top: 90px;}
.cus .content .left{float: left;width: calc(50% - 10px);}
.cus .content .left dl{padding-bottom: 22px;}
.cus .content .left dt{font-weight: bold;font-size: 19px;padding-bottom: 20px;color: #232323;}
.cus .content .left dd{margin-bottom: 18px;}
.cus .content .left dd span{color: #6b6b6b;}
.cus .content .left .map-box{width: 691px;height: 359px;}
.cus .content .left .map-box .map{width: 100%;height: 100%;}

.cus .content .right{float: right;width: calc(50% - 10px);background-color: #f7f7f7;padding: 40px 29px;}
.cus .content .right h3{font-size: 20px;padding-bottom: 12px;}
.cus .content .right p{color: #6b6b6b;padding-bottom: 37px;}

/* Quality */
.quality .crumbs-box{background-color: #f7f7f7;}
.quality .part1{background-color: #f7f7f7;padding-bottom: 60px;}
.quality .part1 .left{float: left;width: 50%;padding-top: 10px;}
.quality .part1 h1{font-size: 32px;color: #191d2d;padding-bottom: 22px;}
.quality .part1 s{color: #6b6b6b;line-height: 22px;}
.quality .part1 dl{padding-top: 39px;}
.quality .part1 dt{font-size: 16px;color: #6b6b6b;font-weight: bold;font-family: "Ebrima";padding-bottom: 23px;}
.quality .part1 dd{font-size: 15px;color: #232323;font-weight: bold;margin-bottom: 14px;position: relative;padding-left: 10px;}
.quality .part1 dd::before{content: '';position: absolute;left: 0;top: 5px;width: 5px;height: 5px;border-radius: 50%;background-color: #2d3041;}
.quality .part1 .right{float: right;width: 691px;padding-top: 10px;}

.quality .part2{padding-top: 50px;padding-bottom: 44px;}
.quality .part2 .tabs{margin-bottom: 60px;}
.quality .part2 .tabs ul{justify-content: space-between;display: flex;}
.quality .part2 .tabs ul li{cursor: pointer;font-size: 16px;padding-bottom: 2px;border-bottom: 1px dashed transparent;}
.quality .part2 .tabs ul li:hover,.quality .part2 .tabs ul li.act{color: #a7a7a7;border-color: #a7a7a7;}
.quality .part2 .content{position: relative;}
.quality .part2 .content ul{display: none;overflow: hidden;}
.quality .part2 .content ul.block{display: block;}
.quality .part2 .content ul li{display: flex;}
.quality .part2 .content ul li .left{float: left;width: 50%;position: relative;}
.quality .part2 .content ul li .left h2{font-size: 20px;font-weight: bold;padding-bottom: 10px;}
.quality .part2 .content ul li .left s{color: #6b6b6b;line-height: 22px;display: block;padding-bottom: 96px;max-width: 99%; }
.quality .part2 .content ul li .left .pic-box{position: absolute;bottom: 4px;}
.quality .part2 .content ul li .left img{float: left;}
.quality .part2 .content ul li .right{float: right;width: 50%;}

.quality .part2 .content .control{position: absolute;top: 50%;transform: translateY(-50%);border: 10px solid transparent;cursor: pointer;}
.quality .part2 .content .control.prev{left: -36px;border-right: 10px solid #a7a7a7;}
.quality .part2 .content .control.next{right: -36px;border-left: 10px solid #a7a7a7;}
.quality .part2 .content .control.first{border-right-color: #e0e0e0;cursor: default;}
.quality .part2 .content .control.end{border-left-color: #e0e0e0;}

/* wenzhang */
.wenzhang{padding-bottom: 65px;}
.wenzhang .title{display: flex;justify-content: space-between;align-items: center;padding-top: 35px;margin-bottom: 73px;}
.wenzhang .title h1{font-size: 32px;color: #191d2d;}
.wenzhang .title a{font-size: 16px;font-family: "Ebrima";padding-bottom: 2px;border-bottom: 1px dashed transparent;display: inline-block;margin-left: 78px;}
.wenzhang .title a:first-child{margin-left: 0;}
.wenzhang .title a.act, .wenzhang .title a:hover{color: #a7a7a7;border-color: #a7a7a7;}
.wenzhang .content{line-height: 22px;color: #6b6b6b;}
.wenzhang .content h2{font-size: 17px;font-weight: bold;color: #232323;}
.wenzhang .content h3{font-size: 15px;font-weight: bold;color: #232323;font-family: "Arial";}
.wenzhang .content b{color: #232323;margin-right: 4px;display: inline-block;}
.wenzhang .content table{border-collapse: collapse;border-spacing: 0;border: 1px solid #9b9b9b;text-align: left;width: 100%;}
.wenzhang .content table th{min-width: 78px;border: 1px solid #bcbcbc;padding: 0 5px;height: 33px;color: #232323;font-size: 13px;font-weight: normal;text-shadow: 0 0 0.5px;}
.wenzhang .content table td{border: 1px solid #bcbcbc;padding: 0 5px;height: 33px;color: #6b6b6b;}

.wenzhang .content dl{}
.wenzhang .content dd{padding-left: 10px;position: relative;}
.wenzhang .content dd::before{content: '';position: absolute;left: 0;top: 6px;width: 5px;height: 5px;border-radius: 50%;background-color: #2d3041;}
.wenzhang .content .left{width: calc(50% - 15px);float: left;}
.wenzhang .content .right{width: calc(50% - 15px);float: right;}
.wenzhang .content ol li s{font-weight: bold;}

/* Application List */
.apps{text-align: center;padding-bottom: 20px;}
.apps h1{font-size: 32px;color: #191d2d;padding-bottom: 15px;padding-top: 10px;}
.apps > s{font-size: 15px;line-height: 22px;color: #6b6b6b;}
.apps ul{overflow: hidden;padding-top: 30px;}
.apps ul li{width: 337px;margin-right: 17px;float: left;height: 250px;position: relative;margin-bottom: 45px;cursor: pointer;}
.apps ul li a{display: block;height: 100%;}
.apps ul li::before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgb(255, 255, 255, 0.85);transition: all .3s;}
.apps ul li:nth-child(4n+4){margin-right: 0;}
.apps ul li .content{position: absolute;left: 50%;transform: translateX(-50%);top: 89px;z-index: 1;width: 100%;}
.apps ul li h2{font-size: 20px;color: #333333;font-weight: bold;padding-bottom: 8px;}
.apps ul li s{color: #6b6b6b;line-height: 22px;display: block;padding: 0 20px;}
.apps ul li:hover::before{background-color: rgb(0, 0, 0, .4);}
.apps ul li:hover h2, .apps ul li:hover s{color: #fff;}

/* Application Detail */
.apps-detail{}
.apps-detail .tabs{display: flex;align-items: center;justify-content: space-between;padding-top: 12px;padding-bottom: 30px;}
.apps-detail .tabs li{}
.apps-detail .tabs li a{display: inline-block;font-size: 16px;color: #6b6b6b;font-family: "Ebrima";padding-bottom: 2px;border-bottom: 1px dashed transparent;text-shadow: 0 0 0.5px;}
.apps-detail .tabs li a:hover,.apps-detail .tabs li a.act{border-color: #a7a7a7;color: #a7a7a7;}
.apps-detail .title{padding-bottom: 50px;display: flex;align-items: flex-start;}
.apps-detail .title img{float: left;margin-right: 16px;margin-top: 10px;}
.apps-detail .title h1{font-size: 32px;color: #191d2d;}
.apps-detail .title h2{font-size: 18px;color: #6b6b6b;float: left;}
.apps-detail .title p{float: right;line-height: 25px;}
.apps-detail .title s{color: #6b6b6b;}
.apps-detail .title s:first-child{margin-right: 35px;}
.apps-detail .title span{color: #232323;}
.apps-detail .title dl{padding-top: 35px;}
.apps-detail .title dt{font-size: 16px;font-weight: bold;color: #232323;padding-bottom: 6px;}
.apps-detail .title dd{line-height: 22px;color: #6b6b6b;}

.apps-detail .relate-cates{}
.apps-detail .relate-cates h2{font-weight: bold;font-size: 22px;color: #232323;}
.apps-detail .relate-cates ul{padding-top: 25px;padding-bottom: 45px;}
.apps-detail .relate-cates ul li{float: left;width: calc(100% / 3 - 20px);margin-right: 15px;margin-bottom: 18px;}
.apps-detail .relate-cates ul li:nth-child(3n+3){margin-right: 0;}
.apps-detail .relate-cates ul li a{font-size: 15px;}
.apps-detail .relate-cates ul li a span{font-size: 14px;color: #828282;}

.apps-detail .relate-pro{padding-bottom: 20px;}
.apps-detail .relate-pro h2{font-weight: bold;font-size: 22px;color: #232323;padding-bottom: 18px;}

.apps-detail .relate-brand h2{font-weight: bold;font-size: 22px;color: #232323;}
.apps-detail .relate-brand ul{padding-top: 25px;}
.apps-detail .relate-brand li{float: left;width: calc(100% / 5 - 16px);margin-right: 20px;}
.apps-detail .relate-brand li:last-child{margin-right: 0;}
.apps-detail .relate-brand li a{display: block;height: 187px;line-height: 187px;text-align: center;border-radius: 5px;box-shadow: 0 0 8px rgb(0, 0, 0, .15);}
.apps-detail .relate-brand li a img{vertical-align: middle;transition: all .3s;}
.apps-detail .relate-brand li a:hover img{transform: scale(1.1);}

.apps-detail .relate-blog h2{font-size: 22px;font-weight: bold;padding-bottom: 25px;}
.apps-detail .relate-blog ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.apps-detail .relate-blog ul li{overflow: hidden;margin-bottom: 16px;width: 49%;}
.apps-detail .relate-blog ul li .image-box{float: left;margin-right: 9px;width: 174px;height: 115px;text-align: center;line-height: 115px;background-color: #f7f7f7;}
.apps-detail .relate-blog ul li .image-box img{max-width: 100%;vertical-align: middle;}
.apps-detail .relate-blog ul li h3{font-size: 16px;font-weight: bold;color: #212121;padding-bottom: 5px;height: 46px;overflow: hidden;}
.apps-detail .relate-blog ul li s{color: #6b6b6b;}
.apps-detail .relate-blog ul li:hover h3{color: #c90000;}

.apps-detail .relate-part{padding: 46px 0 26px;}
.apps-detail .relate-part h2{font-size: 22px;font-weight: bold;padding-bottom: 35px;}

.subscribe{}
.subscribe .container{padding: 80px;text-align: center;}
.subscribe .container h1{font-size: 30px;color: #c90000;padding-bottom: 18px;}
.subscribe .container s{font-size: 15px;line-height: 22px;color: #333333;display: block;}
.subscribe .container dl{padding-top: 56px;position: relative;}
.subscribe .container dl::before{content: '';position: absolute;left: 0;top: 26px;width: 57px;height: 4px;background-color: #b1b1b1;}
.subscribe .container dd{padding-left: 10px;position: relative;color: #6b6b6b;line-height: 20px;margin-bottom: 25px;}
.subscribe .container dd::before{content: '';position: absolute;left: 0;top: 5px;width: 5px;height: 5px;border-radius: 50%;background-color: #2d3041;}
.subscribe .container h2{font-size: 15px;text-shadow: 0 0 0.5px;}
.subscribe .container h2 + .btns{padding-top: 62px;}
.subscribe .container .btns{padding-top: 118px;}
.subscribe .container .btns a{display: inline-block;font-size: 15px;color: #6b6b6b;border-bottom: 1px dashed transparent;padding-bottom: 2px;margin-right: 53px;}
.subscribe .container .btns a:last-of-type{margin-right: 0;}
.subscribe .container .btns a:hover{color: #323333;border-color: #323333;}
@media screen and (max-width: 768px) 
{
    .aus .banner{padding: 0 2%;height: 200px;}
    .aus .banner h1{padding-top: 20px;}
    .aus .who-are-we{padding: 20px 2% 50px;}
    .aus .who-are-we .left{width: 100%;float: unset;margin-bottom: 12px;}
    .aus .who-are-we .right{width: 100%;float: unset;}
    .aus .who-are-we a{padding-top: 20px;}
    .aus .advantages{padding: 20px 2%;background: #2e3645;height: auto;}
    .aus .advantages ul li{width: 100%;margin-right: 0;margin-bottom: 18px;min-height: 270px;}
    .aus .manus{padding: 20px 2%;}
    .aus .manus ul li:first-child,.aus .manus ul li:last-child{display: none;}
    .aus .manus ul{width: 100%;flex-wrap: wrap;justify-content: space-between;padding: 0;}
    .aus .manus ul li{width: 49% !important;margin-right: 0 !important;margin-bottom: 20px;}
    .aus .history{padding: 20px 2%;}
    .aus .app{padding: 20px 2%;}
    .aus .app ul{overflow: hidden;width: 100%;margin: 0 auto;}
    .aus .app ul li{margin: 0 auto 12px !important;float: unset;}
    .aus .quality{padding: 20px 2% 30px;}
    .aus .quality .left{width: 100%;float: unset;}
    .aus .quality .left h2{padding-bottom: 10px;}
    .aus .quality .left h3{font-size: 20px;line-height: 26px;}
    .aus .quality .left s{padding-bottom: 30px;}
    .aus .quality .right{display: none;}
    .aus .following{padding: 20px 2%;}
    .aus .following ul li{width: calc(100% - 17px);margin: 0 auto 18px;float: unset;}
    .aus .qus{padding: 20px 2% 30px;}

    .cus{padding: 20px 2%;}
    .cus .ways dl{width: 100%;margin-left: 0 !important;margin-bottom: 12px;}
    .cus .content .left{float: unset;width: 100%;}
    .cus .content .left .map-box{width: 100%;}
    .cus .content .right{float: unset;width: 100%;margin-top: 20px;padding: 20px 2%;}

    /* Quality */
    .quality .part1{padding: 20px 2% 30px;}
    .quality .part1 .left{width: 100%;float: unset;}
    .quality .part1 .right{display: none;}
    .quality .part2{padding: 20px 2%;}
    .quality .part2 .tabs ul{flex-wrap: wrap;}
    .quality .part2 .tabs ul li{margin-right: 20px;margin-bottom: 18px;}
    .quality .part2 .content ul li .left{width: 100%;float: unset;}
    .quality .part2 .content ul li .left s{padding-bottom: 20px;}
    .quality .part2 .content ul li .left img{float: unset;}
    .quality .part2 .content ul li .right{display: none;}
    .quality .part2 .content .control{display: none;}

    /* .wenzhang */
    .wenzhang{padding: 20px 2%;}
    .wenzhang .title{margin-bottom: 20px;}
    .wenzhang .title .btns{display: none;}
    .wenzhang .content .left,.wenzhang .content .right{width: 100%;float: unset;margin-bottom: 20px;}
    .wenzhang .content img{max-width: 100%;}
    .wenzhang .content table tbody{display:flex;}
    .wenzhang .content table tr{width: 100%;}
    .wenzhang .content table th{display: block;}
    .wenzhang .content table td{display: block;}

    /* .apps-detail */
    .apps-detail{padding: 20px 2%;}
    .apps-detail .tabs{display: none;}
    .apps-detail .content{padding-top: 15px;}
    .apps-detail .title img{float: unset;margin-bottom: 12px;}
    .apps-detail .title h2{float: unset;padding-bottom: 16px;}
    .apps-detail .title p{float: unset;}
    .apps-detail .title dl{padding-top: 20px;}
    .apps-detail .relate-cates ul li{width: 100%;margin-right: 0;}
    .apps-detail .relate-brand ul li{width: 49%;margin-right: 2%;margin-bottom: 12px;}
    .apps-detail .relate-brand ul li:nth-child(2n+2){margin-right: 0;}
    .apps-detail .relate-blog ul li{width: 100%;}
    .apps-detail .relate-blog ul li img{float: unset;}

    /* subscribe */
    .subscribe .container{padding: 30px 20px;}
    .subscribe .container .btns a{margin: 0 10px 20px;}
}