@import url(iconfont.css);/*icon*/

@import url(sourcehansans.css);/*font*/

/* CSS Document */
html, body {font-size: 12px;margin: 0;padding: 0;text-decoration: none; width:100%; height: 100%; font-family: 'sourcehansans'; -webkit-text-size-adjust: 100%;}
html{font-size: 62.5%;}
body{ position: relative; overflow-x:hidden; transition-property:all;}
a {	color: #666;text-decoration: none;outline:none;  star:expression(this.onFocus=this.blur());}
a:hover, a:active { color:#2866F7;}
* { margin: 0;padding: 0;list-style: none;outline:none;box-sizing:border-box; font-family:inherit; }
table {	border-collapse: collapse;}
ul, li {list-style: none;border: 0 none;padding: 0;margin:0;}
form {margin: 0;}
img {border: 0 none;text-align-last: center;vertical-align: middle;  outline:none; max-width:100%; width:auto; height:auto;}
center {text-align: left;	color: #999;height: 50px;}
#clear, .clear {clear: both;float: none!important;background: none;width: 0 !important;	height: 0 !important;margin:0 !important;padding:0 !important;}
#noData, .noData {color: #ccc;font-size: 14px;text-align: left;padding: 50px 0;}
.fl-left, .fl{ float:left;}
.fl-right, .fr{ float:right;}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.mob{display:none;}
.hide{display: none;}
::-webkit-scrollbar {width:8px;height: 1px;}
::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background:#666;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 10px;background: #ededed;}
.pc-hide{display:none;}
.mob-hide{display:unset;}

/*
head*/
#head { position:fixed; margin-left: -50%;z-index:999; left: 50%; top:0;  width:100%; 
/*background: rgba(255,255,255,0.6);*/
background: rgba(255,255,255,1);
box-shadow: 0 1px 3px rgba(0,0,0,.1); transition: all .35s;height:80px;}
#head.active{
    background: rgba(255,255,255,1);
}
#head:hover{
    background: rgba(255,255,255,1);
}
#head .wrap{  width: 92%; max-width: none; margin:0 auto;}
#head .logo{position: relative;z-index: 6; width:17%;text-align: left;transition: all .35s;
    line-height: 80px; 
}
#head .logo a{display: flex;align-items: center;height: 80px;}
#head .logo img{ height: 80px;}
#head .menu{ width: 58%;}

#head .menu>.click { display: none; position: absolute;top:50%; left:50%; z-index: 9; margin-top:-16px; margin-left:-16px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width:32px;height:32px;-webkit-tap-highlight-color: transparent;-ms-touch-action: manipulation;touch-action: manipulation;}
#head .menu>.click>span { position: relative; display:block; margin-top:16px;}
#head .menu>.click>span,#head .menu>.click>span:after,#head .menu>.click>span:before { display: block;width:32px;height: 2px;background-color: #2866F7;transition-duration: .4s;-webkit-transition-property: background-color,-webkit-transform;-moz-transition-property: background-color,-moz-transform; -o-transition-property: background-color,-o-transform; transition-property: background-color,transform;}
#head .menu>.click>span:after,#head .menu>.click>span:before { position: absolute; content: "";}
#head .menu>.click>span:before {top: -10px;}
#head .menu>.click>span:after {top: 10px;}
#head .menu>.click.active { position: relative;z-index: 1001;}
#head .menu>.click.active span { background-color: transparent;}
#head .menu>.click.active span:after,#head .menu>.click.active span:before {background-color:#959595;}
#head .menu>.click.active span:before {-webkit-transform: translateY(10px)rotate(45deg);-moz-transform: translateY(10px)rotate(45deg);transform: translateY(10px)rotate(45deg);-ms-transform: translateY(10px)rotate(45deg);}
#head .menu>.click.active span:after {-webkit-transform: translateY(-10px)rotate(-45deg);-moz-transform: translateY(-10px)rotate(-45deg);transform: translateY(-10px)rotate(-45deg);-ms-transform: translateY(-10px)rotate(-45deg);}


#head .menu>.navbox{z-index: 99;}
#head .menu>.navbox>ul{margin: 0 auto;}
#head .menu>.navbox>ul>li{display: inline-block; position: relative; float: left; text-align: center; }
#head .menu>.navbox>ul>li>a{display:block;font-size: 20px; color: #333; font-weight:500; padding: 0 30px;
/*line-height: 100px; */
line-height: 80px; 
transition: all .35s;}
#head .menu>.navbox>ul>li>a:hover{color:#2866F7; }
#head .menu>.navbox>ul>li>div{display: none; position: fixed;z-index: 9; left: 0; top: 80px; text-align: center; width: 100%; padding: 50px 0; background: rgba(255,255,255,1);  transition: all .35s;}
#head .menu>.navbox>ul>li>div .wrap{width: 60%;margin: 0 auto;}
#head .menu>.navbox>ul>li>div .wrap>.box-left{width: 50%; text-align: left;   box-sizing: border-box; padding-right: 50px;}
#head .menu>.navbox>ul>li>div .wrap>.box-left>.nav{ text-align:left;}
#head .menu>.navbox>ul>li>div .wrap>.box-left>.nav>a{line-height: 40px;display: inline-block;float: left;width: 50%;text-align: left; box-sizing: border-box; padding: 10px; margin-bottom: 30px; font-size: 15px;transition: all .35s;}
#head .menu>.navbox>ul>li>div .wrap>.box-left>.nav>a>.iconfont{ display: inline-block; float:left; color: #0221b8; font-size: 28px; margin-right: 10px;}
#head .menu>.navbox>ul>li>div .wrap>.box-left>.nav>a>.iconfont>img{ position: relative;z-index: 1; top: -5px; 
/*height: 27px;*/
height: 40px;
width: auto;}
#head .menu>.navbox>ul>li>div .wrap>.box-left>.nav>a:hover{background: #2866F7;color: #fff;}
#head .menu>.navbox>ul>li>div .wrap>.box-left>.nav>a:hover .iconfont>img{filter: brightness(2);}
#head .menu>.navbox>ul>li>div .wrap>.box-right{width: 50%;text-align:left;border-left: 1px solid #a9aaab; box-sizing: border-box;padding-left: 50px; padding-bottom: 20px; }
#head .menu>.navbox>ul>li>div .wrap>.box-right>.img{text-align: left;}
#head .menu>.navbox>ul>li>div .wrap>.box-right>.img>a{display:block;}
#head .menu>.navbox>ul>li>div .wrap>.box-right>.img img{width: 300px;height: auto; overflow: hidden;}
#head .menu>.navbox>ul>li>div .wrap>.box-right>.url{text-align: left;padding-top: 20px;}
#head .menu>.navbox>ul>li>div .wrap>.box-right>.url>a{display: inline-block;padding: 10px 30px; font-size: 14px; background: #2866F7;color: #fff; transition: all .35s;}
#head .menu>.navbox>ul>li>div .wrap>.box-right>.url>a:hover{ background: #2866F7;}


#head .menu>.navbox>ul>li>div .menu-product{ position: relative; width: 60%;margin: 0 auto;height:200px;}
#head .menu>.navbox>ul>li>div .menu-product .swiper-slide{display: block;  text-align: left; padding: 10px; box-sizing: border-box; transition: all .35s;}
#head .menu>.navbox>ul>li>div .menu-product .swiper-slide>.ico{ width: 60%; float: none; margin: 0 auto;}
#head .menu>.navbox>ul>li>div .menu-product .swiper-slide>.ico img{ width: 100%;height: auto;}
#head .menu>.navbox>ul>li>div .menu-product .swiper-slide>.box{width: 100%; float: none; box-sizing: border-box;}
#head .menu>.navbox>ul>li>div .menu-product .swiper-slide>.box>.tit>a{display: block; font-size: 16px; padding: 10px 0; text-align: center; transition: all .35s;}
#head .menu>.navbox>ul>li>div .menu-product .swiper-slide>.box>.list{ display: none; box-sizing: border-box; text-align: left; padding: 20px 0;}
#head .menu>.navbox>ul>li>div .menu-product .swiper-slide>.box>.list>a{display: block;font-size: 16px; padding: 5px 0; transition: all .35s;}
#head .menu>.navbox>ul>li>div .menu-product .swiper-slide:hover {background: rgba(146,199,46,.2); }
#head .menu>.navbox>ul>li>div .menu-product .swiper-slide:hover .tit>a{color: #666;}

#head .menu>.navbox>ul>li>div .menu-product .prev{ position: absolute;z-index: 4; left: -50px;top: 30%; cursor: pointer;}
#head .menu>.navbox>ul>li>div .menu-product .prev>i{ font-size: 60px; color: rgba(102,102,102,1); }
#head .menu>.navbox>ul>li>div .menu-product .prev:hover{ left: -60px;}
#head .menu>.navbox>ul>li>div .menu-product .prev:hover i{color: #959595;}
#head .menu>.navbox>ul>li>div .menu-product .next{ position: absolute;z-index: 4; right: -50px;top: 30%;  cursor: pointer; }
#head .menu>.navbox>ul>li>div .menu-product .next>i{ font-size: 60px; color: rgba(102,102,102,1); transition: all .35s; }
#head .menu>.navbox>ul>li>div .menu-product .next:hover{ right: -60px;}
#head .menu>.navbox>ul>li>div .menu-product .next:hover i{color: #959595;}
#head .menu>.navbox>ul>li>div .menu-product  .swiper-button-disabled{opacity: 0;}

/*
#head .menu>.navbox>ul>li>div .box-product>ul{margin: 0 auto;}
#head .menu>.navbox>ul>li>div .box-product>ul>li{display: block;float: left; width: 14%; text-align: left; }
#head .menu>.navbox>ul>li>div .box-product>ul>li>a{display: block; font-size: 16px; font-weight: bold; color: #666;}
#head .menu>.navbox>ul>li>div .box-product>ul>li>a>img{height: 50px; width: auto; margin-right: 10px;}
#head .menu>.navbox>ul>li>div .box-product>ul>li>div{ box-sizing: border-box; padding-left: 60px; text-align: left;}
#head .menu>.navbox>ul>li>div .box-product>ul>li>div>a{display: block;font-size: 14px;color: #666; padding: 10px 0; }*/


#head .search{ position: relative;z-index: 99; width: 160px;
height: 80px;
display: flex;align-items: center;padding-right: 15px;}
#head .search>form{width:100%; height:32px; border-radius: 5px; border:1px solid rgba(0,0,0,.2);}
#head .search input[type="text"]{ background: none; outline: medium;float:left;height:32px;line-height:32px;width:80%; padding-left: 10px; border:none; font-size:14px;color:#777;box-sizing:border-box;overflow:hidden;}
#head .search input::-webkit-input-placeholder{ color:#ccc;}
#head .search button{ position:relative;float:right;width:20%;height:32px; background: none; border:none;cursor:pointer;box-sizing:border-box;overflow:hidden;}
#head .search button:after{position: absolute;z-index: 2; top: 50%; left: 50%; margin-top: -9px; margin-left: -9px; width: 18px;height: 18px;  font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #666; content: "\e61e";}


#head .mall{ position: relative;z-index: 99;line-height:80px;padding-right: 15px;display:flex;align-items: center;height: 80px;}
#head .mall>a{ position: relative; box-sizing: border-box;  display: inline-block; padding: 0 3px; transition: all .35s;}
#head .mall>a>img{height: 28px; width: auto;display:block;}

#head .lang{ position: relative;z-index: 99; line-height: 80px; padding-left: 23px;}
#head .lang>a{ position: relative; box-sizing: border-box; height: 36px; line-height: 36px; font-size: 16px; color: #666; display: inline-block; transition: all .35s;}
#head .lang>span{display: inline-block;padding: 0 3px; font-size: 16px; color: #666;}
#head .lang:after{position: absolute;z-index: 2; top: 50%; left: 0; margin-top: -9px; width: 18px;height: 18px; background: url(../img/ico_lang.png) no-repeat; background-position: 0 -18px; opacity: .6; background-size:100% auto; content: '';}
#head .lang>a:hover{color: #1f57a1;}



#menu-mob {background:#2866F7;color: #fff;position: fixed;right: -300px;top: 0;width: 300px;height: 100%;z-index: 1000;transition: all 0.35s;transform-origin: left center;transform: perspective(800px) rotateY(90deg);}
#menu-mob.active {right:0;transform: rotateY(0deg);}
#menu-mob>.close{ position: absolute;z-index: 3; right: 0;top: 0; cursor: pointer; background: #fff; width: 50px;height: 50px; line-height: 50px; text-align:center; }
#menu-mob>.close>i{color: #2866F7;font-size: 22px; font-weight: 600;}
#menu-mob>.menu{padding:13% 0 10px 0;}
#menu-mob>.menu>ul{display:block;}
#menu-mob>.menu>ul>li{display:block;}
#menu-mob>.menu>ul>li>a{ position: relative; display:block; font-size: 20px; color:#fff;padding:8px 30px; transition:all .35s;}
#menu-mob>.menu>ul>li.A>a{ color: #17ff6a;  background: rgba(0,0,0,.2) ; border-top:1px solid rgba(255,255,255,.2);}
#menu-mob>.menu>ul>li.on>a:after{ position: absolute;z-index: 1; right: 20px;top: 50%; margin-top: -10px; width:20px;height: 20px; color: rgba(255,255,255,.5); font-family: 'iconfont'; font-size: 14px; content: '\e65e'; transition: all .35s;}
#menu-mob>.menu>ul>li.A>a:after{right:27px;transform:rotate(180deg);}
#menu-mob>.menu>ul>li>div{display:none;padding:6px 30px 12px 30px; background: rgba(0,0,0,.2) ;}
#menu-mob>.menu>ul>li>div>a{display:block;padding:4px 0; font-size:14px; font-weight: 200; color:rgba(255,255,255,.9);}
#menu-mob>.lang{ position: absolute;z-index: 3; left: 0; bottom: 0; width: 100%; padding-bottom: 20px; text-align:center;}
#menu-mob>.lang>a{display:inline-block; padding:2px 10px; border-radius:5px; color:rgba(255,255,255,1); font-size:13px;}

#menu-mob>.search{ padding:20px; transition:all .35s;}
#menu-mob>.search>form{ display:block; box-sizing:border-box; width:100%; background:rgba(255,255,255,1); height:30px; border-radius:8px;}
#menu-mob>.search>form input[type="text"]{outline: medium;float:left;height:32px;line-height:32px;width:80%;padding-left:16px;border:none; font-size:14px; background:none;color:#959595;box-sizing:border-box;overflow:hidden;}
#menu-mob>.search>form input::-webkit-input-placeholder{ color:rgba(86,86,86,1);}
#menu-mob>.search>form button{ position: relative; float:right;width:32px;height:32px; line-height: 32px; border:none; opacity:1; background: none; cursor:pointer;box-sizing:border-box;overflow:hidden;}
#menu-mob>.search>form button:after{ position: absolute;z-index: 1; right: 0;top: 0; width:100%;height: 100%; color: #959595; font-family: 'iconfont'; font-size: 16px; content: '\e61e';}

#menu-mob>.mall{margin-top: 10px; padding-left: 20px;}
#menu-mob>.mall a{ margin-right: 12px;}
#menu-mob>.mall a>img{height: 24px; vertical-align: middle; margin-top: -2px; margin-right: 3px;}
#menu-mob>.mall a>span{font-size: 12px; font-weight: normal; color: #fff;}


/* end*/


.wrap{ width: 86%; max-width: 1560px;margin: 0 auto;}














/* banner */

#banner{margin-top: 80px;position:relative; z-index:1; left: 0;top: 0; background:#fff; height:auto; overflow:hidden;  transition:all .35s;}
#banner>.inside{margin: 0 auto;}
#banner>.inside>.box{position: absolute;z-index: 99; left: 50%; top: 45%; margin-left: -35%;width: 70%; height: 50px; text-align:left;}
#banner>.inside>.box>h3{ position: relative;
font-size: 4.3rem;
/*font-size: 5.6rem;*/
font-weight: normal; color: #2866F7;}
#banner>.inside>.box>h4{ position: relative; padding-top: 0px;
    /*font-size: 3.3rem;*/
    font-size: 2.6rem;
    text-transform: uppercase; font-weight: normal;color: rgba(255,255,255,1);}
#banner>.inside>.bg{ position: relative; text-align: center;}
#banner>.inside>.bg>img{width: 100%;height: auto;}

#space{display: none;}

/* end*/




/* path */

#path{ position: absolute;z-index: 99; top: 0px; left: 0; width: 100%;  height: 56px; line-height: 56px; box-sizing: border-box;padding: 0 20px; border: 1px solid #35353594; border-bottom: 0;  font-size: 14px;font-family: 'SimSun'; background: #35353594; color: #fff; text-align: left;}
#path a{display: inline-block;font-size: 14px; color: #fff;}
#path a:first-child{padding-left: 26px; background: url("../img/ico_home.png") no-repeat; background-position: 0 50%; background-size: 22px auto;}
#path a.active{color: #0221b8;font-weight: bold; }

/* end*/




/* navpart */

#navpart{ position: relative;z-index: 90; margin: 0 auto; margin-top: -90px;background: rgba(0,0,0,.3); border-top: 1px solid rgba(255,255,255,.2); }
#navpart ul{margin: 0 auto;white-space: nowrap; text-align: center;}
#navpart ul>li{ position: relative; display:inline-block; vertical-align:top; overflow: hidden; box-sizing: border-box; margin-left: -3px; border-right: 1px solid rgba(255,255,255,.1);}
#navpart ul>li:first-child{border-left: 1px solid rgba(255,255,255,.1);}
#navpart ul>li:after{position: absolute;z-index: 3;left: 0;bottom: 0;width: 100%;height: 0; background: #2866F7;  content: ''; transition: all .35s;}
#navpart ul>li>a{ position: relative;z-index: 50; display: block; box-sizing: border-box; height: 90px;line-height: 90px; padding: 0 60px;font-size: 1.8rem; color: rgba(255,255,255,1);transition: all .35s;}
#navpart ul>li>a>i{ display: inline-block;float: left; font-size: 30px; margin-right: 10px; color: rgba(255,255,255,1);}
#navpart ul>li>a.active{background: #2866F7; color: rgba(255,255,255,1);}
#navpart ul>li>a.active>i{color: rgba(255,255,255,1);}
#navpart ul>li:hover:after{height: 100%;}

#navpart .pgwMenu { position: relative; text-align: center; padding: 0;margin: 0; height: 90px; }
#navpart .pgwMenu ul { list-style: none; white-space: nowrap;}
#navpart .pgwMenu .pm-links{display: inline-block;vertical-align:top;}
#navpart .pgwMenu .pm-links.mobile, #navpart  .pgwMenu .pm-viewMore>ul { position: absolute;z-index: 90; left: 0; top: 100%; }
#navpart .pgwMenu .pm-viewMore { display: none; position: relative;vertical-align:top;}
#navpart .pgwMenu .pm-dropDown>a, #navpart .pgwMenu .pm-viewMore>a{ position: relative; display: inline-block; color: #fff; background: rgba(255,255,255,.2); height: 90px; line-height: 90px; padding: 0 30px; text-decoration: none;}
#navpart .pgwMenu .pm-viewMore>a>i{margin-left: 5px;opacity: .6;}
#navpart .pgwMenu .pm-dropDown>a>i{margin-right: 5px;opacity: .6;}
#navpart .pgwMenu .pm-links.mobile, #navpart .pgwMenu .pm-viewMore>ul { left: auto; right: 0; box-shadow: 0 5px 6px rgba(0,0,0,.2);}
#navpart .pgwMenu .pm-links.mobile li, #navpart .pgwMenu .pm-viewMore>ul>li {display: block!important; float: none; clear: both; background: #2866F7; border-bottom: 1px solid #82af1e !important; }
#navpart .pgwMenu .pm-links.mobile li:last-of-type, #navpart .pgwMenu .pm-viewMore>ul>li:last-of-type{border: 0!important;}
#navpart .pgwMenu .pm-links.mobile li>a, #navpart .pgwMenu .pm-viewMore>ul>li>a{ padding: 0 30px!important; height: 60px!important; line-height: 60px!important;}
#navpart .pgwMenu .pm-links.mobile li>a>i, #navpart .pgwMenu .pm-viewMore>ul>li>a>i{display:none!important;}
#navpart .pgwMenu .pm-viewMore>ul>li>a.active{ background: none!important;}
#navpart .pgwMenu .pm-links.mobile li:after, #navpart .pgwMenu .pm-viewMore>ul>li:after{display: none!important;}
#navpart .pgwMenu .pm-dropDown{ position: relative; text-align: right;}
#navpart .pgwMenu .pm-links.mobile li{display: block!important;}
#navpart .pgwMenu .pm-links.mobile li>a{display:block; height: 90px; line-height: 90px; padding: 0 30px; color: #fff; background:#2866F7;}
#navpart .pgwMenu .pm-dropDown a.active,#navpart .pgwMenu .pm-viewMore a.active { background: #2866F7;}
#navpart .pgwMenu .pm-links.mobile li,#navpart .pgwMenu .pm-dropDown,#navpart  .pgwMenu .pm-viewMore, #navpart .pgwMenu .pm-viewMore>ul { display: none;}


/* end */



/* page */


#page{ position: relative;z-index: 99; margin:0 auto; padding:20px 0 0; text-align:center;}
#page>.num{display:inline-block;padding:0 20px;}
#page>.num>a{display:inline-block; border:1px solid #ddd; width:56px;height:56px; line-height:56px;text-align:center; font-size:16px; color:#666; margin-left: -1px; transition:all .35s;}
#page>.num>a:first-child,#page>.num>a:last-child{font-family:SimSun; font-weight:700; color:#999;}
#page>.num>a:hover{color:#fff;background:#2866F7;}
#page>.num>a.active{background:#2866F7;border:1px solid #2866F7;color:#ffffff !important;}


/* end*/


/*foot */
#foot{ position: relative;z-index: 3; width:100%; margin:0 auto; background:#484a4c;}
#foot:after{ display: none; position: absolute;z-index: 3;left: 0; top: 0;width: 100%;height: 8px; background: #0221b8; content: ''; transition: all .35s;}
#foot .wrap{ width: 86%; max-width: none; margin: 0 auto;}

#foot .foot-logo{ position: relative; text-align: left; padding: 35px 0; border-bottom: 1px solid rgba(255,255,255,.2);}
#foot .foot-logo>img{height: 90px;width: auto;}
#foot .foot-logo .gotop{ position: absolute;z-index: 4; right: 0;top: 60px; padding: 8px; background: rgba(255,255,255,1); opacity: .8; border-radius: 5px; transition: all .35s;}
#foot .foot-logo .gotop>i{color: #2866F7; font-size: 24px;}
#foot .foot-logo .gotop:hover{opacity: 1;}
#foot .foot-nav{ padding:60px 0;}
#foot .foot-nav .box-left{width: 75%;}
#foot .foot-nav .box-left>.navbox{width: 100%;}
#foot .foot-nav .box-left>.navbox>ul{display: block;margin: 0 auto;}
#foot .foot-nav .box-left>.navbox>ul>li{display: block;float: left;width:25%; text-align: left;}
#foot .foot-nav .box-left>.navbox>ul>li>a{display: block;font-size: 2.4rem; color: #fff;}
#foot .foot-nav .box-left>.navbox>ul>li>div{padding: 20px 0; text-align: left;}
#foot .foot-nav .box-left>.navbox>ul>li>div>a{display: block;font-size: 1.6rem; padding: 5px 0;color: #fff; transition: all .35s;}
#foot .foot-nav .box-left>.navbox>ul>li>div>a:hover{text-decoration: underline; color: rgba(255,255,255,.9);}

#foot .foot-nav .box-right{ box-sizing: border-box; padding-left: 6%; border-left: 1px solid rgba(255,255,255,.1); width: 25%; text-align: left;}
#foot .foot-nav .box-right>.tit{display: block;font-size: 2.4rem; color: #fff;}
#foot .foot-nav .box-right>.contact{ padding: 20px 0;}
#foot .foot-nav .box-right>.contact>p{display: block; font-size: 1.4rem; color: #fff;}
#foot .foot-nav .box-right>.contact>b{display: block; font-size: 2.8rem; color: #fff;}
#foot .foot-nav .box-right>.qrcode>img{ width: 140px;height: auto; background: rgba(255,255,255,1);}

#foot .foot-copy{background:#484a4c; margin: 0 auto;padding: 30px 0; }
#foot .foot-copy .copy{ width: 60%; text-align: left;font-size: 1.6rem;color: #666;}
#foot .foot-copy .copy>a{display: inline-block;margin: 0 6px;}
#foot .foot-copy .share{ width: 30%; text-align: right;}
#foot .foot-copy .share>.tit{display: inline-block; font-size: 1.5rem;font-weight: 600; color: #0221b8;}
#foot .foot-copy .share>.bshare-custom{display:inline-block;}
#foot .foot-copy .share>.bshare-custom a{ padding:0;margin:0 2px!important; border-radius:100%; text-decoration: none;  background: none!important; opacity:1; transition:all .35s;}
#foot .foot-copy .share>.bshare-custom a>i{font-size: 2.4rem; color: #0221b8;}
#foot .foot-copy .share>.bshare-custom a:hover i{color: rgba(102,102,102,1);}
#foot .foot-copy .share>.bshare-custom a:hover{ transform: translateY(-3px);}
#foot .foot-copy .share>.bshare-custom .bshare-more{ border-left: 1px  solid #ddd;  border-radius: 0; padding-left: 10px !important;}
#foot .foot-copy .share>.bshare-custom .bshare-more>i{color: #999;}

/* end*/
@media only screen and (max-width: 3000px){
    #head .logo img{height:60px;}
}
@media only screen and (max-width: 2200px){
    #head .logo img{height:60px;}
}
@media only screen and (max-width: 2086px){
    #head .logo img{height: 60px;}
}

@media only screen and (max-width: 1860px){
    #head .logo img{height:60px;}
}

@media only screen and (max-width: 1560px){
    #head .menu{ width: 58%; }
    #head .menu>.navbox>ul>li>a{padding: 0 24px;}
    #head .search{ width: 150px;}
}


@media only screen and (max-width: 1460px){
    #head .logo{ width:17%;}
    #head .logo img{  max-width: none; height:60px;}
    #head .menu>.navbox>ul>li>a{font-size: 18px;padding: 0 22px;}
    #head .menu>.navbox>ul>li>div .wrap{width: 70%;}
}

@media only screen and (max-width: 1360px){
    #head .logo img{  height:60px;}
    #head .menu>.navbox>ul>li>a{padding: 0 18px;}

    #navpart ul>li>a{padding: 0 56px;}


}

@media only screen and (max-width: 1280px){
    #head .logo{width: 30%;}
    #head .menu{ position: absolute; right: 0;top: 0; width: 100px; height: 100px;}
    #head .menu>.click{display: block; cursor: pointer; }
    #head .menu>.navbox{display: none;}
    #head .search{display: none;}
    #head .mall{display: none;}
    #head .lang{display: none;}


    #banner>.inside>.box{top: 50%;}
    #banner>.inside>.box>h3{ font-size: 4.2rem;}
    #banner>.inside>.box>h4{ font-size: 3rem;}



    #foot .foot-nav .box-left>.navbox>ul>li>a{font-size: 2rem;}
    #foot .foot-nav .box-left>.navbox>ul>li>div>a{font-size: 1.4rem;}
    #foot .foot-nav .box-right>.tit{font-size: 2rem;}
    #foot .foot-nav .box-right>.contact>p{font-size: 1.4rem;}
    #foot .foot-nav .box-right>.contact>b{ font-size: 2.4rem;}
    #foot .foot-copy .copy{ font-size: 1.4rem;}
    #foot .foot-copy .share>.tit{font-size: 1.4rem;}



}

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

    #navpart{margin-top: -80px;}
    #navpart ul>li>a{ height: 80px;line-height: 80px; font-size: 1.6rem;}
    #navpart ul>li>a>i{ font-size: 2.5rem;}
    #navpart .pgwMenu .pm-dropDown>a, #navpart .pgwMenu .pm-viewMore>a{ height: 80px; line-height: 80px;}
    #navpart .pgwMenu{height: 80px;}

}


@media only screen and (max-width: 1080px){
    #foot .foot-logo>img{height:80px;}
    #banner{margin-top: 0px;}

    #banner>.inside>.box>h3{ font-size: 4rem;}
    #banner>.inside>.box>h4{ font-size: 2.4rem;}

    #navpart{margin-top: -70px;}
    #navpart ul>li>a{ height: 70px;line-height: 70px; padding: 0 50px; font-size: 1.4rem;}
    #navpart ul>li>a>i{ font-size: 2.2rem;}
    #navpart .pgwMenu .pm-dropDown>a, #navpart .pgwMenu .pm-viewMore>a{ height: 70px; line-height: 70px;}
    #navpart .pgwMenu{height: 70px;}

    #foot .foot-nav .box-left{width: 100%; float:none;}
    #foot .foot-nav .box-right{ padding: 0;  text-align: left; width: 100%; float: none; border: 0;  }
    #foot .foot-nav .box-right>.tit{display: none;}



}



@media only screen and (max-width: 860px){
    .pc-hide{display:unset;}
    .mob-hide{display:none;}
    #navpart .pgwMenu .pm-links.mobile li>a{
        height: 40px !important;
        line-height: 40px !important;
    }
    #head { height:80px;}
    #head .logo{width: 88%;  
    line-height: unset; 
        
    }
    #head .menu { width: 70px; height: 70px;}

    #banner {margin-top: 80px;}
    #banner>.inside>.box>h3{ font-size: 3.2rem;}
    #banner>.inside>.box>h4{ font-size: 2rem;}

    #path{ display:none; position: relative; top: 0;}
    #navpart ul>li>a{ padding: 0 40px; }

    #page{ padding: 10px 0;}
    #page>.num>a{ width:40px;height:40px; line-height:40px; font-size:1.2rem;}


    #foot .foot-nav .box-left{display: none;}
    #foot .foot-nav .box-right>.qrcode{float: left; width: 30%; box-sizing: border-box;padding-right: 5%; text-align: left;}
    #foot .foot-nav .box-right>.contact{ float: right; width: 70%;text-align: left;}

    #foot .foot-copy .copy>a{margin-left: 0; }


}

@media only screen and (max-width: 768px){
    #head .logo a{height: 70px;}
    #head .logo img{  height: 55px;}
}

@media only screen and (max-width: 640px){
    #menu-mob {width: 100%;}
    #head .logo img{  height: 55px;}


    #banner>.inside>.box{top: 46%;}
    #banner>.inside>.box>h3{ font-size:2rem;}
    #banner>.inside>.box>h4{ font-size: 1.6rem;}

    #navpart{margin-top: -50px;}
    #navpart ul>li>a{ height: 50px;line-height: 50px; font-size: 1.4rem;}
    #navpart ul>li>a>i{ font-size: 2rem;}
    #navpart .pgwMenu .pm-dropDown>a, #navpart .pgwMenu .pm-viewMore>a{ height: 50px; line-height: 50px;}
    #navpart .pgwMenu{height: 50px;}

    #foot .foot-logo { text-align: center; padding: 40px 0; margin: 0 auto; }
    #foot .foot-logo .gotop { position: fixed; z-index: 99; right: 10px; top: auto; bottom: 20px; background: rgba(0,0,0,.5);  border-radius: 0;}
    #foot .foot-logo .gotop i{color: #fff;}
    #foot .foot-nav .box-right>.contact>p { font-size: 1.2rem; }
}


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

    #head .logo img{height: 45px;}
    
    #foot .foot-nav .box-right>.qrcode{float: none; width: 100%; padding-right: 0; text-align: center;display:none;}
    #foot .foot-nav .box-right>.contact{ float: none; width: 100%;text-align: center;padding:0px;}
    #foot .foot-nav {  padding: 10px 0 0px 0; }
    #foot .foot-copy{padding: 18px 0;}
    #foot .foot-copy .copy{ float: none; width: 100%; font-size: 1.4rem;text-align: center;}
    #foot .foot-copy .share{ float: none; width: 100%; padding-top: 10px; text-align: left;}
    #foot .foot-copy .share{text-align: center;}

}