/*重置*/
*{overflow-wrap: break-word;hyphens: auto;/*line-break: anywhere;word-break: break-all;*/}
body,h1,h2,dl,dd,input{ margin:0;}
h1{ font-weight:normal;}
a{ text-decoration:none;}
.clearfix{ clear:both;}
tml,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea,  blockquote{
	margin: 0px;
	padding: 0px;
	font-size: 18px;
	line-height:36px;
	font-family: "微软雅黑";
	color:#333333;}
a img{border:0px;}
address, caption, cite, code, dfn, em, th, var {font-style:normal;font-weight:normal;}
li {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
input, button, textarea, select {font-family:inherit;font-size:12px; vertical-align:middle;}
a{text-decoration:none;}
.clear{	font-size: 0px;	line-height: 0px;margin: 0px;padding: 0px;height: 0px; clear:both; visibility:hidden;}
.fl{ float:left;}
.fr{ float:right;}
.clearfix:after {content: ".";display: block;height: 0;clear:both;visibility: hidden;}
.input{background: none repeat scroll 0 0 #FBFBFB;border: 1px solid #DDDDDD;color: #555555;height: 20px; line-height: 20px; padding: 0 3px;}
.textarea{border: 1px solid #DDDDDD;background: none repeat scroll 0 0 #FBFBFB;}
.submit{ width:60px;}

.container{width:100%; padding:0; margin:0; display:table;clear:both;}
.main{ width:1200px; padding:0; margin:0 auto;}

.fuwubox{ overflow:hidden;}
.header{ width:100%; margin:0 auto; background-color:white;}
.top,.row,.topnav,.aboutbox,.probox,.bottom,.neinei,.propro,.contact,.dingzhi,.chanpin,.fuwu,.xiushi{ width:1200px; margin:0 auto;}

/*top*/
.topbox{ margin-top:22px; margin-bottom:10px;}
.top{/*background:url(../images/logo.jpg) no-repeat center;*/ position:relative;}
.nav{ float:right; margin-top:40px; font-size:16px;margin-right:-10px;}
.biao{ float:left; font-size:34px; margin-top:50px;margin-right:58px;margin-left: 10px; font-weight:bold; color:#333333;}
.nav a{color:#000; margin:0 15px;}
.nav a:hover{ color:#059acc; border-bottom:2px solid #059acc;}

.logo{ position:absolute; left:0; top:0px;}

.tb{ position:absolute; right:0; top:0;}
.tb a{ margin:0 10px; text-align:center; overflow:hidden;}
.tb img{width:30px; height:auto;}
/*banner*/


.hometit{ width:1200px; margin-left:auto; margin-right:auto; text-align:center; text-transform:uppercase; padding-top:51px;}

.banner img{ width:100%; margin-bottom:60px;}
.title{ width:1200px; margin-left:auto; margin-right:auto; text-align:center; text-transform:uppercase; display:none;}
.aaa{ font-size:24px; margin-bottom:10px; font-weight:bold; color:#059acc; float:left; width:320px; text-align:center; text-transform:uppercase;}
.bbb{ font-size:12px; margin-bottom:40px; color:#8f8f8f;}
.bor{ float:left;margin-top: 17px; width:440px;}
.bor1{ float:right;margin-top: 17px;width:440px;}
.bor img{max-width:100%; height:auto;}
.bor1 img{max-width:100%; height:auto;}
/*fuwu*/
.ccc{ background-image:url(../images/hhh1.jpg); width:312px; height:400px; text-align:center; float:left; margin-right:130px;}
.a1{ font-size:20px; font-weight:bold; color:#00c4f6; padding-top:230px; margin-bottom:16px;}
.a2{ font-size:14px; color:#8f8f8f; margin:0 10px;line-height:26px; overflow:hidden; height:104px;}
.ccc2{ background-image:url(../images/hhh2.jpg); width:312px; height:400px; text-align:center;float:left;margin-right:130px;}
.ccc3{ background-image:url(../images/hhh3.jpg); width:312px; height:400px; text-align:center;float:left;}
.a11{ font-size:20px; font-weight:bold; color:#58d5b4; padding-top:230px; margin-bottom:16px;}
.a21{ font-size:16px; color:#8f8f8f;margin-left: 16px;margin-right: 15px; line-height:26px;}
.a12{ font-size:20px; font-weight:bold; color:#00c4f6; padding-top:230px; margin-bottom:16px;}
.a22{ font-size:16px; color:#8f8f8f; margin:0 10px;line-height:26px; overflow:hidden;}
/*xiushi*/
.xiushibox{ background-color:#17bae0; height:440px; margin-top:50px;}
.b1{ font-size:24px; color:#f5f5f5; margin-bottom:25px;}
.b2{ font-size:14px; color:#f5f5f5; width:640px; overflow:hidden; line-height:26px;}
.b2 p{ padding:0; margin:0;}
.le{ padding-top:25px; float:left; overflow:hidden; }
.ri{ padding-top:78px; float:right; width:500px; overflow:hidden;}
.vv1{ font-size:16px; color:white; text-align:center;}
.mm{ width:160px; float:left; margin-right:80px;}

.con{ width:370px; float:left;margin-right: 30px;margin-bottom: 30px;}
.con p{ text-align:center; font-size:16px; margin-top:10px;}
.con img{height:200px; width:370px;border-radius:10px;}
.in_na{ width:100%; text-align:center; color:#605f5f; font-size:16px;}
.probox{ margin-bottom:10px;}


.con img:hover{ background-color:black;}
.footer{width:100%;background:#17bae0;text-align:left; color:#FFF; font-size:12px; display:table; padding:20px 0px;}
.foot{ margin:0 auto;line-height:30px; font-size:14px; color:#FFF; }

.about{ margin:0px auto;}
.icon{ text-align:center; margin:15px auto; display:none;}
.txt{ text-align:center; font-size:18px; color:#333333;}
.pic{ width:583px;}
.content{ width:600px; font-size:14px; line-height:30px; font-family:"微软雅黑";}

.s_home{ padding:0; display:table;}
.s_home ul{ width:33.3333%; float:left; padding:0; margin:0;}
.s_home ul a{ color:#333333;}
.s_home ul li{margin:0 auto; text-align:center; background:#CCC;}

.s_about{ padding:0; display:table; background:url(../images/abg.jpg) no-repeat center center; height:586px;}
.s_about ul{ width:33.3333%; float:left; padding:0; margin:0;}
.s_about ul a{ color:#333333;}
.s_about ul li{margin:0 auto; text-align:center; background:#CCC;}


.pro_fenl{ margin:20px; display:none; }
.pro_fenl ul { width:100%;}
.pro_fenl ul li{ float:left; width:19.9%; text-align:center; height:34px; border-right:1px solid #FFF; border-bottom:1px solid #FFF;}
.pro_fenl ul li a{ font-size:14px; color:#FFF; line-height:34px; background:#2e2e2e; display:block}
.pro_fenl ul li a:hover{ background:#059acc;}
.pro_fenl ul li .on a{ background:#059acc;}


.img-position-absolute{position: absolute;top: 0;bottom: 0; left: 0;right: 0; max-width: 100%; max-height: 100%;display: block;margin:auto;padding: auto;}

.cpzs_ul{display:block; width:1230px; overflow:hidden; padding-top:20px; margin:0 auto;}
.cpzs_ul li{width:370px; float:left; margin:0 20px 15px 20px;}
.cpzs_ul li a{display:block; overflow:hidden;}
.cpzs_ul li .cpzs_img{width:368px; overflow:hidden; border:1px solid #afafaf; position:relative;}
.cpzs_ul li .cpzs_img .cpzs_img_top{padding-top:55%;}
.cpzs_ul li .cpzs_B{display:block; height:50px; line-height:50px;color:#605f5f; font-size:16px; font-weight:bold;padding:0 10px; text-align:center}


/*产品中心*/
.cpxq{display:block; overflow:hidden; padding-top:20px;}
.cpxq_T{display:block; line-height:30px; text-align:center; overflow:hidden; font-family:'微软雅黑'; font-size:16px; color:#333333; font-weight:bold; border-bottom:1px dashed #ddd; padding-bottom:10px;}
.cpxq_sp{display:block; line-height:30px; overflow:hidden; text-align:center; font-family:'微软雅黑'; font-size:12px; color:#888888; padding:5px 0;}
.cpxq_img{display:block; padding:15px 0; overflow:hidden;}
.cpxq_img img{display:block; max-width:100%; margin:0 auto; height:auto;}
.cpxq_txt{display:block; overflow:hidden; font-family:'微软雅黑'; font-size:14px; color:#333333; line-height:26px;}


/*最新资讯*/
.newslist{ display:block; overflow:hidden; padding-top:18px; width:98%; margin:0 1%;font-family:"微软雅黑"; }
.newslist li{ display:block;overflow:hidden; height:37px; border-bottom:1px dashed #c9cacc;}
.newslist li a{ background:url(../images/list.jpg) no-repeat 3px center; line-height:37px; font-size:14px; color:#623a0d; padding-left:28px;}
.newslist li span{line-height:37px; font-size:14px; color:#623a0d; float:right;}


/*新闻中心*/
.news_ul1{display:block; overflow:hidden; padding-top:18px; width:98%; margin:0 1%;font-family:"微软雅黑"; }
.news_ul1 li{display:block; overflow:hidden; margin-bottom:35px; padding-bottom:35px; border-bottom:1px dotted #b2b2b2;}
.news_ul1 li .news_B{width:226px; float:left; overflow:hidden; margin-right:50px; border:3px solid #d4d4d4;}
.news_ul1 li .news_B .news_img{width:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.news_ul1 li .news_B .news_img::before{content:""; display:block; padding-top:86.3637%;}
.news_ul1 li .news_p{display:block; overflow:hidden; line-height:30px; font-size:18px; color:#7a7a7a; font-weight:bold; text-overflow:ellipsis; white-space: nowrap; transition:all 0.4s; margin-top:15px;}
.news_ul1 li .news_sp{display:block; overflow:hidden; line-height:22px; font-size:12px; color:#898989; margin-top:15px;}
.news_ul1 li .news_txt{display:block; overflow:hidden; height:90px; line-height:30px; font-size:14px; color:#888888; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; margin-top:15px;}
.news_ul1 li:hover .news_B{border-color:#af934d;}
.news_ul1 li:hover .news_p{color:#af934d;}
.news_ul1 li:hover .news_txt{color:#000;}


.xwxq{display:block; overflow:hidden; padding:20px;}
.xwxq_T{display:block; line-height:30px; overflow:hidden; text-align:center; font-family:'Microsoft YaHei'; font-size:24px; color:#333333; font-weight:bold;}
.xwxq_sp{display:block; line-height:30px; overflow:hidden; text-align:center; font-family:'Microsoft YaHei'; font-size:14px; color:#666666; padding:10px 0 5px 0;}
.xwxq_txt{display:block; line-height:30px; overflow:hidden; font-family:'Microsoft YaHei'; font-size:14px; color:#333333;}
.xwxq_txt p{display:block; line-height:30px; overflow:hidden; font-family:'Microsoft YaHei'; font-size:14px; color:#333333;}

.company{width:1200px; padding:32px 0; margin:0 auto;}
.company img{ max-width:100% !important; height:auto !important}
.company table{width:100% !important; height:auto !important}
.company table td{width:auto !important; height:auto !important}

.cpxq_txt img{ max-width:100% !important; height:auto !important}
.cpxq_txt table{width:100% !important; height:auto !important}
.cpxq_txt table td{width:auto !important; height:auto !important}

.xwxq_txt img{ max-width:100% !important; height:auto !important}
.xwxq_txt table{width:100% !important; height:auto !important}
.xwxq_txt table td{width:auto !important; height:auto !important}

input:focus {
   border:none;
   }
.liu{ overflow:hidden; padding-bottom:50px;}
.ltit{ font-size:16px; font-weight:bold; line-height:36px;}
.lt1{ font-size:14px; line-height:24px; padding:5px 0;}
.lt2{overflow:hidden;}
.lt2 input{ width:98%; border:1px solid #ccc; font-size:14px; line-height:28px; height:28px; overflow:hidden;}
.lt2 textarea{ width:98%; border:1px solid #ccc; font-size:14px; line-height:28px; height:128px; overflow:hidden;}
.lt3{ margin-top:15px; width:98%;}
.lt3 input{ width:100%; height:40px; background:#17bae0; border:none; text-align:center; line-height:40px; color:#ffff; font-size:14px;}
.lt3 input:hover{ background:#0c8fae;}


.services{ padding:51px 0px 12px 0px;}






/*浮动QQ*/
.fix_qq {
position: fixed;
right: 0px;
top: 50%;
margin-top:-80px;
width: 93px;
height: 122px;
z-index:9999;
background: url(../images/qq_01.png) no-repeat;}
.fix_qq_top {
height: 122px;
background: url(../images/qq_01.png) no-repeat;
}
.fix_qq_center {
background: url(../images/qq_02.png) repeat-y;
text-align: center;
}
.fix_qq_foot {
height: 4px;
background: url(../images/qq_04.png) no-repeat;
}

