@charset "utf-8";



/* 头部 */

.Header-wrapper{width: 100%;background: #1F1F1F;position: fixed;left: 0;top: 0;z-index: 1000;transition: all .4s ease-in-out;}

.Header-wrapper:after{content: "";position: absolute;width: 100%;height: 1px;background: #e7e9ec;left: 0;bottom: 0;opacity: 0;transition: all .4s ease-in-out;}

.Header-container{width: 100%;height: 80px;margin: 0 auto;}

.Header-logo{float: left;position: relative;z-index: 9995;}

.Header-logo a{height: 80px;line-height: 80px;float: left;}

.Header-logo a img{height: auto;}

.Header-navbar{float: left;font-size: 0;margin-left: 3%;}

.Header-navbar ul li{display: inline-block;padding: 0 35px;}

.Header-navbar ul li:last-child{/*padding-right: 10px;*/}

.Header-navbar ul li:hover .Header-Menu:before{display: block;}

.Header-navbar ul li:nth-child(1) .Header-Menu:before {display: none;}

.Header-Menu{display: block;height: 80px;line-height: 80px;font-size: 18px;color: #fff;padding: 0 4px;position: relative;}

.Header-Menu2{font-size: 16px;color: #666;}

.Header-Menu:hover{color: #ff8400;}

.Header-navbar ul li.ontrue .Header-Menu{color: #ff8400;border-bottom: 3px solid #ff8400;}

.Header-Menu:hover{border-bottom: 0px solid #fff}

.Header-Menu:before {pointer-events: none;position: absolute;z-index: -1;content: '';border-style: solid;-webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform;left: calc(50% - 10px);

    bottom: 0;border-width: 0 10px 10px 10px;border-color: transparent transparent #fff transparent;display: none;}



.Header-sunNav{display: none;position: absolute;left: 0;top: 80px;width: 100%;padding: 34px 0;background: rgba(27,28,28,.7);z-index: 991;font-size: 0;

box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);

}

.Header-sunNav.ontrue{animation:sunNavDown 400ms ease both;}

.Header-sunNavl{padding: 0 14px 0 44px;border-right: 0px solid #ececec;width: 1600px;margin: 0 auto;}

.Header-sunNavl>div{float: left;}

.Header-sunNavl-img{width: 30%;height: auto;overflow: hidden;text-align: center;line-height: 160px;}

.Header-sunNavl-img img{width: 280px;height: auto;object-fit: cover;transition: all .4s ease-in-out;}

.Header-sunNavl-img img:hover{transform: scale(1.1);}

.Header-sunNavl-click{width:66%;margin-left: 4%;;float: left;}



.Header-sunNavl-clicka a{display: none;height: 38px;font-size: 16px;color: #fff;width: 148px;background: url('../images/sunnavArrH.png') no-repeat right 6px;position: relative;transition: all .4s ease-in-out;border-bottom: 1px solid #ccc;/*float: left;*/width: 16%;margin-right: 4%;}

.Header-sunNavl-clicka a:after{content: "";position: absolute;left: 0;bottom: 0;height: 2px;width: 0%;background: #f2f2f2;

    transition: all .4s ease-in-out;}

.Header-sunNavl-clicka a:hover:after{height: 2px;width: 100%;background: #ff8400;}

.Header-sunNavl-clicka a{margin-bottom: 22px;}

.Header-sunNavl-clicka a:hover{color: #ff8400;background: url('../images/sunnavArrH.png') no-repeat right 6px;}





.Header-sunNavl-img{display: none;}

.Header-sunNavl-img.ontrue{display: block;}



#xdt{display:block}

#xxdt{display:none}



.Header-lang{/*width: 55px;*/height: 80px;float: right;font-size: 16px;color: #f8f8f8;line-height: 80px;    margin-right: 2%;}

.Header-lang a{display: block;}

.Header-lang i{float: left;display: block;width: 18px;height: 80px;background:transparent url('../images/ball.png') no-repeat center center;margin-right: 5px;}

.Header-lang a:hover{color: #0080cc;}

.Header-search{width: 50px;height: 80px;float: right;user-select: none;cursor: pointer;position: relative;}

.Header-searclick{width: 50px;height: 80px;background:transparent url('../images/searchH.png') no-repeat center center;cursor: pointer;user-select: none;}

.Header-searwords{display: none;position: absolute;width: 360px;height: 44px;background-color: #fff;right: 0;top: 80px;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/searchH.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-sunNavClick{display: none;position: absolute;width: 44px;height: 44px;right: 0;top: 0;z-index: 9996;background: url('../images/icon-dd1.png') no-repeat center center /16px auto;}

.Header-sunNavClick.ontrue{transform: rotate(180deg);}



/* 手机汉堡键 */

.Header-navclick{height: 60px;margin-right: 0%;cursor: pointer;float: right;user-select: none;display: none;width: 30px;}

.Header-navclick span{width: 30px;height: 2px;background: #fff;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: #fff;display: block;left: 0;width: 100%;transition: all .2s linear;}

.Header-navclick span:before{top: -8px;}

.Header-navclick span:after{top: 8px;}



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

}



/* ===== 中部 ===== */



.Container-wrapper{width: 100%;height: auto;}

.Container-wrapper.layout{margin-top: 80px;}



/* ===== 底部 ===== */

/*.Footer-wrapper{width: 100%;background: #ebebeb;}

.Footer-container{width: 1600px;margin: 0 auto;padding: 80px 0 60px 0;border-bottom: 1px solid #e0e0e0;}

.Footer-navbar{width: 62%;float: left;padding: 0 2% 0 4%;position: relative;}

.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: #111;font-weight: bold;}

.Footer-navclick i{width: 44px;height: 44px;display: none;position: absolute;z-index: 9;right: 0;top: 0;background: url('../images/icon-dd1.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: 6px 0;font-size: 14px;color: #666;transition: all .3s ease-in-out;}

.Footer-navwords a:hover{color: #0081cc;}

.Footer-code{width: 35%;float: left;}

.Footer-code ul{padding-top: 10px;}

.Footer-code ul li{padding: 10px;background-color: #fff;border-radius: 3px;margin-left: 15px;float: left;text-align: center;margin-bottom: 15px;;}

.Footer-code ul li img{max-width: 100px;text-align: center;}

.Footer-code p{font-size: 12px;color: #000;margin-top: 10px;}

.Footer-line{width: 100%;height: 1px;background: #232325;}

.Footer-copyright{width: 1600px;margin: 0 auto;font-size: 0;padding: 38px 0 52px 0;}

.Footer-copy-left{width: 35%;float: left;border-right: 1px solid #e0e0e0;}

.Footer-copy-left p{font-size: 14px;color: #777;margin-top: 6px;}

.Footer-copy-left p a{font-size: 14px;color: #777;margin-top: 6px;}

.Footer-copy-left h6{font-size: 14px;color: #444;margin-top: 10px;background: url('../images/footer_w4.png') left no-repeat;padding-left: 15px;}

.Footer-copy-right{width: 62%;float: right;font-size: 14px;color: #777;line-height: 25px;text-align: justify;}

.Footer-copy-right a{font-size: 14px;color: #777;padding: 0 4px;border-right: 1px solid #dad7d7; line-height: 25px;}

.Footer-copy-right a:hover{color: #0081cc;}

.Footer-copy-right a:last-child{border-right: 0px;}

.Footer-copyright p{font-size: 14px;color: #515254;margin-top: 6px;}*/



#nb_invite_wrap

 {

   display:none!important;

 }





/* ===== 共用部分 ===== */



.pub_title{text-align: center;width: 100%;text-align: center;position: relative;z-index: 5;}

.pub_title h5{font-size: 40px;color: #111;font-weight: bold;}

.pub_title h5 span{position: relative;padding-right: 10px;}

.pub_title h5 span::before{position: absolute;content: "";width: 11px;height: 10px;right: 0px;top: 0px;background: url("../images/yuan1.png") no-repeat;}



.pub_title h2{font-size: 40px;color: #111;font-weight: bold;}

.pub_title h2 span{position: relative;padding-right: 10px;}

.pub_title h2 span::before{position: absolute;content: "";width: 11px;height: 10px;right: 0px;top: 0px;background: url("../images/yuan1.png") no-repeat;}

.pub_title h6{font-size: 16px;color: #888;font-weight: normal;padding-top: 20px;}

.pub_title h6 a{text-align: center;padding: 0 20px;}

.pub_title h6 a:hover{color: #0081cc;}



.pub_title2{text-align: center;width: 100%;text-align: center;position: relative;z-index: 5;}

.pub_title2 h5{font-size: 40px;color: #111;font-weight: bold;padding-top: 50px;}

.pub_title2 h5 span{position: relative;padding-right: 10px;}

.pub_title2 h5 span::before{position: absolute;content: "";width: 11px;height: 10px;right: 0px;top: 0px;background: url("../images/yuan2.png") no-repeat;}



.pub_title2 h2{font-size: 40px;color: #fff;font-weight: bold;padding-bottom: 20px;}

.pub_title2 h2 span{position: relative;padding-right: 10px;}

.pub_title2 h2 span::before{position: absolute;content: "";width: 11px;height: 10px;right: 0px;top: 0px;background: url("../images/yuan2.png") no-repeat;}

.pub_title2 h6{font-size: 16px;color: #fff;font-weight: normal;}



/* 置顶 */

.Backtop {position: fixed;right: 2%;bottom: 10.6%;z-index: 999999;width: 44px;height: 44px;cursor: pointer;display: none;background: rgba(176, 176, 176, .8) url('../images/toTop.png') no-repeat center center;}

.Backtop:hover {background-color: #0081cc;}





/* 公共banner */

.pub-banner{width: 100%;height: auto;overflow: hidden;position: relative;}

.pub-banner .img{width: 100%;height: auto;overflow: hidden;}

.pub-banner .img img{width: 100%;height: auto;object-fit: cover;min-height: 300px;}

.pub-banner .text{position: absolute;width: 100%;left: 0;top: 45%;transform: translate(0,-50%);z-index: 2;text-align: center;}

.pub-banner .text h5{font-family: 'impact';font-size: 45px;color: #fff;animation: bannerWordsdown 1s ease both 400ms;}

.pub-banner .text h6{font-size: 18px;color: #fff;animation: bannerWordsup 1s ease both 600ms;}

@keyframes bannerWordsdown {0% {transform: translateY(-60px);opacity: 0;}100% {transform: translateY(0);opacity: 1;}}

@keyframes bannerWordsup {0% {transform: translateY(40px);opacity: 0;}100% {transform: translateY(0);opacity: 1;}}



.banner-list-main{width: 100%;height: auto;overflow: hidden;/*position: absolute;*/left: 0;bottom:0px;background: rgba(0, 0, 0, 0.5);}

.banner-list{width: 1260px;height: 70px;line-height: 70px;margin: 0 auto;overflow: hidden;}

.banner-list ul{float: left;}

.banner-list ul li{float: left;padding: 0 30px;position: relative;text-align: center;}

.banner-list ul li a{display: block;font-size: 16px;color: #fff;}

.banner-list ul li a:hover{color: #22aeff;}

.banner-list ul li::after{position: absolute;content: "";width: 1px;height: 16px;top: 28px;right: 0px;background-color: #fff;}

.banner-list ul li:last-child::after{display: none;}

.banner-list ul li:before {pointer-events: none;position: absolute;z-index: 2;content: '';border-style: solid;-webkit-transition-duration: 0.3s; transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform;left: calc(50% - 10px);

bottom: 0;border-width: 0 10px 10px 10px;border-color: transparent transparent #22aeff transparent;opacity: 0;}

.banner-list ul li:hover:before {opacity: 1;}

.banner-list ul li.ontrue:before {opacity: 1;}

.banner-list ul li.ontrue a{color: #22aeff;}

.banner-list-right{float: right;font-size: 14px;color: #fff;line-height: 70px;}

.banner-list-right a{font-size: 14px;color: #fff;}

.banner-list-right a:hover{color: #22aeff;}

.banner-list-right span{font-size: 14px;padding: 0 6px;}

.news-move{float: left;max-width: 50%;overflow: hidden;line-height: 70px;}

.news-move h6{float: left;font-size: 14px;color: #fff;line-height: 70px;padding-left: 25px;background: url('../images/news-move.png') left center no-repeat;}

.move-text{position: absolute;width: 50%;line-height: 70px;padding-left: 95px;color: #fff;}

.move-text .text1 a{font-size: 14px;color: #fff;line-height: 70px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display: block;}

.move-text .text1 a:hover{color: #22aeff;}

/* 产品banner */

.pro-banner{width: 100%;height: auto;overflow: hidden;position: relative;}

.pro-banner .img{width: 100%;height: auto;overflow: hidden;}

.pro-banner .img img{width: 100%;height: auto;object-fit: cover;min-height: 180px;}

.pro-banner .text{width: 400px;height: auto;position: absolute;left: 16.5%;top: 45%;transform: translate(0,-50%);z-index: 2;}

.pro-banner .text h4{font-size: 28px;color: #fff;font-weight: bold;animation: bannertext 0.8s ease-in-out both 100ms;}

.pro-banner .text h5{font-size: 60px;color: #fff;font-weight: bold;animation: bannertext 0.8s ease-in-out both 400ms;}

.pro-banner .text h6{font-size: 20px;color: #fff;font-weight: normal;line-height: 32px;animation: bannertext 0.8s ease-in-out both 700ms;}

.pro-banner .text a{border: 1px solid #fff;padding: 20px 40px;border-radius: 40px;color: #fff;display: inline-block;margin-top: 20px;animation: bannertext 0.8s ease-in-out both 1000ms;font-size: 14px;}

.pro-banner .text a:hover{color: #22aeff;border-color: #22aeff;}

@keyframes bannertext {0% {transform: translateX(120px);opacity: 0;}100% {transform: translateX(0);opacity: 1;}}



.pro-banner .text2{width: 450px;height: auto;position: absolute;right: 16.5%;top: 45%;transform: translate(0,-50%);z-index: 2;}

.pro-banner .text2 h4{font-size: 28px;color: #fff;font-weight: bold;animation: bannertext 0.8s ease-in-out both 100ms;}

.pro-banner .text2 h5{font-size: 60px;color: #fff;font-weight: bold;animation: bannertext 0.8s ease-in-out both 400ms;}

.pro-banner .text2 h6{font-size: 20px;color: #fff;font-weight: normal;line-height: 32px;animation: bannertext 0.8s ease-in-out both 700ms;}

.pro-banner .text2 a{border: 1px solid #fff;padding: 20px 40px;border-radius: 40px;color: #fff;display: inline-block;margin-top: 20px;animation: bannertext 0.8s ease-in-out both 1000ms;font-size: 14px;}

.pro-banner .text2 a:hover{color: #22aeff;border-color: #22aeff;}







.pro-banner .tinyprize{position: absolute;top: 60%;z-index:2;right:75%}

.pro-banner .q8prize{position: absolute;top: 60%;z-index:2;right:21%}

.pro-banner .q7prize{position: absolute;top: 50%;z-index:2;right:70%}

.pro-banner .q6prize{position: absolute;top: 55%;z-index:2;right:70%}

.pro-banner .q5prize{position: absolute;top: 56%;z-index:2;right:20%}

.pro-banner .q10prize{position: absolute;top: 59%;z-index:2;right:20%}

.pro-banner .a5prize{position: absolute;top: 60%;z-index:2;right:70%}

.pro-banner .a4prize{position: absolute;top: 60%;z-index:2;right:70%}

.pro-banner .golftimeprize{position: absolute;top: 55%;z-index:2;right:20%}



.pro-moder-tu1

{

 text-align: center;



}

.pro-moder-tu1 img{width: auto; margin-top:5px}





.ktitle

{

	font-size: 48px;

    color: #fff;

    font-weight: bold;

    text-align: center;

}

.phonewrapper{position: fixed;top: 5%;left:77%;margin-top: -77px;width: 50px;height: 154px;z-index: 6666;}

.phonewrapper strong{font-weight: bold!important;font-size:22px;color: #ff8410;}

.phonewrapper ul li{height: 50px;position: absolute;left: 0;}

.phonewrapper ul li.relQq{top: 45px;width: 220px;transition: all .4s;color:}



 #fdh

    {

      width:71%;

      font-weight: bold!important;

      font-size: 20px;

    }



.phonewrapper ul li a{height: 50px;line-height: 55px;overflow: hidden;border-radius: 6px;}

.phonewrapper ul li a img{display: block;float: left;width: 28px;height: 28px;margin: 12px 12px 14px 0px;}

.phonewrapper ul li a:hover{opacity: 1;}

.phonewrapper #sj{display:none}





 .css-link{

	display: none;

	overflow: hidden;

	position: fixed;

	bottom: 0;

	left: 0;

	right: 0;

	z-index: 9;

	background-color: #fff;

	padding: 4px 0;

	box-shadow: 5px 0 10px rgba(0,0,0,.05);

}

.css-link li{

	float: left;

	width: 25%;

}

.css-link li a{

	display: block;

	text-align: center;

	font-size: 13px;

	color: #000;

}

.css-link li.on a,

.css-link li:hover a{

	color: #095fb6;

}

.css-link li a i{

	display: block;

	width: 25px;

	margin: 0 auto;

	height: 25px;

	background-repeat: no-repeat;

	background-position: center center;

	-o-background-size: auto 18px;

	-ms-background-size: auto 18px;

	-moz-background-size: auto 18px;

	-webkit-background-size: auto 18px;

	background-size: auto 18px;

}

.css-link li a .i1{

	background-image: url(../images/sj-nav1.png);

}

.css-link li.on .i1,

.css-link li:hover .i2{

	background-image: url(../images/sj-nav1-on.png);

}

.css-link li a .i2{

	background-image: url(../images/sj-nav2.png);

}

.css-link li.on .i2,

.css-link li:hover .i2{

	background-image: url(../images/sj-nav2-on.png);

}

.css-link li a .i3{

	background-image: url(../images/sj-nav3.png);

}

.css-link li.on .i3,

.css-link li:hover .i3{

	background-image: url(../images/sj-nav3-on.png);

}

.css-link li a .i4{

	background-image: url(../images/sj-nav4.png);

}

.css-link li.on .i4,

.css-link li:hover .i4{

	background-image: url(../images/sj-nav4-on.png);

}





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

@media all and (min-width:1900px) {

	.Footer-code{padding-left:200px;}

	

   

	}

@media all and (max-width:1700px) {

    /* 1600 × (900/1024/1200) */

    .Footer-container,.Footer-copyright{width: 92%;}

    .Header-container{width: 92%;}

    .Header-sunNavl{width: 92%;}

    .Header-navbar ul li{padding: 0 20px;}

	

    }



@media all and (max-width:1600px) {

    /* 1440 × (900/1050) */

    .pub_title h5{font-size: 36px}

    .pub_title h2{font-size: 36px}

    .pub_title2 h5{font-size: 36px}

     .pub_title2 h2{font-size: 36px}

    .pub-banner .text h5{font-size: 60px}

    .pub-banner .text2 h5{font-size: 60px}

    .banner-list ul li{padding: 0 22px;}

    .Header-navbar ul li{padding: 0 14px;}

	.phonewrapper ul li.relQq {top: 54px;}

  



}



@media all and (max-width:1440px) {

    /* 1360 × (768) */

    .pub_title h6 a{padding: 0 15px;}

    .pub-banner .text h5{font-size: 50px}

    .pub-banner .text h6{font-size: 16px}

    .pub-banner .text2 h5{font-size: 50px}

    .pub-banner .text2 h6{font-size: 16px}

    .banner-list ul li{padding: 0 16px;}

    .banner-list{width: 92%;}

    

    .Header-Menu{font-size: 16px;}

	.phonewrapper ul li.relQq {top: 58px;}

	.Header-navbar ul li {padding: 0 10px;}

	.phonewrapper {left: 74%;}

  



}



@media all and (max-width:1359px) {

    /* 1280 × (800/854/1024) */

    .pub_title h5{font-size: 32px}

    .pub_title h2{font-size: 32px}

    .pub_title h2{font-size: 32px}

    .pub_title h6{font-size: 14px;}

    .pub_title2 h5{font-size: 32px}

    .pub_title2 h2{font-size: 32px}

    .pub_title2 h6{font-size: 14px;}

    

    .Header-sunNavl-clicka a{display: block;height: 38px;font-size: 16px;color: #333;width: 116px;}

    .banner-list ul li{padding: 0 10px;}

    .banner-list ul li a{font-size: 12px;}



    .Header-navbar ul li{padding: 0 10px;}

	.phonewrapper ul li.relQq {top: 65px;}

	

  

}



@media all and (max-width:1279px) {

    /* 1152 × (864) */



.Header-navbar ul li{display: inline-block;padding: 0 6px;}

.Header-Menu{font-size: 14px;}



/* .Header-sunNavl-click{margin-left: 15px;} */



.pub_title h5{font-size: 30px;}

.pub_title2 h5{font-size: 30px;padding-bottom: 10px;}



.pub_title h2{font-size: 30px;}

.pub_title2 h2{font-size: 30px;padding-bottom: 10px;}

.pub_title h6{padding-top: 10px;}

.pub_title h6 a{text-align: center;padding: 0 10px;}

.banner-list ul li{padding: 0 6px;}

.phonewrapper ul li.relQq {top: 58px;}



}



@media all and (max-width:1151px) {

    /* 1024 × (600/768) */

    .Header-sunNavl-clicka a{display: block;height: 38px;font-size: 14px;color: #666;width: 100px;}

    .pub_title h6 a{text-align: center;padding: 0 5px;font-size: 12px;}

    .Header-navbar ul li{padding: 0 4px;}

   .phonewrapper ul li.relQq {top: 48px;width: 182px;}



}







#sol{font-size:38px;font-family:'Noto Sans SC';font-weight:50;margin-top:-1px}





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

@media all and (max-width:1000px) {

.docker-container-aboutus{display:none}

.phonewrapper strong{font-size:18px;display:none}

.Header-logo a img {

    height: 35px;

}

    /* 360移动终端以上 */

    .Container-wrapper{margin-top: 60px;}

    .Container-wrapper.layout{margin-top: 60px;}

    

    .Header-wrapper:after{/*opacity: 1;*/}

    .Header-container{height: 60px;background: #1f1f1f !important; position: static;}

    .Header-logo a {height: 60px;line-height: 60px;margin-left:-10px}

    .Header-searclick{height: 60px;line-height: 60px;background: transparent url("../images/searchH.png") no-repeat center center;}

    .Header-search{height: 60px;}

    .Header-navclick{display: block;}

    .Header-navbarbox{display: none;width: 100%;background: #f7fafc;position: absolute;top: 60px;left: 0;}

    .Header-navbar{float: left;width: 100%;margin-right: 0;height: auto;overflow-y: auto !important;}

    .Header-navbar ul li{display: block;width: 100%;position: relative;padding: 0;}

    .Header-Menu{width: 100%;height: 44px;line-height: 44px;font-size: 16px;color: #393939;padding: 0 3%;}

    .Header-navbar ul li.ontrue .Header-Menu{color: #393939;border-bottom: 0px solid #fff;}

    .pro-banner .img img{width: 100%;height: auto;object-fit: cover;min-height: 180px;margin-top:44px}

    .pro-banner .text2,.pro-banner .textyy{margin-top:30px }

    

    .pimgw{width:120px}

    .pro-banner .tinyprize{right:10%;top:75%}

    .pro-banner .q8prize{right:70%;top:70%}

    .pro-banner .q7prize{right:10%;top:78%}

    .pro-banner .q6prize{right:10%;top:75%}

    .pro-banner .q5prize{right:10%;top:75%}

     .pro-banner .q10prize{right:10%;top:75%}

    .pro-banner .a5prize{right:10%;top:75%}

    .pro-banner .a4prize{right:10%;top:80%}

    .pro-banner .golftimeprize{right:10%;top:70%}

    

    .pro-moder-tu1 img{width: 80%}

    

    .phonewrapper

    { 

	 

      top:5.5%;

	  left:33%;
	  display:none

    }

    .phonewrapper #sj

    {display:none}

    .phonewrapper #pc img

    {display:none}

    #dh

    {

      visibility:hidden;

    }

    #fdh

    {

      width:98% !important;

    }

    #xdt{display:none}

#xxdt{display:block}

 



    .Header-sunNavl-img.ontrue{display: none;}

    

    .Header-sunNavr{display: none}

    .Header-sunNavl-img{display: none}

    .Header-sunNavClick{display: block;}

    .Header-sunNav{position:static;top: 0;left: 0;padding: 0 0 10px 0;background: #f7fafc !important;}

    .Header-search{position:static;width: 35px;}

    .Header-searclick{width: 35px;}

    .Header-searwords{width: 100%;top: 60px;border-top: 0px solid #f3f3f3;height: 44px;}

    .Header-lang{height: 60px;line-height: 60px;}

    .Header-lang i{height: 60px;}



    .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: 3%;width: 90%;}

    /* .Header-sunNavl-click>div {margin: 0;width: 48%;} */

    .Header-sunNavl-clicka a{width: 48%;background: url('../images/sunnavArrH.png') right no-repeat;line-height: 30px;display: block;float: left;margin-right: 0px;}

    .Header-sunNavl-click a:nth-child(2n){float: right;}



    /*.Footer-container {padding: 20px 0 10px 0;}

    .Footer-navbar {width: 100%;padding: 0;margin-top: 0px;}

    .Footer-navbar ul li{width: 100%;}

    .Footer-navclick h6 {font-size: 16px;font-weight: normal;}

    .Footer-navwords a {padding: 6px 0;font-size: 14px;}

    .Footer-navwords{margin-top: 0;display: none;}

    .Footer-navclick i{display: block;}



    .Footer-code{width: 100%;float: left;text-align: left;}

    .Footer-code ul{padding-top: 20px;}

    .Footer-code ul li{padding: 10px;margin: 0 1.5%;float: right;text-align: center;margin-bottom: 15px;width: 47%;}

    .Footer-code ul li img{max-width: 100%;text-align: center;}

    .Footer-code p{font-size: 14px;color: #000;margin-top: 10px;}



    .Footer-code{width: 100%;margin-top: 10px;text-align: left;}

    .Footer-copyright {padding: 16px 0 20px 0;}

    .Footer-copy-left{width: 100%;float: left;border-right: 0px solid #e0e0e0;margin-bottom: 20px;;}

    .Footer-copy-right{width: 100%;font-size: 12px;}

    .Footer-copy-right a{font-size: 12px;}*/





    /* 公共banner */

    .pub-banner .img img{min-height: 160px;}

    .pub-banner .text{top: 40%;}

    .pub-banner .text h5{font-size: 38px}

    .pub-banner .text h6{font-size: 14px}

    .pub-banner .text2{top: 40%;}

    .pub-banner .text2 h5{font-size: 38px}

    .pub-banner .text2 h6{font-size: 14px}

    

    .banner-list{width: 100%;height: auto;line-height: 30px;}

    .banner-list ul{width: 100%;}  

    .banner-list ul li{width: 33.3%;padding: 0px;}

    .banner-list ul li::after{height: 10px;top: 10px;right: 0px;background-color: #fff;}

    .banner-list ul li:last-child::after{display: block;}

    .banner-list ul li:nth-child(3n)::after{display: none;}

    .banner-list ul li:before{display: none;}

    .news-move{line-height: 40px;}

    .news-move h6{line-height: 40px;margin-left: 3px;}

    .move-text{width: 90%;line-height: 40px;}

    .move-text .text1 a{line-height: 40px;}

    .banner-list-right{display: none;}

    /* 产品banner */

    .pro-banner .text{width: 300px;height: auto;left: 5%;}

    .pro-banner .text h4{font-size: 14px;}

    .pro-banner .text h5{font-size: 24px;}

    .pro-banner .text h6{font-size: 12px;line-height: 24px;}

    .pro-banner .text a{padding: 5px 12px;margin-top: 10px;font-size: 12px;}

    .pro-banner .text a:hover{color: #22aeff;border-color: #22aeff;}



    .pro-banner .text2{width: 300px;height: auto;left: 5%;}

    .pro-banner .text2 h4{font-size: 14px;}

    .pro-banner .text2 h5{font-size: 24px;}

    .pro-banner .text2 h6{font-size: 12px;line-height: 24px;}

    .pro-banner .text2 a{padding: 5px 12px;margin-top: 10px;font-size: 12px;}

    .pro-banner .text2 a:hover{color: #22aeff;border-color: #22aeff;}

    #sol{

       font-size: 18px;

       

    }





}





/* --------------------------fullpage-PUB-box------------------------------- */

.fullpage-PUB-box{width: 100%;overflow: hidden;padding: 30px 0;}

.fullpage-PUB{width: 100%;font-size: 0;text-align: center;}

.fullpage-PUB li{    display: inline;}

.fullpage-PUB a{display: inline-block;width: 42px;height: 42px;line-height: 42px;background-color: #f4f4f4;font-size: 16px;color: #555;margin: 0 6px;border-radius: 3px;}

.fullpage-PUB a:first-child {font-family: '宋体';}

.fullpage-PUB a:last-child {font-family: '宋体';}



.fullpage-PUB a:hover{background-color: #0081cc;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: 20px 0 20px 0;}}







/* 底部 */

.Footer-wrapper{width: 100%;background-color: #1f1f1f;}

.Footer-contact{width: 100%;background: #161616;}

.Footer-contact li{width: 33.3333%;float: left;padding: 0 68px 0 44px;height: 130px;display: flex;align-items: center;position: relative;}

.Footer-contact li::after{content: "";position: absolute;width: 2px;height: 42px;right: -1px;top: 50%;background: #1f1f1f;margin-top: -21px;}

.Footer-contact li:last-child::after{display: none;}

.Footer-contact-items{width: 100%;overflow: hidden;display: flex;flex-wrap: wrap;align-items: center;}

.Footer-contact-items i, .Footer-contact-items h6{display: block;position: relative;}

.Footer-contact-items i{width: 64px;float: left;}

.Footer-contact-items i img{max-width: 40px;}

.Footer-contact-items h6{width: calc(100% - 64px);float: right;padding-left: 26px;}

.Footer-contact-items h6 b{display: block;line-height: 1;font-size: 16px;color: #fff;font-weight: 700;margin-bottom: 8px;}

.Footer-contact-items h6 p{font-size: 14px;color: #c2c2c2;line-height: 22px;}

.Footer-contact-items h6::before{content: "";position: absolute;width: 1px;height: 20px;left: 0;top: 50%;background: #1d2088;margin-top: -10px;}

.Footer-items{width: 100%;padding: 80px 0 48px;border-bottom: 1px solid #2c2c2c;}

.Footer-logo{width:208px;float: left;}

.Footer-logo img{max-width: 100%;}

.Footer-navbar{width: 82%;float: right;}

.Footer-navbar ul{display: flex;width: 100%;justify-content: space-between;flex-wrap: wrap;}

.Footer-navbar li{width: auto;}

.Footer-menu{font-size: 18px;color: #fff;}

body.PC .Footer-drop{display: block !important;}

.Footer-drop, .Footer-code{width: 100%;margin-top: 18px;}

.Footer-drop a{display: block;font-size: 14px;color: #cdcdcd;padding: 7px 0;transition: all .4s ease;}

.Footer-drop a:hover{color:#fff;}

.Footer-code img{max-width: 124px;margin-top: 12px;}

.Footer-copyright{width: 100%;padding: 20px 0;}

.Footer-copyright h6{font-size: 14px;color: #cdcdcd;height: 28px;line-height: 28px;text-align: center;}

.Footer-copyright-icon{float: right;font-size: 0;position: relative;padding-left: 70px;}

.Footer-copyright-icon span{color: #cdcdcd;font-size: 14px;height: 28px;line-height: 28px;position: absolute;left: 0;top: 0;}

.Footer-copyright-icon a{display: inline-block;opacity: 0.7;width: 28px;height: 28px;line-height: 28px;text-align: center;position: relative;margin-left: 10px;transition: all .4s ease;}

.Footer-copyright-icon a>img{height: 18px;}

.Footer-copyright-icon-code{display: none;width: 130px;height: 130px;padding: 2px;position: absolute;bottom: 40px;left: 50%;margin-left: -65px;background: #fff;}

.Footer-copyright-icon-code::after{content: "";display: block;width: 0px;height: 0px;border: 8px solid transparent;border-top-color: #fff;position: absolute;bottom: -16px;left: 50%;margin-left: -8px;}

.Footer-copyright-icon-code img{width: 100%;height: 100%;object-fit: cover;}

.Footer-copyright-icon a:hover{opacity: 1;}

.Footer-copyright-icon a:hover .Footer-copyright-icon-code{display: block;animation: FooterIcon .6s ease-in-out both;}

@keyframes FooterIcon{0%{transform: translateY(-16px);}100%{transform: translateY(0);}}



/*底部信息*/

footer{

    margin-top: 0px;

    color:#9a9a9a;

    padding:80px 0px 50px 0px;

    background-color: #1f1f1f;

    border-top: 5px solid #0066d9;

	border-bottom: 0px solid #2c2c2c;

}

footer a{color:#9a9a9a;}

footer a:hover{color:#9a9a9a;}

.footer_logo{

    max-width: 196px;

}

.footer_logo_text{

    width: 196px;

    text-align: center;

    margin-top: 15px;

    padding-top: 15px;

    border-top: 1px solid #5f5f5f;

    line-height: 22px;

}

.footer_sitemap{

    color: #9a9a9a;

}

.footer_sitemap:hover,

.footer_sitemap:focus {

    color: #fff;

    text-decoration: none;

}

/*底部分类*/

.footer_menu a{

    color: #9a9a9a;

}

.footer_menu a:hover{

    color: #fff;

    text-decoration: none;

}

.footer_menu_first{

    font-weight: bold;

}

.footer_qrcode{

    max-width: 130px;

}

.footer_qrcode_text{

    width: 130px;

    text-align: center;

    margin-top: 15px;

}

/*友情链接*/

.link_box{

    background-color: #1a1a1d;

    padding: 20px 0px 20px 0px;

    text-align: center;

    color: #999999;

    font-size: 13px;

}

.link_box a{

    color: #999999;

    padding:0px 0px 0px 10px;

    font-size: 13px;

}

.link_box a:hover{

    text-decoration: none;

    color: #fff;

}

.link_box a:last-child{

    border-right:0px;

}

.link_box button{

    display: none;

}

.link_title{

    font-size: 13px;

    margin-right: -6px;

}

.link_title:after{

    content:"";

}



/*底部TAGS*/

.tags_box{

    background-color: #1a1a1d;

    padding: 5px 0px 20px 0px;

    text-align: center;

    color: #999999;

    font-size: 13px;

  }

.tags_box a{

    color: #999999;

    padding:0px 2px 0px 8px;

    font-size: 13px;

  }

.tags_box a:hover{

    text-decoration: none;

    color: #fff;

 }

.tags_box a:last-child{

    border-right:0px;

}

.tags_box button{

    display: none;

}

.tags_title{

    font-size: 13px;

    margin-right: -6px;

 }

.tags_title a{

    padding:0px;

}

.tags_title:after{

    content:"：";

}





/*小屏幕样式*/

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



    /*手机-底部信息*/

    footer {

        padding-top: 40px;

        padding-bottom:25px;

    }

    .footer_logo,

    .footer_logo_text {

        display: none;

    }

    .footer_contact {

        margin-bottom:30px;

    }

    .footer_qrcode{

        display: block;

        max-width: 130px;

        margin: 0 auto;

        margin-top: 25px;

    }

    .footer_qrcode_text {

        width: 130px;

        margin: 0 auto;

        margin-top: 10px;

        margin-bottom: 35px;

    }

	

	/*手机-友情链接*/

    .link_box {

        padding-left: 7px;

    }

    .link_box a {

        display: block;

        border-right:0px;

        padding:4px 0px;

    }

    .link_title{

        display: block;

    }

    .link_title:after {

        content:"";

    }

    .link_box button{

        display: inline-block;

        background-color: transparent;

        border: none;

        float: right;

        margin-top: -20px;

    }

    .link_box button:hover,

    .link_box button:focus{

        color: #97f3e7;

    }

    .link_list{

        display: none;

        padding-top: 7px;

    }



    /*手机-Tags标签*/

    .tags_box{

        padding-left: 7px;

        margin-bottom: 50px;

    }

    .tags_box a{

        display: block;

        border-right:0px;

        padding:4px 0px;

    }

    .tags_title{

        display: block;

    }

    .tags_title:after{

        content:"";

    }

    .tags_box button{

        display: inline-block;

        background-color: transparent;

        border: none;

        float: right;

        margin-top: -20px;

      }

    .tags_box button:hover,

    .tags_box button:focus{

        color: #97f3e7;

    }

    .tags_rows{

        display: none;

        padding-top: 7px;

     }



.banner-list-main{bottom:51%;}





.css-link{

		display: block;

	}	

	





}



@media (min-width: 1200px){

.container {

    width: 1600px;

}

}





.foot_bottombg{width: 100%;background-color: #323639;height:184px; }

@media screen and (min-width: 1200px) {

		   .cfcontwidth{padding: 0 18%} 

		  .foot_bottomleft{width: 50%}

		  .two_conta{padding: 0 20px;}

		  /*comoany_��虁���*/

	     .company_bg{padding: 0 10px;}

	      /*莉���膾究┴*/

		 .company_tiele .cxzl_padding{padding-right: 50px;}

	        /*��荐�*/

		  .input_width{width: 350px;}

	  /*篌���*/

	 .hyzx_boredr{ }

	 .shouji_padd{display: none}

	  .hyzx_bg{padding-top: 60px; }

	 

       }

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

          .cfcontwidth{padding: 0}

		  .footop{display: none;}

		  .foot_topbg {padding: 0 10px;}

		  .foot_bottom{padding: 0 10px;}

		  .foot_bottomright{display: none}

		  .foot_bottombg .foot_bottomleft{width: 100%;border-right:none}

		  .two_conta{padding: 0 0px;}

		  .four_cont{padding: 0 10px;text-align: justify}

		 

	      .company_bg{padding:0;}

		 

		   

		  .am-list .am-list-item-dated a{margin-right: 0px;}

		  .compan_icon{display: none}

		   

		 .company_tiele .cxzl_padding{padding-right: 24px;}

		  

		  .paleftright li{width: 100%;}

		  

		  .input_width{width: 60%;}

		 

		  .hyzx_bg .hyzx_left{display: none}

		  .shouji_padd{padding:30px  10px 0 10px}

		  .hyzx_boredr{margin-left: 0;}

       } 



.col-md-2 {

    width: 16.66666667%;

}

.header-border {

    padding-left: 2%;

    border-right: 1px solid #898989;

	

	

}

header .docker-container .docker-content .docker-container-width a {

    color: #b5b5b5;

    font-size: 16px;

    font-weight: 600;

}

.nav-title {

    font-size: 14px!important;

    font-weight: 200!important;

    color: #F7F7F7!important;

}

.docker-container-product {

    width: 100%;

}

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {

    display: block;

    max-width: 100%;

    height: auto;

}

.col-md-3 {

    width: 20%;

}
#wxnr{display:none}
#weixin{display:none}

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

  .docker-container-product ul li{display:none}

  .docker-container-video ul li{display:none}
  
  #wxnr {
	width: 100%;
	height: 100%;
	max-width: 640px;
	min-width: 320px;
	position: fixed;
	top: 0;
	z-index: 1000;
	display: none;
	background: rgba(0,0,0,.6);
}
#wxnr .nrdf {
	margin: auto;
	position: absolute;
	top: 25%;
	left: 0;
	right: 0;
	width: 288px;
	height: 316px;
	padding: 0.3rem;
	padding-top: 0.6rem;
	margin-top: -2.5rem;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: 0px 2px 6px #777;
	-webkit-box-shadow: 0px 2px 6px #777;
	-moz-box-shadow: 0px 2px 6px #777;
	border-radius: 10px;
}
#wxnr img {
	width:200px;
	height:200px;
	display: block;
	margin: 0 auto;
}
#wxnr p {
	font-size:13px;
	line-height: 19px;
	text-align: center;
}
#wxnr i {
	position: absolute;
 top: 2px;
 right: 0.2rem;
 width: 23px;
 height: 23px;
 font-size: 19px;
 line-height: 23px;
 text-align: center;
 color: #fff;
 font-weight: bold;
 font-style: normal;
 background: #333;
 border-radius: 1rem;
 cursor: pointer;
}
#wxnr span {
	display: inline-block;
 padding: 0.03rem 1.1rem;
 line-height: 27px;
 background-color: #cf0c0c;
 color: #fff;
 border-radius: 0.05rem;
 cursor: pointer;
}
#wxnr span.wx {
	padding-left: 0.4rem;
	background-image: url(../images/wx.png);
	background-size: 0.28rem;
	background-position: 0.1rem center;
	background-repeat: no-repeat;
}
/*复制提示*/
#weixin {
	position: fixed;
	top: 50%;
	margin-top: -0.4rem;
	z-index: 9999999;
	font-size: 0.26rem;
	color: #fff;
	width: 90%;
	right: 5%;
	line-height: 0.8rem;
	text-align: center;
	background: rgba(0, 0, 0, 0.8);
	border: 2px solid #333;
	border-radius: 0.1rem;
	display: none;
}


}