@charset "utf-8";
/* CSS Document */
.banner{position: relative;margin-top:95px;}
.banner .swiper-pagination-yi{bottom: 20px;position: absolute;bottom:15px;z-index: 10;text-align: center;}
.banner .swiper-slide img{width: 100%;}
.banner .swiper-slide .m{display: none;}
.banner .swiper-pagination-yi .swiper-pagination-bullet{margin:0 5px;}
.banner .swiper-pagination-bullet{width: 11px;height: 11px;background: #111;border-radius: 10px;border:1px solid #111;}
.banner .swiper-pagination-bullet-active{background: #f68f3e;opacity: 1;border:1px solid #f68f3e;}
.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{ background:#fff; padding:2% 6% 1.5%; margin:0 auto; overflow: hidden;}
.dyip .title{text-align: left;color: #f17727;font-size:30px; font-weight:400; letter-spacing: 0.5px; text-transform:uppercase; margin:0 0 30px; border-bottom: 1px solid #f17727; padding-bottom: 15px;}
.dyip .swiper-slide{position: relative;background: #FFF;}
.dyip .swiper-slide h2{text-align: center;line-height: 27px;font-size: 16px; font-weight: 400; padding-top: 10px;}
.dyip .swiper-slide a:hover{text-decoration: none;}
.dyip .swiper-slide .pics{width:100%;height: auto;border:1px solid #e5e5e5;border-right:0px;display: block;box-sizing: border-box;overflow: hidden;}
.dyip .swiper-slide .pics img{max-width:100%; margin: 0 auto; display: block; transform: scale(.85); overflow: hidden; transition: all 300ms;}
.dyip .swiper-slide .pics:hover img{transform: scale(1);transition: all 300ms;}
.swiper-button-next, .swiper-button-prev{background-size: 20px;}
.dyip .swiper-slide:nth-child(n) .pics{border-right:1px solid #e5e5e5;}

.dyip .swiper-slide:hover .pics{width: 100%;height: auto;border:1px solid #777;}

.derp{ background:#f9f9f9 url(../images/ab-bg.png) center bottom no-repeat;padding:2% 6% 0; margin: 0 auto; overflow: hidden;}
.derp .box{ padding:0; margin:0;overflow: hidden;}
.derp .box .t_name{float: right; width: 35%; margin-top: 15px;}
.derp .box .t_name .font34{font-size:42px; color: #333; font-weight: 400; line-height: 42px; padding-bottom: 22px; text-transform: uppercase;}
.derp .box .t_name .ftp{font-size:15px; color: #888;}
.derp .box .t_name .gimg{width: 80%; text-align: right;float: right;}
.derp .box .t_name .gimg img{max-width: 100%;}
.derp .box .txt{float: left; width: 54%; }
.derp .box .txt .txt_wm{color: #000; float: left; padding:0; font-size: 16px; line-height:32px; margin:0 0 25px 0; text-align: justify;}
.derp .box .txt .txt_wm h2{text-align: left;color: #f17727;font-size:30px; font-weight:400; letter-spacing: 0.5px; text-transform:uppercase; margin:0 0 30px;position: relative;padding-bottom: 10px;}
.derp .box .txt .txt_wm h2:after{width: 50%;height: 1px;content: '';background: #f17727;position: absolute;bottom:-10px;left:0;}
.index-more a{display: inline-block;width: 145px; height: 42px;line-height: 42px;text-align: center; color: #000; font-weight: bold;font-size: 16px; margin: 30px 0;border-bottom: 1px solid #f17727; background: #f17727; border-radius: 15px;}

.derp .pic_img{width: 100%; padding-top: 1%; overflow: hidden;}
.derp .pic_img ul{margin-left: -1%; overflow: hidden;}
.derp .pic_img ul li{float: left; width: 24%; margin-left: 1%;}
.derp .pic_img ul li img{max-width: 100%;}



.dsanp{ background:#fff; padding:0 6% 2.5% 6%; margin: 0 auto; overflow: hidden;}
.dsanp .titb{text-align: left;color: #f17727;font-size:30px; font-weight:400; letter-spacing: 0.5px; text-transform:uppercase; margin:10px 0 30px; border-bottom: 1px solid #f17727; padding-bottom: 15px;}
.dsanp .id_news{width: 100%; overflow: hidden;}
.dsanp .id_news ul{margin-left: -2%;}
.dsanp .id_news ul li{width: 31.333%; float: left; margin-left: 2%;}
.dsanp .id_news ul li .bg-color{float: left; width: 200px;}
.dsanp .id_news ul li .bg-color img{max-width: 100%;}
.dsanp .id_news ul li .xcon{float: right; width:calc(100% - 220px); overflow: hidden; padding-top: 5px;}
.dsanp .id_news ul li .xcon .date{color: #555; font-size: 18px;}
.dsanp .id_news ul li .xcon .date span{font-size:34px;margin-right: 5px;}
.dsanp .id_news ul li .xcon .xbt{font-size:17px; color: #003D89; font-weight: 400; padding: 14px 0; overflow: hidden; line-height: 30px;}
.dsanp .id_news ul li .xcon .cont{overflow: hidden; line-height: 24px; height: 72px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; white-space: normal;}

.id_news_right{width: 100%;text-align: right; margin-top:35px;}
.btn01{background: #f17727;padding:8px 28px;border-radius:10px;font-weight: bold;font-size: 16px; color: #000;}

/*content*/
.banner_pic{margin-top: 90px;}
.banner_pic img{width:100%;max-width: 100%;height: auto;}

.intitle{width: 100%; margin: 35px 0;}
.intitle h2{text-align: center;font-size:30px;color: #222;font-weight: 400;background: url(../images/xt.png) no-repeat bottom center;padding-bottom: 20px;}


.bread_content{width:100%; background: url(../images/menu-h.jpg)repeat; overflow: hidden;}
.bread_content .bread_box{float: left;width:40%;  padding:15px 0;font-size:15px;color:#333;}
.bread_content .bread_box span.bread_title{position:relative;padding-left:28px; background: url(../images/home.png) left center no-repeat; background-size: 25px;}
.bread_content .bread_box a{color:#444;display:inline-block;margin:0 5px;}
.bread_content .bread_box a:hover{color:#003D86;}
.bread_content .bread_box b{color: #003D86}



/*-------------inner_content-------------*/
.inner_content{width:100%;background:#fff;padding: 40px 0; overflow: hidden;}


.left-menu{width: 24%;float: left;margin-right: 2%;}
.left-menu h2{color: #003D82;font-size: 30px;border-bottom: 1px solid #ddd;margin: 0 0 10px;padding-bottom: 10px; font-weight: bold;}
.left-menu .mtree .logout a{color: #727171;}
.left-menu .mtree > li{line-height: 30px;border-bottom: 1px solid #ddd;}
.left-menu .mtree > li a{color: #000;display: block;padding: 10px 0; font-size: 15px;}
.left-menu .mtree > li.current{border-bottom: 0;}
.left-menu .mtree > li.current > a{background: url(../images/menu-h.jpg)repeat;padding-left: 12px;}
.left-menu .mtree > li.current > a:before{content: '';}
.left-menu .mtree > li.current > a{color: #003D82;font-weight: bold;}
.left-menu .mtree > li a:before{content: url('../images/dot.png');margin-right: 10px;}
.left-menu .mtree li li a{padding: 0 0 0 30px;text-indent: -30px;}
.left-menu .mtree li li a:hover, .left-menu .mtree li li a.current{color: #003D82;}
.left-menu .mtree li li a:hover:before, .left-menu .mtree li li a.current:before{color: #9DCFEF;}
.left-menu .mtree li li a:before{content: '\e90c';margin: 0 10px;color: #9E9E9E;font-size: .875rem;font-family: 'icomoon';}

.right_content{width: 70%;float: right;}
.right_content.full{width: 100%;}
.sub-title{color: #f17727;font-size: 1.275rem;border-bottom: 1px solid #f17727;margin-bottom: 15px;padding-bottom: 10px;}
.user_editor{width: 100%;word-wrap:break-word;word-break:normal; line-height: 30px;font-size: 15px; color: #333;}
.user_editor img, .user_editor iframe, .user_editor table{max-width: 100%;height: auto; font-size: 15px; margin-top: 10px;}

/*about*/
.about01-box{text-align: center;margin:20px 0;}
.about01-box li{display: inline-block;margin: 0 20px;}
.about01-box p{color: #003D86;font-weight: bold;}

.about03 .box{margin-bottom: 60px;}
.about03 .info{color: #003D82;font-size: 1.188rem;}
.about03 .years {padding: 13px 0;}
.about03 .years span{width: 75px;height: 35px;line-height: 33px;display: inline-block;border: 1px solid #003D82;color: #003D82;font-size: 1.438rem;font-weight: bold;font-style: italic; text-align: center;}
.about03 .years-box .text{padding: 6px 0 6px 15px;text-indent : -15px; font-size: 15px; }
.about03 .years-box .text:before{content:url(../images/jt.png);color: #8D8D8D;margin-right: 5px;}

.f-sty01{font-size: 25px;font-weight: 400; margin-bottom: 35px; position: relative;}
.f-sty01:after{content: '';width: 68px;height: 4px;position: absolute;bottom:-12px;left:0;background: #029fe9;}


.about06 .box{margin-bottom: 40px; font-size:15px; line-height: 30px;}
.about06 .icon p{width: 100%;color: #003D89;font-weight: bold;text-align: center;}
.about06 .icon li{width: 19.6%;display: inline-block;vertical-align: top; margin-bottom: 10px;}
.about06 .icon li img{max-width:75%; margin: 0 auto; display: block;}
.about06 .info li{text-indent: -20px;padding-left: 20px;}
.about06 .info li:before{content:url(../images/jt.png); margin-right: 10px;}



.Ulimg{width:100%;  margin-top:35px; overflow: hidden;}
.Ulimg ul{ margin-left:-2%; }
.Ulimg li{ float:left; width:31.333%; margin-left:2%; text-align:center; margin-bottom:2%;}
.Ulimg li img{ max-width:98%; border: 1px solid #ccc; padding:2px; transition: all 0.3s}
.Ulimg li img:hover{border: 1px solid #003d88;}
.Ulimg li span{display:block; line-height:35px; font-size:14px;}


.products{width:100%; overflow: hidden;}
.products ul{margin-left:-1.333%; font-size: 0;overflow: hidden;}
.products li{width:32%; margin-left:1.333%;display: inline-block; vertical-align: top; margin-bottom:25px;transition: .3s all;}
.products li .cpic{width:100%; border: 1px solid #e5e5e5; box-sizing: border-box; overflow: hidden;}
.products li .cpic img{max-width: 100%;}
.products li p{color:#222;font-size:15px; font-weight:400; text-align: center; padding:10px 0 0; line-height: 25px;}



/*products*/
.products_con{width: 100%; padding: 14px 0 0;overflow: hidden;}
.products_t{width: 100%;position: relative;overflow: hidden;}
.products_t .left{width: 46%;border:1px solid #eee;float: left;box-sizing: border-box;}
.products_t .left .swiper-slide {background-size: cover;background-position: center;}
.products_t .left .swiper-slide img{width: 100%;}
.products_t .left .gallery-top {}
.products_t .left .gallery-thumbs {width: 50%; height: 20%;box-sizing: border-box;position: absolute;  bottom: 10%; transform: translateY(-10%);left: 50%;}
.products_t .left .gallery-thumbs .swiper-slide {width: 20%;height: 100%;opacity: 1;}
.products_t .left .gallery-thumbs .swiper-slide img{max-width: 94%;}
.products_t .left .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}

.products_t .right{width: 50%;float: right;}
.products_t .right h3{font-size: 19px;font-weight: bold; border-bottom: 1px solid #eee;padding-bottom: 12px; line-height: 28px;}
.products_t .right .txt{line-height:28px;padding-top: 12px; font-size: 14px;}
.products_t .right .buy{width: 185px;height: 42px;line-height: 42px;text-align: center;background: #003d88 url(../images/pro_d_tb.png) 15px center no-repeat; text-indent: 40px; position: absolute; bottom: 0;}
.products_t .right .buy a{color: #FFF;font-size: 16px; display: block;}
.products_t .right .buy a:hover{color: #FFF;display: block;text-decoration: none;}


.pro_con{line-height:30px;padding-top: 12px; font-size: 14px !important; overflow-x: scroll;}
.pro_con img{ max-width:100%;}

.pro_con table{border-collapse: collapse; width: 100%; background-color: transparent;}
.pro_con table tr th{font-size: 13px;color: #333;line-height: 30px; padding:5px;border: solid 1px #333; font-weight: 700; text-align: left;}
.pro_con table tr td{font-size: 13px;color: #333;line-height: 30px; padding:5px;border: solid 1px #333; font-weight: normal; text-align: left;}

.serv_box{width: 100%; line-height: 32px; font-size: 14px; overflow: hidden;}
.serv_box img{ max-width:100%;}

/*news*/
.news{width: 100%; padding:5px 0; overflow: hidden;}
.news ul{font-size: 0px;}
.news li{width:100%;margin-bottom: 30px; overflow: hidden;}
.news li .pimgs{width:200px; display: inline-block; vertical-align: middle;}
.news li .pimgs img{max-width:100%; display: block; margin: 0 auto; transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;}
.news li .pimgs img:hover{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); }
.news li .info_n{width: calc(100% - 235px); float: right;}
.news li .info_n .date{color: #727171;font-size: 18px; padding-bottom: 12px;}
.news li .info_n .date span{font-size: 32px;padding-right: 5px;}
.news li .info_n h3{font-size:17px;line-height:27px; color: #003D89;font-weight: bold; overflow: hidden;}


.NewsDetailed{ width: 100%; padding:15px 0; overflow: hidden;}
.NewsDetailed h3{line-height:32px;margin-bottom:10px;text-align:center;font-size:20px;font-weight:600;color:#003D82;}
.NewsShowHits{padding-bottom:15px;text-align:center;border-bottom:1px #ccc solid;color:#666;font-size:14px;}
.NewsDetailed-content{line-height:33px;padding:15px 0;margin-bottom:10px;font-size:15px;text-align:left; color: #444;}
.NewsDetailed-content img {max-width:100%;display:table-cell;clear:both;overflow:hidden; padding: 10px 0;}


.fanhui{float:right;width:115px;margin:0 auto;position:relative;height:1px;}
.fanhui a{ position:absolute;z-index:2;width:125px;height:42px;line-height:42px;top:25px;right:0; text-align:center;background:#003d88;font-size:16px;color:#fff;display:inline-block;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.fanhui a:hover{color:#fff;font-size:16px;font-weight:100;text-decoration:underline;}


.PreveNext {border-top:1px #DEDEDE solid; margin:0px auto;width:100%;height:auto;padding-top:10px;padding-bottom:10px;clear:both;overflow:hidden;}
.PreveNext ul{float:left;}
.PreveNext li{width:100%;float:left;line-height:32px;text-align:left; font-size: 14px;}


.client{ width: 100%;margin-top: 12px; overflow: hidden;}
.client h3{line-height:32px;margin-bottom:15px; font-size:20px;font-weight:600;color:#003D82;}
.client ul{margin-left: -2%;}
.client li{float: left;width: 23%;margin-left: 2%; margin-bottom: 2%;}
.client li img{width:97%; padding: 2%; border: 1px solid #e0e0e0;} 
.client li p{line-height: 28px;font-size: 14px;margin-top: 15px;overflow: hidden;}


/*contact*/
.main-contact{padding-bottom:20px; overflow: hidden;}
.main-contact h2{margin-bottom:12px;font-size:30px;color:#005bac;font-family:"OpenSans-Semibold";line-height:35px;}
.main-contact .contain{overflow: hidden;}
.main-contact .send-msg{float:right;padding:34px 0 28px 0;width:40%;box-sizing:border-box;}
.main-contact .send-msg p{font-size:13px;color:#444;font-family:"OpenSans-Regular";line-height:28px;}
.main-contact .send-msg .form-box{margin-top:10px;width:100%;}
.main-contact .form-box .text{margin-bottom:10px;padding-left:12px;width:100%;height:40px;font-size:14px;font-family:"OpenSans-Light";border:1px solid #cfcfcf;box-sizing:border-box;}
.main-contact .form-box textarea{padding-top:12px;padding-left:12px;width:100%;height:120px;font-size:15px;font-family:"OpenSans-Light";border:1px solid #cfcfcf;box-sizing:border-box;}
.main-contact .form-box .sub{margin-top:20px;width:148px;height:38px;color:#fff;font-size:14px;font-family:"OpenSans-Semibold";border-radius:18px;background-color:#005bac; border: 0; cursor:pointer;}
.main-contact .way{float:left;padding-top:34px;width:48%;}
.main-contact .way p{position:relative;margin-bottom:12px;padding-left:36px;font-size:15px;color:#333;font-family:"OpenSans-Regular";line-height:42px;}
.main-contact .way p.bold{margin-bottom:10px;padding-left:0px;color:#333333;font-family:"OpenSans-Semibold"; font-weight: bold;}
.main-contact .way p a{color:#666;}
.main-contact .way p a:hover{color:#c30d23;}
.main-contact .way p i{position:absolute;left:0;background:url(../images/icons.png) no-repeat;}
.main-contact .way p.tel i{top:12px;width:20px;height:20px;background-position:0 -150px;}
.main-contact .way p.fax i{top:12px;width:20px;height:20px;background-position:-30px -150px;}
.main-contact .way p.mail i{top:12px;width:21px;height:16px;background-position:-60px -150px;}
.main-contact .way p.mobile i{top:12px;width:23px;height:24px;background-position:-115px -146px;}
.main-contact .way p.wx i{top:12px;width:29px;height:24px;background-position:-142px -146px;}
.main-contact .way p.skype i{top:12px;width:29px;height:24px;background-position:-178px -146px;}
.main-contact .way p.add i{top:12px;width:16px;height:20px;background-position:-90px -150px;}
.main-contact .way p.web i{top:12px;width:21px;height:21px;background-position:-245px -146px;}

.contact_map {padding:10px 0; box-sizing:border-box;overflow: hidden;}
#map_container{height:500px;}