﻿@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'nssc_thin';
    font-style: normal;
    src: url('../fonts/NotoSansSC/NotoSansSC-Thin.woff2') format('woff2'), url(../fonts/NotoSansSC/NotoSansSC-Thin.woff) format('woff'), url(../fonts/NotoSansSC/NotoSansSC-Thin.otf) format('opentype');
}

@font-face {
    font-family: 'nssc_light';
    font-style: normal;
    src: url(../fonts/NotoSansSC/NotoSansSC-Light.woff2) format('woff2'), url(../fonts/NotoSansSC/NotoSansSC-Light.woff) format('woff'), url(../fonts/NotoSansSC/NotoSansSC-Light.otf) format('opentype');
}

@font-face {
    font-family: 'nssc_regular';
    font-style: normal;
    src: url(../fonts/NotoSansSC/NotoSansSC-Regular.woff2) format('woff2'), url(../fonts/NotoSansSC/NotoSansSC-Regular.woff) format('woff'), url(../fonts/NotoSansSC/NotoSansSC-Regular.otf) format('opentype');
}

@font-face {
    font-family: 'nssc_medium';
    font-style: normal;
    src: url(../fonts/NotoSansSC/NotoSansSC-Medium.woff2) format('woff2'), url(../fonts/NotoSansSC/NotoSansSC-Medium.woff) format('woff'), url(../fonts/NotoSansSC/NotoSansSC-Medium.otf) format('opentype');
}

@font-face {
    font-family: 'nssc_bold';
    font-style: normal;
    src: url(../fonts/NotoSansSC/NotoSansSC-Bold.woff2) format('woff2'), url(../fonts/NotoSansSC/NotoSansSC-Bold.woff) format('woff'), url(../fonts/NotoSansSC/NotoSansSC-Bold.otf) format('opentype');
}

@font-face {
    font-family: 'nssc_black';
    font-style: normal;
    src: url(../fonts/NotoSansSC/NotoSansSC-Black.woff2) format('woff2'), url(../fonts/NotoSansSC/NotoSansSC-Black.woff) format('woff'), url(../fonts/NotoSansSC/NotoSansSC-Black.otf) format('opentype');
}


@font-face {
    font-family: 'mazda_regular';
    font-style: normal;
    src: url(../fonts/MazdaType/MazdaType-Regular.woff2) format('woff2'), url(../fonts/MazdaType/MazdaType-Regular.woff) format('woff'), url(../fonts/MazdaType/MazdaType-Regular.otf) format('opentype');
}

@font-face {
    font-family: 'mazda_medium';
    font-style: normal;
    src: url(../fonts/MazdaType/MazdaType-Medium.woff2) format('woff2'), url(../fonts/MazdaType/MazdaType-Medium.woff) format('woff'), url(../fonts/MazdaType/MazdaType-Medium.otf) format('opentype');
}

@font-face {
    font-family: 'mazda_bold';
    font-style: normal;
    src: url(../fonts/MazdaType/MazdaType-Bold.woff2) format('woff2'), url(../fonts/MazdaType/MazdaType-Bold.woff) format('woff'), url(../fonts/MazdaType/MazdaType-Bold.otf) format('opentype');
}



html{font-size:62.5%;}
a{
	color:#7d7d7d;
	text-decoration:none;outline:none;transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;
}
a:hover
{
    color:#bf0000;
	text-decoration:none;outline:none;
}
a:focus{outline:none;text-decoration:none;}
.clear {
	clear:both;
	font-size:0px;
	line-height:0;
	height:0;
}
* html .clearfix {
	zoom: 1;
}
*:first-child+html .clearfix {
	zoom: 1;
}
.cell, .cell2, .cell3 {
	border-collapse:collapse;
	border-spacing:0;
}
.fl {
	float:left;}
.fr {
	float:right;}
.yh {
	}
a,img{border:0px;}

p{margin:0px;padding:0px;line-height:20px;}
i{margin:0px;padding:0px;font-style:normal;}
ul{margin:0px;padding:0px;list-style:none;}
ul li{margin:0px;padding:0px;list-style:none;}
br{margin:0px;padding:0px;}
.clearheight{width:100%;height:1px;overflow:hidden;}
input,select,textarea{font-family:nssc_regular;outline:none;}
input[type="text"]:disabled
{
background-color: #fff;
}
input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #969696;
}

input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #969696;
}

input:-ms-input-placeholder {
    color: #969696;
}

input::-webkit-input-placeholder {
    color: #969696;
}

input,button,textarea,select{appearance:none;-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;}
select::-ms-expand{display:none;}
/*loading*/


/*common*/

.wrap{width:100%;margin:0px auto;padding:0px;}
.wrap_c{margin:0px 12%;padding:0px;}
.wrap_nc{margin:0px 18%;padding:0px;}
.wrap_in{overflow:visible;margin:0px 40px;}

.animte_4{transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.animte_3{transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;}
.animte_2{transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;}

.text_wz{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.text_wz_lddj{text-align:justify;text-justify:inter-ideograph;}

.text_lineheight4{-webkit-box-orient:vertical;-webkit-line-clamp:4;text-overflow:ellipsis;display:-webkit-box;}


.sub_01{overflow:hidden;position:relative;}
.sub_01 img{width:100%;display:block;}
.sub_01 img.img2{display:none;}

.sub_01_slide{width:100%;overflow:hidden;}
.sub_01_slide .swiper-slide{width:100%;overflow:hidden;}


.top_c{width:100%;overflow:hidden;position:absolute;left:0px;top:30%;text-align:center;opacity:0;z-index:999;}
.top_c p{width:100%;overflow:hidden;color:#fff;}
.top_c p.p1{font-size:48px;line-height:60px;}
.top_c p.p2{font-size:18px;color:#fff;line-height:30px;font-weight:100;margin-top:10px;letter-spacing:10px;text-transform:uppercase;}
.top_c p.p3{font-size:16px;color:#fff;line-height:30px;font-weight:100;letter-spacing:10px;text-transform:uppercase;margin-top:10px;}
.top_c p.p6{font-size:16px;color:#a6a6a6;line-height:30px;font-weight:100;letter-spacing:10px;text-transform:uppercase;margin-top:10px;}
.top_c p.p4{text-align:center;margin-top:20px;}
.top_c p.p4 a{display:inline-block;line-height:50px;background-color:#fff;color:#000;padding:0px 60px;font-size:16px;font-weight:bold;}
.top_c p.p5{text-align:center;margin-top:20px;}
.top_c p.p5 a{width:200px;height:56px;display:inline-block;overflow:hidden;text-align:center;font-size:14px;color:#000;font-weight:bold;line-height:56px;background:url("../images/c_11.png") center no-repeat;background-size:100% 100%;}


.top_c1{width:100%;overflow:hidden;position:absolute;left:0px;top:25%;text-align:center;}
.top_c1 p{width:100%;overflow:hidden;color:#fff;}
.top_c1 p.p1{font-size:48px;line-height:60px;}
.top_c1 p.p2{font-size:18px;color:#fff;line-height:30px;font-weight:100;margin-top:10px;letter-spacing:10px;}
.top_c1 p.p3{font-size:16px;color:#fff;line-height:30px;font-weight:100;letter-spacing:10px;text-transform:uppercase;margin-top:10px;}
.top_c1 p.p4{text-align:center;margin-top:20px;}
.top_c1 p.p4 a{display:inline-block;line-height:50px;background-color:#fff;color:#000;padding:0px 60px;font-size:16px;font-weight:bold;}

.top_c2{width:100%;overflow:hidden;position:absolute;left:0px;top:40%;text-align:center;}
.top_c2 img{display:block;margin:0px auto;padding:0px;height:70px;width:auto;}

.top_b{width:100%;overflow:hidden;position:absolute;left:0px;bottom:15px;color:#fff;line-height:30px;}
.top_b a{float:left;font-size:14px;color:#fff;font-weight:100;}
.top_b i{float:left;font-family:SimSun;margin:0px 10px;font-weight:bold;}


.top_b1{width:100%;overflow:hidden;position:absolute;left:0px;bottom:85px;color:#fff;line-height:30px;z-index:999;}
.top_b1 a{float:left;font-size:14px;color:#fff;font-weight:100;}
.top_b1 i{float:left;font-family:SimSun;margin:0px 10px;font-weight:bold;}

.top_b2{width:100%;overflow:hidden;position:absolute;left:0px;bottom:75px;color:#fff;line-height:30px;z-index:999;}
.top_b2 a{float:left;font-size:14px;color:#fff;font-weight:100;}
.top_b2 i{float:left;font-family:SimSun;margin:0px 10px;font-weight:bold;}


.sub_02{overflow:hidden;line-height:50px;position:relative;height:50px;}
.sub_02 b.b1{width:100%;height:1px;display:block;overflow:hidden;background-color:#f3f3f3;position:absolute;left:0px;bottom:0px;}
.sub_02 .wrap_c{overflow:hidden;position:relative;z-index:990;}
.sub_02 .fl{line-height:50px;}
.sub_02 .fl a{font-size:15px;color:#010101}
.sub_02 .fl a i{font-family:SimSun;font-weight:bold;margin-right:10px;}
.sub_02 .fr{}
.sub_02 .fr ul li{overflow:hidden;float:left;margin-left:30px;}
.sub_02 .fr ul li a{display:inline-block;line-height:50px;position:relative;font-size:15px;color:#010101;}
.sub_02 .fr ul li.on a b{width:100%;height:1px;display:block;overflow:hidden;background-color:#010101;position:absolute;left:0px;bottom:0px;}


.btnfr{overflow:hidden;margin-top:60px;}
.btnfr img{width:100%;display:block;}
.mc-footer{margin-top:60px;}


.top_nav{width:100%;overflow:hidden;position:absolute;left:0px;bottom:0px;height:70px;line-height:70px;text-align:center;background-color:rgba(0,0,0,0.5);z-index:999;}
.top_nav a{display:inline-block;width:200px;text-align:center;font-size:18px;color:#fff;}
.top_nav a.on{background-color:#2b2b2b;}


.temp_01{overflow:hidden;}
.temp_01 img{width:100%;display:block;}



.app-topbar{left:0px;top:0px;z-index:99999;width:100%;position:relative;overflow:hidden;}



.sel_lay{opacity:0;}
.sel_lyfr{width:100%;position:absolute;left:0px;top:0px;z-index:990;background-color:#fff;}
.sel_lyfr .sel_ly_t{width:100%;overflow:hidden;border:1px solid #2b2b2b;font-size:16px;text-indent:10px;background:url("../images/c_06.jpg") 96% center no-repeat;cursor:pointer;}
.sel_lyfr .sel_ly_c{width:100%;overflow:hidden;border:1px solid #2b2b2b;border-top:1px solid #fff;position:absolute;left:0px;top:0px;background-color:#fff;padding:0px 0px;display:none;}
.sel_lyfr .sel_ly_c p{overflow:hidden;width:auto;display:block;}
.sel_lyfr .sel_ly_c p a{width:100%;display:block;overflow:hidden;color:#2b2b2b;padding:0px 10px;line-height:30px;color:#2b2b2b;font-size:14px;}
.sel_lyfr .sel_ly_c p a:hover{background-color:#f2f2f2;}
.sel_lyfr:hover{z-index:999;}

.sel_lyfr1{width:100%;position:absolute;left:0px;top:0px;z-index:990;background-color:#fff;}
.sel_lyfr1 .sel_ly1_t{width:100%;overflow:hidden;font-size:16px;text-indent:10px;background:url("../images/c_06.jpg") 96% center no-repeat;cursor:pointer;}
.sel_lyfr1 .sel_ly1_c{width:100%;overflow:hidden;border-top:1px solid #fff;position:absolute;left:0px;top:0px;background-color:#fff;padding:0px 0px;display:none;}
.sel_lyfr1 .sel_ly1_c p{overflow:hidden;width:auto;display:block;}
.sel_lyfr1 .sel_ly1_c p a{width:100%;display:block;overflow:hidden;color:#2b2b2b;padding:0px 10px;line-height:30px;color:#2b2b2b;font-size:14px;}
.sel_lyfr1 .sel_ly1_c p a:hover{background-color:#f2f2f2;}
.sel_lyfr1:hover{z-index:999;}




.pages{width:100%;overflow:hidden;text-align:center;margin-top:40px;line-height:30px;font-size:14px;color:#333;}
.pages a{display:inline-block;width:auto;height:30px;border:1px solid #e9e9e9;text-align:center;line-height:30px;margin:0px 5px;padding:0px 12px;background-color:#fff;color:#333;}
.pages a.on{background-color:#000;color:#fff;border:1px solid #000;}
.pages a:hover{background-color:#000;color:#fff;border:1px solid #000;}
.pages i{height:30px;line-height:30px;background-color:#fff;border:1px solid #e9e9e9;display:inline-block;padding:0px 12px;}



.msg_01{overflow:hidden;padding:120px 0px;text-align:center;}
.msg_01 .msg_01fr{overflow:hidden;width:533px;margin:0px auto;padding:0px;}
.msg_01 .msg_01fr p{width:100%;overflow:hidden;}
.msg_01 .msg_01fr p.p1{text-align:center;}
.msg_01 .msg_01fr p.p1 em{display:inline-block;overflow:hidden;}
.msg_01 .msg_01fr p.p1 img{height:80px;display:block;float:left;}
.msg_01 .msg_01fr p.p1 i{display:inline-block;float:left;margin-left:40px;text-align:left;}
.msg_01 .msg_01fr p.p1 i span{width:100%;display:block;overflow:hidden;font-size:16px;color:#333;line-height:30px;}
.msg_01 .msg_01fr p.p1 i span.sp1{margin-top:10px;}
.msg_01 .msg_01fr p.p2{text-align:left;margin-top:20px;}
.msg_01 .msg_01fr p.p2 a{display:inline-block;line-height:50px;padding:0px 40px;border:1px solid #eee;border-radius:10px;font-size:14px;color:#191919;margin-left:40px;}
.msg_01 .msg_01fr p.p2 a.a1{margin-left:130px;background-color:#191919;color:#fff;border:1px solid #191919;}


.msg2fr{overflow:hidden;width:100%;height:100%;position:fixed;left:0px;top:0px;z-index:9999999;display:none;}
.msg2fr .msg2_bg{width:100%;height:100%;overflow:hidden;position:absolute;left:0px;top:0px;background-color:rgba(0,0,0,0.5);}
.msg2fr .msg2_c{width:500px;overflow:hidden;background-color:#fff;border-radius:10px;position:absolute;left:50%;top:50%;margin-left:-250px;}
.msg2fr .msg2_c .msg2c_t{width:100%;overflow:hidden;border-bottom:1px solid #dfdfdf;line-height:50px;position:relative;}
.msg2fr .msg2_c .msg2c_t span{font-size:16px;color:#222;float:left;margin-left:20px;}
.msg2fr .msg2_c .msg2c_t a{width:15px;height:50px;display:block;overflow:hidden;background:url("../images/close.jpg") center no-repeat;background-size:100%;position:absolute;right:20px;top:0px;}
.msg2fr .msg2_c .msg2c_c{overflow:hidden;margin:20px;text-align:center;}
.msg2fr .msg2_c .msg2c_c p{}
.msg2fr .msg2_c .msg2c_c p.p1{text-align:center;line-height:50px;font-size:16px;color:#222;margin-top:20px;}
.msg2fr .msg2_c .msg2c_c p.p1 em{display:inline-block;font-style:normal;}
.msg2fr .msg2_c .msg2c_c p.p1 em img{height:50px;display:block;float:left;margin-right:20px;}
.msg2fr .msg2_c .msg2c_c p.p2{margin-top:40px;}
.msg2fr .msg2_c .msg2c_c p.p2 a{display:inline-block;line-height:40px;padding:0px 30px;border:1px solid #eee;border-radius:10px;font-size:14px;color:#191919;margin:0px 20px;}
.msg2fr .msg2_c .msg2c_c p.p2 a.a1{background-color:#191919;color:#fff;border:1px solid #191919;}


.msg3fr{overflow:hidden;width:100%;height:100%;position:fixed;left:0px;top:0px;z-index:9999999;display:none;}
.msg3fr .msg2_bg{width:100%;height:100%;overflow:hidden;position:absolute;left:0px;top:0px;background-color:rgba(0,0,0,0.5);}
.msg3fr .msg2_c{width:500px;overflow:hidden;background-color:#fff;border-radius:10px;position:absolute;left:50%;top:50%;margin-left:-250px;}
.msg3fr .msg2_c .msg2c_t{width:100%;overflow:hidden;border-bottom:1px solid #dfdfdf;line-height:50px;position:relative;}
.msg3fr .msg2_c .msg2c_t span{font-size:16px;color:#222;float:left;margin-left:20px;}
.msg3fr .msg2_c .msg2c_t a{width:15px;height:50px;display:block;overflow:hidden;background:url("../images/close.jpg") center no-repeat;background-size:100%;position:absolute;right:20px;top:0px;}
.msg3fr .msg2_c .msg2c_c{overflow:hidden;margin:20px;text-align:center;}
.msg3fr .msg2_c .msg2c_c p{}
.msg3fr .msg2_c .msg2c_c p.p1{text-align:center;line-height:50px;font-size:16px;color:#222;margin-top:20px;}
.msg3fr .msg2_c .msg2c_c p.p1 em{display:inline-block;font-style:normal;}
.msg3fr .msg2_c .msg2c_c p.p1 em img{height:50px;display:block;float:left;margin-right:20px;}
.msg3fr .msg2_c .msg2c_c p.p2{margin-top:40px;}
.msg3fr .msg2_c .msg2c_c p.p2 a{display:inline-block;line-height:40px;padding:0px 30px;border:1px solid #eee;border-radius:10px;font-size:14px;color:#191919;margin:0px 20px;}
.msg3fr .msg2_c .msg2c_c p.p2 a.a1{background-color:#191919;color:#fff;border:1px solid #191919;}


.top_b_nav{overflow:hidden;position:absolute;left:0px;bottom:0px;background-color:rgba(0,0,0,0.5);text-align:center;width:100%;}
.top_b_nav ul{display:inline-block;font-size:0;}
.top_b_nav ul li{display:inline-block;}
.top_b_nav ul li a{font-size:16px;color:#fff;padding:0px 100px;line-height:60px;display:inline-block;}
.top_b_nav ul li.on a{background-color:#2b2b2b;}



.job_04{overflow:hidden;margin-top:40px;text-align:center;font-family:mazda_regular;}
.job_04 a{display:inline-block;margin:0px 10px;font-family:SimSun;width:30px;height:30px;text-align:center;line-height:30px;border:1px solid #000;border-radius:50%;font-weight:bold;color:#000;}
.job_04 a:hover{background-color:#000;color:#fff;}
.job_04 span{display:inline-block;margin:0px 5px;font-size:14px;color:#000;}
.job_04 span i{color:#000;font-weight:bold;}


.sub_01_1{width:100%;overflow:hidden;position:absolute;left:0px;top:50%;z-index:999;margin-top:-90px;}
.sub_01_1 img{height:160px;display:block;width:auto;}


.spxq_01{overflow:hidden;padding:20px 0px;line-height:30px;}
.spxq_01 a{float:left;color:#000;}
.spxq_01 i{float:left;margin:0px 10px;color:#000;}

.spxq_01_fff{background-color:#fff;}


.top_nav_pc{}
.top_nav_wap{width:100%;overflow:hidden;display:none;position:absolute;left:0px;bottom:0px;height:50px;line-height:50px;text-align:center;background-color:rgba(0,0,0,0.5);z-index:999;}
.top_nav_wap a{display:inline-block;width:130px;text-align:center;font-size:16px;color:#fff;}
.top_nav_wap a.on{background-color:#2b2b2b;}
.top_nav_wap .swiper-slide{width:150px;float:left;overflow:hidden;}

/*公司简介*/
#index .index-about {
  width: 100%;
  background: #fff url(../img/abb1.jpg) no-repeat center center;
  background-size:cover;
  padding: 85px 0 85px 0; }
  #index .index-about .container > .left {
    width: 100%;
    display: inline-block;
    float: left; }
    #index .index-about .container > .left .logo {
      margin-top: 20px; }
    #index .index-about .container > .left .en {
      width: 185px;
      clear: both;
      margin-top: 18px; }
      #index .index-about .container > .left .en img {
        width: 100%;
        height: auto; }
    #index .index-about .container > .left .cn {
      width: 100%;
      display: flex;
      align-items: center;
      margin-top: 15px;
      font-family: "PingFang", "PingFang SC", "syhtM";
      font-weight: 700px;
      white-space: nowrap; }
      #index .index-about .container > .left .cn span {
        display: inline-block;
        font-size: 32px;
        height: 32px;
        line-height: 32px;
        color: #333; }
      #index .index-about .container > .left .cn i {
        display: inline-block;
        width: 76px;
        height: 1px;
        background-color: #032a6e;
        margin-left: 20px; }
    #index .index-about .container > .left .numbers {
      width: 100%;
      display: flex;
      justify-content: space-between; }
      #index .index-about .container > .left .numbers .item {
        width: 25%; }
        #index .index-about .container > .left .numbers .item .top-small {
          width: auto;
		   margin-bottom:15px;
          white-space: nowrap;
          font-size: 16px;
          height: 16px;
		   margin-top:15px;
		    text-align:center;
          line-height: 16px;
          color: #808080;
          clear: both; }
        #index .index-about .container > .left .numbers .item .bot-text {
          height: 56px;
          margin-top: 10px;
          white-space: nowrap;
		   text-align:center; }
          #index .index-about .container > .left .numbers .item .bot-text span {
            display: inline-block;
            color: #4c4c4c; }
          #index .index-about .container > .left .numbers .item .bot-text .num {
            font-size: 54px;
            height: 54px;
            line-height: 54px;
            font-family: 'impact'; }
          #index .index-about .container > .left .numbers .item .bot-text .plus {
            font-size: 54px;
            height: 54px;
            line-height: 54px;
            font-family: 'impact'; }
          #index .index-about .container > .left .numbers .item .bot-text .small {
            height: 19px; }
      #index .index-about .container > .left .numbers .item:last-child {
        width: 25%; }
    #index .index-about .container > .left .content {
      width: 100%;
      text-align: justify;
      font-size: 14px;
      line-height: 30px;
      color: #4c4c4c;
      margin-top: 40px;
	  margin-bottom:40px;
      }
	  #index .index-about .container > .left .content p{ line-height:36px; font-size:16px; color:#333; text-align:center;}
      #index .index-about .container > .left .content img {
        max-width: 100%; }
    #index .index-about .container > .left .readmore {
      margin-top: 50px; }
  #index .index-about .container > .right {
    width: 45%;
    display: inline-block;
	 height:auto;
    float: right;
    position: relative; }
    #index .index-about .container > .right .bg {
      width: 95.23%;
      height: 410px;
      background-image: url("../img/13.png");
      position: absolute;
      top: 34px;
      right: 0;
      z-index: 1;
      background-repeat: no-repeat;
      background-size: cover; }
    #index .index-about .container > .right .img {
      width: 95.23%;
      height: 410px;
      background-position: center center;
      background-size: cover;
      position: relative;
      z-index: 2; }
      #index .index-about .container > .right .img i {
        width: 61px;
        height: 61px;
        display: block;
        background-image: url("../img/ipart04_3.png");
        background-size: 100% 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        cursor: pointer;
        z-index: 3;
        transition: transform 0.3s; }
        #index .index-about .container > .right .img i:hover {
          transform: translateX(-50%) translateY(-50%) rotate(-120deg);
          -webkit-transform: translateX(-50%) translateY(-50%) rotate(-120deg);
          -moz-transform: translateX(-50%) translateY(-50%) rotate(-120deg);
          -o-transform: translateX(-50%) translateY(-50%) rotate(-120deg);
          -ms-transform: translateX(-50%) translateY(-50%) rotate(-120deg); }
.index-about .container{ max-width:1600px; width:100%; display:block; margin:0 auto;}
.zho{ margin:0 auto; text-align:center;}
.readmore {
  width: 210px;
  height: 54px;
  border: 1px solid #bf0000;
  display: inline-flex;
  align-items: center;
  border-radius:30px;
  justify-content: center;
  position: relative;
  transition: all 0.3s; }
  .readmore span {
    display: inline-block;
    font-size: 16px;
    color: #fff;
	
    position: relative;
    z-index: 9;
    transition: all 0.3s; }
  .readmore .arrow {
    display: inline-block;
    width: 74px;
    height: 14px;
    background-image: url("../img/10.png");
    background-size: auto 100%;
    background-position: right center;
    margin-left: 24px;
    position: relative;
    z-index: 9;
    transition: all 0.3s; }
  .readmore .block {
    display: block;
    width: 100%;
    height: 100%;border-radius:27px;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s;
    background-color: #bf0000; }

.readmore:hover {
  border: 1px solid #bf0000;border-radius:30px; }
  .readmore:hover span {
    color: #fff; }
  .readmore:hover .arrow {
    background-image: url("../img/09.png"); }
  .readmore:hover .block {
    width: 100%;
    background-color: #b00000; }

/*产品*/
.pbg{font-size: 40px;
	margin-bottom: 35px;
	text-align: center;
	color: #333333;
	
	background: url(../img/pbg1.png) no-repeat bottom center;
	padding-bottom: 30px;}

.indNav1{ text-align:center; padding:50px 0}
.indNav1 i{color:#562c18;display:inline-block}
.indNav1 h1{font-size:30px; line-height:30px;}
.indNav1 h2{ font-size:17px; line-height:17px; padding:18px 0 0 0}
.boxMax{ width:100%; max-width:1600px;  box-sizing:border-box;  margin:0 auto}

@keyframes Amore{0%{top:70%;}100%{top:50%;}}
.indBus{background:url(../img/bgIndBus.jpg) top center no-repeat; padding:50px 0;}
.indBusList{ font-size:0; text-align:center}
.indBusList a{ width:33.3%; display:inline-block; background:url(../img/bgWhite.png);}
.indBusList a:nth-child(even){ background:#fff}
.indBusList a div{ height:363px;}
.indBusList a h1{ padding:60px 0 0 0;margin:0;}
.indBusList a h1 img{width:128px; height:128px}
.indBusList a h2{ font-size:28px; line-height:50px; margin:0; font-weight:normal;}
.indBusList a h3{ display:inline-block; width:110px; height:2px; background:#65c236; margin:10px 0;}
.indBusList a h4{ font-size:16px; line-height:26px; padding:0 20px;margin:0; font-weight:normal;}
.indBusList a span{width:100%; overflow:hidden; position:relative; display:block; background:rgba(0,0,0,.8);}
.indBusList a span i{ position:absolute; left:50%; top:50%; margin:-25px 0 0 -90px; display:block; width:180px; line-height:50px; background:#fff; color:#65c236; font-size:14px; display:none; z-index:1;animation:Amore 1s;}
.indBusList a span img{width:100%;transition:transform 1s;}
.indBusList a:hover span img{transform:scale(1.2);opacity:0.8;}
.indBusList a:hover i{display:block;}

/*new*/
.application {
	width: 100%;
	margin-top:20px;
	
	padding-left: 0;
	padding-right: 0;
}
.application .title {
	font-size: 38px;
	height: 50px;
	line-height: 50px;
	margin-top: 50px;
	margin-bottom: 20px;
	text-align: center;
	color: #c30813;
}
.application .title1 {
	margin: auto;
	font-size: 12px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin-bottom: 20px;
	position: relative;
	/* width: 670px; */
}
.application .title1 span {
	width: 110px;
	/* float: left; */
	padding:3px 20px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	border-right: 1px solid #ccc;
	cursor: pointer;
}
.application .title1 span a{ font-size:16px; color:#333; line-height:40px;}


.application .title1 span:last-child{ border:none;}

.application .title1 span:hover {
	color: #fff;
	background: #313131;
}
.application .title1 span:hover a{ color:#fff;}
.main_case {
	width: 100%;
	padding: 30px 0 60px 0;
}
.main_case_img {
	position: relative;
}
.main_case_imgs {
	width: 100%;
	height: 100%;
	position: absolute; top: 0; left: 0;
	display: none;
}
.case_img1 {
	background: url(../images/index_grop1.jpg) center no-repeat;
	background-size: cover;
	display: block;
}
.case_img2 {
	background: url(../images/index_grop2.jpg) center no-repeat;
	background-size: cover;
}
.case_img3 {
	background: url(../images/index_grop3.jpg) center no-repeat;
	background-size: cover;
}
.case_img4 {
	background: url(../images/index_grop4.jpg) center no-repeat;
	background-size: cover;
}
.case_img5 {
	background: url(../images/index_grop5.jpg) center no-repeat;
	background-size: cover;
}
.case_img6 {
	background: url(../images/index_grop6.jpg) center no-repeat;
	background-size: cover;
}
.main_case_zi {
	width: 100%;
}
.main_case_zi > ul {
	padding: 0;
	margin: 0;
}
.main_case_zi > ul > li {
	height: 80px;
	position: relative; z-index: 2;
	cursor: pointer;
}
.main_case_zi > ul > li:before {
	background: #fff;
	content: '';
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	z-index: -1;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.case_on {
	z-index: 3 !important;
}
.case_on:before {
	top: -16px !important;
	left: 0px !important;
	
	background:url(../img/newsbei.jpg) no-repeat center center !important;
	background-size:cover !important;
}
.main_case_zi > ul > li:nth-child(1):before { background-color: #f2f2f2; }
.main_case_zi > ul > li:nth-child(2):before { background-color: #fafafa; }
.main_case_zi > ul > li:nth-child(3):before { background-color: #f2f2f2; }
.main_case_zi > ul > li:nth-child(4):before { background-color: #fafafa; }
.main_case_zi > ul > li:nth-child(5):before { background-color: #f2f2f2; }
.main_case_zi > ul > li:nth-child(6):before { background-color: #fafafa; }
.case_sp1 {
	display: inline-block;
	width: 20%;
	text-align: center;
	border-right: 1px solid #cccccc;
	position: relative;
}
.case_sp1 span {
	display: inline-block;
	font-size: 12px;
	color: #333;
	line-height: 80px;
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	-webkit-opacity: 1;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.case_sp1 .time{ display:block; line-height:40px; font-size:26px; color:#333;}
.case_sp1 .time1{ display:block; line-height:40px; font-size:14px; color:#333;}
.case_on .time1{ display:none;}
.case_on .time{ display:inline; line-height:80px;}
.case_sp1 .timebox{ display:inline-block;}

.case_sp1 img {
	position: absolute; top: 10px; left: 50%;
	margin-left: -30px;
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	-webkit-opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.case_on .case_sp1 {
	border-right: 1px solid #fff;
}
.case_on .case_sp1 span {
	color: #333 !important;
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	-webkit-opacity: 0;
}
.case_on .case_sp1 img {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	-webkit-opacity: 1;
}
.case_sp2 {
	display: inline-block;
	width: 78%;
	padding-left: 30px;
	position: relative;
}
.case_sp2 h5 {
	font-size: 16px;
	white-space:nowrap;
	text-overflow:ellipsis;
	 overflow:hidden;
	 width:85%;
	margin: 0;
	color: #333;
	position:absolute; top: -34px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.case_sp2 p {
	font-size: 14px;
	margin: 0;
	letter-spacing: 1px;
	height: 36px;
	overflow: hidden;
	color: #666;
	position: absolute;
	top: -4px;
	left: 30px;
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	-webkit-opacity: 0;
}
.case_on .case_sp2 h5 {
	color: #fff;
	top: -42px;
}
.case_on .case_sp2 p {
	opacity: 1;
	white-space:nowrap; text-overflow:ellipsis;
	overflow:hidden;
	width:90%;
	color:#fff;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	-webkit-opacity: 1;
}
.clm {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.clp {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.row:after{ content:''; display:block; clear:both;}

@media (min-width: 768px) {

.col-sm-7 {
    width: 58.33333333%; float:left;
  }
  .col-sm-6 {
    width: 50%;float:left;
  }
  .col-sm-5 {
    width: 41.66666667%;float:left;
  }
	
	
}

/*大地牧业*/
#mainCompany .main-subtit{ font-size:18px; color:#333; margin-top:15px;}


#mainCompany {
	padding: 80px 0;
	background: url(../img/main_company_bg_1.jpg) no-repeat center top;
	margin-top:30px;
	
}
.main-company-container{ margin-top:120px;}
.main-subtit{ text-align:center;}


.main-comapany-list .slick-prev,
.main-comapany-list .slick-next {
	width: 48px;
	height: 48px;
	position: absolute;
	top: 50%;
	margin-top: -24px;
	z-index: 99;
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	-o-transition: all 0.35s;
	-ms-transition: all 0.35s;
	transition: all 0.35s;
	opacity: 0.3;
	filter: Alpha(opacity=30);
}

.main-comapany-list .slick-prev {
	left: -4%;
}

.main-comapany-list .slick-next {
	right: -4%;
}

.main-comapany-list .slick-prev:hover,
.main-comapany-list .slick-next:hover {
	opacity: 1.0;
	filter: Alpha(opacity=100);
}

.main-comapany-list .slick-track:after{ display:block; content:''; clear:both;}

.main-comapany-list li {
	text-align: center;
	float:left;
	width:24%; margin:0 0.5%;
}

.main-company-img-thum {
	display: inline-block;
	overflow: hidden;
	max-width: 380px;
	max-height:380px;
	position: relative;
}

.main-company-img-thum img {
	max-width: 100%;
	display: block;
	margin: 0px auto;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
	-ms-transform: scale(1.0);
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	-o-transform: scale(1.0);
	transform: scale(1.0);
}

.main-company-tit {
	position: absolute;
	
	width: 100%;
	font-size: 24.5px;
	line-height: 43.75px;
	color: #fff;
	letter-spacing: -0.75px;
	text-align: center;
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	-o-transition: all 0.35s;
	-ms-transition: all 0.35s;
	transition: all 0.35s;
	top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
}
.main-company-tit p{ margin-top:15px;}
.companybox {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	
	filter: Alpha(opacity=0);
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	-o-transition: all 0.35s;
	-ms-transition: all 0.35s;
	transition: all 0.35s;
	text-align: center;
	background: rgba(0, 0, 0, 0.2);
}

.main-company-cover {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	opacity: 0;
	filter: Alpha(opacity=0);
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	-o-transition: all 0.35s;
	-ms-transition: all 0.35s;
	transition: all 0.35s;
	text-align: center;
	background: rgba(0, 0, 0, 0.5);
}

.main-company-cover-inner {
	position: relative;
	top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
}

.main-company-detail-tit,
.main-company-txt,
.main-company-detail-btn {
	position: relative;
	-ms-transform: translateY(30px);
	-webkit-transform: translateY(30px);
	-moz-transform: translateY(30px);
	-o-transform: translateY(30px);
	transform: translateY(30px);
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	-o-transition: all 0.35s;
	-ms-transition: all 0.35s;
	transition: all 0.35s;
}

.main-company-detail-tit {
	font-size: 30px;
	line-height: 50px;
	color: #fff;
	letter-spacing: -0.75px;
	font-weight: 400;
	margin-bottom: 10px;
}

.main-company-txt {
	font-size: 16px;
	line-height: 24px;
	max-width: 94%;
	margin: 0px auto;
	word-break: keep-all;
	color: #fff;
	color: #f0f0f0;
	letter-spacing: -0.75px;
	font-weight: 300;
	margin-bottom: 10%;
}

.main-company-detail-btn {
	width: 153px;
	height: 46px;
	border: 1px solid #fff;
	border: 1px solid rgba(255, 255, 255, 0.5);
	color: #fff;
	background:none;
	font-size: 16px;
	line-height: 46px;
}

.main-company-detail-btn i {
	vertical-align: middle;
}

.main-comapany-list li:hover .main-company-img-thum img {
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.main-comapany-list li:hover .main-company-tit {
	opacity: 0;
	filter: Alpha(opacity=0);
}

.main-comapany-list li:hover .main-company-cover {
	opacity: 1.0;
	filter: Alpha(opacity=100);
}

.main-comapany-list li:hover .main-company-detail-tit,
.main-comapany-list li:hover .main-company-txt,
.main-comapany-list li:hover .main-company-detail-btn {
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

/*产品分块*/
/*第三个*/

.left50,
.right50 {
	width: 50%;
	height: 100%;
	/* position: relative; */
	/* direction: inherit; */
}

.left50 {
	float: left;
	background: #d20000;
	height:940px;
	background:url(../img/zhuang1.jpg) no-repeat center center; background-size:cover;
}

.right50 {
	float: right;
	background: #d20000;
	background: #222222;
	height:940px;
	background:url(../img/zhuang2.jpg) no-repeat center center; background-size:cover;
}
.right50 .in_slide{
	height: 50%;
}
.section3 .text {
	float: left;
	width: 50%;
}

.left50 .in_slide{/* position: static; *//* padding:0; */}
.left50 .in_slide .ju{
	/* position: absolute; */
	/* top: 50%; */
	/* transform: translateY(-50%); */
	width:100%;
	left:5%;
	height: 100%;
}

.right50 .in_slide .ju{
	/* position: absolute; */
	/* top: 50%; */
	/* transform: translateY(-50%); */
}

.section3 .fp-slidesNav {
	display: none;
}

.fp_bottom {
	width: 100%;
	height: 65px;
	position: absolute;
	bottom: -65px;
	left: 0;
	cursor: pointer;
	background: rgba(34, 34, 34, 0.2);
	color: #fff;
	font-size: 18px;
	line-height: 65px;
}

.left50:hover .fp_bottom,
.right50:hover .fp_bottom {
	bottom: 0;
}

.fp_bottom span {
	position: relative;
	display: inline-block;
	width: auto;
	height: 100%;
}

.fp_bottom span i {
	width: 9px;
	height: 16px;
	position: absolute;
	top: 50%;
	margin-top: -8px;
	background-image: url(../Images/fp_bottom-btn.png);
	background-repeat: no-repeat;
}

.left50 .fp_bottom span {
	float: right;
	margin-right: 120px;
}

.left50 .fp_bottom:hover span {
	margin-right: 140px;
}

.left50 .fp_bottom span i {
	background-position: 0 0;
	left: -22px;
}

.right50 .fp_bottom span {
	float: left;
	margin-left: 120px;
}

.right50 .fp_bottom:hover span {
	margin-left: 140px;
}

.right50 .fp_bottom span i {
	background-position: -11px 0;
	right: -22px;
}

.in_slide {
	width: 100%;
	/* height: 100%; */
	/* position: relative; */
	/* overflow: hidden; */
	box-sizing: border-box;
	padding: 0 8%;
	color: #a7a7a7;
}

.right50 i {
	display: block;
	width: 80%;
	margin: 0 auto !important;
	height: 1px;
	border-bottom: 1px dashed #737373;
}

.in_slide h1 {
	font-size: 42px;
	color: #fff;
	padding-top: 60px;
	padding-bottom: 8px;
	margin:0;
	
}

.in_slide h2 {
	font-size: 30px;
	line-height: 30px;
	color: #fff;
	font-weight: normal;
	margin:0;
	padding-bottom: 13px;
	position: relative;
}

.in_slide h2 i {
	position: absolute;
	display: inline-block;
	width: 23px;
	height: 3px;
	left: 3px;
	bottom: 0;
	background: #fff;
}

.in_slide li {
	box-sizing: border-box;
	padding: 42px 0 30px 0;
	position: relative;
	overflow: hidden;
	margin-bottom: 28px;
	display:block;
}

.left50 .in_slide li {
	padding-right: 380px;
}

.in_slide li h5 {
	font-size: 18px;
	font-weight: normal;
	padding-bottom: 10px;
}

.in_slide li p {
	font-size: 14px;
	line-height: 24px;
	color: #FFFFFF;
	margin-bottom: 20px;
}

.bg_inli {
	width: 330px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	background-repeat: no-repeat;
	background-position: center;
}

a.slidea {
	color: #FFFFFF;
	padding-left: 20px;
	margin-left: 0;
	background: url(../img/moree.png) no-repeat 0 center;
}

a.slidea:hover {
	margin-left: 10px;
	color: #A7A7A7;
}

.right50 .in_slide {
	color: #fff;
}

.right50 a.slidea {
	color: #fff;
	color: #a7a7a7;
}

.right50 a.slidea:hover {
	color: #FFFFFF;
}

.one_centerimg {
	display: none;
	margin: 100px auto 0 auto;
	
}

.fp-slide:after{ display:block; content:''; clear:both;}
.fp-slide{
	position: relative;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	overflow: hidden;
	}




/*产品分块结束*/
/*服务领域开始*/
.section5 {
  padding: 4.5vw 0 6vw;
  background: #fff;
  position: relative;
  z-index: 2;
}
.section5 .main {
  margin-top: 45px;
  position: relative;
  margin-bottom:35px;
}
.section5 .img_slick .item {
  padding: 0 1.7vw;
}
.section5 .img_slick .item .box {
  position: relative;
  opacity: .2;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  overflow: hidden;
}
.section5 .img_slick .item .box img {
  width: 100%;
  display: block;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.section5 .img_slick .item .box h3,.section5 .img_slick .item .box p,.section5 .img_slick .item .box a {
  display: none;
}

.section5{ position:relative;}
.section5 .btn {
  width: 60px;
  height: 60px;
  background-color: #c6c6c6;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 49%;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  transition: all 500ms ease;
  cursor: pointer;
  opacity: 1;
}


.section5 .img_slick .swiper-slide-active .box {
  opacity: 1;
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -ms-filter: grayscale(0);
  filter: grayscale(0);
}
.section5 .img_slick .slick-center .box:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.section5 .img_slick .slick-dots {
  font-size: 0;
  text-align: center;
  margin-top: 45px;
  width:100%;
}
.section5 .img_slick .slick-dots span {
  display: inline-block;
  vertical-align: top;
  width: 16px;
  height: 16px;
  border-radius: 50%;
 
  margin: 0 10px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  transition: all 500ms ease;
  cursor: pointer;
}
.section5 .img_slick .slick-dots li:hover {
  background-color: #ffca00;
}
.section5 .img_slick .slick-dots li.slick-active {
  background-color: #ffca00;
}
.section5 .img_slick .slick-dots button {
  display: none;
}
.section5 .txt_slick {
  width: 20vw;
  background-color: #fff;
  position: absolute;
  bottom: -2vw;
  right: 22vw;
  padding: 3.5vw 2.5vw 3.5vw 0;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
}
.section5 .txt_slick:before {
  content: '';
  width: 60px;
  height: 2px;
  background-color: #bf0000;
  position: absolute;
  top: calc(3.5vw + 16px);
  left: -30px;
}
.section5 .txt_slick .item {
  padding-bottom: 3vw;
  padding-left: 2.5vw;
}
.section5 .txt_slick .item h3 {
  font-size: 30px;
  color: #333;
 
  line-height: 1;
}
.section5 .txt_slick .item p {
  font-size: 16px;
  line-height: 32px;
  color: #1a1a1a;
  margin: 20px 0 40px;
}
.section5 .txt_slick .item a {
  display: block;
  width: 200px;
  line-height: 48px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  background-color: #bf0000;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.section5 .txt_slick .item a:hover {
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
}
.section5 .txt_slick .number {
  text-align: center;
  font-size: 24px;
  color: #bfbfbf;
  
}
.section5 .txt_slick .number span {
  padding: 0 5px;
}
.section5 .txt_slick .number span.curr {
  color: #bf0000;
  font-size: 40px;
}
.section5 .btn {
  width: 60px;
  height: 60px;
  background-color: #c6c6c6;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  transition: all 500ms ease;
  cursor: pointer;
  opacity: 0;
}
.section5 .btn.prev {
  left: 9vw;
  background-image: url("../img/prev_2.png");
}
.section5 .btn.next {
  right: 9vw;
  background-image: url("../img/next_2.png");
}
.section5 .btn.show {
  opacity: 1;
}
.section5 .btn:hover {
  background-color: #bf0000;
}


/*服务领域结束*/

/*新闻开始*/
.index_main .section4{background: #f5f5f5 url(../img/newbei.jpg) no-repeat center center; overflow: hidden; position: relative; background-size:cover;}
.index_main .section4 .left{width: 42%; padding: 0 80px; position: absolute; top: 50%; left: 0; margin-top: -218px;}
.index_main .section4 .left h3{font-size: 36px; color: #444;}
.index_main .section4 .left h3:before{content: ''; display: inline-block; vertical-align: middle; margin: -5px 10px 0 0; width: 25px; height: 22px; background: url(../img/index_icon4.png) center no-repeat; background-size: contain;}
.index_main .section4 .left .slick{margin: 60px 0;}
.index_main .section4 .left .slick h4{font-size: 22px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.index_main .section4 .left .slick h4 a{color: #444; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.index_main .section4 .left .slick h4 a:hover{color: #bf0000;}
.index_main .section4 .left .slick p{font-size: 16px; color: #777; line-height: 26px; height: 78px; overflow: hidden; text-align: justify; margin-top: 35px;}
.index_main .section4 .left .btns{margin-top: 65px;}
.index_main .section4 .left .common_btn{width: 8px; height: 14px; display: inline-block; background-position: center; background-repeat: no-repeat; background-size: contain; -webkit-transition: all 500ms ease; transition: all 500ms ease; cursor: pointer;}
.index_main .section4 .left .btns span{display: inline-block; margin: 0 10px; font-size: 12px; color: #d4d4d4; vertical-align: top;}
.index_main .section4 .left .left_btn{background-image: url(../img/left_icon1.png);}
.index_main .section4 .left .right_btn{background-image: url(../img/right_icon1.png);}
.index_main .section4 .left .left_btn:hover{background-image: url(../img/left_icon3.png);}
.index_main .section4 .left .right_btn:hover{background-image: url(../img/right_icon3.png);}
.index_main .section4 .left .more{margin-top: 70px;}
.index_main .section4 .left .more a{display: inline-block; color: #bf0000; line-height: 30px; border-bottom: 2px solid #bf0000; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.index_main .section4 .left .more a:hover{background: #bf0000; color: #fff; padding: 0 10px;}
.index_main .section4 .right{width: 58%; float: right; overflow: hidden; height:auto; background:none;}
.index_main .section4 .right .item{width: 30%; float: left; padding: 90px 20px; border-left: 1px solid #e0e0e0; background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.index_main .section4 .right .item:last-of-type{border-right: 1px solid #e0e0e0;}
.index_main .section4 .right .item .day{ font-size: 88px; color: #d7d7d7; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.index_main .section4 .right .item .main{padding-top: 60px;}
.index_main .section4 .right .item .date{font-size: 16px; color: #808080; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.index_main .section4 .right .item h3{font-size: 16px; color: #333; line-height: 24px; height: 48px; margin: 20px 0 50px; overflow: hidden; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.index_main .section4 .right .item .img{overflow: hidden;}
.index_main .section4 .right .item .img img{width: 100%; display: block; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.index_main .section4 .right .item p{font-size: 14px; color: #777; line-height: 24px; height: 72px; overflow: hidden; margin-top: 30px; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.index_main .section4 .right .item .dot{display: block; margin-top: 40px; width: 28px; height: 14px; background-image: url(../img/index_icon5.png); background-position: center; background-repeat: no-repeat; background-size: 28px 14px; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.index_main .section4 .right .item:hover{background-image: url(../img/index_bg3.jpg);}
.index_main .section4 .right .item:hover .day{color: rgba(255,255,255,.2);}
.index_main .section4 .right .item:hover .date{color: #fff;}
.index_main .section4 .right .item:hover h3{color: #fff;}
.index_main .section4 .right .item:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.index_main .section4 .right .item:hover p{color: #fff;}
.index_main .section4 .right .item:hover .dot{background-image: url(../img/index_icon6.png); margin-left: 20px;}


/*新闻结束*/


@media all and (max-width:1600px) {
.left50, .right50{ height:750px;}	
.section3 .text{ float:none; width:55%;}
.in_slide li{ display:none;}

.index_main .section4 .right .item{padding: 50px 15px;}
	.index_main .section4 .right .item .day{font-size: 70px;}
	.index_main .section4 .right .item .main{padding-top: 30px;}
	.index_main .section4 .left h3{font-size: 22px;}
	.index_main .section4 .left .slick h4{font-size: 16px;}
	.index_main .section4 .left .slick p{font-size: 14px;}

}

@media all and (max-width:1500px) {
	

	.main-company-img-thum {
		max-width: 94%;
	}

	.main-comapany-list .slick-prev {
		left: -3%
	}

	.main-comapany-list .slick-next {
		right: -3%;
	}
	.in_slide h1{ font-size:28px;}
}
@media all and (max-width:1400px) {
.left50, .right50{ height:650px;}	
}
@media all and (max-width:1300px) {
.section5 .txt_slick .item h3 {
    font-size: 20px;
  }

.section5 .txt_slick .item p {
    font-size: 14px;
    line-height: 24px;
  }

.section5 .txt_slick .item a {
    width: 140px;
    line-height: 36px;
    font-size: 14px;
  }

.section5 .txt_slick:before {
    width: 20px;
    top: calc(3vw + 10px);
    left: -10px;
  }
}

@media all and (max-width:1220px) {
	.main-company-container {
		width: 100%;
		height: auto;
	}
	.left50, .right50{ height:500px;}	
	
	
}

@media all and (max-width:993px) {
.index_main .section4 .left{width: 100%; position: static; margin: 0; padding: 20px;}
	.index_main .section4 .left h3{font-size: 18px;}
	.index_main .section4 .left .slick{margin: 20px 0;}
	.index_main .section4 .left .slick h4{font-size: 16px;}
	.index_main .section4 .left .slick p{font-size: 14px; margin-top: 10px;}
	.index_main .section4 .left .btns{margin-top: 10px;}
	.index_main .section4 .left .more{margin-top: 10px; font-size: 14px;}
	.index_main .section4 .right{width: 100%;}
	.index_main .section4 .right .item{width: 100%; padding: 15px; background-color: #fff; margin-bottom: 10px;}
	.index_main .section4 .right .item .day{font-size: 48px;}
	.index_main .section4 .right .item .main{padding-top: 0;}
	.index_main .section4 .right .item h3{margin: 10px 0;}
	.index_main .section4 .right .item p{margin-top: 10px; height: auto;}
	.index_main .section4 .right .item a{margin-top: 15px;}	
	
	
.section5 .main {
    margin-top: 15px;
	margin-bottom:10px;
    padding: 0 5%;
  }

.section5 .img_slick .item {
    padding: 0;
  }

.section5 .txt_slick {
    display: none;
  }

.section5 .img_slick .item .box {
    opacity: 1;
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    filter: none;
  }

.section5 .img_slick .slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 2px;
  }

.section5 .img_slick .item .box h3,
.section5 .img_slick .item .box p,
.section5 .img_slick .item .box a {
    display: block;
    text-align: center;
  }

.section5 .img_slick .item .box h3 {
    font-size: 16px;
    margin-top: 8px;
  }

.section5 .img_slick .item .box p {
    font-size: 14px;
    line-height: 24px;
    margin: 8px 0;
    padding: 0 10px;
  }

.section5 .img_slick .item .box a {
    width: 120px;
    line-height: 36px;
    color: #fff;
    font-size: 14px;
    margin: 0 auto;
    background: #bf0000;
  }

	
	}


@media all and (max-width:800px) {
	
	.left50, .right50{ height:auto !important; width:100% !important;}	
	.left50{ background-image:none; background-color:#222;}
	.right50{ background-image:none;background-color:#31302f;}
	.one_centerimg{ display:block; margin-top:15px; width:100%;}
	.in_slide h1{ display:none;}
	.left50 .in_slide .ju{ height:auto; margin-top:20px;}
	.section3 .text{ width:100%;}
	.right50 .ju .text{ margin-top:20px;}
	.in_slide{ padding:0 6%;}
	.in_slide h2{ font-size:22px;}
	
	
	.main-company-img-thum {
		max-width: 96%;
	}
	.main-comapany-list li{ width:49%;}
	#mainCompany{ padding:30px 0;}
	.main-company-container{ margin-top:30px;}
	
	
	.main-company-cover {
		display: none;
	}

	.main-comapany-list li:hover .main-company-img-thum img {
		-ms-transform: scale(1.0);
		-webkit-transform: scale(1.0);
		-moz-transform: scale(1.0);
		-o-transform: scale(1.0);
		transform: scale(1.0);
	}

	.main-company-tit {
		font-size: 20px;
		line-height: 40px;
	}

	.main-comapany-list li:hover .main-company-tit {
		opacity: 1.0;
		filter: Alpha(opacity=100);
	}
	
	.section5{ overflow:hidden; padding:4.5vw 0 1vw;}
	.shouji{ padding:0  !important;}
	.btns{ display:none;}
	
}


/*大地牧业结束*/

@media screen and (max-width:1800px) {
    .wrap_c{margin:0px 5%;}
    .top_b_nav ul li a{padding:0px 60px;}

}
@media screen and (max-width:1600px) {
#index .container{ width:96%;}
.boxMax{ padding:0 10px;}
}

@media screen and (max-width:1400px) {
 #index .index-about {
    width: 100%;
    background-color: #fff;
    padding: 48px 0; }
    #index .index-about .container > .left {
      width: 100%;
      display: inline-block;
      float: left; }
      #index .index-about .container > .left .logo {
        width: 100%;
        height: auto; }
        #index .index-about .container > .left .logo img {
          width: auto;
          max-width: 80%;
          height: auto; }
      #index .index-about .container > .left .en {
        width: 185px;
        clear: both;
        margin-top: 18px; }
        #index .index-about .container > .left .en img {
          width: 100%;
          height: auto; }
      #index .index-about .container > .left .cn {
        width: 100%;
        display: flex;
        align-items: center;
        margin-top: 15px;
        font-family: "PingFang", "PingFang SC", "syhtM";
        font-weight: 700px;
        white-space: nowrap; }
        #index .index-about .container > .left .cn span {
          display: inline-block;
          font-size: 32px;
          height: 32px;
          line-height: 32px;
          color: #333; }
        #index .index-about .container > .left .cn i {
          display: inline-block;
          width: 76px;
          height: 1px;
          background-color: #032a6e;
          margin-left: 20px; }
      #index .index-about .container > .left .numbers {
        width: 100%;
        display: flex;flex-wrap:wrap;
        justify-content: space-between; }
        #index .index-about .container > .left .numbers .item {
          width: 50%; }
          #index .index-about .container > .left .numbers .item .top-small {
            width: auto;
            white-space: nowrap;
            font-size: 16px;
            height: 16px;
            line-height: 16px;
            color: #808080;
            clear: both; }
          #index .index-about .container > .left .numbers .item .bot-text {
            height: 56px;
            margin-top: 10px;
            white-space: nowrap; }
            #index .index-about .container > .left .numbers .item .bot-text span {
              display: inline-block;
              color: #4c4c4c; }
            #index .index-about .container > .left .numbers .item .bot-text .num {
              font-size: 42px;
              height: 50px;
              line-height: 50px;
              font-family: 'impact'; }
            #index .index-about .container > .left .numbers .item .bot-text .plus {
              font-size: 54px;
              height: 54px;
              line-height: 54px;
              font-family: 'impact'; }
            #index .index-about .container > .left .numbers .item .bot-text .small {
              height: 19px; }
        #index .index-about .container > .left .numbers .item:last-child {
          width: 50%; }
      #index .index-about .container > .left .content {
        width: 100%;
        text-align: justify;
        font-size: 14px;
        line-height: 30px;
        color: #4c4c4c;
        margin-top: 25px; }
        #index .index-about .container > .left .content img {
          max-width: 100%; }
      #index .index-about .container > .left .readmore {
        margin-top: 50px; }
    #index .index-about .container > .right {
      width: 45%;
      display: inline-block;
      float: right;
      position: relative; }
      #index .index-about .container > .right .bg {
        width: 95.23%;
        height: 338px;
        background-image: url("../img/13.png");
        position: absolute;
        top: 34px;
        right: 0;
        z-index: 1;
        background-repeat: no-repeat;
        background-size: cover; }
      #index .index-about .container > .right .img {
        width: 95.23%;
        height: 338px;
        background-position: center center;
        background-size: cover;
        position: relative;
        z-index: 2; }
        #index .index-about .container > .right .img i {
          width: 61px;
          height: 61px;
          display: block;
          background-image: url("../img/ipart04_3.png");
          background-size: 100% 100%;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translateX(-50%) translateY(-50%);
          cursor: pointer;
          z-index: 3; }	
	
}
@media screen and (max-width:1200px) {

    .wrap_c{margin:0px 20px;}
    .wrap_nc{margin:0px 20px;}
    .wrap_in{margin:0px 20px;}


    .sub_01 img.img1{display:none;}
    .sub_01 img.img2{display:block;}
    .top_b{display:none;}

    .top_c p.p1{font-size:30px;line-height:40px;}
    .top_c p.p3{font-size:14px;letter-spacing:3px;line-height:24px;}
    .top_c p.p2{font-size:14px;letter-spacing:3px;line-height:24px;}

    .top_b1{display:none;}
    .top_nav{height:50px;line-height:50px;}
    .top_nav a{width:150px;font-size:16px;}

    .pages a{display:none;}
    .pages a.a1{display:inline-block;padding:0px 8px;}
    .pages i{display:none;}

    .top_c2 img{height:40px;}

    .msg_01 .msg_01fr{width:100%;}
    .msg_01 .msg_01fr p.p1 img{float:none;margin:0px auto;padding:0px;}
    .msg_01 .msg_01fr p.p1 i{float:left;margin:0px auto;padding:0px;width:100%;}
    .msg_01 .msg_01fr p.p2 a.a1{margin:0px;}
    .msg_01 .msg_01fr p.p2 a{margin:0px 20px;}
    .msg_01 .msg_01fr p.p2{text-align:center;}

    .msg2fr .msg2_c{width:90%;left:5%;margin-left:0px;}
    .msg2fr .msg2_c .msg2c_c p.p2 a{margin:0px 10px;}

    .msg3fr .msg2_c{width:90%;left:5%;margin-left:0px;}
    
    .top_b_nav .wrap_c{margin:0px;}
    .top_b_nav ul{width:100%;}
    .top_b_nav ul li{width:33.3333%;padding:0px;text-align:center;float:left;display:block;}
    .top_b_nav ul li a{padding:0px;line-height:34px;font-size:14px;width:100%;}

    .top_b2{display:none;}

    .sub_01_1 img{height:80px;}
    .sub_01_1{margin-top:-40px;}

    .spxq_01 .a1{display:none;}
    .spxq_01{padding:10px 0px;}
    .spxq_01 i{margin:0px 5px;}

    .mflm_04_slide .swiper-slide a em.em1{width:100%;height:200px;position:relative;}
    .mflm_04_slide .swiper-slide a em.em2{padding:20px 0px;width:100%;}


}
@media screen and (max-width:960px) {
.indBus{ background-size:cover; padding-bottom:10px;}
.indBusList a{ width:100%; margin-bottom:20px}
.indBusList a div{ height:300px;}
.indBusList a h1{ padding:25px 0 0 0}
}
@media screen and (max-width:800px) {

    .top_nav a{width:33.3333%;float:left;}

    .top_nav_pc{display:none;}
    .top_nav_wap{display:block;}

}
@media screen and (max-width:769px) {
	.case_sp2{ padding-left:20px;}
	#index .index-about .container > .left .content{ margin:15px 0;}
	.case_on:before{ top:0 !important;}
	.application .title1{ margin-bottom:0;}
	.main_case{ padding:15px 0 20px 0;}
	.main_case_img{ height:250px !important;}
	
	 .pbg{font-size: 22px;
    margin-bottom: 10px;}
	.indBus{ padding:15px 0;}
	.indBusList a div{ height:280px;}
	.indBusList a h2{ font-size:24px;}
	.indBusList a h1 img{ width:110px; height:110px;}
	
	
	#index .index-about .container > .left .numbers .item .top-small{ font-size:14px;}
	
#index .index-about {
    width: 100%;
    background-color: #fff;
    padding: 20px 0 20px; }
    #index .index-about .container > .left {
      width: 100%; }
	  #index .index-about .container > .left .content p{ font-size:14px; line-height:28px;}
      #index .index-about .container > .left .en img {
        width: auto;
        height: 20px; }
      #index .index-about .container > .left .cn span {
        font-size: 24px;
        height: 24px;
        line-height: 24px; }
      #index .index-about .container > .left .numbers .item .bot-text {
        height: 34px; }
        #index .index-about .container > .left .numbers .item .bot-text .num {
          font-size: 28px;
          line-height: 28px;
          height: 28px; }
        #index .index-about .container > .left .numbers .item .bot-text .plus {
          font-size: 32px;
          line-height: 32px;
          height: 32px; }
      #index .index-about .container > .left .readmore {
        margin-top: 20px;
        width: 140px;
        height: 48px; }
        #index .index-about .container > .left .readmore .arrow {
          width: 40px; }
    #index .index-about .container > .right {
      width: 100%;
      margin-top: 30px; }
      #index .index-about .container > .right .bg {
        width: 92%; }
      #index .index-about .container > .right .img {
        width: 92%; }	
}


@media screen and (max-width:512px) {



}