@charset "utf-8";

body{font-family:"微软雅黑"}
.glyphicon{top:0 !important}
.no-margin{margin:0 !important}
.overflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
a{text-decoration:none !important;cursor:pointer !important}
.container-fluid{max-width:1230px !important}
.container-fluid-cz-1{max-width:100% !important}
.tr{transition:all 0.3s;}
.tr2{transition:all 0.5s;}
.tr3{transition:all 1s;}
input,button,textarea,.swiper-pagination span,.swiper-button,a{ outline: none !important; }
.sizeCover{ background-position: 50% 50%; background-size: cover; }

#newBridge .nb-icon-wrap{ top: initial !important; bottom: 5px !important; margin-top: 0 !important;}

/*分页*/
.pagin{position:relative;margin-top:10px;padding:0 12px;}
.pagin .blue{color:#056dae;font-style:normal;}
.pagin .paginList{position:absolute;right:12px;top:0;}
.pagin .paginList .paginItem{float:left;}
.pagin .paginList .paginItem a{float:left;width:31px;height:28px;border:1px solid #DDD; text-align:center;line-height:30px;border-left:none;color:#3399d5;}
.pagin .paginList .paginItem:first-child a{border-left:1px solid #DDD;}
.pagin .paginList .paginItem:first-child a{border-bottom-left-radius:5px;border-top-left-radius:5px;}
.pagin .paginList .paginItem:last-child a{border-bottom-right-radius:5px;border-top-right-radius:5px;}
.pagin .paginList .paginItem.current,.pagin .paginList .paginItem.current a{background:#f5f5f5; cursor:default;color:#737373;}
.pagin .paginList .paginItem:hover{background:#f5f5f5;}
.pagin .paginList .paginItem.more,.pagin .paginList .paginItem.more a:hover{ cursor:default;}
.pagin .paginList .paginItem.more:hover{background:#FFF;}
.pagin .paginList .paginItem.more a{color:#737373;}
.message{ float:left; width:250px;margin-top:15px;}
.jlfanye{ float:right; width:666px;}
.jlfanye a{ padding:5px 15px;  border: solid 1px #dedede; float:left; min-width:8px; margin:8px 2px; color:#999;}
.jlfanye a:hover{ color:#f00;}
/*分页*/

.main-pad-1{ padding:30px 0 0;}
.main-pad-2{ padding:0 0 30px;}
.main-pad-3{ padding:35px 0 20px;}
.main-pad-4{ padding: 10px; }
.main-pad-5{ padding: 20px 0; }
.main-mar-1{ margin:0 0 30px;}
.main-borderRadius-1{ border-radius: 10px; }
.box-boxshadow-1{ box-shadow: 0 0 20px rgba(0,0,0,0.1); }
.box-boxshadow-2{ box-shadow: 0 0 10px rgba(0,0,0,0.15); }
.main-Background-1{ height: 154px;
background:#c3c3c3;background:-moz-linear-gradient(top,#c3c3c3 0%,#ffffff 100%);background:-webkit-linear-gradient(top,#c3c3c3 0%,#ffffff 100%);background:linear-gradient(to bottom,#c3c3c3 0%,#ffffff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3c3c3',endColorstr='#ffffff',GradientType=0 );}
.main-Background-2{ background: #007131; }
.main-Background-3{ background: #f8f8f8; }
.main-Background-4 { background: #fff; }
.main-Background-5 { background: #ececec; }
.main-Background-6 { background:rgba(0,0,0,0.5); }
.main-Background-7{ background: #f6f6f6; }

header{ position: relative; z-index:99999;}
header .logo a{ display:block; font-size:0;}
header .biaoyu{ margin-left:25px; margin-top:50px; font-family:'幼圆,微软雅黑'; font-size: 16px;color:rgba(48,48,48,0.6); line-height: 16px; letter-spacing: 10px; }
header .tel{ line-height:24px;}
header .tel .icon{ font-size:28px;color: #8b8b8b; }
    header .tel .biaoti {
        margin: 0 10px;
        font-size: 18px;
        color: #d70303;
    }
header .tel .shuzi{ font-family: arial; font-size:18px; color: #d70303; }

.banner{ position:relative;}
.banner .swiper-slide{ height: 593px; }
.banner .textbox1{ position: absolute; right: calc((100vw - 1200px) / 2); bottom: 20px; }
.banner .textbox1 .en{ font-family: arial; font-size: 90px;color: rgba(255,255,255,0.1); font-weight: bold; line-height: 70px; }
.banner .textbox1 .en2{ margin-bottom: 10px; font-family: arial; font-size: 36px;color: rgba(255,255,255,0.5); font-weight: bold; line-height: 30px; }
.banner .textbox1 .cn{ margin-bottom: 10px; font-size: 60px;color: #fff; line-height: 70px; }
.banner .textbox1 .cn2{ margin-bottom: 20px; font-size: 23px;color: #ff2424; line-height: 24px; font-weight:bold; }
.banner .textbox1 .imgbox span{ display: block; width: 75px; height: 75px; font-size: 0; line-height: 75px; border-radius: 50%; }
.banner .textbox1 .imgbox span:nth-child(1){ margin-right: 25px; background:rgba(255,61,61,1); }
.banner .textbox1 .imgbox a:last-child span:nth-child(1){ margin-right:0;}
.banner .textbox1 .imgbox span:nth-child(2){ margin-right: 25px; background:rgba(212,255,62,1); }
.banner .textbox1 .imgbox span:nth-child(3){ background:rgba(0,255,228,1); }
.banner .textbox1 .imgbox span img{ width: 40px;}
.banner .swiper-pagination{ position: absolute; left: 0; bottom: 20px; z-index: 1; width: 100%; font-size: 0; text-align: center;}
.banner .swiper-pagination span{ margin: 0 5px; width: 10px; height: 10px; background: #fff; opacity: 1;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background: #007131;}

.title-1{position: relative; margin-top: -10px; }
.title-1 .swiper-slide{ padding-top: 10px; }
.title-1 .swiper-slide.active:before{ content: ""; position: absolute; left:calc((100% - 10px) / 2); top: 0; z-index: 1; width: 0; height: 0; border-left: solid 10px transparent; border-right: solid 10px transparent; border-bottom: solid 10px #30a060; }
.title-1 .swiper-slide.active a{ background: #30a060; }
.title-1 a{ display: block; font-size:18px;color: #fff; line-height: 80px; }
.title-1-nr-box{ position: relative; }
.title-1-nr{ position: relative; z-index: 1; opacity: 0; }
.title-1-nr:nth-child(n+2){ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.title-1-nr.active{ z-index: 2; opacity: 1; }
.title-1 .swiper-button{ margin-top: -9px; width: 25px; height: 28px; font-size: 25px; color: #fff; line-height: 28px; background: none;}
.title-1 .swiper-button.swiper-button-prev{ left: -45px;}
.title-1 .swiper-button.swiper-button-next{ right: -45px; transform: rotateY(180deg)}
.title-2{ margin-bottom: 20px; }
.title-2 .left .zimu{ margin-right: 5px; font-family: arial; font-size: 60px;color: #4a4a4a; line-height: 44px; }
.title-2 .left .text .mc{ margin-bottom: 5px; font-size: 24px;color: #2f2f2f; line-height: 24px; }
.title-2 .left .text .en{ font-family: arial; font-size: 14px;color: #2f2f2f; line-height: 14px; }
.title-2 .more a{ position:relative; display:block; width: 43px; height: 43px; }
.title-2 .more a:before,.title-2 .more a:after{ content: ""; position: absolute; left: 50%; top: 50%; z-index: 1; background: #dbdbdb; transition: all 0.3s; }
.title-2 .more a:before{ margin:-2px 0 0 -17px; width: 34px; height: 4px; }
.title-2 .more a:after{ margin:-17px 0 0 -2px; width: 4px; height: 34px; }
.title-2.active{ margin-bottom: 0; margin-top: 13px; padding:10px 0 10px 10px; width: 200px; }
.title-2.active .left .zimu{ color: #007131; }
.title-2.active .left .text .mc{ color: #007131; }
.title-2.active .left .text .en{ color: #7d7d7d; }
.title-3 .biaoti{ margin-bottom: 15px; font-size: 30px;color: #333; line-height: 34px; }
.title-3 .jieshao{ margin-bottom: 15px; font-size: 20px;color: #737373; line-height: 24px; }
.title-3 .icon{ margin:0 auto; width: 40px; height: 40px; font-size:40px;color: #d3d3d3; transform: rotate(90deg); }
.title-4{ position: relative; margin-bottom: -10px; }
.title-4 a{ position: relative; display: block; margin-bottom: 10px; padding:10px 10px 20px; border-radius: 5px; }
.title-4 a .icon{ margin-bottom: 10px; height:50px; color:rgba(255,255,255,0.5); line-height:50px; }
.title-4 a .icon img{ width: 40px;}
.title-4 a .mc{ font-size: 18px;color: #fff; line-height: 20px; }
.title-4 .swiper-slide.active a{ background: rgba(255,255,255,0.27); }
.title-4 .swiper-slide.active a:before{ content: ""; position: absolute; left: 50%; top: 100%; z-index: 1; margin-left: -10px; width: 0; height: 0; border-left:solid 10px transparent; border-right:solid 10px transparent; border-top:solid 10px rgba(255,255,255,0.27); }
.title-4-nr-box{ margin-bottom: 40px; }
.title-4-nr{ opacity: 0; transition: all 0.3s; }
.title-4-nr.active{ opacity: 1; }
.title-4 .swiper-button{ top: 0; margin-top: 0; width: 40px; height: calc(100% - 10px); background:url(../images/p4jt.png) no-repeat center center / 15px auto;}
.title-4 .swiper-button.swiper-button-prev{ left: -50px;}
.title-4 .swiper-button.swiper-button-next{ right: -50px; transform: rotateY(180deg)}
.title-5{ margin-bottom: 40px; }
.title-5 .biaoti{ margin-bottom: 20px; font-size: 30px;color: #fff; line-height: 34px; }
.title-5 .jiangexian{ margin:0 auto; width: 45px; height: 1px; background: #667786; }
.title-7{ margin-bottom: 20px; background: #eeeeee; }
.title-7 .biaoti{ width: 140px; font-size: 18px; line-height: 50px;color: #333; background: #f2f2f2; cursor: pointer; }
.title-7 .biaoti:nth-child(n+2){ border-left: solid 1px rgba(0,0,0,0.1)}
.title-7 .biaoti.active{color: #fff; background: #007131;}
.title-7-nr{ display: none;}
.title-7-nr:nth-child(1){ display:block;}
.title-8{ margin-bottom: 20px; padding-bottom: 15px; border-bottom: solid 1px #e6e6e6; }
.title-8 .biaoti{ font-size: 30px;color: #333; line-height: 40px; }
.title-8 .time{ font-size: 12px;color: #8e8e8e; line-height: 24px; }
.title-8 .jieshao{  color: #7c7c7c; line-height: 24px; }

.text-1-list{ font-size: 0; line-height: 70px; }
.text-1-list .icon{ display: inline-block; vertical-align: top; margin-right:20px; color:rgba(255,255,255,0.5); }
.text-1-list .icon.icon-huangguan{  font-size:60px; }
.text-1-list .icon.icon-zan{  font-size: 65px; }
.text-1-list .icon.icon-xunzhang{  font-size: 55px; }
.text-1-list .icon.icon-keji{  font-size: 65px; }
.text-1-list .mc{ display: inline-block; vertical-align: top; font-size: 20px;color: #fff; }
.text-1 .swiper-slide:nth-child(n+2):before{ content: ""; position: absolute; left: -15px; top: 50%; z-index: 1; width: 30px; height: 1px; background:rgba(255,255,255,0.5); }
.text-2{ margin-bottom: 30px; }
.text-2 .biaoti{ margin-bottom: 10px; font-size:24px;color: #333; line-height: 30px; }
.text-2 .mc{ margin-bottom: 10px; color: #333; line-height: 24px; }
.text-2 .jieshao{color: #7b7b7b; line-height: 24px;}
.text-2 .fumc{ margin-top: 20px; margin-bottom: 10px; font-size: 16px;color: #007131; line-height: 24px; }
.text-3{ font-size: 14px; color: #666; line-height:30px; padding: 0 15px; }
.text-3{ max-width: 100% !important; }
.text-4{ margin-bottom: 30px; }
.text-4 .jieshao{ padding-right: 20px; width: calc(100% - 133px); font-size: 15px;color: #565656; line-height: 34px; }
.text-4 .ewm{ width: 133px; text-align: center; }
.text-4 .ewm .imgbox{ margin-bottom:5px; font-size: 0; }
.text-4 .ewm .imgbox img{ max-width: 100%; }
.text-4 .ewm .mc{ font-size: 15px;color: #949494; }
.text-5{ color: #7c7c7c; line-height: 24px; }
.text-6 ul li:nth-child(n+2){ margin-top: 15px; }
.text-6 ul li{border:solid 1px #e2e2e2; }
.text-6 ul li .top{ padding:7px 12px; }
.text-6 ul li .top .biaoti{ padding-right: 20px; width: calc(100% - 104px); font-size: 16px;color: #4d4d4d; line-height:26px; }
.text-6 ul li .top .more{ width: 104px;}
.text-6 ul li .top .more a{ display: block;font-size: 0; line-height: 26px; background: #007131; border-radius: 5px; }
.text-6 ul li .top .more a .icon{display: inline-block; vertical-align: top; transform:translate(0,3px) rotate(90deg); position: relative; width: 20px; font-size: 14px; font-weight:bold; color: #fff; line-height: 15px; }
.text-6 ul li .top .more a .icon:before{ content: ""; position: absolute; right: 0; top: 0; z-index: 1; width: 8px; height: 15px; border: solid 2px #fff; border-left: none; }
.text-6 ul li .top .more a .mc{ margin-left:5px; display: inline-block; vertical-align: top; font-size: 12px;color: #fff; }
.text-6 ul li .bot{ padding:0 12px; font-size: 12px;color: #a2a2a2; line-height: 26px; background: #f8f8f8; border-top:solid 1px #e2e2e2;}

.pictrue-1{ position: relative; height: 94px; }
.pictrue-1 .box{ position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; }
.pictrue-1 .box .textbox{ display: none; position: absolute; left: 0; bottom:100%; z-index: 1; width: 100%; padding:0 20px; background: rgba(255,255,255,0.8); border-radius: 5px 5px 0 0; }
.pictrue-1 .box .textbox .biaoti{ margin:20px 0; padding-bottom: 10px; font-family: arial; font-size: 18px; color: #007131; font-weight: bold; line-height: 24px; border-bottom: solid 1px #99aea2; }
.pictrue-1 .box .textbox .ul{ margin-bottom: 20px; }
.pictrue-1 .box .textbox .ul .li:nth-child(n+2){ margin-top: 15px; }
.pictrue-1 .box .textbox .ul .li a{ font-size:15px;color: #4e4e4e; line-height: 15px; }
.pictrue-1 .box .imgbox a{ display: block; height: 94px; font-size: 0; line-height: 94px; background: #fff; border-radius: 5px; overflow: hidden; }
.pictrue-1 .box .imgbox a.active{border-radius: 0 0 5px 5px; }
.pictrue-1 .box .imgbox a img{ max-width: 100%; max-height: 100%; transition: all 0.3s; }
.pictrue-1 .swiper-button{ top: inherit; bottom: 19px; margin-top:0; width: 56px; height: 56px; font-size:25px;color: #fff; line-height: 56px; background:rgba(74,74,74,0.32); border-radius: 50%; }
.pictrue-1 .swiper-button.swiper-button-prev{ left: -88px; }
.pictrue-1 .swiper-button.swiper-button-next{ right: -88px; transform: rotateY(180deg); }
.pictrue-2{ position: relative; padding: 0 60px; }
.pictrue-2-list a{ display: block; }
.pictrue-2-list a .imgbox{ margin-bottom: 10px; height: 100px; font-size: 0; line-height: 100px; }
.pictrue-2-list a .imgbox img{ max-width:90%; max-height:90%; transition: all 0.3s;}
.pictrue-2-list a .textbox .mc{ margin-bottom: 5px; font-size: 18px;color: #494949; line-height: 24px; }
.pictrue-2-list a .textbox .jieshao{ font-family: arial; color: #939393; line-height: 24px; }
.pictrue-2 .swiper-button{ margin-top: -20px; width:40px; height:40px; font-size:40px;color: #696969; line-height: 40px; background: none; }
.pictrue-2 .swiper-button.swiper-button-prev{ left: 0; text-align: left; }
.pictrue-2 .swiper-button.swiper-button-next{ right: 0; text-align: right; transform: rotateY(180deg); }
.pictrue-3{ position: relative; width:calc(100% - 200px); overflow: hidden;}
.pictrue-3-list a{ display: block; height:90px; font-size: 0; line-height:90px; background:#fff; }
.pictrue-3-list a:before{ content: ""; position: absolute;left: 0; top: 0; z-index: 1; width: 100%; height: 100%; border:solid 1px #eee;}
.pictrue-3-list a img{ max-width:calc(100% - 10px); max-height:calc(100% - 10px); transition: all 0.3s; }
.pictrue-3 .swiper-button{ margin-top: -30px; width:30px; height: 60px; border-radius: 0 30px 30px 0; background:rgba(0,113,49,0.6) url(../images/p4jt.png) no-repeat 40% center / 10px auto;}
.pictrue-3 .swiper-button.swiper-button-prev{ left: 0;}
.pictrue-3 .swiper-button.swiper-button-next{ right: 0;transform:rotateY(180deg);}


.pictrue-4{ margin-bottom: 20px; }
.pictrue-4 .left{ position: relative; padding: 20px; overflow: hidden; }
.pictrue-4 .left .bg{position: absolute; left: 0; top:0; z-index: 1; width: 100%; height: 100%; background-repeat: no-repeat;}
.pictrue-4 .left .icon{ position: absolute; right: 0; top: 0; z-index: 2; padding: 5px 5px 0 0; width: 99px; height: 91px; text-align: right; color:rgba(255,255,255,0.8); line-height: 40px; background:url(../images/xiejiao.png) no-repeat; background-size: 100% 100%; clip-path: polygon(0% 0%,100% 0%,100% 100%); }
.pictrue-4 .left .icon img{ max-width: 35px; max-height: 35px; }
.pictrue-4 .left .biaoti{ position: relative; z-index: 2; margin-top: 20px; font-size: 36px;color: #fff; line-height: 45px; font-weight:lighter; text-shadow:4px 4px 0px rgba(0,0,0,0.2) }
.pictrue-4 .left .jiangexian{ position: relative; z-index: 2; margin:25px 0; width: 70px; height: 1px; background: rgba(255,255,255,0.5); }
.pictrue-4 .left .textbox{ position: relative; z-index: 2; margin-bottom: 10px;}
.pictrue-4 .left .textbox ul li:nth-child(n+2){ margin-top: 20px; }
.pictrue-4 .left .textbox ul li a{ display: block; height: 13px; font-size: 13px;color: #fff; line-height: 13px; }
.pictrue-4 .left .imgbox{ margin-bottom: 30px; height: 156px; font-size: 0; line-height: 156px;}
.pictrue-4 .left .imgbox.active{ margin-right:-20px; text-align: right; }
.pictrue-4 .left .imgbox img{ max-width: 100%; max-height: 100%; transform: translate(0,0); }
.pictrue-4 .left .more{ position: relative; z-index: 2;}
.pictrue-4 .left .more a{ display: block; max-width: 134px; height: 41px; font-size: 15px;color: #fff; line-height: 37px; border:solid 2px #fff; border-radius: 5px; }
.pictrue-4 .right{ position: relative; overflow: hidden;}
.pictrue-4 .right .swiper-button{ margin-top: -40px; width: 40px; height: 80px; background:rgba(0,113,49,0.6) url(../images/p4jt.png) no-repeat center center / 15px auto;}
.pictrue-4 .right .swiper-button.swiper-button-prev{ left: -40px;}
.pictrue-4 .right .swiper-button.swiper-button-next{ right: -40px; transform: rotateY(180deg);}
.pictrue-4 .right a{ display: block; padding:20px; background: #fff; }
.pictrue-4 .right a .imgbox{ height:114px; font-size: 0; line-height:114px; }
.pictrue-4 .right a .imgbox img{ max-width:100%; max-height:100%; }
.pictrue-4 .right a .jiangexian{ margin:10px auto; width: 36px; height: 1px; background: #d9d9d9; }
.pictrue-4 .right a .mc{ margin-bottom: 15px; color: #5b5b5b; line-height: 40px; }
.pictrue-4 .right a .more{ margin:0 auto; width: 57px; height: 22px; font-size: 12px; color: #c5c5c5; line-height: 20px; border:solid 1px #e9e9e9; }
.pictrue-5{ padding: 20px; background: #fff; border-radius: 10px; }
.pictrue-5-list a{ display: block; height: 100px; font-size: 0; line-height: 100px; }
.pictrue-5-list a img{ max-width:90%; max-height:90%;  transition: all 0.3s;}
.pictrue-6{ position:relative; padding:40px 60px; background: #fff; border-radius: 10px; box-shadow: 0 0 50px rgba(0,0,0,0.2); }
.pictrue-6-list a{ display: block; height:100px; font-size: 0; line-height: 100px;}
.pictrue-6-list a img{ max-width: 100%; max-height: 100%; transition: all 0.3s; }
.pictrue-6 .swiper-button{ margin-top:-15px; width: 30px; height: 30px; font-size:40px;color: #d3d3d3; line-height: 30px; background: none; }
.pictrue-6 .swiper-button.swiper-button-prev{ left:10px; }
.pictrue-6 .swiper-button.swiper-button-next{ right:10px; transform: rotateY(180deg); }
.pictrue-7 ul{ margin:0 -6px -12px; }
    .pictrue-7 ul li {
        margin-bottom: 12px;
        padding: 0 6px;
        width: 25%;
        height: 300px;
    }
.pictrue-7 ul li a{ display: block; padding: 15px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.15); }
.pictrue-7 ul li a .imgbox{ margin-bottom: 10px; height: 100px; font-size: 0; line-height: 100px; }
.pictrue-7 ul li a .imgbox img{ max-width: 100%; max-height: 100%; }
.pictrue-7 ul li a .biaoti{ margin-bottom: 10px; padding: 10px 0; border-top: solid 1px #d6d6d6; border-bottom: solid 1px #d6d6d6; height:60px;}
.pictrue-7 ul li a .biaoti .cn{ font-size: 16px;color: #333; line-height: 24px; }
.pictrue-7 ul li a .biaoti .mc{ font-size: 12px;color: #8e8e8e; line-height: 24px; }
.pictrue-7 ul li a .jieshao{ margin-bottom: 10px; height: 40px; font-size: 12px;color: #989898; line-height: 20px; overflow: hidden; }
.pictrue-7 ul li a .more{ height: 38px; color: #939393; line-height: 36px; border:solid 1px #e2e2e2; border-radius: 5px; }
.pictrue-8{ margin-bottom: 30px; }
.pictrue-8 .magnifier{position:relative;}
.pictrue-8 .magnifier-container{position:relative;margin-bottom: 10px;overflow:hidden;}
.pictrue-8 .magnifier-container .images-cover{position:relative;display:flex;justify-content:center;align-items:center;height:100%;font-size:0; border:solid 1px #d9d9d9;}
.pictrue-8 .magnifier-container .images-cover img{ width:100%;}
.pictrue-8 .magnifier-container .move-view{position:absolute;width:100px;height:100px;background-image:url('../images/move-box.png')}
.pictrue-8 .magnifier-swiper{ position:relative; padding: 0 44px; }
.pictrue-8 .magnifier-swiper .imgbox{ position: relative; padding-top:100%; font-size: 0;cursor:pointer; border:solid 1px #d9d9d9;}
.pictrue-8 .magnifier-swiper .imgbox span{ display: block; position: absolute; left: 0; top: 0; z-index: 1;display:flex;align-items:center;justify-content:center;  width: 100%; height: 100%; font-size: 0; }
.pictrue-8 .magnifier-swiper .imgbox span img{ width:100%;/*max-height: 100%;*/}
.pictrue-8 .magnifier-swiper .swiper-button{ top: 0;display:flex;align-items:center;justify-content:center; margin-top: 0; width: 40px; height: 100%; background: none; outline: none; }
.pictrue-8 .magnifier-swiper .swiper-button.swiper-button-prev{ left: 0; }
.pictrue-8 .magnifier-swiper .swiper-button.swiper-button-next{ right: 0; transform: rotateY(180deg); }
.pictrue-8 .swiper-slide-thumb-active{ border:solid 1px #007131; }
.pictrue-8 .magnifier-view{display:none;position:absolute;left:100%;top:0;z-index:9999;width:100%;height:100%;background-color:#fff;overflow:hidden}
.pictrue-8 .magnifier-view img,.magnifier-view span{display:block}
.pictrue-8 .magnifier-view img{ position: relative; z-index: 1; }
.pictrue-8 .magnifier-view span{ position: absolute; left: 0; top: 0; z-index: 2; background-image: url(../images/shuiyin.png);/* opacity: 0.3;*/}
.pictrue-9{ position: relative; padding-top: 50%; border:solid 1px #d1d1d1; }
.pictrue-9 .map{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; }
.pictrue-10 ul li{ padding-bottom: 30px; margin-bottom: 30px; border-bottom:solid 1px #e6e6e6; }
.pictrue-10 ul li:last-child{ margin-bottom: 0; }
.pictrue-10 ul li a{ display: block; }
.pictrue-10 ul li a .imgbox{ width: 190px; overflow: hidden; }
.pictrue-10 ul li a .imgbox span{ display: block; height: 130px; }
.pictrue-10 ul li a .textbox{ padding-left: 20px; width: calc(100% - 190px); }
.pictrue-10 ul li a .textbox .biaoti{ margin-bottom: 10px; font-size: 16px;color: #4b4b4b; line-height: 24px; }
.pictrue-10 ul li a .textbox .jieshao{ margin-bottom: 10px; height: 48px; color: #7c7c7c; line-height: 24px; overflow: hidden; }
.pictrue-10 ul li a .textbox .more{ width: 96px; height: 33px; font-size:12px; color: #333; line-height: 31px; border:solid 1px #c3c3c3; border-radius: 17px; }

.subnav{ background: #fff; box-shadow:0 0 10px rgba(0,0,0,0.15); }
.subnav ul li:nth-child(n+2){ margin-top: 1px; }
.subnav ul li{ position: relative; background: #929292; }
.subnav ul li:before{ content: ""; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 28px; background: url(../images/subnav_li_bg.png) no-repeat bottom; background-size: 100% auto; opacity: 0.1; }
.subnav ul li a{ display: block; position: relative; z-index: 2; padding: 0 15px 0 15px; height: 60px; line-height: 60px; }
.subnav ul li a .mc{ padding-right: 10px; width: calc(100% - 10px); font-size: 14px;color: #fff; font-weight: bold; }
.subnav ul li a .icon{ position: relative; width: 10px; height: 60px; }
.subnav ul li a .icon:before{ content: ""; position: absolute; left: 0; top:calc((100% - 2px) / 2); z-index: 1; width: 100%; height: 2px; background: #fff; }
.subnav ul li a .icon:after{ content: ""; position: absolute; left: calc((100% - 2px) / 2); top:50%; z-index: 1; margin-top: 0; width: 2px; height: 0; background: #fff; transition: all 0.3s; }
.subnav .ul{ display: none; padding: 20px;}
.subnav .ul .li a{ display: block; padding: 0 20px; font-size: 15px;color: #646464; line-height: 35px; border-radius: 5px; }
.subnav ul li.active{ background: #007131; box-shadow: 0 5px 15px rgba(0,0,0,0.1);  }
.subnav ul li.active a .icon:after{ margin-top: -5px; height: 10px; }
.subnav .ul .li.active a{ color: #007131; box-shadow: inset 0 0 0 1px #007131; }
.subnav .ul2{ display: none; padding:10px 0 0;}
.subnav .ul2 .li2:nth-child(n+2){ margin-top: 1px;}
.subnav .ul2 .li2 a{display: block; padding: 0 20px; font-size: 12px;color: #646464; line-height: 30px; background: #f2f2f2;}
.subnav .ul2 .li2.active a{ color: #fff; background:#007131;}

footer .menu{ width: calc(100% - 470px); }
footer .menu ul li:nth-child(n+2){ margin-left: 105px; }
footer .menu ul li .biaoti{ margin-bottom: 10px; font-size: 18px;color: #494949; line-height: 24px; }
footer .menu ul li .ul .li:nth-child(n+2){ margin-top: 10px; line-height: 20px; }
footer .menu ul li .ul .li a{ color: #757575; }
footer .qita{ width: 470px; }
footer .qita .contact{ width: calc(100% - 140px); }
footer .qita .contact .mc{ margin-bottom: 10px;font-size: 16px;color: #767676; line-height: 18px; }
footer .qita .contact .shuzi{ margin-bottom: 5px; font-family: arial; font-size: 30px;color: #007131; line-height: 34px; }
footer .qita .contact .jieshao{ margin-bottom: 10px; color: #777777; line-height: 20px; }
footer .qita .contact .imgbox a{ display: block; padding: 0 10px; height: 46px; font-size: 0; line-height: 44px; background: #fff; border:solid 1px #dddddd; }
footer .qita .contact .imgbox a:nth-child(2){ margin-left: 10px; }
footer .qita .contact .imgbox a img{ max-width: 100%; max-height: 100%; }
footer .qita .ewm{ width: 140px; font-size: 0; }
footer .qita .ewm img{ width: 100%; }
footer .footer_bar{ padding: 20px 0; }
footer .footer_bar .copyright{ font-size: 13px;color: #787878; line-height: 30px; }


@media (min-width:992px){
	.jqzoom{ position: relative; }
	.zoomdiv{z-index:100;position:absolute;top:0;left:calc(100% + 10px);width:398px;height:398px;background:#fff;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
	.zoomdiv .shuiyin{ position: absolute; left: 0; top: 0; z-index: 2; background: url(../images/shuiyin.png) no-repeat center; background-size: 100% 100%;}
	.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#007131 50% top no-repeat;opacity:0.2;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
	.zoomdiv .shuiyin,.bigimg{width:800px;height:800px;}
	.col-md-3-cz-1{ padding-right: 10px; width: 250px; }
	.col-md-9-cz-1{ padding-left: 10px; width: calc(100% - 250px); }
	.main-pad-4.main-Background-4.box-boxshadow-2{ min-height: 800px; }
	header{ padding: 0 10px; background: #fff; }
	header .logo a{line-height:90px;}
	header .right{ padding-top: 10px; }
	header .right .qita .kefu{ margin-right:15px;}
	header .right .qita .kefu a{ display: block; font-size:22px;color: #b5b5b5; line-height: 24px; }
	header .right .qita .kefu a:hover{ color: #007131; }
	header .right .qita .search{ position: relative; margin-right: 15px; height: 24px; }
	header .right .qita .search .searchbtn{height: 24px; font-size:22px;color: #9f9f9f; line-height: 24px; cursor: pointer; transition: all 0.3s;}
	header .right .qita .search .searchbtn:hover{ color: #007131; }
	header .right .qita .search form{ display: none; position: absolute; top: 0; right: 0; z-index: 1; width:182px; height: 24px;}
	header .right .qita .search form button{ display: block; margin-left: 10px; padding: 0; width:auto; height: 24px; font-size:22px;color: #9f9f9f; line-height: 24px; background: none; border:none; }
	header .right .qita .search form button:hover{ color: #007131; }
	header .right .qita .search form input{ display: block; width:150px; height: 24px; font-size: 12px; line-height: 24px; background: none; border:none; box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1); }
	header .right .qita .search form input:hover{ color: #007131;box-shadow: inset 0 -1px 0 #007131;  }
	header .menu ul li{ position:relative; margin-left: 70px; line-height:55px; }
	header .menu ul li:first-child{ margin-left: 0; }
	header .menu ul li > a{ font-size:18px; color:#2b2b2b;}
	header .menu ul li .ul{ display:none; position:absolute; left:calc((100% - 120px) / 2); top:100%; width:120px; background:rgba(255,255,255,0.9);}
	header .menu ul li.on .ul{ width: 240px;}
	header .menu ul li.on .ul .li{ float: left; width: 50%;}
	header .menu ul li .ul .li > a{ display:block; padding:0 10px; font-size: 15px; color:rgba(43,43,43,0.8); line-height:40px; border-bottom:solid 1px #e8eff5;}
	header .menu ul li .ul .li:hover > a{ color:#fff; background:#007131;}
	header .menu ul li:hover > a{ color:#007131;}
	header .menu ul li.active > a{ color:#007131;}
	.banner2{ position: relative; margin-bottom: -60px; height: 400px; }
	.banner2 .container-fluid,.banner2 .container-fluid .row,.banner2 .container-fluid .col-xs-12{ position: relative; height: 100%; }
	.banner2 .container-fluid .col-xs-12{display: flex; align-items: center;}
	.banner2 .textbox{ position: relative; padding-left: 20px; margin-left: 10px; }	
	.banner2 .textbox:before,.banner2 .textbox:after{ content: ""; position: absolute; left: 0; z-index: 1; width: 4px; height: 50%; }
	.banner2 .textbox:before{ top: 0; background: #fff; }
	.banner2 .textbox:after{ bottom: 0; background: #ed2121; }
	.banner2 .textbox .cn{ margin-bottom:5px; font-size: 44px;color: #fff; line-height: 60px;  }
	.banner2 .textbox .en{ font-size: 44px;color:rgba(255,255,255,0.5); line-height: 60px; }
	.title-2 .more a:hover{ transform: rotate(360deg); }
	.title-2 .more a:hover:before, .title-2 .more a:hover:after{ background: #007131; }
	.title-4 .swiper-button:hover{ background-color: rgba(255,255,255,0.2);}
	.title-6{ line-height: 60px; }
	.title-6 .icon{ width: 35px; font-size:24px;color: #b3b3b3; }
	.title-6 .mc{ width: calc(100% - 35px); color: #b3b3b3; }
	.title-6 .mc a{color: #b3b3b3; }
	.title-6 .mc a:hover{color: #fff;text-decoration: underline !important; }
	.text-2{ float:right; padding-left: 30px; width:50%; }
	.text-6 ul li .top .more a:hover{ background: #da4646; }
	.pictrue-1 .swiper-button:hover{ color: #acacac; background-color: #fff; }
	.pictrue-1 .box .textbox .ul .li a:hover{ color: #007131; text-decoration: underline !important; }
	.pictrue-1 .box .imgbox a:hover img{ transform: scale(1.05); }
	.pictrue-2-list a:hover img{ transform: scale(1.05); }
	.pictrue-2-list a:hover .textbox .mc{ color:#007131;}
	.pictrue-2 .swiper-button:hover{ color:#007131;}
	.pictrue-3-list a:hover img{ transform: scale(1.05); }
	.pictrue-3 .swiper-button:hover{background-color:rgba(0,113,49,1) }
	.pictrue-4 .left{float: left; width: 232px; height: 510px; }
	.pictrue-4 .left .textbox{height: 303px;}
	.pictrue-4 .left:hover .imgbox img{ transform: translate(10px,0); }
	.pictrue-4 .left .textbox ul li a:hover{text-decoration: underline !important; }
	.pictrue-4 .left .more a:hover{ color:#007131; background: #fff; border:solid 2px #fff; }
	.pictrue-4 .right{float: left; width: calc(100% - 232px); height: 510px; }
	.pictrue-4 .right a{ height:252px;}
	.pictrue-4 .right a:hover{ box-shadow: inset 0 0 0 1px #007131; }
	.pictrue-4 .right a:hover .imgbox img{ transform: scale(1.05); }
	.pictrue-4 .right a:hover .mc{ color:#007131;}
	.pictrue-4 .right a:hover .more{ width: 80px; color: #fff; background: #007131; border:solid 1px #007131; }
	.pictrue-4 .right:hover .swiper-button.swiper-button-prev{ left: 0;}
	.pictrue-4 .right:hover .swiper-button.swiper-button-next{ right:0;}
	.pictrue-5-list a:hover img{ transform: scale(1.05); }
	.pictrue-6-list a:hover img{ transform: scale(1.05); }
	.pictrue-6 .swiper-button:hover{ color: #007131;}
	.pictrue-7 ul li a:hover{ box-shadow:inset 0 0 0 1px #007131; }
	.pictrue-7 ul li a:hover .imgbox img{ transform: scale(1.05); }
	.pictrue-7 ul li a:hover .biaoti .cn{color: #007131;}
	.pictrue-7 ul li a:hover .more{color: #fff; background: #007131; border:solid 1px #007131;}
	.pictrue-8{ float: left; width:50%; }
	.pictrue-8 .magnifier-swiper .swiper-button:hover{ color: #007131; }
	.pictrue-10 ul li a:hover .imgbox span{ transform: scale(1.05); }
	.pictrue-10 ul li a:hover .textbox .biaoti{ color: #007131; }
	.pictrue-10 ul li a:hover .textbox .more{ color: #fff;background: #007131; border:solid 1px #007131; }
	.subnav .ul .li{ position: relative; box-shadow: inset 0 -1px 0 #e0e0e0; }
	.subnav .ul .li:nth-child(n+2){ margin-top: 10px; padding: 3px 0; }
	.subnav .ul .li:before{ content: ""; position:absolute; left: 20px; bottom: 0; z-index: 1; width: 75px; height: 1px; background: #9e9e9e; transition: all 0.3s; }
	.subnav ul li:hover{ background: #007131; box-shadow: 0 5px 15px rgba(0,0,0,0.1);  }
	.subnav ul li:hover a .icon:after{ margin-top: -5px; height: 10px; }
	.subnav .ul .li:hover{ box-shadow: inset 0 -1px 0 #fff; }
	.subnav .ul .li:hover:before{ width:0; }
	.subnav .ul .li:hover a{ color: #007131; box-shadow: inset 0 0 0 1px #007131; }
	.subnav .ul2 .li2:hover a{ color: #fff; background:#007131;}
	.subBar{ position: fixed; right: 0; bottom:calc((100% - 398px) / 2); z-index: 99999999; width: 56px; }
	.subBar ul li{ position: relative; }
	.subBar ul li:nth-child(n+2){ margin-top: 1px; }
	.subBar ul li > a{ display: block; height: 56px; color: #fff; line-height: 56px; background: #007131; text-align: center; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1); }
	.subBar ul li > a.icon-dianhua{ font-size: 35px; }
	.subBar ul li > a.icon-qq{ font-size:25px; }
	.subBar ul li > a.icon-shuxie{ font-size: 25px; }
	.subBar ul li > a.icon-liaotian{ font-size: 28px; }
	.subBar ul li > a.icon-fenxiang{ font-size: 28px; }
	.subBar ul li > a.icon-shangjiantou{ font-size: 30px; }
	.subBar ul li > a.icon-guanbi{ font-size: 25px; }
	.subBar ul li .xiala{ display: none; position: absolute; right: 100%;padding-right: 10px; width: 245px;}
	.subBar ul li .xiala.qq{ top:calc((100% - 68px) / 2); }
	.subBar ul li .xiala.qq .ul{ height: 68px; background: #fff; border-radius: 5px; }
	.subBar ul li .xiala.qq .ul .li{ width: calc(100% / 3); }
	.subBar ul li .xiala.qq .ul .li a{ display: block; padding:10px 0;  text-align: center; }
	.subBar ul li .xiala.qq .ul .li a .icon{ margin-bottom: 3px; font-size: 0; }
	.subBar ul li .xiala.qq .ul .li a .mc{ color: #818181; line-height: 20px; }
	.subBar ul li .xiala.liuyan{top:calc((100% - 225px) / 2);}
	.subBar ul li .xiala.liuyan form{ display: block; padding: 20px; background: #fff; border-radius: 5px; }
	.subBar ul li .xiala.liuyan form input{ display: block; margin-bottom:5px; padding: 0 10px; width: 100%; height: 35px; color: #818181; line-height: 33px; border:solid 1px #bebebe; border-radius: 5px; }
	.subBar ul li .xiala.liuyan form textarea{ display: block; margin-bottom:5px; padding: 0 10px; width: 100%; max-width: 100%; min-width: 100%; height: 65px; min-height: 65px; color: #818181; line-height: 33px; border:solid 1px #bebebe; border-radius: 5px; }
	.subBar ul li .xiala.liuyan form button{ display: block; padding: 0; width: 100%; height: 35px; color: #fff; line-height: 35px; background: #007131; border:none; border-radius: 5px; }
	.subBar ul li .xiala.ewm{top:calc((100% - 174px) / 2); width: 160px;}
	.subBar ul li .xiala.ewm .box{ padding: 10px; background: #fff; border-radius: 5px; text-align: center; }
	.subBar ul li .xiala.ewm .box .imgbox{ font-size: 0; }
	.subBar ul li .xiala.ewm .box .imgbox img{width: 100%; }
	.subBar ul li .xiala.ewm .box .mc{ color: #818181; line-height: 24px; }
	.subBar ul li .xiala.fenxiang{ top:calc((100% - 68px) / 2); width: 160px; }
	.subBar ul li .xiala.fenxiang .ul{ height: 68px; background: #fff; border-radius: 5px; }
	.subBar ul li .xiala.fenxiang .ul .li{ width: calc(100% / 2); }
	.subBar ul li .xiala.fenxiang .ul .li a{ display: block; padding:10px 0;  text-align: center; }
	.subBar ul li .xiala.fenxiang .ul .li a .icon{ margin-bottom: 3px; font-size: 0; }
	.subBar ul li .xiala.fenxiang .ul .li a .mc{ color: #818181; line-height: 20px; }
	.subBar ul li:hover .xiala{ display: block; }
	.subBar ul li:hover > a{ background: #e53939; }
	.subBar ul li .xiala.qq .ul .li a:hover .mc{ color: #007131; }
	.subBar ul li .xiala.liuyan form input:hover,.subBar ul li .xiala.liuyan form textarea:hover{ border:solid 1px #007131; }
	.subBar ul li .xiala.liuyan form button:hover{ background: #e53939; }
	.subBar .zhankai{ display: none; padding:30px 10px; width: 34px; color: #fff; line-height: 16px; background:rgba(255,61,61,0.8); clip-path: polygon(100% 0%,100% 100%,0% calc(100% - 20px),0% 20px); cursor: pointer;}
	.subBar .zhankai:hover{ background:rgba(255,61,61,1);}
	.subBar.active{ bottom:50%; width: auto;}
	.subBar.active ul{ display: none;}
	.subBar.active .zhankai{ display: block;}
	footer .qita .contact .imgbox a:hover{border:solid 1px #007131;}
	footer .menu ul li .ul .li a:hover{ color: #007131; text-decoration: underline !important;}
	footer .footer_bar .fenxiang ul li{ position: relative;}
	footer .footer_bar .fenxiang ul li:nth-child(n+2){ margin-left: 10px; }
	footer .footer_bar .fenxiang ul li a{ display: block; width: 30px; height: 30px; color: #007131; line-height: 28px; border:solid 1px #f0bdbd; border-radius: 5px; }
	footer .footer_bar .fenxiang ul li a.icon-qq{ font-size: 20px; }
	footer .footer_bar .fenxiang ul li a.icon-weixin{ font-size: 18px; }
	footer .footer_bar .fenxiang ul li a.icon-weibo{ font-size: 20px; }
	footer .footer_bar .fenxiang ul li .imgbox{ position: absolute; left: calc((100% - 120px) / 2); bottom: 100%; z-index: 1; padding-bottom: 10px; width: 120px; opacity: 0; transform: translateY(10px); visibility: hidden;}
	footer .footer_bar .fenxiang ul li .imgbox span{ display: block; font-size: 0; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
	footer .footer_bar .fenxiang ul li .imgbox span img{ width: 100%;}
	footer .footer_bar .fenxiang ul li .imgbox:before{ content: ""; position: absolute; left: 50%; bottom: 4px; z-index: 1; margin-left: -6px; width: 0; height: 0; border-left: solid 6px transparent; border-right: solid 6px transparent; border-top: solid 6px #fff;}
	footer .footer_bar .fenxiang ul li:hover a{ color: #fff; background: #007131; border:solid 1px #007131; }
	footer .footer_bar .fenxiang ul li:hover .imgbox{ transform: translateY(0px); visibility: visible; opacity: 1;}
}

@media (max-width:1399px){
	header .menu ul li{ margin-left: 30px; }
	.title-1{ padding: 0 40px;}
	.title-1 .swiper-button.swiper-button-prev{ left: 0;}
	.title-1 .swiper-button.swiper-button-next{ right: 0;}
	.title-4{ padding: 0 50px;}
	.title-4 .swiper-button.swiper-button-prev{ left: 0;}
	.title-4 .swiper-button.swiper-button-next{ right: 0;}
	.pictrue-1 .swiper-button{ top:0; margin-top:0; width: 30px; height: 100%; line-height:initial; border-radius:0; background-image: url(../images/p4jt.png); background-position:40% 50%; background-repeat: no-repeat; background-size: 10px auto; opacity: 1;}
	.pictrue-1 .swiper-button.swiper-button-prev{ left: 0;}
	.pictrue-1 .swiper-button.swiper-button-next{ right: 0;}
	.pictrue-1 .swiper-button:before{ display: none;}
	.pictrue-1 .box{ left:40px; width: calc(100% - 80px);}
	.pictrue-3{ padding: 0 40px;}
	.pictrue-3 .swiper-button{ top: 0; margin-top: 0; height: 100%; border-radius: 0;}
}

@media (max-width:1399px) and (min-width:992px){
	.pictrue-1 .swiper-button:hover{ background-color:#30a060;}
}

@media (max-width:1199px){
	header .biaoyu{ font-size: 14px; }
	header .menu ul li > a{ font-size: 14px; }
	.banner .swiper-slide{ height: 490px; }
	.banner .textbox1{ right: 15px; width: calc(100% - 30px);}
	.banner .textbox1 .en{font-size: 60px;line-height: 60px; }
	.banner .textbox1 .en2{font-size: 24px;line-height: 24px; }
	.banner .textbox1 .cn{ font-size: 40px;line-height: 50px; }
	.banner .textbox1 .cn2{font-size: 18px;}
	.banner .textbox1 .imgbox{ float: right;}
	.banner .textbox1 .imgbox span{width: 60px; height: 60px;line-height: 60px;}
	.banner .textbox1 .imgbox span:nth-child(1){ margin-right:15px;}
	.banner .textbox1 .imgbox span:nth-child(2){ margin-right:15px;}
	.banner .textbox1 .imgbox span img{ width: 30px;}
	.title-1 a{ font-size: 16px; line-height: 60px; }
	.title-3 .biaoti{ font-size: 24px; line-height: 30px; }
	.title-3 .jieshao{ font-size: 16px; }
	.title-4 a .mc{ font-size: 16px; }
	.title-7 .biaoti{ width: 120px; font-size: 16px; line-height: 40px; }
	.text-2{ padding-left: 20px; }
	.text-2 .biaoti{ font-size: 18px; line-height: 24px; }
	.text-2 .mc{ font-size: 12px; }
	.text-2 .fumc{ font-size: 14px; }
	.text-2 .jieshao{ font-size: 12px; }
	.text-3{ font-size: 14px; line-height: 26px; padding: 0 15px; }
	.pictrue-2-list a .textbox .mc{ font-size: 16px; }
	footer .menu{ width: calc(100% - 420px); }
	footer .menu ul li:nth-child(n+2){ margin-left: 60px; }
	footer .qita{ width: 420px; }
	footer .qita .contact{ width: calc(100% - 120px); }
	footer .qita .ewm{ width: 120px; }
}

@media (max-width:991px){
	.main-pad-1{ padding:20px 0 0;}
	.main-pad-2{ padding:0 0 20px;}
	.main-pad-3{ padding:20px 0;}
	.main-borderRadius-1{ border-radius: 0; }
	.main-mar-1{ margin:0 -15px 20px; }
	.main-Background-1{ height: 134px; }
	header .logo a{line-height:80px;}
	header .logo a img{ width: 150px; }
	header .qita{ margin-top:20px; margin-left: 20px; }
	header .biaoyu{ margin-top:0; margin-left: 0; margin-bottom: 5px; font-size: 16px; }
	header .tel .icon{ font-size: 22px; }
	header .tel .biaoti{ margin-left: 5px; }
	.menu-box{ display: none; position: absolute;top: 80px; right: 0; z-index:2147483645; width: 120px; }
	.menu-box ul li{ margin-bottom:1px;}
	.menu-box ul li a{ display: block; font-size: 14px; color: #333; text-align:center; line-height:40px; background:rgba(255,255,255,0.9); }
	.menu-box ul li.active a{ color: #fff; background: #007131; }
	.menu-btn{ position: relative; top: 31px; width: 40px; }
	.menu-btn b{ display: block; height:3px; background: #007131;}
	.menu-btn b:nth-child(2){ margin:4px 0; }
	.menu-btn.active b:nth-child(1){ transform:rotate(45deg) translate(0,10px); }
	.menu-btn.active b:nth-child(2){ opacity: 0; }
	.menu-btn.active b:nth-child(3){ transform:rotate(-45deg) translate(0,-10px); }
	.banner .swiper-slide{ height: auto; font-size: 0; background: none !important; }
	.banner .swiper-slide > img{ max-width: 100%; }
	.title-1 a{ font-size: 14px; line-height: 50px; }
	.title-2 .left .zimu{ font-size: 40px; line-height: 37px; }
	.title-2 .left .text .mc{ font-size: 16px; line-height: 20px; }
	.title-2 .left .text .en{ font-size: 12px; line-height: 12px; }
	.title-2 .more a{ width: 33px; height: 33px; }
	.title-2 .more a:before{margin:-2px 0 0 -10px; width: 20px;}
	.title-2 .more a:after{margin:-10px 0 0 -2px; height: 20px;}
	.title-2.active{ width: 150px; }
	.title-3 .biaoti{ margin-bottom: 5px; font-size: 18px; line-height: 24px; }
	.title-3 .jieshao{ margin-bottom: 5px; font-size: 14px; }
	.title-4{ padding: 0 40px;}
	.title-4 .swiper-button{ width: 30px;}
	.title-4 a{ padding:10px; }
	.title-4 a .mc{ font-size: 14px; }
	.title-4 a .icon{ height: 40px; line-height: 40px; }
	.title-4-nr-box{ margin-bottom: 20px; }
	.title-5{ margin-bottom: 20px; }
	.title-5 .biaoti{ font-size: 24px; line-height: 30px; }
	.title-7 .biaoti{ font-size: 14px; }
	.title-8 .biaoti{ font-size: 24px; line-height: 30px; }
	.text-1{ position: relative;}
	.text-1:before,.text-1::after{ content: ""; position: absolute; z-index: 1; background: rgba(255,255,255,0.1);}
	.text-1:before{ left: 0; top: 50%; width: 100%; height: 1px;}
	.text-1:after{ left: 50%; top: 0; width: 1px; height: 100%;}
	.text-1 .swiper-slide:nth-child(n+2):before{ display: none; }
	.text-1-list{ line-height: 50px; }
	.text-1-list .mc{ font-size: 16px; }
	.text-1-list .icon.icon-huangguan{  font-size:40px; }
	.text-1-list .icon.icon-zan{  font-size: 45px; }
	.text-1-list .icon.icon-xunzhang{  font-size: 38px; }
	.text-1-list .icon.icon-keji{  font-size: 45px; }
	.text-2{ padding-left: 0; margin-bottom: 20px; }
	.text-3{ font-size: 12px; line-height: 24px; padding: 0;}
	.text-4 .jieshao{ padding-right: 0; margin-bottom: 20px; width: 100%; font-size: 14px; line-height: 26px; }
	.text-4 .ewm{ float:left !important; }
	.text-4 .ewm .mc{ font-size: 12px; }
	.text-7{ padding: 15px 0; }
	.text-7 form{ display: block; }
	.text-7 form input{ display: block; padding: 0 15px; width: calc(100% - 40px); color: #333; line-height: 38px; background: none; border:solid 1px #ccc; border-right: none; }
	.text-7 form button{ display: block; padding: 0; width: 40px; height: 40px; color: #fff; line-height: 40px; background:#007131; border:none; }
	.pictrue-2{ padding: 0 40px; overflow: hidden;}
	.pictrue-2:before,.pictrue-2::after{ content: ""; position: absolute; top: 10%; z-index: 1; width: 10px; height: 80%; border-radius: 50%; box-shadow:0 0 10px rgba(0,0,0,0.2);} 
	.pictrue-2:before{ left: -10px;}
	.pictrue-2:after{ right: -10px;}
	.pictrue-2 .swiper-button{margin-top: -30px; width: 30px; height:60px; line-height:initial; background:#007131 url(../images/p4jt.png) no-repeat 40% 50% / 10px auto; border-radius: 0 30px 30px 0;}
	.pictrue-2 .swiper-button:before{ display: none;}
	.pictrue-2-list a .textbox .mc{ font-size: 14px; }
	.pictrue-3{ width: calc(100% - 150px) }
	.pictrue-3:before,.pictrue-3::after{ content: ""; position: absolute; top: 10%; z-index: 1; width: 10px; height: 80%; border-radius: 50%; box-shadow:0 0 10px rgba(0,0,0,0.2);} 
	.pictrue-3:before{ left: -10px;}
	.pictrue-3:after{ right: -10px;}
	.pictrue-3 .swiper-button{ top: 50%; margin-top: -24px; width:24px; height:48px; line-height:initial; background:#007131 url(../images/p4jt.png) no-repeat 40% 50% / 8px auto; border-radius: 0 24px 24px 0;}
	.pictrue-4 .left{ margin-bottom: 20px; }
	.pictrue-4 .left .box{ float: left; }
	.pictrue-4 .left .biaoti{ margin-top: 0; font-size: 24px; line-height: 30px; }
	.pictrue-4 .left .jiangexian{ margin-bottom: 0; }
	.pictrue-4 .left .textbox{ float: right;  margin-bottom: 0;}
	.pictrue-4 .right:before,.pictrue-4 .right::after{ content: ""; position: absolute; top: 10%; z-index: 1; width: 10px; height: 80%; border-radius: 50%; box-shadow:0 0 10px rgba(0,0,0,0.2);} 
	.pictrue-4 .right:before{ left: -10px;}
	.pictrue-4 .right:after{ right: -10px;}
	.pictrue-4 .right .swiper-button{ margin-top: -30px; width:30px; height:60px; background:#007131 url(../images/p4jt.png) no-repeat 40% 50% / 10px auto; border-radius: 0 30px 30px 0;}
	.pictrue-4 .right .swiper-button.swiper-button-prev{ left: 0;}
	.pictrue-4 .right .swiper-button.swiper-button-next{ right: 0;}
	.pictrue-5{ padding: 10px; }
	.pictrue-6{ padding:20px 40px; }
	.pictrue-6 .swiper-button{ font-size: 24px;}
	.pictrue-7 ul li{ width: calc(100% / 3); }
	.pictrue-8{ margin-bottom: 20px; }
	.pictrue-10 ul li{ margin-bottom: 20px; padding-bottom: 20px; }
	.pictrue-10 ul li a .textbox .biaoti{ font-size: 14px; }
	.pictrue-10 ul li a .textbox .jieshao{ font-size: 12px; }
	.subnav{ margin:-20px -15px 20px; box-shadow: none; }
	.subnav .biaoti{ position: relative; padding: 0 15px; font-size: 18px; color: #007131; line-height: 50px; background: #ebebeb; text-align: left }
	.subnav .biaoti:before{ content: ""; position: absolute; right: 10px; top: 50%; margin-top: -10px; width: 20px; height: 20px; background: url(../images/p4jt2.png) no-repeat center center / 15px auto; transition: all 0.3s ease; transform: rotate(180deg)}
	.subnav .biaoti.active:before{ transform: rotate(270deg)}
	.subnav ul{  display: none;}
	.subnav ul li a{ padding: 0 15px; height: 40px; line-height: 40px; }
	.subnav ul li:before{ display: none; }
	.subnav ul li a .mc{ font-size: 14px; }
	.subnav ul li a .icon{ height: 40px; }
	.subnav .ul{ padding: 15px 5px; }
	.subnav .ul .li{ margin-top: 10px;}
	.subnav .ul .li:first-child{ margin-top:0;}
	.subnav .ul .li a{ text-align: center; box-shadow: inset 0 0 0 1px #b5b5b5; }
	footer .qita{ width: 100%; }
	footer .qita .contact{ width: 100%; }
	footer .qita .contact .top{ float: left; }
	footer .qita .contact .jieshao{  margin-bottom: 0; }
	footer .qita .contact .imgbox{ float: right; width: 130px; }
	footer .qita .contact .imgbox a{ width:100%; }
	footer .qita .contact .imgbox a:nth-child(2){ margin-left: 0; margin-top:10px; }
	footer .footer_bar .copyright{ width: 100%; text-align: center; }
	.pagin{ margin-top: 20px;}
	.pagin .message{ width: 100%; text-align: center; font-size: 12px; margin-top: 0; line-height: 24px;}
	.pagin .jlfanye{ width: 100%; font-size: 0; text-align: center;}
	.pagin .jlfanye a{ float: none; display: inline-block; vertical-align: top; padding:0 5px; margin:5px 2px; font-size: 12px;}

}

@media (max-width:767px){
	.main-Background-1{ height: 120px; }
	header .logo a{line-height:60px;}
	header .logo a img{ width: 120px; }
	header .biaoyu{ font-size: 14px; }
	header .qita{ margin-top: 10px; }
	header .tel .biaoti{ font-size: 12px; }
	header .tel .shuzi{ font-size: 14px; }
	.banner .swiper-pagination{ bottom: 10px; }
	.banner .swiper-pagination span{ width: 8px; height: 8px; }
	.menu-box{top: 60px; width: 100px; }
	.menu-box ul li a{ font-size: 12px; line-height: 34px;}
	.menu-btn{ top: 21px; width: 30px;}
	#tabBar{ position: fixed; right:20px; bottom:20px; z-index: 99; width:50px; height: 50px;}
	#tabBar.active{ width: calc(100% - 40px); animation: tabBarAnimation 3s 1s infinite linear; -webkit-animation: tabBarAnimation 3s 1s infinite linear; -moz-animation: tabBarAnimation 3s 1s infinite linear; -o-animation: tabBarAnimation 3s 1s infinite linear;  }
	#tabBar .clickbtn{ position: absolute; right: 0; bottom: 0; z-index: 2; width:50px; height:50px; font-size: 0; line-height: 50px; background: rgba(255,255,255,0.8); border-radius: 50%; }
	#tabBar .clickbtn span{ display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; opacity: 0; }
	#tabBar .clickbtn img{ width: 22px; }
	#tabBar .clickbtn.on{ animation:clickbtnAnimation 10s 0s infinite linear; -moz-animation:clickbtnAnimation 10s 0s infinite linear; -webkit-animation:clickbtnAnimation 10s 0s infinite linear; -o-animation:clickbtnAnimation 10s 0s infinite linear; box-shadow: 0 3px 5px rgba(0,0,0,0.5); }
	#tabBar .clickbtn.on:before{ content: ""; position: absolute; left: 0; bottom: -5px; z-index: 1; width: 20px; height: 5px;}
	#tabBar .clickbtn.active{ background:url(../images/tabBar/xian2.png) #007131; background-size: 100% 100%; }
	#tabBar .clickbtn.active:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; border:solid 1px rgba(255,255,255,0.2); border-radius: 50%; }
	#tabBar .clickbtn.active > img{ opacity: 0; }
	#tabBar .clickbtn.active span{ opacity: 1; }
	#tabBar .navigation{ position: absolute; left:calc(100% - 100px); bottom: 0; z-index: 1; width:0; height: 50px; border-radius: 25px; transition: all 0.3s;}
	#tabBar .navigation:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; border-radius: 25px; 
background:-moz-linear-gradient(left,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.6) 100%);background:-webkit-linear-gradient(left,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.6) 100%);background:linear-gradient(to right,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.6) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff',endColorstr='#99ffffff',GradientType=1 );}
	#tabBar .navigation ul{ position: relative; z-index: 2; padding: 0 60px 0 20px; }
	#tabBar .navigation ul li{ width: calc(100% / 3); font-size: 0; }
	#tabBar .navigation ul li a{ position: relative; left: 10px; display: inline-block; vertical-align: top; line-height: 50px;opacity: 0; }
	#tabBar .navigation ul li a .tab-icon{ margin-right: 5px; }
	#tabBar .navigation ul li a .tab-icon img{ width: 22px; }
	#tabBar .navigation ul li a .tab-title{ font-size: 12px;color: #333; }
	#tabBar .navigation.active{ box-shadow: 5px 5px 10px rgba(0,0,0,0.2); animation: navigationAnimation 0.5s 0s linear forwards; -webkit-animation: navigationAnimation 0.5s 0s linear forwards; -moz-animation: navigationAnimation 0.5s 0s linear forwards; -o-animation: navigationAnimation 0.5s 0s linear forwards; }
	#tabBar .navigation.active ul li:nth-child(1) a{animation:navigationAAnimation 0.3s 0.5s linear forwards; -webkit-animation:navigationAAnimation 0.3s 0.5s linear forwards; -moz-animation:navigationAAnimation 0.3s 0.5s linear forwards; -o-animation:navigationAAnimation 0.3s 0.5s linear forwards; }
	#tabBar .navigation.active ul li:nth-child(2) a{animation:navigationAAnimation 0.3s 0.6s linear forwards; -webkit-animation:navigationAAnimation 0.3s 0.6s linear forwards; -moz-animation:navigationAAnimation 0.3s 0.6s linear forwards; -o-animation:navigationAAnimation 0.3s 0.6s linear forwards; }
	#tabBar .navigation.active ul li:nth-child(3) a{animation:navigationAAnimation 0.3s 0.7s linear forwards; -webkit-animation:navigationAAnimation 0.3s 0.7s linear forwards; -moz-animation:navigationAAnimation 0.3s 0.7s linear forwards; -o-animation:navigationAAnimation 0.3s 0.7s linear forwards; }		

	@keyframes tabBarAnimation{
		0%{transform:translate(0,0);}
		30%{transform:translate(0,5px);}
		50%{transform:translate(0,0);}
		70%{transform:translate(0,-5px);}
		100%{transform:translate(0,0);}
	}
	@-webkit-keyframes tabBarAnimation{
		0%{transform:translate(0,0);}
		30%{transform:translate(0,5px);}
		50%{transform:translate(0,0);}
		70%{transform:translate(0,-5px);}
		100%{transform:translate(0,0);}
	}
	@-moz-keyframes tabBarAnimation{
		0%{transform:translate(0,0);}
		30%{transform:translate(0,5px);}
		50%{transform:translate(0,0);}
		70%{transform:translate(0,-5px);}
		100%{transform:translate(0,0);}
	}
	@-o-keyframes tabBarAnimation{
		0%{transform:translate(0,0);}
		30%{transform:translate(0,5px);}
		50%{transform:translate(0,0);}
		70%{transform:translate(0,-5px);}
		100%{transform:translate(0,0);}
	}

	@keyframes navigationAnimation{
		0%{left:calc(100% - 100px); width: 0; }
		80%{ left: -10px; width:100%; }
		90%{ left:  5px; width:100%; }
		100%{ left: 0; width:100%; }
	}
	@-webkit-keyframes navigationAnimation{
		0%{left:calc(100% - 100px); width: 0; }
		80%{ left: -10px; width:100%; }
		90%{ left:  5px; width:100%; }
		100%{ left: 0; width:100%; }
	}
	@-moz-keyframes navigationAnimation{
		0%{left:calc(100% - 100px); width: 0; }
		80%{ left: -10px; width:100%; }
		90%{ left:  5px; width:100%; }
		100%{ left: 0; width:100%; }
	}
	@-o-keyframes navigationAnimation{
		0%{left:calc(100% - 100px); width: 0; }
		80%{ left: -10px; width:100%; }
		90%{ left:  5px; width:100%; }
		100%{ left: 0; width:100%; }
	}

	@keyframes navigationAAnimation{
		from{ left: -10px; opacity: 0; }
		to{ left: 0; opacity: 1; }
	}
	@-moz-keyframes navigationAAnimation{
		from{ left: -10px; opacity: 0; }
		to{ left: 0; opacity: 1; }
	}
	@-webkit-keyframes navigationAAnimation{
		from{ left: -10px; opacity: 0; }
		to{ left: 0; opacity: 1; }
	}
	@-o-keyframes navigationAAnimation{
		from{ left: -10px; opacity: 0; }
		to{ left: 0; opacity: 1; }
	}

	@keyframes clickbtnAnimation{
		0%{ transform: rotateY(0deg); }
		10%{transform: rotateY(270deg); }
		15%{transform: rotateY(180deg); }
		30%{transform: rotateY(0deg); }
		100%{transform: rotateY(0deg); }
	}
	@-moz-keyframes clickbtnAnimation{
		0%{ transform: rotateY(0deg); }
		10%{transform: rotateY(270deg); }
		15%{transform: rotateY(180deg); }
		30%{transform: rotateY(0deg); }
		100%{transform: rotateY(0deg); }
	}
	@-webkit-keyframes clickbtnAnimation{
		0%{ transform: rotateY(0deg); }
		10%{transform: rotateY(270deg); }
		15%{transform: rotateY(180deg); }
		30%{transform: rotateY(0deg); }
		100%{transform: rotateY(0deg); }
	}
	@-o-keyframes clickbtnAnimation{
		0%{ transform: rotateY(0deg); }
		10%{transform: rotateY(270deg); }
		15%{transform: rotateY(180deg); }
		30%{transform: rotateY(0deg); }
		100%{transform: rotateY(0deg); }
	}
	/*.banner .swiper-slide{ height:350px; }*/
	.banner .textbox1{ right: 15px; bottom: 30px; }
	.banner .textbox1 .en{font-size:30px;line-height:30px; }
	.banner .textbox1 .en2{font-size: 18px;line-height: 18px; }
	.banner .textbox1 .cn{ font-size: 24px;line-height: 24px; }
	.banner .textbox1 .cn2{ margin-bottom: 10px; font-size: 14px;}
	.banner .textbox1 .imgbox span{width: 40px; height: 40px;line-height: 40px;}
	.banner .textbox1 .imgbox span:nth-child(1){ margin-right:10px;}
	.banner .textbox1 .imgbox span:nth-child(2){ margin-right:10px;}
	.banner .textbox1 .imgbox span img{ width: 20px;}
	.title-3 .biaoti{ font-size: 16px; }
	.title-3 .jieshao{ font-size: 12px; }
	.title-3 .icon{ width: 30px; height: 30px; font-size: 30px; line-height: 30px; }
	.title-4 a .mc{ font-size: 12px; }
	.title-4 a .icon{ height: 35px; line-height: 35px; }
	.title-4 a .icon img{ width: 35px;}
	.title-7 .biaoti{ width: 25%;}
	.title-8 .biaoti{ font-size: 18px; line-height: 24px; }
	.text-2 .biaoti{ margin-bottom: 5px; font-size: 16px; }
	.text-4 .jieshao{ font-size: 12px; line-height: 24px; }
	.text-5{ font-size: 12px; line-height: 24px; }
	.text-6 ul li .top{ padding: 7px 10px; }
	.text-6 ul li .top .biaoti{ padding-right: 10px; width: calc(100% - 70px); font-size: 12px; }
	.text-6 ul li .top .more{ width:70px; }
	.text-6 ul li .top .more a .icon{ display: none; }
	.text-6 ul li .bot{ padding: 0 10px; }
	.text-7{ padding: 10px 0; }
	.text-7 form input{ padding: 0 10px; width: calc(100% - 34px); font-size: 12px; line-height:32px;}
	.text-7 form button{width: 34px; height: 34px;line-height: 34px; }
	.pictrue-1{ height: 80px; }
	.pictrue-1 .box .imgbox a{ height: 80px; line-height: 80px; }
	.pictrue-2-list a .imgbox{ height: 80px; line-height: 80px; }
	.pictrue-2-list a .textbox .mc{ margin-bottom: 0; }
	.pictrue-2-list a .textbox .jieshao{ font-size: 12px; }
	.pictrue-4 .left{ padding: 15px;}
	.pictrue-4 .left .biaoti{ font-size: 18px; line-height: 24px; }
	.pictrue-4 .left .jiangexian{ margin-top:15px; }
	.pictrue-4 .left .textbox ul li a{ height: 12px; font-size: 12px; line-height: 12px; }
	.pictrue-4 .left .textbox ul li:nth-child(n+2){ margin-top: 10px; }
	.pictrue-4 .right a{ padding: 15px; }
	.pictrue-4 .right a .imgbox{ height: 80px; line-height: 80px; }
	.pictrue-4 .right a .mc{ margin-bottom: 10px; font-size: 12px; line-height: 34px; }
	.pictrue-5-list a{ height: 80px; line-height: 80px; }
	.pictrue-6{ padding: 10px 40px }
	.pictrue-6-list a{ height: 80px; line-height: 80px; }
	.pictrue-6 .swiper-button{ width: 24px; height: 24px; font-size: 20px; line-height: 24px; }
	.pictrue-7 ul li{ width: 50%; }
	.pictrue-7 ul li a .imgbox{ height: 80px; line-height: 80px;}
	.pictrue-7 ul li a .biaoti .cn{ font-size: 14px; }
	.pictrue-7 ul li a .more{ height: 34px; font-size: 12px; line-height: 32px; }
	.text-1-list { line-height: 35px; }
	.text-1-list .icon{ margin-right:15px; }
	.text-1-list .mc{ font-size: 14px; }
	.text-1-list .icon.icon-huangguan{  font-size:30px; }
	.text-1-list .icon.icon-zan{  font-size: 35px; }
	.text-1-list .icon.icon-xunzhang{  font-size: 28px; }
	.text-1-list .icon.icon-keji{  font-size: 35px; }
	.subnav .ul{ padding-left: 10px; padding-right: 10px; }
	.subnav .ul .li a{ font-size: 14px; }
	footer .qita .contact .mc{ font-size: 14px; }
	footer .qita .contact .jieshao{ font-size: 12px; }
	footer .footer_bar{ padding:15px 0;}
	footer .footer_bar .copyright{ font-size: 12px;  line-height: 24px;}
}

@media (max-width:479px){
	.main-pad-4{ padding: 15px; }
	.title-2.active{ margin-bottom: 20px; width: 100%; }
	.pictrue-3{ width: 100%; }
	.pictrue-10 ul li a .imgbox{ width: 150px; }
	.pictrue-10 ul li a .imgbox span{ height:auto; padding-top:102px; }
	.pictrue-10 ul li a .textbox{ padding-left: 15px; width: calc(100% - 150px); }
	.pictrue-10 ul li a .textbox .biaoti{ margin-bottom: 0; }
	.pictrue-10 ul li a .textbox .jieshao{ margin-bottom: 5px; }
	.pictrue-10 ul li a .textbox .more{ width: 90px; height: 24px; line-height: 22px; }
	.subnav .ul .li a{ height: 34px; font-size: 12px; line-height: 32px; }
}

@media (max-width:413px){
	header .qita{ display: none; }
	.banner .textbox1{ bottom: 15px; }
	.banner .textbox1 .imgbox span{ width: 34px; height: 34px; line-height: 34px; }
	.pictrue-4 .right a{ padding: 10px; }
	.pictrue-7 ul li a{ padding: 10px; }
	.pictrue-7 ul li a .biaoti .cn{ font-size: 12px; }
	.pictrue-10 ul li a .imgbox{ width: 120px; }
	.pictrue-10 ul li a .imgbox span{ height:auto; padding-top:84px; }
	.pictrue-10 ul li a .textbox{width: calc(100% - 120px); }
	.pictrue-10 ul li a .textbox .more{ display: none;}
	footer .qita .contact{ text-align: center; }
	footer .qita .contact .top{ margin-bottom: 20px; width: 100%; }
	footer .qita .contact .imgbox{ width: 100%; font-size: 0; }
	footer .qita .contact .imgbox a{ float: none !important; display: inline-block; vertical-align: top; margin:0 auto; max-width: 130px; }
	footer .qita .contact .imgbox a:nth-child(2){ margin-top: 0; margin-left: 10px; }
}


.title-7-nr-box img{max-width: 100% !important;}

.pull-right_inputbox{ float: right; width: 250px;border: 1px solid #ddd; box-sizing: border-box; padding:0 30px 0 10px; position: relative; border-radius: 12px; margin-right: 20px; margin-top: -2px;}
.pull-right_inputbox a{position: absolute; top: 0; right: 0; width: 24px; height: 24px; padding: 1px 6px 2px 2px;}
.pull-right_inputbox a img{width: 100%;}
.pull-right_input{ border:none; width: 100%; height: 28px; line-height: 28px; font-size: 16px;}