*{margin: 0;padding: 0;}
body{background: #fff;overflow-x:hidden ;font-family: "微软雅黑",Arial;}
a{text-decoration: none;}
.fl{float: left;}
.fr{float: right;}
.clear:after{ clear:both;content:'';display:block;width:0;height:0;visibility:hidden; }
img{border: 0;}




/*导航条*/
#toper{position: absolute;top: 0;left: 0;height: 75px;width: 100%;z-index: 10;}
#toper.tfiexd{position: fixed;left: 0;top: 0;background: #fff;border-bottom: 1px solid #f1f1f1;}
#toper .toppic{height: 75px;width: 1200px;min-width: 1200px;margin: 0 auto;}
#toper .toppic .toplf{height: 75px;}
.toppic .toplf a{display: inline-block;padding-top: 22px;}
.toppic .toplf a img{height: 31px;}
.toppic .toprt{padding-top: 20px;}
.toppic .toprt a{display: inline-block;width: 100px;height: 36px;line-height: 36px;text-align: center;color: #666;font-size: 16px;border-radius: 18px;overflow: hidden;}
.toppic .toprt a.active{color: #fff;background: #ff8800;}

/*banner*/
.banners{position: relative; width: 100%;min-width: 1200px; height: 790px;background: url(../img/bans_01.jpg) no-repeat center center;background-size: cover;}
.banners .brand{width: 1200px;margin: 0 auto;padding-top: 200px;}
.banners .brand .brads{width: 256px;height: 146px;margin: 0 auto 40px; background: url(../img/1_07.png) no-repeat center/contain;}
.banners .brand .brabtn{display: block;width: 300px;height: 53px;margin: 0 auto;background: url(../img/1_11.png) no-repeat center/contain;}
.banners .lis{width: 1080px;margin: 0 auto;padding: 150px 60px 0;}
.banners .lis .item{float: left;width: 360px;text-align: center;}
.banners .lis .item i{display: inline-block;width: 42px;height: 43px;background: url(../img/1_15.png) no-repeat center/contain;}
.banners .lis .item i.book{background-image: url(../img/1_18.png);}
.banners .lis .item i.ask{background-image: url(../img/1_20.png);}
.banners .lis .item p{font-size: 14px;color: #999;padding-top: 8px;}
.banners .lis .item p.tit{font-size: 20px;color: #FF8800;padding-top: 10px;}
.banners .shadow{position: absolute;bottom: 0;left: 0;width: 100%;height: 36px;background: url(../img/bans.png) repeat-x center;}

/*content*/
.content{width: 100%;}
.cont{width: 100%;min-width: 1200px;height: 280px;background: url(../img/banr_02.jpg) no-repeat center/cover;}
.cont .cos{position: relative;top: 90px; width: 326px;height: 100px;margin: 0 auto;background: url(../img/1_26.png) no-repeat center/contain;}

.picbg{position: relative;width: 100%;height: 600px;background: #fff;background-attachment: fixed;background-repeat: no-repeat;}
.fisrtbg{background-image: url(../img/1.jpg);}
.secondbg{background-image: url(../img/2.jpg);}
.thirdbg{background-image: url(../img/3.jpg);}
@media screen and (max-width: 1200px){
	.fisrtbg,.thirdbg,.secondbg{background-size: cover;}
}

.blocks{width: 100%;height: 584px;background: #fff;}
.blocks .item{position: relative;width: 1200px;min-width: 1200px;height: 100%; margin: 0 auto;}
.blocks .item .phones{position: absolute;width: 360px;height: 502px;background: url(../img/02.png) no-repeat center/contain;top: 45px;left: 120px;}

.blocks .item .language{position: absolute;right:90px;top: 0;height: 584px;}
.language .tit{padding-top: 147px;}
.language .tit p{padding-bottom: 18px;font-size: 16px;color: #FF8800;text-align:right}

.language .icons{margin-top: 50px; text-align: right;}
.language .icons .pics{display: inline-block;width: 80px;text-align: center;}
.language .icons .pics:first-child{padding-right: 30px;border-right: 1px solid #ccc;}
.language .icons .pics:last-child{padding-left: 30px;}
.language .icons .pics span{font-size: 14px;color: #ccc;}
.language .icons .pics>i{display: inline-block;width: 64px;height: 50px;margin-bottom: 20px; background: url(../img/5_07.png) no-repeat center/contain;}
.language .icons .pics>i.ziliao{background-image: url(../img/5_09.png)}
.language .icons .pics>i.ups{background-image: url(../img/5_13.png)}
.language .icons .pics>i.xuexi{background-image: url(../img/5_15.png)}
.language .icons .pics>i.jinpin{background-image: url(../img/5_19.png)}
.language .icons .pics>i.zaixian{background-image: url(../img/5_21.png)}

.blocks .item .phtwo{background-image: url(../img/03.png);}
.blocks .item .phthrid{background-image: url(../img/01.png);}
.blocks .phfirst .ffst{position: absolute;top: 18px;left: -20px; width: 75px;height: 74px;background: url(../img/5_03.png) no-repeat center/contain;display: none;}
.blocks .phfirst .fftw{position: absolute;top: 50%;left: 50%; width: 332px;height: 82px;margin-top: -70px;margin-left: -220px; display: none;
background: url(../img/04.png) no-repeat center/contain;}
.blocks .phfirst .ffth{position: absolute;bottom: 130px;right: 80px; width: 75px;height: 69px;background: url(../img/6_07.png) no-repeat center/contain;display: none;}

.blocks .phfirst.active .ffst{-webkit-animation:bounceIn 1s .2s ease both;-moz-animation:bounceIn 1s .2s ease both;display: block;}
.blocks .phfirst.active .fftw{-webkit-animation:bounceIn 1s 1.2s ease both;-moz-animation:bounceIn 1s 1.2s ease both;display: block;}
.blocks .phfirst.active .ffth{-webkit-animation:bounceIn 1s 2.2s ease both;-moz-animation:bounceIn 1s 2.2s ease both;display: block;}

.blocks .phtwo>div{position: absolute;width: 140px;top: 150px;text-align: center;display: none;}
.blocks .phtwo>div p{font-size: 16px;color: #333;margin-top: 10px;}
.blocks .phtwo .tfst{left: -40px;}
.blocks .phtwo .ttwo{right: 60px;}
.blocks .phtwo .tfst i{display:inline-block; width: 134px;height: 134px;background: url(../img/6_13.png) no-repeat center/contain;}
.blocks .phtwo .ttwo i{display:inline-block; width: 134px;height: 134px;background: url(../img/6_15.png) no-repeat center/contain;}

.blocks .phtwo.active>div{-webkit-animation:bounceIn 1s .2s ease both;-moz-animation:bounceIn 1s .2s ease both;display: block;}


.blocks .phthrid .thfr{position: absolute;top: 14px; right: 74px; width: 76px;height: 75px;background: url(../img/6_21.png) no-repeat center/contain;display: none;}
.blocks .phthrid .thtw{position: absolute;bottom: 190px;left: 50%; width: 358px;height:104px;margin-left: -230px;display: none;
background: url(../img/05.png) no-repeat center/contain;}

.blocks .phthrid.active .thfr{-webkit-animation:bounceIn 1s .2s ease both;-moz-animation:bounceIn 1s .2s ease both;display: block;}
.blocks .phthrid.active .thtw{-webkit-animation:bounceIn 1s .2s ease both;-moz-animation:bounceIn 1s .2s ease both;display: block;}

/*弹出动画*/
@-webkit-keyframes bounceIn{
0%{opacity:0;
-webkit-transform:scale(.3)}
50%{opacity:1;
-webkit-transform:scale(1.05)}
70%{-webkit-transform:scale(.9)}
100%{-webkit-transform:scale(1)}
}

@-moz-keyframes bounceIn{
0%{opacity:0;
-moz-transform:scale(.3)}
50%{opacity:1;
-moz-transform:scale(1.05)}
70%{-moz-transform:scale(.9)}
100%{-moz-transform:scale(1)}
}


.foot{min-height: 280px;width: 100%;background: #222;color: #ccc;font-size: 14px;}
.foot .fotcon{width: 1200px;min-width: 1200px;margin: 0 auto;padding-top: 40px;}
.foot .fotcon .fota{width: 100%;padding-bottom: 30px;}
.fotcon .fota .fotfl{padding-left: 50px;}
.fotcon .fota .fotfl .tit{font-size: 20px;padding-bottom: 26px;}
.fotcon .fota .fotfl .pic{}
.fotcon .fota .fotfl .pic a{display: inline-block;margin-right: 14px;}
.fotcon .fota .fotfl .pic a img{width: 120px;height: 40px;margin-bottom: 25px;}
.fotcon .fota .fotfl .dress{padding-top: 25px;}


.fotcon .fota .fotfr{padding-right: 50px;}
.fotcon .fota .fotfr img{width: 124px;height: 124px;}
.fotcon .fota .fotfr p{margin-top: 10px;}
.foot .fotb{line-height: 40px; text-align: center;border-top: 1px solid #4b4b4b;}