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


.index2{ width:100%;}
.index21{ width:90%; margin:auto;text-align:center; line-height:32px;  }
.index21a{ font-size:26px; color:#333333; height:40px; line-height:40px; padding-top:2%; font-weight:bold; text-transform:Uppercase;}
.index21b{ font-size:20px; color:#00923F; height:20px; line-height:20px;  }


.index22{padding-top:5%;  width:100%; background-color:#EEEEEE;margin-top: 2%;}
.index22one{padding-top:5%;  width:100%; background-color:#EEEEEE;margin-top: 2%;}

.index221{ width:90%; margin:auto;}
.index211a{ width:30%; height:180px; background-color:#fff; margin-right:5%; float:left; }
.index211a1{ color:#00923F; height:70px; line-height:70px; font-size:30px; font-weight:bold; width:90%; margin:auto;  }
.index211a2{ color:#5B5A5A; height:40px; line-height:40px; font-size:16px;   width:90%; margin:auto;  }
.index211a3{ color:#5B5A5A; height:40px; line-height:40px; font-size:18px;   width:90%; margin:auto;  }


.index211b{ width:30%; height:180px; background-color:#fff; margin-right:5%; float:left;   margin-bottom: 5%; }
.index211bb{margin-bottom: 4%;}
.index211c{ width:30%; height:180px; background-color:#fff;  float:left;   }
.index211cd{ width:30%; height:180px; background-color:#fff;  float:left;   }
.index211b1{ width:90%; margin:auto;}

.index211b1l{ float:left; width:50%; margin-right:5%;}
.index211b1l h1{ font-size:18px; font-weight:bold; height:50px; line-height:50px; color:#00;}
.index211b1l p{ font-size:12px;  height:100px; line-height:20px; color:#000;}
.index211b1l span{ font-size:12px;  height:100px; line-height:20px; color:#00923F;}

.index211b1r{ float:left; width:40%; margin-right:5%; padding-top:8px; }
.index211b1r img { width:100%; }
.index31{ width:38%; float:left; }
.index32{ width:24%; float:left;  }
.index33{ width:38%; float:left; }
.index32 img{ width:100%;}
#xwdbt{color: #000; font-size: 18px;margin-bottom: 20px;font-weight: bold;}
#xwdms{color: #646464;
    font-size: 12px;
    margin-bottom: 5%;
    line-height: 20px;
    width: 90%;
    height: 64px;
    overflow: hidden;}
#xwxx{color: #000;}

.index31A{ width:100%; text-align:right; margin-bottom: 10%;}
.index31A1{ float:left; width:70%;}
.index31A1 h1{ color:#45A527; font-size:18px; font-weight:bold; height:40px; line-height:40px; }
.index31A1 p{ color:#696969; font-size:12px;   line-height:22px;height: 92px;overflow: hidden;}

.index31A2{ float:left; width:30%;}
.index31A2 img{ width:100%; height: auto;}
.index31A22 img{ width:100%;height: auto;}

.index31A11{ float:left; width:70%; text-align: left; }
.index31A11 h1{ color:#45A527; font-size:18px; font-weight:bold; height:40px; line-height:40px; }
.index31A11 p{ color:#696969; font-size:12px;   line-height:22px; }

.index31A22{ float:left; width:30%;}
#ewm{width: 86px;
    height: 86px;}

.index4bk{ background-color:#fff;width:100%;}
.index41bk{ width:90%; margin:auto; }
.index4bk1{ width:90%; margin:auto; }
.index4bk1l{ float:left; width:70%; }
.index4bk1r{ float:left; width:30%; }

.index4bk1l h1{ color:#00923F; font-size:40px; font-weight:bold; line-height:100px; }
.index4bk1l p{ color:#1B1B1B; font-size:20px; font-weight:bold; line-height:40px; }


.index4bk1rr p{ color:#1B1B1B; font-size:20px; font-weight:bold; line-height:20px; margin-top: 30px;}
.index4bk1rr h1 p{ color:#00923F; font-size:36px; font-weight:bold; line-height:70px;margin-top: 0}

.index4bk1rl, .index4bk1rl{ float:left; }
.index4bk1rl{ margin-top:30px; }
.index4bk1rr{ margin-top:50px; }
.index4bk1rl img{width: 100%;height: auto;}


.index5{ background-color:#fff; }
.index51a{ width:50%; float:left; background-image:url(../images/index5b1_1.jpg); background-position: center;background-repeat: no-repeat; background-size: cover;height:230px; }
.index51a:hover{ width:50%; float:left; background-image:url(../images/index5b11_1.jpg); background-position: center;background-repeat: no-repeat; background-size: cover;height:230px; }


.index51b{ width:50%; float:left; background-image:url(../images/index5b2_1.jpg); background-position: center;background-repeat: no-repeat; background-size: cover;height:230px;}
.index51b:hover{ width:50%; float:left; background-image:url(../images/index5b22_1.jpg); background-position: center;background-repeat: no-repeat; background-size: cover;height:230px;}


.index51a1{ width:50%; float:left;   height:230px; }
.index51a2{ width:50%; float:left;   height:230px; background-color:#fff;  }

.index51a2x{ width:50%; float:left;   height:230px; background-color:#00923F;  }



.index5121{ width:20%; margin:auto;  margin-top:10px; }
.index5121 img{ width:100%; }
.index5122{ text-align:center; font-size:20px; color:#2B2A2A; line-height:60px; }
.index5123{ text-align:center; font-size:14px; color:#2B2A2A; line-height:30px; }
.index5124{ text-align:center; font-size:14px; color:#00923F; line-height:30px; }

.index5122x{ text-align:center; font-size:20px; color:#fff; line-height:60px; }
.index5123x{ text-align:center; font-size:14px; color:#fff; line-height:30px; }
.index5124x{ text-align:center; font-size:14px; color:#fff; line-height:30px; }

.index51ax{ width:50%; float:left; background-image:url(../images/index5b3.jpg); background-position: center;background-repeat: no-repeat; background-size: cover;height:230px; }
.index51ax:hover{ width:50%; float:left; background-image:url(../images/index5b33_1.jpg); background-position: center;background-repeat: no-repeat; background-size: cover;height:230px; }

.index51ax1{background-image:url(../images/index5b31_1.jpg);}
.index51ax1:hover{background-image:url(../images/index5b331_1.jpg);}


.index51bx{ width:50%; float:left; background-image:url(../images/index5b4_1.jpg); background-position: center;background-repeat: no-repeat; background-size: cover;height:230px; }
.index51bx:hover{ width:50%; float:left; background-image:url(../images/index5b44.jpg); background-position: center;background-repeat: no-repeat; background-size: cover;height:230px; }


.index22x{padding-top:5%;  width:100%; background-color:#EEEEEE;margin-top: 15px;padding-bottom: 2%;}


.search{width: 280px;
height: 28px;
 float: right;
background: none;
border-radius: 6px;
 z-index: 5;
border: 1px solid #cccccc;
color: #000;}

#s_btn{
    background: url(../images/search_1.png) no-repeat center 7px;
    width: 32px;
    height: 28px;
    border: none;
    outline: 0;
    padding: 0;
    float: right;
    margin-right: 2px;
    cursor: pointer;
}
.search input[type="text"] {width: 190px;
height: 28px;
line-height: 28px;
font-size: 12px;
border: none;
padding: 0 10px 0px 12px;
float: left;
outline: 0;
background: none;}



.footer{ width:100%; background-color:#00923F;}
.foot{ width:90%; margin:auto; padding: 30px 0;}
.foot2{ color:#fff; font-size:16px; height: 40px; line-height: 40px;background: url(../images/jt_1.png) right 50% no-repeat;}
.foot2 a:hover{ color:#fff; font-size:16px; height: 40px; }

.foot3{ color:#fff; font-size:12px; line-height:30px;  }
.foot3 a:hover{ color:#DFDFDF; text-decoration:underline;  font-size:12px; height: 30px; line-height:20px;  }

.foot1{ float:left;border-bottom: 1px solid #fff;width: 100%;padding:0 3px;}
.foot11{ float:left;width: 100%;padding:0 3px;}


.foot1 .content{display: none;}
@media (min-width: 1010px) {
   .foot1 .content{display: block;}
   .foot1{background: none;border:none;width:12.1%;}
   .foot11{width:22%;}
   .foot2{background: none;}
  }

.footerr{line-height: 40px;color: #fff; font-size:12px; width: 100%; background-color: #23AF3F;}
.footerr1{ width:90%; margin:auto;}
.foot2 a{ color:#fff; }
.foot3 a{ color:#fff; }



.index4{background:url(../images/nav1.jpg);
background-size: cover;
background-position: top;
background-attachment: fixed;
background-repeat: no-repeat;
color: #ffffff;
padding: 70px 0;}













/* banner样式开始 */
@charset "utf-8";

body {
    background:#fff;
    margin:0;
    padding:0;
    color:#686868;
}

#wrapper {
    background:#fff;
    position:relative; margin-top:100px;
}

a {
    text-decoration:none;
    -webkit-transition:color 0.2s linear;
    -moz-transition:color 0.2s linear;
    -o-transition:color 0.2s linear;
    transition:color 0.2s linear;
}

a:focus , a:link, a:active {
    outline:none;
}

a:hover {
    color:#444;
}


.fullwidthbanner-container{
    width:100% !important;
    position:relative;
    padding:0;
    max-height:500px !important;
    overflow:hidden;
}

.fullwidthbanner-container .fullwidthabnner {
    width:100% !important;
    max-height:700px !important;
    position:relative;
}

/* ipad 竖向样式 */
@media only screen and (min-width: 768px) and (max-width: 959px) {
      .banner, .bannercontainer         {   width:768px; height:309px;}

      .index4bk1l h1{ font-size:20px; }

      .index211a{ width:45%; height:180px; background-color:#fff;  margin-right:10%; float:left; }
      .index211b{ width:45%; height:180px; background-color:#fff;   margin-right:0%;float:left; }
      .index211c{ width:45%; height:180px; background-color:#fff;  margin-right:10%;  float:left;   }
      .index22 { padding-top: 5%;width: 100%;background-color: #EEEEEE;}

      .index31A22 img { width:100%; }
      .index31A1 p, .index31A11 p{ line-height: 22px; }
      .index33, .index31{ width:40%; }
      .index32{ width:20%}
      .index221{ width:99%; }
      .index31A1 h1, .index31A11 h1{ font-size:16px;}
      .index22one{padding-top:5%;  width:100%; background-color:#EEEEEE;}

      .index211a1{ color:#00923F; height:70px; line-height:70px; font-size:24px; font-weight:bold; width:90%; margin:auto;  }
      .index211a3{ color:#5B5A5A; height:20px; line-height:20px; font-size:18px;   width:90%; margin:auto;  }

      .index4bk1l h1{ font-size: 30px; line-height: 100px; }
      .index4bk1l p{ line-height:5px; }
      .index4bk1l{ width:55%; }
      .index4bk1r{ width:45%; }
      .index4bk1rl img{ width:80%; }
      .index4bk1rr h1{ font-size:26px; }
      .index4bk{ height:150px; }

      .index5123,.index5123x{ font-size:12px; }
      .index61l span{ line-height: 30px;}
      .index61l span:hiver{ color:#FFF;}
      .new-pic img{ width:90%; }
      .foot1{}
      .foot11{}

      .index211cd{ width:45%; height:180px; background-color:#fff;  float:right;;   }





}

@media only screen and (min-width: 480px) and (max-width: 767px) {
       .banner, .bannercontainer        {   width:480px; height:693px;  }
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
        .banner, .bannercontainer       {   width:320px;height:629px;   }
}

@media only screen and (max-width: 319px) {
        .banner, .bannercontainer       {   width:240px;height:200px;   }
}

.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected {
    background:#00923F !important;
}
.tp-leftarrow:hover,
.tp-rightarrow:hover {
    background-color:#00923F !important;
 }
/** BULLETS **/
.tp-bullets {
    z-index: 1001;
    position: absolute;
    bottom: 0px;
}

.tp-bullets.simplebullets.round .bullet {
    cursor: pointer;
    position: relative;
    background: #EBEBEB;
    width: 188px;
    height: 6px;
    float: left;
    -webkit-transition: background 0.1s linear;
    -moz-transition: color, background 0.1s linear;
    -o-transition: color, background 0.1s linear;
    transition: color, background 0.1s linear;
}


.tp-leftarrow.large {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: #393939 url(../images/slider-left-arrow_1.png) no-Repeat;
    width: 42px;
    height: 43px;
    margin-left: 0px;
    margin-top: -21px;
    -webkit-transition: background 0.1s linear;
    -moz-transition: color, background 0.1s linear;
    -o-transition: color, background 0.1s linear;
    transition: color, background 0.1s linear;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}

.tp-rightarrow.large {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: #393939 url(../images/slider-right-arrow_1.png) no-Repeat 0 0;
    width: 42px;
    height: 43px;
    margin-left: 0;
    margin-top: -21px;
    -webkit-transition: background 0.1s linear;
    -moz-transition: color, background 0.1s linear;
    -o-transition: color, background 0.1s linear;
    transition: color, background 0.1s linear;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}



.tp-bullets.tp-thumbs {
    z-index: 100;
    position: absolute;
    padding: 3px;
    background-color: #fff;
    width: 500px;
    height: 50px;
    margin-top: -50px;
}

.fullwidthbanner-container .tp-thumbs {
    padding: 3px;
}

.tp-bullets.tp-thumbs .tp-mask {
    width: 500px;
    height: 50px;
    overflow: hidden;
    position: relative;
}

.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer {
    width: 5000px;
    position: absolute;
}

.tp-bullets.tp-thumbs .bullet {
    width: 100px;
    height: 50px;
    cursor: pointer;
    overflow: hidden;
    background: none;
    margin: 0;
    float: left;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    /*filter: alpha(opacity=50);    */
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
}

.tp-bullets.tp-thumbs .bullet:hover,
.tp-bullets.tp-thumbs .bullet.selected {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.tp-thumbs img {
    width: 100%;
}

.tp-bannertimer {
    width: 100%;
    height: 10px;
    position: absolute;
    z-index: 200;
    z-index: 5000;
}

.tp-bannertimer.tp-bottom {
    bottom: 0px !important;
    height: 5px;
}


@media only screen and (min-width: 768px) and (max-width: 959px) {;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .responsive .tp-bullets.tp-thumbs {
        width: 300px !important;
        height: 30px !important;
    }

    .responsive .tp-bullets.tp-thumbs .tp-mask {
        width: 300px !important;
        height: 30px !important;
    }

    .responsive .tp-bullets.tp-thumbs .bullet {
        width: 60px !important;
        height: 30px !important;
    }
}

@media only screen and (min-width: 0px) and (max-width: 479px) {
    .responsive .tp-bullets {
        display: none;
    }

    .responsive .tparrows {
        display: none;
    }
}


.tp-simpleresponsive img {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.tp-simpleresponsive a {
    text-decoration: none;
}

.tp-simpleresponsive ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tp-simpleresponsive >ul >li {
    list-stye: none;
    position: absolute;
    visibility: hidden;
}

.caption.slidelink a div,
.tp-caption.slidelink a div {
    width: 10000px;
    height: 10000px;
}

.tp-loader {
    background: url(../images/loader.gif) no-repeat 10px 10px;
    background-color: #fff;
    margin: -22px -22px;
    top: 50%;
    left: 50%;
    z-index: 10000;
    position: absolute;
    width: 44px;
    height: 44px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

/* banner样式结束 */



































.block_home_slider {

    position: relative;
    background-color: #ffffff;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    behavior: url(../images/pie.htc); /*半透明兼容*/
    text-align: center;
    line-height: 0px;
    margin-right: auto;
    margin-left: auto;
}  /*底部小图标*/
.block_home_slider .slide {position:relative;}
.block_home_slider .caption {padding:13px 16px 12px; position:absolute; left:0px; right:0px; bottom:0px; background:url(../images/bg_caption.png); text-align:left;}
.block_home_slider .caption p {padding-bottom:0px; font-size:11px; color:#dedede; text-shadow:0px -1px #000000; line-height:17px;}
.block_home_slider .caption p.title {padding-bottom:6px; font-size:15px; color:#ffffff; font-weight:bold; line-height:normal;}
.block_home_slider .flex-direction-nav a {width:25px; height:25px; margin-top:-27px; display:block; position:absolute; top:50%; background-repeat:no-repeat; background-image:url(../images/sprite_arrow_2.png); text-indent:-9000px;}
.block_home_slider .flex-direction-nav a.flex-prev {left:6px; background-position:left top;}
.block_home_slider .flex-direction-nav a.flex-prev:hover {background-position:left bottom;}
.block_home_slider .flex-direction-nav a.flex-next {right:6px; background-position:right top;}
.block_home_slider .flex-direction-nav a.flex-next:hover {background-position:right bottom;}
.block_home_slider .flex-control-paging {padding-top:15px; display:inline-block;}
.block_home_slider .flex-control-paging li {
    margin: 0px;
    padding: 0px;
    float: left;
    overflow: hidden;
    list-style-type: none;
}
.block_home_slider .flex-control-paging li a {width:12px; height:12px; display:block; background-repeat:no-repeat; background-image:url(../images/sprite_nav_3.png); text-indent:-9000px; cursor:pointer;}
.block_home_slider .flex-control-paging li a.flex-active {background-position:right top;}

.block_home_post_feature {width:300px;}
.block_home_post_feature p {padding-bottom:0px;}


.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
    list-style-type: none;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}




.logo {float: left;}
.logo img{width: 100%;height: auto;}
.logo_2 img{width: 100%;height: auto;}
.header.scroll .logo {width:100px; top:44px;transition:all 1s ease-in 0s;-moz-transition:all 1s ease-in 0s;-ms-transition:all 1s ease-in 0s;-o-transition:all 1s ease-in 0s;-webkit-transition:all 1s ease-in 0s;}
.header_md .logo_1 { top:20px; width:130px; position:absolute; z-index:999999;}
.logo_2 { display:none;}




.all { opacity:0;}
.loading { width:100%; height:100%; background:#fff; position:fixed; top:0px; left:0px;}
.cheng { height:80px; display:none; width:100%;}
.he_se:focus { outline: 2px #0f5ead solid;}

.top_hui { display:none;}
.seach_text:focus {outline: 2px #0f5ead solid;}
.fixed { width:100%; top:0px; left:0px; position:relative; position: fixed; background:rgba(255, 255, 255, 0.95); z-index:2000; border-bottom:1px #dedede solid;}
.header { height:100px; width:90%; margin:0px auto; }
.seach { margin-top:34px; height:65px; opacity:0;transition:all 0.5s ease-in 0s;-moz-transition:all 0.5s ease-in 0s;-ms-transition:all 0.5s ease-in 0s;-o-transition:all 0.5s ease-in 0s;-webkit-transition:all 0.5s ease-in 0s;}
.seach.show { transition:all 0.2s ease-in 0s;-moz-transition:all 0.2s ease-in 0s;-ms-transition:all 0.2s ease-in 0s;-o-transition:all 0.2s ease-in 0s;-webkit-transition:all 0.2s ease-in 0s; opacity:1;}
.seach_text { width:298px; height:40px; background:#fff; border:1px #cccccc solid; padding:0px; margin:0px; font-size:14px; text-indent:10px; font-family:'微软雅黑','microsoft yahei'; color:#555454;}
.sec { width:50px; height:34px;  position:absolute; background:#fff; top:4px; left:2px; cursor:pointer; }

.seach_btn { width:48px; height:34px;padding:0px; margin-left:-50px; margin-top:3px; font-size:18px; color:#999;   border-left:1px #ededed solid; cursor:pointer; background:none;}
.seach_btn:hover { color:#1d3278;}
.seach_nav { margin-top:-40px;}
.seach_nav a { display:inline-block; margin:0px 29px; font-family:'微软雅黑'; color:#848484;}
.seach_nav a:hover { color:#414141;}


.header.scroll .seach_sr { width:24px; height:23px; background: url(../images/graph.png) no-repeat; background-position: -351px -25px; position:absolute; right:16%; top: 45px; cursor:pointer; z-index:1000;transition:all 1s ease-in 0s;-moz-transition:all 1s ease-in 0s;-ms-transition:all 1s ease-in 0s;-o-transition:all 1s ease-in 0s;-webkit-transition:all 1s ease-in 0s;}
.seach_sr img { display:none;}
.seach_srshow { display: none;}
.header.scroll .seach_sr { display: block;}
.header.scroll { height:100px; transition:all 1s ease-in 0s;-moz-transition:all 1s ease-in 0s;-ms-transition:all 1s ease-in 0s;-o-transition:all 1s ease-in 0s;-webkit-transition:all 1s ease-in 0s;}
.header.scroll .seach { height:0px; opacity:0; margin-top:0px; overflow:hidden; transition:all 0.5s ease-in 0s;-moz-transition:all 0.5s ease-in 0s;-ms-transition:all 0.5s ease-in 0s;-o-transition:all 0.5s ease-in 0s;-webkit-transition:all 0.5s ease-in 0s;}

/*------------------------------------------------------------*/

 .nav { opacity:0;display:inline;}
.header.scroll .nav {  position:relative; display:inline; position:absolute; bottom:-17px; left:210px; }

.header.scroll .nav ul li{ margin-top:0px;transition:all 0s ease-in 0s;-moz-transition:all 0s ease-in 0s;-ms-transition:all 0s ease-in 0s;-o-transition:all 0s ease-in 0s;-webkit-transition:all 0s ease-in 0s; }
.nav.show {transition:all 0.5s ease-in 0.1s;-moz-transition:all 0.5s ease-in 0.1s;-ms-transition:all 0.5s ease-in 0.1s;-o-transition:all 0.5s ease-in 0.1s;-webkit-transition:all 0.5s ease-in 0.1s; opacity:1;float: left;width:80%;}
.nav ul li { float:left;margin:0px 0px;position:relative;text-align: center;width:9.5%;}
.nav ul li dl dt a{ display:inline-block;text-align:center; height:56px;line-height:30px; }
.nav ul li dl dt a {  font-size:14px; color:#606060; font-weight: bold;}
.nav ul li dl dt a:hover { color:#00923F;}
.nav ul li dl {position:relative; }
.back_nav { height:4px; background:#194098; position:absolute; top:21px; }
.back_nav.hoi { transition:all 0.1s ease-in 0s;-webkit-transition:all 0.1s ease-in 0s;}

.span_1 { width:60px; height:3px; position:absolute; bottom:9px; left:50%; margin-left:-30px;}
.header.scroll .span_1 { bottom:16px;}
.span_1 .b_left { width:0px; height:3px; background:#2BA540; display: block; position:absolute; right:50%; top:0px;transition:all 0.1s ease-in 0s;-moz-transition:all 0.1s ease-in 0s;-ms-transition:all 0.1s ease-in 0s;-o-transition:all 0.1s ease-in 0s;-webkit-transition:all  0.1s ease-in 0s;}
.span_1 .b_right { width:0px; height:3px; background:#1b4b9f; display: block; position:absolute; left:50%; top:0px;transition:all 0.1s ease-in 0s;-moz-transition:all 0.1s ease-in 0s;-ms-transition:all 0.1s ease-in 0s;-o-transition:all 0.1s ease-in 0s;-webkit-transition:all  0.1s ease-in 0s;}
.nav ul li.hover .span_1 .b_left { width:30px; height:3px; background:#00923F; display: block; position:absolute; right:50%; top:0px;transition:all 0.1s ease-in 0s;-moz-transition:all 0.1s ease-in 0s;-ms-transition:all 0.1s ease-in 0s;-o-transition:all 0.1s ease-in 0s;-webkit-transition:all  0.1s ease-in 0s;}
.nav ul li.hover .span_1 .b_right { width:30px; height:3px; background:#00923F; display: block; position:absolute; left:50%; top:0px;transition:all 0.1s ease-in 0s;-moz-transition:all 0.1s ease-in 0s;-ms-transition:all 0.1s ease-in 0s;-o-transition:all 0.1s ease-in 0s;-webkit-transition:all  0.1s ease-in 0s;}
.nav ul li.b_center.hover .span_1 .b_left { width:50px; height:3px; background:#2BA540; display: block; position:absolute; right:50%; top:0px;transition:all 0.1s ease-in 0s;-moz-transition:all 0.1s ease-in 0s;-ms-transition:all 0.1s ease-in 0s;-o-transition:all 0.1s ease-in 0s;-webkit-transition:all  0.1s ease-in 0s;}
.nav ul li.b_center.hover .span_1 .b_right { width:50px; height:3px; background:#2BA540; display: block; position:absolute; left:50%; top:0px;transition:all 0.1s ease-in 0s;-moz-transition:all 0.1s ease-in 0s;-ms-transition:all 0.1s ease-in 0s;-o-transition:all 0.1s ease-in 0s;-webkit-transition:all  0.1s ease-in 0s;}

.logo a:hover img,.logo_1 a:hover img,.logo_2 a:hover img { opacity:1;}

.dd2 { width:280px; height:510px; background:#fff; position:absolute; top:67px; left:-80px;display:none;}
.dd2 .dd2_list { width:250px; height:84px; border-bottom:1px #f0f0f0 solid; margin:0px auto; position:relative;}
.dd2 .dd2_list .tu_list1 { width:630px; height:510px; position:absolute; left:265px; top:0px; display:none; overflow:hidden; background:#fff;}
.dd2 .dd2_list .tu_list2 { width:630px; height:510px; position:absolute; left:265px; top:-85px; display:none; overflow:hidden; background:#fff;}
.dd2 .dd2_list .tu_list3 { width:630px; height:510px; position:absolute; left:265px; top:-170px; display:none; overflow:hidden; background:#fff;}
.dd2 .dd2_list .tu_list4 { width:630px; height:510px; position:absolute; left:265px; top:-255px; display:none; overflow:hidden; background:#fff;}
.dd2 .dd2_list .tu_list5 { width:630px; height:510px; position:absolute; left:265px; top:-340px; display:none; overflow:hidden; background:#fff;}
.dd2 .dd2_list .tu_list6 { width:630px; height:510px; position:absolute; left:265px; top:-425px; display:none; overflow:hidden; background:#fff;}

.dd2 .dd2_list a.a1 { display:inline-block; width:220px; height:69px; margin-top:8px; line-height:69px; padding:0px 15px; background:#fff; color:#333333; transition: all 0.2s ease-in 0s;-moz-transition: all 0.2s ease-in 0s;-ms-transition: all 0.2s ease-in 0s;-o-transition: all 0.2s ease-in 0s;-webkit-transition: all 0.2s ease-in 0s;}
.dd2 .dd2_list a.a1:hover { background:#1b4b9f; color:#fff;transition: all 0.1s ease-in 0s;-moz-transition: all 0.1s ease-in 0s;-ms-transition: all 0.1s ease-in 0s;-o-transition: all 0.1s ease-in 0s;-webkit-transition: all 0.1s ease-in 0s;}
.dd2 .dd2_list a.a1 span { font-size:14px; }
.dd2 .dd2_list a.a1 span.fr { margin-right:8px;}
.dd2 .dd2_list a.a1 span.fr img{ *+margin-top:18px;}
.che_text_1 { width:630px;  height:272px; background:#fff;}
.che_text_1 h3.h3 { font-size:17px;  margin-top:32px; margin-left: 30px;}
.che_text_1 .ng_text { width:460px; line-height:17px; color:#999898; margin-left:30px; margin-top:18px;font-size:12px;}
.btn_go a { display:block; width:52px; height:52px; background: url(../images/nav2_button.jpg) no-repeat; margin-top:26px; margin-left:30px;}
.btn_go a:hover {  background: url(../images/nav2_button2.jpg) no-repeat; }
.li_si {width:52px; height:2px; background:#898989; margin-top:11px; margin-left: 30px;}
.dd3 { width:290px; background:#fff; position:absolute; top:47px; left:-95px; display:none;}
.nav_3 { width:230px; height:50px; border-bottom:1px #f0f0f0 solid; margin:0px auto; }
.nav_4 { width:230px; height:60px; margin:0px auto; text-align:center;margin:0px auto; text-align:center;}
.nav_3 a,.nav_4 a {font-weight: bold; width:100%; height:50px; display: inline-block; text-align:center; margin:0px auto; font-size:12px; line-height:50px;transition: all 0.1s ease-in 0s;-moz-transition: all 0.1s ease-in 0s;-ms-transition: all 0.1s ease-in 0s;-o-transition: all 0.1s ease-in 0s;-webkit-transition: all 0.1s ease-in 0s;}
.nav_3 a:hover,.nav_4 a:hover { background:#00923F; color:#fff;transition: all 0.1s ease-in 0s;-moz-transition: all 0.1s ease-in 0s;-ms-transition: all 0.1s ease-in 0s;-o-transition: all 0.1s ease-in 0s;-webkit-transition: all 0.1s ease-in 0s;}
.dd4 { width:290px; height:250px; background:#fff; position:absolute; top:47px; left:-95px; display:none;}
.dd5 { width:290px; height:495px; background:#fff; position:absolute; top:47px; left:-95px; display:none;}
.dd6 { width:290px; height:315px; background:#fff; position:absolute; top:47px; left:-95px; display:none;}
.header.scroll .dd2,.header.scroll .dd3,.header.scroll .dd4,.header.scroll .dd5,.header.scroll .dd6 { top:60px;}
/*------------------------------------------------------------*/



.text_bn { width:100%; height:100%; background: url(../images/cc.png) no-repeat; background-size:100%; position:absolute; top:0px; left:0px; display:none;}
.sub_logo { width:30%; position:absolute; top:-50px; right:25%; z-index:100; opacity:0; cursor:pointer;}
.sub_logo img{ display:block; position:absolute; left:0; top:0;}
.sub_logo .sub_logo2 { opacity:0; -moz-opacity:0;filter:alpha(Opacity=0); -webkit-transition:all 0.1s;-moz-transition:all 0.1s;-ms-transition:all 0.1s;-o-transition:all 0.1s;transition:all 0.1ss}

.sub_logo:hover .sub_logo2 { opacity:1; -moz-opacity:1;filter:alpha(Opacity=100);}
.sub_logo.sty { right:5%; }
.aohu_lls { position:absolute;; left:20%; top:10%; z-index:100;}
.tezhuang_lls { position:absolute;; left:3%; top:15%; z-index:100;}
.chezhan_lls{ position:absolute;; left:10%; top:15%; z-index:300;width:30%;}
.sub_logo.sty.chezhan_logo{right:5%;}
.sub_logo.sty.chezhan_logo img{margin-left:-100px;}
.top_n { width:100%; height:100%; background: url(../images/text_bg.png); position:absolute; top:0px;  left:0px;  z-index:110; opacity:0; }
 .top_n_text { width:30%; margin-top:10%; color:#fff; position:absolute; right:0px; top:0px; font-size:28px; line-height:40px; text-indent:2em; z-index:220;}

.sub_text { position:absolute; bottom:38%; left:20%; z-index:3000;  display:none;}
.sub_text.aohu { bottom:32%;}

.sub_text ul li .left_pai { font-size:30px; color:#fff; margin-right:30px; margin-top:70px;}
.left_pai_text p { color:#fff; margin-top:5px; font-size:14px;width:400px; font-weight:normal; font-size:12px; line-height:30px;}
.left_pai_text p span { display:inline-block; padding:4px 10px; background:#fff; color:#666; font-size:14px; margin:0; margin-right:20px; float:left;}
.sub_text ul li.er { margin-top:30px;}
.left_pai_text p b { display:inline-block; line-height:20px; float:left;}
.left_pai_text p.ht { font-size:14px; padding-bottom:10px;}

.ip_banner { display:none;}
.black { width:100%; height:100%; background:url(../images/black.png) 5px 0 no-repeat; background-size:100%; position:absolute; top:0px; left:-2px; display:none;}

/*------------------------------------------------------------*/
.home_pic_1 { width:1334px; margin:0px auto; margin-top:45px;}
.home_pic_1 ul { padding-left:20px;}
.home_pic_1 ul li { text-align:center; float:left; width:170px; margin:0px 20px; opacity:0;}
.home_pic_1 ul li .img { width:118px; height:80px; position:relative;margin:0px auto;}
.home_pic_1 ul li .img img { position:absolute; top:0px; left:0px;}
.home_pic_1 ul li.li1.show{transition:all 0.2s ease-in 0.2s;-moz-transition:all 0.2s ease-in 0.2s;-ms-transition:all 0.2s ease-in 0.2s;-o-transition:all 0.2s ease-in 0.2s;-webkit-transition:all 0.2s ease-in 0.2s; opacity:1;}
.home_pic_1 ul li.li2.show{transition:all 0.2s ease-in 0.4s;-moz-transition:all 0.2s ease-in 0.4s;-ms-transition:all 0.2s ease-in 0.4s;-o-transition:all 0.2s ease-in 0.4s;-webkit-transition:all 0.2s ease-in 0.4s; opacity:1;}
.home_pic_1 ul li.li3.show{transition:all 0.2s ease-in 0.6s;-moz-transition:all 0.2s ease-in 0.6s;-ms-transition:all 0.2s ease-in 0.6s;-o-transition:all 0.2s ease-in 0.6s;-webkit-transition:all 0.2s ease-in 0.6s; opacity:1;}
.home_pic_1 ul li.li4.show{transition:all 0.2s ease-in 0.8s;-moz-transition:all 0.2s ease-in 0.8s;-ms-transition:all 0.2s ease-in 0.8s;-o-transition:all 0.2s ease-in 0.8s;-webkit-transition:all 0.2s ease-in 0.8s; opacity:1;}
.home_pic_1 ul li.li5.show{transition:all 0.2s ease-in 1s;-moz-transition:all 0.2s ease-in 1s;-ms-transition:all 0.2s ease-in 1s;-o-transition:all 0.2s ease-in 1s;-webkit-transition:all 0.2s ease-in 1s; opacity:1;}
.home_pic_1 ul li.li6.show{transition:all 0.2s ease-in 1.2s;-moz-transition:all 0.2s ease-in 1.2s;-ms-transition:all 0.2s ease-in 1.2s;-o-transition:all 0.2s ease-in 1.2s;-webkit-transition:all 0.2s ease-in 1.2s; opacity:1;}


.home_pic_1 ul li .img_text {text-align:center;}
.home_pic_1 ul li .img_text a{ text-align:center;font-family:'b',"微软雅黑"; margin-top:22px; font-size:14px; color:#666; display:inline-block; margin-left:40px;}
.home_pic_1 ul li .img_text a:hover { color:#333333; }

.z1 { opacity:1; position:absolute; top:0px; left:0px; z-index:1;-webkit-transition:all 0s ease-in 0.11s; transition:all 0s ease-in 0.11s; -moz-transition:all 0s ease-in 0.11s; -ms-transition:all 0s ease-in 0.11s; -o-transition:all 0s ease-in 0.11s;}
.z2 {opacity:0; position:absolute; top:0px; left:0px; z-index:2; -webkit-transition:all 0s ease-in 0.29s;  transition:all 0s ease-in 0.29s; -moz-transition:all 0s ease-in 0.29s; -ms-transition:all 0s ease-in 0.29s; -o-transition:all 0s ease-in 0.29s;}
.z3 {opacity:0; position:absolute; top:0px; left:0px; z-index:3; -webkit- transition:all 0s ease-in 0.27s;  transition:all 0s ease-in 0.27s; -moz-transition:all 0s ease-in 0.27s; -ms-transition:all 0s ease-in 0.27s; -o-transition:all 0s ease-in 0.27s;}
.z4 {opacity:0; position:absolute; top:0px; left:0px; z-index:4; -webkit-transition:all 0s ease-in 0.25s;  transition:all 0s ease-in 0.25s; -moz-transition:all 0s ease-in 0.25s; -ms-transition:all 0s ease-in 0.25s; -o-transition:all 0s ease-in 0.25s;}
.z5 {opacity:0; position:absolute; top:0px; left:0px; z-index:5;-webkit-transition:all 0s ease-in 0.23s;  transition:all 0s ease-in 0.23s; -moz-transition:all 0s ease-in 0.23s; -ms-transition:all 0s ease-in 0.23s; -o-transition:all 0s ease-in 0.23s;}
.z6 {opacity:0; position:absolute; top:0px; left:0px; z-index:6; -webkit-transition:all 0s ease-in 0.21s;  transition:all 0s ease-in 0.21s; -moz-transition:all 0s ease-in 0.21s; -ms-transition:all 0s ease-in 0.21s; -o-transition:all 0s ease-in 0.21s;}
.z7 {opacity:0; position:absolute; top:0px; left:0px; z-index:7; -webkit-transition:all 0s ease-in 0.19s;  transition:all 0s ease-in 0.19s; -moz-transition:all 0s ease-in 0.19s; -ms-transition:all 0s ease-in 0.19s; -o-transition:all 0s ease-in 0.19s;}

.z8 { opacity:0; position:absolute; top:0px; left:0px; z-index:8; -webkit-transition:all 0s ease-in 0.17s;  transition:all 0s ease-in 0.17s; -moz-transition:all 0s ease-in 0.17s; -ms-transition:all 0s ease-in 0.17s; -o-transition:all 0s ease-in 0.17s;}
.z9 {opacity:0; position:absolute; top:0px; left:0px; z-index:9; -webkit-transition:all 0s ease-in 0.15s;  transition:all 0s ease-in 0.15s; -moz-transition:all 0s ease-in 0.15s; -ms-transition:all 0s ease-in 0.15s; -o-transition:all 0s ease-in 0.15s;}
.z10 {opacity:0; position:absolute; top:0px; left:0px; z-index:10; -webkit- transition:all 0s ease-in 0.13s;  transition:all 0s ease-in 0.13s; -moz-transition:all 0s ease-in 0.13s; -ms-transition:all 0s ease-in 0.13s; -o-transition:all 0s ease-in 0.13s;}
.z11 {opacity:0; position:absolute; top:0px; left:0px; z-index:11; -webkit-transition:all 0s ease-in 0.11s; transition:all 0s ease-in 0.11s; -moz-transition:all 0s ease-in 0.11s; -ms-transition:all 0s ease-in 0.11s; -o-transition:all 0s ease-in 0.11s;}





.home_pic_1 ul li .img.hover .z1 { opacity:1; transition:all 0s ease-in 0.03s; -moz- transition:all 0s ease-in 0.03s; -ms- transition:all 0s ease-in 0.03s; -o- transition:all 0s ease-in 0.03s; -webkit- transition:all 0s ease-in 0.03s;}
.home_pic_1 ul li .img.hover .z2 { opacity:1; transition:all 0s ease-in 0.05s; -moz- transition:all 0s ease-in 0.05s; -ms- transition:all 0s ease-in 0.05s; -o- transition:all 0s ease-in 0.05s; -webkit- transition:all 0s ease-in 0.05s;}
.home_pic_1 ul li .img.hover .z3{ opacity:1; transition:all 0s ease-in 0.07s; -moz- transition:all 0s ease-in 0.07s; -ms- transition:all 0s ease-in 0.07s; -o- transition:all 0s ease-in 0.07s; -webkit- transition:all 0s ease-in 0.07s;}
.home_pic_1 ul li .img.hover .z4 { opacity:1; transition:all 0s ease-in 0.09s; -moz- transition:all 0s ease-in 0.09s; -ms- transition:all 0s ease-in 0.09s; -o- transition:all 0s ease-in 0.09s; -webkit- transition:all 0s ease-in 0.09s;}
.home_pic_1 ul li .img.hover .z5 { opacity:1; transition:all 0s ease-in 0.11s; -moz- transition:all 0s ease-in 0.11s; -ms- transition:all 0s ease-in 0.11s; -o- transition:all 0s ease-in 0.11s; -webkit- transition:all 0s ease-in 0.11s;}
.home_pic_1 ul li .img.hover .z6 { opacity:1; transition:all 0s ease-in 0.13s; -moz- transition:all 0s ease-in 0.13s; -ms- transition:all 0s ease-in 0.13s; -o- transition:all 0s ease-in 0.13s; -webkit- transition:all 0s ease-in 0.13s;}
.home_pic_1 ul li .img.hover .z7 { opacity:1; transition:all 0s ease-in 0.15s; -moz- transition:all 0s ease-in 0.15s; -ms- transition:all 0s ease-in 0.15s; -o- transition:all 0s ease-in 0.15s; -webkit- transition:all 0s ease-in 0.15s;}
.home_pic_1 ul li .img.hover .z8 { opacity:1; transition:all 0s ease-in 0.17s; -moz- transition:all 0s ease-in 0.17s; -ms- transition:all 0s ease-in 0.17s; -o- transition:all 0s ease-in 0.17s; -webkit- transition:all 0s ease-in 0.17s;}
.home_pic_1 ul li .img.hover .z9 { opacity:1; transition:all 0s ease-in 0.19s; -moz- transition:all 0s ease-in 0.19s; -ms- transition:all 0s ease-in 0.19s; -o- transition:all 0s ease-in 0.19s; -webkit- transition:all 0s ease-in 0.19s;}
.home_pic_1 ul li .img.hover .z10{ opacity:1; transition:all 0s ease-in 0.21s; -moz- transition:all 0s ease-in 0.21s; -ms- transition:all 0s ease-in 0.21s; -o- transition:all 0s ease-in 0.21s; -webkit- transition:all 0s ease-in 0.21s;}
.home_pic_1 ul li .img.hover .z11{ opacity:1; transition:all 0s ease-in 0.23s; -moz- transition:all 0s ease-in 0.23s; -ms- transition:all 0s ease-in 0.23s; -o- transition:all 0s ease-in 0.23s; -webkit- transition:all 0s ease-in 0.23s;}





.left_nav_b ul li span { display:block; width:48px; height:48px;  cursor:pointer;}
.left_nav_b ul li { margin-top:20px; width:48px; height:48px; position: relative; float:none; background:none;}
.left_nav_b { position:fixed; right:3px; top:50%; margin-top:-90px; z-index:300; display:none;}
.text_nav { width:160px; height:360px; background:#f0f0f0; position:absolute; right:48px; top:-150px; display:none;}
.left_nav_b ul li.oo1 span { background:url(../images/png.png) no-repeat center;}
.left_nav_b ul li.oo2 span{ background:url(../images/float_menu_off.png) no-repeat center;}
.left_nav_b ul li.oo3 span{ background:url(../images/float_gohome.png) no-repeat center;}
.text_nav a { display:block; width:92%; margin:0px auto; height:32px; line-height:32px; margin-top:10px; text-align:center; color:#333;transition:all 0.1s ease-in 0s;-moz-transition:all 0.1s ease-in 0s;-ms-transition:all 0.1s ease-in 0s;-o-transition:all 0.1s ease-in 0s;-webkit- transition:all 0.1s ease-in 0s; }
.text_nav a:hover { background:#898989; color:#fff;transition:all 0.1s ease-in 0s;-moz-transition:all 0.1s ease-in 0s;-ms-transition:all 0.1s ease-in 0s;-o-transition:all 0.1s ease-in 0s;-webkit- transition:all 0.1s ease-in 0s; }




/*------------------------------------------------------------*/
.home_pic_2 { width:1334px; margin:0px auto; margin-top:80px;}
.home_pic_2_text .pic_img{ width:388px; height:209px; overflow:hidden; position:relative;}
.jiantou { width:89px; height:44px; border:4px #fff solid; position:absolute; bottom:13px; right:15px; overflow:hidden; z-index:100; opacity:0;}
.home_pic_2_text.hover .jiantou { opacity:1; transition:all 0.1s ease-in 0s;-moz-transition:all 0.1s ease-in 0s;-ms-transition:all 0.1s ease-in 0s;-o-transition:all 0.1s ease-in 0s;-webkit- transition:all 0.1s ease-in 0s; cursor:pointer;}
.jiantou b{ display:block; position:absolute; right:0px; width:186px; height:44px; background:url(../images/jian_hover.png) no-repeat;transition:all 0.1s ease-in 0.5s;}
.home_pic_2_text.hover .jiantou b { transition:all 0.1s ease-in 0s; right:-10px;}
.yanse { width:0px; height:44px; background:rgba(0,0,0,0.4);}
.home_pic_2_text.hover .jiantou .yanse{ width:89px;transition:all 0.2s ease-in 0s;}
.home_pic_2_text_2 { font-size:12px; color:#898989; display:block; margin-top:16px;}
.home_pic_2_text h3 a { font-size:18px;color:#272727; display:inline-block; margin-top:9px; border-bottom:1px #fff solid; padding-bottom:2px;}
.home_pic_2_text h3 {ransition:all 0.2s ease-in 0s;-moz-transition:all 0.2s ease-in 0s;-ms-transition:all 0.2s ease-in 0s;-o-transition:all 0.2s ease-in 0s;-webkit-transition:all 0.2s ease-in 0s;}
.home_pic_2_text p { width:330px; color:#898989; line-height:18px; margin-top:22px;}
.margin { margin-left:80px;}


.home_pic_2_text { position:relative; float:left;}
 */.home_pic_2_text.hover h3 { /*transition:all 0.2s ease-in 0s;-moz-transition:all 0.2s ease-in 0s;-ms-transition:all 0.2s ease-in 0s;-o-transition:all 0.2s ease-in 0s;-webkit-transition:all 0.2s ease-in 0s; transform:translateX(10px);-moz-transform:translateX(10px);-ms-transform:translateX(10px);-o-transform:translateX(10px);-webkit-transform:translateX(10px);*//* border-bottom:1px #273268 solid; padding-bottom:2px;*/}
.home_pic_2_text.hover h3 a{ border-bottom:1px #273268 solid; padding-bottom:2px;}

.text1,.text2,.text3 { opacity:0; margin-bottom:50px;}
.sil { display: none; width:100%; height:100%; background:rgba(0,0,0,0.1); position:absolute; top:0px; left:0px; z-index:10;}
.text1.show {transition:all 0.2s ease-in 0s;-moz-transition:all 0.2s ease-in 0s;-ms-transition:all 0.2s ease-in 0s;-o-transition:all 0.2s ease-in 0s;-webkit-transition:all 0.2s ease-in 0s; opacity:1;}
.text2.show {transition:all 0.2s ease-in 0.1s;-moz-transition:all 0.2s ease-in 0.1s;-ms-transition:all 0.2s ease-in 0.1s;-o-transition:all 0.2s ease-in 0.1s;-webkit-transition:all 0.2s ease-in 0.1s; opacity:1;}
.text3.show {transition:all 0.2s ease-in 0.6s;-moz-transition:all 0.2s ease-in 0.6s;-ms-transition:all 0.2s ease-in 0.6s;-o-transition:all 0.2s ease-in 0.6s;-webkit-transition:all 0.2s ease-in 0.6s; opacity:1;}
/*--------------------------------------------------------------*/






.clearli { display:none;}
.header_md { display:none;}
/*---------------------------------------------------------------------------------------------------------*/
.header_md { width:100%; background:#fff; height:100px; position:relative;}
.header_md_text { width:90%; margin:0px auto; padding-top:1px;}
.header_md_text .logo_md { margin-top:30px;  width:160px; height:90px; background:#fff; text-align:center; position:relative; bottom:-0px; z-index:100;  opacity:0; }
.logo_md.show { bottom:-26px; opacity:1;transition:all 0.1s ease-in 0.9s;-moz-transition:all 0.1s ease-in 0.9s;-ms-transition:all 0.1s ease-in 0.9s;-o-transition:all 0.1s ease-in 0.9s;-webkit-transition:all 0.1s ease-in 0.9s;}
.logo_bgl_md { width:4px; height:90px; background:url(../images/logo_bgl.png) no-repeat; background-size:100%; position:absolute; left:-5px; top:0px; }
.logo_bgr_md { width:4px; height:90px; background:url(../images/logo_bgr.png) no-repeat; background-size:100%; position:absolute; right:-5px; top:0px; }
.logo_bgb_md { width:164px; height:4px; background:url(../images/logo_bgb.png) no-repeat; background-size:100%; position:absolute; left:-2px; bottom:-4px; }


.header_md_text .nav_md .nav_btn { width:42px; height:30px; margin-top:30px; cursor:pointer; position:relative; opacity:0;}
.header_md_text .nav_md .nav_btn.show { margin-top:42px; opacity:1; transition:all 0.1s ease-in 1.2s;-moz-transition:all 0.1s ease-in 1.2s;-ms-transition:all 0.1s ease-in 1.2s;-o-transition:all 0.1s ease-in 1.2s;-webkit-transition:all 0.1s ease-in 1.2s; }
.header_md_text .nav_md .nav_btn b.b1 { position:absolute; top:6px;}
.header_md_text .nav_md .nav_btn b.b2 { position:absolute; top:14px;}
.header_md_text .nav_md .nav_btn b.b3 { position:absolute; top:22px;}
.header_md_text .nav_md .nav_btn.btn b.b1 { position:absolute; top:3px;transition:all 0.1s ease-in 0s;-moz-transition:all 0.1s ease-in 0s;-ms-transition:all 0.1s ease-in 0s;-o-transition:all 0.1s ease-in 0s;-webkit-transition:all 0.1s ease-in 0s;}
.header_md_text .nav_md .nav_btn.btn b.b2 { position:absolute; top:14px;transition:all 0.1s ease-in 0s;-moz-transition:all 0.1s ease-in 0s;-ms-transition:all 0.1s ease-in 0s;-o-transition:all 0.1s ease-in 0s;-webkit-transition:all 0.1s ease-in 0s;}
.header_md_text .nav_md .nav_btn.btn b.b3 { position:absolute; top:25px;transition:all 0.1s ease-in 0s;-moz-transition:all 0.1s ease-in 0s;-ms-transition:all 0.1s ease-in 0s;-o-transition:all 0.1s ease-in 0s;-webkit-transition:all 0.1s ease-in 0s;}
.header_md_text .nav_md .nav_btn b { display:block; width:80%; height:2px; margin-top:6px; background:#00923F; transition:all 0.1s ease-in 0s;-moz-transition:all 0.1s ease-in 0s;-ms-transition:all 0.1s ease-in 0s;-o-transition:all 0.1s ease-in 0s;-webkit-transition:all 0.1s ease-in 0s; }

.nav_md_text{ width:100%; height:480px; background:#fff; padding-top:10px; display:none;top:28px; position:relative; padding-top:15px;border-top:1px #f0f0f0 solid;}
.nav_md_text ul li { width:80%; text-align:center;  line-height:44px; margin-top:2px; position:relative; border-bottom:1px #f0f0f0 solid; margin:0px auto;  }
.nav_md_text ul li a {height:100%; display:inline-block; width:88%; color:#333333; font-family:'微软雅黑'; font-size:14px;transition: all 0.2s ease-in 0s;-moz-transition: all 0.2s ease-in 0s;-ms-transition: all 0.2s ease-in 0s;-o-transition: all 0.2s ease-in 0s;-webkit-transition: all 0.2s ease-in 0s;}
.nav_md_text ul li a:hover { color:#fff; background:#2BA540; transition: all 0.1s ease-in 0s;-moz-transition: all 0.1s ease-in 0s;-ms-transition: all 0.1s ease-in 0s;-o-transition: all 0.1s ease-in 0s;-webkit-transition: all 0.1s ease-in 0s;}
.hide_btn { width:30px; height:30px; background: url(../images/hide.png) no-repeat; position:absolute; top:10px; right:10px; z-index:10; display:none;}
.header_md_text .nav_md .seach_btn { width:50px; height:40px; cursor:pointer; background: url(../images/seach.png) no-repeat;  margin-top:30px; margin-left:20px; opacity:0;}
.header_md_text .nav_md .seach_btn.show {margin-top:46px; opacity:1; transition:all 0.1s ease-in 1.2s;-moz-transition:all 0.1s ease-in 1.2s;-ms-transition:all 0.1s ease-in 1.2s;-o-transition:all 0.1s ease-in 1.2s;-webkit-transition:all 0.1s ease-in 1.2s;}
.header_md_text .nav_md .seach_btn.btn { background:url(../images/seach_hover.png) no-repeat; }
.seach_md { width:100%; height:90px; background:#fff; text-align:center; padding-top:50px; position:relative; display:none; border-top:1px #f0f0f0 solid;}


.nbsp { display:none;}
.seach_srshow { width:1920px;}
.nav_kuai {display:none;}
.nav_kuai a { display:inline-block; margin:10px 10px; font-size:12px; color:#999; -webkit-transition:color 0.5s;-moz-transition:color 0.5s;-ms-transition:color 0.5s;-o-transition:color 0.5s;transition:color 0.5s;}
.nav_kuai a:hover { color:#000;}
.dianhao { position:absolute; right:18%; top:54px; width:0px; overflow:hidden; height:42px; transition:all 0s ease-in 0s;-moz-transition:all 0s ease-in 0s;-ms-transition:all 0s ease-in 0s;-o-transition:all 0s ease-in 0s;-webkit-transition:all 0s ease-in 0s;}
.header.scroll .dianhao { position:absolute; right:18%; top:35px; width:0px; overflow:hidden; height:42px;transition:all 1s ease-in 0s;-moz-transition:all 1s ease-in 0s;-ms-transition:all 1s ease-in 0s;-o-transition:all 1s ease-in 0s;-webkit-transition:all 1s ease-in 0s;}
.dianhao input{}
.header .nav_kuai {width: 10%;float: right;display: block;transition:all 0.0s ease-in 0s;-moz-transition:all 0.0s ease-in 0s;-ms-transition:all 0.0s ease-in 0s;-o-transition:all 0.0s ease-in 0s;-webkit-transition:all 0.0s ease-in 0s;text-align: right;padding-top: 10px;}
.header.scroll .nav_kuai { position:absolute; right:18%;top:50px; display: block; -moz-transition:all 1s ease-in 0s;-ms-transition:all 1s ease-in 0s;-o-transition:all 1s ease-in 0s;-webkit-transition:all 1s ease-in 0s;}


.pic_more { width:100%; max-width:1332px;  margin:0px auto; margin-top:30px;}
.pic_more a { display:inline-block; position:relative;  width:100%; max-width:1332px; height:1px; background:#f1f1f1; color:#eee; margin:0px auto; line-height:12px; text-align:center; cursor:pointer; }
.pic_more a:hover { background:#dedede;}
.more_text { display:none;}
.pic_more a img.shouhui {position:absolute; top:-20px; left:50%; margin-left:-25px;transition: all 0.1s ease-in 0s;-moz-transition: all 0.1s ease-in 0s;-ms-transition: all 0.1s ease-in 0s;-o-transition: all 0.1s ease-in 0s;-webkit-transition: all 0.1s ease-in 0s;}
.pic_more a:hover img.shouhui{ top:-15px;opacity:1;transition: all 0.1s ease-in 0s;-moz-transition: all 0.1s ease-in 0s;-ms-transition: all 0.1s ease-in 0s;-o-transition: all 0.1s ease-in 0s;-webkit-transition: all 0.1s ease-in 0s;}
.pic_more a img.xianshi{position:absolute; top:-20px; left:50%; margin-left:-25px;transition: all 0.1s ease-in 0s;-moz-transition: all 0.1s ease-in 0s;-ms-transition: all 0.1s ease-in 0s;-o-transition: all 0.1s ease-in 0s;-webkit-transition: all 0.1s ease-in 0s;}
.pic_more a:hover img.xianshi{ top:-30px;opacity:1;transition: all 0.1s ease-in 0s;-moz-transition: all 0.1s ease-in 0s;-ms-transition: all 0.1s ease-in 0s;-o-transition: all 0.1s ease-in 0s;-webkit-transition: all 0.1s ease-in 0s;}

.home_pic_2 .more a { display:inline-block;}
.more a b { width:30px; height:1px; background:#898989; display:inline-block;transition:all 0.1s ease-in 0s;-moz-transition:all 0.1s ease-in 0s;-ms-transition:all 0.1s ease-in 0s;-o-transition:all 0.1s ease-in 0s;-webkit-transition:all 0.1s ease-in 0s;}
.more a:hover b.b1 { transform:translateX(-20px);-moz-transform:translateX(-20px);-ms-transform:translateX(-20px);-o-transform:translateX(-20px);-webkit-transform:translateX(-20px); transition:all 0.1s ease-in 0s;-moz-transition:all 0.1s ease-in 0s;-ms-transition:all 0.1s ease-in 0s;-o-transition:all 0.1s ease-in 0s;-webkit-transition:all 0.1s ease-in 0s;}
.more a:hover b.b2 { transform:translateX(20px);-moz-transform:translateX(20px);-ms-transform:translateX(20px);-o-transform:translateX(20px);-webkit-transform:translateX(20px);transition:all 0.1s ease-in 0s;-moz-transition:all 0.1s ease-in 0s;-ms-transition:all 0.1s ease-in 0s;-o-transition:all 0.1s ease-in 0s;-webkit-transition:all 0.1s ease-in 0s;}
.more a .slogan1 { display: inline-block;}
.more a:hover .slogan1 { display:none;}
.more a .slogan2 { display:none;}
.more a:hover .slogan2 { display: inline-block;}
.more a:hover b{ background:#333;}
.more { text-align:center; margin-top:82px;}

.pic_news { width:100%;}
.news_btn a{ display:block; width:100%; height:40px; line-height:40px; background:#fff; border-bottom:1px #d9d9d9 solid; font-family:'b'; text-align:center; margin:0px auto; cursor:pointer; position:relative; z-index:100; color:#999;}
.news_btn a:hover { color:#000;}
.news { width:100%;  height:340px; background:#fff; display:none;  margin-top:-14px; border-bottom:1px #d9d9d9 solid; padding-top:40px;}
.news_btn a img { margin-left:14px;}
.seach_srshow { top:100px;}
.news_hd { width:1290px; margin:0px auto; height:20px;}
.news_hd .he_top { position:relative; cursor:pointer;}
.news_hd .he_top b { font-size:14px; color:#7c7c7c; position:absolute; left:8px; top:0px; display:block; width:100px; line-height:20px;}
.news_hd .he_top b:hover{color:#1b4b9f;}
.news_hd .he_top span { width:2px; height:21px; background:#283e84; display:block; position:absolute; left:0px; top:0px;}

.win_text_a { width:300px; height:230px;}


.win_text_a p { width:100%; height:164px;cursor:pointer;}
.news_text_pic { width:1290px; margin:0px auto; margin-top:16px;}
.pic_news { font-size:12px; color:#7c7c7c; margin-top:8px;font-family:'微软雅黑'; }
.news_t { font-size:16px; font-family:'微软雅黑'; margin-top:22px; color:#595757; position:relative; cursor:pointer;}

.news_t span { display:block; line-height:25px; position:absolute; top:0px; left:0px; z-index:10; color:#666; transition:all 0.1s ease-in 0s;-moz-transition:all 0.1s ease-in 0s;-ms-transition:all 0.1s ease-in 0s;-o-transition:all 0.1s ease-in 0s;-webkit-transition:all 0.1s ease-in 0s;}
.win_text_a:hover .news_t span{ color:#272727;}
.win_text { width:950px; }
.news_win { width:950px; position:relative;}
.news_list { position:absolute; font-size:50px; line-height:20px; top:-50px; right:0px;}
.news_list a:hover{ color:#1b4b9f}

.news_xu { width:1px; height:290px; background: url(../images/123.png) repeat-y; margin-left:48px; margin-top:-28px;}
.news_right { width:250px; margin-left:40px;font-family:'微软雅黑';}
.href { margin-top:24px; margin-left:40px;}
.href a { display:inline-block; width:47px; height:47px; position:relative; text-align:center; line-height:47px; margin:0px 4px;}

.href a .href_2{opacity:0;-moz-opacity:0;filter:alpha(Opacity=0);position:absolute;left:10px; top:14px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.href a .href_3{left:8px;top:17px;}
.href a:hover .href_2{ opacity:1; -moz-opacity:1; filter:alpha(Opacity=100)}
.right_center { width:100%; height:1px; overflow:hidden; background:url(../images/heng.png) repeat-x; margin-top:26px;}
.he_sezch { margin-top:26px;}
.he_sezch a { display:inline-block; width:100%; text-align:center; color:#7c7c7c;}

.he_se { width:246px; height:30px; border:1px #b8b8b8 solid; margin-top:17px; text-indent:10px; line-height:30px;}
.he_set { width:42px; margin-left:-43px; height:26px; border-left:1px #b8b8b8 solid; background:#fff;margin-top:19px; cursor:pointer;}
.he_set:hover { color:#1d3278;}
.button {background:url(../images/search_1.png) no-repeat center 7px;
width: 32px;
height: 28px;
border: none;
outline: 0;
padding: 0;
float: right;
margin-right: 2px;}
.button b { color:#f0f0f0; font-size:12px; line-height:36px; display:inline-block; margin-left:94px;font-family:'微软雅黑'; float:left;}
.button span { display:inline-block; margin-left:34px; width:20px; height:20px; background: url(../images/right.png) no-repeat; margin-top:8px; float:left;}

.button:hover span { background: url(../images/right_hover.png) no-repeat;}
/*-----------------------------style-------------------------------------------*/
.logo-nav { position:relative; height:100%;}
.che_img {height:238px; overflow:hidden;}
p.style1 { color:#999898; font-size:11px; margin-top:20px; margin-left:30px;}
.dd2_list.lasts {background:none;}
p.style2 { position:absolute; top:-5px; left:0px; font-family:'b'; font-size:12px;}
.nbsp { width:36px;}
.sports_litterpic.left1 { margin-left:0px;}
.sports_litterpic01.left2 { margin-left:0.5%;}
.top_hui {width:100%; height:100%; position:fixed; top:0; left:0px; z-index:300; background:rgba(0,0,0,0.6)}


.nav_2imga { width:440px; height:495px; background:#fff; position:absolute; top:0px; left:188px; padding-left:12px; display:none;}

.weixinda { position:relative;  }
.weixinda .syyi{ width:186px; height:197px; background: url(../images/erweimi.png) no-repeat; position:absolute; top:-200px; left:-70px; z-index:10000; display:none;}
.nav_2img.heiimg {
    height: 310px;
}

.nav_2img { width:440px; height:250px; background:#fff; position:absolute; top:0px; left:100%; display:none; margin-left:-14px; padding-left:14px;}
.nav_2img a.imgh { width:100%; height:165px; display:block; margin-top:0px;}
.nav_2img a.xial { color:#898989; display:block; text-align:center; line-height:26px; font-size:12px;}
.nav_2img a.xial:hover { color:#272727; background:#fff;}

.nav_2imgcc { width:440px; height:310px; background:#fff; position:absolute; top:0px; left:100%; display:none; margin-left:-14px; padding-left:14px;}
.nav_2imgcc a.imgh { width:100%; height:185px; display:block; margin-top:0px;}
.nav_2imgcc a.xial { color:#898989; display:block; text-align:center; line-height:26px; font-size:12px;}
.nav_2imgcc a.xial:hover { color:#272727; background:#fff;}

.nav_2imga a.imgh { width:100%; height:220px; display:block; margin-top:0px;}
.nav_2imga a.xial { color:#898989; display:block; text-align:center; line-height:26px; font-size:12px;}
.nav_2imga a.xial:hover { color:#272727; background:#fff;}
.nav_2imga a.xial p.sio1 b.fl{ font-size:16px; margin-left:28px; color:#595757;}
.nav_2imga a.xial p.sio1 b.fr { font-size:12px; margin-right:28px;}
.nav_2imga a.xial p.sio2  { width:100px; height:1px; background:#272727; margin-top:10px; margin-left:28px;}
.nav_2imga a.xial p.sio3 { text-align:left; text-indent:28px; margin-top:18px;}



/*-------------------------------*/
@media screen and (max-width:1680px){}
@media screen and (max-width:1600px){
/****.logo_png_00 { display:none;}***/
.header .nav_kuai {display: block;transition:all 0.0s ease-in 0s;-moz-transition:all 0.0s ease-in 0s;-ms-transition:all 0.0s ease-in 0s;-o-transition:all 0.0s ease-in 0s;-webkit-transition:all 0.0s ease-in 0s;}
.header.scroll .nav_kuai { position:absolute; right:10%;top:50px; display: block; -moz-transition:all 1s ease-in 0s;-ms-transition:all 1s ease-in 0s;-o-transition:all 1s ease-in 0s;-webkit-transition:all 1s ease-in 0s;}


.seach_sr {  position:absolute; right:6%; top:60px; cursor:pointer; z-index:1000;transition:all 0s ease-in 0s;-moz-transition:all 0s ease-in 0s;-ms-transition:all 0s ease-in 0s;-o-transition:all 0s ease-in 0s;-webkit-transition:all 0s ease-in 0s;}
.header.scroll .seach_sr {  position:absolute; right:6%; top:40px; cursor:pointer; z-index:1000;transition:all 1s ease-in 0s;-moz-transition:all 1s ease-in 0s;-ms-transition:all 1s ease-in 0s;-o-transition:all 1s ease-in 0s;-webkit-transition:all 1s ease-in 0s;}

.dianhao { position:absolute; right:10%; top:54px; width:0px; overflow:hidden; height:42px; transition:all 0s ease-in 0s;-moz-transition:all 0s ease-in 0s;-ms-transition:all 0s ease-in 0s;-o-transition:all 0s ease-in 0s;-webkit-transition:all 0s ease-in 0s;}
.header.scroll .dianhao { position:absolute; right:10%; top:35px; width:0px; overflow:hidden; height:42px;transition:all 1s ease-in 0s;-moz-transition:all 1s ease-in 0s;-ms-transition:all 1s ease-in 0s;-o-transition:all 1s ease-in 0s;-webkit-transition:all 1s ease-in 0s;}
 .sub_text ul li .left_pai { font-size:24px; color:#fff; margin-right:30px; margin-top:50px;}
.left_pai_text p { color:#fff; margin-top:6px; font-size:12px;}
.left_pai_text p span { display:inline-block; padding:3px 6px; background:#fff; color:#666; font-size:12px; margin-right:20px;}
.sub_text ul li.er { margin-top:20px;}




}

/*-------------响应式-------------*/
@media screen and (max-width:1367px){
.seach_srshow { width:1366px;}


.home_pic_2 { width:1200px; margin:0px auto; margin-top:100px;}
.margin { margin-left:14px;}
 .home_pic_1 { width:1250px; margin:0px auto; margin-top:60px;}
.home_pic_1 ul li { text-align:center; float:left; width:170px; margin:0px 14px; opacity:0;}
.home_pic_1 ul li:hover a{ color:#03C;}
.header {  width:90%; margin:0px auto;}
 .clearli { display:none;}
.header_md { display:none;}

.nbsp { display:none;}

}
@media screen and (max-width:1290px){
.pic_news{ display:none;}
}
@media screen and (max-width:1268px){

.seach_srshow { width:1280px;}
.pic_more a { display:inline-block; width:100%; height:1px; padding-top:0;  background:#f1f1f1; color:#eee; margin:0px auto; line-height:12px; text-align:center; cursor:pointer; }
.top_n_text { width:30%; margin-top:8%; color:#fff; position:absolute; right:0px; top:0px; font-size:16px; line-height:40px; text-indent:2em; z-index:220;}

.header{ display:none;}
.header_md { display: block;}
.logo_ss {display:none;}
.nbsp { display:none;}
.home_pic_1 { width:1004px; margin:0px auto; margin-top:60px;overflow:hidden;}
.nav ul li { float:left; margin:0px 8px; width:100px; text-align:center;}
 .clearli { display:block;}
.home_pic_1 ul li { text-align:center; float:left; width:170; opacity:0; margin:0px 70px;}
.home_pic_1 ul li.li4,.home_pic_1 ul li.li5,.home_pic_1 ul li.li6{ margin-top:40px;}
.home_pic_2 { width:1004px; overflow:hidden; margin:0px auto; margin-top:100px;}
/*****.logo { left:20px;}****/
.home_pic_2_text .pic_img{ width:320px; height:174px;overflow:hidden; position:relative;}
.margin { margin-left:20px;}
.home_pic_2_text p { width:260px; color:#898989; line-height:18px; margin-top:22px;}
.background { width:0px; height:32px; background:#898989; position:absolute; top:208px; z-index:-1;transition:all 0.2s ease-in 0s;-moz-transition:all 0.2s ease-in 0s;-ms-transition:all 0.2s ease-in 0s;-o-transition:all 0.2s ease-in 0s;-webkit-transition:all 0.2s ease-in 0s;}


.seach_nav_q a { display:inline-block; margin:0px 30px; margin-top:20px; color:#898989;}
.seach_nav_q a:hover { color:#333;}
}
.hyio { width:410px; margin:0px auto; position:relative;}
@media screen and (max-width:1022px){
.pic_more { width:560px; margin:0px auto;}
.pic_more a { display:inline-block; width:560px; height:1px; padding-top:0px;  background:#f1f1f1; color:#eee; margin:0px auto; margin-top:40px; text-align:center; cursor:pointer; }
.header{ display:none;}
.header_md { display: block;}
.logo_png { display:none;}
.logo_svg { display:block;}
.nbsp { display:  inline-block;}
/*--------------------------*/
 .home_pic_1 ul li { text-align:center; float:left; width:50%; opacity:0; margin:0px; margin-top:40px;}
.home_pic_1 ul li.img_text {}
.home_pic_1 ul { width:100%; padding:0px;}
.home_pic_1 { width:100%; margin:0px auto; margin-top:0px;}
.clearli { display:none;}
.home_pic_2 { width:100%; margin:0px auto; margin-top:40px;}
.home_pic_2_text { position:relative; float:none; margin:0px auto; margin-top:55px; width:560px;}
.home_pic_2_text .pic_img{ width:560px; height:300px; overflow:hidden; position:relative; margin:0px auto;}
.pic_text { width:560px; margin:0px auto;}
.home_pic_2_text .background{ display:none;}
.home_pic_2_text.hover h3 { transition:all 0.2s ease-in 0s;-moz-transition:all 0.2s ease-in 0s;-ms-transition:all 0.2s ease-in 0s;-o-transition:all 0.2s ease-in 0s;-webkit-transition:all 0.2s ease-in 0s; transform:translateX(0px);-moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);-webkit-transform:translateX(0px);}
.home_pic_2_text.hover h3 a{color:#273268; }
.home_pic_2_text p { width:550px; color:#898989; line-height:18px; margin-top:16px;}
.home_pic_1 ul li .img { width:170px; margin:0px auto;}
}
@media screen and (max-width:1010px){
.header_md_text .logo_md { margin-top:0px;  width:160px; height:90px; background:#fff; text-align:center; position:relative; bottom:-0px; z-index:10999990; opacity:0; }
/***.logo_md.show { bottom:-22px; opacity:1;transition:all 0.1s ease-in 0.9s;-moz-transition:all 0.1s ease-in 0.9s;-ms-transition:all 0.1s ease-in 0.9s;-o-transition:all 0.1s ease-in 0.9s;-webkit-transition:all 0.1s ease-in 0.9s;}***/
.header_md_text .nav_md .nav_btn { width:42px; height:30px; margin-top:0px; cursor:pointer; position:relative; opacity:0;}
.header_md_text .nav_md .nav_btn.show { margin-top:22px; opacity:1; transition:all 0.1s ease-in 1.2s;-moz-transition:all 0.1s ease-in 1.2s;-ms-transition:all 0.1s ease-in 1.2s;-o-transition:all 0.1s ease-in 1.2s;-webkit-transition:all 0.1s ease-in 1.2s; }
.header_md_text .nav_md .seach_btn { width:50px; height:40px; cursor:pointer; background: url(../images/seach.png) no-repeat;   margin-top:0px; margin-left:10px; opacity:0;}
.header_md_text .nav_md .seach_btn.show {margin-top:24px; opacity:1; transition:all 0.1s ease-in 1.2s;-moz-transition:all 0.1s ease-in 1.2s;-ms-transition:all 0.1s ease-in 1.2s;-o-transition:all 0.1s ease-in 1.2s;-webkit-transition:all 0.1s ease-in 1.2s;}
.foot_text { width:100%; height:388px;margin:0px auto; padding-top:40px; position:relative;}
.nbsp { display:  inline-block;}
.foot_text dl { clear:both; width:100%; }
.foot_text dl dt{ float:left; margin-top:20px; line-height:20px;}
.foot_text dl dd{ float:left; margin-top:20px; line-height:20px;}
.foot_text dl dd a:hover { color:#fff; transition:all 0.1s ease-in 0s;-moz-transition:all 0.1s ease-in 0s;-ms-transition:all 0.1s ease-in 0s;-o-transition:all 0.1s ease-in 0s;-webkit-transition:all 0.1s ease-in 0s; margin-left:0px; text-decoration:underline;}
.foot { width:96%;background:#00923F;  }
.foot_text dl dd a{ font-size:12px; font-family:'b','微软雅黑'; color:#e6e6e6;margin-left:14px; text-indent:0px; display:inline-block;transition:all 0.1s ease-in 0s;-moz-transition:all 0.1s ease-in 0s;-ms-transition:all 0.1s ease-in 0s;-o-transition:all 0.1s ease-in 0s;-webkit-transition:all 0.1s ease-in 0s;}
.foot_text dl dd a:hover { color:#fff;  margin-left:14px;}
.home_pic_1 ul li .img_text a{ text-align:center;font-family:'b',"微软雅黑"; margin-top:22px; font-size:14px; color:#666; display:inline-block; margin-left:0px;}

}
@media screen and (max-width:900px){
.nbsp { display:  inline-block;}
.foot_text dl.dl5 {display:none;}
}











/*手机站样式开始*/


@media screen and (max-width:765px){

       .index6{ width:100%; background-color:#8397A3; height:auto; }



       #wrapper{ margin-top:0px;}
       .index21{}

       .index21a{ font-size:20px;height: 20px; line-height: 20px;padding-top:30px;}
       .index21aa{padding-top:100px;}
       .index211a{ height:150px;  width:100%; margin-right: 0%; margin-bottom: 5%;}
       .index211b{ height:150px;  width:100%; margin-right: 0%; margin-bottom: 5%;}
       .index211c{ height:150px;  width:100%; margin-right: 0%; margin-bottom: 5%;}
       .index211cd{height:150px;   width:100%; margin-right: 0%; margin-bottom: 5%;}
       .index211b1r{ width: 25%; margin-right: 0%;}
       .index211b1l{width: 70%; margin-right: 5%; }
       .index211b1r img{ width:100% }
       .index211b1l p{ height:50px;  line-height: 16px; }
       .index22{}

       .index21b{ height:80px; line-height:80px;}
       .index211a3{ font-size:12px; }

       .index32{ width:0%;}
       .index31{ width:100%; height: 50%;}
       .index32{ height:0%;}
       .index33{ width:100%; height: 20%;}
       .index31A{ margin-bottom: 150px;}
       .index31A{ margin-bottom: 0px;}
       .index31A11 p,.index31A1 p{ line-height:18px; }
       .index31A22 img { width:100%;}
       .index221{ width:98%; }
       .index22one{}

       .index4bk1l h1{ font-size:18px; line-height:40px; margin-top:20px;}
       .index4bk1l p{ font-size:12px;  line-height:20px}

       .index4bk1l{ float:none; width:100%;}
        .index4bk1r{ float:none; width:100%;}
       .index4bk1rl img{ width:80%; }
       .index4bk1rr h1{ font-size:27px;}
       .index4bk1rl{ margin-top:0px; width:30%; }
       .index4bk1rr { margin-top:0px;}
       .index4bk1rr p{font-size: 16px;}
       .index4bk1rr h1{font-size: 20px;}
       .index4bk1rr h1 p{font-size: 26px;}
       .index51a, .index51b, .index51ax{ width:100%; height: 190px;}
        .index51a:hover, .index51b:hover, .index51ax:hover{ width:100%; height: 190px;}
        .index51a2x, .index51a1{ height:190px;}

        .new-pic img{ width:70%; }
         .foot1{}
         .foot11{}

         .footer{}



.fullwidthbanner-container{top:60px;}






 .pic_more { width:310px; margin:0px auto;}
.pic_more a { display:inline-block; width:310px; height:1px; padding-top:0px;  background:#f1f1f1; color:#eee; margin:0px auto; margin-top:40px; line-height:1px; text-align:center; cursor:pointer; }
.hyio{ width:320px; margin:0px auto;}
.hyio .seach_text { width:280px; height:40px; background:#fff; border:1px #cccccc solid; padding:0px; margin:0px; font-size:14px; text-indent:70px; font-family:'微软雅黑';}
.header_md { height:61px;}
.logo_2 {display: block;width: 25%;}
.logo_1 {display: none;}
.nav_md_text {top:15px;}


.ul_list { display:none;}
 .home_pic_1 ul li .img_text a{ text-align:center;font-family:'b',"微软雅黑"; margin-top:22px; font-size:14px; color:#666; display:inline-block; margin-left:0px;}
.seach_nav a { display:inline-block; margin:0px 35px; font-family:'微软雅黑'; color:#848484; line-height:40px;}
.seach_nav { padding:20px 0px;}
.seach_md { height:170px;}
.header_md_text .logo_md { margin-top:0px;  width:100px; height:60px; background:#fff; text-align:center; position:relative; bottom:-0px; z-index:10999990; opacity:0; }

.header_md_text .nav_md .nav_btn { width:42px; height:30px; margin-top:0px; cursor:pointer; position:relative; opacity:0;}
.header_md_text .nav_md .nav_btn.show { margin-top:14px; opacity:1; transition:all 0.1s ease-in 1.2s;-moz-transition:all 0.1s ease-in 1.2s;-ms-transition:all 0.1s ease-in 1.2s;-o-transition:all 0.1s ease-in 1.2s;-webkit-transition:all 0.1s ease-in 1.2s; }
.header_md_text .nav_md .seach_btn { width:40px; height:32px; cursor:pointer; background: url(../images/seach.png) no-repeat; background-size:100% 100%;   margin-top:0px; margin-left:10px; opacity:0;}
.header_md_text .nav_md .seach_btn.show {margin-top:18px; opacity:1; transition:all 0.1s ease-in 1.2s;-moz-transition:all 0.1s ease-in 1.2s;-ms-transition:all 0.1s ease-in 1.2s;-o-transition:all 0.1s ease-in 1.2s;-webkit-transition:all 0.1s ease-in 1.2s;}
.for { position:absolute; top:-80px; right:20%; z-index:10; opacity:0.1; width:200px;}
.home_pic_2 { margin-top:10px;}
.home_pic_2_text { position:relative; float:none; margin:0px auto; margin-top:55px; width:310px;}
.home_pic_2_text .pic_img{ width:310px; height:168px; overflow:hidden; position:relative; margin:0px auto;}
.pic_text { width:300px; margin:0px auto;}
.home_pic_2_text .background{ display:none;}
.home_pic_2_text.hover h3 { transition:all 0.2s ease-in 0s;-moz-transition:all 0.2s ease-in 0s;-ms-transition:all 0.2s ease-in 0s;-o-transition:all 0.2s ease-in 0s;-webkit-transition:all 0.2s ease-in 0s; transform:translateX(0px);-moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);-webkit-transform:translateX(0px);}
.home_pic_2_text.hover h3 a{color:#273268; }
.home_pic_2_text p { width:300px; color:#898989; line-height:18px; margin-top:16px;}


.nbsp { display: inline-block;}

 .left_nav_b ul{display:none;}
.logo_png_00 { display:block; margin-top:14px;}

}
.loading_oo { width:100%; height:100%; background: url(../images/bah.jpg) no-repeat; background-size:100% auto; position:fixed; display:none; top:0px; left:0px;}
.loading_oo p { width:54%; max-width:530px; position:absolute; bottom:10%; left:23%;}



@media screen and (max-width:960px){
.loading_oo { display: none; z-index:9999999999999999999999999;}
.media_vio_ajax{display:none;}

}

.win_text_a p { overflow:hidden;}
.win_text_a p img { width:100%;}
.win_text_a { margin-left:24px;}
.arr_news { margin-left:-24px;}





.seach_sr { width: 24px; height: 23px; background: url(../images/graph.png) no-repeat; background-position: -351px -25px; position: absolute; right: 16%; top: 67px; cursor: pointer; z-index: 1000; transition: all 0.5s; }
.seach_sr span { display: block; width: 24px; height: 23px; background: url(../images/graph.png) no-repeat; background-position: -351px -0px; transition: all 0.5s; opacity: 0; }
.seach_sr span:hover { opacity: 1; }
@media screen and (max-width:1616px){
.seach_sr { width: 24px; height: 23px; background: url(../images/graph.png) no-repeat; background-position: -351px -25px; position: absolute; right: 8%; top: 67px; cursor: pointer; z-index: 1000; transition: all 0.5s; }
.seach_sr span { display: block; width: 24px; height: 23px; background: url(../images/graph.png) no-repeat; background-position: -351px -0px; transition: all 0.5s; opacity: 0; }
.seach_sr span:hover { opacity: 1; }
}
 .button span { display: inline-block; margin-left: 34px; width: 20px; height: 20px; background: url(../images/graph.png) no-repeat; background-position: -324px 0; margin-top: 8px; float: left; }

.button:hover span { background: url(../images/graph.png) no-repeat;  background-position: -324px -27px; }
/* 左侧菜单按钮  2014-14-08
-------------------------------------------------------------------------------------------------------------------------------- */
.left_nav_b ul li span { display: block; width: 48px; height: 48px; cursor: pointer; }
.left_nav_b ul li.oo1 span { background: url(../images/graph.png) no-repeat; background-position: -882px 0; }
.left_nav_b ul li.oo2 span { background: url(../images/graph.png) no-repeat; background-position: -943px 0; }
.left_nav_b ul li.oo3 span { background: url(../images/graph.png) no-repeat; background-position: -1005px 0; }
/* 导航车型下拉小图
------------------------------------------- */
.outback_icon { display: inline-block; width: 80px; height: 69px; background: url(../images/graph.png) no-repeat; background-position: -1062px 0; margin-right: 10px; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; }
.forester_icon { display: inline-block; width: 80px; height: 69px; background: url(../images/graph.png) no-repeat; background-position: -1153px 0; margin-right: 10px; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; }
.subaruxv_icon { display: inline-block; width: 80px; height: 69px; background: url(../images/graph.png) no-repeat; background-position: -1252px 0; margin-right: 10px; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; }
.legacy_icon { display: inline-block; width: 80px; height: 69px; background: url(../images/graph.png) no-repeat; background-position: -1338px 0; margin-right: 10px; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; }
.subarubrz_icon { display: inline-block; width: 80px; height: 69px; background: url(../images/graph.png) no-repeat; background-position: -1431px 0; margin-right: 10px; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; }
.wrxsti_icon { display: inline-block; width: 80px; height: 69px; background: url(../images/graph.png) no-repeat; background-position: -1518px 0; margin-right: 10px; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; }

/* 主页小横
--------------------------------------------------------------------------------------- */
.more { text-align: center; margin-top: 82px; position: relative; }
.more a { display: inline-block; }
.more a b { width: 30px; height: 1px; background: #898989; display: inline-block; transition: all 0.1s ease-in 0s; -moz-transition: all 0.1s ease-in 0s; -ms-transition: all 0.1s ease-in 0s; -o-transition: all 0.1s ease-in 0s; -webkit-transition: all 0.1s ease-in 0s; }

.more a:hover b.b1 { transform:translateX(-20px);-moz-transform:translateX(-20px);-ms-transform:translateX(-20px);-o-transform:translateX(-20px);-webkit-transform:translateX(-20px); transition:all 0.1s ease-in 0s;-moz-transition:all 0.1s ease-in 0s;-ms-transition:all 0.1s ease-in 0s;-o-transition:all 0.1s ease-in 0s;-webkit-transition:all 0.1s ease-in 0s;}
.more a:hover b.b2 { transform:translateX(20px);-moz-transform:translateX(20px);-ms-transform:translateX(20px);-o-transform:translateX(20px);-webkit-transform:translateX(20px);transition:all 0.1s ease-in 0s;-moz-transition:all 0.1s ease-in 0s;-ms-transition:all 0.1s ease-in 0s;-o-transition:all 0.1s ease-in 0s;-webkit-transition:all 0.1s ease-in 0s;}
.more a b.b3 { display: inline-block; width: 170px; height: 31px; background: url(../images/graph.png) no-repeat; background-position: -409px 0px; text-align: center; }
.more a b.b4 { display: inline-block; width: 170px; height: 31px; background: url(../images/graph.png) no-repeat; background-position: -579px -0px; text-align: center; margin-bottom: -11px; opacity: 0; }
.more a b.b4:hover { opacity: 1; filter:alpha(Opacity=100); }




.new-module-1{
    padding-top: 5%;
    width: 100%;
    height:auto;
    background-color: #EEEEEE;
    overflow:hidden;
    margin-top: 2%;
}
.module-content{
    width: 90%;
    height:auto;
    margin: auto;
    padding-bottom:20px;
    position:relative;
}
.pre-bn{
    display:block;
    width:3%;
    height:auto;
    font-size:0px;
    position:absolute;
    z-index:10;
    left:-4%;
    top:50%;
    cursor:pointer;
    overflow:hidden;
}
.nex-bn{
    display:block;
    width:3%;
    height:auto;
    font-size:0px;
    position:absolute;
    z-index:10;
    right:-4%;
    top:50%;
    cursor:pointer;
    overflow:hidden;
}
.pre-bn img,.nex-bn img{
    width:100%;
    height:auto;
    border:0;
}

.module-list{
    width:100%;
    height:auto;
    overflow:hidden;
}
.list-module-pic{
    display:block;
    width:100%;
    height:auto;
    font-size:0px;
    overflow:hidden;
}
.list-module-pic img{
    width:100%;
    height:auto;
    border:0;
}

.pic-tit{
    margin:0;
    padding:0;
    width:96%;
    height:auto;
    padding:10px 0px;
    background-color:rgba(255,255,255,0.5);
    color:#646464;
    overflow:hidden;
    position: relative;
    z-index: 99;
    margin-top: -55px;
    bottom:10px;
}
.pic-tit:hover{
    background-color:rgba(36,118,56,0.9);
    background-image:url(../images/go-mk.png);
    background-repeat:no-repeat;
    background-position:95% center;
    color:#FFFFFF;
}
.pic-tit-box{
    display:block;
    float:left;
    width:92%;
    height:100%;
    padding-left:5%;
    position:relative;
    font-size:15px;
    overflow:hidden;
}
.pic-tit-box a{
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    z-index:2;
    overflow:hidden;
}
.english-tit{
    font-style:normal;
    display:block;
    width:100%;
    height:40%;
    overflow:hidden;
}
.china-tit{
    font-style:normal;
    display:block;
    width:100%;
    height:auto;
    font-weight:bold;
    margin-top:5px;
    overflow:hidden;
}
.list-left{
    margin-left:1%;
}
.list-right{
    margin-right:1%;
}

.index6{ width:100%; background-color:#8397A3; overflow: hidden; }
.index61{ width:90%; margin:auto; overflow:hidden; }
.index61l{ width:30%; height:200px; float:left; overflow:hidden;}
.index61l h1{ color:#fff; font-size:30px; line-height:70px; font-weight:bold; margin-top:30px; }
.index61l p{ color:#fff; font-size:30px; line-height:30px; }
.index61l span{ color:#fff; font-size:16px; line-height:80px;   }

.index61r{ width:70%; height:170px; margin-top:60px; float:left; position:relative;}

.new-pre{
    display:block;
    width:3%;
    height:auto;
    position:absolute;
    left:0;
    top:50%;
    cursor:pointer;
    overflow:hidden;
}
.new-nex{
    display:block;
    width:3%;
    height:auto;
    position:absolute;
    right:0;
    top:50%;
    cursor:pointer;
    overflow:hidden;
}
.new-pre img,.new-nex img{
    width:100%;
    height:auto;
    border:0;
}
.new-box{
    width:100%;
    height:100%;
    margin:0px auto;
    overflow:hidden;
}

.new-content{
    width:90%;
    height:135px;
    margin-left:auto;
    margin-right:auto;
    overflow:hidden;
}
.new-content ul{
    width:100%;
    height:100%;
    overflow:hidden;
}
.new-content ul li{
    width:100%;
    height:100%;
    overflow:hidden;
}
.switch-box{
    width:90%;
    height:35px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    overflow:hidden;
}
.switch-box ul{
    width:auto;
    height:auto;
    position:absolute;
    left:50%;
    top:10px;
    overflow:hidden;
}
.switch-box ul li{
    float:left;
    width:12px;
    height:12px;
    border-radius:50%;
    margin-left:8px;
    background-color:#FFFFFF;
    cursor:pointer;
    overflow:hidden;
}
.switch_on{
    background-color:#7FBE26 !important;
}
.new-pic{
    display:block;
    float:left;
    width:30%;
    height:135px;
    font-size:0px;
    border:0;
    overflow:hidden;
}
.new-pic img{
    width:100%;
    height:100%;
    border:0;
}
.new-detail{
    float:left;
    width:67%;
    height:135px;
    margin-left:3%;
    overflow:hidden;
}
.new-time{
    display:block;
    width:100%;
    height:15px;
    line-height:15px;
    font-size:14px;
    color:#18469B;
    overflow:hidden;
}
.new-detail h1{
    width:100%;
    height:40px; font-weight: bold;
    line-height:40px;
    color:#FFFFFF;
    font-size:16px;
}
.new-detail p{
    width:100%;
    height:60px;
    line-height:20px;
    color:#FFFFFF;
    font-size:12px;
    overflow: hidden;
}
.new-detail a{
    display:block;
    float:left;
    width:auto;
    height:20px;
    line-height:20px;
    font-size:14px;
    color:#18469B;
}


@media screen and (min-width:1267px){


.list-module{
    float:left;
    width:30%;
    height:auto;
    position:relative;
    margin-bottom:20px;
    overflow:hidden;
}

.list-module:nth-of-type(2){
    margin-left:5%;
    margin-right:5%;
}
.list-module:nth-of-type(5){
    margin-left:5%;
    margin-right:5%;
}
}


@media screen and (max-width: 956px){
    .list-right{margin-right: 0;}
    .list-left{margin-left: 0;}
}

/*ipad 横向样式*/
@media only screen and (min-width: 956px) and (max-width: 1268px) {
.index211a3{ line-height:20px; }

.index4bk1l h1{font-size: 20px;}
.index4bk1l p{ font-size: 16px; line-height: 20px;  }
.index4bk1l, .index4bk1r{ width:50%; }
.list-module{
    float:left;
    width:49%;
    height:auto;
    position:relative;
    margin-bottom:10px;
    overflow:hidden;
}
.index6{ width:100%; background-color:#8397A3; height:auto; }
.index61l{ width:100%; height:200px; float:left; text-align:center; overflow:hidden;}
.index61r{ width:100%; height:170px; margin-top:10px; float:left; position:relative;}

}

@media screen and (max-width:590px){
.pic-tit-box{
    font-size:10px;
}
.index61l{ width:100%; height:auto; float:left; text-align:center; overflow:hidden;}
.index61r{ width:100%; height:auto; margin-top:10px; float:left; position:relative;}
.new-content{
    width:90%;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    overflow:hidden;
}
.new-pic{
    display:block;
    float:left;
    width:100%;
    height:auto;
    font-size:0px;
    border:0;
    overflow:hidden;
}
.new-pic img{
    width:100%;
    height:auto;
    border:0;
}
.new-detail{
    float:left;
    width:100%;
    height:auto;
    margin-top:15px;
    overflow:hidden;
}

}
@media screen and (max-width:470px){
.pic-tit-box{font-size:8px;}
}
.header .nav_kuai img{width: 226px;}
.logo {float: left;margin-top: 11px;}
.nav .show{float: left;width:80%;}