@charset "utf-8";


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

@import url(../fonts/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:#014099;}
* { margin: 0;padding: 0;list-style: none;outline:none;box-sizing:border-box; font-family:'sourcehansans'; }
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;}



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

#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: rgba(38,87,161,1);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:rgba(38,87,161,1);}
#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; transition: all .35s;}
#head .menu>.navbox>ul>li>a:hover{color:#1f57a1; }
#head .menu>.navbox>ul>li>div{display: none; position: fixed;z-index: 9; left: 0; top: 100px; text-align: center; width: 100%; padding: 50px 0; background: rgba(240,240,240,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{display: inline-block;float: left;width: 50%;text-align: left; box-sizing: border-box; padding: 10px; margin-bottom: 30px; font-size: 16px; transition: all .35s;}
#head .menu>.navbox>ul>li>div .wrap>.box-left>.nav>a>.iconfont{ display: inline-block; float:left; color: rgba(146,199,46,1); 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;width: auto;}
#head .menu>.navbox>ul>li>div .wrap>.box-left>.nav>a:hover{background: rgba(146,199,46,.2); color: #666;}
#head .menu>.navbox>ul>li>div .wrap>.box-right{width: 50%;text-align:left;border-left: 1px solid rgba(146,199,46,1); 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: rgba(102,102,102,1); color: #fff; transition: all .35s;}
#head .menu>.navbox>ul>li>div .wrap>.box-right>.url>a:hover{ background: rgba(31,87,161,1);}


#head .menu>.navbox>ul>li>div .menu-product{ position: relative; width: 60%;margin: 0 auto;}
#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;transition: all .35s; }
#head .menu>.navbox>ul>li>div .menu-product .prev>i{ font-size: 60px; color: rgba(102,102,102,1); transition: all .35s; }
#head .menu>.navbox>ul>li>div .menu-product .prev:hover{ left: -60px;}
#head .menu>.navbox>ul>li>div .menu-product .prev:hover i{color: rgba(38,87,161,1);}
#head .menu>.navbox>ul>li>div .menu-product .next{ position: absolute;z-index: 4; right: -50px;top: 30%;  cursor: pointer;transition: all .35s; }
#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: rgba(38,87,161,1);}
#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;padding: 34px 0;}
#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; padding: 36px 15px;}
#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;}

#head .lang{ position: relative;z-index: 99; line-height: 100px; 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:rgba(38,87,161,1);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: rgba(146,191,46,1); width: 50px;height: 50px; line-height: 50px; text-align:center; }
#menu-mob>.close>i{color: #fff;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:16px; color:#fff;padding:8px 30px; transition:all .35s;}
#menu-mob>.menu>ul>li.A>a{ color: rgba(146,191,46,1);  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:rgba(38,87,161,1);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: rgba(38,87,161,1); font-family: 'iconfont'; font-size: 16px; content: '\e61e';}

#menu-mob>.mall{margin-top: 10px;}
#menu-mob>.mall a{display: block; float: left;width: 50%; text-align: center;padding: 8px 0;}
#menu-mob>.mall a>img{ display: block; margin: 0 auto; height: 24px; vertical-align: middle;}
#menu-mob>.mall a>span{ display: block; font-size: 12px; font-weight: normal; color: #fff;}


/* end*/


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














/* banner */

#banner{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: 56%; margin-left: -35%;width: 70%; height: 50px; text-align:left;}
#banner>.inside>.box>h3{ position: relative; font-size: 5.6rem; font-weight: normal; color: rgba(255,255,255,1);}
#banner>.inside>.box>h4{ position: relative; padding-top: 5px; font-size: 4rem; text-transform: uppercase; font-weight: normal; color: rgba(255,255,255,.3);}
#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: 100px; left: 0; width: 100%;  height: 56px; line-height: 56px; box-sizing: border-box;padding: 0 20px; border: 1px solid rgba(38 ,87,161,1); border-bottom: 0;  font-size: 14px;font-family: 'SimSun'; background: rgba(38 ,87,161,.8); 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: rgba(146,191,46,1);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: rgba(146,191,46,1);  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: rgba(146,191,46,1); 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: rgba(146,191,46,1); 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:rgba(146,191,46,1);}
#navpart .pgwMenu .pm-dropDown a.active,#navpart .pgwMenu .pm-viewMore a.active { background: rgba(146,191,46,1);}
#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:80px 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:rgba(38,87,191,1);}
#page>.num>a.active{background:rgba(38,87,191,1);border:1px solid rgba(38,87,191,1);color:#ffffff !important;}


/* end*/



/*  kefu*/

#kefu {position: fixed;right: 0; z-index: 99999;transform: translateY(300px);}
#kefu .main {width: 60px;background: rgba(31,87,161,.9);box-sizing: border-box; box-shadow: -2px 0 15px rgba(255,255,255,.2); }
#kefu .item {border-bottom: 1px solid rgba(255,255,255,.3);position: relative;box-sizing: border-box; cursor: pointer;}
#kefu .item .tellink {background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM1MiwgMjAyMC8wMS8zMC0xNTo1MDozOCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjcyQ0Y4RkQ0QzNBQTExRURCM0Y5QjJDMDZGNzQxOEIyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjcyQ0Y4RkQ1QzNBQTExRURCM0Y5QjJDMDZGNzQxOEIyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzJDRjhGRDJDM0FBMTFFREIzRjlCMkMwNkY3NDE4QjIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzJDRjhGRDNDM0FBMTFFREIzRjlCMkMwNkY3NDE4QjIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7DQv5kAAAD4ElEQVR42uybW0gVQRzG55hRmUYWYmnSzYwwqLSrZDcfIosQKgqhUoqkKLrRTbDoJSqoh17sQhJRQT3Ynej+1EWMboZSkQnazbDQqOii2/dnRzDR487snPXMeD74cVD3fLv7Obs7859Zn2VZrCsrjHVxhQIIBRAKQEi9wFSwFTwAdAc9CcboGoBP4CkwHawFc0DvVn8rBVngvaktYCc4Cxa2cfKkCSBPx0vKSQs4AlY58KoCM/mnES3AB5aB5Q69hoA1JrWAFHAJxAv4fQLTwCvdW0BPkCN48qRYsMOES2AUWCrpuQBM0T2AyaCvpGcUbwXddA4gzaUvPQ3m6RxAkkvfSLAeROgawHAF3qlglq4B9Ffg3Qck6xpAkyL/aF0D+K7A+zO4o2sA9S59qQUdBLd0DeCjC08KrwDsVXgpeR7AO0m/N3wAtUeXnmB4O7+XKWzc46PB5yaMBcoEPBrBCbBIt5P3F8AT8NWhB10uB8AHpqHC/FzLTltBvIKxQ9AFQM/wxw49aNSX4ed+omUApCvgm0OfNAUDqKAL4CGza/9ONIjZhZBwkwKg7vAF8MuhF1WO40wKgHQR1Ai0ghXMriYbEwB1iA4J+OXqMAQWCYB0Grxw6JcA9rO2Z4+0DaAO7BPwpLnDDSYFQCoG1wR8N4J0kwL4AfJBtcPtqaRWxOzyuhEBkJ6CQoHtE5m9diDFlABIx8ENge1HgKP804gAasEW8FLgO1QePwYGB2MAPsl1ghm8lxgp8J37YCWocHG8A8BsZi/IoG53Obgu+A/5XxSAJJsscT0DMyT3FwvugqZWnhVgG4iT8XUTQDgolAihFuSDCIF9dQdFfjwplDKwGkR5FQARDa5KhNDEvzcahDnYz3bQ6MD3LygBS0CkFwEQw0C5JadqsBsk+vHPBg0S3lfA3I5amooAiFTw1pJXFSgA44GvhW86qHHhSy3tFBgb6ACIFN783IhO9hzI4wddZqnRa5DZ1nH7FC+XT+DD5yyXPnRQVWCowmMr5lUrVx2hjkRjhRxwxm3/RPHJk0aq6Ak6UT0vj9Hk6M8g6vRVehVAcz1xM+/5VQZJALe9DKBZdCnQ+uKbnXzy1BIfdUYAJJpmy+b1hM5aTV7Kxw1KxwIyjAOXLW9VB+a3d0xeL2+n1rCY2atQqdDa6ME+D4PLqofDKtSPB7GOzyn0UOz/h1e0cwNRD1Apmk2iVaWZYCIYqOgptIvZ0/Ys2ANoKXofaS6YxMMQnV/4wp849HbL+UBWhAKtGN5zS+ZBJPGfY1pt18DsdxPoDl/CH3VUvP0d6JKYMQq9NxgKIBRA19Y/AQYA3TKgo0XJ99EAAAAASUVORK5CYII=");}
#kefu .item .qqlink {background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAABGhJREFUeF7tmknIXUUQhc+3UFdGVBIEFXQhagQHBBV04xCHLBxRMXFYiG4iKmiIw8K4UdEsEidwApVoMEoCCkZRdw5ExAknRCSLuIhoQF1phJKS++T6+8fX3VVvgP8VXN7jvTpVp8/t7nu7u9ACNxZ4+zUTYNYDFrgCsyGwwDvAeCdBM1suaZmkI3qXSfq+d20Fto/rxox8CJjZiZIuk3R11+iStn0h6RVJrwEflwBafUYqgJmtkXS3pP0bCe6R9AhwWyN+KGxkApiZ30G/8xm2CzgkI9DcGCMRwMyelnR9MuGXgSuSY+ZPgmZ2j6S12US7eDcBj2XGTu0BZnajpCcyCc4T63Tg/awc2QJ8JOnkLHJ7ibMFyJpb8obAmO7+QJOVwIsZQqf1ADPzl5dTMkgVxNgOnFbgN9QlRQAzczIfDM2W63A08G00ZJYA90u6I0qmEr8KeLwS8x/3LAG+lnRMlEwl3tcMl1Zi8gUwswMl7Y4SacDvBA5vwP0LEu4BZuaPPX/8TcIWAz9FEmcIcLmkzRESAewy4O0APv4e0K34HoiQCGBXA+sC+BQBHpJ0e4REALsOWB3ApwjwpKQbIiQC2KcAX380W8Yc8JKk9GVqYYs2A1cW+s7rliHAG5LOi5AIYN8Ezg/gU4bAz5IOipAIYHcDBwfwMQHM7AJJr0cIJGCXA9ta44SGgJltlLSyNXkS7gXAd5ybrFkAM/Od3l+bsuaDFgG/tYSNCHCtpOdako4Acx3wfEvciAA+9n0OmAbbBvipU7U1CWBmvvT1JfA02bHAN7WEWgW4U9J9tclG7H8X4BszVdYqwDj3/0ob9CFwaqnzwK9aADM7W1JoCVpLssL/HOCdCv/6FyEzWy/plpokY/TdANxak6+lB3wm6fiaJGP0/Rw4oSZflQBTOvvPbW/V06BWgFWSHq1ReAK+VQeotQJskXRJr1G/S9pvAo38v5RV2+W1AnwiyUteBuY9IvW4ukHMZ+bUInwKnFQap1aAnZIO7YJvBK4xs12SlpQmTPb7UtIZkt6VdFwX+wfgsNI8tQL8IWkfSTsknQnsSC6FKeU98NsErDCziyVt7X7cA+xbGqhWAC9pc1sBbPIvZualMF4SMwn7ZzPEzG6WtMFvDnBkKZlaAbx87WHAd4L/NjNbKsm74rjtO+CoflIz85egs4ALS8nUCrAU+Gpu8BEVRQ1rwxrgwXm4LAF+HAYe/F8lwN6CmpmXsPn6YDARleZv9XsP8MkvbCkCdEOhPxGFiQ0JcBHwakaSNAE6EbyiM3RWV9CoG4C0STdVgE6EUdYJngu8VSBSsUuaAF2dgJ/Thc7qhjD3Qgx/83t2vsm4uNU9xxQBzGzcJ8R/SlofPRl2HcICmJkXR3iRxCRsLXBvJHGGAFdJ8sWHPwIXS1rUu3yl6Icnv/Q++98HByuOOaDD+Wf/u//nq073HVz+nPeNGa8XDD0NwgJE1J8G7EyAabgLk+Qw6wGTVH8acs96wDTchUly+AsrJkJQLHi/pAAAAABJRU5ErkJggg==");}
#kefu .item .wechatimg {background-image: url("data:image/png;base64,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");}
#kefu .item .email{background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAA2hJREFUeF7tWk2oTVEU/j4yE6VEZCZJGSk/JQMZkAEZGPjpGXp6L1HKQyiPpwgRSig/Ez8DRmSkRK9eKaUkSRJRJkoGpKWlfep4d5+713HOvffce/auN3lnnbXW9+1vrb3OPYeo+WLN8SMSEBVQcwZiCdRcALEJxhKIJVBzBmIJWAUgIrcBrAAww3pPh+w+ARgjud4S36QAERGLs6rZkAziCxqIyD0A66oGzpjPHZIbm9laCPgIYJYxYNXMvpCcWZSAMwB2Vg2ZMZ9RkssKEaA3i8hKAErEQmPgKpjtIXkylEiwBNIORGQYwP6Q0w5fvw9gF8l3ljxyEeDUsNipoam0LMFLtvkGYJDkjTx+cxOQOBeRvQBG8gRroe0lt+s/8sYIEiAi1wAcJ/lqvHMRmQvgIoBVeQOXZP8GwADJR57c5gMYItlXqAm6IUinKyXhnM+ZiAy6sphQEjCLmyMkD2bkMwBAFTo7NAxZFJCeArXBKBGjHsanAbgCwDSCWhBm2DwDsIPkC08O2p+G0jmUTYDG/K4kADhGsmFEFpHNAC4AmFIAZNatKvfzHuC6kQpc/yanr7eCgMT/Y22Cvvpzp4V24y0lkaDjeD/Jzx7w2n8UuM4qDauVBCTBTgA4SlKPoX+WiKwBcLnAKK1dvY/kXY/vqa7OtdYzVzsI0ODPnRoaEnVqOKtndE416NG2PaPMNgDYB2BRyGe7CEjy0KSHSX7w7NgSANcBzAsk/R7AVpJPPD7mOLn3h4An19tNgMZ96xrkVV+SInIIwOEMAFpKBzLu2+bGcJ09zKsTBCTJ3XJqeOnZSQVxE4CqQteY2/XXHtsFDvgmM+qUYScJ0DS+OjWczthV7Quao/aIhiUi+hiuD1/T/we83tNpApK8Hzg16BATXCKyFICWwtqgccCgKgRomr/0uHRE/M7Y8YluxxX8pKLgq6SANJanjoSH6X+KyGoHfnkZwBMfVVLAeFyn3LPDT53yAOwuE3g3ENAKvA0+q6yASEA7GIgKCLwdyvuDSDs2rdQYUQFRAc1fkMYSCBVct74aj4OQYyA2wdgEizfB2n8gUe9PZLSXdOtJEGqAf38wCR2DyfVafyZnJakb7cwK6EZwlpwjARaWetkmKqCXd9eCLSrAwlIv20QF9PLuWrBFBVhY6mWbP8BRRVD/mYC9AAAAAElFTkSuQmCC");}
#kefu .item .gotop{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM1MiwgMjAyMC8wMS8zMC0xNTo1MDozOCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBCRThCQ0M3QzNBQjExRUQ5RTRBQTc4MDJGRTA4MDg0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBCRThCQ0M4QzNBQjExRUQ5RTRBQTc4MDJGRTA4MDg0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MEJFOEJDQzVDM0FCMTFFRDlFNEFBNzgwMkZFMDgwODQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEJFOEJDQzZDM0FCMTFFRDlFNEFBNzgwMkZFMDgwODQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4u94YzAAADnElEQVR42uyZSWgUQRSGp8fpTJLRxETFEBUDRlFQ0IsIShQUL+JBD4LLzeBJght4EMUgqCfFKLgcRNAIXrwFJSe3qJCLB+OOwYlgcEmMJplMlin/ghcpyq7unnbSM91TDz7ooXu6qv56VfXea4MxFilmi0aK3LQAWgAtgBZAC6AF0ALkxeLgBDgPKvLViVie2p0OToJDwAD1YD/45HtPeCjsM9XgCvvXnoCVfvfH78HXglamti6wKawC1IM25mw9YEfYBFgFOph76wONYRFgPXjJsrcBcDjoAmwFH5l3GwbNQRVgF+hl/29p0AKiQRJgH+hnubNxcBNUBUGAI2CI5d4y4B6oK1QBTFqvI2xqrTOXAZORo6Ioj+vPggM+BbBJsAc8LpRcYBnYAn7y6NoHASrB3lwIkCsPmAY2U1aX8ckL3oMXhSKArgdoAbQAWgAtgBZAC6AF0AIEzeRcYDEoAWNeokowDD4r8gEeLs+jxCmqeMagUHoE9Ni0ZYL59K6MQ5/4/SHwFYw7hcJvQQ345TEfuAsOWghYQR8+toHZNACm8MhR6uxtcA2kLJ6bAy6DdQ6TZdCgu8EDcBX02nnAEqHDXmzMYmBllCY3Z/GeOrCaZo+LkJbuT87kXJfvWwg2gAXgkphEyQI8BTNpFv5+PKKZ4arXgu/glUKkmMW+shw00fUIzUZKsf9MgBkkAF+KR0E7eaZsk64/SJ/UUhbjYbRMllJ7u0E12K4SoBGUWgiQAC0kQD8VP5IWnUrQIOTZnEXX98Fp6rRKgCpwCmykPaNGIYDodRfBQ1qGsgCV1N8GGluD3RJ4bbNZxgWX5gPocul+pnD9DnS6+E+3tLfYGe/PF/DG5qT7IAy83MsxWC6pmk0lSdwT4pIgVhYn97f6v+r9JTb3E9L9iWKMAzLSyRA6Aey8hM/+IuH3sN0eEETje8AtcMMmFiij69GIVEeMhcQDSl08wwffCs6FTYAJik2GFCcGI7fnkeUZOXQOgwD8SD4G2gRXl0PhHtU+EQYB+LHZJ8f4xZQOMxfBkq4H5FMAsY20i1pDWspFprSPfuwBg8I1T3GPO7gs39VXCL9TQReABx7PwRoqYKx1mNWMEK62UyJTUEvAyPL5JBUhxklwkzxAhUnP8drBBfDNoR+GHx7AG/kNOsCAh2zwDv1vJ1VxTJt20nSkXQePIurS2Q/wjDJV06sA+vO4Pga1AFoALYAWQAugBSha+yPAAG4hvRlQdj/XAAAAAElFTkSuQmCC");}
#kefu .item>div {transform: translateX(300px);}
#kefu .item:hover{ background-color: rgba(146,199,46,1);  }
#kefu .item:hover div { transition: all 300ms linear; transform: translateX(0);}
#kefu .item .box { position: absolute;right: 58px; top: 0; z-index: 3;}
#kefu .item .kftel { cursor: pointer; height: 60px; width: 140px; display: flex; align-items: center; justify-content: center;font-size: 1.6rem;color: #fff; background: rgba(146,199,46,1); box-sizing: border-box;}
#kefu .item .kftel>a{ display: block; color: #fff;}
#kefu .item .qq {height: 60px; width: 140px; display: flex; align-items: center; justify-content: center; font-size: 1.6rem; color: #fff; background: rgba(146,199,46,1); box-sizing: border-box;}
#kefu .item .erweima {box-shadow: 0 0 15px #e4e4e4;display: flex; flex-wrap: wrap; align-items: center; justify-content: center;padding: 15px;font-size: 1.2rem; color: #666;background: #fff;box-sizing: border-box;}
#kefu .item .erweima img {width: 120px; height: 120px;}
#kefu .item .erweima p {width: 120px; padding: 5px 0; display: flex;align-items: center;justify-content: center; font-size: 1.4rem;}
#kefu .item>a { width: 60px; height:60px; z-index: 9999; background-position: center center; background-size: 25px auto; background-repeat: no-repeat; display: flex; align-items: center; justify-content: center;}
#kefu .item>a:hover { transition: all 300ms linear;background-color: rgba(146,199,46,1); }
#kefu .item>a img {height: 30px; width: 30px; display: block;}
#kefu .item>a img:hover {transition: all 300ms linear; transform: scale(1.3);}
#kefu .item:last-child {border-bottom: none;}



/* end*/







/*foot */
#foot{ position: relative;z-index: 3; width:100%; margin:0 auto; background:rgba(31,87,161,1) ;}
#foot:after{ display: none; position: absolute;z-index: 3;left: 0; top: 0;width: 100%;height: 8px; background: rgba(146,199,46,1); content: ''; transition: all .35s;}
#foot .wrap{ width: 86%; max-width: none; margin: 0 auto;}

#foot .foot-logo{ position: relative; text-align: left; padding: 60px 0; border-bottom: 1px solid rgba(255,255,255,.2);}
#foot .foot-logo>img{height: 65px;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: rgba(31,87,161,1); 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: rgba(255,255,255,.6); 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>.contact>b>a{color: #fff;}
#foot .foot-nav .box-right>.qrcode>img{ width: 140px;height: auto; background: rgba(255,255,255,1); padding: 8px;}

#foot .foot-copy{background:rgba(255,255,255,1); 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: rgba(146,199,46,1);}
#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: rgba(146,199,46,1);}
#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: 1560px){
    #head .menu{ width: 48%; }
    #head .menu>.navbox>ul>li>a{padding: 0 24px;}
    #head .search{; width: 150px;}
}


@media only screen and (max-width: 1460px){
    #head .logo{ width:22%;}
    #head .logo img{  max-width: none; height: 32px;}
    #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: 30px;}
    #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){

    #banner{padding-top: 100px;}

    #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){

    #head { height:70px;}
    #head .logo{width: 50%;  line-height: 70px; }
    #head .menu { width: 70px; height: 70px;}

    #banner {padding-top: 70px;}
    #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:30px 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: 640px){
    #menu-mob {width: 100%;}
    #head .logo img{  height: 28px;}


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

    #kefu{display: none;}


    #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: 24px;}

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

}