﻿/* set the character sets */
 @charset "utf-8";

/* reset browser default styles */
* { padding: 0px; margin: 0px; }
li { list-style: none; }
a:link, a:visited, a:hover, a:active {text-decoration:none;color:#666;}
body { width:100%; overflow-x:hidden; font:normal 14px/24px "Microsoft YaHei"; background:#fff; color:#4b4b4b; }
 
/* global styles */
.wrap {width: 980px;margin: 0px auto;overflow: hidden;}
.clearfix{clear:both;}
.pull_lt{float:left;}
.pull_rt{float:right;}
.nancy{
  animation-name: start, end;
  animation-timing-function:linear,linear;
  animation-duration: 1000ms,1000ms;
  animation-delay: 0,4000ms;
  animation-iteration-count: 1,1;
  animation-fill-mode:forwards,none; 
}
.nan{animation: al 8s linear .1s forwards;}
@keyframes trans{
  0% {
    -webkit-transform:rotate(0deg);
     -moz-transform:rotate(0deg);
      transform:rotate(0deg);
      -webkit-transform:scale(1);
      -moz-transform:scale(1);
     transform:scale(1);
     opacity: 0.9;

  }
  20% {
    -webkit-transform:rotate(-90deg);
     -moz-transform:rotate(-90deg);
      transform:rotate(-90deg);
      -webkit-transform:scale(1.2,1);
        -moz-transform:scale(1.2,1);
        transform:scale(1.2,1);
        opacity: 0.7;
  }
  40% {
   -webkit-transform:rotate(-180deg);
    -moz-transform:rotate(-180deg);
     transform:rotate(-180deg);
     -webkit-transform:scale(1.2);
       -moz-transform:scale(1.2);
       transform:scale(1.2);
       opacity: 0.5;
  }
  60% {
    -webkit-transform:rotate(-270deg);
     -moz-transform:rotate(-270deg);
      transform:rotate(-270deg);
      -webkit-transform:scale(1,1.2);
        -moz-transform:scale(1,1.2);
        transform:scale(1,1.2);
        opacity: 0.7;
  }
  100% {
    -webkit-transform:rotate(-360deg);
     -moz-transform:rotate(-360deg);
      transform:rotate(-360deg);
      -webkit-transform:scale(1.2);
        -moz-transform:scale(1.2);
        transform:scale(1.2);
        opacity: 0.9;
  }
}
@keyframes trans1{
  0% {
      -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
  }
  50% {
      -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotateX(180deg) rotateY(180deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
  }
  100% {
     -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotateX(360deg) rotateY(360deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;

  }
}
@keyframes start {
from{ top:10%; }
to{top:40%; }
}
@keyframes end {
from{top:40%; }
to{top:30% }
}
@keyframes al{
0%{ top:20%;opacity: 0 }
10%{top:30%;opacity: 1; }
90%{top:30%;opacity:1;}
100%{top:40%;opacity: 0; }
}
/* write your css here */
/* home&all */
body{}
.nav{width: 100%;position: absolute;top: 0px;z-index: 888;height: 83px;}
.nav .logo{width: 168px;height: 83px;overflow: hidden;margin-top: 13px}
.nav .logo>img{
	width: 70%;
}
.nav .menu{}
.nav .menu ul{}
.nav .menu ul li{float: left;font-size: 16px;margin-left: 35px;line-height: 83px;}
.nav .menu ul li a{color: #fff;display: block;}
.nav .menu ul li a:hover{}
.banner{width: 100%;height: 100%;overflow: hidden;position: relative;}
.banner .hd{position: absolute;bottom: 0px;width: 100%;height: 83px;z-index: 110;background: url(../images/opa.png) no-repeat;display: none;}
.banner .hd>ul{width: 980px;margin:0 auto;}
.banner .hd>ul>li{float: left;width: 325px;height: 83px;line-height: 83px;cursor: pointer;font-size: 0px;}
.banner .hd>ul>li.li1{background: url(../images/ul1.png) no-repeat;}
.banner .hd>ul>li.li2{background: url(../images/ul3.png) no-repeat;}
.banner .hd>ul>li.li3{background: url(../images/ul2.png) no-repeat;}
.banner .hd>ul>li.li1.on{background: url(../images/li1.png) no-repeat;}
.banner .hd>ul>li.li2.on{background: url(../images/li2.png) no-repeat;}
.banner .hd>ul>li.li3.on{background: url(../images/li3.png) no-repeat;}
.banner .hd>ul>li.li1:hover{background: url(../images/li1.png) no-repeat;}
.banner .hd>ul>li.li2:hover{background: url(../images/li2.png) no-repeat;}
.banner .hd>ul>li.li3:hover{background: url(../images/li3.png) no-repeat;}
.banner .hd>ul>li>p{font-size: 16px;color: #fff;position: relative;}
.banner .bd{position: relative;height: 100%;}
.banner .bd ul li .wrap{height: 100%;position: relative;}
.banner .bd ul>li{width: 100%;float: left;background-size: contain;}
.banner .bd ul>li .box_img{width: 339px;height: 415px;position: absolute;top: 18.8%;right: 20px;}
.banner .bd ul>li .box_li{width: 595px;/* height: 398px; */position:absolute;bottom: 40%;right: 162px;}
.banner .bd ul>li .word_info{position: relative;left: 38px;}
.banner .bd ul>li .word_info:before{content: "";display: block;width: 6px;height: 96px;background: #fff;position: absolute;left:-30px;top: 9px;}
.banner .bd ul>li .word_info>h2{width:480px;overflow: hidden;font-size: 40px;color: #fff;line-height: 55px;}
.banner .bd ul>li .word_info>p{width: 435px;font-size: 19.45px;color: #ececec;overflow: hidden;line-height: 28px;margin-top:30px;letter-spacing: 1px;}
.banner .bd ul>li .word_info>span{font-size: 16px;color: #ececec;margin-top: 10px;display: block;letter-spacing: 1px;}
.banner .bd ul>li .down{/* margin-top: 70px; */}
.banner .bd ul>li .down>a{display: block;width: 269px;height: 61px;float: left;margin-right: 26px;font-size: 23.24px;color: #fff;text-align: center;line-height: 61px;position: relative;left: 5px;background: url(../images/a.png) no-repeat;}
.banner .bd ul>li .down>a.hand:before{content:"";display: block;width: 18px;height:30px;background: url(../images/hand.png)no-repeat;position: absolute;left:36px;top: 14px;}
.banner .bd ul>li .down>a.pc:before{content:"";display: block;width: 25px;height: 34px;background: url(../images/pc.png)no-repeat;position: absolute;left: 34px;top: 14px;}

.serve{width: 100%;height: 980px;overflow: hidden;background: url(../images/bg_show.png) no-repeat center;background-size: cover}
.serve>h4{margin-top: 155px;}
.serve>p{text-align: center;padding: 55px 0px;font-size: 16px;color: #232323;padding-bottom: 0;}
.serve .bug{width: 1042px;height: 601px;background: url(../images/ul.png) no-repeat center;margin: 60px auto;position: relative;}

.serve ul{}
.serve ul>li{position: absolute;display: none;cursor: pointer;}
/*.serve>ul>li img{width: 112px;height: 112px;overflow: hidden;}*/

.serve ul .app{width: 112px;height: 112px;left: -306px;top: -172px;background: url(../images/icon_03.png) no-repeat;}
.serve ul .check{width: 82px;height: 83px;left: -400px;top: 150px;background: url(../images/icon_12.png) no-repeat;}
.serve ul .price{width: 110px;height: 109px;left: -253px;top:483px;background: url(../images/icon_22.png) no-repeat;}
.serve ul .moto{width: 111px;height: 104px;left: 490px;top: 600px;background: url(../images/icon_25.png) no-repeat;}
.serve ul .shopping{width: 118px;height: 121px;left: 1200px;top: 403px;background: url(../images/icon_19.png) no-repeat;}
.serve ul .case{width: 71px;height: 75px;left: 1200px;top: 258px;background: url(../images/icon_14.png) no-repeat;}
.serve ul .design{width: 116px;height: 114px;left: 1200px;top:35px;background: url(../images/icon_06.png) no-repeat;}
.serve ul .hide_app{width: 583px;height: 317px;background: url(../images/app.png) no-repeat;position: absolute;top: -25px;left: -25px;display: none;}
.serve ul .hide_check{width: 583px;height: 317px;background: url(../images/app.png) no-repeat;position: absolute;top: -30px;left: -30px;display: none;}
.serve ul .hide_price{width: 583px;height: 317px;background: url(../images/app.png) no-repeat;position: absolute;top: -25px;left: -25px;display: none;}
.serve ul .hide_moto{width: 583px;height: 317px;background: url(../images/app.png) no-repeat;position: absolute;top: -25px;left: -25px;display: none;}
.serve ul .hide_shopping{width: 583px;height: 317px;background: url(../images/app.png) no-repeat;position: absolute;top: -25px;left: -25px;display: none;}
.serve ul .hide_case{width: 583px;height: 317px;background: url(../images/app.png) no-repeat;position: absolute;top: -30px;left: -30px;display: none;}
.serve ul .hide_design{width: 583px;height: 317px;background: url(../images/app.png) no-repeat;position: absolute;top: -25px;left: -25px;display: none;}


.common-title{width: 378px;height: 28px;background: url(../images/line_tit.png) no-repeat center;font-size: 28px;color: #232323;line-height: 28px;margin:0 auto;text-align: center;}
.game-title{
    margin-bottom: 60px;
}
.news-title{margin-top: 60px;}
.help-title{margin-top: 60px;}

.info{margin-top: 135px;}
.info>p{text-align: center;padding: 55px 0px;font-size: 16px;color: #232323;padding-bottom: 0;}
.info .info_news{width: 430px;padding-left: 30px;margin-top: 70px;margin-right: 68px;overflow: hidden;}
.info .info_news>p{font-size: 22px;color: #0060a8;}
.info .info_news>p>span{color: #bababa;margin-left: 8px;}
.info .info_news #news{/* margin-top: 30px; */width: 430px;height: 190px;overflow: hidden;}
.info .info_news>ul{}
.info .info_news>ul>li{}
.info .info_news ul>li>a{font-size: 14px;color: #232323;line-height: 32px;}
.info .info_news ul>li>a:hover{color: #0060a8;}
.info .news_org{width: 435px;margin-top: 70px;}
.info .news_org #org{margin-top: 30px;width: 430px;height: 190px;overflow: hidden;}
.info .news_org>ul{}
.info .news_org>p{font-size: 22px;color: #0060a8;}
.info .news_org>p>span{color: #bababa;margin-left: 8px;}
.info .news_org ul>li>a{font-size: 14px;color: #232323;line-height: 32px;}
.info .news_org ul>li>a:hover{color: #0060a8;}
.show{clear: both;width: 100%;margin-top: 70px;background: url(../images/show.png) no-repeat;padding-top: 60px;}
.show>h4{}
.show p{text-align: center;padding: 55px 0px;font-size: 16px;color: #232323;}
.show .btn_show{margin:0 auto;width: 100%;overflow: hidden;}
.show .btn_show .hd>ul{width: 100%;display: block;overflow: hidden;text-align: center;}
.show .btn_show .hd>ul>li{height: 40px;border:#c5c5c5 solid 1px;border-radius: 5px;text-align: center;/* margin: 0 20px; */background: #fff;cursor: pointer;display: inline-block;padding: 0 20px;}
.show .btn_show .hd>ul>li.on{background:#0880c9;color:#fff}
.show .btn_show .hd>ul>li.on>a{color:#fff}
.show .btn_show .hd>ul>li>a{font-size: 16px;color: #545454;line-height: 40px;}
.show .btn_show .hd>ul>li.change_bg>a{color:#fdffff;}
.show .btn_show .hd>ul>li:hover{border-color: #0880c9}
/*.show .btn_show>ul>li:hover a{color: #0880c9}*/
.show .pic_show{clear: both;padding-top: 48px;padding-bottom: 60px;margin: 0 auto;/* width: 886px; */display: block;overflow: hidden;}
.show .pic_show>ul{
    display: block;
    width: 100%;
}
.show .pic_show>ul>li{margin-right: 9px;width: 600px;height: 337px;overflow: hidden;/* float: left; */position: relative;cursor: pointer;margin: 0 auto;}
.show .pic_show>ul>li:before{/* content: ""; *//* display: block; *//* width: 2224px; *//* height: 397px; *//* background: url(../images/hover.png) no-repeat; *//* position: absolute; *//* top: 0px; *//* left: 0px; */display: none;/*opacity: 0*/}
/*.show .pic_show>ul>li:hover:before{animation: opa 0.4s ease .1s;}*/
.show .pic_show>ul>li:hover:before{display: block;}

.show .pic_show>ul>li>img{}
.help{margin-top: 130px;}
.help>h4{}
.help>p{padding-top: 50px;text-align: center;font-size: 16px;color: #232323;letter-spacing: 5px;padding-left: 13px;}
.help .help_pic{width: 670px;/*overflow: hidden;*/margin: 0 auto;margin-top: 45px;}
.help .help_pic>ul{width: 730px;}
.help .help_pic>ul>li{float: left;width: 183px;height: 204px;overflow: hidden;margin-right: 60px;position: relative;}
.help .help_pic>ul .designer .pic1{width: 183px;height: 204px;background: url(../images/bg_g.png) no-repeat;position: absolute;top: 0px;left: 0px;}
.help .help_pic>ul .designer .pic2{width: 183px;height: 204px;position: absolute;top: 0px;left: 0px;background: url(../images/bg_g.png) no-repeat;}
.help .help_pic>ul li .pic1{  
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;}
.help .help_pic>ul li:hover .pic1{
   -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    }

.help .help_pic>ul li .pic2{  -webkit-transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotateY(-180deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;}
.help .help_pic>ul li:hover .pic2{ -webkit-transform:rotateX(0deg) rotateY(0deg);
    -moz-transform:rotateX(0deg) rotate(0deg);}

.help .help_pic>ul .money .pic1{width: 183px;height: 204px;background: url(../images/bg_b.png) no-repeat;position: absolute;left: 0px;top: 0px;}
.help .help_pic>ul .money .pic2{width: 183px;height: 204px;background: url(../images/bg_b.png) no-repeat;position: absolute;left: 0px;top: 0px;}
.help .help_pic>ul .minister .pic1{width: 183px;height: 204px;background: url(../images/bg_o.png) no-repeat;position: absolute;left: 0px;top: 0px;}
.help .help_pic>ul .minister .pic2{width: 183px;height: 204px;background: url(../images/bg_o.png) no-repeat;position: absolute;left: 0px;top: 0px;}
.help .help_pic>ul>li p{width: 60px;text-align: center;font-size: 14px;color: #fff;border-bottom: #efefef solid 1px;margin: 0 auto;margin-top: 65px;}
.help .help_pic>ul>li strong{font-size: 22px;color: #fff;text-align:center;padding-left: 20px;position: relative;left: 19px;top:10px;}
.help .help_pic>ul>li span{font-size: 14px;color: #fff;position: relative;left: 23px;top: 8px;}
.help .help_pic>ul>li.money strong{left: 0px;top: 10px;}
.help .help_pic>ul>li.money span{left: 4px;top: 8px;}
.help .help_icon{clear: both;margin-left: 16px;margin-top: 320px;}
.help .help_icon>ul{width: 1300px}
.help .help_icon>ul li{float: left;padding-right:87px;position: relative;}

/*.help .help_icon>ul li:before{conKKtent: "";display: block;width: 40px;height: 47px;position: absolute;}*/
.help .help_icon>ul .icon1{left: 47px;top:0px;padding-bottom: 2px;}
.help .help_icon>ul .icon1:before{content: "";display: block;width: 40px;height: 47px;position: absolute;background: url(../images/jing.png) no-repeat;top: 0px;left: -46px;}
.help .help_icon>ul li>p{font-size: 16px;color: #505050;line-height: 12px;margin-top: 9px;letter-spacing: 5px;}
.help .help_icon>ul li>span{font-size: 12px;color: #989898;}
.help .help_icon>ul .icon2{left: 47px;top:0px;}
.help .help_icon>ul .icon2:before{content: "";display: block;width: 40px;height: 47px;position: absolute;background: url(../images/zhi.png) no-repeat;top: 0px;left: -46px;}
.help .help_icon>ul .icon2>p{}
.help .help_icon>ul .icon2>span{}
.help .help_icon>ul .icon3{left: 47px;top:0px;}
.help .help_icon>ul .icon3:before{content: "";display: block;width: 40px;height: 47px;position: absolute;background: url(../images/cheng.png) no-repeat;top: 0px;left: -46px;}
.help .help_icon>ul .icon3>p{}
.help .help_icon>ul .icon3>span{}
.help .help_icon>ul .icon4{left: 47px;top:0px;}
.help .help_icon>ul .icon4:before{content: "";display: block;width: 40px;height: 47px;position: absolute;background: url(../images/jian.png) no-repeat;top: 0px;left: -46px;}
.help .help_icon>ul .icon4>p{}
.help .help_icon>ul .icon4>span{}
.help .help_icon>ul .icon5{left: 47px;top:0px;}
.help .help_icon>ul .icon5:before{content: "";display: block;width: 40px;height: 47px;position: absolute;background: url(../images/bao.png) no-repeat;top: 0px;left: -46px;}
.help .help_icon>ul .icon5>p{}
.help .help_icon>ul .icon5>span{}
.contact{clear: both;margin-top:140px;margin-bottom: 60px;}
.contact>h4{}
.contact>p{font-size: 16px;color: #232323;text-align: center;padding-top: 55px;padding-bottom: 30px;letter-spacing: 5px;}
.contact .map{}
.contact .map .btn_map{position: absolute;top: 10px;left: 10px;}
.contact .map .btn_map>ul{}
.contact .map .btn_map>ul>li{float: left;width: 78px;height: 33px;border-radius: 5px;line-height: 33px;border:#dad9d9 solid 1px;text-align: center;margin-right: 10px;background: #fff;cursor: pointer;}
.contact .map .btn_map>ul>li>a{font-size: 14px;color: #6c6c6c;}
.contact .map .btn_map>ul>li.bg_btn{background: #166ac2}
.contact .map .btn_map>ul>li.bg_btn>a{color: #fff;}
.contact .map .map_pic{position: relative;height:453px;width: 980px;overflow: hidden;}
.contact .map .map_pic>img{}
.contact .map .map_pic .city_info{width: 160px;height: 266px;position: absolute;top: 0;right: 30px;background: #2772c1;text-align: center;padding-right: 25px;padding-left: 33px;}
.contact .map .map_pic .city_info h5{font-size: 16px;color: #fff;font-weight: normal;margin-bottom: 10px;margin-top: 33px;}
.contact .map .map_pic .city_info span{display: block;font-size: 12px;color: #4af8e0;padding-bottom: 20px;}
.contact .map .map_pic .city_info p{font-size: 12px;color: #fff;text-align: left;max-width: 122px;}
.require{clear: both;margin-top: 135px;margin-bottom: 40px;position: relative;}
.require>h4{}
.require>form{width: 760px;margin: 0 auto;margin-top: 45px;}
.require>form>input{display: block;width: 367px;height: 49px;border:#a9a9a9 solid 1px;float: left;outline: none;font-size: 16px;color: #a9a9a9;margin-right: 11px;margin-bottom: 11px;text-indent: 13px;}
.require>form>select{display: block;width: 368px;height: 51px;border:#a9a9a9 solid 1px;float: left;outline: none;font-size: 16px;color: #a9a9a9;text-indent: 13px;cursor: pointer;outline: none;}
.require>form>select>option{padding-left: 20px;outline: none;}
.require>form>textarea{width: 717px;height: 225px;outline: none;font-size: 16px;color: #a9a9a9;padding: 20px 15px;}
.require>form .require_proof{width: 365px;height: 49px;border:#a9a9a9 solid 1px;margin-right:11px;position: relative;margin-top: 4px;}
.require>form .require_proof>input{border:none;height: 47px;width: 160px;outline: none;font-size: 16px;color: #a9a9a9;text-indent:13px; }
.require>form .require_proof>a{font-size: 16px;color: #195ccc;line-height: 49px;text-decoration: underline;}
.require>form .require_proof>img{width: 110px;height: 39px;position: absolute;top: 5px;left:250px;}
.require>form .sure{background: #006cdf;height: 50px;width: 371px;color: #fff;text-align: center;cursor: pointer;margin-top: 4px;}
.require .ford{width: 38px;height: 11px;background: url(../images/ford.png) no-repeat;position: absolute;right: 123px;top: 156px;}
.footer{
	width: 100%;
	height: 200px;
	overflow: hidden;
	background-color: #FFFFFF;
}
.footer .wrap{}

.footer .wrap .footer_f{margin-top: 50px;}
.footer .wrap .footer_f>ul{}
.footer .wrap .footer_f>ul li{float: left;position: relative;}
.footer .wrap .footer_f>ul .word{width: 360px;height: 136px;overflow: hidden;margin-right: 25px;}
.footer .wrap .footer_f>ul .word>h5{font-size: 14px;color: #cccccc;}
.footer .wrap .footer_f>ul .word>p{font-size: 12px;color: #999999;margin-top: 10px;}
.footer .wrap .footer_f>ul .iphone{width: 128px; }
.footer .wrap .footer_f>ul .iphone:before{content: "";display: block;width: 1px;height: 136px;background: url(../images/footline.png) no-repeat;position: absolute;top: 5px;left: 0px;}
.footer .wrap .footer_f>ul .iphone>p{font-size: 14px;color: #cccccc;text-align: center;}
.footer .wrap .footer_f>ul .iphone>img{display: block;width: 80px;height: 81px;padding:15px 26px; }
.footer .wrap .footer_f>ul .android{width: 136px;}
.footer .wrap .footer_f>ul .android:before{content: "";display: block;width: 1px;height: 136px;background: url(../images/footline.png) no-repeat;position: absolute;top: 5px;left: 0px;}
.footer .wrap .footer_f>ul .android>p{font-size: 14px;color: #cccccc;text-align: center;}
.footer .wrap .footer_f>ul .android>img{display: block;width: 80px;height: 81px;padding:15px 28px;}
.footer .wrap .footer_f>ul .site{width: 110px;height: 145px;}
.footer .wrap .footer_f>ul .site:before{content: "";display: block;width: 1px;height: 136px;background: url(../images/footline.png) no-repeat;position: absolute;top: 5px;left: 0px;}
.footer .wrap .footer_f>ul .site p{font-size: 14px;color: #cccccc;text-align: center;padding-bottom: 8px;}
.footer .wrap .footer_f>ul .site>a{font-size: 12px;color: #999999;display: block;text-indent: 27px;}
.footer .wrap .footer_f>ul .site>a:hover{color: #cccccc}
.footer .wrap .footer_f>ul .footer_f_cont{width: 145px;text-align: left;margin-left: 30px;}
.footer .wrap .footer_f>ul .footer_f_cont:before{content: "";display: block;width: 1px;height: 136px;background: url(../images/footline.png) no-repeat;position: absolute;top: 5px;left: -24px;}
.footer .wrap .footer_f>ul .footer_f_cont>h3{font-size: 14px;color: #cccccc;text-indent: 6px;font-weight: normal;}
.footer .wrap .footer_f>ul .footer_f_cont>p{font-size: 12px;color: #999999;position: relative;left: 40px;top: 14px;}
.footer .wrap .footer_f>ul .footer_f_cont>p:hover{color: #cccccc}
.footer .wrap .footer_f>ul .footer_f_cont>p.mobile:before{content: "";display: block;width: 30px;height: 30px;background: url(../images/call.png) no-repeat;position: absolute;top: -3px;left: -36px;}
.footer .wrap .footer_f>ul .footer_f_cont>p.time{top:33px;}
.footer .wrap .footer_f>ul .footer_f_cont>p.time:before{content: "";display: block;width: 30px;height: 30px;background: url(../images/qq.png) no-repeat;position: absolute;top: -3px;left: -36px;}
.footer .wrap .footer_s{margin-top: 282px;}
.footer .wrap .footer_s>ul{}
.footer .wrap .footer_s>ul>li{float: left;margin:0 72px 0 30px;position: relative;left: 51px;}
.footer .wrap .footer_s>ul>li.img1:before{content:"";display: block;width: 45px;height: 41px;background: url(../images/ima_03.png) no-repeat center;position: absolute;left: -51px;top: 3px;}
.footer .wrap .footer_s>ul>li.img2:before{content:"";display: block;width: 45px;height: 45px;background: url(../images/ima_05.png) no-repeat center;position: absolute;left: -51px;top: 0px;}
.footer .wrap .footer_s>ul>li.img3:before{content:"";display: block;width: 45px;height: 47px;background: url(../images/ima_07.png) no-repeat center;position: absolute;left: -51px;top: 0px;}
.footer .wrap .footer_s>ul>li.img4:before{content:"";display: block;width: 45px;height: 41px;background: url(../images/ima_09.png) no-repeat center;position: absolute;left: -51px;top: 0px;}
.footer .wrap .footer_s>ul>li.img5:before{content:"";display: block;width: 45px;height: 35px;background: url(../images/drink.png);background-position: 0px 305px;position: absolute;left: -49px;top: 5px;}
.footer .wrap .footer_s>ul>li.img6:before{content:"";display: block;width: 45px;height: 32px;background: url(../images/drink.png);background-position: 0px 573px;position: absolute;left: -47px;top:6px;}
.footer .wrap .footer_s>ul>li.img1:hover:before{background: url(../images/drink.png);background-position: 0px 270px;position: absolute;left: -50px;top: 3px;}
.footer .wrap .footer_s>ul>li.img2:hover:before{background: url(../images/drink.png);background-position: 0px 424px;position: absolute;left: -45px;top: -2px;}
.footer .wrap .footer_s>ul>li.img3:hover:before{background: url(../images/drink.png);background-position: 0px 467px;position: absolute;left: -47px;top: 0px;}
.footer .wrap .footer_s>ul>li.img4:hover:before{background: url(../images/drink.png);background-position: 0px 657px;position: absolute;left: -49px;top: 1px;}
.footer .wrap .footer_s>ul>li.img5:hover:before{background: url(../images/drink.png);background-position: 0px 339px;position: absolute;left: -49px;top: 6px;}
.footer .wrap .footer_s>ul>li.img6:hover:before{background: url(../images/drink.png);background-position: 0px 541px;position: absolute;left: -47px;top: 6px;}
.footer .wrap .footer_s>ul>li>p{font-size: 12px;color: #999999;line-height: 19px;margin-top: 5px;}
.footer .wrap .footer_s>ul>li:hover p{color: #cccccc;}
.footer .wrap .footer_s>ul>li>p>br{}
.footer .wrap .footer_t{margin-top: 355px;}
.footer .wrap .footer_t{font-size: 12px;color: #999999;text-align: center;line-height: 18px;}

body{
	font-family: 'Arial', 'Microsoft YaHei';
	_font-family: simsun;
	overflow-x: hidden;
	color: #333;
}
.wrap{ width: 1000px; margin:0 auto; }
/*Ã§Â¼â€“Ã¨Â¾â€˜Ã¥â„¢Â¨*/
.ke-content{ background-color: #fff; }
.ke-content,.ke-content p,.ke-content span,.ke-content div{ line-height: 28px; font-size: 14px; }
.ke-content img{ max-width: 100%}
.ke-content table{width: 100%!important;text-indent: 0!important;border: solid #a2a2a2;border-width:1px 0px 0px 1px;}
.ke-content table *{text-indent: 0!important;td{border: solid #add9c0;border-width:0px 1px 1px 0px;padding-left:10px;}}
.ke-content table td{border: solid #a2a2a2;border-width:0px 1px 1px 0px;padding-left:10px;}
/*Ã¥Ë†â€”Ã¨Â¡Â¨Ã¦Â â€¡Ã©Â¢Ëœ*/
.column-title{ text-align: center; border-bottom: 1px solid #EAEAEA; margin-top: 40px; margin-bottom: 40px; }
.column-title>h1{ border-bottom: 3px solid #FF6B00; display: inline-block; padding: 10px 26px; font-size: 23px; color: #3A3A3A; }
.column-title>h1>i{width: 25px;height: 25px;background: url(../../images/ico2.png);display: inline-block;float: left;margin-right: 6px;background-repeat: no-repeat!important;}
/*Ã©Â¦â€“Ã©Â¡ÂµÃ§â€žÂ¦Ã§â€šÂ¹Ã¥â€ºÂ¾*/
.index-slider{ width:100%; height:500px; overflow:hidden; position:relative; }
.index-slider .hd{ height: 40px; overflow: hidden; position: absolute; z-index: 1; bottom: 0; left: 0; width: 100%; }
.index-slider .hd ul{overflow: hidden;zoom: 1;width: auto;min-width: 70px;position: absolute;left: 50%;margin-left: -75px;height: 40px;background: url(../../images/yuan.png) center top no-repeat;display: block;padding: 0 40px 0 40px;list-style: none;}
.index-slider .hd ul li{ margin-top: 20px; float: left; width: 13px; height: 13px; left: -50%; line-height: 14px; text-align: center; background: #CECECE; cursor: pointer; border-radius: 7px; margin-right: 5px; color: #CECECE; }
.index-slider .hd ul li.on{ background:#fff; color:#fff; }
.index-slider .bd{ position:relative; height:100%; z-index:0; }
.index-slider .bd>ul{margin: 0;padding: 0}
.index-slider .bd li{ zoom:1; vertical-align:middle; height: 500px; background-position:center!important; }
.index-slider .bd li>a{ display: block; width: 100%; height: 100%}
.index-slider .bd img{ width:100%; display:block; }
.index-slider .prev,
.index-slider .next{ position:absolute; top:44%; display:block; width:51px; height:98px; z-index: 9; display: none; }
.index-slider .next{ left:auto; right:9%; background:url(../../images/index-slider-right.png) no-repeat; }
.index-slider .prev{ left:auto; left:9%; background:url(../../images/index-slider-left.png) no-repeat; }
.index-slider .prev:hover,
.index-slider .next:hover{ filter:alpha(opacity=100); opacity:1; }
.index-slider .prevStop{ display:none; }
.index-slider .nextStop{ display:none; }
.index-slider .fnav{ position: relative; width: 980px; margin: 0 auto 0 auto; height: 1px; }
.index-slider .fnav{ position: absolute; top: 230px; left: 0; width: 100%; }
/*Ã¥Ë†â€ Ã©Â¡Âµ*/
.page{text-align: center;}
/*Ã¨Â¯Â¦Ã¦Æ’â€¦Ã©Â¡Âµ*/
.info-detail{padding: 0 30px 60px 30px;}
.info-detail .ke-content{ }

#home .info-list-1 {}
#home .info-list-1>ul{padding: 25px;}
#home .info-list-1>ul>li{display: block;overflow: hidden;margin-bottom: 15px;border-bottom: 1px solid #DFDFDF;padding-bottom: 22px;}
#home .info-list-1>ul>li .cover{display: block;overflow: hidden;width: 160px;height: 100px;float: left;background-color: #F7F7F7;margin-right: 13px;}
#home .info-list-1>ul>li .cover>a{ }
#home .info-list-1>ul>li .cover>a>img{ }
#home .info-list-1>ul>li .title-desc{display: block;overflow: hidden;float: left;/* width: 703px; */position: relative;}
#home .info-list-1>ul>li .title-desc .title{display: block;color: #454545;font-weight: bold;font-size: 16px;margin-bottom: 12px;}
#home .info-list-1>ul>li .title-desc .desc{height: 50px;display: block;color: #8E8E8E;line-height: 22px;overflow: hidden;}
#home .info-list-1>ul>li .title-desc .time{float: left;color: #C7C7C7;font-style: normal;}
#home .info-list-1>ul>li>a{background-color: #FF6B00;color: #fff;padding: 5px 10px;border-radius: 5px;display: inline-block;margin-top: 34px;float: right;}

#news{
    padding-top: 100px;
}
#news .info-list-1 {}
#news .info-list-1>ul{padding: 25px;}
#news .info-list-1>ul>li{display: block;overflow: hidden;margin-bottom: 15px;border-bottom: 1px solid #DFDFDF;padding-bottom: 22px;}
#news .info-list-1>ul>li .cover{display: block;overflow: hidden;width: 160px;height: 100px;float: left;background-color: #F7F7F7;margin-right: 13px;}
#news .info-list-1>ul>li .cover>a{ }
#news .info-list-1>ul>li .cover>a>img{ }
#news .info-list-1>ul>li .title-desc{display: block;overflow: hidden;float: left;/* width: 777px; */position: relative;}
#news .info-list-1>ul>li .title-desc .title{display: block;color: #454545;font-weight: bold;font-size: 16px;margin-bottom: 12px;font-weight: normal;}
#news .info-list-1>ul>li .title-desc .desc{height: 50px;display: block;color: #8E8E8E;line-height: 22px;overflow: hidden;}
#news .info-list-1>ul>li .title-desc .time{float: left;color: #C7C7C7;font-style: normal;}
#news .info-list-1>ul>li>a{background-color: #FF6B00;color: #fff;padding: 5px 10px;border-radius: 5px;display: inline-block;margin-top: 34px;float: right;}

#news-detail{padding-top: 140px;}

#news-detail{}
#news-detail .info-title{
    text-align: center;
    font-size: 16px;
    line-height: 38px;
}
#news-detail .info-time{
    text-align: center;
    display: block;
    color: #ccc;
    margin-bottom: 20px;
}
#news-detail .info-detail{}



#feature{
    padding-top: 100px;
}
#feature .info-list-1 {
    width: 100%;
}
#feature .info-list-1>ul{padding: 25px 0;display: block;overflow: hidden;width: 110%;}
#feature .info-list-1>ul>li{display: block;overflow: hidden;margin-bottom: 20px;float: left;/* width: 288px; */margin-right: 20px;border: 1px solid #e4e4e4;padding: 15px;border-radius: 5px;/* height: 163px; */}
#feature .info-list-1>ul>li .cover{display: block;overflow: hidden;width: 100%;float: left;background-color: #F7F7F7;margin-right: 13px;}
#feature .info-list-1>ul>li .cover>a{display: block;}
#feature .info-list-1>ul>li .cover>a>img{width: 100%;}
#feature .info-list-1>ul>li .title-desc{display: block;overflow: hidden;float: left;position: relative;}
#feature .info-list-1>ul>li .title-desc .title{display: block;color: #454545;font-weight: bold;font-size: 16px;margin-bottom: 12px;font-weight: normal;}
#feature .info-list-1>ul>li .title-desc .desc{height: 50px;display: block;color: #8E8E8E;line-height: 18px;overflow: hidden;}
#feature .info-list-1>ul>li .title-desc .time{float: left;color: #C7C7C7;font-style: normal;}
#feature .info-list-1>ul>li>a{background-color: #FF6B00;color: #fff;padding: 5px 10px;border-radius: 5px;display: inline-block;margin-top: 34px;float: right;}
#feature .type-list{
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 20px;
    text-align: center;
}
#feature .type-list>li{
    /* float: left; */
    display: inline-block;
}
#feature .type-list>li>a{
    display: block;
    padding: 0 10px;
    border: 1px solid #0880C9;
    margin-right: 20px;
    color: #0880C9;
    border-radius: 3px;
    font-size: 14px;
}
#feature .type-list>li>a:hover,#feature .type-list>li.on>a{
    background-color: #0880C9;
    color: #fff;
}
#index-news{
    margin-top: 30px;
}
#index-news #con1{}
#index-news #con1>li{}
#index-news #con1>li>a{}
.feature-content{
    width: 645px;
    margin: 0 auto;
}
