@charset "utf-8";
*{margin:0;padding:0;}
body{ background:#FFFFFF; color:#333333; font-family:"微软雅黑",Arial,Lucida,Verdana,Helvetica,sans-serif; font-size:12px; line-height:150%; }
a:link, a:visited{ text-decoration:none; }
a:hover{ text-decoration:none; }
a:active{ color:#990000; }
ol, ul{ list-style: none outside none;}
.m { margin-bottom: 10px; }
.m, .mt, .mc, .mb{ overflow: hidden; }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} 
.clearfix{display:inline-block;} 
.clearfix{display:block;} 
ul,li{list-style-type:none;}
img{border:0px;}
a{ color:#333;}



.in_menubox{ clear:both; width:100%; position:absolute; z-index:1000;}
.in_menubkg{ width:100%; height:85px; background:#2f2f2f; opacity:0.67; position:absolute; left:0; top:0;}
.in_menu{ width:1200px; position:absolute; left:50%; top:0; margin-left:-600px; color:#FFF;}
.in_menu a{ color:#FFF;}
.in_menu .lt{ float:left; padding:10px 0 0 0;}
.in_menu .rt{ float:right;}
.in_menu .rt li{ float:left; font-size:15px;}
.in_menu .rt li a{ display:block; margin: 30px 21px 0 0; line-height:20px; background:url(../images/vr_03.png) no-repeat;}
.in_menu .rt li .a_1{ background-position:0px 0px; padding-left: 19px;}
.in_menu .rt li .a_2{ background-position:-82px 0px; padding-left:26px;}
.in_menu .rt li .a_3{ background-position:-235px 0px; padding-left:25px;}
.in_menu .rt li .a_4{ background-position:-373px 0px; padding-left:21px;}
.in_menu .rt li .a_5{ background-position:-553px 0px; padding-left:21px;}
.in_menu .rt li .a_6{ background-position:-688px 0px; padding-left:21px;}
.in_menu .rt li .a_7{ background-position: -838px -1px; padding-left:26px;}
.banner{ background:url(../images/banner.jpg) no-repeat center; height:747px;}

.zhanshi{ background:#efefef; padding:75px 0;}
.zhanshim{ width:1200px; margin:0 auto;}
.zhanshitit{ text-align:center;}
.zhanshitit .zsxian{ width:53px; margin:0 auto; margin-top:26px; border-bottom:2px solid #48c6ca;}

.zhanshic ul{margin-top:72px; height:500px;}
.zhanshic ul li{ float:left; width:300px; position:relative;}
.zhanshic ul li .zhanshiimg{ text-align:center; position:relative; z-index:6;}
.zsbk{ width:300px; height:439px; background:url(../images/swnavbj.png) no-repeat center; position:absolute; top:65px; z-index:1}
.zsbkh{width:310px; height:449px; background:url(../images/swnavbjh.png) no-repeat center; position:absolute; top:60px; left:-5px;display:none; z-index:5}
.zhanshic ul li:hover .zsbk{ display:none;}
.zhanshic ul li:hover .zsbkh{ display:block;}
.zstit{ position:relative; z-index:6; font-size:25px; line-height:25px; color:#48c6ca; text-align:center; margin-top:45px;}
.zsxian{ width:138px; margin:0 auto; margin-top:22px; border-bottom:1px solid #48c6ca; position:relative; z-index:6;}
.zscon{ margin-top:35px; color:#333; font-size:16px; position:relative; z-index:6; text-align:center;}
.zscon p{ margin-bottom:35px;}

.gan{ height:742px; background:url(../images/bj2.jpg) no-repeat center;}
.ganm{ width:1200px; margin:0 auto; padding:85px 0;}
.gantop{ text-align:center;}
.ganxian{ margin:0 auto; margin-top:34px; margin-bottom:25px; width:53px; border-bottom:2px solid #fff;}
.ganzy{ font-size:20px; color:#fff;}
.gannav{ overflow:hidden;}
.gannav ul{overflow:hidden; width:1300px; margin-left:20px; margin-top:90px;}
.gannav ul li{ float:left; width:136px; margin-right:70px; text-align:center;}
.ganimg{ width:136px; height:137px; margin-bottom:30px;}
.gan1{ background:url(../images/gan1.png) no-repeat left;}
.gan2{ background:url(../images/gan2.png) no-repeat left;}
.gan3{ background:url(../images/gan3.png) no-repeat left;}
.gan4{ background:url(../images/gan4.png) no-repeat left;}
.gan5{ background:url(../images/gan5.png) no-repeat left;}
.gan6{ background:url(../images/gan6.png) no-repeat left;}
.gannav ul li p{ font-size:15px; color:#ffffff; line-height:22px;}
.gannav ul li:hover .gan1{ background:url(../images/gan1.png) no-repeat right;}
.gannav ul li:hover .gan2{ background:url(../images/gan2.png) no-repeat right;}
.gannav ul li:hover .gan3{ background:url(../images/gan3.png) no-repeat right;}
.gannav ul li:hover .gan4{ background:url(../images/gan4.png) no-repeat right;}
.gannav ul li:hover .gan5{ background:url(../images/gan5.png) no-repeat right;}
.gannav ul li:hover .gan6{ background:url(../images/gan6.png) no-repeat right;}
.ganf{ margin-top:115px; font-size:35px; font-weight:bold; line-height:35px; color:#fff; text-align:center}

.yizhan{ background:url(../images/bj3.jpg) no-repeat center; height:291px;}
.yizhanm{ width:1200px; margin:0 auto; position:relative; height:100%;}
.yizhantit{ text-align:center; padding-top:107px;}
.yizhanc{ width:100%; position:absolute; bottom:-28px}
.yizhanc ul{ text-align:center;}
.yizhanc ul li{ height:65px; width:201px; margin:0px 15px; display:inline-block; background:url(../images/nav.png) no-repeat; line-height:54px; font-size:20px; }
.yizhanc ul li a{ color:#fff;}
.yizhanc ul li:hover{ background:url(../images/navh.png) no-repeat;}
.yizhanc ul .yizhanch{ background:url(../images/navh.png) no-repeat;}

.yizhancon{ overflow:hidden}
.yizhana{ width:312px; height:60px; background:#ffb503; border-radius:30px;  border:1px solid #d1d2d2; text-align:center; font-size:20px; line-height:60px; margin:0 auto; margin-top:95px; margin-bottom:60px;}
.yizhana a{ color:#343434; display:block;} 
.yizhanul{ display:none;}


.pingc{ position:relative;}
.ping{ background:url(../images/bj5.jpg) no-repeat center;  }
.pingm{ width:1200px; margin:0 auto;position:relative;height:228px;}
.pingnav{ position:absolute; bottom:0px; text-align:center; width:100%;}
.pingnav ul li{ display:inline-block; width:77px; padding-bottom:27px;  font-size:21px; line-height:21px;}
.pingnav ul li a{ color:#ffffff;}
.pingnav ul li:hover{ border-bottom:4px solid #ffb503;padding-bottom:23px;}
.pingnav ul li:hover a{ color:#ffb503;}
.pingnav ul .pingnavh{border-bottom:4px solid #ffb503;padding-bottom:23px;}
.pingnav ul .pingnavh a{ color:#ffb503;}

.pingul{height:685px; width:1200px; position:absolute; top:0px; left:50%; margin-left:-600px;}
.pingc{ height:685px;}
.pingul1{ background:url(../images/pingc1yy.jpg) no-repeat 364px 72px;  position:relative; opacity:0;}
.pingli1{ position:absolute; left:270px; top:70px; opacity:0;transition:all 0.8s;transform:translateY(50px)}
.pingli2{ position:absolute; right:276px; top:70px; opacity:0;transition:all 0.8s; transition-delay: 0.4s;transform:translateY(50px)}
.pingli3{ position:absolute; left:160px; top:340px; opacity:0;transition:all 0.8s; transition-delay: 0.8s;transform:translateY(50px)}
.pingli4{ position:absolute; right:170px; top:340px; opacity:0;transition:all 0.8s; transition-delay: 1.2s;transform:translateY(50px)}
.pingli5{ position:absolute; left:50%; bottom:50px; margin-left:-82px; opacity:0; transition:all 0.8s; transition-delay: 1.6s;transform:translateY(50px)}


.pingul2{ background:url(../images/pingc2.jpg) no-repeat center; opacity:0; z-index:5;}
.pingli21{ margin-top:96px;}
.pingli22{ margin-top:96px;}
.pingli2s{ overflow:hidden; margin-bottom:67px;}
.pingli2lc{ height:111px;width:386px;  float:left; background:#f4f4f4;overflow:hidden; text-align:left; margin-left:41px; position:relative;}
.pingli2rc{height:111px;width:386px;float:right;background:#f4f4f4; overflow:hidden; text-align:right; margin-right:41px; position:relative}
.pingli2lc .pingli2sz{ margin-left:28px; font-size:36px; color:#2aa9ad; line-height:36px; margin-top:26px;}
.pingli2lc .pingli2wz{ margin-left:28px; font-size:19px; color:#444444;margin-top:13px;}
.pingli2rc .pingli2sz{ margin-right:28px; font-size:36px; color:#2aa9ad; line-height:36px; margin-top:26px;}
.pingli2rc .pingli2wz{ margin-right:28px; font-size:19px; color:#444444;margin-top:13px;}
.pingli2lc .pingli2img{ position:absolute; right:20px; bottom:20px; width:43px; height:42px;}
.pingli2rc .pingli2img{ position:absolute; left:20px; bottom:20px; width:43px; height:42px;}

.pingul2 .pingli21{opacity:0;transition:all 0.8s;transform:translateY(100px);}
.pingul2 .pingli22{opacity:0;transition:all 0.8s; transition-delay: 0.4s;transform:translateY(100px);}
.pingul2 .pingli23{opacity:0;transition:all 0.8s; transition-delay: 0.8s;transform:translateY(100px);}
.pingul2 .pingli24{opacity:0;transition:all 0.8s; transition-delay: 1.2s;transform:translateY(100px);}
.pingul2 .pingli25{opacity:0;transition:all 0.8s; transition-delay: 1.6s;transform:translateY(100px);}
.pingul2 .pingli26{opacity:0;transition:all 0.8s; transition-delay: 2s;transform:translateY(100px);}


.pingli21c .pingli2img{ background:url(../images/pingc2wz1.png) no-repeat left; }
.pingli22c .pingli2img{ background:url(../images/pingc2wz2.png) no-repeat left;}
.pingli23c .pingli2img{ background:url(../images/pingc2wz3.png) no-repeat left;}
.pingli24c .pingli2img{ background:url(../images/pingc2wz4.png) no-repeat left;}
.pingli25c .pingli2img{ background:url(../images/pingc2wz5.png) no-repeat left;}
.pingli26c .pingli2img{ background:url(../images/pingc2wz6.png) no-repeat left;}
.pingli2lc:hover{ background:#2aa9ad;}
.pingli2lc:hover .pingli2sz{ color:#fff;}
.pingli2lc:hover .pingli2wz{ color:#fff; opacity:0.85;}
.pingli2rc:hover{ background:#2aa9ad;}
.pingli2rc:hover .pingli2sz{ color:#fff;}
.pingli2rc:hover .pingli2wz{ color:#fff; opacity:0.85;}
.pingli21c:hover .pingli2img{ background:url(../images/pingc2wz1.png) no-repeat right;}
.pingli22c:hover .pingli2img{ background:url(../images/pingc2wz2.png) no-repeat right;}
.pingli23c:hover .pingli2img{ background:url(../images/pingc2wz3.png) no-repeat right;}
.pingli24c:hover .pingli2img{ background:url(../images/pingc2wz4.png) no-repeat right;}
.pingli25c:hover .pingli2img{ background:url(../images/pingc2wz5.png) no-repeat right;}
.pingli26c:hover .pingli2img{ background:url(../images/pingc2wz6.png) no-repeat right;}

.pingul3{ background:url(../images/pingc3.jpg) no-repeat center; opacity:0;}
.pingul4{ background:url(../images/pingc4.jpg) no-repeat center; overflow:hidden; opacity:0;}
.pingul4c{ margin-top:215px; margin-left:65px; font-size:28px; color:#666666; line-height:47px;}
.pingul4c p{ margin-bottom:25px;}
.pingul4c span{ color:#33a2a8; font-size:47px;} 

.pingul4c1{opacity:0;transition:all 0.8s;transform:translateX(100px)}
.pingul4c2{opacity:0;transition:all 0.8s;transform:translateX(100px)}
.pingul4c3{opacity:0;transition:all 0.8s;transform:translateX(100px)}

.pingulh{opacity:1;}
.pingulh .pingli1{ opacity:1;transform:translateY(0px)}
.pingulh .pingli2{ opacity:1;transform:translateY(0px)}
.pingulh .pingli3{ opacity:1;transform:translateY(0px)}
.pingulh .pingli4{ opacity:1;transform:translateY(0px)}
.pingulh .pingli5{ opacity:1;transform:translateY(0px)}


.pingulh .pingli21{ opacity:1;transform:translateY(0px)}
.pingulh .pingli22{ opacity:1;transform:translateY(0px)}
.pingulh .pingli23{ opacity:1;transform:translateY(0px)}
.pingulh .pingli24{ opacity:1;transform:translateY(0px)}
.pingulh .pingli25{ opacity:1;transform:translateY(0px)}
.pingulh .pingli26{ opacity:1;transform:translateY(0px)}

.pingulh .pingul4c1{ opacity:1;transform:translateX(0px)}
.pingulh .pingul4c2{ opacity:1;transform:translateX(0px);transition-delay: 0.4s;}
.pingulh .pingul4c3{ opacity:1;transform:translateX(0px);transition-delay: 0.8s;}



@keyframes mymove1{
	from { opacity:0; transform:translateY(50px); display:block;}
    to { opacity:1;transform:translateY(0px)}
	}
@keyframes mymove2{
	from { opacity:0; transform:translateY(100px); display:block;}
    to { opacity:1;transform:translateY(0px)}
	}
@keyframes mymove3{
	from { opacity:0; transform:translateX(100px); display:block;}
    to { opacity:1;transform:translateX(0px)}
	}



.zm{ background:url(../images/bj7.jpg) no-repeat center; height:736px;}
.zmm{ width:1200px; margin:0 auto;}
.zmtop{ text-align:center; padding-top:83px;}
.zmxian{  width:53px; border-bottom:2px solid #fff; margin:0 auto;margin-top:33px;}
.zmnav{ margin-top:43px;}
.zmnav ul{ text-align:center}
.zmnav ul li{ display:inline-block; padding:0px 23px; line-height:49px; font-size:21px;}
.zmnav ul li a{ color:#fff;}
.zmnav ul li:hover{ background:#ffb503;}
.zmnav ul li:hover a{ color:#000; font-weight:bold;}
.zmnav ul .zmnavh{background:#ffb503;}
.zmnav ul .zmnavh a{color:#000; font-weight:bold;}
.zmc{ margin-top:75px;}
.zmul{ width:1145px; margin:0 auto; overflow:hidden; display:none;}
.zmul ul{ width:1200px; overflow:hidden;}
.zmul ul li{ float:left; margin-right:10px; position:relative;}
.zmul ul li a{ display:block; position:absolute; bottom:13px; left: 73px; width:84px; line-height:30px; text-align:center; background:#5ee3e7; color:#fff;}
.zmulh{ animation:mymove 0.8s 1;}
@keyframes mymove{
	from { opacity:0; transform:translateY(50px); display:block;}
    to { opacity:1;transform:translateY(0px)}
	}

.huang{ height:231px; background:url(../images/bj8.jpg) no-repeat center;}
.huangm{ width:1200px; margin:0 auto; overflow:hidden}
.huangl{ float:left; margin-top:73px;}
.huangl p{ margin-bottom:9px;}
.huangr{ float:right;}
.huangr a{ display:block; margin-right:83px; margin-top:99px; padding-left:37px; line-height:39px; width:164px; background:url(../images/huangbk.png) no-repeat center; font-size:15px; color:#1b1a1a;}

.tanchu{ position:fixed;top:20px; width:100%; z-index:10;right: 0px;}
.tanchuab{ width:1148px; position:relative; margin:0 auto;}
.tanchum{ position:absolute; right:0px; width:100%; display:none; top:0px;background:#1d1d1d;height:650px;}
.tanchub{ position:absolute; right:0px; top:0px;}
.tanchuc{ width:880px; margin:0 auto; padding-top:80px; }
.tanchuctit{ font-size:49px; line-height:49px; color:#ffb504; margin-bottom:70px}
.tanchucs{ font-size:26px; line-height:44px; color:#c4bdbd;}
.tanchucs span{ font-weight:bold; color:#ffb504; font-size:30px;}
.tanchucbule{ color:#27b4be; font-size:40px; margin-bottom:40px;}
.tanchuf{ font-size:26px; color:#c4bdbd; line-height:44px;}
.tanchuf span{ color:#27b4be; font-weight:bold;}
.tanchubj{ background:#000; opacity:0.5; position:fixed; top:0px; bottom:0px; width:100%; display:none;}

.foot{ background:url(../images/bj9.jpg) no-repeat center; height:570px;}
.footm{ width:1200px; margin:0 auto; padding-top:30px;}
.foottit{ text-align:center; font-size:48px; color:#fff; line-height:48px;}
.footcon{ font-size:27px; line-height:34px; color:#fff; text-align:center; margin-top:20px}
.footewm{ width:420px; margin:0 auto; margin-top:80px; overflow:hidden; font-size:15px; color:#121212; text-align:center;}
.footewml{ float:left;}
.footewmr{ float:right;}
.footft{ margin-top:45px; color:#121212; text-align:center; line-height:26px;}
.footft a{ color:#121212;}
.footfc{ color:#121212; text-align:center; margin-top:10px;}
.footfc a{ color:#121212;}

.tops_ts{width:100%;overflow:hidden;}
.topa_ts{width:1200px;margin:0 auto;overflow:hidden;}
.tzuo_ts{float:left;overflow:hidden;}
.tzho_ts{float:right;overflow:hidden;}
.tyou_ts{float:right;overflow:hidden;padding-top:28px;cursor:pointer;}
.tzho_ts li{float:left;overflow:hidden;padding-right:60px;color:#000000;font-size:16px;line-height:100px;}
.tzho_ts li a{color:#000000;}
.tzho_ts .cur a{color:#02bf8e;}
.tzho_ts li a:hover{color:#02bf8e;}
.rjlm_ts{width:100%;position:relative;z-index:9;}
.ljzq_ts{position:absolute;left:0px;top:0px;width:100%;overflow:hidden;background:rgba(255,255,255,.92);display:none;}
.menus_ts{width:1200px;margin:0 auto;}
.menus_ts ul{padding-top:25px;padding-bottom:10px;border-bottom:1px solid #e5e5e5;overflow:hidden;}
.menus_ts li{float:left;overflow:hidden;width:260px;height:50px;line-height:50px;margin-top:10px;padding-left:20px;}
.smwl_ts{width:100%;text-align:center;overflow:hidden;padding-top:34px;padding-bottom:35px;color:#666666;font-size:14px;}
.menus_ts li:hover{background:#00bf8c;}
.menus_ts li:hover a{color:#fff;}