body{overflow:-Scroll;overflow-x:hidden;font-family:"microsoft yahei","\5B8B\4F53", sans-serif;}
*{margin:0;padding:0;}
img{border:0}
.w1440{width:100%;margin:0 auto;overflow:hidden;_zoom:1;}
.w100{width:850px;margin:0 auto;overflow:hidden;_zoom:1;}
.w1004{width:1004px;margin:0 auto;overflow:hidden;_zoom:1;}
.nav_wrap_w .w1004{width:1004px;margin:15px auto 0 auto;overflow:hidden;_zoom:1;}
.fr{float:right}
.fl{float:left}
a{text-decoration:none;}
a:link,a:visited { text-decoration:none;}
a:hover,a:active { text-decoration:underline; }
ul,li{list-style:none;}
.d_b{display:block;}
.bk10{clear:both;font-size:0;height:10px;}
/*��������*/
#qiao-wrap,#qiao-icon-wrap,#qiao_shut{display:none;}




/*** oypc/default ***/
/*** oypc/base ***/
/*** oypc/d_slide ***/


.slide {position: relative;}
.slide .page {
    display: none;position: absolute;z-index: 999;left: 0;top: 50%;width: 20px;height: 40px;line-height: 40px;
    margin-top: -20px;overflow: hidden;font-size: 14px;font-weight: 700;font-family: simsun;
    text-align: center;color: #fff;opacity: 0.7;
    background-color: #333;
}
.slide .page:hover {text-decoration: none;background-color: #111;}
.slide .next {left: auto;right: 0;}
.slide .img_span {width: 100%;height: 100%;}
.slide .img_span li a {display: block;overflow: hidden;}
.slide .img_span li span {height: 23px;line-height: 23px;text-align: left;font-size: 14px;}
.slide .img_span li span a {display: inline;margin: 0px 8px;}
.slide .bar {position: relative;height: 0px;overflow: visible;}
.slide .bar ul {
    position: absolute;width: auto;top: -22px;right: 10px;
}
.slide .bar li {
    width: 12px;height: 12px;margin-left: 5px;border-radius: 50%;
}
.c-one .bar li {display: none;visibility: hidden;}
.c-one .page {display: none!important;}
.slide .bar li a {
    display: block;width: 100%;height: 100%;line-height: 16px;overflow: hidden;text-align: center;
    text-indent: -2000px;font-size: 12px;font-family: arial;color: #fff;background: #f8f8f8;
}
<!--.slide .bar li.on a {color: #fff;background: #c00;}-->
.slide .bar li a:hover {color: #fff;text-decoration: none;}
.slide.c-center .img_span li img {width: 100%;}
.slide.c-center .bar {width: 100%;}
.slide.c-center .bar ul {left: auto;right: auto;width: 100%;text-align: center;font-size: 0;}
.slide.c-center .bar li {display: inline-block;float: none;margin: 0px 5px;vertical-align: top;}
.slide.c-loaded {max-height: none!important;}
.slide.c-loaded * {max-height: none!important;}
.slide_h {width: 100%;}
.slide_h .img_span {width: 100%;}
.slide_h .img_span li {width: 100%;}
.slide_h .img_span li img {float: none;width: 100%;margin: 0 auto;}

/*** oypc/d_table ***/


.table table {width: 100%}
.table table td,.table table th {line-height: 25px;vertical-align: center;font-size: 12px;font-weight: 400;}
.table input {border-radius: 3px;}
.table td,.table th {min-width: 50px;padding: 5px 5px;font-weight: 400;text-align: center;}
.table th {color: #666;border-right: 2px solid #fff;background: #eeefef;}
.table th.c-1 {border-right: 0;}
.table tr.sep {background: #f5f5f5;}

.table td b {
    display: block;float: left;width: 100px;height: 18px;line-height: 18px;padding: 5px;overflow: hidden;
    text-align: right;font-weight: 400;color: #111;
}
.table span {
    display: block;height: auto;line-height: 18px;padding: 5px;overflow: hidden;color: #666;
}
.table span a {height: 18px;line-height: 18px;padding: 0px 5px;overflow: hidden;}
.table span a:hover {color: #f60;}
.table span pre {min-height: 18px;white-space: pre-wrap;word-wrap: break-word;cursor: text;}
.table span textarea {
    display: block;width: 100%;height: auto;line-height: 18px;overflow: hidden;
    text-align: inherit;font-size: 12px;font-family: simsun;border: 0;
}
.table span.hover {padding: 4px;border: 1px solid #ddd;background: #fff;}
.table td .num {width: 20px;}
.table td.c-l {text-align: left;}
.table td.c-r {text-align: right;}
.table td.c-c {text-align: center;}
.table a.c-del {padding: 0px 5px;color: #888;}
.table a.c-add {padding: 0px 5px;color: #333;}

/*** oypc/d_ul ***/


.ul ul {width: 100%;overflow: hidden;}
.ul .date {float: right;font-style: normal;color: #999;}
.ul li {display: inline;float: left;width: 100%;height: 25px;line-height: 25px;font-size: 12px;}
.ul li a.c-img {display: block;overflow: hidden;}
.ul li img {
    display: block;overflow: hidden;background-color: transparent;
    background-position: center;background-repeat: no-repeat;
}
.ul li p,.ul li span {float: left;overflow: hidden;}
.ul li span {display: block;width: 100%;line-height: 16px;padding-top: 2px;overflow: hidden;}
.ul li h3 {height: 25px;line-height: 25px;overflow: hidden;font-size: 14px;}
.ul li b, .ul li strong {font-weight: 400;}
.ul li p {line-height: 18px;font-size: 12px;}
.ul li p a {padding-left: 4px;font-size: 12px;white-space: nowrap;}
.ul li i, .ul li em {font-style: normal;}

.ul_center li center {
    display: block;position: relative;height: 0;padding-top: 100%;overflow: hidden;
    border-radius: 50%;border: 1px solid #ccc;
}
.ul_center li ins {display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.ul_center li dl {display: table;width: 100%;height: 100%;text-align: center;}
.ul_center li dt {display: table-cell;line-height: normal;vertical-align: middle;}

.img_span {position: relative;}
.img_span li {position: relative;height: auto;}
.img_span li span {
    position: absolute;left: 0;bottom: 0;width: 100%;height: 16px;line-height: 18px;padding: 3px 0px;
    text-align: center;color: #fff;background: rgba(0, 0, 0, 0.7);
}
.img_span li span a {margin: 0px 4px;color: white;}
.img_span li span a:hover {text-decoration: none;}
.img_span li p {
    position: absolute;left: 0px;width: 100%;font-size: 12px;color: #fff;background: rgba(0, 0, 0, 0.7);
}

.img_span_p li {height: auto;}
.img_span_p li a.c-img {float: left;margin-right: 8px;}
.img_span_p li span {float: none;width: auto;padding: 0;}
.img_span_p li span a {}
.img_span_p li p {float: none;width: auto;line-height: 16px;color: #666;}
.img_span_p li p a {white-space: nowrap;}

.img_video li a.c-img {display: block;position: relative;}
.img_video ul li a.c-img img {display: block;width: 100%;height: 100%;}
.img_video li a.c-img::after{
    display: block;position: absolute;left: 50%;top: 50%;width: 0px;height: 0px;margin: -5px 0px 0px -3px;
    content: '';border: 5px solid rgba(0, 0, 0, 0.8);border-top-color: transparent;
    border-left-width: 8px;
    border-bottom-color: transparent;border-right-width: 0;
}
.img_video li a.c-img::before {
    display: block;position: absolute;left: 50%;top: 50%;width: 20px;height: 20px;margin: -10px 0px 0px -10px;
    content: '';border-radius: 50%;
    background: rgba(255, 255, 255, 0.6);
}
.img_video li video {display: none;}

.dot li {text-indent: 15px;}


* {padding: 0;margin: 0;}
*:focus {outline: none;}
html {background: #fff;}
body {
    _position: relative;width: auto;_overflow-x: hidden;font-family: simsun;
    font-size: 12px;color: #333;cursor: default;
}

div, ul, dl {overflow: hidden;}
li {overflow: hidden;list-style: none;}
input {font-size: 12px;border: 1px solid #ddd;}
textarea {resize: none;outline: none;}
img.loading {}
video {cursor: pointer;}
table {border-collapse: collapse;}





i, em {font-style: normal;}
input::-moz-focus-inner {border: 0;}
h2 {font-size: 14px;overflow: hidden;}
small {font-size: 12px;}
select {padding: 2px 1px 2px 1px;font-size: 12px;border: 1px solid #ddd;border-radius: 3px;}
select option {padding: 3px 5px 2px 5px;font-size: 12px}
select option:nth-child(even) {background-color:#f5f5f5;}
svg {display: block;width: 100%;height: 100%;fill: none;overflow: hidden;}
ins {text-decoration: none;}

.p1, .p2 {float: left;}
.p_none {display: none!important;}
.p_pop {position: fixed;_position: absolute;z-index: 99;overflow: visible;}

.popbg {
    position: fixed;_position: absolute;z-index: 1998;left: 0;top: 0;width: 100%;height: 100%;
    background: #000;opacity: 0.3;
}

.h2 .more {float: right;}
.h2 {
   height: 30px;
    line-height: 30px;
    text-align: right;
    font-size: 12px;
    margin-left: -27px;
    width: 1000px;
    margin-top: -17px;
}
.h2 h2 {  padding-left: 28px;
    float: left;height: 30px;line-height: 28px;text-align: center;
    font-size: 16px;font-weight: 400;font-family: "microsoft yahei",arial;color: #333;
}
.h2 h2 a {font-weight: 400;color: #333;}
.h2 a:hover {text-decoration: none;}
.h2 .more {line-height: 34px;font-size: 12px;}
a.more:hover {text-decoration: none;}

.div {width: 960px;margin: 0px auto 6px auto;}

.content img, .content object, .content video, .content embed {
    display: block;width: 100%;max-width: 750px;margin: 0 auto;overflow: hidden;
}
.content, .content * {
    line-height: 26px;font-size: 15px;font-family: arial;color: #333;
}
.content strong,.content b {color: #000;}
.content a {color: #049;}

.alert {display: none;position: absolute;z-index: 2000!important;width: 150px;min-height: 45px;}
.alert .ul {
    position: relative;z-index: 1;width: 130px;padding: 12px 10px 15px 10px;color: #fff;
}
.alert .bg {
    position: absolute;z-index: 0;left: 0;top: 0;width: 150px;height: 45px;opacity: 0.7;
    border-radius: 5px;background: #000;
}
.alert li.col-title {
    height: auto;line-height: 20px;text-align: center;font-size: 14px;
}

.confirm {display: none;position: absolute;z-index: 2000!important;width: 200px;min-height: 45px;border-radius: 5px;}
.confirm .ul {padding: 10px;}
.confirm li.col-title {
    height: auto;line-height: 20px;padding-bottom: 10px;text-align: center;font-size: 14px;color: #666;
}
.confirm li.col-btn {background: #f2f2f2;}
.confirm li.col-btn a {
    display: block;float: left;width: 100px;height: 25px;overflow: hidden;text-align: center;font-size: 14px;
}
.confirm li.col-btn a.c-ok {width: 60%;color: #fff;background: #f60;}
.confirm li.col-btn a.c-ok:hover {background: #c00;}
.confirm li.col-btn a.c-cancel {width: 40%;color: #666;background: #f2f2f2;}
.confirm li.col-btn a.c-cancel:hover {color: #333;}

.tran_ry li {
    transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
    transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
    backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-o-backface-visibility: hidden;
-ms-backface-visibility: hidden;
    transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
}
.tran_ry_on li {transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-webkit-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);}
/*** oypc/head ***/


@keyframes move {
    0% {left: -30px;width: 10px;opacity: 0;}
    50% {left: 50%;width: 20px;opacity: 0.7;}
    100% {left: 120%;width: 10px;opacity: 0;}
}
@-moz-keyframes move {
    0% {left: -30px;width: 10px;opacity: 0;}
    50% {left: 50%;width: 20px;opacity: 0.7;}
    100% {left: 120%;width: 10px;opacity: 0;}
}
@-webkit-keyframes move {
    0% {left: -30px;width: 10px;opacity: 0;}
    50% {left: 50%;width: 20px;opacity: 0.7;}
    100% {left: 120%;width: 10px;opacity: 0;}
}
@-o-keyframes move {
    0% {left: -30px;width: 10px;opacity: 0;}
    50% {left: 50%;width: 20px;opacity: 0.7;}
    100% {left: 120%;width: 10px;opacity: 0;}
}
@-ms-keyframes move {
    0% {left: -30px;width: 10px;opacity: 0;}
    50% {left: 50%;width: 20px;opacity: 0.7;}
    100% {left: 120%;width: 10px;opacity: 0;}
}

.head {}
.head .box {padding: 20px 0px;}
.head .row-logo {float: left;width: 60%;}
.head .row-logo a {position: relative;float: left;overflow: hidden;}
.head .row-logo a::after {
    display: none;position: absolute;left: -20px;top: 0;width: 10px;height: 100%;content: '';
    transform: skew(-30deg);
-moz-transform: skew(-30deg);
-webkit-transform: skew(-30deg);
-o-transform: skew(-30deg);
-ms-transform: skew(-30deg);
    background: #fff;
}
.head .row-logo a:hover::after {
    display: block;animation: move 1s linear forwards;
-moz-animation: move 1s linear forwards;
-webkit-animation: move 1s linear forwards;
-o-animation: move 1s linear forwards;
-ms-animation: move 1s linear forwards;
}
.head .row-logo img {float: left;height: 80px;}
.head .row-link img {float: right;height: 80px;}

.note {height: 0;}
.note .div {
    position: absolute;z-index: 99;width: 100%;height: 35px;margin-bottom: 0;
    background: rgba(8, 140, 100, 0.95);
}
.note .box {width: 980px;margin: 0 auto;}
.note .row-list .ul {
    padding-left: 25px;
}
.note .row-list li {height: 35px;line-height: 35px;font-size: 14px;color: #fff;}

.slidex .div {width: 100%;margin-bottom: 0;}
.slidex .row-list {height: 400px;}
.slidex .row-list .bar ul {top: -30px;}
.slidex .row-list .bar li {border: 2px solid #058451;}
.slidex .row-list .bar li a {background: none;opacity: 0;transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
-ms-transition: opacity 0.5s;}
.slidex .row-list .bar li.on a {opacity: 1;background: #058451;}
.slidex .row-list .page {width: 40px;border-radius: 50%;}
.slidex .row-list .page {display: block;}
.slidex .row-list .pre {left: -40px;transition: left 0.2s;
-moz-transition: left 0.2s;
-webkit-transition: left 0.2s;
-o-transition: left 0.2s;
-ms-transition: left 0.2s;}
.slidex .row-list .next {right: -40px;transition: right 0.2s;
-moz-transition: right 0.2s;
-webkit-transition: right 0.2s;
-o-transition: right 0.2s;
-ms-transition: right 0.2s;}
.slidex .row-list:hover .pre {left: 5%;}
.slidex .row-list:hover .next {right: 5%;}
.slidex .row-list .img_span li {display: none;}
.slidex .row-list .img_span li.col1 {display: block;}

.menu {height: 50px;background: #046F50;}
.menu .row-list li {position: relative;width: 14%;height: 50px;}
.menu .row-list li.col1,.menu .row-list li.col-1 {width: 15%;}
.menu .row-list li::after {
    display: none;position: absolute;left: 50%;top: 50%;width: 40px;height: 40px;
    margin: -20px 0px 0px -20px;content: '';
    border-radius: 50%;box-shadow: 0px 0px 30px 25px #058451;background: #058451;
}
.menu .row-list li.on::after {display: block;}
.menu .row-list li span {
    display: block;position: relative;z-index: 1;float: none;width: auto;padding: 0;height: 100%;
    border-left: 1px solid #048350;
}
.menu .row-list li.col1 span, .menu .row-list li.col1 span a {border-left: 0;}
.menu .row-list li a {
    display: block;float: none;height: 100%;padding: 0px 5px;
    text-align: center;font-size: 16px;font-family: "microsoft yahei";color: #fff;
    border-left: 1px solid #075941;
}
.menu .row-list li a b {display: block;height: 30px;line-height: 32px;}
.menu .row-list li a em {display: block;height: 20px;line-height: 12px;font-size: 12px;font-family: arial;}
/*** oypc/foot ***/
/*** oypc/d_reset ***/


#qiao-wrap, #LXB_CONTAINER_SHOW, #LXB_CONTAINER, #LXB_CONTAINER *,
#LXB_CLOSE_BTN, #LRdiv0,#LRdiv1 * {
    display: none!important;position: absolute!important;z-index: -1!important;
    width: 0!important;height: 0!important;padding: 0!important;
    overflow: hidden!important;visibility: hidden!important;
}

#LRdiv3 div {overflow: visible;}
/*** oypc/d_call ***/


.call {height: 0;}
.call .div {width: 260px;height: 190px;}
.call .box {height: 0px;min-width: 0!important;transition: height 0.2s;
-moz-transition: height 0.2s;
-webkit-transition: height 0.2s;
-o-transition: height 0.2s;
-ms-transition: height 0.2s;}
.call.hover .box {height: 190px;}
.call .row-list {border-radius: 10px;border: 2px solid rgba(0, 0, 0, 0.1);background-clip: padding-box;}
.call .row-list .ul {
    position: relative;height: 186px;padding: 0px 15px;
    background: #fff;
}
.call .row-list li {height: auto;margin-top: 10px;}
.call .row-list li.col-close {
    position: absolute;right: 0px;top: 0px;width: 25px;height: 20px;margin-top: 0;
    font-size: 14px;font-weight: 700;font-family: arial;
}
.call .row-list li.col-close .c-btn {
    display: block;height: 20px;line-height: 20px;text-align: center;color: #666;
    border-radius: 0px 0px 0px 10px;background: #ddd;
}
.call .row-list li.col-title {
    height: 25px;line-height: 25px;margin-top: 20px;text-align: center;font-size: 18px;
}
.call .row-list li.col-input div {
    padding: 1px;border: 1px solid #666;border-radius: 5px;
}
.call .row-list li.col-input span {
    float: left;width: 65%;padding: 0px 5px;
}
.call .row-list li.col-input .input {
    width: 100%;height: 30px;line-height: 30px;text-align: center;font-size: 14px;color: #666;border: 0;
}
.call .row-list li.col-input .c-btn {
    display: block;height: 30px;line-height: 30px;margin: 0;overflow: hidden;text-align: center;color: #fff;
    font-size: 14px;border-radius: 0px 5px 5px 0px;background: #666;
}
.call .row-list li.col-note p {font-size: 12px;color: #666;}
.call .row-list li.col-btn {position: absolute;width: 100%;left: 0;bottom: 0;}
.call .row-list li.col-btn .c-btn {
    float: left;width: 50%;height: 45px;line-height: 45px;text-align: center;
    font-size: 16px;color: #fff;background: #f60;
}
.call .row-list li.col-btn .c-ask {position: relative;background: #13a4db;}
.call .row-list li.col-btn .c-ask::after {
    display: none;position: absolute;right: 10px;top: 10px;width: 14px;height: 14px;
    line-height: 14px;overflow: hidden;content: '8';font-size: 12px;color: #fff;
    border-radius: 7px;background: #069;
}
/*** oypc/d_contact ***/


@keyframes bg {
    from {background-position: center 10px;}
    to {background-position: center 6px;}
}
@-moz-keyframes bg {
    from {background-position: center 10px;}
    to {background-position: center 6px;}
}
@-webkit-keyframes bg {
    from {background-position: center 10px;}
    to {background-position: center 6px;}
}
@-o-keyframes bg {
    from {background-position: center 10px;}
    to {background-position: center 6px;}
}
@-ms-keyframes bg {
    from {background-position: center 10px;}
    to {background-position: center 6px;}
}

.contact {height: 70px;background: #088c64;}
.contact.hover {height: 0;}
.contact .div {
    position: fixed;z-index: 999;left: 0;bottom: 0;width: 100%;height: 70px;margin-bottom: 0;
    transition: height 0.2s;
-moz-transition: height 0.2s;
-webkit-transition: height 0.2s;
-o-transition: height 0.2s;
-ms-transition: height 0.2s;background: #088c64;
}
.contact.hover .div {height: 0;}
.contact .box {position: relative;width: 980px;margin: 0 auto;overflow: visible;}
.contact .d-close {position: absolute;right: -50px;top: 20px;}
.contact .d-close a {
    display: block;width: 30px;height: 30px;line-height: 30px;text-align: center;
    font-family: arial;font-size: 30px;transition: transform 0.5s;
-moz-transition: -moz-transform 0.5s;
-webkit-transition: -webkit-transform 0.5s;
-o-transition: -o-transform 0.5s;
-ms-transition: -ms-transform 0.5s;
    background-size: auto 20px;
}
.contact .d-close a:hover {transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);}
.contact .row-list {float: left;}
.contact .row-list .ul {padding: 5px 0px;}
.contact .row-list li {width: auto;height: 60px;margin-right: 30px;}
.contact .row-list li.col-tel a {color: #fff;}
.contact .row-list li.col-tel span {height: 25px;padding-top: 6px;font-family: arial;font-size: 30px;}
.contact .row-link .ul {float: right;}
.contact .row-link .ul ul {width: auto;}
.contact .row-link li {width: auto;height: 70px;line-height: 110px;background: #fe850f;}
.contact .row-link li .c-btn {
    position: relative;float: left;height: 100%;padding: 0px 15px;font-size: 14px;color: #fff;
    background-size: auto 35px;
}
.contact .row-link li .c-btn::after {
    display: block;position: absolute;left: 0px;top: 50%;width: 1px;height: 50px;margin-top: -25px;
    content: '';background: #088c64;
}
.contact .row-link li.col1 .c-btn::after {display: none;}
.contact .row-link li.col-tel a {
    
}
.contact .row-link li.col-ask a {
  
}
.contact .row-link li .c-btn:hover {
    animation: bg 0.5s linear infinite alternate;
-moz-animation: bg 0.5s linear infinite alternate;
-webkit-animation: bg 0.5s linear infinite alternate;
-o-animation: bg 0.5s linear infinite alternate;
-ms-animation: bg 0.5s linear infinite alternate;
}
/*** oypc/d_gotop ***/


.gotop {height: 0;}
.gotop .box {position: fixed;z-index: 999;right: 15px;bottom: 100px;width: 50px;}
.gotop .row-btn {display: none;}
.gotop .row-btn .d-btn a {
    display: block;height: 50px;border-radius: 5px;
    transition: background-color 0.2s;
-moz-transition: background-color 0.2s;
-webkit-transition: background-color 0.2s;
-o-transition: background-color 0.2s;
-ms-transition: background-color 0.2s;
}
.gotop .row-btn .d-btn a:hover {background-color: #fe850f;background-position: center -52px;}


.foot {border-top: 4px solid #027345;background: #434343;}
.foot .row-link .ul {padding: 15px 0px;}
.foot .row-link li {width: 33.3%;height: auto;}
.foot .row-link li.col-map {width: 35%;}
.foot .row-link li.col-map a.c-img {margin-right: 20px;}
.foot .row-link li.col-wx {float: right;}
.foot .row-link li.col-tel,.foot .row-link li.col-qq {width: 25%;}
.foot .row-info li p {display: block;float: none;text-align: center;color: #ddd;}
/*** oypc/div-pic ***/


.div-pic .row-list .slide .page {
    width: 60px;font-size: 50px;text-shadow: 0px 0px 2px #333;
    color: #fff;background: none;
}
.div-pic .row-list .slide:hover .page {display: block;}
.div-pic .row-list .c-frame {padding-top: 50%;}
.div-pic .row-list li {display: none;height: auto;}
.div-pic .row-list li.col1 {display: block;}

/*** oypc/div_ystd ***/


.div_ystd .row-list .ul {padding: 0px 6px;}
.div_ystd .row-list li {height: auto;margin-top: 15px;}
.div_ystd .row-list li.col1 {margin-top: 0;}
.div_ystd .row-list li a.c-img img {width: 100%;}
.div_ystd .row-list li .d-img {float: left;width: 50%;}
.div_ystd .row-list li .d-info {line-height: 20px;padding-left: 6px;}
.div_ystd .row-list li .d-info span {
    width: auto;height: 25px;line-height: 25px;padding: 0px 6px;font-size: 1rem;color: #fff;
    background: #088c64;
}
.div_ystd .row-list li .d-info p {
    display: block;float: none;padding-top: 6px;clear: both;text-align: left;font-size: 0.75rem;color: #666;
}
.div_ystd .row-list li .d-info p a {padding: 0;}
.div_ystd .row-list li p.c-submit a {
    float: left;height: 25px;line-height: 25px;margin-right: 6px;padding: 0px 6px;color: #fff;background: #088c64;
}
.div_ystd .row-list li p.c-submit a.c-ask {color: #333;background: #fed100;}




body {font-family: "microsoft yahei";}

.main {padding-top: 20px;}
.main .div {margin-bottom: 20px;}
.main .th1 {height: auto;padding: 20px 5px;text-align: center;}
.main .th1 h2 {float: none;height: auto;line-height: 40px;font-size: 36px;color: #027345;}
.main .th1 em {display: block;height: 25px;line-height: 25px;font-size: 14px;font-family: arial;color: #a1a1a1;}
.main .div-pic .div {margin-bottom: 0;}

.div {width: 980px;}
.ul li a.c-img img {display: block;width: 100%;height: auto;}

.div-img .row-list li .d-info {padding-left: 20px;}
.div-img .row-list li .d-info span {height: 35px;line-height: 35px;padding: 0px 10px;font-size: 16px;}
.div-img .row-list li .d-info p {padding-top: 10px;}
.div-img .row-list li .d-info p.c-subtitle {font-size: 14px;}
.div-img .row-list li .d-info p.c-submit a {
    height: 35px;line-height: 35px;margin-right: 10px;padding: 0px 10px;font-size: 14px;
}

/*** oypc/list.css ***/
/*** oypc/a_default ***/


@keyframes round {
    0% {transform: translate(-1%, 0%);}
    25% {transform: translate(0%, -1%);}
    50% {transform: translate(1%, 0%);}
    75% {transform: translate(0%, 1%);}
    100% {transform: translate(-1%, 0%);}
}
@-moz-keyframes round {
    0% {-moz-transform: translate(-1%, 0%);}
    25% {-moz-transform: translate(0%, -1%);}
    50% {-moz-transform: translate(1%, 0%);}
    75% {-moz-transform: translate(0%, 1%);}
    100% {-moz-transform: translate(-1%, 0%);}
}
@-webkit-keyframes round {
    0% {-webkit-transform: translate(-1%, 0%);}
    25% {-webkit-transform: translate(0%, -1%);}
    50% {-webkit-transform: translate(1%, 0%);}
    75% {-webkit-transform: translate(0%, 1%);}
    100% {-webkit-transform: translate(-1%, 0%);}
}
@-o-keyframes round {
    0% {-o-transform: translate(-1%, 0%);}
    25% {-o-transform: translate(0%, -1%);}
    50% {-o-transform: translate(1%, 0%);}
    75% {-o-transform: translate(0%, 1%);}
    100% {-o-transform: translate(-1%, 0%);}
}
@-ms-keyframes round {
    0% {-ms-transform: translate(-1%, 0%);}
    25% {-ms-transform: translate(0%, -1%);}
    50% {-ms-transform: translate(1%, 0%);}
    75% {-ms-transform: translate(0%, 1%);}
    100% {-ms-transform: translate(-1%, 0%);}
}

@keyframes rx {
    from {transform: rotateX(0deg);}
    to {transform: rotateX(360deg);}
}
@-moz-keyframes rx {
    from {-moz-transform: rotateX(0deg);}
    to {-moz-transform: rotateX(360deg);}
}
@-webkit-keyframes rx {
    from {-webkit-transform: rotateX(0deg);}
    to {-webkit-transform: rotateX(360deg);}
}
@-o-keyframes rx {
    from {-o-transform: rotateX(0deg);}
    to {-o-transform: rotateX(360deg);}
}
@-ms-keyframes rx {
    from {-ms-transform: rotateX(0deg);}
    to {-ms-transform: rotateX(360deg);}
}

@keyframes ry {
    from {transform: rotateY(0deg);}
    to {transform: rotateY(360deg);}
}
@-moz-keyframes ry {
    from {-moz-transform: rotateY(0deg);}
    to {-moz-transform: rotateY(360deg);}
}
@-webkit-keyframes ry {
    from {-webkit-transform: rotateY(0deg);}
    to {-webkit-transform: rotateY(360deg);}
}
@-o-keyframes ry {
    from {-o-transform: rotateY(0deg);}
    to {-o-transform: rotateY(360deg);}
}
@-ms-keyframes ry {
    from {-ms-transform: rotateY(0deg);}
    to {-ms-transform: rotateY(360deg);}
}

@keyframes rz {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}
@-moz-keyframes rz {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(360deg);}
}
@-webkit-keyframes rz {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}
@-o-keyframes rz {
    from {-o-transform: rotate(0deg);}
    to {-o-transform: rotate(360deg);}
}
@-ms-keyframes rz {
    from {-ms-transform: rotate(0deg);}
    to {-ms-transform: rotate(360deg);}
}
/*** oypc/row_ystd ***/


.row_ystd {overflow: visible;}
.row_ystd .slide {overflow: visible;}
.row_ystd .slide .page {display: block;z-index: -1;width: 40px;visibility: hidden;border-radius: 50%;}
.row_ystd .slide .pre {transition: left 0.5s;
-moz-transition: left 0.5s;
-webkit-transition: left 0.5s;
-o-transition: left 0.5s;
-ms-transition: left 0.5s;}
.row_ystd .slide .next {transition: right 0.5s;
-moz-transition: right 0.5s;
-webkit-transition: right 0.5s;
-o-transition: right 0.5s;
-ms-transition: right 0.5s;}
.row_ystd .slide:hover .page {z-index: 99;visibility: visible;}
.row_ystd .slide:hover .pre {left: -30px;}
.row_ystd .slide:hover .next {right: -30px;}
.row_ystd .ul {width: 963px;height: 300px;padding-top: 15px;}
.row_ystd li {width: 50%;height: 300px;}
.row_ystd li .c-box {height: 100%;margin-right: 15px;}
.row_ystd li .d-img {float: left;width: 50%;margin-right: 10px;perspective: 500;
-moz-perspective: 500;
-webkit-perspective: 500;
-o-perspective: 500;
-ms-perspective: 500;}
.row_ystd li .d-img a.c-img {transition: transform 0.2s;
-moz-transition: -moz-transform 0.2s;
-webkit-transition: -webkit-transform 0.2s;
-o-transition: -o-transform 0.2s;
-ms-transition: -ms-transform 0.2s;}
.row_ystd li .d-img img {transition: transform 0.2s;
-moz-transition: -moz-transform 0.2s;
-webkit-transition: -webkit-transform 0.2s;
-o-transition: -o-transform 0.2s;
-ms-transition: -ms-transform 0.2s;}
.row_ystd li .d-img:hover a.c-img {transform: rotateY(5deg);
-moz-transform: rotateY(5deg);
-webkit-transform: rotateY(5deg);
-o-transform: rotateY(5deg);
-ms-transform: rotateY(5deg);}
.row_ystd li .d-img:hover img {transform: scale(0.99, 0.99);
-moz-transform: scale(0.99, 0.99);
-webkit-transform: scale(0.99, 0.99);
-o-transform: scale(0.99, 0.99);
-ms-transform: scale(0.99, 0.99);}
.row_ystd li .d-info {height: 100%;padding: 0px 15px;background: #f5f5f5;}
.row_ystd li .d-info span {padding: 10px 0px;font-size: 24px;}
.row_ystd li .d-info p a.c-btn {padding: 0!important;height: 38px!important;line-height: 38px!important;}
.row_ystd li .d-info p {display: block;float: none;width: 100%;padding-top: 10px;}
.row_ystd li .d-info p.c-subtitle {
    padding: 10px 0px;border: 1px dotted #666;border-left: 0;border-right: 0;
}
.row_ystd li .d-info p.c-submit {text-align: right;font-size: 0;}
.row_ystd li .d-info p.c-submit a {
    display: inline-block;width: 38px;height: 38px;line-height: 38px;margin: 0px 0px 0px 10px;
    padding: 0;text-align: center;text-indent: -2000px;font-size: 14px;
    color: #fff;background: url(../images/icon_more.png) no-repeat;
}
.row_ystd li .d-info p.c-submit a.c-ask {background-image: url(../images/icon_help.png);}
.row_ystd li .d-info p.c-submit a:hover {text-indent: 0;border-radius: 50%;background: #fe850f;}


.main .th2 {position: relative;height: 40px;}
.main .th2 h2 {
    position: relative;z-index: 1;height: 38px;line-height: 40px;padding-right: 10px;
    font-size: 18px;color: #111;transition: padding 0.2s;
-moz-transition: padding 0.2s;
-webkit-transition: padding 0.2s;
-o-transition: padding 0.2s;
-ms-transition: padding 0.2s;
    border-bottom: 2px solid #058451;
}
.main .th2 h2 small {float: left;margin-right: 5px;font-size: 18px;color: #058451;}
.main .block:hover .th2 h2 {padding-right: 30px;}
.main .th2 h2:hover small {animation: ry 1s linear infinite;
-moz-animation: ry 1s linear infinite;
-webkit-animation: ry 1s linear infinite;
-o-animation: ry 1s linear infinite;
-ms-animation: ry 1s linear infinite;}
.main .th2::after {
    display: block;position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;
    overflow: hidden;content: '';background: #ddd;
}
.main .th3 {text-align: left;}
.main .th3 h2 {margin-right: 5px;font-size: 24px;}
.main .th3 em {font-size: 20px;font-family: arial;color: #666;}
.main .ul li a {font-size: 14px;}
.main .ul li p {font-size: 14px;color: #666;}
.main .ul li p a {color: #046F50;}

.div-arc .p1 {width: 25%;}
.div-arc .p2 {width: 48%;}
.div-arc .p3 {float: none;}

.div-arc .box {height: 300px;}
.div-arc .p1 .box {padding-right: 15px;border: 1px solid #ddd;border-left: 0;border-right: 0;}
.div-arc .row-list .d-list {padding-top: 15px;}
.div-arc .row-list .d-list li {display: none;height: 185px;background: #fff;}
.div-arc .row-list .d-list li.col1 {display: block;}
.div-arc .row-list .d-list li p {line-height: 20px;padding-top: 10px;text-indent: 2em;}
.div-arc .row-list .d-btn li {position: relative;width: 33.3%;margin-top: 15px;overflow: visible;}
.div-arc .row-list .d-btn li a {
    display: block;position: absolute;left: 0;top: 0;width: 120%;height: 100%;line-height: 25px;
    overflow: hidden;text-align: center;color: #fff;
    transition: top 0.2s;
-moz-transition: top 0.2s;
-webkit-transition: top 0.2s;
-o-transition: top 0.2s;
-ms-transition: top 0.2s;background: #fe850f;
}
.div-arc .row-list .d-btn li.col1 a {
    clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%);
-moz-clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%);
-webkit-clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%);
-o-clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%);
-ms-clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%);
}
.div-arc .row-list .d-btn li.col2 a {
    clip-path: polygon(0 0, 100% 0, 80% 100%, 20% 100%);
-moz-clip-path: polygon(0 0, 100% 0, 80% 100%, 20% 100%);
-webkit-clip-path: polygon(0 0, 100% 0, 80% 100%, 20% 100%);
-o-clip-path: polygon(0 0, 100% 0, 80% 100%, 20% 100%);
-ms-clip-path: polygon(0 0, 100% 0, 80% 100%, 20% 100%);
}
.div-arc .row-list .d-btn li.col3 a {
    clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
-moz-clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
-webkit-clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
-o-clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
-ms-clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
}
.div-arc .row-list .d-btn li.on a {top: -20%;background: #058451;}
.div-arc .row-hot .ul {padding: 5px 0px;}
.div-arc .row-hot li {height: 25px;margin-top: 10px;transition: height 0.5s;
-moz-transition: height 0.5s;
-webkit-transition: height 0.5s;
-o-transition: height 0.5s;
-ms-transition: height 0.5s;}
.div-arc .row-hot li .d-img {display: none;float: left;width: 43%;}
.div-arc .row-hot li .d-info {padding-left: 10px;}
.div-arc .row-hot li .d-info span {line-height: 25px;padding: 0;font-size: 16px;color: #111;}
.div-arc .row-hot li .d-info span em {display: none;}
.div-arc .row-hot li .d-info p {padding-top: 5px;font-size: 12px;}
.div-arc .row-hot li .d-info a.c-btn {display: none;}
.div-arc .row-hot li.on {height: 120px;}
.div-arc .row-hot li.on .d-img {display: block;}
.div-arc .row-hot li.on .d-info {background: none;}
.div-arc .row-hot li.on .d-info span {line-height: 20px;}
.div-arc .row-hot li.on .d-info span em {display: block;}
.div-arc .row-link .ul {width: 260px;padding: 5px 0px;}
.div-arc .row-link li {width: 50%;height: 50px;margin-top: 10px;}
.div-arc .row-link li a {
    display: block;height: 48px;line-height: 50px;margin-right: 10px;overflow: hidden;
    color: #058451;transition: border-color 0.2s;
-moz-transition: border-color 0.2s;
-webkit-transition: border-color 0.2s;
-o-transition: border-color 0.2s;
-ms-transition: border-color 0.2s;
    border: 1px solid #058451;border-radius: 5px;
}
.div-arc .row-link li a small {
    float: left;width: 45%;height: 100%;margin-right: 5px;transition: background-color 0.2s;
-moz-transition: background-color 0.2s;
-webkit-transition: background-color 0.2s;
-o-transition: background-color 0.2s;
-ms-transition: background-color 0.2s;
}
.div-arc .row-link li a:hover {color: #fe850f;border-color: #fe850f;}
.div-arc .row-link li a:hover small {background-color: #fe850f;}
.div-arc .row-link li.col-yy small {background-position: center -65px;}
.div-arc .row-link li.col-zn small {background-position: center -145px;}
.div-arc .row-link li.col-wz small {background-position: center -225px;}
.div-arc .row-call {margin-top: 5px;}
.div-arc .row-call .h2 {
    text-align: center;
    background-size: auto 8px;
}
.div-arc .row-call .h2 h2 {display: inline-block;float: none;padding: 0px 5px;background: #fff;}
.div-arc .row-call li {height: 32px;margin-top: 5px;}
.div-arc .row-call li.col-input span {
    display: block;float: none;width: auto;height: 30px;padding: 0;border: 1px solid #058451;border-radius: 5px;
}
.div-arc .row-call li.col-input .input {
    width: 100%;height: 30px;line-height: 30px;padding: 0px 5px;text-align: center;border: 0;
}
.div-arc .row-call li.col-btn a {
    float: right;height: 32px;line-height: 32px;padding: 0px 30px;
    color: #fff;transition: background-color 0.2s;
-moz-transition: background-color 0.2s;
-webkit-transition: background-color 0.2s;
-o-transition: background-color 0.2s;
-ms-transition: background-color 0.2s;background: #058451;border-radius: 5px;
}
.div-arc .row-call li.col-btn a:hover {color: #fff;background: #fe850f;}

.div-arc .p2 .box {padding: 0px 15px;border: 1px solid #ddd;}

.div-arc .p3 .box {padding-left: 15px;border: 1px solid #ddd;border-left: 0;border-right: 0;}

.div-img .div {overflow: visible;}
.div-img .box {padding: 15px;overflow: visible;border: 1px solid #ddd;margin:10px -4px;}

.main .div-pic .div {margin-bottom: 15px;}
.div-pic .box {padding: 15px;border: 1px solid #ddd;}
.div-pic .ul {padding-top: 15px;}
#xfmzvideo{width:300px;overflow:hidden;position:fixed;padding:16px 5px 0;bottom:60px;right:0;z-index:999998;height:210px;}
#xfmzvideo span{position:absolute;right:0;top:0;width:25px;height:25px;cursor:pointer;display:block;z-index:999999}