@charset "utf-8";


html{font-family: '微软雅黑';color: #333;}
.global{width: 100%;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;}

.toptitle{padding-top: 18px;height: 30px;line-height: 30px;font-size:20px;text-align: center;color: #1B64AB; font-weight:bold;
margin-bottom:60px;
}
.sectitle{text-align: center;line-height: 30px;font-size: 16px;color: #333;margin-top: 20px;}

#content .content{ position: relative; background-size: 100% 70% ;display: none;height: 700px;}

#content .content .pic{margin-top: 58px;text-align: center;}

.pad_top{ height: 38px;}

/*#content .content:first-child .global_box .toptitle{ }*/

#content .content2 .pic{position: relative;float: left;margin-top: 0;width:100%;height: 300px;overflow: hidden; }
#content .content2 .pic ul{position: absolute;top: 0;left: 0; }
#content .content2 .pic ul li{float: left;width:340px;height: 300px;vertical-align: middle;text-align: center;  }
#content .content2 .pic li img{display: inline-block;vertical-align: middle;width: 100%;}
#content .content2 .pic li span{display: inline-block;height: 100%;vertical-align: middle;}
#content .content2 .pic .hd{display: none;}
#content .content2 .description{float:left;width:100%; border:1px soild red;  }
#content .content2 .description .bd{position: relative;overflow: hidden; }
#content .content2 .description .bd ul{position: absolute;top: 0;left: 0;  }
#content .content2 .description .bd li{width:350px; text-align: center; }
#content .content2 .name{height: 70px;line-height: 70px;font-size: 20px;color: #00bd9f;font-weight: bold; }
#content .content2 .desc{line-height: 30px;font-size: 16px;color: #333; width:330px;}
#content .content2 .hd{margin-top: 40px;overflow: hidden;padding-left: 30%; }
#content .content2 .hd li{float: left;width: 42px;height: 8px;border:1px solid #999999;border-radius: 5px;margin-right: 5px;cursor: pointer;}
#content .content2 .hd .on{background: #00bd9f;border-color: #00bd9f;}

/* #content .content .pic3{position: relative;margin:58px auto;}
#content  .pic3 .col{position: absolute;bottom: 165px;left: 229px;width: 24px;height: 0px;}
#content  .pic3 .bg1{background: #34b4e7;}
#content  .pic3 .bg2{background: #00d0a8;}
#content  .pic3 .bg3{background: #8ad06e;}
#content  .pic3 .col span{display: none;position: absolute;top: -20px;left: 50%;margin: auto;opacity: 0;background: #495363;height: 20px;line-height: 20px;padding: 0 6px;color: white;border-radius: 3px;}
#content  .pic3 .col span:before{content: '';position: absolute;border: 4px solid transparent;border-top-color: #495363;left: 50%;margin-left: -4px;bottom: -8px;}

#content .content4 .story{position: relative;padding:65px 0;height: 330px;}
#content .content4 .story .story_box{position: relative;left: -84px;top: 113px;width: 1354px;height: 127px;overflow: hidden;}
#content .content4 .story .box{position: absolute;top: 0;left: 0;}
#content .content4 .story .item{float: left;width: 211px;height: 127px;margin-left: 14px;opacity: 0.2;}
#content .content4 .story .citem{position: absolute;left: 0;right: 0;top: 30px;margin:auto;width: 507px;height: 305px;padding: 59px 190px 35px;background: url(../images/storybg.png) no-repeat center center;}
#content .content4 .citem_box{position: relative;width: 100%;height: 100%;overflow: hidden;}
#content .content4 .citem_box .box{position: absolute;top: 0;left: -1014px;}
#content .content4 .citem_box .item{width: 507px;height: 305px;opacity: 1;margin:0;}
#content .content4 .hd{position: absolute;bottom: 19px;text-align: center;width: 100%;font-size: 0;}
#content .content4 .btn{display: inline-block;width: 58px;height: 58px;background: url(../images/prev.png) no-repeat center center;}
#content .content4 .next{background-image: url(../images/next.png);}


.contact{width: 1200px;margin: 0 auto;padding-top: 2.8125%;}
.contact .more{display: block;width: 413px;height: 115px;line-height: 115px;margin: 0 auto;background: url(../images/more.png) no-repeat center center;text-align: center;font-size: 24px;color:white;text-decoration: none;}
.contact .contact_list{text-align: justify;padding-top: 25px;padding-bottom: 60px;}
.contact .list{width: 208px;display: inline-block;text-align: center;vertical-align: top;text-decoration: none;}
.contact .list .pic{height: 80px;}
.contact .list .name{height: 37px;line-height: 37px;font-size: 18px;color: #999;}
.contact .list .desc{line-height: 20px;font-size: 14px;color: #57c6b6;}
.contact .br{display: inline-block;width: 100%;font-size: 0;}

#w1000 .contact{width: 1000px;}

#w1000{min-width: 1000px;}
#w1000 #content .content{overflow: hidden;}
#w1000 #content .content .global_box{width: auto;}
/*#w1000 #content .content2 .pic{width: 550px;}
#w1000 #content .content2 .description,#w1000 #content .content2 .desc,#w1000 #content .content2 .description .bd{width: 420px;} 
*/