@charset "utf-8";
/* CSS Document */
.about_main{ position:relative; width:100%; background:url(../images/about_page_bg1.jpg) no-repeat center top; background-size:101% 100%;}
.about_main .tt{ width:100%; padding:5% 0; text-align:center; border-bottom:1px solid rgba(255,255,255,0.3);}
.about_main .main { width: 100%;margin: 0 auto; padding-top:5%; }
.about_main .main li { float: left; width: 33.3%; text-align: center; color:#fff; }
.about_main1 .main li { width: 25%;}
.about_main .main li{ color: #fff; font-size: 20px; font-weight: normal;}
.about_main .main li h3{ font-size:24px; font-weight:normal; font-family: 'noto-light';}
.about_main .main li .text{ height:80px; line-height:80px; font-size:80px; font-weight:normal;}
.about_main .main li .icon { width: 50px; height: 50px; margin:30px 0; }
.about_main .main li .icon1 { background-position:0 -300px; }
.about_main .main li .icon2 { background-position:-75px -300px; }
.about_main .main li .icon3 { background-position:-160px -300px; }
.about_main .next { position: absolute; z-index: 3; left: 50%; bottom:5%; width: 32px; height: 32px; cursor: pointer; }
.about_main .next .bg { position: absolute; left: 0; top: 0; width: 40px; height: 40px; background:rgba(255,255,255,0.5); border-radius: 5px; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); }
.about_main .next img { position: absolute; left: 8px; top: 8px; -webkit-animation: bounce-down 1.5s linear infinite; animation: bounce-down 1.5s linear infinite; }
@-webkit-keyframes bounce-down {
	 25% {-webkit-transform: translateY(-3px);}
	 0, 50%, 100% {-webkit-transform: translateY(0);}
	 75% {-webkit-transform: translateY(3px);}
}
@keyframes bounce-down {
 25% {
transform: translateY(-3px);
}
 0, 50%, 100% {
transform: translateY(0);
}
 75% {
transform: translateY(3px);
}
}
.intro_main{ width:100%; padding-bottom:100px;}
.intro_main .content_c .tt{ width:100%; padding:5% 0; text-align:center; }
.intro_main .content_c .main { width: 100%;background:#f7f7f7; }
.intro_main .content_c .main .about_l { position: relative; float: left; width:610px; height:450px; margin-right:40px;  }
.intro_main .main .about_r { position: relative; float: left; width:550px; padding:30px 0; }
.intro_main .main .about_r .intros_main { width:500px;height: 260px; overflow:hidden; padding:20px 0;  line-height: 26px; font-size: 12px; color: #666; }
.intro_main .main .about_r .intros_main p{ text-indent:24px;}
.intro_main .main .about_r .intros_main .scrollbox{ width:520px; height:260px; overflow-y:scroll;}


.partner_main{ width:100%; padding-bottom:200px;background: url(../images/about_1.jpg) no-repeat;background-size: 100% 100%;}
.partner_main .content_c .tt{ width:100%; padding:5% 0; text-align:center; }
.partner_main .content_c .main ul li{float:left; width:200px; height:150px;display: flex;align-items: center; background-color: #000;}
.partner_main .content_c .main ul.linkitembox{display: none;}
.partner_main .content_c .main ul li img{ max-width:100%;max-height: 100%;}
.partner_main .content_c .main ul li img.img_1{display: none;}
.partner_main .content_c .main ul li a{display:block; border:1px solid #545454;width:100%;height:100%;display: flex;align-items: center;justify-content: center;}
.partner_main .content_c .main ul li a:hover{ border:1px solid #fff;background-color: #fff;}
.partner_main .content_c .main ul li a:hover .img_1{display: block;}
.partner_main .content_c .main ul li a:hover .img_0{display: none;}
.partner_main .content_c .main .hd { position:relative; width: 100%; margin-top:30px;}
.partner_main .content_c .main .hd .btn { position: absolute; top:15px; display: block; width:36px; height: 35px; background: url(../images/icon.png) no-repeat; cursor: pointer; }
.partner_main .content_c .main .hd .next { background-position: -300px -300px; right: 0;  }
.partner_main .content_c .main .hd .prev { background-position: -250px -300px; right:50px;}
.partner_main .content_c .main .hd .next:hover { background-position: -400px -300px; }
.partner_main .content_c .main .hd .prev:hover { background-position: -350px -300px; }
.honor_main{ width:100%; padding-bottom:100px;}
.honor_main .content_c .tt{ width:100%; padding:5% 0; text-align:center; }


.honor_main  .picScroll-left { position: relative; }
.honor_main  .picScroll-left .hd { position:relative; width: 100%; }
.honor_main  .picScroll-left .hd .btn { position: absolute; top:15px; display: block; width:36px; height: 35px; background: url(../images/icon.png) no-repeat; cursor: pointer; }
.honor_main  .picScroll-left .hd .next { background-position: -300px -300px; right: 0;  }
.honor_main  .picScroll-left .hd .prev { background-position: -250px -300px; right:50px;}
.honor_main  .picScroll-left .hd .next:hover { background-position: -400px -300px; }
.honor_main  .picScroll-left .hd .prev:hover { background-position: -350px -300px; }
.honor_main  .picScroll-left .bd ul li{float:left; width:380px; height:280px; text-align:center; padding:5px; border:1px solid #ededed; display:inline; margin:0 4px;}
.honor_main  .picScroll-left .bd ul li img{ max-height:280px;}

/*项目案例*/
.case_main{ position:relative; width:100%; background:url(../images/case_page_bg1.jpg) no-repeat center top;}
.case_main .tt{ width:100%; padding:10% 0 5% 0; text-align:center; }
.case_main .content_c h3{ height:70px; margin-bottom:5%; line-height:70px; text-align:center; color:#fff; font-size:50px; font-weight:normal;}
.case_main .content_c .line{ margin:0 auto; width:70px; height:2px; background:#22d3b6;}
.case_main .next { position: absolute; z-index: 3; left: 50%; bottom:5%; width: 32px; height: 32px; cursor: pointer; }
.case_main .next .bg { position: absolute; left: 0; top: 0; width: 40px; height: 40px; background: rgba(255,255,255,0.5); border-radius: 5px; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); }
.case_main .next img { position: absolute; left: 8px; top: 8px; -webkit-animation: bounce-down 1.5s linear infinite; animation: bounce-down 1.5s linear infinite; }

.case_list { width:100%; padding-bottom:50px;}
.case_list .case_tt{ width:40%; height:60px; margin-bottom:50px; line-height:60px; background:#22d3b6; padding-left:20px; font-size:16px;}
.case_list .case_kinds{ display:none; padding-left:20px; line-height:40px; margin-bottom:60px; color:#666; font-size:14px;}
.case_list .case_kinds a{ display:inline-block; margin-right:50px; color:#333;border-bottom:1px solid #fff;}
.case_list .case_kinds a:hover,.case_list .case_kinds a.active{ border-bottom:1px solid #333;}
.case_list .case_c ul li{ width:100%; margin-bottom:60px; position: relative;}
.case_list .case_c ul li .li_l{ float:left;}
.case_list .case_c ul li .li_r{ float:right;}
.case_list .case_c ul li .li_l.text{ padding-left:130px; width:500px; padding-right:20px;}

.case_list .case_c ul li .pic{ position:relative; width:530px; margin-right:20px;overflow: hidden;}
.case_list .case_c ul li .pic a{display: inline-block;width: 100%;height: 100%;}
.case_list .case_c ul li .pic img{width:100%;cursor: pointer; transition: all 0.6s; }  
.case_list .case_c ul li .pic:hover img,.case_list .case_c ul li .pic img.active{transform: scale(1.06); }
.case_list .case_c ul li .pic:hover img.noscale{transform: scale(1); }
.case_list .case_c ul li .pic .bgHover{background: rgba(0,0,0,0);width: 100%;height: 100%;z-index: 99;position: absolute;top:0;left:0;}
.case_list .case_c ul li .pic:hover .bgHover,.case_list .case_c ul li .pic .bgHover.active{background: rgba(0,0,0,0.3)}
.case_list .case_c ul li .pic .showbox{ display:none; position:absolute; z-index:100; left:50%; margin-left:-50px; top:50%; margin-top:-20px; width:100px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:14px;}
.case_list .case_c ul li .pic:hover .showbox{ display:block;}


.case_list .case_c ul li .pic .showbox{ color:rgba(255,255,255,0); position:absolute; z-index:100; left:50%; margin-left:-50px; top:50%; margin-top:-20px; width:100px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:14px;}

.case_list .case_c ul li .pic:hover .showbox,.case_list .case_c ul li .pic .showbox.active{ display:block; color:rgba(255,255,255,1);}
.case_list .case_c ul li .text{ position:relative; width:650px; padding-top:0px;}
.case_list .case_c ul li .text .more_add{ position:absolute; right:0; top:0; width:90px; height:90px; font-size:40px; color:#333; line-height:90px; text-align:center;}
.case_list .case_c ul li .li_l.text .more_add{ left:0;}
.case_list .case_c ul li .text .more_add span{ display:block; width:90px; height:90px;}
.case_list .case_c ul li .text .more_add span.add{ display:none;    background-color: #22d3b6;}
.case_list .case_c ul li .text .more_add a:hover span.add{ display:block;}
.case_list .case_c ul li .text .more_add a:hover span.res{ display:none;}
.case_list .case_c ul li .text h3{ width:500px; height:auto; margin-bottom:5px; line-height:40px; font-weight:normal; font-size:16px;}
.case_list .case_c ul li .text h3 a{ color:#333; font-size:24px;}
.case_list .case_c ul li .text h3 a span{width: 100%; display: inline-block; font-size: 18px;}
.case_list .case_c ul li .linefg{width:10px;height:2px;overflow: hidden; background-color: #666666;display: block;margin-bottom:10px;}
.case_list .case_c ul li .linefg1{display: flex;align-items: center; font-size: 18px;padding-bottom: 10px;box-sizing: border-box;}
.case_list .case_c ul li .linefg1>span{margin-left: 10px;}
.case_list .case_c ul li .text h3 a:hover{ color:#22d3b6;}
.case_list .case_c ul li .text .intrs{ width:500px; color:#666; font-size:14px; line-height:30px;}
.case_list .loadmore{ width:100%; text-align:center;}
.case_list .loadmore img{ width:100%; max-width:496px;}

.case_list .filter{margin-bottom: 60px;}
.case_list .filter ul{overflow: hidden;}
.case_list .filter ul li{float: left;width: 80px;text-align: center;cursor: pointer;}
.case_list .filter ul li:first-child{width: 50px;color: #666;cursor: auto;}
.case_list .filter ul li.active{color:#22d3b6;border-bottom:#22d3b6 1px solid;}
/*案例详情*/
.case_banner{ position:relative; width:100%; height:950px; overflow:hidden;}
.case_banner .content_c{ position:absolute; left:50%; margin-left:-960px; top:0; width:1920px;height:950px;}
.case_banner .content_c img{ width:100%;}
.case_banner .nextpage{ position:absolute; top:50%; left:50%; margin-left:-600px; margin-top:50px;width:50px; height:50px; background:url(../images/load.gif) no-repeat center center; cursor:pointer;}
.case_detail{ width:100%;}
.case_detail .case_tt{ width:40%; height:60px; margin-bottom:50px; line-height:60px; background:#22d3b6; padding-right:20px;    text-align: right; font-size:16px;}
.case_detail .intros.m1{margin-bottom: 60px;}
.case_detail .case_tt.textleft{text-align: left;padding-left:20px;}
.case_detail .intros .intros_l{ float:left; width:520px; padding:30px 40px; line-height:40px; color:#333; font-size:20px; text-align:justify;}
.case_detail .intros .intros_l .squre{width:12px;height:12px;border-radius:100px; background-color: #22d3b6;display: inline-block;}
.case_detail .intros .intros_r{ float:left; width:600px;}
.case_detail .pic{ width:100%; margin:20px auto; text-align:center; overflow: hidden;}
.case_detail .pic img{ max-width:1200px;}
.case_detail .picbox{ position:relative; width:100%; height:auto; overflow:hidden;}
.case_detail .picbox .picbox_c{position:absolute; left:50%; margin-left:-960px; top:0; width:1920px;height:950px; text-align:center;}
.bigpicbox{width:100%;height:auto;}
.bigpicbox img{width:100%;height:auto;}