@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%; overflow-x:hidden}
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;}

@font-face {font-family: '25j';
  src:url('../ziti/SourceHanSansCN-ExtraLight.otf')  
}
@font-face {font-family: '35j';
  src:url('../ziti/SourceHanSansCN-ExtraLight.otf')  
}
@font-face {font-family: '105j';
  src:url('../ziti/SourceHanSansCN-ExtraLight.otf')  
}

.not-animated{ opacity:0;}

.in_menubox{ clear:both; width:100%; position:absolute; z-index:1000;}
.in_menubkg{ width:100%; height:85px; background:#2f2f2f; opacity:0.39; 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:745px;}



.a1{ width:1200px; margin:0 auto; padding:113px 0 80px 0px; overflow:hidden}
.a1top{ overflow:hidden}
.a1l{ width:50%; float:left;}
.a1r{ width:50%; float:left;}
.a1ttit{ font-size:39px; font-family:'25j'; line-height:1em; color:#171717; margin-bottom:40px; padding-left:60px;}
.a1ttit span{font-family:'105j'; color:#43dd9e;}
.a1tzy{ width:530px; font-size:16px; color:#000; opacity:0.54; line-height:28px; padding-left:60px;}
.a1bom{ margin-top:110px; padding-left:90px; height:140px;}
.a1bom ul{ width:1300px;}
.a1bom ul li{ float:left; margin-right:140px;}
.a1bom ul li img{ transition:all 0.5s;}
.a1bom ul li:hover img{ transform:rotate(360deg)}

.a2{ height:216px; background:url(../images/zhgj.jpg) no-repeat center;}

.a3{ height:713px; background:url(../images/tbbj.jpg) no-repeat center; overflow:hidden; position:relative;}
.a3m{ width:670px; margin:0 auto; margin-top:121px; position:relative; height:484px; z-index:1;}
.a3m li{ position:absolute;}
.a3m li img{transition:all 0.5s;}
.a3m .tb1{ top:0px; left:0px;}
.a3m .tb2{ top:0px; right:0px;}
.a3m .tb3{bottom:0px; left:0px;}
.a3m .tb4{bottom:0px; right:0px;}
.a3m li:hover img{ transform:rotate(360deg)}
.a3ht{ text-align:center}
.a3mxian{ position:absolute; left:50%; margin-left:-336px; top:20px; animation:myfirst 60s linear infinite;}
@keyframes myfirst
{
0%   {transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}

.a4{ padding:58px 0 133px 0; width:783px; margin:0 auto;}
.a4tit{ text-align:center; font-size:45px; color:#202020; font-family:'25j'; line-height:1em;}
.a4tit span{ font-family:'105j'; color:#43dd9e;}
.a4c{ margin-top:83px;}
.a4c ul{ width:860px; overflow:hidden}
.a4c ul li{ float:left; margin-right:70px; margin-bottom:40px;}

.a5{ height:959px; background:url(../images/bj.jpg) no-repeat center; position:relative;}
.a5tb{ position:absolute; left:50%; margin-left:-71px; top:-87px;}
.a5tit{ padding-top:105px; text-align:center; font-size:33px; font-family:'35j'; color:#fff; line-height:50px;}
.a5tit span{ font-family:'105j'; color:#effc49;}
.a5c{ width:1165px; margin:0 auto; margin-top:46px;}
.a5c ul li{ position:relative;height:58px; overflow:hidden}
.a5c ul li .a5libj{ width:100%; height:58px; background:#fff; opacity:0.9; border-radius:29px; position:absolute; top:0px;}
.a5c ul .tu .a5libj{opacity:0.75;}
.a5lil{ width:179px; height:55px; background:url(../images/a5bj.png) no-repeat center; position:relative; float:left; z-index:1; top:2px; left:2px; text-align:center; line-height:55px; font-size:20px; color:#fff;}
.a5lir{ float:left; line-height:58px; font-size:20px; color:#353535; padding-left:28px; position:relative; z-index:1;}
.zix .a5lir{ font-size:17px;}

.a6{ background:url(../images/gcbj.jpg) no-repeat center; height:187px;}

.a7{ position:relative; padding:179px 0px 106px 0;}
.a7nav{ position:absolute; width:100%; top:-17px; height:107px; text-align:center;}
.a7nav ul li{ height:46px; padding-top:59px; display:inline-block; margin:0px 37px; font-size:30px; line-height:1em; }
.a7nav ul li a{color:#101010;}
.a7nav ul li a .xian{ width:45px; margin:0 auto; border-bottom:1px solid #353535; margin-top:15px; display:none}
.a7nav ul li:hover{ background:url(../images/a7jt.png) no-repeat center top;}
.a7nav ul li:hover a{ color:#26d78a; font-weight:bold;}
.a7nav ul li:hover a .xian{ display:block;}
.a7nav ul .a7navh{ background:url(../images/a7jt.png) no-repeat center top;}
.a7nav ul .a7navh a{ color:#26d78a; font-weight:bold;}
.a7nav ul .a7navh a .xian{ display:block;}
.a7c{ width:1200px; margin:0 auto;}
.a7cul ul{ overflow:hidden}
.a7cul ul li{ width:296px; margin-right:4px; float:left; border-top:3px solid #88cbde; border-top-right-radius:36px;border-bottom-left-radius:36px; padding-bottom:35px; padding-top:27px; background:#f5f5f5;}
.a7cul ul .a7cli2{ border-top:3px solid #ac8fcf;}
.a7cul ul .a7cli3{ border-top:3px solid #e28987;}
.a7cul ul .a7cli4{ border-top:3px solid #6090cd;}
.a7ctit{ text-align:center; color:#2f2f2f; font-weight:bold; font-size:18px; line-height:27px;}
.a7cxian{ width:40px;  border-bottom:1px solid #717171; margin:0 auto;margin-top:20px;}
.a7czy{  width:245px; margin:0 auto;margin-top:20px; font-size:16px; line-height:27px; color:#2f2f2f;}
.a7cul{ display:none;}
.a7cul ul li:hover{ background:#88cbde;}
.a7cul ul .a7cli2:hover{ background:#ac8fcf;}
.a7cul ul .a7cli3:hover{ background:#e28987;}
.a7cul ul .a7cli4:hover{ background:#6090cd;}
.a7cul ul li:hover .a7ctit{ color:#fff;}
.a7cul ul li:hover .a7cxian{ border-bottom:1px solid #fff;}
.a7cul ul li:hover .a7czy{ color:#fff;}

.a8{ height:732px; margin:0 auto; background:url(../images/chxbj.jpg) no-repeat center;}
.a8m{ width:1200px; margin:0 auto; padding-top:72px;}
.a8ml{ float:left; width:535px; padding-left:37px;}
.a8mtit{ font-size:50px; font-family:'35j'; color:#fff; line-height:1em;}
.a8mtit span{ color:#effc49; font-family:'105j';}
.a8mlc{ margin-top:75px;}
.a8liltit{ width:193px; line-height:50px; background:#dff6fc; text-align:center;border-top-right-radius:10px;border-bottom-left-radius:10px; color:#2b89af; font-size:23px; font-weight:bold; margin-bottom:10px;}
.a8mlcli1 .a8liltit{ background:#e9f7ce; color:#64bd3b;}
.a8mlcli2 .a8liltit{ background:#fce3cf; color:#e46c0a;}
.a8mlc ul li{ margin-bottom:30px;}
.a8mlc .a8lizy{ line-height:30px; color:#fff; font-size:16px;}
.a8mr{ float:right; margin-right:36px; width:460px;}
.a8mr .a8mtit{ color:#343434;}
.a8mr .a8mtit span{ color:#26d78a;}
.a8mrc{ margin-top:52px;}
.a8mrc ul li .a8litit{ font-size:23px; font-weight:bold; color:#2f2f2f; line-height:37px;}
.a8mrc ul li .a8litit span{ display:inline-block; margin-right:8px; color:#fff; width:37px; height:37px; border-radius:50%; background:#fac090; text-align:center;}
.a8lic{ margin-top:15px; font-size:16px; color:#2f2f2f; line-height:30px; margin-bottom:20px;}

.a9{ background:url(../images/yunyongbj.jpg) no-repeat center; height:1019px;}
.a9m{ width:1200px; margin:0 auto; padding-top:75px;}
.a9tit{ text-align:center; font-size:50px; color:#3a3a3a; font-family:'35j'; line-height:1em;}
.a9tit span{ font-family:'105j'; color:#26d78a;}
.a9mnav{  width:615px; margin:0 auto;margin-top:50px;}
.a9mnav ul{ overflow:hidden; width:630px;}
.a9mnav ul li{ float:left; width:148px; height:148px; margin-right:7px;}
.a9mnav ul li a{ display:block;background:url(../images/yytb.png) no-repeat; height:148px;}
.a9mnav ul li .a9mnav2{ background-position:0px -148px;}
.a9mnav ul li .a9mnav3{ background-position:0px -296px;}
.a9mnav ul li .a9mnav4{ background-position:0px -444px;}
.a9mnav ul li a:hover{ background:url(../images/yytb.png) no-repeat -148px 0px;}
.a9mnav ul li .a9mnav2:hover{ background-position:-148px -148px;}
.a9mnav ul li .a9mnav3:hover{ background-position:-148px -296px;}
.a9mnav ul li .a9mnav4:hover{ background-position:-148px -444px;}

.a9mnav ul .a9mnavh a{ background:url(../images/yytb.png) no-repeat -148px 0px;}
.a9mnav ul .a9mnavh .a9mnav2{ background-position:-148px -148px;}
.a9mnav ul .a9mnavh .a9mnav3{ background-position:-148px -296px;}
.a9mnav ul .a9mnavh .a9mnav4{ background-position:-148px -444px;}


.a9mzy{ width:1000px; margin:0 auto; font-size:18px; color:#4c4c4c; text-align:center; line-height:33px; margin-top:35px;}
.a9mc .a9mcli{ display:none;}
.a9mc .a9mcli ul{ width:1230px;margin-top:45px;}
.a9mc .a9mcli ul li{ float:left; margin-right:15px; cursor:pointer; width:228px;}
.a9mc .a9mcli ul li .a9img{position:relative;}
.a9imgh{ position:absolute; width:100%; height:100%; top:0px;}
.a9bj{ position:absolute; width:100%; background:#000; opacity:0; top:0px; height:100%; transition:all 0.5s;}
.a9mc .a9mcli ul li .a9img p{ font-size:30px; line-height:30px; text-align:center; color:#fff; z-index:1; position:relative; top:175px; transition:all 0.5s; transform:translateY(10px);opacity:0;}
.a9mc .a9mcli ul li:hover .a9bj{ opacity:0.7;}
.a9mc .a9mcli ul li:hover .a9img p{ opacity:1; transform:translateY(0)}
.a9mc .a9mcli ul li .a9txt{ font-size:20px; color:#4c4c4c; text-align:center; margin-top:16px;}
.a9mc .a9mcli{ overflow:hidden}
.a9mcli2{ margin-top:40px; font-size:18px; text-align:center; margin-bottom:30px;}

.a9mcli3l{ float:left; width:700px; margin-top:80px;}
.a9mcli3ltit{ font-size:23px; font-weight:bold; line-height:1em;}
.a9mcli3lzy{ margin-top:23px; margin-bottom:70px; font-size:18px; color:#4c4c4c; padding-left:23px; line-height:36px;}
.a9mcli3lzy span{ color:#26d78a; font-weight:bold;}
.a9mcli3r{ width:500px; float:right; margin-top:70px;}

.a9mcli4img{ margin-top:69px;}

.a10{ height:734px; background:url(../images/xcx.jpg) no-repeat center;}
.a10m{ width:1200px; margin:0 auto; padding-top:80px; overflow:hidden}
.a10tit{ font-size:50px; color:#fff; text-align:center; line-height:1em; margin-bottom:80px;}
.a10c ul{ width:1250px; overflow:hidden}
.a10c ul li{ float:left; margin-right:30px; width:215px;}
.a10c ul li .a10img{ position:relative;}
.a10imgh{ position:absolute; width:100%; height:100%; top:0px;}
.a10bj{ position:absolute; width:100%; background:#000; opacity:0; top:0px; height:100%; transition:all 0.5s;}
.a10c ul li .a10img .a10imgh p{text-align:center;position:relative; top:125px; transition:all 0.5s; transform:translateY(10px);opacity:0;}
.a10c ul li:hover .a10bj{ opacity:0.7;}
.a10c ul li:hover .a10img p{ opacity:1; transform:translateY(0)}
.a10c ul li .a10txt{ font-size:16px; color:#4c4c4c; text-align:center; margin-top:20px; line-height:24px; color:#fff;}


.foot{ background:url(../images/bj9.jpg) no-repeat center; height:620px;}
.footm{ width:1200px; margin:0 auto; padding-top:77px;}
.foottit{ text-align:center; font-size:50px; color:#fff; line-height:50px; font-family:'105j';}
.footcon{ font-size:36px; line-height:36px; color:#fff; text-align:center; margin-top:20px;font-family:'25j';}
.footctel{ font-size:36px; font-family:'35j'; color:#008a60; text-align:center; line-height:1em; 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;}