/* CSS Document */
body{ font-family:"微软雅黑",Arial; margin:0; padding:0; font-size:12px;-webkit-text-size-adjust:none;   }
p,div,a,img,ul,li,dl,dd,dt,ol,h1,h2,h3,h4,h5,h6,span{ margin:0;padding:0;font-family:"微软雅黑",Arial; }
li,ul,dl,dt,dd{ list-style:none;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
header,footer,figure,section{ display:block; margin:0; padding:0;}
a{ color:#9fa0a0; text-decoration:none;}
a:hover,.index_design ul a:hover{ color:#e6002d;}
img{ border:none;}
cite,code{ font-style:normal;}

/*清楚浮动*/
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix { display:inline-block; }
.clearfix {display:block;}

/** default **/
.blog{height: 22px;
width: 100%;
position: absolute;
right: 0;
top: 10px;
z-index: 99999;}
.blog a{ display:block; float:right;background-image:url(../images/blog.jpg); background-repeat:no-repeat; width:21px; height:19px; line-height:100px; overflow:hidden;}
.blog .blog_xin{  background-position:0 -61px;  margin-right:16px;}
.blog .blog_xin:hover{background-position:0 0;}
.blog .weibo_xin{ background-position:0 -96px; margin-top:2px; }
.blog .weibo_xin:hover{background-position:0 -31px;}

#header{ margin:0 auto; width:1150px; height:86px;}
.header{position: fixed;
width: 1150px;
height: 76px;
padding: 10px 0 0 0;
z-index: 10000;
background-color: #fff;}
.logo{ float:left;}
.logo a {
display: block;
width: 60px;
margin: 3px 0 0 0;
height: 60px;
}
#nav{float: right;
width: 490px;
padding-top: 43px;
position: relative;}
.navList li{ float:left;font-size:12px; height:16px; overflow:hidden; position:relative ; margin-left:20px; font-family:"微软雅黑",Arial, Helvetica, sans-serif;}
.navList li a{ display:block;}
.navList li a:hover span{color:#e6002d;}
.navList li a span{ position:absolute;color:#000; display:block; height:16px; width:100%;text-align: center;}
.navList li a span.hover{ top:0; color:#e6002d; text-align:center;}

.pic_box{ position:relative; width:1150px; height:381px;height:560px; overflow:hidden; margin:0 auto; border-bottom:8px solid #cccccc;}
.pic_list{ height:381px; height:560px; width:1150px;}
.pic_list div{ float:left; position:absolute; display:none;}
.blackBg{ background:#000; width:100%;height:45px; bottom:0; left:0; position:absolute; filter:alpha(opacity=20);-moz-opacity: 0.2;opacity: 0.2;}
.text{ clear:both;position:absolute; bottom:0; height:24px; line-height:24px; overflow:hidden; padding-left:10px;}
.number_button{ position:absolute; z-index:100;right:24px; bottom:15px; }
.number_button span{ cursor:pointer;  background:#fff; width:9px; height:8px; line-height:18px; margin-left:8px; text-align:center; display:block; float:left;}
.number_button span.current{ background:#e6002d;}
.pic_box1{ position:relative; width:1150px; height:287px; overflow:hidden; margin:0 auto; border-bottom:8px solid #cccccc;}
.pic_box1 .pic_list{ height:287px; width:1150px;}
.pic_box2{ position:relative; width:945px; height:560px; overflow:hidden; margin:0 auto; }
.pic_box2 .pic_list{ height:515px; width:945px;}
.pic_box2 .number_button{ position:absolute; z-index:100;bottom:0; left:50% }
.pic_box2 .number_button span{ cursor:pointer;  background:#c7c7c7; width:9px; height:8px; line-height:18px; margin-left:8px; text-align:center; display:block; float:left;}
.pic_box2 .number_button span.current{ background:#e6002d;}
.box2_prev,.box2_next{ position:absolute; z-index:100000; display:none;   width:122px; height:515px; cursor:pointer;}
.box2_prev em,.box2_next em{ background:url(../images/btn.gif) no-repeat 0 center; display:block; width:22px;height:515px; line-height:1500px; overflow:hidden;  }
.box2_prev{ left:20px;}
.box2_next{ right:20px;}
.box2_next em{ float:right;  background-position:-28px center;}

.pic_box1 .blackBg,.pic_box1 .number_button,.pic_box3 .blackBg,.pic_box3 .number_button{ display:none;}
.pic_box1 .pic_list div..pic_box3 .pic_list div{ display:block;}

.pic_box3{ width:1150px; margin:0 auto; position:relative; height:287px;border-bottom:8px solid #cccccc}
.pic_box3 .blackBg{background:#000; width:100%;height:45px; bottom:0; left:0; position:absolute; filter:alpha(opacity=30);-moz-opacity: 0.3;opacity: 0.3;}

#container{ width:1150px; margin:0 auto 60px auto; overflow:hidden; position:relative;}
.index_service{ width:1150px; margin:12px 0 38px 0 ; overflow:hidden;}
.index_service .title{ float:left; width:184px; height:137px; height:186px; color:#b1b1b1; font-size:22px; padding:15px 0 0 18px;background-color:#efefef;}
.index_service .title span{ display:block;font-size:30px;}
.index_service ul{  float:right; }
.index_service ul li{ position:relative;  float:left; border:1px solid #dcdcdc; cursor:pointer; width:223px; height:150px; height:199px; margin-left:11px; }
.index_service ul li h2{ padding:22px 0 0 15px; color:#9fa0a0; display:block;}
.index_service ul li img{ display:block; width:223px; height:79px; height:138px;}
.index_service ul li a{ display:block;   padding-right:8px; color:#9fa0a0;}
.index_service ul li span{ position:absolute;bottom:5px; right:7px; padding-right:8px; color:#9fa0a0;}
.index_service ul li.hover{ border:1px solid #dcdcdc;}
.index_service ul li.hover h2,.index_service ul li.hover a,.index_service ul li.hover span{ color:#e7002d}

.index_design .title{ color:#221815; font-size:30px; text-align:center;}
.index_design ul{ float:left; width:383px; margin-top:33px;}
.index_design ul li{color:#bfc2c2; height:24px; line-height:22px; overflow:hidden;}
.index_design ul li span,.index_design ul li a{ display:block; float:left;}
.index_design ul li span{color:#221815;  width:60px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.index_design ul a{ width:255px; color:#9fa0a0; margin-top:15px; display:block;}
.index_design ul a:hover{ color:#bfc2c2; }
.index_design ul li a{ margin:0;}

.index_ournews{ margin:56px 0 09px 0;}
.index_ournews .title,.firderlink .title,.index_information .title{ background:url(../images/index_ico1.jpg) repeat; height:17px; font-weight:normal}
.index_ournews .title span,.firderlink .title span{ display:block; margin:0 auto; background-color:#fff; width:128px; height:17px; line-height:16px; text-align:center; color:#898989; font-size:20px;}
.index_information .title span{display:block; margin:0 auto; background-color:#fff;  height:17px; line-height:16px; text-align:center; color:#898989; font-size:20px; width:160px;}
.indexournews_list{ width:1208px;overflow:hidden; padding-top:36px;}
.indexournews_list div.hover{ background-color:#b5b5b7;}
.indexournews_list div.hover code,.indexournews_list div.hover h4,.indexournews_list div.hover p{ color:#fff;}
.indexournews_list div{ cursor:pointer; background-color:#f1f1f2; padding:8px; width:200px;  margin:0 17px 10px 0;   float:left;}
.indexournews_list div code{ color:#595757; font-size:13px; padding:14px 0 6px 0; display:block;}
.indexournews_list div h4{ color:#221815; font-size:12px;}
.indexournews_list div p{ color:#727171; line-height:18px; padding:14px 0 18px 0;}
.ournews_time{ border-top:1px solid #231815; padding-top:14px; display:block;}
.ournews_time a{ background:url(../images/index_ico2.png) no-repeat; display:block; float:right; width:16px; height:10px;}



.firderlink{ width:1150px; margin:0 auto; }
.firderlink .title span{ margin:0; font-size:16px; text-align:left;}
.firderlink div{ color:#b1b1b1;line-height:18px; margin:15px 0 25px ;}
.footer{ height:50px; width:1150px; padding:0; margin:0 auto; /*background-color:#b1b1b1; color:#fff;*/ color:#b1b1b1; line-height:50px;}
.footer a{ float:right; color:#b1b1b1;}

/** Work **/
.title_nav{  padding-bottom:26px;}
.title_nav h6{ float:right; color:#e6002d; font-size:12px; margin-top:46px;}
.border{border-bottom:1px solid #f3f3f3; margin-bottom:45px;}
.Big_title{ /*color:#414042; font-size:50px;*/ line-height:200px; overflow:hidden; margin-top:26px;  float:left; background:url(../images/title.jpg) no-repeat}
.work-Title{ background-position:0 -1px; width:282px; height:39px;}
.service-Title{ background-position:0 -343px;width:335px; height:37px;}
.about-Title{ background-position:0 -185px; width:300px; height:37px;}
.contant-Title{ background-position:0 -272px; width:310px; height:38px;}
.small_nav{ float:right; margin-top:51px; }
.small_nav li{ width:100px; font-size:11px;}
.work{ overflow:hidden; width:1150px;}
.work ul{ width:1162px; margin-left:2px;}
.ul_list{ overflow:hidden;}
.ul_list.impor li{width:570px;}
.ul_list.impor li img{width:570px; }
.ul_list.impor li em{ width:570px;}
.ul_list.impor li  p{width:533px; padding:40px 15px 15px 22px;}
.ul_list li{ float:left; margin:0 4px 14px 0;width:380px; height:350px; overflow:hidden; position:relative;}
.ul_list li img{ position:absolute; z-index:1; width:380px; height:350px;}
.ul_list li em{/*background:url(../images/png.png) no-repeat;*/ background-color:#e6002d; left:0; display:none; top:0; z-index:2;  position:absolute;/* background-color:#e6002d;filter:alpha(opacity=60); -moz-opacity:0.6;   -khtml-opacity:0.6; opacity: 0.6;*/  width:380px; height:350px;}
.ul_list li em.hover{background-color:#e6002d;/*filter:alpha(opacity=60); -moz-opacity:0.6;   -khtml-opacity:0.6; opacity: 0.6;*/}
.ul_list li p{ font-size:24px;z-index:3; width:343px; height:295px;padding:40px 15px 15px 22px; position:absolute; left:0; display:none; top:0; line-height:32px;}
.ul_list li p span{ display:block; }
.ul_list li p cite{ display:block; padding-top:15px;}
.ul_list li a{ color:#fff}

/** work_in **/
.pic_box2{ margin-bottom:57px;}
.workin_left{ float:left; width:180px; overflow:hidden; display:inline; }
.workin_left .ul_list li{ width:180px; height:111px;}
.workin_left .ul_list img{ width:180px; height:111px;}
.workin_left .ul_list li p{ font-size:12px; line-height:18px; width:140px; height:71px; padding:15px;}

.workin_left .ul_list.impor li{ height:160px;}
.workin_left .ul_list.impor li img{width:180px!important; height:160px;}
.workin_left .ul_list.impor li p{ height:130px; }

.workin_right{ float:right; width:945px;}
.workin_left li{ margin-bottom:13px;}
.workin_left li img{ opacity:0.5;filter:alpha(opacity=0.5);*opacity:0.5;filter:alpha(opacity=50);  cursor:pointer;}
.workin_left li:hover img{ opacity:1;filter:alpha(opacity=1);*opacity:1;filter:alpha(opacity=100);}
.workin_letter{ float:left; width:615px; padding-left:80px; line-height:26px;}
.workin_letter h1{ font-size:18px; color:#221815; padding-bottom:10px;}
.workin_letter p{ color:#595757; font-size:14px;}
.workin_navlist{ float:right; width:134px;}
.workin_navlist dl dt{ font-size:14px; color:#221815;}
.workin_navlist dl dd{ color:#727171; font-size:13px; padding-bottom:26px;}
.workin_navlist p{ font-size:10px; color:#9fa0a0; padding-top:50px; line-height:18px;}
.back{ background-color:#4c4c4c; text-align:right; height:28px; padding-right:10px;}
.back a{ background:url(../images/ico3.gif) no-repeat left center; line-height:28px; padding-left:20px;}
.pages{ border-bottom:1px dotted #c9caca;border-top:1px dotted #c9caca; height:24px; line-height:24px; margin-top:45px;}
.pages .next{ text-align:right; display:block; float:right;}

/** service **/
.service_left{ float:left; width:266px;}
.right{ float:right; width:700px;}
.service_left h1{ color:#e6002d; line-height:36px; font-size:23px; padding-bottom:20px;}
.service_left h2{ color:#9fa0a0; line-height:26px; font-size:18px;}
.service_right{ font-size:14px; color:#898989; line-height:25px;}
/*.service_right strong{ font-size:16px; color:#e6002d}*/

/** contantUs **/
.contantLetter{  color:#9fa0a0; line-height:24px;}
.contantLetter dt,.contantLetter dd{ float:left;}
.contantLetter dd{ padding-left:35px;}
.contantLetter dd h1{ color:#e6002d; font-size:18px;}
.contantLetter dd h2{ font-size:16px; color:#898989;}
.contantLetter dd span{ display:block; color:#e6002d; font-size:14px; padding-top:10px;}
.contantLetter dd cite{color:#e6002d; display:block; padding:20px 0 10px 0;}
.contantLetter dd code{ display:block; background:url(../images/ico4.jpg) no-repeat left center; padding-left:24px;}


/** news_left **/
.news_left{ float:left; width:156px;}
.news_left h6{ font-size:14px; color:#727171; padding-bottom:16px;}
.news_left a{ display:block;}
.news_left div a{ float:left; color:#727171; height:22px; padding:0 10px; margin:0 6px 6px 0; line-height:22px; background-color:#c9caca}
.news_left div a:hover,.news_left div a.hover{ color:#fff; background-color:#e6002d}
.news_left a.more{ margin-top:35px; color:#595757; font-size:14px;}
.news_left .logo{ float:none; margin:49px 0 93px 0;}

.news_center{ margin-left:70px; padding:113px 0 0 0; width:620px; float:left;color:#333333;}
.news_header{ font-size:24px; color:#000; }
.news_center h2{padding-bottom:32px; font-weight:normal; line-height:24px; padding-right:11px; font-size:16px; color:#9fa0a0;}

.news_right{ width:185px; float:right;}
.news_right .back{ background:url(../images/back.jpg) no-repeat 75% center; height:14px; padding-left:20px; display:block; text-align:right; margin:49px 0 120px 0; }
.news_right h6{ padding-bottom:15px; color:#595757; font-size:14px;}
.newsCopy{ font-size:10px; color:#9fa0a0; line-height:18px; padding-top:80px;}
.news_list{ position:relative; height:644px;}
.news_list ul{ display:none;  position:absolute;left:0; top:0; height:604px; width:100%;}
.news_list ul li{ position:relative; width:185px; height:108px; margin-bottom:15px; overflow:hidden}
.news_list ul li p{ position:absolute; top:0; left:185px; width:155px; height:88px; padding:10px 15px; color:#e6002d; background-color:#f5f5f5; line-height:18px; }
.ico{ position:absolute; bottom:0; right:0;}
.ico span{ display:block; background-color:#b5b5b6;width:9px; height:9px; float:left; margin-left:8px; cursor:pointer; line-height:100px; overflow:hidden;}
.ico span.hover{ background-color:#e6002d}


/*后期添加内容*/
.index_information{ margin:36px 0 09px 0;}
.more.ournews{ margin-top:50px;}
.more.ournews a{ display:block; font-size:18px; width:136px; color:#595757; margin:0 auto; background:url(../images/theLastImg.jpg) no-repeat right 1px; padding-right:4px;}
.index_information .more a{ text-align:right; display:block; font-size:18px; color:#595757;}
.information{ margin-top:38px;}
.information ul li{ float:left; width:455px; padding:0 110px 25px 10px;}
.information ul li > a,.information ul li div,.informationIn li > a,.informationIn li div{ float:left;}
.information ul li div{ width:350px; line-height:22px;}
.information ul li div h6,.informationIn li div h6{ font-size:14px; font-weight:normal; color:#3e3a39;}
.information ul li div a,.informationIn li div a{ font-size:12px; color:#727171;}
.information ul li div a:hover,.informationIn  li div a:hover{ color:#545454;}
.information ul li > a img,.informationIn li > a img{ display:block; width:64px; height:64px; margin-right:12px; overflow:hidden;}

.informationIn{ border-top:1px solid #727171; padding-top:26px;}
.informationIn li{ padding:0 0 25px 0; line-height:22px;}
.informationIn li div{ width:520px;}