@charset "utf-8";
/* CSS Document */
.banner{margin-top: 130px;}
.banner_pc{}
.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 { text-align: center; position:absolute; left: 50%; bottom:30px;transform: translateX(-50%);}
.flex-control-nav li {margin: 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width:13px; height:13px; 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: #cc0000; cursor: default; }

.slides .box{color: #fff;position: absolute;left: 10%;top: 300px;}
.slides .box p{font-size: 12px;}
.slides .box .txt{font-size: 48px;font-weight: bold;margin-top: 5px;}
.slides .box .more{width: 200px;height: 40px;line-height:40px;text-align: center; border: 1px solid #999;text-transform: uppercase;margin-top: 30px;font-weight: bold;}
.slides .box .more a{display: block;color: #FFF;}
.slides .box .more a:hover{display: block;text-decoration: none;color: #FFF;}


.dyip{padding:70px 0;overflow: hidden;background: #f5f5f5;}
.dyip h2{font-size: 36px;text-align: center;font-weight: bold;color: #cc0000;}
.dyip h2 span{color: #333;}
.dyip .txt{font-size: 400px;font-weight: bold; white-space:nowrap;color: #eaeaea;}
.dyip .box{position: relative;max-width: 1200px;margin:80px auto;}
.dyip .box .pic{position: absolute;left: 50%;top: 0px;transform: translateX(-50%);}

.dyip .box .list_yi{margin-bottom: 50px;position: absolute;left: 400px;top: 30px;}
.dyip .box .list_yi .list_yi_box{width: 100px;height: 100px;position: relative;}
.dyip .box .list_yi .title{width: 200px;height: 40px;line-height: 40px;background: #FFF;box-shadow: 0 0 5px rgba(0,0,0,0.2);border-radius: 30px;padding:5px;}
.dyip .box .list_yi .title i{width: 40px;height: 40px;background: #cc0000;display: block;color: #FFF;text-align: center;line-height: 40px;border-radius: 30px;float: left;}
.dyip .box .list_yi .title p{float: left;margin-left: 15px;}
.dyip .box .list_yi .pic_er{}
.dyip .box .list_yi .pic_er img{width: 100%;border-radius: 50%;border: 3px solid #FFF;}
.dyip .box .list_yi .title_box{position: absolute;left: -360px;top: 30px;}
.dyip .box .list_yi .title_box a{display: block;}
.dyip .box .list_yi .title_box a:hover{display: block;text-decoration: none;}
.dyip .box .list_yi .xian{width: 213px;height: 23px;position: absolute;left:210px;top: 12px;z-index: 100;background: url(../images/pic16.png) no-repeat;}

.dyip .box .list_san{margin-bottom: 50px;position: absolute;left: 250px;top: 440px;}
.dyip .box .list_san .list_yi_box{width: 100px;height: 100px;position: relative;}
.dyip .box .list_san .title{width: 200px;height: 40px;line-height: 40px;background: #FFF;box-shadow: 0 0 5px rgba(0,0,0,0.2);border-radius: 30px;padding:5px;}
.dyip .box .list_san .title i{width: 40px;height: 40px;background: #cc0000;display: block;color: #FFF;text-align: center;line-height: 40px;border-radius: 30px;float: left;}
.dyip .box .list_san .title p{float: left;margin-left: 15px;}
.dyip .box .list_san .pic_er{}
.dyip .box .list_san .pic_er img{width: 100%;border-radius: 50%;border: 3px solid #FFF;}
.dyip .box .list_san .title_box{position: absolute;left: -228px;top: 120px;}
.dyip .box .list_san .title_box a{display: block;}
.dyip .box .list_san .title_box a:hover{display: block;text-decoration: none;}
.dyip .box .list_san .xian{width: 84px;height: 99px;position: absolute;left:210px;top: -73px;z-index: 100;background: url(../images/pic7.png) no-repeat;}

.dyip .box .list_si{margin-bottom: 50px;position: absolute;right: 310px;top: 456px;}
.dyip .box .list_si .list_yi_box{width: 100px;height: 100px;position: relative;}
.dyip .box .list_si .title{width: 200px;height: 40px;line-height: 40px;background: #FFF;box-shadow: 0 0 5px rgba(0,0,0,0.2);border-radius: 30px;padding:5px;}
.dyip .box .list_si .title i{width: 40px;height: 40px;background: #cc0000;display: block;color: #FFF;text-align: center;line-height: 40px;border-radius: 30px;float: right;}
.dyip .box .list_si .title p{float: right;margin-right: 15px;}
.dyip .box .list_si .pic_er{}
.dyip .box .list_si .pic_er img{width: 100%;border-radius: 50%;border: 3px solid #FFF;}
.dyip .box .list_si .title_box{position: absolute;right: -240px;top: 110px;}
.dyip .box .list_si .title_box a{display: block;}
.dyip .box .list_si .title_box a:hover{display: block;text-decoration: none;}
.dyip .box .list_si .xian{width: 84px;height: 99px;position: absolute;right:210px;top: -73px;z-index: 100;background: url(../images/pic8.png) no-repeat right;}

.dyip .more{width: 260px;height: 70px;line-height: 70px;border-radius: 50px;background: #cc0000;text-align: center;margin:100px auto 0 auto;}
.dyip .more a{display: block;color: #FFF;}
.dyip .more a:hover{display: block;text-decoration: none;}

.derp{padding:90px 5%;}
.derp .about_l{max-width: 500px;background: #FFF;float: left;}
.derp .about_l .box{padding:50px 80px;}
.derp .about_l .box h2{font-size: 30px;padding-bottom: 20px;}
.derp .about_l .box .txt{line-height: 36px;color: #666;}
.derp .about_l .box .more{width: 250px;height: 70px;line-height: 70px;text-align: center;background: #cc0000;border-radius: 50px;margin:50px auto 0 auto;}
.derp .about_l .box .more a{color: #FFF;display: block;}
.derp .about_l .box .more a:hover{color: #FFF;display: block;text-decoration: none;}
.derp  ul{float: right;font-size: 0px;}
.derp  li{display: inline-block; color: #FFF;line-height: 50px;border-right: 1px solid #FFF;padding:0 30px;font-size: 16px;}
.derp  li p{font-size: 46px;}
.derp  li:last-child{border-right: none;}

.dsanp{background: #f5f5f5;padding:90px 5%;}
.dsanp .title{font-size: 36px;text-align: center;font-weight: bold;color: #333;}
.dsanp .title span{color: #cc0000;}
.dsanp ul{margin-left: -2%;margin-top: 25px;font-size: 0px;}
.dsanp li{float: left; width: 23%;margin:25px 0 5px 2%;position: relative;overflow: hidden;cursor: pointer;}
.dsanp li:nth-of-type(1){width: 48%;}
.dsanp li img{width: 100%;transition: 0.3s;}
.dsanp li:hover img{transform: scale(1.2);}
.dsanp li h2{font-size: 18px;line-height: 30px;position: absolute;left: 0%;bottom: 0px;right:0px;padding:10px 40px;background: rgba(0,0,0,0.5);color: #FFF;}


.dsip{position: relative;}
.dsip .picyi{}
.dsip .picer{display: none;}
.dsip img{width: 100%;}
.dsip .box{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);text-align: center;}
.dsip .txt{color: #FFF;font-size: 30px;}
.dsip .more{width: 250px;height: 70px;line-height: 70px;border-radius: 50px;background: #cc0000;text-align: center;margin:50px auto 0 auto;}
.dsip .more a{display: block;color: #FFF;}
.dsip .more a:hover{display: block;text-decoration: none;}


.about_banner{margin-top: 130px;padding:200px 0;}
.about_banner ul{font-size: 0px;text-align: center;}
.about_banner li{display: inline-block; color: #FFF;line-height: 50px;border-right: 1px solid #FFF;padding:0 30px;font-size: 16px;}
.about_banner li p{font-size: 46px;}
.about_banner li:last-child{border-right: none;}

.content{padding:100px 5%;}
.about{max-width: 980px;margin:0 auto;}
.about .txt{line-height: 30px;}
.about .txt p{text-indent: 2em;}


.case{padding:150px 0 30px 0;}
.case .title{text-align: center;}
.case .title h2{font-size: 42px;text-align: center;font-weight: bold;color: #333;}
.case .title h2 span{color: #cc0000;}
.case .title p{padding:30px 0;line-height: 30px;font-size: 14px;}
.case .subnav{}
.case .subnav ul{text-align: center;font-size: 0px;}
.case .subnav li{display: inline-block;font-size: 16px;width: 140px;text-align: center;overflow: hidden;margin:0 10px;}
.case .subnav li a{display: block;border: 1px solid #DDD;border-radius: 50px;height: 48px;line-height: 48px;}
.case .subnav li a:hover{display: block; text-decoration: none;}
.case .subnav li a.current{background: #cc0000;color: #FFF;border: 1px solid #cc0000;}
.case .box ul{margin-left: -2%;margin-top: 50px;font-size: 0px;}
.case .box li{float: left; width: 23%;margin:25px 0 5px 2%;position: relative;overflow: hidden;cursor: pointer;}
.case .box li:nth-of-type(1){width: 48%;}
.case .box li img{width: 100%;transition: 0.3s;}
.case .box li:hover img{transform: scale(1.2);}
.case .box li h2{font-size: 18px;line-height: 30px;position: absolute;left: 0%;bottom: -100%;right:0px;padding:10px 40px;background: rgba(0,0,0,0.5);transition: 0.3s;color: #FFF;}
.case .box li:hover h2{bottom: 0;}


.product{padding:150px 0 30px 0;}
.product .title{text-align: center;}
.product .title h2{font-size: 42px;text-align: center;font-weight: bold;color: #333;}
.product .title h2 span{color: #cc0000;}
.product .title p{padding:30px 0;line-height: 30px;font-size: 14px;}
.product .subnav{}
.product .subnav ul{text-align: center;font-size: 0px;}
.product .subnav li{display: inline-block;font-size: 16px;width: 140px;text-align: center;overflow: hidden;margin:0 10px;}
.product .subnav li a{display: block;border: 1px solid #DDD;border-radius: 50px;height: 48px;line-height: 48px;}
.product .subnav li a:hover{display: block; text-decoration: none;}
.product .subnav li a.current{background: #cc0000;color: #FFF;border: 1px solid #cc0000;}
.product .box ul{margin-left: -2%;margin-top: 50px;font-size: 0px;}
.product .box li{float: left; width: 23%;margin:25px 0 5px 2%;position: relative;overflow: hidden;cursor: pointer;}
.product .box li img{width: 100%;transition: 0.3s;}
.product .box li:hover img{transform: scale(1.2);}
.product .box li h2{font-size: 18px;line-height: 30px;position: absolute;left: 0%;bottom: -100%;right:0px;padding:10px 40px;background: rgba(0,0,0,0.5);transition: 0.3s;color: #FFF;}
.product .box li:hover h2{bottom: 0;}
.product .box li a{color: #FFF;}
.product .box li a:hover{color: #FFF;text-decoration: none;}



.fenye{padding-top: 30px;}
.fenye ul{font-size: 0px;text-align: center;}
.fenye li{display: inline-block;font-size: 18px;width: 50px;height: 50px;line-height: 50px;text-align: center;border: 1px solid #999;margin:0 3px;}
.fenye li a{display: block;}
.fenye li a:hover{display: block;text-decoration: none;}
.fenye li.current{border: 1px solid #da251d;background: #da251d;}
.fenye li.current a{color: #FFF;}


.contact{padding-top:250px;}
.contact .title{text-align: center;}
.contact .title h2{font-size: 42px;text-align: center;font-weight: bold;color: #333;}
.contact .title h2 span{color: #cc0000;}
.contact .title p{padding:30px 0;line-height: 30px;font-size: 14px;}
.contact .liuyan{padding-bottom: 60px;}
.contact .liuyan .zxly_er{max-width: 980px;margin:30px auto;}
.contact .liuyan .zxly_er ul{}
.contact .liuyan .zxly_er li{ width:45%; margin-bottom: 30px;}
.contact .liuyan .zxly_er li:nth-of-type(odd){float: left;}
.contact .liuyan .zxly_er li:nth-of-type(even){float: right;}
.contact .liuyan .zxly_er li p{font-weight: bold;padding-bottom: 10px;}
.contact .liuyan .zxly_er li p span{color: #cc0000;}
.contact .liuyan .zxly_er li .input_txt{ width:96%; height:56px; border:1px solid #999; outline:medium; padding:0 2%; font-family:"微软雅黑";}
.contact .liuyan .zxly_er .textarea{  margin:0;}
.contact .liuyan .zxly_er .textarea textarea{ width:98%; height:100px; border:1px solid #999; outline:medium; padding:1%; font-family:"微软雅黑";}
.contact .liuyan .zxly_er .textarea p{font-weight: bold;padding-bottom: 10px;}
.contact .liuyan .zxly_er .textarea p span{color: #cc0000;}
.contact .liuyan .zxly_er .more{margin-top:50px;text-align: center;}
.contact .liuyan .zxly_er .input_btn{ width:250px; height:70px; font-family:"微软雅黑"; border:0 none; margin-right:5px; color:#FFF; background:#cc0000;border-radius: 50px;cursor: pointer;outline: medium;}


.lxfs{background: #F5F5F5;padding:100px 0;}
.lxfs h2{font-size: 42px;font-weight: bold;color: #333;}
.lxfs h2 span{color: #cc0000;}
.lxfs .box{max-width: 500px;margin:0px auto;}
.lxfs .box ul{}
.lxfs .box li{line-height: 30px;padding:10px 0;}
.lxfs .box li i{margin-right: 10px;font-size: 20px;}


.con_xiangqing{margin-top: 150px;}
.product_con_t{background: #FFF;}
.product_con_t .pic{width: 50%;float: left;border: 1px solid #999;}
.product_con_t .pic img{width: 100%;}
.product_con_t .product_con_t_r{width: 45%;float: right;}
.product_con_t .product_con_t_r .title{border-bottom: 1px solid #999;padding-bottom: 20px;}
.product_con_t .product_con_t_r .title h2{font-size: 30px; color: #333;float: left;width: 70%;text-transform: uppercase;}
.product_con_t .product_con_t_r .title .page{float: right;}
.product_con_t .product_con_t_r .title .page a{display: block;float: left;}
.product_con_t .product_con_t_r .title .page a:hover{text-decoration: none;display: block;}
.product_con_t .product_con_t_r .title .page i{width: 40px;height: 40px;line-height: 40px;text-align: center;display: block;background: #F5F5F5;margin-left: 10px;transition: 0.3s;font-size: 22px;}
.product_con_t .product_con_t_r .title .page i:hover{background: #cc0000;color: #FFF;}


.product_con_t .product_con_t_r .text{}
.product_con_t .product_con_t_r .text h2{font-size: 24px;color:#333;padding-top: 40px;margin-bottom: 10px;}
.product_con_t .product_con_t_r .text p{line-height: 30px;color: #999;}
.product_con_b{background: #FFF;margin-top: 50px;margin-bottom: 50px;}
.product_con_b h2{height: 80px;text-align: center;line-height: 80px;font-size: 24px;border-bottom: 1px solid #999;color: #cc0000;}
.product_con_b .box{padding:50px 0;line-height: 30px;}
.product_con_b .box p{margin-bottom: 20px;text-indent: 2em;}


.recommended{margin-bottom: 80px;}
.recommended h2{height: 80px;line-height: 80px;font-size: 36px;color:#333;}
.recommended ul{margin-left: -3%;text-align: center;}
.recommended li{float: left;margin-left: 3%;background: #FFF;margin-bottom: 30px;width: 22%;overflow: hidden;}
.recommended li img{width: 100%;}
.recommended li p{padding:20px;font-size: 18px;text-transform: uppercase;}