/* CSS Document */
body{
	font-family:Arial, Helvetica, sans-serif;
}	


@font-face {
	font-family: 'Conv_Barrci___Free_Elegant_Font_by_Dannci';
	src: url('../font/Barrci___Free_Elegant_Font_by_Dannci.eot');
	src: local('☺'), 
	     url('../font/Barrci___Free_Elegant_Font_by_Dannci.woff') format('woff'), 
		 url('../font/Barrci___Free_Elegant_Font_by_Dannci.ttf') format('truetype'), 
		 url('http://www.china-huajing.com/fonts/Barrci___Free_Elegant_Font_by_Dannci.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {    
   font-family: 'webfontregular';
    font-weight: 600; 
    src: url('../font/vziuho9z-oj4wgkppotg1_eszw2xoq-xsnqo47m55da-webfont.eot');
    src: url('../font/vziuho9z-oj4wgkppotg1_eszw2xoq-xsnqo47m55da-webfont.eot') format('embedded-opentype'),
         url('../font/vziuho9z-oj4wgkppotg1_eszw2xoq-xsnqo47m55da-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'quicksandbook';
    src: url('../font/quicksand_book-webfont.eot');
    src: url('../font/quicksand_book-webfont.eot') format('embedded-opentype'),
         url('../font/quicksand_book-webfont.woff') format('woff'),
         url('../font/quicksand_book-webfont.ttf') format('truetype'),
         url('http://www.china-huajing.com/fonts/quicksand_book-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
body,dl,dt,dd,p,h3{margin:0;}
html{font-size:62.5%;}
img{border:0px none; vertical-align:middle;}
table{border-collapse:collapse;}
ul{display:block; margin:0; padding:0;}
li{list-style:none;}
a{color:#666; text-decoration:none; outline:none;transition:all ease 0.3s;}
a:hover{color:#1f2958;}
.clear{ clear:both; height:0px !important; overflow:hidden;}
.wrap{width:86%;box-sizing: border-box;margin: auto;min-width: 1300px;}
.span{font-size: 24px;letter-spacing: 2px;}

.fl{float:left;}
.fr{float:right;}
.imgauto{width: 100%;height: auto;}
body,html{overflow-x: hidden;}
::-webkit-scrollbar{width:6px; height:8px;}
::-webkit-scrollbar-track{background:#ddd;}
::-webkit-scrollbar-thumb{background:#1b1b1b;}
::-webkit-scrollbar-thumb:vertical:hover{background:#005bac;}

#head{width: 100%;height: 106px; box-sizing: border-box;transition: all .3s;position: fixed;left: 0;top:0px;z-index: 999;background-color: #ffffff40;box-shadow: 0 10px 20px rgba(0,0,0,.1);}
#head .logo{float: left;height: 70px; 
/*padding: 15px 0 15px 0;*/
padding: 8px 0 15px 0;
box-sizing: border-box;}
#head .logo img{
    /*height:40px;*/
    height: 60px;
}


.hdtop{height:36px;background-color: #333;overflow: hidden;}
.hdtop .topnav{
	/* float: right; */
	width: 100%;
	float: left;
}
.hdtop .topnav a{display: block;float: right;line-height: 36px;color: #fff;font-size: 1.3rem; margin-left: 20px;text-transform: uppercase;letter-spacing: 1px;line-height: 40px;}
.hdtop .topnav a:first-child{float: left;}
.hdtop .topnav a:hover{text-decoration: underline;}
.hdtop .topnav a.lan{background-color: #000;padding: 0 10px;}
.hdtop .topnav a.lan:hover{background-color:#e87214;}
#menubtn-mo,#menu-mob{display: none;}
#head .menu{float:right;}
#head .menu > li{display:inline-block; height:70px;padding: 0 .8vw;}
#head .menu > li > a{display: block;cursor: pointer;font-size: 1.6rem; line-height: 70px; color: #000;text-align: center;display:block;position: relative;padding:0 .8vw;}
#head .menu > li > a:after{display: block;content:" ";width:0;height:3px; position: absolute;left:50%;bottom:0px;margin: auto;transition: all .2s;background-color:#e6020f;}
#head .menu > li > a:hover:after,#head .menu li.cur a:after{width: 100%;left: 0;}
#head .menu > li:after,#head .menu .subpronav{content: ''; display: table; clear: both;}
#head .menu li .sub{width:100%;background-color:#fff;position:absolute;top:100%;left:0px;z-index:98;box-shadow: 0 15px 10px rgba(0,0,0,0.3);box-sizing: border-box;border-top: 2px solid #ddd;}

#head .menu li .sub{
position: absolute;
width: 100%;
height: 0;
left: 0;
top: 100%;
z-index: -1;
background: #fff;
box-sizing: border-box;
opacity: 0;
margin-top: 20px;
overflow: hidden;
visibility: hidden;
box-shadow: 0 2px 2px rgba(183, 183, 183, 0.3);
transition: opacity .2s, margin-top .2s, visibility .2s;
}
#head .menu li:hover > .sub{
z-index: 99;
opacity: 1;
margin-top: 0;
height: auto;
visibility: visible;
transition: opacity .3s, margin-top .3s, visibility .3s;
}
#head .menu li .subnav{text-align: right;width:70%;box-sizing: border-box;min-width: 1300px;margin: auto;}
#head .menu li .subnav li{display: inline-block;margin:13px 0;}
#head .menu li .subnav li > a{display: block;text-align: center;color: #333;font-size: 15px;line-height: 36px;}
#head .menu li .subnav li > a:after{float: left;content: ""; display: block;width: 1px;height:20px;margin:8px 30px 0 30px;position: relative;background-color: #ebebeb;}
#head .menu li .subnav li:first-child a:after{display: none;}
#head .menu li .subnav li a:hover{color: #e6020f;}
#head .menu li .subpronav{width:80%;box-sizing: border-box;min-width: 1300px;margin: auto;padding: 20px 0;}
#head .menu li .subpronav li{float: left;width:19%; margin:16px .5%;box-sizing: border-box;}
#head .menu li .subpronav li a{display:flex;align-items:center; height: 60px;font-size: 15px; 
	justify-content: center;
	/* padding: 10px 10px 10px 80px; */
	position: relative;}
#head .menu li .subpronav li a .proico{width:60px; position: absolute;left: 10px;top:10px;}
#head .menu li .subpronav li a:hover{background-color: #f5f5f5;color: #e6020f;}
.hdsearch{float: right;margin-left: 50px;}
.hdsearch .searchbtn{display: block;width:30px;height:30px;line-height:30px;color: #333;text-align: center;overflow: hidden;cursor: pointer;margin-top: 17px;}
.hdsearch .searchbtn .iconfont{font-size:24px;}
.hdsearch .searchbtn:hover{color:#e6020f;}
.hdsearch .searchbox{display: none; width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 999; background-color:rgba(0,0,0,.8);}
.hdsearch .searchbox .bdbox{width: 40%;min-width:500px; margin: auto; margin-top:15%;}
.hdsearch .searchbox .bdbox a.closebtn{display:block;color: #fff;height: 50px;width: 50px;text-align: center;line-height: 50px;margin: auto;overflow: hidden;cursor: pointer;}
.hdsearch .searchbox .bdbox a.closebtn .iconfont{font-size: 40px;color:#e6020f;}
.hdsearch .searchbox .bdbox a.closebtn:hover{transform: rotate(180deg);}
.hdsearch .searchbox #search{width: 100%;height: 70px;line-height: 70px; background-color: #fff;border-radius: 10px;overflow: hidden;margin-top: 20px;overflow: hidden;transition: all .3s;	animation-name: sea;animation-duration:1.5s;	animation-fill-mode:forwards;	animation-timing-function:ease;}
.hdsearch .searchbox #search #keys{float: left; width:80%;height:70px;line-height: 70px;padding-left: 15px; border: none;}
.hdsearch .searchbox #search #gobtn{float: right; width:70px;height:70px;line-height: 70px;padding-left: 15px; border: none;background:none;}
.hdsearch .searchbox #search #gobtn .iconfont{font-size: 30px;color:#e6020f;cursor: pointer;}
@keyframes sea{
  from {
	transform: translateY(70px);
	opacity:0;
  }
  to {
	transform: translateY(0px);
	opacity:1;
  }
}
.wraps>div{font-size: 15px;line-height: 59px;}
.wraps>div.fr{font-size: 13px;}
.wraps>div.fl a{padding-left: 10px;}
.banner{width: 100%;height:100%;overflow: hidden;position: relative;z-index:70;}
.banner .swiper-wrapper{z-index: inherit;}
.banner .swiper-slide{width: 100%;height:100%;overflow: hidden;position: relative;background-position: center top;background-size: cover;margin-top:36px;}
.banner .swiper-slide .ani{width:86%; position: absolute;left:7%;top:42%;z-index: 9;}
.banner .swiper-slide .ani h3{font-size:5rem; color: #fff;text-shadow: 0 15px 20px rgba(0,0,0,.2);line-height: 100%;font-weight: normal;}
.banner .swiper-slide .ani p{font-size:3rem;color: #fff;text-shadow: 0 15px 20px rgba(0,0,0,.2);margin-top: 10px;}
.banner .swiper-slide .ani .btn{display: inline-block; font-size:1.6rem;color: #fff;padding: 10px 40px;border: 1px solid #fff;margin-top: 20px;}
.banner .swiper-slide .ani p img{margin-top: 8px;}

.banner .swiper-pagination{ height: 34px;text-align: left;width: 86% !important;left:7%!important;bottom: 30px!important;}
.banner .swiper-pagination .swiper-pagination-bullet{
	width:8px;
	height:8px;
	background:#fff;
	border-radius:0;
	margin:0 12px;
	position:relative;
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
}
.banner .swiper-pagination .swiper-pagination-bullet:before{
	content:"";
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 8px;
    border: solid 1px transparent;
	margin-top:0;
	margin-left:0;
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
}
.banner .swiper-pagination  .swiper-pagination-bullet-active:before{
	width:16px;
	height:16px;
	margin-top:-5px;
	margin-left:-5px;
	border-color:#fff;
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
}
.banner .swiper-pagination .swiper-pagination-bullet-active{
	background:transparent;
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
}
.banner .swiper-pagination .swiper-pagination-bullet:after{
	content:"";
	width:6px;
	height:6px;
	position:absolute;
	left:1px;
	top:1px;
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
}
.banner .swiper-pagination  .swiper-pagination-bullet-active:after{
	background:#fff;
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
}
.banner .gundong{color: #fff;writing-mode:vertical-rl;letter-spacing: 2px;font-size:16px; position: absolute;right:34px;top:450px;}
.banner .gundong span{margin-bottom: 10px;}
.banner .gundong #mouse {
  transform: scale(0.7);
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -o-transform: scale(0.7);
  -ms-transform: scale(0.7);
}
.banner .gundong  #mouse #mouse-move {
  animation: Tmouse 0.8s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;
}
@keyframes Tmouse {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -ms-transform: translateY(8px);
    -o-transform: translateY(8px);
    transform: translateY(8px);
  }
}




.more2{color:#f08200;display: block;margin-top: 15px;}
.more2:hover{text-decoration: underline;}

.ind-about{
	/* padding:100px 0; */
	padding: 30px 0 100px 0px;
	font-size: 1.6rem;line-height: 200%;text-align: center;}
.ind-about .t1{font-size:3rem;line-height:120%;font-family: 'webfontregular';font-weight: 600;margin-bottom:25px;}
.ind-about .t2{font-size:4rem;margin-bottom: 10px;line-height:120%;color: #e6020f; font-family:Arial, Helvetica, sans-serif;}
.ind-about .ablogo{width:15%;}
.ind-about .con{width:70%;margin:20px auto;}
.ind-about .more1{margin-top: 30px;}




.ind-bm{color:#FFF;background-color:#005bac;overflow: hidden;padding: 40px 0;}
.ind-bm .wrap{display: flex; justify-content:space-between;align-items:center;}
.ind-bm .fl{width:70%;font-size:3rem;line-height:100%;}
.ind-bm .fl .t2{font-size:2.4rem;margin-top: 8px;}
.ind-bm .fl .t3{font-size:1.3rem;color: #aecbe5;}

.ind-bm .img{width:24%;}
.ind-bm .img img{width:100%;}


.ind-pro{padding-top:80px;padding-bottom: 100px; position: relative;background:#f5f5f5;}
.indtit{font-size:4rem;font-weight: 600;text-align: center;line-height: 120%;}
.indtit .line{text-align: center;width: 100%;line-height:0%;}
.indtit .line b{display:inline-block; width:16px;height:5px;margin: 0 2px;line-height: 0;}
.indtit .line .b1{background-color:#e6020f;}
.indtit .line .b2{background-color:#e6020f;}
.indtit .line .b3{background-color:#e6020f;}


.probox{ position: relative;margin-top:80px;}
.probox .swiper-pro{overflow: hidden;}
.probox .swiper-pro .swiper-slide a{display: block;width: 100%;height: 100%;position: relative; overflow: hidden;}
.probox .swiper-pro .swiper-slide .img{width: 100%;position: relative;z-index: 9;transition: all .8s;}
.probox .swiper-pro .swiper-slide .img img{width: 100%;}

.probox .swiper-pro .swiper-slide .con{width:96%; height: 100px;transition: all .3s;background-color: #fff;margin: auto; margin-top: -50px;position: relative; z-index: 10;box-sizing: border-box;padding:10px 15px;overflow: hidden;}
.probox .swiper-pro .swiper-slide .con .proico{float: left;width:80px;margin-right:10px;}
.probox .swiper-pro .swiper-slide .con span{display:block;float:left;
	/* width:calc(100% - 90px); */
	text-align: center;
	width: 100%;}
.probox .swiper-pro .swiper-slide .name{width: 100%;
	/* height:45px;line-height:45px; */
	height: 35px;line-height: 35px;
	font-size:2.4rem;color:#333;margin-top:15px; transition: all .3s;overflow: hidden;	text-overflow:ellipsis;	white-space: nowrap;}
.probox .swiper-pro .swiper-slide .con p{line-height: 40px;text-align: center;font-size: 1.5rem;color:#e6020f;transition: all .3s;margin-top: 70px;transition: all .3s;}
.probox .swiper-pro .swiper-slide a:hover .name{font-size:2rem;color: #333;margin-top: 0;}
.probox .swiper-pro .swiper-slide a:hover .con p{margin-top: 0px;}


.probox .swiper-button-prev{left: -50px;}
.probox .swiper-button-next{right: -50px;}

.ind-pro .more1{margin-top: 40px;}

.ind-adv{padding: 80px 0;}
.ind-adv .indtit{text-align: left;}
.ind-adv .subtit{font-size: 1.6rem;}
.ind-adv .adv-fl{float: left; width:25%; position: relative;margin-top: 40px;}
.ind-adv .adv-fl .swiper-advl{width: 100%;height: 254px; overflow: hidden;}
.ind-adv .adv-fl .swiper-advl .swiper-slide img{width:auto;height: 100%;}
.ind-adv .adv-fl .swiper-pagination{width: 100%;text-align: center;bottom: -37px!important;}
.ind-adv .adv-fr{width: 70%;float: right;position: relative;margin-top: 40px;padding-bottom:10px;}
.ind-adv .adv-fr .swiper-advr{width: 100%;overflow: hidden;}
.ind-adv .swiper-advr .swiper-slide{height:254px; text-align: center;background-color: #f5f5f5;border: 2px solid #f5f5f5;box-sizing: border-box;padding:20px;transition: all .3s;cursor: pointer;}
.ind-adv .swiper-advr .swiper-slide img{width: 80%;margin: auto;margin-top:35px;}
.ind-adv .swiper-advr .swiper-slide p{margin-top:25px;font-size: 1.6rem;}
.ind-adv .swiper-advr .swiper-slide:hover{background-color: #fff;border-color: #f08200;}


.ind-app{width: 100%; height: 35vw; overflow: hidden;}

.swiper-app{height: 100%;position: relative;}
.swiper-app .swiper-slide{width: 100%;height: 100%;position: relative;}
.swiper-app .swiper-slide .con{position: relative;z-index: 9;padding-top: 10%;}
.swiper-app .swiper-slide .con .t1{color: #fff;font-size: 4rem;font-weight: 600;}
.swiper-app .swiper-slide .con .t2{width: 40%; color: #fff;font-size:1.6rem;line-height: 200%; font-weight: 100;margin-top: 15px;}
.swiper-app .swiper-slide .con a.more1{margin-top: 30px;}
.swiper-app .more1:hover{color: #fff !important;}


.swiper-app .swiper-slide .bgimg{width: 100%;height: 100%;background-position: center top;background-size: cover;position: absolute;left: 0;top: 0;z-index: 0;}
.swiper-app .swiper-slide .bgimg::before{display: block;content: " ";width: 100%;height: 100%;
    /*background-color: rgba(0,0,0,.5);*/
    position: absolute;left: 0;top: 0;z-index: 2;}
.sol-pagination{position: absolute;bottom:30px !important;z-index: 8;text-align:center;}
.sol-pagination .swiper-pagination-bullet{width:10px;height:10px;margin:0 6px;background-color: #e6020f;opacity:1!important;}
.sol-pagination .swiper-pagination-bullet-active{background-color:#fff;}

.ind-news{padding: 60px 0;}	
.ind-news .tit{font-size:4rem;text-transform:uppercase;text-align: center;line-height: 120%;}

.newswrap{margin:40px -1.5%;}
.newsitem{width: 30.3%;float: left;margin:0 1.5%;}
.newsitem a{display: block;background-color: #f5f5f5;}
.newsitem .img{width:100%;height: auto; overflow: hidden;background-color: #333;}
.newsitem .img img{width:100%;height: auto;transition: all .8s;}
.newsitem a:hover .img img{width:100%;height: auto;transform:scale(1.1);opacity: .6;}
.newsitem .con{padding: 15px;height: 100px;overflow: hidden;position: relative;}
.newsitem .con::before{display: block;content: " ";width: 5px;height: 15px;background-color: #666;position: absolute;left: 0;top:21px;transition: all .3s;}
.newsitem .con h3{
	line-height: 29px;
	font-size: 1.8rem;
	text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	/* margin-top:5px; */
}
.newsitem .con p{font-size: 1.4rem; color: #888;
	margin-top: 10px;
    line-height: 24px;
}
.newsitem .con .date{color: #999; padding-left:20px; 
	/* background:url(../img/ico-date.png) no-repeat 0 1px; */
	position: absolute;left: 15px;bottom: 15px;}
.newsitem a:hover{box-shadow: 0 20px 30px rgba(0,0,0,.1);background-color: #fff;}
.newsitem a:hover .con::before{background-color: #e6020f;width: 8px;}


.ind-news .more1{margin-top: 30px;}



.more1{display:inline-block; border: 1px solid #e6020f;line-height: 40px;color: #fff;font-size:1.2rem;padding: 0 22px;text-align: center;text-transform: uppercase;background-color: #e6020f; transition: all .3s;position: relative;}
.more1 span{display: inline-block;transition: all .3s;}
.more1::before{display: block;content: " ";width: 100%;height: 100%;position: absolute;left: 0;top: 0;border: 1px solid #e6020f;transition: all .3s;}
.more1:hover::before{border: 3px solid #e6020f;left: -8px;top: -8px;}
.more1:hover{background-color: #e6020f;color: #fff;}
.more1:hover span{transform: translate(-6px,-6px);}

.foot{color:#8b8b8b;background:#222;padding:50px 0; overflow: hidden;position: relative;z-index: 2;}
.foot .ftnav dl{float: left;width:20%;}
.foot .ftnav dl dt,.ftcontact dl dt{font-size:2rem;color: #5b5b5b;font-weight: bold;margin-bottom: 15px;margin-top: 15px;}
.foot .ftnav dl dd{}
.foot .ftnav dl dd a{display:block;color: #898989; line-height:200%;font-size: 1.4rem;}
.foot .ftnav dl dd a:hover{color: #e6020f;  text-decoration: underline;}

.foot .ftcontact p{line-height:200%;font-size: 1.4rem;}
.foot .ftcontact a{display: inline-block !important;}
.foot .ftcontact a:hover{color: #f08200;text-decoration: underline;}
.qq{display: block;width: 30px;height:30px;line-height: 30px; float:left;margin-right:10px;text-align: center;color: #fff;background-color:#898989;border-radius: 100%;overflow: hidden;margin-top: 15px;}
.qq span.iconfont{font-size:1.8rem;color: #fff;}
.qq:hover{background-color:#f08200;transform:translateY(-3px);}



.copy{height: 55px;line-height: 55px; font-size:1.2rem; color: #898989;background-color:#111;border-top: 1px solid #333;}


/*kefu TOP*/
#kefu{position:fixed;z-index:1001;right:0;bottom:105px;width:70px;height:240px;display:none;}
#kefu .kefu-box{position:relative;float:right;}
#kefu .clearfix:after{content:"";display:block;clear:both;}
#kefu .a{display:block;width:44px;height:44px;background:rgba(240,130,0,.8);margin-bottom:4px;cursor:pointer;outline:none;}
#kefu .a.active,#kefu .a:hover{background:rgba(225,123,3,1);}
#kefu .a .i{float:left;width:44px;height:44px;background-image:url(../img/kefu_icon.png);background-repeat:no-repeat;}
#kefu .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../img/kefu-bg.png);background-repeat:no-repeat;background-position:0 0;}
#kefu .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../img/kefu-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
#kefu .a-qrcode .i{background-position:-44px 0;}
#kefu .a-cart .i{background-position:-88px 0;}
#kefu .a-top .i{background-position:-132px 0;}
#kefu .a-top{background:rgba(0,0,0,.8);}
#kefu .a-top:hover{background:rgba(0,0,0,1);}
#kefu .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
#kefu .d .arrow{position:absolute;width:8px;height:12px;background:url(../img/kefu_bg_arrow.png) no-repeat;right:-8px;top:31px;}
#kefu .d-service{top:0;}
#kefu .d-service-phone{top:34px;}
#kefu .d-qrcode{top:78px;}
#kefu .d .inner-box{padding:8px 22px 12px;}
#kefu .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
#kefu .d-service .d-service-item{border-bottom:none;}
#kefu .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
#kefu .d-service-item .i-qq{width:44px;height:44px;background:url(../img/kefu_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
#kefu .d-service-item:hover .i-qq{background-position:center 3px;}
#kefu .d-service-item .i-tel{width:44px;height:44px;background:url(../img/kefu_con_icon02.png) no-repeat center center;display:block;}
#kefu .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
#kefu .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
#kefu .d-service-item .text .number{font-family:Arial; color:#f08200;}
#kefu .d-service-intro{padding-top:10px;}
#kefu .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
#kefu .d-service-intro i{background:url(http://www.china-huajing.com/images/kefu_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
#kefu .d-qrcode{text-align:center; width:290px;}
#kefu .d-qrcode .inner-box{padding:20px 0;}
#kefu .d-qrcode .qrcode{ display:inline-block; width:110px;padding:0 9px; border-left:1px solid #eee;}
#kefu .d-qrcode .qrcode:first-child{ border:0 !important;}
#kefu .d-qrcode .qrcode>img{ width:100%; height:auto;}
#kefu .d-qrcode p{font-size:12px;color:#93959c;}

@media (max-width: 1440px) {
	.wrap {width:90%;min-width: auto;}



	
}



@media (max-width: 1280px) {
	.wrap {width:100%;box-sizing: border-box;padding: 0 20px;}
	#menu-pc{display: none;}
	.hdtop .wrap{padding: 0;}
	.hdtop .topnav a.lan {width: 50px;box-sizing: border-box;text-align: center;}

	#head{height:86px;position: absolute;}
	#head .logo{height:50px; 
	/*padding: 10px 0 15px 0;*/
	padding: 6px 0 15px 0;  
	}
	#head .logo img{
	    /*height:30px;*/
	    height: 40px;
	    
	}
	.hdsearch .searchbtn {margin-top:9px;}

	#menubtn-mo{float: right; width:50px; height:50px; display:block; position: relative;line-height:50px; cursor:pointer; background:#1f2958;margin-left: 15px;margin-right: -20px;}
	#menubtn-mo>.icon-mu { position: absolute;top:50%;left:50%;z-index: 999; margin-left:-25px; margin-top:-25px; box-sizing: border-box;padding:12px;width:50px;height:50px;-webkit-tap-highlight-color: transparent;-ms-touch-action: manipulation;touch-action: manipulation;}
	#menubtn-mo>.icon-mu>span { position: relative; display:block; margin-top:14px;}
	#menubtn-mo>.icon-mu>span,#menubtn-mo>.icon-mu>span:after,#menubtn-mo>.icon-mu>span:before { display: block;width:100%;height:2px;background:#fff; border-radius:2px; transition-duration: .4s;transition-property: background-color,transform;}
	#menubtn-mo>.icon-mu>span:after,#menubtn-mo>.icon-mu>span:before { position: absolute; content: "";}
	#menubtn-mo>.icon-mu>span:before {top: -10px;}
	#menubtn-mo>.icon-mu>span:after {top: 10px;}
	#menubtn-mo>.icon-mu.active span { background-color: transparent;}
	#menubtn-mo>.icon-mu.active span:after,#head>.nav>.icon-mu.active span:before {background-color: #fff;}
	#menubtn-mo>.icon-mu.active span:before {transform: translateY(10px)rotate(45deg);}
	#menubtn-mo>.icon-mu.active span:after {transform: translateY(-10px)rotate(-45deg);}
	
	#menu-mob{width: 100%;height: 100%;background-color:#212855;position: absolute;left: 0;top:86px;z-index: 999; padding: 15px 0;box-sizing: border-box;}
	#menu-mob .mobmenu{}
	#menu-mob .mobmenu > li{width: 100%;padding: 0 20px;box-sizing: border-box;position: relative;margin: 20px 0px;}
	#menu-mob .mobmenu > li > a{display: block;cursor: pointer;font-size: 1.6rem; line-height: 50px; color: #fff;display:block;position: relative;border-bottom: 1px solid rgba(255,255,255,.1);}
	#menu-mob .mobmenu > li:last-child > a,#menu-mob .mobmenu li .subnav li:last-child  a{border: none;}
	#menu-mob .mobmenu > li >span.iconfont{position: absolute;right:30px;top: 18px;color: #fff;transition: all .3s;}
	#menu-mob .mobmenu li .subnav{display: none; width:100%;background-color: rgba(0,0,0,.2);padding: 20px;box-sizing: border-box;}
	#menu-mob .mobmenu li .subnav a{display: block;color: rgba(255,255,255,.8);font-size: 1.4rem; line-height: 40px;border-bottom: 1px solid rgba(255,255,255,.1);}

	#menu-mob .mobmenu li.A span.iconfont{transform:rotate(180deg);}



	.banner{height:600px;}
	.hdtop .topnav{margin-right: 8px;}
	.banner .swiper-slide{height:600px!important;}

	.banner .swiper-slide .ani{width:90%;left:5%;top:45%;z-index: 9;margin-left:0;}
	.banner .swiper-slide .ani h3{font-size:3rem;}
	.banner .swiper-slide .ani p{font-size:2rem;}
	.banner .swiper-slide .ani .btn{font-size:1.2rem;padding: 10px 40px;margin-top: 20px;}
	.banner .swiper-slide .ani p img{margin-top: 8px;}
	.banner .swiper-pagination{ height: 34px;text-align: center;bottom:20px!important;}
	.gundong{display: none;}

	.indtit{font-size:3rem;}

	.ind-about .t1{font-size:1.9rem;}
	.ind-about .t2{font-size:3rem;}
	.ind-about .ablogo{width:20%;}
	.ind-about .con{width:90%;text-align: left;}
	


	.ind-bm .fl{
		width: 100%;
		/* width:60%; */
		font-size:2rem;}
	.ind-bm .fl .t2{font-size: 1.3rem;}
	.ind-bm .fl .t3{font-size:1.1rem;
		line-height: 26px;
		/* line-height:150%; */
	}
	.ind-bm .img{width:35%;display:none;}
	.wrap>div.fl a:nth-child(n+5){display: none;}
	


	.ind-adv{padding:50px 0;}
	.ind-adv .indtit{text-align: center;}
	.ind-adv .subtit{font-size: 1.4rem;text-align: center;}
	.ind-adv .adv-fl{float:none; width:100%; position: relative;margin-top: 40px;}
	.ind-adv .adv-fl .swiper-advl{height: auto;}
	.ind-adv .adv-fl .swiper-advl .swiper-slide img{width: 100%;height:auto;}
	.ind-adv .adv-fr{width: 100%;float: none;margin-top: 40px;}
	.ind-adv .adv-fr .swiper-advr{width: 100%;overflow: hidden;}
	.ind-adv .swiper-advr .swiper-slide{height:250px;}
	.ind-adv .swiper-advr .swiper-slide p{font-size: 1.4rem;}
	


	.ind-app{height:500px;}
	.swiper-app .swiper-slide .con .t1{font-size: 3rem;}
	.swiper-app .swiper-slide .con .t2{width:60%;font-size:1.4rem;}
	.swiper-app .swiper-slide .con a.more1{margin-top:20px;}
	


	.ind-news{padding: 60px 0;}	
	.ind-news .tit{font-size:3rem;}
	
	.newswrap{margin:40px 0 20px 0;}
	.newsitem{width:100%;float:none;margin:0;margin-bottom: 25px;}
	#kefu,.foot{display: none!important;}
}




@media (max-width: 992px) {
    /*search*/
    .hdsearch .searchbox #search{width: 75%;}
    .hdsearch .searchbox #search #keys{width: 75%;}
    .hdsearch .searchbox .bdbox a.closebtn{margin-left: 172px;}
    
    
    
    
    .contact-wap{display:none!important;}
	.copy{height: 74px;}
	.foot-cory,.foot-icp{width: 100%;text-align: center;line-height: 36px!important;}
	.h3{text-align: center;}
	.span{font-size: 20px;}
	.hdtop .topnav{display: flex;justify-content: center;}
	.banner{height: 169px;}
	.banner .swiper-slide{height:400px!important;}
	.banner .swiper-slide .ani h3 {font-size:2.2rem;	}
	.banner .swiper-slide .ani p img {max-width: 30%;}
	.banner .swiper-slide .ani .btn {padding:5px 20px;}
	.indtit {font-size:2rem;}
	.ind-about {padding:40px 0;	}
	.ind-about .more1 {margin-top:15px;}
	.ind-pro {padding-top: 40px;padding-bottom: 40px;	}
	.probox {margin-top:30px;}

	.ind-adv .swiper-advr .swiper-slide{height:150px;}
	.ind-adv .swiper-advr .swiper-slide img {margin-top:5px;}
	.ind-adv .swiper-advr .swiper-slide p {margin-top:15px;}

	.ind-app {height:400px;}
	.swiper-app .swiper-slide .con{text-align: center;}
	.swiper-app .swiper-slide .con .t1{font-size:2rem;}
	.swiper-app .swiper-slide .con .t2{width:100%;}

}