body {
    width: 100%;
    height:100%;
}
body .header {
    width: 100%;
    height: 98px;
    min-width: 768px;
}
body .header .header-content {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}
body .header .header-content .logo {
    width: 433px;
    height: 87px;
}
body .header .header-content .tell {
    width: 187px;
    height: 87px;
}
body .nav {
    width: 100%;
    height: 46px;
    background-color:#000000;
}
body .nav .navlist {
    width: 1039px;
    height: 46px;
    margin: 0 auto;
}
body .nav .navlist ul {
    margin-bottom: 0px;
}
body .nav .navlist ul li {
    float: left;
    width:143px;
    height: 100%;
    line-height: 46px;
    text-align: center;
    letter-spacing: 1.2px;
    font-size: 16px;
  
}
body .nav .navlist ul li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    color: #ffffff;
    text-decoration: none;
}

body .nav .navlist  li:hover a{
    color: #c50f0f;
 
}

body .nav .navlist ul li:hover ul {
    display: block;
    margin-left:0px;
}
body .nav .navlist ul li .list-tab {
    position: absolute;
    display: none;
    z-index: 999;
}
body .nav .navlist ul li .list-tab li {
   background-color: rgba(0, 0, 0, 0.31);
    border-right: none;
    float: none;
}
body .nav .navlist ul li .list-tab li:hover a {
  color: #ffffff;
}

body .nav .navlist ul li:last-child {
    border: none;
}

.bim{
  width:100%;
  height:242px;
  background-color:#f5f5f5;
}
.bim1{
  width:1293px;
  height:242px;
  margin:0 auto;
}
.sj{
 width:398px;
 height:222px;
 background-color:#ffffff;
 float:left;
 margin-top:16px;
}
.sjpic{
  width:111px;
  height:126px;
  margin:0 auto;
 margin-top:13px;
 background-image:url('../images/sj.jpg');
}
.sjtext{
 width:262px;
 height:60px;
 margin:0 auto;
 text-align:center;
}
.sj:hover{
 width:394px;
 height:241px;
 margin-top:0px;
 background-color:#e24438;
 color:#ffffff;
}
.sj:hover .sjpic{
  background-image:url('../images/sj1.jpg');
}
.sg{
 width:398px;
 height:222px;
 background-color:#ffffff;
 float:left;
 margin-top:16px;
}
.sgpic{
  width:111px;
  height:126px;
  margin:0 auto;
 margin-top:13px;
 background-image:url('../images/sg1.jpg');
}
.sgtext{
 width:262px;
 height:60px;
 margin:0 auto;
 text-align:center;
}
.sg:hover{
 width:394px;
 height:241px;
 margin-top:0px;
 background-color:#e24438;
 color:#ffffff;
}
.sg:hover .sgpic{
  background-image:url('../images/sg.jpg');
}
.yw{
 width:398px;
 height:222px;
 background-color:#ffffff;
 float:left;
 margin-top:16px;
}
.ywpic{
  width:111px;
  height:126px;
  margin:0 auto;
 margin-top:13px;
 background-image:url('../images/yw.jpg');
}
.ywtext{
 width:262px;
 height:60px;
 margin:0 auto;
 text-align:center;
}
.yw:hover{
 width:394px;
 height:241px;
 margin-top:0px;
 background-color:#e24438;
 color:#ffffff;
}
.yw:hover .ywpic{
  background-image:url('../images/yw1.jpg');
}
.product{
   width:100%;
   height:804px;
  margin:0 auto;

}
.banner2{
 width:1919px;
 height:154px;
}
.prleft{
   width:217px;
  height:440px;
  float:left;
   border:3px solid #1da74b;
border-radius:15px;
}
.protitle{
   width:1200px;
  height:143px;
 margin:0 auto;
}
.protitle img{
  width:1200px;
  height:143px;
 border-top-left-radius:0.5em;
border-top-right-radius:0.5em;
}
.promenu{
  width:1102px;
  height:96px;
 margin:0 auto;
 text-align:center;
}
.promenu ul{
  width:704px;
 height:57px;
 margin:0 auto;
 list-style:none;
}

.promenu ul li{
  width:104px;
 height:33px;
 border:1px solid #56b982;
 float:left;
 margin-right:10px;
 padding-top:5px;
 color:#50ad71;
}
.promenu ul li:hover{
background-color:#009944;
 color:#ffffff;
}

.procontent{
 width:100%;
 height:664px;
 background-color:#eeeeee;
}
.prright{
   width:1200px;
  height:647px;
  margin:0 auto;
}

.prtop{
  width:855px;
  height:44px;
  background-color:#f0f0f0;
}

.protl{
  width:199px;
  height:44px;
  float:left;
 margin-left:22px;
}

.protr{
  width:100px;
  height:44px;
  float:right;
  margin-top:10px;
}
 .protr:hover{
  color:#c81624;
}

.prbuttom{
  width:877px;
  height:450px;
 overflow:hidden;
 position: absolute;
}

.product1{
   width:316px;
    height:411px;
   float:left;
}

.proimg1{
   width:316px;
    height:411px;
}

.proimg1 img{
     width:316px;
    height:411px;
}
.proimg11{
    width:294px;
    height:133px;
 color:#ffffff;
 font-size:20px;
margin-top:-411px;
 padding-top:278px;
 padding-left:22px;
}

.product2{
   width:711px;
    height:343px;
   float:left;
}

.proimg2{
     width:711px;
    height:343px;
}

.proimg2 img{
       width:711px;
    height:343px;
}
.proimg12{
       width:689px;
    height:126px;
 color:#ffffff;
 font-size:20px;
 margin-top:-311px;
 padding-top:187px;
 padding-left:22px;
}
.product3{
   width:173px;
    height:473px;
   float:left;
  background-color:#333333;
}

.proimg3{
     width:173px;
    height:473px;
 background-color:#333333;
}

.proimg3  img{
        width:173px;
    height:473px;
 background-color:#333333;
}
.proimg13{
      width:151px;
    height:421px;
 background-color:#333333;
 color:#ffffff;
 font-size:20px;
 padding-left:22px;
 margin-top:-472px;
 padding-top:51px;
 writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/  
    writing-mode: tb-lr;
line-height:40px;

}
.product4{
   width:316px;
    height:235px;
   float:left;
  background-color:#ffffff;
    margin-top:-61px;
}

.proimg4{
      width:316px;
    height:235px;

}

.proimg4  img{
         width:316px;
    height:235px;
}
.proimg14{
        width:294px;
    height:184px;
 background-color:#ffffff;
 color:#000000;
 font-size:20px;
 padding-left:22px;
 margin-top:-242px;
 padding-top:51px;
line-height:40px;
}

.product5{
   width:345px;
    height:303px;
   float:left;
   margin-top:-130px;
}

.proimg5{
        width:345px;
    height:303px;

}

.proimg5  img{
         width:345px;
    height:303px;
}
.proimg15{
       width:323px;
    height:130px;
   color:#ffffff;
 font-size:20px;
 padding-left:22px;
 margin-top:-303px;
 padding-top:173px;
line-height:40px;
}
.product6{
   width:366px;
    height:130px;
   float:left;
   margin-top:-130px;
}

.proimg6{
        width:366px;
    height:130px;

}

.proimg6  img{
         width:366px;
    height:130px;
}
.proimg16{
       width:344px;
    height:118px;
   color:#ffffff;
 font-size:20px;
 padding-left:22px;
 margin-top:-130px;
 padding-top:10px;
line-height:40px;
}
.product7{
   width:539px;
    height:173px;
   float:left;
   
   background-color:#bb1515;
}

.proimg7{
       width:539px;
    height:173px;
}

.proimg7  img{
      width:539px;
    height:173px;
}
.proimg17{
       width:517px;
    height:163px;
   color:#ffffff;
 font-size:20px;
 padding-left:22px;
 margin-top:-171px;
 padding-top:10px;
line-height:40px;
}
.protitles{
  width:291px;
  height:67px;
 background-color:#f2f2f2;
  padding-top:5px;
 padding-left:5px;
 color:#505050;
}


.jj{

	width:100%;

	height:555px;

	background-color:#ffffff; 

	padding-top:54px;
}



.jjtitle{

	width:1193px;

	height:122px;
     margin:0 auto;
	 
        
	

}






.jjtitle2{

	width:154px;

	height:41px;

	text-align: center;

	float:left;

	color:white;

	padding-top:10px;

	margin-left:7px;

}



.jjtitle2:hover{

	border:1px solid #7a2629;

	color:#c52b32;

}



.jjcontent{

	width:1200px;

	height:273px;

	
margin:0 auto;
background-image:url('../images/jj.jpg');
 padding-top:225px;

}



.jjpic{

	width:533px;

	height:217px;

	float:left;
     position: absolute;
}

.jjpic img{

	width:533px;

	height:217px;

}

.jjtitle1{
   width:307px;
  height:42px;
  background-color:#009944;
   position: absolute;
   left:-38px;
   top:-31px;
   text-align:center;
  padding-top:15px;
  color:#ffffff;
  opacity:0.8;
}

.jjtext{

	width:938px;

	height:257px;

	color:#323232;

        margin:0 auto;
}



.jjtext1{

	width:938px;

	height:144px;
       text-indent:25px;
       font-size:13px;
     line-height:30px;
}



.jjmore{

	width:158px;

	height:37px;
   background-color:#b50100;
margin:0 auto;
  margin-top:-71px;
 padding-top:10px;
 padding-right:15px;
text-align:center;
 color:#ffffff;
}


.anli{
	width:100%;
	height:560px;
	margin:0 auto;
	padding-top:48px;
}
  
.anlititle{
	width:1200px;
	height:154px;
	margin:0 auto;

}
.anlititle img{
   width:1203px;
	height:95px;
 }

.anlimenu{
	width:1230px;
	height:71px;
	
}

.anlimenu ul{
	width:1230px;
	height:71px;
	list-style: none;
	overflow: hidden;
	
}

.anlimenu ul li{
	width:95px;
	height:33px;
	float:left;
	margin-left:24px;
	color:white;
	 border-top-left-radius: 20px;
    border-top-right-radius: 20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
text-align: center;
 padding-top:6px;
 
}

.anlimenu ul li:hover{
	background-color:#ad1f27;
}

.anlicontent{
	width:1200px;
	height:405px;
	margin:0 auto;
	overflow: hidden;
        

}

.anli1{
	width:283px;
	height:169px;
	
	float:left;
	margin-right:17px;
	margin-top:33px;
    overflow: hidden;
    position: relative;
}

.anli1 div img{
 width:283px;
 height:169px;
}
.anlititle1{
width:265px;
 height:119px;
  background-color:#751120;
  opacity:0.8;
 color:#ffffff;
 padding-left:18px;
 padding-top:50px;
  position: relative;
  top:-169px;
  left:0px;
  display:none;
}
.anli1:hover .anlititle1{
  display:block;
}
.title1{
	width:265px;
	height:33px;
	color:#ffffff;
	background-color:#282828;
	text-align: center;
	padding-top:5px;
	position: relative;
        left:0px;
        top:-38px;
       opacity:0.6;
}
.title2{
  width:265px;
  height:140px;
  color:#ffffff;
  background-color:#282828;
  position: relative;
    left:0px;
        top:-200px;
       opacity:0.6;
     text-align:center;
padding-top:61px;
 display:none;
}
.anli1:hover .title2{
 display:block;
}
  .anli1:hover .title1{
    display:none;
}



.ry{
   width:1903px;
 height:373px;
 background-color:#f0f0f0;
padding-top:35px;
}
.rytitle{
 width:1233px;
height:64px;
margin:0 auto;

}
.rytitlel{
  width:216px;
 height:43px;
 float:left;
 margin-left:23px;
}
.rymore{
  width:130px;
 height:33px;
 float:right;
border:1px solid #d22e01;
color:#d22e01;
text-align:center;
padding-top:10px;
margin-right:93px;
}
.jtl{
  width:63px;
 height:187px;
 float:left;
 background-image:url('../images/jtl.jpg') ;
margin-left:310px;
margin-top:18px;
}
.jtl:hover{
   background-image:url('../images/jtl1.jpg') ;
}
.jtr{
  width:63px;
 height:187px;
 float:right;
 background-image:url('../images/jtr.jpg') ;
margin-right:342px;
margin-top:18px;
}
.jtr:hover{
   background-image:url('../images/jtr1.jpg') ;
}
.bigbox{width:1123px;
        height:253px;
        
    
        overflow:hidden;
}
.smallboxone,.smallboxtwo{width:1123px;
             height:253px;
             float:left;
             margin:0px 0px;
             padding:0px 0px;			 
			 }
.rycontent{
  width:2246px;
 height:253px;
margin:0 auto;

}

.ry1{
   width:242px;
  height:232px;
float:left;
 margin-top:19px;
 margin-left:38px;
}


.ry1:hover .title1{
 background-color:#d42f02;
  color:#ffffff;
}
.ryimg{
     width:245px;
  height:187px;
}
body .product-wrapper {
    width: 100%;
    background-color: #fff;
}
body .product-wrapper .product-item {
    width: 1200px;
    margin: 60px auto;
}
body .product-wrapper .product-item .title-left {
    width: 172px;
}
body .product-wrapper .product-item .title-left ul li {
    width: 100%;
    height: 40px;
    background-color: #FAFAFA;
    border-bottom: 1px solid #e6e6e6;
    padding-left: 4px;
}
body .product-wrapper .product-item .title-left ul li a {
    display: inline-block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
}
body .product-wrapper .product-item .title-left ul li a i {
    float: right;
    line-height: 40px;
    margin-right: 10px;
}
body .product-wrapper .product-item .title-left ul li:hover {
    background-color: #e7f3ff;
}
body .product-wrapper .product-item .title-left ul li:hover a {
    color: #1e63b9;
}
body .product-wrapper .product-item .item-right {
    width: 1000px;
}
body .product-wrapper .product-item .item-right ul li {
    width: 230px;
    float: left;
    border: 1px solid #e6e6e6;
    box-sizing: content-box;
    padding: 2px;
    margin-right: 4px;
    margin-bottom: 4px;
}
body .product-wrapper .product-item .item-right ul li img {
    width: 230px;
    height: 156px;
}
body .product-wrapper .product-item .item-right ul li p {
    width: 100%;
    text-align: center;
    margin-top: 3px;
}
body .product-wrapper .product-item .item-right ul li:hover {
    border: 1px solid #04267d;
}
body .company-wrapper {
    width: 100%;
   height:621px;
   background-color:#eeeeee;
}
.news{
  width:1200px;
  height:152px;
  margin:0 auto;
}
.news img{
  width:1200px;
  height:152px;
}
body .company-wrapper .company-list {
    width: 1200px;
     height:470px;
    margin: 0 auto;
    
}
body .company-wrapper .company-list .conpany-left {
    width: 471px;
    height:384px;
    border:1px solid #e7e7e7;
}
.gs{
  width:471px;
  height:58px;
}
.gs1{
  width:268px;
  height:51px;
  margin:0 auto;
  margin-top:10px;
}
.gs1 img{
  width:268px;
  height:51px;
}
.gs2{
  width:293px;
  height:65px;

}
.gsti{
  width:75px;
  height:14px;
  float:left;
  border-left:2px solid #d22e01;
 margin-top:16px;
 margin-left:17px;
 color:#d22e01;
 font-size:15px;
 padding-left:9px;
padding-bottom:5px;
}

.gsmore{
    width:50px;
    height:10px;
   float:right;
  color:#4a4a4a;
     font-size:13px;
border:1px solid #cacaca;
 margin-top:13px;
 margin-right:19px;
 text-align:center;
 padding-bottom:10px;
}
body .company-wrapper .company-list .conpany-left .img-div {
    width: 196px;
    height: 135px;
    border: 1px solid #e6e6e6;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 4px 0 0;
}
body .company-wrapper .company-list .conpany-left img {
    width: 188px;
    height: 130px;
    margin-top:22px;
   margin-left:20px;
}
body .company-wrapper .company-list .conpany-left .text-right p {
   display:block;
    width:220px;
   height:62px;
    line-height: 24px;
    font-size:11px;
   margin-top:13px;
}
body .company-wrapper .company-list .conpany-left .text-right {
 width: 232px;
    height:154px;
 margin-left:18px;
margin-top:22px;
}
.newsmore{
  width:119px;
height:37px;
 float:left;
color:#c40001;
font-size:13px;
 text-align:center;
 padding-top:15px;
}
.yq{
 width:16px;
 height:16px;
 float:right;
 margin-top:15px;
 margin-right:25px;
}
.yq img{
 width:16px;
 height:16px;
}
body .company-wrapper .company-list .conpany-left ul {
 width:471px;
    height:169px;
  clear:both;
padding-top:20px;
 line-height:16px;
}
body .company-wrapper .company-list .conpany-left ul li{
 width:449px;
    height:30px;
font-size:13px;
color:#575757;
 line-height:20px;
padding-left:12px;
}
.newsjt{
 width:11px;
 height:14px;
 float:left;
 margin-top:5px;
 margin-right:5px;
 background-image:url('../images/jt.png');  background-repeat:no-repeat;
}
body .company-wrapper .company-list .conpany-left ul li:hover{

  color:#009944;

}
body .company-wrapper .company-list .conpany-left ul li:hover .newsjt{
   background-image:url('../images/jt1.png') ;  background-repeat:no-repeat;


}
.rtitle{
   width:224px;
  height:38px;

}
body .company-wrapper .company-list .company-center {
    width:1200px;
    height:470px;
}
body .company-wrapper .company-list .company-center .top .img {
    width: 157px;
    height: 98px;
    border: 1px solid #e6e6e6;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 16px;

}
body .company-wrapper .company-list .company-center .top .img img {
    width: 149px;
    height: 91px;
}
body .company-wrapper .company-list .company-center .top .text-right {
    width: 232px;
    height:154px;
    text-align: left;
}
body .company-wrapper .company-list .company-center ul{
    width:1200px;
    height:470px;
  clear:both;
 line-height:16px;
}
body .company-wrapper .company-list .company-center ul li {
     width:324px;
    height:416px;
   background-color:#ffffff;
   float:left;
font-size:13px;
color:#575757;
 line-height:20px;
 margin-right:76px;

}
.newstime{
 width:41px;
 height:48px;
background-color:#c40001;
 font-size:13px;
 color:#ffffff;
 text-align:center;
 float:right;
 padding-top:5px;
 }

.newstitle{
 width:276px;
 height:29px;
 float:left;
 color:#000000;
 font-size:15px;
 padding-top:19px;
 padding-left:7px;
}
.newspic{
 width:289px;
 height:206px;
 margin:0 auto;
 clear:both;
 margin-top:13px;
}
.newspic img{
 width:289px;
 height:206px;
 margin-top:13px;
}
.newsm{
 width:286px;
 height:71px;
 color:#000000;
 clear:both;
 margin:0 auto;
 margin-top:26px;
}
.gyjt{
 width:11px;
 height:14px;
 float:left;
 margin-top:5px;
 margin-right:5px;
 background-image:url('../images/jt.png');  background-repeat:no-repeat;
}
body .company-wrapper .company-list .company-center ul li:hover {

  color:#009944;

}
body .company-wrapper .company-list .company-center ul li:hover .gyjt{
   background-image:url('../images/jt1.png') ;  background-repeat:no-repeat;


}
body .company-wrapper .company-list .concut {
    width: 293px;
   height:384px;
   border:1px solid #e7e7e7;
  float:left;
 margin-left:20px;
}
body .company-wrapper .company-list .concut ul  {
     width:268px;
    height:317px;
  clear:both;
padding-top:20px;
 line-height:16px;
 margin-left:14px;
}
body .company-wrapper .company-list .concut ul li{
   width:313px;
    height:30px;
font-size:13px;
color:#575757;
 line-height:20px;
 margin-left:10px;
}
.bkjt{
 width:11px;
 height:14px;
 float:left;
 margin-top:5px;
 margin-right:5px;
 background-image:url('../images/jt.png');  background-repeat:no-repeat;
}
body .company-wrapper .company-list .concut  ul li:hover {

  color:#009944;

}
body .company-wrapper .company-list .concut  ul li:hover .bkjt{
   background-image:url('../images/jt1.png') ;  background-repeat:no-repeat;


}
body .case-c {
    width: 100%;
    padding: 40px;
}
body .case-c .case {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
body .case-c .case .title {
    width: 100%;
}
body .case-c .case .title .img {
    width: 1212px;
    height: 39px;
    background: url("../images/case_t.jpg");
}
body .case-c .case .title a {
    position: absolute;
}
body .case-c .case .title a i {
    font-size: 34px;
}
body .case-c .case .title .prev {
    right: 50px;
    top: 0;
}
body .case-c .case .title .next {
    right: 10px;
    top: 0;
}
body .case-c .case .content {
    width: 100%;
    margin-top: 20px;
}
body .case-c .case .content ul {
    width: 100%;
}
body .case-c .case .content ul li {
    width: 375px;
    height: 300px;
    float: left;
    margin-right: 20px;
}
body .case-c .case .content ul li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    text-align: center;
    text-decoration: none;
}
body .case-c .case .content ul li a img {
    width: 375px;
    height: 236px;
}
body .case-c .case .content ul li a p {
    width: 100%;
    height: 34px;
    line-height: 34px;
    color: #505050;
    text-align: center;
}
body .case-c .case .content ul li:hover a {
    color: #fff;
}
body .case-c .case .content ul li:hover a p {
    background-color: #ffffff;
    color: #1e63b9;
}
body .footer {
    width: 100%;
    height: 125px;
    background-color: #242424;
    padding-top:35px;
}
.footer1{
 width:1102px;
 height:125px;
 margin:0 auto;
 text-align:center;
}
body .footer .footer-content {
   
    width: 530px;
    height: 75px;
    margin: 0 auto;

    display: flex;
    justify-content: center;
}
body .footer .footer-content .nav-list {
    float: left;
   margin-left:0px;
}
body .footer .footer-content .nav-list li {
     width:auto;
 height:9px;
    float: left;
}
body .footer .footer-content .nav-list li a {
  
    padding: 0 20px;
    border-left: 2px solid #747474;
    color: #dedede;
    font-size:12px;
}
body .footer .footer-content .nav-list li:first-child a {
    border-left: none;
}

.footl{
   width:auto;
   height:101px;
  margin:0 auto;
}
.footb{
   width:auto;
   height:16px;
  margin-left:35px;
  color:#787878;
  font-size:13px;
}
.about{

	width:132px;

	height:160px;

	margin-left:360px;

	float:left;

}



.address{

	width:529px;

	height:25px;

	

	color:#ffffff;
        line-height:30px;
    
      font-size:13px;
}



.ewm{

	width:127px;

	height:140px;

	float:right;

     
	color:#ddede2;

	font-size: 13px;

	text-align: center;
        background-color:#009944;
         padding-top:10px;
}



.bq{
  width:603px;
  height:25px;
 margin:0 auto;
 color:#ececec;
font-size:12px;
 line-height:25px;
}

.bqtop{
 width:529px;
 height:25px;
}

.bqbottom{
 width:287px;
 height:25px;
 float:left;
}
.js{
width:529px;
height:25px;
}