@charset "utf-8";
/* CSS Document */
.banner{margin-top: 110px;}
.banner .swiper-slide{position: relative;text-align: center;}
.banner .swiper-slide img{width: 100%;}
.banner .swiper-slide .pc{}
.banner .swiper-slide .m{display: none;}
.banner .swiper-slide .title{padding-top: 8%;position: absolute;left: 0;top: 0;right: 0;}
.banner .swiper-slide .title .txtyi{}
.banner .swiper-slide .title .txtyi h2{font-size: 60px;transition: all 0.6s;}
.banner .swiper-slide .title .txtyi p{font-size: 30px;transition: all 0.6s;}
.banner .swiper-slide .title .txter{padding-top: 5%;}
.banner .swiper-slide .title .txter h2{font-size: 30px;}
.banner .swiper-slide .title .txter p{font-size: 19px;}
.banner .swiper-slide .yi{color: #fff;}
.banner .swiper-pagination-bullets{bottom: 20px;}
.banner .swiper-pagination .swiper-pagination-bullet{margin:0 7px;}
.banner .swiper-pagination-bullet{width: 10px;height: 10px;background: none;opacity: 0.5;border:2px solid #FFF;}
.banner .swiper-pagination-bullet-active{background: #FFF;opacity: 1;border:2px solid #FFF;}
.banner .swiper-button-next,.banner .swiper-button-prev{background: none;width: 50px;height: 50px;text-align: center;line-height: 50px;margin-top: -25px;outline: medium;}
.banner .swiper-button-next i,.banner .swiper-button-prev i{font-size: 40px;color: #FFF;}


.dyip{padding:70px 0;}
.dyip .title{text-align: center;}
.dyip .title .bt{font-size: 30px;font-weight: bold;}
.dyip .title .xian{height: 1px;background: #CCC;width: 350px;margin:8px auto 0 auto;}
.dyip .title p{margin-top: 10px;color: #999;}
.dyip .index_product{margin-top: 50px;}
.dyip .swiper-slide{position: relative;overflow: hidden;border:1px solid #EEE;box-sizing: border-box;}
.dyip .swiper-slide .pic{overflow: hidden;}
.dyip .swiper-slide img{width: 100%;transition: all 0.3s;}
.dyip .swiper-slide h2{font-size: 16px;height: 40px;line-height: 40px;text-align: center;background: #F5F5F5;}
.dyip .swiper-slide h2 a{display: block;transition: all 0.3s;}
.dyip .swiper-slide:hover h2 a{display: block;text-decoration: none;background: #cd3301;color: #FFF;}


.derp{background: #cd3301;padding:100px 0;}
.derp .title{font-size: 30px;color: #FFF;font-weight: bold;}
.derp .box{background: rgba(205,51,1,0.8);position: relative;}
.derp .box .left{width: 50%;float: left;}
.derp .box .left img{width: 100%;}
.derp .box .right{float: right;width: 44%;padding:3%;color: #FFF;}
.derp .box .right .txt{line-height: 24px;margin-top: 20px;}
.derp .box .right .more{background: #FFF;height: 40px;line-height: 40px;width: 50%;text-align: center;position: absolute;right: 0px;bottom: 0px;}
.derp .box .right .more a{display: block;color: #cd3301;}
.derp .box .right .more a:hover{display: block;text-decoration: none;}


.dsanp{padding:70px 0;}
.dsanp .title{text-align: center;}
.dsanp .title .bt{font-size: 30px;font-weight: bold;}
.dsanp .title .xian{height: 1px;background: #CCC;width: 190px;margin:8px auto 0 auto;}
.dsanp .title p{margin-top: 10px;color: #999;}
.dsanp ul{margin-top: 50px;margin-left: -3%;}
.dsanp li{float: left;position: relative;width: 22%;margin-left: 3%;}
.dsanp li img{width: 100%;transition: all 0.3s;}
.dsanp li h2{font-size: 16px;height: 40px;line-height: 40px;text-align: center;background: #F5F5F5;position: absolute;left: 0px;right: 0px;bottom: 0px;}
.dsanp li h2 a{display: block;transition: all 0.3s;}
.dsanp li:hover h2 a{display: block;text-decoration: none;background: #cd3301;color: #FFF;}


.dsip{padding:70px 0;}
.dsip .title{text-align: center;}
.dsip .title .bt{font-size: 30px;font-weight: bold;}
.dsip .title .xian{height: 1px;background: #CCC;width: 90px;margin:10px auto 0 auto;}
.dsip .title p{margin-top: 10px;color: #999;}
.dsip .box{margin-top: 50px;}
.dsip .box .left{width: 49%;position: relative;float: left;}
.dsip .box .left .pic{}
.dsip .box .left .pic img{width: 100%;}
.dsip .box .left h2{position: absolute;left: 0px;bottom: 0px;right: 0px;height: 50px;line-height: 50px;text-align: center;background: rgba(0,0,0,0.5);font-weight: bold;color: #FFF;}
.dsip .box .left h2 a{display: block;color: #FFF; line-height: 25px;}
.dsip .box .left h2 a:hover{display: block;color: #FFF;text-decoration: none;}
.dsip .box .right{float: right;width: 49%;}
.dsip .box .right ul{}
.dsip .box .right li{background: #FFF;margin-bottom: 11px;padding:19px 15px;transition: all 0.3s;}
.dsip .box .right li:hover{background: #cd3301;}
.dsip .box .right li .riqi{width: 100px;text-align: center;float: left;color:#cd3301;border-right: 1px solid #DDD;padding:10px 0;}
.dsip .box .right li:hover .riqi{color:#FFF;}
.dsip .box .right li .riqi p{font-size: 20px;}
.dsip .box .right li .riqi .qi{margin-top: 5px;}
.dsip .box .right li .txt{margin-left: 130px;}
.dsip .box .right li .txt h2{font-size: 16px;font-weight: bold;height: 24px;line-height: 24px;overflow: hidden;}
.dsip .box .right li:hover .txt h2 a{color: #FFF;text-decoration: none;}
.dsip .box .right li .txt p{color: #999;line-height: 18px;margin-top: 10px;height: 36px;overflow: hidden;}
.dsip .box .right li:hover .txt p{color: #FFF;}


.dwup{padding:70px 0;}
.dwup .title{text-align: center;}
.dwup .title .bt{font-size: 30px;font-weight: bold;}
.dwup .title .xian{height: 1px;background: #CCC;width: 290px;margin:8px auto 0 auto;}
.dwup .title p{margin-top: 10px;color: #999;}
.dwup .index_huoban{margin-top:30px;}
.dwup .swiper-slide{box-sizing:border-box;border:1px solid #CCC;}
.dwup .swiper-slide img{width: 100%;transition: all 0.3s;}



.subnav{float: left;width: 24%;}
.subnav h2{font-size: 24px;}
.subnav ul{padding-top: 20px;}
.subnav li{font-size: 14px;line-height: 34px;border-bottom: 1px solid #EEE;}
.subnav li a{display: block;}
.subnav li a:hover{display: block;text-decoration: none;}
.subnav li a.current{color: #cd3301;}


.banner_pic{margin-top: 110px;}
.banner_pic img{width: 100%;}
.banner_pic .pc{}
.banner_pic .m{display: none;}


.con{padding:50px 0;}
.con_r{width: 74%;float: right;}
.con_r h2{font-size: 24px;padding-bottom: 20px;}
.about{line-height: 24px;}
.about .bt{font-weight:bold;}
.about p{padding-bottom: 20px;}
.about ul{margin-left: -2%;}
.about li{float: left;width: 31.333%;margin-left: 2%;text-align: center;line-height: 30px;margin-bottom: 20px;}
.about img{width: 100%;}

.development{}
.development ul{}
.development li{line-height: 24px;padding:10px 0;border-bottom: 1px solid #EEE;}

.culture{line-height: 24px;}
.culture .bt{font-weight: bold;}
.culture p{padding-bottom: 10px;}
.culture img{max-width: 100%;}

.pic_list{}
.pic_list .list{margin-top: 50px;}
.pic_list .list h3{font-weight: bold;text-align: center;margin-bottom: 20px;}
.pic_list .list .bt{font-weight: normal;color: #cd3301;}
.pic_list .list ul{margin-left: -1%;margin-top: 10px;}
.pic_list .list li{float: left;width: 19%;margin-left: 1%;margin-bottom: 1%;box-sizing:border-box;border:1px solid #CCC;}
.pic_list .list li img{width: 100%;}

.hangye{line-height: 30px;}
.hangye p{padding-bottom: 20px;}

.capabilityyi .box{margin-top: 40px;}
.capabilityyi img{max-width:100%;}
.capabilityyi .list{margin-bottom: 60px;}
.capabilityyi .list .pic{float: left;width: 66%;}
.capabilityyi .list .pic img{width: 100%;}
.capabilityyi .list .right{float: right;}
.capabilityyi .list .right h3{font-weight: bold;margin-bottom: 10px;line-height: 30px;font-size: 18px;}
.capabilityyi .list .right h4{font-size: 16px;margin-bottom:15px;}
.capabilityyi .list .right .txt{line-height: 24px;}
.capabilityyi .list .right .txt p{padding-bottom:10px;}

.capabilityyi .list_er{margin-bottom: 40px;}
.capabilityyi .list_er .pic{float: left;width: 30%;}
.capabilityyi .list_er .pic img{width: 100%;}
.capabilityyi .list_er .right{float: right;width: 66%;}
.capabilityyi .list_er .right h3{font-weight: bold;margin-bottom: 30px;line-height: 30px;font-size: 18px;}
.capabilityyi .list_er .right h4{font-size: 16px;margin-bottom:15px;}
.capabilityyi .list_er .right .txt{line-height: 30px;}
.capabilityyi .list_er .right .txt p{padding-bottom:10px;}


.products_list{padding:50px 8%;background: #f4f4f4;}
.products{}
.products ul{margin-left: -4%;}
.products li{float: left;width: 46%;margin-left: 4%;margin-bottom: 4%;position: relative;overflow: hidden;}
.products li .pic{border:3px solid #DDD;width: 46%;box-shadow: 0 0 15px rgba(0,0,0,0.5);float: left;box-sizing: border-box;position: relative;z-index: 2;margin-bottom: 16px;}
.products li img{width: 100%;}
.products li .title{z-index: 3;position: relative;float: right;width: 46%;margin-right: 2%;}
.products li h3{font-size: 18px;height: 24px;line-height: 24px;font-weight: bold;padding-top:15px;}
.products li:before{position: absolute;right: 0;top: 0;width: 80%;height: 100%;content: "";background-image: linear-gradient(to top, #e1e1e1 0%, #fbfbfb 100%);}


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


.products_con .products_con_t{}
.products_con .products_con_t .left{width: 50%;float: left;}
.gallery-top{}
.gallery-top .swiper-pagination .swiper-pagination-bullet{margin:0 3px;}
.gallery-top .swiper-pagination-bullet{width: 6px;height: 6px;background: #333;opacity: 0.1;}
.gallery-top .swiper-slide img{width: 100%;}
.gallery-top .swiper-pagination-bullet-active{background: #333;opacity: 1;}
.gallery-top .swiper-button-next,.gallery-top .swiper-button-prev{background: none;width: 50px;height: 50px;text-align: center;line-height: 50px;margin-top: -25px;outline: medium;}
.gallery-top .swiper-button-next i,.gallery-top .swiper-button-prev i{font-size: 40px;color: #FFF;}
.gallery-thumbs{margin-top: 10px;}
.gallery-thumbs .swiper-slide {border:1px solid #CCC;box-sizing: border-box;}
.gallery-thumbs .swiper-slide img{width: 100%;}
.gallery-thumbs .swiper-slide-thumb-active {border:1px solid #cd3301;}

.products_con .products_con_t .right{width: 47%;float: right;background: #FFF;box-sizing: border-box;padding:30px;}
.products_con .products_con_t .right h2{font-size: 20px;font-weight: bold;padding:10px 0;border-bottom: 1px solid #DDD;}
.products_con .products_con_t .right .txt{line-height: 24px;padding-top: 10px;}


.products_con .products_con_b{line-height: 30px;padding:50px 0;}
.products_con .products_con_b h2{font-size: 24px;}
.products_con .products_con_b .txt{margin-top: 20px;color: #666;}
.products_con .products_con_b img{max-width: 100%;}
.products_con .products_con_b .txt p{}
.products_con .products_con_b .jscs{margin-top: 50px;}


.news{}
.news ul{}
.news li{margin-bottom: 30px;background: #FFF;border-bottom: 1px dashed #DDD;padding-bottom: 30px;}
.news li .riqi{width: 100px;text-align: center;float: left;color:#cd3301;padding:10px 0;}
.news li .riqi p{font-size: 20px;color:#cd3301;}
.news li .riqi .qi{margin-top: 5px;}
.news li .pic{float: left;width: 200px;}
.news li img{width: 100%;}
.news li .txt{padding-left:340px;}
.news li h2{font-size: 18px;line-height: 30px;height: 30px;overflow: hidden;}
.news li p{color: #999;margin-top: 10px;}
.news li a:hover{text-decoration: none;}
.news li .sj{margin-top: 20px;}


.news_con{padding:60px 8%;}
.news_con .title{padding-bottom: 20px;text-align: center;}
.news_con .title h2{font-size: 30px;}
.news_con .title p{font-size: 16px;margin-top: 20px;color: #999;}
.news_con .box{line-height: 24px;margin-top: 20px;border-bottom: 1px solid #CCC;padding-bottom: 30px;}
.news_con .box p{padding-bottom: 20px;}
.news_con .box img{max-width: 100%;}
.news_con .more{width: 100px;height: 36px;line-height: 36px;border:1px solid #CCC;text-align: center;margin-top: 30px;}
.news_con .more a{display: block;}
.news_con .more a:hover{display: block;text-decoration: none;}


.contact{}
.contact h3{font-size: 16px;font-weight: bold;}
.contact .txt{line-height: 30px;margin-bottom: 20px;}
#map_container{ height:400px;}


.message{}
.message .pic{width: 49%;float: left;}
.message .pic img{width: 100%;}
.zxly{float: right;width: 49%;}
.zxly .hd{margin-bottom:10px;}
.zxly .hd li{float: left;padding:0 15px;height: 40px;line-height: 40px;margin-right: 10px;background: #DDD;cursor: pointer;}
.zxly .hd li.on{background: #cd3301;color: #FFF;cursor: pointer;}
.zxly .bd ul{}
.zxly .bd li{ margin-bottom: 9px;}
.zxly .bd li p{padding-bottom: 5px;}
.zxly .bd li p span{color: #cde18f;}
.zxly .bd li .input_txt{ width:100%; height:36px; border:1px solid #999; outline:medium; padding:0 2%; font-family:'Conv_tt1161m_';box-sizing: border-box;}
.zxly .textarea{  margin:0;}
.zxly .textarea textarea{ width:100%; height:100px; border:1px solid #999; outline:medium; padding:1%;box-sizing: border-box;}
.zxly .textarea p{padding-bottom: 5px;}
.zxly .textarea p span{color: #cde18f;}
.zxly .more{margin-top:20px;}
.zxly .input_btn{ width:100%; height:50px; font-family:'Conv_tt1161m_'; border:0 none; color:#FFF; background:#cd3301;cursor: pointer;outline: medium;font-size: 18px;}