﻿* {margin: 0;padding: 0;}
body {font-size: 14px;font-family:"Microsoft YaHei", "Heiti SC", tahoma, arial, "Hiragino Sans GB", "宋体", sans-serif;margin: 0 auto;color: #424242;max-width: 1920px;min-width: 1200px;}
a {ext-decoration: none;color: #424242;}
ul,ol,li {list-style: none;}
img {border: 0 none;vertical-align: middle;max-width: 100%;}
table,tr,th,td {border-collapse: collapse;}
i,em,cite,address {font-style: normal;}
a:focus,input,textarea,select {outline: none;}
input[type="submit"],input[type="reset"],input[type="button"] {cursor: pointer;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.center {width: 1140px;margin: 0 auto;}
.left{float: left;}
.right{float: right;}
/*header*/
.header {width: 100%;position: fixed;top: 0;left: 0;z-index: 999999;background: #fff;box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.05);}
.header .top {height: 45px;background: #f8f8f8;}
.header .tr {margin-top: 10px;width: 325px;float: right;}
.header .trl2{height:25px;line-height:25px;width:70px;float:left;position: relative;top: 1px;}
.header .trl2 select {height: 25px;border-radius: 5px;width: 70px;border: 1px solid #ccc;background: #f8f8f8;}
.header .trl3 {float: right;width: 210px;position: relative;}
.header .trl3 .txt {width: 145px;border: 1px solid #cccccc;line-height: 25px;height: 25px;color: #999;font-size: 12px;text-indent: 1em;border-radius: 3px;box-sizing: border-box;}
.header .trl3 .txt::-webkit-input-placeholder {color: #bebebe;}
.header .trl3 .txt::-moz-placeholder {color: #bebebe;}
.header .trl3 .txt:-ms-placeholde {color: #bebebe;}
.header .trl3 .btn {width: 58px;height: 25px;right: 0px;font-size:12px;color:#105cb6;border:1px solid #105cb6;line-height:25px;box-sizing:border-box;border-radius:3px;}

.header .tr .wechat{width:30px;float: left;margin: 0px 10px 0px 0px;position:relative;top: -3px;}
.headCode{position:absolute;width:100px;left:-35px;background:#fff;z-index:99999;display:none;}
.header .tr .wechat:hover .headCode{display:block;}

.head {background: #fff;height: 110px;}
.head h1 {margin: 15px 0 0 0px;}
.head .nav{width:800px;}
.head .nav>a {display: block;border-radius: 5px;line-height: 36px;height: 36px;width: 120px;text-align: center;color: #fff;background: #0b1844;margin: 20px 0 15px 10px;}
.head .nav>a:hover {color: #fff !important;background-color: #1367ca;}
.head .nav>a.a1{background:#0b1844;}
.head .nav>a.a2{background:#105cb6;}
.head .nav>a.a3{background:#3588ca;}
.head .nav>a.a4{background:#3588ca;}
.head .nav ul {/* clear: both; */float: right;}
.head .nav ul>li {float: left;margin: 0 0 0 20px;padding: 0 16px 0 0;font-size: 16px;position: relative;cursor: pointer;}
.head .nav ul>li>i.arrow{width:15px;height:15px;background: url("../images/d.png") right 8px no-repeat;display:inline-block;position: absolute;right: 0px;top: 0px;}
.head .nav ul>li.on {background-image: url("../images/dd.png");}
.head .nav ul>li>a{height: 40px;display:block;}
.head .nav ul>li:first-child.on {background-image: none;}
.head .nav ul>li:first-child.on>a {color: #424242;}
.head .nav ul>li:hover>a,
.head .nav ul>li.on>a {color: #105cb6;}
.head .nav ul>li>ul {position: absolute;background: #fff;top: 39px;left: 50%;/* margin-left: -70px; */box-shadow: 0px 0 1px 0px rgba(0, 0, 0, 0.15);display: none;width: max-content;transform: translateX(-50%);}
.head .nav ul>li:last-child ul {margin-left: 0px;/* left: -57px; */}
.head .nav ul>li.on>ul {/* display: block; */}
.head .nav ul>li>ul li {line-height: 35px;height: 35px;text-overflow: ellipsis;white-space: nowrap;padding: 0 20px 0 10px;font-size: 14px;border-top: 1px solid #e0e0e0;position: relative;margin: 0px;float: none;}
.head .nav ul>li>ul li a {display: block;}
.head .nav ul>li>ul li:hover {background: #eee;}
.head .nav ul>li>ul li:hover>a {color: #333;}
.head .nav ul>li>ul li.active {background: #eee;}
.head .nav ul>li>ul li.active>a {color: #333;}
.head .nav ul>li>ul li:first-child {border-top: 0;}
.head .nav ul>li>ul li a:before {content: '';display: none;width: 4px;height: 4px;background: #e5e5e5;position: absolute;top: 21px;left: 14px;}
.head .nav ul>li>ul li:hover a:before {background: #fff;}
.head .nav ul>li.home{display:none;}
.head .nav ul>li>ul li:hover dl{display:block;}
.head .nav ul>li>ul li dl a{color:#333;}
.head .nav ul>li>ul li dl dd:hover a{color:#105cb6;}
.head .nav ul>li>ul li dl dd.active a{color:#105cb6;}
.head .nav ul>li>ul li dl{position:absolute;right: -170px;background:#fff;width: 170px;top: 0px;text-align: center;display:none;}
.head .nav ul>li>ul li.more i.opens{background: url(../images/r_on.png) right center no-repeat;padding: 0px 10px 0px 0px;width: 22px;height: 35px;display:block;position:absolute;right: 5px;top: 0px;background-size: 7px;}
/*footer*/
.footer {background: #f4f4f4;}
.foot{width:1140px;margin:0 auto;padding: 35px 0px 20px 0px;}
.foot1{border-bottom: 1px solid #e7e7e7;padding:0px 0px 20px 0px;}
.foot1L{width:250px;float:left;}
.foot1L h1 a{display:block;width:100%;}
.foot1L img{max-width:100%;}
.foot1L .p1{font-size:16px;color:#333333;margin: 10px 0px 27px 0px;}
.foot1L .share a{margin:0px 7px 0px 0px;}
.foot1L .code{width:150px;}
.foot1R li{float:left;margin:0px 88px;padding:25px 0px 30px 0px;text-align: center;}
.foot1R li .a1{font-size:20px;color:#333333;}
.foot1R li .two a{display:block;font-size:16px;color:#666666;margin:17px 0px 0px 0px;}
.foot1R li .two a:hover{color:#105cb6;}
.foot1R li .a1:hover{color:#105cb6;}
.foot2{padding:25px 0px 5px 0px;}
.foot2L{float:left;}
.foot2_1{margin:20px 0px 0px 0px;}
.foot2_1 a{font-size:14px;color:#666666}
.foot2_1 a:after{content:'';display:inline-block;width:2px;height:14px;background:#949494;margin:0px 15px 0px 20px;position:relative;top:2px;}
.foot2_1 a:last-child:after{display:none;}
.foot2R{float:right;}
.foot2R img{max-width:100%;}
.copyright{color:#666666;font-size:14px;margin:17px 0px 0px 0px;}
.copyright a{color:#666;word-break: break-word;}
.foot2_1 a:hover{color:#105cb6;}

.head h1 img{max-width:100%;max-height: 100%;}
.head .nav>ul>li.active>a{color:#105cb6;}

#top {width: 57px;height: 57px;position: fixed;right: 0;bottom: 180px; background: #105cb6 url("../images/top.png") center no-repeat;cursor: pointer;border-radius: 50%;z-index: 999;}




@media(max-width:1024px){
    body{min-width: unset;}
    .center{width: 95%;}
    .head{height: 60px;padding: 0px 0px 10px 0px;}
    .header .top{display:none;}
    .head h1{margin: 0px;max-width: 30%;line-height: 60px;}
    .head .search{display:inline-block;width: 25px;height: 25px;background:url(../images/icon-search.png) center center no-repeat;background-size: 21px;float: right;margin: 22px 0px 0px 0px;}
    .head .open{display:inline-block;width: 25px;height: 25px;background:url(../images/icon-open.png) center center no-repeat;background-size: cover;float: right;margin: 22px 0px 0px 15px;}
    .head .nav{position:absolute;width:100%;float: none;margin: 0px 0px 0px -2.5%;top: 70px;background: #fff;padding: 10px 0px 170px 0px;display: none;height: calc(100vh - 250px);overflow-y: scroll;}
    .head .nav .a{margin:0px;position:absolute;width: 94%;left:3%;}
    .head .nav>ul{width: 100%;float: none;margin: 0 auto;}
    .head .nav>ul>li{float:none;margin: 0px;border-bottom:1px solid #ddd;background: none;background-size: 16px;width: 100%;padding: 0px;}
    
    .head .nav .a1{bottom:0px;}
    .head .nav .a2{bottom:40px;}
    .head .nav .a3{bottom:80px;}
    .head .nav .a4{bottom:120px;}
    .head .nav ul{float: none;}
    .head .nav ul>li{float: none;border-top: 1px solid #ddd;margin: 0px;padding: 0px;}
    .head .nav ul>li>a{line-height: 40px;display: inline-block;text-indent: 12px;height: 40px;}
    .head .nav ul>li.home{display:block;border-top:1px solid #ddd;}
    .head .open.close{background: url(../images/icon-close.png) center center no-repeat;background-size: 20px;}
    .head .nav ul>li>i{background:unset;}
    .head .nav li.down>i.arrow{width: 22px;height:40px;background:url("../images/icon-down.png") 96% 17px no-repeat;display:block;position:absolute;right: 3%;top: 0px;background-size: 20px;}
    .head .nav ul>li>ul{position: relative;top: 0px;margin: 0px;left: 0px;width: 100%;transform: unset;padding: 0px;}
    .head .nav ul>li>ul li{height: auto;line-height: 36px;background:#f4f4f4;width:100%;padding: 0px;text-indent: 3%;}
    .head .nav ul>li>ul li a:before{display:none;}
    .head .nav ul>li>ul li a{text-indent: 0px;height: 35px;line-height: 35px;}
    .head .nav ul>li.up i.arrow{background:url(../images/icon-up.png) center center no-repeat;background-size:20px;}
    .head .nav ul>li:last-child ul{margin:0px;left: 0px;}
    .footer{width: 100vw;}
    .foot{width:94%;padding: 20px 0px;}
    .foot1L{width: 30%;}
    .foot1R{width: 70%;float: right;}
    .foot1R ul{width:100%;}
    .foot1L .p1{font-size:10px;margin: 10px 0px 15px 0px;}
    .foot1R li{margin: 0px 0px 0px 5px;margin-left: calc((100% - 210px)/3);padding: 0px;}
    .foot1R li .a1{font-size:14px;display: block;margin: 0px 0px 11px 0px;text-align: left;}
    .foot1R li .two a{font-size:10px;margin: 6px 0px 0px 0px;text-align: left;}
    .foot2L{width: 78%;}
    .foot2_1{margin:0;}
    .foot2R{width: 20%;text-align: right;}
    .foot2R img{max-height:45px;}
    .foot2{padding: 15px 0px 0px 0px;}
    .foot2_1 a{font-size:12px;}
    .foot2_1 a:after{margin:0px 2px 0px 7px;height:12px;}
    .copyright{font-size:10px;word-break:break-word;margin: 10px 0px 0px 0px;}
    .foot1L .share a{margin:0px 5px 0px 0px;}
    .foot1L .share img{max-width: 30px;}

    
    #top{width:35px;height: 35px;}  
    .head .nav>ul>li>ul li.more{background: url(../images/r_on.png) 96% 10px no-repeat;}
    .head .nav>ul>li>ul li.more{background: url(../images/r_on.png) 96% 10px no-repeat;}  
    .head .nav_ul{height: calc(100vh - 260px);overflow-y: scroll;}
    .head .nav li .two_nav li.more1>i.oepns{width: 22px;height:40px;background:url("../images/d.png") 96% 17px no-repeat;display:block;position:absolute;right: 3%;top: 0px;background-size: 20px;}
    .head .nav li.more1>i.opens{width: 22px;height:40px;background:url("../images/icon-down.png") 96% 17px no-repeat;display:block;position:absolute;right: 3%;top: 0px;background-size: 20px;}
    .head .nav ul>li>ul li.more i.opens{background: url(../images/icon-down.png) center center no-repeat;padding: 0px;right: 10px;background-size: 15px;}
    .head .nav ul>li>ul li dl{position:unset;width:100%;left:0px;transform:translateX(0px);text-align:left;}
    .head .nav ul>li>ul li dd{border-top:1px solid #ddd;}
    .head .nav ul>li>ul li dd a{text-indent:25px;display:block;}
    .head .nav ul>li>ul li a.two_a{display:inline-block;}

    .foot1L .code{width:100px;}

    img{height: auto;}





    
}











