@charset "utf-8";
/* CSS Document */
body{
	margin:0px;
	padding:0px;
	font-size:100%;
	font-family: "Microsoft Yahei","微软雅黑",Tahoma,Arial,Helvetica,"宋体";
}

html, body {
  height: 100% !important;
  margin:0 !important;
}

ul,h1,h2,h3,h4,h5,h6{list-style:none;margin:0px;padding:0px; font-weight:normal;}
img{max-width:100%;}
.bannerbg img{width:100%;}
p{padding:0px; margin:0px;}
.clear{clear:both;}
.black{background-color:#333;width:100%;height:40px; line-height:40px;color:#FFF;}
a{color:#3D3D3D; text-decoration:none;}
a:visited{color:#3D3D3D;}
a:hover{color:#DB0032;}
a.white{color:#FFF;text-decoration:none; font-size:14px;}
a:visited.white{color:#FFF;}
.wrapper{width:82.5%; max-width:100%;  margin:0 auto;}
.wrapper2{width:87.5%; max-width:100%; height: 100%;margin:0 auto;}
.wrapperB{width: 95%;	margin:0 auto;}
.wrapper-p{max-width: 1400px;	margin:0 auto;}
.sss2{display:none;}
.eng{ color:#FFF;}
.topr a:visited{color:#FFF;}
.fixnav{ position: fixed;
top: 0px;
z-index: 99998;
width: 100%;
transition: 0.3s;}
.fixnavScrol {
  background: #FFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  transition: 0.3s;
}
.ss2,.sss2{display:none;}
.fixnavScrol .menu-2 a{color:#000;}
.fixnavScrol .eng{color:#000;}
.fixnavScrol .ss,.fixnavScrol .sss{display:none;}
.fixnavScrol .ss2,.fixnavScrol .sss2{display:inline;}
.fixnavScrol .menu-2  a:hover {
  color: #000;
}
.fixnavScrol .topr a:visited{color:#000;}
.fixnavScrol .menu-2 .submenu a:hover {
  color: #FFF;
}
.allTitle{margin-top:-28%; margin-bottom:25%; text-align:left; color:#FFF;  position:relative; z-index:99;}
.allTitle h1{font-size:55px; font-weight:bold; border-left:6px solid #DB0032; padding-left:2%;}
.menubg{background-color:#000;background-color:rgba(0,0,0,0.5); width:100%; position:absolute; left:0; bottom:0; z-index:100;}

.margintopbottom{margin:20px 0px;}
.welcome{ background: url(../images/tbg.jpg) repeat-x left top; height:36px; line-height:36px; color:#FFF; }
.fav{ background: url(../images/ttbg.jpg) no-repeat left top; line-height:53px;  color:#FFF; text-align:center; float:right;width:350px;}
.fav a{color:#FFF;}
.logo-1{float:left;   margin-right:2%; padding-top:20px;font-size:32px; font-weight:bold;}
.logo-1 p{font-size:18px; text-transform:uppercase; font-weight:normal; color:#666;}
.logo-1 span{color:#E40112;}
.logo-1 i{ font-style:normal;}
.kouhao{width:30%; padding-left:2%; float:left; margin-top:25px; border-left:1px solid #CCC; color: #cb0915;  font-size: 24px; font-weight:bold;}
.kouhao  p{font-size:16px; text-transform:uppercase; font-weight:normal; color:#666;}
.favmenu{ display:none;}
@keyframes fadeInDown {
0% {
    opacity: 0;
    transform: translate3d(0px, -100%, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}

.logo-1 img{float:left; padding-right:10px; 
    animation-delay: 0.2s;
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: fadeInDown;
}
.toptel{padding-top:20px; text-align:right; font-size:18px; color:#F30; font-weight:bold;}
.slogan{float:left;margin-top:20px;margin-left:10px; height:60px; line-height:30px; padding:10px 0 0 10px; border-left:1px solid #CCC;font-size:19px; font-weight:bold;}
.orange{color:#045998;}
.bigworld{font-size:24px; font-weight:bold;}
.bigfont{color:#F00; font-size:32px; font-weight:bold;font-family: impact;}
.bigfont i{ display:block;font-size:16px; color:#666;font-weight:normal;}
.bannerbg1{width:100%; background:url(../images/pbg2222.jpg) top center no-repeat; height:420px; background-size:cover;  }
.bannerbg2{width:100%; background:url(../images/aboutbg.jpg) center center no-repeat; height:420px; background-size:cover;  }
.bannerbg3{width:100%; background:url(../images/pbg2.jpg) center center no-repeat; height:420px; background-size:cover;  }
.bannerbg4{width:100%; background:url(../images/pbg222.jpg) center center no-repeat; height:420px; background-size:cover;  }
.bannerbg5{width:100%; background:url(../images/pbg.jpg) center center no-repeat; height:420px; background-size:cover;  }
.bannerbg6{width:100%; background:url(../images/pbg22.jpg) center center no-repeat; height:420px; background-size:cover;  }
.bannerbg1,.bannerbg2,.bannerbg3,.bannerbg4,.bannerbg5,.bannerbg6 p{color:#FFF; font-size:40px; letter-spacing:4px; text-align: right; padding-top:10%; padding-right:30px;}
.bannerbgTitle{margin:0 auto;  text-align:right; padding-top:30px;color:#FFF; font-size:20px; line-height:33px; letter-spacing:1px;}
.redbg{ padding:15px 0; border-top:1px solid #454545; background:#cb0915; text-align:center;}
.menu-2{
	float:right;
 width:51%; margin-top:20px;
   
   
}
.okShow{display:block !important;}
.topr{float:right;margin-top: 35px; border-left:1px solid rgba(255,255,255,0.5); line-height:30px;  padding-left:20px;}
.topr a{padding:0 12px; display:inline-block;}

.menu-2 span{width:18px; display:inline-block; font-size:16px; line-height:18px;}
.menu-2  em{ display: inline-block;font-family: Centaur;font-size: 12px; margin-left:6px; font-style:normal;letter-spacing: 0.5px;line-height: 12px;
text-transform: uppercase;transform: rotate(90deg) scale(0.85);vertical-align: top;white-space: nowrap;width: 10px;}
.menu-2 a{ color:#FFF;}
.menu-2 a:hover{  color:#FFF; }
.telok{float:left;line-height:30px; padding-top:20px; background:url(../images/tel.jpg) no-repeat left center; padding-left:2%; margin-left:5%;}
.telok p{color:#2d2d2d; font-size:16px;}
a.current{border-bottom:2px solid #ce151d; color:#FFF; }
a.currentTeshu{ background:#de1e33 !important;  background:rgba(222,30,51,0.8) !important; color:#FFF; }
.phone{ display:none;line-height:28px; text-align:left; font-size:13px; color:#DDD; margin-right: 1%; background:url(../images/tel.png) no-repeat left 18px; padding-left: 53px; }
.phone span{display:block; font-size:18px; font-weight: bold; color:#FFF;}

.dropbtn{
    display:inline-block;
    text-align:center;
    padding:0 16px;
    text-decoration:none;
	transition: all 0.3s ease 0s;
 
}

 .dropdown:hover .dropbtn{
    background-color:#F1F1F1;
}

.dropdown{
    display:inline-block;
	height:115px;
	line-height:115px;
}

.dropdown-content{
    min-width:200px;
    background-color:#F9F9F9;
    position:absolute;
	z-index:9999;
    display:none;
    box-shadow:0px 8px 15px 0px rgba(0,0,0,0.2);
}

.dropdown-content a{
    color:black;
    padding:12px 16px;
    text-decoration:none;
	line-height:33px;
    display:block;
	text-align:left;
	transition: all 0.3s ease 0s;
}

.dropdown-content a:hover{
    background-color:#F1F1F1;
	color:#F60;
}

.dropdown:hover .dropdown-content{
    display: block;
}

.infoTitle{text-align:center; line-height:30px;}
.infoTitle h3{font-size:32px; }
.infoTitle i{ font-style:normal;color:#cb0915;}
.infoTitle p{color:#595959;}
.infoTitle span{ display:inline-block;height:3px; width:80px; background:#CB0915; }

.homeproducts-class a{display:block;width:15%;float:left; text-align:center; background:#292929; color:#FFF; margin-right:1%; margin-bottom:2%;   line-height:50px; height:50px; border-radius:6px;transition: all 0.3s ease 0s;}
.homeproducts-class a:hover{background:#F7BA00;color:#FFF;}
 
.productsimg{ }
.productsimg a{display:block;width:23%;float:left; text-align:center; border:1px solid #CCC; margin-right:1.4%; margin-bottom:1%; line-height:30px; font-weight:bold; border-radius:6px; padding:2% 1%;transition: all 0.3s ease 0s;}
.productsimg a:hover{box-shadow: 4px 5px 4px 0 rgba(0, 0, 0, 0.2);}
.productsimg img{width:100%;}
.marginbottom30{margin-bottom:30px;}

.homeproducts-class{float:left;width:100%;}
.productsimg{width:100%; margin-left:1%;float:left;}
 


    /* 设置图片容器的样式 */
        .image-container {
            width: auto; /* 根据需要调整 */
            height: auto; /* 根据需要调整 */
            overflow: hidden; /* 隐藏溢出部分 */
            position: relative; /* 设置为相对定位 */
        }
 
        /* 设置默认图片的样式 */
        .default-image {
            width: 100%; /* 图片宽度占满容器 */
            height: auto; /* 高度自适应 */
            transition: opacity 0.5s; /* 平滑过渡效果 */
        }
 
        /* 设置鼠标悬停时的图片样式 */
        .hover-image {
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0;
            transition: opacity 0.5s; /* 平滑过渡效果 */
        }
 
        /* 鼠标悬停时改变图片 */
        .image-container:hover .default-image {
            opacity: 0;
        }
 
        .image-container:hover .hover-image {
            opacity: 1;
		}



.tab{ width:100%; margin:30px auto 0;  }
.tab h2{ width:100%; overflow:hidden; font-size:18px;  }
.tab h2 span,
.tab h2 a{ display:block; padding:3% 0; width:100%;   cursor:pointer;     transition: all .3s;}
.tab h2 .current{ font-size:28px; color:#DB0032;   }
.tab ul{ padding:25px;}

.noIndex .tab{border-bottom:1px dashed #DB0032;margin-bottom:30px;}
.noIndex .tab h2{ padding:40px 0; }
.noIndex .tab h2 span,
.noIndex .tab h2 a{ display:inline; padding:3%;  width:100%; color:#000;  font-size:28px; font-weight:bold;  cursor:pointer; text-align:center;   position: relative;  transition: all .3s;}
.noIndex .tab h2 span i{position:absolute; z-index:-1; top:5%; left:30%; font-style:normal; color:#CCC; font-size:76px;}
.noIndex .tab h2 .current{ font-size:33px; color:#DB0032;  }
.noIndex .service-box h3{ font-weight:normal; font-size:18px; padding:6%;}

.newl{float:left; width:30%; margin-top:8%; color:#FFF; text-align:left;}
.newl h1{font-size:60px; font-weight:bold;}
.newl h5{font-size:20px; font-weight:normal; padding:5% 0;}
.newr{float:right; width:60%;  text-align:left;}
 
.newr a{display:block; float:left; width:35%; margin:0 2%; margin-bottom:4%; padding:5%; color:#FFF; border:1px solid #FFF;transition: all .3s; }
.newr a:hover{background-color:#DB0032; border-color:#DB0032;}
.newr a b{font-size:43px; font-weight:bold; margin-right:20px;}
.newTitle{margin:6% 0; font-size:22px; font-weight:bold; line-height:36px; word-break:break-all;}
 


.keyanl{float:left; width:30%; margin-top:8%; color:#FFF; text-align:left;}
.keyanl h1{font-size:60px; font-weight:bold;}
.keyanl h5{font-size:32px;   padding:10% 0;}
.keyanl p{line-height:36px;}
.keyanr{float:right; width:50%;  text-align:left;margin-top: 6%;
text-align: center;}

.contentl{width:50%; float:left;}
.contentr{width:50%; float:left;}

.bannerbox{
    height: 100%;
    width: 100%;
	color:#FFF;
    overflow: hidden;
    position: relative;
}
.containt-div{
    width: 1910px;
    position: relative;
    height: 100%;
}
.bannerbox ul{
    position: relative;
	height: 100%;
}
.bannerbox ul li{
    list-style: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.bannerbox ul li.fst-li{
    background: url("../images/1.jpg") center no-repeat;
    background-size: cover;
}
.bannerbox ul li.sec-li{
    background: url("../images/2.jpg") center no-repeat;
    background-size: cover;
}
.bannerbox ul li.third-li{
    background: url("../images/3.jpg") center no-repeat;
    background-size: cover;
}
.bannerbox ul li .img1{
    position: absolute;
}
/*banner-01*/
.baner-01-a{
    width: 827px;
	padding-left:16px;	
	border-left:10px solid #FFBA00;
    position: absolute;
    top: 400px !important;
    left: 15%;
    margin-left: -163px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.baner-01-a h2{ font-size:64px; font-weight:bold;}
.baner-01-b{
    width: 752px;
    font-size:24px;
	font-weight:normal;
	line-height:30px;
    top: 650px !important;
    left: 28%;
    position: absolute;
    margin-left: -376px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}

.baner-01-c{
    width: 752px;
    font-size:24px;
	font-weight:normal;
	line-height:30px;
    top: 750px !important;
    left: 28%;
    position: absolute;
    margin-left: -376px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}


/*banner2*/
.banner2-02{
    width:593px;
    position: absolute;
    top: 443px;
    left: 6%;
	padding-left:16px;	
	border-left:10px solid #FFBA00;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.banner2-02 h2{ font-size:64px; font-weight:bold;}
.banner2-01{
    top: 360px;
    position: absolute;
	width:752px;
	font-size:24px;
    left: 6%;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.banner2-03{
    top: 682px;
    left: 6%;
    position: absolute;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
/*banner3*/
.banner3-01{
    position: absolute;
    top: 338px;
    width: 920px;
    padding-left:16px;	
	border-left:10px solid #FFBA00;
		
    left: 50%;
    /*margin-left: -310px;*/
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.banner3-01 h2{ font-size:64px; font-weight:bold;}
.banner3-02{
    position: absolute;
    top: 527px;
    left: 48%;
	font-size:24px;
    /*margin-left: -305px;*/
    width: 710px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.banner3-03{
    position: absolute;
    top: 633px;
    width:914px;
    left: 37%;
    /*margin-left: -107px;*/
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.banner3-04{
    position: absolute;
    bottom: 100px;
    left: 50%;
    width: 479px;
    margin-left: -239px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}






.fixnavScrol .topr a{ color:#000;}






/**************    菜单 *****************************/






 

 

 
 
 

.submenu > li {
  background: #e0e0e0;
}

.submenu > li:nth-child(2n+1) {
  background: #e9e9e9;
}

















.menu, .menu ul {
  list-style: none;
  padding: 0;
}

.menu ul {
  margin: 0;
  width:120px;
}

 ul.tes {
  width:250px;
}



.menu > li {
  position: relative;
  display: inline-block;
  outline: 0;
  
width:13%; font-size:16px;   color:#FFF; text-decoration:none;text-align:center; position:relative; transition: all 0.3s ease 0s;
  
  
  
}

.menu > li:hover{border-bottom:2px solid #ce151d}


.submenu {
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 0;
  overflow: hidden;
  /* IE8 needs this */
  overflow: hidden\0/ !important;
  max-height: 0;
  /* A .submenu should be only revealed when hovering the .menu */
  pointer-events: none;
  padding-left:
}

.menu > li:hover .submenu, .menu > li:focus .submenu {
  pointer-events: auto;
  z-index: 10;
  max-height: 2000px;
  -webkit-transition: none;
     -moz-transition: none;
}

/* Default
 ================================================================= */
.submenu li { padding-left:2%; text-align:left;
	
  opacity: 0;

  -webkit-transition: opacity .4s, -webkit-transform .6s, max-height .6s;
     -moz-transition: opacity .4s,    -moz-transform .6s, max-height .6s;
      -ms-transition: opacity .4s,     -ms-transform .6s, max-height .6s;
       -o-transition: opacity .4s,      -o-transform .6s, max-height .6s;
          transition: opacity .4s,         transform .6s, max-height .6s;
}

.menu > li:hover .submenu li, .menu > li:focus .submenu li {
  opacity: 1;

  -webkit-transform: none;
     -moz-transform: none;
      -ms-transform: none;
       -o-transform: none;
          transform: none;
}

/* Bounce
 ================================================================= */
.bounce {
  overflow: visible;
}
.bounce li:hover{background-color:#DB0032 ; color:#FFF !important; }
.bounce li:hover a{color:#FFF; }
.bounce li a{color:#000; display:inline-block; width:100%;  }


.bounce li {
  -webkit-transform: translateX(-40%);
     -moz-transform: translateX(-40%);
      -ms-transform: translateX(-40%);
       -o-transform: translateX(-40%);
          transform: translateX(-40%);

  -webkit-transition-timing-function: cubic-bezier(0, .35, .5, 1.7);
     -moz-transition-timing-function: cubic-bezier(0, .35, .5, 1.7);
      -ms-transition-timing-function: cubic-bezier(0, .35, .5, 1.7);
       -o-transition-timing-function: cubic-bezier(0, .35, .5, 1.7);
          transition-timing-function: cubic-bezier(0, .35, .5, 1.7);
}

/* Radial
 ================================================================= */
.radial li {
  -webkit-transform: translateY(-120px) rotate(70deg);
     -moz-transform: translateY(-120px) rotate(70deg);
      -ms-transform: translateY(-120px) rotate(70deg);
       -o-transform: translateY(-120px) rotate(70deg);
          transform: translateY(-120px) rotate(70deg);

  -webkit-transform-origin: 0 0;
     -moz-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
       -o-transform-origin: 0 0;
          transform-origin: 0 0;
}

/* Winding
 ================================================================= */
.winding {
  -webkit-perspective: 400px;
     -moz-perspective: 400px;
      -ms-perspective: 400px;
       -o-perspective: 400px;
          perspective: 400px;
}

.winding li {
  -webkit-transform: rotateY(90deg);
     -moz-transform: rotateY(90deg);
      -ms-transform: rotateY(90deg);
       -o-transform: rotateY(90deg);
          transform: rotateY(90deg);

  -webkit-transform-origin: 0 0;
     -moz-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
       -o-transform-origin: 0 0;
          transform-origin: 0 0;
}

/* Shield
 ================================================================= */
.shield {
  overflow: visible;

  -webkit-perspective: 400px;
     -moz-perspective: 400px;
      -ms-perspective: 400px;
       -o-perspective: 400px;
          perspective: 400px;
}

.shield>:first-child {
	border-top:2px solid #DB0032;}

.shield li:hover{background-color:#DB0032 ; color:#FFF !important; }
.shield li:hover a{color:#FFF; }
.shield li a{color:#000; display:inline-block; width:100%;  }
.shield li{line-height:50px; height:50px;}

.shield li {
  -webkit-transform: rotateX(90deg);
     -moz-transform: rotateX(90deg);
      -ms-transform: rotateX(90deg);
       -o-transform: rotateX(90deg);
          transform: rotateX(90deg);

  -webkit-transform-origin: 0 0;
     -moz-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
       -o-transform-origin: 0 0;
          transform-origin: 0 0;

  -webkit-transition-timing-function: cubic-bezier(0, .35, .5, 1.7);
     -moz-transition-timing-function: cubic-bezier(0, .35, .5, 1.7);
      -ms-transition-timing-function: cubic-bezier(0, .35, .5, 1.7);
       -o-transition-timing-function: cubic-bezier(0, .35, .5, 1.7);
          transition-timing-function: cubic-bezier(0, .35, .5, 1.7);
}

/* Pop
 ================================================================= */
.pop {
  overflow: visible;
}

.pop li {
  -webkit-transform: scale(.2);
     -moz-transform: scale(.2);
      -ms-transform: translateX(-80%);
       -o-transform: translateX(-80%);
          transform: translateX(-80%);

  -webkit-transition-timing-function: cubic-bezier(0, .35, .5, 1.5);
     -moz-transition-timing-function: cubic-bezier(0, .35, .5, 1.5);
      -ms-transition-timing-function: cubic-bezier(0, .35, .5, 1.5);
       -o-transition-timing-function: cubic-bezier(0, .35, .5, 1.5);
          transition-timing-function: cubic-bezier(0, .35, .5, 1.5);
}


/* Helix
 ================================================================= */
.helix {
  -webkit-perspective: 400px;
     -moz-perspective: 400px;
      -ms-perspective: 400px;
       -o-perspective: 400px;
          perspective: 400px;
}

.helix li {
  -webkit-transform: rotateY(90deg);
     -moz-transform: rotateY(90deg);
      -ms-transform: rotateY(90deg);
       -o-transform: rotateY(90deg);
          transform: rotateY(90deg);
}

/* Wave
 ================================================================= */
.wave li {
  -webkit-transform-origin: 0% 0%;
     -moz-transform-origin: 0% 0%;
      -ms-transform-origin: 0% 0%;
       -o-transform-origin: 0% 0%;
          transform-origin: 0% 0%;

  -webkit-transform: skewY(-90deg);
     -moz-transform: skewY(-90deg);
      -ms-transform: skewY(-90deg);
       -o-transform: skewY(-90deg);
          transform: skewY(-90deg);
}

/* Fan
 ================================================================= */
.fan li {
  -webkit-transform-origin: 0% 0%;
     -moz-transform-origin: 0% 0%;
      -ms-transform-origin: 0% 0%;
       -o-transform-origin: 0% 0%;
          transform-origin: 0% 0%;

  -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
       -o-transform: rotate(90deg);
          transform: rotate(90deg);
}

/* Papercut
 ================================================================= */
.papercut {
  -webkit-perspective: 600px;
     -moz-perspective: 600px;
      -ms-perspective: 600px;
       -o-perspective: 600px;
          perspective: 600px;

  -webkit-perspective-origin: 0% 0%;
     -moz-perspective-origin: 0% 0%;
      -ms-perspective-origin: 0% 0%;
       -o-perspective-origin: 0% 0%;
          perspective-origin: 0% 0%;
}

.papercut li {
  -webkit-transform-origin: 0% 0%;
     -moz-transform-origin: 0% 0%;
      -ms-transform-origin: 0% 0%;
       -o-transform-origin: 0% 0%;
          transform-origin: 0% 0%;

  -webkit-transform: skewY(30deg);
     -moz-transform: skewY(30deg);
      -ms-transform: skewY(30deg);
       -o-transform: skewY(30deg);
          transform: skewY(30deg);
}

/* Fly
 ================================================================= */
.fly {
  -webkit-perspective: 400px;
     -moz-perspective: 400px;
      -ms-perspective: 400px;
       -o-perspective: 400px;
          perspective: 400px;
}

.fly li {
  -webkit-transform-origin: 50% 50% -50px;
     -moz-transform-origin: 50% 50% -50px;
      -ms-transform-origin: 50% 50% -50px;
       -o-transform-origin: 50% 50% -50px;
          transform-origin: 50% 50% -50px;

  -webkit-transform: rotateX( -180deg );
     -moz-transform: rotateX( -180deg );
      -ms-transform: rotateX( -180deg );
       -o-transform: rotateX( -180deg );
          transform: rotateX( -180deg );
}

/* Blind
 ================================================================= */
.blind li {
  max-height: 0;
  
}
 
.blind li:hover{background-color:#DB0032 ; color:#FFF !important; }
.blind li:hover a{color:#FFF; }
.blind li a{color:#000; display:inline-block; width:100%;   }

.menu > li:hover .blind li, .menu > li:focus .blind li {
  /* This should be changed to the normal height of list-items */
  max-height: 50px;
  line-height:50px;
  color:#000;
}



/* Venitian
 ================================================================= */
.venitian li {
  -webkit-transform-origin: 50% 0;
     -moz-transform-origin: 50% 0;
      -ms-transform-origin: 50% 0;
       -o-transform-origin: 50% 0;
          transform-origin: 50% 0;

  -webkit-transform: scale(1,0);
     -moz-transform: scale(1,0);
      -ms-transform: scale(1,0);
       -o-transform: scale(1,0);
          transform: scale(1,0);
		  
		  height:50px;
		  line-height:50px;
		 
}

.venitian li:hover{background-color:#DB0032 ; color:#FFF !important; }
.venitian li:hover a{color:#FFF; }
.venitian li a{color:#000; display:inline-block; width:100%;  }
.venitian > :first-child {
	border-top:2px solid #DB0032;
}

/* Jaws
 ================================================================= */
.jaws li {
  -webkit-transform-origin: 50% -100px;
     -moz-transform-origin: 50% -100px;
      -ms-transform-origin: 50% -100px;
       -o-transform-origin: 50% -100px;
          transform-origin: 50% -100px;
}

.jaws li:nth-child(odd) {
  -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
       -o-transform: rotate(90deg);
          transform: rotate(90deg);
}

.jaws li:nth-child(even) {
  -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
       -o-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

/* Fence
 ================================================================= */
.fence {
  -webkit-perspective: 600px;
     -moz-perspective: 600px;
      -ms-perspective: 600px;
       -o-perspective: 600px;
          perspective: 600px;
}

.fence li:nth-child(odd) {
  -webkit-transform-origin: 0 50%;
     -moz-transform-origin: 0 50%;
      -ms-transform-origin: 0 50%;
       -o-transform-origin: 0 50%;
          transform-origin: 0 50%;

  -webkit-transform: rotateY(90deg);
     -moz-transform: rotateY(90deg);
      -ms-transform: rotateY(90deg);
       -o-transform: rotateY(90deg);
          transform: rotateY(90deg);
}

.fence li:nth-child(even) {
  -webkit-transform-origin: 100% 50%;
     -moz-transform-origin: 100% 50%;
      -ms-transform-origin: 100% 50%;
       -o-transform-origin: 100% 50%;
          transform-origin: 100% 50%;

  -webkit-transform: rotateY(-90deg);
     -moz-transform: rotateY(-90deg);
      -ms-transform: rotateY(-90deg);
       -o-transform: rotateY(-90deg);
          transform: rotateY(-90deg);
}

/* Zipper
 ================================================================= */
.zipper li:nth-child(odd) {
  -webkit-transform: translateX(-100%);
     -moz-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
       -o-transform: translateX(-100%);
          transform: translateX(-100%);
}

.zipper li:nth-child(even) {
  -webkit-transform: translateX(100%);
     -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
       -o-transform: translateX(100%);
          transform: translateX(100%);
}









.aboutbanner{background: url(../images/aboutbanner.jpg) no-repeat center center; background-size:cover; color:#FFF; padding: 3% 0;}
.aboutbanner .tit{font-size: 36px; font-weight:bold; color: #fff; text-align: center; padding-top: 20px;}
.gallery-thumbs {padding:0 30px}
.gallery-thumbs .swiper-slide-thumb-active{opacity:1}
.gallery-thumbs .swiper-slide{width:11.2%;padding-top:50px;text-align:center; color: #fff; cursor: pointer;}
.gallery-thumbs .swiper-slide:before{width:100%;content:"";height:2px;background:#eee;position:absolute;left:0;top:calc(50% - 1px)}
.gallery-thumbs .swiper-slide::after{position:absolute;content:"";width:16px;height:16px;background:#eee;left:calc(50% - 8px);top:calc(50% - 8px);border-radius: 20px;}
.gallery-thumbs .swiper-slide-thumb-active::after{background:#df0524}
.gallery-top .swiper-slide{padding:50px 0;text-align:center}

.gallery-thumbs  .swiper-button-black:after{font-size:12px;}
.gallery-thumbs  .swiper-button-next{ right: 0;}
.gallery-thumbs  .swiper-button-prev{ left: 0; }

.gallery-top .swiper-slide{min-height:160px}
.gallery-top .swiper-slide>ol{padding:0 0 50px 0; color: #fff; line-height: 1.8;cursor: pointer;}
.gallery-top .swiper-slide>ol:hover{color: #ffeaed;}
.sdnav{width:100%;max-width:800px;display:flex;margin:0 auto; cursor: pointer; background-color:#FFF;}
.sdnav:hover{box-shadow: 0 0 10px  rgba(0,0,0,.5);}
.sdnav .imgbox{width:300px;height:200px;overflow:hidden;padding: 10px 10px 26px 0;}
.sdnav .nav{ackground:#fff;width:calc(100% - 300px);padding:50px;background:#fff; text-align: left;}
.sdnav .nav h4{ color: #111; font-size: 36px; padding-bottom: 30px;}
.gallery-thumbs .swiper-button-black{ width:40px; height: 40px; border-radius: 100px; opacity: 1!important;; background: #fff; z-index: 100;}
.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{ background-image:none !important;}














.cp_mup {
    height: 950px;
    margin: 10px auto 0;
    overflow: hidden;
    width: 100%;
}


.about1{width:48%; margin-right:2%; line-height:63px;float:left; text-align:left;}
.aboutkou{margin-bottom:20px; line-height:50px;}
.aboutkou .p1{font-size:56px;font-family: impact; border-bottom:1px solid #CCC; padding-bottom:10px;}
.aboutkou .p2{font-size:28px;}
.about2  h2{padding-bottom:10px;}
.about1 h2{margin:4% 0; font-size:28px;}
.about2{width:50%;float:left; text-align:left;}
.sub{display:none;width:100%; position:absolute;top:214px;left:0px; z-index:100; background-color:#000; text-align:center;}
 
.childMen{display:none; position:absolute;margin-top: 98px; padding:0px; z-index:99999; }
.childMen li{float:left; display:block;text-align:center;}


.menu li:hover .childMen{display:block; text-align:center;}
.menu li:hover .childMen li{ position:static;}
.menu li:hover .childMen a{ display:block; height:50px; width:120px; line-height:50px; color:#FFF;}
a,img{border:0;}
#n{margin:10px auto; width:920px; border:1px solid #CCC;}
#n a{ padding:0 4px; color:#333}



/* flexslider */
.flexslider{position:relative;height:100%;overflow:hidden;/*background:url(../images/loading.gif) 50% no-repeat;*/}
.slides{position:relative;z-index:1;height:100%}
.slides li{height:800px; color:#FFF;}
.slides li .imgTeshu{position:absolute; line-height:80px; left:0;top:43%;}
.slides li .imgTeshu h1{font-size:80px; font-weight:bold;}
.slides li .rexian{text-align:center; margin:3% 0; font-size:34px; color:#FFF;}
.slides li .imgTeshu a{ display:inline-block; width:200px; height:auto; margin-right:40px; text-align:center; text-indent:0px; font-size:18px;height: 50px; line-height: 50px; background:#0f58c6; color:#FFF; border-radius:6px;transition: all 0.3s ease 0s; }


.slides li .imgTeshu a:hover{  background:#de1e33;  }


a.mores{ display:inline-block;  width:180px; height:auto; margin-right:20px; margin-top:20px; text-align:center; text-indent:0px; font-size:18px;height: 50px; line-height:50px; background:#de1e33; color:#FFF; border-radius:6px;transition: all 0.3s ease 0s; }
a.mores:hover{  background:none;  color:#de1e33; border:1px solid #de1e33;  }
 

.slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:-9999px}
.flex-control-nav{position:absolute;bottom:10px;z-index:2; left:45%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px; float:left;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3; left:0;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:60px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:60px;background:url(../images/next.png) center center no-repeat;}

 
.margintop30{margin-top:30px;}
.margintop60{margin-top:60px;}
.margintop90{margin-top:90px;}
.marginbottom{margin-bottom:400px;}

.pchide{display:none;}

.abouts-l{float:left;width:46%;}
.abouts-l img{border-radius:32px 0 32px 0;}
.abouts-r{float:left;width:99%; line-height:33px; text-indent:6px;}
.aboutsbg{background:url(../images/aboutbg.jpg) no-repeat fixed center top; background-size:cover; padding:30px 0;}
.browse,.time{display:none !important;}
.scrolNews{background-color:#EBEBEB; height:56px; line-height:56px;}
.scrolNews1{width:65%; float:left; }
.scrolNews2{width:35%;float:left; text-align:right; font-size:18px;color:#FFD615; font-weight:bold;}
.news-h{width:50%;float:left; }
.news-h li{line-height:35px;}
.news-h li i{font-style:normal; color:#CCC;}
.newstitle{ background:url(../images/kuang.jpg) no-repeat left center;}
.news-h .imgThum {display: block;float: left;width: 12%;}
.news-h a {display: block;float: left; padding-left:2%;width: 88%;}
a.firstNews{padding-left:0;width: 96%;}
.smallfonts{border-left:none !important; color:#8a8a8a; font-size:14px; line-height:28px;}
.news-h h4 {font-size: 16px; padding: 10px 0 0 10px;background: rgba(0, 0, 0, 0) url("../images/kuang.jpg") no-repeat scroll left center;}
.news-h p,.video-h p{border-left:1px solid #E52320; padding-left:10px; margin-bottom:10px;}
.news-h em,.video-h em{font-style:normal; font-weight:bold; font-size:30px; display:block; color:#045998;}
.news-h span,.video-h span{display:block; color:#CCC;}
.video-h{width:40%;float:left;}
.recommend{background-color:#0741AA;color:#FF0; height:80px; line-height:80px; font-weight:bold; font-size:26px; text-align:center;}
#app{height:30px;overflow: hidden;width:100%; margin-top:10px;}
#app li{line-height: 30px;padding:0 10px;height: 30px;}
.advantage{padding:50px 0; background:#EF0201; color:#FFF; line-height:50px; text-align:center;}
.advantage li{float:left; width:22.5%; margin:0 1%; border-right:1px solid #FFF;}
.more{display:block; margin:0 auto; width:220px;background-color:#FF6600; font-size:18px; text-align:center; padding:10px 20px;  color:#FFF !important;transition: all 0.3s ease 0s;}
.more:hover{ background-color:#FF9300;}
.title{margin-top:40px; text-align:center; padding:10px;border-radius:6px;}
.title h3{font-size: 36px;font-weight: bold;  }
.application img{width:100%; height:auto;display:block; /*这一个属性出掉图片下面空白*/}

.application-item{width:25%;  float:left; background:#174D8E;color:#FFF; font-size:20px; margin-top:-5px; text-align:center;}
.application-item-l,.application-item-r{width:50%;float:left; }
.application-item-r{padding-top:100px; }
.application-item a{display:block; overflow:hidden;}
.application-item a img{transition: all 0.3s ease 0s; height:290px; }
.application-item a:hover img{transform:scale(1.1,1.1);}
.abouts{text-align:center; line-height:39px;  padding:60px 6%;  } 
a.whileA{display:inline-block; color:#FFF; border:1px solid #FFF; padding:10px 60px; margin-top:30px; line-height:20px;}
a:hover.whileA{background:#f7ba00;color:#000;transition:all 0.3s ease 0s;}
.aboutbg{background:  url(../images/i_part2_bj.jpg)  center center;background-size:cover; width:100%;   }
.casebg{background:  url(../images/pbg222.jpg)  center center;background-size:cover; width:100%;   }
.contextbg{background:  url(../images/pbg22.jpg)  center center;background-size:cover; width:100%; color:#E5E5E5;  }
.aboutl{width:30%;float:left; margin-top: -140px;}
.aboutr{width:63%; margin-left: 3%; padding:2%; float:left;margin-top: -120px; background:#FFF; border:1px solid #CCC; }
.aboutr h2{margin-bottom: 4%;}
.myok{margin-top: 4%;}
.myok li{width:25%; float:left;}
.myok h3{color:#ce151d; font-size: 36px; font-weight: bold;}
.newsok{background:#96C1EE url(../images/pbg22222.jpg) no-repeat top left; background-size:cover;}
.newsokTitle{color:#FFF; line-height: 46px; margin-bottom: 70px; text-align:right;}
 
.newbg{background:  url(../images/pbg.jpg)  center center;background-size:cover; height: 700px;}

.cases{padding:6% 2% 0 2%;;}
.cases h2{margin-bottom: 2%; font-size:26px; letter-spacing:8px; margin-top:6px; }
.casesTitle{font-size:60px; color:#C02C5C; font-weight:bold; margin-bottom:1%;}
 
.case{width:60%;float:left;}
.case a{display: block;float:left;width:31%; margin-left: 2%; margin-bottom: 2%; position: relative; }
.case a p{display: none;transition: all 0.3s linear 0s;}
.case a:hover p{display:block;position:absolute;top:0;   background-color: rgba(0, 0, 0, 0.6);width:100%; height:100%; padding-top: 100px;}

.cases .casetitle{ color:#FFF;
    font-size: 2.4em;
    letter-spacing: 5px;
    font-family: "impact";
}

.cases .casedesc{ color:#FFF;   font-size:20px;
    font-weight: bold;}
.caseImg{background:url(../images/kehudingzhi.png) no-repeat center bottom; height:441px; width:100%; position:relative;}
.caseImg ul{width:100%; text-align:center; padding-top:15%;}
.caseImg li{display:inline-block;   margin: 0 2%;}

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

.caseFirst{}

 .bottomInfo{
 
	font-size:14px; color:#CCC;
	
}

.noIndex .bottomInfo{
 padding-top:80px;
background: #333333;
	font-size:14px; color:#CCC;
	
}

.tab {
    width: 100%;
    background-image: url(/images/bg1.png);
    background-size: cover;
    margin-top: 50px;
}
.tab .box {
    width: 1200px;
    position: relative;
    margin: 0 auto;
    height: 850px;
}
.tab .box .menus {
    width: 200px;
    height: 700px;
    background: rgb(92,94,103);
    float: left;
    margin-top: 60px;
    border-radius: 10px;
    overflow: hidden;
}
.tab .box .menus li {
    width: 200px;
    height: 70px;
    background: rgb(92,94,103);
    font-size: 20px;
    color: #fff;
    text-align: center;
    border-bottom: 1px solid rgba(0,0,0,0.5);
    line-height: 70px;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.tab .box .menus li:nth-child(7) {
    border-bottom: none;
}
.tab .box .bg {
    height: 110px !important;
    background: rgb(0,159,233) !important;
    line-height: 110px !important;
}
.tab .right {
    float: left;
    width: 950px;
    margin-top: 25px;
    height: 800px;
    overflow: hidden;
    margin-left: 50px;
    border-radius: 10px;
    background: rgba(0,0,0,0.5);
}
.tab .tab_right {
    width: 950px;
    height: 800px;
    color: #fff;
    text-align: center;

    position:relative;
}
.tab .tab_right p{ position:absolute; right:60px; bottom:60px; font-size:24px; z-index:99}
.tab .tab_right img {
    width: 100%;
    position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
}
.tab .scroll {
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}












#div1{
	position: relative;
	width: 1200px;
	margin: 20px auto;
	height: 320px;
	overflow: hidden;
}
#div1 ul{
	position: absolute;
	left: 0;
}
#div1 a.pos{
	position: absolute;
	z-index: 2;
	text-decoration: none;
	top: 45%;
	display: none;
}
#div1 ul li{
	padding: 5px;
	list-style: none;
	width: 300px;
	height: 250px;
	float: left;
	text-align:center;

}
#div1 ul li img{
	width: 100%;
	height: 100%;
	
/*	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    
    filter: grayscale(100%);
	
 transition: all 0.3s ease 0s;*/
}
#div1 a:hover img{

	
/*	-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    
    filter: grayscale(0%);
	 */
   
}
.noIndex #header{ position:static;}
.products-left{background:#01499D;color:#FFF; line-height:33px; padding:2%; width:21%;float:left;}
.products-left h2{font-size:24px; font-weight:bold; margin-bottom:16px;}
.products-left p{color:#F4F4F4;}
.products-left ul a,.products-left ul a:visited{color:#FFF; padding:10px; margin-bottom:6px; border-bottom:1px solid #0070F3; display:block; transition: all 0.3s ease 0s;}
.products-left ul a:hover{border-bottom:1px solid #FFB200; color:#FF6600; padding-left:20px;}
.products-right{width:79%;float:left;}
.productsclass-img{margin-top:30px;text-align:center;}
.productsclass-img li{float:left; margin-right:50px;margin-top:10px;}
.productsclass-img img{
width: 180px;
height: 180px;
border: 5px solid#ed2832;
display: block;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
-moz-box-shadow: 2px 3px 4px #999999;
-webkit-box-shadow: 2px 3px 4px #999999;
box-shadow: 2px 3px 4px #999999;
}

.productclass-h{width:74%; float:right;}
.productclass-h a{display:block; width:31%;float:left; margin-right:1.5%; margin-bottom:2%; overflow:hidden; position:relative;transition: all 0.3s ease 0s;}
.productclass-h a p{width:100%; height:188px; padding-top:100px; position:absolute;bottom:-260px; line-height:28px; color:#FFF; font-size:18px; text-align:center; transition: all 0.3s ease 0s;}
.productclass-h .othermore{ display:inline-block !important; font-size:14px; margin-top:20px;  background:#FF9300; padding:3px 15px; width:120px; text-align:center;}
.productclass-h a:hover p{  background-color:#1C1C1C;bottom:0px; }
.productclass-h li{ text-align:center;}
.productclass-h span{display:block; text-align:center; margin:10px 0;}

    .bottoml{ text-align: center; line-height: 66px; margin-top:2%; background:#3E3E3E; color:#999; font-size:12px;}
    .bottomr{float:right;width:49%; text-align:right; margin-right:1%;}
	
	.bottomhome{float: left;
width: 49%;
margin-left: 1%;
text-align: left;
line-height: 36px;}

.servicestitle h3{ color:#0f58c6; font-size:36px; margin:50px 0;}
.servicestitle p{ color:#8A8A8A; font-size:16px; margin:20px 0;}
.servicesUl li{width:30%; height:390px; float:left; text-align:center; margin-bottom:10px; margin-right:3%; margin-bottom:3%;}
.servicesUl li h3{ font-size:18px; margin:20px 0;}

.productclass-h-p{width:100%; float:right;}
.productclass-h-p a{display:block; width:23%;float:left; margin-right:1.5%; margin-bottom:2%; overflow:hidden; position:relative;transition: all 0.3s ease 0s;}
.productclass-h-p a p{width:100%; height:188px; padding-top:100px; position:absolute;bottom:-260px; line-height:28px; color:#FFF; font-size:18px; text-align:center; transition: all 0.3s ease 0s;}
.productclass-h-p .othermore{ display:inline-block !important; font-size:14px; margin-top:20px;  background:#FF9300; padding:3px 15px; width:120px; text-align:center;}
.productclass-h-p a:hover p{  background-color:#1C1C1C;bottom:0px; }
.productclass-h-p li{ text-align:center;}
.productclass-h-p span{display:block; text-align:center; margin:10px 0;}


.productsClass{   margin-top:30px; }
.productsClass p{ color:#888888; margin:20px 0; margin-bottom:20px; font-size:14px; font-weight:normal; text-transform:uppercase;}
.productsClass h3{  text-align:center; font-size:34px;color:#323232;}
.productsClass li a{display:block; width:285px; text-align:center; float:left; color:#FFF; margin-top:10px; padding:16px 0px;  background: #005AAB; border:1px solid #005AAB; margin-left:10px; transition: all 0.3s ease 0s; border-radius:5px;}
.productsClass li a:hover{ background-position:-50px 0px; background-color:#FF8915; color:#FFF; border:1px solid #FF8915;}
.productmore{display:none;}
.riqi{font-size:36px; margin:10px 0;}
.marginbottom60{margin-bottom:60px;}
.marginbottom90{margin-bottom:90px;}
.navmenubg{border-bottom:1px solid #CCC;}
.navmenu a,.navmenu a:visited{display:block; float:left; height:60px; line-height:60px; width:19%; text-align:center;}
.solution{position:relative; height:710px; margin-top:-30px;}
.solution li{float:left; box-sizing:border-box;}
.solution li a{transition: all 0.4s ease 0s;}
.solution .txtworld{opacity:0;transition: all 0.4s ease 0s;}
.solution a:hover .txtworld{ opacity:1;left:50px;}
.ap-1{display:block;}
.ap-2{display:none;}
.li01{ position:absolute; left:0px; top:0px;}
.li01 .txtworld{position:absolute; left:20px; top:220px;z-index:99;}
.li02{position:absolute; left:286px; top:0px;}
.li02 .txtworld{position:absolute; left:200px; top:80px;z-index:99;}
.li03{position:absolute; left:915px; top:0px;}
.li03 .txtworld{position:absolute; left:20px; top:30px;z-index:99;}
.li04 { background-color: #c70025; width: 27%;position:absolute; left:286px; top:214px;}
.li04 a{color: #fff;height: 216px; text-align: center; display:block; margin-top:90px; font-size:24px;}
.li05{position:absolute; left:600px; top:214px;}
.li05 .txtworld{position:absolute; left:200px; top:130px;z-index:99;}
.li06{position:absolute; left:0px; top:430px;}
.li06 .txtworld{position:absolute; left:20px; top:20px;z-index:99;}
.li07{position:absolute; left:286px; top:430px;}
.li07 .txtworld{position:absolute; left:30px; top:20px;z-index:99;}
.width1300{width:1300px;}
.caseok{background:#1067C8 url("../images/aboutbg.jpg") no-repeat fixed center top / cover ; padding-bottom:60px; }

.servicesUl p{ color:#8A8A8A; font-size:14px; line-height:26px;}

.productsimgOption a{display:block; float:left;width:24%; margin-right:1%; text-align:center;}
.homeproducts-home{}
.homeproducts-home ul li {
    float: left;
    margin-bottom: 15px;
	box-sizing:border-box;
	margin-right:1.5%;
    position: relative;
	width:22%;
}
.homeproducts-home ul li p {
 padding:6px;
 margin:8px 0;
    text-align: center;
}
.homeproducts-home ul li p.homeproducts-info{font-size:14px; color:#999; text-align:left; line-height:30px; text-indent:4px;}
.homeproducts-home ul li a {
    background-color: #fff;
    display: block;
    overflow: hidden;
    transition: all 0.3s ease 0s;
}
.view {
    display: none;
}
.homeproducts-home ul li a:hover {
    background-color: #ff8915;
    color: #fff;
}
.homeproducts-home ul li a:hover .homeproducts-info{color:#FFF;}
.homeproducts-home .imgwrap {
    height: 230px;
    overflow: hidden;
    width: 100%;
}
.homeproducts-home ul .imgwrap img {
    height: 230px;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.homeproducts-home ul .imgwrap img:hover {
    transform: scale(1.05, 1.1);
}
.homeproducts-home ul li a:hover div p {
    bottom: 0;
}

.bottomleft{width:80%; float:left; text-align:left;}
.bottomright{width:20%; float:left; text-align:right; padding-top:24px;}
.bottomInfo a{color:#747474; line-height:30px; font-size:14px; padding-left:6px;}
.bottomInfo a:hover{color:#DB0032;}
.bottomInfo h3{ font-size:18px; margin-bottom:16px;}
.bottomInfo span{border-bottom:1px solid #DB0032; padding-bottom:6px;}
.bottomleftlist{width:25%; float:left;}
.telbottom{ font-size: 30px !important;
padding-top: 20px;
text-align: right;
color: #cb3060;
font-weight: bold;}

.mapleft{width:40%; float:left;}
.mapright{width:60%; float:left;}


.homeproducts {
  padding-top:30px;

}

.homeproducts  ul li {
  margin-bottom: 15px;
  margin-right:0px;
  position: relative;
  margin-left: 5px;
  float: left;

}
.homeproducts  ul li p{text-align:center;  height:40px; line-height:40px;}
.homeproducts  ul li a {
  display: block;
  overflow:hidden;
  margin-right:5px;
transition: all 0.3s ease 0s;
  background-color:#FFF;
}
.solutions{text-align:left;}
.soL{width:47%; margin-right:3%; float:left; overflow:hidden;}
.soL img{ transition: all 0.3s ease 0s;}
.soL img:hover{transform: scale(1.03);}
.soR{width:47%; margin-left:3%; float:left;}
.soR h3{font-size:32px; font-weight:bold; padding-bottom:3%; margin-bottom:3%; border-bottom:1px solid #CCC;}
.soR p{line-height:33px;}
.menIn a{display:inline-block; width:24.4%; padding:1% 0;  text-align:center; float:left;border: 1px solid #eee; margin-right:0.5%; margin-bottom:0.5%;}
.menInList a{display:inline-block; width:19.4%; padding:2% 0;  text-align:center;float:left; color:#FFF; font-size:18px;   transition: all 0.3s ease 0s;}
.solutionTitle{width:100%; position:relative;}
.solutioncss .menInList a{width:14%;}

.solutionTitle::before {
    content: '';
    width: 80px;
    height: 3px;
    background-color: #DB0032;
    position: absolute;
    left: 0;
    bottom: -1px;
}
.pictureL{width:28%;  float:left; text-align:left;}
.pictureL h5 a{ display:block; padding:10px; background-color:#DB0032; color:#FFF;padding-left: 30px;}
.pictureL h5 a:visited{color:#FFF;}
.gray  h5 a{background-color:#777777;}
.gray .childP li,.gray h5 img{ display:none;}

.pictureL h5 {position:relative; margin-bottom:20px; margin-top:20px;}
.pictureL h5 img{position:absolute; left:10px; bottom:-8px;}
.pictureL .childP li{padding:5px 0; padding-left:5px;}
.pictureL .childP i {
    margin-left: 10px;
    margin-right: 10px;
    float: left;
    _display: inline;
    _zoom: 1;
    display: block;
    margin-top: 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #333333;
}
.pictureR{width:67%;margin-left:5%; float:right; text-align:left; line-height:33px;}
a.currentFen{ color:#DB0032 !important;}
.pictureTitle{color:#DB0032; font-size:18px; font-weight:bold; border-bottom:1px solid #CCC; margin-top:20px; margin-bottom:20px; padding-bottom:10px;}

.menInList a:hover{background:#de1e33; color:#FFF;}
.menInList a:visited{color:#FFF;}
.productWid a {width:19.4%}
.view{ display:none;}
.homeproducts  ul li a:hover{background-color:#0069b8; color:#FFF;}
.imgwrap{  width: 100%;
  height: 186px;
  overflow:hidden;}
.homeproducts  ul .imgwrap img {
  width: 285px;
  height: 181px;
  transition: all 0.3s ease 0s;
}
.homeproducts  ul .imgwrap img:hover{transform:scale(1.05,1.1);}
.homeproducts  ul li a:hover div p {
  bottom: 0;
}
.homeabout{width:100%;height:370px; margin-top:80px; background:#04a12c url(../images/greenbg.jpg) repeat  scroll left top; color:#FFF; }
.homeabout-info{ padding-top:60px; line-height:33px; }
.homeabout-info img{float:left;  margin-right:30px; margin-bottom:20px;}
.homeabout-info h2{margin-bottom:10px;font-size:28px; font-weight:bold; text-align:center;}
.homeabout-info-left p{font-size:24px; margin-bottom:20px; font-weight:bold;}
.productscase p{padding:0px; margin:0px; text-align:center;}
.productscase{ position:relative; height:450px;}
.productscase1{position:absolute;left:0px; top:0px;}
.productscase2{position:absolute;left:0px; top:206px;}
.productscase3{position:absolute;left:264px; top:0px;}
.productscase3 img{ width:670px; height:390px;}
.productscase4{position:absolute;left:974px; top:0px;}
.productscase5{position:absolute;left:974px; top:206px;}
.service{margin:50px 0px; line-height:33px;}
.service li{float:left;width:200px; height:220px;  background-color:#CD0303;color:#FFF; padding:20px; margin-right:80px;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 5px 50px 5px 60px;}
.service h3{text-align:center; font-size:24px; font-weight:bold; margin-bottom:20px; border-bottom:1px dashed #FFF; padding-bottom:10px; padding-top:10px; letter-spacing:2px;}
.service p{text-indent:8px;}
.news-left .news li{width:100%;float:left; margin-bottom:30px; font-size:14px; }
.news-left .news .imgThum{width:30%; display:block;float:left;}
.news-left .news a{display:block; width:67%; margin-left:2%;float:left;color:#8A8A8A;}

.titless{ font-weight:bold; font-size:18px;}

.noIndex .list{width:99%;padding: 2%;border: 1px solid #CCC; margin:0; margin-top:3%; text-align:left; float:left;transition: all 0.3s ease 0s;}
.list{width:32%; margin-right:1%; margin-bottom:4%; text-align:left; float:left;transition: all 0.3s ease 0s;}
.list:hover{ margin-top:-20px;}
.noIndex .list:hover{margin-top:2%;  box-shadow: 0px 0px 24px rgba(0,0,0,0.1); }
.picBox{  width:20%; margin:0 1%; height: 100%;float:left;}
.picBox img{width:100%; height:100%;}

.content{width: 78%;
float: left;}

.conl{width:50%; float:left;}
.conr{width:50%; float:left;}
 .newsA
 {
	 margin-top:20px;
	 text-align:right;
	 }
 .newsA a {
    display: inline-block;
    width: 130px;
    line-height: 33px;
    text-align: center;
    font-size: 14px;
    color: #666666;
    border: 1px solid #e1e1e1;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
 .newsA a:hover{
	 background-color:#DB0032;
	 color:#FFF;
	 border-bottom-color:#DB0032;
 }
 
 
 
.content h3{margin-bottom:10px; font-size:16px; font-weight:bold; width:70%; float:left; }
.content h6{float:right; font-weight:normal; color:#7F7F7F; font-size:14px;}
.listTitle{border-bottom:1px solid #CCC; margin-bottom:10px; padding-bottom:10px; }
.content p{color:#7F7F7F; line-height:26px; font-size:14px;  }
.content span{display:block; text-align:right; padding-right:6%;color: #8c8c8c;}
.noIndex .listAll{  float:left;}
.listAll{width:100%; float:left;}
.newsRelevant a{display:block; font-size:14px; color:#666; line-height:26px;}
.hidep{height:260px; overflow:hidden;}
.footer{background:#303030;  width:100%;  padding:60px 0px; padding-bottom:0; color:#FFF;line-height:36px;}
.footercolumn{width:40%; float:left; line-height:36x;}
.footercolumn2{width:20%; float:left; line-height:36x;}
.footercolumn3{width:30%; float:left; margin-left:10%; line-height:36x;}
.footercolumn-con{float:left;}
.footercolumn-title{ padding-bottom:9px; font-size:18px;   }
.productsclass-bottom li a{float:left; width:200px; color:#FFF;}
.footer a{color:#FFF; font-size:14px;width:45%;float:left;}
.footer a.nono{float:none;width:auto;}
.footer a:visited{color:#FFF;}
.footer a:hover{color:#BEBEBE;}
.footer-menu{display: none; text-align:center; margin:0 auto;  padding-bottom:10px;  }
.footer-menu li{ float:left; width:120px; text-align:center; color:#f00;}
.footer-menu a{color:#FFF;}
.line{width:100%; height:1px; background-color:#F69C20; margin:10px 0px;}
.asideColumn{width:100%;float:left;text-align:center; margin-top:20px;}
.asideColumn p{height:65px; line-height:65px; background-color:#EB1E19; color:#FFF; font-size:20px; font-weight:bold; margin-top:20px; margin-bottom:5px;}
.asideColumn li a{display:inline-block; width:24%; float:left; text-align:center; line-height:46px; border:1px solid #F6F5F5; margin-bottom:2px;transition: all 0.3s ease 0s;}
.asideColumn li a:hover{background-color:#FF8915; color:#FFF;}
.navmenu{width:21%; padding:2%; margin-right:5%; margin-bottom:5%;float:left; background:#cb0915; color:#FFF; text-align:center; border-radius:10px 10px 0 0;}
.navmenu a{display:block;width:100%; color:#FFF; border-bottom:1px solid #ec8888;}
.navmenu h2{font-weight:bold; font-size:34px; margin-bottom:10px; }
.navmenu p{text-transform:uppercase;}
.contentColumn{width:100%; float:left; margin-bottom:40px;}

.contentColumn .title{ background-image:none; border-bottom:1px solid #CCC;margin-top:40px; padding-bottom:40px; margin-bottom:20px;}
.products-only .contentColumn .title{display:none;}
.contentColumn .productsClass{ background-image:none;margin-top: 10px;}
.noIndex .nav{ text-align:left; line-height:36px; font-size:14px; color:#666;padding-top: 30px;}
.contentArea{color:#666666; text-align:left; line-height:36px;}
.pageNav{ text-align:center; margin-top:20px; color:#999;}
.relevant{line-height:33px;}

.contentColumn table{margin:2% 0; padding:2% 0; border-bottom:1px solid #CCC;}


.con li{width:29%; float:left; padding:2%; text-align:center;transition: all 0.3s ease 0s;}
.con li:hover{    box-shadow: 0px 0px 24px rgba(0,0,0,0.05);  }
.con .c{position:relative;}
.con .c .mask{position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000; background-color:rgba(255,255,255,0.8);transition: all 0.3s ease 0s;}
.con li:hover .mask{display:none;}
.con li h4{font-size:24px; font-weight:bold; color:#000; margin-bottom:10px;}

.contactsbigfont{font-size:24px; display:block; padding-bottom:20px;}
.contacts .p {
    margin-bottom: 10px;
    padding-left: 45px;
    position: relative;
}
.contacts .ico2_f1 {
    background-position: 0 0;
}
.contacts .ico2 {
    height: 24px;
    left: 0;
    position: absolute;
    top: 0;
    width: 24px;
}
.ico2 {
   
    display: inline-block;
    vertical-align: middle;
}
.contacts .ico2_f2 {
    background-position: -24px 0;
}

.contacts  .p ._tel {
    color: #FFAF47;
    display: block;
    font-family: Impact;
    font-size: 28px;
    line-height: 30px;
	text-align:center;
}



.phone_show {
    display: none;
}
.r_menu {
    position:absolute;
    z-index: 9999;
     right:0;
    line-height: 0;
    padding: 0;
}
.small_menu {
    float: left;
    height: 70px;
    width: 70px;
}

.small_menu .cha {
    display: none;
    height: 70px;
    position: absolute;
    right: 0;
    top: 0;
    width: 70px;
    z-index: 56;
}
 
.pf_phone_menu {
    background: #FFF;
    display: block;
    left: 0;
    position: absolute;
    top: 70px;
    width: 100%;
	height:2000px;
    z-index: 99999;
}
.phone_menu {
    float: left;
    width: 100%;
}
.phone_menu ul {
    float: left;
    height: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
}
.phone_menu ul .nli {
    background-color: rgba(255, 255, 255, 0.9);
    float: left;
    width: 100%;
}
.phone_menu ul .nli span {
    border-bottom: 1px solid #f1f1f1;
    float: left;
    width: 100%;
}
.phone_menu ul .nli span a.l1_a {
    float: left;
    padding: 10px 0px;
	padding-left:4%;
    text-align: center;
    width: 96%;
}
.phone_menu ul .nli span .l1_a .chi {
    color: #333;
    float: left;
    font-size: 14px;
    line-height: 30px !important; 
}
#toTop {
    background: rgba(0, 0, 0, 0) url("../images/gotop.png") no-repeat scroll 0 0;
    border: medium none;
    bottom: 70px;
    display: none;
    height: 48px;
    overflow: hidden;
    position: fixed;
    right: 10px;
    text-decoration: none;
    text-indent: 100%;
    width: 48px;
}
.open,.close{display:none;}


/*浮动客服*/
#floatDivBoxs{width:170px;background:#fff;position:fixed;top:100px;right:0;z-index:99999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#c70025;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px;}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(/images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(/images/online_arrow.jpg) no-repeat;position:fixed;top:100px;right:170px;z-index:99999;}
#rightArrow a{display:block;height:45px;}

.topEng{color:#FFF;}
.once {
  animation-iteration-count: 1;
}

@media screen and (max-width: 760px){
/*body{font-size:14px;overflow: hidden;}*/
body{font-size:14px;margin-top:0;}

img{max-width:100%;}
.welcome{display:none;}
.wrapper{width:100%;max-width: 1200px;}
.infoTitle h3 {font-size:20px; font-weight:normal;}
.infoTitle {line-height: 22px;}
.teshuBanner{height:50% !important;}
.solutionteshu .teshuBanner{height:75% !important;}
.logo-1 { font-size:12px;width:auto;}
.logo-1 p,.kouhao,.telok,.logo-1 i  { display:none;}
    .phone{ display:block;position: fixed; bottom:0;left:0; z-index: 99; background: #FFF;width:100%; text-align: center; height: 50px; line-height: 50px; margin-right: 0;
    padding-left: 0; color: #FFF; background:  linear-gradient(to bottom, #C2003C, #9F0031) repeat scroll 0 0}
    .phone span {color:#FFF;}
    .navbar { padding: 0;}
    .phone span { display: inline;}
    .mbhide{display: none;}
.pchide{display:block;}
.whitebg{background-color:#FFF;}
.whitebg .topEng,.whitebg a:visited.topEng{color:#000;}
.hover-image {

  top: 10px;
  left: 0px;

}
.newl { width:98%; padding-left:2%;}
.newl h1{ font-size:30px;}
.newl h5{ font-size:16px;}
.tab{ margin-top:0px;}
.tab h2 span{width:33%; float:left;}
.tab h2 .current{ font-size:20px;}
.newr {
  float:none;
  width: 100%;
}
.newr a b {
  font-size: 33px;
}
.newTitle {font-size: 14px;line-height: 28px;}
.tab h2 { margin-bottom:20px;}
.casesTitle {font-size: 40px;}
.nianqie {  font-size: 40px !important;line-height:56px !important;}
.keyanl h1{font-size:30px;}
.keyanl h5{font-size:20px; padding:5% 0;}
.contentr,.contentl{width:100%;}
.keyanl p {
  line-height: 28px;
}
.keyanl{width:96%; padding:0 2%;}
keyanr{width:100%;}
.allTitle {margin-top: -65%;margin-bottom: 58%;}

.aboutbanner .tit{ font-size:30px;}
.sdnav{ background-color:rgba(255,255,255,0.8);}
.noIndex .nav{ display:block;width: 100%; background:none;}
.marginbottom90{ margin-bottom:30px;}
.margintop90 {  margin-top: 30px;}
.noIndex .tab h2 {  padding: 20px 0;}
.noIndex .tab h2 .current {font-size: 30px;padding: 5%;}
.noIndex .tab h2 span{padding: 5%;}
.service-box {
  padding: 0px 20px;
}
.service-box h3{margin-bottom:0;}
.noIndex .tab h2 span{ font-size:23px;}
.sdnav .imgbox { display:none;}
.allTitle h1 { font-size: 30px;margin-left: 2%;}
.swiper-banner .swiper-nav li{border:none !important;}
.cases{padding-top:200px;}
.caseImg{ background:none;}
.slides li .imgTeshu h1{font-size:40px;}
.slides li .imgTeshu{top:280px; position:static; padding-top:80%;line-height: 40px;}
.slides li .rexian{ font-size:16px; }
.slides li .imgTeshu a{width: 100px;font-size: 14px;height: 40px;line-height: 40px;}
a.mores{ width:100px; font-size:14px;height: 40px;line-height: 40px;}
.flex-direction-nav li a.flex-next,.flex-direction-nav li a.flex-prev{display:none;}
a#logo{font-size:21px;}
.bannerbg1, .bannerbg2, .bannerbg3, .bannerbg4, .bannerbg5, .bannerbg6 p{font-size:18px;padding-top: 30%;letter-spacing: 1px; text-align:center;padding-right:0;height:220px;}
.solutioncss .menInList a{width:50%;margin-right:0; border-radius:0;line-height: 26px; font-size:16px;}
.menInList a{width:50%;margin-right:0; border-radius:0;line-height: 26px; font-size:16px;}
.pictureL h5{font-size:18px;}
.bottomleft{display:none;}
.bottomright{width:100%;text-align:center;}
.bottomright img{max-width:70%;}
.telbottom{ display:none;font-size:14px !important;letter-spacing: 0px;}
.keyanr{width:90%; padding:4% 5%;}
.bottoml{margin-top:0px;line-height: 30px; height:166px;}
.cases .casetitle{font-size: 1.4em;letter-spacing: 2px;}
.cases .casedesc {font-size: 14px;}
.caseImg li{ margin-bottom:10px;}
.bottomhome{ width:100%; margin:0;}
    .aboutl,.aboutr  {width:100%;}
    .aboutr{margin-left: 0;}
    .aboutr h2 {font-size: 18px;}
    .myok h3 {font-size: 26px;}
    .title-block span {font-size: 30px; margin-top: 30px;}
    .title-block {margin-top: 30px;text-align:center;}
    .newsokTitle h2{font-size: 18px; }
    .cases h2 { margin: 40px 0; 
    font-size: 16px; letter-spacing:0px;}
    .caseFirst {width:100%;}
    .case {width:100%;}
    .case a {width:48%;margin:   1%; }
    .case a:hover p { padding-top: 80px;}
	.cases img{width:80%;}
    .mbform{margin: 0 2%;}
    
    .bottoml{float:left;width:100%;}
    .bottomr{float:left;width:100%;}
	
	.productWid a {width:49.4%;}
    .menIn a {width:49.4%;line-height: 26px;}
.favmenu{position:fixed; display:block; width:100%; left:0; bottom:0; background:#3A3A3A; padding:10px 0; z-index:99;}
.favmenu a{color:#FFF;}
.favmenu li{color:#FFF; display:block; float:left; width:25%; text-align:center;}
.favmenu li a{display:block;}
.infoTitle span {height:2px;}
.productsimg a {width:48%; margin-left:1%; margin-bottom:2%;margin-right:1%;}
.productsimg a {line-height:24px;}
.homeproducts-class a {width:48%; margin:1%;height: 38px;line-height: 38px;font-size: 14px;}
.marginbottom30{ margin-bottom:10px;}
.margintop30 {margin-top:10px;}
.homeproducts {padding-top: 10px;}
.homeproducts-class{width:100%;}
.productsimg{width:99%; }
.homeproducts-class a{ background:#cb0915;color:#FFF; }
.aboutkou .p1 { font-size:24px;padding-bottom:0;}
.aboutkou .p2 {font-size:16px;}
.application-item {width:50%;line-height: 60px;font-size: 16px; float:left; padding-bottom:2%;}
.application-item-l{width:100%;}
.application-item-r{width:100%;}
.ap-1{display:none;}
.ap-2{display:block;}
.advantage{line-height: 36px;padding: 30px 0;}
.advantage li {width:47.5%; border-right:none;}
.advantage p{font-size:12px;}
.advantage .bigworld {font-size: 16px;}
.bigfont {display:block; width:100%; height:50px; line-height:50px; color:#FFF; position:fixed; left:0px; bottom:0px; z-index:9999; text-align:center; background:rgb(0,112,196) url(../images/tel.png) no-repeat 25% center;}
.bigfont a{ color:#FFF;}
.scrolNews1 { background-position:6px 15px;}
.productsClass p{margin-bottom:20px;}
.products-left{width:96%; padding-top:6%; padding-bottom:6%; margin-bottom:6%;}
.products-left ul a, .products-left ul a:visited {width:44%; float:left;}
.products-left ul a:hover{padding-left:0;}
.productclass-h {width:100%;}
.navmenu {width: 100%; border-radius:0; }

.navmenu h2,.navmenu p { display:none;}
.navmenu a, .navmenu a:visited {height:33px; line-height:33px; width:49.5%;}
.phone_show{display: block;}
.logo-1{width:60%;padding-top: 0px;}

.logo-1 span { font-size:30px; display:inline-block; color:#FFF; padding-top:20px;}
.logo-1 img{padding-top: 10px;}
.about1{width:96%; margin:0 2%; line-height:33px;float:left;}
.about1 h2{margin:2% 0; font-size:24px; text-align:center;}
.about2{width:98%;float:left; text-align:left; padding:0 1%;}
.mbhide{ display:none !important;}

.pictureL {
  width: 96%;
  margin:0 2%;
}
.pictureR {
  width: 96%;
  margin:0 2%;
}

.topr {
  margin-top: 25px;
  border-left:none;
  padding-right: 10%;
}
 .newsA a{width:100%;}
 .soL {
  width: 96%;
  margin:0 2%;}
.soR {
  width: 96%;
  margin:0 2%;
}
.soR h3 {font-size: 20px; margin-top:30px;}
.marginbottom60{margin-bottom:30px;}
.noIndex .bottomInfo{padding-top: 40px;}
.con li { width: 96%;}
.con li h4 {  font-size: 20px;}
.conl,.conr{width:100%;}
.newsok a {width:46%; margin-left:2%;}
.riqi {display:none;}
.scrolNews1{width:90%; padding-left:8%;}
.scrolNews2{display:none;}
.news-h p, .video-h p { text-align:center;border-left: none;}
.news-h {width:96%; padding:0 2%; margin-bottom:5%;}
.news-h .imgThum {width:32%;}
 .title p {border-bottom:none;padding-bottom: 0px;}
.news-h h4 { padding-top:0px; padding-left:2%;}
.news-h a.firstNews { }
.newsok a h3 {font-size:16px;}
.newsok a p { line-height:28px;}
.margintop60 { margin-top:30px; }
.orange { padding:0 2%;}
.smallfonts { text-align:left !important;}
.video-h {width:100%; margin-top:30px;}
.width1300 {width:100%;}
.content span {text-align:left; font-size:12px;}
.productclass-h a { width:44%;margin:1% 3%;}
.productclass-h-p a {margin: 1% 3%;width: 44%;}
.homeproducts-home ul li {width:46%; margin:2%;}
.homeproducts-home .imgwrap,.homeproducts-home ul .imgwrap img { height:auto;}
.productmore{display:block;background:#06F;}
.title h3 {font-size: 20px;}
.footercolumn { display:none;}
.contacts { display:block; text-align:left;}
.footercolumn {width:96%;}
.contacts .p {padding-left: 10px;}
.contacts .p ._tel {font-size:16px;line-height: 20px;text-align:left;}
.redbg{ margin-bottom:30px; margin-top:0px;}
.black,.menu-2{display:none;}

.servicesUl li{width:47%; height:260px; font-size:14px;}
.servicesUl p{line-height:26px;}
.servicesUl li h3{ font-size:16px; font-weight:bold;}
.servicestitle h3{ font-size:23px;}
.servicestitle p{ font-size:14px; line-height:28px;}

.aboutsbg { padding-top:5px;}
.abouts-l{width:100%; margin-bottom:6%;}
.abouts-l img{border-radius:0;}
.abouts-r{width:96%; padding:0 2%; line-height:33px; text-indent:6px;}
.more {width:160px; font-size:16px; padding:3px 15px; margin:20px auto !important;}

.solution a{color:#3d3d3d;}
.solution .txtworld {
    opacity: 1;
}
.solution img{width:100% !important;}
.li04{width:96%; height:200px; color:#FFF;}

.smallpading{ padding-top:40px;  }
#div1 {width:100%;height:170px;}
.title{margin-bottom: 0px;margin-top: 20px; padding:0; }
.productsClass p { margin:10px;}
.application a { font-size:12px; }
.application a p {bottom: 0px;}
.abouts {line-height: 31px;padding: 30px 0;  }
 
 
 .picBox {
  width: 98%;}
 
a.whileA {padding:5px 60px;}
.noIndex .list{width:96%;padding:1%;margin-bottom: 0;width: 97%;margin-bottom: 3%; border:none;}
.listTitle{border:none;}
.list:hover{margin-top:0;}
.picBox {margin-right:0;}
.content {float:left;width:100%;}

.content h3{font-size:15px; padding:2%; background:#f4f4f4;margin-bottom:0; width:96%;  border-radius:10px; }
.content span{color: #8c8c8c;}
.caseok {padding-bottom: 30px;}
#div1 ul li {width:180px; height:130px;}
.flexsliderWorld{  margin:0 auto; width:96%;padding:2%; text-align:center; line-height:33px; font-size:18px; margin-top:60px;}
.flexsliderWorld p{ display:none;font-size: 18px; margin-top:40px; width:100%; text-align:center;}
.flexsliderWorld2{ line-height:10px; width:96%; margin-top:65px; padding-left:0px; font-size:24px; text-align:center;}
.flexsliderWorld2 p{ display:none;font-size: 20px; margin-top:80px; text-align:center;font-size: 18px;}
.productsClass h3,.news-h em, .video-h em {font-size: 22px;}
.contentColumn  .title {margin-top:10px;margin-bottom: 0px; font-size:20px;padding-bottom: 10px; font-weight:bold; }
 .productsClass {margin-top:10px;}
 .flex-control-nav{ left:30%;}
.productsClass li a{width: 43%; margin-left:3%; margin-right:3%;margin-top: 0px;margin-bottom: 5px; background-position:10% 16px; background: #005aab ;padding: 6px 0}
.homeproducts ul li a:hover .view {width: 100%;}
.homeproducts {width: 100%;}
.homeproducts ul li {width: 49%;margin-left: 1%; margin-bottom:4px;margin-right: 0px;;}
.imgwrap {height: auto;width: 100%;}
.homeproducts ul .imgwrap img {height: auto;width: 100% !important;}
.homeabout {margin-top: 20px;height:auto;width: 92%; padding:0 4%;}
.homeabout-info {padding-top: 30px;}
.homeabout-info h2 {font-size: 22px;}
.listAll{padding-top: 10px;}
.close a{ display:block; margin-bottom:20px;background:#f0f0f0; padding:6px 0px;}
.open,.close{display:block;}
.open a{background:#f0f0f0 url(../images/arrow.png) no-repeat center bottom; display:block; padding:6px 0px; padding-bottom:20px;}
.asideColumn p { height:45px; line-height:45px; background-color:#0069b8; display:none;}
#starlist,.nav{ display:none;}
.news-h a {width:97%;}
.news-h li i {display:none;}
.relevant {padding:0 2%;}
.newsTitle .contentColumn .title {display:block;}
.products-only .contentColumn .title { display:block; margin-bottom:20px;}
.newsTitle .title h3 { font-size:20px;}
.asideColumn{width:100%; float:right}
.contentColumn{width:100%; float:left;}
.news-left .news .imgThum {width:30%; display:inline-block; padding-left:0; padding-top:8px; text-align:center;}
.news-left .news a  {width:66%; text-align:left;}
.news li h4 { padding:0px; margin-top:0px; background:none;}
.news-left {padding: 20px 0;width: 100%;}
.news li a{padding:0 1%;display:block;}
.news-left .news li{ text-align:center;}
.footer {line-height: 24px;padding: 40px 0;}
.footercolumn3 {
	
    margin-left:2%;
    width: 98%;
}

 .mapleft,.mapright{width:100%; }
 
.bottoml {width:96%; padding:0 2%;text-align:center;}
.bottomr {width:96%;padding:0 2%; text-align:center; margin-bottom:150px;margin-top:20px;}
.title-block img{width:70%; }
.nono{display:block;}
.contactsbigfont { font-size:19px;}
.footercolumn-con{width:98%; padding-left:2%;}
.footercolumn2 {width:100%;}
.footer p{ padding:0 4%;}
.footer a{width:auto;}
.news a{background:none;}
.news li a{display:block; text-indent:8px;}
 
.bannerbgTitle{ width:100%; padding-top:60px; text-align:center;font-size:16px; line-height:26px; }
.contentArea {padding:0 4%; margin-top:20px;}
#rightArrow,#floatDivBoxs{display:none;}
.footercolumn3 a{ display:block; width:49%; float:left; line-height:33px;}
}