/*头部*/ .head{line-height: 40px;color: #b0b0b0;font-size: 14px;} .head .seo_a{color: #b0b0b0;font-size: 14px;padding:0 8px;position: relative;} .head .seo_a:after{width: 1px;height: 16px;content: '';position: absolute;right: 0;top:50%;transform: translateY(-50%);background: #e7e7e7;} .head .seo_a:last-of-type:after{background:none;} .head ul li{float: right;padding:0 15px; color: #b0b0b0;font-size: 14px;text-indent: 10px;position: relative;margin-left: 15px;} .head ul li:after{width: 1px;height: 16px;content: '';position: absolute;right: 0;top:50%;transform: translateY(-50%);background: #e7e7e7;} .head ul li.he_map{background: url(../images/he_ico1.jpg) left center no-repeat;} .head ul li.he_ewm{background: url(../images/he_ico2.jpg) left center no-repeat;} .head ul li.he_tel{background: url(../images/he_ico3.jpg) left center no-repeat;} .head ul li.he_tel:after{background: none;} .head ul li a {color: #b0b0b0;font-size: 14px;} .head ul li span{font-weight: bolder;font-size: 18px;color: #088484;} .head a:hover{color: #088484;} .top{padding:15px 0;} .top .container{display: flex;} .top .top_logo{flex:0 0 70%; height: 70px;transition: all .4s;} .top .top_logo img{display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%;transition: all .4s;} .top_nav{flex:0 0 30%;margin:15px 0;} .top_nav>ul{display: flex;margin-bottom: 0;} .top_nav>ul>li{flex: 1;position: relative;margin-left: 9px;} .top_nav>ul>li>a{display: block;text-align: center;border-radius: 3px; line-height: 40px;transition: all .4s;background: #e4f1f1; color: #1a8d8d;font-size: 16px;position: relative;} .top_nav>ul>li>a:hover{background: #1a8d8d;color: #fff;} .pc_menu{display: none;position: absolute;right: 0;width: 90px;line-height: 35px;top:10px;} .pc_menu .pc_menu_button{width: 40px;height: 40px;cursor: pointer;position: absolute;right: 0;top:0;} .pc_menu .pc_menu_button>.line{width: 30px; height: 3px;background: #088484;margin-top:6px;transition:.3s;transition-timing-function:ease;} .pc_menu .pc_menu_button>.line:nth-child(2){transition-delay:0.05s;} .pc_menu .pc_menu_button>.line:nth-child(3){transition-delay:0.1s;margin-bottom: 0;} .pc_menu.on .pc_menu_button>.line:nth-child(1){transform:translateY(10px) rotate(45deg);-webkit-transform:translateY(10px) rotate(45deg);} .pc_menu.on .pc_menu_button>.line:nth-child(2){transform:translateY(0) rotate(0);-webkit-transform:translateY(0) rotate(0);display: none;} .pc_menu.on .pc_menu_button>.line:nth-child(3){transform:translateY(0px) rotate(-45deg);-webkit-transform:translateY(0px) rotate(-45deg);} .pc_nav{position: fixed;top:0;bottom:0;right: 0;display: none;width: 0%;height: 100vh;background: #fff;transition: .3s all;} .open{width: 55%;display: block;right: 0;z-index: 100;transition: all .8s;} .pc_nav_1{width: 100%;height:90px;display: flex;} .pc_nav_2{width: 100%;display: flex;} .pc_nav_left{width: 40%;height: 100vh;position: relative;} .pc_nav_left_nav{overflow-y: scroll;position: relative;height: 100vh;padding: 30px 0;padding-left: 30%;} .pc_nav_left_nav dt{color: #292246;font-size: 16px;line-height: 60px;position: relative;font-weight: bolder;margin-top: 20px;} .pc_nav_left_nav dt:after{width: 60px;height: 1px;content: '';background: #088484;position: absolute;left: 15px;top:0;} .pc_nav_left_nav dt:first-of-type{margin-top: 0;} .pc_nav_left_nav dt:first-of-type:after{background: none;} .pc_nav_left_nav dt a{color: #088484;font-size: 16px;display: block;} .pc_nav_left_nav dd{color: #878787;font-size: 14px;padding-left: 15px;line-height: 30px;} .pc_nav_left_nav dd a{color: #878787;font-size: 14px;} .pc_nav_right{width: 60%;height: 100vh;padding:50px 10% 0 10%;text-align: center;} .pc_nav_right img{max-width: 100%;} .pc_nav_right p{padding:30px 0 50px;color: #999;font-size: 14px;line-height: 25px;position: relative;} .pc_nav_right p:after{width: 80px;height: 1px;content: '';position: absolute;background: #292246;left: 50%;bottom:0;transform: translateX(-50%);} .pc_nav_right ul{position: relative;padding:15px 0;overflow:hidden;} .pc_nav_right ul:after {content:'';display:block;width:80px;height:1px;background:#292246;position:absolute;bottom:0;left:50%;transform:translateX(-50%);} .pc_nav_right a {line-height: 30px;font-size: 14px; display:block;color:#333;} .pc_nav_right a:hover {font-weight:bold;} .pc_nav_right div {margin-top: 30px;line-height: 35px;} .pc_nav_right div img {max-width:100px;} .pc-menu-tel {text-align:left;background:url(../images/footer_img.png) no-repeat center right;padding-left:40px;padding-top:20px;} .pc-menu-tel b {display: block;font-size:24px;} .navigation{border-top: solid 1px #e8e8e8;} .navigation>.container>ul{display: flex;margin-bottom: 0;} .navigation>.container>ul>li{flex: 1;position: relative;} .navigation>.container>ul>li>a{display: block;text-align: center;line-height: 60px;transition: all .4s;color: #313131;font-size: 16px;position: relative;} .navigation>.container>ul>li>a span{padding:0 10px; display: block;line-height: 60px;overflow: hidden;text-overflow: ellipsis;white-space: pre;} .navigation>.container>ul>li>a:after{width: 0;height: 3px;content: '';position: absolute;bottom:0;left: 50%;transform: translateX(-50%);background: #088484;transition: all .4s;} .navigation>.container>ul>li>a:hover:after{width: 100%;} .navigation>.container>ul>li>a:hover{color: #1a8d8d;} .navigation>.container>ul>li.active>a:after{width: 100%;} .navigation>.container>ul>li.active>a{color: #1a8d8d;} .navigation li .navson{display: none;position: absolute;left: 50%;transform: translateX(-50%); top:60px;z-index: 100000;width: 100%;} .navigation li.w .navson{width: 150%;} .navigation li .navson a{padding:10px; display: block;color: #fff!important; background: rgba(0,0,0,.5);line-height: 20px;text-align: center;font-size: 14px; position: relative;overflow: hidden;text-overflow: ellipsis;white-space: pre;} .navigation li .navson a:hover{background: #088484;} .search{padding:12px 0;line-height: 35px;} .search .keywords{background: url(../images/hot.png) left center no-repeat;text-indent: 32px;color: #088484;font-size:18px;} .search .keywords a{color: #666666;font-size: 16px;padding:0 8px;position: relative;} .search .keywords a:after{width: 1px;height: 16px;content: '';position: absolute;right: 0;top:50%;transform: translateY(-50%);background: #e7e7e7;} .search .keywords a:last-of-type:after{background:none;} .search .keywords a:hover{color: #088484;} .search_form{width: 90%;float: right;} .search_form #search_name{ width: 80%; height: 30px; line-height: 30px; float: left;border:solid 1px #e7e7e7; outline: none; color: #999999;font-family: "微软雅黑"; font-size: 12px;background: #fff url(../images/search.png) 10px center no-repeat;text-indent: 40px;} .search_form #button{ width: 20%; height: 30px; line-height: 30px;background: #088484; float: right; cursor: pointer;color: #fff;font-size: 14px;text-align: center; border:none;outline: none;} .top_fix{width: 100%; position: fixed;left: 0;top:0;background: #fff;z-index: 10000000;-moz-box-shadow:2px 2px 5px #C7C7C7; -webkit-box-shadow:2px 2px 5px #C7C7C7; box-shadow:2px 2px 5px #C7C7C7;} .top_fix .top_logo{height: 50px;} .top_fix .top_nav{margin:5px 0;} /*手机导航*/ .ovh{overflow: hidden;display: none; width: 100%;height: 100vh;position: fixed;left: 0;top:0;background: rgba(0,0,0,.3);width: 100%;height: 100%;position: absolute;left: 0;right: 0;top:0;bottom:0;z-index: 99;} .ovh.show{display: block;} .menu{position: absolute;right: 15px;line-height: 32px; width: 75px;height: 30px;top: 50%;transform: translateY(-50%); z-index: 1000;} .menu .menu_button{width: 35px;float: right;height: pointer;cursor: pointer} .menu .menu_button>.line{float: right;width: 100%;height: 3px;background: #088484;margin-top:6px;transition:.3s;transition-timing-function:ease;} .menu .menu_button>.line:nth-child(2){transition-delay:0.05s;} .menu .menu_button>.line:nth-child(3){transition-delay:0.1s;} .m-sub-menu.show {right: 0;transition: all 0.44s ease 0s;z-index: 100000000;} .m-sub-menu {position: fixed;right: -100%;width: 100%;top: 0;z-index: 100;height: 100%;background-color: #fff;transition: all 0.64s ease 0s;} .m-sub-menu .top-box {line-height: 70px;background-color: #088484;font-size: 16px;color: #fff;text-indent: 25px;position: relative;} .m-sub-menu .top-box .menu_button{width: 40px;height: 40px;cursor: pointer;position:absolute;right: 15px;top:18px; } .m-sub-menu .top-box .menu_button .line{background: #fff;float: right;width: 40px;height: 3px;margin-top:6px;transition:.3s;transition-timing-function:ease;} .m-sub-menu .top-box .menu_button .line:nth-child(1){transform:translateY(10px) rotate(45deg);-webkit-transform:translateY(10px) rotate(45deg);} .m-sub-menu .top-box .menu_button .line:nth-child(2){transform:translateY(0) rotate(0);-webkit-transform:translateY(0) rotate(0);display: none;} .m-sub-menu .top-box .menu_button .line:nth-child(3){transform:translateY(0px) rotate(-45deg);-webkit-transform:translateY(0px) rotate(-45deg);} .m-sub-menu .list-wrap{height:calc(100vh - 70px);overflow-y: scroll;} .m-sub-menu .list-wrap ul{padding-bottom: 80px;} .m-sub-menu .list-wrap li {line-height: 60px;border-bottom: 1px solid #f2f2f2;} .m-sub-menu .list-wrap li:last-child{border:none;} .m-sub-menu .list-wrap li .col-box {display: block;width: 94%;padding: 0 8%;} .m-sub-menu .list-wrap .tit {font-size: 16px;color: #666;} .m-sub-menu .list-wrap .point {display: inline-block;width: 8px;height: 12px;background: url(../images/arrow_right.png) no-repeat center;margin-top: 26px;} .m-sub-menu .sec-sub-list {position: absolute;right: -100%;top: 70px;width: 100%;} .m-sub-menu .sec-sub-list .return-fir {display: block;/*width: 84%;*/padding: 0 7.8% 0 8.2%;line-height: 60px;background-color: #ff8a00;} .m-sub-menu .sec-sub-list .return-fir p {padding-left: 18px;color: #fff;font-size: 18px;background: url(../images/arrow_left.png) no-repeat left center;} .m-sub-menu .sec-sub-list .boxs {width: 100%;height: 100vh; position: absolute;left: 0;top: 0; transition: all 0.4s ease 0s;background-color: #fff;} .m-sub-menu .sec-sub-list .boxs.show {left: -100%;} .m-sub-menu .sec-sub-list ul{width: 100%;/*height: 400px;*/overflow-y:auto} .m-sub-menu .sec-sub-list li {line-height:50px; border-bottom: 1px solid #f2f2f2;} .m-sub-menu .sec-sub-list li a {display: block;width: 84%;padding: 0 7.8% 0 8.2%;font-size: 16px;color: #666;} /*轮播*/ .banner .swiper-container {width: 100%;} .banner .swiper-container .swiper-slide {text-align: center;} .banner .swiper-container .swiper-slide a{display:block;width:100%;height: 100%;} .banner .swiper-container .swiper-slide a img{display:block;width:100%;opacity: 0;} .banner .swiper-pagination {position: absolute;font-size:0;left: 0;text-align: center;bottom: 13px;width: 100%;z-index: 9;} .banner .swiper-pagination .swiper-pagination-bullet {display: inline-block;width: 14px;height: 14px;border-radius: 50%;border:2px solid #088484;background: #fff;margin: 0 5px;cursor: pointer;transition: all .5s;} .banner .swiper-pagination .swiper-pagination-bullet-active {background: #088484;opacity: 1;} /*首页*/ .in_tit{line-height: 30px;position: relative;margin-bottom: 50px;z-index: 2;} .in_tit:after{width: 100%;height: 100px;background: url(../images/logo_ico.png) center no-repeat;opacity: 0.05;content: '';position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);} .in_tit p:first-of-type{color: #333333;font-size: 30px;} .in_tit p:first-of-type b{font-size: 36px;color: #088484;} .in_tit p:first-of-type i{ font-weight: bolder; color: #ff8a00;font-size: 36px;} .in_tit p:first-of-type span{color: #ff8a00;font-size: 30px;} .in_tit p:nth-of-type(2){color: #999999;font-size: 14px;text-transform: uppercase;} .in_tit p:last-of-type{color: #666666;font-size: 20px;} .in_tit p:last-of-type b{color: #088484;font-size: 24px;} /*企业伙伴*/ .in_partner .list{text-align: center;} .in_partner .list img{max-width: 100%;} .in_partner .more{text-align: center;} .in_partner .more a{display: inline-block;border-radius: 2px;transition: all .4s; color: #088484;font-size: 16px;background: #fff;border:solid 1px #088484;line-height: 40px;padding:0 30px;} .in_partner .more a:hover{background: #088484;color: #fff;} /*首页承接项目*/ .left_pro{border:solid 2px #088484;box-sizing: border-box;} .left_pro .tit{text-align: center;background: #088484; padding:25px 0;} .left_pro .tit img{max-width: 100%;} .left_pro .list{padding:10px 0;} .left_pro .list ul li{padding:0 25px;transition: all .4s;} .left_pro .list ul li a{display: block;border-bottom:dashed 1px #ccc;line-height: 55px;color: #333333;font-size: 18px;background: url(../images/left_pro_ico.png) 20px center no-repeat;text-indent: 60px;transition: all .4s;} .left_pro .list ul li:last-child a{border-bottom: none;} .left_pro .list ul li a:hover,.left_pro .list ul li.on a{color: #fff;background:url(../images/left_pro_icoh.png) 20px center no-repeat;border-color: #088484;} .left_pro .list ul li:hover,.left_pro .list ul li.on{background:#088484;} .left_pro .con{padding:20px;background: #088484;text-align: center;} .left_pro .con p{color: #fff;font-size: 18px;line-height: 35px;} .left_pro .con p:first-of-type{font-size: 30px;font-weight: bolder;margin-bottom: 10px;} .left_pro .con a{display: inline-block;padding:0 50px;color: #fff;line-height: 40px; border:solid 1px #fff;box-sizing: border-box;font-size: 18px;margin-top: 10px;transition: all .4s;} .left_pro .con a:hover{background: #f6ae00;border-color: #f6ae00;} .right_pro .list{display: none} .right_pro .list.show{display: block;} .right_pro .list .hot{background: #fff;} .right_pro .list .hot img{display: block;width: 100%;border-right:solid 1px #e8e8e8;} .right_pro .list .hot .con{padding:35px 30px;} .right_pro .list .hot .con h4 a{display: block; color: #088484;font-size: 24px;font-weight: bolder; line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: pre;} .right_pro .list .hot .con p{border-top:dashed 1px #ccc;padding-top:15px;margin:20px 0; color: #666666;font-size: 14px;line-height: 28px;overflow: hidden;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;} .right_pro .list .hot .con ul{padding-top: 15px; border-top:dashed 1px #ccc;} .right_pro .list .hot .con li{line-height: 25px;margin-bottom: 15px; text-indent: 30px;font-size: 16px; background: url(../images/pro_ico.png) left center no-repeat;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: pre;} .right_pro .list .hot .con li:last-child{margin-bottom: 0;} .right_pro .list .hot .con li b{color: #088484;} .right_pro .list .hot .con .probtn a{display: inline-block;line-height: 40px;color: #fff;font-size: 16px;margin-top: 20px; padding:0 30px;transition: all .4s;background: #088484;border-radius: 3px;} .right_pro .list .hot .con .probtn a:last-of-type{background: #ff8a00;margin-left: 10px;} .right_pro .list .pro_item{padding:0 5px;margin-top: 20px;} .right_pro .list .pro_item .img{width: 100%;overflow: hidden;} .right_pro .list .pro_item .img img{width: 100%;display: block;} .right_pro .list .pro_item .txt a{display: block; text-align: center;line-height: 40px;background: #fff;color: #666666;font-size: 16px;transition: all .4s;} .right_pro .list .pro_item:hover .txt a{background: #088484;color: #fff;} /*-----------------承接项目手机样式-----------------*/ .in_01 .swiper-container { width: 100%;} .in_01 .gallery-thumbs .swiper-slide {opacity: 1;} .in_01 .gallery-thumbs .swiper-slide a{display: block; line-height: 35px;border:solid 1px #666;border-radius: 30px;font-size: 14px;text-align: center;color: #666;transition: all .4s;} .in_01 .gallery-thumbs .swiper-slide a:hover{background: #088484;color: #fff;border-color: #088484;} .in_01 .gallery-thumbs .swiper-slide-thumb-active a{background: #088484;color: #fff;border-color: #088484;} .in_01 .gallery-top { width: 100%;margin-top: 20px;} .in_01 .gallery-top .hotm>a{display: block;width: 100%;} .in_01 .gallery-top .hotm>a img{display: block;width: 100%;} .in_01 .gallery-top .hotm .con{width: 100%;background: #fff;} .in_01 .gallery-top .hotm .con dl{padding:10px 15px;padding-bottom: 20px;margin-bottom: 0;} .in_01 .gallery-top .hotm .con dl dt{font-weight: normal;border-bottom:dashed 1px #ccc;padding-bottom: 10px;} .in_01 .gallery-top .hotm .con dl dt h4{color: #088484;font-size: 24px;line-height: 45px;border-bottom:dashed 1px #ccc;overflow: hidden;text-overflow: ellipsis;white-space: pre;margin-bottom: 5px;} .in_01 .gallery-top .hotm .con dl dt p{color: #666666;font-size: 14px;line-height: 30px;overflow: hidden;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .in_01 .gallery-top .hotm .con dl dd{margin-top: 15px;} .in_01 .gallery-top .hotm .con dl dd a{display: inline-block;line-height: 35px;color: #fff;font-size: 16px;padding:0 30px;margin:0 5px; transition: all .4s;background: #088484;border-radius: 3px;} .in_01 .gallery-top .hotm .con dl dd a:last-of-type{background: #ff8a00;} .in_01 .gallery-top .listm li{width: 50%;float: left;margin-top: 10px;} .in_01 .gallery-top .listm li:nth-child(odd) .item{padding-right:5px;} .in_01 .gallery-top .listm li:nth-child(even) .item{padding-left:5px;} .in_01 .gallery-top .listm li .item .img{width: 100%;overflow: hidden;} .in_01 .gallery-top .listm li .item .img a{width: 100%;display: block;position: relative;} .in_01 .gallery-top .listm li .item .img img{width: 100%;display: block;} .in_01 .gallery-top .listm li .item .img a:before{position: absolute;top:0;left: 0;z-index: 2;width: 100%;height: 100%;background: rgba(0,0,0,0.4);content: '';opacity: 0;transition: all .3s linear;-webkit-transition:all .3s linear;} .in_01 .gallery-top .listm li .item .img a:after{width: 90%;height: 90%;border:solid 2px rgba(255,255,255,.8);content: '';position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%); opacity: 0;transition: all .3s linear;-webkit-transition:all .3s linear;} .in_01 .gallery-top .listm li .item .img .overplay{width: 80%;height: 80%;text-align: center;opacity: 0;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);z-index: 2;} .in_01 .gallery-top .listm li .item .img .overplay h4{color: #fff;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: pre;line-height: 30px;margin-top: 20px;} .in_01 .gallery-top .listm li .item .img .overplay p{color: #fff;font-size: 13px;line-height: 28px;overflow: hidden;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;} .in_01 .gallery-top .listm li .item .txt a{display: block; text-align: center;line-height: 40px;background: #fff;color: #666666;font-size: 16px;} .in_01 .gallery-top .listm li:hover .item .img a:before,.in_01 .gallery-top .listm li:hover .item .img a:after,.in_01 .gallery-top .listm li:hover .item .img .overplay{opacity: 1;} .in_01m .gallery-thumbs:after{width: 90px;height: 43px;background:url(../images/arrow.png) center no-repeat;position: absolute;top:0;right: 0;content: '';z-index: 100;} .in_01_category{margin: 15px 0;} .in_01_category .container{padding:0 5px;} .in_01_category ul li{width: 33.3%;float: left;margin-bottom: 5px;} .in_01_category ul li a{display: block; line-height: 32px;background: #06913e; border-radius: 20px;font-size: 14px;text-align: center;color: #fff;transition: all .4s;} .in_01_category ul li a:hover{background: #ffa300;} .in_01_list li{padding:0 5px;margin-bottom: 20px;text-align: center;} .in_01_list li .img{width: 100%;overflow: hidden;} .in_01_list li .img img{width: 100%;display: block;} .in_01_list li .title a{display: block; color: #282828;font-size: 14px;border-bottom:solid 1px #ccc;line-height: 40px;} .in_01_list li .bb a{display: inline-block;padding:0 10px;color: #fff;font-size: 14px;line-height: 35px;margin:0 3px;background:#06913e;border-radius: 5px;margin-top: 10px;} .in_01_list li .bb a:first-of-type{background: #e2e0e3;color: #666;} /*现场看看*/ .in_site .swiper-container {width: 100%;} .in_site .swiper-container .swiper-slide {text-align: center;height: calc((100% - 30px) / 2);} .in_site .swiper-container .swiper-slide .img{overflow: hidden;} .in_site .swiper-container .swiper-slide .img img{width: 100%;transition: all 2.5s;} .in_site .swiper-container .swiper-slide .txt a{display: block; line-height:50px;color: #666666;font-size: 16px;background: #f8f8f8;transition: all .4s;overflow: hidden;text-overflow: ellipsis;white-space: pre;padding:0 20px;} .in_site .swiper-container .swiper-slide:hover .img img{transform: scale(1.05);} .in_site .swiper-container .swiper-slide:hover .txt a{color: #fff;background: #ff8a00;} .in_site .swiper-button-prev,.in_site .swiper-button-next{line-height: 44px;background: none;width: 40px;height: 70px;text-align: center;line-height: 70px;top:40%;background:rgba(0,0,0,.3);} .in_site .swiper-button-prev i,.in_site .swiper-button-next i{color: #fff;font-size: 30px;} .in_site .more{text-align: center;} .in_site .more a{display: inline-block;border-radius: 2px;transition: all .4s; color: #088484;font-size: 16px;background: #fff;border:solid 1px #088484;line-height: 40px;padding:0 30px;} .in_site .more a:hover{background: #088484;color: #fff;} /*问题困扰*/ .in_trouble .tit{line-height: 35px;position: relative;margin-bottom: 30px; } .in_trouble .tit:after{width: 100%;height: 100px;background: url(../images/logo_ico.png) center no-repeat;opacity: 0.05;content: '';position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);} .in_trouble .tit p:first-of-type{font-size: 32px;color: #333;font-weight: bolder;} .in_trouble .tit img{position: relative;top:-10px;margin-left: 10px;} .in_trouble .tit p b:first-of-type{color: #088484;} .in_trouble .tit p b:last-of-type{color: #ff8a00;font-size: 40px;} .in_trouble .tit p:last-of-type{font-size: 16px;color: #999999;text-transform: uppercase;} .in_trouble .list .trouble_l{text-align: right;} .in_trouble .list .trouble_r{text-align: left;} .in_trouble .list .trouble_ul li{margin-top: 45px;} .in_trouble .list .trouble_ul li dl{margin-bottom: 0;} .in_trouble .list .trouble_ul li dl dt{color: #088484;font-size: 36px;line-height: 36px;} .in_trouble .list .trouble_ul li dl dd{color: #666666;font-size: 20px;line-height: 30px;margin-top: 10px;} .in_trouble .list .trouble_ul li dl dt img{position: relative;top:-3px;} .in_trouble .list .trouble_ulm li{text-align: center;width: 50%;; float: left;border-right: 1px solid #dee2ea;border-bottom:1px solid #dee2ea;} .in_trouble .list .trouble_ulm li:nth-child(even){border-right: none;} .in_trouble .list .trouble_ulm li dl{margin-bottom: 0;height:100px;padding:15px;line-height:30px;} .in_trouble .list .trouble_ulm li dl dt{color: #088484;font-size: 18px;} .in_trouble .list .trouble_ulm li dl dd{color: #666666;font-size: 15px;margin-top: 5px;} .in_trouble .list .trouble_ulm li dl dt img{position: relative;top:-3px;} .in_trouble .list .trouble_l li dl dt img{margin-right: 10px;} .in_trouble .list .trouble_r li dl dt img{margin-left: 10px;} .in_trouble .list .img{width: 100%;text-align: center;} .in_trouble .list .img img{max-width: 100%;} .in_trouble .con{margin:30px auto;text-align: center;} .in_trouble .con p{color: #666666;font-size: 20px;line-height: 35px;} .in_trouble .con p:first-of-type{margin-bottom: 30px;} .in_trouble .con p:first-of-type b{color: #088484;font-size: 36px;} .in_trouble .con p:last-of-type b{color: #ff8a00;font-size: 28px;} .in_trouble .more{text-align: center;} .in_trouble .more a{display: inline-block;border-radius: 2px;transition: all .4s; color: #fff;font-size: 16px;background: #088484;border-radius: 50px; line-height: 40px;padding:0 30px;} .in_trouble .more a span{font-size: 20px;} .in_trouble .more a:hover{background: #088484;color: #fff;} /*为什么选择我们*/ .in_adv .tit{line-height: 35px;position: relative;margin-bottom: 30px;} .in_adv .tit:after{width: 100%;height: 100px;background: url(../images/logo_ico.png) center no-repeat;opacity: 0.05;content: '';position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);} .in_adv .tit p:first-of-type{font-size: 36px;color: #333333;} .in_adv .tit p b:first-of-type{color: #fe9315;font-size: 46px;} .in_adv .tit p b:last-of-type{color: #088484;font-size: 46px;} .in_adv .tit p:nth-of-type(2){font-size: 16px;color: #999999;text-transform: uppercase;margin-top: 10px;} .in_adv .tit p:last-of-type{display: inline-block;position: relative;} .in_adv .tit p:last-of-type img{max-width: 100%;} .in_adv .tit p:last-of-type:after{width: 50px;height: 2px;background: #d0d0d0;content: '';position: absolute;left: -60px;top:50%;} .in_adv .tit p:last-of-type:before{width: 50px;height: 2px;background: #d0d0d0;content: '';position: absolute;right: -60px;top:50%;} .in_adv .list1 .img{position: relative;} .in_adv .list1 .img img{width: 100%;display: block;} .in_adv .list1 dl{position: absolute;right: 0;bottom:0;padding:25px 35px;background: rgba(255,255,255,.9);margin-bottom: 0;} .in_adv .list1 dl dt{color: #333333;font-size: 26px;line-height: 35px;margin-bottom: 10px;} .in_adv .list1 dl dd{color: #666666;font-size: 16px;line-height: 30px;text-indent: 15px;background: url(../images/adv_ico1.png) left center no-repeat;} .in_adv .list1 ._tit{background: #088484;} .in_adv .list1 ._tit>div{padding:50px 20px;color: #fff;line-height: 40px;} .in_adv .list1 ._tit>div>span{display: inline-block;padding:10px;font-size: 60px;line-height: 60px;background: #fe9315;} .in_adv .list1 ._tit>div>p:first-of-type{margin-top: 15px;font-size: 36px;} .in_adv .list1 ._tit>div>p:last-of-type{font-size: 18px;} .in_adv .list1 .img1{width: 100%;} .in_adv .list1 .img1 img{width: 100%;display: block;} .in_adv .list2 .img{width: 100%;position: relative;} .in_adv .list2 .img img{width: 100%;display: block;} .in_adv .list2 .con{padding:40px 0;} .in_adv .list2 .con dl{display: flex; padding-bottom: 30px;background: url(../images/thread.png) left bottom repeat-x;margin-bottom: 25px;} .in_adv .list2 .con dl dt{flex: 0 0 10%;font-weight: normal;} .in_adv .list2 .con dl dt span{display: inline-block;padding:10px;font-size: 60px;line-height: 60px;background: #fe9315;color: #fff;} /*.in_adv .list2 .con dl dd{flex: 0 0 90%;}*/ .in_adv .list2 .con dl dd p{padding-left: 16px;line-height: 40px;color: #999999;font-size: 16px;} .in_adv .list2 .con dl dd p:first-of-type{color: #333333;font-size: 30px;font-weight: bolder;} .in_adv .list2 .con dl dd p b{color: #088484;} .in_adv .list2 .con ul li{color: #666666;font-size: 16px;line-height: 35px;text-indent: 15px;background: url(../images/adv_ico1.png) left center no-repeat;} .in_team .in_team_1{background: url(../images/team_bg.jpg) center no-repeat;background-attachment: fixed;text-align: center;} .in_team .in_team_1 p{display: inline-block;position: relative;line-height: 40px;} .in_team .in_team_1 p:first-of-type{text-transform: uppercase;font-size: 16px;color: rgba(255,255,255,.3);letter-spacing: 30px;} .in_team .in_team_1 p:nth-of-type(2){font-size: 24px;color: #fff;padding-bottom: 20px;margin-top: 10px;} .in_team .in_team_1 p:nth-of-type(2):after{width: 70%;height: 1px;background: #fff;opacity: .3;position: absolute;left: 0;bottom:3px;content: '';} .in_team .in_team_1 p:nth-of-type(2):before{width: 70%;height: 1px;background: #fff;opacity: .3;position: absolute;right: 0;bottom:0;content: '';} .in_team .in_team_1 p:nth-of-type(2) b{font-size: 36px;} .in_team .in_team_1 p:nth-of-type(3){font-size: 18px;color: #fff;padding-top: 20px;} .in_team .in_team_1 p:nth-of-type(3) img{margin-right: 10px;} .in_team .in_team_1 p:nth-of-type(3) a{font-size: 26px;font-family: Impact;color: inherit;position: relative;top:5px;} .in_team .in_team_2 .swiper-container {width: 100%;} .in_team .in_team_2 .swiper-container .swiper-slide {text-align: center;} .in_team .in_team_2 .swiper-container .swiper-slide .img{overflow: hidden;width: 100%;margin-bottom: 30px;position: relative;height: 0;padding-bottom: 75%;border:solid 1px #e6e6e6;background: #fff;} .in_team .in_team_2 .swiper-container .swiper-slide .img img{max-width: 100%;max-height: 100%;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);} .in_team .in_team_2 .swiper-container .swiper-slide .txt a{display: inline-block;padding:0 60px;line-height: 42px;color: #088484;background: #fff;border-radius: 50px; font-size: 18px;transition: all .4s;} .in_team .in_team_2 .swiper-container .swiper-slide .txt a i{color: #088484;font-size: 20px;margin-right: 6px;} .in_team .in_team_2 .swiper-container .swiper-slide:hover .txt a{background: #088484;color: #fff;} .in_team .in_team_2 .swiper-container .swiper-slide:hover .txt a i{color: #fff;} .in_team .in_team_2 .swiper-container .swiper-btn{text-align: center;margin-top: 40px;} .in_team .in_team_2 .swiper-container .swiper-btn a{display: inline-block;width: 35px;height: 35px;margin:0 3px; line-height: 28px;text-align: center;color:#fff;font-size: 30px;background: #088484;position: relative;left: auto;right:auto;top:auto;margin-top: 0;outline: none;transition: all .4s;} .in_team .in_team_2 .swiper-container .swiper-btn a.more{background: #c5c5c5;} .in_team .in_team_2 .swiper-container .swiper-btn a.more:hover{background: #ff8a00;} /*服务流程*/ .in_service .service_hd{position: relative;} .in_service .service_hd .yh{width: 70px;height: 110px;text-align: center; background: url(../images/jb.png); line-height: 110px; position: absolute;right: -15px;top:0;z-index: 2;} .in_service .service_hd .yh i{font-size:80px;color: #088484;} .in_service .swiper-container {width: 100%;} .in_service .gallery-thumbs .swiper-slide {opacity: 1;text-align: center;position: relative;cursor:pointer;} .in_service .gallery-thumbs .swiper-slide:after{width: 7px;height: 11px;content: '';position: absolute;background: url(../images/service_arrow.png) center no-repeat;top:31%;right:-10px;} .in_service .gallery-thumbs .swiper-slide:last-of-type:after{background: none;} .in_service .gallery-thumbs .swiper-slide span{border-radius: 100%;width: 100px;height: 100px;line-height: 100px;margin:0 auto; border:solid 1px #088484;background: #f3f7fa;transition: all .4s;text-align: center;display: block;} .in_service .gallery-thumbs .swiper-slide span i{color: #088484;font-size: 40px;} .in_service .gallery-thumbs .swiper-slide h4{color: #666666;font-size: 16px;line-height: 30px;margin-top: 10px;} .in_service .gallery-thumbs .swiper-slide-thumb-active span{opacity: 1;background: #ff8a00;border-color: #ff8a00;} .in_service .gallery-thumbs .swiper-slide-thumb-active span i{color:#fff;} .in_service .gallery-thumbs .swiper-slide-thumb-active h4{color:#ff8a00;} .in_service .gallery-img {width: 100%;} .in_service .gallery-img .swiper-slide {text-align: center;} .in_service .gallery-img .swiper-slide img{width: 100%;display: block;} .in_service .swiper-txt {width: 120%;position: absolute;right: 0;top:40px;background: #f3f7fa;z-index: 2;padding:45px 50px;} .in_service .swiper-txt .gallery-txt .swiper-slide .num{line-height: 70px;height: 70px;width: 70px;text-align: center; color: #fff;font-size: 48px;background: #fe9315;position: absolute;right: 0;} .in_service .swiper-txt .gallery-txt .swiper-slide .tit{line-height: 35px;color: #999999;font-size: 16px;text-transform: uppercase;} .in_service .swiper-txt .gallery-txt .swiper-slide .tit span{color: #088484;font-size: 30px;} .in_service .swiper-txt .gallery-txt .swiper-slide .info{margin:30px auto; line-height: 35px;color: #666666;font-size: 16px;} .in_service .swiper-txt .gallery-txt .swiper-slide .btnn{display: flex;} .in_service .swiper-txt .gallery-txt .swiper-slide .btnn a{flex:0 0 33%;display: flex; background:#088484; color: #fff;font-size: 16px;line-height: 47px;transition: all .4s;border-radius: 3px;} .in_service .swiper-txt .gallery-txt .swiper-slide .btnn a:last-of-type{background: #ff8a00;margin-left: 15px;} .in_service .swiper-txt .gallery-txt .swiper-slide .btnn a i:first-of-type{flex:0 0 30%;height: 47px;border-right: solid 1px rgba(255,255,255,.3);text-align: center;font-size: 26px;} .in_service .swiper-txt .gallery-txt .swiper-slide .btnn a i:last-of-type{flex:0 0 70%;text-align: center;} .in_service .service_bd{margin-top: 50px;} .in_service .gallery-txt .swiper-button-prev,.in_service .gallery-txt .swiper-button-next{line-height: 47px;background: none;width: 50px;text-align: center;top:auto;margin-top: 0;bottom:0;} .in_service .gallery-txt .swiper-button-prev{right: 50px;left:auto;} .in_service .gallery-txt .swiper-button-next{right: 0;} .in_service .gallery-txt .swiper-button-prev i,.in_service .gallery-txt .swiper-button-next i{color: #7e7e7e;font-size: 40px;} /*客户认可*/ .in_video {position: relative;} .in_video:after{width: 100%;height: 80%;content: '';position: absolute;left: 0;top:0;right: 0;background: #f3f7fa;} .in_video .list{position: relative;z-index: 2;} .in_video .list .swiper-container {width: 100%;} .in_video .list .swiper-container .swiper-slide .img{overflow: hidden;width: 100%;position: relative;height: 0;padding-bottom: 60%;border:solid 1px #e6e6e6;background: #fff;} .in_video .list .swiper-container .swiper-slide .img img{max-width: 100%;max-height: 100%;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);} .in_video .list .swiper-container .swiper-slide .txt{width: 100%;background: #fff;} .in_video .list .swiper-container .swiper-slide .txt dl{padding:20px 15px;margin-bottom: 0;} .in_video .list .swiper-container .swiper-slide .txt dl dt{font-weight: normal;margin-bottom: 15px;} .in_video .list .swiper-container .swiper-slide .txt dl dt a{line-height: 30px;color: #088484;font-size: 18px;overflow: hidden;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;} .in_video .list .swiper-container .swiper-slide .txt dl dd p{line-height: 30px;color: #666;font-size: 14px;overflow: hidden;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .in_video .list .swiper-container .swiper-slide .txt dl dd a{margin-top: 20px;} .in_video .list .swiper-container .swiper-slide .txt dl dd a i{color: #088484;font-size: 30px;} .in_video .order{background: url(../images/order_bg.jpg) center no-repeat;background-attachment: fixed;margin-top: 50px;position: relative;z-index: 2;} .in_video .order .order_l{padding-left: 100px;} .in_video .order .order_l>p{color: #fff;font-size: 18px;line-height: 40px;} .in_video .order .order_l>p:first-of-type{font-size: 30px;font-weight: bolder;} .in_video .order .order_l>p:nth-of-type(3){font-size: 14px;color: #fff;margin-top: 10px;display: inline-block;padding:0 20px;line-height: 40px;border:solid 1px rgba(255,255,255,.5);border-radius: 50px;} .in_video .order .order_l>p:nth-of-type(3) img{margin-right: 10px;} .in_video .order .order_l>p:nth-of-type(3) a{font-size: 28px;color: inherit;position: relative;top:5px;} .in_video .order .form>p{color: #fff;font-size: 18px;line-height: 40px;} .in_video .order .form .form-group{padding-left: 0;padding-right: 5px;} .in_video .order .form .form-group .form-control{border:none;line-height: 40px;height: 40px;} .in_video .order .form .form-group input.name{background: #fff url(../images/form_ico1.png) right center no-repeat;} .in_video .order .form .form-group input.mobile{background: #fff url(../images/form_ico2.png) right center no-repeat;} .in_video .order .form .form-group>p{color: #fff;font-size: 14px;line-height: 34px;} .in_video .order .form .form-group>p span{font-weight: bolder;font-size: 20px;} .in_video .order .form .form-group .code{float: left;} .in_video .order .form .form-group .code1{width: 120px;} .in_video .order .form .form-group .code2{width: 100px;margin-left: 6px;} .in_video .order .form .form-group img{width: 100%; height: 40px;border-radius: 3px;} .in_video .order .form .form-group .btn-box{background: #ff8a00;padding:10px;border-radius: 3px;} .in_video .order .form .form-group .in_adv_btn{width: 100%;border:solid 1px rgba(255,255,255,.3);padding:15px 0; background: #ff8a00;color: #fff;line-height: 25px;text-align: center;} .in_video .order .form .form-group .in_adv_btn i{font-size: 22px;} /*金沙3354cc简介*/ .in_company img{width: 100%;} .in_company .row{display: flex;margin:0;} .in_company .row .company_l{cursor: pointer;} .in_company .row .company_l,.in_company .row .company_r{flex: 1;} .in_company .company_r{background: #f3f7fa;box-sizing: border-box;border:solid 1px #e7e7e7;} .in_company .company_r .box{padding:45px;} .in_company .company_r .box .tit span{line-height: 38px;display: inline-block;color: #333333;font-size: 24px;margin-right: 10px;text-transform: uppercase;} .in_company .company_r .box .tit span:first-of-type{color: #fff;padding:0 20px;background: #088484;font-weight: bolder;font-size: 30px;} .in_company .company_r .box .info{margin:35px auto;line-height: 35px;color: #272020;font-size: 14px;} .in_company .company_r .box .more a{color: #088484;font-size: 20px;} .in_company .company_r .box .more a i{font-size: 16px;margin-left: 15px;font-weight: bolder;} .in_company .company_r .box .more a:hover{color: #ff8a00;} /*企业风采*/ .in_fencai .tit{margin-bottom: 30px;height: 45px;position: relative;} .in_fencai .tit:after{width: 100%;height: 1px;background: #d8d8d8;content: '';position: absolute;left: 0;top:50%;} .in_fencai .tit>div{display: inline-block;background: #fff;height: 45px;position: relative;z-index: 1;} .in_fencai .tit>div a{display: inline-block;padding:0 45px;color: #fff;line-height: 45px;border-radius: 5px;background: #088484;font-size: 16px;} .in_fencai .tit>div a:nth-of-type(2){margin:0 15px;} .in_fencai .tit>div a.cur,.in_fencai .tit>div a:hover{background: #ff8a00;} .in_fencai .list .swiper-container {width: 100%;} .in_fencai .list .swiper-container .swiper-slide {text-align: center;} .in_fencai .list .swiper-container .swiper-slide .img{overflow: hidden;width: 100%;height: 0;padding-bottom: 75%;position: relative;border:solid 1px #d8d8d8;box-sizing: border-box;} .in_fencai .list .swiper-container .swiper-slide .img img{max-width: 100%;max-height: 100%;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);} .in_fencai .list .swiper-container .swiper-slide .txt{background: #f3f7fa;color: #666666;font-size: 16px;line-height: 40px;padding:0 20px;overflow: hidden;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;} /*新闻*/ .in_news .news{background: #fff;border:solid 1px #e1e1e1;padding:30px 20px;} .in_news .qa{background: #fff;border:solid 1px #e1e1e1;padding:30px 20px;} .in_news .tit{line-height: 25px;padding-bottom: 10px;border-bottom: solid 1px #e1e1e1;position: relative;text-transform: uppercase;font-size: 16px;color: rgba(0,0,0,.5);margin-bottom: 30px;} .in_news .tit:after{width: 20px;height: 3px;background: #ff8a00;content: '';position: absolute;left: 0;bottom:-1px;} .in_news .tit:before{width: 75px;height: 3px;background: #088484;content: '';position: absolute;left: 20px;bottom:-1px;} .in_news .tit span{color: #282828;font-size: 24px;padding-right:12px;} .in_news .tit a{position: absolute;right: 0;top:5px;color: #999999;font-size: 16px;} .in_news .tit a:hover{color: #1f55a6;} .in_news .list .n_l{padding-left: 0;padding-right: 10px;} .in_news .list .hot a{display: block;width: 100%;position: relative;} .in_news .list .hot a img{display: block;width: 100%;} .in_news .list .hot a h4{background: rgba(0,0,0,.6);line-height: 40px;padding:0 20px;color: #fff;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: pre;position: absolute;left: 0;bottom:0;right: 0;} .in_news .list .n_r{padding-right: 0;padding-left: 10px;} .in_news .list ul.news_lis li{border-bottom: dashed 1px #dcdcdc;padding-bottom: 15px;margin-bottom: 15px;} .in_news .list ul.news_lis li:last-child{margin-bottom: 0;} .in_news .list ul.news_lis li dl{display: flex;margin-bottom: 0;} .in_news .list ul.news_lis li dl dt{flex: 0 0 25%;} .in_news .list ul.news_lis li dl dt img{width: 100%;} .in_news .list ul.news_lis li dl dd{flex: 0 0 70%;padding-left: 15px;} .in_news .list ul.news_lis li dl dd h4{color: #666666;font-size: 16px;line-height: 25px;overflow:hidden;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-bottom: 10px;} .in_news .list ul.news_lis li dl dd p{color: #999999;font-size: 14px;line-height: 24px;overflow:hidden;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .in_news .qa .list li {border-bottom:solid 1px #dcdcdc;padding-bottom:19px;margin-bottom: 18px;} .in_news .qa .list li:last-child{margin-bottom: 0;} .in_news .qa .list li dl{margin-bottom: 0;} .in_news .qa .list li dl i{background: #088484;color: #fff; text-transform: uppercase; font-size: 12px; width: 15px; height: 15px;text-align: center; line-height: 15px;display: inline-block;margin-right: 6px;} .in_news .qa .list li dl dt{font-weight: normal;color: #666666;font-size: 16px;overflow: hidden;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;} .in_news .qa .list li dl dd{margin-top: 6px;color: #999999;font-size: 14px;line-height: 24px; overflow: hidden;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .in_news .qa .list li dl dd i{background: #ff8a00;} .in_news .qa .list li:hover dt{color: #00acb8;} /*底部联系*/ .in_lxwm{padding:30px 0;background: #fff;} .in_lxwm ul{display: flex;} .in_lxwm ul li{flex: 1;text-align: center;line-height: 35px;color: #333333;font-size: 18px;position: relative;} .in_lxwm ul li:after{width: 1px;height: 100%;content: '';position: absolute;right: 0;top:0;background: #e6e6e6;} .in_lxwm ul li:last-child:after{background:none;} .in_lxwm ul li i{font-size: 24px;color: #088484;} /*底部*/ .footer{background: #323e4a;border-top:solid 8px #444f5a;} .footer .container .row{display: flex;} .footer .container .row .f_1{flex:0 0 32%;} .footer .container .row .f_2{flex:0 0 23%;} .footer .container .row .f_3{flex:0 0 23%;} .footer .container .row .f_4{flex:0 0 22%;} .footer .item{padding:0 40px;} .footer .thread{position: relative;} .footer .thread:after{width: 1px;height: 100%;content: '';position: absolute;right: 0;top:0;background: #222b34;} .footer .thread:before{width: 1px;height: 100%;content: '';position: absolute;right: -1px;top:0;background: #475765;} .footer .tit{color: #fff;font-size: 16px;position: relative;line-height: 20px;padding-bottom: 20px;margin-bottom: 15px;} .footer .tit:after{width: 30px;height: 2px;background: #088484;content: '';position: absolute;left: 0;bottom:0;} .footer .list{display: flex;flex-wrap: wrap;} .footer .list a{flex:0 0 50%;color: rgba(255,255,255,.5);font-size: 14px;line-height: 30px;} .footer .list a:hover{color: rgba(255,255,255,1);} .footer .list ul{width: 100%;} .footer .list ul li{width: 48%;float: left; text-align: center;color: #fff;font-size: 14px;line-height: 35px;} .footer .list ul li:first-of-type{margin-right: 4%;} .footer .list ul li img{max-width: 100%;} .foot {background: #2b3540;padding:10px 0; font-size: 14px;color: rgba(255,255,255,.3);line-height: 25px;} .foot a{font-size: 14px;color: rgba(255,255,255,.3);} .link{width: 100%;position: relative;font-size: 14px;color: rgba(255,255,255,.5);line-height: 35px;padding:10px 0;} .link:after{width: 100%;height: 1px;content: '';position: absolute;left: 0;top:0;background: #222b34;} .link:before{width: 100%;height: 1px;content: '';position: absolute;left: 0;top:1px;background: #475765;} .link i{color: #ff8a00;font-size: 14px;text-transform: uppercase;font-weight: bolder;padding-right: 5px;} .link a {display: inline-block;height: 35px;line-height: 35px; padding: 0 12px;font-size: 14px;color: rgba(255,255,255,.5);} .link a:hover {color: #fff;} .link em {display: inline-block;font-size: 14px;color: #e6e6e6;line-height: 35px;} .left_pro1{border:solid 2px #1f55a6;box-sizing: border-box;} .left_pro1 .tit{text-align: center;background: #1f55a6;color: #fff;} .left_pro1 .tit p{text-transform: uppercase;font-size: 14px;padding:20px 0;} .left_pro1 .tit p span{font-size: 30px;font-weight: bolder;} .left_pro1 .list{padding:20px;} .left_pro1 .list ul li{margin-bottom: 8px;} .left_pro1 .list ul li:last-chilld{margin-bottom: 0;} .left_pro1 .list ul li a{display: block;box-sizing: border-box;border:1px #044dc5 dashed; border-radius: 20px; line-height: 42px;color: #fff;font-size: 16px;background: linear-gradient(to right, #1f55a6, #1f61c5);text-indent: 60px;transition: all .4s;} .left_pro1 .list ul li a:hover{background:linear-gradient(to right, #1f61c5, #1f55a6);border-radius: 20px;text-indent: 65px;} .left_pro1 .list ul li.on a{background:linear-gradient(to right, #1f61c5, #1f55a6);border-radius: 20px; transition: all 0.5s;text-indent: 65px;} .left_pro1 .con{padding:30px 40px;background: #4e4e4e;text-align: center;} .left_pro1 .con .img{overflow: hidden;} .left_pro1 .con .img img{max-width: 100%;} .left_pro1 .con span{display: block;text-align: center;} .left_pro1 .con span i{display: inline-block;padding:0 10px;color: #fff;font-size: 13px;background: #282828;line-height: 22px;border-radius: 20px;margin-top: 20px;} .left_pro1 .con p{color: #fff;font-size: 16px;line-height: 30px;margin-top: 20px;} .left_pro1 .con a{display: inline-block;padding:0 50px;color: #fff;line-height: 40px; border:solid 1px rgba(255,255,255,.5);box-sizing: border-box;font-size: 14px;margin-top: 20px;transition: all .4s;} .left_pro1 .con a:hover{background: #f6ae00;border-color: #f6ae00;} .m-column-t { position: relative; text-align: center; font-size: 0; } .m-column-t .center { display: inline-block; font-size: 0; } .m-column-t .center h3 { color: #333; font-size: 30px; } .m-column-t .center p { color: #d2d2d2; font-size: 30px; } .m-column-t span { position: absolute; width: 415px; top: 50%; margin-top: -5px; height: 5px; border-bottom: 1px solid #d2d2d2; z-index: 1; } .m-column-t span.mcl { left: 0; } .m-column-t span.mcl em { float: right; } .m-column-t span.mcr { right: 0; } .m-column-t span em { display: block; height: 11px; border-left: 1px solid #d2d2d2; } .textLine { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .textLine3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .textHidden { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .domHidden { overflow: hidden; } .about-main { padding: 20px 0 70px; min-height: 170px; } .about-main .ab-content { float: right; width: 925px; } .about-main .ab-content .title { line-height: 50px; } .about-main .ab-content .title a { color: #333; padding: 0 5px; } .about-main .ab-content .title span.icon-home { color: #535353; } .about-main .ab-content .title em { color: #999; } .about-main .ab-content .ab-conBox { overflow: hidden; background: #fff; min-height: 55px; padding: 30px 45px 40px; } .about-main .ab-content .ab-conBox .de-title { text-align: center; font-size: 20px; color: #333; line-height: 25px; margin-bottom: 8px; } .about-main .ab-content .ab-conBox .sub-co { font-size: 14px; color: #999; text-align: center; line-height: 18px; } .about-main .ab-content .ab-conBox .ab-detail { overflow: hidden; margin-top: 30px; font-size: 14px; color: #777373; line-height: 25px; } .ab-sild { float: left; width: 260px; } .ab-sild .title { position: relative; height: 50px; text-align: center; background: #f3c04b; font-size: 16px; line-height: 50px; color: #fff; border-bottom: 1px solid #fff; } .ab-sild .title span { position: absolute; height: 3px; width: 30px; top: 50%; margin-top: -3px; border-bottom: 1px solid #fff; } .ab-sild .title span em { display: block; height: 7px; border-left: 1px solid #fff; } .ab-sild .title span.stl { left: 35px; } .ab-sild .title span.stl em { float: right; } .ab-sild .title span.str { right: 35px; } .ab-sild .sild-cate { background: #fff; margin-bottom: 20px; } .ab-sild .sild-cate .list { overflow: hidden; } .ab-sild .sild-cate .list li { position: relative; border-bottom: 1px solid #eee; height: 60px; line-height: 60px; } .ab-sild .sild-cate .list li a { display: block; padding-right: 35px; font-size: 14px; color: #333; padding-left: 20px; } .ab-sild .sild-cate .list li:last-child { border-bottom: none; } .ab-sild .sild-cate .list li:hover { border-color: #f3c04b; background: #f3c04b; } .ab-sild .sild-cate .list li:hover a { color: #fff; } .ab-sild .sild-cate .list li:hover:after { color: #fff; } .ab-sild .sild-cate .list li:after { font-weight: bold; right: 20px; top: 0; color: #999; position: absolute; content: "\e904"; font-family: 'icomoon' !important; } .ab-sild .sild-cont { background: #fff; } .ab-sild .sild-cont .cont-list { padding: 20px; } .ab-sild .sild-cont .cont-list ul li { color: #333; padding: 5px 0; padding-left: 60px; font-size: 14px; } .ab-sild .sild-cont .cont-list ul li span { width: 60px; margin-left: -60px; display: block; height: 20px; line-height: 20px; float: left; color: #666; } .pro-center { background: #fff; padding-bottom: 25px; } .pro-center .pro-list { overflow: hidden; padding: 25px 18px 10px; } .pro-center .pro-list ul li { float: left; width: 200px; margin: 0 10px 20px; border: 1px solid #fff; } .pro-center .pro-list ul li:hover { border-color: #f3c04b; } .pro-center .pro-list ul li .img { overflow: hidden; width: 200px; height: 200px; line-height: 200px; text-align: center; font-size: 0; background: #eee; } .pro-center .pro-list ul li .img img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; } .pro-center .pro-list ul li .title { background: #f7f8fc; height: 40px; line-height: 40px; padding: 0 5px; text-align: center; font-size: 14px; font-weight: bold; color: #333; } .pro-center .pro-list ul li .title:hover { color: #f3c04b; } .page { font-size: 0; text-align: center; } .page .center { display: inline-block; overflow: hidden; } .page .center .page-span { float: left; font-size: 14px; color: #c3c3c3; line-height: 32px; margin-right: 30px; } .page .center .page-list { float: left; overflow: hidden; } .page .center .page-list ul li { float: left; width: auto; min-width: 30px; height: 32px; text-align: center; line-height: 30px; font-size: 14px; margin: 0 4px; padding: 0; border: none; background: transparent; } .page .center .page-list ul li a { min-width: 20px; padding: 0 5px; border: 1px solid #eee; display: block; color: #333; border-radius: 4px; -webkit-border-radius: 4px; overflow: hidden; background: #fff; } .page .center .page-list ul li:hover a { color: #f3c04b; } .page .center .page-list ul li.active a { background: #f3c04b; color: #fff; } .news-center { background: #fff; padding-bottom: 25px; } .news-center .new-list { padding: 45px 45px 0px; } .news-center .new-list ul li { margin-bottom: 35px; border-bottom: 1px solid #eee; } .news-center .new-list ul li a { overflow: hidden; display: block; height: 90px; padding-bottom: 30px; } .news-center .new-list ul li a .img { float: left; width: 130px; height: 90px; background: #eee; line-height: 90px; font-size: 0; text-align: center; } .news-center .new-list ul li a .img img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; } .news-center .new-list ul li a .info { float: right; width: 690px; } .news-center .new-list ul li a .info h3 { font-size: 14px; font-weight: bold; line-height: 24px; color: #333; } .news-center .new-list ul li a .info em { display: block; font-size: 12px; color: #999; line-height: 16px; margin-bottom: 10px; } .news-center .new-list ul li a .info p { font-size: 14px; line-height: 22px; color: #999; max-height: 44px; overflow: hidden; } .news-center .new-list ul li a:hover h3 { color: #f3c04b; } .message-c { background: #fff; padding: 40px 50px; overflow: hidden; } .message-c .p { font-size: 16px; line-height: 30px; color: #666; margin-bottom: 35px; } .message-c .from input { display: block; height: 38px; line-height: 38px; padding: 0 5px; border: 1px solid #d2d2d2; margin-bottom: 10px; font-size: 14px; color: #333; } .message-c .from input[name=user], .message-c .from input[name=phone] { width: 348px; } .message-c .from textarea { font-size: 14px; color: #333; line-height: 20px; display: block; width: 728px; height: 130px; border: 1px solid #d2d2d2; padding: 5px; margin-bottom: 10px; } .message-c .from .code { overflow: hidden; } .message-c .from .code input[name=code] { width: 258px; float: left; } .message-c .from .code a { display: block; float: left; width: 80px; height: 38px; padding: 1px 0; margin-left: 10px; } .message-c .from .code a img { width: 80px; height: 38px; } .message-c .from .btn { padding-top: 25px; } .message-c .from .btn a { display: block; width: 362px; height: 40px; text-align: center; line-height: 40px; color: #fff; font-size: 16px; background: #8fa4de; } .message-c .from .btn a:hover { background: #8397d0; } .contact-o { background: #fff; overflow: hidden; padding: 40px 0; text-align: center; } .contact-o iframe { width: 830px; height: 500px; margin: 0 auto; } /*# sourceMappingURL=./index.css.map */