@charset "utf-8";
/* CSS Document */
.banner{position: relative;margin-top: 80px;}
.banner .swiper-pagination-yi{bottom: 20px;position: absolute;bottom:20px;z-index: 1000;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: 13px;height: 13px;}
.banner .swiper-pagination-bullet-active{background: #0093dd;opacity: 1;}
.banner .swiper-button-next{background:rgba(0,0,0,0.45);width: 45px;height: 60px;line-height: 60px;text-align: center;margin-top: -25px;outline: medium;}
.banner .swiper-button-prev{background:rgba(0,0,0,0.45);width: 45px;height: 60px;line-height: 60px;text-align: center;margin-top: -25px;outline: medium;}
.banner .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 0;}
.banner .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 0;}
.banner .swiper-button-next i, .banner .swiper-button-prev i{font-size: 35px;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{padding: 50px 0 15px;}
.dyip .title{text-align: center;color: #353535;font-size: 29px; font-weight: bold;}
.dyip .box{padding-top:30px;}
.dyip ul{margin-left:-1.333%;}
.dyip li{float: left;width: 32%;text-align: center;margin-left:1.333%;margin-bottom: 1%;transition: all 0.5s;position: relative;background: #f5f5f5;}
.dyip li .pic{padding:6% 5%;  overflow: hidden; }
.dyip li img{max-width:90%; margin:25px auto 0 auto; display:block; transition: all 0.5s;}
.dyip li:hover img{transform: scale(1.1);transition: all 0.5s;}
.dyip li p{line-height: 40px;position: absolute;left: 30px;top: 35px;font-size:22px; font-weight: bold;}
.dyip li p:before{position: absolute; content: " "; width: 22px; height: 2px; background: #0093dd; top: -8px; left: 0;}
.dyip li a:hover p{text-decoration: none; color: #333;}


.derp{background: url(../images/pic4.jpg) no-repeat center;color: #FFF;margin-top: 1%;}
.derp .box{padding:7% 4%; overflow: hidden;}
.derp .box .derp_r{width:42%;box-sizing: border-box; float: left;}
.derp .box .derp_r .title{font-size: 40px;}
.derp .box .derp_r .txt{margin-top: 20px;line-height: 34px;font-size: 17px;}
.derp .box .derp_r .more{width: 145px;height: 40px;text-align: center;line-height: 40px;margin-top: 30px;background: #0093dd;}
.derp .box .derp_r .more a{display: block; color: #FFF;}
.derp .box .derp_r .more a:hover{display: block; color: #FFF;text-decoration: none;}
.derp .box .video{float: right;width:48%;}
.derp .box .video video {display: block;background: #000; margin:0 auto; width:100%; height:100%; object-fit: fill;}
.derp .box .pic{float: right;width: 35%;}
.derp .box .pic img{width: 100%;}


.dsanp{padding:35px 0 50px 0;}
.dsanp .title{text-align: center; color: #353535;font-size: 29px; font-weight: bold;}
.dsanp ul{margin-top: 30px;margin-left: -2%;}
.dsanp li{width: 31.333%;float: left;margin-left: 2%;}
.dsanp li .pic{width: 100%; overflow: hidden;transition: all 0.3s;}
.dsanp li .pic img{width: 100%;transition: all 0.3s;}
.dsanp li .pic:hover img{transform: scale(1.1);transition: all 0.3s;}
.dsanp li .nwt{background: #f2f2f2; padding: 25px;} 
.dsanp li .nwt h2{font-size: 18px;font-weight: bold;line-height: 26px; }
.dsanp li .nwt p{color: #777;line-height: 28px;padding-top:10px; font-size: 14px;}



.dsanp li .more{width: 140px;height: 40px;text-align: center;line-height: 40px;border: 2px solid #02489d;font-weight: bold;margin-top: 30px;}
.dsanp li .more a{color: #02489d;display: block;}
.dsanp li .more a:hover{color: #02489d;text-decoration: none;display: block;}


.ny_banner{margin-top:80px;height: 350px;position: relative;}

.info-title{width: 100%;line-height: 60px;background: rgba(0,0,0,0.73);position: relative;margin-top: -60px;z-index: 100;}
.info-title p{background: url(../images/home.png) no-repeat center left;color: #fff;font-size: 15px;padding-left: 30px;}
.info-title p a{color: #fff;font-size: 16px; padding: 0 5px;}


.bread_content{width:100%; background:#f5f5f5;   overflow: hidden;}
.bread_content .inner_nav{padding: 18px 0; text-align: center;}
.bread_content .inner_nav ul{margin:0;flex-flow:wrap}
.bread_content .inner_nav ul li{display:inline-block;}
.bread_content .inner_nav ul li a{ display: inline-block; font-size: 16px; color: #666; background: #fff; height: 40px; line-height: 40px; border-radius: 20px; padding: 0 40px; margin:0 12px; overflow: hidden;}
.bread_content .inner_nav ul li a:hover , .bread_content .inner_nav ul li.active a{color:#fff;background:#0093dd;}


/*-------------inner_content-------------*/
.inner_content{width:100%;background:#fff; overflow: hidden;}
.inner_content .inner_about{width:100%;margin:45px 0; font-size:15px; color:#444; line-height:35px;  overflow: hidden;}
.inner_content .inner_about img{display:inline-block;max-width:100%; margin-top: 10px;}


.zhengshu ul{margin-left: -2%;}
.zhengshu li{float: left;width: 23%;margin-left: 2%;text-align: center;margin-bottom: 20px;background: #CCC;border:2px solid #CCC;box-sizing: border-box;}
.zhengshu li .pic{}
.zhengshu li p{line-height: 30px;}
.zhengshu li img{width: 100%;}




/*新闻列表*/
.news-list{display: flex;flex-wrap: wrap; margin-top: 35px;}
.news-list li{width: 32%;margin-right: 2%;margin-bottom: 2%;box-shadow: 0 0 0px rgba(13,111,184,0);background: #f7f7f7;transition: all ease .4s;}
.news-list li:nth-of-type(3n){margin-right: 0%;}
.news-list li:hover{box-shadow: 0 0 20px rgba(13,111,184,0.2);background: #fff;transform: translate(0%, -15px);}
.news-c{padding:15px 20px;}
.news-list li>div{width: 100%;box-sizing: border-box;}
.news-list li .news-title{display: block;width: 100%;margin: 5px 0 15px;font-size: 17px;line-height: 28px;font-weight: bold;text-transform:Uppercase;color: #333;transition: all ease .4s;}
.news-list li:hover .news-title{color: #0d6fb8;}
.news-list li p{font-size: 14px;line-height: 27px;color: #666;max-height: 54px;display: block;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.news-time{margin: 10px 0;}
.news-time strong{display: block;font-size: 13px;line-height: 1em;color: #0d6fb8;transition: all ease .4s;}


/*新闻详情*/
.NewsDetailed{ width:100%; margin:35px 0;  overflow: hidden;}
.NewsDetailed h4{line-height:32px;margin-bottom:15px;text-align:center;font-size:18px;font-weight:600;color:#444;}
.NewsShowHits{padding-bottom:15px;text-align:center;border-bottom:1px #DEDEDE solid;color:#777;font-size:13px;}
.NewsDetailed-content{line-height:30px;padding-top:15px;padding-bottom:10px;margin-bottom:10px;font-size:14px;text-align:left; color: #555;}
.NewsDetailed-content img {max-width:100%;margin:10px auto;text-align:center;display:table-cell;clear:both;overflow:hidden;}


.fanhui{float:right;width:126px;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:#286ed0;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;}



.product{width: 100%; margin:35px 0 10px; overflow: hidden;}
.product ul{ margin-left:-2.333%;}
.product ul li{ float:left; width:31%;  margin-left:2.333%; text-align:center; margin-bottom:22px;}
.product ul li .pic_img{border: 1px solid #ccc; display: block;} 
.product ul li .pic_img img{max-width: 100%;}
.product li .pz_span{display: block; padding-top:15px; line-height: 30px; font-size: 16px; text-align: center;}


.product_con{padding:15px 0; width:100%;overflow: hidden}
.product_con_t{width:97%;padding:1.5%;overflow: hidden;}
.product_con_t .t_l{float: left;width: 47%; background: #fff;}
.product_con_t .t_l img{max-width:100%;}
.product_con_t .t_r{float: right;width: 47%;margin-top:5%;}
.product_con_t .t_r .title{font-size: 28px;color: #000;padding:5px 0 12px 0;}
.product_con_t .t_r .txtyi{padding:0 0 12px 0; line-height: 30px; font-size: 15px;}
.product_con_t .t_r .txtyi .bt{font-size: 15px;font-weight: bold;color: #ff7500 ;padding: 10px 0;}
.product_con_t .t_r .txtyi table{width: 55%; text-align: center; padding: 5px;}

.product_con_t .t_r .buy{ width:165px; margin:35px 0 0 0; background:#ef9a48; font-size:15px; text-align:center; line-height:42px; border-radius:36px;}
.product_con_t .t_r .buy a{ color:#fff; display:block;}
.product_con_t .t_r .buy a:hover{ text-decoration:none;}


.product_con_b{width:100%; padding:1.5% 0;overflow: hidden;}
.product_con_b .tits{background: url("../images/jt.jpg") center bottom no-repeat; line-height: 42px; height: 58px;font-size: 22px;text-align: center; color: #3e3e3e; margin-bottom: 20px;}
.product_con_b .details_text{padding:20px 0 0; font-size:16px; line-height:32px;}
.product_con_b .details_text img{display: block;max-width: 100%;height: auto;margin: 0 auto;}

.product_con_b .details_text table{width: 86%;border-collapse:collapse;margin: 0 auto;}
.product_con_b .details_text table tr {margin-bottom: 12px;}
.product_con_b .details_text table tr td{ padding:28px 4px; line-height: 30px; text-align:left; font-size: 14px; }
.product_con_b .details_text table tr td img{max-width: 100%; display: block; border: 1px solid #444;}
.product_con_b .details_text table tr td:nth-child(odd){width:80px !important; padding-right: 25px;}
.product_con_b .details_text table tr td:nth-child(even){ padding-right: 65px;}

.product_bottom_a{width:100%; border-top: 1px solid #aaa; overflow: hidden; margin-bottom: 28px;}
.product_bottom_a h3{font-size: 20px;color: #333;font-weight: bold; padding: 35px 0;}

.tj_product{width: 100%; overflow: hidden;}
.tj_product ul{ margin-left:-1%;}
.tj_product ul li{ float:left; width:19%;  margin-left:1%; text-align:center; margin-bottom:22px;}
.tj_product ul li .pic_img{border: 1px solid #ccc; display: block;} 
.tj_product ul li .pic_img img{max-width: 100%;}
.tj_product li .pz_span{display: block; padding-top:12px; line-height: 30px; font-size: 15px; text-align: center;}


/*job*/
.job{background:#fff; padding: 50px 0px; overflow: hidden;}
.jobctit{background:#eee;height:60px;line-height:60px;font-size:16px;color:#333;}
.jobctit span{display:inline-block;width:23.3%;text-align:center;}
.job-content h3{text-align:center;font-size:30px;color:#333;font-weight:normal;margin-bottom:20px;}
.job-content p{text-align:left;font-size:15px;margin-bottom:40px; line-height: 32px;}
.job-content{margin-bottom:20px;}
.job-content dl dt{height:60px;line-height:60px;cursor:pointer;border-bottom:1px solid #ededed;}
.job-content span.job_cls{width:4%;}
.job-content dl dt .down{width:11px;height:60px;background:url(../images/dl.png) no-repeat center;display:block;margin: 0 auto;}
.job-content dl dt.cur .down{background:url(../images/dlon.png) no-repeat center;}
.job-content dl dt span{display:inline-block;width:23%;text-align:center;color:#666;box-sizing: border-box;overflow: hidden;}
.job-content span.job_post{text-align:left;padding-left:25px;font-weight: bold;}
.job-content dl dd{background:#f3f3f3;padding:18px 25px;line-height:28px;}
.job-content dl dd p{color:#666; text-align: left;margin-bottom: 5px;font-size: 14px !important; line-height: 30px;}
.job-content dl dd a.job-apply{background:#0093dd;display: block;width:135px;height:38px;line-height:38px;text-align:center;border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;color:#fff;margin-top:20px;}


.ct_mode{width: 100%; margin: 40px 0; overflow: hidden;}
.ct_mode h2{ text-align: center; font-size: 28px;  margin-bottom: 25px; display: block; }
.ct_mode ul{margin-right:-2%; overflow: hidden;}
.ct_mode ul li { border: 1px solid #eee; display: inline-block;  width: 22.7%; padding:1.2%; text-align: center; margin-right:2%; color: #666; margin-bottom: 20px; margin-top: 20px; box-sizing: border-box;  background: #fff; border-radius: 15px; transition: 0.3s all;vertical-align: top;}
.ct_mode ul li:hover { box-shadow: 2px 2px 10px #aaa; transform: scale(1.02); background: #f8f8f8; }
.ct_mode ul li img { margin:0 0 15px 0; width: 65px; }
.ct_mode ul li i { display: block; font-size: 16px; color: #333; padding-bottom: 8px; font-style: normal; font-weight: bold; }
.ct_mode ul li span { display: block; font-size: 15px; color: #333; line-height: 25px;; min-height: 50px;}

#map_container{height:550px;}

/*feedback*/
.content_box{margin:38px 0;overflow: hidden;}
.content_box .messages_box{width:auto;padding:0 1% 10px 0;}
.content_box .messages_box ul{width:100%;}
.content_box .messages_box ul li{padding:5px 28px 5px 5px;}
.content_box .messages_box .text-input,.content_box .messages_box .summary-input,.content_box .messages_box .qq-input{width:100%;height:33px;padding:0px 10px;line-height:normal;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;font-size:14px;}
.content_box .messages_box .cont-input{width:100%;height:130px;padding:10px;line-height:20px;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;font-size:14px;}
.content_box .messages_box .code-input{width:125px;vertical-align:middle;height:33px;padding:0px 10px;line-height:normal;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;}
.content_box .messages_box .verify-pic{height:35px;vertical-align:middle;}
.content_box .messages_box .submitBtn{text-align:center;padding-top:10px;}
.content_box .messages_box .messages-button{width:125px;height:34px;line-height:34px;font-size:16px;color:#fff;text-align:center;background:none repeat scroll 0% 0% #0093dd;border:none;}



