﻿ 
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary{display: block;}

ins{background-color: #ff9; color: #000; text-decoration: none;}
mark{background-color: #ff9; color: #000; font-style: italic; font-weight: bold;}
del{text-decoration: line-through;}
table{border-collapse: collapse; border-spacing: 0;}
hr{display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0;}
input,
select{vertical-align: middle;}
li,
ul{list-style-type: none;}
img{border: none;}
input,
textarea{outline: 0; border: 0;}
textarea{resize: none;}
h1,h2,h3,h4,h5,h6,dl,dd,dt,,em{font-weight: normal; font-style: normal;}
.container{width: 1180px; margin-left: auto; margin-right: auto;}
.pull-right{float: right !important;}
.pull-left{float: left !important;}

.hide{display: none;}
.show{display: block;}
.page-about h3{height: 60px; border-bottom: #e1e3df dashed 1px; line-height: 60px; color: #505050; font-size: 22px; font-weight: bold; text-align: center;}
.page-about .news_author{width: 100%; height: 30px; line-height: 30px; color: #505050; font-size: 12px; text-align: center; border-bottom: #e1e3df dashed 1px; margin: 0 auto; color: #666; margin-bottom: 20px;}
.page-about .news_author .scan{color: #666; background-image: url(../images/ewm.gif); background-repeat: no-repeat; background-position: left center; padding: 5px 0 5px 30px; position: relative;}
.page-content{height: auto; line-height: 25px; color: #505050; font-size: 14px; overflow: hidden;}
.page-content a{color: #333; font-size: 15px; font-weight: 900;}
.page-content img{max-width: 80%; height: auto;}
.wjdh-banner{background-color: #fff; background-repeat: no-repeat; background-position: center center; height: 320px;}
.wjdh-h3{text-align: center; margin-bottom: 30px;}
.wjdh-h3 h3 a{display: block; color: #f00; font-size: 26px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}
.wjdh-h3:hover h3 a{transform: translateY(20px); -webkit-transform: translateY(20px);}
.wjdh-h3 span{*display: inline; _display: inline; display: inline-block; zoom: 1; font-size: 20px; color: #cdcdcd; position: relative; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; text-transform: uppercase;}
.wjdh-h3:hover span{transform: translateY(-35px); -webkit-transform: translateY(-35px);}
.wjdh-h3 span i,
.wjdh-h3 span em{position: absolute; top: 10px; float: left; width: 30px; height: 1px; margin: 0 auto; background-color: #bdbdbd;}
.wjdh-h3 span i{left: -40px;}
.wjdh-h3 span em{right: -40px;}
 
.list01,
.list02,
.list03{background-color: #f4f4f4; padding: 20px 0;}
.list01 .list01-content,
.list02 .list02-content,
.list03 .list03-content{background-color: #fff;}
.list01 .wjdh-title,
.list02 .wjdh-title,
.list03 .wjdh-title{border-bottom: 1px solid #f4f4f4;}
.list01 .content,
.list02 .content,
.list03 .content{padding: 0 20px 25px;}
.list01 .list01-top{margin-bottom: 50px;}
.list01 .list01-top ul li{position: relative;}
.list01 .list01-top .img{width: 420px; height: 270px;}
.list01 .list01-top .info{width: 660px; padding: 35px 0;}
.list01 .list01-top .info .title-a{display: block; font-size: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.list01 .list01-top .info em{float: right;}
.list01 .list01-top .info p{margin: 20px 0; color: #999; line-height: 22px; height: 66px;}
.list01 .list01-top .info .more{display: block; width: 170px; height: 35px; line-height: 35px; text-align: center; border: 1px solid #d0d0d0; -webkit-transition: all .8s ease-out; transition: all .8s ease-out;}
.list01 .list01-top:hover .info .more{background-color: #f00; border: 1px solid #f00; color: #fff; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}
.list01 .list01-top .info .more span{overflow: hidden; line-height: 35px; height: 35px; vertical-align: middle;}
.list01 .list01-top .tag-hot{position: absolute; display: block; width: 38px; height: 24px; line-height: 24px; background-color: #f00; color: #fff; text-align: center; text-transform: uppercase; right: 0; bottom: 0;}
.list01 .list01-top .info .more i{_display: inline; *display: inline; display: inline-block; zoom: 1; width: 0; height: 35px; background-image: url(../images/bg2.gif); background-repeat: no-repeat; background-position: left center; vertical-align: middle; margin-left: 10px; -webkit-transition: all .8s ease-out; transition: all .8s ease-out;}
.list01 .list01-top:hover .info .more i{width: 33px;}
.list01 .list ul{width: 1200px;}
.list01 .list ul li{float: left; width: 535px; border: 1px solid #e4e4e4; height: 98px; position: relative; -webkit-transition: all .8s ease-out; transition: all .8s ease-out; background-color: rgba(255, 255, 255, .8); *background-color: #fff; _background-color: #fff; margin: 0 60px 20px 0;}
.list01 .list ul li:hover{border: 1px solid #f00; transform: translate(-10px, -10px); -webkit-transform: translate(-10px, -10px); box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2)}
.list01 .list ul li .more{display: block; width: 15px; height: 15px; position: absolute; right: 0; top: 0; background-image: url(../images/more2.png); background-repeat: no-repeat; background-position: center center; background-color: #999;}
.list01 .list ul li:hover .more{background-color: #f00;}
.list01 .list dl dt{float: left; width: 125px; height: 98px; color: #999; position: relative;}
.list01 .list dl dt .date{position: absolute; z-index: 99; left: 30px; top: 10px;}
.list01 .list dl dt .date span{font-size: 32px; display: block; color: #999;}
.list01 .list ul li:hover .date span{color: #f00;}
.list01 .list dl dt .date em{font-size: 16px; color: #b7b7b7;}
.list01 .list dl dd{float: left; width: 335px; padding: 15px 0 0 40px;}
.list01 .list dl dd a{display: block; font-size: 16px; margin-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.list01 .list dl dd p{color: #999; line-height: 18px; height: 36px; overflow: hidden;}

.wjdh-map{position: relative;}
.wjdh-map #wmap{width: 100%; height: 500px;}
.wjdh-map #r-result{position: absolute; right: 0; top: 0; width: 450px; max-height: 500px; overflow-y: scroll; overflow-x: hidden; z-index: 99; transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); -webkit-transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.wjdh-map .luxianjieguo #r-result{}
.wjdh-map .anchorBL{display: none;}
.wjdh-map .BMap_pop>div>div{border-radius: 8px; border: 0!important;}
.wjdh-map .BMap_pop .BMap_center{border: 0!important; border-right: 1px solid #fff!important;}
.wjdh-map .BMap_top{border: 0!important;}
.wjdh-map .BMap_bottom{border: 0!important;}
.wjdh-map .map-marker dt{float: left;}
.wjdh-map .map-marker dd{height: 100px; overflow: hidden; margin-left: 110px;}
.wjdh-map .map-marker dd span{font-size: 18px;}
.wjdh-map .map-marker h4{height: 30px; font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.wjdh-map .map-marker p{height: 40px; line-height: 20px; overflow: hidden;}
.driving-way{font-family: 'Microsoft JhengHei';}
.driving-way .hd li{float: left; font-size: 16px; width: 50%; height: 50px; line-height: 50px; background-color: #eee; text-indent: 80px; cursor: pointer;}
.driving-way .hd li.on{color: #fff;}
.driving-way .map-tab{padding: 20px 0;}
.driving-way .map-tab .trip-mode a{position: relative; float: left; font-size: 16px; padding-left: 50px; width: 100px; height: 50px; line-height: 50px;}
.driving-way .map-tab .trip-mode a.active{_background: url(../images/checkbox.png) no-repeat 10px center; *background: url(../images/checkbox.png) no-repeat 10px center;}
.driving-way .map-tab .trip-mode a i{width: 14px; height: 14px; display: block; border: 3px solid #666; position: absolute; left: 10px; top: 50%; margin-top: -10px; transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); -webkit-transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.driving-way .map-tab .trip-mode a:hover i,
.driving-way .map-tab .trip-mode a.active i{transform: translateZ(0px) rotate(45deg); -webkit-transform: translateZ(0px) rotate(45deg);}
.driving-way .map-tab .trip-mode a:hover i:before,
.driving-way .map-tab .trip-mode a.active i:before{opacity: 1;}
.driving-way .map-tab .trip-mode a i:before{content: ''; display: block; width: 6px; height: 6px; background-color: #666; position: absolute; left: 50%; top: 50%; margin-left: -3px; margin-top: -3px; opacity: 0; transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); -webkit-transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.driving-way .map-tab ul{position: relative; width: 100%; height: 112px; _background: url(../images/ico5.png) no-repeat left center; *background: url(../images/ico5.png) no-repeat left center;}
.driving-way .map-tab ul:before{position: absolute; left: 0; top: 50%; margin-top: -9px; content: ''; display: block; width: 16px; height: 17px; background: url(../images/ico5.png) no-repeat center center; transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); -webkit-transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.driving-way .map-go ul:before{transform: rotateX(180deg);}
.driving-way .map-tab ul li{height: 35px; line-height: 35px; width: 70%; font-size: 16px; padding: 10px 0; margin-left: 80px; position: absolute; left: 0; transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); -webkit-transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.driving-way .map-tab ul .d1{top: 0;}
.driving-way .map-tab ul .d2{top: 56px;}
.driving-way .map-go ul .d1{top: 56px;}
.driving-way .map-go ul .d2{top: 0;}
.driving-way .map-tab ul .d1:before{position: absolute; left: -20px; top: 30px; content: ''; display: block; border-radius: 50%; width: 3px; height: 3px; border: 2px solid #ed744e;}
.driving-way .map-tab ul .d2:before{position: absolute; left: -20px; top: 25px; content: ''; display: block; border-radius: 50%; width: 3px; height: 3px; border: 2px solid #12a7eb;}
.driving-way .map-tab ul i{display: block; width: 75%; height: 1px; background-color: #ccc; position: absolute; left: 50px; top: 56px;}
.driving-way .map-tab ul li input{font-size: 16px; width: 100%; height: 35px; line-height: 35px;}
.driving-way .map-tab #result{background-color: #313131; color: #fff; width: 200px; height: 50px; line-height: 50px; position: absolute; right: 0; top: 50%; margin-top: -25px; display: block; text-align: center; font-size: 18px; text-transform: uppercase; cursor: pointer; transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); -webkit-transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.driving-way .contact-content{float: right; width: 48%; padding-left: 2%; padding-top: 25px;}
.driving-way .contact-content li{float: left; width: 200px; font-size: 16px; color: #888; padding-left: 40px; margin-bottom: 40px; height: 32px; line-height: 32px; padding-bottom: 25px; background-position: 0 0; background-repeat: no-repeat;}
.driving-way .contact-content .ct-address{background-image: url(../images/ct-address.png); margin-right: 40px;}
.driving-way .contact-content .ct-phone{background-image: url(../images/ct-phone.png); margin-right: 40px;}
.driving-way .contact-content .ct-mobile{background-image: url(../images/ct-mobile.png);}
.driving-way .contact-content .ct-email{background-image: url(../images/ct-email.png);}
.driving-way .luxian{width: 50%; float: left;}
.driving-way .luxian ul li:first-child{background: #eee url(../images/ico6.png) no-repeat 100px center;}
.driving-way .luxian ul li{width: 100%; height: 60px; line-height: 60px; color: #999; text-align: center; font-size: 21px; margin: 20px 0; background: #eee url(../images/ico7.png) no-repeat 100px center; cursor: pointer;}
.message-page-box .message-box-title{height: 45px; line-height: 45px; background-color: #ededed; font-size: 18px; text-indent: 20px;}
.message-page-box ul{width: 1130px;}
.message-page-box li{float: left; margin-right: 30px; border-bottom: 1px solid #ccc; margin-bottom: 20px;}
.message-page-box li input{display: block; width: 534px; height: 50px; line-height: 50px;}
.message-page-box textarea{width: 1100px; height: 125px; line-height: 25px;}
.message-page-box p{width: 50%; float: left; color: #999;}
.message-page-box .submit{float: right; display: block; width: 64px; line-height: 34px; height: 34px; text-align: center; color: #fff; background-color: #666; cursor: pointer; margin-right: 30px; transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); -webkit-transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
#fancybox-loading{position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none;}
#fancybox-loading div{position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('../images/fancybox.png');}
#fancybox-overlay{position: absolute; top: 0; left: 0; width: 100%; z-index: 9999; display: none;}
#fancybox-tmp{padding: 0; margin: 0; border: 0; overflow: auto; display: none;}
#fancybox-wrap{position: absolute; top: 0; left: 0; padding: 20px; z-index: 99999; outline: none; display: none;}
#fancybox-outer{position: relative; width: 100%; height: 100%; background: #fff;}
#fancybox-content{width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid #fff;}
#fancybox-hide-sel-frame{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101;}
#fancybox-close{position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url('../images/fancybox.png') -40px 0px; cursor: pointer; z-index: 1103; display: none;}
#fancybox-error{color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0;}
#fancybox-img{width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top;}
#fancybox-frame{width: 100%; height: 100%; border: none; display: block;}
#fancybox-left,
#fancybox-right{position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url('../images/blank.gif'); z-index: 1102; display: none;}
#fancybox-left{left: 0px;}
#fancybox-right{right: 0px;}
#fancybox-left-ico,
#fancybox-right-ico{position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block;}
#fancybox-left-ico{background-image: url('../images/fancybox.png'); background-position: -40px -30px;}
#fancybox-right-ico{background-image: url('../images/fancybox.png'); background-position: -40px -60px;}
#fancybox-left:hover,
#fancybox-right:hover{visibility: visible; /*IE6 */}
#fancybox-left:hover span{left: 20px;}
#fancybox-right:hover span{left: auto; right: 20px;}
.fancybox-bg{position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001;}
#fancybox-bg-n{top: -20px; left: 0; width: 100%; background-image: url('../images/fancybox-x.png');}
#fancybox-bg-ne{top: -20px; right: -20px; background-image: url('../images/fancybox.png'); background-position: -40px -162px;}
#fancybox-bg-e{top: 0; right: -20px; height: 100%; background-image: url('../images/fancybox-y.png'); background-position: -20px 0px;}
#fancybox-bg-se{bottom: -20px; right: -20px; background-image: url('../images/fancybox.png'); background-position: -40px -182px;}
#fancybox-bg-s{bottom: -20px; left: 0; width: 100%; background-image: url('../images/fancybox-x.png'); background-position: 0px -20px;}
#fancybox-bg-sw{bottom: -20px; left: -20px; background-image: url('../images/fancybox.png'); background-position: -40px -142px;}
#fancybox-bg-w{top: 0; left: -20px; height: 100%; background-image: url('../images/fancybox-y.png');}
#fancybox-bg-nw{top: -20px; left: -20px; background-image: url('../images/fancybox.png'); background-position: -40px -122px;}
#fancybox-title{font-family: Helvetica; font-size: 12px; z-index: 1102;}
.fancybox-title-inside{padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative;}
.fancybox-title-outside{padding-top: 10px; color: #fff;}
.fancybox-title-over{position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left;}
#fancybox-title-over{padding: 10px; background-image: url('../images/fancy_title_over.png'); display: block;}
.fancybox-title-float{position: absolute; left: 0; bottom: -20px; height: 32px;}
#fancybox-title-float-wrap{border: none; border-collapse: collapse; width: auto;}
#fancybox-title-float-wrap td{border: none; white-space: nowrap;}
#fancybox-title-float-left{padding: 0 0 0 15px; background: url('../images/fancybox.png') -40px -90px no-repeat;}
#fancybox-title-float-main{color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url('../images/fancybox-x.png') 0px -40px;}
#fancybox-title-float-right{padding: 0 0 0 15px; background: url('../images/fancybox.png') -55px -90px no-repeat;}
/*IE6 */
.fancybox-ie6 #fancybox-close{background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_close.png', sizingMethod='scale');}
.fancybox-ie6 #fancybox-left-ico{background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_nav_left.png', sizingMethod='scale');}
.fancybox-ie6 #fancybox-right-ico{background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_nav_right.png', sizingMethod='scale');}
.fancybox-ie6 #fancybox-title-over{background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_title_over.png', sizingMethod='scale'); zoom: 1;}
.fancybox-ie6 #fancybox-title-float-left{background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_title_left.png', sizingMethod='scale');}
.fancybox-ie6 #fancybox-title-float-main{background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_title_main.png', sizingMethod='scale');}
.fancybox-ie6 #fancybox-title-float-right{background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_title_right.png', sizingMethod='scale');}
.fancybox-ie6 #fancybox-bg-w,
.fancybox-ie6 #fancybox-bg-e,
.fancybox-ie6 #fancybox-left,
.fancybox-ie6 #fancybox-right,
#fancybox-hide-sel-frame{height: expression(this.parentNode.clientHeight + "px");}
#fancybox-loading.fancybox-ie6{position: absolute; margin-top: 0; top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2: document.body.clientHeight/2) + ( ignoreMe=document.documentElement.scrollTop ? document.documentElement.scrollTop: document.body.scrollTop)) + 'px');}
#fancybox-loading.fancybox-ie6 div{background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_loading.png', sizingMethod='scale');}
/*IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg{background: transparent !important;}
.fancybox-ie #fancybox-bg-n{filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_n.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-ne{filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_ne.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-e{filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_e.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-se{filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_se.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-s{filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_s.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-sw{filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_sw.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-w{filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_w.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-nw{filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_nw.png', sizingMethod='scale');}/* 表单部分 */
.module_form_content{width:80%;}
.module_form_content .btn-area{padding-left:130px!important;}
.module_form_content .btn-area .btn-submit{margin-right: 0!important;}
.module_field{overflow:hidden; zoom:1; padding:5px 0; clear:both;}
.module_field:after{content:"";display:table;clear:both}
.module_field .c_left{float:left; width:100px; padding-right:30px; color:#333; font-size:14px; line-height:46px; text-align:right;}
.module_field .middle{display:block; overflow:hidden; zoom:1;}
.module_field .middle .input{float:none !important; width:90%; padding:10px 16px; font-size:14px; transition: all 0.3s linear; vertical-align:top; box-sizing: border-box; border:#999 1px solid}
.module_field .middle .input[name="code1"]{float:left !important; width:50% !important; padding: 10px 16px !important;}
.module_field .middle textarea.input{min-height:166px;}
.btn-area .btn-submit, .btn-area .reset{color:#fff;}
.btn-area .reset{color: #999;}
.btn-area .btn-submit{background:#b78a4b; margin-right:10px;}
.btn-area .btn-submit:hover{background:#f6aa26;}
.btn-area .reset{background:#122922;color: #fff;}
.btn-area .reset:hover{background:#000f16;}
.btn-area{padding:20px 0 !important;}
.btn-area .btn-submit, .btn-area .reset{display: inline-block; width:49%; height:44px; border:0; font-size:18px; line-height:44px; transition:all 0.3s linear; z-index:1; vertical-align: top;}
