@charset "utf-8";
/* CSS Document */
.banner_sj{ display:none;}
.banner_pc{ margin-top:80px;}
.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:20px;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width:13px; height:13px; border:1px solid #CCC; 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: #e84a26; border:1px solid #e84a26; cursor:default;}


.dyip{ text-align:center; padding:2% 0;}
.dyip h2{ line-height:60px; border-bottom:1px solid #DDD; font-size:24px; color:#e84a26;}
.dyip .slideTxtBox{ margin-top:20px;}
.dyip .slideTxtBox .hd{ padding:0% 5%;}
.dyip .slideTxtBox .hd ul{ margin-left:-1%;}
.dyip .slideTxtBox .hd ul li{ cursor:pointer; display:inline-block; width:10%; margin-left:1%; font-size:16px;}
.dyip .slideTxtBox .hd ul li .border{ border:2px solid #999; height:36px; line-height:36px;}
.dyip .slideTxtBox .hd ul li.on  .border{ border:2px solid #e84a26; background:#e84a26; color:#FFF;}
.dyip .slideTxtBox .bd{ padding:2% 5%;}
.dyip .slideTxtBox .bd ul{ margin-left:-2%;}
.dyip .slideTxtBox .bd li{ float:left; width:31.333%; margin-left:2%; position:relative; transition:all 0.3s;}
.dyip .slideTxtBox .bd li:hover{ box-shadow:0 0 15px rgba(0,0,0,0.15);}
.dyip .slideTxtBox .bd li .box{ border:1px solid #EEE; border-bottom:2px solid #EEE;}
.dyip .slideTxtBox .bd li .box img{ width:100%;}
.dyip .slideTxtBox .bd li .box p{ padding:3% 0;}


.derp{ padding:2% 0; background:#f5f5f5;}
.derp h2{ line-height:60px; border-bottom:1px solid #DDD; font-size:24px; color:#e84a26; text-align:center;}
.derp .news_index{ margin-top:20px;}
.derp .news_index .hd{ padding:0% 5%; text-align:center;}
.derp .news_index .hd ul{ margin-left:-1%;}
.derp .news_index .hd ul li{ cursor:pointer; display:inline-block; width:10%; margin-left:1%; font-size:16px;}
.derp .news_index .hd ul li .border{ border:2px solid #999; height:36px; line-height:36px;}
.derp .news_index .hd ul li.on  .border{ border:2px solid #e84a26; background:#e84a26; color:#FFF;}
.derp .news_index .bd{ padding:2% 5%;}
.derp .news_index .bd .con{}
.derp .news_index .bd .con .pic{ float:left; width:49%; position:relative; overflow:hidden;}
.derp .news_index .bd .con .pic img{ width:100%;}
.derp .news_index .bd .con .pic .title{ position:absolute; left:0px; bottom:-50px; height:50px; line-height:50px; background:rgba(0,0,0,0.5); width:100%; font-size:16px; transition:all 0.3s;}
.derp .news_index .bd .con .pic:hover .title{ bottom:0px;}
.derp .news_index .bd .con .pic .title p{ padding:0 3%;}
.derp .news_index .bd .con .pic .title p a{ color:#FFF;}
.derp .news_index .bd .con .pic .title p a:hover{ color:#e84a26;}
.derp .news_index .bd .con .con_r{ float:right; width:49%;}
.derp .news_index .bd .con .con_r .list{ background:#FFF; margin-bottom:20px;}
.derp .news_index .bd .con .con_r .list .pic_er{ float:left; width:47%;}
.derp .news_index .bd .con .con_r .list .pic_er img{ width:100%;}
.derp .news_index .bd .con .con_r .list dl{ float:right; width:49%; margin-right:2%; margin-top:15px;}
.derp .news_index .bd .con .con_r .list dt{ line-height:30px; font-size:18px;}
.derp .news_index .bd .con .con_r .list dd.txt{ line-height:24px; height:50px; overflow:hidden;}
.derp .news_index .bd .con .con_r .list dd.more{ margin-top:10px;}


.dsanp{}
.dsanp ul{}
.dsanp li{ float:left; width:50%; position:relative; overflow:hidden;}
.dsanp li img{ width:100%;}
.dsanp li .title{ position:absolute; left:0px; top:0px; padding:5%; background:rgba(0,0,0,0.5); width:100%; height:100%; transition:all 0.3s;}
.dsanp li:hover .title{ background:none;}
.dsanp li .title h2{ font-size:24px; line-height:50px;}
.dsanp li .title p{ word-wrap:break-word;}
.dsanp li a{ color:#FFF;}


.banner{ margin-top:80px;}
.banner .pic_er{ display:none;}
.banner img{ width:100%;}


.con_neiye{ padding:2% 5%;}


.subnav{ text-align:center;}
.subnav .yiji{ background:#e84a26; padding:0 5%;}
.subnav .yiji li{ float:left; line-height:60px; font-size:16px; width:20%;}
.subnav .yiji li a{ color:#FFF; display:block;}
.subnav .yiji li a:hover{ color:#FFF; display:block; text-decoration:none;}
.subnav .yiji li a.current{ background:#FFF; color:#e84a26;}
.subnav .erji{ padding:2% 3%; border-bottom:1px solid #EEE;}
.subnav .erji li{ float:left; line-height:30px; width:10%; margin-left:2%;}
.subnav .erji li a{ display:block; border:1px solid #EEE; border-radius:20px;}
.subnav .erji li a:hover{ display:block; text-decoration:none;}
.subnav .erji li a.current{ color:#e84a26; border:1px solid #e84a26;}


.title_er{ width:200px; margin:50px auto 0 auto; text-align:center;}
.title_er h2{ font-size:40px; padding-bottom:2%; font-weight:bold; padding:20px 0;}
.title_er .border{ height:1px; background:#CCC; position:relative;}
.title_er .border p{ width:40px; height:3px; background:#e84a26; position:absolute; left:50%; top:-1px; margin-left:-20px;}
.title_er .txt{ padding:10% 0; text-transform:uppercase; color:#999;}


.about{ padding:50px 5%;}
.about .box{ line-height:30px;}


.honor{ padding:50px 5%;}
.honor h2{font-size: 30px;padding-bottom: 20px;}
.honor ul{margin-left: -2%;}
.honor li{width: 23%;float: left;margin-left: 2%;line-height: 30px;text-align: center;margin-bottom: 20px;}
.honor li .pic{border: 1px solid #999;}
.honor li img{width: 100%;}


.product h2{ line-height:40px; font-size:16px; margin-bottom:1%;}
.product ul{ margin-left:-2%;}
.product li{ float:left; width:23%; margin-left:2%; position:relative; transition:all 0.3s; text-align:center; margin-bottom:2%;}
.product li:hover{ box-shadow:0 0 15px rgba(0,0,0,0.15);}
.product li .box{ border:1px solid #EEE; border-bottom:2px solid #EEE;}
.product li .box img{ width:100%;}
.product li .box p{ padding:3% 0;}


.paging{ padding:50px 0;}
.paging ul{ font-size:0px; text-align:center;}
.paging li{ display:inline-block; width:35px; height:35px; line-height:35px; margin-right:5px; font-size:16px;}
.paging li a{ display:block;}
.paging li a:hover{ display:block; text-decoration:none;}
.paging li a.current{ color:#FFF; background:#e84a26;}
.paging li a.s{ color:#999;}


.case{}
.case ul{ margin-left:-2%;}
.case li{ float:left; width:23%; margin-left:2%; position:relative; transition:all 0.3s; margin-bottom:30px;}
.case li img{ width:100%;}
.case li h3{ font-size:16px; font-weight:bold; padding:15px 0;}
.case li p{}


.news_con{ margin-top:5%;}
.news_con h2{ font-size:30px; text-align:center; padding-bottom:3%; border-bottom:1px solid #CCC;}
.news_con .box{ line-height:24px; padding:5%; text-align:center;}
.news_con .box p{ padding:1% 0; text-align:left;}
.news_con .box img{ max-width:100%;}

.con_neiye .sxy{ border-top:1px solid #DDD; border-bottom:1px solid #DDD; line-height:40px; margin-bottom:2%; font-size:12px;}
.con_neiye .sxy li:nth-of-type(1){ float:left;}
.con_neiye .sxy li:nth-of-type(2){ float:right;}
.con_neiye .sxy li a:hover{ text-decoration:none;}


.server{}
.server .title{ width:200px; margin:0 auto; text-align:center; padding:3% 0;}
.server .title h2{ font-size:40px; padding-bottom:2%; font-weight:bold; padding:10% 0;}
.server .title .border{ height:1px; background:#CCC; position:relative;}
.server .title .border p{ width:40px; height:3px; background:#e84a26; position:absolute; left:50%; top:-1px; margin-left:-20px;}
.server .title .txt{ padding:10% 0; text-transform:uppercase; color:#999;}
.server ul{ text-align:center; border-bottom:1px solid #DDD; padding-bottom:5%;}
.server li{ float:left; width:20%; margin:0 2.5%; font-size:12px;}
.server li .pic{ width:100px; border-radius:100px; border:1px solid #CCC; margin:0 auto 4% auto;}
.server li .pic img{ width:100%; border-radius:100px;}
.server li h2{ font-weight:bold; line-height:40px;}

.server .box{ line-height:24px; padding:3% 0;}
.server .box p{ margin-bottom:10px;}


.zlxz{}
.zlxz .title{ width:200px; margin:0 auto; text-align:center; padding:3% 0;}
.zlxz .title h2{ font-size:40px; padding-bottom:2%; font-weight:bold; padding:10% 0;}
.zlxz .title .border{ height:1px; background:#CCC; position:relative;}
.zlxz .title .border p{ width:40px; height:3px; background:#e84a26; position:absolute; left:50%; top:-1px; margin-left:-20px;}
.zlxz .title .txt{ padding:10% 0; text-transform:uppercase; color:#999;}
.zlxz ul{}
.zlxz li{ line-height:50px; border-bottom:1px dashed #CCC;}
.zlxz li p{ float:right; font-size:12px; color:#999;}
.zlxz li i{ margin-right:10px;}
.zlxz li a:hover{ text-decoration:none;}


.cjwt{}
.cjwt .title{ width:200px; margin:0 auto; text-align:center; padding:3% 0;}
.cjwt .title h2{ font-size:40px; padding-bottom:2%; font-weight:bold; padding:10% 0;}
.cjwt .title .border{ height:1px; background:#CCC; position:relative;}
.cjwt .title .border p{ width:40px; height:3px; background:#e84a26; position:absolute; left:50%; top:-1px; margin-left:-20px;}
.cjwt .title .txt{ padding:10% 0; text-transform:uppercase; color:#999;}
.cjwt .cpxqer{ max-width:1180px; margin:0 auto; padding:2% 0;}
.cjwt .cpxqer ul{}
.cjwt .cpxqer li .border{ line-height: 50px; font-size:16px; border-bottom:1px solid #DDD; padding:0 1%;}
.cjwt .cpxqer li .con_er{ display:none; line-height:30px; padding:2%; background:#222; color:#FFF;}
.cjwt .cpxqer li .con_er table{ border-top:1px solid #DDD; border-left:1px solid #DDD;}
.cjwt .cpxqer li .con_er table td{ border-right:1px solid #DDD; border-bottom:1px solid #DDD; padding:0 1%;}


.contact{}
.contact .contact_t{ line-height:24px; padding:5%;}
.contact .contact_t p{}
.contact .contact_b{ background:#F5F5F5; text-align:center; padding:5% 0;}
.contact .contact_b h2{ font-size:24px; border-bottom:1px solid #DDD; padding-bottom:2%;}
.contact .contact_b ul{ padding:2% 5%;}
.contact .contact_b li{ width:49%; margin-bottom:1%;}
.contact .contact_b li.left{ float:left;}
.contact .contact_b li.right{ float:right;}
.contact .contact_b li .input_txt{ width:96%; height:40px; border:1px solid #DDD; outline:medium; padding:0 2%; font-family:"微软雅黑";}
.contact .contact_b li.textarea{ width:100%; margin:0;}
.contact .contact_b li.textarea textarea{ width:98%; height:100px; border:1px solid #DDD; outline:medium; padding:1%; font-family:"微软雅黑";}
.contact .contact_b .input_btn{ width:100px; height:30px; font-family:"微软雅黑"; border:0 none; margin-right:5px; color:#FFF; background:#e84a26;}
.contact .contact_b .input_btn2{ width:100px; height:30px; font-family:"微软雅黑"; border:0 none; margin-left:5px; color:#FFF; background:#999;}


.product_con{ padding:3% 0;}
.product_con .title{ font-size:24px; text-align:center; padding-bottom:3%;}
.product_con .page{ width:50%; margin:0 auto;}

.product_con .product_con_b h2{ border-bottom:1px solid #CCC; margin-top:3%; line-height:50px; font-weight:bold; text-align:center;}
.product_con .product_con_b .b_box{ padding:5%; line-height:24px;}
.product_con .product_con_b .b_box img{ max-width:100%;}
.product_con .product_con_b .b_box p{ text-align:left; padding-bottom:10px;}
.product_con .product_con_b .b_box strong{ text-align:left;}