@import "grid1.css";
@import "jiulian.css";


*+html .container{ margin-top:30px;}
*+html .news_list, *+html .content{ margin-right:30px;}
header,nav,article,section,aside,footer{display:block;}
.bdcs-container .bdcs-main,.bdcs-container .bdcs-main *{box-sizing:content-box;margin:0;padding:0;float:none;clear:none;overflow:hidden;white-space:nowrap;word-wrap:normal;border:0;background:0 0;width:auto;height:auto;max-width:none;min-width:none;max-height:none;min-height:none;border-radius:0;box-shadow:none;transition:none;text-align:left}
	.bdcs-container .bdcs-clearfix:after{content:'';display:block;clear:both;height:0}
	.bdcs-container .bdcs-clearfix{zoom:1}
	.bdcs-container .bdcs-main{overflow:visible}
	.bdcs-container .bdcs-search{display:block;overflow:visible;position:relative;border-style:solid}
	.bdcs-container .bdcs-search-form-input-wrap{display:inline-block}
	.bdcs-container .bdcs-search-form-input{border-width:1px;border-style:solid;display:inline-block;vertical-align:top;text-indent:5px;background-color:#fff;float:left}
	.bdcs-container .bdcs-search-form-input:focus{border-width:1px;border-style:solid;outline:0}
	.bdcs-container .bdcs-search-form-submit-wrap{display:inline-block}
	.bdcs-container .bdcs-search-form-submit{display:inline-block;cursor:pointer;border-width:1px;border-style:solid;vertical-align:top;text-align:center;width:50px;//_overflow:hidden}
	.bdcs-container .bdcs-search-form-submit-magnifier{width:45px;padding:0;text-indent:-999em;overflow:hidden;background:url(../image/magnifier-icon.png) no-repeat center center;_background:url(../image/magnifier-icon_ie6.png) no-repeat center center}
	div#default-searchbox .default-channel-meun{position:relative;width:75px;display:inline-block;vertical-align:middle;cursor:pointer;background:#fff;float:left;overflow:visible}
	div#default-searchbox .default-channel-current{border:1px solid;position:relative;width:100%;border-right:0}
	div#default-searchbox .default-channel-current span{margin-left:8px}
	div#default-searchbox .default-channel-current i{overflow:hidden;width:0;height:0;border-width:6px 6px 0;border-color:#9E9E9E #fff;border-style:solid;display:block;position:absolute;right:10px;top:11px}
	div.cse-default-channel-container{display:block;position:absolute;z-index:30061000000}
	div.cse-default-channel-container .default-channel-list{display:none;width:99%;list-style:none;background:#fff;border:1px solid #DDD;border-top:0;margin:0;padding:0}
	div.cse-default-channel-container .default-channel-list li{background:0 0;line-height:24px;list-style:none;display:block;padding-left:7px;cursor:pointer}
	div.cse-default-channel-container .default-channel-list li:hover{background:#DDD}
	.bdcs-container .bdcs-search-form-input-notspan{margin-left:0px;font-family:Arial,Microsoft YaHei,sans-serif;color:#000000;font-size:14px;}
	.bdcs-container .bdcs-search-form-input .icon-nofocus{left:;right:;top:;height:;width:;}
	.bdcs-container .bdcs-search{width:332px;height:35px;overflow:visible;border-color:#ffffff;border-radius:0px;border-width:0px;box-shadow:none;background-color:none;}
	.bdcs-container .bdcs-search-form-input{border-color:#a6a6a6;margin-right:10px;width:258px;height:33px;line-height:33px;font-family:Arial,Microsoft YaHei,sans-serif;color:#000000;font-size:14px;border-radius:0px;background-color:#FFFFFF;}
	.bdcs-container .bdcs-search-form-input:focus{border-color:#f79646;}
	.bdcs-container .bdcs-search-form-submit{border-color:#a6a6a6;height:33px;width:60px;background-color:#f5f5f5;color:#000000;font-family:Arial,Microsoft YaHei,sans-serif;font-size:14px;border-radius:0px;}
	.bdcs-container .bdcs-search-form-submit{*height:35px;*margin-top:1px;}
	.bdcs-container .bdcs-search-form-submit{line-height:33px;}

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

.second{position:relative}
.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%}

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

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

.fifth .block_name {font-style: normal}
.talk li{background:#28b5d2; padding:20px 25px 10px}
.fifth .fifth_bg{background: url(404.png) no-repeat right 60px; padding-right:40px}
.new-list ul li,.new-list ul li a{line-height:30px;background:#ff6915;transition:padding 0.5s;-moz-transition:padding 0.5s; -webkit-transition:padding 0.5s;-o-transition:padding 0.5s; border-bottom: 1px solid #ddd;overflow:hidden}
.new-list ul li a{background: #fff;border:0;display:block}
.new-list ul li:hover{padding:0 15px 0 50px}
.new-list ul li a:hover{padding-left:20px; padding-right:10px}
.faqbar ul{background: url(404.png) no-repeat left 0; padding-left:60px}
.faqbar li{ border-bottom:1px dashed #ccc;}
.contact_us{background: url(404.png) no-repeat fixed 0 center; min-height:300px}
.contact_us a{margin:0 auto; height:120px; background:#008dc6; font-size:16px; color:#fff; display:block;-webkit-transition:all 0.9s ease 0s;-o-transition:all 0.9s ease 0s;transition:all 0.9s ease 0s}
.contact_us a:hover{background:#ff9f00}
.contact_us img{margin:0 auto 10px; width:72px; padding-top:20px; display:block}



#form {padding:0px 0 3px 0;}
#form .success {width:246px; margin-bottom:20px; }
#form textarea, #form1 input {margin:0;font-size:13px; border:1px solid #c2c1c1; color:#736c67; padding:7px 12px 8px;outline:none; position:relative; font-family:Arial, Helvetica, sans-serif;background:#fff;}
#form input {width:274px;}
#form textarea {overflow:auto; width:274px; height:161px;resize:none; float:left; margin: 0 0 0 0;}	
#form .label {display:block; min-height:43px; overflow:hidden;}	
#form .label .message { display:block; padding-bottom:0; }
#form .error, #form1 .empty, #form1 .success {display:none;}	
#form .error, #form1 .empty {text-align:left; color:red; font-size:11px; clear:both;}
#form span{ display:block; margin: 0px 0 0 5px;}

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

.new-pic img{min-height:100px}
.sort li{float:left; width:110px; background:#28b5d2; margin:5px}
.sort li a{ line-height:32px; color:#fff; font-size:16px; display:block}
.sort li a:hover{background:#4c4c4c}

.list1 li{padding-left:24px;padding-top:1px;margin-bottom:8px;}
.list1 a{line-height: 18px; text-transform:uppercase;display:inline-block;position: relative;}
.list1 li a:before{position: absolute;width: 13px;height: 13px;content: '';top: 2px;left: -23px;background: url(../image/list_marker.png)  no-repeat;transition: 0.7s;-webkit-transition: 0.7s;-moz-transition: 0.7s}
.list1 li a:hover:before{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg)}

.page_info{text-align:center;margin-top:10px;color:#333;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:26px;line-height:26px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:12px;margin-top:20px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;}
.news_list, .content{border-right:0;}
.content{width:1100px;}
.content h1,.content .b_m_line,.m_t10{ text-align:center;}


@media (min-width: 980px) and (max-width: 1199px) {
.second_bg{height:524px}
.web_way li{width:150px}
.case_pic{top:17px; left:19px; width:470px}
}
@media only screen and (max-width: 1199px) {
.banner_img{right:5%; width:50%}
.client p{width:58%}
.banner_text_4 .f36{font-size:26px}
.banner_text_4 .f22{font-size:18px}
}
@media (min-width: 768px) and (max-width: 979px) {
h1 img,#logo img{ width:170px}
.sf-menu a {margin:0px 0;padding:10px 12px;border-radius:5px}
.sf-menu > li:hover a,.sf-menu > li:hover > a,.sf-menu > li.sfHoverForce > a {padding:12px 12px}
.sf-menu ul {margin:20px 0 0 0px;top:40px}
.partners{display:none}
.about_banner .row{bottom:60px}
.super .grid_4 h3{font-size:22px;width:120px; height:120px; line-height:120px; }
.web_banner{font-size:22px}
.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%}
.second_bg{height:512px}
.banner_text_3{bottom:30%; left:10%}
.banner_text_4 .f36{font-size:22px}
.banner_text_4 .f22{font-size:16px}
.banner_text_4 .f18{font-size:16px}
.banner_text_4 img{ width:110px}
.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}
.w_second .f32{font-size:22px}
.w_second .f16{font-size:14px}
.w_second .lh_26{line-height:22px}
.w_second .m_t20{margin-top:10px}
.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) {
h1 img,#logo img{ width:180px;}
.top{display:none}
header{border-bottom:3px solid #28b5d2;}
header h1, #logo{ float:none;}
.sf-menu li {margin:0 2px;}
.sf-menu a{ padding:10px 2px; font-size:12px;}
.sf-menu > li:hover a, .sf-menu > li:hover > a, .sf-menu > li.sfHoverForce > a{padding:10px 2px;}
.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}
.about_banner .grid_9{float:none; width:480px}
.about_banner .row{margin-left:10px;bottom:30px}
.about_banner .grid_2{float:left; width:90px; margin-left:20px}
.about_banner .grid_2 a{font-size:14px; line-height:36px}
.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}
.web_banner{font-size:16px}
.web_banner .f36{font-size:22px}
.web_banner .f24{font-size:18px}
.site_type h3{width:100px; height:100px; line-height:100px; margin-top:-60px;font-size:22px}
.site_type p{font-size:18px; line-height:32px}
.second_bg{height:590px}
.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}
.banner_text_3{bottom:25%; left:10%}
.our_team .f48{font-size:22px}
.our_team .f26{font-size:16px}
.banner_text_4{bottom:20%}
.banner_text_4 .f36{font-size:18px}
.banner_text_4 .f22{font-size:14px}
.banner_text_4 .f18{font-size:14px}
.banner_text_4 img{ width:60px}
.web_grounds .f18{font-size:16px;text-align:left}
.web_feature .row {margin-left:-20px}
.web_feature .grid_4 {float:left; width:220px; margin-left:20px;text-align:center}
.web_feature .grid_4 .l{float:none; margin:0 auto}
.w_first .f32{font-size:22px}
.w_first .f18{font-size:16px}
.w_second .f32{font-size:22px}
.w_second .f16{font-size:14px}
.web_way li{width:145px; height:100px; line-height:100px; font-size:16px}
.news_banner .grid_9{float:none; margin:0 auto; width:480px}
.news_banner .grid_3 {width:130px}
.news_banner .grid_3 a{font-size:18px;line-height:60px}
.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,#logo 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}
.contact_us .grid_3{margin-left:20px}
.contact_us img{display: inline-block}
.contact_us a{height:80px}
.m_r15{margin-right:0}
.call a{margin:0 10px}
.page_banner img{min-width:300px}
.about_banner .grid_9{width:320px}
.about_banner .row{margin-left:0;bottom:20px}
.about_banner .grid_2{float:left; width:130px; margin-bottom:10px}
.about_banner .grid_2 a{font-size:14px; line-height:36px}
.web_banner{font-size:13px}
.web_banner .page_banner img{min-height:140px}
.banner_text_1{position: absolute; bottom:60%; left:5%; z-index:2;}
.web_banner strong{font-size:140%}
.banner_img{right:5%; width:60%}
.web_banner .f36{font-size:18px}
.web_banner .f24{font-size:13px}
.web_banner .f18{font-size:14px}
.history ul{display:none}
.history ol{display:block}
.history ol li{color:#fff; padding:8px 0; border-bottom:1px solid #ddd}
.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}
.web_feature .row {margin-left:0px}
.web_feature .grid_4 {float:none; width:100%; margin-left:0}
.web_feature .grid_4 .l{float:none; margin:0 auto}
.banner_text_4 .f36{font-size:14px}
.banner_text_4 .f22{font-size:9px}
.banner_text_4 .f18{font-size:9px}
.banner_text_4 img{ width:40px}
.banner_text_4{bottom:5%}
.r_web_1 .f18{font-size:14px}
.web_way li{width:150px}
.news_banner .grid_9{float:none; margin:0 auto; width:320px}
.news_banner .grid_3 {float:left;width:90px; margin-left:10px}
.news_banner .grid_3 a{font-size:16px;line-height:40px}
.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}

}