/* CSS Document */
body{
	margin:0px;
    padding:0px;
	font-size:15px;
	font-family: "思源黑体";
	color:#666;

}

a{font-size:15px;
  color:#666;
  font-family: "思源黑体";
  text-decoration:none;}
a:hover{color:#0081da;
        text-decoration:none;
		font-family: "思源黑体";}

ul{margin:0px;
   padding:0px;}
ul li{list-style-type:none;}

dl,dt,dd{margin:0;padding:0;}


dd{
	line-height:40px;
}
li{list-style-type:none;}
.m-004{
	margin:40px 0px 20px 0px;
}
.p-004{
	margin:0px 0px 80px;
}
.header{
	width:100%;
	height:70px;
	position: fixed;
	background: #fff;
	box-shadow:1px 1px 5px #f5f5f5;
	top:0;
	z-index: 10000000000;
}
.header001{
	background:#002a6f;
	text-align:center;
}
.container-fluid{
	margin-left:-15px;
	margin-right:-15px;
}

.fl{float:left;}
.fr{float:right;}


.text04{
	text-align:right;
}


.title04{
	margin:25px 0px 0px;
}
/*menu*/
#menu{
	height:70px;
	line-height:70px;
	margin:0px 0px 0px 20px;
}
#nav {
	display:block;
}
#nav .mainlevel{
	float:left;
}
#nav .mainlevel a{
	font-size:15px;
	color:#666;
	padding:0px 25px;
	text-decoration:none;
	line-height:30px;
	font-family: "思源黑体";
}
#nav .mainlevel a.top_link:hover span.down{
	font-size:15px;
	color:#0081da;
	text-decoration:none;
	font-family: "思源黑体";
	line-height:30px;
}
#nav .mainlevel:hover > a.top_link span.down{color:#0081da;font-family: "思源黑体";line-height:30px;}
#nav .mainlevel a:hover {color:#0081da; text-decoration:none;font-family: "思源黑体";}
#nav .mainlevel .menuon{color:#0081da;text-decoration:none;}
#nav .mainlevel ul {display:none; position:absolute;Z-INDEX: 9999;}
#nav .mainlevel ul li{}
#nav .mainlevel li a{	
	color:#fff;
	line-height:40px;
	padding:0px 25px;
	font-size:15px;
	font-family:"思源黑体";
	font-weight:normal;/*IE6 only*/
}

#nav .mainlevel li a:hover{
	color:#fff;
}




/* 下拉菜单样式 */
.companyul {
	position: absolute;
	display:flex;
	z-index: 100000;
}

.mainlevel:hover .companyul {

}

.companyul li a{
	height: 40px;
	line-height: 40px;
	border-bottom:dotted 1px rgb(239, 239, 239, 0.3);
	background: #0081da;
	display: block;
	color: #fff;
	text-align: left;
	transition:all 0.3s;
}

.companyul li a:hover {
    background: rgb(255, 255, 255, 0.9);
	color: #333!important;
}


.leftmenuout A{
	font-size:18px;
	color:#333;
	text-align: center;
	height:50px;
	display:block;
}
.leftmenuout A:hover{
	font-size:18px;
	height:50px;
	text-align: center;
	display:block;
	border-bottom:solid 3px #0081da;
	color:#333;
}
.leftmenuon A{
	font-size:18px;
	height:50px;
	text-align: center;
	display:block;
	border-bottom:solid 3px #0081da;
	color:#333;
}


.left002{width: 240px;height: 50px;line-height: 50px;text-indent: 30px;display: block;font-size: 16px;border-bottom: solid 1px #cccccc;}
.left002:hover{width: 240px;height: 50px;line-height: 50px;background-color: #e61673;color: #ffffff;background-image: url(../images/jt.png);background-repeat: no-repeat;background-position: center left;}
.leftmenu a{
	font-size:18px;
	color:#333;
	text-align: center;
	height:50px;
	display:block;
	background:#f5f5f5;
}
/*banner*/
.flickerplate {
	position:relative;
	width:100%;
	height:540px;
	background-color:#e6e6e6;
	margin:70px 0px 0px;
	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/arrow-left-dark.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/arrow-right-dark.png");
	background-repeat:no-repeat;
	background-position:right
}
.flickerplate .arrow-navigation.left.hover .arrow {
	opacity:0.3;
	margin:0px 0px 0px 20%
}
.flickerplate .arrow-navigation.right.hover .arrow {
	opacity:0.3;
	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-color:rgba(255, 255, 255, 0.3);
	border-radius:50%;
	-o-border-radius:50%;
	-ms-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-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-color:rgba(255, 255, 255, 0.6)
}
.flickerplate .dot-navigation .dot.active {
	background-color:#fff
}
.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.6)
}
.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.6)
}
.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
}


.top001{width: 100%;height: 40px;background-color: #efefef;}

.top002{width: 1200px;margin: 0 auto;line-height: 40px;height: 40px;}

.protitle{	
	text-align:center;
	margin: 0 auto;
	margin-top:40px;
}
.title001{
	font-size: 25px;
	color: #231f20;
	height: 50px;
	line-height: 50px;
}
.proxt{
	width:40px;
    border-bottom: solid 5px #0081da;
	margin:0 auto;
}
.title002{
	font-size: 15px;
	color: #999;
	line-height: 30px;
}

.title004{
	font-size:15px;
	color:#fff;
	line-height:30px;
	margin:10px 0px 0px;
}
.product{
	position: absolute;
	width:100%;
	height:0%;
	background: rgb(0, 0, 0, 0.5);
	bottom:0;
	opacity: 1;
	overflow: hidden;
	transition:all 0.5s;
}
.pro004:hover .product{
	height:100%;
	display:block;
	opacity: 1;
}
.pro004:hover .title{
	display:none;
}

.procontent{
	position: absolute;
	height:83%;
	padding:20px;
	border:solid 2.5px rgb(239, 239, 239, 0.3);
	margin:25px;
	top:0;
}

.procontent span{
	font-size:25px;
	color:#fff;
	text-align: center;
	display: block;
}
.pro004{
	position:relative;
	background:#efefef;
	margin:40px 15px 0px 0px;
}
.pro004{

}
.pro004 img{
	width:100%;
	height:240px;
	padding:10px 10px 0px;
}
.pro004 p{
	font-size:20px;
	height:60px;
	line-height: 60px;
	text-align:center;
}

.pro004 a{

}
.a001{
	color: #333;
	font-weight: 700;
    padding:0px 10px 0px;
	line-height: 30px;
	font-size: 16px;
	display:block;
	margin:15px 0px 0px;
}
.a001:hover{
	color: #0081da;
}

.news003{
	background-color: #efefef;
	padding: 15px 15px 20px 15px;
	line-height: 25px;
	margin:0px 0px 0px -10px;
}
.news003 img{
	width:100%;
	height:240px;
	margin:0 auto;
}

.newlist{
	width:100%;
	background:#efefef;
	padding:15px 10px 10px;
	margin:0px 15px 10px;
	transition:all 0.3s;
}
.newlist:hover{
	background:#0081da;
}
.new_rq{
	border-right:solid 1px #ddd;
	line-height: 60px;
	transition:all 0.3s;
}
.new_riqi{
	font-size:25px;
}
.newlist:hover p,.newlist:hover span, .new_con span{
	color:#fff;
}


.new_con{
	margin:5px 0px 0px 15px;
}
.new_con span{
	font-size:16px;
	display:block;
	color:#333;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.new_con p{
	margin:5px 0px 0px;
	color:#666;
}
.a002{
	color: #666;
    margin-right: 10px;
	line-height: 30px;
}

.a002:hover{color: #0081da;}


.a003{color: #505050;font-size: 12px;}
.a003:hover{color: #666;text-decoration: none;}

.text003 {
	color: #999;
	line-height:20px;
}

.feedback{ border:solid 1px #333; border-radius:0px; background:#231f20; height:40px; width:100%; text-indent:10px; color:#999; margin-bottom:10px;}

.feedback001{ border:solid 1px #333; border-radius:0px; background:#231f20; height:50px; width:100%; text-indent:10px; color:#999;}

.submit{ border:solid 1px #333; color:#999;border-radius:0px; width:100%; height:40px; margin-top:20px;background-color: #333;cursor: pointer;}

.submit:hover{background-color: #002a6f;}

/* 在线客服代码 */
#leftsead{width:161px;height:290px;position:fixed;top:350px;right:0px; z-index:100;}
*html #leftsead{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}
#leftsead li{width:161px;height:60px;}
#leftsead li img{float:right;}
#leftsead li a{height:49px;float:right;display:block;min-width:47px;max-width:161px;}
#leftsead li a .shows{display:block;}
#leftsead li a .hides{margin-right:-143px;cursor:pointer;cursor:hand;}
#leftsead li a.youhui .hides{display:none;position:absolute;right:143px;}
#leftsead li a.youhui .2wm{display:none;position:absolute;right:143px;}
#p2{width:112px;background-color:#e61673;height:47px;margin-left:47px;border:1px solid #e61673;text-align:center;line-height:47px}
#p3{width:112px;background-color:#e61673;height:47px;margin-left:47px;border:1px solid #e61673;text-align:center;line-height:47px}
#p1{width:47px;height:49px;float:left}
.content02{
	margin:40px 0px 0px;
}
.content02 img{max-width: 98%;max-height: auto;} /* for Firefox & IE7 */
.content02 img{ /* for IE6 */
width: expression(this.width > 98% && this.width > this.height ? 98% : auto);
height: expression(this.height > 98% ? 98% : auto);
}


.left003{width: 240px;height: 50px;line-height: 50px;background-color: #dddddd;color: #231f20;display: block;background-image: url(../images/jt02.png);background-repeat: no-repeat;background-position: center left;text-indent: 30px;font-size: 16px;}

.left003:hover{width: 240px;height: 50px;line-height: 50px;background-color: #e61673;color: #ffffff;display: block;background-image: url(../images/jt.png);background-repeat: no-repeat;background-position: center left;text-indent: 30px;font-size: 16px;}

.left003on{width: 240px;height: 50px;line-height: 50px;background-color: #e61673;color: #ffffff;display: block;background-image: url(../images/jt.png);background-repeat: no-repeat;background-position: center left;text-indent: 30px;font-size: 16px;}

.left003on:hover{width: 240px;height: 50px;line-height: 50px;background-color: #e61673;color: #ffffff;display: block;background-image: url(../images/jt.png);background-repeat: no-repeat;background-position: center left;text-indent: 30px;font-size: 16px;}

.left001{width: 240px;margin: 30px auto;}


.pro{float:left;width:268px; margin-top:10px; margin-right:20px;margin-bottom: 20px;border: solid 1px #efefef;text-align: center;-webkit-transition: all 0.7s;-o-transition:all 0.7s;}

.pro:hover{float:left;width:268px; margin-top:10px; margin-right:20px;margin-bottom: 20px;border: solid 1px #e61673;text-align: center;}

.a006{font-size: 18px;font-weight: bold;color: #231f20;}
.a006:hover{font-size: 18px;font-weight: bold;}

.product02{ color:#231f20;line-height:20px; font-weight:bold;font-size: 15px;}
.product02:hover{font-size: 15px;color:#e61673;line-height:20px;text-decoration:none;}


.text004{font-weight: bold;margin-top: 40px;}

.text005 {
	font-size: 14px;
	color: #666;
	font-family: "思源黑体";
	line-height:1.5;
	text-align:justify;
}

.message{width:870px;height:40px; border-bottom:dashed 1px #dddddd;margin-top:20px;}
.message02{width:870px;height:80px; border-bottom:dashed 1px #dddddd;margin-top:20px;}

.anliu{
	font-family: "思源黑体";
	font-size: 14px;
	color: #FFFFFF;
	background-color: #e61673;
	text-align: center;
	height: 30px;
	width: 140px;
	border:none;
	border-radius:6px;
}





/*首页关于我们*/
.hfwlist{width:1040px;height:320px;margin:50px auto;overflow:hidden;}
.hfwlist ul{float:left;}
.hfwlist li{float:left;width:333px;margin-left:20px;position:relative;height:320px;overflow:hidden;z-index:800;background-color: #efefef;}
.hfwlist li.mr0{margin-right:0px;}

.hfwlist li dt{width:333px;height:260px;overflow:hidden;}
.hfwlist li dt img{width:333px;height:260px;}

.hfwlist li dd{ text-align:center; font-size:14px; color:#666;}
.hfwlist li dd p{font-size:20px; color:#333; margin:0px; padding:15px 0px 5px 0px;}

.hfwlist .fwcurr{width:333px;height:320px;position:absolute;bottom:-320px;left:0px;background-image: url(../images/winbg.png); color:#FFFFFF;}
.hfwlist .fwinfobd{ border:3px solid #f5f5f5;}

.hfwlist .fwinfot{ font-size:22px; text-align:center; padding:55px 0px 20px;}
.hfwlist .fwinfo{ width:200px; margin:auto; line-height:25px;font-size:14px;}
.hmore{ text-align:center; margin-top:25px;}
.hmore a{ padding:10px 25px;display:inline-block;font-size:16px;color:#ffffff;border:2px solid #ffffff;}


#tabheaderr{
	margin:40px 0px 0px;
}
#tabmenuu{margin:0 auto;padding:0;list-style-type:none;}
#tabmenuu li{
    display:block;
	POSITION: relative;
	float:left;
	cursor:pointer;
	text-align:center;
	width:180px;
	height:40px;
	line-height:40px;
	cursor: pointer;
	margin-bottom:40px;
	font-size:14px;
	color:#666;
	margin-left:15px;
	list-style-type:none;
}
#tabmainn{
	margin:0 auto;
	margin-right:-15px;
	margin-top: 20px;
}


.tab-title{
	width:100%;
	position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.secc2{color:#fff !important;background:#0081da;}
.secc1{color:#666;background:#ddd;}


.wapper002{
	width: calc(25% - 15px);
	position: relative;
	background-color:#fff;
	color:#fff;
	text-align:center;
	display:inline-block;
	box-shadow:0px 5px 15px #e5e5e5;
	margin:0px 15px 40px 0px;
}

.wapper002 .pic{
	margin:15px 5px 0px;
	overflow: hidden;
	display: block;
}
.wapper002 .pic img{
	position: relative;
	width:auto;
	height:240px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.wapper002 .title{
	line-height: 40px;
}
.wapper002 .title a{
	color:#333;
}
.wapper002 .desc{margin:5px 20px 10px;font-size:12px;text-align:left;color:#b0b0b0;height: 40px;line-height: 20px;}	

		
.wapper002 {
	transition:All 0.5s;
}
.wapper002:hover {
	transform:translate(0,-5px);
	-webkit-transform:translate(0,-5px);
	-moz-transform:translate(0,-5px);
	-o-transform:translate(0,-5px);
	-ms-transform:translate(0,-5px);
	-webkit-box-shadow:0px 5px 15px #e5e5e5;
    -moz-box-shadow:0px 5px 15px #e5e5e5;
    box-shadow:0px 5px 15px #e5e5e5;
}

.block{display:block;}
.unblock{display:none;}

a.imore {
    display: block;
    width: 240px;
    height: 40px;
    text-align: center;
    margin: 60px auto;
    border: solid 2px #0081da;
    background-position: 0 -83px;
    font-size: 15px;
    line-height: 40px;
    cursor: pointer;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;	
	color: #666;
}
a.imore:hover{background-position:0 -10px;color:#ffffff;border:solid 2px #0081da;background-color: #0081da;}



.izl-rmenu{
	       margin-right: 0;
	       width: 82px;
	       position: fixed;
	       right: 2px;
	       top: 65%;
	       -webkit-box-shadow: #DDD 0px 1px 5px;
	       -moz-box-shadow: #DDD 0px 1px 5px;
	       box-shadow: #DDD 0px 1px 5px;
	       z-index:999;
}
.izl-rmenu .consult{    
	background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center -77px;
    display: block;
    height: 76px;
    width: 82px;
}
.izl-rmenu .consult .phone {
    background-color: rgb(247,247,255);
    position: absolute;
    width: 160px;
    left: -160px;
    top: 0px;
    line-height: 73px;
    color: #000;
    font-size: 18px;
    text-align: center;
    display: none;
    box-shadow: #DDD -1px 1px 4px;
}
.izl-rmenu a.consult:hover .phone{display:inline !important;}
.izl-rmenu .cart {
    background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    height: 16px;
    width: 16px;
    font-size: 12px;
    line-height: 16px;
    color: #45BDFF;
    text-align: center;
    padding-top: 15px;
    padding-right: 18px;
    padding-bottom: 47px;
    padding-left: 48px;
}
.izl-rmenu a.cart:hover .pic{display:block;}
.izl-rmenu .btn_top {
    background-image: url(../images/float_top.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 39px;
    width: 82px;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}
.izl-rmenu .btn_top:hover {
	background-image: url(../images/float_top.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.izl-rmenu .cart .pic {
	display:none;
    position: absolute;
    left: -160px;
    top: 65px;
    width: 160px;
    height: 160px;
    background:url(../images/weixin.jpg);
}
#udesk-feedback-tab {
    position: fixed;
    right: 2px;
    top: 65%;
    margin-top: -76px;
    -webkit-box-shadow: #DDD 0px -1px 5px;
    -moz-box-shadow: #DDD 0px -1px 5px;
    box-shadow: #DDD 0px -1px 5px;
    z-index: 10000;
    cursor: pointer;
    background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 76px;
    width: 82px;
    background-color: #FFF!important;
    z-index:999;
}


.bottom002{width: 100%;height: 40px;background-color: #151210;}
.link004{
	line-height:70px;
}
.footer004{
	font-size:18px;
	color:#999;
	line-height:60px;
}



.footer001{
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	margin: 0 auto;
	text-align: left;
	color: #505050;
}


.footer04{
	height:390px;
	background-color:#231f20;
	padding:60px 0px 0px;
}



/* CSS Document */
.toolbar-item,.toolbar-layer{background:url(../images/toolbar.png) no-repeat;}
.toolbar{
	position:fixed;
	right:0px;
	bottom:50px;
	z-index: 10000000000;
}/*假设网页宽度为1200px，导航条在右侧悬浮*/
.toolbar-item{display:block;width:52px;height:52px;margin-top:1px;position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 1s;-o-moz-transition:background-position 1s;-webkit-moz-transition:background-position 1s;transition:background-position 1s;}
.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-item-weixin{background-position:0 -798px;}
.toolbar-item-weixin:hover{background-position:0 -860px;}
.toolbar-item-weixin .toolbar-layer{height:212px;background-position:0 0;}
.toolbar-item-feedback{background-position:0 -426px;}
.toolbar-item-feedback:hover{background-position:0 -488px;}
.toolbar-item-app{background-position:0 -550px;}
.toolbar-item-app:hover{background-position:0px -612px;}
.toolbar-item-app .toolbar-tel{
	position:absolute;
	background-position:0px -222px;
	text-align: center;
	width:140px;
	height:51px;
	line-height: 51px;
	right:50px;
	background: #959ea3;
	opacity:0;
    filter:alpha(opacity=0);
    transform-origin: 95% 95%; 
	transform: scale(0);
	transition:all 1s;
}
.toolbar-item-app:hover .toolbar-tel{
	transform: scale(1);
	color:#fff;
	opacity:1;
}
.toolbar-item-top{background-position:0 -674px;}
.toolbar-item-top:hover{background-position:0 -736px;}
.toolbar-layer{position:absolute;right:46px;bottom:-10px;width:172px;opacity:0;filter:alpha(opacity=0);
transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);
-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}


.link001{
	background-color: #efefef;
	margin-top:50px;
}

.link004 .title{
    margin-right: 10px;
	font-weight: bold;
	font-size: 16px;
}

/*--------------------------------------------------------------
# Page Header
--------------------------------------------------------------*/
.page-header {
    position: relative;
    display: block;
    padding: 100px 0 100px;
    background-repeat: no-repeat;
    background-size: cover;
	margin-top: 70px;
	margin-bottom:0px;
}

.page-header:before {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: "";
    background: rgba(var(--thm-black-rgb), .5);
    z-index: 1;
}

.page-header-border {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 14.29%;
    border-right: 1px solid rgba(255, 255, 255, 0.10);
    z-index: 1;
}

.page-header-border-two {
    left: 14.29%;
}

.page-header-border-three {
    left: 28.59%;
}

.page-header-border-four {
    left: 42.88%;
}

.page-header-border-five {
    left: 57.17%;
}

.page-header-border-six {
    left: 71.46%;
}

.page-header__inner {
    position: relative;
    display: block;
    z-index: 3;
}

.page-header__inner h2 {
	width:15%;
    font-size: 35px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
	letter-spacing: 5px;	
}
.page-header__inner span{
	color:#fff;
	font-size:15px;
	line-height: 40px;
}


.about-title{
	width:100%;
	height:50px;
	display: block;
	line-height: 50px;
	border-bottom:solid 1px #efefef;
}


.about-img img{
	width:95%;
	height:90%;
	border-radius:15px;
}
.about-img span{
	font-size:25px;
}
.about004{
	position: absolute;
	width:200px;
	height:50px;
	line-height: 50px;
	text-align:center;
	display:block;
	margin:-17% 0 0 0;
	background: #f5f5f5;
	z-index:1000;
}

.about-content{
	line-height: 25px;
	text-align: justify;
	margin:-3px 0px 0px;
}

.pagination-area{margin-top:40px;margin-bottom:40px}
.pagination-area .page-numbers{width:40px;height:40px;line-height:40px;color:#1277c5;background-color:transparent;border:1px solid #1277c5;text-align:center;display:inline-block;position:relative;margin-left:3px;margin-right:3px;font-size:15px;border-radius:5px}
.pagination-area .page-numbers:hover{background-color:#1277c5;color:#fff}
.pagination-area .page-numbers i{position:relative;font-size:20px;top:5px}
.pagination-area .page-numbers.current{background-color:#1277c5;color:#fff}
.proname{
	font-size:18px;
	font-weight:700;
	line-height: 40px;
}
.protd{
	line-height: 25px;
	margin:10px 0px 0px;
	text-align:justify;
}




.case004{
	position:relative;
	background:#efefef;	
	padding:10px;
	margin:0px 20px 20px 0px;
	cursor: pointer;
	transition:all 0.5s;
}
.case004:hover{
	background:#0081da;
}
.case004:hover span,.case004:hover h5{
	color:#fff;
}
.case004 a{
	width:100%;	
	display: block;
	background:#fff;
	justify-content: center;
	vertical-align: middle;
}
.case004 img{
	width:100%;
	heigh:auto;
	
}
.casetitle{
	width:100%;
	height:50px;
	display: block;
	line-height: 25px;
	padding:10px;
	margin:20px 0px;
	backgroun:#efefef;
}
.casetitle h5{
	font-size:18px;
	font-weight:700;
}

.newstitle{
	font-size:20px;
	font-weigth:700;
	text-align: center;
	line-height: 60px;
	border-bottom:dotted 1px #efefef;
}








.title04{
	line-height: 10px;
}


.bottom04{
	line-height: 60px;
	margin:60px 0px 40px;
	padding: 0px 0px 0px 20px;
	background:#efefef;
}
.about001{
	margin:0px!important;
	border-bottom: dotted 1px #ccc;
	padding:20px 0px 60px;
}
.about001 .col-lg-3{
	margin:0px 0px 0px -23px!important;
}

.table-center td {
  vertical-align: middle;  /* 垂直居中 */
}


.case04{
	font-size:15px;
	margin:20px 0px 40px 0px;
	line-height:25px;
}