@charset "UTF-8";
/*------------// Overall //------------------*/
body {
	color: #666666;
	margin: 0;
	background: #FFF;
	line-break: 100%;
	font-family: "微软雅黑"; font-size:14px;
}
html, body {
	-webkit-text-size-adjust: none;
}
* {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	box-sizing: border-box;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}
th, td {
	border-collapse: collapse;
}
a:link {
	text-decoration: none;
	color: #666;
}
a:visited {
	text-decoration: none;
	color: #666;
}
img {
	vertical-align: middle;
	border: 0;/*添加以下属性是解决图片在微信浏览器下默认转换效果造成页面模糊*/
	-webkit-transform: scale(1)rotate(0)translate3d(0, 0, 0);
	transform: scale(1)rotate(0)translate3d(0, 0, 0);
	display: inline-block;
	outline: none;
	max-width: 100%;
	height: auto;
	border:none;
}
div, p, img, ul, ol, li, form, input, label, span, dl, dt, dd, h1, h2, h3, h4, h5, h6,input,button {
	margin: 0;
	padding: 0;
}
ol, ul, li {
	list-style-type: none;
}
/*IOS下移除按钮原生样式 -webkit-appearance*/
input[type=button] {
	-webkit-appearance: none;
	outline: none;
}
/*去除点击按钮，有灰色阴影*/
a, input {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
/* a {transition: all 0.3s ease-in-out;} */
textarea {
	font-family: Arial;
}
button{ cursor:pointer;}
.clear {
	clear: both;
}
.pic-box {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.cont {
	width:1200px;
	margin: 0 auto;
	background: none;
}
/*头部*/
.header{ width:100%; position:relative; height:auto;}
.header_top{ width:100%; height:120px; background:#fff; overflow:hidden;}
.logo{ width:448px; height:120px; line-height:120px; float:left;}
.logo a{ display:block; width:100%; height:100%; overflow:hidden;}
.logo img{ width:448px; height:79px;}
.header_right{ width:752px; height:120px; float:right; text-align:right;}
.header_right .pic-box{ text-align:right; width:752px; height:120px;}
.header_lian{ width:100%; height:auto; text-align:right;}
.header_lian li{ display:inline-block;}
.header_lian li a{ display:block; padding:0 15px; background:url(icon3.png) no-repeat right center; font-size:16px; color:#555555;}
.header_lian li:last-child a{ background:none; padding-right:0;}
.header_lian li a:hover{ color:#02797d;}
.header_bottom{ width:100%; height:auto; text-align:right; margin-top:10px;}
.header_share{ display:inline-block; vertical-align:bottom;}
.header_share a{ display:inline-block; width:30px; height:24px !important; margin:0 8px !important; float:none !important; padding:0 !important; line-height: inherit !important;}
.header_share a.header_weixin{ background:url(icon.png) no-repeat;}
.header_share a.header_weibo{ background:url(icon1.png) no-repeat;}
.header_share a.header_qq{ background:url(icon2.png) no-repeat;}
.header_share a.header_weixin:hover{ background:url(icon-1.png) no-repeat;}
.header_share a.header_weibo:hover{ background:url(icon1-1.png) no-repeat;}
.header_share a.header_qq:hover{ background:url(icon2-1.png) no-repeat;}
.header_phone{ display:inline-block; font-size:24px; color:#555555;}
.header_phone span{ font-size:26px; color:#007d81;}
.header_list{ width:100%; height:50px; background:rgba(0,125,129,0.95); position:absolute; left:0; top:120px; z-index:10;}
.header_list li{ width:130px; height:50px; line-height:50px; text-align:center; float:left;}
.header_list li a{ font-size:16px; color:#ffffff; display:block; width:100%; height:100%; background:url(icon4.png) no-repeat right center;}
.header_list li:last-child a{ background:none;}
.header_list li a:hover{ background: rgba(255,255,255,0.96); color:#007d81;}
.header_list li a.active{ background: rgba(255,255,255,0.96); color:#007d81;}
/*二级菜单*/
.color_menu{ width:100%; height:auto; position:absolute; left:0; background:#f8f8f8; overflow:hidden; top:50px; padding:15px 0; display:none; overflow:hidden;}

.header_list li:hover .color_menu{ display:block;}
.header_list ul>li:hover a{background: rgba(255,255,255,0.96); color:#007d81;}
.menu_left{ width:260px; height:auto; float:left; padding-left:50px; text-align:left; padding-top:20px;}
.menu_left h3{ font-weight:normal; font-size:20px; color:#0c8286; line-height:20px;}
.menu_left hr{ display:block; width:50px; height:auto; border:none; border-top:2px solid #0c8286; margin-left:0; margin-top:10px;}
.menu_left p{ font-size:16px; color:#333333; margin-top:20px; line-height:16px;}
.menu_right{ float:right; width:940px;}
.menu_right li{ width:425px; height:140px; border-left:1px solid #cccccc;}
.menu_right li a{ display:block; width:100%; height:100%; background:url(icon46.png) no-repeat 365px center !important; padding-left:50px; padding-top:20px;}
.menu_pic{ float:left; width:175px; height:100px;}
.menu_pic img{ width:100%; height:100%; object-fit:cover;}
.menu_right li a p{ float:left; width:140px; text-align:center; font-size:16px; color:#333333; line-height:100px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.menu_right li a:hover{background:url(icon46.png) no-repeat 365px center !important;}
.menu_right li a:hover p{ color:#0c8286;}
.menu_right li:last-child a{background:url(icon46.png) no-repeat 365px center;}
.menu_right li:hover a{background:url(icon46.png) no-repeat 365px center !important;}
/*banner*/
.banner{ width:100%; height:auto;position:relative;}
.banner a{ display:block;height:100%; width:100%;}
.banner a img{ width:100%; height:auto;}
.banner .pagination{ bottom:40px;}
.banner .swiper-pagination-switch{ width:40px; height:2px; border-radius: 0; cursor:pointer; border:none; background:rgba(255,255,255,0.5); margin:0px 10px;}
.banner .swiper-active-switch{ background:#fff; border:none;}
/*热门搜索*/
.i-hot{ width:100%; height:50px; background:#f1f1f1; overflow:hidden;}
.i-hot_left{ float:left; width:880px; height:50px; line-height:50px;}
.i-hot_left span{ font-size:14px; color:#666666;}
.i-hot_left a{font-size:14px; color:#666666;}
.i-hot_left a:hover{ color:#007d81;}
.i-hot_right{ width:260px; height:34px; margin-top:8px; float:right; position:relative;}
.hot_input{ width:100%; height:34px; border-radius:17px; background:#fff; border:1px solid #e2e2e2; padding-left:25px; font-size:14px; color:#999999;}
.hot_input::-webkit-input-placeholder{font-size:14px; color:#999999;}
.hot_btn{ background:url(icon5.png) no-repeat center center; width:34px; height:34px; position:absolute; right:15px; border:none; top:0;}

/*产品中心*/
.i-product{ width:100%; height:auto; margin-top:67px;}
.i-product_title{ width:100%; height:auto; text-align:center;}
.i-product_title h3{ font-size:30px; font-weight:normal; color:#007d81;}
.i-product_title span{ display:inline-block; width:194px; height:15px; vertical-align:middle; margin:0px 8px;}
.i-product_title span.p_left{ background:url(icon6.png) no-repeat;}
.i-product_title span.p_right{ background:url(icon7.png) no-repeat;}
.i-product_title p{ text-transform:uppercase; font-size:16px; color:#999999; font-family:Arial; margin-top:2px;}
.i-product_con{ width:100%; height:auto; margin-top:30px;}
.i-product_left{ float:left; width:300px; height:auto;}
.i-product_t{ width:100%; height:64px; background:#007d81 url(icon8.png) no-repeat right center; padding:0px 27px; line-height:64px; color:#fff; font-size:24px; border-top-left-radius:10px;border-top-right-radius:10px;}
.i-product_select{ width:100%; height:auto; border:1px solid #e0e0e0; padding:14px 16px;}
.i-product_select li{ width:100%; height:auto; margin-bottom:10px; overflow:hidden; background:#f9f9f9;}
.i-product_header{ width:100%; height:50px; line-height:50px; padding-left:45px; font-size:20px; color:#777777;border-top-left-radius:5px;border-top-right-radius:5px; cursor:pointer;}
.i-product_select li.i-product_cat .i-product_header{ background:#ebebeb url(icon11.png) no-repeat 10px center;}
.i-product_select li.i-product_ad .i-product_header{ background:#ebebeb url(icon12.png) no-repeat 10px center;}
.i-product_select li.i-product_in .i-product_header{ background:#ebebeb url(icon13.png) no-repeat 10px center;}
.i-product_select li.i-product_te .i-product_header{ background:#ebebeb url(icon14.png) no-repeat 10px center;}
.i-product_select li.i-product_cat .i-product_header.nav-on{ background:#007d81 url(icon11-1.png) no-repeat 10px center; color:#fff;}
.i-product_select li.i-product_ad .i-product_header.nav-on{ background:#007d81 url(icon12-1.png) no-repeat 10px center; color:#fff;}
.i-product_select li.i-product_in .i-product_header.nav-on{ background:#007d81 url(icon13-1.png) no-repeat 10px center; color:#fff;}
.i-product_select li.i-product_te .i-product_header.nav-on{ background:#007d81 url(icon14-1.png) no-repeat 10px center; color:#fff;}
.i-product_c{ width:100%; height:auto; padding:20px 15px 20px 30px; display:none;}
.i-product_1{ width:100%; height:auto; margin-bottom:10px;}
.i-product_h{ width:100%; height:auto; background:url(icon9.png) no-repeat right center; font-size:20px; color:#666666;cursor:pointer;}
.i-product_h.nav-on1{background:url(icon9-1.png) no-repeat right center; color:#007d81;}
.i-product_s{ width:100%; height:auto; margin-top:10px; display:none;}
.i-product_s li{ width:100%; height:30px; line-height:30px; background:url(icon10.png) no-repeat 3px center; padding-left:23px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:0; cursor:pointer;}
.i-product_s li.select_in{ background:url(icon10-1.png) no-repeat left center; color:#007d81;}

.i-product_right{ width:860px; height:auto; float:right;}
.i-product_biao{ width:100%; height:64px; line-height:64px;  padding:0px 25px; background:#007d81 url(icon16.png) no-repeat right center;border-top-left-radius:10px;border-top-right-radius:10px;}
.i-product_biao h3{ float:left;color:#fff; font-size:24px; font-weight:normal;}
.i-product_biao a{ float:right; text-transform:uppercase; color:#fff; font-size:16px;}
.i-product_list{ width:100%; height:auto; margin-top:14px;}
.i-product_list li{ width:273px; height:273px; float:left; margin-right:20px; margin-bottom:20px; border:1px solid #e0e0e0;}
.i-product_list li:nth-child(3n){ margin-right:0;}
.i-product_list li a{ display:block; width:100%; height:100%; overflow:hidden;}
.i-product_pic{ width:100%; height:227px; text-align:center; font-size:0; position:relative;}
.i-product_pic span{ display:inline-block; height:100%; vertical-align:middle;}
.i-product_pic img{ max-height:227px; max-width:271px;}
.i-product_text{ width:100%; height:45px; line-height:45px; text-align:center; color:#fff; background:#636363; font-size:16px; padding:0px 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative; z-index:2;transition:all 0.3s ease-in-out;}
.i-product_bg{ width:271px; height:0; background:rgba(0,0,0,0.65); position:absolute; left:0; bottom:0; transition:all 0.3s ease-in-out; overflow:hidden; z-index:1;}
.i-product_bg .pic-box{ width:271px; height:227px; padding:39px; text-align:left;}
.i-product_bg p{ font-size:16px; line-height:21px; color:#fff;}
.i-product_list li a:hover .i-product_bg{ height:227px;}
.i-product_list li a:hover .i-product_text{ background:#007d81;}

/*选择锦威*/
.i-choose{ width:100%; height:auto; margin-top:67px;}
.i-choose_left{ float:left; width:578px; height:573px; margin-top:25px; text-align:center; font-size:0;}
.i-choose_left span{ display:inline-block; height:100%; vertical-align:middle;}
.i-choose_left img{ max-height:573px; max-width:578px;} 
.i-choose_right{ float:right; width:550px; height:auto;}
.i-choose_title{ width:100%; height:auto; text-align:left;}
.i-choose_title h3{ font-weight:normal; font-size:30px; color:#007d81;}
.i-choose_title p{ text-transform:uppercase; font-size:16px; color:#999999; font-family:Arial; margin-top:4px;}
.i-choose_list{ width:100%; height:auto;}
.i-choose_list li{ width:100%; height:auto; margin-top:43px;}
.i-choose_list li h3{ font-weight:normal;}
.i-choose_list li h3 span{ display: inline-block; vertical-align:bottom; font-size:24px; color:#333333; margin-left:5px;}
.i-choose_list li p{ font-size:16px; color:#666666; line-height:21px; margin-top:10px;}

/*批发步骤*/
.i-pifa{ width:100%; height:auto; margin-top:30px;}
.i-pifa_con{ width:100%; height:auto; margin-top:30px;}
.i-pifa_1{ width:155px; height:auto; float:left; text-align:center;}
.i-pifa_pic{ width:125px; height:125px; margin:0 auto; margin-bottom:15px;}
.i-pifa_1 p{ font-size:16px; line-height:21px; color:#666666; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:42px;}
.i-pifa_2{ float:left; width:54px; height:125px; background:url(icon28.png) no-repeat center center;}

/*关于锦威*/
.i-about{ width:100%; height:auto; margin-top:100px;}
.i-about_con{ width:100%; height:auto; position:relative;min-height:496px;}
.i-about_pic{ position:absolute; width:380px; height:496px; left:0; top:0; z-index:1;}
.i-about_text{ width:100%; height:auto; padding-left:405px; padding-right:35px;}
.i-about_title{ width:100%; height:auto; text-align:left; padding-top:13px;}
.i-about_title h3{ font-size:26px; color:#007d81; font-weight:normal;}
.i-about_title p{ text-transform:uppercase; font-size:16px; color:#999999; font-family:Arial; margin-top:2px;}
.i-about_title hr{ display:block; width:50px; height:auto; border:none; border-top:2px solid #007d81; margin-left:0;}
.i-about_c{ width:100%; margin-top:25px; font-size:14px; line-height:24px; color:#666666;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; height:72px;}
.i-about_c a{ font-size:14px; color:#007d81; margin-left:35px;}
.i-about_bottom{ width:1070px; height:auto; margin-left:130px; border:1px solid #e0e0e0; padding:30px 35px 30px 275px; overflow:hidden; margin-top:35px;}
.i-about_dao{ width:100%; height:auto;}
.i-about_d{ float:left; width:655px;}
.i-about_d li{ float:left; width:124px; height:40px; border:1px solid #007d81; font-size:20px; color:#007d81; border-radius:5px; line-height:38px; text-align:center; margin-right:16px; cursor:pointer; transition:all 0.3s linear;}
.i-about_d li:hover{ background:#007d81; color:#fff;}
.i-about_d li.active{ background:#007d81; color:#fff;}
a.i-about_a{ float:right; text-transform:uppercase; line-height:40px; font-size:16px; color:#007d81;}
.i-about_list{ width:100%; height:auto; margin-top:16px;}
.i-about_list ul{ width:100%; height:auto; display:none;}
.i-about_list ul li{ width:242px; height:183px; float:left; margin-right:16px;}
.i-about_list ul li:nth-child(3n){ margin-right:0;}
.i-about_list ul li a{ display:block; width:100%; height:100%; overflow:hidden;}
.i-about_list ul li a img{ width:100%; height:100%; object-fit:cover; transition:all 0.3s linear;}
.i-about_list ul li a:hover img{ transform:scale(1.05);}

/*新闻中心*/
.i-news{ width:100%; height:auto; margin-top:137px;}
.i-news_con{ width:100%; height:auto; margin-top:30px;}
.i-news_left{ float:left; width:570px; height:auto; padding-top:28px; box-shadow:0px 0px 10px rgba(31,20,17,0.15);}
.i-news_title{ width:100%; height:auto; background:url(icon30.png) no-repeat left center; font-size:24px; color:#007d81; padding-left:29px; padding-right:23px;}
.i-news_title a{ float:right; text-transform:uppercase; font-size:16px; color:#999999;}
.i-news_title a:hover{ color:#007d81;}
.i-news_c{ width:100%; height:auto; margin-top:30px;padding-left: 29px;
    padding-right: 23px;}
.i-news_pic{ float:left; width:160px; height:110px; overflow:hidden;}
.i-news_pic img{ width:100%; height:100%; object-fit:cover; transition:all 0.3s linear;}
.i-news_text{ float:right; width:336px; height:auto;}
.i-news_text h3{ font-weight:normal;}
.i-news_text h3 a{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; color:#666666;}
.i-news_text h3 a:hover{ color:#007d81;}
.i-news_text p{ margin-top:10px;overflow:hidden; text-overflow:ellipsis; font-size:12px; color:#999999; line-height:21px; display:-wekbit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; height:84px;}
.i-news_text p a{ font-size:12px; color:#007d81; margin-left:26px;}
.i-news_list{ width:100%; height:auto; margin-top:15px;padding-left: 29px;
    padding-right: 23px; padding-bottom:20px;}
.i-news_list li{ width:100%; height:40px; line-height:40px; border-bottom:1px dashed #e0e0e0;}
.i-news_list li a{ display:block; width:100%; height:100%;}
.i-news_list li a p{ font-size:12px; float:left; width:410px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#999999;}
.i-news_list li a span{ float:right; font-size:12px; color:#999999;}
.i-news_right{ float:right;}
.i-news_list li a:hover p{ color:#007d81;}

/*在线留言*/
.i-message{ width:100%; height:auto; background:url(bg.jpg) no-repeat; background-size:cover; background-position:center; margin-top:60px; padding-top:50px; padding-bottom:70px;}
.i-message_con{ width:100%; height:auto; margin-top:27px; overflow:hidden;}
.i-message_p{ float:left; position:relative; width:250px; height:53px; background:#fff; border-radius:5px; margin-right:20px;}
.i-message_p label{ display:block; position:absolute; left:0; top:0;}
.i-message_p label.i-message_name{ width:60px; height:53px; background:url(icon31.png) no-repeat center center;}
.message_input{ width:100%; height:53px; background:none; border:none; padding-left:60px; font-size:14px; color:#999999;}
.message_input::-webkit-input-placeholder{font-size:14px; color:#999999;}
.i-message_p1{ width:270px;}
.i-message_p label.i-message_tel{ width:50px; height:53px; background:url(icon32.png) no-repeat center center;}
.i-message_p1 .message_input{ padding-left:50px;}
.i-message_p2{ width:454px;}
.i-message_p label.i-message_need{ width:60px; height:53px; background:url(icon33.png) no-repeat center center;}
.i-message_p3{ margin-right:0; width:166px; float:right;}
.i-message_p3 button{ width:100%; height:53px; background:#007d81; color:#fff; line-height:53px; border:1px solid #007d81; border-radius:5px; font-size:18px; transition:all 0.3s linear;}
.i-message_p3 button:hover{ background:none; color:#007d81;}
/*友情链接*/
.i-friend{ width:100%; height:auto; margin-top:40px;}
a.i-friend_a{ float:right; font-size:14px; color:#999;}
a.i-friend_a:hover{ color:#007d81;}
.i-friend_con{ width:100%; height:auto; margin-top:5px; border:1px solid #d0d0d0; padding:16px; border-radius:10px; overflow:hidden;}
.i-friend_left{ float:left; text-align:center; font-size:14px; color:#999999; width:94px;}
.i-friend_right{ float:right; width:1072px; height:auto;}
.i-friend_right a{ font-size:14px; color:#999999; display:inline-block; margin:0px 10px; margin-bottom:10px;}
.i-friend_right a:hover{ color:#007d81;}
/*底部*/
.footer{ width:100%; height:auto; position:relative; background:#494949; padding-top:47px; padding-bottom:50px;}
.top{ background:url(icon34.png) no-repeat; width:72px; height:34px; position:absolute; left:50%; margin-left:-36px; top:-34px; z-index:1; cursor:pointer;}
.footer_left{ float:left; width:1034px;}
.footer_list{ width:100%; height:auto;}
.footer_list li{ float:left;}
.footer_list li a{ display:block; padding:0px 30px; font-size:18px; color:#cccccc; background: url(icon35.png) no-repeat left center;}
.footer_list li:first-child a{ padding-left:0; background:none;}
.footer_list li a:hover{ color:#fff;}
.footer_con{ width:100%; height:auto; margin-top:30px;}
.footer_c{ float:left; width:500px; margin-right:25px;}
.footer_c p{ font-size:14px; color:#cccccc; line-height:28px;}
.footer_right{ float:right; width:143px; height:143px;}

/*公司简介*/
.i-content{ width:100%; height:auto; margin-top:40px; margin-bottom:85px; overflow:hidden;}
.about{ width:100%; height:auto;}
.about_left{ float:left; width:240px; height:auto;}
.about_1{ width:100%; height:auto;}
.about_title{ width:100%; height:80px; background:#0b8286; border-top-left-radius:10px; border-top-right-radius:10px;}
.about_title .pic-box{ width:240px; text-align:left; height:80px; padding-left:20px;}
.about_title h3{ font-weight:normal; color:#fff; font-size:20px;}
.about_title p{ color:#fff; font-style:italic; font-size:16px; font-family:Arial; text-transform:uppercase; margin-top:5px;}
.about_list{ width:100%; height:auto; padding:0px 20px; border:1px solid #e0e0e0; border-top:none;border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.about_list li{ width:100%; height:50px; line-height:50px; text-align:left; border-bottom:1px solid #e0e0e0;}
.about_list li a{ display:block; width:100%; height:100%; font-size:16px; color:#666666;}
.about_list li a:hover{ color:#0b8286;}
.about_list li a.active{ color:#0b8286;}
.about_list li:last-child{ border-bottom:none;}
.about_contact{ width:100%; height:auto; margin-top:38px;}
.about_ll_tt{ width:100%; height:45px; line-height:45px; padding-left:20px; padding-right:20px; overflow:hidden; background:#0b8286; color:#fff; font-size:18px;border-top-left-radius:10px; border-top-right-radius:10px;}
.about_ll_tt a{ float:right; color:#fff; font-size:12px; text-transform:uppercase;}
.about_ll_con{ width:100%; height: auto; padding:20px; border:1px solid #e0e0e0; border-top:none;border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.about_ll_con p{ font-size:12px; color:#333333; line-height:32px;}
.about_right{ float:right; width:910px; height:auto;}
.about_right_title{ width:100%; height:auto; border-bottom:1px solid #e0e0e0; font-size:16px; color:#999999; font-family:Arial; font-style: italic; text-transform:uppercase; margin-top:15px;}
.about_right_title span{ display:inline-block; font-size:20px; color:#0b8286; font-style:normal; font-family:"微软雅黑"; border-bottom:3px solid #0b8286; padding-bottom:10px;}
.about_c{ width:100%; height:auto; margin-top:30px;}
.about_c p{ font-size:14px; color:#777777; line-height:21px;}
.about_c p>span{ color:#0b8286;}
.about_right_list{ width:100%; height:auto; margin-top:20px; overflow:hidden;}
.about_right_list li{ width:220px; height:167px; float:left; margin-right:10px; background:url(icon40.png) no-repeat; background-size:cover; text-align:center; font-size:0;}
.about_right_list li:nth-child(4n){ margin-right:0;}
.about_right_list li span{ display:inline-block; height:100%; vertical-align:middle;}
.about_right_list li img{ max-height:167px; max-width:220px;}
.about_bottom{ width:100%; height:auto; margin-top:20px;}
.about_ll{ float:left; width:588px;}
.about_tt{ width:100%; height:216px;}
.about_tt img{ width:100%; height:100%; object-fit:cover;}
.about_bb{ width:100%; height:auto; margin-top:20px;}
.about_b_l{ float:left; width:342px; height:216px;}
.about_b_l img{width:100%; height:100%; object-fit:cover;}
.about_b_r{ float:right; width:226px;}
.about_rr{ float:right; width:301px; height:452px;}
.about_rr img{width:100%; height:100%; object-fit:cover;}

/*产品中心*/
.product_dao{ width:100%; height:auto; text-align:center; background:#f9f9f9; overflow:hidden;}
.product_dao li{ display:inline-block; width:293px; height:153px; border-right:1px solid #e0e0e0;}
.product_dao li:nth-child(4n){ border-right:0;}
.product_dao li .pic-box{ width:293px; height:153px;}
.product_pic{ width:90px; height:78px; margin:0 auto; background:url(css_sprites.png) no-repeat; background-position:0px 0px;}
.product_pic1{background:url(css_sprites1.png) no-repeat; width:77px;}
.product_pic2{background:url(css_sprites2.png) no-repeat; width:81px;}
.product_pic3{background:url(css_sprites3.png) no-repeat; width:81px;}
.product_dao li p{ font-size:20px; color:#999999; font-weight:bold;}
.product_dao li:hover{ background:url(icon41.png) no-repeat center bottom; background-size:cover; border-right:1px solid #f9f9f9; }
.product_dao li:hover .product_pic{background-position:-90px 0px;}
.product_dao li:hover .product_pic1{background-position:-77px 0px;}
.product_dao li:hover .product_pic2{background-position:-81px 0px;}
.product_dao li:hover .product_pic3{background-position:-81px 0px;}
.product_dao li:hover p{ color:#007d81;}
.product_dao li.active{ background:url(icon41.png) no-repeat center bottom; background-size:cover; border-right:1px solid #f9f9f9; }
.product_dao li.active .product_pic{background-position:-90px 0px;}
.product_dao li.active .product_pic1{background-position:-77px 0px;}
.product_dao li.active .product_pic2{background-position:-81px 0px;}
.product_dao li.active .product_pic3{background-position:-81px 0px;}
.product_dao li.active p{ color:#007d81;}
.product{ margin-top:0;}
.product .i-product_con{ margin-top:0;}
/*分页*/
.page{ width:100%; height:auto; text-align:center; margin-top:10px;}
.page a{ display:inline-block; margin:0px 4px; height:40px; line-height:40px; border:1px solid #e0e0e0; border-radius:3px; font-size:16px; color:#999999; padding:0px 15px;}
.page a:Hover{ color:#fff; background:#007d81; border:1px solid #0b8286;}
.page a.active{ color:#fff; background:#007d81; border:1px solid #0b8286;}
/*产品详情*/
.product01{ width:100%; height:auto; margin-top:20px;}
.product_top{ width:100%; height:auto; overflow:hidden;}
.product_text{ float:left; width:511px; height:269px; background:url(icon43.png) no-repeat; padding-left:25px; padding-top:30px; padding-right:130px;}
.product_text h3{ font-weight:normal; color:#fff; font-size:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.product_text span{ font-size:22px; color:#ffffff; margin-top:5px; display:block;}
.product_text p{ color:#fff; font-size:14px; line-height:21px; margin-top:10px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; height:63px;}
.product_img{ float:left; width:285px; height:269px; text-align:center; font-size:0;}
.product_img span{ display:inline-block; height:100%; vertical-align:middle;}
.product_img img{ max-height:269px; max-width:285px;}
.product_c{ width:100%; height:auto; margin-top:30px;}
.pru_table{ width:100%; height:auto; margin-bottom:30px;}
.pru_table thead tr{ }
.pru_table thead tr th{padding-left:25px; font-weight:normal; height:40px; color:#fff; text-align:left; font-size:18px; background:#007d81; border-top-left-radius:10px;border-top-right-radius:10px;}
.pru_table tbody tr{border-right:1px solid #e0e0e0;}
.pru_table td{ height:40px; border-left:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0; font-size:14px; color:#666666; padding-left:25px;}
.pru_table td:first-child{ width:160px;}
.pru_table p{ line-height:26px; padding:5px 0px;}
.pro_con{ width:100%; height:auto;}
.pro_title{ width:100%; height:40px; line-height:40px; text-align:left; padding-left:25px; font-size:18px; background:#007d81; border-top-left-radius:10px;border-top-right-radius:10px; color:#fff;}
.pro_c{ width:100%; height:auto; padding:25px;border:1px solid #e0e0e0; border-top:none;}
.pro_c p{ font-size:14px; color:#666666; line-height:24px; margin-bottom:20px;}
/*颜色中心*/
.color_left{ width:185px;}
.color_right{ width:1010px;}
.color_top{ width:100%; height:auto; overflow:hidden;}
.color_title{ width:100%; text-align:center; color:#fff; height:34px; line-height:34px; font-size:16px; border-top-left-radius:10px;border-top-right-radius:10px; background:#0b8286;}
.color_con{ width:100%; height:auto; overflow:hidden; padding:20px; border:1px solid #e0e0e0;border-top:none; border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.color_p{ float:left; width:305px; margin:0px 10px; margin-bottom:20px;}
.color_p:nth-child(3n){ margin-right:0;}
.color_label{ display:inline-block; width:75px; text-align:left;font-size:14px; color:#666666;}
.color_select{ width:225px; height:23px; border:1px solid #e0e0e0; padding-left:15px; font-size:14px; color:#888888; background:url(icon45.png) no-repeat 207px center; appearance:none; -webkit-appearance:none;}
.color_input{ width:225px; height:23px; border:1px solid #e0e0e0; padding-left:15px; font-size:14px; color:#888888;}
.color_b{ width:100%; height:auto; text-align:center;}
.color_btn{ width:100px; height:32px; line-height:32px; color:#fff; background:#0b8286; color:#fff; border-radius:5px; margin:0px 10px; border:none;}
.color_bottom{ width:100%; height:auto; margin-top:40px;}
.color_tab{ width:100%; height:auto; margin-bottom:20px;}
.color_tab thead tr{ border-top-right-radius:10px}
.color_tab thead td{ background:#0b8286; font-size:14px; color:#fff; text-align:center; border-right:1px solid #e0e0e0; height:34px;}
.color_tab thead td:first-child{ border-top-left-radius:10px;}
.color_tab thead td:last-child{ border-top-right-radius:10px; border-right:none;}
.color_tab tbody td{ height:34px; text-align:center; font-size:14px; color:#666; border-left:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;}
.color_tab tbody tr{border-right:1px solid #e0e0e0;}
.color_tab tbody tr a:hover{ color:#0b8286;}

/*颜色中心详情*/
.color_tab1 tbody td{ text-align:left; padding-left:15px;}
.color_tab1 tbody td:first-child{ text-align:right; padding-right:5px; width:150px;}
.col_input{ border:1px solid #e0e0e0; padding-left:10px; font-size:14px; color:#666666; width:125px; height:29px; margin:5px; margin-left:0;}
.col_btn{ width:72px; height:32px; line-height:32px; color:#fff; font-size:14px; text-align:center; border-radius:3px; background:#0b8286; border:none;}
.col_select{ border:1px solid #e0e0e0; padding-left:10px; font-size:14px; color:#666666; width:64px; height:29px;}
.color_tab2{ margin-top:40px;}
.color_tab2 tbody td{ text-align:left; padding-left:20px;}
.color_tab2 tbody td:first-child{ width:610px;}
.color_tab2 tbody tr:last-child td{ text-align:right; padding-right:115px;}

/*技术中心*/
.skill{ width:100%; height:auto; margin-top:30px;margin-bottom:30px;}
.skill li{ width:100%; height: auto; overflow:hidden;}
.skill li a{ display:block; width:100%; height:100%; overflow:hidden; padding:20px 0; border-bottom:1px dashed #e0e0e0;}
.skill li a h3{ font-weight:normal; overflow:hidden; text-overlfow:ellipsis; white-space:nowrap; font-size:16px; color:#555555;}
.skill li a p{overflow:hidden; text-overlfow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:14px; line-height:24px; height:48px; margin-top:8px;}
.skill li a:hover h3{ color:#0b8286;}
.skill li a p span{ float:right;}
.skill li a:hover p>span{color:#0b8286;}

/*资料下载*/
.download{ width:100%; height:auto; margin-top:40px;}
.download li{ float:left; width:440px; height:auto; margin-right:30px; margin-bottom:30px; box-shadow:0px 0px 10px rgba(29,18,14,0.15); padding:20px;}
.download li:nth-child(2n){ margin-right:0;}
.download_pic{ float:left; width:196px; height:120px; text-align:center; font-size:0; border:1px solid #e0e0e0;}
.download_pic span{ display:inline-block; height:100%; vertical-align:middle;}
.download_pic img{ max-height:118px; max-width:194px;}
.download_text{ width:186px; height:auto; float:right;}
.download_text h3{ font-size:16px; color:#666666; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.download_text span{ display:block; font-size:12px; color:#666666; margin-top:10px;}
.download_text p{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; color:#666666;margin-top:10px;}
.download_text a{ display:block; width:106px; height:32px; line-height:32px; padding-left:14px; border-radius:3px; font-size:14px; color:#fff; background:#0b8286 url(icon47.png) no-repeat 80px center; margin-top:10px;}

/*新闻中心*/
.news{ width:100%; height:auto; margin-top:35px;margin-bottom:30px;}
.news li{ width:100%; height:auto;box-shadow:0px 0px 10px rgba(29,18,14,0.15); margin-bottom:18px;}
.news li a{ display:block; width:100%; height:100%; padding:25px 38px 25px 30px; overflow:hidden;}
.news_pic{ float:left; width:290px; height:170px;}
.news_pic img{ width:100%; height:100%; object-fit:cover;}
.news_text{ float:right; width:532px; height:auto;}
.news_text h3{ font-weight:normal; font-size:18px; color:#555555; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news_text h4{ font-weight:normal; font-size:14px; color:#888888; margin-top:10px;}
.news_text h4 img{ margin-right:5px; vertical-align:middle; }
.news_text p{ font-size:14px; color:#777777; line-height:22px;overflow:hidden; text-overlfow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; height:66px; margin-top:10px;}
.news_text span{ display:block; font-size:14px; color:#888888; margin-top:10px;}
.news li a:hover .news_text h3{ color:#0b8286;}
.news li a:hover .news_text span{ color:#0b8286;}

/*新闻详情*/
.news01{ width:100%; height: auto; margin:35px 0 30px 0px;box-shadow:0px 0px 10px rgba(29,18,14,0.15); padding:40px 35px;}
.news_title{ width:100%; height:auto; text-align:center;}
.news_title h3{ font-size:26px; color:#0b8286; font-weight:normal;}
.news_title p{ text-align:center; margin-top:10px;}
.news_title p>span{ font-size:14px; color:#888888; margin:0px 35px;}
.news_con{ width:100%; height:auto; margin-top:15px; padding:20px 0px; border-top:1px dashed #e0e0e0;border-bottom:1px dashed #e0e0e0;}
.news_con p{ font-size:14px; line-height:22px; color:#666666;}
.news_bottom{ width:100%; height:auto; margin-top:20px; overflow:hidden;}
.news_left{ width:730px; height:auto; float:left;}
.news_left p{ margin-top:15px; font-size:14px; color:#666;}
.news_left p>a{font-size:14px; color:#666;}
.news_left p>a:hover{ color:#0b8286;}
.news_right{ float:right; text-align:right;}
.news_right a{font-size:14px; color:#666;}
.news_right a:hover{ color:#0b8286;}

/*联系我们*/
.contact{ width:100%; height:auto; background:url(icon57.png) no-repeat right bottom; min-height:537px; padding-bottom:60px; margin-top:35px;}
.contact_title{ font-style:italic; font-size:22px; color:#0b8286;}
.contact_con{ width:100%; height:auto; margin-top:24px;}
.contact_con p{ padding-left:38px; margin-bottom:25px; font-size:14px; color:#555555; line-height:28px;}
.contact_con p.con_add{ background:url(icon50.png) no-repeat left 5px;}
.contact_con p.con_tel{ background:url(icon51.png) no-repeat left 5px;}
.contact_con p.con_net{ background:url(icon52.png) no-repeat left 5px;}
.contact_con p.con_email{ background:url(icon53.png) no-repeat left 5px;}
.contact_con p.con_qq{ background:url(icon54.png) no-repeat left 5px;}
.contact_con p.con_wei{ background:url(icon55.png) no-repeat left 5px;}

/*在线留言*/
.message{ width:100%; height:auto; margin-top:20px; padding:30px 50px;}
.message_p{ float:left; width:405px; margin-bottom:25px;}
.message_label{ width:38px; height:28px; line-height:28px; text-align:left; display:inline-block;}
.mess_input{ height:28px; border:1px solid #e0e0e0; width:338px; border-radius:5px; padding-left:12px; font-size:14px; color:#b5b5b5;}
.mess_input::-webkit-input-placeholder{font-size:14px; color:#b5b5b5;}
.message_b{ width:100%; height:auto; margin-bottom:25px;}
.mess_area{ width:740px; height:125px; border:1px solid #e0e0e0; padding:12px;font-size:14px; color:#b5b5b5; vertical-align:top;border-radius:5px;}
.mess_area::-webkit-input-placeholder{font-size:14px; color:#b5b5b5;}
.message_l{ text-align:center;}
.mess_btn{ width:90px; height:36px; line-height:36px; text-align:center; color:#fff; font-size:16px; background:#0b8286; border-radius:5px; margin:0px 10px; border:none;}
.mess_btn1{ background:#d3d3d3;}

/*友情链接申请*/
.friend{ width:100%; height:auto; background:url(bg.png) no-repeat center bottom; min-height:722px; padding-top:60px;}
.friend_con{ width:960px; height:auto; margin:0 auto; margin-top:50px; background:#fff; box-shadow:0px 0px 16px rgba(0,0,0,0.07); padding:40px 40px 40px 50px;}
.friend_p{ width:415px; height:auto; float:left; margin-bottom:24px; margin-right:25px;}
.friend_p .message_label{ width:30px; text-align:center; line-height:30px;}
.friend_p span{ display:inline-block; width:100px; text-align:left; font-size:16px; color:#555555; line-height:30px;}
.friend_input{ border-radius:5px; border:1px solid #e0e0e0; font-size:14px; color:#666; height:30px; width:265px; padding-left:15px;}
.friend_select{border-radius:5px; border:1px solid #e0e0e0; font-size:14px; color:#666; height:30px; width:98px;padding-left:15px;}
.friend_b{ width:100%; height:auto;margin-bottom:24px; }
.friend_area{border-radius:5px; border:1px solid #e0e0e0; font-size:14px; color:#666; height:126px; width:727px; padding:15px; vertical-align:top;}


/*分页*/
.paging{ width:100%; height:auto; text-align:center; margin-top:10px;}
.paging ul li{display:inline-block;}
.paging ul li a{ display:inline-block; margin:0px 4px;height:30px; line-height:30px; border:1px solid #e0e0e0; border-radius:3px; font-size:16px; color:#999999; padding:0px 10px;}
.paging ul li a:Hover{ color:#fff; background:#007d81; border:1px solid #0b8286;}
.paging ul li a.active{ color:#fff; background:#007d81; border:1px solid #0b8286;}
.paging ul li .first,.paging ul li .next,.paging ul li .last{
	font-family: "宋体";
}

.i-product_s li a{
	display:block;width:100%;
}
.header_lian li:last-child a{
	font-family: "Arial";
}
.yingwen{
	font-family: "Arial" !important;
}


/*悬浮窗*/
.foot_right{position:absolute; right: 20px; top: 300px; width: 140px; height: 290px;  z-index: 9999;background:#fff;overflow: hidden;border-radius: 9px;}
.foot_right .fa{cursor: pointer;}
.foot_right .fb{
	margin-top:16px;text-align: center;
}
.foot_right .fc{
	margin-top:17px;text-align:center;
}
.foot_right .fd{
	margin-top:17px;text-align:center;
}
.foot_right .fe{
	display:none;
	position: absolute;
    right: 0px;
    cursor: pointer;
    width:48px;height:130px;
}

.header_phone span{
	font-weight: 600;
}
.about_ll_con{
	font-size: 12px;
    color: #333333;
    line-height: 32px;
}
.color_btn{
	font-family: "微软雅黑";
}
.goye{
	width: 35px;
    margin: 0px 2px;
}
.yema{
	margin-right: 20px;
}

.color_tab tbody td a{
	color: #108286;
    text-decoration: underline;
}















