@import url("font_2453696_lduyu532ugc.css");
@font-face { font-family: "xique"; src: url("");  src: url("") format("embedded-opentype"), url("") format("woff"), url("") format("truetype"), url("") format("svg");  font-style: normal; font-weight: normal; }
ul, ol { margin:0px;padding:0px;text-indent:0px; }
.detail-con-con ul,.detail-con-con  ol {padding-left:2em;}
.container,.conttainer-view { width: 80%; margin-left: auto; margin-right: auto;max-width:1400px; }
.container:before, .container:after { content: ''; float: none; clear: both; display: block; width: 100%; }

.header { position: relative; }
.header .logo { margin:0 auto;float:left;}
.header .logo a { display: flex; align-items: center; justify-content: center; height: 105px; }
.header .logo img { padding: 10px 0; }


.navbtn { display: none; }
.navbar { float: left; display: flex;margin-left:100px; }
.navbar .item { float: left; margin-right: 45px; }
.navbar .item:last-child .child-nav { left: auto; right: 0; }
.navbar .item > a { display: block; line-height: 105px; text-align: center; color: #333; font-size: 17px; background:transparent no-repeat left bottom;font-weight:bold; }
.navbar .item > a:hover { opacity: 1; }
.navbar .item .dropdown { display: none; }
.navbar .item.current > a, .navbar .item:hover > a { color: #0886c5; background:url(../image/naviline.png) no-repeat left bottom; }
.navbar .item:hover .child-nav { opacity: 1; z-index: 99; }
.navbar .child-nav { opacity: 0; position: absolute; z-index: -1; top: 100%; left:0px;width: 100%;height:55px; background-color: #f0f0f0; border-top: 1px solid #eee; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1); overflow: hidden; transition: all, 0.2s; -o-transition: all, 0.2s; -moz-transition: all, 0.2s; -webkit-transition: all, 0.2s;line-height:55px; }
.navbar .child-nav ul { display: flex; flex-wrap: wrap; justify-content: center;list-style:none; }
.navbar .child-nav ul::before, .navbar .child-nav ul::after { display: none; }
.navbar .child-nav li { float: left; max-width: 20%; text-align: center; padding: 20px 30px; }
.navbar  ul,banner ul { list-style:none; }
.navbar .child-nav a:hover h4 { color: #d32d00; }
.navbar .child-nav a{font-size:15px;color:#333333;margin-right:50px;}
.navbar .child-nav a:hover,.navbar .child-nav a.current{color:#0886c5;}
.navbar .language { line-height: 103px; color: #a5a5a5; font-size: 17px; }
.navbar .language a:hover, .navbar .language a.current { color: #d32d00; }
.header .search { float:right;width:200px;height:35px;border:1px solid #d0d0d0;border-radius:17px;margin-top:38px;padding-left:13px;}
.header .search input{width:150px;float:left;border:none;outline:none;height:35px;line-height:35px;color:#333;font-size:13px;margin-top:0px;background:none;}
.header .search a#searchbt{color: #a5a5a5; font-size: 30px; float:right;line-height:35px;}
.navbar .search .show-search-btn { line-height: 103px; color: #a5a5a5; font-size: 34px; background-color: inherit; }
.banner,.banner-mobile{width:100%;float:left;}
.kwicks{list-style:none;margin:0;padding:0;border:none;}
.kwicks.horizontal li{float:left}
.kwicks.vertical li{}
.kwicks li{float:left;width:33.33%;height:575px;background-size:100% auto;}
.kwicks li div{width:100%;height:575px;width:100%;padding-top:410px;color:#fff;line-height:25px;text-align:center;font-size:12px;transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s;}
.kwicks li div span{width:100%;float:left;font-size:20px;font-weight:bold;}
.kwicks li:hover div{padding-top:100px;transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s;}
.kwicks li a{width:100%;height:auto;float:left;background:rgba(0,0,0,0.3);}
.kwicks li a:hover{background:rgba(0,0,0,0);}
.banner-mobile{display:none;overflow:hidden;height:400px;}
.banner-mobile .button-prev, .banner-mobile .button-next { position: absolute; z-index: 2; top: 42%; width: 50px; height: 50px; line-height: 50px; text-align: center; margin-top: -40px; color: #fff; font-size: 50px; cursor: pointer; user-select: none; transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; }
.banner-mobile .button-prev:hover, .banner-mobile .button-next:hover { color: #0f83dc; }
.banner-mobile .button-prev { left: 2%; }
.banner-mobile .button-next { right: 2%; }
.banner-mobile .swiper-slide{width:100%;float:left;}
.banner-mobile .swiper-slide a{width:100%;float:left;text-align:center;color:#fff;padding-top:80%;background:url(../image/bannerbg.png) repeat top center;height:100%;}
.banner-mobile .swiper-slide a span{width:100%;float:left;text-align:center;color:#fff;}
.service{width:100%;float:left;height:110px;background:url(../image/banner-bg-bottom.jpg) no-repeat left top;background-size:100% 100%;}
.item-service{width:25%;float:left;text-align:center;color:#fff;font-size:15px;background:url(../image/line1.png) no-repeat right top;height:110px;}
.item-service span{width:100%;float:left;height:110px;display: flex; align-items: center; justify-content: center;}
.item-service:nth-last-child(1){background:none;}
.news-video,.picandlink{width:100%;float:left;margin-top:55px;}
.news-video-title{width:100%;float:left;background:url(../image/line2.png) no-repeat top center;height:75px;}
.title-left{width:50%;float:left;text-align:right;padding-right:70px;}
.title-left span{width:100%;float:left;color:#333333;font-size:24px;}
.title-left a{width:145px;height:38px;float:right;border:1px solid #e2e2e2;text-align:center;color:#999999;font-size:13px;line-height:38px;margin-top:13px;}
.title-right{width:50%;float:right;text-align:left;padding-left:70px;}
.title-right span{color:#0f83dc;font-size:42px;width:100%;float:left;}
.title-right p{width:100%;float:left;color:#777777;font-size:16px;margin-top:15px;}
.news-video-con{width:100%;float:left;margin-top:55px;}
.spjj{width:50%;height:403px;float:left;background:url(../image/bg-video.jpg) no-repeat top center;background-size:100% auto;padding:15px;}
.spjj a{width:100%;float:left;position:relative;height:100%;}
.spjj .spjj-title{width:98px;height:36px;float:left;background:#9da0a2;font-size:15px;text-align:center;line-height:36px;color:#fff;border-radius:3px;}
.spjj a span{width:100%;float:left;padding-left:75px;padding-top:85px;font-size:24px;color:#333333;}
.spjj a p{width:100%;float:left;padding-left:75px;padding-top:20px;font-size:15px;color:#999999;line-height:30px;}
.spjj a .spjj-playbt{position:absolute;right:20px;top:76%;}
.news-video-con-pic{width:50%;float:right;}
.sypic1{width:32.2%;float:left;margin-top:20px;position:relative;}
.sypic1-pic{width:100%;float:left;border-radius:8px;overflow:hidden;position:relative;}
.sypic1-pic .img1{position:absolute;left:0px;top:0px; width:100%; height:100%; object-fit:cover;z-index:1;}
.sypic1-pic .img2{width:100%;z-index:2;position:relative;transition:all 0.6s ease 0s;}
.sypic1-pic:hover .img2{opacity:0;transition:all 0.6s ease 0s;}
.sypic1-title{width:calc(100% - 60px);float:left;margin-left:30px;margin-right:30px;color:#fff;font-size:20px;position:absolute;left:0px;top:72%;z-index:3;border-bottom:1px solid #657788;padding-bottom:20px;}
.sypic1-title span{float:right;}
.sypic1 p{width:calc(100% - 60px);float:left;margin-left:30px;margin-right:30px;color:#fff;font-size:15px;position:absolute;left:0px;top:80%;z-index:4;line-height:30px;}

.sypic2{width:42.7%;float:left;margin-top:20px;position:relative;margin-left:18px;}
.sypic2-pic{width:100%;float:left;border-radius:8px;overflow:hidden;position:relative;}
.sypic2-pic .img1{position:absolute;left:0px;top:0px; width:100%; height:100%; object-fit:cover;z-index:1;}
.sypic2-pic .img2{width:100%;z-index:2;position:relative;transition:all 0.6s ease 0s;}
.sypic2-pic:hover .img2{opacity:0;transition:all 0.6s ease 0s;}
.sypic2-title{width:calc(100% - 60px);float:left;margin-left:30px;margin-right:30px;color:#fff;font-size:20px;position:absolute;left:0px;top:35px;z-index:3;border-bottom:1px solid #657788;padding-bottom:20px;}
.sypic2-title span{float:right;}
.sypic2 p{width:calc(100% - 60px);float:left;margin-left:30px;margin-right:30px;color:#fff;font-size:15px;position:absolute;left:0px;top:75px;z-index:4;line-height:30px;}

.sypic3{width:22.5%;float:right;margin-top:20px;position:relative;margin-left:18px;}
.sypic3-pic{width:100%;float:left;border-radius:8px;overflow:hidden;position:relative;}
.sypic3-pic .img1{position:absolute;left:0px;top:0px; width:100%; height:100%; object-fit:cover;z-index:1;}
.sypic3-pic .img2{width:100%;z-index:2;position:relative;transition:all 0.6s ease 0s;}
.sypic3-pic:hover .img2{opacity:0;transition:all 0.6s ease 0s;}
.sypic3-title{width:calc(100% - 60px);float:left;margin-left:30px;margin-right:30px;color:#fff;font-size:20px;position:absolute;left:0px;top:35px;z-index:3;border-bottom:1px solid #657788;padding-bottom:20px;}
.sypic3-title span{float:right;}
.sypic3 p{width:calc(100% - 60px);float:left;margin-left:30px;margin-right:30px;color:#fff;font-size:15px;position:absolute;left:0px;top:75px;z-index:4;line-height:30px;}
.sypic-other{width:22.5%;float:right;margin-top:20px;position:relative;margin-left:18px;background:#0f83dc;border-radius:8px;display: flex; align-items: center; justify-content: center;position:relative;}
.sypic4-pic{width:100%;float:left;border-radius:8px;overflow:hidden;position:relative;}
.sypic4-pic .img1{position:absolute;left:0px;top:0px; width:100%; height:100%; object-fit:cover;z-index:1;}
.sypic4-pic .img2{width:100%;z-index:2;position:relative;transition:all 0.6s ease 0s;}
.sypic4-pic:hover .img2{opacity:0;transition:all 0.6s ease 0s;}
.sypic4-title{width:100%;float:left;position:absolute;left:0px;top:46%;z-index:3;display: flex; align-items: center; justify-content: center;}
.sypic-other a{width:143px;height:38px;border:1px solid #fff;line-height:38px;text-align:center;float:left;display: flex; align-items: center; justify-content: center;font-size:15px;color:#fff;}

.item-news{width:32.5%;float:left;margin-top:20px;margin-right:1.25%;position:relative;}
.item-news-pic{width:100%;float:left;border-radius:8px;overflow:hidden;position:relative;}
.item-news-pic .img1{position:absolute;left:0px;top:0px; width:100%; height:100%; object-fit:cover;z-index:1;}
.item-news-pic .img2{width:100%;z-index:2;position:relative;transition:all 0.6s ease 0s;}
.item-news-pic:hover .img2{opacity:0;transition:all 0.6s ease 0s;}
.item-news-txt{width:100%;float:left;text-align:center;position:relative;top:-80px;z-index:10;padding-left:10%;padding-right:10%;}
.item-news-txt a{font-size:18px;color:#fff;width:100%;float:left;margin-top:25px;}
.item-news-txt span{font-size:12px;color:#999999;width:100%;float:left;margin-top:5px;}

.item-news-txts{width:100%;float:left;text-align:center;position:relative;z-index:10;min-height:80px;}
.item-news-txts a{font-size:18px;color:#666;width:100%;float:left;margin-top:25px;}
.item-news:hover a{color:#d32d00;}
.item-news-txts span{font-size:12px;color:#999999;width:100%;float:left;margin-top:5px;}
.item-news:nth-last-child(1){margin-right:0px;}
.list-con .item-news:nth-child(3n){margin-right:0px;}

footer{width:100%;float:left;background:#181e28;margin-top:20px;}
.item-footnavi{width:20%;float:left;border-right:1px solid #2d323b;padding-top:45px;min-height:200px;padding-left:30px;padding-right:30px;}
.item-footnavi span{width:100%;float:left;font-size:20px;margin-bottom:30px;color:#fff;}
.item-footnavi a{float:left;color:#8c8f94;font-size:13px;margin-bottom:10px;margin-right:15px;}
.item-footnavi:nth-last-child(1){border:none;}
.item-footnavi a.footpic{width:30px;height:30px;float:left;background:#fff;border-radius:15px;text-align:center;line-height:30px;margin-right:15px;}
.copyright{width:100%;float:left;border-top:1px solid #2d323b;height:35px;line-height:35px;color:#8c8f94;font-size:13px;}
.copyright .c-l{width:50%;float:left;text-align:left;}
.copyright .c-r{width:50%;float:right;text-align:right;}


.banner-list{overflow:hidden;width:100%;float:left;text-align:center;}
.banner-list .button-prev, .banner-list .button-next { position: absolute; z-index: 2; width: 50px; height: 50px; line-height: 50px; text-align: center; margin-top: -40px; color: #fff; font-size: 50px; cursor: pointer; user-select: none; transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; }
.banner-list .button-prev:hover, .banner-list .button-next:hover { color: #0f83dc; }
.banner-list .button-prev { left: 2%; }
.banner-list .button-next { right: 2%; }
.banner-list img{object-fit: cover;}
.main-list{width:100%;float:left;margin-top:25px;}
.location{width:100%;float:left;padding-bottom:15px;background:url(../image/line3.png) repeat-x left bottom;}
.location-left{width:40%;float:left;background:url(../image/ico-home.png) no-repeat left center;height:20px;line-height:20px;font-size:15px;color:#555555;padding-left:25px;}
.location-left a:hover,.location-left span{color:#0886c5;}
.location-right{width:60%;float:right;text-align:right;height:20px;line-height:20px;font-size:15px;color:#555555;}
.location-right a{margin-left:50px;}
.location-right a:hover,.location-right a.current{color:#0886c5;border-bottom:2px solid #0886c5;padding-bottom:15px;}
.list-con,.detail-con{width:100%;float:left;margin-top:80px;}
.main-detail .location-left{width:100%;}

.list-con .item-solution{width:32.5%;float:left;margin-bottom:30px;margin-right:1.25%;}
.list-con .item-solution-pic{width:100%;float:left;border-radius:8px;overflow:hidden;position:relative;}
.list-con .item-solution-pic .img1{position:absolute;left:0px;top:0px; width:100%; height:100%; object-fit:cover;z-index:1;}
.list-con .item-solution-pic .img2{width:100%;z-index:2;position:relative;transition:all 0.6s ease 0s;}
.list-con .item-solution-pic:hover .img2{opacity:0;transition:all 0.6s ease 0s;}
.list-con .item-solution-txt{width:100%;float:left;text-align:center;}
.list-con .item-solution-txt a{font-size:16px;color:#333;width:100%;float:left;margin-top:25px;}
.list-con .item-solution:nth-child(3n){margin-right:0px;}

.leftnavi{width:200px;float:left;border:1px solid #eeeeee;background:#fff;}
.leftnavi .leftnavi-title{width:100%;height:90px;float:left;background:url(../image/leftnavibg.png) no-repeat left top;font-size:12px;color:#c9c9c9;font-family:Arial;text-align:center;padding-top:25px;line-height:20px;}
.leftnavi .leftnavi-title span{font-size:26px;color:#000;font-family:'Microsoft YaHei';}
.leftnavi a{width:100%;float:left;height:50px;background:#fff url(../image/ico-jt1.png) no-repeat 50px center;padding-left:65px;line-height:50px;transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s;}
.leftnavi a:hover,.leftnavi a.current{background:#0886c5 url(../image/ico-jt2.png) no-repeat 50px center;color:#fff;transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s;}
.leftnavi-con{background:#fff;}
.rightcon{width:calc(100% - 250px);float:right;}
.right-item,.right-item-contact{width:100%;float:left;margin-bottom:100px;}
.right-item .right-item-left,.right-item-contact  .right-item-left{width:490px;float:left;}
.right-item .right-item-left img,.right-item-contact .right-item-left img{max-width:100%;}
.rightcon .right-item:nth-child(3) .right-item-left{margin-top:65px;}
.right-item .right-item-right,.right-item-contact .right-item-right{width:calc(100% - 545px);float:right;color:#777777;font-size:15px;line-height:30px;padding-top:10px;}
.right-item .right-item-right span,.right-item-contact .right-item-right span{font-size:24px;color:#333333;}
.rightcon .right-item:nth-child(2n) .right-item-left{width:570px;float:right;}
.rightcon .right-item:nth-child(2n) .right-item-right{width:calc(100% - 765px);float:left;}
.right-item-contact .right-item-left{width:770px;float:right;}
.right-item-contact .right-item-right{width:calc(100% - 800px);float:left;}
.right-item-left #map{width:100%;height:270px;float:left;}
.right-item-left .map-panel{display:none}
.map-panel-title{margin-top:0;margin-bottom:10px;font-size:15px}
.map-panel-content{line-height:1.4;color:#999;font-size:13px}
.map-panel-content p{margin:0;}

.detail-title{width:100%;float:left;font-size:18px;text-align:center;}
.detail-con-con{width:100%;float:left;font-size:14px;line-height:28px;text-align:justify;margin-top:10px;}
.detail-con-con p{text-indent:2em;}
.conttainer-view{width:1200px;}
.fenlan{width:50%;float:left;}
.detail-con-con p img{max-width:70% !important;text-indent:0px;}
.detail-con-con img{max-width:70% !important;}

.list-pagination { text-align: center; font-size: 0; width:100%;float:left;}
.list-pagination #ctl00_Main_DataPager1 { border: none; }
.list-pagination a[disabled='disabled'] { cursor: not-allowed; }
.list-pagination span, .list-pagination a { display: inline-block; line-height: 25px; margin-left: 5px; margin-right: 5px; padding-left: 10px; padding-right: 10px; border: 1px solid #d5d5d5; color: #454545; font-size: 14px; }
.list-pagination span { color: #ccc; border-color: #ddd; }
.list-pagination .on, .list-pagination a:hover { color: #fff; background-color: #000066; border-color: #000066; }