@charset "utf-8";
/* CSS Document */
/*切图：sjh*/
/*网站：桑莱斯*/
html{ overflow-x:auto; overflow-y:auto;}
*{ padding:0; margin:0;}
ul, ol,li{ list-style-type:none;}
body{ margin:0;font-size:12px; font-family:"microsoft yahei"; color:#555; min-width:1350px; overflow: hidden;}
body::after,
body::before{content: "";display: block;clear: both;}
img{border:0}
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;}
h1,h2,h3,h4,h5,h6{ font-weight:normal; font-family:"microsoft yahei"; }
input{ margin:0; padding:0; border:0; background: none; font-family:"microsoft yahei";}
button,table{ border:none; background:none; margin:0; padding:0;}
body{ position:relative;}
i{ font-style:normal;}
input,textarea:focus{ outline:none;}

#pz_banner{float: left; width:100%; min-width:1350px; position:relative; overflow:hidden;}
#pz_main{float:left; width:100%; min-width:1350px;}
#pz_menu{float:left; width:100%; min-width:1350px;position: relative; z-index: 999;}
#pz_down{float:left; width:100%; min-width:1350px;}

.w_0100{ float:left; width:100%;}
.w_1350{ margin:0 auto; width:1350px;}
.w_1350::after,
.w_1350::before{content: ""; display: block; clear: both;}

.elli{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.fr{float: right!important;}
.tableCell{display: table-cell; vertical-align: middle;}



img.wwlogo {
    transition: all 0.6s; 
	
}
img.wwlogo:hover{
transform: scale(1.1);	 
}




/* menu */
.pz_menu01{ position: fixed!important; top: 0; left: 0; background: #13007d;}
.pz_menu01::after{width: 80%; height: 1px; background: rgba(255,255,255,.3); position: absolute; right: 0; bottom: 0; content: ""; z-index: -1;}
.pz_menu01.active{
 -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.4);
    -moz-box-shadow: 0 1px 10px rgba(0,0,0,.4);
         box-shadow: 0 1px 10px rgba(0,0,0,.4);
}
.pz_menu01.active::after{display: none;}
.pz_menu01.active .logo{filter:alpha(opacity=00);opacity:0;}
.pz_menu01.active .logo2{filter:alpha(opacity=100);opacity:1;}

.pz_menu01.bg03{background: none; }
.pz_menu01.bg03::after{width: 80%; height: 1px; background: rgba(255,255,255,.3); position: absolute; right: 0; bottom: 0; content: ""; z-index: -1;}
.pz_menu01.bg03.active{background: #13007d;}
.pz_menu01.bg03.active::after{display: none;}

.pz_menu01.bg02{background: none; border-bottom: 1px solid rgba(255,255,255,.2);}
.pz_menu01.bg02::after{display: none;}
.pz_menu01.bg02.active{background: #13007d;}

.logo{position: absolute; top: 0; left: 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;}
.logo img{display: block; position: relative; }
.logo2{float: left; width: 258px; margin-top: 12px; 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;}
.logo2 img{display: block; float: left;}
.pz_menu01.bg02 .logo2{filter:alpha(opacity=100);opacity:1;}
.menu{float: right;}
.nav{float: left;}
.nav .nli{float: left; padding: 0 12px; position: relative;}
.nav .nli span a{float: left; display: block; position: relative; padding: 26px 18px 23px 0; line-height: 44px; height: 44px; font-size: 20px; color:#fff;}
.nav .nli span a i{position: absolute; right: 0;background: url(images/menu_bg.png) no-repeat; width: 9px; height: 5px; display: block; top: 50%; margin-top: -2px; 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;}
.nav .nli.on span a,
.nav .nli span a:hover{color: #ff3300;}
.nav .nli.on span a i,
.nav .nli span a:hover i{filter:alpha(opacity=100);opacity:1;}
.nav .nli .sub{display: none; position: absolute; left: 50%; width: 110px; margin-left: -55px; top:93px; }
.nav .nli .sub ul{float: left; width: 100%; }
.nav .nli .sub li{float: left; width: 100%; text-align: center;  background: #FF5F00;margin-top: 1px;}
.nav .nli .sub li a {float: left; width: 100%; height: 40px; line-height: 40px; font-size: 14px; color: #fff; display: block;}
.nav .nli .sub li a:hover{background: rgba(255,255,255,.2);}

.search{float: right; width: 20px; height: 27px;margin-top: 33px; position: relative;padding-left: 15px;
border: 1px solid transparent;border-left: 1px solid #fff;
  -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; }

.search input{float: left; width: 0; line-height: 25px; height: 25px; font-size: 14px; color: #fff;
-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;}
.search input::-webkit-input-placeholder { color:rgba(255,255,255,.6) !important;}
.search input:-moz-placeholder {  color:rgba(255,255,255,.6) !important;}
.search input::-moz-placeholder {  color:rgba(255,255,255,.6)!important;}
.search input:-ms-input-placeholder { color:rgba(255,255,255,.6) !important; }
.search a{float: right; width: 20px; height: 27px; background: url(images/search.png) no-repeat right; display: block;}
.search:hover{border: 1px solid rgba(255,255,255,.8); padding: 0 5px; width: 130px;}
.search:hover input{width: 100px; padding-left: 5px;}



/*banner*/
.pz_slides_3 { width: 100%; overflow: hidden; position: relative; }
.pz_slides_3 ._btn{overflow:hidden; position:absolute; bottom:30px; z-index:9;}
.pz_slides_3 ._btn ul{ overflow:hidden; zoom:1; float:left; }
.pz_slides_3 ._btn ul li{float:left;width:5px; height:5px; margin:0px 8px; cursor:pointer; display:block; border: 2px solid #ccc;
 -webkit-border-radius:50%; 
    -moz-border-radius:50%;
         border-radius:50%;}
.pz_slides_3 ._btn ul li.on{ background:#ccc;}
.pz_slides_3 ._pic { width: 100%; position: relative; z-index: 0; }
.pz_slides_3 ._pic li { zoom: 1; vertical-align: middle; position: relative; }
.pz_slides_3 ._pic li img { display: block; margin: auto; }
.pz_slides_3 .prev{ position:absolute; left:40px; top:50%;  display:block; width:15px; height:26px;  margin-top: -13px; background:url(images/s_left_2.png) no-repeat;}
.pz_slides_3 .next{ position:absolute; right:40px; top:50%; display:block; width:15px; height:26px; margin-top: -13px; background:url(images/s_right_2.png) no-repeat; }
.nyBanTit{position: absolute; width: 100%; left: 0; top: 50%; text-align: center;
-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);}
.nyBanTit h2{float: left; width: 100%; line-height: 68px; height: 68px; font-size: 60px; color: #fff;}
.nyBanTit h4{float: left; width: 100%; line-height: 58px; height: 58px; font-size: 42px; color: #fff; text-transform: uppercase;}
.scroll{position: absolute; left: 50%;bottom: 40px; margin-left: -12px; width: 24px; height: 14px; background: url(images/scrollBg.png) no-repeat; }

/* down */
.c_0100_7{float: left; width: 100%; background: #070607; margin-top: 5px;}
.t_7{float: left; width: 100%; padding: 40px 0; border-bottom: 1px solid #ccc;}
.t_7 .t_7_le{float: left; width: 343px; padding-left: 40px; margin-top: 30px;}
.t_7 .t_7_r{float: right; width: 130px; padding-right: 40px;}
.m_7{float: left; padding-left: 40px; width: 750px;}
.m_7 .ul1{float: left; width: 100%; height: 203px;}
.m_7 .li1{float: left; position: relative; padding: 0 25px 0 0;}
.m_7 .li1 i{position:absolute; content: "";right: 12px; top: 50%; height: 18px; width: 1px; background: #ccc; margin-top: -9px;}
.m_7 .li1 a{float: left; display: block; font-size: 18px; color: #ccc; line-height: 34px;}
.m_7 .ul2{position: absolute; top: 100%; left: 0; width: 105%;}
.m_7 .li2{float: left; width: 100%;}
.m_7 .li2 a{float: left; display: block; font-size: 16px; color: #ccc; line-height: 34px; height: 34px;}
.m_7 ul li a:hover{color: #fff;}
.d_7{float: left; width: 100%; padding: 14px 0;}
.d_7 .d_7_1{float: left; font-size: 14px; color: #e5e5e5; line-height: 42px; width: 70%}
.d_7 .d_7_1 i{float: left; display: block; width: 55px; padding-right: 10px; display: block;}
.d_7 .d_7_2{float: right; font-size: 14px; color: #e5e5e5; line-height: 42px; width: 30%; text-align: right;}

/*  main */
.c_0100_1{float: left; width: 100%; padding-top: 18px;}
.t_1{float: left; width: 100%; position: relative;}
.t_1::after{content: ""; position: absolute; left: 50%; height: 230px; background: #a53e0a; width: 1px; top: 50%; margin-top: -115px;}
.t_1 li{float: left; width: 50%; background: #eb5405;}
.t_1 li a{float: left; width: 100%; padding: 76px 13.125% 46px 18%; 
   -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
           box-sizing: border-box;}
.t_1 .t_1_1{float: left; width:54.198473%; }
.t_1 .t_1_1 h4{float: left; width: 100%; font-size: 45px; line-height: 76px; color: #fff; height: 76px; font-weight: bold;}
.t_1 .t_1_1 h2{float: left; width: 100%; font-size: 65px; color: #fff; line-height: 94px; height: 94px;}
.t_1 .t_1_1 span{float: left; width: 255px; margin-top: 32px; font-size: 16px; text-align: center; color: #fff; line-height: 38px; height: 38px; border: 1px solid #fff;}
.t_1 .t_1_1 span i{display: inline-block; filter:alpha(opacity=00);opacity:0;
-webkit-transition: all 0.3s ease-out 0s; 
   -moz-transition: all 0.3s ease-out 0s; 
     -o-transition: all 0.3s ease-out 0s; 
        transition: all 0.3s ease-out 0s;}
.t_1 li a:hover span i{filter:alpha(opacity=100);opacity:1; padding-left: 15px;}
.t_1 img{float: right; display: block; width: 258px;}
.m_1{float: left; width: 100%; }
.m_1 ul li{float: left; width: 33.333333%; }
.m_1 ul li a{float: left; width: 100%; display: block; position: relative; overflow: hidden;}
.m_1 ul li a img{float: left; display: block; width: 100%;}
.m_1 .m_1_1{position: absolute; left: 50%; top: 50%; width: 248px; height: 70px; background: url(images/bg_1_4.png) no-repeat center; background-size: 100%; padding: 0 144px 0 40px; font-size: 35px; color: #1a1a1a; line-height: 70px;
-webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);}
.m_1 .m_1_1 h4{position: absolute; top: 0; right: 0; width: 120px; line-height: 70px; height: 70px; color: #fff; font-size: 30px; font-family: Arial; font-weight: bold; display: block;}
.m_1 .m_1_1 h4 span{float: left;
-webkit-transition: all 0.3s ease-out 0s; 
   -moz-transition: all 0.3s ease-out 0s; 
     -o-transition: all 0.3s ease-out 0s; 
        transition: all 0.3s ease-out 0s;}
.m_1 .m_1_1 h4 i{padding-left: 14px; background: url(images/bg_1_5.png) no-repeat center; display: inline-block;width: 40px; height: 70px; }
.m_1 ul li a:hover .m_1_1 h4 span{padding-right: 10px;}
.d_1{float: left; width: 100%;}
.d_1 li{float: left; width: 33.333333%; position: relative;}
.d_1 li a{float: left; width: 100%; display: block; overflow: hidden; }
.d_1 li a img{display: block; float: left; width: 100%;
-webkit-transition: all 0.3s ease-out 0s; 
   -moz-transition: all 0.3s ease-out 0s; 
     -o-transition: all 0.3s ease-out 0s; 
        transition: all 0.3s ease-out 0s;}
.d_1 .d_1_1{position: absolute; left: 50%; top: 50%; width: 253px; height: 62px; background: rgba(0,0,0,.8); text-align: center; padding: 5px 0;
-webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);}
.d_1 .d_1_1::after{width: 261px; height: 80px; position: absolute; top: -5px; left: -5px; border: 1px solid  rgba(0,0,0,.8); content: "";}
.d_1 .d_1_1 h4{float: left; width: 100%; font-size: 25px; line-height: 36px; height: 36px; color: #fff; }
.d_1 .d_1_1 span{float: left; width: 100%; display: block; font-size: 20px; line-height: 26px; height: 26px; color: #fff; }
.d_1 li a:hover 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:1799px){
  .t_1 .t_1_1 h4{font-size: 35px;}
  .t_1 .t_1_1 h2{font-size: 55px; line-height: 84px; height: 84px;}
  .t_1 .t_1_1 span{width: 220px; margin-top: 22px; }
  .t_1 img{width: 238px;}
}
@media  screen and (max-width:1569px){
  .t_1 .t_1_1{width:53%; }
  .t_1 .t_1_1 h4{font-size: 25px;}
  .t_1 .t_1_1 h2{font-size: 45px; line-height: 64px; height: 64px;}
  .t_1 .t_1_1 span{width: 200px; margin-top: 22px; }
  .t_1 img{width: 218px;}
   .m_1 .m_1_1{width: 228px; height: 60px; padding: 0 134px 0 30px; font-size: 30px;  line-height: 60px; }
  .m_1 .m_1_1 h4{ width: 110px; line-height: 60px; height: 60px; }
  .m_1 .m_1_1 h4 i{height: 60px; padding-left: 8px;}
}
.c_0100_2{float: left; padding-top: 5px; width: 100%;}
.t_2{float: left; width: 50%; position: relative; }
.t_2 a{float: left; width: 100%; display: block;}
.t_2 img{display: block; float: left; width: 100%;}
.t_2 i{position: absolute; display: block; width: 100px; height: 100px; left: 50%; top: 50%; margin-left: -50px; margin-top: -80px;}
.t_2 .t_2_1{position: absolute; width: 624px; height: 100px; border: 5px solid #eb5405; text-align: center; font-size: 50px; color: #ffffff; line-height: 100px; top: 50%; left: 50%;
-webkit-transition: all 0.3s ease-out 0s; 
   -moz-transition: all 0.3s ease-out 0s; 
     -o-transition: all 0.3s ease-out 0s; 
        transition: all 0.3s ease-out 0s;
-webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);}
.t_2 a:hover .t_2_1{background: #eb5405;}
@media  screen and (max-width:1569px){
  .t_2 .t_2_1{ width: 544px; height: 80px; border: 3px solid #eb5405; font-size: 40px;line-height: 80px;}
}
.d_2{float: left; width: 100%; padding: 106px 0 98px 0;}
.d_2 ul{float: left; width:1380px; margin: 0 -15px; }
.d_2 ul li{float: left; width: 370px; padding: 0 15px 0 75px;}
.d_2 ul li h4{float: left; width: 100%; font-size: 20px; color: #252525; line-height: 36px; height: 36px;}
.d_2 .d_2_1{float: left; width: 100%; line-height: 26px; height: auto; font-size: 15px; color: #333;}
.c_0100_3{float: left; width: 100%; }
.t_3{float: left; width: 100%; padding: 70px 0; background: #13007d; text-align: center;}
.t_3 .t_3_m{display: inline-block; *display: inline; *zoom:1; vertical-align: top;}
.t_3 .t_3_m span{float: left; line-height: 48px; height:48px; font-size: 36px; color: #fff; text-transform: uppercase;}
.t_3 .t_3_1{margin-left: 30px; height: 46px; line-height: 46px; font-size: 16px; color: #fff; border: 2px solid rgba(255,255,255,.8); text-align: center; width: 138px; padding-left: 20px; display: inline-block;}
.d_6 a i,
.d_4 .d_4_1 i,
.t_3 .t_3_1 i{filter:alpha(opacity=00);opacity:0;
-webkit-transition: all 0.3s ease-out 0s; 
   -moz-transition: all 0.3s ease-out 0s; 
     -o-transition: all 0.3s ease-out 0s; 
        transition: all 0.3s ease-out 0s;}
.t_3 .t_3_m:hover .t_3_1{border-color: #fff;}
.d_6 a:hover i,
.d_4 ul li a:hover .d_4_1 i,
.t_3 .t_3_m:hover .t_3_1 i{filter:alpha(opacity=100);opacity:1; padding-left: 15px;}
.d_3{float: left; width: 100%; padding: 35px 0 56px 0; background: #eae7e3;}
.d_3 ul{float: left; width: 1368px; margin: 0 -9px;}
.d_3 ul li{float: left; width:438px; padding: 0 9px; margin-top: 12px; }
.d_3 ul li a{float: left; width: 418px; display: block; padding: 10px; 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);}
.d_3 ul li a img{float: left; display: block;}
.d_3 .d_3_m{float: right; width: 232px; margin-top: 20px; line-height: 27px; height: 54px; font-size: 14px; color: #333; overflow: hidden;}
.d_3 ul li a:hover{background: #eb5405;}
.d_3 ul li a:hover .d_3_m{color: #fff;}
.c_0100_4{float: left; width: 100%;}
.t_4{float: left; width: 100%; padding: 114px 0 120px 0; }
.t_4 ul{float: left; width: 100%;}
.t_4 ul li{float: left; width: 25%; text-align: center; padding: 0 15px;
   -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
           box-sizing: border-box;}
.t_4 ul li .countCell{float: left; width: 100%;}
.t_4 ul li .countTit{float: left; width: 100%; font-size: 60px; line-height: 70px; height: 70px; color: #eb5405; font-weight: bold; font-family: Arial;}
.t_4 ul li h4{float: left; width: 100%; font-size:18px; line-height: 30px; color: #fff; }
.t_4 ul li h5{float: left; width: 100%; font-size:16px; line-height: 28px; color: #fff; }
.t_4 ul li .countPic{float: left; width: 100%; margin-top: 34px;}


.d_4{float: left; width: 100%; background: #ebe8e4; text-align: center; padding: 120px 0 110px 0;}
.d_4 ul{display: inline-block; *display: inline; *zoom:1; vertical-align: top;}
.d_4 ul li{float: left; width: 300px; padding: 0 35px;}
.d_4 ul li a{float: left; width: 100%; display: block;}
.d_4 ul li .d_4_pic{float: left; width: 100%;}
.d_4 ul li h4{float: left; width: 100%; line-height:42px; font-size: 24px; color: #000; margin-top: 34px; }
.d_4 .d_4_1{display: inline-block; *display: inline; *zoom:1; vertical-align: top; width: 152px; padding-left: 20px; height: 44px; line-height: 44px; font-size: 16px; color: #000; border: 2px solid #222; margin-top: 27px;}
.d_4 ul li a:hover .d_4_1{border-color: #000;}
.c_0100_5{float: left; width: 100%; padding-top: 5px;}
.d_5{float: left; width: 100%; padding: 143px 0 122px 0;}
.wrap{width: 1000px; float: left; padding: 0 175px; }
.poster-main{  width: 100px;  height: 484px; position: relative;  }
.poster-main .poster-btn{  width: 55px;  height: 270px;  position: absolute;  top:0;   cursor: pointer;  }
.poster-main .poster-prev-btn{  left: -120px;  background:url(images/s_left_1.png) no-repeat left center;  }
.poster-main .poster-next-btn{  right:-120px;  background:url(images/s_right_1.png) no-repeat right center;  }
.poster-main .poster-list .list-item{  position: absolute;  top:0;  left:0;  }
.list-item a,.list-item a img{  display: block;  width: 100%;  height: 100%;  border: 0;  }
.c_0100_6{float: left; width: 100%;}
.t_6{float: left; width: 100%; overflow:hidden; position:relative;}
.t_6 .bd{padding: 8px 0;  }
.t_6 .bd ul{ overflow:hidden; zoom:1; position: relative;}
.t_6 .bd ul::after{width: 100%; position: absolute; left: 0;bottom: 0; background: rgba(14,17,106,.8); height: 42px; content: "";}
.t_6 .bd ul li{ width: 360px; margin:0 5px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.t_6 .bd ul li a{float: left; width: 100%; display: block; position: relative; overflow: hidden;}
.t_6 .bd ul li a img{float: left; display: block;
-webkit-transition: all 0.3s ease-out 0s; 
   -moz-transition: all 0.3s ease-out 0s; 
     -o-transition: all 0.3s ease-out 0s; 
        transition: all 0.3s ease-out 0s;}
.t_6 .bd ul li a span{position: absolute; left: 0; bottom: 0; height: 42px; line-height: 42px;width: 100%; font-size: 20px; text-align: center; display: block; z-index: 9; color: #fff;}
.t_6 .bd ul li a:hover img{
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);}
.d_6{float: left; width: 100%; position: relative; height: 517px;}
.d_6 .d_6_v{float: left; }
.d_6 .d_6_m{position: absolute; width: 100%; left: 0; top: 50%; text-align: center; 
-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);}
.d_6 .d_6_m h2{float: left; width: 100%; font-size: 44px; line-height: 68px; height: 68px; color: #fff;}
.d_6 .d_6_m h4{float: left; width: 100%; font-size: 68px; line-height: 82px; height: 82px; color: #fff;}
.d_6 .d_6_m a{display: inline-block; *display: inline; *zoom:1;vertical-align: top; font-size: 14px; color: #fff; line-height: 50px; height: 50px; width: 200px; padding-left: 16px; border: 1px solid #fff; margin-top: 32px;}

/* 官网工程案例A-02 */
.c_8{float: left; width: 100%; padding-top: 65px;}
.le_8 .le_8_t{float: left; width: 100%;}
.le_8{float: left; width: 228px; border: 4px solid #e0ddd8; background: #fff; padding: 28px 24px 35px 24px; margin-bottom: 50px;}
.le_8 .le_8_tit{float: left; width: 100%; text-align: center; line-height:32px; height: 32px; font-size: 18px; color: #000;  position: relative;}
.le_8 .le_8_tit span{width: 120px;}
.le_8 .le_8_tit::after{content: ""; width: 56px; height: 1px; position: absolute; right: 0; top: 50%;background: #ccc;}
.le_8 .le_8_tit::before{content: ""; width: 56px; height: 1px; position: absolute; left: 0; top: 50%;background: #ccc;}
.le_8 ul{float: left; width: 100%;}
.le_8 ul li{float: left; width: 100%; margin-top: 15px;}
.le_8 ul li a{float: left; width: 100%; display: block;}
.le_8 ul li a img{float: left; display: block;
 -webkit-border-radius:50%; 
    -moz-border-radius:50%;
         border-radius:50%; }
.le_8 .le_8_1{float: right; width: 140px;}
.le_8 .le_8_1 h4{float: left; width: 100%; font-size: 14px; color: #606060; line-height: 22px; height: 22px;}
.le_8 .le_8_1 h5{float: left; width: 100%; font-size: 14px; color: #a7a7a7; line-height: 20px; height: 40px; overflow: hidden;}
.le_8 .le_8_1 h6{float: left; width: 100%; font-size: 12px; line-height: 14px; height: 14px; color: #a7a7a7; }
.le_8 .le_8_1 h6 span{color: #cc3844; padding-right: 5px;}
.le_8 ul li a:hover h4{color: #eb5405;}
.le_8_more{float: left; width: 100%; margin-top: 15px; text-align: center;}
.le_8_more a{display: inline-block; *display: inline; *zoom:1;vertical-align: top; width: 104px; height: 20px; font-size: 14px; color: #fff; background: #083650;}
.le_8_more2 a:hover,
.le_8_more a:hover{background: #eb5405;}
.le_8 .le_8_d{float: left; width: 100%; margin-top: 50px;}
.le_8 .le_8_2{float: left; width: 100%; line-height: 20px; height: 60px; overflow: hidden; font-size: 14px; color:#a7a7a7; margin-top: 20px; }
.le_8 .le_8_3{float: left; width: 100%; margin-top: 30px;}
.le_8 .le_8_3 a{float: left; width: 100%; display: block; margin-top: 5px;}
.le_8_more2{float: left; width: 100%; margin-top: 22px;}
.le_8_more2 a{float: left; width: 100%; height: 25px; line-height: 25px; text-align: center; font-size: 14px; color: #fff; background: #083650; display: block;}
.le_8 .le_8_m{float: left; width: 100%; margin-top: 30px; text-align: center;}
.le_8 .le_8_m span{float: left; width: 100%; font-size: 14px; color: #363435; line-height: 20px;}

.r_8{float: right; width: 1034px;}
.r_8 ul{margin-top: -38px; float: left; width: 100%;}
.r_8 ul li{float: left; width: 100%; padding: 38px 0; border-bottom: 1px dotted #b5b5b5;}
.r_8 ul li a{float: left; width: 100%; display: block;}
.r_8 ul li a i{float: left; display: block; width: 302px; overflow: hidden;}
.r_8 ul li a img{float: left; display: block;
-webkit-transition: all 0.3s ease-out 0s; 
   -moz-transition: all 0.3s ease-out 0s; 
     -o-transition: all 0.3s ease-out 0s; 
        transition: all 0.3s ease-out 0s;}
.r_8 .r_8_m{float: right; width:700px; }
.r_8 .r_8_m h4{float: left; width: 100%; font-size: 28px; line-height: 45px; height: 45px; color: #000;}
.r_8 .r_8_m .r_8_1{float: left; width: 100%; font-size: 22px; line-height: 36px; height: 108px; color: #4d4d4d; overflow: hidden;}
.r_8 .r_8_m .r_8_2{float: left; width: 174px; height: 34px; font-size: 22px; line-height: 34px; color: #fff; background: #083650; margin-top: 35px; display: block; text-align: center;
-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;}
.r_8 ul li a:hover img{
  -webkit-transform: scale(1.05);
     -moz-transform: scale(1.05);
       -o-transform: scale(1.05);
          transform: scale(1.05);}
.r_8 ul li a:hover .r_8_2{background: #eb5405;}


/* 官网工程案例A-03 */
.r_9{float: right; width: 1034px; padding-bottom: 85px;}
.r_9_t{float: left; width: 100%; height: 20px; line-height: 20px; font-size: 18px;}
.r_9_t a{color: #000;  padding-right: 2px;}
.r_9_t a:hover{color: #eb5405;}
.r_9_d{float: left; width: 100%; padding-top: 50px;}
.r_9_d h2{float: left; width: 100%; font-size: 44px; line-height: 60px;  color: #000; font-weight: bold;}
.r_9_d .r_9_s{float: left; width: 100%; font-size: 20px; line-height: 40px; height: 40px; display: block;}
.r_9_d .r_9_s i{color: #eb5405;}
.r_9_d .r_9_d_m{float: left; width: 100%; padding-top: 60px; line-height: 34px; font-size: 24px; color: #4d4d4d; padding-bottom: 34px; border-bottom: 1px dotted #626262;}
.r_9_1{float: left; width: 100%; padding-top: 32px;}
.r_9_1 h4{float: left; width: 100%; font-size: 24px; color: #4d4d4d; line-height: 40px; height: 40px; }
.r_9_1 a{float: left; max-width: 100%; line-height: 40px; height: 40px; display: block; color: #000; font-size: 24px;}
.r_9_1 a:hover{color: #eb5405;}
.picFocus9{padding-top: 80px; margin:0 auto;  width:1034px; position:relative;  overflow:hidden;  zoom:1;   }
.picFocus9 .hd{ width:938px; margin-top:20px; padding: 0 48px;  overflow:hidden; position: relative;}
.picFocus9 .hd .prev,
.picFocus9 .hd .next{ display:block;  width:48px; height:77px; position: absolute; left: 0; top: 50%; margin-top: -38px;cursor:pointer; background:url("images/ny_left01.jpg") no-repeat;}
.picFocus9 .hd .next{ background: url(images/ny_right01.jpg) no-repeat; left: auto; right: 0;}
.picFocus9 .hd ul{width: 100%; margin-right:-5px;  overflow:hidden; zoom:1; }
.picFocus9 .hd ul li{ padding: 0 10px; float:left;  text-align:center;  }
.picFocus9 .hd ul li img{ cursor:pointer;  border: 2px solid #fff;  }
.picFocus9 .hd ul li.on img{border-color: #eb5405; }
.picFocus9 .bd li{ vertical-align:middle; }
.picFocus9 .bd img{ display:block;  }

/* 官网工程用户页 */
.r_10{float: right; width: 1034px; padding-bottom: 120px;}
.t_10{float: left; width: 100%;}
.t_10 .t_10_le{float: left; width: 300px; padding-left: 15px;}
.t_10 .t_10_le h2{float: left; width: 100%; line-height: 50px; height: 100px; overflow: hidden; font-size: 30px; color: #870601; font-weight: bold;}
.t_10 .le_10_1{float: left; width: 100%; margin-top: 156px;}
.t_10 .le_10_1 h4{float: left; width: 100%; line-height: 40px; color: #000; font-size: 24px; font-weight: bold;}
.t_10 .le_10_1 select{float: left; width: 266px; height: 32px; line-height: 32px; border: 2px solid #9e9692; outline: none; margin-top: 8px; font-size: 18px;
 -webkit-border-radius:4px; 
    -moz-border-radius:4px;
         border-radius:4px;}
.t_10 .le_10_1 a{float: left; width:115px; padding: 0 30px 0 23px; background: #eb5405 url(images/bg_10_5.png) no-repeat 143px center; line-height: 30px; height: 30px;color: #fff; font-size: 18px;margin-top: 28px; display: block;}
.t_10 .le_10_1 a: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);}
.t_10 .t_10_r{float: right; width: 700px;}
.t_10 .t_10_r img{display: block;}
.d_10{float: left; width: 1034px; margin-top: 52px; position: relative; overflow: hidden;}
.d_10 .hd{position: absolute; width: 520px; height: 340px; top: 30px; left: 10px; overflow: hidden;z-index: 9;}
.d_10 .hd ul{float: left; width: 100%;}
.d_10 .hd ul li{float: left; padding: 0 10px; margin-top: 20px; cursor: pointer;}
.d_10 .hd ul li a{float: left; width: 148px; height: 148px; border: 1px solid #fff;  display: block;}
.d_10 .hd ul li a span{float: left; width:133px; padding-left: 15px; line-height: 40px; height: 40px; font-size: 20px; font-weight: bold; color: #fff; display: block;}
.d_10 .hd ul li a h4{float: left; width: 100%; font-size:22px; color: #fff; line-height: 40px; margin-top:50px; text-align: center;}
.d_10 .hd ul li.on a,
.d_10 .hd ul li a:hover{background: #eb5405; border-color: #eb5405;}
.d_10 .bd{float: left; width: 100%; text-align: center;}
.d_10 .bd .d_10_t{float:left; width: 100%; position: relative;}
.d_10 .bd .d_10_t::before{position: absolute; left: 0; top: 0; background: url(images/bg_10_1.png) no-repeat; width: 733px; height: 420px; content: "";}
.d_10 .bd .d_10_t img{float: left; display: block;}
.d_10 .bd .d_10_d{float: left; width: 100%; text-align: center; margin-top: 50px;}
.d_10 .bd .d_10_d img{display: block; margin: 0 auto;}
.d_10 .bd .d_10_1{display: inline-block; *display:inline; *zoom:1; vertical-align: top; width: 760px; border-left: 2px solid #000; border-bottom: 2px solid #000;}
.d_10 .bd .d_10_1 h3{float: left; width:470px; padding-left: 40px; line-height: 70px; height: 70px; font-size: 50px;  color: #000; font-weight: bold; padding-right: 80px; background: url(images/bg_10_2.png) no-repeat right; text-align: left;}
.d_10 .bd .d_10_1 span{float: right; width: 160px; padding-right: 10px; color: #eb5405; text-align: right; line-height: 70px; height: 70px; font-size: 50px;}
.d_10 .bd .d_10_2{display: inline-block; *display:inline; *zoom:1; vertical-align: top; width:670px; margin-top: 60px;  }
.d_10 .bd .d_10_2 h4{float: left; width: 100%; font-size:48px; line-height: 68px; height: 68px; color: #868686; border-bottom: 2px solid #eb5405;  }
.d_10 .bd .d_10_2 ul{float: left; width: 100%;}
.d_10 .bd .d_10_2 ul li{margin-top: 20px; float: left; width: 100%;}
.d_10 .bd .d_10_2 ul li span{float: left; width: 100%; line-height: 45px; height: auto; font-size: 40px; color: #000; display: block; border-bottom: 2px solid #eb5405; padding-bottom: 10px; margin-top: 20px;}
.d_10 .bd .d_10_3{float: left; width: 100%; margin-top: 50px;}
.d_10 .bd .d_10_3 > h4{float: left; width: 100%; font-size: 38px; color: #eb5405;line-height: 70px; font-weight: bold;}
.d_10 .bd .d_10_3 > h3{float: left; width: 100%; font-size: 45px; color: #eb5405;line-height: 70px; font-weight: bold;}
.d_10 .bd .d_10_3 > span{float: left; width: 100%; display: block; font-size: 34px; color: #474747; line-height: 60px; font-weight: bold; margin-top: 50px; padding-bottom: 10px;}
.d_10 .bd .d_10_3 > img{margin-top: 25px;}
.d_10 .bd .d_10_3 ul{display: inline-block; *display:inline; *zoom:1; vertical-align: top; width: 800px; margin-top: 65px;}
.d_10 .bd .d_10_3 ul li{float: left; width: 100%; margin-top: 25px;}
.d_10 .bd .d_10_3 ul li .span02{float: left; min-width: 196px; padding-right:22px; display: block; background: #eb5405; font-size: 32px; line-height: 50px; height: 50px; text-align: center; font-weight: bold; color: #fff;}
.d_10 .bd .d_10_in{float: left; margin-left: -28px; width: 520px; border: 2px solid #c4c1bb; margin-top: 64px; position: relative; padding: 7px 28px 35px 28px; background: #fff; text-align: left; }
.d_10 .bd .d_10_in::before{position: absolute; content: ""; background: url(images/bg_10_4.png) no-repeat; width: 29px; height: 66px; bottom: 100%; left: -2px;}
.d_10 .bd .d_10_in h4{float: left; width: 100%; font-size: 24px; color: #eb5405; line-height: 40px; height: 40px; font-weight: bold;}
.d_10 .bd .d_10_in .span03{float: left; display: block;  width: 204px; padding-left: 46px; margin-top: 5px; line-height: 30px; height: 30px; color: #333; font-size: 20px; background: url(images/bg_10_3.png) no-repeat left;}
.d_10 .bd .d_10_in h5{float: left; width: 100%; line-height: 28px;  font-size: 20px; color: #333;margin-top: 5px;  }

/* 工程用户页-弹窗 */
.tc_14,
.tc_10{display: none; position: fixed; width: 100%; height: 100%; z-index: 999; left: 0; top: 0; background: rgba(0,0,0,.57);}
.tc_14 .tc_14_m,
.tc_10 .tc_10_m{position: absolute; width: 1090px; left: 50%; top: 50%; border-bottom: 32px solid #083650;background: #fff; padding: 20px 40px 58px 40px;
 -webkit-box-shadow: 2px 2px 10px rgba(0,0,0,.8);
    -moz-box-shadow: 2px 2px 10px rgba(0,0,0,.8);
         box-shadow: 2px 2px 10px rgba(0,0,0,.8);  
-webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);}
.tc_14 .tc_14_m .cha,
.tc_10 .tc_10_m .cha{position: absolute; top: -18px; right: -18px; width: 45px; height: 44px; background: url(images/cha.png) no-repeat; cursor: pointer;}
.tc_14 .tc_14_d img,
.tc_10 .tc_10_m img{float: left; display: block;}
.tc_10 .tc_10_r{float: right; width: 448px; line-height: 34px; color: #000; font-size: 18px;}
.tc_10 .tc_10_r .tc_10_tit{float: left; width: 100%;  color: #000; font-weight: bold; font-size: 20px; line-height: 40px; padding-top: 20px;}

/* 官网新闻 */
.c_11{float: left; width: 100%; padding-bottom: 75px;}
.t_11{float: left; width: 100%; padding: 56px 0; text-align: center; background: #083650;}
.t_11 h4{float: left; width: 100%; font-size: 35px; color: #fff; line-height: 74px; height: 74px; }
.d_11{float: left; width: 100%; margin-top: 12px;}
.d_11 ul{float: left; width: 1366px; margin: 0 -8px;}
.d_11 ul li{float: left; width: 439px; padding: 0 8px; margin-top: 12px;}
.d_11 ul li a{float: left; width:420px; padding: 12px; background: #fff; display: block; 
 -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,.3);
    -moz-box-shadow: 2px 2px 30px rgba(0,0,0,.3);
         box-shadow: 2px 2px 30px rgba(0,0,0,.3);}
.d_11 ul li a img{float: left; display: block;}
.d_11 ul li a h4{float: right; width: 220px; line-height: 26px; height: 52px; overflow: hidden; font-size: 14px; color: #333; margin-top: 19px;}
.d_11 ul li a:hover{background: #eb5405;}
.d_11 ul li a:hover h4{color: #fff;}

/* 官网企业介绍 */
.c_12{float: right; width: 1034px; padding-bottom: 70px; text-align: center;}
.c_12 .c_12_m{float: left; width: 100%; margin-top: 20px; padding-bottom: 80px; text-align:  left;}
.c_12 .c_12_m h2{float: left; width: 100%; font-size: 42px; line-height: 60px; height: 60px; color: #eb5405; font-weight: bold;}
.c_12 .c_12_m h4{float: left; width: 100%; font-size: 32px; line-height: 54px; height: 54px; color: #eb5405; text-transform: uppercase;}
.c_12 .c_12_1{float: left; width: 100%; margin-top: 24px; line-height: 30px; font-size: 18px; color: #060606;}

/* 官网企业理念 */
.c_13{float: right; width: 1034px; padding-bottom: 50px;}
.c_13 ul{float: left; width: 100%; margin-top: -68px; position: relative;}
.c_13 ul::after{position: absolute; width: 100%; height: 1px; background: #fff; left: 0; bottom: 0; content: "";}
.c_13 li{float: left; width: 974px; padding: 68px 30px;border-bottom: 1px dotted #4d4d4d;}
.c_13 .t_13{float: left; width:864px; padding-left: 110px; position: relative;}
.c_13 .t_13 img{position: absolute; left: 0; top: 0;}
.c_13 .t_13  h4{float: left; width: 100%; padding: 25px 0; line-height: 40px; height: 40px; font-size:28px; color: #eb5405; }
.c_13 .d_13{float: left; width: 100%; font-size: 18px; margin-top: 40px; line-height: 30px; color: #060606;}

/* 官网家庭用户A-02 */
.c_14{float: right; width: 1034px; min-height: 1200px;}
.t_14{float: left; width: 100%;}
.t_14 .span01{float: left;width: 188px; text-align: center; line-height: 50px; height: 50px; font-size: 28px; color: #fff; background: #eb5405; display: block;}
.t_14 h4{float: left; width:820px; padding-left: 26px; line-height: 50px; font-size: 28px; color: #000;}
.d_14{float: left; width: 100%; margin-top: 35px; position: relative;}
.d_14 a{position: absolute; width: 75px; height: 75px; background: url(images/bg_14_1.png) no-repeat; display: block;}
.d_14 .d_14_tc{display: none;}

/* 弹窗 */
.tc_14 .tc_14_m{padding: 45px 50px 50px 50px; width: 1080px;}
.tc_14 .d_14_txt{float: right; width:448px; padding-left: 20px; }
.tc_14 .d_14_txt h2{float: left; width: 100%; line-height: 40px; font-size:20px; font-weight: bold; color: #000;}
.tc_14 .d_14_txt span,
.tc_14 .d_14_txt h4{float: left; width: 100%; line-height: 28px; font-size:18px; font-weight: bold; color: #000; margin-top: 35px;}
.tc_14 .d_14_txt span{font-weight: normal; margin-top: 0;}

/* 官网内页发泡胶A-02 */
.c_15{float: right; width: 1034px; min-height: 1200px;}
.c_15 ul{float: left; width: 100%; margin-top: -70px; padding-bottom: 80px;}
.c_15 ul li{float: left; width: 100%; margin-top: 70px;
 -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); }
.c_15 ul li img{float: left; display: block;}
.r_15{float: left; width: 368px;}
.r_15 > img{float: left; display: block;}
.r_15 .r_15_m{float: left; width: 100%; margin-top: 13px; background: #eb5405;}
.r_15 .r_15_1{float: left; padding: 0 8px; line-height: 48px; height: 48px;}
.r_15 .r_15_1 i{float: left; padding: 0 5px; margin-top: 10px;}
.r_15 .r_15_1 i img{display: block;}
.r_15 .r_15_1 span{float: left; padding: 0 2px; font-size: 22px; color: #fff; }
.le_15{float: left; padding: 0 40px; background: #fff; width: 586px;}
.le_15 .le_15_1{float: left; width: 100%; margin-top: 34px; }
.le_15 .le_15_1 a{float: left; width: 280px; line-height: 68px; height: 68px; display: block; font-size: 18px; color: #4d4d4d; border: 1px solid #4d4d4d; text-align: center;}
.le_15 .le_15_1 a:hover{background: #eb5405; color: #fff; border-color: #eb5405;}
.le_15 .le_15_2{float: left; width: 100%; margin-top: 13px; }
.le_15 .le_15_2 h4{float: left; width: 100%; line-height: 28px; height: 28px; font-size: 16px; color: #fff; text-align: center; background: #b3b3b3;}
.le_15 .le_15_2 span{float: left; width: 100%; line-height: 20px;  font-size: 16px; display: block; margin-top: 10px; color: #4d4d4d; max-height:100px; overflow: hidden;}
.t_15{float: left; width:100%; margin-top: 50px; }
.t_15 .t_15_le{float: left; width: 240px;}
.t_15 .t_15_le h3{float: left; width: 100%; font-size: 34px; line-height: 38px; height: 38px; color: #000; font-weight: bold;}
.t_15 .t_15_le h4{float: left; width: 100%; font-size: 18px; line-height: 32px; height: 32px; color: #000;}
.t_15 a{float: right; width: 338px; height: 66px; line-height: 66px; text-align: center; display: block; border: 1px solid #eb5405; font-size: 27px; color: #eb5405;}
.t_15 a:hover{background: #eb5405; color: #fff;}

/* 官网内页发泡胶产品页 */
.c_16{float: right; width: 1034px; padding-bottom: 50px;}
.t_16{float: left; width: 100%; border: 1px solid #e4e4e4;}
.t_16 .t_16_le{float: left; width: 355px; background: #083650; 
/* padding-top:16px; */
 }
.t_16 img{float: left; display: block;}
.t_16 .t_16_r{float: right; width: 596px; padding: 0 35px;}
.t_16 .t_16_r h2{float: left; width: 100%; font-size:28px; color: #eb5405; line-height: 40px; height: 40px; font-weight: bold; margin-top: 52px;}
.t_16 .t_16_r span{float: left; width: 100%; line-height: 28px; height: 28px; font-size: 18px; color: #040404; display: block;}
.t_16 .t_16_r ul{float: left; width: 100%; margin-top: 19px;}
.t_16 .t_16_r ul li{float: left; width: 65px; padding-right: 15px;}
.t_16 .t_16_r ul li img{display: block; float: left; }
.t_16 .t_16_1{float: left; width: 550px; margin-left: -20px; border: 1px solid #eb5405; padding: 0 20px 15px 20px; margin-top: 20px;}
.t_16 .t_16_1 h4{float: left; width: 100%; line-height: 40px; font-size:18px; color: #eb5405; font-weight: bold; height: 40px;}
.t_16 .t_16_1 span{float: left; width: 100%; line-height: 24px; font-size:15px; color: #4D4D4D;height: 48px; overflow: hidden; display: block;}
.d_16{float: left; width: 100%; margin-top: 45px;}
.d_16 .d_16_tit{float: left; width: 100%; border-top: 2px solid #4d4d4d; padding-top: 32px;}
.d_16 .d_16_tit h4{float: left; width: 100%; line-height: 44px; height: 44px; font-size: 24px; color: #eb5405; font-weight: bold;}
.d_16 .d_16_1{float: left; width: 100%; margin-top: 15px; padding-bottom: 60px;}
.d_16 .d_16_1 li{width: 344px; height: 228px;}
.d_16 .d_16_1 .d_16_c{float: left; height: 228px;    width: 100%; background: #eb5405; display: table;}
.d_16 .d_16_1 .d_16_c span{float: left; line-height: 36px; height: 72px; color: #fff; width: 100%; display: block; text-align: center; font-size: 24px;}
.d_16 .d_16_1 .d_1_1{width: 188px; height: 54px; padding: 0; background: rgba(0,0,0,.6);}
.d_16 .d_16_1 .d_1_1 h4{float: left; width: 100%; line-height: 54px; font-size: 24px;color: #fff;}
.d_16 .d_16_1 .d_1_1::after{width: 192px; height:58px; left: -3px; top: -3px; }
.d_16 .d_16_2{float: left; width: 100%; margin-top: 16px; padding-bottom: 49px;}
.d_16 .d_16_2 ul{float: left; width:400px; border: 1px solid #ccc; padding: 25px 50px; }
.d_16 .d_16_3 .ul1 li,
.d_16 .d_16_2 ul li{float: left; width: 374px; padding-left: 26px; position: relative; line-height: 29px; height: 29px; font-size: 15px; color: #000;}
.d_16 .d_16_3 .ul1 li i,
.d_16 .d_16_2 ul li i{position: absolute; width: 17px; height: 17px; display: block; left: 0; top: 50%; margin-top: -8px; background: #000; color: #fff; font-size: 12px; font-weight: bold; line-height: 17px; text-align: center;}
.d_16 .d_16_3{float: left; width: 100%; margin-top: 16px; padding-bottom: 60px;}
.d_16 .d_16_3 .ul1{float: left; width: 100%;}
.d_16 .d_16_3 .ul1 li{width: 1008px;}
.d_16 .d_16_3 .ul2{float: left; width: 1070px; padding-top: 22px; margin: 0 -18px;}
.d_16 .d_16_3 .ul2 li{float: left; padding: 22px 20px 0 20px;}
.d_16 .d_16_3 .ul2 li img{display: block;}
.d_16 .d_16_4{float: left; width: 100%; }
.d_16 .d_16_4 ul{float: left; width: 1048px; margin: 0 -7px;}
.d_16 .d_16_4 ul li{float: left; width: 331px; height: 43px; line-height: 43px; text-align: center; font-size: 14px; color: #000; border: 2px solid rgba(0,0,0,.4); margin: 14px 7px 0 7px;}
.d_16 .d_16_5{float: left; width: 100%; margin-top: 16px;}
.d_16 .d_16_5 ul{float: left; width: 100%; padding-bottom: 60px;}
.d_16 .d_16_5 ul li{float: left; width: 258px; overflow: hidden; position: relative;}
.d_16 .d_16_5 ul li img{float: left; display: block;}
.d_16 .d_16_5 ul li span{position: absolute; left: 50%; top: 50%; display: block; width: 120px; height: 50px; line-height: 50px; color: #fff; text-align: center; background: rgba(0,0,0,.6); margin-left: -60px; margin-top: -25px; font-size: 24px; }
.d_16 .d_16_5 ul li span::after{content: ""; position: absolute; width: 124px; height:54px; border: 1px solid rgba(0,0,0,.6); left: -3px; top: -3px; }
.d_16 .d_16_6{float: left; width: 100%; padding: 16px 0 60px 0; line-height:40px; font-size: 15px; color: #000; font-weight: bold;}

/* 官网企业承诺 */
.c_17{float: right; width: 1034px; padding-bottom: 60px;}
.t_17{float: left; width: 100%; }
.t_17 h2{float: left; width: 100%; line-height: 50px; height: 50px; font-size: 42px; color: #eb5405; font-weight: bold;}
.t_17 h4{float: left; width: 100%; height: 48px; line-height: 48px; font-size: 40px; color: #eb5405;}
.d_17{float: left; width: 100%; }
.d_17 ul{float: left; width: 100%; position: relative;}
.d_17 ul::after{position: absolute; content: ""; width: 100%; bottom: 0; left: 0; height: 1px; background: #fff;}
.d_17 ul li{float: left; width: 100%; padding: 50px 0; border-bottom: 1px dotted #4d4d4d;}
.d_17 ul li img{float: left; display: block;}
.d_17 .d_17_1{float: right; width: 700px; padding-right: 35px;}
.d_17 .d_17_1 h4{float: left; width: 100%; line-height: 34px; font-size: 22px; color: #eb5405; height: 34px; margin-top: 26px;}
.d_17 .d_17_1 span{float: left; width: 100%; display: block; font-size: 18px; color: #060506; line-height: 28px; height: 56px; overflow: hidden; margin-top: 32px;}

/* 官网企业历史 */
.c_18{float: right; width: 1034px; padding-bottom: 60px;}
.c_18 ul{float: left; width: 100%;  position: relative; padding-bottom: 40px;}
.c_18 ul::after{position: absolute; content: ""; width: 2px; height: 100%; background: #e70012; top: 0; left: 50%; margin-left: -1px; z-index: -2;}
.c_18 .t_18{float: left; width: 100%; text-align: center;}
.c_18 .t_18 .span01{display: inline-block; *display: inline; *zoom:1; vertical-align: top; width: 72px; height: 72px; background: #e70012; color: #fff; line-height: 72px; text-align: center; font-size: 22px; font-weight: bold; position: relative;
 -webkit-border-radius:50%; 
    -moz-border-radius:50%;
         border-radius:50%;}
.c_18 .t_18 .span01::after{position: absolute; content: ""; width: 80px; height: 80px; border: 3px solid #e70012; background: #fff; left: -7px; top: -7px; z-index: -1;
 -webkit-border-radius:50%; 
    -moz-border-radius:50%;
         border-radius:50%;}
.c_18 ul li{float: right; width:479px;position: relative; margin: 30px 0 20px 517px;}
.c_18 ul li::before{position: absolute; width: 26px; height: 26px; background: #eb5405; left: -51px; top: 14px; content: ""; z-index: 2;
-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-border-radius:50%; 
    -moz-border-radius:50%;
         border-radius:50%;}
.c_18 ul li::after{position: absolute; content: ""; width: 42px; height: 42px; background: #fff; border: 3px solid #e70012; left: -62px; top: 3px;
 -webkit-border-radius:50%; 
    -moz-border-radius:50%;
         border-radius:50%;}
.c_18 ul li h4{float: left; width: 449px; line-height: 46px; height: 46px; color: #fff; font-size: 20px; background: #eb5405; padding: 0 15px; position: relative;
 -webkit-border-radius:5px 5px 0 0; 
    -moz-border-radius:5px 5px 0 0;
         border-radius:5px 5px 0 0;}
.c_18 ul li h4::before{position: absolute; content: ""; width: 11px; height: 22px; background: url(images/bg_18_1.png) no-repeat; left: -11px; top: 10px;}
.c_18 ul li .span02{float: left; width: 449px; display: block; line-height: 30px; padding: 8px 15px; background: #ddd; font-size: 20px; color: #000;
 -webkit-border-radius: 0 0 5px 5px; 
    -moz-border-radius: 0 0 5px 5px;
         border-radius: 0 0 5px 5px;}
.c_18 ul li:hover::before{ width: 36px; height: 36px; top: 9px; left:-56px; }

.c_18 ul.even li{float: left; margin: 30px 517px 20px 0;}
.c_18 ul.even li::before{right: -51px;  left: auto; background: #c67631;}
.c_18 ul.even li::after{right: -62px; left: auto;}
.c_18 ul.even li h4{background: #c67631;}
.c_18 ul.even li h4::before{right: -11px; left: auto; background: url(images/bg_18_2.png) no-repeat;}
.c_18 ul.even li:hover::before{left:auto; right: -56px; }
/* 官网经销加盟 */
.c_0100_19{float: left; width: 100%;}
.t_19{float: left; width: 100%;}
.t_19 img{display: block; float: left;}
.t_19 .t_19_1{float: left; width: 100%; padding: 38px 0;}
.t_19 .t_19_1 h4{float: left; width: 100%; line-height: 50px; height: 50px; color: #000; font-weight: bold; font-size: 30px;}
.t_19 .t_19_1 ul{float: left; width: 1370px; margin: 0 -10px; padding-top: 10px;}
.t_19 .t_19_1 ul li{float: left; width: 33.333%; padding: 10px;
   -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
           box-sizing: border-box;}
.t_19 .t_19_1 ul li span{float: left; width: 100%; line-height: 60px; height: 60px; text-align: center; font-size: 20px; color: #000; display: block;  border: 2px solid rgba(0,0,0,.6);}
.m_19{float: left; width: 100%;}
.m_19 .m_19_1{float: left; width: 100%; padding-bottom: 70px;}
.m_19 .m_19_1 ul{float: left; width: 100%;}
.m_19 .m_19_1 li{float: left; width: 25%; text-align: center; margin-top: 67px;}
.m_19 .m_19_1 li span{float: left; width: 100%; line-height:23px; font-size: 18px; color: #818181; display: block; height: 46px; margin-top: 20px; }
.m_19 .m_19_2,
.m_19 .m_19_3{float: left; width: 100%;}
.m_19 .m_19_3 ul{float: left; width: 100%;}
.m_19 .m_19_3 ul li{float: left; width: 25%; position: relative;}
.m_19 .m_19_3 ul li a{float: left; width: 100%; display: block;  overflow: hidden;}
.m_19_4 ul li a img,
.m_19 .m_19_3 ul li img{float: left; width: 100%; display: block;
-webkit-transition: all 0.3s ease-out 0s; 
   -moz-transition: all 0.3s ease-out 0s; 
     -o-transition: all 0.3s ease-out 0s; 
        transition: all 0.3s ease-out 0s;}
.m_19_4 ul li a:hover img,
.m_19 .m_19_3 ul li a:hover img{
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);}
.m_19_4{float: left; width: 100%; }
.m_19_4 ul{float: left; width: 100%;}
.m_19_4 ul li{float: left; width: 33.333333%;}
.m_19_4 ul li a{float: left; width: 100%; display: block; overflow: hidden;}
.m_19_4 ul li a img{float: left; width: 100%; display: block;}
.d_19{float: left; width: 100%; background: #f7f7f7; padding: 32px 0;}
.d_19 .d_19_m{float: left; width: 100%; padding: 12px; 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);  
   -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
           box-sizing: border-box;}
.d_19 .d_19_m i{float: left; width:30%; display: block; }
.d_19 .d_19_m i img{float: left; width: 100%; display: block;}
.d_19 .d_19_r{float: right; width: 63%; padding-right: 48px;}
.d_19 .d_19_r h4{float: left; width: 100%; text-align: center; line-height: 58px; height: 58px; font-size: 22px; margin-top: 52px; color: #000;}
.d_19 .d_19_r span{float: left; width: 100%; display: block; line-height: 38px; height:190px; overflow: hidden; color: #000; font-size: 18px; padding: 20px 0; border-bottom:1px solid #d1d1d2;}
.d_19 .d_19_r ul{float: left; width: 100%; margin-top: 30px;}
.d_19 .d_19_r ul li{float: left; width: 33.333333%; overflow: hidden;}
.d_19 .d_19_r ul li img{float: left; width: 100%; display: block;}

/* 官网企业荣誉 */
.c_0100_20{float: left; width: 100%; padding-bottom: 54px; background:url(images/bg_20_1.jpg) repeat-x bottom; }
.t_20{float: left; width: 100%; position: relative;}
.t_20 .t_20_le{position: absolute; left: 0; top: 0; width: 32.8125%; height: 100%; background: #eaeaea url(images/bg_20_2.png) no-repeat center;}
.t_20 .t_20_r{float: right; width: 67.1875%; line-height: 36px; font-size: 19px;color: #fff; background: #083650; padding: 80px;
   -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
           box-sizing: border-box;}
.d_20{float: left; width: 100%; }
.d_20 .d_20_m{float: left; width: 100%; padding-top: 53px; background: url(images/bg_20_4.jpg) repeat-x top;}
.d_20 .ul1{float: left; width: 100%; margin-top: 146px;}
.d_20 .ul1 li{float: left; width: 100%;}
.d_20 .ul1 li img{float: left; display: block;}
.d_20 .ul2{float: left; width: 100%;}
.d_20 .ul2 li{float: left; width: 33.333333%; text-align: center;}



/* 分页 */
.d_0100_fy{ float:left; width:100%; text-align:center; margin-top:80px; margin-bottom: 120px;}
.pz_fy{display:inline-block; *display:inline; *zoom:1;vertical-align: top;}
.pz_fy a { display:block; float:left; width:58px; height:58px; text-align:center; line-height:58px; border:1px solid #e1e1e1; font-size:22px; color:#4d4d4d; margin:0 4px;}
.pz_fy a:hover,
.pz_fy a.on{color: #fff; border:1px solid #083650; background:#083650; text-decoration:none;}
.d_0100_fy.fy02{margin-top: 30px; margin-bottom: 0;}
.d_0100_fy.fy02 .pz_fy a:hover,
.d_0100_fy.fy02 .pz_fy a.on{color: #fff; border:1px solid #eb5405; background:#eb5405; text-decoration:none;}






































