/* 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%; height:750px; position:relative; display:block;}
#slides { display:block; width:100%; height:750px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
/*end banner*/


/*关于我们*/

.about{background:#fff; padding:60px 0;}
.about_title{ width:100%; text-align: center; float: left;}
.about_title p{  font-size:40px; color:#dfd2b0; font-family:Bahnschrift; margin-bottom:5px;text-transform:uppercase;}
.about_title span{font-size:40px ; color:#333333;}
.about_title dt{ width:56px; height:3px; margin:auto; background:#f00; margin-top:20px;}
.about_introduce{ background:#f4f1ea; width:100%; float:left; padding:25px 0; margin:60px 0 ;}
.about_introduce ul li{width:20%; float:left;  text-align:center;}
.about_introduce ul li img{ max-height:50px; max-width:50px;}
.about_introduce ul li p{font-size:14px; color:#6a6a6a; margin-top:10px;}
.about_left{width:50%; float:left;}
.about_left img{max-height:100%; max-width:100%;}
.about_right{width:45%; float:right;}
.about_right dt{ width:56px; height:3px; background:#ff0000; margin-top:20px;}
.about_right p{font-size:25px; color:#333333; font-weight:bold; margin:40px 0 30px 0; }
.about_right span{font-size:16px; color:#6a6a6a; line-height:30px; display:inherit}
.about_right a{width:184px;  height:42px; float:left; background:#f4f1ea; text-align:center; line-height:42px; color:#333333; margin-top:30px;}
.about_right a:hover{background:#f00; color:#fff;transition:all 0.3s;}


/*推荐*/

.recommend{background:url(../images/bj_2.jpg) no-repeat center; padding:60px 0;}
.recommend_list{width:100%; float:left; margin-top:40px;}
.recommend_list ul li{width:20%; float:left;text-align:center; padding:7px; box-sizing:border-box;}
.recommend_list ul li dt{width:100%; float:left; padding:15px; box-sizing: border-box; background:#fff;}
.recommend_list ul li dt div{width:100%; float:left; position:relative; height:230px;}
.recommend_list ul li dt div img{max-height:100%; max-width:100%; position:absolute; top:0; right:0; left:0; bottom:0; margin:auto;}
.recommend_list ul li dt p{font-size:15px; color:#333; margin-top:10px; float:left; width:100%;text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;height:40px; }
.recommend_list ul li dt p:hover{color:#f00;}



/*搜素*/
.search{clear: both;overflow: hidden; width:100%; }
.search p.btb6{float: left; font-size: 28px;color: #f00;margin: 30px 0 20px; text-indent: 20px; font-weight: bold;letter-spacing: 3px; border-left: 4px solid #f00; }
.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:#f00;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;}

/*新闻*/

.news_left{ width:30%; float:left; background:#f9f9f9;box-shadow:1px 1px 5px rgba(0,0,0,0.2); margin-top:60px; }
.news_left img.t_1{max-height:100%; max-width:100%;}
.bh{width:100%; float:left; padding:30px; box-sizing:border-box;}
.nr{width:70%; float:left;}
.nr p{font-size:20px; color:#686868;text-overflow:ellipsis ;white-space:nowrap; overflow:hidden;}
.nr span{font-size:14px; color:#acacac; margin-top:20px; display:block;}
.news_left img.t_2{max-height:100%; max-width:100%; margin-top:20px; margin-left:50px;}
.nr p:hover{ color:#f00;}

.news_right{width:70%; float:left; margin-top:60px;}
.news_right ul li{ width:47%;background:#f9f9f9; padding:25.7px 20px; box-sizing:border-box; float:left;box-shadow:1px 1px 5px rgba(0,0,0,0.2); margin:0 0% 3% 3%  }
.news_right ul li p{width:30%; border-right:1px solid #dddddd; text-align:center; font-size:14px; color:#686868; line-height:38px; float:left;}
.news_right ul li span{font-size:25px;}
.news_right ul li dt{width:60%; float:right;}
.news_right ul li dt i{width:100%; float:left; font-size:18px; color:#686868; font-style:normal ;text-overflow:ellipsis ;white-space:nowrap; overflow:hidden;}
.news_right ul li dt img{max-height:100%; max-width:100%; margin-top:20px;}
.news_right ul li dt i:hover{color:#f00;}
.news_right ul li dt span{width:100%; float:left; font-size:14px; color:#999;text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical; margin-top:10px; }

/*技术文章*/

.article{ background:url(../images/bj_3.jpg) no-repeat center; padding:80px 0;}
.article_list{width:100%; float:left; margin-top:60px;}
.article_list ul li{width:50%; float:left;background:#fff;}
.article_list ul li .js_3{width:50%; float:left;}
.article_list ul li .js_2{width:50%; float:left; padding:20px; box-sizing:border-box; }
.article_list ul li img{ max-height:100%; max-width:100%; float:left;}
.article_list ul li p{font-size:20px; color:#333333; margin-top:20px;height: 26px;overflow: hidden;}
.article_list ul li span{font-size:14px; color:#8a8a8a; line-height:25px; display:block; height:80px; overflow:hidden; margin-top:20px;}
.article_list ul li i{float:left; font-size:14px; color:#8a8a8a;font-style:normal; margin-top:20px; }
.article_list ul li dt{ width:73px; background:url(../images/jt_2.png) no-repeat; font-size:14px; float:right; text-align: right; line-height:16px; margin-top:20px;}
.article_list ul li p:hover{color:#f00;}
.article_list ul li dt:hover{background:url(../images/jt_3.png) no-repeat;color:#f00;}


/*咨询*/

.information{ background:url(../images/obg5.jpg);    background-position: center center;background-attachment: fixed; height:500px;}
.information_nr{width:100%; float:left; text-align:center; margin-top:150px;}
.information_nr p{font-size:43px; color:#fff; font-weight:300; margin-bottom:10px;}
.information_nr span{font-size:18px; color:#fff;font-weight:300; margin-top:10px;text-transform:uppercase; }
.information_nr a{width:178px; height:44px; border:1px solid #fff; text-align:center; line-height:44px; font-size:15px; color:#fff; margin:auto; display:block; margin-top:50px;}
.information_nr a:hover{ border:1px solid #f00;color:#f00;}





/*底部*/


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


#full-screen-slider_1 { width:100%; float:left;}
#full-screen-slider_1 img{max-height:100%; max-width:100%;}













@media screen and (max-width:1600px){
#full-screen-slider{display:none;}
	/*star banner2*/

#slides_1 { display:block; width:100%; height:744px; list-style:none; padding:0; margin:0; position:relative}
#slides_1 li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides_1 li a { display:block; width:100%; height:100%; text-indent:-9999px}




}

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

}


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