@charset "utf-8";
/* CSS Document */
.swiper-container{width: 100%;height: 100%;}
.swiper-slide img{width: 100%;}
.swiper-slide .m{display: none;}
.banner{position: relative;}
.banner .swiper-pagination{bottom: 20px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;}
.banner .swiper-pagination-bullet{width: 10px;height: 10px;background: none;border-radius: 10px;border:2px solid #FFF;opacity: 0.4;}
.banner .swiper-pagination-bullet-active{background: #e42887;opacity: 1;border:2px solid #e42887;}
.banner .swiper-button-next{background: none;width: 50px;height: 50px;line-height: 50px;text-align: center;margin-top: -25px;outline: medium;}
.banner .swiper-button-prev{background: none;width: 50px;height: 50px;line-height: 50px;text-align: center;margin-top: -25px;outline: medium;}
.banner .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 0px;}
.banner .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 0px;}
.banner .swiper-button-next i, .banner .swiper-button-prev i{font-size: 40px;color: #FFF;}
.banner .subiao{position: absolute;left: 50%;bottom:70px;z-index: 100;width: 50px;text-align: center;margin-left: -25px;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.banner .subiao i{color: #FFF;font-size: 30px;opacity: 0.4;}
.banner .subiao p{width: 4px;height: 4px;border-radius: 50px;background: rgba(255,255,255,0.4);margin-top: 4px;}
.banner .subiao p:last-child{width: 6px;height: 6px;}


.dyip{}
.dyip .title{text-align: center;}
.dyip .box{}
.dyip .box .left{width: 50%;background: #f7f7f7;position: relative;float: left;transition: all 0.6s;}
.dyip .box .left:hover{background: #FFF;box-shadow: 0 0 20px rgba(0,0,0,0.2);}
.dyip .box .left .pic img{width: 100%;transition: all 0.6s;}
.dyip .box .left .title{}
.dyip .box .left .title h2{font-weight: bold;font-size: 18px;color: #FFF;position: absolute;left: 0px;bottom:90px;right:0px;}
.dyip .box .left .title .more{width: 140px;height: 38px;line-height: 38px;border-radius: 50px;border: 1px solid #FFF;font-size: 12px;position: absolute;left: 50%;bottom:10px;margin-left: -70px;transition: all 0.6s;visibility: hidden;opacity: 0;}
.dyip .box .left:hover .title .more{bottom:30px;visibility: visible;opacity: 1;}
.dyip .box .left a{display: block;color: #FFF;}
.dyip .box .left a:hover{display: block;color: #FFF;text-decoration: none;}
.dyip ul{float: right;width:50%;}
.dyip li{width: 50%;background: #f7f7f7;position: relative;overflow: hidden;transition: all 0.6s;}
.dyip li:nth-of-type(odd){float: left;}
.dyip li:nth-of-type(even){float: right;}
.dyip li .pic{}
.dyip li .pic img{width: 100%;transition: all 0.6s;}
.dyip li .title{}
.dyip li .title h2{font-weight: bold;font-size: 14px;position: absolute;left: 0px;bottom:90px;right:0px;}
.dyip li .title .more{width: 140px;height: 38px;line-height: 38px;border-radius: 50px;border: 1px solid #555;font-size: 12px;position: absolute;left: 50%;bottom:10px;margin-left: -70px;transition: all 0.6s;visibility: hidden;opacity: 0;}
.dyip li:hover .title .more{bottom:30px;visibility: visible;opacity: 1;}
.dyip li a{display: block;}
.dyip li a:hover{display: block;color: #000;text-decoration: none;}

.con_search{max-width: 800px;margin:70px auto;border-bottom: 2px solid #000;position: relative;}
.con_search h2{font-weight: bold;font-size: 28px;text-align: center;}
.con_search .box{position: relative;margin-top: 20px;}
.con_search .input_txt{width: 100%;height: 50px;border:none;box-sizing: border-box;padding-left: 30px;outline: medium;font-size: 16px;}
.con_search .input_btn{width: 90px;position: absolute;right: 0px;top: 0px;height: 50px;background: #FFF url(../images/pic3.png) no-repeat center;border:none;background-size: 26px;outline: medium;}

.derp{margin-top: 100px;}
.derp .title{text-align: center;}
.derp .box{margin-top: 20px;padding-bottom: 100px;}
.derp .index_case{text-align: center;padding-bottom: 30px;}
.derp .swiper-slide{transform: scale(0.8);}
.derp .swiper-slide-active,.swiper-slide-duplicate-active{transform: scale(1);}
.derp .swiper-slide .pic{margin-bottom: 30px;}
.derp .swiper-slide .pic img{width: 100%;}
.derp .swiper-slide .titleer{visibility: hidden;opacity: 0;}
.derp .swiper-slide-active .titleer{visibility: visible;opacity: 1;}
.derp .swiper-slide p{color: #FFF;}
.derp .swiper-slide h2{font-size: 24px;margin-top: 2px;font-weight: bold;}
.derp .swiper-slide h2 a{color: #FFF;}
.derp .swiper-slide h2 a:hover{color: #FFF;text-decoration: none;}
.derp .swiper-pagination{bottom: 0px;}
.derp .swiper-button-next, .swiper-button-prev{background: none;width: 50px;height: 50px;line-height: 50px;text-align: center;margin-top: -25px;outline: medium;}
.derp .swiper-pagination-bullet{width: 8px;height: 8px;background: none;border-radius: 10px;border:1px solid #FFF;}
.derp .swiper-pagination-bullet-active{background: #e42887;border:1px solid #e42887;}
.derp .swiper-button-next, .swiper-button-prev{background: none;width: 50px;height: 50px;line-height: 50px;text-align: center;margin-top: -25px;outline: medium;}
.derp .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 20%;}
.derp .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 20%;}
.derp .swiper-button-next i, .derp .swiper-button-prev i{font-size: 30px;color: #FFF;}
/**
.index_about{}
.index_about .left{float: left;width: 50%;box-sizing: border-box;padding:70px;}
.index_about .left h2{font-size: }
.index_about .left .txt{line-height: 30px;padding-top: 30px;}
.index_about .left .more{margin-top:50px;height: 40px;border: 1px solid #033981;border-radius: 50px;width: 140px;text-align: center;line-height: 40px;}
.index_about .left .more a{display: block;color:#033981;}
.index_about .left .more a:hover{display: block;text-decoration: none;}
.index_about .pic{float: right;width: 50%;}
.index_about .pic img{width: 100%;}**/

.index_about{padding:130px 12%;}
.index_about .left{width: 60%;box-sizing: border-box;background: #FFF;padding:50px;margin:0 auto;}
.index_about .left h2{text-align:center;}
.index_about .left .txt{line-height: 30px;padding-top: 30px;}
.index_about .left .more{height: 40px;border: 1px solid #033981;border-radius: 50px;width: 140px;text-align: center;line-height: 40px;margin:50px auto 0 auto;}
.index_about .left .more a{display: block;color:#033981;}
.index_about .left .more a:hover{display: block;text-decoration: none;}

.dsanp{padding: 70px 12% 120px 12%;background: url(../images/pic18.jpg) no-repeat center bottom;}
.dsanp .hd{}
.dsanp .hd ul{font-size: 0px;text-align: center;}
.dsanp .hd li{display: inline-block;font-size: 34px;font-weight: bold;color: #949494;margin:0 25px;padding-bottom: 5px;cursor: pointer;}
.dsanp .hd li.on{color: #000;border-bottom: 3px solid #000;}
.dsanp .bd{margin-top: 20px;}
.dsanp .bd ul{margin-left: -2%;}
.dsanp .bd li{float: left;width: 31.333%;margin-left: 2%;background: #FFF;}
.dsanp .bd li .pic{}
.dsanp .bd li .pic img{width: 100%;}
.dsanp .bd li .title{margin:30px 20px;}
.dsanp .bd li .bt{font-weight: bold;}
.dsanp .bd li h2{margin-top: 10px;font-weight: bold;font-size: 18px;height:40px;line-height:40px;overflow:hidden;}
.dsanp .bd li p{margin-top: 10px;line-height: 24px;color: #666;height:72px;overflow:hidden;}
.dsanp .bd li .more{margin-top: 30px;line-height: 30px;}
.dsanp .bd li .more i{width: 26px;height: 26px;line-height: 26px;text-align: center;background: #999;color: #FFF;display: inline-block;border-radius: 30px;margin-right: 10px;font-size: 12px;}
.dsanp .bd li .more a:hover{text-decoration: none;}


.banner_ny{height: 600px;text-align: center;position: relative;}
.banner_ny .title{padding-top: 260px;color: #FFF;}
.banner_ny .title h2{font-size: 40px;margin-bottom: 10px;font-weight: bold;}
.banner_ny .title p{font-size: 18px;font-weight: 300;}

.subnav_er{margin-top: 90px;background: rgba(0,0,0,0.3);height: 109px;position: absolute;left: 0px;bottom:0px;width: 100%;}
.subnav_er ul{font-size: 0px;text-align: center;}
.subnav_er li{display: inline-block;font-size: 14px;overflow: hidden;width: 170px;border-right: 1px solid rgba(255,255,255,0.1);}
.subnav_er li:last-child{border-right: none;}
.subnav_er li a{display: block;color: #FFF;height: 109px;}
.subnav_er li i{font-size: 24px;display: block;padding-top: 30px;padding-bottom: 5px;}
.subnav_er li a:hover{display: block;text-decoration: none;color: #FFF;background: #033981;}
.subnav_er li a.current{background: #033981; color: #FFF;}


.con{padding:70px 0;}
.news{}
.news .news_t{padding: 0px 12%;}
.news .news_t .pic{float: left;width: 48%;}
.news .news_t .pic img{width: 100%;}
.news .news_t .right{float: right;width: 48%;margin-top: 30px;}
.news .news_t .right h2{font-size: 24px;}
.news .news_t .right p{line-height: 30px;font-size: 16px;margin-top: 20px;}
.news .news_t .right .more{width: 120px;height: 40px;line-height: 40px;text-align: center;border:1px solid #CCC;margin-top: 30px;}
.news .news_t .right .more a{display: block;}
.news .news_t .right .more:hover a{display: block;text-decoration: none;}
.news .news_b{padding: 50px 12%;background: #f5f5f5;margin-top: 60px;}
.news .news_b ul{margin-left: -3%;}
.news .news_b li{width: 22%;margin-left: 3%;float: left;border:1px solid #CCC;box-sizing: border-box;margin-bottom: 3%;transition: all 0.3s;}
.news .news_b li:hover{background: #033981;}
.news .news_b li .pic{margin-top: 30px;}
.news .news_b li .pic img{width: 100%;}
.news .news_b li h2{font-size: 20px;line-height: 30px;height: 60px;overflow: hidden;}
.news .news_b li .sj{margin-top: 15px;}
.news .news_b li p{line-height: 30px;font-size: 16px;margin-top: 30px;height: 60px;overflow: hidden;}
.news .news_b li a{padding:30px;display: block;}
.news .news_b li:hover a{text-decoration: none;color: #FFF;padding:30px;display: block;}

.news_con{padding: 0px 12%;}
.news_con .left{width: 65%;float: left;}
.news_con .left .title_er{}
.news_con .left .title_er h2{font-size: 24px;}
.news_con .left .title_er p{margin-top: 20px;background: #edf1f7;line-height: 50px;padding:0 20px;}
.news_con .left .txt{margin-top: 30px;line-height: 36px;font-size: 16px;}
.news_con .left .txt img{max-width: 100%;}
.news_con .left .txtsan{margin-top:20px;}
.news_con .left .txtsan iframe{width:100%;height:600px;}
.news_con .left ul{line-height: 30px;margin-top: 50px;}
.news_con .right{width: 31%;float: right;}
.news_con .right h2{font-size: 18px;font-weight: bold;height: 50px;background: #033981;color: #FFF;line-height: 50px;padding:0 20px;}
.news_con .right ul{padding:10px 20px;}
.news_con .right li{border-bottom: 1px solid #DDD;padding:10px 0;line-height: 30px;font-weight: bold;}
.news_con .right li p{line-height: 24px;font-weight: normal;font-size: 12px;color: #666;}


.products{padding: 0px 12%;}
.products ul{border-left: 1px solid #CCC;}
.products li{width: 33.333%;position: relative;overflow: hidden;transition: all 0.6s;float: left;text-align: center;border: 1px solid #CCC;border-left: none;box-sizing: border-box;}
.products li:hover{background: #FFF;box-shadow: 0 0 20px rgba(0,0,0,0.2);}
.products .new{position: absolute;left: 30px;top: 30px;width: 40px;height: 22px;line-height: 22px;border-radius: 11px;border: 1px solid #033981;font-size: 12px;font-weight: bold;color: #033981;text-align: center;z-index: 100;}
.products li .pic{padding:60px 15% 30px 15%;}
.products li .pic img{width: 100%;transition: all 0.6s;}
.products li .title{}
.products li .title h2{font-weight: bold;font-size: 14px;}
.products li .title p{line-height: 30px;color: #999;}
.products li .title .more{width: 140px;height: 38px;line-height: 38px;border-radius: 50px;border: 1px solid #555;font-size: 12px;position: absolute;left: 50%;bottom:10px;margin-left: -70px;transition: all 0.6s;visibility: hidden;opacity: 0;}
.products li:hover .title .more{bottom:30px;visibility: visible;opacity: 1;}
.products li a{display: block;padding-bottom: 80px;}
.products li a:hover{display: block;color: #000;text-decoration: none;}


.about{}
.about_dyip{padding: 0px 12%;}
.about_dyip .pic{width: 40%;float: left;}
.about_dyip .pic img{width: 100%;}
.about_dyip .txt{float: right;width: 55%;padding-top: 30px;line-height: 30px;}
.about_dyip .txt h2{font-size: 24px;font-weight: bold;padding-bottom: 20px;}
.about_dyip p{}

.about_derp{padding: 100px 12%;text-align: center;margin-top: 100px;color: #FFF;}
.about_derp .title{}
.about_derp ul{margin-top: 50px;font-size: 0px;text-align: left;margin-left:-5%;}
.about_derp li{width: 28%;display: inline-block;vertical-align: top;text-align: center;padding-bottom: 50px;margin-left:5%;}
.about_derp li i{font-size: 40px;}
.about_derp li h2{font-size: 24px;margin-bottom: 10px;margin-top: 20px;}
.about_derp li p{line-height: 24px;font-size: 16px;}


.tuandui{padding: 0px 12%;}
.tuandui ul{margin-left: -3%;}
.tuandui li{float: left;width: 30.333%;margin-left: 3%;text-align: center;padding-bottom: 20px;}
.tuandui li img{width: 100%;}
.tuandui li p{line-height: 40px;}


.products_con{padding: 0px 5%;}
.products_con_t{padding-top: 50px;}
.products_con_t h2{font-size: 30px;text-align: center;}
.products_con_t .box{margin-top: 30px;}
.products_con_t .box img{width: 100%;margin-bottom: 10px;}
.products_con_t .more{width: 200px;height: 60px;line-height: 60px;background: #033981;text-align: center;font-size: 24px;margin:50px auto;}
.products_con_t .more a{color: #FFF;display: block;}
.products_con_t .more a:hover{color: #FFF;display: block;text-decoration: none;}

.subnav_san{height: 40px;display: none;}
.subnav_san .fh{float: left;line-height: 40px;width: 15%;background: #033981;text-align: center;height: 40px;}
.subnav_san .fh i{color: #FFF;font-size: 20px;}
.subnav_san .dh{float: right;line-height: 40px;width: 85%;position: relative;z-index: 1000;}
.subnav_san .dh h2{float: left;line-height: 40px;padding-left: 15px;}
.subnav_san .dh p{float: right;width: 50px;text-align: center;}
.subnav_san .dh p i{font-size: 20px;}
.subnav_san .dh ul{position: absolute;left: 0;top: 40px;width: 100%;box-shadow:0 0 10px rgba(0,0,0,0.1);background: #FFF;display: none;}
.subnav_san .dh li{line-height: 40px;border-bottom: 1px solid #EEE;}
.subnav_san .dh li a{display: block;padding:0 15px;}
.subnav_san .dh li:hover a{display: block;text-decoration: none;}
.subnav_san .dh li a.current{border-bottom: 2px solid #033981;color: #033981;}
.subnav_san .dh li i{float: right;font-size: 12px;}


#map_container{width: 100%;height: 500px;margin-top: 30px;}


.case{padding: 0px 12%;}
.case ul{margin-left: -2%;}
.case li{float: left;width: 31.333%;text-align: center;position: relative;margin-left: 2%;margin-bottom: 30px;font-size: 16px;}
.case li:nth-of-type(1){width: 64.666%;}
.case li .pic{overflow: hidden;}
.case li img{width: 100%;transition: all 0.3s;}
.case li:hover img{width: 100%;transform: scale(1.2);}
.case li h2{line-height: 50px;position: absolute;left: 0%;bottom:0px;width: 100%;text-align: center;background: rgba(3,57,129,0.5);color: #FFF;height: 50px;overflow: hidden;}


.liuyan_er{padding: 50px 12% 0 12%;}
.liuyan_er .title{font-size: 24px;font-weight: bold;}
.liuyan_er .zxly_er{margin-top: 30px;}
.liuyan_er .zxly_er ul{margin-left: -3%;margin-top: 30px;}
.liuyan_er .zxly_er li{ width:30.333%; margin-bottom: 30px;float: left;margin-left: 3%;}
.liuyan_er .zxly_er li p{font-weight: bold;padding-bottom: 10px;}
.liuyan_er .zxly_er li p span{color: #cde18f;}
.liuyan_er .zxly_er li .input_txt{ width:100%; height:56px; border:1px solid #999; outline:medium; padding:0 2%; font-family:'Conv_tt1161m_';box-sizing: border-box;}
.liuyan_er .zxly_er .textarea{ margin:0;}
.liuyan_er .zxly_er .textarea textarea{ width:100%; height:160px; border:1px solid #999; outline:medium; padding:1%;box-sizing: border-box;}
.liuyan_er .zxly_er .textarea p{font-weight: bold;padding-bottom: 10px;}
.liuyan_er .zxly_er .textarea p span{color: #cde18f;}
.liuyan_er .zxly_er .more{margin-top:30px;}
.liuyan_er .zxly_er .input_btn{ width:160px; height:50px; font-family:'Conv_tt1161m_'; border:0 none; margin-right:10px; color:#FFF; background:#e42887;cursor: pointer;outline: medium;}
.liuyan_er .zxly_er .input_btner{background:#666;}


.service{padding: 0px 12%;}
.service .txt{font-size: 24px;line-height: 40px;text-align: center;}
.service ul{margin-left: -3%;margin-top: 50px;}
.service li{float: left;width: 30.333%;margin-left: 3%;}
.service li img{width: 100%;}
.service li .txter{padding:30px;line-height: 30px;border:1px solid #CCC;border-top: none;height: 170px;}
.service li h2{font-size: 24px;margin-bottom: 20px;}
.service li p{color: #666;font-size: 16px;}


.contact{padding: 0px 12%;line-height: 30px;}

.gallery-thumbs{margin-top: 10px;}
.gallery-thumbs .swiper-slide {width: 25%;height: 100%;opacity: 0.3;}
.gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}


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