﻿

@charset "utf-8";
html, body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {margin: 0; padding: 0; }
img { border: 0 none; vertical-align: top; }
ul,li,dl,dd,dt { list-style-type: none; }
i,em,cite { font-style: normal; }
body {  -webkit-text-size-adjust:none;  font-family:"微软雅黑";}
a{ text-decoration: none; }
.clear,.cle {clear:both;}
a,area { blr:expression(this.onFocus=this.blur()) }   
a:focus { outline: none; }    
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.animated.infinite{-webkit-animation-iteration-count:infinite; animation-iteration-count:infinite;}
.animated.maxtime{-webkit-animation-duration:2s;animation-duration:2s;}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}}
@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;}
@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-200%);transform:translateX(-200%);}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}}
@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-200%);transform:translateX(-200%);}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig;}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%);}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}}
@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%);}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;}
@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(200%);transform:translateX(200%);}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}}
@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(200%);transform:translateX(200%);}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig;}
@-webkit-keyframes fadeInTop{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}}
@keyframes fadeInTop{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}}.fadeInTop{-webkit-animation-name:fadeInTop;animation-name:fadeInTop;}
@-webkit-keyframes fadeInTopBig{0%{opacity:0;-webkit-transform:translateY(-200%);transform:translateY(-200%);}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}}
@keyframes fadeInTopBig{0%{opacity:0;-webkit-transform:translateY(-200%);transform:translateY(-200%);}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}}.fadeInTopBig{-webkit-animation-name:fadeInTopBig;animation-name:fadeInTopBig;}
@-webkit-keyframes fadeInBottom{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}}
@keyframes fadeInBottom{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}}.fadeInBottom{-webkit-animation-name:fadeInBottom;animation-name:fadeInBottom;}
@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.shake{opacity:1;-webkit-animation-name:shake;animation-name:shake}
@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.swing{opacity:1;-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}
@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);-ms-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}.{opacity:1;-webkit-animation-name:tada;animation-name:tada}
@keyframes fadeMoveLeft{from {margin-left:3px;}to {margin-left:-6px;}}
@-moz-keyframes fadeMoveLeft{from {margin-left:3px;}to {margin-left:-6px;}}
@-webkit-keyframes fadeMoveLeft{from {margin-left:3px;}to {margin-left:-6px;}}.fadeMoveLeft{animation:fadeMoveLeft 0.5s infinite;-moz-animation:fadeMoveLeft 0.5s infinite;-webkit-animation:fadeMoveLeft 0.5s infinite;}
@keyframes fadeMoveRight{from {margin-left:-3px;}to {margin-left:6px;}}
@-moz-keyframes fadeMoveRight{from {margin-left:-3px;}to {margin-left:6px;}}
@-webkit-keyframes fadeMoveRight{from {margin-left:-3px;}to {margin-left:6px;}}.fadeMoveRight{animation:fadeMoveRight 0.5s infinite;-moz-animation:fadeMoveRight 0.5s infinite;-webkit-animation:fadeMoveRight 0.5s infinite;}
@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}}
@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);-ms-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);-ms-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}
@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-180deg);-ms-transform:perspective(400px) rotateY(-180deg);transform:perspective(400px) rotateY(-180deg)}70%{-webkit-transform:perspective(400px) rotateY(180deg);-ms-transform:perspective(400px) rotateY(180deg);transform:perspective(400px) rotateY(180deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}
@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}
@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}
@-webkit-keyframes pulse{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes pulse{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}
@-webkit-keyframes show{
	0%{opacity: 0;}
	100%{opacity: 1;}
}
@keyframes show{
	0%{opacity: 0;}
	100%{opacity: 1;}
}
.show{-webkit-animation-name:show;animation-name:show;}
.revealOnScroll{opacity: 0;}



.t_search{position: relative; float: right; width: 83px; height: 20px; margin: 5px 10px 0 15px; overflow: hidden; border: 1px solid #2eaae0; line-height: 20px; font-size: 12px; color: #333333; -webkit-border-radius:10px;
-moz-border-radius:10px;
-ms-border-radius:10px;
-o-border-radius:10px;
border-radius:10px; outline: none;display: none;} 
.t_search_text{border:0px; outline: none; background-color: transparent; width: 65px; height: 20px; line-height: 20px; font-size: 12px; color: #333333; text-indent: 8px; overflow: hidden;display:none;}
.t_search img{}


.t_tel{position: relative; float: right; width: auto; height: 30px; overflow: hidden; line-height: 30px; font-size: 12px; color: #03A9F4;font-weight: bold;}


.t_logo{position:absolute;top: 33px;left: 0px;}
.t_logo img{width:280px;height:90px;border:0px;}
#ea_l{position:relative;top:-3px;left:-97px;width:280px;height:90px;}


#type1Li_n0{}
.xn_n_14_wrap{position: relative; height:97px; width:1200px; margin: 0 auto; text-align:center;}
.xn_n_14_wrap_main{position: relative; float: right;}
.xn_n_14_wrap_menu1 {float:left; width:110px; height:97px; font-size:16px;}
.xn_n_14_wrap_menu1 a{color:#3c3b3b; line-height:97px; text-decoration:none;}
.xn_n_14_wrap_menu1_2 {position: relative;z-index: 99;float:left; width:110px; height:97px; font-size:16px; background:#fff;}
.xn_n_14_wrap_menu1_2 a{color:#000; line-height:97px; text-decoration:none;}
.xn_n_14_wrap_menu1_cur {float:left; width:110px; height:97px; font-size:16px;}
.xn_n_14_wrap_menu1_cur a{color:#3c3b3b; line-height:97px; text-decoration:none;}
.xn_n_14_wrap_menu2 {float:left; width:110px; height:30px; font-size:14px;}
.xn_n_14_wrap_menu2 a{color:#3c3b3b; line-height:30px; text-decoration:none;display: block;margin-top: -9px;}
.xn_n_14_wrap_menu2_2 {float:left; width:110px; height:30px; font-size:14px;}
.xn_n_14_wrap_menu2_2 a{color:#000; line-height:30px; text-decoration:none;}
.xn_n_14_wrap_menu2_cur {float:left; width:110px; height:30px; font-size:14px;}
.xn_n_14_wrap_menu2_cur a{color:#239d49; line-height:30px; text-decoration:none;}
.xn_n_14_wrap_main ul li ul{box-shadow: 0px 3px 5px 1px rgba( 0, 0, 0, 0.47);padding-top: 97px;margin-top: -97px;
 width:110px; background:#fff; overflow: hidden;}
.xn_n_14_wrap_main ul li ul li{height: 30px; line-height: 30px;}  
.xn_n_14_wrap_main ul li ul li ul{display: none !important;}
#type1Li_n12>a>span{font-weight:bold;color: #cf2e2e;}


.top{position:fixed; width: 100%; height: 127px; min-width: 1200px; z-index:99; background: url(https://rc0.zihu.com/g2/M00/63/A0/CgAGe1qjmaGAM_1MAAAfXRUQyHo575.jpg) top repeat-x; }
.t_t{position:relative; z-index:100; width:1200px; height:30px; margin:0 auto; }
div#ea_n { box-shadow: 1px 1px 5px 1px rgba( 0, 0, 0, 0.47);}




.about_banner{width:100%; height:457px; overflow: hidden; position:relative; margin:0 auto;padding-top:127px;}
.about_banner_m{Z-INDEX:0; width:1920px; height:457px; position:absolute; left:50%; margin-left:-960px;}




.n_content_left_cnt{height: auto;background: #fff;position: absolute;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-moz-transform: translateX(-50%);margin-top: 208px;height: 37px;overflow: hidden;}
.about_body .n_content_left_cnt{margin-top: 203px!important;}
.honor_body .n_content_left_cnt{margin-top: 203px!important;}
.recruitment_body .n_content_left_cnt{margin-top: 203px!important;}
.n_content_left_cnt ul li ul li ul{border-bottom:none !important;}
.left_menu1 {transition: all 0.6s ease 0s;  margin:0 auto;width: 84px;background: #fff;font-weight:bold;font-size:12px;float: left;text-align: center;border: 1px solid #d2d2d2;margin-right: 5px;}
.left_menu1 a{width: 84px;line-height: 31px;color: #616161;}
.left_menu1:hover a{display:inline-block;color:#fff;}
.left_menu1:hover{background: #5E7787;}
.left_menu1_2 {margin:0 auto;width:193px;  background: #FFFFFF; font-weight:bold; font-size:12px; font-weight:bold; margin-bottom:6px;}
.left_menu1_2 a{width:100px; margin:0px auto 6px auto; border-bottom:1px solid #EBEBEB; font-weight:bold; font-size:13px; font-weight:bold; display:inline-block; padding-left:68px; line-height:30px; color: #d40000; background:url(https://rc1.zihu.com/rc/Contents/32766/Images/icpsp1_n_left_menujt.png?d=20180308164514847) 50px center no-repeat #fff; text-decoration:none;}
.left_menu1_2 a:hover{w}
.left_menu1_2 :hover{background-color: #292929;}
.left_menu1_cur{margin: 0 auto;width: 84px;background: #607D8B;font-weight: bold;font-size: 12px;float: left;text-align: center;
border: 1px solid #607D8B;margin-right: 5px;line-height: 31px;height: 31px;}
.left_menu1_cur a{display:inline-block;color: #fff;text-decoration:none;}
.left_menu1_cur a:hover{}
.left_menu2{ width:193px;}
.left_menu2 a{ text-indent:10px; color:#333; background:none !important;}
.left_menu2 a:hover{ color:#000; background:none !important;  color:#333;}
.left_menu2_2{ width:193px;}
.left_menu2_2 a{text-indent:10px; background:none !important;  color:#C00;}
.left_menu2_2 a:hover{ color:#000; background:none !important;  color:#333;}
.left_menu2_cur{ width:193px;}
.left_menu2_cur a{text-indent:10px; color:#C00; background:none !important;}
.left_menu2_cur a:hover{ color:#000; background:none !important;}
.left_menu3{ width:193px;}
.left_menu3 a{  color:#000; height:20px; text-indent:20px; background:none !important; font-weight:normal;  border:none !important;}
.left_menu3 a:hover{ color: #F00; height:20px; background:none !important; font-weight:normal;}
.left_menu3_2{ width:193px;}
.left_menu3_2 a{  color:#C00; height:20px; text-indent:20px; background:none !important; font-weight:normal;  border:none !important;}
.left_menu3_2 a:hover{ color:#F00; height:20px; background:none !important; font-weight:normal;}
.left_menu3_cur{ width:193px;}
.left_menu3_cur a{  color: #C00; height:20px; text-indent:20px; background:none !important; font-weight:normal;  border:none !important;}
.left_menu3_cur a:hover{ color:#F00; background:none !important; font-weight:normal;}



.n_content_right_name_r{word-spacing: -4px;  width:400px;height: 23px;color:#777;font-size:12px;text-align: left;line-height: 23px;margin-bottom: 2px;}
.n_r_wz1,.n_r_wz2,.n_r_wz3,.n_r_wz4,.n_r_wz5,.n_r_wz6{color:#fff;}
.n_r_wz3,.n_r_wz5{letter-spacing: -1px;}
.n_r_wz1{display: none;}
.n_r_wz2 a,.n_r_wz4 a,.n_r_wz5 a,.n_r_wz6 a{color:#fff;}
.n_content_right_name_r ul li{float: left;}
.n_content_right_name_r ul li img{margin-right:12px;display: none;}


.xn_c_about_1_warp {width:1000px;margin: 0 auto;overflow: hidden;font-size:14px;}


.n_main{width: 100%; margin:0; padding:0; height:auto; overflow:hidden; margin-top:-200px;z-index:5; position: relative;} 
.n_content{width:1200px; margin:0 auto;}
.prod_view_body .n_content{margin-top: 258px;}
.case_body {overflow-x: hidden;}
.case_view_body {overflow-x: hidden;}
.prod_view_body .n_main{width: 100%;height: 100%;background:url(https://rc1.zihu.com/rc/Contents/32765/images/bigpro.png?d=20180308164515410)no-repeat;margin-top: 0px; }


.n_content_about{width: 1200px;margin: 0 auto;margin-bottom: 50px;background:url(https://rc1.zihu.com/rc/Contents/32765/images/about2.png?d=20180308164515410?d=20170517160308751?d=20170516181909175)no-repeat;}
.n_about_m_2{color:#666666;text-align: center;display: block;font-size: 12px;margin-top: 7px;margin-bottom: 100px;width: 217px;margin-left: 1px;}
.n_about_m_1{margin: 0 auto;display: block;padding-top: 73px;height: 120px;width: 221px;margin-bottom:90px;}
.n_about_m_3{font-size: 36px;color:#666666;text-align: center;display: block;margin: 0 auto;padding-top: 15px;}
.n_about_m_4{font-size: 13px;color:#666666;text-align: center;display: block;margin: 0 auto; line-height: 26px;margin-bottom: 28px;margin-top: 9px;}
.n_about_m_5{width: 776px;height: 236px;overflow: hidden;margin-left: 210px;}
.n_about_m_bottom{transition: all 1.0s ease 0s;width: 181px;height: 44px;margin:0 auto; margin-top: 71px;background:#637d8e;text-align: center;line-height: 44px;display: block;}
.n_about_m_bottom a{color: #ffffff;font-size: 13px;display: block;}
.n_about_m_bottom:hover{background:#4F6371;}
.about2{width: 1100px;height: 428px; margin:0 auto;overflow: hidden;}
.big1,.big2,.big3,.big4{width: 312px;height: 344px;float: left;margin-top: 9px;margin-right: 59px;}
.big4{margin-right: 0px;}
.big2:hover img,.big3:hover img,.big4:hover img{-webkit-animation-name: hvr-wobble-vertical;
    animation-name: hvr-wobble-vertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;}
 @-webkit-keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateZ(8px);
    transform: translateZ(8px);
  }
  33.3% {
    -webkit-transform: translateZ(-6px);
    transform: translateZ(-6px);
  }
  49.95% {
    -webkit-transform: translateZ(4px);
    transform: translateZ(4px);
  }
  66.6% {
    -webkit-transform: translateZ(-2px);
    transform: translateZ(-2px);
  }
  83.25% {
    -webkit-transform: translateZ(1px);
    transform: translateZ(1px);
  }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateZ(8px);
    transform: translateZ(8px);
  }
  33.3% {
    -webkit-transform: translateZ(-6px);
    transform: translateZ(-6px);
  }
  49.95% {
    -webkit-transform: translateZ(4px);
    transform: translateZ(4px);
  }
  66.6% {
    -webkit-transform: translateZ(-2px);
    transform: translateZ(-2px);
  }
  83.25% {
    -webkit-transform: translateZ(1px);
    transform: translateZ(1px);
  }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@-webkit-keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.big2 img,.big3 img,.big4 img{margin: 0 auto;display: block;}
.big1{margin-right: 72px;}
.big2 img{margin-top: 5px;}
.big4 img{margin-top: 6px;}
.big{width: 1054px;margin: 0 auto;overflow: hidden;}
.ba_about0{color:#003f8b; font-size: 16px;display: block; font-weight: bold; line-height: 30px;}
.ba_about1{color:#626262;font-size: 16px; line-height: 30px;}
.Ba_about3{display: block;width: 312px;margin-top: 63px;line-height:30px;color: #637d8e;font-size: 18px;text-align: center;font-weight: bold;margin-bottom: 15px;}
.ba_about3{background: url(https://rc1.zihu.com/rc/Contents/32765/images/fan.png?d=20180308164515410?d=20170516181909175)no-repeat   -15px 0px; width: 312px;height: 141px;display: block;padding-top: 17px;font-size: 14px;color: #848484;line-height: 30px;}
.Ba_about4{display: block;width: 312px;margin-top: 63px;line-height:30px;color: #637d8e;font-size: 18px;text-align: center;font-weight: bold;margin-bottom: 15px;}
.ba_about4{background: url(https://rc1.zihu.com/rc/Contents/32765/images/fan.png?d=20180308164515410?d=20170516181909175)no-repeat   -10px 0px; width: 312px;height: 141px;display: block;padding-top: 17px;font-size: 14px;color: #848484;line-height: 30px;}
.Ba_about5{display: block;width: 312px;margin-top: 63px;line-height:30px;color: #637d8e;font-size: 18px;text-align: center;font-weight: bold;margin-bottom: 15px;}
.ba_about5{background: url(https://rc1.zihu.com/rc/Contents/32765/images/fan.png?d=20180308164515410?d=20170516181909175)no-repeat   -13px 0px; width: 312px;height: 141px;display: block;padding-top: 17px;font-size: 14px;color: #848484;line-height: 30px;}
.ba_about5_1{width: 281px;margin: 0 auto;display: block;}
.ba_about4_1{width: 281px;margin: 0 auto;display: block;}
.ba_about3_1{width: 281px;margin: 0 auto;display: block;}


.n_content_left{width:217px; height: auto; float:left; position:relative;}


.n_content_right{position:relative;width:783px;height: auto;float:right;}


.n_content_right_name{display: none; width:92%; height:90px; margin:0 auto; position:relative; border-bottom:1px solid #DBDBDB;}


.n_content_right_m {display: none; text-align:left; width:92%; margin:0 auto; line-height:24px; color:#737373; font-size:12px; padding:30px 0 20px 0; position:relative;}



.foot_tel{width:1000px; height:90px; line-height: 90px; float:left; color:#fff; font-family:"微软雅黑"; font-size: 14px;overflow: hidden;}
.foot_tel_f{ position:relative; width:100%; height:100%;}
.foot_tel a{color:#999; }
.foot_add,.foot_phone,.foot_fax{float:left;}
.foot_phone{margin-left:48px;}
.foot_fax{margin-left:45px;}
.foot_zip{display: none;}


.xn_f_19_wrap{width:200px; height:auto; margin:30px auto 0 auto; position:relative; z-index:22; float:right;}
.xn_f_19_wcur{width:200px; height:30px; margin:0 auto; overflow:hidden; position:relative; z-index:35;cursor: pointer;}
.xn_f_19_lktxt{width:152px;padding-left: 35px; height:30px; line-height:30px; overflow:hidden; float:left; font-size:14px; color:#fff;font-family: "Arial"; background:url(https://rc1.zihu.com/rc/Bottoms/29562/images/xn_f_19_lktxt.png?d=20180310214055263) left center no-repeat;}
.xn_f_19_lkbtn{width:13px; height:30px; line-height:30px; overflow:hidden; float:left; font-size:0px; color:#666; text-align:center; cursor:pointer; background:url(https://rc1.zihu.com/rc/Bottoms/29562/images/xn_f_19_lkbtn.png?d=20180310214055263) left center no-repeat;}
.xn_f_19_sel{width:202px; height:0; overflow:hidden; position:absolute; left:0; top:30px; z-index:33; background-color:#FFF;}
.xn_f_19_sel ul{width:200px; overflow-y:auto;height: 120px; border:1px solid #ddd;}
.xn_f_19_sel ul.xn_f_19_ul_botb{border-top:0;}
.xn_f_19_sel li{height:30px; line-height:30px; overflow:hidden; display:block; padding:0 5px; font-size: 14px;}
.xn_f_19_sel li a{color: #929292;display: block;}
.xn_f_19_sel li a:hover{color: #2499db;}
.xn_f_19_sel li:hover,.xn_f_19_on{}
.xn_f_19_name{width:100px; height:30px; line-height:30px; float:left; overflow:hidden;}


.xn_f_2_warp {float: left;margin-left: 10px;margin-top: 10px;}


.xn_f_10_wrap{position: relative; height:32px; width:100%; overflow: hidden;margin-top: 12px;}
#navtype1Li_n0{display: none;}
.xn_f_10_main{margin:0 auto; width:100#; height:32px; overflow: hidden;}
.xn_f_10_main>ul>li{float: left;padding-left: 10px;margin-right: 11px;height: 15px;line-height: 15px;border-left: 1px solid #d7d6d6;margin-top: 8px;font-size:14px; font-family:"微软雅黑";}
.xn_f_10_main>ul>li>a{color:#929292;}
.xn_f_10_main>ul>li>a:hover{color: #666;}
#navtype1Li_n0+li{border-left: none;padding-left: 0;}
.xn_f_10_main ul li ul{width:124px; border-left:1px solid #ff0000;border-right:1px solid #ff0000;border-bottom:1px solid #ff0000; background:#830000; filter:Alpha(opacity=80); display:none !important;}


.foot_copy{width:100%; height: 32px; line-height: 32px; font-size: 14px; font-family:"微软雅黑"; color: #929292;}
.foot_copy_name,.foot_copy_ba{float:left;}
.foot_copy_ba a{color: #929292;margin-right: 10px;}
.foot_copy_ba a:hover{color: #2499db}
.foot_copy_ba{margin-left:30px;}
.ind_footer {width: 1000px; float:left;}


.foot_fx{float:right;}
.bds_tsina{background:url(https://rc1.zihu.com/rc/Bottoms/29562/images/bds_tsina.png?d=20180310214055263) left center no-repeat !important; margin:31px 0 0 0 !important;}
.bds_tqq{background:url(https://rc1.zihu.com/rc/Bottoms/29562/images/bds_tqq.png?d=20180310214055263) left center no-repeat !important; margin:31px 0 0 18px !important;}
.bds_sqq{background:url(https://rc1.zihu.com/rc/Bottoms/29562/images/bds_sqq.png?d=20180310214055263) left center no-repeat !important; margin:31px 0 0 18px !important;}
.bds_weixin{background:url(https://rc1.zihu.com/rc/Bottoms/29562/images/bds_weixin.png?d=20180310214055263) left center no-repeat !important; margin:31px 0 0 18px !important;}


.foot{width:100%; position:relative; text-align:center; font-size:14px;color:#929292; line-height:25px; }
.foot_c{position:relative; width:100%; margin:auto; text-align:left;}
.foot_box{background:#637d8e; height: 90px; }




.index_body{}


.about_body,.case_body,.case_view_body,.clients_body,.contact_body,.down_body,.down_view_body,.feedback_body,.faq_body,.faq_view_body,.honor_body,.honor_client_list_body,.honor_client_view_body,.job_body,.job_online_body,.news_body,.news_view_body,.order_body,.pro_body,.pro2_body,.prod_view_body,.products_body,.products2_body,.recruitment_body,.search_body,.sv_body,.video_body,.video_view_body,.sitemap_body,.clapro_complex_body,.claproducts_body,.claprod_view_body,.login_body,.reg_body,.success_body,.member_body,.getpass_body,.getchapass_body,.changepass_body,.lose_body,.verifymail_body,.apply_body,.buysucces_body,.callback_body,.help_body,.mborlist_body,.mborlist_view_body,.orlogin_body,.spcartone_body,.spcartthree_body,.spcarttwo_body{}



.xn_m_6_head{width:82px;height:82px;background:url(https://rc1.zihu.com/rc/Marketings/28347/images/xn_m_6_head.png?d=20180310132256146) no-repeat center;color:#fff;border-bottom:1px solid #f0f0f0;}
.xn_m_6_wrap{position:fixed;height:auto;width: 82px;z-index: 10001;}
.xn_m_6_wrap>a{display: none;}
.xn_m_6_mbox img{width: 20px;clear:both;}
.xn_m_6_mbox ul li{ width: 82px; text-align:center; padding:10px 0;border-bottom:1px solid #f0f0f0; }
.xn_m_6_mbox ul li span{  line-height:20px;width:100%; color:#282828; text-align:center; display:block; font-size:12px;}
.xn_m_6_mbox ul li span:hover{ color:#ff0000;}
.xn_m_6_tel_box img{width: 20px}
.xn_m_6_head .close{cursor:pointer;text-align: left;padding-left:10px;}
.xn_m_6_mbox ul{ }
.xn_m_6_markrt_code img{width: 80px;}
.xn_m_6_small_but { width:20px; height:50px; background:#000; position:absolute; top:50%; margin-top:-25px; right:0px; cursor:pointer; color:#fff; font-size:12px; display:none; text-align:center; line-height:24px; }
.xn_m_6_foot{width: 100%;height: 40px;background:url(https://rc1.zihu.com/rc/Marketings/28347/images/xn_m_6_foot.png?d=20180310132256146) no-repeat center center;}
.xn_m_6_wrap img{width:30px;height:30px;}
.xn_m_6_orderId{display:none;}
#xn_m_6_orderBox_2{ display:none;}
#xn_m_6_orderBox_4{ display:none;}
#xn_m_6_orderBox_3{display:none;}
#xn_m_6_orderBox_8{ display:none;}
.xn_m_6_mbox h4{ display:none;}
.xn_m_6_mbox{ background: #ffffff; width:82px; border-left:1px solid #f1f1f1;border-right:1px solid #f1f1f1;}






