@charset "utf-8";

/*公共区域*/
body{font-size:0.14rem;z-index:2;width:100%;}
/*header*/
header nav{z-index:20;position:absolute; width:96%;padding:0.16rem 0.8rem;box-sizing:border-box;background-color:rgba(255,255,255,.7);left:0;right:0;top:30px; margin:0 auto;justify-content:space-between;}
header .navs{width:100%;position:fixed;top:0;border-radius:0px;background-color:rgba(255,255,255,1);box-sizing:border-box;padding:0.2rem 1.3rem;box-shadow:0 0 10px Rgba(0,0,0,0.3);}
.nav_height{height:80px;}
header nav .menu{cursor:pointer;}
header nav .menu .menu_box{width:50px;height:50px;border-radius:50%;background:#031D36;box-sizing:border-box;padding:0.15rem;margin-top:0.02rem; justify-content:space-between;flex-direction:column;box-sizing:border-box;}
header nav .menu .menu_box:hover{background:#3A889F;}
header nav .menu .menu_box span{width:16px;height:2px;background:white;margin:0 auto;}
header nav .menu .menu_box::after{display:block;content:"MENU";position:absolute;color:black;font-size:0.18rem;top:32%;left:72px;}
header nav .checkanlang img{top:10px;}
header nav .checkanlang img.re{ width: 150px;}
header nav .checkanlang .label input{color:#666; box-shadow:0px 0px 0px #ccc; cursor:pointer;background-color: transparent; border-radius:40px;margin:0.05rem 0.2rem 0 0.6rem;width:.2rem;height:0.4rem;padding:0 0.28rem 0 0.1rem;box-sizing:border-box;margin-top:5px;}
/*header nav .checkanlang .label::before{display:block;content:" ";cursor:pointer; position:absolute;background-image:url(../images/seach.png);background-repeat:no-repeat; top:30%;right:10%;z-index:6;width:18px;height:18px;}*/
header nav .checkanlang .she{width:18px; height:18px;top:16px;right:46px;z-index:-1;cursor:pointer;}

header nav .checkanlang input:focus{width:2rem;box-shadow:1px 1px 1px #ccc;background-color: white;}
header nav .checkanlang .label::before:active>input{width:2rem;box-shadow:1px 1px 1px #ccc;background-color: white;}
header nav .checkanlang .langer{line-height:50px;font-size:0.14rem;padding-left:0.1rem;}
header nav .checkanlang .langer a{font-size:0.12rem;}
header nav .checkanlang .langer a:nth-of-type(1){padding-left:0.1rem;border-left:1px solid #333;}
header nav .checkanlang .langer a:hover{color:#3A889F;}

#toTop:hover{background:url(../images/backtop1.png) !important;background-size:100% !important;}

.sb_zzao{z-index:99;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.8);visibility:hidden;opacity:0;}
.sub_nav{z-index:100;height:100%;width:500px;top:0;left:-500px;background:white;box-sizing:border-box;display:none;}
.sub_nav .sub_clost{justify-content: space-between;padding-left:0.8rem;} 
.sub_nav .sub_clost .close{cursor:pointer;transform:rotateZ(0deg);-webkit-transform:rotateZ(0deg);-moz-transform:rotateZ(0deg);-ms-transform:rotateZ(0deg);-o-transform:rotateZ(0deg);}
.sub_nav .sub_clost .close:hover .iconfont{transform-origin:center;transform:rotateZ(180deg);-webkit-transform:rotateZ(180deg);-moz-transform:rotateZ(180deg);-ms-transform:rotateZ(180deg);-o-transform:rotateZ(180deg);-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-ms-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease;}
.sub_nav .sub_clost .logo_b img{width:277px;} 
.sub_nav .sub_clost .close .iconfont{font-size:0.38rem;margin-top:36px;display:block;}
.sub_nav ul{margin-top:0.2rem;}
.sub_nav ul li{margin-bottom:0rem;padding:0rem 0 0 0.8rem;border-bottom:1px solid #eeeeee;}
.sub_nav ul li a{padding:0.25rem 0;font-size:0.16rem;padding-left:32px;position:relative;box-sizing:border-box;}  
.sub_nav ul li a::before{content:" "; display:block;height:32px;width:32px;left:0;position:absolute;top:55%;margin-top:-24px;-webkit-transition:all 0.8s ease;-moz-transition:all 0.8s ease;-ms-transition:all 0.8s ease;-o-transition:all 0.8s ease;transition:all 0.8s ease;}
.sub_nav ul li a:hover::before{left:-18px;}
/*.sub_nav ul li a img{display:inline;top:0.06rem;position:relative;-webkit-transition:all 0.8s ease;-moz-transition:all 0.8s ease;-ms-transition:all 0.8s ease;-o-transition:all 0.8s ease;transition:all 0.8s ease;left:0;}*/
.sub_nav ul li a img{display:none;}
.sub_nav ul li:nth-of-type(1) a::before{background-image:url(../images/home.png);background-size:100%;}
.sub_nav ul li:nth-of-type(2) a::before{background-image:url(../images/pd.png);background-size:100%;}
.sub_nav ul li:nth-of-type(3) a::before{background-image:url(../images/pj.png);background-size:100%;}
.sub_nav ul li:nth-of-type(4) a::before{background-image:url(../images/company.png);background-size:100%;}
.sub_nav ul li:nth-of-type(5) a::before{background-image:url(../images/ds.png);background-size:100%;}
.sub_nav ul li:nth-of-type(6) a::before{background-image:url(../images/new.png);background-size:100%;}
.sub_nav ul li:nth-of-type(7) a::before{background-image:url(../images/phone1.png);background-size:100%;}
.sub_nav ul li:nth-of-type(8) a::before{background-image:url(../images/3d.png);background-size:100%;}
.sub_nav ul li:nth-of-type(9) a::before{background-image:url(../../images/cx.png);background-size:100%;}
.sub_nav ul li:hover a{color:white;}
.sub_nav ul li a img{display:none;}
.sub_nav ul li:nth-of-type(1):hover a::before{background-image:url(../images/home2.png);background-size:100%;}
.sub_nav ul li:nth-of-type(2):hover a::before{background-image:url(../images/pd2.png);background-size:100%;}
.sub_nav ul li:nth-of-type(3):hover a::before{background-image:url(../images/pj2.png);background-size:100%;}
.sub_nav ul li:nth-of-type(4):hover a::before{background-image:url(../images/company2.png);background-size:100%;}
.sub_nav ul li:nth-of-type(5):hover a::before{background-image:url(../images/ds2.png);background-size:100%;}
.sub_nav ul li:nth-of-type(6):hover a::before{background-image:url(../images/new2.png);background-size:100%;}
.sub_nav ul li:nth-of-type(7):hover a::before{background-image:url(../images/phone2.png);background-size:100%;}
.sub_nav ul li:nth-of-type(8):hover a::before{background-image:url(../images/3d2.png);background-size:100%;}
.sub_nav ul li:nth-of-type(9):hover a::before{background-image:url(../../images/cx2.png);background-size:100%;}
.sub_nav ul li:hover{background:#3A889F;}


footer{background:#F1F1F1;z-index:6;}

footer .footer_midden{max-width:1400px;width:100%;margin:0 auto;justify-content:space-between;padding:0.4rem 0.3rem 0.6rem;box-sizing:border-box;}
footer .footer_midden .footer_lglx>img{margin-bottom:0.26rem; max-width: 180px;}
footer .footer_midden .footer_lglx p{margin-top:0.06rem;font-size:0.14rem;color:#666; margin-bottom:3px;}
footer .footer_midden .footer_lglx p a{color:#666;}
footer .footer_midden .footer_lglx p img{ display:inline;}
footer .footer_midden .footer_lglx p:nth-last-of-type(1){margin-top:0.1rem;font-size:0.12rem;}
footer .footer_midden .footer_lglx p:nth-last-of-type(2){margin-top:0.1rem;font-size:0.12rem;}
footer .footer_midden .footer_lglx p .iconfont{font-size:0.2rem;position:relative;left:-6px;top:2px;}
footer .footer_midden .footer_yqlj{position:relative;padding-top:0.3rem;}
footer .footer_midden .footer_yqlj:before{content:""; display:block;position:absolute;width:100%;height:1px;background:#e2e2e2;top:0rem; left:0;}
footer .footer_midden .footer_yqlj:after{content:""; display:block;position:absolute;width:100%;height:1px;background:#e2e2e2;bottom:0.6rem;left:0;}
footer .footer_midden .footer_yqlj ul{margin-bottom:0.06rem;padding:0 0.2rem;}
footer .footer_midden .footer_yqlj ul li{margin:0.1rem 0.1rem 0.1rem 0;text-align: center;}
footer .footer_midden .footer_yqlj ul li a{padding:0.04rem 0.1rem;}
footer .footer_midden .footer_yqlj p{padding:0 0.4rem;font-size:0.14rem;color:#999;margin-top: 16px;}
footer .footer_midden .footer_yqlj p a{color:#999;}
footer .footer_midden .footer_yqlj p .iconfont{font-size:0.18rem;color:#999;}
footer .footer_midden .footer_yqlj p a:hover{color:#3A889F;}
footer .footer_midden .footer_yqlj ul li a:hover{background:#3A889F;color:white;}

.bgserver{background:#EEEEEE;}
.paddingtop_bottom{padding:0.2rem 0;}
/*header*/




/*index.html*/

header .banner img{width:100%;}
header .banner .swiper-container{ width: 100%;height: 100%;}
header .banner .swiper-slide {text-align: center;font-size: 18px;}
header .banner .swiper-slide img{width:100%;}
.banner .swiper-button-next{right:1.3rem;background-image:url(../images/indexBR.png);}
.banner .swiper-button-prev{left:1.3rem;background-image:url(../images/indexBL.png);}
.banner .swiper-button-next:hover{right:1.3rem;background-image:url(../images/indexBR1.png);}
.banner .swiper-button-prev:hover{left:1.3rem;background-image:url(../images/indexBL1.png);}
.banner .swiper-button-prev,.banner .swiper-button-next{width:72px;height:72px;background-size:72px;top:50%;}

/*设计师...*/
.pdp{background:white;box-sizing:border-box;padding:0 0.3rem;}
.pdp::before{display:block;content:" ";position:absolute;top: -3px;left:0;width:100%;height:6px;background:white;}
.pdp .pdp_midden{max-width:1260px;margin:0 auto;padding:0.4rem 0 0.4rem;background:white;padding:0.5rem 0;}
.pdp .pdp_midden .pdp_left{flex:2;margin-right:0.2rem;}
.pdp .pdp_midden .pdp_left img{width:100%;}
.pdp .pdp_midden .pdp_right img{width:100%;}
.pdp .pdp_midden .pdp_right{flex:1;flex-direction: column;}
.pdp .pdp_midden .pdp_right .pdp_top{margin-bottom:20px;}
.pdp .pdp_midden .pdp_right .pdp_bottom img{width:100%;height:100%;}
.pdp .pdp_midden .pdp_right .pdp_bottom,.pdp .pdp_midden .pdp_right .pdp_top{flex:1;}
.pdp .pdp_midden .pdp_text{bottom:40px;left:40px;}
.pdp .pdp_midden .pdp_text h3{font-size:0.26rem;}
.pdp .pdp_midden .pdp_text p{font-size:0.18rem;}

.pdp .pdp_midden .pdp_left:hover img,.pdp .pdp_midden .pdp_top:hover img, .pdp .pdp_midden .pdp_bottom:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);}


.bgfixed{background-image:url(../../images/BG.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;z-index:0;height:600px;background-attachment: fixed;}
.bgfixed img{top:0;left:0;width:100%;display:none;}
.bgfixed .fixed_text{top:36%;left:66%;z-index: 4;}
.bgfixed .fixed_text h3{font-size:0.36rem;}
.bgfixed .fixed_text h5{font-size:0.16rem;margin:0.1rem 0;}
.bgfixed .fixed_text a {border-radius:50%;width:50px;height:50px;background-image:url(../images/jbtn.png);background-size:100%;background-position:center;background-repeat:no-repeat;}
.bgfixed .fixed_text a:hover{background-image:url(../images/jbtn1.png);}
/*.bgfixed .fixed_text a:hover img{ box-shadow:1px 1px 3px 3px #CfCfCE;}*/





/*新品发布*/

.index_section{background:white;}
.index_section .newProduct{max-width:1260px;width:100%;margin:0 auto;padding:0.4rem 0.3rem 0.4rem;box-sizing:border-box;}
.index_section .newProduct h3{text-align: center;font-weight:600;font-size:0.24rem;margin:0.1rem 0 0.4rem;padding:0 0 0.2rem;}
.index_section .newProduct h3:after{content:"";position:absolute;display:block;width:3rem;height:1px;background:#ccc;bottom:0;left:50%;margin-left:-1.5rem; }
.index_section .newProduct h3 span{font-weight:100;}
.index_section .newProduct ul li{width:25%;margin-bottom:0.3rem;}
.index_section .newProduct ul li a .np_pic{height:290px;overflow:hidden;width:100%;position:relative;}
.index_section .newProduct ul li a .np_pic img{display:block;margin:0 auto;max-width:100%;width:auto;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;}
.index_section .newProduct ul li a p{font-size:0.16rem;text-align:center;padding:0.2rem 0 0; height: 41px;}
.index_section .newProduct ul li a:hover .np_pic{transform:translateY(-20px);-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-o-transform:translateY(-20px);}
.index_section .newProduct ul li a:hover p{color:#3A889F;}

/*优势*/
.index_section .youshi{background-image:url(../images/ysbg.jpg);background-repeat:no-repeat;background-size: cover;background-position:center;padding:0.6rem 0;}
.index_section .youshi .youshi_midden{max-width:1400px;width: 100%;margin:0 auto;}
.index_section .youshi .youshi_midden ul{justify-content:space-around;padding:0.2rem 0;}
.index_section .youshi .youshi_midden ul li a img{width:auto;max-width:100%;margin:0 auto;position:relative;}
.index_section .youshi .youshi_midden ul li a p{display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow:hidden;color:white;margin:0.2rem 0 0;text-align: center;font-size:0.16rem;font-weight:100;}

.index_section .youshi .youshi_midden ul li a:hover img{transform:translateY(-16px);-webkit-transform:translateY(-16px);-moz-transform:translateY(-16px);-ms-transform:translateY(-16px);-o-transform:translateY(-16px);}
/*news*/
/*news*/
.News{padding:0.4rem 0;overflow:hidden;box-sizing:border-box;padding:0 0.3rem 0.2rem;}
.News>h3{text-align: center;font-size:0.24rem;font-weight:600;padding:0.3rem 0 0.3rem;}
.News .News_midden{max-width:1260px;margin:0 auto;width:100%;}
.News .News_midden .News_top{justify-content:space-between;margin-bottom:0.3rem;}
.News .News_midden .News_top .New_top_left{width:70%;}
.News .News_midden .News_top .New_top_right{width:28%;}
.News .News_midden .News_top .New_top_left .New_top_leftPic,.News .News_midden .News_top .New_top_right .New_top_rightPic{height:370px;}
.News .News_midden .News_top img{width:100%;}

.News .News_midden .New_text{padding:0.36rem;height:120px;background:#F1F1F1;}
.News .News_midden .New_text h4{font-size:0.22rem;padding:0 0 0.1rem 0;color: #888;}
.News .News_midden .New_text p{font-size:0.16rem;line-height: 0.26rem;color: #999; display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow:hidden;}

.News .News_midden .News_bottom{justify-content:space-between;margin-bottom:0.3rem;justify-content:space-between;}
.News .News_midden .News_bottom .New_bottom_left,.News .News_midden .News_bottom .New_bottom_right{width:49%;}
.News .News_midden .News_bottom .New_bottom_left .New_bottom_leftPic,.News .News_midden .News_bottom .New_bottom_right .New_bottom_rightPic{height:370px;}
.News .News_midden .News_bottom .New_bottom_left img,.News .News_midden .News_bottom .New_bottom_right img{width:100%;}

.News .News_midden .News_text{padding:0.36rem;height:120px;background:#F1F1F1;}
.News .News_midden .News_text h4{font-size:0.22rem;padding:0 0 0.1rem 0;color: #888; }
.News .News_midden .News_text p{font-size:0.16rem;line-height: 0.26rem;color: #999; display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow:hidden;}

.News .News_midden .new_one>a:hover div.pic{height:310px;}
.News .News_midden .new_one>a:hover img {transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);}
.News .News_midden .new_one>a:hover .News_text,.News .News_midden .new_one>a:hover .New_text{height:160px;}
.News .News_midden .new_one>a:hover .News_text h4,.News .News_midden .new_one>a:hover .New_text h4{padding-bottom:0.2rem;padding-top:0.2rem;}
.News .News_midden .new_one>a:hover .News_text p,.News .News_midden .new_one>a:hover .New_text p{line-height:0.24rem;}

/*video*/
.video{}
.video img{width:100%;}
.video .open{top:0;bottom:0;left:0;right:0;margin:auto;z-index:7;width:90px;height:90px;}
.video .openp{top:0;bottom:0;left:0;right:0;margin:auto;z-index:6;text-align: center;height:0.2rem;color:white;font-size: 0.16rem;padding-top:1.4rem;}
.video :hover .open1 {opacity:0;}
/**/
.video_out{display:none;}
.box_vdo{top:0;left:0;right:0;bottom:0;margin:auto;width:80%;}  
.vdo_close{width:30px;height:30px;border-radius:50%;background:black;top:-15px;right:-15px;}
.vdo_close .iconfont{display:block;text-align: center;line-height:30px;font-size:0.2rem;color:white;cursor:pointer;}
.vdo_close .iconfont:hover{transform-origin:center;transform:rotateZ(360deg);-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-ms-transform:rotateZ(360deg);-o-transform:rotateZ(360deg);}

@media only screen and (max-width:1340px) {
	
.News .News_midden .News_top .New_top_left .New_top_leftPic,.News .News_midden .News_top .New_top_right .New_top_rightPic{height:260px;}
	
.News .News_midden .News_bottom .New_bottom_left .New_bottom_leftPic,.News .News_midden .News_bottom .New_bottom_right .New_bottom_rightPic{height:260px;}

.News .News_midden .new_one>a:hover div.pic{height:240px;}
.News .News_midden .new_one>a:hover .News_text,.News .News_midden .new_one>a:hover .New_text{height:140px;}
	
header .navs{padding:0.2rem 0.3rem;}
.info_navs{padding:0 0.3rem !important;}
	
.projects{padding:0 0rem !important;}
	
	
/*.bgfixed{background-size:cover !important;}*/
.bgfixed img{top:0;left:0;width:100%;display:block;}
	
	
}


/*index.html end*/



/*info.html*/

section{background: white;}
.info_nav{background:url(../images/info_nav.jpg);background-size:cover;background-position: center;background-repeat: no-repeat;padding:0.36rem 0;margin-top:10px;}
.info_navs{width:100%;margin:0 auto;color:white;box-sizing:border-box;padding:0 1.3rem;}
.info_navs a{color:rgba(255,255,255,.7);}
.info_navs{color:rgba(255,255,255,.7);}
.info_navs {font-size:0.16rem;}
.info_navs .iconfont{font-size:0.22rem;}

.company{width:100%;max-width:1700px;margin:0 auto;padding:0.1rem 0.3rem;box-sizing:border-box;}
.company h3{font-size:0.24rem;margin:0.3rem 0 ;}
.company .comp_pic img{display:block;width:auto;max-width:100%;margin:0 auto;}




/*zzhi*/
.zzzhi{max-width:1700px;width:100%;margin:0 auto;box-sizing:border-box;padding:0 0.3rem;}
.zzhi{width:100%;margin:0 auto;background:#EEEEEE;box-sizing:border-box;padding:0 0.3rem;}

.zzhi .about{max-width:1240px;margin:0 auto;padding:0.4rem 0 0.6rem;}
.zzhi .about h1{font-size:0.6rem;padding:0.6rem 0 0.2rem;display:block;font-weight:100;}
.zzhi .about .jjwz{line-height:0.28rem;font-size:0.16rem;padding-left:2.5rem;}
.zzhi .about_text{text-align: center;max-width:1200px;margin:0 auto;color:#5899AC;font-size:0.26rem;padding:0.4rem 0 ;border-bottom:1px solid #cecece;border-top:1px solid #cecece;}
.zzhi .about_text p:nth-of-type(1){margin:0;}
.zzhi .about_text p:nth-of-type(2){margin:0rem 0 0.16rem;}
.zzhi .about_text img{margin:0 auto;}
.zzhi .zz_l{width:100%;max-width:1200px;margin:0 auto;}
.zzhi_pic{width:60%;position:relative;top:1rem;}
.zzhi_pic img{width:100%;}
.zzhi_text{width:40%;padding-left:1rem;box-sizing:border-box;font-size:0.14rem;padding-top:1.4rem;}
.zzhi_text h3{font-weight:600;margin-bottom:0.1rem;font-size:0.18rem;}
.zzhi_text p{ margin-bottom: 0;}
/*.zzhi_text p{margin-bottom:0.1rem;}*/

/*show*/
.show{text-align: center;padding:0.2rem 0 0;overflow:hidden;}
.show h3{font-size:0.26rem;padding:1.6rem 0 0.3rem;font-weight:600;}
.show_banner {width:100%;overflow:hidden;}
.show_banner .swiper-container {position:relative;width: 150%;left:-25%;height: 100%;margin:0 auto;}
.show_banner .swiper-slide {text-align: center;font-size: 18px;background:black;}
.show_banner .swiper-slide>img{width:100%;opacity:1;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-ms-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease;	}
/*.show_banner .opacity>img,.show_banner .opacity>.slide_text{opacity:1;}*/
.show_banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{left:auto;height:0.2rem;bottom:-20px;text-align: center;}
.show_banner .swiper-pagination-bullet{position:relative;top:-1.2rem;}
.show_banner .swiper-container .swiper-pagination-bullet-active {background: #EC4000;}
.show_banner .slide_text{width:100%;background:white;opacity:0.6;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-ms-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease;	}
.show_banner .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:20%;top:50%;}
.show_banner .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:20%;top:50%;}
.show_banner .swiper-button-prev{left:0;}
.show_banner .swiper-button-next{right:0;}
.show_banner .swiper-button-prev{content:"";position:absolute;display:block;background-image:url(../images/left.png);left:0;background-size:40px 40px;background-repeat:no-repeat;background-position:98% 50%;}
.show_banner .swiper-button-next{content:"";position:absolute;display:block;background-image:url(../images/right.png);right:0;background-size:40px 40px;background-repeat:no-repeat;background-position:2% 50%;}
.show_banner .swiper-button-next, .show_banner .swiper-button-prev{/*width:40px;height:40px;top:20px;*//*background-size:100%;*/top:22px;background-color:rgba(0,0,0,.7);height:100%;width:32.9%;}

.show_banner .swiper-button-prev:hover{background-image:url(../images/left1.png);}
.show_banner .swiper-button-next:hover{background-image:url(../images/right1.png);}



.allword{text-align: center;padding:0.3rem 0.3rem 0.4rem;width:100%;max-width:1400px;margin:0 auto;box-sizing:border-box;}
.allword img{width:100%}
.allword .allword_Text{width:90%;height:260px;padding:0.3rem 0 0; top:0;left:0;right:0;bottom:0;margin:auto;box-shadow:1px 1px 2px 2px #CECECE;border-radius:6px; background:Rgba(255,255,255,0.5);}
.allword h3{font-size:0.5rem;padding-bottom:0.1rem;}
.allword p{width:1000px;margin:0 auto;line-height:0.26rem;}

/*证书*/
.Certifications{text-align: center;padding-top:0.1rem;}
.Certifications h4{text-align: center;font-size:0.3rem;margin-bottom:0.2rem;}
.Certifications img{display:block;margin:0 auto;max-width:100%;width:auto;}

/*data*/
.numbg{width:100%;}
.numbg img{width:100%;min-height:520px;}
.data {width: 1200px;top:0;left:0;right:0;bottom:0;margin:auto;height:200px;}
.dm_doWhat {width: 100%;margin-bottom: 30px; padding-top:50px;}
.dm_doWhat .dm_years {width: 100%;z-index: 80;}
.dm_doWhat .dm_years ul li {width: 24%;margin-left: 80px;float: left;text-align: center;position: relative;padding: 40px 0 20px;border-bottom: 1px solid transparent;margin-bottom: 20px;}
.dm_doWhat .dm_years ul li .number {font-size: 24px;color: #fff;font-size: 20px;margin-bottom: 10px;}
.dm_doWhat .dm_years ul li .number span {font-size: 60px;margin-right: 6px;line-height: 72px;}
.dm_doWhat .dm_years ul li hr {width: 40px;height: 1px;background: #ccc;margin: 10px auto;border: 0;}
.dm_doWhat .dm_years ul li p {font-size: 16px;line-height: 22px;color: #fff;}
.dm_doWhat .dm_years ul li .number sub{font-size:0.12rem;top:-4px;}
.numbg_text{width:100%;height:2rem;top:0;left:0;right:0;bottom:0;margin:1rem auto;color:white;text-align: center;}
.numbg_text h4{font-size: 0.24rem;}
.numbg_text p{font-size: 0.16rem;}


/*历程*/
.licheng{max-width:1400px;margin:0 auto;width:100%;padding:0rem 0 0.2rem;}
.animate-section.showed .animate-action-lineGrow {opacity: 1;max-height: 1070px;}
.milestones-list {margin-left: 50%;-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);}
.milestones-list:before, .milestones-list:after {width: 1px;height: 40px;content: '';display: block;background: url(../images/sprite.png) no-repeat -116px -143px;left: -1px;position: absolute;-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);}
.milestones-list li:before {width: 18px;height: 18px;content: '';-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background: #fff;border: 2px solid #62b1ca;display: block;position: absolute;left: -9px;top: 5px;-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);}
.milestone-title {margin: 0 !important;padding: 0;font-size:22px;font-weight: 400;color: #333;line-height: 1;}
.milestone-description {font-size:14px;line-height: 20px; color:#666; padding-top:10px;}
.milestones-list:after {bottom: -40px;-webkit-transform: rotate(180deg) translateZ(0);-moz-transform: rotate(180deg) translateZ(0);-ms-transform: rotate(180deg) translateZ(0);-o-transform: rotate(180deg) translateZ(0);transform: rotate(180deg) translateZ(0);}
.milestones-list li:nth-child(even) {text-align: right;}
.milestones-list li:nth-child(odd){text-align: left;}
.milestones-list li{height:110px;}
/*info.html end*/


/*cpinfo.html*/
.pcinfo_header{z-index:10;}
.pcinfo_header .ban_pic img{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-0-transform:scale(1.2);animation-name: scales;animation-duration:8s;animation-delay:0;animation-iteration-count:1;-moz-animation-name: scales;-moz-animation-duration:8s;-moz-animation-delay:0;-moz-animation-iteration-count:1;-webkit-animation-name: scales;-webkit-animation-duration:8s;-webkit-animation-delay:0;-webkit-animation-iteration-count:1;}
.pcinfo_banner_text{width:5rem;padding:0.4rem 0.4rem;background: rgba(0,0,0,.4);bottom:-0.4rem;right:0;}
.pcinfo_banner_text p{padding:0.08rem 0 0;color:white;}
.pcinfo_Product{max-width:1460px;width:100%;margin:0 auto;padding:0.3rem 0.3rem;box-sizing:border-box;}
.pcinfo_Product h3{text-align: left;font-size:0.24rem;margin:0 0 0.3rem;}
.pcinfo_Product h3 span{font-weight:100;}
.pcinfo_Product ul{padding:0.1rem 0 0 0.1rem;}
.pcinfo_Product ul li{width:24%;margin-bottom:0.2rem;background:white;margin-right:1.3%;padding:0.3rem 0 0.3rem;top:0;}
.pcinfo_Product ul li:nth-of-type(4n){margin-right:0%;}
.pcinfo_Product ul li a .np_pic{height:290px;width: 100%;position:relative;}
.pcinfo_Product ul li a .np_pic img{display:block;margin:0 auto;max-width:100%;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;}
.pcinfo_Product ul li a p{font-size:0.18rem;text-align:center;padding:0.2rem 0 0; height: 44px;}
.pcinfo_Product ul li a span{font-size:0.16rem;text-align:center;display: block; width: 100%; color: #666;}
.pcinfo_Product ul li:hover{color:#3A889F; box-shadow:1px 1px 23px 4px #CECECE;top:-10px;transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);}
.pcinfo_Product ul li a:hover .np_pic{transform:translateY(-20px);-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-o-transform:translateY(-20px);}
.pcinfo_Product ul li:hover a p{color:#3A889F;}

@keyframes scales{
	0%{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-0-transform:scale(1.1);}
	100%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-0-transform:scale(1);}
}
@-moz-keyframes scales{
	0%{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-0-transform:scale(1.1);}
	100%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-0-transform:scale(1);}
}
@-webkit-keyframes scales{
	0%{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-0-transform:scale(1.1);}
	100%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-0-transform:scale(1);}
}

/*cpinfo.html end*/

/*pc3.html*/
.pc3_section{background:#EEEEEE;padding-bottom:0.3rem;}
.product_One{width:100%;max-width:1640px;margin:0.4rem auto 0;padding:0.4rem 0rem;justify-content:space-around;background:white;box-sizing:border-box;}
.product_One .productOne_banner{width:5rem;height:5rem;}
.product_One .productOne_banner .swiper-container{width:100%;height:100%;}
.product_One .productOne_banner .swiper-container .swiper-slide{overflow:hidden;}
.product_One .productOne_banner .swiper-container .swiper-slide img{width:100%;margin:0 auto;}
.product_One .swiper-container-horizontal>.swiper-pagination-bullets,.product_One .swiper-pagination-custom,.product_One  .swiper-pagination-fraction{left:auto;text-align: center;}
.product_One .productOne_banner .swiper-container .swiper-pagination-bullet{width:0.4rem;border:0px;border-radius:25px;height:0.05rem;background:#B4B4B4;}
.product_One .productOne_banner .swiper-container .swiper-pagination-bullet-active{background:#FF7037;}

.product_One .productOne_text{padding-top:0.4rem; color:#666; line-height:22px;}
.product_One .productOne_text h3{font-weight:600;font-size:0.24rem;padding-bottom:0.1rem; color:#333;}
.product_One .productOne_text p{line-height:0.28rem;width:4rem;font-size:0.14rem;color:#666;}
.product_One .productOne_text p:nth-last-of-type(1)::before{content:"";display:block;position:absolute;width:100%;height:1px;background:#E0E0E0;bottom:-15px;left:0;}
.product_One .productOne_text button{border:1px solid #ccc;border-radius:5px;box-sizing:border-box; overflow:hidden;margin-top:0.4rem;}
.product_One .productOne_text button a{padding:0.1rem 0.2rem;font-size:0.18rem;}

.product_One .productOne_text button:hover a{background:#3A889F;color:#fff;}

.pdO_banner{width:100%;max-width:1700px;margin:0 auto;padding:0.2rem 0.3rem 0;box-sizing:border-box;}
.pdO_banner .swiper-container{width:100%;height:100%;}
.pdO_banner .swiper-container .swiper-slide img{width:100%;}
.pdO_banner .swiper-container-horizontal>.swiper-pagination-bullets,.pdO_banner .swiper-pagination-custom,.pdO_banner  .swiper-pagination-fraction{left:auto;text-align: center;}
.pdO_banner .swiper-container .swiper-pagination-bullet{width:0.1rem;border:0px;border-radius:0;height:0.1rem;background:#B4B4B4;}
.pdO_banner .swiper-container .swiper-pagination-bullet-active{background:#0C8D89;}
.pic_pc3{padding:0.2rem;box-sizing:border-box;background:white;width:100%; margin-top:0.2rem;}
.pd_img{width:100%;max-width:1700px;margin:0 auto;padding:0 0.3rem 0.1rem;box-sizing:border-box;}
.pd_img img{max-width:100%;width:auto;margin:0 auto;}
/*pc3.html end*/




/*pc*/
.produt_fl{max-width:1400px;width:100%;margin:0 auto;padding:0.2rem 0;box-sizing:border-box;padding:0 0.3rem;}
.produt_fl h3{text-align: left;font-size:0.24rem;margin:0.3rem 0 0.3rem;}
.produt_fl .pd_fl_midden{}
.produt_fl .pd_fl_midden .pd_fl_one{width:49%;margin-bottom:0.2rem;}
.produt_fl .pd_fl_midden .pd_fl_one:nth-of-type(odd){margin-right:2%;}
.produt_fl .pd_fl_midden .pd_fl_one .pd_fl_pic img{width:100%;-webkit-transition:all 0.8s ease;-moz-transition:all 0.8s ease;-ms-transition:all 0.8s ease;-o-transition:all 0.8s ease;transition:all 0.8s ease;}
.produt_fl .pd_fl_midden .pd_fl_one .pd_fl_text{padding:0.2rem 0;font-size:0.18rem;left:0;}
.produt_fl .pd_fl_midden .pd_fl_one:hover .pd_fl_pic img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);}
.produt_fl .pd_fl_midden .pd_fl_one:hover .pd_fl_text {color:#3A889F;transform:translateX(30px);-webkit-transform:translateX(30px);-moz-transform:translateX(30px);-ms-transform:translateX(30px);-o-transform:translateX(30px);}
/*pc end*/



/*Articlelist.html*/

.New{max-width:1880px;width:100%;margin:0 auto;box-sizing:border-box;padding:0.3rem 0 0.6rem;}
.New h3{text-align: left;font-size:0.24rem;margin:0rem auto 0.3rem;width:87.5%;}
.New .swiper-container{width:87.5%;height:100%;margin:0 auto;}
.New .swiper-container .swiper-slide .new_banner_pic{overflow:hidden;}
.New .swiper-container .swiper-slide img{width:100%; -webkit-transition:all 0.8s ease;-moz-transition:all 0.8s ease;-ms-transition:all 0.8s ease;-o-transition:all 0.8s ease;transition:all 0.8s ease;}
.New .swiper-container .swiper-slide .new_text{padding:0.3rem;background:#F1F1F1;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-ms-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease;}
.New .swiper-container .swiper-slide .new_text h4{font-size:0.18rem;margin:0.04rem 0 0.08rem;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow:hidden;}
.New .swiper-container .swiper-slide .new_text p{font-size:0.14rem;line-height:0.24rem;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:0.04rem;}
.New .new_btn{width:40px;height:80px;background:#ddd;top:50%;margin-top:-20px;cursor:pointer;}
.New .new_btn .iconfont{text-align:center;display:block;line-height:80px;color:white;font-size:0.5rem;position:relative;right:4px;}
.New .new_button_next{right:2%;}
.New .new_button_prev{left:2%;}
.New .new_btn:hover{background:#3A889F;}
.New .sub_swiper .swiper-slide:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);}
.New .sub_swiper .swiper-slide:hover .new_text{background:#3A889F;color:white;}

/*Articlelist.html end*/



/*Article.html*/

.article{max-width:1600px;width:100%;margin:0 auto;padding:0.4rem 0.3rem 0.2rem;background:white;box-sizing:border-box;}
.article h3{text-align:center;font-size:0.24rem;margin:0.1rem 0 0.4rem;}
.article .nrok{max-width:1000px;margin:0 auto;width:100%;padding:0.3rem 0.1rem 0.2rem;border-top:1px solid #eee;line-height: 0.24rem; color:#666;}
.article .article_pic{max-width:1100px;width:100%;margin:0 auto;}
.article img{width:auto;max-width:100%; margin: 0 auto;}

.pages{width:100%;max-width:1400px;margin:0 auto;padding:0.2rem 0.3rem;box-sizing:border-box;}
.pages p{margin-bottom:0.14rem;font-size:0.16rem;color:#666;display:inline-block;}
.pages p a{font-size:0.16rem;color:#666;}
.pages button a{padding:0.1rem 0.3rem;background:#031D36;color:white;font-size:0.16rem;}
.pages p:hover a{color:#3A889F;}
.pages button:hover a{background:#3A889F;}


/*Article.html end*/


/*dser.html*/

.dsl{width:100%;max-width:1400px;margin:0 auto;padding:0 0.3rem;box-sizing:border-box;}
.dsl>h3{text-align: left;font-size:0.24rem;margin:0.3rem 0;}
.dsl .dis_list{padding:0 0 0.4rem;}
.dsl .dis_list .dsl_list_pic:nth-of-type(3n+1){margin:0 2%;}
.dsl .dis_list .dsl_list_pic:nth-of-type(1){width:66%;margin:0 2% 0 0;}
.dsl .dis_list .dsl_list_pic{width:32%;margin-bottom:0.2rem;position:relative;}
.dsl .dis_list .dls_text{background:#3A889F;}
.dsl .dis_list .dls_text .dis_list_text{top:0;left:0;color:white;}
.dsl .dis_list .dls_text .dis_list_text hr{width:84%;margin:0.14rem auto;height:1px;background:rgba(255,255,255,.2);}
.dsl .dis_list .dls_text .dis_list_text h3{font-size:0.24rem;padding:0.36rem 0.3rem 0rem;}
.dsl .dis_list .dls_text .dis_list_text p{padding:0 0.3rem;font-size:0.16rem;line-height:0.24rem;margin-bottom:0.2rem;}
.dsl .dis_list .dsl_list_pic img{width:100%;}
.dsl .dis_list .dsl_list_pic:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);}
.sjs-list{ margin-bottom: 0.2rem;}
.sjs-list-l{ float: left; width: 31.5%;background: #3A889F; padding: 0.36rem 0.3rem; box-sizing: border-box; color: #fff;font-size: 0.16rem;line-height: 0.24rem; position: relative;}
.sjs-list-l a { color: #fff;}
.sjs-list-l img{ width: 100%;}
.sjs-list-l p{font-size: 0.24rem; padding: 0 0 0.14rem; margin-bottom: 0.14rem; border-bottom: 1px solid rgba(255, 255, 255, .2);}
.sjs-list-l-n{ position: absolute; padding-right: 0.3rem;}
.sjs-list-r{ float: right; width: 66.4%; margin-left: 2%;}
.sjs-list-r img{ width: 100%;}


/*dser.html end*/

/*dserOne*/
.dslOne{width:100%;max-width:1400px;margin:0 auto;padding:0 0.3rem;box-sizing:border-box;}
.dslOne h3{text-align:left;font-size:0.24rem;margin:0.32rem 0 0;}
.introduce{justify-content:space-between;padding:0.3rem 0;}
.introduce .introduce_pic{margin-right:30px;}
.introduce .introduce_text{background:#F7F7F7;box-sizing:border-box;padding:0.4rem;font-size:0.16rem;line-height: 0.26rem; color:#666;}

.works{width:100%;margin:0.3rem auto 0rem;}
.works h3{text-align: left;font-size:0.22rem;margin:0rem 0 0.3rem;}
.works ul li{width:25%;margin-bottom:0.3rem;background:white;padding:0.2rem 0;background:white;}
.works ul li a img{display:block;margin:0 auto;max-width:100%;}
.works ul li a p{font-size:0.14rem;text-align:center;padding:0.2rem 0;font-size:0.16rem;}
.works ul li a:hover .np_pic{transform:translateY(-20px);-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-o-transform:translateY(-20px);}
.works ul li a:hover p{color:#3A889F;}

.otherdsl{width:100%;margin:0.3rem auto 0.5rem;}
.otherdsl h3{text-align: left;font-size:0.22rem;margin:0rem 0 0.3rem;}
.disone_list .dslone_list_pic:nth-of-type(2n){margin-left:1%;}
.disone_list .dslone_list_pic:nth-of-type(3n){margin-left:1%;}
.disone_list .dslone_list_pic{width:24%;margin-bottom:0.2rem;}
.disone_list .dslone_list_pic img{width:100%;}
.disone_list .dslone_list_pic:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);}
.disone_list .dis_name{padding:0.1rem 0;font-size:0.16rem; height:13px; overflow:hidden;}
.disone_list .dslone_list_pic:hover .dis_name{color:#3A889F;transform:translateX(10px);-webkit-transform:translateX(10px);-moz-transform:translateX(10px);-ms-transform:translateX(10px);}
/*dserOne end*/


/*pjs.html*/
.projects{margin:0.2rem auto 0.1rem;padding:0 1rem;box-sizing:border-box;}
.projects h3{text-align: left;font-size:0.24rem;margin:0.3rem 0 0.3rem;padding-left:0.3rem;}
.projects .projects_list{margin-bottom:0.4rem;}
.projects .projects_list ul {padding-left:0.2rem;}
.projects .projects_list ul li{margin-right:0.2rem;}
.projects .projects_list ul li a{font-size:0.15rem;padding:0.1rem 0.2rem;}
.projects .projects_list ul li:hover a{background:#3A889F;color:white;}


.project_one .project_list_one{width:25%;margin:0;padding:0;box-sizing:border-box;overflow:hidden;}
.project_one .project_list_one a{background:black;}
.project_one .project_list_one a img{width:100%;opacity:0.3;}
.project_one .project_list_one a .project_list_one_text{top:0;left:0;right:0;bottom:0;margin:auto;color:white;width:;width:2rem;height:0.5rem;text-align: center;}
.project_one .project_list_one a .project_list_one_text h5{font-size:0.16rem;margin-bottom:0.1rem;}

.project_one .project_list_one a:hover img{opacity:1;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);}

/*pjs.html end*/


/*pjs2.html*/

.banner_pjs .swiper-container-horizontal>.swiper-pagination-bullets,.banner_pjs .swiper-pagination-custom,.banner_pjs .swiper-pagination-fraction{text-align: center;left:auto;}
.banner_pjs .swiper-pagination-bullet{border-radius:0;}
.banner_pjs .swiper-pagination-bullet-active{background:#000;}

.anliintroduce{width:100%;margin:0.6rem auto 0.2rem;max-width:1300px;justify-content: space-between;padding:0.2rem 0.3rem 0.4rem;border-bottom:1px solid #ccc;box-sizing:border-box;}
.anliintroduce .anliintroduce_text h3{font-size: 0.22rem;font-weight:600;margin:0.5rem 0 0.2rem;}
.anliintroduce .anliintroduce_text{font-size: 0.14rem;line-height:0.28rem; color:#666;}
.anliintroduce .anliintroduce_banner{width:60%;}
.anliintroduce .anliintroduce_banner .swiper-container{width:100%;}
.anliintroduce .anliintroduce_banner .swiper-container .swiper-slide a{width:100;position:relative;height:210px;}
.anliintroduce .anliintroduce_banner .swiper-container .swiper-slide a img{max-width:100%;width:auto;margin:0 auto;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;}
.other_pds{width:100%;margin:0.4rem auto 0rem;}
.other_pds h3{text-align:center;font-size:0.24rem;margin:0.2rem 0 0.3rem;}
.other_pds .project_list_one{width:25%;margin:0;padding:0;box-sizing:border-box;overflow:hidden;}
.other_pds .project_list_one a{background:black;}
.other_pds .project_list_one a img{width:100%;opacity:0.3;}
.other_pds .project_list_one a .project_list_one_text{top:0;left:0;right:0;bottom:0;margin:auto;color:white;width:;width:2rem;height:0.5rem;text-align: center;}
.other_pds .project_list_one a .project_list_one_text h5{font-size:0.16rem;margin-bottom:0.1rem;}

.other_pds .project_list_one a:hover img{opacity:1;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);}


/*pjs2.html end*/

/*map.html*/
.map{width:100%;margin:0.3rem auto 0.4rem;max-width:1660px;box-sizing:border-box;padding:0 0.3rem;}
.map h3{text-align: left;font-size:0.24rem;margin:0.2rem 0 0.3rem;}
.map .box{width:100%;box-sizing:border-box;}
.map .box-menu{clear:both;}
.map .box-menu ul{border:1px solid #ccc;height:100%;}
.map .box-menu ul li{float:left;border-bottom:none;width:calc(100%/2);height:initial;}
.map .box-menu ul li:nth-of-type(2)::before{content:"";display:block;position:absolute;width:1px;height:100%;background:#ccc;top:0;left:0;}
.map .box-menu ul li:nth-of-type(2)::after{content:"";display:block;position:absolute;width:1px;height:100%;background:#ccc;top:0;right:0;}
.map .box-menu ul li a{box-sizing:border-box;padding:0.3rem;color:black;background:white}
.map .box-menu ul li a p{font-size:0.16rem;line-height:0.22rem;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;overflow:hidden;}
.map .box-menu ul .choose{background:#ccc;}
.map .box-menu ul .choose a{background:#ccc;color:#fff;}

.map .box .tab-box div .dizi{padding:0.2rem 0.2rem 0.4rem 0.06rem;font-size:0.16rem; color:#666;}

#sdmap,#xqmap,#zjmap{width:100%;height:600px;}

.map .box .tab-box{clear:both;text-indent:2em;font-size:12px; font-size:12px;height:678px;}
.map .box .tab-box>div{background:white;top:0;left:0;width:100%;}
.map .box .tab-box .hidden{z-index:-2;}

/*map.html end*/



/**/
.dis{
	visibility: hidden; 
	animation-name: none;
	-webkit-animation-name:none;
	
}
.animates{
	visibility: visible; 
	-webkit-animation-name:fadeInLeftBig;
	animation-name:fadeInLeftBig;
}
/**********************
 *CSS Animations by:
 *http://codepen.io/vivinantony
***********************/
.spinner1 {
  width: 40px;
  height: 40px;
  position: relative;
}


.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: bounce 2.0s infinite ease-in-out;
  animation: bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

.spinner2 {
  width: 40px;
  height: 40px;
  position: relative;
}


.container1 > div, .container2 > div, .container3 > div {
  width: 6px;
  height: 6px;
  background-color: #fff;

  border-radius: 100%;
  position: absolute;
  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
  animation: bouncedelay 1.2s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.spinner2 .spinner-container {
  position: absolute;
  width: 100%;
  height: 100%;
}

.container2 {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.container3 {
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}

.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }

.container2 .circle1 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.container3 .circle1 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.container1 .circle2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.container2 .circle2 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.container3 .circle2 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}

.container1 .circle3 {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}

.container2 .circle3 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

.container3 .circle3 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

.container1 .circle4 {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

.container2 .circle4 {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

.container3 .circle4 {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
  0%, 80%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

.spinner3 {
  width: 40px;
  height: 40px;
  position: relative;  
  -webkit-animation: rotate 2.0s infinite linear;
  animation: rotate 2.0s infinite linear;
}

.dot1, .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #fff;
  border-radius: 100%;
  
  -webkit-animation: bounce 2.0s infinite ease-in-out;
  animation: bounce 2.0s infinite ease-in-out;
}

.dot2 {
  top: auto;
  bottom: 0px;
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}

@-webkit-keyframes bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

.spinner4 {
  width: 30px;
  height: 30px;
  background-color: #fff;
  -webkit-animation: rotateplane 1.2s infinite ease-in-out;
  animation: rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

.spinner5 {
  width: 32px;
  height: 32px;
  position: relative;
}

.cube1, .cube2 {
  background-color: #fff;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: cubemove 1.8s infinite ease-in-out;
  animation: cubemove 1.8s infinite ease-in-out;
}

.cube2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

@-webkit-keyframes cubemove {
  25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) }
  50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) }
  75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) }
  100% { -webkit-transform: rotate(-360deg) }
}

@keyframes cubemove {
  25% { 
    transform: translateX(42px) rotate(-90deg) scale(0.5);
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
  } 50% { 
    transform: translateX(42px) translateY(42px) rotate(-179deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
  } 50.1% { 
    transform: translateX(42px) translateY(42px) rotate(-180deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
  } 75% { 
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  } 100% { 
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}

.spinner6 {
  width: 50px;
  height: 30px;
  text-align: center;
}

.spinner6 > div {
  background-color: #fff;
  height: 100%;
  width: 6px;
  margin-left:2px;
  display: inline-block;
  
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}

.spinner6 .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner6 .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner6 .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner6 .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}
  .spinner7 {
      width: 90px;
      height: 30px;
      text-align: center;
    }

    .spinner7 > div {
      background-color: #fff;
      height: 15px;
      width: 15px;
      margin-left:3px;
      border-radius: 50%;
      display: inline-block;
      
      -webkit-animation: stretchdelay 0.7s infinite ease-in-out;
      animation: stretchdelay 0.7s infinite ease-in-out;
    }

    .spinner7 .circ2 {
      -webkit-animation-delay: -0.6s;
      animation-delay: -0.6s;
    }

    .spinner7 .circ3 {
      -webkit-animation-delay: -0.5s;
      animation-delay: -0.5s;
    }

    .spinner7 .circ4 {
      -webkit-animation-delay: -0.4s;
      animation-delay: -0.4s;
    }

    .spinner7 .circ5 {
      -webkit-animation-delay: -0.3s;
      animation-delay: -0.3s;
    }

    @-webkit-keyframes stretchdelay {
      0%, 40%, 100% { -webkit-transform: translateY(-10px) }  
      20% { -webkit-transform: translateY(-20px) }
    }

    @keyframes stretchdelay {
      0%, 40%, 100% { 
        transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
      } 20% {
        transform: translateY(-20px);
        -webkit-transform: translateY(-20px);
      }
    }
.fl{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
}