*{ margin:0; padding:0;}
html,body{-webkit-text-size-adjust:100%;}
body{ font-size:12px; font-family:"微软雅黑"; color:#555; position:relative; background:#fff; }
h1,h2,h3,h4,h5,h6,h7{font-size:12px; font-weight:normal;}
li{ list-style:none;}
i{ font-style:normal;}
a{ text-decoration:none; color:#555;}
a:hover{color:#555;}
a img{ border:none;}
.clear{ clear:both;}
.l{ float:left;}
.r{ float:right;}

/*头部*/
.top_t_bg{ height:28px; background:#6baa34; width:100%; color:#fff; line-height:16px;}
.top_t{ width:1020px; margin:0 auto; padding:6px 0;}
.top_t_l{ width:50%;}
.top_t_r{ width:50%;}
.top_t_r a{ float:right; display:block; color:#fff; display:block; padding:0 0 0 6px; margin:0 0 0 6px;}
.top_t_r a:hover{ text-decoration:underline;}
.top_t_r .Sitemap{ border-left:1px solid #93c765; }
.top_f_bg{ width:100%; height:70px; padding:15px 0;border-bottom:2px solid #6baa34;}
.top_f{width:1020px; margin:0 auto; }
.logo{ background:url(../images/logo.png) 0 0 no-repeat; width:580px; height:70px; display:block;}
.tel{ width:236px; background:url(../images/tel.png) 0 center no-repeat; padding:0px 0 0 50px; margin:10px 0 0 0;}
.tel p{ font-size:14px;}
.tel span{ font-size:30px; font-weight:600; color:#6baa34; display:block; line-height:28px;}

/*menu*/
.menu { width:1020px; margin:0 auto; position:relative; z-index:2;}
.menu li { float:left;  width:127px; text-align:center;}
.menu .menu_cur{ background:url(../images/bg6.png) center top no-repeat;}
.menu .menu_cur a{color:#de531e;}
.menu .menu_cur li a{color:#333;}
.menu li a {color:#333; padding:18px 0 12px 0; display:block; font-size:14px;}
.menu li a:hover {color:#de531e;}
.menu .mainlevel ul {display:none; position:absolute; border:1px solid #dfdfdf; background:#fff;}
.menu .mainlevel li { float:none; margin:0 5px;border-top:1px dashed #dfdfdf; width:117px;}
.menu .mainlevel li:first-child{ border:none;}
.menu .mainlevel li a{ display:block;line-height:24px; padding:5px 0; font-size:13px;}

/*banner*/
.banner_bg{width: 100%;height:530px;overflow: hidden; position:relative; z-index:1;}
.banner{position: relative;width: 1200px;margin: 0px auto; height:530px;}
.slides_bg {width: 1920px;height: 530px;position: absolute;overflow: hidden;top: 0px;left: -360px;}
.slides_bg img{width: 1920px;height: 530px;}
.slides_bg .num { overflow:hidden; height: 12px; position: absolute; bottom:20px; left:48%; zoom:1; z-index:3; opacity:0.7; }
.slides_bg .num li { width: 12px; height: 12px; line-height: 9999px;  background: #444444; margin-right: 10px; border-radius:50%; cursor:pointer; float: left; }
.slides_bg .num li.on { background: #6baa34; } /*当前项*/



.main{width:1020px; margin:0 auto; position:relative;}
.main_1{ margin:20px 0 0 0; overflow:hidden;}
.search_box{ background:url(../images/bg4.jpg) 0 0 repeat-x; height:40px; line-height:40px; padding:0 20px;}
.search_word{ width:600px; color:#fff;}
.search_word p{}
.search_word p span{ font-weight:600;}
.search_word p i{ padding:0 5px;}
.search{ width:255px; margin:7px 0 0 0;}
.search .search_txt{ width:220px; height:24px; border:1px solid #dfdfdf; border-right:none; float:left; background:#fff; padding:0 3px;}
.search .search_btn{ background:url(../images/search_btn.jpg) 0 0 no-repeat; width:28px; height:26px; float:left; border:none; cursor:pointer; line-height:9999;}
.search_bg{ background:url(../images/bg1.png) center center no-repeat; height:20px;}

.main_2{ width:640px; margin:20px 0 0 0;}
#tags { height:32px; line-height:32px; border-bottom:2px solid #999999; margin:0 0 20px 0;}
#tags LI { FLOAT: left; height:37px; background:url(../images/bg3.png) 0 0 no-repeat; width:97px; text-align:center; position:relative; bottom:-5px; margin:0 20px 0 0;}
#tags LI A { color:#fff; display:block;  font-size:15px;}
#tags LI.selectTag { background:url(../images/bg2.png) 0 0 no-repeat; }
#tags LI.selectTag A { font-weight:600;}
.tagContent { DISPLAY: none;}
#tagContent DIV.selectTag {DISPLAY: block;}
.tagContent ul{ float:left;}
.tagContent ul li{ width:270px; margin:0 50px 0 0; float:left; }
.tagContent ul li a{  display:block; border-bottom:1px dashed #ddd; background:url(../images/li2.png) 5px center no-repeat; padding:0 0 0 20px;height:32px; line-height:32px; overflow:hidden;}
.main_2 ul li a:hover{background:url(../images/li2_hover.png) 5px center no-repeat; color:#6baa34;}
.index_news{ margin:0 0 35px 0;}
.index_news_l{ width:295px; height:115px;}
.index_news_l img{ width:290px; height:110px; padding:4px; border:1px solid #dfdfdf;}
.index_news_r{ width:320px; height:115px;}
.index_news_r h3{  font-size:16px; margin:0 0 10px 0;}
.index_news_r h3 a{ display:block;color:#333;}
.index_news_r h3 a:hover{ text-decoration:underline;}
.index_news_r p{ line-height:22px;}
.index_news_r span{}
.index_news_r span a{ display:block; width:64px; height:20px; line-height:20px; border:1px solid #dfdfdf; text-align:center; margin:22px 0 0 0;}
.index_news_r span a:hover{ text-decoration:underline;}

.main_3{ width:300px; margin:20px 0 0 0;}
.main_3 h2{ height:30px; line-height:30px; border-bottom:1px solid #999; position:relative; margin:0 0 5px 0;}
.main_3 h2 span{ display:inline-block; color:#6caa34; font-size:16px; font-weight:600; border-bottom:3px solid #6caa34; position:relative; bottom:1px; padding:0 20px 0 0;}
.main_3 li{ border-top:1px solid #dfdfdf; padding:10px 0;}
.main_3 li:first-child{ border:none;}
.main_3 h3{ background:url(../images/bg5.png) 0 center no-repeat; padding:0 0 0 25px;}
.main_3 h3 a{ display:block; font-size:13px; height:30px; line-height:30px; margin:0 0 8px 0; overflow:hidden; color:#333;}
.main_3 h3 a:hover{ text-decoration:underline;}
.main_3 img{ width:300px; height:100px;}

.main_4_bg{width:100%; height:350px; background:url(../images/img1.png) center 0 no-repeat; margin:30px auto;}
.main_4{ width:1020px; margin:0 auto; position:relative; }
.main_4 ul{ width:570px; position:absolute; top:80px; right:0;}
.main_4 li{ width:180px; float:left; height:30px; line-height:30px; margin:0 0 0 10px; }
.main_4 li a{ display:block;width:200px; color:#fff; font-size:15px; font-weight:600;}
.main_4 li a:hover{ text-decoration:underline;}
.main_5{ width:1020px; margin:0 auto; position:relative;}
.main_5 h2{ background:url(../images/case_bg.png) 0 0 no-repeat; height:44px; line-height:44px; margin:0 0 20px; padding:0 0 0 490px; font-size:15px; font-weight:600; color:#fff;}
#left{ background:url(../images/left.png) 0 0 no-repeat; width:60px; height:60px; float:left; cursor:pointer; position:absolute; z-index:9999; top:145px; left:-30px;}
#left:hover{background:url(../images/left_hover.png) 0 0 no-repeat;}
#right{ background:url(../images/right.png) 0 0 no-repeat; width:60px; height:60px; float:left; cursor:pointer;position:absolute; z-index:9999; top:145px; right:-30px;}
#right:hover{ background:url(../images/right_hover.png) 0 0 no-repeat;}
#roll{position:relative;width:1020px;height:260px;overflow:hidden; float:left;}
#roll ul{position:absolute;left:0;}
#roll ul li{float:left;width:243px;height:260px; margin:0 15px 0 0;}
#roll ul li img{width:235px;height:215px; padding:3px; border:1px solid #dfdfdf;}
#roll ul li p a{ display:block; height:30px; line-height:30px; font-size:14px; color:#333; text-align:center;}
#roll ul li p a:hover{ color:#6baa34;}


.foot_t_bg{ background:url(../images/bg7.jpg) 0 0 repeat-x; width:100%; height:40px; margin:50px 0 0 0; }
.foot_t{ width:1020px; margin:0 auto; padding:8px 0;}
.foot_t ul{ width:776px; margin:0 auto;}
.foot_t li{ width:110px; line-height:22px; float:left; text-align:center; border-left:1px solid #ccc;}
.foot_t li:first-child{ border:none;}
.foot_t a{ color:#fff; display:block;}
.foot_t a:hover{ text-decoration:underline;}
.foot_b_bg{ width:100%; background:#403f3f;}
.foot_b{ width:1020px; margin:0 auto; padding:30px 0;}
.foot_b p{ line-height:30px; color: #fff; text-align:center;}
.foot_b p a{color: #fff; padding:0 2px;}
.foot_b p a:hover{ text-decoration:underline;}

.img_bg{ width:100%; height:250px; background:url(../images/img2.jpg) center center no-repeat;}
.left{ width:230px; position:relative; top:-60px;}
.left h2{ height:60px; line-height:60px; background:#555; opacity:0.7; color:#fff; font-size:20px; font-weight:600; padding:0 0 0 20px;}
.left h2 span{ font-size:14px; font-weight:400;}
.left h3{height:60px; line-height:60px; background:#6baa34; color:#fff; font-size:20px; font-weight:600; padding:0 0 0 20px;}
.left h3 span{ font-size:14px; font-weight:400;}
.left ul{ background:#ecf4f2;}
.left li{ height:40px; line-height:40px; padding:0 30px; border-top:1px solid #e3e5e5; text-align:right;}
.left li:first-child{ border:none;}
.left a{ display:block; font-size:14px; color:#333;}
.left li:hover,.left .left_cur{ background:#9bc477;}
.left a:hover,.left .left_cur a{ background:url(../images/li3.png) 0 center no-repeat; color:#fff; font-weight:600;}
.contact_left{ margin:40px 0 0 0; background:#ecf4f2; padding:0 0 10px 0;}
.contact_left p{ line-height:24px; padding:6px 20px;}
.right{ width:750px; margin:30px 0 0 0;}
.right h4{ border-bottom:1px solid #999; line-height:40px; margin:0 0 30px 0;}
.right h4 span{ color:#6baa34; font-size:20px; font-weight:600; border-bottom:3px solid #6baa34; bottom:-2px; position:relative; display:inline-block; line-height:40px;}
.right h4 i{ float:right; padding:6px 0 0 0;color:#6baa34;}
.content{ border-bottom:1px solid #dfdfdf; padding:0 0 15px 0;}
.right h5{ font-size:18px; text-align:center; line-height:40px; color:#333; font-weight:400; margin:0 0 20px 0;}
.list1 li{ height:110px; padding:20px 0;}
.list1 .list1_l{width:290px; height:110px;}
.list1 .list1_l img{ width:290px; height:110px;}
.list1 .list1_r{ width:430px;}
.list1 li h2 a{ font-size:15px; font-weight:600; display:block; line-height:26px; height:26px; overflow:hidden; margin:0 0 10px 0;}
.list1 li h2 a:hover{ text-decoration:underline; color:#555;}
.list1 li p{ line-height:24px;}
.list1 li .details{display:block; width:50%; margin:8px 0 0 0; float:right; text-align:right;}
.list1 li .details a{  color:#6baa34;}
.list1 li .details a:hover{ text-decoration:underline;}
.list1 li .releaseTime{ display:block; width:50%; margin:8px 0 0 0; float:left;}

.pager{ color:#6baa34; margin:30px 0; width:100%; text-align:center;}
.pager a{ padding:8px;}
.pager a:hover{ text-decoration:underline;}

#list2 li{ float:left; margin:0 40px 30px 0; width:355px; height:220px;}
#list2 li img{ width:355px; height:190px;}
#list2 p a{  font-size:13px; display:block; line-height:30px; color:#333;}
#list2 p a:hover{ text-decoration:underline;}

.feedback{ margin:0 0 0 100px;}
.feedback li{  margin:20px 0; height:36px; line-height:36px;  }
.feedback label{ width:100px; display:block; float:left;}
.feedback input[type=text],.feedback input[type=password]{ width:220px; height:34px; line-height:34px; border:1px solid #dfdfdf; padding:0 4px;}
.feedback li .name{ width:110px; background:url(../images/bg8.png) 110px -4px no-repeat; padding-right:35px;}
.feedback li .theme{ background:url(../images/bg8.png) 220px -42px no-repeat; padding-right:35px;}
.feedback li .email{ background:url(../images/bg8.png) 220px -81px no-repeat; padding-right:35px;}
.feedback li .phone{ background:url(../images/bg8.png) 220px -124px no-repeat; padding-right:35px;}
.feedback li .verification{ width:110px; float:left;}
.feedback li textarea{ width:460px; height:150px; padding:4px; border:1px solid #dfdfdf; }
.feedback li span{ color:#f00; padding:0 4px;}
.feedback li .feedback_btn{ width:118px; height:36px; background:#ff6000; color:#fff; border:none; cursor:pointer; margin:0 0 0 100px; font-size:13px;}

.zzry img{ padding:9px; border:1px solid #dfdfdf; margin:0 0 20px 0;}

.next_pre{ padding:15px 0 0 10px;}
.next_pre a{ line-height:30px; display:block;}
.next_pre a:hover{ text-decoration:underline;}


@media screen and (max-width:760px) {
    .boxflex{display:-webkit-flex; display: flex; flex-wrap:wrap;}
    .boxflex li{-webkit-flex:1; flex:1; float: left;}

    #roll{width:375px;}
    .main_4_bg{display: none;}
    .top_t,.top_f,.menu,.main,.search_word,.main_2,.main_4,.main_5,.foot_t,.foot_t ul,.foot_b,.list1 .list1_r{width:auto;}
    .index_news_l,.index_news_r,#list2 li,.list1 .list1_l{width:auto;height:auto;}
    .top_f_bg,.list1 li{height:auto;}
    .top_f_bg{padding-bottom:8px;}
    .menu .mainlevel ul{display:none!important; visibility: hidden!important;}
    .top_t{padding:6px 10px;}
    .tel,.contact_left{display: none;}
    .logo{width:350px; height: 50px; margin:0 auto; float:none; background-size:contain;}
    .menu{padding-bottom:10px;}
    .menu li{width:25%;}
    .menu .menu_cur{background-image: none;}
    .menu li a{padding:10px 0 0;}

    .banner_bg,.banner,.slides_bg,.slides_bg img{width:auto; height:300px;}
    .img_bg{background-size: cover;height: 120px;}
    .search_word p span{float:left;}
    .search_word p i{height:30px;overflow: hidden; display: block;}
    .main_5 h2{padding:0; color:#6baa34; background-image: none;}
    .main_5 #left,.main_5 #right{width:40px;height:40px;background-size: cover;}
    #left{left:0;}
    #right{right:0;}
    .main_2.l,.main_3.r{float: none; width:90%;margin:0 auto;}
    .main_2.l{margin:10px auto 30px;}
    .main_3 img,.index_news_l img,.main .content img,#list2 li img{width:100%; max-width:100%; height:auto;}
    .index_news_l img{height:130px;}
    .tagContent ul li{width:auto; float:none; margin:0;}
    .index_news_r span a{float: right; margin: 0;}
    .search_word.l{float:none; height:40px;}
    .index_news{margin-bottom:20px;}
    .search.r{float:none;margin:0 auto; padding:20px 0;}
    .main .left.l{float:none; width:auto; top:-40px;}
    .main .left.l ul{overflow: hidden;}
    .main .left.l ul li{width:33.333%; float: left; padding: 0;text-align: center; border:none;border-bottom:1px solid #e3e5e5;}
    .main .left.l ul li a{display:block; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; }
    .main .left h2{font-size:16px; height:40px; line-height:40px;}
    .main .right.r{width:auto; position: relative; top:-20px; margin: 0; padding:0 12px; float:none;}
    .main .content table img{margin:2%; padding:2%; width:92%;}
    .list1 .list1_r{padding-bottom:10px;}
    #list2 li{float:none;margin: 0; padding-bottom:16px;}
    .list1 .list1_l.l{float:none;}
    .list1 .list1_l img{width:100%; height:130px;}
    .main .content>div{width:100%!important;max-width:100%!important; padding:0!important;}
    .main .content>div img{display:block;}

    .feedback{margin:0;}
    .feedback li{position: relative;}
    .feedback li:nth-child(5){height:auto!important;line-height:36px!important;}
    .feedback label{font-size:14px; text-align:right; width:82px;}
    .feedback li span{position: absolute;}
    .feedback li .name{width:220px; background-position:220px -4px;}
    .feedback li textarea{width:96%;}

    .foot_t_bg{background-repeat: repeat; height: auto; margin-top:10px;}
    .foot_t li{border-left:none; width:25%;}
    .foot_b p a{display: inline-block;}

}