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



.top{height: 157px;overflow: hidden;}

.logo{width: 673px; }

.logo a{display: block;width: 672px;height: 151px;background: url(../images/logo.png) no-repeat 0 0;text-indent: -9999em;}

.topr{float: right;width: 290px;height: 100px;padding-top: 42px; overflow: hidden;}

.topr .dh{float: right;text-align: right;color: #0f5ea1;font-size: 29px;font-weight: bold;height: 32px;line-height: 32px;background: url(../images/bg_dh.png) no-repeat 0px center;padding-left: 42px;}



.menu{height: 50px;}

.menu ul{height: auto;overflow: hidden;padding-top: 4px;}

.menu ul li{float: left;margin-right: 40px;position: relative;}

.menu ul li a{display: block;font-size: 18px; height: 28px;line-height: 27px;color: #353535; width: 96px;text-align: center;border-radius: 30px;}

.menu ul li a:hover,.menu ul li a.hover{color: #fff;background: #589ad1;}

.menu ul li.last{margin-right: 0;}





.flickerplate { position: relative; width: 100%; height: 508px; 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: 20px;cursor: pointer; height: 6px; margin: 0px 1px; background: url(../images/dot.png) no-repeat center center;  -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.active { cursor: pointer; background: url(../images/doth.png) no-repeat center center; }

.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: 40px 0;text-align: center;}

.title .cn{font-size: 20px;color: #676769;}

.title .en{text-transform: uppercase;font-size: 22px;color: #8f8e8c;background: url(../images/bg_en.png) no-repeat center bottom;padding-bottom: 20px;}

.title .en span{color: #fec804;}



.f1 .title{text-align: left;}

.f1 .title .en{background: url(../images/bg_en.png) no-repeat left bottom;}

.f1b{height: auto;overflow: hidden;padding-top: 40px;padding-bottom: 50px;}

.f1b a{display: block;float: left;width: 268px;text-align: center;padding-top: 190px;margin-right: 42px;}

.f1b a h2{font-weight: normal;margin: 20px 0 15px;}

.f1b a h2 span{font-weight: normal;border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;color: #515152;font-size: 24px;display: inline-block;}

.f1b a h2 span,.f1b a p,.f1b a{transition: all ease-in-out .2s;}

.f1b a p{font-size: 16px;color: #646363;text-align: left;line-height: 1.9em;}

.f1b a:hover h2 span,.f1b a:hover p{color: #0f5ea1;}

.f1b a:hover h2 span{border-top: 1px solid #0f5ea1;border-bottom: 1px solid #0f5ea1;}



.f1b a.a1{background: url(../images/c1.png) no-repeat center top;}

.f1b a.a2{background: url(../images/c2.png) no-repeat center top;}

.f1b a.a3{background: url(../images/c3.png) no-repeat center top;}

.f1b a.a4{background: url(../images/c4.png) no-repeat center top;margin-right: 0;}



.f1b a.a1:hover{background: url(../images/c1h.png) no-repeat center top;}

.f1b a.a2:hover{background: url(../images/c2h.png) no-repeat center top;}

.f1b a.a3:hover{background: url(../images/c3h.png) no-repeat center top;}

.f1b a.a4:hover{background: url(../images/c4h.png) no-repeat center top;}



#f2{background: #eee;clear: both;height: auto;overflow: hidden;}

.f2{height: auto;padding: 0px 0 0px;}

.f2l{float: left;width: 600px;}

.f2r{float: right;width: 600px;position: relative;}

.f2r .pic{width: 960px;position: absolute;left: 0;top: 0;height: 535px;}

.f2l,.f2r{height: 535px;}



.f2 .title .en{background: url(../images/bg_en.png) no-repeat right bottom;}

.f2 .about,.f2 .title{padding-right: 30px;text-align: right;}

.f2 .about h2{color: #0f5ea1;font-size: 18px;font-weight: normal;}

.f2 .about h3{text-transform: uppercase;color: #aeaeae;font-size: 11px;font-weight: normal;}

.f2 .about p{color: #636363;font-size: 16px;margin-top: 22px;line-height: 2em;}



.sld{}

.sld .hd{height: 74px;background: url(../images/bg_hd.png) no-repeat 0 center;padding-left: 400px;}

.sld .hd ul{height: auto;overflow: hidden;background: #fef9f2;padding: 13px 0 0 20px;}

.sld .hd ul li{float: left;}

.sld .hd ul li a{color: #633f0b;font-size: 18px;display: block;width: 154px;height: 45px;line-height: 45px;text-align: center;}

.sld .hd ul li.on a{color: #fff;background: url(../images/bg_lion.png) no-repeat 0px 0px;}

.sld .bd {clear: both;padding-top: 28px;}

.sld .bdlst{height: auto;overflow: hidden;}

.sld .bdlst a{display: block;float: left;text-align: center;width: 386px;margin-right: 20px;margin-bottom: 20px;}

.sld .bdlst a .pic{height: 290px;overflow: hidden;}

.sld .bdlst a .pic img{width: 100%;}

.sld .bdlst a p{text-align: center;display: none; color: #633f0b;font-size: 16px;height: 40px;line-height: 40px;overflow: hidden;padding-top: 6px;}

.sld .hd ul li.last{background: none;}

.sld .bdlst a.a3,.sld .bdlst a.a7{margin-right: 0;}



.sld .bdlst a.a4,.sld .bdlst a.a5,.sld .bdlst a.a6,.sld .bdlst a.a7{width: 285px;}

.sld .bdlst a.a4 .pic,.sld .bdlst a.a5 .pic,.sld .bdlst a.a6 .pic,.sld .bdlst a.a7 .pic{height: 213px;}

#f3{background: url(../images/bg_f3.jpg) repeat-x 0 top; height: 780px;overflow: hidden;}

.f3{padding-top: 30px;}

.f3b{height: auto;overflow: hidden;background: #f8f8f8;}

.f3b a .pic p{font-size: 16px;color: #828284;line-height: 1.8em;}

.f3b a .pic h3{color: #0f5ea1;font-size: 18px;font-weight: normal;padding: 70px 0 16px;}

.f3b a{display: block;float: left;width: 600px;height: 297px;}

.f3b a.a1{background: url(../images/d1.png) no-repeat 0px center;}

.f3b a.a2{background: url(../images/d2.png) no-repeat 0px center;}

.f3b a.a1 .pic,.f3b a.a2 .pic{padding-left: 346px;width: 210px;text-align: center;}

.f3b a.a3{background: url(../images/d3.png) no-repeat right center;}

.f3b a.a4{background: url(../images/d4.png) no-repeat right center;}

.f3b a.a3 .pic,.f3b a.a4 .pic{padding-left: 46px;width: 210px;text-align: center;}



.f4{padding-top: 20px;}



.f2b{height: auto;overflow: hidden;}

.newt{height: auto;overflow: hidden;padding-bottom: 25px;}

.newt-l{float: left;width: 408px;}

.newt-l a{display: block;}

.newt-l a,.newt-l a .pic,.newt-l a img{width: 370px;height: 260px;}

.newt-l a{position: relative;}

.newt-l a .pic,.newt-l a p{position: absolute;left: 0;bottom: 0;}

.newt-l a p{height: 40px;line-height: 40px;text-align: center;font-size: 16px;color: #fff;background: rgba(0,0,0,0.5);width: 370px;}

.newt-r{float: left;width: 784px;}

.newt-r h2{font-weight: normal;margin-top: 40px;margin-bottom: 36px;}

.newt-r h2 a{font-size: 18px;color: #030000;}

.newt-r p{font-size: 16px;color: #716f6f;line-height: 1.8em;height: 90px;overflow: hidden;}

.newt-r .date{color: #7c7d7e;font-size: 13px;margin-top: 10px;}





.newb{height: auto;overflow: hidden;padding: 10px 0 20px;}

.newb ul.ula{width: 574px;float: left;}

.newb ul.ula li{border-bottom: 1px dashed #e4d9ce;position: relative;height: 36px;line-height: 36px;overflow: hidden;background: url(../images/bg_li.png) no-repeat 4px center;padding-left: 20px;}

.newb ul.ula li a{font-size: 16px;color: #727270;transition: all ease-in-out .2s;}

.newb ul.ula li a:hover{color: #0f5ea1;}

.newb ul.ula li span{font-size: 14px;color: #b8b8b7;position: absolute;right: 0;}

.newb ul.ul0{margin-right: 0;float: right;}

.newb ul.ula li.first{border-bottom: 1px solid #e4d9ce;margin-bottom: 10px;padding-left: 0;background: none;}

.newb ul.ula li.first a{font-size: 18px;color: #0f5ea1;}

.newb ul.ula li.first a:hover{color: #efbd07;}

.newb ul.ula li.first span a{font-size: 12px;font-family: arial;}


.newb ul.showtj li{ float:left; width:33%;}

.nr .newb ul.ula{width: 556px;}

.nr .newb{padding-bottom: 50px;}

#f5{background: url(../images/bg_f5.jpg) no-repeat center top;height: 520px;clear: both;margin-top: 20px;}

.f5 p{text-align: center;}

.f5b {height: auto;overflow: hidden;padding-top: 80px;}

.f5b ul{}

.f5b ul li{float: left;margin-right: 6px;width: 294px;}

.f5b ul li img{border: 1px solid #959595;width: 292px;height: 210px;}

.f1bb{}

.f1bb ul li{width: 234px;margin-right: 6px;}

.f1bb ul li img{width: 232px;height: 155px;border: 1px solid #aaaaaa;}



.flink{padding: 20px 0;background: #fff;}

.link{padding: 5px 0;}

.link strong{font-size: 18px;color: #0f5ea1;font-weight: normal;background: url(../images/bg_flink.png) no-repeat 0px center;padding-left: 30px;padding-top: 2px;padding-bottom: 2px;}

.link a{margin-right: 20px;display: inline-block;font-size: 14px;color: #0f5ea1;}





#footer{background: #414040;clear: both;border-top: 2px solid #0f5ea1;}

#ftb{text-align: center;padding: 0px 0 20px;}

#ftb p,#ftb p a{font-size: 14px;color: #ddd;}

.footer{height: auto;overflow: hidden;padding: 40px 0 40px;}



.ftr,.ftc{}

.ftl{margin-right: 8px;padding-left: 50px;width: 186px;}

.ftlogo{}

.ewm{padding-top: 13px;}

.ftl,.ftc{float: left;}

.ftr{width: 150px;height: auto;overflow: hidden;}

.ftc{width: 730px;text-align: center;}

.ewm{float: right;}

.ftc p{color: #b5b7b9;font-size: 18px;line-height: 1.8em;}

.ftmenu{text-align: center;margin-bottom: 30px; color:#ddd}

.ftmenu a{display: inline-block;margin: 0 10px;color: #b5b7b9;color:#fdd}







#pos{background: #f0f0f0;border-bottom: 1px solid #ddd;margin-top: -4px;}

.pos{height: 50px;line-height: 50px;padding: 0 20px;}

.nr{padding: 0 20px;}

.posl{float: left;font-weight: bold;font-size: 22px;color: #0f5ea1;}

.posr{float: right;}

.posr,.posr a{font-size: 12px;color: #888;}

.posr a{margin: 0 4px;}



.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 #0f5ea1;font-size: 16px;border-radius: 4px;margin: 40px 10px;color: #0f5ea1;}

.nrcat a:hover,.nrcat a.hover{background: #0f5ea1;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: #0f5ea1;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: 266px;}



.photo a{margin-right: 22px;margin-bottom: 30px;}

.photo a img{max-height: 200px;max-width: 250px;}

.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 #0f5ea1;}

.photo a:hover p{background: #0f5ea1;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: #0f5ea1;}

.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 40px;padding-right: 470px;}

.fw2b{text-align: center;padding-top: 50px;}

.fw1title{width: 140px;text-align: center;background: url(../images/bg_title.png) no-repeat center bottom;padding-top: 36px;}

.fw1title h2{color: #0f5ea1;font-size: 18px;}

.fw1title h3{font-size: 12px;color: #7d7e7f;font-weight: normal;}

.fw1 p{padding-top: 30px;padding-left: 20px;}

.fw2{padding-top: 20px;}





/****************************qq客服代码****************************/





/*main css*/

.izl-rmenu{position:fixed;right: 1%;margin-left:532px;bottom:300px;padding-bottom:73px;background:url(../images/r_b.png) 0px bottom no-repeat;z-index:999;}

.izl-rmenu .btn{width:72px;height:73px;margin-bottom:1px;cursor:pointer;position:relative;}

.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#6da9de;}

.izl-rmenu .btn-qq:hover{background-color:#488bc7;}

.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#6da9de;text-decoration:none;display:block;}

.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat;background-color:#78c340;}

.izl-rmenu .btn-wx:hover{background-color:#58a81c;}

.izl-rmenu .btn-wx .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;}

.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat;background-color:#fbb01f;}

.izl-rmenu .btn-phone:hover{background-color:#ff811b;}

.izl-rmenu .btn-phone .phone{background-color:#ff811b;position:absolute;width:160px;left:-160px;top:0px;line-height:73px;color:#FFF;font-size:18px;text-align:center;display:none;}

.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat;background-color:#666666;display:none;}

.izl-rmenu .btn-top:hover{background-color:#444;}