﻿.margin{margin:0 auto;width:1200px;}
.top{width:100%;padding-top: 20px;background: url(../img/topbg2.jpg) center center no-repeat;background-size: cover;min-height: 15vw;}
.header{min-height:96px;}
.logo{float:left;}
.logo img{max-height:96px;}
.topright{height:20px;float:right;margin-top: 15px;}
.topright li{float:left;height:25px;line-height:25px;margin: 0px 0px 0px 30px;}
.topright li a{display:block;color: #fff;font-size: 16px;line-height: 25px;padding-left: 30px;display: block;}
.topright li.li1 a{background: url(../img/icon-en.png) no-repeat left center;}
.topright li.li2 a{background: url(../img/icon-email.png) no-repeat left center;}
.topright li.li1{display:none;}
/*导航*/
.pcnav{
    width: 1200px;
    margin: 0 auto;
    height: 60px;
    /* background:
    url(../image/navbj.png) no-repeat 0 0; */
    }
.nav{margin: 0 auto;}
.nav li{float:left;height:58px;/* padding: 0px 35px; */}
.nav li a{display:block;height: 60px;line-height: 60px;font-size: 18px;color:#ffffff;padding: 0px 35px;}
.nav li a:hover{/* background:#3d6787; */}
.nav li.active a{background: #5d89dd;}
.top .words{/* float:left; */color:#fff;width:1200px;margin: 10px auto 80px;text-align: right;}
.top .words .w1{font-size:24px;line-height: 38px;float: right;position: relative;padding: 7px 9px 7px 25px;color: #d90e0f;display: none;}
.navcon{width:100%;background:#004286;}
.top .words .w1:before{content:'';font-family:"微软雅黑";width: 20px;height: 18px;background:url(../img/icon-a1.png) center center no-repeat;position:absolute;left:0;display:block;top: 0px;display: none;}
.top .words .w1:after{content:'';font-family:"微软雅黑";width: 20px;height: 18px;background:url(../img/icon-a2.png) center center no-repeat;position:absolute;right:0;display:block;bottom:5px;display: none;}
.nav li.li1{display:none;}
.nav li.li2{display:none;}
.nav li.li3{display:none;}
.nav li.li4{display:none;}
.nav li.li5{display:none;}
.nav li.li6{display:none;}
.nav li.li7{display:none;}
.nav li.li8{display:none;}
.nav li.li15{display:none;}



.maincon{width:100%;min-height: 500px;/* background:url(../image/conbj.jpg) no-repeat center bottom; */background-size:100%;padding-bottom: 40px;}
.foot{width:100%;background: #81b7ef;}
.icp{padding-left:33px;margin-left: 15px;background:url(../image/police.png) no-repeat 0 center;font-size:12px;display: inline-block;}
.footright{padding: 45px 0px 5px 0px;}
.fotlist{width: 900px;float: left;}
.fotlist li{float:left;padding: 0px 0px 0px 32px;font-size: 16px;color:#fff;line-height: 26px;margin: 0px 60px 25px 0px;width: 300px;box-sizing: border-box;}
.fotlist li:last-child{border:0;}
.copyright{color:#fff;font-size:12px;padding: 15px 0px;background: #67a0de;line-height: 30px;text-align: center;}
.fotlist li.li1{background: url(../img/a1.png) left center no-repeat;}
.fotlist li.li2{width: 320px;background: url(../img/a2.png) left center no-repeat;}
.fotlist li.li3{width: 145px;background: url(../img/a3.png) left center no-repeat;margin-right: 0px;}
.fotlist li.li4{background: url(../img/a4.png) left center no-repeat;}
.fotlist li.li5{width:360px;background: url(../img/a5.png) left center no-repeat;}





/**/
.fotlink{text-align:center;/* height:67px; */float: right;margin: -15px 0px 15px 0px;}
.fotlink a{display:inline-block;height:67px;line-height: 67px;margin: 0px 0px 0px 15px;}
.fotlink a img{vertical-align:middle;max-width: 240px;}
.fotlink a:nth-child(3){margin:0;display: block;}
.fotlink a:first-child{margin:0;}
/*banner*/
.banner{width:1200px;margin:0 auto;padding-bottom:7px;background:url(../image/bannerbj.png) no-repeat right bottom;}
.voice{width:100%;height:38px;background:url(../image/voice.png) no-repeat 0 center;width:1200px;margin: 0 auto;display: none;}
/*滚动*/
.txt-scroll{width: 1080px;height: 38px;line-height: 38px;padding: 0 5px 0 28px;}
.txt-scroll .scrollbox{width: 100%;white-space: nowrap;overflow:hidden;transition: all .2s;cursor: pointer;}
.txt-scroll .txt,
.txt-scroll .txt-clone{display: inline;position: relative;color: #666666;font-size: 14px;}
/**/

.phshow{display:none!important;}
.pnav{display:none;}
.kuang{border:1px solid #000;}


@media only screen and (min-width: 100px) and (max-width:800px) {
.pcshow{display:none!important;}
.phshow{display:block!important;}
.margin{margin:0 auto;width: 92vw;overflow: hidden;}
.top{padding-top: 0px;position: relative;background: url(../img/topbg1.jpg) center center no-repeat;background-size: cover;}
.phtop{width:100%;position: absolute;height: 14vw;top: 5px;width: 50px;z-index: 99999;right: 0px;}
.phtop .en{float:right;color:#ffffff;display:block;height: 5vw;padding-right:2vw;border-right:1px solid #fff;font-size: 14px;margin: 4.5vw 15vw 0 0;}
.phtop .pbtn{background: url(../img/icon-open.png) no-repeat center center;width: 14vw;height:14vw;position:absolute;right: 0;top: 0;background-size: 50%;z-index: 99999999;}
.phtop .pbtn.show{background:url(../img/icon-close.png) no-repeat center center;height: 40px;background-size: 17px;}
    .header{min-height: 0px;/* position: absolute; */top: 0px;width: 100%;}
.logo{float: none;width: 60%;padding: 3vw 2vw;}
.logo img{max-height:96px;width: 100%;height: auto;}
.topright li{float:left;height:20px;background:url(../image/topline.png) no-repeat right center;}
.topright li:first-child{width:101px;}
.topright li:nth-child(2){width:104px;}
.topright li:nth-child(3){width:121px;}
.topright li:nth-child(4){width:102px;background:none;}
.topright li a{display:block;color:#666666;font-size:14px;height:20px;line-height:20px;background:url(../image/topicon.png) no-repeat 0 0;padding-left:28px;}
.topright li:nth-child(2) a{padding-left:50px;background-position-x:-100px;}
.topright li:nth-child(3) a{padding-left:46px;background-position-x: -201px;}
.topright li:nth-child(4) a{padding-left:43px;background-position-x: -326px;}
.navcon{display:none;}
    .top .words{width: 94%;margin: 10vw auto 15vw;}
    .top .words .w1{font-size: 14px;padding: 7px 7px 7px 19px;line-height: 30px;}
    .top .words .w1:before{background-size: 11px;}
    .top .words .w1:after{background-size: 11px;}
/*导航*/
.pcnav{width: 972px;height:58px;float:right;background:url(../image/navbj.png) no-repeat 0 0;}
.nav{margin-left:50px;}
.nav li{float:left;height:58px;margin-right:8px;}
.nav li a{display:block;padding:0 8px;height:58px;line-height:58px;font-size:14px;color:#ffffff;}
.nav li a:hover{background:#3d6787;}
.nav li.active a{background:#3d6787;}
.maincon{padding-bottom: 5vw;}
.copyright{line-height: 24px;}
    .icp{float: none;font-size: 12px;width: 209px;box-sizing: border-box;margin-left: 2vw;background-size: 18px;padding: 0px 0px 0px 5px;}
.footright{float: none;padding-top: 7vw;}
.fotlist{width: 100%;float: none;}
.fotlist li{float: none;display: block;padding: 0px 0px 0px 30px;min-height: 20px;font-size: 14px;line-height: 20px;margin: 0px 0px 20px 0px;border-right: 0;width: 100%;}
/**/
.fotlink{float: none;margin: 0px 0px 15px 0px;height: auto;}
.fotlink a{display:inline-block;height: auto;line-height: normal;margin: 0 10px;}
.fotlink a img{vertical-align:middle;max-height: 52px;max-width: 90px;}
.fotlink a:nth-child(3){display:inline-block;}
.fotlink a:nth-child(3) img{max-width: 150px;}
/*banner*/
.banner{width:100vw;background: url(../image/bannerbj.png) no-repeat 50vw bottom;}
.voice{height:38px;background:url(../image/voice.png) no-repeat 0 center;width: 90vw;margin: 5vw auto 5vw;}
.txt-scroll{width: 88vw;margin: 5vw 0;box-sizing: border-box;}
/**/
.pnav{display: none;position: absolute;top: 0px;left: 0;z-index: 100;background: #f6f6f6;width: 100vw;height: 100vh;}
.pnav li .aa{display:block;height: 50px;line-height: 50px;color:#050505;font-size:16px;box-sizing: border-box;position: relative;width: 100%;float: right;text-align: center;border-bottom: 1px solid #dddddd;}
.pnav li .aa .jiao{position:absolute;/* background:url(../image/navjiao.png) no-repeat center center; */width: 13vw;height:40px;right: 0;top: 0;background-size: 8px;display: none;}
.pnav li .psnav{width: 50%;display: none;position: absolute;left: 0px;height: 100vh;top: 0;background: #5d89dd;}
.pnav li .psnav li{width:100%;box-sizing: border-box;}
.pnav li .psnav li:last-child{}
.pnav li .psnav li a{display:block;width:100%;height: 50px;font-size:14px;line-height: 50px;color: #fff;text-align:center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border-bottom: 1px solid #dddddd;box-sizing: border-box;}
.pnav li .psnav li.act a{background:#e7f0f6;color:#3881b8;}
.pnav li .psnav li a:hover{font-weight: bold;}
.pnav li.active{color:#3881b8;background-color:#ededed;}
.pnav li .aa:hover{color: #fff;background-color: #004286;}
.pnav li.open .aa{background:#004286;color:#fff;}
.pnav li{/* border-bottom:1px solid #dddddd; */}
.pnav li.li1{display:none;}
.pnav li.li2{display:none;}
.pnav li.li3{display:none;}
.pnav li.li4{display:none;}
.pnav li.li5{display:none;}
.pnav li.li6{display:none;}
.pnav li.li7{display:none;}
.pnav li.li8{display:none;}
.pnav li.li15{display:none;}
.pnav li.show .aa{width:50%;}




    
}


