@charset "utf-8";
/* CSS Document */






/*top*/
.w1400{ width:1440px; margin:0 auto;}
.w1200{ width:1200px; margin:0 auto;}
.w1300{ width:1300px; margin:0 auto;}
.topp{  width:100%; }
.topp img{ display:block; margin-top:22px;}
.dh{ float:right; background:url(../images/dh.png) left no-repeat;margin-top:32px;}
.dh h3{ font-size:17px; color:#000; font-weight:normal; padding-left:80px;}
.dh h4{ font-size:40px; color:#219d2b; font-family:Impact; padding-left:80px; margin-top:4px;}

.dh1{  margin-top: 30px; }
.dh1 h3{ font-size:23px; color:#FFF; font-weight:normal; padding-left:51px; margin-top: 55px;}
.dh1 h4{ font-size:45px; color:#e9c810; font-family:Impact; padding-left:55px; margin-top:40px;}


.logo{  height:133px; background: url(../images/logo.png) left no-repeat;}
.logo h1{ font-size:45px; color:#353636; font-weight:bold; padding-left:175px;padding-top: 24px;}
.logo p{ color:#4e4f4e; text-transform:uppercase; font-size:16px; padding-left:175px;padding-top:5px;}

/*nav*/
.naav{ background-color:#0372c3; height:90px;}


.cpp1{ margin-top:-30px; margin-bottom:50px;}
.cpp1 img{ display:block; margin:0 auto;}
.cpp1 h2{ font-size: 48px; color: #484747; text-align: center; font-weight: bold;}
.cpp1 h2 em{ font-family: Arial Black; font-size: 54px; color: #334eb3; font-style:inherit; text-transform: uppercase;}
.cpp1 p{ font-size: 18px; color: #484747; text-align: center; margin-top: 30px;}

.current a{ display:block; background-color: #ffde01;color: #000;}


/*fenlei*/
.fenlei_top{ background:url(../images/fl_top.png) top no-repeat; height:146px;}
.fenlei_top h3{ padding-left:190px; background:url(../images/fl_t.png) left no-repeat; height:100px; font-size:40px; line-height:79px; color:#FFF; font-weight:bold;    width:160px; margin:0 auto; padding-top:25px;}

.fenlei p{ text-align:center; font-size:17px; margin-top:15px;}



/*tt*/
.tt{ width: 100%; background: url(../images/fl_bg.jpg) bottom no-repeat; height: 630px;}
.tt li{ float: left; margin: 0 17px;}
.tt li img{display: block;margin-top: 85px;width: 290px;transition: .5s;}
.tt li:hover img{ -webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg);}
.tt h3{ font-size: 21px; color: #fff; text-align: center; margin-top: 60px;}
.tt h3 em{ font-family: Impact; font-size: 45px; color: #e1d40b; font-style:inherit;}




/*cp*/
.cp1{ background:url(../images/cp_bg.jpg) top right no-repeat; height:249px; z-index:99; position:relative; margin-top:-80px;}
.cp_t{  }
.cp_t1{ width:300px;    margin-top: -24px;}
.cp_t1 em{ font-size:58px; color:#FFF; font-weight:bold; text-transform:uppercase; font-style:inherit;}
.cp_t1 h3{ font-size:35px; color:#fff; margin-top:8px;}
.cp_t2{ width:760px;margin-top: -30px;}
.cp_t2 span{ width:66px; height:3px; background-color:#171616; display:block; margin-bottom:15px;}
.cp_t2 p{ font-size:18px; color:#fff; line-height:35px;}
.cp_t2 h4{ font-size:24px; color:#FFF; background:url(../images/dh1.png) left no-repeat; padding-left:80px; font-weight:normal; margin-top:40px; margin-left:50px;}
.cp_t2 h4 em{ font-size:42px; color:#dbf30d; font-family:Airbus Special;}
.gsmm1{width:100%;background-position:center bottom;  overflow:hidden; background-repeat:no-repeat; background:url(cp_bg.jpg) bottom no-repeat; height:900px;}
.juzhong{ text-align:center}
.cp{ width:100%; border-top: #c3c3c3 1px solid;  }
.cp h4{ text-align:center; font-size:38px; color:#FFF; font-weight:900;margin-top: 75px; background:url(../images/x.png) center no-repeat;}
.cp h4 em{ color:#ffdd00; font-size:38px; font-style:inherit; font-weight:900;}








/*sm*/
.cp2{ background:url(../images/sm_bg.jpg) top no-repeat; height:230px;}
.cp_t11{ margin-top:50px;}
.cp_t11 em{ font-size:58px; color:#FFF; font-weight:bold; text-transform:uppercase; font-style:inherit;}
.cp_t11 h3{ font-size:35px; color:#fff; margin-top:8px;}
.cp_t12{ width:660px; margin-top:50px;}
.cp_t12 span{ width:66px; height:3px; background-color:#171616; display:block; margin-bottom:15px;}
.cp_t12 p{ font-size:18px; color:#fff; line-height:45px;}
.cp_t12 a{ font-size:15px; color:#cde910; display:block; margin-top:20px;}









/*滚动产品图片样式*/
.h-pro-gun01{ margin-top:10px;}
.h-pro-gun01 li{
	float: left;
  margin-right: 19px;
  margin-bottom: 25px;
  width:375px; background-color:#FFFFFF; 

  border: 1px solid #c8c8c8;
  -webkit-transition: all 0.5s ease-out; 
  -moz-transition: all 0.5s ease-out; 
  transition: all 0.5s ease-out;
}
.h-pro-gun01 li:hover{
	 border: 1px solid #49545a;
}
.h-pro-gun01 li .tu{
	margin-top: 10px;
	margin-left: 9px;
	width: 355px;
	height: 266px;
	padding:0px;
	
	background-color: #e5e5e5;
	overflow: hidden;
}
.h-pro-gun01 li .tu img{
  -webkit-transform: scale(1, 1); 
  -moz-transform: scale(1, 1); 
  -webkit-transition: all 0.5s ease-out; 
  -moz-transition: all 0.5s ease-out; 
  transition: all 0.5s ease-out;
}
.h-pro-gun01 li:hover .tu img{
  -webkit-transform: scale(1.1, 1.1); 
  -moz-transform: scale(1.1, 1.1); 
  transform: scale(1.1, 1.1); 
  -webkit-transition: all 0.6s ease-out; 
  -moz-transition: all 0.6s ease-out; 
  transition: all 0.6s ease-out;
}
.h-pro-gun01 li .p1-t{
	margin:0 auto;
	width: 94.6%;
	height: 39px; margin-top:10px;
	background: url(../Img/p1-t-bg.png) top right no-repeat #d7d7d7;
}

.h-pro-gun01 li .p1-t a h3{
	float: left;
  display: block;
  height:39px;
	line-height:39px;
  font-size: 16px;
  color: #575757; font-weight:normal;
  text-align: center;
  letter-spacing: 0px;
	text-indent: 10px;
}
.h-pro-gun01 li .p1-t p{
	display: block;
	float: right;
	width: 86px;
	height: 39px;
	text-align: center;
	line-height: 39px;
	text-indent: 25px;
	font-size: 16px;
	color: #fff; background:url(../images/p1-t-bg.png) right no-repeat;
}
.h-pro-gun01 li:hover .p1-t a h3{
	color: #575757; 
}

.h-pro-gun01 li:hover .p1-t { background-color:#d7d7d7; transition: all 0.3s ease-out;
}


.h-pro-gun01 li .dianhu{
	margin-top:14px;
    width: 305px;
    height: auto;
}
.h-pro-gun01 li .dianhu p{
	display: block;
	padding:2px 0px 2px 20px;
    font-size: 14px;
    color: #232323;
    letter-spacing: 0px;
	transition: all 0.3s ease-out;
   	
}

.h-pro-gun01 li .dianhu span{
	display: block;
	padding:2px 0px 10px 20px;
    font-size: 15px;
    color: #232323;
    letter-spacing: 0px;
	transition: all 0.3s ease-out;
   	
}

/*产品标题*/

.yqcp2 {
  margin-bottom: 30px;
  overflow: hidden;
  margin-top:35px;
  width:100%; height:810px; background-position:center; background-repeat:no-repeat;
   }


.anliroll {
  height: 810px;
  width: 96%;
  margin: 0 auto;
  overflow: hidden; }
  .anliroll li {
    float: left;
    width: 23.2558139535%;
  
    margin: 1.5% 0 0 1.4%; }
    .anliroll li a {
      display: block;
      overflow: hidden;
      position: relative; }
      .anliroll li a h4 {border: #c3c3c3 1px solid;
        overflow: hidden; }
      .anliroll li a img {
        width: 100%;
        display: block;
        transition: all .5s; }
      .anliroll li a ol {
        line-height: 35px;
        color: #555;
        width: 100%;
        transition: all .3s;
        font-size: 18px;
        border-bottom: 1px solid #b1b1b1;
        padding: 10px 10px;
        box-sizing: border-box; }
        .anliroll li a ol a {
          color: #555;
          font-size: 18px; }
        .anliroll li a ol b {
          display: block;
          background: url(../images/sj.png) left no-repeat;
          background-size: 30px 30px;
          padding-left: 35px; }
      .anliroll li a span {
        display: inline-block;
        position: absolute;
        right: 10px;
        bottom: 6%;
        border: 1px solid #dcdcdc;
        border-radius: 999px;
        padding: 10px 20px; }
      .anliroll li a:hover {
        color: #fff; }
        .anliroll li a:hover img {
          transform: scaleX(1.2) scaleY(1.2); }
        .anliroll li a:hover ol {
          background: #219d2b;
          color: #fff;
         }
        .anliroll li a:hover span {
          background: #fff;
          color: #000;
          border: 1px solid #1574cd; }



/*jj*/
.jj{ background:url(../images/jj_bg.jpg) center no-repeat; height:886px;}
.jj h4{font-family: "Arial Black";    text-transform: capitalize; color:#fff;  font-size:70px;  margin-top:165px; text-transform: uppercase;}
.jj h4 em{display:block;font-family: "Arial Black";  text-transform: uppercase; color:#fce809;  font-size:70px;  margin-top:73px; }
.jj h3{ font-size:42px; color:#fff; font-weight:bold;  }

.jj2{ margin-top:125px; background-color: #009a44; width: 1000px; height: 560px;}
.jj2 em{ font-family: Arial Black; font-size: 83px; color: #fff; text-transform: uppercase; margin-top: 20px; display: block;}
.jj2 h2{ font-size: 25px; color: #fff;}
.jj2 span{ display:block;  height:1px; background-color:#fff; margin-top:30px;}
.jj2 p{ font-size: 17px; color: #fff; line-height: 38px; margin-top: 26px;}
.jj2 a{ display: block; width: 160px; height: 44px; line-height: 44px; border: #fff 1px solid; text-align: center; color: #fff; font-size: 17px; border-radius: 8px; overflow: hidden; margin-top: 30px;}
.jj2 a:hover{ background-color: #3c58b5; border: #3c58b5 1px solid; color: #fff;}

.jj_l{ }
.jj1{ }

.jj_lx{ background-color:#fac943; height:127px; padding-top:30px;}
.jj_lx em{ display:block; font-family:Impact; color:#fff;text-transform: uppercase; font-size:42px; font-style:inherit; margin-left:30px; margin-top:inherit;}
.jj_lx h2{ font-size:22px; color:#fff; font-weight:normal; margin-left:30px;}

.jj1 a{ display:block; width:130px; height:40px; line-height:40px; text-align:center; border:#999 1px solid;margin-left: 30px; margin-top:50px;}
.jj1 a:hover{ background-color:#0372c3; border:#0372c3 1px solid; color:#FFF;}

/*ys*/
.ys{ width:100%;margin-top: -130px;}






















/*滚动数字*/

.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.clearfix {
}
.product-number-info {   
    position: relative; 
}

.product-number-info .product-number-inner {
   
	margin:0 auto;
}

.product-number-info ul {
    padding:15px 0;
}

.q {
    zoom: 1; }

.product-number-info li {
    float: left; padding-top:15px; background: url(../images/y.png) left no-repeat;
    width: 196px;
    height: 196px;
	text-align:center;
    
    color: #c70606;
   
	
	margin:0 64px;
}

.product-number-info li:first-child {

}

.product-number-info li i{ font-size:62px; color:#db261d; font-family:Impact; font-style:inherit;}
.product-number-info li b{ color:#373636;padding-top: 36px; display: block;}
.product-number-info li h4{ color:#373636; font-size:17px; }



/*厂容厂貌1*/

.cpp{ margin:auto; padding-top:14px;}
.cpp p{color:#dc0000; font-size:40px; line-height:1.5; text-align:center; text-transform:uppercase; font-weight:800; padding-top:35px; }
.cpp em{    color: #fff;font-size: 58px;line-height: 2.2; display: block; font-style:inherit; text-transform:uppercase; font-weight:bold; margin-top:20px;}
.cpp h2{ font-size:35px; color:#f4ec0f; margin-top:-20px;}
.cpp h2 i{ color:#FFF; font-size:35px;}


.cm{width:100%;  height:655px; background:url(../images/zz_bg.png) left top no-repeat; position:relative; z-index:999; }
.cm1{ background-image:url(1_12.png); background-position:center; background-repeat:no-repeat; height:141px;  padding-top: 62px;}

.cm1 p{color:#dc0000; font-size:40px; line-height:1.5; text-align:center; text-transform:uppercase; font-weight:800; padding-top:15px;}

.cm1 span{ color:#282828; font-size:40px; line-height:1.5; text-align:center; text-transform:uppercase; font-weight:800;}

.cm1 h4{ color:#828282; font-size:18px; line-height:2.4; text-align:center; display:block; text-transform:uppercase; font-weight:normal;}


/* jQuery 荣誉 */
#d_tab29 { position: relative; height: 391px; text-align: left }
#d_tab29 .d_img { position: relative; margin: 0 auto; width: 1200px; height: 100% }
#d_tab29 .d_img li { position: absolute; display: none; z-index: 0 }
#d_tab29 .d_img li img { width: 100%; box-shadow: 0 10px 10px 0 #d1d1d1;}
#d_tab29 .d_img li:nth-child(1) { display: block; width: 467px; left: 0%; top: 60px; z-index: 1 }
#d_tab29 .d_img li:nth-child(2) { display: block; width: 517px; left: 12%; top: 40px; z-index: 2 }
#d_tab29 .d_img li:nth-child(3) { display: block; width: 567px; left: 28%; top: 20px; z-index: 3 }
#d_tab29 .d_img li:nth-child(4) { display: block; width: 517px; right: 12%; top: 40px; z-index: 2 }
#d_tab29 .d_img li:nth-child(5) { display: block; width: 467px; right: 0%; top: 60px; z-index: 1 }
#d_tab29 .d_menu { position: absolute; bottom: 20px; width: 100%; text-align: center }
#d_tab29 .d_menu li { display: inline-block; zoom: 1; *display: inline; background: url('img/btn.png') no-repeat 0 0; width: 12px; height: 12px; cursor: pointer; margin-right: 3px }
#d_tab29 .d_menu li.d_select { background: url('img/btn.png') no-repeat 0 -18px }
#d_tab29 .d_next { position: absolute; left: 50%; margin-left: 545px; top: 200px; z-index: 10; cursor: pointer }
#d_tab29 .d_prev { position: absolute; left: 50%; margin-left: -595px; top: 200px; z-index: 10; cursor: pointer }



/*xw*/
.xw{ background:url(../images/xw_bg.jpg) center no-repeat; height:750px; margin-top:80px;}
.n1-date{ float:left; font-size:17px; color:#3c3d3c; text-align:center; margin-left:20px; margin-top:38px;}

.n1-date em{ font-size:75px; color:#334eb3; font-family:Impact; display: block; font-style:inherit;}
.xw_l a{ display:block; font-size:29px; text-transform:uppercase; color:#FFF;}
.xw_l a:hover{ color: #fff;}

.xw_l{     margin-left: 523px;  padding-top: 20px;}
.xw_l img{ display:block; padding-top:40px;}
.xw_l h3{ font-size:40px; color:#e1e311; margin-left:61px; margin-top:15px;}
.xw_l span{ display:block; width:3px; height:40px; background-color:#fff; margin-left:200px; margin-top:15px;}


#demoy{overflow:hidden;height:310px;width:100%; margin:0 auto; color:#336699; margin-top:22px; margin-bottom:50px; }
#demoy1 ul,#demo2 ul{ display:block;width:4728px; overflow:hidden}
#demoy1 ul li{width:320px; margin:8px 10px; float:left}
#demoy1 ul li a h3,#demo2 ul li a h3{width:320px; overflow:hidden;}
#demoy1 ul li a h3 img,#demo2 ul li a h3 img{width:320px; height:238px; transition:all .5s ease;}
#demoy1 ul li a h3:hover img,#demo2 ul li a h3:hover img{transform: scaleX(1.1) scaleY(1.1);}
#demoy1 ul li a ol,#demo2 ul li a ol{ text-align:center; height:55px; line-height:55px;transition:all .5s ease; background-color: #e48709; color: #fff; font-size:16px;}
#demoy1 ul li a:hover ol,#demo2 ul li a:hover ol{ background:#2d9f39; color:#fff;}
#demoy2 ul li{width:374px;height:336px;margin:8px 10px;}




#demoy5{overflow:hidden;height:145px;width:1200px; margin:0 auto; color:#336699; float:right; margin-top:10px; margin-bottom:60px;}
#demoy3 ul,#demo2 ul{ display:block;width:4728px; overflow:hidden}
#demoy3 ul li{width:190px; margin:8px 10px; float:left}
#demoy3 ul li a h3,#demo2 ul li a h3{width:190px; overflow:hidden;}
#demoy3 ul li a h3 img,#demo2 ul li a h3 img{width:190px;transition:all .5s ease;}
#demoy3 ul li a h3:hover img,#demo2 ul li a h3:hover img{transform: scaleX(1.1) scaleY(1.1);}
#demoy3 ul li a ol,#demo2 ul li a ol{ text-align:center; height:45px; line-height:45px;transition:all .5s ease; background-color: #0158b9; color: #fff;}
#demoy3 ul li a:hover ol,#demo2 ul li a:hover ol{ background:#0158b9; color:#FFFFFF;}
#demoy4 ul li{width:374px;height:336px;margin:8px 10px;}








#demoy_{ float:left;overflow:hidden;height:462px;width:600px; color:#336699;text-align:left; margin-left:10px; }
#demoy_1 ul,#demo2 ul{ display:block;width:600px; overflow:hidden}
#demoy_1 ul li{width:260px; height: 215px;margin:8px 10px; float:left}
#demoy_1 ul li a h3,#demo2 ul li a h3{width:260px;height:185px ; overflow:hidden;}
#demoy_1 ul li a h3 img,#demo2 ul li a h3 img{width:260px;transition:all .5s ease;}
#demoy_1 ul li a h3:hover img,#demo2 ul li a h3:hover img{transform: scaleX(1.1) scaleY(1.1);}
#demoy_1 ul li a ol,#demo2 ul li a ol{ text-align:center; height:30px; line-height:30px;transition:all .5s ease; background-color: #6E6E6E; color: #FFFFFF;}
#demoy_1 ul li a:hover ol,#demo2 ul li a:hover ol{ background:#fdb328; color:#fff}
#demoy_2 ul li{width:260px;height:215px;margin:8px 10px;}










