@charset "utf-8";

html,body{height:100%;}

body{padding:140px 0 0 0; margin:0px auto; font-size:16px; line-height:30px; color:#666666; width:100%; min-width:300px; zoom:1;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,Arial;}
ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}
select,input,textarea,button{ font-size:16px; border-radius:0; -webkit-border-radius:0; color:#545454;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,Arial;}
input:focus { outline: none;}
input,button,select,textarea{ border:0px;outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/}
button{ cursor:pointer;}
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/}
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,fxigcaption,address{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ max-width:100%; border:none; border:0;  vertical-align:top;}
a{ color:#000; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);transition: all ease 0.3s;}
a:focus {outline:none; -moz-outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:hover{ text-decoration:none; color:#ed2a33;}
/**:hover{transition: all ease 0.3s;}*/

/*input字体*/
:-moz-placeholder {color: #999999;}
::-moz-placeholder {color: #999999;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #999999;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #999999;}

select {
	/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
	border: solid 1px #d9d9d9; text-indent:1em;
	/*很关键：将默认的select选择框样式清除*/
	appearance: none; color:#999999;
	-moz-appearance: none;
	-webkit-appearance: none;
	/*在选择框的最右侧中间显示小箭头图片*/
	background: url(../images/ico/selectarr.png) no-repeat scroll 95% center transparent;
	/*为下拉小箭头留出一点位置，避免被文字覆盖*/
	padding-right: 14px;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
display: none;
}

/*网页滚动条*/
::-webkit-scrollbar{
            width: 3px; height:3px;-webkit-overflow-scrolling : touch;
            background-color: #e6e6e6;}
::-webkit-scrollbar-track{
            background-color: #e6e6e6;}
::-webkit-scrollbar-thumb{
            border-radius: 10px;
            background-color: #ec1b24;}
::-webkit-scrollbar-button{
            height: 0px;
            background-color: #e6e6e6;}

/*公用样式*/
.fl{ float:left;}.fr{ float:right;}.tl{ text-align:left !important;}.tr{ text-align:right;}.tc{ text-align:center !important;}
.hide{ display:none;}
.block{ display:block;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
.clearfix:after{ content: ''; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix{*zoom:1;}.relative{ position:relative;}
.bodyon{ overflow:hidden;}
.Contain{ z-index:1; position:relative; clear:both; max-width:1600px; margin:0px auto;}
.w1360{ max-width:1360px; margin:0px auto;}
.w1440{ max-width:1440px; margin:0px auto;}
.Contain3{ z-index:1; position:relative; clear:both; max-width:1130px; margin:0px auto;}

/*font*/
.f_red{ color:#ec1b24;}
.iconfont{ font-size:24px; vertical-align:middle;}
.tit{ display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%;}
.p{overflow: hidden;word-break:normal;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;}

@media ( max-width:1660px){
.Contain{max-width:88%;}
}
@media ( max-width:1440px){
.w1360{max-width:88%;}
.w1440{ max-width:88%;}
body{ line-height:26px; font-size:15px;}
}
@media ( max-width:1024px){
body{ padding-top:45px; font-size:14px; line-height:24px;-webkit-tap-highlight-color:rgba(0,0,0,0); }	
.Contain,.w1360,.w1440,.Contain3{max-width:none; margin:0 15px;}
select,input,textarea,button{ font-size:14px;}
}

/*effict*/
.Scale-img {overflow: hidden;cursor: pointer; zoom:1; overflow: hidden;}
.Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;}
.Scale-img:hover img,.Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1); top:0px; left:0px;}
.effict{transition: all ease 0.3s;}
.imgbox{ overflow:hidden; position:relative;}
.imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;}


/*pages*/
.Pages{ zoom:1; overflow:hidden;text-align:center; color:#666666; clear:both; font-size:20px; line-height:52px;}
.Pages span{ padding:0px 0px; display:inline-block; vertical-align:middle;}
.Pages a{ display:inline-block; margin:0px 3px;text-align:center; width:52px; color:#666666; background:#fff; border:1px solid #e6e6e6;}
.Pages .p_page a{ display:inline-block; vertical-align:middle;}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{ display:inline-block; color:#b0b0b0; vertical-align:middle; width:88px; font-family:"宋体";}
.Pages .p_page .a_prev:hover,.Pages .p_page .a_next:hover,.Pages .p_page .a_first:hover,.Pages .p_page .a_end:hover{ color:#fff; background:#fece3c; border:1px solid #fece3c;}
.Pages .p_page .num a:hover,.Pages .p_page .num a.a_cur{background:#fece3c; border:1px solid #fece3c;}

@media ( max-width:1440px){
.Pages{ font-size:16px; line-height:45px;}
.Pages a{ width:45px;}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{width:50px;}
}
@media ( max-width:1024px){
.Pages{line-height:25px !important; font-size:14px;}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{width:30px;}
.Pages .p_page .num a{ width:25px !important;}
}
/*pages end*/


/*Top*/
.Header{ z-index:999; position:fixed; left:0; top:0; background:#fff; width:100%; transition: all ease 0.3s;}
.Header .Contain{ position:static; height:100px;}
.Header.on{ top:-140px;}
.TopTip{ line-height:40px; padding-left:20px; background:#e6e6e6; font-size:14px; transition: all ease 0.3s}
.Header .Logo{ width:28%; float:left; height:100px;display: flex; align-items: center;transition: all ease 0.3s;}

.Search{ position:relative;float:right; padding-top:34px;}
.Search .Searchico{ cursor:pointer; text-align:center; width:32px; height:32px; line-height:32px; color:#fff; background:#ec1b24;}
.Search .Searchico .iconfont{ vertical-align:top; font-size:22px;}
.Search .Searchico .icongb{ display:none;}
.Search .Searchico.on .icongb{ display:block;}
.Search .Searchico.on .iconso{ display:none;}
.Search .searchbox{width:300px; background:#fff; right:0; box-shadow:0 0 10px #999; display:none; position:absolute; top:102px;}
.Search .searchbox input{ width:100%; height:40px;text-indent: 1em;}
.Search .searchbox .input::-webkit-input-placeholder {color: #959595;}
.Search .searchbox .btn { position:absolute; right:5px; top:6px; width:29px; background:none;}

.MainNav{ float:right;transition: all ease 0.3s;}
.MainNav li{ float:left; margin-right:59px;}
.MainNav li span a{ z-index:1; position:relative;display:block; text-align:center; color:#000000; font-size:16px; height:100px; line-height:100px; transition: all ease 0.3s;}
.MainNav .bg{ position:absolute; left:50%; bottom:0px; height:2px; background:#ec1b24;width:0%; z-index:0;transition: all ease 0.3s;}
.MainNav .arr{ display:none;}
.MainNav li:hover span a,.MainNav li.onnav span a,.MainNav li span a.sele{ color:#ec1b24;}
.MainNav li:hover span .bg,.MainNav li.onnav span .bg,.MainNav li span a.sele .bg{ width:100%; left:0;}

.NavPull{display:none; position:absolute; text-align:center; background:#f9f9f9; padding:23px 0; border-top:2px solid #e8e8e8; top:138px; line-height:52px; left:0px;width:100%;}
.NavPull.null{background:none; padding:0;}
.NavPull .slogo{ width:28%; padding:0 3%; float:left;}
.NavPull dl { float:right; text-align:left; width:60%;}
.NavPull dd { display:inline-block;*display:inline;zoom:1; margin-right:40px;}
.NavPull dd:last-child { margin-right:0;}
.NavPull a{ display:block; color:#333333; font-size:14px;}
.NavPull a:hover{ color:#ec1b24;}
.Header .NavPull .Contain{ height:auto !important;}
.MainNav li:nth-child(1) .NavPull dl{ width:55.5%;}
.MainNav li:nth-child(2) .NavPull dl{ width:48%;}
.MainNav li:nth-child(3) .NavPull dl{ width:38%;}
.MainNav li:nth-child(7) .NavPull dl{ text-align:right;padding-right:15%; width:45%;}
.MainNav li:nth-child(5) .NavPull dl{ text-align:right; padding-right:7%; width:50%;}
.MainNav li:nth-child(6) .NavPull dl{ text-align:right;}
.MainNav li:nth-child(4) .NavPull dl{ text-align:right; padding-right:15%; width:50%;}

.openbtn{ cursor:pointer; display:none;width:32px; height:25px; padding-top:1px; background:#fff; position:absolute; right:12px; top:9px; z-index:999;}
.closebtn{ position:fixed; left:0px; top:46px; width:100%; height:100%; z-index:0; display:none; background:rgba(255,255,255,0.9);}
.openbtn span{ display:block; height:3px; background:#c5271e; margin:4px;transition: all ease 0.3s;}
.openbtn.on .sp1 {
	-webkit-transform: translate(0, 7px) rotate(45deg) !important;
	-moz-transform: translate(0, 7px) rotate(45deg) !important;
	-ms-transform: translate(0, 7px) rotate(45deg) !important;
	-o-transform: translate(0, 7px) rotate(45deg) !important;
	transform: translate(0, 7px) rotate(45deg) !important;}
.openbtn.on .sp2 {
	-webkit-transform: translate(0, 0) rotate(-45deg) !important;
	-moz-transform: translate(0, 0) rotate(-45deg) !important;
	-ms-transform: translate(0, 0) rotate(-45deg) !important;
	-o-transform: translate(0, 0) rotate(-45deg) !important;
	transform: translate(0, 0) rotate(-45deg) !important;}	
.openbtn.on .sp3 { display:none;}

.Header.Fixedtop{box-shadow:0 0 10px #ddd;}
.Header.Fixedtop .TopTip{ margin-top:-40px;}
.Header.Fixedtop .Logo,.Header.Fixedtop .Contain{ height:70px;}
.Header.Fixedtop .MainNav li span a{height:70px; line-height:70px;}
.Header.Fixedtop .NavPull,.Header.Fixedtop .searchbox{ top:70px;}
.Header.Fixedtop .Search{ padding-top:19px;}
@media ( max-width:1660px){
.MainNav #na3 .NavPull dl{width:61%;}
.MainNav #na19 .NavPull dl{ width:53%;}
.MainNav #na26 .NavPull dl{ width:42%;}
}
@media ( max-width:1560px){
.MainNav li{ margin-right:45px;}
.MainNav #na3 .NavPull dl{ width:58%;}
.MainNav #na19 .NavPull dl{ width:50.5%;}
}
@media ( max-width:1440px){
.MainNav #na3 .NavPull dl{ width:63%;}
.MainNav #na19 .NavPull dl{ width:54%;}
}
@media ( max-width:1366px){
.MainNav li{ margin-right:30px;}
.MainNav #na3 .NavPull dl{  width:58%;}
.MainNav #na19 .NavPull dl{ width:50%;}
}
@media ( max-width:1100px){
.MainNav li{ margin-right:25px;}
}
@media ( max-width:1024px){
.Header{height:45px !important; top:0 !important;}
.TopTip{ display:none;}
.Header .Logo{ width:auto; height:45px !important;}
.Header .Logo img{ height:28px;}
.Header .openbtn{ display:block;}
.Search{ padding:10px 40px 0 0 !important; position:static;}
.Search .Searchico{ width:26px; height:26px; line-height:26px;}
.Search .searchbox{ width:94%; left:3%; top:47px !important;}

.MainNav{ position:fixed; height:auto; max-height:100%; overflow-y:auto; z-index:999; width:100%; padding:0; left:0;background: #faf8f5;top:45px; display:none;}
.MainNav ul{ margin-top:0px;}
.MainNav li{ display:block; position:relative; cursor:pointer; float:none; border-bottom:1px solid #e9e9e9;border-top:1px solid #f9f8f6; width:auto; margin:0 10px; background:none;}
.MainNav li span a{ font-size:16px; text-align:left; height:auto; display:block; line-height:40px !important; height:40px !important; padding-left:5px;  border:0;}
.MainNav .bg{ display:none}
.MainNav li:hover span .line,.MainNav li.onnav span .line,.MainNav li span a.sele .line{ width:100%; margin:0; left:0px; bottom:-1px;}
.MainNav .arr{ display:inline-block; position:absolute; z-index:2; width:100%; height:46px; left:0px; top:0px;}
.MainNav .arr i{ position:absolute; height:auto; background:none; right:20px; top:5px;transition: all ease 0.3s;}
.MainNav li.onnav .arr i{dis-moz-transform: translate(0, -3px) rotate(-180deg) !important;
	-ms-transform: translate(0, -3px) rotate(-180deg) !important;
	-o-transform: translate(0, -3px) rotate(-180deg) !important;
	transform: translate(0, -3px) rotate(-180deg) !important;}
.NavPull dl{ padding:0 !important; float:none;}
.slogo{ display:none;}
.NavPull { padding:0; line-height:24px; position:static;text-align:left; width:100% !important; border-radius:0; padding:4px 0;}
.NavPull dl{ width:auto !important; padding:0 !important; text-align:left !important;}
.NavPull dd{ display:block;}
.NavPull dd a{ display:block;padding:5px 0px 5px 0; background:transparent; color:#666;}
.NavPull dd a:hover{ color:#cc0000; background:transparent;}

.Header.Fixedtop .Logo,.Header.Fixedtop .Toper{ height:45px;}
.Header2{ display:none !important;}
}
/*Top*/


/*Bottom*/
.Footer{ background:url(../images/bottombg.jpg) center bottom no-repeat; clear:both; color:#4c4c4c; font-size:14px;}
.Footer .line{ background:url(../images/bottombg.gif) 0px bottom repeat-x; height:20px; margin-bottom:3%;}
.Footer .select{ width:100%; border:1px solid #e6e6e6; height:59px; color:#000000; font-size:18px; text-indent:1.5em;}
.Footer a{color:#4c4c4c;}.Footer a:hover{color:#ed2a33 !important;}
.Copyright{ border-top:1px solid #d9d9d9; line-height:26px; padding:14px 0;}
.Copyright .fl{max-width:60%}
.Copyright .fr{ position:absolute; right:0; top:0; text-align:right;}
.Footer .sitemap{ width:60%; float:right; line-height:34px; padding-bottom:3.2%;}
.Footer .sitemap dl{ width:14.2857%; float:left;}
.Footer .sitemap dt{ line-height:55px; color:#985f24; font-size:18px;}
.Footer .sitemap dt a{ color:#985f24;}
.Footer .left{ width:35%; float:left; padding-bottom:3%; position:relative;}
.Footer .left .logo{ padding:11px 0 25px;}
.Footer .left .link{ padding-bottom:20px;}
.Footer .left .link select{ width:190px; height:40px; border:1px solid #d9d9d9; font-size:14px; color:#333333;}
.Footer .left .ewm li{ float:left; padding-right:16px; text-align:center;}
.Footer .left .ewm li img{ display:block; width:83px; height:83px; margin-bottom:3px;}
.Footer .left .ewm li.last-child{ padding-right:0;}

.jbimg{ position:absolute; left:205px; top:86px; width:39%;}

.totop{text-align: center; cursor: pointer;overflow: hidden;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;  width:50px; height:50px; line-height:50px; background:#f8b842; color:#221713;}
.totop.cd-is-visible {visibility: visible;opacity: 1; cursor:pointer;}
.totop .iconfont { font-size:14px;}

@media ( max-width:1199px){
.Footer .left .ewm li{ padding-right:18px;}
.Copyright .fl{ text-align:center; float:none;}
.Copyright .fr{ text-align:center; position:static; float:none;}
}
@media ( max-width:1024px){
.Footer .left{ width:auto; float:none; text-align:center;}
.jbimg{ position:static; margin:0px auto;}
.Footer .left .ewm li{display:inline-block; float:none; padding:0 4px;}
.Footer .sitemap,.Footer .left .logo{ display:none;}
.Footer .left .link select { width:273px;height:35px;}
.Footer .line{ height:8px;}
.Copyright{ line-height:22px; text-align:center; font-size:12px; padding:10px 0;}
.Copyright dd{ float:none !important;}
.totop{width:35px; height:35px; line-height:35px; color:#fff;}
}
@media ( max-width:640px){
.Copyright .Contain{ margin:0 0;}
.Copyright span{ display:block;}
.Copyright span:nth-child(3){ margin-bottom:-22px;}
.Footer .left .ewm li img{ width:65px; height:65px;}
}
/*Bottom*/


/*首页 s*/
.homecss .totop{ display:none;}
.activehover{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.5);
	box-shadow: 0 15px 30px rgba(0,0,0,0.1);
	-webkit-transform: translate3d(0, -3px, 0);
	transform: translate3d(0, -3px, 0);}


/*第一屏 s*/
@-webkit-keyframes rightan
{
  from{ margin-top:-9px;opacity: 0;}
  to{ margin-top:0px;opacity: 1;}
}
.downarr{ position:absolute; left:0; bottom:0; z-index:100; width:100%;}
.downarr i{ display:block; -webkit-animation: rightan 1s infinite;-webkit-animation-fill-mode: both;width:21px; height:19px; background:url(../images/home/downarr.png); position:absolute; top:50%; left:50%; margin:-9px 0 0 -11px; z-index:999;}
.downarr img{ width:100%;}

.HomeBan {overflow:hidden; clear:both; position:relative;background:url(../images/loading.gif) center center no-repeat; height:100%;}
.HomeBan .slides li{ position:relative;background-position:center center; background-repeat:no-repeat; background-size:cover;}
.HomeBan .slides li a{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; z-index:2;}
.HomeBan .slides li img{ display:none;}
.HomeBan .slides li .txt{ position:absolute; width:60%; left:20%; bottom:8%;}
.HomeBan .slides li .txt img{ width:auto;}
.HomeBan .slides li .txt .p1{transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);-webkit-transform:scale(0);transition:all 1.8s 1s;}
.HomeBan .slides li .txt .p2{transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);-webkit-transform:scale(0);transition:all 1.5s 0.6s;}
.HomeBan .slides li .txt .p3{transform:translateY(300px);-webkit-transform:translateY(300px);opacity:0;transition:all 1s;}
.HomeBan .slides li.flex-active-slide .txt .p1,.HomeBan .slides li.flex-active-slide .txt .p2{transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);}
.HomeBan .slides li.flex-active-slide .txt .p3{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.HomeBan video{ width:100%;}
.HomeBan .flex-control-nav{bottom:15%; z-index:20; display:none;}
.HomeBan .flex-control-nav li{ margin:0 7px 0 6px; vertical-align:middle;}
.HomeBan .flex-control-nav li a{ opacity:1; width:12px; height:12px; background:#fff; border-radius:50%;}
.HomeBan .flex-control-nav li a.flex-active{opacity:1; background:#c5271e; width:15px; height:15px;}
.HomeBan .flex-direction-nav a { opacity: 0; background:rgba(0,0,0,0.2); color:#fff; width:70px; height:70px; line-height:70px; border-radius:0; font-size:50px;}
.HomeBan .flex-direction-nav .flex-prev {left:-70px;}
.HomeBan .flex-direction-nav .flex-next {right:-70px;}
.HomeBan:hover .flex-direction-nav .flex-prev { opacity:1; left:0;}
.HomeBan:hover .flex-direction-nav .flex-next { opacity:1; right:0;}
.HomeBan .flex-direction-nav a:hover { background:#ec1b24;}
.HomeBan .imgbox{ position:absolute; left:0; top:0; width:100%; height:100%;background-position:center center; background-repeat:no-repeat; background-size:cover;}

.HomeNotice{ display:none; width:100%; background:#feca13; color:#fff; height:50px; line-height:50px;overflow:hidden; left:0; top:140px; z-index:50; position:absolute;}
.HomeNotice .ti{ position:absolute; left:0; top:0; font-size:16px; color:#341d0e;}
.HomeNotice .ti .iconfont{ margin-top:-3px; display:inline-block;}
.HomeNotice .tit{ width:auto; display:inline;}
.HomeNotice .bd{ position:relative; margin-left:124px; font-size:14px; color:#8b5837;}
.HomeNotice a{ color:#8b5837;}.HomeNotice a:hover{ color:#a44000;}.HomeNotice span{ margin-left:48px;}
.HomeNotice .btn{ position:absolute; width:39px; right:0; height:16px; top:17px; background:url(../images/home/line.gif) center center no-repeat;}
.HomeNotice .prev{ cursor:pointer; position:absolute; left:0; top:5px; width:9px; height:6px; background:url(../images/home/arrt.png);}
.HomeNotice .next{ cursor:pointer; position:absolute; right:0; top:5px; width:9px; height:6px; background:url(../images/home/arrb.png);}

@media ( max-width:1600px){
.HomeBan .slides li .txt{ width:50%; left:25%;}
}
@media ( max-width:1440px){
.HomeBan .flex-direction-nav a {width:50px; height:50px; line-height:50px; font-size:40px;}
.HomeBan .flex-direction-nav .flex-prev {left:-50px;}
.HomeBan .flex-direction-nav .flex-next {right:-50px;}
}
@media ( max-width:1366px){
.HomeBan .slides li .txt{ width:38%; left:31%;}
}
@media ( max-width:1200px){
.HomeBan .slides li img{ display:block;}
}
@media ( max-width:1024px){
.HomeNotice{ height:40px; line-height:40px;}
.HomeNotice .content{padding-left:40px;}
.HomeNotice .content li{ width:auto; float:none;}
.HomeNotice .content li span{ padding-right:0%;}
.HomeBan {margin-top:45px;}
.HomeBan .slides li{ height:auto !important;}
.HomeBan .slides li img{ display:block;}
.HomeBan .flex-direction-nav { display:none;}
.HomeNotice{ top:0;}
.HomeNotice .btn{top:12px;}
}
@media ( max-width:640px){
.HomeBan {margin-top:45px; height:auto !important;}
.HomeBan .slides li{ height:auto !important;}
.HomeNotice .bd { margin-left:100px;}
.HomeNotice .tit{ width:80%; display:block;}
.downarr{ height:15px;}
.downarr i{ top:0;}
}
/*第一屏 end*/

.sec-2{ background:url(../images/home/culturebg.jpg) center bottom no-repeat; background-size:cover;}
.sec-2 .news li{transition: all ease 0.3s; width:26.33333%; margin-left:3%; float:left; background:#fff;transform:translateY(-150px);-webkit-transform:translateY(-150px);opacity:0;}
.sec-2.active .news li{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}

.sec-2 .tithead{ text-align:center; position:relative;}
.sec-2 .tithead i{ position:absolute; bottom:0; display:inline-block; height:20px; background:url(../images/home/titbg.gif);}
.sec-2 .tithead i.left{ width:45%; left:0;}
.sec-2 .tithead i.right{ width:45%; right:0;}
.sec-2 .tithead .ti{ display:block; position:relative; z-index:2; padding:30px 25px 0; margin:0px auto; width:40px; line-height:32px; background:url(../images/home/titbg1.gif) center bottom no-repeat; height:190px;font-size:32px; color:#fff;transform:translateY(-150px);-webkit-transform:translateY(-150px);opacity:0;transition:all 1s;}

.sec-2 .auto{ max-width:1500px; margin:0px auto;}
.sec-2 .list{ margin:2.5% 0 0 -3.3333%;}
.sec-2 .item{transform:translateY(150px);-webkit-transform:translateY(150px);opacity:0; padding:10px 0 35px;}
.sec-2 .item.i1{transition:all 1s 0.2s;}
.sec-2 .item.i2{transition:all 1s 0.4s;}
.sec-2 .item.i3{transition:all 1s 0.6s;}
.sec-2 .auto .box{ position:relative; margin:0 4%; height:450px; padding-top:50px;display: flex;justify-content: center;transition: all ease 0.3s; background:rgba(255,255,255,0.5)}
.sec-2 .auto .ti{ width:40px;writing-mode: ; margin-left:30px; position:relative; padding-right:60px; color:#673c20; line-height:40px; font-size:40px;}
.sec-2 .auto .ti span{ position:absolute; line-height:32px; right:-10px; top:12%; color:#eadfd3;}
.sec-2 .auto .ti span i{ display:block; width:2px; height:23px; margin-top:19px; background:#eadfd3;}
.sec-2 .auto .txt{writing-mode: tb-rl; font-size:20px; color:#985f24; line-height:40px;word-wrap:break-word;word-break:normal;text-align:justify; height:399px; background:url(../images/home/linebg.gif); border-right:1px solid #eadfd3;}
.sec-2.active .tithead .ti{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.sec-2.active .auto .item{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.sec-2 .flex-direction-nav  { display:none;}
.sec-2 .flex-direction-nav a {background:rgba(0,0,0,0.2); color:#fff; width:30px; height:40px; line-height:40px; border-radius:0; font-size:30px;}
.sec-2 .flex-direction-nav .flex-prev {left:0;}
.sec-2 .flex-direction-nav .flex-next {right:0;}
.sec-2 .flex-direction-nav .flex-disabled{ opacity:1 !important;}

@media ( max-width:1600px){
.sec-2 .auto{ width:88%;}
.sec-2 .tithead .ti{line-height:30px;height:160px; font-size:26px;}
.sec-2 .auto .ti{ margin-left:20px; padding-right:40px; font-size:30px;}
.sec-2 .auto .txt{font-size:18px; line-height:40px; height:330px;}
.sec-2 .auto .box{height:380px;}
}
@media ( max-width:1366px){
.sec-2 .tithead .ti{padding:0 15px;width:30px; line-height:25px;height:140px; font-size:20px;}
.sec-2 .auto .ti{ font-size:24px; line-height:32px;}
.sec-2 .auto .txt{font-size:16px;height:290px;}
.sec-2 .auto .box{ padding-top:30px;height:320px;}
}
@media ( max-width:1200px){
.sec-2 .auto{ padding-bottom:7%;}
.sec-2 .tithead .ti{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.sec-2 .auto .item{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
}
@media ( max-width:1024px){
.sec-2 .auto .box { height:260px; padding-top:20px;}
.sec-2 .auto .ti { font-size:18px; width:25px; padding-left:20px; line-height:20px;}
.sec-2 .auto .ti span{ top:0; right:0;}
.sec-2 .auto .ti span i{ margin-top:9px;}
.sec-2 .auto .txt { font-size:14px; height:240px; line-height:28px;background:url(../images/home/linebg2.gif);}
.sec-2 .flex-direction-nav  { display:block;}
.sec-2 .tithead i{ display:none;}
.sec-2 .tithead .ti{ display:block; width:150px; line-height:35px; padding:0; margin:12px auto -5px; height:auto; font-size:18px; background:#ec1b24;}
}

/*第二屏 end*/

.sec-3{ background:url(../images/home/sec3bg.jpg) center bottom no-repeat; background-size:cover;}
.sec-3 .Contain{ padding-top:8%;}
.sec-3 .info{ width:50%; float:left;transform:translateY(-150px);-webkit-transform:translateY(-150px);opacity:0;transition:all 1s;}
.sec-3 .info .p{ line-height:34px; color:#838383; margin:43px 0 38px;}
.sec-3 .ti{ font-size:50px; color:#231814; line-height:50px;}
.sec-3 .num li{ width:33.333%; color:#666666; height:166px; text-align:left; float:left; position:relative;}
.sec-3 .num li i{ position:absolute; right:20%; top:40px; height:1px; width:23%; font-size:0; background:#afafb0;}
.sec-3 .num li span{ display:block; font-family:"宋体"; line-height:49px; color:#333333; font-size:60px; margin-bottom:8px;}
.sec-3 .num li:last-child i{ display:none;}
.sec-3 .more a{ clear:both; display:block; width:200px; line-height:70px; color:#fff; text-align:center; font-size:20px; background:#ec1b24;transition: all ease 0.3s;}
.sec-3 .more a:hover{ background:#bf0008;}
.sec-3 .img{ width:49%; float:right;transform:translateY(150px);-webkit-transform:translateY(150px);opacity:0;transition:all 1s 0.4s; text-align:center;}
.sec-3.active .info,.sec-3.active .img {transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
@media ( max-width:1600px){
.sec-3 .ti{ font-size:36px; line-height:40px;}
.sec-3 .more a{ width:160px; line-height:50px; font-size:18px;}
.sec-3 .num li span{font-size:45px;}
.sec-3 .info .p{ line-height:30px; margin:30px 0 30px;}
}
@media ( max-width:1366px){
.sec-3 .ti{ font-size:28px;}
.sec-3 .info .p{ line-height:26px; margin:20px 0 20px;}
.sec-3 .num li{height:110px;}
.sec-3 .num li span{font-size:38px; line-height:38px;}
.sec-3 .num li i{top:20px;}
}
@media ( max-width:1200px){
.sec-3 .info,.sec-3 .img {transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.sec-3 .Contain{ padding:7% 0;}
}
@media ( max-width:1024px){
.sec-3 .info{ width:auto; float:none;}
.sec-3 .img{ width:auto; float:none;}
.sec-3 .ti{ font-size:20px;}
.sec-3 .info .p{ margin:10px 0; line-height:24px;}
.sec-3 .more a{ width:120px; line-height:40px; font-size:14px;}
.sec-3 .num li{ height:78px;}
.sec-3 .num li span{ font-size:26px; line-height:26px;}
}
/*第三屏 end*/

.sec-4{ overflow:hidden;}
.sec-4 .tithead{ text-align:center; position:absolute; left:0; top:25%; width:100%;}
.sec-4 .tithead span{ display:inline-block; border-top:1px solid rgba(139,88,55,0.3); border-bottom:1px solid rgba(139,88,55,0.3); line-height:81px; color:#673c20; font-size:44px; width:228px;transition: all ease 0.3s;}
.sec-4 .tithead .iconfont{ font-size:34px; font-weight:normal; margin-left:10px;}
.sec-4 .tithead:hover span{ width:60%; color:#ec1b24;}
.sec-4 .left{ width:50%; height:100%; position:absolute; left:0; background-position:center center; background-repeat:no-repeat; background-size:cover;display: flex;align-items: center;justify-content: center;}
.sec-4 .left .tithead{/*transform:translateY(-150px);-webkit-transform:translateY(-150px);opacity:0;transition:all 1s;*/}

.sec-4 .right{ position:absolute; right:0; height:100%; width:50%;}
.sec-4 .col1{ position:absolute; left:0; top:0; padding:0 6%; width:88%; height:100%; background: #fff1ba url(../images/home/sec4_zyfw.jpg) right bottom no-repeat;}
.sec-4 .col1 .ti{ line-height:128px; color:#3e2318; position:relative; font-size:44px;/* transform:translateX(250px);-webkit-transform:translateX(250px);opacity:0;transition:all 1s 0.8s;*/}
.sec-4 .col1 a.more{ position:absolute; right:0; color:#231815; font-size:18px;}
.sec-4 .col1 a:hover.more{color:#231815;}
.sec-4 .col1 li{line-height:24px; height:133px; font-size:14px;transition: all ease 0.3s; margin-bottom:24px; border-bottom:1px solid #f5e8b3;}
.sec-4 .col1 li .box{padding-left:110px; position:relative;}
.sec-4 .col1 li .date{ text-align:center; border:1px solid #985f24; line-height:20px; color:#985f24; font-size:14px; position:absolute; left:0; top:0; width:78px; height:78px;}
.sec-4 .col1 li .date i{ display:block; line-height:43px; padding-top:5px; font-size:30px;}
.sec-4 .col1 li .tit{ line-height:28px; font-size:18px; color:#341d0e;}
.sec-4 .col1 li .p{-webkit-line-clamp: 2; color:#8b5837; height:48px; margin:5px 0 9px;}
.sec-4 .col1 li .more{ color:#706f6c;transition: all ease 0.3s;}
.sec-4 .col1 li:hover .tit{ color:#ed2a33;}
.sec-4 .col1 li:hover .more{ margin-left:15px;color:#ed2a33;}
.sec-4 .col1 li:last-child{ border-bottom:0; margin-bottom:0;}

.sec-4 .col2{ width:55%; height:55%; position:absolute; bottom:0; left:0; background-position:center center; background-repeat:no-repeat; background-size:cover;display: flex;align-items: center;justify-content: center;}
.sec-4 .col2 .tithead{ top:20%;/*transform:translateY(150px);-webkit-transform:translateY(150px);opacity:0;transition:all 1s 0.3s;*/}
.sec-4 .col3{ width:45%; height:27.5%; position:absolute; bottom:27.5%; right:0; background-position:center center; background-repeat:no-repeat; background-size:cover;display: flex;align-items: center;justify-content: center;}
.sec-4 .col3 span{ display:inline-block; color:#fff; padding:0 38px; line-height:59px; font-size:44px; background:#ec1b24;transition: all ease 0.3s;transform:translateY(150px);-webkit-transform:translateY(150px);opacity:0;transition:all 1s 0.6s;}
.sec-4 .col3:hover span{ padding:0 50px;}

.sec-4 .col4{ width:45%; height:27.5%; position:absolute; bottom:0; right:0; background:url(../images/home/sec4_more.jpg) repeat; background-size:cover;display: flex;align-items: center;justify-content: center;}
.sec-4 .col4 a{transition: all ease 0.3s; display:inline-block; width:80px; height:80px; background: #ec1b24 url(../images/home/more.png) center center no-repeat;transform:translateY(150px);-webkit-transform:translateY(150px);opacity:0;transition:all 1s 0.8s;}
.sec-4 .col4 a:hover{ width:100px; height:100px;}

.sec-4.active .left .tithead,.sec-4.active .col2 .tithead,.sec-4.active .col3 span,.sec-4.active .col4 a {transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.sec-4.active .col1 .ti{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}
@media ( max-width:1600px){
.sec-4 .col1{height:48%;}
.sec-4 .col1 .ti{ line-height:90px; font-size:28px;}
.sec-4 .col1 li{height:120px; margin-bottom:15px;}
.sec-4 .col2{ height:52%;}
.sec-4 .col3{height:26%; bottom:26%;}
.sec-4 .col4{ height:26%;}
.sec-4 .col1 .ti,.sec-4 .tithead span,.sec-4 .col3 span{ font-size:28px;}
}
@media ( max-width:1366px){
.sec-4 .col1{height:50%;}
.sec-4 .col1 li{height:110px; margin-bottom:10px;}
.sec-4 .col1 li .tit { line-height:24px;}
.sec-4 .col1 .ti{font-size:24px;}
.sec-4 .col1 li .p{ margin-bottom:0;}
.sec-4 .col2{ height:50%;}
.sec-4 .col3{ height:25%; bottom:25%;}
.sec-4 .col3 span{font-size:24px; line-height:45px; padding:0 20px;}
.sec-4 .col4{ height:25%;}
.sec-4 .tithead span{line-height:50px; width:180px; font-size:24px;}
.sec-4 .col4 a{width:50px; height:50px;}
.sec-4 .col4 a:hover{ width:50px; height:50px;}
}
@media ( max-width:1200px){
.sec-4 .left,.sec-4 .col2,.sec-4 .col3,.sec-4 .col4 {transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.sec-4 .col1 .ti{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}

.sec-4 .left{ padding-top:660px; position:static; float:left;}
}
@media ( max-width:1024px){
.sec-4 .left{ padding-top:200px; float:none; width:auto;}
.sec-4 .right{ position:static; width:auto;}
.sec-4 .col1{ position:static; height:auto; width:auto; padding:0 15px;}
.sec-4 .col1 .ti{ font-size:18px;}
.sec-4 .col1 a.more{ font-size:14px;}
.sec-4 .col2{ height:200px; position:static; width:auto;}
.sec-4 .col2 .tithead{ top:8%;}
.sec-4 .col3{ float:left; position:static; height:100px; width:50%;}
.sec-4 .col4{ float:left; position:static; height:100px; width:50%;}
.sec-4 .col1 li .date{ width:55px; height:55px; font-size:12px;}
.sec-4 .col1 li .date i{ line-height:24px; font-size:18px;}
.sec-4 .col1 li .box { padding-left:70px;}
.sec-4 .col1 li .tit{ font-size:15px;}
.sec-4 .tithead { top:16%;}
.sec-4 .tithead span { line-height:40px; font-size:18px;}
.sec-4 .col3 span{ font-size:18px;}
}
/*第四屏 end*/

.sec-5{ background:url(../images/home/sec5bg.jpg) center top no-repeat; background-size:cover;}
.sec-5 .Contain{ padding-top:5%;}
.sec-5 .tithead{ line-height:70px; border-bottom:1px solid #985f24; margin-bottom:3%;transform:translateY(-150px);-webkit-transform:translateY(-150px);opacity:0;transition:all 1s 0.1s;}
.sec-5 .tithead .nav{ float:right; font-size:18px;}
.sec-5 .tithead .nav a{ color:#231815;}
.sec-5 .tithead .nav a.on{ color:#ec1b24;}
.sec-5 .tithead .nav i{ display:inline-block; width:30px; text-align:center; vertical-align:middle;}
.sec-5 .tithead .nav a:last-child i{ display:none;}
.sec-5 .tithead h2{ float:left; color:#231815; font-size:32px;}

.sec-5 .more { clear:both; padding-top:1%;transform:translateY(50px);-webkit-transform:translateY(50px);opacity:0;transition:all 1s 0.9s;}
.sec-5 .more a{transition: all ease 0.3s; display:block; margin:0px auto; width:80px; height:80px; background: #ec1b24 url(../images/home/more.png) center center no-repeat;}
.sec-5 .more a:hover{ width:100px; height:100px;}
.sec-5 .WorkList li .box { padding-top:15px; height:228px;}
.sec-5 .WorkList li {transform:translateY(50px);-webkit-transform:translateY(50px);opacity:0;}
.sec-5 .WorkList li.li1 {transition:all 1s 0.3s;}
.sec-5 .WorkList li.li2 {transition:all 1s 0.4s;}
.sec-5 .WorkList li.li3 {transition:all 1s 0.5s;}
.sec-5 .WorkList li.li4 {transition:all 1s 0.6s;}
.sec-5 .WorkList li.li5 {transition:all 1s 0.7s;}
.sec-5 .WorkList li.li6 {transition:all 1s 0.8s;}

.sec-5.active .tithead{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.sec-5.active .WorkList li {transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.sec-5.active .more {transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
@media ( max-width:1600px){
.sec-5 .Contain{ padding-top:2%;}
.sec-5 .WorkList li .box { padding-top:10px; height:200px;}
.sec-5 .WorkList li .p { margin-bottom:12px;}
.sec-5 .WorkList li .more{ padding-top:10px;}
}
@media ( max-width:1366px){
.sec-5 .tithead{ line-height:50px; margin-bottom:2%;}
.sec-5 .tithead h2{font-size:24px;}
.sec-5 .tithead .nav{font-size:16px;}
.sec-5 .WorkList li .tit { font-size:16px;}
.sec-5 .WorkList li .p{ margin:0 0 5px;}
.sec-5 .WorkList li .box { height:175px;}
.sec-5 .more a{width:50px; height:50px;}
.sec-5 .more a:hover{ width:65px; height:65px;}
}
@media ( max-width:1200px){
.sec-5 .tithead{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.sec-5 .WorkList li {transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.sec-5 .more {transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
}
@media ( max-width:1024px){
.sec-5 .tithead h2{font-size:18px;}
.sec-5 .tithead .nav{font-size:15px;}
.sec-5 .tithead .nav i{width:12px;}
.sec-5 .WorkList li .box{ height:155px;}
.sec-5 .WorkList li.li4,.sec-5 .WorkList li.li5,.sec-5 .WorkList li.li6 { display:none;}
}
/*第五屏 end*/

/*首页 end*/


/*栏目页公用样式 s*/
.SubPage{ height:auto !important;min-height:300px; height:300px;padding-top:3%;padding-bottom:3.5%;}
.SubBan{ overflow:hidden; position:relative;}
.SubBan .txt{ display:none; position:absolute; top:14%; left:0; text-align:center; width:100%;}
.SubBan img{ width:100%;}

.ColumnName{ text-align:center; font-size:15px; color:#333; background:#feda00; border-top:1px solid #fdbc00; display:none; line-height:38px; position:relative;}
.ColumnName span{ display:inline-block; border-bottom:1px solid #fff; padding-bottom:22px;}
.ColumnName .arr{ position:absolute; width:30px; right:10px; top:0;transition: all ease 0.3s;}
.ColumnName .iconfont{ font-size:20px;}
.ColumnName.on .arr{dis-moz-transform: translate(0, -3px) rotate(-180deg) !important;
	-ms-transform: translate(0, -3px) rotate(-180deg) !important;
	-o-transform: translate(0, -3px) rotate(-180deg) !important;
	transform: translate(0, -3px) rotate(-180deg) !important;}

.SubMenu{ line-height:60px;clear:both; text-align:center; position:relative; z-index:5; background:#faf8f5;}
.SubMenu ul{ float:left;}
.SubMenu li{float:left; position:relative}
.SubMenu li a{ z-index:1; position:relative; z-index:1; display:block; font-size:16px; padding:0 28px; color:#000000;}
.SubMenu li .bg{ position:absolute; z-index:0; width:100%; bottom:0px; height:0; left:0; background:#fff;transition: all ease 0.3s; font-size:0;}
.SubMenu li:hover .bg,.SubMenu li.onli .bg{ height:100%;}
.SubMenu li a:hover,.SubMenu li.onli a{ color:#ed2a33;}
.SubMenu .place{ float:right; font-size:15px;}
.SubMenu .place a{ color:#666666;}
.SubMenu .place a:hover,.SubMenu .place span{ color:#ec1b24;}

.NewsInfo{ max-width:1100px; margin:0px auto;}
.SinglePage{word-wrap:break-word;word-break:normal;text-align:justify; line-height:28px; color:#000 !important;}
.SinglePage p{ text-indent:2em;}

.SinglePageSz{word-wrap:break-word;word-break:normal;text-align:justify; line-height:28px; color:#000 !important;}


@media ( max-width:1024px){
.SubPage{padding-top:22px;padding-bottom:28px;}
.SubBan .txt{ width:34%; left:33%; top:10%;}

.ColumnName{ display:block;}
.SubMenu{ border-bottom:0; margin-top:-20px; background:none; line-height:35px;}
.SubMenu ul{ display:none; float:none; background:#faf8f5; margin:0; padding:0 15px;}
.SubMenu li{text-align:left; width:auto; float:none; border-bottom:1px solid #f2f1f0;}
.SubMenu .ico{ display:inline-block; vertical-align:middle; margin:2px 6px 0 0; width:25px; height:22px;}
.SubMenu li .i1,.SubMenu li .i2{width:25px; height:22px;}
.SubMenu li a{font-size:16px; padding:0 0 0 12px; border-left:0; border-right:0; line-height:35px; height:auto;}
.SubMenu li .bg{ display:none;}
.SubMenu li:last-child{ border-bottom:0;}
.SubMenu .place{ float:none; text-align:right;}

.Subtit{ padding-bottom:20px;}
.Subtit .en{font-size:24px;line-height:35px;}
.Subtit .cn{font-size:16px;line-height:48px;}

.SinglePage{line-height:24px;}
.SinglePage img{ max-width:100% !important;}

.SinglePageSz{line-height:24px;}
.SinglePageSz img{ max-width:100% !important;}
}
/*栏目页公用样式 end*/


/*关于我们 s*/
.Stit{ font-size:36px; color:#000; margin-bottom:30px; line-height:36px;}
.Stit i{ display:block; width:40px; height:20px; border-bottom:3px solid #fece3c;}
.Stit2{ margin-bottom:10px; color:#673c20; font-size:24px;}

.AboutInfo{ background:url(../images/aboutbg.jpg) 0px bottom no-repeat;}
.AboutInfo.fzlc{ background:url(../images/aboutbg3.jpg) 0px bottom no-repeat;}
.AboutInfo .info{ width:60%; float:left; padding:4.5% 0 4.5%;}
.AboutInfo .img{ width:37%; float:right; text-align:center;}
.Graybg{ padding:4% 0 4%; background:#fbfbfb url(../images/aboutbg2.jpg) right bottom no-repeat;}
.SubNav{ text-align:center; padding-bottom:3.8%;}
.SubNav a{ display:inline-block; border-radius:5px; width:148px; margin:0 10px; line-height:48px; border:1px solid #dddddd; background:#fff; color:#333333;}
.SubNav a:hover,.SubNav a.on{ border:1px solid #fece3c; background:#fece3c;}
.AboutInfo2 .img{ text-align:center; width:48%; float:left;}
.AboutInfo2 .info{ width:48%; float:right; padding-top:3.3%;}
.SubNav img{float:right;width:15%;margin-top:-20px}
.AboutInfo3{ background:url(../images/fzlcbg.jpg) 0px center no-repeat;padding:3.6% 0; margin-bottom:4%; position:relative;}
.AboutInfo3 .auto{ background:#f8f5ec; position:relative; padding:3% 30% 3% 3%; margin-left:12%; color:#333333; line-height:28px;}
.AboutInfo3 .auto .img{ position:absolute; right:14%; top:27%; width:30%; text-align:center;}

.HistoryBg{ padding:3% 0 4%; background:url(../images/historybg.jpg) center top no-repeat; background-size:cover;}
.History{ background:url(../images/linebg.gif) center top repeat-y; position:relative; padding-top:48px;}
.History .dot{ border-radius:50%; position:absolute; width:14px; height:14px; border:2px solid #d9d9d9; top:0; left:50%; margin-left:-9px; background:#fff;}
.History .item{ clear:both; position:relative; width:46%; padding:0 4% 4% 0;}
.History .item .txt{ background:#f8f5ec; margin-bottom:20px; line-height:34px; color:#985f24; padding:25px 38px;}
.History .item .year{ font-size:42px; color:#3d231c; position:absolute; right:-153px; top:15%; text-align:right; width:161px; background:url(../images/dot1.png) 0px center no-repeat;}
.History .item.next{ float:right; clear:none; padding-right:0; padding-left:4%;}
.History .item.next .year{ right:auto;left:-153px;text-align:left; background-position:right center;}
.History .item:hover .year{background-image:url(../images/dot01.png); color:#fece3c;}

.Culture{}
.Culture li{ float:left; position:relative;transition: all ease 0.3s;}
.Culture li .box{ z-index:2; position:absolute; color:#341d0e; left:0; top:0; width:80%; height:100%;display:flex;justify-content:center;flex-direction: column; padding:0 10%;}
.Culture li .box h2{ font-size:22px; color:#673c20; margin-bottom:14px;}
.Culture li.li1{ width:50%; text-align:center;}
.Culture li.li1 .imgbox{ height:800px;}
.Culture li.li1 .box h2,.Culture li.li4 .box h2,.Culture li.li7 .box h2{ font-size:32px; margin-bottom:18px;}
.Culture p{ text-indent:0em;}


.Culture .ico{ margin-bottom:35px;}
.Culture li.li2{ width:50%;}
.Culture li.li2 .imgbox{ height:400px;}

.Culture li.li3{ width:25%;}
.Culture li.li3 .imgbox{ height:400px;}

.Culture li.li4{ width:25%; text-align:center;}
.Culture li.li4 .imgbox{ height:400px;}
.Culture li.li4 .ico{ margin-bottom:10px;}

.Culture li.li5{ width:25%;}
.Culture li.li5 .imgbox{ height:400px;}
.Culture li.li5 .box { color:#fff1ba;}
.Culture li.li5 .box h2{ color:#fecf40;}

.Culture li.li6{ width:25%;}
.Culture li.li6 .imgbox{ height:400px;}

.Culture li.li7{ width:50%; text-align:center;}
.Culture li.li7 .imgbox{ height:400px;}

.Culture li :hover .ico {
  -webkit-animation: icon-bounce 0.5s alternate;
  -moz-animation: icon-bounce 0.5s alternate;
  -o-animation: icon-bounce 0.5s alternate;
  animation: icon-bounce 0.5s alternate;
}

.ActiveList { padding-bottom:15px; margin:2%;}

.ActiveList li{ width:33.333%; float:left; font-size:14px; line-height:24px;}
.ActiveList .box{ padding:6% 10%; border-left:2px solid #faf8f5;transition: all ease 0.3s;}
.ActiveList .date{ line-height:50px; color:#985f24;}
.ActiveList .ti{ height:60px; overflow:hidden; color:#3d231c; font-size:20px; margin-bottom:24px; color:#985f24;}
.ActiveList .imgbox{ padding-top:55%;}
.ActiveList .p{ margin:26px 0 28px; height:48px;-webkit-line-clamp: 2; color:#000000;}
.ActiveList .more{ color:#985f24;}
.ActiveList li:nth-child(3n+1) .box{ border-left:2px solid #fff;}
.ActiveList li:hover .box{ background:#fece3c;}
.ActiveList li:hover .ti,.ActiveList li:hover .more{ color:#3d231c;}
.ActiveList li:hover .p{ color:#644522;}

.Member{ max-width:840px; margin:0px auto;}
.Member .item{ background: #f9f9f9 url(../images/memberbg.gif) right bottom no-repeat; padding:14px 30px 14px 165px; position:relative; height:auto !important; height:92px; min-height:92px; color:#666666; margin-bottom:10px;}
.Member .item .name{ position:absolute; left:0; text-align:center; top:0;display: flex;align-items: center;justify-content: center; color:#333333; font-size:22px; background:#ffda01; width:140px; height:100%;}
.Member .item p{ text-indent:0em;}

@media ( max-width:1440px){
.Stit{ font-size:28px;}
.AboutInfo3 .auto .img{right:4%;}
.History .item .year{ font-size:32px;}
.ActiveList .ti{ height:56px; font-size:17px; margin-bottom:14px;}
.ActiveList .p{ margin:15px 0 15px;}
.ActiveList .date{ line-height:35px;}

.Culture li .box h2{ font-size:18px; margin-bottom:5px;}
.Culture li.li1 .box h2,.Culture li.li4 .box h2,.Culture li.li7 .box h2{ font-size:22px; margin-bottom:10px;}
}
@media ( max-width:1024px){
.Stit{ font-size:18px; line-height:24px; margin-bottom:15px;}
.Stit i{ width:30px; height:10px;}
.Graybg{ padding:30px 0;}
.AboutInfo .info,.AboutInfo2 .info{ width:auto; float:none; padding:20px 0 15px;}
.AboutInfo .img{ width:55%; margin:0px auto; float:none;}
.AboutInfo2 .img{ width:auto; float:none;}
.SubNav a{ margin:0 5px; width:90px; line-height:35px;}
.AboutInfo3{ background-size:cover; padding:3%;}
.AboutInfo3 .auto{ padding:3%; margin-left:0; line-height:24px;}
.AboutInfo3 .auto .img{ position:static; width:auto;}
.Stit2{font-size:16px; margin-bottom:5px;}

.History{ background-position:8px top; padding-top:0;}
.History .dot{ left:0; margin:0;}
.History .item{ width:auto; margin-left:70px; padding:0 0 10px !important;}
.History .item .year{ right:auto; width:55px; left:-70px !important; font-size:16px; top:10%;}
.History .item .txt{margin-bottom:12px; line-height:26px; padding:15px;}
.History .item.next{ float:none;}
.History .item.next .year{ text-align:right; background-position:0 center;}

.ActiveList .ti{ height:48px; font-size:16px;}
.ActiveList .date{ line-height:24px;}
}
@media ( max-width:768px){
.Culture .ico{ margin:0px auto 15px; width:50px;}

.Culture li.li1{ width:auto; float:none;}
.Culture li.li2{ width:auto; float:none; }
.Culture li.li3{ width:50%;}
.Culture li.li4{ width:50%;}
.Culture li.li5{ width:50%;}
.Culture li.li6{ width:50%;}
.Culture li.li7{ width:auto; float:none; clear:both;}
.Culture li.li1 .imgbox,.Culture li.li2 .imgbox,.Culture li.li3 .imgbox,.Culture li.li4 .imgbox,.Culture li.li5 .imgbox,.Culture li.li6 .imgbox,.Culture li.li7 .imgbox{ height:250px;}
.Culture li .box h2{ font-size:16px; margin-bottom:0px;}
.Culture li.li1 .box h2,.Culture li.li4 .box h2,.Culture li.li7 .box h2{ font-size:18px; margin-bottom:5px;}

.ActiveList li{ width:50%;}
.ActiveList .box{ padding:5% 5%;}
.ActiveList .ti{font-size:15px;}
.ActiveList .p{ margin:5px 0 5px; height:auto;}
.ActiveList li:nth-child(3n+1) .box{ border-left:2px solid #faf8f5;}
.ActiveList li:nth-child(2n+1) .box{ border-left:2px solid #fff;}

.Member .item{padding:14px 14px 14px 80px;}
.Member .item .name{font-size:16px; width:70px;}
}


/*党的建设 s*/
.NewsFocus{ overflow:hidden; position:relative; margin-bottom:40px; width:66%; float:left;}
.NewsFocus .slides li{ position:relative;}
.NewsFocus .imgbox{ padding-top:540px;}
.NewsFocus .imgbox em{ position:absolute; padding:0 5%; width:90%; line-height:80px; font-size:20px; background:rgba(0,0,0,0.6); color:#fff; z-index:3; left:0; bottom:0;}
.NewsFocus .imgbox em .tit{ width:72%;}
.NewsFocus .flex-direction-nav{ display:none;}
.NewsFocus .flex-control-nav{ right:0;width:155px; bottom:20px;}
.NewsFocus .flex-control-paging li { margin:0 5px; vertical-align:middle;}
.NewsFocus .flex-control-paging li a{width: 8px; height: 8px; text-indent:999em; background:#b5b5b5; border-radius:50%;}
.NewsFocus .flex-control-paging li a.flex-active{background:#fece3c; width:24px; height:10px; border-radius:5px;}
.NewsRight{ float:right; width:34%;}
.NewsRight li{ margin:0 0 5px 20px;}
.NewsRight li a{display: flex;align-items: center; padding:0 30px; height:104px; color:#8b5837; font-size:18px; background:#f7f7f7;transition: all ease 0.3s;}
.NewsRight li:hover a{ background:#fece3c; color:#3d231c;}

.WorkList{ margin:0 0 1.5% -20px; padding-bottom:10px;}
.WorkList li{ width:33.333%; float:left;}
.WorkList li .box{ margin:0 0 20px 20px; padding:35px 40px 0; height:245px; background:#f7f7f7;transition: all ease 0.3s;}
.WorkList li .date{ line-height:42px; color:#985f24;}
.WorkList li .tit{ font-size:18px; color:#985f24;}
.WorkList li .p{ font-size:14px; line-height:24px;-webkit-line-clamp: 2; color:#000000; height:48px; margin:12px 0 29px;}
.WorkList li .more{ color:#985f24; font-size:14px; border-top:1px solid #e6e6e6; font-family:"宋体"; padding-top:21px;}
.WorkList li:hover .tit{ color:#ed2a33;}
.WorkList.news{ margin:0 0 2% 2px;}
.WorkList.news li .box{ margin:0 0 2px 2px;background:#fbfbfb;}
.WorkList.news li:nth-child(2n+1) .box{background:#f8f5ec;}

.NewsList{ margin:0 0 1.5% 0; padding-bottom:10px;}
.NewsList li{ width:50%; float:left; line-height:24px; margin:0 0 0 0; font-size:14px;transition: all ease 0.3s;}
.NewsList li .box{ margin:4%; padding-left:121px; position:relative;}
.NewsList li .date{ text-align:center; border:1px solid #985f24; line-height:20px; color:#985f24; font-size:14px; position:absolute; left:0; top:0; width:78px; height:78px;}
.NewsList li .date b{ display:block; line-height:43px; padding-top:5px; font-size:32px;}
.NewsList li .tit{ padding-top:6px; line-height:39px; font-size:18px; color:#985f24;}
.NewsList li .ly{ display:none;color:#666666;}
.NewsList li .p{ font-size:14px;-webkit-line-clamp: 3; color:#000000; height:72px; margin:21px 0 19px;}
.NewsList li .more{ color:#985f24;}.NewsList li .more i{font-family:"宋体";}
.NewsList li:hover .tit{ color:#ed2a33;}

@media ( max-width:1440px){
.NewsFocus{margin-bottom:25px;}
.NewsFocus .imgbox{ padding-top:420px;}
.NewsRight li a{ padding:0 20px; height:80px;font-size:16px;}
.NewsFocus .imgbox em{line-height:50px; font-size:16px;}
.NewsFocus .flex-control-nav{bottom:12px;}
.WorkList li .box{ padding:20px 30px 0; height:220px;}
}
@media ( max-width:1024px){
.NewsRight li a{ font-size:15px;}
.WorkList li .tit{ font-size:16px;}
}
@media ( max-width:768px){
.NewsFocus{ width:auto; float:none;}
.NewsRight{ display:none;}
.NewsFocus .imgbox{ padding-top:60%;}
.WorkList li{ width:50%;}
.WorkList li .box{ margin:0 0 10px 10px; padding:15px 15px 0; height:165px;}
.WorkList li .date{ line-height:32px;}
.WorkList li .tit{ font-size:15px !important;}
.WorkList li .p{margin:5px 0 8px;}
.WorkList li .more{padding-top:8px; font-size:12px;}

.NewsList li{ width:auto !important; float:none;}
.NewsList li .box{ margin:0; padding:10px 10px 10px 65px;}
.NewsList li .date{ width:55px; height:55px; font-size:12px; top:10px;}
.NewsList li .date b{ line-height:24px; font-size:18px;}
.NewsList li .tit{ padding-top:0px; line-height:28px; font-size:15px;}
.NewsList li .p{ -webkit-line-clamp: 2; height:auto; margin:5px 0 5px;}

}
@media ( max-width:580px){
.WorkList li{ width:auto; float:none;}
}


/*社会责任 s*/
.ShList{ margin-bottom:2%; padding-bottom:10px;}
.ShList li{ padding:3%;transition: all ease 0.3s;}
.ShList .date{ line-height:30px; position:absolute; text-align:center; width:80px; height:80px; right:0; top:50%; margin-top:-40px; z-index:2; background:#985f24; color:#fff; font-size:14px;}
.ShList .date b{ display:block; font-size:32px; padding-top:12px;}
.ShList .imgbox{ width:33%; float:left; padding-top:300px;}
.ShList .info{ width:64%; float:right; padding-top:33px;}
.ShList .tit{ font-size:20px; color:#333333;}
.ShList .tit i{ width:30px; height:25px; border-bottom:1px solid #985f24; display:block; margin-bottom:26px;}
.ShList .p{ height:60px;-webkit-line-clamp: 2; color:#666666;}
.ShList .more{ margin-top:41px; text-align:center; font-size:14px; color:#985f24; width:150px; line-height:46px; background:#f5f5f5;}
.ShList .more i{ font-family:"宋体";}
.ShList :hover .more{ background:#fece3c; color:#985f24;}

.ShgyList{ position:relative;}
.ShgyList .Stit{ position:absolute; left:74px; top:3%;}
.ShgyList li{position:relative; padding-bottom:60px; margin-bottom:60px;}
.ShgyList .imgbox{ width:60%; float:right; padding-top:620px; z-index:2;}
.ShgyList .info{transition: all ease 0.3s; position:absolute; left:0; bottom:0; color:#985f24; width:33%; padding:5% 12% 0 4%; height:439px; background:#f8f5ec;}
.ShgyList .ti{ font-size:24px; line-height:34px; height:68px; color:#673c20;}
.ShgyList .date{color:#985f24; margin-bottom:10px;}
.ShgyList .p{color:#666666; margin-top:35px; border-top:1px solid #e6e6e6; padding-top:47px; height:150px; overflow:hidden;}
.ShgyList li.next .imgbox{ float:left;}
.ShgyList li.next .info{ left:auto; right:0; padding-left:12%; padding-right:4%;}

@media ( max-width:1440px){
.ShList .imgbox{padding-top:245px;}
.ShList .info{ padding-top:20px;}
.ShList .p{ height:56px;}
.ShList .tit{ font-size:17px;}
.ShList .more{ margin-top:20px;}

.ShgyList .Stit{left:50px; top:1%;}
.ShgyList li{padding-bottom:40px; margin-bottom:40px;}
.ShgyList .ti{ font-size:20px; line-height:28px; height:56px;}
.ShgyList .p{ margin-top:20px; padding-top:20px; height:130px;}
.ShgyList .imgbox{padding-top:400px;}
.ShgyList .info{padding:3% 12% 0 4%; height:320px;}
}
@media ( max-width:1024px){
.ShList .p{ height:48px;}
.ShList .imgbox{ padding-top:185px;}
.ShList .tit{ font-size:16px;}
.ShList .tit i{ height:12px; margin-bottom:10px;}
.ShList .more{ width:120px; line-height:35px;}

.ShgyList .Stit{ display:none;}
.ShgyList li{padding-bottom:0; margin-bottom:18px;}
.ShgyList .imgbox{ width:auto; float:none !important; padding-top:55%;}
.ShgyList .ti{ height:auto; font-size:16px;}
.ShgyList .info{ position:static; padding:15px; height:auto; width:auto;}
.ShgyList .p{ height:72px; margin-top:10px; padding-top:10px;}
.ShgyList .date{ margin-bottom:0;}
}
@media ( max-width:768px){
.ShList .imgbox{ padding-top:120px;}
.ShList .info{padding-top:5px;}
.ShList .tit{ font-size:15px;}
.ShList .tit i{ height:5px; margin-bottom:5px;}
.ShList .more{ margin-top:5px; width:88px; line-height:30px;}
.ShList .date{ line-height:20px; width:50px; font-size:12px; bottom:0; top:auto; height:50px; margin-top:-25px;}
.ShList .date b{font-size:18px; padding-top:5px;}
}


/*为您服务 s*/
.Brandimg .sj{ display:none;}
.Brandimg .pc img{ width:100%;}

.BrandNav{ position:relative;}
.BrandNav ul{ margin-right:200px;}
.BrandNav li{ position:relative; width:12.8%;transition: all ease 0.3s; float:left; cursor:pointer; background:url(../images/brandbg.jpg) right bottom no-repeat; background-size:cover;}
.BrandNav .box{ overflow:hidden; height:220px; color:#673c20; font-size:18px; border-left:1px solid #e6e6e6;display:flex;justify-content:center;align-items:center;flex-direction: column;}
.BrandNav .box span{ font-weight:bold; display:block; font-size:24px;}
.BrandNav li .info{ overflow:hidden; opacity:0; position:absolute; left:0; top:0; width:84%; padding:0 8%; height:220px;}
.BrandNav li.on{ width:23.2%; color:#341d0e;}
.BrandNav li.on .info{ opacity:1; z-index:2;background:url(../images/brandbg2.jpg) right bottom no-repeat; background-size:cover;}
.BrandNav li.on .info .ti{ font-size:24px; padding:18px 0 12px; font-weight:bold; text-align:center;}
.BrandNav .cpjb{ position:absolute; right:0; top:0; background:url(../images/cpjbbg.jpg); background-size:cover; width:200px;}
.BrandNav .cpjb a{display:flex;justify-content:center;align-items:center;flex-direction: column; height:220px; color:#673c20; font-size:24px; font-weight:bold;}
.BrandNav .cpjb a img{ display:block; width:40px; height:40px; margin:0px auto 25px;}

.formbox{ margin:0 0 25px 0; position:relative;}
.formbox ul{ margin-right:200px;}
.formbox li{ width:31.333%; float:left; padding:0 2% 15px 0;}
.formbox .box{ border:1px solid #dddddd; height:68px; padding-left:90px; position:relative;}
.formbox .box select{ text-indent:0em; border:0; font-size:16px; background:none; width:100%; height:68px; color:#666666;}
.formbox .box input{font-size:16px; background:none; width:100%; height:68px; color:#666666;}
.formbox .box .ico{ left:0; top:0; line-height:67px; position:absolute; width:68px; text-align:center; background:url(../images/line2.gif) right center no-repeat; color:#000000;}
.formbox .box .ico .iconfont{ font-size:28px;}

.formbox .sendbtn{ position:absolute; right:0; top:0; background:#fece3c; color:#3d231c; width:200px; height:70px; font-size:24px;}
.formbox .sendbtn .iconfont{ font-weight:bold; font-size:28px;}
.formbox .sendbtn:hover{ background:#fea03c;}

.MsgList{ padding-bottom:12px; margin-bottom:2%;}
.MsgList ul{display: table;width: 100%;}
.MsgList li{ text-align:center;display: table-cell;}
.MsgList .thead{ line-height:70px; background:#f8f5ec; font-size:20px; font-weight:bold; color:#231815;}
.MsgList .t1{ width:18%;}
.MsgList .t2{ width:18%;}
.MsgList .t3{ width:28%;}
.MsgList .t4{ width:18%;}
.MsgList .t5{ width:18%;}
.MsgList .item{ font-size:16px; color:#985f24; padding:20px 0; background:#fcfcfc;}
.MsgList .item:nth-child(odd){background:#fff;}
.MsgList .item a{color:#985f24;}

.Msginfo{ background:#f8f5ec; padding:4%; max-width:60%; margin:0px auto;}
.Msginfo dl{ padding-left:120px; position:relative; height:auto !important; height:30px; min-height:30px; margin-bottom:15px;}
.Msginfo dl dt{ position:absolute; left:0; top:0; text-align:right; width:100px; color:#000;}
.Msginfo .back{ background:#fece3c; width:100px; border-radius:8px; text-align:center; line-height:40px; margin:0px auto; display:block; color:#000;}

.Msgtxt{ background:#f8f5ec; line-height:33px; color:#985f24; padding:3% 4%; margin-bottom:25px;}
.Msgtxt p{ text-indent:2em;}

.MsgForm{ margin:0 0 0 -2%;}
.MsgForm dl.w33{ width:31.333%; float:left;}
.MsgForm dl.w70{ width:64.5555%; float:left;}
.MsgForm dl{ padding-left:2%;}
.MsgForm dt{ line-height:46px; padding:17px 0 0 20px; font-size:22px; color:#231815;}
.MsgForm .box{ border:1px solid #dddddd;}
.MsgForm .box .input{ width:100%; height:68px; line-height:68px; text-indent:1em;}
.MsgForm .select{ width:100%; height:70px; text-indent:1em;border:1px solid #dddddd;}
.MsgForm .textarea{ padding:15px; border:1px solid #dddddd;}
.MsgForm .textarea textarea{ width:100%; height:265px;}

.btnbox{ text-align:center; padding-top:40px;}
.btnbox button{ width:260px; height:70px; font-size:24px; color:#3d231c;}
.btnbox .sendbtn{ background:#fece3c;}
.btnbox .reestbtn{ background:#dddddd; margin-left:15px;}
.btnbox .iconfont{ font-size:28px;}

@media ( max-width:1440px){
.BrandNav .box{font-size:16px;}
.BrandNav .box span{font-size:20px;}
.BrandNav li.on .info .ti{ font-size:20px;}
.BrandNav .cpjb a{ font-size:20px;}

.formbox{ margin-bottom:10px;}
.formbox .sendbtn{ font-size:20px; height:50px;}
.formbox .box select{height:48px;}
.formbox .box input{height:48px;}
.formbox .box{height:48px;}
.formbox .box .ico { line-height:48px;}
.MsgList .thead{ font-size:17px; line-height:50px;}

.MsgForm dt{ line-height:34px; font-size:18px;}
.MsgForm .btn button{ width:180px; height:50px; font-size:18px;}
.MsgForm .box .input{ height:48px; line-height:48px;}
.MsgForm .select{ height:50px;}
.MsgForm .textarea textarea{height:150px;}
}
@media ( max-width:1366px){
.BrandNav .box{font-size:14px;}
.BrandNav .box span{font-size:18px;}
.BrandNav li.on .info .ti{ font-size:18px;}
.BrandNav .cpjb a{ font-size:18px;}
}
@media ( max-width:1024px){
.BrandNav ul{ margin-right:0;}
.BrandNav .cpjb{ position:static; width:auto; clear:both;}

.formbox ul{ margin-right:120px;}
.formbox .sendbtn{width:120px;}
.formbox .box{padding-left:55px;}
.formbox .box .ico{width:45px;}
}
@media ( max-width:768px){
.BrandNav li{ width:50%;}
.BrandNav li.on{ width:50%; line-height:20px;}
.BrandNav .box span{font-size:16px;}
.BrandNav .box,.BrandNav li .info{ height:150px;}
.BrandNav li.on .info .ti{ font-size:13px; padding:10px 0 5px;}
.BrandNav .cpjb{ width:50%; position:absolute; right:0; top:auto; bottom:0;}
.BrandNav .cpjb a{ font-size:16px;}
.BrandNav .cpjb a img{width:25px; height:25px; margin:0px auto 15px;}
.BrandNav .cpjb a{ height:150px;}
.Brandimg .sj{ display:block;}.Brandimg .pc{ display:none;}

.formbox {text-align:center; padding-bottom:15px;}
.formbox li{ width:auto; float:none; padding:0 2% 15px 0;}
.formbox ul{ margin-right:0;}
.formbox .sendbtn{ position:static; margin:0px auto; font-size:16px; height:40px;}
.formbox .sendbtn .iconfont{ font-size:20px;}
.formbox .box{height:38px;}
.formbox .box select{height:38px;}
.formbox .box input{height:38px;}
.formbox .box .ico { line-height:38px;}
.MsgList .thead{ font-size:14px; font-weight:normal;}
.MsgList .item{ font-size:12px; line-height:20px; padding:10px 0;}
.Msginfo{ max-width:none;}
.Msginfo dl{ padding-left:100px; margin-bottom:10px;}

.Msgtxt{ line-height:24px; margin-bottom:10px;}
.MsgForm dl{ width:auto !important; float:none !important;}
.MsgForm dt{ font-size:15px; padding-top:10px;}
.MsgForm .box .input{ height:38px; line-height:38px;}
.MsgForm .select{ height:40px;}
.btnbox{ padding-top:20px;}
.btnbox button{ width:110px; height:40px; font-size:16px;}
}


/*调查征集 s*/
.DcList{ padding-bottom:12px; margin-bottom:1.5%;}
.DcList li{ position:relative; line-height:32px; margin-bottom:28px; padding-left:95px;}
.DcList li em{ position:absolute; width:70px; text-align:center; left:0; top:0; font-size:14px; color:#666666; background:#dddddd;}
.DcList li .jx{background:#fece3c; color:#985f24;}
.DcList li .date{ position:absolute; right:0; top:0; font-size:16px; color:#666666;}
.DcList li a{ font-size:20px;}

.DcInfo{ background:#fbfbfb; padding:4%;}
.DcInfo .item{ border-bottom:1px solid #efefef; padding-bottom:27px; margin-bottom:27px;}
.DcInfo .ti{ font-weight:bold; font-size:20px; color:#231815; margin-bottom:15px;}
.DcInfo p{ color:#888888;}
.DcInfo .btnbox{ padding-top:10px;}
.DcInfo .list li input{ vertical-align:middle;}

.Titleinfo{ border-bottom:1px solid #e6e6e6; text-align:center; margin-bottom:35px; padding:0px 0 18px;}
.Titleinfo .tits{font-size:26px; color:#010101; line-height:40px;}
.Titleinfo .date{ font-size:14px; padding:5px 0 0 0;color:#808080;}
.Titleinfo .date i{ display:inline-block; margin:0 10px;}
.Titleinfo .share{ display:inline-block;*display:inline; zoom:1; vertical-align:middle;}
.PrevNextBox {margin:50px 0 0 0;position:relative; padding-top:11px; border-top:1px solid #e6e6e6; color:#888888; font-size:16px;}
.PrevNextBox dl{ width:70%; line-height:50px; height:50px;overflow:hidden; border-bottom:1px dotted #d9d9d9; position:relative;}
.PrevNextBox dl span{ padding:0 75px 0 55px; position:relative; display:block;}
.PrevNextBox dl span em{ position:absolute; left:0px; top:0px; color:#333333;}
.PrevNextBox dl span .date{ position:absolute; right:0; top:0; color:#808080; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.PrevNextBox dl a{ margin:0px auto; display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:95%; color:#333333;}
.PrevNextBox dl a.none{color:#999;}
.PrevNextBox a.back{ position:absolute; right:0; top:54px; color:#b30506; font-size:16px; padding-right:31px;}


@media ( max-width:1440px){
.DcList li{ margin-bottom:15px;}
.DcList li a{ font-size:18px;}
.DcInfo .ti{ font-size:18px;}
}
@media ( max-width:768px){
.DcList li .date{ position:static; display:block; font-size:14px;}
.DcList li a{ font-size:15px;}
.DcInfo .ti{ font-size:15px;}
.DcInfo .item{padding-bottom:12px; margin-bottom:12px;}

.Titleinfo { line-height:20px; font-size:12px; padding-bottom:15px; margin-bottom:20px;}
.Titleinfo .tits{ font-size:18px; line-height:24px; padding-bottom:10px;}
.Titleinfo .share{ display:none;}

.PrevNextBox {margin:50px 0 0 0; font-size:14px;}
.PrevNextBox dl{ width:auto; line-height:30px; height:30px; margin-bottom:8px;}
.PrevNextBox dl span{ padding-left:45px;}
.PrevNextBox a.back{ font-size:14px; top:-35px;}
}


/*科技创新 s*/
.Kjinfo .img{ width:48%; float:left; text-align:center;}
.Kjinfo .info{ width:47%; padding-right:1%; float:right; max-height:500px; overflow-y:auto;}
.Kjinfo .Stit i{ border-bottom:2px solid #ed1846; width:30px;}
.Kjinfo .info p{ margin-bottom:24px;}

.Kjcg{ padding:4% 0 2%; background:url(../images/kjbg.jpg) center top no-repeat; background-size:cover;}
.Kjcg .NewsList { margin:0 0 0 -2%; padding-top:1.2%;}
.Kjcg .NewsList li{ width:48%; margin:0 0 2% 2%; background:#fff;}

.Kjitem .Stit i{ border-bottom:2px solid #ed1846; width:30px;}
.Kjitem .info{ width:36.5%; padding:0 5% 0 8.5%; float:left; height:489px;display:flex;justify-content:center;flex-direction: column;}
.Kjitem .img{ width:50%; float:right;}
.Kjitem .img img{ width:100%;}
.Kjitem.next .info{float:right;padding:0 8.5% 0 5%;}
.Kjitem.next .img{float:left;}
@media ( max-width:1440px){
.Kjinfo .info{ max-height:400px;}
.Kjitem .info{ height:364px;}
}
@media ( max-width:1366px){
.Kjinfo .info{ max-height:365px;}
.Kjitem .info{ height:335px;}
}
@media ( max-width:1024px){
.Kjinfo .img{ width:auto; float:none;}
.Kjinfo .info{ width:auto; float:none; padding:0; max-height:none;}
.Kjitem .info{ width:auto; padding:15px !important; float:none !important; height:auto;}
.Kjitem .img{ width:auto; float:none !important; padding:15px;}
}

/*PicList002149 */
.PicList002149 { padding-bottom:1%; margin-bottom:5px;}

.PicList002149 h3{ margin:0; font-size:18px;}
.PicList002149 p{ line-height:26px; overflow:hidden;-webkit-line-clamp: 2; color:#999; height:52px; margin:2% 0 0 0;}

.PicList002149 li{transition: all ease 0.3s; overflow:hidden; padding-left:160px; padding-right:58px; position:relative; margin-bottom:2%; background-color:#fafafa;}
.PicList002149 li:after{ position:absolute; content:''; right:0; top:0;width:58px; height:100%; background:url(../images/PicList002149-more.png) no-repeat center center; border-left:2px solid #fff;}
.PicList002149 li div{border-left:1px solid #ededed; padding:2% 3%;}
.PicList002149 li time{ position:absolute; left:0; top:0; width:160px; height:100%;}
.PicList002149 li time span{ position:absolute; width:100%; text-align:center; top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); color:#b2b2b2; font-size:16px;}
.PicList002149 li time i{ font-style:normal; font-size:50px; color:#999; display:block; font-family:"Courier New", Courier, monospace; line-height:40px;}
.PicList002149 li time i:after{ display:block; content:''; margin:5px auto; height:1px; width:50%; max-width:66px; background:#dfdfdf;}
@media(max-width:1000px){
.PicList002149 li{padding-left:100px;padding-right:30px;}
.PicList002149 li:after{width:30px; background-size:35% auto;}
.PicList002149 li time{width:100px;}
.PicList002149 li time span{font-size:14px;}
.PicList002149 li time i{font-size:40px;line-height:30px;}
}
@media(max-width:768px){
.PicList002149 h3{ font-size:16px;}
}
@media(max-width:480px){
.PicList002149 li{padding-left:80px;padding-right:0;}
.PicList002149 li:after{ display:none;}
.PicList002149 li time{width:80px;}
.PicList002149 li time span{font-size:12px;}
.PicList002149 li time i{font-size:30px;}
.PicList002149 h3{ font-size:14px;}
.PicList002149 p{ font-size:12px; line-height:20px; overflow:hidden; height:40px;}
}

/*搜索*/
#searchButton{ width:65px; height:38px; background:#ec1b24; color:#fff;}
.tools { margin: 15px auto 0; position: relative; font-size: 14px;}
.tools .nums { margin: 0; color: #999; position: absolute; top: 0; left: 0; }
.toolsbtn { float: right; margin-right: 10px; color: #999; cursor: pointer; }
.toolsbtn i { background: url(../images/icon.png) no-repeat; }
.toolsshow .toolsbtn i { padding-left: 20px; background-position: -70px -82px; }
.toolshide { display: none; }
.toolshide .toolsbtn i { padding-left: 20px; background-position: -70px -102px; }
.toolsnav { width: 50%; float:left; margin-left:200px; color: #999; }
.toolsnav div { display: inline-block; }
.toolsnav div span { color: #999; }
.toolsnav div span.b { color: #000; }
.toolsnav div a { margin-right: 20px; color: #999; }

.toolsnav div a.noon { text-decoration: none; }
.toolsnav div a.on { text-decoration: none; color: #d30b15}

.toolsnav div i { margin-right: 20px; padding-left: 15px; background: url(../images/icon.png) no-repeat 3px -141px; }
.toolsnav div.toolsul { position: relative; cursor: pointer; }
.toolsnav div.toolsul ul { display: none; position: absolute; top: 25px; left: 0px; z-index: 10; width: 155px; border: 1px solid #ccc; background: #fff; font-weight: bold; }
.toolsnav div.toolsul ul li { line-height: 30px; padding: 0 12px; color: #666; }
.toolsnav div.toolsul ul li.toolsli:hover { background: #eee; cursor: pointer; }
.toolsnav div.toolsul ul li.line { border-top: 1px solid #ccc;}
.toolsnav div.toolsul ul li span { color: #666; }
.toolsnav div.toolsul ul li input[type="text"] { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0; font-size: 14px; width: 110px; height: 24px; border: 1px solid #ccc; }
.toolsnav div.toolsul ul li input[type="text"].dateicon { background: #ffffff url(../images/icon.png) no-repeat 89px -206px; }
.toolsnav div.toolsul ul li input[type="button"].zdybtn { padding: 0 10px; margin: 5px 40px 10px; height: 30px; background-color: #d30b15; color: #fff; }
.toolsnav div.toolsul ul li input[type="button"].zdybtn { padding: 0 10px; margin: 5px 40px 10px; height: 30px; background-color: #d30b15; color: #fff; }
.contentbox em{ color: #d30b15; }
.scene { padding-bottom: 30px; }
.scene .captitle { font-size: 18px; line-height: 18px; padding-bottom: 13px; }
.news { padding-bottom: 30px; }
.news .title span{float: left; max-width: 95px; margin-right: 5px; background-color: #ec1b24; border-left: 5px solid #ec1b24; border-right: 5px solid #ec1b24; font-size: 16px; color: #ffffff; overflow: hidden;}
.news .title a{font-size: 16px; color: #ec1b24; margin-right: 0px;}
.news .title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-bottom: 10px; }
.news .title i { float: left; width: 16px; height: 24px; margin-right: 5px; background-image: url("../images/icon.png"); background-repeat: no-repeat; }
.news .title i.txt { background-position: -40px 5px; }
.news .title i.ppt { background-position: -40px -19px; }
.news .title i.excel { background-position: -40px -67px; }
.news .title i.zip { background-position: -40px -91px; }
.news .title i.word { background-position: -40px -115px; }
.news .title i.pdf { background-position: -40px -139px; }
.news .title i.weibo { background-position: -40px -163px; }
.news .title i.weixin { background-position: -40px -187px; }
.news .content > a { float: left; margin-right: 20px; }
/* 最新消息 */
.topnews .news { padding-bottom: 0px; }
.topnews .news .content { padding-bottom: 10px; }
.topnews ul.list2 { padding-left: 20px; line-height: 30px;}
#serch{max-width:700px; margin: 15px auto; font-family:arial; text-align:center;}
#serch img{display: inline-block; vertical-align: middle;}

#serch input[type="text"],#serch select{padding: 0px 15px; height: 36px; border: 1px solid #e5e5e5; width: 180px;}

.searchad_box .level { min-height: 34px; line-height: 34px; margin-top: 6px; clear: both; font-size: 16px;}
.searchad_box span { display: inline-block; }
.searchad_box .level span, .searchad_box .level div, .searchad_box .level input, .searchad_box .level label, .searchad_box .level select { float: left; margin-right: 5px; height: 32px; }
.searchad_box .level .fir { width: 90px; padding-right: 7px; font-weight: bold; }
.searchad_box .level .sec { width: 168px; }
.searchad_box .level .thi { width: 30px; text-align: center; }
.searchad_box .level input[type="text"] { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 200px; height: 32px; line-height: 32px; border: 1px solid #ccc; padding-left: 5px; }
.searchad_box .level input[type="text"].dateicon { background: #fff url(../images/icon.png) no-repeat 175px -201px; }
.searchad_box .level label { margin-right: 20px; }
@media ( max-width:768px){
#serch img{ width:18px;}
.toolsnav{ margin-left:150px;}
#serch .search-select{ margin-bottom:10px;}
}

/* 右侧飘浮 */
.ddbox {width:50px; position:fixed; top: 38%; right: 0%; z-index: 9999;}
.ddbox-box-li {margin:1px 0; width: 50px; height: 50px; line-height: 50px; background:#f8b842;}
.ddbox a {color:#fff; padding: 0;}
.ddbox li .icon { display:block; height: 50px; background-position: center center; background-repeat:no-repeat;}
.ddbox li .hide {position: absolute;}
.ddbox li:hover .hide {display: block;}
.ddbox li .hide a { color: #261900;}
.ddbox li .hide:before,.ddbox li .clearfix:after {content: "";display: table;}
.ddbox li .hide:after {clear: both;}
.ddbox ul > li:hover .hide { visibility: visible;opacity: 1;filter: alpha(opacity=100);}
.ddbox li .hide .arrow{position:absolute;width:12px;height:20px;background:url(../images/icon-sj.png) no-repeat;right:-12px;}
.icon-zxzx {background-image: url(../images/icon-zxzx-w.png);}
.icon-zxzx:hover {background-image: url(../images/icon-zxzx-x.png);}
.icon-ewm {background-image: url(../images/icon-ewm-w.png);}
.icon-ewm:hover {background-image: url(../images/icon-ewm-x.png);}

.service-item {width: 240px; padding: 10px; right:60px;top: -8px; background: #fff; border: solid 1px #ddd;}
.service-item .arrow {top:28px;}
.service-item .circle{width:48px;height:48px;border-radius:50%;; overflow:hidden;background:#F1F1F3;display:block;float:left;}
.service-item .icon-qq{width:48px;height:48px;background:url(../images/side_con_icon03.png) no-repeat center 24px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.service-item:hover .icon-qq{background-position:center 6px;}
.service-item h3{float:left;line-height:48px;font-size:20px;margin-left:18px;}

.inner-box {width: 100px; padding: 10px 0; right: 60px; top:-118px; line-height: 20px;font-size:14px; background: #fff; border: solid 1px #ddd;}
.inner-box .arrow {top:192px;}
.inner-box .qrcode-img {text-align: center; margin: 10px;}
.inner-box .qrcode-img span {display: block;}
.inner-box  img {width:60px;height:60px;}
@media ( max-width:1024px){
.ddbox {width:35px;}
.ddbox-box-li {width: 35px; height: 35px; line-height: 35px;}
.ddbox li .icon { height: 35px;}
.service-item,.inner-box {right: 50px;}
}

/*专题创建全国文明*/
.Footerdemo6{clear:both; line-height:26px; padding-top:45px; height:118px; background:#e70112; color:#f6b8ba; font-size:14px;}
.Footerdemo6 a{color:#eeb8b8; display:inline-block;}.Footer a:hover{color:#fff;}
.Footerdemo6 .lxwm{ float:right; font-size:16px; color:#fff; line-height:35px;}
.Footerdemo6 .lxwm .iconfont{font-size:28px; color:#fdd402;}
.Footerdemo6 .lxwm a{color:#fff;}
.Footerdemo6 .jg{color:;}
.Footerdemo6 .auto{ width:1200px; margin:0px auto;}
.Footerdemo6 .ico{ vertical-align:middle; display:inline-block;}

.Demo6_bg { background: #fef8e6 url(../images/demo6/bg.jpg) center bottom no-repeat; padding-bottom:55px;}
.Demo6_ban { position:relative;}
.Demo6_ban .logo{ width:50%; position:absolute; left:50%; margin-left:-600px; top:53px;}
.Demo6_main { padding:0 30px 30px; width:1200px; margin:-126px auto 10px; position:relative; z-index:1; background:#fff;}
.Demo6_main .Demo2Focus{ margin-bottom:19px;}
.Demo6_tit { text-align:center; padding:21px 0 31px;}
.Demo6_zthd{ margin:0 0 0 -2%;}
.Demo6_zthd li{ width:48%; float:left; margin:0 0 3% 2%;}
.Demo6_zthd .imgbox{ width:49%; float:left; padding-top:200px;}
.Demo6_zthd .info{ width:49%; float:right; padding-top:5px; line-height:22px;}
.Demo6_zthd .ti{ height:50px; overflow:hidden; color:#333333; font-size:18px;}
.Demo6_zthd .date{ color:#999999; font-size:16px; margin:11px 0 12px;}
.Demo6_zthd .p{ height:88px; color:#999999; font-size:16px;-webkit-line-clamp: 2;}
.Demo6_video{ margin:0 0 19px -15px;}
.Demo6_video li{ width:33.333%; float:left;}
.Demo6_video .box{ margin:0 0 0 15px; text-align:center;}
.Demo6_video .imgbox{ padding-top:65%; margin-bottom:17px;}
.Demo6_video .imgbox em{ position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.2) url(../images/demo6/play.png) center center no-repeat; z-index:2;}
.Demo6_video .tit{ font-size:18px;}
.Demo6_video.sub li{ padding-bottom:3%;}
.Demo6_video video{ height:253px !important;}

.Demo6_file{ margin-left:-2%;}
.Demo6_file li{ position:relative; float:left; width:47%; margin:0 0 0 3%; height:40px; line-height:40px;}
.Demo6_file li .date{ position:absolute; right:0; top:0; color:#bfbfbf;}
.Demo6_file li .tit{ width:72%; background:url(../images/demo6/dot.gif) 1px center no-repeat; padding-left:12px;}
.Footer.demo6{ background:#d40000; color:#eeb8b8; height:118px; padding-top:45px;}
.Footer.demo6 a{ color:#eeb8b8;}.Footer.demo6 a:hover{ color:#fff;}

.Demo6_video .flex-control-nav{ display:none;}
.Demo6_video .flex-direction-nav a {color:#333; font-size:36px; margin-top:-38px; font-weight:bold;}
.Demo6_video .flex-direction-nav a:hover {color:#009dff !important; background:none !important;}
.Demo6_video .flex-direction-nav .flex-prev {left:-24px;}
.Demo6_video .flex-direction-nav .flex-next {right:-40px;}

.Demo2Focus{ overflow:hidden; width:42%; float:left; position:relative;}
.Demo2Focus .slides li{ position:relative;}
.Demo2Focus .imgbox{padding-top:320px;}
.Demo2Focus .ti{ position:absolute; background:rgba(0,0,0,0.5); line-height:40px; width:100%; left:0; bottom:0; z-index:2;}
.Demo2Focus .tit{ text-indent:1.2em; width:79%; color:#fff;}
.Demo2Focus .slides li:hover .tit{ color:#e70012;}
.Demo2Focus .flex-direction-nav{ display:none;}
.Demo2Focus .flex-control-nav{bottom:7px; z-index:10; right:0; width:100px; text-align:center;}
.Demo2Focus .flex-control-nav li{ margin:0 5px 0 0; vertical-align:middle;}
.Demo2Focus .flex-control-nav li a{ opacity:1; width:9px; height:9px; background:#fff; border-radius:0; border-radius:50%; border:0;}
.Demo2Focus .flex-control-nav li a.flex-active{ width:15px; height:15px; background:#e70012;}
.Demo2Focus.d3{ width:56%;}
.Demo2Focus.d3 .imgbox{ padding-top:380px;}
.Demo2Top{ width:56%; float:right;}
.ListWz3{}
.ListWz3 .top{ margin-bottom:19px; padding:12px 0 26px; border-bottom:1px solid #eaeaea;}
.ListWz3 .top .tit{ font-size:20px; color:#000000; margin-bottom:9px;}
.ListWz3 .top .p{ color:#999999; height:50px; line-height:25px;-webkit-line-clamp: 2;}
.ListWz3 .top:hover .tit{ color:#e30309;}
.ListWz3 .li{ height:40px; line-height:40px; background:url(../images/demo6/dot.gif) 0px center no-repeat; padding:0 80px 0 14px; position:relative;}
.ListWz3 .li .date{ position:absolute; right:0; top:0; color:#bfbfbf;}
.ListWz3 a{color:#666;}.ListWz3 a:hover{color:#e30309;}
.ListWz3.sub{ margin-bottom:2%; padding-bottom:10px;}
 .floattp {
            position:fixed;
            top: 25%;
            z-index: 100;
            right: 0;
        }
 .floattp a.colse {position:absolute;top:-28px;width:28px;height:28px;line-height:28px;text-align:center;color:#fff;background:#666;left:0px;}		

@media ( max-width:1024px){
.Footerdemo6{ text-align:; line-height:22px; padding:18px 0; height:auto; font-size:12px;}
.Footerdemo6 .lxwm{ float:none; line-height:28px; font-size:14px;}
.Footerdemo6 .auto{ width:auto; margin:0px 15px;}

.Demo6_bg{ padding-bottom:25px;}
.Demo6_ban .logo{ left:5%; margin-left:0; top:10px;}
.Demo6_main { padding:0 10px 20px; width:auto; margin:-30px 10px 10px;}
.Demo6_tit { padding:18px 0;}
.Demo6_zthd li{ width:auto; float:none; clear:both; margin-bottom:3%;}
.Demo6_zthd .ti{font-size:15px; height:48px;}
.Demo6_zthd .imgbox{ padding-top:120px;}
.Demo6_zthd .date{font-size:14px; margin:0;}
.Demo6_zthd .p{ height:auto; font-size:14px;-webkit-line-clamp: 2;}
.Demo6_video li{ width:50%;}
.Demo6_video li:nth-child(3){ display:none;}
.Demo6_video.sub li:nth-child(3){ display:block;}
.Demo6_video video{ height:160px !important; background:#000;}

.Demo6_video .imgbox{margin-bottom:8px;}
.Demo6_video .tit{ font-size:15px;}
.Demo6_video .imgbox em{ background-image:url(../images/demo6/play2.png);}
.Demo6_file { padding-bottom:10px;}
.Demo6_file li{  float:none; width:auto; height:30px; line-height:30px;}

.Demo2Focus{ width:auto !important; float:none !important;}
.Demo2Focus .imgbox{padding-top:68% !important;}
.Demo2Focus .tit{ font-size:14px !important;}
.Demo2Focus .flex-control-nav{width:80px;}
.Demo2Focus .flex-control-nav li a.flex-active{ width:9px; height:9px;}
.Demo2Top { width:auto; float:none;}
.ListWz3 .li{ height:28px; line-height:28px;}
.ListWz3 .top{ margin-bottom:8px; padding:10px 0 10px;}
.ListWz3 .top .tit{ font-size:15px; margin-bottom:0;}
.floattp {width:40%;position: fixed;top: 18%;z-index: 100;right: 0;}
     
}
       

/*20201124*/
.SubNav2{text-align: right;line-height: 93px;background: #f9f9f9 url(../images/culturebg.gif) 0px center no-repeat;margin-bottom: 3.5%;}
.SubNav2 a{display: inline-block;margin-right: 57px;font-weight: bold;color: #676767;font-size: 26px;}
.SubNav2 a.active{color: #000000;border-bottom: 4px solid #ffd602;}
.wedding_fix{position: fixed;width: 1600px;left: 50%;margin-left:-800px;top: 70px;z-index: 100;}

@media(max-width:1660px){
	.wedding_fix{width:88%;left: 6%;margin-left:0;}

}
@media(max-width:1024px){
	.wedding_fix{top:50px;}

}
@media(max-width:768px){
.SubNav2{background-position: center top; background-size: contain;padding: 15% 0 15px;text-align: center;line-height: 40px;}
.SubNav2 a{margin: 0 8px;font-size: 14px;}
.wedding_fix{width: 100%;left: 0%;top: 50px;}
}




/*专题疫情防控专题*/
.Demo3_nav{ background:#e70012; text-align:center; line-height:70px; padding-top:5px; padding-bottom:5px;}
.Demo3_nav li{ margin:0 20px; display:inline-block;*display:inline;zoom:1;}
.Demo3_nav li a{ color:#fff; font-size:16px;}
.Demo3_nav li a:hover,.Demo3_nav li.aon a{ color:#ffda01;}
.Demo3_tit{ padding-top:27px; border-bottom:3px solid #f2f2f2; line-height:47px; height:47px; position:relative; margin-bottom:30px; clear: both;}
.Demo3_tit h2{ float:left; color:#e70012; font-size:24px; padding:0 20px 0 8px; position:relative; border-bottom:3px solid #e70012;}
.Demo3_tit h2 i{ width:19px; height:3px; position:absolute; right:0px; background:#ffda01; bottom:-3px;}
.Demo3_tit a.more{ background:#e70012; position:absolute; right:0; bottom:8px; color:#fff; text-align:center; font-size:14px; width:60px; line-height:22px; border-radius:11px;}
.Demo3Top{ width:41.5%; float:right;}
.Demo3Top li{ padding-bottom:26px; border-bottom:1px solid #ececec; margin-bottom:15px;}
.Demo3Top .tit{ line-height:41px; font-size:18px; font-weight:bold;}
.Demo3Top .p{ text-indent:2em; font-size:14px; color:#999999; line-height:24px; height:48px;-webkit-line-clamp: 2;}
.Demo3Top li:last-child{ margin-bottom:0; padding-bottom:0; border-bottom:0;}
.Demo3Col{ width:48%;}
.Demo3Col .Demo3_tit{ margin-bottom:18px;}

.Demo3yq{position:relative; height:201px;}
.Demo3yq .frist{ display:none; position:absolute; left:0; width:48%; padding-right:1.5%; border-right:1px solid #eaeaea;}
.Demo3yq .imgbox{ width:50%; float:left; padding-top:201px;}
.Demo3yq ul{ margin-left:-4%;}
.Demo3yq .li{ width:38%; margin-left:4%; float:left;}
.Demo3yq .info{ width:47%; float:right;}
.Demo3yq .info .ti{ font-weight:bold; font-size:18px; padding:5px 0 16px; line-height:22px;}
.Demo3yq .info .p{ line-height:26px; color:#999999; height:130px;-webkit-line-clamp: 5;}

.Demo3scroll{ position:relative;}
.Demo3scroll .tihead{ position:absolute; top:-8px; left:20px;}
.Demo3scroll .flex-viewport{ margin-left:-20px;}
.Demo3scroll .imgbox{ margin-right:20px; padding-top:345px; background:#f9f8eb;}
.Demo3scroll .imgbox span{ background-size:contain;}
.Demo3scroll .flex-direction-nav a {color:#a6a6a6; font-size:29px; width:48px; height:48px; line-height:48px; border:1px solid #a8a8a8;}
.Demo3scroll .flex-direction-nav .flex-prev {left:-60px;}
.Demo3scroll .flex-direction-nav .flex-next {right:-60px;}
.Demo3scroll .flex-direction-nav a:hover { color:#e70012; border:1px solid #e70012;}

.Demo3scroll #scrollbox{height:345px;overflow:hidden;}
.Demo3scroll li{width:288px;float:left;}

.Demo3zs { padding-bottom:50px;}
.Demo3zs li{ text-align:center; width:25%; float:left;}
.Demo3zs .flex-viewport{ margin-left:-20px;}
.Demo3zs .box{ margin-left:20px;}
.Demo3zs .imgbox{ padding-top:65%; margin-bottom:9px;}
.Demo3zs .flex-direction-nav a {color:#a6a6a6; font-size:29px; width:48px; height:48px; line-height:48px; border:1px solid #a8a8a8;}
.Demo3zs .flex-direction-nav .flex-prev {left:-60px;}
.Demo3zs .flex-direction-nav .flex-next {right:-60px;}


/*.ztbottom .Footer{ background:#e70112; color:#f6b8ba;}
.ztbottom .Footer a{ color:#f6b8ba;}.ztbottom .Footer a:hover{ color:#fff;}*/
.Footer .jg{ color:#f6b8ba;}

@media ( max-width:1024px){
.Demo3_nav{ line-height:30px;}
.Demo3_nav li{ margin:0 10px;}
.Demo3_nav li a{ font-size:16px;}
.Demo3Top{ width:auto; float:none; padding-top:18px;}
.Demo3Top li{ padding-bottom:10px; margin-bottom:10px;}
.Demo3Top .p{ height:auto; line-height:22px;}
.Demo3Top .tit{ font-size:15px; line-height:30px;}
.Demo3Col{ width:auto; float:none !important;}
.Demo3_tit{ padding-top:10px; line-height:38px; height:38px; margin-bottom:15px !important;}
.Demo3_tit h2{ font-size:17px;}
.Demo3yq { padding:0; height:auto;}
.Demo3yq .frist{ position:static; width:auto; border:0; margin-bottom:8px;}
.Demo3yq .info .ti{ font-size:15px; padding-bottom:5px;}
.Demo3yq .li{ width:auto; float:none;}

.Demo3zs{ padding-bottom:20px;}
.Demo3scroll .flex-direction-nav a,.Demo3zs .flex-direction-nav a {font-size:20px; width:32px; height:32px; line-height:32px;}
.Demo3scroll .flex-direction-nav .flex-prev,.Demo3zs .flex-direction-nav .flex-prev {left:0;}
.Demo3scroll .flex-direction-nav .flex-next,.Demo3zs .flex-direction-nav .flex-next {right:0;}
.Demo3scroll .flex-viewport,.Demo3zs .flex-viewport{ margin-left:-12px;}
.Demo3scroll .imgbox,.Demo3zs .box{ margin-left:12px;}

.Demo3scroll #scrollbox{height:168px;}
.Demo3scroll li{width:140px;}
.Demo3scroll .imgbox{ margin-right:10px; padding-top:168px;}
}
@media ( max-width:640px){
.Demo3_nav{ line-height:25px; text-align:left;}
.Demo3_nav li{ margin:0 5px;}
.Demo3_nav li a{ font-size:14px;}
.Demo3zs li{  width:50%;}
.Demo3zs li:nth-child(3),.Demo3zs li:nth-child(4){ display:none;}
.Demo3yq .imgbox{ width:auto; float:none; padding-top:68%;}
.Demo3yq .info{ width:auto; float:none;}
.Demo3yq .info .p{line-height:22px;height:auto;-webkit-line-clamp: 2;}
}

/*20240702*/
.Tips{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:9999;background:rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center}
.TipsBox{width: 360px;height: auto;padding: 40px;background: rgba(236,27,36,0.8);border-radius: 10px;}
.TipsBox .imgs{float: left;width: 24%}
.TipsBox .msgTextRight{width: 75%;float: right;color: #fff}
.TipsBox .msgTextRight p span{background: #f8b842;padding: 5px 20px;border-radius: 4px;margin-top: 10px;display: inline-block;margin-right: 40px;}
.TipsBox .msgTextRight p{margin-bottom: 6px;font-size: 18px;}