@charset "utf-8";

/* header公共style */
.header {position:relative; width:100%; height:auto;background:#fff;position:fixed;top:0;left:0;z-index:99;box-shadow: 0 1px 10px #888888;}
.body {margin-top:100px;}
.pc_header {width:95%; max-width:1366px; margin:0 auto; height:100px;}
.pc_logo {width:12%; float:left;}
.pc_logo img {margin:18px 0;}
.pc_nav {width:68%;float:left;}
.pc_other {width:20%; float:right;}
.pc_nav ul {text-align:right; }
.pc_nav li {display:inline-block;/*margin-right:9%;*/padding:0 2%;
-webkit-transition: all .3s;
   -moz-transition: all .3s;
    -ms-transition: all .3s;
     -o-transition: all .3s;
        transition: all .3s;
}
.pc_nav li:last-of-type {margin-right:0;}
.pc_nav .yiji {line-height:100px; font-size:16px; color:#333;}
.pc_nav .nav_body {display:none;width:100%;/*height:50px;*/ text-align:center; background-color:rgba(255,255,255,0.85); position:absolute;top:100px;left:0;z-index:2;}
.pc_nav .nav_body a.erji {display:inline-block; line-height:80px; margin:0 30px; font-size:15px;color:#333;
-webkit-transition: all .3s;
   -moz-transition: all .3s;
    -ms-transition: all .3s;
     -o-transition: all .3s;
        transition: all .3s;
}
.pc_nav li:hover .yiji,.pc_nav .nav_body a.erji:hover {color:#000000;}
.pc_nav li:nth-of-type(4) .nav_body .erji {color:#000000;}
.pc_nav li:nth-of-type(4) .nav_body {padding-bottom:40px;}

.pc_nav li:nth-of-type(5) .nav_body .erji {color:#000000;}
.pc_nav li:nth-of-type(5) .erji {margin:0;}
.pc_nav li:nth-of-type(5) .nav_body {padding-bottom:40px; text-align:left;}

.pc_nav .nav_body .wrap {text-align:center;}
.pc_nav .nav_body ol {display:inline-block;margin:0 28px; text-align:left; vertical-align:top;}
.pc_nav .nav_sanji a {font-size:13px; color:#666; display:block; line-height:28px;
-webkit-transition: all .3s;
   -moz-transition: all .3s;
    -ms-transition: all .3s;
     -o-transition: all .3s;
        transition: all .3s;
}
.pc_nav .nav_sanji a:hover {color:#f39910;}
.pc_other ul li {display:block; float:left;}
.pc_other .share {margin:32px 6% 0px 0;position:relative;}
.pc_other .share a {width:16px; height:13px; background:url(../images/other.png) top left;}
.pc_other .weixin {position:absolute;top:56.5px; left:-46px; z-index:3; display:none;}
.pc_other .sousou {margin:43.5px 0;}
.pc_other .sousou a {width:13px; height:13px; background:url(../images/other.png) top right;}
.pc_other .ssbox {display:none;width:100%; height:80px; text-align:center; background-color:rgba(255,255,255,0.6); position:absolute;top:100px;left:0;z-index:2;}
.ssbox input { vertical-align:middle;}
.ssbox input[type="text"] {width:30%; height:30px; line-height:30px; margin:10px 0; border-bottom:1px solid rgba(0,0,0,0.2); background:none;margin-top: 2%;    margin-left: 36%;}
.ssbox input[type="button"] {width:24px; height:24px; margin:13px 0; background:url(../images/sousou2.png) top left;    margin-top: 2%;}
.ssbox input[type="button"]:hover {background:url(../images/sousou2.png) bottom left;}
.pc_other .waiter {/*width:42.5%;*/width:135px;float:right; margin:31.5px 0;}
.pc_other .waiter img {width:100%;}
.pc_other a {display:block;
-webkit-transition: all .3s;
   -moz-transition: all .3s;
    -ms-transition: all .3s;
     -o-transition: all .3s;
        transition: all .3s;
}
.pc_other .share a:hover {background:url(../images/other.png) bottom left;}
.pc_other .sousou a:hover,.pc_other .sscolor a:hover  {background:url(../images/other.png) bottom right;}
.mobile_header {display:none;}



/* footer公共style */
.footer {width:100%; height:auto; padding:50px 0 15px 0; background-color:#141414; overflow:hidden;}
.footer li {width:14.75%; float:left;}
.footer a {display:block; color:#999; font-size:14px; line-height:28px;
-webkit-transition: all .3s;
   -moz-transition: all .3s;
    -ms-transition: all .3s;
     -o-transition: all .3s;
        transition: all .3s;
}
.footer li a:first-of-type {/*cursor:default;*/color:#fff; font-size:16px; margin-bottom:10px;}
/*.footer li:last-of-type {width:11.5%;}*/
.footer li img {width:100%;}
.foot_other {margin-top:100px;}
.footer .foot_other a,.foot_other p {font-size:12px; color:#999; display:inline-block;}
.foot_other p {display:inline-block; float:left; line-height:28px;}
.footer a:hover {color:#f39910;}
.footer li a:first-of-type:hover {color:#fff;}
.foot_other a:hover {color:#fff;}



/* return-top公共style */
.return_top {width:50px; height:50px; position:fixed;bottom:20px; right:20px;z-index:1; cursor:pointer;}
.return_top img {width:100%;}


@media (max-width:1280px){
.body {margin-top:90px;}
.nav_body,.pc_other .ssbox {top: 90px;}
/* nav间距 */
.pc_nav li {padding:0 1.9%;}
/* logo大小 */
.pc_logo img {width:142px; margin:24px 0;}
.pc_header,.header {height:90px;}
.pc_nav .nav_body {top:90px;}
/* nav and other 垂直居中 */
.pc_nav .yiji {line-height:90px;}
.pc_other .share {margin: 38.5px 6% 38.5px 0;}
.pc_other .sousou {margin: 38.5px 0;}
.pc_other .waiter {width:111px;margin:30px 0;}
}
@media (max-width:1024px){
.body {margin-top:80px;}
.nav_body,.pc_other .ssbox {top: 80px;}
.pc_logo {width:10%;}
.pc_logo img {width:120px;}
.pc_header,.header {height:80px;}
.pc_nav .nav_body {top:80px;}
.pc_nav li {padding:0 1%;}
.pc_nav .yiji {line-height:80px; font-size:14px;}
.pc_nav .nav_body .wrap {width:100%;}
.pc_other .share {margin: 28px 6% 28px 0;}
.pc_other .sousou {margin: 33.5px 0;}
.pc_other .waiter {width:95px;margin:27px 0;}
/* footer */
.footer .wrap {width:90.625%;}
.foot_other {margin-top:80px;}
}
@media (max-width:768px){
.header {height:67px; background-color:#fff;}
.pc_header {display:none;}
.body {margin-top:60px;}
/* mobile-header and nav */
.mobile_header {display:block;width:100%;padding:0;}
.mobile_top {position:relative;z-index:999; background-color:#fff; padding:5px 0 16px 0;}
.mobile_logo img {width:120px; margin-top:8px;}
.nav_key,.close_key {float:right;width:30px;padding:20px 0; cursor:pointer; opacity:0.8;}
.close_key {display:none;}
.mobile_header_body {position:fixed;top:-100vh;left:0;z-index:99; width:100%; height:calc(100vh - 60px); margin-top:65px;/*background-color:#f39910;*/background-color:#fff;
-webkit-transition: all 1s;
   -moz-transition: all 1s;
    -ms-transition: all 1s;
     -o-transition: all 1s;
        transition: all 1s;
}
.mobile_header_body .bodyWrap {overflow-y: auto; max-height:405px;}
.active {top:0;}
.fanhui {width:30px; padding:17px; cursor:pointer;}
.mobile_nav {/*height:240px;overflow-y:auto;*/ border-top:1px solid rgba(255,255,255,0.75);text-align:left; margin-bottom:10px;}
.mobile_nav a {display:block;color:#333;text-align:left; text-align:center;border-bottom:1px solid rgba(255,255,255,0.75);}
.mobile_nav .first_tit {font-size:18px;width:100%;}
.mobile_nav .nav_body {display:none; position:static; height:auto;}
.mobile_nav .nav_sanji {display:none;}
.mobile_nav a.yiji {line-height:32px; letter-spacing:2px;width:120px; margin-left:auto; margin-right:auto;}
.mobile_nav a.yiji-hover {background:url(../images/xljt.png) no-repeat right center;}
.mobile_nav a.erji {font-size:14px; line-height:40px; color:#666;width:140px; margin-left:auto; margin-right:auto;}
.mobile_nav a.erji-hover {background:url(../images/xljt.png) no-repeat right center;}
.mobile_nav .nav_sanji a {font-size:12px; line-height:40px; color:#999;}
.weixin,.sousou,.waiter {text-align:center;}
.weixin img {width:90px !important;}
.ssbox input[type="text"] {width:100%; margin:0; border:none;}
.ssbox input[type="button"] {margin:5px 0; position:absolute;top:0;right:0;}
.ssbox {display:inline-block; position:relative; border-bottom: 1px solid rgba(0,0,0,0.2); margin-bottom:10px;}
.waiter img {height:30px;}
/* footer */
.footer li a:first-of-type {font-size:14px;}
.footer li a {font-size:12px;}
.foot_other {margin-top:60px;}
}
@media (max-width:640px){
/* footer */
.footer li {width:32.5%; margin-bottom:45px;}
.footer li:nth-of-type(3) {width:35%;margin-bottom:74px !important;}
.footer li:nth-of-type(6) {margin-bottom:0;}
.footer li:last-of-type {width:21%; min-width:96px;}
.foot_other img {width:0;}
.foot_other {margin-top:0px;}

.return_top {width:35px; height:35px;bottom:15px; right:15px;}
}


/*2017年12月11日18:30:32*/

.footer li:nth-of-type(2),.footer li:nth-of-type(3) {
  padding-bottom: 28px;
}