
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_top.png) repeat-x 0 0;}
.head{height: 165px;}

.top{height: 111px;}
.logo{padding-top: 22px;width: 935px; background: url(../images/bg_logo.png) no-repeat 472px 43px;}
.logo a{display: block;width: 385px;height: 66px;background: url(../images/logo.png) no-repeat 0 0;text-indent: -9999em;}

.topr{height:108px;width: 230px;}
.dianhua{padding-top: 32px;float: right;height: 48px;overflow: hidden;}
.topr .dh{background: url(../images/bg_topbarl.png) no-repeat 0 0;color: #ff0100;font-size: 22px;font-weight: bold;padding-left: 55px;height: 45px;line-height: 45px;}

.menu{clear: both;}
.menu ul{}
.menu ul li{float: left;position: relative;height: 54px;}
.menu ul li a.topa{display: block;font-size: 16px; height: 54px;line-height: 54px;color: #fff;text-align: center;}
.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; z-index: 999; top: 54px;text-align: center;background: rgba(0,98,204,0.39);padding-top: 10px;padding-bottom: 10px;}
.menu ul li:hover a.topa{background: #294d98;}
.menu ul li dl dd{}
.menu ul li:hover dl{display: block;}
.menu ul li dl dd a{color: #fff;font-size: 14px;height: 36px;line-height: 36px;display: block;}
.menu ul li dl dd a:hover{background: #294d98;}

.flickerplate { position: relative; width: 100%; height: 680px; 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: #0054a5; }
.flickerplate .dot-navigation .dot.active { background-color: #0054a5 }
.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%;}

.ftitle{padding: 50px 0 25px;text-align: center;}
.ftitle h2{color: #2f2f39;font-size: 28px;font-weight: normal;}
.ftitle p{font-size: 15px;color: #93939e;margin-top: 10px;}

.f1{}
.f1 .about{text-align: center;font-size: 15px;color: #333333;line-height: 1.9em;}
.f1b{height: auto;overflow: hidden;padding-top: 30px;padding-bottom: 36px;}
.f1b a{display: block;float: left;text-align: center;width: 240px;background: url(../images/bg_f1ba.png) no-repeat right center;padding: 20px 34px 0;}
.f1b a .tit{font-size: 18px;color: #333333;}

.f1b a.last{padding-right: 0;background: none;}
.f1b a p{font-size: 12px;color: #919090;line-height: 1.7em;height: 44px;overflow: hidden;text-align: left;margin-top: 9px;}
.f1 .fgs{padding-left: 30px;}
.f1 .fgs span{background: url(../images/bg_fgs.png) no-repeat 0 0;padding-left: 40px;font-size: 18px;color: #193b85;margin-right: 10px;}
.f1 .fgs a{font-size: 16px;color: #333333;margin-right: 40px;}



#f2{background: #f2f3f5;clear: both;margin-top: 50px;}
.f2{}
.f2b{padding-top: 24px;padding-bottom: 40px}
.fwlst{background: #193b85;height: 395px;margin-bottom: 60px;}
.fuwul{float: left;width: 815px;height: 395px;}
.fuwul img{width: 815px;height: 395px;}
.fuwur{float: right;width: 375px;}

.slidebox{height: 395px;overflow: hidden;position: relative;}
.slidebox .hd{position: absolute;bottom: 12px;z-index: 999;}
.slidebox .hd ul li{float: left;width: 10px;margin-right: 10px; height: 10px;cursor: pointer;background: #fff;border-radius: 50%;text-indent: -9999em;}
.slidebox .hd ul li.on{background: #193b85;}
.slidebox .hd ul {padding-left: 16px;}



.fuwur .ffr{padding: 28px;}
.fuwur .catt{border-bottom: 1px solid #7e91b8;padding-bottom: 34px;padding-left: 132px;height: 68px;overflow: hidden;}
.fuwur .catt .cn{font-size: 22px;margin-top: 8px;}
.fuwur .catt .en{font-size: 13px;text-transform: uppercase;}
.fuwur .catt .cn,.fuwur .catt .en,.fuwur p,.fuwur .more a{color: #fff;}
.fuwur .more a{display: inline-block;background: url(../images/bg_more.png) no-repeat right center;padding:4px 30px 4px 0px;}
.fuwur p{font-size: 16px;line-height: 2em;height: 124px;overflow: hidden;margin-top: 40px;}
.fuwur .more{margin-top: 40px;}
.f2b .a1 .catt{background: url(../images/i5.png) no-repeat 55px 0;}
.f2b .a2 .catt{background: url(../images/i6.png) no-repeat 55px 0;}
.f2b .a3 .catt{background: url(../images/i7.png) no-repeat 55px 0;}
.f2b .a4 .catt{background: url(../images/i8.png) no-repeat 55px 0;}
.f2b .a2 .fuwul,.f2b .a4 .fuwul{float: right;}
.f2b .a2 .fuwur,.f2b .a4 .fuwur{float: left;}


.f3{margin-top: 34px;}
.f3b{height: auto;overflow: hidden;padding: 20px 0 40px;}
.f3b a{display: block;float: left;width: 285px;margin-right: 20px;}
.f3b a .pic{}
.f3b a .pic img{width: 285px;height: 198px;}
.f3b a .ct{font-size: 16px;color: #333333;margin: 14px 0 10px;}
.f3b a p{font-size: 14px;color: #7c7c7c;height: 50px;overflow: hidden;line-height: 1.8em;}
.f3b a .more{margin-top: 20px;}
.f3b a .more span{display: inline-block;background: url(../images/bg_more2.png) no-repeat right center ;padding:4px 28px 4px 0;}
.f3b a.a4{margin-right: 0;}


#footer{clear: both;}
#fttop{background: #333333;}
.fttop{padding: 40px 0 30px;height: auto;overflow: hidden;}
.fttop-l{height: 130px;background: url(../images/ftlogo.png) no-repeat 0 0;padding-left: 162px;width: 400px;}
.fttop-l p{color: #fff;}
.ftdh{padding-top: 72px;}

.fttop-c{width: 860px;}
#ftbottom{background: #393939;}
.ftbottom p,.ftbottom p a{font-size: 12px;color: #fff;}
.ftbottom{padding: 15px 0;text-align: center;}
.fttop-c ul{float: left;padding: 0 40px;background: url(../images/bg_ftul.png) repeat-y right 0;}
.fttop-c ul li{height: 30px;line-height: 30px;color: #fff;}
.fttop-c ul li.first{float: none;margin-bottom: 10px;}
.fttop-c ul li.first a{font-size: 15px;color: #fff;}
.fttop-c ul li a{color: #fff;font-size: 13px;}
.fttop-r{float: right;width: 310px;}
.fttop-r .ewm{height: auto;overflow: hidden;}
.fttop-r .ewm a{display: block;text-align: center;float: right;margin-left: 40px;}
.fttop-r .ewm a p{color: #fff;margin-top: 10px;}
.fttop-r .ewm a img{width: 112px; height: 112px;}

#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: #0054a5;}
.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 #0054a5;font-size: 14px;border-radius: 4px;margin: 40px 10px;color: #0054a5;}
.nrcat a:hover,.nrcat a.hover{background: #0054a5;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: #0054a5;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 #0054a5;}
.photo a:hover p{background: #0054a5;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;}
.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: #0054a5;}
.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;}

.biaod{padding: 0 30px 20px;}
.biaod h2{font-size: 26px;color: #ff9c3a;padding: 22px 0;font-weight: normal;}
input{height: 38px;line-height: 38px;border-radius: 3px; background: #eee;border: 1px solid #eee;display: inline-block;width: 100%;text-indent: 10px;}
.biaod p{margin: 12px 0;}
.biaod textarea,.biaod input{border: 1px solid #ddd;border-radius: 3px;}
textarea{width: 100%; background: #eee;border: 1px solid #eee;display: inline-block;width: 100%;height: 150px;font-family: microsoft yahei;font-size: 14px;}
input.sub{color: #fff;background: #0054a5;cursor: pointer;}
.biaod p.tj{text-align: center;padding-top: 8px;}
.biaod p.tj input.sub{width: 130px;border: 1px solid #0054a5;border-radius: 30px;text-indent: 0;}

/*==========以下部分是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;}








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

