html,body{width: 100%;background:#fafafa;}
@media only screen and (min-width: 320px) and (max-width: 880px) {
	html,body{width:100vw;overflow-x:hidden;}
	.online{display:none;}
	.owx{display:none}
}
/*咨询*/
.online{width:142px;height:380px;background:url(../img/online.png) no-repeat 0 0;position: fixed;right: 0;top:191px;cursor: pointer;z-index: 100;}
.weixin{width:119px;height:119px;margin:46px 0 38px 17px;}
.weixin>img{width:100%;height:100%;}
.qq{margin-left:36px;}
.tel_one{color:#17a0d7;font-size:18px;font-weight:bold;font-family:arial;}
.telnum{width:100%;padding-top:60px;padding-left:18px;}
.telnum>p:last-child{padding-top:11px;}
/*头部*/
.head{width: 100%;height:120px;background: url(../images/header.jpg) no-repeat center 0;}
.header{width: 1200px;height:120px;margin: 0 auto;}
.logo{width: 750px;height:84px;margin-top: 20px;float:left;}
.logo>a{display: block;width: 100%;height: 100%;line-height:74px;vertical-align: middle;}
.logo>a>img{max-width: 100%;max-height:100%;padding-right:15px;vertical-align: middle;}
.head_right{width: 224px;height:100%;float:right;}
.head_log{width:224px;height: 35px;padding-top:19px;padding-left: 100px;}
.head_log>p>a{color: #158ebf;font-size: 14px;line-height: 20px;}
.head_log>a.phone{display: block;float: left;color: #158ebf;font-size: 14px;height: 20px;width: 64px;padding-left:30px;background: url(../img/phone.png) no-repeat 0 0;line-height: 20px;}
.search{width: 322px;height: 37px;}
.sea{width: 270px;height:37px;padding-left:14px;float: left;line-height: 37px;font-size: 12px;background: #ffffff;}
.t-head{display: none;}
.t_tel{display: none;}
@media only screen and (max-width: 880px) and (min-width: 320px) {
	.head{display: none;}
	.t-head{width:97vw;padding-left:3vw;height:16vw;background: url(../img/header.jpg) no-repeat 100% 100%;position: relative;display: block;}
	.t-logo{width:40vw;height:13vw;float: left;padding-top:3vw;}
	.t-logo>a>img{max-width: 100%;}
	.pinzhi{width:25vw;height:10vw;float: left;background: url(../img/lmpz.png) no-repeat 0 0;background-size:cover;margin-top:2vw;margin-left:2vw;}
	.t_btn{height:16vw;width:16vw;background:#158ebf url(../img/t-head.png) no-repeat center center;position: absolute;top: 0;right: 0;background-size:50%;}
	.t-sub{width: 5vw;height:5vw;background: url(../img/t-sou.png) no-repeat;display: block;float: left;}
	.t_tel{display:block;width:80vw;padding-left:20vw;height:10vw;background:#17a0d7 url(../img/tel.png) no-repeat 5.5vw;background-size: 8vw;color: #ffffff;line-height: 10vw;}
}
/*头部*/
/*导航*/
.navCon{width: 100%;height:43px;background: #1983f9;}
.navList{width: 1200px;height: 100%;margin:0 auto;}
.nav{float: left;width:1201px;}
.nav>li{float: left;position: relative;}
.nav>li>a{display: block;float: left;height:43px;line-height: 43px;width:170px;font-size: 16px;color: #FFFFFF;text-align:center;border-right:1px solid #ffffff;}
.nav>li:last-child>a{border-right:0px!important;}
.nav>li>a:hover{background:#1054a0;}
.nav>li .subNav{position: absolute;top: 43px;left: 0;width:170px;text-align: center;background: #1054a0;display: none;z-index: 100;}
.nav>li .subNav li{height:46px;line-height:46px;}
.nav>li .subNav li a{color: #ffffff;font-size: 14px;}
.active{background:#ff7d0a!important;}
.bgg{background:#ff7d0a;}
.tel{width:190px;height:72px;float:right;background:url(../img/tel.png) no-repeat 0px 10px;padding-left: 70px;font-size: 26px;color: #FFFFFF;font-weight: bold;text-align: right;}
.nav>li .subNav li a:hover{font-weight:bolder;}
/*尾部*/
.foot{width: 100%;height:225px;background: #e6e6e6;position:relative;overflow: hidden;}
.line{position: absolute;width: 100%;height:1px;border-bottom: 1px solid #b7b7b7;left: 0;top: 86px;}
.footer{width: 1200px;height:200px;margin: 0 auto;padding-top:17px;}
.foot_top{height:72px;}
.f_l{width: 650px;height:56px;float: left;line-height:56px;vertical-align:middle!important;}
.f_l img{max-height:100%;float:left;padding-right:20px;vertical-align:middle;width:auto;}
.f_l img:nth-child(3){height:100%;vertical-align:middle;padding-top:0px;padding-right:7px;}
.footlist{float: right;font-size: 14px;}
.footlist>li{float:left;}
.footlist>li>a{float: left;color:#434343;padding-left:27px;line-height: 70px;}
.footlist>li>a:hover{color: #2d9ad3;}
.footBottom{width:100%;height:100px;margin-top:3px;}
.foot_bot{width:100%;float: left;overflow: hidden;}
.foot_bot>li{width:310px;height:110px;color: #434343;font-size: 14px;line-height:22px;float: left;margin-right: 48px;padding-right:34px;}
.foot_bot>li>h3{font-size: 16px;color: #00597d;font-weight: bold;height: 46px;width: 100%;line-height: 46px;}
.foot_right>dl{float: right;width:146px;text-align: center;}
.foot_right>dd>img{width: 119px;height: 119px;}
.foot_right>dl>dd{color: #434343;font-size: 12px;line-height:55px;}
@media only screen and (min-width: 320px) and (max-width: 880px) {
	.navCon{width:100vw;height:320px;overflow:hidden;display:none;}
    .navList{width:100vw;}
    .nav{float:none;width:100vw;}
	.nav>li{float:none;position: relative;}
	.nav>li>a{float:none;height:40px;line-height: 40px;width:100vw;font-size: 14px;border-right:0px;}
	.nav>li .subNav{display: none!important;}
	.foot{width:100vw;height:320px;}
	.footer{width:94vw;margin:0 auto;padding-top:2vw;height:100%;position:relative;height:180vw;}
	.line{top:18vw;width:96vw;left:2vw;}
	.foot_top{height:15vw;}
    .f_l{width:100%;height:15vw;float:none;padding-bottom:1vw;}
    .f_l>img{max-height:100%;width:auto;}
	.footlist{display:none;}
	.foot_right{display:none;}
    .footBottom{width:100%;height:260px;margin-top:3px;padding-top:0px;}
    .foot_bot{width:100%;float: left;overflow: hidden;}
    .foot_bot>li{width:100%;height:105px;border:0;padding:0;padding-top:5px;font-size:12px;line-height:20px;}  
}
/*dibu*/
.copy{width: 100%;height:40px;background:#575757;position: relative;}
.copyright{width: 1200px;height:24px;padding-top: 16px;margin: 0 auto;line-height: 1;font-size: 12px;color: #c8c8c8;}
.copyright>span{display: block;float: left;width:500px;}
.copyright>span:nth-child(2){text-align: center;}
.copyright>span:nth-child(3){float: right;text-align: right;}
@media only screen and (min-width: 320px) and (max-width: 880px) {
	.copy{width:100vw;height:15vw;}
	.copyright{width:94vw;margin:0 auto;padding-top:3vw;}
	.copyright>span:first-child{width:100%;text-align:center;padding-bottom:5px;}
	.copyright>span:nth-child(2){width:40vw;text-align:left;float:left;}
    .copyright>span:nth-child(3){width:40vw;float: right;text-align: right;}
html,body{width: 100%;background:#fafafa;}
@media only screen and (min-width: 320px) and (max-width: 880px) {
	html,body{width:100vw;overflow-x:hidden;}
	.online{display:none;}
	.owx{display:none}
}
/*咨询*/
.online{width:142px;height:380px;background:url(../img/online.png) no-repeat 0 0;position: fixed;right: 0;top:191px;cursor: pointer;z-index: 100;}
.weixin{width:119px;height:119px;margin:46px 0 38px 17px;}
.weixin>img{width:100%;height:100%;}
.qq{margin-left:36px;}
.tel_one{color:#17a0d7;font-size:18px;font-weight:bold;font-family:arial;}
.telnum{width:100%;padding-top:60px;padding-left:18px;}
.telnum>p:last-child{padding-top:11px;}

/*导航*/
.navCon{width: 100%;height:43px;background: #17a0d7;}
.navList{width: 1200px;height: 100%;margin:0 auto;}
.nav{float: left;width:1201px;}
.nav>li{float: left;position: relative;}
.nav>li>a{display: block;float: left;height:43px;line-height: 43px;width:149px;font-size: 16px;color: #FFFFFF;text-align:center;border-right:1px solid #ffffff;}
.nav>li:last-child>a{border-right:0px!important;}
.nav>li>a:hover{background:#064a77;}
.nav>li .subNav{position: absolute;top: 43px;left: 0;width:149px;text-align: center;background: #064a77;display: none;z-index: 100;}
.nav>li .subNav li{height:46px;line-height:46px;}
.nav>li .subNav li a{color: #ffffff;font-size: 14px;}
.active{background:#064a77!important;}
.bgg{background:#064a77;}
.tel{width:190px;height:72px;float:right;background:url(../img/tel.png) no-repeat 0px 10px;padding-left: 70px;font-size: 26px;color: #FFFFFF;font-weight: bold;text-align: right;}
/*尾部*/
.foot{width: 100%;height:285px;background: #e6e6e6;position:relative;overflow: hidden;}
.line{position: absolute;width: 100%;height:1px;border-bottom: 1px solid #b7b7b7;left: 0;top: 82px;}
.footer{width: 1200px;height:265px;margin: 0 auto;padding-top: 20px;}
.foot_top{height:62px;}
.f_l{width: 243px;height: 46px;float: left;}
.f_l img{width: 90%;}
.footlist{float: right;font-size: 14px;}
.footlist>li{float:left;}
.footlist>li>a{float: left;color:#434343;padding-left:27px;line-height: 60px;}
.footlist>li>a:hover{color: #2d9ad3;}
.footBottom{width:100%;height:174px;margin-top:3px;padding-top:26px;}
.foot_bot{width:950px;float: left;overflow: hidden;}
.foot_bot>li{width:380px;height:110px;color: #434343;font-size: 14px;line-height:22px;float: left;border-right: 1px solid #cbcbcb;margin-right: 48px;padding-right:34px;}
.foot_bot>li>h3{font-size: 16px;color: #00597d;font-weight: bold;height: 46px;width: 100%;line-height: 46px;}
.foot_right>dl{float: right;width:146px;text-align: center;}
.foot_right>dd>img{width: 119px;height: 119px;}
.foot_right>dl>dd{color: #434343;font-size: 12px;line-height:55px;}
@media only screen and (min-width: 320px) and (max-width: 880px) {
	.navCon{width:100vw;height:320px;overflow:hidden;display:none;}
    .navList{width:100vw;}
    .nav{float:none;width:100vw;}
	.nav>li{float:none;position: relative;}
	.nav>li>a{float:none;height:40px;line-height: 40px;width:100vw;font-size: 14px;border-right:0px;}
	.nav>li .subNav{display: none!important;}
	.foot{width:100vw;height:320px;}
	.footer{width:94vw;margin:0 auto;padding-top:2vw;height:100%;position:relative;height:180vw;}
	.line{top:18vw;width:96vw;left:2vw;}
	.foot_top{height:15vw;}
    .f_l{width:100%;height:14vw;float:none;padding-bottom:1vw;}
    .f_l>img{max-height:100%;width:auto;}
    .f_l>img:nth-child(3){padding-top:1.5vw;}
	.footlist{display:none;}
	.foot_right{display:none;}
    .footBottom{width:100%;height:260px;margin-top:3px;padding-top:0px;}
    .foot_bot{width:100%;float: left;overflow: hidden;}
    .foot_bot>li{width:100%;height:105px;border:0;padding:0;padding-top:5px;font-size:12px;line-height:20px;}  
}
/*dibu*/
.copy{width: 100%;height:40px;background:#575757;position: relative;}
.copyright{width: 1200px;height:24px;padding-top: 16px;margin: 0 auto;line-height: 1;font-size: 12px;color: #c8c8c8;}
.copyright>span{display: block;float: left;width:400px;}
.copyright>span:nth-child(2){text-align: center;}
.copyright>span:nth-child(3){float: right;text-align: right;}
@media only screen and (min-width: 320px) and (max-width: 880px) {
	.copy{width:100vw;height:15vw;}
	.copyright{width:94vw;margin:0 auto;padding-top:3vw;}
	.copyright>span:first-child{width:100%;text-align:center;padding-bottom:5px;}
	.copyright>span:nth-child(2){width:40vw;text-align:left;float:left;}
    .copyright>span:nth-child(3){width:40vw;float: right;text-align: right;}
    .search{width:75vw;position:fixed;top:16vw;z-index:10000;left:5vw;display:none;}
    .sea_btn{width:11vw;background: #158EBF url(../img/sou.png) no-repeat center center;}
    .sea{width:61vw;padding-left:3vw;}
   .btnsea{display:block;width:10vw;height:10vw;background:url(../img/ccou.png) no-repeat left 1vw;float:left;margin-left:3vw;margin-top:4vw;}
}