@charset "utf-8";

/* Css Reset */
html{font-size: 62.5%;}
*{box-sizing: border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,img { padding: 0; margin: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,th,var,i { font-weight:normal; font-style:normal; }
ol,ul,li { list-style: none; }
div,dl,dt,dd,ol,ul,li{ zoom:1; }
div { display: block; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size:100%; }
q:before,q:after { content:''; }
abbr,acronym { border: 0; }
/* 加载动画样式 */
.loading{width: 100%;height: 100%;position: fixed;top:0;left: 0;z-index: 100;background-color: #fff;}
.loading .pic{width: 50px;height: 50px;position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;}
.loading .pic i{display: block;float: left;width: 6px;height: 50px;background-color: #399;margin: 0 2px;transform: scaleY(.4);animation: load 1.2s infinite;
}
.loading .pic i:nth-child(1){}
.loading .pic i:nth-child(2){animation-delay: .1s; }
.loading .pic i:nth-child(3){animation-delay: .2s;}
.loading .pic i:nth-child(4){animation-delay: .3s;}
.loading .pic i:nth-child(5){animation-delay: .4s;}
@keyframes load{
	0%,40%,100%{transform: scaleY(.4);}
	20%{transform: scaleY(1);}
}
/* 提示框*/
.xxts{width: 100%;height: 100%;position: fixed;top:0;left: 0;z-index: 100;background-color: #fff;}
.xxts .tsbt{width: 600px; height: 300px;border: 1px solid #D2D2D2;color: #fff; text-align:center; position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;}
.xxts .tsbt .info{width: 100%; height: 60px; line-height: 60px;background:#42a5f5; }
.xxts .tsbt .errorif p{width: 100%; height:130px; padding: 20px 0;color: #333; line-height:40px; }
.xxts .tsbt .errorif a{margin: 0 20px;padding: 0 15px;line-height:40px;border-radius: 15px;background:#2196f3;color:#ffffff; display:block;  }

/* Public */
html{ width:100%; }
body{ width:100%; color:#555;font:1.6rem/2rem Microsoft YaHei,Tahoma,Helvetica,Arial,sans-serif; -webkit-text-size-adjust: none;background: url(../images/bbg.png);}
a{color:#555;text-decoration:none; outline:none;}
a:hover {color:#f30;}
.fl{ float:left !important; }
.fr{ float:right !important; }
.mab{ margin-bottom:10px; }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.zysx{ width:1200px; margin:30px auto;padding: 20px; background:#ffffff;}
.zysx h2{ font-size:3rem; text-align:center; line-height:4rem;}
.zysx p{ font-size:1.8rem;  line-height:3rem;}
.siteWidth{ width:1200px; margin:0 auto; }
.column{ overflow:hidden; margin-bottom:10px;  }
#topBar{ height:40px; line-height:40px;color:#ffffff;background:#000000;}
#topBar em{  color:#cccccc;  }
.fenxiang{ float:right;}
.fenxiang a{ color:#CC0000;}
.fenxiang a+a{ color:#9e9e9e;margin-left: 40px;}
.fenxiang span{ color:#9e9e9e; font-size:1.2rem;margin-left: 10px;vertical-align: bottom;}
.siteWidth .tempWrap{ height:40px; overflow:hidden;}
.siteWidth .tempWrap .swiper-slide{font-size: 1.4rem;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center;-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.navBar{ position:relative; z-index:2;  float:right;color:#333; height:40px; line-height:40px;margin-top: 20px;}
.nav{  margin:0 auto; }
.nav .m{ float:left;  position:relative; margin: 0 5px;   }
.nav a:hover{ text-decoration:none; }
.nav h3{ float:left;font-weight:normal; font-size:2rem; height:40px; }
.nav h3 a{font-size:1.4rem; display:block; padding:0 15px;vertical-align:top;  }
.nav .on h3 a{border-bottom: 1px solid #bdbdbd;}
.nav .sub{ display:none; /*默认隐藏*/ width:100%; padding:0;   position:absolute;top:40px; background:#eeeeee;border-top: 1px solid #bdbdbd;text-align:center;  }
.nav .sub li{ vertical-align:middle; }
.nav .sub li a{ height:40px; line-height:40px;font-size: 1.4rem; padding:0;  display:block; }
.nav .sub li a:after { content: ""; display: block; position: absolute; left: 50%; right: 50%; bottom: 0; height: 2px; opacity: 0; background-color: #ffa873; -webkit-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s; }
.nav .sub li a:hover{ color:#fff; background:#ff8a65;   }
/* 导航 */
#header{ margin-bottom:0px; background-color: #ffffff; }
.logoBar{ width:1200px; margin:0 auto; padding: 10px 0;  }
.logoBar h1{}
.logoBar h1 a{ color:#ffffff;text-align: center;}
.logoBar h1 a img{ height:80px;}
.logoBar h1 a .mlogo{ display: none;}
.logoBar h1 a:hover{ text-decoration:none;   }
.logoBar .search { float: right; width: 34%; margin-top: 25px;height: 35px; }
.logoBar form {width: 100%; height: 100%;border: 1px solid #ccc; padding: 0px;border-radius: 15px; overflow:hidden;}
#search-keyword { float: left; width: 90%; height: 100%; font-size:1.4rem; color: #999; border: none; padding-left: 15px;outline: none; }
#Submit { height: 100%; width: 10%; border: none;outline: none;background: url(/skin/images/icon-lense.png) #ffffff no-repeat center;background-size: auto 50%;}
/* 移动导航 */
.m-search{display: none;}
#navToggle{display: none;}
#navToggle{z-index: 2;padding: 15px 15px;position: fixed;top: 0;right: 0;}
#navToggle span{position: relative;width: 25px;height: 2px;margin-top: 10px;}
#navToggle span:before, #navToggle span:after{content: '';position: relative;width: 100%;height: 2px;left: 0;}
#navToggle span, #navToggle span:before, #navToggle span:after{-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;display: block;background: #555;}
#navToggle span:before{top: 8px;}
#navToggle span:after{bottom: 10px;}
#navToggle.open span:before{top: 10px;-webkit-transform: translateY(-11px) rotate(-45deg);-moz-transform: translateY(-11px) rotate(-45deg);-ms-transform: translateY(-11px) rotate(-45deg);-o-transform: translateY(-11px) rotate(-45deg);transform: translateY(-11px) rotate(-45deg);}
#navToggle.open span:after{bottom: 12px;-webkit-transform: translateY(10px) rotate(45deg);-moz-transform: translateY(10px) rotate(45deg);-ms-transform: translateY(10px) rotate(45deg);-o-transform: translateY(10px) rotate(45deg);transform: translateY(10px) rotate(45deg);}
#navToggle.open span{background: none;}
#navToggle.open span:before, #navToggle.open span:after{background: #4f4f4f;}
.m_nav{position: fixed;width: 100%;height: 100%;background: #999;transition: all ease 0.5s;-webkit-transition: all ease 0.5s;z-index: 1000;opacity: 1;visibility: visible;margin-top: 0;padding-bottom: 50px;overflow-y: auto;transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;top: 0;transform: translateX(100%);}
.m_nav.open{transform: translateX(0);}
.m_nav .top{background: url(../images/bt_logo.png) no-repeat;background-size: auto 60%; background-position:center center;height: 60px;padding: 20px;box-sizing: border-box;}
.m_nav .top .closed{width: 30px;height: 30px;float: right;cursor: pointer;font-size: 2.2rem; text-align: center; line-height: 30px; color: #ffffff;}
.m_nav .ul{margin-top: 30px;}
.m_nav .ul li{padding: 0 20px;border-bottom: 1px solid #ccc;transform: translateY(0);-webkit-transform: translateY(100%);transform: translateY(100%);-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;opacity: 0;}
.m_nav.open .ul li{opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
.m_nav .ul li:nth-child(1){-webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(2){-webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(3){-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(4){-webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(5){-webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(6){-webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(7){-webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all 1.4s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(8){-webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all 1.6s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(9){-webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all 1.8s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(10){-webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all 1.8s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .dropdown a{background: url(../images/lidian.png) center left no-repeat, url(../images/icon_sub.png) center right no-repeat;background-size: auto 40%, auto 20%;padding-left: 40px;display: block;text-decoration: none;color: #fff;font-size: 16px;height: 50px;line-height: 50px;}
.m_nav .nonedown a{background: url(../images/lidian.png) center left no-repeat;background-size: auto 40%;padding-left: 40px;display: block;text-decoration: none;color: #fff;font-size: 16px;height: 50px;line-height: 50px;}
.m_nav .ul li .dropdown_menu{text-align: center;display: none;}
.m_nav .ul li.dropdown.active .dropdown_menu{display: block;}
.m_nav .ul li .dropdown_menu a{background: none;display: inline-block;height: 50px;width: 30%;line-height: 50px;padding: 0;}
.m_nav .ul li .dropdown_menu a:last-child{border: none;}

/* banner */
.banner{ width:100%;position:relative; overflow:hidden;}
.banner .swiper-slide {background-repeat: no-repeat!important; background-position:center center !important; }
.banner .swiper-slide a{ display:block; }
.banner .swiper-slide img{ display:block; }
.banner .swiper-pagination-bullet{width: 24px; height: 12px; background: #fff; display: inline-block; margin: 0 5px; border-radius: 50%; -webkit-transition: all .35s; -webkit-transform: scaleX(.5); transform-origin: bottom;opacity: 1;}
.banner .swiper-pagination-bullet-active{-webkit-transform: scaleX(1.5); background: #ff964c;border-radius: 4px;}

.banner .swiper-slide .txt {
	position: absolute;
	width: 60%;
	line-height:8rem;
	z-index: 999;
	color: #fff;
}
.txt p:nth-child(1) {
	font-size: 6rem
}
.banner .swiper-slide .txt.txt1 {
	width:100%;
	text-align:center;
	top: 40%
}
.banner p {
	opacity: 0
}
.banner .swiper-slide-active p:nth-child(1) {
	-webkit-animation: lightSpeedIn .6s ease-out forwards;
	-moz-animation: lightSpeedIn .6s ease-out forwards;
	-o-animation: lightSpeedIn .6s ease-out forwards;
	animation: lightSpeedIn .6s ease-out forwards
}
.banner .swiper-slide-active p:nth-child(2) {
	-webkit-animation: lightSpeedIn2 .6s .3s ease-out forwards;
	-moz-animation: lightSpeedIn2 .6s .3s ease-out forwards;
	-o-animation: lightSpeedIn2 .6s .3s ease-out forwards;
	animation: lightSpeedIn2 .6s .3s ease-out forwards
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform:translate3d(200px, 0, 0) skewX(-30deg);
transform:translate3d(200px, 0, 0) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:skewX(20deg);
transform:skewX(20deg);
opacity:1
}
80% {
-webkit-transform:skewX(-5deg);
transform:skewX(-5deg);
opacity:1
}
100% {
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform:translate3d(200px, 0, 0) skewX(-30deg);
-ms-transform:translate3d(200px, 0, 0) skewX(-30deg);
transform:translate3d(200px, 0, 0) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:skewX(20deg);
-ms-transform:skewX(20deg);
transform:skewX(20deg);
opacity:1
}
80% {
-webkit-transform:skewX(-5deg);
-ms-transform:skewX(-5deg);
transform:skewX(-5deg);
opacity:1
}
100% {
-webkit-transform:none;
-ms-transform:none;
transform:none;
opacity:1
}
}
.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedIn2 {
0% {
-webkit-transform:translate3d(-200px, 0, 0) skewX(30deg);
transform:translate3d(-200px, 0, 0) skewX(30deg);
opacity:0
}
60% {
-webkit-transform:skewX(-20deg);
transform:skewX(-20deg);
opacity:1
}
80% {
-webkit-transform:skewX(5deg);
transform:skewX(5deg);
opacity:1
}
100% {
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform:translate3d(-50px, 0, 0) skewX(30deg);
-ms-transform:translate3d(-50px, 0, 0) skewX(30deg);
transform:translate3d(-50px, 0, 0) skewX(30deg);
opacity:0
}
60% {
-webkit-transform:skewX(-20deg);
-ms-transform:skewX(-20deg);
transform:skewX(-20deg);
opacity:1
}
80% {
-webkit-transform:skewX(5deg);
-ms-transform:skewX(5deg);
transform:skewX(5deg);
opacity:1
}
100% {
-webkit-transform:none;
-ms-transform:none;
transform:none;
opacity:1
}
}
.lightSpeedIn2 {
	-webkit-animation-name: lightSpeedIn2;
	animation-name: lightSpeedIn2;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}



/* 全宽横条 */
.aboutbar{ display:none;}
.full-screen{width: 100%;height: 200px; background: url(../images/full11.jpg) center no-repeat;}

/* content */
#content{ background:#d2d2d2; padding:30px 0;  overflow:hidden;  }
#txtcontent{ background:#eee; padding:30px 0 0;  overflow:hidden;  }
.mainContent{ width:72.5%; float:left;   }
.side{ width:25.83%;float:right;}
/* logo投票 */
#content .main{ width:100%;}
#content form strong{ width:100%; background:#8bc34a;display: block; text-align:center; }
#content .toupiao{ width:100%; }
#content .toupiao .logo{ float: left; width: 19%; margin: 20px 1% 20px 0; text-align: center; overflow: hidden; background:#e0e0e0;-webkit-transition: all 0.3s linear; transition: all 0.3s linear; }
#content .toupiao .logo:hover{ -webkit-box-shadow: 0 2px 10px 0 rgb(0 0 0 / 30%); box-shadow: 0 2px 10px 0 rgb(0 0 0 / 30%); -webkit-transform: translate(0, -10px) !important; transform: translate(0, -10px) !important; }
#content .toupiao .logo:nth-child(5n){ margin-right:0;  }
#content .toupiao .logo a{ width: 100%; height: 0; padding-top: 100%; position: relative; display: block; overflow: hidden; }
#content .toupiao .logo a img{ width: 100%; height: 100%; position:absolute; top:0; left:0;background:#ffffff; ; display: block; overflow: hidden; }
#content .toupiao .logo span{ width: 100%; display: block;padding: 10px 0; overflow: hidden;font-size: 1.4rem; line-height:30px; }
#content input[type="submit"] { padding:0 15px;}

/* 焦点图 */
.newstit{ display: none;}
.focusBox { float:left; position: relative; width: 50.57%; margin-bottom:30px;  overflow: hidden; font-family:Arial; text-align: left; background:#fff; }
.focusBox .swiper-slide { text-align: center; background: #fff; height: 0; padding-bottom: 63.63%; position: relative; width: 100%; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.focusBox .mask{ position: absolute; top: 0;left:0;  width:100%; height: 100%;overflow: hidden;}
.focusBox img { width:100%;min-height: 100%;display: block; transition: 1s linear 2s; transform: scale(1.1, 1.1); }
.focusBox .swiper-slide-active img, .swiper-slide-duplicate-active img { transition: 6s linear; transform: scale(1, 1); }
.focusBox a p { position: absolute; bottom: 0; left:0; height: 36px;line-height: 36px; width:100%;padding:0 35% 0 2%; overflow: hidden;color: #ffffff;background: rgb(0 0 0 / 40%);white-space: nowrap; text-overflow: ellipsis;display: inline-block; }
.focusBox .swiper-pagination { width: 40%; text-align: right; left: auto; right: 5px;bottom: 8px; }
.focusBox .swiper-pagination-bullet { width: 20px; height: 20px;line-height: 20px; text-align: center;color: #fff; margin: 0 2px!important; background: rgb(222 222 222 / 50%); opacity: 1;border-radius: 2px; }
.focusBox .swiper-pagination-bullet-active { background: #997545; opacity: 1; }
/* Tab切换 */
.slideTxtBox{ float:right;  width:47.12%; height:280px; overflow:hidden;  padding:10px; background:#fff;  text-align:left;  }
.slideTxtBox .hd{ height:36px; line-height:36px; padding:0 15px; border-bottom:2px solid #9c0a00; font-size:20px; }
.slideTxtBox .hd ul{ overflow:hidden; zoom:1;  }
.slideTxtBox .hd ul li{ float:left; }
.slideTxtBox .hd ul li a{ display:block; padding:0 15px;  }
.slideTxtBox .hd ul li a:hover{ text-decoration:none;  }
.slideTxtBox .hd ul li.on a{ background:#9c0a00; color:#fff; }
.slideTxtBox .bd{ padding:10px;  }
.slideTxtBox .bd li{ height:36px; line-height:36px;   }
.slideTxtBox .bd li a{width: 85%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;display: inline-block;}
.slideTxtBox .bd li .date{ float:right; color:#cab168; font-size: 12px; }

/* about */
.sideBox{height:280px; overflow:hidden;   background:#fff;  }
.side .hd{ height:45px; line-height:45px; background:#9c0a00; padding:0 20px;   }
.side .hd h3{font-size:20px; color:#fff;  }
.side .hd h3 a{ color:#fff;   }
.sideBox .about{ padding:10px;color:#333;overflow:hidden;  }
.sideBox .about img{width: 100%;}
.sideBox .about h3{ margin: 10px; font-size: 1.8rem; display: block;color: #997545; text-align: center; }
.sideBox .about .us{font-size: 1.4rem;}
.sideBox .about a span{color: #b1c1ca;margin-left: 2rem;}

/* 主要业务 */
.yewu{background: #fff;padding:10px; overflow:hidden; clear:both;   }
.yewu .hd { height: 30px; line-height: 30px; padding: 0 10px; background: url(../images/yewubt.png) repeat;}
.yewu .hd h3 { font-weight: bold;}
.yewu .hd h3 a { color: #9c0a00; }
.yewu .hd i{ display: none;}
.yewu ul{ width:100%;}
.yewu ul li{float:left; width:23.5%;margin:20px 2% 20px 0;  display:inline;text-align: center;overflow: hidden;}
.yewu ul li:nth-child(4n){ margin-right:0}
.yewu ul li span{display: block; line-height: 40px; overflow: hidden; text-align: center; }
.yewu ul li .mask{width: 100%; height: 0;padding-top: 63.5%; position: relative;display: block;overflow: hidden;}
.yewu ul li img{ position: absolute; top: 0;left:0;width:100%; height:100%;display: block;-webkit-transition: -webkit-transform 1s; transition: -webkit-transform 1s; -o-transition: transform 1s; transition: transform 1s; transition: transform 1s,-webkit-transform 1s; }
.yewu ul li img:hover{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
.yewu ul li span{line-height: 40px;height: 40px;width:100%; }
/* 友情链接 */
.friendLink{ height:60px; line-height: 40px;background: url(../images/friendbg.jpg) no-repeat;padding:10px 10px 10px 120px; overflow:hidden; clear:both;   }
.friendLink .friendLink-swipe { width: 100%; overflow:hidden;}
.friendLink .friendLink-swipe .swiper-wrapper{ -webkit-transition-timing-function: linear; /*之前是ease-out*/ -moz-transition-timing-function: linear; -ms-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; }
.friendLink .friendLink-swipe .swiper-slide{text-align: center;}
/* footer */
#footer{width:100%; background: #424242; overflow:hidden;}
.copyright{ width:1200px; margin:0 auto;font-size: 1.4rem;;color:#bbbbbb; padding:50px 0; line-height:30px;}
.lianxi{text-align: left; width:55%; margin:0 auto;padding-left: 20px; float: left;}
.bottomlogo{height: 30px;background:url(../images/bt_logo.png) no-repeat;background-size: auto 100%;}
.erwei{width:130px; margin:20px; height:130px; float: left;}
.erwei img{width:100%; height:100%;}

/* 文章列表 */
.list{  }
.listrttitle {line-height: 45px; border-bottom: 3px solid #cccccc;background: #eeeeee;}
.listrttitle .rttitle{ padding: 0 10px; background: url(../images/an.png) no-repeat center #eeeeee; background-size: 100% 70%;display: inline-block;}
.listrttitle a{ float:left;margin-right: 20px;}
.listrttitle .rttitlenav{ float:right; font-size: 1.4rem;;color:#333;}
.listrttitle .rttitlenav a{color: #997545;float: none;margin-right: 0px; font-size: 1.4rem;}
.list_text li{width:100%;background: #ffffff;margin:0; padding: 0 1.5%; border-bottom:solid 6px #eee; overflow:hidden;}
.list_text li .mask{width:30%;margin: 15px 0;overflow:hidden;float:left;}
.list_text li .mask a{width:100%; height:0; padding-top:63.63%; position:relative; display:block;overflow:hidden;}
.list_text li img{ width:100%; height:100%; position:absolute;  top: 0; left:0 ;}
.list_text .tit{ width: 68%;float:right;margin-top: 15px;}
.list_text .oth{color: #bb9a68;font-size: 1.2rem;}
.list_text .oth .d {margin-right: 15px;float: left;}
.list_text .oth .a {margin-right: 15px;float: left;}
.list_text .oth .f {margin-right: 15px;float: right;}
.list_text .titt{ margin-bottom: 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list_text .titt a{font-weight: 600;font-size: 1.8rem;color:#666;overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; word-break: break-all; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: pre-wrap;}
.list_text .dspt{ font-size: 1.4rem;text-indent: 2em;line-height: 30px;float:left;color:#999;}
.list_text .dspt a{color:#b1c1ca;}
.list_text li a:hover{color:#f46640;}
.listf{padding: 10px; background: #fff;}
.listf ul li{float:left; width:46%;margin:10px 2%;text-align: center;}
.listf ul li .mask{ width:100%;height: 0; padding-top:63.63%; position:relative;display: block;}
.listf ul li span{display: block; line-height: 30px; overflow: hidden; text-align: center; }
.listf ul li img{ width:100%; height:100%; position:absolute;top:0; left:0;   }
.index_text{background: #fff; padding: 30px;}
.index_text p{line-height: 33px; font-size: 18px; text-align: justify; text-indent: 2em;margin-top: 20px;}
/* 图片列表 */
.list .list_img li{FLOAT: left; width: 48.5%; border:1px solid #efe8d5; margin:25px 3% 0 0; background:#fff;}
.list .list_img li:nth-child(2n){ margin:25px 0 0;}
.list .list_img li:hover { background: #e2e2e2;border:1px solid #efe8d5;}
.list_img .pl { display:block; width:100%; height: 0; padding-top: 63.5%; position:relative;}
.list_img .pl img{ width: 100%; height: 100%;padding: 10px;position:absolute; top: 0; left:}
.list_img li span{ display:block; text-align:center; height:60px; padding: 0 10px;overflow:hidden; line-height: 40px;}

/* 文章 */
.contrtbd{ min-height:600px;  margin:20px 0;}
.rtcontbd{background: #fff; padding: 10px 50px; border: solid 1px #dad3c0;}
.rtcontbd h2{font-size: 32px;font-weight: normal;line-height: 50px; text-align:center; margin:20px 0 10px 0; }
.rtcontbd .writ{ font-size:1.4rem; color: #c7bcad;text-align:center; padding:10px 0; margin-bottom: 50px;border-bottom:dotted 1px #ccc;}
.rtcontbd .fenxiang{text-align: right;margin-top: 35px;}
.rtcontbd p{line-height: 33px;font-size:18px;text-indent: 2em;margin-top: 20px;text-align: justify;}
.rtcontbd h6{line-height: 33px;font-size:18px;margin-bottom: 0px; font-weight:400;}
#dituContent img{margin: 0px;}
.rtcontbd img{margin:20px 0 0;}
.rtcontbd .pre{ font-size:16px; color: #f46640;padding:10px 0; margin-top: 50px;border-top:dotted 1px #ccc;}
.rtcontbd .next{ font-size:16px; color: #f46640;padding:0 0 10px 0; }
.indexrttitle{ height:45px;line-height: 45px; padding:0 0 25px;}
.nyrttitle{ line-height: 45px;}
.nyrttitle .rttitle{ float:left; padding: 0 10px; }
.nyrttitle .rttitlenav{ float:right; font-size: 14px;;color:#333;}
.nyrttitle .rttitlenav span{ color:#333;font-family:"微软雅黑";}
.nyrttitle .rttitlenav a{ color:#997545;font-family:"微软雅黑";}
.nyrttitle .rttitlenav a:hover{ color:#f46640;}
/* 页码 */
#MultiPage{width: 100%;margin:15px auto;display: inline-block;line-height: 30px;}
#MultiPage a{display:inline; float:left; height: 30px; overflow:hidden; padding:0 10px; color:#999; margin-right:10px; text-decoration:none;}
#MultiPage b{border-bottom: 1px solid #f46640; display:inline; height: 30px;float:left;  padding:0 5px; margin-right:10px; text-decoration:none;}
#MultiPage a:hover{color:#e2523a; text-decoration:none;}
#MultiPage a.click{background:#c11e0d; color:#FFF; float:left;}
#MultiPage a.uclick{background:#fafafa; color:#cccccc; float:left;}

/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom: 235px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display: block; width: 65px; line-height: 65px; text-align: center; color: #ffffff; font-size: 2.4rem; height: 65px; background-color: #961100; margin-bottom: 4px; cursor: pointer; outline: none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:rgb(51 51 51 / 50%);display:none;}
.suspension .a-top:hover{background:#997545;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}

/* 回到顶部 */
#scrolltop {display:none; position:fixed; z-index: 1333;bottom:240px; left:57%; _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight));
margin-left:514px; font-size:14px; text-align:center; color:#f00; cursor:pointer; height:63px;width:47px;background:url(../images/arrow.png) no-repeat -47px 0;}
#scrolltop:hover{border:0;padding:0;background:url(../images/arrow.png) no-repeat;}
.foc { display: none; }
@media only screen and (max-width: 960px) {
.xxts .tsbt{width: 90%; }
#topBar { display: none; }
#header { width: 100%; height: 50px; position: fixed; left: 0; z-index: 999; top: 0;background: #ffffff;}
.navBar { display: none;}
.logoBar { width: 100%;padding: 0;}
.logoBar h1 { padding: 15px 10px 0; }
.logoBar h1 a img{ height:30px;width: auto;}
.logoBar h1 a .pclogo{ display: none;}
.logoBar h1 a .mlogo{ display: block; width:90%; height:auto; }
.m-search{z-index: 2;border: 0px; outline: 0px;background: none;font-size: 1.8rem; color: #ffffff;text-align:center; position: fixed; right: 55px; top: 10px; width: 30px; display: block; height: 30px;}
#header .search{z-index: 2; position: fixed; top: 50px;margin-top: 0; width: 100%; display: none; height: 50px;background: #997545;}
#header .search form{position: absolute;right: 15%;bottom: 8px;width: 70%;height: 32px;border: 1px solid #999;}
#navToggle{display: inline-block;}
.banner { height: auto;margin-top: 50px;}
.banner .swiper-slide { height: 0; padding-top: 30.769%;  width: 100%; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background-position: center!important;background-size: cover!important;background-repeat: no-repeat!important;}
.banner .swiper-pagination-bullet { width: 16px; height:8px; border-radius: 50%;}
.banner .swiper-pagination-bullet-active{border-radius: 2px;}
.banner .swiper-slide .txt.txt1 {
    width: 90%;
    left: 50%;
    top: 50%;
    text-align: center;
    transform: translateX(-50%)translateY(-50%);
    -webkit-transform: translateX(-50%)translateY(-50%);
    -moz-transform: translateX(-50%)translateY(-50%);
}
.banner .swiper-slide .txt p{
    font-size: 2rem;
	font-weight: bold;
    line-height: 3rem;
}

#content {
    padding: 70px 0;
}
.zysx { width: 96%; }
.aboutbar{ display: block;width: 96%; margin: 30px 2%;}
.aboutbar .aboutli{width: 33.33%;padding: 5px 0; float: left;  }
.aboutbar .aboutli a { font-size:1.4rem; color:#997545;display: grid; text-align: center;}
.aboutbar .aboutli a i{ font-size:3.6rem; }
.siteWidth { width: 100%;background: none !important;}
.mainContent {width: 96%; background: #ffffff; margin: 0 2%;}
#content .toupiao { width: 94%; margin:0 auto; }
#content .toupiao .logo{ width: 48%;  }
#content .toupiao .logo:nth-child(odd){margin: 20px 4% 20px 0; }
#content .toupiao .logo:nth-child(even){ margin-right:0;  }
.newstit{ display: block;font-size: 2rem; width: 96%; height: 40px; line-height: 40px; margin: 0 auto;}
.newstit i{color: #997545;}
.newstit a i{ float:right; margin-top: 10px;}
.focusBox {width: 96%;margin: 0 2%;}
.slideTxtBox { width: 100%; background: none; height: auto;}
.slideTxtBox .hd { display: none;}
.side {width: 96%; margin: 30px 2%;}
.sideBox { height: auto;}
.sideBox .about img { border-radius: 5px; }
.sideBox .about .us{font-size: 1.6rem;}
.yewu{width: 96%;margin: 0 2%;}
.yewu .hd { background: none; font-size:2rem;padding: 0 ;}
.yewu .hd h3 a { color: inherit; font-weight:200; margin-left:20px;}
.yewu .hd i { color:#997545;display:inline-block;}
.yewu .hd a i { float: right; margin-top: 7px;}
.yewu ul li { width: 48%; margin: 20px 0 0; }
.yewu ul li:nth-child(2n){margin-left: 4%;}
.yewu ul li:nth-child(7){ display: none;}
.yewu ul li:nth-child(8){ display: none;}
.friendLink { display:none; }
.suspension { right: 20px; height: auto;bottom: 100px;}
.suspension .a { width: 50px; line-height: 50px; height: 50px;}
.suspension .a-service { display:none; }
.suspension .a-service-phone { display:none; }
.suspension .a-qrcode { display:none; }
.suspension .a-top:hover{background:rgb(0 0 0 / 50%);}
#footer {}
.copyright {  color: #bbbbbb;  }
.copyright { width: 100%; height: auto;font-size: 1.2rem;line-height: 2rem;}
.lianxi {  width: 100%;height: auto;}
.bottomlogo {/* background-size: auto 65%; */ }
.erwei {display: none; }
.foc{display: block;background: #741a1a;overflow: hidden;position: fixed;z-index: 9999;bottom: 0;width: 100%;}
.foc li{width: 33.33%;text-align: center;color: #fff;float: left;padding: 1.6% 0;cursor: pointer;}
.foc li span{line-height: 1.8rem;font-size: 1.4rem;display: block;}
.foc li span i{font-size: 2.4rem;}
.foc li a{color: #fff;display: grid;}
.full-screen { margin-top: 50px; height: 0; padding-top: 16.666666%; background-size: cover !important; }
#txtcontent{ padding: 0; }
.listrttitle .rttitlenav { width:100%}
.index_text { padding: 20px; }
.index_text img{ width:100% !important; height:auto !important;}
.index_text p img{ margin-left:-2em; }
.list_img { background:#eeeeee;}
.list_page { background:#eeeeee;}
.contrtbd{ width: 96%; margin: 0 auto 30px;}
.nyrttitle .rttitlenav { width: 100%;}
.rtcontbd{ padding: 10px 15px;}
.rtcontbd img{ width:100% !important; height:auto !important;}
.rtcontbd p img{ margin-left:-2em; }
.rtcontbd .fenxiang { display:none;}
.list_text .dspt { display: none;}
.mside { display:none;}
#scrolltop {  bottom: 100px; left: auto; right: 5%;  margin-left: 0;  height: 63px; width: 47px; background: url(../images/arrow.png) no-repeat ; }
}