@charset "utf-8"; /* by Sean cyy 20161206 */ html { } html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0;font-family: microsoft yahei; } body { font-size: 12px; background: #fff; color: #333; font-family: microsoft yahei;} ul,li { list-style: none; } img { border: 0; } input:focus { outline: none; } /*input,select{-webkit-appearance:none;}*/ /* 圆细滚动条样式 20150717 */ ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { background: #fff; } ::-webkit-scrollbar-thumb { background: #1b1b1b; } ::-webkit-scrollbar-thumb:window-inactive { background: #1b1b1b; } ::-webkit-scrollbar-thumb:vertical:hover { background: #1b1b1b; } /* 全局 */ a { text-decoration: none; color: #333; outline:none;-webkit-tap-highlight-color:transparent} a:hover { text-decoration: none; color:#ff0000} /* 清理浮动 */ .clearfix { clear: both; zoom: 1; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .fl { float: left; } .fr { float: right; } .anim1s {-webkit-animation-delay: .1s; -moz-animation-delay: .1s;-ms-animation-delay: .1s;animation-delay: .1s;} .anim2s {-webkit-animation-delay: .2s; -moz-animation-delay: .2s;-ms-animation-delay: .2s;animation-delay: .2s;} .anim3s {-webkit-animation-delay: .3s; -moz-animation-delay: .3s;-ms-animation-delay: .3s;animation-delay: .3s;} .anim4s {-webkit-animation-delay: .4s; -moz-animation-delay: .4s;-ms-animation-delay: .4s;animation-delay: .4s;} .anim5s {-webkit-animation-delay: .5s; -moz-animation-delay: .5s;-ms-animation-delay: .5s;animation-delay: .5s;} .anim6s {-webkit-animation-delay: .6s; -moz-animation-delay: .6s;-ms-animation-delay: .6s;animation-delay: .6s;} .anim7s {-webkit-animation-delay: .7s; -moz-animation-delay: .7s;-ms-animation-delay: .7s;animation-delay: .7s;} .anim8s {-webkit-animation-delay: .8s; -moz-animation-delay: .8s;-ms-animation-delay: .8s;animation-delay: .8s;} .anim9s {-webkit-animation-delay: .9s; -moz-animation-delay: .9s;-ms-animation-delay: .9s;animation-delay: .9s;} .wrapper { margin: 0 auto;width:1200px; } body{position:relative} /*头部*/ .head{background:#d31e06;height:62px;line-height:62px;position:fixed;top:0;left:0;width:100%;z-index:999999999;box-shadow:0 1px 20px rgba(0,0,0,.15);} .head .gnaviInner{padding-left:2%;} .head .logo{height:62px;} .head .logo a{display:block;height:62px} .head .logo a img{max-width:100%;margin-top:8px;height:51px;} .head .logo a span{font-size:18px;font-weight:bold;color:#fff;vertical-align: top;margin-left:5px} .head .nav{float:left;transition:all 0.5s ease-out 0s;} .head .nav .nul{} .head .nav .nul .nli{float:left;background:url(../images/navli.png) repeat-y left center;} .head .nav .nul .nli a{padding:0 56px 0 30px;display:block;line-height:62px;color:#f2f2f2;font-size:17px;background:url(../images/down.png) no-repeat 80% center;} .head .nul .nli .sub{background:#fff;position:absolute;top:62px;left:0;right:0;height:46px;line-height:46px;display:none;box-shadow:0 1px 20px rgba(0,0,0,.15);} .head .nul .on .sub{} .head .nul .nli .sub .fr{overflow:hidden;} .head .nul .nli .sub .fr ul{float:left;} .head .nul .nli .sub .fr ul li{float:left;line-height:46px;} .head .nul .nli .sub .fr ul li a{line-height:46px;font-size:16px;color:#888;padding: 0 50px 0;} .head .nul .nli .sub .fr ul li a img{margin-right:10px;vertical-align:-6px;width:30px} .head .nul .nli .tel{float:right;width:220px;background:#f54523;font-size:26px;color:#fff;text-align:center} .head .lang{float:left;line-height:62px;background:#f3694d url(../images/down.png) no-repeat 72% center;width:120px} .head .lang a{padding-left:30px;color:#fff;font-size:24px; display:block;border-left:1px solid #e99381;} .head .search{float:right;width:100px;background:#fff url(../images/search.png) no-repeat center center;height:62px;} .head .search .inputstyle{width:100px;height:62px;cursor:pointer;border:none medium;background:none} .mobile_nav{width:85px;background:#d31e06 url(../images/menu.png) no-repeat center center / 25px;height:62px;display:block;float:left;display:none;border-left:1px solid #e99381;transition:all 0.5s;} .searchbox{background:#d31e06;position:absolute;right:0;width:200px;top:62px;padding:0 10px;display:none;transition:.3s;} .searchbox input{line-height:30px;margin-top:5px;padding:0 2%;width:96%;border:none medium;background:#fff} /*banner*/ .overbanner { width: 100%; overflow: hidden; } .banner { margin:62px auto 0;} .banner img { width: 100%;} /*mobile banner*/ .focus{margin:62px auto 0; position:relative; overflow:hidden; display:none } .focus .hd{ display:none } .focus .hd ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top; } .focus .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px; vertical-align:top; overflow:hidden; } .focus .hd ul .on{ background:#FE6C9C; } .focus .bd{ position:relative; z-index:0;} .focus .bd li a{ width:100%; display:block;background-repeat:no-repeat;background-position:center center;background-size:cover;} .focus .bd li img{display:block;width:100%;} .tj_list .slick-prev,.tj_list .slick-next{ z-index: 9; width:50px;height:50px;top:80%} .tj_list .slick-prev:before,.tj_list .slick-next:before { position: absolute; left: 0; top: 1px; color: #ccc; text-indent: -9999px; background:url(../images/prev.png) no-repeat center center;background-size:45px; width: 50px; height: 50px; z-index: 9; border-radius:50%;} .tj_list .slick-next:before { position: absolute; left: 0; top: 1px; color: #ccc; text-indent: -9999px; background:url(../images/next.png) no-repeat center center;background-size:45px; width: 50px; height: 50px; z-index: 9; border-radius:50%;} .tj_list .slick-prev { left: -72%; } .tj_list .slick-next { left: -61%; } .slick-dots { bottom: 2%; } .slick-dots li { margin: 0; } .slick-dotted.slick-slider { margin-bottom: 0; } .slick-dotted.slick-slider{margin-bottom:0;} .main .box .arrow-left,.main .box .arrow-right{ z-index: 9; width:50px;height:50px;bottom:16%;display:block;position:absolute;z-index:6;border-radius:50%;} /*.main .box .arrow-left:before,.main .box .arrow-right:before { position: absolute; left: 0; top: 1px; color: #ccc; text-indent: -9999px; background:url(../images/prev.png) no-repeat center center;background-size:45px; width: 50px; height: 50px; z-index: 9; border-radius:50%;content:''} .main .box .arrow-right:before { position: absolute; left: 0; top: 1px; color: #ccc; text-indent: -9999px; background:url(../images/next.png) no-repeat center center;background-size:45px; width: 50px; height: 50px; z-index: 9; border-radius:50%;content:''}*/ .main .box .arrow-left img,.main .box .arrow-right img{display:block;max-width:100%;} .main .box .arrow-left { left: 14%; } .main .box .arrow-right { left: 20%; } /*main*/ .main{overflow:hidden;} .main .zz{width:66.66%;float:left;overflow:hidden} .main .zz .tj_tt{width:50%;float:left;background:#d51e06;position:absolute;top:0;left:0;bottom:0;display:inline;} .main .zz .tj_tt .tj_tt_box{width:50%;margin:0 auto;vertical-align:middle;display:inline-block;margin:-25% 0 0 28%;} .main .zz .tj_tt .tj_tt_box h2{color:#fff;font-size:36px;font-weight:normal;} .main .zz .tj_tt .tj_tt_box p{color:#fff;font-size:16px;line-height:30px;margin-top:36px;} .main .zz .tj_tt em{height:100%;vertical-align:middle;display:inline-block;} .main .zz .tj_list{width:50%;float:right;position:absolute;top:0;right:0;bottom:0;} .main .zz .tj_list .slick_protj{margin-bottom:0;height:100%} .main .tj_list .slick_protj .item{position:relative;height:100%} .main .zz .tj_list .slick_protj .item_tt{position:absolute;top:13%;left:13%;z-index:1} .main .zz .tj_list .slick_protj .item_tt h2{font-size:30px;font-weight:normal;} .main .zz .tj_list .slick_protj .item_tt a{display:block;margin-top:16px;} .main .tj_list .slick_protj .item .img{position:absolute;bottom:4%;right:0;left:0;margin:0 auto;} .main .tj_list .slick_protj .item .img img{max-width:100%;display:block;margin:0 auto;transition:.5s;} .main .tj_list .slick_protj .item:hover .img img{transform:scale(1.1);} .main .index_img{width:33.33%;float:left;background-repeat:no-repeat;background-position:center;background-size:cover;} .main .index_img img{width:100%;display:block;} .main .service{width:66.66%;float:left;background:url(../images/index_img4.jpg) no-repeat center center / cover;} .main .service .ser_list{float:left;position:absolute;left:0;width:50%;top:0;bottom:0;} .main .service .ser_list .ser_box{position:absolute;left:0;width:100%;top:0;height:50%;background:rgba(27,27,27,.7) url(../images/prev.png) no-repeat 10% center;text-align:right} .main .service .ser_list .jmeng{position:absolute;left:0;width:100%;bottom:0;height:50%;background:rgba(216,30,6,.9) url(../images/next.png) no-repeat 90% center;text-align:left} .main .service .ser_list a{display:block;position:absolute;top:50%;margin-top:-44px;left:0;right:0;width:80%} .main .service .ser_list .ser_box a{transition:.5s;} .main .service .ser_list a:hover{width:84%;} .main .service .ser_list .jmeng a{margin-left:10%;transition:.5s;} .main .service .ser_list .jmeng a:hover{margin-left:14%} .main .service .ser_list a h2{font-size:36px;color:#fff;} .main .service .ser_list a h2 span{font-weight:normal;} .main .service .ser_list a p{font-size:16px;margin-top:20px;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .main .box{height:455px;position:relative;transition:.3s;} /*底部*/ .footer{background:#fbfbfb;} .footer .foot_top{padding:76px 0;overflow:hidden} .footer .foot_box{width:80%;margin:0 auto;transiton:.3s;} .footer .foot_box .tips{width:25%;} .footer .foot_box .tips .gz_zx h2{font-size:30px;color:#333333} .footer .foot_box .tips .gz_zx p{font-size:14px;color:#888;line-height:28px;} .footer .foot_box .tips .conlist{margin-top:20px;} .footer .foot_box .tips .conlist p{font-size:14px;line-height:28px;color:#888} .footer .tips select{width: 100px;height: 32px;border: 1px solid #98989a;background: #98989a;margin: 15px 5px 0 0;font-size: 14px;line-height: 32px;color: #ddd;font-family:'微软雅黑';outline:none;padding:0 5px} .footer .tips input {width: 140px;height: 32px;border: none;background: #d81e06;margin-top: 15px;font-size: 13px;color: #fff;outline:none;cursor:pointer} .footer .foot_box .list{width:50%;} .footer .foot_box .list ul{overflow:hidden} .footer .foot_box .list ul li{float:left;width:16%;margin-left:4%;text-align:center} .footer .foot_box .list ul li a{display:block;font-size:14px;color:#999;line-height:32px;} .footer .foot_box .list ul li a.tlist{font-size:16px;color:#333;margin-bottom:10px} .footer .foot_box .qcode{width:20%;overflow:hidden;} .footer .foot_box .qcode .codebox{float:right;width:49%;margin-left:1%} .footer .foot_box .qcode .codebox img{ max-width:96%;display:block;margin:0 auto;border:1px solid #aaa} .footer .foot_box .qcode .codebox p{ text-align:center;font-size:16px;color:#555;margin-top:10px;} .foot_bottom{height:48px;line-height:48px;background:#eee} .foot_bottom .foot_box{font-size:12px;color:#999;} .foot_bottom .foot_box a{margin-left:20px;color:#999} /*内页*/ .inbannbox{} .inbanner{background-position:center center;background-size:cover;background-repeat:no-repeat;height:485px;transition:0.3s;padding-top:62px;} .about_con{padding-top:60px} .about_con .pubtt{text-align:center;} .about_con .pubtt h2{color:#d61e06;font-size:30px;font-weight:normal;} .about_con .pubtt p{color:#d61e06;font-size:14px;margin-top:8px} .about_con .about_dis{font-size:16px;line-height:30px;color:#666;margin:40px 0 50px;} .about_con img{max-width:100%;} .about_con .num{background:#d61e06;padding:20px 0 40px;} .about_con .num ul{overflow:hidden;} .about_con .num ul li{float:left;text-align:center;width:33.333%;position:relative} .about_con .num ul li h2{font-size:72px;color:#fff;} .about_con .num ul li p{font-size:16px;color:#ddd;margin-top:10px; } .about_con .num ul li:after{content:'';position:absolute;right:0;width:1px;height:80%;top:20%;background:#fff;} .about_con .num ul li:nth-last-of-type(1):after{background:none} .about_con .num .numtop{position:relative;} .about_con .num .numtop span{position:absolute;right:24%;top:6%;font-size:66px;color:#fff;font-weight:bold} .process .cnt {margin: 40px 0 85px;position:relative} .process .cnt dl {width:75%;margin: 0 auto;position: relative;padding: 60px 0;opacity: 0;} .process .cnt dt {width: 900px;overflow: hidden;margin-bottom: 50px;} .process .cnt dt ul {width: 8000px;} .process .cnt dt ul li{float:left} .process .cnt dt ul li .img {width: 244px;height: 126px;float: left;margin-right: 35px;} .process .cnt dt ul li .img img {display: block;width: 244px;height: 126px;} .process .cnt dt ul li .rt {float: left;width: 621px;} .process .cnt dt ul li .rt h2 {color: #000;font-size: 60px; font-weight: normal;line-height: 60px;margin-bottom: 11px;font-family: '微软雅黑 light';} .process .cnt dt ul li .rt h2 i {font-size: 24px;line-height: 20px;font-style:normal;margin-left:6px} .process .cnt dt ul li .rt p {color: #818181;font-size: 14px;line-height: 24px;} .process .cnt .next,.process .cnt .prev {position: absolute;display: block;width: 80px;height: 80px;background-repeat: no-repeat;top: 130px;z-index: 3;cursor: pointer;} .process .cnt .next:hover,.process .cnt .prev:hover {background-position: -80px 0;} .process .cnt .prev {left: -138px;background-image: url("../images/lgy04.png");} .process .cnt .next {right: -138px;background-image: url("../images/lgy05.png");} .process .cnt dd {margin: 0 auto;height: 32px;width: 898px;border: 1px solid #aaa;} .process .cnt dd span {display: block;width: 105px;float: left;text-align: center;color: #fff;background-color: #bfbfbf;font-family: Arial;font-size: 14px;line-height: 32px;} .process .cnt dd ul {float: left;padding: 0 10px;} .process .cnt dd ul li {padding: 0 19px 0 20px;color: #888;font-size: 14px;line-height: 32px;cursor: pointer;float:left} .process .cnt dd ul li.cur,.process .cnt dd ul li:hover {color: #000;} .lyears-w {padding: 50px 0;} .years {padding-bottom: 90px;position: relative;background: url("../images/lgy17.jpg") repeat-x 0 40px;padding: 0 70px;} .years .next,.years .prev {display: block;position: absolute;width: 22px;height: 24px;cursor: pointer;background-repeat: no-repeat;background-position: 0 center;top: 29px;} .years .next:hover, .years .prev:hover {background-position: -22px center;} .years .prev {left: 0;background-image: url("../images/lgy06.png");} .years .next {right: 0;background-image: url("../images/lgy07.png");} .years .yw {overflow: hidden;width: 1050px;} .years .yw ul {width: 2000px;} .years .yw ul li {cursor: pointer;padding: 0 31px 31px;color: #666;font-size: 18px;line-height: 18px;background-image: url("../images/lgy08.jpg");background-repeat: no-repeat;background-position: center 36px;float:left} .years .yw ul li.cur,.years .yw ul li:hover {background-image: url("../images/lgy09.png");background-position: center bottom;} .cultrue .cul_con{background:url(../images/bg.jpg) repeat-y top center;overflow:hidden;} .cultrue .cul_con .wrapper{position:relative;overflow:hidden} .cultrue .cul_con .fl{width:70%;} .cultrue .cul_con .curl_box{padding:118px 0} .cultrue .cul_con .fl ul li{line-height:40px;font-size:16px;color:#666;} .cultrue .cul_con .fl ul li:hover{color:#d81e06} .cultrue .cul_con .fl ul li span{margin-right:10px} .cultrue .cul_con .fr{position:absolute;right:16px;height:100%;background:#d81e06;padding-left:16px} .cultrue .cul_con .fr h2{font-size:36px;color:#fff;font-weight:normal;} .cultrue .cul_con .fr p{font-size:14px;color:#fff;margin-top:12px} .honorlist{margin:56px 0 80px;} .honorlist .honorbox{width:90%;margin:0 auto} .honorlist .honorbox .item{} .honorlist .honorbox .item .img{background:#f8f8f8;border:2px solid #eee;margin:0 3%;padding:10%} .honorlist .honorbox .item .img img{display:block;margin:0 auto;max-width:100%} .honorlist .honorbox .item p{font-size:16px;color:#666;text-align:center;line-height:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 20px;} .honorlist .honorbox .slick-prev, .honorlist .honorbox .slick-next{width:22px;height:45px;top:42%} .honorlist .honorbox .slick-prev:before{position: absolute; left: 0; top: 1px; color: #ccc; text-indent: -9999px; background:url(../images/honor_prev.png) no-repeat 0 0;background-size:45px; width: 22px; height: 45px; z-index: 9;} .honorlist .honorbox .slick-prev:hover:before{background-position:-22px 0} .honorlist .honorbox .slick-next:before { position: absolute; left: 0; top: 1px; color: #ccc; text-indent: -9999px; background:url(../images/honor_next.png) no-repeat 0 0;background-size:45px; width: 22px; height: 45px; z-index: 9;} .honorlist .honorbox .slick-next:hover:before{background-position:-22px 0} .honorlist .honorbox .slick-prev{left:-5%} .honorlist .honorbox .slick-next{right:-5%} .video{background:#f8f8f8;padding-bottom:100px;border-bottom:1px solid #d11d06} .video_show {margin-top:56px} .video_show p{text-align:center;font-size:16px;color:3666;line-height:60px} .video_show .video-js .vjs-big-play-button{position:absolute;left:50%;top:50%;width:42px;height:50px;background:none;border-radius:0;border:none;margin:-25px 0 0 -21px;} .video_show .video-js .vjs-big-play-button:before{position:absolute;left:0;right:0;top:0;bottom:0;background:url(../images/pause.png) no-repeat center center;content:''} /*产品中心*/ .probanner{} .probanner .wrapper{position:relative;height:100%} .probanner .tt{position:absolute;top:50%;left:0;margin-top:-54px;transition:.3s;} .probanner .tt h2{font-size:48px;color:#d21e06;font-weight:normal;} .probanner .tt p{font-size:24px;color:#d21e06;margin-top:16px} .pro_list{padding:36px 0;} .pro_list .lists_type{} .pro_list .lists_type .hd{margin-bottom:40px;} .pro_list .lists_type .hd ul{} .pro_list .lists_type .hd ul li{width:18.4%;margin-right:2%;background:#ccc;border-radius:5px;float:left;transition:.3s;} .pro_list .lists_type .hd ul li:nth-last-of-type(1){margin-right:0;} .pro_list .lists_type .hd ul li a{padding:11% 2%;text-align:center;display:block;} .pro_list .lists_type .hd ul li a img{display:block;margin:0 auto} .pro_list .lists_type .hd ul li a p{font-size:18px;margin-top:20px;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .pro_list .lists_type .hd ul li.on,.pro_list .lists_type .hd ul li:hover{background:#d51e06;box-shadow:3px 3px 18px rgba(170,26,7,.35)} .pro_list .bd{} .pro_list .bd ul{overflow:hidden;border-top:1px solid #f4f4f4;border-right:1px solid #f4f4f4; border-left: 1px solid #f4f4f4;} .pro_list .bd ul li{width:50%;float:left;border-bottom:1px solid #f4f4f4;position:relative;height:400px;overflow: hidden;box-shadow: inset 1px 0 0 #f4f4f4;} .pro_list .bd ul li .box{height:400px} .pro_list .bd ul li .tt{position:relative;transition: all 0.5s;top:28px;left:68px;z-index:44;display:inline-block} .pro_list .bd ul li .tt h2{font-size:24px;font-weight:normal;} .pro_list .bd ul li .tt h2 a{color:#333333;} .pro_list .bd ul li .tt p{font-size:16px;margin-top:6px} .pro_list .bd ul li .tt p a{color:#d81e06;} .pro_list .bd ul li .img{position:absolute;right:30px;bottom:30px;width:66%;transition: all 0.5s;z-index:33} .pro_list .bd ul li .img a{display:block;} .pro_list .bd ul li .img a img{display:block;max-width:100%;} .pro_list .bd ul li:hover .img{right:16px} .pro_list .bd ul li:hover .tt{left:82px} .pro_list .bd ul li:hover::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #d81e06;box-sizing: border-box;z-index:4} .loadmore{width:34%;background:#d81e06;color:#fff;font-size:18px;text-align:center;display:block;line-height:46px;border-radius:25px;margin:60px auto 0;} .loadmore:hover{color:#fff;} .pro_other{background:#f5f5f5;padding:3% 2.5%;} .pro_other .other_box{} .pro_other .other_box ul li{float:left;width:33.33%;position:relative} .pro_other .other_box ul li .img{overflow:hidden;} .pro_other .other_box ul li .img img{width:100%;display:block;transition:.3s;} .pro_other .other_box ul li:hover .img img{transform:scale(1.1);} .pro_other .other_box ul li .tt{background:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px} .pro_other .other_box ul li .tt .tt_box{padding:6% 8%;} .pro_other .other_box ul li .tt .tt_box h2{font-size:24px;font-weight:normal;} .pro_other .other_box ul li .tt .tt_box h2 a{display:block;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .pro_other .other_box ul li .tt .tt_box i{display:block;margin:32px 0 14px;width:6%;height:1px;background:#999;transition:.3s;} .pro_other .other_box ul li .tt .tt_box p{font-size:14px;line-height:24px;color:#999;height:48px;overflow:hidden;} .pro_other .other_box ul li .tt .tt_box .see{color:#d81e06;font-size:14px;display:block;margin-top:10px;} .pro_other .other_box ul li:after{content:'';position:absolute;right:0;top:0;border-right:1px solid #f4f4f4;height:100%} .pro_other .other_box ul li:hover{box-shadow:3px 3px 26px rgba(0,0,0,.1)} .pro_other .other_box ul li:hover .tt .tt_box i{width:20%} /*新闻*/ .news .other_box ul li{margin-bottom:60px} .news .other_box .tt_box .date{font-size:14px;color:#999;margin-bottom:10px} .new_loadmore{background:#e5e5e5;color:#666;margin-top:0} .new_loadmore:hover{color:#666;} /*加盟*/ .inve_part1{background:#f8f8f8;overflow:hidden} .inve_part1 .inve_left{background:url(../images/jm_img1.jpg) no-repeat left center / cover;float:left;width:33%;min-height:492px;transition:.3s;} .inve_part1 .contbox{float:left;width:67%;transiton:.3s;} .inve_part1 .contbox .cont{padding:8% 0 0 8%;width:67%} .pubpart .cont h2{font-size:36px;color:#d81e06;font-weight:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .pubpart .cont h3{font-size:24px;color:#d81e06;margin-top:46px;font-weight:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .pubpart .cont i{display:block;margin:36px 0 16px;width:28px;height:3px;background:#d51e06;} .pubpart .cont .dis{font-size:16px;color:#777;line-height:30px;font-family:'微软雅黑 light';} .inve_part2 {overflow:hidden;background:#d81e06;} .inve_part2 .contbox{float:left;width:33%;overflow:hidden;background:#d81e06;min-height:372px;transiton:.3s;} .inve_part2 .contbox .cont{float:right;width:36%;margin-right:6%;transition:.3s;} .inve_part2 .contbox .cont h3{color:#fff} .inve_part2 .contbox .cont .dis{color:#eee;overflow:hidden;max-height:180px;} .inve_part2 .contbox .cont i{background:#fff} .inve_part2 .inve_right{float:right;width:67%;min-height:372px;background:url(../images/jm_img2.jpg) no-repeat right center / cover;transiton:.3s;} .inve_part3{padding:100px 0 90px;} .inve_part3 .tt{font-size:36px;color:#d81e06;text-align:center} .inve_part3 .inve_support{padding:40px 0 10px;} .inve_part3 .inve_support ul{overflow:hidden;border-top:1px solid #efefef;border-right:1px solid #efefef; border-left: 1px solid #efefef;} .inve_part3 .inve_support ul li{float:left;width:33.33%;border-left:1px solid #efefef;border-bottom:1px solid #efefef;margin-left:-1px;position:relative;} .inve_part3 .inve_support ul li .box{padding:18% 12% 12%;} .inve_part3 .inve_support ul li .box img{display:block;margin-bottom:16px} .inve_part3 .inve_support ul li .box h2{font-weight:normal;font-size:24px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .inve_part3 .inve_support ul li .box i{display:block;width:10%;height:1px;background:#999;margin:36px 0 16px;transition:.3s;} .inve_part3 .inve_support ul li .box .dis{font-size:14px;color:#999;line-height:26px;min-height:112px;max-height:112px;overflow:hidden;} .inve_part3 .inve_support ul li :hover::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #d81e06;box-sizing: border-box;z-index:4} .inve_part3 .inve_support ul li .num{position:absolute;top:0;right:12%;width:36px;background:#d81e06;height:32px;color:#fff;} .inve_part3 .inve_support ul li .num:after{position:absolute;content:'';width:0;height:0;border-width:18px 18px 0 18px;border-color:#d81e06 transparent;border-style:solid;top:32px;left:0;right:0;} .inve_part3 .inve_support ul li .num span{position:absolute;top:6px;left:0;right:0;text-align:center;font-size:24px;font-family:'微软雅黑 light';} .inve_part3 .inve_support ul li:hover .box i{width:18%} .inve_part4{overflow:hidden;background-color: #d81e06;} .inve_part4 .fl{width:66%;background:#f8f8f8;min-height:310px;padding:120px 0 0;} .inve_part4 .fl .fl_con{float:right;width:71%;font-size:16px;line-height:30px;font-family:'微软雅黑 light';transition:.3s;} .inve_part4 .fr{width:34%;background:#d81e06;padding:120px 0 0;min-height:310px;} .inve_part4 .fr .tt{float:left;width:38%;margin-left:12%;} .inve_part4 .fr .tt h2{font-size:36px;color:#fff;font-weight:normal;} .inve_part4 .fr .tt p{font-size:14px;color:#eee;margin-top:10px;line-height:24px} .inve_part5{padding:100px 0;} .inve_part5 .tt{font-size:36px;color:#d81e06;text-align:center;} .inve_process{margin-top:160px;position:relative;} .inve_process:before{position:absolute;top:-120px;content:'';width:100%;left:0;height:120px;background:url(../images/jt.jpg) no-repeat center center;} .inve_process ul{overflow:hidden;} .inve_process ul li{float:left;width:33.33%;position:relative} .inve_process ul li:nth-of-type(1){background:#e5916c} .inve_process ul li:nth-of-type(2){background:#e26741} .inve_process ul li:nth-last-of-type(1){background:#d81e06} .inve_process ul li h2{font-weight:normal;font-size:24px;color:#fff;border-bottom:30px solid #fff;text-align:center;padding:4% 0;} .inve_process ul li p{font-weight:normal;font-size:16px;color:#fff;border-bottom:1px solid #fff;padding:3% 10%;font-family:'微软雅黑 light';overflow:hidden;height:46px;} .inve_process ul li p span{float:left;max-height:40px;overflow:hidden;width:88%} .inve_process ul li p span:nth-of-type(1){width:10%} .inve_process ul li:after{content:'';position:absolute;right:0;border-right:1px solid #fff;top:0;bottom:0} /*服务*/ .ser_part1{} .ser_part1 .ser_con{background:#f5f5f5;padding:110px 0;text-align:center;} .ser_part1 .ser_con h2{font-weight:normal;color:#d81e06;font-size:36px;margin-bottom:48px;} .ser_part1 .ser_con .dis{font-size:16px;color:#666;line-height:30px;padding:0 26px;} .ser_zc{background:#d81e06;overflow:hidden} .ser_zc .fl{width:33%;overflow:hidden;background:#d81e06;} .ser_zc .fl .txt{float:right;width:36%;margin-right:8%;padding-top:80px;transition:.3s;} .ser_zc .fl .txt h2{font-size:36px;font-weight:normal;color:#fff;} .ser_zc .fl .txt p{font-size:16px;color:#fff;margin-top:20px;} .ser_zc .fr{width:67%;overflow:hidden;background:#fff;} .ser_zc .fr .dis{float:left;width:68%;font-size:16px;line-height:30px;padding:80px 0;margin-left:6%;color:#666} .ser_part2{background:#f5f5f5;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;padding:46px 0;} .ser_part2 .tt{font-size:24px;color:#d81e06;margin-bottom:46px;} .ser_part2 .dis{font-size:16px;color:#666;line-height:30px;} .ser_part3{background:#fff;border:0;padding:80px 0} .ser_part3 .parts_list{} .ser_part3 .parts_list .table {margin: 0 auto;border-top: 1px solid #e7e7e7;border-left: 1px solid #e7e7e7;width: 100%;} .ser_part3 .parts_list .table th{background:#333;color:#fff} .ser_part3 .parts_list .table th, .ser_part3 .parts_list .table td {padding:16px 10px;text-align: center;border-right: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;cursor: default;font-size:14px;line-height:26px} .ser_part3 .parts_list .table td:nth-of-type(1){background:#f1e1d3;border-bottom: 1px solid #d2c5bd;width:5%} .ser_part3 .parts_list .table td:nth-of-type(2){width:8%} /* .ser_part3 .parts_list .table td:nth-of-type(3){width:9%;background:#ececec;border-bottom: 1px solid #d2c5bd;} */ .ser_part3 .parts_list .table td:nth-last-of-type(1),.ser_part3 .parts_list .table td:nth-last-of-type(2),.ser_part3 .parts_list .table td:nth-last-of-type(3){text-align:left} .ser_part4{background:#fff;overflow:hidden;position:relative} .ser_part4 .fl{width:67%;overflow:hidden;background:#f8f8f8;} .ser_part4 .fl .txt{float:right;width:62%;margin-right:10%;padding:66px 0;transition:.3s;} .ser_part4 .fl .txt h2{font-size:24px;color:#d81e06;margin-bottom:46px;font-weight:normal;} .ser_part4 .fl .txt .dis{font-size:16px;color:#666;line-height:30px;} .ser_part4 .fr{background:url(../images/ser_img2.jpg) no-repeat center center / cover;width:33%;right:0;top:0;bottom:0;position:absolute} .ser_part2 .mobiparts_list{display:none} .ser_part2 .mobiparts_list .mobile_table{margin: 0 auto;border: 1px solid #e7e7e7;width: 100%;} .ser_part2 .mobiparts_list .mobile_table tr td{padding:16px 10px;border-bottom: 1px solid #e7e7e7;cursor: default;font-size:12px;line-height:26px;color:#666} .ser_part2 .mobiparts_list .mobile_table tr td b{font-size:16px;color:#333} .ser_part2 .mobiparts_list .mobile_table tr td p{line-height:36px;font-size:14px;color:#333} .ser_part2 .mobiparts_list .mobile_table tr .firsttr{background:#f7f7f7;font-size:18px} .ser_part2 .mobiparts_list .mobile_table tr{border-bottom:1px solid #f7f7f7;} /*联系我们*/ .con_map{margin-top:62px;position:relative;height:736px;} .con_map .baidu_map{position:absolute;top:0;width:100%;left:0;} #allmap{width:100%;height:736px;} .con_map .wrapper{padding-top:90px} .maplist{width: 23%;height:416px;padding:20px 2%;background: #fff;position:relative;border:1px solid #e0e0e0;} .maplist h2{padding: 5px 0;font-size: 16px;line-height: 26px;color: #333;} .maplist .address{width: 100%;height: 316px;margin: 10px 0 0 0; overflow-x: hidden;overflow-y: auto;} .maplist .address ul li{width: 292px;margin-bottom:24px;font-size:14px;line-height: 22px;cursor: pointer;color:#666} .maplist .address ul li .bit{font-weight:bold} .maplist .address ul li .dis{} .maplist i{display:block;width:30px;background:#aaa;height:1px;margin:20px 0 26px 0;} .elect{position: absolute;height: 70px;left: 0;bottom:0;right:0;width:1200px;margin:0 auto} .elect .left {width:27%;text-align:center;line-height: 70px;color: #fff;font-size: 18px; background-color: #2b2b2b;float:left;white-space:nowrap;overflow:hidden;} .elect .left img{vertical-align:-10px;margin-right: 20px;} .elect .center{float:right;margin-left:12px;width:67%;height:37px;background-color: #2b2b2b;padding:17px 2%;} .elect .center select {width: 48.5%;margin-right:3%;display: block;background-color: #fff;height: 36px;line-height: 36px;border: 1px solid #ccc;line-height: 36px;color: #444;font-size: 16px;text-indent: 15px;font-family:'微软雅黑 light'} .elect .center select:nth-of-type(2){margin-right:0} .job{padding:100px 0;background:#f5f5f5} .job .tt{font-size:36px;color:#d51e06;text-align:center} .job .job_list{padding:36px 0 50px;} .job .job_list .job_choose{font-size:16px;color:#333;line- height:32px;} .job .job_list .job_choose span{margin:0 10px;font-size:12px;} .job .job_list .job_choose .selected{color:#d51e06} .zw_list{margin-bottom:46px;} .zw_list .table td,.zw_list .table th{line-height:48px;font-size:16px;color:#666;text-align:center;} .zw_list .table th{background:#d51e06;color:#fff} .zw_list .table tr:nth-of-type(2n+1){background:#fff} .contact{padding:100px 0;} .contact .tt{font-size:36px;color:#d51e06;text-align:center} .contact .tt p{font-size:16px;color:#999;margin-top:10px;} .contact .contact_con{margin-top:80px;} .contact .contact_con ul{overflow:hidden;} .contact .contact_con ul li{float:left;width:33.33%;font-size:16px;color:#999;} .contact .contact_con li p{line-height:36px;} .contact .contact_con span{color:#f57b19;} .message{height:610px;background:url(../images/mess_bg.jpg) no-repeat center center / cover;position:relative;margin-top:160px;} .message .mess_box{width:640px;position:absolute;top:-30%;left:0;right:0;height:106%;background:#fff;border-radius:15px;box-shadow:0 5px 35px rgba(3,3,3,.2);margin:0 auto;border:1px solid #ddd} .message .mess_box .formbox{width:80%;margin:56px auto 0;} .message .mess_box .formbox h2{font-size:36px;color:#d51e06;text-align:center;font-weight:normal;} .message .mess_box .formbox .form{margin-top:45px;} .message .mess_box .formbox .form .radio{overflow:hidden} .message .mess_box .formbox .form .radio ul li{float:left;color:#666;margin-right:50px;font-size:16px;line-height:36px;} .message .mess_box .formbox .form .radio ul li:nth-last-of-type(1){margin-right:0} .message .mess_box .formbox .form .radio ul li input{margin-right:4px;} .formcontrol{margin:26px 0;line-height:44px;} .formcontrol input{height:44px;line-height:44px;width:96%;color:#999;border:1px solid #f5f5f5;background:none;padding:0 2%;background:#f5f5f5;font-size:16px;} .formtextarea{margin:26px 0;} .formtextarea textarea{border:1px solid #f5f5f5;font-size:16px;color:#999;min-height:160px;width:96%;padding:0 2%;line-height:26px;background:#f5f5f5;} .formbtn{margin:26px auto 0;line-height:44px;border-radius:28px;background:#d51e06;text-align:center;width:86%;} .formbtn input{width:100%;border:none medium;background:none;font-size:18px;color:#fff;cursor:pointer;line-height:44px;} .formcontrol input:focus,.formtextarea textarea:focus{ border: 1px solid #d51e06;outline:none;background:#fff;} .mobile_map{display:none;background:#f5f5f5;} .mobile_map .query{padding:62px 0 36px;} .mobile_map .query h2{text-align:center;font-size:20px;color:#333;font-weight:normal;margin:36px 0} .mobile_map .query .query_list{overflow:hidden;padding:0 16px;} .mobile_map .query .query_list ul{overflow:hidden} .mobile_map .query .query_list ul li{float:left;width:48.5%;margin:0 3% 8% 0;line-height:36px;height:36px;} .mobile_map .query .query_list ul li:nth-last-of-type(1){margin-right:0;} .mobile_map .query .query_list ul li select{background:none;border:1px solid #ddd;width:100%;line-height:36px;height:36px;color:#666} .query_btn{line-height:36px;background:#d51e06;text-align:center;width:100%;color:#fff;} .query_btn input{line-height:36px;height:36px;background:none;border:none medium;width:100%;color:#fff;font-size:16px;cursor:pointer} .result{background:#fff;padding:36px 16px} .result ul li{margin-bottom:16px;background:url(../images/add1.png) no-repeat left top / 18px;padding-left:50px;border-bottom:1px dashed #efefef;padding-bottom:16px;} .result ul li .txt h2{font-size:12px;color:#666} .result ul li .txt p{font-size:12px;color:#666;line-height:24px;margin-top:16px;} /*简介 发展历程*/ .hisbd{padding:36px 0;background-color: #F8F8F8;position:relative} .hisbd .bd .bcon{overflow:hidden;width:84%;margin:0 auto;} .hisbd .bd .bcon .img{float:left;width:26%;} .hisbd .bd .bcon .img img{display:block;width:100%;} .hisbd .bd .bcon .info{float:left;width:70%;margin-left:4%;} .hisbd .bd .bcon .info .tit{font-size:36px;color:#333;font-family:'微软雅黑 light'} .hisbd .bd .bcon .info .txt{font-size:14px;color:#666;line-height:23px;margin-top:10px;overflow:hidden;max-height:46px;} .hisbd .hd{height:32px;border:1px solid #e0e0e0;line-height:32px;overflow:hidden;width:84%;margin:36px auto 0;} .hisbd .hd span{float:left;display:block;background:#bfbfbf;width:10%;text-align:center;font-size:18px;color:#fff;} .hisbd .hd ul{float:left;width:88%;overflow:hidden;margin-left:2%} .hisbd .hd ul li{float:left;padding:0 26px;font-size:16px;color:#666;position:relative;} .hisbd .hd ul li:after{position:absolute;height:14px;top:10px;right:0;border-right:1px solid #707070;content:''} .hisbd .hd ul li:nth-last-of-type(1):after{border-right:0;} .hisbd .hd ul li.on{color:#d51e06} .hisbd .hbox .sprev{display: block;width: 80px;height: 80px;background: url(../images/lgy04.png) no-repeat 0 0;position: absolute;top: 50%;margin-top: -40px;left:0;z-index:6} .hisbd .hbox .sprev:hover,.hisbd .hbox .snext:hover{background-position:-80px 0 } .hisbd .hbox .snext {display: block;width: 80px;height: 80px;background: url(../images/lgy05.png) no-repeat 0 0;position: absolute;top: 50%;margin-top: -40px;right:0;z-index:6} .hishd02{position:relative;margin:50px 0;text-align:center} .hishd02:after{position:absolute;content:'';bottom:3px;width:100%;left:0;border-bottom:1px solid #e0e0e0;z-index:0} .hishd02 ul{display:inline-block;text-align:center;} .hishd02 ul li{display:inline-block;margin:0 26px;text-align:center;} .hishd02 ul li span{font-size:18px;color:#333;} .hishd02 ul li i{display:block;width:6px;height:6px;background:#bfbfbf;margin:22px auto 0;border-radius:50%;position:relative;transition:.3s;z-index:6} .hishd02 ul li i:after{position:absolute;content:'';border:1px solid rgba(255,255,255,0);top:-6px;left:-6px;right:-6px;bottom:-6px;border-radius:50%} .hishd02 ul li.on i{background:#d51e06} .hishd02 ul li.on i:after{border:1px solid #d51e06} .xprev{position:absolute;bottom:0;left:0;width:22px;height:24px;background:#fff url(../images/lgy06.png) no-repeat 0 0;margin-bottom:-6px;z-index:3} .xnext{position:absolute;bottom:0;right:0;width:22px;height:24px;background:#fff url(../images/lgy07.png) no-repeat -22px 0;margin-bottom:-6px;z-index:3} .xprev:hover,.xnext:hover{} .mobile_process{display:none;} .mobile_process .hd{position:relative;text-align:center;margin:36px 0; z-index:3} .mobile_process .hd:after{ position:absolute;content:'';bottom:50%;width:100%;left:0;border-bottom:1px solid #e0e0e0;z-index:0} .mobile_process .hd ul {display:inline-block;text-align:center;position:relative;z-index:66} .mobile_process .hd ul li{width:50px;height:50px;border-radius:50%;border:1px solid #efefef;background:#fff;line-height:50px;text-align:center;margin:0 10px;display:inline-block;} .mobile_process .hd ul li.on{border:1px solid #d51e06;color:#d51e06} .mobile_process .bd .conbox{font-size:12px;color:#666;line-height:22px;} .honor .swiper-container{height:400px;margin:40px 0;} .honor .swiper-container .arrow-left, .honor .swiper-container .arrow-right{width:22px;height:45px;top:38%;display:block;position:absolute;} .honor .swiper-container .arrow-left{position: absolute; left: 0; color: #ccc; text-indent: -9999px; background:url(../images/honor_prev.png) no-repeat 0 0;background-size:45px; width: 22px; height: 45px; z-index: 9;} .honor .swiper-container .arrow-right{ position: absolute;right:0; color: #ccc; text-indent: -9999px; background:url(../images/honor_next.png) no-repeat 0 0;background-size:45px; width: 22px; height: 45px; z-index: 9;} .public_page{} .public_page .public_box{padding:62px 0;} .public_page .public_box .pubpage_tt{text-align:center;padding:70px 0 40px;margin-bottom:40px;border-bottom:1px dashed #efefef} .public_page .public_box .pubpage_tt h2{font-size:26px;color:#333;line-height:30px;} .public_page .public_box .pubpage_tt p{font-size:14px;color:#666;margin-top:8px;} .public_page .public_box .pubpage_tt p span{margin:0 10px;} .public_page .public_box .pubpage_con{font-size:16px;color:#666;line-height:36px;} .pubpage_np{padding-top:60px;margin-top:60px;border-top:1px dashed #efefef;position:relative} .pubpage_np a{display:block;line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;color:#666} .pubpage_np a:hover{color:#d51e06} .pubpage_np .zz{position:absolute;background:#d51e06; width:160px;text-align:center;line-height:36px;border-radius:20px;right:0;top:60px;color:#fff} .pubpage_np .zz a{font-size:16px;color:#fff;display:block;line-height:36px;} .pubpage_np .zz img{vertical-align:-2px;margin-left:10px} .pro_page{} .pro_page .propage_box{margin:62px 0 0} .slideBox{ overflow:hidden; position:relative; } .slideBox .bd{ position:relative; height:100%; z-index:0; } .slideBox .bd li{ zoom:1; vertical-align:middle;background-size:cover;background-position:center;background-repeat:no-repeat;height:692px;} .slideBox .bd img{ max-width:100%;display:block; } .slideBox .hd{ height:70px; overflow:hidden; text-align:center;margin-top:36px; } .slideBox .hd ul{display:inline-block;text-align:center } .slideBox .hd ul li{ display:inline-block;margin:0 10px;border:2px solid #b5b5b5;width:134px;height:50px;cursor:pointer;overflow:hidden} .slideBox .hd ul li img{ display:block;max-width:100%} .slideBox .hd ul li.on{ border-color:#d51e06;} .pro_page .propage_box .slideBox .tt{text-align:center;top:70px;position:absolute;margin:0 auto;left:0;right:0;z-index:2;} .pro_page .propage_box .slideBox .tt h2{font-size:34px;color:#333;font-weight:normal;} .pro_page .propage_box .slideBox .tt h2 span{font-weight:bold;} .pro_page .propage_box .slideBox .tt p{font-size:18px; margin-top:16px;color:#999} .propage_con{padding:60px 0;font-size:16px;line-height:30px;color:#666} .propage_con img{max-width:100%;} .propage_con .propage_tt h2{background:#f8f8f8;padding:10px 50px;font-size:24px;font-weight:normal;color:#666;} .propage_con .propage_tt p{line-height:36px;} .propage_con .propage_cans{background:#f8f8f8;padding:50px;} .propage_con .propage_cans td{line-height:36px;} .propage_con .pro_cansbox ul{overflow:hidden} .propage_con .pro_cansbox li{float:left;width:25%;} .propage_con .pro_cansbox li p{line-height:36px;} .rifixed{position:fixed;right:10px;bottom:30px;background:#d51e06;width:50px;height:50px;border-radius:50%;z-index:999999} .rifixed a{display:block;background:url(../images/top.png) no-repeat center center / 25px;width:50px;height:50px;} @media (max-width: 1436px) { .head .nav .nul .nli a { padding: 0 35px 0 20px; } .inve_part2 .contbox .cont{width:80%;} .inve_part4 .fl .fl_con{width:94%;} .ser_zc .fl .txt{width:72%;} .ser_part4 .fl .txt{width:80%;} } @media (max-width: 1300px) { .footer .foot_box{width:96%} .footer .foot_box .qcode .codebox p{font-size:12px;} } @media (max-width: 1200px) { .head .nav{display:none;} .mobile_nav{display:block} .main .zz{width:100%;} .main .index_img{width:50%} .main .service{width:100%;} .wrapper {width:100%;padding:0 16px;box-sizing: border-box;} .con_map .wrapper {width:100%;padding:0 16px;box-sizing: border-box;} .about_con{padding:20px 0} .about_con .about_dis{font-size:14px;} .probanner .tt{left:3%;} .probanner .tt h2{font-size:24px} .probanner .tt p{font-size:14px;margin-top:10px} .inve_part4 .fr .tt{width:70%} .ser_zc .fl .txt{width:80%;} .ser_zc .fr .dis{width:88%} .ser_part4 .fl .txt{width:86%;} .con_map{display:none} .mobile_map{display:block;} } @media (max-width: 960px) { .main .zz .tj_tt .tj_tt_box{margin-left:20%} .tj_list .slick-prev{left:-81%} .main .service .ser_list a{} .main .service .ser_list a h2{font-size:26px} .main .service .ser_list .ser_box a{width:90%} .main .service .ser_list .jmeng a{width:68%;} .footer .foot_box .qcode{display:none} .footer .foot_box .tips{width:40%} .footer .foot_box .list{width:60%} .inbanner{height:360px;} .pro_list .bd ul li{height:300px;} .pro_list .lists_type .hd ul li a img{height:36px} .pro_list .lists_type .hd ul li a p{margin-top:2px} .news .other_box ul li{width:50%} .inve_part1 .inve_left{min-height:360px} .pubpart .cont h2{font-size:18px;} .pubpart .cont .dis{font-size:12px;line-height:22px;} .inve_part4 .fr{padding:36px 0;} .inve_part4 .fl{padding:36px 0} .inve_part5{padding:30px 0;} .inve_part5 .tt{font-size:20px;} .inve_process ul li h2{font-size:16px} .inve_process ul li p{font-size:12px;height:40px} .inve_process ul li p span{max-height:38px} .job{padding:36px 0} .contact{padding:36px 0} .contact .contact_con{margin-top:36px;} .hishd02 ul li{margin:0 16px} .process .cnt{display:none;} .process .mobile_process{display:block;} .main .box .arrow-left{left:9%} .main .box .arrow-right{left:16%} } @media (max-width: 640px) { .head .lang{display:none} .head .search{display:none} .banner { margin-left: -50%; width: 200%; } .head .logo a img{height:40px;margin-top:12px} .mobile_nav{width:60px;background-size:18px} .main .box{height:200px;position:relative;transiton:.3s;} .main .zz .tj_tt .tj_tt_box{width:80%;margin: -33% 0 0 10%;} .main .zz .tj_tt .tj_tt_box p{font-size:12px;line-height:22px;margin-top:10px;max-height:40px;overflow:hidden} .main .zz .tj_tt .tj_tt_box h2{font-size:20px;} .tj_list .slick-prev,.tj_list .slick-next{width:30px;height:30px;top:75%} .tj_list .slick-prev:before,.tj_list .slick-next:before{width:30px;height:30px;background-size: 26px;} .tj_list .slick-prev{left:-90%;} .tj_list .slick-next{left:-72%;} .main .zz .tj_list .slick_protj .item_tt{top:8px;} .main .zz .tj_list .slick_protj .item_tt h2{font-size:20px;} .main .tj_list .slick_protj .item .img{} .main .index_img{display:none} .main .service .ser_list a h2{font-size:18px;} .main .service .ser_list a p{margin-top:0px;font-size:12px;} .main .service .ser_list .ser_box{background-image:none;text-align:left;} .main .service .ser_list .ser_box a{margin-left:10%} .main .service .ser_list .jmeng{background-image:none;} .main .service .ser_list .jmeng a{margin-right:10%} .main .zz .tj_list .slick_protj .item_tt a{margin-top:4px} .main .zz .tj_list .slick_protj .item_tt a img{width:20px;} .main .service .ser_list a{width:80%;margin-top: -22px;} .footer .foot_top{padding:28px 0;} .footer .foot_box{width:90%} .footer .foot_box .tips{width:100%} .footer .foot_box .list{display:none} .foot_bottom .foot_box .fl{display:none} .foot_bottom .foot_box .fr{float:none;text-align:left} .foot_bottom .foot_box .fr a{margin-left:0;margin-right:20px} .footer .foot_box .tips .gz_zx h2{font-size:20px;} .about_con .about_dis{font-size:12px;} .about_con .pubtt h2{font-size:18px} .about_con .pubtt p{font-size:12px} .about_con .num ul li h2{font-size:24px} .about_con .num .numtop span{font-size:18px} .about_con .num ul li p{font-size:12px} .cultrue .cul_con .fr{position:relative;left:0;width:96%} .cultrue .cul_con .fl{float:none;width:100%;} .cultrue .cul_con .curl_box{padding:20px 0} .cultrue .cul_con .fl ul li{font-size:12px} .cultrue .cul_con .fr h2{font-size:20px} .cultrue .cul_con .fr p{font-size:13px} .inbanner{height:260px;} .probanner .tt{display:none} .pro_list .bd ul li{height:200px;} .pro_list .bd ul li .tt{left:16px;top:16px} .pro_list .bd ul li .tt h2{font-size:18px;} .pro_list .bd ul li .tt p{font-size:12px;margin-top:2px} .pro_list .bd ul li .img{right:1px;width:90%;bottom:10px} .pro_list .lists_type .hd ul li a img{height:22px} .pro_list .lists_type .hd ul li a p{font-size:12px} .pro_other{padding:12% 5%} .pro_other .other_box ul li .tt .tt_box h2{font-size:16px;font-weight:normal;} .pro_other .other_box ul li .tt .tt_box i{display:block;margin:20px 0 8px;width:14%;} .pro_other .other_box ul li .tt .tt_box p{font-size:12px;line-height:18px;max-height:36px;} .pro_other .other_box ul li .tt .tt_box .see{font-size:12px} .pro_other .other_box ul li .tt .tt_box{padding:10%;} .loadmore{line-height:40px;width:60%;font-size:14px;} .news{padding:20px 10px} .news .other_box ul li{width:50%;margin-bottom:16px} .news .other_box .tt_box .date{font-size:12px;margin-bottom:4px} .inve_part1 .inve_left{min-height:320px} .inve_part1 .inve_left{width:46%;} .inve_part1 .contbox{float:left;width:54%} .pubpart .cont .dis{overflow:hidden;max-height:108px} .inve_part2 .inve_right{min-height:270px} .inve_part2 .contbox{min-height:270px} .inve_part2 .contbox .cont .dis{max-height:108px} .inve_part2 .contbox{width:46%;} .inve_part2 .inve_right{width:54%;} .inve_part3{padding:30px 0} .inve_part3 .inve_support ul li{width:50%;} .inve_part3 .inve_support ul li .box img{width:25px;} .inve_part3 .inve_support ul li .box h2{font-size:18px;} .inve_part3 .inve_support ul li .box i{margin:16px 0 6px} .inve_part3 .inve_support ul li .box .dis{font-size:12px;line-height:18px;max-height:36px;min-height:36px;} .inve_part3 .inve_support ul li .num{width:26px;height:22px;} .inve_part3 .inve_support ul li .num:after{border-width:13px 13px 0 13px;top:22px } .inve_part3 .inve_support ul li .num span{font-size:14px;top:6px} .inve_part4 .fr{float:none;width:100%;overflow:hidden;min-height:30px} .inve_part4 .fl{float:none;width:100%;overflow:hidden} .inve_part4 .fr .tt{width:92%;margin-left:8%;} .inve_part4 .fr .tt h2{font-size:20px;} .inve_part4 .fr .tt p{font-size:12px;} .inve_part4 .fl .fl_con{width:86%;margin-left:8%;float:left;font-size:13px;} .inve_process ul li {float:none;width:100%;margin-bottom:16px} .inve_process ul li h2{border-bottom:1px solid #fff} .inve_process ul li p{height:auto} .inve_process ul li p span{max-height:auto} .inve_process:before{display:none;} .ser_zc .fl .txt{padding-top:36px;} .ser_zc .fl .txt h2{font-size:20px;} .ser_part1{background:#f5f5f5} .ser_part1 .ser_con{padding:36px 0} .ser_part1 .ser_con h2{font-size:20px;margin-bottom:16px} .ser_part1 .ser_con .dis{font-size:12px;line-height:20px;} .ser_zc .fl .txt p{font-size:12px;margin-top:10px} .ser_zc .fr .dis{font-size:12px;line-height:23px;padding:36px 0;} .ser_part2{padding:20px 0;} .ser_part2 .tt{font-size:20px;margin-bottom:16px;} .ser_part2 .dis{font-size:12px;line-height:23px;} .ser_part3 .parts_list .table th, .ser_part3 .parts_list .table td {font-size:12px;padding:10px 8px;} .ser_part4 .fl .txt{float:right;width:82%;margin-right:10%;padding:36px 0;} .ser_part4 .fl .txt h2{font-size:20px;margin-bottom:20px;} .ser_part4 .fl .txt .dis{font-size:12px;line-height:22px;} .job .job_list .job_choose{font-size:13px;} .zw_list .table td, .zw_list .table th{font-size: 13px;} .contact .tt{font-size:20px;} .job .tt{font-size:20px;} .contact .tt p{font-size:12px;} .contact .contact_con ul li{float:none;width:100%;font-size:13px;} .message{height:570px;} .message .mess_box{width:96%;height:110%} .message .mess_box .formbox{margin-top:36px;} .message .mess_box .formbox h2{font-size:20px;} .message .mess_box .formbox .form .radio ul li{font-size:12px;} .formcontrol input,.formtextarea textarea{font-size:12px;} .message .mess_box .formbox .form .radio ul li input{vertical-align:-3px} .inve_process{margin-top:36px;} .ser_part4 .fr{display:none;} .ser_part4 .fl{width:100%;} .honorlist .honorbox .item p{font-size:12px;line-height:18px;margin-top:10px;} .honor .swiper-container{max-height:180px;} .main .box .arrow-left{left:4%;width:26px;height:26px;} .main .box .arrow-right{left:14%;width:26px;height:26px;} .public_page .public_box .pubpage_tt{padding:36px 0 26px;margin-bottom:26px;} .public_page .public_box .pubpage_tt h2{font-size:18px;font-weight:normal;} .public_page .public_box .pubpage_tt p{font-size:12px;margin-top:0} .public_page .public_box .pubpage_con{font-size:13px;line-height:28px;} .pubpage_np{margin-top:30px;padding-top:30px;} .pubpage_np a{font-size:12px;line-height:28px;} .slideBox .hd{display:none} .slideBox .bd li{ height:300px;} .propage_con{font-size:13px;line-height:26px;} .propage_con .propage_cans{padding:20px 10px} .propage_con .pro_cansbox li{width:48%;margin-right:2%} .propage_con .pro_cansbox li:nth-of-type(2n){margin-right:0} .propage_con .propage_tt h2{font-size:18px;padding:10px 10px} .banner{display:none;} .focus{display:block;} .pro_page .propage_box .slideBox .tt{top:20px} .pro_page .propage_box .slideBox .tt h2{font-size:18px;} .pro_page .propage_box .slideBox .tt p{font-size:12px;margin-top:2px} .pubpage_np .zz{top:36px;width:100px;} .pubpage_np .zz a{font-size:12px;} .inve_process .showhide{display:none} .inve_part1 .contbox .cont{width:85%} .ser_part1 .ser_con .dis{padding:0;} .ser_part2 .parts_list{display:none} .ser_part2 .mobiparts_list{display:block} }