@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;}

.banner{ height:393px;}





.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:#0072E3; 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:#0072E3;}

.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:#1277cf;}



.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:#0072E3;}

.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:120px; 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:#0072E3;}

.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:#0072E3; 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 }