@charset "utf-8";
/* CSS Document */
.banner{position: relative;}
.banner .bg{position: absolute;left: 0px;top: 0px;right: 0px;height: 200px;background: url(../images/pic20.png) repeat-x;z-index: 100;}
.gallery-top img{width: 100%;}
.gallery-top .m{display: none;}
.gallery-thumbs{box-sizing: border-box;position: absolute;left: 50%;bottom: 40px;width: 360px;margin-left: -180px;}
.gallery-thumbs .swiper-slide{border: 2px solid #FFF;cursor: pointer;box-sizing: border-box;}
.gallery-thumbs .swiper-slide-thumb-active{border: 2px solid #05356e;}
.gallery-thumbs .swiper-slide img{width: 100%;}

.dyip{border-bottom: 2px solid #DDD;}
.dyip li{float: left;width: 25%;border-left: 2px solid #DDD;box-sizing: border-box;background: #FFF;position: relative;height: 450px;}
.dyip li .pic{width: 50%;position: absolute;right: 30px;bottom: 40px;transition: all 1s;}
.dyip li:hover .pic{width: 55%;}
.dyip li img{width: 100%;}
.dyip li .txt{position: absolute;left: 50px; top: 60px;}
.dyip li .txt p{font-size: 36px;font-style: italic;font-weight: bold;color: #333;}
.dyip li .txt h2{font-size: 24px;color: #333;font-weight: 300;}
.dyip li .txt .more{font-size: 14px;margin-top: 100px;height: 30px;line-height: 30px;position: relative;width: 140px;text-align: center;color:#333;transition: all 0.3s;}
.dyip li:hover .txt .more{color:#FFF;}
.dyip li .txt .more span{position: relative;z-index: 2;}
.dyip li .txt .more:after{content: '';display: block;width: 100%;height: 100%;transform: skew(-20deg, 0deg);border: 1px solid #333;position: absolute;left: 0;top: 0;z-index: 1;transition: all 0.3s;}
.dyip li:hover .txt .more:after{background: #05356e;}
.dyip li a{display: block;height: 100%;width: 100%;}

.derp{margin:50px 0;background:url(../images/pic11.jpg) no-repeat center fixed;}
.derp .box{padding:100px 5%;background: rgba(0, 0, 0, 0.6);font-size: 0px;}
.derp .left{width: 40%;color: #FFF;display: inline-block;vertical-align: middle;margin-right: 8%;}
.derp .left h2{font-size: 40px;}
.derp .left p{font-size: 18px;margin-top: 30px;line-height: 40px;}
.derp .left .more{font-size: 14px;margin-top: 50px;height: 40px;line-height: 40px;position: relative;width: 140px;text-align: center;color:#333;transition: all 0.3s;}
.derp .left .more span{position: relative;z-index: 2;display: block;}
.derp .left .more:after{content: '';display: block;width: 100%;height: 100%;transform: skew(-20deg, 0deg);border: 1px solid #FFF;position: absolute;left: 0;top: 0;z-index: 1;transition: all 0.3s;}
.derp .left .more:hover:after{background: #FFF;}
.derp .left .more a{display: block;width: 100%;color:#FFF;}
.derp .left .more:hover a{display: block;text-decoration: none;color:#05356e;}
.derp ul{width: 52%;display: inline-block;vertical-align: middle;}
.derp li{float: left;width: 30.333%;margin-left: 3%;position: relative;overflow: hidden;}
.derp li .pic img{width: 100%;transition: all 0.3s;}
.derp li:hover .pic img{transform: scale(1.2);}
.derp li .txt{position: absolute;left: 0px;bottom: 0px;right: 0px;color: #FFF;padding:0 30px 40px 30px;background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);transition: all 0.3s;}
.derp li .txt h2{font-size: 24px;margin-bottom: 10px;}
.derp li .txt p{font-size: 14px;}

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

.dsip{padding:100px 5%;}
.dsip .box{width: 50%;color: #FFF;}
.dsip .box h2{font-size: 40px;font-weight: bold;}
.dsip .box .txt{line-height: 30px;margin-top: 20px;}
.dsip .box .more{width: 160px;height: 50px;line-height: 50px;text-align: center;background: #FFF;margin-top: 30px;border-radius: 50px;}
.dsip .box .more a{display: block;}
.dsip .box .more a:hover{display: block;text-decoration: none;}

.bannerny{position: relative;}
.bannerny .bg{position: absolute;left: 0px;top: 0px;right: 0px;height: 200px;background: url(../images/pic20.png) repeat-x;z-index: 100;}
.bannerny img{width: 100%;}

.content{padding-top: 180px;}

.subnaver ul{font-size: 0px;text-align: center;}
.subnaver li{font-size: 16px;height: 50px;line-height: 50px;position: relative;width: 140px;text-align: center;color:#333;transition: all 0.3s;display: inline-table;margin:0 15px;font-weight: bold;}
.subnaver li span{position: relative;z-index: 2;display: block;}
.subnaver li a{display: block;width: 100%;}
.subnaver li.current:after{background: #05356e;}
.subnaver li.current a{color: #FFF;}
.subnaver li a:hover{display: block;text-decoration: none;color: #FFF;}
.subnaver li:after{content: '';display: block;width: 100%;height: 100%;transform: skew(-25deg, 0deg);position: absolute;left: 0;top: 0;z-index: 1;transition: all 0.3s;background: #DDD;}
.subnaver li:hover:after{background: #05356e;}

.content_products{padding:50px 5%;}
.content_products .title{font-size: 60px;text-align: center;padding:60px 0;font-weight: bold;color: #05356e;}

.subnavsan{float: left;width: 20%;}
.subnavsan li{border-bottom: 1px solid #DDD;margin-bottom: 10px;}
.subnavsan li p{font-size: 20px;line-height: 50px;color:#333;font-weight: bold;}
.subnavsan li a:hover{text-decoration: none;}
.subnavsan li dl{margin-left: -5%;}
.subnavsan li dd{width: 45%;float: left;line-height: 30px;margin-left: 5%;margin-bottom: 10px;}
.subnavsan li dd a{display: block;}
.subnavsan li dd a:hover{display: block;color: #05356e;font-weight: bold;}
.subnavsan li dd a.current{color: #05356e;font-weight: bold;}
.subnavsan li dd a i{float: right;font-size: 12px;color: #999;}
.subnavsan li dd a.current i{font-weight: normal;color: #05356e;}
.subnavsan li dd a:hover i{color: #05356e;}

.about{margin-top: 50px;line-height: 40px;font-size: 18px;padding:0 10% 500px 10%;}

.zhengshu{margin-top: 50px;padding:0 10% 50px 10%;}
.zhengshu .box ul{margin-left: -2%;}
.zhengshu .box li{width: 23%;float: left;margin-left: 2%;text-align: center;margin-bottom: 20px;border:2px solid #CCC;box-sizing: border-box;}
.zhengshu .box li img{width: 100%;}
.zhengshu .box li p{padding:10px;}

.content_news{padding: 50px 0;}
.news{padding:0px 5% 50px 5%;}
.news ul{margin-top: 40px;margin-left: -1%;}
.news li{float: left;width: 24%;margin-left: 1%;background: #FFF;margin-bottom: 1%;}
.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: 24px;color: #999;}

.news_con{padding:0px 10% 50px 10%;}
.news_con .title{text-align: center;}
.news_con .title h2{font-size: 40px;font-weight: bold;}
.news_con .title p{font-size: 16px;margin-top: 15px;}
.news_con .box{line-height: 30px;margin-top: 30px;}
.news_con .box p{padding-bottom: 15px;}

.syt{line-height: 30px;margin-top: 20px;}
.syt a:hover{text-decoration: none;}
.back{width: 140px;height: 40px;line-height: 40px;background: #05356e;margin-top: 30px;}
.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: 12px;}

.fenye ul{font-size: 0px;text-align: center;}
.fenye li{display: inline-block;font-size: 14px;width: 40px;height: 34px;line-height: 34px;text-align: center;border: 2px solid #DDD;margin:0 6px;font-weight: bold;}
.fenye li a{display: block;color: #999;}
.fenye li a:hover{display: block;text-decoration: none;}
.fenye li.current{border: 2px solid #05356e;background: #05356e;}
.fenye li.current a{color: #FFF;}

.content_contact{padding:50px 10%;}
.content_contact .title{font-size: 40px;text-align: center;}
.content_contact .contact{line-height: 30px;background: #05356e;margin-top: 30px;}
.content_contact .contact h2{font-size: 18px;font-weight: bold;margin-bottom: 10px;}
.content_contact .contact .txt{float: left;width: 40%;box-sizing: border-box;padding:30px;color: #FFF;}
.content_contact .contact .txt a{color: #FFF;}
.content_contact .contact .txt a:hover{color: #FFF;text-decoration: none;}
#map_container{ height:500px;width: 60%;float: right;}

.liuyan{margin-top: 50px;}
.liuyan .title{font-size: 40px;text-align: center;}
.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:#05356e;cursor: pointer;outline: medium;font-size: 18px;}

.products{float: right;width: 75%;}
.products h2{font-size: 40px;}
.products_subnav{border-bottom: 1px solid #DDD;margin-top: 20px;}
.products_subnav li{float: left;line-height: 60px;font-size: 24px;margin-right: 30px;}
.products_subnav li a:hover{text-decoration: none;color: #05356e;}
.products_subnav li a.current{color: #05356e;font-weight: bold;}

.products .list ul{margin-left: -1%;margin-top: 30px;}
.products .list li{float: left;width: 49%;margin-left: 1%;margin-bottom: 1%;box-sizing: border-box;border: 2px solid #DDD;}
.products .list li .pic{width: 50%;float: left;}
.products .list li .pic img{width: 100%;}
.products .list li .txt{float: right;width: 45%;padding:30px 20px 30px 0;box-sizing:border-box;}
.products .list li .txt p{font-size: 36px;font-weight: bold;color: #333;}
.products .list li .txt h2{font-size: 26px;color: #333;font-weight: 300;}
.products .list li .txt .more{font-size: 18px;margin-top: 20px;height: 30px;line-height: 30px;color:#05356e;}
.products .list li .txt .more i{font-size: 14px;margin-left: 10px;}
.products .list li a:hover{text-decoration: none;}

.fenyeer ul{font-size: 0px;margin-top: 20px;text-align: right;}
.fenyeer li{display: inline-block;font-size: 14px;width: 40px;height: 34px;line-height: 34px;text-align: center;border: 2px solid #DDD;margin-left:12px;font-weight: bold;}
.fenyeer li a{display: block;color: #999;}
.fenyeer li a:hover{display: block;text-decoration: none;}
.fenyeer li.current{border: 2px solid #05356e;background: #05356e;}
.fenyeer li.current a{color: #FFF;}

.product_con{margin-top: 120px;}
.product_con .product_con_t{font-size: 0;}
.product_con .product_con_t .pic{width: 40%;display: inline-block;vertical-align: middle;}
.product_con .product_con_t .pic img{width: 100%;}
.product_con .product_con_t .t_r{width: 55%;display: inline-block;vertical-align: middle;margin-left: 5%;}
.product_con .product_con_t .txtyi p{font-size: 36px;font-weight: bold;color: #333;}
.product_con .product_con_t .txtyi h2{font-size: 34px;color: #333;font-weight: 300;}
.product_con .product_con_t .txt{line-height: 30px;margin-top: 10px;font-size: 16px;}
.product_con .product_con_t .pdf{width: 140px;height: 40px;line-height: 40px;text-align: center;margin-top: 30px;border: 2px solid #05356e;font-weight: bold;font-size: 14px;}
.product_con .product_con_t .pdf a{color: #05356e;display: flex;align-items: center;justify-content: center;}
.product_con .product_con_t .pdf a:hover{color: #05356e;text-decoration: none;}
.product_con .product_con_t .pdf a i{padding-right: 8px;font-size: 24px;font-weight: normal;}
.product_con .product_con_b{border-top: 1px solid #CCC;padding:30px 0;line-height: 30px;}
.product_con .product_con_b h2{font-size: 18px;font-weight: bold;}
.product_con .product_con_b img{max-width: 100%;margin:10px 0;}

.product_con .product_con_b table{border-top: 2px solid #CCC;margin-top:10px;width: 100%;}
.product_con .product_con_b	table td{border-bottom: 2px solid #CCC;padding:10px;font-size:16px;}