﻿@font-face {
	font-family: 'HelveticaNeue-BoldCond';
	src: url("helvetica/HelveticaNeue-CondensedBold.eot");
	src: url("helvetica/HelveticaNeue-CondensedBold.eot?#iefix") format('embedded-opentype'),
		url("helvetica/HelveticaNeue-CondensedBold.woff") format('woff'),
		url("helvetica/HelveticaNeue-CondensedBold.ttf") format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'HELVETICANEUELTPRO-LTCN';
	src: url("helvetica/HelveticaNeueLTStd-Cn.eot");
	src: url("helvetica/HelveticaNeueLTStd-Cn.eot?#iefix") format('embedded-opentype'),
		url("helvetica/HelveticaNeueLTStd-Cn.woff") format('woff'),
		url("helvetica/HelveticaNeueLTStd-Cn.ttf") format('truetype');
	font-weight: 400;
	font-style: normal;
}

body 
{white-space:normal; 
    margin:0;
    padding:0;
    min-width:1274px;
    font-family:HELVETICANEUELTPRO-LTCN,Microsoft YaHei,Verdana !important;
    font-size:15px!important;font-weight: 400;line-height: 1.714;color:#524F4F;
/*background-image:url(../img/a1.jpg);*/
}
div
{
    white-space:normal;
}
a
{
    cursor:pointer;
    text-decoration:none;
}
#main
{
   
    width:1420px; 
	padding-top:0px;	
	margin-left:auto;   
	margin-right:auto;
}
 .top {
   
    height: 109px;
    padding-top: 0;
    text-align: left;
    vertical-align: middle;    width: 1360px;    margin: 0 auto;
}
.divq {
    float: right;
    padding-top: 75px;
    width: 100px;text-align:right;
}
.headerContent_i{
    border-bottom: 5px solid #E60027;
}
.topimg {
   
    height: 38px;
    line-height: 36px;
   /* padding-left: 45px;*/
    margin: 0 auto;
   z-index:9999;
width:1360px;
}

.topimg li {
    color: #333333;
    float: left;
    list-style-type: none;
    /*padding-right: 58px;*/
    text-align:center;
    padding:0;
    margin:0;
    margin-right:0px;
    /*padding-left:1px;*/
}
select{padding:2px; border:1px solid #ccc; height:28px; line-height:28px; vertical-align:middle; margin-bottom:5px;}
img{ border:0;}
.logoPic{    float: left;
    height: 98px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    width:979px; background-color:#ffffff;}
.menu{width:979px; margin:0 auto;float:left;height:43px;font-family:HelveticaNeue-BoldCond;}
.menuUl{width:1274px; height:43px; margin:0 auto; padding-left:4px;}
.menuUl ul{ margin:0; padding:0; list-style:none;}
.menuUl ul li{ float:left; width:120px; text-align:center; height:43px; line-height:41px; }
.menuUl ul li a{ color:#524F4F;  font-size:16px;}
.menuUl ul li.current a{ color:#fff; font-size:16px;}
.menuUl ul li.current{background:url("../img/menuBg_Hover.gif") repeat-x left top;color:#fff;}
.LogoImage{width:100%;margin:0 auto;     float: left;
    margin-top: -2px;}
.LogoImage1{width:840px;margin:0 auto;}
.headerContent_i .logo {
    height: 138px;
    margin: 0 auto;
    width: 979px;
}
.headerContent_i .language
{
    float: right;
height:53px;
    padding-top:20px;
    padding-right:20px;
    width: 350px;
    text-align:right;
line-height:53px;
}
.headerContent_i .language a
{
    color:#333;
    text-decoration:none;
}
.contact
{
    padding-left:10px;
    background-color:#F5F5F5;
    line-height:22px; 
    width:210px;
    margin-right:0px;
    padding-right:0px;
    padding-bottom:10px;
    margin-bottom:10px;

    
    
}
.headerContent_i .language a:hover{ color:#333;}
 .searchDiv{  padding-top:7px;padding-bottom:12px;text-align:center; padding-left:8px;float:right;}
.headerContent_i  .searchDiv #btSearch{ border:0; width:30px; height:18px; }
.headerContent_i  .searchDiv #tbPartNumber{ color:#ccc; border:1px solid #ccc; height:20px; padding-left:5px; }
#center {
    background-color: White;
    float: left;
    padding: 0;
    width: 100%;margin-top:20px;
}

#centerleft 
{
   
    float: left;
    margin:0px 0 0;
    /*margin-left: 5px;
    margin-top: 5px;*/
    text-align: left;
    width: 214px;
}
#centerleft .txt1 {
    background-image: url("../img9/222.jpg");
    background-repeat:no-repeat;
    color: #ffffff;

    font-size: 12px;
    font-weight: bold;
    height: 31px;
    line-height:27px;
    padding-left: 21px;
    /*padding-top: 10px;*/
}
#centerleft .txt2 {
    line-height:27px;
    text-align:center;
    padding-bottom:12px;
    padding-top:12px;
    margin-left:0px;
    margin-right:0px;
    /*padding-top: 10px;*/
}


 .txt2 {
    line-height:27px;
    text-align:center;
    padding-bottom:12px;
    padding-top:12px;
    margin-left:0px;
    margin-right:0px;
    /*padding-top: 10px;*/
}
#centerleft .pplist
{
    margin:0;
    padding:0;
    text-align:left;
}
#centerleft .pplist li 
{
    background-image: url("../img/l_left_c1.jpg");
    background-position:left;
    background-repeat:no-repeat;
    height:27px;
    line-height: 20px;
    vertical-align:middle;
    list-style-type: none;
    /*margin-bottom: 2px;*/
    margin:0;
    padding:0;
    margin-top: 7px;
    padding-left: 35px;
}
#centerleft .pplist li a
{
    color:#000000;
    text-decoration:none;
}
#centerleft .contact {
    height: 150px;
    line-height: 25px;
    margin-bottom: 10px;
    margin-right: 0;
    padding: 8px 0 10px 16px;
    width: 190px;
}
#centerleft .comboxbg select {

    font-size: 11px;
    height: 21px;
    margin: 5px 0;
    width: 175px;
}
#centerright {
    background-color: White;
    height: 100%;
    overflow: auto;
    text-align: center;
}

.henxian {
    float: left;
    height:39px;
    padding: 0 0 0 30px;
    width: 1000px;
    margin-left:16px;
    text-align:left;
    line-height:39px;
    color:#333;
    
    background-image:url(../image/hx.jpg);
}
#centerright .text {
    line-height: 20px;
    margin: 55px auto 30px;
    text-align: left;
    width: 95%;
}


#prolist {
    float: left;
    height: 100%;
    margin: 0 auto;
    overflow: auto;
}
#centerright .text table {
    float: left;
   
}

#centerright .text th {
    background-image: url("../img/tbg.jpg");
    color: #333333;
    text-align: center;
}
#centerright .text td {
   /* background-color: White;*/
    text-align: left;
}

#centerright .page {
    float: right;
    padding: 10px;
}
#btSearch1:hover {
    background-color: #B7B7B7;
    color: #fff;
    text-decoration: none;
    transition: 150ms ease-in;
}
#btSearch1 {
    display: block;
    width: 53px;
    height: 35px;
    line-height: 31px;
    margin: 0 auto;
    color: #fff;
    background-color: #FF4504;
    text-align: center;
    text-decoration: none;
    padding-top: 12px;
    transition: 150ms ease-out;
    border: 0px;
    font-size: 13px;
    /* border-top-right-radius: 3px; */
    /* border-bottom-right-radius: 3px; */
}
#end {
    float:left;
    border-top: 1px solid #eee;
    text-align: center;
    width: 100%;
  background-color:#484848;   margin-top: 90px;
}
.endbg{   background-color:#FF0013;
    width: 100%;float: left;
    height: 22px;
    /*background-position: center;
    background-repeat:repeat-x; margin-top:20px;*/}
#end .endtext {
height:58px;
color:#ffffff;
width: 100%;

}
#end .endtext1 
{height:173px;
color:#FFF;
    width:100%;
  
}
#end .endtext1 a{color:#eee;}
#end .endtext2
{
width:100%;margin-top: 20px;
    height: 24px;
    background-color: #fff;
}
.end1{    width: 1360px;
    height: 256px;
    margin: 0 auto;}
.endmenu{ height:41px; margin:0 auto; padding-left:0px;color:#Fff;width:1200px;
        padding-top: 28px;
}
.endmenu ul li{ float:left; width:270px; margin-right:46px; text-align:left; height:41px; line-height:41px;transition: 150ms ease-in; }
.endmenu a{font-size: 18px;color:#eee;}
.endmenu1{ width:1200px;
              margin: 0 auto;margin-top: 30px;
}
.endmenu2{width: 290px;float:left;}
.endmenu2 ul li{ float:left;font-size:14px;width:125px; margin-left: 0px; text-align:left;line-height: 38px;margin-right: 20px;}
#end .endtext1 a:hover{ color:#fff;}
.endmenu2 ul li div{background-color:#666;height:1px;}
.endtext2 div{width:1360px;margin:0 auto;color:#fff;padding-top:7px;}
.endtext5 {border: 0px none; height: 45px; float: left;background-color:#fff; padding-left: 13px; width: 308px;color:#E3E3E3;    border: 1px solid #E3E3E3;}
.endtext3{margin-left:126px;float:left;text-align:left;color:#eee;line-height: 28px;width: 280px; margin-right:96px; font-size:14px;}
.endtext8{width:34px;    height: 2px;
    background-color: #FF4200;}
.search8{float:right;margin-top: 57px;margin-right:10px;}
.search8 input{border:1px solid #E6E6E6; height:29px; float: left; padding-left: 30px; width: 348px;color:#E6E6E6;background-image:url("../img/search1.jpg");border-radius:3px;
}
#centerright .text1 .contacwz {
    color: black;
    font-size: 14px;
    font-weight:600;
    margin-right: 20px;
}

#centerright .ContacUsxx {
    color: black;
    font-size: 9pt;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

#centerright .ContacUsxx li {
    line-height: 24px;
    padding-left: 2px;
    text-align: left;
}
#centerright .text li {
    line-height: 45px;
    list-style-type: none;
    margin: 0 auto;
    /*width: 400px;*/
}
#centerright .text li a{
  color:#333;
    /*width: 400px;*/
}
#centerright .text li a:hover{
  color:#000;
    /*width: 400px;*/
}
#centerrightus {
    background-color: White;
    height: 100%;
    overflow: auto;
    text-align: center;
}
#centerrightus .newproduct {
    margin: 0 auto;
    padding-bottom: 25px;
    padding-top: 25px;
    text-align: center;
    width: 92%;
}

#centerrightus .text {
    /*height: 300px;*/
    line-height: 25px;
  margin: 0 auto 30px;
    text-align: left;
    width: 100%;
margin-top:60px;
padding-left:40px;
    
}
#centerrightus .text h1 {
font-size:18px;    font-weight: normal;color: #000;
    }
#centerrightus .text p
{
    text-indent:20px;
}
.imglist
{
    width: 170px;
    text-align: center;
}
.imglist .imgurl 
{
    width:100%;
    height:130px;
    border:1px solid #cccccc;
    background-color:#F0F0F0;
    
}
.imglist .imgurl img
{
    border:0;
    margin:5px;    
}
.imglist .imgurl a
{
    
    color:#000000;
    text-decoration:none;
}
/*.imglist li {
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 0;
    float: left;
    font-size: 12px;
    margin: 15px;
    padding: 0;
    text-align: center;
    width: 135px;
}*/

*{ margin:0; padding:0;list-style: none;}
body {font:12px/1.5 Tahoma;}
#outer {width:450px;margin:150px auto;width:970px;margin:0 auto;margin-top:20px;height:254px;}
#tab {overflow:hidden;zoom:1;margin-left:36px;margin-top:3px;}
#tab li {color:#fff;float:left;height:30px;text-align:center;cursor:pointer;	line-height:29px;padding:0 20px;width:80px; margin-right:5px;background-image:url("../img/ab1.jpg");}
#tab li.current {color:#fff;background:#ccc;background-image:url("../img/ab.jpg");}
#content1 {height:200px;}
#content1 ul {line-height:25px;display:none;	margin:10px 30px 0;padding:10px 0;}
.usa24r{}
.usa24{display: block;float: left;overflow: hidden;position: relative;margin-bottom: 35px;width: 33%;}
.usa24 .imbox:hover{opacity: 1;} 
.usa24 .imbox {opacity: 0;
    position: absolute;
    width: 450px;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    background: url(../img/lan.png);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;}
.usa24 .itt{    color: #fff;
    margin-top: 23%;
    line-height: 2.5;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;font-size: 24px;}
/*.us24 .itc {
    line-height: 2.5;
    width: 240px;
    margin: 3% auto;
    text-align: center;
    color: #fff;
    line-height: 1.8;
    opacity: 0;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;font-size: 16px;
    transition: all .7s;
}*/
.usa24 .itc {width: 85%;
    margin: 0 auto; font-size:14px;
    color: #fff;
   
    margin-top: 20px;
    line-height: 28px;}
.usa24:hover .imbox .itt{line-height: 1;margin-top: 35%;}

/*.us24:hover .imbox .itc{line-height: 1.8;opacity: .5;}*/
.us24r{float: right !important;}
.us24{display: block;float: left;overflow: hidden;position: relative;margin-bottom: 35px;width: 47%;}
.us24 .imbox:hover{opacity: 1;} 
.us24 .imbox {opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    background: url(../img/lan.png);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;}
.us24 .itt{    color: #fff;
    margin-top: 23%;
    line-height: 2.5;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;font-size: 24px;}
/*.us24 .itc {
    line-height: 2.5;
    width: 240px;
    margin: 3% auto;
    text-align: center;
    color: #fff;
    line-height: 1.8;
    opacity: 0;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;font-size: 16px;
    transition: all .7s;
}*/
.us24 .itc {width: 85%;
    margin: 0 auto; font-size:14px;
    color: #fff;
   
    margin-top: 20px;
    line-height: 28px;}
.us24:hover .imbox .itt{line-height: 1;margin-top: 24%;}

/*.us24:hover .imbox .itc{line-height: 1.8;opacity: .5;}*/

.us21{width:300px; text-align:center; margin:0 auto;margin-top:40PX;font-size:28px;animation-delay: 500ms;animation-name: fadeInUp;line-height:1.5;color:#333;font-family: HelveticaNeue-BoldCond;}
.us21a{width:1000px; text-align:center; margin:0 auto;margin-top:40PX;font-size:22px;animation-delay: 500ms;animation-name: fadeInUp;line-height:1.5;color:#333;}
.us21b{width:1000px; text-align:center; margin:0 auto;margin-top:40PX;font-size:28px;animation-delay: 500ms;animation-name: fadeInUp;line-height:1.5;color:#333;font-family: HelveticaNeue-BoldCond;}
.us23{      padding: 30px 0;font-size:16px !important;text-align: center !important;
    border-bottom: 1px dotted #ddd;line-height: 2;      text-align: justify;width: 1300px;
    margin: 0 auto;}
.box8 {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;

}
.ab1{padding: 120px 0;/* background: url(../img/4_2.jpg) center; */}

.ab1 .alt{width: 760px;}

.ab1 .alt img{display: block;width: 100%;}

.ab1 .art{padding: 50px 50px;box-sizing: border-box; position: absolute;top: 59px;right: 0; width: 610px;min-height: 400px;background: #484848;color:#fff;-webkit-box-shadow: 0 5px 5px 5px rgba(0, 0, 0, .1); box-shadow: 0 5px 5px 5px rgba(0, 0, 0, .1);}

.ab1 .art .tt{text-align: left;font-family: HelveticaNeue-BoldCond;}
.tc{    line-height: 1.5;    text-align: justify;
    }

.clearfix:after {content: " "; display: block; height:0; clear:both; visibility: hidden;}

.clearfix { *zoom:1; }
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.f_24 {
    font-size: 20px;
}
.q1{margin: 0 auto; width: 325px;margin-top:60px;}
.q2{height:2px;width:76px;background-color:#5D5A59;float:left;margin-top: 62px;}
.q3{float: left;font-size: 31px;font-weight: bold;color:#5B5857;margin-top: 40px;font-family:HelveticaNeue-BoldCond,Microsoft YaHei,Verdana;margin-left: 20px;margin-right: 20px;}
.q4{height:2px;width:76px;background-color:#5D5A59;float:left;margin-top: 62px;}






.box{
float: left;
width:100%;margin-top:40px;margin-bottom: 100px;    text-align: center;
}
.box h3{
    text-align: center;
    line-height: 50px;
}
.box ul li{
    float: left;
   
   padding-right:5px;
    list-style: none;
    position: relative;
    overflow: hidden;
}
.box ul li .cover a{
  
float: left;
    margin-left: 30px;
    margin-top: 20px;
}
.box ul li .cover h4{      color: #fff;
    float: left;
    margin-left: 25px;
   margin-top: 23px;
    text-align: left;
    /* line-height: 35px; */
    font-weight: normal;
    font-size: 28px;
    /* transform: scale(0.75,1); */}
.box ul li .cover a i{
    color: red;
}
.sjx{}

.sjximg{
    width: 100%;
    max-width: 400px;
    margin-top: -70px;
    height: 70px;
}

/* 遮罩层 */
.box ul li .cover{
    width: 98%;
    margin-top:150px;
    height: 150px;
    background:rgba(255, 13, 0, 0.57);

    position: absolute; 
    left: 0;
    top: 0;
    text-align: center;
    color: #ffffff;
   
  
 
	
    /*transform-origin: right bottom;      
	-webkit-transform-origin: right bottom; 
	-moz-transform-origin: right bottom;*/ 
	
    /*transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);*/
    transform: translateY(190px); 
	
    transition: all 0.35s;
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
}
.box ul li .cover p{
    margin-top: 10px;
    font-size: 14px;
}
.box ul li:hover .cover{
    transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);}
.us1{}
.us1 li{width:50%;float:left;}
.us2{background-image: URL(../img/us.jpg);width:100%;height:477px;
background-position: center;
background-repeat: no-repeat;
/*background-attachment: fixed;*/}
.us3 {background-color:#484848;width:100%;height:477px;color: #fff;
}
.us4 {background-color: #FECE00;
    width: 100%;
    height: 510px;
    color: #060606;
    float: left;
    margin-top: 54px;
    margin-bottom: 51px;
}
.us5{margin-bottom: 44px;padding-top: 15px;padding-left: 100px;padding-right: 100px;height: 57px;border:1px solid #000;float:left;font-size: 31px;color: #1E1E1E;text-align: left; font-weight:900;}
.us6{width:155px; margin-left:0px; padding-top:30px; height:50px;padding-left: 60px;font-size: 24px;color: #fff;text-align: left;font-family: HelveticaNeue-BoldCond;}
.us61{padding-left:0px;margin:0 auto;margin-bottom: 40px;    margin-top: 20px;}
.us61 span{border-bottom:2px solid #FF3F00;padding-bottom: 5px;}
.us7{padding-left: 60px;min-width: 445px; padding-right: 90px; text-align: justify;line-height: 26px; padding-top: 20px;}
.us7 a{color:#fff;}
.us8{width:49px;height:2px;background-color:#FF3F00;margin-top:4px;}
.us9{    width: 100%;
    max-width: 1581px;margin:0 auto;}
.us11{
      font-size: 31px;text-align: left; font-weight:900;margin-top:80px;margin-bottom:20px;}

.container {
    height: 600px;
    overflow: visible;
    width: 1030px;
    margin: 0 auto;
}
.home-title {
    width: 100%;
    overflow: auto;
    padding-top: 50px;
    font-size: 24px;
    color: #5a5a5a;
    font-weight: bold;
    text-align: center;
    padding-bottom: 20px;
}
.ability-text {
    padding-bottom: 0;
}

.text-center {
    text-align: center;
}
.section-text {
    color: #40485d;
    font-size: 15px;
    line-height: 22px;
    width: 780px;
    margin: 0 auto;

    word-wrap: break-word;
}
.huanbao {
    margin-top: 14px!important;float: left;width:100%;height:598px;
}
.huanbao dl {
    width: 100%;
    overflow: auto;
    padding-bottom: 80px;
}
.hb1 {
    background: url(../img/hb1.png) center 75px no-repeat;
}
.huanbao dd .title {
    font-size: 14px;
    color: #5a5a5a;
    line-height: 50px;
    font-weight: bold;
}
.huanbao dd {
    width: 310px;
    padding-top: 240px;
    text-align: center;
    float: left;
}
.huanbao dd:hover {
    background-position: center 45px;
}
.huanbao dd .texta {
    font-size: 14px;
    color: #40485d;
    line-height: 20px;
}
.css3-animate {
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}
.huanbao .hb2 {
    background: url(../img/hb2.png) center 75px no-repeat;
    margin: 0 50px;
}
.huanbao .hb3 {
    background: url(../img/hb3.png) center 75px no-repeat;
}
.box li span{    position: absolute;
    margin-top: 15px;
    margin-left: 20px;color:#fff;}
.us88{    background-image: URL(../img/p3.jpg);
    width: 100%;float: left;
    height:733px;
    margin-top: 60px;
    background-position: center;
    background-repeat: no-repeat;}
.us881{background-color:#484848;width:100%;height:475px;float: left;margin-bottom: 40px;font-size: 15px;line-height: 35px;color: #fff;}