﻿/* ===== 头部 ===== */


.h_div{ width:100%; float:left; overflow:visible}

.headerTop{height: 60px; line-height: 60px; width:100%; overflow:hidden; border-bottom: 1px #f5f5f5 solid; padding: 0 2.18%; font-size:14px }
.headerTop:after{content: ""; display: block; width: 34px; height: 9px; background: url(../images/header_top_arrow.png); position: absolute; left: 0px; top: 0; bottom: 0; margin: auto;}
.headerTop .headerTop_left{display: inline-block; color: #818181;}
.headerTop .headerTop_left span{color:#11b5f0;}
.headerTop .headerTop_right_1 {display: inline-block;}
.headerTop .headerTop_right_1 a{padding: 0 36px; color: #999999; display: inline-block; border-left: 1px #f5f5f5 solid;}
.headerTop .headerTop_right_1 a:hover{color: #11b5f0;}
.headerTop .headerTop_right_2{display: inline-block; border-left: 1px #f5f5f5 solid; padding: 0 7px;}


#header{ z-index: 99999; background: #fff; width: 100%; position:relative; top:0; left:0;height:110px; line-height:110px;

}
#header .headerInfo{ margin:0 2%; float:left; width:96%; height:100%}
#header .nav { margin-right:1%;}
#header .nav ul{height: 100%;}
#header .nav li{float: left; height:100%; position: relative; perspective:800;-webkit-perspective:800;}
#header .nav li>a{display: block; height: 100%; color: #434343; padding:1.2% 0;}
#header .nav li>a span{display: inline-block; padding: 0 24px; position: relative;}
#header .nav li>a span:after{content: ""; display: block; width: 1px; height: 9px; background: #dadada; position: absolute; left: 0; top: 0; bottom: 0; margin: auto;}
#header .nav .first_li>a span:after{display: none;}
#header .nav .first_li>a:hover{color: #11b5f0;}
#header .nav li>a span:before{content: "+"; display: block; font-size: 20px; position: absolute; top:25px; transition:all 0.4s; -webkit-transition:all 0.4s; line-height: 15px; text-align: center; position: absolute; left: 0; width: 100%; color: #fff;}
#header .logo{height:100%;}
#header .header_tel{height: 100%;}
#header .second_nav{position: absolute; top: 100%; border-radius: 5px; left: -48px; width: 590px;
background: #454545 \0;
    filter: alpha(opacity=50);
    zoom: 1;
    background: rgba(69,69,69,0.6);
 height: 286px; padding: 24px;  transform: rotateX(-90deg);
    -webkit-transform: rotateX(-90deg);
    transform-origin: 50% 0%;
    -webkit-transform-origin: 50% 0%;
    -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms;
    transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms;
    opacity: 0; filter:alpha(opacity=0); zoom:1; display: none\9;
}
#header .nav li:after{width: 13px; height: 7px; opacity: 0; filter:alpha(opacity=0); display: none\9; background: url(../images/nav_sj1.png); position: absolute; bottom: 0; left: 0; right: 0; margin: auto; content: "";  transition:all 0.4s; -webkit-transition:all 0.4s;   }
#header .second_nav_left{width: 29.4%; height: 100%; border: 3px #ccc solid; border-right: 0;}
#header .second_nav_right{width: 70.6%; height: 100%; overflow: hidden;}
#header .second_nav_left a{height: 46px; line-height: 46px; line-height: 46px; font-size:13px; display: block; position: relative; padding-left: 25px; color: #FFFFFF; position: relative;}
#header .second_nav_left a span{display: block; overflow: hidden; height: 100%;}
#header .second_nav_left a:after{content: ""; display: block; position: absolute; width: 9px; height: 17px; background: url(../images/second_nav_arrow.png); top: 0; bottom: 0; margin: auto; left: 5px; transition:all 0.4s; -webkit-transition:all 0.4s;}
#header .second_nav_left a:before{content: ""; display: block; width: 9px; height: 1px; background: #fff; position: absolute; left: 0px; transition:all 0.5s; -webkit-transition:all 0.5s; top: 0; bottom: 0; margin: auto;}
#header .second_nav_left a:hover:after{background: url(../images/second_nav_arrows.png);}
#header .second_nav_left a:hover:before{left: -68px; width: 77px; background: #11b5f0;}
#header .second_nav_left a:hover{color: #11b5f0}
#header .diffrent_li .second_nav{left: -460px;}
#header .diffrent_li .second_nav_left{border-left: 0; border-right: 3px #ccc solid; float: right;}
#header .diffrent_li .second_nav_left a{text-align: center;padding-right: 25px;}

#header .nav li:hover .second_nav{    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1; filter:alpha(opacity=100); zoom:1; display: block\9;
}
#header .nav li:hover>a,#header .nav li.active>a{color:#11b5f0 }
#header .nav li:hover>a span:before,#header .nav li.active>a span:before{color: #11b5f0}
#header .nav li:hover:after{opacity: 1; filter:alpha(opacity=100); display: block;\9;} 
#header .header_news{position: absolute; left: 126px; bottom: -66px;}

#header.active{animation:mymove 0.8s; -webkit-animation:mymove 0.8s; position:fixed;}

.fl{float:left;}
.fr{float:right;}

input{ background:none; border: solid 1px #ccc; font-family:"微软雅黑"}
button{ font-family:"微软雅黑"; border:none}

@keyframes mymove
{
  from {top:-170px; }
  to {top:0px;}
}
@-moz-keyframes mymove
{
  from {top:-170px; }
  to {top:0px;}
}
@-webkit-keyframes mymove
{
  from {top:-170px; }
  to {top:0px;}
}







.Header-wrapper{position: fixed;width: 100%;top: 0;left: 0;z-index: 999;background: #fff; border-bottom:solid 1px #f5f5f5}
.Header-container{width: 100%;}

.Header-logo{height:100px;line-height:100px;user-select: none;float: left; width:30%}
.Header-logo a{display: inline-block;height: 100%; width:100%; position:relative}
.Header-logo span{ line-height:38px; height:38px; color:#767676; border-left:solid 1px #d4d4d4; letter-spacing:2px; position:absolute; top:45px; left:190px; padding:0 0 0 18px}



.Header-slidemenu{float: right;width: 100px;height: 100px;background: #e3143b;text-align: center;user-select: none;cursor: pointer;}
.Header-slidemenu span{display: inline-block;width: 22px;height: 4px;background: #fff;position: relative;margin-left: 12px;margin-top: 36px;transition: all .3s ease-in-out;}
.Header-slidemenu span:before,.Header-slidemenu span:after{content: "";position: absolute;width: 34px;height: 4px;background: #fff;right: 0;}
.Header-slidemenu span:before{top: -10px;}
.Header-slidemenu span:after{top: 10px;}
.Header-slidemenu p{font-size: 12px;color: #fff;width: 100%;font-family: Arial;margin-top: 10px;}
.Header-slidemenu:hover span{width: 34px;margin-left: 0;}

.language,.Header-searclick{width: 50px;height:100px; text-align:center; line-height:100px; float: right;user-select: none;cursor: pointer;position: relative;}

.language{background:url(../images/xian.png) no-repeat right center}
.language:hover{ color:#11b5f0}

.Header-login{background: url('../images/login.png') no-repeat center center;margin-right: 20px;}

.Header-language{background: url('../images/language.png') no-repeat center center;}
.Header-langwords{padding: 16px 0px;width: 190px;background: #fff;position: absolute;top: 90px;left: 50%;margin-left: -95px;display: none;}
.Header-langwords a{display: block;padding: 5px 10px 5px 60px;line-height: 30px;background-repeat: no-repeat !important;background-position: 20px center !important;transition: all .2s ease-in-out;}
.Header-langwords a:hover {color: #fff;background: #e3143b;}
.Header-langwords a.CN{background-image: url('../images/iconcn.png');}
.Header-langwords a.EN{background-image: url('../images/iconen.png');}
.Header-langwords.ontrue{display: block;animation: languageDrop .4s ease-in-out both;}
@keyframes languageDrop {0% {transform: translateY(-16px);}100% {transform: translateY(0px);}}


.Header-searclick{background: url('../images/search.png') no-repeat center center;}
.Header-searclick:hover{background: url('../images/search1.png') no-repeat center center;}

.Header-searwords{display: none;position: absolute;width: 360px;height: 44px;background-color: #fff;right: 0;top: 90px;padding-right: 44px;box-sizing: border-box;font-size: 0;}
.Header-searwords input{width: 100%;box-sizing: border-box;border: none;height: 100%;padding: 0 10px;outline: none;font-size: 16px;color: #000;display: block;}
.Header-searsubmit{width: 50px;height: 44px;cursor: pointer;display: inline-block;background: #fff url("../images/search.png") no-repeat center center;position: absolute;right: 0;top: 0;z-index: 3;   transition: all .3s linear;}
.Header-searclick.ontrue{background: url('../images/close.png') no-repeat center center;}

.Header-search{ overflow:hidden; width:10%; float:right}

.Header-navbarbox{ float:left; margin:0 0 0 6%; width:50%}

.Header-navbar{float: right;display: block;}
.Header-navbar ul li{width: 120px;float: left;text-align: center;position: relative;}
.Header-navmenu{display: block;font-size:17px;color: #000;width: 100%;height:100px;line-height: 100px;transition: all .3s ease-in-out;}
.Header-navarr{width:44px;height:44px;display: none;position: absolute;z-index: 9;right:1%;top: 0;background: url("../images/ico_menu_jiantou.png") no-repeat center center /14px auto;}
.Header-navarr.ontrue{transform: rotate(180deg);}
.Header-navwords{position: absolute;top: 90px;left: 0;width: 100%;text-align: center;z-index: 3;background-color: #fff;display: none;}
.Header-navbar ul li.ontrue .Header-navmenu,.Header-navmenu:hover{color: #11b5f0;/*border-bottom: 1px solid #e3143b;*/}

.Header-navbar ul li.ontrue:hover b{display: block;} 


.Header-navbar li ul{ display:none;  z-index:999; position:absolute; top:100px; left:0;
background:#fff;min-height:30px;width:120%;padding:5px 0;box-shadow:0 5px 10px rgba(0,0,0,0.1);}

.Header-navbar li.li_cpnav ul{ width:130%}

.Header-navbar li:hover ul{ display:block;}
.Header-navbar li li{ float:none; width:100%; text-align:center; border-bottom:solid 1px #f1f1f1}
.Header-navbar li li a{text-align:center; color:#000 !important; margin:0; font-size:16px; display:block; width:100%; height:45px; line-height:45px;}
.Header-navbar li li a:hover{color: #11b5f0 !important}



/*.Header-navbar.onture{display: block;}*/


/*加*/
.Header-sunNav{display:none;position: absolute;left: 0;top: 90px;width: 100%;padding: 44px 0;background: #fff;background-size: cover;z-index: 991;font-size: 0;
border-top: 1px solid #ececec;}
.Header-sunNavlr{width: 1680px;margin: 0 auto;}
.Header-sunNavlr>div{float: left;}
.Header-sunNavl{padding: 0 14px 0 44px;border-right: 0px solid #ececec;padding-left: 28%;}
.Header-sunNavl>div{float: left;}
.Header-sunNavl-img{width: 278px;height: 160px;overflow: hidden;}
.Header-sunNavl-img img{width: 100%;height: 100%;object-fit: cover;transition: all .4s ease-in-out;}
.Header-sunNavl-img img:hover{transform: scale(1.1);}
.Header-sunNavl-click{margin-left: 24px;}
.Header-sunNavl-click>div{float: left;margin: 0 30px;;}
.Header-sunNavl-clicka a{display: block;height: 38px;font-size: 14px;color: #62666a;width: 164px;background: url('../images/sunnavarr.png') no-repeat right 6px;position: relative;transition: all .4s ease-in-out;}
.Header-sunNavl-clicka a:after{content: "";position: absolute;left: 0;bottom: 0;height: 1px;width: 100%;background: #e7e9ec;}
.Header-sunNavl-clicka a:nth-child(n+2){margin-top: 22px;}
.Header-sunNavl-clicka a:hover{color: #e3143b;background: url('../images/sunnavarrh.png') no-repeat right 6px;}
.Header-sunNavl-clicka a.hover{color: #e3143b;background: url('../images/sunnavarrh.png') no-repeat right 6px;}
.Header-sunNavr{width: 360px;margin-left: 44px;}
.Header-sunNavr p{font-size: 15px;color: #62666c;line-height: 26px;}

.Header-sunNav.ontrue{animation:sunNavDown 400ms ease both;}




.Header-navclick{height:63px;margin-right: 3%;cursor: pointer;float: right;user-select: none;display: none;width: 30px; margin-top:6px}
.Header-navclick span{width: 30px;height: 2px;background: #11b5f0;display: block;position: relative;margin-top: 29px;transition: all .2s linear;}
.Header-navclick span:before,.Header-navclick span:after{content: "";position: absolute;height: 2px;background: #11b5f0;display: block;left: 0;width: 100%;transition: all .2s linear;}
.Header-navclick span:before{top: -8px;}
.Header-navclick span:after{top: 8px;}

Header-searclick{ width:40px;}

.Header-navclick.ontrue span{-moz-animation: buttonAnimation 0.3s ease forwards;-webkit-animation: buttonAnimation 0.3s ease forwards;animation: buttonAnimation 0.3s ease forwards;}
.Header-navclick.ontrue span:before{-moz-animation: buttonAnimationBefore 0.3s ease forwards;-webkit-animation: buttonAnimationBefore 0.3s ease forwards;animation: buttonAnimationBefore 0.3s ease forwards; }
.Header-navclick.ontrue span:after{-moz-animation: buttonAnimationAfter 0.3s ease forwards;-webkit-animation: buttonAnimationAfter 0.3s ease forwards;animation: buttonAnimationAfter 0.3s ease forwards;}
@-moz-keyframes buttonAnimationBefore {
    0% {-moz-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
    50% {-moz-transform: translateY(8px) rotate(0);transform: translateY(8px) rotate(0); }
    100% {-moz-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg); }
}
@-webkit-keyframes buttonAnimationBefore {
    0% {-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
    50% {-webkit-transform: translateY(8px) rotate(0);transform: translateY(8px) rotate(0); }
    100% {-webkit-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg); }
}
@keyframes buttonAnimationBefore {
    0% {-moz-transform: translateY(0px) rotate(0);-ms-transform: translateY(0px) rotate(0);-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
    50% {-moz-transform: translateY(8px) rotate(0);-ms-transform: translateY(8px) rotate(0);-webkit-transform: translateY(8px) rotate(0);transform: translateY(8px) rotate(0); }
    100% {-moz-transform: translateY(8px) rotate(45deg);-ms-transform: translateY(8px) rotate(45deg);-webkit-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg); } }
@-moz-keyframes buttonAnimationAfter {
    0% {-moz-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
    50% {-moz-transform: translateY(-8px) rotate(0);transform: translateY(-8px) rotate(0); }
    100% {-moz-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg); }
}
@-webkit-keyframes buttonAnimationAfter {
    0% {-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
    50% {-webkit-transform: translateY(-8px) rotate(0);transform: translateY(-8px) rotate(0); }
    100% {-webkit-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg); }
}
@keyframes buttonAnimationAfter {
    0% {-moz-transform: translateY(0) rotate(0);-ms-transform: translateY(0) rotate(0);-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
    50% {-moz-transform: translateY(-8px) rotate(0);-ms-transform: translateY(-8px) rotate(0);-webkit-transform: translateY(-8px) rotate(0);transform: translateY(-8px) rotate(0); }
    100% {-moz-transform: translateY(-8px) rotate(-45deg);-ms-transform: translateY(-8px) rotate(-45deg);-webkit-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg); }
}
@-moz-keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0); }
    100% {background: rgba(255, 255, 255, 0); }
}
@-webkit-keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0); }
    100% {background: rgba(255, 255, 255, 0); }
}
@keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0); }
    100% {background: rgba(255, 255, 255, 0); }
}

/* ===== 登录 ===== */
.showloginSize {position: fixed;display: none;width: 100%;height: 100%;background: rgba(0, 0, 0, .6);left: 0;top: 0;z-index: 9991;opacity: 0;}
.showlogin {width: 466px;height: auto;background: #e6e8ed;position: absolute;top: 50%;left: 50%;padding: 58px 50px 52px 50px;border-radius: 6px;box-shadow: 0 4px 16px 2px rgba(0, 0, 0, .6);transform: translate(-50%, -50%);display: none;}
.showloginClose{width: 44px;height: 44px;position: absolute;right: 0;top: 0;z-index: 9;background: url('../images/loginc.png') no-repeat center center;cursor: pointer;user-select: none;transition: all .3s ease-in-out;}
.showloginClose:hover{background: url('../images/loginch.png') no-repeat center center;}
.showloginform{width: 100%;}
.showloginform h6{font-size: 34px;color: #333;}
.showloginform>div.YH,.showloginform>div.MM{width: 100%;height: 46px;margin-top: 20px;background: #fff;border-radius: 6px;position: relative;overflow: hidden;z-index: 3;}
.showloginform input{width: 100%;height: 100%;box-sizing: border-box;border: none;outline: none;font-size: 14px;color: #666;padding: 0 10px 0 60px;}
.showloginform>div.YH:before,.showloginform>div.MM:before{content: "";position: absolute;left: 0;top: 0;width: 50px;height: 46px;border-right: 1px solid #eee;display: block;z-index: 2;}
.showloginform>div.YH:before{background: url('../images/loginic1.png') no-repeat center center;}
.showloginform>div.MM:before{background: url('../images/loginic2.png') no-repeat center center;}
.showloginmore{width: 100%;margin-top: 16px;overflow: hidden;}
.showloginmoreL{float: left;font-size: 0;user-select: none;}
.showloginmoreL input,.showloginmoreL span{display: inline-block;vertical-align: middle;}
.showloginmoreL span{font-size: 14px;color: #757575;margin-left: 2px;}
.showloginmoreL input{-webkit-appearance: checkbox;-moz-appearance: checkbox;cursor: pointer;width: 16px;height: 16px;}
.showloginmoreR{float: right;font-size: 0;}
.showloginmoreR a,.showloginmoreR span{display: inline-block;vertical-align: middle;font-size: 14px;color: #e3143b;}
.showloginmoreR span{margin: 0 10px;}
.showloginsubmit{width: 100%;border-radius: 6px;text-align: center;height: 44px;line-height: 44px;background: #e3143b;color: #fff;font-size: 20px;user-select: none;cursor: pointer;margin-top: 16px;transition: all .4s ease-in-out;}
.showloginsubmit:hover{background: #c00c2d;}


/* ===== 右侧展开 ===== */
.slideMenubox{position: fixed;width: 0%;height: 100%;z-index: 9999;right: 0;top: 0;background: #fff;transition: all .4s ease-in-out;}
.slideMenu_main{width: 1680px;margin:0 auto;margin-top: 50px;position: relative;overflow: hidden;min-height: 500px;}
.slideMenu_close{width: 39px;height: 39px;overflow: hidden;position: absolute;right: 5px;top: 5px;border: 1px solid #dedede;cursor: pointer;}
.slideMenu_close:hover{border-color: #e3143b;}
.slideMenu_close i{width: 22px;height:22px;display: block;background: url('../images/close.png') no-repeat; margin: 8px 0 0 8px;position: absolute;}

.slideMenu_main ul{overflow: hidden;width: 100%;margin-top: 50px;}
.slideMenu_main ul li{width: 14.666%;float: left;margin-left: 2%;}
.slideMenu_main ul li h4 a{font-size: 18px;color: #333;line-height: 45px;font-family: "微软雅黑"}
.slideMenu_main ul li h5{padding-top: 10px;}

.slideMenu_main ul li h5 p{padding-bottom: 15px;}
.slideMenu_main ul li h5 p a{display: block;height: 38px;font-size: 14px;color: #62666a;width: 164px;background: url('../images/sunnavarr.png') no-repeat right 9px;
position: relative;transition: all .4s ease-in-out;border-bottom: 1px solid #e7e9ec;/*margin-bottom: 12px;*/}
.slideMenu_main ul li h5 p a:hover{color: #e3143b;background: url('../images/sunnavarrh.png') no-repeat right 9px;}



/* 清除浮动 */
.clearfix{*zoom:1}
.clearfix:before,.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}

/* ===== 中部 ===== */
.Container-wrapper{width: 100%; overflow:hidden}


/* ===== 底部 ===== */
.Footer-wrapper{width: 100%;background: #1b1b1b;}
.Footer-container{width: 1680px;margin: 0 auto;padding: 96px 0 66px 0;}
.Footer-share{width: 28%;float: left;}
.Footer-sharelogo img{max-width: 100%;}
.Footer-share h6{font-size: 22px;color: #fff;font-weight: bold;margin-top: 8px;}
.Footer-shareic{width: 100%;font-size: 0;margin-top: 28px;}
.Footer-shareic a{width: 70px;height: 70px;display: inline-block;border-radius: 100%;border: 1px solid #fff;margin-right: 18px;transition: all .4s ease-in-out;text-align: center;position: relative;z-index: 1;line-height: 70px;}
.Footer-shareic a img{position: relative;z-index: 2;max-width: 100%;}
.Footer-shareic a:hover{background: #e3143b;border-color: #e3143b;}

.Footer-navbar{width: 50%;float: left;padding: 0 2% 0 4%;position: relative;}
.Footer-navbar:before,.Footer-navbar:after{content: "";position: absolute;top: 10px;width: 1px;height: 200px;background: #35343b;}
.Footer-navbar:before{left: 0;}
.Footer-navbar:after{right: 0;}
.Footer-navbar ul li{width: 16.6666666666%;float: left;}
.Footer-navclick{width: 100%;position: relative;height: 44px;line-height: 44px;}
.Footer-navclick h6{font-size: 20px;color: #fff;}
.Footer-navclick i{width: 44px;height: 44px;display: none;position: absolute;z-index: 9;right: 0;top: 0;background: url('../images/iconarrh.png') no-repeat center center /14px auto;}
.Footer-navclick i.ontrue{transform: rotate(180deg);}
.Footer-navwords{width: 100%;overflow: hidden;margin-top: 6px;}
.Footer-navwords a{display: block;padding: 4px 0;font-size: 14px;color: #999;transition: all .3s ease-in-out;}
.Footer-navwords a:hover{color: #e3143b;}

.Footer-code{width: 22%;float: left;text-align: right;}
.Footer-code h5{font-size: 20px;color: #fff;margin-top: 4px;}
.Footer-code p{font-size: 14px;color: #fff;margin-top: 12px;}
.Footer-code p a{transition: all .3s ease-in-out;}
.Footer-code p a:hover{color: #e3143b;}
.Footer-code h6{font-size: 18px;color: #fff;font-weight: bold;font-family: Arial;margin-top: 8px;transition: all .3s ease-in-out;}
.Footer-code h6 a{transition: all .3s ease-in-out;}
.Footer-code h6 a:hover{color: #e3143b;}

.Footer-line{width: 100%;height: 1px;background: #232325;}

.Footer-copyright{width: 100%;text-align: center;font-size: 0;padding: 38px 3% 52px 3%;}
.Footer-copyright h6{width: 100%;font-size: 0;}
.Footer-copyright h6 span{display: inline-block;margin: 0 14px;font-size: 14px;color: #515254;}
.Footer-copyright p{font-size: 14px;color: #515254;margin-top: 6px;}


.scroll table{empty-cells:show;border-collapse:collapse;border-spacing:0;}
.scroll .titbox{font-size:18px;color:#3366cc;height:32px;overflow:hidden;width:880px;margin:20px auto;}
.scroll{width:100%;color:#333; padding:1% 0 0; overflow:hidden;}
.scroll img{border:solid 1px #ccc;margin:0 12px; padding:3px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.scroll a:hover img{border:solid 1px #11b5f0;transform: scale(1.1);}
.scroll span{ width:100%; overflow:hidden; display:block; text-align:center; line-height:36px; font-size:17px; margin:4% auto; color:#000;}
.scroll a:hover span{ color:#11b5f0}






/* ===== 共用部分 ===== */
.PUBtitle{width: 100%;text-align: center;position: relative;z-index: 5; margin:2.4% auto 1.8%}
.PUBtitle h4{font-size:32px;color: #000; margin:0 auto 1%}
.PUBtitle i{display: block;width:63px;height:2px;background: #ff0000;margin:1.3% auto 0;}
.PUBtitle.white h4{color: #fff;}
.PUBtitle p{ letter-spacing:1px;}


.product_container{ width:100%; overflow:hidden; margin:0 auto}
.product_container ul{ width:100%; overflow:hidden; margin:2.2% auto; border-top:solid 1px #f1f1f1; padding:0 0 1%}
.product_container li{ padding:3%; float:left;border:solid 1px #f1f1f1; width:25%; text-align:center;
transition:all ease .3s; height:327px;}
.product_container li:hover{box-shadow:0 5px 10px 0 #efefef;padding:2% 3% 4%;}

.product_container li:last-child,.product_container li:nth-child(4),.product_container li:nth-child(5),.product_container li:nth-child(6),.product_container li:nth-child(7),.product_container li:nth-child(8){ border-bottom:solid 2px #f1f1f1}

.product_container li:nth-child(1),.product_container li:nth-child(3),.product_container li:nth-child(4),.product_container li:nth-child(5){ border-right:solid 2px #f1f1f1; border-left:solid 2px #f1f1f1}

.product_container li .img_div{width:94px; margin:0 auto; height:94px;   -webkit-transition: all 0.18s ease-out;
    -moz-transition: all 0.18s ease-out;
    -ms-transition: all 0.18s ease-out;
    -o-transition: all 0.18s ease-out;
    transition: all 0.18s ease-out;}
.product_container li h3{ color:#000; font-size:21px; margin:8% auto;   -webkit-transition: all 0.18s ease-out;
    -moz-transition: all 0.18s ease-out;
    -ms-transition: all 0.18s ease-out;
    -o-transition: all 0.18s ease-out;
    transition: all 0.18s ease-out;}
.product_container li p{ color:#777; line-height:26px; font-size:16px; height:52px; overflow:hidden}
.product_container li a:hover h3{ color:#11b5f0}

.product_container li .img_div{
	
	-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
-webkit-box-shadow: inset 0 -1px 0 #3333sf;
box-shadow: inset 0 -1px 0 #3333sf;
-webkit-transition: .4s;
-webkit-transition: -webkit-transform .4s ease-out;
-moz-transition: -moz-transform .4s ease-out;
transition: transform .4s ease-out;
}
.product_container li a:hover .img_div{-moz-transform: rotate(360deg); 
-webkit-transform: rotate(360deg); 
-o-transform: rotate(360deg); 
-ms-transform: rotate(360deg); 
transform: rotate(360deg); }

.product_container li.li_a .img_div{ background:url(../images/c1.png) no-repeat center; background-size:100%;}
.product_container li.li_a a:hover .img_div{ background:url(../images/c1_1.png) no-repeat center; background-size:100%;}

.product_container li.li_b .img_div{ background:url(../images/c2.png) no-repeat center; background-size:100%;}
.product_container li.li_b a:hover .img_div{ background:url(../images/c2_1.png) no-repeat center; background-size:100%;}

.product_container li.li_c .img_div{ background:url(../images/c3.png) no-repeat center; background-size:100%;}
.product_container li.li_c a:hover .img_div{ background:url(../images/c3_1.png) no-repeat center; background-size:100%;}

.product_container li.li_d .img_div{ background:url(../images/c4.png) no-repeat center; background-size:100%;}
.product_container li.li_d a:hover .img_div{ background:url(../images/c4_1.png) no-repeat center; background-size:100%;}

.product_container li.li_e .img_div{ background:url(../images/c5.png) no-repeat center; background-size:100%;}
.product_container li.li_e a:hover .img_div{ background:url(../images/c5_1.png) no-repeat center; background-size:100%;}

.product_container li.li_f .img_div{ background:url(../images/c6.png) no-repeat center; background-size:100%;}
.product_container li.li_f a:hover .img_div{ background:url(../images/c6_1.png) no-repeat center; background-size:100%;}

.product_container li.li_g .img_div{ background:url(../images/c7.png) no-repeat center; background-size:100%;}
.product_container li.li_g a:hover .img_div{ background:url(../images/c7_1.png) no-repeat center; background-size:100%;}

.product_container li.li_h .img_div{ background:url(../images/c8.png) no-repeat center; background-size:100%;}
.product_container li.li_h a:hover .img_div{ background:url(../images/c8_1.png) no-repeat center; background-size:100%;}


.About_container{ width:100%; overflow:hidden; margin:0 auto}
.About_container .PUBtitle{ margin:2% auto}

.about_con{ width:100%; background:#f2f2f2; overflow:hidden;}
.about_content,.about_img{ width:50%; float:left}
.about_content{ padding:2% 2.5% 1%; font-size:17px; line-height:38px; color:#555}
.about_content h3{
	color: #333;
	font-size: 24px; margin:0 auto 2%;
	text-transform: uppercase; letter-spacing:1px;
}
.about_content h3 strong{ color:#11b5f0; font-size:28px; font-weight:normal}
.about_content p{ width:81%}

.more{ width:100%; overflow:hidden; margin:3% auto 0}
.a_more{ background:#11b5f0; color:#fff; width:155px; height:40px; line-height:40px; text-align:center; display:block;    -webkit-border-radius:25px;-moz-border-radius: 25px; border-radius: 25px;}
.a_more:hover{ background:#00a8e5; }

#scroll{width:100%;margin:0 auto;}
#scroll .owl-wrapper-outer{margin:0 auto;}
#scroll .item{position:relative;width:94%;margin:0 3%;overflow:hidden;}
#scroll h3{width:100%; margin:4% auto; text-align:center; font-size:17px; color:#000; overflow:hidden;  -webkit-transition: all 0.18s ease-out;
    -moz-transition: all 0.18s ease-out;
    -ms-transition: all 0.18s ease-out;
    -o-transition: all 0.18s ease-out;
    transition: all 0.18s ease-out;}
.img_show{border:solid 1px #ccc; width:100%;height:274px; overflow:hidden;  -webkit-transition: all 0.18s ease-out;
    -moz-transition: all 0.18s ease-out;
    -ms-transition: all 0.18s ease-out;
    -o-transition: all 0.18s ease-out;
    transition: all 0.18s ease-out;}
.img_show img{ height:272px;transition: all 0.5s;  -webkit-transition: all 0.18s ease-out;
    -moz-transition: all 0.18s ease-out;
    -ms-transition: all 0.18s ease-out;
    -o-transition: all 0.18s ease-out;
    transition: all 0.18s ease-out;}

#scroll .item a:hover .img_show{ border:solid 1px #11b5f0}
#scroll .item a:hover .img_show img{transform: scale(1.1);}
#scroll .item a:hover h3{ color:#11b5f0}

.more_one{ margin:1.6% auto 2%}
.more_one a{ margin:0 auto; background:#f5f5f5; color:#333}
.more_one a:hover{background:#11b5f0; color:#fff}

.news_container .more_one a{ background:#fff}
.news_container .more_one a:hover{ background:#11b5f0}

.news_container{ background:#f5f5f5; width:100%; overflow:hidden;}

.news ul{ margin:0 auto; width:100%; overflow:hidden}
.news li{ float:left; border:solid 1px #e9e9e9; margin:1%; width:23%; overflow:hidden;}
.news li img{height:226px}
.yingyong_list li img{height:226px;}

.news li .li_con{ padding:8% 5% 5%; background:#fff}
.news li .li_con h4{ font-size:20px; color:#333; margin:0 auto 3%}
.news li .li_con p{ color:#999; line-height:28px; font-size:15px}
.news li .li_con p.p_gd{ margin-top:4%}

.news li a:hover h4{ color:#db2c26}

.news .section-header{ padding-bottom:10px}

img{
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
    }

.news li:hover{box-shadow:1px 0 7px 3px #dcdcdc;}
.news li:hover img{
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
    -ms-transform: scale(1.06);
    -o-transform: scale(1.06);
    transform: scale(1.06);}


.footer{ width:100%; overflow:hidden; margin:0 auto; background:#292a35; color:#f5f5f5; padding:3% 0 0; line-height:36px; font-size:15px}
.f_con{ width:100%; overflow:hidden; margin:0 auto}
.f_con .f_one{ width:33%; float:left; margin-left:3%}
.footer h4{ color:#fff; font-size:16px; margin:0 auto; line-height:38px;}
.footer h4.h4_class{ margin:4% auto 0}
.f_con .f_one p{ font-size:15px; line-height:32px; color:#f5f5f5}
.f_con .f_one p strong{ color:#11b5f0; font-size:20px; font-weight:normal}

.f_two{ width:13%; float:left}
.shuang_li{ width:26%}
.f_two h4{ margin:0 auto 2%}
.shuang_li li{ width:50%; float:left}
.f_two li a{ color:#f5f5f5}

.footer a:hover{ color:#11b5f0}

.f_two img{ margin:6% auto 0}

.f_link{ width:94%; margin:3% auto 1.3%}
.f_link a{ padding:0 10px; font-size:14px}

.f_copyright{ width:100%; overflow:hidden; background:#000; color:#fff; text-align:center; padding:0.65% 0; font-size:14px}


.news_show{ padding:2% 0;}

.width100{ width:100%}
a {
    -webkit-transition: all 0.18s ease-out;
    -moz-transition: all 0.18s ease-out;
    -ms-transition: all 0.18s ease-out;
    -o-transition: all 0.18s ease-out;
    transition: all 0.18s ease-out;
}

#pages { overflow:hidden; width:100%;
    padding:2.6% 0px; text-align:center;
}
#pages a {
    display: inline-block;
    height:40px;
    line-height:40px;
    background: #fff;
    border: 1px solid #e3e3e3;
    text-align: center;
    color: #333;
    padding:0 15px;    -webkit-transition: all 0.18s ease-out;
    -moz-transition: all 0.18s ease-out;
    -ms-transition: all 0.18s ease-out;
    -o-transition: all 0.18s ease-out;
    transition: all 0.18s ease-out;
}#pages span,#pages a:hover {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    background: #11b5f0;
    border: 1px solid #11b5f0;
    color: #fff;
    text-align: center;
    padding:0 15px;
}


.download_list ul{ width:100%; overflow:hidden; margin:0 auto}
.download_list ul li{ width:100%; margin:0 auto; border-bottom:solid 1px #ccc; padding:1%; color:#333; cursor:pointer}
.download_list table,.download_list tbody{ border:none}
.download_list span.imgIcon{ background:url(../images/xa.png) no-repeat 0 -32px; width:32px; display:block; float:right; height:32px; text-indent:9999px}
.download_list li:hover span.imgIcon{ background:url(../images/xa.png) no-repeat 0 0;}

.f_copyright a{ color:#11b5f0}
.f_copyright a:hover{ color:#00a2dc}


/* 客服css */
.suspension {
    width: 46px;
    height: 210px;
    position: fixed;
    right: 30px;
    bottom: 60px;
    z-index: 999;
}

.suspension .consult {
    background-image: url(../images/top-icon.png);
    background-repeat: no-repeat;
    background-position: center -1px;
    background-color: #0af;
    display: block;
    position: relative;
    width: 46px;
    height: 46px;
}


.info-name {
    display: block;
    padding-left: 52px;
    height: 14px;
    font-size: 14px;
    color: #333;
}

.info-value {
    display: block;
    padding-left: 52px;
    margin-top: 8px;
    height: 18px;
    font-size:18px;
    color: #11b5f0;
}

.suspension a.consult:hover .suspension-list {
    display: inline !important;
}

.suspension .cart {
    background-image: url(../images/top-icon.png);
    display: block;
    position: relative;
    width: 46px;
    height: 46px;
    margin-top: 10px;
    border: 1px solid #bcbcbc;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
}

.suspension a.cart:hover .pic {
    display: block;
}

.suspension .back-top {
    background-image: url(../images/top-icon.png);

    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    width: 46px;
    height: 46px;
    border: 1px solid #bcbcbc;
    background-color: #fff;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
    margin-top: 10px;
}

.suspension .cart .pic {
    display: none;
    position: absolute;
    left: -138px;
    top: -108px;
    width: 141px;
    height: 141px;
}

.pic-content {
    position: absolute;
    width:146px;
    height:146px;
    border: 1px solid #ddd;
    box-shadow: 0 6px 12px 0 rgba(0,0,0,.15);
    background:#fff url(../images/erweiam.jpg) center no-repeat;
    right: 10px;
}

.pc_con{}
.wap_con{ display:none}
	

/* -------------------------PC端--------------------------- */

@media all and (max-width:1700px) {
	
	.Header-navbarbox{ width:60%; margin:0; float:right}
	.about_content{ font-size:16px; line-height:33px;}
	.about_content p{ width:96%}
	.more{ margin:3% auto}
	
    .Header-navbar{margin-right: 2%;}
    .Footer-container{width: 94%;}
    .Footer-share{width: 26%;}
    .Footer-navbar{width: 52%;padding: 0 1% 0 3%;}

    .Header-sunNavlr{width: 94%;}
    .Header-sunNavl-clicka a{width: 100px;}
    .Header-sunNavl-click>div {margin: 0 24px;}
    .Header-sunNavr {margin-left: 32px;}
    .Header-navbar ul li  b{margin-left: 38px}

    .slideMenu_main{width: 94%;}
	
}

@media all and (max-width:1460px) {
	.Header-logo{ width:30%}
	.Header-logo img{ width:40%}
	.Header-logo span{ font-size:15px; letter-spacing:0; left:180px;}
	
	.Header-navbar ul li{ width:100px;}
	.Header-navbar ul li li{ width:100%}
	.Header-navmenu{ font-size:16px}
	.Header-navbar li li a{ font-size:14px; height:40px; line-height:40px;}
	
    .Header-slidemenu{width: 90px;}
    .PUBtitle h4 {font-size:30px;}
	.about_content h3 strong{ font-size:26px;}
	.scroll span{ font-size:15px;}
	.news li .li_con h4{ font-size:18px;}
	.banner_text h4{ font-size:38px !important}
	
	.product_container li h3{ font-size:18px;}
	.product_container li p{ font-size:14px}
	.product_container li .img_div{ width:88px; height:88px; background-size:100% !important}
	.img_show{ height:232px;}
	.img_show img{ height:230px;}
	.news li img{height:180px}
	
	.z16 {
    font-size: 14px;
}
	
	
}

@media all and (max-width:1380px) {
    .Header-navbar ul li {width: 98px;}
    .Footer-share h6{font-size: 20px;}
    .Footer-share{width: 24%;}
    .Footer-navbar{width: 54%;}
    .Footer-navclick h6 {font-size: 18px;}
    .PUBtitle h4 {font-size: 32px;}
	
	.Header-logo,.language, .Header-searclick,.Header-navmenu{ height:90px; line-height:90px}
	.Header-logo span{ font-size:14px; left:170px; top:40px}
	.Header-navbar li ul{ top:90px;}
	
	.PUBtitle h4{ font-size:30px; margin:0 auto 1.5%}
	.PUBtitle{ margin:2.6% auto 2%}
	.product_container ul{ margin:2.5% auto 3.2%}
	.a_more{ width:130px; height:38px; line-height:38px; font-size:15px;}
	
	.banner_text h4{ font-size:34px !important;}
	.banner_text h5{ font-size:16px}
	.about_content h3 strong{ font-size:24px;}
	
	
}

@media all and (max-width:1280px) {
    .Header-navbar ul li {width: 90px;}
    .Header-navmenu{font-size: 16px;}
    .Footer-container {padding: 60px 0 40px 0;}
	.Header-navbar{ margin-right:0}
	.Header-logo span{ left:160px;padding: 0 0 0 10px;}
	#header .header_tel{ display:none}
}

@media all and (max-width:1200px) {
    .Footer-share h6 {font-size: 16px;}
    .Footer-shareic a{width: 64px;height: 64px;line-height: 64px;}
    .Footer-navclick h6 {font-size: 16px;}
    .Footer-navwords a {padding: 3px 0;font-size: 12px;}
    .Footer-code h5{font-size: 18px;}
    .Header-navbar ul li {width: 80px;}
    .Header-login {margin-right: 12px;}
    .Header-login, .Header-language, .Header-search, .Header-searclick{width: 42px;}
    .Header-slidemenu {width: 66px;}
    .slideMenu_main ul li h5 p a{width: 120px;}


	.Header-logo span{ display:none}
	.Header-logo{ width:13%}
	.Header-search{ width:10%}
	.Header-logo img{ width:100%}
	
	.Header-logo,.language, .Header-searclick,.Header-navmenu{ height:70px; line-height:70px}
	.Header-navbar li ul,.Header-searwords{ top:70px;}
	.Header-navbarbox{ width:70%}
	.Header-navbar ul li{ width:90px}
	
	.PUBtitle h4{ font-size:26px;}
	.PUBtitle i { margin:2% auto 0}
	.about_content,.scroll span{ font-size:14px; line-height:26px;}
	.a_more{ width:110px; height:36px; line-height:36px; font-size:14px;}
	.about_content h3{ font-size:16px;}
	.about_content h3 strong{ font-size:20px;}
	.img_show{ height:162px;}
	.img_show img{ height:160px;}
	
	.news li{ width:31%}
	.news li:nth-child(4){ display:none}
	
	.f_two img{ max-width:100%}
	.footer h4{ font-size:15px;}
	.f_con .f_one p,.f_two li a{ font-size:14px}
	.f_copyright{ line-height:28px;}
	
	.PUBtitle p,.news li .li_con p{ font-size:14px}
	.news li .li_con h4{ font-size:16px}
	.news li .li_con p{ line-height:24px;}



}

/* ------------------------手机端-------------------------- */

.slide_nav{background:#11b5f0;overflow: auto;padding-bottom: 30px;transition:all 0.6s;-moz-transition:all 0.6s;-webkit-transition:all 0.6s;width: 100%;position:fixed;left: -100%;top: 0;height: 100%;z-index: 99999999;}
.slide_nav.left_active{left: 0;}
.slide_nav .slide_logo{background: #fff; text-align: center; padding: 15px 0;}
.slide_nav .slide_logo a{display: block;}
.slide_nav .slide_logo a img{max-width: 44%;}
.slide_nav .slide_nav_ul{margin-top: 3%;}
.slide_nav .slide_nav_ul li{ text-align: center; position: relative; width: 100%;line-height: 50px;}
.slide_nav .slide_nav_ul .slideJA{font-size: 16px;}
.slide_nav .slide_nav_ul .slideNavSecon{display: none;overflow: hidden;background: #454545;}
.slide_nav .slide_nav_ul .slideNavSecon a{display: block;}
.slide_nav .slide_nav_ul .slideNavSecon.active{height: 100%;}
.slide_nav .slide_nav_ul li a{font-size: 15px; color: #fff; height: 50px; display: block;}
.slide_nav .slide_nav_ul .slide_nav_ulLast a{display: inline-block;}
.slide_nav .slide_nav_ul .slide_nav_bg{position: absolute;width: 100%;height: 100%;display: none;left: 0;top: 0;}
.slide_nav .slide_nav_ul .slide_nav_bg span{background: #fff;height: 50px;}
.slide_nav .slide_nav_ul .slide_nav_wz{width: 100%;height: 50px;position: absolute;left: 0;top: 0;z-index: 10;}
.phone_back{font-family: microsoft Yahei;width: 60%; height: 40px; display: block; font-size: 14px; margin: 0 auto; margin-top: 20px; border: 0; background: #fff; color: #000; text-align: center; line-height: 40px;}

	
.common_nav_click{margin: 0 auto; width: 24px; margin-left: 24px; cursor: pointer; position: absolute; top: 0; bottom: 0; right: 2.6%; margin: auto; display: none; height: 21px;}
.common_nav_click .nav_click{width: 100%;height: 3px;margin-bottom: 4px;background:#11b5f0; position: relative; top: 0;left: 0;}
.tranlate{transform-origin:0 0; -o-transform-origin:0 0; -ms-transform-origin:0 0; -moz-transform-origin:0 0; -webitk-transform-origin:0 0; transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);   transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;}
.tranlate1{transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);transform-origin:0 0; -o-transform-origin:0 0; -ms-transform-origin:0 0; -moz-transform-origin:0 0; -webitk-transform-origin:0 0;  transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s;  position: relative; top: -1px; left: -1px;}
.tranlate2{ transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg);-moz-transform:rotate(0deg); -webkit-transform:rotate(0deg);  transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; }
.common_nav_click .nav_click_3{margin-bottom: 0;}
.common_nav_click.active .nav_click_1{top: 4px;left: 0px;moz-transform: rotate(225deg);-webkit-transform: rotate(225deg);-o-transform: rotate(225deg);-ms-transform: rotate(225deg);transform: rotate(225deg);}
.common_nav_click.active .nav_click_2{opacity: 0; filter:alpha(opacity=0); zoom:1;}
.common_nav_click.active .nav_click_3{top: -6px;left: 0px;moz-transform: rotate(135deg);-webkit-transform: rotate(135deg);-o-transform: rotate(135deg);-ms-transform: rotate(135deg);transform: rotate(135deg);}

@media all and (max-width:1024px) {
	
	 .common_nav_click{display: block;}
	 
	
	.pc_con,.pc_wap,.pc_wap:hover,.bdshare-slide-button-box{display:none !important}
	.wap_con{ display:block}
	
	.Header-navclick{ margin-right:0}
    .PUBtitle h4 {font-size: 24px;}
    .PUBtitle i {margin: 6px auto 0;}

    .Header-logo,.Header-logo, .language, .Header-searclick, .Header-navmenu{height: 70px;line-height: 70px; }
	.Header-logo{width:18%}
    .Header-login, .Header-language, .Header-search, .Header-searclick{height:70px;}
    .Header-slidemenu{display: none;}
    .Header-navbarbox {display: none;width: 100%;background: #fff;position: absolute;top: 60px;left: 0;}
    .Header-navbar {float: left;width: 100%;margin-right: 0;height: 340px;overflow-y: auto !important;border-top: 1px solid #f3f3f3;}
    .Header-navclick{display: block;}
    .Header-navbar ul li{width: 100%;text-align: left;padding: 0 3%;position: relative;}
    .Header-navmenu{height: 44px;line-height: 44px;}
    .Header-navarr{display: block;}
    .Header-login {margin-right: 6px;}
    .Header-login, .Header-language, .Header-searclick {width: 34px;position: static;}
	.Header-search{ width:20%; margin-right:2%}
    .Header-searwords{width: 100%;top:70px;border-top: 1px solid #f3f3f3;border-bottom: 1px solid #f3f3f3;height: 44px;}
    .Header-langwords{padding: 10px 0;width: 100%;top: 60px;left: 0px;margin-left: 0;border-top: 1px solid #f3f3f3;}
    .Header-navwords {position: static;top: 0;text-align: left;}

    .Header-sunNavr,.about_img{display: none}
    .Header-sunNavl-img{display: none}
    .Header-sunNavClick{display: block;}
    .Header-sunNav{position: static;top: 0;left: 0;padding: 24px 0;background:#f7fafc !important;}
    
    .Header-sunNavl {padding: 0;border-right: none;float: left;}
    .Header-sunNavlr>div{float: left;margin: 0;}
    .Header-sunNavl{width: 100%;}
    .Header-sunNavl-click{margin-left: 0;width: 100%;}
    .Header-sunNavl-click>div {margin: 0;width:100%;margin-bottom: 10px;}
    .Header-sunNavl-clicka a{width: 100%;}
    .Header-sunNavl-click>div:nth-child(2n){float: right;}
    .Header-navbar ul li.ontrue:hover b{display: none;}
	
	
	.product_container li{ width:50%}
	.PUBtitle p{ margin:1% auto 2%}
	.product_container li h3{ margin:4% auto}
	
	.about_content,.f_con .f_one{ width:100%;}
	.about_content h3{ margin:2% auto}
	.img_show{ height:202px;}
	.img_show img{ height:200px;}
	.news li{ width:48%;}
	.news li:nth-child(3),.f_two{ display:none}
	.f_copyright{ padding:3% 0}
	
	#pages a {
    height:30px;
    line-height:30px;
    padding:0 15px; font-size:14px
}#pages span,#pages a:hover {
    height: 30px;
    line-height: 30px;
    padding:0 15px; font-size:14px
}




    .Footer-container {padding: 38px 0 32px 0;}
    .Footer-share{width: 100%;}
    .Footer-shareic a{width: 44px;height: 44px;line-height: 44px;}
    .Footer-shareic a img{width: 24px;}
    .Footer-shareic {margin-top: 20px;}
    .Footer-navbar {width: 100%;padding: 0;margin-top: 20px;}
    .Footer-navbar:before, .Footer-navbar:after{display: none;}
    .Footer-navbar ul li{width: 100%;}
    .Footer-navclick h6 {font-size: 18px;}
    .Footer-navwords a {padding: 4px 0;font-size: 16px;}
    .Footer-navwords{margin-top: 0;display: none;}
    .Footer-navclick i{display: block;}
    .Footer-code{width: 100%;margin-top: 20px;text-align: left;}
    .Footer-copyright {padding: 28px 3% 32px 3%;}
    .Footer-copyright h6 span {display: block;margin: 4px 0;}

    .showlogin{width: 94%;padding: 46px 12px 42px 12px;}
    .showloginform h6 {font-size: 24px;}
    .showloginform>div.YH, .showloginform>div.MM{margin-top: 12px;}
    .showloginmore{margin-top: 12px;}
}

@media all and (max-width:768px) {
	.headerTop{ display:none}
	#header{ height:85px; line-height:85px;}
	#header .logo{ width:40%;}
	#header .logo img{ width:100%}
	
	.Header-logo{ width:35%}
	.Header-search{ width:30%}
	.About_container .PUBtitle{ margin:5% auto}
	.news li{ width:98%}
	.product_container li .img_div{ width:70px; height:70px;}
	.product_container li{ padding:5% 3%; height:207px; overflow:hidden}
	.product_container li h3{ margin:8% auto 6%}
	.product_container ul{ margin:3.5% auto }
	.banner_text h5{ line-height:24px;}
	.news li{ margin:2% 1%}
	
	.PUBtitle h4{ margin:0 auto 2.5%}
	.PUBtitle p{ margin:2% auto 3%}
	.news li .li_con h4{ font-size:18px}
	.news li img{ height:130px;}
	.news li .li_con{ padding:5%}
	.more{ margin:3% auto 8%}
	.f_con .f_one p,.f_copyright{ line-height:26px;}
	.f_link{ margin:4% auto }
	.f_copyright{ font-size:13px;}
	.f_link a{ padding:0 3px;}
	
	.scroll img{ height:180px !important;}





}
@media all and (max-width:414px) {
	
	.scroll img{ height:160px !important;}
	
	
}
/* --------------------------fullpage-PUB-box------------------------------- */
.fullpage-PUB-box{width: 100%;overflow: hidden;padding: 10px 0 40px 0;}
.fullpage-PUB{width: 100%;font-size: 0;text-align: center;}
.fullpage-PUB a{display: inline-block;width: 42px;height: 42px;line-height: 42px;background-color: #FFF;font-size: 16px;color: #555;margin: 0 6px;border-radius: 3px;font-family: '宋体';}
.fullpage-PUB a:first-child i{width: 8px;height: 16px;display: inline-block;background-repeat: no-repeat;background-image: url('../images/page_left.png');vertical-align: middle;}
.fullpage-PUB a:last-child i{width: 8px;height: 16px;display: inline-block;background-repeat: no-repeat;background-image: url('../images/page_right.png');vertical-align: middle;}

.fullpage-PUB a:hover{background-color: #e3143b;color: #fff;}
.fullpage-PUB a.on{background-color: #E3143B;color:#fff;}
.fullpage-PUB a:first-child:hover i{background-image: url('../images/page_lefth.png');}
.fullpage-PUB a:last-child:hover i{background-image: url('../images/page_righth.png');}
@media all and (max-width:1000px) {.fullpage-PUB a {width: 40px;height: 40px;line-height: 40px;font-size: 14px;margin: 0 3px;}.fullpage-PUB-box {padding: 10px 0 34px 0;} .fullpage-PUB a.on{background-color: #E3143B;color:#fff;}}