@charset "utf-8";
/* CSS Document */
.banner_pc{}
.banner_sj{ display:none;}
.flexslider{ position:relative;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* 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:10px;}
.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; background: #666; background:#FFF; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;}
.flex-control-paging li a:hover { background: #FFF; }
.flex-control-paging li a.flex-active { background: #004376; cursor: default; }


.dyip{ text-align:center; background:url(../images/pic6.gif) repeat-x bottom;}
.dyip .title{ padding:3% 0;}
.dyip .title h2{ font-size:24px;}
.dyip .title p{ color:#999;}
.dyip .about_t{ max-width:1180px; margin:0 auto;}
.dyip .about_t p{ padding:0 5%; line-height:30px;}
.dyip .about_t .more{ width:120px; height:30px; line-height:30px; border:1px solid #CCC; margin:2% auto;}
.dyip .about_t .more a{ display:block;}
.dyip .about_t .more a:hover{ display:block; text-decoration:none;}
.dyip .about_b .box{ max-width:590px; margin:0 auto;}
.dyip .about_b .box .pic{ border:1px solid #c1e4ff; padding:19px; box-shadow:0 0 10px #CCC;}
.dyip .about_b .box .pic img{ width:100%;}
.dyip .about_b ul{ font-size:0px; padding:2% 0;}
.dyip .about_b li{ display:inline-block; line-height:30px; font-size:16px; padding:0 30px; border-right:1px solid #005fa7;}
.dyip .about_b li:last-child{ border:none;}
.dyip .about_b li a{ color:#FFF;}
.dyip .about_b li a:hover{ color:#FFF; text-decoration:none;}


.derp{ background:#f5f5f5;}
.derp .title{ padding:3% 0; text-align:center;}
.derp .title h2{ font-size:24px;}
.derp .title p{ color:#999;}
.derp .title ul{ font-size:0px; padding:2% 0 0 0;}
.derp .title li{ display:inline-block; line-height:30px; font-size:16px; padding:0 30px; border-right:1px solid #DDD;}
.derp .title li:last-child{ border:none;}
.derp .box{ padding-bottom:2%; max-width:1180px; margin:0 auto;}
.derp .box .slide .li_title{ background:#FFF; margin-top:1px; padding:3% 7%;}
.derp .box .slide .li_title a{ color:#999;}
.derp .box .slide .li_title a:hover{ color:#004376;}


.dsanp{ padding:1% 0 3% 0;}
.dsanp .title{ padding:3% 0; text-align:center;}
.dsanp .title h2{ font-size:24px;}
.dsanp .title p{ color:#999;}
.dsanp .box{ max-width:1180px; margin:0 auto;}
.dsanp ul{ margin-left:-2%;}
.dsanp li{ float:left; width:31.333%; margin-left:2%;}
.dsanp li .pic{}
.dsanp li .pic img{ width:100%;}
.dsanp li .li_title{ padding-top:4%;}
.dsanp li .li_title h2{ font-size:16px;}
.dsanp li .li_title p{ color:#999; padding-bottom:3%;}
.dsanp li .li_title .txt{ padding-top:4%; border-top:1px solid #EEE; font-size:12px;}


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


.con{ max-width:1180px; margin:2% auto;}
.con_l{ width:20%; float:left;}
.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:#004376; text-decoration:none;}
.subnav li a.current{ color:#FFF; background:#004376;}

.lxwm{ margin-top:10%; background:#F8F8F8;}
.lxwm h2{ height:40px; line-height:40px; background:#666; color:#FFF; font-size:18px; padding-left:10%; margin-bottom:1%;}
.lxwm .box{ line-height:24px; padding:5%;}


.con_r{ width:77%; float:right;}
.con_r h2{ height:40px; line-height:40px; border-bottom:1px solid #CCC; font-size:18px; font-weight:bold; }
.con_r h4{ font-size:16px; line-height:40px; border-bottom:1px dotted #CCC; margin-bottom:3%; font-weight:bold;}

.con_r .about{ padding:2% 0; line-height:24px;}
.con_r .about p{ padding-bottom:2%;}
.con_r .about img{ max-width:100%;}


.gongchang{padding:2% 0;}
.gongchang ul{ margin-left:-2%; padding-top:0.5%;}
.gongchang li{ float:left; margin-left:2%; width:31.333%; text-align:center; line-height:40px; font-size:16px; margin-bottom:2%;}
.gongchang li .pic{ overflow:hidden;}
.gongchang li img{ width:100%; transition:all 0.3s;}
.gongchang li:hover img{ transform:scale(1.2);}


.product{padding:2% 0;}
.product ul{ margin-left:-2%; padding-top:0.5%;}
.product li{ float:left; width:31.333%; margin-left:2%; margin-bottom:2%; background:#FFF; transition:all 0.3s;}
.product li:hover{ box-shadow:0 10px 20px #DDD;}
.product li .pic{ overflow:hidden;}
.product li img{ width:100%; transition:all 0.3s;}
.product li:hover img{ transform:scale(1.2);}
.product li .title_er{ border-top:1px solid #DDD; line-height:18px; padding:4% 7%; transition:all 0.3s;}
.product li .title_er p{ font-size:12px;}
.product li:hover .title_er{ background:#004376; color:#FFF;}
.product li a{ color:#999;}
.product li:hover a{ color:#FFF;}


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


.product_content .con_b{ padding-top:50px;}
.product_content .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_content .con_b .box{ padding-top:20px;}
.product_content .con_b .box img{ max-width:100%;}
.product_content .con_b p{ line-height:24px; margin-bottom:20px;}


.news{padding:2% 0;}
.news dl{ border-bottom:1px dotted #CCC; padding:2% 0;}
.news dt{ float:right; width:72%; font-size:16px; padding:2% 0;}
.news dd.pic{ float:left; width:25%;}
.news dd.pic img{ width:100%;}
.news dd.txt{ float:right; width:72%; line-height:24px;}


.paging{}
.paging ul{ font-size:0px;}
.paging li{ display:inline-block; height:30px; line-height:30px; border:1px solid #CCC; margin-right:5px; font-size:12px;}
.paging li a{ display:block; padding:0 10px;}
.paging li a:hover{ display:block; text-decoration:none;}
.paging li a.current{ background:#004376; color:#FFF;}
.paging li a.s{ color:#CCC;}


.news_content{ line-height:24px;}
.news_content p{ padding-bottom:2%;}


.sxy{ line-height:30px; border-top:1px dotted #CCC; padding:1% 0; margin-top:2%;}

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