@charset:"utf-8";

/*大设备*/
@media (min-width: 1400px) {
  
  .container{width: 1400px !important}
  .xiangguan_bt .right-pics li{background: url(../images/xaingguan_bg.jpg) top center no-repeat !important; padding: 30px 21px 30px 3px;}
  .right-pics a.title{margin-top: 65px !important;}
  .xiangguan_bt .right-pics li img{width: 67%;}
  .pro_list .pic{background: url(../images/big_pro_bg.png) center top no-repeat !important;
    padding: 36px 75px 97px 75px !important; 
  }
 .nav>li{padding: 0 26px;}
 
}
@media(min-width: 993px){
  .copy .banquan{border-top: 1px solid #e5e5e5; padding-top: 10px;}
  .chanpin .pro_bg{padding-bottom: 15px !important}
    .nban{background-position: center bottom;}
     .about_links li:nth-child(2n){border-left: 1px solid #397342 !important}
    .xiangguan_bt .right-pics a.title{margin-top: 30px ; font-size: 12px !important;}

 .top_log{padding: 25px 0}
 .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{padding: 0 ; height: auto}
  .nav>li{line-height:44px; height:70px;}
 .nav>li>a:focus, .nav>li>a:hover{background:none !important;}
 .nav li:hover:after, .nav li.cur:after{position: absolute; content: '';display: inline-block;width: 54px; height: 2px; background-color: #fff; left:47px; z-index: 1; bottom: 16px; }
 .left_about{padding:56px 0 !important;padding-left:13% !important; padding-right:60px !important; }
 .left_about p{line-height:46px; font-size: 16px;} 
.right_about{padding:30px 0 !important; padding-right: 13% !important ;padding-left: 40px !important;}
.about .sec_title{margin-bottom:15px;}
.about .left_about img{margin-top: 15px;}
.about_links{margin-top: 50px; overflow: hidden;}
.about_links li{padding-top: 45px;
    height: 173px;border-bottom: 1px solid #3c7543;}
.about_links li:nth-child(3),.about_links li:nth-child(4){border-bottom: none;}
.about_links a{color: #fff; font-size: 22px;}
.flexbox{display: flex;}
.news .sec_title,.chanye .sec_title,.chanpin .sec_title{ display:block;margin: 60px auto; width: 300px;}
.news{padding-bottom: 80px}
.index_pro_cat{width: 248px !important;overflow: hidden;}
.index_pro_cat a{display: inline-block; height: 141px; padding: 0 !important; line-height: 141px; font-size: 24px; color: #fff; text-align: center;}
.index_pro_cat a:nth-child(1){background: url(../images/chanpin1-1.jpg) center center no-repeat;}
.index_pro_cat a:nth-child(2){background: url(../images/chanpin2.jpg) center center no-repeat;}
.index_pro_cat a:nth-child(3){background: url(../images/chanpin3.jpg) center center no-repeat;}
.index_pro_cat a:nth-child(4){background: url(../images/chanpin4.jpg) center center no-repeat;}
.chanpin .right-pics{overflow: hidden;margin-top: 20px; margin-left:3%;}

.index_pro_cat a:nth-child(1):hover{background: url(../images/chanpin1.jpg) center center no-repeat;}
.index_pro_cat a:nth-child(2):hover{background: url(../images/chanpin2-1.jpg) center center no-repeat;}
.index_pro_cat a:nth-child(3):hover{background: url(../images/chanpin3-1.jpg) center center no-repeat;}
.index_pro_cat a:nth-child(4):hover{background: url(../images/chanpin4-1.jpg) center center no-repeat;}
.index_pro_cat a:hover{color: #fff;}
.chanpin{padding-bottom:98px;}
.jiagou{padding: 140px 0 100px 0;}
.jiagou h3{font-size:44px;}
.jiagou p{ margin: 30px 0;}
.jiagou p a{ width:210px; height: 46px; font-size: 26px; margin: 0 3px; }
.jiagou a.more{width: 300px; height: 58px; font-size:18px;line-height: 58px;  margin-top:10px;}
.jiagou a.more:hover{line-height:50px;}
footer{padding-top: 40px !important;}
footer p{ line-height: 38px;}
footer p span{font-size:30px;}
.nban{height:406px; }
.pro_list li{text-align: center;}
.pro_list .title a{margin-top:12px;}
.listbox{margin-top: 50px;}
.pro_list{padding: 20px 0 !important;; background:  #f7f7f7}
.pro_list:nth-child(2n){background: #fff}

.navbar{margin-bottom: 0 !important}
.protitle{font-size:26px; color: #222222; display: inline-block; margin-bottom: 15px;}
.pro_list h3{margin-bottom: 20px;}
.xiangqing{margin-top: 50px;}
.xiangqing .left_img{padding:20px; border:1px solid #e9e9e9; text-align: center;}
.xiangqing .left_img img{margin: 0 auto}

.xiangqing h1{font-size: 50px; font-weight: bold !important; margin-bottom: 10px;}
.buju li{margin:30px 28px;}
.details_box p{line-height: 30px; font-size: 16px;}
.right-pics a.title{margin-top: 43px ;}
.right-pics li{margin: 0 54px;}
.news_list_box li{width: 399px;}
.xiangguan_bt .right-pics{overflow: hidden; }
.xiangguan_bt .pic{padding: 30px 55px 30px 55px}

.right-pics a.title{}



}
/*中等设备*/

@media (min-width: 768px) {

    .xiangguan_bt .right-pics li{background:none}
    .pro_list .pic{background: none; padding: 10px     
    /* padding-bottom: 39px; */}

 .about_links a{color: #fff; font-size:22px;}
 .about_links li:hover{border-bottom: 2px solid #fff}

 .sec_title{font-size: 40px; }
 .mychanye_items h4{font-size: 32px;}
 .mychanye_items i{font-size:20px;}
 .mychanye_items:hover:before{background: -webkit-linear-gradient( top, rgba(0, 0, 0, .0),rgba(0, 0, 0, 0.8) ); /* Safari 5.1 - 6 */
        background: -o-linear-gradient(top,rgba(0, 0, 0, .0),rgba(0, 0, 0, 0.8)); /* Opera 11.1 - 12*/
        background: -moz-linear-gradient( top, rgba(0, 0, 0, .0), rgba(0, 0, 0, 0.8)); /* Firefox 3.6 - 15*/
        background: linear-gradient(to top,rgba(0, 0, 0, .0), rgba(0, 0, 0, 0.8)); /* 标准的语法 */}
 .mychanye_items .myeasy{margin-top: 20%}
.chanye{padding-bottom:136px; overflow: hidden;}
.chanye_box{justify-content: space-between;}
.chanye_box img{width: 100%}
.mychanye_items:before{display: block; content: ''; position: absolute; width: 100%; height: 100%; 
        /*background: #000;*/ z-index: 1 ;left:0; top:0;
        background: -webkit-linear-gradient( top, rgba(0, 0, 0, .5),rgba(0, 0, 0, 0.8) ); /* Safari 5.1 - 6 */
        background: -o-linear-gradient(top,rgba(0, 0, 0, .5),rgba(0, 0, 0, 0.8)); /* Opera 11.1 - 12*/
        background: -moz-linear-gradient( top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0.8)); /* Firefox 3.6 - 15*/
        background: linear-gradient(to top,rgba(0, 0, 0, .5), rgba(0, 0, 0, 0.8)); /* 标准的语法 */
 }
.right-pics li{background: url(../images/small_bg.png) top center no-repeat; }
.right-pics li .pic{padding: 30px 55px 30px 55px;}
.fot_logo{padding-left:47px !important}
.nban .text h2{font-size:50px; }
.nban .text p a,.nban .text p{color: #fff; font-size: 26px;}
.nban .text p a{margin: 0 1rem}
.detaile{margin-top: 40px;}
.detaile p{line-height: 40px; color: #222222; font-size: 16px; text-indent: 2em;}
.jiagou_de{margin-top: 30px;}
.detaile{padding-bottom: 40px;}
.pro_list h3{ padding-left:38px; }
.pro_list h3 em{line-height: 60px;}
.pro_list .title a:before{position: absolute; left: -600%;top: 50%; content: ""; width: 800px;background:url(../images/more_bg.png) left top no-repeat; height: 1px; z-index: 1}
.pro_list h3:before{position: absolute; display: inline-block; width: 0; top:19px; left: 13px;
    height: 0;
    border-top:10px solid transparent;
    border-left: 20px solid #d4082b;
    border-bottom: 10px solid transparent;}
.det_title{margin: 30px 0}
.det_title span{padding: 15px 30px; font-size: 18px;}
.next_title{font-size: 18px; margin:60px 0; padding: 20px}
.next_title a{font-size: 18px; color: #222222}

.next_title span i{ display:inline-block;width:40px;height: 40px;}
.next_title span:first-child{background: url(../images/xiangqing_left.png) calc(100% - 50px) center no-repeat; padding-right:106px; text-align: right;}

.next_title span{height: 40px; line-height: 40px;}
.next_title span:last-child{background: url(../images/xiangqing_right.png) no-repeat;padding-left: 60px;}

.xiangguan_bt .right-pics a.title{color: #222222}
.xiangguan_bt h4{font-size: 30px; color: #333; margin: 30px 0}
.news_list_box .news{justify-content: space-between;}

 	.pages{margin-bottom:20px;}
.navbar li .nav_sub{position: absolute;left: 0; top: 70px; z-index: 2; display: none;}
.navbar li:last-child>.nav_sub{left: auto; right:0;}
.leftnav{background: #f6f6f6; text-align:center; padding-top: 25px; padding-bottom: 25px;}
.leftnav a{color: #333333; border-bottom:  #e4e4e4 1px solid; line-height: 50px; font-size:16px;}
.clear{clear: both;}
.newstitle h1{position: relative; font-size: 30px; text-align: center; margin-bottom: 20px; padding-bottom: 20px;}
.newstitle h1:after{position: absolute; content: ''; left:calc(50% - 20px); bottom: 0; height:5px; width: 40px; background: #448f0d}
.down_list li{line-height: 30px; padding: 15px 0; border-bottom: 1px solid #eee}
.down_list li a{font-size: 18px; font-weight: bold; color: #000}
.down_list li:hover>a{color: #227312}

.about_links i{display: inline-block; width:100%; margin-right: 10px; margin-bottom: 12px;}
.about_links i img{max-width: 100%}
.about_links span{display: none;}
 .left_about{padding-left:2% !important; padding-right:2% !important; }
.right-pics li{width:24%;    background-size: contain; padding-top: 20px;}
.right-pics li img{width: 85%;    display: inline-block;}
.right-pics li .pic{ text-align: center; padding: 0 !important }
.jiagou p a{width: 170px !important;    height: 40px;    font-size: 20px;    margin: 0 3px;    line-height: 37px;}

.sclear{clear:none;}
/*.news_list_box li{width: 324px;}*/




 }

 @media (max-width: 767px) { 
    .xiangqing h1{font-size: 2rem; margin: 20px 0}
    .p7{padding: 7px !important;}
    .down_list li{line-height: 30px}
    .nav_sub{display: none;}
    .navbar .top_nav:hover{background: transparent !important;}
 .nav-pills>li{width: 100% !important}
 	.pages{margin-bottom:2rem;}
 	.news .news_items{margin-top: 2rem}
 	.det_title{margin: 2rem 0}
.det_title span{padding:1rem 2rem; font-size: 2rem;}
 	.pro_list  li{text-align: center; margin-bottom:1rem}
 	.pro_list  li a.protitle{font-size:1.5rem; color: #333}
 	.pro_list h3{margin: 1rem 0}
 	.pro_list h3 em{display: none;}
.navbar-brand>img{width: 250px;}
.navbar{margin-bottom:0 !important}
 .about_links a{color: #fff; font-size:2rem;} 
 .about_links li{height:6rem;line-height: 4rem;padding: 1rem 0; border-bottom: 1px solid #397342}
 .about_links li:nth-child(6),.about_links li:nth-child(5){border-bottom: none;}


 .about .left_about{padding-bottom: 2rem; padding-top: 2rem;}
.left_about p{line-height: 3rem;}
.sec_title{font-size:2rem ;margin: 0 auto; margin-bottom: 2rem ; text-align: center; padding: 0!important }
.right_about{padding: 2rem}
.about_links span{padding: 10px !important;}
.sec_title:before{left: 20% !important}
.sec_title:after{right:20% !important;}
 .about_links li a img{width: 3rem}
 .sec_title:before, .sec_title:after{bottom: -9px !important;}
.right-pics a.title{display: block;    height: 30px;    width: 100%;    font-size: 20px;    color: #fff;    text-align: center;
    margin-top: 33px;}
.sec_title{margin-top: 2rem;}
.mflexbox{display: flex;}
.chanye_box{flex-wrap: wrap;}
.chanye_box img{/*display: none;*/; width: 100%; height: auto !important}
.chanye_box li{/*height: 15rem;*/width: 50%; text-align: center; margin-bottom: 0}
.mychanye_items a.smore{display: none;}
.chanye{padding:0 !important }
.mychanye_items .myeasy{padding-left: 0 !important; width: 100%; text-align: center; margin-top:40%;}
.mychanye_items a.more{margin: 2rem auto}
.mychanye_items i{font-size: 2rem}
.mychanye_items:before{
	background: -webkit-linear-gradient( top, rgba(0, 0, 0, .3),rgba(0, 0, 0, 0.8) );
    background: -o-linear-gradient(top,rgba(0, 0, 0, .3),rgba(0, 0, 0, 0.8));
    background: -moz-linear-gradient( top, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0.8));
    background: linear-gradient(to top,rgba(0, 0, 0, .3), rgba(0, 0, 0, 0.8));
}
.chanye_box li:last-child{display: none;}
.mychanye_items h4 a{font-size: 24px;}
.chanye .mmore{display:block; width: 100px; text-align: center; height: 40px;line-height: 40px; font-size: 14px; color: #333; margin: 20px auto; border:1px solid #333;}
.right-pics li{background-color: rgba(255,255,255,.5); padding: 10px;}
.right-pics li .pic{}
.chanpin{padding: 0 !important;}
.chanpin .pro_bg{background: transparent !important; }
.chanpin .right-pics{padding: 0 !important;}
.right-pics a.title{color: #333 !important; margin-top: 1.5rem !important; margin-bottom: 1rem;}
.jiagou {
    text-align: center;
    height: 175px;
    background-size: cover !important;
}
.jiagou h3{ margin-top:2rem; font-size: 2rem}
.jiagou p a{font-size: 1.5rem}
.fot_logo{padding: 0 !important; margin-top: 1.5rem;}

footer img{display: block; margin: 0 auto; }
.fot_logo p{line-height: 2rem; font-size: 1.5rem; text-align:  center;}
.news{padding-bottom: 44px;}
.nban{height:120px; }
.nban .text h2{font-size:3rem; }
.detaile{padding: 0 !important;padding-bottom:1rem !important; line-height: 2.5rem}
.detaile .jiagou_de{margin-top: 1rem}
.nban .text a{color: #fff; margin: 0 3px}
.nban .text p{color: #fff;}
.leftnav a{color: #fff; float: left}
.sclear{clear: both;}
.index_pro_cat a{text-align: center; font-size: 1rem; height: 40px; line-height: 40px;background-color: rgba(0,0,0,0.8); color: #fff;}
.index_pro_cat a.cur{background-color: rgba(156,16,43,1); color: #fff;}
.newstitle h1{font-size: 2.5rem;padding: 10px 5px; color: #227312; line-height: 30px;}
.next_title span{line-height: 40px; font-size: 2rem;}
.next_title{margin-bottom: 20px;}
.detaile img{max-width: 100% !important; height: auto !important;}
.chanyei a{padding: 4px;}

}