body,p,ul,li,dl,dt,dd,h1,h2,h3{margin: 0;padding: 0;list-style: none;}
p,a,div,body{font-size: 14px;color: #545454;font-family: microsoft yahei;}
.w{width: 1200px;margin: 0 auto;padding: 0px;}
a{text-decoration: none;}
img{border: none;}
.fl{float: left;}
.fr{float: right;}

#head{background: url(../images/bg_head.png) repeat-x 0 0;}
.head{height: 180px;}
.topbar,.topbarr,.topbarl{height: 35px;line-height: 35px;overflow: hidden;}
.topbarl,.topbarr span,.topbarr a{color: #fff;font-size: 12px;}
.topbarr span{margin: 0 4px;}
.top{height: 120px;}
.logo{padding-top: 18px;width: 670px; }
.logo a{display: block;width: 668px;height: 79px;background: url(../images/logo.png) no-repeat 0 0;text-indent: -9999em;}

.topr{width: 245px;padding-top: 30px;}
.topr .dh{}
.topr .dh p{color: #32944d;height: 28px;line-height: 28px; font-family: Georgia;background: url(../images/tel.png) no-repeat 0px center;padding-left: 20px;font-size: 26px;}

.menu{clear: both;}
.menu ul{}
.menu ul li{float: left;margin-right: 61px;}
.menu ul li.last{margin-right: 0;}
.menu ul li a{display: block;height: 60px;line-height: 60px;color: #404040;font-size: 16px;width: 90px;text-align: center;}
.menu ul li a:hover,.menu ul li a.hover{ background: url(../images/bg_a.png) repeat-x 0 top;color: #16a82a;}
.menu ul li.a1{background: url(../images/home.png) no-repeat center center;padding: 0 20px;}
.menu ul li.a1 a{text-indent: -9999em;}

.flickerplate { position: relative; width: 100%; height: 600px; 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/left.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/right.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: 36px; height: 6px; margin: 0px 6px; background: #fff;  -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: #247716; }
.flickerplate .dot-navigation .dot.active { background-color: #247716 }
.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 }
.bn img{width: 100%;}

.title{padding: 46px 0 12px;text-align: center;}
.title h2,.title h2 a{font-size: 32px;color: #303030;font-weight: normal;}
.title p{text-transform: uppercase;font-size: 14px;color: #646464;font-weight: normal;padding: 14px 0 0;line-height: 1.6em;}

#f1{background: #f5f9ff;height: 775px}
.f1{height: auto;overflow: hidden;padding: 50px 0 0 0;}
.f1l{width: 250px;background: #36ce68;}
.f1lt{background: #168fec;height: 80px;}
.f1lt h2{text-indent: 85px; color: #fff;line-height: 80px;margin: 0;padding: 0;font-size: 22px;font-weight: normal;background: url(../images/bg_h2.png) no-repeat 58px center;}
.f1l ul{padding-bottom: 10px;padding-top: 10px;}
.f1l ul li{}
.f1l ul li a{color: #fff;display: block;background: url(../images/bg_ullia.png) no-repeat 195px center; height: 62px;line-height: 62px;font-size: 16px;text-indent: 60px;}
.f1r{width: 912px;}
.f1rt{height: 50px;border-left: 5px solid #36ce68;padding-left: 10px;}
.f1rt h2,.f1rt h3{font-weight: normal;}
.f1rt h2{color: #000;font-size: 22px;}
.f1rt h3{font-weight: bold;color: #1d74e1;font-size: 16px;text-transform: uppercase;}
.f1rb{height: auto;overflow: hidden;padding-top: 20px;}
.f1rb a{display: block;float: left;margin: 0 20px 20px 0;}
.f1rb a img,.f1rb a,.f1rb a .pic{width: 290px;}
.f1rb a .pic,.f1rb a .pic img{height: 220px;overflow: hidden;}
.f1rb a p{height: 60px;line-height: 60px;text-indent: 33px; font-size: 16px;color: #242424;background: url(../images/bg_p.png) no-repeat 228px center;}
.f1rb a:hover{background: #168fec;}
.f1rb a:hover p{color: #fff;background: url(../images/bg_phover.png) no-repeat 228px center;}
.f1rb a.a3,.f1rb a.a6{margin-right: 0;}

.f2{height: auto;overflow: hidden;}
.f2t{text-indent: -9999em;background: url(../images/bg_f2t.png) no-repeat center top;height: 64px;margin-top: 60px;}
.f2b{height: 940px;background: url(../images/bg_f2b.png) no-repeat center top;margin-top: 50px;}
.f2b .txt,.f2b .piclist{height: 1px;position: relative;}
.f2b .piclist .pic07,.f2b .piclist .pic08,.f2b .piclist .pic09{position: absolute;}
.f2b .piclist .pic07{top: 0;left: 0;}
.f2b .piclist .pic08{top: 328px;right: 0;}
.f2b .piclist .pic09{top: 662px;left: 0;}
.f2b .txt dl{position: absolute;}

.f2b .txt dl dt h2,.f2b .txt dl dt h3{font-weight: normal;text-transform: uppercase;}
.f2b .txt dl dt h2{font-size: 16px;color: #4f5b71;margin-top: 10px;}
.f2b .txt dl dt h3{font-family: Georgia;font-size: 10px;color: #b6c2d1;}
.f2b .txt dl dd{margin-top: 20px;}
.f2b .txt dl dd h2{font-size: 29px;color: #168fec;font-weight: bold;}
.f2b .txt dl dd p{color:#6a8294;font-size: 16px;line-height: 1.9em;margin-top: 10px;}

.f2b .txt dl.dl1{top: 0;left: 668px;}
.f2b .txt dl.dl3{top: 660px;left: 668px;}
.f2b .txt dl dt{height: 60px;overflow: hidden;}
.f2b .txt dl.dl1 dt{background: url(../images/bg_dl1.png) no-repeat 0px center;padding-left: 68px;}
.f2b .txt dl.dl3 dt{background: url(../images/bg_dl3.png) no-repeat 0px center;padding-left: 68px;}
.f2b .txt dl.dl2{top: 330px;right: 668px;}
.f2b .txt dl.dl2 dt{background: url(../images/bg_dl2.png) no-repeat right center;padding-right: 68px;text-align: right;}
.f2b .txt dl.dl2 dd{text-align: right;}


#f3{height: 350px;background: #168fec;margin-top: 80px;}
.f3{height: 350px;position: relative;}
.f3i{position: absolute;height: 503px;width: 1200px;left: 0;top: -153px;z-index: 999;background: url(../images/bg_f3.png) no-repeat center bottom;}
.f3i .dh{padding: 248px 0 0 110px;}
.f3i .dh .dht{height: 45px;line-height: 45px;width: 336px;text-align: center;color: #16a82a;font-size: 28px;background: #fffd6c;border-radius: 24px;}
.f3i .dh h3,.f3i .dh h4{color:#fffd6c;font-weight: normal;}
.f3i .dh h3{font-size: 35px;line-height: 35px;margin: 10px 0;}
.f3i .dh h4{font-size: 24px;}

.f4{height: auto;overflow: hidden;padding-top: 50px;}
.f4l{width: 594px;}
.f4l .pic img{width: 590px;height: 444px;}
.f4r{width: 570px;}
.f4rt .atit{}
.f4rt .atit h3{font-size: 38px;color: #36ce68;text-transform: uppercase;}
.f4rt .atit h2{color: #424242;font-size: 22px;font-weight: normal;}
.f4rt p{font-size: 16px;color: #424242;line-height: 1.9em;height: 130px;overflow: hidden;margin: 24px 0;}
.f4rt .more a{display: block;text-align: center;transition: all ease-in-out .2s; width: 150px;height: 44px;line-height: 44px;border: 1px solid #e2e2e2;}
.f4rt .more a:hover{color: #fff;background: #168fec;border: 1px solid #168fec;}
.f4rb{height: auto;overflow: hidden;margin-top: 38px;}
.f4rb a{display: block;width: 276px;height: 104px;background: #168fec;float: left;}
.f4rb a.a1{margin-right: 18px;}
.f4rb a h2,.f4rb a h3{font-weight: normal;color: #fff;}
.f4rb a h3{text-transform: uppercase;font-family: arial;font-size: 14px;color: #a7ccf6;}
.f4rb a.a1 .aa{background: url(../images/bg_a1.png) no-repeat 50px center;}
.f4rb a.a2 .aa{background: url(../images/bg_a2.png) no-repeat 50px center;}
.f4rb a .aa{height: 104px;padding-left: 115px;overflow: hidden;}
.f4rb a .aa h2{margin: 29px 0 4px 0;}


#f5{height: auto;background: #f5f9ff;margin-top: 50px;}
.f5{height: auto;overflow: hidden;padding: 40px 0;}
.f5l{width: 380px;margin-right: 30px;}
.f5r{margin-right: 0;}
.f5l h2{font-size: 20px;color: #168fec;height: 20px;line-height: 20px;border-left: 3px solid #168fec;font-weight: normal;padding-left: 6px;}
.f5l h2 a{font-size: 20px;color: #168fec;}
.f5lb ul li{height: 38px;line-height: 38px;overflow: hidden;position: relative;background: url(../images/bg_li.png) no-repeat 0px center;padding-left: 20px;}
.f5lb ul li a{font-size: 16px;color: #474747;}
.f5lb ul li a:hover{color: #168fec;}
.f5lb ul li span{color: #848484;font-size: 14px;position: absolute;right: 0;}
.f5lb p{margin: 20px 0 15px;}
.f5rb {padding-top: 10px;}
.f5rb dl{border-bottom: 1px dashed #ededed;padding-bottom: 8px;margin-top: 10px;}
.f5rb dl dt{height: 28px;line-height: 28px;background: url(../images/wen.png) no-repeat 0px center;}
.f5rb dl dt a{font-size: 16px;color: #111;padding-left: 42px;}
.f5rb dl dd{background: url(../images/da.png) no-repeat 0px 6px;padding-left: 42px;font-size: 14px;color: #888;line-height: 2em;margin-top: 10px;height: 56px;overflow: hidden;}

.flink{padding: 30px 0;}
.flink span,.flink a,.flink{color: #7e7e80;font-size: 16px;}
.link span{background: url(../images/bg_flink.png) no-repeat 0px center;padding: 4px 0 0 30px;}
.link a{margin-right: 8px;}


#footer{clear: both;background: #283040;}
.fttop{padding: 50px 0 40px;height: auto;overflow: hidden;}
.ftlogo{padding: 24px 0 0;width: 416px;}
.ftc{height: 50px;border-left: 1px solid #333c4e;margin-top: 24px;padding: 0 75px 0 75px;border-right: 1px solid #333c4e;}
.ftc ul li{color: #4f5b71;font-size: 14px;height: 25px;line-height: 25px;padding-left: 20px;}
.ftc ul li.li1{background: url(../images/bg_li1.png) no-repeat 0px center;}
.ftc ul li.li2{background: url(../images/bg_li2.png) no-repeat 0px center;}
.ftbottom{text-align: center;border-top: 1px solid #333c4e;}
.ftbottom p,.ftbottom p a{font-size: 12px;color: #727272;}
.ftbottom{padding: 20px 0;}
.ftbottom p,.ftbottom p a{color: #4f5b71;font-size: 14px;}

#pos{border-bottom: 1px solid #e6e6e6;}
.pos,.posl,.posr{height: 70px;}
.posl a{display: block;float: left;height: 68px;line-height: 68px;font-size: 16px;color: #222;border-bottom: 2px solid #fff;margin-right: 80px;}
.posl a:hover,.posl a.hover{color: #009844;border-bottom: 2px solid #009844;}
.posr{line-height: 68px;}
.posr a{margin: 0 4px;color: #555555;font-size: 14px;}

.nrcat{padding: 0px 0;text-align: center;border-bottom: 1px solid #ddd;}
.nrcat a{display: inline-block;padding: 4px 20px;transition: all ease-in-out .2s; border: 1px solid #009844;font-size: 16px;border-radius: 4px;margin: 40px 10px;color: #009844;}
.nrcat a:hover,.nrcat a.hover{background: #009844;color: #fff;}
.nr{line-height: 2em;}
.page,.photo{padding: 40px 0 60px;}

.fenye{text-align: center;padding: 20px 0 50px;}
.fenye a,.fenye span{display: inline-block;margin: 0 4px;padding: 2px 12px;background: #ddd;border-radius: 1px;}
.fenye a:hover,.fenye span.current{background: #009844;color: #fff;}


.photo{height: auto;overflow: hidden;}
.photo a{display: block;float: left;border: 1px solid #ddd;border-radius: 2px;}
.photo a .pic{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;align-items: center;justify-content: center;height: 200px;overflow: hidden;}
.photo a,.photo a .pic{width: 265px;}

.photo a{margin-right: 22px;margin-bottom: 30px;}
.photo a img{max-height: 200px;max-width: 260px;}
.photo a p{height: 40px;line-height: 40px;text-align: center;transition: all ease-in-out .2s;border-top: 1px solid #ddd;}
.photo a:hover{border: 1px solid #009844;}
.photo a:hover p{background: #009844;color: #fff;}


.showt{text-align: center;padding: 30px 0 20px;}
.showt h1{font-weight: normal;font-size: 24px;height: 30px;overflow: hidden;}
.showt .date{font-size: 12px;color: #888;padding-top: 6px;}
.detail{padding-top: 20px;padding-bottom: 40px;}
.detail a{color: #06f;}
.content{border-top: 1px solid #ddd;padding-top: 10px;}
.content ul{height: auto;overflow: hidden;padding: 2px 0 40px;}
.content ul li.lil{float: left;}
.content ul li.lir{float: right;}

.news{padding: 40px 0;}
.news dl{border-bottom: 1px dashed #ddd;padding: 18px;transition: all ease-in-out .2s;}
.news dl dd{}
.news dl dd h2{position: relative;font-weight: normal;}
.news dl dd h2 span{color: #888;font-size: 12px;position: absolute;right: 0;background: #eee;padding: 2px 10px;display: inline-block;}
.news dl dd h2 a{font-size: 18px;transition: all ease-in-out 0.2s;}
.news dl dd h2 a:hover{color: #009844;}
.news dl dd p{padding: 10px 0;line-height: 1.9em;height: 40px;overflow: hidden;color: #999;}
.news dl:hover{background: #eee;}


.fuwu{}
.fw1{height: 328px;background: url(../images/bg_fw1.png) no-repeat right 20px;padding-right: 470px;}
.fw2b{text-align: center;padding-top: 50px;}


.n-tj{}
.tj-title{border-bottom: 1px solid #009844;}
.tj-title,.tj-title h3{font-weight: normal;height: 40px;line-height: 40px;}
.tj-title h3{color: #fff;padding: 0 14px;background: #009844;float: left;}
.tj-pro{}
.pro-list{height: auto;overflow: hidden;padding: 40px 0;}
.pro-list a{display: block;float: left;margin-right: 20px;text-align: center;}
.pro-list a,.pro-list a .pic,.pro-list a .pic img{width: 210px;}
.pro-list a .pic,.pro-list a .pic img{height: 180px;}
.pro-list a p{height: 40px;line-height: 40px;overflow: hidden;}

.tj-news{}
.tj-news ul{height: auto;overflow: hidden;padding: 20px 0 40px;}
.tj-news ul li{float: left;width: 550px;margin-right: 30px;height: 40px;line-height: 40px;overflow: hidden;position: relative;border-bottom: 1px dotted #eee;}
.tj-news ul li a{}
.tj-news ul li span{position: absolute;right: 0;top: 0;color: #888;}




/****************************qq客服代码****************************/
.custom_service p img {display: inline; vertical-align:middle;}
.scrollsidebar{position:absolute; z-index:999; top:350px;right:0}
.side_content{width:154px; height:auto; overflow:hidden; float:left; }
.side_content .side_list {width:154px;overflow:hidden;}
.show_btn{ width:0; height:112px; overflow:hidden; margin-top:50px; float:left; cursor:pointer;}
.show_btn span { display:none;}
.close_btn{width:24px;height:24px;cursor:pointer;}
.side_title,.side_bottom,.close_btn,.show_btn {background:url(../images/sidebar_bg.png) no-repeat;}
.side_title {height:46px;}
.side_bottom { height:8px;}
.side_center {font-family:Verdana, Geneva, sans-serif; padding:5px 12px; font-size:12px;}
.close_btn { float:right; display:block; width:21px; height:16px; margin:16px 10px 0 0; _margin:16px 5px 0 0;}
.close_btn span { display:none;}
.side_center .custom_service p { text-align:center; padding:6px 0; margin:0; vertical-align:middle;font-size: 11px;}
.side_center .custom_service p img{width: 50px;}
.other  { text-align:center;border-bottom:1px solid #ddd;border-top:1px solid #ddd}
.other p { padding:5px 0; _height:16px; margin:0;color: #666666;}
.msgserver { text-align:center; margin-bottom:5px;}
.other p.pp{font-weight: bold;}
.msgserver a { background:url(../images/sidebar_bg.png) no-repeat -119px -115px; padding-left:22px;}

/* blue skin as the default skin */
.side_title, .side_blue .side_title {background-position:-195px 0;}
.side_center, .side_blue .side_center {background:url(../images/blue_line.png) repeat-y center;}
.side_bottom, .side_blue .side_bottom {background-position:-195px -50px;}
.close_btn, .side_blue .close_btn {background-position:-44px 0;}
.close_btn:hover, .side_blue .close_btn:hover {background-position:-66px 0;}
.show_btn , .side_blue .show_btn {background-position:-119px 0;}
.msgserver a, .side_blue .msgserver a {color:#06C;}

/* green skin  */
.side_green .side_title {background-position:-349px 0;}
.side_green .side_center {background:url(../images/green_line.png) repeat-y center;}
.side_green .side_bottom {background-position:-349px -50px;}
.side_green .close_btn {background-position:-44px -23px;}
.side_green .close_btn:hover {background-position:-66px -23px;}
.side_green .show_btn {background-position:-147px 0;}
.side_green .msgserver a {color:#76a20c;}