@charset "utf-8";
html,
body {
    min-width: 1200px;
}


/* CSS Document */

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #013c2a;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #013c2a;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #013c2a;
}

.o_h {
    overflow: hidden;
}

.main {
    width: 1200px;
    margin: 0 auto;
}

.w1000{
    width: 1000px;
}

.gray {
    background: #f4f4f4;
}

.grays {
    background: #f2f2f2;
}

@font-face {
    font-family: 'CenturyGothic';
    src: url('../font/centurygothic.eot');
    src: url('../font/centurygothic.woff') format('woff'), url('../font/centurygothic.ttf') format('truetype'), url('../font/centurygothic.svg#centurygothic') format('svg'), url('../font/centurygothic.eot') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}


/*head*/

.t_ewm{
    position: absolute;
    width: 276px;
    height: 183px;
    background: #fff;
    top: 40px;
    left: 50%;
    margin-left: 250px;
    z-index: 1000;
    display: none;
}

.t_ewm ul{
    height: 183px;
}

.t_ewm ul li{
    float: left;
    width: 111px;
    margin-left: 18px;
    padding-top: 15px;
}

.t_ewm ul li span{
    display: block;
    text-align: center;
    font-size: 12px;
    color: #8a8a8a;
    margin-bottom: 8px;
}

.t_ewm ul li img{
    display: block;
}

.t_ewm ul li small{
    display: block;
    text-align: center;
    font-size: 12px;
    font-family: "Verdana";
    color: #013c2a;
    margin-top: 5px; 
}

.t_ewm ins{
    width: 0;
    height: 0;
    border-bottom: 7px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 0 solid transparent;
    top: -7px;
    left: 54px;
    position: absolute;
}

.b_ewm{
    position: fixed;
    width: 276px;
    height: 183px;
    background: #fff;
    bottom: 120px;
    left: 50%;
    margin-left: 214px;
    z-index: 1000;
    display: none;
}

.b_ewm ul{
    height: 183px;
}

.b_ewm ul li{
    float: left;
    width: 111px;
    margin-left: 18px;
    padding-top: 15px;
}

.b_ewm ul li span{
    display: block;
    text-align: center;
    font-size: 12px;
    color: #8a8a8a;
    margin-bottom: 8px;
}

.b_ewm ul li img{
    display: block;
}

.b_ewm ul li small{
    display: block;
    text-align: center;
    font-size: 12px;
    font-family: "Verdana";
    color: #013c2a;
    margin-top: 5px; 
}

.b_ewm ins{
    width: 0;
    height: 0;
    border-top: 7px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 0 solid transparent;
    bottom: -7px;
    left: 54px;
    position: absolute;
}

.head {
    background: #fff;
    height: 150px;
    left: 54px;
    z-index: 100;
    width: 100%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.head.fixed {
    position: fixed;
    top: 0;
    left: 0;
}

.heads{
    position: relative;
    top: auto;
    left: auto;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.heads.on{
    position: fixed;
    top: 0;
    left: 0;
    height: 60px;
}

.t_head {
    height: 39px;
    border-bottom: 1px solid #f0f0f0;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.heads.on .t_head{
    height: 0;
    border-bottom: none;
}

.l_t_head {
    float: left;
    font-family: "Arial";
    font-size: 12px;
    color: #717171;
    text-transform: uppercase;
    line-height: 39px;
    display: block;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.heads.on .l_t_head {
    height: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

.r_t_head {
    float: right;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.heads.on .r_t_head {
    height: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

.r_t_head em {
    float: left;
    margin-top: 10px;
    position: relative;
}

.r_t_head em a {
    float: left;
    font-size: 16px;
    color: #717171;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.r_t_head em a.c1 {
    padding-left: 24px;
    background: url(../image/x1.png) no-repeat 0 center;
}

.r_t_head em a.c2 {
    padding-left: 24px;
    background: url(../image/x2.png) no-repeat 0 center;
}

.r_t_head em a.c3 {
    padding-left: 17px;
    background: url(../image/x3.png) no-repeat 0 center;
}

.r_t_head em a.c4 {
    padding-left: 17px;
    background: url(../image/x4.png) no-repeat 0 center;
}

.r_t_head em a:hover{
    color: #013c2a;
}

.r_t_head em i {
    float: left;
    width: 1px;
    height: 12px;
    background: #e2e2e2;
    margin: 4px 17px 0;
}

.r_t_head em img {
    position: absolute;
    width: 100px;
    height: 100px;
    right: 229px;
    top: 20px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    z-index: -1;
}

.b_head {
    height: 110px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.heads.on .b_head{
    height: 60px;
}

.b_head .main{
    height: 110px;
    position: relative;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.heads.on .b_head .main{
    height: 60px;
}

.b_head h3 {
    position: absolute;
    width: 290px;
    top: 16px;
    left: 0;
    filter: alpha(opacity=100); 
    -moz-opacity: 1;
    opacity: 1;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.heads.on .b_head h3{
    width: 0;
    filter: alpha(opacity=0); 
    -moz-opacity: 0;
    opacity: 0;
}

.b_head h3 a {
    display: block;
}

.b_head h4 {
    position: absolute;
    left: 0;
    top: 22px;
    font-weight: normal;
    font-size: 16px;
    color: #013c2a;
    font-weight: bold;
    font-family: "宋体";
    filter: alpha(opacity=0); 
    -moz-opacity: 0;
    opacity: 0;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.heads.on .b_head h4{
    filter: alpha(opacity=100); 
    -moz-opacity: 1;
    opacity: 1;
}

.b_head ul {
    position: absolute;
    left: 329px;
    top: 47px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.heads.on .b_head ul{
    top: 22px;
    left: 250px;
}

.b_head ul li {
    float: left;
    position: relative;
    padding-bottom: 25px;
}

.b_head ul li a.t_nav_a {
    font-size: 16px;
    color: #717171;
    font-family: "宋体";
    padding: 0 15px;
    border-right: 1px solid #a5a5a5;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.b_head ul li:last-child a {
    border-right: none;
}

.b_head ul li:hover a.t_nav_a {
    color: #013c2a;
}

.b_head ul li dl {
    position: absolute;
    display: none;
    padding: 44px 0;
    top: 38px;
    left: 0;
    width: 360px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.b_head ul li:nth-child(2) dl {
    width: 580px;
}

.b_head ul li:nth-child(4) dl {
    width: 500px;
    /*right: -273px;*/
}

.b_head ul li:nth-child(5) dl {
    /*right: -186px;*/
}

.b_head ul li:nth-child(6) dl {
    /*right: -99px;*/
}

.b_head ul li:nth-child(7) dl {
    /*right: -13px;*/
}

.b_head ul li:hover dl {
    display: block;
}

.b_head ul li dl dt {
    float: left;
    padding: 0 13px;
    width: 100px;
    height: 216px;
}

.b_head ul li dl dt a {
    display: block;
    color: #717171;
    font-size: 14px;
    line-height: 32px;
    height: 32px;
    margin-bottom: 4px;
    padding: 0 15px;
    border-radius: 32px;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    font-family: "宋体";
    position: relative;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.b_head ul li dl dt a font{
    border-bottom: 1px solid transparent;
    padding-bottom: 3px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.b_head ul li dl dt a.on {
    color: #013c2a;
}

.b_head ul li dl dt a.on font{
    border-bottom: 1px solid #013c2a;
}


.b_head ul li dl dd {
    float: left;
    padding: 0 28px;
    width: 168px;
    height: 216px;
    border-left: 1px dashed #dadada
}

.b_head ul li dl dd.xxx{
    width: 84px;
}

.b_head ul li dl dd img {
    width: 100%;
}

.b_head ul li dl dd span {
    display: block;
    text-align: center;
    font-size: 17px;
    color: #8a8a8a;
    font-weight: bold;
    margin: 0 auto;
    width: 130px;
    border-bottom: 1px dotted #d4d4d4;
    padding-bottom: 3px;
    margin-bottom: 4px;
    margin-top: 4px;
    line-height: 25px;
}

.b_head ul li dl dd i {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #005138;
    font-family: "Verdana";
    line-height: 21px;
}

.b_head ul li dl dd em {
    display: none;
}

.b_head ul li dl dd em p{
    text-align: justify;
    color: #717171;
    font-size: 14px;
    line-height: 24px;
    padding-top: 6px;
}

.b_head ul li dl dd em a {
    float: left;
    width: 84px;
    color: #717171;
    font-size: 14px;
    line-height: 32px;
    font-family: "宋体";
    border-radius: 32px;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.b_head ul li dl dd em a font{
    border-bottom: 1px solid transparent;
    padding-bottom: 3px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.b_head ul li dl dd em a:hover {
    color: #013c2a;
}

.b_head ul li dl dd em a:hover font{
    border-bottom: 1px solid #013c2a;
}

.b_head ul li dl dd em a.speproduct{
    width: 168px;
    float: none;
    display: block;
    margin: 0 auto
}

.b_head ul li dl dd.xxx em a{
    text-align: center;
}

.b_head ul li dl dd em.on {
    display: block;
}

.r_b_head {
    position: absolute;
    top: 37px;
    right: 0;
    width: 200px;
    height: 36px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.heads.on .r_b_head{
    top: 12px;
}

.r_b_head input {
    width: 198px;
    height: 34px;
    display: block;
    border: 1px solid #013c2a;
    text-indent: 14px;
    font-size: 12px;
    color: #717171;
    font-family: "宋体";
    border-radius: 34px;
    -webkit-border-radius: 34px;
    -moz-border-radius: 34px;
}

.r_b_head input::-moz-placeholder,
.r_b_head textarea::-moz-placeholder {
    color: #9c9c9c;
    opacity: 1;
}

.r_b_head input:-ms-input-placeholder,
.r_b_head textarea:-ms-input-placeholder {
    color: #9c9c9c;
    opacity: 1;
}

.r_b_head input::-webkit-input-placeholder,
.r_b_head textarea::-webkit-input-placeholder {
    color: #9c9c9c;
    opacity: 1;
}

.r_b_head a {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 8px;
    right: 13px;
    z-index: 101;
    background: url(../image/fdj.png) no-repeat 0 0;
}


/*head end*/


/*section*/

.scoll {}

#fullpage {}

.section {
    overflow: hidden;
    left: 0;
    top: 0;
    position: relative;
    z-index: 10;
}

.section .bg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.section .bg img {
    display: block;
    width: 100%;
}


/*right*/

.right {
    height: auto;
    left: 30px;
    position: fixed;
    z-index: 999;
    overflow: hidden;
}

.navfile {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.right ul {
    overflow: hidden;
}

.right ul li {
    height: 61px;
}

.right ul li a {
    height: 61px;
    position: relative;
    display: block;
}

.right ul li a i {
    height: 24px;
    width: 1px;
    left: 15px;
    background: #dbdbdb;
    position: absolute;
}

.fp-viewing-page1 .right ul li a i {
    background: #fff;
}

.right ul li a i.c1 {
    top: 0;
}

.right ul li a i.c2 {
    bottom: 0;
}

.right ul li a ins {
    width: 11px;
    height: 11px;
    border: 1px solid #dbdbdb;
    top: 24px;
    position: absolute;
    left: 9px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.fp-viewing-page1 .right ul li a ins {
    border: 1px solid #fff;
}

.right ul li a span {
    font-size: 16px;
    color: #333;
    line-height: 61px;
    font-weight: bold;
    display: none;
    padding-left: 40px;
}

.right ul li.active a ins {
    width: 31px;
    height: 39px;
    border: none;
    top: 11px;
    left: 0;
    background: url(../image/icon.png) no-repeat 0 0
}

.right ul li.active a span {
    display: block;
}


/*r_float*/

.r_float {
    height: 329px;
    right: 30px;
    position: fixed;
    z-index: 999;
    width: 100px;
}

.r_float>a {
    display: block;
    width: 98px;
    height: 48px;
    border: 1px solid #dcdcdc;
    text-align: center;
    line-height: 48px;
    font-size: 16px;
    color: #005138;
    font-family: "宋体";
    margin-bottom: 2px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.r_float>a:hover {
    background: #005138;
    border: 1px solid #005138;
    color: #fff;
}

.r_float dl {
    position: relative;
    left: -12px;
    margin-bottom: 2px;
}

.r_float dl dt {
    display: block;
    margin-left: 12px;
    width: 98px;
    height: 48px;
    border: 1px solid #dcdcdc;
    text-align: center;
    line-height: 48px;
    font-size: 16px;
    color: #005138;
    font-family: "宋体";
    cursor: pointer;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.r_float dl ins {
    position: absolute;
    left: 6px;
    top: 20px;
    border-right: 6px solid transparent;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 0 solid transparent;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.r_float dl:hover ins {
    border-right: 6px solid #005138;
}

.r_float dl:hover dt {
    background: #005138;
    border: 1px solid #005138;
    color: #fff;
}

.r_float dl dd {
    position: absolute;
    width: 588px;
    padding: 20px 0;
    border: 1px solid #dcdcdc;
    left: -590px;
    display: none;
    background: #fff;
}

.r_float dl dd.b1{
    top: -105px;
}

.r_float dl dd.b2{
    top: -157px;
}

.r_float dl dd em {
    float: left;
    width: 294px;
    /*border-right: 1px solid #dcdcdc;*/
}

.r_float dl dd em font {
    display: block;
    margin: 0 auto 8px;
    width: 118px;
    height: 28px;
    border: 1px solid #dcdcdc;
    text-align: center;
    line-height: 28px;
    font-size: 16px;
    color: #005138;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.r_float dl dd em img {
    display: block;
    height: 210px;
    margin: 0 auto
}

.r_float dl dd em span {
    display: block;
    text-align: center;
    font-size: 18px;
    color: #8a8a8a;
    margin-bottom: 4px;
    margin-top: 8px;
}

.r_float dl dd em i {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #005138;
    font-family: "Verdana";
    width: 115px;
    margin: 0 auto;
    border-top: 1px dotted #d4d4d4;
    padding-top: 3px;
}

.r_float dl:hover dd {
    display: block;
}

.r_float dl dd tt {
    float: right;
    width: 160px;
    margin-right: 60px;
    margin-top: 44px;
    padding-left: 73px;
    border-left: 1px solid #dcdcdc;
}

.r_float dl dd tt a {
    margin: 0 auto
}

.r_float dl dd tt a.c1 {
    background: url(../image/cat1.png) no-repeat 0 0;
    display: block;
    width: 146px;
    height: 22px;
    margin-bottom: 15px;
}

.r_float dl dd tt a.c2 {
    background: url(../image/cat2.png) no-repeat 0 0;
    display: block;
    width: 148px;
    height: 37px;
    margin-bottom: 18px; 
}

.r_float dl dd tt img{
    display: block;
    margin: 0 auto;
    width: 148px;
}

.r_float dl dd tt span{
    display: block;
    text-align: center;
    font-size: 14px;
    color: #717171;
    margin-top: 14px;
}

.go_top {
    width: 100px;
    height: 50px;
    position: absolute;
    left: 0px;
    bottom: 0;
    background: url(../image/top1.png) no-repeat 0 0;
    cursor: pointer;
}


/*banner*/

.banner {
    display: block;
    margin: 0 auto;
}

.banner_img {
    display: block;
    margin: 0 auto;
    width: 100%;
}

.banner .swiper-slide {
    position: relative;
}

.ba_01_01 {
    position: absolute;
    width: 18.0729%;
    top: 30.3704%;
    right: 18.3333%;
    z-index: 100;
}

.ba_01_02 {
    position: absolute;
    width: 14.53125%;
    top: 37.9894%;
    right: 20.15625%;
    z-index: 100;
}

.ba_01_03 {
    position: absolute;
    width: 10.6771%;
    top: 42.6455%;
    right: 22.03125%;
    z-index: 100;
}

.ba_01_04 {
    position: absolute;
    width: 20.3125%;
    top: 48.2539%;
    right: 17.1875%;
    z-index: 100;
}

.ba_01_05 {
    position: absolute;
    width: 9.8958%;
    top: 64.9735%;
    right: 22.3958%;
    z-index: 100;
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets {
    position: absolute;
    left: 0;
    bottom: 20%;
    z-index: 101;
    width: 100%;
    text-align: center;
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    cursor: pointer;
    display: inline-block;
    width: 40px;
    height: 20px;
    margin: 0 4px;
    position:relative;
    background: transparent;
    /*border-radius: 50%;
    -webkit-border-radius: 50%;*/
    filter: alpha(opacity=100); 
    -moz-opacity: 1;
    opacity: 1;
}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active i{
 height:5px;
 background-color: rgba(128, 128, 128, 0.2);
}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet i{
  position: absolute;
  width: 40px;
  height: 2px;
  left: 50%;
  margin-left: -20px;
  bottom: 0;
  background-color: #80FFFFFF;
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-transition: all 0.5s 0.1s ease-out;
  transition: all 0.5s 0.1s ease-out;
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet i:before {
  content: '';
  position: absolute;
  width: 0;
  height: 100%;
  display: block;
  background-color: #fff;
  -webkit-transition: width 0s ease;
  transition: width 0s ease;
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet.swiper-pagination-bullet-active i:before {
  width: 100%;
  -webkit-transition: width 4s ease;
  transition: width 4s ease;
}

/*.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet i:before {
  height: 5px;
  width: 100%;
  -webkit-transition: width 0s;
  transition: width 0s;
}*/



/*in_story*/

.p2 {
    background: #f2f2f2;
}

.in_story {
    position: absolute;
    left: 50%;
    margin-left: -600px;
    width: 1200px;
}

.in_story a {
    display: block;
    float: left;
    overflow: hidden;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out;
}

.in_story a.c1 {
    width: 32.33%;
}

.in_story a.c2 {
    width: 67.67%;
}

.in_story a.c3 {
    width: 50%;
}

.in_story a.c4 {
    width: 50%;
}

.in_story a img {
    display: block;
    width: 100%;
    -webkit-transition: all .6s ease-out;
    transition: all .6s ease-out;
}

.in_story a:hover img {
    transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
}

.active .in_story a.c1 {
    filter: alpha(opacity=100);
    -moz-opacity: 100;
    opacity: 100;
    transition-delay: 0.6s;
    -webkit-transition-delay: 0.6s;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
}

.active .in_story a.c2 {
    filter: alpha(opacity=100);
    -moz-opacity: 100;
    opacity: 100;
    transition-delay: 1.2s;
    -webkit-transition-delay: 1.2s;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
}

.active .in_story a.c3 {
    filter: alpha(opacity=100);
    -moz-opacity: 100;
    opacity: 100;
    transition-delay: 1.8s;
    -webkit-transition-delay: 1.8s;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
}

.active .in_story a.c4 {
    filter: alpha(opacity=100);
    -moz-opacity: 100;
    opacity: 100;
    transition-delay: 2.4s;
    -webkit-transition-delay: 2.4s;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
}


/*p3*/

.in_product {
    padding-top: 5%;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.active .in_product {
    -webkit-animation: flipinX 1s 1.5s ease-in-out both;
    -moz-animation: flipinX 1s 1.5s ease-in-out both;
    -ms-animation: flipinX 1s 1.5s ease-in-out both;
    animation: flipinX 1s 1.5s ease-in-out both;
}

.in_product h3 {
    text-align: center;
    position: relative;
    font-size: 40px;
    color: #013c2a;
    font-weight: normal;
    font-family: "宋体"
}

.in_product h3 b {
    font-weight: bold;
}

.in_product h3 font {
    position: absolute;
    width: 119px;
    height: 56px;
    background: url(../image/kk.png) no-repeat 0 0;
    text-align: center;
    line-height: 44px;
    font-size: 24px;
    color: #fff;
    left: 50%;
    margin-left: -270px;
    top: -10px;
}

.in_product h3 i {
    display: block;
    font-size: 24px;
}

.in_product_list {
    overflow: hidden;
    margin-top: 2%;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    transform: scale(0.5, 0.5);
    -webkit-transform: scale(0.5, 0.5);
    transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
}

.active .in_product_list {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    transform: scale(1, 1);
    transition-delay: 0.7s;
    -webkit-transform: scale(1, 1);
    -webkit-transition-delay: 0.7s;
}

.in_product_list a {
    width: 25.8%;
    margin: 0 3.765%;
    float: left;
}

.in_product_list a dl {
    display: block;
}

.in_product_list a dl dt {
    display: block;
}

.in_product_list a dl dt img {
    display: block;
    width: 100%;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.in_product_list a:hover dl dt img {
    transform: scale(1.02, 1.02);
    -webkit-transform: scale(1.02, 1.02);
}

.in_product_list a dl dd {
    margin: 0 auto;
    width: 166px;
    padding: 0 17px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.in_product_list a dl dd big {
    display: block;
    text-align: center;
    font-size: 24px;
    color: #8a8a8a;
    font-weight: bold;
    font-family: "宋体";
    padding-bottom: 8px;
    margin-bottom: 12px;
    border-bottom: 1px dotted #d4d4d4;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.in_product_list a dl dd small {
    display: block;
    text-align: center;
    font-size: 15px;
    color: #8a8a8a;
    font-family: "宋体";
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.in_product_list a:hover dl dd {
    background: url(../image/k.png) no-repeat center 23px;
}

.in_product_list a:hover dl dd big {
    color: #015139;
}

.in_product_list a:hover dl dd small {
    color: #015139;
}

.in_more {
    margin-top: 3%;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

/*.active .in_more {
    -webkit-animation: fadeInUp 1s 1.5s ease-in-out both;
    -moz-animation: fadeInUp 1s 1.5s ease-in-out both;
    -ms-animation: fadeInUp 1s 1.5s ease-in-out both;
    animation: fadeInUp 1s 1.5s ease-in-out both;
}*/

.in_more a {
    display: block;
    background: #ccc;
    font-size: 20px;
    color: #8a8a8a;
    text-align: center;
    width: 155px;
    height: 40px;
    border: 1px solid #ccc;
    line-height: 40px;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.in_more a:hover {
    background: #a44e58;
    color: #fff;
    border: 1px solid #a44e58;
}




/*p4*/

.p4 {
    background: url(../image/yy.png) repeat-y 0 0;
}

.in_case_list {
    overflow: hidden;
    margin-top: 4%;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    transform: scale(0.5, 0.5);
    -webkit-transform: scale(0.5, 0.5);
    transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
}

.active .in_case_list {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    transform: scale(1, 1);
    transition-delay: 0.7s;
    -webkit-transform: scale(1, 1);
    -webkit-transition-delay: 0.7s;
}

.in_case_list a {
    width: 220px;
    margin: 0 10px;
    float: left;
}

.in_case_list a dl {
    display: block;
}

.in_case_list a dl dt {
    display: block;
}

.in_case_list a dl dt img {
    display: block;
    width: 100%;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.in_brand a:hover img {
    transform: scale(1.02, 1.02);
    -webkit-transform: scale(1.02, 1.02);
}

.in_case_list a:hover dl dt img{}

.in_case_list a dl dd {
    display: block;
    position: relative;
    padding-bottom: 15px;
}

.in_case_list a dl dd big {
    display: block;
    text-align: center;
    font-size: 19px;
    color: #8a8a8a;
    font-weight: bold;
    font-family: "宋体";
    margin-top: 5px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.in_case_list a dl dd small {
    display: block;
    text-align: center;
    font-size: 15px;
    color: #8a8a8a;
    font-family: "宋体";
    padding-top: 10px;
    margin-top: 8px;
    border-top: 1px dotted #d4d4d4;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.in_case_list a dl dd ins {
    display: block;
    width: 27px;
    height: 6px;
    background: url(../image/ks.png) no-repeat 0 6px;
    position: absolute;
    left: 50%;
    margin-left: -14px;
    bottom: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.in_case_list a:hover dl dd big {
    color: #015139;
}

.in_case_list a:hover dl dd small {
    color: #015139;
}

.in_case_list a:hover dl dd ins {
    background: url(../image/ks.png) no-repeat 0 0;
}


/*p5*/

.p5 {
    background: #f2f2f2;
}

.in_brand {
    position: absolute;
    left: 50%;
    margin-left: -600px;
    width: 1200px;
}

.in_brand a {
    display: block;
    float: left;
    width: 64.17%;
}

.in_brand a:last-child {
    float: right;
    width: 33.33%;
}

.in_brand a img {
    width: 100%;
    display: block;
    -webkit-transition: all .6s ease-out;
    transition: all .6s ease-out;
}

.in_brand a:hover img {
    transform: scale(1.02, 1.02);
    -webkit-transform: scale(1.02, 1.02);
}


/*****************p6*****************/

.in_news {
    width: 1200px;
    position: absolute;
    left: 50%;
    margin-left: -600px;
}



.in_news h2 {
    display: block;
    font-size: 40px;
    text-align: center;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}




.in_news ul {
    overflow: hidden;
}

.in_news ul li {
    width: 31%;
    margin-right: 3.5%;
    float: left;
}

.in_news ul li:nth-child(3n) {
    margin-right: 0;
}

.in_news ul li a {
    display: block;
}

.in_news ul li a img {
    display: block;
    width: 100%;
}

.in_news ul li a big {
    display: block;
    color: #8a8a8a;
    font-size: 20px;
    font-weight: bold;
    margin-top: 19px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.in_news ul li a font {
    display: block;
    color: #b5b5b5;
    font-size: 12px;
    font-family: "Verdana";
    margin-top: 3px;
    margin-bottom: 10px;
    text-transform: uppercase;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.in_news ul li a p {
    color: #b5b5b5;
    font-size: 12px;
    line-height: 20px;
    max-height: 40px;
    overflow: hidden;
    text-align: justify;
    margin-bottom: 28px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.in_news ul li a span {
    display: block;
    color: #b5b5b5;
    font-size: 12px;
    font-family: "Verdana";
    width: 103px;
    height: 17px;
    text-align: center;
    line-height: 17px;
    color: #013c2a;
    font-size: 12px;
    border: 1px solid #eee;
    margin: 0;
    border-radius: 17px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.in_news ul li a:hover big {
    color: #a44e58;
}

.in_news ul li a:hover span {
    background: #013c2a;
    border: 1px solid #013c2a;
    color: #fff;
}


/*foot*/

.p7 {
    background: #f2f2f2;
}

.t_foot {
    border-bottom: 1px solid #e4e4e4;
    padding-top: 35px;
    height: 53px;
    padding-bottom: 15px;
}

.t_foot dl {
    float: left;
}

.t_foot dl:first-child {
    margin-right: 37px;
}

.t_foot dl:last-child {
    float: right;
}

.t_foot dl dt {
    display: block;
    font-size: 20px;
    color: #013c2a;
    margin-bottom: 9px
}

.t_foot dl dd {
    display: block;
    position: relative;
}

.t_foot dl dd a {
    float: left;
    font-size: 16px;
    color: #717171;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.t_foot dl dd a.b1 {
    padding-left: 24px;
    background: url(../image/x1.png) no-repeat 0 center;
}

.t_foot dl dd a.b2 {
    padding-left: 24px;
    background: url(../image/x2.png) no-repeat 0 center;
}

.t_foot dl dd a.b3 {
    padding-left: 17px;
    background: url(../image/x3.png) no-repeat 0 center;
}

.t_foot dl dd a.b4 {
    padding-left: 17px;
    background: url(../image/x4.png) no-repeat 0 center;
}

.t_foot dl dd a:hover {
    color: #013c2a
}

.t_foot dl dd i {
    float: left;
    width: 1px;
    height: 12px;
    background: #717171;
    margin: 4px 17px 0;
}

.t_foot dl dd img {
    position: absolute;
    width: 100px;
    height: 100px;
    right: 115px;
    top: -40px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    z-index: -1;
    cursor: pointer;
}

.b_foot {
    overflow: hidden;
}

.b_foot p {
    float: left;
    font-size: 12px;
    color: #868686;
    line-height: 64px;
}

.b_foot span {
    float: left;
    font-size: 12px;
    color: #868686;
    line-height: 64px;
    margin-left: 20px;
}

.b_foot span a{
    color: #868686;
    text-decoration: underline;
}

.b_foot small {
    float: right;
    font-size: 12px;
    color: #868686;
    line-height: 64px;
}


/*foot end*/


/*tip*/

.tip {
    background: #f8f8f8;
    border-bottom: 1px solid #ededed;
}

.tip p {
    overflow: hidden;
}

.tip p a {
    float: left;
    font-size: 12px;
    line-height: 38px;
    color: #8f8f8f;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.tip p a:hover,
.tip p a.on {
    color: #013c2a
}

.tip p i {
    float: left;
    width: 3px;
    height: 3px;
    background: #013c2a;
    margin: 18px 10px 0 10px;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
}


/*tip end*/


/*title*/

.title {
    margin-top: 56px;
    margin-bottom: 46px;
}

.title h1 {
    text-align: center;
    font-size: 40px;
    color: #013c2a;
    font-weight: bold;
}


/*title end*/


/*activity*/

.activity {
    margin-bottom: 50px;
}

.activity a {
    display: block;
    position: relative;
    padding-top: 3px;
    overflow: hidden;
    padding-bottom: 37px;
}

.activity a:last-child {
    padding-bottom: 0;
}

.activity a em {
    width: 100px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 16px;
    font-weight: bold;
    background: #f2f2f2;
    color: #686868;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 26;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.activity a:hover em {
    background: #013c2a;
    color: #fff;
}

.activity a tt {
    width: 1156px;
    height: 11px;
    position: absolute;
    z-index: 20;
    background: #fff;
    left: 44px;
    top: 167px;
    padding: 2px 0;
    overflow: hidden;
}

.activity a tt i {
    display: block;
    width: 9px;
    height: 9px;
    border: 1px solid #e0e0e0;
    position: absolute;
    z-index: 30;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    float: left;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.activity a tt ins {
    display: block;
    width: 1145px;
    height: 1px;
    background: #e0e0e0;
    float: right;
    margin-top: 5px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.activity a:hover tt i {
    border: 1px solid #013c2a;
}

.activity a:hover tt ins {
    background: #013c2a;
}

.activity a small {
    position: absolute;
    left: 49px;
    top: 0;
    height: 100%;
    background: #e0e0e0;
    width: 1px;
}

.activity a dl {
    margin-left: 170px;
    position: relative;
    width: 1030px;
}

.activity a dl dt {
    position: relative;
    z-index: 26;
    float: left;
    width: 535px;
    overflow: hidden;
    background: #000;
}

.activity a dl dt img {
    display: block;
    width: 100%;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.activity a dl dt i {
    position: absolute;
    width: 61px;
    height: 61px;
    top: -61px;
    left: 50%;
    margin-left: -30px;
    z-index: 30;
    background: url(../image/fdjs.png) no-repeat 0 0;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.activity a:hover dl dt img {
    filter: alpha(opacity=75);
    -webkit-opacity: 0.75;
    opacity: 0.75;
}

.activity a:hover dl dt i {
    top: 142px;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    opacity: 1;
}

.activity a dl dd {
    float: right;
    width: 326px;
    height: 284px;
    padding: 0 42px;
    background: #f8f8f8;
    position: relative;
    z-index: 26;
}

.activity a dl dd big {
    display: block;
    font-size: 24px;
    color: #868686;
    font-weight: bold;
    border-bottom: 1px dotted #c7c7c7;
    padding-bottom: 8px;
    margin-bottom: 21px;
    padding-top: 41px;
}

.activity a dl dd p {
    font-size: 14px;
    line-height: 24px;
    color: #959595;
    text-align: justify;
    margin-bottom: 37px;
}

.activity a dl dd font {
    display: block;
    width: 166px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border: 1px solid #c7c7c7;
    font-size: 14px;
    color: #686868;
    font-weight: bold;
    margin: 0;
    border-radius: 28px;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.activity a:hover dl dd font {
    border: 1px solid #013c2a;
    background: #013c2a;
    color: #fff;
}


/*activity end*/


/*pages*/

.pages {
    overflow: hidden;
    border-top: 1px dotted #c7c7c7;
    padding-top: 30px;
    margin: 0 auto 150px;
    position: relative;
}

.pages a {
    float: left;
    margin-right: 15px;
    width: 38px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    border: 1px solid #e2e2e2;
    font-size: 16px;
    color: #262626;
    font-family: "Verdana";
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.pages a.prev,
.pages a.next {
    float: right;
    font-family: "宋体";
    margin-right: 0;
    margin-left: 15px;
    width: 78px;
    position: absolute;
    top: 30px;
}

.pages a.prev {
    right: 95px;
}

.pages a.next {
    right: 0;
}

.pages a:hover,
.pages a.current {
    background: #013c2a;
    border: 1px solid #013c2a;
    color: #fff;
}


/*pages end*/


/*b_video*/

.b_video {
    position: relative;
    padding-bottom: 52px;
    border-bottom: 1px dotted #c7c7c7
}

.c_video{
    width: 1140px;  
    margin: 0 auto;
    overflow: hidden;
}

.b_video .swiper-container {
    width: 720px;
    margin: 0 auto;
    overflow: visible;
}

.b_video .swiper-wrapper {}

.b_video .swiper-slide {}

.b_video .swiper-slide a {
    display: block;
    position: relative;
    z-index: 30;
}

.b_video .swiper-slide a em {
    display: block;
    position: relative;
}

.b_video .swiper-slide a em img {
    display: block;
    width: 100%;
}

.b_video .swiper-slide a em ins {
    width: 66px;
    height: 66px;
    position: absolute;
    left: 50%;
    margin-left: -33px;
    top: 50%;
    margin-top: -70%;
    background: url(../image/bf.png) no-repeat 0 0;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    opacity: 0;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.b_video .swiper-slide a:hover em ins {
    margin-top: -33px;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    opacity: 1;
}

.b_video .swiper-slide a span {
    text-align: center;
    font-size: 24px;
    color: #686868;
    font-weight: bold;
    margin-top: 30px;
    display: none;
}

.b_video .swiper-slide-active a span {
    display: block;
}

.b_video a.prev {
    background-position: 0 0;
    left: 0;
    position: absolute;
    width: 15px;
    height: 27px;
    top: 220px;
    background-image: url(../image/lr.png);
    background-repeat: no-repeat;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.b_video a.next {
    background-position: -15px 0;
    right: 0;
    position: absolute;
    width: 15px;
    height: 27px;
    top: 220px;
    background-image: url(../image/lr.png);
    background-repeat: no-repeat;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.b_video a.prev:hover {
    background-position: 0 -27px;
}

.b_video a.next:hover {
    background-position: -15px -27px;
}


/*b_video end*/


/*s_tip*/

.s_tip {
    overflow: hidden;
    margin-top: 58px;
}

.s_tips{
    text-align: center;
    font-size: 0;
}

.s_tip a {
    float: left;
    position: relative;
    font-size: 20px;
    line-height: 29px;
    color: #686868;
    font-weight: bold;
    padding: 0 20px;
    margin-right: 50px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.s_tips a{
    float: none;
    display: inline-block;
}

.s_tip a i {
    width: 6px;
    height: 27px;
    position: absolute;
    top: 0;
    background-image: url(../image/kst.png);
    background-repeat: no-repeat;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    opacity: 0;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.s_tip a i.c1 {
    left: -10px;
    background-position: 0 0;
}

.s_tip a i.c2 {
    right: -10px;
    background-position: -6px 0;
}

.s_tip a:hover,
.s_tip a.on {
    color: #015139
}

.s_tip a:hover i.c1,
.s_tip a.on i.c1 {
    left: 0;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    opacity: 1;
}

.s_tip a:hover i.c2,
.s_tip a.on i.c2 {
    right: 0;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    opacity: 1;
}


/*s_tip end*/


/*k_tip*/

.k_tip {
    overflow: hidden;
    text-align: center;
    font-size: 0;
}

.k_tip a {
    display: inline-block;
    position: relative;
    font-size: 20px;
    line-height: 29px;
    color: #686868;
    font-weight: bold;
    padding: 0 20px;
    margin: 0 20px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.k_tip a i {
    width: 6px;
    height: 27px;
    position: absolute;
    top: 0;
    background-image: url(../image/kst.png);
    background-repeat: no-repeat;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    opacity: 0;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.k_tip a i.c1 {
    left: -10px;
    background-position: 0 0;
}

.k_tip a i.c2 {
    right: -10px;
    background-position: -6px 0;
}

.k_tip a:hover,
.k_tip a.on {
    color: #015139
}

.k_tip a:hover i.c1,
.k_tip a.on i.c1 {
    left: 0;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    opacity: 1;
}

.k_tip a:hover i.c2,
.k_tip a.on i.c2 {
    right: 0;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    opacity: 1;
}

.k_tips{
    margin: 50px auto;
}

/*k_tip end*/


/*video*/

.video {
    overflow: hidden;
}

.video dl {
    float: left;
    width: 370px;
    overflow: hidden;
    padding: 50px 45px 50px 0;
    border-bottom: 1px dotted #c7c7c7;
}

.video dl:nth-child(3n) {
    padding: 50px 0 50px 0;
}

.video dl dt {
    display: block;
}

.video dl dt a {
    display: block;
    position: relative;
    background: #000;
    width: 370px;
    height: 211px;
    overflow: hidden;
}

.video dl dt a img {
    display: block;
    width: 100%;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.video dl dt a:hover img {
    filter: alpha(opacity=58);
    -webkit-opacity: 0.58;
    opacity: 0.58;
}

.video dl dt a ins {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    top: 50%;
    margin-top: -60%;
    background: url(../image/bf.png) no-repeat 0 0;
    background-size: 100% 100%;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.video dl dt a:hover ins{
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    opacity: 1;
    margin-top: -25px;
}

.video dl dd {
    display: block;
    margin-top: 20px;
}

.video dl dd span {
    display: block;
    font-size: 22px;
    color: #686868;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.video dl dd em {
    display: block;
    overflow: hidden;
    margin-top: 7px;
}

.video dl dd em a {
    float: left;
    line-height: 19px;
    font-size: 14px;
    color: #8f8f8f;
    font-family: "Verdana";
    overflow: hidden;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.video dl dd em a i.c1 {
    float: left;
    margin-right: 7px;
    width: 19px;
    height: 19px;
    background: url(../image/c1.png) no-repeat 0 0;
}

.video dl dd em a i.c2 {
    float: left;
    margin-right: 6px;
    margin-top: 1px;
    width: 18px;
    height: 17px;
    background: url(../image/c2.png) no-repeat 0 0;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.video dl dd em ins {
    float: left;
    width: 1px;
    height: 14px;
    background: #c7c7c7;
    margin: 3px 11px 0;
}

.video dl:hover dd span {
    color: #013c2a
}

.video dl dd em a.dz.on,
.video dl dd em a.dz:hover {
    color: #013c2a
}

.video dl dd em a.dz.on i,
.video dl dd em a.dz:hover i {
    background: url(../image/c2.png) no-repeat 0 -17px;
}


/*video end*/


/*skin*/

.skin {
    overflow: hidden;
    margin-bottom: 25px;
}

.l_skin {
    float: left;
    width: 500px;
    margin-left: 63px;
}

.r_skin {
    float: right;
    width: 500px;
}

.skin dl {
    display: block;
    margin-bottom: 145px;
}

.skin dl dt {
    display: block;
    position: relative;
}

.skin dl dt img {
    display: block;
    width: 100%;
    position: relative;
    z-index: 12;
}

.skin dl dt big {
    display: block;
    font-size: 292px;
    color: #f7f6f7;
    font-weight: bold;
    position: absolute;
    left: -77px;
    bottom: -210px;
    z-index: 10;
}

.skin dl dd {
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 12;
    margin-top: 13px;
}

.skin dl dd small {
    float: right;
    overflow: hidden;
    color: #929292;
    font-size: 12px;
    text-transform: uppercase;
    margin-top: 16px;
}

.skin dl dd small i {
    float: right;
    width: 42px;
    height: 2px;
    background: #d0d0d0;
    margin-left: 32px;
    margin-top: 7px;
}

.skin dl dd span {
    display: block;
    font-size: 30px;
    color: #013c2a;
    font-weight: bold;
    margin-bottom: 16px;
}

.skin dl dd p {
    font-size: 16px;
    color: #686868;
}

.skin em {
    display: block;
    padding-top: 42px;
    padding-bottom: 70px;
    position: relative;
}

.skin em font {
    display: block;
    font-size: 16px;
    color: #929292;
    font-weight: bold;
}

.skin em big {
    display: block;
    font-size: 30px;
    color: #013c2a;
    font-weight: bold;
}

.skin em small {
    display: block;
    font-size: 12px;
    color: #929292;
    text-transform: uppercase;
    letter-spacing: 5px;
    border-bottom: 1px dotted #c7c7c7;
    padding-bottom: 15px;
    margin-bottom: 50px;
}

.skin em span {
    display: block;
    font-size: 16px;
    color: #013c2a;
    font-weight: bold;
    margin-bottom: 10px;
}

.skin em i {
    display: block;
    width: 21px;
    height: 1px;
    background: #c7c7c7;
    margin: 0 0 9px;
}

.skin em p {
    font-size: 16px;
    line-height: 30px;
    color: #686868;
    text-align: justify;
    margin-bottom: 50px
}

.skin em p.xx {
    width: 338px;
}

.skin em ins {
    position: absolute;
    width: 94px;
    height: 94px;
    background: url(../image/gz.png) no-repeat 0 0;
    right: 0;
    bottom: 115px;
}


/*skin end*/


/*brand*/

.brand {
    position: relative;
    overflow: hidden;
    width: 1191px;
    margin: 0 auto 146px;
    padding-top: 51px;
    background: url(../image/l1.png) no-repeat center top;
}

.brand big {
    display: block;
    font-size: 24px;
    color: #686868;
    font-weight: bold;
    text-align: center;
    text-transform: capitalize;
    margin-top: 11px;
}

.b_brand {
    width: 1322px;
    padding-bottom: 116px;
    background: url(../image/l1.png) no-repeat 577px bottom;
}

.h_line {
    width: 2px;
    top: 0;
    bottom: 40px;
    background: #e9e9e9;
    left: 595px;
    position: absolute;
}

.brand dl {
    float: left;
    width: 661px;
    display: block;
    padding-bottom: 60px;
}

.brand dl dt {
    display: block;
    margin: 0;
    width: 528px;
    height: 50px;
    border: 1px solid #dcdcdc;
    background: #f2f2f2;
    position: relative;
}

.brand dl dt a {
    font-size: 20px;
    color: #013c2a;
    font-weight: bold;
    line-height: 50px;
}

.brand dl.c1 dt a {
    float: right;
    margin-right: 51px;
}

.brand dl.c2 dt a {
    float: left;
    margin-left: 51px;
}

.brand dl dt i {
    font-size: 20px;
    color: #686868;
    font-weight: bold;
    line-height: 50px;
}

.brand dl.c1 dt i {
    float: left;
    margin-left: 58px;
}

.brand dl.c2 dt i {
    float: right;
    margin-right: 58px;
}

.brand dl dt ins {
    width: 20px;
    height: 50px;
    position: absolute;
    top: 0;
}

.brand dl.c1 dt ins {
    right: -20px;
    background: url(../image/y1.png) no-repeat -7px center;
}

.brand dl.c2 dt ins {
    left: -20px;
    background: url(../image/y2.png) no-repeat 7px center;
}

.brand dl dt tt {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 15px;
    background: url(../image/l2.png) no-repeat 0 0;
}

.brand dl.c1 dt tt {
    right: -77px;
}

.brand dl.c2 dt tt {
    left: -77px;
}

.brand dl dd {
    display: block;
    margin: 0;
    width: 528px;
    border: 1px solid #dcdcdc;
    border-top: none;
    position: relative;
}

.brand dl dd p {
    font-size: 16px;
    line-height: 30px;
    width: 420px;
    color: #686868;
    text-align: justify;
    margin: 0 auto;
    border-bottom: 1px dotted #c7c7c7;
    padding-bottom: 17px;
    padding-top: 25px;
}

.brand dl dd img {
    display: block;
    margin: 0 auto 0;
    width: 500px;
    padding-top: 14px;
}


/*brand end*/


/*story*/

.story {
    
}

.story dl {
    overflow: hidden;
}

.story dl.c1 {
    padding-bottom: 125px;
    border-bottom: 1px dotted #c7c7c7;
    margin-bottom: 116px;
}

.story dl.c2 {
    margin-bottom: 154px;
}

.story dl.c1 dt {
    float: left;
    width: 606px;
}

.story dl.c1 dd {
    float: right;
    width: 506px;
    margin-right: 21px;
}

.story dl.c2 dt {
    float: right;
    width: 606px;
}

.story dl.c2 dd {
    float: left;
    width: 506px;
    margin-left: 21px;
}

.story dl dd big {
    display: block;
    font-size: 30px;
    line-height: 42px;
    color: #013c2a;
    font-weight: bold;
}

.story dl dd small {
    display: block;
    font-size: 12px;
    color: #929292;
    letter-spacing: 5px;
    text-transform: uppercase;
    border-bottom: 1px dotted #c7c7c7;
    margin-bottom: 32px;
    padding-bottom: 12px;
    margin-top: 6px;
}

.story dl dd i {
    display: block;
    width: 21px;
    height: 1px;
    background: #c7c7c7;
    margin: 0 0 10px;
}

.story dl dd p {
    font-size: 16px;
    color: #686868;
    text-align: justify;
    line-height: 30px;
    margin-bottom: 25px;
}

.story dl dd em {
    display: block;
    overflow: hidden;
    margin-top: 35px;
}

.story dl dd em span {
    float: left;
    width: 82px;
    height: 82px;
    border: 1px dashed #c7c7c7;
    margin-right: 19px;
    background: url(../image/hl.png) no-repeat 24px 37px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.story dl dd em span font {
    display: block;
    text-align: center;
    font-size: 24px;
    color: #013c2a;
    font-weight: bold;
    padding-top: 13px;
}

.story dl dd em span ins {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #013c2a;
    font-weight: bold;
    margin-top: 8px;
}

.story dl dd em span:last-child {
    margin-right: 0;
}

.story dl dd tt {
    display: block;
    overflow: hidden;
    margin-top: 62px;
}

.story dl dd tt span {
    float: left;
    overflow: hidden;
}

.story dl dd tt span strong {
    float: left;
    font-size: 44px;
    line-height: 36px;
    color: #013c2a;
    font-weight: bold;
    font-family: "宋体";
}

.story dl dd tt span font {
    float: left;
    margin-left: 7px;
}

.story dl dd tt span font ins {
    display: block;
    font-size: 16px;
    color: #013c2a;
    line-height: 18px;
}

.story dl dd tt span font b {
    display: block;
    font-size: 16px;
    color: #013c2a;
    line-height: 18px;
}

.story dl dd tt code {
    float: left;
    width: 1px;
    height: 31px;
    background: #c7c7c7;
    margin: 2px 50px 0;
}


/*story end*/


/*.s_story*/

.s_story {
    position: relative;
    overflow: hidden;
    height: 667px;
}

.t_story {
    width: 1920px;
    height: 667px;
    position: absolute;
    left: 50%;
    margin-left: -960px;
    top: 0;
}

.b_story {
    position: absolute;
    width: 466px;
    left: 50%;
    margin-left: 85px;
    top: 222px;
}

.b_story big {
    display: block;
    font-size: 30px;
    line-height: 30px;
    color: #013c2a;
    font-weight: bold;
}

.b_story small {
    display: block;
    font-size: 12px;
    color: #929292;
    letter-spacing: 5px;
    text-transform: uppercase;
    margin-bottom: 60px;
}

.b_story i {
    display: block;
    width: 21px;
    height: 1px;
    background: #c7c7c7;
    margin: 0 0 10px;
}

.b_story p {
    font-size: 16px;
    color: #686868;
    text-align: justify;
    line-height: 30px;
    margin-bottom: 25px;
}


/*s_story end*/


/*t_idea*/

.t_idea {
    overflow: hidden;
    margin-bottom: 26px;
}

.t_idea dl {
    overflow: hidden;
}

.t_idea dl dt {
    float: right;
    width: 457px;
    margin-right: 130px;
}

.t_idea dl dd {
    float: left;
    width: 420px;
    margin-left: 140px;
    margin-top: 78px;
}

.t_idea dl dd big {
    display: block;
    font-size: 30px;
    line-height: 30px;
    color: #013c2a;
    font-weight: bold;
}

.t_idea dl dd small {
    display: block;
    font-size: 12px;
    color: #929292;
    letter-spacing: 5px;
    text-transform: uppercase;
    border-bottom: 1px dotted #c7c7c7;
    margin-bottom: 32px;
    padding-bottom: 12px;
}

.t_idea dl dd i {
    display: block;
    width: 21px;
    height: 1px;
    background: #c7c7c7;
    margin: 0 0 10px;
}

.t_idea dl dd p {
    font-size: 16px;
    color: #686868;
    text-align: justify;
    line-height: 30px;
    margin-bottom: 25px;
}


/*t_idea end*/


/*m_idea*/

.m_idea {
    position: relative;
    overflow: hidden;
    height: 441px;
}

.m_idea dl {
    display: block;
}

.m_idea dl dt {
    width: 1920px;
    height: 441px;
    position: absolute;
    left: 50%;
    margin-left: -960px;
    top: 0;
}

.m_idea dl dd {
    position: absolute;
    top: 126px;
    left: 0;
    width: 100%;
}

.m_idea dl dd big {
    display: block;
    font-size: 30px;
    line-height: 30px;
    color: #013c2a;
    font-weight: bold;
    text-align: center;
    margin-bottom: 3px;
}

.m_idea dl dd small {
    display: block;
    font-size: 12px;
    color: #929292;
    letter-spacing: 5px;
    text-transform: uppercase;
    margin-bottom: 43px;
    text-align: center;
}

.m_idea dl dd p {
    font-size: 16px;
    color: #013c2a;
    text-align: center;
    line-height: 33px;
}


/*m_idea end*/


/*b_idea*/

.b_idea {
    position: relative;
    overflow: hidden;
    height: 780px;
}

.b_idea dl {
    display: block;
}

.b_idea dl dt {
    width: 1920px;
    height: 780px;
    position: absolute;
    left: 50%;
    margin-left: -960px;
    top: 0;
}

.b_idea dl dd {
    position: absolute;
    top: 145px;
    left: 0;
    width: 100%;
}

.b_idea dl dd big {
    display: block;
    font-size: 30px;
    line-height: 30px;
    color: #013c2a;
    font-weight: bold;
    text-align: center;
}

.b_idea dl dd small {
    display: block;
    font-size: 12px;
    color: #929292;
    letter-spacing: 5px;
    text-transform: uppercase;
    margin-bottom: 43px;
    text-align: center;
}

.b_idea dl dd em {
    position: relative;
    display: block;
}

.b_idea dl dd em span {
    display: block;
    position: absolute;
    overflow: hidden;
}

.b_idea dl dd em span:nth-child(2n+1) {
    right: 50%;
    margin-right: 250px;
}

.b_idea dl dd em span:nth-child(2n) {
    left: 50%;
    margin-left: 250px;
}

.b_idea dl dd em span.c1 {
    top: 0;
}

.b_idea dl dd em span.c2 {
    top: 0;
}

.b_idea dl dd em span.c3 {
    top: 143px;
}

.b_idea dl dd em span.c4 {
    top: 143px;
}

.b_idea dl dd em span.c5 {
    top: 286px;
}

.b_idea dl dd em span.c6 {
    top: 286px;
}

.b_idea dl dd em ins {
    width: 103px;
    height: 103px;
}

.b_idea dl dd em span:nth-child(2n+1) ins {
    float: right;
    margin-left: 30px;
}

.b_idea dl dd em span:nth-child(2n) ins {
    float: left;
    margin-right: 30px;
}

.b_idea dl dd em span:nth-child(2n+1) font {
    float: left;
}

.b_idea dl dd em span:nth-child(2n) font {
    float: right;
}

.b_idea dl dd em span.c1 ins {
    background: url(../image/t1.png) no-repeat 0 0;
}

.b_idea dl dd em span.c2 ins {
    background: url(../image/t2.png) no-repeat 0 0;
}

.b_idea dl dd em span.c3 ins {
    background: url(../image/t3.png) no-repeat 0 0;
}

.b_idea dl dd em span.c4 ins {
    background: url(../image/t4.png) no-repeat 0 0;
}

.b_idea dl dd em span.c5 ins {
    background: url(../image/t5.png) no-repeat 0 0;
}

.b_idea dl dd em span.c6 ins {
    background: url(../image/t6.png) no-repeat 0 0;
}

.b_idea dl dd em span font {
    margin-top: 31px;
}

.b_idea dl dd em span font code {
    display: block;
    font-size: 18px;
    color: #013c2a;
}

.b_idea dl dd em span font i {
    display: block;
    font-size: 10px;
    color: #013c2a;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.b_idea dl dd em span:nth-child(2n+1) font code,
.b_idea dl dd em span:nth-child(2n+1) font i {
    text-align: right;
}

.b_idea dl dd em span:nth-child(2n) font code,
.b_idea dl dd em span:nth-child(2n) font i {
    text-align: left;
}


/*b_idea end*/


/*news*/

.news {
    margin-top: 32px;
}

.news ul {}

.news ul li {
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.news ul li dl {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    border-top: 1px dotted #c7c7c7;
    padding: 50px 0;
}

.news ul li dl dt {
    float: right;
    width: 345px;
}

.news ul li dl dt img {
    display: block;
    width: 100%;
}

.news ul li dl dd {
    float: left;
    width: 720px;
    margin-top: 8px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.news ul li dl dd span {
    display: block;
    font-size: 24px;
    color: #686868;
    font-weight: bold;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.news ul li dl dd span i{
    color: #015139
}

.news ul li dl dd em {
    display: block;
    overflow: hidden;
    margin-top: 7px;
}

.news ul li dl dd em a {
    float: left;
    line-height: 18px;
    font-size: 14px;
    color: #8f8f8f;
    font-family: "Verdana";
    overflow: hidden;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.news ul li dl dd em a:last-child{
    font-family: "宋体";
}

.news ul li dl dd em a i.c1 {
    float: left;
    margin-right: 9px;
    width: 18px;
    height: 18px;
    background: url(../image/c3.png) no-repeat 0 0;
}

.news ul li dl dd em a i.c2 {
    float: left;
    margin-right: 5px;
    margin-top: 2px;
    width: 26px;
    height: 15px;
    background: url(../image/c4.png) no-repeat 0 0;
}

.news ul li dl dd em a i.c3 {
    float: left;
    margin-right: 6px;
    width: 18px;
    height: 17px;
    background: url(../image/c2.png) no-repeat 0 0;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

/*.news ul li dl dd em a i.c4 {
    float: left;
    margin-right: 7px;
    width: 17px;
    height: 17px;
    background: url(../images/c5.png) no-repeat 0 0;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}*/

.news ul li dl dd em ins {
    float: left;
    width: 1px;
    height: 14px;
    background: #c7c7c7;
    margin: 3px 11px 0;
}

.news ul li dl dd em a.dz.on,
.news ul li dl dd em a.dz:hover {
    color: #013c2a
}

.news ul li dl dd em a.dz.on i,
.news ul li dl dd em a.dz:hover i {
    background: url(../image/c2.png) no-repeat 0 -17px;
}

.news ul li dl dd p {
    font-size: 14px;
    line-height: 24px;
    color: #959595;
    text-align: justify;
    margin-top: 25px;
    margin-bottom: 41px;
}

.news ul li dl dd .getmore {
    display: block;
    margin: 0;
    font-size: 14px;
    color: #686868;
    font-weight: bold;
    width: 166px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    border: 1px solid #c7c7c7;
    border-radius: 28px;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.news ul li:hover {
    background: #f2f2f2;
}

.news ul li:hover dl dd {
    margin-left: 50px;
}

.news ul li:hover dl dd span {
    color: #013c2a;
}

.news ul li dl dd .getmore:hover {
    background: #013c2a;
    border: 1px solid #013c2a;
    color: #fff;
}


/*news end*/


/*newsdetail*/

.newsdetail {
    margin-top: 75px;
    margin-bottom: 25px;
}

.newsdetail h3 {
    display: block;
    font-size: 32px;
    color: #013c2a;
    font-weight: bold;
}

.newsdetail em {
    display: block;
    overflow: hidden;
    margin-top: 10px;
    padding-bottom: 45px;
    border-bottom: 1px dotted #c7c7c7;
}

.newsdetail em a {
    float: left;
    line-height: 18px;
    font-size: 14px;
    color: #8f8f8f;
    font-family: "Verdana";
    overflow: hidden;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.newsdetail em a:last-child{
    font-family: "宋体";
}

.newsdetail em a i.c1 {
    float: left;
    margin-right: 9px;
    width: 18px;
    height: 18px;
    background: url(../image/c3.png) no-repeat 0 0;
}

.newsdetail em a i.c2 {
    float: left;
    margin-right: 5px;
    margin-top: 2px;
    width: 26px;
    height: 15px;
    background: url(../image/c4.png) no-repeat 0 0;
}

.newsdetail em a i.c3 {
    float: left;
    margin-right: 6px;
    width: 18px;
    height: 17px;
    background: url(../image/c2.png) no-repeat 0 0;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

/*.newsdetail em a i.c4 {
    float: left;
    margin-right: 7px;
    width: 17px;
    height: 17px;
    background: url(../images/c5.png) no-repeat 0 0;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}*/

.newsdetail em ins {
    float: left;
    width: 1px;
    height: 14px;
    background: #c7c7c7;
    margin: 3px 11px 0;
}

.newsdetail em a.dz.on,
.newsdetail em a.dz:hover {
    color: #013c2a
}

.newsdetail em a.dz.on i,
.newsdetail em a.dz:hover i {
    background: url(../image/c2.png) no-repeat 0 -17px;
}


/*newsdetail end*/


/*newstext*/

.newstext {}

.newstext p {
    font-size: 14px;
    line-height: 24px;
    color: #959595;
    text-align: justify;
}


/*newstext end*/


/*fx*/

.fx {
    overflow: hidden;
    margin-top: 32px;
    margin-bottom: 50px;
}

.fx span {
    float: left;
    font-size: 14px;
    color: #686868;
    font-weight: bold;
    line-height: 26px;
    margin-right: 10px;
}

.fx .bdsharebuttonbox {
    float: left;
    overflow: hidden;
}

.fx .bdsharebuttonbox a {
    float: left;
    width: 26px;
    height: 26px;
    margin: 0 10px 0 0;
    padding: 0;
    background-repeat: no-repeat;
    background-position: 0 0;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.fx .bdsharebuttonbox a.bds_weixin {
    background-image: url(../image/f1.png);
}

.fx .bdsharebuttonbox a.bds_qzone {
    background-image: url(../image/f2.png);
}

.fx .bdsharebuttonbox a.bds_tsina {
    background-image: url(../image/f3.png);
}

.fx .bdsharebuttonbox a.bds_sqq {
    background-image: url(../image/f4.png);
}

.fx .bdsharebuttonbox a.bds_more {
    background-image: url(../image/f5.png);
}

.fx .bdsharebuttonbox a:hover {
    background-position: 0 -26px;
}

.fx em {
    float: right;
    font-size: 14px;
    color: #686868;
    font-weight: bold;
    line-height: 26px;
}

.fx em a{
    font-weight: normal;
    color: #686868;
}


/*fx end*/


/*page*/

.page {
    overflow: hidden;
    border-top: 1px dotted #c7c7c7;
    padding-top: 30px;
    width: 1200px;
    margin: 0 auto 150px;
    position: relative;
}

.page a {
    float: left;
    margin-right: 15px;
    width: 38px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    border: 1px solid #e2e2e2;
    font-size: 16px;
    color: #262626;
    font-family: "Verdana";
    width: 108px;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.page a.prev,
.page a.next {
    float: left;
}

.page a.backtolist {
    float: right;
    width: 148px;
    margin-right: 0;
}

.page a:hover {
    background: #013c2a;
    border: 1px solid #013c2a;
    color: #fff;
}


/*pages end*/


/*fans*/

.fans {
    position: relative;
    border-top: 1px dotted #c7c7c7;
    margin-top: 30px;
    padding-top: 30px;
}

.l_nav {
    float: left;
}

.l_nav a {
    display: block;
    overflow: hidden;
    position: relative;
    margin-bottom: 32px;
}

.l_nav a i {
    position: absolute;
    left: 0;
    top: 12px;
    width: 3px;
    height: 3px;
    background: transparent;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.l_nav a span {
    display: block;
    font-size: 20px;
    line-height: 27px;
    color: #686868;
    font-weight: bold;
    padding-left: 0;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.l_nav a:hover i,
.l_nav a.on i {
    background: #013c2a;
}

.l_nav a:hover span,
.l_nav a.on span {
    color: #015139;
    padding-left: 10px;
}

.s_line {
    position: absolute;
    width: 0;
    top: -56px;
    left: 146px;
    border-left: 1px dotted #c7c7c7;
}

.s_line.c1 {
    height: 980px;
}

.s_line.c2 {
    height: 1057px;
}

.s_line.c3 {
    height: 1134px;
    left: 120px;
}

.s_line.c4 {
    height: 1675px;
    left: 120px;
}

/*fans end*/


/*trial*/

.trial {
    overflow: hidden;
    float: right;
    width: 955px;
    padding-left: 68px;
}

.trial a {
    float: left;
    width: 425px;
    padding-right: 105px;
    padding-bottom: 31px;
    margin-bottom: 50px;
    border-bottom: 1px solid #e0e0e0
}

.trial a:nth-child(2n) {
    padding-right: 0;
}

.trial a:nth-last-child(1) {
    padding-bottom: 0;
    border-bottom: none
}

.trial a:nth-last-child(2) {
    padding-bottom: 0;
    border-bottom: none
}

.trial a dl {
    display: block;
    position: relative;
}

.trial a dl dt {
    width: 95px;
    height: 95px;
    position: absolute;
    bottom: 20px;
    left: -46px;
    z-index: 10;
    overflow: hidden;
    /*transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);*/
}

.trial a dl dt img {
    display: block;
    width: 100%;
    /*transform: rotate(-45deg) scale(1.42);
    -webkit-transform: rotate(-45deg) scale(1.42);
    -moz-transform: rotate(-45deg) scale(1.42);*/
}

.trial a dl dd {
    display: block;
    width: 327px;
    padding-left: 76px;
    padding-right: 20px;
    height: 160px;
    border: 1px solid #f5f5f5;
    position: relative;
    background: #f5f5f5;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.trial a:hover dl dd {
    border: 1px solid #e0e0e0;
    background: transparent;
}

.trial a dl dd p {
    font-size: 12px;
    line-height: 20px;
    color: #959595;
    text-align: justify;
    padding-top: 21px;
}

.trial a dl dd span {
    position: absolute;
    left: 76px;
    font-size: 16px;
    color: #686868;
    font-weight: bold;
    bottom: 22px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.trial a:hover dl dd span {
    color: #013c2a;
}

.trial a dl dd ins {
    position: absolute;
    right: 20px;
    bottom: 26px;
    width: 15px;
    height: 15px;
    background: url(../image/fdjt.png) no-repeat 0 0;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.trial a:hover dl dd ins {
    background-position: 0 -15px;
}

.trial a dl dd tt {
    width: 0;
    left: 0;
    bottom: -34px;
    height: 3px;
    z-index: 15;
    position: absolute;
    background: #013c2a;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.trial a:hover dl dd tt {
    width: 425px;
}


/*trial end*/


/*p_product*/

.p_product {}

.p_product a {
    display: block;
    padding-bottom: 30px;
    border-bottom: 1px dotted #c7c7c7;
    margin-bottom: 50px;
}

.p_product a dl {
    display: block;
    overflow: hidden;
    background: #f8f8f8;
}

.p_product a dl dt {
    float: left;
    width: 600px;
    position: relative;
    background: #000;
}

.p_product a dl dt img {
    display: block;
    width: 100%;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.p_product a dl dt ins {
    position: absolute;
    width: 61px;
    height: 61px;
    top: 50%;
    margin-top: -60%;
    left: 50%;
    margin-left: -30px;
    z-index: 30;
    background: url(../image/fdjs.png) no-repeat 0 0;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    opacity: 0;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.p_product a:hover dl dt img {
    filter: alpha(opacity=75);
    -webkit-opacity: 0.75;
    opacity: 0.75;
}

.p_product a:hover dl dt ins {
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    opacity: 1;
    margin-top: -30px;
}

.p_product a dl dd {
    float: left;
    width: 516px;
    padding: 0 42px 0;
    height: 350px;
    position: relative;
}

.p_product a dl dd span {
    display: block;
    font-size: 24px;
    color: #686868;
    font-weight: bold;
    border-bottom: 1px dotted #c7c7c7;
    padding-bottom: 8px;
    margin-bottom: 21px;
    padding-top: 68px;
}

.p_product a dl dd p {
    text-align: justify;
    font-size: 14px;
    color: #959595;
    line-height: 24px;
}

.p_product a dl dd em {
    width: 516px;
    position: absolute;
    bottom: 73px;
    left: 42px;
    overflow: hidden;
}

.p_product a dl dd em i {
    float: left;
    font-size: 16px;
    color: #013c2a;
    font-weight: bold;
    line-height: 30px;
}

.p_product a dl dd em font {
    float: right;
    width: 166px;
    height: 28px;
    border: 1px solid #c7c7c7;
    font-size: 14px;
    color: #686868;
    font-weight: bold;
    line-height: 28px;
    text-align: center;
    border-radius: 28px;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.p_product a:hover dl dd em font {
    background: #013c2a;
    border: 1px solid #013c2a;
    color: #fff;
}


/*t_product end*/


/*b_product*/

.b_product {
    margin-bottom: 30px;
    overflow: hidden;
}

.b_product a {
    float: left;
    width: 360px;
    margin-right: 60px;
}

.b_product a:nth-child(3n) {
    margin-right: 0;
}

.b_product a dl {
    display: block;
    overflow: hidden;
    background: #f8f8f8;
}

.b_product a dl dt {
    display: block;
    position: relative;
    background: #000;
}

.b_product a dl dt img {
    display: block;
    width: 100%;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.b_product a dl dt ins {
    position: absolute;
    width: 61px;
    height: 61px;
    top: 50%;
    margin-top: -60%;
    left: 50%;
    margin-left: -30px;
    z-index: 30;
    background: url(../image/fdjs.png) no-repeat 0 0;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    opacity: 0;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.b_product a:hover dl dt img {
    filter: alpha(opacity=75);
    -webkit-opacity: 0.75;
    opacity: 0.75;
}

.b_product a:hover dl dt ins {
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    opacity: 1;
    margin-top: -30px;
}

.b_product a dl dd {
    display: block;
    padding: 0 30px 0;
    height: 340px;
    position: relative;
}

.b_product a dl dd span {
    display: block;
    font-size: 24px;
    color: #686868;
    font-weight: bold;
    border-bottom: 1px dotted #c7c7c7;
    padding-bottom: 8px;
    margin-bottom: 21px;
    padding-top: 27px;
}

.b_product a dl dd p {
    text-align: justify;
    font-size: 14px;
    color: #959595;
    line-height: 24px;
}

.b_product a dl dd em {
    width: 300px;
    position: absolute;
    bottom: 72px;
    left: 30px;
    overflow: hidden;
}

.b_product a dl dd em i {
    float: left;
    font-size: 16px;
    color: #013c2a;
    font-weight: bold;
    line-height: 30px;
}

.b_product a dl dd em font {
    float: right;
    width: 166px;
    height: 28px;
    border: 1px solid #c7c7c7;
    font-size: 14px;
    color: #686868;
    font-weight: bold;
    line-height: 28px;
    text-align: center;
    border-radius: 28px;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.b_product a:hover dl dd em font {
    background: #013c2a;
    border: 1px solid #013c2a;
    color: #fff;
}


/*t_product end*/


/*t_product*/

.t_product {}

.t_product a {
    display: block;
    padding-bottom: 30px;
    border-bottom: 1px dotted #c7c7c7;
    margin-bottom: 50px;
}

.t_product a dl {
    display: block;
    overflow: hidden;
    background: #f8f8f8;
}

.t_product a dl dt {
    float: left;
    width: 600px;
    position: relative;
    background: #000;
}

.t_product a dl dt img {
    display: block;
    width: 100%;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.t_product a dl dt ins {
    position: absolute;
    width: 61px;
    height: 61px;
    top: 50%;
    margin-top: -60%;
    left: 50%;
    margin-left: -30px;
    z-index: 30;
    background: url(../image/fdjs.png) no-repeat 0 0;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    opacity: 0;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.t_product a:hover dl dt img {
    filter: alpha(opacity=75);
    -webkit-opacity: 0.75;
    opacity: 0.75;
}

.t_product a:hover dl dt ins {
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    opacity: 1;
    margin-top: -30px;
}

.t_product a dl dd {
    float: left;
    width: 516px;
    padding: 0 42px 0;
    height: 350px;
    position: relative;
}

.t_product a dl dd span {
    display: block;
    font-size: 24px;
    color: #686868;
    font-weight: bold;
    border-bottom: 1px dotted #c7c7c7;
    padding-bottom: 8px;
    margin-bottom: 21px;
    padding-top: 68px;
}

.t_product a dl dd p {
    text-align: justify;
    font-size: 14px;
    color: #959595;
    line-height: 24px;
}

.t_product a dl dd em {
    width: 516px;
    position: absolute;
    bottom: 73px;
    left: 42px;
    overflow: hidden;
}

.t_product a dl dd em i {
    float: left;
    font-size: 16px;
    color: #013c2a;
    font-weight: bold;
    line-height: 30px;
}

.t_product a dl dd em font {
    float: right;
    width: 166px;
    height: 28px;
    border: 1px solid #c7c7c7;
    font-size: 14px;
    color: #686868;
    font-weight: bold;
    line-height: 28px;
    text-align: center;
    border-radius: 28px;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.t_product a:hover dl dd em font {
    background: #013c2a;
    border: 1px solid #013c2a;
    color: #fff;
}


/*t_product end*/


/*comment*/

.comment {
    overflow: hidden;
    float: right;
    width: 974px;
    padding-left: 49px;
}

.comment a {
    float: left;
    width: 270px;
    padding-right: 82px;
    padding-bottom: 30px;
    margin-bottom: 50px;
    border-bottom: 1px solid #e0e0e0
}

.comment a:nth-child(3n) {
    padding-right: 0;
}

.comment a:nth-last-child(1) {
    padding-bottom: 0;
    border-bottom: none
}

.comment a:nth-last-child(2) {
    padding-bottom: 0;
    border-bottom: none
}

.comment a:nth-last-child(3) {
    padding-bottom: 0;
    border-bottom: none
}

.comment a dl {
    display: block;
    position: relative;
}

.comment a dl dt {
    width: 69px;
    height: 69px;
    position: absolute;
    bottom: 14px;
    left: -35px;
    z-index: 10;
    overflow: hidden;
    /*transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);*/
}

.comment a dl dt img {
    display: block;
    width: 100%;
    /*transform: rotate(-45deg) scale(1.42);
    -webkit-transform: rotate(-45deg) scale(1.42);
    -moz-transform: rotate(-45deg) scale(1.42);*/
}

.comment a dl dd {
    display: block;
    width: 190px;
    padding-left: 59px;
    padding-right: 21px;
    height: 180px;
    border: 1px solid #f5f5f5;
    position: relative;
    background: #f5f5f5;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.comment a:hover dl dd {
    border: 1px solid #e0e0e0;
    background: transparent;
}

.comment a dl dd p {
    font-size: 12px;
    line-height: 20px;
    color: #959595;
    text-align: justify;
    padding-top: 21px;
}

.comment a dl dd span {
    position: absolute;
    left: 59px;
    font-size: 16px;
    color: #686868;
    font-weight: bold;
    bottom: 22px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.comment a:hover dl dd span {
    color: #013c2a;
}

.comment a dl dd ins {
    position: absolute;
    right: 20px;
    bottom: 26px;
    width: 15px;
    height: 15px;
    background: url(../image/fdjt.png) no-repeat 0 0;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.comment a:hover dl dd ins {
    background-position: 0 -15px;
}

.comment a dl dd tt {
    width: 0;
    left: 0;
    bottom: -33px;
    height: 3px;
    z-index: 15;
    position: absolute;
    background: #013c2a;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.comment a:hover dl dd tt {
    width: 270px;
}


/*comment end*/


/*star*/

.star {
    margin-top: 60px;
}

.star a {
    display: block;
    padding-bottom: 30px;
    border-bottom: 1px solid #c7c7c7;
    margin-bottom: 50px;
}

.star a:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.star a dl {
    display: block;
    height: 350px;
}

.star a dl dt {
    float: left;
    width: 640px;
    position: relative;
    background: #000;
}

.star a dl dt img {
    display: block;
    width: 100%;
}

.star a dl dd {
    float: left;
    width: 498px;
    padding: 0 30px 0;
    height: 248px;
    border: 1px solid #f5f5f5;
    background: #f5f5f5;
    position: relative;
    margin-top: 50px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.star a:hover dl dd {
    border: 1px solid #c7c7c7;
    background: transparent;
}

.star a dl dd p {
    text-align: justify;
    font-size: 12px;
    color: #959595;
    line-height: 20px;
    padding-top: 26px;
    margin-bottom: 26px;
}

.star a dl dd small {
    display: block;
    margin: 0;
    width: 130px;
    height: 1px;
    background: #c7c7c7;
}

.star a dl dd em {
    width: 498px;
    position: absolute;
    bottom: 30px;
    left: 30px;
    overflow: hidden;
}

.star a dl dd em span {
    float: left;
    font-size: 16px;
    color: #686868;
    font-weight: bold;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.star a:hover dl dd em span {
    color: #013c2a;
}

.star a dl dd em ins {
    float: right;
    width: 15px;
    height: 15px;
    background: url(../image/fdjt.png) no-repeat 0 0;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.star a:hover dl dd em ins {
    background-position: 0 -15px;
}

.star a dl dd tt {
    width: 0;
    left: 267px;
    bottom: -83px;
    height: 3px;
    z-index: 15;
    position: absolute;
    background: #013c2a;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.star a:last-child dl dd tt {
    display: none;
}

.star a:hover dl dd tt {
    width: 260px;
}


/*star end*/


/*case*/

.case {
    overflow: hidden;
    float: right;
    width: 996px;
}

.case a {
    float: left;
    width: 324px;
    margin-right: 12px;
    margin-bottom: 30px;
    overflow: hidden;
}

.case a:nth-child(3n) {
    margin-right: 0;
}

.case a dl {
    display: block;
}

.case a dl dt {
    width: 322px;
    height: 200px;
    border: 1px solid #e0e0e0;
    position: relative;
}

.case a dl dt img {
    display: block;
    width: 100%;
}

.case a dl dt ins {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0);
    z-index: 10;
}

.case a dl dt font {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../image/fdj.png) no-repeat 0 0;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    top: 50%;
    margin-top: -60%;
    z-index: 11;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    opacity: 0;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.case a:hover dl dt ins {
    background: rgba(0, 0, 0, 0.08);
}

.case a:hover dl dt font {
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    opacity: 1;
    margin-top: -10px;
}

.case a dl dd {
    display: block;
    margin-top: 9px;
}

.case a dl dd span {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #686868;
    font-weight: bold;
}

.case a dl dd i {
    display: block;
    text-align: center;
    font-size: 12px;
    color: #959595;
    margin-top: 6px;
}


/*case end*/


/*b_title*/

.b_title {
    position: relative;
    padding: 56px 0 50px;
}

.b_title big {
    display: block;
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    color: #013c2a;
}

.b_title i {
    display: block;
    text-align: center;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 5px;
    color: #013c2a;
}

.b_title ins {
    width: 1200px;
    height: 5px;
    position: absolute;
    left: 0;
    top: 78px;
    background: url(../image/pointss.png) no-repeat 0 0;
}

.b_title p {
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: #959595;
    margin-top: 17px;
}


/*b_title end*/


/*store*/

.store {
    overflow: hidden;
    margin-bottom: 40px;
}

.l_store {
    float: left;
    width: 810px;
    height: 572px;
    position: relative;
}

.b_store {
    width: 810px;
    height: 572px;
}

.b_store img {
    display: block;
    width: 100%;
}

.s_store {
    position: absolute;
    width: 195px;
    height: 172px;
    background: #fff;
    z-index: 10000000;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    top: 50%;
    margin-top: -86px;
    right: 200px;
}

.s_store span {
    display: block;
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    padding: 0 10px;
    background: #013c2a;
    margin-bottom: 10px;
}

.s_store img {
    display: block;
    margin: 0 auto;
    width: 175px;
}

.r_store {
    float: right;
    width: 364px;
    background: url(../image/k_line.png) no-repeat 0 bottom;
}

.r_store form {
    padding-bottom: 20px;
    border-bottom: 1px solid #dcdcdc;
    width: 340px;
}

.r_store form a.qr {
    display: block;
    margin: 20px 0 0;
    background: #013c2a;
    text-align: center;
    width: 340px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
}

.k_store {
    display: block;
}

.k_store ul {
    height: 450px;
}

.k_store ul li {
    border-bottom: 1px dashed #dcdcdc;
}

.k_store ul li em {
    display: block;
    padding: 25px 15px 0 20px;
    height: 125px;
}

.k_store ul li em span {
    display: block;
    color: #161616;
    font-size: 20px;
    margin-bottom: 7px;
    overflow: hidden;
	cursor: pointer;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.k_store ul li em span ins {
    float: left;
    width: 14px;
    height: 14px;
    background: url(../image/i1.png) no-repeat 0 0;
    margin-right: 10px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    margin-top: 7px;
	
}

.k_store ul li em p {
    color: #999;
    font-size: 12px;
    line-height: 18px;
    text-align: justify;
    margin-bottom: 9px;
}

.k_store ul li em p ins {
    float: left;
    width: 14px;
    height: 18px;
    background: url(../image/i2.png) no-repeat 0 0;
    margin-right: 10px;
    margin-top: 2px;
}

.k_store ul li em i {
    color: #999;
    font-size: 14px;
    line-height: 16px;
    text-align: justify;
}

.k_store ul li em i ins {
    float: left;
    width: 14px;
    height: 16px;
    background: url(../image/i3.png) no-repeat 0 0;
    margin-right: 10px;
}

.k_store ul li em:hover span,
.k_store ul li em.on span {
    color: #013c2a
}

.k_store ul li em:hover span ins,
.k_store ul li em.on span ins {
    background: url(../image/i1.png) no-repeat 0 -14px;
}

.k_store .mCSB_container {
    margin-right: 24px;
}

.k_store .mCSB_scrollTools {
    width: 4px;
    background: transparent;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

.k_store .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background: #013c2a;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.k_store .mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    background: #f0f0f0;
}


/*store end*/


/*h_store*/

.h_store {
    overflow: hidden;
    position: relative;
    margin-bottom: 100px;
}

.h_store .swiper-container {
    margin: 0 auto;
    width: 1114px;
}

.h_store .swiper-slide {}

.h_store .swiper-slide a {
    display: block;
    position: relative;
}

.h_store .swiper-slide a img {
    display: block;
    width: 100%;
}

.h_store .swiper-slide a em {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    z-index: 10;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.h_store .swiper-slide a em i {
    position: absolute;
    width: 61px;
    height: 61px;
    left: 50%;
    margin-left: -30px;
    background: url(../image/fdjs.png) no-repeat 0 0;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    opacity: 0;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    top: 50%;
    margin-top: -60%;
}

.h_store .swiper-slide a:hover em {
    background: rgba(0, 0, 0, 0.3);
}

.h_store .swiper-slide a:hover em i {
    margin-top: -30px;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    opacity: 1;
}

.h_store .arrow {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.h_store .arrow-left {
    left: 0;
    background: url(../image/lrlr.png) no-repeat 0 0;
}

.h_store .arrow-right {
    right: 0;
    background: url(../image/lrlr.png) no-repeat -30px 0;
}

.h_store .arrow-left:hover {
    background: url(../image/lrlr.png) no-repeat 0 -30px;
}

.h_store .arrow-right:hover {
    background: url(../image/lrlr.png) no-repeat -30px -30px;
}


/*h_store end*/


/*room*/

.room {
    position: relative;
    height: 410px;
}

.t_room {
    position: absolute;
    width: 1920px;
    top: 0;
    height: 410px;
    left: 50%;
    margin-left: -960px;
    z-index: 10;
}

.b_room {
    position: absolute;
    top: 140px;
    left: 50%;
    margin-left: -410px;
    z-index: 11;
}

.b_room big {
    display: block;
    font-size: 36px;
    color: #013c2a;
    font-weight: bold;
}

.b_room small {
    display: block;
    font-size: 12px;
    color: #929292;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.b_room i {
    display: block;
    margin: 0;
    width: 26px;
    height: 1px;
    background: #b6b7b8;
}

.b_room p {
    font-size: 16px;
    color: #939393;
    margin-top: 14px;
    margin-bottom: 27px;
}

.b_room a {
    display: block;
    margin: 0;
    width: 188px;
    height: 30px;
    background: #97c6d0;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.b_room a:hover{
    background: #013c2a
}


/*room end*/


/*product*/

.product {
    overflow: hidden;
    margin-bottom: 100px;
}

.l_product {
    float: left;
    width: 260px;
}

.l_product ul {
    margin-bottom: 48px;
}

.l_product ul li {
    display: block;
}

.l_product ul li dl {
    display: block;
}

.l_product ul li dl dt {
    display: block;
    overflow: hidden;
    border-bottom: 1px dotted #d4d4d4;
    height: 68px;
    cursor: pointer;
}

.l_product ul li dl dt i {
    float: right;
    width: 10px;
    height: 10px;
    margin-top: 29px;
    background: url(../image/j1.png) no-repeat 0 0;
}

.l_product ul li dl dt font {
    float: left;
    line-height: 68px;
    font-size: 20px;
    color: #686868;
    font-weight: bold;
}

.l_product ul li dl dd {
    display: none;
    max-height: 270px;
    padding-bottom: 20px;
}

.l_product ul li dl dd a {
    display: block;
    overflow: hidden;
}

.l_product ul li dl dd a i {
    float: left;
    width: 15px;
    height: 15px;
    background: url(../image/ks1.png) no-repeat 0 0;
    margin-right: 18px;
    margin-top: 8px;
}

.l_product ul li dl dd a font {
    float: left;
    line-height: 32px;
    font-size: 16px;
    color: #686868;
}

.l_product ul li.on.ons dl dt i {
    background: url(../image/j2.png) no-repeat 0 0;
}

.l_product ul li.on.ons dl dt {
    border-bottom: none;
}

.l_product ul li.on dl dt i {
    background: url(../image/j1.png) no-repeat 0 0;
}

.l_product ul li.ons dl dt i {
    background: url(../image/j2.png) no-repeat 0 0;
}

.l_product ul li.hover dl dt i {
    background: url(../image/j2.png) no-repeat 0 0;
}

.l_product ul li.ons dl dt {
    border-bottom: none;
}

.l_product ul li.hover dl dt {
    border-bottom: none;
}

.l_product ul li dl dd a.on i {
    background: url(../image/ks2.png) no-repeat 0 0;
}

.l_product .mCSB_container {
    margin-right: 10px;
}

.l_product .mCSB_scrollTools {
    width: 5px;
    background: transparent;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

.l_product .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 5px;
    background: #b1b1b1;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
}

.l_product .mCSB_scrollTools .mCSB_draggerRail {
    width: 5px;
    background: #f5f5f5;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
}

.r_product {
    float: right;
    width: 898px;
    margin-top: 18px;
}

.h_product {
    border-left: 1px solid #d4d4d4;
    padding-left: 40px
}

.h_product dl {
    display: block;
    overflow: hidden;
    padding-bottom: 57px;
    border-bottom: 1px dotted #c7c7c7;
    margin-bottom: 57px;
}

.h_product dl:last-child{
    margin-bottom: 0;
}

.h_product dl dt {
    float: left;
    width: 440px;
    position: relative;
}

.h_product dl:nth-child(2n) dt{
    float: right;
}

.h_product dl dt img{
    display: block;
    width: 100%;
}

.h_product dl dt i{
    width: 79px;
    height: 79px;
    position: absolute;
    right: 20px;
    top: 20px;
    background: url(../image/hot.png) no-repeat 0 0;
}

.h_product dl dd {
    float: right;
    width: 370px;
}

.h_product dl:nth-child(2n) dd{
    float: left;
}

.h_product dl dd big {
    display: block;
    font-size: 27px;
    color: #686868;
    font-weight: bold;
    border-bottom: 1px dotted #e1e1e1;
    margin-top: 19px;
    padding-bottom: 13px;
    margin-bottom: 9px;
    padding-top: 40px;
}

.h_product dl dd big a{
    color: #686868
}

.h_product dl dd p {
    font-size: 16px;
    color: #8a8a8a;
    text-align: justify;
    line-height: 24px;
    max-height: 48px;
    overflow: hidden;
    margin-bottom: 12px;
    padding-bottom: 7px;
    border-bottom: 1px dotted #e1e1e1;
}

.h_product dl dd span {
    display: block;
    font-size: 26px;
    color: #015139;
    font-family: "Verdana";
    margin-bottom: 44px;
}

.h_product dl dd span ins {
    font-size: 18px;
}

.h_product dl dd em{
    display: block;
    overflow: hidden;
}

.h_product dl dd em a {
    float: left;
    margin-right: 10px;
    width: 144px;
    height: 35px;
    border: 1px solid #e2e2e2;
    text-align: center;
    line-height: 35px;
    font-size: 18px;
    color: #686868;
    font-weight: bold;
    border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.h_product dl dd em a:hover {
    background: #013c2a;
    border: 1px solid #013c2a;
    color: #fff;
}

.y_product {
    border-left: 1px solid #d4d4d4;
    padding-left: 40px;
    overflow: hidden;
    padding-top: 57px;
}

.y_product dl {
    float: left;
    width: 330px;
}

.y_product dl:nth-child(2n){
    float: right;
}

.y_product dl dt img{
    display: block;
    width: 298px;
    margin: 0 auto;
}

.y_product dl dd {
    display: block;
}

.y_product dl dd big {
    display: block;
    font-size: 27px;
    color: #686868;
    font-weight: bold;
    border-bottom: 1px dotted #e1e1e1;
    padding-bottom: 13px;
    margin-bottom: 9px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.y_product dl dd p {
    font-size: 16px;
    color: #8a8a8a;
    text-align: justify;
    line-height: 24px;
    max-height: 48px;
    overflow: hidden;
    margin-bottom: 12px;
    padding-bottom: 7px;
    border-bottom: 1px dotted #e1e1e1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.y_product dl dd span {
    display: block;
    font-size: 26px;
    color: #015139;
    font-family: "Verdana";
    margin-bottom: 44px;
}

.y_product dl dd span ins {
    font-size: 18px;
}

.y_product dl dd em{
    display: block;
    overflow: hidden;
}

.y_product dl dd em a {
    float: left;
    margin-right: 10px;
    width: 144px;
    height: 35px;
    border: 1px solid #e2e2e2;
    text-align: center;
    line-height: 35px;
    font-size: 18px;
    color: #686868;
    font-weight: bold;
    border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.y_product dl dd em a:nth-child(2n){
    margin-right: 0;
}

.y_product dl dd a:hover {
    background: #013c2a;
    border: 1px solid #013c2a;
    color: #fff;
}

.v_product {
    border-left: 1px solid #d4d4d4;
    padding-left: 40px
}

.v_product dl {
    display: block;
    overflow: hidden;
    padding-bottom: 70px;
    border-bottom: 1px dotted #c7c7c7;
    margin-bottom: 70px;
}

.v_product dl:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.v_product dl dt {
    float: left;
    width: 480px;
}

.v_product dl dt img{
    display: block;
    width: 100%;
}

.v_product dl dd {
    float: right;
    width: 350px;
}

.v_product dl dd em {
    display: block;
    border: 1px dashed #c7c7c7;
    width: 78px;
    height: 59px;
    margin: 15px 0 0;
    background: #f2f2f2;
    padding-top: 19px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.v_product dl dd em i {
    display: block;
    width: 22px;
    height: 17px;
    background: url(../image/hg.png) no-repeat 0 0;
}

.v_product dl dd em font {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #013c2a;
    font-weight: bold;
    margin-top: 3px;
}

.v_product dl dd big {
    display: block;
    font-size: 24px;
    color: #686868;
    font-weight: bold;
    border-bottom: 1px dotted #e1e1e1;
    margin-top: 19px;
    padding-bottom: 7px;
    margin-bottom: 7px;
}

.v_product dl dd big a{
    color: #686868;
}

.v_product dl dd p {
    font-size: 16px;
    color: #8a8a8a;
    text-align: justify;
    line-height: 24px;
    max-height: 48px;
    overflow: hidden;
    margin-bottom: 12px;
}

.v_product dl dd span {
    display: block;
    font-size: 26px;
    color: #015139;
    font-family: "Verdana";
    margin-bottom: 42px;
}

.v_product dl dd span ins {
    font-size: 18px;
}

.v_product dl dd a.wb {
    display: block;
    width: 144px;
    height: 35px;
    border: 1px solid #e2e2e2;
    text-align: center;
    line-height: 35px;
    font-size: 18px;
    color: #686868;
    font-weight: bold;
    border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    margin: 0 0 10px 0;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.v_product dl dd a.wb:hover {
    background: #013c2a;
    border: 1px solid #013c2a;
    color: #fff;
}

.t_product {}

.t_product h3 {
    font-size: 20px;
    color: #686868;
    font-weight: bold;
    margin-bottom: 14px;
}

.t_product dl {
    border: 1px solid #e0e0e0;
    overflow: hidden;
    padding: 14px;
}

.t_product dl dt {
    float: left;
    width: 400px;
}

.t_product dl dt img {
    display: block;
    width: 100%;
}

.t_product dl dd {
    float: left;
    width: 400px;
    margin-left: 36px;
    margin-top: 50px;
}

.t_product dl dd p {
    text-align: justify;
    font-size: 14px;
    line-height: 24px;
    color: #686868;
    border-bottom: 1px dotted #c7c7c7;
    padding: 10px 0;
}

.t_product dl dd p:last-child {
    border-bottom: none;
}

.k_product {
    display: block;
    width: 682px;
    margin-top: 50px;
    margin-bottom: 16px;
    position: relative;
}

.k_product .swiper-container {
    width: 652px;
    margin-left: 5px;
    overflow: hidden;
}

.k_product .swiper-slide a {
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    border-right: 1px solid #d7d7d7;
    color: #686868;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.k_product .swiper-slide.on a {
    color: #013c2a;
}

.k_product .arrow {
    width: 0;
    height: 0;
    position: absolute;
    top: 2px;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.k_product .arrow-left {
    left: 0;
    border-right: 5px solid #686868;
    border-left: 0 solid transparent;
}

.k_product .arrow-right {
    right: 0;
    border-left: 5px solid #686868;
    border-right: 0 solid transparent;
}

.k_product .arrow-left:hover {
    border-right: 5px solid #013c2a;
}

.k_product .arrow-right:hover {
    border-left: 5px solid #013c2a;
}

.f_product {
    overflow: hidden;
    padding-bottom: 20px;
}

.f_product.f_products{
    margin-bottom: 50px;
}

.f_product a {
    float: left;
    width: 298px;
    height: 398px;
    border-bottom: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    position: relative;
}

.f_product a:nth-child(1),
.f_product a:nth-child(2),
.f_product a:nth-child(3) {
    border-top: 1px solid #e0e0e0;
}

.f_product.f_products a:nth-child(4){
    border-top: 1px solid #e0e0e0;
}

.f_product a:nth-child(3n+1) {
    border-left: 1px solid #e0e0e0;
}

.f_product.f_products a:nth-child(3n+1) {
    border-left: none;
}

.f_product.f_products a:nth-child(4n+1) {
    border-left: 1px solid #e0e0e0;
}

.f_product a em{
    display: block;
    width: 298px;
    height: 260px;
    overflow: hidden;
}

.f_product a em img{
    display: block;
    width: 100%;
    overflow: hidden;
}

.f_product a big {
    display: block;
    text-align: center;
}

.f_product a big i{
    border-bottom: 1px dotted #d4d4d4;
    padding-bottom: 9px;
    text-align: center;
    font-size: 20px;
    line-height: 20px;
    color: #686868;
    font-weight: bold;
    display: inline-block;        
}

.f_product a small {
    display: block;
    text-align: center;
    font-size: 16px;
    height: 20px;
    overflow: hidden;
    color: #8a8a8a;
    margin-top: 10px;
}

.f_product a b {
    display: block;
    text-align: center;
    font-size: 18px;
    color: #015139;
    font-family: "Verdana";
    font-weight: normal;
    margin-top: 22px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.f_product a ins {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../image/yyy.png) no-repeat 0 0;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    opacity: 0;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.f_product a font {
    width: 106px;
    height: 28px;
    position: absolute;
    left: 50%;
    margin-left: -54px;
    bottom: 28px;
    border: 1px solid #013c2a;
    background: #013c2a;
    text-align: center;
    line-height: 28px;
    color: #fff;
    font-weight: bold;
    border-radius: 28px;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    opacity: 0;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.f_product a:hover b {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    opacity: 0;
}

.f_product a:hover ins {
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    opacity: 1;
}

.f_product a:hover font {
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    opacity: 1;
}

.r_product .pages {
    border-top: none;
    margin-bottom: 0;
}


/*product end*/


/*case_list*/

.case_list {
    overflow: hidden;
    margin-bottom: 128px;
}

.case_list a {
    width: 220px;
    margin: 0 10px;
    float: left;
}

.case_list a dl {
    display: block;
}

.case_list a dl dt {
    display: block;
}

.case_list a dl dt img {
    display: block;
    width: 100%;
}

.case_list a dl dd {
    display: block;
    position: relative;
    padding-bottom: 15px;
}

.case_list a dl dd big {
    display: block;
    text-align: center;
    font-size: 19px;
    height: 19px;
    overflow: hidden;
    color: #8a8a8a;
    font-weight: bold;
    font-family: "宋体";
    margin-top: 5px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.case_list a dl dd small {
    display: block;
    text-align: center;
    font-size: 15px;
    height: 19px;
    overflow: hidden;
    color: #8a8a8a;
    font-family: "宋体";
    padding-top: 10px;
    margin-top: 8px;
    border-top: 1px dotted #d4d4d4;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.case_list a dl dd ins {
    display: block;
    width: 27px;
    height: 6px;
    background: url(../image/ks.png) no-repeat 0 6px;
    position: absolute;
    left: 50%;
    margin-left: -14px;
    bottom: 0;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.case_list a:hover dl dd big {
    color: #015139;
}

.case_list a:hover dl dd small {
    color: #015139;
}

.case_list a:hover dl dd ins {
    background: url(../image/ks.png) no-repeat 0 0;
}


/*case_list end*/


/*case_tit*/

.case_tit {
    text-align: center;
    font-size: 40px;
    color: #013c2a;
    font-weight: bold;
    border-top: 1px dotted #c7c7c7;
    padding-top: 96px;
    padding-bottom: 40px;
}


/*case_tit end*/


/*about*/

.about {}

.t_about {}

.t_about dl {
    display: block;
    overflow: hidden;
}

.t_about dl dt {
    float: left;
    width: 500px;
}

.t_about dl dt img {
    display: block;
    width: 100%;
}

.t_about dl dd {
    float: right;
    width: 650px;
    margin-top: 45px;
}

.t_about dl dd small {
    display: block;
    font-size: 16px;
    color: #999;
    font-weight: bold;
}

.t_about dl dd big {
    display: block;
    font-size: 30px;
    color: #013c2a;
    font-weight: bold;
}

.t_about dl dd i {
    display: block;
    font-size: 12px;
    color: #929292;
    text-transform: uppercase;
    letter-spacing: 5px;
    border-bottom: 1px dotted #c7c7c7;
    padding-bottom: 10px;
    margin-bottom: 36px;
}

.t_about dl dd p {
    font-size: 16px;
    color: #686868;
    line-height: 40px;
    padding-left: 21px;
    background: url(../image/circle.png) no-repeat 0 center;
    letter-spacing: -0.5px;
}

.b_about {
    position: relative;
    overflow: hidden;
    margin-top: 6px;
}

.b_about em {
    float: left;
    overflow: hidden;
    border-top: 1px dotted #cecece;
    padding-top: 36px;
    margin-top: 37px;
}

.b_about em p {
    float: left;
    font-size: 16px;
    line-height: 30px;
    text-align: justify;
    color: #686868;
    width: 430px;
    margin-right: 25px;
    letter-spacing: -0.5px;
}

.b_about em p:last-child {
    margin-right: 0;
}

.b_about img {
    float: right;
}


/*about end*/


/*address*/

.address {
    overflow: hidden;
    margin-top: 35px;
    margin-bottom: 40px;
}

.l_address {
    float: left;
    width: 380px;
}

.l_address img {
    display: block;
    width: 100%;
}

.r_address {
    float: right;
    width: 790px;
}

.r_address img {
    display: block;
    width: 100%;
}

.r_address em {
    display: block;
    overflow: hidden;
    margin-top: 29px;
}

.r_address em a {
    float: left;
    width: 196px;
}

.r_address em a i {
    width: 128px;
    height: 128px;
    margin: 0 auto;
    display: block;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.r_address em a i.c1 {
    background: url(../image/about_01.png) no-repeat 0 0;
}

.r_address em a i.c2 {
    background: url(../image/about_02.png) no-repeat 0 0;
}

.r_address em a i.c3 {
    background: url(../image/about_03.png) no-repeat 0 0;
}

.r_address em a i.c4 {
    background: url(../image/about_04.png) no-repeat 0 0;
}

.r_address em a.on i.c1,
.r_address em a:hover i.c1 {
    background: url(../image/about_01.png) no-repeat 0 -126px;
}

.r_address em a.on i.c2,
.r_address em a:hover i.c2 {
    background: url(../image/about_02.png) no-repeat 0 -126px;
}

.r_address em a.on i.c3,
.r_address em a:hover i.c3 {
    background: url(../image/about_03.png) no-repeat 0 -126px;
}

.r_address em a.on i.c4,
.r_address em a:hover i.c4 {
    background: url(../image/about_04.png) no-repeat 0 -126px;
}

.r_address em a span {
    display: block;
    text-align: center;
    font-size: 18px;
    color: #757575;
    margin-top: 20px;
    margin-bottom: 4px;
}

.r_address em a font {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #757575;
    font-weight: bold;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.r_address em a.on font,
.r_address em a:hover font {
    color: #013c2a
}


/*address end*/


/*history*/

.history {
    position: relative;
    height: 623px;
    padding: 100px 0;
    border-bottom: 1px dotted #c7c7c7;
    border-top: 1px dotted #c7c7c7;
}

.history .swiper-container {
    margin: 0 auto;
    width: 1140px;
    overflow: hidden;
    height: 623px;
}

.history .swiper-slide {
    position: relative;
    height: 623px;
}

.history .swiper-slide dl {
    bottom: 50%;
    position: absolute;
    border: 1px solid #dcdcdc;
    width: 508px;
    margin-bottom: 35px;
}

.history .swiper-slide dl:nth-child(2n) {
    top: 50%;
    bottom: auto;
    left: 60px;
    margin-bottom: 0;
    margin-top: 35px;
}

.history .swiper-slide dl dt {
    display: block;
    border-bottom: 1px solid #dcdcdc;
    overflow: hidden;
    background: #f2f2f2;
    height: 60px;
}

.history .swiper-slide dl dt i {
    float: left;
    font-size: 18px;
    color: #686868;
    font-weight: bold;
    line-height: 60px;
    margin-left: 33px;
}

.history .swiper-slide dl dt span {
    float: left;
    font-size: 18px;
    color: #013c2a;
    font-weight: bold;
    line-height: 60px;
    margin-right: 57px;
}

.history .swiper-slide dl dd {
    padding: 17px 22px;
}

.history .swiper-slide dl dd p {
    text-align: justify;
    font-size: 16px;
    line-height: 30px;
    color: #686868;
}

.history .swiper-slide dl dd ins {
    width: 18px;
    height: 36px;
    background: url(../image/sj.png) no-repeat 0 0;
    position: absolute;
    bottom: -36px;
    left: 16px;
}

.history .swiper-slide dl:nth-child(2n) dd ins {
    top: -36px;
    bottom: auto;
}

.history tt {
    width: 100%;
    height: 1px;
    background: #dcdcdc;
    bottom: 50%;
    left: 0;
    position: absolute;
}

.history .arrow {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    z-index: 20;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.history .arrow-left {
    left: 0;
    background: url(../image/lrlr.png) no-repeat 0 0;
}

.history .arrow-right {
    right: 0;
    background: url(../image/lrlr.png) no-repeat -30px 0;
}

.history .arrow-left:hover {
    background: url(../image/lrlr.png) no-repeat 0 -30px;
}

.history .arrow-right:hover {
    background: url(../image/lrlr.png) no-repeat -30px -30px;
}


/*history end*/


/*p_tit*/

.p_tit {
    margin-bottom: 50px;
    margin-top: 100px;
}

.p_tit big {
    display: block;
    text-align: center;
    font-size: 34px;
    color: #013c2a;
    font-weight: bold;
    letter-spacing: 12px;
}

.p_tit small {
    display: block;
    text-align: center;
    font-size: 10px;
    color: #013c2a;
    text-transform: uppercase;
    letter-spacing: 4px;
}


/*p_tit end*/


/*honner*/

.honner {
    overflow: hidden;
    position: relative;
    margin-bottom: 100px;
    padding-bottom: 1px;
}

.honner .swiper-container {
    margin: 0 auto;
    width: 1080px;
}

.honner .swiper-slide {
    border-bottom: 2px solid #f0f0f0;
}

.honner .swiper-slide a {
    display: block;
    position: relative;
    width: 238px;
    margin: 0 auto;
    padding-bottom: 38px;
}

.honner .swiper-slide a dl {
    display: block;
}

.honner .swiper-slide a dl dt {
    display: block;
    width: 170px;
    height: 253px;
    padding: 36px 34px 35px 34px;
    position: relative;
    background: url(../image/xk.png) no-repeat 0 0;
}

.honner .swiper-slide a dl dt em {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

.honner .swiper-slide a dl dt em img {
    display: block;
    width: 100%;
}

.honner .swiper-slide a dl dt tt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    z-index: 10;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.honner .swiper-slide a dl dt tt i {
    position: absolute;
    width: 61px;
    height: 61px;
    left: 50%;
    margin-left: -30px;
    background: url(../image/fdjs.png) no-repeat 0 0;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    opacity: 0;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    top: 50%;
    margin-top: -60%;
}

.honner .swiper-slide a:hover dl dt tt {
    background: rgba(0, 0, 0, 0.3);
}

.honner .swiper-slide a:hover dl dt tt i {
    margin-top: -30px;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    opacity: 1;
}

.honner .swiper-slide a dl dd {
    display: block;
    margin-top: 23px;
}

.honner .swiper-slide a dl dd span {
    display: block;
    text-align: center;
    font-size: 20px;
    color: #686868;
    border-bottom: 1px dashed #eaeaea;
    padding-bottom: 9px;
}

.honner .swiper-slide a dl dd p {
    display: block;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    color: #686868;
    width: 200px;
    line-height: 22px;
    margin-top: 9px;
    height: 88px;
    overflow: hidden;
}

.honner .swiper-slide a dl dd ins {
    position: absolute;
    width: 32px;
    height: 4px;
    bottom: -3px;
    left: 50%;
    margin-left: -16px;
    background: #013c2a;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    opacity: 0;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.honner .swiper-slide a:hover dl dd ins {
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    opacity: 1;
}

.honner .arrow {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 162px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.honner .arrow-left {
    left: 0;
    background: url(../image/lrlr.png) no-repeat 0 0;
}

.honner .arrow-right {
    right: 0;
    background: url(../image/lrlr.png) no-repeat -30px 0;
}

.honner .arrow-left:hover {
    background: url(../image/lrlr.png) no-repeat 0 -30px;
}

.honner .arrow-right:hover {
    background: url(../image/lrlr.png) no-repeat -30px -30px;
}


/*honner end*/


/*culture*/

.culture {
    overflow: hidden;
    margin-bottom: 100px;
}

.culture dl {
    float: left;
    width: 380px;
    margin-right: 30px;
}

.culture dl:nth-child(3n) {
    margin-right: 0;
}

.culture dl dt {
    display: block;
    height: 356px;
    position: relative;
}

.culture dl dt img {
    display: block;
    width: 100%;
}

.culture dl dt i {
    position: absolute;
    width: 100%;
    height: 11px;
    left: 0;
    background: url(../image/ts1.png) no-repeat 0 0;
    top: 0;
}

.culture dl:nth-child(3n+2) dt i {
    background: url(../image/ts2.png) no-repeat 0 0;
    top: auto;
    bottom: 0;
}

.culture dl dd {
    display: block;
    position: relative;
    height: 345px;
    background: #f2f2f2;
    margin-bottom: 15px;
}

.culture dl:nth-child(3n+2) dd {
    margin-bottom: 0;
    margin-top: 15px;
}

.culture dl dd big {
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 160px;
    color: #e9e9e9;
    font-weight: bold;
    top: 68px;
    left: 0;
    z-index: 10;
}

.culture dl dd span {
    display: block;
    text-align: center;
    font-size: 26px;
    color: #013c2a;
    font-weight: bold;
    position: relative;
    z-index: 11;
    padding-top: 175px;
}

.culture dl dd p {
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    color: #013c2a;
    position: relative;
    z-index: 11;
    margin-top: 20px;
}


/*culture end*/


/*map*/

.map {
    overflow: hidden;
    padding-bottom: 80px;
    border-bottom: 1px dotted #c7c7c7;
    margin-bottom: 80px;
}

.l_map {
    float: left;
    width: 420px;
}

.t_map {}

.t_map big {
    display: block;
    font-weight: bold;
    font-size: 34px;
    line-height: 34px;
    color: #013c2a;
    padding-top: 5px;
}

.t_map small {
    display: block;
    font-size: 12px;
    color: #929292;
    text-transform: uppercase;
    letter-spacing: 5px;
    width: 220px;
    border-bottom: 1px dashed #e5e5e5;
    margin: 1px 0 17px 0;
    padding-bottom: 9px;
}

.t_map span {
    display: block;
    font-size: 16px;
    line-height: 26px;
    color: #686868;
}

.t_map font {
    display: block;
    font-size: 24px;
    line-height: 20px;
    color: #013c2a;
    padding-left: 22px;
    background: url(../image/phone.png) no-repeat 0 center;
}

.t_map ins {
    display: block;
    margin: 30px 0 15px 0;
    width: 21px;
    height: 1px;
    background: #c7c7c7;
}

.t_map b {
    display: block;
    font-size: 20px;
    color: #013c2a;
    font-weight: bold;
    margin-top: 2px;
    margin-bottom: 28px;
}

.b_map {
    overflow: hidden;
}

.b_map dl {
    float: left;
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #e4e4e4;
}

.b_map.c1 dl:nth-child(2),.b_map.c2 dl:nth-child(3) {
    padding-right: 0;
    margin-right: 0;
    border-right: none;
}

.b_map.c2{
    border-top: 1px dashed #e4e4e4;
    padding-top: 15px;
    margin-top: 15px;
}

.b_map dl dt {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #013c2a;
    margin-bottom: 7px;
}

.b_map dl dt i {
    display: inline-block;
    margin-right: 5px;
}

.b_map dl dt i.c1 {
    width: 19px;
    height: 14px;
    background: url(../image/u1.png) no-repeat 0 0;
}

.b_map dl dt i.c2 {
    width: 18px;
    height: 15px;
    background: url(../image/u2.png) no-repeat 0 0;
}

.b_map dl dt i.c3 {
    width: 14px;
    height: 14px;
    background: url(../image/u3.png) no-repeat 0 0;
}

.b_map dl dt i.c4 {
    width: 14px;
    height: 14px;
    background: url(../image/u4.png) no-repeat 0 0;
}

.b_map dl dd {
    display: block;
}

.b_map dl dd img {
    display: block;
    margin: 0 auto;
}

.r_map {
    float: right;
    width: 740px;
    position: relative;
}

.r_map img {
    display: block;
    width: 100%;
}

.r_map ins {
    position: absolute;
    width: 71px;
    height: 105px;
    top: 141px;
    right: 187px;
    background: url(../image/dzs.png) no-repeat 0 0;
    z-index: 10;
}

.r_map dl {
    width: 378px;
    height: 52px;
    background: #fff;
    border: 1px solid #013c2a;
    overflow: hidden;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    position: absolute;
    top: 296px;
    left: 185px;
    padding: 18px 0;
}

.r_map dl dt {
    float: left;
    font-size: 16px;
    line-height: 26px;
    color: #013c2a;
    font-weight: bold;
    border-right: 1px solid #bfbfbf;
    padding-right: 20px;
    margin-left: 30px;
    margin-right: 20px;
}

.r_map dl dd {
    float: left;
    font-size: 16px;
    line-height: 26px;
    color: #161616;
    width: 260px;
}


/*map end*/


/*join*/

.join {
    margin-bottom: 100px;
}

.join dl {
    overflow: hidden;
    display: block;
}

.join dl dt {
    float: left;
    width: 585px;
}

.join dl dt img {
    display: block;
    width: 100%;
}

.join dl dd {
    float: right;
    width: 560px;
}

.join dl dd big {
    display: block;
    font-weight: bold;
    font-size: 34px;
    line-height: 34px;
    color: #013c2a;
    padding-top: 5px;
}

.join dl dd small {
    display: block;
    font-size: 12px;
    color: #929292;
    text-transform: uppercase;
    letter-spacing: 5px;
    border-bottom: 1px dashed #e5e5e5;
    margin: 1px 0 26px 0;
    padding-bottom: 9px;
}

.join dl dd p {
    text-align: justify;
    color: #686868;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 20px;
}

.join dl dd i {
    display: block;
    font-size: 14px;
    color: #686868;
}


/*join end*/


/*tel*/

.tel {
    width: 1201px;
    margin: 0 auto 100px;
}

.tel ul {
    overflow: hidden;
    border: 1px solid #dcdcdc;
    height: 118px;
    padding: 25px 0;
    background: #f2f2f2;
}

.tel ul li {
    float: left;
    width: 175px;
    padding: 0 62px;
    height: 118px;
    border-right: 1px dotted #ccc;
    position: relative;
}

.tel ul li:nth-child(4n) {
    border-right: none;
}

.tel ul li ins {
    width: 299px;
    height: 143px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}

.tel ul li ins.c1 {
    background: url(../image/nb1.png) no-repeat 0 0;
}

.tel ul li ins.c2 {
    background: url(../image/nb2.png) no-repeat 0 0;
}

.tel ul li ins.c3 {
    background: url(../image/nb3.png) no-repeat 0 0;
}

.tel ul li ins.c4 {
    background: url(../image/nb4.png) no-repeat 0 0;
}

.tel ul li span {
    display: block;
    font-size: 22px;
    line-height: 24px;
    color: #013c2a;
    position: relative;
    z-index: 11;
    padding-top: 19px;
}

.tel ul li small {
    display: block;
    font-size: 10px;
    color: #686868;
    text-transform: uppercase;
    border-bottom: 1px dotted #ccc;
    position: relative;
    z-index: 11;
    letter-spacing: 1px;
    padding-bottom: 12px;
    margin-bottom: 6px;
}

.tel ul li font {
    display: block;
    font-size: 26px;
    color: #013c2a;
    font-weight: bold;
    position: relative;
    z-index: 11;
}


/*tel end*/


/*productdetail*/

.productdetail {
    margin-top: 60px;
    overflow: hidden;
}

.l_productdetail {
    float: left;
    width: 552px;
    overflow: hidden;
    position: relative;
}

.l_productdetail .bd {
    float: left;
    width: 420px;
    height: 560px;
    border: 1px solid #eaeaea;
    position: relative;
}

.r_productdetail {
    float: right;
    width: 575px;
    margin-top: 50px;
}

.l_productdetail tt {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 81px;
    height: 81px;
    background: url(../image/logot.png) no-repeat 0 0;
    z-index: 20;
}

.l_productdetail .bd ul {
    display: block;
    width: 420px;
    height: 560px;
}

.l_productdetail .bd ul li {
    display: block;
    width: 420px;
    height: 560px;
}

.l_productdetail .bd ul li img {
    display: block;
    width: 100%;
}

.l_productdetail .hd {
    width: 115px;
    margin-left: 15px;
    float: left;
}

.l_productdetail .hd ul {
    margin-top: 34px;
}

.l_productdetail .hd ul li {
    display: block;
    width: 113px;
    border: 1px solid #eaeaea;
    margin-bottom: 14px;
}

.l_productdetail .hd ul li img {
    display: block;
    width: 100%;
}

.l_productdetail .hd ul li.on {
    border: 1px solid #013c2a;
}

.l_productdetail .prev {
    width: 115px;
    height: 18px;
    border: 1px solid #eaeaea;
    position: absolute;
    top: 0;
    right: 0;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.l_productdetail .prev i {
    width: 0;
    height: 0;
    border-bottom: 6px solid #686868;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 0 solid transparent;
    position: absolute;
    top: 6px;
    left: 52px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.l_productdetail .prev:hover {
    border: 1px solid #013c2a;
}

.l_productdetail .prev:hover i {
    border-bottom: 6px solid #013c2a;
}

.l_productdetail .next {
    width: 115px;
    height: 18px;
    border: 1px solid #eaeaea;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.l_productdetail .next i {
    width: 0;
    height: 0;
    border-top: 6px solid #686868;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 0 solid transparent;
    position: absolute;
    bottom: 6px;
    left: 52px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.l_productdetail .next:hover {
    border: 1px solid #013c2a;
}

.l_productdetail .next:hover i {
    border-top: 6px solid #013c2a;
}

.r_productdetail big {
    display: block;
    font-size: 34px;
    color: #013c2a;
    font-weight: bold;
    border-bottom: 1px dotted #d4d4d4;
    padding-bottom: 7px;
    margin-bottom: 15px;
}

.r_productdetail p {
    font-size: 16px;
    line-height: 24px;
    color: #8a8a8a;
    text-align: justify;
    border-bottom: 1px dotted #d4d4d4;
    padding-bottom: 20px;
    margin-bottom: 24px;
}

.r_productdetail small {
    display: block;
    font-size: 22px;
    color: #686868;
    font-weight: bold;
    margin-bottom: 18px;
}

.r_productdetail font {
    display: block;
    overflow: hidden;
    padding-bottom: 22px;
    border-bottom: 1px dotted #d4d4d4;
    margin-bottom: 13px;
    font-size: 16px;
    color: #8a8a8a;
    font-weight: bold;
}

.r_productdetail font i {
    display: inline-block;
    width: 1px;
    height: 16px;
    background: #d4d4d4;
    margin: 0 16px;
    vertical-align: -3px;
}

.r_productdetail em {
    display: block;
    overflow: hidden;
    margin-bottom: 62px;
}

.r_productdetail em a {
    float: left;
    width: 198px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    font-size: 18px;
    font-weight: bold;
    color: #686868;
    border: 1px solid #e0e0e0;
    margin-right: 20px;
    border-radius: 38px;
    -webkit-border-radius: 38px;
    -moz-border-radius: 38px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.r_productdetail em a i {
    display: inline-block;
    width: 19px;
    height: 17px;
    background: url(../image/gwc.png) no-repeat 0 0;
    margin-right: 8px;
    vertical-align: -2px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.r_productdetail em a:hover{
    border: 1px solid #013c2a;
    background: #013c2a;
    color: #fff;
}

.r_productdetail em a:hover i{
    background: url(../image/gwc.png) no-repeat 0 -17px;
}

.r_productdetail tt {
    display: block;
    font-size: 40px;
    color: #015139;
    font-family: "Verdana";
    margin-bottom: 22px;
}

.r_productdetail tt ins {
    font-size: 24px;
}


/*productdetail end*/


/*productimg*/

.productimg {
    font-size: 0;
}

.productimg p {
    position: relative;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
    display: block;
}

.productimg p img{
    display: block;
    margin: 0 auto;
    max-width: 1920px;
}


/*productimg end*/


/*ps_tit*/

.ps_tit {
    display: block;
    text-align: center;
    font-size: 40px;
    color: #013c2a;
    font-weight: bold;
    padding: 100px 0 50px 0;
}


/*p_tit end*/


/*try*/

.try {
    overflow: hidden;
    position: relative;
    margin-bottom: 100px;
    padding-bottom: 1px;
}

.try .swiper-container {
    margin: 0 auto;
    width: 1080px;
}

.try .swiper-slide {}

.try .swiper-slide a {
    width: 298px;
    height: 398px;
    border: 1px solid #e0e0e0;
    position: relative;
    margin: 0 auto;
    display: block;
}

.try .swiper-slide a big {
    display: block;
    text-align: center;
    font-size: 20px;
    line-height: 20px;
    color: #686868;
    font-weight: bold;
    width: 166px;
    border-bottom: 1px dotted #d4d4d4;
    padding-bottom: 9px;
}

.try .swiper-slide a small {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #8a8a8a;
    margin-top: 10px;
}

.try .swiper-slide a b {
    display: block;
    text-align: center;
    font-size: 18px;
    color: #015139;
    font-family: "Verdana";
    font-weight: normal;
    margin-top: 22px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.try .swiper-slide a ins {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../image/yyy.png) no-repeat 0 0;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    opacity: 0;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.try .swiper-slide a font {
    width: 108px;
    height: 30px;
    position: absolute;
    left: 50%;
    margin-left: -54px;
    bottom: 28px;
    background: #013c2a;
    text-align: center;
    line-height: 30px;
    color: #fff;
    font-weight: bold;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    opacity: 0;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.try .swiper-slide a:hover b {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    opacity: 0;
}

.try .swiper-slide a:hover ins {
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    opacity: 1;
}

.try .swiper-slide a:hover font {
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    opacity: 1;
}

.try .arrow {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 162px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.try .arrow-left {
    left: 0;
    background: url(../image/lrlr.png) no-repeat 0 0;
}

.try .arrow-right {
    right: 0;
    background: url(../image/lrlr.png) no-repeat -30px 0;
}

.try .arrow-left:hover {
    background: url(../image/lrlr.png) no-repeat 0 -30px;
}

.try .arrow-right:hover {
    background: url(../image/lrlr.png) no-repeat -30px -30px;
}


/*try end*/


/*share*/

.share {
    overflow: hidden;
    margin-bottom: 130px;
}

.share a {
    float: left;
    width: 375px;
    margin-right: 37px;
    position: relative;
}

.share a:nth-child(3n) {
    margin-right: 0;
}

.share a img {
    display: block;
    width: 100%;
}

.share a font {
    position: absolute;
    width: 168px;
    height: 30px;
    left: 50%;
    margin-left: -84px;
    bottom: 36px;
    background: #fff;
    text-align: center;
    line-height: 30px;
    color: #46656e;
    font-weight: bold;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.share a:hover font {
    color: #fff;
    background: #013c2a
}


/*share end*/

/*miji*/

.miji {
    margin-bottom: 125px;
    overflow: hidden;
}

.miji dl {
    display: block;
    position: relative;
    height: 369px;
}

.miji dl dt {
    position: absolute;
    width: 1200px;
    height: 369px;
    left: 50%;
    top: 0;
    margin-left: -600px;
    z-index: 10;
}

.miji dl dt img {
    display: block;
    width: 100%;
}

.miji dl dd {
    position: absolute;
    width: 900px;
    top: 100px;
    left: 50%;
    margin-left: -450px;
    z-index: 11;
}

.miji dl dd big {
    display: block;
    font-size: 30px;
    color: #013c2a;
    font-weight: bold;
    margin-bottom: 15px;
}

.miji dl dd p {
    font-size: 18px;
    color: #013c2a;
    line-height: 30px;
    margin-bottom: 58px;
}

.miji dl dd a {
    margin: 0;
    font-size: 14px;
    color: #013c2a;
    font-weight: bold;
    line-height: 30px;
    display: block;
    width: 170px;
    text-align: center;
    background: #fff;
    height: 30px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;    
}

.miji dl dd a:hover{
    color: #fff;
    background: #013c2a;
}

/*about end*/


/*trialt*/

.trialt {
    overflow: hidden;
    padding-left: 67px;
    width: 1133px;
    margin: 0 auto;
    padding-bottom: 90px;
}

.trialt a {
    float: left;
    width: 505px;
    padding-right: 123px;
    padding-bottom: 31px;
    margin-bottom: 60px;
    border-bottom: 1px solid #e0e0e0
}

.trialt a:nth-child(2n) {
    padding-right: 0;
}

.trialt a dl {
    display: block;
    position: relative;
}

.trialt a dl dt {
    width: 135px;
    height: 135px;
    position: absolute;
    bottom: 0;
    left: -68px;
    z-index: 10;
}

.trialt a dl dt img {
    display: block;
    width: 100%;
}

.trialt a dl dd {
    display: block;
    width: 294px;
    padding-left: 77px;
    padding-right: 132px;
    height: 160px;
    border: 1px solid #f5f5f5;
    position: relative;
    background: #f5f5f5;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.trialt a:hover dl dd {
    border: 1px solid #e0e0e0;
    background: transparent;
}

.trialt a dl dd p {
    font-size: 12px;
    line-height: 20px;
    color: #959595;
    text-align: justify;
    padding-top: 21px;
}

.trialt a dl dd span {
    position: absolute;
    left: 76px;
    font-size: 16px;
    color: #686868;
    font-weight: bold;
    bottom: 22px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.trialt a:hover dl dd span {
    color: #013c2a;
}

.trialt a dl dd ins {
    position: absolute;
    right: 132px;
    bottom: 26px;
    width: 15px;
    height: 15px;
    background: url(../image/fdjt.png) no-repeat 0 0;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.trialt a:hover dl dd ins {
    background-position: 0 -15px;
}

.trialt a dl dd tt {
    width: 0;
    left: 0;
    bottom: -34px;
    height: 3px;
    z-index: 15;
    position: absolute;
    background: #013c2a;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.trialt a:hover dl dd tt {
    width: 505px;
}

.trialt a dl dd em {
    position: absolute;
    width: 75px;
    height: 110px;
    padding-left: 18px;
    top: 25px;
    right: 18px;
    border-left: 1px dotted #c7c7c7;
}

.trialt a dl dd em font {
    display: block;
    width: 53px;
    padding: 30px 10px;
    height: 48px;
    border: 1px solid #cacaca;
    text-align: center;
    font-size: 20px;
    color: #686868;
    font-weight: bold;
    line-height: 24px;
    background: #f2f2f2;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.trialt a:hover dl dd em font {
    border: 1px solid #013c2a;
    color: #013c2a
}


/*trialt end*/


/*area*/

.area {
    overflow: hidden;
    margin-bottom: 67px;
}

.l_area {
    float: left;
    width: 600px;
}

.l_area a {
    display: block;
    position: relative;
}

.l_area a img {
    display: block;
    width: 100%;
}

.l_area a ins {
    width: 66px;
    height: 66px;
    position: absolute;
    left: 50%;
    margin-left: -33px;
    top: 50%;
    margin-top: -33px;
    background: url(../image/bf.png) no-repeat 0 0;

}


.r_area {
    float: right;
    width: 400px;
    margin-right: 24px;
    margin-top: 59px;
}

.a_tit {
    position: relative;
    padding-top: 97px;
}

.a_tit big {
    position: absolute;
    width: 299px;
    height: 143px;
    top: 0;
    left: 50%;
    margin-left: -150px;
}

.a_tit big.c1 {
    background: url(../image/bp1.png) no-repeat 0 0;
}

.a_tit big.c2 {
    background: url(../image/bp2.png) no-repeat 0 0;
}

.a_tit big.c3 {
    background: url(../image/bp3.png) no-repeat 0 0;
}

.a_tit span {
    display: block;
    text-align: center;
    font-size: 30px;
    color: #013c2a;
    font-weight: bold;
    margin-bottom: 5px;
}

.a_tit small {
    display: block;
    text-align: center;
    font-size: 12px;
    color: #929292;
    text-transform: uppercase;
    letter-spacing: 6px;
    border-bottom: 1px dotted #c7c7c7;
    padding-bottom: 27px;
    margin-bottom: 29px;
}

.a_tit tt{
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    color: #686868;    
}

.a_tit p {
    text-align: left;
    font-size: 16px;
    line-height: 26px;
    color: #686868;
    padding-left: 24px;
    position: relative;
    margin-bottom: 14px;
}

.a_tit p ins{
    position: absolute;
    width: 10px;
    height: 10px;
    left: 0;
    top: 9px;
    background: #686868;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.a_tit i{
    display: block;
    margin: 18px auto;
    width: 26px;
    height: 1px;
    background: #c7c7c7
}


/*area end*/


/*room_slider*/

.room_slider {
    width: 100%;
    min-width: 1200px;
    height: 600px;
    position: relative;
    overflow: hidden;
}

.room_slider .swiper-container{
    width: 1920px;
    height: 600px;
    position: absolute;
    left: 50%;
    margin-left: -960px;
    top: 0;
}


.room_slider .swiper-slide img {
    display: block;
    width: 1200px;
    height: 600px;
    filter: alpha(opacity=50);
    -webkit-opacity: 0.5;
    opacity: 0.5;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.room_slider .swiper-slide-active img{
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    opacity: 1;
}

.room_slider .arrow {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 285px;
    z-index: 20;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.room_slider .prev {
    left: 50%;
    margin-left: -580px;
    background: url(../image/lrlr.png) no-repeat 0 0;
}

.room_slider .next {
    right: 50%;
    margin-right: -580px;
    background: url(../image/lrlr.png) no-repeat -30px 0;
}

.room_slider .prev:hover {
    background: url(../image/lrlr.png) no-repeat 0 -30px;
}

.room_slider .next:hover {
    background: url(../image/lrlr.png) no-repeat -30px -30px;
}


/*room_slider*/

/*sponsor*/

.sponsor{
    margin-bottom: 110px;
    margin-top: 100px;
    padding-top: 100px;
    border-top: 1px dotted #c7c7c7;
}

.t_sponsor{
    overflow: hidden;
}

.l_sponsor{
    float: left;
    width: 465px;
    margin-left: 38px;
}

.r_sponsor{
    float: right;
    width: 607px;
    margin-top: 100px;
}

/*sponsor end*/

/*category*/


.category{
    background: #e4f2f7;
    height: 984px;
    padding-top: 50px;
}

.category .swiper-container {
    list-style: none;
    width: 1200px;
    height: 600px;
    margin: 38px auto 0;
    padding: 0 80px;
}

.category .swiper-slide {
    position: relative;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.category .swiper-slide.swiper-slide-active,.category .swiper-slide.swiper-slide-prev,.category .swiper-slide.swiper-slide-next{
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    opacity: 1;
}

.category .swiper-slide.swiper-slide-active{
    padding-top: 100px;
}

.category .swiper-slide.swiper-slide-active img.c1{
    display: block;
    width: 421px;
    height: 390px;
    position: relative;
    z-index: 12;
}

.category .swiper-slide.swiper-slide-prev img.c1,.category .swiper-slide.swiper-slide-next img.c1{
    display: block;
    width: 261px;
    height: 242px;
    position: relative;
    z-index: 12;
}

.category .swiper-slide.swiper-slide-active img.c2{
    display: block;
    width: 855px;
    height: 275px;
    position: absolute;
    top: 316px;
    left: 50%;
    margin-left: -427px;
    z-index: 11;
}

.category .swiper-slide.swiper-slide-prev img.c2,.category .swiper-slide.swiper-slide-next img.c2{
    display: block;
    width: 530px;
    height: 170px;
    position: absolute;
    top: 140px;
    left: 50%;
    margin-left: -265px;
    z-index: 11;
}

/*.category li img.c1{
    width: 261px;
    height: 242px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -130px;
    z-index: 13;
}

.category li img.c2{
    width: 530px;
    height: 170px;
    position: absolute;
    top: 100px;
    left: 50%;
    margin-left: -260px;
    z-index: 12;
}

.category li.roundabout-in-focus img.c1{
    width: 421px;
    height: 390px;
    position: absolute;
    top: 63px;
    left: 50%;
    margin-left: -210px;
    z-index: 14;
}

.category li.roundabout-in-focus img.c2{
    width: 855px;
    height: 275px;
    position: absolute;
    top: 280px;
    left: 50%;
    margin-left: -427px;
    z-index: 11;
}*/

.category .arrow {
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: 60px;
    z-index: 20;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.category .prev {
    left: 50%;
    margin-left: -45px;
    background: url(../image/lrlr.png) no-repeat 0 0;
}

.category .next {
    right: 50%;
    margin-right: -45px;
    background: url(../image/lrlr.png) no-repeat -30px 0;
}

.category .prev:hover {
    background: url(../image/lrlr.png) no-repeat 0 -30px;
}

.category .next:hover {
    background: url(../image/lrlr.png) no-repeat -30px -30px;
}

/*category end*/

/*plans*/

.plans{
    overflow: hidden;
    margin-bottom: 56px;
}

.l_plans{
    float: left;
    width: 380px;
}

.r_plans{
    float: right;
    width: 775px;
    overflow: hidden;
}

.r_plans dl{
    float: left;
    width: 360px;
    margin-right: 55px;
    overflow: hidden;
    margin-bottom: 75px;
}

.r_plans dl:nth-child(2n){
    margin-right: 0;
}

.r_plans dl dt{
    float: left;
    width: 64px;
    height: 64px;
}

.r_plans dl dt.c1{
    background: url(../image/ys1.png) no-repeat 0 0;
}

.r_plans dl dt.c2{
    background: url(../image/ys2.png) no-repeat 0 0;
}

.r_plans dl dt.c3{
    background: url(../image/ys3.png) no-repeat 0 0;
}

.r_plans dl dt.c4{
    background: url(../image/ys4.png) no-repeat 0 0;
}

.r_plans dl dt.c5{
    background: url(../image/ys5.png) no-repeat 0 0;
}

.r_plans dl dt.c6{
    background: url(../image/ys6.png) no-repeat 0 0;
}

.r_plans dl dt.c7{
    background: url(../image/ys7.png) no-repeat 0 0;
}

.r_plans dl dt.c8{
    background: url(../image/ys8.png) no-repeat 0 0;
}

.r_plans dl dd{
    float: right;
    width: 275px;
    margin-top: 2px;
}

.r_plans dl dd span{
    display: block;
    font-size: 20px;
    color: #013c2a;
    font-weight: bold;
    margin-bottom: 7px;
}

.r_plans dl dd p{
    display: block;
    font-size: 16px;
    line-height: 22px;
    color: #5b5b5b;
    text-align: justify;
    border-top: 1px dotted #d4d4d4;
    padding-top: 5px;
    margin-top: 5px;
}

/*plans end*/

/*stars*/

.stars{
    position: relative;
    overflow: hidden;
    height: 1194px;
}

.t_stars{
    position: absolute;
    width: 1920px;
    height: 1194px;
    top: 0;
    left: 50%;
    margin-left: -960px;
    z-index: 2;
}

.b_stars{
    position: relative;
    z-index: 3;
}

.b_titles big{
    font-size: 30px;
    color: #013c2a;
}

.b_titles ins{
    background: url(../image/pointsss.png) no-repeat 0 0;
    top: 75px;
}

.b_titlesb ins{
    background: url(../image/pointsst.png) no-repeat 0 0;
    top: 75px;
}

.b_titles p{
    font-size: 18px;
    color: #5b5b5b;
}

.stars_list{
    margin-top: 20px;
}

.stars_list ul{
    overflow: hidden;
}

.stars_list ul li{
    float: left;
    width: 310px;
    height: 370px;
    padding: 15px;
    margin: 0 30px 60px;
    background: #fff;
}

.stars_list ul li dl{
    display: block;
    width: 308px;
    height: 368px;
    border: 1px solid #e3e3e3
}

.stars_list ul li dl dt{
    display: block;
    width: 308px;
    height: 309px;
    border-bottom: 1px solid #e3e3e3;
    overflow: hidden;;
}

.stars_list ul li dl dt img{
    display: block;
    width: 100%;
}

.stars_list ul li dl dd{
    display: block;
    text-align: center;
    font-size: 18px;
    color: #686868;
    font-weight: bold;
    line-height: 58px;
}

/*stars end*/

/*group*/

.group{
    margin-bottom: 100px;
}

.group img{
    display: block;
    width: 100%;
}

/*group end*/

/*tboxs*/

.tboxs_01{
    width: 770px;
    height: 631px;
    padding-top: 86px;
    background: url(../image/bd_01.jpg) no-repeat 0 0;
}

.tboxs_02{
    width: 770px;
    height: 480px;
    padding-top: 86px;
    background: url(../image/bd_02.jpg) no-repeat 0 0;
}

.tboxs{
    
}

.tboxs h3{
    background: url(../image/linet.png) no-repeat 0 15px;
    width: 590px;
    margin: 0 auto 43px;
    font-weight: normal;
}

.tboxs h3 big{
    display: block;
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    color: #5d9aa9;
}

.tboxs h3 small{
    display: block;
    text-align: center;
    font-size: 10px;
    color: #5d9aa9;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.tboxs form{
    overflow: hidden;
    width: 590px;
    margin: 0 auto;
}

.tboxs form span{
    width: 285px;
    height: 55px;
    margin-bottom: 20px;
}

.tboxs form p{
    display: block;
    width: 100%;
    margin-bottom: 20px;
}

.tboxs form span.c1{
    float: left;
}

.tboxs form span.c2{
    float: right;
}

.tboxs form span input{
    display: block;
    width: 283px;
    height: 53px;
    border: 1px solid #94c4ce;
    font-size: 16px;
    color: #686868;
    text-indent: 20px;
    background: transparent;
    outline: none;
    line-height: 53px;
    font-family: "宋体";
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.tboxs form span a{
    display: block;
    width: 283px;
    height: 53px;
    border: 1px solid #94c4ce;
    font-size: 16px;
    color: #686868;
    text-align: center;
    background: transparent;
    line-height: 53px;
    font-family: "宋体";
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.tboxs form p textarea{
    display: block;
    width: 588px;
    height: 143px;
    border: 1px solid #94c4ce;
    font-size: 16px;
    color: #686868;
    text-indent: 20px;
    background: transparent;
    outline: none;
    line-height: 53px;
    font-family: "宋体";
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.tboxs form span input.reset{
    text-indent: 0;
    cursor: pointer;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.tboxs form span i{
    display: block;
    width: 283px;
    height: 53px;
    border: 1px solid #94c4ce;
    font-size: 16px;
    color: #686868;
    text-indent: 20px;
    background: transparent;
    line-height: 53px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.tboxs input::-moz-placeholder, .tboxs textarea::-moz-placeholder {
    color: #686868;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

.tboxs input:-ms-input-placeholder, .tboxs textarea:-ms-input-placeholder {
    color: #686868;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

.tboxs input::-webkit-input-placeholder, .tboxs textarea::-webkit-input-placeholder {
    color: #686868;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

.tboxs form span a:hover{
    background: #94c4ce;
    color: #fff;
}

.tboxs form span input.reset:hover{
    background: #94c4ce;
    color: #fff;
}

/*tboxs end*/

/*skins*/

.skins {
    overflow: hidden;
    float: right;
    width: 1038px;
}

.skins dl {
    float: left;
    width: 498px;
    height: 503px;
    margin-bottom: 37px;
    position: relative;
    border: 1px solid #e3e3e3;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.skins dl:nth-child(2n) {
    float: right;
}

.skins dl dt {
    width: 498px;
    height: 274px;
    display: block;
    overflow: hidden;
}

.skins dl dt img {
    display: block;
    width: 100%;
}

.skins dl dd {
    display: block;
    width: 498px;
    height: 229px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.skins dl dd big{
    display: block;
    position: relative;
    width: 420px;
    margin: 0 auto;
    text-align: center;
    padding-top: 33px
}

.skins dl dd big font{
    text-align: center;
    font-size: 22px;
    color: #686868;
    margin: 0 auto;
    display: inline-block;
    padding: 0 14px;
    background: #fff;
    position: relative;
    z-index: 10;
    font-weight: bold;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.skins dl dd big ins{
    width: 100%;
    height: 1px;
    position: absolute;
    top: 45px;
    background: #ddd;
    left: 0;
    z-index: 9;
}

.skins dl dd p{
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    max-height: 60px;
    overflow: hidden;
    color: #959595;
    width: 420px;
    margin: 18px auto 0;
}

.skins dl dd em {
    display: block;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 37px;
    padding-top: 22px;
    border-top: 1px solid #e3e3e3;
    text-align: center;
}

.skins dl dd em a {
    display: inline-block;
    overflow: hidden;
    line-height: 18px;
    font-size: 14px;
    color: #8f8f8f;
    font-family: "Verdana";
    overflow: hidden;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.skins dl dd em a i.c1 {
    float: left;
    margin-right: 9px;
    width: 18px;
    height: 18px;
    background: url(../image/c3.png) no-repeat 0 0;
}

.skins dl dd em a i.c2 {
    float: left;
    margin-right: 5px;
    margin-top: 2px;
    width: 26px;
    height: 15px;
    background: url(../image/c4.png) no-repeat 0 0;
}

.skins dl dd em a i.c3 {
    float: left;
    margin-right: 6px;
    width: 18px;
    height: 17px;
    background: url(../image/c2.png) no-repeat 0 0;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.skins dl dd em ins {
    display: inline-block;
    width: 1px;
    height: 14px;
    background: #c7c7c7;
    margin: 3px 11px 0;
}

.skins dl dd em a.dz.on,
.skins dl dd em a.dz:hover {
    color: #013c2a
}

.skins dl dd em a.dz.on i,
.skins dl dd em a.dz:hover i {
    background: url(../image/c2.png) no-repeat 0 -17px;
}

.skins dl:hover{
    border: 1px solid #013c2a;
    background: #f8f8f8
}

.skins dl:hover dd big font{
    background: #f8f8f8;
    color: #013c2a
}

.skins dl:hover dd p{
    color: #777
}

/*skins end*/

/*banner*/

@-webkit-keyframes fadeInUp1 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp1 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.swiper-slide-active .fadeInUp1 {
    -webkit-animation-name: fadeInUp1;
    animation-name: fadeInUp1;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}


/*banner end*/


/*cm*/

.cm{
    width: 1346px;
    margin: 0 auto 220px;
    position: relative;
    height: 331px;
}

.cm .c1{
    left: 0;
    top: 0;
    position: absolute;
}

.cm .c2{
    left: 128px;
    top: 60px;
    position: absolute;
}

.cm .c3{
    right: 0;
    top: 60px;
    position: absolute;
}

.cm .c4{
    left: 350px;
    top: 60px;
    position: absolute;
}

/*cm end*/

/*gk*/

.gk{
    margin-bottom: 110px;
    position: relative;
    height: 557px;
}

.gk .c1{
    left: 0;
    top: 0;
    position: absolute;
}

.gk .c2{
    right: 30px;
    top: 66px;
    position: absolute;
}

.gk .c3{
    right: 184px;
    top: 248px;
    position: absolute;
}

.gk .c4{
    right: 270px;
    top: 248px;
    position: absolute;
}

/*gk end*/


/*jy*/

.jy{
    margin: 0 auto 48px;
    position: relative;
    height: 570px;
    width: 1225px;
}

.jy .c1{
    left: 0;
    top: 7px;
    position: absolute;
}

.jy .c2{
    left: 141px;
    top: 0;
    position: absolute;
}

.jy .c3{
    right: 0;
    top: 42px;
    position: absolute;
}

.jy .c4{
    right: 150px;
    top: 172px;
    position: absolute;
}

/*jy end*/

/*bl*/

.bl{
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    height: 665px;
}

.bl .c1{
    left: 50%;
    margin-left: -960px;
    top: 0;
    position: absolute;
    z-index: 10;
}

.bl .c2{
    left: 50%;
    margin-left: -223px;
    top: 114px;
    position: absolute;
    z-index: 11;
}

.bl .c3{
    left: 50%;
    margin-left: -125px;
    top: 80px;
    position: absolute;
    z-index: 11;
}

/*bl end*/

/*ls*/

.ls{
    margin: 90px auto;
    width: 1460px;
    overflow: hidden;
    position: relative;
    height: 487px;
}

.ls .c1{
    left: 0;
    top: 0;
    position: absolute;
}

.ls .c2{
    right: 0;
    top: 10px;
    position: absolute;
}

.ls .c3{
    right: 96px;
    top: 16px;
    position: absolute;
}

.ls .c4{
    right: 300px;
    bottom: 0;
    position: absolute;
}

/*ls end*/

/*pp*/

.pp{
    margin: 0 auto 107px;
    overflow: hidden;
    position: relative;
    height: 520px;
}

.pp .c1{
    left: 50%;
    margin-left: -960px;
    top: 0;
    position: absolute;
    z-index: 10;
}

.pp .c2{
    left: 50%;
    margin-left: 550px;
    top: 105px;
    position: absolute;
    z-index: 11;
}

.pp .c3{
    left: 50%;
    margin-left: 490px;
    top: 170px;
    position: absolute;
    z-index: 11;
}

/*pp end*/

/*kx*/

.kx{
    margin: 0 auto 109px;
    overflow: hidden;
    position: relative;
    height: 665px;
}

.kx .c1{
    left: 50%;
    margin-left: -960px;
    top: 0;
    position: absolute;
    z-index: 10;
}

.kx .c2{
    left: 50%;
    margin-left: 408px;
    top: 88px;
    position: absolute;
    z-index: 11;
}

.kx .c3{
    left: 50%;
    margin-left: 217px;
    top: 150px;
    position: absolute;
    z-index: 11;
}

/*kx end*/


@-webkit-keyframes flipinX {
    0% {
        -webkit-opacity: 0;
        opacity: 0;
        -webkit-transform: perspective(400px) rotate3D(1, 0, 0, -230deg) scale(0.5, 0.5);
        transform: perspective(400px) rotate3D(1, 0, 0, -180deg) scale(0.5, 0.5);
    }
    40% {
        -webkit-transform: perspective(400px) rotate3D(1, 1, 0, -30deg);
        transform: perspective(400px) rotate3D(1, 1, 0, -10deg);
    }
    70% {
        -webkit-transform: perspective(400px) rotate3D(1, 0, 0, 30deg);
        transform: perspective(400px) rotate3D(1, 0, 0, 10deg);
    }
    100% {
        -webkit-opacity: 1;
        opacity: 1;
        -webkit-transform: perspective(400px) rotate3D(1, 1, 0, 0deg) scale(1, 1);
        transform: perspective(400px) rotate3D(1, 1, 0, 0deg) scale(1, 1);
    }
}

@-moz-keyframes flipinX {
    0% {
        -webkit-opacity: 0;
        opacity: 0;
        -webkit-transform: perspective(400px) rotate3D(1, 0, 0, -230deg) scale(0.5, 0.5);
        transform: perspective(400px) rotate3D(1, 0, 0, -180deg) scale(0.5, 0.5);
    }
    40% {
        -webkit-transform: perspective(400px) rotate3D(1, 1, 0, -30deg);
        transform: perspective(400px) rotate3D(1, 1, 0, -10deg);
    }
    70% {
        -webkit-transform: perspective(400px) rotate3D(1, 0, 0, 30deg);
        transform: perspective(400px) rotate3D(1, 0, 0, 10deg);
    }
    100% {
        -webkit-opacity: 1;
        opacity: 1;
        -webkit-transform: perspective(400px) rotate3D(1, 1, 0, 0deg) scale(1, 1);
        transform: perspective(400px) rotate3D(1, 1, 0, 0deg) scale(1, 1);
    }
}

@keyframes flipinX {
    0% {
        filter: alpha(opacity=0);
        -webkit-opacity: 0;
        opacity: 0;
        -webkit-transform: perspective(400px) rotate3D(1, 0, 0, -230deg) scale(0.5, 0.5);
        -moz-transform: perspective(400px) rotate3D(1, 0, 0, -230deg) scale(0.5, 0.5);
        -ms-transform: perspective(400px) rotate3D(1, 0, 0, -230deg) scale(0.5, 0.5);
        -o-transform: perspective(400px) rotate3D(1, 0, 0, -230deg) scale(0.5, 0.5);
        transform: perspective(400px) rotate3D(1, 0, 0, -180deg) scale(0.5, 0.5);
    }
    40% {
        -webkit-transform: perspective(400px) rotate3D(1, 1, 0, -30deg);
        transform: perspective(400px) rotate3D(1, 1, 0, -10deg);
    }
    70% {
        -webkit-transform: perspective(400px) rotate3D(1, 0, 0, 30deg);
        transform: perspective(400px) rotate3D(1, 0, 0, 10deg);
    }
    100% {
        -webkit-opacity: 1;
        opacity: 1;
        -webkit-transform: perspective(400px) rotate3D(1, 1, 0, 0deg) scale(1, 1);
        transform: perspective(400px) rotate3D(1, 1, 0, 0deg) scale(1, 1);
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

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

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

@media screen and (max-width:1690px) {
    .newsbox {
        margin: 3% auto;
    }
    .newsbox dd li a h2 {
        margin-top: 15px;
    }
    .newsbox dd li a p {
        margin-bottom: 15px;
    }
    .in_product {
        padding-top: 3%;
    }
    .in_case_list {
        margin-top: 3%;
    }
}

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

@media screen and (max-width:1480px) {
    .in_product {
        padding-top: 3%
    }
    .in_product_list {
        margin-top: 1%
    }
    .in_case_list {
        margin-top: 3%
    }
    .in_more {
        margin-top: 2%
    }
    .newsbox dt h1 {
        font-size: 30px;
    }
    .newsbox dt h2 {
        font-size: 18px;
    }
    .newsbox dd li a h1 {
        font-size: 80px;
    }
    .newsbox dd li a h2 {
        font-size: 16px;
    }
    .newsbox dt em {
        margin-top: 40px;
    }
    .newsbox {
        margin: 1.5% auto;
    }
    .in_story {
        margin-left: -400px;
        width: 800px;
    }
    .in_brand {
        width: 942px;
        margin-left: -471px;
    }
    .in_news {
        width: 924px;
        margin-left: -462px;
    }
    .in_news h1 {
        font-size: 30px;
        margin-bottom: 38px;
    }
}

@media screen and (max-width:1366px) {
    .r_float {
        display: none;
    }
    .in_product {
        padding-top: 2%
    }
    .in_product h3 {
        font-size: 30px;
    }
    .in_product h3 font {
        margin-left: -200px;
        background-size: 100% 100%;
        font-size: 18px;
        width: 89px;
        height: 42px;
        line-height: 34px;
    }
    .in_product h3 i {
        font-size: 18px
    }
    .in_case_list {
        margin-top: 1%
    }
    .newsbox dt h1 {
        font-size: 28px;
    }
    .newsbox dt h2 {
        font-size: 16px;
    }
    .newsbox dd li a h1 {
        font-size: 70px;
    }
    .newsbox dd li a h2 {
        font-size: 14px;
    }
    .newsbox dt em {
        margin-top: 30px;
    }
    .newsbox {
        margin: 1% auto;
    }
    .newsbox dd li a h2 {
        margin-top: 5px;
    }
}

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