﻿@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	line-height: 28px;
	color: #333;
	text-decoration: none;

}
*{font-family: "微软雅黑", "宋体";}
.webwidth,.width{width:1168px; margin-left:auto; margin-right:auto;}
.topbg{
	background-color: #000000;
	border-bottom: 1px solid #000000;
	color: #ffffff;
}
.toplogo{
    height: 133px;
    overflow:hidden;
    background-image: ;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    margin-top: 0;
    z-index:9999999;
}
.tel{ float:right;}
.topbtnbg{
	background-color: #b61618;
}
.toplogo img{

    margin-top:20px;}
.topbtn{ height:71px; }
.topbtn ul{ margin:0px; padding:0px; list-style:none;}
.topbtn ul li{
    border: 1px solid #f4f3f9;
	padding: 0px;
	list-style: none;
	float: left;
	line-height:37px;
	color: #fff;
	font-size: 16px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}
.topbtn ul li a{
	text-decoration: none;
    height: 71px;     width:166px;
	display: block;
	text-align: center;
	color: #333333;
	line-height:71px;

}
.topbtn ul li a:hover{
	text-decoration: none;
	/*background-image: ;*/
	height: 71px; width:166px;
	display: block;
	text-align: center;
	/*color: #ffffff;*/
	line-height:71px;
}

.onbtn{
    background-image: ;
	width: 94px;
	height: 71px;
    width:166px;}
.onbtn a{color: #ffffff !important;}
.search{
	float: right;
	margin-top: 3px;
	background:#fff;
	
}
.bannerbg{
	height: 598px; overflow:hidden;
    position: relative;
    margin-top: -73px;

}
.leftbtn{}
.leftbtn ul{ margin:0px;  padding:0px; list-style:none;}
.leftbtn ul li{
	margin: 0px;
	padding: 0px;
	list-style: none;
	border-bottom: 1px solid #ffffff;
}
.leftbtn ul .onbtn{
	color: #ffffff;
	background-image: ;
	background-repeat: no-repeat;
	background-position: right 0px;
	background-color: #0641cb;
}
.leftbtn ul li a{
	font-size: 14px;
	line-height: 42px;
	text-decoration: none;
	color: #333333;
	/*	background-image: ;
	background-repeat: no-repeat;
	background-position: right -42px;
	background-color: #f4f4f4;*/
	display: block;
	text-indent: 20px;
	font-weight: bold;
}
.leftbtn ul li a:hover{
	font-size: 14px;
	line-height: 42px;
	text-decoration: none;
	color: #ffffff;
	background-image: ;
	background-repeat: no-repeat;
	background-position: right 0px;
	background-color: #6bbcb9;
	display:block;
	height:42px;
	text-indent: 20px;font-weight: bold;
}
.leftbtn ul ul li{
	margin: 0px;
	padding: 0px;
	list-style: none;
	border-bottom: 0px solid #ffffff;
	background-color: #f9fbff;
}
.leftbtn ul ul li a{
font-size: 14px;
	line-height: 32px;
	height:32px;
	text-decoration: none;
	text-indent: 40px;
}
.leftbtn ul ul li a:hover{
	font-size: 14px;
	line-height: 32px;
	height: 32px;
	text-decoration: none;
	color: #ffffff;
	background-color:
	text-indent: 40px;
	background-image:  !important;
}

/* changebox_a1 */
.changebox_a1{width:100%;height:752px;padding:0px;position:relative;}

.changebox_a1 .a_bigimg{position:absolute;top:0px;left:0px;display:none;}
.changebox_a1 a{    display: block;text-align: center;width: 100%;}

#change_1 .a_last{position: absolute;top: 120px;width: 20px;height:55px;background:  no-repeat;text-indent: -999em;overflow: hidden;left: 10px;}
#change_1 .a_next{position: absolute;top: 120px;width: 20px;height: 55px;text-indent: -999em;overflow: hidden;right: 10px;background-image: ;background-repeat: no-repeat;background-position: -26px;}
.pan{
	margin-top: 8px;
	margin-bottom: 8px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #ccc;
}

.aboutus{
	padding-top: 50px;
	padding-bottom:50px;
	clear: both;
	background-color: #ffffff;
}

.abouttitle{ font-size:36px; line-height:45px; margin-top:140px;}
.abouttxt{
    height: 173px;
	color: #000000;
	text-align: left;
	text-decoration: none;
	line-height:35px; font-size:14px;
    margin-top: 34px;
	margin-left:40px; margin-right:40px;
}
.aboutbutton{
    width: 105px;
    height: 30px;
    background-color: #00479d;
    text-align: center;
    margin-left:40px;
}
.aboutbutton a{
    text-decoration: none;
    text-align: center;
    color: #ffffff;
    line-height:30px;
    font-size:14px;
}
.aboutmore{ width:600px;}
.aboutmain{
    margin-top:20px;
    height: 282px;
    background-color: #f4f3f9;
}

.more{}
.more a{
	width: 160px;
	color: #6bbcb9;
	border-radius: 5px;
	font-size: 15px;
	line-height: 40px;
	display: block;
	text-decoration: none;
	text-align: center;
	float:right;
}

.bannerimg{
	background-image: ;
	background-repeat: no-repeat;
	background-position: center center;
	height:316px;
}


.myadvantage{
	background-color: #f8f8f8;
	padding-top:60px; padding-bottom:60px;
}

.sales{ background:#cdfffd; padding-top:60px; padding-bottom:60px;}
.salesitem{}
.salesitem ul{ margin:0px; list-style:none; padding:0px;}
.salesitem ul li{
	list-style: none;
	background-color: #26c9d0;
	border-radius: 6px;
	overflow: hidden;
	width:210px;
	height: 240px;
	float: left;
	color: #ffffff;
	padding-bottom: 40px;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 20px;
	margin-bottom: 30px;
	margin-left: 50px;
	margin-right: 50px;
	margin-top: 30px;
}
.salesitem ul li a{
	text-decoration: none;
	color: #ffffff;
}
.salestitle{
	font-size: 30px;
	line-height: 50px;
	border-bottom: 1px solid #ffffff;
	text-align:center;
	margin-bottom:30px;
}
.contact{
	background-repeat: no-repeat;
	background-position: center center;
    color: #ffffff;
	padding-top:50px;
	padding-bottom: 50px;
    font-family: "微软雅黑", "宋体";
    text-align: center;
}
.zerogrid{

    color: #3f3f3f;
    font: 14px/25px arial, helvetica,sans-serif;
    font-family: montserrat, sans-serif;
    letter-spacing: 1px;
    }
.input {
    display:block;
    width:544px;
    height: 24px;
    color:#000;
    border:1px solid #afafaf;
    padding: 15px;
    margin: 35px 0 35px 0;
    font-size: 14px;
}
.textarea {
    display:block;
    width:526px;
    height:206px;
    background-color:#fff;
    color:#000;
    border:1px solid #afafaf;
    padding:15px;
    margin: 35px 0 35px 0;
}
.sendbutton {
    cursor:pointer;
    background-color: #00479d;
    width:135px;
    height: 38px;
    color:#ffffff;
}







.area{
    background-repeat: no-repeat;
    background-position: center center;
    color: #ffffff;
    padding-top:50px;
    padding-bottom: 50px;
    background-image: ;
    font-family:"myriad pro", "微软雅黑", "宋体";
    text-align: center;
}
.products{
	background-repeat: no-repeat;
	background-position: center center;
    background-color: #f4f3f9;
	padding-top:50px;
	padding-bottom: 50px;

}
.productlist{ margin-top:60px; height:230px;}
.productlist ul{
	padding: 0px;
	list-style: none;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}
.productlist ul li{
	padding: 0px;
	list-style: none;
	float: left;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-right: 0px;
	margin-top: 0px;
	text-align: center;

}
.productlist ul li a{
	text-decoration: none;
	color: #666666;
}
.productlist ul li img{width:280px!important; height:180px!important;}
.protitle{
	font-size: 18px;
	line-height: 60px;
	font-family: "微软雅黑", "宋体";
	text-decoration: none;
	font-weight: bold;
}

.core{ margin-top:20px;}
.corelist{ height:160px; margin-top:30px;}
.corelist ul{
	padding: 0px;
	list-style: none;
	margin-bottom: 0px;
	margin-left: -20px;
	margin-right: 0px;
	margin-top: 0px;
}
.corelist ul li{
	padding: 0px;
	list-style: none;
	width: 220px;
	margin-bottom: 0px;
	margin-left: 20px;
	margin-right: 0px;
	margin-top: 0px;
	float:left;
}
.corehand{
	width: 105px;
	height: 105px;
	border-radius: 53px;
	background-color: #bb131b;
	line-height:105px; text-align:center;
	font-size:30px;
	font-family:"微软雅黑", "宋体";
	color:#fff;
	margin-left:auto; margin-right:auto;
}
.coretitle{ font-size:18px; line-height:40px; color:#000; font-family:"微软雅黑", "宋体";text-align:center;}
.corecontent{ font-size:12px; line-height:26px; color:#666;}

.myservice{padding-bottom:50px; padding-top:50px; background:#fae6e8;}
.servicelist{ margin-top:0px;padding-bottom:50px; padding-top:50px;}
.servicelist ul{margin:0px; padding:0px; list-style:none; height:200px;}
.servicelist ul li{ margin:0px; padding:0px; list-style:none; width:33%; float:left; text-align:center; font-size:16px;}

.serviceicolist{ margin-top:0px;padding-bottom:50px; padding-top:50px;}
.serviceicolist ul{margin:0px; padding:0px; list-style:none; height:200px;}
.serviceicolist ul li{ margin:0px; padding:0px; list-style:none; width:20%; float:left; text-align:center; font-size:16px;}

.mycase{

	padding-top:60px;
	padding-bottom:60px;

	}
.case{margin-top:60px; margin-bottom:60px;}
.caselist{ margin-top:40px;}
.caselist ul{ margin:0px; padding:0px; list-style:none;}
.caselist ul li{
	padding: 0px;
	list-style: none;
	float: left;
	margin-bottom: 0px;
	margin-left: 7px;
	margin-right: 7px;
	margin-top: 0px;
	width: 150px;
	text-align: center;
	overflow:hidden;
	border-radius: 6px;	
}

.caselist ul li a{
	width: 150px;
	height: 260px;
	display: block;
	background: #f3f3f3;
	text-decoration: none;
}
.caselist ul li a:hover{
	width: 150px;
	height: 260px;
	display: block;
	background: #6bbcb9;
	text-decoration: none;
}

.caselist ul li a .classnum{ font-size:50px; line-height:50px; color:#595757; font-family:impact; padding-top:30px;}
.caselist ul li a:hover .classnum{ font-size:50px; line-height:50px; color:#ffffff;font-family:impact; padding-top:30px;}

.caselist ul li a .classname{ font-size:16px; line-height:25px; color:#595757; margin-top:20px;}
.caselist ul li a:hover .classname{ font-size:16px; line-height:25px; color:#ffffff;margin-top:20px;}
.caselist ul li a .classnameen{ font-size:10px; line-height:25px; color:#595757; font-family:arial;}
.caselist ul li a:hover .classnameen{ font-size:10px; line-height:25px; color:#ffffff;font-family:arial;}

.caselist ul li a .enter{
	font-size: 12px;
	line-height: 25px;
	color: #595757;
	border-radius: 10px;
	border: 1px solid #999999; width:100px; margin-left:auto; margin-right:auto;margin-top:50px;
}
.caselist ul li a:hover .enter{ font-size:12px; line-height:25px; color:#ffffff;	border-radius: 10px;
	border: 1px solid #ffffff;width:100px; margin-left:auto; margin-right:auto;margin-top:50px;}



.protitle{ text-align:center; font-size:50px; line-height:60px; color:#fff;}
.protitleen{ text-align:center; font-size:18px; line-height:30px; color:#d6fffd;}

.indexnews{
    background-color: #f4f3f9;
    margin-top:60px;
    padding-top: 50px;
    padding-bottom: 85px;
}
.newlisttitle{
	font-size: 26px;
	line-height: 45px;
	font-family: "微软雅黑", "宋体";
	border-bottom: 1px solid #cccccc;
	color: #000000;
}
.newsmain{ margin-top:20px;height: 150px}
.indexnewslist{ width:48%;}
.indexnewslist ul{
	padding: 0px;
	list-style: none;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 5px;
}
.indexnewslist ul li{
	border-bottom: 1px dotted #cccccc;
}
.indexnewslist ul li label{ float:right;}
.indexnewslist ul li div{	font-size: 12px;
	line-height: 20px;
	color: #999999; margin-bottom:15px;}
	
.indexnewslist ul li a{
	color: #333333;
	text-decoration: none;
	line-height:36px;

}
.newsmove{ overflow:hidden; height:210px;}
.newstop{ font-size:12px!important; color:#999!important; line-height:20px!important;}
.indexnewslist ul li{ margin:0px; padding:0px; list-style:none; line-height:35px; font-size:15px; text-align:left;}

.indextitleen{font-size: 38px;line-height: 40px;color: #00479d;	font-family: "afklampenborg","myriad pro","微软雅黑", "宋体";	text-align: center;}
.indextitle{ font-size:20px; line-height:20px; color:#000; font-family:"微软雅黑", "宋体";text-align:center;margin-top: 5px}
.indextitlecontent{ font-size:16px; line-height:30px; color:#595757; font-family:"微软雅黑", "宋体";text-align:center; margin-top:20px;}

.clearboth{ clear:both;}

.mainbanner{
	height: 387px;
	margin-top:70px; padding-bottom:50px;
}
.feedbackleft{ width:50%; float:left; background:#e6f1f7; height:387px;}
.feedbackright{ width:50%; float:right; background:#cad2db;height:387px;}

.feedbacktxt{ width:600px; float:right; padding-top:120px; text-align:left; font-size:32px; line-height:60px;}
.feedbacksub{ width:600px;  float:left; padding-left:40px; padding-top:10px;}
.feedbacksub input,.feedbacksub textarea{
	border-width: 0px;
	border-color: #cad2db;
}

.floatleft{ float:left;}
.floatright{ float:right;}



.bottombg{ background:#16222f;
    /*padding-bottom:20px; */
    margin-top:20px;
height: 66px;
}

.bottomtitle{
	font-size: 18px;
	line-height: 50px;
	font-family: "微软雅黑", "宋体";
	color: #ffffff;
	border-bottom: 1px solid #cccccc; text-align:left;
}
.bottomclass{ height:66px;line-height:66px;float: left}
.bottomclass ul{ margin:0px; padding:0px; list-style:none;}
.bottomclass ul li{
    width: 130px;
	padding: 0px;
	list-style: none;
	float: left;

	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	font-size: 16px;
	
}
.bottomclass ul li a{
	text-decoration: none;
	color: #ffffff;
}
.bottomcopy{
    width: 180px;
    height: 66px;
    background-color: #00479d;
	font-family: "微软雅黑", "宋体";
    text-align: center;
    float: right;
}
.bottomcopy a{
    font-size: 16px;
    line-height: 66px;
    font-family: "微软雅黑", "宋体";
    color: #ffffff;
    text-align: center;
    text-decoration: none;
}
.bottomcopybg{
    background:#263548;
    color:#fff;
    font-size: 14px;
	line-height: 50px;
    text-align:left;
    height: 226px;
}
.mainlefttitle{ font-size:18px; color:#fff;}
.pathlist,.pathlist a{ font-size:14px; color:#666;}
.pathlist label{ float:left; font-size:20px; color:#000;}

#alist{}
#alist ul{ margin:0px; padding:0px; line-height:none;}
#alist ul li{
	margin: 0px;
	padding: 0px;
	list-style:none;
	line-height: 30px;
	border-bottom: 1px dashed #cccccc;
}
#alist ul li a{
	font-size: 16px;
	line-height: 30px;
	color: #333;
	text-decoration: none;
	text-align: left;
}
.listborder{
	border-bottom: 1px dotted #cccccc;
	padding-top:10px; padding-bottom:10px; overflow:hidden;
}
.proimg{
	width:200px; height:auto;
}
.proimgbox{	border-radius: 5px;
	border: 1px solid #cccccc;
	overflow:hidden; width:200px; height:140px;}
.probtn a{
	font-size: 20px;
	line-height: 30px;
	text-decoration: underline;
	text-align: left;
	color: #000000;
}
.margintop20{ margin-top:20px;}

.swiper-container{width:100%;max-width:600px;}
.swiper-slide{ text-align:center;}
.maincontent{ margin-top:20px;}
.maincontent img{ max-width:100%;}
.maincontent table{border-collapse:collapse; /* 关键属性：合并表格内外边框(其实表格边框有2px，外面1px，里面还有1px哦) */
border:solid #999; /* 设置边框属性；样式(solid=实线)、颜色(#999=灰) */
border-width:1px 0 0 1px; /* 设置边框状粗细：上 右 下 左 = 对应：1px 0 0 1px */ }

