@charset "utf-8";

body{margin:0;padding:0;font-size:14px;font-family:"微软雅黑";-webkit-text-size-adjust:none;min-height: 100px;max-width: 1920px;margin: 0 auto;min-width: 320px}

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;font-size:14px;}

html{font-size:10px}

img{border:0; vertical-align:bottom;}

ul,li{list-style:none;}

a{text-decoration:none;color: #fff}

input::-webkit-input-placeholder {color:#727272;font-size:14px;}

/*分页*/

#page{text-align: center;font-size: 0;text-align: center;margin-top: 35px}

#page li{display: inline-block;min-width: 37px;height: 37px;box-sizing:border-box;margin-left: 10px;line-height: 35px;vertical-align: middle;border: 1px solid #bfbfbf;}

#page li a{display: block;width: 100%;height: 100%;text-align: center;font-size: 14px;color: #333;padding: 0 10px;box-sizing:border-box;}

#page .page_active{background-color: #ffb71c;border-color:#ffb71c;}

#page .page_active a{color: #fff}

#page span{display: inline-block;margin-left: 12px;color: #666;font-size: 14px;}

#page li:hover{background-color: #ffb71c;border-color:#ffb71c;}

#page li:hover a{color: #fff}

/*公用*/

.cl{clear: both;display: block;}

.center{text-align: center;}

.left{text-align: left;}

.tright{text-align: right !important;}

.center{text-align: center;}

.fs0{font-size: 0}

.middle{vertical-align: middle;}

.lineblock{display: inline-block;}

.rela{position: relative;}

.overtext{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.container{overflow: hidden;width: 100%}

.nono{line-height:300px;font-size: 22px;color: #a5a4a4;text-align: center;height: 300px}

.table{display: table;table-layout: fixed;}

.tableCell {display: table-cell;vertical-align: middle;}

/*公用头部*/

.phide{display: none;}

.public{width: 88%;margin:0 auto;}

/*.header{overflow: hidden;}*/

.mobilelogo{display: none;}

#banner img,#mbanner img{width: 100%}

#banner{position: relative;}

#banner .bannerCot{position: absolute;width: 240px;height: 80px;background-color: #76bc37;left: 0;bottom: 0;z-index: 1}

#banner .swiper-pagination-fraction{bottom: ;color: #fff;font-size: 36px;font-family: "宋体";bottom: 15px}

#banner .swiper-pagination-fraction .swiper-pagination-total{font-size: 20px;margin-left: -10px;margin-top: -5px}

#banner .swiper-pagination-fraction .swiper-pagination-current{margin-right: -10px;font-size: 40px}

#banner .swiper-slide{background-position: center center !important;}

#banner .swiper-button-prev{width: 9px;height: 17px;background: url(../images/l.png) no-repeat;background-size: 100% 100%;top: 31.5px;margin-top: 0;left:25px}

#banner .swiper-button-next{width: 9px;height: 17px;background: url(../images/r.png) no-repeat;background-size: 100% 100%;top: 31.5px;margin-top: 0;right:25px}

/*公用尾部*/

.footer{background-color: #004697}

.copyright{border-top:1px solid #fff;line-height: 88px;text-align: center;font-size: 14px;color: #fff}

.footcon{padding: 60px 0}

.botlm{width: 65%;display: inline-block;vertical-align: top;}

.botlm .btlis{display: inline-block;width: 25%;font-size: 18px;vertical-align: top;color: #fff}

.botlm .btlis dl{margin-top: 15px}

.botlm .btlis dd{margin-bottom: 15px}

.botlm .btlis dd a{font-size: 14px}

.botCode{width: 35%;display: inline-block;vertical-align: top;text-align: right;}

.botCode .codebox{width: 27%;margin-right: 5%;vertical-align: top;}

.botCode .codebox:last-child{margin-right: 0}

.botCode .codebox img{width: 100%}

.botCode .codebox p{text-align: center;font-size: 15px;color: #fff;margin-top: 10px;}

/*.footer{padding: 65px 0 50px;background-color: #f3f3f3}

.footL{width: 380px;display: inline-block;vertical-align: middle;}

.footLogo img{max-width: 100%}

.copyright{margin-top: 50px}

.footM{width: 490px;margin-left: 100px;margin-right: 140px;display: inline-block;vertical-align: middle;}

.footM_name{font-size: 23px;color: #000000;padding: 10px 0;position: relative;}

.footM_name:after{content: "";position: absolute;width: 30px;height: 3px;background-color: #e92333;left: 0;bottom: 0}

.footM ul{margin-top: 35px;font-size: 14px;color: #000000;}

.footM ul li{margin-bottom: 10px;}

.footM ul li .on{font-size: 30px;color: #004697;font-family: "Impact"}

.footR{width: 350px;display: inline-block;vertical-align: middle;text-align: right;font-size: 0}

.footR .codebox{width: 135px;}

.footR .codebox:first-child{margin-right: 25px}

.footR .codebox img{width: 100%}

.footR .codebox p{text-align: center;font-size: 15px;color: #004697;margin-top: 10px;}*/

/*首页公用*/

.onHead{position: fixed;width: 100%;top: 0;left: 0;background-color: #fff;z-index: 99}



.indexTitle{text-align: center;position: relative;}

.indexTitle:before{content: "";position: absolute;width: 50%;height: 3px;background-color: #ebebeb;left: 25%;bottom: 0;}

.indexTitle:after{content: "";position: absolute;width: 5%;height: 10px;border-radius: 10px;background-color: #e92333;left: 47.5%;bottom: -3px;}

.indexTitle p:first-child{font-size: 44px;color: #005bac;font-weight: bold;}

.indexTitle p:nth-child(2){font-size: 17px;color: #000000;text-transform: uppercase;padding: 10px 0 30px;letter-spacing: 3px}

.indexTitle label{color: #e92333}

/*底部*/

.mfoot{width: 100%;position: fixed;bottom: 0;left: 0;right: 0;margin: 0 auto;z-index: 99;background-color: #2e2e2f}

.mfoot ul{padding: 1.5rem 0;font-size: 0}

.mfoot ul li{width: 25%;display: inline-block;vertical-align: top;text-align: center;text-align: center;}

.mfoot ul li a{display: block;width: 100%;height: 100%}

.mfoot ul li span{font-size:1.4rem;color:#2b2b2b;display: block;color:#fff;margin-top: 5%}

.mfoot ul li img{width: 2.8rem;vertical-align: middle;color:#fff;}

/*搜索*/

.ss{position: absolute;width:250px;height: 30px;bottom: -42px;right: 150px;z-index: 99;background-color: rgba(255,255,255,.9);display: none;padding: 6px;}

.ss form{font-size: 0}

.ss input.ss_bd{width: 220px;height: 30px;border:none;box-sizing:border-box;padding: 0 15px;outline: none;font-size: 15px;color: #333;display: inline-block;vertical-align: middle;}

.ss input.ss_btn{width: 30px;height: 30px;border:none;display: inline-block;vertical-align: middle;background: url(../images/w-seach.png) no-repeat;background-position: center;background-color: #005bac;outline: none;}

/*上下页*/

/*.ejpage{margin-top: 35px;font-size: 0;}

.ejpage a{display: inline-block;vertical-align: top;width: 40%;font-size: 16px;color: #404040;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.ejpage a:last-child{margin-left: 20%;}*/

/*悬浮框*/

/* side */

.cndns-right{position:fixed;right:10px;top:50%;margin-top:-200px;z-index:100;border:1px solid #ededed;border-radius: 5px;background-color: #f7f7f7}

.cndns-right-meau{position:relative;}

.cndns-right-btn{width:110px;padding: 20px 0;text-align:center;display:block;position:relative;}

.cndns-right-btn .demo-icon{width: 27px;height: 27px;margin:0 auto}

.cndns-right-btn1 .demo-icon{background: url(../images/x1.png) no-repeat;background-size: 100%;background-position: top;}

.cndns-right-btn2 .demo-icon{background: url(../images/x2.png) no-repeat;background-size: 100%;background-position: top;}

.cndns-right-btn3 .demo-icon{background: url(../images/x3.png) no-repeat;background-size: 100%;background-position: top;}

.cndns-right-btn4 .demo-icon{background: url(../images/x4.png) no-repeat;background-size: 100%;background-position: top;}

.cndns-right-btn5 .demo-icon{background: url(../images/x5.png) no-repeat;background-size: 100%;background-position: top;}

.cndns-right-btn p{color:#444;font-size:16px;text-align: center;margin-top: 10px}

.cndns-right-box{position:absolute;top:-15px;right:110px;padding-right:6px;display:none;}

.cndns-right-box .box-border{border:1px solid #e8e7e7;width: 175px;background-color:#ffffff;position:relative;border-radius: 15px;overflow: hidden;}

.sev-t{padding: 15px 0}

.sev-t img{display: block;width: 110px;margin: 0 auto}

.sev-t span{display: block;text-align: center;margin-top: 10px;font-size: 14px;color: #0d0d0d}

.cndns-right-box .box-border p.boxtitle{line-height: 45px;font-size: 16px;color: #fff;text-align: center;background-color: #ff6b00}

.cndns-right-meau:hover .cndns-right-box{display:block}

.cndns-right-meau:hover .cndns-right-btn{background:#ff6b00}

.cndns-right-meau:hover .cndns-right-btn p{color: #fff}

.cndns-right-meau:hover .cndns-right-btn .demo-icon{background-position: bottom;}

/*手机*/

@media (max-width: 768px){

  .public{width: 92%}

  .mhide{display: none !important;}

  .phide{display: block !important;}

  .headTop{position: fixed;top: 0;left: 0;width: 100%;background-color: #fff;z-index: 99}

  .mobilelogo{display: block;padding: 3% 0;position: relative;}

  .mobilelogo .logoPic{height: 3rem}

  .mobilelogo .logoPic img{height: 100%}

  .mobilelogo .logoSeach {position: absolute;right:6rem;width: 4rem;height: 4rem;top: calc((100% - 4rem) / 2);text-align: center;display: flex;align-items:center;justify-content:center;}

  .mobilelogo .logoSeach img{width: 60%}

  .mobilelogo .lanmus{position: absolute;width: 4rem;height: 4rem;right: 0%;top: calc((100% - 4rem) / 2);box-sizing:border-box;text-align: center;display: flex;align-items:center;justify-content:center;background-color: #005bac}

  .mobilelogo .lanmus span{width: 2.5rem;height: 3px;background-color: #fff;position: relative;moz-transition: all .9s ease;-webkit-transition: all .9s ease;-o-transition: all .9s ease;transition: all .9s ease;display: block;}

  .mobilelogo .lanmus span:before{content: "";position: absolute;width: 2.5rem;height:3px;background-color: #fff;border-radius:;top: -.6rem;left: 0;moz-transition: all .9s ease;-webkit-transition: all .9s ease;-o-transition: all .9s ease;transition: all .9s ease;}

  .mobilelogo .lanmus span:after{content: "";position: absolute;width: 2.5rem;height: 3px;background-color: #fff;border-radius:;top: .6rem;left: 0;moz-transition: all .9s ease;-webkit-transition: all .9s ease;-o-transition: all .9s ease;transition: all .9s ease;}

  .mobilelogo .lanmushow span{background-color: transparent;}

  .mobilelogo .lanmushow span:before{width: 2.5rem;height: 3px;border-radius: 0;left: auto;right: 0%;transform:rotate(-50deg);top: 10%}

  .mobilelogo .lanmushow span:after{width: 2.5rem;height: 3px;border-radius: 0;left: auto;right: 0%;transform:rotate(50deg);top: auto;bottom: 10%}

  .mobilelogo .mblmlist{position: fixed;width: 100%;height: 0;left:0;right: 0;margin: 0 auto;moz-transition: all 1s ease;-webkit-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;z-index: 2;display: flex; justify-content: center; align-items: flex-start;overflow: hidden;box-sizing:border-box;background-color: rgba(255,255,255,0.95);}

  .mobilelogo .mblmlistCon{width:100%;box-sizing:border-box;moz-transition: all .66s ease;-webkit-transition: all .66s ease;-o-transition: all .66s ease;transition: all .66s ease;}

  .mobilelogo .mblmlistCon li{text-align: center;height: 40px;}

  .mobilelogo .mblmlistCon li a{color: #333;font-size: 1.8rem;display: block;width: 100%;height: 100%;line-height: 40px}

  .zwlogo{visibility:hidden;}

  #banner{height:200px;min-height:200px;}

  #banner .bannerCot{display: none;}

  .indexTitle p:first-child{font-size:3rem;}

  .indexTitle p:nth-child(2){font-size: 1.4rem;padding: 1rem 0 2rem}

  .indexTitle:before{width: 70%;height: 1px;left: 15%}

  .indexTitle:after{height: 5px;bottom: -2px;width: 10%;left: 45%}

  .mfoot ul{padding: 1rem 0}

  .nono{color: #a5a4a4;font-size: 2rem;text-align: center; line-height: 8rem;height: 8rem}

  .ss{width:88%;height: 30px;bottom: -42px;right: 6%}

  .ss input.ss_bd{height: 3rem;width: calc(100% - 3rem)}

  .ss input.ss_btn{height: 3rem;width: 3rem}

  #page li{display: inline-block;min-width: 30px;height: 30px;box-sizing:border-box;margin-left: 10px;line-height: 30px;vertical-align: middle;background-color: #e9e9e9;}

  #page li a{display: block;width: 100%;height: 100%;text-align: center;font-size: 14px;color: #444;padding: 0 5px;box-sizing:border-box;}

}

/*平板*/

@media (min-width: 768px) and (max-width: 992px){

  .indexTitle p:first-child{font-size:28px;}

  .indexTitle p:nth-child(2){font-size: 12px}

  .indexTitle:before{height: 1px}

  .indexTitle:after{height: 5px;bottom: -2px}

  #banner{height: 300px}

  #banner .bannerCot{display: none;}

  .mhide{display: none !important;}

  .phide{display: block !important;}

  .headTop{position: fixed;top: 0;left: 0;width: 100%;background-color: #fff;z-index: 99}

  .headwelc{background-color: #029696;}

  .mobilelogo{display: block;padding: 3% 0;position: relative;}

  .mobilelogo .logoPic{height: 4rem}

  .mobilelogo .logoPic img{height: 100%}

  .mobilelogo .logoSeach {position: absolute;right:6rem;width: 4rem;height: 4rem;top: calc((100% - 4rem) / 2);text-align: center;display: flex;align-items:center;justify-content:center;}

  .mobilelogo .logoSeach img{width: 60%}

  .mobilelogo .lanmus{position: absolute;width: 4rem;height: 4rem;right: 0%;top: calc((100% - 4rem) / 2);box-sizing:border-box;text-align: center;display: flex;align-items:center;justify-content:center;background-color: #005bac}

  .mobilelogo .lanmus span{width: 2.5rem;height: 3px;background-color: #fff;position: relative;moz-transition: all .9s ease;-webkit-transition: all .9s ease;-o-transition: all .9s ease;transition: all .9s ease;display: block;}

  .mobilelogo .lanmus span:before{content: "";position: absolute;width: 2.5rem;height:3px;background-color: #fff;border-radius:;top: -.6rem;left: 0;moz-transition: all .9s ease;-webkit-transition: all .9s ease;-o-transition: all .9s ease;transition: all .9s ease;}

  .mobilelogo .lanmus span:after{content: "";position: absolute;width: 2.5rem;height: 3px;background-color: #fff;border-radius:;top: .6rem;left: 0;moz-transition: all .9s ease;-webkit-transition: all .9s ease;-o-transition: all .9s ease;transition: all .9s ease;}

  .mobilelogo .lanmushow span{background-color: transparent;}

  .mobilelogo .lanmushow span:before{width: 2.5rem;height: 3px;border-radius: 0;left: auto;right: 0%;transform:rotate(-50deg);top: 10%}

  .mobilelogo .lanmushow span:after{width: 2.5rem;height: 3px;border-radius: 0;left: auto;right: 0%;transform:rotate(50deg);top: auto;bottom: 10%}

  .mobilelogo .mblmlist{position: fixed;width: 100%;height: 0;left:0;right: 0;margin: 0 auto;moz-transition: all 1s ease;-webkit-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;z-index: 2;display: flex; justify-content: center; align-items: flex-start;overflow: hidden;box-sizing:border-box;background-color: rgba(255,255,255,0.95);}

  .mobilelogo .mblmlistCon{width:100%;box-sizing:border-box;moz-transition: all .66s ease;-webkit-transition: all .66s ease;-o-transition: all .66s ease;transition: all .66s ease;}

  .mobilelogo .mblmlistCon li{text-align: center;height: 40px;}

  .mobilelogo .mblmlistCon li a{color: #333;font-size: 1.8rem;display: block;width: 100%;height: 100%;line-height: 40px}

  .zwlogo{visibility:hidden;}

  .nono{color: #a5a4a4;font-size: 2rem;text-align: center; line-height: 8rem;height: 8rem}

  .ss{width:50% ;bottom: ;right: 4rem}

  .ss input.ss_bd{width: calc(100% - 30px)}

  .ss input.ss_btn{height: }

}

/*小屏电脑*/

@media (min-width: 992px) and (max-width: 1220px){

  .headlogo{border-bottom: 3px solid #005bac}

  .indexTitle p:first-child{font-size:34px;}

  .indexTitle p:nth-child(2){font-size: 14px}

  .indexTitle:before{height: 1px}

  .indexTitle:after{height: 5px;bottom: -2px}

  .logo{padding: 20px 0}

  .logo .logoPic{width: 13%;}

  .logo .logoPic img{max-width: 100%}

  .logo .logoLm{width: 76%;margin-left: 5%;position: relative;}

  .logo .logoLm .lmSzz{position: absolute;width: 0%;height: 100%;left: 0;top: 0;background-color: #fff;moz-transition: all .66s ease;-webkit-transition: all .66s ease;-o-transition: all .66s ease;transition: all .66s ease;overflow: hidden;}

  .logo .logoLm .lmlistCon{width:100%;box-sizing:border-box;}

  .logo .logoLm .lmlistCon li{text-align: center;display: inline-block;font-size: 15px;display: inline-block;width: calc(100% / 6)}

  .logo .logoLm .lmlistCon li a{color: #444;display: block;width: 100%;height: 100%;line-height: 40px}

  .logo .logoSeach {width:6%;text-align: center;position: relative;}

  .logo .logoSeach:before{content: "";position: absolute;width: 1px;height: 25px;background-color: #aed9ff;top: calc(50% - 12.5px);left: 0}

  .logo .logoLmSwitch{width: 4%;margin-left: 3%}

  .logo .logoLmSwitch img{width: 85%}

  .logo .logoCall{width: 18%;text-align: right;display: none;}

  .logo .logoCall img{width: 30px;vertical-align: middle;}

  .logo .logoCall span{font-size: 18px;color: #e92333;font-family: "Arial";vertical-align: middle;margin-left: 5px}

  /*底部*/

  .footL{width:28%}

  .footLogo{width: 70%}

  .copyright{margin-top: 35px}

  .footM{width: 38%;margin-left: 4%;margin-right: 2%}

  .footM_name{font-size: 20px;color: #000000;padding: 10px 0;position: relative;}

  .footM_name:after{content: "";position: absolute;width: 20px;height: 2px;background-color: #008c3f;left: 0;bottom: 0}

  .footM ul{margin-top: 25px;font-size: 14px;color: #000000;}

  .footM ul li{margin-bottom: 10px;}

  .footM ul li .on{font-size: 25px;color: #008c3f;font-family: "Impact"}

  .footR{width: 28%}

  .footR .codebox{width: 45%;vertical-align: top;}

  .footR .codebox:first-child{margin-right: 3%}

  .footR .codebox img{width: 100%}

  .footR .codebox p{text-align: center;font-size: 13px;color: #008c3f;margin-top: 10px;}

  .ss{right: 0}

}

@media (min-width: 1220px) and (max-width: 1620px){

  .headlogo{border-bottom: 4px solid #005bac}

  .logo{padding: 25px 0}

  .logo .logoPic{width: 15%;}

  .logo .logoPic img{max-width: 100%}

  .logo .logoLm{width: 54%;margin-left: 5%;position: relative;}

  .logo .logoLm .lmSzz{position: absolute;width: 0%;height: 100%;left: 0;top: 0;background-color: #fff;moz-transition: all .66s ease;-webkit-transition: all .66s ease;-o-transition: all .66s ease;transition: all .66s ease;overflow: hidden;}

  .logo .logoLm .lmlistCon{width:100%;box-sizing:border-box;}

  .logo .logoLm .lmlistCon li{text-align: center;display: inline-block;font-size: 15px;display: inline-block;width: calc(100% / 6)}

  .logo .logoLm .lmlistCon li a{color: #444;display: block;width: 100%;height: 100%;line-height: 40px}

  .logo .logoSeach {width:8%;text-align: center;position: relative;}

  .logo .logoSeach:before{content: "";position: absolute;width: 1px;height: 25px;background-color: #aed9ff;top: calc(50% - 12.5px);left: 0}

  .logo .logoLmSwitch{width: 4%;margin-left: 3%}

  .logo .logoLmSwitch img{width: 75%}

  .logo .logoCall{width: 18%;text-align: right;}

  .logo .logoCall img{width: 30px;vertical-align: middle;}

  .logo .logoCall span{font-size: 16px;color: #e92333;font-family: "Arial";vertical-align: middle;margin-left: 5px}

  .indexTitle p:first-child{font-size:38px;}

  .indexTitle p:nth-child(2){font-size: 15px}

  .indexTitle:after{height: 7px;bottom: -2px}

  .footL{width:28%}

  .footLogo{width: 70%}

  .copyright{margin-top: 35px}

  .footM{width: 36%;margin-left: 4%;margin-right: 2%}

  .footM_name{font-size: 20px;color: #000000;padding: 10px 0;position: relative;}

  .footM_name:after{content: "";position: absolute;width: 20px;height: 2px;background-color: #e92333;left: 0;bottom: 0}

  .footM ul{margin-top: 25px;font-size: 14px;color: #000000;}

  .footM ul li{margin-bottom: 10px;}

  .footM ul li .on{font-size: 28px;color: #004697;font-family: "Impact"}

  .footR{width: 30%}

  .footR .codebox{width: 45%;vertical-align: top;}

  .footR .codebox:first-child{margin-right: 3%}

  .footR .codebox img{width: 100%}

  .footR .codebox p{text-align: center;font-size: 13px;color: #004697;margin-top: 10px;}



}

/*电脑*/

@media (min-width: 1620px){

  .logo{padding: 30px 0}

  .public{width: 1460px}

  .headlogo{border-bottom: 5px solid #005bac}

  .headlogo .public{width: 1560px}

  .logo .logoPic{width: 240px;}

  .logo .logoPic img{max-width: 100%}

  .logo .logoLm{width: 765px;margin-left: 180px;position: relative;}

  .logo .logoLm .lmSzz{position: absolute;width: 0%;height: 100%;left: 0;top: 0;background-color: #fff;moz-transition: all .66s ease;-webkit-transition: all .66s ease;-o-transition: all .66s ease;transition: all .66s ease;overflow: hidden;}

  .logo .logoLm .lmlistCon{width:100%;box-sizing:border-box;}

  .logo .logoLm .lmlistCon li{text-align: center;display: inline-block;font-size: 16px;display: inline-block;margin-right: 55px}

  .logo .logoLm .lmlistCon li a{color: #000000;display: block;width: 100%;height: 100%;line-height: 50px}

  .logo .logoLm .lmlistCon li.on a{color: #005bac;font-weight: bold;}

  .logo .logoSeach {width: 100px;text-align: center;position: relative;}

  .logo .logoSeach:before{content: "";position: absolute;width: 1px;height: 30px;background-color: #aed9ff;top: calc(50% - 15px);left: 0}

  .logo .logoCall{width: 275px;text-align: right;}

  .logo .logoCall span{font-size: 22px;color: #e92333;font-family: "Arial";vertical-align: middle;margin-left: 5px}

  /*底部*/

 

}