@charset "utf-8";

body{font-family:"微软雅黑"}
.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}
::-webkit-input-placeholder{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
:-moz-placeholder{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
::-moz-placeholder{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
:-ms-input-placeholder{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
.tr{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
.tr3{transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;}
input,button,textarea,.swiper-pagination span,.swiper-button{ outline: none !important; }
.sizeCover{ background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; }

.main-pad-1{ padding:40px 0 0;}
.main-pad-2{ padding:0 0 40px;}
.main-pad-3{ padding:60px 0 0;}
.main-pad-4{ padding:0 0 90px;}
.main-background-1{ background:#f1feea;}

header{ position: relative; z-index:99999;}
header .box{ display: flex; justify-content:space-between; align-items: center;}
header .qita .logo a{ display:block; font-size:0;}

.banner{ position:relative;}
.banner a{ display: block; font-size: 0; text-align: center;}
.banner a img{ width: 100%;}
.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; box-shadow:0 1px 3px rgba(0,0,0,.2); opacity: 1; transition: all 0.3s;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background: #46a025;}

.title-1 .en{ margin-bottom:5px; font-family:'Impact'; font-size: 32px; color: rgba(154,154,154,.46); line-height: 34px;}
.title-1 .cn{ margin-bottom:5px; display: flex; justify-content: center;}
.title-1 .cn .box{ position: relative; display: flex; justify-content: center; align-items: center;font-size: 30px; }
.title-1 .cn .box:before,.title-1 .cn .box:after{ content:""; position: absolute; top:50%; z-index: 1; width: 18px; height: 1px; background: #46a025;}
.title-1 .cn .box:before{ right:calc(100% + 20px);}
.title-1 .cn .box:after{ left:calc(100% + 20px);}
.title-1 .cn .box b{ color: #000; font-weight: bold;}
.title-1 .cn .box span{ margin-left:10px; color: #46a025;}
.title-1 .jieshao{ color: #848484; line-height: 24px;}
.title-1.active .en{color:rgba(255,255,255,.29);}
.title-1.active .cn .box b,.title-1.active .cn .box span{color: #fff;}
.title-1.active .cn .box:before,.title-1.active .cn .box:after{background: #fff;}
.title-1.active .jieshao{ color: #fff;}
.title-3{ margin-bottom: 20px;}
.title-3 .biaoti{ display: flex; justify-content: center;}
.title-3 .biaoti span{ position: relative; display: block; font-size: 24px; color: #343434; line-height: 30px;}
.title-3 .biaoti span:before,.title-3 .biaoti span:after{ content:""; position: absolute; top:18px; z-index: 1; width: 104px; height: 1px; background: #e5e5e6;}
.title-3 .biaoti span:before{ right: calc(100% + 20px);}
.title-3 .biaoti span:after{ left: calc(100% + 20px);}
.title-3 .biaoti span i{ display: block; position: absolute; top:12px; z-index: 1; width: 66px; height: 1px; background: #e5e5e6;}
.title-3 .biaoti span i:first-child{ right: calc(100% + 20px);}
.title-3 .biaoti span i:last-child{ left: calc(100% + 20px);}
.title-3 .maxen{ margin-bottom:-74px; font-family: 'Impact'; font-size: 60px; color: rgba(101,101,101,.08); line-height: 74px;}
.title-3 .biaoti2{ display: flex; justify-content: center; align-items: center; margin-bottom:5px;}
.title-3 .biaoti2 .maxcn{ font-size: 52px; color: #46a025; font-weight: bold;}
.title-3 .biaoti2 .text{ padding-left:10px; text-align: left;}
.title-3 .biaoti2 .text .en{font-family: 'Arial'; font-size: 18px; color: #c5c5c5; font-weight: bold; line-height: 24px;}
.title-3 .biaoti2 .text .mincn{ font-size: 24px; color: #fd9902; font-weight: bold; line-height: 30px; letter-spacing:4px;}
.title-3 .jieshao{ color: #848484; line-height: 24px;}
.title-4{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px; padding:0 25px; height: 45px; background: #f7f7f7;}
.title-4 .left{ display: flex; align-items: center;}
.title-4 .left .icon{ position: relative; width: 22px; height: 22px; background: #b5b5b5; border-radius: 3px;}
.title-4 .left .icon:before{ content:""; position: absolute; left: 50%; top: 50%; margin-top:-6px; margin-left:-5px; border-top: solid 6px transparent;border-bottom: solid 6px transparent;border-left: solid 11px #ffffff;}
.title-4 .left .mc{ padding-left:10px; font-size: 19px; color: #46a025; font-weight: bold;}
.title-4 .right a{ display: flex; align-items: center;}
.title-4 .right a .mc{ font-size: 16px; color: #46a025;}
.title-4 .right a .icon{ position: relative; margin-left: 10px; width:22px; height: 22px; background: #46a025; border-radius: 3px;}
.title-4 .right a .icon:before,.title-4 .right a .icon:after{ content:""; position: absolute; left: 50%; top: 50%; z-index: 1; margin-left:-5px; width: 10px; height: 1px; background: #fff;}
.title-4 .right a .icon:before{ transform:rotate(90deg);}
.title-5{ margin-bottom: 20px;}
.title-5 .biaoti{ font-size: 18px; color: #333; line-height: 24px; font-weight: bold;}
.title-5 .time{ margin-top:5px; color: #999; line-height: 24px;}


.text-1{ padding:20px 0 25px; border-bottom: solid 1px #eeeeee;}
.text-1 .col-xs-12{ display: flex; justify-content: space-between; align-items: center;}
.text-1 .left{ display: flex; align-items: center; width: calc(100% - 542px);}
.text-1 .left .mc{ font-size: 15px; color: #333; font-weight: bold;}
.text-1 .left ul{ display: flex; flex-wrap: wrap; padding-left: 10px; width: calc(100% - 80px); height:42px; line-height: 42px; overflow: hidden;}
.text-1 .left ul li{ margin-right:30px;}
.text-1 .left ul li a{ display: block; font-size: 15px; color: #767676;}
.text-1 .right{ width: 522px;}
.text-1 .right form{ display: flex; align-items: center; justify-content: space-between;;}
.text-1 .right form input{ padding:0 20px; width: calc(100% - 110px); height:42px; color: #333; line-height: 42px; background:#f3f3f3; border: none;}
.text-1 .right form button{ padding:0; width:110px; height: 42px; font-size: 15px; color: #fff; line-height: 42px; background: #46a025; border: none;}
.text-2{ color:#6c6c6c; line-height: 30px;}
.text-2 img{max-width: 100%;height: auto;}
.text-2 table{width: 100%!important;}


.picture-1 ul{ display: flex; flex-wrap: wrap;}
.picture-1 ul li a{ display: block; border: solid 1px #dddddd;}
.picture-1 ul li a .imgbox{ border-bottom: solid 1px #dddddd; overflow: hidden;}
.picture-1 ul li a .imgbox span{ display: block; padding-top:calc(211 / 281 * 100%);}
.picture-1 ul li a .textbox{ display: flex; justify-content: space-between; align-items: center; background: #efefef;}
.picture-1 ul li a .textbox .mc{ padding:0 22px; width: calc(100% - 49px); font-size: 14px; color: #333; line-height:43px;
overflow:hidden; 
text-overflow:ellipsis;
white-space:nowrap; }
.picture-1 ul li a .textbox .icon{ position: relative; display: flex; justify-content: center; align-items: center; width:49px; height:43px; font-size:16px; color: #fff; background: #46a025; border-left: solid 1px #dddddd;} 
.picture-1 ul li a .textbox .icon:after{ content: ""; position: absolute; left:50%; top: 50%; z-index: 1; margin:-12px 0 0 -13px; width: 25px; height: 25px; border: solid 1px #fff; border-radius: 50%;}
.picture-2{ display: flex; justify-content: space-between; align-items: center;}
.picture-2 .textbox .biaoti{ margin-bottom: 5px; font-size: 30px; color: #fff; font-weight: bold; line-height: 34px;}
.picture-2 .textbox .jieshao{ margin-bottom: 10px; font-size: 18px; color: #fff; line-height: 24px;}
.picture-2 .textbox .tel{ display: flex; align-items: center;}
.picture-2 .textbox .tel .more{ width: 56px;}
.picture-2 .textbox .tel .more a{ display: block; padding:5px 10px; height: 56px; font-size: 16px; color: #fff; text-align: center; border-radius: 50%; background:rgb(250,151,5);background:-moz-linear-gradient(top,rgba(250,151,5,1) 0%,rgba(240,100,2,1) 100%);background:-webkit-linear-gradient(top,rgba(250,151,5,1) 0%,rgba(240,100,2,1) 100%);background:linear-gradient(to bottom,rgba(250,151,5,1) 0%,rgba(240,100,2,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa9705',endColorstr='#f06402',GradientType=0 );}
.picture-2 .textbox .tel .text{ padding-left:20px;}
.picture-2 .textbox .tel .text .mc{ color: #fff; line-height: 24px;}
.picture-2 .textbox .tel .text .shuzi{ display: flex; align-items: center;font-family:'Arial'; font-size: 20px; color: #fff; font-weight: bold;}
.picture-2 .textbox .tel .text .shuzi a{color: #fff;}
.picture-2 .textbox .tel .text .shuzi span{ margin:0 15px;}
.picture-2 .imgbox{ font-size: 0;}
.picture-2 .imgbox img{ width: 631px;}
.picture-3{ padding:0 25px 40px; background: #fff; box-shadow:0 10px 20px rgba(0,0,0,.1);}
.picture-3 .ul{ position: relative;}
.picture-3 .ul .line{position: absolute; left: 0; z-index: 1; font-size: 0;}
.picture-3 .ul .line img{ max-width: 100%;}
.picture-3 .ul .line:nth-child(1){ left:22%; top:210px;}
.picture-3 .ul .line:nth-child(2){ left:22%; top:630px;}
.picture-3 .ul .li{ position: relative; z-index: 2; display: flex; justify-content: space-between; align-items: center;}
.picture-3 .ul .li:nth-child(even){ flex-direction: row-reverse;}
.picture-3 .ul .li .imgbox{ font-size: 0;}
.picture-3 .ul .li .textbox ul li:nth-child(n+2){ margin-top:30px;}
.picture-3 .ul .li .textbox ul li .biaoti{ display: flex; align-items: center;}
.picture-3 .ul .li .textbox ul li .biaoti .shuzi{ width: 65px; font-family: 'Bebas'; font-size: 60px; color: #343434;}
.picture-3 .ul .li .textbox ul li .biaoti .text{ padding-left:15px; width: calc(100% - 65px);}
.picture-3 .ul .li .textbox ul li .biaoti .text .cn{ font-size: 33px; color: #343434; line-height: 40px;}
.picture-3 .ul .li .textbox ul li .biaoti .text .en{ font-family:'Arial'; color: #b4b4b4; line-height: 24px;}
.picture-3 .ul .li .textbox ul li .jieshao{ display: flex; align-items: flex-start; padding-left:80px;}
.picture-3 .ul .li .textbox ul li .jieshao .icon{ width:23px; height: 23px; background: url(/images/xx.png) no-repeat; background-size: 100% 100%;}
.picture-3 .ul .li .textbox ul li .jieshao .text{ padding-left:20px; width: calc(100% - 23px); color: #434343; line-height: 30px;}
.picture-4{ position: relative; display: flex; padding:0 0 25px 30px;}
.picture-4:before{ content:""; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height:calc(100% - 50px); background: #fff;}
.picture-4 .imgbox{ position: relative; z-index: 2; width:50%; overflow: hidden;}
.picture-4 .imgbox span{ display: block; padding-top:425px;}
.picture-4 .textbox{ position: relative; z-index: 2; padding:0 45px 0 35px; width: 50%;}
.picture-4 .textbox .en{ font-family:'Arial'; font-size: 65px; color: rgba(255,255,255,.12); font-weight: bold; line-height:50px;}
.picture-4 .textbox .box{ padding:40px 0 0;}
.picture-4 .textbox .box .cn{ margin-bottom: 25px; font-size:24px; color: #1d1d1d; font-weight: bold; line-height: 30px;}
.picture-4 .textbox .box .jieshao{ margin-bottom: 20px; color: #6c6c6c; line-height: 24px; overflow: hidden;}
.picture-4 .textbox .box .more a{ display: block; width: 100px; color: #6c6c6c; line-height: 28px; border: solid 1px #e1e1e1;}
.picture-5-list a{ display: block; padding:27px; border: solid 1px #e5e5e5;}
.picture-5-list a .imgbox{ margin-bottom: 20px; overflow: hidden; border: solid 1px #e5e5e5;}
.picture-5-list a .imgbox span{ display: block; padding-top:calc(233 / 328 * 100%);}
.picture-5-list a .textbox{ font-size: 18px; color: #242424; font-weight: bold; line-height:20px;}
.picture-5 ul{ display: flex; flex-wrap: wrap;}
.picture-5 ul li a{ padding:10px 10px 0;}
.picture-5 ul li a .imgbox{ margin-bottom: 0;}
.picture-5 ul li a .textbox{height: 50px; font-size:16px; font-weight: normal; line-height: 50px;}
.picture-6{ display: flex; justify-content: space-between; padding:40px 40px 50px; background: #fff;}
.picture-6 .lefts{ width:61%;}
.picture-6 .lefts ul li:nth-child(n+2){ margin-top:40px;}
.picture-6 .lefts ul li a{ display: flex; align-items: center;}
.picture-6 .lefts ul li a .imgbox{ width: 240px; overflow: hidden;}
.picture-6 .lefts ul li a .imgbox span{ display: block; padding-top: 160px;}
.picture-6 .lefts ul li a .textbox{ padding-left:30px; width: calc(100% - 240px);}
.picture-6 .lefts ul li a .textbox .biaoti{ margin-bottom:15px; font-size:18px; color: #474747; font-weight: bold; line-height: 24px;}
.picture-6 .lefts ul li a .textbox .jieshao{ margin-bottom:15px; height:78px; color: #909090; line-height:26px; overflow: hidden;}
.picture-6 .lefts ul li a .textbox .more{ width: 95px; color: #4b4b4b; line-height: 26px; background: #e5e5e5;}
.picture-6 .rights{ width:calc(39% - 40px);}
.picture-6 .rights ul li:nth-child(n+2){ margin-top:25px; padding-top:25px; border-top:dashed 1px #d3d3d3;}
.picture-6 .rights ul li a{ display: block;}
.picture-6 .rights ul li a .biaoti{ display: flex; align-items: center; margin-bottom: 15px;}
.picture-6 .rights ul li a .biaoti .icon{ width: 20px; height: 20px; color: #fff; line-height: 20px; text-align: center; background: #fd9902;}
.picture-6 .rights ul li a .biaoti .mc{ padding-left: 10px; width: calc(100% - 20px); font-size: 18px; color: #474747; font-weight: bold; line-height: 20px;}
.picture-6 .rights ul li a .jieshao{ display: flex;}
.picture-6 .rights ul li a .jieshao .icon{ margin-top:2px; width: 20px; height: 20px; color: #fff; line-height: 20px; text-align: center; background: #46a025;}
.picture-6 .rights ul li a .jieshao .text{ padding-left: 10px; width: calc(100% - 20px); height: 48px; color: #838383; line-height: 24px; overflow: hidden;}
.picture-7 ul li:nth-child(n+2){ margin-top:20px;}
.picture-7 ul li a{ display: flex; align-items: center; padding:20px; background: #f4f4f4;}
.picture-7 ul li a .imgbox{ width:214px; overflow: hidden;}
.picture-7 ul li a .imgbox span{ display: block; padding-top:142px;}
.picture-7 ul li a .textbox{ padding-left:35px; width: calc(100% - 214px);}
.picture-7 ul li a .textbox .biaoti{ margin-bottom:15px; font-size: 18px; color: #333; line-height: 24px;}
.picture-7 ul li a .textbox .jieshao{ margin-bottom:15px; height:48px; color: #6c6c6c; line-height: 24px; overflow: hidden;}
.picture-7 ul li a .textbox .more{ width: 85px; height: 24px; font-size: 13px; color: #fff; line-height: 24px; background: #d4d4d4;}
.picture-8{ margin-bottom: 20px; font-size: 0;}
.picture-8 img{ max-width: 100%;}
.picture-9{ position: relative; margin-top:20px; padding-top:calc(635 / 1072 * 100%); border: solid 1px #ccc;}
.picture-9 .map{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%;}

.subnav .biaoti{ padding:25px 30px; color: #fff; font-weight: bold; background: url(/images/subnav_bg.jpg) no-repeat 50% 50% / cover;}
.subnav .biaoti .en{ font-family: 'Times New Roman';}
.subnav .biaoti .en .maxen{ font-size: 30px;}
.subnav .biaoti .en .minen{ font-size: 24px;}
.subnav .biaoti .jiangexian{ margin:20px 0; width: 40px; height: 2px; background: #fff;}
.subnav .biaoti .cn{ font-size: 20px; color: #fff; font-weight: bold; line-height: 24px;}
.subnav .xiala{ padding:10px; border: solid 1px #dddddd; border-top:none;}
.subnav .xiala ul{ padding:0 15px; border: solid 1px #eeeeee; background:rgb(235,235,235);background:-moz-linear-gradient(left,rgba(235,235,235,1) 0%,rgba(255,255,255,1) 50%,rgba(235,235,235,1) 100%);background:-webkit-linear-gradient(left,rgba(235,235,235,1) 0%,rgba(255,255,255,1) 50%,rgba(235,235,235,1) 100%);background:linear-gradient(to right,rgba(235,235,235,1) 0%,rgba(255,255,255,1) 50%,rgba(235,235,235,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb',endColorstr='#ebebeb',GradientType=1 );}
.subnav .xiala ul li{ border-top:solid 1px #e3e3e3;}
.subnav .xiala ul li:first-child{ border-top: none;}
.subnav .xiala ul li a{ position: relative; display: flex; justify-content: space-between; align-items: center; padding-left: 35px; height: 54px;}
.subnav .xiala ul li a .icon{ position: absolute; left:5px; top: 50%; z-index: 1; margin-top:-7px; width: 14px; height: 14px; border: solid 1px #46a025;}
.subnav .xiala ul li a .icon:before,.subnav .xiala ul li a .icon:after{ content: ""; position: absolute; left: 0; top: 4px; z-index: 1; width: 100%; height: 4px; border-left:solid 4px #46a025;border-right:solid 4px #46a025;}
.subnav .xiala ul li a .icon:before{ transform:rotate(90deg);}
.subnav .xiala ul li a .mc{ font-size: 16px; color: #333;}
.subnav .xiala ul li a .more{ color: #46a025;}
.subnav .xiala ul li.active a .mc{ color: #46a025;}
.subnav .xiala .ul{ display: none; padding:15px 20px; background: #46a025;}
.subnav .xiala .ul .li a{ display: block; position: relative; padding-left:25px; color: #fff; line-height: 30px;}
.subnav .xiala .ul .li a:before{ content:">"; position: absolute; left: 0; top: 50%; z-index: 1; margin-top:-7px; width: 13px; height: 13px; font-size: 12px; color: #fff; line-height: 11px; text-align: center; border: solid 1px #fff; transition: all .3s; opacity: 0;}
.subnav .xiala .ul .li.active a:before{ opacity: 1;}
.subnav .xiala .list-unstyled .ul:nth-child(2){display:block !important;}
.subnav .xiala .list-unstyled:nth-child:first-child .ul{display:block !important;}


footer{ background: #15191b;}
footer .top{ display: flex; justify-content: space-between; padding-top:45px; padding-bottom:30px; border-bottom:solid 1px #292c2e;}
footer .top .menu .ul{ display: flex;}
footer .top .menu .ul .li:nth-child(n+2){ margin-left:90px;}
footer .top .maxbiaoti{ margin-bottom:25px;}
footer .top .maxbiaoti .en{ margin-bottom:5px; font-family:'Arial'; font-size: 22px; color:rgba(255,255,255,.07); font-weight: bold; line-height: 24px;}
footer .top .maxbiaoti .cn{ font-size: 16px; color: #fff; font-weight: bold; line-height: 24px;}
footer .top .menu .ul .li ul li{ display: flex; line-height: 30px;}
footer .top .menu .ul .li:nth-child(1) ul,footer .top .menu .ul .li:nth-child(2) ul{ display: flex; flex-wrap: wrap; width: 190px;}
footer .top .menu .ul .li:nth-child(1) ul li,footer .top .menu .ul .li:nth-child(2) ul li{ width: 50%;}
footer .top .menu .ul .li:nth-child(1) ul li:nth-child(even),footer .top .menu .ul .li:nth-child(2) ul li:nth-child(even){ justify-content: flex-end;}
footer .top .menu .ul .li ul li a{ color: #888989;}
footer .top .contact{color: #888989; line-height: 30px;}
footer .top .wechat .imgbox{ font-size: 0;}
footer .top .wechat .imgbox img{ width: 108px;}
footer .bot{ display: flex; justify-content: space-between; align-items: center; display: flex; justify-content: space-between; align-items: center; padding:25px 0 30px;}
footer .bot .copyright{ color: #888989;}
footer .bot .goTop{ width: 32px; height: 32px; font-size: 16px; color: #fff; font-weight: bold; line-height: 32px; text-align: center; background: #46a025; border-radius: 5px; transform: rotate(-90deg); cursor: pointer;}

.pagin{position:relative; margin:20px; font-size:14px;}
.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:30%;margin-top:15px;}
.jlfanye{ /*float:right;*/ width:100%;}
.jlfanye a{ padding:5px;  border: solid 1px #dedede; /*float:left;*/ min-width:8px; margin:8px 2px; color:#999;}
.jlfanye a:hover{ color:#f00;}

@media (min-width:992px){
	.col-md-3-cz-1{ padding-right:18px; width:303px;}
	.col-md-9-cz-1{ padding-left:18px; width: calc(100% - 303px);}
	header .top_bar{ padding-bottom: 1px; border-bottom:solid 1px #f1f1f1; box-shadow:inset 0 -1px 0 #fff; background:rgb(255,255,255);background:-moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);background:-webkit-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#f1f1f1',GradientType=0 );}
	header .top_bar .biaoyu{ font-size: 12px; color: #5e5e5e; line-height: 37px;}
	header .top_bar .right ul{ display: flex;}
	header .top_bar .right ul li{height: 12px; line-height: 12px;}
	header .top_bar .right ul li:nth-child(n+2){ margin-left: 15px; padding-left: 15px;  border-left: solid 1px #d8d8d8; box-shadow:inset 1px 0 0 #c6c6c6;}	
	header .top_bar .right ul li a{ display: block; font-size: 12px; color: #5e5e5e;}
	header .top_bar .right ul li a:hover{color: #4cc81f; text-decoration: underline !important;}
	header .qita .left{ display: flex; align-items: center;}
	header .qita .logo a{line-height:140px;}
	header .qita .biaoyu{ margin-left:20px; padding-left: 20px; border-left:solid 1px #e7e7e7;}
	header .qita .biaoyu .biaoti{ margin-bottom:10px; font-size: 20px; color: #46a025; font-weight: bold; line-height: 24px;}
	header .qita .biaoyu .biaoti span{ color: #2e2e2e;}
	header .qita .biaoyu .jieshao{ font-size: 16px; color: #888888; line-height: 24px;}
	header .qita .tel{ display: flex; align-items: center;}
	header .qita .tel .icon{ display: flex; justify-content: center; align-items: center; width: 49px; height: 49px; font-size: 0; border: solid 1px #cbcbcb; border-radius: 5px;}
	header .qita .tel .textbox{ padding-left:15px;}
	header .qita .tel .textbox .mc{ font-size: 13px; color: #434343; line-height: 24px;}
	header .qita .tel .textbox .shuzi{ font-family:'Impact'; font-size:28px; color: #46a025; line-height: 28px;}
	header .menu{ position: relative;}
	header .menu:before,header .menu:after{ content: ""; position: absolute; top:12px; z-index: 1; width: calc((100% - 1242px) / 2); height: 56px; background: url(/images/nav_line1.png) repeat-x;}
	header .menu:before{ left: 0;}
	header .menu:after{ right: 0;}
	header .menu ul{ position: relative; display: flex; align-items: center; background: url(/images/nav_line1.png) repeat-x;}
	header .menu ul:before,header .menu ul:after{ content:""; position: absolute; top:0; z-index: 1; width: 21px; height:68px; background: url(/images/nav_line2.png) no-repeat;}
	header .menu ul:before{ right: 100%;}
	header .menu ul:after{ left: 100%; transform: rotateY(180deg);}
	header .menu ul li{ position:relative; width: calc(100% / 10);}
	header .menu ul li:nth-child(n+2):before{ content:""; position: absolute; left: 0; top: 50%; z-index: 1; margin-top:-8px; width: 2px; height: 16px; border-left:solid 1px #5cd403; border-right:solid 1px #037f42; transition:all .3s;}
	header .menu ul li > a{ position: relative; z-index: 2; display:block; font-size:16px; line-height:56px; color:#fff;}
	header .menu ul li:hover > a{ background: #2c7810;}
	header .menu ul li.active > a{ background: #2c7810;}
	header .menu ul li:hover + li:before{ opacity: 0;}
	header .menu ul li.active + li:before{ opacity: 0;}
	header .menu ul li .ul{ position:absolute; left:0; top:100%; width:100%; visibility: hidden; opacity: 0; transform: translateY(10px); background:#46a025; border: solid 1px #007c3f; border-top:none}
	header .menu ul li:hover .ul{ visibility: visible; opacity: 1; transform: translateY(0px);}	
	header .menu ul li .ul .li{ border-left:solid 1px #4cc81f; border-right:solid 1px #4cc81f; border-top:solid 1px #5cd403; border-bottom:solid 1px #037f42;}
	header .menu ul li .ul .li:first-child{ border-top:none;}
	header .menu ul li .ul .li:last-child{ border-bottom:solid 1px #4cc81f;}
	header .menu ul li .ul .li > a{ position: relative; z-index: 2; display:block; margin:0 -2px; padding: 10px; color:#fff; line-height:24px;}
	header .menu ul li .ul .li:hover > a{ background:#2c7810;}
	.title-2{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; border: solid 1px #dddddd; background:rgb(255,255,255);background:-moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%);background:-webkit-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#ebebeb',GradientType=0 );}
	.title-2 .biaoti{ padding:0 15px; min-width: 130px; font-size: 18px; color: #fff; line-height: 45px; text-align: center; background: #46a025; border-right:solid 1px #dddddd;}
	.title-2 .more{ padding-right:20px; line-height: 45px;}
	.title-2 .more a{ display: block; color: #999999;}
	.title-2 .more a:hover{color: #46a025; text-decoration: underline !important;}
	.title-4 .right a:hover .mc{text-decoration: underline;}
	.text-1 .left ul li a:hover{ color: #4cc81f; text-decoration: underline !important;}
	.text-1 .right form:hover button{ background: #4cc81f;}
	.picture-1 ul li{ margin-right: 25px; width: calc((100% - 50px) / 3);}
	.picture-1 ul li:nth-child(3n+3){ margin-right: 0;}
	.picture-1 ul li:nth-child(n+4){ margin-top:25px;}
	.picture-1 ul li a:hover .imgbox span{ transform:scale(1.1);}
	.picture-1 ul li a:hover .textbox .mc{ color: #4cc81f;}
	.picture-4 .textbox .box .more a:hover{ color: #fff; background: #4cc81f; border-color: #4cc81f;}
	.picture-5-list a:hover{ background: #46a025;}
	.picture-5-list a:hover .imgbox span{ transform:scale(1.1);}
	.picture-5-list a:hover .textbox{ color: #fff;}	
	.picture-5 ul li{ margin-right: 20px; width: calc((100% - 40px) / 3);}
	.picture-5 ul li:nth-child(3n+3){ margin-right: 0;}
	.picture-5 ul li:nth-child(n+4){ margin-top: 20px;}
	.picture-6 .lefts ul li a:hover .imgbox span{ transform:scale(1.1);}
	.picture-6 .lefts ul li a:hover .textbox .biaoti{ color: #46a025;}
	.picture-6 .lefts ul li a:hover .textbox .more{ color: #fff;background: #46a025;}
	.picture-6 .rights ul li a:hover .biaoti .mc{ color: #46a025;}
	.picture-7 ul li a:hover{ background: #e6e6e6;}
	.picture-7 ul li a:hover .imgbox span{ transform:scale(1.1);}
	.picture-7 ul li a:hover .textbox .biaoti{ color: #46a025;}
	.picture-7 ul li a:hover .textbox .more{ background: #46a025;}	
	.subnav .xiala ul li:hover a .mc{ color: #46a025;}
	.subnav .xiala .ul .li:hover a:before{ opacity: 1;}
	.subnav .xiala ul li a:hover .more{ text-decoration: underline;}
	.subnav .xiala .ul .li a:hover{ text-decoration: underline !important;}
	.subnav .contact{ padding:145px 17px 25px 22px; height:263px;}
	.subnav .contact .biaoti2{ display: flex; flex-wrap: wrap; align-items: center; line-height: 24px; padding:15px 20px 20px; background:rgba(255,255,255,.91);}
	.subnav .contact .biaoti2 .icon{ font-size: 0;}
	.subnav .contact .biaoti2 .icon img{ width:22px;}
	.subnav .contact .biaoti2 .mc{ margin-left:10px; font-size: 16px; color: #333;}
	.subnav .contact .biaoti2 .shuzi{ margin-top:5px; width: 100%; font-family: 'Impact'; font-size: 30px; color: #46a025;}	
	footer .top .menu .ul .li ul li a:hover{ color: #46a025; text-decoration: underline !important;}
	footer .bot .goTop:hover{ background:#fd9902;}
}

@media (max-width:1250px){
	header .menu:before, header .menu:after{ top: 0; width:calc((100% - 1200px) / 2);}
	header .menu ul:before, header .menu ul:after{ display: none;}

}

@media (max-width:1230px){
	header .menu:before, header .menu:after{ width:15px;}
}

@media (max-width:1199px){
	header .qita .logo a img{ width: 400px;}
	header .qita .biaoyu .biaoti{ font-size: 18px;}
	header .qita .biaoyu .jieshao{ font-size: 14px;}
	header .qita .tel .textbox .shuzi{ font-size: 24px;}
	header .menu ul li > a{ font-size: 15px;}
	.text-1 .left ul li{ margin-right: 20px;}
}

@media (max-width:1199px) and (min-width:992px){
	.main-pad-3{ padding:40px 0 0;}
	.main-pad-4{ padding:0 0 50px;}
	.col-md-3-cz-1{ padding-right:15px; width:250px;}
	.col-md-9-cz-1{ padding-left:15px; width: calc(100% - 250px);}
	.title-4{ margin-bottom: 20px;}
	.subnav .biaoti{ padding:15px;}
	.subnav .biaoti .en .maxen{ font-size: 24px;}
	.subnav .biaoti .en .minen{ font-size: 18px;}
	.subnav .biaoti .jiangexian{ margin:10px 0;}
	.subnav .biaoti .cn{ font-size: 18px;}
	.subnav .xiala ul li a{ padding-left: 30px; height: 50px;}
	.subnav .xiala ul li a .mc{ font-size: 14px;}
	.subnav .xiala ul li a .more{ font-size: 12px;}
	.subnav .xiala .ul{ padding:10px;}
	.picture-1 ul li a .textbox .mc{ font-size: 14px;}
	.picture-2 .imgbox img{ width:500px;}
	.picture-2 .textbox .biaoti{ font-size:20px; line-height:24px;}
	.picture-2 .textbox .jieshao{ font-size: 16px;}
	.picture-2 .textbox .tel .text .shuzi{ font-size: 18px;}
	.picture-2 .textbox .tel .more a{ padding-top:8px; font-size: 14px;}
	.picture-3 .ul .line:nth-child(1){ left: 17%; top:133px;}
	.picture-3 .ul .line:nth-child(2){ left: 6%; top:572px;}
	.picture-3 .ul .li .textbox ul li .biaoti .shuzi{ width: 55px; font-size: 50px;}
	.picture-3 .ul .li .textbox ul li .biaoti .text{ width: calc(100% - 55px);}
	.picture-3 .ul .li .textbox ul li .biaoti .text .cn{ font-size: 20px;line-height: 30px;}
	.picture-3 .ul .li .textbox ul li .biaoti .text .en{ font-size: 12px;}
	.picture-3 .ul .li .textbox ul li .jieshao{ padding-left:70px;}
	.picture-3 .ul .li .imgbox img{ max-width:400px;}
	.picture-5-list a{ padding:15px;}
	.picture-5-list a .imgbox{ margin-bottom: 15px;}
	.picture-5-list a .textbox{ font-size: 16px;}
	.picture-6{ padding:20px;}
	.picture-6 .lefts ul li a .textbox{ padding-left: 20px;}
	.picture-6 .lefts ul li a .textbox .biaoti{ font-size: 16px;}
	.picture-6 .rights ul li a .biaoti .mc{ font-size: 16px;}
	.subnav .contact{ padding:145px 15px 25px;}
	.subnav .contact .biaoti2{ padding:10px;}
	.subnav .contact .biaoti2 .mc{ font-size: 12px;}
	.subnav .contact .biaoti2 .shuzi{ font-size: 26px;}
	footer .top{ padding:30px 0;}
	footer .top .maxbiaoti .en{ font-size: 20px;}
	footer .top .menu .ul .li:nth-child(n+2){ margin-left:30px;}
	footer .top .menu .ul .li:nth-child(1) ul, footer .top .menu .ul .li:nth-child(2) ul{ width: 150px;}
	footer .bot{ padding:20px 0;}
}

@media (max-width:991px){
	.main-pad-1{ padding:30px 0 0;}
	.main-pad-2{ padding:0 0 30px;}
	.main-pad-3{ padding:30px 0 0;}
	.main-pad-4{ padding:0 0 30px;}
	.main-pad-5{ padding:30px 0;}
	header .qita .logo a{line-height:80px;}
	.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: #fff; text-align:center; line-height:40px; background:rgba(70,160,37,0.8); }
	.menu-box ul li.active a{ color: #fff; background: #2c7810; }
	.menu-btn{ position: relative; width: 40px; }
	.menu-btn b{ display: block; height:3px; background: #46a025;}
	.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); }
	.title-1 .cn .box{ font-size: 24px;}
	.title-3 .maxen{ margin-bottom: -57px; font-size: 50px; line-height: 57px;}
	.title-3 .biaoti span{ font-size: 20px; line-height: 30px;}
	.title-3 .biaoti2 .maxcn{ font-size: 40px;}
	.title-3 .biaoti2 .text .en{ font-size: 16px;}
	.title-3 .biaoti2 .text .mincn{ font-size: 18px; line-height: 24px;}
	.title-4{ padding:0 15px; margin-bottom: 20px;}
	.title-4 .left .mc{ font-size: 18px;}
	.picture-1 ul{ justify-content: space-between;}
	.picture-1 ul li{ width: calc(50% - 10px);}
	.picture-1 ul li:nth-child(n+9){ display: none;}
	.picture-1.active ul li:nth-child(n+9){ display: block;}
	.picture-1 ul li:nth-child(n+3){ margin-top: 20px;}
	.picture-1 ul li a .textbox .mc{ font-size: 14px;}
	.picture-2{ text-align: center;}
	.picture-2 .textbox{ width: 100%;}
	.picture-2 .textbox .biaoti{ font-size: 24px;}
	.picture-2 .textbox .jieshao{ font-size: 16px;}
	.picture-2 .textbox .tel{ justify-content: center;}
	.picture-2 .textbox .tel .text{ text-align: left;}
	.picture-3 .ul .li{ display: block;}
	.picture-3 .ul .li:nth-child(n+2){ margin-top:20px;}
	.picture-3 .ul .li .imgbox{ margin-bottom: 20px; width: 100%; text-align: center;}
	.picture-3 .ul .li .textbox ul li:nth-child(n+2){ margin-top: 20px;}
	.picture-3 .ul .li .textbox ul li .biaoti .shuzi{ width:50px; font-size:50px;}
	.picture-3 .ul .li .textbox ul li .biaoti .text .cn{ font-size:24px; line-height: 30px;}
	.picture-3 .ul .li .textbox ul li .biaoti .text .en{ font-size: 12px;}
	.picture-3 .ul .li .textbox ul li .jieshao{ padding-left:60px;}
	.picture-4{ display: block; padding:0;}
	.picture-4:before{ display: none;}
	.picture-4 .imgbox{ width: auto;}
	.picture-4 .imgbox span{ padding-top:calc(423 / 569 * 100%);}
	.picture-4 .textbox{ padding:20px; width: auto; background: #fff;}
	.picture-4 .textbox .en{ font-size: 50px; color: rgba(0,0,0,.1);}
	.picture-4 .textbox .box{ padding:10px 0 0;}
	.picture-4 .textbox .box .cn{ margin-bottom: 15px; font-size: 20px; line-height: 26px;}
	.picture-5-list a{ padding:10px 10px 0;}
	.picture-5-list a .imgbox{ margin-bottom: 0;}
	.picture-5-list a .textbox{ font-size:16px; line-height: 50px;}
	.picture-5 ul{ justify-content: space-between;}
	.picture-5 ul li{ width: calc(50% - 10px);}
	.picture-5 ul li:nth-child(n+3){ margin-top: 20px;}
	.picture-6{ display: block; padding:20px;}
	.picture-6 .lefts{ margin-bottom: 20px; width: auto;}
	.picture-6 .lefts ul li:nth-child(n+2){ margin-top:20px;}
	.picture-6 .lefts ul li a .textbox{ padding-left: 20px;}
	.picture-6 .lefts ul li a .textbox .biaoti{ margin-bottom: 10px;}
	.picture-6 .rights{ width: auto;}
	.picture-6 .rights ul li:nth-child(n+2){ margin-top:15px; padding-top: 15px;}
	.picture-6 .rights ul li a .jieshao .text{ height: auto;}
	.picture-6 .rights ul li a .biaoti .mc{ font-size: 16px;}
	.picture-7 ul li a{ padding:15px;}
	.picture-7 ul li a .textbox{ padding-left: 20px;}
	.picture-7 ul li a .textbox .biaoti{ margin-bottom:10px; font-size: 16px;}
	.subnav{ margin-bottom: 20px;}
	.subnav .biaoti{ display: flex; align-items: center; justify-content: space-between; padding:0 15px; height: 50px; background: #46a025;}
	.subnav .biaoti .cn{ font-size: 18px; line-height: inherit;}
	.subnav .biaoti.active .icon{ transform:rotate(90deg);}	
	.subnav .xiala ul li a{ height: 40px;}
	.subnav .xiala ul li a .mc{ font-size:14px;}
	.subnav .xiala ul li a .more{ font-size:12px;}
	footer .top{ padding:30px 0;}
	footer .bot{ padding:20px 0;}
}

@media (max-width:767px){
	.contact-box form{width:100%!important;padding-top: 10px;}
	body{ padding-bottom:54px;}
	.main-pad-1{ padding:20px 0 0;}
	.main-pad-2{ padding:0 0 20px;}
	.main-pad-3{ padding:20px 0 0;}
	.main-pad-4{ padding:0 0 20px;}
	.main-pad-5{ padding:20px 0;}
	header .qita .logo a{line-height:60px;}
	header .qita .logo a img{ width: 250px;}
	.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{ width: 30px;}
	.title-1 .en{ font-size: 24px; line-height: 30px;}
	.title-1 .cn .box{ font-size: 20px;}
	.title-1 .jieshao{ font-size:12px;}
	.title-3 .maxen{ margin-bottom:-48px; font-size: 39px; line-height: 48px;}
	.title-3 .biaoti2 .maxcn{ font-size: 34px;}
	.title-3 .biaoti2 .text .en{ font-size: 14px;}
	.title-3 .biaoti2 .text .mincn{ font-size: 16px; line-height: 20px;}
	.title-3 .jieshao{ font-size: 12px;}
	.title-4 .left .mc{ font-size: 16px;}
	.title-4 .right a .mc{ font-size:14px;}
	.text-2{ line-height: 26px;}
	.picture-1 ul li a .textbox .mc{ padding:0 15px; line-height: 34px;}
	.picture-1 ul li a .textbox .icon{ width: 40px; height: 34px;}
	.picture-2 .textbox .biaoti{ font-size:18px; line-height: 24px;}
	.picture-2 .textbox .jieshao{ font-size:14px;}
	.picture-2 .textbox .tel .more a{ padding-top:8px; font-size: 14px;}
	.picture-3{ padding:0 20px 20px;}
	.picture-3 .ul .li .imgbox img{ max-width: 100%;}
	.picture-3 .ul .li .textbox ul li .biaoti .shuzi{ width: 40px; font-size: 40px;}
	.picture-3 .ul .li .textbox ul li .biaoti .text .cn{ font-size: 16px; line-height: 24px;}
	.picture-3 .ul .li .textbox ul li .jieshao{ padding-left:55px;}
	.picture-3 .ul .li .textbox ul li .jieshao .icon{ margin-top:5px; width: 16px; height: 16px;}
	.picture-3 .ul .li .textbox ul li .jieshao .text{ padding-left:15px; width: calc(100% - 16px); line-height: 24px;}
	.picture-4 .textbox .en{ font-size: 30px; line-height: 30px;}
	.picture-4 .textbox .box .cn{ margin-bottom: 10px; font-size: 18px; line-height: 24px;}
	.picture-5-list a .textbox{ font-size: 14px; line-height: 44px;}
	.picture-6 .lefts ul li a .imgbox{ width: 200px;}
	.picture-6 .lefts ul li a .imgbox span{ padding-top: 120px;}
	.picture-6 .lefts ul li a .textbox{ padding-left: 15px; width: calc(100% - 200px);}
	.picture-6 .lefts ul li a .textbox .biaoti{ font-size: 16px;}
	.picture-6 .lefts ul li a .textbox .jieshao{ height: 48px; line-height: 24px;}
	.picture-6 .lefts ul li a .textbox .more{ font-size: 12px;}
	.picture-7 ul li:nth-child(n+2){ margin-top:15px;}
	.picture-7 ul li a{ padding:10px;}
	.picture-7 ul li a .imgbox{ width: 200px;}
	.picture-7 ul li a .textbox{ width: calc(100% - 200px);}
	.picture-7 ul li a .textbox .biaoti{ font-size: 14px;}
	.tabBar{ position: fixed; left: 0; bottom: 0; z-index: 99999; width: 100%; background: #46a025; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
	.tabBar ul{ display: flex; align-items: center;}
	.tabBar ul li{ width: calc(100% / 3);}
	.tabBar ul li a{ display: block; padding:5px 0; transition: all 0.3s;}
	.tabBar ul li.active a{ background: #2c7810;}
	.tabBar ul li:nth-child(n+2) a{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.5);}
	.tabBar ul li a .icon{ font-size:18px; color: #fff; line-height: 24px;}
	.tabBar ul li a .mc{ font-size: 12px; color: #fff; line-height: 20px;}
	.tabBar ul li .tanchuang{ position: absolute; left: 15px; bottom: 100%; z-index: 1; padding-bottom: 10px; width: calc(100% - 30px); transform: translateY(10px); opacity: 0; visibility: hidden; transition: all 0.3s;}
	.tabBar ul li .tanchuang:before{ content: ""; position: absolute; right: calc(((100% + 30px) / 3 - 30px - 12px) / 2); bottom: 4px; z-index: 1; width: 0; height: 0; border-left: solid 6px transparent; border-right: solid 6px transparent; border-top: solid 6px rgba(0,0,0,0.8);}
	.tabBar ul li.active .tanchuang{ transform: translateY(0px); opacity: 1; visibility: visible;}
	.tabBar ul li .tanchuang .imgbox{ padding: 10px; font-size: 0; background: rgba(0,0,0,0.8); border-radius: 5px;}
	.tabBar ul li .tanchuang .imgbox img{ max-width: 100px;}	
	.subnav .xiala .ul{ padding:15px;} 
	.subnav .biaoti{ height: 44px;}
	.subnav .biaoti .cn{ font-size: 16px;}
	footer .top{ padding:20px 0;}
	footer .top .maxbiaoti{ margin-bottom: 20px;}
	footer .top .maxbiaoti .cn{ font-size: 14px;}
	footer .top .wechat .imgbox{ text-align: right;}
	footer .bot{ padding:15px 0;}
	footer .bot .copyright{ padding:0 40px; width: 100%; text-align: center; font-size: 12px; line-height: 24px;}
	footer .bot .goTop{ position: fixed; right: 0; bottom:80px; z-index: 9999;}
}

@media (max-width:479px){
	.title-3 .biaoti span{ font-size: 18px;}
	.title-3 .maxen{ font-size: 34px;}
	.title-3 .biaoti2 .maxcn{ font-size:30px;}
	.title-4{ height: 40px;}
	.title-4 .left .mc{ font-size: 14px;}
	.title-4 .right a .mc{ font-size: 12px;}
	.title-5 .biaoti{ font-size: 16px;}
	.text-2{ font-size: 12px; line-height: 24px;}
	.picture-2 .textbox .jieshao{ font-size: 12px;}
	.picture-2 .textbox .tel .text{ padding-left: 15px;}
	.picture-2 .textbox .tel .text .shuzi{ font-size: 16px;}
	.picture-3 .ul .li .textbox ul li .jieshao .text{ font-size: 12px;}
	.picture-4 .textbox{ padding:15px;}
	.picture-4 .textbox .en{ font-size: 24px; line-height: 20px;}
	.picture-4 .textbox .box .cn{ font-size: 16px;}
	.picture-4 .textbox .box .jieshao{ font-size: 12px;}
	.picture-6{ padding:15px;}
	.picture-6 .lefts ul li a .imgbox{ width:160px;}
	.picture-6 .lefts ul li a .textbox{ width: calc(100% - 160px);}
	.picture-6 .lefts ul li a .textbox .biaoti{ font-size: 14px;}
	.picture-6 .lefts ul li a .textbox .jieshao{ font-size: 12px;}
	.picture-6 .rights ul li a .biaoti .mc{ font-size: 14px;}
	.picture-6 .rights ul li a .jieshao .text{ font-size: 12px;}
	.picture-7 ul li a .imgbox{ width:180px;}
	.picture-7 ul li a .textbox{ width: calc(100% - 180px);}
	footer .top .contact{ font-size: 12px;}
	footer .top .maxbiaoti .en{ font-size: 20px;}
}

@media (max-width:399px){
	.container-fluid{ padding:0 10px;}
	.row{ margin:0 -10px;}
	.col-xs-12{ padding:0 10px;}
	.col-md-3{ padding:0 10px;}
	.col-md-9{ padding:0 10px;}
	.picture-1 ul li{ width: calc(50% - 5px);}
	.picture-1 ul li a .textbox .mc{ width: 100%; text-align: center;}
	.picture-1 ul li a .textbox .icon{ display: none;}
	.picture-2 .textbox .tel .text .shuzi{ display: block;}
	.picture-2 .textbox .tel .text .shuzi a{ display: block;}
	.picture-2 .textbox .tel .text .shuzi span{ display: none;}
	.picture-5 ul li{ width: calc(50% - 5px);}
	.picture-5 ul li:nth-child(n+3){ margin-top:10px;}
	.picture-5 ul li a .textbox{height: 40px; font-size: 14px; line-height: 40px;}
	.picture-7 ul li a .imgbox{ width:140px;}
	.picture-7 ul li a .imgbox span{ padding-top: 120px;}
	.picture-7 ul li a .textbox{ width: calc(100% - 140px);}
	.picture-7 ul li a .textbox .biaoti{ margin-bottom: 5px;}
	.picture-7 ul li a .textbox .jieshao{ margin-bottom: 10px;}
	.picture-7 ul li a .textbox .more{ font-size: 12px;}
}

.jlfanye{ width:100%;margin:0 auto; text-align: center; }
.jlfanye a{ padding:5px 6px;  border: solid 1px #dedede; float:none; display: inline-block; min-width:8px; margin:8px 2px; color:#999;}
.jlfanye a:hover{ color:#c41313;}


.contact-box{padding-top: 0.4rem;display: flex;justify-content: space-between;}
.contact-box .map{width:49%;min-height: 250px;box-shadow: 0 0 10px #ccc;background-color: #fff;}
.contact-box form{width: 48%;color:#333;font-size:0.14rem;}
.contact-box form label{font-size:0.18rem;margin-bottom: 15px;}
.contact-box form input[type="text"], .contact-box form textarea{width:100%;line-height: 45px;background-color: #fff;border:1px solid #ebebeb;padding-left: 0.13rem;margin-bottom: 10px;outline: none;text-indent: 8px; }
.contact-box form textarea{height: 120px;}
.contact-box form input[type="submit"]{width:120px;line-height:40px;text-align: center;background-color: #46a025;color:#fff;outline: none;}
.ditu{height:400px;position: relative;margin:20px auto;}<!--0.00023102760314941-->