@charset "utf-8";/*初始化样式*/
html{width:100%;height: 100%;}
body{ margin:0px; padding:0px; height: 100%; margin:0px auto; zoom:1;font-size:14px;line-height:24px;font-family:"Kalinga","Arial","sans-serif","微软雅黑","宋体";color:#333;/*设置宽度*/width:100%; max-width: 1920px; background-color:#fff; }
ul,li,form, dl,dt,dd, div{ padding: 0px; margin: 0px; }
.ul,.ul li{ list-style:none; }
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}
p{ margin:0; }
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#414446;}
input:focus { outline: none;}
body.hide{ overflow: hidden; }

/*强制去除表单自带的样式*/
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*/ }

/*强制去除textarea自带的样式*/
textarea{resize:none;/*-webkit-appearance:none;*/}

textarea,input,select { background:none; border:none; margin:0; padding:0;}
.modal-open{ overflow-y: auto; padding-right: 0!important; }
/*html5设置*/
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;}
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
/*百度分享弹框*/
.bd_weixin_popup{ box-sizing: content-box; }
img{ border:none; border:0; vertical-align:top; max-width: 100%; }
span{ outline: none; }
a{ color:#333333; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0); outline: none; }
a:link,a:visited,a:focus{outline:none;text-decoration: none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#4f5556;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:before,
*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;position: relative;overflow-x: hidden;}
.animate5s{ transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; }
.animate3s{ transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; }
.textover{overflow:hidden;  text-overflow:ellipsis;  white-space:nowrap}
.textovers{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.t-center{ text-align: center; }
.t-left{ text-align: left; }
.t-right{ text-align: right; }
.icons{ background-image: url(../images/icons.png); background-repeat: no-repeat; display: inline-block; }
.bg0{ background-color: #ffffff; }
.bg1{ background-color: #dfdfdf; }
.bg2{ background-color: #f7f7f7; }
.colr_main{ color:#edc241; }
.colr0{ color:#fff; }
.colr1{ color:#000; }
.colr2{ color:#333; }
.colr3{ color:#666; }
.colr4{ color:#999; }
.o-hide{ overflow: hidden; }
.imgBox{ overflow: hidden; }
.imgBox img{ display: block; transform: scale(1); }
.imgh:hover img{ transform: scale(1.08); }
/*清楚浮动*/
.clear{ clear:both; height:0px; overflow:hidden;}
.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both;
    font-size: 0px;}
.clearfix { zoom: 1; }
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#ccc;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#ccc;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#ccc;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#ccc;
}
/*初始化样式*/
.f_l{ float: left; display: inline-block; }
.f_r{ float: right; display: inline-block; }
.container{ margin:0 auto; max-width: 100%; padding-left: 15px; padding-right: 15px; }

/**动画**/
*[data-animation]{ opacity: 0; }
.animated{ opacity: 1; }

/**导航**/
body{ padding-top:85px; }
#header{ position: fixed; left: 0; top: 0; background: #fff; width: 100%; z-index: 999; transition: left 0.3s linear; -webkit-transition: left 0.3s linear; -moz-transition: left 0.3s linear; -ms-transition: left 0.3s linear; -o-transition: left 0.3s linear; padding:20px 0; box-shadow: 0 0 15px rgba(0,0,0,0.1); }
#header .logo{}
#header .logo .logo1{ display: block; }
#header .logo .logo2{ display: none; }
#header .logo a{ height: 45px; display: table-cell; vertical-align: middle; }
#header .logo img{ display: block; height: 30px; }
#header .rcon{ margin-top: 5px; line-height: 35px; }
#header .menu{ font-size: 16px; display: inline-block; vertical-align: middle; }
#header .menu li{ display: inline-block; float: left; position: relative; }
#header .menu .title{ padding:0; display: block; }
#header .menu .title .line{ position: absolute; left: 50%; width: 0; display: block; height: 2px; background-color: #333333; top:100%; margin-top: 23px; }
#header .menu .title:hover{ color:#000; }
#header .menu li:hover .line{ width: 100%; left: 0; }
#header .menu .lib{ position: absolute; width:120px; left: 50%; top:100%; margin-left: -60px; font-size: 14px; padding-top:23px; opacity: 0; transform: scaleX(0); }
#header .menu .lib a{ display: block; position: relative; color:#333; }
#header .menu .lib .a{ padding:5px 10px; line-height: 22px; position: relative; }
#header .menu .lib .a:before{ display: block; content: ""; position: absolute; left: 50%; top:0; height: 100%; width: 0; background-color: #c3c3c3; transition:all 0.3s ease; }
#header .menu .lib .a+.a{ border-top:1px solid #eee; }
#header .menu .lib .a:hover:before{ left: 0; width: 100%; }
#header .menu .lib .a:hover a{ color:#fff; }
#header .menu li:hover .lib{ opacity: 1; transform: scaleX(1); }
#header .Language{ display: inline-block; vertical-align: middle; position: relative; margin-left:60px; }
#header .Language .t{ display: block; }
#header .Language .t .icons{ display: inline-block; vertical-align: middle; background-position: -143px 8px; width: 10px; height: 22px; margin-left: 6px; }
#header .Language:hover .aBox{ display: block; }
#header .Language .aBox{ display: block; position: absolute; left: 50%; margin-left:-45px; width: 90px; top: 99%; line-height: 28px; display: none; box-sizing: content-box; background-color: #fff; border:1px solid #dadada; }
#header .Language .aBox a{ display: block; height: 26px; line-height: 30px; color:#333; padding:0 13px; font-size: 12px; }
#header .Language .aBox a:hover{ background-color: #eee; }
#header .f-searc{ position: absolute; display: block; left:0; top: 0; background-color: #fff; width: 100%; padding:15px 0; z-index: 99; display: none; }
#header .f-searc .container{ position: relative; }
#header .f-searc:hover{ z-index: 9; }
#header .f-searc .Key{  height: 35px; line-height: 35px; width: 100%; font-size: 16px; color:#666; padding:0 40px; }
#header .f-searc .submit{ display: block; height: 35px; width: 30px; position: absolute; top:0; left: 15px; cursor: pointer; border:0 none; background-color: transparent; }
#header .f-searc .submit .icons{ position: absolute; left: 50%; top:50%; height: 20px; width: 20px; background-position:-140px -15px; margin-top: -10px; margin-left:-10px; }
#header .f-searc .submit:hover{ background-color: #ddd; }
#header .f-searc .exit{ display: block; right: 15px; top: 0; position: absolute; height: 35px; width: 30px; background-position:-227px -21px; cursor: pointer; transform: rotate(0); opacity: 1; }
#header .f-searc .exit:hover{ opacity: 0.6; }
#header .SeachBtn{ display: inline-block; vertical-align: middle; height: 35px; width: 20px; background-position: -140px -7px; cursor: pointer; }
#header .Member{ display: inline-block; vertical-align: middle; line-height: 35px; }
#header .Member a{ display: inline-block; padding:0 35px; color:#fff; background-color: #edc241; border-radius: 17.5px; }
#header .Member a:hover{ background-color: #fed96f; }
#header .Member{}
#header .Member{}

/**底部**/
#footer{ line-height: 20px; }
#footer a{ color:#8a8a8a; }
#footer a:hover{ color:#000; }
#footer .top{ border-top:1px solid #ebebeb; padding:55px 0; }
#footer .top .ul{}
#footer .top .ul li{ float: left; display: inline-block; }
#footer .top .ul .f_r{ float: right; }
#footer .top .ul li+li{ margin-left: 13%; }
#footer .top .l_t{ font-size: 16px; line-height: 22px; margin-bottom: 18px;}
#footer .top .as{}
#footer .top .as .a{ padding:5px 0; }
#footer .top .as a{ transform: translateX(0); transition:all 0.3s; display: inline-block; }
#footer .top .as a:hover{ transform: translateX(2px); }
#footer .top .con2{}
#footer .top .con2 .p{ margin-bottom: 5px; }
#footer .top .con2 .phone{ display: block; color:#333; font-size: 28px; line-height: 1.4em; font-family: "Helvetica LT Std"; }
#footer .top .con2 .line{ display: inline-block; width: 25px; height: 2px; background-color: #525252; margin:20px 0 5px; }
#footer .bdsharebuttonbox{ padding-top: 18px; margin-bottom:20px; }
#footer .bdsharebuttonbox a{ float: none; display: inline-block; margin:0; height: 30px; width: 30px; background-position:0 -167px; background-image: url(../images/icons.png); vertical-align: middle; border-radius: 50%; background-color: transparent; }
#footer .bdsharebuttonbox a:hover{ background-color: #666; }
#footer .bdsharebuttonbox a+a{ margin-left: 10px; }
#footer .bdsharebuttonbox .bds_tsina{ background-position:0px -50px; margin-left: 8px; }
#footer .bdsharebuttonbox .bds_weixin{ background-position:-61px -50px; }
#footer .bdsharebuttonbox .bds_sqq{ background-position:-123px -50px; }
#footer .online{ display: inline-block; border-radius: 5px; background-color: #eaeaea; color:#999999; line-height: 40px; padding:0 30px; }
#footer .online .icons{ height: 24px; width: 20px; vertical-align: middle; background-position: -232px 0; margin-right:8px; margin-top:5px; }
#footer .bot{ border-top:1px solid #ebebeb; color:#bbbbbb; padding:10px 0; line-height: 24px; }
#footer .bot .f_l{ padding:8px 0; }
#footer .bot .icp{ margin:0 30px; }
#footer .bot a{ color:#bbbbbb; }
#footer .bot a:hover{ color:#333; }
#footer .language{ border:1px solid #dadada; line-height: 38px; display: inline-block; padding:0 13px; position: relative; cursor: pointer; }
#footer .language img{ display: inline-block; vertical-align: middle; margin-right:10px; }
#footer .language .icons{ display: inline-block; height: 9px; width: 12px; background-position: -110px 0; vertical-align: middle; margin-left: 10px; }
#footer .language .aBox{ position: absolute; width: 100%; left: -1px; bottom:100%; padding:0; transform: translateY(15px); box-sizing: content-box; display: none; border:1px solid #dadada; box-sizing: content-box; }
#footer .language .aBox a{ display: block; line-height: 34px; padding:0 13px; background-color: #fff; }
#footer .language .aBox a+a{ border-top:1px solid #fff; }
#footer .language:hover .aBox{ transform: translateY(0px); display: block; }
#footer .language .aBox a:hover{ background-color: #ccc; }

/**悬浮框**/
#NavFloat{ position: fixed; display: block; right: 20px; top:50%; transform: translateY(-50%); text-align: center; z-index: 99; }
#NavFloat .icon{ display: block; width: 30px; height: 30px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background:url(../images/jiantou.png) no-repeat center/80%; opacity: 1; cursor: pointer; animation:backanim 0.89s ease infinite; }
#NavFloat .wrap{ transform: translateX(130%); border:1px solid #fff; margin-left: 20px; }
#NavFloat .icon:hover{ opacity: 0; }
#NavFloat .icon:hover+.wrap,
#NavFloat .wrap:hover{ transform: translateX(0); margin-left: 0; }
#NavFloat .Box{ display: block; height: 80px; width: 80px; background-color: #f3f3f3; padding: 10px 5px 0; }
#NavFloat .Box+.Box{ border-top:2px solid #fff; }
#NavFloat .icons{ height: 30px; width: 30px; }
#NavFloat .txt{}
#NavFloat .product .icons{ background:url(../images/nav1.png) no-repeat center; }
#NavFloat .phone .icons{ background:url(../images/nav2.png) no-repeat center; }
#NavFloat .Returntop .icons{ background:url(../images/nav3.png) no-repeat center; }
#NavFloat .Box:hover{ background-color: #dadada; }

#bsBox,#bsBox *{ box-sizing: content-box; }
@keyframes backanim{
    0%{
        background-position: 80%;
    }
    100%{
        background-position: 5%;
    }
}

/**视频弹框**/
.TankVideoBox{ position: fixed; left: 0; top: 0; height: 100%; width: 100%; z-index: 9999; background-color: rgba(0,0,0,0.2); display: none; cursor: pointer; }
.TankVideoBox .VideoBox{ position: absolute; }
.TankVideoBox .VideoBox video{ display: block; width: 100%; }

/**Banner图片**/
#IndexBan{ overflow: hidden; }
#IndexBan img{ width: 100%; display: block; }
#IndexBan .swiper-slide{ opacity: 0.6;}
#IndexBan .swiper-slide-active{ opacity: 1;}
#IndexBan .pc{ display: block;}
#IndexBan .phone{ display: none;}
#IndexBan .none{ display: none;}
#IndexBan .point{ position: absolute; bottom: 15px; left: 0; z-index: 5; width: 100%; text-align: center; }
#IndexBan .point .swiper-pagination-bullet{ transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; background:transparent; height: 10px; width: 10px; margin:0 8px; opacity: 1; border-radius: 0; vertical-align: middle; border-radius: 50%; border:1px solid #666666; }
#IndexBan .point .swiper-pagination-bullet-active{ background:#666666; }
@keyframes scaleAnim{
    0%{
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100%{
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

/**路径**/
#Location{ background-color:#f0efef; color:#999999; padding:9px 0; line-height: 20px; }
#Location a{ color:#999999; display: inline-block; }
#Location a:hover{ color:#337ab7; }
#Location i{ margin:0 16px; }
/**分页**/
.pgbtn{ font-size: 14px; padding:40px 15px; }
.pgbtn li{ display: inline-block; line-height: 40px; vertical-align: middle; padding:4px; }
.pgbtn li a{ display: block; padding:0 5px; min-width: 40px; height: 40px; color:#333333; border-radius: 50%; border:1px solid #e0e0e0; cursor: pointer; }
.pgbtn li .on{ color:#fff; background:#1b96ed; border-color: #1b96ed; }
.pgbtn .p a{ background-position: -378px 15px; border-color: transparent; }
.pgbtn .n a{ background-position: -413px 14px; border-color: transparent; }
.pgbtn li a:hover{ color:#fff; background-color: #39a3ef; border-color: #39a3ef; }

.MoreBox{ display: inline-block; }
.MoreBox a{ color:#666666; font-size: 14px; line-height: 45px; height: 45px; border-radius: 5px; border:1px solid #999999; padding:0 38px; display: inline-block; }
.MoreBox a i{ display: inline-block; margin-left: 10px; font-style: normal; }
.MoreBox a:hover{ background-color: #ddd; border:1px solid transparent; color:#333; }
.LoadMore{  }
.LoadMore a{ background-color: #e3e3e3; font-size: 16px; line-height: 46px; height: 46px; padding:0 36px; display: inline-block; }
html[lang=en] .LoadMore a{ padding-left:0; padding-right:0; text-align: center; width: 112px; }
.LoadMore a:hover{ background-color: #c7c7c7; }

/**首页**/
#IndexImgs{ padding:60px 0; overflow: hidden; }
#IndexImgs .ul{ margin-bottom: 20px; }
#IndexImgs .ul li{ padding:15px; }
#IndexImgs .ul a{ display: block; overflow: hidden; position: relative; font-size: 26px; line-height: 28px; color:#333; }
#IndexImgs .ul img{ display: block; transform: scale(1); }
#IndexImgs .ul a:hover img{ transform: scale(1.08); }
#IndexImgs .ul a:hover .Mark{ opacity: 1; transform: translateY(0); }
#IndexImgs .ul .Mark{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(243,243,243,0.95); transform: translateY(5px); opacity: 0; }
#IndexImgs .ul .cont{ position: absolute; left: 0; width: 100%; padding:15px; top: 50%; transform: translateY(-50%); }
#IndexImgs .ul .title{ margin-bottom: 4.5%; }
#IndexImgs .ul .more{ display: inline-block; border:1px solid #999999; border-radius: 50%; height: 44px; width: 44px; position: relative; }
#IndexImgs .ul .more .icons{ display: block; position: absolute; height: 18px; width: 18px; left: 50%; top: 50%; margin-left: -9px; margin-top: -9px; background-position: -43px 1px; }
#IndexBlock{ padding:125px 0 90px; background-color: #f3f3f3; }
#IndexBlock .l_img{ width: 45.83%; position: relative; }
#IndexBlock .l_img:before{ display: block; content: ""; height: 100%; width: 43.9%; padding-top:43px; padding-left: 55px; position: absolute; left: -55px; top: -43px; background-color: #ececec; box-sizing: content-box; }
#IndexBlock .l_img .about_imgs{ overflow: hidden; }
#IndexBlock .l_img img{ display: block; width: 100%; }
#IndexBlock .l_img .Box{ display: block; position: relative; }
#IndexBlock .l_img .about_imgs{ overflow: hidden; }
#IndexBlock .l_img .BtnBox{ width: 43.9%; text-align: right; position: relative; padding:25px 20px; }
#IndexBlock .l_img .BtnBox span{ display: inline-block; vertical-align: middle; margin:0 2px; }
#IndexBlock .l_img .BtnBox .line{ display: inline-block; height: 1px; width: 14px; vertical-align: middle; background-color: transparent; position: relative; top: 0px; }
#IndexBlock .l_img .BtnBox span:hover .line{ background-color: #999999; transform: translateX(0); }
#IndexBlock .l_img .BtnBox .icons{ display: inline-block; width:8px; height: 14px; vertical-align: middle; }
#IndexBlock .l_img .BtnBox .a-prev .icons{ background-position: -462px 1px; transform: translateX(2px); }
#IndexBlock .l_img .BtnBox .a-next .icons{ background-position: -496px 1px; transform: translateX(-2px); }
#IndexBlock .l_img .BtnBox .a-prev .line{ transform: translateX(2px); margin-left: 4px; }
#IndexBlock .l_img .BtnBox .a-next .line{ transform: translateX(-2px); margin-right:4px; }
#IndexBlock .r_con{ width:47.91%; padding-top: 2%; }
#IndexBlock .r_con .title{ position: relative; font-weight: bold; margin-bottom: 35px;  }
#IndexBlock .r_con .en{ font-size: 56px; opacity: 0.08; line-height: 1.1em; }
#IndexBlock .r_con .cn{ font-size: 30px; position: absolute; left: 0; bottom: 0.4em; line-height: 1.1em; }
#IndexBlock .r_con .line{ position: absolute; bottom:-15px; left: 0; width: 1em; height: 2px; background-color: #c6c6c6; }
#IndexBlock .r_con .cont{ margin-bottom: 5.5%; line-height: 22px; color:#666666; }
#IndexBlock .r_con .numBox{ margin-bottom: 8%; }
#IndexBlock .r_con .numBox span{ display: inline-block; }
#IndexBlock .r_con .n{ display: inline-block; vertical-align: top; }
#IndexBlock .r_con .n1{ width: 30%; padding-right: 15px; }
#IndexBlock .r_con .n2{ width: 38%; padding:0 30px; border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; }
#IndexBlock .r_con .n3{ width: 30%; padding-left: 15px; }
#IndexBlock .r_con .num{ font-weight: bold; font-size: 40px; line-height: 1.1em; }
#IndexBlock .r_con .num i{ font-size: 20px; font-style: normal; }
#IndexBlock .r_con .numBox p{ color:#666666; }
#IndexNews{ padding:50px 0; }
#IndexNews .title{ display: block; font-size:36px; position: relative; line-height: 1.2em; padding-bottom: 25px; }
#IndexNews .title .line{ position: absolute; display: block; width: 1em; height: 3px; left: 50%; bottom: 0; margin-left: -0.5em; background-color: #2c2c2c; }
#IndexNews .ul{ margin:0 -30px; }
#IndexNews .ul li{ padding:30px; }
#IndexNews .ul .Box{ display: block; position: relative; box-shadow: 0 0 10px rgba(0,0,0,0); }
#IndexNews .ul .imgBox{ position: relative; }
#IndexNews .ul .imgBox .mark{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0,0,0,0.5); display: block; opacity: 0; }
#IndexNews .ul .imgBox .mark .icon{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background-color: rgba(255,255,255,0.3); border-radius: 50%; height: 60px; width: 60px; }
#IndexNews .ul .imgBox .mark .icon:before{ content: ""; display: block; position: absolute; left: 50%; margin-left:-1px; top: 33.5%; height: 33%; width: 2px; background-color: #fff; }
#IndexNews .ul .imgBox .mark .icon:after{ content: ""; display: block; position: absolute; top: 50%; margin-top:-1px; left: 33.5%; width: 33%; height: 2px; background-color: #fff; }
#IndexNews .ul .imgBox .mark .icons{}
#IndexNews .ul .imgBox .mark .icons{}
#IndexNews .ul .cont{ padding: 50px 0; }
#IndexNews .ul .time{ color:#999999; width: 88px; padding-right: 25px; position: absolute; border-right: 1px solid #e1e1e1; }
#IndexNews .ul .date{ font-size: 40px; font-weight:bold; line-height: 1em; margin-bottom:12px; display: block; }
#IndexNews .ul .year{ font-size:16px; line-height: 18px; }
#IndexNews .ul .Con{ margin-left: 90px; padding-left: 26px; }
#IndexNews .ul .ltitle{ font-size: 16px; line-height: 22px; color:#333333; margin-bottom: 12px; }
#IndexNews .ul .des{ font-size: 14px; line-height: 20px; color:#999999; }
#IndexNews .ul .Box:hover .mark{ opacity: 1; }
#IndexNews .ul .Box:hover .ltitle{ color:#000; }
/**内页悬浮**/
#NavFloat2{ font-size: 16px; text-align: center; }
#NavFloat2 .swiper-slide{ background-color: #f6f6f6;  transition: all 0s linear; -webkit-transition: all 0s linear; -moz-transition: all 0s linear; -ms-transition: all 0s linear; -o-transition: all 0s linear;  }
#NavFloat2 a{ display: block; cursor: pointer; }
#NavFloat2 a.on,
#NavFloat2 a:hover{ background-color: #e6e6e6; }
#NavFloat2 a i{ font-style: normal; }
#NavFloat2 a i div{ display: inline; }

/**图片弹框**/
#TankImg .modal-lg{ position: relative; margin:50px auto; max-width: 90%; }
#TankImg .modal-lg .exit{ position: absolute; right: -30px; top: -30px; display: block; width: 30px; height: 30px; background-position:-255px -63px; cursor: pointer; border-radius: 5px; }
#TankImg .modal-lg .exit:hover{ background-color: #0288e1; }
#TankImg .modal-content{ border-radius: 0; padding:30px; }
#TankImg .title{ font-size: 16px; color:#555555; line-height: 1.6em; padding:25px 0 0; }

/**关于我们**/
#AutoBlock{ font-size: 16px; line-height: 2em; padding:60px 0; }

/**发展历程**/
#HistoryBlock{ padding:60px 0; }
#HistoryBlock .history{ padding:4.61% 6.59%; background-color: #f6f6f6; margin-bottom: 10px; }
#HistoryBlock .history .ul{}
#HistoryBlock .history .ul>li{ position: relative; padding-bottom:7.5%; }
#HistoryBlock .history .ul>li:last-child{ padding-bottom: 0; }
#HistoryBlock .history .ul>li:after{ display: block; content: ""; height: 100%; width: 1px; position: absolute; background-color: #999999; top:5px; margin-left: 128px; }
#HistoryBlock .history .ul .time{ font-family:"微软雅黑"; font-size: 24px; line-height: 1.2em; color:#333333; position: absolute; }
#HistoryBlock .history .ul .cont{ margin-left:120px; padding-left:55px; position: relative; }
#HistoryBlock .history .ul .point{ position: absolute; left: 0; top:5px; height: 16px; width: 16px; border-radius: 50%; border:1px solid #999999; background-color: #fff; z-index: 2; }
#HistoryBlock .history .ul .point:after{ position: absolute; display: block; content: ""; height: 8px; width: 8px; border-radius: 50%; background:#999999; top: 50%; margin-left: 50%; transform: translate(-50%,-50%); }
#HistoryBlock .history .ul .title{ font-size: 24px; line-height: 1.4em; color:#202020; margin-bottom: 5px; }
#HistoryBlock .history .ul .des{ font-size: 16px; line-height: 1.4em; color:#666666; }
#HistoryBlock .imgBox{ width: 50%; }
#HistoryBlock .r-con{ width: 50%; padding:3.47%; font-size: 16px; line-height: 2em; }

/**资质荣誉**/
#HonorList{ padding:60px 0; }
#HonorList .ul{}
#HonorList .ul li{ margin-bottom: 2%; }
#HonorList .ul li .Box{ padding-bottom:10%; display: block; }
#HonorList .ul li img{ margin:0 auto; }
#HonorList .ul li .ltitle{ margin-top: 10%; font-size: 16px; line-height: 22px; color:#333333; }

/**人才招聘**/
#JobBlock{ padding:60px 0; }
#JobBlock .Box{ position: relative; }
#JobBlock .Box img{ display: block; }
#JobBlock .back{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0,0,0,0.3); }
#JobBlock .cont{ color:#fff; width: 100%; max-width: 935px; margin: 0 auto; height: 100%; display: table; }
#JobBlock .cont .td{ display: table-cell; vertical-align: middle; padding:15px; }
#JobBlock .cont .title{ font-size: 30px; line-height: 1.2em; }
#JobBlock .cont .title .line{ display: block; margin:30px auto; width: 1em; height: 2px; background-color: #fff; }
#JobBlock .cont .word{ font-size: 16px; line-height: 2em; }
#JobBlock .cont .MoreBox{ padding-top: 5%; }
#JobBlock .cont .MoreBox .more{ border-color:#fff; color:#fff; background-color: transparent; }
#JobBlock .cont .MoreBox .more:hover{ background-color: #999; }

/**售后服务**/
#ServerBlock{ padding:60px 0; }
#ServerBlock .Box{ position: relative; }
#ServerBlock .Box .img{ display: block; }
#ServerBlock .back{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0,0,0,0.4); }
#ServerBlock .cont{ color:#fff; width: 100%; max-width: 935px; margin: 0 auto; height: 100%; display: table; }
#ServerBlock .cont .td{ display: table-cell; vertical-align: middle; padding:15px; }
#ServerBlock .cont .title{ font-size: 30px; line-height: 1.2em; }
#ServerBlock .cont .title .line{ display: block; margin:30px auto; width: 1em; height: 2px; background-color: #fff; }
#ServerBlock .cont .word{ font-size: 16px; line-height: 2em; }

/**常见问题**/
#FaqList{ padding:60px 0; }
#FaqList .ul{ padding-bottom: 20px; }
#FaqList .ul li{ font-size: 16px; line-height: 1.4em; margin-bottom: 30px; background-color: #f6f6f6; }
#FaqList .ul .pad{ padding:18px 50px; }
#FaqList .ul .q{ background-color: transparent; cursor: pointer; }
#FaqList .ul li:hover .q{ background-color: #eee; }
#FaqList .ul .on .q{ background-color: #e6e6e6; }
#FaqList .ul .a{ display: none; }
#FaqList .ul .icons{ float: right; display: inline-block; height: 22px; width: 10px; background-position: -75px 7px; }
#FaqList .ul .on .icons{ background-position: -75px -15px; }

/**下载专区**/
#DownBlock{ padding:40px 0 60px; }
#DownBlock .ul{ padding-bottom: 30px; }
#DownBlock .ul li{ padding:15px; }
#DownBlock .ul .Box{ background-color: #f6f6f6; display: block; position: relative; padding:6%; }
#DownBlock .ul .time{ position: absolute; color:#666666; text-align: center; padding:18px 0 20px; }
#DownBlock .ul .year{ font-size: 26px; line-height: 28px; }
#DownBlock .ul .date{ font-size: 16px; line-height: 22px; }
#DownBlock .ul .cont{ margin-left:80px; padding-left: 30px; border-left: 1px solid #e5e5e5; }
#DownBlock .ul .title{ font-size: 18px; line-height: 22px; color:#666666; margin-bottom:15px; }
#DownBlock .ul .down{ line-height: 40px; padding:0 35px; background-color: #e3e3e3; font-size: 16px; color:#666666; display: inline-block; }
#DownBlock .ul .down .icons{ width: 18px; height: 22px; vertical-align: middle; background-position: -285px 1px; margin-right: 10px; }
#DownBlock .ul .Box:hover .down{ background-color: #333333; color:#f5f5f5; }
#DownBlock .ul .Box:hover .down .icons{ background-position: -331px 1px; }

/**产品列表**/
#ProductList{ padding:60px 0; }
#ProductList .ul{ margin:0 -1%; margin-bottom: 20px; }
#ProductList .ul li{ padding:1%; text-align: center; }
#ProductList .ul a{ display: block; overflow: hidden; position: relative; font-size: 26px; line-height: 28px; color:#333; }
#ProductList .ul img{ display: block; transform: scale(1); }
#ProductList .ul a:hover img{ transform: scale(1.08); }
#ProductList .ul a:hover .Mark{ opacity: 1; transform: translateY(0); }
#ProductList .ul .Mark{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(243,243,243,0.95); transform: translateY(5px); opacity: 0; }
#ProductList .ul .cont{ position: absolute; left: 0; width: 100%; padding:15px; top: 50%; transform: translateY(-50%); }
#ProductList .ul .title{ margin-bottom: 4.5%; }
#ProductList .ul .more{ display: inline-block; border:1px solid #999999; border-radius: 50%; height: 44px; width: 44px; position: relative; }
#ProductList .ul .more .icons{ display: block; position: absolute; height: 18px; width: 18px; left: 50%; top: 50%; margin-left: -9px; margin-top: -9px; background-position: -43px 1px; }
/**产品详情页**/
#ProductInfo{ padding-top:35px; }
#ProductInfo .message{ padding:25px; font-size: 16px; color:#666666; line-height: 1.8em; }
#ProductInfo .message .img{ width: 53.47%; padding-left:3.47%; background-color:#fff; }
#ProductInfo .message .title{ font-size: 32px; line-height: 1.1em; color:#333333; }
#ProductInfo .message .block{ border-top:1px dashed #a9a9a9; margin-top: 25px; padding-top: 25px; }
#ProductInfo .message .btit{ font-size: 24px; line-height: 1.2em; color:#333333; margin-bottom: 10px; }
#ProductInfo .cont img{}
#ProductInfo .cont .txtword{ padding:0 15px; max-width: 1470px; margin-left: auto; margin-right: auto; }
#ProPut{ padding:60px 0; }
#ProPut .title{ display: block; font-size:36px; position: relative; line-height: 1.2em; padding-bottom: 15px; margin-bottom: 15px; }
#ProPut .title .line{ position: absolute; display: block; width: 1em; height: 3px; left: 50%; bottom: 0; margin-left: -0.5em; background-color: #2c2c2c; }
#ProPut .P_put{ overflow: hidden; }
#ProPut .Box{ display: block; overflow: hidden; position: relative; font-size: 26px; line-height: 28px; color:#333; }
#ProPut img{ display: block; transform: scale(1); }
#ProPut .Box:hover img{ transform: scale(1.08); }
#ProPut .Box:hover .Mark{ opacity: 1; transform: translateY(0); }
#ProPut .Mark{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(243,243,243,0.95); transform: translateY(5px); opacity: 0; }
#ProPut .cont{ position: absolute; left: 0; width: 100%; padding:15px; top: 50%; transform: translateY(-50%); }
#ProPut .Box .atitle{ margin-bottom: 4.5%; }
#ProPut .Box .more{ display: inline-block; border:1px solid #999999; border-radius: 50%; height: 44px; width: 44px; position: relative; }
#ProPut .Box .more .icons{ display: block; position: absolute; height: 18px; width: 18px; left: 50%; top: 50%; margin-left: -9px; margin-top: -9px; background-position: -43px 1px; }
#ProPut .points{ padding-top: 30px; }
#ProPut .points span{ height: 10px; width: 10px; background-color: transparent; border-radius: 50%; border:1px solid #cccccc; opacity: 1; }
#ProPut .points span.swiper-pagination-bullet-active{ background-color: #ccc; }

/**新闻中心**/
#NewsBlock{ padding:60px 0; }
#NewsBlock dl{ padding-bottom:50px; }
#NewsBlock dt{ font-weight: normal; }
#NewsBlock dt .Box{ background-color: #f6f6f6; display: block; position: relative; height: 460px; }
#NewsBlock dt .imgBox{ position: absolute; height: 460px; width: 885px; }
#NewsBlock dt .cont{ margin-left:885px; padding:60px 50px 20px; }
#NewsBlock dt .type{ line-height: 32px; height: 32px; padding:0 20px; font-size: 14px; border:1px solid #999999; display: inline-block; }
#NewsBlock dt .dtitle{ font-size: 20px; margin: 10% 0 4%; }
#NewsBlock dt .line{ display: block; width: 1em; height: 2px; background-color: #cccccc; }
#NewsBlock dt .words{ margin-top: 7%; font-size:14px; line-height: 22px; color:#666666; -webkit-line-clamp: 3; }
#NewsBlock dt .dtime{ color:#999999; border-top:1px dashed #c3c3c3; padding-top: 5%; margin-top: 8%; }
#NewsBlock dd{ margin-top: 30px; }
#NewsBlock dd .Box{ display: block; position: relative; padding:20px; background-color: #f6f6f6; line-height: 72px; }
#NewsBlock dd .time{ position: absolute; font-weight: bold; background-color: #ececec; width: 72px; padding:15px 0 7px; line-height: 18px; }
#NewsBlock dd .date{ font-size: 26px; display: block; line-height: 28px; }
#NewsBlock dd .year{ font-size: 14px; color:#666666; line-height: 22px; }
#NewsBlock dd .title{ font-size: 18px; margin-left:92px; margin-right: 90px; }
#NewsBlock dd .more{ position: absolute; right: 20px; top:20px; font-size: 14px; color:#999999; transform: translate(0); }
#NewsBlock dd .more .icons{ display: inline-block; height: 10px; width: 20px; background-position: 1px 0px; margin-left: 8px; }
/*#NewsBlock dt .Box:hover,
#NewsBlock dd .Box:hover{ background-color: #e5e5e5; }*/
#NewsBlock dt .Box:hover .type{ background-color: #333; color:#fff; border-color: #333; }
#NewsBlock dd .Box:hover .more{ transform: translate(4px,-1px); }
/**新闻详情页**/
#NewsInfo{ padding:50px 0; }
#NewsInfo .title{ font-size: 36px; font-weight: normal; }
#NewsInfo .author{ color:#999999; }
#NewsInfo .bdsharebuttonbox{ vertical-align: middle; color:#666666; margin:25px 0; }
#NewsInfo .bdsharebuttonbox a{ float: none; display: inline-block; margin:0; height: 30px; width: 30px; background-position:0 -167px; background-image: url(../images/icons.png); vertical-align: middle; border-radius: 50%; background-color: transparent; }
#NewsInfo .bdsharebuttonbox a:hover{ background-color: #666; }
#NewsInfo .bdsharebuttonbox a+a{ margin-left: 10px; }
#NewsInfo .bdsharebuttonbox .bds_tsina{ background-position:0px -50px; margin-left: 8px; }
#NewsInfo .bdsharebuttonbox .bds_weixin{ background-position:-61px -50px; }
#NewsInfo .bdsharebuttonbox .bds_sqq{ background-position:-123px -50px; }
#NewsInfo .main_cont{ font-size: 14px; line-height: 2.1em; color:#666666; border-top:1px dashed #d5d5d5; border-bottom:1px dashed #d5d5d5; padding:30px 0; }
#NewsInfo .w_cont{ max-width: 935px; margin:0 auto; }
#NewsInfo .pnBox{ font-size: 14px; color:#666666; padding-top: 35px; }
#NewsInfo .pnBox .w_d{ max-width: 48%; }
#NewsInfo .pnBox a{ color:#666666; display: block; }
#NewsInfo .pnBox a:hover{ color:#000; }

/**联系我们**/
#ContactBlock{ padding:60px 0; }
#ContactBlock .top{ position: relative; background-color: #f6f6f6; }
#ContactBlock .l_cont{ display: block; width: 540px; padding:8.59% 8.59% 8.59% 4.25%; }
#ContactBlock .top .title{ font-size: 24px; }
#ContactBlock .top .title .line{ display: block; width: 1em; height: 2px; background-color: #cccccc; margin:15px 0; }
#ContactBlock .top .ul{ padding-top:25px; }
#ContactBlock .top .ul li{ position: relative; padding-left: 65px; font-size: 16px; line-height: 20px; color:#666666; margin-bottom:30px; }
#ContactBlock .top .ul li .t-cell{ display: table-cell; height: 48px; vertical-align: middle; }
#ContactBlock .top .ul .icons{ height: 48px; width: 48px; position: absolute; left: 0; display: block; border:1px solid #999999; border-radius: 50%; }
#ContactBlock .top .ul .phone { background-position:11px -110px; }
#ContactBlock .top .ul .fax { background-position:-48px -110px; }
#ContactBlock .top .ul .mail { background-position:-107px -110px; }
#ContactBlock .top .ul .address { background-position:-167px -110px; }
#ContactBlock .map{ position: absolute;right:0;top:0;bottom:0;left:540px; }
#ContactBlock .map img{ max-width: 999px; }
#ContactBlock .map .anchorBL{ display: none; }
#ContactBlock .bot{ padding-top: 60px; }
#ContactBlock .bot .title{ font-size: 30px; line-height: 1.5em; }
#ContactBlock .bot .ltitle{ font-size: 14px; line-height: 20px; color:#999999; margin-top: 5px; margin-bottom: 35px; }
#ContactBlock .bot .form{ background-color: #f6f6f6; padding:2.2% 2.7%; display: block; }
#ContactBlock .bot .tip{ font-size: 16px; line-height: 22px; color:#666666; }
#ContactBlock .bot .input{ display: block; width: 100%; background-color: #fff; font-size: 14px; line-height: 30px; padding:15px 2.2%; color:#999; margin:15px 0 30px; }
#ContactBlock .bot .input:focus{ box-shadow: 0 0 10px rgba(0,0,0,0.08); }
#ContactBlock .bot .br{ border-radius: 5px; }
#ContactBlock .bot .submit{ line-height: 44px; height: 44px; padding:0 45px; display: inline-block; background-color: #fff; font-size: 14px; }
#ContactBlock .bot .submit:hover{ background-color: #ccc; }

@media (min-width: 768px) {
	/**图片弹框**/
	#TankImg .modal-lg{ width: 665px; }

}
@media only screen and (min-width: 992px){
	/**首页**/
	/**资质荣誉**/
	#HonorList .ul li:nth-child(4n+1){ clear: both; }
}
@media only screen and (min-width: 1200px){
	/**头部**/
	#header .menu{ font-size: 15px; }
	#header .menu li+li{ margin-left: 25px; }
    html[lang=en] #header .menu .lib{ width: 170px; margin-left:-85px; }
	#header .rline{ display: inline-block; vertical-align: middle; height: 16px; width: 1px; background-color: #999999; margin:0 7px; }
	/*.SmallHeader{ padding-top: 66px; }
	.SmallHeader #header{ border-bottom: 1px solid #e7eaed; box-shadow: 0 0 15px rgba(0,0,0,0.1); padding:10px 0; }
	.SmallHeader #header .rcon{ margin-top: 8px; }
	.SmallHeader #header .menu{ font-size: 14px; }
	.SmallHeader #header .menu li+li{ margin-left: 25px; }
	.SmallHeader #header .menu .title .line{ margin-top: 11px; }
	.SmallHeader #header .menu .lib{ padding-top: 11px; }*/
	/**内页悬浮**/
    #NavFloat2.on{ opacity: 1; }
	#NavFloat2{ position: fixed; left: 0; top: 50%; width: 100%; height: 0; z-index: 999; opacity: 0; }
	#NavFloat2 .container{ height: 0; }
	#NavFloat2 .swiper-wrapper{ display: block; }
	#NavFloat2 .swiper-slide+.swiper-slide{ margin-top: 2px; }
	#NavFloat2 a{ padding:25px 10px; word-break: break-all; line-height: 18px; }
    /*html[lang=en] #NavFloat2 a{ writing-mode: vertical-rl; }*/
    html[lang=en] #NavFloat2 a{ padding:15px 10px; transform: rotate(180deg); }
	#NavFloat2 .on a{ height: 100%; position: relative; }
	#NavFloat2 .on a i{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
	#NavFloat2 a i div{ display: block; }
    html[lang=en] #NavFloat2 a i div{writing-mode:vertical-lr;line-height: 14px;}
	#NavFloat2 .PNBox{ position: relative; /*transform: translateY(-50%);*/ margin-left: -50px; width: 40px; }
	#NavFloat2 .navleft{ overflow: hidden; }
	#NavFloat2 .show .nav-prev{ position: absolute; display: block; height: 18px; width: 100%; background-position: -60px 6px; cursor: pointer; top: -20px; outline: none; background-color: transparent; }
	#NavFloat2 .show .nav-next{ position: absolute; display: block; height: 18px; width: 100%; background-position: -60px -17px; cursor: pointer; bottom: -20px; outline: none; background-color: transparent; }
	#NavFloat2 .show .nav-prev:hover,
	#NavFloat2 .show .nav-next:hover{ background-color: #eee; }
	/**常见问题**/
	#FaqList .ul .a{ min-height: 130px; }
	/**下载专区**/
	#DownBlock .ul{ margin:0 -20px; }
	#DownBlock .ul li{ padding:20px; }

}
@media only screen and (min-width: 1500px){
	.container{ width:1470px; }
	/**头部**/
	#header .menu li+li{ margin-left: 60px; }
	/*.SmallHeader #header .menu li+li{ margin-left: 40px; }*/
	/**底部**/
	#NavFloat2 .PNBox{ margin-left: -0px; }
	/**下载专区**/
	#DownBlock .ul .Box{ padding:10%; }
	#DownBlock .ul .cont{ margin-left:105px; padding-left: 40px; }
	#DownBlock .ul .title{ margin-bottom:20px; }
	#DownBlock .ul .down{ line-height: 44px; padding:0 45px; }
}
@media only screen and (min-width: 1620px){
	/**底部**/
	#NavFloat2 .PNBox{ margin-left: -80px; }
}
@media only screen and (max-width: 1200px){
    /**导航**/
    body{ padding-top: 55px; position: relative; left: 0; }
    #header{ padding:10px 0; }
    #header .logo a{ height: 35px }
    #header .logo a img{ height: 19px; }
    #header .logo .logo1{ display: none; }
    #header .logo .logo2{ display: block; }
    #header .rcon{ margin-top: 0; line-height: 34px; }
    #header .Language{ margin-left:0; }
    #header .menu{ position: fixed; left: 100%; top:0; z-index: 9999; background: #f3f3f3; display: block; width: 150px; height: 100%; text-align: center; padding:0; overflow-y: auto; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; margin-left:0; }
    #header .menu li{ display: block; float: none; }
    #header .menu .title{ line-height: 50px; }
    #header .menu .title .line{ position: static; width: 100%; margin:0; background-color: #eaeaea; }
    #header .menu .lib a{ padding:4px 10px; }
    #header .menu .lib{ display: none; position: static; transition: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; margin:0; padding:0; opacity: 1; transform: scaleX(1); width: 100%; }
    #header .PhoneMenu{ width: 30px; position: relative; padding-top:5px; float: right; cursor: pointer; margin-left:15px; }
    #header .PhoneMenu i{ display: block; background: #333; height: 3px; opacity: 1; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;  }
    #header .PhoneMenu i+i{ margin-top:6px; }
    #header .f-searc .Key{ height: 30px; line-height: 30px; font-size: 12px; }
    #header .f-searc .submit{ height: 30px; }
    #header .SeachBtn{ height: 34px; margin-left: 10px; background-position: -140px -10px; }
    #header .Member{ line-height: 30px; font-size: 14px; }
    /*.SmallHeader #header{ padding:6px 0; }*/
    .PhoneShow{ left: -150px; }
    .PhoneShow #header{ left: -150px; }
    .PhoneShow #header .menu{ margin-left: -150px; }
    .PhoneShow #header .PhoneMenu .i1{ transform: rotate(45deg) translate(3px,6px); -webkit-transform: rotate(45deg) translate(3px,6px); -ms-transform: rotate(45deg) translate(3px,6px); -moz-transform: rotate(45deg) translate(3px,6px); -o-transform: rotate(45deg) translate(3px,6px); }
    .PhoneShow #header .PhoneMenu .i2{ opacity: 0; }
    .PhoneShow #header .PhoneMenu .i3{ transform: rotate(-45deg) translate(3px,-6px); -webkit-transform: rotate(-45deg) translate(3px,-6px); -ms-transform: rotate(-45deg) translate(3px,-6px); -moz-transform: rotate(-45deg) translate(3px,-6px); -o-transform: rotate(-45deg) translate(3px,-6px); }
    /**Banner图片**/
    #IndexBan .point{ bottom: 10px; }

	/**首页**/
	#IndexImgs .ul a{ font-size: 20px; }
	#IndexBlock{ padding:90px 0 60px; }
	#IndexBlock .r_con{ padding-top: 0; }
	#IndexBlock .r_con .en{ font-size:40px; }
	#IndexBlock .r_con .cn{ font-size: 20px; }
	#IndexBlock .r_con .num{ font-size:30px; }
	#IndexBlock .r_con .numBox{ margin-bottom:5%; }
	#IndexNews .title{ font-size: 26px; padding-bottom:15px; }
	#IndexNews .ul{ margin:0 -15px; }
	#IndexNews .ul li{ padding:15px; }
	#IndexNews .ul .cont{ padding:25px 0; }
	#IndexNews .ul .time{ width:80px; padding-right: 0; }
	#IndexNews .ul .date{ font-size: 26px; margin-bottom: 6px; }
	#IndexNews .ul .year{ font-size: 14px; }
	#IndexNews .ul .Con{ padding-left:10px; }
	#IndexNews .ul .ltitle{ margin-bottom: 2px; }

    .MoreBox a{ line-height: 36px; height: 36px; }

    /**底部**/
    #footer .top{ padding:30px 0; }
	#footer .top .ul li+li{ margin-left: 6%; }
	#footer .bot .f_l{ width: 70%; }
	
	/**内页悬浮**/
	#NavFloat2{ padding:13px 0; }
	#NavFloat2 .swiper-wrapper{ display: block; text-align: left; }
    #NavFloat2 .swiper-wrapper:after{ clear: both; content:""; display: block; }
	#NavFloat2 .swiper-slide{ display: inline-block; width: auto; margin:2px 0; text-align: center; }
	#NavFloat2 .swiper-slide+.swiper-slide{}
	#NavFloat2 a{ display: block; padding:5px 20px; word-break: break-all; line-height: 24px; }
	#NavFloat2 a:hover{ background-color: #e6e6e6; }
	#NavFloat2 a i{ font-style: normal; }
	
	/**关于我们**/
	#AutoBlock{ padding:0 0 25px; }

    /**分页**/
    .pgbtn{ padding:25px 0; }
	
	/**发展历程**/
	#HistoryBlock{ padding:15px 0 35px; }

	/**资质荣誉**/
	#HonorList{ padding:15px 0 35px; }

	/**人才招聘**/
	#JobBlock{ padding:15px 0 35px; }

	/**售后服务**/
	#ServerBlock{ padding:15px 0 35px; }

	/**常见问题**/
	#FaqList{ padding:15px 0 35px; }
	#FaqList .ul{ padding-bottom: 5px; }
	#FaqList .ul li{ margin-bottom: 20px; }
	#FaqList .ul .pad{ padding:15px 40px; }

	/**下载专区**/
	#DownBlock{ padding:15px 0 35px; }
	#DownBlock .ul{ padding-bottom: 25px; }
	#DownBlock .ul .Box{ padding:5%; }
	#DownBlock .ul .time{ padding:14px 0 16px; }
	#DownBlock .ul .year{ font-size: 20px; line-height: 24px; }
	#DownBlock .ul .date{ font-size: 14px; line-height: 20px; }
	#DownBlock .ul .cont{ margin-left:70px; padding-left: 20px; }
	#DownBlock .ul .title{ font-size: 16px; line-height: 20px; margin-bottom:10px; }
	#DownBlock .ul .down{ line-height: 36px; padding:0 30px; font-size: 14px; }

	/**产品列表**/
	#ProductList{ padding:15px 0 35px; }
	#ProductList .ul a{ font-size: 20px; }
	/**产品详情页**/
	#ProductInfo{ padding-top:0; }
	#ProductInfo .message{ padding:25px 0; }
	#ProductInfo .message .img{ width: 53.47%; padding-left:3.47%; background-color:#fff; }
	#ProductInfo .message .title{ font-size: 26px; line-height: 1.1em; }
	#ProductInfo .message .block{ border-top:1px dashed #a9a9a9; margin-top: 25px; padding-top: 25px; }
	#ProductInfo .message .btit{ font-size: 20px; line-height: 1.2em; margin-bottom: 5px; }
	#ProPut{ padding:60px 0; }
	#ProPut .title{ font-size:26px; position: relative; padding-bottom: 15px; margin-bottom: 15px; }
	#ProPut .Box{ font-size: 20px; }
	#ProPut .points{ padding-top: 20px; }

	/**新闻中心**/
	#NewsBlock{ padding:15px 0 35px; }
	#NewsBlock dl{ padding-bottom: 30px; }
	#NewsBlock dt .Box{ height: 270px; }
	#NewsBlock dt .imgBox{ width: 520px; height: 270px; }
	#NewsBlock dt .cont{ margin-left: 520px; padding:25px; }
	#NewsBlock dt .type{ font-size: 12px; padding:0 15px; line-height: 28px; height: 28px; }
	#NewsBlock dt .dtitle{ font-size: 18px; margin:5% 0 4%; }
	#NewsBlock dt .words{ margin-top: 5%; }
	#NewsBlock dt .dtime{ padding-top:4%; margin-top: 4%; }
	#NewsBlock dd{ margin-top: 20px; }
	#NewsBlock dd .Box{ line-height: 66px; padding:15px; }
	#NewsBlock dd .date{ font-size: 20px; line-height: 22px; }
	#NewsBlock dd .more{ top:15px; right: 15px; }
	/**新闻详情页**/
	#NewsInfo{ padding:1px 0 35px; }
	#NewsInfo .title{ font-size: 30px; }
	#NewsInfo .bdsharebuttonbox{ margin:20px 0 25px; }
	#NewsInfo .main_cont{ line-height: 2em; padding:25px 0; }
	#NewsInfo .pnBox{ padding-top: 25px; }
	#NewsInfo .pnBox .w_d{ width: 100%; max-width: 100%; }

	/**联系我们**/
	#ContactBlock{ padding:15px 0 35px; }
	#ContactBlock .l_cont{ width: 500px; }
	#ContactBlock .top .title{ font-size: 20px; }
	#ContactBlock .top .ul{ padding-top:15px; }
	#ContactBlock .bot{ padding-top: 35px; }
	#ContactBlock .bot .title{ font-size: 20px; line-height: 1.5em; }
	#ContactBlock .bot .ltitle{ margin-bottom: 15px; }
	#ContactBlock .bot .input{ margin:10px 0 20px; }

}

@media only screen and (max-width: 992px){
	/**导航**/
	#header .Member a{ padding:0 15px; }

	/**底部**/
	/**侧边悬浮**/
	#NavFloat{ display: none; }
	#Returntop{ position: fixed; right: 10px; bottom: 10px; height: 30px; width: 30px; border-radius: 50%; background:url(../images/top.png) no-repeat center/96%; z-index: 5; cursor: pointer; }

	/**首页**/
	#IndexImgs{ padding:30px 0; }
	#IndexBlock{ padding-bottom:35px; }
	#IndexBlock .r_con .title{ margin-bottom:25px; }
	#IndexBlock .r_con .n{ width: 48%; }
	#IndexBlock .r_con .n1{  }
	#IndexBlock .r_con .n2{ border-right: 0 none; }
	#IndexBlock .r_con .n3{ margin-top:15px; padding:0; }
	#IndexNews{ padding:35px 0; }
	
    /**分页**/
    .pgbtn{ padding:15px 0; }
    .pgbtn li a{ line-height: 30px; height: 30px; min-width: 30px; }
    .pgbtn .p a{ background-position: -383px 10px; }
    .pgbtn .n a{ background-position: -417px 9px; }

	/**发展历程**/
	#HistoryBlock{ padding:15px 0 25px; }
	#HistoryBlock .history{ padding:25px; }
	#HistoryBlock .history .ul>li{ padding-bottom:5%; }
	#HistoryBlock .history .ul>li:after{ margin-left: 83px; }
	#HistoryBlock .history .ul .time{ font-size: 18px; line-height: 1.2em; }
	#HistoryBlock .history .ul .cont{ margin-left:75px; padding-left:25px; }
	#HistoryBlock .history .ul .title{ font-size: 18px; line-height: 1.4em; }
	#HistoryBlock .history .ul .des{ font-size: 14px; }
	#HistoryBlock .imgBox{ width:100%; }
	#HistoryBlock .r-con{ width: 100%; padding:15px 25px; }

	/**资质荣誉**/
	#HonorList{ padding:15px 0 25px;; }
	#HonorList .ul li:nth-child(3n+1){ clear: both; }

	/**人才招聘**/
	#JobBlock{ padding:15px 0 25px;; }
	#JobBlock .Box img{ position: absolute; left: 50%; top: 0; height: 100%; width: auto; transform: translateX(-50%); max-width: 99999px; }
	#JobBlock .back{ z-index: 2; position: relative; left: 0%; top: 0%; }
	#JobBlock .cont{ padding:30px 0; position: static; left: 0%; top: 0%; transform: translate(0); }
	#JobBlock .cont .title{ font-size: 24px; line-height: 1.2em; }
	#JobBlock .cont .title .line{ margin:20px auto; }
	#JobBlock .cont .word{ font-size: 14px; line-height: 1.5em; }
	#JobBlock .cont .MoreBox{ padding-top: 20px; }

	/**售后服务**/
	#ServerBlock{ padding:15px 0 25px;; }
	#ServerBlock .Box .img{ /*position: absolute; left: 50%; top: 0; height: 100%; width: auto; transform: translateX(-50%); max-width: 99999px; */}
	#ServerBlock .back{ z-index: 2; position: relative; left: 0%; top: 0%; }
	#ServerBlock .cont{ padding:30px 0; position: static; left: 0%; top: 0%; transform: translate(0); }
	#ServerBlock .cont .title{ font-size: 24px; line-height: 1.2em; }
	#ServerBlock .cont .title .line{ margin:20px auto; }
	#ServerBlock .cont .word{ font-size: 14px; line-height: 1.5em; }

	/**常见问题**/
	#FaqList{ padding:15px 0 25px; }
	#FaqList .ul .pad{ padding:15px 20px; }
	#FaqList .ul li{ margin-bottom: 10px; }

	/**下载专区**/
	#DownBlock{ padding:15px 0 25px; }
	#DownBlock .ul{ padding-bottom: 15px; margin:0 -8px; }
	#DownBlock .ul li{ padding:8px; }

	/**产品列表**/
	#ProductList{ padding:15px 0 25px; }

	/**产品详情页**/
	#ProductInfo .message{ padding-top:15px; font-size: 14px; line-height: 1.8em; }
	#ProductInfo .message .title{ font-size: 18px; line-height: 1.1em; }
	#ProductInfo .message .btit{ font-size: 16px; line-height: 1.2em; }
	#ProPut{ padding:25px 0; }
	#ProPut .title{ font-size: 20px; }

	/**新闻中心**/
	#NewsBlock{ padding-bottom:25px; }
	#NewsBlock dl{ padding-bottom: 20px; }
	#NewsBlock dt .Box{ height: auto; }
	#NewsBlock dt .imgBox{ width: 100%; height: auto; position: static; }
	#NewsBlock dt .cont{ margin-left: 0; padding:15px; }
	#NewsBlock dt .dtitle{ font-size: 16px; margin:10px 0; }
	#NewsBlock dt .words{ margin-top: 10px; }
	#NewsBlock dt .dtime{ padding-top:10px; margin-top: 10px; }
	#NewsBlock dd{ margin-top: 15px; }
	#NewsBlock dd .Box{ line-height: 62px; padding:10px; }
	#NewsBlock dd .title{ font-size: 16px; }
	#NewsBlock dd .date{ font-size: 18px; line-height: 20px; }
	#NewsBlock dd .year{ font-size: 12px; line-height: 20px; }
	#NewsBlock dd .more{ top:10px; right: 10px; }
	/**新闻详情页**/
	#NewsInfo{ padding-bottom:25px; }
	#NewsInfo .title{ font-size: 22px; }
	#NewsInfo .bdsharebuttonbox{ margin:10px 0 15px; }
	#NewsInfo .pnBox{ padding-top: 20px; }
	/**联系我们**/
	#ContactBlock{ padding-bottom:25px; }
	#ContactBlock .l_cont{ display: block; width: 100%; padding:25px; }
	#ContactBlock .top .ul{ padding-top:0; }
	#ContactBlock .top .ul li{ margin-bottom: 15px; padding-left: 50px; }
	#ContactBlock .top .ul .icons{ transform: scale(0.8) translateX(-10%); }
	#ContactBlock .map{ position: static; height: 300px; width: 100%; left: 0; }
	#ContactBlock .bot{ padding-top: 20px; }
}

@media only screen and (max-width: 768px){
	/**头部导航**/
    /**底部**/
    #footer .top{ padding:15px 0; }
    #footer .top .ul li{ display: none; }
    #footer .top .ul li+li{ margin:0; }
    #footer .top .ul li.f_r{ display: block; float: none; text-align: center; }
    #footer .top .con2 .phone{ font-size: 16px; line-height: 20px; }
    #footer .top .con2 .p{ display: none; }
    #footer .share,
    #footer .online{ display: none; }
    #footer .top .con2 .line{ margin:0; }
    #footer .bdsharebuttonbox{ margin:0; padding:5px 0 0; }
    #footer .bdsharebuttonbox .bds_tsina{ margin:0; }
    #footer .bdsharebuttonbox a{ transform: scale(0.8); }
    #footer .bot{ line-height: 20px; }
    #footer .bot .f_l{ float: none; display: block; width:100%; text-align: center; }
    #footer .bot .icp{ display: block; }
    #footer .language{ display: none; }
	
	/**二级栏目**/
	#NavFloat2{ font-size: 15px; }
	#NavFloat2 .swiper-wrapper{ margin:0 -1px; overflow: hidden; }
	#NavFloat2 .swiper-slide{ margin:1px 0; float: left; width: 33.33%; border-left:1px solid #fff; border-right:1px solid #fff; height: auto; }
    html[lang=en] #NavFloat2 .product .swiper-slide{ width: 50%; }
    html[lang=en] #NavFloat2 .product .swiper-slide a{ padding:5px 2px; }
	#NavFloat2 a{ padding:5px 5px; }
    #NavFloat2.maxs .swiper-wrapper{ height: 69px; }
    #NavFloat2.maxs .nav-prev{ display: block; width: 100%; height: 36px; background:url(../images/jiantou2.png) no-repeat center/22px auto; opacity:0.3; margin-top: 2px; }

    .MoreBox a{ padding:0 20px; }
	.LoadMore a{ font-size: 14px; line-height: 38px; height: 38px; padding:0 25px; }

    /**首页**/
    #IndexImgs{ padding:15px 0; }
    #IndexImgs .ul{ margin:0 0 10px; padding:0 10px; }
    #IndexImgs .ul li{ padding:5px; padding:0; }
    /*#IndexImgs .ul img{ transform: scale(1.46); }*/
    #IndexImgs .ul a{ font-size: 16px; }
    #IndexImgs .ul .title{ margin-bottom: 5px; }
    #IndexImgs .ul .more{ height: 30px; width: 30px; }
    #IndexImgs .ul .more .icons{ transform: scale(0.8); }
    #IndexBlock{ padding:25px 0; }
    #IndexBlock .l_img{ width: 100%; }
    #IndexBlock .l_img:before{ display: none; }
    #IndexBlock .l_img .BtnBox{ width: 100%; text-align: center; }
    #IndexBlock .l_img .BtnBox span{ margin:0 15px; }
    #IndexBlock .r_con{ width: 100%; }
    #IndexBlock .r_con .cont{ margin-bottom: 15px; }
    #IndexBlock .r_con .numBox{ margin-bottom: 15px; }
    #IndexBlock .r_con .num{ font-size: 20px; }
    #IndexNews{ padding:25px 0; }
    #IndexNews .title{ font-size: 20px; }
    #IndexNews .ul li{ padding:10px 15px; }
    #IndexNews .ul .Con{ padding-right: 15px; }

	/**路径**/
	#Location i{ margin:0 10px; }

    /**视频弹框**/
    .TankVideoBox .VideoBox{ transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); }
    /**图片弹框**/
    #TankImg .modal-lg .exit{ right: -5px; top: -5px; background-color: #0288e1; border-radius: 0; transform: scale(0.8); }
    #TankImg .modal-content{ padding:15px; }
    #TankImg .title{ padding-top:10px; }

    /**关于我们**/
	#AutoBlock{ font-size: 14px; line-height: 2em; }
	#AutoBlock h1{ font-size: 20px; }
	/**发展历程**/
	#HistoryBlock{ padding:0 0 15px; }
	/**资质荣誉**/
	#HonorList{ padding:0 0 15px; }
	#HonorList .ul{ margin:0 -5px; }
	#HonorList .ul li{ padding:5px; margin-bottom: 0; }
	#HonorList .ul li .Box{ padding-bottom: 5px; }
	#HonorList .ul li .ltitle{ margin-top:5px; padding:0 10px; font-size: 14px; }
	#HonorList .ul li:nth-child(3n+1){ clear: none; }
	#HonorList .ul li:nth-child(2n+1){ clear: both; }
	/**人才招聘**/
	#JobBlock{ padding:0 0 15px; }
	/**售后服务**/
	#ServerBlock{ padding:0 0 15px; }
	/**常见问题**/
	#FaqList{ padding:0 0 15px; }
	#FaqList .ul li{ margin-bottom: 8px; font-size: 14px; }
	#FaqList .ul .pad{ padding:15px; }
	#FaqList .ul .icons{ background-position: -75px 5px; }
	#FaqList .ul .on .icons{ background-position: -75px -18px; }
	/**下载专区**/
	#DownBlock{ padding:0 0 15px; }
	#DownBlock .ul{ padding-bottom: 8px; margin:0; }
	#DownBlock .ul li{ padding:5px 0; }
	#DownBlock .ul .Box{ padding:15px; }
	#DownBlock .ul .year{ font-size: 18px; line-height: 18px; }
	#DownBlock .ul .date{ font-size: 12px; line-height: 18px; }
	#DownBlock .ul .cont{ margin-left:60px; }
	#DownBlock .ul .down{ line-height: 32px; font-size: 12px; padding:0 25px 0 20px; }
	#DownBlock .ul .down .icons{ transform: scale(0.7); }

	/**产品列表**/
	#ProductList{ padding:0 0 15px; }
    #ProductList .ul{ margin-bottom:10px;}
    #ProductList .ul li{ padding:1.8%; }
    #ProductList .ul a{ font-size: 16px; }
    #ProductList .ul .title{ margin-bottom: 5px; }
    #ProductList .ul .more{ height: 30px; width: 30px; }
    #ProductList .ul .more .icons{ transform: scale(0.8); }
	/**产品详情页**/
	#ProductInfo .message{ padding:15px 0;}
	#ProductInfo .message .img{ width: 100%; padding-left:0; }
	#ProductInfo .message .block{ margin-top: 15px; padding-top: 15px; }
	#ProPut{ padding:15px 0; }
	#ProPut .Box{ font-size: 16px; }
    #ProPut .atitle{ margin-bottom: 5px; }
    #ProPut .more{ height: 30px; width: 30px; }
    #ProPut .more .icons{ transform: scale(0.8); }
	#ProPut .points{ padding-top: 15px; }
	
	/**新闻中心**/
	#NewsBlock{ padding:0 0 15px; }
	#NewsBlock dl{ padding-bottom: 15px; }
	#NewsBlock dd{ margin-top: 8px; }
	#NewsBlock dd .date{ font-size: 14px; }
	#NewsBlock dd .more{ display: none; }
	#NewsBlock dd .title{ margin-left:80px; margin-right:0; }
	/**新闻详情页**/
	#NewsInfo{ padding-bottom:15px; }
	#NewsInfo .title{ font-size: 18px; }
	#NewsInfo .bdsharebuttonbox{ margin:10px 0 15px; }
	#NewsInfo .pnBox{ padding-top: 20px; }
    #NewsInfo .bdsharebuttonbox a{ transform: scale(0.8); margin:0; }
    #NewsInfo .bdsharebuttonbox a+a{ margin:0; }
	/**联系我们**/
	#ContactBlock{ padding-bottom:15px; }
	#ContactBlock .l_cont{ display: block; width: 100%; padding:15px; }
	#ContactBlock .top .title{ font-size: 17px; }
	#ContactBlock .top .title .line{ margin:10px 0; }
	#ContactBlock .top .ul li{ font-size: 14px; padding-left: 45px; margin-bottom: 5px; }
	#ContactBlock .top .ul .icons{ transform: scale(0.7) translateX(-15%); }
	#ContactBlock .bot .title{ font-size: 17px; }
	#ContactBlock .bot .ltitle{ margin:1px 0 10px; }
	#ContactBlock .bot .form{ padding:15px 15px; }
	#ContactBlock .bot .tip{ font-size: 14px; }
	#ContactBlock .bot .input{ padding:5px 10px; margin:5px 0 10px; }
	#ContactBlock .bot .submit{ width: 100%; }

}

@media only screen and (max-width: 640px){

    /**Banner图片**/
    #IndexBan .pc{ display: none; }
    #IndexBan .phone{ display: block; }
    /**公共Banner**/
    #AutoBanner .pc{ display: none; }
    #AutoBanner .phone{ display: block; }
    #AutoBanner .title{ font-size: 22px; }
    #AutoBanner .ltitle{ font-size: 14px; }

	/**发展历程**/
	#HistoryBlock .history{ padding:15px; }
	#HistoryBlock .history .ul>li{ padding-bottom:15px; }
	#HistoryBlock .history .ul>li:after{ margin-left: 8px; top:2px; }
	#HistoryBlock .history .ul .time{ position: static; font-size: 16px; line-height: 1.2em; padding-left: 25px; margin-bottom: 10px; }
	#HistoryBlock .history .ul .cont{ margin-left:0; padding-left:25px; position: static; }
	#HistoryBlock .history .ul .point{ top: 2px; }
	#HistoryBlock .history .ul .title{ font-size: 16px; line-height: 1.4em; }
	#HistoryBlock .r-con{ padding:15px; font-size: 14px; line-height: 1.6em; }

    #NavFloat2 a{ font-size: 14px; }

}

@media only screen and (max-width: 500px){
	/**头部**/
	#header .f-searc .submit .icons{ transform: scale(0.8); }
}

@media only screen and (max-width: 370px){
    #NavFloat2 a{ font-size: 12px; }
}