@charset "utf-8";
/* CSS Document */
body,img,a,ul,li{ list-style:none; border:none; text-decoration:none; margin:0; padding:0; font-size:12px; color:#4e4e4e; font-family:"宋体";}
#head{ background:url(../images/bg_head.png) repeat-x 0px 0px;}
.head{ width:1002px; margin:0 auto;}
.top,.topr{ height:106px;}
.logo{ float:left; padding:28px 0 0 24px; width:458px; height:78px;}
.logo h1{ margin:0;}
.logo a{ display:block; width:456px; height:67px; text-indent:-9999em; background:url(../images/logo.png) no-repeat 0px 0px;}
.topr{ float:right; width:249px; text-align:right;}
.sc{ height:18px; line-height:18px; margin:12px 0 0 0;}
.sc a{ display:inline-block; margin:0 6px; padding-left:22px; background:url(../images/bg_i.png) no-repeat 0px 0px;}
.sc a:hover{ color:#ff7e00;}
.sc a.a1{ background-position:0px -18px;}
.sc a.a2{ background-position:0px -36px;}
.dh{ padding:15px 25px 0 0;}
.menu{ height:46px;}
.menu ul{ height:42px;}
.menu ul li{ float:left; background:url(../images/bg_li.png) no-repeat right 0px; padding:0 2px 0 1px;}
.menu ul li a{ font-size:14px; color:#fff; font-family:microsoft yahei; display:block; text-align:center; height:42px; line-height:42px; padding:0 34px; transition:all ease-in-out .3s;}
.menu ul li a:hover,.menu ul li a.hover{ background:url(../images/bg_ahover.png) repeat-x 0px 0px;}


.nav1 { height:46px; }
.nav1 ul{ height:42px}
.nav-first { position: relative; z-index: 999;float:left; background:url(../images/bg_li.png) no-repeat right 0px; padding:0 2px 0 1px; }

.nav-first span a { display: block; font-size:14px; color:#fff; font-family:microsoft yahei; display:block; text-align:center; height:42px; line-height:42px;width:118px;   transition:all ease-in-out .3s; }


.nav-second { position: absolute; left: 0; top:42px; display: none; z-index: 9999; }
.nav-second a { border-bottom: 1px solid #fff; background-color: #e5e5e5; display: block; height: 42px; line-height: 42px; width:124px; text-align: center; }
.nav-second a:hover { color: #ffffff!important;background:url(../images/bg_ahover.png) repeat-x 0px 0px;  }

.nav-first:hover span a, .nav-current { height: 42px!important; color: #ffffff!important;background:url(../images/bg_ahover.png) repeat-x 0px 0px;  }
.nav-first:hover .nav-second { display: block; }
 
 








.banner{ height:393px; width:1423px; margin: 0 auto; text-align:center}


.con{ width:1002px; margin:0 auto; height:auto; overflow:hidden;}
.gg{ height:37px; line-height:37px; background:#f2f2f2; margin-top:12px; }
.ggl{ float:left; height:37px; width:122px; background:url(../images/bg_ggl.png) no-repeat 0px 0px; color:#fff; font-family:microsoft yahei; font-size:14px; text-indent:32px;}
.gg ul{ float:left; height:37px;}
.gg ul li{ line-height:37px; height:37px; width:738px; overflow:hidden; position:relative;}
.gg ul li span{ position:absolute; right:0; top:0; line-height:37px;}
.title{ height:40px; background:#f6f6f6; line-height:40px; border:1px solid #e0e0e0;}
.title span.a{ display:block; float:right; height:40px; line-height:40px; padding-right:15px;}
.title span.a a{ color:#3668c1; font-size:10px; font-family:Georgia, "Times New Roman", Times, serif;}
.title h2{ float:left; height:40px; line-height:40px; color:#fff;font-family:microsoft yahei; font-size:16px; font-weight:normal; margin:0; padding:0 24px 0 0; background:rgb(158,22,0);}
.title h2 span{ display:inline-block; height:40px; line-height:40px;}
.floor1{ margin-top:18px; height:auto; overflow:hidden;}
.f1l{ float:left; width:431px;}
.f1l .title h2 span{ background:url(../images/bg_i1.png) no-repeat 12px center; padding-left:48px;}
.f1l ul{ padding:17px 12px 0; height:192px;}
.f1l ul li{ height:25px; line-height:25px; position:relative; background:url(../images/a.png) no-repeat 0px center; padding-left:6px;}
.f1l ul li span{ position:absolute; right:0; line-height:25px; top:0;}
.f1l ul li.first{ height:97px; overflow:hidden; background:none; padding:0; margin:0 0 6px;}
.f1l ul li.first .lil{ float:left; width:139px;}
.f1l ul li.first .lil a{ display:block; width:139px; height:95px;}
.f1l ul li.first .lil a img{ width:139px; height:95px;}
.f1l ul li.first .lir{ float:right; width:255px;}
.f1l ul li.first .lir h2{ height:28px; line-height:28px; overflow:hidden; margin:0 0 4px;}
.f1l ul li.first .lir h2 a{ font-weight:bold; font-size:14px; color:#4e4e4e;}
.f1l ul li.first .lir p{ height:70px; overflow:hidden; line-height:1.8em; margin:0;}

.f1r{ float:right; width:550px;}
.f1r .title h2 span{ background:url(../images/bg_i2.png) no-repeat 13px center; padding-left:46px;}
.f1r .gsjj{ padding:9px 12px 0 190px; line-height:2em; height:170px; overflow:hidden; background:url(../images/gsjj.jpg) no-repeat 0px 9px;}
.f1r .gsjj a.more{ color:#ff0000;}

.floor2{ height:auto; overflow:hidden; margin-top:14px;}
.floor2 .title h2 span{ background:url(../images/bg_i3.png) no-repeat 10px center; padding-left:34px;}
.leftLoop{ padding:15px 0 0 0px;}
.leftLoop .bd{ width:1000px; overflow:hidden;}
.leftLoop .bd ul{}
.leftLoop .bd ul li{ float:left; width:188px; margin-right:11px;}
.leftLoop .bd ul li a{ display:table-cell; width:188px; height:156px; overflow:hidden; text-align:center; vertical-align:middle;}
.leftLoop .bd ul li a img{ max-width:188px; max-height:156px; transition:all ease-in-out 0.3s;}
.leftLoop .bd ul li a img:hover{ opacity:0.8;}
.leftLoop .bd ul li p{ height:30px; margin:6px 0; line-height:30px; text-align:center;}
.floor3{ height:auto; overflow:hidden; margin-top:14px;}
.f3l{ float:left; width:356px;}
.f3l .title h2 span{ background:url(../images/bg_i4.png) no-repeat 8px center; padding-left:36px;}
.f3l .title h2 span.cp{ background:url(../images/bg_i5.png) no-repeat 8px center; padding-left:36px;}
.f3l ul{ padding:8px 10px;}
.f3l ul li{ height:32px; line-height:32px; overflow:hidden; position:relative;}
.f3l ul li span{ position:absolute; top:0; right:0;}
.f3r{ width:258px; float:right;}
.f3r .title h2 span{ background:url(../images/bg_i6.png) no-repeat 8px center; padding-left:36px;}
.f3r .lxwm,.lanmu .lxwm{ line-height:2em; background:url(../images/bg_lxwm.png) no-repeat center 7px; padding:81px 15px 10px;}

.flink{ background:#f0f0f0; height:40px; line-height:40px; margin:20px 0 22px 0;}
.lkl{ float:left; height:40px; line-height:40px; color:#fff;font-family:microsoft yahei; font-size:16px; font-weight:normal; margin:0; padding:0 24px 0 0; background:rgb(158,22,0);}
.lkl span{ display:inline-block; height:40px; line-height:40px; background:url(../images/bg_i7.png) no-repeat 13px center; padding-left:49px;}
.link{ height:300px; float:left; padding-left:6px;}
.link a{ margin:0 4px; }



.dleft{ float:left; width:240px; margin:12px 0 0 15px;}
.lanmu{ margin-bottom:14px;}
.lanmu ul{ padding:10px 15px; border:1px solid #e0e0e0; border-top:none;}
.lanmu ul li{ margin-bottom:5px;}
.lanmu ul li a{ display:block; font-family:microsoft yahei; font-size:14px;height:32px; line-height:32px; border-radius:2px; text-indent:20px; background:#f6f6f6;}
.lanmu ul li a:hover,.lanmu ul li a.hover{ color:#fff;background:#1277cf;}
.lanmu .title h2,.dright .title h2{ padding:0 24px;}
.lanmu .lxwm{ border:1px solid #e0e0e0; border-top:none;}
.dright{ float:right; width:730px; margin:12px 0 0 15px;}
.dright .title span.b{ display:block; float:right; padding:0 14px 0 0;}
.dright .title span.b a{ margin:0 4px;}
.nr{ line-height:2em; padding:15px 20px; border:1px solid #e0e0e0; border-top:none;}
.nr img{ max-width:680px;}









#footer{ clear:both; background:rgb(158,22,0); min-height:145px;}
.footer{ width:1002px; margin:0 auto; color:#fff; text-align:center;}
.footer a{ color:#fff; margin:0 4px;}
.footernav{ height:30px; line-height:30px; padding-top:8px;}
.footer p{ margin:8px 0;}


/***********轮播图样式***********/
.flickerplate { position: relative; width: 100%; height: 393px; background:none;overflow: hidden }
.flickerplate ul.flicks { width: 10000%; height: 100%; padding: 0px; margin: 0px; list-style: none }
.flickerplate ul.flicks>li { float: left; width: 1%; height: 100%; background-position: center; background-size: cover; display: table }
.flickerplate ul.flicks>li .flick-inner { height: 100%; padding: 10px; color: #fff; display: table-cell; vertical-align: middle }
.flickerplate ul.flicks>li .flick-inner .flick-content { max-width: 68.75em; margin-left: auto; margin-right: auto }
.flickerplate ul.flicks>li .flick-title { padding: 0px 0px; font-size: 2.778em; line-height: 1.995em; text-align: center }
@media only screen and (max-width: 43.813em) {
.flickerplate ul.flicks>li .flick-title { font-size: 1.667em }
}
.flickerplate ul.flicks>li .flick-sub-text { padding: 5px; font-weight: 300; line-height: 2.5em; color: rgba(255, 255, 255, 0.8); text-align: center }
.flickerplate ul.flicks>li .flick-title span.flick-block-text, .flickerplate ul.flicks>li .flick-sub-text span.flick-block-text { padding: 12px 18px; background-color: rgba(0, 0, 0, 0.6) }
.flickerplate .arrow-navigation { position: absolute; height: 80%; width: 10%; top: 10%; z-index: 100; overflow: hidden }
.flickerplate .arrow-navigation .arrow { display: block; height: 100%; width: 90%; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out }
.flickerplate .arrow-navigation:hover, .flickerplate .arrow-navigation .arrow:hover { cursor: pointer }
.flickerplate .arrow-navigation.left { left: 0% }
.flickerplate .arrow-navigation.left .arrow { opacity: 0; margin: 0px 0px 0px 50%; background-image: url(../images/arrow-left-light.png); background-repeat: no-repeat; background-position: left }
.flickerplate .arrow-navigation.right { right: 0% }
.flickerplate .arrow-navigation.right .arrow { opacity: 0; margin: 0px 0px 0px -50%; background-image: url(../images/arrow-right-light.png); background-repeat: no-repeat; background-position: right }
.flickerplate .arrow-navigation.left.hover .arrow { opacity: 1; margin: 0px 0px 0px 20% }
.flickerplate .arrow-navigation.right.hover .arrow { opacity: 1; margin: 0px 0px 0px -20% }
.flickerplate .dot-navigation { position: absolute; bottom: 15px; width: 100%; text-align: center; z-index: 100;}
.flickerplate .dot-navigation ul { text-align: center; list-style: none; padding: 0px 15px }
.flickerplate .dot-navigation ul li { display: inline-block; float: none }
.flickerplate .dot-navigation .dot { width: 14px; height: 14px; margin: 0px 6px; background-color: rgba(255, 255, 255, 0.3); border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out; -o-transition: background-color 0.2s ease-out; -ms-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out }
.flickerplate .dot-navigation .dot:hover { cursor: pointer; background-color: rgba(255, 255, 255, 0.6) }
.flickerplate .dot-navigation .dot.active { background-color: #fff }
.flickerplate .dot-navigation.left, .flickerplate .dot-navigation.left ul { text-align: left }
.flickerplate .dot-navigation.right, .flickerplate .dot-navigation.right ul { text-align: right }
.flickerplate.flicker-theme-dark .arrow-navigation.left .arrow { background-image: url(../images/arrow-left-dark.png) }
.flickerplate.flicker-theme-dark .arrow-navigation.right .arrow { background-image: url(../images/arrow-right-dark.png) }
.flickerplate.flicker-theme-dark .dot-navigation .dot { background-color: rgba(0, 0, 0, 0.12) }
.flickerplate.flicker-theme-dark .dot-navigation .dot:hover { background-color: rgba(0, 0, 0, 0.6) }
.flickerplate.flicker-theme-dark .dot-navigation .dot.active { background-color: #000 }
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner { color: rgba(0, 0, 0, 0.9) }
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text { color: rgba(0, 0, 0, 0.9) }
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-title span.flick-block-text, .flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text span.flick-block-text { background-color: rgba(255, 255, 255, 0.5) }
.flickerplate ul.flicks li.flick-theme-dark .flick-inner { color: rgba(0, 0, 0, 0.9) }
.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text { color: rgba(0, 0, 0, 0.9) }
.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-title span.flick-block-text, .flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text span.flick-block-text { background-color: rgba(255, 255, 255, 0.5) }
.flickerplate.animate-transform-slide ul.flicks { -webkit-perspective: 1000; -webkit-backface-visibility: hidden; transform: translate3d(0%, 0px, 0px); -webkit-transform: translate3d(0%, 0px, 0px); -webkit-transition: -webkit-transform 0.6s; -o-transition: -o-transform 0.6s; -moz-transition: -moz-transform 0.6s; transition: transform 0.6s }
.flickerplate.animate-transition-slide ul.flicks { position: relative; left: 0%; -webkit-transition: left 0.4s ease-out; -moz-transition: left 0.4s ease-out; -o-transition: left 0.4s ease-out; -ms-transition: left 0.4s ease-out; transition: left 0.4s ease-out }
.flickerplate.animate-jquery-slide ul.flicks { position: relative; left: 0% }
.flickerplate.animate-scroller-slide { padding-bottom: 0px; overflow: auto }
.flickerplate.animate-scroller-slide ul.flicks { position: auto }

.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 14px;
  padding: 1px 8px;
  margin: 0 5px;
  border-radius: 3px;
}
.pagination span {
    color: #333;
    font-size: 14px;
    padding: 1px 2px;
    margin: 0 5px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #9e1600;
  border: 1px solid #9e1600;
}
.pagination a.page-num-current {
  color: #fff;
  background: #9e1600;
  border: 1px solid #9e1600;
}