/* 通用样式 */
@font-face {
  font-family: "GothicGB";
  src: url("DFPKingGothicGB-Light-2.ttf");
  font-family: "DFYuanGB-W3";
  src: url("DFYuanGB-W3.otf");
  font-family: "DFYuanGB-W5";
  src: url("DFYuanGB-W5.otf");
}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,a,div,span,i {margin:0;padding:0;box-sizing:border-box;}
a {color:#333;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:lighter;}
address,cite,dfn,em,var {font-style:normal;}
code,kbd,pre,samp {font-family:courier new,courier,monospace;}
small {font-size:12px;}
ul,ol {list-style:none;}
a {outline:none;text-decoration:none !important;}
a:hover {text-decoration:underline;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
legend {color:#000;}
fieldset,img {border:0;}
button,input,select,textarea {font-size:100%;border:none;outline:none;}
button,input {background:none;}
button {cursor:pointer;}
table {border-collapse:collapse;border-spacing:0;}
.fl {float:left;}
.fr {float:right;}
.clear {content:"";clear:both;zoom:1;}
.cl {zoom:1;}
.cl:after {display:block;content:"";height:0;clear:both}
.cl:before {display:table;content:"";}
.fl {float:left}
.fr {float:right}
.fc {margin-left:auto;margin-right:auto;display:block}
.wrap {width:90rem;margin-left:auto;margin-right:auto;}
.col21 {width:49.99%;float:left}
.col31 {width:33.33%;float:left}
.col32 {width:66.66%;float:left}
.col41 {width:24.99%;float:left}
.bk {padding:0 1rem}
.mt {margin-top:1rem}
.mt2 {margin-top:2rem}
.ml {margin-left:2rem}
#browser-modal {position:fixed;top:0;right:auto;bottom:auto;left:0;z-index:10000;width:100%;height:100%;color:#303233;text-align:center;}
#browser-modal .browser-modal-cover {position:fixed;top:0;right:auto;bottom:auto;left:0;z-index:-1;height:100%;width:100%;background-color:#111;}
#browser-modal .browser-content {width:700px;margin:120px auto 0;padding:50px 0 80px;background-color:#fff;border-radius:5px;}
#browser-modal .browser-content .browser-dpc-logo img {height:42px;margin:45px auto 40px;}
#browser-modal .browser-content .browser-text-title {font-size:24px;text-transform:uppercase;}
#browser-modal .browser-content .browser-text-desc {margin:30px 0 20px;font-size:14px;}
#browser-modal .browser-content .browser-list {width:600px;height:130px;margin:20px auto;}
#browser-modal .browser-content .browser-item {float:left;width:150px;margin:0 auto;padding:20px 0;}
#browser-modal .browser-content .browser-item .iconfont {width:100px;height:100px;margin:0 auto 10px;font-size:80px;line-height:80px;}
#browser-modal .browser-content .browser-item .iconchrome {background:url(bro.png) no-repeat 0 0;}
#browser-modal .browser-content .browser-item .iconfirefox {background:url(bro.png) no-repeat 0 -100px;}
#browser-modal .browser-content .browser-item .iconopera {background:url(bro.png) no-repeat 0 -200px;}
#browser-modal .browser-content .browser-item .iconEdge {background:url(bro.png) no-repeat 0 -300px;}
#browser-modal .browser-content .browser-item a {display:block;cursor:pointer;}
#browser-modal .browser-content .browser-item a:hover {text-decoration:underline !important;}
#browser-modal .browser-content .browser-item a img {display:block;max-width:100px;width:100px;height:100px;margin:0 auto;}
#browser-modal .browser-content .browser-item a h4 {margin-top:20px;text-align:center;font-size:18px;font-weight:700;}
a {text-decoration:none;bblr:expression(this.onFocus=this.blur());/*IE使用*/outline-style:none;/*FF使用*/;outline:none;}
a,input,img,:focus {mayfish:expression(this.onfocus=this.blur);cursor:handbblr:expression(this.onFocus=this.blur());/*IE使用*/ outline-style:none;/*FF使用*/}/*去除a标签带来的虚框*/
img {display:block;border:none;vertical-align:middle}
.slow {overflow:hidden}
.slow img:hover {-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.slow img {-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;transition:1s}
html {font-size:16px;}
@media(max-width:1440px) {html {font-size:14px;}
}
@media(max-width:1366px) {html {font-size:12px;}
}
body {position:relative;font-size:1rem;font-family:arial,verdana,helvetica,'PingFang SC','HanHei SC',STHeitiSC-Light,Microsoft Yahei,sans-serif;-webkit-font-smoothing:antialiased;line-height:1;background:#fff;color:#333;}
sub,sup {position:relative;font-size:.8rem;line-height:0;vertical-align:baseline}
sub {bottom:-.5rem}
sup {top:-.5rem}
.box {clear:both;}
.box dt {height:4rem;line-height:2.5rem;}
.box dt strong {display:block;float:left;color:#006731;font-size:1.5rem;}
.box dt span {font-size:1rem;margin-left:1rem;}
.box dt span a {text-decoration:none;background:url(more.png) right center no-repeat;padding-right:1.25rem;}
.box dt span.news {font-size:1.5rem;color:#f18d00;}
.box dd {}
.bx1 dt strong {font-size:2.25rem;letter-spacing:.2rem;}
.bx2 dt strong {float:none;text-align:center;}
.bx3 dt strong {color:#fff;font-size:2.25rem;letter-spacing:.2rem;}
.bx3 dt span a {color:#fff;margin-left:1rem;}
.header {width:100%;background:rgba(255,255,255,0);height:6rem;position:fixed;top:0;z-index:100;padding:0 10%;transition:ease .5s;}
.header::before {width:100%;height:7.5rem;background:url(head-bg.png) 0 bottom repeat-x;content:'';position:absolute;left:0;top:0;-webkit-transition:all .5s;}
.header .logo {float:left;z-index:9;position:absolute;transition:ease .5s;height:4.375rem;margin-top:1.5rem;display:block;}
.header .logo img {position:absolute;top:50%;transform:translateY(-50%);opacity:0;transition:ease .5s;height:100%}
.header .logo img:nth-child(1) {opacity:1;}
.nav {width:100%;padding-right:9%;right:0;text-align:center;background-color:rgba(255,255,255,0);height:100%;position:absolute;transition:.5s all ease;box-shadow:10px 1px 10px 1px rgba(128,128,128,0);overflow:hidden;}
.nav > ul {position:relative;width:70%;}
.nav:after {content:'';position:absolute;background:#fff url(zi.png) center 12.5rem no-repeat;width:100%;height:26.25rem;left:0;opacity:0;transition:.5s all ease;top:0;}
.header ul {right:0;position:relative;transition:.5s all ease;float:right;z-index:5;height:4rem;margin-top:2.5rem;}
.header li {line-height:4rem;list-style:none;width:12.5%;height:100%;float:left;transition:.5s all ease;cursor:pointer;position:relative;}
.header li h3 {color:#fff;position:relative;display:block;font-size:1.25rem;font-weight:bolder;}
.header li .sub {width:100%;list-style:none;padding:0;padding-top:0.5rem;margin-top:0px;height:20rem;}
.header li:hover .sub {background:rgba(100,100,100,.05);}
.header ul .sub a {line-height:2.5rem;height:2.5rem;width:100%;position:relative;display:block;font-size:1.125rem;font-weight:normal;}
.header.active .nav {height:26.25rem;background-repeat:no-repeat;box-shadow:0 0 1rem rgba(0,0,0,.1);}
.header.active li h3,.header.active li a {color:#333;}
.header.active .nav:after {opacity:1;}
.header.active .logo img:nth-child(1) {opacity:0;}
.header.active .logo img:nth-child(2) {opacity:1;}
.scrollDown .header {top:-8rem;transition:.8s all ease;}
.top-link {float:right;right:10%;display:block;z-index:9;position:absolute;transition:ease .5s;margin-top:1rem;font-size:1rem;line-height:1.5rem;color:#fff;}
.top-link a {color:#fff;margin-right:0.5rem;padding-right:0.625rem;border-right:1px solid #fff;}
.top-link span {margin:0 5px;}
.top-link a.last {color:#fff;font-size:1.125rem;font-weight:bolder;}
.top-link a:last-child {color:#fff;font-size:1.125rem;font-weight:bolder;margin-right:0rem;border-right:none;}
.header.active .top-link a {color:#333;border-right:1px solid #333;}
.header.active .top-link a:last-child {margin-right:0rem;border-right:none;}
.search {position:relative;display:inline-block;*display:inline;*zoom:1;vertical-align:middle;cursor:pointer;margin-top:-3px;display:none;}
.search .search-icon {display:inline-block;*display:inline;*zoom:1;vertical-align:middle;width:20px;height:20px;background-image:url(h_icon1.png);background-repeat:no-repeat;background-position:50% 50%;background-color:#ee9b11;-o-background-size:auto;background-size:auto;border-radius:50%;}
.search .nav-btn {display:none;width:35px;margin:0 2rem 0 0;vertical-align:middle;cursor:pointer;}
.search .nav-btn i {display:block;height:2px;margin:9px 0;background:#fff;-webkit-transition:all 0.35s ease 0s;-moz-transition:all 0.35s ease 0s;-o-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;}
.search .nav-btn.close i:nth-child(1) {-webkit-transform:translate(0px,11px) rotate(45deg);-moz-transform:translate(0px,11px) rotate(45deg);-o-transform:translate(0px,11px) rotate(45deg);-ms-transform:translate(0px,11px) rotate(45deg);transform:translate(0px,11px) rotate(45deg);}
.search .nav-btn.close i:nth-child(2) {opacity:0;}
.search .nav-btn.close i:nth-child(3) {-webkit-transform:translate(0px,-11px) rotate(-45deg);-moz-transform:translate(0px,-11px) rotate(-45deg);-o-transform:translate(0px,-11px) rotate(-45deg);-ms-transform:translate(0px,-11px) rotate(-45deg);transform:translate(0px,-11px) rotate(-45deg);}
.footer {background:#006731;}
.footer .bk {padding-top:2rem;padding-bottom:2rem;}
.footer .col21 {width:49%;height:5rem;border-left:rgba(255,255,255,.2) 1px solid;border-right:rgba(255,255,255,.2) 1px solid;}
.footer .col21 .img{display:none;}
.footer p {font-size:1.125rem;color:#fff;line-height:2.5rem;margin-left:4rem;transition:.5s;}
.footer .flogo{height:4.5rem;}
.copy {border-top:rgba(255,255,255,.2) 1px solid;margin:2rem 1rem 0;padding:1rem 0;text-align:center}
.copy p {font-size:1rem;color:#fff;line-height:1.875rem}
.copy a {color:#fff;}
.ewm {float:left;}
.ewm li {float:left;margin-left:2rem;text-align:center;}
.ewm li.last {margin-left:1rem;}
.ewm .img {display:block;width:4.5rem;height:4.5rem;border:0.25rem solid rgba(255,255,255,1);overflow:hidden}
.ewm li.last .img{border-color:rgba(255,255,255,0)}
#gotop {position:fixed;z-index:90;bottom:2rem;right:2rem;box-sizing:border-box;text-align:center;cursor:pointer;-moz-transition:all .5s;-webkit-transition:all .5s;width:3rem;height:3rem;line-height:3rem;background:rgba(0,103,49,.8);opacity:1;visibility:visible;overflow:hidden;border-radius:10%;box-shadow:0 0 15px rgba(0,0,0,.1);}
#gotop.hide {height:0;opacity:0;visibility:hidden}
#gotop svg {width:1.5rem;height:1.5rem;display:inline-block;fill:#fff;vertical-align:middle;margin:-3px 0 0;transition:.6s}
#gotop:hover {border-radius:50%}
#mask {display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:102;background:rgba(0,0,0,0.75);}
#mask .close {width:4rem;height:4rem;position:absolute;top:6rem;right:10%;bottom:auto;left:auto;z-index:1;cursor:pointer;}
#mask .close i {display:block;width:100%;height:3px;background:#fff;}
#mask .close i:nth-child(1){-webkit-transform:translate(0,33px) rotate(45deg);-moz-transform:translate(0,33px) rotate(45deg);-o-transform:translate(0,33px) rotate(45deg);-ms-transform:translate(0,33px) rotate(45deg);transform:translate(0,33px) rotate(45deg);}
#mask .close i:nth-child(2){-webkit-transform:translate(0,31px) rotate(-45deg);-moz-transform:translate(0,31px) rotate(-45deg);-o-transform:translate(0,31px) rotate(-45deg);-ms-transform:translate(0,31px) rotate(-45deg);transform:translate(0,31px) rotate(-45deg);}
#nav-mask {display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;background:rgba(0,0,0,0.85);}
.search-box {position:absolute;top:35%;right:auto;bottom:auto;left:50%;z-index:1;-webkit-transform:translate(-50%,0%);-moz-transform:translate(-50%,0%);-o-transform:translate(-50%,0%);-ms-transform:translate(-50%,0%);transform:translate(-50%,0%);background:#fff;white-space:nowrap;padding:0;width:76%;max-width:30rem;font-size:0;opacity:0;-webkit-transition:all 0.23s ease 0s;-moz-transition:all 0.23s ease 0s;-o-transition:all 0.23s ease 0s;transition:all 0.23s ease 0s;box-shadow:0 0 5px 0 #ccc;}
.search-box .input {width:-webkit-calc(100% - 3.5rem);width:-moz-calc(100% - 3.5rem);width:calc(100% - 3.5rem);height:3rem;padding:0 0.625rem 0 1rem;vertical-align:top;font-size:0.875rem;font-weight:500;line-height:3rem;color:#333;text-align:left;border:1px solid #eee;}
.search-box .submit {width:3rem;height:3rem;vertical-align:top;background-image:url(h_icon1_2.png);background-repeat:no-repeat;background-position:50% 35%;background-color:transparent;-o-background-size:auto;background-size:auto;}
.search-box.show {opacity:1;top:40%;}
.gradient {background:rgba(0,103,49,1);background-image:-moz-linear-gradient( 180deg,rgba(228,103,19,1) 0%,rgba(33,145,64,1) 53%,rgba(0,103,49,1) 100%);background-image:-webkit-linear-gradient( 180deg,rgba(228,103,19,1) 0%,rgba(33,145,64,1) 53%,rgba(0,103,49,1) 100%);background-image:-ms-linear-gradient( 180deg,rgba(228,103,19,1) 0%,rgba(33,145,64,1) 53%,rgba(0,103,49,1) 100%);}
.gradient1 {background:rgba(0,103,49,0.3);background-image:-moz-linear-gradient( 180deg,rgba(228,103,19,0.5) 0%,rgba(33,145,64,0.5) 53%,rgba(0,103,49,0.3) 100%);background-image:-webkit-linear-gradient( 180deg,rgba(228,103,19,0.5) 0%,rgba(33,145,64,0.5) 53%,rgba(0,103,49,0.3) 100%);background-image:-ms-linear-gradient( 180deg,rgba(228,103,19,0.5) 0%,rgba(33,145,64,0.5) 53%,rgba(0,103,49,0.3) 100%);}