body,h1,h3,h4,h2,ul,li,p,a,img,dl,dt,dd{border: none;list-style: none;text-decoration: none;font-size: 14px;font-weight: normal;margin: 0;padding: 0;color: #555;font-family: "Microsoft YaHei";}



.head{position: fixed;top: 0;left: 0;width: 100%;background: url(../images/bg_head.jpg) no-repeat center top;z-index: 999;background-size: cover;}
.w{width: 1200px;margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}
.ha{height: auto;overflow: hidden;}
.logo{padding-top: 36px;}
.logo h1 a img{display: block;}
.logo h1 a{font-size: 42px;font-weight: bold;color: #133c4d;background: url(../images/logo1.png) no-repeat 0px center;display: block;padding-left: 88px;}
.top{height: 123px;overflow: hidden;}
.topr{padding-top: 10px;}
.topc p{color: #fff;font-weight: bold;font-size: 30px;}
.topc{padding:57px 0 0 88px;}
.ewm img{width: 90px;}
.ewm{text-align: center;}
.ewm p{color: #999;}
.topr .mail{text-align: right;padding-right: 20px;padding-top: 27px;}
.topr .mail p{font-size: 16px;color: #999;}
.topr .mail p strong{font-family: impact;font-size: 20px;color: #eee;font-weight: normal;}
#menu{background: rgba(32,32,32,0.9);margin-top: 10px;}
.menu,.menu ul li,.menu ul,.menu ul li a{height: 60px;}
.menu ul li{float: left;position: relative;border-right: 1px solid #333;}
.menu ul li a.topa{color: #fff;line-height: 60px;display: block;text-align: center;font-size: 18px;transition: all ease-out .3s;}
.menu ul li:hover a.topa{background: #333;}
.menu ul li dl{display: none;position: absolute;z-index: 999;left: 0;background: #333;}
.menu ul li dl dd{text-align: center;border-bottom: 1px solid #555;}
.menu ul li dl dd a{display: block;height: 46px;line-height: 46px;color: #fff;transition: all ease-out .3s;}
.menu ul li a.topa,.menu ul li dl{width: 149px;}
.menu ul li dl dd a:hover{background: #444;}
.menu ul li:hover dl{display: block;}
.banner,.bn{margin-top: 193px;}
.flickerplate{position: relative; width: 100%;height: auto; 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%; color: #fff; display: table-cell; vertical-align: middle}
.flickerplate ul.flicks>li img{width: 100%;display: block;}
.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: 10px; height: 10px;border-radius: 50%; 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: #1b84c8;}
.flickerplate .dot-navigation .dot.active{background-color: #1b84c8}
.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}

#con{background: #f0f0f0;}
.bn img{width: 100%;display: block;}
.f1{padding-top: 50px;}
.ftitle{text-align: center;padding-bottom: 40px;}
.ftitle h2{font-size: 28px;font-weight: bold;}
.ftitle p{margin-top: 16px;}
.ftitle p a{display: inline-block;border: 1px solid #ccc;padding: 0 20px;height: 28px;font-size: 16px; line-height: 28px;margin: 0 6px;border-radius: 1px;transition: all ease-out .3s;}
.ftitle p a:hover{border: 1px solid #1b84c8;}

.f1b .bd a{display: block;float: left;width: 280px;margin-right: 20px;margin-bottom: 20px;}
.f1b .bd a:nth-child(4n){margin-right: 0;}
.f1b .bd a .pic{border: 1px solid #dbdbdb;transition: all ease-out .3s;display: flex;justify-content: center;align-items: center;height: 240px;overflow: hidden;}
.f1b .bd a .pic img{max-width: 280px;max-height: 240px;transition: all ease-out .3s;}
.f1b .bd a:hover .pic{border: 1px solid #1b84c8;}
.f1b .bd a:hover .pic img{transform: scale(1.1);}
.f1b{height: auto;overflow: hidden;}
.f1b .bd a p{height: 40px;line-height: 40px;text-align: center;overflow: hidden;font-size: 16px;}
.f1b .hd li a{display: block;padding: 20px;width: 170px;height: 43px;line-height: 43px;text-align: left;text-indent: 60px;font-size: 17px;}
.f1b .hd ul{height: auto;overflow: hidden;text-align: center;}
.f1b .hd li.a1 a{background: url(../images/01.jpg) no-repeat 20px center;}
.f1b .hd li.a2 a{background: url(../images/02.jpg) no-repeat 20px center;}
.f1b .hd li.a3 a{background: url(../images/03.jpg) no-repeat 20px center;}
.f1b .hd li.a4 a{background: url(../images/04.jpg) no-repeat 20px center;}
.f1b .hd li.a5 a{background: url(../images/02.jpg) no-repeat 20px center;}
.f1b .hd li{border: 1px #efefef solid;background: #fff;margin: 5px;display: inline-block;}
.f1b .hd li.on{border: 1px #5098ca solid;}
.f1b .hd{margin-bottom: 40px;}
.f2{margin-top: 0px;padding: 40px 0;background: #f0f0f0;}
.f2b{padding: 0 15px;height: auto;overflow: hidden;}
.padding-box{width: 25%;padding: 0 15px;box-sizing: border-box;float: left;}
.info-list{background: #fff;margin: 30px 0;position: relative;}
.info-list .pic{position: absolute;top: 0;left: 0;width: 100%;height: 194px;overflow: hidden;}
.info-list .pic img{width: 100%;height: 100%;filter: blur(6px);opacity: 0.3;}
.info-top{padding: 25px 20px;position: relative;background-size: cover;}
.info-top a.tit {
	font-size: 18px;
	margin-bottom: 23px;
	display: block;
	opacity: 1;
	visibility: visible;
	transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	-webkit-transition: .2s;
	white-space: nowrap;
	overflow: hidden;
	padding-right: 70px;
	text-overflow: ellipsis;
}
.info-top.active a.tit, .info-top:hover a.tit {
	transform: translateY(-30px);
	-moz-transform: translateY(-30px);
	-ms-transform: translateY(-30px);
	-o-transform: translateY(-30px);
	-webkit-transform: translateY(-30px);
	opacity: 0;
	visibility: hidden;
}
.info-top a.img {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: center no-repeat;
	background-size: cover;
	visibility: hidden;
	opacity: 0;
	transform: scale(.4, .4);
	-moz-transform: scale(.4, .4);
	z-index: 3;
	-ms-transform: scale(.4, .4);
	-o-transform: scale(.4, .4);
	-webkit-transform: scale(.4, .4);
	transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	-webkit-transition: .3s;
}
.info-top.active a.img, .info-top:hover a.img {
	visibility: visible;
	opacity: 1;
	transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
}
.info-top p {
	opacity: .9;
	margin: 0;
	height: 97px;
	overflow: hidden;
	visibility: visible;
	transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	-webkit-transition: .2s;
}
.info-top.active p, .info-top:hover p {
	transform: translateY(30px);
	-moz-transform: translateY(30px);
	-ms-transform: translateY(30px);
	-o-transform: translateY(30px);
	-webkit-transform: translateY(30px);
	opacity: 0;
	visibility: hidden;
}
.info-bottom{border-top: 1px solid #eee;}
.info-top i{	background: #023894;	text-align: center;	z-index: 4;	font-style: normal;	position: absolute;	right: 20px;	top: -20px;	line-height: 1.3;	padding: 8px;}
.info-top i b {
	color: #fff;
	font-size: 28px;
	display: block;
}
.info-top i u {
	color: #fff;
	text-decoration: none;
	display: block;
	font-size: 14px;
}

.info-bottom a {
	font-size: 12px;
	text-align: right;
	display: block;
	padding: 15px 20px;
	transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	-webkit-transition: .3s;
}
.info-bottom a:before {
	width: 22px;
	height: 1px;
	background: #555;
	display: inline-block;
	content: '';
	margin: 0 30px 4px 0;
	transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	-webkit-transition: .3s;
}
.info-bottom a:hover {
	background: #023894;
	color: #fff;
}
.info-bottom a:hover:before {
	background: #fff;
}

#f3{background: url(../images/about_bg.jpg) repeat 0 0;padding-bottom: 50px;margin-top: 40px;padding-top: 40px;}
.f3{height: auto;overflow: hidden;}
.f3l{width: 490px;}
.f3l img{width: 100%;display: block;}
.f3r{width: 665px;}
.f3r h3{color: #888;font-size: 16px;letter-spacing: 6px;}
.f3r h2 span{font-size: 24px;color: #363534;display: inline-block;letter-spacing: 6px;margin-bottom: 20px; background: url(../images/title_line.png) no-repeat 0px bottom;padding-bottom: 20px;margin-top: 10px;}
.f3r .about p{line-height: 2.2em;font-size: 16px;}
.f3b{height: auto;overflow: hidden;}
.f3b .hd{height: 20px;position: relative;}
.f3b .hd a{transition: all ease-out .3s; display: block;z-index: 999; position: absolute;top: 120px; cursor: pointer;width: 36px;height: 36px;color: #fff;font-weight: bold;font-family: arial;line-height: 36px;text-align: center;border-radius: 50%;background: #1b84c8;}
.f3b .hd a:hover{background: #2a92d6;}
.f3b .hd a.prev{left: 0;}
.f3b .hd a.next{right: 0;}
.f3b .bd ul li{float: left;margin-right: 20px;width: 276px;}
.f3b .bd ul li a{display: block;position: relative;text-align: center;width: 100%;height: 206px;}
.f3b .bd ul li a .pic{border: 1px solid #ddd;border-radius: 1px 1px 0 0;height: 206px;position: absolute;top: 0;left: 0;width: 100%;}
.f3b .bd ul li a .pic img{width: 100%;}
.f3b .bd ul li a p{transition: all ease-out .3s; height: 42px;line-height: 43px;color: #fff;background: rgba(0,0,0,0.6);position: absolute;bottom: 0;width: 100%;left: 0;}
.f3b .bd ul li a:hover p{background: rgba(27,132,200,0.7);}
.f3b .bd{padding-left: 17px;width: 1164px;overflow: hidden;}

.footer{background: #333;padding: 30px 0 0px;margin-top: 0px;}
.ftlogo{margin-right: 110px;padding-top: 26px;}
.ftc ul li{float: left;padding-left: 40px;margin-right: 120px;}
.ftc ul li p{color: #fff;}
.ftr .ewm p{color: #ccc;}
.ftc ul{height: auto;overflow: hidden;padding-top: 40px;}
.ftc ul li.li1{background: url(../images/i1.png) no-repeat 0px center;}
.ftc ul li.li2{background: url(../images/i2.png) no-repeat 0px center;}
.ftt{height: auto;overflow: hidden;padding-bottom: 30px;}
.ftb{padding: 10px 0;background: #232323;height: auto;overflow: hidden;}
.ftb p,.ftb p a{color: #888;}
.ftb p{margin-bottom: 4px;}
.ftb p.bq{font-size: 12px;color: #555;}
.nr{line-height: 2em;}
.con{height: auto;overflow: hidden;padding-top: 30px;padding-bottom: 50px;}
.dleft{width: 250px;background: #fff;border: 1px solid #eee;border-radius: 1px;}
.lanmu ul{padding-top: 10px;}
.lanmu ul li{border-bottom: 1px solid #eee;}
.lanmu ul li a{display: block;height: 40px;line-height: 40px;text-indent: 20px;font-size: 16px;transition: all ease-out .3s;}
.lanmu ul li a:hover,.lanmu ul li a.hover{color: #fff;background: #1b84c8;}
.lanmu h2{height: 60px;line-height: 60px;text-align: center;font-size: 30px;font-weight: bold;color: #fff;background: #1b84c8;}
.dright{background: #fff;border: 1px solid #eee;border-radius: 1px;width: 920px;}
.pos{height: auto;overflow: hidden;border-bottom: 1px solid #eee;height: 60px;line-height: 60px;background: #1b84c8;}
.posl{float: left;padding-left: 16px;font-weight: bold;font-size: 30px;color: #fff;}
.posr{float: right;padding-right: 12px;}
.posr,.posr a{color: #fff;}
.photo ul li{float: left;margin-right: 20px;margin-bottom: 20px;width: 273px;}
.photo ul li a p{height: 40px;line-height: 40px;overflow: hidden;}
.photo ul{height: auto;overflow: hidden;}
.photo ul li a{display: block;text-align: center;}
.photo ul li .pic{border: 1px solid #eee;transition: all ease-out .3s;display: flex;justify-content: center;align-items: center;height: 200px;overflow: hidden;}
.photo ul li a:hover .pic{border: 1px solid #1b84c8;}
.photo ul li .pic img{display: block;max-width: 273px;max-height: 200px;}
.photo {padding: 30px 0 0 30px;}

.fenye{height: 26px;line-height: 26px;margin: 40px 0;text-align: center;}
.fenye a,.fenye span{display: inline-block;margin: 0 4px;height: 24px;line-height: 26px;border: 1px solid #eee;padding: 0 12px;border-radius: 1px;transition: all ease-out .3s;}
.fenye a:hover,.fenye span.current{background: #1b84c8;color: #fff;border: 1px solid #1b84c8;}

.show{padding-bottom: 60px;padding-top: 40px;}
.showt .date{color: #888;font-size: 12px;}
.showt h1{font-size: 20px;height: 32px;line-height: 32px;overflow: hidden;}
.showt{text-align: center;}
.detail{padding: 20px 30px 40px;}
.context{border-top: 1px solid #eee;padding-top: 20px;}
.context ul{height: auto;overflow: hidden;padding: 0 20px;}
.context ul li.lil{float: left;}
.context ul li.lir{float: right;}
.news{padding: 40px 30px;}
.news ul li{height: 40px;line-height: 40px;border-bottom: 1px dashed #eee;position: relative;background: url(../images/dot.jpg) no-repeat 4px center;padding-left: 20px;}
.news ul li span{position: absolute;right: 0px;line-height: 32px;color: #888;}
.page{padding: 40px 30px 50px;}

.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;color: red;}

.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;}
.msgserver .pic{padding-top: 20px;}
.msgserver .pic img{width: 100%;}
.msgserver p{text-align: center;}
/* 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;}