﻿/* CSS Document */
/*transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;*/
body,div,ul,li,h1,h2,h3,h4,h5,p,table,td,tr,p,dl,dt,dd{ padding:0; margin:0; list-style:none;}
body{ font-family:"arial"; font-size:14px; color:#262626;}
a{ color:#666; text-decoration:none;}
a:hover{}
img{ border:0;}
.clear{ clear:both;}
.wid{ width:100%; max-width:600px; margin:0 auto;}
.header:after,.home_cab_box dl:after,.pro_list:after,.client_cont ul:after,.equipment-list ul:after{ content:""; display:block; clear:both;}

.header{height:70px; width:100%; }
.logo{ float:left; margin-top:3px;height:67px; overflow:hidden;}
.nav{ float:right; position:relative;}
.nav_an{ width:70px; height:70px; text-align:center;}
.nav_an img{ width:30px;margin-top:23px;}
.nav_cont{ position:absolute; top:60px; right:0; background:#4f4f4f; z-index:1000; padding:10px 0; display:none;}
.nav_cont a{ width:150px; line-height:30px; color:#fff; text-align:center; display:block;}

.swiper1 img{ max-width:100%;}

.home_com{ padding:15px 10px;}
.home_t{ text-align:center;color:#000; font-size:16px; line-height:30px;}
.home_com p{ line-height:24px;}

.home_pro{ background:#fff; padding:20px 10px;}
.home_pro h3{ text-align:center; margin-bottom:14px; font-size:16px; font-weight:normal;}
.home_pro_nav{ text-align:center;}
.home_pro_nav a{ width:45%; line-height:30px; margin:0 5px; background:#ccc; display:inline-block; color:#fff; cursor:pointer; border-radius:3px;}
.home_pro_nav a:hover{background:#4f4f4f;}
.home_pro_nav .act{background:#4f4f4f;}
.home_pro_cont{ margin-top:20px;}
.home_pro_cont img{ max-width:100%;}

.home_cab{ padding:15px 10px;}
.home_cab h2{ text-align:center; font-size:18px; line-height:30px; color:#000; margin-bottom:15px;}
.home_cab_box{}
.home_cab_box dl{ margin-bottom:15px;background:#ccc;padding-bottom:10px;}
.home_cab_box dt{ float:left; width:120px;}
.home_cab_box dd{ float:left; width:200px; padding-left:10px;}
.home_cab_box img{ width:120px;}
.home_cab_box h3{ font-size:16px; font-weight:normal; color:#000; padding:25px 0 15px;}
.home_cab_box p{ line-height:24px; color:#4f4f4f; font-size:12px;}

.home_cus{padding:20px 10px 20px; background:#fff;}
.home_cus h2{ margin-bottom:15px; text-align:center; font-size:16px;}
.home_cus_cont img{ margin:0 5px; height:50px;}

.foot_nav{ text-align:center; background:#252728; color:#a0a0a1; border-bottom:1px #3a3a3a solid;}
.foot_nav a{ color:#a0a0a1;line-height:40px; font-size:12px;}
.foot{ background:#252728; padding:10px 10px;}
.foot p{ text-align:center; color:#a0a0a1; line-height:24px; font-size:12px;}

.nybanner img{ max-width:100%; vertical-align:middle;}

.mid_left{ height:38px; padding:7px 10px 0 9px; position:relative;  background:#e8e8e8;}
.mid_left>a{ display:inline-block; height:32px; line-height:28px; width:32px;}
.mid_left .left_f{ float:left; background:url(../images/tb.png) no-repeat;background-size:35px 600px;background-position:0 0;}
.mid_left .left_more{float:right;height:30px; line-height:30px; background:#0662c1; font-size:12px;border-radius:5px; text-align:center; color:#fff;}
.mid_left .left_h{float:right; background:url(../images/tb.png) no-repeat;background-size:35px 600px;background-position:0 -232px; margin-right:10px;}
.mid_tel{ font-size:16px; color:#000; font-weight:normal;height:35px; line-height:35px;border-bottom:1px solid #d9d9d9;background:#f2f2f2;border-top:1px solid #d9d9d9; box-shadow:0 1px #fff; padding-left:12px;}
.mid_pos{ font-size:12px; float:right; padding-right:10px; color:#666;}
.mid_cont{ line-height:26px; margin:15px 10px;}
.mid_cont p{ margin-bottom:10px;}
.mid_cont img{ max-width:100%;}
.left_nav{ position:absolute; top:45px; right:0; background:#ccc; display:none;z-index:1000;background:#0662c1;}
.left_nav a{ padding:0 10px;height:30px; display:block; line-height:30px; height:30px; text-align:center; color:#fff; border:1px solid #2c84de; border-bottom:0;}

.pro_list dl{ float:left; width:48%; margin:1%; text-align:center; box-sizing:border-box; border:1px #ebebeb solid; margin-bottom:20px; background:#f2f2f2; padding:6px;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;}
.pro_list dl:nth-child(3n){ margin-right:1%;}
.pro_list dl img{ max-width:100%;}
.pro_list dl:hover{ background:#0662c1;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;}
.pro_list dl:hover dd{ color:#fff;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;}
.pro_list dt{ overflow:hidden;}
.pro_list dd{height:30px; line-height:30px;overflow:hidden; border-top:1px solid #ebebeb;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;}

.news_list dl{ border-bottom:1px #ccc dashed; padding:10px;}
.news_list dt{ float:left; width:100px; margin-right:10px; text-align:center;}
.news_list dt img{ height:100px;}
.news_list dd{}
.news_list dd h4{ font-size:16px; color:#000; line-height:20px; font-weight:normal; height:20px; overflow:hidden; white-space:nowrap;text-overflow: ellipsis;}
.news_list dd h4 a{ color:#000;}
.news_list dd h4 a:hover{ color:#e7161a;}
.news_list dd .cont{ margin:8px 0; line-height:22px; height:44px;overflow:hidden; color:#666;}
.news_list dd span{ color:#ccc; font-size:12px;}

.contact{ padding:0 10px;}
.contact h3{ color:#000; font-weight:normal; font-size:16px;}
.contact p{ margin:0;}
.ditu{width:100%;margin-top:20px;}
.from{}
.from h3{color:#000; font-size:16px; margin-top:10px;font-weight:normal;}
.from p{ line-height:22px; margin-bottom:10px;}
.from_cont{ margin-top:30px; text-align:center;}
.from input{ width:45%; margin-right:10%; border:1px #e8e8e8 solid; border-radius:3px; line-height:30px; background:#f5f5f5; box-sizing:border-box; padding:0 10px; font-size:14px; float:left; margin-bottom:15px; outline:none;}
.from textarea{ width:100%; height:100px;border:1px #e8e8e8 solid; border-radius:3px;padding:10px;background:#f5f5f5; box-sizing:border-box;font-size:14px;outline:none;}
.from a{ display:inline-block; padding:0 20px; line-height:30px; background:#e7161a; color:#fff; border-radius:3px; font-size:14px; margin-top:20px; }
.from a:hover{ background:#c51518;}
.code{ float:none; margin:15px 0 0 0;}

.client_cont{border-top:1px #e5e5e5 solid;border-left:1px #e5e5e5 solid;margin-top:0px;}
.client_cont li{ width:33.33%; height:70px; float:left; box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */ border-right:1px #e5e5e5 solid;border-bottom:1px #e5e5e5 solid; text-align:center; line-height:100px; position:relative;}
.client_cont li:before{ content:""; display:block; width:14px; height:1px; position:absolute; bottom:-1px; right:-7px; background:#c7c7c7; z-index:1000;}
.client_cont li:after{ content:""; display:block; width:1px; height:14px; position:absolute; bottom:-7px; right:-1px; background:#c7c7c7; z-index:1000;}
.client_cont li img{ max-width:100%; max-height:60px;vertical-align:top; padding-top:8px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}

.equ_pic a{ width:50%; padding:10px; display:inline-block; float:left; box-sizing:border-box;}
.equ_pic a img{ max-width:100%;border-radius:3px;}

.equipment-list {border-top:1px solid #ccc;border-left:1px solid #ccc;width:100%;}
.equipment-list ul { clear:both;}
.equipment-list li{ float:left; border-bottom:1px solid #ccc; border-right:1px solid #ccc; line-height:25px; text-align:center; height:25px; vertical-align:middle;}
.e1 { width:10%; background:#FFE9AF; color:#000000}
.e2 { width:38%; background:#97AFB1; color:#FFFFFF}
.e3 { width:15%; background:#eee; color:#333}
.e4 { width:20%; background:#F1EAE2; color:#000000;}
.e5 { width:15%; background:#D3EFFD; color:#000000;}
.e6 { width:14%; background:#818FB2; color:#FFFFFF;}
.e7 { width:20%; background:#F0EDD8; color:#333333;}

/*分页代码*/
.pagelist {clear:both; font-size: 12px; padding:20px 0;text-align:center;}
.pagelist a{ padding: 5px 9px; border: solid 1px #ddd; background: #fff; text-decoration: none;margin:3px; color:#666; font-family:宋体,arial,sans-serif;}
.pagelist a:visited, #nowpage { padding: 3px 8px; margin:3px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.pagelist a:hover, #nowpage{color:#97262a; background: #fff; border-color:#97262a; text-decoration: none;}

@media screen and (max-width: 800px) {

	}

@media screen and (max-width: 480px) {

	}