@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: rgba(53,59,73,1);text-decoration: none;outline:none;  star:expression(this.onFocus=this.blur());}
a:hover, a:active { color:#db261d;}
* { 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;}
.wrap{ width: 86%; max-width: 1460px;margin: 0 auto;}
::-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:1000; left:0; top:-1px; width:100%; height:110px; background:rgba(255,255,255,1);box-shadow: 0 1px 8px rgba(0,0,0,.1); transition:all .35s;}
#head.active {transform: translateX(-300px);}
#head .wrap{ position:relative; }
#head .logo{ position:relative; 
/*width:20%; */
/*margin-right: 6%;*/
line-height:110px; box-sizing: border-box; overflow:hidden; transition:all .35s;}
#head .logo>a{display:block;
/*width: 200px;*/
    
}
#head .logo>a>img{ width:100%; height:auto; max-width: 250px;}
#head .menu{ 
    /*width:55%;*/
    padding-left: 5%;
    height:110px;  text-align:left; transition:all .35s; }
#head .menu>.click{ display:none;}
#head .menu>ul{margin:0 auto;}
#head .menu>ul>li{display:block; float:left;
padding: 0 25px; 
text-align:center;}
#head .menu>ul>li>a{ position:relative; display:block; font-size:1.8rem; font-weight: 700; color:rgba(53,59,73,1);line-height:110px; transition:all .35s;}
#head .menu>ul>li>a>span{ position:relative;z-index:100;}
#head .menu>ul>li>div{display:none; position:fixed;z-index:96; left:0; top:109px; width:100%; height:auto; text-align:left; background:rgba(0,0,0,.8);}
#head .menu>ul>li>div>.box{ width:60%;margin:0 auto;padding:50px 0;}
#head .menu>ul>li>div>.box .tit{ padding:20px 0; font-size:28px; font-weight:normal; color:#db261d;}
#head .menu>ul>li>div>.box .txt{ font-size:14px; color:rgba(255,255,255,.7); line-height:24px;}
#head .menu>ul>li>div>.box .more{padding:10px 0;text-align:left;}
#head .menu>ul>li>div>.box .more>a{display:inline-block; color:#db261d; font-size:1.4rem;}
#head .menu>ul>li>div>.box .nav{ padding:20px 0; text-align:left;}
#head .menu>ul>li>div>.box .nav>a{ position:relative; display:inline-block; padding:2px 0; font-size:1.6rem; color:rgba(255,255,255,.8); margin-bottom:5px; margin-right:30px; transition:all .35s;}
#head .menu>ul>li>div>.box .nav>a:after{ position:absolute;z-index:1;left:0;bottom:0; width:0;height:1px; background:#db261d; content:''; transition:all .35s;}
#head .menu>ul>li>div>.box .nav>a:hover{ color:#db261d;}
#head .menu>ul>li>div>.box .nav>a:hover:after{ width:100%;}
#head .menu>ul>li>div .img{ width:40%; padding:20px 0; height: 220px; overflow: hidden; text-align:left;}
#head .menu>ul>li>div .img>img{max-width:100%;height:auto;}
#head .menu>ul>li.A>a{ color:#db261d;}
#head .menu>ul>li.A>a:after{ height:100%;opacity:1;}

#head .iot{ line-height:110px; text-align:center; transition:all .35s;}
#head .iot>a{ position: relative; display:inline-block; padding: 0 50px; box-sizing: border-box; height:40px; line-height:40px; border-radius: 8px  0 8px 0; background-color: #db261d;  background: -webkit-linear-gradient(top, rgba(223,53,72,1), rgba(193,53,68,1)); color:#fff; font-size:1.2rem; font-weight: bold;transition: all .35s; }
#head .iot>a:hover{color: #db261d; background: none;}
#head .iot>a:after{position: absolute;z-index: 3; left: -2px;top: -2px; width: 100%;height: 100%; border-radius: 8px  0 8px 0; border: 2px solid #db261d; opacity: 0; content:'';transition: all .35s;}
#head .iot>a:hover:after{opacity: 1;}

#head .navbar{ padding: 0 30px; line-height: 110px; transition:all .35s;}
#head .navbar>a{display: inline-block; margin: 0 8px;}
#head .navbar>a i{ font-size: 2.8rem; color: rgba(53,59,73,1); transition: all .35s;}
#head .navbar>a:hover i{color: #db261d;}
#menu-mob {background:rgba(53,59,73,1);color: #fff;position: fixed;right: -300px;top: 0;width: 300px;height: 100%;z-index: 9999;transition: all 0.35s;transform-origin: left center;transform: perspective(800px) rotateY(90deg);}
#menu-mob.active {right:0;transform: rotateY(0deg);}
#menu-mob>.logo{height: 80px; line-height: 80px; box-sizing: border-box;padding: 0 20px; background: #db261d; text-align: left;}
#menu-mob>.logo>img{height: 36px;width: auto;}
#menu-mob>.menu{ padding: 30px 0; }
#menu-mob>.menu>ul{display:block;}
#menu-mob>.menu>ul>li{display:block;}
#menu-mob>.menu>ul>li>a{display:block; font-size:1.6rem; font-weight: 400; color:#fff;padding:8px 25px; transition:all .35s;}
#menu-mob>.menu>ul>li.A>a{ background:rgba(0,0,0,.2);}
#menu-mob>.menu>ul>li>div{display:none;padding:10px 25px 20px 25px; background: rgba(0,0,0,.1); }
#menu-mob>.menu>ul>li>div>a{display:block;padding:6px 0; font-size:1.4rem; color:rgba(255,255,255,.9);}
#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,.5); height:40px; border-radius:8px;}
#menu-mob>.search>form input[type="text"]{outline: medium;float:left;height:40px;line-height:40px;width:80%;padding-left:16px;border:none; font-size:1.4rem; background:none;color:#d0021c;box-sizing:border-box;overflow:hidden;}
#menu-mob>.search>form input::-webkit-input-placeholder{ color:#fff;}
#menu-mob>.search>form button{float:right;width:20%;height:40px;border:none; background: none; opacity:1;cursor:pointer;box-sizing:border-box;overflow:hidden;}
#menu-mob>.search>form button>i{color: rgba(53,59,73,1);}
#menu-mob>.iot{ padding:0 20px; transition:all .35s;}
#menu-mob>.iot>a{display: block;background: #db261d; font-size: 1.4rem; text-align: center;padding: 10px 0; color: #fff; border-radius: 5px;}
/* end*/
/* banner */

#banner{background:#fff; height:auto; overflow:hidden; 
/*padding-top:110px;*/
padding-top: 78px;
transition:all .35s;}
#banner.active {transform: translateX(-220px);}
#banner .swiper-container{ position:relative; width:100%; height:100%;}
#banner .swiper-slide{ width:100%; height:100%; overflow:hidden; text-align:center; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
#banner .swiper-slide img{width:100%; height:auto;}
#banner .swiper-container-horizontal>.swiper-pagination-bullets, #banner .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 20px!important;}
#banner .swiper-pagination-bullet {width:40px !important;height:4px !important;border-radius:0!important; transition:all .35s;}
#banner .swiper-pagination-bullet-active { width:80px !important; opacity: 1;background: #d0021c;}
#banner .inside{ position:relative; margin:0 auto;}
#banner .inside>.wrap{ display:none; position:absolute;z-index:9; left:50%; bottom:40%; width:80%; margin-left:-40%;}
#banner .inside .txt{ text-align:left;}
#banner .inside .txt>h3{ display:block; font-size:40px; font-weight:700; color:#333;}
#banner .inside .txt>span{display:block;padding:10px 0; font-size:22px; font-family:Arial; color:rgba(0,0,0,.5);}
#banner .inside img{width:100%; height:auto; margin:0 auto;}
#banner  .mob{display:none;}
/* end*/
/* search */

#search{ display: none; position: fixed;z-index: 1001; left: 0;top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.9);}
#search .close{  position: absolute;z-index: 5; right: 20%;top: 20%; cursor: pointer; }
#search .close>i{font-size: 6rem; padding: 10px; color: #fff; background: #db261d; border-radius: 100%; transition: all .35s;}
#search form{ position: absolute;z-index: 8; left: 50%;top: 50%; margin-top: -25px; margin-left: -25%; width:50%; height:50px;background:rgba(255,255,255,.9); border-radius: 8px; }
#search form>input[type="text"]{outline: medium;float:left;height:50px;line-height:50px;width:80%; padding-left: 20px; border:none; background: none;  font-size:14px;color:#777;box-sizing:border-box;overflow:hidden;}
#search form>input::-webkit-input-placeholder{ color:rgba(0,0,0,.4);}
#search form>button{ position: relative;float:right;width:100px;height:50px; line-height: 50px; border:none; background: none;  color: #db261d;cursor:pointer;box-sizing:border-box;overflow:hidden;}
#search form>button>i{vertical-align: top;font-size: 2.4rem; }

/* end*/
/* path */

#path{ position: relative;z-index: 2; width: 100%; margin: 0 auto; padding: 16px 0; background: #db261d; box-sizing: border-box;  font-size: 1.5rem; color: #fff; text-align: right;}
#path a{display: inline-block; margin: 0 5px; color: #fff; transition: all .35s;}
#path a:hover{ text-decoration: underline;}
/* end*/
/*title*/

#title{margin:0 auto; transition:all .35s;}
#title>.wrap{ position: relative;
/*padding:50px 0;*/
/*padding: 15px 0;*/
padding: 35px 0 35px;
text-align:center; font-size:2.4rem; font-weight:bold; color:#333; margin:0 auto;}
#title .back{ display: inline-block;float: right; font-size: 1.4rem; color: #333; vertical-align: top; border: 1px solid #ddd; border-radius: 50px; padding: 8px 30px; transition: all .35s; }
#title .back:hover{color: #db261d; border: 1px solid #ccc;}
#title.active {transform: translateX(-220px);}
/*END*/
/* navpart */

#navpart{ position: relative;z-index: 90; margin: 0 auto; background: #eee; padding: 50px 0; transition: all .35s; }
#navpart.active {transform: translateX(-220px);}
#navpart ul{margin: 0 auto;white-space: nowrap; text-align: center;}
#navpart ul>li{ position: relative; display:inline-block; vertical-align:top; overflow: hidden; background: rgba(255,255,255,1); margin: 0 10px; box-shadow: 1px 2px 3px rgba(0,0,0,.1); box-sizing: border-box;}
#navpart ul>li>a{ position: relative;z-index: 50; display: block; box-sizing: border-box;  height: 50px;line-height: 50px; padding: 0 50px;font-size: 1.6rem; color: rgba(53,59,73,1);transition: all .35s;}
#navpart ul>li>a.active{background: #db261d; color: rgba(255,255,255,1) !important;}
#navpart ul>li:hover:after{height: 100%;}
#navpart ul>li:hover a{ color: #db261d;}

#navpart .pgwMenu { position: relative; text-align: center; padding: 0;margin: 0; height: 50px; }
#navpart .pgwMenu ul { list-style: none; white-space: nowrap;}
#navpart .pgwMenu .pm-links{display: inline-block;vertical-align:top;}
#navpart .pgwMenu .pm-dropDown{ display: none;position: relative; width: 100%;margin: 0 auto; vertical-align:top; }
#navpart .pgwMenu .pm-dropDown>a{position: relative; display: block; color: rgba(255,255,255,1); font-size: 1.6rem; background: #db261d; box-shadow: 1px 2px 3px rgba(0,0,0,.1); height: 50px; line-height: 50px; padding: 0 30px; text-decoration: none;}
#navpart .pgwMenu .pm-dropDown>a>i{margin-right: 5px; font-size: 1.8rem;}
#navpart .pgwMenu .pm-links.mob{ position: absolute;z-index: 9; left: 0; width: 100%; }
#navpart .pgwMenu .pm-links.mob>li{ display:block!important; padding: 0;margin: 0; border-bottom: 1px solid #eee; }
#navpart .pgwMenu .pm-links.mob>li>a{display: block;}
#navpart .pgwMenu .pm-links.mob>li>a:hover{color: #db261d;}

#navpart .pgwMenu .pm-viewMore{ display: none;position: relative;vertical-align:top; }
#navpart .pgwMenu .pm-viewMore>a{position: relative; display: inline-block; color: rgba(53,59,73,1); font-size: 1.4rem; background: rgba(255,255,255,1); box-shadow: 1px 2px 3px rgba(0,0,0,.1); height: 50px; line-height: 50px; padding: 0 30px; text-decoration: none;}
#navpart .pgwMenu .pm-viewMore>a>i{margin-left: 5px;opacity: .6;}
#navpart .pgwMenu .pm-viewMore>ul{ position: absolute;z-index: 3; right: 0; }
#navpart .pgwMenu .pm-viewMore>ul>li{ display:block!important; padding: 0;margin: 0; border-bottom: 1px solid #eee; }
#navpart .pgwMenu .pm-viewMore>ul>li>a{display: block;}
#navpart .pgwMenu .pm-viewMore>ul>li>a:hover{color: #db261d;}
/* end */
/*foot */
#foot{ position: relative;z-index: 3; width:100%; margin:0 auto; overflow: hidden; background:rgba(53,59,73,1); transition: all .35s;}
#foot.active {transform: translateX(-220px);}
#foot:after{position: absolute;z-index: 2;
/*right: -3%;top: -20%; */
right: 1.5%;top: -10%;
width: 30%; height: 100%; background: url("../img/logo_ico.png") no-repeat; background-size: 100% auto; opacity: .16; content: '';}
#foot:before{ display: none; position: absolute;z-index: 1; top: 0; right: 0; width: 34%;height: 100%; background: #db261d;content: '';}
#foot .navbox{ position: relative;z-index: 8; padding-top: 80px; margin: 0 auto;}
#foot .navbox>.nav{ width: 75%;}
#foot .navbox>.nav>ul{padding: 0;}
#foot .navbox>.nav>ul>li{display: block;float: left; text-align: left; box-sizing: border-box; padding-right:8.3%;}
#foot .navbox>.nav>ul>li>a{display: block; font-size: 2rem; font-weight: 500; color:rgba(255,255,255,1);}
#foot .navbox>.nav>ul>li>div{padding: 30px 0;}
#foot .navbox>.nav>ul>li>div>a{display: block;font-size: 1.4rem;color: rgba(255,255,255,.6);padding: 5px 0; transition: all .35s; }
#foot .navbox>.nav>ul>li>div>a:hover{color: rgba(255,255,255,.8);}
#foot .navbox>.box{
    width: 25%;
    box-sizing: border-box; 
    text-align: right;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: none;
}
#foot .navbox>.box>.slogan{font-size: 2.2rem; font-weight: 700; color: rgba(255,255,255,1);text-align: center;}
#foot .navbox>.box>.slogan>strong{display: inline-block; font-size: 2rem;letter-spacing: 2px;}
#foot .navbox>.box>.slogan>span{ display: block; padding-top: 8px; font-size: 1.4rem; font-weight: 200; opacity: .8; }
#foot .navbox>.box>.qrcode{padding: 20px 0;}
#foot .navbox>.box>.qrcode>img{max-width: 180px;height: auto;}
#foot .search{ position: relative;z-index: 8;  box-sizing: border-box; padding:20px 0 80px 0;}
#foot .search>.tit{font-size: 2rem; color: #fff; padding-bottom: 45px;}
#foot .search>form{width:400px; height:50px;}
#foot .search input[type="text"]{outline: medium;float:left;height:50px;line-height:50px;width:75%; padding:0 5%;border:none;  background:rgba(255,255,255,.6); font-size:14px;color:#777;box-sizing:border-box;overflow:hidden;}
#foot .search input::-webkit-input-placeholder{ color:rgba(0,0,0,.4);}
#foot .search button{ position: relative;float:right;width:25%;height:50px;border:none;  font-size: 1.6rem; color: #fff; background: rgba(144,40,51,1) ;cursor:pointer;box-sizing:border-box;overflow:hidden;}
#foot .copyright{ background: rgba(42,47,58,1); line-height: 70px; margin: 0 auto;}
#foot .copyright .copy{ width: 63%; text-align: left;  font-size: 1.5rem; color: rgba(255,255,255,1); }
#foot .copyright .copy>a{display: inline-block; color: rgba(255,255,255,.8); transition: all .35s;}
#foot .copyright .copy>a:hover{ text-decoration: underline;}
#foot .copyright .share{ position: relative;z-index: 8;width: 36%; text-align: right;}
#foot .copyright .share .bshare-custom{display:inline-block;}
#foot .copyright .share .bshare-custom a{ padding:0;margin:0 6px!important; border-radius:100%; width:36px; height:36px; opacity:1; transition:all .35s;}
#foot .copyright .share .bshare-custom .bshare-sinaminiblog{ background:rgba(255,255,255,.2) url("../img/ico_weibo.png") no-repeat; background-size:20px auto;background-position:center center;}
#foot .copyright .share .bshare-custom .bshare-weixin{ background:rgba(255,255,255,.2) url("../img/ico_weixin.png") no-repeat; background-size:20px auto!important;background-position:center center;}
#foot .copyright .share .bshare-more{background:rgba(255,255,255,.2) url("../img/ico_share.png") no-repeat; padding:0 !important; margin:0 !important; background-size:20px auto!important;background-position:center center;}
#foot .copyright .share .bshare-custom a:hover{ opacity:1; transform: translateY(-3px);}

#foot .gotop{position: fixed;z-index: 999; right: 30px;bottom: 30px;}
#foot .gotop>a{display: block;width: 50px;height: 50px; line-height: 50px; text-align: center; border-radius: 100%; background:rgba(0,0,0,.2); transition: all .35s;}
#foot .gotop>a>i{ font-size: 2.8rem; color: #fff;}
#foot .gotop>a:hover{background: #db261d;}
/* end*/
@media only screen and (max-width: 1540px){
    #head .menu>ul>li{padding: 0 18px;}
    #head .navbar { padding-left: 0; }
    #foot .navbox>.nav>ul>li{padding-right:7%;}
    #foot .navbox>.nav>ul>li>a{font-size: 2rem;}
    #foot .navbox>.nav>ul>li>div>a{font-size: 1.4rem;}
}
@media only screen and (max-width: 1460px){
    #foot .navbox>.box>.slogan{font-size: 2rem;}
    #foot .navbox>.box>.slogan>strong{display: inline-block; font-size: 2.8rem;}
}
@media only screen and (max-width: 1420px){
    #foot .navbox>.nav>ul>li{padding-right:6%;}
}
@media only screen and (max-width: 1380px){
    #head .menu>ul>li>a{ font-size:1.6rem;}
    #head .menu>ul>li>div>.box{ width:86%;}
    #head .menu>ul>li>div .nav>a{ font-size:1.4em;}
    #head .navbar { padding-left: 0; padding-right: 15px; }
    #foot .navbox>.nav>ul>li{padding-right:5%;}


}
@media only screen and (max-width: 1300px){
    #head .logo{ width:18%; padding-right: 2%;}
    #head .menu{ /*width:54%;*/ padding-left: 4%; }
    #head .menu>ul>li{padding: 0 12px;}
    #head .iot>a{ padding: 0 20px; height:40px; line-height:40px;}
    #head .navbar{ padding: 0 20px;}
    #head .navbar>a{margin: 0 5px;}
    #foot .navbox>.nav>ul>li{  padding-right:4%;}
    #foot .navbox>.box>.slogan{font-size: 1.8rem;}
    #foot .navbox>.box>.slogan>strong{ font-size: 2.4rem;}
}
@media only screen and (max-width: 1200px){

    #head{ height:80px; border-bottom:0 !important; box-shadow:0 2px 4px rgba(0,0,0,.1);}
    #head .wrap{ width:100%; max-width:none;overflow:hidden;}
    #head .logo{ margin-left:3%; line-height:80px;}
    #head .menu{ width:62%; height:80px;}
    #head .iot{ display: none; line-height: 80px;}
    #head .navbar{display: none; line-height: 80px; padding: 0;}
    #head .navbar>a>i{font-size: 2.2rem; color: #999;}
    #head .menu>ul{display:none;}
    #head .menu{ position:relative; padding:0 !important; width:80px; float:right;}
    #head .menu>.click{ display:block; position:absolute; right:0;top:0; width:80px; height:100%; cursor:pointer;}
    #head .menu>.click>.btn {position: absolute;top:50%; left:50%; z-index: 9; margin-top:-16px; margin-left:-16px; display: block;-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>.btn>span { position: relative; display:block; margin-top:16px;}
    #head .menu>.click>.btn>span,#head .menu>.click>.btn>span:after,#head .menu>.click>.btn>span:before { display: block;width:32px;height: 4px; border-radius: 3px; background-color: #db261d;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>.btn>span:after,.menu>.click>.btn>span:before { position: absolute; content: "";}
    #head .menu>.click>.btn>span:before {top: -10px;}
    #head .menu>.click>.btn>span:after {top: 10px;}
    #head .menu>.click>.btn.active span { background-color: transparent;}
    #head .menu>.click>.btn.active span:after,#head .menu>.mob>.btn.active span:before {background-color:#db261d;}
    #head .menu>.click>.btn.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>.btn.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);}

    #banner{padding-top: 80px;}
    #foot .navbox{ padding-top: 30px;}
    #foot .navbox>.nav{float: none; width: 100%;}
    #foot .navbox>.nav>ul>li{padding-right: 7.2%;}
    #foot .navbox>.box{float: none;width: 100%; padding-bottom: 10px; margin-bottom: 20px; text-align: left; border-bottom: 1px dotted rgba(255,255,255,.1);}
    #foot .navbox>.box>.slogan{ position: absolute; 
    padding-left: 140px; 
    /*padding-top: 20px;*/
    padding-top: 111px;
    }
    #foot .navbox>.box>.qrcode{float: left;}
    #foot .navbox>.box>.qrcode>img{max-width: 120px;}
    #foot .search{ position: relative;z-index: 8;  box-sizing: border-box; padding:20px 0 80px 0;}
    #foot .search>.tit{font-size: 1.8rem; padding-bottom: 20px;}
    #foot .search>form{width:400px; height:42px;}
    #foot .search input[type="text"]{outline: medium;float:left;height:42px;line-height:42px;width:75%; padding:0 5%;border:none;  background:rgba(255,255,255,.6); font-size:14px;color:#777;box-sizing:border-box;overflow:hidden;}
    #foot .search input::-webkit-input-placeholder{ color:rgba(0,0,0,.4);}
    #foot .search button{ position: relative;float:right;width:25%;height:42px;border:none;  font-size: 1.6rem; color: #fff; background: rgba(144,40,51,1) ;cursor:pointer;box-sizing:border-box;overflow:hidden;}
}

@media only screen and (max-width: 1080px){
    #banner{padding-top:80px;}
    #foot .navbox>.nav>ul>li{padding-right: 6.2%;}
}
@media only screen and (max-width: 960px){
    #banner{padding-top:80px;}
    #banner .inside .txt>h3{font-size:2.8rem;}
    #banner .inside .txt>span{padding:0; font-size:17px;}
    #navpart ul>li>a{ padding: 0 40px;font-size: 1.5rem;}
    #foot .navbox>.nav{display: none;}
    #foot .copyright .copy{ padding-top: 20px;  line-height: 2.4rem;  font-size: 1.4rem;}
}
@media only screen and (max-width: 780px){
    #head .menu>ul>li{ padding: 0 20px!important;}
    #foot .copyright .share{display:none;}
    #head{height:60px;}
    #head .logo{width:40%; line-height:60px;}
    #head .logo>a>img{max-width:140px;}
    #head .menu{height:60px;}
    #head .menu>.mob{width:60px;}
    #banner{padding-top: 60px;}
    #banner .pc{display:none;}
    #banner .mob{display:block;}
    #path{display: none;}
    #title>.wrap{ font-size:1.8rem;}
    #title .back{  position: absolute;z-index: 3; right: 0;top: 18px; float:none; font-size: 1.2rem; padding: 5px 20px; }
}
@media only screen and (max-width: 767px){
    #head .menu>ul>li{
        padding: 0 20px;
    }
}
@media only screen and (max-width: 530px){
    #title>.wrap{ font-size:1.6rem;}
    #navpart{padding: 0;}
}
@media only screen and (max-width: 420px){
    #foot .navbox>.box>.slogan{ 
        /*padding-left: 100px;*/
        padding-left: 26px;
    }
    #foot .navbox>.box>.slogan{font-size: 1.4rem;}
    #foot .navbox>.box>.slogan>strong{ font-size: 2rem;}
    #foot .navbox>.box>.slogan>span {font-size: 1.2rem; padding-top: 6px;}
    #foot .navbox>.box>.qrcode>img{max-width: 80px;}
    #foot .search {padding: 0 0 40px 0;}
    #foot .search>.tit{display: none;}
    #foot .search>form{width:100%; height:42px;}
    #foot .copyright .copy{ width:100%;padding-top: 10px;  line-height: 2rem;  font-size: 1.2rem;}
    #foot .copyright .share .bshare-custom a{margin:0 2px!important;  width:24px; height:24px;}
    #foot .copyright .share .bshare-custom .bshare-sinaminiblog{ background-size:14px auto;}
    #foot .copyright .share .bshare-custom .bshare-weixin{ background-size:14px auto!important;}
    #foot .copyright .share .bshare-more{ background-size:14px auto!important;}
}
/*END*/