/* ===== 头部 ===== */


.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; 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}

.shiyanshi{ color:#fff; font-size:1.1em; line-height:1.8em; margin:3% 15% 0}
.shiyanshi h2{ font-size:2em; line-height:3em; font-weight:bold}
.shiyanshi_l{ float:left; width:50%; text-align:left}
.shiyanshi_r{ float:left; width:50%; text-align:center}
.shiyanshi_r img{ width:220px}



@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;}
}

.serve_container ul{ width:100%; overflow:hidden; margin:0 auto}
.serve_container li{ width:25%; float:left; text-align:center }
.serve_container li .img_div{ width:140px; height:140px; margin:0 auto; 
	 -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.serve_container li.li_a .img_div{ background:url(../img/s1.png) no-repeat center; background-size:100%}
.serve_container li.li_a:hover .img_div{ background:url(../img/s1_h.png) no-repeat center; background-size:100%}

.serve_container li.li_b .img_div{ background:url(../img/s2.png) no-repeat center; background-size:100%}
.serve_container li.li_b:hover .img_div{ background:url(../img/s2_h.png) no-repeat center; background-size:100%}

.serve_container li.li_c .img_div{ background:url(../img/s3.png) no-repeat center; background-size:100%}
.serve_container li.li_c:hover .img_div{ background:url(../img/s3_h.png) no-repeat center; background-size:100%}

.serve_container li.li_d .img_div{ background:url(../img/s4.png) no-repeat center; background-size:100%}
.serve_container li.li_d:hover .img_div{ background:url(../img/s4_h.png) no-repeat center; background-size:100%}

.serve_container li h3{ font-size:1.2em; color:#000; margin:8% auto;	 -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;}
.serve_container li:hover h3{ color:#0084b5}

.homeproduct-container{ width:100%; padding:0 0 1%; overflow:hidden}



.cooperation{ width:100%; overflow:hidden; margin:0 auto}
.cooperation_l{ width:40%; float:left}
.cooperation li{ float:left; width:47%; margin:0 1.25% 2.3%; position:relative; overflow:hidden;}
.cooperation .cooperation_l li{ width:100%; margin:0}
.cooperation li .cooperation_con{position:absolute; left:0; bottom:-20px; width:100%; height:100px; padding:0 5%; color:#fff; font-size:1em; line-height:1.6em;

    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
.cooperation li h4{font-weight:bold; font-size:1.25em; line-height:2em; margin:0 auto 2%;    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.cooperation li p{ display:none; }
.cooperation li a:hover p{ display:block;width:100%;
overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2; }
.cooperation li a:hover .cooperation_con{ bottom:40px}
.cooperation li .cooperation_img,.slick-slide img{width:100%;transition: all 0.6s;}
.cooperation li a:hover .cooperation_img,.slick-slide a:hover img{   
    -webkit-transform: scale(1.1);
    transform: scale(1.1);}
.cooperation_r{ float:right; width:59%}

#slide li img{transition: all 0.6s;}
#slide li a:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);}


#float{  -webkit-transition: all 300ms ease-in 0s;
  -o-transition: all 300ms ease-in 0s;
  transition: all 300ms ease-in 0s;}
.div1{width:100%;position:absolute;width: 100%;top: 0;left: 0;z-index: 999;}
.div2{position:fixed;_position:absolute;top:0;z-index:250;
    -webkit-box-shadow: 0px 1px 5px 0px rgb(0 0 0 / 20%);
    box-shadow: 0px 1px 5px 0px rgb(0 0 0 / 20%);
    background-color: #f2f2f2;
    -webkit-animation: 800ms ease-in-out 0s normal none 1 running slideInDown;
    animation: 800ms ease-in-out 0s normal none 1 running slideInDown;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
}
.Header-wrapper{
    background: #fff \0;
    filter: alpha(opacity=90);
    zoom: 1;
    background: rgba(255,255,255,0.9);
}
.Header-container{width: 100%;}

.Header-logo{float: left; width:16%; margin:0.3% auto}
.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-logo img{ max-width:100%}


.Header-slidemenu{float: right;width: 102px;height: 102px;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:102px; text-align:center; line-height:102px; float: right;user-select: none;cursor: pointer;position: relative;}

.language{background:url(../images/xian.png) no-repeat right center; font-size:18px;}
.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/search_h.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-searwords input.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:20%; float:right}

.Header-navbarbox{ float:right; margin:0; width:50%}

.Header-navbar{float: right;display: block; width:100%}
.Header-navbar ul li{ padding:0 3%;float: left;text-align: center;}
.Header-navmenu{display: block;font-size:18px; font-weight:bold; color: #444;width: 100%;height:102px;line-height: 102px; 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: #014258;/*border-bottom: 1px solid #e3143b;*/}

.Header-navbar ul li.ontrue:hover b{display: block;} 

.Header-navbar ul li a em{background:url(../img/xia.png) no-repeat center; width:15px; height:8px;
     display: inline-block;
  margin-left:8px;
  vertical-align: middle;
}

.Header-navbar ul li .cbp-hssubmenu{
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 9999;
    text-align: center;
    background-color: #0c2645;
	opacity: 0;
height: 0;
overflow: hidden;
transition: all 0.5s ease;
	
}
.Header-navbar ul li:hover .cbp-hssubmenu{ opacity: 1;height:410px;}
.Header-navbar ul li:hover .sub22{height:310px;}
.Header-navbar ul li:hover .sub1{height:180px;}

.cbp-hssubmenu ul{ padding:1% 0 0; overflow:hidden}
.sub1 ul{ padding:1% 25%}
.cbp-hssubmenu ul li{ width:16.66%; float:left; padding:0 1%; border-right:solid 1px #fff}
.cbp-hssubmenu ul li:nth-child(6),.cbp-hssubmenu ul li:nth-child(8),.sub1 ul li:nth-child(3){ border-right:none}
.sub1 ul li{ width:31.33%}
.sub22 ul{ padding:1% 10% 0;}
.sub22 ul li{width:23%;}
.sub22 ul li:nth-child(6){border-right:solid 1px #fff}
.sub22 ul li:nth-child(4),.sub22 ul li:nth-child(8){ border-right:none}


.cbp-hssubmenu ul li a{ color:#fff}
.cbp-hssubmenu ul li img{ height:100px;}

.cbp-hssubmenu li p a {
    line-height:30px;
    font-size: 16px;
    color: #58b0e2;    width: 100%; display:block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.cbp-hssubmenu li .pro { width:100%; display:block;
    line-height:25px;
    font-size:12px;
    color: #fff;
}
.cbp-hssubmenu li a:hover{ text-decoration:underline}










.Header_phone{ height:102px;line-height: 102px; float:right; color:#333; font-size:21px;font-weight:bold;background:url(../images/phone.png) no-repeat left;padding-left:30px; margin-left:20px;}



img{ max-width:100%; }
.nav_show{position: absolute; font-family:'ProximaNova-Light', sans-serif; top: 100%;width: 100%; background: #00263E; color: #fff; overflow: hidden; padding:2% 0 2.5%; display:none}

.nav_show .product{ position:relative}

.div_l{ width:25%; float:left}
.div_l .div_img{ text-align:center}
.div_l .div_img img{ max-height:265px; margin:0 0 3%}

.div_l h3{ font-size:1.5em; font-weight:normal; margin:0 auto 3%; text-align:center}
.div_l p{ margin:0 auto; width:100%; overflow:hidden; text-align:left; line-height:2em; font-size:0.95em}
.div_l p strong{ font-size:8px; font-weight:normal}
.Header-navbar li li a.more,.more{ color:#11b5f0 !important}

.div_r{ float:right; width:72%;}
.div_one{ margin:2% auto; float:left; width:100%}
.div_r h3{ color:#0084b6; font-size:1em; font-weight:bold; margin:1% auto 3%}
.div_r li{ line-height:1.8em; margin:1%;width:22%; float:left}
.div_r li a{ font-size:0.95em; width:100%; display:block; line-height:2em}
.div_r li a:hover{ color:#0084b6}

.close-link{position: absolute;right: 0; top: 1em;width: 1em;height: 1em; display: block; cursor: pointer;}
.close-link:after {
      content: 'X';
      font-size: 2em;
      color: #F26728; }

.div_jjfa li,.div_news li{ width:48%;}









/*.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;}

.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%}

/* ===== 右侧展开 ===== */
.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%;position: relative;z-index: 5; margin:2.4% auto}

.PUBtitle i{display: block;width:63px;height:2px;background: #ff0000;margin:1.3% auto 0;}
.PUBtitle p{ letter-spacing:1px; line-height:2em; font-size:1.1em; color:#000}

.serve_l .PUBtitle{ margin:2.5% auto 6%}

.serve_container{ width:100%; overflow:hidden; padding:3% 0; background:#f2f2f2}
.serve_l{ float:left; width:42%; text-align:center; line-height:1.8em; font-size:1.16em; margin:2% auto 0}
.serve_l h4{ color:#000; margin:0 0 2%; font-size:2.2em; font-weight:bold; line-height:2.2em;}
.serve_l h4 span{ color:#014258;}
.serve_l ul{ margin:0 5%; overflow:hidden; width:90%;}
.serve_l li{ width:46%; background:#fff; text-align:center; line-height:4em; margin:0 2%; padding:4% 0 1%;   
-webkit-border-radius:5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}
.serve_l li p{font-size:1.16em;}
.serve_r{ float:right; width:57%;}
.serve_r li{ float:left; width:47%; margin:0 0 3% 3%; position:relative; color:#fff}
.serve_r li img{width:100%}
.serveli_con{ position:absolute; top:0; left:0; width:100%; height:100%; padding:10%; text-align:left; font-size:1em; line-height:1.8em;    -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;}
.serveli_con h5{ font-size:1.3em; line-height:2em; font-weight:bold; margin:0 0 2%;}
.serveli_con span{background:url(../images/grngduo.png) no-repeat; width:19px; height:19px; position:absolute; bottom:10%; right:10%;}

.serve_r li a:hover .serveli_con{ background:#014258}

.panes,.pane{ width:100%; overflow:hidden; margin:0 auto;}
.pane {display: none;}
.tabPanel{ width:100%; overflow:hidden;}
.tabPanel li{ background:#f1f1f1; color:#333; font-size:1em; padding:0.8% 0; margin:0 auto 3%; cursor:pointer; text-align:center; width:140px; float:left}
.tabPanel li.hit{ background:#014258; color:#fff}















.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{ border: solid 2px #0084b5; color:#fff; width:155px; height:42px; line-height:38px; text-align:center; display:block;}
.a_more:hover{ background:#0084b5}

.div_img .more{ margin:5% auto 0}

#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; color:#0084b5;background:url(../images/gengduo_h.png) no-repeat 110px center; text-indent:-20px;}
.more_one a:hover{ color:#fff;background:#0084b5 url(../images/gengduo_h1.png) no-repeat 110px center;}


.cooperation_container{ background:#f2f2f2; overflow:hidden; margin:0 auto; padding:0 0 2.5%}


.news_container{ background:#f5f5f5; width:100%; overflow:hidden;}

.news ul{ margin:0 auto; width:100%; overflow:hidden}
.news li{ float:left; margin:1%; width:28.4%; overflow:hidden; text-align:center}
.news li img{ height:286px; width:auto;
    vertical-align: middle;
    margin: 0 auto;
}
.yingyong_list li img{height:286px;}

.news li:nth-child(2){ margin:1% 5.4%}

.news li .li_con{ padding:5% 0 5%; text-align:left}
.news li .li_con h4{ font-size:20px; color:#222222; margin:0 auto 3%; font-weight:bold}
.news li:hover .li_con h4 a{ color:#0084b5}


.news li .li_con p{ color:#444; line-height:28px; font-size:16px}
.news li .li_con p.p_gd{ margin-top:4%}

.news li a:hover h4{ color:#db2c26}

.news .section-header{ padding-bottom:10px}

.li_con .more_one{ margin:8% auto}
.li_con .a_more{ float:left; background:none}


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 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;}
.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:22px; font-weight:normal}
.f_con .f_one p span{ color:#11b5f0; font-size:16px}

.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; font-size:12px}

.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; width:auto; overflow:hidden; margin:0 auto
}#pages span,#pages a:hover {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    background: #004057;
    border: 1px solid #004057;
    color: #fff;
    text-align: center;
    padding:0 15px; width:auto; overflow:hidden; margin:0 auto
}


.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;
}

.container_con{ width:75%; margin:0 auto; overflow:hidden}
.page_mbx{ border-bottom:solid 1px #eee; padding:1% 0; width:100%; overflow:hidden;color:#363636; font-size:15px}
.page_mbx .mbx_l{  float:left; width:40%;}

.page_mbx .mbx_r{float:right; width:50%; text-align:right}
.page_mbx .mbx_r a{ float:right; padding:0 2%}
.page_mbx .mbx_r a.current,.page_mbx .mbx_r a:hover,.page_mbx .mbx_l a:hover{ color:#11b5f0}


.pc_con{}
.wap_con{ display:none}
	

/* -------------------------PC端--------------------------- */

@media all and (max-width:1700px) {
	
	.about_content{ font-size:16px; line-height:33px;}
	.about_content p{ width:96%}
	.more{ margin:3% auto}
	
    .Header-navbar{ width:100%}
    .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%;}
	.container_con{ width:90%}
	
	.Header-search{ width:25%}
	.Header-logo{ width:18%; margin:0.6% auto}
	
	
	
	
	
}

@media all and (max-width:1460px) {
	.Header-logo{ width:18%}
    .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;}
	.z16 { font-size: 14px;}
	.container_con{ width:96%}
	
	.div_r li{ width:31.33%}
	
	.serveli_con p{overflow: hidden;
	text-overflow: ellipsis;  /* 超出部分省略号 */
	word-break: break-all;  /* break-all(允许在单词内换行。) */  
	display: -webkit-box; /* 对象作为伸缩盒子模型显示 */
	-webkit-box-orient: vertical; /* 设置或检索伸缩盒对象的子元素的排列方式 */
	-webkit-line-clamp: 2; /* 显示的行数 */
	}
	.PUBtitle p,.serve_l li p{font-size:1em;}

	
	
	
}

@media all and (max-width:1380px) {
    .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-navbar li ul{ top:60px}

	.PUBtitle h4{ font-size:1.8em; margin:0 auto 1%}
	.PUBtitle p{ font-size:0.96em}
	
	.PUBtitle{ margin:2.6% auto 2%}
	.product_container ul{ margin:2.5% auto 3.2%}

	
	.banner_text h4{ font-size:3.6em !important;}
	.about_content h3 strong{ font-size:24px;}
	
	.div_r h3,.Header-navbar li li a{ font-size:0.9em}
	.f_two li a,.div_r li a,.f_con .f_one p,.f_link b,.f_copyright{ font-size:0.8em}
	.footer h4,.div_l h3{ font-size:1em}
	.f_link a{ font-size:0.8em}
	.f_con .f_one p strong{ font-size:1.6em}
	
	
	.serve_container li h3{ font-size:1em}
	.serve_container li .img_div{ width:110px; height:110px;}
	 
	 .diangjia_content{ margin:3% auto 0}
	 .news li .li_con h4{ font-size:0.96em; margin:0 auto 2%}
	 .news li .li_con p{ font-size:0.9em; line-height:1.8em}
	 .news li img{ max-height:200px}
	 
	 .Header-navbarbox{ width:52%}
	 .Header_phone{height:90px; line-height: 90px;}
	
}

@media all and (max-width:1280px) {
    .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}
	
	.page_mbx{ font-size:0.9em}
	
	.div_l p{line-height:1.6em; font-size:0.8em}
	.div_one{ margin:0 auto 2%;}
	.nav_show{ padding:1% 0 2%}
	.Header_phone{ font-size:1.2em; padding-left:25px;
    margin-left:5px;}
	.shiyanshi{ font-size:1em; margin:5% 5% 0; overflow:hidden}
	.shiyanshi_r{ width:30%; float:right}
	.shiyanshi_r img{ max-height:180px;}
	
}

@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-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-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%}
	
	.PUBtitle h4{ font-size:26px;}
	.PUBtitle i { margin:2% auto 0}
	.about_content,.scroll span{ font-size:14px; line-height:26px;}

	.about_content h3{ font-size:16px;}
	.about_content h3 strong{ font-size:20px;}
	.img_show{ height:162px;}
	.img_show img{ height:160px;}
	
	
	.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;}
	
	.div_l h3{ font-size:1.4em; margin:0 auto 5%}
	.div_l p{ font-size:0.9em; line-height:1.8em; margin:5% auto}
	
	.serve_container li .img_div{ width:100px; height:100px;}
	



}

/* ------------------------手机端-------------------------- */

.slide_nav{background:#0084b5;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; margin:0 5%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.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:5px; bottom: 0; right:12%; 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;}
	 .cooperation li h4{ font-size:1.1em; line-height:1.8em}
	 .cooperation li .cooperation_con{ font-size:0.9em; line-height:1.5em}
	
	.pc_con,.pc_wap,.pc_wap:hover,.bdshare-slide-button-box{display:none !important}
	.wap_con{ display:block}
	
	.Header-navclick{ margin-right:0}
    .PUBtitle i {margin: 6px auto 0;}

    .Header-logo,.Header-logo, .language, .Header-searclick, .Header-navmenu,.Header_phone{height: 70px;line-height: 70px; }
	.Header-logo{width:20%}
	.Header_phone{ display:none}
    .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:50%;}
    .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(2){ margin:1%}
	.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;}
	.page_mbx .mbx_l{ width:90%}
	
	.serve_r li img{ height:170px;}
	.serve_l ul{ width:100%; margin:0}
	.serve_l li img{ width:50px}
	.PUBtitle p, .serve_l li p{ font-size:0.9em; line-height:2.6em;}
	.serveli_con h5{ font-size:1.2em;}
	.serveli_con{ font-size:0.9em; line-height:1.5em;}
	
	
	
	
}

.footer_lianxi{display: none}

@media all and (max-width:768px) {
	.headerTop{ display:none}
	#header{ height:85px; line-height:85px;}
	#header .logo{ width:40%;}
	#header .logo img{ width:100%}
	
	.page_mbx{ padding:2% 0}
	.page_mbx .mbx_r a{ padding:0 3%}
	
	.Header-logo{ width:26%}
	.common_nav_click{ right:16%}
	.Header-search{ width:30%}
	.About_container .PUBtitle{ margin:5% auto}
    .news li img{ height:auto}
	.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 1%}
	.PUBtitle p{ line-height:1.8em;}
	.news li .li_con h4{ font-size:18px}
	.news li .li_con{ padding:5% 0}
	.li_con .more_one{ margin:3% auto}
	.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;}
	
	.serve_container li .img_div{ width:90px; height:90px;} 
	.serve_container li h3{ font-size:1em}
	.cooperation li{ width:23%}

    .suspension{ display:none}

.footer_lianxi{ display: block; width:100%; height:50px; background-color:#fff; position:fixed; left:0px; bottom:0px; z-index:1000;}
.footer_lianxi a{width:49.7%; height:50px; line-height:50px; display:inline-block; overflow:hidden; text-align:center; color:#fff; font-size:3.6vmin;}
.footer_lianxi a:hover{ color:#fff; text-decoration:none;}
.footer_lianxi a.bg1{ background-color:#0084b5;}
.footer_lianxi a.bg2{ background-color:#0084b5;}
.footer_lianxi a span{ height:50px; line-height:50px; padding-left:40px; display:inline-block;}
.footer_lianxi a span.color1{ background:url(../img/xz_05.png) left center no-repeat; background-size:30px;}
.footer_lianxi a span.color2{ background:url(../img/xz_06.png) left center no-repeat; background-size:30px;}

.serve_l,.serve_r li{ width:100%; overflow:hidden}
.serve_r{ margin:0 auto; padding:3.5% 0; width:100%; float:none; overflow:hidden}
.serve_r li{ margin:0 0 3%}
.serve_r li img{ height:auto}

	.serveli_con h5{ font-size:1.3em;}
	.serveli_con{ font-size:1em; line-height:1.6em;}
	.title h4{ font-size:1.6em;}
	.more{ margin:0 auto 7%}
	.homeproduct-container .more{ margin:7% auto}
	.cooperation_l,.cooperation_r,.cooperation li{ width:100%}
	.cooperation .cooperation_l li{ margin:2% auto 3%}
	.diangjia_content{ margin:3% auto}

}
@media all and (max-width:414px) {
	
	.Header-logo{ width:50%}
	.common_nav_click{ right:26%}
	.serve_container li h3{ margin:10% auto}
	
	.news li{ width:98%;}
	.page_mbx .mbx_l,.page_mbx .mbx_r{ margin:2% auto; width:100%}
	
	
}
/* --------------------------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;}}