@charset "utf-8";

/* CSS Document */

html{color:#333;background:#fff}

body,div,p,h1,h2,h3,h4,h5,h6,img,ul,li,a,strong,dl,dt,dd,input,textarea{

    margin:0;

    padding:0;

    list-style:none;

    border:0;

    text-decoration:none;

    font-family:"microsoft yahei";

    font-weight: normal;

    font-size:14px;

}

table{border-collapse:collapse;border-spacing:0}

a{ text-decoration:none;}

a:hover{text-decoration: none !important;}

a:focus {text-decoration: none!important;}

fieldset,img{border:0}

ol,ul{list-style:none}

.w-100{width:100%; height:auto; overflow:hidden;}

.w-1260{width:1200px; margin:0 auto; overflow:hidden;}

.w-1260-1{width:1200px; margin:0 auto;}

.fl{ float:left;}

.fr{ float:right;}

.clear{ clear:both;}

.mt-10{ margin-top:10px;}

.mt-15{ margin-top:15px;}

.mt-20{ margin-top:20px;}

.mt-30{ margin-top:30px;}

.mt-35{ margin-top:35px;}

.mt-40{ margin-top:40px;}

.mt-50{ margin-top:55px;}

.mt-60{ margin-top:55px;}

.mt-65{ margin-top:65px;}

.mt-70{ margin-top:60px;}

.mt-80{ margin-top:80px;}

.mt-90{ margin-top:90px;}

.mt-100{ margin-top:100px;}

.t-align-c{ text-align:center;}

.clearfix:after {content:""; display: block; clear:both; }



.margin0{margin:0 0px;}

.margin3{margin:0 3px;}

.margin5{margin:0 5px;}

.margin8{margin:0 8px;}

.margin-20{margin:0 -20px;}

.padding0{padding:0px;}

.padding3{padding:0 3px;}

.padding8{padding:0 8px;}

.padding-8{padding-right: 3px;padding-left:3px;}

.padding-15{padding:0 -15px !important;}

.padding3-sm{padding:0 3px;}

.padding-r-0{padding-right:0px;}

.padding-5-xs{}

.padding15{

  padding:15px;

}

.padding15-8{

  padding:15;

}

.w-1260{width:1260px; margin:0 auto; }

#w-1260{margin:0 auto;width: 1260px;overflow: hidden;}

#w-1260-1{margin:0 auto;width: 1260px;}

.p-img{width: 100%;}



/*====================top====================*/



.top_bj{

  width: 100%;

  height: 34px;

  background-color: #f0f0f0;

  overflow: hidden;

}



.top1{

	width: 1260px;

	height: 34px;

	line-height: 34px;

	margin: 0 auto;

}



.topleft{ width:100%; float:left; height: auto; margin-top: 20px; margin-bottom: 24px;}



.toptitle h1{ font-size:40px; font-weight:bold;color:#131313; height: 40px;} 

.toptitleyw{ font-size:20px;color:#131313; height: 24px; margin-top: 15px; float: left;}





.topcenter{

	width: 90%;

	height: auto;

	float: left;

	margin-left: -30px;

}



.top2{

	font-size: 15px;

	line-height: 25px;

	color: #1f1d1d;

	margin-top: 30px;

	padding-left: 20px;

}







.top-bg{

  width: 100%;

  /*background: url(../img/menu-bg11.png);*/

  background: rgba(0,0,0,0.7);

  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);

}

.top-menu-wz{

  position: absolute;

  top:0px;

  left:0px;

  z-index: 111111;

}

.top-tit1{

  position: relative;

  z-index: 11111;

  height: 117px;

}

.top-tit1-1{

  position: absolute;

  top: 0px;

  left:0px;

  z-index: 10000;

}

.top-tit1-2{

  position: absolute;

  top:0px;

  left:121px;

  z-index: 1000;

}

.mini-top{

  text-align: center;

  background-color: #000000 !important;

}

.top-tit-img{

  position: absolute; top:0px; left:0px; z-index: 10;

}

/*====================menu====================*/





.menu-bg{

  width: 100%;

  height: auto;

  background-color: #3398cc;

}

.pc-menu li{

  position: relative;

  z-index: 200;

  float: left;

  width: 11%;

  padding:20px 0.3%;

  color: #222222;

  list-style: none;

}

.pc-menu li a{

  display: block;

  color: #ffffff;

  font-size: 16px;

  font-weight: 400;

  text-align: center;

  text-transform: capitalize;

  position: relative;

}

.pc-menu li a.active:after{



  background-color: #99cc33;

  bottom: -20px;

  content: "";

  height: 5px;

  left: 0;

  position: absolute;

  transition: all 0.2s ease 0s;

  width: 100%;

}

.pc-menu li a:after {

background-color: #99cc33;

  bottom: -20px;

  content: "";

  height: 5px;

  left: 0;

  position: absolute;

  transition: all 0.2s ease 0s;

  width: 0%;

}

.pc-menu li a:hover:after {

  width: 100%;

}

.pc-menu li ul{

  position: absolute;

  top:60px;

  left:-38px;

  z-index: 111111111;

  z-index: 1000;

  margin:0px;

  margin-left:0px;

  padding:15px 0px 20px 0px;

  width:194px;

  display: none;

  background:rgba(10,118,219,0.8);

  border-radius: 5px;

}

.pc-menu li ul span{

	display: block;

	padding:15px;

	font-size: 14px;

	color: #fff;

	line-height: 150%;

}

.pc-menu li ul a{

  display: block;

  margin:0 auto;

  padding:0px;

  width: 90%;

  height: 30px;

  font-size: 15px;

  color: #ffffff !important;

  text-align: center;

  line-height: 30px;

  text-decoration: none;

  background: none !important;

  border-bottom: 1px dashed #a9d1f7;

}

.pc-menu li ul a:hover{

  background-color: #fff !important;

  color: #333 !important;

}

.pc-menu li ul a:hover:after{

  content: "";

  height: 0px;

  left: 0;

  position: absolute;

  transition: all 0.2s ease 0s;

  width: 0%;

}







/*====================手机站menu====================*/

.ph-menu {

  display: block;

  width: 100%;

  padding: 10px 0px;

  font-size: 14px;

  color: #333;

  text-align: center;

}



.iphone {

  position: relative;

  top: 0px;

  left: 0px;

  width: 100%;

}



.iphone-tit {

  padding: 10px 0px;

  width: 100%;

  font-size: 22px;

  text-transform: uppercase;

  color: #fff;

  text-align: center;

}



.iphone__screen {

  position: fixed;

  z-index: 100;

  top: 0px;

  left: 0px;

  width: 100%;

  /*height:100%;*/

  overflow: hidden;

}



.iphone__content {

  position: relative;

  width: 100%;

  height: 100%;

}



.nav {

  position: absolute;

  z-index: 100;

  opacity: 0;

  -webkit-transition-property: all;

  transition-property: all;

  -webkit-transition-duration: 300ms;

  transition-duration: 300ms;

}



.nav--active .nav {

  opacity: 1;

  background-color: #3399cc;

}



.nav__list {

  margin: 0;

  padding: 10px;

  padding-top: 30px;

}



.nav__item {

  margin: 0 auto;

  width: 90%;

  padding: 7px;

  list-style-type: none;

  text-align: left;

}



.nav__item:after {

  content: '';

  display: block;

  position: relative;

  bottom: -8px;

  width: 50%;

  height: 1px;

  background: rgba(255, 255, 255, 0.3);

}



.nav__link {

  font-size: 15px;

  text-transform: uppercase;

  text-decoration: none;

  color: #FFFFFF;

  opacity: 1;

  -webkit-transition: opacity 300ms ease-in-out;

  transition: opacity 300ms ease-in-out;

}



.nav__trigger {

  display: block;

  position: relative;

  z-index: 111111;

  position: fixed;

  top: 20px;

  right: 10px;

  padding: 10px;

  padding-bottom: 15px;

  background: rgba(0, 0, 0, 0.5);

  border-radius: 8px;

}



.nav--active .nav__trigger {

  opacity: 0.5;

}



.nav__icon {

  display: inline-block;

  position: relative;

  width: 30px;

  height: 5px;

  background-color: #FFFFFF;

  -webkit-transition-property: background-color, -webkit-transform;

  transition-property: background-color, -webkit-transform;

  transition-property: background-color, transform;

  transition-property: background-color, transform, -webkit-transform;

  -webkit-transition-duration: 300ms;

  transition-duration: 300ms;

}



.nav__icon:before,

.nav__icon:after {

  content: '';

  display: block;

  width: 30px;

  height: 5px;

  position: absolute;

  background: #FFFFFF;

  -webkit-transition-property: margin, -webkit-transform;

  transition-property: margin, -webkit-transform;

  transition-property: margin, transform;

  transition-property: margin, transform, -webkit-transform;

  -webkit-transition-duration: 300ms;

  transition-duration: 300ms;

}



.nav__icon:before {

  margin-top: -10px;

}



.nav__icon:after {

  margin-top: 10px;

}





/*====================手机站menu2====================*/

.ph-menu2 {

  height: auto;

  padding: 5px;

  background-color: #3399cc;

  overflow: hidden;

}



.ph-menu2 li {

  float: left;

  width: 25%;

  height: auto;

  -webkit-transition-duration: .5s;

  -moz-transition-duration: .5s;

  -ms-transition-duration: .5s;

  -o-transition-duration: .5s;

  transition-duration: .5s;

}



.ph-menu2 li a {

  display: block;

  margin: 2px auto;

  padding: 6px 0px;

  width: 96%;

  font-size: 14px;

  color: #ffffff;

  text-align: center;

  text-decoration: none;

  border: 1px solid #fff;

  border-radius: 5px;

}



/*====================手机站 end menu2====================*/



/* 样式一*/

.style-1 .nav {

  -webkit-transform: translateX(-100%);

  transform: translateX(-100%);

  width: 100%;

  height: 100%;

}



.style-1 .nav--active {

  height: 100%;

}



.style-1 .nav__link {

  opacity: 0;

  -webkit-transition-delay: 500ms;

  transition-delay: 500ms;

}



.style-1 .nav--active .nav__link {

  opacity: 1;

}



.style-1 .nav--active .nav {

  -webkit-transition: all 300ms ease-in-out;

  transition: all 300ms ease-in-out;

  -webkit-transform: translateX(0);

  transform: translateX(0);

}



.style-1 .nav--active .nav__icon {

  background: rgba(0, 0, 0, 0);

}



.style-1 .nav--active .nav__icon:before {

  margin-top: 0;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

}



.style-1 .nav--active .nav__icon:after {

  margin-top: 0;

  -webkit-transform: rotate(-45deg);

  transform: rotate(-45deg);

}



/*====================end手机站menu====================*/

.hy-logo{

  margin-top: 29px;

}

/*====================title====================*/

.h-tit1{

  padding:30px 10px;

}

.h-tit1 h2{

  display: block;

  font-size: 26px;

  color:#3b3b3b;

  text-align: center;

  font-weight: bold;

}

.h-tit1 .line1{

  margin:0 auto;

  margin-top: 10px;

  margin-bottom: 10px;

  width: 58px;

  height: 6px;

  background-color: #ffc422;

}

.h-tit1 p{

  text-align: center;

  font-size: 16px;

  color: #3b3b3b;

}

/*====================middle====================*/





.pt_1 {

  background: #ffffff;

  padding: 8px 0;

  overflow: hidden; }

.pt_1 h3 {

    margin-bottom: 15px; }

.pt_1 .pt_1_box {

    float: left;

    width: 300px;

    border-right: 1px #dfdfdf dashed;

    margin-left: 1%;

    height: 420px;

    padding: 30px 0;

    box-sizing: border-box;

    transition: all .3s;

     }

.pt_1 .pt_1_box a {

      display: block;

      text-align: center; }

.pt_1 .pt_1_box a img {

	    padding-right: 10px;

        padding-top: 22px; }

.pt_1 .pt_1_box h4 {

      border-top: 1px solid #ccc;

      padding: 20px 0;

      margin: 20px; }

 .pt_1 .pt_1_box h4 a {

 	

 	    font-size: 15px;

        float: left;

        width: 140px;

        text-align: left;

        height: 40px;

        line-height: 40px;

        font-weight: normal;

        color: #333333;

	 }

.pt_1 .pt_1_box:hover {

      background: -webkit-radial-gradient(#3399cc, #3399cc);

      background: -o-radial-gradient(#3399cc, #3399cc);

      background: -moz-radial-gradient(#3399cc, #3399cc);

      background: radial-gradient(#3399cc, #3399cc);

      margin-top: -10px; }

      .pt_1 .pt_1_box:hover h4 {

        border-top: 1px solid #fff; }

        .pt_1 .pt_1_box:hover h4 a {

          color: #fff; }

		  

.clear{clear: both;}

		   

.w1300 {

  max-width: 1260px;

  margin: 0 auto; }













/*首页产品分类样式 横着分类*/

.zxdcpfl{ width:300px; margin:0 auto; padding:0px 0px; overflow:hidden; border-top: 1px #ccc solid; margin-top: 5px;}

.zxdcpfl ul{display: inline-block; width:300px; margin: 0 auto; height: auto;margin-top: 26px; color: #FFFFFF; }

.zxdcpfl ul a{color: #FFFFFF;}

.zxdcpfl ul a:hover{color: #FFFFFF;}

.zxdcpfl ul li{ display: inline-block;width: 150px; height: auto; overflow: hidden; display: inline-block;}

.zxdcpfl ul li .zxdcpfl_1 h3 a{ width: 150px; height: 26px; text-align: center; line-height:26px; font-size: 16px; color: #333333;display: block;}

.zxdcpfl ul li .zxdcpfl_1 h3 a:hover{ width:150px; text-align: center; font-size: 16px; color: #FFFFFF; display:block;}











.yimai_03{

	width: 1260px;

	height: 43px;

	margin: 0 auto;

	background: url(../img/yimai_03.jpg) no-repeat;

	margin-top: 20px;

	margin-bottom: 20px;

}



.yimai_03 h2{

	width: 100%;

	font-size: 30px;

	color: #040404;

	font-weight: bold;

	text-align: center;

	line-height:42px;

}







.cp_01bj{

	width: 100%;

	height: 162px;

	background-color: #f9f9f9;

	margin-top: 30px;

}







.cp_01{

	width: 100%;

	height: auto;

	margin: 0 auto;

	padding-top: 30px;

}



.cp_01 h2{

	font-size: 30px;

	color: #040404;

	font-weight: bold;

	text-align: center;

}



.cp_011{

	width: 100%;

	height: auto;

	margin: 0 auto;

	padding-top: 10px;

	font-size: 16px;

	color: #4b4949;

	text-align: center;

}



.cpmore{

	width: 100%;

	margin: 0 auto;

	text-align: center;

	margin-top: 10px;

}





.cp_01bj1{

	width: 100%;

	height: 7px;

	background-color: #3398cc;

}



.cp01left{

	width: 250px;

	height: auto;

	background-color: #3398cc;

	float: left;

	text-align: center;

}



.cp01bai{

	font-size: 25px;

	color: #FFFFFF;

	font-weight: bold;

	text-align: center;

	margin-bottom: 30px;

	margin-top: 20px;

}



.cp01rt{

	width: 990px;

	height: auto;

	float: right;

}



.s_cp01{display: none;}

.s_cp01 h2{display: none;} 



.s_02{display: none;}



.cp_02bj1{

	width: 100%;

	height: 7px;

	background-color: #99cc33;

}



.cp02left{

	width: 250px;

	height: auto;

	background-color: #99cc33;

	float: left;

	text-align: center;

}



.cp_03bj1{

	width: 100%;

	height: 7px;

	background-color: #ffc422;

}



.cp03left{

	width: 250px;

	height: auto;

	background-color: #ffc422;

	float: left;

	text-align: center;

}





/*首页产品分类样式*/

.zcpfl{ width:200px; margin:0 auto; padding: 0px 0px; overflow:hidden; text-align:center; margin-bottom:25px;}

.zcpfl ul{ width: 200px; margin:0 auto;}

.zcpfl ul li{  width: 200px; height: auto; margin:0 auto; margin-top: 15px;}

.zcpfl ul li .zcpfl_1 h3 a{ float: left; width: 200px; height: 44px; line-height:44px; text-align:center;font-size:18px;color: #333333;margin-bottom: 24px; background-color: #ffffff;}

.zcpfl ul li .zcpfl_1 h3 a:hover{ float: left; width: 200px; height: 44px; line-height:44px; text-align:center;font-size:18px; color: #333333;margin-bottom: 24px; background-color: #feb005;}



.hengfu{

	width: 100%;

	height: 265px;

	margin: 0 auto;

	background: url(../img/ym_hengfu.jpg) top center;

	margin-top: 30px;

}

.zzz{

	display: none;

}

.youshi_bj{

	width: 1258px;

	height: 705px;

	background: url(../img/youshi_bj.jpg) no-repeat;

	margin: 0 auto;

	margin-top: 20px;

}



.youshititle{

	width: 100%;

	height: 56px;

	color: #484747;

	font-weight: bold;

	font-size: 33px;

	text-align: center;

	margin-top: 44px;

}



.youshititle1{

	width: 100%;

	height: 30px;

	color: #e70510;

	font-weight: bold;

	font-size: 25px;

	text-align: center;

}



.youshi1{

	width: 66px;

	height: 116px;

	background: url(../img/youshi1.jpg) no-repeat;

	font-size: 30px;

	color: #FFFFFF;

	text-align: center;

	font-weight: bold;

	line-height: 64px;

	float: left;

}



.youshi2rt{

	width: 87%;

	float: left;

	height: auto;

	padding-left: 10px;

}



.youshi2{

	font-size: 18px;

	color: #e91b25;

	font-weight: bold;

	margin-top: 5px;

	float: left;

}



.youshi21{

	font-size: 14px;

	color: #333333;

	line-height: 25px;

	margin-top: 5px;

	float: left;

}

.s-youshi{display: none;}





.gywmbj{

	width: 100%;

	height: auto;

	margin: 0 auto;

	background-color: #3399cc;

	margin-top: 15px;

}



.gywmbj1{

	width: 1260px;

	height: 518px;

	background: url(../img/gywm_bj.jpg) bottom center no-repeat;

	margin: 0 auto;

	

}





.gywmlt{

	width: 830px;

	float: left;

}





.gywmrt{

	width: 416px;

	float: right;

}





.yuan{

	width: 142px;

	height: 142px;

	background: url(../img/yuan.png) no-repeat;

	margin-top: 70px;

	float: left;

	margin-left: 70px;

}



.yuanwz{

	width: 100%;

	height: 38px;

	text-align: center;

	font-size: 32px;

	color: #FFFFFF;

	font-family: impact;

	padding-top: 26px;

	font-weight: bold;

}



.yuanwz1{

	width: 100%;

	height: 38px;

	text-align: center;

	font-size: 20px;

	color: #FFFFFF;

	padding-top: 35px;

	font-weight: bold;

}

.yuanwz1 a{

	text-align: center;

	font-size: 20px;

	color: #FFFFFF;

	font-weight: bold;

}



.yuanwz1 a:hover{

	text-align: center;

	font-size: 20px;

	color: #feb006;

	font-weight: bold;

}









.yuan1{

	width: 142px;

	height: 142px;

	background: url(../img/yuan.png) no-repeat;

	margin-top: 70px;

	float: right;

}



.yuan:hover{

	margin-top: 50px;

	 -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;



}



.yuan1:hover{

	margin-top: 50px;

	 -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;



}



.s-jianjie{

	display: none;

}







.h-gg{

  width: 100%;

  height: 50px;

  background-color: #ededed;

}

.h-gg-l{

  padding-top: 12px;

}

.h-gg-l img{

  float: left;

}

.h-gg-l p{

  display: inline-block;

  float: left;

  font-size: 18px;

  color: #393939;

  line-height: 28px;

  text-indent: 8px;

}

.h-gg-r{

  margin-top: 8px;

  float: right; 

  width: 343px; 

}

.h-input1{

  float: left;

  width: 261px;

  height: 33px;

  border:1px solid #dcdcdc;

  background-color: #fff;

  font-size: 14px;

  color: #666;

  line-height: 31px;

}

.h-input2{

  float: right;

  width: 82px;

  height: 31px;

  background-color: #545454;

  text-align: center;

  font-size: 14px;

  color: #fff;

  line-height: 31px;

}

.pro-tit{

  padding:15px;

  margin-top: 15px;

}

.pro-tit p{

  text-align: center;

  font-size: 25px;

  color: #333332;

  font-weight: bold;

}

.pro-tit .zi1{

  font-size: 25px;

  color: #ffc422;

  font-weight: bold;

}

.pro-tit span{

  display: block;

  margin-top: 5px;

  font-size: 15px;

  color: #333332;

  text-transform: uppercase;

  text-align: center;

}

.proc1{

  height: auto;

  text-align: center;

}



.proc1 a{

  display: inline-block;

  margin-right: 10px;



  margin-bottom:8px;

  width: 205px;

  height: 34px;

  background-color: #ededed;

  font-size: 15px;

  color: #333;

  text-align: center;

  line-height: 34px;

}

.proc1 a:hover{

  background-color: #ffc422;

  color: #313131;

}







.pro01 *{

  -webkit-transition: all 0.5s ease-out; 

  -moz-transition: all 0.5s ease-out; 

  transition: all 0.5s ease-out;

  transition: all 0.3s ease-out;

}

.pro01{

	border: 1px solid #ccc;	  

  -webkit-transition: all 0.5s ease-out; 

  -moz-transition: all 0.5s ease-out; 

  transition: all 0.5s ease-out;

  transition: all 0.3s ease-out;

  padding-bottom:0px;

  position: relative;

  margin-top: 10px;

}



.pro01:hover{

	 -webkit-box-shadow:0 2px 20px rgba(102,102,102,.55);-moz-box-shadow:0 2px 20px rgba(102,102,102,.55);box-shadow:0 2px 20px rgba(102,102,102,.55);

}



.pro01 .tu1{

  width: 100%;

  height: auto;

  overflow: hidden;

  	background-color: #e5e5e5;

	overflow: hidden;

}



.pro01 .tu1 img{

	  width: 100%;

  -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;

}

.pro01:hover .tu1 img{

  -webkit-transform: scale(1.1, 1.1); 

  -moz-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;

}





.pro01 .p1-tit{

  width: 100%;

  height: 57px;

  background-color: #f3f3f3;

  box-sizing: border-box;

}

.pro01:hover .p1-tit{

  background-color: #3398cc;

}



.pro01 .p1-tit a h3{

  display: block;

  padding:17px 10px;

  font-size: 16px;

  color: #333;

  font-weight: bold;

  text-align: center;

}

.pro01:hover .p1-tit a h3{

  color: #fff;

}



.pro01 .p1-tit2{

  position: absolute;

  bottom:0px;

  left:50%;

  width: 0%;

  height: 100%;

  border:0px;

  background: rgba(255,196,34,0.7);

  ilter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2ffc422,endColorstr=#B2ffc422);

  overflow: hidden;

  transition: all 0.3s ease-out;

}

.pro01:hover .p1-tit2{

  width: 100%;

  left:0px;

}

.pro01 .p1-tit2 a h3{

  display: block;

  margin-top: 30%;

  padding:7px 7px;

  font-size: 18px;

  color: #343133;

  font-weight: bold;

  text-align: center;

}

.pro01 .p1-tit2 .more1 a{

  display: block;

  margin:0 auto;

  padding:7px 0px;

  margin-top: 10%;

  width: 70%;

  border:1px solid #000000;

  font-size: 15px;

  color: #333;

  text-align: center;

}









.part1{

  margin-top: 30px;

  padding-bottom: 30px;

  width: 100%;

  height: auto;

  background: url(../img/bg1.jpg) top center no-repeat;

  overflow: hidden;

}

.h-name{

  margin-top: 77px;

  margin-left: 30px;

  width: 270px;

  text-align: center;

}

.h-name .name-w{

  margin-top: 10px;

  padding:10px 0px;

  width: 270px;

  text-align: center;

  border:1px solid #fa9017;

  background: rgba(255,255,255,0.3);

  border-radius: 60px;

}

.h-name .name-w strong{

  font-size: 47px;

  color: #1c1c1c;

  font-weight: bold;

  text-align: center;

}

.h-name .name-w p{

  display: block;

  font-size: 15px;

  color: #1c1c1c;

  text-align: center;

}



.h-about{

  width: 100%;

  height: 290px;

  background: url(../img/bg2.jpg) top right no-repeat;

  background-color: #fff;

}



.h-about-r{

  padding:35px;

  margin-top: 77px;

  height: 290px;

  border-radius: 10px;

  background: url(../img/bg2.jpg) top right no-repeat;

  background-color: #fff;

  overflow: hidden;

}

.h-about-tit{

  width: 100%;

  height: 41px;

  background: url(../img/about-bg1.jpg) bottom center repeat-x;

  overflow: hidden;

}

.h-about-tit h2{

  display: inline-block;

  float: left;

  font-size: 20px;

  color: #4e4e4e;

  font-weight: bold;

}

.h-about-tit a{

  display: block;

  margin-top: 3px;

  float: right;

  width: 68px;

  font-size: 15px;

  color: #404040;

  text-align: right;

}

.h-about-con{

  height: 300px;

  padding:15px 0px;

  font-size: 15px;

  color: #4e4e4e;

  line-height: 190%;

  overflow: hidden;

}

.h-about-con p,

.h-about-con p a,

.h-about-con a{

  font-size: 15px;

  color: #FFFFFF;

  line-height: 190%;

}

.fw-tit{

  padding-bottom: 22px;

  margin-top: 35px;

  width: 100%;

  border-bottom: 5px solid #1b1b1b;

}

.fw-tit h2{

  display: inline-block;

  float: left;

  font-size: 37px;

  color: #404040;

  font-weight: bold;

}

.fw-tit p{

  display: inline-block;

  text-indent: 15px;

  font-size: 23px;

  color: #404040;

  line-height: 40px;

}

.fw-proc{

  width: 101%;

  margin-top: 18px;

}

.fw-proc p{

  display: block;

  float: left;

  margin-right: 12px;

  margin-bottom: 12px;

  width: 195px;

  height: 38px;

  border:1px solid #aaaaaa;

  background-color: #1b1b1b;

  font-size: 17px;

  color: #fff;

  text-align: center;

  line-height: 35px;

  border-radius: 20px;

  transition: all 0.3s ease-out;

}

.fw-proc p:hover{

  background-color: #ffc422;

  border:1px solid #fff;

  color: #333;

}

.case-bg{

  margin-top:20px;

  padding:54px;

  border-radius: 10px;

  box-shadow: 0px 0px 20px #ececec;

  background-color: #fff;

  overflow: hidden;

}

.case-tit{

  width: 100%;

}

.case-tit img{

  margin-top:2px;

  display: inline-block;

  float: left;

}

.case-tit h2{

  display: inline-block;

  float: left;

  font-size: 20px;

  color: #1b1b1b;

}

.case-tit a{

  display: inline-block;

  float: right;

  width: 88px;

  height: 26px;

  border:1px solid #dcdcdc;

  font-size: 14px;

  color: #404040;

  text-align: center;

  line-height: 24px;

  transition: all 0.3s ease-out;

}

.case-tit:hover a{

  background-color: #ffc422;

  color:#333;

}

.case-zi{

  padding:30px 10px;

  font-size: 18px;

  color: #616161;

  text-align: center;

  line-height: 200%;

}

.case-zi p{

  font-size: 18px;

  color: #616161;

  text-align: center;

  line-height: 200%;

}

.case{

  margin-bottom: 20px;

  position: relative;

  width: 100%;

  height: auto;

  overflow: hidden;

}



.case img{

  width: 100%;

}

.case .uptu{

  position: absolute;

  top:100%;

  left:0%;

  z-index: 10;

  width: 100%;

  height: 100%;

  background: url(../img/al_diwen.png) repeat;

  ilter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);

  transition: all 0.3s ease-out;

}

.case:hover .uptu{

  top:0px;

  left:0px;

  width: 100%;

  height: 100%;

  border-radius: 0px;

}

.case .case1-tit{

  position: absolute;

  top:-50%;

  left:0px;

  z-index: 100;

  width: 100%;

  padding:0px 15px;

  opacity: 0;

  transition: all 0.5s ease-out;

}

.case:hover .case1-tit{

  opacity: 1;

  top:40%;

}

.case .case1-tit a h3{

  display: block;

  margin:0 auto;

  width: 90%;

  padding:10px;

  font-size: 17px;

  color: #333;

  background-color:#99cc33;

  text-align: center;

  border-radius: 10px;

}

.ys-bg{

  width: 100%;

  height: 809px;

  background: url(../img/ys-bg.jpg) top center no-repeat;

  overflow: hidden;

}

.ys-1-mt{

  margin-top: 45px;

}

.ys-2-mt{

  padding-left: 40px;

  margin-top: 50px;

}

.ys-3-mt{

  padding-right: 40px;

  margin-top: 50px;

}

.ys-4-mt{

  padding-right: 7px;

  margin-top: 44px;

}

.ys-5-mt{

  margin-top: 16px;

}

.ys-6-mt{

  padding-left: 40px;

  margin-top: 20px;

}

.ys-7-mt{

  padding-right: 40px;

  margin-top: 20px;

}

.ys-8-mt{

  margin-top: 15px;

}

.ysc{

  width: 100%;

  height: auto;

  overflow: hidden;

}

.ysc h3{

  display: block;

  font-size: 29px;

  color: #fff222;

  font-weight: bold;

  text-align: center;

}

.ysc p{

  display: block;

  margin-top: 22px;

  font-size: 17px;

  color: #fff;

  text-align: center;

  line-height: 160%;

}

.ysl{

  width: 100%;

  height: auto;

  overflow: hidden;

}

.ysl h3{

  display: block;

  font-size: 29px;

  color: #fff222;

  font-weight: bold;

}

.ysl p{

  display: block;

  margin-top: 22px;

  font-size: 17px;

  color: #fff;

  line-height: 160%;

}

.ysr{

  width: 100%;

  height: auto;

  overflow: hidden;

}

.ysr h3{

  display: block;

  font-size: 29px;

  color: #fff222;

  font-weight: bold;

  text-align: right;

}

.ysr p{

  display: block;

  margin-top: 22px;

  font-size: 17px;

  color: #fff;

  line-height: 160%;

  text-align: right;

}

.ys2-bg{

  padding:34px 0px;

  width: 100%;

  background-color: #ffc422;

}

.jiantu-1{

  padding:5px 10px;

  margin-left: 3%;

  width: 90%;

  font-size: 26px;

  color: #3b3b3b;

  text-align: center;

  border:1px solid #3b3b3b;

  font-weight: bold;

}

.jiantu-2{

  margin-top: 10px;

  font-size: 22px;

  color: #3b3b3b;

  text-indent: 7%;

}

.jiantu-3{

  font-size: 30px;

  color: #3b3b3b;

  font-weight: bold;

}

.jiantu-4{

  margin-top: 5px;

  font-size: 22px;

  color: #3b3b3b;

  font-weight: bold;

}

.news-bg{

  background-color: #f9f9f9;

  padding:40px 0px;

}



.news01{

  margin:15px 0px;

  padding-bottom: 40px;

  border:1px solid #e5e5e5;

  box-sizing: border-box;

  background-color: #fff;

  overflow: hidden;

  transition: all 0.3s ease-out;

}

.news01:hover{

  margin-top: 5px;

  margin-bottom: 25px;

  box-shadow: 0px 0px 20px #7b7b7a;

}

.news01 img{

  width: 100%;

}

.news01 .n1-nr{

  padding:27px 27px 0px 27px;

}

.news01 .n1-nr a h3{

  display: block;

  width: 100%;

  height: 50px;

  font-size: 17px;

  color: #3b3b3b;

  font-weight: bold;

  overflow: hidden;

  line-height: 160%;

}

.news01 .n1-nr p{

  display: block;

  margin-top: 20px;

  width: 100%;

  height: 60px;

  font-size: 14px;

  color: #3b3b3b;

  line-height: 155%;

  overflow: hidden;

}

.news01 .n1-nr .more1 a{

  margin-top: 20px;

  display: block;

  padding:5px 0px;

  width: 50%;

  border:1px solid #ffc515;

  background-color: #fed542;

  font-size: 14px;

  color: #3b3b3b;

  text-align: center;

}

.mini-tit{

  text-align: center;

}



/*====================end middle====================*/

/*====================foot====================*/

.foot-bg{

  padding: 57px 0px 10px 0px;

  width: 100%;

  height: auto;

  background-color: #1f1f1f;

}

.foot-tit{

  margin-bottom: 20px;

  height: 26px;

  width: 100%;

  border-left:3px solid #ffc422;

}

.foot-tit h3{

  display: inline-block;

  float: left;

  text-indent: 15px;

  font-size: 17px;

  color: #fff;

  line-height: 24px;

}

.foot-proc{

  width: 100%;

}

.foot-proc a{

  display: block;

  padding-bottom: 7px;

  width: 100%;

  font-size: 15px;

  color: #cfcfcf;

}

.foot-menu{

  width: 100%;

}

.foot-menu a{

  display: block;

  padding-bottom: 7px;

  float: left;

  width: 50%;

  font-size: 15px;

  color: #cfcfcf;

}

.foot-phone{

  width: 100%;

  height: 34px;

}

.foot-phone img{

  display: inline-block;

  float: left;

}

.foot-phone p{

  display: inline-block;

  float: left;

  font-size: 26px;

  color: #fff;

  text-indent: 10px;

}

.foot-ewm{

  width: 113px;

  margin-top: 15px;

}

.foot-ewm img{

  text-align: center;

}

.foot-ewm p{

  margin-top: 10px;

  text-align: center;

  font-size: 15px;

  color: #ffffff;

}

.foot-cont{

  margin-top: 15px;

}

.foot-cont a,

.foot-cont p,

.foot-cont p a{

  font-size: 15px;

  color: #fff;

  line-height: 170%;

}

.foot-bq{

  margin-top: 15px;

  border-top:1px solid #363636;

  padding:10px 0px;

  text-align: center;

  color: #fff;

}

.foot-bq p,

.foot-bq p a{

  text-align: center;

  font-size: 15px;

  color: #fff;

}



/*====================PC====================*/

@media only screen and (max-width: 1260px){

  #w-1260{width:100%;}

  #w-1260-1{width:100%;}

  /*top*/

  .top-tit1-1 img{width:100%;}

  .top-tit1-2{left:0px;}

  .h-m1-tit img{width: 100%;}

  /*video*/

  .h-video-con li p{font-size: 18px;}

.s_cp01{display: none;}

.s_cp01 h2{display: none;} 



.zzz{display: none;} 

  

}



/*====================992====================*/

@media only screen and (max-width: 992px and min-width: 768){

  #w-1260{width:100%;}

  #w-1260-1{width:100%;}

  .padding15-8{padding:8px;}

  /*产品及分类*/



  .h-gg{padding:10px;height: auto;}

  .h-gg-l {padding-top: 3px;}

  

  .h-gg-r{margin-top: 0px;}

  .h-input1{width: 76%;}

  .s_cp01{display: none;}

.s_cp01 h2{display: none;} 

.youshi_bj{display:none;}



.zzz{display: none;} 







}





/*====================手机====================*/

@media only screen and (max-width: 768px){

  #w-1260{width:100%;}

  #w-1260-1{width:100%;}

  .padding-5-xs{

    padding:0px 5px;

  }

.sjfenlei{

	width: 100%;

	height: auto;

	margin: 0 auto;

	display: block;

}

 .top_bj{display: none;}

.hengfu{display: none;}

.zzz{

	width: 100%;

	height: auto;

	margin: 0 auto;

	display: block;

}





.s_cp01{

	width: 100%;

	height: auto;

	margin: 0 auto;

	display: block;

	margin-top: 30px;

}



.s_cp01 h2{

	font-size: 20px;

	font-weight: bold;

	display: block;

	text-align: center;

	

}



.s_cp011{

	width: 50px;

	border-bottom: 3px #127fb2 solid;

	margin: 0 auto;

	margin-top: 10px;

	

}



.s_02{

	width: 100%;

	height: auto;

	margin: 0 auto;

    display: block;

    margin-top: 20px;

}

.youshi_bj{display:none;}

.s-youshi{

	width: 90%;

	height: auto;

	margin: 0 auto;

	display: block;

}

.youshititle{

	width: 100%;

	height: 30px;

	color: #484747;

	font-weight: bold;

	font-size: 18px;

	text-align: center;

	margin-top: 44px;

}



.youshititle1{

	width: 100%;

	height: 36px;

	color: #e70510;

	font-weight: bold;

	font-size: 16px;

	text-align: center;

	margin-top: 15px;

	margin-bottom: 20px;

	border-bottom: 1px #e0e0e0 solid;

}



.youshi2rt{

	width: 67%;

	float: left;

	height: auto;

	padding-left: 10px;

}

.gywmbj{display: none;}





.s-jianjie{

	width: 100%;

	height: auto;

	background: url(../img/gywm_bj.jpg);

	margin: 0 auto;

	display: block;

}



.s-jianjie1{

	width: 95%;

	height: auto;

	margin: 0 auto;

	display: block;

}





.toptitle h1{ font-size:23px; font-weight:bold;color:#131313; height: 20px;} 

.toptitleyw{ font-size:13px;color:#131313; height: 24px; margin-top: 15px; float: left;}

.topleft{ width:100%; float:left; height: auto; margin-top: 10px; margin-bottom: 14px;}

































  .h-input1 {width: 72%;}

  .h-gg-r {padding-top: 10px;float: none;width: 100%;overflow: hidden;}

  .h-input2{margin-top: 1px;}

  .pro-tit p{font-size: 20px;}

  .proc1 a{width: 45%;}

  .h-about-r{height: auto;background: none;background-color: #fff;}

  .h-about-tit{text-align: center;}

  .h-about-tit h2{display: block;text-align: center; float: none;}

  .part1{padding-top: 0px; padding-bottom: 0px;}

  .h-name{ margin:0 auto;margin-top: 28px;}

  .pro01 .p1-tit{

    width: 100%;

    height: 69px;

    background-color: #f3f3f3;

    box-sizing: border-box;

}

.pro01:hover .p1-tit{

  background-color: #3398cc;

}

  .pro01 .p1-tit a h3{font-size: 15px;}

  .pro01 .p1-tit2 a h3{font-size: 15px;}

  .h-about-r{width: 95%;margin:0 auto;margin-top: 15px; }

  .fw-tit{width: 80%;margin:0 auto; overflow: hidden;}

  .fw-tit h2{font-size: 26px; padding-top: 15px;}

  .fw-proc{text-align: center; width: 100%; padding-left: 3%;}

  .fw-proc p{display: inline-block; margin-right: 1%; margin-left: 1%; width: 45%; height: 32px; line-height: 30px;}

  .case-bg{padding:15px;}

  .case:hover .case1-tit{top:20%;}

  .case .case1-tit a h3{font-size: 14px;}

  .jiantu-1{font-size: 20px;}

  .jiantu-2{font-size: 16px;}

  .jiantu-3{font-size: 20px; text-align: center;}

  .jiantu-4{font-size: 16px; text-align: center;}

  .news-bg{padding:0px;}

  .foot-ewm{margin:0 auto; margin-top: 15px;}

  .mini-tit img{width: 100%;}

  .h-gg{padding:15px; height: auto;}

  .foot-bg{padding-bottom: 78px;}



}





.part-cpfl2{ padding-bottom:30px; width: 1260px; margin: 0px auto;  }

.part-cpfl2 ul{ width: 1260px; text-align: center; }

.part-cpfl2 ul li{ 

  position: relative;

  display: inline-block;

  margin:0px 5px;

  width: 205px; height: 40px;

  text-align: center; line-height: 40px; }



.part-cpfl2 ul li a{

  display: inline-block;

  width: 205px; height: 40px;

 color: #ffffff; 

 font-size: 17px; 

 font-weight:normal;

  background-color: #313131;

  color: #ffffff;

    border-radius: 6px;

  transition: all 0.3s ease-out;

  }







.part-cpfl2 ul li .seclist{ 

  display: none;

 }

.part-cpfl2 ul li:hover .seclist{ 

  z-index: 99999;

  position: absolute;

  top: 40px;

  display: block;

 }



.part-cpfl2 ul li .seclist a{ 

  display: block;

  text-align: center;

  border-bottom: 2px solid #FFFFFF;

  background: #3398cc !important;

  font-size: 15px;

  transition: 0.2s all ease;

 }



.part-cpfl2 ul li .seclist a:hover{ 

  display: block;

  text-align: center;

  border-bottom: 2px solid #FFFFFF;

  background: #99cc33 !important;

  font-size: 15px;

 }





.part-cpfl2 ul li:hover a{

  background:#454545;

  color: #ffffff; }