/****************************************************************
 * 网站样式表                                                    
 * @Name           main-common.css 2017年11月29日
 * @Author         Seemoon Crawish 3@kkw.net.cn
 * @Copyright      Copyright (c) 2008 - 2018, 5AL.NET.
 * @License        http://www.5al.net/culture/license/
 * @Homepage       http://www.shqdjt.com
 *****************************************************************/
body { max-width:1920px; min-width: 320px; margin:0 auto; padding:0; color:#333; background:#FFF; overflow-x:hidden; font:12px/1.5 "Microsoft YaHei", '微软雅黑', Arial, Verdana, '宋体', sans-serif; }
* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box;box-sizing:border-box;}
button, dd, dl, dt, fieldset, form, hr, input, legend, li, ol, p, pre, td, textarea, th, ul, h1, h2, h3, h4, h5 { margin:0; padding:0 }
ol, ul { list-style:none; }
a { text-decoration:none; outline:0; color:inherit; background:transparent; -webkit-transition:all 0.55s; -moz-transition:all 0.55s; -ms-transition:all 0.55s; -o-transition:all 0.55s; transition:all 0.55s; }
a:hover { color:#A37641; text-decoration:none; }
a:visited { color:inherit; }
img { border:0 none; vertical-align:middle; }
table { border-collapse:collapse; border-spacing:0; }
.m { margin:auto; background:#FFFFFF; clear:both; }
.fl { float:left; display:inline; }
.fr { float:right; display:inline; }
.clear { clear:both; }
.clearfix { zoom:1; }
.clearfix:before, .clearfix:after { content:" "; display:table; }
.clearfix:after { clear:both; overflow:hidden }
.hide { display:none; }

/*---整站通用 输入框属性---*/
input::-webkit-input-placeholder { color:#999;}
input:-moz-placeholder { color:#999;}
input::-moz-placeholder { color:#999;}
input:-ms-input-placeholder { color:#999;}
 
/*---整站通用 头部---*/
.header{ width: 100%;}
.header .top{ width: 100%; height: 40px; background: #000;}
.header .top .bar{ width: 1200px; height: 40px; line-height:40px; font-size: 14px; margin: 0 auto; color: #FFF;}
.header .top .bar .htl{ width: 250px; overflow: hidden; float: left;}
.header .top .bar .htr{ width: 425px; float: right;}
.header .top .bar .htr i{ width: 20px; height: 16px; background: url(../img/icon_tbjihe.png) no-repeat; margin: 2px 5px 2px 0; display: block; float: left;}
.header .top .bar .htr .dh{ height: 20px; line-height: 20px; margin: 10px 0; margin-right: 15px; padding-right: 15px; border-right: 1px solid #999; float: left;}
.header .top .bar .htr .wx{ height: 20px; line-height: 20px; margin: 10px 0; margin-right: 15px; padding-right: 15px; border-right: 1px solid #999; float: left; position: relative; cursor: pointer;}
.header .top .bar .htr .wx i{ background-position: -5px -5px;}
.header .top .bar .htr .wx .dnone { width:130px; height:130px; padding:5px; background:#FFF; box-shadow:1px 1px 15px rgba(0, 0, 0, .3); position:absolute; left:-20px; top:40px; z-index:99; display:none; }
.header .top .bar .htr .wx .dnone span { line-height:30px; font-size:14px; color:#666; }
.header .top .bar .htr .wx .dnone img{ width: 120px;}
.header .top .bar .htr .wx .dnone:before { content:''; border-bottom:8px solid #FFF; border-left:8px solid transparent; border-right:8px solid transparent; display:inline-block; position:absolute; top:-8px; left:58px; }
.header .top .bar .htr .wx:hover .dnone { display:block; transition:all 0.85s; }
.header .top .bar .htr .wb{ height: 20px; line-height: 20px; margin: 10px 0; margin-right: 15px; padding-right: 15px; float: left;}
.header .top .bar .htr .wb i{ background-position: -30px -5px;}
.header .mid{ width: 100%; margin: 20px 0; overflow: hidden;}
.header .mid .wrap{ width: 1200px; margin: 0 auto; overflow: hidden;}
.header .bot{ width: 100%; height: 105px; background: rgba(102,102,102,0.5);}
.header .bot .nav{ width: 1200px; height: 105px; margin: 0 auto;}
.header .bot .nav ul{}
.header .bot .nav ul li{ width: 120px; height: 105px; text-align: center; float: left;}
.header .bot .nav ul li a{ width: 120px; height: 105px; padding: 20px 0; color: #FFF; display: block;}
.header .bot .nav ul li b{ height: 45px; line-height: 45px; font-size: 18px; font-weight: normal;}
.header .bot .nav ul li.on{ background: rgba(180,153,124,0.8);}
.header .bot .nav ul li:hover{ background: rgba(180,153,124,0.8);}
.header .bot .nav ul li ul{ width: 100%; background: rgba(102,102,102,0.5); overflow: hidden; position: relative; z-index: 333;}
.header .bot .nav ul li ul li{ width: 100%; height:60px; line-height: 60px; font-size: 16px; display: none; float: none;}
.header .bot .nav ul li ul li a{ padding: 0;}
.header .bot .nav ul li:hover ul li{ display: block;}

/*---整站通用 头部1---*/
.head{ width: 1200px; height: 105px; margin: 0 auto; overflow: hidden;}
.head .logo{ width: 450px; height: 75px; margin: 15px 0; float: left;}
.head .logo img{ height: 75px;}

/*---整站通用 底部---*/
.footer{ width: 100%; overflow: hidden;}
.footer .ftop{ width: 100%; height: 340px; background: #333; color: #FFF; overflow: hidden;}
.footer .ftop .wrap{ width: 1200px; height: 340px; margin: 0 auto; overflow: hidden;}
.footer .ftop .wrap .twl{ width: 160px; height: 300px; margin-top: 40px; margin-right: 40px; overflow: hidden; float: left;}
.footer .ftop .wrap .twl .tit{ width: 100%; height: 55px; margin-bottom: 15px; overflow: hidden; position: relative;}
.footer .ftop .wrap .twl .tit h2{ font-size: 20px; font-weight: normal;}
.footer .ftop .wrap .twl .tit i{ width: 90px; height: 4px; background: #B8A28B; display: inline-block; position: absolute; bottom: 0; left: 0;}
.footer .ftop .wrap .twl .con{}
.footer .ftop .wrap .twl .con ul{}
.footer .ftop .wrap .twl .con ul li{ width: 100%; height: 50px; line-height: 50px; font-size: 16px; overflow: hidden;}
.footer .ftop .wrap .twl .con ul li i{ width: 24px; height: 24px; background: url(../img/icon_tbjihe.png) no-repeat; margin: 14px 8px 14px 0; display: inline-block; float: left;}
.footer .ftop .wrap .twl .con ul li i.kjmf{ background-position: -270px -210px;}
.footer .ftop .wrap .twl .con ul li i.zyqd{ background-position: -270px -240px;}
.footer .ftop .wrap .twl .con ul li i.pfgl{ background-position: -300px -210px;}
.footer .ftop .wrap .twl .con ul li i.bdtm{ background-position: -235px -210px;}
.footer .ftop .wrap .twl .con ul li i.byjd{ background-position: -235px -240px;}
.footer .ftop .wrap .twm{ width: 560px; height: 300px; margin-right: 40px; margin-top: 40px; overflow: hidden; float: left;}
.footer .ftop .wrap .twm .tit{ width: 100%; height: 55px; margin-bottom: 15px; overflow: hidden; position: relative;}
.footer .ftop .wrap .twm .tit h2{ font-size: 20px; font-weight: normal; float: left;}
.footer .ftop .wrap .twm .tit i{ width: 90px; height: 4px; background: #B8A28B; display: inline-block; position: absolute; bottom: 0; left: 0;}
.footer .ftop .wrap .twm .tit span{ font-size: 13px; color: #e0e0e0; position: absolute; top: 5px; right: 0;}
.footer .ftop .wrap .twm .con{ width: 600px; overflow: hidden;}
.footer .ftop .wrap .twm .con ul{ width: 650px;}
.footer .ftop .wrap .twm .con ul li{ width: 170px; height: 35px; line-height: 35px; font-size: 13px; margin-right: 30px; float: left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.footer .ftop .wrap .twc{ width: 280px; height: 300px; margin-top: 40px; margin-right: 20px; overflow: hidden; float: left;}
.footer .ftop .wrap .twc .tit{ width: 100%; height: 55px; margin-bottom: 15px; overflow: hidden; position: relative;}
.footer .ftop .wrap .twc .tit h2{ font-size: 20px; font-weight: normal;}
.footer .ftop .wrap .twc .tit i{ width: 90px; height: 4px; background: #B8A28B; display: inline-block; position: absolute; bottom: 0; left: 0;}
.footer .ftop .wrap .twc .con{}
.footer .ftop .wrap .twc .con ul{}
.footer .ftop .wrap .twc .con ul li{ width: 100%; overflow: hidden;}
.footer .ftop .wrap .twc .con ul li.dh{ height: 40px; margin: 25px 0 15px 0;}
.footer .ftop .wrap .twc .con ul li.gy{ font-size: 14px;}
.footer .ftop .wrap .twc .con ul li.gy i{ width: 20px; height: 20px; background: url(../img/icon_tbjihe.png) no-repeat; margin: 3px 28px 5px 15px; display: block; float: left;}
.footer .ftop .wrap .twc .con ul li.gy i.yx{ background-position: -110px -210px;}
.footer .ftop .wrap .twc .con ul li.gy i.qq{ background-position: -110px -235px;}
.footer .ftop .wrap .twc .con ul li.gy i.dz{ background-position: -135px -210px;}
.footer .ftop .wrap .twc .con ul li .dhl{ width: 46px; height: 40px; margin-right: 15px; float: left;}
.footer .ftop .wrap .twc .con ul li .dhl i{ width: 46px; height: 40px; background: url(../img/icon_tbjihe.png) no-repeat; background-position: -60px -210px; display: block;}
.footer .ftop .wrap .twc .con ul li .dhr{}
.footer .ftop .wrap .twc .con ul li .dhr b{ line-height: 23px; font-size: 23px;}
.footer .ftop .wrap .twr{ width: 100px; margin-top: 40px; overflow: hidden; float: left;}
.footer .ftop .wrap .twr ul{}
.footer .ftop .wrap .twr ul li{ margin-bottom: 15px; text-align: center;}
.footer .ftop .wrap .twr ul li img{ width: 100px;}
.footer .ftop .wrap .twr ul li .txt{ height: 35px; line-height: 35px; font-size: 13px;}
.footer .fbot{ width: 100%; height: 45px; background: #000; overflow: hidden;}
.footer .fbot .wrap{ width: 1200px; height: 45px; line-height: 45px; margin: 0 auto; color: #FFF; text-align: center; font-size: 14px; overflow: hidden;}

/*---整站通用 底部1---*/
.foot{ width: 100%; height: 24px; background: #A37641; color: #fff; font-size: 16px; padding: 171px 0 65px 0; text-align: center; overflow: hidden;}
.footm{ display: none;}

/*---整站通用 右部---*/


/*---整站通用 广告---*/


/*---整站通用 特效---*/
.h1tit{ font-size:0px; color:#FFF; z-index:-999;}
.animated{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes slideDown{0%{-webkit-transform:translateY(-48px)}to{-webkit-transform:translateY(0)}}
@keyframes slideDown{0%{transform:translateY(-48px)}to{transform:translateY(0)}}
.animated.slideDown{-webkit-animation-name:slideDown;animation-name:slideDown}
@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(0)}to{-webkit-transform:translateY(-48px)}}
@keyframes slideUp{0%{transform:translateY(0)}to{transform:translateY(-48px)}}
.animated.slideUp{-webkit-animation-name:slideUp;animation-name:slideUp}
.imgenlarge img{ -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s;}
.imgenlarge img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);}
.imgXchange img{ -webkit-transition:-webkit-transform .25s ease-in; transition:-webkit-transform .25s ease-in; -moz-transition:transform .25s ease-in,-moz-transform .25s ease-in; transition:transform .25s ease-in; transition:transform .25s ease-in,-webkit-transform .25s ease-in,-moz-transform .25s ease-in;}
.imgXchange img:hover{ transform:translateX(-6px); -webkit-transform:translateX(-6px); -moz-transform:translateX(-6px); -ms-transform:translateX(-6px);}
.imgYchange img{ transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out;}
.imgYchange img:hover { transform: translate(0, -10px); -webkit-transform: translate(0, -10px); -moz-transform: translate(0, -10px); -o-transform: translate(0, -10px); -ms-transform: translate(0, -10px);}
.upchange li{ transition: all .3s ease; -webkit-transition: all .3s ease;}
.upchange li:hover{ transform: translateY(-3px); -webkit-box-shadow:0 3px 30px rgba(0,0,0,.2); box-shadow:0 3px 30px rgba(0,0,0,.2); -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px);}
.rotate360 img{ transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out;}
.rotate360 img:hover{ transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg);}

/*---网站通用 分页样式--*/
.pagination { width: 96%; line-height: 25px; background-color: Transparent; color: #333; font-size: 12px; padding: 10px 2%; margin-top: 20px; text-align: center; float: left; }
.pagination ul{ display: table; margin: 0 auto;}
.pagination ul li{ float: left;}
.pagination ul li a { border: solid 1px #A37641; padding: 7px 9px; background-color: #fff; color:#A37641; margin-right:5px; border-radius: 4px; }
.pagination ul li a:hover { padding: 7px 9px; border: solid 1px #A37641; text-decoration: none; background: #A37641; color: #FFF; }
.pagination ul li a.on{ padding: 7px 9px; border: solid 1px #A37641; text-decoration: none; background: #A37641; color: #FFF;}
.pagination .ptxt{ color: #999; font-size: 14px;}