@charset "utf-8";
/* CSS reset for c_b*/
html{overflow-y: scroll;}
:root{overflow-y: auto;overflow-x: hidden;}
body{color: #333;font-family: "微软雅黑",Arial,Georgia,"Times New Roman",Times,serif;font-size: 14px;line-height: 1.8;position: relative;width: 100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin: 0;padding: 0;list-style: none;list-style-type: none;font-weight: normal;}
table{border-collapse: collapse;border-spacing: 0;}
table th,table td{padding: 5px;}
fieldset,img{border: 0;}
address,caption,cite,code,dfn,em,i,th,var{font-style: normal;font-weight: normal;}
ception,th{text-align: left;}
q:before,q:after{content: '';}
abbr,acronym{border :0;}
p{word-spacing: -1.5px;}
input,button,textarea,select,optgroup,option{font-family: inherit;font-size: inherit;outline: none;font-style: inherit;font-weight: inherit;border: none;}
input,button,textarea,select{*font-size: 100%;}
input,select{vertical-align: middle;}
table{font-size: 14px;border-collapse: collapse;}
a{color: #000;text-decoration: none;} 
a:focus{outline: none;}
a:hover{text-decoration: none;cursor: pointer}

/*定位*/
.fl{float: left;}
.fr{float: right;}
.zoom{zoom: 1}
.clear{clear: both;height: 0;line-height: 0;font-size: 0;}
.clearfix:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.clearfix{zoom: 1;}
.w1520{margin: 0 auto;width: 1520px;}
@media screen and (max-width: 1600px){
    .w1520{margin: 0 auto;width: 1400px;}
}
@media screen and (max-width: 1400px){
    .w1520{margin: 0 auto;width: 1200px;}
}

/*header*/
.header{width: 100%;height: 90px;line-height: 90px;position: relative;overflow: hidden;}
.header::before{content: '';display: block;position: absolute;right: -200px;top: 0;width: 34%;height: 100%;background: #0b57d0;transform: skewX(-30deg);border: 1px solid #fff;box-sizing: border-box;}
.header .logo{width: 20%;font-size: 28px;font-weight: bold;}
.header .logo img{display: block;width: 100%;height: auto;margin-top: 10px;}
.header ul{width: 65%;text-align: center;}
.header ul li{position: relative;float: left;margin: 0 10px;height: 87px;}
.header ul li a{display: block;}
.header ul li.active,.header ul li:hover{border-bottom: 3px solid #0b57d0;}
.header ul li.active a,.header ul li:hover a{color: #0b57d0;}
.header .pho{width: 15%;position: relative;z-index: 100;background:url(../images/h_pho.png) no-repeat center left;font-size: 16px;color: #fff;line-height: 1.6;padding-left: 35px;box-sizing: border-box;margin-top: 20px;}
@media screen and (max-width: 1800px){
    .header::before{width: 33%;}
}
@media screen and (max-width: 1600px){
    .header ul li{margin: 0 5px;}
}
@media screen and (max-width: 1400px){
    .header::before{width: 32%;}
    .header .logo{width: 17%;}
	.header .logo img{margin-top: 10%;}
    .header ul{width: 70%;}
    .header .pho{width: 13%;}
}

/*banner*/
.banner{position: relative;width: 100%;}
.banner img{display: block;width: 100%;}
.focus{width: 100%;margin: 0 auto;position: relative;overflow: hidden;}
.focus .hd{width: 100%;text-align: center;position: absolute;bottom: 0rem;left: 0;z-index:1;}
.focus .hd ul{width: 100%;text-align: center;position: absolute;left: 0;bottom: 30px;}
.focus .hd ul li{display: inline-block;width: 30px;height: 5px;background: #fff;opacity: .4;margin: 0 4px;font-size: 0;}
.focus .hd ul .on{opacity: 1;}

/*footer*/
.footer{background: #282828;}
.footer .f_link{width: 100%;height: 100px;line-height: 100px;background: url(../images/ftlink.png) no-repeat left center;background-size: 34% 100%;border-bottom: 1px solid rgba(226,231,237,.2);box-sizing: border-box;}
.footer .f_link .ftlogo{font-size: 28px;color: #fff;width: 30%;}
.footer .f_link .link{width: 68%;}
.footer .f_link .link a{margin: 0 15px;float: left;color: #Fff;}
.footer .f_link .link a:hover{color: #0b57d0;}
.footer .f_con{padding: 50px 0;}
.footer .f_con ul{width: 50%;}
.footer .f_con ul li{width: 60%;border-bottom: 1px solid rgba(226,231,237,.2);line-height: 45px;color: #fff;background: url(../images/fticon1.png) no-repeat left center;padding-left: 24px;}
.footer .f_con ul li:last-child{background: url(../images/fticon2.png) no-repeat left center;}
.footer .f_con .right{width: 50%;color: #fff;}
.footer .f_con .right p{position: relative;padding-bottom: 8px;margin-bottom: 15px;font-size: 16px;}
.footer .f_con .right p::before{content: '';position: absolute;left: 0;bottom: 0;height: 1px;width: 28px;background: #fff;}
.footer .f_con .right dl dt{float: left;height: 38px;line-height: 38px;padding-right: 20px;margin-right: 20px;position: relative;}
.footer .f_con .right dl dt::before{content: '';height: 14px;width: 1px;background: #fff;position: absolute;top: 15px;right: 0;opacity: .8;}
.footer .f_con .right a{color: #fff;}
.footer .f_con .right a:hover{color: #0b57d0;}
.footer .f_copy{height: 50px;line-height: 50px;color: #fff;border-top: 1px solid rgba(226,231,237,.2);text-align: center;}
.footer .f_copy a{color: #fff;}
.footer .f_copy a:hover{color: #0b57d0;}
@media screen and (max-width: 1400px){
    .footer .f_con ul li{width: 70%;}
}

/*客服*/
.fixleft{position: fixed;top: 60%;right: 0;z-index: 99999;}
.fixleft ul li{width: 65px;height: 55px;text-align: center; position: relative;margin-bottom: 4px;}
.fixleft ul li .con1{width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);border-radius: 5px 0 0 5px;padding-top: 10px;box-sizing: border-box;cursor: pointer;}
.fixleft ul li .con1 img{display: block;width: 34px;height: 34px;margin: 0 auto;}
.fixleft ul li .con1 i{display: none;position: absolute;left: 0;top: 0;width: 100%;height: 100%;line-height: 18px;color: #fff;padding: 10px;box-sizing: border-box;border-radius: 5px 0 0 5px;}
.fixleft ul li .con2{display: none;position: absolute;right: 0;top: 0;background-color: #fff;padding: 10px;padding-bottom: 10px;box-sizing: border-box;border-radius: 5px;background: #f7f7f7;}
.fixleft ul li .con2 img{display: block;width: 160px;height: auto;}
/*.fixleft ul li:nth-child(1) .con2{height: 55px;line-height: 55px;width: 200px;padding: 0;}
.fixleft ul li:nth-child(1) .con2 img{display: block;width: 34px;height: 34px;float: left;margin-top: 10px;margin-left: 10px;margin-right: 5px;}
.fixleft ul li:nth-child(1) .con2 span{float: left;font-size: 18px;}*/
.fixleft ul li:hover i{display: block;background-image: -webkit-linear-gradient(95deg,rgb(43,118,202) 0%,rgb(87,185,232) 100%);}
.fixleft ul li:hover .con2{display: block;}