/* CSS Document */
/*qt：sjh*/
*{ padding:0; margin:0;outline:none !important;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;}
html{ overflow-x:hidden; overflow-y:auto;}
ul, ol,li{ list-style-type:none; line-height:normal;}
body, button, input, select, textarea{ font-family:'Microsoft yahei' ,Arial; font-size:12px;}
body{ float:left; width:100%; position:relative; overflow: hidden;}
code, kbd, pre, samp {font-family:'Microsoft yahei' ,Arial;}
a{ text-decoration:none; color:#333;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;
/*清除IOS系统点击默认事件*/
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;}
a:hover{color:#333; cursor:pointer;}
img{border:0; max-width:100%;}
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{margin:0; font-weight:normal; font-family:'Microsoft yahei' ,Arial;}
h1{font-size: 32px;}
h2{font-size: 24px;}
h3{font-size: 22px;}
h4{font-size: 18px;}
h5{font-size: 14px;}
h6{font-size: 12px;}
input,table,tr,td{ margin:0; padding:0; border:none;}
i,em{font-style: normal;}
button,table{ border:none; background:none; margin:0; padding:0;}
select{ margin:0; padding:0; font-family:'Microsoft yahei' ,Arial;}
textarea{ resize:none;}
input{ outline:0;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block;}

.pz_top{ float:left; width:100%;}
.pz_banner{ float:left; width:100%; overflow:hidden; position:relative;}
.pz_main{ float:left; width:100%;}
.pz_down{ float:left; width:100%;}


/*pc版头部*/
.top1{position: relative; width:100%; height:90px; left:0; top:0;  z-index:1010;}

.homeTop{float: left; width: 100%; position: relative;}
.homeTop .logo{position: absolute; left: 50%; top: 0; width: 163px; z-index: 99; margin-left: -82px;
 -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
         box-shadow: 1px 1px 10px rgba(0,0,0,.2);}
.homeTop .logo a{float: left; width: 100%; display: block;}
.homeTop .logo img{float: left; display: block; width: 100%;}
.homeTop .homeTop_1{float: left; width: 100%; background: #333; line-height: 40px; height: 40px; color: #fff; font-size: 12px;}
.homeTop .homeTop_1 .welcome{float: left; width: 40%; line-height: 40px; height: 40px; color: #fff;}
.homeTop .homeTop_1 .topLink{float: right;}
.homeTop .homeTop_1 .topLink a{padding: 0 24px; color: #fff; }
.homeTop .homeTop_1 .topLink a:hover{color: #e90111;}
.homeTop .homeTop_1 .topLink a:last-child{padding: 0 0 0 24px;}
.homeTop .homeTop_2{float: left; width: 100%; padding: 25px 0 17px 0; background: #fff;}
.homeTop .homeTop_2 .homeTopAd{float: left; max-width: 40%;}
.homeTop .homeTop_2 .homeTopAd h4{float: left; padding-right: 10px; position: relative; font-size: 24px; color: #e90111; font-weight: bold; line-height: 34px; height: 34px;}
.homeTop .homeTop_2 .homeTopAd h4::after{position: absolute; left: 100%; top: 50%; width: 207px; height: 1px; background: url(images/topbg01.png) no-repeat; content: "";}
.homeTop .homeTop_2 .homeTopAd span{float: left; width: 100%; padding-left: 86px; position: relative; line-height: 24px; display: inline-block; height: 24px;  color: #333; font-size: 16px;} 
.homeTop .homeTop_2 .homeTopAd span::after{ position: absolute; content: ""; width: 80px; height: 1px; background: url(images/topbg02.png) no-repeat; left: 0; top: 50%;} 
.homeTop .homeTop_2 .homeTopCont{float: right; padding-left: 35px; margin-top: 5px; background: url(images/toptel_bg.png) no-repeat; width: 25%;}
.homeTop .homeTop_2 .tel{float: left; padding: 0 20px; width: 50%;}
.homeTop .homeTop_2 .tel h4{float: left; line-height:20px; height: 20px; font-size: 14px; color: #666; }
.homeTop .homeTop_2 .tel .span{float: left; line-height:19px; height: 19px; font-size: 18px; color: #e90111; font-weight: bold; font-family: Arial;}
.homeTop .homeTop_2 .tel.tel2{padding: 0 0 0 20px; border-left: 1px solid #e90111;}

.menu{ float:left; width: 100%; background: #e90111; position: relative; z-index: 99;}
.menu .nli{ float:left; z-index:15; padding:0 44px;}
.menu .nli span a{ display:block; float:left; font-size:16px; height:50px; line-height:50px; padding:0 1px; color:#fff; position:relative;}
.menu .nli span a::after{display:block; position:absolute; left:50%; bottom:0; width:0; height:2px; background:#fff; content: "";
-webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);  
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
.menu .nli span a:hover::after,
.menu .nli.on span a::after{width:100%;}
.menu .sub{position:absolute; width:100%; left:0; top: 100%; display:none; overflow:hidden; background: #f1f1f1; padding: 15px 0;}
.menu .sub .subUl{float: left; width: 100%; }
.menu .sub .li2{ float:left; padding-right: 48px; }
.menu .sub .li2 a{ display:block; float:left; height:50px; line-height:50px; color:#666; font-size:16px;}
.menu .sub .li2:hover a{color:#e90111;}

@media  screen and (max-width:1429px){
  .homeTop .homeTop_2 .homeTopCont{width: 30%;}
  .menu .nli{ padding:0 32px;}
}



/*phone版头部*/
.top2{ position:fixed; left:0; top:0; width:100%; height:80px; background:#fff; z-index:1030;}
.top2.active{
-webkit-box-shadow: 0 2px 6px #aaa;
   -moz-box-shadow: 0 2px 6px #aaa;
     -o-box-shadow: 0 2px 6px #aaa;
        box-shadow: 0 2px 6px #aaa;}
.top2 .logo{ float:left; width:110px; margin:0;}

/*手机按钮*/
.menuph{ position:absolute; top:15px; right:15px; cursor:pointer; width:50px; height:50px; background:#e90111; text-align:center;}
.menuph .point{ display:inline-block; width:28px; height:22px; margin-top:14px; position:relative;}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before{ width:28px;}
.menuph .navbtn{ position:absolute; top:10px; right:0; display:inline-block; width:21px; height:1px; background:#fff;
-webkit-transition: all .3s ease-out 0s;
	 -moz-transition: all .3s ease-out 0s;
	  -ms-transition: all .3s ease-out 0s;
	   -o-transition: all .3s ease-out 0s;
	      transition: all .3s ease-out 0s;}
.menuph .navbtn::after,
.menuph .navbtn::before{ content:''; position:absolute; right:0; display:inline-block; width:28px; height:1px; background:#fff;
-webkit-transition: all .3s ease-out 0s;
	 -moz-transition: all .3s ease-out 0s;
	  -ms-transition: all .3s ease-out 0s;
	   -o-transition: all .3s ease-out 0s;
	      transition: all .3s ease-out 0s;}
.menuph .navbtn::after{ top:-11px;}
.menuph .navbtn::before{ top:10px;}
.menuph .point.active .navbtn{ background:transparent;}
.menuph .point.active .navbtn::after{	top:0px;
-webkit-transform: rotate(45deg);
	 -moz-transform: rotate(45deg);
	  -ms-transform: rotate(45deg);
	   -o-transform: rotate(45deg);
	      transform: rotate(45deg);}
.menuph .point.active .navbtn::before{ top:0px;
-webkit-transform: rotate(-45deg);
	 -moz-transform: rotate(-45deg);
	  -ms-transform: rotate(-45deg);
	   -o-transform: rotate(-45deg);
	      transform: rotate(-45deg);}

@media  screen and (max-width:767px){
.top2{height:50px;}
  .top2 .logo{width: 65px;}
.top2 .menuph{ top:5px; right:15px; width:40px; height:40px;}
.top2 .menuph .point{ width:22px; height:19px; margin-top:10px;}
.top2 .menuph .point:hover .navbtn,
.top2 .menuph .point:hover .navbtn::after,
.top2 .menuph .point:hover .navbtn::before{ width:22px;}
.top2 .menuph .navbtn{ top:9px; width:16px; }
.top2 .menuph .navbtn::after,
.top2 .menuph .navbtn::before{	width:22px;}
.top2 .menuph .navbtn::after{ top:-9px;}
.top2 .menuph .navbtn::before{ top:9px;}
}


/*手机下拉*/
.xialaph{ position:fixed; top:80px; left:0; width:100%; max-height:100%; overflow-y:auto; background:url(images/bg_nav.png);display:none; z-index:1049;}
.xialaph .ul1{ padding-bottom:50px;border-top: 1px solid #fff;}
.xialaph li{border-bottom: 1px solid #fff;padding: 0 15px;}
.xialaph .ul2,
.xialaph .ul3{ display:none;border-top: 1px solid #fff; position:relative;}
.xialaph .ul2 > li:last-child{border-bottom: 0 none;}
.xialaph .ul3 > li:last-child{border-bottom: 0 none;}
.xialaph h4 a{color:#333; font-size:16px; font-weight:bold; line-height:62px;}
.xialaph h5 a{color:#333; font-size:16px; line-height:57px;}
.xialaph h4,
.xialaph h5{position:relative;}
.xialaph h4 i,
.xialaph h5 i{display: block;position: absolute;right: 0;top: 50%;margin-top: -9px; width: 12px;height: 12px;border-bottom: 2px solid #333;border-right: 2px solid #333;
-webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
        transform: rotate(45deg);
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s;
	  -ms-transition: all 0.2s ease-out 0s;
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
.xialaph h4.active i,
.xialaph h5.active i{margin-top: -3px;
-webkit-transform: rotate(-135deg);
   -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
     -o-transform: rotate(-135deg);
        transform: rotate(-135deg);}
.xialaph .ul2{padding: 10px 0;}
.xialaph .ul3{padding: 5px 0;}
.xialaph .ul3 li a{ color:#666; font-size:14px; line-height:35px; display:block;}
.xialaph .ul3 li{ padding-top:5px;}
.xialaph .phsou{ position:relative; margin-top:30px;}
.xialaph .phsou input{ width:100%; height:56px; background-color:#fff; color:#aaa; font-size:14px; padding-left:20px; border:1px solid #e5e5e5;}
.xialaph .phsou img{ cursor:pointer; width:21px; height:22px; position:absolute; top:17px; right:29px;}
.xialaph .try{ text-align:center; padding:30px 0 0 0;}
.xialaph .try a{ display:inline-block; width:120px; background:#80b63b; font-size:16px; color:#fff; line-height:50px;}

.phonemeng{ position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.6; z-index:196; display:none;}

@media  screen and (max-width:767px){
.xialaph{ top:50px;}
.xialaph h4 a{ font-size:14px; line-height:42px;}
.xialaph h5 a{ color:#333; font-size:14px; line-height:38px;}
.xialaph h4 i,
.xialaph h5 i{margin-top: -6px; width: 8px;height: 8px;border-bottom: 1px solid #333;border-right: 1px solid #333;}
.xialaph h4.active i,
.xialaph h5.active i{margin-top: -2px;}
.xialaph .ul3 li a{ color:#666; font-size:12px; line-height:30px; display:block;}
.xialaph .ul3 li{ padding-top:5px;}
}

/*banner*/
.slide_banner{ margin:0; position: relative; overflow: hidden;}
.slide_banner .slick-slide{ width:100%; padding:0;}
.slide_banner .banBg{ width:100%; display: block; position: absolute; left: 50%; top: 50%;min-height: 100%;
-webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);}
.slide_banner .banBg.active{position:relative; left:auto; top:auto; min-height:100%; display:block; width:100%; float:left;
-webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
        transform: translate(0, 0);

}
.slide_banner ul{float: left; width: 100%; position: relative; z-index: 9;}
.slide_banner ul li{float: left; width: 33.333333%; text-align: center;}
.slide_banner ul li a{float: left; width: 100%; display: block; padding: 68px 0 112px 0; position: relative;}
.slide_banner ul li a::after{position: absolute; right: 0; top: 50%; background: #9d9d9d; width: 1px; margin-top: -150px; height: 300px; content: "";}
.slide_banner ul li:last-child a::after{display: none;}
.slide_banner ul li a img{float: left; width: 100%; display: block;}
.slide_banner ul li a .banBtn{display: inline-block; *display: inline; *zoom:1; vertical-align: top; min-width: 142px; padding: 0 15px; border: 1px solid #e70111; font-size: 18px; color: #e70111; line-height: 38px; height: 40px; text-align: center;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s;
	  -ms-transition: all 0.2s ease-out 0s;
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;margin-top:15px}
.slide_banner ul li a:hover{background: #e70111;}
.slide_banner ul li a:hover .banBtn{background: #fff;}



.slide_banner .slick-prev,
.slide_banner .slick-next{position:absolute; width:56px; height:79px; left:45px; top:50%; z-index:2; background: rgba(0,0,0,.2) url(images/ban_left.png) no-repeat; cursor:pointer; 
 -webkit-border-radius:5px; 
    -moz-border-radius:5px;
         border-radius:5px;}
.slide_banner .slick-next{ right:45px; left: auto; background:rgba(0,0,0,.2)  url(images/ban_right.png) no-repeat;}
.slide_banner .slick-next:hover,
.slide_banner .slick-prev:hover{background-color: rgba(0,0,0,.4);}

.slide_banner .slick-dots{width: auto; bottom:30px; height:2px; left: 50%;
-webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0); }
.slide_banner .slick-dots li{ float: left; width:40px; height:2px; margin:0 10px; background: #adaeae;}
.slide_banner .slick-dots li button{ display:none;}
.slide_banner .slick-dots li.slick-active{background:#e90111;}
@media  screen and (max-width:1199px){
  .slide_banner{margin-top: 80px;}
  .slide_banner ul li a::after{margin-top: -100px; height: 200px; content: "";}
  .slide_banner ul li a .banBtn{min-width: 102px; padding: 0 12px; font-size: 14px; line-height: 32px; height: 34px; }
}
@media  screen and (max-width:767px){
.slide_banner{margin-top: 50px;}
.slide_banner .slick-next,
.slide_banner .slick-prev{ left:15px; width:30px; height:48px; background-size: 30px 48px;} 
.slide_banner .slick-next{left: auto; right: 15px;}
.slide_banner .slick-dots{ bottom:10px; }
.slide_banner .slick-dots li{ width:10px; height:2px; margin:0 4px; }	
  .slide_banner ul li a{ padding: 40px 0;}
  .slide_banner ul li a::after{margin-top: -50px; height: 100px;}
  .slide_banner ul li a .banBtn{border: 0; line-height: 18px; height: auto;font-size: 12px;min-width:inherit; padding: 0 2px;}  
  
}

/* 内页banner */
.ny_ban{float: left; width: 100%; position: relative;}
.ny_ban img{float: left; width: 100%; display: block;}
.ny_ban .ny_banTit{ position: absolute; left: 0; top:50%; width: 100%;
-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);}
.ny_ban .ny_banTit h2{float: left; width: 100%; font-size: 50px; font-weight: bold; color: #fff; line-height: 72px; height: 72px;}
.ny_ban .ny_banTit h4{float: left; width: 100%; font-size: 30px; color: #fff; line-height: 60px; height: 60px; text-transform: uppercase;}
@media  screen and (max-width:1199px){
  .ny_ban{margin-top: 80px;}
  .ny_ban .ny_banTit h2{font-size: 40px; line-height: 42px; height: 42px;}
  .ny_ban .ny_banTit h4{ font-size:22px;line-height: 30px; height: 30px;}
}
@media  screen and (max-width:767px){
.ny_ban{margin-top: 50px;}
 .ny_ban .ny_banTit h2{font-size: 18px; line-height: 30px; height: 30px;}
  .ny_ban .ny_banTit h4{ font-size:12px;line-height: 22px; height: 22px;}
}


/*main*/
.homeAbout{float: left; width: 100%; padding: 60px 0;}
.homeAbout .homeAboVideo{float: left; width: 49.142857%; position: relative;}
.homeAbout .homeAboVideo::after{position: absolute; left: 4px; bottom: 0; width: 100%; height: 4px; background: url(images/habout02.png) no-repeat left; content: "";}
.homeAbout .homeAboVideo a{float: left; width: 100%;  padding-left: 28px; display: block; position: relative;}
.homeAbout .homeAboVideo a::before{position: absolute; left: 0; bottom: 0; content: ""; width: 4px; height: 44.31%; background: #e90111;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
.homeAbout .homeAboVideo_m{float: left; width: 100%; padding-bottom: 56.3636%; position: relative; background: #000;}
.homeAbout .homeAboVideo_m::after{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.7);content: ""; z-index: 9;}
.homeAbout .homeAboVideo_m img{position: absolute; left: 0; top: 50%; width: 100%; min-height: 100%; display: block; z-index: 8;
-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);}
.homeAbout .homeAboVideo_m i{position: absolute; left:50%; top: 50%; width: 70px; height: 70px; background: url(images/play.png) no-repeat; background-size: 100%; display: block; margin-top: -35px; margin-left: -35px; z-index: 10;}
.homeAbout .homeAboVideo .videoTit{float: left; width: 100%; line-height: 65px; height: 65px; font-size: 18px; color: #333;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
.homeAbout .homeAboVideo a:hover::before{height: 70%;}
.homeAbout .homeAboVideo a:hover .videoTit{color: #e90111;}
.homeAbout .homeAbout_m{float: right; width: 49.142857%; }
.homeAbout .homeAbout_m .homeAboutTit{float: left; width: 100%; padding-left: 15px; line-height: 52px; height: 52px; font-size: 32px; color: #333; position: relative;}
.homeAbout .homeAbout_m .homeAboutTit::before{position: absolute; left: 0; top: 50%; height: 32px; background: #e90111; width: 4px; margin-top: -16px; content: "";}
.homeAbout .homeAbout_m .homeAboutTit span{color: #e90111; font-weight: bold;}
.homeAbout .homeAbout_m .homeAboutCon{float: left; width: 100%; line-height: 32px; height: 128px; font-size: 16px; margin-top: 5px; overflow: hidden;}
.homeAbout .homeAbout_m .homeAboutMore{float: left; width: 132px; height: 36px; font-size: 14px; color: #666; line-height: 34px; border: 1px solid #ccc; text-align: center; display: block; margin-top: 22px;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
.homeAbout .homeAbout_m .homeAboutMore:hover{border-color: #e90111; color: #e90111;}
.homeAbout .homeAbout_m .homeAboutData{float: left; width: 100%; background: #f9f9f9; padding: 46px 30px 34px 30px; margin-top: 38px;}
.homeAbout .homeAbout_m .homeAboutData ul{float: left; width: 100%;}
.homeAbout .homeAbout_m .homeAboutData ul li{float: left; width: 33.333333%; text-align: center;}
.homeAbout .homeAbout_m .homeAboutData ul li h4{float: left; width: 100%; font-size: 48px; line-height: 48px; height: 48px; color: #e90111; font-family: Arial;}
.homeAbout .homeAbout_m .homeAboutData ul li h4 span{font-size: 14px; }
.homeAbout .homeAbout_m .homeAboutData ul li h5{float: left; width: 100%; display: block; font-size: 16px;  line-height: 35px; height: 35px;}

@media  screen and (max-width:1199px){
  .homeAbout .homeAboVideo .videoTit{font-size: 16px;}
  .homeAbout .homeAbout_m .homeAboutTit{ padding-left: 15px; line-height: 42px; height: 42px; font-size: 24px; }
  .homeAbout .homeAbout_m .homeAboutCon{line-height: 28px; height: 112px; font-size: 14px;}
  .homeAbout .homeAbout_m .homeAboutData{ padding: 25px 20px ; margin-top: 20px;}
  .homeAbout .homeAbout_m .homeAboutData ul li h4{font-size: 38px; line-height: 38px; height: 38px; }
  .homeAbout .homeAbout_m .homeAboutData ul li h5{font-size: 14px;  line-height: 25px; height: 25px;}
}
@media  screen and (max-width:991px){
  .homeAbout{padding: 40px 0;}
  .homeAbout .homeAboVideo{width:100%;}
  .homeAbout .homeAboVideo a{padding: 0 20px;}
  .homeAbout .homeAboVideo .videoTit{font-size: 14px; line-height: 44px; height: 44px;}
  .homeAbout .homeAbout_m{margin-top: 20px; width: 100%;}
}
@media  screen and (max-width:767px){
  .homeAbout{padding: 30px 0;}
  .homeAbout .homeAboVideo a{padding: 0 15px;}
  .homeAbout .homeAboVideo .videoTit{font-size: 14px; line-height: 40px; height: 40px;}
  .homeAbout .homeAboVideo_m i{width: 50px; height: 50px; margin-top: -25px; margin-left: -25px;}
  .homeAbout .homeAbout_m{margin-top: 15px;}
  .homeAbout .homeAbout_m .homeAboutTit{ padding-left: 10px; line-height: 32px; height: 32px; font-size: 18px; }
  .homeAbout .homeAbout_m .homeAboutTit::before{height: 24px; margin-top: -12px; width: 2px;}
  .homeAbout .homeAbout_m .homeAboutCon{line-height: 26px; height: auto; font-size: 14px;}
  .homeAbout .homeAbout_m .homeAboutMore{width: 100px; height: 32px; line-height: 30px;  margin-top: 15px; font-size: 12px;}
  .homeAbout .homeAbout_m .homeAboutData{ padding: 20px 0 ; margin-top: 15px;}
  .homeAbout .homeAbout_m .homeAboutData ul li h4{font-size: 18px; line-height: 20px; height: 20px; }
  .homeAbout .homeAbout_m .homeAboutData ul li h4 span{font-size: 12px;}
  .homeAbout .homeAbout_m .homeAboutData ul li h5{font-size: 12px; line-height: 20px; height: auto; max-height: 40px;}
}

.homeTit{float: left; width: 100%; padding-top: 49px;}
.homeTit .homeTit_h{float: left; width: 100%; height: 52px; line-height: 52px; font-size: 32px; text-align: center;}
.homeTit .homeTit_h span{padding: 0 22px; position: relative;}
.homeTit .homeTit_h span::after,
.homeTit .homeTit_h span::before{position: absolute; right: 100%; width: 80px; height: 2px; background: #e90a19; top: 50%; margin-top: -1px; content: "";}
.homeTit .homeTit_h span::after{right: auto; left: 100%;}
.homeTit .homeTit_h .fontRed{font-weight: bold; color: #e90a19;}
.homeTit h5{float: left; width: 100%; text-align: center; font-size: 16px; color: #999; font-family: Arial;text-transform: uppercase; line-height: 30px; height: 30px;}

@media  screen and (max-width:1199px){
  .homeTit{padding-top: 30px;}
  .homeTit .homeTit_h{height: 42px; line-height:  42px; font-size: 22px;}
  .homeTit .homeTit_h span{padding: 0 15px;}
  .homeTit .homeTit_h span::after,
  .homeTit .homeTit_h span::before{width: 60px;}
  .homeTit h5{font-size: 14px;line-height: 24px; height: 24px;}
}
@media  screen and (max-width:767px){
  .homeTit{padding-top: 20px;}
  .homeTit .homeTit_h{height: 26px; line-height: 26px; font-size: 18px;}
  .homeTit .homeTit_h span{padding: 0 10px;}
  .homeTit .homeTit_h span::after,
  .homeTit .homeTit_h span::before{width: 40px; height: 1px;}
  .homeTit h5{font-size: 12px;line-height: 20px; height: auto;}
}

.homePro{float: left; width: 100%; padding-bottom: 60px; background: #f9f9f9;}
.homePro_m{float: left; width: 100%; margin-top: 50px;}
.homePro_m .homeProNav{float: left; width: 100%; border: 1px solid #f5f5f5; background: #fff; padding: 15px 30px; }
.homePro_m .homePro_t{margin: 0 -37px; }
.homePro_m .ul1{float: left; width: 100%; position: relative;}
.homePro_m .ul1 .li1{float: left; cursor: pointer;}
.homePro_m .ul1 .li1 span{float: left; padding: 0 37px; position: relative; line-height: 44px; height: 44px; font-size: 18px; color: #333;}

.homePro_m .ul1 .li1 span::after{position: absolute; left: 50%; width: 9px; height: 6px; background: url(images/hprobg.png) no-repeat; margin-left: -5px; top: 100%; content: ""; filter:alpha(opacity=00);opacity:0;}
.homePro_m .ul1 .li1 span::before{position: absolute; left: 100%; top: 50%; width: 1px; height: 18px; margin-top: -9px; background: #cccccc; content: ""; }
.homePro_m .ul1 .li1:last-child span::before{display: none;}
.homePro_m .ul1 .li1:hover span,
.homePro_m .ul1 .li1.on span{color: #e90111;}
.homePro_m .ul1 .li1.on span::after{filter:alpha(opacity=100);opacity:1;}

.homePro_m .ul1 .li1 .ul2{display: none;}
.homePro_m .homePro_d{float: left; width: 100%;}
.homePro_m .homePro_d .ul2{float: left; width: 100%;  padding: 5px; margin-top: 6px; margin-bottom: 15px; background: #f1f2f3;}
.homePro_m .homePro_d .li2{float: left; padding: 0 12px; line-height: 34px; height: 34px; font-size: 16px; color: #666; cursor: pointer;}
.homePro_m .homePro_d .li2:hover,
.homePro_m .homePro_d .li2.on{color: #e90111;}

.homeProBox{float: left; width: 100%;}
.homeProBox .homeProBox_m{display: none;}
.homeProBox_d{float: left; width: 100%; padding-bottom: 44px; background: url(images/hprobg2.jpg) no-repeat bottom; background-size: 100%;}
.homeProBox_d ul{margin: 0 -12px;}
/*
.homeProBox_d li{float: left; width: 50%;}
.homeProBox_d .li_box{float: left; width: 50%; padding: 0 12px; margin-top: 24px;}
.homeProBox_d .li_box .div{float: left; width: 100%;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
*/
.homeProBox_d li{float: left; width: 25%; padding: 0 12px; margin-top: 24px;}
.homeProBox_d .li_box{float: left; width: 100%;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
.homeProBox_d .li_box .pic{float: left; width: 100%; display: block; padding-bottom: 71.686747%; position: relative; overflow: hidden;}
.homeProBox_d .li_box .pic img{position: absolute; left: 0; top: 0; width: 100%; min-height: 100%; display: block;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
.homeProBox_d .li_box .homeProIntr{float: left; width: 100%; padding: 9px 20px; background: #fff;}
.homeProBox_d .li_box .homeProIntr h4{float: left; width: 100%; line-height: 26px; height: 26px; font-size: 18px; color: #333;}
.homeProBox_d .li_box .homeProIntr > a{float: left; max-width: 50%; padding-left: 25px; line-height: 31px; height: 31px; font-size: 14px; color: #999999; display: block; margin-top: 7px; background: url(images/hpro02.png) no-repeat left;}
.homeProBox_d .li_box .homeProIntr .zx{float: right; background: url(images/hpro03.png) no-repeat left;}
.homeProBox_d .li_box .homeProIntr > a:hover{color: #e90111;}
.homeProBox_d .li_box:hover{
   -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
         box-shadow: 1px 1px 10px rgba(0,0,0,.2);
}
.homeProBox_d .li_box:hover .pic img{
    -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}
.homeProBox_d .li_box:hover .homeProIntr h4{color: #e90111}

@media  screen and (max-width:1199px){
  .homePro_m .homePro_t{margin: 0 -25px; }
  .homePro_m .ul1 .li1 span{padding: 0 25px;line-height: 34px; height: 34px; font-size: 16px;}
}
@media  screen and (max-width:991px){
  .homePro_m .homePro_t{margin: 0 -20px; }
  .homePro_m .ul1 .li1 span{padding: 0 20px; font-size: 14px;}
  .homePro_m .homePro_d .li2{padding: 0 8px; line-height: 30px; height: 30px; font-size: 12px;}
  .homeProBox_d ul{margin: 0 -6px;}
  .homeProBox_d li{padding:0 6px; margin-top: 12px;}
  .homeProBox_d .li_box .homeProIntr{padding: 9px 10px;}
  .homeProBox_d .li_box .homeProIntr h4{line-height: 26px; height: 26px; font-size: 16px;}
  .homeProBox_d .li_box .homeProIntr > a{ padding-left: 15px; line-height: 24px; height: 24px; font-size: 12px;  margin-top: 5px; background-size: 12px;}
  .homeProBox_d .li_box .homeProIntr > a.zx{background-size: 12px;}
}
@media  screen and (max-width:767px){
  .homePro{padding-bottom: 30px;}
  .homePro_m{margin-top: 20px;}
  .homePro_m .homeProNav{padding:10px;}
  .homePro_m .homePro_t{margin: 0 -10px; }
  .homePro_m .ul1 .li1 span{padding: 0 6px;}
  .homePro_m .ul1 .li1 span::after{display: none;}
  .homePro_m .ul2{margin-bottom: 5px;}
  .homePro_m .homePro_d .li2{padding: 0 5px; line-height: 24px; height: 24px;}
  .homeProBox_d{padding-bottom: 20px;}
  .homeProBox_d ul{margin: 0 -3px;}
  .homeProBox_d li{padding:0 3px; margin-top: 10px; width: 50%;}
  .homeProBox_d .li_box .homeProIntr{padding: 9px 5px;}
  .homeProBox_d .li_box .homeProIntr h4{font-size: 14px;}
  .homeProBox_d .li_box .homeProIntr > a{ padding-left: 12px; background-size: 10px;}
  .homeProBox_d .li_box .homeProIntr > a.zx{background-size: 10px;}
}


.homeAdvent{float: left; width: 100%; padding-bottom: 60px;}
.homeAdvList{float: left; width: 100%; margin-top: 50px;}
.homeAdvList li{float: left; width: 100%;}
.homeAdvList .homeAdvIntr{float: left; width: 50%; padding: 0 52px 0 160px; margin-top: 30px; position: relative;}
.homeAdvList .homeAdvIntr .h4{float: left; width: 100%; line-height: 67px; height: 67px; position: relative; font-size: 30px; color: #e90111; font-weight: bold; z-index: 9;}
.homeAdvList .homeAdvIntr .h4::after{position: absolute; left: 0; bottom: 0; width: 80px; height: 3px; background: #e90111; content: "";}
.homeAdvList .homeAdvIntr .span{float: left; width: 100%; display: block; font-size: 18px; color: #666; line-height: 27px; height: 81px; overflow: hidden; margin-top: 16px; position: relative;  z-index: 9;}
.homeAdvList .homeAdvIntr .num{position: absolute; left: 0; top: 50%; font-size: 240px; font-weight: bold; color: #fce6e7; font-family: Arial;
-webkit-transform: translate(0, -45%);
    -ms-transform: translate(0, -45%);
        transform: translate(0, -45%); }
.homeAdvList .homeAdvIntr .num i{color: #fef2f3;}
.homeAdvList .homeAdvPic{float: right; width: 50%; height: 235px; overflow: hidden;}
.homeAdvList .homeAdvPic img{float:left; width: 100%; display: block;}
.homeAdvList li:nth-child(2n) .homeAdvPic{float: left;}
.homeAdvList li:nth-child(2n) .homeAdvIntr{padding: 0 160px 0 52px;}
.homeAdvList li:nth-child(2n) .homeAdvIntr .num{color: #fef2f3; left: auto; right: 0;}
.homeAdvList li:nth-child(2n) .homeAdvIntr .num i{color: #fce6e7;}

.homeProp{float: left; width: 100%; padding-bottom: 60px; background: #f9f9f9;}
.homeProp .homePropPic{float: left; width: 100%; margin-top: 60px;}
.homeProp .homePropPic img{float: left; width: 100%; display: block;}

@media  screen and (max-width:1429px){
  .homeAdvList .homeAdvIntr{padding: 0 32px 0 140px; }
  .homeAdvList .homeAdvIntr .h4{line-height: 50px; height: 50px; font-size: 26px; }
  .homeAdvList .homeAdvIntr .span{font-size: 16px;line-height: 25px; height: 75px;margin-top: 14px; }
  .homeAdvList .homeAdvIntr .num{font-size: 220px;}
  .homeAdvList li:nth-child(2n) .homeAdvIntr{padding: 0 140px 0 32px;}
}
@media  screen and (max-width:1199px){
  .homeAdvList .homeAdvIntr{padding: 0 30px 0 110px; }
  .homeAdvList .homeAdvIntr .h4{line-height: 40px; height: 40px; font-size: 20px; }
  .homeAdvList .homeAdvIntr .span{font-size: 14px; margin-top: 10px; }
  .homeAdvList .homeAdvIntr .num{font-size: 200px;}
  .homeAdvList li:nth-child(2n) .homeAdvIntr{padding: 0 110px 0 30px;}
  .homeAdvList .homeAdvPic{ height: 200px;}
}
@media  screen and (max-width:991px){
  .homeAdvent{padding-bottom: 40px;}
  .homeAdvList{margin-top: 40px;}
  .homeAdvList .homeAdvIntr{padding: 0 20px 0 70px; }
  .homeAdvList .homeAdvIntr .num{font-size: 140px;}
  .homeAdvList li:nth-child(2n) .homeAdvIntr{padding: 0 70px 0 20px;}
  .homeAdvList .homeAdvPic{ height: 180px;}
  
  .homeProp{padding-bottom: 40px;}
  .homeProp .homePropPic{margin-top: 40px;}
}
@media  screen and (max-width:767px){
  .homeAdvent{padding-bottom: 30px;}
  .homeAdvList{margin-top: 20px;}
  .homeAdvList .homeAdvIntr{width: 100%; padding: 0 50px 0 5px; margin: 15px 0;}
  .homeAdvList .homeAdvIntr .h4{line-height: 30px; height: 30px; font-size: 16px; }
  .homeAdvList .homeAdvIntr .h4::after{width: 60px; height: 2px;}
  .homeAdvList .homeAdvIntr .span{height: auto; }
  .homeAdvList .homeAdvIntr .num{font-size: 100px; left: auto; right: 0;}
  .homeAdvList li:nth-child(2n) .homeAdvIntr{padding: 0 50px 0 5px;}
  .homeAdvList .homeAdvPic{float: left; width: 100%; height: auto; background: none !important;}
  .homeProp{padding-bottom: 30px;}
  .homeProp .homePropPic{margin-top: 20px;}
}

.homeNews{float: left;width: 100%; padding-bottom: 80px;}
.homeNewsList{float: left; width: 100%; margin-top: 52px;}
.homeNewsList .ul1{margin: 0 -20px;}
.homeNewsLi{float: left; width: 33.333333%; padding: 0 20px;}
.homeNewsLi .homeNewsTit{float: left; width: 100%; background: #e90111; font-size: 22px;text-align: center; color: #fff; line-height: 48px; height: 48px;}
.homeNewsLi .homeNewsBox{float: left; width: 100%; border: 1px solid #ccc; border-top: 0; padding: 18px 20px 35px 20px;}
.homeNewsLi .homeNewsTop{float: left; width: 100%; padding-bottom: 18px; border-bottom: 1px solid #f1f1f1;}
.homeNewsLi .homeNewsTop a{float: left; width: 100%; display: block;}
.homeNewsLi .homeNewsTop .homeNewsPic{float: left; width: 100%; padding-bottom: 40.1%; position: relative; overflow: hidden; }
.homeNewsLi .homeNewsTop .homeNewsPic img{position: absolute; left: 0; top: 0; width: 100%; min-height: 100%;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;  }
.homeNewsLi .homeNewsTop .homeNewsPic .date{position: absolute; right: 0; bottom: 0; padding: 0 9px; line-height: 24px; height: 24px; color: #fff; font-size: 14px; font-family: Arial; background: rgba(233,1,17,.8);}
.homeNewsLi .homeNewsTop .homeNewsIntr{float: left; width: 100%; margin-top: 15px;}
.homeNewsLi .homeNewsTop .homeNewsIntr h4{float: left; width: 100%; line-height: 30px; height: 30px; font-size: 20px; }
.homeNewsLi .homeNewsTop .homeNewsIntr span{float: left; width: 100%; line-height: 18px; height: 36px; overflow: hidden; font-size: 12px; color: #999999; margin-top: 3px;}
.homeNewsLi .homeNewsTop a:hover .homeNewsIntr h4{color: #e90111}
.homeNewsLi .homeNewsTop a:hover .homeNewsPic img{  
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);}
.homeNewsLi .ul2{float: left; width: 100%; margin-top: 23px;}
.homeNewsLi .ul2 li{float: left; width: 100%; line-height: 28px; height: 28px; font-size: 14px; color: #666666;}
.homeNewsLi .ul2 li a{float: left; width: 100%; display: block;}
.homeNewsLi .ul2 li span{float: left; width: 80%; display: block; }
.homeNewsLi .ul2 li .date2{float: right; width: 20%; text-align: right; font-size: 12px; color: #999; font-family: Arial; }
.homeNewsLi .ul2 li a:hover,
.homeNewsLi .ul2 li a:hover .date2{color: #e90111;}
.homeNewsLi .homeNewsMore{float: left; width: 100%; text-align: center;  margin-top: 27px; }
.homeNewsLi .homeNewsMore a{display: inline-block; *display: inline; *zoom:1; vertical-align: top; font-size: 14px; color: #999999; width: 134px; height: 34px; border: 1px solid #333;  line-height: 32px; position: relative; overflow: hidden;
 -webkit-border-radius:17px; 
    -moz-border-radius:17px;
         border-radius:17px; }
.homeNewsLi .homeNewsMore a::after{position: absolute; width: 0; left: 50%; height: 100%; background: #e90111;top: 0; content: ""; z-index: -1;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;  
-webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);}
.homeNewsLi .homeNewsMore a:hover{color: #fff; border-color: #e90111;}
.homeNewsLi .homeNewsMore a:hover::after{width: 100%;}

@media  screen and (max-width:1199px){
  .homeNewsList .ul1{margin: 0 -10px;}
  .homeNewsLi{padding: 0 10px;}
  .homeNewsLi .ul2{margin-top: 10px;}
  .homeNewsLi .ul2 li span{width: 70%;}
  .homeNewsLi .ul2 li .date2{width: 30%;}
}
@media  screen and (max-width:991px){
  .homeNews{ padding-bottom: 50px;}
  .homeNewsList{ margin-top: 32px;}
  .homeNewsLi .homeNewsTit{font-size: 18px;line-height: 38px; height: 38px;}
  .homeNewsLi .homeNewsBox{padding: 15px 15px 20px 15px;}
  .homeNewsLi .homeNewsTop{padding-bottom: 12px;}
  .homeNewsLi .homeNewsTop .homeNewsIntr{margin-top: 15px;}
  .homeNewsLi .homeNewsTop .homeNewsIntr h4{line-height: 24px; height: 24px; font-size: 16px; }
  .homeNewsLi .ul2 li{line-height: 24px; height: 24px; font-size: 12px;}
  .homeNewsLi .ul2 li span{width: 100%;}
  .homeNewsLi .ul2 li .date2{display: none;}
  .homeNewsLi .homeNewsMore{margin-top: 15px; }
  .homeNewsLi .homeNewsMore a{font-size: 12px; width: 104px; height: 30px; line-height: 28px;}
}
@media  screen and (max-width:767px){
  .homeNews{ padding-bottom: 30px;}
  .homeNewsList{ margin-top: 10px;}
  .homeNewsList .ul1{margin: 0;}
  .homeNewsLi{padding: 0; width: 100%; margin-top: 15px;}
  .homeNewsLi .ul2 li span{width: 70%;}
  .homeNewsLi .ul2 li .date2{display: block;}
}

/* 首页视频弹窗 */
.video_tc{display: none; position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 1999;background: rgba(0,0,0,0.60);}
.video_tc .vid_m{position: absolute;left: 20%;top: 20%;width: 60%;height: auto;overflow: hidden; padding: 0 30px;}
.video_tc .vid_m i{display: block;position: absolute;right: 0;top:0;width: 20px;height: 20px; background: url(images/cha.png) no-repeat; background-size:  100%;cursor: pointer;}
.video_tc .vid_m ._vid{float: left; width: 100%;}
.video_tc .vid_m ._vid video{display: block;position: relative;width: 100%;height: 100%;object-fit: cover;}

@media  screen and (max-width:1199px){
  .video_tc .vid_m{left: 10%;top: 50%;width: 80%;
  -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
        transform: translate(0, -50%); }
}
@media  screen and (max-width:767px){
  .video_tc .vid_m{left: 5%;top: 50%;width: 90%; padding: 0 15px;}
  .video_tc .vid_m i{width: 10px;height: 10px; background-size:  100%;}
}

/* 面包屑 */
.local{float: left; width: 100%; border-bottom: 1px solid #f1f1f1; line-height: 80px; height: 80px; font-size: 14px; color: #808080; padding-left: 20px; background: url(images/localbg.png) no-repeat left; }
.local a{color: #808080; padding: 0 5px;}
.local a:hover{color: #e60013;}

/* 内页标题 */
.nyTit{float: left; width: 100%; text-align: center; margin-top: 38px;}
.nyTit span{padding: 0 42px; border-bottom: 1px solid #999; display: inline-block; line-height: 74px; height: 75px; font-size: 32px; position: relative;}
.nyTit span::after{position: absolute; left: 50%; margin-left: -35px; width: 70px; height: 3px; bottom: -2px;background: #e60013; content: "";}

@media  screen and (max-width:991px){
  .local{ line-height:60px; height: 60px;}
  .nyTit{margin-top: 28px;}
  .nyTit span{padding: 0 30px;line-height: 44px; height: 45px; font-size: 22px;}
}
@media  screen and (max-width:767px){
  .local{display: none;}
  .nyTit{margin-top: 20px;}
  .nyTit span{padding: 0 15px;line-height: 34px; height: 35px; font-size: 20px;}
  .nyTit span::after{ margin-left: -25px; width: 50px;}
}

/* 工程现场 、客户案例 */

.project{float: left; width: 100%; }
.projectList{margin-top: 36px; float: left; width: 100%;}
.projectList ul{margin: 0 -12px;}
.projectList ul li{float: left; width: 25%; padding: 0 12px; margin-top: 24px;}
.projectList ul li a{float: left; width: 100%; display: block;}
.projectList ul li .pic{float: left; width: 100%; padding-bottom:71.686747%; overflow: hidden; position: relative;}
.projectList ul li .pic img{position: absolute; left: 0; top: 0; width: 100%; min-height: 100%;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
.projectList ul li span{float: left; width: 100%; display: block; line-height: 47px; height: 48px; border: 1px solid #f7f7f7; border-top: 0; text-align: center; font-size: 18px;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
.projectList ul li a:hover span{color: #e60013; border-color: #e60013;}
.projectList ul li a:hover .pic img{
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);}

@media  screen and (max-width:991px){
  .projectList{margin-top: 20px;}
  .projectList ul li{width: 33.333333%;}
}
@media  screen and (max-width:767px){
  .projectList{margin-top: 20px;}
  .projectList ul{margin: 0 -5px;}
  .projectList ul li{width:50%; padding:0 5px; margin-top: 10px;}
  .projectList ul li span{font-size: 14px; line-height: 40px; height: 40px;}
}

/* 产品中心 */
.product{float: left; width: 100%; display: block; margin-top: 20px;}
.product .proSearch{float: left; width: 100%;}
.product .proSearch .input{float: left; width: 74.857143%; padding: 10px 30px; line-height: 30px; height: 50px; font-size: 14px; color: #333; background: #f9f9f9; border: 0;}
.product .proSearch .seaBtn{float: right; width: 23.642857%; line-height: 50px; height: 50px; text-align: center; font-size: 14px; color: #fff; background: #e90111;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
.product .proSearch .seaBtn:hover{
   -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
         box-shadow: 1px 1px 10px rgba(0,0,0,.2); }
.nyLeft{float: left; width:24.571429%; margin-top: 20px; padding-bottom: 30px;}
.nyLeft .nyLeftTit{float: left; width: 100%; background: #e90111; padding: 22px 30px; color: #fff;}
.nyLeft .nyLeftTit h4{float: left; width: 100%; padding-bottom: 10px; font-size: 20px; font-weight: bold; padding-left: 20px; border-left: 4px solid #fff; }
.nyLeft .nyLeftTit span{float: left; width: 100%; font-size: 16px; padding-left: 20px; border-left: 4px solid #fff; text-transform: uppercase; display: block;}
.nyLeft .pz_SideLayer{float: left; width: 100%; padding: 0 41px 0 30px; background: #f9f9f9;}
.nyLeft .pz_SideLayer li{float: left; width: 100%; border-bottom: 1px solid #dedede; }
.nyLeft .pz_SideLayer li:last-child{border: 0;}
.nyLeft .pz_SideLayer li .a1{float: left; width: 100%; display: block; line-height: 62px; height: 62px; font-size: 16px; position: relative;}
.nyLeft .pz_SideLayer li .a1 i{position: absolute; right: 0; top:0; display:none; color: #e90111;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
.nyLeft .pz_SideLayer li .hover,
.nyLeft .pz_SideLayer li .a1:hover{color: #e90111;}
.nyLeft .pz_SideLayer li .hover i,
.nyLeft .pz_SideLayer li .a1:hover i{display:block;}


.nyLeft .pz_SideLayer .left_sub{float: left; width: 100%; padding-left: 20px;  margin-bottom: 10px; display: none;}
.nyLeft .pz_SideLayer .left_sub li{float: left; width: 100%;border-bottom: 1px solid #ccc;}
.nyLeft .pz_SideLayer .left_sub li:last-child{border-bottom: 0;}
.nyLeft .pz_SideLayer .left_sub li .a2{float: left; width: 100%;  line-height: 40px; font-size: 14px; color: #333;}
.nyLeft .pz_SideLayer .left_sub li .a2:hover,
.nyLeft .pz_SideLayer .left_sub li .a2.hover{color:#e90111;}


.nyLeft .nyLeftTel{float: left; width: 100%; display: block; margin-top: 20px; background: #e90111; padding: 24px 14.244186% 24px 38%; position: relative; color: #fff;}
.nyLeft .nyLeftTel::before{position: absolute; left: 17.441860%; background: url(images/pro01.png) no-repeat; width: 51px; height: 52px; top: 50%; margin-top: -26px; content: "";}
.nyLeft .nyLeftTel h4{float: left; width: 100%; height: 24px; line-height: 24px; font-size: 16px; }
.nyLeft .nyLeftTel span{float: left; width: 100%; display: block; height: 28px; font-family: Arial; font-weight: bold;line-height: 28px; font-size: 24px; }
.proBox{float: right; width: 74%;}
.proBox .proNav{float: left; width: 100%; padding-bottom: 30px; border-bottom: 1px solid #f1f1f1;}
.proBox .proNav ul{margin: 0 -13px;}
.proBox .proNav ul li{float: left; padding: 0 13px; margin-top: 20px;}
.proBox .proNav ul li a{float: left; padding: 0 22px; background: #f9f9f9; line-height: 34px; height: 34px; display: block; font-size: 14px; color: #333;}
.proBox .proNav ul li.on a,
.proBox .proNav ul li a:hover{color: #fff; background: #e90111;}

.proBox .homeProBox_d{background: none; padding-bottom: 0;}
.proBox .homeProBox_d ul li{width: 33.333333%;}
.proBox .homeProBox_d ul .li_box{position: relative;}
.proBox .homeProBox_d ul .li_box::after{position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; border: 1px solid #e90111; display: none;}
.proBox .homeProBox_d ul .li_box a{position:relative; z-index:9;}
.proBox .homeProBox_d ul .li_box:hover::after{display: block;}
.proBox .homeProBox_d ul .homeProIntr{border:1px solid #f7f7f7; border-top: 0;}

@media  screen and (max-width:1429px){
  .nyLeft .nyLeftTel{padding: 24px 12% 24px 32%;}
  .nyLeft .nyLeftTel::before{left: 10%;}
}
@media  screen and (max-width:1199px){
  .nyLeft{margin-top: 15px;}
  .nyLeft .nyLeftTit{padding: 10px 15px;}
  .nyLeft .nyLeftTit h4{padding-bottom: 8px; font-size: 16px; padding-left: 10px;}
  .nyLeft .nyLeftTit span{font-size: 12px; padding-left: 10px; }
  .nyLeft .pz_SideLayer{padding: 0 20px 0 20px;}
  .nyLeft .pz_SideLayer li .a1{line-height: 42px; height: 42px; font-size: 14px;}
  .nyLeft .nyLeftTel{padding: 10px 5% 10px 28%;}
  .nyLeft .nyLeftTel::before{left: 8%; width: 30px; height: 30px; background-size: 100%; margin-top: -15px;}
  .nyLeft .nyLeftTel h4{font-size: 14px; }
  .nyLeft .nyLeftTel span{font-size: 16px; }
  .proBox .proNav ul{margin: 0 -10px;}
  .proBox .proNav ul li{padding: 0 5px; margin-top: 15px;}
  .proBox .proNav ul li .a1{padding: 0 10px;}
}
@media  screen and (max-width:767px){
  .nyLeft{padding-bottom: 0;}
  .product .proSearch .input{padding: 10px 15px; line-height: 20px; height: 40px; }
  .product .proSearch .seaBtn{line-height: 40px; height: 40px; }
  .nyLeft{margin-top: 15px; width: 100%;}
  .nyLeft .nyLeftTit{padding: 10px 15px;}
  .nyLeft .nyLeftTit h4{padding-bottom: 0; font-size: 16px; padding-left: 10px; position: relative;}
  .nyLeft .nyLeftTit h4::after{position: absolute; right: 5px; top: 50%; background: url(images/downbg2.png) no-repeat; width: 15px; height: 12px; background-size: 15px 12px; content: ""; margin-top: -6px; transition: all 0.2s ease-out 0s; }
  .nyLeft .nyLeftTit.on h4::after{
    -webkit-transform: rotate(180deg);	/* Safari and Chrome */
   -moz-transform: rotate(180deg);	/* Firefox */
    -ms-transform: rotate(180deg);	/* IE 9 */
     -o-transform: rotate(180deg);	/* Opera */
        transform: rotate(180deg);
  }
  .nyLeft .nyLeftTit span{display: none;}
  .nyLeft .pz_SideLayer{display: none;}
  .nyLeft .nyLeftTel{display: none;}
  
  .proBox{width: 100%;}
  .proBox .proNav{padding-bottom: 10px;}
  .proBox .proNav ul{margin: 0 -5px;}
  .proBox .proNav ul li{padding: 0 5px; margin-top: 10px;}
  .proBox .proNav ul li a{padding: 0 10px; font-size: 12px; line-height: 28px; height: 28px;}
  .proBox .homeProBox_d ul li{width: 50%;}
}

/* 产品详情、案例详情 */
.proDel{float: left; width: 100%; padding-bottom: 80px;}
.proDelTop{float: left; width: 100%; margin-top: 20px;}
.proDelTop .proDelPic{float: left; width: 51%;}
.proDelTop .bigPic{overflow:hidden; width: 100%; margin: 0;}
.proDelTop .bigPic .slick-slide{ padding:0;}
.proDelTop .bigPic img{ width:100%; display: block;}
.proDelTop .smallPic{ margin:0 -5px;}
.proDelTop .smPicList{width: 100%; margin-top:10px; overflow:hidden;}
.proDelTop .smPicList .slick-slide{ padding:0 5px;}
.proDelTop .smPicList img{ width:100%; padding: 5px; border: 1px solid #333; display: block; }
.proDelTop .smPicList .slick-slide.slick-current img{ border-color: #e90111;}
.proDelTop .proDelIntr{float: right; width:45%; background: #f9f9f9; padding: 35px 55px 42px 55px; min-height: 620px; }
.proDelTop .proDelIntr .proDelTit{float: left; width: 100%; padding-bottom: 28px; border-bottom: 1px solid #dedede; line-height: 47px; font-size: 24px; color: #333; font-weight: bold;}
.proDelTop .proDelIntr .proDelfea{float: left; width: 100%; padding: 34px 0 44px 0; border-bottom: 1px solid #dedede; line-height: 32px; font-size: 16px; color: #666;}
.proDelTop .proDelIntr .proDelfea .span{color: #333;}
.proDelTop .proDelIntr .proDelTxt{float: left; width: 100%; padding: 34px 0 0 0;  line-height: 32px; font-size: 16px; }

.proDelTit2{float: left; width: 100%; margin-top: 50px; border-bottom: 1px solid #e90111;}
.proDelTit2 .spantit{float: left; padding: 0 50px; display: block; background: #e90111; color: #fff; line-height: 50px; height: 50px; font-size: 20px;}

.proDel_m{float: left; width: 100%; }
.proDel_m .proDelPicBox{width: 100%; float: left; padding: 30px 0 50px 0; line-height:30px; font-size:14px; color:#333;}
.proDel_m .proDelPicBox img{float: left; max-width: 100%; display: block;}
.nyPage{float: left; width: 100%; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; position: relative; padding: 10px 0;}

.nyPage .next,
.nyPage .prev{float: left; max-width: 42%; line-height:30px; font-size: 14px; color: #666; }
.nyPage .next{float: right;}
.nyPage .next:hover,
.nyPage .prev:hover{color: #e90111;}
.nyPage .turnBack{position: absolute; left: 50%; padding: 0 32px; background: #e90111; font-size: 14px; color: #fff; line-height: 52px; min-height: 52px; height: 100%;  top: -1px; 
-webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0); }
.nyPage .turnBack span{padding-left: 30px; background: url(images/back.png) no-repeat left;}
.nyPage .turnBack:hover{
 -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.3);
    -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.3);
         box-shadow: 1px 1px 10px rgba(0,0,0,.3);
}

.proDelAbout{float: left; width: 100%;}
.proDelAbout .homeProBox_d{background: none;}
.proDelAbout .homeProBox_d .homeProIntr{border:1px solid #f7f7f7; border-top: 0;}
.proDelAbout .projectList{margin-top: 0;}

@media  screen and (max-width:1429px){
  .proDelTop .proDelIntr{width: 46%; padding: 30px 35px 30px 35px; min-height: 520px; }
  .proDelTop .proDelIntr .proDelTit{padding-bottom: 20px;}
  .proDelTop .proDelIntr .proDelfea{padding: 20px 0; line-height: 30px;}
  .proDelTop .proDelIntr .proDelTxt{padding: 20px 0 0 0; line-height: 30px;}  
}
@media  screen and (max-width:1199px){
  .proDel{padding-bottom: 50px;}
  .proDelTop .proDelIntr{width: 48%; padding: 25px 25px 20px 25px; min-height: 430px; }
  .proDelTop .proDelIntr .proDelTit{padding-bottom: 10px; line-height: 40px; font-size: 20px;}
  .proDelTop .proDelIntr .proDelfea{padding: 15px 0; line-height: 28px; font-size: 14px;}
  .proDelTop .proDelIntr .proDelTxt{padding: 15px 0 0 0; line-height: 28px; font-size: 14px; }  
  .proDelTit2{margin-top: 30px;}
  .proDelTit2 .spantit{ padding: 0 30px; line-height: 40px; height: 40px; font-size: 18px;}
}
@media  screen and (max-width:991px){
  .proDelTop .proDelIntr{min-height: auto; }
  .proDelTop .proDelPic{width: 100%; }
  .proDel{padding-bottom: 30px;}
  .proDelTop .proDelIntr{width: 100%;}
}
@media  screen and (max-width:767px){
  .proDelTop .smPicList img{ padding: 3px; }
  .proDelTop .proDelIntr{margin-top: 20px; padding: 15px 10px;}
  .proDelTop .proDelIntr .proDelTit{line-height: 30px; font-size: 16px;}
  .proDelTit2{margin-top: 20px;}
  .proDelTit2 .spantit{ padding: 0 18px; line-height: 34px; height: 34px; font-size: 16px;}
  .nyPage .next,
  .nyPage .prev{max-width: 100%; width: 100%; line-height:30px; font-size: 14px; color: #666; }
  .nyPage .turnBack{position: static; float: left; width: 120px; left: auto;top: auto; padding: 0 10px; font-size: 14px; line-height: 32px; height: 32px; min-height: inherit; transform: translate(0, 0); margin-top: 10px;}
  .nyPage .turnBack span{background-size: 15px;}
}

/* 企业介绍 */
.about{float: left; width: 100%; display: block; padding-bottom: 33px;}
.aboutIntr{float: left; width: 100%; line-height: 28px; padding: 54px 0 14px 0; text-align: center; font-size: 14px; color: #666;}
.aboutList{float: left; width: 100%; }
.aboutList .proDelTit2{margin-top: 24px;}
.aboutList ul{margin:0 -20px;}
.aboutList ul li{ float: left; width: 33.333333%; padding: 0 20px; margin-top: 24px; }
.aboutList ul li .aboutBox{float: left; width: 100%; display: block; padding-bottom: 46.590909%; position: relative; overflow: hidden;}
.aboutList ul li img{position: absolute; left: 0; top: 0; width: 100%; min-height: 100%; display: block; }
.aboutList .about_h{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.7);  padding: 30px; filter:alpha(opacity=00);opacity:0;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
.aboutList .about_h .aboutTit{float: left;  line-height: 44px; height: 43px; border-bottom: 1px solid #fff; font-size: 16px; font-weight: bold; color: #fff; display: inline-block;}
.aboutList .about_h .aboutTxt{float: left; width: 100%; margin-top: 16px; line-height: 21px; height: 84px; color: #fff; font-size: 14px; overflow: hidden;}
.aboutList ul li:hover .about_h{filter:alpha(opacity=100);opacity:1;}
.aboutList:nth-child(2n) .proDelTit2 .spantit{float: right;}
.aboutHonor{float: left; width: 100%;}
.aboutHonor .horList{float: left; width: 100%; margin-top: 40px;}
.aboutHonor .horList ul{margin: 0 -20px;}
.aboutHonor .horList li{float: left; width: 33.333333%; padding: 0 20px; margin-top: 20px;}
.aboutHonor .horList .horPic{float: left; width: 100%; position: relative; padding-bottom:68.181818%; overflow: hidden; border: 1px solid #ebebeb;}
.aboutHonor .horList .horPic img{ position: absolute; left: 0; top: 0; width: 100%; min-height: 100%;}
.aboutHonor .horList .span{float: left; width: 100%; display: block; line-height:54px; height: 54px; text-align: center; font-size: 16px; color: #333;}
.aboutHonor .horList li:hover .span{color: #e90111;}

@media  screen and (max-width:1429px){
  .aboutList .about_h{padding: 15px;}
  .aboutList .about_h .aboutTxt{margin-top: 10px;}
}
@media  screen and (max-width:1199px){
  .aboutList .about_h .aboutTit{line-height: 30px; height: 29px; font-size: 14px;}
  .aboutList .about_h .aboutTxt{margin-top: 5px; line-height: 18px; height: 72px; font-size: 12px;}
}
@media  screen and (max-width:991px){
  .aboutList .proDelTit2{margin-top: 15px;}
  .aboutList ul{margin:0 -10px;}
  .aboutList ul li{ padding: 0 10px; margin-top: 15px; }
  .aboutList .about_h .aboutTit{line-height: 24px; height: 24px; font-size: 13px;}
  .aboutList .about_h .aboutTxt{line-height: 18px; height: 54px;}
  .aboutHonor .horList{margin-top: 20px;}
  .aboutHonor .horList ul{margin: 0 -10px;}
  .aboutHonor .horList li{padding: 0 10px; margin-top: 20px;}
}
@media  screen and (max-width:767px){
  .aboutIntr{padding: 24px 0 10px 0;font-size: 14px;}
  .aboutList .proDelTit2{margin-top: 15px;}
  .aboutList ul{margin:0;}
  .aboutList ul li{width: 100%; padding: 0; }
  .aboutList .about_h .aboutTxt{line-height: 18px; height: 90px;}
  .aboutHonor .horList ul{margin: 0 -5px;}
  .aboutHonor .horList li{padding: 0 5px; margin-top: 10px; width: 50%;}
  .aboutHonor .horList .span{line-height:34px; height: 34px; font-size: 12px;}
}

/* 商业合作 */
.business{float: left; width: 100%; display: block; padding-bottom: 50px; min-height: 600px;}
.business_m{float:left; width:100%; line-height:30px; font-size:14px; color:#333; padding:25px 0;}
.business_m img{line-height:0;}
@media  screen and (max-width:767px){
  .business{padding-bottom: 30px; min-height: 400px;}
  .business_m{ line-height:28px; padding:20px 0;}
}

/* 新闻动态 */
.news{float: left; width: 100%;}
.news .nyLeftTit{margin-top: 20px;}
.newsHot{float: left; width: 100%;padding: 13px 28px 19px 28px; background: #f9f9f9;}
.newsHot li{float: left; width: 100%; 
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
.newsHot li a{float: left; width: 100%; display: block; line-height: 36px; height: 36px; padding-left: 22px; background: url(images/news01.png) no-repeat left; font-size: 14px; color: #666; }
.newsHot li a:hover{background-image:url(images/news01_2.png) ; color: #e90111;}
.newsList{float: right; background: #f9f9f9; width: 74%; margin-top: 40px;}
.newsList li{float: left; width: 100%; padding: 0 20px;}
.newsList li a{float: left; width: 100%; display: block; padding: 22px 0 28px 0; border-bottom: 1px solid #dedede;}
.newsList .date{float: left; width: 16.409266%; border-right: 1px solid #dedede; text-align: center; padding: 14px 0 8px 0; color: #999; font-family: Arial;}
.newsList .date h4{float: left; width: 100%; line-height:58px; height: 58px; font-size: 60px; 
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
.newsList .date span{float: left; width: 100%; display: block; line-height: 31px; height: 31px; font-size: 18px;  }
.newsList .newsIntr{float: right; width:78.957529%; padding: 12px 48px 12px 0;}
.newsList .newsIntr .h4{float: left; width: 100%; line-height:35px; height: 35px; font-size: 18px; color: #333;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
.newsList .newsIntr .span{float: left; width: 100%; display: block; font-size: 14px; color: #999; line-height: 21px; height: 42px; margin-top: 9px; overflow: hidden;}
.newsList li:hover{background: #fff;
 -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
         box-shadow: 1px 1px 10px rgba(0,0,0,.2);}
.newsList li:hover .date h4,
.newsList li:hover .h4{color: #e90111;}

@media  screen and (max-width:1199px){
  .newsHot{padding: 13px 20px 15px 20px;}
  .news .nyLeft{width: 28%;}
  .news .nyLeftTit{margin-top: 15px;}
  .newsList{width: 70%; margin-top: 30px;}
  .newsList li{ padding: 0 15px;}
  .newsList li a{ padding: 15px 0;}
  .newsList .date{ width: 16.409266%; padding: 8px 0;}
  .newsList .date h4{line-height:38px; height: 38px; font-size: 30px; }
  .newsList .date span{line-height: 24px; height: 24px; font-size: 14px;  }
  .newsList .newsIntr{width:78.957529%; padding: 4px 28px 8px 0;}
  .newsList .newsIntr .h4{line-height:25px; height: 25px; font-size: 16px;}
  .newsList .newsIntr .span{font-size: 14px; line-height: 20px; height: 40px; margin-top: 4px;}
}
@media  screen and (max-width:767px){
  .newsHot{display: none;}
  .news .nyLeft{width: 100%;}
  .news .nyLeftTit.tit2{display: none;}
  .newsList{width: 100%; margin-top: 20px;}
  .newsList li{ padding: 0 10px;}
  .newsList li a{ padding: 10px 0;}
  .newsList .date{ width: 18%; padding: 8px 0;}
  .newsList .date h4{line-height:38px; height: 38px; font-size: 20px; }
  .newsList .date span{line-height: 24px; height: 24px; font-size: 12px;  }
  .newsList .newsIntr{width:77%; padding: 4px 0 8px 0;}
  .newsList .newsIntr .h4{line-height:25px; height: 25px; font-size: 14px;}
  .newsList .newsIntr .span{font-size: 12px; line-height: 20px; height: 40px; margin-top: 4px;}
}

/* 新闻详情 */
.newsDel{float: left; width: 100%; padding: 30px 0 80px 0; }
.newsDelTit{float: left; width: 100%; display: block; padding-bottom: 12px; border-bottom: 1px solid #f1f1f1; text-align: center;}
.newsDelTit .newsDelTit_m{float: left; width: 100%; line-height: 46px; font-size: 28px; color: #333;}
.newsDelTit .newsDelTime{float: left; width: 100%; line-height: 32px; font-size: 14px; color: #999;}
.newsDelTxt{float: left; width: 100%; padding: 33px 0; line-height: 28px; font-size: 14px;}
.newsAbout .newsAboutList{float: left; width: 100%; margin-top: 39px; padding: 32px 40px;
 -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
         box-shadow: 1px 1px 10px rgba(0,0,0,.2);}
.newsAbout .newsAboutList li{float: left; width: 50%; padding: 0 40px; border-right: 1px dashed #d3d3d3;}
.newsAbout .newsAboutList li a{float: left; width: 100%; display: block; padding-left: 26px; background: url(images/newbg.png) no-repeat left; color: #666; font-size: 14px;}
.newsAbout .newsAboutList li a .tit{float: left; width: 70%; display: block; line-height: 38px; height: 38px; }
.newsAbout .newsAboutList li a .date{float: right; display: block; text-align: right; width: 30%; line-height: 38px; height: 38px;  }
.newsAbout .newsAboutList li:nth-child(2n){border: 0;}
.newsAbout .newsAboutList li a:hover {color: #e90111;}

@media  screen and (max-width:991px){
  .newsDelTit .newsDelTit_m{line-height: 36px; font-size: 24px;}
  .newsAbout .newsAboutList{margin-top: 30px; padding: 20px 15px;}
  .newsAbout .newsAboutList li{padding: 0 15px;}
}
@media  screen and (max-width:767px){
  .newsDel{ padding: 20px 0 30px 0; }
  .newsDelTit .newsDelTit_m{line-height: 26px; font-size: 18px;}
  .newsDelTit .newsDelTime{line-height: 24px; font-size: 12px;}
  .newsDelTxt{padding: 20px 0; line-height: 26px; font-size: 14px;}
  .newsAbout .newsAboutList{margin-top: 20px; padding: 15px 10px;}
  .newsAbout .newsAboutList li{padding: 0 5px; width: 100%; border: 0;}
  .newsAbout .newsAboutList li a .tit{width: 65%;  line-height: 28px; height: 28px; }
  .newsAbout .newsAboutList li a .date{ width: 35%; line-height: 28px; height: 28px;  }
}

/* 联系我们 */
.contact{float: left; width: 100%; }
.cotTop{float: left; width: 100%; padding-bottom: 90px;}
.cotTop_m{float: left; width: 100%; margin-top: 60px; }
.cotTop_m .cotWay{float: left; width: 49.214286%; background: #e90111; padding: 21px 93px 42px 51px;min-height:425px;}
.cotTop_m .cotWay h4{float: left; width: 100%; line-height: 56px; font-size: 28px; color: #fff; border-bottom: 1px solid #fff;}
.cotTop_m .cotWay ul{float: left; width: 100%; margin-top: 45px; }
.cotTop_m .cotWay ul li{float: left; width: 100%; padding-left: 52px; line-height: 32px; margin: 10px 0; position: relative;}
.cotTop_m .cotWay ul li img{position: absolute; left: 0; top: 2px; width: 30px; display: block; }
.cotTop_m .cotWay ul li span{float: left; width: 100%; display: block; font-size: 20px; color: #fff;}
.contact .map{float: right; width:49.285714%;}
.contact .map #dituContent
{
    width: 100%;
    height: 425px;
    float: left;
    overflow: hidden; 
    position: relative; 
    z-index: 0; 
    color: rgb(0, 0, 0); 
    text-align: left; 
    background-color: rgb(243, 241, 236);
}
.contact .map #dituContent img{max-width:none;}
.BMap_pop,.BMap_shadow,.anchorBL,.BMapLabel{display:none !important;}

.joinUs{float: left; width: 100%; background: #f9f9f9; padding-bottom: 50px;}
.joinList{float: left; width: 100%; margin-top: 26px;
  display:flex;
  display:-webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;  
  align-items: flex-start;}
.joinList .joinLi{float: left; width: 50%; margin-top: 20px;}
.joinList .joinLi .joinLiTit{float: left; width: 100%; line-height: 52px; height: 52px; font-size: 24px; padding-left: 12px; position: relative;}
.joinList .joinLi .joinLiTit::before{position: absolute; left: 0; top: 50%; height: 24px; margin-top: -12px; width: 2px; background: #333; content: "";}
.joinList .joinLi .joinLiTxt{float: left; width: 80%;  line-height: 28px; font-size: 14px; color: #666;}
.joinList .joinLi .joinLiTxt .h4{font-size: 16px; margin-top: 20px;}
.joinUs .spanWel{float: left; width: 100%; line-height: 40px; font-size: 18px;color: #555; margin-top: 20px;}


.message{float: left; width: 100%; padding-bottom: 80px;}
.messageList{float: left; width: 100%; margin-top: 45px;}
.messageList ul{margin-left: -16px;}
.messageList ul li{float: left; width: 33.333333%; padding-left: 16px; position: relative; margin-top: 15px;}
.messageList ul li::after{position: absolute; left: 6px; top: 50%; width: 4px; height: 4px; margin-top: -2px; background: #e90111; border-radius: 2px; content: "";}
.messageList ul li input{float: left; width: 100%; border: 1px solid #e0e0e0; padding: 8px 12px; line-height: 24px; height: 44px; font-size: 14px; background: none; border-radius: 0;  box-shadow: none; -webkit-appearance: none;}
.message .lyBox{float: left; width: 100%; margin-top:15px; line-height: 24px; padding: 6px 12px; font-size: 14px; color: #333; border: 1px solid #e0e0e0; height: 248px; border-radius: 0; box-shadow: none; -webkit-appearance: none;}
.message .message_b{float: left; width: 100%; margin-top: 15px;}
.message .message_b .yzm{float: left; width: 49.285%; padding-right:20%; border: 1px solid #e0e0e0; position: relative;}
.message .message_b .yzm input{float: left; width: 100%; line-height: 24px; height: 44px; padding: 10px 12px; color: #333; font-size: 14px; background: none; border-radius: 0;  box-shadow: none; -webkit-appearance: none;}
.message .message_b .yzm i{position: absolute; height: 100%; right: 0; top: 50%; display: block; width: 20%; border-left: 1px solid #e0e0e0; text-align: center; padding: 3px; cursor: pointer;
-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
        transform: translate(0, -50%); }
.message .message_b .yzm i img{height: 100%; width: auto; }
.message .message_b .tj{float: right; width: 49.285%; height: 46px; line-height: 44px; text-align: center; font-size: 16px; color: #fff; background: #e90111;}
.message .message_b .tj:hover{
   -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
         box-shadow: 1px 1px 10px rgba(0,0,0,.2);
}

@media  screen and (max-width:1199px){
  .cotTop{padding-bottom: 60px;}
  .cotTop_m{margin-top: 40px; }
  .cotTop_m .cotWay{padding: 21px 40px 22px 31px;min-height: 405px;}
  .contact .map #dituContent{height: 405px;}
  .joinUs{padding-bottom: 40px;}
  .joinList .joinLi .joinLiTxt{width: 94%;}
  .message{padding-bottom: 40px;}
  .messageList{margin-top: 30px;}
}
@media  screen and (max-width:991px){
  .cotTop_m .cotWay{min-height: 337px;}
  .cotTop_m .cotWay h4{line-height: 36px; font-size: 22px; }
  .cotTop_m .cotWay ul{margin-top: 25px; }
  .cotTop_m .cotWay ul li{padding-left: 32px; line-height: 22px; margin: 10px 0;}
  .cotTop_m .cotWay ul li img{ width: 22px; }
  .cotTop_m .cotWay ul li span{font-size: 16px;}
  .contact .map #dituContent{height: 337px;}
  .joinList .joinLi{width: 100%;}
  .joinList .joinLi .joinLiTxt{line-height: 24px; font-size: 14px; padding: 0 3%;}
  .joinList .joinLi .joinLiTxt .h4{font-size: 16px; margin-top: 15px;}
}
@media  screen and (max-width:767px){
  .cotTop{padding-bottom: 30px;}
  .cotTop_m{margin-top: 20px;}
  .cotTop_m .cotWay {width: 100%; min-height:inherit;}
  .cotTop_m .cotWay h4{line-height: 30px; font-size: 18px; }
  .cotTop_m .cotWay ul{margin-top: 15px; }
  .cotTop_m .cotWay ul li{padding-left: 26px; margin: 5px 0;}
  .cotTop_m .cotWay ul li img{ width: 18px; }
  .cotTop_m .cotWay ul li span{font-size: 14px;}
  .contact .map{width: 100%; margin-top: 15px;}
  .contact .map #dituContent{height: 240px;}
  .joinUs{padding-bottom: 30px;}
  .joinList{margin-top: 15px;}
  .joinList .joinLi{width: 100%; margin-top: 10px;}
  .joinList .joinLi .joinLiTxt{padding: 0; width: 100%;}
  .joinList .joinLi .joinLiTit{line-height: 32px; height: 32px; font-size: 18px; padding-left: 8px;}
  .joinList .joinLi .joinLiTit::before{height: 18px; margin-top: -9px;}
  .joinList .joinLi .joinLiTxt .h4{font-size: 16px; margin-top: 15px; line-height: 30px;}
  .message{padding-bottom: 30px;}
  .messageList{margin-top: 15px;}
  .messageList ul{margin-left: -10px;}
  .messageList ul li{ width:100%; padding-left: 10px;margin-top: 10px;}
  .messageList ul li::after{left: 4px; }
  .message .lyBox{margin-top:10px; height: 148px; }
  .message .message_b{margin-top: 10px;}
  .message .message_b .yzm{ width: 100%; padding-right:30%;}
  .message .message_b .yzm i{width: 30%;  padding: 3px; }
  .message .message_b .tj{width:100%; height: 46px; line-height: 44px;font-size: 14px; margin-top: 10px;}
}

/* 分页 */
.d_0100_fy{ float:left; width:100%; text-align:center; padding: 40px 0 114px 0; background: #fff;}
.pz_fy{display:inline-block; *display:inline; *zoom:1;vertical-align: top;}
.pz_fy a { display:block; float:left; min-width:34px; height:26px; text-align:center; line-height:24px; border:1px solid #999; font-size:14px; color:#666666; margin:0 3px; padding: 0 4px;}
.pz_fy a:hover,
.pz_fy a.on{color: #fff; border:1px solid #e90111; background:#e90111; text-decoration:none;}
.fy_phone{display: none;}
@media  screen and (max-width:767px){
.d_0100_fy{padding: 20px 0 30px 0;}
.pz_fy{ display:none;}
.fy_phone{ display:block;  float:left; width:100%; text-align:center; font-size:14px; color:#333;}
.fy_phone a {display:inline-block; *display:inline; *zoom:1; width:100px; height:38px; text-align:center; line-height:36px; border:1px solid #e1e1e1; margin:0 5px;
-webkit-border-radius:18px; 
 -khtml-border-radius:18px;
   -moz-border-radius:18px;
        border-radius:18px;}
.fy_phone a:hover{background: #e90111; color: #fff;}
.fy_phone span{ padding:0 5%; color:#333; display:inline-block; *display:inline; *zoom:1; vertical-align:top; height:38px; line-height:38px;}
}

/*down*/
.downTop{float: left; width: 100%; padding: 47px 0 23px 0;}
.downTop .downNav{float: left; width:14%; position: relative;}
.downTop .downPro{float: left; width:24.285714%; padding-left: 9.285714%; position: relative;}
.downTop .downConta{float: left; width:41.285714%; padding-left: 9.285714%; position: relative;}
.downTop .downMa{float: right; width: 138px; margin-top: 15px;}
.downTop .downMa img{float: left; width: 100%; display: block;}
.downTop .downMa span{float: left; width: 100%; line-height: 28px; margin-top: 13px; text-align: center; font-size: 14px; color: #999; display: block;}
.downTop .downTit{float: left; width: 100%; line-height: 44px; height: 44px; font-size: 16px; color: #fff; position: relative;}
.downTop .downTit::after{position: absolute; left: 0; bottom: 0; width: 32px; height: 1px; background: #e60013; content: "";}
.downTop .downList{float: left; width: 100%; margin-top: 7px; position: relative;}
.downTop .downList::after{position: absolute; left: 100%; top: 0; width: 1px; height: 140px; background: #666; content: "";}
.downTop .downList li{float: left; width: 100%;  padding-right: 15px; line-height: 24px; font-size: 14px; color: #999;}
.downTop .downList li a{float: left; width: 100%; display: block; line-height: 24px; height: 24px; font-size: 14px; color: #999;}
.downTop .downList li a:hover{color: #e60013;}
.downTop .downLink{float: left; width:100%; margin-top: 22px;color: #999;  font-size: 14px;}
.downTop .downLink .downLink_m{margin: 0 -10px;}
.downTop .downLink a{line-height: 45px; height: 45px; color: #999;padding: 0 10px; }
.downTop .downLink a:hover{color: #fff;}
.downBq{float: left; width: 100%; background: #e90111; padding: 14px 0; line-height: 32px; text-align: center; font-size: 14px; color: #fff;}
.downBq .downBq_m{padding: 0 10px;}
.downBq .dt{padding: 0 10px; color: #fff; border-left: 1px solid #fff;}
.downBq .dt:hover{color: #999;}

@media  screen and (max-width:1199px){
  .downTop .downPro,
  .downTop .downConta{padding-left: 7%;}
  .downBq .dt{width: 100%; text-align: center; float: left; display: block; border: 0;}
}
@media  screen and (max-width:991px){
  .downTop .downNav,
  .downTop .downPro,
  .downTop .downConta{padding: 0 20%; width: 100%;}
  .downTop .downTit{padding:0 20px; border-bottom: 1px solid #e60013;}
  .downTop .downTit::before{position: absolute; right: 10px; top: 50%; margin-top: -6px; width: 18px; height: 12px;background: url(images/downbg2.png) no-repeat center; content: ""; background-size: 18px 12px;}
  .downTop .downTit::after{display: none}
  .downTop .downList{display: none;}
  .downTop .downList::after{display: none;}
  .downTop .downList li{padding: 0 25px;}
  .downTop .downMa{padding: 0 40%; width: 100%; }
  .downTop .downLink{margin: 0 20%; position: relative; width: 60%; background: #e60013; margin-top: 20px;}
  .downTop .downLink i{display: none;}
  .downTop .downLink .downLink_m{position: absolute; left: 10px; bottom: 100%; width: 100%; background: rgba(255,255,255,.9); box-shadow: 1px 1px 10px rgba(0,0,0,.2); height: 300px; overflow-y: auto; overflow-x: hidden; display: none;}
  .downTop .downLink a{float: left; width: 100%; display: block; text-align: center; color: #666; line-height: 32px; height: 32px;}
  .downTop .link.on::before,
  .downTop .downTit.on::before{transform: rotate(180deg);	
  }
}
@media  screen and (max-width:767px){
  .downTop{padding: 30px 0 20px 0;}
  .downTop .downNav,
  .downTop .downPro,
  .downTop .downConta{padding: 0 10%;}
  .downTop .downTit{font-size: 14px; line-height: 38px; height: 38px; padding-left: 15px;}
  .downTop .downTit::before{ margin-top: -5px; width: 14px; height: 10px;background-size: 14px 10px;}
  .downTop .downTit::after{display: none}
  .downTop .downList{display: none;}
  .downTop .downList li{padding: 0 20px;}
  .downTop .downList::after{display: none;}
  .downTop .downMa{padding: 0 25%; width: 100%; }
  .downTop .downMa img{width: 70%; margin: 0 auto; float: none;}
  .downTop .downLink{margin: 0 10%; width: 80%; margin-top: 15px;line-height: 38px; height: 38px;}
  .downBq{padding: 10px 0; line-height: 22px; font-size: 12px;}
}


/*手机版底部菜单*/
.pf_d{ float:left; width:100%; height:50px;}
.pf_down{ width:100%; float:left; position:fixed; left:0; bottom:0; background:#fff; border-top:solid 1px #ddd; height:50px; z-index:99;}
.pf_down li{ width:33.3333%; float:left; text-align:center; padding:5px 0 0 0;}
.pf_down li .ico7{ width:100%; float:left; height:20px;}
.pf_down li .name{ width:100%; float:left; font-size:14px; color:#666; line-height:20px; font-family:"Arial";}
.pf_down li.l1 .ico7{ background:url(images/btn15.png) no-repeat center; background-size:20px 20px;}
.pf_down li.l2 .ico7{ background:url(images/btn16.png) no-repeat center; background-size:20px 20px;}
.pf_down li.l3 .ico7{ background:url(images/btn18.png) no-repeat center; background-size:20px 20px;}
.pf_down li:hover .name,
.pf_down li.on .name{ color:#e60013;}
.pf_down .l1:hover .ico7,
.pf_down .l1.on .ico7{ background:url(images/btn15_1.png) no-repeat center; background-size:20px 20px;}
.pf_down .l2:hover .ico7,
.pf_down .l2.on .ico7{ background:url(images/btn16_1.png) no-repeat center; background-size:20px 20px;}
.pf_down .l3:hover .ico7,
.pf_down .l3.on .ico7{ background:url(images/btn18_1.png) no-repeat center; background-size:20px 20px;}



.elli{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}


@media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}}
@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}}
@media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}}
@media only screen and (min-device-width: 768px) and (max-device-width: 1243px){body{-webkit-text-size-adjust:none}}

.pageBox{float:left; width:100%; line-height:30px; font-size:14px; color:#333; padding:30px 0 80px 0;}
.pageBox img{line-height:0;}
@media screen and (max-width:767px) {
    .pageBox{line-height:28px;  padding:20px 0 30px 0;}
}

.sitemap{ width:100%;float:left; padding:20px 0;}
.sitemap li{border-bottom:1px dashed #d2d2d2; padding:7px 0; float:left; line-height:40px;width:98%; padding-left:2%;  }
.sitemap li a{ margin-right:10px;font-size:12px; float:left; white-space: nowrap; font-size:14px;}
.sitemap li a:hover{color:#9e0029;}
.sitemap li .font16{ font-size:16px;  /*color:#135fb1*/}
.sitemap li .font14{font-size:14px; }
.sitemap li .font12{ font-size:12px;  color:#999}



/* 右侧漂浮 */
#Content .pf_right{ display: none; position: fixed; width: 105px; top:50%; margin-top:-200px; right: 0px; z-index: 99999999;}
#Content .pf_right.on{ display: block;}
#Content .pf_right ul{ background: #474747;}
#Content .pf_right ul li{ position: relative; height: 105px; line-height: 105px; cursor: pointer;}
#Content .pf_right ul li .ico{ display: block; width: 105px; height: 105px; background-size: 48px 40px !important;}
#Content .pf_right ul li .ico1{ background: url(/templates/cn/images/1940_side1.png) no-repeat center;}
#Content .pf_right ul li .ico2{ background: url(/templates/cn/images/1940_side2.png) no-repeat center;}
#Content .pf_right ul li .ico3{ background: url(/templates/cn/images/1940_side3.png) no-repeat center;}
#Content .pf_right ul li .ico4{ background: url(/templates/cn/images/1940_side4.png) no-repeat center;}
#Content .pf_right ul li .ico5{ background: url(/templates/cn/images/1940_side5.png) no-repeat center;}
#Content .pf_right ul li .wz{ display: none;}
#Content .pf_right ul li .img{ display: none;}
#Content .pf_right ul li .img img{display:block;}
#Content .pf_right ul li.sideWx:hover .img{ display: block; width: 105px; height: 105px; padding: 5px; border: 1px solid #ccc; background: #fff; position: absolute; right: 115px; top: 0;}
#Content .pf_right ul li.sidePh:hover .wz,
#Content .pf_right ul li.sideQQ:hover .wz,
#Content .pf_right ul li.sideDx:hover .wz{ display: block; font-size: 16px; width: 160px; height: 105px; line-height: 105px; background: #e90a19; color: #fff; position: absolute; right: 0; top: 0;}
#Content .pf_right ul li.sidePh:hover .ico,
#Content .pf_right ul li.sideQQ:hover .ico{ position: absolute; right: 160px; top: 0; background-color: #e90a19;}
#Content .pf_right ul li.sideDx:hover .ico{  background-color: #e90a19;}
#Content .pf_right ul li.sideWx:hover,
#Content .pf_right ul li.sideTop:hover{ background-color: #e90a19;}