
@charset "utf-8";

body{min-width: 1200px;}
html{font-family: '微软雅黑';color: #333;}
.global{width: 1200px;margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}

.trans1{ transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-webkit-transition: all 0.1s ease-in-out;-o-transition: all 0.3s ease-in-out;}
.trans3{ transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
.trans5{ transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
.trans7{ transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-webkit-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;}

#banner{position: relative;width: 100%;overflow: hidden;height: 470px;}
/*#banner .banner{position: relative;top: 0;left: 50%;width: 1920px;margin-left: -960px;}*/
#banner .banner{position: relative;height: 470px;background: url(../images/banner.jpg) no-repeat center center;/*background-size: auto 100%;*/}
#banner .banner .global{position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 1;background: url(../images/banner_img.png) no-repeat right bottom;}
#banner .banner .global{position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 1;}
#banner .banner .global .bandesc{display: none;opacity: 0;position: absolute;top: 180px;left: 40px;}
#banner .banner .global .bantit{height: 83px;line-height: 83px;color: white;font-size: 42px;}
#banner .banner .global .bandesc .desc{height: 40px;line-height: 40px;font-size: 20px;color: white;}
#banner .banner .global .bandesc .try{display: block;width: 242px;height: 46px;margin-top: 60px;line-height: 46px;border-radius: 23px;background: #fff;color: #47bda0;font-size: 22px;text-decoration: none;text-align: center;animation-name: scrollBottom; animation-duration: .5s; animation-fill-mode: both; animation-iteration-count: infinite; animation-direction: alternate; -webkit-animation-name: scrollBottom; -webkit-animation-duration: .5s; -webkit-animation-fill-mode: both; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate;}
/*@keyframes scrollBottom { 
	0% { 
    	box-shadow: 0px 0px 30px rgba(255,255,255,1);
    	-webkit-box-shadow: 0px 0px 30px rgba(255,255,255,1);
	}
  	100% { 
    	box-shadow: 0px 0px 50px rgba(255,255,255,1);
    	-webkit-box-shadow: 0px 0px 50px rgba(255,255,255,1);
    }
}*/
.toptitle{padding-top: 57px;height: 68px;line-height: 68px;font-size: 36px;text-align: center;color: #333;}
.global_bottom_ad { width:100%; height:170px; background:#48bdaa url(../images/global_bottom_ad.jpg) no-repeat center center;}
.global_bottom_ad  span{ height:46px; line-height:46px; display:inline-block; color:#fff; font-size:34px;}
.global_bottom_ad  a{ width:242px; height:46px; line-height:46px; margin-left:60px; text-decoration:none; display:inline-block; background:#fece2e; font-size:22px; color:#333333; vertical-align:top; -moz-border-radius:23px; -ms-border-radius:23px; -o-border-radius:23px; -webkit-border-radius:23px; border-radius:23px;}


#content .content .toptitle{padding-bottom: 0px;}
#content .content{position: relative;background: url(../images/bg1.png) no-repeat center center; background-size: 100% 100% ;display: none;}
#content .bg2{background-image: url(../images/bg2.png);}
#content .content .global_box{position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin:auto;width: 1200px;height: 720px;}
#content .content .pic{}
#content .content .pic1{float: left;}
#content .content .pic2{float: right;}
#content .content .pic3{float: right;}
#content .content .pic4{float: right;}
#content .content .pic img{display: block;}
#content .content .description{position: relative;width: 468px;margin-top: 145px;padding-top: 34px;padding-left: 19px;}
#content .content .description:before{content:'';position: absolute;top: 0;left: 0;width: 10px;height: 10px;border-top: 2px solid #00bd9f;border-left: 2px solid #00bd9f;}
#content .content .description .desc{line-height: 30px;font-size: 18px;}
#content .content .description .try{display: block;width: 192px;height: 51px;line-height: 51px;margin-top: 54px;border-radius: 2px;background: #00bd9f;color: white;font-size: 20px;text-align: center;}
#content .content .description1{float: right;margin-right: 0px;}
#content .content .description2{float: left;margin-left: 0px;}
#content .content .description3{float: left;margin-right: 0px;}
#content .content .description4{float: left;margin-left: 0px;}

#content .content1 .toptitle{position: relative;padding-top: 50px;height: 51px;line-height: 51px;padding-bottom: 0px;}
#content .content1 .box{position: relative;height: 484px;background: url(../images/Content1bg.png) no-repeat center center;}
#content .content1 .con{margin-top: 87px;margin-left: 103px;width: 705px;}
#content .content1 .firt{display: inline-block;position: relative;height: 31px;line-height: 31px;margin-top: 36px;padding-right: 42px;text-indent: 15px;margin-bottom: 11px;font-size: 16px;color: white;background: #01ac97;}
#content .content1 .nmt{margin-top: 0;}
#content .content1 .firt:before{content:'';position: absolute;width: 0;height: 0;right: 0;top: 0;border:31px solid #01ac97;border-top: none;border-right: none;border-bottom-color: #fff;}
#content .content1 .sect{line-height: 26px;font-size: 14px;color: #666;}
#content .content1 .sect span{color: #00bd9f;}
#content .content1 .toptit{height: 51px;line-height: 51px;text-align: center;font-size: 32px;}
#content .content1 .sectit{height: 40px;line-height: 40px;text-align: center;font-size: 16px;}



#content .con_box{height: 612px;}
#content .con_box .toptitle{padding-top: 80px;height: 47px;line-height: 47px;margin-bottom: 66px;}
#content .con_box .item{float: left;width: 268px;height: 315px;margin: 0 16px;box-shadow: 0px 0px 30px rgba(3,40,34,0.03);text-align: center;}
#content .con_box .item .pic{padding-top: 30px;height: 100px;}
#content .con_box .item .name{position: relative;height: 37px;line-height: 37px;padding: 10px 0;margin-bottom: 26px;font-size: 20px;}
#content .con_box .item .name:before{content:'';position: absolute;bottom: 0;left: 0;right: 0;width: 12px;height: 3px;margin:auto;background: #39c4a4;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
#content .con_box .item .desc{font-size: 14px;line-height: 24px;color: #888;padding: 0 15px;}
#content .con_box .item:hover img{transform:scale(1.03);-webkit-transform:scale(1.03);}
#content .con_box .item:hover .name{color: #39c4a4;margin-bottom: 24px;}
#content .con_box .item:hover .name:before{width: 50px;}

#content .promotion{}
#content .promotion .toptitle{padding-top: 88px;height: 56px;line-height: 56px;}
#content .promotion .sectitle{text-align: center;height: 49px;line-height: 49px;font-size: 18px;color: #999;}
#content .pro_box{position: relative;padding-top: 55px;padding-bottom: 55px;height: 368px;}
#content .pro_box .prev{position: absolute;left: -50px;top: 0;bottom: 0;margin:auto;width: 350px;height: 100%;}
#content .pro_box .next{position: absolute;right: -50px;top: 0;bottom: 0;margin:auto;width: 350px;height: 100%;}
#content .pro_box .item{position: absolute;left: 0;right: 0;top: 25px;width: 600px;height: 339px;padding:59px 53px 66px;margin:auto;background: url(../images/itembg.png) no-repeat center center;}
#content .pro_box .item .list{position: relative;width: 600px;height: 339px;float: left;}
#content .pro_box .item .list:before{content:'';position: absolute;top: 0;bottom: 0;right: 0;left: 0;margin:auto;width: 85px;height: 85px;background: url(../images/video.png) no-repeat center center;}
#content .pro_box .s_item{position: absolute;top: 0;bottom: 0;margin:auto;left: -55px;width: 412px;height: 234px;padding: 22px;border-radius: 2px;box-shadow: 0 0 10px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);z-index: -1;}
#content .pro_box .s_item img{opacity: 0.3;}
#content .pro_box .s_item .list{width: 412px;height: 234px;float: left;}
#content .pro_box .s_item2{left: auto;right: -55px;}
#content .pro_box .box{position: relative;width: 100%;height: 100%;overflow: hidden;}
#content .pro_box .abs{position: absolute;top: 0;}
#content .pro_box .item .abs{left: -600px;}
#content .pro_box .s_item2 .abs{left: -824px;}
#content .promotion .more{display: block;width: 242px;height: 46px;margin:13px auto 97px;line-height: 46px;text-align: center;font-size: 16px;color: #00bd9f;border:1px solid #00bd9f;border-radius: 24px;}


/*@keyframes scrollBottomtwo { 
	0% { 
    	box-shadow: 0px 0px 30px rgba(255,255,255,0.5);
    	-webkit-box-shadow: 0px 0px 30px rgba(255,255,255,0.5);
	}
  	100% { 
    	box-shadow: 0px 0px 50px rgba(255,255,255,0.5);
    	-webkit-box-shadow: 0px 0px 50px rgba(255,255,255,0.5);
    }
}*/


#w1000{min-width: 1000px;}
#w1000 .global{width: 1000px;}

#w1000 #banner{height: 470px;}
#w1000 #banner .banner{height: 470px;background-image: url(../images/banner_1000.jpg);}
#w1000 #banner .banner .global{height: 470px;background-image: url(../images/banner_img_1000.png);}
#w1000 #banner .banner .global .bantit{height: 60px;line-height: 60px;font-size: 36px;}
#w1000 #banner .banner .global .bandesc .desc{font-size: 16px;}
#w1000 #banner .banner .global .bandesc .try{width: 212px;font-size: 18px;margin-top: 40px;}

#w1000 #content .content .global_box{width: 1000px;}
#w1000 #content .content1 .box{width: 1000px;height: 513px;background: url(../images/Content1bg_1000.png) no-repeat center center;}
#w1000 #content .content1 .con{margin-left: 43px;margin-top: 68px;width: 585px;}
/*#w1000 #content .content1 .firt{height: 26px;line-height: 26px;}
#w1000 #content .content1 .firt:before{border:26px solid #01ac97;border-top: none;border-right: none;border-bottom-color: #fff;}
#w1000 #content .content1 .sect{line-height: 22px;}*/

#w1000 #content .content .pic{max-width: 500px;}
#w1000 #content .con_box .item{width: 238px;margin: 0 6px;}
#w1000 .promotion{overflow: hidden;}