﻿@charset "utf-8";
/* CSS Document */
.banner_sj{ display:none;}
.flexslider{ position:relative;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; position:relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;border-radius: 0px;}

.flex-pauseplay span {text-transform: capitalize;}
.flex-control-nav {width: 100%; text-align: center; position:absolute; bottom:20px;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width:15px; height:15px; display: block; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; background:#FFF;}
.flex-control-paging li a:hover {}
.flex-control-paging li a.flex-active { background:#0066cb; cursor: default; }


table,th,td{border:1px solid #CCCCCC;}

.dyip{ background:#f5f5f5; padding:2% 0;}
.dyip ul{ max-width:1180px; margin:0 auto;}
.dyip li{ float:left; width:16.666%; text-align:center; font-size:18px;}
.dyip li:hover{color:#0066cb;}
.dyip li .pic{ width:100px; margin:0 auto;}
.dyip li .pic img{ width:100%;}
.dyip li p{ padding-top:15px;}
.dyip li a{ display:block;}
.dyip li a:hover{ display:block; text-decoration:none;}


.derp{ max-width:1180px; margin:0 auto; text-align:center; padding:3% 0;}
.derp h2{ font-size:24px; font-weight:bold; margin-bottom:2%;}
.derp ul{ margin-left:-2%;}
.derp li{ float:left; width:31%; margin-left:2%; font-size:18px;}
.derp li .pic{ overflow:hidden;}
.derp li .pic img{ width:100%; transition:all 0.3s;}
.derp li:hover .pic img{ transform:scale(1.2);}
.derp li p{ line-height:40px; margin-top:5px;}


.dsanp{ max-width:1180px; margin:0 auto;}
.dsanp .dsanp_l{ width:63%; float:left; background:#92baee;}
.dsanp .dsanp_l .pic{ width:65%; float:left;}
.dsanp .dsanp_l .pic img{ width:100%;}
.dsanp .dsanp_l .l_r{ width:35%; float:right; position:relative;}
.dsanp .dsanp_l .l_r .jt{ width:20px; height:30px; background:url(../images/pic16.png) no-repeat; position:absolute; left:-20px; top:50%;}
.dsanp .dsanp_l .l_r .box{ padding:6%; color:#FFF;}
.dsanp .dsanp_l .l_r .box h2{ font-size:18px; font-weight:bold; margin-bottom:10%;}
.dsanp .dsanp_l .l_r .box p{ line-height:24px;}


.dsanp .dsanp_r{ width:34%; float:right;}
.dsanp .dsanp_r dl{ padding-bottom:4%;}
.dsanp .dsanp_r dt{ font-size:18px; font-weight:bold; padding:3% 0;}
.dsanp .dsanp_r dd.pic{ width:40%; float:left;}
.dsanp .dsanp_r dd.pic img{ width:100%;}
.dsanp .dsanp_r dd.txt{ width:55%; float:right; line-height:24px;}


.banner{}
.banner img{ width:100%;}
.banner .banner_yi{}
.banner .banner_er{ display:none;}


.con{ max-width:1180px; margin:0 auto;}
.con_l{ float:left; width:22%; margin-top:3%;}
.subnav{}
.subnav h2{ height:40px; line-height:40px; background:#666; color:#FFF; font-size:18px; padding-left:10%; margin-bottom:1%;}
.subnav ul{}
.subnav li{ line-height:40px; background:#CCC; margin-bottom:1%; position:relative;}
.subnav li .pic{ width:15px; position:absolute; right:10%; top:13px;}
.subnav li img{ width:100%;}
.subnav li a{ padding-left:10%; display:block;}
.subnav li a:hover{ padding-left:20%; display:block; color:#FFF; background:#0066cb; text-decoration:none;}
.subnav li a.current{ color:#FFF; background:#0066cb; padding-left:20%;}
.subnav li .active{ color:#FFF; background:#005aab;}
.subnav li .border{ font-size:16px; padding-left:10%;}
.subnav li dl{ display:none; line-height:30px; color:#999; background:#FFF;}


.con_r{ float:right; width:75%; margin-top:3%;}
.con_r h2{ line-height:50px; font-size:24px; border-bottom:1px solid #CCC; color:#0066cb; font-weight:bold;}

.about{ margin-top:3%; line-height:30px;}
.about p{ padding-bottom:2%;}


.qyry{}
.qyry ul{ padding:20px 0;}
.qyry li{ float:left; width:225px; background:url(../images/pic24.jpg) no-repeat center top; margin:10px 30px;}
.qyry li .pic{ margin:24px 0 0 20px;}
.qyry li p{ margin-top:30px; text-align:center; line-height:30px;}

.product{}
.product ul{ margin-left:-2%; margin-top:2%;}
.product li{ float:left; width:31.333%; margin-left:2%; margin-bottom:2%; text-align:center; line-height:30px;}
.product li .box{ padding:4%; border:1px solid #DDD;}
.product li p{ padding-top:2%;}
.product li img{ width:100%;}


.news{}
.news ul{}
.news li{ padding:2% 0; border-bottom:1px dashed #CCC;}
.news li h3{ font-size:18px; line-height:40px;}
.news li h3 a:hover{ text-decoration:none;}
.news li p{ line-height:24px; color:#666;}
.news li .more{ line-height:30px; color:#999;}


.case{ padding:2% 0;}
.case h3{ line-height:50px; font-size:24px; color:#0066cb; font-weight:bold; text-align:center; margin-bottom:2%;}
.case ul{ margin-left:-2%;}
.case li{ float:left; width:23%; margin-left:2%; background:#FFF; margin-bottom:2%;}
.case li img{ width:100%;}
.case li .title{ padding:5% 5% 7% 5%; text-align:center;}
.case li .title h2{ padding-bottom:3%; font-size:18px; font-weight:bold;}
.case li .title p{ color:#666; line-height:20px;}
.case li .title .more{ width:70px; height:24px; line-height:24px; border:1px solid #CCC; margin:5% auto; border-radius:20px;}
.case li .title .more a{ color:#0066cb; display:block;}
.case li .title .more a:hover{ color:#0066cb; display:block; text-decoration:none;}


.contact{ line-height:24px; padding:2% 0;}


.neiro{}
.neiro h3{ line-height:40px; font-size:24px; border-bottom:1px solid #CCC; font-weight:bold;}
.neiro .shij{ line-height:30px; color:#666;}
.neiro .box{ line-height:24px; margin-top:2%;}
.neiro .box p{ padding-bottom:2%;}
.con_r .fenye{ border-top:1px solid #DDD;}
.con_r .fenye ul{ padding:10px 0;}
.con_r .fenye li{ line-height:30px;}


.product_con{}
.product_con .con_t{}
.product_con .con_t .pic{ float:left; width:50%;}
.product_con .con_t .pic img{ width:100%;}
.product_con .con_t dl{ float:right; width:47%; line-height:24px;}
.product_con .con_t dt{ font-size:16px; line-height:40px; border-bottom:1px dotted #CCC; margin-bottom:2%;}

.product_con .con_b{ padding-top:50px;}
.product_con .con_b h3{ height:38px; line-height:38px; border-top:1px solid #DDD; border-bottom:1px solid #DDD; text-align:center; font-size:16px;}
.product_con .con_b .box{ padding-top:20px;}
.product_con .con_b p{ line-height:24px; margin-bottom:20px;}