@charset "utf-8"; 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0}
body,button,input,select,textarea{font:12px/24px \5B8B\4F53,Arial,sans-serif; outline:none}
h1,h2,h3,h4,h5,h6{font-size:100%}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal}
ul,ol{list-style:none}
fieldset,img{border:0}
table{border-collapse:collapse; border-spacing:0}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:none}
.clearfix:after,.w1220:after,.shzrList li:after,.newsList li:after{content:'\0020'; display:block; height:0; clear:both}
.clearfix,.w1220,.shzrList li,.newsList li{*zoom:1}
.fl{float:left;}
.fr{ float:right;}
.indent{ text-indent:2em;}
.w1220{ width:1220px; margin:0 auto;}
body{ background:#FFF; color:#333; font:normal 12px/24px \5FAE\8F6F\96C5\9ED1;}
.header{ background:#ffffff; height:101px;}
.header .logo{ width:325px; height:117px;}
.header .topRight{ width:895px; padding-top:0;}
.topRight .search{ line-height:31px;}
.searchMain{ display:block; background:url(../images/index/jn_02.jpg) no-repeat; width:245px; height:31px;}
.topRight .login{ font-size:12px; color:#e0e0e0; padding-right:30px;}
.topRight .login a{ color:#8a939c;}

.header .nav{}
.header .nav ul li{float:left; position:relative; line-height:98px; height:98px;}
.header .nav ul li a{ display:block; float:left; padding:0 25px; height:98px; text-align:center; font-size:16px; color:#232323;border-left:1px solid #fff;border-right:1px solid #fff;}
.header .nav ul li a:hover{text-decoration:none;color:#232323;border-bottom:#bb4847 solid 3px;border-left:1px solid #efefef;border-right:1px solid #efefef;}
.header .nav ul ul{ display:none;}
.header .nav li ul{ position:absolute; top:55px; left:0; z-index:10; width:165px; display:none; padding-top:1px;}
.header .nav li ul li{ background:none; line-height:20px; float:none; padding:0; margin-bottom:1px;}
.header .nav li ul li a,.nav li.show ul li a{ background:rgba(226,16,1,0.8); *background:#e21001; background:#e21001\0; color:#FFF; padding:10px 0; border-radius:0; height:20px; line-height:20px; display:block; float:none; text-align:center; font-size:14px;}
.header .nav li ul li a:hover,.header .nav li.show ul li a:hover{ background:rgba(0,0,0,1); *background:#000; background:#000\0; border-radius:0; color:#FFF;}




/*新闻*/
.mainTitle{ height:30px; text-align:center; padding:45px 0 5px; line-height:30px; font-size:20px; margin-bottom:20px;}
.newsTitle{ background:url(../images/index/index_title3.jpg) no-repeat 50% 0; color:#e21001;}
.productTitle{ background:url(../images/index/jn_title_02.png) no-repeat 50% 0; color:#e21001;}
.caseTitle{ background:url(../images/index/index_title2.png) no-repeat 50% 0; color:#e21001;}
.youshiTitle{ background:url(../images/index/jn_title_04.png) no-repeat 50% 0; color:#fff;}
.cultureTitle{ background:url(../images/index/index_title1.jpg) no-repeat 50% 0; color:#e21001;}

.news{ padding:60px 0;}
.tabTop{ height:30px; position:relative; margin-bottom:40px;}
.tabTop em{ display:block; width:100%; height:14px; border-bottom:#e3e3e3 solid 1px; left:0; top:0; z-index:1; position:absolute;}
.tabTop ul{ position:relative; z-index:2; width:360px; margin:0 auto; padding-left:12px;}
.tabTop ul li{ width:106px; height:28px; line-height:28px; border:#e3e3e3 solid 1px; border-radius:15px; background:#fff; float:left; margin-right:12px; font-size:16px; color:#333333; text-align:center; cursor:pointer;}
.tabTop ul li.active{ border:#e21001 solid 1px; background:#e21001; color:#FFF;}
.tabLeft{ width:564px; float:left;}
.tabLeft img{ display:block; width:564px; height:332px;}
.tabLeft strong{ display:block; color:#333333; font-size:22px; -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; line-height:60px; font-weight:normal;}
.tabLeft p{ color:#888; font-size:12px; line-height:22px;}

.tabRight{ width:595px; float:right; padding-left:15px;}
.tabRight ul li{ height:128px;}
.tabRight ul li a{ display:block; line-height:30px; margin-bottom:10px;}
.tabRight ul li strong{ display:block; font-size:16px; color:#333333; font-weight:normal; float:left; width:380px;-o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.tabRight ul li span{ display:block; float:right; width:100px; text-align:right;}
.tabRight ul li p{ font-size:12px; color:#888; line-height:22px;}
.tabCont{ display:none;}

/*产品*/
.product{ background:#f0f0f0; padding:60px 0;}
.productList ul { padding-top:15px;}
.productList ul li{ width:275px;}
.productList ul li img{ display:block; width:258px; margin:0 auto; height:258px; border-radius:50%;}
.productList ul li strong{ display:block; text-align:center; line-height:40px; margin-bottom:5px; font-size:16px; color:#333333; font-weight:normal;}
.productList ul li p{ font-size:14px; color:#888; line-height:24px;}
.productList ul li.mr{ margin-right:197px;}

/*案例*/
.caseMain{ padding:40px 0;background: url("../images/index/beijing_1.jpg") no-repeat;background-attachment: fixed;min-height: 620px;background-size: cover;}
.caseMain .tabDown ul{ padding-left:10px;}
.caseMain .tabDown ul li{float:left;width:250px;height:227px;margin:5px 20px;overflow:hidden;text-align:center}
.caseMain .tabDown ul li img{display:block;width:250px;height:170px;}
.caseMain .tabDown ul li strong{display:block;line-height:30px;font-size:14px;color:#363636;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:normal;background:#fff;padding: 5px 0;}
.caseMain .tabDown ul li p{ padding:0 10px; line-height:20px; color:#888; font-size:12px;}

.columnCtont .caseList li{ float:left; margin-right:13px; width:290px; background:#f2f2f2; height:287px; margin-bottom:20px; overflow:hidden;}
.columnCtont .caseList li img{ display:block; width:290px; height:200px;}
.columnCtont .caseList li strong{ display:block; margin:0 10px; line-height:30px; font-size:16px; padding-top:5px; color:#333;-o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.columnCtont .caseList li p{ padding:0 10px; line-height:20px; color:#888; font-size:12px;}

#prodsView ul li{display:inline-block;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:-webkit-transform;transition-property:transform;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);}
#prodsView ul li:hover{  -webkit-transform:translateY(-6px);-ms-transform:translateY(-6px);transform:translateY(-6px);-webkit-animation-name:hover;animation-name:hover;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-delay:0.3s;animation-delay:0.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate;}


/*文化*/
.culture{ padding:60px 0;}
.cultureDown{ width:1150px; margin:0 auto; padding-top:30px;}
.cultureDown li{ width:230px; float:left;}
.cultureDown li img{ width:230px; display:block; height:104px;}
.cultureLeft{ width:530px; float:left; padding-left:35px;}
.cultureRight{ width:620px; float:right; padding-right:35px;}
.cultureRight p{line-height:28px; color:#343434; font-size:14px;}
.cultureRight strong{ display:block; font-size:25px;line-height:80px; color:#163169; font-weight:normal; margin-bottom:15px;}




.table{ border-top:#e6e6e6 solid 1px;border-left:#e6e6e6 solid 1px; background:#FFF;}
.table td{ border-bottom:#e6e6e6 solid 1px; border-right:#e6e6e6 solid 1px; padding:5px 10px;}
.pro_list li .more{display:none;}

.lefter .leftnav{display:block;font-weight:normal;font-size:24px;color:#fff;line-height:60px;background:#1b242d;text-align:left;padding-left:20px}
.righter .pro_list li{width: 300px;}

.productMain{background:#f6f6f6;}
.productMain .pro_width{width:1220px;padding-top: 30px;height:auto;}
.productMain .prolist li{padding:0;}
.productMain .prolist li a{border:0;display: inline-block;}
.productMain .prolist li a img{max-height:170px;}
.productMain .prolist li a:hover{border:0;}