@charset "utf-8";
@font-face{ font-family:BarlowCondensed-Light; src:url(../font/BarlowCondensed-Light.ttf);}
@font-face{ font-family:BarlowCondensed-SemiBold; src:url(../font/BarlowCondensed-SemiBold.ttf);}
@font-face{ font-family:BarlowCondensed-Medium; src:url(../font/BarlowCondensed-Medium.ttf);}
@font-face{ font-family:OPENSANS-REGULAR; src:url(../font/OPENSANS-REGULAR.TTF);}
@font-face{ font-family:OPENSANS-BOLD; src:url(../font/OPENSANS-BOLD.TTF);}

@media (max-width:4000px){html{font-size:18px;}}
@media (min-width:1600px) and (max-width:1940px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:13px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:13px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:12px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}
@media (max-width:328px){html{font-size:12px;}}

/*==========================================公共 开始=============================================*/
.ar_wap{ display:none}
.a_body{ position:relative; z-index:0;}
.section{ overflow:hidden;}
.w1200{max-width: 76%;}
.pdt{padding-top: 4.375rem;}
.pdd{padding-bottom: 3.125rem;}
.flex {display: flex;flex-wrap: wrap;}
/*==========================================公共 结束=============================================*/

.toptext{font-size: 14px;line-height: 40px;background: #f5f5f5;color: #4c4c4c;}
header{height: 116px;width: 100%;background: #fff;}
header .logo{ line-height:116px;}

header .dw2{float:left;height: 75px;width: auto;cursor:pointer;position:relative;margin-right: 1.5rem;transition:.6s;margin-left: 1rem;z-index: 1002;}
header .box_table{ width:auto}
header .dw2:after{content:"";width:1px;height: 16px;display:block;position:absolute;background: rgba(255,255,255,.75);right: -1.5rem;top: 50%;margin-top: -8px;}
header .dw2.yuyan:before{content:"";width:1px;height:100%;display:block;position:absolute;left:0;top:0;display: none;}
header .dw2 .dh{height: 23px;line-height: 23px;text-align:center;font-size: 14px;color:#5b5b5b;cursor:pointer;transition:.6s; font-style:normal}
header .dw2 .dh img{display:inline-block;margin: -3px 14px 0 0;}
header .dw2 .dh span{background:url(../images/jt1.png) right center no-repeat;padding-right: 18px;height: 23px;display: inline-block;}
header .dw2 .dd{padding-bottom:10px;padding-top:10px;position:absolute;top:100%;width: 100%;text-align:center;background: #29a8e1;left: 0;border: 1px solid #29a8e1;opacity: 0;visibility: hidden;transition: 400ms;transform: translateY(15px);}
header .dw2 .dd:before{content:"";display:inline-block;border:8px solid transparent;border-bottom: 8px solid #29a8e1;position:absolute;top:-16px;left:50%;margin-left:-8px;}
header .dw2 .dd a{display:block;text-align:center;line-height:30px;color: #fff;font-size:13px;padding:0 10px;}
header .dw2 .dd a:hover{ font-weight:bold; }
header .dw2.on .dd{opacity:1; visibility: visible; transform: translate(0);}
header .top_tel{float:left; height: 75px;padding-left:2rem; background: url(../images/top_tel.png) left center no-repeat; transition:.5s; font-style: italic;}
header .top_tel font{ font-size: 11px; color: #3e3e3e; display: inline-block; }
header .top_tel .j_an_num{display: inline-block;}
header .top_tel .j_an_num *{ font-family: BarlowCondensed-SemiBold; font-size:1.875rem; color:#e67015; display: inline-block;}

.MainMenu #links .search_btn{line-height:60px;cursor: pointer;position: relative;}

.nax_box{position:relative;z-index: 1001;}
nav{height: 60px;position:absolute;width: 100%;left: 0;top: -42px;}
nav .bg{content:"";position:absolute;top:0;right:0;bottom:0;left: 44.5%;background:#278371;}
nav .bg:after{content:"";position: absolute;top: 0;left: -20px;width: 0;height: 0;border-bottom: 60px solid #278371;border-left: 20px solid transparent;}
/*导航*/
.MainMenu #links{z-index: 1;padding: 0;width: 57%;padding: 0 0 0 2%;}
.MainMenu #links>li{float:left;width: calc(100% / 5);position:relative;font-size: 17px;color: #fff;display:inline-block;line-height: 60px;transition:0.6s;text-align: center;text-transform: uppercase;}
.MainMenu #links>li a{display:block;position:relative;z-index: 1;}
.MainMenu #links>li a i{content:"";position:absolute;right: -1.25rem;}
.MainMenu #links>li a i svg{display:inline-block;width: 11px;height: 11px;fill:#282828;position: relative;top: 3px;}
.MainMenu #links>li a span{ position:relative; display:inline-block}
.MainMenu #links>li a span:after{content:"";position:absolute;bottom: 0;left: 0;width: 0;height: 4px;transition:0.6s;border-radius: 2px;}
.MainMenu #links>li.on:before, .MainMenu #links>li:hover:before{opacity: 1;visibility: visible;}
.MainMenu #links>li.on a span:after, .MainMenu #links>li:hover a span:after{width: 100%;background: #fff;}
.MainMenu #links>li.on, .MainMenu #links>li:hover{color: #fff;}
.MainMenu #links .down{width: 180px;position:absolute;top:100%;left:50%;margin-top: 0;background-color:#fff;z-index:2;-webkit-transform:translate(-50%,10px);-ms-transform:translate(-50%,10px);transform:translate(-50%,10px);-webkit-border-radius:2px;-ms-border-radius:2px;border-radius:2px;padding:15px 20px;opacity:0;pointer-events:none;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);-ms-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);box-shadow:0 5px 50px rgba(0,0,0,.1);}
.MainMenu #links .down:before{content:"";position:absolute;bottom:100%;height:25px;left:0;right:0;background-color:transparent;opacity: 0;display: none;}
.MainMenu #links .down:after{content:"";position:absolute;bottom:100%;left:50%;border-style:solid;margin-left:-7px;border-width:7px;border-color:transparent transparent #fff;opacity: 0;}
.MainMenu #links .down li:not(:last-of-type){border-bottom:1px solid #efefef}
.MainMenu #links .down a{display:block;position:relative;font-size: 15px;padding:15px 0;color:#58595b;-webkit-transition:color .3s cubic-bezier(.645,.045,.355,1);-ms-transition:color .3s cubic-bezier(.645,.045,.355,1);transition:color .3s cubic-bezier(.645,.045,.355,1);line-height: initial;text-align: center;letter-spacing: 1px;}
.MainMenu #links .down a:before{content:"";position:absolute;top:7px;bottom:7px;left:-20px;width:4px;background: #278371;-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transition:-webkit-transform .3s cubic-bezier(.162,.85,.45,1);transition:transform .3s cubic-bezier(.162,.85,.45,1);}
.MainMenu #links .down a.active,.MainMenu #links .down a:hover{
    color: #278371;
}
.MainMenu #links .down a.active:before,.MainMenu #links .down a:hover:before{-ms-transform-origin:top;-webkit-transform-origin:top;transform-origin:top;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.MainMenu #links .down.active{pointer-events:all;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);-webkit-transition-delay:.1s;-ms-transition-delay:.1s;transition-delay:.1s;opacity:1; }


/*手机头部开始*/
#m_header{position: fixed;z-index:999;width:100%;height: 60px;left:0;top:0;padding:0 10px;background:#fff;border-bottom: #eaeaea 1px solid;display: block;}
#m_header #logo{height: 60px;float: left;position: relative;}
#m_header #logo img{max-height: 36px;}
#m_nav .yuyan{margin-top: 3rem;text-align: center;width: 100%;color: #fff;}

.wap_search{ width:80%; margin:0 auto;}
.wap_search form{ position:relative;}
.wap_search #keyword{width: 80%;height:3.8rem; line-height:3.8rem; border:0;padding:0 1rem; font-size:1rem; color:#999;box-shadow:none;-webkit-appearance: none;float:  left;border-right: 0;}
.wap_search .btn_blue{width: 20%;height:3.8rem; background:#00a0e9 url(../images/search.svg) center no-repeat; background-size:20px; font-size:0;color:#fff;cursor:pointer;text-transform:uppercase;float:  left;}

/*顶部搜索*/
.tc_search{margin: 0 1.3rem;width: calc(100% - 2.6rem);}
.tc_search form{height:40px;border-radius:20px;border:1px solid #e5e5e5;position:relative;width:100%;margin-bottom: 1rem;}
.tc_search #keyword{font-size:.875rem;color:#fff;height:38px;line-height:38px;padding:0 1rem;box-shadow:none;-webkit-appearance: none;border-right: 0;background:none;width:  100%;}
.tc_search .btn_blue{ position:absolute; top:0; right:0; width: 40px;height:38px; line-height:38px; border:0; background:url(../images/search_white.svg) center center no-repeat; background-size:1.2rem;  }
.tc_search .btn_blue.fr{ background:#e9edef; color:#4e4f53;}
.tc_search input::-webkit-input-placeholder{ color:#fff; color: rgba(255,255,255,.7); }
.tc_search input::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#fff; color: rgba(255,255,255,.7); }
.tc_search input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */c color:#fff; color: rgba(255,255,255,.7); }
.tc_search input:-ms-input-placeholder{  /* Internet Explorer 10-11 */  color:#fff; color: rgba(255,255,255,.7); }/* WebKit browsers */
.tc_search input:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */
.tc_search input:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */


.tc_search input:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */
.tc_search input:focus:-ms-input-placeholder {color: transparent;}/* 点击搜索框获取焦点 placeholder消失-结束 */


/*导航按钮开始*/
#nav_btn_box{ height:100%; z-index:999999999; float:right; margin-left:20px; }
#nav_btn_box.on{ background:none;  }
#nav_btn{}
#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before{ background:#fff;}

#nav_btn{cursor: pointer;text-align: center;z-index:99999;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;outline:none;box-shadow:none;}
#nav_btn .point{display: inline-block;width: 1.875rem;height: 22px; position: relative; outline:none;}
#nav_btn .point:hover .navbtn,
#nav_btn .point:hover .navbtn::after,
#nav_btn .point:hover .navbtn::before{width: 1.75rem;}
#nav_btn .navbtn{position: absolute;top: 12px;left: 0;display: inline-block;width: 21px;height: 1px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #333;}
#nav_btn .navbtn::after,
#nav_btn .navbtn::before{position: absolute; left: 0;display: inline-block;width: 1.75rem;height: 1px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #333;}
#nav_btn .navbtn::after{top: -8px;}
#nav_btn .navbtn::before{top: 8px;}
#nav_btn .point.on .navbtn{background: transparent;}
#nav_btn .point.on .navbtn::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;}
#nav_btn .point.on .navbtn::before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;}

/*导航按钮结束*/
.m_nav_list{flex-direction:column; justify-content: flex-start; width:100%; overflow: auto;}

.m_nav_list::-webkit-scrollbar {display:none}
#m_nav {
    z-index: 9999999;
    position: fixed;
    width: 22rem;
    height:100vh;
    right: -400px;
    top: 0;
    display:none;
    padding: 2rem 0;
    overflow:hidden;
    pointer-events: none;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    background: #278371;
    left: auto;
    }
#m_nav.act{ pointer-events: auto; right:0;}

#m_nav>ul>li{ width:100%; overflow:hidden; padding:0 2.3rem; }
#m_nav>ul>li+li{ border-top:1px solid rgba(255, 255, 255, 0.1);}
#m_nav li .a{ display:inline-block; width:calc(100% - 30px)}
#m_nav li .a h3{line-height: 4rem;height: 4rem;color:#fff;padding:0;font-size:1.125rem;float:left;}
#m_nav li .a span{ display:block; position:absolute; top:0; right:10px; width: 20px; height: 50px; text-align:center;}
#m_nav li .a span i{ font-size:0;}
#m_nav li i{opacity:1;filter:alpha(opacity=100);display:inline-block;width:10px;height: 4rem;float:right;display:inline-block;background: url(../images/arrow_down.svg) center no-repeat;background-size:contain;}
#m_nav li.on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}
#m_nav .on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}
#m_nav li{display:block;width:100%;}
.slide_nav{ position: absolute; left:0; height: 70px; z-index: 998; padding:15px; top:0; width: 100%; }
#m_nav .title .list{display:none;position:relative;width:100%;z-index:9;left:0;margin-left:0;background:none;border:0;clear: both;padding-bottom:10px;}
#m_nav .title .list span{ background:none; }
#m_nav .title .list span a:hover{ color: #278371;}
#m_nav .title .list a{display:block;font-size:1rem;color: #fff;text-align:left;line-height:40px;height: 40px;border:0;font-weight:300;}
/*三级导航 开始*/
#m_nav .title .list .void>a{background-size:10px; position:relative;}
#m_nav .title .list .void>a:before{ content:"·"; position:absolute; left:-1em; font-size:12px; font-weight:bold;}
#m_nav .title .list span{ position:relative; display:block;}
#m_nav .title .list span .sub{ position: static; width:100%;display: block !important; overflow:hidden;}
#m_nav .title .sub a{ background:none; font-size:.875rem; opacity:.8; min-width:50%; float:left; display:inline-block; color:#999;}

.nav_mask { position: fixed; top: 0; left: 0;width: 100%;height: 100%;z-index: 888;background-color: rgba(0,0,0,0.4);display: none;}
.m_header_box{display:none;height: 60px;}
#m_header #logo .box_table, #nav_btn_box .box_table{ width:auto}


/*首页banner*/
#banner{width:100%;position:relative;z-index:0;overflow:hidden;background: #278371;}
#banner .banner_slider{top:0;left:0;width:100%;height:100%;}
#banner li{ position:relative;}
#banner li .img{width:100%;z-index:8;}  
#banner li .img .w1200{ position:relative}
#banner li .img>img{width:100%;}
#banner li .img:after{content:"";position:absolute;top:0;bottom:0;left:0;width:calc(45% - 22px);background:url(../images/tixing_bg.png) center no-repeat;background-size: 100% 100%;z-index: 1;}

#banner .miso-arrow{width: 4rem;height: 4rem;border: #c7c8c9 1px solid;border-radius: 50%; transition:.6s}
#banner .miso-arrow.miso-prev{left: 3%;background:url(../images/icon-system_white_l.svg) center no-repeat;transition:300ms;-webkit-transition:300ms;}
#banner .miso-arrow.miso-next{right: 3%;background:url(../images/icon-system_white_r.svg) center no-repeat;transition:300ms;-webkit-transition:300ms;}

#banner ul .miso-dots{ bottom:3rem}
#banner ul .miso-dots li{ width:2.5rem; height:4px; background:rgba(255,255,255,.45); transition:.6s; position:relative}
#banner ul .miso-dots li button{font-size:12px;color:#fff;width: auto;left: 0;bottom: 6px; position:absolute; opacity:0; visibility:hidden; transition:.6s}
#banner ul .miso-dots li:before{ content:""; position:absolute; left:0; width:0; height:4px; padding:0; margin:0; background:#24aae1; transition:.6s}
#banner ul .miso-dots li.miso-active{ width:13.75rem}

#banner.on li.miso-current .img .top .hgg{ transition:0.9s; transform:translateY(0); opacity:1; visibility:visible}
#banner ul .miso-dots li.miso-active:before{ animation:biankuan 3s linear;}
#banner ul .miso-dots li.miso-active button{ opacity:1; visibility:visible}
@keyframes biankuan {
from { width:0}
to { width:100%}
}


.tc{ transition:all ease 300ms; position: fixed; width: 100%; height: 100%;  top: 0; left: 0; z-index:9999999999; pointer-events: none; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.tc.act{ filter:alpha(opacity=100);   -moz-opacity:1;   -khtml-opacity: 1;   opacity: 1;  display: block;  pointer-events: auto;}
.tc-box{
  width: 60rem; padding-top:40px;
  max-width:80%;
  margin:0 auto; margin-top:-80px;
  box-sizing:border-box;
  /* background:#fff; */
  display: block;
  position:relative;
  z-index:1;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  overflow:  hidden;
  }
.tc.act .tc-box{ -webkit-animation-name: anim-open-2; animation-name: anim-open-2; transform:scale(1);}
.close{ position: absolute; cursor:pointer; color:#e13a39; font-size:30px; right: 30px; top: 30px;}
.tc_bg { height: 100%; background: rgba(0,0,0,.85); position: absolute; top: 0; left: 0; width: 100%; z-index: 0;}
.tc_txt{ height:470px; overflow-y:auto; padding-right:30px;}
/*弹窗内容样式*/
.tc-box form{ position:relative;border-bottom:2px solid #eee; height:4.25rem; padding-right:20px; position:relative;}
.tc-box .tc_fdj{ position:absolute; left:20px; display:block; height: 4.25rem; line-height: 4.25rem;}
.tc-box .tc_fdj img{ width:1.3rem;}
.tc-box form label{ text-align:left; display:block; position:absolute; bottom:0; height: 4.25rem; line-height: 4.25rem;font-size:1.6rem; color:#999; pointer-events:none; margin-left:20px; transition:.3s;}
.tc-box form label.act{ font-size:16px; bottom:3rem;line-height: 3rem; height:3rem;}
.tc-box #keyword{width: 80%;height:4.25rem; padding:0 20px;font-size:1.6rem; color:#999;box-shadow:none;-webkit-appearance: none;float:left;border-right: 0; background:none;}
.tc-box .btn_blue{width: 40px;height:4.25rem; border:0; line-height:4.25rem;background:url(../images/search.png) center center no-repeat;font-size:1.125rem;color:#fff;cursor:pointer;text-transform:uppercase;float:right;}
.tc-box .btn_blue.fr{ background:#e9edef; color:#4e4f53;}


/*==========================================首页 开始=============================================*/
body.index:before {content: "";display: block;width: 100%;height: 100vh;background: url(../images/container03_bg.jpg) no-repeat center / cover;position: fixed;left: 0;top: 0;z-index: -1;}
.itit{ font-size:1.168rem; color:#2d2d2d; font-weight:bold; text-align: center;margin-bottom: 3.125rem;}
.itit span{font-size: 0.826rem;text-transform:uppercase;display: block;line-height: 3;}
.itit .line{width: 29px;height: 3px;background: #278371;margin: 0 auto;}

.container01{background: #e9e9e9 url(../images/container01_bg.png) center bottom no-repeat;}
.container01 .list{width: 100%;}
.container01 .list .item{width: 18.4%; height: 20rem;float: left;margin-right: 2%;margin-bottom: 2%;background: #fff; height: 12.5rem;transition: .3s;}
.container01 .list .item:nth-child(5n){margin-right: 0;}
.container01 .list .item .icon{width: 4.78125rem;margin: 0 auto;}
.container01 .list .item .icon img{max-width: 100%;}
.container01 .list .item .tit{font-size: 1rem;color: #333;font-weight: bold;margin-top: 1rem;}
.container01 .list .item:hover{transform: translateY(-5px);}

.container02{background: #fff;}
.container02 .list{width: 100%;}
.container02 .list .item{width: 32%; height: 19.75rem;float: left;margin-right: 2%;margin-bottom: 2%;color: #fff;padding-left: 3%;position: relative;z-index: 1;}
.container02 .list .item:last-child{margin-right: 0;}
.container02 .item:before {content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(39, 131, 113, 0.9);z-index: -1;transition: .6s;}
.container02 .list .item .box_table{text-align: left;}
.container02 .item .cn{font-size: 1.5rem;font-weight: bold;}
.container02 .item .en{font-size: 1rem;margin: .825rem 0 0; text-transform: uppercase;}
.container02 .item .btn{font-size: 1rem;color: #fff;border: 1px #fff solid;width: 7rem;line-height: 2rem;opacity: 0; transition: all .3s;text-align: center;}
.container02 .item .btn i{font-family: fangsong;margin-left: 1rem;font-style: normal;}
.container02 .item:hover:before{background: rgba(39, 131, 113, 0.97);}
.container02 .item:hover .btn{opacity: 1;margin-top: 3rem;transition: .5s;}
.container02 .item:hover .btn:hover{background: #fff;color: #278371;border-color: #fff;}
.container02 .list2 .item{width: 100%; height: 19.75rem;margin-bottom: 2%;color: #fff;padding-left: 0;position: relative;z-index: 1;text-align: center;}
.container02 .list2 .item:before {background: rgba(243, 151, 0, 0.9);}
.container02 .list2 .item .btn{margin-left: auto;margin-right: auto;}

.container03 .w1200{height: 680px;}
.container03 p{font-size: 3.75rem;color: #fff;text-shadow: 0.749px 1.854px 1.94px rgba(4, 0, 0, 0.5);text-align: right;font-weight: bolder;}

.container04{background: #fff}
.container04 .fl{ width: 50%;height: 30rem;}
.container04 .fr{ width: 46%;text-align: right;}
.container04 .tt{ margin-bottom: 1.5rem;font-size: 3rem; color: #278371;font-weight: bolder;text-transform: uppercase;text-align: left;}
.container04 .con p{ font-size: 1.5rem; line-height: 3rem;text-align: left;}
.container04 .con p span{color: #278371;}

.footer{background: #fff;}
.footer .footnav{margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #212121;text-align: right;}
.footer .footnav a{padding: 0 16px;font-size: 1rem;color: #212121;line-height: 1.85;font-weight: bold; transition: .3s;}
.footer .footnav a:last-child{padding-right: 0;}
.footer .footnav a:hover{color: #278371;}
.footer .footcontact{color: #212121; text-align: center;padding: 3rem 0;font-size: 1rem;}
.footer .footcontact .logo{margin-bottom: 1.875rem;}
.footer .copyright{background:#212121;padding:0.625rem 0;text-align: center;color: #fff;}

/*==========================================首页 结束=============================================*/


/*==========================================内页 开始=============================================*/

.n_banner{ position:relative; height:20rem; overflow:hidden;background:#29806f url(/skin/images/nbann.jpg); background-size:cover}
.n_banner .top{ position:absolute; top:0; right:0; bottom:0; left:0;}
.n_banner .top h3{font-size: 2.375rem;color:#fff;margin-bottom: 1rem;}

.position{ height:68px; line-height:68px;}
.position .box{display:inline-block;background: url(../images/home.png) left 27px no-repeat;padding-left: 22px;font-size: 12px;}
.position .box a, .position .box span{display:inline-block;color: #595959;text-transform: capitalize;transition:0.36s;margin: 0 4px;}
.position .box a:hover{color: #278371;}

.wrap{width: 100%;}

.listit{border-bottom:1px solid #ddd;overflow:visible;margin-bottom:2rem;text-align:center}
.listit h2{font-size:1.2rem;font-weight:700;color:#278371;display:inline-block;position:relative;background-color:#fff;margin-bottom:-2px;line-height:3.4}
@media (
  max-width:768px){.listit h2{font-size:1.09090909rem}
}
.listit h2::after{display:block;background-color:#278371;content:" ";height:3px;width:60%;z-index:5;position:absolute;left:20%;bottom:0}

/*news*/
.inner_new li{padding-bottom:1.5rem;margin-bottom:1.5rem;border-bottom:1px solid #ddd}
.inner_new li .item3{position:relative}
.inner_new li .item3 a{display:block;overflow:hidden}
.inner_new li .img-box{position: relative;overflow: hidden;width: 10rem;}
.inner_new li .img-box .img{padding-bottom: 65%;}
.inner_new li .img-box img {position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.inner_new li .text-wrap{position:relative;overflow:hidden;width: calc(100% - 11rem);}
.inner_new li .text-wrap .title{font-size:1rem;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.5;padding-bottom:.5rem}
.inner_new li .text-wrap .date{font-size: 12px;color: #999;}
.inner_new li .text-wrap p{overflow:hidden;color:#666;display:block;font-size:14px;line-height:1.5;padding-top:10px;}
@media (max-width:640px){.inner_new li .text-wrap p{font-size:13px}
}
.inner_new li:hover .title{color:#278371}


.pagebar{padding:20px;overflow:hidden}
.pagebar .pagination{display:flex;justify-content:center;margin-top:10pxl;text-align: center;}
.pagination a{background:#fff;border:1px solid #ccc;color:#333;font-size:12px;margin:0 2px;width: 30px;line-height: 30px;}
.pagination span{color:#333;font-size:12px;padding:7px 2px;margin:0 2px;border-radius:3px}
.pagination a:hover{color:#278371;border:1px solid #278371}
.pagination a.page-num-current{color:#fff;background:#278371;border:1px solid #278371}
.pagination .st{font-family:fangsong}


.ar_article .sub_title {text-align: center;padding-bottom: 20px;border-bottom: 1px dashed #dfdfdf;line-height: 30px;font-size: 1.5rem;color: #333;}
.ar_article .sub_info{color: #777;font-size: .875rem;}
.ar_article .sub_info span{margin-right: 10px}
.ar_article .sub_title h3{font:500 24px "microsoft yahei";margin-bottom: 20px;margin-top: 10px}
.ar_article .article{margin: 20px 0;line-height:2;}
.ar_article .article img{text-align: center;height: auto !important;}

.skip{overflow:hidden;margin-top:50px;margin-bottom:30px;background:#f6f6f6;padding:5px}
.skip>div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:46%;line-height:30px;height:30px;text-indent:10px}
.skip a{color:#666}
.skip a:hover{color:#278371}
@media screen and (max-width:640px){.skip>div{width:100%;float:none;padding:5px;margin-left:-5px}
.skip .fl{border-bottom:8px solid #fff}
}


.wrap .ind_prolist{box-sizing:border-box;width:100%}
.wrap .ind_prolist li{float:left;width:19.2%;margin-right:1%;margin-bottom:1%}
.wrap .ind_prolist li:nth-child(5n){margin-right: 0;}
.wrap .ind_prolist li .big{border:1px solid #ddd;position: relative;overflow: hidden;}
.wrap .ind_prolist li .img img {max-width: 100%;}

/*about*/
.pdesc{width: 100%;margin-top: 20px;}
.pdesc>div{width: 49%;}
.pdesc .service_point{max-width: 100%;margin: 0 auto 50px;}
.pdesc .service_point .box{margin-bottom:25px;position:relative;height: 150px;}
.pdesc .service_point>.box:nth-child(even){margin-left:64px}
.pdesc .service_point>.box:nth-child(even):after{content:"";width:5px;height:140px;display:block;position:absolute;left:-16px;top:-120px;transform:rotate(-30deg);z-index:-1}
.pdesc .service_point .box:nth-child(even):after{background:#278371}
.pdesc .service_point>.box:nth-child(3):after{content:"";width:5px;height:140px;display:block;position:absolute;left:64px;top:-120px;transform:rotate(30deg);z-index:-1}
.pdesc .service_point .box:nth-child(3):after{background:#278371}
.pdesc .service_point .box .num{width:64px;display:inline-block}
.pdesc .service_point .box .txt{width:calc(100% - 64px);padding:10px 10px 0 30px}
.pdesc .service_point .box .txt .bold{font-size:18px;font-weight: bold;}
.pdesc .service_point .box .txt p{font-size:15px;line-height:2}
.pdesc .service_point .box:nth-child(2){min-height:140px}

.about_13 p{font-size: 1rem;color: #212121;padding-top: 20px;}
.about_13 table td{font-size: 1rem;}
.about_13 .scroll table tr:nth-child(odd){background: #e7f7f5;}
.about_13 .scroll table tr:nth-child(even){background: #eeeeee;}
.about_13 .c_table table tr:nth-child(odd){background: #fcebde;}
.about_13 .c_table table tr:nth-child(even){background: #eeeeee;}

.about_14 table tr{padding: 5px 0;font-size: 1rem;}
.about_14 table tr:nth-child(odd){background: #e7f7f5;}
.about_14 table tr:nth-child(even){background: #eeeeee;}
.about_14 table tr td:first-child{width: 19%;padding: 10px 0 10px 30px;font-weight: bold;}
.about_14 table tr td:last-child{width: 81%;padding: 15px 0 15px 40px;line-height: 2;}
.about_14 table tr:nth-child(2) td:nth-child(2){width: 55%;padding: 15px 0 15px 40px;line-height: 2;}
.about_14 table tr:nth-child(2) td:nth-child(3){width: 26%;padding:0;line-height: 0;}

.gallery{margin:0 -6px 20px}
.gallery .img{margin-bottom:12px;padding:0 6px;width:25%}
.gallery .img img{max-width: 100%;}

.voice {margin: 0 -3%;}
.voice .box {width: 50%;padding: 0 3%;margin-bottom: 50px;}
.voice .box .name{margin-bottom:15px;font-size: 1.2rem;font-weight: bold;}
.voice .box .img img{display: block;}
.voice .box .btn{position:relative;margin-bottom:20px;padding:15px 0;border-radius:5px;background:url(../images/dot.png) repeat #278371;color:#fff;text-align:center;cursor:pointer;font-size: 1rem;}
.voice .box .btn:after{position:absolute;top:16px;right:20px;display:inline-block;content:"▼";font-size:1rem;font-family:"fangsong"}
.voice .box .btn.active:after{content:"▲"}
.voice .box .qa_list{padding:0 5px;border-left:5px solid #278371;border-right:5px solid #278371}
.voice .box .qa_list div{padding:0 5px;border-left:1px solid #278371;border-right:1px solid #278371}
.voice .box .qa_list p{line-height: 1.5;margin-bottom: 5px;color: #666;}
.voice .box .qa_list strong{font-size: 1rem;color: #278371;margin-top: 20px;display: block;}
.voice .box .qa_list .ans{padding-left: 28px;position: relative;}
.voice .box .qa_list .ans::before{content: 'A：';position: absolute;left: 0;top: 0;}
.c_img{width: 60%!important;}

.greeting .txt{/*width:80%;padding-right:10%;*/}
.greeting .txt p{line-height: 2;}
.greeting .img{width:20%;text-align: center;}
.greeting .bold{font-size:20px;margin-bottom:10px;font-weight: bold;}
.greeting .img .name{margin-top:8px;text-align:center}

.about_4 video{width: 50%;}

.zizhilist{box-sizing:border-box;width:100%;margin-top: 1em;}
.zizhilist li{float:left;width:24.25%;margin-right:1%;margin-bottom:1%}
.zizhilist li:nth-child(4n){margin-right: 0;}
.zizhilist li .big{border:1px solid #ddd;position: relative;overflow: hidden;}
.zizhilist li .img img {max-width: 100%;}

.contact_info{background:#f0f0f0;text-align:center;padding:20px;margin-bottom:50px;color: #181818;}
.contact_info .box1{font-size:20px;letter-spacing:3px;font-weight:700}
.contact_info .box2{margin-top:20px;background:#fff;padding:20px 5px;line-height:1}
.contact_info .box2 .cbox{display: block;width: 510px;margin: 0 auto;text-align: left;}
.contact_info .box2 .icon{display:inline-block;font-size:25px;font-weight:bolder;background:#8c8c8c;color:#fff;padding:5px 15px;margin-right:10px;vertical-align:middle;border-radius:5px;letter-spacing:2px}
.contact_info .box2 .name{display:inline-block;font-size:30px;vertical-align:middle}
.contact_info .box2 .name a{color: #181818;}

.live p{line-height: 50px;}
.video{width: 700px;}
@media(max-width:700px){
  .video{width: 600px;}
}

@media(max-width:425px){
  .video{width: 300px;}
}