body,div,h1,h2,h3,h4,h5,a,img,strong,span,var,em,form,select,option,input,ol,ul,dt,dd,dl,li,p {margin:0px;padding:0px;}
body{ font-family:"Microsoft Yahei"}
a {text-decoration:none;cursor:pointer;font-style:normal;outline:none;}
ol,ul,li {list-style-type:none;}
em,var{font-style:normal;}
.clear {clear:both;height:0px;overflow:hidden;}
a img{border:none;}
a{ text-decoration:none;} 
.w1490{ width: 1490px; margin: auto; margin-top: 10px;}
.w1440{ width:1440px; margin:0 auto;}
.w1200{ width:1300px; margin:0 auto;}
.w1400{ width:1400px; margin:0 auto;}
.wb80{ width:80%; margin:auto;}
.w1380{ width:1380px; margin:0 auto;}
.w1120{ width:1220px; margin:0 auto;}
.w1320{ width:1370px; margin:0 auto;}
.bf80{ width:75%; margin:auto;}
.clear{ clear:both;}
.div-height{ height:20px; } 
table{ width:100%;}
.mt-30{ margin-top:30px;}

.juzhong{ text-align:center}

.baizi  a:link {
color:#ffffff;
text-decoration: none;

} 
.baizi  a:visited {
color:#ffffff;
text-decoration: none;
} 
.baizi  a:hover {
color:#ffe400;
text-decoration: none;
} 

.heizi  a:link {
color:#333333;
text-decoration: none;

} 
.heizi  a:visited {
color:#333333;
text-decoration: none;
} 
.heizi  a:hover {
color:#dd3f40;
text-decoration: none;
}



.w1200{ width:1300px; margin:0 auto;}



/*头部*/


.top{ height:124px; width:100%;  background: url(../images/bj.jpg);  }
.toop{ width:89%; margin:auto; height:124px;}



.top1{  width:23%;  height:124px;   }
.top1 img{ width:75px; height:66px; float:left; margin-top:27px;}
.top1 h1{ color:#191919; font-size:43px; line-height:1.2;  margin-top:27px; font-weight:600; padding-left:79px;}
.top1 p{color:#303749; font-size:16.5px; line-height:1.9;font-weight:normal;  font-family:Arial, Helvetica, sans-serif;}


.top2{width:56%; height:124px; margin-left:3%;  }
.top3{ width:15%; background: url(../images/t3.jpg); background-position:left; background-repeat:no-repeat; height:124px; }
.top3 img{ margin-top:20px; width:100%;}




@media(max-width:1715px){

.top1 h1{ color:#191919; font-size:40px; line-height:1.2;  margin-top:27px; font-weight:600;}
.top1 p{color:#303749; font-size:15px; line-height:1.9;font-weight:normal;  font-family:Arial, Helvetica, sans-serif;}

}

@media(max-width:1590px){

.top1 h1{ color:#191919; font-size:37px; line-height:1.2;  margin-top:27px; font-weight:600;}
.top1 p{color:#303749; font-size:13px; line-height:1.9;font-weight:normal;  font-family:Arial, Helvetica, sans-serif;}

}





/*导航*/
.nav_{ width:100%;height:124px; }
.nav1_{ width:100%; height:124px; line-height:124px; margin:auto; }
.nav1_ li{width:12.5%; float:left; height:124px; line-height:124px; text-align:center; }
.nav1_ li a{font-size:17px; color:#ffffff;  height:124px; line-height:124px;  font-family:"Microsoft Yahei";  }
.nav1_ li a:hover{width: 100%; border-bottom:#ffc231 7px solid; color: #FFFFFF; height: 117px;}


.nav1_ li:nth-child(3) a {width: 100%; border-bottom:#ffc231 7px solid; color: #FFFFFF; height: 117px;}


.dbj{ width:100%; background: url(../images/bj1.jpg); background-position:center; background-repeat:no-repeat; height:766px;}
/*产品*/

.cpbt1{ margin-top:30px;}
.cpbt1 h2{color:#2b4d7f; font-size:51px; font-weight:600; line-height:70px; text-align:center; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-style:oblique;}
.cpbt1 em{color:#323232;font-size:40px; font-weight:600; line-height:70px; text-align:center; }
.cpbt2{ }
.cpbt2 p{ color:#3f3f3f; font-size:21px; text-align:center; line-height:2;}

.cpbt3{ margin:2px 0px;}
.cpbt3 img{ display:block; margin:auto;}

.hx{ width:100%; background-color:#818181; height:1px; margin-top:25px;}
.cpbt4{background: url(../images/bj.jpg); background-position:center; background-repeat:no-repeat; height:130px; }

.cpbj{ background-color:#0378d8; padding-top:40px; padding-bottom:0px; margin-top:25px;}

.lbb{ width:88%; margin:0 auto; text-align:center; display:inline-block; margin-top:-1px; }
.lbb a{ display: inline-block;  transform: skew(20deg); line-height:51px; height:51px; background-color:#6c717e;   width:217px;  text-align:center;   font-weight:normal;
 margin:1px 1px; box-sizing: border-box; transform: skew(-20deg);  }
.lbb a p{    transform: skew(20deg);
    text-align: center;color:#ffffff; font-size:17px; 
   }
.lbb a:hover{  background-color:#ffc231;  }
.lbb a:hover p{ color:#000000; }

@media(max-width:1749px){
.lbb{ width:96%; margin:0 auto; text-align:center; display:inline-block; margin-top:-1px; }
}


/*产品标题*/

.yqcp2 {
  margin-bottom: 30px;
  overflow: hidden;
  margin-top:50px;
  width:100%; height:1000px; background-position:center; background-repeat:no-repeat;
   }


.anliroll {
  height: 1000px;
  width: 76%;
  margin: 0 auto;
  overflow: hidden; }
  .anliroll li {
    float: left;
    width: 31.466%;
  
    margin: 1.5% 0 0 1.4%; }
    .anliroll li a {
      display: block;
      overflow: hidden;
      position: relative; }
      .anliroll li a h4 {
        overflow: hidden; }
      .anliroll li a img {
        width: 100%;
        display: block;
        transition: all .5s; }
      .anliroll li a ol {
        line-height: 35px; border-bottom:#d8d8d8 1px solid;
        color: #1d1d1d;
        width: 100%;
        transition: all .3s;
        font-size: 18px;
     
        padding: 10px 10px;
        box-sizing: border-box; }
        .anliroll li a ol a {
          color: #5f5f5f;
          font-size: 18px; }
        .anliroll li a ol b {
		  margin:auto;font-weight: normal;
          display: block;
          background: url(../images/sj.png) left no-repeat;
          background-size: 22px 22px;
          padding-left: 28px; color:#3e3e3e; font-size:16px; font-family:Arial, Helvetica, sans-serif; line-height:30px; }
      .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 {
         
        
         }
        .anliroll li a:hover span {
          background: #fff;
          color: #000;
          border: 1px solid #1574cd; }
		  

/*简介*/


.jj{width:100%; background:url(../images/bj2.jpg); background-position:center; height:673px; background-repeat:no-repeat; margin-top:50px;  }

.jj1{ width:580px;  }
.jj11{ }
.jj11 p{color:#ffffff; font-size:58px; line-height:1.4;  text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-weight:600; transform: skew(-12deg); padding-top:80px;}
.jj11 h2{color:#ffffff; font-size:27px; line-height:1.6; color:#FFFFFF; font-weight:normal; }
.jj11 em{ width:55px; height:3px; background-color:#278e8a; display:block; margin-top:10px; }

.jj2{ width:720px; margin-top:52px; }



.jj23 { }
.jj23 p { color:#ffffff; font-size:16px; font-weight:normal; line-height:2.3; margin-top:30px;}



.more{ width:194px; height:44px; display:block;}
.more a{ width:194px; height:44px; color:#000;border-radius:60px; font-size:17px; background-color:#ffc231; text-align:center; display:block; text-align:center; line-height:44px; transition:all .2s ease; margin-top:40px; }
.more a:hover{ width:194px; height:44px; line-height:44px; background-color:#0378d8;color:#ffffff; font-size:17px;transition:all .2s ease; display:block; font-family:Arial, Helvetica, sans-serif;}



/*优势*/
.ys{ background-color:#ffc231; padding:50px 0px; z-index:10000; margin-top:-80px;}

.ht1{ width:360px; margin:10px 30px;}
.ht11{ width:92px; height:92x;}
.ht12{ width:252px; height:92x;}
.ht12 p{ color:#131313; font-size:24px; line-height:2; }
.ht12 span{ color:#131313; font-size:13px; font-family:Arial, Helvetica, sans-serif; line-height:1.5; text-transform:uppercase;}



.tjcp2{ width:417px; margin-top:73px;}
.tjcp21{ width:114px; height:53px; background-color:#ffc231;}
.tjcp21 p{font-size:42px; color:#1e1e1e; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:53px; text-indent:55px;}
.tjcp22{ width:417px;}

.tjcp22 h4{font-size:32px; color:#1e1e1e; line-height:2; text-indent:50px; font-weight:normal;}
.tjcp22 span{ width:120px; height:2px; background-color:#454545; display:block; margin-top:-28px; margin-left:190px;}


/*资质*/
.cpbt2 em{ color:#565656; font-size:20px; text-align:center; line-height:2.5;  display:block; }

.zz{ width:100%; background:url(../images/bj3.jpg); background-position:center bottom; height:656px; background-repeat:no-repeat;   }
.zz1{ width:80%; margin:auto;}
/*内页列表*/


.cpfl{width:285px; float:left; }
.cpfl_1{ width:285px;  background-color:#6c717e; padding:40px 0px;  }
.cpfl_1 h3{ color:#ffffff; line-height:1.6; font-size:31px; font-weight:800; padding-left:15px; text-align: center;  }
.cpfl_1 span{ color:#ffffff; line-height:1.8;  font-size:19px; display:block; font-weight:normal; text-transform:uppercase; display:block; text-align:center; font-family:Arial, Helvetica, sans-serif;}
 



.lb{ width:285px; background-color:#6c717e; padding:0px 0;}
.lb_{ width:275px; background-color:#FFFFFF; padding:10px 0px; margin:0px 5PX; }
.lb_ a{display:block; font-size:17px; background:url(../images/mm.jpg); background-position:left; background-repeat:no-repeat; text-indent:35px;color:#292929; line-height:47px;width:230px; transition:all .2s ease; border-bottom: #e4e4e4 1px solid; background-position:left; background-repeat:no-repeat; font-weight:normal; margin:0 auto;   }
.lb_ a:hover{ color:#cb0c0c; font-weight:600; }
.lb_ a:hover p{ color:#cb0c0c; font-weight:600; }
.lxx{ width:255px; margin:auto; background-color:#6c717e; padding:25px 15px; } 
.lxx p{ color:#FFFFFF; font-size:20px; line-height:1.8;}  



.more1{ width:199px; height:35px; background-color:#FFFFFF;  display:block; margin-top:10px;}
.more1 a{ width:199px; height:35px;  color:#363636; font-size:16px;  text-align:center;display:block; line-height:35px; transition:all .2s ease; }
.more1 a:hover{ width:199px; height:35px; background-color:#ffde29; color:#000; font-size:16px;transition:all .2s ease; display:block;}



.more2{ width:255px; height:49px; background-color:#ef7d00;  display:block; margin-left:420px; margin-top:30px; border-radius:25px;}
.more2 a{ width:255px; height:49px;  color:#ffffff; font-size:18px;  text-align:center;display:   block;line-height:49px;  border-radius:25px; transition:all .2s ease;  }
.more2 a:hover{ background-color:#2358cf;   border-radius:25px;}
 
.more3{ width:255px; height:49px; background-color:#2358cf;  display:block;margin-left:50px;   margin-top:30px; border-radius:25px;}
.more3 a{ width:255px; height:49px;  color:#ffffff; font-size:18px;  text-align:center;display:   block;line-height:49px;  border-radius:25px; transition:all .2s ease;  }
.more3 a:hover{ background-color:#ef7d00;   border-radius:25px;}
 


.morem{ width:199px; height:35px; display:block; margin-top:10px;}
.morem a{ width:199px; height:35px; background-color:#bd8b2c;   color:#ffffff; font-size:16px;  text-align:center;display:block; line-height:35px; transition:all .2s ease; }
.morem a:hover{ width:199px; height:35px; background-color:#ffffff; color:#000; font-size:16px;transition:all .2s ease; display:block;}


/*滚动产品图片样式*/
.h-pro-gun01{ margin-top:10px;}
.h-pro-gun01 li{
	float: left;
  margin-right: 19px;
  margin-bottom: 25px;
  width:330px; 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: 310px;
	height: 232px;
	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: 32px; margin-top:10px;
	background: url(../images/p1-t-bg.png) top right no-repeat #828282;
}

.h-pro-gun01 li .p1-t a h3{
	float: left;
  display: block;
  height:32px;
	line-height:32px;
  font-size: 15px;
  color: #ffffff; 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: 32px;
	text-align: center;
	line-height: 32px;
	text-indent: 25px;
	font-size: 16px;
	color: #fff; background:url(../images/p1-t-bg.png) right no-repeat;
}

.h-pro-gun01 li .dianhu{
	margin-top:14px;
    width: 310px;
    height: auto;
}
.h-pro-gun01 li .dianhu p{
	display: block;
	padding:2px 0px 2px 20px;
    font-size: 14px;
    color: #5b5b5b;
    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: #5b5b5b;
    letter-spacing: 0px;
	transition: all 0.3s ease-out;
   	
}




/*滚动产品图片样式*/
.h-pro-gun02 { margin-top:25px; }
.h-pro-gun02 li{
  margin-right: 19px;
  margin-bottom: 10px;
  float: left;
  -webkit-transition: all 0.5s ease-out; 
  -moz-transition: all 0.5s ease-out; 
  transition: all 0.5s ease-out; margin-top:30px;
}
.h-pro-gun02 li .tu{
	height: 314px;
	background-color: #e5e5e5;

	overflow: hidden;
}
.h-pro-gun02 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-gun02 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-gun02 li a h3{
  margin-top:0px;
  display: block;
	width:; line-height:3.7;
 
  font-size: 18px; background-color:#ffffff;
  color: #383838; font-weight:normal;
  text-align: center;
  letter-spacing: 0px;
	
}






/*行业资讯*/

.mingcheng{margin-bottom:15px; }
.mingcheng p{color:#f2f2f2; font-size:60px; font-weight:600; line-height:1; padding-top:40px; text-align:center; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}	
.mingcheng h2{color:#0378d8; font-size:40px; font-weight:600; line-height:1.5; margin-top:-28px; text-align:center; letter-spacing:2px; }	
.mingcheng em{color:#323232; font-size:37px; font-weight: normal; line-height:1.5;margin-top:-28px;text-align:center;font-style:normal;  }	
.mingcheng span{ width:60px; height:6px; background-color:#009f61; display:block; display:block; margin:auto; margin-top:15px; }	
.mjs{ color:#4a4a4a; font-size:20px;  line-height:3; text-align:center; }	

.mingcheng{ background:url(../images/bj6.jpg); background-position:center; background-repeat: no-repeat; height:80px; margin-top:30px; }

.zx1 h2{ font-size:34px; color:#323232; text-align:center; font-weight: normal; font-style:normal; line-height:86px;}
.zx2 p{margin-top:20px;color:#616161; font-size:20px; text-align:center; margin-top:-5px; }

.xw{ width:100%; background-color:#f0f0f0; padding:70px 0px;}
.xwz{ width:224px;}
.xwz1{}
.xwz1 p{ color:#141414; font-size:60px; font-family:Arial, Helvetica, sans-serif; font-weight:600;}
.xwz1 span{ width:2px; height:60px; background-color:#fa5132; display:block;}
.xwz1 h3{ font-size:26px; color:#3d3d3d; font-weight:normal; margin:10px 0px;}
.xwz1 em{ font-size:16px; color:#696969; font-weight:normal; margin-top:25px; display:block; line-height:2;}

.xwz2{ width:207px; height:51px; border:#cb0c0c 1px solid; margin-top:80px;}
.xwz2 p{ font-size:18px; color:#cb0c0c; line-height:51px; text-align:center;}
.xwz2:hover p{ background-color:#cb0c0c; color:#FFFFFF;}


.xwy{ width:1180px;}



.xinwen_news_you{width:100%; float:right; }
.xinwen_news_you li{ width:340px; display:inline-block; overflow:hidden;  float:left; margin:0 24px; background-color:#FFFFFF; border-left:#e10909 4px solid;}
.xinwen_news_you li{ line-height:28px;}
.xinwen_news_you li:hover{ }
.xinwen_news_you img{    margin:auto;  }
.xinwen_news_you h4{ width:90%; margin:auto;  }
.xinwen_news_you h4 a{ color:#323232; font-size:18px; line-height:4; font-weight:normal; margin:10px 0px;  }
.xinwen_news_you li:hover h4{ color:#FF0000}
.xinwen_news_you em{ background-color:#e10909; width:100%; margin:auto; font-size:17px; line-height:2.1; display:block;  overflow:hidden; color:#ffffff; text-indent:15px; font-style:normal; padding:8px 0px; }
.xinwen_news_you h4:hover a{ color:#d20000;} 
.xinwen_news_you span{ font-size:15px; line-height:1.8; display:block;  overflow:hidden; color:#696969; font-family:Arial, Helvetica, sans-serif; width:90%; margin: auto;}
.xinwen_news_you span h5{ font-size:53px; line-height:1.2;  color:#0d6ebe; font-weight:600; float:left;font-family:Arial, Helvetica, sans-serif;  }


/*案例*/

.qimo8{ overflow:hidden; width:100%; height:197px; margin-bottom:20px; margin-top:60px; }
.qimo8 .qimo {width:8000%;}
.qimo8 .qimo div{ float:left;}
.qimo8 .qimo ul{float:left; overflow:hidden; zoom:1; }
.qimo8 .qimo ul li{float:left; list-style:none; text-align:center; width:214px; height: 365px; margin-right:20px; }
.qimo8 .qimo ul li img{ width:214px; height:147px;}
.qimo8 .qimo ul li ol{ text-align:center; height:50px; width: 214px; line-height:50px;transition:all .5s ease;background:#E72C01; color: #303030; font-size:17px; }
.qimo8 .qimo ul li:hover ol{ background:#fdb328; color:#303030}
.qimo8 li a{color:#444444; font-size: 17px;}




/* 案例 */

.al{  background-color:#f3f3f3; padding-bottom:55px;}



#demoy{ overflow:hidden;height:323px;width:100%; color:#336699; margin-top:40px;}
#demoy1 ul,#demo2 ul{ display:block;width:1380px; overflow:hidden}
#demoy1 ul li{width:323px;height:308px; margin:8px 10px; float:left}
#demoy1 ul li a h3,#demo2 ul li a h3{width:323px;overflow:hidden;height: 242px;}
#demoy1 ul li a h3 img,#demo2 ul li a h3 img{width:323px; height:242px; 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:50px; line-height:50px;transition:all .5s ease; background-color: #e1e1e1; color: #282828; font-size: 16px;}
#demoy1 ul li a:hover ol,#demo2 ul li a:hover ol{ }
#demoy2 ul li{width:323px; height:308px; margin:8px 10px;}



/*底部*/
.nydt{ width:100%; height:500px; background: url(../images/ndt.jpg); background-position:center; background-repeat:no-repeat;}

.footr{ width:100%; background-color:#2c2c2c; padding:50px 0px; }


.dblb{ width:405px; margin:0 auto;  }
.dblb a{display:block; font-size:15px; color:#ffffff;  line-height:2.2; width:114px;  display:inline; text-align:center;   font-weight:normal;  background-position:left; background-repeat:no-repeat; 
 float:left;  margin:5px 8px; border:#979797 1px solid;   }
.dblb a:hover{ display:block; font-size:15px; color:#000;  line-height:2.2;width:114px;  float:left; background-color:#e77d33;  border:#e77d33 1px solid;  }


.footrr{ width:1200px; margin:auto;}

.footr1{ width:99px;}
.footr1 h3{ color:#FFFFFF; font-size:18px; line-height:2; text-align:center; font-weight:normal;}
.footr11{margin-top:12px; }
.footr11 p{ color:#c0c0c0; font-size:15px; line-height:2; text-align:center; font-weight:normal;}
.footr11 a:hover{ color:#ffde00; }
.footr11 a{ color:#c0c0c0; }




.footr2{ width:240px; height:250px; margin-left:120px;}
.footr2 h3{ color:#FFFFFF; font-size:18px; line-height:2;  font-weight:normal;}
.footr21{margin-top:12px; }
.footr21 p{ font-size:14px; color:#c0c0c0; line-height:2  }
.footr21 a:hover{ color:#ffde00; }
.footr21 a{ color:#c0c0c0; }



.footr3{ width:486px;}

.footrr1{ width:1200px; background: url(../images/1_39.jpg); background-position:center; background-repeat:no-repeat; height:63px;}



.footr4{ width:100%; height:130px; background-color:#000000;  }
.footr4_1  { width:1200px;  }
.footr4_1 p { width:1200px; line-height:4; color:#FFFFFF; font-size:16px; text-align:center; }








/*内页*/
.zc{ width:251px;}
.ny_{ width:100%; margin:30px 0px; }
.ny{  }
.ny p{ font-size:16px; line-height:30px}
.neiye{ width:1300px; }
.neiye h3{ height:40px; line-height:40px; font-size:20px; border-bottom:1px solid #ccc; margin-bottom:20px; color:#3d3d3d;}
.neiye h3 span{ float:right; font-size:14px; font-weight:normal; color:#888}
.neiye h3 span a{ color:#888}




