/*站宽*/
.wrapper{width: 1000px;margin: 0 auto;}
.wrapper2{width: 1000px;margin: 0 auto;}


/* 头部 */
.header{height: 140px;background-image: url('/images/template4/top-bg.jpg');background-repeat: repeat;}
.header .logo{height: 105px;}
.header .logo img{height: 100%;display: flex;}
.header .menu{display: flex;align-items: center;justify-content: space-between;}
.header .menu .li{width: 100%;position: relative;line-height: 35px;}
.header .menu .li:after{content: '';display: block;position: absolute;right: 0;top: 0;width: 1px;height: 100%;background-color: rgba(255, 255, 255, 0.2);}
.header .menu .li:last-child:after{display: none;}
.header .menu .li a{display: block;font-size: 15px;text-align: center;color: #fff;}
/*.header .menu .li .cur,.header .menu .li a:hover{background: #1b5c1c;color: #FFF;}*/


/* 脚部 */
.footer{padding: 10px 0 30px;border-top: #1b5c1c 2px solid;text-align: center;font-size: 12px;color: #333;line-height: 20px;}
.footer .link{color: #666;}
.footer .link a{color: #666;display: inline-block;padding: 0 5px;}



/* =================== 首页:start =================== */
/* 主体 */
.index-box{padding: 20px;background-image: url('/images/template4/mainbg.jpg');background-repeat: no-repeat;background-position: center top;border: #ccc 1px solid;margin: 20px 0 40px;background-size: 100% auto;display: flex;justify-content: space-between;}
.index-box .left{width: 630px;}
.index-box .right{width: 280px;}
.index-box .left .group{display: flex;justify-content: space-between;}
.main-tit{display: flex;align-items: center;justify-content: space-between;border-bottom: #206c21 1px solid;margin-bottom: 15px;}
.main-tit .name{width: 70px;background-image: url('/images/template4/maintitle.jpg');background-size: 100%;text-align: center;line-height: 24px;color: #fff;font-size: 14px;}
.main-tit .more{color: #666;padding: 0 3px 0 15px;font-size: 12px;}


/*新闻*/
.index-news{width: 300px;}
.index-news .lists a{line-height: 32px;display: block;font-size: 13px;position: relative;padding-left: 20px;}
.index-news .lists a:before{content: '';display: block;position: absolute;left: 0;top: calc(50% - 8px);height: 16px;width: 13px;background-image: url('/images/template4/d01.gif');background-repeat: no-repeat;background-size: 100%;}


/*关于*/
.index-about{width: 300px;}
.index-about .about{height: 190px;overflow: hidden;}
.index-about .about img{float: left;padding: 0 10px 10px 0;}
.index-about .about p{line-height: 1.5!important;text-align: justify;}
.index-about .about span{font-size: 13px!important;line-height: 1.5!important;}


/*右边*/
.index-box .right .contact{display: flex;width: 100%;height: 232px;align-items: center;}
.index-box .right .img{margin-top: 20px;}
/* =================== 首页:end =================== */



/* =================== 内页:start =================== */
.main{display: flex;justify-content: space-between;}
.nodata{text-align: center;color: #777;position: relative;width: 100%;font-size: 13px;}
.nodata:before{content: '';display: block;background-image: url('/images/template4/nodata.svg');background-size: 200px;background-repeat: no-repeat;background-position: top center;width: 100%;height: 200px;}


/*左菜单*/
.left_menu{width: 230px;border-right: 1px #ddd solid;box-shadow: 10px 0 10px rgba(0, 0, 0, 0.15);padding-bottom: 30px;}
.left_menu .tt{line-height: 56px;font-size: 18px;text-align: center;background-image: linear-gradient(#fff, #EFF0F2);border-bottom: 1px #ddd solid;}
.left_menu .menu{padding: 10px 15px;}
.left_menu .menu li{line-height: 34px;border-bottom: #ccc 1px dashed;padding-left: 25px;position: relative;}
.left_menu .menu li:before,.left_menu .menu li:after{content: '';display: block;position: absolute;}
.left_menu .menu li:before{left: 0;top: calc(50% - 7px);width: 14px;height: 14px;background-color: #d9d9d9;border-radius: 50%;}
.left_menu .menu li:after{left: 3px;top: calc(50% - 3px);width: 4px;height: 4px;border-width: 1px 1px 0 0;border-color: #fff;border-style: solid;transform: rotate(45deg);}
.left_menu .menu li.cur,.left_menu .menu li:hover{border-color: #1b5c1c;}
.left_menu .menu li.cur:before{background-color: #1b5c1c;}
.left_menu .menu li.cur a{color: #1b5c1c;}
.left_menu .menu li a{display: block;}
.left_menu .other a{display: block;text-align: center;margin: 5px 0;}
.left_menu .other a.contact{margin-top: 30px;}


/*右内容*/
.right_box{padding: 0 20px 0 50px;flex: 1;}
.right_box .tit{display: flex;border-bottom: 2px #999 solid;justify-content: space-between;margin-top: 30px;align-items: baseline;}
.right_box .tit .name{padding: 0 10px;line-height: 30px;color: #000;font-size: 16px;font-weight: bold;position: relative;}
.right_box .tit .name:after{content: '';display: block;position: absolute;bottom: -2px;left: 0;width: 100%;height: 2px;background-color: #D6AD66;}
.right_box .tit .path{color: #666;font-size: 12px;}
.right_box .tit .path a{color: #666;}
.right_box .content{padding: 30px 0 50px;min-height: 490px;}
.right_box .content .title{font-size: 20px;line-height: 1.6;padding: 20px 0 10px;text-align: center;}
.right_box .content .date{font-size: 13px;color: #777;text-align: center;padding-bottom: 30px;}
.right_box .content img{max-width: 100%;}


/*新闻*/
.news_list{padding: 30px 30px 0 0;}
.news_list .li{display: flex;align-items: center;border-bottom: #ddd 1px dotted;margin: 5px 0;position: relative;padding-left: 25px;}
.news_list .li:before{content: '';display: block;position: absolute;left: 5px;top: calc(50% - 5px);width: 0;height: 0;border-width: 4px;border-color: #ccc #ccc transparent transparent;border-style: solid;transform: rotate(45deg);}
.news_list .name{padding: 10px 50px 10px 0;flex: 1;color:  #434343}
.news_list .date{font-size: 12px;color: #999;}
.news_list .li:hover{border-color: #1b5c1c;}
.news_list .li:hover:before{border-color: #1b5c1c #1b5c1c transparent transparent;}
.news_list .li:hover .name{color: #1b5c1c;}


/*产品*/
.product_list{margin: 20px 0;display: flex;flex-wrap: wrap;}
.product_list li{width: 33.33%;padding: 15px;}
.product_list li a{display: block;transition: all .5s;width: 100%;}
.product_list li .img{width: 100%;height: 200px;display: flex;align-items: center;justify-content: center;border: 1px #ddd solid;}
.product_list li .img img{max-width: 100%;max-height: 100%;}
.product_list li h2{font-weight: normal;overflow: hidden;text-align: center;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;line-height: 1;padding-top: 10px;}
.product_list li a:hover .img{border-color: #1b5c1c;}
.product_list li a:hover h2{color: #1b5c1c;}


/* =================== 内页:end =================== */



/*在线留言*/
.feedback-table{margin: 30px 10px;}
.feedback-table .welcome{font-size: 14px;color: #333;line-height: 28px;}
.feedback-table .table{padding-top: 30px;width: 100%;}
.feedback-table .table input,
.feedback-table .table textarea{padding: 5px 10px;line-height: 22px;border: 1px solid #9c9fa5;border-radius: 2px;outline: none;font-size: 14px;color: #333;font-family: "microsoft YaHei";}
.feedback-table .table .input input{padding: 5px 20px;}
.feedback-table .table tr{margin: 10px 0;display: flex;}
.feedback-table .lab{width: 120px;text-align: center;line-height: 36px;}
.feedback-table .val{flex: 1;}
.feedback-table .but{display: flex;align-items: center;}
.feedback-table .but button{padding: 8px 30px;border: 1px solid #9c9fa5;background-color: transparent;margin-right: 15px;border-radius: 2px;cursor: pointer;}
.feedback-table .but .send{background-color: #1b5c1c;color: #fff;border-color: #1b5c1c;}


/*分页*/
.pagenav{text-align: right;padding-bottom: 20px;}
.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#428bca;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color:#2a6496;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca;cursor:default}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#999;background-color:#fff;border-color:#ddd;cursor:not-allowed}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:6px;border-top-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px}