a {display: block;color: #363636;} 
.about .title {height: 170px;}
.about .title h2 {margin-top: 100px; margin-left: auto;margin-right: auto;padding-top: 24px;width: 500px;height: 77px;font-size: 30px;background: url(../images/about-title-bg.png);}
.about .title h3 {margin-top: 20px;font-size: 18px;}
.about .content {height:auto; padding-top:100px; padding-bottom: 60px; width: 100%;background: url('../images/about-bg.png') no-repeat top center;}
/*.about .content ul {margin-top: 30px;}
.about .content ul li {float: left;width: 25%;}
.about .content ul li a {position: relative;margin-top: 26px;margin-left: auto;margin-right: auto;padding-top: 180px;padding-left: 38px;padding-right: 38px;width: 240px;height: 350px;cursor: default;background: no-repeat center 50px;}
.about .content ul li a:hover {color: #3158a7;background-color: #fff;box-shadow: 0 0 6px #3158a7;}
.about .content ul li a h4 {font-size: 20px;}
.about .content ul li a p {margin-top: 30px;font-size: 15px;}
.about .content ul .fuwu {background-image: url(../images/fuwu.png);}
.about .content ul .fuwu:hover {background-image: url(../images/fuwu-h.png);}
.about .content ul .xiangying {background-image: url(../images/xiangying.png);}
.about .content ul .xiangying:hover {background-image: url(../images/xiangying-h.png);}
.about .content ul .chengben {background-image: url(../images/chengben.png);}
.about .content ul .chengben:hover {background-image: url(../images/chengben-h.png);}
.about .content ul .duijie {background-image: url(../images/duijie.png);}
.about .content ul .duijie:hover {background-image: url(../images/duijie-h.png);}*/
.question {height: 926px;}
.question .container {position: relative;height: 926px;background: url(../images/question-bg.png) no-repeat;}
.question .title {height: 250px;}
.question .title h2 {margin-top: 96px;margin-left: auto;margin-right: auto;padding-top: 24px;height: 79px;font-size: 30px;width: 500px;background: url(../images/question-title-bg.png) no-repeat;}
.question .detail {/* .line-1,.line-2,.line-3,.line-4,.line-5,.line-6,.line-7,.line-8,.line-9,.line-10,.line-11,.line-12,.line-13,.line-13 {position: absolute;height: 3px;width: 100px;background: @main-color;}
.line-1 {left: 219px; top: 379px;width: 93px;transform: rotate(-30deg);}
.line-2 {left: 298px; top: 382px;width: 107px;transform: rotate(30deg);}
.line-3 {left: 350px; top: 400px;transform: rotate(90deg);}
 */}
.question .detail h3 {font-size: 22px;}
.question .detail h3 span {color: #3158a7;}
.question .detail .comb-sm {position: absolute;padding-left: 24px;padding-right: 24px;width: 184px;height: 120px;font-size: 15px;}
.question .detail .comb-sm p {text-align: left;margin-top: 10px;}
.question .detail .comb-l {position: absolute;padding-left: 50px;padding-right: 50px;width: 270px;height: 160px;}
.question .detail .comb-l p {text-align: left;margin-top: 20px;}
.question .detail .comb-md {position: absolute;padding-left: 40px;padding-right: 40px;width: 212px;height: 126px;}
.question .detail .comb-md p {text-align: left;margin-top: 10px;}
.question .detail .comb-1 {left: 214px;top: 394px;}
.question .detail .comb-2 {left: 492px;top: 450px;}
.question .detail .comb-3 {left: 582px;top: 294px;}
.question .detail .comb-4 {left: 764px;top: 420px;padding-top: 10px;width: 265px;}
.question .detail .comb-5 {left: 684px;top: 648px;width: 216px;}
.question .detail .icon-1:after {content: '';position: absolute;left: -21px;top: -4px;z-index: 20;width: 41px;height: 41px;background: url(../images/question-icon-1.png);}
.question .detail .icon-2:after {content: '';position: absolute;left: -21px;top: -4px;z-index: 20;width: 41px;height: 41px;background: url(../images/question-icon-2.png);}
.question .detail .icon-3:after {content: '';position: absolute;left: -21px;top: -4px;z-index: 20;width: 41px;height: 41px;background: url(../images/question-icon-3.png);}
.question .detail .icon-4:after {content: '';position: absolute;left: -23px;top: -32px;z-index: 20;width: 41px;height: 41px;background: url(../images/question-icon-4.png);}
.question .detail .icon-5:after {content: '';position: absolute;left: 192px ;top: -22px;z-index: 20;width: 41px;height: 41px;background: url(../images/question-icon-5.png);}
.question .detail canvas {position: absolute;left: 0;top: 254px;z-index: 10;}
.solve {overflow: hidden;padding-top:100px; padding-bottom: 40px;/* ie8 hack */background: #3158a7;}
.solve .title h2 {margin-top: 100px; color: #efefef; margin-left: auto;margin-right: auto;padding-top: 24px;width: 500px;height: 79px;font-size: 30px;background: url(../images/solve-title-bg.png) no-repeat;}
.solve .title h2 span {color: #fff;}
.solve .title h3 {margin-top: 20px;font-size: 18px; color: #efefef;}
.solve .detail {position: relative;height: 600px;background: url(../images/solve-bg.png);background-size: 100% 100%;}
.solve .detail > div {position: absolute;left: 1px;top: 1px;width: 536px;height: 98px;}
.solve .detail > div h4 {font-size: 20px;line-height: 30px; color: #efefef;}
.solve .detail > div p {margin-top: 10px;font-size: 18px;color: #fff;}
.solve .detail .goodness1,.solve .detail .goodness3,.solve .detail .goodness5 {left: 1900px;padding-left: 40px;padding-right: 30px;text-align: left;background: url(../images/bg-line-r.png) 0 1px;background-repeat: repeat-x;opacity: 0;transition: opacity,left 2s linear;}
.solve .detail .goodness1:hover,.solve .detail .goodness3:hover,.solve .detail .goodness5:hover {background: url(../images/goodness-r.png);}
.solve .detail .active-r {left: 619px;opacity: 1;transition: opacity,left 2s ease;}
.solve .detail .goodness2,.solve .detail .goodness4,.solve .detail .goodness6 {left: -1140px;padding-left: 30px;padding-right: 40px;text-align: right;background: url(../images/bg-line-l.png) 0 0;background-repeat: repeat-x;opacity: 0;transition: opacity,left 2s ease;}
.solve .detail .goodness2:hover,.solve .detail .goodness4:hover,.solve .detail .goodness6:hover {background: url(../images/goodness-l.png) right 0;}
.solve .detail .active-l {left: 44px;opacity: 1;transition: opacity,left 2s ease;}
.solve .detail .goodness1 {top: 91px;}
.solve .detail .goodness3 {top: 231px;}
.solve .detail .goodness5 {top: 371px;}
.solve .detail .goodness2 {top: 160px;}
.solve .detail .goodness2 p {padding-left: 50px;}
.solve .detail .goodness4 {top: 300px;}
.solve .detail .goodness4 p {padding-left: 54px;}
.solve .detail .goodness6 {top: 440px;}
.solve .detail .goodness6 p {padding-left: 90px;}
.cooperation { padding-bottom: 30px;}
.cooperation .title {height: 100px;}
.cooperation .title h2 {margin-top: 100px;margin-left: auto;margin-right: auto;padding-top: 24px;width: 500px;height: 77px;font-size: 30px;background: url(../images/contact-us-title-bg.png);}


 
.T{padding-bottom: 40px;text-align: center; color: #555}
.T h2{font-size: 36px;line-height:1.3;font-weight: bold;}
.T h2 strong{padding: 0 10px;position: relative;}
.T h2 strong:before{display: block;content: ' ';width:1200px;height: 1px;border-bottom: 1px solid #ccc;position: absolute;right: 100%;bottom: 50%}
.T h2 strong:after{display: block;content: ' ';width:1200px;height: 1px;border-bottom: 1px solid #ccc;position: absolute;left: 100%;bottom: 50%}
.T h3{font-size: 20px;font-weight: normal;}
.T h4{font-size: 32px;line-height:1.2;font-weight: bold;font-family: 'DIN Condensed Bold'; text-transform: uppercase; }
.T img{display:block;}


 

.f-toe {
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
} 
.advatage{ width: 1200px; margin:0 auto;  position: relative;}
.advatage ul li{ width: 282px; float: left; margin-right: 24px; border: 1px solid #d5d5d5; padding: 5px; background: #fff; }
.advatage ul li:nth-child(4n){ margin-right: 0; }
.advatage .segin{padding: 10%;border: 1px solid #d5d5d5;}
.advatage .icon{display: inline-block; background: #fff; width: 100px; height: 100px; position: relative; margin-bottom: 0px;}
.advatage .icon a{display: block;width: 67px;height: 67px;margin: 0 auto;padding-top: 12px;}
.advatage .icon img{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
.advatage .icon a:hover img{transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);}
.advatage h3{font-size: 16px;padding:5px 5px}
.advatage p{font-size: 14px;height: 140px}

.abind{ width: 100%; padding:60px 0; background: url(../images/about_bj.jpg) no-repeat 50% 50%;background-size: cover;position: relative; }
.abtt{ width: 1200px; background: #3158a7; padding:15px; box-sizing: border-box; margin:0 auto; }
.able{width: 420px; float: left;}
.able img{ width: 420px; height:360px; }
.abri{ width:700px; float: right; font-size: 15px; line-height:28px;  text-align: left; color: #fff; padding-top: 15px;} 

.abtt a { display:block;width:100px;line-height:26px;border:1px solid #fff;color:#fff;text-align:center;font-size:14px; overflow:hidden; margin-top:10px;}
.abtt:hover a { background:#fff;color:#3158a7;}

.industry{ width: 100%; background: #f4f4f4; padding: 60px 0; position: relative; }
.indusab{ width: 1200px; margin:0 auto; }
.indusab ul{ width: 100%; position: relative; }
.indusab ul li{transition: .2s width ease; width: 386px; float: left; margin-right: 21px;  }
.indusab ul li:nth-child(3n){ margin-right: 0; }

 
.services-box {
    padding-bottom: 10px;
    background: inherit;
    text-align: left;
}
.services-box h3{ 
    background: url("../images/icon_5.jpg") #1076d2 no-repeat 10px center;
    font-size: 20px;
    font-weight: normal;
    color: #fff;
    border-radius: 10px;
    padding: 5px 5px 5px 46px;
    line-height: 35px;
}
.services-box p{
    padding: 10px 5px;
    height: auto;font-size: 14px; color: #555; line-height: 25px;
}