@charset "utf-8";

/* 公共样式 */
body{ background:#fff; font-family:'Microsoft Yahei',Arial; color: #444; font-size: 12px; line-height: 20px;}
ul,li{list-style:none; margin: 0; padding: 0;}
img{ width:100%; height:auto;}
.m-b{ margin-bottom: 3%; }
.mt{ margin-top: 5px; }
.mt10{ margin-top: 10px; }
.mt15{ margin-top: 15px; }
.mb{ margin-bottom: 5px; }
.mb10{ margin-bottom: 10px; }
.mb15{ margin-bottom: 15px; }
.ml-15{ margin-left: -15px; }
.pb20{ padding-bottom: 20px; }
.decorate{ display: block; height: 20px; border-bottom: #1672c5 2px solid; width: 8%; margin: 0 auto;}
.decorate_bai{ border-bottom: #fff 2px solid;}
.spacing{ padding: 0 15px; }
.lh180{ line-height: 180%; }
input[type=radio]{ width: 16px; height: 16px; }
.error{ color: #e03434; }
.c99{ color: #999; }
.cheng{ color: #ff7214; }
a{ color: #444; text-decoration: none;}
a:hover{ color: #00a0e9; text-decoration: none;}
button{outline:0 none !important; blr:expression(this.onFocus=this.blur());}
code{ color:#bf2323; font-size:1.4em; font-family:'Microsoft Yahei',Arial; background:none;}
.left{ float: left;}
.right{float: right;}
h3{ font-size: 18px;}

.pager { width: 100%; float: left; height: 32px; font-size: 16px; text-align: right; line-height: 32px; }
.pager a, .pager span { padding: 3px 10px; margin: 0 3px; background: #f8f8f8; }
.pager span { background: #00a0e9; color: #fff; }

/* 导航样式重置 */
.navbar{/* background:url(../images/nav_bg.jpg) repeat-x;*/ height: 108px;}

.nav>li{ font-size: 16px; margin:0;}
.navbar-collapse{ padding-right: 0;}
.navbar-default .navbar-nav>li>a{ color: #222;}
.navbar-brand{ padding: 25px 15px 0; display: block;}
.navbar-nav{ margin-top: 22px;}

/* 首页 */
.top{ width: 100%; height: 40px; background: #353535; color: #fff; line-height: 40px; font-size: 14px;}
.top p{ float: right;}
.top p span{ color: #00a1e9; font-weight: bold;}
.swiper-container{ width: 100%; height: 600px;}
.bt-zi{ text-align: center; padding-top: 40px;}
.bt-zi h2{font-size: 26px; color: #222; margin-bottom: 10px;}
.bt-zi p{ font-size: 14px; color: #444;}
.solution-list{ width: 100%; overflow: hidden; margin-top: 50px;}
.solution-list li a{ display: block; font-size: 18px; margin: 15px 0;}
.solution-list li a:hover{ color: #00a0e9;}
.solution-list li a.more{ color: #00a0e9; font-size: 14px;}
.solution-list li .more span{ color: #d5d5d5; border: #d5d5d5 1px solid; width:20px; height: 20px; font-size: 14px; line-height: 15px; text-align: center; border-radius: 50%; float: left; margin-right: 10px;}
.solution-list li.col-sm-4 p { font-size:14px;}
.zxzx{ width: 165px; height: 60px; background: url(../images/ico1.png) #58636b no-repeat 20px center; font-size: 18px; color: #fff; line-height: 60px; text-indent: 65px; margin:50px auto 0;}

.application{ width: 100%; overflow: hidden;}
.tabs{ width: 50%; margin: 10px auto 0;}
.tabs li{ float: left;}
.tabs li a{ display: block; border: #ddd 1px solid; margin: 0 15px; padding: 0 20px; line-height: 32px; height: 32px; font-size: 18px; border-radius: 8px; cursor:pointer;}
.tabs li.curr a{ background: #00a0e9; color:#fff; font-weight: bold; border: none;}
.application-list{ width: 100%; overflow: hidden; margin-top: 30px;}
.application-list li{ float: left; width: 25%;}
.application-list li a{ display: block; position: relative;}
.application-list li a .tu-bg,.application-list li a .tu-zi{ display: none;}
.application-list li a:hover .tu-bg{ display: block; width: 100%; height: 100%; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; background: #000; position: absolute; top: 0; left: 0;}
.application-list li a:hover .tu-zi{ display: block; width: 100%; padding: 0 10%; color: #fff; z-index: 2; position: absolute; top: 0; left: 0; text-align: center; line-height: 25px; font-size: 14px;}
.application-list li a:hover .tu-zi h3{ font-size: 16px; font-weight: bold; padding-top: 130px;}
.bg1{ background: url(../images/bg.jpg) no-repeat center center; background-size: cover; height: 500px;}
.bglist{ color: #fff; width: 90%; margin: 0 auto;}
.bglist h2{font-size: 26px; color: #fff; margin-bottom: 10px;}
.bglist p{ font-size: 14px; color: #fff;}
.bglist p a{ color: #00a1e9;}
.sp{ width: 44%; height: 300px; border: #f4f4f4 10px solid; background: #f4f4f4; border-radius: 5px; margin: 30px auto 0;}
.reason .bt-zi{ margin-bottom: 50px;}
.reason .col-sm-6{ padding: 0;}
.huiBg{ background: #f8f8f8;}
.lanBg{ background: #3faedf; color: #fff;}
.reason-tu{ width: 32%;}
.reason-zi{ width: 68%;}
.baizi{ color: #fff;}
.szd{ width: 40%; float: left; min-height: 200px; text-align: center; display: flex; justify-content: center; align-items: center; font-size: 72px; font-family: arial;}
.dail{ width: 50%; float: left;}
.dail h3{ font-size: 18px;font-weight: bold; margin-top: 50px; margin-bottom: 20px;}
.dail p{ font-size: 14px; line-height: 25px; height: 75px; overflow: hidden;}
.qdsz{ width:100%; overflow: hidden; background: url(../images/bg2.jpg) no-repeat center top; height: 306px; margin-top: 60px;}
.qdsz-lr{ width: 48%; border: #fff 1px solid; padding: 50px 0; color: #fff; margin-top: 65px; text-align: center; font-size: 18px;}
.qdsz-lr p{ font-size: 45px; font-weight: bold;}
.qdsz-lr img{ width: 10%;}
.link{ width:100%; overflow: hidden; background: url(../images/link-bg.jpg) no-repeat center top; height: 493px;}
.link-list{ width: 100%; overflow: hidden; margin-top: 50px;}
.link-list li{ float: left; width: 18%; margin: 0 1% 40px;}
.news{ margin-top: 30px;}
.news .tit{ font-size: 16px; display: block; margin-top: 10px; height: 20px; overflow: hidden;  margin-bottom: 10px;}
.news .tit:hover{ color: #00a0e9;}
.news .time{ color: #999;}
.news p{ color: #666;}
.news .time a{ float: right; color: #999;}
.pro-tu{ display: block; position: relative;}
.pro-tu:hover span{ background: #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; opacity:0.3;}

/* 底部 */
.footer{ color: #999; padding: 50px 0 0; background:url(../images/bottom-bg.jpg) no-repeat center top; margin-top: 50px;}
.container a { color: #999; }
.container a:hover { color: #008aff }
.bottom-dh{ font-size: 18px; color: #d5d5d5;}
.bottom-dh a{ color: #d5d5d5;}
.lxwm{ width: 100%; overflow: hidden; margin-top: 40px;}
.bottom-logo{ width: 12%;}
.lxwm-xx{ margin-left: 30px;}
.lxwm-xx h3{ font-size: 24px; color: #d5d5d5;}
.lxwm-xx p{ padding: 0; margin: 0; margin-bottom: 5px; font-size: 14px;}
.bdBg{ width: 100%; padding: 15px 0; background: #353535; font-size: 14px; margin-top: 20px;}
.bottom{ text-align: center; padding: 10px 0; font-size: 14px;}
.bottom p{ display: none;}
.bottom #cnzz_stat_icon_1272814595 img { width:auto; }
.ewm-tu{ width: 28%; position: absolute; top:0px; right: 0;}

.nav li{ position: relative; height: 76px;}
.nav li dl{ position: absolute; top: 76px; left: -130px; z-index: 999999; width: 420px; background: #fff; padding: 20px; border-top:#0198e9 5px solid;}
.nav li dl dd{ width: 31.33%; float: left; font-size: 14px; margin: 10px 0 10px 2%;}
.nav li dl{display: none;}

/*内页样式*/
.banner{ width: 100%; height: 420px;}
.position{ color: #565656; font-size: 14px; margin: 20px 0 10px;}
.menu{ margin-top: 40px;}
.menu li{ font-size: 10px;}
.menu li a{display: block; border-bottom: #d2d2d2 1px solid; padding: 10px 0;}
.menu li a:hover{ border-bottom: #000 1px solid;}
.menu li.curr a{ border-bottom: #000 1px solid; color: #00a0e9;}
.menu li a span{ font-size: 20px; margin-right: 13px;}
.menu li a i{font-style: normal; transform:rotate(90deg); float: left; margin-right: 5px;}
.menu li a font{ color: #999; text-transform : uppercase}
.menu li.curr a font{ color: #999;}
.qdsz-lr2{ color: #9c9c9c; border: #9c9c9c 1px solid;}
.lr-zw{ font-size: 14px; line-height: 30px; margin-top: 20px;}
.lr-zw img { width:auto;}
.sqbf{ border: #f4f4f4 10px solid; border-radius: 5px; width: 500px; height: 300px; margin: 30px auto 0;}
.shde{ margin-top: 50px;}
.shde .kuanK{ border: #ccc 1px solid; width: 100%; margin-bottom: 20px;}
.shde .kuanK h3{ color: #000; font-size: 18px; text-align: center; line-height: 60px; border-bottom: #ccc 1px solid; margin: 0;}
.shde .kuanK p{ font-size: 14px; line-height: 30px; padding: 15px; min-height: 200px;}
.horoList{ width: 100%; overflow: hidden; margin-top: 50px;}
.horoList li{ float: left; margin: 2%; width: 16%;}
.horoList li p{ padding-top: 10px; font-size: 14px; text-align: center;}
.factoryZi{ font-size: 16px; margin-top: 50px;}
.factoryList{ width: 100%; overflow: hidden; margin-top: 20px;}
.factoryList li{ float: left; width: 25%; margin-bottom: 20px;}
.factoryList li p{ padding-top: 10px; font-size: 14px; text-align: center;}
.menu li ul{ margin-top: 15px;}
.menu li ul li a,.menu li.curr ul li a{ border-bottom: none; color: #444; font-size: 14px; padding: 0; padding: 5px;}
.menu li ul li a:hover,.menu li.curr ul li a:hover,.menu li.curr ul li.curr2 a{ border-bottom: none; background: #00a0e9; padding: 5px; color: #fff; border-radius: 5px;}
.proList{ width: 100%; overflow: hidden; margin-top: 40px;}
.proList li{ float: left; margin: 2%; width: 29.33%; text-align: center; }
.proList li a{ display: block; font-size: 14px; color: #00a0e9;}
.proList li p{ padding: 20px 0 0;}
.proList li p a{ font-size: 18px; color: #444; /*white-space:nowrap;*/}
.proList li p a:hover{ color: #00a0e9;}
.proList li a.proZx{ width: 120px; line-height: 50px; border: #ccc 1px solid; margin: 20px auto 0; font-size: 16px; color: #444;}
.proList li a.proZx:hover{ color: #00a0e9;}
.proList li a.proZx img{ width: 20%;}
.pro-zi h2{ font-size: 36px;}
.heibg{ background: #444; color: #fff; width: 100%; line-height: 50px; margin-bottom: 60px;}
.heibg .position{ margin: 0; color: #fff;}
.heibg .position a { color:#fff;}
.heibg .position a:hover { color: #008aff; }
.pro-zi p { font-size: 14px; color: #999; margin-top: 20px; line-height: 30px; }
.pro-zi p a{ color: #00a0e9;}
.pro-zi table { font-size: 14px; color: #999; }
.pro-zi table td { border: 1px solid #ccc;padding:5px 10px; }
.zxzx2 { background: url(../images/ico1.png) #e60012 no-repeat 20px center; border: #e0e0e0 2px solid; width: 195px; }
.zxzx2 a { color:#fff;}
.zxzx2 a:hover { color:yellow; }
.phoe { background: url(../images/ico7.png) no-repeat left center; margin: 20px auto 0; width: 260px; padding-left: 60px; font-size: 14px; }
.phoe p{ margin: 0; font-size: 25px; font-weight: bold; color: #00a0e8;}
.xbd{ width: 100%; border-bottom: #ccc 2px solid; margin-top: 50px;}
.xbd ul{ width: 100%; overflow: hidden;}
.xbd ul li{ float: left; padding: 0 15px; line-height: 40px; font-size: 20px; border: #d2d2d2 1px solid; border-bottom: 0; margin-left: -1px; border-radius: 10px 10px 0 0;}
.xbd ul li:first-child{ margin-left: 0;}
.xbd ul li.active a { color: #00a1e9; font-weight: bold; }
.kuai1{ background: url(../images/xx-bg.jpg) repeat; width: 100%; overflow: hidden; border-radius: 10px; padding-bottom: 10px; margin-top: 40px;}
.kuai1 h2{ padding: 20px 0; border-radius: 10px; background: #fff; text-align: center; width: 300px; font-size: 30px; font-weight: bold; margin: 15px auto;}
.table{ background: #f5f5f5; border-top:#00a0e9 5px solid; margin-bottom: 0; font-size: 14px;}
.table tr:nth-of-type(even){ background: #dfdfdf;}
.kuai2{ width: 100%; overflow: hidden; margin-top: 40px;}
.table2{ background: #f5f5f5; border-top:0; margin-bottom: 0; font-size: 14px;}
.table2 thead tr{ background: #646464; color: #fff; font-size: 18px; font-weight: bold;}
.table2 thead tr th{ text-align: center;}
.table3{ background: #f5f5f5; border-top:0; margin-bottom: 0; font-size: 14px;}
.table3 thead tr{ background: #00a0e9; color: #fff; font-size: 18px; font-weight: bold;}
.table3 thead tr th,.table3 tbody tr td{ text-align: center;}
.news{ margin-top: 40px;}
.news li{ width: 100%; overflow: hidden; height: 140px; margin-bottom: 40px;}
.news li img{ height: 100%; width: auto; float: left;}
.news li .news-zi{ float: left; margin-left: 3%; width: 60%; font-size: 16px; color: #666;}
.news li .news-zi h2{ margin: 0; padding: 0; margin-bottom: 15px; font-size: 20px;}
.news li .news-zi h2 a{ color: #444;}
.news li .news-zi h2 a:hover{ font-size: 20px; color: #00a0e9;}
.news-time{ background: #f7f7f7; height: 100%; width:15%; float: right; display: flex; justify-content: center; align-items: center; font-size: 24px; color: #d4d4d4;}
.xgnews{ font-size: 24px; font-weight: bold; text-align: center; margin: 30px 0;}
.news-top{ width: 100%; text-align: center; margin-top: 40px; font-size: 14px; color: #999;}
.news-top h2{ font-weight: bold; font-size: 32px; color: #444;}
.con-lan{ background: #00a1e9; padding: 30px 0; color: #fff;}
.con-lan h3{ text-align: center; font-size: 32px; font-weight: bold;}
.con-lr{ width: 90%; margin: 30px auto 0; font-size: 18px; line-height: 25px; overflow: hidden;}
.con-lr .col-sm-4 img{ width: 10%; float: left;}
.con-lr .col-sm-4 p{ float: left; padding-left: 3%; width: 87%;}
.con-bus{ text-align: center; margin-top: 50px; font-size: 16px; line-height: 25px;}
.con-bus p{ color: #00a1e9; padding-bottom: 20px; font-weight: bold;}
.con-bottom{ width: 100%; background: #f8f8f8; border-top: #dedede 1px solid; margin-top: 40px; padding: 40px 0; font-size: 16px; line-height: 25px;}
.con-bottom a{ color: #00a0e9; text-decoration: underline;}
.text-es{ text-align: right;}

@media (max-width:1200px){
	.nav>li{ font-size: 14px; margin:0;}
	.nav>li>a{padding: 10px 8px;}
	.tabs{ width: 80%;}
	.sp{ width: 54%; height: 300px; border: #f4f4f4 10px solid; background: #f4f4f4; border-radius: 5px; margin: 30px auto 0;}
	.dail p{ height: 60px; overflow: hidden; font-size: 12px; line-height: 20px; padding-bottom: 0; margin-bottom: 0;}
	.szd{ width: 30%; float: left; min-height: 120px; text-align: center; display: flex; justify-content: center; align-items: center; font-size: 42px; font-family: arial;}
	.dail{ width: 60%; float: left;}
	.dail h3{ font-size: 18px;font-weight: bold; margin-top: 30px; margin-bottom: 5px;}
	/*内页样式*/
	.xbd ul li{ float: left; padding: 0 8px; line-height: 40px; font-size: 16px; border: #d2d2d2 1px solid; margin-left: 4px; margin-bottom: 10px; border-radius: 10px;}
	.news-time{ width: 10%; font-size: 14px;}
	.con-bottom img{ display: none;}
	.text-es{ text-align: center;}
	.text-es2{ text-align: center;}
}
@media (max-width:768px){
	.navbar-brand{ width: 50%;}
	.navbar{height: 68px;}
	.navbar-collapse{ position: absolute; z-index: 10000; padding-left: 0;}
	.navbar-toggle{ margin-top: 18px; }
	.navbar-brand{ padding: 18px 15px 0;}
	.swiper-container{ width: 100%; height: 200px;}
	.container>.navbar-collapse{ margin: 0;}
	.navbar-default .navbar-collapse{ width: 100%; background: #fff; border: none;}
	.navbar-nav{ margin:0 ;}
	.nav>li>a{ padding: 10px 15px;}
	.navbar-nav li{ border-bottom: #ccc 1px solid;}
	.navbar-collapse{ position: absolute; z-index: 10000; right:0px;}
	.application-list li{ float: left; width: 50%;}
	.application-list li a:hover .tu-zi h3{padding-top: 0px;}
	.tabs{ width: 100%;}
	.sp{ width: 74%; height: 300px; border: #f4f4f4 10px solid; background: #f4f4f4; border-radius: 5px; margin: 30px auto 0;}
	.dail p{ overflow: hidden; font-size: 12px; line-height: 20px; padding-bottom: 0; margin-bottom: 0;}
	.szd{ width: 30%; float: left; min-height: 150px; text-align: center; display: flex; justify-content: center; align-items: center; font-size: 52px; font-family: arial;}
	.dail{ width: 60%; float: left;}
	.dail h3{ font-size: 18px;font-weight: bold; margin-top: 30px; margin-bottom: 5px;}
	.bottom p{ display: block;}
	.ewm-tu{ display: none;}
	.bdBg{ display: none;}
	.xpnone{ display: none;}
	.footer{ padding-top: 20px;}
	.link-list li{ width: 23%; margin: 0 1% 40px;}
	.hyzi{ display: none;}
	/*内页样式*/
	.news-time{ display: none;}
	.news li{ height: 100px; margin-bottom: 20px;}
	.news li img{ width: 50%;}
	.news li .news-zi{ width: 45%; font-size: 12px;}
	.news li .news-zi h2{ font-size: 16px; height: 35px; overflow: hidden; margin-bottom: 5px;}
	.news li .news-zi h2 a:hover{ font-size: 16px;}
	.sqbf{ width: 92%; height: 250px;}
	.horoList li{ margin: 2%; width: 29.33%;}
	.factoryList li{ width: 50%;}
	.xbd ul li{ float: left; padding: 0 8px; line-height: 40px; font-size: 16px; border: #d2d2d2 1px solid; margin-left: 4px; margin-bottom: 10px; border-radius: 10px;}
	.con-bottom img{ display: none;}
	.text-es{ text-align: center;}
	.text-es2{ text-align: center;}
	.baibg{ background: #fff; color: #444;}
	.huiBg2{ background: #f8f8f8; color: #444;}
	.left2{ float: right;}
	.right2{ float: left;}
	.left3{ float: left;}
	.right3{ float: right;}
	.nav li{height: auto;}
	.nav li dl{ display: none;}
	/*.nav li dl{ position: absolute; top: 40px; left: 0px; z-index: 999999; width: 100%; background: #fff; padding: 20px; border-top:#0198e9 5px solid;}*/
}
@media (max-width:414px){
	.top{ font-size: 11px;}
	.hyzi{ display: none;}
	.navbar{height: 68px;}
	.navbar-brand{ width: 70%;}
	.navbar-collapse{ position: absolute; z-index: 10000; padding-left: 0;}
	.navbar-toggle{ margin-top: 18px; }
	.navbar-brand{ padding: 18px 15px 0;}
	.swiper-container{ width: 100%; height: 200px;}
	.container>.navbar-collapse{ margin: 0;}
	.navbar-default .navbar-collapse{ width: 100%; background: #fff; border: none;}
	.navbar-nav{ margin:0 ;}
	.nav>li>a{ padding: 10px 15px;}
	.navbar-nav li{ border-bottom: #ccc 1px solid;}
	.tabs{ width: 100%;}
	.tabs li a{margin: 0 5px; padding: 0 10px; line-height: 32px; height: 32px; font-size: 16px;}
	.sp{ width: 84%; height: 230px; border: #f4f4f4 10px solid; background: #f4f4f4; border-radius: 5px; margin: 30px auto 0;}
	.dail p{ height: 45px; overflow: hidden; font-size: 12px; line-height: 20px; padding-bottom: 0; margin-bottom: 0;}
	.szd{ width: 30%; float: left; min-height: 80px; text-align: center; display: flex; justify-content: center; align-items: center; font-size: 22px; font-family: arial;}
	.dail{ width: 60%; float: left;}
	.dail h3{ font-size: 18px;font-weight: bold; margin-top: 15px; margin-bottom: 5px;}
	.bottom p{ display: block;}
	.ewm-tu{ display: none;}
	.bdBg{ display: none;}
	.xpnone{ display: none;}
	.footer{ padding-top: 20px;}
	.link-list li{ width: 31.33%; margin: 0 1% 15px;}
	.qdsz-lr{ height: 215px; font-size: 16px; padding: 15px;}
	.qdsz-lr p{ font-size: 26px; padding-top: 20px;}
	.qdsz-lr p img{ display:none}
	/*内页样式*/
	.sqbf{ width: 92%; height: 150px; border:#f4f4f4 5px solid;}
	.horoList li{ margin: 2%; width: 46%;}
	.factoryList li{ width: 100%; margin-bottom: 10px;}
	.xbd ul li{ float: left; padding: 0 8px; line-height: 40px; font-size: 14px; border: #d2d2d2 1px solid; margin-left: 4px; margin-bottom: 10px; border-radius: 10px;}
	.news-time{ display: none;}
	.news li{ height: 100px; margin-bottom: 20px;}
	.news li img{ width: 50%;}
	.news li .news-zi{ width: 45%; font-size: 12px;}
	.news li .news-zi h2{ font-size: 16px; height: 35px; overflow: hidden; margin-bottom: 5px;}
	.news li .news-zi h2 a:hover{ font-size: 16px;}
	.con-bottom img{ display: none;}
	.text-es{ text-align: center;}
	.text-es2{ text-align: center;}
	.application-list li{ float: left; width: 50%; margin-bottom: 15px;}
	.application-list li a{ display: block; position: relative;}
	.application-list li a .tu-zi{ display:block;}
	.application-list li a .tu-bg{ display: none; width: 100%; height: 100%; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; background: #000; position: absolute; top: 0; left: 0;}
	.application-list li a .tu-zi{ width: 100%; padding: 0 10%; color: #444; text-align: center; height: 130px; overflow: hidden; line-height: 20px; font-size: 14px;}
	.application-list li a .tu-zi h3{ font-size: 16px; font-weight: bold; padding-top:0;}
	.application-list li a:hover .tu-bg{ display: none; }
	.application-list li a:hover .tu-zi{ width: 100%; padding: 0 10%; color: #444; position: inherit; text-align: center; line-height: 20px; font-size: 14px; padding-top:0;}
	.baibg{ background: #fff; color: #444;}
	.huiBg2{ background: #f8f8f8; color: #444;}
	.left2{ float: right;}
	.right2{ float: left;}
	.left3{ float: left;}
	.right3{ float: right;}
}
.zxzx a { color:#fff;}