@charset "UTF-8";
/**
 * 
 * @authors Crazy
 * @date    2017-04-01
 * @version v1.0.0
 */ 
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, th, td, select, button, textarea, iframe { 
	margin:0; 
	padding:0; 
	font-weight:normal 
}
body {
	font-family:Arial, Helvetica, sans-serif;
	color:#646464; 
	font-size:12px; 
}
table { 
	border-collapse:;
	border-spacing:; 
}
fieldset, img { 
	border:0; 
}
address, caption, cite, code, dfn, em, strong, th, var { 
	font-style:normal; 
	font-weight:normal; 
}
ol, ul, li { 
	list-style:none; 
}
caption, th { 
	text-align:left; 
}
a:link{
	color:#505050; 
	text-decoration: none;
	text-decoration: none;
	transition: all 300ms ease 0s;
	-moz-transition: all 300ms ease 0s;
	-webkit-transition: all 300ms ease 0s;
	-o-transition: all 0.2s ease-in-out 0s;
}
a:visited {
	text-decoration: none;
	color: #505050;
}
a:hover {
	text-decoration:none;	
	color: #505050;

}
a:active{
	text-decoration: none;
	color: #505050;
}
.clearfix{
	zoom:1;
}
.floatleft{ 
	float:left
}
.floatright{ 
	float:right
}
.quality .qua-box li:after,
.flclear:after,
.clear{
	display:block; 
	clear:both; 
	content:""; 
	visibility:hidden; 
	height:0; 
	overflow:auto; 
	min-width:0px; 
	max-width:0px; 
	line-height:0px; 
	border-collapse:collapse; 
	border-spacing:0; 
	border:medium none; 
	font-size:0px; 
	zoom:1;
}
/**/
.container{
	position: relative;
	width: 1200px;
	margin:0 auto;
	overflow: hidden;
	border:px solid #000
}
.g-head-title{
	text-align: center;
	padding: 60px 0 40px;
}
.g-head-title a{
	display: block;
	font-size: 26px;
}
.g-head-title em{
	color: #999;
}
.g-head-title i{
	display: block;
	width: 30px;
    height: 1px;
    background: #1652ba;
    margin: 5px auto 0;
}
.g-bg{
	background: #e9eff8;
	padding-bottom: 40px
}
.more-btn{
	display: block;
    width: 148px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: #888;
    border: 1px solid #999;
    margin: 0 auto;
}
.more-btn:hover{
	border:solid 1px #1652ba;
	background: #1652ba;
	color: #fff;
}
/**/
.header { 
	z-index:100; 
	position:fixed; 
	left:0; 
	top:0; 
	display:block;
	width:100%; 
	height:80px; 
	background:#fff;
	border:px solid #000;
	border-bottom:1px solid #f0f0f0;
}
.header h1{ 
	float:left;
	width:286px;
	height:60px;
	overflow:hidden;
	margin:10px 40px 0;
}
.header .hright{
	width:300px;
	position:absolute;
	right:0;
	top:40px;
}
.header .hright li{
	position:relative;
	padding:0 10px; 
	border-right:1px solid #e6e6e6;
}
.header .hright>ul>li>a{
	color:#b2b2b2;
}
.header .hright li.last{
	float:left;
	text-align:left
	float:left;
	border:none;
}
.header .hright li.last em{
	width:180px;
	border:px solid #000;
	font-size:20px;
	color:#006;
	font-weight:bold;
	}
.header .hright li:hover .hdxl{ 
	display:block;
}
.header .hdxl{
	display:none; 
	position:absolute; 
	padding-top:30px; 
	left: 0; 
	z-index:10;
	background: #fff;
}
.header .hdxl a{ 
	display:block; 
	font-size:13px; 
	padding: 2px 20px;
	line-height: 36px;
	color:#b2b2b2;
	border-bottom:1px solid #f0f0f0; 
	text-decoration:none; 
}
.header .hdxl a:hover { 
	background:#f5f5f5;
	color:#1952b8; 
}
/*.header .first-menu {
	position: absolute;
	left: 50%;
	margin-left: -10px;
}*/
.header .first-menu > li{ 
	float:left; 
	position:relative;
	font-size:14px; 
	height:77px; 
	line-height: 77px;
	text-align:center; 
	white-space:nowrap; 
	margin-top:3px; 
	padding: 0 20px;
}
.header .first-menu li ul {
    display:none;
}
.header .first-menu li a{ 
    display: block;
	color:#777; 
	text-decoration:none;
}
.header .first-menu > li.cur,
.header .first-menu > li:hover{ 
	margin-top:0; 
	border-top:3px solid #1651b9
}
.header .first-menu li.cur > a,
.header .first-menu li:hover > a{ 
	color:#1651b9;
}
.header .first-menu .second-menu{ 
	position:absolute; 
	top: 77px; 
	left: 50%;  
	width: 200px; 
	margin-left:-100px;
	background:#fff; 
}
.header .first-menu .second-menu > li{
    z-index: 2;
    position: relative;
} 
.header .first-menu .second-menu a{
	display:block; 
	font-size:14px; 
	line-height:46px;  
	white-space:nowrap;
	text-decoration:none; 
	color:#777; 
	border-bottom: 1px solid #f0f0f0;
}
.header .first-menu .second-menu a:hover{ 
	background:#f5f5f5; 
	color:#1651b9;
}
.header .third-menu{
    position: absolute;
    background: #fff;
    top: 0; 
    left: 200px;
    width: 170px; 
    border-left: 1px solid #f0f0f0;
}
/**/
.full-slide{ 
	z-index: 90;
	position:relative; 
	margin:80px auto 0;
	border:px solid #000 
}
.full-slide .bd{ 
	position:relative; 
	z-index:0; 
}
.full-slide .bd li img{
	width:100%; 
	vertical-align:top;  
} 
.full-slide .hd{
	position:relative; 
	z-index:1; 
	margin-top: -20px;
}
.full-slide .hd ul{ 
	text-align:center;
}
.full-slide .hd ul li{ 
	cursor:pointer; 
	display:inline-block; 
	*display:inline; 
	zoom:1; 
	width:58px; 
	height:1px; 
	border:1px solid #fff; 
	margin:5px; 
	overflow:hidden; 
	font-size:0;
}
.full-slide .hd ul .on{ 
	border:1px solid #ff0d00; 
	background:#ff0d00; 
}
/**/
.product .pro-box li{
	float: left;
	width: 280px;
	height: 280px;
	margin: 0 10px 20px;
	background: #fff;
	overflow: hidden;
	border:px solid #F00
}
.product .pro-box li>a{
	display: block;
	height: 240px
}
.product .pro-box li img{
	position: relative;
	top: 20px;
	left: 40px;
	width: 220px;
	height: 220px;
	border:px solid #000
}
.product .pro-box li div{
	width: 240px;
	padding: 10px 20px;
	height: 70px;
	border-top:solid px #bababa;
}
.product .pro-box li h3,
.product .pro-box li em{
	display: block;
	font-size: 12px;
    color: #999;
	text-align:center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.product .pro-box li h3{
	font-size: 14px;
	color: #333;
	margin-bottom: 5px;
}
.product .more-btn{
	width: 250px;
	margin-top: 20px;
}
.product .pro-box li:hover div{
	background: #;
	
}
.product .pro-box li:hover a{
color:#000;
}
/**/
.about-us{
	height: 100%;
}
.about-us>div{
	overflow: hidden;
    width: 50%;
    height: 380px;
}
.about-us .video{
	background: #ff0000;
	background:url(cf.jpg);
}
.about-us .us-info p{
	font-size: 14px;
    color: #777;
    line-height: 22px;
    width: 72%;
    height: 106px;
    overflow: hidden;
    margin: -17px auto 32px;
}
/**/
.superiority .sup-box li{
	float: left;
	width: 400px;
	text-align: center;
}
.superiority .sup-box li:hover em{
	border-top: solid 1px #1652ba;
	color: #1652ba;
}
.superiority .sup-box li:hover h4{
	color: #1652ba;
}
.superiority .sup-box li img{
	margin-top: 0;
}
.superiority .sup-box li em{
	display: block;
    font-size: 26px;
    width: 30px;
    text-align: left;
    color: #dadada;
    padding-top: 7px;
    border-top: 1px solid #f1f1f1;
}
.superiority .sup-box li a{
	display: block;
    width: 150px;
    height: 150px;
    overflow: hidden;
    margin: 40px auto 25px;
}
.superiority .sup-box li h4{
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
}
.superiority .sup-box li p{
	font-size: 14px;
    line-height: 22px;
    color: #888;
    padding:0 20px;
}
/**/
.quality .qua-box li{
	float: left;
	width:50%;
	background: #f1f1f1;
}
.quality .qua-box li img{
	float: left;
}
.quality .qua-box li div{
	float: left;
	width: 50%;
}
.quality .qua-box li h4{ 
    font-size: 18px;
    color: #333;
    margin: 30px 0 5px 30px;
}
.quality .qua-box li p,
.quality .qua-box li em{
	display: block;
	font-size: 14px; 
}
.quality .qua-box li p{
    font-size: 14px;
    height: 72px;
    line-height: 24px;
    color: #777;
    padding:0 30px;
    overflow: hidden;
}
.quality .qua-box li i{
	display: block;
	width: 40px;
    height: 1px;
    background: #ccc;
    margin: 10px 0 0 30px;
}
.quality .qua-box li:hover{
	background: #1652ba;
}
.quality .qua-box li:hover h4{
	color: #fff;
}
.quality .qua-box li:hover p{
	color: #bababa
}
/**/
/**/
.news ul{
	padding-bottom: 40px
}
.news .more-btn{
	width: 280px;
}
.news ul li{
	float: left;
	width: 360px;
	border-top: solid 1px #cecece;
	overflow: hidden;
}	
.news ul li:nth-child(2){
	margin: 0 60px;
}
.news ul li h4{
	position: absolute;
	top: 18px;
	font-size: 26px;
	color: #333;
}
.news ul li em{
	font-size: 12px;
	color: #999;
	margin-left: 10px;
}
.news ul li div{
	position: absolute;
	top: 65px;
	width: 360px;
}
.news ul li h5{
	font-size: 16px;
    margin: 6px 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.news ul li p{
	font-size: 12px;
    color: #777;
    line-height: 20px;
    height: 44px;
    overflow: hidden;
}
.news ul li img{
	display: block;
    width: 360px;
    height: 234px;
    margin-top: 150px;
    overflow: hidden;
}
/**/
footer{
	margin-top: 40px;
	background-color: #00295f;
    overflow: hidden;
    padding: 50px 0;
}
footer .introduction dl{
	float: left;
    padding: 0 25px;
    border-right: 1px solid #12386a;
    height: 160px;
	border:px solid #000
}
footer .introduction dt{
	margin-bottom: 10px
}
footer .introduction dt a{
	color: #ffffff;
}
footer .introduction dd a{
	display: block;
    font-size: 12px;
    line-height: 30px;
	color:#FFF;
}
footer .introduction dd a:hover{
	display:block;
    font-size:12px;
    line-height:30px;
	color:#fff;
}
footer .int-line{
	border-bottom: solid 1px #12386a;
	margin-bottom: 80px;
	padding-bottom: 120px;
	border:px solid #000
}
footer .int-links a{
	color: #fff;
	padding: 0 2px;
}
footer .int-info{
	text-align: right;
}
footer .int-info,
footer .int-info a,
footer .introduction dd a{
    color: #fff;
    opacity: 0.5;
}
footer .int-contact{
	width:320px;
	float:left;
	color: #fff;
	font-size:14px;
	line-height:22px;
	margin-left:10px;
	text-align: left;
	border:px solid #000
}
footer .int-contact h5{
	font-size: 24px;
	margin: 5px 0;
}

.wrapper{width:100%;margin:0 auto;border:px solid #F00;}
.product-con li{width:0px;padding:0 0px;margin-top:20px;float:left;}
.product-con a{display:block}
.picnew p a{margin-bottom:1px;color:#FFF;}
.picnew .pic{float:left;width:200px;height:200px;border:px solid #E7E7E7; margin-left:0px; }
.bold a{font-size:14px; text-align:center; color:#000 !important; line-height:25px;}


/*简介*/
.container-box{
        padding-top: 80px;
		
    }
    .aboutus-nav{
        border-bottom: solid 1px #ccc;
		margin-top:50px;
    }
    .aboutus-nav ul{
        width: 1200px;
        margin: 30px auto 0;
		border:px solid #000
    }
    .aboutus-nav ul:after{
        display:block; 
        clear:both; 
        content:""; 
        visibility:hidden; 
        height:0; 
        overflow:auto; 
        min-width:0px; 
        max-width:0px; 
        line-height:0px; 
        border-collapse:collapse; 
        border-spacing:0; 
        border:medium none; 
        font-size:0px; 
        zoom:1;
    }
    .aboutus-nav ul li a{
        z-index: 1;
        position: relative;
        float: left;
		font-size:14px;
        padding: 6px 10px;
        margin: 10px 10px 20px;
        -webkit-border-radius: 3px;
        -mos-border-radius: 3px;
        border-radius: 3px;
        text-decoration: none;
    }
    .aboutus-nav ul li a:hover,
    .aboutus-nav ul li a.active{
        background: #1652ba;
        color: #fff;
    }
    .aboutus-nav ul li a i{
        display: none;
        z-index: 1;
        position: absolute;
        top: 29px;
        left: 50%;
        width: 1px;
        height: 20px;
        background: #ccc;
    }
    .aboutus-nav ul li a:hover i,
    .aboutus-nav ul li a.active i{
        display: block;
    }
	
.jianjie{width:1200px; height:auto; overflow:hidden; margin:0 auto; margin-top:15px; border:px solid #000}
.jianjie p{ line-height:24px; font-size:14px; text-align:left; font-family:Arial, Helvetica, sans-serif;}



/*pro*/
.product_list {
	float:left;
	height:200px;width:200px;
	position: relative;
	margin:15px 0 0 0px;
	border:px solid #ccc;
	margin-left:38px;
	padding-bottom:12px;
	
}
.product_list .new {
	position: absolute;
	bottom: 0;
	left: 0;
}

.product_list img, .producto_lista ul {
	float: left;
	border:1px solid #ccc;
	width:200px; height:200px;
}

.product_list h1 {
	float:left;
	margin: 2px 0px 50px 0px;
	padding-bottom:0px;
	font-size: 12px;
	font-weight:normal;
	line-height: 22px;
	border:0px solid #000;
	text-align:center;
	width:200px;
}

.product_list p {
	margin: 5px 10px 0 5px;
	color: #737373;
	font-size: 12px;
	line-height: 18px!important;
}



.promsg{padding:2px; line-height:25px;font-family:"微软雅黑"; font-size:14px;}
.promsg a{margin-left:0px;}
.promsg h1{font-weight:bold;color:#CB0506;position:relative;font-size:1.5EM;line-height:40px;text-align:center;}
.promsg .protop{text-align:center; border-bottom:1px  solid #dbdbdb; padding-bottom:10px; margin-bottom:10px;line-height:30px;}
.promsg .protop,.promsg .protop a{margin-right:15px;color:#ff6600; font-weight:bold;}
.promsg .inf{padding-top:10px;border-bottom:1px solid #dbdbdb;border-top:1px solid #dbdbdb; padding-bottom:10px;margin-bottom:10px;margin-top:10px;
clear:both;}
.promsg .inf,.promsg .info a {color:#074DBD;}
.promsg span a{font-weight:bold;}




/*分页*/
.k_pagelist {  CLEAR: both; LINE-HEIGHT: 30px; float:left; margin:50px 0 50px 0;} 
.k_pagelist EM {  BORDER: #cccccc 1px solid; PADDING: 4px 6px 4px 6px; FONT-WEIGHT: bold; FONT-SIZE: 12px;MARGIN: 0px 6px; BACKGROUND:#FFF4F4} 
.k_pagelist STRONG {  BORDER: #cccccc 1px solid; PADDING: 4px; FONT-SIZE: 12px; MARGIN: 0px 4px; } 
.k_pagelist A:hover{ background-color:#CCC}
.k_pagelist A { BORDER: #cccccc 1px solid; PADDING: 4px;FONT-SIZE: 12px;MARGIN: 0px 4px} 
.newslist{width:330px;margin-top:8px;}
.newslist li{background:url(icon8.gif) no-repeat 5px center;padding-left:5px;line-height:22px;}



/*新闻*/

.lgxwnr{width:1195px; height:auto; overflow:hidden; float:left; border:px solid #000;}
.lgxwnr li{overflow:hidden; border-bottom:1px dashed #999;}
.lgxwnr li img{float:left;margin-top:15px; margin-left:15px; border:px solid #000; }
.lgxwnr li dl{ height:auto; border-bottom:1px dashed #f3f3f3;padding-left:20px;margin-top:20px; line-height:30px;border:px solid #000;}
.lgxwnr li dd a{font-weight:bold; font-size:14px;}
.lgxwnr li dt{ font-family:Verdana, Geneva, sans-serif;}
.lgxwnr li p{ line-height:5px;}

#xl{ margin-left:80px;position:relative; border:0px solid #000; width:1000px;}
#xl li{padding:8px 10px;border-bottom:1px dotted #2a6499;color:#555;overflow:hidden;zoom:1;}
#xl li:hover{background-color:#eee}
#xl li span{float:right;width:550px;color:#222}
#xl li a:link{color:#333333}
#xl li a:hover,#xl li a:visited{color:#333333}
#xl p{padding:0px; margin:0px; font-weight:bold;}



/*产品展示*/

#demo {
background: #;
overflow:hidden;
border: 0px dashed #;
width: 1500px;
margin:0px; padding:0px;
}
#demo img {
border: 3px solid #;
}
#indemo {
float:left;
width:800%;
border:0px dashed #CCC;
}
#demo1 {
float: left;
border:0px solid #CCC;
}
#demo2 {
float: left;
}

.prolist{ width:1500px !important;  border-left:solid px #f0f2f3; margin:0 auto; text-align:center;border-right:solid px #f0f2f3; margin-top:13px; margin-bottom:12px; border:px solid #F00}
.prolist ul li{ float:left; width:250px; margin-right:5px; margin-left:1px}
.prolist ul li p{ width:200px; height:200px;}
.prolist ul li img{ width:250px; height:250px; border:none; vertical-align:top}
.prolist ul li span{ display:block; width:150px; height:18px; line-height:18px; vertical-align:middle; text-align:center; overflow:hidden; margin:5px 0}

.prolist .nomargin{ margin-right:0}
.prolista {color:#000; text-decoration:none;}


.follow-a{display:inline-block;margin:1px;text-align:center!important}
.share-a{display:inline-block;margin:1px;text-align:center!important}
.follow-a:hover .planeRotate,.share-a:hover .planeRotate{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transition:transform 1s;-moz-transition:transform 1s;-webkit-transition:transform 1s;-o-transition:transform 1s}
.follow-a:hover .xRotate,.share-a:hover .xRotate{transform:rotateX(360deg);-ms-transform:rotateX(360deg);-moz-transform:rotateX(360deg);-webkit-transform:rotateX(360deg);-o-transform:rotateX(360deg);transition:transform 1s;-moz-transition:transform 1s;-webkit-transition:transform 1s;-o-transition:transform 1s}
.follow-a:hover .yRotate,.share-a:hover .yRotate{transform:rotateY(360deg);-ms-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-o-transform:rotateY(360deg);transition:transform 1s;-moz-transition:transform 1s;-webkit-transition:transform 1s;-o-transition:transform 1s}
.follow-a:hover .upRotate,.share-a:hover .upRotate{-webkit-transform:translateY(-6px);transform:translateY(-6px)}
.social-icon-24{display:inline-block;width:24px;height:24px;vertical-align:middle}
.social-icon-32{display:inline-block;width:32px;height:32px;vertical-align:middle}
.social-icon-48{display:inline-block;width:48px;height:48px;vertical-align:middle}
.social-icon-64{display:inline-block;width:64px;height:64px;vertical-align:middle}

.social-icon-48.social-icon-facebook{background:url(follow-service.png) no-repeat -56px 0 #3b5998}
.social-icon-48.social-icon-googleplus{background:url(follow-service.png) no-repeat -56px -64px #d14836}
.social-icon-48.social-icon-linkedin{background:url(follow-service.png) no-repeat -56px -128px #007fb1}


.social-icon-round{border-radius:50%}
.social-icon-corner{border-radius:10%}
.social-icon-hori{margin-right:8px}
.social-icon-vert{margin-bottom:4px}
.social-follow-hori-text{display:inline-block;text-align:left;width:5em;vertical-align:middle}
.social-follow-vert-text{display:inline-block;text-align:center;width:5em;vertical-align:middle}
.social-icon-greycolor,.social-icon-blackgrey,.social-icon-default{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
@media(min-width:768px){.sitewidget-follow.icons-float-left,.sitewidget-share.icons-float-left{position:fixed;left:0;top:30%;z-index:99}
.sitewidget-follow.icons-float-right,.sitewidget-share.icons-float-right{position:fixed;right:0;top:30%;z-index:99;left:auto}
.sitewidget-follow.icons-float-left .follow-a,.sitewidget-share.icons-float-left .share-a{display:block}
.sitewidget-follow.icons-float-left .follow-a+.follow-a,.sitewidget-share.icons-float-left .share-a+.share-a{margin-top:5px}