@import "grid.css";
@import "jiulian.css";


.img_wrap2{display: block;padding:8px;background:#fff;box-shadow:0px 0px 4px #d2ccc1;position: relative;}
a.img_wrap1:hover strong, a.img_wrap2:hover strong{height:100%;width:100%;}
.button1,.button2,.button3{display:inline-block; padding:12px 30px;margin: 18px 0 0; font-size: 16px; color:#fff; text-transform:uppercase; background:#ff6915;position:relative;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s}
.button2{background:#28b5d2}
.button3{background:#000}
.button1:hover{color:#fff; background:#28b5d2}
.button2:hover{color:#fff; background:#ff6915}
.button3:hover{color:#fff;background:#ff6915}

.ico_block,.ico_block1{margin:0 auto;width:120px; height:120px;border-radius:50%; display:block}
.ico_block1{width:100px;height:100px}
.ico_block img,.ico_block1 img{padding:20px}

.block_name {font-style: italic}
.block_name h2{margin-right:10px; line-height:36px}
.h_name{position:relative; border-bottom:1px solid #9bd9e6}
.h_arrow{position:absolute; z-index:1; left:50%; margin-left:-31px; bottom:0; margin-bottom:-31px}
.second .grid_5 img{ width:80%}

.third .block_name {margin-left:auto;margin-right:auto; width:230px;}
.case_show {position:relative;}
.case_show img{transition: .9s;-moz-transition: .9s;-webkit-transition: .9s;-o-transition: .9s;line-height: 1em}
.case_show a:hover img{transform: scale(1.2);-webkit-transform: scale(1.2);-o-transition: scale(1.2); max-height:260px}

.fifth .block_name {font-style: normal}
.talk li{background:#28b5d2; padding:20px 25px 10px}
.fifth .fifth_bg{background: url(../image/fifth_bg.png) no-repeat right 60px; padding-right:40px}
.faqbar ul{background: url(../image/faq_num.png) no-repeat left 0; padding-left:60px}
.faqbar li{ border-bottom:1px dashed #ccc;}

article h1{float: none}

.super h3{margin:0 auto;width:140px; height:140px; line-height:140px; text-align:center; border:5px solid #fff;border-radius:50%; margin-top: -60px;transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;*+height:200px;}
.super p{padding:20px;}
.turn{-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); -moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); -ms-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);*+height:50px; *+text-align:center; *+font-size:2em; *+padding-top:15px}
.super h3:hover{border:5px solid #ccc; background:#939393;width:135px; height:135px;-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg)}

.site_type h3{font-size:32px}
.site_type p{font-size:20px; line-height:32px; }
.site_type .grid_4{float:left; margin-top:80px}
.b1,.b2,.b3{display:inline-block; width:180px; height:55px; line-height:50px;margin: 18px 0 36px; font-size: 22px;text-transform:uppercase; background:#fff;position:relative;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s}
.b1:hover{background:#ffa000; color:#fff}
.b2:hover{background:#ff6915; color:#fff}
.b3:hover{background:#008dc6; color:#fff}
.b1:after,.b2:after,.b3:after {content:"";display:block;height:84px;left:8px;position:absolute;top:6px;width:270px;background:url(../image/botton_bg.png) no-repeat; background-size: auto}
.b2:after {background-position:0 -84px}
.b3:after {background-position:0 -168px}
.cont_01{background:url(../image/cont_01.png) no-repeat bottom center;}
.page_1 .grid_8,.page_1 .grid_5{float:none; margin:0 auto}
.our_team{background:url(../image/our_team.jpg) no-repeat top center; overflow:hidden}
.client li{overflow:hidden}
.client p{padding:15px; border-radius:10px; width:62%}
.client span{background:url(../image/cont_03.png) no-repeat 0 30px; padding-left:60px; overflow:hidden}
.client img{border-radius:50px; padding:10px}

.dark-text {
    color: #797d87;
}

.yellow-txt {
    color: #ffe582;
}

.bg_j{ background:url(404.png) no-repeat left 5px; padding-left:25px;}


@media (min-width: 980px) and (max-width: 1199px) {
.second_bg{height:524px}
.case_pic{top:17px; left:19px; width:470px}
}
@media only screen and (max-width: 1199px) {
.client p{width:58%}
}
@media (min-width: 768px) and (max-width: 979px) {
h1 img{ width:170px}
.super .grid_4 h3{font-size:22px;width:120px; height:120px; line-height:120px; }
.site_type h3{width:100px; height:100px; line-height:100px; margin-top:-60px;font-size:22px}
.site_type p{font-size:16px; line-height:24px}
.b1,.b2,.b3{width:142px; height:46px; line-height:46px;margin: 18px 0 18px; font-size: 18px}
.b1:after,.b2:after,.b3:after {height:60px;left:8px;position:absolute;top:8px;width:200px;background-size:100%}
.b2:after {background-position:0 -66px}.b3:after {background-position:0 -132px}
.site_type h3:hover{width:90px; height:90px;line-height:90px; margin-top:-50px;}
.client span{width:22%}
.client p{width:50%}
.r_web_1 .f32{font-size:26px}
.r_web_1 .f18{font-size:16px}
.sort li{width:105px}
.case_pic{top:14px; left:15px; width:367px}
}
@media only screen and (max-width: 767px) {
h1 img{ width:180px;}
.button1 { font-size:13px; padding:8px 10px}
.data,.month{ width:70px}
.fifth .fifth_bg{background: none; padding-right:0}
.call{margin:0 auto;width:100%;background:#272727;height:80px; padding-top:10px}
.call a{width:50px; height:80px; margin:0 30px;color:#949393;display: inline-block}
.super .grid_4{float:left;margin-bottom:40px;}
.super .grid_4 h3{font-size:26px;width:140px; height:140px; line-height:140px}
.super .f16{font-size:16px}
.client span{width:20%}
.client p{width:60%}
.fifth .fifth_bg .r{ float:left}
.fifth .fifth_bg .text_r{text-align:left}
.partners{display:none}
.our_team .f48{font-size:22px}
.our_team .f26{font-size:16px}
.web_grounds .f18{font-size:16px;text-align:left}
.w_first .f32{font-size:22px}
.w_first .f18{font-size:16px}
.w_second .f32{font-size:22px}
.w_second .f16{font-size:14px}
.news_list,.content {padding-right:0; border-right:0}
.news_list li a{font-size:16px}
.case_pic{top:15px; left:17px; width:425px}
.support{display:none}
.footer-copyright a{position: inherit; display:block}
#Html5Video{width:400px; height:261px}
.re_first .f32{font-size:20px}
.re_first .f18{font-size:16px}
.re_first img{ width:120px}
}
@media only screen and (max-width: 479px) {
h1 img{width:160px}
.fifth time{display:none}
.fifth h3{ line-height:32px}
.faqbar ul{background: url(404.png) no-repeat left 15px}
.second_bg{height:500px}
.block_name .f14{font-size:12px}
.m_r15{margin-right:0}
.call a{margin:0 10px}
.super .grid_4 h3{font-size:18px}
.site_type .grid_4 h3{font-size:22px}
.site_type .grid_4 p{font-size:16px; margin-right:0}
.client span{width:25%;padding-left:50px; }
.client p{width:46%}
.our_team .f48{font-size:18px}
.our_team .f26{font-size:14px}
.marketing_1 h2.f32{text-align:left}
.marketing_1 .f18{font-size:16px; text-align:left}
.r_web_1 .f18{font-size:14px}
.case_pic{top:11px; left:12px; width:295px}
#Html5Video{width:320px; height:209px}
.re_first .f32{font-size:18px}
.re_first .lh_32{line-height:22px}
.re_first .f18{font-size:14px}
}