@charset "utf-8";
/* CSS Document */

body{ background:#fff;}
.left{ float:left;}
.right{ float:right;}
.wrap{ background:#fff; position:relative; overflow:hidden; margin:0 auto;}
.content{ overflow:hidden;}
.clear{ height:0; clear:both;}

/*头部*/
.header{ width:100%; background:#fff; position:fixed; left:0; top:0; z-index:99; transition:all ease 0.4s;}
.header .head{ width:1100px; position:relative; margin:0 auto; z-index:3;}
.header .head::after{ content:''; display:block; overflow:hidden; clear:both;}
.header h1.logo{ display:block; overflow:hidden; float:left;}
.header h1.logo a{ display:block; position:relative;}
.header h1.logo a img{ display:block; height:80px;}
.header a.tel{ display:block; float:right; margin:18px 0 0 38px;}

/*导航*/
ul.nav{ display:block; font-size:16px; float:right;}
ul.nav::before,
ul.nav::after{ content:''; display:block; overflow:hidden; clear:both;}
ul.nav li.close{ display:none;}
ul.nav li{ display:block; float:left; position:relative;}
ul.nav li a{ display:block; line-height:80px; color:#333; text-align:center; white-space:nowrap; padding:0 2.375em; position:relative;}
ul.nav li a:hover,
ul.nav li.on a,
ul.nav li.cur a{ color:#0f94d0;}

.header.fixed{ background:#fff; box-shadow:0 0 6px rgba(0,0,0,0.4);}

/*banner*/
.banner{ width:100vw; height:550px; max-height:calc(100vh - 100px); position:relative; margin:80px 0 0;}
.banner .swiper-slide{ display:block; height:100%; overflow:hidden; position:relative;}
.banner .swiper-slide a.box{ display:block; height:100%; overflow:hidden; position:relative;}
.banner .swiper-slide .bg{ width:100vw; height:100%; background-size:cover !important; position:absolute; left:0; top:0; z-index:2;}
.banner .swiper-pagination{ height:6px; bottom:5%;}
.banner .swiper-pagination-bullet{ width:32px; height:6px; background:#fff; border-radius:0; opacity:1; margin:0 8px !important; vertical-align:top; transition:all ease 0.4s;}
.banner .swiper-pagination-bullet-active{ background:#f29011; opacity:1;}
.banner .swiper-button-prev,
.banner .swiper-button-next{ display:none; width:36px; height:124px; margin-top:-62px; background-size:contain !important;}
.banner .swiper-button-prev{ background:url(../images/icons/prev.png) center no-repeat; left:2.8%;}
.banner .swiper-button-next{ background:url(../images/icons/next.png) center no-repeat; right:2.8%;}

/*底部*/
.footer{ background:#333; padding:50px 0;}
.footer .foot{ width:1100px; margin:0 auto; position:relative;}
.footer .foot::before,
.footer .foot::after{ content:''; display:block; overflow:hidden; clear:both;}
.footer .copyright{ line-height:2.5; color:#fff; font-size:16px; text-align:center; overflow:hidden;}

/*返回顶部*/
.backToTop{ display:none !important; width:50px; height:50px; background:url(../images/common/top.png); position:fixed; right:20px; bottom:90px; cursor:pointer; text-indent:-9999px; opacity:0.7; z-index:99;}
.backToTop:hover{ opacity:0.9;}

/*主体样式*/
.main{ margin:0 auto; position:relative;}
.main::before,
.main::after{ content:''; display:block; overflow:hidden; clear:both;}

.position{ font-size:16px; border-bottom:1px solid #dcdcdc;}
.position::before,
.position::after{ content:''; display:block; overflow:hidden; clear:both;}
.position p{ display:block; width:84%; min-width:1200px; line-height:5.285; color:#999; font-size:0.875em; text-align:right; margin:0 auto;}
.position p a{ margin:0 2px;}
.position p a:hover{ color:#0f94d0;}

/*内容样式*/
.main .attr{ width:1100px; margin:0 auto; position:relative;}
.main .attr::before,
.main .attr::after{ content:''; display:block; overflow:hidden; clear:both;}
.main .attr h2.title{ display:block; font-size:16px; font-weight:normal; text-align:center; overflow:hidden; padding:3.25em 0 2.5em;}
.main .attr h2.title em{ display:block; line-height:2.5; color:#0f94d0; font-size:2em;}
.main .attr h2.title i{ display:block; width:6.75em; height:4px; background:#0f94d0; border-left:2.25em solid #f29111; margin:0 auto;}
.main .attr h2.title span{ display:block; line-height:3.23; color:#0f94d0; font-size:13px; font-weight:bold;}

.main .attr h3.title{ display:block; line-height:1.5; color:#333; font-size:32px; font-weight:normal; text-align:center; padding:1.1875em 0; margin:0.625em 0 0;}
.main .attr p.mark{ display:block; line-height:4; color:#999; font-size:16px; text-align:center; background:#f9f9f9; margin:0 0 1.5em;}
.main .attr p.mark font{ margin:0 0.5em;}
.main .article{ line-height:2.5; color:#333; font-size:16px; text-align:justify; overflow:hidden; padding:0.5em 0 2em;}
.main .article *{ line-height:inherit; color:inherit; font-size:inherit;}
.main .article img{ max-width:100%; height:auto;}

/*文章切换*/
.main .change{ overflow:hidden; font-size:16px; padding:1.75em 0em; border-top:1px solid #ddd; margin:0 0 0.75em;}
.main .change p{ display:block; line-height:2.25; color:#999; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main .change p font{ margin:0 4px;}
.main .change p a{ color:inherit;}
.main .change p a:hover{ color:#0f94d0;}

/*页码样式*/
.pages{ text-align:center; font-size:16px; padding:0 0 80px;}
.pages li{ display:inline-block; vertical-align:top;}
.pages span,
.pages a{ display:inline-block; min-width:14px; color:#999; height:24px; line-height:24px; text-align:center; padding:6px 12px; border:1px solid #d2d2d2; margin:0 4px;}
.pages a:hover{ color:#fff; background:#0f94d0; border-color:#0f94d0;}
.pages span{ color:#fff; background:#0f94d0; border-color:#0f94d0;}

.contact{ height:770px; background:url(../images/box7.jpg) center no-repeat; background-size:cover;}
.contact .attr{ display:flex; justify-content:space-between;}
.contact .attr::before,
.contact .attr::after{ display:none;}
.contact .attr > div{ width:514px; overflow:hidden;}
.contact .attr h2.title{ text-align:left; flex-shrink:0;}
.contact .attr h2.title i{ margin-left:0;}
.contact form.msg{ display:block; font-size:16px; overflow:hidden;}
.contact form.msg p{ display:block; overflow:hidden; padding:0 0 1.75em;}
.contact form.msg label{ display:block; line-height:1; color:#333; padding:0 0 1.125em;}
.contact form.msg label font{ color:#f00; margin:0 4px;}
.contact form.msg label input{ display:block; width:1em; height:1em; float:left; margin:0 0.5em 0 0;}
.contact form.msg em{ display:block; overflow:hidden;}
.contact form.msg input.text{ display:block; width:100%; height:56px; line-height:2; color:#666; background:#fff; padding:12px 16px; box-sizing:border-box; border:1px solid #e4e4e4; border-radius:4px;}
.contact form.msg ::placeholder{ color:#666;}
.contact form.msg select{ display:block; width:48%; height:56px; line-height:2; color:#666; background:#fff url(../images/select.png) right center no-repeat; padding:12px 16px; box-sizing:border-box; border:1px solid #e4e4e4; border-radius:4px; -webkit-appearance:none; float:right;}
.contact form.msg select:first-child{ float:left;}
.contact form.msg .city_select{ display:block; width:100%; height:56px; line-height:2; color:#666; background:#fff url(../images/select.png) right center no-repeat; padding:12px 16px; box-sizing:border-box; border:1px solid #e4e4e4; border-radius:4px; -webkit-appearance:none;}
.contact form.msg input.btn{ display:block; width:198px; height:48px; line-height:3; color:#fff; background:#f29111; border:0; border-bottom:1px solid #91806f; cursor:pointer; margin:1em auto 0;}
.contact .map{ height:324px; background:#f0f3fa; overflow:hidden;}
.contact .r > img{ display:block; width:100%;}

a.wx{ display:none;}
.shadow{ display:none;}
.wxBox{ display:none;}



@media only screen and (max-width:1440px){


}

@media only screen and (max-width:768px){
.header .head,
.footer .foot,
.position ul.menu,
.position p,
.main .attr{ width:calc(100% - 30px); min-width:0;}

.wrap{ padding-bottom:15vw;}

.header{}
.header .head{ height:60px; margin:0 auto;}
.header h1.logo a img{ height:46px; padding:7px 0;}
.header a.menu{ display:block; width:22px; height:60px; background:url(../images/common/head_menu.png) center no-repeat; background-size:contain; float:right; transition:all ease 0.4s;}
.header a.tel{ display/:none; margin:15px 16px 0 0;}
.header a.tel img{ height:30px;}

ul.nav{ width:100vw; height:100vh; font-size:16px; overflow:hidden; overflow-y:auto; background:#fff; float:none; position:fixed; left:0; top:0; z-index:999; transition:all ease 0.4s; transform:translateX(100%);}
ul.nav li{ float:none; text-align:left; padding:0 20px; border-bottom:1px solid #f5f5f5; clear:both; margin:0 0 12px; transition:all ease 0.4s; transform:translateY(100%); opacity:0; transition-delay:0.3s;}
ul.nav li a{ width:80%; line-height:50px; color:#333; text-align:left; padding:0;}
ul.nav li > a::after{ display:none;}
ul.nav li i{ display:block; width:10px; height:10px; border:1px solid #999; border-width:0 1px 1px 0; position:absolute; right:5%; top:25px; margin:-8px 8px 0 0; transform:rotate(45deg); transition:transform ease 0.5s;}
ul.nav li i.open{ transform:rotate(225deg); margin:-4px 8px 0 0;}
ul.nav li p.sub{ position:static; width:auto; min-width:0; transform:none; box-shadow:none; padding:0;}
ul.nav li p.sub a{ width:auto; font-size:16px; line-height:50px; border-bottom:1px solid #f5f5f5; padding:0 2em;}
ul.nav li > a:hover,
ul.nav li.on > a,
ul.nav li.cur > a{ color:#0f94d0; font-weight:bold; background:none;}
ul.nav li.close{ display:block; width:20px; height:60px; float:right; padding:0; background:url(../images/common/head_close.png) center no-repeat; background-size:100% auto; margin:0 20px; transform:translateY(0); opacity:1; border:0;}

ul.nav li:nth-child(2){ transition-delay:0.0s;}
ul.nav li:nth-child(3){ transition-delay:0.1s;}
ul.nav li:nth-child(4){ transition-delay:0.2s;}
ul.nav li:nth-child(5){ transition-delay:0.3s;}
ul.nav li:nth-child(6){ transition-delay:0.4s;}
ul.nav li:nth-child(7){ transition-delay:0.5s;}
ul.nav li:nth-child(8){ transition-delay:0.6s;}
ul.nav li:nth-child(9){ transition-delay:0.7s;}
ul.nav li:nth-child(10){ transition-delay:0.8s;}
ul.nav li:nth-child(11){ transition-delay:0.9s;}
ul.nav li:nth-child(12){ transition-delay:1.0s;}

ul.nav.show{ transform:translateX(0);}
ul.nav.show li{ transform:translateY(0%); opacity:1;}

.banner{ height:46vw; margin:60px 0 0;}
.banner .swiper-pagination{ height:4px; bottom:8%;}
.banner .swiper-pagination-bullet{ width:20px; height:4px; margin:0 5px !important;}

.footer{ padding:24px 0; zoom:0.85;}
.footer .copyright{ font-size:13px;}

.backToTop{ width:36px; height:36px; right:12px; bottom:75px; background-size:contain; opacity:0.7;}

.position{ font-size:13px;}
.position ul.menu{ font-size:inherit; padding:0.5em 0 0;}
.position ul.menu li a{ line-height:3.25;}
.position p{ line-height:3.25; font-size:inherit; padding:0.5em 0 0;}

.main .attr h2.title{ font-size:13px; padding:1.75em 0; zoom:0.8;}
.main .attr > h2.title + .txt{ font-size:14px; padding:0 0 1.75em;}
.main .attr h3.title{ line-height:1.75; font-size:20px; padding:1.25em 0 0.75em; margin:0;}
.main .attr p.mark{ font-size:13px; line-height:3; margin:0 0 1em;}
.main .article{ font-size:14px; padding-top:0; zoom:0.85;}
.main .change{ font-size:13.5px; padding:1.2em 0; margin:0 0 0.75em;}
.main .change p{ float:none !important; max-width:none;}
.main .change p span{ display:none;}

.pages{ font-size:12px; padding:0 0 44px;}
.pages span,
.pages a{ min-width:8px; padding:2px 11px; margin:0 4px;}

.contact{ height:auto; background:url(../images/box7.jpg) center no-repeat; background-size:cover; padding:0 0 40px;}
.contact .attr{ display:block;}
.contact .attr > div{ width:auto; zoom:0.5;}
.contact .r > img{ width:100%; height:161px; object-fit:contain; object-position:left; background:#fff;}

a.wx{ display:block; width:100%; position:fixed; left:0; bottom:0; z-index:99; box-shadow:0 -3px 6px 0 rgba(0,0,0,0.06);}
a.wx img{ display:block; width:100%;}
.shadow{ width:100%; height:100%; background:rgba(0,0,0,0.5); position:fixed; left:0; top:0; z-index:998;}
.wxBox{ width:80vw; height:102.6vw; overflow:hidden; border-radius:6vw; background:url(../images/wxbox.jpg) center no-repeat; background-size:100% 100%; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index:999;}
.wxBox a.close{ display:block; width:14vw; height:13vw; position:absolute; right:0; top:0; z-index:3;}
.wxBox img{ display:block; width:86%; margin:72% auto 0;}

.notice{ display:none; width:80% !important; overflow:hidden; font-size:16px; background:#fff url(../images/icons/win.jpg) center bottom no-repeat; background-size:100% auto; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index:999;}
.notice .info{ padding:0 54px; position:relative; overflow:hidden;}
.notice a.close{ display:block; width:15px !important; height:15px !important; background:url(../images/icons/close.png) no-repeat; background-size: cover !important; position:absolute; right:0; top:0; z-index:3; margin:16px; opacity:0.7; cursor:pointer;}
.notice h4{ display:block; color:#333; font-size:1em !important; font-weight:normal; text-align:center; padding:2em 0 1.125em;}
.notice .txt{ display:block; max-height:26em; line-height:2; color:#666; font-weight:normal; overflow:hidden; overflow-y:auto; padding-right:1em; margin-right:-2em; margin-bottom:3em;font-size: 0.8em !important;}


}



.remen li{border-bottom: 1px solid #e2e2e2;text-align: justify;font-size: 16px;line-height: 44px; padding: 0 15px;}
.lastli{background: #EEEEEE;}
/*选择地区*/
h4{padding: 0 10px;}
.express-area {  background-color: #fff; }
.express-area a { display: block; padding: 10px; font-size: 17px; background: url(../images/icon_xsj.png) no-repeat 94% 50%;background-size: 16px;}
.express-area dl { position: relative;  color: #4d525d;border-bottom: 1px solid #ddd; }
.express-area dl dt { position: absolute; top: 0; left: 0;line-height: 46px ;font-size: 17px;font-weight: normal; }
.express-area dl dd {  margin-left:100px; text-align: justify;  line-height: 46px}

/*选择地区弹层*/
.express-area-box { position: absolute; right: -100%; left: 50%; z-index: 120; width: 320px; margin-left: -160px; background-color: #fff; color: #4d525d; }
.express-area-box .top h3 {padding-left: 15px; font-size: 16px;background: #eeeeee;line-height: 44px;}
.lastli{text-align: center;font-size: 14px;background: #eeeeee;line-height: 40px;}
.express-area-box article { height: 100%; overflow-y: scroll; }
.area-list li {padding: 0 15px; border-bottom: 1px solid #e2e2e2; text-align: justify; line-height: 44px}
.express-area-box { position: fixed; left:  inherit; width: 170px;height: 100%;right: -100%;top: 0; margin-left: 0;box-shadow: 0 0 20px rgba(0,0,0,1); }

/*遮罩层*/
.mask { display: none; position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); }

.shadow{ display:none; width:100%; height:100%; background:rgba(0,0,0,0.5); position:fixed; left:0; top:0; z-index:998;}
.notice{ display:none; width:950px; overflow:hidden; font-size:16px; background:#fff url(../images/icons/win.jpg) center bottom no-repeat; background-size:100% auto; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index:999;}
.notice .info{ padding:0 54px; position:relative; overflow:hidden;}
.notice a.close{ display:block; width:30px; height:30px; background:url(../images/icons/close.png) no-repeat; position:absolute; right:0; top:0; z-index:3; margin:16px; opacity:0.7; cursor:pointer;}
.notice h4{ display:block; color:#333; font-size:1.5em; font-weight:normal; text-align:center; padding:2em 0 1.125em;}
.notice .txt{ display:block; max-height:26em; line-height:2; color:#666; font-weight:normal; overflow:hidden; overflow-y:auto; padding-right:1em; margin-right:-2em; margin-bottom:3em;}





/**/