.addredr>.nav>li>a.index{

    color: #fff;
	background:url(../image/hengan.png) center no-repeat;
}

section{

    text-align: center;

}

section > h2{

    font-weight: normal;

    font-family: "Microsoft YaHei";

}

.banner-warp{

    margin-top: -56px;

}

.banner-warp .banner{

    padding-top: 52.4791% !important;



    min-height: 640px;

    position: relative;

    background: url('/static/images/index/bg_banner.jpg') no-repeat center center;

    background-size: cover;

    overflow: hidden;

    position: relative;

    z-index: 0;

}

.ie7 .banner-content,

.ie8 .banner-content{

    

    

}

.banner-content{

    position: absolute;

    top: 0 !important;

    left: 0;
    
    right: 0;
    
    bottom: 0;
    
    margin: auto;

    width: 100%;

    max-width: 1196px;
    
    height: 100%;
    
    max-height: 445px;

    padding: 0 1em;

    

    color: #fff;

    text-align: center;

    overflow: hidden;

    z-index: 2;

}

.banner-content > h2{

    font-size: 88px;

    margin-bottom: 100px;
    
    margin-top: 70px;

}

.banner-content > p{

    margin: 0;

    line-height: 32px;

    font-size: 17px;

}

.btn-tryout{

    margin-top: 5em;

}

#particles-js{

    position: absolute;

    top:0;

    right:0;

    bottom: 0;

    left:0;

    z-index: 1;

}



.excellent-case-wrap{

    padding: 50px 0;

}

.excellent-case-wrap > h2{

    margin-bottom: 35px;

    font-size: 40px;

    color: #1c2835;
	

}



.excellent-case-wrap > h2:after{
	content: 'Products and services';
    font-size: 16px;
    position: relative;
    
    margin: 0 auto;
    margin-top: 8px;
    display: block;
    width: 200px;
    color: gray;
}

.rx-wrap > h2:after{
	content: 'Classic case';
    font-size: 16px;
    position: relative;
    
    margin: 0 auto;
    margin-top: 8px;
    display: block;
    width: 200px;
    color: #FFF;
}
.news-information-wrap > h2:after{
	content: 'Company news';
    font-size: 16px;
    position: relative;
    
    margin: 0 auto;
    margin-top: 8px;
    display: block;
    width: 200px;
    color: gray;
}
.superior-quality-wrap > h2:after{
	content: 'Technical support';
    font-size: 16px;
    position: relative;
    
    margin: 0 auto;
    margin-top: 8px;
    display: block;
    width: 200px;
    color: #FFF;
}
.product-suite-wrap > h2:after{
	content: 'Recruiting wise men';
    font-size: 16px;
    position: relative;
    
    margin: 0 auto;
    margin-top: 8px;
    display: block;
    width: 200px;
    color: gray;
}



.excellent-case{

    max-width: 1220px;

    margin: 0 auto;
	
}

.excellent-case>div{

    padding: 0 10px;

}

.link-case{

    position: relative;

    display: block;

    vertical-align: middle;

    margin-bottom: 0px;
	
	
    width: 100%;

    padding-top: 56%;

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    overflow: hidden;

}

.link-case .front,

.link-case .back{

    position: absolute;

    top: 0;left: 0;right: 0;bottom: 0;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: 100% auto;

}

.link-case .front{

    z-index: 2;

    opacity: 1;

    transition: opacity .3s ease-out;

}

.link-case:hover .front{

    opacity: 0;

    filter:alpha(opacity=0);

}

.link-case .back{

    z-index: 1;

    transition: all .3s ease-out;

}

.link-case:hover .back{



    transform: scale(1.04);

}

.link-case > .mask{

    position: absolute;

    top: 0;left: 0;

    width: 100%;

    height: 100%;

    background-color: rgb(0,0,0)\9;

    background-color: rgba(0,0,0,0.6);

    display: none;

}

.link-case:hover>.mask{

    display: block;

}

.link-case>.mask>.case-intro{

    position: absolute;

    top: 50%;left: 50%;

    width: 100%;

    padding: 4px;

    transform: translate(-50%,-50%);

}

.case-intro>p{

    color: #fff;

    line-height: 24px;

}

.case-intro>p:first-child{

    font-size: 20px;

    margin-bottom: 8px;

}

.btn-excellent-case{

    margin-top: 50px;

}
.btn-excellent-cas{

    margin-top: 0px;

}





.rx-wrap{

    padding: 90px 0 50px 0;

    background: url("../image/bg_quanliucheng.jpg") no-repeat center top;

    background-size: cover;

    color: #fff;

}

.rx-wrap>.row{

    max-width: 1378px;

    margin: 0 auto;

}

.rx-wrap > h2{

    margin-bottom: 70px;

    font-size: 40px;

}

.rx-item{

    margin-bottom: 100px;

}

.rx-item>.thumb-wrap{

    padding-top: 185px;

    position: relative;

    margin-bottom: 20px;

    max-width: 240px;

    margin-left: auto;

    margin-right: auto;

}

.rx-item>.thumb-wrap>div{

    position: absolute;

    left: 50%;

    top:50%;

}

.rx-item>.thumb-wrap>.wai{

    width: 226px;height: 185px;

    margin-left: -113px;

    margin-top: -96px;

    background: url('../image/ue_waiquan.png') no-repeat center;

}



.rx-item>.thumb-wrap>.nei{

    width: 121px;height: 129px;

    margin-left: -60px;

    margin-top: -65px;

    background: url('../image/ue_neiquan.png') no-repeat center;

}

.rx-item>.thumb-wrap>.n-ue{

    width: 79px;

    height: 53px;

    margin-left: -37px;

    margin-top: -30px;

    background: url('../image/icon_ue.png') no-repeat center;

}



.rx-item>.thumb-wrap>.n-ui{

    width: 79px;

    height: 54px;

    margin-left: -37px;

    margin-top: -30px;

    background: url('../image/icon_ui.png') no-repeat center;

}

.rx-item>.ui>.wai{

    background-image: url('../image/ui_waiquan.png');

}

.rx-item>.kf>.wai{

    background-image: url('../image/kaifa_waiquan.png');

}

.rx-item>.ui>.nei{

    background-image: url('../image/ui_neiquan.png');

}

.rx-item>.kf>.nei{

    background-image: url('../image/kaiffa_neiquan.png');

}

.rx-item>.thumb-wrap>.n-kf{

    width: 79px;

    height: 50px;

    margin-left: -38px;

    margin-top: -27px;

    background: url('../image/icon_kaifa.png') no-repeat center;

}

.rx-item>.thumb-wrap>.n-kj{

    width: 79px;

    height: 50px;

    margin-left: -38px;

    margin-top: -26px;

    background: url('../image/icong.png') no-repeat center;

}
.rx-item>.thumb-wrap>img{

    position: absolute;

    left: 50%;

    top:50%;

    transform: translate(-50%,-50%);

}

.ie8 .rx-item>.thumb-wrap>img.w{

    margin-top: -93px;

    margin-left: -116.5px;

}

.ie8 .rx-item>.thumb-wrap>img.n{

    margin-top: -60.5px;

    margin-left: -64.5px;

}

.ie8 .rx-item>.thumb-wrap>img.l-ue{

    margin-top: -22px;

    margin-left: -36px;

}

.ie8 .rx-item>.thumb-wrap>img.l-ui{

    margin-top: -22px;

    margin-left: -40px;

}

.ie8 .rx-item>.thumb-wrap>img.l-kf{

    margin-top: -22px;

    margin-left: -36px;

}

.rx-item>.thumb-wrap>img.w{

    margin-top: -3px;

}

.rx-item>dl{

    display: inline-block;

}

.rx-item>dl>dt>span{

    padding: 4px 2px;

    border-top: 1px solid #fff;

    border-bottom: 1px solid #fff;

    font-size: 25px;

    font-weight: normal;

    display: inline-block;
	color:#FFF;

}

.rx-item>dl>dd{

    font-size: 16px;

    line-height: 20px;

    margin: 14px 0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	width:11em;
	
	color:#FFF;

}

.btn-link-white{

    color: #fff;

    border: 1px solid #fff;

    background-color: transparent;

    font-size: 20px;

    padding: 0.55em 3.5em;

    line-height: 1.2;

    display: inline-block;

    border-radius: 2em;

}

.btn-link-white:link,

.btn-link-white:visited{

    color: #fff;

    border-color: #fff;

    background-color: transparent;

}

.btn-link-white:hover{

    background-color: #fff;

    color:#093683;

}

.btn-link-white:active{

    border-color: #dadaff;

    background-color: #dadaff;

}



.btn-download{

    display: inline-block;

    padding: 0.55em 1.5em;

    border: none;

    margin-top: 50px;

    font-size: 16px;

    color: #fff;

    position: relative;

}

a.btn-download:focus{

    color: #fff;

}

a.btn-download:hover{

    color: #3969e5;

}

.btn-download:before{

    content: '';
    display: inline-block;
    width: 26px;
    height: 28px;
    margin-right: 12px;
    margin-bottom: 3px;
    vertical-align: middle;

    background: url('/static/images/index/icon_download_nor.png') no-repeat center center;

}

.btn-download:hover:before{

    background-image: url('/static/images/index/icon_download_hot1.png');

}

.btn-download:active:before{

    background-image: url('/static/images/index/icon_download_pre.png');

}





.product-suite-wrap{

    padding-top:100px;

    padding-bottom: 0px;

}

.product-suite-wrap>h2{

    font-size: 40px;

    color: #1c2835;

    margin-bottom: 8px;

}

.subtitle{

    line-height: 24px;

    font-size: 16px;

    color: #999;

    margin-bottom: 88px;

}

.product-suite{

    max-width: 1234px;

    margin: 0 auto;

}

.suite{

    padding: 60px 30px 40px;

    border:1px solid #d7d7d7;

    border-radius: 10px;

    margin-bottom: 100px;

    position: relative;

}

.suite>img,

.suite>.link-suite{

    position: absolute;

    left: 50%;

}

.suite>img{

    margin-left: -36px;

    margin-top: -96px;

}

.suite>h3{

    font-size: 22px;

    line-height: 1.3;

    font-weight: bold;

    color: #333;

    margin-bottom: 8px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.suite>fieldset{

    border-color: #afafaf;

}

.suite>fieldset>legend{

    font-size: 14px;

    color: #333;

    width: auto;

    padding: 16px 20px;

    font-weight: bold;

}

.suite>p{

    height: 96px;

    line-height: 24px;

    color: #999;

    text-align: left;

    font-size: 14px;

    overflow: hidden;

}

.suite>.link-suite{

    font-size: 16px;

    line-height: 18px;

    padding: 0.375em 1.5em;

    background-color: #093683;

    color: #fff;

    border-radius: 4px;

    margin-top: 25px;

    margin-left: -56px;

}

.suite>.link-suite:hover{

    background-color: #2450c3;

    

}





.superior-quality-wrap{

    background: url('../image/banner_bg_gdpz.jpg') no-repeat center top;

    background-size: cover;

    position: relative;

    color: #fff;

    padding-top: 88px;

    padding-bottom: 123px;

}

.superior-quality-wrap>h3,

.superior-quality-wrap>h2{

    font-weight: normal;

}

.superior-quality-wrap>h2{

    margin-bottom: 72px;

    font-size: 36px;

}

.superior-quality-wrap>h3{

    font-size: 18px;

    color: #dedede;

}

.superior-quality-wrap>hr{

    width: 100px;

    border-color: #7a7a7a;

}

.superior-quality{

    max-width: 1276px;

    margin: 0 auto;

    margin-bottom: 0px;

}

.quality{

    max-width: 320px;

    min-width: 294px;

    height: 320px;

    margin: -15px auto;

    position: relative;

}

.quality>.thumb{

    position: absolute;

    top: 0;left: 0;

    width: 100%;

    height: 100%;

    margin: 0 auto;

}

.quality>.thumb>img{

     position: absolute;

     top:50%;

     left:50%;

}

.quality>img{display: none;}

.ie8 .quality>img{display: block;position: absolute;top:0;}

.ie8 .quality>.thumb{display: none;}

.quality>.thumb>img:nth-child(1){

    margin-left: -124.5px;

    margin-top: -144px;

}

.quality>.thumb>img:nth-child(2){

    margin-left: -124.5px;

    margin-top: 14px;

}

.quality>.thumb>img:nth-child(3){

    margin-left: -125px;

    margin-top: 14px;

}

.quality>.thumb>img:nth-child(4){

    left: 67%;

    top: 25%;

}

.quality>.thumb>img:nth-child(5){

    left: 31.5%;

    bottom: 25%;

    top: auto;

}

.quality>.thumb .cell{

    padding-top: 155px;

}

.quality>.thumb .cell>img{

    margin-bottom: 4px;

}

.quality .quality-text{

    max-width: 120px;

    color: #a7a8a8;

    font-size: 15px;

    line-height: 20px;

    display: inline-block;

    vertical-align: middle;

}

.btn-quality{

    padding: 0.7em 4.6em;

}





.news-information-wrap{

    padding-top:98px;

    padding-bottom: 95px;

    background: url('../image/xwdt_bg.jpg') no-repeat left top;

    background-size: cover;

    display: none;

}

.news-information-wrap>h2{

    margin-bottom: 38px;

    font-size: 40px;

}

.news-information{

    border-top: 1px solid #bcc4c7;

    text-align: left;

    max-width: 1200px;

    margin: 0 auto;

}

.news-information .media{

    padding: 28px 6px;

    border-bottom: 1px solid #bcc4c7;

    margin-top: 4px;

}

.news-information>.media>.media-left>.article-link{

    display: block;

}

.news-information .media:last-child{

    border-bottom-color: transparent;

}

.news-information .media-left{

    padding-right: 50px;

}

.news-information .media-heading{

    margin-bottom: 16px;

}

.news-information .media-heading a{

    color: #333;

    font-size: 20px;

}

.news-information .media-body>.time{

    display: block;

    margin-bottom: 16px;

    color: #888;

    font-size: 15px;

}

.news-information .table-adapt>p{

    display: table-cell;

    vertical-align: middle;

    color: #686868;

    line-height: 28px;

    font-size: 15px;

    word-break: break-all;

    width: 100%;

}


.table-adapt>.news-desc{

    max-width: 700px;

}

.table-adapt>.news-detail-wrap{



}

.news-information .news-detail{

    line-height: 20px;

    padding: 0.66em 3.2em;

    font-size: 18px;

    white-space: nowrap;

    margin-left: 5em;

}

.bg-modal{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	
    background: #000;
    filter: alpha(opacity=97);
    background: rgba(0,0,0,0.8);   
	
	z-index: 999;
	padding: 16% 10%;
}
.bg-modal{
	display: none;
}
.bg-modal .modal-box{
	width: 554px;
    height: 378px;
    background: rgb(255,255,255);
    filter: alpha(opacity=100);
    background-color: rgba(255,255,255,0.88);
    text-align: center;
    vertical-align: middle;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 5px;
}
.bg-modal .img-box{
	width: 34%;
    margin-left: 33%;
    margin-top: 6%;
}
.bg-modal .line{
	width: 471px;
    height: 1px;
    background-color: lightgrey;
    margin: 0 auto;
    margin-top: 3%;
}
.bg-modal .mess-box{
	font-size: 20px;
    margin-top: 5%;
    line-height: 34px;
}
.bg-modal .mess-box span{
	color: #4667e1;
}
.bg-modal input{
	width: 151px;
    height: 35px;
    border: none;
    outline: none;
    font-size: 15px;
    border-radius: 5px;
    font-weight: 100;
    margin: 7px;
    margin-top: 9%;
    color: white;
    background-color: #4777f2;
    cursor: pointer;
}
.bg-modal .close{
	position: absolute;
	top: 10px;
	right:10px;
	width:12px;
	height:13px;
	background: url(/static/images/product/icon_close_nor.png) no-repeat;
}
@media (max-width:600px){
	.bg-modal .modal-box{
		width: 95%;
		height: 340px;
	}
	.bg-modal .mess-box{
		margin: 0 auto;
		margin-top: 5%;
		width: 90%;
		font-size: 16px;
		
	}
	.bg-modal .line{
		width: 86%;
	}
	.banner .banner-content .title2{
		width: 90%;
		margin-left: 5%;
		margin-top: 50px !important;
	}
}
@media (max-width:500px){
	.bg-modal .modal-box{
		height: 315px;
	}
}
@media (max-width:400px){
	.bg-modal input{
		width: 118px;
	}
}





@media (min-width: 200px) and (max-width: 991px) {

    .rx-wrap>.row:last-child>.col-xs-12{

        text-align: center;

        margin-bottom: 8px;

    }

}



@media (min-width: 768px) {

    .quality{

        margin-top:0px;

        margin-bottom: 90px;

    }

    .suite>p{

        height: 96px;

    }

}
@media (min-width:1200px){

		#myVideo {
    width: 100%;
    overflow: hidden;
}

#mv {
    width: 100%;
    margin-bottom: -5px;
}
#myVideo_2 {
    width: 0%;
    overflow: hidden;
}

#mv_2 {
    width: 0%;
    margin-bottom: -5px;
	
}
}
@media (min-width:1000px){

	/*	#myVideo {
    width: 100%;
    overflow: hidden;
}

#mv {
    width: 100%;
    margin-bottom: -5px;
}
#myVideo_2 {
    width: 0%;
    overflow: hidden;
}

#mv_2 {
    width: 0%;
    margin-bottom: -5px;
	
}*/
.undis{ display:none;}
.dis{ display:block;}
.layout{ width:100%; margin:0 auto; background:#fff;}
.layout:after{ display:table; clear:both; content:"";}
#focus{ position:relative; overflow:hidden; width:100%; height:100%;  min-width:1153px; padding-top: 55px;}
#focus .layout{ position:relative; height:100%;}
#focus ul{ overflow:hidden; width:100%; height:462px;}
#focus li{ float:left; overflow:hidden; width:100%; height:100%;}
.bannergn {
    display: block;
    width: 0%;
    height: 100%;
}
#focus li .bigPic{ display:block; width:100%; height:100%;}
#focus .tit{ position:absolute; bottom:15px; left:47%; overflow:hidden; width:192px; height:19px;}
#focus .tit span{ display:block; cursor:pointer; float:left; overflow:hidden; width:25px; height:19px; margin:0 5px 0 0; background: url(../image/1.png) no-repeat center;}
#focus .tit span.on{ background: url(../image/2.png) no-repeat center;}
}

@media (max-width: 766px) {

    .quality{

        margin-top:0px;

        margin-bottom: 16px;

    }
    .banner-warp .banner{
    	padding-top: 60vh !important;
    }
    #particles-js{

        display: none;

    }
    .btn-tryout,.banner-content > p{
    	font-size: 14px;
    }


    .banner-warp .banner{

        
        background-image: url('/static/images/index/bg_banner_mobile1.jpg');

    }

    .banner-content > h2{

        font-size: 36px!important;

    }

    h2{

        font-size: 24px!important;

       margin-bottom: 1em!important;
    margin-top: -14px;

    }

    

    .excellent-case-wrap{

        font-size: 16px;

        padding: 2em 0;

    }

    .btn-excellent-case{

        display: block;

        line-height: 1.25;

        padding: 0.5em 0;

        margin: 0 0.75em;

        font-size: 16px;

    }

    .suite>p{

        height: auto;

        min-height: 100px;



    }

    

    .rx-wrap{

        font-size: 24px;

        padding:1em 0;

    }

    .rx-wrap > h2{

        font-size: 30px;

        margin-bottom: 1em;

    }

    .rx-wrap .rx-item{

        margin-bottom: 1em;

    }

    .btn-link-white{

        font-size: 14px;

        line-height: 1.42858;

      

    }
    .btn-download{
    	font-size: 14px;
    }

    

    .product-suite-wrap{

        font-size: 16px;

        padding-top: 3em;

        padding-bottom: 1em;

    }

    .suite{

        margin-bottom: 5em;

    }

    .subtitle{

        margin-bottom: 4em;

    }

    

    .superior-quality-wrap{

        font-size: 30px;

        padding: 1em 0;

    }

    .superior-quality{

        margin-bottom: 1em;

    }

    .btn-quality{

        font-size: 16px;

        line-height: 1.25;

        padding: 0.625em 0;

        display: block;

        margin: 0 0.9375em;

    }

    

    .news-information-wrap{

        font-size: 16px;

        padding: 3em 0;

    }

    .btn-link{
    	display: none;
    }
    .banner-content h2{
    	margin-top: 135px;
    }
    .banner-warp .banner{
    	min-height: 0px;
    }
	#myVideo_2 {
    width: 100%;
    overflow: hidden;
}

#mv_2 {
    width: 100%;
    margin-bottom: -5px;
	
}
#myVideo {
    width: 0%;
    overflow: hidden;
	float: right;
}

#mv {
    width:0%;
    margin-bottom: -5px;
	
	
}
}
@media (max-width:400px ) {
	.banner-content h2{
    	margin-top: 150px;
    }
    .btn-download{
    	font-size: 12px;
    }
		#myVideo_2 {
    width: 100%;
    overflow: hidden;
}

#mv_2 {
    width: 100%;
    margin-bottom: -5px;
	
}
#myVideo {
    width: 0%;
    overflow: hidden;
	float: right;
}

#mv {
    width:0%;
    margin-bottom: -5px;	
	
}
}

@media (max-width: 991px){

    .news-information .media-left{

        padding-right:12px;

    }

    .news-information .media{

        padding: 12px;

    }

    .news-information .media-heading{

        margin-bottom: 0;

    }

    .news-information .media-heading a{

        font-size: 14px;
		line-height:2.5rem;

    }

    .news-information .media-body>.time{

        margin-bottom: 0;

        font-size: 12px;

    }

    .news-information .table-adapt>p{

        line-height: 20px;

        font-size: 12px;

        max-width: 100%;

    }

    .news-information .media .media-object{

        width: 72px;

        height: 72px;

    }

    .table-adapt>p:last-child{

        display: none;

    }

    .banner-warp{

        margin-top: 0;

    }
.undis{ display:none;}
.dis{ display:block;}
.layout{ width:100%; margin:0 auto; background:#fff;}
.layout:after{ display:table; clear:both; content:"";}
#focus{ position:relative; overflow:hidden; width:100%; height:100px; }
#focus .layout{ position:relative; height:260px;}
#focus ul{ overflow:hidden; height:100%;}
#focus li{ float:left; overflow:hidden; width:100%; height:260px;}
.bannergn {
    display: block;
    width: 100%;
  
}
#focus .tit{ position:absolute; bottom:75px; left:48%; overflow:hidden; width:192px; height:19px;}
#focus .tit span{ display:block; cursor:pointer; float:left; overflow:hidden; width:22px; height:19px; margin:0 5px 0 0; background: url(../image/1.png) no-repeat center;}
#focus .tit span.on{ background: url(../image/2.png) no-repeat center;}	

/*#myVideo_2 {
    width: 100%;
    overflow: hidden;
}

#mv_2 {
    width: 100%;
    margin-bottom: -5px;
	
}
#myVideo {
    width: 0%;
    overflow: hidden;
	float: right;
}

#mv {
    width:0%;
    margin-bottom: -5px;
*/	
	
}

}


.banner-warp {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
    position: relative;
}

#video_img {
    position: absolute;
    left: 1%;
    bottom: 1%;
    width: 72px;
    height: 72px;
    cursor: pointer;
}

#video_img>img {
    width: 100%;
}

.new_log{
	width: 45px;
	height: 20px;
	background-color:#FF0000;
	float: left;
	margin:20px 0px 0px 5px;
	padding: 0 2px 0px 6px;
	border:1px solid #FF0000;
	border-radius:3px;
	font-weight: bold;
	font-size: 13px;
	line-height: 17px;
	color: #fff !important;
}




@media (max-width: 1199px){

    

    .banner-content > h2{font-size: 60px;}

    .news-information .news-detail{

        margin-left: 2.5em;

        font-size: 14px;

        padding: 4px 16px;

    }

    .news-information .table-adapt>p{font-size: 13px;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	overflow:hidden;
	line-height:2.3rem;
    }

}



@media (max-width: 960px){

    

    .banner-content > h2{font-size: 42px;margin-bottom: 0.5em;}

}

.cell h3{ font-size:18px; font-weight:bold; color:#1B499B;}
.cell p{ font-size:13px; color:#999999;}
.cell span{ display:block; width:34px; height:2px; background-color:#E2E2E2; margin:20px auto;}

.who{padding:0 1em;margin:0 auto; margin-top:50px;}

.who p,.who h2{text-align: center;}

.who ul{margin-top:60px;overflow: hidden;}

.who ul li{width:22%;float:left;margin-right:3%;}

.who-wrap ul li p{text-align: center;color:#323232;font-size:24px;margin-top: 36px;margin-bottom: 0.5em;}

.who-wrap>ul>li{padding: 0 10px;}

.who > p{color:#909090;font-size:16px;}

.title-content{margin-top:20px;}

.who-text{max-width:824px;margin: 40px auto; line-height:180%;}

@media (max-width:410px) {
	.who_h2{
		font-size: 23px !important;
	}
}



.T{clear: both;margin-top:60px;padding:0 1em;margin:0 auto; margin-top:100px;}

.T h2,.T p{text-align: center;}

.T p{color:#888888;margin-top:18px;margin-bottom:50px;font-size:16px;}

.T-main{width:60%; margin:0 auto;}

.T-main img{float:left;}

.t-img-1,.t-img-2{overflow: hidden;}

.t-img-1 img.t-img-1-2{margin:0 2%;width:43.4%;}

.t-img-1 img.t-img-1-1,.t-img-1 img.t-img-1-3{width:26.2%}

.t-img-2 {margin-top:16px;clear: both;}

.t-img-2 img.t-img-2-1{margin-right:2%;width:43%;}

.t-img-2 img.t-img-2-2{width:55%;}

.T-wrap .row>div{padding: 0 12px;}

.T-wrap .row{margin: 0;}

.T-wrap .row img{margin-bottom: 25px;}
body{overflow:hidden;}





.pinp{margin-top:120px;}

.pinp > p{padding:0 1em;margin:0 auto;text-align: center;color:#888; font-size:16px; line-height:180%;}

.bd > div{float:left; width: 20% !important;}

.bd{width:100% !important;}

.zz{position: absolute;

z-index: 2;

width: 100%;

background: rgba(0,0,0,.8);

height: 100%;

top: 0;}

.pin-p1{font-size: 20px !important; margin-top:12px !important;margin-bottom:0px !important;}

.pinp-content{position:relative;height: 436px;}

.pinp-content .tempWrap{position:absolute !important;top:0;margin:0 10% !important;width:80% !important;}

.pinp-content .tempWrap:nth-child(1){z-index: 0;}

.pinp-content .tempWrap:nth-child(2){z-index: 3;}

.pinp-img-box{position:relative;height:431px; transition:background-color .2s;cursor:default;outline: none;}

.pinp-img-box img{bottom: 215px;left:50%;transition:bottom .3s;}

.pinp-img-box:hover img{bottom:276px;}

.pinp-img-box .text-p p.brand-name{transition:margin-top .3s}

.pinp-img-box:hover .text-p p.brand-name{margin-top:170px;}

.pinp-img-box:hover .text-p p.brand-url{display: none;}

.pinp-img-box img{position:absolute;}

.pinp-img-box p,.pinp-img-box a{color:white; text-align: center;}

.pinp-img-box a{display: block;width:60%;margin:0 auto;line-height:26px;height:26px;border-radius:16px; border:solid 1px #fff;margin-top:22px;}

.text-p p.brand-name{ text-align: center;margin-top:250px;font-weight: bold;}

.pinp-img-box .text-box{display: none;}

.pinp-img-box:hover .text-box{display: block;}

.pinp-img-box .text-box{width:80%;margin:0 auto;line-height: 180%; font-size:14px; text-align: left;}

.pinp-img-box .text-box p{text-align: left !important;}

.hd{position:relative;z-index: 9;margin:0 10%;}

.prev{float:right;}

.pinp-main{margin-top:60px;}

.picScroll-left > a{width:44px; height:100%;display: block;cursor: pointer;}

.prev{background: url(/static/images/about/btn_you_hot.png) no-repeat;}

.prev:hover{background: url(../image/btn_you_normal.png) no-repeat;}

.next{background: url(/static/images/about/btn_zuo_hot.png) no-repeat;}

.next:hover{background: url(../image/btn_zuo_normal.png) no-repeat;}
@media (max-width:1800px ) {
	.brand-carousel{
		max-width:1209px !important;
	}

}
@media (max-width:1500px ) {
	.brand-carousel{
		max-width:968px !important;
	}

}
@media (max-width:960px){

	.who ul li{width:48%;margin-right:0;}

	.who ul li:nth-child(1){margin-right:3%;}

	.who ul li:nth-child(3){margin-right:3%;}

	.title-content{font-size:18px;}

	.T-main{width:90%;}

}

@media (max-width:500px){

	.who ul li{width:100%;margin-right:0;}

	.who ul li{font-size:14px;}

	.T-main{width:90%;}

}



@media (max-width:767px){

	.T-wrap .col-xs-12{width: 100%;}

	.banner{padding-top: 60%;}

	.mask>.t{margin-top: 0;}

	.banner .title-1{width: 110px;}

	.banner .title-2{width: 310px;}

	.banner .k{display: none;}

}

@media (min-width:768px){

	.T-wrap .col-sm-3{width:27%;}
	
	.T-wrap .col-sm-4{width:27.81%;}

	.T-wrap .col-sm-6{width: 47.3%;}

	.T-wrap .col-sm-5{width: 44.6%;}

	.T-wrap .col-sm-7{width: 52.1%;}

}





.brand-carousel-wrap{

	background-color: #093683;

}

.brand-carousel{

	max-width: 1208px;

	margin: 0px auto;

	height: 431px;

}

.brand-carousel>.slick-next,

.brand-carousel>.slick-prev {

	top: 0;bottom: 0;

	width: 44px;

	height: 100%;

	-webkit-transform: translate(0,0);

	-ms-transform: translate(0,0);

	transform: translate(0,0);

	background-size: 44px 431px;

	background-position: center top;

	background-repeat: no-repeat;

	z-index: 2;

	transition: left 0.3s,right 0.3s;

}

.brand-carousel>.slick-next:before,

.brand-carousel>.slick-prev:before{

	display: none;

}

.brand-carousel>.slick-prev{

	left:-44px;

	background-image: url("../image/btn_zuo_normal.png");

}

.brand-carousel:hover>.slick-prev{

	left:-44px;

}

.brand-carousel>.slick-next{

	right:-44px;

	background-image: url("../image/btn_you_normal.png");

}

.brand-carousel:hover>.slick-next{

	right:-44px;

}

.brand-carousel>.slick-disabled{

	cursor: default;

	opacity: 0.2;

}

.brand-carousel .pinp-img-box{

	background-repeat:no-repeat;

	background-position: center top;

	background-size: cover;

	background-size: 302px 431px\9;

}

.brand-carousel .pinp-img-box::before{

	content: '';

	position: absolute;

	top: 0;left:0;bottom: 0;right:0;

	z-index: 0;

	width: 100%;

	height: 100%;

	overflow: hidden;

}

.brand-carousel .pinp-img-box:hover::before{background-color:rgba(31,101,205,.7);}

.uipower{

	background-image: url('/static/images/about/image_uipower.png');

}

.uipower>img{

	margin-left: -20.5px;

}

.puiedu{

	background-image: url('../image/image_puiedu.png');

}

.puiedu>img{

	margin-left: -38.5px;

}

.mhw72{

	background-image: url('../image/image_mhw72.png');

}

.mhw72>img{

	margin-left: -34.5px;

}

.uiplus{

	background-image: url('../image/image_uiplus.png');

}

.uiplus>img{

	margin-left: -40px;

}

.powerui{

	background-image: url('../image/image_power.png');

}

.powerui>img{

	margin-left: -33.5px;

}

.vckbase{

	background-image: url('../image/image_VC.png');

}

.vckbase>img{

	margin-left: -36.5px;

}

.dui{

	background-image: url('../image/image_DUI.png');

}

.dui>img{

	margin-left: -39.5px;

}

.brand-carousel .text-p{

	text-align: center;



}

.brand-carousel hr{

	position: absolute;

	left: 50%;

	width: 18px;

	border-top-width: 3px;

	display: inline-block;

	margin-left: -9px;

	margin-top: -18px;

}

.brand-carousel .pinp-img-box:hover hr{

	display: none;

}

.brand-carousel .brand-name{

	font-size: 16px;

}

.brand-carousel .brand-url{

	margin-top: 12px;

	font-size: 15px;

}

.brand-carousel .brand-intro{

	margin-top: 20px;

}

.brand-carousel .brand-link:focus{

	outline: none;

}

.text-p,.text-box{

	position: relative;

	z-index: 1;

}
.new_log{
	width: 45px;
	height: 20px;
	background-color:#FF0000;
	float: left;
	margin:20px 0px 0px 5px;
	padding: 0 2px 0px 6px;
	border:1px solid #FF0000;
	border-radius:3px;
	font-weight: bold;
	font-size: 13px;
	line-height: 17px;
	color: #fff !important;
}

.pinp>h2{

    font-size: 40px;

    color: #1c2835;

    margin-bottom: 8px;

    font-weight:normal;
   
    margin:6px 0; 
   
   text-align: center;

   font-family: "Microsoft JhengHei";

}








.page{ position:absolute; left:50%; top:50%;}
.page1{ width:876px; height:368px; margin-left:-438px; margin-top:8px; opacity:1;

}


.page1 .waper-img{ width:192px; height:192px; position:absolute; left:50%; margin-left:-96px; text-align:center; line-height:192px;}
.page1 .waper-img i{ display:block; position:absolute; background-color:rgba(255,255,255,0.03);
 animation: quan 2.5s linear 1s infinite normal;
}
.page1 .waper-img i[class$='1']{ left:0; top:0; width:192px; height:192px; border-radius:50%;}
.page1 .waper-img i[class$='1']:before{ width:155px; height:155px; position:absolute; content:''; left:0; top:18px; border-radius:50%; border:1px solid #fff;   opacity:0;
 animation: an1 2.5s linear 0s infinite alternate;
 -webkit-animation: an1 2.5s  linear 0s infinite alternate;
}
.page1 .waper-img i[class$='1']:after{ width:155px; height:155px; position:absolute; content:''; right:0; top:18px; border-radius:50%; border:1px solid #fff;  opacity:0;
 animation: an1 2.5s  linear .5s infinite alternate;
 -webkit-animation: an1 2.5s  linear .5s infinite alternate;
}
.page1 .waper-img i[class$='2']{ width:192px; height:192px; position:absolute; left:0; top:0; border-radius:50%;}
.page1 .waper-img i[class$='2']:before{ position:absolute; left:18px; top:0; content:''; width:155px; height:155px; border-radius:50%; border:1px solid #fff;  opacity:0;
 animation: an1 2.5s  linear 1s infinite alternate;
 -webkit-animation: an1 2.5s  linear 1s infinite alternate;
}
.page1 .waper-img i[class$='2']:after{ position:absolute; right:18px; bottom:0; content:''; width:155px; height:155px; border-radius:50%; border:1px solid #fff;  opacity:0;
 animation: an1 2.5s  linear 1.5s infinite alternate;
 -webkit-animation: an1 2.5s  linear 1.5s infinite alternate;
}
.page1 .waper-wen{ width:100%; text-align:center; position:absolute; left:0%; bottom:0%;

}


.page1 .waper-wen h2{ font-size:50px; color: #FFF; font-family: STXingkai; text-transform:uppercase;
  animation: mv1 15s linear 0s infinite alternate;
}
.page1 .waper-wen h3{ font-size:32px; color: #FFF; position:relative; margin-top:16px;
  animation: mv2 15s linear 0s infinite alternate; font-family:STXingkai, cursive;
}

.page1 .waper-wen h3:before{ position:absolute; content:''; left:20px; top:50%; border-top:1px solid #fff; width:75px;}
.page1 .waper-wen h3:after{ position:absolute; content:''; right:20px; top:50%; border-top:1px solid #fff; width:75px;}