@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ margin:0px; padding:0px; font-size:12px;font-family:"微软雅黑","黑体";color:#898989;line-height:1; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,b,strong { font-weight: normal; }
em,i { font-style: normal; }

.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.fl { float:left}
.fr { float:right}
.hidden{display:none; background: url() no-repeat center;}

.header{height: 100px;width: 100%; position: fixed;top: 0;left: 0;}
.header.no{background: #fff;box-shadow:0 0 10px rgba(0, 0, 0, .1);  }
.header.no .logo a{color: #206BE7;}
.headerbox{width: 1200px; margin: 0 auto;overflow: hidden;}
.logo {float: left; width: 300px; line-height: 100px;font-weight: bold;}
.logo a{ color: #fff;}

.nav{float: right;}
.nav ul{overflow: hidden;}
.nav li{float: left; font-size: 16px; line-height: 100px; padding-left: 50px;}
.nav li a{color: #333; line-height: 100px;}
.banner{background: url(../images/banner.png) no-repeat center center;height: 800px;background-size: cover;}
.banner_text{width: 1200px; overflow: hidden; margin: 0 auto; padding-top: 90px;}
.text{float: right;width: 600px;}
.wznr{width: 800px; margin: 0 auto; overflow: hidden;display: flex; padding: 130px 0;align-items: center;}
.wznr img{width: 200px;}
.wznr_text{width: calc(100% - 200px); padding-left: 60px;}
.wznr_text h2{font-size: 30px; margin-bottom: 20px;color: #333;}
.wznr_text p{font-size: 14px;color: #666;}
.bj1{background: #f8fbfd;}
.footer{background: #f8fbfd;text-align: center; padding: 25px 0;}
.footer p{font-size: 14px; line-height: 1.7; color: #333;}
.footer p span{padding: 0 10px;}

.banner_tp{float: right;width: 600px;}
.banner_tp img{width: 100%;}
.text{float: left; padding-top: 100px;}
.text h2{font-size: 42px; color: #fff; margin-bottom: 35px;}
.text h3{font-size: 30px; color: #fff; margin-bottom: 20px;}
.text p{font-size: 18px; line-height: 1.7; color: #fff; opacity: .6; padding-right: 80px;}
.text ul{overflow: hidden; padding-top: 50px;}
.text li{float: left; padding-right: 25px;}
.text li a{display: block; text-align: center; line-height: 40px; padding: 0 25px; font-size: 16px; color: #007AFF;background: #fff;}


@media(max-width:1360px){
.header, .content, .footer{width: 100%;}
.seabox{display: none;}

}
@media(max-width:1000px){
.h_top{height: 60px; width: 100%; background: #fff; position: fixed;left: 0; top: 0;z-index: 12;}
.t_con{height: auto; padding: 0;}
.t_con h1{width: 140px; position: absolute; left:3%; top:8px;}
.t_con h1 img{width: 100%;}
.t_pho{display: none;}
.t_text{display: none;}
.dhbtn{position: absolute; width: 30px;height: 30px; right: 3%; top: 15px;background:url(../images/d1.png) no-repeat center center;background-size: 25px 25px;z-index: 100;}
.menu{position: fixed;width: 80%; left:-100%; top:0;background: #206be7;height: 100%; overflow: auto !important;}
.menu li{float: none;width: 100%; line-height: 60px;}
.jb{width: 100%;height: 100%; position: fixed; left:0; top:0; background: rgba(0,0,0,.7);z-index: 10;display: none;}
.ggbtn{display: block; background: url(../images/d2.png) no-repeat center center;background-size: 25px 25px; position: absolute; right: 10px; top: 10px;}
.menu li dl{position: relative; left:0;top: 0;}
.menu li>a{text-align: center;}
.banner{padding-top: 60px;}
.pcsz{display: none;}
.sjzs{display: block;}
.client-2{display: none;}




}