@charset "utf-8";
/* CSS Document */
.banner{margin-top: 70px;}
.banner img{width: 100%;}

.dyip{padding:70px 10%;}
.dyip .title{text-align: center;}
.dyip .title h2{font-size: 36px;font-weight: bold;color: #148ae0;}
.dyip .title p{color: #979797;font-size: 16px;margin-top: 10px;}
.dyip .hd{margin-top: 30px;border-top: 1px solid #EEE;border-bottom: 1px solid #EEE;}
.dyip .hd ul{text-align: center;font-size: 0px;}
.dyip .hd li{display: inline-block;font-size: 16px;height: 60px;line-height: 60px;padding: 0 30px;margin: 0 10px;cursor: pointer;border-radius: 30px;color: #666;}
.dyip .hd li.on{color: #148ae0;}
.dyip .bd{margin-top: 30px;}
.dyip .bd .list{width: 50%;float: left;border: 1px solid #EEE;position: relative;}
.dyip .bd .list .pic{overflow: hidden;}
.dyip .bd .list img{width: 100%;transition: all 0.3s;}
.dyip .bd .list:hover img{transform: scale(1.2);}
.dyip .bd .list p{position: absolute;left: 0px;right: 0;bottom: 0px;line-height: 40px;text-align: center;}
.dyip .bd ul{width: 49%;float: right;}
.dyip .bd li{margin-bottom: 2%;box-sizing: border-box;border: 1px solid #EEE;}
.dyip .bd li a{color: #333;font-size: 0px;display: block;}
.dyip .bd li .pic{width: 50%;display: inline-block;vertical-align: middle;overflow: hidden;}
.dyip .bd li img{width: 100%;transition: all 0.3s;}
.dyip .bd li:hover img{transform: scale(1.2);}
.dyip .bd li .txt{width: 46%;display: inline-block;vertical-align: middle;margin-left: 4%;}
.dyip .bd li h2{font-size: 18px;line-height: 50px;}
.dyip .bd li p{font-size: 14px;}

.derp{padding: 70px 10%;font-size: 0px;}
.derp .pic{width: 48%;display: inline-block;vertical-align: middle;}
.derp .pic img{width: 100%;}
.derp .right{width: 48%;color: #FFF;display: inline-block;vertical-align: middle;margin-left: 4%;}
.derp .right h2{font-size: 30px;font-weight: bold;}
.derp .right .xian{width: 50px;height: 3px;background: #FFF;margin-top: 30px;}
.derp .right .txt{margin-top: 30px; line-height: 30px;font-size: 16px;}
.derp .right .txter{margin-top: 20px; line-height: 30px;font-size: 16px;}
.derp .right .txter span{font-weight: bold;}
.derp .right .more{width: 160px;height: 40px;line-height: 40px;border: 2px solid #FFF;border-radius: 50px;text-align: center;margin-top: 30px;font-size: 16px;}
.derp .right .more a{display: block;color: #FFF;}
.derp .right .more a:hover{display: block;text-decoration: none;}

.dwup{padding:70px 10%;}
.dwup .title{text-align: center;}
.dwup .title h2{font-size: 36px;font-weight: bold;color: #148ae0;}
.dwup .title p{color: #979797;font-size: 16px;margin-top: 10px;}
.dwup ul{margin-left: -2%;margin-top: 30px;display: flex;}
.dwup li{width: 23%;margin-left: 2%;box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);}
.dwup li .box{padding:20px;}
.dwup li .pic img{width: 100%;}
.dwup li h2{font-size: 18px;}
.dwup li p{margin-top: 15px;font-size: 16px;line-height: 24px;color: #888;height: 48px;overflow: hidden;}
.dwup li .more{margin-top: 30px;}
.dwup li .more a{color: #888;}
.dwup li .more a:hover{color: #888;text-decoration: none;color: #148ae0;}

.dqwz{background: #F5F5F5;padding:14px 10%;border-bottom: 2px solid #FFF;}
.dqwz a:hover{text-decoration: none;}
.dqwz .txt span{margin:0 5px;}
.dqwz i{font-size: 12px;padding: 0 10px;color: #CCC;}

.banner_ny{margin-top: 70px;position: relative;}
.banner_ny img{width: 100%;}
.banner_ny .title{text-align: center;position: absolute;left: 0px;top: 0px;right: 0px;bottom: 0px;display: flex;align-items: center;justify-content: center;color: #FFF;flex-flow: column;}
.banner_ny .title h2{font-size: 40px;}
.banner_ny .title p{font-size: 16px;margin-top: 15px;}

.subnav{width: 20%;float: left;}
.subnav h2{height: 50px;line-height: 50px;background: #333;color: #FFF;font-size: 18px;font-weight: bold;padding: 0 8%;}
.subnav ul{margin-top: 5px;}
.subnav li{font-size: 16px;line-height: 40px;background: #CCC;margin-bottom: 5px;}
.subnav li a{display: block;padding: 0 8%;}
.subnav li a:hover{display: block;text-decoration: none;padding: 0 8%;background: #148ae0;font-weight: bold;color: #FFF;}
.subnav li a.current{background: #148ae0;font-weight: bold;color: #FFF;}
.subnav li a.current:before{opacity: 1;visibility: visible;}

.con{padding: 50px 10%;}

.con_r{width: 77%;float: right;}
.about{line-height: 30px;}
.about p{padding-bottom: 20px;}

.con_r .gongchang ul{margin-left: -2%;}
.con_r .gongchang li{width: 31.333%;float: left;margin-left: 2%;text-align: center;line-height: 40px;margin-bottom: 2%;box-sizing: border-box;border: 1px solid #CCC;}
.con_r .gongchang li img{width: 100%;}
.con_r .gongchang li p{background: #F5F5F5;}


.about_dsip{padding:50px 0;border-bottom: 2px solid #F5F7F9;}
.about_dsip .title{font-size: 30px;font-weight: bold;}
.about_dsip .rongyu{margin-top: 40px;}
.about_dsip .swiper-slide img{width: 100%;}
.about_dsip .swiper-slide{text-align: center;}
.about_dsip .swiper-slide p{line-height: 50px;font-size: 16px;}

.products{border-top: 2px solid #DDD;}
.products ul{padding: 15px 0;border-bottom: 1px solid #DDD;line-height: 30px;}
.products li p{float: left;margin:1px 0 1px 2%;}
.products li p:nth-of-type(1){width: 10%;margin-left: 0%;}
.products li p:nth-of-type(2){width: 16%;}
.products li p:nth-of-type(3){width: 16%;}
.products li p:nth-of-type(4){width: 16%;}
.products li p:nth-of-type(5){width: 16%;}
.products li p:nth-of-type(6){width: 16%;}
.products li img{width: 80%;}

.products .param_list li:nth-of-type(odd) p{background: #F5F5F5;}

.products .param_title li p:nth-of-type(3){width: 68%;}
.products .porducts_con li p:nth-of-type(3){width: 68%;}

.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;background: #FFF;}
.fenye li a{display: block;}
.fenye li a:hover{display: block;text-decoration: none;}
.fenye li.current{border: 1px solid #148ae0;background: #148ae0;}
.fenye li.current a{color: #FFF;}



.gongye{line-height: 30px;}
.gongye p{padding-bottom: 20px;text-indent: 2em;}

.news ul{margin-left: -1%;}
.news li{float: left;width: 24%;margin-left: 1%;background: #FFF;margin-bottom: 20px;}
.news li .pic{overflow: hidden;}
.news li .pic img{width: 100%;transition: all 0.3s;}
.news li:hover .pic img{width: 100%;transform: scale(1.2);}
.news li .txt{padding: 30px;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);}
.news li .txt .sj{color: #999;margin-bottom: 20px;font-size: 14px;}
.news li .txt h2{font-size: 18px;}
.news li .txt h2 a:hover{text-decoration: none;}
.news li .txt p{margin-top: 20px;line-height: 30px;height: 60px;overflow: hidden;color: #666;}
.news li .txt .more{margin-top: 20px;width: 36px;height: 36px;line-height: 36px;border: 1px solid #CCC;border-radius: 50px;text-align: center;}
.news li .txt .more a{display: block;}
.news li .txt .more a:hover{display: block;text-decoration: none;}
.news li .txt .more i{font-size: 18px;color: #999;}

.news_con .box{background: #FFF;padding: 50px;}
.news_con .title{text-align: center;}
.news_con .title h2{font-size: 24px;padding:20px 0;}
.news_con .title p{margin-top: 10px;color: #999;}
.news_con .txt{line-height: 30px;margin-top: 50px;}
.news_con .txt p{padding-bottom: 10px;}

.syt{line-height: 30px;margin-top: 20px;position: relative;border-top: 1px solid #EEE;padding-top: 30px;}
.syt li{width: 150px;height: 40px;line-height: 40px;border: 1px solid #EEE;text-align: center;}
.syt li:nth-of-type(1){float: left;}
.syt li:nth-of-type(2){float: right;}
.syt li a{display: flex;align-items: center;justify-content: center;}
.syt li a:hover{display: flex;align-items: center;justify-content: center;text-decoration: none;background: #148ae0;color: #FFF;}
.syt li i{font-size: 18px;}
.syt li:nth-of-type(1) i{margin-right: 8px;}
.syt li:nth-of-type(2) i{margin-left: 8px;}
.back{width: 140px;height: 40px;line-height: 40px;background: #148ae0;position: absolute;left: 50%;top: 30px;margin-left: -70px;}
.back a{color: #FFF;display: flex;align-items: center;justify-content: center;}
.back a:hover{color: #FFF;text-decoration: none;}
.back a i{margin-right: 8px;font-size: 18px;}

.liuyan .title{font-size: 24px;text-align: center;margin-top: 50px;}
.liuyan .txt{text-align: center;margin-top: 10px;}
.liuyan ul{margin-left: -2%;margin-top: 30px;}
.liuyan li{ width:48%; margin-bottom: 10px;float: left;margin-left: 2%;}
.liuyan li p{padding-bottom: 5px;}
.liuyan li .input_txt{ width:100%; height:50px; border:2px solid #EEE; outline:medium; padding:0 2%; font-family:'Conv_tt1161m_';box-sizing: border-box;font-size: 16px;}
.liuyan .textarea{  margin:0;}
.liuyan .textarea textarea{ width:100%; height:100px; border:2px solid #EEE; outline:medium; padding:1%;box-sizing: border-box;font-size: 16px;}
.liuyan .textarea p{font-weight: bold;padding-bottom: 10px;}
.liuyan .more{margin-top:10px;}
.liuyan .input_btn{ width:150px; height:50px; font-family:'Conv_tt1161m_'; border:0 none; margin-right:10px; color:#FFF; background:#148ae0;cursor: pointer;outline: medium;font-size: 18px;}

.con .contact .title{border-bottom: 1px solid #DDD;padding:20px 0;font-size: 24px;text-align: center;}
.con .contact .box{line-height: 30px;background: #148ae0;}
.con .contact .txt{float: left;width: 40%;box-sizing: border-box;padding: 40px;}
.con .contact .txt li{padding-bottom: 20px;display: flex;}
.con .contact .txt li h2{color: #FFF;line-height: 30px;font-size: 18px;font-weight: bold;}
.con .contact .txt li i,.con .contact .txt li em{font-size: 30px;margin-right: 10px;color: #FFF;}
.con .contact .txt li p{font-size: 14px;line-height: 24px;color: #FFF;}
.con .contact .txt li .txter{text-align: left;}
#map_container{width: 60%; height:500px;float: right;}