@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: 525px;}
#banner .banner{position: relative;height: 525px;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 .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;background: ;}
#content .content .pic{}
#content .content .pic1{float: left;}
#content .content .pic2{float: right;}
#content .content .pic3{float: left;}
#content .content .pic4{float: right;}
#content .content .pic img{display: block;}
#content .content .description{position: relative;width: 461px;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: right;margin-right: 0px;}
#content .content .description4{float: left;margin-left: 0px;}

#content .content1 .toptitle{position: relative;height: 46px;line-height: 46px;padding-bottom: 22px;}
#content .content1 .toptitle:before{content: '';position: absolute;bottom: 0;left: 0;right: 0;margin:auto;width: 59px;height: 3px;background: #00bd9f;}
#content .content1 .box{position: relative;height: 595px;background: url(../images/webbg.png) no-repeat center center;}
#content .content1 .box .item{position: absolute;}
#content .content1 .box .item1{left: 123px;top: 95px;}
#content .content1 .box .item2{left: 899px;top: 61px;}
#content .content1 .box .item3{left: 139px;top: 401px;}
#content .content1 .box .item4{left: 876px;top: 401px;}
#content .content1 .box .name{height: 68px;line-height: 68px;font-size: 22px;}
#content .content1 .box .desc{font-size: 14px;color: #666;line-height: 24px;}

#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;}


/*@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{background-size: 100% auto;}
#w1000 #content .content1 .box .item1{left: 110px;top: 116px;}
#w1000 #content .content1 .box .item2{left: 745px;top: 92px;}
#w1000 #content .content1 .box .item3{left: 113px;top: 375px;}
#w1000 #content .content1 .box .item4{left: 730px;top: 369px;}
#w1000 #content .content .pic{max-width: 500px;}
#w1000 #content .con_box .item{width: 238px;margin: 0 6px;}