html{height:100%;/* margin-top:106px; */}
body{font-family:"microsoft yahei",Arial,Verdana; height:100%;}
@font-face {
font-family: din-bold;
src: url('../fonts/din-bold_.ttf');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family:helvetica;
src: url('../fonts/helvetica-light.otf');
font-weight: normal;
font-style: normal;
}
body, div, p, ul, ol, dl, dt, dd, li, form, input, table, img, h1, h2, h3, h4, h5, h6{margin:0;padding:0;font-weight:normal;}
img, a img{border:0 none;}
img.no_border{background:none;border:0 none;}
img {
border: 0;
height: auto;
/*width: 100%;*/
-ms-interpolation-mode: bicubic;
}
ul, ol{list-style-type:none;}
.fl{ float:left;}
.fr{ float:right;}
.clear{clear:both;height:0;line-height:0;font-size:0;visibility:hidden;overflow:hidden}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;zoom:1;}
.flex {display: flex;/* justify-content: space-between; */}
.tac { text-align:center }
.tar { text-align:right }
* html .clearfix {height: 1%;}
a:link, a:visited{color:#333;}
a:hover{color:#00a0e9;}
a:hover, a:active, a:link, a:visited{text-decoration:none;}
*,
*:after,
*:before {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.main{ width:100%; margin:0 auto;overflow:hidden;}
#head-pc{width:100%;/* padding:20px 0 0 0; */background-color: transparent;}
#head-pc .logo{ top:18px; position:absolute; left:78px;}
#head-pc .nav{
/* width: 1300px; */
margin: 0 0 0 auto;
position: relative;
overflow: hidden;
padding: 0 90px;
/* background-image: url(../images/nav-bg.png);
background-size: 100% 110px; */
}
#head-pc .nav ul{ float:right;}
#head-pc .nav ul li{float:left;font-size: 28px;text-align:center;padding: 35px;position:relative;}
#head-pc .nav ul li:last-child{padding-right: 0;}
#head-pc .nav ul li.hov a{ color:#e8351d;}
#head-pc .nav ul li a{display:block;color: #fff;}
#head-pc .nav ul li a:hover{ color:#e8351d;}
#head-pc .nav ul li label{ display:block; width:100%; margin:0 auto; text-align:center; font-size:13px; font-weight:normal; padding:5px 0;}
#head-pc .nav ul li i{
display: block;
margin: 0px auto 0 auto;
width: 0;
height: 2px;
background-color: #e8351d;
transition: all ease-out .2s;
-ms-transition: all ease-out .2s;
-moz-transition: all ease-out .2s;
-webkit-transition: all ease-out .2s;
-o-transition: all ease-out .2s
}
#head-pc .nav ul li:hover i { width:100%;}
#head-pc .nav ul li.hov i{
display: block;
margin: 0px auto 0 auto;
width: 50%;
height: 2px;
background-color: #e8351d;
}
#head-pc .nav ul li b{ position:absolute; top:1px; right:10px;}
#head-pc .code{ position:absolute; top:20px; right:40px;}
.i_nav_box{ width:100%; height:80px; line-height:80px; overflow:hidden; background-color:#f4f4f5;}
.i_nav{ width:1200px; margin:0 auto; overflow:hidden; }
.i_nav ul{ float:right;}
.i_nav ul li{ width:174px; float:left; font-size:22px; text-align:center; position:relative;}
.i_nav ul li a:hover{color:#e8351d;}
.i_nav ul li.hov a{color:#e8351d;}
.i_nav ul li.i_w{ width:100%; text-align:left;}
/*滚轮向上*/
.head-pc-scroll{position:absolute;/* background:#FFF; */width:100%;top:0px;left:0px;transition:top 0.3s;-webkit-transition:top 0.3s;-o-transition:top 0.3s;transition:top 0.3s;}
.head-pc-scroll-fiexd{width:100%;position:fixed;left:0px;top:0px;display:block;/* background:#FFF; */z-index:99999;}
#head2-pc{ transition:top 0.3s; -webkit-transition:top 0.3s; -o-transition:top0.3s; transition:top 0.3s;}
.index-sildebox{width:100%; position:relative;}
.index-sildebox .hd{width:100%; padding:0; position:absolute;bottom:10px;left:0; right:0px; margin:auto; z-index:100;}
.index-sildebox .hd ul{width:1200px;height:130px; padding:0px 0;margin:0 auto; text-align:center}
.index-sildebox .hd ul li{width:25%;height:140px;cursor:pointer; float:left; position:relative;}
.index-sildebox .hd ul li .circular{ width:145px; height:140px; position:absolute;margin:auto; left:0px; right:0px;border-radius:5px; background-color:#fff;filter:Alpha(Opacity=30);opacity:0.3;-moz-opacity:0.3;}
.index-sildebox .hd ul li.on .circular{ background-color:#e8351d;filter:Alpha(Opacity=85);opacity:0.85;-moz-opacity:0.85;}
.index-sildebox .hd ul li .content{ position:absolute;width:145px;margin:auto; left:0px; right:0px;}
.index-sildebox .hd ul li .content span{ width:63px; height:63px; margin:20px auto 0 auto; display:block; background-repeat: no-repeat;}
.index-sildebox .hd ul li .content span.i1{background-position: -50px -50px; }
.index-sildebox .hd ul li .content span.i2{background-position: -46px -50px;}
.index-sildebox .hd ul li .content span.i3{background-position: -43px -50px;}
.index-sildebox .hd ul li .content span.i4{background-position: -50px -50px;}
.index-sildebox .hd ul li .content label{ color:#fff;}
.index-sildebox .hd { display: flex; justify-content: center; }
.index-sildebox .hd .dot { width: 10px; height: 10px; margin: 10px; border-radius: 50%; background-color: #fff; cursor: pointer; }
.index-sildebox .hd .dot.on { background-color: #e8351d; }
.index-sildebox .prev, .index-sildebox .next { position: absolute; top: 50%; color: #fff; z-index: 100;font-size: 80px; margin-top: -1em;line-height: 1; cursor: pointer;}
.index-sildebox .prev { left: 90px; }
.index-sildebox .next { right: 90px; }
.index-sildebox .hd ul li .li{width:100%;height:100%;}
.index-sildebox .hd ul li div { background-position: center center; background-repeat: no-repeat; }
.index-sildebox .hd ul li .li-on{ display:none}
.index-sildebox .hd ul li label{ color:#fff; font-size:20px; padding-top:10px;}
.index-sildebox .hd ul li.on .li{ display:none;}
.index-sildebox .hd ul li.on .li-on{ display:block;}
.index-sildebox .hd ul li.on label{ color:#fff;font-size:20px;padding-top:10px;}
.index-sildebox .bd{ position:relative; z-index:90;}
.index-sildebox .bd ul li:nth-child(1){ilter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
.index-sildebox .bd li{height:909px;}
.index-sildebox .bd li a{position:absolute; left:0px; top:0px; width:100%; height:100%;}
.innovation{ width:1200px; position:relative; padding-bottom:70px; margin:0 auto; overflow:hidden;}
.innovation h1{ width:100%; height:200px; line-height:200px; text-align:center;color:#343535; font-size:30px; position:relative;}
.innovation h1:after{border-bottom:2px solid #e8351d; position: absolute;width:11%; top:135px; left:45%;background-color: #ececec;content: "";}
.innovation h2{ font-size:20px; text-align:center; line-height:30px;}
.brand_list{ width:1200px;margin:100px auto 0 auto; overflow:hidden;}
.brand_list ul{}
.brand_list ul li{ float:left; height:275px; position:relative;background-position: center top;background-repeat: no-repeat;}
.brand_list ul li.r1:after{ position: absolute;width:200px; height:200px; top:0px; left:0px; right:0px; margin:auto;content: "";}
/*.brand_list ul li:after{border:3px solid #e8351d;border-radius:115px; position: absolute;width:200px; height:200px; top:0px; left:0px; right:0px; margin:auto;content: "";}*/
.brand_list ul li label{ font-size:61px; font-weight:bold; text-align:center; display:block; margin-top:61px; color:#343535;font-family:"din-bold";}
.brand_list ul li span{ display:block; text-align:center; font-size:22px; color:#262626; margin-top:84px;}
/* 表单 */
.form_box{
text-align: center;
}
.form_box h3{
padding-top: 50px;
font-size: 36px;
}
.form_box h4{
padding-top: 20px;
font-size: 30px;
}
.form_box p{
padding-top: 20px;
font-size: 30px;
text-align: center;
color: #e8351d;
line-height: 45px;
font-weight: bolder;
}
.form_box form{
width: 1000px;
margin: 50px auto;
}
.form_box form .row .form-group{
padding-left: 5px;
padding-right: 5px;
}
/*按钮*/
.more_btn{width:50%;margin:auto;position:absolute;left:0px;right:0px;bottom:20px;text-align: center;}
.more_btn a{font-size:20px; text-align:center; border:1px solid #e8351d; color:#e8351d; padding:5px 20px; border-radius:20px;
-webkit-transition: all .25s ease;
transition: all .25s ease;}
.more_btn a:hover {
border-color: transparent;
background-color: #e8351d;
color: #fff;
}
/*白色按钮*/
.white_btn{ width:50%; position:absolute; left:0px; right:0px; bottom:20px; margin:auto;text-align:center;
-webkit-transition: all .25s ease;
transition: all .25s ease;
}
.white_btn a{color:#fff;font-size:20px; text-align:center; border:1px solid #fff; color:#fff; padding:5px 20px; border-radius:20px;}
.white_btn a:hover {
border-color: transparent;
background-color: #e8351d;
color: #fff;
}
.white_btn a:hover{ color:#fff;}
/*灰色按钮*/
.gray_btn{ width:50%; position:absolute; left:0px; right:0px; bottom:20px; margin:auto;text-align:center;
-webkit-transition: all .25s ease;
transition: all .25s ease;
}
.gray_btn a{color:#fff;font-size:20px; text-align:center; border:1px solid #5a5554; color:#5a5554; padding:5px 20px; border-radius:20px;}
.gray_btn a:hover {
border-color: transparent;
background-color: #e8351d;
color: #fff;
}
.gray_btn a:hover{ color:#fff;}
.center_box{ width:100%; margin:0 auto; overflow:hidden;}
.center_box .center{ width:1200px; margin:0 auto; font-style:normal; position:relative;overflow:hidden;}
.center_box .center .foot_txt{
padding-top: 10px;
line-height: 1.6;
font-size: 14px;
}
/* 轮播图*/
.carousel-control.left,.carousel-control.right{ font-size:80px;}
.carousel-control.left img,.carousel-control.right img{ position:absolute; top:50%;}
.carousel-inner .b_nav{ width:465px; margin:0 auto; padding-top:450px; overflow:hidden;}
.carousel-inner .b_nav ul{ margin-left:-1px;}
.carousel-inner .b_nav ul li{ padding:0 15px; font-size:20px; color:#fff; margin:0 auto; display:inline-block; text-align:center;border-left:1px solid #fff;}
.carousel-inner .describe{ width:930px; font-size:20px; text-align:center; line-height:25px; color:#fff; line-height:35px; margin-top:20px;}
.carousel-inner .more_btn{border:1px solid #fff;}
.carousel-inner .more_btn a{color:#fff;}
.carousel-inner .more_btn:hover {
border-color: transparent;
background-color: #00a0e9;
color: #fff;
}
.carousel-inner .more_btn:hover a{ color:#fff;}
.brand{ min-height:inherit; padding:20px 0; background-color:#fff;}
#showMore a{ display:block;}
.carousel-indicators .active{ background-color:#e8351d;}
/*定义背景色*/
.gray_bg{ background-color:#eee;}
.red_bg{ background-color:#e9351e;}
.team_bg{ background-color:#e83820;}
.orange_bg{ background-color:#f8b500;}
.gray_bg_s{ background-color:#f7f7f7;}
.add_b_c{ background-color:#e8351d;}
.center h1{ padding:70px 0 0px 0; color:#6f6f6f; font-size:18px;}
.center h2{ font-size:37px; /*padding:10px 0*/; color:#343535;}
.center h3{ font-size:20px; color:#272727; margin-top:20px; padding-bottom:10px; line-height:30px;}
.center h1,.center h2,.center h3{ text-align:center;}
.round{ width:1200px; margin:0 auto; margin-top:80px; margin-bottom:70px; overflow:hidden;}
.round ul{ }
.round ul li{ float:left;}
.round ul li label{ width:170px; height:170px; display:block; margin:0 auto; border-width:1px; border-style:solid; border-radius:130px; background-color:#e8351d;
-ms-transition: all .45s ease;
-moz-transition: all .45s ease;
-webkit-transition: all .4s ease;
-o-transition: all .45s ease;
transition: all .45s ease;
}
.round ul li label.r_1{border-color:#e8351d;}
.round ul li label.r_2{border-color:#e8351d;}
.round ul li label.r_3{border-color:#e8351d;}
.round ul li label.r_4{border-color:#e8351d;}
.round ul li label.r_5{border-color:#e8351d;}
.round ul li label.r_6{border-color:#e8351d;}
.round ul li label.r_7{border-color:#e8351d;}
.round ul li label.r_8{border-color:#e8351d;}
.round ul li label.r_9{border-color:#e8351d;}
.round ul li label.r_10{border-color:#e8351d;}
.round ul li:hover label{
-ms-transition: all .45s ease;
-moz-transition: all .45s ease;
-webkit-transition: all .45s ease;
-o-transition: all .45s ease;
transition: all .45s ease;
}
.round ul li:hover label.r_1{border-color:#e8351d; background-color:#e8351d;}
.round ul li:hover label.r_2{border-color:#e8351d; background-color:#2555a5;}
.round ul li:hover label.r_3{border-color:#e8351d; background-color:#e8351d;}
.round ul li:hover label.r_4{border-color:#e8351d; background-color:#e8351d;}
.round ul li:hover label.r_5{border-color:#e8351d; background-color:#e8351d;}
.round ul li:hover label.r_6{border-color:#e8351d; background-color:#e8351d;}
.round ul li:hover label.r_7{border-color:#e8351d; background-color:#e8351d;}
.round ul li:hover label.r_8{border-color:#e8351d; background-color:#e8351d;}
.round ul li:hover label.r_9{border-color:#e8351d; background-color:#e8351d;}
.round ul li:hover label.r_10{border-color:#e8351d; background-color:#e8351d;}
.round ul li h1{ padding:45px 0 0 0; color:#00a0e9; font-size:20px; font-weight:bold;}
.round ul li h2{ padding:45px 0 0 0; color:#00a0e9; font-size:18px; color:#3f3a31;}
.f_b ul li label{border-width:8px}
.r_1 ul li label{ position:relative;background-image: url(../images/round_icon1.png); background-repeat: no-repeat;}
.r_1 ul li:hover label{
-ms-transition: all .45s ease;
-moz-transition: all .45s ease;
-webkit-transition: all .45s ease;
-o-transition: all .45s ease;
transition: all .45s ease;
}
.r_1 ul li:hover label.r_1{border-color:#e8351d;background-color:#fff;}
.r_1 ul li:hover label.r_2{border-color:#e8351d;background-color:#fff;}
.r_1 ul li:hover label.r_3{border-color:#e8351d;background-color:#fff;}
.r_1 ul li:hover label.r_4{border-color:#e8351d;background-color:#fff;}
.r_1 ul li:hover label.r_5{border-color:#e8351d;background-color:#fff;}
.r_1 ul li:hover label.r_6{border-color:#e8351d;background-color:#fff;}
.r_1 ul li:hover label.r_7{border-color:#e8351d;background-color:#fff;}
.r_1 ul li:hover label.r_8{border-color:#e8351d;background-color:#fff;}
.r_1 ul li:hover label.r_9{border-color:#e8351d;background-color:#fff;}
.r_1 ul li:hover label.r_10{border-color:#e8351d;background-color:#fff;}
.r_1 ul li label:before{ position:absolute; left:0px; right:0px; bottom:0px; top:0px; border-radius:80px;content:""; z-index:9999;
border: 3px solid #ff3300;
opacity:0;
-webkit-opacity:0;
-moz-opacity:0;
-moz-transform: scale(0.0);
-webkit-transform: scale(0.0);
transform: scale(0.0);
transition: opacity 1s, transform 1s;
-webkit-transition: opacity 1s, transform 1s;
-moz-transition: opacity 1s, transform 1s;
}
.r_1 ul li:hover label:before{
border-width:1px; border-style:solid;
opacity: 1;
-webkit-opacity: 1;
-moz-opacity: 1;
-moz-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
transition: opacity 0.3s, transform 1s;
-webkit-transition: opacity 0.3s, transform 1s;
-moz-transition: opacity 0.3s, transform 1s;
}
.r_1 ul li:hover label.r_1:before{border-color:#e8351d;}
.r_1 ul li:hover label.r_2:before{border-color:#e8351d;}
.r_1 ul li:hover label.r_3:before{border-color:#e8351d;}
.r_1 ul li:hover label.r_4:before{border-color:#e8351d;}
.r_1 ul li:hover label.r_5:before{border-color:#e8351d;}
.r_1 ul li:hover label.r_6:before{border-color:#e8351d;}
.r_1 ul li:hover label.r_7:before{border-color:#e8351d;}
.r_1 ul li:hover label.r_8:before{border-color:#e8351d;}
.r_1 ul li:hover label.r_9:before{border-color:#e8351d;}
.r_1 ul li:hover label.r_10:before{border-color:#e8351d;}
.r_1 ul li label b{ width:128px; height:50px; display:block; margin:30px auto 0 auto;background-image:url(../images/union_icon.png); background-repeat:no-repeat;
-ms-transition: all 1s ease;
-moz-transition: all 1s ease;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.r_1 ul li label b.p1{background-position: 45px 0px;}
.r_1 ul li label b.p2{background-position: -169px 0px;}
.r_1 ul li label b.p3{background-position: -434px 0px;}
.r_1 ul li label b.p4{background-position: -644px 0px;}
.r_1 ul li label b.p5{background-position: -868px 0px;}
.r_1 ul li label b.p6{background-position: -1130px 0px;}
.r_1 ul li:hover label b{background-image:url(../images/union_icon1.png); background-repeat:no-repeat;
-ms-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.r_1 ul li:hover label b.p1{background-position: 45px 0px;}
.r_1 ul li:hover label b.p2{background-position: -169px 0px;}
.r_1 ul li:hover label b.p3{background-position: -434px 0px;}
.r_1 ul li:hover label b.p4{background-position: -644px 0px;}
.r_1 ul li:hover label b.p5{background-position: -868px 0px;}
.r_1 ul li:hover label b.p6{background-position: -1130px 0px;}
.r_1 ul li h1{ color:#fff; font-size:24px; font-weight:normal; padding-top:5px;}
.r_1 ul li:hover h1{ color:#e8351d;}
.r_1 ul li h2{color:#fff; font-size:12px; font-weight:normal; padding-top:5px;}
.r_1 ul li:hover h2{ color:#e8351d;}
.r_fours{ padding-bottom:0px;}
.r_fours ul li{ float:left;}
.r_fours ul li label{ background-color:#fff;}
.r_fours ul li label h1{ color:#e8351d; padding-top:0px;}
.r_fours ul li label h2{ color:#e8351d;}
.r_fours ul li:hover label{ background-color:#e8351d !important;}
.r_fours ul li:hover label h1{ color:#fff;}
.r_fours ul li:hover label h2{ color:#fff;}
.r_fours ul li label b{ width:65px; height:65px; background-image:url(../images/service_icon.png);}
.r_fours ul li:hover label b{background-image:url(../images/service_icon1.png);}
.r_fours ul li label b.p7{background-position: -3px 6px;}
.r_fours ul li:hover label b.p7{background-position: -3px 6px;}
.r_fours ul li label b.p8{background-position: -249px 7px;}
.r_fours ul li:hover label b.p8{background-position: -249px 7px;}
.r_fours ul li label b.p9{background-position: -485px 7px;}
.r_fours ul li:hover label b.p9{background-position: -485px 7px;}
.r_fours ul li label b.p10{background-position: -737px 7px;}
.r_fours ul li:hover label b.p10{background-position: -737px 7px;}
.t_line{/* border-top:1px solid #7c7c7d; */}
.tsn500 {
transition: all 500ms;
-o-ransition: all 500ms;
-ms-transition: all 500ms;
-moz-transition: all 500ms;
-webkit-transition: all 500ms;
}
.p_list{ width:100%; margin:50px auto 70px auto; overflow:hidden;}
.p_list .b_c1{ background-color:#bd2725;}
.p_list .b_c2{ background-color:#eb7f29;}
.p_list .b_c3{ background-color:#f8b500;}
.p_list .b_c4{ background-color:#19499d;}
.p_list ul{ overflow:hidden;}
.p_list ul li{ min-height:300px; float:left;}
.p_list ul li .l_t,.p_list ul li .l_f{ width:300px; height:300px;}
.p_list ul li .l_t{ position:relative;}
.p_list ul li .l_t .e_box{ width:95%; height:40px; margin:0 auto; position:absolute; top:5%; left:5%;}
.p_list ul li .l_t .e_box h1{ font-size:14px; font-weight:normal; color:#fff; padding:2px 0px; text-align:left;}
.p_list ul li .l_t .t_box{width:95%; height:70px; margin:0 auto; position:absolute; bottom:5%; left:5%;}
.p_list ul li .l_t .t_box h1,.p_list ul li .l_t .t_box h2{text-align:left; padding:0px; color:#fff;}
.p_list ul li .l_t .t_box h1{ font-size:30px; padding:5px 0; font-weight:bold; }
.p_list ul li .l_t .t_box h2{ font-size:18px; }
.p_list ul li .l_t .t_box b{ width:31px; height:31px; position:absolute; right:34px; bottom:10px; display:block;background-image: url(../images/cir_icon.png); background-repeat: no-repeat;}
.p_list ul li .l_t .t_box b.i_b{background-position: 0 0px;}
.p_list ul li.flip .l_t .e_box{ bottom:5%; top:auto;}
.p_list ul li.flip .l_t .t_box{ top:5%; bottom:auto; }
.p_list ul li.flip .l_t .t_box .i_b{background-position: -83px 0px;}
.p_list ul li .l_pic{ position:relative; width:300px; height:300px;}
.p_list ul li .l_pic img {
display: block;
width: 100%;
}
.p_list ul li .l_pic .mask {
opacity: 0;
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
color: #fff;
cursor: pointer;
}
.p_list ul li .l_pic:hover .mask {
opacity: 1;
}
.p_list ul li .l_pic .mask .mask-img {
display: block;
width: 100%;
height: 100%;
}
.s_w{width:1200px; margin:0 auto; overflow:hidden;}
.space{width:1200px; min-height:750px; position:relative;background-image:url(../images/public_b1.jpg); background-position:center center; background-size:cover;}
.design_c{width:1200px; min-height:750px; position:relative;background-image:url(../images/public_b2.jpg); background-position:center center; background-size:cover;}
.index_b1{ min-height:750px; position:relative;background-image:url(../images/index_b1.jpg); background-position:center center; background-size:cover;}
.white_c h1,.white_c h2,.white_c h3{ color:#fff; line-height:25px;}
.city_design{ width:100%; min-height:700px; position:relative;background-image:url(../images/innovation_b.jpg); background-position:center center; background-size:cover;}
.ridc{ width:100%; min-height:615px; position:relative;background-image:url(../images/ridc.jpg); background-position:center center; background-size:cover;}
.diffuse{ width:100%; min-height:700px; position:relative;background-image:url(../images/diffuse.jpg); background-position:center center; background-size:cover;}
.about_b{ width:100%; min-height:700px; position:relative;background-image:url(../images/about_b.jpg); background-position:center center; background-size:cover;}
.union_b{ width:100%; min-height:750px; position:relative;background-image:url(../images/union_b.jpg); background-position:center center; background-size:cover;}
.customer_box{width:100%;/* background-color:#f3f3f3; */position:relative;}
.customer_box .customer{ width:1200px; margin:0 auto;}
.customer_box .customer h1{ width:100%; height:200px; line-height:200px; text-align:center;color:#e8351d; position:relative;}
.customer_box .customer h1:after{border-bottom:2px solid #e8351d; position: absolute;width:11%; top:135px; left:45%;background-color: #ececec;content: "";}
.customer_box .customer_list{/* width:1200px; */margin:0 auto;overflow:hidden;}
.customer_box .customer_list ul{}
.customer_box .customer_list ul li{ float:left; width:20%; height:92px;margin-bottom:30px; text-align:center;}
.p_top{ padding:30px 0 60px 0; height:auto; min-height:inherit;}
.manage_box{width:100%; min-height:350px; margin:0 auto; position:relative; overflow:hidden;}
.manage_box .manage_list{ width:1200px; margin:40px auto 0 auto; padding-bottom:40px; overflow:hidden;}
.manage_box .manage_list ul{}
.manage_box .manage_list ul li{ float:left;min-height:300px;}
.manage_box .manage_list ul li span{ display:block; overflow:hidden; margin-top:20px;}
.manage_box .manage_list ul li img{ width:100%; margin:0 auto; text-align:center;}
.manage_box .manage_list ul li b{ display:block; float:left; width:2%; height:30px; background-color:#e8351d;}
.manage_box .manage_list ul li h1{ float:left; width:96%; font-size:14px; font-weight:bold; margin-left:2%;}
.manage_box .manage_list ul li h2{ float:left; width:96%;font-size:14px; font-weight:normal;margin-left:2%;}
/*新闻部分*/
.manage_box .news_list{ width:1200px; margin:10px auto 70px auto;overflow:hidden;}
.manage_box .news_list ul{ margin-left:-1%;}
.manage_box .news_list ul li{ float:left; width:32.333%; min-height:300px; margin-left:1%; margin-top:2%;}
.manage_box .news_list ul li span{ display:block; overflow:hidden; margin-top:20px;}
.manage_box .news_list ul li img{ width:100%; margin:0 auto; text-align:center;}
.manage_box .news_list ul li b{ display:block; float:left; width:2%; height:38px; background-color:#e8351d;}
.manage_box .news_list ul li h1{ float:left; width:96%; font-size:14px; font-weight:bold; margin-left:2%;}
.manage_box .news_list ul li h2{ float:left; text-align:left; width:96%;font-size:14px; padding:0px; font-weight:normal;margin-left:2%;}
.manage_box .case_list{ width:1200px; margin:10px auto 70px auto;overflow:hidden;}
.manage_box .case_list ul{ margin-left:-1%;}
.manage_box .case_list ul li{ float:left; width:24%; min-height:300px; margin-left:1%; margin-top:2%;}
.manage_box .case_list ul li span{ display:block; overflow:hidden; margin-top:15px;}
.manage_box .case_list ul li img{ width:100%; margin:0 auto; text-align:center;}
.manage_box .case_list ul li b{ display:block; float:left; width:2%; height:38px; background-color:#e8351d;}
.manage_box .case_list ul li h1{ float:left; width:96%; font-size:14px; font-weight:bold; margin-left:2%;}
.manage_box .case_list ul li h2{ float:left; text-align:left; width:96%;font-size:14px; padding:0px; font-weight:normal;margin-left:2%;}
.manage_box .case_list.case_box ul li h2{
text-align: center;
font-size: 20px;
width: 100%;
text-align: center;
margin: 0;
line-height: 1.5;
}
/* page start */
.page{
text-align: center;
margin: 10px auto 40px;
}
.page .center_page {
display: inline-block;
}
.page .center_page a {
box-sizing: border-box;
color: #000000;
font-size: 13px;
display: inline-block;
border: 1px solid #cccccc;
padding: 10px 15px;
margin: 0 4px;
letter-spacing: 0.5px;
/* background-color: #f0f0f0; */
border-radius: 2px;
}
.page .center_page a:hover,
.page .center_page .page-num-current {
background-color: #e8351d;
color: white;
border: 1px solid #e8351d;
}
.page .center_page p {
display: inline-block;
margin: 0 25px 0 16px;
}
.page .center_page select {
display: inline-block;
box-sizing: border-box;
margin-top: -3px;
height: 30px;
border: 1px solid rgb(169, 169, 169);;
}
/* page end */
.share{ width:60%; padding-left:1%; overflow:hidden;}
.share ul{ margin-left:-15px;}
.share ul li{ float:left; margin-left:15px; }
.share ul li b{width:60px; height:60px;display:block;background-image: url(../images/share.png);background-repeat: no-repeat;}
.share ul li b.i1{background-position: -15px -5px;}
.share ul li b.i2{background-position: -75px -5px;}
.share ul li b.i3{background-position: -135px -5px;}
.share ul li b.i4{background-position: -197px -5px;}
.btn_box{ width:40%; height:65px; overflow:hidden; position:relative; }
.btn_box .more_btn{ width:40%; margin:10px 0 0 0; float:right;border-radius:0px;}
.btn_box .more_btn,.btn_box .more_btn a{ color:#fff;}
.btn_box .more_btn{ width:100%; margin:auto;position:absolute; left:0px; right:0px; bottom:20px; text-align:right;
}
.btn_box .more_btn a{font-size:20px; text-align:center; border:1px solid #fff; color:#fffs; padding:5px 20px; border-radius:0px;
-webkit-transition: all .25s ease;
transition: all .25s ease;}
.btn_box .more_btn a:hover a { border:1px solid #fff;
border-color: transparent;
background-color: #e8351d;
color: #fff;
}
.add_p{ padding:30px 0;}
.address{ width:100%; float:left; padding:50px 0;}
.address ul{}
.address ul li{ float:left; padding:0px;color:#fff;}
.address ul li h1{ font-size:24px; font-weight:bold; margin:20px 0; padding:0px; text-align:left; color:#fff;}
.address ul li h2{ font-size:18px; line-height:35px;text-align:left; color:#fff; width:100%; padding:5px 0;}
.address ul li .a_name{ width:90%; height:60px;}
.f_nav{ width:100%; margin:8px auto 0 auto; position:relative; overflow:hidden; }
.f_nav ul{ float:left; margin-left:-25px;}
.f_nav ul li{ float:left; font-size:16px; text-align:center; padding:20px 28px; position:relative; }
.f_nav ul li a{ display:block; color:#e8351d;}
.f_nav ul li:hover a{ color:#fff;}
.f_nav ul li i{
display: block;
margin: 5px auto 0 auto;
width: 0;
height: 2px;
background-color: #fff;
transition: all ease-out .2s;
-ms-transition: all ease-out .2s;
-moz-transition: all ease-out .2s;
-webkit-transition: all ease-out .2s;
-o-transition: all ease-out .2s
}
.f_nav ul li:hover i { width:100%;}
.f_nav ul li.hov i{
display: block;
margin: 5px auto 0 auto;
width: 50%;
height: 2px;
background-color: #fff;
}
.f_nav ul li b{ position:absolute; top:1px; right:10px;}
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{ padding:0px;}
.record{ line-height:75px; color:#e8351d; text-align:right; font-size:16px;}
.record a{ color:#e8351d;}
.gotop{ width:60px; height:61px; display:block; position:fixed; right:30px;bottom:30px;background-image: url(../images/top.png); background-repeat: no-repeat;background-position: 0 0; z-index:9999;}
/*二级关于我们*/
.a_b_bg{ min-height:752px; position:relative; background-color:#e8351d;}
.a_banner{ width:1200px; margin:0 auto; padding-top:112px;}
.a_banner h1{ font-size:36px;border-bottom:1px solid #fff; font-weight:bold; line-height:75px;}
.a_banner h2{ font-size:18px; line-height:30px; padding-top:30px;}
.a_banner h3{ font-size:30px; padding:70px 0; line-height:40px;}
.a_banner h1,.a_banner h2,.a_banner h3{color:#fff;}
.describe{ width:1200px; margin:0 auto; padding:20px 0; overflow:hidden;}
.describe h1{ font-size:23px; font-weight:normal; text-align:center; padding:12px 0;}
.s_list{ width:1200px; margin:0 auto; padding:90px 0 50px 0; overflow:hidden;}
.s_list ul{}
.s_list ul li{ float:left; }
.s_list ul li label{ width:105px; height:105px; display:block; position:relative; margin:0 auto; border-width:1px; border-style:solid; border-radius:130px; background-color:#e8351d;border:2px solid #fff;
-ms-transition: all .45s ease;
-moz-transition: all .45s ease;
-webkit-transition: all .4s ease;
-o-transition: all .45s ease;
transition: all .45s ease;
}
.s_list ul li label:before{ position:absolute; left:0px; right:0px; bottom:0px; top:0px; border-radius:80px;content:""; z-index:9999;
border:1px solid #fff;
opacity:0;
-webkit-opacity:0;
-moz-opacity:0;
-moz-transform: scale(0.0);
-webkit-transform: scale(0.0);
transform: scale(0.0);
transition: opacity 1s, transform 1s;
-webkit-transition: opacity 1s, transform 1s;
-moz-transition: opacity 1s, transform 1s;
}
.s_list ul li label:hover:before{
border-width:1px; border-style:solid; border-color:#fff;
opacity: 1;
-webkit-opacity: 1;
-moz-opacity: 1;
-moz-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
transition: opacity 0.3s, transform 1s;
-webkit-transition: opacity 0.3s, transform 1s;
-moz-transition: opacity 0.3s, transform 1s;
}
.s_list ul li label i{width:54px; height:54px; margin:20px auto 0 auto;display:block;background-image: url(../images/service_icon1.png);background-repeat: no-repeat; background-size:644px 45px;
-ms-transition: all 1s ease;
-moz-transition: all 1s ease;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.s_list ul li label:hover i{
-ms-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.s_list ul li label i.i1{background-position: -2px 6px;}
.s_list ul li label i.i2{background-position: -198px 7px;}
.s_list ul li label i.i3{background-position: -386px 7px;}
.s_list ul li label i.i4{background-position: -589px 7px;}
.s_list ul li h1{ text-align:center;font-size:24px; font-weight:bold; text-align:center; display:block; margin-top:30px; color:#fff;}
.s_list ul li h2{ text-align:center; font-size:12px;font-weight:normal; text-align:center;color:#fff; margin-top:15px; }
.t_text .center h1,.t_text .center h2,.t_text .center h3{ color:#fff;}
.t_text .center h3{ font-size:24px;}
.t_text .manage_list ul li span b{ background-color:#fff;}
.t_text .manage_list ul li span h1,.t_text .manage_list ul li span h2{ color:#fff;}
.c_t_bg{min-height:600px; position:relative;background-image:url(../images/a_banner_2.jpg); background-position:center center; background-size:cover;}
.creative_t{ width:1200px; margin:0 auto; margin-top:130px; overflow:hidden; position:relative;}
.creative_t h1{ font-size:18px; text-align:center; color:#fff;}
.creative_t h2{ width:100%; height:80px; line-height:55px; text-align:center;color:#fff; font-size:36px; position:relative;}
.creative_t h2:after{border-bottom:2px solid #fff; position: absolute;width:8%; top:64px; left:46%;background-color: #ececec;content: "";}
.creative_t h3{ font-size:20px; text-align:center; line-height:36px; padding-top:40px; color:#fff;}
/* .s_customer{ min-height:600px;} */
.s_customer h1,.s_customer h2,.s_customer h3{ color:#272727;}
.s_customer b{ width:86px; height:35px; position:absolute; display:block; margin:auto;bottom:70px; left:0px; right:0px;background-image:url(../images/down_point.png); background-position:center center;}
.award h2:after{border-bottom:2px solid #e8351d; position: absolute;width:8%; top:64px; left:46%;background-color: #ececec;content: "";}
.award b{ width:86px; height:35px; position:absolute; display:block; margin:auto;bottom:70px; left:0px; right:0px;background-image:url(../images/down_point_r.png); background-position:center center;}
.s_customer{ width:1200px; min-height:350px; /*padding-top:60px;*/ margin:0 auto; overflow:hidden;}
.s_customer ul{}
.s_customer ul li{ float:left; width:20%; height:145px; margin-left:0px; margin-bottom:30px; text-align:center;}
.prize_list{ width:1200px; margin:0 auto; padding:50px 0; overflow:hidden;}
.prize_list ul{ width:1200px; margin-left:40px; overflow:hidden;}
.prize_list ul li{ width:200px; float:left; padding:15px 0;}
.prize_list ul li h1,.prize_list ul li h2{ font-size:18px; text-align:left; margin:0px; padding:5px 0px;}
.prize_list ul li h2{ font-size:16px; width:90%;}
.project_b{ width:100%; min-height:500px; position:relative;background-image:url(../images/project_b.jpg); background-position:center center; background-size:cover;}
.project_list{ width:1200px; margin:0 auto; padding-top:172px;}
.project_list ul{}
.project_list ul li{ float:left; position:relative;}
.project_list ul li:after{border-left:1px solid #fff; position: absolute;width:2px; height:95px; top:30px; left:0%;content: "";}
.project_list ul li:first-child:after{ border-left:none;}
.project_list ul li b{ width:52px; height:52px; margin:0 auto; display:block;background-image: url(../images/project_icon.png);background-repeat: no-repeat;}
.project_list ul li b.b1{background-position: -19px -15px;}
.project_list ul li b.b2{background-position: -186px -15px;}
.project_list ul li b.b3{background-position: -351px -15px;}
.project_list ul li b.b4{background-position: -519px -15px;}
.project_list ul li h1{ font-size:12px; font-weight:normal; padding:20px 0;}
.project_list ul li h2{ font-size:48px; font-weight:bold;}
.project_list ul li h1,.project_list ul li h2{ color:#fff; text-align:center;}
.honor_list{ width:1200px; margin:0 auto; padding:20px 0; overflow:hidden;}
.honor_list ul{}
.honor_list ul li{ height:300px; float:left;}
.honor_list ul li img{ margin-top:60px;}
.honor_list ul li.red{ background-color:#e8351d;}
.honor_list ul li.red label{ font-size:55px; width:115px; display:block; color:#fff; font-weight:normal; margin:60px auto 0 auto;}
/*核心服务*/
.s_b_bg{ width:100%; min-height:750px; position:relative;background-image:url(../images/a_banner_3.jpg); background-position:center center; background-size:cover;}
.moma_t{ width:1200px; margin:0 auto; margin-top:90px; overflow:hidden; position:relative;}
.moma_t h1{ font-size:18px; text-align:center; color:#ff6666;}
.moma_t h2{ width:100%; height:80px; line-height:55px; text-align:center;color:#ff6666; font-size:36px; position:relative;}
.moma_t h2:after{border-bottom:2px solid #ff6666; position: absolute;width:8%; top:64px; left:46%;background-color: #ececec;content: "";}
.moma_t h3{ font-size:24px; text-align:center; line-height:36px; padding-top:40px; color:#3f3a31;}
.p_icon{ width:1200px; margin:0 auto; padding:60px 0; overflow:hidden;}
.p_icon ul{}
.p_icon ul li{ float:left; }
.p_icon ul li span{ width:150px; height:150px; display:block;border-radius:88px; border:3px solid #ff6666; margin:0 auto;background-image: url(../images/product_icon.png);background-repeat: no-repeat; position:relative;}
.p_icon ul li span.i1{background-position: 5px 17px;}
.p_icon ul li span.i2{background-position: -175px 17px;}
.p_icon ul li span.i3{background-position: -350px 17px;}
.p_icon ul li span.i4{background-position: -530px 17px;}
.p_icon ul li h1{ text-align:center; font-size:24px; color:#ff6666; padding:20px 0; font-weight:normal;}
.p_icon ul li span:before{ position:absolute; left:0px; right:0px; bottom:0px; top:0px; border-radius:80px;content:""; z-index:9999;
border: 3px solid #ff6666;
opacity:0;
-webkit-opacity:0;
-moz-opacity:0;
-moz-transform: scale(0.0);
-webkit-transform: scale(0.0);
transform: scale(0.0);
transition: opacity 1s, transform 1s;
-webkit-transition: opacity 1s, transform 1s;
-moz-transition: opacity 1s, transform 1s;
}
.p_icon ul li:hover span:before{
border-width:1px; border-style:solid;
opacity: 1;
-webkit-opacity: 1;
-moz-opacity: 1;
-moz-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
transition: opacity 0.3s, transform 1s;
-webkit-transition: opacity 0.3s, transform 1s;
-moz-transition: opacity 0.3s, transform 1s;
}
.s_b_bg1{ width:100%; min-height:920px; position:relative;background-image:url(../images/a_banner_4.jpg); background-position:center center; background-size:cover;}
.s_b_bg1 b,.s_b_bg2 b,.s_b_bg3 b,.s_b_bg4 b{ width:86px; height:35px; position:absolute; display:block; margin:auto;bottom:70px; left:0px; right:0px;background-image:url(../images/down_point.png); background-position:center center;}
.s_b_bg2{ width:100%; min-height:920px; position:relative;background-image:url(../images/a_banner_5.jpg); background-position:center center; background-size:cover;}
.s_b_bg3{ width:100%; min-height:920px; position:relative;background-image:url(../images/a_banner_6.jpg); background-position:center center; background-size:cover;}
.s_b_bg4{ width:100%; min-height:920px; position:relative;background-image:url(../images/a_banner_7.jpg); background-position:center center; background-size:cover;}
.repeat{ margin-top:90px; padding-bottom:90px;}
.repeat ul{ width:1200px; margin-left:5px;}
.repeat ul li h2{ width:83%; margin:0 auto; line-height:25px; text-align:left;}
.thr ul li{ width:33.333%;}
.thr ul li span{background-image: url(../images/product_icon1.png);background-repeat: no-repeat; position:relative;}
.thr ul li span.i1{background-position: 23px 17px;}
.thr ul li span.i2{background-position: -136px 17px;}
.thr ul li span.i3{background-position: -298px 17px;}
.thr ul li h2{ width:49%; margin:0 auto; line-height:25px; text-align:left; font-size:18px; }
.service_b{width:100%; min-height:700px; position:relative;background-image:url(../images/service_b.jpg); background-position:center center; background-size:cover;}
.service_box{ width:1200px; margin:0 auto; padding-top:200px;}
.service_b h1{ font-size:36px; padding:5px 0;}
.service_b h2{ font-size:70px;}
.service_b h3{ font-size:24px; padding:20px 0; line-height:50px;}
.service_b h1,.service_b h2,.service_b h3{ text-align:center; color:#fff;}
.s_banner{width:100%; min-height:920px; position:relative; background-position:center center; background-size:cover;}
.s_banner b{ width:86px; height:35px; position:absolute; display:block; margin:auto;bottom:70px; left:0px; right:0px;background-image:url(../images/down_point.png); background-position:center center;}
.s_banner.s_1{background-image:url(../images/service_b1.jpg);}
.s_banner.s_2{background-image:url(../images/service_b2.jpg);}
.s_banner.s_3{background-image:url(../images/service_b3.jpg);}
.s_banner.s_4{background-image:url(../images/service_b4.jpg);}
.system_box{ width:1200px; margin:0 auto; margin-top:86px; overflow:hidden; position:relative;}
.system_box h1{ font-size:18px; text-align:center; color:#e8351d;}
.system_box h2{ width:100%; height:80px; line-height:55px; text-align:center;color:#e8351d; font-size:36px; position:relative;}
.system_box h2:after{border-bottom:2px solid #e8351d; position: absolute;width:8%; top:64px; left:46%;background-color: #ececec;content: "";}
.system_box h3{ font-size:20px; text-align:center; line-height:36px; padding-top:40px; color:#3e3e3e;}
.planning{ width:1200px; margin:0 auto; padding:90px 0 50px 0; overflow:hidden;}
.planning ul{}
.planning ul li{ float:left; }
.planning ul li label{ width:150px; height:150px; display:block; position:relative; margin:0 auto; border-width:2px; border-style:solid; border-radius:130px; background-color:#fff;border:2px solid #e8351d;
-ms-transition: all .45s ease;
-moz-transition: all .45s ease;
-webkit-transition: all .4s ease;
-o-transition: all .45s ease;
transition: all .45s ease;
}
.planning ul li label:before{ position:absolute; left:0px; right:0px; bottom:0px; top:0px; border-radius:80px;content:""; z-index:9999;
border:1px solid #e8351d;
opacity:0;
-webkit-opacity:0;
-moz-opacity:0;
-moz-transform: scale(0.0);
-webkit-transform: scale(0.0);
transform: scale(0.0);
transition: opacity 1s, transform 1s;
-webkit-transition: opacity 1s, transform 1s;
-moz-transition: opacity 1s, transform 1s;
}
.planning ul li label:hover:before{
border-width:1px; border-style:solid; border-color:#e8351d;
opacity: 1;
-webkit-opacity: 1;
-moz-opacity: 1;
-moz-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
transition: opacity 0.3s, transform 1s;
-webkit-transition: opacity 0.3s, transform 1s;
-moz-transition: opacity 0.3s, transform 1s;
}
.planning ul li label i{width:85px; height:85px; margin:30px auto 0 auto;display:block;background-image: url(../images/planning_icon.png);background-repeat: no-repeat;
-ms-transition: all 1s ease;
-moz-transition: all 1s ease;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.planning ul li label:hover i{
-ms-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.planning ul li label i.i1{background-position: -10px -5px;}
.planning ul li label i.i2{background-position: -280px -5px;}
.planning ul li label i.i3{background-position: -551px -5px;}
.planning ul li label i.i4{background-position: -822px -5px;}
.planning ul li h1{ text-align:center;font-size:24px; font-weight:normal; text-align:center; display:block; margin-top:30px; color:#e8351d;}
/*全案策划*/
.all_p{ width:1200px; margin:0 auto; padding:90px 0 50px 0; overflow:hidden;}
.all_p ul{}
.all_p ul li{ float:left; width:20%;}
.all_p ul li label{ width:115px; height:115px; display:block; position:relative; margin:0 auto; border-width:6px; border-style:solid; border-radius:130px; background-color:#fff;
-ms-transition: all .45s ease;
-moz-transition: all .45s ease;
-webkit-transition: all .4s ease;
-o-transition: all .45s ease;
transition: all .45s ease;
}
.all_p ul li label:before{ position:absolute; left:0px; right:0px; bottom:0px; top:0px; border-radius:80px;content:""; z-index:9999;
border-width:10px; border-style:solid;
opacity:0;
-webkit-opacity:0;
-moz-opacity:0;
-moz-transform: scale(0.0);
-webkit-transform: scale(0.0);
transform: scale(0.0);
transition: opacity 1s, transform 1s;
-webkit-transition: opacity 1s, transform 1s;
-moz-transition: opacity 1s, transform 1s;
}
.all_p ul li label:hover:before{
border-width:2px; border-style:solid; border-color:#172c78;
opacity: 1;
-webkit-opacity: 1;
-moz-opacity: 1;
-moz-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
transition: opacity 0.3s, transform 1s;
-webkit-transition: opacity 0.3s, transform 1s;
-moz-transition: opacity 0.3s, transform 1s;
}
.all_p ul li label.i1{ border-color:#172c78;}
.all_p ul li label.i1:before{border-color:#172c78;}
.all_p ul li label.i1:hover:before{border-color:#172c78;}
.all_p ul li label.i2{ border-color:#2555a5;}
.all_p ul li label.i2:before{border-color:#2555a5;}
.all_p ul li label.i2:hover:before{border-color:#2555a5;}
.all_p ul li label.i3{ border-color:#2973ba;}
.all_p ul li label.i3:before{border-color:#2973ba;}
.all_p ul li label.i3:hover:before{border-color:#2973ba;}
.all_p ul li label.i4{ border-color:#33a1db;}
.all_p ul li label.i4:before{border-color:#33a1db;}
.all_p ul li label.i4:hover:before{border-color:#33a1db;}
.all_p ul li label.i5{ border-color:#5dc2f7;}
.all_p ul li label.i5:before{border-color:#5dc2f7;}
.all_p ul li label.i5:hover:before{border-color:#5dc2f7;}
.all_p ul li label i{width:60px; height:60px; margin:28px auto 0 auto;display:block;background-image: url(../images/all_p_icon.png);background-repeat: no-repeat;
-ms-transition: all 1s ease;
-moz-transition: all 1s ease;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.all_p ul li label:hover i{
-ms-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.all_p ul li label.i1 i{background-position: -15px -25px;}
.all_p ul li label.i2 i{background-position: -276px -22px;}
.all_p ul li label.i3 i{background-position: -547px -25px;}
.all_p ul li label.i4 i{background-position: -816px -25px;}
.all_p ul li label.i5 i{background-position: -1080px -25px;}
.all_p ul li h1{ text-align:center;font-size:24px; font-weight:normal; text-align:center; display:block; padding:30px 0;color:#00a0e9;}
.all_p ul li h2{ font-size:18px; width:90%; margin:0 auto; line-height:30px;}
/*空间设计*/
.space_list{ width:1200px; margin:0 auto; padding:90px 0 50px 0; overflow:hidden;}
.space_list ul{}
.space_list ul li{ float:left; width:25%;}
.space_list ul li label{ width:115px; height:115px; display:block; position:relative; margin:0 auto; border-width:6px; border-style:solid; border-radius:130px; background-color:#fff;
-ms-transition: all .45s ease;
-moz-transition: all .45s ease;
-webkit-transition: all .4s ease;
-o-transition: all .45s ease;
transition: all .45s ease;
}
.space_list ul li label:before{ position:absolute; left:0px; right:0px; bottom:0px; top:0px; border-radius:80px;content:""; z-index:9999;
border-width:10px; border-style:solid;
opacity:0;
-webkit-opacity:0;
-moz-opacity:0;
-moz-transform: scale(0.0);
-webkit-transform: scale(0.0);
transform: scale(0.0);
transition: opacity 1s, transform 1s;
-webkit-transition: opacity 1s, transform 1s;
-moz-transition: opacity 1s, transform 1s;
}
.space_list ul li label:hover:before{
border-width:2px; border-style:solid; border-color:#172c78;
opacity: 1;
-webkit-opacity: 1;
-moz-opacity: 1;
-moz-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
transition: opacity 0.3s, transform 1s;
-webkit-transition: opacity 0.3s, transform 1s;
-moz-transition: opacity 0.3s, transform 1s;
}
.space_list ul li label.i1{ border-color:#e84141;}
.space_list ul li label.i1:before{border-color:#e84141;}
.space_list ul li label.i1:hover:before{border-color:#e84141;}
.space_list ul li label.i2{ border-color:#ee744f;}
.space_list ul li label.i2:before{border-color:#ee744f;}
.space_list ul li label.i2:hover:before{border-color:#ee744f;}
.space_list ul li label.i3{ border-color:#f2934e;}
.space_list ul li label.i3:before{border-color:#f2934e;}
.space_list ul li label.i3:hover:before{border-color:#f2934e;}
.space_list ul li label.i4{ border-color:#f5a74c;}
.space_list ul li label.i4:before{border-color:#f5a74c;}
.space_list ul li label.i4:hover:before{border-color:#f5a74c;}
.space_list ul li label.i5{ border-color:#f4c048;}
.space_list ul li label.i5:before{border-color:#f4c048;}
.space_list ul li label.i5:hover:before{border-color:#f4c048;}
.space_list ul li label i{width:60px; height:60px; margin:20px auto 0 auto;display:block;background-image: url(../images/space_list.png);background-repeat: no-repeat;
-ms-transition: all 1s ease;
-moz-transition: all 1s ease;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.space_list ul li label:hover i{
-ms-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.space_list ul li label.i1 i{background-position: -15px -15px;}
.space_list ul li label.i2 i{background-position: -279px -17px;}
.space_list ul li label.i3 i{background-position: -547px -19px;}
.space_list ul li label.i4 i{background-position: -816px -19px;}
.space_list ul li label.i5 i{background-position: -1080px -19px;}
.space_list ul li h1{ text-align:center;font-size:24px; font-weight:normal; text-align:center; display:block; padding:30px 0;color:#f39500;}
.space_list ul li h2{ font-size:18px; width:90%; margin:0 auto; line-height:30px; text-align:center;}
/*服务设计*/
.s_design{ width:1200px; margin:0 auto; padding:90px 0 50px 0; overflow:hidden;}
.s_design ul{}
.s_design ul li{ float:left; width:14.285%;}
.s_design ul li label{ width:115px; height:115px; display:block; position:relative; margin:0 auto; border-width:6px; border-style:solid; border-radius:130px; background-color:#fff;
-ms-transition: all .45s ease;
-moz-transition: all .45s ease;
-webkit-transition: all .4s ease;
-o-transition: all .45s ease;
transition: all .45s ease;
}
.s_design ul li label:before{ position:absolute; left:0px; right:0px; bottom:0px; top:0px; border-radius:80px;content:""; z-index:9999;
border-width:10px; border-style:solid;
opacity:0;
-webkit-opacity:0;
-moz-opacity:0;
-moz-transform: scale(0.0);
-webkit-transform: scale(0.0);
transform: scale(0.0);
transition: opacity 1s, transform 1s;
-webkit-transition: opacity 1s, transform 1s;
-moz-transition: opacity 1s, transform 1s;
}
.s_design ul li label:hover:before{
border-width:2px; border-style:solid; border-color:#172c78;
opacity: 1;
-webkit-opacity: 1;
-moz-opacity: 1;
-moz-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
transition: opacity 0.3s, transform 1s;
-webkit-transition: opacity 0.3s, transform 1s;
-moz-transition: opacity 0.3s, transform 1s;
}
.s_design ul li label.i1{ border-color:#0e7684;}
.s_design ul li label.i1:before{border-color:#0e7684;}
.s_design ul li label.i1:hover:before{border-color:#0e7684;}
.s_design ul li label.i2{ border-color:#209368;}
.s_design ul li label.i2:before{border-color:#209368;}
.s_design ul li label.i2:hover:before{border-color:#209368;}
.s_design ul li label.i3{ border-color:#21953a;}
.s_design ul li label.i3:before{border-color:#21953a;}
.s_design ul li label.i3:hover:before{border-color:#21953a;}
.s_design ul li label.i4{ border-color:#21953a;}
.s_design ul li label.i4:before{border-color:#21953a;}
.s_design ul li label.i4:hover:before{border-color:#21953a;}
.s_design ul li label.i5{ border-color:#77b529;}
.s_design ul li label.i5:before{border-color:#77b529;}
.s_design ul li label.i5:hover:before{border-color:#77b529;}
.s_design ul li label.i6{ border-color:#77b529;}
.s_design ul li label.i6:before{border-color:#77b529;}
.s_design ul li label.i6:hover:before{border-color:#77b529;}
.s_design ul li label.i7{ border-color:#b9ca1a;}
.s_design ul li label.i7:before{border-color:#b9ca1a;}
.s_design ul li label.i7:hover:before{border-color:#b9ca1a;}
.s_design ul li label i{width:60px; height:60px; margin:20px auto 0 auto;display:block;background-image: url(../images/s_d_icon.png);background-repeat: no-repeat;
-ms-transition: all 1s ease;
-moz-transition: all 1s ease;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.s_design ul li label:hover i{
-ms-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.s_design ul li label.i1 i{background-position: -32px -15px;}
.s_design ul li label.i2 i{background-position: -205px -15px;}
.s_design ul li label.i3 i{background-position: -378px -15px;}
.s_design ul li label.i4 i{background-position: -558px -15px;}
.s_design ul li label.i5 i{background-position: -735px -15px;}
.s_design ul li label.i6 i{background-position: -913px -15px;}
.s_design ul li label.i7 i{background-position: -1102px -15px;}
.s_design ul li h1{ text-align:center;font-size:24px; font-weight:normal; text-align:center; display:block; padding:30px 0;color:#3faf37;}
.s_design ul li h2{ font-size:18px; width:90%; margin:0 auto; line-height:30px; text-align:center;}
/*项目管理*/
.project_m{ width:1200px; margin:0 auto; padding:90px 0 50px 0; overflow:hidden;}
.project_m ul{}
.project_m ul li{ float:left; width:33.333%;}
.project_m ul li label{ width:115px; height:115px; display:block; position:relative; margin:0 auto; border-width:6px; border-style:solid; border-radius:130px; background-color:#fff;
-ms-transition: all .45s ease;
-moz-transition: all .45s ease;
-webkit-transition: all .4s ease;
-o-transition: all .45s ease;
transition: all .45s ease;
}
.project_m ul li label:before{ position:absolute; left:0px; right:0px; bottom:0px; top:0px; border-radius:80px;content:""; z-index:9999;
border-width:10px; border-style:solid;
opacity:0;
-webkit-opacity:0;
-moz-opacity:0;
-moz-transform: scale(0.0);
-webkit-transform: scale(0.0);
transform: scale(0.0);
transition: opacity 1s, transform 1s;
-webkit-transition: opacity 1s, transform 1s;
-moz-transition: opacity 1s, transform 1s;
}
.project_m ul li label:hover:before{
border-width:2px; border-style:solid; border-color:#172c78;
opacity: 1;
-webkit-opacity: 1;
-moz-opacity: 1;
-moz-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
transition: opacity 0.3s, transform 1s;
-webkit-transition: opacity 0.3s, transform 1s;
-moz-transition: opacity 0.3s, transform 1s;
}
.project_m ul li label.i1{ border-color:#e84141;}
.project_m ul li label.i1:before{border-color:#e84141;}
.project_m ul li label.i1:hover:before{border-color:#e84141;}
.project_m ul li label.i2{ border-color:#ee744f;}
.project_m ul li label.i2:before{border-color:#ee744f;}
.project_m ul li label.i2:hover:before{border-color:#ee744f;}
.project_m ul li label.i3{ border-color:#f2934e;}
.project_m ul li label.i3:before{border-color:#f2934e;}
.project_m ul li label.i3:hover:before{border-color:#f2934e;}
.project_m ul li label i{width:60px; height:66px; margin:20px auto 0 auto;display:block;background-image: url(../images/p_m_icon.png);background-repeat: no-repeat;
-ms-transition: all 1s ease;
-moz-transition: all 1s ease;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.project_m ul li label:hover i{
-ms-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.project_m ul li label.i1 i{background-position: -28px -15px;}
.project_m ul li label.i2 i{background-position: -244px -17px;}
.project_m ul li label.i3 i{background-position: -461px -12px;}
.project_m ul li h1{ text-align:center;font-size:24px; font-weight:normal; text-align:center; display:block; padding:30px 0;color:#f39500;}
.project_m ul li h2{ font-size:18px; width:50%; margin:0 auto; line-height:30px;}
/*案例*/
.m_top{ margin-top:80px;}
/*.case_bg1{ width:100%; min-height:752px; position:relative;background-image:url(../images/case_b1.jpg); background-position:center center; background-size:cover;}*/
.case_bg1{ width:100%; height:auto;}
.case_bg1 img{ width:100%; height:auto;}
.c_title{ width:1200px; height:120px; line-height:180px; text-align:center; font-size:35px; margin:0 auto; overflow:hidden;}
.c_title label{ color:#e8351d; font-weight:normal;}
.c_content{ width:1200px; margin:0 auto; overflow:hidden;}
.c_content .title{ width:1200px; margin:0 auto; margin-top:50px; padding:45px 0; overflow:hidden;}
.c_content .title h1{ font-size:32px; text-align:center; line-height:60px;}
.c_content .title h2{ width:65%; margin:0 auto; font-size:24px; text-align:center; line-height:35px;}
.c_content .c1{ background-color:#cc4014; color:#fff;} /*橘红*/
.c_content .c2{ background-color:#ff8940; color:#fff;} /*桔色*/
.c_content .c3{ background-color:#00b5ff; color:#fff;} /*天蓝*/
.c_content .c4{ background-color:#475699; color:#fff;} /*深蓝*/
.c_content .c5{ background-color:#2a48cc; color:#fff;} /*浅蓝*/
.c_content .c6{ background-color:#ffba00; color:#fff;} /*橘黄*/
.c_content .c7{ background-color:#ffe200; color:#fff;} /*浅黄*/
.c_content .c8{ background-color:#7b98ac; color:#fff;} /*藏青*/
.c_content .c9{ background-color:#d9326f; color:#fff;} /*粉色*/
.c_content .c10{ background-color:#53a6a6; color:#fff;} /*浅绿*/
.c_content .c11{ background-color:#56a681; color:#fff;} /*绿色*/
.c_content .c12{ background-color:#d93b3b; color:#fff;} /*红色*/
.c_content .c13{ background-color:#c3a497; color:#fff;} /*卡其色*/
.c_content .c14{ background-color:#814e35; color:#fff;} /*咖啡色*/
.c_content .c15{ background-color:#63b5d3; color:#fff;} /*蓝色*/
.c_content .c16{ background-color:#219163; color:#fff;} /*深绿*/
.c_content .c17{ background-color:#d8653a; color:#fff;} /*棕色*/
.case_pic{width:1200px; margin:0 auto; height:auto; overflow:hidden;}
.case_pic img{ max-width:100%; height:auto; display:block;}
.case_list{ width:1200px; margin:0 auto; padding:10px 0; overflow:hidden;}
.case_list ul{ margin-left:-1%;}
.case_list ul li{ width:33.333%; float:left; padding-left:1%;}
.case_list ul li img{ width:100%;}
.more_case{ background-color:#c0bfbe; width:100%; height:60px; line-height:60px; margin:30px auto 1px auto; text-align:center; color:#fff; font-size:24px;}
.more_case a,.more_case a:hover{ color:#fff;}
/*服务运营*/
.a_h{ height:150px;}
.o_banner{ width:1200px; margin:0 auto;}
.o_banner img{ width:100%;}
.o_content{ width:1200px; padding:50px; margin:0 auto;}
.o_content h1{ width:100%; font-size:24px; font-weight:bold; color:#fff; height:40px; line-height:25px;border-bottom:1px solid #fff;}
.o_content h2{ width:100%; font-size:24px; font-weight:bold; color:#282828; height:40px; line-height:25px;border-bottom:1px solid #282828;}
.o_content h3{ width:100%; font-size:18px; font-weight:normal; color:#282828; height:60px; line-height:30px; padding-top:5px;}
.c_blue{ background-color:#3b9ee1;}
.c_green{ background-color:#4dbb21;}
.o_list{ width:100%; padding:20px 0; overflow:hidden;}
.o_list ul{}
.o_list ul li{ width:33.333%; float:left;}
.o_list ul li i{ width:54px; height:54px; display:block; float:left;background-image: url(../images/operating_icon.png);background-repeat: no-repeat; position:relative;}
.o_list ul li i.i1{background-position: 0px 0px;}
.o_list ul li i.i2{background-position: -122px 0px;}
.o_list ul li i.i3{background-position: -253px 0px;}
.o_list ul li i.i4{background-position: 0px -88px;}
.o_list ul li i.i5{background-position: -122px -88px;}
.o_list ul li i.i6{background-position: -249px -88px;}
.o_list ul li i.i7{background-position: -377px -88px;}
.o_list ul li i.i8{background-position: -503px -88px;}
.o_list ul li i.i9{background-position: -628px -88px;}
.o_list ul li label{ margin-top:10px; margin-left:10px; display:block; float:left; font-weight:normal; font-size:22px; color:#fff;}
.o_list1{ width:100%; padding:20px 0; overflow:hidden;}
.o_list1 ul{}
.o_list1 ul li{ width:33.333%; float:left;}
.o_list1 ul li i{ width:60px; height:60px; display:block; float:left;background-image: url(../images/operating_icon.png);background-repeat: no-repeat; position:relative;}
.o_list1 ul li i.i1{background-position: 2px -184px;}
.o_list1 ul li i.i2{background-position: -120px -184px;}
.o_list1 ul li i.i3{background-position: -247px -184px;}
.o_list1 ul li i.i7{background-position: 2px -184px;}
.o_list1 ul li i.i8{background-position: -500px -184px;}
.o_list1 ul li i.i9{background-position: -625px -184px;}
.o_list1 ul li i.i4{background-position: -4px -261px;}
.o_list1 ul li i.i5{background-position: -117px -261px;}
.o_list1 ul li i.i6{background-position: -242px -261px;}
.o_list1 ul li label{ margin-top:15px; margin-left:10px; display:block; float:left; font-weight:normal; font-size:22px; color:#282828;}
.o_list1 ul li span{ width:100%; display:block; float:left; font-size:14px; line-height:25px; margin-top:30px;}
.o_list1 ul li span p{ font-weight:normal; width:95%;}
.c_green h2{border-bottom:1px solid #fff;}
.c_green h2,.c_green h3,.c_green p{ color:#fff;}
.c_green .o_list1 ul li label{ color:#fff;}
/*新闻中心*/
.news_bg{ width:100%; position:relative; background-image:url(../images/news_b.jpg); background-position:center center; background-size:cover; z-index:100;}
.news_bg .news_t{ width:1200px; height:752px; margin:0 auto; position:relative;}
.news_bg .news_t .n_t{position:absolute;bottom:130px; right:8px;}
.news_bg .news_t .n_t h1{ text-align:right; font-size:60px; color:#fff; font-weight:bold; }
.n_bg{background-image:url(../images/news_b1.jpg);}
.news_content{width:1200px;margin:0 auto;/* margin-top:-80px; */position:relative;z-index:999;}
.news_content .n_banner{ width:100%; height:236px; background-color:#e8351d; color:#fff;font-size:36px; text-align:center; line-height:236px;}
.news_box{ width:1200px; margin:0 auto; background-color:#fff; overflow:hidden;}
.news_box .left{ width:870px; float:left; overflow:hidden;}
.news_box .right{ width:330px; float:left;overflow:hidden;}
.news_box .left .news_l{ width:100%; margin:0 auto; overflow:hidden;}
.news_box .left .news_l ul{}
.news_box .left .news_l ul li{ width:100%; height:800px; overflow:hidden; float:left; position:relative;}
.news_box .left .news_l ul li p a{
display: block;
max-height: 672px;
object-fit: cover;
overflow: hidden;
}
.news_box .left .news_l ul li p a img{
object-fit: cover;
width: 100%;
}
.news_box .left .news_l ul li:hover{ background-color:#000; color:#fff;}
.news_box .left .news_l ul li span{ position:absolute; top:20px; left:20px; color:#000; font-size:20px;}
.news_box .left .news_l ul li.hov .content{ background-color:#000; color:#fff;}
.news_box .left .news_l ul li .content{ width:100%; min-height:205px; padding:15px 30px;}
.news_box .left .news_l ul li .content h1{ font-size:24px; font-weight:bold;}
.news_box .left .news_l ul li .content h2{ font-size:20px; font-weight:bold; padding-top:10px;}
.news_box .left .news_l ul li .content h3{ font-size:16px; line-height:25px; padding-top:15px;}
.news_box .right .news_r{ width:330px; padding:0 0px; margin:0 auto; overflow:hidden;}
.news_box .right .news_r h3{font-size: 14px;line-height: 25px;padding-top: 15px;}
.news_box .right .news_r ul{}
.news_box .right .news_r ul li{ width:100%; height:800px; overflow:hidden; float:left; padding:0 15px; position:relative;}
.news_box .right .news_r ul li p img{ width:100%;}
.news_box .right .news_r ul li span{ position:absolute; top:20px; left:20px; color:#000; font-size:20px;}
.news_box .right .news_r ul li.hov{ background-color:#000; color:#fff;}
.news_box .right .news_r ul li .content{ width:100%; /* min-height:205px; */ padding:15px 0px;}
.news_box .right .news_r ul li .content h1{ font-size:24px; font-weight:bold;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.news_box .right .news_r ul li .content h2{ font-size:26px; font-weight:bold; padding-top:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.news_box .right .news_r ul li .content h3{ font-size:12px; line-height:25px; padding-top:15px;}
.news_box .right .news_r ul li .more{ width:100%; height:30px; line-height:30px; text-align:right; padding-right:20px; font-size:14px;}
.news_box .right .news_r ul li .more a{ color:#48bc01;}
.news_box .right .news_r ul li .more a:hover{ color:#48bc01;}
/*中国设计智慧*/
.news_l{ width:1200px; margin:0 auto; overflow:hidden;}
.news_l ul{}
.news_l ul li{ width:50%; float:left; position:relative;}
.news_l ul li span{ position:absolute; top:20px; left:20px; color:#000; font-size:20px;}
.news_l ul li.hov{ background-color:#000; color:#fff;}
.news_l ul li .content{ width:100%; min-height:205px; padding:15px 30px;}
.news_l ul li .content h1{ font-size:24px; font-weight:bold;}
.news_l ul li .content h2{ font-size:20px; font-weight:bold; padding-top:10px;}
.news_l ul li .content h3{ font-size:16px; line-height:25px; padding-top:15px;}
/*nscontent*/
.nscontent{width:100%;}
.nswraps{width:1200px;margin:0 auto;background-color:#fff;}
.nsleft{width:100%;float:left;}
.nsleft h1{font-size:50px;line-height:70px;font-weight:normal;color:#000;margin:50px 0 47px;}
.nstime{font-size:18px;line-height:24px;color:#636363;padding-bottom:34px;border-bottom:1px solid #cfcfcf;}
.nstime span{display:block;}
.nsleft .nlcolum{color: #333;font-size: 16px;line-height: 1.75;}
.nlborder{height:1px;/* background:#cfcfcf; */margin-top:6px;}
.nlcolum img{margin-bottom:15px;}
.nlcontact{width:100%;height:134px;margin-top:6px;padding:34px 0 34px 0;border-top:1px solid #cfcfcf;}
.nlc{width:50%;float:left;}
.nlc img,.nlc h2,.nlc p{float:left;font-weight:normal;}
.nlc img{margin-right:20px;}
.nlc h2{font-size:18px;line-height:1;margin-bottom:26px;color:#000;}
.nlc p{width:246px;font-size:12px;line-height:20px;color:#3f3f40;}
.nlc-r{width:400px;padding-left:136px;}
.nlc-r h2,.nlc-r p{width:100%;}
.nlc-r h2 a{color:#53c011;float:right;line-height:20px;font-size:14px;}
.nlc-r p span{display:block;font-size:18px;line-height:30px;}
.n_foot{ width:100%; margin:0 auto; overflow:hidden; padding:20px 0; background-color:#f2f2f2;}
.n_foot h3{ width:100%; display:block; text-align:center; padding:13px 0; font-weight:normal; overflow:hidden;}
.n_foot h3.f_z1{ font-size:40px; }
.n_foot h3.f_z2{ font-size:22px; }
/*联系我们*/
.add_bg{ width:100%; position:relative; background-image:url(../images/a_banner_bg.jpg); background-position:center center; background-size:cover; z-index:100;}
.add_bg .news_t{ width:1200px; height:752px; margin:0 auto; position:relative;}
.add_bg .news_t .n_t{position:absolute;bottom:130px; right:8px;}
.add_bg .news_t .n_t h1{ text-align:right; font-size:60px; color:#fff; font-weight:bold; }
.address_t{ width:1200px; padding:30px; margin:0 auto; overflow:hidden; background-color:#e8351d; color:#fff;}
.address_t h1{ font-size:36px;border-bottom:2px solid #fff; padding:10px 0;}
.address_t h2{ font-size:19px; padding:10px 0; line-height:30px;}
.add_list{ width:1200px; margin:0 auto;overflow:hidden; }
.add_list ul{}
.add_list ul li{ width:100%; height:600px; float:left; }
.add_list ul li.red{background-color:#e8351d;}
.add_list ul li.gray{background-color:#f3f3f3;}
.add_list ul li .text{ width:50%; height:500px; float:left; padding:50px; color:#fff;position:relative;}
.add_list ul li .text h1{ font-size:36px; line-height:65px;}
.add_list ul li .text h2{ height:60px; font-size:30px; position:relative;}
.add_list ul li .text h3{ font-size:20px; line-height:50px;}
.add_list ul li.gray .text h1{ color:#e8351d;}
.add_list ul li.gray .text h2{ color:#e8351d;}
.add_list ul li.gray .text h3{ color:#282828;}
.add_list ul li.gray .map label a,.add_list ul li.gray .map label a:hover{ color:#282828;}
.add_list ul li span{ display:block; width:50%; float:left;}
.add_list ul li .map{ height:40px; position:absolute; bottom:-50px; left:50px;}
.add_list ul li .map i{ width:24px; height:39px; display:block; float:left;background-image:url(../images/map_icon.png); background-position:center center; background-repeat:no-repeat; }
.add_list ul li .map i.i1{background-position: 3px 4px;}
.add_list ul li .map i.i2{background-position: -59px 4px;}
.add_list ul li .map label{ float:left; height:39px; line-height:39px; color:#fff; line-height:39px; font-size:20px; font-weight:normal; margin-left:10px;}
.add_list ul li .map label a,.add_list ul li .map label a:hover{ color:#fff;}
/*弹框*/
.modal-title{ color:#333;}
.modal-body{ color:#333;height:500px; margin:0px; padding:0px;}
.modal-dialog{ width:1000px; }
.BMap_Marker label{max-width:none;}
/* 新加 */
:root{
--vw: 0.052083333333333336vw /*1920px*/
}
.f24 { font-size: calc(var(--vw) * 24) }
.f26 { font-size: calc(var(--vw) * 26) }
.f32 { font-size: calc(var(--vw) * 32) }
.f48 { font-size: calc(var(--vw) * 48) }
.fwb { font-weight: bold; }
.c_fff { color: #fff; }
.xfooter {
padding: calc(var(--vw) * 75) 0;
}
.xfooter a:link,
.xfooter a:visited {
color: #fff;
}
.xfooter .center { width: calc(var(--vw) * 1700) }
.footer-logo { width: calc(var(--vw) * 240); }
.xfooter .wechat {font-size: calc(var(--vw) * 13);line-height: calc(var(--vw) * 15);text-align: left;margin-right: calc(var(--vw) * 16);}
.xfooter .wechat img { width: calc(var(--vw) * 138);margin-bottom: calc(var(--vw) * 14); }
.xfooter .wechat p { padding-bottom: .25em; }
.xfooter .info img { width: calc(var(--vw) * 142);margin-bottom: calc(var(--vw) * 20); }
.xfooter .info p { font-size: calc(var(--vw) * 20);margin-bottom: calc(var(--vw) * 8); font-weight: 100; }
.xfooter .menus {/* justify-content: space-between; *//* width: calc(var(--vw) * 315); */justify-content: center;}
.xfooter .menus ul { margin: 0 calc(var(--vw) * 32); }
.xfooter .menus .main { margin-bottom: calc(var(--vw) * 12); text-align: left; }
.xfooter .menus li { font-size: calc(var(--vw) * 14); margin-bottom: calc(var(--vw) * 5); }
.center .index_h2 { font-size: calc(var(--vw) * 75); margin: calc(var(--vw) * 134) auto; color: #e8351d; }
.index_list, .index_news { margin: 0 auto; }
.index_list ul, .index_news ul { display: flex; flex-wrap: wrap; }
.index_list ul { gap: calc(var(--vw) * 10); }
.case_wrapper ul li,
.index_list ul li { width: calc(var(--vw) * 560); height: calc(var(--vw) * 470); overflow: hidden; }
/* .index_news {margin-bottom: calc(var(--vw) * 120);} */
.index_news ul { gap: calc(var(--vw) * 10); }
.index_news ul li { width: calc(var(--vw) * 560); }
.case_wrapper ul li a,
.index_news ul li a { display: block;}
.index_news ul li img {width: calc(var(--vw) * 560); height: calc(var(--vw) * 320);}
.index_news ul li span.title {display: block;font-size: calc(var(--vw) * 29);line-height: 1.5em;height: 4em;color: rgb(162, 162, 162); overflow: hidden; padding: .5em 1em;}
.case_wrapper ul li a,
.index_list ul li a {transition: all .3s; display: block;width: 100%;height: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;}
.case_wrapper ul li a .mask,
.index_list ul li a .mask { visibility: hidden; background-color: rgba(0, 0, 0, .3); }
.case_wrapper ul li a:hover .mask,
.index_list ul li a:hover .mask { visibility: visible; height: 100%;flex-direction: column;color: #fff;padding: 10%; justify-content: space-between;}
.case_wrapper ul li a:hover,
.index_list ul li a:hover { transform: scale(1.1); }
.index_list .more { margin-top: calc(var(--vw) * 55); text-align: center; }
.index_list .more a{display: block;width: calc(var(--vw) * 314);height: calc(var(--vw) * 64);border: 1px solid #e8351d;border-radius: calc(var(--vw) * 32);font-size: calc(var(--vw) * 36);color: rgb(147, 147, 147);margin: 0 auto;line-height: calc(var(--vw) * 64);box-sizing: border-box;font-weight: 500;}
.w1700 { width: calc(var(--vw) * 1700) !important; }
/* 热点 s */
.i_hot{
padding: 0 0 80px;
}
.i_hot .w1700{
margin: 0 auto;
}
.i_hot .tit{
margin-bottom: 0.25rem;
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: column;
}
.i_hot .tit ul{
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.i_hot .tit ul li{
position: relative;
}
.i_hot .tit ul li:not(:last-child){
margin-right: 0.35rem;
}
.i_hot .tit ul li::after{
position: absolute;
content: "";
display: block;
left: 0;
bottom: 0;
width: 0;
height: 0.02rem;
background-color: #a7a6a6;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.i_hot .tit ul li.active::after,.i_hot .tit ul li:hover::after{
width: 100%;
}
.i_hot .tit ul li a{
display: block;
font-size: 16px;
color: #535252;
padding-bottom: 0.1rem;
}
.i_hot .con{}
.i_hot .con .item{
display: none;
}
.i_hot .con .item.show{
display: block;
}
.i_hot .top{}
.i_hot .top .fl{}
.i_hot .top .fl {
width: calc(50% - 45px);
height: 285px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.i_hot .fr{
width: calc(50% - 45px);
height: 285px;
}
.i_hot .top .fr{
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative;
}
.i_hot .news-list{
padding-bottom: 25px;
border-bottom: 1px solid #e6e6e6;
}
.i_hot .news-list .first-news{}
.i_hot .news-list .first-news a{}
.i_hot .news-list .first-news .title{
font-size: 16px;
color: #000;
margin-bottom: 7px;
}
.i_hot .news-list .first-news .summary{
font-size: 14px;
line-height: 2;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #323232;
}
.i_hot .news-list .news-item{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 6px;
}
.i_hot .news-list .news-item a{
float: left;
width: 23%;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
padding-right: 1%;
font-size: 12px;
line-height: 23px;
color: #959595;
}
.i_hot .news-list .news-item a:hover{
color: #000;
}
.i_hot .news-list .news-item a:after {
position: absolute;
right: 0;
height: 14px;
background: #e6e6e6;
width: 1px;
top: 50%;
transform: translateY(-50%);
content: '';
}
.i_hot .bot{
margin-top: 40px;
}
.i_hot .bot .fl,.i_hot .bot .fr{
width: calc(50% - 45px);
height: auto;
}
.i_hot .bot .fl .news-list{
padding-bottom: 0;
border: none;
}
@media all and (max-width: 1000px){
.i_hot .tit{
flex-direction: column;
}
.i_hot .tit ul{
justify-content: flex-start;
margin-top: 25px;
}
.i_hot .tit ul li{
margin-bottom: 0.25rem;
}
.i_hot .top .fl,.i_hot .top .fr{
width: 100%;
height: auto;
}
.i_hot .top .fl{
height: 6rem;
}
.i_hot .top .fr{
padding-top: 0.3rem;
}
.i_hot .news-list{
padding-bottom: 0.3rem;
margin-bottom: 0.3rem;
}
.i_hot .news-list:last-child{
margin-bottom: 0;
}
.i_hot .news-list .news-item a{
width: 49%;
}
.i_hot .bot .fl, .i_hot .bot .fr{
width: 100%;
}
.i_hot .bot .fr .news-list{
padding-top: 0.3rem;
}
}
/* 热点 e */
.nav-header {background-color: transparent;position: absolute;top: 0;}
.case_menu {margin: calc(var(--vw) * 56) auto;font-size: calc(var(--vw) * 32);line-height: calc(var(--vw) * 120); border-bottom: 1px solid #e8351d; display: flex; justify-content: space-between;}
.case_menu a{color: #4d4d4d;}
.case_menu .hov a span { color: #e8351d; }
.case_menu .name { color: #e8351d; font-size: 1.5em; }
.case_menu li a::after{content: '|'; padding: 0 .5em;}
.case_menu li:first-child a::after{content: '|';}
.case_menu li:last-child a::after{display: none;}
.case_wrapper ul {flex-wrap: wrap;margin: 0 auto;gap: calc(var(--vw) * 10);}
.case_wrapper ul li{ width: calc(var(--vw) * 560); height: calc(var(--vw) * 470); }
.case_wrapper ul li img{width: 100%;height: 100%;object-fit: cover;}
.news_menu {border-bottom: 1px solid #e8351d;padding: calc(var(--vw) * 120) 0 calc(var(--vw) * 50);}
.news_menu h1{color: #e8351d;flex-grow: 1;font-size: calc(var(--vw) * 64);}
.news_menu ul{flex-wrap: wrap;}
.news_menu li a{display: block;font-size: calc(var(--vw) * 32);font-weight: 100;margin-top: calc(var(--vw) * 30);color: #e8351d;}
.news_menu li a::after{content: '•';}
/* .news_menu li:first-child a::after{content: '/';} */
.news_menu li:last-child a::after{content: '';}
.news_box.w1700 li{padding: calc(var(--vw) * 60) 0;border-bottom: 1px solid #e8351d;}
.news_box.w1700 li .content{color: #e8351d;margin-left: calc(var(--vw) * 55);position: relative;}
.news_box.w1700 li .content h1{font-size: calc(var(--vw) * 45);line-height: calc(var(--vw) * 57);margin-top: -6px;float: left;width: calc(var(--vw) * 600);}
.news_box.w1700 li .content h2{float: right;font-size: calc(var(--vw) * 24);display: block;/* min-width: calc(var(--vw) * 137); */}
.news_box.w1700 li .content h3{clear: both;font-size: calc(var(--vw) * 35);font-weight: 100;line-height: calc(var(--vw) * 65);color: rgb(102,102,102);padding-bottom: calc(var(--vw) * 30);}
.news_box.w1700 li .content h3::before{content: ' ';display: block;width: calc(var(--vw) * 44);padding-top: calc(var(--vw) * 50);margin-bottom: calc(var(--vw) * 20);border-bottom: 2px solid red;clear: both;}
.news_box.w1700 li .content .more{position: absolute;bottom: 0;color: #e8351d;font-size: calc(var(--vw) * 24);}
.news_box.w1700 img{width: calc(var(--vw) * 850);height: calc(var(--vw) * 480);}
.address_t.new{border: 1px solid #e8351d;border-radius: calc(var(--vw) * 20);background-color: #fff;color: #e8351d;margin: calc(var(--vw) * 120) auto 0;padding: calc(var(--vw) * 50) 0/*calc(var(--vw) * 115);*/}
.address_t.new h1{width: calc(var(--vw) * 450); padding:0 calc(var(--vw) * 88);margin-right: calc(var(--vw) * 60);border-right: 1px solid #e8351d;text-align: justify;font-size: calc(var(--vw) * 34); line-height: calc(var(--vw) * 50); font-weight: bold;display: flex;align-items: center;}
.address_t.new h1 img{width: 12.803333vw}
.address_t.new h2{ color: #4e4e4e; font-size: calc(var(--vw) * 32); line-height: calc(var(--vw) * 60);padding: 0;margin: calc(var(--vw) * -12) 0; width: calc(var(--vw) * 1140); }
.contact.w1700 .news_menu{border: 0;}
.contact_list {margin-bottom: calc(var(--vw) * 140);}
.contact_list .left{margin-right: calc(var(--vw) * 55);}
.contact_list .left img{width: calc(var(--vw) * 850);height: calc(var(--vw) * 477);margin-bottom: calc(var(--vw) * 30);object-fit: cover;}
.contact_list ul{border-bottom: 0px solid #e8351d;color: #e8351d;}
.contact_list ul li{border-top: 1px solid #e8351d;padding: calc(var(--vw) * 55) 0 calc(var(--vw) * 40);color: rgb(103,103,103);flex-wrap: wrap;}
.contact_list ul li h1{color: #e8351d;flex-grow: 1;font-size: calc(var(--vw) * 48);}
.contact_list ul li h2{color: #e8351d;font-size: calc(var(--vw) * 27);line-height: calc(var(--vw) * 48);}
.contact_list ul li h3{width: 100%;font-weight: 100;font-size: calc(var(--vw) * 34);line-height: calc(var(--vw) * 48);}
.contact_list ul li h3::before{content: '';display: block;width: calc(var(--vw) * 44);margin: calc(var(--vw) * 44) auto calc(var(--vw) * 30) 0;border-bottom: 2px solid red;}
.wrapper.w1700 .thumb-container { width: calc(var(--vw) * 566); height: calc(var(--vw) * 342); }
.wrapper.w1700 .thumb-container .popover_w,
.wrapper.w1700 .thumb-container img { width: 100%; height: 100%; object-fit: cover;}
.wrapper.w1700 .quote .introduce { height: calc(var(--vw) * 849); }
.wrapper.w1700 .quote .introduce .left img { width: calc(var(--vw) * 849); height: calc(var(--vw) * 849); object-fit: cover; }
.customer_box .customer_list ul li { width: 14.285714285714286%; }
.customer_box .customer_list ul li img{ height: calc(var(--vw) * 86); }
.index-sildebox .bd li { height: calc(var(--vw) * 1080); }
.about-us-img,
.about-us {width: 88.3854166667vw;margin: 0 auto; display: block;}
.about-us { display: flex; margin: 6.30208333333vw auto;}
.about-us .left { width: 44.6354166667vw; height: 44.7291666667vw; padding: 2.8125vw 2.5vw; color: #e8341d; border: 1px solid #e8341d; border-radius: 1.30208333333vw; display: flex; flex-direction: column; justify-content: space-between; }
.about-us .left .t1 { font-size: 3.5vw; line-height: 2.5vw; font-weight: bold; padding-bottom: 1.25vw; }
.about-us .left .t2 { font-size: 2.68125vw; line-height: 3.28125vw; font-weight: bold;}
.about-us .left .t3 { text-align: right; font-size: 2.1875vw; line-height: 2.1875vw; margin-top: 0.7291666666666667vw; font-weight: 500;}
.about-us .left .t4 { text-align: right; font-size: 1.71875vw; line-height: 1.71875vw; margin-top: 1.71875vw; font-weight: bold;}
.about-us .right { flex-grow: 1; padding-left: 4.73958333333vw; color: #e8341d; margin-top: -0.46875vw; }
.about-us .right .r1 { font-size: 3.4375vw; line-height: 4.375vw; }
.about-us .right .r1.l::after { content: ''; display: block; width: 2.1875vw; padding-bottom: 1.09375vw; margin-bottom: 2.1875vw; border-bottom: 2px solid #e8341d; float: left; }
.about-us .right .r2 { font-size: 1.71875vw; line-height: 2.6765vw; font-weight: 100; clear: both;}
.about-us .right .r2.l { margin-bottom: 2.6765vw; }
.about-us .right .r3 { font-size: 1.71875vw; line-height: 3.19375vw; }
.about-us .right .r3 .b{ font-size: 2.5vw; line-height: 3.59375vw; font-weight: bolder; font-style: italic; padding-right: .25em;}
.flex.index2 .item { height: calc(var(--vw) * 856); width: calc(var(--vw) * 480); overflow: hidden; }
.flex.index2 .item div { transition: all .3s; background-size: cover; display: flex; height: 100%;align-content: flex-end;flex-direction: column;align-items: center;justify-content: flex-end;}
.flex.index2 .item:hover div{ transform: scale(1.1); }
.flex.index2 .item div .a { font-size: calc(var(--vw) * 80); line-height: 1; }
.flex.index2 .item div .b { font-size: calc(var(--vw) * 24); line-height: 1; margin: calc(var(--vw) * 27) 0 calc(var(--vw) * 62); }
.max-pic img{ width: 100%; }