@charset "utf-8";
/* CSS Document */

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

/*content*/
.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}

/*second*/
.second{position:relative; max-width:640px;}
.second_bg{width:100%;height:570px;position:absolute; z-index:-1; display:block}
.second .grid_10{float:none; margin:0 auto}
.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%}

/*fourth*/
.white_bar{background:#fff;box-shadow: 0 1px 3px #c5c5c5; overflow:hidden}
.pic_news .button1{ margin-left:10px; margin-top:0}
.page-news-list a{ font-size:14px}
.data{width:60px; height:60px; display:block;background:#CCC;color:#333; text-align:center; line-height:60px}
.month{display:block;width:60px;text-align:center}
.page-news-list li{padding:10px;margin-bottom:15px;overflow:hidden;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s}
.page-news-list li a{font-size:16px; height:20px; line-height:20px; display:block; overflow:hidden}
.page-news-list li p{ padding-top:5px;color:#777}
.page-news-list li:hover{background:#ff6915}
.page-news-list li:hover p,.page-news-list li:hover .month{color:#fff}
.page-news-list li:hover .data{background:#FFF;}
.page-news-list li:hover a{color:#fff}
.page-news-list li:hover a:hover{color:#000}
.pic_news .new_img{max-height:160px; overflow:hidden}



/*News List Css*/
.news_list,.content {padding-right:30px; border-right:1px dashed #2d2d2d}
.news_list li{margin-bottom:25px;overflow:hidden;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; padding-bottom:10px; border-bottom:1px dashed #ccd}
.news_list li a{font-size:18px; display:block}
.news_list li p{ padding-top:5px}
.prnext a{padding:5px 10px; background:#eee; margin-right:5px}
.prnext a:hover{background:#A6A6A6; color:#fff}
.prnext b{padding:5px 10px;background:#A6A6A6; color:#fff; margin-right:5px}



/*==================================RESPONSIVE LAYOUTS===============================================*/
@media (min-width: 768px) and (max-width: 979px) {

.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;}

.second_bg{height:512px}

.web_feature .grid_4 {text-align:center}
.web_feature .grid_4 .l{float:none; margin:0 auto}
.r_web_1 .f32{font-size:26px}
.r_web_1 .f18{font-size:16px}

.web_way li{width:115px; height:100px; line-height:100px; font-size:16px}
.sort li{width:105px}
.case_pic{top:14px; left:15px; width:367px}
}
@media only screen and (max-width: 767px) {
.button1 { font-size:13px; padding:8px 10px}
.second_bg{height:590px}
.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}

}
@media only screen and (max-width: 479px) {
.second_bg{height:500px}
}