@charset "UTF-8";
* { padding: 0; margin: 0; box-sizing: border-box; font-family: 'SourceHanSanscnCN-Medium','微软雅黑','Microsoft YaHei',Arial; background-repeat: no-repeat; outline: none; }

div, dl, dt, dd, form, h1, h2, h3, h4, h5, h6, img, ol, ul, li, table, th, td, p, span, a { border: 0; }

img { border: none; vertical-align: middle; display: inline-block; max-width: 100%; max-height: 100%; }

body { background: #fff; line-height: 1.1; margin-left: auto; margin-right: auto; }

ul, ol, li { list-style-type: none; }

button { border: none; cursor: pointer; background-color: transparent; }

a { text-decoration: none; color: inherit; }

a:hover { text-decoration: none; color: inherit; }

.clear { clear: both; font-size: 1px; height: 0; visibility: hidden; line-height: 0; }

.clearfix { zoom: 1; }

.fl { float: left; }

.fr { float: right; }

.bk { border: 1px red solid; }

.none { display: none !important; }

@keyframes sanHover { 0% { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); }
  50% { transform: rotate(-10deg); -ms-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -o-transform: rotate(-10deg); }
  100% { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); } }
@-moz-keyframes sanHover { 0% { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); }
  50% { transform: rotate(-10deg); -ms-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -o-transform: rotate(-10deg); }
  100% { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); } }
@-webkit-keyframes sanHover { 0% { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); }
  50% { transform: rotate(-10deg); -ms-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -o-transform: rotate(-10deg); }
  100% { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); } }
@-o-keyframes sanHover { 0% { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); }
  50% { transform: rotate(-10deg); -ms-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -o-transform: rotate(-10deg); }
  100% { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); } }
.container { width: 1200px; margin-left: auto; margin-right: auto; }
.container:before, .container:after { content: ''; display: block; float: none; clear: both; }

.diqu-main { padding-top: 50px; padding-bottom: 50px; background-color: #f1f1f1; }
.diqu-main .item-box1 { padding: 20px; background-color: #ffa200; border-radius: 10px; }
.diqu-main .item-box1 .wrapper { padding-top: 50px; padding-left: 35px; padding-right: 20px; padding-bottom: 50px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.5); overflow: hidden; }
.diqu-main .item-box1 .title { float: left; padding-top: 30px; }
.diqu-main .item-box1 .title h1 { color: #fff; font-size: 40px; font-weight: normal; }
.diqu-main .item-box1 .title h2 { padding-top: 5px; color: #fff; font-size: 30px; font-weight: normal; }
.diqu-main .item-box1 .title:after { content: ''; display: block; width: 50%; height: 4px; margin-top: 15px; background-color: #fff; }
.diqu-main .item-box1 p { float: right; width: 82%; line-height: 2.4; color: #fff; font-size: 16px; }
.diqu-main .item-box2 { padding: 20px; margin-top: 20px; background-color: #fff; border-radius: 10px; overflow: hidden; }
.diqu-main .item-box2 .pic { float: left; width: 35%; padding: 10px; background-color: #ffa200; border-radius: 10px; }
.diqu-main .item-box2 .pic img { border-radius: 10px; }
.diqu-main .item-box2 p { float: right; width: 62%; line-height: 2.2; color: #333; font-size: 16px; }
.diqu-main .item-box3 { margin-top: 20px; padding: 30px 20px; background-color: #fff; border-radius: 10px; overflow: hidden; }
.diqu-main .item-box3 .title { float: left; margin-left: 3%; padding-top: 10px; }
.diqu-main .item-box3 .title h3 { color: #ffa200; font-size: 40px; font-weight: normal; }
.diqu-main .item-box3 .title h4 { padding-top: 5px; color: #ffa200; font-size: 30px; font-weight: normal; }
.diqu-main .item-box3 .title:after { content: ''; display: block; width: 80%; height: 4px; margin-top: 15px; background-color: #ffa200; }
.diqu-main .item-box3 .list { float: right; width: 85%; overflow: hidden; }
.diqu-main .item-box3 .list ul { margin-right: -30px; overflow: hidden; }
.diqu-main .item-box3 .list ul li { position: relative; float: left; width: 50%; line-height: 2.6; padding-left: 30px; padding-right: 30px; color: #4d4d4d; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.diqu-main .item-box3 .list ul li:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; display: block; width: 7px; height: 7px; background-color: #ffa200; }

.wenda-main { padding-top: 60px; padding-bottom: 60px; background-color: #333; }
.wenda-main .item { padding: 10px 0; overflow: hidden; }
.wenda-main .item .head-pic { float: left; width: 5.8%; margin-right: 40px; }
.wenda-main .item .head-pic img { width: 100%; }
.wenda-main .item p { position: relative; float: left; display: inline-block; line-height: 35px; padding: 17.5px; color: #303030; font-size: 20px; font-weight: bold; border-radius: 10px; background-color: #fff; }
.wenda-main .item p:before { content: ''; position: absolute; top: 0; left: -15px; display: block; width: 15px; height: 70px; background-image: url(/images/info-arrow-white.png); background-position: center center; background-repeat: no-repeat; background-size: contain; }
.wenda-main .item:nth-child(even) .head-pic { float: right; margin-left: 40px; margin-right: 0; }
.wenda-main .item:nth-child(even) p { float: right; width: 78.5%; font-weight: normal; background-color: #a0e65a; }
.wenda-main .item:nth-child(even) p:before { left: auto; right: -15px; background-image: url(/images/info-arrow-green.png); }

.taocan { position: relative; padding-top: 50px; padding-bottom: 85px; background-color: #ffa200; background-image: url(/images/taocan-bg.png); background-position: center bottom; background-repeat: no-repeat; }
.taocan .list { position: relative; width: 100%; padding: 0 20px; }
.taocan .list .item { width: 33.33%; height: 700px; text-align: center; border-radius: 20px; background-color: #fff; box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.05); }
.taocan .list .item .tit { padding-bottom: 25px; border-bottom: 1px #e9e9e9 solid; }
.taocan .list .item .tit h3 { padding-top: 40px; color: #333; font-size: 24px; }
.taocan .list .item .tit h2 { padding-top: 10px; color: #ffa200; font-size: 30px; }
.taocan .list .item .tit img { margin-top: 15px; }
.taocan .list .item .tit a { display: block; width: 205px; height: 60px; line-height: 48px; margin-top: 20px; margin-left: auto; margin-right: auto; color: #fff; font-size: 24px; background-image: url(/images/tc-link-bg.png); background-position: center center; background-repeat: no-repeat; background-size: contain; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.taocan .list .item .tit a:hover { padding-left: 10px; letter-spacing: 5px; }
.taocan .list .item .info { margin-top: 15px; }
.taocan .list .item .info ul li { position: relative; line-height: 46px; color: #2e2e2e; font-size: 16px; }
.taocan .list .item .info ul li em { color: #ffa200; font-style: normal; }
.taocan .list .item .info ul li:before { content: ''; position: absolute; top: 18px; left: 25%; display: block; width: 10px; height: 10px; background-color: #ffa200; }
.taocan .list .item .info p { line-height: 40px; margin-top: 30px; color: #2e2e2e; font-size: 16px; }
.taocan .list .item .info h4 { line-height: 40px; margin-top: 50px; color: #2e2e2e; font-size: 16px; }
.taocan .list .tc-box1, .taocan .list .tc-box3 { margin-top: 30px; }
.taocan .list .tc-box2 { position: absolute; z-index: 99; top: 0; left: 0; right: 0; margin: auto; }

.city-list { padding-bottom: 35px; }
.city-list h4 { padding-top: 30px; color: #333; font-size: 18px; }
.city-list ul { margin-top: 20px; margin-left: -3px; margin-right: -3px; overflow: hidden; }
.city-list ul li { float: left; width: 6.66%; padding: 3px; }
.city-list ul.s1 li{width:auto;}
.city-list ul.s1 li a{padding:0 15px; }
.city-list ul li a { display: block; line-height: 35px; border: 1px #ffa200 solid; color: #ffa200; font-size: 16px; text-align: center; }
.city-list ul li a:hover { background-color: #ffa200; color: #fff; }
.city-list ul li a.current { background-color: #ffa200; color: #fff; }

.pop-qrcode { position: fixed; top: 30%; right: 30px; width: 220px; }
.pop-qrcode .san-hover { animation: sanHover 2s infinite; -moz-animation: sanHover 2s infinite; -webkit-animation: sanHover 2s infinite; -o-animation: sanHover 2s infinite; transform-origin: center bottom; }
.pop-qrcode .pop-main { position: relative; z-index: 10; width: 115px; text-align: center; margin-left: auto; margin-right: auto; margin-top: -5px; }
.pop-qrcode .pop-main img { max-width: 115px; padding: 10px; background-color: #f93b3b; }
.pop-qrcode .pop-main strong { display: block; height: 45px; text-align: center; padding-top: 20px; color: #fff; font-size: 16px; font-weight: normal; background-image: url(/images/qrcode-bg.png); background-position: center center; background-repeat: no-repeat; }