@charset "utf-8";
header{font-size:0px;}
.header{width:100%;height:100px;border-bottom:2px solid #216db9;display:inline-block;}
.header .logo{float:left;width:261px;line-height:100px;}
.header .logo img{width:100%;vertical-align:middle;}
.header .nav{float:right;width:760px;height:100px;}
/* .header .nav .up{width:100%;height:44px;text-align:right;font-size:0px;}
.header .nav .up i{font-size:18px;color:#216db9;font-style:normal;display:inline-block;height:44px;line-height:44px;float:right;}
.header .nav .up span{float:right;font-size:24px;background:-webkit-linear-gradient(#20328E,#243E99,#2952AA,#3C92E2,#2952AA,#243E99,#20328E);-webkit-background-clip:text;color:transparent;display:inline-block;line-height:44px;} */
.header .nav .down{margin-top:44px;}
.header .nav ul{margin-left:-17px;}
.header .nav ul li{float:left;margin-left:17px;height:56px;position:relative;}
.header .nav ul li a{font-size:18px;color:#333;display:inline-block;padding:8px 20px;}
.header .nav ul li:hover,.header .nav ul li.hover{}
.header .nav ul li:hover a,.header .nav ul li.hover a{background:#216db9;color:#fff;}
.header .nav ul li ul.xj{display:none;position:absolute;top:50px;left:17px;width:100%;background:url('../images/jiao_07.png')no-repeat center top;z-index:99;padding-top:6px;}
.header .nav ul li:hover ul.xj{display:block;}
.header .nav ul li ul.xj li{width:100%;margin:0px;padding:0px;height:35px;background:#005db4;}
.header .nav ul li ul.xj li a{display:inline-block;width:100%;border:0px;padding:0px;height:35px;line-height:35px;text-align:center;color:#fff;font-size:16px;}
.header .nav ul li ul.xj li a:hover{background:#054988;}

section{font-size:0px;width:100%;}
.m-banner{width:100%;}

.m-product{padding:45px 0px;background:#f7f7f7;width:100%;}
.m-tit{width:100%;display:inline-block;text-align:center;}
.m-tit h3{font-weight:400;font-size:28px;color:#333;padding-bottom:10px;background:url('../images/titback_13.png')no-repeat center bottom;}
.m-tit p{font-size:28px;color:#d8d6d6;margin-top:5px;}
.m-product .m-procon{width:100%;display:inline-block;margin-top:50px;}
.m-product .m-procon ul li{float:left;border-bottom:1px solid #999;width:343.33px;border-left:1px solid #999;height:212px;padding:50px 28px 35px;transition:all 0.5s;}
.m-product .m-procon ul li:nth-child(1),.m-product .m-procon ul li:nth-child(4){border-left:0px;}
.m-product .m-procon ul li:nth-child(4),.m-product .m-procon ul li:nth-child(5),.m-product .m-procon ul li:nth-child(6){border-bottom:0px;}
.m-product .m-procon ul li h3{font-weight:400;font-size:18px;text-align:center;color:#333;transition:all 1s;}
.m-product .m-procon ul li h4{width:100%;margin-top:25px;height:67px;position:relative;overflow:hidden;}
.m-product .m-procon ul li h4 img.img1{position:absolute;bottom:0px;left:50%;margin-left:-27px;transition:all 0.5s;}
.m-product .m-procon ul li h4 img.img2{position:absolute;bottom:67px;left:50%;margin-left:-27px;transition:all 0.5s;}
.m-product .m-procon ul li:nth-child(1) h4 img.img1{position:absolute;bottom:0px;left:50%;margin-left:-31px;}
.m-product .m-procon ul li:nth-child(1) h4 img.img2{position:absolute;bottom:67px;left:50%;margin-left:-31px;}
.m-product .m-procon ul li p{margin-top:22px;width:100%;text-align:left;color:#666;line-height:28px;font-size:16px;transition:all 1s;}
.m-product .m-procon ul li:hover{background:#005db4;}
.m-product .m-procon ul li:hover h3,.m-product .m-procon ul li:hover p{color:#fff;}
.m-product .m-procon ul li:hover h4 img.img1{bottom:-67px;}
.m-product .m-procon ul li:hover h4 img.img2{bottom:0px;}

.m-ourys{width:100%;margin-top:40px;display:inline-block;}
.m-ourys .m-ouryscon{width:100%;margin-top:35px;display:inline-block;padding:45px 0px;background:url('../images/mysback_02.jpg')no-repeat center center;}
.m-ourys .m-ouryscon ul{margin-left:-82px;margin-top:-17px;}
.m-ourys .m-ouryscon li{width:318px;height:268px;float:left;margin-left:82px;overflow:hidden;position:relative;margin-top:17px;}
.m-ourys .m-ouryscon li .ysshow{width:100%;position:absolute;top:35px;left:50%;margin-left:-159px;text-align:center;transition:all 0.3s;}
.m-ourys .m-ouryscon li:hover .ysshow{top:100%;}
.m-ourys .m-ouryscon .ysshow p{margin-top:20px;font-size:18px;color:#fff;}
.m-ourys .m-ouryscon .yshidden{position:absolute;top:-100%;left:0px;background:rgba(0,0,0,0.4);width:100%;height:100%;text-align:center;transition:all 0.5s;}
.m-ourys .m-ouryscon li:hover .yshidden{top:0;}
.m-ourys .m-ouryscon .yshidden h3{padding-top:75px;font-weight:400;font-size:18px;color:#fff;}
.m-ourys .m-ouryscon .yshidden h4{text-align:center;}
.m-ourys .m-ouryscon .yshidden h4 span{display:inline-block;width:50px;height:3px;background:#005db4}
.m-ourys .m-ouryscon .yshidden p{padding:0px 35px;margin-top:40px;font-size:16px;color:#fff;line-height:28px;}

.m-about{padding:40px 0px 42px;width:100%;background:url('../images/maboutback_02.jpg')no-repeat center top;}
.m-about .m-aboutcon{width:100%;display:inline-block;margin-top:35px;}
.m-about .m-aboutcon .about-l{float:left;width:433px;height:553px;text-align:center;padding:1px 4px 4px;}
.m-about .m-aboutcon .about-l img{width:433px;height:545px;}
.m-about .m-aboutcon .about-r{float:right;width:670px;font-size:16px;color:#fff;line-height:30px;text-align: justify;padding-top:283px;}

.m-article{padding:40px 0px 30px;width:100%;display:inline-block;}
.m-article .m-articlecon{width:100%;display:inline-block;margin-top:40px;position:relative;padding-bottom:42px;}
.m-article .m-articlecon .swiper-slide .up{width:100%;height:199px;overflow:hidden;}
.m-article .m-articlecon .swiper-slide .up img{width:100%;height:100%;transition:all 1s;}
.m-article .m-articlecon .swiper-slide .down{border:1px solid #d2d0d0;border-top:0px;}
.m-article .m-articlecon .swiper-slide .down .down-up{margin:0px 20px 0px;padding:20px 0px;border-bottom:1px solid #d2d0d0;}
.m-article .m-articlecon .swiper-slide .down .down-up a{display:inline-block;width:100%;font-weight:400;font-size:16px;color:#333;padding-bottom:15px;background:url('../images/dx_03.jpg')no-repeat left bottom;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.m-article .m-articlecon .swiper-slide .down .down-up p{color:#999;font-size:16px;line-height:28px;margin-top:25px;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow:hidden;height:84px;}
.m-article .m-articlecon .swiper-slide .down .down-down{height:50px;margin:0px 20px;font-size:14px;line-height:50px;}
.m-article .m-articlecon .swiper-slide .down .down-down span{float:left;color:#999;}
.m-article .m-articlecon .swiper-slide .down .down-down a{float:right;color:#999;}
.m-article .m-articlecon .swiper-slide .down .down-down a:hover{color:#005db4;}
.m-article .m-articlecon .swiper-slide:hover .up img{transform:scale(1.2);}
.m-article .m-articlecon .swiper-slide:hover .down .down-up a{color:#005db4;}
.m-article .swiper-button-next2,.m-article .swiper-button-prev2{position:absolute;bottom:3px;right:0px;width:24px;height:6px;z-index:10;cursor:pointer;background-size:24px 6px;background-position: center;background-repeat: no-repeat;}
.m-article .swiper-button-next2{background:url('../images/next_05.png')no-repeat center center;right:5px;}
.m-article .swiper-button-prev2{background:url('../images/prev_03.png')no-repeat center center;right:80px;}
.m-article .swiper-button-next2:hover{background:url('../images/nexts_05.png')no-repeat center center;right:5px;}
.m-article .swiper-button-prev2:hover{background:url('../images/prevs_03.png')no-repeat center center;right:80px;}
.m-article .fgx{position:absolute;width:2px;height:20px;right:54px;bottom:0px;font-size:20px;color:#d0d0d0;}

footer{font-size:0px;}
.footer{width:100%;display:inline-block;padding:30px 0px 25px;background:#216DB9;}
.footer .foot-l{float:left;width:930px;}
.footer .foot-l .foot-nav{width:100%;display:inline-block;border-bottom:1px solid #c5c5c5;padding-bottom:22px;}
.footer .foot-l .foot-nav li{float:left;margin-right:85px;}
.footer .foot-l .foot-nav li a{font-size:16px;color:#fff;}
.footer .foot-l .foot-nav li a:hover{color:#ccc;}
.footer .foot-l .foot-cen{display:inline-block;width:100%;}
.footer .foot-l .foot-cen li{float:left;padding-left:35px;margin-top:27px;height:20px;line-height:20px;font-size:16px;color:#fff;}
.footer .foot-l .foot-cen li:nth-child(1){width:100%;background:url('../images/fcan_06.png')no-repeat left center;}
.footer .foot-l .foot-cen li:nth-child(1) span{font-size:22px;}
.footer .foot-l .foot-cen li:nth-child(2){background:url('../images/fcan_12.png')no-repeat left center;}
.footer .foot-l .foot-cen li:nth-child(3){margin-left:35px;background:url('../images/fcan_10.png')no-repeat left center;}
.footer .foot-l .foot-copy{font-size:14px;color:#fff;margin-top:30px;width:100%;display:inline-block;}
.footer .foot-l .foot-copy .copy{float:left;}
.footer .foot-l .foot-copy .jszc{float:left;margin-left:50px;}
.footer .foot-l .foot-copy .jszc a{color:#fff;}
.footer .foot-l .foot-copy .jszc a:hover{color:#ccc;}
.footer .foot-ewm{float:right;width:140px;margin-top:20px;}
.footer .foot-ewm img{width:100%;}
.footer .foot-ewm p{width:100%;text-align:center;margin-top:15px;color:#fff;font-size:16px;}

/* pages.html */
.crumbs-nav{width:100%;display:inline-block;height:55px;line-height:55px;background:#f8f8f8;}
.crumbs-nav .sonnav{float:left;}
.crumbs-nav .sonnav ul li{float:left;font-size:16px;}
.crumbs-nav .sonnav ul li a{display:inline-block;padding:0px 15px;height:55px;line-height:55px;border-top:2px solid #216db9;}
.crumbs-nav .sonnav ul li:hover a,.crumbs-nav .sonnav ul li.hover a{color:#fff;background:#216db9;}
.crumbs-nav .crumbs{float:right;font-size:14px;color:#666;}
.crumbs-nav .crumbs a{color:#666;}
.crumbs-nav .crumbs a:hover{color:#005db4;}
.pages-gsjs{width:100%;display:inline-block;padding:40px 0px 45px;}
.pages-gsjs .pages-gsjs-text{float:left;width:60.42%;}
.pages-gsjs .pages-gsjs-text .tit{background:url('../images/gsjsback_03.png')no-repeat left top;padding:22px 0px 21px;}
.pages-gsjs .pages-gsjs-text .tit p{font-size:22px;color:#000;margin-top:-10px;}
.pages-gsjs .pages-gsjs-text .con{margin-top:35px;width:100%;display:inline-block;font-size:16px;color:#333;line-height:28px;}
.pages-gsjs .pages-gsjs-img{float:right;width:36.16%;margin-top:90px;}
.pages-gsjs .pages-gsjs-img img{width:100%;}
.pages-fwys{padding:0px 0px 47px;width:100%;display:inline-block;border-top:1px solid #ededed;}
.pages-fwys .tit{background:url('../images/hcx_11.png')no-repeat left top;padding-top:50px;margin-top:-12px;}
.pages-fwys .tit span{font-size:24px;color:#333;padding-right:45px;background:url('../images/ldx_03.png')no-repeat right center;}
.pages-fwys .con{width:100%;display:inline-block;}
.pages-fwys .con ul{margin-left:-3.33%;}
.pages-fwys .con ul li{background:#f9f9f9;margin-top:45px;float:left;width:23%;margin-left:3.33%;padding:55px 3.5% 45px;text-align:center;border-top:3px solid #43c5b9;}
.pages-fwys .con ul li:nth-child(2),.pages-fwys .con ul li:nth-child(5){border-top:3px solid #27a6eb;}
.pages-fwys .con ul li img{width:90px;height:90px;}
.pages-fwys .con ul li h3{margin-top:20px;font-weight:400;font-size:18px;color:#333;}
.pages-fwys .con ul li p{font-size:16px;color:#666;line-height:28px;margin-top:40px;}
.pages-fwys .con ul li a{display:inline-block;margin-top:30px;width:55%;text-align:center;border:1px solid #e5e5e5;border-radius:25px;height:50px;line-height:50px;font-size:16px;color:#333;}
.pages-fwys .con ul li:hover a{color:#005db4;border:1px solid #005db4;}
.pages-fwys .con ul li:hover{box-shadow:0px 0px 10px #e6e6e6;}

/* product.html */
.product-con{width:100%;display:inline-block;padding:45px 0px 55px;}
.product-con ul{margin-top:-40px;margin-left:-1.43%;}
.product-con ul li{float:left;margin-top:40px;margin-left:1.43%;width:23.57%;}
.product-con ul li a{display:inline-block;width:100%;}
.product-con ul li a .img{height:310px;border:1px solid #b0b0b0;}
.product-con ul li:hover a .img{box-shadow:5px 5px 5px #c5c5c5;}
.product-con ul li a .img img{width:100%;height:100%;}
.product-con ul li a .text{height:43px;border-bottom:1px dashed #d1d1d1;line-height:43px;font-size:14px;color:#666;text-align:left;padding:0px 10px;white-space:nowrap;overflow:hidden;
text-overflow: ellipsis;}
.product-con ul li:hover a .text{border-bottom:1px dashed #3e7cbe;color:#216db9;}

/* proview */
.proview{width:100%;margin-top:42px;display:inline-block;}
.proview .up{width:100%;display:inline-block;}
.proview .up .img{float:left;width:23.58%;}
.proview .up .img img{width:100%;}
.proview .up .text{float:right;width:73.5%;}
.proview .up .text h3{font-weight:400;width:100%;display:inline-block;border-bottom:1px solid #3e7cbe;height:50px;line-height:50px;}
.proview .up .text h3 span{float:left;display:inline-block;width:86%;font-size:20px;color:#216db9;}
.proview .up .text h3 a{float:right;font-size:14px;color:#333;}
.proview .up .text h3 a:hover{color:#216db9;}
.proview .up .text p{width:100%;text-align:left;margin-top:28px;font-size:14px;color:#666;line-height:28px;}
.proview .down{width:100%;margin-top:35px;}
.proview .down .tit{width:100%;display:inline-block;text-align:left;border-bottom:1px dashed #d1d1d1;}
.proview .down .tit span{display:inline-block;width:100px;height:40px;line-height:40px;text-align:center;font-size:16px;color:#fff;background:#3e7cbe;}
.proview .down .con{width:100%;margin-top:40px;font-size:14px;color:#666;}
.proview .down .con img{max-width:100%;}
.prev-next{width:100%;margin-top:50px;display:inline-block;padding:25px 0px;background:#f2f2f2;}
.prev-next p{float:left;width:45%;height:32px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;}
.prev-next p span{display:inline-block;font-size:16px;color:#3e7cbe;height:30px;line-height:30px;width:88px;text-align:center;border-radius:3px;border:1px solid #3e7cbe;}
.prev-next p a{font-size:16px;color:#333;}
.prev-next p:nth-child(2){margin-left:5%;}
.prev-next p:hover,.prev-next p:hover a{color:#3e7cbe;}

/* article.html */
.article-con{width:100%;display:inline-block;padding:13px 0px 40px;}
.article-con li{padding:27px 0px;display:inline-block;width:100%;border-bottom:1px solid #d8d8d8;}
.article-con li .img{float:left;width:23.83%;overflow:hidden;}
.article-con li .img img{transition:all 1s;width:100%;}
.article-con li:hover .img img{transform:scale(1.1);}
.article-con li .text{float:right;width:73%;overflow:hidden;display:inline-block;}
.article-con li .text .text-l{float:left;width:89%;}
.article-con li .text .text-l h3{font-weight:400;height:52px;line-height:52px;font-size:16px;color:#333;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.article-con li .text .text-l h3 a{color:#333;}
.article-con li .text .text-l p{font-size:14px;color:#666;margin-top:10px;height:50px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:26px;padding-right:40px;}
.article-con li .text .text-l>a{color:#999;font-size:14px;padding-left:35px;background:url('../images/more.png')no-repeat left center;margin-top:20px;display:inline-block;height:20px;line-height:20px;}
.article-con li .text .text-r{float:right;padding-left:40px;margin-top:40px;height:70px;padding-top:10px;border-left:1px solid #dedede;text-align:center;}
.article-con li .text .text-r h3{font-size:24px;color:#333;font-weight:400;}
.article-con li .text .text-r p{font-size:14px;color:#666;margin-top:10px;}
.article-con li:hover{border-bottom:1px solid #2980d7;}
.article-con li:hover .text .text-l h3 a{color:#216db9;}
.article-con li:hover .text .text-l>a{background:url('../images/mores.png')no-repeat left center;color:#2980d7;}

/* view.html */
.view{margin-top:50px;display:inline-block;width:100%;}
.view .tit{width:100%;display:inline-block;border-bottom:1px solid #e2e2e2;padding-bottom:22px;}
.view .tit .up{width:100%;text-align:center;font-size:22px;color:#216db9;}
.view .tit .down{width:100%;text-align:center;display:inline-block;margin-top:15px;}
.view .tit .down span{font-size:14px;color:#999;display:inline-block;height:16px;line-height:16px;}
.view .tit .down span i{font-style:normal;padding-left:30px;background:url('../images/view_01.png')no-repeat left center;}
.view .tit .down span i:nth-child(2){margin-left:30px;background:url('../images/view_02.png')no-repeat left center;}
.view .tit .down a{float:right;font-size:14px;color:#333;}
.view .tit .down a:hover{color:#216db9;}
.view .con{width:100%;margin-top:25px;display:inline-block;font-size:16px;color:#666;line-height:28px;}
.view .con img{max-width:100%;}

/* join.html */
.join-con{margin:30px 0px 50px;width:100%;display:inline-block;}
.join-con .up{font-size:16px;color:#666;line-height:28px;}
.join-con li{margin-top:25px;width:100%;}
.join-con li a{display:inline-block;width:95%;height:60px;line-height:60px;padding:0px 2.5%;font-size:16px;color:#333;background:#e9e9e9 url('../images/rightjiao.png')no-repeat 98% center;}
.join-con li:hover a{background:#216db9 url('../images/rightjiaob.png')no-repeat 98% center;color:#fff;}

/* contact.html */
.contact .up{display:inline-block;padding:48px 0px 52px;width:100%;border-bottom:10px solid #f7fbff;}
.contact .up ul li{float:left;width:25%;text-align:center;}
.contact .up ul li h4{width:100%;position:relative;height:88px;overflow:hidden;}
.contact .up ul li h4 img{position:absolute;left:50%;margin-left:-44px;transition:all 0.5s;}
.contact .up ul li h4 img.img1{top:0px;}
.contact .up ul li h4 img.img2{top:-100%;}
.contact .up ul li:hover h4 img.img1{top:100%;}
.contact .up ul li:hover h4 img.img2{top:0px;}
.contact .up ul li h3{font-size:16px;color:#333;margin-top:12px;}
.contact .up ul li p{font-size:16px;color:#216db9;margin-top:12px;}
.contact .down{width:100%;padding:40px 0px 45px;display:inline-block;}
.contact .down .map{border:1px solid #ccc;width:100%;height:440px;}

.m_biaoyu {width: 100%;display: inline-block;margin-top: 20px;text-align: center;}
.m_biaoyu p:nth-child(1) {font-size:16px;color:#216db9}
.m_biaoyu p:nth-child(2) {font-size:16px;color:#216db9;margin-top: 15px;}
























/* 分页 */
.paging {display:inline-block;width:100%;margin:10px auto 40px;text-align:center;min-height:43px;font-size:16px;line-height:43px;}
.paging .w{position:relative;min-height:43px;}
.paging p{color:#000;position:absolute;top:0px;width:60%;left:20%;}
.paging ul li{display:none;}
.paging ul li a{width:auto;}
.paging li:nth-child(1){display:block;float:left;}
.paging li:nth-last-child(1){display:block;float:right;}
.paging li:nth-child(1) a{border: 1px solid #787878;color: #000;background:url('../images/jtleft.png')no-repeat 10px center;padding:10px 13px 10px 38px;border-radius: 5px;}
.paging li:nth-last-child(1) a{border: 1px solid #787878;color: #000;background:url('../images/jtright.png')no-repeat 67px center;padding:10px 38px 10px 13px;border-radius: 5px;}
.paging li:nth-child(1):hover a{background:#3e7cbe url('../images/jtlefts.png')no-repeat 10px center;}
.paging li:nth-last-child(1):hover a{background:#3e7cbe url('../images/jtrights.png')no-repeat 67px center;}
.paging li:hover a{color:#fff;}