.ap-banner{height:860px;background:url(./headbg.jpg) no-repeat 50% 0}
.image-advantage,.image-contact,.image-cu,.image-footer,.image-list,.image-opportunities{max-width:1200px;width:100%;margin:0 auto;position:relative;animation-duration:1.5s;animation-delay:1s}
.image-advantage img,.image-contact img,.image-cu,.image-footer img,.image-list img,.image-opportunities img{animation-duration:1s;animation-delay:0s}
.image-ad{width:100%}
.image-list{height:228px}
.image-case{padding:50px 0 60px 0;margin:0 auto;width:1200px;position:relative}
.image-contact{margin-top:50px}
.image-footer{height:320px;background:url(./footer-bg.png) no-repeat;background-size:1200px 320px}
.f-padding{padding:80px 30px 30px 30px}
.contact-list{color:#fff}
.contact-list .list-item{width:80px;text-align:center;display:inline-block;height:32px;line-height:32px;font-size:14px;color:#fff}
.searchinput{border-right-width:0;padding-left:3px;width:300px;height:30px;float:left;border-top-width:0;border-bottom-width:0;color:#636365;margin-left:4px;font-size:8pt;vertical-align:middle;border-left-width:0;margin-right:3px}
.searchaction{width:70px;float:left;color:#fff;padding:0 10px;border:none;line-height:28px;height:30px;text-align:center;background:#ee3f3f}
.ap-list{padding-top:20px}
.ap-item{width:25%;height:194px;float:left;font-size:20px;color:#fff;text-align:center;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;animation-duration:1.5s;animation-delay:1s}
.ap-item p{width:70%;display:block;margin:0 auto}
.ap-item1{background:url(./banner-list1.png) center no-repeat}
.ap-item2{background:url(./banner-list2.png) center no-repeat}
.ap-item3{background:url(./banner-list3.png) center no-repeat}
.ap-item4{background:url(./banner-list4.png) center no-repeat}
.ap-p{padding:0 15px;padding-top:30px;text-align:center}
.pt10{padding-top:10px}
.pt20{padding-top:20px}
.pt30{padding-top:30px}
.pb30{padding-bottom:30px}
.pb20{padding-bottom:20px}
.pb50{padding-bottom:50px}
.carousel{background:#f2f2f2;position:relative}
.carousel .carousel-dots{position:absolute;bottom:15px;width:100%;text-align:center;height:12px;line-height:12px;overflow:hidden}
.carousel .carousel-dots span{display:inline-block}
.carousel .carousel-dots i{width:12px;height:12px;float:left;background:rgba(255,255,255,.3);margin:0 5px;border-radius:50%;cursor:pointer}
.carousel .carousel-dots .on{background:rgba(255,255,255,1)}
.carousel-prev{width:34px;height:60px;position:absolute;left:0;top:50%;margin-top:-30px;cursor:pointer;background:url(./l-arrow.png);background-size:100% 100%}
.carousel-next{width:34px;height:60px;position:absolute;right:0;top:50%;margin-top:-30px;cursor:pointer;background:url(./r-arrow.png);background-size:100% 100%}
#carousel .carousel-dots{height:20px}
#carousel .carousel-dots i{width:20px;height:20px;font-style:normal;text-align:center;line-height:20px}
.contact-us{width:248px;height:230px;padding:28px 10px;position:absolute;right:196px;z-index:99;top:15px}
.form-group{margin-bottom:20px}
.control-label{padding-top:6px;margin-bottom:0;text-align:right}


.form-control{background-color:#FFF;background-image:none;border:1px solid #e5e6e7;height:28px;border-radius:1px;color:#000;display:block;padding:6px 12px;-webkit-transition:border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;transition:border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;width:100%;font-size:14px}
.btn-primary{background-color:#fe9b2f;border-color:#fe9b2f;color:#FFF;cursor:pointer;display:inline-block;margin-top:30px}
.btn{width:90%;border-radius:3px;display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px;opacity:1}
.gp-contact{width:268px;height:286px;position:absolute;right:196px;z-index:98;background-color:#000;opacity:.3;top:7px}
.ap-product{padding-top:100px;padding-bottom:30px;overflow:hidden}
.opportunities-ul{padding-top:30px}
.opportunities-item{width:260px;float:left;font-size:24px;white-space:nowrap;color:#222;text-align:center;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden}
.opportunities-item h2{font-weight:400;font-size:20px}
.opportunities-item p{color:#929292}
.opportunities-img{width:116px;height:115px}
.bg-f2f2f2{background-color:#f2f2f2}
.image-advantage img{max-width:100%}
.ap-h1{font-size:32px;font-weight:400;color:#222}
#f6{ 
	background-image: url(./Contactus52.png);
	background-position: center center;
	background-repeat: no-repeat;
	height: 260px; 
	background-size:cover;
    padding-top: 64px;
}
.con-txt { color: #aeaeae;margin: 0 auto;text-align: center; font-size: 14px;line-height: 30px;animation-duration: 1s;animation-delay: 0s;}
.btn-box{text-align:center}
.ap-banner{background:none;height: initial;}
.ap-banner img{display:block; overflow:hidden;max-width:100%}
.btn-primary{width:260px;border:0;font-size:18px;height:60px;line-height:60px;border-radius:5px;text-align:center;background-color:#00a0e9}



.channel-banner{position: relative;overflow: hidden;background:#2E65EF;}

.channel-banner .ks-container{position: relative;height: 100%;}
.channel-banner .ks-container::after{
    content: '';
    width: 1220px;
    background: url(691597747163.png) no-repeat 0 50%;    
    background-size: auto 1100px;
    position: absolute;
    right:-340px;
    top:0;
    height: 100%;
}
.channel-banner__info{
    position: absolute;
    top:50%;
    margin-top:-210px;
    z-index: 1;
}
.channel-banner__title{
    font-size: 78px;
    color:#fff;
    font-weight: bold;
}
.channel-banner__desc{
    font-size: 36px;
    color:#fff;
    font-weight: 500;
    margin-top: 35px;
}
.channel-banner__button{
    width: 240px;
    height: 54px;
    line-height: 54px;
    padding:0px;
    font-size: 24px;
    background-color: #fff;
    color: #2E65EF;
    margin-top: 80px;
}


@media screen and (max-width:768px){
	
	.ap-product {
	    padding-left: 30px;
	    padding-right: 30px;
	    box-sizing: border-box;
	}
	#f6{ padding-top: 30px; }
}
@media screen and (max-width:480px)
{
   
   .channel-banner .ks-container{
        background-position: 50% 50%;
        background-size: auto 76%;
    }

    .channel-banner .ks-container::after{
        right: 0px;
        background-size: 52% auto;
        background-position: 124% 80%;
    }
    .channel-banner__info{
        top:6%;
        width: 100%;
        left:0;
        margin-top:50px;
        height: 74%;
    }
    .channel-banner__info::after{
        content: '';
        width: 30px;
        height: 30px;
        background: url(../../common/images/common_icon_more@2x.png) no-repeat;
        background-size: auto 100%;
        position: absolute;
        left:0;
        right: 0;
        margin: 0 auto;
        bottom: -50px;
        animation: bannermore 2s linear infinite;
    }
    @keyframes bannermore{
        0% {
           bottom: -50px;
        }
        50% {
            bottom: -65px;
        }
        100% {
            bottom: -50px;
        }
      }
    .channel-banner__title{
        font-size: 38px;
        margin-left: 35px;
    }
    .channel-banner__desc{
        margin-left: 35px;
        font-size: 18px;
        margin-top: 20px;
    }
    .channel-banner__button{
        font-size: 16px;
        width: 160px;
        height: 38px;
        line-height: 38px;
        left:0;
        right: 0;
        margin: 0 auto;
        position: absolute;
        bottom: 0;
    }

.ap-item p{width:60%}
.ap-product{padding-top:50px}
.btn-primary{height:40px;line-height:40px;width:200px}
	.pb30 { padding: 0; }
}

/*大于等于414 ios6plus */
@media screen and (max-width: 414px){
	.ap-h1 { font-size: 28px; }
	.image-case { padding: 50px 0 20px 0; }
	.image-list { height: 180px; }
}

/*大于等于375  ios6 */
@media screen and  (max-width: 375px){
	.pb30 { padding: 0; }
}

/*大于等于360  安卓 */
@media screen and (max-width: 360px){
	.ap-h1 { font-size: 24px; }
}

/*大于等于320  ios5 安卓 */
@media screen and (max-width: 320px){
	.pb30 { padding: 0; }
}