/* CSS Document */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {padding:0;margin:0; font-size:12px; }
body{ background-color:#FFFFFF;font: 12px "Microsoft Yahei"; position:relative;}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0; margin:0;}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%}
q:before,q:after{content:''}
abbr,acronym{border:0}
a:link,a:visited{ text-decoration:none;color: #333;}
a:hover{text-decoration: none;}

.wid1400{ max-width: 1400px; margin: 0 auto;}
.zt{width:100%; float:left;}
/*star banner*/
#full-screen-slider { width:100%; float:left; position:relative; display:block;}
#full-screen-slider img{max-height:100%; max-width:100%;}
/*end banner*/

.recommend{background: url(../images/bj_1.jpg) no-repeat center; padding:80px 0;}
.recommend_title{ width:100%; float:left; text-align:center;}
.recommend_title p{font-size:40px; color:#333; margin-bottom:5px;}
.recommend_title span{ font-size:16px; color:#ababab;text-transform:uppercase;}
.recommend_list{ width:100%;  float:left; margin-top:60px;}
.recommend_list ul li{width:23%; float:left; background:#fff; padding:1%; box-sizing:border-box; margin:0 1% 2% 1%}
.recommend_list ul li img{max-height:100%; max-width:100%;}
.recommend_list ul li p{font-size:16px; color:#686868; margin-top:20px; margin-bottom:10px; height:20px;overflow: hidden; }
.recommend_list ul li span{font-size:16px;}
.recommend_list ul li p:hover{color:#ff0000;}
.recommend_list ul li span:hover{color:#ff0000;}



/*搜素*/
.search{clear: both;overflow: hidden; width:100%; }
.search p.btb6{float: left; font-size: 28px;color: #042185;margin: 30px 0 20px; text-indent: 20px; font-weight: bold;letter-spacing: 3px; border-left: 4px solid #042185; }
.searchbg{  width:700px;height:40px;overflow:hidden; float:right; margin-top: 30px; }
.search_txt .text{width:474px;height:36px;line-height:36px;color:#4a4a4a;font-size:larger;border: 1px solid #adadad;text-indent: 10px;}
.search_btn .button{ height:40px;line-height:40px; width:100px; background:#042185;color:#fff; cursor:pointer;font-size:14px; border: none; }
.search_txt {  float:left;width:474px; height:40px; margin-left:5px;}
.search_btn{ float:left;}
.search .myp{line-height: 40px;width: 100px;background: #f60;display: block;float: right;text-align: center; color: #fff; font-size: 14px;}


/*关于我们*/

.about{background:#fff; padding:80px 0;}
.about_left{width:47%; float:left;}
.about_left p{font-size:40px; color:#333; margin-bottom:5px;}
.about_left i{font-size:16px; color:#f7f7f7; font-style:normal }
.about_left span.a_1{font-size:16px; color:#333; width:100%; float:left; margin-top:40px;line-height:30px;}
.about_left div{ float:left;background:#f5f5f5; padding:10px 40px; font-size:16px; color:#333; border-radius:50px; margin-top:60px; }
.about_left span.a_2{color:#ff0000;}
.about_left div:hover{background:#ff0000; color:#fff;transition:all 0.5s;}
.about_left div:hover span.a_2{color:#fff;transition:all 0.5s;}
.about_right{width:50%; float:right;}
.about_right img{max-height:100%; max-width:100%;}
/*经典案例*/
.case{background:#f5f5f5; padding:80px 0;}



	/* 本例子css */
		.case_list{  text-align:left; width:100%; float:left; margin-top:60px;  }
		.case_list .hd{ height:30px; line-height:30px; background:#f4f4f4; padding:0 10px 0 20px; position:relative; }
		.case_list .hd ul{ float:left; width:100%; height:32px;   }
		.case_list .hd ul li{ float:left; width:12%; height:44px; cursor:pointer; text-align:center; border:1px solid #a7a7a7; font-size:16px; color:#333333; line-height:44px; border-radius:10px; background:#fff; margin-left:1.75%;  }
		.case_list .hd ul li.on{ height:44px;  background:#ff0000; border:1px solid #ff0000; color:#fff;}
		.case_list .bd ul{ padding:15px;  zoom:1; margin-top:40px;  }
		.case_list .bd li{ width:31%; float:left;line-height:24px; background:#fff; padding:1%; box-sizing:border-box; margin:0 1%; text-align: center;  }
		.case_list .bd li img{ max-height:100%; max-width:100%;}
.case_list .bd li p{font-size:18px; color:#333; text-align:center; margin-top:10px; margin-bottom:5px;    height: 22px;
    overflow: hidden;width: 100%;
    float: left;}

/*新闻*/

.news{ background:#fff; padding:80px 0;}
.news_list{ width:100%; float:left; margin-top:60px;}
.news_list ul li{width:22%; float:left; padding:1%; box-sizing:border-box; background:#f5f5f5; margin:0 1.5%;}
.news_list ul li img{max-height:100%; max-width:100%;}
.news_list ul li p{width:100%; float:left; font-size:16px; color:#333333; border-bottom:1px solid #dfdfdf; height:45px; line-height:45px; overflow:hidden;}
.news_list ul li span{width:100%; float:left; font-size:14px; color:#898989; height:45px; line-height:25px; overflow:hidden; margin-top:10px;}
.news_list ul li i{float:left; font-size:14px; color:#898989; font-style:normal; margin-top:10px;}
.news_list ul li div{float:right; font-size:16px; color:#898989;margin-top:10px;}
.news_list ul li p:hover{color:#ff0000;}

.news_list ul li div:hover{color:#ff0000;}
.news_list ul li:hover{box-shadow:0px 1px 5px rgba(0,0,0,0.5);transition:all 0.5s;} 


/*合作品牌*/

.brand{ background:url(../images/bj_3.jpg) no-repeat center; padding:80px 0;}
.brand_title{ width:100%; float:left; text-align:center;}
.brand_title p{font-size:40px; color:#fff; margin-bottom:5px;}
.brand_title span{ font-size:16px; color:#ababab;text-transform:uppercase;}
.brand_nr{width:100%; float:left; margin-top:50px;}
.brand_nr img{max-height:100%; max-width:100%;}

/*技术文章*/
.article{background:#fff; padding:80px 0;}
.article_nr{width:100%; float:left; background:#f5f5f5; padding:1%; box-sizing:border-box; margin-bottom:20px; margin-top:60px;}
.article_nr .js_1{width:25%; float:left;}
.article_nr .js_1 img{max-height:100%; max-width:100%;}
.article_nr .js_2{width:73%; float:left; padding:2%; box-sizing:border-box;}
.article_nr .js_2 p{ width:100%;float:left; font-size:22px; color:#333; margin-top:10px;}
.article_nr .js_2 span{width:100%; float:left; font-size:16px; color:#858585; line-height:30px; margin-top:20px; margin-bottom:30px;}
.article_nr .js_2 i{float: left; font-size:16px; color:#858585;font-style:normal }
.article_nr .js_2 div{float:right; font-size:14px; color:#858585; padding:10px 40px; background:#fff; border-radius:50px;}

.article_nr .js_2 p:hover{color:#ff0000;}
.article_nr .js_2 div:hover{color:#fff; background:#ff0000;transition:all 0.5s;}
.article_list{width:100%; float:left;}
.article_list ul li{width:48%; float:left; border-bottom:1px dashed #e4e4e4; margin-right:2%; padding:15px 0; }
.article_list ul li p{font-size:16px; color:#333; display:inline;    width: 80%;
    float: left;
    overflow: hidden;
    height: 20px;}
.article_list ul li  span{font-size:14px; color:#858585; text-align:right; float:right;}
.article_list ul li p:hover{color:#ff0000;}


/*底部*/

.foot{background: url(../images/bj_4.jpg) no-repeat center; padding:50px 0 30px 0; overflow:hidden;}


.contant_line_box { width:100%; float:left;}
.contant_line_box ul li{ width:20%; float:left;}
.contant_line_box ul li p{color:#fff; font-size:14px; line-height:25px;}
.contant_line_box ul li.dz{width:25%;}
.contant_line_box ul li img.ioc{margin-top:10px; margin-bottom:15px;}
.contant_line_box ul li.ewm{ width:132px; text-align:center; float:right;}




.footer{ background:#222; overflow:hidden; width:100%; float:left;padding: 50px 0 0px 0;}

.footer.fin .wrap{ max-width:1410px;}
.footer .ftel{ float:left; border-left:1px solid #343434; padding-left:30px;}
.footer .ftel .p1{ font-size:14px; font-weight:bold; display:block; color:#bfbfbf;}
.footer .ftel .line{width:17px; height:2px; background:#787878; margin-top:25px; content:''; display:block; overflow:hidden; margin-bottom:20px;}
.footer .ftel .p2{ color:#888; }
.footer .ftel h2{ font-weight:normal; font-size:30px; color:#fff; font-weight:bold; font-family:'HelveticaNeueLTCom-LtEx';}
.footer .ftel .p3{ margin-left:117px; color:#666;}
.footer .ftel .share{ margin-top:34px;}
.footer .ftel .share a{ width:36px; height:36px; border-radius:50%; float:left; margin-right:12px; position:relative;}
.footer .ftel .share a.a2{ background-position:-49px 0;}
.footer .ftel .share a.a3{ background-position:-98px 0;}
.footer .ftel .share a.a4{ background-position:-149px 0;}
.footer .ftel .share a.a5{ background-position:-199px 0;}
.footer .ewm{ float:right; width:133px; text-align:center;}
.footer .ewm .p1{ width:133px; height:133px;  overflow:hidden;}
.footer .ewm .p1 img{ display:block; margin:0 auto; width:120px; height:120px; margin-top:6px;}
.footer .ewm .p2 { color:#666; padding-top:10px;}
.footer .ftel .share a img{ position:absolute; width:150px; height:150px; left:-50px; top:-160px; max-width:180px; border:1px solid #eee; background:#fff; position:absolute; transform:scale(0); opacity:0; transform-origin:center top; transition:all 0.5s ease; box-shadow:#333 0 0 10px;}
.footer .ftel .share a:hover img{ transform:scale(1); opacity:1;}
 .fl{ width:60%; float:left;}
 .fr{ width:40%; float:left;}
.footer dl{ float:left; width:22%;}
.footer dl dt a{ font-size:14px; font-weight:bold; display:block; color:#bfbfbf;}
.footer dl dt:after{ width:17px; height:2px; background:#787878; margin-top:25px; content:''; display:block; overflow:hidden; margin-bottom:20px;}
.footer dl dd a{ font-size:12px; display:block; line-height:40px; color:#666;}
.footer dl dd a:hover{ color:#e50021;}
.footer dl.dl2{ width:45%; padding-right:10%;}
.footer dl.dl2 dd{ float:left; width:33.333333%;}
.footer .copyright{ border-top:1px solid #343434; padding:20px 0; overflow:hidden; margin-top:65px; font-size:12px; color:#5d5d5d; line-height:25px; width:100%; float:left;} 












@media screen and (max-width:1600px){



}

@media screen and (max-width:1400px){

}


@media screen and (max-width:1350px){
.article_list ul li p{margin-top:10px;}
}