@charset "utf-8";
/* CSS Document */
.banner {width: 100%;height: 800px;min-width: 1200px;margin-top: 100px;}
.banner .swiper-slide {background-position: center;background-size: cover;position: relative;}

.swiper-button-next, .swiper-button-prev{width: 50px;height: 50px;}
.banner .left{right: 5%;background: url(../images/pic3.png) no-repeat right;outline: medium;}
.banner .right{left: 5%;background: url(../images/pic3.png) no-repeat left;outline: medium;height: 50px;}
.swiper-pagination-bullet{width: 10px;height: 10px;outline: medium;border: 2px solid #FFF;background: none;opacity: 1;}
.swiper-pagination-bullet-active{background: #FFF;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 20px;}


.content{min-width: 1200px;}
.dyip{padding-top: 70px;}
.dyip .title{font-size: 30px;text-align: center;}
.swiper-father{position: relative;}
.product{margin-top: 30px;}
.product .border{border: 1px solid #CCC;}
.product img{}
.product h2{font-size: 16px;text-align: center;padding-top: 15px;}
.swiper-father .left{width: 50px;height: 50px;outline: medium;left: -70px;background: url(../images/pic3.png) no-repeat left;line-height: 50px;text-align: center;cursor: pointer;}
.swiper-father .right{width: 50px;height: 50px;outline: medium;right: -70px;background: url(../images/pic3.png) no-repeat right;line-height: 50px;text-align: center;cursor: pointer;}
.translation .swiper-button-next, .swiper-button-prev{margin-top: -25px;}
.swiper-button-next-er, .swiper-button-prev-er{position: absolute;top: 170px;}


.derp{background: #f5f5f5;margin-top: 50px;padding:50px 0;}
.derp .pic{float: left;width: 500px;}
.derp .pic img{width: 500px;height: 330px;}
.derp .derp_r{float: right;width: 670px;padding-top: 20px;}
.derp .derp_r h2{font-size: 30px;}
.derp .derp_r p{padding-top: 20px;line-height: 30px;font-size: 16px;}
.derp .derp_r .more{width: 140px;height: 40px;line-height: 40px;text-align: center;border: 1px solid #CCC;margin-top: 30px;}
.derp .derp_r .more a{display: block;}
.derp .derp_r .more a:hover{display: block;text-decoration: none;}


.dsanp{padding-top: 50px;}
.dsanp .title_er{font-size: 30px;text-align: center;}
.dsanp .box{margin-top: 30px;}
.dsanp .box .left{width: 48.5%;float: left;}
.dsanp .box .left img{width: 100%;}
.dsanp .box .left .title{background: #006cb7;padding:22px 40px;color: #FFF;}
.dsanp .box .left .title h2{font-size: 22px;}
.dsanp .box .left .title a{color: #FFF;}
.dsanp .box .left .title p{margin-top: 16px;}
.dsanp .box .right{width: 48.5%;float: right;}
.dsanp .box .right ul{}
.dsanp .box .right li{background: #f7f7f7;margin-bottom: 15px;}
.dsanp .box .right li img{width: 220px;height:170px;float: left;}
.dsanp .box .right li .title{padding:40px 20px 20px 250px;}
.dsanp .box .right li .title h2{font-size: 16px;font-weight: bold;line-height: 24px;height: 48px;overflow: hidden;}
.dsanp .box .right li .title p{margin-top: 20px;color: #666;}


.con_banner{height: 300px;margin-top: 100px;min-width: 1200px;}

.dqwz{height: 40px;background: #f7f7f7;line-height: 40px;min-width: 1200px;}
.dqwz .box{background: url(../images/pic11.png) no-repeat left center; background-size: 14px;font-size: 12px;}
.dqwz .box p{padding-left: 20px;}
.dqwz .box a:hover{text-decoration: none;}


.con{margin-top: 30px;min-width: 1200px;}
.con .about{line-height: 30px;}
.con .about p{padding-bottom: 20px;}


.subnav{width: 200px;background: #FFF;box-shadow: 0 20px 30px rgba(102,102,102,0.1);border-radius: 5px;float: left;}
.subnav h2{height: 50px;line-height: 50px;background: #006cb7;border-radius: 5px 5px 0 0;padding-left: 20px;color: #FFF;font-size: 18px;}
.subnav ul{padding:10px;}
.subnav li{line-height: 30px;border-radius: 20px;box-shadow: 0 1px 1px rgba(0,0,0,0.1);padding-left: 10px;margin-bottom: 10px;}
.subnav li a{display: block;}
.subnav li a:hover{display: block;text-decoration: none;}


.con_l{width: 970px;float: right;}
.products ul{border-top: 1px solid #CCC;border-left: 1px solid #CCC;}
.products li{float: left;width: 322px;border-right: 1px solid #CCC;border-bottom: 1px solid #CCC;padding-bottom: 20px;text-align: center;}
.products li img{width: 100%;}
.products li h2{padding-top: 15px;font-size: 16px;}


.paging{margin-top: 30px;}
.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;border-radius: 3px;overflow: hidden;}
.paging li a{ display:block; color:#999;}
.paging li a:hover{ display:block; text-decoration:none; background:#006cb7; color:#FFF;}
.paging li a.current{ color:#FFF; background:#006cb7;}


.products_con_t{}
.products_con_t .pic{width: 500px;float: left;}
.products_con_t .pic img{width: 500px;}
.products_con_t .t_r{float: right; width: 440px;padding-top: 20px;}
.products_con_t .t_r h2{font-size: 24px;}
.products_con_t .t_r .txt{margin-top: 20px;line-height: 24px;}
.products_con_t .t_r .txt .bt{font-weight: bold;margin-bottom: 5px;}
.products_con_b{margin-top: 50px;}
.products_con_b h2{height: 40px;line-height: 40px;background: #006cb7;color: #FFF;padding:0 20px;font-weight: bold;}
.products_con_b .box{border-top: none;padding:0px;line-height: 24px;}


.news{}
.news ul{}
.news li{margin-bottom: 20px;}
.news li .pic{float: left;width: 220px;}
.news li .title{float: right;width: 720px;margin-top: 10px;}
.news li .title h2{font-weight: bold;line-height: 24px;}
.news li .title p{margin-top: 10px;line-height: 24px;color: #666;}


.news_con{}
.news_con .news_con_box{}
.news_con .title{border-bottom: 1px solid #EEE;padding-bottom: 30px;}
.news_con .title h2{font-size: 24px;}
.news_con .title p{font-size: 12px;color: #999;}
.news_con .box{line-height: 30px;margin-top: 30px;}
.news_con .box p{padding-bottom: 10px;}
.news_con .box img{width: 100%;}
.news_con .news_con_b{border-top: 1px solid #EEE;margin-top: 50px;padding-top: 50px;}
.news_con .news_con_b ul{line-height: 30px;float: left;}
.news_con .news_con_b .fhlb{float: right;width: 140px;height: 40px;line-height: 40px;background: #006cb7;text-align: center;}
.news_con .news_con_b .fhlb a{display: block;color: #FFF;}
.news_con .news_con_b .fhlb a:hover{display: block;color: #FFF;text-decoration: none;}


.contact{line-height: 30px;}