/* 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: 26px;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%;background: none;border: none;}
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;}
.w1400{margin: 0 auto;width: 1400px;}
@media screen and (max-width: 1500px){
  .w1400{margin: 0 auto;width: 1200px;}
}
@media screen and (max-width: 1200px){
  .w1400{margin: 0 auto;width: 1000px;}
}

/*header*/
.header{width: 100%;}
.header .top{width: 100%;height: 40px;line-height: 40px;background: #21357c;color: #fff;}
.header .top h3{font-size: 14px;float: left;}
.header .top ul{float: right;}
.header .top ul li{display: inline-block; margin-right: 25px; padding-left: 22px;float: left;}
.header .top ul li:first-child{background: url(../images/h_icon1.png) no-repeat left top 12px;}
.header .top ul li:nth-child(2){background: url(../images/h_icon1.png) no-repeat left top 12px;}
.header .nav{width: 100%;height: 100px;line-height: 100px;background: #fff;}
.header .nav .logo{width: auto;height: 100px;}
.header .nav .logo img{display: block;width: 100%;height: 100%;}
.header .nav .pho{line-height: 28px;margin-left: 2%;margin-top: 20px;}
.header .nav .pho h3{font-size: 14px;color: #666;padding-left: 24px;background: url(../images/h_icon3.png) no-repeat left center;}
.header .nav .pho p{font-size: 24px;color: #21357c;font-weight: bold;}
.header .nav ul{width: 80%;float: right;}
.header .nav ul li{width: 12.5%;float: left;text-align: center;font-size: 15px;position: relative;}
.header .nav ul li.active{ background: #ced6e4;}
.header .nav ul li a:hover,.header .nav ul li.active a.on{color: #21357c;}
.header .nav ul li dl{position: absolute; left: calc(50% - 90px);top: 85%;width: 180px;z-index: 9999;transition: all ease .238s;transform: translateY(3px);box-shadow: inset 0 12px 19px rgba(255,255,255,0.1), 0 1px 7px rgba(0,0,0,0.2);display: none;}
.header .nav ul li dl a{display: block;width: 100%;line-height: 45px;color: #4b4b4b;background: #fff;font-size: 14px;padding: 0 18px;box-sizing: border-box;border-top: 1px solid #eaeaea;text-align: left;}
.header .nav ul li dl a:hover{ background-color: #21357c; color: #fff;}
.header .nav ul li:hover dl{display: block;}
.header.fixed{position: fixed;box-shadow: 3px 3px 6px rgba(204,204,204,0.4);z-index: 9999;}
.header.fixed .top{display: none;}

/*banner*/
#banner{position: relative;width: 100vw;max-height: 700px;overflow: hidden;}
#banner .swiper-wrapper{width: 100%;height: 100%;z-index: 1;display: flex;box-sizing: content-box;}
#banner .swiper-slide{position: relative;width: 100%;height: 100%;flex-shrink: 0;}
#banner .swiper-slide .img img{display: block;width: 100%;height: 700px;object-fit: cover;transition: all 1s ease 2.5s;transform: perspective(1000px) translate3d(0, 0, 100px);}
#banner .swiper-slide.active .img img{transition: all 5s ease 0s;transform: perspective(1000px) translate3d(0, 0, 0px);}
#banner .swiper-pagination{position: absolute;z-index: 20;bottom: 40px;width: 100%;text-align: center;}
#banner .swiper-pagination span{display: inline-block;margin-right: 4px;border-radius: 50px;width: 12px;height: 12px;background-color: #fff;margin: 0 14px;opacity: 0.5;color: transparent;cursor: pointer;vertical-align: middle;position: relative;}
#banner .banner .swiper-pagination-bullet-active{opacity: 1;width: 42px;height: 42px;line-height: 42px;text-align: center;border: 2px solid rgba(255, 255, 255, 0.4);background-color: transparent;color: #fff;}
#banner .banner .swiper-pagination-bullet-active .rightcircle{animation: circleProgressLoad_right 6s linear infinite;}
#banner .banner .swiper-pagination-bullet-active .leftcircle{animation: circleProgressLoad_left 6s linear infinite;}
#banner .banner .swiper-pagination-bullet-active .wrapper_con{display: block;}
#banner .right{right: -2px;}
#banner .left{left: -2px;}
#banner .circleProgress{width: 42px;height: 42px;border: 2px solid transparent;border-radius: 50%;position: absolute;top: 0px;}
#banner .rightcircle{border-bottom: 2px solid #fff;border-left: 2px solid #fff;right: 0px;}
#banner .leftcircle{border-top: 2px solid #fff;border-right: 2px solid #fff;left: 0px;}
#banner .wrapper_con{width: 23px;height: 46px;position: absolute;top: -2px;overflow: hidden;display: none;}
@media screen and (max-width: 1500px){
  	#banner{max-height: 600px;}
	#banner .swiper-slide .img img{height: 600px;}
}
@media screen and (max-width: 1200px){
  	#banner{max-height: 500px;}
	#banner .swiper-slide .img img{height: 500px;}
}

/*footer*/
.footer{background: url(../images/ftbg.jpg) repeat-x center top #21357c;height: 387px;position: relative;z-index: 100;}
.footer .top{position: relative;top: -25px;left: calc(50% - 25px)}
.footer .nav{width: 100%;position: relative;}
/*.footer .nav:after,.footer .nav:before{content: "";width: 15%;height: 1px; background: #3d5c93;position: absolute;top: 13px;}*/
.footer .nav:after{left: 0;}
.footer .nav:before{right: 0;}
.footer .nav ul{width: 100%;margin: 0 auto;}
.footer .nav ul li{width: 12.5%;text-align: center;float: left;}
.footer .nav ul li a{color: #fff;font-size: 16px;}
.footer .nav ul li a:hover{color: #fa852f;}
.footer .pho{margin-top: 40px;position: relative;}
.footer .pho::before{content: '';position: absolute;top: 15px;left: 0;width: 100%;height: 1px;border-top: 1px dashed #3d5c93;}
.footer .pho p{width: 25%;float: left;font-size: 18px;text-align: center;color: #fff;line-height: 30px;position: relative;}
.footer .pho p:last-child{font-size: 16px;}
.footer .pho p img{display: block;margin: 0 auto 10px;}
.footer .pho p span{display: block;font-size: 16px;}
.footer .link{margin-top: 50px;color: rgba(255,255,255,0.8);}
.footer .link a{color: rgba(255,255,255,0.6);margin-right: 10px;}
.footer .link a:hover{color: #fff;}
.footer .copy{width: 100%;position: absolute;bottom: 0;height: 50px;line-height: 50px;text-align: center;margin: 0 auto; color: rgba(255,255,255,0.7); border-top: 1px solid rgba(255,255,255,0.15); background: #07235c;}
.footer .copy a{color: rgba(255,255,255,0.8);}
.footer .copy a:hover{color: #fff;}
@media screen and (max-width: 1500px){
  	.footer .nav:after,.footer .nav:before{width: 10%;}
}

/*客服*/
.fixleft{position: fixed;top: 35%;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: 65px;top: 0;background-color: #fff;padding: 10px;padding-bottom: 15px;box-sizing: border-box;border-radius: 5px;background: #f7f7f7;}
.fixleft ul li .con2 img{display: block;width: 150px;height: 150px;margin-bottom: 10px;}
.fixleft ul li .con2 em{display: block;line-height: 10px;color: #333;}
.fixleft ul li .con2 p{margin-top: 4px;color: #999;}
.fixleft ul li:last-child .con2{height: 55px;line-height: 55px;width: 200px;padding: 0;}
.fixleft ul li:last-child .con2 img{display: block;width: 34px;height: 34px;float: left;margin-top: 10px;margin-left: 10px;margin-right: 5px;}
.fixleft ul li:last-child .con2 span{float: left;font-size: 20px;font-family: 'Oswald',sans-serif;}
.fixleft ul li:hover i{display: block;background-color: #fa852f;}
.fixleft ul li:hover .con2{display: block;}