/*内容开始*/
/* 首页 */
/* hearder */
@charset "utf-8";

body{font:14px/22px "Microsoft YaHei",arial; text-align:left;color:#333; background:url(../images/ico_bodybg.jpg) repeat;}
body,div,ul,ol,li,dl,dt,dd,span,p,h1,h2,h3,h4,h5,h6,img,form,table,tr,td,th,label,input{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
*{margin:0;padding:0;}
img{border:none; vertical-align:middle;}
ul,ol,li{list-style-type:none;}
li{ vertical-align:top;}
em,i{font-style:normal;}
.dib{display:block;}       .din{display:none;}        .dii{display:inline;}
.fa{font-family:arial;}    .ft{font-family:tahoma;}   .fw{font-family:"Microsoft YaHei"}    .fs{font-family:"SimSun"}
.fl{float:left;}        .fr{float:right;}
.f12{font-size:12px;}   .f14{font-size:14px;}   .f16{font-size:16px;}
.fb{font-weight:bold;}  .fb16{font-weight:bold; font-size:16px;} .fb14{font-weight:bold; font-size:14px;}
.tc{text-align:center;}    .tl{text-align:left;}    .tr{text-align:right;}
.c333{color:#333;} .c666{color:#666;} .cf00{color:#F00;} .cf60{color:#f60;} .c999{color:#999;} .cd00{color:#d00000;}
.white {color:#fff;}
.space{clear:both;height:10px;overflow:hidden; zoom:1;}
.space6{clear:both;height:6px;overflow:hidden; zoom:1;}
.space20{clear:both;height:20px;overflow:hidden; zoom:1;}
.p10{padding:10px; overflow:hidden; zoom:1;} .pr10{padding-right:10px;} .pt10{padding-top:10px;} .pb10{padding-bottom:10px;}
.mt10{margin-top:10px;}  .mb10{margin-bottom:10px;} .ml10{margin-left:10px;} .mr10{margin-right:10px;}
.mt20{margin-top:20px;}  .mb20{margin-bottom:20px;} .ml20{margin-left:20px;} .mr20{margin-right:20px;}
.mt30{margin-top:30px;}  .mb30{margin-bottom:30px;} .ml30{margin-left:30px;} .mr30{margin-right:30px;}
select,input,label,textarea,img/{vertical-align:middle;font-size:12px;color:#555;}
a{color:#333;text-decoration:none;}
a:hover{color:#fff;text-decoration:none;}
a:active{color:#ff8400;text-decoration:none;}
.cl{clear:both;}
.disn{display:none;}
.none{border:none; border:0;} 
.w960{width:960px; margin:0 auto; overflow:hidden; zoom:1;}
.w980{width:980px; margin:0 auto; overflow:hidden; zoom:1;}
.w1000{width:1000px; margin:0 auto; overflow:hidden; zoom:1;}
.w1002{width:1002px; margin:0 auto; overflow:hidden; zoom:1;}
.w1100{width:1100px; margin:0 auto; overflow: hidden; zoom:1}
.rel {position:relative;}
.abs {position:absolute;}
*html{_overflow-x: hidden;}
.noscroll{overflow:hidden;overflow-y:hidden;}
.error {color:#f00;}
.red { color:#cc0000;}
.clearFloat:after{visibility:hidden; clear:both; display: block; height: 0px; content: "" ;}
.clearFloat:{*zoom:1;}
/*让position:fixed在IE6下可用! */
.fixed-bottom /* 底部固定 */{position:fixed;bottom:0px;top:auto; width:100%;}
/* 上面的是除了IE6的主流浏览器通用的方法 */
* html,* html body /* 修正IE6振动bug */{background-image:url(about:blank);background-attachment:fixed;}
* html .fixed-bottom /* IE6 底部固定  */{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
#leftsead{width:161px;height:290px;position:fixed;top:350px;right:0px; z-index:100; list-style:none;}
*html #leftsead{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}
#leftsead li{width:161px;height:60px;list-style:none;}
#leftsead li img{float:right;}
#leftsead li a{height:49px;float:right;display:block;min-width:47px;max-width:161px;}
#leftsead li a .shows{display:block;}
#leftsead li a .hides{margin-right:-143px;cursor:pointer;cursor:hand;}
#leftsead li a.youhui .hides{display:none;position:absolute;right:143px;}
#leftsead li a.youhui .2wm{display:none;position:absolute;right:143px;}
#p2{width:112px;background-color:#A7D2A9;height:47px;margin-left:47px;border:1px solid #8BC48D;text-align:center;line-height:47px}
#p3{width:112px;background-color:#EC9890;height:47px;margin-left:47px;border:1px solid #E6776C;text-align:center;line-height:47px}
#p1{width:47px;height:49px;float:left}
/*首页*/
img{  margin:0 auto;  }


.in_buttom{ display:none; width:40px; height:36px; background-color:#eeeeee; background-image: none;   border: 1px solid #ccc; border-radius: 4px; padding:0; float:right; margin:25px 10px 0 0;} 
.in_buttom span{ display:block; width:26px; margin:3px auto; height:4px; border-radius:5px; background-color:#cccccc; }


/* banner */
.banner{width:100%; height:534px;}
.banner01{ width:100%; display:none;}
.banner01 img{width:100%; height: auto; }
.banner .honver{width:100%; margin:0 auto; position: absolute; bottom:10px; z-index: 2; text-align:right; }
.banner .honver li{ display: block; width:20px; height: 6px; float:left; margin-right: 10px; background-color:#fff; }
.banner .honver li.on{background-color:#da251c; }
/* main*/
.main{width:100%;  margin:0 auto; }
.contfour ,.contfive ,.contsix{ margin:38px auto; width:100%;max-width:1100px;  }
.contone  h2,.conttwo h2 , .contthree h2 ,.contfour h2 ,.contfive h2,.contsix h2{ text-align:center; font-size:28px; color:#333;  }
.contone .tit,.conttwo .tit, .contthree .tit,.contfour .tit,.contfive .tit,.contsix .tit{ width:100%;  display:block; margin-top:25px;}
.contone  .onecont{width:725px; margin:28px 0; background-color: #f9f9f9; border:1px solid #d3d3d3; padding:20px; box-sizing: border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
.contone .tit{ max-width:421px;  margin:10px auto 0 auto;  }
.contone  .onecont .video{width:300px; float:left; border:1px solid #ccc;box-sizing: border-box;-moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; overflow:hidden;}
.contone  .onecont .video img{width:100%; height: auto; display: block; margin:0 auto;transition:all 0.3s; }
.contone  .onecont .video img:hover{-webkit-transform: scale(1.1,1.1); 
    -o-transform: scale(1.1,1.1);
    transition: all 1s;
    -webkit-transition: all 1s;}
.contone  .onecont .oneart{width:360px; float:left; box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; margin-left:20px; }
.contone  .onecont .oneart p{ font-size: 14px; line-height: 30px; color:#666;  }

.conttwo{background-color:#fff;  max-width:1920px; padding:30px 0px 0px; }
.conttwo .tit{width: 550px;}
.case{width:100%;max-width: 1100px; margin: 0 auto; padding-top:28px; }
.case li{display:block; float:left; border:1px solid #ccc; width:23%; margin:1%; position: relative;box-sizing: border-box;-moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; height:200px; overflow:hidden; }
.case li a{width:100%; display: block; }
.case li a img{width:100% !important; max-height:200px; display:block;}
.case li span{ display: block; width:100%; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color:#fff; position: absolute; bottom:0px; background-color:#000; opacity: 0.8; z-index:100000; 
-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
.case li:hover span{ background:none; height:55px;} 
.case li .case_zz{ position:absolute; left:0; top:0; bottom:0; right:0; background:url(../images/casebg.png) center center no-repeat; background-size:100% 100%; z-index:100;opacity: 0;
-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
.case li:hover .case_zz{ opacity:1;}

.contthree .gongfa{margin-top:28px; }
.contthree .tit{width:550px;  }
.contthree .gongfa li{display:block; float:left; border:1px solid #ccc; box-sizing: border-box;-moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; margin:1%; width:31.3%; 	 overflow:hidden;}
.contthree .gongfa li a{display:block; position:relative; }
.contthree .gongfa li img{width:100%;height: auto; display:block;}
.contthree .gongfa li .gfart {width:100%; height: 100%; padding:28px; z-index: 4; box-sizing: border-box;-moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; background-color:#000; opacity: 0.8; position: absolute; bottom: -250px;	
-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;

}
.contthree .gongfa li:hover .gfart { bottom:0;}
.contthree .gongfa li .gfart h2{font-size: 16px; color:#fff; text-align: center;}
.contthree .gongfa li .gfart p{font-size: 12px; line-height: 24px; padding:8px; color:#fff;}

.in_news{ max-width:1100px; margin:0 auto; padding:25px 0 0 0;}
.in_news01{ padding-bottom:20px; border-bottom:1px #aaa dotted;}
.in_news01_padding{ padding-top:11px;}
.in_nwes01_left{ width:33%; background:#ffffff; height:199px; float:left; overflow:hidden; }
.in_news_img{ border:11px solid #fff; margin:0px auto; right:0px; position:absolute; left:0; z-index:100px; top:0px;}
.in_news_img img{ width:100%; max-height:177px;}
.in_nwes01_left span{ display:block; height:30px; background:url(../images/in_newsbg.png); padding-left:5px; position:absolute; left:11px; right:11px; bottom:0px; z-index:1000; color:#FFF; border-bottom:11px solid #fff; line-height:30px;}
.in_nwes01_right{ width:65%; background:#ffffff; height:177px; float:right; padding:11px 0; overflow:hidden;}
.in_hotnews{ display:block; width:95%; margin:3px auto;  }
.in_hotnews span{ display:block; padding:3px 8px; background:#F00; color:#FFF; font-size:14px; text-align:center; float:left; border-radius:4px;}
.in_hotnews h3{ display:block;  height:28px; overflow:hidden; line-height:28px; padding-left:5px;}
.in_newslist{ display:block; margin:0px auto; width:95%; height:26px; line-height:26px; overflow:hidden; color:#888888;}
.in_newslist span{ float:right; color:#aaaaaa;}
.in_news02{ padding-top:20px;}
.in_news_ls{ display:block; height:66px; background:#FFF; padding:13px 2%; overflow:hidden;}
.imgw{ width:30%; float:left;}
.imgw img{ width:100%;}
.in_news_con{ width:65%; float:right; padding:2px 0 0 0;font-size:12px; line-height:18px;}
.in_news_con strong{ display:block; padding:0px 0 2px; height:18px; overflow:hidden; }
.in_news_r_list{ width:95%; margin:15px auto 0 auto;}
.in_news_r_listl{ width:100%; padding-right:0%; float:left; background:url(../images/in_newsline.jpg) center top no-repeat; height:140px; }
.in_news_r_listr{ width:46%; float:right; padding-left:3%; }
a.in_news_r_list_a{ color:#888888; display:block; height:28px; width:47%; padding:0 1% 0 2%; overflow:hidden;  float:left;}
a.in_news_r_list_a:hover{ color:#F60;}


.in_vedios{ max-width:1100px; margin:40px auto 0 auto;}
a.in_vedio_list{ display:block; width:23%; float:left; margin:0 1%;}
.in_vedio_kuan{ width:92%; padding:3% 4% 35px 4%; border-radius:8px; border:1px solid #fff; overflow:hidden;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
a.in_vedio_list:hover .in_vedio_kuan{ border:1px solid #bbb;}
.in_vedio_list img{ width:100%; max-height:205px; border-radius:5px;transition:all 0.3s;}
.in_vedio_list img:hover{-webkit-transform: scale(1.1,1.1); 
    -o-transform: scale(1.1,1.1);
    transition: all 1s;
    -webkit-transition: all 1s;
	border-radius:0;}
.in_vedio_list h2{ font-size:15px; display:block; padding-top:16px;}
.in_vedio_list span{ display:block; width:100px; height:27px; line-height:27px; color:#FFF; padding-left:20px; background:url(../images/video-icosm.png) #cc2717 90px center no-repeat; border-radius:25px; margin:15px auto 0 auto;}

.in_links{ padding-top:30px;}
.in_links a{ display:block; border:1px solid #e2e2e2; float:left; width:18%; margin:0 0.9%; overflow:hidden;	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
.in_links a:hover{ border:#F00 1px solid;}
.in_links a img{ width:100%;transition:all 0.3s;}
.in_links a img:hover{-webkit-transform: scale(1.1,1.1); 
    -o-transform: scale(1.1,1.1);
    transition: all 1s;
    -webkit-transition: all 1s;}

.in_footbg{ width:100%; border-top:2px solid #ff4a38; background:#f2f2f2;}
.in_foots{ max-width:1100px; margin:0px auto; padding:30px 0; overflow:hidden;}
.in_foots li{ width:10%; float:left; border-right:1px dashed #ddd; padding-left:1%; min-height:150px; }
.in_foots li img{ width:60%;}
.in_foots li strong{ display:block; padding-bottom:8px; font-size:14px;}
.in_foots li a{ display:block; font-size:12px;}
.in_copy{ width:100%; background:#313131;}
.in_copy_con{ max-width:1100px; margin:0 auto; padding:10px 0; font-size:12px;}
.in_copy_con a{ color:#FFF;}
.in_copy_con a:hover{ color:#f60;}
.in_copy_l{ float:left; color:#FFF;}
.in_copy_r{ float:right; color:#868686;}

.sub_con{ max-width:1100px; margin:0 auto; padding:30px 0; }
.ban_height{ height:278px;}
.sub_loc_bg{ width:100%; height:35px; background:#f1f3f4; border-bottom:1px solid #eeeeee;}
.sub_location{ max-width:1100px; margin:0 auto; height:35px; line-height:35px;font-size:12px;}
.sub_location span{ color:#da251c; }
.sub_con_title{ padding-bottom:20px; border-bottom:1px solid #eeeeee; text-align:center;}
.sub_con_title a{ display:inline-block; padding:4px 20px; font-size:16px;
-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
.sub_con_title a:hover{ background:#da251c; border-radius:25px; color:#FFF;}
.sub_con_title a.titleon,.sub_con_title a.titleon:hover{ display:inline-block; padding:4px 20px; font-size:16px;background:#da251c; border-radius:25px; color:#FFF;}
.sub_con02{ padding:20px 0 0 0;}


a.news_list{ display:block;margin:15px 0; border:1px solid #e2e2e2; padding:1%;-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
a.news_list:hover{ background:#f4f4f4; color:#F00;}
.news_list_l{ width:20%; float:left;}
.news_list_l img{ width:99%;border:1px solid #e2e2e2;}
.news_list_r{ width:78%; float:right;}
.news_list_r strong{ display:block; padding-bottom:5px; padding:5px 0; font-size:14px;}
.news_list_r span{ display:block; color:#666;}
.news_list .news_list_r .news_a{ display:block; width:55px; height:24px; border:1px solid #cccccc; font-size:12px; text-align:center; margin-top:10px; color:#aaa;
-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
.news_list:hover .news_list_r .news_a{ border:1px solid #f00; color:#F00;}

.sub_con_text{ line-height:25px;}
.sub_con_text img{ width:auto; height:auto;}

a.sub_vedio_list{ display:block; width:23%; margin:15px 1%; float:left; overflow:hidden;}
.sub_vedio_img{ width:100%; border:1px solid #cccccc;}
.sub_vedio_img img{ width:99%;transition:all 0.3s;}
.sub_vedio_img img:hover{-webkit-transform: scale(1.1,1.1); 
    -o-transform: scale(1.1,1.1);
    transition: all 1s;
    -webkit-transition: all 1s;}
a.sub_vedio_list span{ display:block; height:30px; text-align:center; padding-top:12px;}

.sub_textlist{ padding:8px 0 8px 10px; border-left:6px solid #da251c; background:#f7f7f7; font-weight:bold; font-size:16px;}
.sub_textcon{ padding:25px 10px;}
.jobstitle{ padding-bottom:15px;}
a.jobs_a{ display:block; width:98px; height:28px; text-align:center; line-height:28px; border:1px solid #da251c; color:#da251c; border-radius:2px;
-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
a.jobs_a:hover{ background:#da251c; color:#FFF;}
.jobs_f{ margin:10px 0 0 0; border:1px solid #e2e2e2;}
.jobs_f dt{ height:40px; background:#efefef; text-align:center; font-size:14px; font-weight:bold; line-height:40px;}
.jobs_f dd{ padding:25px 0;}

.sub_com_img{ width:99%; border:1px solid #cccccc; overflow:hidden; height:225px;}
.sub_com_img img{  max-width:100%;transition:all 0.3s;}
.sub_com_img img:hover{-webkit-transform: scale(1.1,1.1); 
    -o-transform: scale(1.1,1.1);
    transition: all 1s;
    -webkit-transition: all 1s;}

.pc{ display:block;}
.mb{ display:none;}


.in_mnav{ display:none; background:url(../images/innavzz.jpg); width:96%; position:absolute; top:125px; padding:25px 2% 50px 2%;}


.spec-scroll { width:100%; height:150px; position:relative; }
        .spec-scroll .items { width:auto; margin:0 50px; overflow:hidden;  }
        .spec-scroll .items ul { width:20000px; }
        .spec-scroll .items ul li { display:block; padding:0 5px; float:left; background:#ffffff; border:1px solid #efefef; width:135px; height:140px; margin:0 5px;  }
        .spec-scroll .items ul li.click{ border:1px solid #f00; }
        .spec-scroll span { width:30px; border:1px solid #cccccc;display:block;position:absolute; height:140px; top:50%; margin-top:-75px; }
        .spec-scroll span.tl { left:0;  background:#efefef url(../images/case_jtl.png) center center no-repeat; cursor:pointer; }
        .spec-scroll span.tr { right:0;  background:#efefef url(../images/case_jtr.png) center center no-repeat; cursor:pointer;}


.case_bimg{ padding:25px 0; text-align:center;}
.case_bimg img{ max-width:800px; padding:10px; border:1px solid #eeeeee;}
.case_title{ padding:30px 0 5px 0; border-bottom:1px solid #eeeeee; font-size:15px; font-weight:bold; color:#F00;}
.case_aboutcase{ padding:15px 0;}
.case_width{ width:70%; font-size:15px;}

.case_height{ height:160px; position:relative; width:100%; padding-top:35px;}

.bans { width:100%; overflow:hidden; position:relative; }
		.bans .warp { width:20000px; }
        .bans .warp a { float:left; display:block; }
		.bans .warp a img{ width:100%; float:left; }
        .bans ul { list-style:none; margin:0; padding:0; width:100%; position:absolute; bottom:20px; text-align:center; }
        .bans ul li { display:inline-block; width:10px; height:10px; background:#fff; border-radius:5px; margin:0 5px; }
        .bans ul li.click { background:#f00; }
        .bans span { position:absolute; width:35px; height:50px; background:#666; display:block; top:50%; margin-top:-25px; }
        .bans span.tl { display:block; left:0; padding:10px 5px; background:url(../images/projtl.png) #eeeeee center center no-repeat;opacity:0.7; baseline-size:90% 90%; }
        .bans span.tr { display:block; right:0; padding:10px 5px; background:url(../images/projtr.png) #eeeeee center center no-repeat;opacity:0.7; baseline-size:90% 90%;  }
		
		
		.bans2 { width:100%; overflow:hidden; position:relative; }
		.bans2 .warp { width:20000px; }
        .bans2 .warp a { float:left; display:block; position:relative; }
		.bans2 .warp a img{ width:100%; float:left; }
        .bans2 ul { list-style:none; margin:0; padding:0; background:rgba(0,0,0,0.6)!important; height:30px; width:100%; position:absolute; bottom:0px; text-align:right; }
        .bans2 ul li { display:inline-block; width:10px; height:10px; background:#fff; border-radius:5px; margin:0 8px 0 0; margin-top:10px; }
        .bans2 ul li.click { background:#f00; }
        .bans2 .warp a p { color:#fff; margin:0; padding:0 7px; position:absolute; z-index:100; height:30px; line-height:30px; bottom:0; display:block; width:auto; }
		
		

@media (max-width: 1100px) {
	
/* header */
.hearder{width:98%;   height:106px;  padding:0 5px;}
.hearder .top { width:98%;   margin:0 auto;  min-height:116px; }
.hearder .top a{ cursor: pointer; width:30%; }
.hearder .top img{left:0; padding-top:20px; display:block; }
.hearder .top img.logosm{display: none; }
.hearder .top .search{
	background-attachment: scroll;
	right: -2px;
	position: absolute;
	border: 1px solid #ccc;
	border-radius: 24px;
	margin-left: 12px;
	height: 24px;
	line-height: 24px;
	width: 152px;
	background-clip: border-box;
	margin-top: 24px;
	top: 0px;
	z-index:100000;
}
.hearder .top .input_btm{ border:0; width:113px; margin-left:10px; color:#aaa;}
.hearder .top .input_btm:focus{ outline:0 }
.hearder .top .search .inp{ margin-left:10px; height: 22px; margin-top:2px; line-height: 22px; width:113px; padding-left:4px; float:left; border-top-width:0px;border-bottom-width:0px; border-right-width:0px;border-left-width:0px; border-top-style:none;border-bottom-style:none; border-left-style:none; height:20px; line-height:20px; color:#999; font-size:12px; border:none; }
.hearder .top .search button{  background: url(../images/search.png) no-repeat left center;  border-top-width:0px;border-bottom-width:0px; border-right-width:0px;border-left-width:0px; border-top-style:none;border-bottom-style:none; border-left-style:none;border-right-style:none;float:right; filter:alpha(opacity=0); display:block; height: 24px; width:24px;}
.hearder .top .search button:hover{cursor:pointer;}
.hearder .nav {  right:0; padding-top:64px;  height: 38px; width:80%; display:block; }
.hearder .nav ul{  display:block; width:100%; max-width:888px; width:100%;}
.hearder .nav ul li{ display:block; float:left; width:10%;  margin-right:1.1% ; font-size:14px; color:#333; padding-bottom: 4px; text-align: center; line-height:34px; height:34px; -moz-transition: all .5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s ease 0s;}
.hearder .nav ul li:hover{ border-bottom:4px solid #da251c;font-size: 15px; color:#da251c;}
.hearder .nav ul li.last{magin-right:0;}
.hearder .nav ul li:hover a{ color:#da251c;  }
.hearder .nav ul li.on {  border-bottom:4px solid #da251c;  font-size: 15px;  text-align: center;  }
.hearder .nav ul li.on a{color:#da251c;}

.in_buttom{ display:none; width:40px; height:36px; background-color:#eeeeee; background-image: none;   border: 1px solid #ccc; border-radius: 4px; padding:0; float:right; margin:25px 10px 0 0;} 
.in_buttom span{ display:block; width:26px; margin:3px auto; height:4px; border-radius:5px; background-color:#cccccc; }


/* banner */
.banner{width:100%; height:534px;}
.banner01{ width:100%; display:none;}
.banner01 img{width:100%; height: auto; }
.banner .honver{width:100%; margin:0 auto; position: absolute; bottom:10px; z-index: 2; text-align:right; }
.banner .honver li{ display: block; width:20px; height: 6px; float:left; margin-right: 10px; background-color:#fff; }
.banner .honver li.on{background-color:#da251c; }
/* main*/
.main{width:100%;  margin:0 auto; }
.contone ,.conttwo , .contthree ,.contfour ,.contfive ,.contsix{ margin:38px auto; width:100%; padding:0 10px;  }
.contone  h2,.conttwo h2 , .contthree h2 ,.contfour h2 ,.contfive h2,.contsix h2{ text-align:center; font-size:24px; color:#333;  }
.contone .tit,.conttwo .tit, .contthree .tit,.contfour .tit,.contfive .tit,.contsix .tit{ width:100%;  display:block; margin-top:10px;}
.contone  .onecont{width:100%; margin:28px auto; background-color: #f9f9f9; border:1px solid #d3d3d3; padding:20px; box-sizing: border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
.contone .tit{ max-width:421px;  margin:10px auto 0 auto;  }
.contone  .onecont .video{width:30%; float:left; border:1px solid #ccc;box-sizing: border-box;-moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
.contone  .onecont .video img{width:100%; height: auto; display: block; margin:0 auto; }
.contone  .onecont .oneart{width:68%; float:right; box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; }
.contone  .onecont .oneart p{ font-size: 14px; line-height: 24px; color:#666;  }

.conttwo{background-color:#f7f6f6;  max-width:1920px; padding:38px 0; }
.conttwo .tit{max-width: 337px;}
.case{width:100%; padding:0 10px; margin: 0 auto; padding-top:28px; }
.case li{display:block; float:left; border:1px solid #ccc; width:23%; margin:1%; position: relative;box-sizing: border-box;-moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;  height:200px; overflow:hidden;}
.case li a{width:100%; display: block; }
.case li a img{width:100% !important; max-height:200px; display:block;}
.case li span{ display: block; width:100%; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color:#fff; position: absolute; bottom:0px; background-color:#000; opacity: 0.8; z-index:100000; 
-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
.case li:hover span{ background:none; height:45px;} 
.case li .case_zz{ position:absolute; left:0; top:0; bottom:0; right:0; background:url(../images/casebg.png) center center no-repeat; background-size:100% 100%; z-index:100;opacity: 0;
-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
.case li:hover .case_zz{ opacity:1;}

.contthree .gongfa{margin-top:28px; }
.contthree .tit{ max-width:353px;  }
.contthree .gongfa li{display:block; float:left; border:1px solid #ccc; box-sizing: border-box;-moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; margin:1%; width:31.3%; 	 overflow:hidden;}
.contthree .gongfa li a{display:block; position:relative; }
.contthree .gongfa li img{width:100%;height: auto; display:block;}
.contthree .gongfa li .gfart {width:100%; height: 100%; padding:28px; z-index: 4; box-sizing: border-box;-moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; background-color:#000; opacity: 0.8; position: absolute; bottom: -250px;	
-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;

}
.contthree .gongfa li:hover .gfart { bottom:0;}
.contthree .gongfa li .gfart h2{font-size: 16px; color:#fff; text-align: center;}
.contthree .gongfa li .gfart p{font-size: 12px; line-height: 24px; padding:8px; color:#fff;}

.in_news{  padding:0 10px; margin:0 auto; padding:25px 0 0 0;}
.in_news01{ padding-bottom:20px; border-bottom:1px #aaa dotted;}
.in_news01_padding{ padding-top:11px;}
.in_nwes01_left{ width:33%; background:#ffffff; height:199px; float:left; overflow:hidden; }
.in_news_img{ border:11px solid #fff; margin:0px auto; right:0px; position:absolute; left:0; z-index:100px; top:0px;}
.in_news_img img{ width:100%; max-height:177px;}
.in_nwes01_left span{ display:block; height:30px; background:url(../images/in_newsbg.png); padding-left:5px; position:absolute; left:11px; right:11px; bottom:0px; z-index:1000; color:#FFF; border-bottom:11px solid #fff; line-height:30px;}
.in_nwes01_right{ width:65%; background:#ffffff; height:177px; float:right; padding:11px 0; overflow:hidden;}
.in_hotnews{ display:block; width:95%; margin:3px auto;  }
.in_hotnews span{ display:block; padding:3px 8px; background:#F00; color:#FFF; font-size:14px; text-align:center; float:left; border-radius:4px;}
.in_hotnews h3{ display:block;  height:28px; overflow:hidden; line-height:28px; padding-left:5px;}
.in_newslist{ display:block; margin:0px auto; width:95%; height:26px; line-height:26px; overflow:hidden; color:#888888;}
.in_newslist span{ float:right; color:#aaaaaa;}
.in_news02{ padding-top:20px;}
.in_news_ls{ display:block; height:66px; background:#FFF; padding:13px 2%; overflow:hidden;}
.imgw{ width:30%; float:left;}
.imgw img{ width:100%;}
.in_news_con{ width:65%; float:right; padding:2px 0 0 0;font-size:12px; line-height:18px;}
.in_news_con strong{ display:block; padding:0px 0 2px; height:18px; overflow:hidden; }
.in_news_r_list{ width:95%; margin:15px auto 0 auto;}
.in_news_r_listl{ width:100%; padding-right:0%; float:left; background:url(../images/in_newsline.jpg) center top no-repeat; height:140px; }
.in_news_r_listr{ width:46%; float:right; padding-left:3%; }
a.in_news_r_list_a{ color:#888888; display:block; height:28px; width:47%; padding:0 1% 0 2%; overflow:hidden;  float:left;}
a.in_news_r_list_a:hover{ color:#F60;}


.in_vedios{  padding:0 10px;; margin:40px auto 0 auto;}
a.in_vedio_list{ display:block; width:23%; float:left; margin:0 1%;}
.in_vedio_kuan{ width:92%; padding:3% 4% 35px 4%; border-radius:8px; border:1px solid #fff; overflow:hidden;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
a.in_vedio_list:hover .in_vedio_kuan{ border:1px solid #bbb;}
.in_vedio_list img{ width:100%; max-height:205px; border-radius:5px;transition:all 0.3s;}
.in_vedio_list img:hover{-webkit-transform: scale(1.1,1.1); 
    -o-transform: scale(1.1,1.1);
    transition: all 1s;
    -webkit-transition: all 1s;
	border-radius:0;}
.in_vedio_list h2{ font-size:15px; display:block; padding-top:16px;}
.in_vedio_list span{ display:block; width:100px; height:27px; line-height:27px; color:#FFF; padding-left:20px; background:url(../images/video-icosm.png) #cc2717 90px center no-repeat; border-radius:25px; margin:15px auto 0 auto;}

.in_links{ padding-top:40px;}
.in_links a{ display:block; border:1px solid #e2e2e2; float:left; width:18%; margin:0 0.9%; overflow:hidden;	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
.in_links a:hover{ border:#F00 1px solid;}
.in_links a img{ width:100%;transition:all 0.3s;}
.in_links a img:hover{-webkit-transform: scale(1.1,1.1); 
    -o-transform: scale(1.1,1.1);
    transition: all 1s;
    -webkit-transition: all 1s;}

.in_footbg{ width:100%; border-top:2px solid #ff4a38; background:#f2f2f2;}
.in_foots{ margin:0px auto; padding:30px 10px; overflow:hidden;}
.in_foots li{ width:10%; float:left; border-right:1px dashed #ddd; padding-left:1%; min-height:150px; }
.in_foots li img{ width:60%;}
.in_foots li strong{ display:block; padding-bottom:8px; font-size:14px;}
.in_foots li a{ display:block; font-size:12px;}
.in_copy{ width:100%; background:#313131;}
.in_copy_con{ padding:10px;margin:0 auto; font-size:12px;}
.in_copy_l{ float:left; color:#FFF;}
.in_copy_r{ float:right; color:#868686;}

.sub_con{  padding:0 10px;margin:0 auto; padding:30px 0; }
.ban_height{ height:278px;}
.sub_loc_bg{ width:100%; height:35px; background:#f1f3f4; border-bottom:1px solid #eeeeee;}
.sub_location{  padding:0 10px; margin:0 auto; height:35px; line-height:35px;font-size:12px;}
.sub_location span{ color:#da251c; }
.sub_con_title{ padding-bottom:20px; border-bottom:1px solid #eeeeee; text-align:center;}
.sub_con_title a{ display:inline-block; padding:4px 20px; font-size:16px;
-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
.sub_con_title a:hover{ background:#da251c; border-radius:25px; color:#FFF;}
.sub_con_title a.titleon,.sub_con_title a.titleon:hover{ display:inline-block; padding:4px 20px; font-size:16px;background:#da251c; border-radius:25px; color:#FFF;}
.sub_con02{ padding:20px 10px 0 10px;}


a.news_list{ display:block;margin:15px 0; border:1px solid #e2e2e2; padding:1%;-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
a.news_list:hover{ background:#f4f4f4; color:#F00;}
.news_list_l{ width:20%; float:left;}
.news_list_l img{ width:99%;border:1px solid #e2e2e2;}
.news_list_r{ width:78%; float:right;}
.news_list_r strong{ display:block; padding-bottom:5px; padding:5px 0; font-size:14px;}
.news_list_r span{ display:block; color:#666;}
.news_list .news_list_r .news_a{ display:block; width:55px; height:24px; border:1px solid #cccccc; font-size:12px; text-align:center; margin-top:10px; color:#aaa;
-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
.news_list:hover .news_list_r .news_a{ border:1px solid #f00; color:#F00;}

.sub_con_text{ line-height:25px;}
.sub_con_text img{ width:auto; height:auto;}

a.sub_vedio_list{ display:block; width:23%; margin:15px 1%; float:left; overflow:hidden;}
.sub_vedio_img{ width:100%; border:1px solid #cccccc;}
.sub_vedio_img img{ width:99%;transition:all 0.3s;}
.sub_vedio_img img:hover{-webkit-transform: scale(1.1,1.1); 
    -o-transform: scale(1.1,1.1);
    transition: all 1s;
    -webkit-transition: all 1s;}
a.sub_vedio_list span{ display:block; height:30px; text-align:center; padding-top:12px;}

.sub_textlist{ padding:8px 0 8px 10px; border-left:6px solid #da251c; background:#f7f7f7; font-weight:bold; font-size:16px;}
.sub_textcon{ padding:25px 10px;}
.jobstitle{ padding-bottom:15px;}
a.jobs_a{ display:block; width:98px; height:28px; text-align:center; line-height:28px; border:1px solid #da251c; color:#da251c; border-radius:2px;
-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
a.jobs_a:hover{ background:#da251c; color:#FFF;}
.jobs_f{ margin:10px 0 0 0; border:1px solid #e2e2e2;}
.jobs_f dt{ height:40px; background:#efefef; text-align:center; font-size:14px; font-weight:bold; line-height:40px;}
.jobs_f dd{ padding:25px 0;}

.sub_com_img{ width:99%; border:1px solid #cccccc; overflow:hidden; height:225px;}
.sub_com_img img{  max-width:100%;transition:all 0.3s;}
.sub_com_img img:hover{-webkit-transform: scale(1.1,1.1); 
    -o-transform: scale(1.1,1.1);
    transition: all 1s;
    -webkit-transition: all 1s;}

.pc{ display:block;}
.mb{ display:none;}


.in_mnav{ display:none; background:url(../images/innavzz.jpg); width:96%; position:absolute; top:125px; padding:25px 2% 50px 2%;}


.spec-scroll { width:100%; height:150px; position:relative; }
        .spec-scroll .items { width:auto; margin:0 50px; overflow:hidden;  }
        .spec-scroll .items ul { width:20000px; }
        .spec-scroll .items ul li { display:block; padding:0 5px; float:left; background:#ffffff; border:1px solid #efefef; width:135px; height:140px; margin:0 5px;  }
        .spec-scroll .items ul li.click{ border:1px solid #f00; }
        .spec-scroll span { width:30px; border:1px solid #cccccc;display:block;position:absolute; height:140px; top:50%; margin-top:-75px; }
        .spec-scroll span.tl { left:0;  background:#efefef url(../images/case_jtl.png) center center no-repeat; cursor:pointer; }
        .spec-scroll span.tr { right:0;  background:#efefef url(../images/case_jtr.png) center center no-repeat; cursor:pointer;}


.case_bimg{ padding:25px 0; text-align:center;}
.case_bimg img{ width:auto; max-width:800px; padding:10px; border:1px solid #eeeeee;}
.case_title{ padding:30px 0 5px 0; border-bottom:1px solid #eeeeee; font-size:15px; font-weight:bold; color:#F00;}
.case_aboutcase{ padding:15px 0;}
.case_width{ width:70%; font-size:15px;}

.case_height{ height:160px; position:relative; width:100%; padding-top:35px;}

.bans { width:100%; overflow:hidden; position:relative; }
		.bans .warp { width:20000px; }
        .bans .warp a { float:left; display:block; }
		.bans .warp a img{ width:100%; float:left; }
        .bans ul { list-style:none; margin:0; padding:0; width:100%; position:absolute; bottom:20px; text-align:center; }
        .bans ul li { display:inline-block; width:10px; height:10px; background:#fff; border-radius:5px; margin:0 5px; }
        .bans ul li.click { background:#f00; }
        .bans span { position:absolute; width:35px; height:50px; background:#666; display:block; top:50%; margin-top:-25px; }
        .bans span.tl { display:block; left:0; padding:10px 5px; background:url(../images/projtl.png) #eeeeee center center no-repeat; opacity:0.7; baseline-size:90% 90%; }
        .bans span.tr { display:block; right:0; padding:10px 5px; background:url(../images/projtr.png) #eeeeee center center no-repeat; opacity:0.7;baseline-size:90% 90%;  }
		
		
		.bans2 { width:100%; overflow:hidden; position:relative; }
		.bans2 .warp { width:20000px; }
        .bans2 .warp a { float:left; display:block; position:relative; }
		.bans2 .warp a img{ width:100%; float:left; }
        .bans2 ul { list-style:none; margin:0; padding:0; background:rgba(0,0,0,0.6)!important; height:30px; width:100%; position:absolute; bottom:0px; text-align:right; }
        .bans2 ul li { display:inline-block; width:10px; height:10px; background:#fff; border-radius:5px; margin:0 8px 0 0; margin-top:10px; }
        .bans2 ul li.click { background:#f00; }
        .bans2 .warp a p { color:#fff; margin:0; padding:0 7px; position:absolute; z-index:100; height:30px; line-height:30px; bottom:0; display:block; width:auto; }
		
		

}



@media (max-width: 740px) {
	/* header */
.hearder{ width:98%; height:106px;  }
.hearder .top { margin:0 auto;  min-height:116px; width:100%; }
.hearder .top a{ cursor: pointer; display:block; width:90%; }
.hearder .top img{left:5px; padding-top:10px; display:block;}
.hearder .top img.logosm{display: none; }
.hearder .top .search{
	background-attachment: scroll;
	right:5px;
	position: absolute;
	border: 1px solid #ccc;
	border-radius: 24px;
	margin-left: 12px;
	height: 24px;
	line-height: 24px;
	width: 152px;
	background-clip: border-box;
	margin-top: 10px;
	top: 0px;
	z-index:100000;
}
.hearder .top .input_btm{ border:0; width:113px; margin-left:10px; color:#aaa;}
.hearder .top .input_btm:focus{ outline:0 }
.hearder .top .search .inp{ margin-left:10px; height: 22px; margin-top:2px; line-height: 22px; width:113px; padding-left:4px; float:left; border-top-width:0px;border-bottom-width:0px; border-right-width:0px;border-left-width:0px; border-top-style:none;border-bottom-style:none; border-left-style:none; height:20px; line-height:20px; color:#999; font-size:12px; border:none; }
.hearder .top .search button{  background: url(../images/search.png) no-repeat left center;  border-top-width:0px;border-bottom-width:0px; border-right-width:0px;border-left-width:0px; border-top-style:none;border-bottom-style:none; border-left-style:none;border-right-style:none;float:right; filter:alpha(opacity=0); display:block; height: 24px; width:24px;}
.hearder .top .search button:hover{cursor:pointer;}


.hearder .nav {  right:0; padding-top:64px;  height: 38px; width:80%; display:none; }
.hearder .nav ul{  display:block; width:100%; max-width:888px; width:100%;}
.hearder .nav ul li{ display:block; float:left; width:10%;  margin-right:1.1% ; font-size:14px; color:#333; padding-bottom: 4px; text-align: center; line-height:34px; height:34px; -moz-transition: all .5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s ease 0s;}
.hearder .nav ul li:hover{ border-bottom:4px solid #da251c;font-size: 15px; color:#da251c;}
.hearder .nav ul li.last{magin-right:0;}
.hearder .nav ul li:hover a{ color:#da251c;  }
.hearder .nav ul li.on {  border-bottom:4px solid #da251c;  font-size: 15px;  text-align: center;  }
.hearder .nav ul li.on a{color:#da251c;}

.in_buttom{ display:block; width:40px; height:36px; background-color:#eeeeee; background-image: none;   border: 1px solid #ccc; border-radius: 4px; padding:0; position:absolute; top:33px; right:5px;margin:20px 10px 0 0;} 
.in_buttom span{ display:block; width:26px; margin:3px auto; height:4px; border-radius:5px; background-color:#cccccc; }
/* banner */
.banner{width:100%; height:534px; display:none;}
.banner01{ width:100%; display:block;}
.banner01 img{width:100%; height: auto; }
.banner .honver{width:100%; margin:0 auto; position: absolute; bottom:10px; z-index: 2; text-align:right; }
.banner .honver li{ display: block; width:20px; height: 6px; float:left; margin-right: 10px; background-color:#fff; }
.banner .honver li.on{background-color:#da251c; }


/* main*/
.main{width:100%;  margin:0 auto; }
.contone ,.conttwo , .contthree ,.contfour ,.contfive ,.contsix{ margin:28px auto; width:96%;  }
.contone  h2,.conttwo h2 , .contthree h2 ,.contfour h2 ,.contfive h2,.contsix h2{ text-align:center; font-size:24px; color:#333;  }
.contone .tit,.conttwo .tit, .contthree .tit,.contfour .tit,.contfive .tit,.contsix .tit{ width:100%;  display:block; margin-top:10px;}
.contone  .onecont{width:100%; margin:28px auto; background-color: #f9f9f9; border:1px solid #d3d3d3; padding:1.5%; box-sizing: border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
.contone .tit{ max-width:421px;  margin:10px auto 0 auto;  }
.contone  .onecont .video{width:98%; float:left; border:1px solid #ccc;box-sizing: border-box;-moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
.contone  .onecont .video img{width:100%; height: auto; display: block; margin:0 auto; }

.contone  .onecont .oneart{width:98%; float:right; box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; }
.contone  .onecont .oneart p{ font-size: 14px; line-height: 24px; color:#666;  }

.conttwo{background-color:#f7f6f6;  max-width:1920px; padding:38px 0; }
.conttwo .tit{max-width: 337px;}
..case{width:100%;max-width: 1100px; margin: 0 auto; padding-top:28px; }
.case li{display:block; float:left; border:1px solid #ccc; width:48%; margin:1%; position: relative;box-sizing: border-box;-moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; }
.case li a{width:100%; display: block; }
.case li a img{width:100%; height: auto; display:block;}
.case li span{ display: block; width:100%; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color:#fff; position: absolute; bottom:0px; background-color:#000; opacity: 0.8; z-index:100000; 
-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
.conttwo .case li:hover span{ background:none; height:45px;} 
.case li .case_zz{ position:absolute; left:0; top:0; bottom:0; right:0; background:url(../images/casebg.png) center center no-repeat; background-size:100% 100%; z-index:100;opacity: 0;
-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
.case li:hover .case_zz{ opacity:1;}

.contthree .gongfa{margin-top:28px; }
.contthree .tit{ max-width:353px;  }
.contthree .gongfa li{display:block; float:left; border:1px solid #ccc; box-sizing: border-box;-moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; margin:1%; width:98%; 	 overflow:hidden;}
.contthree .gongfa li a{display:block; position:relative; }
.contthree .gongfa li img{width:100%;height: auto; display:block;}
.contthree .gongfa li .gfart {width:100%; height: 100%; padding:28px; z-index: 4; box-sizing: border-box;-moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; background-color:#000; opacity: 0.8; position: absolute; bottom: -500px;	
-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;

}
.contthree .gongfa li:hover .gfart { bottom:0;}
.contthree .gongfa li .gfart h2{font-size: 16px; color:#fff; text-align: center;}
.contthree .gongfa li .gfart p{font-size: 12px; line-height: 24px; padding:8px; color:#fff;}

.in_news{ max-width:1100px; margin:0 auto; padding:25px 0 0 0;}
.in_news01{ padding-bottom:20px; border-bottom:1px #aaa dotted;}
.in_news01_padding{ padding-top:11px;}
.in_nwes01_left{ width:100%; background:#ffffff; height:190px; float:left; overflow:hidden; }
.in_news_img{ border:11px solid #fff; margin:0px auto; right:0px; position:absolute; left:0; z-index:100px; top:0px;}
.in_news_img img{ width:100%; max-height:170px;}

.in_nwes01_right{ width:100%; background-color:#ffffff; background-image:none; height:177px; float:right; padding:11px 0; overflow:hidden;}
.in_hotnews{ display:block; width:95%; margin:3px auto;  }
.in_hotnews span{ display:block; padding:3px 8px; background:#F00; color:#FFF; font-size:14px; text-align:center; float:left; border-radius:4px;}
.in_hotnews h3{ display:block;  height:28px; overflow:hidden; line-height:28px; padding-left:5px;}
.in_newslist{ display:block; margin:0px auto; width:95%; height:26px; line-height:26px; overflow:hidden; color:#888888;}
.in_newslist span{ float:right; color:#aaaaaa;}
.in_news02{ padding-top:20px;}
.in_news_ls{ display:block; height:66px; background:#FFF; padding:13px 2%; overflow:hidden;}
.imgw{ width:30%; float:left;}
.imgw img{ width:100%;}
.in_news_con{ width:65%; float:right; padding:2px 0 0 0;font-size:12px; line-height:18px; height:56px; overflow:hidden;}
.in_news_con strong{ display:block; padding:0px 0 2px; height:16px; }
.in_news_r_list{ width:95%; margin:15px auto 0 auto;}
.in_news_r_listl{ width:47%; padding-right:3%; float:left; background:none;}
.in_news_r_listr{ width:46%; float:right; padding-left:3%; }
a.in_news_r_list_a{ color:#888888; display:block; height:25px; overflow:hidden; width:98%;}
a.in_news_r_list_a:hover{ color:#F60;}


.in_vedios{ max-width:1100px; margin:40px auto 0 auto;}
a.in_vedio_list{ display:block; width:48%; float:left; margin:0 1% 8px 1%;}
.in_vedio_kuan{ width:92%; padding:3% 4% 35px 4%; border-radius:8px; border:1px solid #fff; overflow:hidden;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
a.in_vedio_list:hover .in_vedio_kuan{ border:1px solid #bbb;}
.in_vedio_list img{ width:100%; max-height:199x; border-radius:5px;transition:all 0.3s;}
.in_vedio_list img:hover{-webkit-transform: scale(1.1,1.1); 
    -o-transform: scale(1.1,1.1);
    transition: all 1s;
    -webkit-transition: all 1s;
	border-radius:0;}
.in_vedio_list h2{ font-size:15px; display:block; padding-top:16px;}
.in_vedio_list span{ display:block; width:100px; height:27px; line-height:27px; color:#FFF; padding-left:20px; background:url(../images/video-icosm.png) #cc2717 90px center no-repeat; border-radius:25px; margin:15px auto 0 auto;}

.in_links{ padding-top:40px;}
.in_links a{ display:block; border:1px solid #e2e2e2; float:left; width:30%; margin:0 0.9% 8px 0.9%; overflow:hidden;	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
.in_links a:hover{ border:#F00 1px solid;}
.in_links a img{ width:100%;transition:all 0.3s;}
.in_links a img:hover{-webkit-transform: scale(1.1,1.1); 
    -o-transform: scale(1.1,1.1);
    transition: all 1s;
    -webkit-transition: all 1s;}

.in_footbg{ width:100%; border-top:2px solid #ff4a38; background:#f2f2f2;}
.in_foots{ max-width:1100px; margin:0px auto; padding:30px 1.5%; overflow:hidden;}
.in_foots li{ width:31%; float:left; border-right:1px dashed #ddd; padding-left:1%; min-height:150px; }
.in_foots li img{ width:60%;}
.in_foots li strong{ display:block; padding-bottom:8px; font-size:14px;}
.in_foots li a{ display:block; font-size:12px;}
.in_copy{ width:100%; background:#313131;}
.in_copy_con{ margin:0 auto; padding:10px 1.5%; font-size:12px;}
.in_copy_l{ float:left; color:#FFF; padding-left:10px;}
.in_copy_r{ float:left; color:#868686; padding-left:10px;}

.sub_con{ max-width:1100px; margin:0 auto; padding:30px 0; }
.ban_height{ height:278px;}

.sub_loc_bg{ width:100%; height:35px; background:#f1f3f4; border-bottom:1px solid #eeeeee;}
.sub_location{ max-width:1100px; margin:0 auto; height:35px; line-height:35px;font-size:12px;padding:0 1.5%;}
.sub_location span{ color:#da251c; }
.sub_con_title{  border-bottom:1px solid #eeeeee; text-align:center; overflow:hidden; padding:0 1.5% 20px 1.5%;}
.sub_con_title a{ display:block; float:left; padding:4px 6px; margin-bottom:3px; font-size:16px;
-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
.sub_con_title a:hover{ background:#da251c; border-radius:25px; color:#FFF;}
.sub_con_title a.titleon,.sub_con_title a.titleon:hover{ display:inline-block; padding:4px 15px; font-size:16px;background:#da251c; border-radius:25px; color:#FFF;}
.sub_con02{ padding:20px 2% 0 2%;}
.sub_con02 img{ width:100% !important; height:auto !important;}


a.news_list{ display:block;margin:15px 0; border:1px solid #e2e2e2; padding:1%;}
a.news_list:hover{ background:#f4f4f4;}
.news_list_l{ width:35%; float:left;}
.news_list_l img{ width:99%;border:1px solid #e2e2e2;}
.news_list_r{ width:63%; float:right;}
.news_list_r strong{ display:block; padding-bottom:5px; padding:5px 0; font-size:14px; height:40px; overflow:hidden;}
.news_list_r span{ display:none;}
.news_list .news_list_r .news_a{ display:block; width:55px; height:24px; border:1px solid #cccccc; font-size:12px; text-align:center; margin-top:2px; color:#aaa;}
.news_list:hover .news_list_r .news_a{ border:1px solid #f00; color:#F00;}

.sub_con_text{ line-height:25px;}
.sub_con_text img{ width:100% !important; height:auto !important;}



a.sub_vedio_list{ display:block; width:48%; margin:15px 1%; float:left; overflow:hidden;}
.sub_vedio_img{ width:100%; border:1px solid #cccccc;}
.sub_vedio_img img{ width:99%;transition:all 0.3s;}
.sub_vedio_img img:hover{-webkit-transform: scale(1.1,1.1); 
    -o-transform: scale(1.1,1.1);
    transition: all 1s;
    -webkit-transition: all 1s;}
a.sub_vedio_list span{ display:block; height:30px; text-align:center; padding-top:12px;}

.sub_textlist{ padding:8px 0 8px 10px; border-left:6px solid #da251c; background:#f7f7f7; font-weight:bold; font-size:16px;}
.sub_textcon{ padding:25px 10px;}
.sub_textcon img{ width:100% !important;}
.jobstitle{ padding-bottom:15px;}
a.jobs_a{ display:block; width:98px; height:28px; text-align:center; line-height:28px; border:1px solid #da251c; color:#da251c; border-radius:2px;
-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
a.jobs_a:hover{ background:#da251c; color:#FFF;}
.jobs_f{ margin:10px 0 0 0; border:1px solid #e2e2e2;}
.jobs_f dt{ height:40px; background:#efefef; text-align:center; font-size:14px; font-weight:bold; line-height:40px;}
.jobs_f dd{ padding:25px 0;}

.sub_com_img{ width:99%; border:1px solid #cccccc; overflow:hidden; height:225px;}
.sub_com_img img{  max-width:100%;transition:all 0.3s;}
.sub_com_img img:hover{-webkit-transform: scale(1.1,1.1); 
    -o-transform: scale(1.1,1.1);
    transition: all 1s;
    -webkit-transition: all 1s;}

.pc{ display:none;}
.mb{ display:block;}


.in_mnav{ display:none; background:url(../images/inmnavzz.png); width:96%; position:absolute; top:100px; padding:25px 2% 50px 2%; z-index:100000;}
.in_mnav a{ display:block; margin:0 auto 8px auto; background:#ffffff; border-radius:25px; text-align:center; font-size:15px; padding:5px 0; width:90%;-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
.in_mnav a:hover{ background:#F00; color:#FFF;}


.spec-scroll { width:100%; height:100px; position:relative; }
        .spec-scroll .items { width:auto; margin:0 30px; overflow:hidden;  }
        .spec-scroll .items ul { width:20000px; }
        .spec-scroll .items ul li { display:block; padding:0 5px; float:left; background:#ffffff; border:1px solid #efefef; width:95px; height:100px; margin:0 5px;  }
        .spec-scroll .items ul li.click{ border:1px solid #f00; }
        .spec-scroll span { width:20px; border:1px solid #cccccc;display:block;position:absolute; height:100px; top:50%; margin-top:-50px; }
        .spec-scroll span.tl { left:0;  background:#efefef url(../images/case_jtl.png) center center no-repeat; cursor:pointer; }
        .spec-scroll span.tr { right:0;  background:#efefef url(../images/case_jtr.png) center center no-repeat; cursor:pointer;}


.case_bimg{ padding:15px 0; text-align:center;}
.case_bimg img{ width:95%; padding:5px; border:1px solid #eeeeee;}
.case_title{ padding:10px 0 5px 0; border-bottom:1px solid #eeeeee; font-size:15px; font-weight:bold; color:#F00;}
.case_aboutcase{ padding:5px 0;}

.case_width{ width:90%; font-size:13px;}


.case_height{ height:100px; position:relative; width:100%; padding-top:35px;}



.bans { width:100%; overflow:hidden; position:relative; }
		.bans .warp { width:20000px; }
        .bans .warp a { float:left; display:block; }
		.bans .warp a img{ width:100%; float:left; }
        .bans ul { list-style:none; margin:0; padding:0; width:100%; position:absolute; bottom:0px; text-align:center; }
        .bans ul li { display:inline-block; width:10px; height:10px; background:#fff; border-radius:5px; margin:0 5px; }
        .bans ul li.click { background:#f00; }
        .bans span { position:absolute; width:35px; height:50px; background:#666; display:block; top:50%; margin-top:-25px; }
        .bans span.tl { display:none; left:0; padding:10px 5px; background:url(../images/projtl.png) #eeeeee center center no-repeat; baseline-size:90% 90%; }
        .bans span.tr {  display:none; right:0; padding:10px 5px; background:url(../images/projtr.png) #eeeeee center center no-repeat; baseline-size:90% 90%;  }
		
		

		
		.bans2 { width:100%; overflow:hidden; position:relative; height:170px; }
		.bans2 .warp { width:20000px; }
        .bans2 .warp a { float:left; display:block; position:relative; height:170px; }
		.bans2 .warp a img{ width:100%; height:100%; float:left; }
        .bans2 ul { list-style:none; margin:0; padding:0; background:rgba(0,0,0,0.6)!important; height:30px; width:100%; position:absolute; bottom:0px; text-align:right; }
        .bans2 ul li { display:inline-block; width:10px; height:10px; background:#fff; border-radius:5px; margin:0 8px 0 0; margin-top:10px; }
        .bans2 ul li.click { background:#f00; }
        .bans2 .warp a p { color:#fff; margin:0; padding:0 7px; position:absolute; z-index:100; height:30px; line-height:30px; bottom:0; display:block; width:auto; }

}