/*基础css*/
*{ margin:0; padding:0;}
body,html{color: #333;width: 100%;min-width: 1366px;font-family: "Microsoft YaHei"}
a{text-decoration: none;display: inline-block}
.box{ width:100%; float:left;position: relative}
.mq,.w1200{ width:1200px; margin:0 auto; position:relative;}
*i{float: none;display: inline-block}
/*wap css 图片排列*/
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
img {
  max-width: 100%;
  height: auto; }

img {
  -ms-interpolation-mode: bicubic; }
[class*="block-grid-"] {
  display: block;
  padding: 0;
  margin: 0 -0.55556rem; }
  [class*="block-grid-"]:before, [class*="block-grid-"]:after {
    content: " ";
    display: table; }
  [class*="block-grid-"]:after {
    clear: both; }
  [class*="block-grid-"] > li {
    display: block;
    float: left;
    height: auto;
    padding: 0 0.55556rem 1.11111rem; }
	
	

	
	
	

@media only screen {
  .small-block-grid-1 > li {
    list-style: none;
    width: 100%; }
    .small-block-grid-1 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }

  .small-block-grid-2 > li {
    list-style: none;
    width: 50%; }
    .small-block-grid-2 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }

  .small-block-grid-3 > li {
    list-style: none;
    width: 33.33333%; }
    .small-block-grid-3 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }

  .small-block-grid-4 > li {
    list-style: none;
    width: 25%; }
    .small-block-grid-4 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }

  .small-block-grid-5 > li {
    list-style: none;
    width: 20%; }
    .small-block-grid-5 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }

  .small-block-grid-6 > li {
    list-style: none;
    width: 16.66667%; }
    .small-block-grid-6 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }

  .small-block-grid-7 > li {
    list-style: none;
    width: 14.28571%; }
    .small-block-grid-7 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }

  .small-block-grid-8 > li {
    list-style: none;
    width: 12.5%; }
    .small-block-grid-8 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }

  .small-block-grid-9 > li {
    list-style: none;
    width: 11.11111%; }
    .small-block-grid-9 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }

  .small-block-grid-10 > li {
    list-style: none;
    width: 10%; }
    .small-block-grid-10 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }

  .small-block-grid-11 > li {
    list-style: none;
    width: 9.09091%; }
    .small-block-grid-11 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }

  .small-block-grid-12 > li {
    list-style: none;
    width: 8.33333%; }
    .small-block-grid-12 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }
@media only screen and (min-width: 35.61111em) {
  .medium-block-grid-1 > li {
    list-style: none;
    width: 100%; }
    .medium-block-grid-1 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }

  .medium-block-grid-2 > li {
    list-style: none;
    width: 50%; }
    .medium-block-grid-2 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }

  .medium-block-grid-3 > li {
    list-style: none;
    width: 33.33333%; }
    .medium-block-grid-3 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }

  .medium-block-grid-4 > li {
    list-style: none;
    width: 25%; }
    .medium-block-grid-4 > li:nth-of-type(1n) {

      clear: none; }
    .medium-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }

  .medium-block-grid-5 > li {
    list-style: none;
    width: 20%; }
    .medium-block-grid-5 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }

  .medium-block-grid-6 > li {
    list-style: none;
    width: 16.66667%; }
    .medium-block-grid-6 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }

  .medium-block-grid-7 > li {
    list-style: none;
    width: 14.28571%; }
    .medium-block-grid-7 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }

  .medium-block-grid-8 > li {
    list-style: none;
    width: 12.5%; }
    .medium-block-grid-8 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }

  .medium-block-grid-9 > li {
    list-style: none;
    width: 11.11111%; }
    .medium-block-grid-9 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }

  .medium-block-grid-10 > li {
    list-style: none;
    width: 10%; }
    .medium-block-grid-10 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }

  .medium-block-grid-11 > li {
    list-style: none;
    width: 9.09091%; }
    .medium-block-grid-11 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }

  .medium-block-grid-12 > li {
    list-style: none;
    width: 8.33333%; }
    .medium-block-grid-12 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }
@media only screen and (min-width: 56.94444em) {
  .large-block-grid-1 > li {
    list-style: none;
    width: 100%; }
    .large-block-grid-1 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }

  .large-block-grid-2 > li {
    list-style: none;
    width: 50%; }
    .large-block-grid-2 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }

  .large-block-grid-3 > li {
    list-style: none;
    width: 33.33333%; }
    .large-block-grid-3 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }

  .large-block-grid-4 > li {
    list-style: none;
    width: 25%; }
    .large-block-grid-4 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }

  .large-block-grid-5 > li {
    list-style: none;
    width: 20%; }
    .large-block-grid-5 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }

  .large-block-grid-6 > li {
    list-style: none;
    width: 16.66667%; }
    .large-block-grid-6 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }

  .large-block-grid-7 > li {
    list-style: none;
    width: 14.28571%; }
    .large-block-grid-7 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }

  .large-block-grid-8 > li {
    list-style: none;
    width: 12.5%; }
    .large-block-grid-8 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }

  .large-block-grid-9 > li {
    list-style: none;
    width: 11.11111%; }
    .large-block-grid-9 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }

  .large-block-grid-10 > li {
    list-style: none;
    width: 10%; }
    .large-block-grid-10 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }

  .large-block-grid-11 > li {
    list-style: none;
    width: 9.09091%; }
    .large-block-grid-11 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }

  .large-block-grid-12 > li {
    list-style: none;
    width: 8.33333%; }
    .large-block-grid-12 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }
	  
/* 图片边框cssImage Thumbnails */
.th {border: solid 4px #FFFFFF;box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);display: inline-block;line-height: 0;max-width: 100%;transition: all 200ms ease-out; }
.th:hover, .th:focus {box-shadow: 0 0 6px 1px rgba(0, 140, 186, 0.5); }
.th.radius {border-radius: 3px; }

/*分页样式css*/
.pages{ color:#333;}

.pages {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pages > a {
  display: inline;
}
.pages > a{
    border: #ee8333 1px solid;
    padding:6px 20px;
    color: #ee8333;
    margin: 3px;
    text-decoration: none;
    position: relative;
    display: inline-block}
.pages > span {
    border: #ee8333 1px solid;
    padding:6px 20px;
    font-weight: bold;
    color: #fff;
    background-color: #ee8333;
    display: inline-block;

}
.pages > li:first-child > a,
.pages > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pages > li:last-child > a,
.pages > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pages > a:hover,
.pages > a:focus{
    border: #141414 1px solid;
    z-index: 3;
    color: #141414;
}
.pages > .active > a,
.pages > .active > span,
.pages > .active > a:hover,
.pages > .active > span:hover,
.pages > .active > a:focus,
.pages > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
.pages > .disabled > span,
.pages > .disabled > span:hover,
.pages > .disabled > span:focus,
.pages > .disabled > a,
.pages > .disabled > a:hover,
.pages > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}

#Pages p {color:#000;}
.dpages a,.notice a{color: #333333}
.dpages a:hover,.notice a:hover{color:#b59073 }
.dpages a{padding: 0 20px}
.bouttxt{font-size: 14px;line-height: 24px;color: #333333;text-align: justify;font-family: -webkit-body}
/*动画样式*/
/*ani-view fade-in-left fadeInLeft*/
/*ani-view fade-in-down fadeInDown*/
/*ani-view fade-in-right fadeInRight*/
/*  css animation  */

.trans{

    -webkit-transition: all .5s ease;

    -moz-transition:all .5s ease;

    -o-transition:all .5s ease;

    -ms-transition:all .5s ease;

    transition:all .5s ease;

}


@-webkit-keyframes fadeInDown {

    0% {

        opacity:0;

        -webkit-transform:translateY(20px)

    }

    100% {

        opacity:1;

        -webkit-transform:translateY(0)

    }

}

@-moz-keyframes fadeInDown {

    0% {

        opacity:0;

        -moz-transform:translateY(20px)

    }

    100% {

        opacity:1;

        -moz-transform:translateY(0)

    }

}

@-o-keyframes fadeInDown {

    0% {

        opacity:0;

        -o-transform:translateY(20px)

    }

    100% {

        opacity:1;

        -o-transform:translateY(0)

    }

}

@keyframes fadeInDown {

    0% {

        opacity:0;

        transform:translateY(20px)

    }

    100% {

        opacity:1;

        transform:translateY(0)

    }

}

.fade-in-down{

    opacity:0;

    opacity:1\0/IE9;

    

    -webkit-transform:translateY(20px);

    -moz-transform:translateY(20px);

    -o-transform:translateY(20px);

    transform:translateY(20px);

    -ms-transform:translateY(0)\0/IE9;

}

.fadeInDown {

    -webkit-animation-name:fadeInDown;

    -moz-animation-name:fadeInDown;

    -o-animation-name:fadeInDown;

    animation-name:fadeInDown;



}
@-webkit-keyframes fadeInLeft {

    0% {

        opacity:0;

        -webkit-transform:translateX(-100px)

    }

    100% {

        opacity:1;

        -webkit-transform:translateX(0)

    }

}

@-moz-keyframes fadeInLeft {

    0% {

        opacity:0;

        -moz-transform:translateX(-100px)

    }

    100% {

        opacity:1;

        -moz-transform:translateX(0)

    }

}

@-o-keyframes fadeInLeft {

    0% {

    opacity:0;

    -o-transform:translateX(-100px)

    }

    100% {

    opacity:1;

    -o-transform:translateX(0)

    }

}

@keyframes fadeInLeft {

    0% {

    opacity:0;

    transform:translateX(-100px)

    }

    100% {

    opacity:1;

    transform:translateX(0)

    }

}

.fade-in-left{
    opacity:0;

    opacity:1\0/IE9;

    -webkit-transform:translateX(-100px);

    -moz-transform:translateX(-100px);

    -o-transform:translateX(-100px);

    transform:translateX(-100px);

    -ms-transform:translateX(0)\0/IE9;

}

.fadeInLeft {

    -webkit-animation-name:fadeInLeft;

    -moz-animation-name:fadeInLeft;

    -o-animation-name:fadeInLeft;

    animation-name:fadeInLeft;

}

@-webkit-keyframes fadeInRight {

    0% {

    opacity:0;

    -webkit-transform:translateX(100px)

    }

    100% {

    opacity:1;

    -webkit-transform:translateX(0)

    }

}

@-moz-keyframes fadeInRight {

    0% {

    opacity:0;

    -moz-transform:translateX(100px)

    }

    100% {

    opacity:1;

    -moz-transform:translateX(0)

    }

}

@-ms-keyframes fadeInRight {

    0% {

    opacity:0;

    -ms-transform:translateX(100px)

    }

    100% {

    opacity:1;

    -ms-transform:translateX(0)

    }

}

@-o-keyframes fadeInRight {

    0% {

    opacity:0;

    -o-transform:translateX(100px)

    }

    100% {

    opacity:1;

    -o-transform:translateX(0)

    }

}

@keyframes fadeInRight {

    0% {

    opacity:0;

    transform:translateX(100px)

    }

    100% {

    opacity:1;

    transform:translateX(0)

    }

}

.fade-in-right{

    opacity:0;

    opacity:1\0/IE9;

    -webkit-transform:translateX(100px);

    -moz-transform:translateX(100px);

    -o-transform:translateX(100px);

    transform:translateX(100px);

    -ms-transform:translateX(0)\0/IE9;

}

.fadeInRight {

    -webkit-animation-name:fadeInRight;

    -moz-animation-name:fadeInRight;

    -o-animation-name:fadeInRight;

    animation-name:fadeInRight;

}
.l_ginfo{text-align: center}
.l_ginfo span {
    display: inline-block;
    font-size: 14px;
    line-height: 32px;
    padding: 0 20px;
    background: #ee8333;
    color: #fff;
    border-radius: 16px;margin-top: 10px;}
.left{float: left;}
.right{float: right}
.cls{clear: both;display: block}
input{outline: none!important;}
.w1200{width: 1200px;margin: 0 auto;position: relative}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0); }

    50% {
        -webkit-transform: translate(0, 10px);
        transform: translate(0, 10px); }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0); } }

@keyframes pulse {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0); }

    50% {
        -webkit-transform: translate(0, 10px);
        transform: translate(0, 10px); }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0); } }


/*comm_title*/
.common-title {width: 100%;font-size: 0;padding: 40px 0;box-sizing: border-box;}
.common-title .title {line-height: 36px;}
.common-title .h1 {display: inline-block;vertical-align: middle;font-size: 27px;color: #3C3C3C;position: relative;padding-right: 13px; margin-right: 5px;}
.common-title i {position: absolute;right: 0;top: 50%;margin-top: -10.5px;width: 5px;height: 5px;background: #414141;}
.common-title i:after {content: "";position: absolute;right: 0;top: 8px;width: 5px;height: 15px;background: #BC0009; }
.common-title .h2 {margin-top: 6px;display: inline-block;vertical-align: middle;font-size: 27px;color: #3C3C3C;font-weight: bold;}
.common-title .more a {display: block;width: 128px;height: 30px;line-height: 30px;font-size: 12px;color: #0E0E0E;text-align: center;border: 1px solid #0E0E0E;position: relative;transition: all 0.3s ease;}
.common-title .more a:hover,.gcts a:hover{background: #c97434;transition: all 0.3s ease;border-color: #c97434;color: #fff;}
/*comm_title end*/
/*新闻、单页图文、介绍样式*/
#about_body .about_c p{text-indent: 2em;font-size: 16px!important;line-height: 26px!important;text-align: justify!important}
#about_body .about_c p strong{font-size: 18px!important;line-height: 46px!important;}
#about_body .about_c div img{text-align: center!important;}
#newsDetail_body .text p{font-size: 16px!important;line-height: 26px!important;text-indent: 2em;text-align: justify!important}
#newsDetail_body .text p strong{font-size: 18px!important;line-height: 46px!important;}
#newsDetail_body .text div{text-align: center;}
#newsDetail_body .text div img{margin: 5px auto;display: inline-block}
/*新闻、单页图文、介绍样式---*/
/*内页中间样式*/
/*内页图片列表样式*/
.l_img{ text-align:center; overflow:hidden; position:relative; width:100%; display:table; float:left;background-color: #fff;min-height: 278px}
.l_img a{ display: table-cell;vertical-align:middle;}
.l_img img{ width: auto;max-height: 270px}
/*内页图片列表样式---*/
.main_n{ width:100%; float:left;height:auto;}
.main_body{width: 1200px;margin: 0 auto;padding-top: 40px}
/*内页图片列表样式---*/
/*内页副导航样式*/
.nav_n{ width:100%;float: left;font-size:14px;text-align:center; position:relative;margin: 0 auto;border-bottom: 1px solid #D8D8D8}
.action_nva{background: #fff}
.action_nva a:before{content: "";
    position: absolute;
    bottom: 0;
    height: 2px;
    right: 0;
    left: 0;
    background: #FFF;
    -webkit-transition: left .4s ease;
    -moz-transition: left .4s ease;
    transition: left .4s ease;}
.action_nva a:after{content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background: #000;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;}
.action_nva a:hover:before,
.action_nva a.select:before{left: 15px;
    background: #c97434;}
.action_nva a:hover:after,
.action_nva a.select:after{width: 11px;}
#menu1,#goodsCat,#newscate,#casecat,#agentcat{width: 1200px;margin: 0 auto;text-align: center}
#goodsCat a,#menu1 a,#newscate a,#casecat a,#agentcat a{     cursor: pointer;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    color:#000; margin:0 30px;position: relative;line-height: 85px; width:120px;}

/*内页副导航样式---*/
/*内页点击名称样式*/
.action_name2 {width: 1200px;display: block;margin: 0 auto}
.action_name2 .catname {font-size: 28px;color: #2f2f2f;display: inline-flex;font-family: "Microsoft YaHei"}
.action_name2 .catname span {padding-right: 21px;font-size: 28px;display: block;width: auto;color: #133159;font-family: "Microsoft YaHei";text-transform: uppercase;}
.action_name2 .label {width: 358px;display: block;text-align: right;font-size: 14px;color: #3e3e3e;line-height: 36px;}
.action_name2 .label a{font-size: 14px;color: #3e3e3e;line-height: 36px;}
.action_name2 .label a:hover{text-decoration: underline}
.ab_tit{  width:100%; margin:55px auto 32px; display:block; overflow:hidden;line-height: 44px;color: #333;text-align: center}
.ab_tit img{display: inline-block}
.ab_tit span{text-transform: uppercase;font-size: 36px;font-family:"Microsoft YaHei";display: inline-block }
.ab_tit p{font-size: 30px;}
.content_title{ width:100%; background-image:url(../img/list_19.jpg); background-repeat:no-repeat; background-position:center; height:35px; margin:25px 0 10px 0px; padding-bottom:10px; text-align:center; line-height:35px; font-size:16px; border-bottom:1px #e2ad2c dashed;}

.bd ul li>.w1200{height: 100%}

.action_box{height: 136px;position: absolute;right: 0;bottom: 0;z-index: 2;background: rgba(0, 0, 0, 0.22);padding:37px;color: #fff}
.action_box h2{display: inline-block;text-align: right;font-weight: normal;color: #fff;padding-right: 20px;}
.action_box h2 span{display: block;font-size: 30px;padding-bottom: 4px;font-family: -webkit-pictograph;text-transform: uppercase;letter-spacing: 2px;}
.action_box h2 p{font-size: 24px;font-family: "Microsoft JhengHei"}
.action_box img{height: 70px;margin-top: 20px;}
/*内页点击名称样式---*/
/*内页新闻列表样式*/
.txtlist li{ padding-bottom:25px; margin-top:25px; border-bottom:1px dashed #595959; float:left; width:100%;}
.txtlist li .news_pic{ float:left; width:250px; height:150px; margin-top:0px; background-image:none;}
.txtlist li .news_pic img{ width:100%;padding:5px; height:100%;}
.txtlist li .news_txt{ float:right; width:75%;}
.txtlist li .l_summary {color: #000;}
.txtlist li .l_more a{color: #000}
.txtlist li h5 a{ color:#c97434; font-size:16px}
/*内页新闻列表样式---*/
#page1,#page2,#page3,#page4{margin-top: -70px;}


.contact_cnt li{text-align: center;font-family:"Microsoft YaHei" ;display: inline-block;}
.cnt_box{background-color:rgba(178, 192, 176, 0.21);height:300px;}
.contact_cnt li .cnt_box>img{ margin:25px; display:inline-block;}
.contact_cnt li p{ font-size:16px; color:#6f6f6f; line-height:26px; text-align:center;}
.contact_cnt li p span{ color:#000000;}
.contact_cnt li .maparea{margin:30px auto; font-size:16px; color:#1f1f1f; line-height:40px; display:inline-block;text-align: center}
.contact_cnt li .maparea img{display: inline-block;vertical-align: text-bottom;margin: 0}
.contact_cnt li a{display: inline-block;padding: 0 5px}



/*about contact*/
#a1,#a2,#a3,#a4{ position:absolute; top:-100px; left:0; width:100%;}
.about01{padding-bottom: 15px;}
.about01 .ss{background:#fff; overflow:hidden;padding-bottom: 50px;box-shadow: 0px 0px 17px 1px #CCC9C9;}
.about01 .ss h4{ width:270px; height:58px; margin:54px auto 35px; overflow:hidden;}
.about01 .ss p{  margin:0 auto; overflow:hidden; font-size:14px; color:#333333; line-height:26px;}
.about01 ul{ margin:0 auto; overflow:hidden;}
.about01 ul li{ float:left; margin-left:80px; margin-top:45px; overflow:hidden;min-width: 490px;}
.about01 ul li img{width: 88px;height: 88px;border-radius: 100%; float:left; display:block; margin-right:20px;-webkit-transition: -webkit-transform 2s ease-out;
    -moz-transition: -moz-transform 2s ease-out;
    -o-transition: -o-transform 2s ease-out;
    -ms-transition: -ms-transform 2s ease-out;}
.about01 ul li img:hover{oz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);}
.about01 ul li div{ float:left;}
.about01 ul li div h5{ font-size:24px; color:#180505; line-height:24px; margin-top:15px;}
.about01 ul li div span{ font-size:18px; color:#180505; line-height:36px; display:block;}
.about02{ width:100%; margin:0 auto; overflow:hidden; position:relative;}
.about02 h3{ width:204px; height:58px; margin:100px auto 33px;}
.about02 .left{ width:768px; height:492px; float:left; overflow:hidden; margin-bottom:10px;}
.about02 .right{ width:420px; height:492px; float:right; background:#B20000; overflow:hidden; margin-bottom:10px;}
.about02 .right p{ width:320px; margin:70px auto 0; overflow:hidden; font-size:14px; color:#f7f6f4; line-height:40px; text-indent: 0!important;overflow-y: scroll;height: calc(100% - 140px);

}

/*agent*/
.join01{ width:100%; margin:0 auto; overflow:hidden;}
.join01 h3{ margin:55px auto 35px; overflow:hidden; text-align:center;}
.join01-a{ width:1200px; height:617px; margin:0 auto 50px; overflow:hidden; overflow:hidden; position:relative;}
.join01-a .tt{ width:430px; height:295px; background:#B80000; overflow:hidden; position:absolute; right:0; bottom:17px;}
.join01-a .tt p{ width:324px; margin:50px auto 0; font-size:14px; color:#FFF; line-height:26px;}
.join01-a .bb{ width:28px; height:44px; position:absolute; bottom:0; right:36px; overflow:hidden; background-color:#333;}
.join01-a .bb img{ margin:12px auto 0; display:block;}
.join02{ width:100%; margin:0 auto; overflow:hidden; background:url(../img/join02.jpg) no-repeat center top;}
.join02 h3{ margin:67px auto 44px; text-align:center;}
.join02 ul{ width:951px; margin:0 auto 50px; overflow:hidden;}
.join02 ul li{ width:255px; height:221px; margin:0 31px; float:left; overflow:hidden; background:url(../img/joinli.png) no-repeat center;}
.join02 ul li:hover{ background:url(../img/joinlion.png) no-repeat center;}
.join02 ul li h4{ font-size:26px; color:#FFF; line-height:60px; margin-top:20px; text-align:center;}
.join02 ul li p{ font-size:14px; color:#FFF; line-height:26px; width:140px; margin:0 auto; overflow:hidden;}
.join03{ width:100%; height:590px; overflow:hidden; background:url(../img/join03.jpg) no-repeat center bottom;}
.join03 h3{ margin:47px auto 0; text-align:center;}
.join03 ul{ width:1055px; overflow:hidden; margin-top:135px;}
.join03 ul li{ padding:8px 0; border-bottom:1px dashed #666666;}
.join03 ul li p{ font-size:14px; color:#ffffff; line-height:24px;}
.join04{ width:100%; margin:30px auto 0; overflow:hidden; position:relative;}
.join04 .tt{ width:100%; height:264px; background-color:#f2f2f2; overflow:hidden;}
.join04 .tt ul{ width:600px; margin:58px auto 0; overflow:hidden;}
.join04 .tt ul li{ width:150px; height:206px; overflow:hidden; margin:0 25px; float:left;}
.join04 .tt ul li.on{ background:url(../img/ser02b.png) no-repeat center bottom;}
.join04 .tt ul li .l1{ width:150px; height:150px; overflow:hidden; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; background:url(../img/joini1.png) no-repeat center top 28px #fff;}
.join04 .tt ul li.on .l1{ background:url(../img/joini1h.png) no-repeat center top 28px #be0000;}
.join04 .tt ul li .l2{ width:150px; height:150px; overflow:hidden; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; background:url(../img/joini2.png) no-repeat center top 28px #fff;}
.join04 .tt ul li.on .l2{ background:url(../img/joini2h.png) no-repeat center top 28px #be0000;}
.join04 .tt ul li .l3{ width:150px; height:150px; overflow:hidden; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; background:url(../img/joini3.png) no-repeat center top 28px #fff;}
.join04 .tt ul li.on .l3{ background:url(../img/joini3h.png) no-repeat center top 28px #be0000;}
.join04 .tt ul li p{ font-size:18px; color:#333333; line-height:30px; margin-top:100px; text-align:center;}
.join04 .tt ul li.on p{ color:#FFF;}
.join04 .bb{ width:100%; background-color:#FFF; overflow:hidden; padding:65px 0;}
.join04 .bb .p1 p{ width:1110px; font-size:14px; color:#333333; line-height:24px; padding:9px 0; overflow:hidden; border-bottom:1px dashed #e6e6e6; margin:0 auto;}
.join04 .bb .p2 p img{ margin:0 auto; display:block;}
.join04 .bb .p1{ display:block;}
.join04 .bb .p2{ display:none;}
.join04 .bb .p3{ display:none;}

.join05{ width:100%; margin:0 auto; overflow:hidden; padding-bottom: 74px; background:url(../img/join05bg.jpg) no-repeat center;}
.join05 h3{ margin:74px auto 42px; overflow:hidden; text-align:center;}
.join05-a{ width:1200px;border:1px solid #9f9f9f; overflow:hidden; margin:0 auto;}
.join05-a ul{ width:1100px;  margin:40px auto;}
.join05-a ul li{ width:532px; float:left;  font-size:15px; color:#ffffff; line-height:34px;text-align: justify}
.join05-a ul li:nth-child(2n-1){margin-right: 30px;}
/*contact*/
.contact01{ width:100%; height:600px; background-color:#f7f7f7; overflow:hidden;}
.contact01 .mm{ width:1211px; margin:0 auto; overflow:hidden;}
.contact01 .mm .ll{ width:386px; height:542px; background:url(../img/contactbg1.png) no-repeat center; overflow:hidden; float:left;}
.contact01 .mm .ll h3{ width:264px; margin:10px auto 0; border-bottom:1px dashed #f1f1f1; font-size:14px; line-height:50px; text-align:center; color:#333333; font-weight:normal;}
.contact01 .mm .ll h3 span{ font-size:12px; line-height:22px; text-align:center; color:#999999; display:block; margin-bottom:15px;}
.contact01 .mm .rr{ width:812px; height:542px; background:url(../img/contactbg2.png) no-repeat center; overflow:hidden; float:right;}
.contact01 .mm .rr h3{ margin:107px auto 30px!important; text-align:center;!important;}
.contact01 .mm .rr form{ width:500px; margin:0 auto; overflow:hidden;}
.contact01 .mm .rr form .input_css2{ width:478px; height:42px; border:1px solid #cccccc; font-size:14px; color:#cccccc; line-height:42px; padding:0 10px; margin-bottom:11px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; display:block;}
.contact01 .mm .rr form .textarea_css{ width:478px; height:156px; border:1px solid #cccccc; font-size:14px; color:#cccccc; line-height:42px; padding:0 10px; margin-bottom:11px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; display:block;}
.contact01 .mm .rr form .button2{ width:86px; height:28px; margin:18px auto 0; font-size:14px; color:#FFF; line-height:28px; text-align:center; background-color:#be0000; display:block; border:none; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; cursor:pointer;}
.contact .rc{ width:100%; height:424px; background:url(../img/contact01.jpg) no-repeat center; overflow:hidden;}
.contact02{ width:100%; background-color:#f7f7f7; overflow:hidden;}
.contact02 .dd{ width:1212px; height:307px; margin:70px auto 56px; overflow:hidden; background:url(../img/contactbg3.png) no-repeat center;}
.contact02 .dd h3{ margin:108px auto 48px; text-align:center;}
.contact02 .dd ul{ width:1160px; margin:0 auto; height:52px; overflow:hidden;}
.contact02 .dd ul li{ width:83px; height:50px; border:1px solid #be0000; font-size:14px; color:#be0000; line-height:50px; text-align:center; float:left; margin:0 30px;}
.contact02 .dd ul li:hover{ background-color:#be0000; color:#FFF;}


/*首页banner样式*/
#swiper1 {width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
#swiper1 .swiper-slide {text-align: center;font-size: 18px;background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#swiper1 .swiper-pagination-bullet{width: 14px;height: 14px;opacity: .8;border: 2px solid #fff;background-color: transparent}
#swiper1 .swiper-pagination-bullet-active{opacity: 1;background-color:#fff;}
#swiper1 .swiper-container-horizontal>.swiper-pagination{bottom: 20px;}
/*首页banner样式---*/





/*footer*/

.member{color: transparent}
.member:hover{color:#fff}
/*footer end*/

