﻿@charset "utf-8";
body { color: #464646; font: normal 12px/24px "Microsoft YaHei", "微软雅黑"; position: relative; min-width:1200px }
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, button, p, th, td, figure, img { margin: 0; padding: 0;}
dl, dt, dd { margin: 0; }
em, i { font-style: normal; }
html { width: 100%; }
table { border-collapse: collapse; border-spacing: 0; }
td { line-height: 22px; }
img { border: none; }
a, a:hover {color: #666666 }
ul, ol { list-style: none; }
a:focus { outline: none; }
a, input, buttom,select {outline: none;text-decoration:none}
a:hover{color:#61b33a}

.header{width:100%; overflow:hidden;}
.top{width:100%; height:40px; line-height:40px; background:#f8f8f8; border-bottom:1px solid #edecec;}
.content{width:1200px; margin:0 auto; overflow:hidden}
.top_left{ float:left; font-size:14px; color:#999999;}
.top_right{ float:right; color:#999; font-size:14px; float:right;}
.top_right a{color:#999; margin:0 5px;}
.head{width:100%; margin:20px auto 0; overflow:hidden; border-bottom:1px solid #edecec; padding-bottom:20px}
.logo{ float:left; overflow:hidden;}
.dingwei{ float:left; overflow:hidden; font-size:22px; color:#068023; margin-left:20px; line-height:30px; font-weight:bold; margin-top:10px}
.dingwei h3{ font-size:22px; color:#ff7c00; font-weight:bold; margin-left:-10px}
.phone{ background:url(../images/phone.png) no-repeat center left; float:right; margin-top:20px}
.phone span{ font-size:14px; color:#000; display:block; padding-left:50px; line-height:20px}
.phone p{ padding-left:50px; font-size:18px; color:#000; font-weight:bold}
.nav{width:100%; overflow:hidden; height:70px; line-height:70px;}
.nav ul{width:1200px; margin:0 auto; overflow:hidden;}
.nav ul li{ float:left; font-size:16px; color:#000000; padding:0 33px; position:relative}
.nav ul li a{color:#000000;}
.nav ul li a:hover{color:#00463e}
.nav ul li a.cur{border-bottom:2px solid #00463e; padding-bottom:5px}
.nav ul li em{ background:url(../images/hot.png) no-repeat;width:28px; height:15px; position:absolute; top:10px}
.swiper{width:100%;max-width:1920px;margin:0 auto;position:relative;min-width:1200px; z-index:5;}
.swiper img{width:100%}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:30px; width:100%; text-align:center}
.swiper-pagination-bullet{ background:#fff;opacity:1;width:12px; height:12px;border-radius:50%}
.swiper-pagination-bullet-active{ background:#fffc00}
.about{width:1200px; overflow:hidden; margin:40px auto 0; background:#ff7c00; height:248px;}
.about_box{ background:#fff;width:100%; height:240px;}
.about_left{ float:left; overflow:hidden;width:335px;border-bottom:8px solid #61b33a;height:240px;}
.about_right{width:810px; float:right; overflow:hidden;}
.about_right h2{ font-size:22px; color:#000; display:block; margin-bottom:20px}
.about_right p{ font-size:14px; line-height:30px; color:#727171;  height:120px}
.about_right .ys_about{color:#727171; font-size:18px; margin-top:30px}
.ys_about em{ font-size:24px; color:#61b33a; font-style:normal;}
.project{width:1200px; overflow:hidden; margin:60px auto 0;}
.title{ background:url(../images/title.png) no-repeat center bottom; overflow:hidden}
.title h3{color:#011a26; font-size:28px; text-align:center; display:block;}
.title h3 em{color:#61b33a}
.title p{ line-height:60px; color:#898989; font-size:18px; display:block; text-align:center}
.pro_box{width:100%; overflow:hidden; margin-top:50px}
.pro_box dl{width:380px; height:540px; overflow:hidden; background:#027938;border-radius:10px; margin-right:30px; float:left; margin-bottom:30px}
.pro_box dl:nth-child(3n){ margin-right:0}
.pro_box dl h3{ font-size:20px; font-weight:bold; color:#fff; line-height:60px; text-align:center; width:80%; margin:0 auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro_box dl h3 a{color:#fff;}
.pro_box dl .pro_img{ height:225px; width:360px; margin:0 auto; overflow:hidden;border-radius:10px; }
.pro_box dl .pro_img img{width:100%; height:100%;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.pro_box dl span{ font-size:16px; color:#fff;width:80%; margin:0 auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display:block; text-align:center; line-height:50px}
.pro_box dl span a{color:#fff;}
.pro_box dl p{ font-size:14px; line-height:25px; color:#fff;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp:3;  -webkit-box-orient: vertical; width:90%; margin:0 auto}
.pro_box dl p a{color:#fff}
.pro_box dl em{color:#fff; font-size:14px; font-style:normal; display:block;width:90%; margin:30px auto 0}
.pro_box dl dd{ float:left; font-size:20px; color:#fff; margin-left:5%; margin-top:20px}
.pro_box dl dd i{ font-size:26px;}
.pro_box dl dt{ float:right; width:120px; height:40px; border:1px solid #cf9147; font-size:14px; line-height:40px; text-align:center; margin-right:5%; margin-top:10px}
.pro_box dl dt a{color:#cf9147; display:block}
.pro_box dl:hover .pro_img img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);}
.pro_box dl:hover dt{ background:#ff7c00}
.pro_box dl:hover dt a{ color:#fff}
.yyxq{ margin:20px auto; text-align:center; overflow:hidden; height:50px; line-height:50px}
.yyxq a{ font-size:18px;color:#fff; background:#ff7c00 url(../images/yy.png) no-repeat 20px center; height:50px; text-indent:1em; display:inline-table; line-height:50px;width:320px; margin:0 10px}
.yyxq a:hover{background:#da7311 url(../images/yy.png) no-repeat 20px center; }
.yyxq a.more{ background:#011a26;width:150px; text-indent:0}
.yyxq a.more:hover{background:#010e15}
.review{width:1200px; overflow:hidden; margin:60px auto 30px;}
.rev_box{width:100%; margin:40px auto 50px; overflow:hidden;}
.rev_box dl{ overflow:hidden}
.rev_box dl dd{width:60px; height:60px; background-size:100%; float:left; box-sizing:border-box;}
.rev_box dl dd p{width:60px; height:60px; text-align:center; line-height:60px; background:rgba(0,0,0,0.7); position:absolute; top:0; left:0; font-size:36px;color:#fff;border-right:1px solid #fff;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; position:relative; cursor:pointer}
.rev_box dl dd.cur p{ background:rgba(255,124,0,0.7)}
.rev_box ul{overflow:hidden; height:460px}
.rev_box ul li{width:1200px; overflow:hidden; float:left; background:#f9f9f9; height:460px; border-top:1px solid #fff;}
.rev_box_left{width:380px; float:left; overflow:hidden; padding:40px 30px; position:relative}
.rev_box_left h3{ font-size:24px; color:#000; display:block; position:relative; padding-bottom:12px}
.rev_box_left h3:before{ content:"";height:3px; background:#000; width:30px; position:absolute; bottom:0}
.rev_box_left p{ margin-top:20px; font-size:14px;color:#898989; line-height:30px; margin-bottom:40px}
.zbr{ position:absolute;  bottom:30px; right:30px; width:125px; height:125px; border-radius:50%; background:#000; overflow:hidden}
.zbr img{width:100%; height:100%}
.rev_box_right{width:760px; height:460px; overflow:hidden;}
.rev_box_right img{width:100%; height:100%;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.rev_box ul li:hover .pro_box_right img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);}
.teams{width:1200px; overflow:hidden; margin:60px auto 30px;}
.teams_box{ margin:50px auto; overflow:hidden}
.teams_box ul li{width:360px; float:left; overflow:hidden; margin-right:60px;}
.teams_box ul li div{ background:#ff7c00; width:100%; height:450px; overflow:hidden}
.teams_box ul li div img{width:100%; height:100%;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.teams_box ul li:nth-child(3n){ margin:0}
.teams_box ul li:hover div img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);}
.teams_box ul li h3{color:#011a26; font-size:18px; font-weight:bold; line-height:30px; height:30px; margin:10px 0 0}
.teams_box ul li h3:before{ height:20px; background:#011a26; content:'|'; width:5px; color:#011a26; display:inline-block; font-size:0; margin-right:5px}
.teams_box ul li span{ display:block; line-height:30px; font-size:16px; font-weight:bold;color:#011a26;}
.teams_box ul li p{ font-size:14px; color:#898989; line-height:25px;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical; margin-top:10px}
.problem{width:100%; height:990px; overflow:hidden; background:url(../images/problem_bg.jpg) no-repeat center center;}
.problem .title{ padding-top:50px;background: url(../images/title1.png) no-repeat center bottom;}
.problem .title h3{color:#fff; font-size:28px}
.problem .title h3 em{color:#fff;}
.problem_box{width:calc(100% - (100% - 1200px)/2); height:500px; background:#fff; margin-top:50px; float:right; height:700px}
.problem_box ul{ margin:50px; overflow:hidden;}
.problem_box ul li{width:1100px; overflow:hidden; margin-bottom:50px}
.problem_box ul li .left{width:110px; height:110px; overflow:hidden; float:left; margin-right:35px; position:relative}
.problem_box ul li .left img{width:100%; height:100%}
.problem_box ul li .left span{ position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.7); top:0; display:block; font-size:52px; color:#fff; text-align:center; line-height:110px}
.problem_box ul li .right{ float:right;width:955px; overflow:hidden;}
.problem_box ul li .right h3{ font-size:18px; color:#011a26; font-weight:bold}
.problem_box ul li .right h3:before{ content:"|";background:#61b33a;color:#61b33a; font-size:14px; margin-right:5px;}
.problem_box ul li .right p{ font-size:14px; color:#898989; line-height:25px; margin-top:10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.why{width: 1200px;overflow: hidden; margin:50px auto 0;}
.why ul{ margin:50px auto 0; overflow:hidden}
.why ul li{float:left;margin-right:30px;width:279px;margin-right:28px;height:165px;background: #027937 url(../images/why1.png) no-repeat center 40px;border-radius:10px;}
.why ul li span{ display:block; font-size:18px; color:#fff; display:block; margin-top:90px; text-align:center}
.why ul li p{ font-size:14px; text-align:center; color:#fff; display:block; line-height:30px}
.why ul li:nth-child(2){ background:#027937 url(../images/why2.png) no-repeat center 40px;}
.why ul li:nth-child(3){ background:#027937 url(../images/why3.png) no-repeat center 40px;}
.why ul li:nth-child(4){ background:#027937 url(../images/why4.png) no-repeat center 40px; margin-right:0}
.why ul li:nth-child(1):hover{ background:#2c7907 url(../images/why1.png) no-repeat center 40px;}
.why ul li:nth-child(2):hover{ background:#2c7907 url(../images/why2.png) no-repeat center 40px;}
.why ul li:nth-child(3):hover{ background:#2c7907 url(../images/why3.png) no-repeat center 40px;}
.why ul li:nth-child(4):hover{ background:#2c7907 url(../images/why4.png) no-repeat center 40px;}
.message{ margin-top:50px; overflow:hidden}
.msg_tit{font-size:24px; text-align:center; color:#011a26; font-weight:bold}
.message dl{margin:50px 0; overflow:hidden}
.message dl dd{width:330px;  border:1px solid #c9cacb; margin-right:20px; float:left; position:relative}
.message dl dd p{position: absolute;right: 10px;top: 10px;color: #f00;}
.message dl dd input{width:100%; border:none; height:50px; line-height:50px; font-size:18px; color:#c9caca; text-indent:1em}
.message dl dd input::-webkit-input-placeholder{color:#c9caca;}
.message dl dd input::-moz-placeholder{color:#c9caca;}
.message dl dd input:-moz-placeholder{color:#c9caca;}
.message dl dd input:-ms-input-placeholder{color:#c9caca;}
.message dl dd.submit{width:144px; background:#011a26; border:0; margin-right:0}
.message dl dd.submit input{ background:none; text-indent:0; cursor:pointer}
.message dl dd select{width:100%; border:none; height:50px; line-height:50px; font-size:18px; color:#c9caca; text-indent:1em}
.news{width:1200px;margin:50px auto 0;overflow:hidden;}
.xw{float:left;width:580px;overflow:hidden;margin-top:50px;position:relative; height:450px}
.xw div{ width:100%; overflow:hidden; height:305px;}
.xw div img{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;width:100%;height:100%;}
.xw div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.xw dl{ overflow:hidden;}
.xw dl h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:30px;line-height:30px;font-size:18px;text-align:left;color:#050507; font-weight:400; margin-top:10px;}
.xw dl dd{ overflow:hidden; font-size:14px; color:#999;}
.xw dl p{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:50px;line-height:28px;color:#050507;font-size:14px; margin-top:20px;}
.news ul{overflow:hidden;float:right;width:560px;padding-top:50px;height:450px}
.news ul li{overflow:hidden;margin-bottom:10px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;box-sizing:border-box;}
.news ul li dl{width:80px; height:90px;text-align:center;background:#027937;color:#fff;float:left;padding:1%; position:relative}
.news ul li dl dd{font-size:44px; line-height:70px;}
.news ul li dl dt{ position: absolute; width: 50px; right: 0px;bottom: 12px; font-size: 18px;}
.xw dl h3 a{color:#050507;}
.news ul li span{margin-left:15px;display:inline-block;width:78%;}
.news ul li span h3{color:#898989;height:42px;line-height:42px;font-size:18px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news h3 a{transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out;color:#333;}
.news h3 a:hover{color:#00463e;padding-left:10px;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out;}
.news i{font-style:normal;font-size:12px;color:#999;}
.news ul li span p{font-size:14px;line-height:26px;color:#969696;height:50px;margin:5px auto;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.news ul li:hover{-ms-transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px);z-index:1002;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.news ul li:hover h3{color:#00463e;}
.links{ width:100%; overflow:hidden; margin:50px auto 0; background:url(../images/links.jpg) no-repeat bottom center;}
.links_tab{ overflow:hidden; width:1200px; margin:0px auto; border-bottom:1px #ccc solid; height:60px; line-height:60px;}
.links_tab a{ margin-right:20px; font-size:18px; color:#666;}
.links_tab a.osel{ color:#00463e; border-bottom:1px #00463e solid; display:inline-block;line-height: 58px;}
.links_box{ width:1200px; margin:20px auto; overflow:hidden; float:left; font-size:14px;color:#999;}
.links_box ul{ overflow:hidden;}
.links_box ul li{ width:280px; font-size:14px; height:36px; line-height:36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; float:left; margin-right:20px;}
.links_box  a{ color:#999;}
.links_box a:hover{ color:#00463e;}
.large{width:300%}
.footer{ overflow:hidden; width:100%; margin:50px auto 0;}
.footer ul{ overflow:hidden;}
.footer ul li{ width:10%; float:left; margin-right:5%; font-size:13px;}
.footer ul li h3{ font-weight:400; margin-bottom:15px;}
.footer ul li dd{ height:24px; line-height:24px;}
.footer ul li dd a{color:#999;}
.footer ul li dd a:hover{color:#00463e;}
.footer ul li:nth-child(3){ width:30%}
.footer ul li p{color:#999; line-height:26px;}
.footer ul li:last-child { width:30%; float:right; text-align:right;}
.footer ul li:last-child h3{ font-size:18px; font-weight:bold; color:#666;}
.footer ul li:last-child p{ font-weight:bold; color:#666;}
.footer ul li dl{ margin-top:10px;}
.footer ul li dl dt{ float:right; margin-left:20px; position: relative} 
.footer ul li dl dt div{ width:90px; height:90px; border-radius:6px; position:absolute; bottom:50px; right:-35px; padding:5px; background:#fff; border:1px #ccc solid; overflow:hidden; display:none}
.footer ul li dl dt div img{ width:100%;}
.footer ul li dl dt:hover div{display:block;}
.bottom{ overflow:hidden; line-height:60px; font-size:14px; color:#666;}
.foot{ width:100%; height:50px; background:#606060; position:fixed; bottom:0px; left:0px; z-index:9999 }
.foot ul{ overflow:hidden;}
.foot ul li{ width:20%; float:left; border:5px solid #606060;box-sizing:border-box; margin-top:5px; position:relative}
.foot ul li input{ height:30px; line-height:30px; width:100%; border-radius:5px; background:#fff; text-indent:1em;}
.foot ul li select{ height:30px; line-height:30px; width:100%; border-radius:5px; background:#fff;text-indent:1em;}
.foot ul li input.submit{ text-indent:0em; background:#e84430; color:#fff; font-weight:500; font-size:16px;}
.foot ul li:last-child{line-height:30px; font-size:20px; color:#fff; font-weight:bold;}
.foot ul li p{ position:absolute; right:20px; top:5px;color:#f00}
.mbx{height:50px;margin:0 auto;position:relative; font-size:14px; color:#00463e; line-height:50px; border-bottom:1px solid #ccc; background:#f8f8f8}
.mbx span a:after{ content:">"; font-family:"宋体"; font-size:14px; margin:0 10px;}
.mbx span a:last-child::after{ content:""; display:none;}
.mbx span.jiade{ float:right}
.mbx span.jiade i{ font-style:normal; color:#00463e; font-weight:bold;}
.mbx a{color:#00463e}
.gg{width:1200px; margin:50px auto 0}
.common{width:1200px;margin:50px auto 0;overflow:hidden;}
.common .title{ line-height:80px}
.common ul{ margin:50px auto 0; overflow:hidden}
.common ul li{ float:left; width:350px; margin-right:75px;color:#696969; font-size:14px; border-bottom:1px dashed #b6b6b6; height:40px; line-height:40px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.common ul li a{color:#696969}
.common ul li:nth-child(3n){ margin-right:0}
.common ul li:before{content:"|"; font-size:15px; color:#057638; font-weight:bold; background:#057638; margin-right:5px}
.project_xq{width:1200px; margin:40px auto; overflow:hidden;}
.pro_left{ float:left; width:600px; height:400px; overflow:hidden; border:1px solid #ccc; }
.pro_left dl{margin:10px; overflow:hidden; width:580px; height:380px;}
.pro_left dl img{width:100%; height:100%;}
.pro_right{ float:right; width:550px; overflow:hidden;}
.pro_right h3{ border-bottom:1px solid #dddddd; height:60px; line-height:60px; font-size:28px; font-weight:bold;color:#011a26}
.pro_right h3 em{ font-style:normal; font-weight:normal; }
.pro_para{ margin:20px 0 0; overflow:hidden;}
.pro_para ul li{width:100%; overflow:hidden; font-size:18px; color:#000; margin-bottom:10px; line-height:35px;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;}
.pro_para ul li span{ font-size:18px; color:#000000; font-weight:bold;}
.pro_para ul li em{ font-size:24px; color:#d30000; font-weight:bold}
.pro_para ul li span.page{color:#61b33a}
.yuyue{width:100%; margin-top:10px; overflow:hidden}
.yuyue .yy{ background:#d92020; height:40px; line-height:40px; text-align:center; width:150px;border-radius: 10px; display:inline-table; font-size:14px; color:#fff; margin-right:20px}
.yuyue .zx{ background:#068023; height:40px; line-height:40px; text-align:center; width:150px;border-radius: 10px; display:inline-table; font-size:14px; color:#fff;}
.class_xq{ width:100%; margin:40px auto; overflow:hidden;max-width:1200px}
.xq_title{ width:100%; height:40px; line-height:40px; background:#f6f6f6; }
.xq_title ul li{ float:left; width:12.5%; border:1px solid #e1e1e1; text-align:center;color:#666666; font-size:16px;box-sizing:border-box; cursor:pointer}
.xq_title ul li:last-child{ background:#e9fff3;color:#000; font-weight:bold; font-size:18px}
.xq_title ul li:last-child em{ font-size:22px; color:#d92020}
.xq_box{width:100%; margin-top:20px; overflow:hidden;}
.xq_box ul li{width:100%; overflow:hidden;}
.xq_box ul li .xq_box_title{ font-size:22px;color:#61b33a; font-weight:bold; height:50px; line-height:50px; background:url(../images/xq_box_title.png) no-repeat bottom left}
.xq_box ul li .xq_box_title em{ font-size:14px; font-weight:normal}
.xq_box ul li .xq_body{ margin:20px 0; overflow:hidden; font-size:16px; line-height:30px}
.xq_box ul li .xq_body img{ max-width:100%}
.opentime{width:100%; overflow:hidden; }
.opentime dl{width:45%; float:left; overflow:hidden; margin-right:5%; margin-bottom:10px}
.opentime dl dd{ height:40px; line-height:40px; overflow:hidden; float:left;width:70%;}
.opentime dl dt{ float:right; width:120px; height:35px; line-height:35px; border:1px solid #007431;border-radius:5px; text-align:center; color:#007431}
.opentime dl dt a{color:#007431; font-size:14px; display:block}
.opentime dl dt em{transform:rotate(-90deg);-ms-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg); display:inline-table}
.opentime dl:nth-child(2n+1){ margin-right:0; float:right}
.pay{width:100%; overflow:hidden}
.pay ul li{width:32%; margin-right:2%; overflow:hidden; background:#027938;border-radius: 10px; float:left; height:485px}
.pay ul li h3{ text-align:center; height:80px; line-height:80px;color:#fff; font-size:16px;}
.pay ul li .xcx{ text-align:center;}
.lxfs{ background:url(../images/lxfs.jpg) no-repeat center center; height:80px; line-height:80px}
.lxfs span{ font-weight:bold; font-size:14px; color:#fff; margin-left:80px}
.lxfs span:nth-child(2){ margin-left:53px}
.online{font-size:18px; font-weight:bold; margin-bottom:30px}
.online span{color:#fff; margin-left:70px}
.zfchar{overflow:hidden;}
.zfchar dl{ float:left; width:49%; overflow:hidden; background:#22ab39; margin-right:2%}
.zfchar dl dd{width:80%; overflow:hidden; margin:10%;}
.zfchar dl dd img{width:150px; height:150px}
.zfchar dl dt{ text-align:center; font-size:18px; text-align:center; line-height:30px;color:#fff; margin-bottom:20px}
.zfchar dl:nth-child(2){ margin-right:0}
.pay ul li p{ font-size:14px; line-height:25px; color:#fff;width:90%; margin:20px auto}
.pay ul li:nth-child(3){ margin-right:0}
.bank{width:100%; text-align:center}
.notice{width:100%; overflow:hidden;}
.notice ul li{width:49%; float:left; margin-right:2%; overflow:hidden}
.notice ul li h3{ height:100px; width:100%; background:#027938; text-align:center; font-size:22px; color:#fff; line-height:100px;}
.notice ul li h3 img{vertical-align:middle; margin-right:10px}
.notice ul li h3 em{ font-size:14px; color:#9c9997; font-weight:normal}
.notice ul li:nth-child(2){ margin-right:0}
.noticeimg{width:100%; height:240px; overflow:hidden; margin:20px 0}
.noticeimg img{width:100%}
.notice ul li p{ font-size:14px; color:#5d6064; line-height:20px; margin-bottom:15px;}
.notice ul li p em{width:20px; height:20px; background:#29915f; text-align:center; color:#fff; font-size:14px;border-radius: 10px; display:inline-table; margin-right:10px; margin-bottom:15px; float:left}
.msg{width:100%; height:580px; background:url(../images/message.jpg) no-repeat center center;}
.msg_box{ width:1200px; overflow:hidden; margin:0 auto}
.msg dl{width:460px; height:480px; float:right; background:#fff;margin-top:50px; }
.msg dl h3{color:#6b6866; font-weight:normal; font-size:22px; margin:40px 30px 0}
.msg dl dd{width:400px; margin:20px 0 0 30px; border:1px solid #cccccc; overflow:hidden;border-radius:5px; height:40px; line-height:40px; position:relative}
.msg dl dd em{color:#555555; float:left; font-size:14px; text-indent:1em;width:100px}
.msg dl dd em i{color:#f00}
.msg dl dd input{width:300px; float:left; border:none; height:40px; line-height:40px; background:none;}
.msg dl dd p{ color:#f00; position:absolute; right:10px;}
.msg dl dd select{width:300px; float:left; border:none; height:40px; line-height:40px;color:#555555}
.msg dl dd.msg_xq{ background:#eeeeee; }
.msg dl dd.msg_xq input{text-indent:1em;width:100%}
.msg dl dd.msg_sub{ background:#de1620; text-align:center; color:#fff;}
.msg dl dd.msg_sub input{width:100%;color:#fff; font-size:14px; cursor:pointer}
.video_box{width:100%; overflow:hidden; margin:50px auto}
.video_box ul li{width:279px; margin-right:28px; overflow:hidden; float:left; margin-bottom:28px; cursor:pointer}
.video_box ul li div{width:100%; height:185px; overflow:hidden; position:relative}
.video_box ul li h3{ font-size:14px; height:30px; line-height:30px; color:#000; font-weight:normal; position:relative; padding-left:8px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-top:10px}
.video_box ul li h3:before{ content:"";height:12px; background:#ff0000; width:3px; position:absolute; bottom:9px;left:0}
.video_box ul li span{ font-size:12px; color:#6d6d6d; display:block}
.video_box ul li span em{ float:right;}
.video_box ul li:nth-child(4n){ margin-right:0}
.video_box ul li div span{ position:absolute; width:100%; height:185px; display:block; background:rgba(0,0,0,0.7) url(../images/video.png) no-repeat center center; bottom:-110%; background-size:20%}
.video_box ul li div img{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;width:100%;height:100%;}
.video_box ul li:hover div img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.video_box ul li:hover div span{bottom:0}
.plan{width:100%; height:100vh; position:fixed; top:0; background:rgba(0,0,0,0.9); display:none;}
.plan_box{width:600px;overflow:hidden; position:fixed;left:50%; margin-left:-300px;}
.plan_box h1{ font-size:18px; color:#fff; height:40px; line-height:40px;}
.js-video {position: relative;max-width: 600px;margin: 0 auto;padding: 10px;background: rgba(0, 0, 0, 0.2);border-radius: 8px;overflow:hidden; background:#fff;text-align:center}
.js-video iframe{width:100%; height:400px}
video{ max-width: 100%;max-height: 70vh;background-size: cover;background-position: center center;text-align:center}
.js-video-close{ position:absolute; top:0; font-size:25px; color:#fff; right:0; cursor:pointer}
.js-video button {-moz-appearance: none;-webkit-appearance: none;}
.video_type{width:100%; height:50px; overflow:hidden; margin:40px auto; text-align:center}
.video_type a{ padding:5px 20px; border:1px solid #1e712d; overflow:hidden; display:inline-table; color:#007725; font-size:14px; margin:0 5px;border-radius:5px;}
.video_type a.cur{ background:#007725;color:#fff;}
.images_box{width:100%; overflow:hidden; margin:50px auto}
.images_box ul li{width:279px; margin-right:28px; overflow:hidden; float:left; margin-bottom:28px; cursor:pointer}
.images_box ul li div{width:100%; height:185px; overflow:hidden; position:relative}
.images_box ul li h3{ font-size:14px; height:30px; line-height:30px; color:#000; font-weight:normal; position:relative; padding-left:8px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-top:10px}
.images_box ul li h3:before{ content:"";height:12px; background:#ff0000; width:3px; position:absolute; bottom:9px;left:0}
.images_box ul li span{ font-size:12px; color:#6d6d6d; display:block}
.images_box ul li span em{ float:right;}
.images_box ul li:nth-child(4n){ margin-right:0}
.images_box ul li div span{ position:absolute; width:100%; height:185px; display:block; background:rgba(0,0,0,0.7) url(../images/images.png) no-repeat center center; bottom:-110%; background-size:20%}
.images_box ul li div img{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;width:100%;height:100%;}
.images_box ul li:hover div img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.images_box ul li:hover div span{bottom:0}
.js-images {position: relative;max-width: 800px;margin: 0 auto;padding: 10px;background: rgba(0, 0, 0, 0.2);border-radius: 8px;overflow:hidden; background:#fff;text-align:center}
.plan_images_box{width:800px;overflow:hidden; position:fixed;left:50%; margin-left:-300px;}
#DB_gallery{width:98%;margin:20px auto 0 auto;}
#DB_gallery .DB_titleSet{ width:100%; overflow:hidden;}
#DB_gallery .DB_titleSet h3{ font-size:14px;  color:#000; font-weight:normal; position:relative; padding-left:8px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; height:20px; line-height:20px; text-align:left}
#DB_gallery .DB_titleSet h3:before{ content:"";height:12px; background:#ff0000; width:3px; position:absolute; bottom:4px;left:0}
#DB_gallery .DB_titleSet .title_left{ float:left; width:70%; margin-bottom:30px}
#DB_gallery .DB_titleSet .title_left span{ font-size:12px; color:#6d6d6d; display:block; text-align:left}
#DB_gallery .DB_titleSet .title_left span em{ margin-left:20px}
#DB_gallery .DB_titleSet .title_right{ float:right; width:20%; overflow:hidden}
#DB_gallery .DB_titleSet .title_right .down{width:150px; height:40px; line-height:40px; background:#05a081;border-radius:5px; font-size:16px; cursor:pointer;color:#fff}
#DB_gallery .DB_titleSet .title_right .down:after{ content:'>'; width:40px; border-bottom:1px solid #04876d;height: 40px;display: inline-block; float:right; color:#fff; font-family:"宋体";transform:rotate(90deg);-ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg);-o-transform:rotate(90deg); font-weight:bold}
#DB_gallery .DB_titleSet .close{ float:right; font-size:20px; color:#818181; background:url(../images/close.png) no-repeat center center; width:40px; height:40px; cursor:pointer;}
#DB_gallery .DB_imgSet {position:relative;height:387px;overflow:hidden;}
#DB_gallery .DB_imgSet .DB_imgWin{height:100%;width:80%; margin:0 auto}
#DB_gallery .DB_imgSet .DB_page{position:absolute;bottom:0;font:11px tahoma bold;padding:5px;color:#ffffff}
#DB_gallery .DB_imgSet .DB_page .DB_current{color:#ffff00}
#DB_gallery .DB_imgSet .DB_page .DB_total{color:#ffcc00}
#DB_gallery .DB_imgSet .DB_prevBtn{position:absolute;top:50%;margin-top:-45px;cursor:pointer;left:0;}
#DB_gallery .DB_imgSet .DB_nextBtn{position:absolute;top:50%;margin-top:-45px;cursor:pointer;right:0;}
#DB_gallery .DB_imgSet .DB_prevBtn img{width:80%}
#DB_gallery .DB_imgSet .DB_nextBtn img{width:80%}
#DB_gallery .DB_thumSet {position:relative;margin-top:10px;width:92%;overflow:hidden; background:#141518; padding:2% 4%}
#DB_gallery .DB_thumSet .DB_thumMove{position:relative;white-space:nowrap;font-size:0; }
#DB_gallery .DB_thumSet .DB_thumMove li{display:inline;margin-right:8px; width:71px; float:left; height:71px}
#DB_gallery .DB_thumSet .DB_thumMove li img{width:100%; height:100%}
#DB_gallery .DB_thumSet .DB_prevPageBtn{position:absolute;top:12px;cursor:pointer;left:0;}
#DB_gallery .DB_thumSet .DB_nextPageBtn{position:absolute;top:12px;cursor:pointer;right:0;}
#DB_gallery .DB_thumSet .DB_thumLine{position:absolute;width:68px;height:68px;border:2px solid #ff0000;left:0;top:0}
#DB_gallery .DB_imgSet .DB_imgWin img{ height:100%}
#DB_gallery .DB_thumbox{width:100%; overflow:hidden;height:72px; overflow:hidden; margin-bottom:2px}
.jidi{ margin:40px auto; width:1200px; overflow:hidden;}
.wary_left{width:300px; overflow:hidden; float:left;}
.left_title{width:100%; height:66px; background:url(../images/left.jpg) no-repeat; line-height:66px; font-size:24px; font-weight:bold; color:#fff; position:relative; padding-left:30px}
.left_title:before{ content:"|";  position:absolute; left:0; color:#61b33a; display:block; font-size:30px; height:45px; overflow:hidden; padding-left:10px}
.left_type{width:100%; overflow:hidden;}
.left_type ul li{width:100%; height:60px; line-height:60px; background:#efeff0 url(../images/typebg.png) no-repeat 20px center; margin-top:2px;}
.left_type ul li a{ font-size:18px; display:block;color:#000; text-indent:2.5em;}
.left_type ul li.cur{ background:#61b33a url(../images/typebg1.png) no-repeat 20px center;}
.left_type ul li.cur a{color:#fff;}
.youshi span{ display:block; line-height:20px;color:#009f40; font-size:18px; padding:0px 10px 5px;}
.youshi p{ font-size:18px; padding:0 10px 10px}
.youshi{ border:1px solid #efeff0; overflow:hidden; margin:20px 0; padding:20px 40px;}
.youshi ul h3{ font-size:24px; font-weight:bold; color:#00463e; text-align:center; display:block; height:70px; line-height:70px}
.youshi ul li{width:100%; height:40px; line-height:40px; background:url(../images/ysbg.jpg) no-repeat left center; font-size:18px; color:#666666; text-indent:1.5em;}
.wary_right{ float:right;width:840px; overflow:hidden; border:1px solid #efeff0; padding:20px}
.right_title{ font-size:24px; color:#000; height:25px; line-height:25px;position:relative; padding-left:30px}
.right_title:before{ content:"|";  position:absolute; left:0; color:#61b33a; display:block; font-size:50px; height:28px; overflow:hidden; padding-left:10px}
.right_img{ margin:40px 40px 0; overflow:hidden;}
.right_img img{max-width:70%}
.right_box{ margin:40px; overflow:hidden;color: #666; line-height:30px; font-size:16px}
.right_box img{ max-width:100%}
.right_box p{padding-bottom: 15px;}
.right_para{ margin:20px 0 0; overflow:hidden; font-size:14px}
.right_para span{ margin-right:80px}
.xq_pre_next{ margin:20px 40px; overflow:hidden}
.xq_pre_next ul li{width:100%; height:40px; line-height:40px;  font-size:14px; color:#666;}
.xq_pre_next ul li em{ font-style:normal; font-family:"宋体"}
.xq_pre_next ul li:nth-child(1){ border-bottom:0}
.xq_pre_next ul li a{color:#666}
.qicai{width:1200px; margin:50px auto; overflow:hidden}
.qicai ul{ margin-top:50px; overflow:hidden}
.qicai ul li{width:277px; height:300px; overflow:hidden; border:1px solid #dedede; float:left; margin-right:28px; margin-bottom:20px}
.qicai ul li:nth-child(4n){ margin-right:0}
.qicai ul li span{width:100%; height:50px; line-height:50px; background:#20833e; display:block; text-align:center; color:#fff; font-size:16px}
.qicai ul li p{ font-size:16px; text-align:center; color:#666}
.right_box_title{ width:100%; height:50px; line-height:50px; background:#f1f1f1; text-indent:1em; margin-bottom:20px}
.map{ margin-top:30px; width:100%; height:330px; position:relative; overflow:hidden}
.map_box{ position:absolute; top:0; left:0; width:280px; height:330px; background:rgba(36,151,9,0.6);}
.map_box h3{ font-size:24px; color:#fff; padding:20px; position:relative; margin-bottom:10px}
.map_box h3:before{width:50px; height:2px; background:#fff; content:""; position:absolute; bottom:0; left:20px}
.map_box p{ font-size:14px; color:#fff; line-height:30px; margin-left:20px}
.map_box ul li{ float:left; width:70px; height:70px;margin-left:20px}
.map_box ul li p{ line-height:30px; margin-left:0; text-align:center}
.wary_news{ overflow:hidden;}
.wary_news dl{width:100%; overflow:hidden; border-bottom:1px dashed #ccc; padding-bottom:20px; margin-bottom:20px}
.wary_news dl dd{ float:left; width:270px; height:200px; overflow:hidden; border:1px solid #f1f1f1;}
.wary_news dl dd img{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;width:100%;height:100%;}
.wary_news dl:hover dd img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.wary_news dl dt{width:530px; overflow:hidden; float:right;}
.wary_news dl dt h3{ font-size:18px; color:#000; font-weight:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.wary_news dl dt h3 a{color:#000;}
.wary_news dl dt p{color:#8c8b8b; line-height:25px; margin-top:20px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3; font-size:14px; height:130px}
.wary_news dl dt .time{ background:url(../images/time.png) no-repeat left center; height:30px; font-size:14px;color:#666666; line-height:30px}
.wary_news dl dt .time span{width:120px; text-indent:1.5em; float:left}
.wary_news dl dt .time span:nth-child(2){width:70px}
.wary_news dl dt .time span:nth-child(3){width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.xq_time{ background:#f3f4f4 url(../images/time1.png) no-repeat 20px center; height:50px; font-size:14px;color:#666666; line-height:50px; border:1px solid #e6e6e6; padding-left:20px; margin:20px 0}
.xq_time span{width:120px; text-indent:1.5em; float:left}
.xq_time span:nth-child(3){width:500px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

div.flickr a {border:1px solid #ccc;padding:10px 15px;border-radius:2px;margin:0 5px;color:#666}
div.flickr a:hover {border-right:#ff7c00 1px solid;border-top:#ff7c00 1px solid;background-image:none;border-left:#ff7c00 1px solid;color:#fff;border-bottom:#ff7c00 1px solid;background-color:#ff7c00}
div.meneame a:active {border-right:#ff7c00 1px solid;border-top:#ff7c00 1px solid;background-image:none;border-left:#ff7c00 1px solid;color:#fff;border-bottom:#ff7c00 1px solid;background-color:#ff7c00}
div.flickr span.current {margin-right:5px;padding:10px 15px;color:#fff;font-weight:700;background:#ff7c00;border-radius:2px;border:1px solid #ff7c00}
div.flickr span.disabled {color:#adaaad;margin-right:10px;border:1px solid #ccc;padding:10px 15px;border-radius:2px}
div.flickr {padding:0;margin:0;text-align:center;font-family:Verdana;font-size:12px;text-align:center;}
.fenye{height:50px}
.banner{width:100%;}
.banner img{width:100%}