/** * Master Slider Sample Skin * * This file does not load by Masterslider and is just for those who wants * to know how skin file is structured and let them to create their own custom skin * If you want to create your own custom skin you need to replace "ms-skin-default" with your unique skin name *//* 217cee */ .counsel,.box_m{ display: none!important; opacity: 0!important; } .wrap {width:1400px;margin:0 auto;overflow:hidden;position: relative;} .wrap1200{ width: 1200px; margin: 0 auto; overflow: hidden;position: relative; } .wrap1600{ width: 1600px; margin: 0 auto; overflow: hidden;position: relative; } .m {margin:0 auto;} .head_top{ width: 100%; height: 100px; line-height: 100px; background-color: #fff; /*position: relative;*/ z-index: 999; position: fixed;box-shadow: 0px 2px 6px 4px rgba(109, 109, 109,.4);} .head_top .logo{ padding-right: 15px; background: url(../images/top_xian.jpg) no-repeat right 30px;} .head_top h4{ font-size: 14px; color: #666; line-height: 22px; padding-top: 30px; margin-left: 15px; } .nav li>a{ font-size: 16px; color: #333; padding: 0 20px; } .nav li{float: left;} .head_top h2 p{transition: 0.3s; font-size: 16px; color: #333; padding-left: 29px; background: url(../images/tel.png) no-repeat left center;} .head_top h2{ padding-left: 27px; padding-right: 18px; margin-left: 20px; background: url(../images/top_xian2.jpg) no-repeat left center; } .zhezhao{ display: block; position: absolute; top: 0; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.3); z-index: 999; } .head_top h2:hover p{ background: url(../images/tel_on.png) no-repeat left center; color: #217cee; } .head_top .wrap{ overflow: inherit; /*position: inherit;*/} .head_top p .wx { position: relative; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; width: 16px; height: 14px; background: url(../images/top_xian2.jpg) no-repeat right center; padding: 0 15px; } .head_top p .weibo { position: relative; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; width: 20px; height: 15px; background: url(../images/top_xian2.jpg) no-repeat right center; padding: 0 15px; } .head_top p .download { position: relative; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; width: 20px; height: 15px; background: url(../images/top_xian2.jpg) no-repeat right center; padding: 0 15px; } .head_top p .wx .qr,.head_top p .weibo .qr { position: absolute; left: 50%; bottom: -127px; width: 105px; height: 105px; margin-left: -48px; opacity: 0; visibility: hidden; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); -webkit-transition: .5s; -o-transition: .5s; transition: .5s; z-index: 9999; } .head_top p .wx:hover .qr,.head_top p .weibo:hover .qr { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .head_top p .wx .icon-wx { width: 18px; height: 100%; background: url(../images/weixin.png) no-repeat center; vertical-align: top; } .head_top p .wx:hover .icon-wx { background: url(../images/weixin_on.png) no-repeat center; } .head_top p .weibo .icon-wx { width: 20px; height: 100%; background: url(../images/weibo.png) no-repeat center; vertical-align: top; } .head_top p .weibo:hover .icon-wx { background: url(../images/weibo_on.png) no-repeat center; } .head_top p .download .icon-wx { width: 20px; height: 100%; background: url(../images/download.png) no-repeat center; vertical-align: top; } .head_top p .download:hover .icon-wx { background: url(../images/download_on.png) no-repeat center; } .head_top .fours{ height: 100px; line-height: 100px; background: url(../images/top_xian2.jpg) no-repeat left center;} .head_top .fours img{ -webkit-box-shadow: 0 0px 10px rgba(0,0,0,0.1); box-shadow: 0 0px 10px rgba(0,0,0,0.1); } .navbox li { float: left; height: 100px; line-height: 100px; margin: 0 15px; position: relative; } .navbox li .js{ margin-top: 35px; height: 30px; overflow: hidden; } .navbox li .js>a { text-align: center; color: #333; font-size: 16px; display: block; line-height: 32px; -webkit-transition: transform .5s; -ms-transition: transform .5s; transition: transform 0.5s; } .navbox li .js>a:after { content: attr(data-hover); color: #217cee; opacity: 0; -webkit-transition: opacity .3s; -ms-transition: opacity .3s; transition: opacity 0.3s; } .navbox li.active .js>a:after, .navbox li:hover .js>a:after { opacity: 1; } .navbox li .js:hover>a { color: #666; } .navbox li .js>a span { opacity: 1; display: block; pointer-events: none; -webkit-transition: opacity .3s; transition: opacity 0.3s; } .navbox li .js:hover>a span { opacity: 0; } .navbox li.active .js>a, .navbox li:hover .js>a { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .tnavbox{position:absolute;width:160px;left:50%;margin-left:-80px;top:85%;height:0;padding-top:15px;/* display:none;*/ text-align: center;z-index: 99999999;} .tnav{ background:#fff; box-shadow:0 0 16px -4px rgba(0,0,0,.3); padding:20px 0 18px; transform:translateY(20px); -webkit-transform:translateY(20px); opacity:0; visibility:hidden; transition:.5s; -webkit-transition:.5s; } .tnav a{ display:block; color:#666; line-height:35px; border-bottom: 1px solid transparent;-webkit-transition: .3s; -o-transition: .3s; transition: .3s;} .tnav a:hover{ color: #fff; } .tnav a:hover,.tnav a.on{ background:#217cee; color:#fff;} .navbox li:hover .tnavbox { height:100px; } .navbox li:hover .tnavbox .tnav{ transform:translate(0); -webkit-transform:translate(0); opacity:1; visibility:visible; } .navbox li .tnavbox i{ position: absolute; width: 20px; height: 4px; background-color: #217cee; left: 50%; top: 0; margin-left: -10px; } .grzx_main1{ width: 100%; padding-top: 90px; } .grzx_main1 .wrap{padding-bottom: 60px;}} .grzx_main1_left{ } .grzx_main1_left h4{ padding-top: 20px; color: #666; font-size: 16px; } .grzx_main1_left .more{ margin-top: 125px; } .title_h3{ line-height: 1; font-size: 24px; color: #333; } .title_h3 a{ display: block; line-height: 1; font-size: 24px; color: #333; } /* .more{ font-size: 16px; color: #666; border-bottom: 1px solid #666; line-height: 30px; display: inline-block;} .more:hover{ color: #217cee; border-bottom: 1px solid #217cee; } */ .more{ display:inline-block; transition: 0.6s; border-bottom:1px solid #c1c1c1; position:relative; margin-top: 20px; font-size: 16px; padding-bottom: 7px;} .more:hover{ color: #217cee; } .more:before{ content:""; width:100%; height:1px; background:#217cee; position:absolute; left:0; bottom:-1px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .6s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .32s cubic-bezier(.4,0,.2,1); transition:transform .6s cubic-bezier(.4,0,.2,1); transition:transform .6s cubic-bezier(.4,0,.2,1),-webkit-transform .6s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;} .more a,.more span{ position:relative; display:block; /*padding-right:48px;*/ padding-bottom:18px; color:#666; line-height:1; font-size:16px; /*background:url(../images/arrow5.png) 68px top no-repeat;*/ transition:320ms;} .more:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;} .more:hover a,.more:hover span{ color:#217cee; /*background:url(../images/arrow6.png) right top no-repeat;*/} .container_category > a { display: inline-block; margin: 0 5px; font-size: 13px; line-height: 30px; text-align: center; padding: 20px 20px 0 20px; border: none; /*position: relative;*/ } .container_category a.more.active{ color: #217cee; } .grzx_main1_right{ width: 805px; } .grzx_main1_right>p{ font-size: 16px; color: #666; line-height: 30px; margin-bottom: 55px; } .grzx_main2{ width: 100%; background: #fff url(../images/about_bg1.jpg) no-repeat top center; } .grzx_main2 .module_container { max-width: 1380px; margin: 200px auto 0 auto; display: block; } .grzx_main2 .module_container .container_content { background-color: #fff; box-shadow: 0px 15px 30px rgba(0, 0, 0, .06); padding: 0 0 0 75px; width: calc(100% - 75px); } .grzx_main2 .container_content .contentbody { display: block; float: left; max-width: 650px; } .grzx_main2 .container_content .contentbody .about {padding-top: 40px; height: 310px; } .grzx_main2 .container_content .contentbody .about .header {position: absolute; top: 40px; padding-bottom: 50px; } .grzx_main2 .container_content .contentbody .about .header .title { font-size: 24px; line-height: 30px; color: #555; } .grzx_main2 .container_content .contentbody .about .header .subtitle { font-size: 18px; color: #ccc; line-height: 26px; } .grzx_main2 .container_content .contentbody .about .description { max-width: 700px; margin-top: 80px; font-size: 16px; line-height: 26px; color: #999; } .grzx_main2 .container_content .contentbody .about .description a { transition: all 0.36s ease; border: 1px solid rgba(170, 170, 170, 0.2); display: inline-block; font-size: 14px; line-height: 30px; color: #999; padding: 5px 40px; margin-bottom: 20px; } .grzx_main2 .container_content .contentbody .about .description a:hover { background: #3488ea; color: #fff; border-color: #3488ea; } .grzx_main2 .container_content { position: relative; } .grzx_main2 .container_content .mediabody { float: right; position: absolute; right: 40px; top: -80px; } .title_h4{ font-size: 18px; color: #999; /*text-transform: uppercase;*/ padding-top: 5px; padding-bottom: 40px;} .grzx_main2 .wrap{ padding-bottom: 50px; } .grzx_main2_one{width: 100%; height: 490px; margin-bottom: 37px;} .grzx_main2_one_left{width: 30.8%; height: 490px; background-color: #333; padding-left: 6%; padding-right: 5%;} .grzx_main2_one_left h5 a{ display: block; font-size: 26px; color: #f5f5f5; padding-top: 110px; line-height: 1; } .grzx_main2_one_left h6{ font-size: 18px; color: #f5f5f5; padding-top: 15px; } .grzx_main2_one_left p{ font-size: 14px; color: #b8b8b8; padding-top: 40px; line-height: 30px; } .grzx_main2_one_left .more{ color: #b8b8b8; margin-top: 90px; font-size: 14px;} .grzx_main2_one_left .more:hover{ color: #fff; } .grzx_main2_one_left .more:before{ background-color: #fff; } .grzx_main2_one .main_pic{ height: 100%; width: 58.2%; } @media screen and (max-width: 1199px){ .grzx_main2 .module_container { margin: 50px auto 0 auto; } .grzx_main2 .module_container .container_content { padding: 0 20px; width: calc(100% - 40px);} .grzx_main2 .container_content .contentbody .about {height: auto;} .grzx_main2 .container_content .mediabody { float: left; position: initial; right: 0; top: 0; } .grzx_main2 .container_content .mediabody img{ width: 100%;} } .list-wrap{display: block; width: 100%; height: 100%; position: relative; transition: all 0.3s ease 0.1s; } .list-wrap .up-graybox{ width: 100%; height: 100%; opacity: 0; transition: all 0.4s ease 0s; position: absolute; top: 0; left: 0; } .list-wrap .up-graybox .bgbox{ display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.6);} .list-wrap:hover .up-graybox{ opacity: 1; } .list-wrap .up-graybox .stit{ font-size: 16px; line-height: 30px; width: 100%; text-align: center; position: absolute; left: 0; top: 50%; margin-top: -15px; color: #fff; } .list-wrap .up-graybox .linet { top: 0; } .list-wrap .up-graybox .lineb { bottom: 0; } .list-wrap .up-graybox .line { display: inline-block; width: 100px; height: 1px; background-color: #f2f2f2; position: absolute; left: 50%; margin-left: -50px; transition: all 0.6s ease 0s; } .list-wrap .up-graybox:hover .line { width: 6px; margin-left: -3px; opacity: 0.6; filter: alpha(opacity=60); } .grzx_main2_two{ width: 48.5%; margin-right: 3%; } .grzx_main2_two h5 a{ display: block; font-size: 26px; color: #333; padding-bottom: 20px; padding-top: 30px; } .grzx_main2_two p{ font-size: 18px; color: #666; margin-bottom: 15px; } .grzx_main3{ padding-top: 55px; width: 100%; background-color: #f5f5f5; } .grzx_main3 .wrap{padding-bottom: 60px;} .case_ul{ clear: both; width: 100%; text-align: left; } .case_div{ width: 100%; height: 84px; /*background:#fff url(../images/case_xian.png) no-repeat; background-position: 81% 33px;*/ border-bottom:1px solid #e6e6e6; position: relative;} .case_ul li:hover .case_div{ background:#fff url(../images/case_xian_on.png) no-repeat; background-position: 81% 33px; } .case_ul li:hover .case_div:after { position: absolute; display: block; width: 0; height: 1px; background: #217cee; content: ""; left: 0; bottom: -1px; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; } .case_ul li:hover .case_div:after{ width: 100%; } .more a,.more span{ position:relative; display:block; /*padding-right:48px;*/ padding-bottom:18px; color:#666; line-height:1; font-size:16px; /*background:url(../images/arrow5.png) 68px top no-repeat;*/ transition:320ms;} .case_ul li{ width: 32.2%; margin-bottom: 38px; margin-right: 1.7%; display: inline-block; overflow: hidden; } .case_ul li:nth-child(3n){ margin-right: 0px!important; } .case_ul li .list-wrap{ width: 100%; text-align: center; background: #fff; /*height: 251px;*/} .case_ul li .main_pic img{ max-height: 251px; } .case_div h5{ overflow: hidden; padding-left: 7%; width:72%; line-height: 23px; transition: 0.5s; padding-top: 17px; font-size: 16px; color: #444; text-align: center;} .case_div h5 span{ font-size: 14px; color: #999; display: block; max-height: 22px; overflow: hidden;} .case_ul .jiantou{ width: 19%; height: 85px; background: url(../images/youjiantou.png) no-repeat 33px center; transition: 0.5s; } .case_ul li:hover .jiantou{ background: url(../images/youjiantou_on.png) no-repeat 43px center; } .case_ul li:hover .l{ color: #217cee; } .grzx_main3 .case_ul li{ float: left; display: block; } .list_arcticle .case_ul li{ float: left; display: block; } @media screen and (max-width: 1199px){ .container_category{display: none;} .case_ul{ clear: both; width: 100%; text-align: left; } .list_case_center .case_ul{ width: 94%; margin: 0 3%; } .case_div{ width: 99.5%; height: 100px; background:#fff url(../images/case_xian.png) no-repeat; background-position: 81% 17px;border:1px solid #eee; } .case_ul li{ width: 100%; display: inline-block; overflow: hidden; margin-bottom: 3%;} .case_ul li:nth-child(3n){ margin-right: 0px; } .case_ul li .list-wrap{ width: 100%; } .case_ul li .main_pic img{ max-height: 320px; max-width: 100%;} .case_div h5{ overflow: hidden; padding-left: 9%; width:60%; line-height: 23px; transition: 0.5s; padding-top: 27px; font-size: 16px; color: #444; text-align: left;} .case_div h5 span{ font-size: 12px; color: #999; display: block; max-height: 22px; overflow: hidden;} .jiantou{ width: 19%; height: 100px; background: url(../images/youjiantou.png) no-repeat center; transition: 0.5s; } .grzx_main3 .case_ul li{ float: left; display: block;} .list_case_center{ background-color: #fff; } } .krtr_ul { margin: 41px 0 155px 0; } .krtr_ul .krtr { width: 50%; padding: 43px 0; height: 308px; border-bottom: 1px solid #c9c9c9;text-align:left; } .krtr_ul .krtr .page-left { margin: 0 26px 0 8px; width: 35%; height: 305px; overflow: hidden; } .krtr_ul .krtr .page-left img{ width: 240px; height: 305px;} .krtr_ul .krtr .page-left img {-webkit-transition:.8s;-o-transition:.8s;transition:.8s;} .krtr_ul .krtr .page-left img:hover {-webkit-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);} .krtr_ul .krtr .page-right { width: 55%; } .krtr_ul .page-right h3 { margin: 15px 0 21px 0; font-size: 18px; color: #333; font-weight: bold; } .krtr_ul .page-right p { margin-bottom: 30px; font-size: 16px; color: #333; } .krtr_ul .page-right a { margin-bottom: 20px; height: 36px; line-height: 36px; width: 180px; display: block; font-size: 16px; color: #fff; text-align: center; background-color: #217cee; border-radius: 8px; } .krtr_ul .page-right a:hover { background-color: #1e8cc1; text-decoration: none; } /*企业文化*/ .culture-list { border-left: 1px solid #ddd; border-top: 1px solid #ddd; margin-top:50px; } .culture-list li { float: left; width: 50%; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; overflow: hidden; box-sizing: border-box; } .culture-list li .pic, .culture-list li .cont { width: 50%; overflow: hidden; box-sizing: border-box; } .culture-list li .cont { padding-top: 60px; padding-left: 40px; } .culture-list li .cont .tit { font-size: 20px; color: #333; padding-bottom: 20px; margin-bottom: 20px; } .culture-list li .cont .des { font-size: 16px; line-height: 28px; color: #888; } .about-qyzz { position: relative; } .about-qyzz .com-title { position: absolute; top: 80px; } .bdw-display-list>li, .honor-list>li { padding: 0 10px; } .bdw-display-list li .tit { width: 100%; height: 79px; line-height: 79px; border: 1px solid #ddd; border-top: none; padding: 0 60px 0 22px; font-size: 18px; color: #333; background: url(../images/icon-ablum.png) no-repeat 90% center; } .bdw-display-list li { margin-bottom: 20px; } /*智慧城市*/ .smartcity {padding: 60px 0;} .smartcity .pr{ float: right;text-align: left; width: 50%; padding-top: 40px;} .smartcity .pl{ float: left; text-align: left; width: 50%; padding-top: 40px;} .smartcity .fr{ float: right;} .smartcity-tit {position: relative;} .smartcity-tit h3{height: 75px;font-size: 32px;color: #333;text-align: center;} .smartcity-tit h3:before {content: "";position: absolute;left: 50%;bottom: 0;width: 68px;height: 2px;background: #bbbbbb;margin-left: -34px;} .smartcity-tits {position: relative;} .smartcity-tits h3{height: 75px;font-size: 32px;color: #333;} .smartcity-tits h3:before {content: "";position: absolute;left: 0;bottom: 0;width: 68px;height: 2px;background: #bbbbbb;} .positioning{overflow:hidden;} .positioning-list ul{width:95%;margin:0 auto;padding-top: 50px;} .positioning-list ul li{float:left;width:20.80%;height: 277px;margin:1% 2%;border: 1px solid #eee;overflow:hidden;} .positioning-list ul li:hover{box-shadow:1px 3px 13px rgba(0, 0, 0, .2);} .positioning-list ul li img{width: auto;height: 62px;display: inline-block;padding-top: 75px;-webkit-transition:400ms;-o-transition:400ms;-moz-transition:400ms;-ms-transition:400ms;transition:400ms;} .positioning-list ul li:hover img{-moz-transform:scaleX(-1);-ms-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);} .positioning-list ul li h4{padding-top:20px;height:40px;font-size: 18px;line-height:40px;text-align:center;overflow:hidden;letter-spacing: normal;-o-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;} .positioning-list ul li:hover h4 {color: #777; -webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);} .positioning-list ul li h5{padding:0 5%;height:24px;font-size: 12px;color:#999;line-height:24px;text-align:center;overflow:hidden;letter-spacing: normal;-o-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;} .positioning-list ul li:hover h5 {color: #999; -webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);} .positioning-list ul li p{padding:0 5%;line-height:22px;height:40px;color:#999;overflow:hidden;margin:20px 0;font-size:14px;} .concept{overflow:hidden;} .concept-list{padding-top: 50px;} .concept-list h1{line-height:30px;font-weight: bold;color:#333;} .concept-list p{line-height:30px;color:#888;} .ideas{overflow:hidden;} .ideas-list{padding-top: 50px;width: 500px; } .ideas-list h3{line-height:30px;font-size: 16px;color:#888888;padding-bottom: 15px;border-bottom: 1px dashed #ccc;} .ideas-list h3 .red{color:#f43d3d;} .ideas-list ul{padding-top: 20px;} .ideas-list button { border-radius: 50px; height: 36px; border: 1px solid #2092da; padding: 0 18px; color: #2092da; background: none; margin-bottom: 15px; margin-right: 10px;} .ideas-list button:hover { background: #2092da; color: #fff;} .gjnr{overflow:hidden;} .zhcs_js { padding: 50px 0; height: 720px; background: #f9f9f9;} .zhcs_js ul { width: 1200px; margin: 0 auto;} .card_js {padding: 50px 0;} .card_js ul { border: 1px solid #dbdbdd; border-radius: 10px; float: left; margin:0 32px;width: 214px; height: 450px; background: #fff;} .card_js ul.br { border-right: 1px solid #dbdbdd; } .card_js ul li { text-align: left;} .card_js ul li.tp { height: 90px; background: #f5f5f5 url(../images/gjnr-tit-bg.png) no-repeat 90% center; padding: 30px 25px 0 25px;border-radius: 10px 10px 0 0;} .card_js ul li h1 { font-size: 26px; color: #fff; margin-bottom: 10px;} .card_js ul li p { color: #fff;} .card_js ul li h2 { margin: 28px 0;text-align: left;padding-left: 35px;} .card_js ul:hover{box-shadow:1px 3px 13px rgba(0, 0, 0, .2);} /*.card_js ul:hover { margin-top: 0; width: 214px; height: 440px; border: 1px solid #8f283c;}*/ .card_js ul:hover li.tp { height: 100px; background: #0c86fc; padding: 40px 25px 0 25px;} .card_js ul:hover li h1 { color: #fff;} .card_js ul:hover li p { color: #fff;} .smartcitycase{overflow:hidden;text-align: left;} .zhzgcase{overflow:hidden;} .zhzgjj{ width: 760px; float: right;padding-bottom: 20px; border-bottom: 1px solid #dbdbdd; } .zhzgjj .delay-14{-webkit-transition-delay: 1.4s;transition-delay: 1.4s} .zhzgjj h1{line-height:42px; font-size: 24px;color:#0c86fc;} .zhzgjj p{line-height:30px; font-size: 16px;color:#888;} .zhzgry{ width: 630px; float: right;padding-top: 20px; } .zhzgry li{line-height:46px; font-size: 16px;padding-left: 20px; background: url(../images/smartcity-jtal-icon.png) no-repeat left center; } .zhdncase{overflow:hidden;margin-top: 30px;} .zhdnjj{ float: left; width: 760px; } .zhdnjj h1{line-height:42px; font-size: 24px;color:#0c86fc;} .zhdnjj p{line-height:30px; font-size: 16px;color:#888;} @media (max-width: 1366px) { .card_js ul { margin: 0 10px; } .zhzgjj {width: 660px; } } /*解决方案*/ .cpjjfa { width: 100%;padding: 60px 0;} .cpjjfa ul { width: 50%; float: left;} .cpjjfa ul.pr { float: right; width: 50%; padding-top: 40px;} .cpjjfa ul.pl { float: left; width: 50%; padding-top: 40px;} .cpjjfa ul.fr { float: right;} .cpjjfa ul li { padding-top: 20px;} .cpjjfa ul li span { float: left; font-size: 30px; border-left: 4px solid #2092da; line-height: 30px; text-indent: 10px; } .cpjjfa ul li p { font-size: 16px; line-height: 36px; text-align: left; text-indent: 28px; padding-bottom: 15px; border-bottom: 1px dashed #ccc;} .cpjjfa ul li button { border-radius: 50px; height: 36px; border: 1px solid #2092da; padding: 0 18px; color: #2092da; background: none; margin-bottom: 15px; margin-right: 10px;} .cpjjfa ul li button:hover { background: #2092da; color: #fff;} .cpjjfa ul.gre li span { border-left: 4px solid #28c527;} .cpjjfa ul.gre li button { border: 1px solid #28c527; color: #28c527;} .cpjjfa ul.gre li button:hover { background: #28c527; color: #fff;} .cpjjfa ul.ora li span { border-left: 4px solid #ff7800;} .cpjjfa ul.ora li button { border: 1px solid #ff7800; color: #ff7800;} .cpjjfa ul.ora li button:hover { background: #ff7800; color: #fff;} /*荣誉*/ .qyry_ul{width:100%;margin:50px auto;overflow:hidden;} .qyry_ul li{float:left;width:29.33%;margin:1% 2%;background:#eee;overflow:hidden;} .qyry_ul li:hover{box-shadow:1px 3px 13px rgba(0, 0, 0, .2);} .qyry_ul li img{width:100%;display:inline-block;} .qyry_ul li h4{font-size: 16px; text-align: center; line-height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .qyry_ul li p{padding:0 5%;line-height:22px;height:40px;color:#231f20;overflow:hidden;margin:20px 0;font-size:14px;} .qyry_ul li h5{overflow:hidden;} .qyry_ul li h5 img { height: 270px;-webkit-transition:.8s;-o-transition:.8s;transition:.8s;} .qyry_ul li h5 img:hover {-webkit-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);} .list_arcticle .krtr_list { width: 100%; margin: 41px 0 155px 0; float: left; position: relative } @media (max-width: 1160px) { .list_arcticle .krtr_list { width: 100% } } .list_arcticle .krtr_list dl { width: 48.2%; float: left; padding-left: 10px } @media (max-width: 1160px) { .list_arcticle .krtr_list dl { padding-left: 10px } } @media (max-width: 640px) { .list_arcticle .krtr_list dl { width: 100%; padding-left: 0; margin-bottom: 15px } } .list_arcticle .krtr_list dt { width: 44.5%; float: left; position: relative } .list_arcticle .krtr_list dt:after { content: ""; display: block; padding-bottom: 142% } @media (max-width: 1160px) { .list_arcticle .krtr_list dt { width: 38.5% } } .list_arcticle .krtr_list dd { width: 55%; float: right; padding-top: 20px; } @media (max-width: 1160px) { .list_arcticle .krtr_list dd { width: 60% } } @media (max-width: 960px) { .list_arcticle .krtr_list dd { padding-top: 0 } } .list_arcticle .krtr_list dd .date { color: #999; font-size: 12px } .list_arcticle .krtr_list dd .date img { margin-top: 5px; margin-right: 5px } .list_arcticle .krtr_list dd .title { height: 30px; line-height: 30px; overflow: hidden; font-size: 18px } .list_arcticle .krtr_list dd .title a { color: #222 } @media (max-width: 870px) { .list_arcticle .krtr_list dd .title { font-size: 16px } } .list_arcticle .krtr_list dd .text { font-size: 15px; color: #6c6c6c; line-height: 26px; height: 104px; overflow: hidden; margin-top: 10px } @media (max-width: 870px) { .list_arcticle .krtr_list dd .text { font-size: 12px; line-height: 20px; height: 80px } } @media (max-width: 730px) { .list_arcticle .krtr_list dd .text { height: 60px } } .list_arcticle .krtr_list dd .button, .list_arcticle .krtr_list dd .button-02 { color: #fff; margin-top: 30px; padding: 0 14px; line-height: 30px; font-size: 15px; margin-right: 10px; border-radius: 3px; background: #3798e4; display: inline-block } @media (max-width: 870px) { .list_arcticle .krtr_list dd .button, .list_arcticle .krtr_list dd .button-02 { margin-top: 15px; font-size: 13px } } @media (max-width: 361px) { .list_arcticle .krtr_list dd .button, .list_arcticle .krtr_list dd .button-02 { line-height: 24px; padding: 0 10px; margin-right: 3px } } .list_arcticle .krtr_list dd .button, .list_arcticle .krtr_list dd .button-02 { background: #3798e4 } .list_arcticle .krtr_list dd .button:hover, .list_arcticle .krtr_list dd .button-02:hover { background: #2e7fbe } /*下载专区*/ .cplist { width:95%; margin:0 auto; text-align: left; overflow:hidden;} .cplist dl{width:100%; overflow:hidden; border-bottom:1px #ccc dotted; padding-bottom: 10px; margin-bottom:20px;} .cplist dl dt{width:105px; float:right; margin-top: 50px;} .cplist dl dd{width:620px; float:left;} .cplist dl dd .bt{ font-size:20px; color:#000;margin-bottom:5px;} .cplist dl dd .ms{line-height:28px} .cplist dl dd .ms span{ margin-left:70px; color:#ccc;} /*成员企业*/ .f36 { font-size: 36px!important; } .f32 { font-size: 32px!important; } .f16 { font-size: 16px!important; } .bg-gray { background: #f5f5f5!important; } .com-pic-cont { background: #f5f5f5; } .com-pic-cont .pic { width: 50%; overflow: hidden; } .com-pic-cont .pic img { /*position: relative; left: 50%; margin-left: -480px;*/ width: 100%; } .com-pic-cont .cont { width: 50%; box-sizing: border-box; padding-top: 55px; padding-left: 100px; padding-right: 100px; overflow: hidden; } @media (max-width: 1800px) { .com-pic-cont .cont { padding-top: 6%; padding-left: 4%; padding-right: 4%; padding-bottom: 4%; overflow: hidden; } } @media (max-width: 1600px) { .com-pic-cont .cont { padding-top: 5%; padding-left: 4%; padding-right: 4%; padding-bottom: 4%; overflow: hidden; } } @media (max-width: 1400px) { .com-pic-cont .cont { padding-top: 4%; padding-left: 4%; padding-right: 4%; padding-bottom: 4%; overflow: hidden; } } .com-pic-cont .cont .com-title { text-align: left; margin-bottom: 50px; padding-bottom: 0; } .com-pic-cont .cont .com-title .tit-cn { line-height: 1.3; } .com-btn2 { display: inline-block; width: 180px; height: 50px; line-height: 50px; border-radius: 25px; background: #217cee; color: #fff!important; font-size: 18px; text-align: center; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } .center .com-btn2 { margin: 0 6px; } .com-btn2.bg-888 { background: #888; } .com-btn2:hover { opacity: .85; } .com-title { width: 100%; text-align: center; padding-bottom: 80px; } .com-title.white .tit-des { font-weight: 300; color: rgba(255,255,255,.9); } .com-title .tit-des { margin-top: 25px; font-size: 18px; color: #888; line-height: 30px; } .com-title .tit-des b { color: #333; font-weight: 400; } .com-title .tit-des .par { display: block; } .com-title .tit-cn { line-height: 1; font-size: 48px; color: #333; } .com-pic-list { position: relative; overflow: hidden; /*height: 600px;*/ } .com-pic-list .hd { position: absolute; z-index: 222; left: 0; bottom: 15px; width: 100%; text-align: center; } .com-pic-list .hd ul li { display: inline-block; width: 12px; height: 12px; background-color: #ddd; cursor: pointer; border-radius: 50%; opacity: .9; margin: 0 3px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .com-pic-list .hd ul li.on { background-color: #eb5250; } .com-pic-list .bd ul li { position: relative; } .com-pic-list .bd ul li .pic-tit { position: absolute; bottom: 50px; right: 0; width: 280px; height: 60px; line-height: 60px; text-align: center; background-color: #fff; background-color: rgba(255,255,255,.6); font-size: 21px; color: #333; z-index: 333; } /*企业历程*/ .m2{padding-top: 50px;} .m2 h2{font-size:24px;font-weight: normal;/* text-align: center;line-height: 40px; */margin: 20px 0; border-left: 5px solid #4482d5; padding-left: 10px;color:#1193cc;} .m2 p {font-size:16px;line-height:2.0;margin-bottom: 10px; color:#333; } .m2 p a{ color:#f60;} .m2 .impact{font-size: 22px;/*font-weight: bold;*/} .m2 h3{padding-left: 50px; background: url(../images/doc.png) no-repeat 0 50%; font-size: 28px;line-height: 45px; font-weight: bold !important; color: #217cee;} .m2 h1{font-size: 18px;line-height: 24px; color:#1193cc; /*font-weight: normal; border-left: 3px solid #FF434D; padding: 0 0 0 15px; */} .m2 ul{margin-left: 5px;/*border-left: 2px solid #217cee;*/padding:10px 0 10px 10px; background: url(../images/dev_br.jpg) repeat-y 15px center;} .m2 .noBor{border: 0;} .m2 li{font-size: 14px;margin-bottom: 20px; color: #454545; background: url(../images/dev_cir.jpg) no-repeat 0 10px; padding-left: 40px;} .Floor001014{ padding:0;} .Floor001014 .title{ padding:18px 0; overflow:hidden; background-color:#fff;} .Floor001014 .title em{ font-style:normal; font-size:20px; float:left;} .Floor001014 .title em span{ color:#c8c8c8; font-size:12px; display:block; text-transform:uppercase;} .Floor001014 .list_scroll{ width:90%; position:relative; z-index:1; margin:0 auto;} .Floor001014 .list_copy{ display:none;} .Floor001014 .list_scroll li{ text-align:center; line-height:40px; cursor:pointer; font-size:15px;} .Floor001014 .list_scroll li.on{ font-weight:bold; color:#0e408b;} .Floor001014 .list_scroll li.on::before, .Floor001014 .list_scroll li::after{position:absolute; content:'';} .Floor001014 .list_scroll li.on::before{ left:50%; margin-left:-5px; bottom:0; width:0; height:0; border:5px solid #0e408b; border-left-color:transparent;border-right-color:transparent; border-bottom:0;} .Floor001014 .list_scroll li::after{ background-color:#cdcdcd; width:4px; height:4px; border-radius:50%; right:0; top:50%; margin-top:-2px;} .Floor001014 .list_scroll .bx-viewport{ z-index:2;} .Floor001014 .list_scroll .bx-controls-direction{ position:absolute; right:-50px; padding:0 50px; top:35%; margin-top:-16px; width:100%; height:33px; z-index:5; } .Floor001014 .list_scroll .bx-controls-direction a{ display:inline-block; width:33px; height:33px; background-image:url("../images/Floor001014-btn.png"); background-repeat:no-repeat; overflow:hidden; line-height:100px; float:left;margin-left:7px;} .Floor001014 .list_scroll .bx-controls-direction a.bx-prev{ background-position:0 0;} .Floor001014 .list_scroll .bx-controls-direction a.bx-prev.disabled{ background-position:0 0;} .Floor001014 .list_scroll .bx-controls-direction a.bx-next{ background-position:right bottom; } /*.Floor001014 .list_scroll .bx-controls-direction a.bx-next.disabled{ background-position:right bottom;}*/ .Floor001014 .bx-pager{ display:none;} .Floor001014 .list_content .bx-controls{ display:none;} } .history_body{ background:pink;} .Floor001014 .list_scroll .bx-viewport{ padding-top:50px;} .Floor001014 .list_scroll li{ border-radius:50px;} .Floor001014 .list_scroll li.on{ color:#fff; background:#217cee; font-weight:normal;} .Floor001014 .list_scroll li.on::before{border: 5px solid #217cee;border-left-color: transparent;border-right-color: transparent;border-top: 0; top:-5px; font-weight:normal; color:#fff;} .Floor001014 .list_scroll li::after{ background:#808288; width:80px; height:12px; top:-22px; left:45%; background:url("../images/banner_line.jpg") no-repeat; background-size:100% 100%; border-radius:0;} .Floor001014 .list_scroll li.on::after{ background:url("../images/banner_line2.jpg") no-repeat;} @media(max-width:768px){ .Floor001014 .title em, .Floor001014 .list_scroll{ float:none; width:auto;} .Floor001014 .list_scroll{ padding-right:0;} .Floor001014 .list_scroll .bx-controls-direction{ margin-top:0; top:120px; padding:0; width:100%; left:0;} } /*时间轴*/ .Timeline001524{ padding-bottom:50px;} .Timeline001524 .columnName{ text-transform:uppercase; padding:50px 0; line-height:normal; text-align:center; font-size:61px; color:#c20f00;} .Timeline001524 .columnName span{ display:block; color:#353535; font-size:30px; padding:10px 0 15px;} .Timeline001524 .columnName i{ display:block; margin:0 auto; width:40px; height:2px; background-color:#c20f00;} .Timeline001524 .list{ padding-top:23px; margin-top:20px;} .Timeline001524 .list ul{ background:url("../images/Timeline001524-ul.jpg") repeat-y center top; padding:54px 0;} .Timeline001524 li{ padding-left:50%; padding-top:10px; padding-bottom:10px;} .Timeline001524 li div{ padding-left:36px;} .Timeline001524 li div p{ font-size:14px;} .Timeline001524 li.odd{ text-align:right; padding-left:0; padding-right:50%;} .Timeline001524 li.odd div{padding-left:0; padding-right:36px;} .Timeline001524 li time{ display:block; color:#353535; font-size:18px; padding-top:12px;} .Timeline001524 li.odd time{} .Timeline001524 ol{ text-align:center;} .Timeline001524 ol a{ display:inline-block; width:142px; height:30px; line-height:30px; text-align:center; color:#fff; font-size:14px;} .Timeline001524 .list .history_img{ width:258px; height:116px;} .history_list dl,.history_list dd{ margin:0;} .history_list dl dd{ margin-bottom:25px; padding:0 10px;} .history_list .hl_img img{width:100%;} .history_list .hl_text{} .history_list .hl_time{ width:90px; height:28px; color:#fff; line-height:28px; text-align:center; background:#808288; border-radius:28px; margin:15px 0;} .history_list dl dd .dd_i{ display:none;} @media (min-width:640px) { .history_list dl dd{ width:46%; margin:0 2% 25px; float:left; padding:0;} } @media (min-width:1024px) { .history_list dl{ background:url("../images/Timeline001524-ul.jpg") repeat-y center top;} .history_list dl dd{ width:48%; margin:0 0 50px; float:none; position:relative; padding:0 52% 0 0; background:url("../images/hl_ddbg.jpg") no-repeat left center; background-size:48% 100%;} .history_list dl dd .dd_i{ display:block; width:26px; height:26px;background: url("../images/point1.jpg") no-repeat center center; position:absolute; top:0; left:49%;} .history_list dl dd:hover .dd_i{background: url("../images/point2.jpg") no-repeat center center;} .history_list dl dd:nth-child(even){ padding:0 0 0 52%; background:url("../images/hl_ddbg2.jpg") no-repeat right; background-size:48% 100%;} .history_list .hl_img{ float:left; width:30%; padding:20px 10px;} .history_list dl dd:nth-child(even) .hl_img{ margin-left:10px;} .history_list .hl_text{ float:left; width:60%; padding:20px 10px;} .history_list .hl_time{ position:absolute; right:38%;} .history_list dl dd:hover .hl_time{ background:#217cee; color:#fff;} .history_list dl dd:nth-child(even) .hl_time{ left:38%;} } .grzx_main4{ width: 100%; background:#f8f8f8; padding-top: 50px; height: 497px;} .grzx_main4 .wrap{ position: relative; height: 497px; padding-bottom: 60px; } .grzx_main4 .about_con{clear: both;} .grzx_main4 .about_map{clear: both; width: 680px; height: 380px;} .grzx_main4_con{ width: 450px; position: absolute; z-index: 3; top: 0; left: 0px; } .grzx_main4_con h5{ font-size: 18px; color: #333; font-weight: bold; line-height: 1; padding-top: 97px; } .grzx_main4_con h3{ font-size: 18px; color: #333; font-weight: bold; line-height: 1; padding-top: 97px; } .grzx_bg1{ z-index: 1; position: relative; } .grzx_main4_con h4{ font-size: 14px; line-height: 30px; color: #333; padding-bottom: 10px;} .grzx_main4_con .about_con_us p {float:left;width:450px;padding-right:60px;margin-top:14px;height:auto;color:#999;font-size:14px;line-height:inherit;} .grzx_main4_con_p{ font-size: 16px; color: #fff; padding-left: 35px; background: url(../images/phone.png) no-repeat left center; margin-top: 60px; height: 22px; line-height: 22px;} .grzx_main4_con_p span{ display: inline-block; padding-left: 32px; padding-top: 5px;} .grzx_main4_con .ff_social { padding-top: 40px; } .grzx_main4_con .ff_social p{float: left; font-size: 16px; padding: 0 15px;} .grzx_main4_con .ff_social .app { position: relative; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; width: 18px; height: 25px; padding: 0 15px; } .grzx_main4_con .ff_social .wx { position: relative; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; width: 27px; height: 21px; padding: 0 15px; } .grzx_main4_con .ff_social .qq { position: relative; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; width: 23px; height: 24px; padding: 0 15px; } .grzx_main4_con .ff_social .app .qr,.grzx_main4_con .ff_social .wx .qr,.grzx_main4_con .ff_social .qq .qr { position: absolute; left: 50%; bottom: -127px; width: 105px; height: 105px; margin-left: -48px; opacity: 0; visibility: hidden; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); -webkit-transition: .5s; -o-transition: .5s; transition: .5s; z-index: 9999; } .grzx_main4_con .ff_social .app:hover .qr,.grzx_main4_con .ff_social .wx:hover .qr,.grzx_main4_con .ff_social .qq:hover .qr { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .grzx_main4_con .ff_social .app .icon-wx { width: 34px; height: 100%; background:#f8f8f8 url(../images/about_app.png) no-repeat center; vertical-align: top; border-radius: 3px; } .grzx_main4_con .ff_social .app:hover .icon-wx { background:#286ac7 url(../images/about_app_on.png) no-repeat center; } .grzx_main4_con .ff_social .wx .icon-wx { width: 34px; height: 100%; background:#f8f8f8 url(../images/about_weixin.png) no-repeat center; vertical-align: top; border-radius: 3px; } .grzx_main4_con .ff_social .wx:hover .icon-wx { background:#286ac7 url(../images/about_weixin_on.png) no-repeat center; } .grzx_main4_con .ff_social .qq .icon-wx { width: 34px; height: 100%; background:#f8f8f8 url(../images/about_qq.png) no-repeat center; vertical-align: top; border-radius: 3px; } .grzx_main4_con .ff_social .qq:hover .icon-wx { background:#286ac7 url(../images/about_qq_on.png) no-repeat center; } .grzx_main4_con .fours{ height: 30px; line-height: 30px;} .grzx_main4_con .fours img{ -webkit-box-shadow: 0 0px 10px rgba(0,0,0,0.1); box-shadow: 0 0px 10px rgba(0,0,0,0.1); } .grzx_main5{ padding-top: 60px; } .grzx_main6{ padding-top: 75px; width: 100%; background-color: #fff; } .grzx_main5 .wrap{ padding-bottom: 60px; } @media screen and (max-width: 1199px){ .grzx_main4 .more{ display: none; } .grzx_main5 .more{ display: none; } } /* 第四部分样式 */ .grzx_main5 .layoutFourTop{height: 100%;position: relative;margin-top: 110px; padding: 0 80px;} .grzx_main5 .layoutFourTop ul{display: flex;justify-content: space-between;width: 100%;height: 100%;} .grzx_main5 .prev{background:url(../images/leftBig.png) 7px center no-repeat;position: absolute;top: 20px;left: 0;width: 35px;height: 50px;background-color: #e6e6e6;border-radius: 3px;z-index: 2;} .grzx_main5 .layoutFourTop a:hover.prev{background-color: #217cee;} .grzx_main5 .next{background:url(../images/moreBig.png) -3px center no-repeat;position: absolute;top: 20px;right: 0;width: 35px;height: 50px;background-color: #e6e6e6;border-radius: 3px;z-index: 2;} .grzx_main5 .layoutFourTop a:hover.next{background-color: #217cee;} .grzx_main5 .layoutFourTop li{ float: left; margin-right: 30px; margin-bottom: 14px; border: 1px solid #f3f3f3; } .grzx_main5 .layoutFourTop li .layoutFourTopItem{width: 180px; height: 82px; display: flex; flex-direction: column; color: #1a1a1a;} .grzx_main5 .layoutFourTop li .layoutFourTopItem img{width: 180px; height: 82px;} .grzx_main5 .layoutFourTop li a.layoutFourTopItem:hover { box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); } .news_t{width:212px;height:91px;display:block; margin:0 auto} .newstitle{width:100%;line-height:30px;font-size: 16px;font-weight:bold;overflow:hidden;} .newsintro{width:100%;color:#808080;line-height:30px;font-size:14px;overflow:hidden;} .d_month{width:100%;font-size:30px;font-weight:700;display:inline-block;} .d_year{width:100%;color:#808080;line-height:40px;} .newslist{overflow:hidden;} .newslist ul {margin-top: 50px;} .newslist ul li{width:100%;overflow:hidden;} .newslist ul li:hover{ background-color: #ffffff; box-shadow: 5px 3px 8px 0px rgba(130, 130, 130, 0.17); } .newslist ul li .main_pic{width:30%;height:225px;/*height:100%;padding-bottom:15%;*/vertical-align:middle;display:block;overflow:hidden;} .newslist ul li .main_pic img{width:100%;vertical-align:middle;} .newslist>p{ padding-top: 15px; font-size: 18px; color: #666; text-align: center; } .news_ul{clear: both; } .news_ul li{ float: left; width: 31.5%; margin-right: 2.75%;} .news_ul li:nth-child(3n){ margin-right: 0px; } .news_ul li h5{ text-align: center; font-size: 16px; color: #333; padding-top: 20px; display:block; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;} .news_ul li:hover h5{ color: #217cee; } .news_ul li .main_pic{ width: 100%; position: relative; text-align: center; background: #fff;} .news_ul li .main_pic img{ max-width: 100%; height: 250px; } .news_bg{width: 100%; height: 100%; background: rgba(0,0,0,0.6); opacity: 0; position: absolute; top: 0; left: 0; transition: 0.5s;} .news_ul li:hover .news_bg{ opacity: 1; } .news_ul li h6{ text-align: left; font-size: 14px; color: #666; margin-top: 15px; height: 70px; overflow: hidden; } .date{ position: relative; width: 100%; height: 60px; line-height: 60px; border-top: 1px solid #e3e3e3; } .date span{transition: 0.5s; font-size: 14px; color: #999; } .date .more{ border-bottom: 0; margin-top: 0px; color: #999; } .news_ul li:hover .main_pic img{ -webkit-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05); } .news_ul li:hover .date .more{ color: #217cee; padding-right: 30px;} .news_ul li .date:after { position: absolute; display: block; width: 0; height: 1px; background: #217cee; content: ""; left: 0; top: -1px; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; } .news_ul li:hover .date:after{ width: 100%; } .grzx_main6{ padding-bottom: 120px; } .grzx_main6_con{ clear: both; } .grzx_main6_con_title h5{ padding-left: 10px; padding-top: 10px; font-size: 24px; color: #fff; line-height: 30px; transition: 0.5s;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .grzx_main6_con_title h5 span{ font-size: 14px; color: #fff; line-height: 40px; } .grzx_main6_con .main_pic{ position: relative; width: 43.5%; background: #fff; height: 420px; } .grzx_main6_con_title{ width: 100%; height: 100px; position: absolute; bottom: 0; left: 0; transition: 0.5s;} .grzx_main6_con .main_pic:hover .grzx_main6_con_title{ background: rgba(0,0,0,0.5); } .new_ul2{ width: 53.5%; } .new_ul2 li{ padding-left: 5%; padding-right: 5%; padding-bottom: 25px; padding-top: 25px; border-bottom: 1px solid #e8e8e8; transition: 0.5s;} .grzx_main6_con .main_pic:hover img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);} .new_ul2 li a{display: block; } .new_ul2 li .news_date{ transition: 0.5s; text-align: center; font-size: 14px; color: #999; line-height: 30px; margin-right: 5%; } .new_ul2 li .news_date span{ font-size: 60px; color: #333; display: inline-block; line-height: 1; } .new_ul2 li h5{ width: 80%; font-size: 18px; color: #333; margin-bottom: 10px; display:block; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;} .new_ul2 li p{ width: 80%; font-size: 14px; color: #999; line-height: 25px; height: 50px; overflow: hidden;} .new_ul2 li:hover .news_date{ margin-right: 8%; } .new_ul2 li:nth-child(3n){ border-bottom: 0; } /*.new_ul2 li{ padding-left: 5%; padding-right: 5%; padding-bottom: 20px; padding-top: 20px; border-top: 1px solid #e8e8e8; transition: 0.5s;} .grzx_main6_con .main_pic:hover img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);} .new_ul2 li a{display: block; } .new_ul2 li .news_tit{ width: 73%; transition: 0.5s; } .new_ul2 li .news_date{text-align: center; font-size: 14px; color: #999; line-height: 30px; margin-right: 0; } .new_ul2 li .news_date span{ font-size: 24px; color: #333; display: inline-block; line-height: 1; } .new_ul2 li .news_date .jiantous{ width: 30%; height: 9px; transition: 0.5s; } .new_ul2 li:hover .news_date .jiantous{ background: url(../images/jiantou.png) no-repeat 10px center; transition: 0.5s; } .new_ul2 li h5{ font-size: 18px; color: #333; margin-bottom: 10px; display:block; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;} .new_ul2 li:hover h5{ margin-left: 8%; color: #217cee; } .new_ul2 li p{ font-size: 14px; color: #999; line-height: 25px; height: 50px; overflow: hidden;} .new_ul2 li:hover p{ margin-left: 0;} .new_ul2 li:nth-child(3n){ border-bottom: 1px solid #e8e8e8; }*/ @media screen and (max-width: 1199px){ .grzx_main6{ padding-bottom: 20px; } .new_ul2{ width: 100%; margin: 0 auto; } .new_ul2 li{ padding-bottom: 15px; padding-top: 15px; border-bottom: 1px solid #e8e8e8; transition: 0.5s;} .grzx_main6_con .main_pic{display:none;} .grzx_main6_con .main_pic:hover img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);} .new_ul2 li a{display: block; } .new_ul2 li .news_date{ width: 20%; transition: 0.5s; text-align: center; font-size: 14px; color: #999; line-height: initial; margin-right: 2%; } .new_ul2 li .news_date span{ font-size: 30px; color: #333; display: inline-block; line-height: 1; padding-top: 8px;} .new_ul2 li h5{ width: 70%; font-size: 16px; color: #333; margin-bottom: 10px; display:block; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;} .new_ul2 li p{ width: 70%; font-size: 12px; color: #999; line-height: 20px; height: 40px; overflow: hidden;} .new_ul2 li:nth-child(3n){ border-bottom: 0; } } .footer{width: 100%; padding-top: 60px; background-color: #333; overflow: hidden;} .footer_bottom{ height: 90px; line-height: 90px; font-size: 14px; color: #999; border-top: 1px solid #494949; } .footer_bottom a{ padding-left: 10px; font-size: 14px; color: #999; } .footer_bottom a:hover{ color: #217cee; } .footer_top{ height: 320px; } .footer_top ul{ margin-right: 7%; } .footer_top ul h3{ font-size: 16px; color: #fff; line-height: 1; padding-bottom: 15px; } .footer_top li a{ font-size: 14px; color: #bfbfbf; line-height: 35px; } .footer_top li a:hover{ color: #217cee; padding-left: 5px; } .foot_right{width: 22%;} .foot_right p{ font-size: 14px; color: #999; padding-bottom: 5px; } .foot_right h5{ font-size: 20px; line-height: 30px; color: #fff; } .foot_right h4{ font-size: 16px; line-height: 30px; color: #fff; padding-bottom: 25px; } .foot_erweima{width: 32%; padding-right: 44px; border-right: 1px solid #484848; margin-right: 35px; } .foot_erweima .f-qrcode {padding-right: 40px;margin-right: 40px;border-right: 1px solid #484848;text-align: center;} .foot_erweima .f-qrcode h4 { margin-top: 8px; color: #8d8d8d;} .foot_erweima dl{ width: 35%; margin-top: 10px; } .foot_erweima dd{ float: left; margin-right: 20px; margin-bottom: 20px; transition: 0.3s;} .foot_erweima dd a{ display: block; padding-left: 47px; width: 83px; height: 40px; line-height: 40px; border-radius: 25px; border: 1px solid #fff; font-size: 16px; color: #fff; background: url(../images/lianxi_ico1_on.png) no-repeat 16px center; transition: 0.3s;} .foot_erweima dd:hover a{ color: #fff; border: 1px solid #217cee; background:#217cee url(../images/lianxi_ico1_on.png) no-repeat 11px center; } .ljzx{display: block; height: 30px; width: 60px; line-height: 30px; border-radius: 5px; border: 1px solid #b8b8b8; font-size: 14px; color: #b8b8b8; padding-left: 38px; padding-right: 16px; background: url(../images/ljzx_ico.png) no-repeat 10px center;} .ljzx:hover{ color: #fff; border: 1px solid #217cee;background:#217cee url(../images/ljzx_ico_on.png) no-repeat 10px center;} .footer .ff_social { padding-top: 20px; } .footer .ff_social p{float: left; font-size: 16px; padding: 0 15px;} .footer .ff_social .app { position: relative; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; width: 18px; height: 25px; padding: 0 15px; } .footer .ff_social .wx { position: relative; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; width: 27px; height: 21px; padding: 0 15px; } .footer .ff_social .qq { position: relative; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; width: 23px; height: 24px; padding: 0 15px; } .footer .ff_social .app .qr,.footer .ff_social .wx .qr,.footer .ff_social .qq .qr { position: absolute; left: 50%; bottom: 47px; width: 105px; height: 105px; margin-left: -48px; opacity: 0; visibility: hidden; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); -webkit-transition: .5s; -o-transition: .5s; transition: .5s; z-index: 9999; } .footer .ff_social .app:hover .qr,.footer .ff_social .wx:hover .qr,.footer .ff_social .qq:hover .qr { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .footer .ff_social .app .icon-wx { width: 34px; height: 100%; background:#f8f8f8 url(../images/about_app.png) no-repeat center; vertical-align: top; border-radius: 3px; } .footer .ff_social .app:hover .icon-wx { background:#286ac7 url(../images/about_app_on.png) no-repeat center; } .footer .ff_social .wx .icon-wx { width: 34px; height: 100%; background:#f8f8f8 url(../images/about_weixin.png) no-repeat center; vertical-align: top; border-radius: 3px; } .footer .ff_social .wx:hover .icon-wx { background:#286ac7 url(../images/about_weixin_on.png) no-repeat center; } .footer .ff_social .qq .icon-wx { width: 34px; height: 100%; background:#f8f8f8 url(../images/about_qq.png) no-repeat center; vertical-align: top; border-radius: 3px; } .footer .ff_social .qq:hover .icon-wx { background:#286ac7 url(../images/about_qq_on.png) no-repeat center; } .footer .fours{ height: 30px; line-height: 30px;} .footer .fours img{ -webkit-box-shadow: 0 0px 10px rgba(0,0,0,0.1); box-shadow: 0 0px 10px rgba(0,0,0,0.1); } .list_case{ background-color: #f5f5f5; width: 100%; } .grzx_list_case_top{ position: relative; height: 640px; } .location_center{ position: relative; } .location{ height: 65px; line-height: 65px; width: 100%; position: relative;} .location_center { font-size:14px;color:#999;} .location_center a:nth-child(2){ padding-left: 26px; } .shouye{ position: absolute; left: 0; top: 22px;} .location_center a { font-size:14px;color:#999; display: inline-block;} .location_center a:hover{ color:#217cee; } .location_center span{ display: block; float: left; } .shouye i{ display: block; background: url(../images/shouye_ico.png) no-repeat center; width: 15px; height: 20px; margin-right: 10px;opacity: 0.5; } .shouye:hover i{ background: url(../images/shouye_ico_on.png) no-repeat center; opacity: 1;} .location .fanhui{ display: block; float: right; padding-left: 25px; background: url(../images/fanhui_ico.png) no-repeat left center; font-size: 14px; color: #999; } .location .fanhui:hover {color:#217cee;background: url(../images/fanhui_ico_on.png) no-repeat left center;} .show_case .location_center{ line-height: 150px; } .show_case .location_center .shouye{ top: 65px; } .list_case_center_top{ height: 135px; } .list_case_center_top h3{ font-size: 30px; color: #333; line-height: 1; padding-top: 60px; } .list_case_center_top dl{ margin-top: 62px; text-align: center;} .list_case_center_top dl dd{ display: inline-block; margin: 0 12px; } .list_case_center_top dl dd a{ border-bottom: 1px solid #999; padding-bottom: 3px; font-size: 14px; color: #999; } .list_case_center_top dl dd.on a{ border-bottom: 1px solid #666; color: #666; } .list_case_center_top dl dd a:hover{ border-bottom: 1px solid #666; color: #666; } .load_more1{ clear: both; display: block; width: 240px; height: 72px; line-height: 72px; text-align: center; background-color: #333; color: #fff; margin: 0 auto; margin-top: 90px; margin-bottom: 105px; font-size: 18px; transition: 0.5s; position: relative; overflow: hidden;} /* .load_more1:hover{ color: #fff; background-color: #217cee; } */ .load_more1::before{content: ""; width: 100%; height: 100%; display: block; background-color: #217cee; position: absolute; left: -100%; top: 0; transition: 0.5s; z-index: -1;} .load_more1:hover::before{ left: 0; opacity: 1;} .load_more1:hover{ color: #fff; } /**************发展历程*************/ .history-wrap{ /*background-color: #fff;*/ padding-bottom: 100px; } .history-wrap .tit-box{ text-align: center; } .history-wrap .tit-box h4{ font-size: 40px; line-height: 50px; color: #333; } .history-wrap .tit-box .st{ font-size: 16px; line-height: 20px; color: #777; } .history-wrap .cent-wrap{ width: 100%; margin: 72px auto 0; position: relative; padding-bottom: 100px; } .history-wrap .cent-wrap ul:after, .history-wrap .cent-wrap li:after { display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; } .history-wrap .cent-wrap ul,.history-wrap .cent-wrap li{ width: 100%; } .history-wrap .cent-wrap ul{ position: relative; z-index: 2; padding-top: 1px; } .history-wrap .cent-wrap li{ /*margin-top: 98px;*/ margin-top: 60px; position: relative; opacity: 0; transition: opacity 0.4s ease 0s; } .history-wrap .cent-wrap li .cont-box{ width: 24%; text-align: right; } .history-wrap .cent-wrap li .year{ font-size: 24px; line-height: 50px; color: #333; } .history-wrap .cent-wrap li .year b{ font-weight: lighter; font-size: 48px; color: #000; padding-right: 5px;} .history-wrap .cent-wrap li .word{ font-size: 14px; line-height: 24px; margin-top: 10px; color: #666; } .history-wrap .cent-wrap li .img{ display: block; width: 156px; height: 156px; border-radius: 50%; overflow: hidden; } .history-wrap .cent-wrap li .img img{ width: 100%; height: auto; } .history-wrap .cent-wrap li:nth-child(odd) .img{ float: right; } .history-wrap .cent-wrap li:nth-child(odd) .cont-box{ float: right; margin-left:40px; text-align: left; } .history-wrap .cent-wrap li:nth-child(even) .img{ float: left; } .history-wrap .cent-wrap li:nth-child(even) .cont-box{ float: left; margin-right:40px; width: 24%; text-align: right; } .history-wrap .cent-wrap li .point{ display: inline-block; width: 340px; height: 10px; position: absolute; left: 50%; margin-left: -171px; text-align: center; border-radius: 50%; top: 50%; margin-top: -5px; } .history-wrap .cent-wrap li:nth-child(odd) .point{ background: url(../images/fzlc_bg_xian.jpg) no-repeat right; } .history-wrap .cent-wrap li:nth-child(even) .point{ background: url(../images/fzlc_bg_xian.jpg) no-repeat left; } .history-wrap .cent-wrap li .point i{ display: none; width: 10px; height: 10px; vertical-align: top; background-color: #5b5b5b; border-radius: 50%; } .history-wrap .cent-wrap li.show{ opacity: 1; } .history-wrap .cent-wrap li.show .point i{ display: inline-block; } .history-wrap .cent-line-box{ width: 1px; height: 100%; position: absolute; left: 50%; top: 0; z-index: 1; margin-left: -1px; } .history-wrap .cent-line-box .line{ display: block; width: 1px; height: 100%; background-color: #ccc; } .history-wrap .cent-line-box .point-t{ display: inline-block; width: 20px; height: 19px; background: url(../images/fzlc_fei.png) no-repeat center; margin-left: -10px; position: absolute; top: -30px; } .history-wrap .cent-line-box .point-h{ position: fixed; display: none; width: 10px; height: 10px; background-color: #000; left: 50%; border-radius: 50%; margin-left: -5px; top: 50%; margin-top: -5px; } .history-wrap .bot-tit{ line-height: 36px; font-size: 14px; text-align: center; color: #999; background: url(../images/fzlc_bg_xian2.jpg) no-repeat top center; } .page_h3{ padding-top: 70px; font-size: 36px; color: #333; text-align: center; } .history-wrap>p{ padding-top: 15px; font-size: 18px; color: #666; text-align: center; } /* focus_Box */ #focus_Box { position: relative; width: 1200px; height: 412px; margin: 20px auto; /*margin:0 auto;*/ overflow: hidden; } #focus_Box ul { position: relative; height: 412px; margin:0; padding: 0; } #focus_Box li { z-index: 1; position: absolute; width: 420px; height: 260px; top: 49px; cursor: pointer; left: 390px; overflow: hidden; transition: width .4s, height .4s, top .4s, left .4s, z-index 0.4s; } #focus_Box li.center{ width: 620px; height: 380px; top: 0px; left: 290px; z-index: 4; } #focus_Box li img { display: block; width: 100%; background: url(../images/loading.gif) no-repeat center 50%; height: 100%; vertical-align: top } #focus_Box .prev, #focus_Box .next { display: block; z-index: 100; overflow: hidden; cursor: pointer; position: absolute; width: 40px; height: 40px; top: 169px; } #focus_Box .prev { background: url(../images/rqjoin32.png) left bottom no-repeat; left: 34px } #focus_Box .next { background: url(../images/rqjoin31.png) right bottom no-repeat; right: 34px } #focus_Box .prev:hover { background-position: left top; } #focus_Box .next:hover { background-position: right top; } #focus_Box a.imgs-scroll-btn { display: block; position: absolute; z-index: 110; top: 7px; right: 15px; width: 51px; height: 23px; overflow: hidden; background: url(../images/share-btn.png) no-repeat; text-indent: -999px; } .icon-index{ position: relative; width: 100%; height: 6px; bottom: 30px; z-index: 500; } .icon-index .icon-container{ position: absolute; left: 0; right: 0; top: 20px; bottom: 0; margin: auto; text-align: center; height: 22px; } .icon-container span{ display: inline-block; margin-right: 14px; width: 40px; height: 6px; background: #d2d2d2; cursor: pointer; border-radius: 1px; } .icon-container span:last-child{ margin-right: 0; } .icon-container span.cur{ background: #d90000; } /* 视差 */ .body-wrap{padding-top: 100px;} .ins-ban{width:100%;height:310px;position:relative;overflow:hidden;} .ins-ban2{width:100%;height:800px;position:relative;overflow:hidden; text-align: center; z-index: 2;} .fzlc_shicha,.gsyj_shicha,.gswh_shicha,.gsjj_shicha,.wzjs_shicha,.ssyx_shicha,.qwyx_shicha,.news_shicha,.contact_shicha,.service_shicha,.case_shicha,.lise_anli_shicha{ width: 100%; height: 310px; position:absolute;top:0;left:0; z-index: -1;} /* banner */ @-webkit-keyframes ReturnToNormal { 0%{ -webkit-transform: scale(0.1,1); -ms-transform: scale(0.1,1); transform: translate: scale(0.1,1); } 100% { -webkit-transform: scaleX(1,1); -ms-transform: scale(1,1); transform: translate: scaleX(1,1); } } @keyframes ReturnToNormal { 0%{ -webkit-transform: scale(0.1,1); -ms-transform: scale(0.1,1); transform: translate: scale(0.1,1); } 100% { -webkit-transform: scaleX(1,1); -ms-transform: scale(1,1); transform: translate: scaleX(1,1); } } .banner { position: relative; overflow: hidden; height: 832px!important;} .banner .bannerbox li { height: 100%!important; line-height: 0; opacity:0; transition:opacity 1300ms linear; -webkit-transition:opacity 1300ms linear; float:left;} .banner .slides{ height: 100%!important; } .banner .bannerbox li video{ } .banner .bannerbox li a > img { line-height: 0; width: 105%!important; left: 0!important; height: auto!important; position: relative; transition: transform 5s ease; -webkit-transition: transform 5s ease; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);} .banner .bannerbox li.imgIn{ opacity:1; z-index:10; display:block;} .banner .bannerbox li.imgIn a > img { transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transform: matrix(1, 0, 0, 1, 0, 0); } .bannerdown{ width:90px; height:90px; position:absolute; left:96px; bottom:0; background:url(../images/radius.png) center no-repeat; background-size:cover; z-index:10; cursor:pointer;} .bannerdown span{ display:block; width:11px; height:35px; background:url(../images/arrow1.png) center no-repeat; position:absolute; left:50%; margin-left:-5px; top:27px; animation-delay: 0ms; animation-duration: 1500ms; animation-iteration-count: infinite; animation-name: arrow; animation-play-state: running; animation-timing-function: linear;} .banner .flex-direction-nav{ width:1400px; /*right:50%; margin-right: -700px; bottom:0; height:85px; position:absolute; z-index:50;*/} .banner .flex-direction-nav .flex-nav-prev{ position:absolute; left: 60px; top: 50%; width: 71px; height:71px; background-color: rgba(0,0,0,0.15); border-radius: 5px; z-index:50;} .banner .flex-direction-nav .flex-nav-next{ position:absolute; right: 60px; top: 50%; width: 71px; height:71px; background-color: rgba(0,0,0,0.15); border-radius: 5px; z-index:50;} .banner .flex-direction-nav .flex-nav-prev:hover{ background-color: rgba(0,0,0,0.25);} .banner .flex-direction-nav .flex-nav-next:hover{ background-color: rgba(0,0,0,0.25);} .banner .flex-direction-nav li a{ display:block; width:71px; height:71px; text-align: center; overflow:hidden; position:absolute; bottom:0px;} .banner .flex-direction-nav li a.flex-prev{ background: url(../images/banner_left1.png) center no-repeat;} .banner .flex-direction-nav li a.flex-next{ background: url(../images/banner_right1.png) center no-repeat;} .banner .flex-direction-nav li a.flex-prev:hover{ background: url(../images/banner_left2.png) center no-repeat;} .banner .flex-direction-nav li a.flex-next:hover{ background: url(../images/banner_right2.png) center no-repeat;} @-webkit-keyframes arrow { 0% { opacity: 0; -webkit-transform: translate3d(0px, 0px, 0px); } 33% { opacity: 1; } 66% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0px, 10px, 0px); } } .whise{ width:100%; height:44px; background:#fff; position:absolute; left:0; bottom:0; z-index:5;} .content{ position:absolute; left:50%; margin-left: -800px; top:42%; height: 58%; z-index:10; width: 850px; height: 140px; overflow: visible;} .content h3{ font-size: 48px; padding-left: 100px; color: #fff; line-height: 70px; letter-spacing: 2px;} /* .content-wr{ padding:45px 54px 0; height:195px;} */ .conlist{ position:relative;} .conlist li{ position:absolute; left:0; top:0; opacity:0; visibility:hidden; transform:translateX(0) skewX(-30deg); -webkit-transform:translateX(0) skewX(-30deg); -moz-transform:translateX(0) skewX(-30deg);} .conlist li.on{ opacity:1; visibility:visible; transform:translateX(0) skewX(0); -webkit-transform:translateX(0) skewX(0); -moz-transform:translateX(0) skewX(0); transition:788ms;} .conlist li h3{ color:#fff; font-size:48px;} .conlist li p{ color:#fff; font-size:14px; height:80px;} .conlist li a{ display:inline-block; line-height:1; color:#fff; padding-right:20px; background:url(../images/arrow.png) right center no-repeat; position:relative;} .conlist li a:before{ content:""; width:0%; height:1px; background:#fff; position:absolute; left:0; bottom:-1px; transition:300ms ease-in-out;} .conlist li a:hover{ padding-right:24px;} .conlist li a:hover:before{ width:100%;} .muble{ height:85px; position:relative; width: 60px; position: absolute;/* right: 160px; bottom: 0px; */ right: -385px; bottom: -343px;} .muble:before{ content:""; width:92.9%; height:100%; /*background:url(../images/nuble.jpg) left center no-repeat; */ position:absolute; left:0; bottom:0;} .num{ position:absolute; right: 0px; bottom: 10px;} .num b,.num i{ display:inline-block; float:left; color:#323232; font-size:16px; line-height:44px;} .num i{ margin:0 0px; line-height: 55px; color: #cacaca;} .num .defaul{ color: #fff; } .num .total { color: #cacaca; padding-top: 15px; } .blogo{ } .blogo img{ position:relative; z-index:5;} .blogo i{ display:block; width:181px; height:163px; background:url(../images/point.png) center no-repeat; position:absolute; right:73px; bottom:100px; transition:320ms;} .flexbo{ position:fixed; left:85px; top:26.5%; padding-right:70px; padding-bottom:22px; z-index:10;} .lanmu{ height: 95px; line-height: 95px; margin-top: -45px; position: relative; z-index: 99;} .lanmu .shouye{ top: 37px; } .lanmu .wrap{ -webkit-box-shadow:0 0px 15px rgba(0,0,0,0.1); box-shadow:0 0px 15px rgba(0,0,0,0.1); background-color: #fff; } .lanmu .location_center{ margin-right: 35px; } .lanmu ul{ margin-left: 32px; } .lanmu li{ padding-left: 17px; padding-right: 18px; float: left; background: url(../images/lanmu_li_bg.jpg) no-repeat right center;} .lanmu li:last-child{ background: none; } .lanmu li a{ font-size: 18px; color: #333; } .lanmu li a:hover{ color: #217cee; } .lanmu li.on a{ color: #217cee; } .grzx_grjj h3{ padding-bottom: 30px; padding-top: 50px;font-size: 30px;color: #333;text-align: left; } .grzx_grjj i{ display: inline-block; margin-left: 50px; width: 80px; height: 2px; background-color: #ddd; margin-bottom: 10px; } .grzx_grjj p{ font-size: 14px; line-height: 35px; color: #666; padding-bottom: 15px; } .grzx_about h4{ font-size: 16px; color: #666; line-height: 30px; /*text-align: center;*/ padding-top: 10px; padding-bottom: 50px; width: 1400px; text-indent: 2em; margin: 0 auto;} .grzx_about_i{ display: block; width: 1px; height: 90px; background-color: #ccc; margin: 0 auto; position: relative; z-index: 3; } .grzx_about .wrap{ background: rgba(249,249,249,0.8); z-index: 1; position: relative; margin-top: -30px; padding-bottom: 145px; } .grzx_about .wrap .jishuqi li{ display: inline-block; float: inherit; } .grzx_about .wrap .jishuqi{ text-align: center; padding-bottom: 55px; padding-top: 105px; } .grzx_about_p{ font-size: 16px; line-height: 30px; /*text-align: center;*/ color: #666; width: 1400px; text-indent: 2em; margin: 0 auto; } /* .grzx_about{ padding-bottom: 435px; background: url(../images/gsjj_bg1.jpg) no-repeat bottom center; } */ .gsjj_about_main2{ margin-top: -113px; position: relative; z-index: 0;} .gsjj_about_main2 img{ width: 100%; } .gsjj_about_main3{ margin-top: 85px; padding-bottom: 100px; } .gsjj_about_main3_one_left{ width: 23.7%; height: 460px; padding-left: 5%; background-color: #ececec; } .gsjj_about_main3_one_left h3{ font-size: 30px; color: #333; padding-top: 105px; line-height: 1; padding-bottom: 30px; } .gsjj_about_main3_one_left p{ font-size: 14px; color: #666; line-height: 25px;} .gsjj_about_main3_one_left h4{line-height: 1; font-size: 48px; color: #333; padding-top: 80px;} .gsjj_about_main3_one_left h4 span{ color: #666; font-size: 14px; } .gsjj_about_main3_one .main_pic{ width: 71.3%; } .gsjj_about_main3_one_left .mianji{ color: #999; } .gsjj_about_main3_two .main_pic{ width: 49.7%; } .gsjj_about_main3_two{ margin-top: 0.6%; margin-bottom: 0.6%; } .gsjj_about_main4_two .main_pic{ width: 49.7%; } .gsjj_about_main4_two{ margin-top: 0.6%; } .gsjj_about_main3 img{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); } .gsjj_about_main3 .main_pic img:hover{ filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); -webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);} /* .grzx_culture h4{ font-size: 16px; color: #666; line-height: 30px; text-align: center; padding-top: 10px; padding-bottom: 85px;} .grzx_culture .page_h3{ padding-top: 120px; } .grzx_culture{ height: 856px; background: url(../images/gswh_bg1.jpg) no-repeat center; margin-top: -50px;} .grzx_culture li{ float: left; width: 25%; height: 163px; margin-right: 12.5%; margin-bottom: 80px; background: url(../images/gswh_li_bg.png) no-repeat bottom center;} .grzx_culture li:nth-child(3n){ margin-right: 0px; } .grzx_culture li h5{ text-align: center; font-size: 24px; color: #333; text-transform: uppercase; text-align: center; line-height: 1;} .grzx_culture li h6{ text-align: center; font-size: 24px; color: #333; text-transform: uppercase; text-align: center; line-height: 1; padding-top: 30px;} .grzx_culture li p{ text-align: center; font-size: 16px; color: #333; text-transform: uppercase; text-align: center; line-height: 30px; padding-top: 15px;} .grzx_culture_main2 h4{ font-size: 16px; color: #666; line-height: 30px; text-align: center; padding-top: 10px; padding-bottom: 70px;} .grzx_culture_main2{padding-bottom: 100px;} .grzx_culture_main2 .main_pic:nth-child(1){ width: 63.5%; } .grzx_culture_main2 .main_pic:nth-child(2){ width: 36.4%; } .grzx_culture_main2 .main_pic:nth-child(3){ width: 33.29%; } .grzx_culture_main2 .main_pic:nth-child(4){ width: 33.28%; } .grzx_culture_main2 .main_pic:nth-child(5){ width: 33.29%; } .grzx_culture_main2 img{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); } .grzx_culture_main2 .main_pic img:hover{ filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); -webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);} */ .grzx_Vision{ background: url(../images/gsyj_bg2.jpg) no-repeat bottom center; } .grzx_Vision .wrap{ padding-bottom: 100px; } .grzx_Vision h4{ font-size: 16px; color: #666; line-height: 30px; text-align: center; padding-top: 10px; padding-bottom: 85px;} .grzx_Vision_one{ width: 50%; } .grzx_Vision_one i{ display: block; width: 100%; height: 1px; background-color: #d6d6d6; margin-top: 65px; margin-left: -14%; position: relative; z-index: 33;} .grzx_Vision_one h5{ font-size: 28px; color: #333; padding-top: 70px; padding-left: 14%; line-height: 1.3;} .grzx_Vision_one p{ font-size: 16px; color: #666; padding-top: 30px; padding-left: 14%; line-height: 30px;} .grzx_Vision .wrap .main_pic{width: 50%;} .grzx_Vision_two{ width: 100%; height: 450px; background-color: #f5f5f5; } .grzx_Vision_two .main_pic{ width: 50%; } .grzx_Vision_two_con{ width: 50%; } .grzx_Vision_two_con2{ width: 700px; } .grzx_Vision_two_con h5{ font-size: 28px; color: #333; padding-top: 70px; padding-right: 14%; line-height: 1.3;} .grzx_Vision_two_con p{ font-size: 16px; color: #666; padding-top: 30px; padding-right: 14%; line-height: 30px;} .grzx_Vision_three h5{ padding-top: 145px; } .grzx_Vision_three{padding-top: 110px; padding-bottom: 125px;} .grzx_Vision_main3{ width: 100%; height: 707px; /* margin-bottom: 100px; */background: url(../images/gsyj_bg1.jpg) no-repeat center; } .grzx_Vision_main3 h5{ font-size: 36px; color: #fff; line-height: 1; padding-top: 115px; } .grzx_Vision_main3 li h6{ font-size: 24px; color: #fff; padding-bottom: 15px; } .grzx_Vision_main3 li p{ font-size: 16px; color: #a9aaab; line-height: 30px; } .grzx_Vision_main3 li{ padding-left: 140px; width: 325px; margin-top: 95px; } .grzx_Vision_main3 li:nth-of-type(odd){ float: left; margin-left: 85px; } .grzx_Vision_main3 li:nth-of-type(even){ float: right; margin-right: 85px; } .grzx_Vision_main3 li:nth-child(1){ background: url(../images/gsyj_li_ico1.png) no-repeat left center; } .grzx_Vision_main3 li:nth-child(2){ background: url(../images/gsyj_li_ico2.png) no-repeat left center; } .grzx_Vision_main3 li:nth-child(3){ background: url(../images/gsyj_li_ico3.png) no-repeat left center; } .grzx_Vision_main3 li:nth-child(4){ background: url(../images/gsyj_li_ico4.png) no-repeat left center; } .grzx_contact{ width: 100%; background-color: #f5f5f5; padding-bottom: 100px; } .grzx_contact_main1 h3{ font-size: 48px; text-transform: uppercase; color: #333; padding-top: 25px; padding-bottom: 5px; line-height: 1; text-align: center;} .grzx_contact_main1 h4{ font-size: 24px; color: #333; padding-bottom: 55px; text-align: center;} .grzx_contact_main1 .grzx_contact_main2{ height: 680px;margin-bottom: 40px; background-color: #fff; -webkit-box-shadow:0 0px 15px rgba(0,0,0,0.1); box-shadow:0 0px 15px rgba(0,0,0,0.1); } .grzx_contact_main1_right{ width: 500px; overflow: hidden; height: 680px; position: relative; } .grzx_contact_main1_right img{ filter: grayscale(70%); -webkit-filter: grayscale(70%); -moz-filter: grayscale(70%); -ms-filter: grayscale(70%); -o-filter: grayscale(70%); transition: .3s;} .grzx_contact_main1_right:hover img{ filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); -webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);} .grzx_contact_main1_right_con{ position: absolute; top: 0; left:0; transform:translateX(0%); width: 100%; height: 100%; background: rgba(0,0,0,0.8); opacity: 1; transition: 0.8s;} .grzx_contact_main1_right_con p{ font-size: 16px; color: #fff; padding-bottom: 20px; line-height: 30px; padding-left: 90px; } .grzx_contact_main1_right_con p:nth-child(1){ padding-top: 110px; } .grzx_contact_main1_right_con .ljdh{ opacity: 0.9; display: block; width: 310px; height: 50px; line-height: 50px; font-size: 16px; color: #fff; background-color: #217cee; margin-left: 90px; margin-top: 205px; border-radius: 25px; text-align: center;} .grzx_contact_main1_right_con .ljdh:hover{ opacity: 1; } .grzx_contact_main1_left{ padding-left: 80px; padding-top: 95px; } .grzx_contact_main1_left h5{ font-size: 24px; color: #333; padding-bottom: 0px; } .grzx_contact_main1_left h4{ font-size: 14px; color: #333; padding-bottom: 50px; text-align: left; } .grzx_contact_main1_left p{ font-size: 16px; color: #666; line-height: 37px; } .grzx_contact_main1_left p span{ display: inline-block; width: 32px; } .grzx_contact_main1_left ul{ margin-top: 80px; } .grzx_contact_main1_left li{ float: left; margin-right: 20px; transition: 0.3s;} .grzx_contact_main1_left li a{ display: block; padding-left: 47px; width: 83px; height: 40px; line-height: 40px; border-radius: 25px; border: 1px solid #333; font-size: 16px; color: #333; background: url(../images/lianxi_ico1.png) no-repeat 16px center; transition: 0.3s;} .grzx_contact_main1_left li:hover a{ color: #fff; border: 1px solid #217cee; background:#217cee url(../images/lianxi_ico1_on.png) no-repeat 11px center; } .grzx_contact_main3{ min-height: 500px; -webkit-box-shadow:0 0px 15px rgba(0,0,0,0.1);box-shadow:0 0px 15px rgba(0,0,0,0.1); margin-bottom: 40px;} .grzx_contact_main3_left{ width: 49.5%; /*padding-left: 5%; height: 500px; padding-right: 8%; background-color: #fff;-webkit-box-shadow:0 0px 15px rgba(0,0,0,0.1);box-shadow:0 0px 15px rgba(0,0,0,0.1);*/ } .grzx_contact_main3_left .m_b{ margin-bottom: 1.7%; } .grzx_contact_main3_left p{ clear: both; display: block;} .grzx_contact_main3_left p span{ display: block; } .grzx_contact_main3_left p .span_one{ width: 45px; } .grzx_contact_main3_left p .span_two{ width: 81%; } .grzx_contact_main3_left .span_three{ padding-bottom: 40px; } /*.grzx_contact_main3_left h5{ font-size: 24px; color: #333; margin-top: 50px; padding-left: 45px; background: url(../images/lianxi_ico2.png) no-repeat left center; margin-bottom: 25px;}*/ .grzx_contact_main3_left p{ font-size: 14px; color: #666; line-height: 30px;} .grzx_contact_main3_right{ width: 49.5%; } .grzx_contact_main3_right_one{ padding-left: 8%; padding-right: 6%; background-color: #fff;padding-top: 50px; height: 215px;-webkit-box-shadow:0 0px 15px rgba(0,0,0,0.1);box-shadow:0 0px 15px rgba(0,0,0,0.1);} .grzx_contact_main3_right .m_b{ margin-bottom: 1.7%; } .grzx_contact_main3_right_one h5{ font-size: 24px; color: #333; padding-left: 45px; background: url(../images/lianxi_ico4.png) no-repeat left center; margin-bottom: 25px;} .page2_h3{ text-align: center; font-size: 36px; color: #333; padding-bottom: 22px; } .page2_h4{ text-align: center; font-size: 18px; color: #666; line-height: 30px; } .page2_p{ text-align: center; padding-top: 110px;} .grzx_contact_main3_right_one p{ font-size: 14px; color: #666; line-height: 30px;} .list_arcticle{ padding-top: 65px; text-align: center;} .wzjs_main1{ padding-top: 85px; } .wzjs_main1 .page2_p{ height: 553px; padding-top: 0px; margin-top: 110px; background: url(../images/wzjs_img1_2.png) no-repeat center; position: relative;} .wzjs_img11{ position: absolute; top: 75px; left: 50%; margin-left: -162px; z-index: 2; } .wzjs_main1 ul{ width: 600px; height: 355px; position: relative; margin: 0 auto; margin-top: 15px; z-index: 3;} .wzjs_main1 li{ position: absolute; font-size: 16px; color: #000; } .wzjs_main1 li:nth-child(1){ top: 135px ; left: 60px; } .wzjs_main1 li:nth-child(2){ top: 45px; left: 365px; } .wzjs_main1 li:nth-child(3){ top: 310px; left: 170px; } .wzjs_main1 li:nth-child(4){ top: 190px; left: 475px; } .wzjs_main1 li:nth-child(5){ top: 320px; left: 375px; } .wzjs_main2{ padding-bottom: 145px; } .wzjs_main2 .page2_p{ margin-top: 125px; background: url(../images/wzjs_img2_on.png) no-repeat center; } .wzjs_main3{ padding-top: 115px; height: 685px; background: url(../images/wzjs_img1.jpg) no-repeat center; } .wzjs_main3 .page2_h3{ color: #fff; } .wzjs_main3 .page2_h4{ color: #e1e1e1; } .wzjs_main3 .page2_p{ padding-top: 220px; } .wzjs_main4{ padding-top: 110px; } .wzjs_main5{ padding-top: 110px; padding-bottom: 105px; } .idx-coop li{position: relative; width: 16.65%; overflow: hidden; height: 90px; float: left;} .idx-coop li::before{position: absolute; display: block; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: #217cee; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all .7s cubic-bezier(0.23, 1, .38, 1); transition: all .7s cubic-bezier(0.23, 1, .38, 1);} .idx-coop li .img{position: absolute; left: 50%; top: 0; width: 160px; height: 90px; margin-left: -80px; background: no-repeat center center; background-size: contain; -webkit-transition: all .7s; transition: all .7s;} .idx-coop li .after{left: 0; opacity: 0;} .idx-coop li:hover::before{-webkit-transform: scale(1); transform: scale(1);} .idx-coop li:hover .before{opacity: 0; -webkit-transform: scale(0); transform: scale(0); } .idx-coop li:hover .after{left: 50%; opacity: 1;} .idx-coop li:nth-child(1) .after{ background: url(../images/kehu_anli1_on.png) no-repeat center; background-size: 100%;} .idx-coop li:nth-child(1) .before{ background: url(../images/kehu_anli1.png) no-repeat center; background-size: 100%;} .idx-coop li:nth-child(2) .after{ background: url(../images/kehu_anli2_on.png) no-repeat center; background-size: 100%;} .idx-coop li:nth-child(2) .before{ background: url(../images/kehu_anli2.png) no-repeat center; background-size: 100%;} .idx-coop li:nth-child(3) .after{ background: url(../images/kehu_anli3_on.png) no-repeat center; background-size: 100%;} .idx-coop li:nth-child(3) .before{ background: url(../images/kehu_anli3.png) no-repeat center; background-size: 100%;} .idx-coop li:nth-child(4) .after{ background: url(../images/kehu_anli4_on.png) no-repeat center; background-size: 100%;} .idx-coop li:nth-child(4) .before{ background: url(../images/kehu_anli4.png) no-repeat center; background-size: 100%;} .idx-coop li:nth-child(5) .after{ background: url(../images/kehu_anli5_on.png) no-repeat center; background-size: 100%;} .idx-coop li:nth-child(5) .before{ background: url(../images/kehu_anli5.png) no-repeat center;background-size: 100%;} .idx-coop li:nth-child(6) .after{ background: url(../images/kehu_anli6_on.png) no-repeat center; background-size: 100%;} .idx-coop li:nth-child(6) .before{ background: url(../images/kehu_anli6.png) no-repeat center; background-size: 100%;} .wzjs_main5 .page2_h4{ padding-bottom: 55px; } .dzzs{ display: block; margin: 0 auto; width: 265px; height: 69px; line-height: 69px; font-size: 18px; color: #333; margin-top: 135px; text-align: center; border: 1px solid #aeaeae; position: relative; overflow: hidden; transition: 0.5s; } .dzzs span{ display: inline-block; padding-left: 35px; } .dzzs::before{content: ""; width: 100%; height: 100%; display: block; background-color: #217cee; position: absolute; left: -100%; top: 0; transition: 0.5s; z-index: -1;} .dzzs:hover::before{ left: 0; opacity: 1;} .dzzs:hover{ border: 1px solid #217cee; color: #fff;} .ssyx_box{ width: 100%; background-color: #f0f0f0; position: relative; z-index: 0; } .xxjj{width: 103px; display: block; height: 30px; line-height: 30px; margin: 0 auto; margin-top: 30px; } .xxjj span{ display: inline-block; padding-right: 0px; margin-left: 10px;} .ssyx_box .wrap{ overflow: inherit; padding: 0 100px; background-color: #fff; } @media(max-width:1600px) { .ssyx_box .wrap{ padding: 0 50px; } } @media(max-width:1300px) { .ssyx_box .wrap{ padding: 0 0px; } } .ssyx_box .ssyx_main1{padding-top: 90px; padding-bottom: 105px; margin-top: -75px; margin-bottom: 10px; position: relative; z-index: 3;} .ssyx_box .ssyx_main1 .main_pic{ margin-top: 70px; } .ssyx_box .ssyx_main2{padding-top: 75px; padding-bottom: 110px; margin-bottom: 10px;} .ssyx_box .ssyx_main2 .page2_h4{ padding-bottom: 85px; } .ssyx_main2_con{ height: 570px; width: 890px; background: url(../images/ssyx_ico_bg5.png) no-repeat center; margin: 0 auto; position: relative;} .ssyx_main2_con .ssyx_p{ font-size: 18px; color: #666; text-align: center;} .ssyx_main2_con .ssyx_p_one{ position: absolute; width: 200px; line-height: 25px; left: 50%; margin-left: -100px; top: 0; } .ssyx_main2_con .ssyx_p_two{ position: absolute; width: 200px; line-height: 25px; left: 50%; margin-left: -100px; bottom: 0; } .ssyx_main2_con h5{ text-align: center; padding-top: 210px; font-size: 36px; color: #333; font-weight: bold; line-height: 1.4; } .ssyx_main2_con h6{ text-align: center; padding-top: 10px; font-size: 18px; color: #999;line-height: 25px; text-transform: uppercase; } .ssyx_main2_con .ssyx_p2{position: absolute; width: 200px; height: 90px; font-size: 18px; color: #fff; text-align: center;} .ssyx_main2_con .ssyx_p2 span{ display: inline-block; line-height: 25px; padding-top: 15px; } .ssyx_main2_con .ssyx_p_three{ left: 50px; top: 85px; background: url(../images/ssyx_ico_bg1.png) no-repeat center; } .ssyx_main2_con .ssyx_p_five{ left: 50px; top: 305px; background: url(../images/ssyx_ico_bg3.png) no-repeat center; } .ssyx_main2_con .ssyx_p_four{ right: 50px; top: 85px; background: url(../images/ssyx_ico_bg2.png) no-repeat center; } .ssyx_main2_con .ssyx_p_six{ right: 50px; top: 305px; background: url(../images/ssyx_ico_bg4.png) no-repeat center; } .ssyx_main2_con .ssyx_p_three span{ margin-left: -10px; } .ssyx_main2_con .ssyx_p_five span{ margin-left: -10px; } .ssyx_main2_con .ssyx_p_four span{ margin-right: -10px; } .ssyx_main2_con .ssyx_p_six span{ margin-right: -10px; } .ssyx_box .ssyx_main3{ padding-top: 75px; padding-bottom: 85px; margin-bottom: 10px; } .ssyx_main3_con{width: 1035px; margin: 0 auto; height: 630px; background: url(../images/ssyx_ico_bg6.png) no-repeat bottom left; position: relative;} .ssyx_box .ssyx_main3 .page2_h4{ padding-bottom: 90px; } .ssyx_main3_con h5{ font-size: 48px; color: #1cc312; font-weight: bold; text-align: center; } .ssyx_ul3{ position: absolute; left: 0px; top: 110px; } .ssyx_ul3 li{ font-size: 18px; color: #666; padding-bottom: 65px; } .ssyx_ul3 li:nth-child(1){ padding-left: 60px; } .ssyx_ul3 li:nth-child(2){ padding-left: 135px; padding-bottom: 60px;} .ssyx_ul3 li:nth-child(3){ padding-left: 190px; } .ssyx_ul3 li:nth-child(4){ padding-left: 220px; padding-bottom: 75px; } .ssyx_ul3 li:nth-child(5){ padding-left: 270px; } .ssyx_ul4{ width: 456px; text-align: center; position: absolute; left: 275px; top: 100px; } .ssyx_ul4 li{ font-size: 24px; color: #fff; padding-bottom: 55px;} .ssyx_box .ssyx_main4{ padding-top: 75px; padding-bottom: 105px;} .ssyx_box .ssyx_main4 .page2_h4{ padding-bottom: 135px; } .ssyx_img2{ margin: 0 auto; width: 577px; height: 116px; text-align: center; position: relative; background: url(../images/ssyx_img2.jpg) no-repeat center; margin-bottom: 35px;} .ssyx_ico_bg7{ position: absolute; top: 0; right: 0; } .ssyx_box .ssyx_main4 .dzzs{ width: 295px; } .qwyx_main1{ width: 100%; margin-top: 120px; margin-bottom: 145px; } .qwyx_main1_l{ width: 44%; } .qwyx_main1 .main_pic{ width: 56%; } .qwyx_h3{ font-size: 48px; color: #1c1d1f; line-height: 1.3; padding-left: 35px; padding-top: 24%; } .qwyx_h4{ width: 66%; font-size: 18px; color: #666; line-height: 35px; padding-left: 35px; padding-top: 5%; } .qwyx_main2{ margin-bottom: 155px; } .qwyx_main2 .main_pic{ position: relative; } .qwyx_main2_con{ position: absolute; right: 190px; top: 0; width: 400px; } .qwyx_main2_con .qwyx_h3{ padding-left: 0px; padding-top: 46%; color: #333; } .qwyx_main2_con .qwyx_h4{ padding-left: 0px; padding-top: 40px; color: #444; width: 100%; } .qwyx_main2_con p{ padding-top: 80px; } .qwyx_main2_con p:hover img{ -webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1); } .qwyx_main3{ margin-bottom: 160px; } .qwyx_main3 .qwyx_main3_con{ height: 100%; position: absolute; top: 85px; width: 755px; background-color: #fff; z-index: 2; } .qwyx_main3 .qwyx_main3_con .qwyx_h3{margin-left: 100px; padding-left: 0px; padding-top: 130px; } .qwyx_main3 .qwyx_main3_con .qwyx_h4{margin-left: 100px; padding-left: 0px; padding-top: 30px; padding-bottom: 120px; border-bottom: 1px solid #e3e3e3; width: 425px;} .qwyx_main3 .qwyx_main3_con p{margin-left: 100px; font-size: 14px; color: #999; line-height: 30px; padding-top: 20px;} .qwyx_main4_con{ width: 25%; padding-left: 10%; } .qwyx_main4_con .qwyx_h3{ padding-left: 0px; padding-top: 125px; } .qwyx_main4_con .qwyx_h4{ padding-left: 0px; padding-top: 30px; width: 100%; padding-bottom: 55px; border-bottom: 1px solid #e3e3e3; margin-bottom: 65px;} .qwyx_main4{ margin-bottom: 145px; } .qwyx_main4 .main_pic{ width: 57%; } .qwyx_main5{ margin-bottom: 135px; } .qwyx_main5 .main_pic{ width: 57%; } .qwyx_main5 .qwyx_main5_con{ width: 26.5%; } .qwyx_main5_con .qwyx_h3{ padding-left: 0px; } .qwyx_main5_con .qwyx_h4{ padding-left: 0px; width: 100%; padding-top: 40px; margin-bottom: 105px; } .qwyx_main5_con p{ font-size: 14px; color: #999; line-height: 22px; padding-top: 35px; width: 320px; border-top: 1px solid #e3e3e3;} .qwyx_main6{ width: 100%; background-color: #f2f2f2; padding-bottom: 130px; } .qwyx_main6 h3{ color: #333; padding-top: 110px; padding-bottom: 105px; text-align: center;} .qwyx_main6 li{ width: 29.8%; margin-right: 5.3%; float: left; } .qwyx_main6 li:nth-child(3n){ margin-right: 0px; } .qwyx_main6 li h5{ width: 100%; height: 153px; background-color: #fff; text-align: center;} .qwyx_main6 li h5 span{ font-size: 24px; color: #333; line-height: 35px; padding-top: 42px; display: inline-block; } .qwyx_main7 .qwyx_h3{ padding-left: 0px; padding-top: 100px; text-align: center; color:#333; } .qwyx_main7 .qwyx_h4{ padding-left: 0px; width: 100%; text-align: center; padding-top: 20px; padding-bottom: 75px;} /* 3D标签云 */ /*.wrapper{ width: 1200px; height: 300px!important; margin: 0 auto; } .wrapper p{ padding-top: 150px; line-height: 27px; color: #999; font-size: 14px; text-align: center; }*/ .tagcloud { position: relative; min-width: 400px!important;} .tagcloud a{ position: absolute; top: 0; left: 0; display: block; padding: 10px 20px; color: #333; font-size: 14px; border-radius: 20px; background-color: #f2f2f2; text-decoration: none; white-space: nowrap; -o-box-shadow: 6px 4px 8px 0 rgba(151,142,136,.34); -ms-box-shadow: 6px 4px 8px 0 rgba(151,142,136,.34); -moz-box-shadow: 6px 4px 8px 0 rgba(151,142,136,.34); -webkit-box-shadow: 6px 4px 8px 0 rgba(151,142,136,.34); box-shadow: 6px 4px 8px 0 rgba(151,142,136,.34); transition: 0s; -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135, Color='#000000')";/*兼容ie7/8*/ filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=125, Strength=9); /*strength是阴影大小,direction是阴影方位,单位为度,可以为负数,color是阴影颜色 (尽量使用数字)使用IE滤镜实现盒子阴影的盒子必须是行元素或以行元素显示(block或inline-block;)*/ } .tagcloud a:hover{ color: #217cee; } /* 小屏侧边栏导航 */ .menu-handler {width:66px;right:0;top:0px;height:54px;display:none;cursor:pointer;background-color:#000;position:absolute; z-index: 99999;} .menu-handler span {position:relative;display:block;margin:26px auto 0;width:22px;height:2px;-webkit-transition-duration:.3s,.3s;-moz-transition-duration:.3s,.3s;-ms-transition-duration:.3s,.3s;-o-transition-duration:.3s,.3s;transition-duration:.3s,.3s;-webkit-transition-delay:.3s,0s;-moz-transition-delay:.3s,0s;-ms-transition-delay:.3s,0s;-o-transition-delay:.3s,0s;transition-delay:.3s,0s;} .menu-handler span:after,.menu-handler span:before {content:"";position:absolute;display:inline-block;width:100%;height:2px;left:0;background-color:#fff;-webkit-transition-duration:.3s,.3s;-moz-transition-duration:.3s,.3s;-ms-transition-duration:.3s,.3s;-o-transition-duration:.3s,.3s;transition-duration:.3s,.3s;-webkit-transition-delay:.3s,0s;-moz-transition-delay:.3s,0s;-ms-transition-delay:.3s,0s;-o-transition-delay:.3s,0s;transition-delay:.3s,0s} .menu-handler span:before {top:-6px;-webkit-transition-property:top,transform;-moz-transition-property:top,transform;-ms-transition-property:top,transform;-o-transition-property:top,transform;transition-property:top,transform;} .menu-handler span:after {bottom:-6px;-webkit-transition-property:bottom,transform;-moz-transition-property:bottom,transform;-ms-transition-property:bottom,transform;-o-transition-property:bottom,transform;transition-property:bottom,transform;} .menu-handler.active span {background-color:transparent;-webkit-transition-delay:0s,0s;-moz-transition-delay:0s,0s;-ms-transition-delay:0s,0s;-o-transition-delay:0s,0s;transition-delay:0s,0s} .menu-handler.active span:after,.menu-handler.active span:before {-webkit-transition-delay:0s,.3s;-moz-transition-delay:0s,.3s;-ms-transition-delay:0s,.3s;-o-transition-delay:0s,.3s;transition-delay:0s,.3s} .menu-handler.active span:before {top:0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)} .menu-handler.active span:after {bottom:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);} .menuBox a:link,.menuBox a:visited {color:#fff;} .menuBox a:active,.menuBox a:hover {color:#fff;} .menuBox {background-color:#444;color:#fff;position:fixed;display:none;right:0px;top:0px;height:100%;height:100vh;overflow-x:hidden;overflow-y:auto;-moz-transform:translateX(100%);-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-overflow-scrolling:touch;width:400px;z-index:980;-webkit-transition:all .5s cubic-bezier(.25,.46,.45,.94);-moz-transition:all .5s cubic-bezier(.25,.46,.45,.94);-ms-transition:all .5s cubic-bezier(.25,.46,.45,.94);-o-transition:all .5s cubic-bezier(.25,.46,.45,.94);transition:all .5s cubic-bezier(.25,.46,.45,.94);} .menuMoblie {padding:80px 0px 100px;} .menuMoblie .nav-link {display:block;font-size:16px;padding:12px 12%;position:relative;} .menuMoblie .nav-link.cur {background-color:#333;} .menuMoblie .subnav {background-color:#666;padding:10px 0px;display:none;} .menuMoblie .subnav a {position:relative;display:block;padding:12px 12%;line-height:1.4;} .pusher-black {position:fixed;width:100%;height:100%;left:0px;top:0px;background-color:rgba(0,0,0,0.4);z-index:900;visibility:hidden;filter:alpha(Opacity=0);opacity:0;-webkit-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s;-moz-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s;-ms-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s;-o-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s;transition:all .2s cubic-bezier(.02,.01,.47,1) 0s;} .menuOpen .pusher-black {visibility:visible;filter:alpha(enabled=false);/* opacity:1;*/} .menuOpen .menuBox {-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)} .pusher {transition:transform 0.7s cubic-bezier(0.19,1,0.22,1) 0s;-webkit-transition:transform 0.7s cubic-bezier(0.19,1,0.22,1) 0s;} .menuOpen .pusher {/* transform:translateX(-26%);*/ -webkit-transform:translateX(-26%);/* transition:transform 0.7s cubic-bezier(0.19,1,0.22,1) 0s;*/ /* -webkit-transition:transform 0.7s cubic-bezier(0.19,1,0.22,1) 0s;*/} .show_case{ width: 100%; background-color: #f0f0f0; padding-bottom: 100px; position: relative;} .show_case_top{ height: 150px; line-height: 150px; } .show_case_top li a{ font-size: 24px; color: #666; } .show_case_top li a:hover{ color: #217cee; } .show_case_top li.on a{ color: #217cee; } .show_case_top li{ font-size: 24px; color: #666; float: left;} .show_case_top li span{ display: inline-block; margin: 0 25px; } .show_case_top li:last-child span{ display: none; } .show_case_h3{ font-size: 30px; color: #333; padding-top: 60px; padding-bottom: 40px; } .xmbj_con p{ font-size: 16px; color: #666; line-height: 35px; } .khsq_con p{ font-size: 16px; color: #666; padding-bottom: 15px; line-height: 25px!important; margin: 0!important; } .xmbj_con p span{} .khsq_con p span{} .show_case_main3_con{ } .show_case_main3_con p span{} .xmbj{ width: 35%; padding-left: 5%; padding-right: 10%;} .khsq{ width: 35%; padding-left: 5%; padding-right: 10%; } .khsq{ background-color: #f5f5f5; } .xmbj{ background-color: #fff; } .p_b_100{ padding-bottom: 100px; } .show_case_main1 .wrap1600{ background-color: #f5f5f5; } .link-ico { display: block; width: 43px; height: 43px; border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.4); cursor: pointer; margin-top: 115px; position: relative; overflow: hidden; transition: all 0.3s ease 0s; transition: transform 0.3s ease 0.6s, opacity 0.3s ease 0.6s, background 0.3s ease 0s, border 0.3s ease 0s; } .link-ico .bg { display: block; width: 0; height: 0; left: 50%; top: 50%; transition: all 0.3s ease 0s; position: absolute; border-radius: 50%; overflow: hidden; } .link-ico i { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; background: url(../images/ico_25.png) no-repeat center; transition: all 0.3s ease 0s; } .link-ico:hover { background-color: #000; border: 1px solid #000; } .link-ico:hover i { background: url(../images/ico_25_on.png) no-repeat center; } .link-ico:hover .bg { width: 100%; height: 100%; top: 0; left: 0; background-color: #000; } .show_case_main2 .wrap1600{ background-color: #fff; } .show_case_main2_con{ width: 90%; padding: 0 5%; padding-bottom: 100px;} .yxsk_one{ margin-bottom: 2%; float: left; width: 41%; background-color: #333; text-align: center; padding: 50px 3%;} .yxsk_one p{ line-height: 30px; font-size: 18px; color: #fff; } .show_case_main2 .wrap1600 .yxsk_one:nth-of-type(odd){ margin-right: 2%; } .show_case_main3 .wrap1600{ background-color: #fff; } .show_case_main3_con{ width: 90%; padding: 0 5%; padding-bottom: 100px;} .m_b_20{ margin-bottom: 20px; } .show_case_main3_con li{ margin-bottom: 45px; padding-bottom: 45px; border-bottom: 1px dashed #e2e2e2; min-height: 65px; } .show_case_main3_con li .time{ font-size: 72px; color: #333; display: inline-block; border-right: 1px solid #e0e0e0; padding-right: 40px; margin-right: 35px; line-height: 0.9; } .show_case_main3_con li h4{ font-size: 20px; color: #333; padding-bottom: 15px; } .show_case_main3_con li p{ font-size: 14px; color: #666; } .show_case_main3_con li .celue{ width: 85%; } .show_case_main3_con .show_case_h3{ padding-bottom: 60px; } .show_case_main3_con li:last-child{ margin-bottom: 0px; } .show_case_main4_con li{ float: left; margin-right: 7%; width: 13.5%; text-align: center; } .show_case_main4_con li:last-child{ margin-right: 0px; } .show_case_main4_con li h5{ font-size: 18px; color: #333; padding-bottom: 20px; border-bottom: 1px solid #d1d1d1; } .show_case_main4_con li h4{ font-size: 48px; color: #333; border-bottom: 1px solid #d1d1d1; line-height: 75px; } .show_case_main4_con li p{ font-size: 14px; color: #333; padding-top: 20px; } .show_case_main4_con .show_case_h3{ padding-bottom: 60px; } .show_case_main4_con p{ line-height: 30px; } .show_case_main4 .wrap1600{ background-color: #fff; } .show_case_main4_con{ width: 90%; padding: 0 5%; padding-bottom: 100px;} .show_case_con{ display: none; } .show_case_con.on { display: block; } .show_case_img img{ max-width: 100%; } .show_case_img{ text-align: center; } /* 百搜百应 案例详情 */ .bsby_case_l_cont{ margin-left: 70px; padding-top: 35px; } .bsby_img1{ height: 153px; line-height: 153px; } .bsby_case_l_cont h5{ font-size: 16px; color: #333; padding-bottom: 10px; } .bsby_case_l_cont p{ font-size: 14px; color: #666; padding-bottom: 10px; } .bsby_main1{ width: 100%; background-color: #fff; height: 155px; } .bsby_case_l_cont p img{ margin-top: -3px; margin-right: 5px; } .bsby_case_l_cont p strong{ font-weight: lighter; padding-right: 20px; } .bsby_main1 .link-ico{ margin-top: 43px; } .bsby_main2{ background-color: #f0f0f0; padding-top: 85px; padding-bottom: 90px;} .bsby_main2_l p{ line-height: 35px; color: #666; font-size: 16px; } .bsby_main2_l p span{} .bsby_main2_l{width: 48%;} .qyxz li{ float: left; padding: 0 35px; height: 44px; line-height: 44px; background-color: #404040; border-radius: 25px; margin-right: 15px; font-size: 18px; color: #fff; text-align: center; margin-top: 60px; } .qyxz li p{ font-size: 18px; color: #fff;height: 44px; line-height: 44px; } .bsby_main2 .main_pic{ width: 42%; overflow: hidden;} .bsby_main2_l .show_case_h3{ padding-top: 30px; } .bsby_main3 .show_case_h3{ text-align: center; } .bsby_main3{ background-color: #fff; padding-top: 25px; padding-bottom: 145px;} .bsby_main3 p{ line-height: 35px; color: #666; font-size: 16px; } .bsby_main3 p span{ } .bsby_main4 .show_case_h3{ text-align: center; } .bsby_main4{ background-color: #f0f0f0; padding-top: 25px; padding-bottom: 100px;} /* 案例详情轮播 */ .slideBox{ width:100%; height:656px; padding-top: 86px; overflow:hidden; position:relative; background: url(../images/bsby_img1.png) no-repeat center; background-size: 100% 100%; } .slideBox .hd{ width: 100%; text-align: center; height:10px; overflow:hidden; position:absolute; left: 0px; bottom:150px; z-index:1; } .slideBox .hd ul{ width: 100%; overflow:hidden; zoom:1; float:left; } .slideBox .hd ul li{ margin:0 6px; width:10px; height:10px; line-height: 50px; border-radius: 20px; display: inline-block; text-align:center; background:#bdbdbd; cursor:pointer; } .slideBox .hd ul li.on{ background:#f00; color:#fff; } .slideBox .bd{ position:relative; height:100%; z-index:0; } .slideBox .bd li{ zoom:1; vertical-align:middle; text-align: center; } .slideBox .bd img{ /* max-width:974px; */ width:auto; max-height: 460px; } .haibao p{ width: 45%; margin-right: 10%; float: left; margin-bottom: 2%;} .haibao p img{ width: 100%; } .haibao p:nth-child(2n){ margin-right: 0px; } .shejigao p{ text-align: center; border-bottom: 30px solid #f0f0f0;} .shejigao p img{ padding-top: 50px; padding-bottom: 50px; max-width: 1400px; width: 100%;} .shejigao .wrap1600{ background-color: #fff; } .haibao .wrap1600{ padding-top: 50px; padding-bottom: 30px; background-color: #fff; } .haibao_con{ width: 850px; margin: 0 auto; } /* 下面是前/后按钮代码,如果不需要删除即可 */ .slideBox .prev, .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:27px; height:46px; } .slideBox .next{ left:auto; right:3%; background-position:8px 5px; } .slideBox .prev{ background:url(../images/left.png) no-repeat; } .slideBox .prev:hover{ background:url(../images/left_on.png) no-repeat; } .slideBox .next{ background:url(../images/right.png) no-repeat; } .slideBox .next:hover{ background:url(../images/right_on.png) no-repeat; } .slideBox .prevStop{ display:none; } .slideBox .nextStop{ display:none; } .bsby_ul{ margin-top: -20px; position: relative; z-index: 99; text-align: center;} .bsby_ul li{ font-size: 16px; color: #333; width: 24.9%; display: inline-block; border-right: 1px solid #bfbfbf; text-align: center; height: 20px; line-height: 20px; margin-bottom: 20px;} .bsby_ul li:last-child{border-right: 0px;} .biaodan li{ position: relative; } .biaodan li .error { position: absolute;top: 0;font-size: 14px;color: #c20000;left: 50%; } /* 侧边栏咨询框 */ .cbl{ display: none; } .counsel{position:fixed;right:0px;top:20%;display:none;z-index:999;width:252px;height:auto;overflow:hidden;} .counsel .coun-left.active{ position:relative; top:74px; float:left; width: 50px; height: 150px; text-align:center; font-size:13px; color:#303030; left: 0px; background:#d53d3d url(../images/ly_bg.png) no-repeat center 25px; } .counsel .coun-left.active>p{position:absolute;top:53px;left:17px; font-size: 16px; line-height: 17px;color: #fff;} .counsel .coun-left.active span{ font-weight: bold; position: absolute; display: inline-block; bottom: 7px; left: 21px; color: #fff; font-size: 12px;} .counsel .counbox{float:right;width:200px; height:auto;overflow:hidden;background:#d53d3d;text-align:center;-webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1); box-shadow:0 15px 30px rgba(0,0,0,0.1); -webkit-transform:translate3d(0, -2px, 0); transform:translate3d(0, -2px, 0)} .counsel .counbox .coun-logo{display:block;width:160px;height:auto;margin:15px auto 0px;} .counsel .counbox .telbox{width:160px;height:auto;overflow:hidden;margin:18px auto;} .counsel .counbox .telbox .name{display:block;width:100%;height:auto;overflow:hidden; height: 50px; line-height: 50px; text-align: center; font-size:14px;color:#666; margin-bottom: 7px; background-color: #fff; transition: 0.3s;} .counsel .counbox .telbox .name:last-child{border-bottom:0px;} .counsel .counbox .telbox .name .ibox{float:left;width:35px;height:35px;overflow:hidden;border-radius:50%;background:#fff;} .counsel .counbox .telbox .name .ibox>img{width:100%;height:100%;} .counsel .counbox .number{width:100%;height:auto;overflow:hidden; padding-bottom: 10px; font-size:16px;font-weight: bold; color:#217cee;letter-spacing: -1px;} .counsel .counbox .phone{width:100%;text-align: center; height:33px;line-height:33px;font-size:20px;color:#666;} .counsel .counbox .telbox p span{ display: inline-block; padding-left: 5px; } .counsel .counbox .telbox a{ color: #333; font-size: 16px; } .counsel .counbox .telbox a:hover{ color: #217cee;} .telbox h6{ padding-top: 35px; font-size: 22px; color: #fff; line-height: 30px; text-align: center; padding-bottom: 30px;} .tc_p{ font-size: 14px; color: #fff; text-align: center; padding-bottom: 10px; } .tc_i{ width: 1px; height: 22px; background-color: #eaeaea; margin: 0 auto; margin-top: -6px; margin-bottom: 10px;} .counsel .coun-left{ position:relative; top:-2px; float:left; width: 50px; height: 50px; text-align:center; font-size:13px; left: 128px; z-index: 99; color:#303030; height: 50px; top: 0px; background: url(../images/close_on.png?v=3) no-repeat center; } .counsel .coun-left p{ opacity: 0; } .counsel .coun-left span{ opacity: 0; } .counsel .coun-left.active p{ opacity: 1; } .counsel .coun-left.active span{ opacity: 1; } /* 内页侧边栏 */ .counsel2{position:fixed;right:0px;top:25%;display:none;z-index:999;width:252px;height:auto;overflow:hidden;} .counsel2 .coun-left2.active{ position:relative; top:74px; left: 0px; float:left; width: 50px; height: 150px; text-align:center; font-size:13px; color:#303030; background:#d53d3d url(../images/ly_bg.png) no-repeat center 25px; } .counsel2 .coun-left2.active>p{position:absolute;top:53px;left:17px; font-size: 16px; line-height: 17px;color: #fff;} .counsel2 .coun-left2.active span{ font-weight: bold; position: absolute; display: inline-block; bottom: 7px; left: 21px; color: #fff; font-size: 12px;} .counsel2 .counbox{float:right;width:200px; height:auto;overflow:hidden;background:#d53d3d;text-align:center;-webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1); box-shadow:0 15px 30px rgba(0,0,0,0.1); -webkit-transform:translate3d(0, -2px, 0); transform:translate3d(0, -2px, 0)} .counsel2 .counbox .coun-logo{display:block;width:160px;height:auto;margin:15px auto 0px;} .counsel2 .counbox .telbox{width:160px;height:auto;overflow:hidden;margin:18px auto;} .counsel2 .counbox .telbox .name{display:block;width:100%;height:auto;overflow:hidden; height: 50px; line-height: 50px; text-align: center; font-size:14px;color:#666; margin-bottom: 12px; background-color: #fff; transition: 0.3s;} .counsel2 .counbox .telbox .name:last-child{border-bottom:0px;} .counsel2 .counbox .telbox .name .ibox{float:left;width:35px;height:35px;overflow:hidden;border-radius:50%;background:#fff;} .counsel2 .counbox .telbox .name .ibox>img{width:100%;height:100%;} .counsel2 .counbox .number{width:100%;height:auto;overflow:hidden; padding-bottom: 10px; font-size:16px;font-weight: bold; color:#217cee;letter-spacing: -1px;} .counsel2 .counbox .phone{width:100%;text-align: center; height:33px;line-height:33px;font-size:20px;color:#666;} .counsel2 .counbox .telbox p span{ display: inline-block; padding-left: 5px; } .counsel2 .counbox .telbox a{ color: #333; font-size: 16px; } .counsel2 .counbox .telbox a:hover{ color: #217cee;} .telbox h6{ padding-top: 35px; font-size: 22px; color: #fff; line-height: 30px; text-align: center; padding-bottom: 30px;} .tc_p{ font-size: 14px; color: #fff; text-align: center; padding-bottom: 10px; } .tc_i{ width: 1px; height: 22px; background-color: #eaeaea; margin: 0 auto; margin-top: -6px; margin-bottom: 10px;} .counsel2 .coun-left2{ position:relative; top:-2px; float:left; width: 50px; height: 50px; text-align:center; left: 128px; font-size:13px; z-index: 99; color:#303030; height: 50px; top: 0px; background: url(../images/close_on.png?v=3) no-repeat center; } .counsel2 .coun-left2 p{ opacity: 0; } .counsel2 .coun-left2 span{ opacity: 0; } .counsel2 .coun-left2.active p{ opacity: 1; } .counsel2 .coun-left2.active span{ opacity: 1; } /* 中间定时弹窗 */ .box_r{ width:143px; height:auto; overflow:hidden; position:fixed; right:0; top:150px; z-index:9999;} .box_r .top{width:143px; height:69px; background:url(../images/cslist_top_bg.png) no-repeat;} .box_r .main{ width:138px; height:auto; overflow:hidden; background:url(../images/right_bg.png) repeat-y left top;text-align:left; font-size:12px; padding-left:5px;} .box_r .main p{ height:25px; line-height:25px; padding-left:5px;} .box_r .bottom{ width:143px; height:17px; background:url(../images/cslist_btm_bg.png) no-repeat;} .box_m{ z-index: 99999; width:700px; height:400px; background: rgba(255,255,255,1); position:fixed; left:50%; top:50%; margin-top: -200px; margin-left: -350px; display:none; -webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1); box-shadow:0 15px 30px rgba(0,0,0,0.1); -webkit-transform:translate3d(0, -2px, 0); transform:translate3d(0, -2px, 0) } .kaka{ text-align: center; position: relative; margin: 25px; border: 1px solid #ccc; width: 650px; height: 350px; } .box_m ul{width:335px; height:223px; position:relative;} .box_m ul a{ display:block; width:70px; height:22px; position:absolute; top:104px;} .kaka a{ display: inline-block; width: 210px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #666; margin: 0 10px; background-color: #fff; } .kaka a.ywjt{ background-color: #217cee; color: #fff; } .kaka a.close2{ border: 1px solid #999; color: #999; } .kaka p{ font-size: 14px; color: #999; padding-top: 30px; } .kaka h3{ font-size: 30px; color: #333; padding-top: 50px; } .kaka h4{ font-size: 18px; color: #666; padding-top: 20px; padding-bottom: 30px; line-height: 40px; } /* 主色调 217cee */ /* 横幅 */ .asideBanner_con{ width: 100%; position: relative; } .asideBanner{z-index:999;position:fixed;bottom:0px;left:-2000px;width:100%;height:150px; line-height: 150px; background:rgba(255,232,77,1);opacity:1;transition:.8s;} .asideBanner .main{height:100%;position:relative;} .asideBanner .w_left{position:absolute;top:50px;right:2%;width:60px;height:60px;border-radius:50%;background:#fff url(../images/icon_cha.png) no-repeat center;background-size:15px;cursor:pointer;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;} .asideBanner .main>div{text-align:left;display:inline-block;height:100%;width:auto;vertical-align:top;} .asideBanner .num-txt{height:100%;overflow:hidden;font-size:28px; background: url(../images/huo_img.jpg) no-repeat left center; margin-right: 80px;} .asideBanner .num-txt h4{color:#fff; font-size: 14px; margin-left: 120px; padding-top:27px;} .asideBanner .num-txt p{color:#c3c3c3;} .asideBanner .num-txt span{color:#ff0007;} .asideBanner .jsq{width:133px;height:85px;background:url(../images/jsq.png) no-repeat center;float:left;box-sizing:border-box;margin-top:35px;} .asideBanner .inp-main{margin-top:35px;margin-left:75px;width:420px!important;padding-right:81px;position:relative;} .asideBanner .inp-ys{width:145px;height:37px;background:#fff;line-height:37px;border:0;margin-left:9px;font-size:16px;color:#333;margin-bottom:9px;box-sizing:border-box;padding-left:5px;} .asideBanner .inp-sub{width:95px;height:83px;background:#bc262a;position:absolute;right:0;top:0;background:url(../images/hqbj.jpg) no-repeat;background-size:100% 100%;cursor:pointer;-webkit-transition:.4s;-o-transition:.4s;transition:.4s;} .asideBanner .inp-sel{border:none;outline:none;color:#666;border-radius:0;background:transparent;appearance:none;-moz-appearance:none;-webkit-appearance:none;} .asideBanner .inp-sel{background:url(../images/zt-one/icon_select.png) no-repeat 95% center #fff;} .asideBanner .inp-sub:hover{opacity:.9;} .asideBanner .tel-bj{color:#fff;margin-top:35px;margin-left:60px;} .asideBanner .tel-bj h4{font-size:24px;color:#fff;} .asideBanner .tel-bj p{font-size:32px;} .zhankai{position:fixed;z-index: 999; width:120px;height:110px;left:0px;bottom:-200px;cursor:pointer;background:url(../images/zhankai.png) no-repeat;transition:.8s;} .w1200{ width: 1200px; margin: 0 auto; } @media(max-width:1900px) { .asideBanner img{ max-width: 100%; } } /* 计数器 */ .jishuqi li{ display: inline-block; font-size: 30px; text-align: center; color: #333; /*padding:0 40px;*/ width: 24%; background: url(../images/jishuqi_xian.jpg) no-repeat right center;position: relative; } .jishuqi li:nth-child(1){ padding-left: 0px; } .jishuqi li:last-child{ background: none; } .jishuqi li>i{ font-size: 48px; font-weight: bold; color: #333;} .jishuqi li>.unit { font-size: 18px; color: #999;} .jishuqi li p{ font-size: 16px; color: #999; } .jishuqi{ width: 100%; margin-bottom: 5px; } .jishuqi li span{ display: inline-block; position: absolute; } @media screen and (max-width: 1199px){ .jishuqi li{ float: left; font-size: 30px; width: 50%; padding-top: 10px; text-align: center; color: #000; background: url(../images/jishuqi_xian.jpg) no-repeat right center; padding-bottom: 20px;} .jishuqi li:nth-child(1){ border-bottom: 1px solid #ddd; } .jishuqi li:nth-child(2){ border-bottom: 1px solid #ddd; } .jishuqi li:nth-child(2n){ background: none; } .jishuqi li:last-child{ background: none; } .jishuqi li>i{ font-size: 30px; font-weight: bold; color: #000;} .jishuqi li p{ font-size: 12px; color: #666; } .jishuqi{ width: 90%; margin: 0 5%; margin-bottom: 5px; } .jishuqi li span{ display: inline-block; position: absolute; } .gsjj_jishuqi{ width: 100%; margin: 0; } .gsjj_jishuqi li{ width: auto; padding: 0 3%; border: 0!important; background: none; } } /* 产品详情页 */.show_product_top {height:95px;line-height:95px;width:100%;background-color:#eeeeee;margin-top:100px;} .show_product_con {height:435px;padding-top:50px;padding-bottom:50px;} .tiyan {font-size:18px;color:#fff;display:block;width:183px;height:44px;line-height:44px;text-align:center;background-color:#c78d50;margin-top:35px;} .tiyan:hover {color:#fff;} .show_product_bottom {width:100%;padding-bottom:40px;background-color:#fff;} .show_product_bottom h3 {font-size: 26px; color: #282828; padding-top: 65px; padding-bottom: 30px; } .container {color:#c68d54;font-size:14px;} .container a {color:#666;font-size:14px;} /* 产品详情 热门推荐 切换 */ .picScroll-left2 {width:100%;position:relative;margin:0 auto;margin-left:-6px;} .picScroll-left2 .hd {width:1340px;text-align:center;overflow:hidden;height:10px;background:none;padding:0 10px;} .picScroll-left2 .hd .prev,.picScroll-left2 .hd .next {display:inline-block;width:50px;height:50px;margin-right:5px;margin-top:10px;overflow:hidden;cursor:pointer;margin:30px 15px 0px 11px;} .picScroll-left2 .hd .next3 {width:59px;height:59px;position:absolute;right:-41px;top:142px;background:url(../images/honour-right.png) no-repeat;} .picScroll-left2 .hd .prev3 {width:59px;height:59px;position:absolute;left:-23px;top:142px;background:url(../images/honour-left.png) no-repeat;} .picScroll-left2 .hd .prevStop {background-position:-60px 0;} .picScroll-left2 .hd .nextStop {background-position:-60px -50px;} .picScroll-left2 .hd ul {float:right;overflow:hidden;zoom:1;margin-top:10px;zoom:1;} .picScroll-left2 .hd ul li {width:9px;height:9px;overflow:hidden;margin-right:5px;text-indent:-999px;cursor:pointer;background:url("images/icoCircle.gif") 0 -9px no-repeat;} .picScroll-left2 .hd ul li.on {background-position:0 0;} .picScroll-left2 .bd {padding:10px;} .picScroll-left2 .bd ul {overflow:hidden;zoom:1;} .picScroll-left2 .bd ul li { margin:0 7px;float:left;_display:inline;overflow:hidden;} /* 产品详情轮播 */.com-slider {position:relative;width:600px;height:600px;} .com-slider .bd li {text-align:center;} .com-slider .bd li img {width:auto;} .com-slider .hd {margin-top:50px;padding-bottom:50px;text-align:center;} .com-slider .hd ul li {display:inline-block;margin:0 8px;width:16px;height:16px;background-color:#6b6b6b;border-radius:50%;text-indent:-9999px;cursor:pointer;} .com-slider .hd.hd2 {position:relative;left:0;bottom:-100px;width:600px;text-align:center;margin-top:0;padding-bottom:0;} .com-slider .hd ul li.on {background-color:#fff;border-color:#fff;} .com-slider .com-btn {position:absolute;top:50%;width:30px;height:50px;line-height:50px;text-align:center;margin-top:-25px;background:rgba(255,255,255,0.6);font-size:24px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;} .com-slider .com-btn:hover {background:rgba(255,255,255,0.8);width:50px;} .com-slider .com-btn.next {right:0;} .com-block-list li {float:left;width:286px;height:368px;background:#fff;text-align:center;padding:65px 40px 0;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;} .com-block-list li:hover {-webkit-box-shadow:0 0 30px rgba(0,0,0,0.2);box-shadow:0 0 30px rgba(0,0,0,0.2);} .com-block-list li ~ li {margin-left:18px;} .com-block-list li .tit {margin-top:30px;margin-bottom:15px;font-size:16px;color:#bb3e46;} .com-block-list li .des {line-height:1.75;} .show_product_right {width:600px;} .show_product_right_top {padding-top:30px;padding-bottom:30px;border-top:1px solid #555;border-bottom:1px solid #555;} .show_product_right_top h6 {font-size:28px;color:#fff;} .show_product_right_top span {font-size:16px;color:#aaa;} .show_product_right_con {padding-top:20px;} .show_product_right_con p {padding:0;line-height:33px;font-size:14px;color:#949494;} .show_product_right_con p span {color:#eee;display:inline-block;padding-left:5px;} .show_product_right_con p i {display:inline-block;width:50px;height:20px;line-height:18px;text-align:center;font-size:14px;margin-left:7px;margin-right:5px;} .show_product_right_con p i:nth-child(1) {background-color:#fff;color:#333;} .show_product_right_con p i:nth-child(2) {background-color:#217cee;color:#fff;} .show_product_right_bottom {padding-top:60px;} .show_product_right_bottom a {display:block;float:left;height:50px;line-height:50px;font-size:18px;color:#fff;transition:0.3s;margin-right:10px;border-radius:3px;} .show_product_right_bottom a:nth-child(1) {padding-left:80px;width:140px;background:#686868 url(../images/zaixian.png) no-repeat 40px 13px;} .show_product_right_bottom a:nth-child(2) {padding-left:55px;width:165px;background:#686868 url(../images/dianhua.png) no-repeat 23px 13px;} .show_product_right_bottom a:nth-child(1):hover {background:#e1aa1d url(../images/zaixian.png) no-repeat 40px 13px;} .show_product_right_bottom a:nth-child(2):hover {background:#e1aa1d url(../images/dianhua.png) no-repeat 23px 13px;} .product_xiangqing {padding-top:10px;width:100%;background-color:#fff;padding-bottom:108px;} .product_xiangqing_one {padding-top:50px;padding-bottom:50px;border-bottom:1px solid #ddd;} .product_xiangqing_one h6 {font-size:20px;color:#6b6b6b;margin-right:70px;} .product_xiangqing_right {color:#111;font-size:16px;} .product_xiangqing_right li p {width:120px;height:80px;border:1px solid #ddd;font-size:16px;color:#111;line-height:30px;padding-top:20px;text-align:center;border-radius:10px;} .product_xiangqing_right li span {font-size:14px;color:#6b6b6b;text-align:center;display:inline-block;padding-top:20px;width:120px;} .product_xiangqing_right li {float:left;padding-right:60px;background:url(../images/show_jian.png) no-repeat 143px 30px;} .product_xiangqing_right li:nth-child(5) {background:none;} .product_xiangqing_right li:nth-child(4) p {line-height:60px;} /* 新闻详情页 */ .com_width {width:1200px;margin-left:auto;margin-right:auto;} .position h2 {font-size:24px;color:#e12b1f;padding-top:40px;} .container {clear:both;} .news-container {margin-bottom:50px;} .com_width {width:1200px;margin-left:auto;margin-right:auto;} .mt50 {margin-top:50px;} .news-title h2 {font-size:24px; color: #333; line-height: 35px; padding-bottom:20px;} .news-show {float:left;width:100%;background:#fff;margin:auto;} .news-show .news-title {padding:40px 20px;padding-bottom:20px;text-align:center;} .news-show .news-title h1 {font-size:24px;color:#333;padding-bottom:10px;font-weight:normal;} .news-show .news-title p {font-size:14px;color:#a3afb7;padding-bottom:10px;border-bottom:1px solid #F0F2F5;} .news-show .news-title p a {color:#a3afb7;} .news-show .news-views {margin:40px 20px 20px; margin-top:0;font-size:18px;color:#666;line-height:25px;overflow:hidden;} .news-show .news-views p {padding:0 20px;line-height:2.0;} .news-show .share-bar {padding:20px;} .news-show .news-other {padding:10px 15px;border-top:1px #ddd solid;} .news-show .news-other p {display:block;height:30px;line-height:30px;padding-left:3px;} .news-show-left {float:left;width:70%;background:#fff;margin:auto;} .news-show-left .news-title {padding:40px 20px;padding-bottom:20px;text-align:center;} .news-show-left .news-title h1 {font-size:24px;color:#333;padding-bottom:10px;font-weight:normal;} .news-show-left .news-title p {font-size:14px;color:#a3afb7;padding-bottom:10px;border-bottom:1px solid #F0F2F5;} .news-show-left .news-views {margin:40px 20px 20px; margin-top:0;font-size:14px;color:#666;line-height:25px;overflow:hidden;} .news-views p {padding:0 20px;line-height:2.0;} .news-views p span {} .news-views img {padding-top:15px;padding-bottom:15px;} .news-views p img {height:auto!important; max-width: 100%!important;} .news-show-left .news-title p a {color:#a3afb7;} /* .news-show-left .news-title p a:hover {color:#E12B1F;} */.news-show-left .share-bar {padding:20px;} .news-show-left .news-other {padding:10px 15px;border-top:1px #ddd solid;} .gr-back-btn {float:right;margin-top:6px;width:125px;height:40px;line-height:40px;text-align:center;background-color:#353535;font-size:14px;color:#fff!important;} .gr-back-btn {margin-top:6px;width:125px;height:40px;line-height:40px;text-align:center;background-color:#e12b1f;font-size:14px;color:#fff;position:relative;overflow:hidden;z-index:2;} .gr-back-btn:hover {background-color:#217cee;} .news-show-left .news-other p {display:block;height:30px;line-height:30px;padding-left:3px;} .news-show-right {float:right;width:27%;border:0!important;} .news-show-right dl {display:block;margin-top:0;margin-bottom:20px;background:#fff;border:0!important;} .news-show-right dl.tab dt {height:55px;line-height:55px;color:#1d1d1d;font-size:18px;} .news-show-right dl dt {margin:0 20px;display:block;height:55px;line-height:55px;position:relative;} .news-show-right dl.tab dd {/* height:520px;*/position:relative;} .news-show-right dl.tab dd ul {display:block;padding:0 20px;/* height:520px;*/} .news-show-right dl.tab dd ul li {display:block;padding:10px 0 10px;border-bottom:1px #eee solid;} .news-show-right dl.tab dd ul li:nth-child(7) {border-bottom:0;} .news-show-right dl.tab dd ul li h5 {padding-bottom:12px;font-size:14px;color:#333;display:block;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .news-show-right dl.tab dd ul li i {float:left;font-size:12px;color:#999;} .news-show-right dl.tab dd ul li em {float:right;padding-left:25px;width:30px;font-size:12px;color:#999;background:url(../images/eye.png) no-repeat left center;font-style:normal;} .news-show-right dl.tab dd .more_r {color:#333;height:45px;line-height:45px;border-top:1px #ddd solid;position:relative;top:-1px;text-align:center;} .news-show-right dl.tab dd .more_r a {display:inline-block;position:relative;color:#333;} .news-show-right dl {display:block;margin-top:0;margin-bottom:20px;background:#fff;} .news-show-right dl.list dt {color:#333;font-size:18px;margin-bottom:20px;} .news-show-right dl dt {display:block;height:55px;line-height:55px;position:relative;border-bottom:1px #dedede solid;} .gr-back-btn {margin-top:6px;width:125px;height:40px;line-height:40px;text-align:center;background-color:#353535;font-size:14px;color:#fff!important;} .gr-back-btn {margin-top:6px;width:125px;height:40px;line-height:40px;text-align:center;background-color:#696969;font-size:14px;color:#fff;position:relative;overflow:hidden;z-index:2;} .hvr-sweep-to-top {display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s;} .news-show-right dl.list dd ul li a {color:#666;font-size:12px;-webkit-transition:.2s;-o-transition:.2s;transition:.2s;} .news-show-right dl.list dd ul li i {display:inline-block;width:3px;height:3px;background-color:#666;margin-right:10px;margin-bottom:2px;border-radius:100px;} .news-show-right dl.list dd ul li {line-height:30px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:20px;padding-right:20px;} .news-show-right dl.tab dd ul li .pic {margin-right:14px;width:86px; overflow:hidden;position:relative;} .news-show-right dl.tab dd ul li .pic img{ width: 84px; height: 51px; } .list-cont {font-size:12px;padding:0 20px;line-height:20px;color:#999;padding-bottom:10px;} .nei_banner_tit {position:absolute;width:1400px;left:50%;margin-left:-700px;top:35%;overflow:hidden; padding-bottom: 20px;} .nei_banner_tit h2 {font-size:72px;color:#fff;text-transform:capitalize;height:44px;padding-top:12px;} .nei_banner_tit h3 {font-size:40px; line-height: 64px; color:#fff;} .nei_banner_tit h4 {font-size:20px;height:33px;color:#fff;margin-top:8px;} .nei_banner_tit i {display:block;width:1px;height:32px;background-color:#999; margin-left: 10px;} .page_top {width:100%;height:70px;line-height:70px;background-color:#fff;} .page_top_lanmu li {float:left;padding:0;margin:0;} .page_top_lanmu li a {display:inline-block;padding:0 25px;line-height:70px;font-size:20px;color:#333;transition:0.3s;} /* 中国办事处 图片切换 */ .slider {width:100%;min-width:1200px;height:615px;position:relative;overflow:hidden;background:#fff;text-align:center;} .slider .bd {width:1200px;position:absolute;left:50%;margin-left:-600px} .slider .bd li {width:1200px;overflow:hidden;} .slider .bd li img {display:block;width:1200px;height:615px;} .slider .tempWrap {overflow:visible !important} .slider .tempWrap ul {margin-left:-1200px !important;/*强制位置*/} .slider .hd {position:absolute;width:100%;left:0;z-index:1;height:8px;bottom:20px;text-align:center;} .slider .hd li {display:inline-block;*display:inline;zoom:1;width:8px;height:8px;line-height:99px;overflow:hidden;background:url(images/slider-btn.png) 0 -10px no-repeat;margin:0 5px;cursor:pointer;filter:alpha(opacity=60);opacity:0.6;} .slider .hd li.on {background-position:0 0;filter:alpha(opacity=100);opacity:1;} .slider .pnBtn {position:absolute;z-index:1;top:0;width:100%;height:615px;cursor:pointer;} .slider .prev {left:-50%;margin-left:-600px;} .slider .next {left:50%;margin-left:600px;} .slider .pnBtn .blackBg {display:block;position:absolute;left:0;top:0;width:100%;height:615px;background:#fff;filter:alpha(opacity=50);opacity:0.5;} .slider .pnBtn .arrow {display:block!important;position:absolute;top:0;z-index:1;width:81px;height:615px;opacity:1;} .slider .prev:hover .arrow {background:url(../images/h.png) no-repeat center;} .slider .next:hover .arrow {background:url(../images/h2.png) no-repeat center;} .slider .pnBtn .arrow:hover {filter:alpha(opacity=100);opacity:1;} .slider .prev .arrow {right:-40px;background:url(../images/left.png) no-repeat center;} .slider .next .arrow {left:-40px;background:url(../images/right.png) no-repeat center;} .container_2 { width: 1400px; margin: 0 auto; margin-top: 10px; position: relative;} /*左菜单*/ .sort_wrap { position: absolute; left: 0;} .subNavBox{ position: absolute; left: 0; width:200px; background: #fff; text-indent: 10px;} .subNav{ cursor:pointer; font-size:14px; color:#333; height: 50px;line-height:50px;padding-left:10px; background: url(../images/point.png) right no-repeat #fff; border-top:1px solid #eeeeee;} .subNav:hover{ background: url(../images/point_dw.png) right no-repeat #217cee; color: #fff;} .subNav2{ cursor:pointer; font-size:14px; color:#333; height: 50px;line-height:50px;padding-left:10px; background: url(../images/point.png) right no-repeat #fff; border-top:1px solid #eeeeee;} .subNav2:hover{ background: url(../images/point_on.png) right no-repeat #217cee; color: #fff;} .bd_tp {border-top:1px solid #fff;} .currentDd{color:#333;} .currentDt{ background: url(../images/point_dw.png) right no-repeat #217cee; color: #fff;} .navContent{display: none; background: #fff;} .navContent li a{display:block;width:200px; text-indent: 30px; height:45px;font-size:14px;line-height:45px;color:#333; background: url(../images/lj.png) left no-repeat #f2f5ff;} .navContent li a:hover{background: url(../images/lj_bg.png) left no-repeat #cfe6ff; color: #228cd9; font-weight: bold;} .navContent li a.on{background: url(../images/lj_bg.png) left no-repeat #cfe6ff; color: #228cd9; font-weight: bold;} .ce{display:block;width:240px; background: #fff;} .ce li{} .point_mu{margin-left: 110px;} .ce>li>a{padding: 16px 10px 16px 40px;color:#333;display:block;cursor:pointer; background: #fff; border-bottom: 1px solid #eee;} .ce>li>a:hover{ background: #217cee; color: #fff;} .ce li .dqian{background:none} .ce li .xz{ background: #217cee; color: #fff; text-decoration: none;} .er{display:none;width:240px; border-bottom: 1px solid #eee;} .er li{width:100%; /*height: 45px;*/ line-height: 44px;} .er>li>a{display:block;color: #333; padding-left: 55px;padding-right: 20px;font-size: 14px; background: url(../images/lj.png) 35px no-repeat #f9f9f9; border-bottom: 1px solid #f9f9f9;} .er .e_li a{background:url(../images/more.png) no-repeat 120px center;} .er li a:hover,.er li .sen_x{background: url(../images/lj_bg.png) 35px no-repeat #f9f9f9; color: #217cee; /*font-weight: bold;*/ border-bottom: 1px solid #217cee; text-decoration: none;} .er .e_li a:hover,.er .e_li .sen_x{background:url(../images/more.png) no-repeat 120px center rgb(253,83,49);} .thr{background:rgb(150,150,150);display:none;} .thr li{margin-bottom:1px;border-top: 1px solid rgb(180,180,180);position:relative;} .er .e_li .thr li a{background:none;} .er .e_li .thr li a:hover{background:rgb(249,152,49);} .er .e_li .thr li .xuan{background:rgb(249,152,49);} .more1{margin-left: 28px;margin-top: -4px;} .thr_nr{width:300px;position:absolute;top:0px;left:150px;z-index:10;border:1px solid rgb(201,201,201);display:none;} .thr_nr h3{font-weight:normal;font-size:18px;display:block;text-align:center;width:100%;padding:10px 0px;} .thr_nr img{width:100%;} .con_rt { background: #fff; margin-left: 242px; padding: 25px; min-height: 600px;} .small_title { border-left: 2px solid #217cee; font-size: 24px; text-indent: 10px; margin-bottom: 20px; clear: both;} .con_rt p {padding:0 20px;line-height:2.0; font-size: 16px;} .con_rt p span {} .con_rt img {padding-top:15px;padding-bottom:15px;} .con_rt p img {height:auto!important; max-width: 100%!important;} .pages {height:32px;line-height:32px;margin-top: 50px; margin-bottom: 100px; text-align:center;clear:both;} .pages a {background:#999;font-size:14px; display: inline-block; width: 32px; height: 32px; line-height: 32px; color:#fff;margin:0 7px;} .pages span,.pages a:hover { background:#217cee;color:#fff;font-size:14px;} .pages span { display: inline-block; width: 32px; height: 32px; line-height: 32px; margin:0 7px;font-size:14px;} .pages a.prev:before,.pages a.prev_disabled:before {content:"上一页";} .pages a.next:before,.pages a.next_disabled:before {content:"下一页";} .pages a.prev_disabled{width: 60px;} .pages a.next{width: 60px;} .pages a.prev{width: 60px;} .pages a.next_disabled{width: 60px;} /* 常见问题 */ .faq-list {border-top:1px solid #E4E4E4;} .faq-list li {border-bottom:1px solid #E4E4E4;} .faq-list .question {font-size:16px;height:62px;line-height:62px;color:#666;cursor:pointer;padding-left:20px;background:url(../images/zhengfangxing2.jpg) no-repeat 8px center;background-size:0.4%;} .faq-list li .question.on {color:#fff;background:#0ca7c5 url(../images/zhengfangxing.jpg) no-repeat 8px center;background-size:0.4%;} .faq-list .question .fa-dropdown {float:right;margin-top:15px;margin-right:20px;width:31px;height:31px;background:url(../images/icon-faq-open.png) no-repeat center;background-size:contain;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;} .faq-list .question.on .fa-dropdown {background:url(../images/icon-faq-close.png) no-repeat center;} .faq-list .answer {padding:15px 20px 20px;line-height:1.7;display:none;background-color:#f5f5f5;} .faq-list .answer p {line-height:2;font-size:14px;} .faq-list .answer p span {font-size:14px;background:none!important;} /* */.search {width:283px;height:38px;border:1px solid #dcdcdc;background-color:#fff;transition:0.3s;} .search .key {border:0;height:38px;line-height:38px;background:none;color:#666;width:228px;padding-left:13px;font-size:12px;transition:0.3s;} .search .key:focus {outline:none;border:0;} .search .sub:focus {outline:none;border:0;} .search .sub {width:38px;height:38px;background:url(../images/sousuo.png) no-repeat center;background-size:50%;} .sou {display:block;margin-top:21px;margin-left:28px;} .anniu {width:190px;height:40px;border:1px solid #217cee;padding:2px;margin-right:20px;} .anniu_nei {width:188px;height:38px;line-height:38px;text-align:center;border:1px solid #217cee;color:#217cee;display:block;transition:0.3s;} .anniu:hover .anniu_nei {background-color:#217cee;color:#fff;} input:-webkit-autofill {-webkit-box-shadow:0 0 0px 1000px white inset;} /*Search*/ .head-search {position:relative;margin-right:342px; float:right;font-size:0;text-align:center;} .head-search a {display:block; padding: 0 10px; width:19px;height:70px;line-height:70px;} .head-search a .icon-search {display:inline-block;width:100%;width:19px;height:19px;background:url(../images/sousuo2.png) no-repeat center;background-size:contain;vertical-align:middle;-webkit-transition:.5s;-o-transition:.5s;transition:.5s; opacity: 0.6;} .head-search a:hover .icon-search {background:url(../images/sousuo.png) no-repeat center;background-size:contain;-webkit-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg);} .head-search:hover .search-box {display:block;opacity:.9;visibility:visible;-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);} .search-box {position:absolute;right:-120%;top:70px;width:260px;background:#fff;padding:0px 0;z-index:999;opacity:0;text-align:left;box-shadow:0 0 3px rgba(0,0,0,0.2);visibility:hidden;-webkit-transform:translateY(10px);-ms-transform:translateY(10px);-o-transform:translateY(10px);transform:translateY(10px);-webkit-transition:.5s;-o-transition:.5s;transition:.5s;} .search-box .searchi_a { line-height:35px;padding:0 12px;outline:none;font-size:14px;width:72%;} .search-box .searchi_s { height:36px;padding:0 10px;background:#217cee;color:#fff;cursor:pointer;outline:none;font-size:14px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;} .search-box .searchi_s:hover {opacity:1;} /* 搜索 */ .search { width: 283px; height: 38px; border: 1px solid #dcdcdc; background-color: #fff; transition: 0.3s; } .search .key{ border: 0; height: 38px; line-height: 38px; background: none; color: #666; width: 228px; padding-left: 13px; font-size: 12px; transition: 0.3s; } .search .key:focus { outline:none; border: 0; } .search .sub:focus { outline:none; border: 0; } .search .sub{ width: 38px; height: 38px; background: url(../images/sousuo.png) no-repeat center; background-size: 50%;} .sou{ display: block; margin-top: 21px; margin-left: 28px; } .anniu{ width: 190px; height: 40px; border: 1px solid #1b1b1b; padding: 2px; margin-right: 20px; } .anniu_nei{ width: 188px; height: 38px; line-height: 38px; text-align: center; border: 1px solid #1b1b1b; color: #1b1b1b; display: block; transition: 0.3s; } .anniu:hover .anniu_nei{ background-color: #1b1b1b; color: #fff; } input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;} /* 百度地图 */#map {width:100%;height:580px;} #map img {width:auto!important;height:auto!important;} .BMapLib_SearchInfoWindow {left:127px;bottom:-266px;} .anniu {width:190px;height:40px;border:1px solid #217cee;padding:2px;margin-right:20px;} .anniu_nei {width:188px;height:38px;line-height:38px;text-align:center;border:1px solid #217cee;color:#217cee;display:block;transition:0.3s;} .anniu:hover .anniu_nei {background-color:#217cee;color:#fff;} /* 友情链接 */.link {float:left;position:relative;width:100%;padding-top:65px;} .link i {width:10px;height:7px;position:absolute;right:2px;top:7px;transition:300ms linear;-o-transition:300ms linear;-ms-transition:300ms linear;-webkit-transition:300ms linear;} .link:hover b i {transform:rotate(180deg);} .link-list {z-index:9999;float:left;width:80%;height:30px;overflow:hidden;} .link-list li a {height:36px;color:#787878;font-size:12px;text-align:center; line-height: 20px;} .link-list li a:hover {color:#da251d; padding-left: 0px;} .link-list li {float:left;} .link-list li a {color:#abacac;margin:0 8px;} .link-list li a:hover {color:#217cee;} .link h6 {float:left;font-size:12px;color:#abacac; padding-top: 2px;} /* 回到顶部 *//*客服*/.qqkefu {position:fixed;bottom:150px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop + 365));z-index:999;right:0;width:53px} .qqkefu ul li {height:47px;margin-bottom:1px;float:right;background:#999;line-height:47px;font-size:14px;cursor:pointer;opacity:0.9;position:relative} .qqkefu ul li:hover {background:#e9af1b;} .qqkefu ul li.top2 {color:#1c1c1c;font-weight:800;text-align:center;background:#999 url(../images/top_icon.png) no-repeat center;position:relative;width:53px;cursor:pointer;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;} .qqkefu ul li.top2:hover {background-color:#217cee;} /*返回顶部*/#to-top {display:inline-block;width:40px;height:40px;background:#666 url(../images/gotop.png) no-repeat center;background-size:80%;text-align:center;text-decoration:none;line-height:40px;z-index:999;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;} #to-top:hover {background-color:#333;} :-moz-placeholder {/* Mozilla Firefox 4 to 18 */ color:#999!important;opacity:1;} ::-moz-placeholder {/* Mozilla Firefox 19+ */ color:#999!important;opacity:1;} input:-ms-input-placeholder {color:#999!important;opacity:1;} input::-webkit-input-placeholder {color:#999!important;opacity:1;} .textarea::-webkit-input-placeholder {color:#999;} /* 3D旋转按钮 */.kacont2 {width:200px;height:50px;margin-right:20px;} .ka2 {width:200px;height:50px;cursor:pointer;padding:0;margin:0;} .ka2 div {height:100%;transform-style:preserve-3d;transition:0.25s;} .ka2:hover div {transform:rotateX(-90deg);} .ka2 span {left:0;width:100%;height:100%;position:absolute;box-sizing:border-box;line-height:50px;font-size:14px;text-align:center;text-transform:uppercase;} .ka2 span:nth-child(1) {color:#fff;background-color:#217cee;opacity:0.6;transform:translate3d(0,0,25px);} .ka2 span:nth-child(2) {color:#217cee;border:1px solid #217cee;opacity:0.6;transform:rotateX(90deg) translate3d(0,0,25px);} .ka2 span i {display:inline-block;padding-left:20px;} /* 内页banner */.nei_banner {width:100%;overflow:hidden;position:relative;} .nei_banner>img {width:100%;transform:matrix(1.05,0,0,1.05,0,0);-webkit-transform:matrix(1.05,0,0,1.05,0,0);-webkit-animation:minus 5s 0s ease both infinite;-moz-animation:minus 5s 0s ease both infinite;animation:minus 5s 0s ease both infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1;} /*缩小停止*/@-webkit-keyframes minus {from {-webkit-transform:matrix(1.05,0,0,1.05,0,0);transform:matrix(1.05,0,0,1.05,0,0);} to {-webkit-transform:matrix(1,0,0,1,0,0);transform:matrix(1,0,0,1,0,0);} } @keyframes minus {from {-webkit-transform:matrix(1.05,0,0,1.05,0,0);transform:matrix(1.05,0,0,1.05,0,0);} to {-webkit-transform:matrix(1,0,0,1,0,0);transform:matrix(1,0,0,1,0,0);} } /* 表单点击后的边框颜色 */input {outline-color:#dadada;-moz-outline-color:#dadada;-ms-outline-color:#dadada;-webkit-outline-color:#dadada;} textarea {outline-color:#dadada;-moz-outline-color:#dadada;-ms-outline-color:#dadada;-webkit-outline-color:#dadada;} /* 留言表单 */ .guest_box {width:100%;margin:0 auto;} li.error {position:relative;} .guest_box li {width:540px;line-height:40px;font-size:12px;color:#666;float:left;margin-bottom:10px;} .guest_box li .input {font-size:12px;border:1px solid #fff;width:510px;height:40px;line-height:40px;padding-left:30px;color:#666;background:#fff;background-color:#eee;} .guest_box li.error {} span.error {position:absolute;top:72px;left:0;color:#ff0000;font-size:12px;} .guest_box li .textarea {font-size:12px;width:510px;height:230px;border:1px solid #fff;padding-left:30px;padding-top:10px;color:#666;line-height:20px;background-color:#eee; } textarea {overflow:auto;} .guest_box .submit {width:198px;height:57px;margin:0 auto;margin-top:67px;background:none;display:block;color:#a8673f;font-size:16px;cursor:pointer;transition:0.3s; border: 1px solid #a8673f; } /* .guest_box .submit:hover {color:#fff;background-color:#a8673f;} */ .zxly .list_title2 {margin-bottom:65px;} .guest_box2 li {width:386px;margin-bottom:15px;} .guest_box2 li.error {margin-right:20px;} .guest_box2 .submit {width:145px;height:40px;} .biaodan li{ width: 24%;float: left; margin-right: 1%; line-height: 58px; height: 62px; border: 1px solid #dadada; } .biaodan li.m_r{ margin-right: 0px; } .biaodan li .input{outline: none; padding-left: 10%; width: 89.4%; line-height: 60px; height: 60px; background-color: #fff;} .biaodan li.text_error{ width: 99.5%; height: 285px; } .biaodan li.text_error textarea{outline: none; width: 97.4%; padding-left: 2.4%; padding-top: 20px; height: 263px; background-color: #fff;} .biaodan_con .submit{ margin: 0 auto; width: 300px; height: 74px; line-height: 74px; text-align: center; background-color: #333; color: #fff; margin: 0 auto; margin-top: 90px; margin-bottom: 105px; font-size: 18px; transition: 0.3s; position: relative; overflow: hidden; border: 0;} .biaodan_con .submit:hover{ color: #fff; background-color: #217cee; } /* 留言弹窗 */.vwrap {display:none;z-index:1040;width:100%;position:fixed;left:0;top:0;} .vwrap .videobtg {z-index:900;position:fixed;width:100%;height:100%;left:0;top:0;background:#000;opacity:0.7;filter:alpha(opacity=70);overflow:hidden;} .vwrap .videobox {z-index:990;padding:0 50px;width:1100px;height:770px;background:#fff url(../images/about.png) no-repeat right top; background-size: 14%; position:fixed;left:50%;top:50%;margin-top:-385px;margin-left:-600px;} .vwrap .videobox #videobox1{width:100%;display:inline-block;height:100%;background:#000;} #videobox_wrapper {height:100%!important;} .vwrap .close {z-index:999;width:24px;height:24px;cursor:pointer;position:absolute;top:-38px;right:-40px;} .vwrap .close i {display:block;width:24px;height:24px;background:url(../images/close.png) no-repeat 50% 50%;-webkit-transition:400ms;transition:400ms;} .vwrap .close:hover i {-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);} #videobox_display_button {background:none no-repeat!important;} .jwplayer .jwicon:hover {opacity:1;filter:alpha(opacity=100);} .jwlogo,.jwclick {display:none!important;} #videobox_controlbar {bottom:5%!important;} .videobox .guest_box li {margin-top:30px;width:48%;margin-bottom:0px;} .videobox .guest_box li.error {margin-right:36px;} .videobox .guest_box li .textarea {width:878px;padding-left:20px;} .videobox .guest_box .submit {margin-top:17px;} .videobox .guest_box {padding-top:25px;} /* 鼠标经过图片放大 */.main_pic {overflow:hidden;} .main_pic img {-webkit-transition:.8s;-o-transition:.8s;transition:.8s;} .main_pic img:hover {-webkit-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);} /* 飘入动画 */.piao {opacity:0;-ms-transform:translateY(50px);transform:translateY(50px);transition:transform 1s,opacity 1s;} .visible .piao {transform:none;opacity:1;} /* 弹窗视频 */ .vwrap2 {display:none;z-index:1040;width:100%;position:fixed;left:0;top:0;} .vwrap2 .videobtg2 {z-index:900;position:fixed;width:100%;height:100%;left:0;top:0;background:#000;opacity:0.7;filter:alpha(opacity=70);overflow:hidden;} .vwrap2 .videobox2 { z-index: 990; padding: 0 50px; width: 900px; height: 500px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -250px; margin-left: -500px;} .vwrap2 .videobox2 #videobox2{width:100%;display:inline-block;height:100%;background:#fff;} #videobox_wrapper {height:100%!important;} .vwrap2 .close2 {z-index:999;width:24px;height:24px;cursor:pointer;position:absolute;top:-38px;right:-40px;} .vwrap2 .close2 i {display:block;width:24px;height:24px;background:url(../images/close.png) no-repeat 50% 50%;-webkit-transition:400ms;transition:400ms;} .vwrap2 .close2:hover i {-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);} #videobox_display_button {background:none no-repeat!important;} .jwplayer .jwicon:hover {opacity:1;filter:alpha(opacity=100);} .jwlogo,.jwclick {display:none!important;} #videobox_controlbar {bottom:5%!important;} .tc-message2 .guest_box li .input {width: 408px;} .tc-message2 .guest_box2 li{ width: 440px; } .tc-message2 .guest_box2 li.text_error{ width: 100%; } .tc-message2 .guest_box li .textarea{ width: 868px; } .tc-message2{ padding-top: 20px; } .tc-message2 .guest_box .submit{ margin-top: 0px; background-color: #d53d3d; color: #fff; border: 0;} .tc-message2 .guest_box .submit:hover{ background-color: #217cee; color: #fff; border: 0;} .tc-message2 h3{font-size: 30px;color: #333;padding-top: 20px; padding-bottom: 20px; text-align: center; } .biaodan_con2{ padding: 0 18px; width: 164px;} .biaodan_con2 li{ width: 100%; } .biaodan_con2 li .input{ border: 1px solid #fff; width: 125px; padding-left: 35px; background-color: #fff;} .biaodan_con2 .submit{ font-size: 16px; margin-bottom: 20px; margin-top: 5px; width: 100%; height: 40px; line-height: 38px; border: 1px solid #fff; color: #fff; background: none; /* background-color: #fff; */} @media(max-width:1900px) { .banner .bannerbox li a > img{ width: auto!important; height: 100%!important; } } @media(max-width:1800px) { .wzjs_main3 img{ max-width: 100%; } } @media(max-width:1600px) { } /*@media screen and (min-width:1590px) and (max-width:1690px){ .banner .bannerbox li video{ width: auto; height: 100%; } }*/ @media(max-width:1550px) { .wrap{ width: 1200px; } .content{ margin-left: -600px; } .wrap1600{ width: 1200px; } .grzx_Vision_two_con2{ width: 600px;} .banner .flex-direction-nav{ width: 1200px; margin-right: -600px; } .banner .bannerbox li a > img{ width: 111%!important; left: 0!important; height: auto!important; } .banner .bannerbox li video{ width: 100%!important; } .banner{ height: 653px!important; } .banner .bannerbox li{ height: 110%; } .conlist li h3{ line-height: 60px; font-size: 40px; } .nei_banner_tit{ width: 1200px; margin-left: -600px; } /*.grzx_culture li{ background: url(../images/gswh_li_bg.png) no-repeat bottom center;background-size: 100% 93%; }*/ .qwyx_h3{ font-size: 40px; } .grzx_Vision_one h5{ font-size: 24px; } .grzx_Vision_two_con h5{ font-size: 24px; } .grzx_Vision_three .main_pic{ width: 50%; } .case_ul li .main_pic img{ width: 100%; } .muble{ right: 260px; } .shejigao p img{ padding-top: 50px; padding-bottom: 50px; max-width: 1200px; width: 90%;} .head_top h4{ display: none; } .head_top .logo{ background: none; } .counsel{ top: 120px; } .muble{ bottom: -164px; } } @media(max-width:1366px) { .container_2{ width: 1200px; } .banner .bannerbox li{ height: 100%!important; } .banner{ height: 520px!important; } .banner .bannerbox li video{ width: 100%!important; height: auto!important; } .conlist li h3{ line-height: 50px; font-size: 30px; } .banner .flex-direction-nav li a{ width: 60px; height: 60px; } .banner .flex-direction-nav li a.flex-prev{ background: url(../images/banner_left1.png) center no-repeat;} .banner .flex-direction-nav li a.flex-next{ background: url(../images/banner_right1.png) center no-repeat;} .banner .flex-direction-nav li a.flex-prev:hover{ background: url(../images/banner_left2.png) center no-repeat;} .banner .flex-direction-nav li a.flex-next:hover{ background: url(../images/banner_right2.png) center no-repeat;} .num{ bottom: 0px; } .muble{ width: 30px; right: 170px; height: 60px; } .grzx_grjj p{ line-height: 25px; } .grzx_grjj h3{ padding-top: 35px; } .vwrap .videobox{ height: 600px; margin-top: -300px; } .counsel{ top: 50px; } } @media(max-width:1360px) { } @media(max-width:1280px) { .sort_wrap { display: none;} .con_rt { background: #fff; margin-left: 0; padding: 20px; min-height: 600px;} .con_rt img{ width: 100%;} .banner{ height: 526px!important; } .banner .bannerbox li video{ width: 100%!important;} } @media(max-width:1200px) { .wrap{ width: 94%; margin: 0 3%; } .banner .flex-direction-nav{ width: 100%; right: 0px; margin-right: 0px; } .content{ left: 0%; } } @media (max-width: 768px) { .container_2{ width: 100%; } .lanmu ul{display: none;} .banner .flex-direction-nav .flex-nav-prev{left: 20px;width: 41px; height: 41px;} .banner .flex-direction-nav .flex-nav-next{right: 20px;width: 41px; height: 41px;} .banner .flex-direction-nav li a{width: 30px; height: 30px;} .content h3{padding:0 50px;} .conlist li h3{ line-height: 32px; font-size: 20px; } .grzx_main6{padding-top: 30px;} .footer{padding-top: 0px;} .footer_top{ display: none;} .footer_bottom{line-height: 32px;} .newslist ul{margin-top: 0px;} .newslist ul li .main_pic{width: 100%;} .news-views p { padding: 0px;} .news-show .news-other p {height: auto; line-height: 24px;} .con_rt p { padding: 0px;} .m2 ul{ width: 95%!important;} .m2 p img{ width: 100%;} .newslist ul li .w65{width: 100%;} .newslist ul li .d_month{font-size: 16px;} .qyry_ul li{width:95%;} .culture-list li{width: 100%;} .krtr_ul .krtr{width: 100%;} .com-pic-cont .pic{width: 100%;} .com-pic-cont .cont{width: 100%;} .com-pic-cont .cont .com-title{margin-bottom: 20px;} .com-pic-cont .cont .com-title .tit-cn{font-size: 20px!important;} .positioning-list ul li{width: 100%;} .smartcity .pl{width: 100%;} .smartcity .pr{width: 100%;} .smartcity .fl{width: 100%;} .smartcity .fr{width: 100%;} .smartcity .fl img{width: 100%;} .smartcity .fr img{width: 100%;} .card_js ul{width: 95%;margin-bottom: 10px;} .card_js ul li.tp{background: #f5f5f5 url(../images/gjnr-tit-bg.png) repeat-x 100% center;} .zhzgjj,.zhzgry,.zhdnjj,.zhdnjj img{width: 100%;} .lanmu{height: auto;} .body-wrap{ padding-top: 54px; } .nei_banner_tit{ width: 100%; margin-left: 0;left: 10%; } .grzx_contact_main2 {height: 480px!important; margin-bottom: 20px!important;} .grzx_contact_main1_left {padding-left: 20px; padding-top: 25px;} .grzx_contact_main1_left h4 {padding-bottom: 20px;} .grzx_contact_main1_left ul {margin-top: 20px;} .grzx_contact_main1_right{display: none;} .grzx_contact_main3_right_one {height: auto; padding: 20px;} .grzx_contact_main3_left{width: 100%;} .grzx_contact_main3_right{width: 100%;} } @media screen and (max-width: 1199px){ .menu-handler, .menuBox{ display: block; } .head_top h2{ display: none; } .head_top .fours{display: none;} .navbox{ display: none; } .head_top .logo{ background: none; } .head_top h4{ display: none; } .head_top .logo img{ max-height: 30px; padding-left: 25px; } .head_top{ height: 54px; line-height: 54px; } .head_top .wrap{ width: 100%; margin: 0px; } /*.new_ul2 li{ padding-right: 5%; } .new_ul2 li:hover .news_date{ margin-right: 12%; }*/ .grzx_main1_left{ width: 100%; text-align: center; } .grzx_main2_one_left .more{ margin-top: 60px; } .grzx_main1_left .more{ margin-top: 20px; margin-bottom: 50px; } .grzx_main1_right{ margin: 0 auto; float: inherit; text-align: center; } .banner {height: 465px!important;} .banner .bannerbox li a > img{ height: 100%!important; width: auto!important; } .footer_top ul{ margin-right: 5%; } } @media screen and (max-width: 650px){ .banner { height: 345px!important; } }