@charset "utf-8";
/* CSS Document */




/* 滚动图片 */
.fullSlide{ width:100%; min-width:1200px; position:relative;  height:739px; background:#000;}
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:739px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:739px; }
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; }
.fullSlide .hd ul{ text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:42px; height:11px; margin:1px; overflow:hidden; background:#000; filter:alpha(opacity=50);opacity:0.5;  line-height:999px; }
.fullSlide .hd ul .on{ background:#f00;  }
.fullSlide .prev,.fullSlide .next{ display:block; position:absolute; z-index:1; top:50%; margin-top:-30px; left:15%; width:40px; height:60px; background:url(../images/new/slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=50);opacity:0.5;}
.fullSlide .next{ left:auto; right:15%; background-position:-6px -137px; }


/* 联盟活动css */
.picBtnTop{ width:1200px; height:370px; position:relative;  zoom:1; margin:50px auto 0;}
.picBtnTop .hd{ width:640px;  height:370px; position:absolute; right:0; overflow:hidden;}
.picBtnTop .hd ul li{ width:640px; height:120px; margin-top:5px; cursor:pointer; overflow:hidden;}

.picBtnTop .hd ul{margin-top:-5px;}
.picBtnTop .hd ul li .bd_left{ width:130px; height:120px; float:left; background:#f0f0f0; color:#9a9a9a; text-align:center; font-size:70px;}
.picBtnTop .hd ul li .bd_left span{font-size:12px; display:block; border:1px solid #9a9a9a; margin:0px 15px; padding:3px;}
.picBtnTop .hd ul li .bd_right{ width:510px; height:120px; float:left; background:#fcfcfc url(../images/new/center1_bb0.png) no-repeat right bottom; color:#9a9a9a;}
.picBtnTop .hd ul li .bd_right .bd_title{margin:20px 20px 0; font-size:18px;}
.picBtnTop .hd ul li .bd_right .bd_content{margin:20px 20px 0; height:35px; overflow:hidden; line-height:18px;}

.picBtnTop .hd ul li.on{}
.picBtnTop .hd ul li.on .bd_left{background:#09b309; color:#FFF;}
.picBtnTop .hd ul li.on .bd_left span{ border:1px solid #FFF;}
.picBtnTop .hd ul li.on .bd_right{background:#e6f7e6 url(../images/new/center1_bb1.png) no-repeat right bottom; color:#003900;}

.picBtnTop .bd{ width:530px;  height:370px; position:relative; background:#e6f7e6;}
.picBtnTop .bd li{ position:relative; zoom:1; vertical-align:middle;}
.picBtnTop .bd li .pic{ position:relative; z-index:0; padding:10px; overflow:hidden;}
.picBtnTop .bd li .pic img{ width:510px; height:350px; vertical-align:bottom; }

/*-----------中栏div----------*/
.indexcenter_title{height:64px; width:220px; display:block; margin:0 auto;}


#web_center1{}
#web_center1_title{ height:64px; background:url(../images/new/center1_titie.png) no-repeat center;}
#web_center1_title_e{ height:64px; background:url(../images/new/center1_titie_e.png) no-repeat center;}




#web_center2{ background:#ededff; min-width:1200px;}
#web_center2_title{ height:64px; background:url(../images/new/center2_titie.png) no-repeat center;}
#web_center2_title_e{ height:64px; background:url(../images/new/center2_titie_e.png) no-repeat center;}
#web_center2_content{margin-top:50px;}

.div_shadow{
-webkit-box-shadow:0 0 15px rgba(0,0,0,.3);  
-moz-box-shadow:0 0 15px rgba(0,0,0,.3);  
box-shadow:0 0 15px rgba(0,0,0,.3); 
}

#web_center2_content .center2_title{ height:44px; background:url(../images/new/center2_title_back.jpg) repeat-x; padding:13px 0 0 23px; color:#FFF; font-size:18px;}
#web_center2_content .center2_title a{display:block; position:absolute; right:20px; bottom:2px; color:#FFF;}
#web_center2_content .center2_img a img{border:none; max-width:100%;}

#web_center2_content td[class="div_shadow"]{ background:#FFF;}

#web_center2_content ul{background:#FFF; padding:10px 25px 30px;}
#web_center2_content ul li{margin-top:8px;}
#web_center2_content ul li a:hover{color:#00af00;}


#web_center3{ margin-top:72px;}
#web_center3_title{ height:64px; background:url(../images/new/center3_titie.png) no-repeat center;}
#web_center3_title_e{ height:64px; background:url(../images/new/center3_titie_e.png) no-repeat center;}
#web_center3_content{background:#ededff; height:124px; margin-top:50px;}
#web_center3_content table{background:#FFF;}
#web_center3_content table td{ height:124px; width:180px; text-align:center;}
#web_center3_content table td a{display:block; margin-top:-25px;}
#web_center3_content table .xxleft{background:url(../images/new/center3_back1.png) no-repeat left; width:150px;}
#web_center3_content table .xxright{background:url(../images/new/center3_back2.png) no-repeat right 0; width:150px;}



#web_center4{ background:#ededff; margin-top:35px; min-width:1200px;}
#web_center4_title{ height:64px; background:url(../images/new/center4_titie.png) no-repeat center;}
#web_center4_title_e{ height:64px; background:url(../images/new/center4_titie_e.png) no-repeat center;}

#web_center4_content{margin-top:32px; margin:0 auto;}
#web_center4_content ul{margin:0; margin-top:50px; margin-left:-15px;}
#web_center4_content ul li{float:left; display:block; margin-left:18px; margin-top:15px; width:225px; height:150px; position:relative; text-align:center; background:#FFF;}
#web_center4_content ul li img{max-width:190px; margin-top:20px;}
#web_center4_content ul li span{position:absolute; bottom:5px; display:block; width:225px; text-align:center;}




#web_video{ margin-top:50px;}
#web_video_title{ height:64px; background:url(../images/new/center_video.png) no-repeat center;}
#web_video_title_e{ height:64px; background:url(../images/new/center_video_e.png) no-repeat center;}
#v_div{width:1200px; margin:50px auto 0;}
#v_left{float:left; width:530px; height:450px; background:#e6f7e6;
  -webkit-box-shadow:0 0 10px #ebebeb;  
  -moz-box-shadow:0 0 10px #ebebeb;  
  box-shadow:0 0 10px #ebebeb;  
  }
#videobox{margin:15px auto; width:510px; min-height:425px;}

#v_right{float:right; width:640px;}
#v_right li{height:110px; margin-top:2px; border-bottom:1px solid #09b309; cursor:pointer;}
.vc_left{float:left; width:130px; height:110px; text-align:center; font-size:60px;}
.vc_left span{font-size:12px; display:block; border:1px solid #9a9a9a; margin:0px 15px; padding:3px;}
.vc_right{float:right; width:480px; margin-right:10px;}

.cxx{ background:#fcfcfc; color:#333;}
.cxx_now{ background:#e6f7e6; color:#0D6720;}
.v_title{ height:30px; font-size:16px; font-weight:bold;;}
.v_content{margin:5px 0; height:50px; overflow:hidden;}

.cyy{ background:#f0f0f0; color:#9a9a9a;}
.cyy_now{background:#09b309; color:#fff;}
.cyy_now span{ border:1px solid #FFF;}




#web_link{}
#web_link_title{ height:64px; background:url(../images/new/center_link.png) no-repeat center;}
#web_link_title_e{ height:64px; background:url(../images/new/center_link_e.png) no-repeat center;}
#web_link_content{}
#web_link_content a{ display:inblock; float:left; margin-left:15px; margin-top:10px;}
#web_link_content a:hover{ color:#36B00C;}
/*
#web_link_content a img{ display:block; border:1px solid #A6A6A6;}
*/






/*以下部分是首页内“关于我们”的样式修改      by:JamesL  2017/05/02*/

#web_center1_us{ margin-top: 40px;height:64px; background:url(../images/new/center1_us.png) no-repeat center;}
#web_center1_us_e{ height:64px; background:url(../images/new/center1_us_e.png) no-repeat center;}

/*.wrapper {margin: 0 auto;width: 1200px;margin-top: 30px;padding-left: 1em;padding-right: 1em;}*/
.wrapper {margin: 0 auto;width: 1200px;margin-top: 30px;}

.clearfix {*zoom: 1;}
.clearfix:before, .clearfix:after {content: "";display: table;line-height: 0;}
.clearfix:after {clear: both;}

.overview .wrapper *,.overview .wrapper *:after,.overview .wrapper *:before{ box-sizing:border-box;}
figure {position: relative;z-index: 1;display: inline-block;overflow: hidden;float:left;width: 25%;box-sizing: border-box;text-align: center;cursor: pointer;}
figure img {position: relative;display: block;height:auto; width:99%;}
figure figcaption {padding: 2em;color: #fff; text-transform: uppercase;font-size: 1.25em;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
figure figcaption::before,
figure figcaption::after {pointer-events: none;}
figure figcaption,
figure a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
figure a {z-index: 1000;text-indent: 200%;white-space: nowrap;font-size: 0;opacity: 0;}
figure h2 {word-spacing: -0.15em;font-weight: 300; font-size: 1.5em;}
figure h2 span {font-weight: 800;}
figure h2,
figure p {margin: 0; }
figure p {letter-spacing: 1px;font-size: 100%;padding:0 1em; text-align: left;}
figure.effect-sadie figcaption{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
figure.effect-sadie h2 {text-shadow: 0 4px 10px rgba(0,0,0,0.3); position: absolute;top: 50%;left: 0;width: 100%;color: #fff; letter-spacing:1px; -webkit-transition: -webkit-transform 0.35s, color 0.35s;transition: transform 0.35s, color 0.35s;-webkit-transform: translate3d(0,-50%,0);transform: translate3d(0,-50%,0);}
figure.effect-sadie figcaption::before,
figure.effect-sadie p { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
figure.effect-sadie p {position: absolute;top: 0;left: 0;padding:45% 48px 0;width: 100%; height:100%;opacity: 0;-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,10px,0);}
figure.effect-sadie:hover h2 {color: #fff;-webkit-transform: translate3d(0,-100%,0) translate3d(0,-100px,0);transform: translate3d(0,-100%,0) translate3d(0,-100px,0);}
figure.effect-sadie:hover figcaption::before ,
figure.effect-sadie:hover p {opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
figure.effect-sadie:hover figcaption{ opacity: 1;transition: opacity 1s;background:rgba(0,0,0,0.8); }

@media (max-width: 767px) {
    figure{width:50%;}
    figure h2{font-size:1em; font-weight: 600;}
    figure p{display:none;}
    figure.effect-sadie:hover h2 {-webkit-transition: -webkit-transform 0.35s, color 0.35s;transition: transform 0.35s, color 0.35s;-webkit-transform: translate3d(0,-50%,0);transform: translate3d(0,-50%,0);}
    figure.effect-sadie:hover p {opacity: 0;}
    figure.effect-sadie:active,
    figure.effect-sadie:active h2{color:#fff;}
}

/*修改到此结束*/