.about-wrap{margin-top:20px;}
.about-box{padding:40px 0;}
.about-box .title{text-align:center;}
.about-box .title h2{line-height:30px;margin-bottom:10px;font-size:32px;font-weight:400;}
.about-box .title i {display: inline-block;width: 54px;height: 3px;background: #FF9C00;margin-top: 20px;}
.about-box .content{margin-top:20px;}
.about-box .content p {font-size: 16px;color: #878787;text-align: left;line-height: 30px;padding-bottom: 10px;text-indent: 2em;}

.about-culture-box{height: 440px;
background: url(../img/about/culture_bg.jpg) no-repeat center center;
text-align: center;
color: #fff;}
.about-culture-box .title{margin-top:120px;text-align:center;}
.about-culture-box .title h2{line-height:30px;margin-bottom:10px;font-size:32px;}
.about-culture-box .title i {display: inline-block;width: 54px;height: 3px;background: #FF9C00;margin-top: 20px;}
.about-culture-box .f40{font-size:40px;}
.about-culture-box .f24{font-size:24px;text-transform: uppercase;}
@media (max-width: 767px) {
	.about-culture-box .title{margin-top:100px;}
	.about-culture-box .f40{font-size:28px;}
	.about-culture-box .f24{font-size:20px;}
}
.about-client-box{padding:20px 0;}
.about-client-box .hd{margin-top:40px;text-align:center;}
.about-client-box .hd h2{line-height:30px;margin-bottom:10px;font-size:32px;font-weight:400;}
.about-client-box .hd i {display: inline-block;width: 54px;height: 3px;background: #FF9C00;margin-top: 20px;}
.about-client-box .bd {margin-top:60px;}

.about-img-box{padding:20px 0;background-color:#F3F3F3;}
.about-img-box .hd{text-align:center;margin-top:20px;}
.about-img-box .hd h2{line-height:30px;margin-bottom:10px;font-size:32px;font-weight:400;}
.about-img-box .hd i {display: inline-block;width: 54px;height: 3px;background: #FF9C00;margin-top: 20px;}
.about-img-box .bd {margin-top:60px;margin-bottom:40px;}
.about-img-box .bd .btm{margin-top:30px;}

.about-value-box{padding:20px 0;background-color:#f7f7f7;}
.about-value-box .hd{margin-top:40px;text-align:center;}
.about-value-box .hd h2{line-height:30px;margin-bottom:10px;font-size:32px;font-weight:400;}
.about-value-box .hd i {display: inline-block;width: 54px;height: 3px;background: #FF9C00;margin-top: 20px;}
.about-value-box .sub-hd {text-align: center;font-size: 16px;color: #333;line-height: 28px;margin-top: 20px;}
.about-value-box .bd {margin:60px 0;position: relative;min-height: 358px;background: url("../img/about/j9.png") no-repeat}
.j-box {width: 184px;height: 184px;overflow: hidden;background: url("../img/about/j10.png") no-repeat;font-size: 16px;color: #FFF;text-align: center;line-height: 28px;position: absolute}
.j-box h3 {font-size: 20px;color: #FFF;font-weight: 700;line-height: 34px;padding-top: 56px;margin:0;}
.j-box1 {}
.j-box2 {background-position: 0 -184px}
.j-box3 {background-position: 0 -368px}
.j-box4 {background-position: 0 -552px}
.j-box5 {background-position: 0 -736px}
.j-box6 {background-position: 0 -920px}
.j-box {-webkit-transition:all .55s;transition:all .55s}
.j-box:hover {-webkit-transform:translate3d(0,-10px,0) rotate(360deg);transform:translate3d(0,-10px,0) rotate(360deg)}
.hideshow {-webkit-transition:-webkit-transform .6s,opacity 1.8s;transition:transform .6s,opacity 1.8s;-webkit-transform:translateY(10%) scale(.9);transform:translateY(10%) scale(.9);opacity:0}
.hideshow.on {-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1);opacity:1}
@media (max-width: 767px) {
	.about-value-box .bd{margin:20px auto;min-height: 390px;}
	.j-box{transform:scale(0.6,0.6);-webkit-transform:scale(0.6,0.6);-moz-transform:scale(0.6,0.6);}
	.j-box1 {left: 20px;top: 0}
	.j-box2 {right: 20px;top: 0;}
	.j-box3 {left: 20px;top: 120px;}
	.j-box4 {right: 20px;top: 120px;}
	.j-box5 {left: 20px;top: 240px;}
	.j-box6 {right: 20px;top: 240px;}
}
@media (min-width: 768px) {
	.j-box1 {left: 20px;bottom: 0}
	.j-box2 {left: 215px;top: 0;}
	.j-box3 {left: 409px;bottom: 0;}
	.j-box4 {left: 607px;top: 0;}
	.j-box5 {left: 798px;bottom: 0;}
	.j-box6 {right: 22px;top: 0;}	
}
.about-team-box{padding:20px 0;}
.about-team-box .hd{text-align:center;}
.about-team-box .hd h2{line-height:30px;margin-bottom:10px;font-size:32px;font-weight:400;}
.about-team-box .hd i {display: inline-block;width: 54px;height: 3px;background: #FF9C00;margin-top: 20px;}
.about-team-box .sub-hd {text-align: center;font-size: 16px;color: #333;line-height: 28px;margin-top: 20px;}
.about-team-box .bd {margin-top:60px;}
.teamer {overflow:hidden;position:relative}
.teamer:nth-child(5) {margin-right:0}
.teamer .cover {position:relative}
.teamer .cover p {position:absolute;left:0;bottom:0;width:100%;height:84px;background-color:#eee;text-align:center;
 transition:all 1s cubic-bezier(.45,.55,.75,1) 0s;
 -webkit-transition:all 1s cubic-bezier(.45,.55,.75,1) 0s;
 -moz-transition:all 1s cubic-bezier(.45,.55,.75,1) 0s
}
.teamer .cover p span{display:block;font-size:20px;color:#181818;margin-top:10px}
.teamer .cover p small{display:block;font-size:12px;color:#FF9C00;margin-top:5px}
.teamer .intro {position:absolute;left:0;top:100%;width:100%;height:100%;padding:5%;text-align:center;color:#fff;
 background-color:rgba(110,184,234,.9);
 transition:all 1s cubic-bezier(.45,.55,.75,1) 0s;
 -webkit-transition:all 1s cubic-bezier(.45,.55,.75,1) 0s;
 -moz-transition:all 1s cubic-bezier(.45,.55,.75,1) 0s
}
.teamer .intro .name {margin-top:50px;font-size:20px;color:#181818}
.teamer .intro .job {color:#333;margin-top:9px;margin-bottom:30px}
.teamer .intro .desc {text-align:left;color:#333;line-height:24px}
.teamer:hover .cover p {bottom:-100%}
.teamer:hover .intro {top:0}
@media (max-width: 767px) {
	.teamer .intro .name{margin-top:20px;font-size:18px;}
	.teamer .intro .job{font-size:12px;margin-top:0;margin-bottom:20px;}
	.teamer .intro .desc{font-size:12px;line-height:22px;}
}
.about-honor-box{padding:20px 0;}
.about-honor-box .hd{margin-top:40px;text-align:center;}
.about-honor-box .hd h2{line-height:30px;margin-bottom:10px;font-size:32px;font-weight:400;}
.about-honor-box .hd i {display: inline-block;width: 54px;height: 3px;background: #FF9C00;margin-top: 20px;}
.about-honor-box .bd {margin:20px 0;}
.about-honor-box .bd li{margin-top:30px;}
.about-honor-box .bd .item{width:100%;height:100%;position:relative;border:solid 1px #EEE;overflow:hidden;}
.about-honor-box .bd .item .cover {position:relative}
.about-honor-box .bd .item .cover p {position:absolute;left:0;bottom:0;width:100%;height:36px;line-height:36px;overflow:hidden;padding:0 5px;background-color:#eee;color:#666;text-align:center;
 transition:all 1s cubic-bezier(.45,.55,.75,1) 0s;
 -webkit-transition:all 1s cubic-bezier(.45,.55,.75,1) 0s;
 -moz-transition:all 1s cubic-bezier(.45,.55,.75,1) 0s
}
.about-honor-box .bd .item .intro {position:absolute;left:0;top:100%;width:100%;height:100%;padding:5%;line-height:25px;text-align:center;color:#fff;
 background-color:rgba(0,160,233,.9);
 transition:all 1s cubic-bezier(.45,.55,.75,1) 0s;
 -webkit-transition:all 1s cubic-bezier(.45,.55,.75,1) 0s;
 -moz-transition:all 1s cubic-bezier(.45,.55,.75,1) 0s
}
.about-honor-box .bd .item:hover .cover p {bottom:-100%}
.about-honor-box .bd .item:hover .intro {top:0}

/* recruit */
.recruit-wrap{padding:40px 0;width: 100%;background: #f4f4f4 url(../img/webbg.png) no-repeat center top;position: relative;}
.jobs{margin:0px; padding:0px;}
.jobs dl.jobsIntro{ margin:0px; padding:0px 0px 40px;}
.jobs dl.jobsIntro dt{ float:left; width:590px;}
.jobs dl.jobsIntro dt h3{ font-size:35px; line-height:50px; color:#676767; font-weight:bold;}
.jobs dl.jobsIntro dt h3 span{color:#00a0e9;}
.jobs dl.jobsIntro dt p{ color:#686767; font-size:14px; line-height:30px; padding-top:40px;}
.jobs dl.jobsIntro dt .delivery{padding-top:20px;color:#00A0E9;font-size:18px;font-weight:bold;}
.jobs dl.jobsIntro dt .delivery a{color:#00A0E9;}
.jobs dl.jobsIntro dd{ float:right; width:511px;}
.jobs dl.jobsIntro dd img{ display:block;}

.jobs ul{ margin:0px; padding:0px; background:#FFF;}
.jobs ul li{ float:left;}
.jobs ul li a{ display:inline-block; padding:10px 20px; font-size:18px;}
.jobs ul li a:hover{ background:#00a0e9; color:#FFF;}
.jobs ul li a.cur{ background:#00a0e9; color:#FFF;}

.jobslist{ margin:0px; padding:0px 0px 60px;}
.jobslist ul{ margin:0px; padding:0px;}
.jobslist ul li{ margin:0px; padding:30px 0px 0px;}
.jobslist ul li h3{ background:#FFF; padding:20px 0px 20px; border-bottom:1px solid #f0f0f0;}
.jobslist ul li h3 strong{ font-size:24px; line-height:28px; display:inline-block; padding-top:15px;}
.jobslist ul li h3 span{ float:right; font-size:14px; display:block; padding:30px 40px 0px 0px;}
.jobslist ul li h3 em{ display:block; font-size:14px; color:#8c8a89; padding-top:10px;}
.jobslist ul li h3 img{ display:block; float:left;margin:0px 30px;}

.jobslistbox{padding:0px 40px 40px; background:#FFF;}
.jobslistbox dl{ margin:0px; padding-top:40px;}
.jobslistbox dl h4{font-size:18px; color:#424242;}
.jobslistbox dl dt{ float:left; width:105px; font-size:18px; color:#424242;}
.jobslistbox dl dd{ float:right; width:960px; color:#575757;line-height:28px;}
.jobslistbox p{ padding:40px 0px 0px;color:#575757;line-height:28px;}
.jobslistbox p.jobfont14{ font-size:14px;}
.jobslistbox p a.Delivery{ background:#00a0e9; display:inline-block; width:155px; height:50px; line-height:50px; font-size:18px; font-weight:bold; color:#FFF;}


/* PAY */
.pay-info{ padding-bottom: 50px;}
.pay-info .pay-explain{ background: #f1f1f1; padding: 37px 30px;}
.pay-info .pay-explain h4{ font-size: 14px; color: #f5a00e;margin-bottom:8px;font-weight:bold;}
.pay-info .pay-explain p{ font-size: 14px; line-height: 25px;}
.pay-info .pay-explain a{color:#f5a00e;}
.pay-info .pay-type{ padding-top: 40px;}
.pay-info .pay-type .pay-type-tit{ margin-bottom: 50px; position: relative; width: 250px; padding: 25px; background: #63a7e4; border-radius: 10px; color: #fff;}
.pay-info .pay-type .pay-type-tit:after{ content: ''; display: block; position: absolute; bottom: -16px; left: 50%; margin-left: -8px; border: 8px solid transparent; border-bottom: 8px solid transparent; border-top: 8px solid #63a7e4;}
.pay-info .pay-type .pay-type-tit i{ display: inline-block;}
.pay-info .pay-type .pay-type-tit h3{ color: #fff; font-size: 24px; margin: 0;}
.pay-type .pay-cont{display:block;margin:0 auto;}
.pay-type .pay-cont h5{ font-size: 14px; color: #f5a00e;margin-bottom:8px;}
.pay-type .pay-cont p{ line-height:25px;}
.pay-type .pay-cont p img{vertical-align:middle;}
.pay-cont .form-group *{ float: left;}
.pay-cont .form-group input,.pay-cont .form-group textarea{ width: 220px;}
.pay-cont .form-group label{ line-height: 36px; margin-right: 5px;}
.pay-cont .form-group .rmb{ line-height: 36px; margin-left: 10px;}
.pay-cont .form-group font{ color: #aaa; line-height: 36px;}

/* CUSTOM SAY */
.custom-say{width:310px;float:right;}
.custom-say .hd{line-height:40px;margin-bottom:10px;border-bottom:solid 1px #B50404;}
.custom-say .hd:after{content:'\0020';display:block;height:0;clear:both;visibility:hidden;max-height:0;}
.custom-say .hd h2{font-family:"microsoft yahei";font-size: 16px;display:block;float:left;line-height:40px;color: #666;}
.custom-say .hd h2 i{padding-right:5px;}
.custom-say .hd .more{display:block;float:right;color:#666;}
.custom-say .hd .more i{padding-left:5px;}
.custom-say .said {padding: 15px; border: none;color: #666;display: block;font-size: 14px;line-height: 24px;background: #F8F8F8;position: relative;margin-bottom:30px;}
.custom-say .said:before {content: " ";display: block;position: absolute;bottom: -20px;left: 70px;width: 0;height: 0;border-left: 0 inset rgba(0, 0, 0, 0);border-right: 22px inset rgba(0, 0, 0, 0);border-top: 22px solid #F8F8F8;}
.custom-say .said:after { width: 13px; height: 13px;z-index: 23; content: " "; display: block !important; position: absolute;right: 0;bottom: 0;background: #B50404 url(../img/blockquote-corner.png) no-repeat;}
.custom-say .said  p{line-height:26px;}
.custom-say .carousel-info img {width: 75px;height: 75px;padding: 3px; border-radius: 150px !important;border: solid 1px #f5f5f5;}
.custom-say .carousel-info {overflow: hidden;}
.custom-say .carousel-info img {margin-right: 15px;}
.custom-say .carousel-info span {display: block;}
.custom-say span.testimonials-name {color: #B50404;font-size: 16px;font-weight: 300;margin: 23px 0 7px;}
.custom-say span.testimonials-post {color: #656565;font-size: 12px;}
.custom-say .left-btn,
.custom-say .right-btn {right: 0;width: 26px;height: 26px;bottom: 30px;border-radius: 26px !important;position: absolute;display: inline-block;}
.custom-say .left-btn {right: 30px;background: url(../img/fa-angles.png) no-repeat 8px 8px;}
.custom-say .right-btn {background: url(../img/fa-angles.png) no-repeat -33px 8px;}
.custom-say .left-btn:hover {background: #B50404 url(../img/fa-angles.png) no-repeat 8px -31px;}
.custom-say .right-btn:hover {background: #B50404 url(../img/fa-angles.png) no-repeat -33px -31px;}


/* about-gallery */
.about-gallery .carousel-control {margin: 0;border: none;height: 35px;font-size: 24px;font-weight: normal;top: 40%;width: 35px;background: #222;opacity: 0.5;}
.about-gallery .carousel-control:hover {opacity: 0.6;}
.about-gallery .carousel-control i {font-size: 27px;padding-top:3px;}
.about-gallery .carousel-control.right i {position: relative;left: 1px;}
.about-gallery .carousel-caption {padding: 5px 10px;line-height:26px;background: rgba(0,0,0,0.5);left: 0;right: 0;bottom: 0;text-align: left;}
.about-gallery .carousel-control.left {left: 0;}
.about-gallery .carousel-control.right {right: 0;}

/* history */
.cls {zoom: 0;}
.cls:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.history-wrap{padding:110px 0 60px;}
.history-wrap .mainBAK {position: relative;min-height:720px;background: url(../img/history/line04.gif) repeat-y 227px 0;padding:120px 0;}
.history-wrap .main {position: relative;min-height:720px;padding:120px 0;z-index:1;}
.history-wrap .main::before {content: "";width: 3px;height: 100%;background: #ddd;left: 226px;top: 0;position: absolute;}
.history-wrap .main .start{display:block;color: #ee4d4d;font-size: 60px;position: absolute;padding-left: 10px;left: 192px;top: -50px;}
.history-wrap .main .title {position: absolute;line-height: 60px;padding-left: 100px;left: 197px;top: 0;color: #58a6fb;font-size: 24px;vertical-align:middle;}
.history-wrap .main .year {position: relative;z-index: 100;}
.history-wrap .main .year h2 {height: 40px;width: 170px;padding-right: 30px;font-size: 24px;line-height: 40px;text-align: right;}
.history-wrap .main .year h2 a {color: #58a6fb;}
.history-wrap .main .year h2 i{
	display:block;position:relative;height:0;width:0;left:190px;top:-20px;border-width:6px;border-style:solid;
	border-color:#59a7fb transparent transparent transparent;
	-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;-webkit-transform-origin:6px 3px;-moz-transform-origin:6px 3px;-ms-transform-origin:6px 3px;-o-transform-origin:6px 3px;transform-origin:6px 3px
}
.history-wrap .main .year .list{
	margin:10px 0;position:relative;overflow:hidden;
	-webkit-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;
	-moz-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;
	-ms-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;
	-o-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;
	transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s
}
.history-wrap .main .year .list ul {bottom: 0;}
.history-wrap .main .year .list ul li {background: url("../img/history/icon07.gif") no-repeat 220px 40px;padding: 30px 0;color: #a1a4b8;}
.history-wrap .main .year .list ul li.highlight {background-image: url(../img/history/circle-h.png);}
.history-wrap .main .year .list ul li.highlight .date, .history-wrap .main .year .list ul li.highlight .intro {color: #ec6a13;}
.history-wrap .main .year .list ul li .date,.history-wrap .main .year .list ul li .version{float:left;display:block;clear:left;width:200px;line-height:24px;text-align:right}
.history-wrap .main .year .list ul li .date{font-size:18px;line-height:32px;color:#bec1d5}
.history-wrap .main .year .list ul li .intro {float: left;display: block;width:800px;margin-left: 100px;}
.history-wrap .main .year .list ul li .intro h3{font-size:20px;color: #333;font-weight:400;}
.history-wrap .main .year .list ul li .intro .more{margin-top:10px;font-size:14px;line-height: 24px;font-size: 14px;color: #666;}
.history-wrap .main .year.fold h2 i{transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg)}
.history-wrap .main .year.fold .list{opacity:0;height:0!important;}
.ie7 .history-wrap .main .year h2 i{left:40px}



/* construction-wrap */
.construction-wrap h2.tit{font-size:18px;font-family:\5FAE\8F6F\96C5\9ED1;font-weight:700;color:#000;background-color:#f6f6f6;padding-left:20px;line-height:40px;position:relative;}
.construction-wrap h2.tit .tel{background:url("../img/construction/tel.png") 0 0 no-repeat;width:219px;height:20px;position:absolute;right:10px;top:10px;}
.construction-wrap h2.tit a.more{float:right;font-size:12px;}
.construction-wrap h2.tit a.more em{font-family:\5B8B\4F53;}
.construction-wrap .con{padding:15px;border-right:1px solid #f6f6f6;border-left:1px solid #f6f6f6;border-bottom:1px solid #f6f6f6;margin-bottom:20px;}
.construction-wrap .con p{font-size:14px;}
.construction-wrap .con ul li{background:url("../img/construction/icon.png") 0 10px no-repeat;padding-left:10px;font-size:14px;margin-bottom:10px;}
.construction-wrap .con ul li p{color:#777;}
.construction-wrap .con02{border-right:1px solid #f6f6f6;border-left:1px solid #f6f6f6;border-bottom:1px solid #f6f6f6;padding-bottom:30px;margin-bottom:20px;}
.construction-wrap .con02 ul{width:648px;margin:0 auto;}
.construction-wrap .con02 li{float:left;width:162px;height:144px;}
.construction-wrap .con02 li a{display:block;width:162px;height:144px;text-indent:-6666px;cursor:default;-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none;}
.construction-wrap .con02 li.icon01 a{background:url("../img/construction/hang01.jpg") no-repeat;}
.construction-wrap .con02 li.icon02 a{background:url("../img/construction/hang02.jpg") no-repeat;}
.construction-wrap .con02 li.icon03 a{background:url("../img/construction/hang03.jpg") no-repeat;}
.construction-wrap .con02 li.icon04 a{background:url("../img/construction/hang04.jpg") no-repeat;}
.construction-wrap .con02 li.icon05 a{background:url("../img/construction/hang05.jpg") no-repeat;}
.construction-wrap .con02 li.icon06 a{background:url("../img/construction/hang06.jpg") no-repeat;}
.construction-wrap .con02 li.icon07 a{background:url("../img/construction/hang07.jpg") no-repeat;}
.construction-wrap .con02 li.icon08 a{background:url("../img/construction/hang08.jpg") no-repeat;}
.construction-wrap .con02 li a:hover{background-position:-162px 0;}
.construction-wrap .con ul.b1 li{float:left;margin-right:25px;}
.construction-wrap .con ol.b2 li{float:left;margin-right:25px;}
.construction-wrap .con02 .advantage{margin-bottom: 30px; padding-left: 50px; margin-top: 20px;}
.construction-wrap .con02 .advantage p{font-size: 14px; line-height: 24px;}
.construction-wrap .con03{padding:15px 0;margin-bottom:20px;}
.construction-wrap .con03 .fwlc{display:block;background:url("../img/construction/fwlc.jpg") 0 0 no-repeat;width:710px;height:640px;text-align:center;margin:0 auto;}
.construction-wrap .con03 .fwcn{display:block;background:url("../img/construction/fwcn.jpg") 0 0 no-repeat;width:710px;height:320px;text-align:center;margin:0 auto;}
.construction-wrap .con03 .team{display:block;background:url("../img/construction/fwcn.jpg") 0 0 no-repeat;width:710px;height:320px;text-align:center;}

.construction-wrap .con03 .app36{display:block;background:url("../img/construction/app36.jpg") 0 0 no-repeat;width:750px;height:474px;text-align:center;}
.construction-wrap .con03 .applc{display:block;background:url("../img/construction/applc.png") 0 0 no-repeat;width:750px;height:394px;text-align:center;}

/* form contact */
.form-contact{margin-top:10px;border:1px solid #dcdcdc;border-bottom:1px solid #b6b6b6;color:#666666;line-height:normal;background-color:#eee;padding:20px;}
.form-contact .fc-left{float:left;width:360px;}
.form-contact .fc-right{float:right;width:320px;}
.form-contact .fc-left .tel{font-family:Impact,Arial;margin:5px 0;}
.form-contact .fc-left .tel-addon{}
.form-contact .fc-left .tel-addon li{text-align:left;width:50%;float:left;line-height:20px;font-family:"新細明體";}
.form-contact .form-table{margin-top:12px;}
.form-contact .form-table td{padding-bottom:5px;}
.form-contact .form-table .tar {text-align: right;}


/* cooperation-wrap */
.cooperation-wrap .blue{color:#027BBB;}
.cooperation-wrap .red{color:#e60020;}
.cooperation-wrap .black{color:#F82800;font-weight:bold;}
.cooperation-wrap a{color:#027BBB;}
.cooperation-1 .img-sw{background: url("../img/hzlc/img_sw.jpg") no-repeat;width:166px;height:582px;}
.cooperation-1 .con-sw{width:960px;}
.cooperation-1 .con-sw .hd{background: url("../img/hzlc/sw_tit.jpg") no-repeat;width:296px;height:66px;margin-top:20px;}
.cooperation-1 .con-sw .step{margin-top:30px;background-color: #f8f8f8;padding:10px;border-radius: 6px;}
.cooperation-1 .con-sw .step p{line-height:30px;color:#666;}
.cooperation-2 .img-sw{background: url("../img/hzlc/img_xm.jpg") no-repeat;width:157px;height:428px;margin-top:40px;}
.cooperation-2 .con-sw{width:960px;}
.cooperation-2 .con-sw .hd{background: url("../img/hzlc/xm_tit.jpg") no-repeat;width:554px;height:122px;margin-top:20px;}
.cooperation-2 .con-sw .step{text-align:right;margin-top:30px;background-color: #f8f8f8;padding:10px;border-radius: 6px;}
.cooperation-2 .con-sw .step p{line-height:30px;color:#666;}

.contact-banner{height:400px;position:relative;z-index:10;background:#ececec url("../img/banner8.jpg") center bottom no-repeat;}
.contact-banner .container{position:relative;}

.contact-form-new{background:url("../img/contact/formBg.png") no-repeat;width:382px;height:321px;position:absolute;left:50%;top:170px;margin-left:-600px;z-index:10;padding:25px 45px 0 35px;}
.contact-form-new p.tit{text-align:right;color:#b3b3b3;}
.contact-form-new p.tel{color:#383838;font-weight:700;font-size:48px;font-family: Impact,Arial;text-align:center;color:#666;}
.contact-form-new p.icon{background:url("../img/contact/icon1.png") 0 3px no-repeat;font-size:14px;padding-left:20px;}
.contact-form-new table{margin-top:5px;}
.contact-form-new td{padding-bottom:5px;}
.contact-form-new .button-wrap{text-align:center;padding:10px 0;}

.contact_hq_w { background-color: #FFF; border: 1px solid #EEEEEE; margin-right: -2px; margin-bottom: -1px; margin: 15px 0px; }
.contact_hq_w:hover { -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transition: all .2s linear; transition: all .2s linear; box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); }
.contact_hq { padding: 20px }
.contact_hq .add_w { margin: 10px 0px 30px 0px }

.contact_hq .btn-kefu {
    width: 160px;
    height: 52px;
    line-height: 52px;
    vertical-align: middle;
    color: #fff;
    background: #00A0E9 url("../img/contact/i15.png") no-repeat 30px center;
    display: block;
    padding-left: 60px;
    font-size: 15px;
    margin: 10px 0;
    border-radius: 30px;
}
.contact_hq .btn-kefu:hover { background-color: #00A0E9; color: #fff; text-decoration: none;}
.contact-icon { color: #666; ; padding: 0;}
.contact_list { background-color: #FFF; border: 1px solid #EEEEEE; padding: 20px 0px;}
.contact_list:hover { -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transition: all .2s linear; transition: all .2s linear; box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); }
.contact_list img { width: 60px;}
.contact-icon p { margin: 0; padding: 0; color: #999;}
.contact-icon img { margin: 20px 0 10px;}
.contact-icon h3 { margin-top: 0px; margin-bottom: 30px; color: #666;}
.contact-icon a { color: #fff;background: #00A0E9;display: block; width: 160px; height: 52px; line-height: 52px; vertical-align: middle; color: #fff; font-size: 15px; background-color: #00A0E9 ; margin: 30px auto; border-radius: 30px; }
.contact-icon a:hover { background-color: #00A0E9; color: #fff; text-decoration: none;}
.contact_info { padding: 20px; border: 1px solid #EEEEEE; margin-right: 0px; margin-bottom: -1px; min-height: 340px; background-color: #FFF;}
.contact_info h3 { font-size: 22px; }
.contact_info:hover { -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transition: all .2s linear; transition: all .2s linear; box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); }
.contact_info h4 { margin: 0px; padding: 0px; padding-top: 20px; font-size: 16px;}
.contact_info p { color: #757575; ; font-size: 14px; line-height: 24px; padding: 10px 0 0 0;}
.contact_info .add_w { height: 82px; }
.contact_info p.post_codes { color: #666; padding: 0px 0;}
.contact_info p.phone_num, .contact_hq p.phone_num { font-size: 28px; font-style: normal; color: #F19E1B; padding: 10px 0 20px 0 ;font-family: "sivan", Helvetica, arial, sans-serif;}
.contact_info .btn-kefu { width: 160px; height: 52px; line-height: 52px; vertical-align: middle; color: #fff; background: #00A0E9  url(../img/contact/i15.png) no-repeat 30px center; display: block; padding-left: 60px; font-size: 15px; margin: 10px 0; border-radius: 30px; }
.contact_info .btn-kefu:hover { background-color: #00A0E9; color: #fff; text-decoration: none;}
.contact_info .a_icon:hover { -webkit-animation: swing 0.5s .2s ease both; -moz-animation: swing 0.5s .2s ease both; animation: swing 0.5s .2s ease both }
.map { float: right; padding: 30px;}
.map img { border: 1px solid #EAEAEA;}

/* tech vc */
.techvc-wrap{background: #f1f1f1;}
.nbanner .container{ position: relative;min-height: 568px; }
.nbanner .banner-img{ position: relative; display: block;width: 100%;min-height: 568px; }
.nbanner .text{ width: 700px; position: absolute;top: 45%;left: 0;-webkit-transform: translate(0,-50%);transform: translate(0,-50%) }
.nbanner .text h5{ font-size: 42px;font-weight: bold;color: #fff;}
.nbanner .text p{ margin-top: 40px;width: 530px;font-size: 16px;color: rgba(255,255,255,.8);line-height: 28px; }
.nbanner .nopen{ display: block;width: 123px;height: 34px;line-height: 34px;text-align: center; border: 1px solid #fff;border-radius: 65px;color: #fff;margin-top: 45px;cursor: pointer;}
.ntitles{ text-align: center;padding: 65px 0 20px; }
.ntitles h5{ font-size: 30px;color: #333;font-weight: bold; }
.ntitles p{ color: #666; }

.technolog {padding-bottom:60px;}
.technolog .cons{background: #fff; border-radius: 5px;overflow: hidden; }
.technolog .cons ul li{ height: 160px;overflow: hidden; }
.technolog .cons ul li:nth-of-type(2){ border: 1px solid #dcdcdc;border-width: 0 1px; }
.technolog .cons ul li .pd-remark{ padding: 20px 50px; }
.technolog .cons ul li h5{ font-weight: bold;font-size: 20px;padding-bottom:20px; }
.technolog .cons ul li p{ color: #666; }
.technolog .cons ul li:last-child{ display: flex; width:100%;height: auto; border-top: 1px solid #dcdcdc;padding: 29px;align-items: center; }
.technolog .cons ul li:last-child img{ display: block;width: 540px;height: 266px;margin-right: 55px; }
.technolog .cons ul li:last-child .remark .subtit{ display: block; padding: 0 0 15px; }
.technolog .cons ul li:last-child .remark p{ color: #666;font-size: 14px;line-height:28px;}

.process {background-color:#fff;padding-bottom:60px;}
.process .cons{ position: relative; width: 100%; height: 445px;background: url("../img/techvc/process.png") no-repeat center center; }
.process .cons ul li{ position: absolute; width: 318px;height: 158px;border: 1px solid #dcdcdc;border-radius: 5px; }
.process .cons ul li em{ position: absolute; display: block;width: 42px;height: 21px;background: url("../img/techvc/top-bom-ico.png") no-repeat 0 0;z-index: 6 }
.process .cons ul li .remark{ text-align: center;width: 170px;margin: 25px auto 0; }
.process .cons ul li .remark h5{ font-size: 16px;font-weight: bold;padding-bottom: 5px; }
.process .cons ul li .remark p{ color: #666; }
.process .cons ul li:nth-of-type(1), .process .cons ul li:nth-of-type(2), .process .cons ul li:nth-of-type(3){ top: 0; }
.process .cons ul li:nth-of-type(1){ left: 197px; }  .process .cons ul li:nth-of-type(2){ left: 538px; }  .process .cons ul li:nth-of-type(3){ left: 879px; }
.process .cons ul li:nth-of-type(4), .process .cons ul li:nth-of-type(5), .process .cons ul li:nth-of-type(6){ bottom: 0; }
.process .cons ul li:nth-of-type(4){ left: 0; }  .process .cons ul li:nth-of-type(5){ left: 342px; }  .process .cons ul li:nth-of-type(6){ left: 684px; }
.process .cons ul li:nth-of-type(1) em, .process .cons ul li:nth-of-type(2) em,.process .cons ul li:nth-of-type(3) em{ bottom: -21px; }
.process .cons ul li:nth-of-type(1) em{ left: 89px; }  .process .cons ul li:nth-of-type(2) em{ left: 140px; }  .process .cons ul li:nth-of-type(3) em{ left: 189px; }
.process .cons ul li:nth-of-type(n+4) em{ width: 43px; top: -21px;background-position: 0 -29px; }
.process .cons ul li:nth-of-type(4) em{ left: 91px; }  .process .cons ul li:nth-of-type(5) em{ left: 138px; }  .process .cons ul li:nth-of-type(6) em{ left: 187px; }

.venture {padding-bottom:60px;}
.venture .cons{ background-color:#fff;border-radius: 5px;overflow: hidden; }
.venture .cons ul li{ padding: 85px 0;border-right: 1px solid #eee; }
.venture .cons ul li:last-child{ border-right: 0;}
.venture .cons ul li .imgs{ display: block;width: 224px;height: 208px; margin: 0 auto; }
.venture .cons ul li .imgs img{ display: block;max-width: 100%; }
.venture .cons ul li .remark{ width: 345px;margin:0 auto;text-align: center; }
.venture .cons ul li .remark h5{ font-size: 22px;font-weight: bold;padding: 25px 0 13px; }
.venture .cons ul li .remark p{ color: #666;line-height:24px;}

.winwin{ position: relative; width: 100%;height: 800px; }
.winwin .intro{ position: absolute;top: 50%;left: 50%; width: 820px; color: #fff; -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);text-align:center;z-index: 66 }
.winwin .intro h5{ font-size: 46px;font-weight: bold; }
.winwin .intro p{ color: rgba(255,255,255,.8);padding: 40px 0;line-height:26px;font-size:16px;}
.winwin .intro strong{ display: block;font-size: 20px; }
/*=============================================================*/

.super-index{background: url("../img/super/bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);height: auto;width: 100%;color:#fff;padding:80px 0;}
.super-index .super-item{float:left;width:400px;height:1420px;overflow:hidden;padding:0 20px;border-right:1px solid #45484c;}
.super-index .super-item .title{font-size:20px;font-weight:bold;margin-bottom:30px;line-height:30px;text-align:center;}
.super-index .super-item .img{text-align:center;margin-bottom:30px;}
.super-index .super-item p{margin-bottom:60px;line-height:25px;color:#fff;}
.super-index .super-item-3{border-right:none;}

/* Service list */
/*=============================================================*/
.service-index{font-family:"microsoft yahei";}
.service-cate {width: 100%;height: 470px;padding: 80px 0 0 0; position: relative;}
.service-cate1 {height: 470px;padding: 100px 0 0 0; }
.service-cate0,
.service-cate2,
.service-cate4 {background: #fff;
    transition:         all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -moz-transition:    all .3s ease-out;
    -o-transition:      all .3s ease-out;
}
.service-cate1,
.service-cate3 {
    background: #f7f7f7;
    transition:         all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -moz-transition:    all .3s ease-out;
    -o-transition:      all .3s ease-out;
}
.cate-active {background: #404040;}
.cate-icon,
.cate-ltem,
.cate-desc {float: left;}
.cate-icon {
    width: 226px;
    height: 226px;
    border: 2px solid #000;
    border-radius: 113px;
    margin: 40px 60px 0 0;
    transition:         all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -moz-transition:    all .3s ease-out;
    -o-transition:      all .3s ease-out;
}
.cate-icon i {
    width: 226px;
    height: 226px;
    border-radius: 113px;
	display: block;
    background: url(../img/service/servicesIconHuge.png);
    transition:         all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -moz-transition:    all .3s ease-out;
    -o-transition:      all .3s ease-out;
}
.cate-icon:hover i {
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}
.cate-active .cate-icon {border: 2px solid #fff;}
.service-cate0 i {background-position: -226px 0;}
.service-cate1 i {background-position: -904px 0;}
.service-cate2 i {background-position: -678px 0;}
.service-cate3 i {background-position: 0 0;}
.service-cate4 i {background-position: -452px 0;}
.service-cate0 .icon-active i {background-position: -226px bottom;}
.service-cate1 .icon-active i {background-position: -904px bottom;}
.service-cate2 .icon-active i {background-position: -678px bottom;}
.service-cate3 .icon-active i {background-position: 0 bottom;}
.service-cate4 .icon-active i {background-position: -452px bottom;}
.cate-ltem {width: 290px;margin: 0 58px 0 0;}
.cate-ltem h3 {font-size: 28px;line-height: 28px;color: #000;margin: 0 0 20px 0;font-family:"microsoft yahei";}
.cate-ltem li {font-size: 14px;line-height: 35px;border-bottom: 1px solid #b7b7b7;}
.cate-desc {padding-top: 56px; }
.cate-desc h3 {font-size: 14px;font-weight: bold;color: #000;margin: 0 0 12px 0;font-family:"microsoft yahei";}
.cate-desc h5 {width: 365px;line-height: 28px;font-family:"microsoft yahei";}
.cate-active h3,
.cate-active h5,
.cate-active li  {color: #fff;}

/*ecpress*/
.ecpress-index {font-family:"microsoft yahei";}
.ecpress-index .intro{padding:40px 0;}
.ecpress-index .intro-1{background:#fff;}
.ecpress-index .intro-2{background:#F1F2F4;}
.ecpress-index .intro .hd{text-align:center;}
.ecpress-index .intro .bd{padding:10px;line-height:30px;font-size:14px;}
.ecpress-index .intro .bd .ecpress-img{width:712px;height:330px;background:url("../img/ecpress/ecpress.png") no-repeat;display:block;margin:10px auto;}
.ecpress-index .solution{margin-top: 10px; border-bottom: 1px #ebebeb solid; overflow: hidden;}
.ecpress-index .solution .solution-nav{position: relative;margin: 0px auto; margin-top: 15px;text-align:center;}
.ecpress-index .solution .solution-nav ul li{display:inline-block;background-color: #e9e9e9; width: 84px; height: 84px; text-align: center; overflow: hidden; -webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%; padding-top: 6px; margin: 0px 12px; cursor: pointer;}
.ecpress-index .solution .solution-nav ul li.active{background-color: #e60020;color:#fff;}
.ecpress-index .solution .solution-nav ul li .nav-ch{font-size: 34px; color: #646464; font-weight: bold;}
.ecpress-index .solution .solution-nav ul li .nav-en{color: #8c8c8c; font-size: 12px;}
.ecpress-index .solution .solution-nav ul li.active .nav-ch{color:#fff;}
.ecpress-index .solution .solution-nav ul li.active .nav-en{color:#fff;}
.ecpress-index .solution .solution-body{width: 868px;padding:50px 0 78px; background: url('../img/ecpress/solution_switch_bg.png') 0px 0px no-repeat; margin: 0px auto; margin-top: 18px; position: relative; display: none;}
.ecpress-index .solution .solution-body .body-titimg{height: 90px; text-align: center; }
.ecpress-index .solution .solution-body .body-titimg .img1{width:303px;height:90px;background:url("../img/ecpress/solution_switch_tit.png") no-repeat;display:block;margin: 0 auto;}
.ecpress-index .solution .solution-body .body-titimg .img2{width:303px;height:90px;background:url("../img/ecpress/solution_switch_tit2.png") no-repeat;display:block;margin: 0 auto;}
.ecpress-index .solution .solution-body .body-titimg .img3{width:303px;height:90px;background:url("../img/ecpress/solution_switch_tit3.png") no-repeat;display:block;margin: 0 auto;}
.ecpress-index .solution .solution-body .body-tittxt{height: 60px; line-height: 60px; font-size: 24px; color: #505050; text-align: center;}
.ecpress-index .solution .solution-body .body-gallery{ text-align:center; font-size:15px; line-height:200%;}
.ecpress-index .solution .solution-body .body-gallery ul{width: 400px; margin: 0px auto;}
.ecpress-index .solution .solution-body .body-gallery li{width: 481px; height: 270px;}
.ecpress-index .solution .solution-body .body-gallery li img{width: 100%; height: 100%;}
.ecpress-index .solution .solution-body .body-btn{position: absolute; width: 47px; height: 47px; top: 220px; background: url('../img/ecpress/solution_switch_btn.png') 0px 0px no-repeat; cursor: pointer;}
.ecpress-index .solution .solution-body .body-btnL{left: -16px;}
.ecpress-index .solution .solution-body .body-btnL:hover{background-position: -50px -50px;}
.ecpress-index .solution .solution-body .body-btnR{background-position: -50px 0px; right: -16px;}
.ecpress-index .solution .solution-body .body-btnR:hover{background-position: 0px -50px;}
.road-body{margin: 10px auto; overflow: hidden;}
.road-body ul li{width: 305px; display:inline-block; margin-right: 38px; overflow: hidden; position: relative;}
.road-body ul li.item3{margin-right:0;}
.road-body ul li .road-txt{height: 160px; line-height:160px;border: 1px #ececec solid; background:#fff; text-align: center; position: relative; margin-top: 24px;}
.road-body ul li .road-txt .road-txt-wrapp{ vertical-align: middle;}
.road-body ul li .road-txt .road-txt-wrapp span{display:block;width:100%;}
.road-body ul li .road-txt .road-txt1{font-size: 24px; line-height:80px;}
.road-body ul li .road-txt .road-txt2{font-size: 16px; line-height:60px;}
.road-body ul li .road-txt .road-txt-wrapp em{color: #df4343; font-weight: bold; font-style: normal;}
.road-body ul li .road-txt .road-trip{width: 21px; height: 12px; background: url("../img/ecpress/road_trip.png") 0px 0px no-repeat; position: absolute; left: 50%; margin-left: -10px; bottom: -12px;}
.road-body ul li .road-ico{width: 710px; position: relative; height: 82px; overflow: hidden; margin-top: 24px;}
.road-body ul li .road-ico div{width: 306px; float: left; height: 82px; background: url("../img/ecpress/road_icon.png") center 0px no-repeat;}
.road-body ul li.item1 .road-ico .right{background-position: center -100px;}
.road-body ul li.item2 .road-ico div{background-position: center -200px;}
.road-body ul li.item2 .road-ico .right{background-position: center -300px;}
.road-body ul li.item3 .road-ico div{background-position: center -400px;}
.road-body ul li.item3 .road-ico .right{background-position: center -500px;}
.road-body ul li:hover .road-txt{background:#DF4343;}
.road-body ul li:hover .road-txt .road-txt-wrapp{color: #fff;}
.road-body ul li:hover .road-txt .road-txt-wrapp em{color: #fff;}
.road-body ul li:hover .road-txt .road-trip{background-position: 0px -50px;}
.consult{background-color: #df4343; padding: 60px 0px; color: #fff;}
.consult .hd{text-align: center;margin-bottom:20px;}
.consult .consult-txt1{font-size: 18px; text-align: center; line-height: 28px;}
.consult .consult-txt2{font-size: 24px; text-align: center; font-weight: bold; line-height: 32px; margin-top: 6px;}
.consult .consult-txt2 span{font-family: Arial; padding-left: 5px; font-weight: bold; font-size: 28px; vertical-align: middle;}
.consult .consult-box{width: 402px; padding: 36px 32px 32px; background-color: #df4343; border: 1px #eb8b8b solid; margin: 0px auto; margin-top: 16px;}
.contact-form-ecpress table{margin-top:5px;}
.contact-form-ecpress td{padding-bottom:20px;}
.contact-form-ecpress .button-wrap{text-align:center;padding:10px 0;}

#custom-protection{background-color: #F7F7F7;}
@media (max-width: 767px) {
#custom-protection{margin-top:50px;}
}
.notice-header {
  width: 100%;
  height: 250px;
  background: url(../img/cs/custom-protection-pc.png) no-repeat center / cover;
  background-size: cover;
}
.notice-header .notice-content {
  max-width: 1180px;
  margin: 0 auto;
  text-align: left;
  padding-top: 80px;
}
.notice-header h1 {
  font-size: 36px;
  color: #FFFFFF;
  letter-spacing: 0;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
  line-height: 58px;
  margin-top:0;
  margin-bottom: 5px;
}
.notice-header h4 {
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing: 0;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
  line-height: 28px;
}
.notice-protection-wrapper {
  max-width: 1180px;
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 50px;
}
.notice-protection-wrapper .content-box {
  padding: 30px;
  margin-bottom: 10px;
  position: relative;
  background-color: #fff;
}
.notice-protection-wrapper .content-box .notice-title {
  font-size: 22px;
  color: #252B3A;
  letter-spacing: 0;
  line-height: 28px;
  margin-bottom: 20px;
}
.notice-protection-wrapper .content-box .notice-btn {
  position: absolute;
  right: 30px;
  top: 25px;
  font-size: 14px;
  color: #F66F6A;
  border: 1px solid #F66F6A;
  border-radius: 2px;
  letter-spacing: 0;
  text-align: center;
  line-height: 18px;
}
.notice-protection-wrapper .content-box .notice-btn a {
  display: block;
  width: 100%;
  padding: 11px 30px;
}
.notice-protection-wrapper .content-box .notice-btn:hover {
  color: #fff;
  background-color: #F66F6A;
}
.notice-protection-wrapper .content-box .notice-btn:hover a{color:#fff;}
.notice-protection-wrapper .content-box .btn1 {
  right: 170px;
}
.notice-protection-wrapper .content-box .notice-info {
  font-size: 14px;
  color: #656A75;
  letter-spacing: 0;
  text-align: justify;
  line-height: 22px;
  width: 700px;
  margin-bottom: 20px;
}
.notice-protection-wrapper .content-box .notice-info a:hover {
  text-decoration: underline;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}
.notice-protection-wrapper .content-box .notice-list {
  position: relative;
  font-size: 0;
}
.notice-protection-wrapper .content-box .notice-list li {
  display: inline-block;
  font-size: 14px;
  width: 80px;
  letter-spacing: 0;
  text-align: justify;
  line-height: 22px;
}
.notice-protection-wrapper .content-box .notice-list li a {
  color: #656A75;
}
.notice-protection-wrapper .content-box .notice-list li:hover a {
  color: #F66F6A;
}
.notice-protection-wrapper .content-box .notice-list .notice-red {
  font-size: 14px;
}
.notice-protection-wrapper .content-box .notice-list .notice-red:hover {
  color: #F66F6A;
}
.notice-protection-wrapper .content-box .notice-list .afterSale {
  width: auto;
}
.notice-protection-wrapper .content-box .notice-list .saleLine {
  height: 16px;
  margin-left: 20px;
  margin-right: 20px;
  border-left: 1px solid #ddd;
  font-size: 1px;
}
.notice-protection-wrapper .content-box .notice-list .saleLine:last-of-type {
  border: none;
}
.notice-protection-wrapper .content-box:nth-of-type(2) .notice-info {
  letter-spacing: 2px;
}
.notice-protection-wrapper .content-box:nth-of-type(2) .notice-info a {
  letter-spacing: 0;
}
.notice-protection-wrapper .content-box:hover {
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}
.notice-protection-wrapper .content-box .notice-list .notice-flow {
  margin-right: 60px;
}
.notice-protection-wrapper .content-box .notice-list .notice-flow .process {
  position: relative;
}
.notice-protection-wrapper .content-box .notice-list .notice-flow i {
  display: block;
  width: 32px;
  height: 32px;
  background-size: cover;
  margin: 0 auto 7px;
}
.notice-protection-wrapper .content-box .notice-list .notice-flow .notice-icon1 {
  background: url(../img/cs/custom-protection-submit.svg) no-repeat;
}
.notice-protection-wrapper .content-box .notice-list .notice-flow .notice-icon2 {
  background: url(../img/cs/custom-protection-check.svg) no-repeat;
}
.notice-protection-wrapper .content-box .notice-list .notice-flow .notice-icon3 {
  background: url(../img/cs/custom-protection-unsubscribe.svg) no-repeat;
}
.notice-protection-wrapper .content-box .notice-list .notice-flow .notice-icon4 {
  background: url(../img/cs/custom-protection-accomplish.svg) no-repeat;
}
.notice-protection-wrapper .content-box .notice-list .notice-flow .notice-icon5 {
  background: url(../img/cs/custom-protection-put_on_records.svg) no-repeat;
}
.notice-protection-wrapper .content-box .notice-list .notice-flow .notice-icon6 {
  background: url(../img/cs/custom-protection-archival_information.svg) no-repeat;
}
.notice-protection-wrapper .content-box .notice-list .notice-flow .notice-icon7 {
  background: url(../img/cs/custom-protection-first_trial.svg) no-repeat;
}
.notice-protection-wrapper .content-box .notice-list .notice-flow .notice-icon8 {
  background: url(../img/cs/custom-protection-Management_Audit.svg) no-repeat;
}
.notice-protection-wrapper .content-box .notice-list .notice-flow .notice-icon9 {
  background: url(../img/cs/custom-protection-Administrative_Closure.svg) no-repeat;
}
.notice-protection-wrapper .content-box .notice-list .notice-flow p {
  font-size: 12px;
  color: #666A75;
  letter-spacing: 0;
  text-align: center;
  line-height: 18px;
}
.notice-protection-wrapper .content-box .notice-list .notice-flow .num {
  border: 1px solid #ddd;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  text-align: center;
  margin: 0 auto 4px;
}
.notice-protection-wrapper .content-box .notice-list .notice-flow .dashed-line {
  position: absolute;
  width: 120px;
  height: 0;
  border-top: 1px dashed #ddd;
  top: 50%;
  left: 64%;
}
.notice-protection-wrapper .content-box .notice-list h4 {
  font-size: 14px;
  color: #252B3A;
  letter-spacing: 0;
  text-align: justify;
  line-height: 22px;
  margin-bottom: 10px;
}
.notice-protection-wrapper .content-box .notice-list p {
  font-size: 14px;
  color: #656A75;
  letter-spacing: 0;
  text-align: justify;
  line-height: 22px;
}
.notice-protection-wrapper .content-box .notice-list .approach {
  width: 59.32%;
}
.notice-protection-wrapper .content-box .notice-list .approach a:hover {
  text-decoration: underline;
}
.notice-protection-wrapper .content-box .notice-list .reminder {
  margin-top: 10px;
  color: #A0A2A9;
}
.notice-protection-wrapper .content-box .notice-list .opinion {
  display: inline-block;
  color: #66696F;
  font-size: 14px;
}
.notice-protection-wrapper .content-box .notice-list .opinion .notice-tel:hover {
  color: #F66F6A;
}
.notice-protection-wrapper .content-box .notice-list .oponion-line {
  height: 16px;
  margin-left: 20px;
  margin-right: 20px;
  border-left: 1px solid #ddd;
  font-size: 1px;
}
.notice-protection-wrapper .content-box .shading {
  width: 312px;
  height: 26px;
  position: absolute;
  bottom: 0;
  right: 0;
}
.notice-protection-wrapper .content-box .shading img {
  display: block;
  width: 100%;
}
@media (max-width: 1023px) {
  .notice-header {
    width: 100%;
    height: 140px;
    background: url(../img/cs/custom-protection-pad.jpg) no-repeat center / cover;
    background-size: cover;
  }
  .notice-header .notice-content {
    max-width: 1180px;
    margin: 0 auto;
    text-align: left;
    padding-top: 40px;
    padding-left: 16px;
  }
  .notice-header h1 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 10px;
  }
  .notice-header h4 {
    font-size: 14px;
    line-height: 22px;
  }
  .notice-protection-wrapper {
    width: 100%;
    padding: 19px 15px 30px;
  }
  .notice-protection-wrapper .content-box {
    padding: 20px;
    position: relative;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.1);
    border-radius: 4px;
  }
  .notice-protection-wrapper .content-box .notice-top {
    position: static;
  }
  .notice-protection-wrapper .content-box .notice-title {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 10px;
  }
  .notice-protection-wrapper .content-box .notice-info {
    width: 100%;
    color: #666A75;
    margin-bottom: 20px;
  }
  .notice-protection-wrapper .content-box .notice-list {
    margin-bottom: 20px;
  }
  .notice-protection-wrapper .content-box .notice-list li {
    margin-bottom: 10px;
  }
  .notice-protection-wrapper .content-box .notice-list li:nth-of-type(4),
  .notice-protection-wrapper .content-box .notice-list li:nth-of-type(5) {
    margin-bottom: 0;
  }
  .notice-protection-wrapper .content-box .notice-list .notice-flow .num {
    margin: 0 auto 2px;
  }
  .notice-protection-wrapper .content-box .notice-list .approach {
    width: auto;
  }
  .notice-protection-wrapper .content-box .notice-list .opinion {
    display: inline-block;
    vertical-align: top;
  }
  .notice-protection-wrapper .content-box .notice-list .opinion:last-of-type {
    width: 58%;
    margin-left: 0;
  }
  .notice-protection-wrapper .content-box .notice-btn {
    position: static;
    width: 52%;
    height: 40px;
    line-height: 40px;
  }
  .notice-protection-wrapper .content-box .notice-btn a {
    padding: 0;
  }
  .notice-protection-wrapper .content-box .btn1,
  .notice-protection-wrapper .content-box .btn2 {
    display: inline-block;
  }
  .notice-protection-wrapper .content-box .btn2 {
    width: 120px;
    margin-left: 10px;
  }
  .notice-protection-wrapper .content-box .minBtn {
    width: 68%;
  }
  .notice-protection-wrapper .content-box .shading {
    display: none;
  }
  .notice-protection-wrapper .content-box:nth-of-type(2) .notice-info {
    letter-spacing: 0;
  }
}
@media (max-width: 768px) {
  .notice-header {
    background: url(../img/cs/custom-protection-mb.png) no-repeat center / cover;
  }
}
/*兼容手机端问题*/
@media (max-width: 503px) {
  .notice-protection-wrapper .content-box .notice-list .notice-flow {
    margin-right: 5.87%;
    margin-bottom: 25px;
  }
  .notice-protection-wrapper .content-box .notice-list .notice-flow .dashed-line {
    width: 98%;
  }
  .notice-protection-wrapper .content-box .notice-list .notice-flow .line3 {
    display: none;
  }
}
@media (width: 320px) {
  .notice-protection-wrapper .content-box .btn2 {
    margin-left: 0;
    width: 114px;
  }
  .notice-protection-wrapper .content-box .minBtn {
    width: 68%;
  }
}


/*商业授权*/
.page-authorization .section-banner{ height: 425px; background: url(../img/authorization/00-banner.jpg) no-repeat center top; }
.page-authorization .section-banner .s-form{ width: 640px; margin: 280px auto 0; border-radius: 5px; overflow: hidden;}
.page-authorization .section-banner .s-form .s-input{ width: 492px; height: 50px; border: 0 none; float: left; padding-left: 18px; font-size: 16px; }
.page-authorization .section-banner .s-form .s-button{ height: 50px; width: 130px; background: #B80C01; color: #fff; border: 0 none; font-size: 16px; cursor: pointer;}
.page-authorization .section-banner .s-form .s-button:hover{ background: #c50b01; }
.page-authorization .section-2{ padding-bottom: 70px; background: #f6f6f9;}
.page-authorization .section-2 .list{ margin: 0 -68px 0 60px; }
.page-authorization .section-2 .list li{ width: 305px; padding: 42px 0; background: #fff; text-align: center; box-shadow: 0 0 50px rgba(0,0,0,.1); margin-right: 68px;}
.page-authorization .section-2 .list li .img{ width: 64px; height: 64px; background: url(../img/authorization/01-icon.png) no-repeat; margin: 0 auto 20px;}
.page-authorization .section-2 .list li.item-1 .img{ background-position: 0 0; }
.page-authorization .section-2 .list li.item-2 .img{ background-position: -74px 0; }
.page-authorization .section-2 .list li.item-3 .img{ background-position: -148px 0; }
.page-authorization .section-2 .list li h3{ font-size: 18px; margin-bottom: 10px; }
.page-authorization .section-2 .list li p{ font-size: 14px; color: #888888; line-height: 1.8; margin: 0 40px;}
.page-authorization .section-3{ padding-bottom: 80px;}
.page-authorization .section-3 .list{ margin-left: 94px; }
.page-authorization .section-3 .list li{ float: left; }
.page-authorization .section-3 .list li .i-hd{ width: 378px; background: #ECEDEE; text-align: center; padding: 20px 0; margin-left: 25px; border-radius: 5px 5px 0 0;}
.page-authorization .section-3 .list li .i-hd h3{ font-size: 24px; }
.page-authorization .section-3 .list li .i-hd p{ font-size: 16px; }
.page-authorization .section-3 .list li .i-bd{ width: 431px; height: 620px; background: #fff; border-radius: 5px; border: 1px solid #F1EFEF; box-shadow: 0 0 30px rgba(0,0,0,.1);}
.page-authorization .section-3 .list li .i-bd .price{ text-align: center; padding-top: 40px; margin-bottom: 30px; }
.page-authorization .section-3 .list li .i-bd .price p{ font-size: 30px; margin-bottom: 10px; display: none;}
.page-authorization .section-3 .list li .i-bd .price a{display: inline-block; width: 107px; height: 34px; line-height: 34px; color: #f92028; border: 1px solid #f92028; border-radius: 5px;}
.page-authorization .section-3 .list li .i-bd .price a:hover{ color: #fff; background: #f92028; }
.page-authorization .section-3 .list li .fun{ border-top: 1px solid #E8E6E6; margin: 0 30px; padding-bottom: 25px;}
.page-authorization .section-3 .list li .fun .f-hd{ font-size: 16px; color: #888888; padding-top: 27px; margin-bottom: 10px;}
.page-authorization .section-3 .list li .fun dl{ line-height: 40px; font-size: 14px;}
.page-authorization .section-3 .list li .fun dt{ float: left; width: 20px; height: 20px; background: url(../img/authorization/02-icon.png) no-repeat; margin-top: 13px;}
.page-authorization .section-3 .list li .fun .dt-w{ background-position: -24px 0; }
.page-authorization .section-3 .list li .fun dd{ margin-left: 68px; }
.page-authorization .section-3 .list li.item-2{ margin-left: 20px; }
.page-authorization .section-3 .list li.item-2 .i-hd{ width: 496px; background: #F82229; color: #fff; }
.page-authorization .section-3 .list li.item-2 .i-bd{ width: 548px;}
.page-authorization .section-4{ padding-bottom: 87px; background: #F6F6F9; }
.page-authorization .section-4-1{ padding-bottom: 87px;  background: #f6f6f9;}
.page-authorization .section-4-1 .mod-like-table .col-item:hover{ transform: scale(1.02); }
.page-authorization .section-5{ padding-bottom: 87px;}
.page-authorization .section-6{ padding-bottom: 90px;}
.page-authorization .section-6 .s-content{ border-top: 1px solid #FA3737; box-shadow: 0 0 50px rgba(0,0,0,.1); height: 560px; background: #fff;}
.page-authorization .section-6 .s-l{ width: 336px; height: 326px; background: url(../img/authorization/05-img.png) no-repeat; float: left; margin: 130px 0 0 44px; }
.page-authorization .section-6 .s-r{ float: left; padding-top: 40px; margin-left: 68px; }
.page-authorization .section-6 .s-r dl{ width: 283px; float: left; font-size: 16px; margin-right: 90px;}
.page-authorization .section-6 .s-r dt{ color: #888; margin-bottom: 20px;}
.page-authorization .section-6 .s-r dd{ font-size: 14px; margin-bottom: 24px; }
.page-authorization .section-6 .s-r dd i{ display: inline-block; width: 24px; height: 20px; vertical-align: bottom; margin-right: 20px; background: url(../img/authorization/03-icon.png) no-repeat;}
.page-authorization .section-6 .s-r .s-btn{ display: inline-block; margin-top: 40px; border-radius: 4px; width: 115px; height: 37px; line-height: 37px; text-align: center; border: 1px solid #FA322B; color: #FA322B; }
.page-authorization .section-6 .s-r .s-btn:hover{ background: #FA322B; color: #fff; }
.page-authorization .section-7{ background: #f6f6f9; }
.page-authorization .section-7 .s-hd{ font-size: 20px; margin-bottom: 18px; border-left: 2px solid #F82329; line-height: 16px; padding-left: 11px;}
.page-authorization .section-7 .list{ height: 340px; }
.page-authorization .section-7 .list li{ border: 1px solid #DCDCDC; height: 260px; transition: all .2s; overflow: hidden; background: #fff; text-align: center; box-sizing: border-box; padding: 35px 0;}
.page-authorization .section-7 .list li .img{ background: url(../img/authorization/06-icon.png) no-repeat; width: 60px; height: 82px; margin: 0 auto;}
.page-authorization .section-7 .s-section-1 li.item-1 .img{ background-position: 0 0; }
.page-authorization .section-7 .s-section-1 li.item-2 .img{ background-position: -64px 0; }
.page-authorization .section-7 .s-section-1 li.item-3 .img{ background-position: -132px 0; }
.page-authorization .section-7 .s-section-2 li.item-1 .img{ background-position: -199px 0; }
.page-authorization .section-7 .s-section-2 li.item-2 .img{ background-position: -266px 0; }
.page-authorization .section-7 .s-section-2 li.item-3 .img{ background-position: -333px 0; }
.page-authorization .section-7 .s-section-2 li.item-4 .img{ background-position: -400px 0; }
.page-authorization .section-7 .s-section-3 li.item-1 .img{ background-position: -468px 0; }
.page-authorization .section-7 .s-section-3 li.item-2 .img{ background-position: -534px 0; }
.page-authorization .section-7 .s-section-3 li.item-3 .img{ background-position: -601px 0; }
.page-authorization .section-7 .s-section-3 li.item-4 .img{ background-position: -668px 0; }
.page-authorization .section-7 .list li h3{ font-size: 18px; margin-bottom: 5px;}
.page-authorization .section-7 .list li .price{ font-size: 16px; color: #fa2929; margin-bottom: 10px;}
.page-authorization .section-7 .list li .price em{ color: #888; }
.page-authorization .section-7 .list li p{ font-size: 14px; color: #888888; margin: 0 38px; line-height: 1.8; height: 50px;}
.page-authorization .section-7 .list li p b{ color: #1c63f3; }
.page-authorization .section-7 .list li .btn-wrap{ padding-top: 15px; transition: all .2s; opacity: 0;}
.page-authorization .section-7 .list li .btn-wrap a{ width: 89px; height: 32px; border: 1px solid #DCDCDC; border-radius: 5px; display: inline-block; line-height: 32px; font-size: 13px; color: #888; margin: 0 3px;}
.page-authorization .section-7 .list li .btn-wrap a:hover{ color: #f9252a; border-color: #f9252a; }
.page-authorization .section-7 .list li .btn-wrap a.a-red{ background: #F9252A; color: #fff; border-color: #F9252A; }
.page-authorization .section-7 .list li .btn-wrap a.a-red:hover{ background: #e51e22; }
.page-authorization .section-7 .list li:hover{ height: 316px; }
.page-authorization .section-7 .list li:hover .btn-wrap{ opacity: 1; }