html {
	height: 100%;
	border: none;
}
body {
	height: 100%;
	min-width: 1200px;
	border: none;
	padding: 0;
	margin: 0;
	text-align: left;
	font-size: 14px;
	color: #484848;
	font-family: Arial, "microsoft yahei";
	background: #FFF;
}
div, ul, li, img, dl, dd, dt, p {
	padding: 0;
	margin: 0;
	border: none;
}
ul, dl {
	list-style-type: none;
}
h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}
a {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #418ADF;
	text-decoration: none;
}
.clear {
	clear: both;
}
.fl {
	float: left;
	display: inline;
}
.fr {
	float: right;
	display: inline;
}
.container {
	width: 1200px;
	margin: 0 auto;
}
.header {
	height: 120px;
}
.top {
	height: 36px;
	line-height: 36px;
	color: #666;
	border-bottom: 1px solid #e2e2e2;
}
.top a {
	padding: 5px 8px;
	color: #666;
}
.top ul {
	float: right;
}
.top ul li {
	float: left;
	padding: 0 10px;
}
.top .fr {
	position: relative;
}
.top .fr img {
	position: relative;
	top: 3px;
	margin-right: 4px;
}
#logo {
	height: 140px;
	width: 100%;
}
#logo .logo {
}
#logo .logo img {
	margin-top: 24px;
	height: 67px;
}
#logo .company {
	padding-left: 15px;
	border-left: 1px solid #c4c4c4;
	height: 60px;
	margin-top: 25px;
	margin-left: 10px;
	padding-top: 5px;
}
#logo .company h2 {
	font-size: 24px;
	color: #235ea0;
	font-weight: bold;
}
#logo .company h3 {
	font-size: 18px;
	margin-top: 5px;
	color: #666;
}
#logo .tel {
	background: url(../images/tel.jpg) no-repeat left center;
	height: 120px;
	width: 200px;
	padding-left: 58px;
}
#logo .tel p {
	font-size: 16px;
	color: #666;
	margin-top: 35px;
}
#logo .tel p span {
	font-size: 30px;
	display: block;
	font-weight: bold;
	color: #666;
}
.nav {
	background: url(../images/navbg.jpg) no-repeat top center;
	height: 67px;
}
.nav ul li {
	float: left;
	display: inline;
	text-align: center;
	font-size: 16px;
	position: relative;
	margin-top: 5px; 
}
.nav ul li:after {
	content: '┆';
	position: absolute;
	left: 0;
	top: 18px;
	width: 1px;
	height: 60px;
	display: block;
	color: #FFF;
}
.nav ul li a {
	color: #FFF;
	display: block;
	width: 140px;
	height: 60px;
	line-height: 60px;
	position: relative;
	z-index: 2;
}
.nav ul li a:hover, .nav ul>li.on>a {
	color: #418ADF;
}
.nav ul li dl {
	margin: 0px;
	padding: 0;
	position: absolute;
	z-index: 999;
	display: none;
}
.nav ul li dl dt a {
	display: block;
	width: 140px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #252525;
	color: #fff;
}
.nav ul li dl dt a:hover {
	background: #e6212a;
	color: #fff;
	display: block;
	width: 140px;
	height: 50px;
}
.nav ul .home {
	margin-left: 15px;
}
.nav ul .on.home a {
	color: #FFF;
}
.nav ul .home a:hover {
	color: #FFF;
}
.nav ul .home:after, .nav ul li:nth-child(2):after {
	display: none;
}
.banner {
	height:650px;
	overflow: hidden;
	position: relative;
}
.banner .hd {
	height: 18px;
	position: absolute;
	width: 100%;
	z-index: 1;
	text-align: center;
	bottom: 20px;
}
.banner .hd ul li {
	display: inline-block;
	margin: 0 5px;
	width: 10px;
	height: 10px;
	cursor: pointer;
	background: #252525;
	border-radius: 8px;
}
.banner .hd ul li.on {
	background: #06509c;
}
.banner .bd {
	position: relative;
	height: 100%;
	z-index: 0;
}
.banner .bd li {
	zoom: 1;
	vertical-align: middle;
	width: 100%;
	height: 650px;
	display: block;
}
.banner .bd li .sld{
	width: 1200px; margin:0 auto;
}
.banner .bd li .sld .title{
	min-width:400px; height:auto; padding:0.5em 1.5em 0.5em 0.7em; margin-top:180px; background:rgba(255,255,255,0.5); font-size:40px; font-weight:800; color:#002048; position:absolute; z-index:999;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.banner .bd li .sld .subtitle{
	width:100%; height:auto; line-height:45px; margin-left:0; margin-top:10px; font-size:25px; font-weight:500; color:#002048; float:left;}
.banner .bd li .sld .title .more a{
	width: 120px;
	height: 35px;
	line-height: 35px;
	margin-left: 0;
	margin-top: 10px;
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	float: left;
	border-radius: 17.5px;
	text-indent: 20px;
	background-color: #002048;
	background-image: url(../images/round_right.png);
	background-repeat: no-repeat;
	background-position: 84px center;
}

.banner .bd li a {
	width: 100%;
	height: 650px;
	display: block;
}
.search {
	height: 70px;
	border-bottom: 1px solid #e2e2e2;
}
.search .fl {
	line-height: 70px;
}
.search .fl a {
	margin-right: 15px;
}
.search .fl span {
	color: #333;
	font-weight: bold;
}
.search .fr {
	width: 384px;
	height: 70px;
}
.search .fr input {
	width: 280px;
	height: 36px;
	border: 1px solid #eee;
	margin-top: 15px;
	padding-left: 3px;
	border-radius: 6px 0 0 6px;
	padding-left: 15px;
}
.search .fr button {
	width: 75px;
	height: 40px;
	background: url(../images/search.jpg) no-repeat;
	border: none;
	position: relative;
	left: -10px;
	top: 14px;
}
.sec-title {
	text-align: center;
	padding: 40px 0;
	height: 40px;
	position: relative;
}
.sec-title h2 {
	font-size: 24px;
	color: #252525;
	font-weight: bold;
}
.sec-title h2 span {
	color:#418ADF;
}
.sec-title p {
	font-size: 14px;
	margin-top: 10px;
}
.ys {
	height: auto;
	overflow: hidden;
	padding-bottom: 40px;
}
.ys .content {
	margin-top: 5px;
}
.ys .content dl {
	float: left;
	display: inline-block;
	margin-right: 14px;
	width: 237px;
	height: 110px;
	border: 1px solid #cccccc;
	padding: 30px 20px 30px 30px;
}
.ys .content dl:last-child {
	margin-right: 0;
}
.ys .content dl:hover {
	background: #06509c;
	color: #FFF;
}
.ys .content dl dt {
	float: left;
}
.ys .content dl dd {
	float: right;
	margin-top: 25px;
}
.ys .content dl dt h3 {
	font-size: 20px;
	font-weight: bold;
	color: #333;
}
.ys .content dl dt p {
	line-height: 35px;
}
.ys .content dl dt .more {
	width: 90px;
	height: 28px;
	display: block;
	line-height: 28px;
	text-align: center;
	background: #418ADF;
	border-radius: 5px;
	margin-top: 15px;
}
.ys .content dl dt .more a {
	color: #FFF;
	width: 90px;
	height: 28px;
	display: block;
	border-radius: 5px;
}
.ys .content dl:hover h3 {
	color:#FFF;
}
.ys .content dl:hover .more a {
	background: #FFF;
	color: #06509c
}
.sec-titles {
	text-align: center;
	padding: 30px 0;
	height: 40px;
	position: relative;
}
.sec-titles h2 {
	font-size: 35px;
	color: #fff;
	font-weight: bold;
	background: url(../images/line.png) no-repeat bottom center;
	padding-bottom: 10px;
}
.sec-titles p {
	font-size: 16px;
	margin-top: 8px;
	color: #fff;
}
.index-pro {
	padding: 30px 0 30px;
	height: auto;
	overflow: hidden;
	background: url(../images/probg.jpg) no-repeat top center;
}
.index-pro .content {
	margin-top: 30px;
	height: auto;
	overflow: hidden;
}
.index-pro .content .fl {
	width: 300px;
}
.index-pro .content .fr {
	width: 100%;
}
.index-pro .content .fl .title {
	height: 70px;
	width: 270px;
	background: #418ADF url(../images/ico01.jpg) no-repeat 20px center;
	color: #FFF;
	padding: 15px 0 0 30px;
}
.index-pro .content .fl .title span {
	font-size: 28px;
	padding-left: 50px;
	display: block;
}
.index-pro .content .fl .title span i {
	display: block;
	font-size: 14px;
	font-style: normal;
}
.index-pro .content .fl .contact {
	background: #418ADF;
	text-align: center;
	padding: 20px 0;
}
.index-pro .content .fl .contact p {
	font-size: 18px;
	color: #FFF;
	margin-top: 10px;
}
.index-pro .content .fl .contact p span {
	display: block;
	font-size: 24px;
	font-weight: bold;
}
.index-pro .content .fu {
	width: 100%; float:left;
}

.index-pro .content .fu .contact {
	background: #418ADF;
	text-align: center;
	padding: 20px 0;
}
.index-pro .content .fu .contact p {
	font-size: 18px;
	color: #FFF;
	margin-top: 10px;
}
.index-pro .content .fu .contact p span {
	display: block;
	font-size: 24px;
	font-weight: bold;
}

.classify {
	width: 100%;
	padding: 0 0;
	height: auto;
	overflow: hidden;
}
.classify h3 {
	line-height: 40px;
	height: 58px;	float: left;
}
.classify h3 a {
	line-height: 40px;

	color: #333;
	width: auto;
	border-bottom: 1px solid #fff;
	padding: 0 30px; margin-right:30px;
	display: block;
	background-color: #f1f1f1; border-radius:20px;
}
.classify h3.on a {
	background-color: #2f75b5;color: #f1f1f1;
	font-weight: 100;
}
.classify h3 span {
}
.classify ul {
	display: none;
	float: left;
	width: 100%;
	height: auto;
	overflow: hidden;
}
.classify li {
	display: block;
	line-height: 40px;width: 20%;
}
.classify li a {
	display: block;
	color: #666;
	font-size: 14px;
	padding-left: 58px;
}
.classify li.on a {
	color: #e6212a;
}
.category {
	width: 1200px;
	padding: 0 0; margin:0 auto;
	background: #f5f5f5;
	height: auto;
	overflow: hidden;
}
.category h3 {
	line-height: 58px;
	width: auto;	float: left;
	height: 58px;
}
.category h3 a {
	line-height: 58px;
	color: #333;
	border-bottom: 1px solid #fff;
	display: block; padding:0 40px;
}
.category h3.on a {
	color: #fff;
	font-weight: bold;	background: #f00;

}
.category h3 span {
	float: left;
}
.category ul {
	display: none;
	float: left;
	width: 100%;
	height: auto;
	overflow: hidden;
}
.category li {
	display: block;
	line-height: 40px;
}
.category li a {
	display: block;
	color: #666;
	font-size: 14px;
	padding-left: 58px;
}
.category li.on a {
	color: #e6212a;
} 
.index-pro .content .fr ul {
	margin-left:-20px;float: left; width:1230px;
	font-size: 16px; 
}
.index-pro .content .fr ul li {
	float: left;background: rgba(35,94,160,1);
	margin-right: 0px;
	text-align: center;
	margin-bottom: 20px;
	font-size: 16px; margin-left:20px; border:0px solid #999;width: 390px;height: 300px;
}.index-pro .content .fr ul li:nth-child(3n) {
	margin-right: 0;
}
.index-pro .content .fr ul li .img {
	width: 100%;float: left;
	height: 230px; background:#fff;
}
.index-pro .content .fr ul li .img img {
	width: 100%; margin:0 auto;
	 height: 100%; overflow:hidden;
}
.index-pro .content .fr ul li .mask {

	text-align: center;
	width: 100%;
	height: 70px;
}
.index-pro .content .fr ul li:hover {	background:#333;}
.index-pro .content .fr ul li .mask h2 {
	font-size: 16px;
	line-height:70px;	color: #FFF;
}
.index-pro .content .fr ul li .mask .more {
	width: 120px;
	height: 30px;
	margin: 0 auto;
	border: 1px solid #FFF;
	border-radius: 15px;
	line-height: 30px;
}
.index-pro .content .fr ul li a:hover h2 {
	color: #FFF;
}
.index-pro .content .fr ul li a:hover .more {
	color: #FFF;
}
.liucheng {
	height: 330px;
	overflow: hidden;
}
.liucheng ul li {
	float: left;
	display: inline-block;
	transition-duration: 0.8s;
	width: 172px;
	height: 155px;
	border: 1px solid #cccccc;
	margin-right: 30px;
	text-align: center;
}
.liucheng ul li:hover {
	margin-top: 10px;
}
.liucheng ul li:last-child {
	margin-right: 0;
}
.liucheng ul li img {
	margin-top: 38px;
}
.liucheng ul li p {
	font-size: 16px;
	margin-top: 8px;
}
.about {
	background: url(../images/aboutbg.jpg) no-repeat top center;
	height: 440px;
	overflow: hidden;
	padding-top: 54px;
	margin-bottom:40px;
}
.about .fl {
	float: left;
	display: inline-block;
	width: 622px;
}
.about .fr {
	float: right;
	display: inline-block;
	padding-top: 20px;
}
.about .fr img {
	width: 482px;
	height: 307px;
	border-radius: 10px;
	border: 0 solid #FFF;
}
.about .fl span {
	color: #4f5358;
	font-size: 30px;
	font-weight: bold;
}
.about .fl h2 {
	font-weight: bold;
	color: #FFF;
	position: relative;
	height: 50px;
}
.about .fl h2:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 70px;
	height: 3px;
	background: #e6212a;
}
.about .fl .info {
	font-size: 16px;
	line-height: 200%;
	color: #FFF;
	margin-top: 20px;
}
.about .fl .more {
	width: 185px;
	height: 42px;
	line-height: 42px;
	border-radius: 5px;
	margin-top: 20px;
	background: #e6212a url(../images/ico03.jpg) no-repeat 40px center;
	display: block;
}
.about .fl .more a {
	color: #FFF;
	padding-left: 80px;
}
.honor {
	height: auto;
	overflow: hidden;
	text-align: center;
	margin-top: -55px;
}
.honor .hd {
	height: 55px;
	overflow: hidden;
	width: 100%;
}
.honor .hd ul li {
	display: inline-block;
	width: 200px;
	height: 55px;
	font-size: 16px;
	line-height: 55px;
	margin-right: 12px;
}
.honor .hd ul li a {
	background: #f2f2f2;
	width: 200px;
	height: 55px;
	display: block;
	border-radius: 5px 5px 0 0
}
.honor .hd ul li a:hover {
	background: #06509c;
	color: #FFF;
}
.honor .hd ul li.on a {
	background: #418ADF;
	color: #FFF;
}
.honor .bd {
	padding-top: 40px;
}
.honor .bd ul li {
	float: left;
	display: inline-block;
	margin-right: 20px;
	text-align: center;
	font-size: 16px;
	width: 285px;
	height: 189px;
	border: 1px solid #ccc;
	overflow: hidden;
}
.honor .bd ul li img {
	max-width: 287px;
	height: 190px;
}





/*footer*/
.footer {
	background: #333333;
	height: 240px;
	overflow: hidden;
	padding-top: 45px;
	color: #bbbbbb;
}
.footer .fl h3 {
	color: #FFF;
	margin-bottom: 20px;
}
.footer .fl a {
	color: #bbbbbb;
}
.footer .fl a:hover {
	color: #ae0a11;
}
.footer .dh {
	width: 220px;
	line-height: 30px;
}
.footer .dh ul li {
	float: left;
	width: 45%;
}
.footer .pro {
	width: 120px;
	margin-right: 50px;
	line-height: 30px;
	padding: 0 50px;
	border-left: 1px solid #484848;
	border-right: 1px solid #484848;
}
.footer .contact {
	line-height: 30px;
}
.footer .fr h3 {
	background: #494949;
	width: 140px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	font-size: 14px;
}
.footer .fr img {
	height: 140px;
}
.copyright {
	background: #333333;
	padding: 15px 0;
	border-top: 1px solid #484848;
	color: #bbbbbb;
	text-align: center;
}
.copyright a{ color:#bbbbbb}
.kefu {
	position: fixed;
	right: -170px;
	top: 50%;
	z-index: 900;
}


/*应用行业*/
.programme{ margin-top:43px;}
.programme .title, .strength .title, .ind-case .title{ color:#333; margin-bottom:28px;}
.programme .title{ color:#333; margin-bottom:28px; text-align:center;}
.programme .title h2{font-size:40px; font-weight:bold;}
.programme .title h4{font-size:16px; color:#F00; padding-top:20px;}
.programme .title span, .strength .title span, .ind-case .title span, .ind-news .title span{ color:#13428a;}
.programme ul{ width:110%;}
.programme li{ width:383px;  float:left; margin-right:27px; margin-bottom:36px;}
.programme li .li-img{ width:383px; height:383px; overflow:hidden;}
.programme li img{ width:383px; height:383px; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s;}
.programme li p{ width:383px; height:64px; line-height:64px; text-align:center; font-size:15px; background-color:#f3f4f6;}
.programme li:hover img{ transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);}
.programme li:hover p{ background-color:#13428a; color:#fff;}

/*通用调用*/
.w1200{width:1200px;height:auto;margin:0 auto;overflow:hidden; color:#333333; font-size:14px;}

/*客服*/
.kefu li a {
	text-decoration: none;
	color: #FFF;
}
.kefu li {
	margin-top: 1px;
	clear: both;
	height: 71px;
	position: relative;
}
.kefu li i {
	background: url(../images/fx.png) no-repeat;
	display: block;
	width: 30px;
	height: 27px;
	margin: 0 auto;
	text-align: center;
}
.kefu li p {
	height: 20px;
	font-size: 14px;
	line-height: 20px;
	overflow: hidden;
	text-align: center;
	color: #fff;
	margin: 0;
}
.kefu .kefu-qq i {
	background-position: 4px 5px;
}
.kefu .kefu-tel i {
	background-position: 0 -21px;
}
.kefu .kefu-liuyan i {
	background-position: 4px -53px;
}
.kefu .kefu-weixin i {
	background-position: -34px 4px;
}
.kefu .kefu-weibo i {
	background-position: -30px -22px;
}
.kefu .kefu-ftop {
	display: none;
}
.kefu .kefu-ftop i {
	width: 33px;
	height: 35px;
	background-position: -27px -51px;
}
.kefu .kefu-left {
	float: left;
	width: 77px;
	height: 47px;
	position: relative;
}
.kefu .kefu-tel-right {
	font-size: 16px;
	color: #fff;
	float: left;
	height: 24px;
	line-height: 22px;
	padding: 0 15px;
	border-left: 1px solid #fff;
	margin-top: 14px;
}
.kefu .kefu-right {
	width: 20px;
}
.kefu .kefu-tel-main {
	background: #418ADF;
	color: #fff;
	height: 56px;
	width: 247px;
	padding: 9px 0 6px;
	float: left;
}
.kefu .kefu-main {
	background: #418ADF;
	width: 97px;
	height: 56px;
	position: relative;
	padding: 9px 0 6px;
	float: left;
}
.kefu .kefu-weixin-pic {
	position: absolute;
	left: -130px;
	top: -24px;
	display: none;
	z-index: 333;
}
.kefu-weixin-pic img {
	width: 115px;
	height: 115px;
}




/*定制服务*/
.zixun_bj{ width:100%; height:160px; background:url(../images/zixunbj.jpg) no-repeat center;}
.zixun_box{ max-width:1600px; margin:auto; overflow:hidden;}
.zixuncon{ float:left; font-size:36px; color:#fff; line-height:160px;}
.zixuncur{ float:right; width:170px; height:56px; border:2px solid #fff; margin-top:47px;}
.zixuncur a{ display:block; font-size:14px; color:#fff; text-align:center; text-align:center; line-height:56px;}
.zixuncur img{ margin-left:15px;}




/*首页新闻中心*/
.news_bj{ width:100%; min-width:1300px; padding:80px 0 90px; background:#f6f6f6;}
.news_bigbox{ width:1400px; margin:auto; overflow:hidden;}
.news_tibox{ overflow:hidden;}
.news_tibox h1{ float:left; font-size:40px; font-weight:bold; color:#353535;}
.news_nav{ float:right; margin-top:25px; font-size:20px; color:#a8a8a8; line-height:30px;}
.news_nav li{ display:inline-block; margin:0 30px;}
.news_nav li:nth-child(1){ margin-left:0;}
.news_nav li a{ display:inline-block; font-size:20px; color:#353535; line-height:30px;}
.news_nav li a:hover{ font-weight:bold; color:#FF0000;}
.news_box{ width:100%; margin:52px auto 0;}
.news_left{ float:left; width:53.75%;}
.news_tj{ float:left; width:47%; height:414px; margin-right:5.4%; background:#fff; transition:all .5s ease;}
.news_tj:nth-child(2){ margin-right:0;}
.news_tj .news_tu{ width:100%; background:#000; overflow:hidden;}
.news_tj .news_tu img{ display:block; width:360px; height:197px; transition:all .5s ease;}
.news_tj .news_con{ padding:20px 15px;}
.news_tj .news_con em{ display:block; font-style:normal; font-size:12px; color:#222222;}
.news_tj .news_con h1{ display:block; font-size:20px; font-weight:bold; color:#222222; line-height:30px; margin-top:10px; overflow:hidden;}
.news_tj .news_con span{ display:block; font-size:12px; color:#222222; margin-top:5px;}
.news_tj .news_con p{ display:block; font-size:14px; color:#222222; line-height:24px; margin-top:15px;}
.news_tj:hover{ box-shadow:0 0 12px rgba(51,51,51,0.2);}
.news_tj:hover .news_tu img{ opacity:0.6; transform:scale(1.05);}
.news_tj:hover h1{ color:#FF0000;}
.news_right{ float:right; width:37.3%; background:#fff; padding:50px 40px;}
.news_right ul{ display:block; padding-left:30px; background:url(../images/news_bj.png) no-repeat left 3px;}
.news_right ul li{ display:block; margin-bottom:42px;}
.news_right ul li:last-child{ margin-bottom:0;}
.news_right ul li h1{ display:block; font-size:18px; color:#454545; line-height:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.news_right ul li span{ display:block; font-size:14px; color:#8c8c8c; margin-top:8px;}
.news_right ul li:hover h1{ color:#ec3b3d;}




/*关于我们页面*/




.ban {
	width: 100%;
	height: 320px;
	overflow: hidden;
}
.ban .title{
	width: 1200px;  margin:120px auto 0 auto;
	height: auto; line-height:30px; font-size:50px; font-weight:bold; color:#fff;
}
.ban .etitle{
	width: 1200px;  margin:20px auto 0 auto;
	height: auto; line-height:30px; font-size:30px; font-weight:100;  color:#fff;
}
.ban .DEF2{
	width: 1200px;  margin:120px auto 0 auto;text-align:center;
	height: auto; line-height:30px; font-size:50px; font-weight:bold; color:#fff;
}
.ban .DEF3{
	width: 1200px;  margin:20px auto 0 auto; text-align:center;
	height: auto; line-height:30px; font-size:30px; font-weight:100;  color:#fff;
}
.ny {
	height: auto;
	overflow: hidden;
	width: 100%; 
	padding: 30px 0; background:#fff;
}
.ny .fl {
	width: 100%; background:#f5f5f5;float:left;
}
.ny .fl .title {
	height: 63px;
	width: 270px;
	background: #418ADF url(../images/ico01.png) no-repeat 20px center;
	color: #FFF;
	padding: 22px 0 0 30px;
}
.ny .fl .title span {
	font-size: 26px;
	padding-left: 20px;
	display: block;
}
.ny .fl .title span i {
	display: block;
	font-size: 14px;
	font-style: normal;
	text-transform: uppercase
}
.ny .fr {
	width: 1200px;
}
.ny .fr .topt {
	width: 80%;float:left; height:auto; padding:3% 10%; font-size:16px; font-weight:200; line-height:150%; background-image: url(../images/gt.png);background-color: #fff; background-repeat: no-repeat;	background-position: 7% center; border-radius:10px; margin:30px 0 20px 0;background-size:30px;}

.ny .contact {
	background: #418ADF;
	text-align: center;
	padding: 20px 0;
}
.ny .contact p {
	font-size: 18px;
	color: #FFF;
	margin-top: 10px;
}
.ny .contact p span {
	display: block;
	font-size: 24px;
	font-weight: bold;
}
.ny .fr .title {
	line-height: 42px;
	border-bottom: 1px solid #e1e1e1;
}
.ny .fr .title span {
	font-size: 20px;
	color: #418ADF;
	border-bottom: 3px solid #418ADF;
	padding-bottom: 10px;
}
.ny .fr .title p {
	display: inline-block;
	float: right;
}
.ny .fr .tit {
	line-height: 38px;
	border-bottom: 1px solid #e1e1e1;
	margin-bottom: 15px;
}
.ny .fr .tit span {
	font-size: 18px;
	color: #e6212a;
	border-bottom: 3px solid #e6212a;
	padding-bottom: 8px;
}
.ny .fr .txt {
	border: 1px solid #e1e1e1;
	background: #f4f4f4;
	margin-top: 20px;
	padding: 15px;
}
.ny .fa {
	width: 1200px;
}

.ny .fa  .fal{
	width: 50%;float: left; 
}
.ny .fa .fal .title {
	line-height: 42px; width:100%;float: left; 
}
.ny .fa .fal .title span {
	font-size: 20px;
	color: #333;font-weight:200;
	padding-bottom: 10px;float: left; margin-bottom:50px;
}
.ny .fa .fal .title p {
	display: inline-block; color:#235ea0;
	float: left; font-size:60px; width:100%; line-height:80px; font-weight:bold;
}
.ny .fa .tit {
	line-height: 38px;
	border-bottom: 1px solid #e1e1e1;
	margin-bottom: 15px;
}
.ny .fa .tit span {
	font-size: 18px;
	color: #e6212a;
	border-bottom: 3px solid #e6212a;
	padding-bottom: 8px;
}
.ny .fa .fal .txt {
	background: #fff;
	margin-top: 20px;float: left; 
	padding: 15px 0; font-size:15px; line-height:200%; color:#888; width:100%; font-weight:200;
}
.ny .fa .img1 {
	margin-top: 20px;float: right; 
	padding: 15px 0; font-size:15px; line-height:200%; color:#888; width:40%; font-weight:200;
}
.ny .fa .img1 img{width:100%; font-weight:200;
}
.ny .fa .pro .text{ width:100%; float:left;}
.ny .fa .pro .text span{ width:100%;  margin:120px 0;}
.s-list {
	height: auto;
	overflow: hidden;
	padding-bottom: 30px;
	width: 100%;
	float: left;
	margin-left: 0%;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #f1f1f1; margin-top:20px; padding-top:20px;
}
.s-list ul li {
	float: left;
	display: inline-block;
	font-size: 16px;
	text-align: center;
	margin-top: 20px;	width: 30%; margin-right:5%; margin-bottom:30px;

}
.s-list ul li:nth-child(3n) {
	margin-right: 0
}
.s-list ul li .img {
	width: 100%;
	height: 220px;
	overflow:hidden;
}
.s-list ul li img {
	max-width: 100%;
	min-height: 220px;
}
.s-list ul li p{
	float: left; width:100%; color:#fff;text-align:center; height:40px; line-height:40px; background:#999;
}








.list-1 dl {
	border-bottom: 1px solid #e1e1e1;
	padding: 15px 0;
}
.list-1 dl dt {
	line-height: 35px;
	font-size: 16px;
}
.list-1 dl dt:before {
	content: '■';
	font-size: 12px;
	margin-right: 5px;
	color: #418ADF;
	position: relative;
	top: -3px;
}
.list-1 dl dt span {
	float: right;
	font-size: 14px;
}
.list-1 dl dt a {
	font-weight: bold;
}
.list-1 dl dd {
	color: #999; line-height:150%;
}
.list-2 {
	height: auto;
	overflow: hidden;
	padding-bottom: 30px;
	width: 100%;
	float: left;
	margin-left: 0%;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #f1f1f1; margin-top:20px; padding-top:20px;
}
.list-2 ul li {
	float: left;
	display: inline-block;
	font-size: 16px;
	text-align: center;
	margin-top: 20px;	width: 23.5%; margin-right:2%; margin-bottom:30px;
}
.list-2 ul li:nth-child(4n) {
	margin-right: 0
}
.list-2 ul li .img {
	width: 100%-2px;
	height: 190px;
	border: 1px solid #f5f5f5;
}
.list-2 ul li img {
	max-width: 100%;
	height: 190px;
}
.list-2 ul li p {
	margin-top: 5px;
}
.news {
	padding: 0px 0 0;
}
.news h1 {
	text-align: center;
	font-size: 24px;
	padding-top: 30px;
}
.news .date {
	text-align: center;
	font-size: 14px;
	padding: 15px 0;
}
.news .date span {
	padding: 0 15px;
}
.news .info {
	padding: 10px 0 0;
	line-height: 25px; font-size:14px;
}

.aboutus .title{ height:auto; width:auto; float:left; padding:2px 200px 2px 30px; background:#f2f2f2; font-size:16px; border-left:6px solid #f00;}
.aboutus .info {padding: 10px 0 0;line-height: 25px; font-size:14px; width:100%;  float:left; background:none;}
.aboutus .info ul{ width:109%; margin-left:-10%; float:left;}
.aboutus .info ul li{ width:11%; margin-left:10%; float:left; height:auto; text-align:center; font-size:42px; font-weight:bold; background:#fff; color:#f00; padding:3% 0 2% 4%; }
.aboutus .info ul li span{ width:20%; height:30px;font-size:12px; font-weight:200;color:#f00; }
.aboutus .info ul li p{ width:100%; float:right;font-size:18px; font-weight:200; color:#666 }
.aboutus .info .img1,.aboutus .info .img2,.aboutus .info .img3,.aboutus .info .img4,.aboutus .info .img5{ margin-bottom:40px; 	background-size:70px;	background-repeat: no-repeat;	background-position: 0px center;}
.aboutus .info .img1{ background-image: url(../images/ico6.png);}
.aboutus .info .img2{ background-image: url(../images/ico7.png);}
.aboutus .info .img3{ background-image: url(../images/ico8.png);}
.aboutus .info .img4{ background-image: url(../images/ico9.png);}

.aboutus .youshi {padding: 10px 0 0;line-height: 25px; font-size:14px; width:100%;  float:left; background:none; margin-top:50px;}
.aboutus .youshi ul{ width:102%; margin:2% 0 2% -2%; float:left;}
.aboutus .youshi ul li{ width:18%; margin-left:2%; float:left; height:150px; text-align:center; font-size:18px; font-weight:200; padding-top:60px; background:#333; color:#fff; }
.aboutus .youshi ul li .img1,.aboutus .youshi ul li .img2,.aboutus .youshi ul li .img3,.aboutus .youshi ul li .img4,.aboutus .youshi ul li .img5{ width:100%; height:50px; margin-bottom:40px; 	background-size: 50px;	background-repeat: no-repeat;	background-position: center center;}
.aboutus .youshi ul li .img1{ background-image: url(../images/ico1.png);}
.aboutus .youshi ul li .img2{ background-image: url(../images/ico2.png);}
.aboutus .youshi ul li .img3{ background-image: url(../images/ico3.png);}
.aboutus .youshi ul li .img4{ background-image: url(../images/ico4.png);}
.aboutus .youshi ul li .img5{ background-image: url(../images/ico5.png);}
.aboutus .youshi ul li:hover { background:#f60; color:#fff; }

.aboutus .kehuming{ width:100%; float:left;margin-top:50px;}
.aboutus .kehuming ul{ width:102%;  margin:2% 0 2% -2%; float:left;}
.aboutus .kehuming ul li{ width:23%; margin:0 0 2% 2%; float:left; padding:0;height:auto; text-align:center; font-size:18px; font-weight:200; background:#fff; color:#fff;}
.aboutus .kehuming img{ width:60%; height:auto; border:1px solid #f3f3f3; padding:5% 10%;}

.contact1{ width:100%; float:left; margin:40px 0 0 0;}
.contact1 ul{ width:102%;float:left; margin-left:-2%; }
.contact1 ul li{
	width: 19%;
	margin-left: 2%;
	float: left;
	height: 400px;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	font-weight: 400;
	border: #f30 solid 0px; padding:2% 2% 2% 2%; 
	color: #333;
	margin-bottom: 40px; 
	font-family: "Microsoft YaHei UI Light", "Century Gothic";
	background-color: #fff; border-radius:10px;
}
.contact1 ul li:nth-child(4n)：{ width:100%-2px; }
.contact1 ul li p{ width: 120px;padding:0 20px; height:40px; line-height:40px; background:#339; font-size:14px; font-weight:200; color:#fff; margin:50px 0 60px -2%; background-repeat: no-repeat;	background-position: 10px center;background-size:30px; text-indent:20px;}
.contact1 .name{	background-image: url(../images/name.png);}
.contact1 .tel{	background-image: url(../images/tell.png);background-color: #999; }
.contact1 .mail{	background-image: url(../images/mail.png);background-color: #555; }
.contact1 .add{	background-image: url(../images/address.png);background-color: #111;}
.contact1 .chat{	background-image: url(../images/chat.png);background-color: #eee;}
.contact1 ul li img { width:80%; height:auto; margin-top:20px;}
.tags {
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	height: 35px;
	line-height: 35px; float:left; width:100%;
}
.tags span {
	font-weight: bold;
}
.tags a {
	margin-right: 15px;
}
.page {
	line-height: 50px;
}
.page span {
	float: right;
}
.xg-pro {
	height: auto;
	overflow: hidden;
	margin-top: 5px;
}
.xg-pro ul li {
	float: left;
	display: inline-block;
	width: 200px;
	margin-right: 15px;
	margin-bottom: 10px;
	text-align: center;
}
.xg-pro ul li img {
	width: 200px;
	height: 160px;
}
.xg-news {
	height: auto;
	overflow: hidden;
	margin-top: 15px;
}
.xg-news ul li {
	float: left;
	display: inline-block;
	width: 47%;
	margin-right: 3%;
	line-height: 25px;
}
.xg-news ul li:before {
	content: '■';
	font-size: 12px;
	margin-right: 5px;
	color: #e6212a;
	position: relative;
	top: -10px;
}
.xg-news ul li a {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: 240px;
	display: inline-block;
}
.xg-news ul li span {
	float: right;
}
.xg-area {
	height: auto;
	overflow: hidden;
	margin-top: 0px;
	margin-bottom: 15px;
}
.xg-area ul li {
	float: left;
	display: inline-block;
	margin-right: 25px;
	line-height: 25px;
}
.pro {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 10px 0 30px;
}
.pro .img {
	float: left;
	display: inline-block;
	width: 480px;
}
.pro .text {
	float: right;
	display: inline-block;
	width: 350px;
}
.pro .text h1 {
	font-size: 24px;
	padding-top: 20px;
}
.pro .text .desc {
	padding: 20px 0;
	height: 150px;
	font-size: 14px;
	line-height: 200%; margin-bottom:20px;
}


.pro .text .btn {
	width: 120px;
	height: 40px;
	background: #235ea0;
	color: #FFF;
	display: block;
	text-align: center;
	line-height: 40px;
	font-size: 18px;
}
.pro-content  {
	width:100%; float:left; 
}
.pro-content ul {
	width:1240px; float:left; margin-left:-40px;  
}
.pro-content ul li{
	float: left;
	display: inline-block;
	font-size: 16px;	
	margin-top: 20px;	width: 578px; margin-left:40px; margin-bottom:30px; border:1px solid #ccc; padding:20px 0; border-radius:10px; background:#f5f5f5;
}
.pro-content ul li h1{
	width: 100%; margin-bottom:10px; float:left;text-align: left;
	font-size: 18px; color:#333;font-weight:bold; padding:0 20px;
}
.pro-content ul li h2{
	width: auto; margin-bottom:10px; float:left;text-align: left;
	font-size: 14px; color:#888; font-weight:200; line-height:26px; padding:0 20px;
}
.pro-content .tits {
	border-bottom: 1px solid #e1e1e1;
	height: 40px;
	width: 100%;
	font-size: 18px;
}
.pro-content .tits span {
	background: #235ea0;
	color: #FFF;
	display: block;
	width: 120px;
	height: 40px;
	text-align: center;
	line-height: 40px;
}
.pro-content .title1 {
	padding: 20px 0; font-size:18px; line-height:150%;  background:#f1f1f1; text-align:center; font-weight:bold;
}
.pro-content .info {
	padding: 20px 0; font-size:14px; line-height:150%; font-weight:200; width:100%; float:left;
}
.pro-content .info img{
	max-width:100%;
}

div.zoomDiv {
	z-index: 999;
	position: absolute;
	top: 0;
	left: 0;
	background: #ffffff;
	border: 1px solid #ddd;
	display: none;
	text-align: center;
	overflow: hidden;
	font-size: 0;
}
div.zoomMask {
	position: absolute;
	background: url(../images/mask.png) repeat scroll 0 0 transparent;
	cursor: move;
	z-index: 1;
}
.pc-slide {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.view .swiper-slide .imgauto {
	width: 100%;
	height: 350px;
	position: relative;
}
.view .swiper-slide .imgauto img {
	max-width: 90%;
	max-height: 100%;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}
.view .swiper-container {
	width: 100%;
}
.preview {
	width: 100%;
	margin-top: 10px;
	position: relative;
}
.preview .swiper-container {
	width: 80%;
	margin: 0 10%;
	overflow: hidden;
}
.preview .swiper-slide {
	width: 22.5%;
	padding: 5px;
}
.preview .swiper-slide .imgauto {
	width: 100%;
	height: 80px;
	line-height: 80px;
	border: 1px solid #ddd;
	text-align: center;
	cursor: pointer;
	position: relative;
	display: block;
}
.preview .swiper-slide .imgauto img {
	display: inline-block;
	vertical-align: middle;
	max-width: 90%;
	max-height: 100%;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}
.preview .slide6 {
	width: 82px;
}
.preview img {
	padding: 1px;
}
.preview .active-nav .imgauto {
	border: 1px solid #e6212a;
}
.preview .arrow-left {
	background: url(../images/prev1.png) no-repeat left center;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -9px;
	width: 10px;
	height: 18px;
	z-index: 10;
}
.preview .arrow-right {
	background: url(../images/next1.png) no-repeat left center;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -9px;
	width: 10px;
	height: 18px;
	z-index: 10;
}
.clearfix {
*zoom: 1;
}
.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#message {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1000;
	transform: scale(0);
	transition: .3s;
}
.messagebg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	z-index: 1001;
}
#message .m-content {
	margin-top: 10%;
}
#message .m-content .m-message {
	background: #fff;
	width: 580px;
	background: #fff;
	padding: 50px;
	margin: 0 auto;
	position: relative;
	z-index: 1002;
	box-shadow: 1px 1px 50px rgba(0,0,0,.3);
}
.m-message {
	width: 100%;
	margin: 48px auto 0;
}
.m-message label {
	margin-bottom: 15px;
	display: block;
	font-size: 14px;
}
.m-message label em {
	display: block;
	float: right;
	color: red;
	height: 32px;
	line-height: 32px;
}
.m-message label span {
	width: 70px;
	height: 34px;
	line-height: 34px;
	color: #2F2F2F;
	float: left;
	font-weight: bold;
	text-align: right;
	margin-right: 30px;
	display: inline-block;
}
.m-message label input.inp, .m-message label textarea, .m-message label.code input {
	width: 80%;
	overflow: hidden;
	height: 32px;
	line-height: 32px;
	border: #cccccc 1px solid;
	border-radius: 3px;
	padding: 0 14px;
	box-sizing: border-box;
	color: #555;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.m-message label input:focus, .m-message label textarea:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);
}
.m-message label textarea {
	height: 72px;
	line-height: 24px;
	padding: 10px 14px;
}
.m-message label.code {
	line-height: 34px;
}
.m-message label.code input {
	width: 30%;
	float: left;
	margin-right: 30px;
}
.m-message label.code .pic {
	display: inline-block;
	vertical-align: top;
	width: 80px;
	height: 32px;
}
.m-message label.code img {
	display: block;
	width: 100%;
	height: 100%;
}
.btn-1 input {
	width: 52px;
	height: 32px;
	line-height: 32px;
	background: #e8e8e8;
	border: none;
	color: #333;
	margin-right: 22px;
	cursor: pointer;
	transition: 0.3s;
}
.btn-1 {
	padding-left: 100px;
}
.btn-1 input.focus {
	background: #e6212a;
	color: #fff;
}
.btn-1 input.focus:hover {
	background: #444;
}
.btn-1 input:hover {
	background: #ccc;
}

/*分页样式*/
.pages{
	text-align:center;
	margin-top:20px;
	font-size:12px;	 
}
.pages a{
	display:inline-block;
	border:1px solid #ccc;
	height:25px;
	line-height:25px;
	padding:0 10px;
	margin-left:5px;
	background:#fff;
	text-indent:0px;
	border-radius:3px;
	color:#f60
}
.pages a:hover{
	color:#f60;
	border:1px solid #ff5500;
}
.pages .focus{
	display:inline-block;
	color:#f60;
	border:1px solid #ff5500;
	height:25px;
	line-height:25px;
	padding:0 10px;
	background:#ffeee5;
	text-indent:0px;
}


/*分页样式*/