@media only screen and (min-width: 769px) {
   .p_page .pre {
     display: inline-table;
     position: relative;
     left: 0;
     top: 0;
     float: left;
     height: 38px;
     margin: 0 5px 0 18px;
     text-align: center;
     padding: 0 10px;
     border-radius: 0px;
     border: 1px solid #ededed;
     background: #ededed;
     color: #333333;
   }
   .p_page .pre:active {
     background: #1f2d49;
     border-color: #1f2d49;
     color: #fff;
   }
   .p_page .pre:hover {
     color: #fff;
     background: #1f2d49;
     border-color: #1f2d49;
     cursor: pointer;
   }
   .p_page .next {
     display: inline-table;
     position: relative;
     left: 0;
     top: 0;
     float: left;
     height: 38px;
     border: 1px solid #ededed;
     background: #ededed;
     color: #333;
     text-align: center;
     padding: 0 10px;
     border-radius: 0px;
   }
   .p_page .next:active {
     background: #1f2d49;
     border-color: #1f2d49;
     color: #fff;
   }
   .p_page .next:hover {
     background: #1f2d49;
     border-color: #1f2d49;
     color: #fff;
     cursor: pointer;
   }
   .p_page .pageNum {
     position: relative;
     float: left;
     height: 38px;
     min-width: 38px;
     margin: 0 5px 0 0;
     padding: 0 5px;
     background-size: 100% 100%;
     color: #333;
     border: 1px solid #ededed;
     cursor: pointer;
     line-height: 38px;
     display: inline-block;
     font-family: inherit;
     font-size: 14px;
     font-weight: inherit;
     text-decoration: none;
     background-color: #ededed;
     text-align: center;
     border-radius: 0px;
   }
   .p_page .pageNum:active {
     color: #fff;
     text-decoration: none;
     background-color: #1f2d49;
     border-color: #1f2d49;
   }
   .p_page .pageNum:hover {
     color: #fff;
     border-color: #1f2d49;
     cursor: pointer;
     text-decoration: none;
     background-color: #1f2d49;
   }
   .p_page .pageNum.active {
     text-decoration: none;
     background-color: #1f2d49;
     color: #fff;
     border-color: #1f2d49;
   }
 }
 @media screen and (max-width: 768px) {
   .p_pagebox .NumBox {
     display: none !important;
   }
   .p_pagebox {
     width: 100%;
     text-align: center;
   }
   .p_pagebox .js_pageBtnDisable, .p_pagebox .js_pageBtnDisable:hover, .p_pagebox .js_pageBtnDisable:active {
     background: #f5f5f5 !important;
     border-color: #d9d9d9 !important;
     color: #bfbfbf !important;
     cursor: default;
   }
   .p_pagebox .js_pageBtnDisable .iconfont {
     color: #ddd !important;
   }
   .p_pagebox .js_pageBtnDisable:hover .iconfont {
     color: #bfbfbf !important;
   }
   .p_pagebox .pre {
     width: 48%;
     margin-right: 2%;
     background-color: #1f2d49;
     transform: scale(0.9);
   }
   .p_pagebox .pre:hover {
     color: rgba(255, 255, 255, 1);
     border-color: #1f2d49;
     background-color: #1f2d49;
     cursor: pointer;
   }
   .p_pagebox .pre:active {
     background-color: #1f2d49;
   }
   .p_pagebox .next {
     transform: scale(0.9);
     width: 48%;
     margin-left: 2%;
     background-color: #1f2d49;
   }
   .p_pagebox .next:hover {
     background-color: #1f2d49;
   }
   .p_pagebox .next:active {
     background-color: #1f2d49;
   }
 }
 ::-webkit-scrollbar {
   width: 9px;
   background-color: #fff;
 }
 ::-webkit-scrollbar-thumb {
   border: solid 2px #fff;
   width: 5px;
   border-radius: 4px;
   background-color: #383f4b;
 }
 ::-webkit-scrollbar-corner {
   background-color: #fff;
 }
 ::-webkit-scrollbar:horizontal {
   height: 9px;
 }
 ::-webkit-selection {
   background: #3355a9;
   color: #fff;
 }
 ::-moz-selection {
   background: #3355a9;
   color: #fff;
 }
 ::selection {
   background: #3355a9;
   color: #fff;
 }
 @keyframes circleProgressLoad_right {
   0% {
     transform: rotate(45deg);
   }
   50%, 100% {
     transform: rotate(225deg);
   }
 }
 @keyframes circleProgressLoad_left {
   0%, 50% {
     transform: rotate(45deg);
   }
   100% {
     transform: rotate(225deg);
   }
 }
 @-webkit-keyframes to100vh {
   0% {
     width: 0
   }
   100% {
     width: 100vw
   }
 }
 @keyframes to100vh {
   0% {
     width: 0
   }
   100% {
     width: 100vw
   }
 }




.clearfix:before,
.clearfix:after{ display:table; content:''; line-height:0;}
.clearfix:after{ clear:both;}

/*----- display-----*/
.clear{ clear:both;}
.pcdis{ display:block;}
.wapdis{ display:none;}
.distb{ display:table;}





.nav{display: inline-block;float: right;}
.nav{
	transition: all .5s cubic-bezier(.35,.75,.55,1);
	-webkit-transition: all .5s cubic-bezier(.35,.75,.55,1);
	-moz-transition: all .5s cubic-bezier(.35,.75,.55,1);
}
.nav ul{font-size: 0;display: inline-block;vertical-align: top;position: relative;margin-right: 1vw;}
.nav ul li a:hover{color: #fff;}
.nav ul>li{display: inline-block;vertical-align: top;text-align: center;width: auto;padding: 0;margin-right: 35px;}
.nav ul>li>a{display: inline-block;;line-height:1;width: auto;padding-bottom: 12px;position: relative;border-bottom:1px solid transparent;font-size: 18px;
color: white;}
.nav ul>li:last-child a{border: none;}
.nav ul>li>a:after{content: '';display: block;position: absolute;opacity:0;width: 100%;height: 2px;background: white;bottom: -6px;transform: scaleX(0);transition: 0.5s ease-in-out;}
.nav ul>li:hover>a:after,.nav ul>li.active>a:after{opacity: 1;transform: scaleX(1);}
.nav ul>li:last-child:before{display: none}

.sousuo input::-webkit-input-placeholder {color: #fff !important; }
.sousuo input::-moz-placeholder {color: #fff !important; }
.sousuo input::-moz-placeholder {color: #fff !important;}
.sousuo input::-ms-input-placeholder {color: #fff !important;}
.sousuo input[type=text]{
	transition: all .5s cubic-bezier(.35,.75,.55,1);
	-webkit-transition: all .5s cubic-bezier(.35,.75,.55,1);
	-moz-transition: all .5s cubic-bezier(.35,.75,.55,1);
}
.sousuo input[type=text]{width:9vw;height: 2.1vw;border: 1px solid rgba(250,250,250,.8);background: transparent;box-sizing: border-box;padding: 0 15px;
color: white;font-size: 15px;outline: none;}
.sousuo input[type=text]:focus{border-color: #b3916c;}
.sousuo{display: inline-block;vertical-align: top;position: relative;transition: 0.8s ease-out 1.1s;}
.sousuo button{display: block;position: absolute;right: 10px;font-size: 25px;color: white;top: 23px;cursor: pointer;}

.sousuo a {font-size: 24px;color: #fff;}

.lisnj{display: inline-block;vertical-align: top;margin-right: 1vw;}
.lisnj a{display: inline-block;width: 35px;height: 35px;vertical-align: middle;border-radius: 50%;}
.lisnj a:nth-child(1){background: url(../image/shangcheng1.png) no-repeat center center #fff;background-size: 20px;}
.lisnj a:nth-child(2){background: url(../image/h3.png) no-repeat center center #fff;}
.lisnj a  span{display: none;line-height: 30px;position: absolute;top: 30px;color: #fff;}
.lisnj a:hover span{display: block;}
.lisnj a:nth-child(1) span{line-height: 1;top: 60px;}
.lisnj a:nth-child(1):hover{background: url(../image/shagncheng.png) no-repeat center center #fff;background-size: 20px;}
.lisnj a:nth-child(2):hover{background: url(../image/ff2.png) no-repeat center center #fff;}

.lisnj a:nth-child(2){position: relative;}
.lisnj a:nth-child(2) img{position: absolute;top:36px;width: 80px;left: -50px;display: none;}
.lisnj a:nth-child(2):hover img{display: block;}

.bav_list{font-size: 0;background: white;position: absolute;top: 60px;left: 0;width: 100%;line-height: 35px;transform:translateY(50px);opacity: 0;z-index: -1;height: 0 ;overflow: hidden;transition: 0.4s ease-in;}
.nav ul>li:hover .bav_list{transform: translateY(0);opacity: 1;z-index: 1;height: 245px;}
.nav>ul>li:nth-child(1)>a{transition: 0.8s ease-out .3s;}
.nav>ul>li:nth-child(2)>a{transition: 0.8s ease-out .4s;}
.nav>ul>li:nth-child(3)>a{transition: 0.8s ease-out .5s;}
.nav>ul>li:nth-child(4)>a{transition: 0.8s ease-out .6s;}
.nav>ul>li:nth-child(5)>a{transition: 0.8s ease-out .7s;}
.nav>ul>li:nth-child(6)>a{transition: 0.8s ease-out .8s;}
.nav>ul>li:nth-child(7)>a{transition: 0.8s ease-out .9s;}
.nav>ul>li:nth-child(8)>a{transition: 0.8s ease-out 1s;}
.bav_list ol{display: inline-block;vertical-align: middle;width: 30%;padding: 30px;box-sizing: border-box;background: #f8f8f8;height: auto;position: relative;z-index: 2;}
.bav_list ol li{border-bottom: 1px solid #f1f1f1;position: relative;}
.bav_list ol li:last-child{border: none;}
.bav_list ol li a{font-size: 14px;color: gray;}
.bav_list ol li:hover a{color: #000;}
.bav_list ol li i{display: inline-block;position: absolute;font-size: 13px;left: 9px;color: transparent;transition: 0.3s ease-in-out;}
.bav_list ol li:hover i{color: gray;}
.bav_list:after{content: '';display: block;width: 30%;height: 100%;position: absolute;top: 0;left: 0;background: #f8f8f8;}
.bav_list dl{display: inline-block;vertical-align: middle;/*padding: 20px 0;*/text-align: center;width: 70%;margin-top: -20px;}
.bav_list dl span{display: block;}
.bav_list dl span img{max-width: 100%;}
.bav_list dl dd p{font-size: 14px;color: #666666;}
.bav_list dl dd p font{font-size: 12px;color: gray;}
/*--pc header end--*/

/*--pc footer--*/
footer{background: #292929;padding-top: 55px;position: relative;z-index: 9;}
.divBox{width: 75%;margin: 0 auto;}
footer .divBox{font-size: 0; padding-bottom: 25px;}
.footer{width: 68%;display: inline-block;vertical-align: top;}
.footer dl{display: inline-block;vertical-align: top;width: 14%;}
.footer dl dt a{padding: 15px 0;display: inline-block;font-size: 15px;color: #fff;position: relative;}
.footer dl dt{border-bottom: 1px solid #cdcdcd;margin-bottom: 10px;}
.footer dl dt a:after{content: '';display: block;width: 100%;height: 2px;background: #aeaeae;position: absolute;bottom: 0;left: 0;opacity: 0;transition: 0.3s ease-in-out;}
.footer dl dt:hover a:after{opacity: 1;}
.footer dl dd a{font-size: 14px;color: #cacaca;padding: 3px 0;display: inline-block;}
.footer dl dd a:hover{color: #FFFFFF;}
.footer1{font-size: 14px;display: inline-block;vertical-align: top;width: 30%;margin-left: 2%;}
.footer1_div1{box-sizing: border-box;border: 1px solid #b6b6b6;padding: 10px 20px;margin-top: 5px;}
.footer1_div1 span{display: inline-block;font-size: 14px;color: #FFFFFF;vertical-align: middle;margin-left: 15px;}
.footer1_div1 font{float: right;color: #FFFFFF;text-transform: uppercase;margin-top: 3px;}
.footer1_div1 .foot_fw { background: #f3f3f3;padding: 3px;color: #292929;margin-top: -1px;}
.foot_fw img{height: 18px;margin-left: 5px;position: relative;top: -1px;}
.footer_swiper{margin-top: 16px;position: relative;}
.footer_swiper img{ float: right;width: 230px;margin-top: 60px;transition: 0.3s ease-in-out;}
.foot_sec{padding: 25px 0;border-top: 1px solid #cccccc;text-align:center;}
.foot_sec span{font-size: 12px;color: #cacaca;}
.foot_sec a{font-size: 12px;color: #cacaca;margin-left:10px;}
.foot_sec .bdsharebuttonbox{display: inline-block;float: right;}
.foot_sec .bdshare-button-style0-16 a,.foot_sec  .bdshare-button-style0-16 .bds_more{width: 20px;height: 20px;padding: 0;opacity: 0.5;}
.foot_sec .bdshare-button-style0-16 a:nth-child(1){background: url() no-repeat center center;background-size: 100% 100%;}
.foot_sec .bdshare-button-style0-16 a:nth-child(2){background: url() no-repeat center center;background-size: 100% 100%;}
.foot_sec .bdshare-button-style0-16 a:nth-child(3){background: url() no-repeat center center;background-size: 100% 100%;}
.foot_sec .bdshare-button-style0-16 a{margin:0;margin-right: 15px}
.foot_sec .bdshare-button-style0-16 a:last-child{margin-right: 0;}
.foot_sec font{display: inline-block;float: right;font-size: 14px;color: #bc1717;margin-right: 30px;}
.youqinglianjie{margin-top: 23px;text-align: left}
.youqinglianjie li{display: inline-block;vertical-align: top;color: #cacaca;margin-right: 15px;}
.youqinglianjie li a{color: #666;}
.youqinglianjie li:hover a{color: #fff;}
/*--pc footer end--*/

/*-----kefu-------*/
.cbl{width: 72px;position: fixed;right:4px;bottom:14%;z-index: 3333;}
.cbl li{margin-top: 0;transition: 0.4s ease-in-out;height: 73px;margin-bottom: 4px;background:#fff;}
.cbl span{transition: 0.4s ease-in-out;display: inline-block;width: 72px;height:73px;text-align: center;box-sizing: border-box;font-size: 12px;color: #666;line-height: 72px;border: 1px solid #bc1717;padding-top: 20px;}
.cbl li:nth-child(1) span{background: url(../image/xf-h1.png) no-repeat center 10px;background-size: 34px auto;}
.cbl li:nth-child(2) span{background: url(../image/xf-h2.png) no-repeat  center 10px;background-size: 34px auto;}
.cbl li:nth-child(3) span{background: url(../image/xf-h3.png) no-repeat center 10px;background-size: 34px auto;}
.cbl li:nth-child(4) span{background: url(../image/xf-h4.png) no-repeat center 10px;background-size: 34px auto;}
.cbl li:hover {background:#bc1717;}
.cbl span:hover{color: #fff;}
.cbl li:nth-child(1):hover span{background: url(../image/xf-b1.png) no-repeat center 10px;background-size: 34px auto;}
.cbl li:nth-child(2):hover span{background: url(../image/xf-b2.png) no-repeat center 10px;background-size: 34px auto;}
.cbl li:nth-child(3):hover span{background: url(../image/xf-b3.png) no-repeat center 10px;background-size: 34px auto;}
.cbl li:nth-child(4):hover span{background: url(../image/xf-b4.png) no-repeat center 10px;background-size: 34px auto;}
/*--
.cbl li:nth-child(4){position: relative;}
.cbl li:nth-child(4) img{display: none;}
.cbl li:nth-child(4):hover img{display:block;position: absolute;width: 73px;top: 0;left: -73px;}
*/
  /*-- pc kefu end --*/
  /*-- mobile kefu --*/
.sj-kefu-xuanfukuang{display: none;}
@media (max-width: 1200px) {
	.sj-kefu-xuanfukuang{display: block;width: 60px;position: fixed;right:0;bottom:18%;z-index: 3333;}
	.sj-kefu-xuanfukuang li{margin-top: 0;transition: 0.4s ease-in-out;height: 60px;}
	.sj-kefu-xuanfukuang span{transition: 0.4s ease-in-out;display: inline-block;width: 60px;height: 60px;padding-top: 45px;text-align: center;background: #fff;box-sizing: border-box;font-size: 12px;color: white;border-radius: 30px;border: 1px solid rgba(188, 23, 23, 0.5);}
	.sj-kefu-xuanfukuang li:nth-child(1) span{background: url(../image/xf-b1.png) no-repeat center 13px #bc1717;background-size: 35px auto;color: #fff;font-size: 12px}
}
/* kefu end */

@media only screen and (max-width:1550px) {
	.divBox{width: 95%;}
}
@media (min-width: 1400px) and (max-width: 1550px) {
    .nav ul li {margin-right: 20px;}
}
@media (min-width: 1280px) and (max-width: 1399px) {
    .nav ul li {margin-right: 10px;}
}


@media only screen and (max-width:1279px ) {
	/*--mobile header--*/
	
	
	
	
	.bav_list,.nav ul>li>a:after{display: none;}
	.lisnj{display: block;margin-left: 0;padding: 10px 0;}
	/*-- end mobile header--*/
	
}

@media only screen and (max-width:800px ) {
	.pcdis{ display:none;}
	.wapdis{ display:block;}
    /*--mobile footer--*/	
	footer{padding-top: 25px;}
	footer>.divBox{padding-bottom: 20px;}
	.footer{display: block;width: 100%;}	
	.footer dl{width: 25%;text-align: center; }
	.footer dl dt a{font-size: 14px;padding: 10px 0;}
	.footer dl dd a{padding: 0;font-size: 12px;}
	.footer1{width: 100%;margin-left: 0;display: none;}
	.footer1_div1 span{font-size: 14px;}
	.foot_sec{ padding: 10px 0;}
	.foot_sec span{display: block;}
	.youqinglianjie li {margin-right: 7px;}
	/*-- end mobile footer--*/

}

@media (max-width: 1280px) and (min-width: 801px){
body{min-width: 1280px;}
}

/*独立移动端导航*/
.lf{float:left}
.rg{float:right}
.moblie_head{
    display: none;
}
.a_txt{
    display: none;
}

@media (min-width: 0px) and (max-width: 1279px) {
.sb{display:none}
.moblie_head{display:block;padding-top: 10px;padding-bottom: 10px; background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;/*border-bottom:1px solid #ddd;*/background: rgba(0,0,0,0.5);background-size: 100% auto;}
.moblie_head .lf{padding-top:7px;padding-left:5%}
.moblie_head .lf img{height:38px;}
.moblie_head .rg{padding-right:6%;padding-top:9px}
.moblie_head .rg a img{height:30px;vertical-align:top}
.a_txt{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.a_txt .div1{position:absolute;width:100%;height:100%;background: rgba(0, 0, 0, 0.7);filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.a_txt .div2{position:absolute;width:20%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.a_txt .div3{position:absolute;width:80%;right:0px;top:0px;background: rgba(0, 0, 0, 0.7);height:100%;z-index:100;right:-80%}
.a_txt .div3 ul{padding:5%}
.a_txt .div3 ul li{border-bottom:1px solid #b9b9b9;;position: relative;float: left;width: 100%;}
.a_txt .div3 ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px;width: 74%;float: left;}
.a_txt .div3 ul li .a_js2{background:url(../image/plus.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s;width: 50px;height: 45px;display: inline-block;float: left;}
.a_txt .div3 ul li .a_js2_on{background:url(../image/plus.png)center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s;width: 50px;height: 45px;display: inline-block;float: left;}
.a_txt .div3 ul li .a_txt2{display:none;float: left;    padding-left: 20px;}
.a_txt .div3 ul li .a_txt2 a{height:40px;line-height:40px;font-size:14px;float: left;}

.a_txt .div3 ul li .a_js3{background:url(../image/plus.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s;width: 50px;height: 45px;display: inline-block;float: left;}
.a_txt .div3 ul li .a_js3_on{background:url(../image/reduce.jpg) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s;width: 50px;height: 45px;display:inline-block;float: left;}
.a_txt .div3 ul li .a_txt3{display:none;float: left;}
.a_txt .div3 ul li .a_txt3 a{height:40px;line-height:40px;font-size:14px}

.nav-tel{margin: 10% 5%;text-align: center;}
.nav-tel a{color: #fff;font-size: 20px;padding-left: 35px;background: url(../image/nav-tel.png) no-repeat left;background-size: auto 100%;display: inline-block;}
}
/*独立移动端导航end*/