@charset "utf-8";
/*!
 * 尚腾网络建站  一键轻松建站
 * 详尽信息请看官网：http://www.stwlsz.com/
 *
 * Copyright 2014 尚腾网络建站
 *
 * 请尊重原创，保留头部版权
 * 在保留版权的前提下可应用于个人或商业用途
 *
 * 客服QQ 2241807780
 *
 */
.content {width: 100%; max-width:1100px; height: auto;margin: 0 auto;padding: 0 10px;box-sizing: border-box;}
img {max-width: 100%;}
.page-down {width: 30px;height: 30px;background: #999;position: fixed;bottom: 30px;right: 30px;text-align: center;line-height: 30px;font-size: 18px;color: #fff;cursor: pointer;display: none;z-index: 99999;}
.page-down:hover {background: #80d161;}/* 回到顶部 */
.table{ display:table; width:100%; height:100%;}
.table .cell{ display:table-cell; text-align:center; vertical-align:middle;}
.smallest-screen {position: fixed;z-index: 999999;width: 100%;height: 100%;background: url(../images/displaynone.png) no-repeat center #666;display: none;}
@media only screen and (max-width : 319px) {
.smallest-screen {display: block;} /*判断屏幕小于319px隐藏显示网站*/
}

.header .logo{ float:left;}
.header .phone{ height:40px; line-height:20px; padding-left:40px; background:url(../images/index_02.png) no-repeat left center; float:right; color:#80d161; font-size: 16px; margin-top:35px;}
.header .phone span{ display:block; height:20px; line-height:20px; font-size:16px; color:#363636;}
.lmbutt{ width:50px;  float:right; font-size:22px; color:#666; text-align:center; cursor:pointer; display:none; margin-bottom:15px; }
.lmbutt.on{ color:#80d161;}
.muen{ background:#80d161; font-size:14px;}
.muen ul li{ height:45px; line-height:45px; padding:0 35px; color:#fff; float:left;}
.muen ul li:hover{ background:#363636;}
.muen ul li.on{ background:#363636;}

.banner{ width:100%;  position:relative;  height:500px; background:#000; margin:0 auto;}
.banner .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.banner .bd ul{ width:100% !important;  }
.banner .bd li{ width:100% !important;  height:500px; overflow:hidden; text-align:center; background-size:auto 100% !important;  }
.banner .bd li a{ display:block; height:500px; }
.banner .hd{ width:100%;  position:absolute; z-index:1; bottom:10px; left:0; height:30px; line-height:30px;  text-align:center; _background:#000; _filter:alpha(opacity=60); 	}
.banner .hd ul{ text-align:center;  padding-top:5px;  }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:30px; height:3px; margin:5px; background:#4e4e4f; overflow:hidden;line-height:9999px; 	}
.banner .hd ul .on{ background:#80d161; }
.banner .prev{background:url(../images/sprite.png) left top no-repeat;cursor: pointer;height: 100px;position: absolute;top: 50%; margin-top:-50px; width: 45px;left: 0;opacity:0.2;}
.banner .prev:hover{opacity:0.5;}
.banner .next{background:url(../images/sprite.png) right top no-repeat;cursor: pointer;height: 100px;position: absolute;top: 50%; margin-top:-50px; width: 45px;right: 0;opacity:0.2;}
.banner .next:hover{opacity:0.5;}

.inabout{ padding:40px 0; background:#f5f4f9;}
.inabout .nr{ padding:30px; background:#fff;}
.inabout .pic{ width:48%; float: left;}
.inabout .wz{ width:50%; float:right;}
.inabout .title{ font-size:25px; color:#80d161; font-style:italic; line-height:45px;}
.inabout .xian{ width:76px; height:6px; background:url(../images/index_03.png) no-repeat; margin:10px 0;}
.inabout .jj{ line-height:28px; color:#666666; }
.inabout .phone{ line-height:45px; margin-top:30px;}
.inabout .phone span{ font-size:24px; color:#80d161;}

.inlmtit .cntit{ font-size:23px; color:#333333; line-height:35px; text-align:center;}
.inlmtit .entit{ font-size:16px; line-height:25px; background:url(../images/index_05.jpg) repeat-x; max-width:880px; margin:0 auto; text-align:center; color:#999999;}
.inlmtit .entit span{ display:inline-block; background:#fff; padding:0 50px;}
.inlmtit .xian{ width:80px; height:3px; background:#80d161; margin:0 auto; margin-top:10px;}
.inpro *{ transition:all 0.5s;}
.inpro img{ width:100%;}
.inpro{ padding:15px 0;}
.inpro .inpronav{ padding:10px 0; text-align:center;}
.inpro .inpronav ul li{ display:inline-block; margin:5px; padding:0 20px; height:30px; line-height:30px; font-size:14px; color:#666; border-radius:5px;}
.inpro .inpronav ul li:hover{ background:#80d161; color:#fff;}
.inpronr{position: relative;}
.inpronr .bd ul li{ display:block; width:25%; float:left;}
.inpronr .bd ul li .neix{ padding:10px;}
.inpronr .bd ul li .pic{ border:1px solid #eeeeee;}
.inpronr .bd ul li .wz{ padding:10px; background:#eeeeee;}
.inpronr .bd ul li .wz .tit{ line-height:30px; font-size:14px; color:#333; height:30px; overflow:hidden;}
.inpronr .bd ul li .wz .jj{ line-height:22px; height:44px; overflow:hidden; color:#999;}
.inpronr .bd ul li:hover .pic{ border:1px solid #80d161;}
.inpronr .bd ul li:hover .wz{ background:#80d161;}
.inpronr .bd ul li:hover .wz .tit{ color:#fff;}
.inpronr .bd ul li:hover .wz .jj{ color:#fff;}
.inpronr .bd ul li:hover{ box-shadow:0 0 8px #999;}
.inpronr .next {display: block;width: 35px;height: 60px;background: url(../images/index_07.png) no-repeat;opacity: .7;position: absolute;left: 0;top: 50%;margin-top: -30px;z-index: 99;cursor: pointer;}
.inpronr .next:hover {opacity: 1;}
.inpronr .prev {display: block;width: 35px;height: 60px;background: url(../images/index_06.png) no-repeat;opacity: .7;position: absolute;right: 0;top: 50%;margin-top: -30px;z-index: 99;cursor: pointer;}
.inpronr .prev:hover {opacity: 1;}

.incase ul li{ display:block; width:24%; float:left; margin:5px 0.5%;}
.incase ul li .neix{ padding:10px;}
.incase ul li .pic{ border:1px solid #eeeeee;}
.incase ul li .wz{ padding:10px; background:#eeeeee;}
.incase ul li .wz .tit{ line-height:30px; font-size:14px; color:#333; height:30px; overflow:hidden;}
.incase ul li .wz .jj{ line-height:22px; height:44px; overflow:hidden; color:#999;}
.incase ul li:hover .pic{ border:1px solid #80d161;}
.incase ul li:hover .wz{ background:#80d161;}
.incase ul li:hover .wz .tit{ color:#fff;}
.incase ul li:hover .wz .jj{ color:#fff;}
.incase ul li:hover{ box-shadow:0 0 8px #999;}

.innews *{ transition:all 0.5s;}
.innews .nav{ line-height:40px; text-align:center;}
.innews .nr ul li{ position:relative; width:32.33333%; margin:0 0.5% 15px; padding:15px; background:#fff; box-sizing:border-box; float:left; background:#f7f7f7; float: left;}
.innews .nr ul li .tit{ height:50px; line-height:50px; font-size:14px; padding-right:120px; overflow:hidden; color:#333;}
.innews .nr ul li .date{ padding:10px 0; width:105px; background:#80d161; color:#fff; text-align:center; position:absolute; right:15px; top:-20px; line-height:25px;}
.innews .nr ul li .date .x{ width:27px; height:2px; background:#fff; margin:0 auto;}
.innews .nr ul li .jj{ line-height:25px; color:#999; height:100px; overflow:hidden;}
.innews .nr ul li .more{ font-size:14px; line-height:40px; text-align:right;}
.innews .nr ul li:hover{ box-shadow:0 0 8px #ccc;}
.innews .nr ul li:hover .date{ transform:translateX(15px);}
.innews .nmore{ display:block; width:135px; height:35px; line-height:35px; text-align:center; border-radius:18px; border:1px solid #80d161; color:#80d161; margin:0 auto;}
.innews .nmore:hover{ background:#80d161; color:#fff;}

.link *{ transition:all 0.5s;}
.link{ padding:20px 0; background:#f8f8f8;}
.link .title{ line-height:40px; font-size:16px;}
.link .nr{ line-height:25px;}
.link .nr a{ color:#999;}
.link .nr a:hover{ color:#0091e6;}

.footer{ background:url(../images/footer.jpg) no-repeat center bottom #232323;}
.footer .fcon{ width:100%; max-width:550px; float:left;}
.footer .fcon .lmtit{ font-size:16px; color:#ffffff; line-height:40px;}
.footer .fcon .xian{ width:35px; height:1px; background:#80d161;}
.footer .fcon .nr{ padding:15px 0; line-height:22px; color:#999999;}
.footer .ewm{ float:right; text-align:center;}
.footer .ewm .li{ display:inline-block; margin:0 20px;}
.footer .ewm .li .tit{ line-height:25px; color:#999;}
.footer .fnav{ line-height:30px; text-align:center;}
.footer .fnav a{ color:#999;}
.footer .fnav a:hover{ color:#fff;}
.footer .banq{ padding:10px 0; line-height:22px; text-align:center; color:#999;}


/*********************************************************************************内页*******************************************************************/
.nybanner{ height:300px; background-size:auto 100% !important;}
.crumbs { line-height: 34px; font-size: 12px; height: 34px; border-bottom: 1px solid #d4d4d4;}
.crumbs .centerBlock {max-width: 1280px; width: 98%; margin: auto; text-align: right;}
.crumbs .centerBlock a { color: #4e4e4e;}
.comon_top { max-width: 1100px;margin: auto;}
.comon_top .top_title { text-align: center; padding: 30px 0px;}
.comon_top .top_title .hh1 {font-size:25px; color: #050505; line-height: 60px; overflow: hidden; height: 60px;}
.comon_top .top_title .hh2 { font-size: 14px; color: #3b3b3b; line-height: 22px; height: 22px; overflow: hidden;}
.comon_top .top_title .hh3 { font-size: 10px; font-family: arial; height: 16px; line-height: 16px; overflow: hidden;}
.comon_top .top_nav {text-align: center; background: #80d161; font-size: 14px; height: 33px;}
.comon_top .top_nav a { display: inline-block; padding:0 30px; box-sizing:border-box; color: #fff; line-height: 33px; text-align: center; text-transform: uppercase; position: relative; z-index: 1;}
.comon_top .top_nav a:before { content: ""; left: 0; bottom: 0; height: 0; width: 100%; background: #363636; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out;  position: absolute; opacity: 0; filter: alpha(opacity=0);}
.comon_top .top_nav a:hover {color: #fff;}
.comon_top .top_nav a:hover:before { height: 39px; opacity: 1; filter: alpha(opacity=100);}
.comon_top .top_nav a span { position: relative; z-index: 2; width: 100%; overflow: hidden; height: 33px; display: block;}
.comon_top .top_nav .active { color: #fff;}
.comon_top .top_nav .active:before { height: 39px; opacity: 1; filter: alpha(opacity=100);}
.about_con { font-size:14px; color:#666; line-height:30px; padding: 30px 0px; margin:0 auto;}

/*新闻页面*/
.news_con *{transition:all 0.5s;}
.news_con { margin: auto; }
.news_con ul { border-bottom: 1px solid #e0e0e0;}
.news_con ul li { width: 20.3125%; float: left; margin: 3.125%; position: relative;}
.news_con ul li .pic { position: relative; overflow: hidden; }
.news_con ul li:first-child { margin-left: 0;}
.news_con ul li:last-child { margin-right: 0px;}
.news_con ul li:last-child:after { background: none;}
.news_con ul li:after { position: absolute; content: ""; height: 100%; background: #969696; width: 1px; top: 0px; right: -15%;}
.news_con ul li .txt h3 { color: #1d1d1d; font-size: 14px; margin: 10px auto; line-height: 1.5; height: 21px; overflow: hidden;}
.news_con ul li .txt .time { color: #9d9d9d; font-family: arial; font-size: 12px; margin-bottom: 5px;}
.news_con ul li .txt p { color: #535353; line-height: 20px; font-size: 12px; height: 60px; overflow: hidden;}
.news_con ul li:hover .pic img { transform: scale(1.1);}
.news_con ul li:hover .txt h3 { color: #80d161;}
.news_con ul li:hover .txt .time { color: #80d161;}
.news_con ul li:hover .txt p { color: #80d161;}
.news_con ul li:hover:after { background: #80d161;}
.news_con ul li:hover:last-child:after { background: none;}

.pageing { margin-top: 30px; margin-bottom: 30px; font-family: arial; font-size: 14px; text-align: center;}
.pageing a { display: inline-block; width: 15px; line-height: 40px; transition: All .2s ease-in-out; color: #272727; text-decoration: none; border-bottom: 1px solid #fff;}
.pageing a:hover { color: #80d161; font-size: 16px; border-bottom: 1px solid #80d161;}
.pageing .active { color: #80d161; font-size: 16px; border-bottom: 1px solid #80d161;}

/*新闻详细*/
.news_show { color: #1d1d1d; margin: auto;}
.news_show .news_s_top {  max-width: 790px; width: 100%; margin: auto; text-align: center;}
.news_show .news_s_top h3 { font-size: 20px; line-height: 1.5; margin: 10px auto;}
.news_show .news_s_top div { border-top: 1px solid #b5b5b5; border-bottom: 1px solid #b5b5b5; line-height: 30px ; height: 30px;}
.news_show .news_s_top div span {display: inline-block; margin: 0px 2%;}
.news_show .nr{ font-size:14px; color:#666; line-height:30px; padding:30px 0;}
.prev_next {text-align: left;margin: 0 auto 30px auto;line-height: 40px;color: #1c1819;font-size: 13px;}
.prev_next li { float: left; width: 50%; padding-left: 10px; padding-right: 10px; background: #80d161; box-sizing:border-box;}
.prev_next li a {  color: #fff; display: block;}
.prev_next li:last-child { text-align: right;}
.prev_next li:hover { background: #000000;}
.prev_next li:hover a { color: #fff;}

.case_nei *{transition:all 0.5s;}
.case_nei { margin: auto;}
.case_nei ul li { width: 32.4%; float: left; margin-bottom: 1.3%; margin-right: 1.3%; position: relative; cursor: pointer;}
.case_nei ul li:nth-child(3n+3) { margin-right: 0px;}
.case_nei ul li .pic { position: relative; overflow: hidden;}
.case_nei ul li .pic img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; max-height: 100%; display: block; vertical-align: middle; margin: auto; transition: 0.3;}
.case_nei ul li .pic i { display: block; padding-bottom: 83.4%;}
.case_nei ul li .txt { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; position: absolute; opacity: 0; filter: alpha(opacity=0); left: 0; bottom: 0; width: 100%; height: 100%; background: rgba(45, 45, 45, 0.95); color: #c29b73;  transform: scale(0.9); -webkit-transform: scale(0.9); box-sizing:border-box;}
.case_nei ul li .txt a { color: #c29b73; display: block; text-align: center;}
.case_nei ul li .txt a span { display: block; margin: auto; line-height: 30px; height: 30px; overflow: hidden;}
.case_nei ul li .txt a .tt1 { color: #fff; font-size: 14px; margin-top: 5px;}
.case_nei ul li .txt a .tt2 { color: #fff;}
.case_nei ul li .txt a p { width: 90%; color: #c29b73; line-height: 20px; overflow: hidden; transition: 1s; max-height: 40px; margin: 20px auto;}
.case_nei ul li .txt .more { width: 31px; height: 31px; display: block; margin: auto; background: url(../images/pro_quan.png) no-repeat;}
.case_nei ul li:hover .txt {  opacity: 1;filter: alpha(opacity=100);transform: scale(1);-webkit-transform: scale(1);}
.case_nei ul li:hover .txt span { transform: translateY(0); -webkit-transform: translateY(0);}
.case_nei ul li:hover .pic img { transform: scale(1.1);}

/*系列详情*/
.case_show { margin: auto;}
.case_show .c_s_top { overflow: hidden;}
.case_show .c_s_top .left { width: 30%; font-size: 36px; color: #1c1c1c; vertical-align: middle; text-align: center;  overflow: hidden; float:left;}
.case_show .c_s_top .right { width: 68%; padding-bottom: 3px; float:right;}
.case_show .c_s_top .right .title{ padding:10px 0; line-height:30px; font-size:20px;}
.case_show .c_s_top .right .jj { line-height: 24px; overflow: hidden; padding-bottom:40px;}
.case_show .c_s_top .right .biao { height: 36px; line-height: 36px; color: #fff; font-size: 13px; background: #2d2d2d; position: relative; padding-left: 10px; box-sizing: border-box;}
.case_show .c_s_top .right .biao i { font-style: normal; width: 55%; display: inline-block;}
.case_show .c_s_top .right .biao i span { margin: 0px 3%;}
.case_show .c_s_top .right .biao .yue { position: absolute; background: #80d161; top: -3px; right: 15%; height: 42px; line-height: 42px; display: inline-block; color: #fff; padding: 0px 25px; font-size: 16px;}
.case_show .c_s_top .right .biao .yue:hover { background: #2d2d2d; color: #fff;}
.case_show .case_show_img { margin: 35px auto;}
.case_show .case_show_img li {float: left; position: relative; width: 49.5%; margin-right: 1%; overflow: hidden; margin-bottom: 1%;}
.case_show .case_show_img li:nth-child(2n+2) { margin-right: 0px;}
.case_show .case_show_img li i { display: block; padding-bottom: 83.14%;}
.case_show .case_show_img li img { transition: 0.5s;}
.case_show .case_show_img li:hover img { transform: scale(1.1);}
.case_show .nr { line-height: 30px; font-size: 14px; margin-bottom: 40px; color: #666;}
.case_show .xiang_xi { width: 100%;}
.case_show .xiang_xi li { width: 24.175%; float: left; margin-right: 1.1%;}
.case_show .xiang_xi li a { display: block; position: relative; overflow: hidden;}
.case_show .xiang_xi li a img { transition: 0.5s;}
.case_show .xiang_xi li a i {  display: block; padding-bottom: 83.4%;}
.case_show .xiang_xi li a:hover img { transform: scale(1.1);}
.case_show .xiang_xi li:last-child { margin-right: 0px;}
.case_show .lmtit{ height:50px; line-height:50px; font-size:16px; font-weight:bold;}
.case_show .xian{ width:76px; height:6px; background:url(../images/index_03.png) no-repeat; margin:0 0 10px 0;}

.home_top { position: relative;  margin: auto; }
.home_top .zhong { font-size: 22px; color: #000000; line-height: 35px; height: 35px; width: 85%; overflow: hidden; margin: 30px 0px;}
.home_top .zaiyu { font-size: 24px; color: #1f1f1f;}
.home_top span { width: 30px; height: 1px; display: block; background: #80d161; vertical-align: middle; margin: 15px 0px;}
.home_top .zhao_xg { font-size: 20px; margin-bottom: 15px;}
.home_top .zaixun { font-size: 24px; color: #1f1f1f;}
.home_top .ying { font-size: 12px; color: #272727; line-height: 20px; height: 20px; width: 85%; overflow: hidden;}
.home_top .more { height: 22px; width: 22px; display: block; background: url(../images/iconfont-jiantou.png) no-repeat; background-size: 100%; position: absolute; right: 0px; top: 50%; margin-top: -11px;}
.home_top .more:hover { -webkit-animation: wobble 1s .2s ease both; -moz-animation: wobble 1s .2s ease both;}
.home_top h5 { font-size: 12px;}

/*在线留言*/
.feedback_con { margin: auto; padding: 20px 0;}
.feedback_con .mes_tt { text-align: center;}
.feedback_con .mes_tt h3 { color: #2d2d2d; font-size: 30px;}
.feedback_con .mes_tt h5 { color: #717171; font-size: 12px; line-height: 20px;}
.feedback_con .mes-kk .input-wrap { width: 49%; float: left; margin-right: 2%;}
.feedback_con .mes-kk .input-wrap input { float: left; width: 96%; border: 1px solid #cccccc; height: 38px; font-size: 12px; line-height: 38px; background-color: #fff; padding-left: 1.893939393939394%; margin-bottom: 15px; outline: none;  color: #777; box-sizing:border-box;}
.feedback_con .mes-kk .input-wrap input:focus { border: 1px solid #80d161;}
.feedback_con .mes-kk .input-wrap span { font-size: 12px; color: #ff1f00; line-height: 38px;}
.feedback_con .mes-kk .input-wrap:nth-child(2n+2) { margin-right: 0px;}
.feedback_con .mes-kk textarea { width: 98%; height: 95px; font-size: 12px; border: 1px solid #cccccc; line-height: 24px; background-color: #fff; padding-left: 0.927643784786642%; margin-bottom: 15px; float: left; color: #777; outline: none; box-sizing:border-box;}
.feedback_con .mes-kk textarea:focus { border: 1px solid #80d161;}
.feedback_con .mes-kk span { font-size: 12px; color: #ff1f00; line-height: 38px; float: left; margin-left: 4px;}
.feedback_con .mes-kk input.yanzheng { width: 46.18181818181818%; height: 36px; border: 1px solid #ccc; float: left; font-size: 12px; line-height: 38px; background-color: #fff; padding-left: 0.9090909090909091%; margin-bottom: 2.6515151515151514%; outline: none; color: #777;}
.feedback_con .mes-kk input.yanzheng:focus { border: 1px solid #80d161;}
.feedback_con .mes-kk .yz { float: left; width: 94px; height: 38px; margin-left: 5px; position: relative;}
.feedback_con .mes-kk .yz img { max-width: 100%;}
.feedback_con .mes-kk a { font-size: 12px; color: #565656; margin-left: 10px; float: left; line-height: 38px;}
.feedback_con .mes-kk a:hover { color: #80d161;}
.feedback_con input.submit { width: 50%; background-color: #80d161; height: 44px; line-height: 44px; margin: auto; color: #fff; font-size: 18px; display: block; border: none; transition: all 1s;}
.feedback_con input.submit:hover { background: #2d2d2d; color: #fff;}

.reprotit{ height:45px; line-height:45px; background:#eee;}
.reprotit span{ display:block; height:45px; line-height:45px; width:150px; text-align:center; background:#80d161; font-size:16px; color:#fff; margin-bottom:10px; clear:both;}





















