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


.fl{float: left;}
.fr{float: right;}
#head{background: url(../images/bg_head.png) repeat-x 0 0;}

.top{height: 124px;overflow: hidden;}
.logo{padding-top: 0px;width: 620px;}
.logo a{display: block;width: 602px;height:114px;background: url(../images/logo.png) no-repeat 0 0;text-indent: -9999em;}
.topr{height: auto;overflow: hidden;padding-top: 24px;}
.topr .dh{background: url(../images/bg_dh.png) no-repeat 0 center;padding: 6px 0 6px 70px;}
.topr .dh h3,.topr .dh h2{font-weight: normal;}
.topr .dh h3{color: #666666;font-size: 18px;}
.topr .dh h2{color: #0365C6;font-size: 32px;}


.menu ul,.menu ul li,.menu ul li a.topa{height: 78px;}
.menu ul li{float: left;position: relative;}
.menu ul li a.topa{display: block;font-size: 16px;line-height: 78px;color: #fff;text-align: center;}
.menu ul li:hover a.topa,.menu ul li a.hover{background:url(../images/bg_a.png) no-repeat center bottom #fff;color: #0365C6;}

.menu ul li a.topa,.menu ul li dl{width: 150px;}
.menu ul li.last{margin-right: 0;background: none;}
.menu ul li dl{position: absolute;display: none;padding-top: 10px; width: 169px; z-index: 999; top: 78px;text-align: center;background: #fff;padding-bottom: 10px;border: 1px solid #e0e1cf;border-top: none;}
.menu ul li dl dd{}
.menu ul li:hover dl{display: block;}
.menu ul li dl dd a{color: #3f4636;font-size: 14px;height: 36px;line-height: 36px;display: block;}
.flickerplate{position: relative; width: 100%; height: 800px; 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: 14px; height: 14px; margin: 0px 6px; background: #fff;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: #0089cf;}
.flickerplate .dot-navigation .dot.active{background-color: #0089cf}
.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: 56px 0 12px;text-align: center;padding-bottom: 20px;}
.title h2,.title h2 a{font-size: 27px;color: #000;font-weight: normal;}
.title p{text-transform: uppercase;font-size: 15px;color: #999999;font-weight: normal;padding: 6px 0 0;line-height: 1.6em;}


.f1{height: auto;overflow: hidden;padding-top: 84px;}
.ftitle{background: url(../images/bg_title.png) repeat-x 0 0;text-align: center;padding-top: 6px;}
.ftitle h2{font-weight: bold;color: #333;font-size: 32px;}
.ftitle span{background: #fff;padding: 0 60px;display: inline-block;}
.ftitle span em{color: #0365C6;font-style: normal;}
.ftitle h3{font-weight: normal;color: #333333;font-size: 18px;margin-top: 20px;}
.f1 .more,.f2 .more{text-align: center;margin-top: 40px;}
.f1 .more a,.f2 .more a{font-size: 22px;color: #0365C6;}
.f1b{margin-top: 30px;}
.f1b .bd ul li{float: left;}
.f1b .bd ul li a{display: block;text-align: center;}
.f1b .bd ul li a .pic{display: flex;justify-content: center;width: 278px;height: 278px;align-items: center;}
.f1b .bd ul li a,.f1b .bd ul li{width: 278px;}
.f1b .bd ul li{margin-right: 20px;}
.f1b .bd ul li a p{color: #333333;font-size: 18px;margin-top: 20px;}
.f1b .bd ul li .pic img{max-width: 278px;height: auto;}

.f2{clear: both;margin-top: 72px;}
.f2b{height: auto;overflow: hidden;margin-top: 62px;}
.f2b .bd ul li{float: left;margin-right: 20px;}
.f2b .bd ul li .pic{display: flex;width: 278px;height: 278px;justify-content: center;align-items: center;border: 1px solid #ccc;}
.f2b .bd ul li .pic img{max-width: 278px;max-height: 278px;}

.f3{height: 427px;width: 1222px;margin: 54px auto 30px;background: url(../images/bg_f3.png) no-repeat 0 0;}
.f3r,.f3r img{width: 606px;}
.f3r{padding: 8px 8px 0 0;}
.f3l{padding: 50px 0 0 91px;width: 444px;}
.f3l .about{}
.f3l .about h2{color: #0365C6;font-size: 24px;font-weight: bold;}
.f3l .about h3{color: #999999;font-size: 13px;font-weight: normal;}
.f3l .about p{font-size: 14px;color: #333333;margin-top: 30px;line-height: 1.9em;}
.f3l .about .more{margin-top: 28px;}
.f3l .about .more a{display: block;width: 114px;height: 28px;line-height: 28px;text-align: center;color: #07479e;border: 1px solid #07479e;}
.f4{height: auto;overflow: hidden;}
.f4b{padding-top: 40px;height: auto;overflow: hidden;}
.f4 dl{float: left;width: 380px;margin-right: 25px;margin-bottom: 20px;}
.f4 dl:nth-child(3n){margin-right: 0;}
.f4 dl dt a{font-size: 15px;transition: all ease-in-out .2s;}
.f4 dl dt a:hover{color: #0365C6;}

.f4 dl dt{height: 40px;line-height: 40px;}
.f4 dl dd{color: #888;font-size: 13px;line-height: 1.8em;height: 50px;overflow: hidden;}
.part{padding-top: 18px;}
.part h2{text-transform: uppercase;font-weight: bold;font-size: 24px;color: #111;}
.part h2 span{font-weight: normal;}
.part .ptb{height: auto;overflow: hidden;padding: 40px 0 10px;}
.part .ptb ul li{float: left;width: 176px;margin-right: 24px;}
.part .ptb a{display: block;float: left;width: 176px; text-align: center;}
.part .ptb a p{height: 40px;line-height: 40px;}
.part .ptb a img{width: 178px;height: 98px;border: 1px solid #e3e3e3;}

#flink{background: #f2f8f6;clear: both;}
.flink{height: auto;overflow: hidden;padding: 10px 0;}
.linkl{background: url(../images/bg_flink.png) no-repeat 0px center;padding: 10px 0 10px 40px;color: #0089cf;font-size: 18px;float: left;width: 100px;font-weight: bold;}
.linkr{float: left;padding: 10px 0 10px 0;line-height: 24px;}
.linkr a{margin-right: 20px;}
.link{padding: 20px 0 40px;}
.link a{font-size: 14px;color: #333;margin-right: 16px;}
#footer{clear: both;border-top: 4px solid #07479e;background: #fafbfb;}

.fttop{padding: 0px 0 20px;height: auto;overflow: hidden;}
.ftl{float: left;padding-top: 76px;width: 256px;}

.ftl h2,.ftr h2{font-weight: normal;font-size: 24px;color: #333333;text-align: center;margin-bottom: 30px;}
.ftc{width: 290px;padding-top: 30px;}
.ftc p{font-size: 18px;color: #333333;line-height: 1.8em;border-right: 1px solid #c0c0c0;padding: 10px 15px 10px 0;}

.ftr{width: 337px;text-align: center;padding-top: 30px;}
.ftr .ewm ul{height: auto;overflow: hidden;}
.ftr .ewm ul li.li1{float: left;}
.ftr .ewm ul li.li2{float: right;}


.ftbottom{text-align: center;padding-top: 40px;padding-bottom: 20px;}
.ftbottom p,.ftbottom p a{font-size: 14px;}

#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: #0089cf;}
.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 #0089cf;font-size: 14px;border-radius: 4px;margin: 40px 10px;color: #0089cf;}
.nrcat a:hover,.nrcat a.hover{background-image: linear-gradient(to right, #0860d7 0%, #0089cf 100%);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: #0089cf;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 #0089cf;}
.photo a:hover p{background-image: linear-gradient(to right, #0860d7 0%, #0089cf 100%);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;}
.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;background: url(../images/li.png) no-repeat 2px center;padding-left: 18px;}
.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: #0089cf;}
.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 #0089cf;}
.tj-title,.tj-title h3{font-weight: normal;height: 40px;line-height: 40px;}
.tj-title h3{color: #fff;padding: 0 14px;background: #0089cf;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;}




/*==========以下部分是Validform必须的===========*/
.Validform_checktip{
	margin-left:8px;
	line-height:20px;
	height:20px;
	overflow:hidden;
	color:#999;
	font-size:12px;
}
.Validform_right{
	color:#71b83d;
	padding-left:20px;
	background:url(../images/right.png) no-repeat left center;
}
.Validform_wrong{
	color:red;
	padding-left:20px;
	white-space:nowrap;
	background:url(../images/error.png) no-repeat left center;
}
.Validform_loading{
	padding-left:20px;
	background:url(../images/onLoad.gif) no-repeat left center;
}
.Validform_error{
	background-color:#ffe7e7;
}
#Validform_msg{color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');}
#Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1;}
#Validform_msg .Validform_title{line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#000;}
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none;}
#Validform_msg a.Validform_close:hover{color:#cc0;}
#Validform_msg .Validform_info{padding:8px;border:1px solid #000; border-top:none; text-align:left;}





@font-face
{
font-family: fangz;
src: url('fangz.TTF');
}