@charset "utf-8";
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, button, p, th, td, figure, img { margin: 0; padding: 0; }
body { color: #464646; font: normal 12px/24px "Microsoft YaHei", "微软雅黑"; position: relative;width:100%; margin:0 auto;max-width:1000px}
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 { text-decoration: none; }
ul, ol { list-style: none; }
a:focus { outline: 0; }
a, input, buttom {outline: none;}
a:hover{color:#f08300}
.header{width:100%; overflow:hidden; height:1.4rem; margin:0 auto; position:fixed; top:0; z-index:999; background:#fff; max-width:1000px;box-shadow: 0 1px 2px #bebebe;}
.logo{ float:left; overflow:hidden;width:60%; margin:2%;}
.logo img{width:100%}
.mulu{width:0.5rem; float:right; height:0.5rem; margin-top:0.5rem; margin-right:0.3rem;}
.mulu img{width:100%}
.close{width:0.45rem; float:right; height:0.5rem; margin-top:0.5rem; margin-right:0.3rem; display:none;}
.close img{width:100%}
.swiper{ margin-top:1.4rem; overflow:hidden}
.swiper-slide img{width:100%}
.swiper-pagination-bullet{ background:#fff;opacity:1}
.swiper-pagination-bullet-active{ background:#fffc00}
.swiper-pagination-bullet{width:0.2rem; height:0.2rem}
.about{ width:96%; margin:0.5rem auto;}
.about_box{width:100%; overflow:hidden}
.about_box img{width:100%}
.about_box  h3{font-size:0.4rem; line-height:1rem; color:#000}
.about_box p {font-size:0.35rem; line-height:0.6rem;color: #727171;}
.about_box .ys{ background:#ff7c00; padding-bottom:0.1rem; position:relative}
.about_box .ys_about{color:#727171; font-size:0.35rem; margin-top:0.4rem; background:#fff;padding-bottom:0.2rem; line-height:0.6rem}
.ys_about em{ font-size:0.4rem; color:#61b33a; font-style:normal;}
.ys_about span{ width:3rem; position:absolute; bottom:0; height:0.1rem; background:#61b33a; display:flex}
.hot{width:96%; margin: 0.4rem auto; overflow:hidden}
.hot ul li{width:25%; overflow:hidden; float:left; text-align:center; font-size:0.35rem; }
.hot ul li img{width:80%;}
.hot ul li span{display:block; line-height:1rem;}
.hot ul li a{color:#000}
.title{width:92%; margin:0.4rem auto; font-size:0.4rem; font-weight:bold; position:relative; padding-left:4%; line-height:0.5rem}
.title:before{ background:#f08300; position:absolute; left:0; content:'|'; color:#f08300; margin-right:0.4rem}
.project{width:96%; margin:0.4rem auto; overflow:hidden;}
.project dl{width:100%; overflow:hidden; margin-bottom:0.4rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; border:1px solid #ccc;border-radius:5px; padding:2%}
.project dl dd{ height:0.8rem; line-height:0.8rem; color:#0c428a; font-size:0.4rem;overflow: hidden;text-overflow:ellipsis; white-space: nowrap;}
.project dl dd a{color:#0c428a;}
.project dl dd em{ font-style:normal;color:#f08300; font-weight:bold;}
.project dl dd p{ font-size:0.3rem; color:#9fa0a0; line-height:0.6rem;width:70%;overflow: hidden;text-overflow:ellipsis; white-space: nowrap; float:left;}
.project dl dd span{ background:#f08300; width:25%; float:right; height:0.5rem; line-height:0.5rem; font-size:0.2rem; color:#fff;border-radius:0.25rem; text-align:center}
.project dl dt{width:100%;border-radius:0.2rem; overflow:hidden;height:4rem;}
.project dl dt img{width:100%; height:100%}
.project dl h3{ font-size:0.4rem; color:#000; font-weight:normal;overflow: hidden;text-overflow:ellipsis; white-space: nowrap; line-height:1rem;}
.project dl h4{ font-size:0.3rem; line-height:0.6rem;color:#7b7b7b; font-weight:normal;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.faq{width:100%; height:12rem; overflow:hidden; background:url(../images/ys.jpg) no-repeat center center; background-size:150%}
.faq .faq_title{ font-size:0.5rem; font-weight:bold; color:#fff; text-align:center; margin:0.4rem auto}
.faq .faq_title span{ font-size:0.35rem; font-weight:normal; text-align:center; display:block; line-height:0.5rem; margin-top:0.3rem}
.faq_box{width:94%; margin:3%; overflow:hidden;}
.faq_box ul li{width:38%; float:left; margin-right:4%; overflow:hidden; background:#fff;border-radius: 0.1rem; height:3.5rem; margin-bottom:4%; padding:5%}
.faq_box ul li:nth-child(2n){ margin-right:0}
.faq_box ul li:nth-child(1){ background:#fff url(../images/one.png) 2rem bottom no-repeat; background-size:30%}
.faq_box ul li:nth-child(2){ background:#fff url(../images/two.png) 2rem bottom no-repeat; background-size:40%}
.faq_box ul li:nth-child(3){ background:#fff url(../images/three.png) 2rem bottom no-repeat; background-size:40%}
.faq_box ul li:nth-child(4){ background:#fff url(../images/four.png) 2rem bottom no-repeat; background-size:40%}
.faq_box ul li span{ font-size:0.5rem;color:#f08300; display:block;}
.faq_box ul li h3{ font-size:0.35rem; line-height:0.8rem; color:#f08300}
.faq_box ul li p{ font-size:0.3rem; line-height:0.5rem;}
.message{width:96%; margin:0.5rem auto;}
.message ul li{width:100%; overflow:hidden; height:1.4rem;}
.message ul li select{border:1px solid #dbdbdb; height:1rem; line-height:1rem; background:url(../images/msg3.png) no-repeat 0.2rem center; background-size:7%; width:100%;box-sizing:border-box; font-size:0.35rem; text-indent:3em;color:#7c7c7c;}
.message ul li input{border:1px solid #dbdbdb; height:1rem; line-height:1rem; background:url(../images/msg1.png) no-repeat 0.2rem center; background-size:7%; width:100%;box-sizing:border-box; font-size:0.35rem; text-indent:3em;color:#7c7c7c;}
.message ul li:nth-child(2) input{background:url(../images/msg1.png) no-repeat 0.2rem center; background-size:7%; }
.message ul li:nth-child(3) input{background:url(../images/msg2.png) no-repeat 0.2rem center; background-size:7%; }
.message ul li:last-child input{ background:#f08300; text-indent:inherit;color:#fff; font-size:0.35rem; border:0;border-radius: 0.1rem; cursor:pointer}
.message ul li p{line-height:0.4rem; color:#f00}
.news{width:96%; margin:0 auto; overflow:hidden}
.news dl{ border:1px solid #e6e6e6;box-sizing:border-box; padding:2%; overflow:hidden; margin-bottom:2%}
.news dl dd{width:100%; height:4rem; overflow:hidden;}
.news dl dd img{width:100%; height:100%}
.news dl span{ font-size:0.3rem;color:#747372; height:1rem; line-height:1rem; display:inline-table; position:relative}
.news dl span:before{ content:" "; font-size:0.5rem; color:#a0a0a0; position:absolute; bottom:0.1rem;width: 1rem;height: 0.05rem; background:#a0a0a0}
.news dl:nth-child(1) span:before{background:#ff7a23}
.news dl em{ float:right; background:#f69f63; height:0.6rem; line-height:0.6rem; width:1.5rem;border-radius:0.3rem; margin-top:0.2rem; text-align:center; color:#fff; font-size:0.3rem}
.news dl h3{ font-size:0.35rem; color:#3d3d3d; line-height:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news dl p{ font-size:0.3rem; line-height:0.5rem; color:#747372;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news dl i{ margin:0.2rem 0; font-size:0.35rem; color:#f08300; display:block}
.footer{ background:#444; width:96%; overflow:hidden; padding:0.5rem 2% 1.5rem;}
.footer ul li{width:100%; height:1rem; line-height:1rem; font-size:0.35rem; position:relative;}
.footer ul li a{color:#fff; display:block; height:0.9rem; line-height:0.9rem; border-bottom:0.05rem solid #383838;}
.footer ul li:after{ content:'>'; font-size:0.35rem;color:#fff; font-family:"宋体"; position:absolute; right:0; top:0}
.footer ul li:before{ content:''; width:100%; height:0.05rem; position:absolute; bottom:0; left:0; background:#5a5a5a}
.footer h3{ font-size:0.5rem; color:#fff; height:1rem; line-height:1rem;}
.footer h3 span{ font-size:0.35rem; font-weight:normal}
.footer p{ font-size:0.35rem; color:#fff; line-height:0.8rem;}
.tool{ position:fixed; height:1.5rem; line-height:1.5rem; background:#fff; bottom:0;width:100%; max-width:1000px; z-index:9;box-shadow: 0 -1px 2px #bebebe;}
.tool_box{ margin:0.2rem 0.3rem 0; overflow:hidden; height:1.2rem}
.tool_box ul li:nth-child(1){width:18%; float:left; background:url(../images/top.png) no-repeat center top; background-size:60%; font-size:0.3rem; color:#000; text-align:center; line-height:1.8rem; margin-right:2%}
.tool_box ul li:nth-child(1) a{color:#000}
.tool_box ul li:nth-child(2){width:39%; margin-right:2%;float:left;background:#ff7a23; height:1.1rem;border-radius: 0.1rem; line-height:1.1rem; font-size:0.35rem; text-align:center}
.tool_box ul li:nth-child(2) a{color:#fff}
.tool_box ul li:nth-child(3){width:39%;float:left;background:#2aae67; height:1.1rem;border-radius: 0.1rem; line-height:1.1rem; font-size:0.35rem; text-align:center}
.tool_box ul li:nth-child(3) a{color:#fff}
.nav{ background:rgba(0,0,0,0.5); width:100%; height:100vh;position:fixed;z-index: 9; display:none;}
.nav ul{width:3rem; float:right; background:#fff; height:100vh; position:relative}
.nav ul li{width:90%; height:1rem; line-height:1rem; border-bottom:1px solid #c9cacb; font-size:0.35rem; background:url(../images/nav.png) no-repeat center right; background-size:10%; margin:0 auto;}
.nav ul li a{color:#333; display:block}
.nav ul li dl{width:4rem; height:100vh; background:#fff; overflow:hidden; position:absolute; top:0; right:3rem; display:none; border-right:1px solid #c9cacb; text-align:center; padding:0 0.2rem; overflow-y:scroll}
.nav ul li dl.show{ display:block}
.nav ul li.on{ font-weight:bold;}
.nav ul li.on a{ color:#f08300}
.nav ul li dl dd{border-bottom:1px solid #c9cacb;}
.nav ul li dl dd img{ width:6%}
.nav ul li dl dt{color:#333; font-weight:normal; background:url(../images/nav.png) no-repeat right center; background-size:6%;border-bottom:1px solid #c9cacb;}
.nav ul li.on dl dt a{color:#333; display:block; }
.banner{width:100%; overflow:hidden; margin-top:1.4rem}
.banner img{width:100%}
.son_pro{width:100%; margin:0.3rem auto; overflow:hidden;border-bottom: 1px solid #F1F1F1;padding-bottom: 0.3rem;}
.son_pro ul li{width:21%; float:left; overflow:hidden; height:0.8rem; line-height:0.8rem; background:#f1f1f1; margin:2% 2% 0; font-size:0.35rem; text-align:center}
.son_pro ul li a{color:#333}
.son_pro ul li.cur{ background:#f08300;}
.son_pro ul li.cur a{color:#fff}
.pro_xq{width:96%; margin:0 auto; overflow:hidden}
.pro_img{width:100%; border:1px solid #f1f1f1; padding:2%; overflow:hidden;box-sizing:border-box;}
.pro_img img{width:100%}
.pro_title{ overflow:hidden;}
.pro_title h3{ font-size:0.4rem; line-height:1rem; height:1rem; overflow:hidden}
.pro_title p{ font-size:0.35rem; line-height:0.6rem;     overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5;}
.xq_title{ height:1rem; line-height:1rem; background:#f1f1f1;margin:0.3rem auto; font-size:0.35rem; text-indent:1em;}
.xq_body{ width:100%; line-height:0.6rem; font-size:0.35rem; overflow:hidden; margin-bottom:0.4rem}
.xq_body img{ max-width:100%; height:inherit}
.son_case{width:100%; margin:0.3rem auto; overflow:hidden;border-bottom: 1px solid #F1F1F1;padding-bottom: 0.3rem;}
.son_case ul li{width:46%; float:left; overflow:hidden; height:0.8rem; line-height:0.8rem; background:#f1f1f1; margin:2% 2% 0; font-size:0.35rem; text-align:center}
.son_case ul li a{color:#333}
.son_case ul li.cur{ background:#f08300;}
.son_case ul li.cur a{color:#fff}
.news_box{width:96%; margin:0 auto; overflow:hidden}
.news_box dl{width:100%; overflow:hidden; padding-bottom:0.2rem; margin-bottom:0.2rem; border-bottom:1px solid #f1f1f1;}
.news_box dl dd{width:100%; height:4rem; overflow:hidden;}
.news_box dl dd img{width:100%; height:100%}
.news_box dl dt{width:100%; overflow:hidden}
.news_box dl dt h3{ font-size:0.35rem; font-weight:bold; height:0.8rem; line-height:0.8rem;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;color:#000}
.news_box dl dt p{ font-size:0.3rem;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3; line-height:0.6rem;color:#8c8b8b;}
.news_xq{width:96%; margin:0 auto;}
.news_xq .news_title{width:100%; overflow:hidden;font-size:0.4rem;line-height:0.6rem; text-align:center}
.news_time{width:100%; height:0.8rem; line-height:0.8rem; background:#f1f1f1; text-align:center; margin:0.2rem 0}
.news_time span{ font-size:0.3rem; margin:0 0.2rem; display:inline-table}
.video{width:96%; margin:0.5rem auto;}
.video ul li{width:49%; float:left; margin-right:2%; overflow:hidden;}
.video ul li:nth-child(2n){ margin-right:0}
.video ul li div{width:100%; height:3rem; overflow:hidden;}
.video ul li span{font-size:0.35rem; line-height:0.5rem; overflow:hidden; overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; height:1rem; background:#f1f1f1; padding:0.1rem; margin-bottom:0.2rem; text-align:center;color:#333} 
.video ul li div img{width:100%; height:100%}

.teams{width:96%; margin:0.5rem auto;}
.teams ul li{width:49%; float:left; margin-right:2%; overflow:hidden;}
.teams ul li:nth-child(2n){ margin-right:0}
.teams ul li div{width:100%; height:3rem; overflow:hidden;}
.teams ul li span{font-size:0.35rem; line-height:1rem; overflow:hidden; overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; height:1rem; background:#f1f1f1; padding:0.1rem; margin-bottom:0.2rem; text-align:center;color:#333} 
.teams ul li img{width:100%; height:100%}

.plan{width:100%; height:100vh; position:fixed; top:0; background:rgba(0,0,0,0.9); display:none;}
.plan_box{width:96%;overflow:hidden; position:fixed;left:2%;}
.plan_box h1{ font-size:0.35rem; color:#fff; height:1rem; line-height:1rem;}
.js-video {position: relative;max-width: 96%;margin: 0 auto;padding: 0;background: rgba(0, 0, 0, 0.2);border-radius: 8px;overflow:hidden; background:#fff;text-align:center}
.js-video iframe{width:100%; height:5rem}
.js-video-close{ position:absolute; top:0; font-size:0.5rem; color:#fff; right:0; cursor:pointer}
.js-video button {-moz-appearance: none; -webkit-appearance: none;}
.contact{ margin:0.5rem auto; width:96%; overflow:hidden; font-size:0.35rem;}
.contact img{max-width:100%; height:inherit}
.ewm{position: fixed;bottom:1.6rem;width:3rem;height: 3rem;background: #fff; padding:0.1rem; display:none}
.ewm img{width:100%; height:100%}
.tool_box ul li.wxchar:hover .ewm{ display:block}

div.flickr a {border:1px solid #ccc;padding:0.1rem 0.2rem;border-radius:2px;margin:0 0.1rem;color:#666}
div.flickr a:hover {border-right:#f08300 1px solid;border-top:#f08300 1px solid;background-image:none;border-left:#f08300 1px solid;color:#fff;border-bottom:#f08300 1px solid;background-color:#f08300}
div.meneame a:active {border-right:#f08300 1px solid;border-top:#f08300 1px solid;background-image:none;border-left:#f08300 1px solid;color:#fff;border-bottom:#f08300 1px solid;background-color:#f08300}
div.flickr span.current {margin-right:0.1rem;padding:0.1rem 0.2rem;color:#fff;font-weight:700;background:#f08300;border-radius:2px;border:1px solid #f08300}
div.flickr span.disabled {color:#adaaad;margin-right:0.1rem;border:1px solid #ccc;padding:0.1rem 0.2rem;border-radius:2px}
div.flickr {padding:0;margin:0;text-align:center;font-family:Verdana;font-size:0.3rem;text-align:center;height:auto;}
.fenye{ padding:0.2rem 0}