
/*公用定义*/
@charset "utf-8";
*:focus{outline:none;}
input{ line-height:normal;}
body a,.tm{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
	cursor:pointer;
}
.h10{background:#368edb; height: 10px; width: 100%; margin: 0; padding: 0;}
input,select,textarea,div{FONT-FAMILY:'Microsoft YaHei';}
body {margin:0px;font-size: 12px;background: #ffffff;	color: #2b2b2b;}
a {	text-decoration: none;	color: #2b2b2b;}
a:hover {text-decoration: none;color: #666666;}
ul,li,tr,td,dl,dt,dd{list-style-type:none;margin:0px;padding:0px;}
li{ overflow:hidden;}
a img{text-decoration: none;margin: 0px;padding: 0px;border:none;}
.f{ float:left; overflow:hidden;}
.r{ float:right; overflow:hidden;}
.bai,.bai a{ color:#FFFFFF;}
.hong,.hong a{ color:#ff0000;}
.huang,.huang a{ color:#faaf19;}
.lan,.lan a{ color:#2293d1;}
.lv,.lv a{ color:#2293d1;}
.hui,.hui a{color:#909090;}
.hui a:hover{color:#fff;}
.xi12{ font-size:12px;}
.xi13{ font-size:13px;}
.xi14{ font-size:14px;}
.xi15{ font-size:15px;}
.xi16{ font-size:16px;}
.xi17{ font-size:17px;}
.xi18{ font-size:18px;}
.xi19{ font-size:19px;}
.xi20{ font-size:20px;}
.xi21{ font-size:21px;}
.xi22{ font-size:22px;}
.xi23{ font-size:23px;}
.xi24{ font-size:24px;}
.xi25{ font-size:25px;}
.xi26{ font-size:26px;}
.xi27{ font-size:27px;}
.xi28{ font-size:28px;}
.xi29{ font-size:29px;}
.xi30{ font-size:30px;}
.xi31{ font-size:31px;}
.xi32{ font-size:32px;}
.xi33{ font-size:33px;}
.xi34{ font-size:34px;}
.xi35{ font-size:35px;}
.xi36{ font-size:36px;}
.xi37{ font-size:37px;}
.xi38{ font-size:38px;}
.xi39{ font-size:39px;}
.xi40{ font-size:40px;}
.xi42{ font-size:42px;}
.xi60{ font-size:60px;}
.cu{ font-weight:bold;}
.xi{ font-weight:lighter;}
.mg{ margin-left:auto; margin-right:auto; overflow:hidden; width:1000px;}
.mg2{ margin-left:auto; margin-right:auto; overflow:hidden;}
.cen{ text-align:center;}
/********************************************************************************************************************************/
.flexslider{position:relative;height:572px;overflow:hidden;zoom:1}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease}
.flexslider .slides{zoom:1}
.flex-direction-nav{z-index:999}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../../../statics/images/ly/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0}
.flex-direction-nav .flex-prev{left:0}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25)}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25)}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50)}
.flex-control-nav{width:100%;position:absolute;bottom:20px;text-align:center}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline}
.flex-control-paging li a{background:url(../../../statics/images/ly/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer}
.flex-control-paging li a.flex-active{background-position:0 0}
/********************************************************************************************************************************/
.banner1{color: #fff;}
.banner1_left{width: 700px; float: left; margin-top: 200px; padding: 0 0px 0 10px;}
.banner1_left h2{color: #fff; font-size: 48px; font-weight: normal;}
.banner1_left .en{color: #f5f5f5;}
.banner1_left p{font-size: 18px; line-height: 30px;}
.banner1_left i{color: #10ec71; margin: 0 5px 0 0;}
.banner1_left .but{width:100px;border: 1px solid #d6d6d6; text-align: center; padding: 5px auto;}
.banner1_left .but a{font-size: 13px; color: #fff;}
.banner1_right{
  width: 475px;
  height: 572px;
  float: left;
  background:url(../../../statics/images/ly/huojianbg.png) no-repeat bottom;
}
.banner1_right .huojian{
  width: 120px;
  height: 250px;
  margin:120px 0 0 189px;
  border-radius:10%;
  background:url(../../../statics/images/ly/huojian.png) no-repeat;
  -webkit-animation: float ease-in-out 2s infinite;
  animation: float ease-in-out 2s infinite;
}
@-webkit-keyframes float {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes float {
    0% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    50% {
      -webkit-transform: translateY(20px);
      transform: translateY(20px);
    }
    100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
}
/**************************************************************************************************************/
.banner2{color: #fff;}
.banner2_left{width: 700px; float: left; margin-top: 200px; padding: 0 0px 0 10px;}
.banner2_left h2{color: #fff; font-size: 48px; font-weight: normal;}
.banner2_left .description{font-size: 18px;}
.banner2_left .en{color: #f5f5f5;}
.banner2_left p{font-size: 18px; line-height: 30px;}
.banner2_left span{color: #10ec71; margin: 0 5px 0 0;}
.banner2_left .but{width:100px;border: 1px solid #d6d6d6; text-align: center; padding: 5px auto;}
.banner2_left .but p{font-size: 13px;}
.banner2_right {
  width: 460px;
  height: 300px;
  float: left;
  margin-top:150px;
  border-radius:10%;
  background:url(../../../statics/images/ly/website.png) no-repeat;
  -webkit-animation: float ease-in-out 2s infinite;
  animation: float ease-in-out 2s infinite;
}
/**************************************************************************************************************/
.banner3{color: #fff;}
.banner3_left{width: 760px; float: left; margin-top: 160px; padding: 0 0px 0 10px;}
.banner3_left h2{color: #fff; font-size: 48px; font-weight: normal;}
.banner3_left .description{font-size: 15px; line-height: 30px;}
.banner3_left .en{color: #f5f5f5;}
.banner3_left p{font-size: 18px; line-height: 30px;}
.banner3_left i{color: #10ec71; margin: 0 5px 0 0;}
.banner3_left .but{width:100px;border: 1px solid #d6d6d6; text-align: center; padding: 5px auto;}
.banner3_left .but p{font-size: 13px;}
.banner3_right {
  width: 400px;
  height: 400px;
  float: left;
  margin-top: 100px;
  background:url(../../../statics/images/ly/bpbj.png) no-repeat;
}
.banner3_right #xzbox {
  width: 236px;
  height: 236px;  
  margin:80px auto 0 83px;
  background: url(../../../statics/images/ly/bpnr.png) no-repeat;     
  border-radius:140px;     
  -webkit-animation:run 6s linear 0s infinite;  
}
.banner3_right #xzbox:hover{     
            -webkit-animation-play-state:paused;     
        }
        @-moz-keyframes run{
            0%{
              -moz-transform:rotate(0deg);
             }
             100%{
               -moz-transform:rotate(360deg);
             }
          }
          @-webkit-keyframes run{
            0%{
              -webkit-transform:rotate(0deg);
             }
             100%{
               -webkit-transform:rotate(360deg);
             }
          }
          @keyframes run{
            0%{
              transform:rotate(0deg);
             }
             100%{
               transform:rotate(360deg);
             }
          }
/**************************************************************************************************************/
.banner4{color: #fff;}
.banner4_left{width: 700px; float: left; margin-top: 200px; padding: 0 0 0 10px;}
.banner4_left h2{color: #fff; font-size: 48px; font-weight: normal;}
.banner4_left .description{font-size: 18px;}
.banner4_left .en{color: #f5f5f5;}
.banner4_left p{font-size: 18px; line-height: 30px;}
.banner4_left span{color: #10ec71; margin: 0 5px 0 0;}
.banner4_left .but{width:100px;border: 1px solid #d6d6d6; text-align: center;  padding: 5px auto;}
.banner4_left .but p{font-size: 13px;}
.banner4_right {
  width: 460px;
  height: 300px;
  float: left;
  margin-top:150px;
  border-radius:10%;
  background:url(../../../statics/images/ly/website.png) no-repeat;
  -webkit-animation: float ease-in-out 2s infinite;
  animation: float ease-in-out 2s infinite;
}  

/********************************************************************************************************************************/
.cs img,.cs img,.cs img,.cs img,.cs img,.cs img,.cs img,.cs img,.cs img,.cs img{
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transition-duration: 500ms;
-moz-transition-duration: 500ms;
-o-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out; cursor:pointer;
}
.cs img:hover,.cs img:hover,.cs img:hover,.cs img:hover,.cs img:hover,.cs img:hover,.cs img:hover,.cs img:hover,.cs img:hover,.cs img:hover{
-webkit-transform: scale(1.08, 1.08);
-moz-transform: scale(1.08, 1.08);
-ms-transform: scale(1.08, 1.08);
-o-transform: scale(1.08, 1.08);
transform: scale(1.08, 1.08);
-webkit-transition-duration: 500ms;
-moz-transition-duration: 500ms;
-o-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.tm:hover{opacity:0.85; filter:alpha(opacity=85);}
.cur{ cursor:pointer;}
.xiahuaxian{ text-decoration:underline;}
.shanchuxian{ text-decoration:line-through;}
.mengban{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:9999990;}
/*页面*/
.ntop{position:absolute;width:100%;z-index:9999999;top:0;}
div#head {
    width: 100%;
    height:auto;
}
#head .left {
    width: 400px;
	float:left;
}
#head .logo {
    background:url(../../../statics/images/ly/logo2.png) no-repeat;
    width: 388px;
    height: 120px;
    text-indent: -9999px;
}
#head .right {
    width: 550px;
    text-align: center;
    height:80px;
	float:right;
}

#head .right a {width:auto; height: auto; color: #fff; padding-top: 15px;float: left;}
#head .right a:last-child{margin-right: 0;}
#head .right a:hover{color:#fff}
#head .right .cn{padding-bottom: 3px; font-size: 14px; font-weight: 100;}
/*************************************************************************************************************/
.contentt{background: #fff url(../../../statics/images/ly/body_bg.png); width: 100%; height: auto;}
.scontent {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.kongxi {
    height: 30px;
    width: 100%;
    clear: both;
}
div, p, h1, h2, h3, h4, h5, p {
    margin: 0;
    padding: 0;
    zoom: 1;
}
.content {
    width: 1200px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    clear: both;
}
.bg0 {
    background: url(../../../statics/images/footer.jpg); width: 100%; height: 390px;
    padding-top: 30px;
}
.bg0 h5{
	font-size:16px;
}
.bg0 a{
	color:#ccc;
}
.bg0 a:hover{
	color:#ccc;
}
.bg0 p{
	color:#fff;
}
.bottom_left {
    width: 50%;
    float: left;
    margin-left: 100px;
    padding-top: 30px;
    font-size: 13px;
}
.bottom_left p {
    line-height: 30px;
    font-size: 14px;
}
.bottom_left ul {
    width: 100%;
}
.bottom_left ul li {
    float: left;
    width: auto;
    margin: 0 6px 0 0;
}
.bottom_left ul li a {
    color: #fff;
    text-decoration: none;
}
.bottom_right {
    width: 30%;
    float: right;
    margin-right: 100px;
    padding-top: 30px;
    font-size: 13px;
	text-align:center;
}
.bottom_right p {
    line-height: 30px;
    font-size: 14px;
	text-align:center;
}
.bottom_right ul {
    width: 100%;
}
.bottom_right ul li {
    float: left;
    width: auto;
    margin: 0 6px 0 0;
}
.bottom_right ul li a {
    color: #fff;
    text-decoration: none;
}
.bottom_right_top{
	width:100%;
	height:50px;
}
.bottom_right_down{
	width:300px;
	height:auto;
}
.bottom_right_down img{
	text-align:center;
}
.tt{ margin-top:48px; clear:both}
.tf{ margin-top:8px; margin-bottom:42px}
.con1z{ margin:0 50px 22px 50px}
.con1m{ margin-top:16px; margin-bottom:10px}
.con1f{ line-height:26px;}
.con2{ height:846px; background:url(../../../statics/images/ly/bg1.jpg) 50% 266px no-repeat; background-color:#f7f7f7}
.con2t{ width:852px; margin-bottom:30px}
.con2tm{ margin-left:120px; margin-right:88px}
.con2f{ width:694px; height:560px; background:url(../../../statics/images/ly/����.png) 50% 0 no-repeat}
.con2f-1{ line-height:46px; margin-bottom:-4px}
.con2f-3{ height:26px; line-height:26px; background:#03a9f5; margin-top:12px; overflow:hidden; font-size:16px;}
.con2f-3a{ width:30%; border-right:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7;}
.con2f-3b{ width:30%; border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;}
.con2f-3c{ width:10%; border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;}
.con2f-3d{ width:10%; border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;}
.con2f-3e{ width:19.7%;border-bottom:1px solid #e7e7e7;}
.li1{ width:30%; border-right:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; background:#fff;}
.li2{ width:30%; border-right:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; background:#fff;}
.li3{ width:10%; border-right:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; background:#fff;}
.li4{ width:10%; border-right:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; background:#fff;}
.li5{ width:19.7%;  border-bottom:1px solid #e7e7e7; background:#fff;}
#demo li{ height:24px; line-height:23px}
.con2f-4x{ background:#fff}
.con2f-4{ height:265px; overflow:hidden;}
#con2f-4{ overflow:hidden}
.con2f-4z{ overflow:hidden}
.con2fz{ padding:25px 28px 169px 26px}
.con3{ height:670px; background:url(../../../statics/images/ly/δ����-2.jpg) 50% 0 no-repeat;}
.con3z{ margin:58px auto 22px auto; width:1162px; padding:20px 0 0 0;}
.con3 li{ float:left; margin-right:26px; margin-bottom:48px;}
.con3 .last li:last-child{margin-right:0px;}
.rn{ margin-right:0!important}
.con4{ margin-top:12px; width:1284px; margin-left:auto; margin-right:auto; clear:both}
.con4-1{ width:25; height:334px; border:1px solid #5cd7de; margin-right:32px;float:left}
.con4-2{ width:314px; height:334px; border:1px solid #ff3438; margin-right:32px;float:left}
.con4-3{ width:285px; height:334px; border:1px solid #a3d801; margin-right:32px;float:left}
.con4-4{ width:285px; height:334px; border:1px solid #ffde01;float:left}
.con4a{ width:212px; height:40px; line-height:40px; background:#5cd7de; margin-top:-20px; margin-left:auto; margin-right:auto}
.con4b{ margin-top:16px}
.con4d{ line-height:22px; margin-bottom:26px;}

.con4e{ width:104px; height:30px; line-height:30px; background:#5cd7de; border-radius:5px; margin-left:auto; margin-right:auto}
.bg2{ background:#ff3438}
.bg3{ background:#a3d801}
.bg4{ background:#ffde01}
.con5{ width:1066px; margin-left:auto; margin-right:auto;}
.con5l{ width:608px; height:302px; background:#efedee; overflow:hidden}
.con5r{ width:444px; height:302px; background:#efedee}
.con5lz{ padding:24px 20px 48px 20px}
.con5rz{ padding:24px 20px 0 32px}
.con5lt{ line-height:38px;}
.con5lf{ overflow:hidden}
.con5lfl{padding-top:14px;}
.con5lfl img{width:200px;}
/*****************************************************************************************************************/

/*********************************************************************************************************************/
.con5lfr{ padding:25px 0 0 10px; line-height:32px; width:340px}
.con5rzz{ line-height:38px; color:#676566; padding-left:4px}
.con5rzz span{float: right;}
.con6-1{ margin-top:36px; margin-bottom:14px;}
.con6-2{ line-height:26px; margin-bottom:10px;}
.con6-3{ height:268px; background:#4d9cde}
.con6-3z{ width:1130px; overflow:hidden}
.con6-3 li{ float:left; width:156px; margin-right:38px; margin-top:26px; text-align:center; line-height:22px}
.con7t{ width:548px;}
.con7t li{ float:left; width:148px; height:40px; line-height:40px; font-size:22px; border:1px solid #929292; text-align:center; margin-right:46px}
.con7t li.hover{ background:#4d9cde; color:#fff}
.con7f{ margin-top:46px;}
.con7z{ overflow:hidden; margin-bottom:40px}
.con7fl{ width:500px}
.con7flr{ margin-left:16px; width:330px}
.con7fr{line-height:24px; width: 500px;}
.conul{width: 100%; height: auto;}
.conul li{width: 100%; line-height: 25px; text-indent: 15px;}
.conul li span{float: right; margin-left: 5px;}
.con8{ height:532px; background:#f3f4f6; margin-top:24px;}
.con8t{ margin-top:-32px; margin-bottom:52px;}
.con8f{ width:1200px}
.con8f li{ float:left; margin-right:46px; margin-bottom:64px; width:201px; height:113px; box-shadow:1px 1px 6px 1px #999999}
.con7 li:hover{ cursor:pointer}
.bgf {
    background: #f5f5f5;
}

.kongxi {
    height: 30px;
    width: 100%;
    clear: both;
}
.skongxi {
    height: 10px;
    width: 100%;
    clear: both;
}
.link {
    width: 100%;
    height: auto;
    padding: 10px;
    margin: 0;
    clear: both;
}
.link dd {
    float: left;
    width: auto;
    margin: 0 2px;
    padding: 2px;
}
.link dd a {
    color: #666;
}
/*******************************************************************************/
.keifu{ position:fixed; top:10%; right:0; width:131px;  _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom,10)||0)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
 z-index:990;}
.keifu_tab{ width:160px;}
.icon_keifu{ width:26px; height:100px; float:left; background:url(../../../statics/images/ly/keifu.png) 0 0; position:relative; display:none; cursor:pointer;}
.keifu_box{ float:left; width:131px;}
.keifu_tab img{ display:block;}
.keifu_head{ width:131px; height:41px; background:url(../../../statics/images/ly/keifu.png); background-position: 0 -103px; font-size:0; line-height:0; position:relative;}
.keifu_close:link,.keifu_close:visited{ display:block; width:11px; height:11px; background:url(../../../statics/images/ly/keifu.png) -42px 0; position:absolute; top:5px; right:5px;}
.keifu_close:hover{ background-position:-60px 0;}
.keifu_con{ border-left:7px solid #029bdb; border-right:7px solid #029bdb; padding-top:15px; background:#fbfbfb;}
.keifu_con li{height:33px; padding-left:12px;}
.keifu_con .weixin{ height:96px;}
.keifu_con .bt{ font-size:16px; height:30px; line-height:30px; text-align:left; padding:0 0 0 20px; color:#012646;}
.keifu_bot{ width:131px; height:119px; background:url(../../../statics/images/keifu.png); background-position:0 -149px; }

@media screen and (max-width:480px){
	#demo .li4,.con2f-3d{display: none;}
  #demo .li5,.con2f-3e{width:29%}
  .con2f-4{height:8.6rem;}
  #demo .li3,.con2f-3c{width:15%}
}
@media screen and (max-width:710px){
  #demo .li3,.con2f-3c{width:10%}
  .con2f-3e,.li5{ width:19%;border-bottom:1px solid #e7e7e7;}
}
@media screen and (max-width:318px){
  .con2f-3{font-size:12px;}
   #demo .li4,.con2f-3d{display: none;}
  #demo .li5,.con2f-3e{width:23%; text-align: center;}
  .con2f-4{height:8.6rem;}
  #demo .li3,.con2f-3c{width:15%}
  
}
.title_link ul{
	width:100%;
	height:auto;
}
.title_link li{
	width:10%;
	margin-right:10px;
	text-align:center;
    float:left;
	margin-top:20px;
}
#head .right ul{
	width:100%;
	height:auto;
}
#head .right li{
	text-align:center;
	float:left;
	font-size:14px;
    border-radius: 5px;
    position: relative;
    margin: 0 5px;
}
.case1{
	width:32%;
	height:auto;
	float:left;
	text-align:center;
}
.case_show{
	width:100%;
	height:auto;
	margin-top:30px;
	float:left;
}
.case_show img{
	margin-bottom:20px;
}
.case1 h3{
	color:#2b2b2b;
	font-size:14px;
	margin-top:5px;
}
.case1 p{
	color:#2b2b2b;
	font-size:14px;
	margin-top:5px;
}