@charset "utf-8";
/*基础样式*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,select,option.textarea,submit,button,p,table,tr,th,td,span,a,img,article,aside,audio,canvas,datalist,details,eventsource,figure,figcaption,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video,fieldset{margin:0;padding:0;}
article,aside,audio,canvas,datalist,details,eventsource,figure,figcaption,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video {display:block;margin:0;padding:0;}
input,select,textarea,button{vertical-align:middle;}
body{font-size:12px; font-family:Microsoft Yahei,Verdana, Geneva, sans-serif;}
ul,li,ol{list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
table,td{ empty-cells:show; border-collapse:collapse; padding:0;}
.clear{width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; clear:both;}
img{border:none;}
html,body{ width:100%; position:relative; font-size:14px;}

a { text-decoration: none; outline: 0;}
article, aside, dialog, footer, header, section, nav, figure, menu, audio, canvas, progress, video { display: block;}
a{outline:none; blr:expression(this.onFocus = this.onblur()); text-decoration:none; color:#333;}
a:hover{text-decoration:none;}
table{ border-color:#ccc;}
.fl{ float:left;}
.fr{ float:right;}

.zj{ width:1200px; margin:0px auto;}

#top{ width:100%; background:#fff; height:130px;}
#top_k{ width:100%; height:130px;}
#logo{ float:left; margin-top:25px;}
#tel{ float:right; font-size:16px; margin-top:50px;}
#tel span{ font-weight:bold; font-size:30px; color:#f0a732;}
#nav{ width:100%; background:#f0a732; height:60px; position:relative; z-index:999;}
#menu{ width:1200px; margin:0px auto; height:60px;}
#menu ul{}
#menu li{ width:150px; float:left; height:60px; font-size:16px; line-height:60px; text-align:center; color:#fff;}
#menu li a{ color:#fff; display:block;}
#menu li a:hover{ color:#fff; background:#f48b30;}

#menu ul li ul li { float:none;}
#menu ul li ul li a { background:none;}
#menu ul li ul {}
#menu ul li ul li { float:none; width:150px; background:#f48b30;height:55px; line-height:55px;font-weight:normal; font-size:14px;}
#menu ul li ul li a { background:none; color:#fff;}
#menu ul li ul li a:hover { color:#fff; background:#f0a732;}
#menu ul li ul { display:none;}
#menu ul li:hover ul { display:block;}
#menu ul li.sfhover ul { display:block;}

.banner{ width:100%;}

#chanpin{ width:100%; background:url(../images/m21.jpg) repeat-x top; padding:60px 0;}
#chanpin_t{ width:100%; }
#fenlei{ width:100%; text-align:center; margin-top:50px;}
#fenlei a{ background:#fff; padding:12px 26px; margin:0px 5px;}
#fenlei a:hover{ background:#f0a732; color:#fff;}
#chanpin_n{ width:100%; margin-top:100px;}

.projects-container ul{ margin-right:-66px; overflow:hidden; *margin-bottom:30px;}
.projects-container li { width: 356px; height:390px; float: left; margin-right:66px; margin-bottom:40px; }
.projects-container li { position: relative;/* margin-bottom: 2.5%!important; margin-bottom: 5%;*/ }
.projects-container li .m2img { width: 100%; position: relative; z-index: 2; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;}
.project-content { position: absolute; height: 100%; top: 0; left: 0; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; border-radius: 2px; width: 100%; }
.projects-container li:hover .project-content { background-color: rgba(240, 167, 50, 0.8); z-index: 99999; }
.inner-project { text-align: center; position: absolute; width: 100%; top: 50%; margin-top: -38px; }
.inner-project ol { font-size: 16px; line-height: 24px; color: #222; font-weight: 700; margin: 0px 0px 6px 0px; padding: 4px 12px 3px 12px; border-radius: 0px 0px 0px 0px; background-color: rgba(255,255,255,0);  text-transform: capitalize; }
.inner-project ol a{ color:#fff;}
.inner-project span { display: block; color: #1abc9c; font-size: 14px; font-weight: 300; margin-bottom: 12px; }
.project-link { font-size: 12px; line-height: 30px; color: #fff; font-weight: 500; padding: 3px 30px 2px 30px; z-index: 2; display: inline-block; font-family: "Source Sans Pro",Helvetica,Arial,sans-serif; text-transform: uppercase; }
.project-link:hover { color: #ffffff; }
.projects-container li .ms{ width:100%; height:40px; line-height:40px; text-align:center; background-color:#666; position:absolute; bottom:0; left:0; z-index:9999; color:#fff;}
.m2 li a{ color:#ffffff;}
.projects-container li:hover .ms{ display:none;}
.m2gd{ background:url(../images/m2tel.jpg) no-repeat left center; height:60px;}
.m2gd span{ float:right; width:150px; height:50px; line-height:50px; display:block; background-color:#0061b0; text-align:center;}
.m2gd span a{ color:#ffffff;}

.projects-container1 ul{ margin-right:-66px; overflow:hidden; *margin-bottom:30px;}
.projects-container1 li { width: 286px;; float: left; margin-right:10px; margin-left:10px; margin-top:20px; height:320px;}
.projects-container1 li { position: relative;/* margin-bottom: 2.5%!important; margin-bottom: 5%;*/ }
.projects-container1 li .m2img { width: 100%; position: relative; z-index: 2; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;}
.project-content1 { position: absolute; height: 100%; top: 0; left: 0; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; border-radius: 2px; width: 100%; }
.projects-container1 li:hover .project-content { background-color: rgba(240, 167, 50, 0.8); z-index: 99999; }
.inner-project1 { text-align: center; position: absolute; width: 100%; top: 50%; margin-top: -38px; }
.inner-project1 ol { font-size: 16px; line-height: 24px; color: #222; font-weight: 700; margin: 0px 0px 6px 0px; padding: 4px 12px 3px 12px; border-radius: 0px 0px 0px 0px; background-color: rgba(255,255,255,0);  text-transform: capitalize; }
.inner-project1 ol a{ color:#fff;}
.inner-project1 span { display: block; color: #1abc9c; font-size: 14px; font-weight: 300; margin-bottom: 12px; }
.project-link1 { font-size: 12px; line-height: 30px; color: #fff; font-weight: 500; padding: 3px 30px 2px 30px; z-index: 2; display: inline-block; font-family: "Source Sans Pro",Helvetica,Arial,sans-serif; text-transform: uppercase; }
.project-link1:hover { color: #ffffff; }
.projects-container1 li .ms{ width:100%; height:40px; line-height:40px; text-align:center; background-color:#666; position:absolute; bottom:0; left:0; z-index:9999; color:#fff;}
.m2 li a{ color:#ffffff;}
.projects-container1 li:hover .ms{ display:none;}
.m2gd{ background:url(../images/m2tel.jpg) no-repeat left center; height:60px;}
.m2gd span{ float:right; width:150px; height:50px; line-height:50px; display:block; background-color:#0061b0; text-align:center;}
.m2gd span a{ color:#ffffff;}

#about{ width:100%; height:419px; background:url(../images/m5bg.jpg) no-repeat center; padding-top:70px;}
#about_l{ float:left; widht:444px; height:326px;}
#about_r{ float:right; width:710px;}
#about_rt{ width:100%; float:left; font-size:35px; color:#f0a732; font-weight: bold;}
#about_rn{ width:100%; float:left; margin-top:15px; color:#fff; line-height:1.9; height:195px;}
#about_more{ width:130px; float:left; height:40px; background:#f0a732; line-height:40px; text-align:center;}
#about_more a{ color:#fff; display:block;}


#news{ width:100%; padding:60px 0;}
.m61{ width:325px; float:left;}
.m62{ width:330px; float:left; margin-left:45px; display:inline; }
.m63{ width:455px; float:left; margin-left:45px; display:inline; }
.m6t{ margin-bottom:20px; }
.m6t{ font-size:22px; font-weight:bold;}
.m6t em{ font-style:normal; font-size:14px; font-weight:normal; text-transform:uppercase; margin-left:10px;}
.m6t span{ float:right; width:77px; height:24px; line-height:24px; font-size:14px; font-weight:normal; border:1px #f0a732 solid; text-align:center;}
.m6t span a{ color:#f0a732;}
.m63 .m6t span{border:1px #f0a732 solid;}
.m63 .m6t span a{ color:#f0a732}
.m62 li{ border-bottom:1px #f0a732 solid; background:url(../images/m62.jpg) no-repeat right 10px; height:70px; margin-bottom:5px; overflow:hidden; *margin-bottom:0px; font-weight:bold;}
.m62 li a{ width:250px; float:left; font-size:14px;}
.m62 li span{ display:block; }
.m63 li{ border-bottom:1px #f0a732 solid; margin-bottom:5px; height:70px; overflow:hidden;}
.m63 li span{ float:right;}
.m63 li a{ color:#333333; font-weight:bold; display:block; font-size:14px;}
.m63 li p{ color:#666666; height:40px; line-height:40px; overflow:hidden;}


#anli{ width:100%; padding:60px 0;}
#anli_t{ width:100%;}
#anli_tl{ float:left; width:300px;}
#anli_tlz{ float:left; font-size:24px; width:100%;}
#anli_tly{ float:left; width:100%; margin-top:5px; color:#666;}
#anli_tr{ float:right; width:120px; height:35px; background:#f0a732; line-height:35px; text-align:center;}
#anli_tr a{ color:#fff; display:block;}
#anli_tr a:hover{ color:#fff;}
#anli_n{ width:100%; float:left; margin-top:50px;}
#al{ width:328px; height:318px; float:left; background:#e5e6e8; margin:0px 15px;}
#al a{ display:block; width:328px; height:318px;}
#al a:hover{ background:#f0a732; color:#fff;}
#al_t{ width:100%; float:left; height:246px;}
#al_t img{ width:100%; height:246px;}
#al_n{ width:100%; float:left; height:72px;}
#al_nl{ float:left; margin-left:20px; line-height:72px; background:url(../images/m41.jpg) no-repeat center 50px;}
#al a:hover #al_nl{ background:url(../images/m41h.png) no-repeat center 50px;}
#al_more{ float:right; margin-right:20px; margin-top:20px; width:100px; height:30px; border:1px #333 solid; line-height:30px; text-align:center;}
#al a:hover #al_more{ border:1px #fff solid;}
#demo { WIDTH: 1200px; OVERFLOW: hidden }
#indemo { WIDTH: 800%; FLOAT: left }
#demo1 { FLOAT: left }
#demo2 { FLOAT: left }


.dilogo{ float:left; margin-top:60px; margin-right:100px;}
.foot{ width:100%; background:#222222;}
.foot_t{ width:100%; border-bottom:1px #333333 solid; padding:45px 0;}
.kslj{ width:120px; float:left; margin-right:72px; border-right:1px #333 solid;}
.kslj_t{ width:100%; color:#c8c8c8; font-weight:bold;}
.kslj_n{ width:100%; margin-top:10px;}
.kslj_n li{ width:100%; height:25px; line-height:25px;}
.kslj_n li a{ color:#777777;}
.kslj_n li a:hover{ color:#fff;}

.fwrx{ width:210px; float:left; padding-right:40px; border-right:1px #333 solid;}
.fwrx_t{ widht:100%; text-align:center; color:#c8c8c8;}
.fwrx_n{ width:100%; margin-top:18px; color:#f0a732; font-weight:bold; font-size:28px; text-align:center;}
.fwrx_z{ width:100%; margin-top:18px;}
.fwrx_zl{ width:86px; height:26px; border:1px #fff solid; border-radius:3px; float:left; margin:0px 8px; text-align:center; line-height:26px;}
.fwrx_zl a{ color:#c8c8c8; display:block;}
.fwrx_zl a:hover{ background:#f0a732; color:#fff;}

.ewm{ width:106px; float:right;}
.ewm_t{ width:100%;}
.ewm_t img{ width:100%;}
.ewm_z{ width:100%; margin-top:5px; text-align:center; color:#c8c8c8;}

.foot_b{ width:100%; padding:15px 0;}
.foot_lian{ width:100%; text-align:center;}
.foot_lian a{ margin:0px 25px; color:#c8c8c8;}
.foot_lian a:hover{}
.foot_z{ width:100%; text-align:center; color:#6a6a6a; margin-top:15px;}
.box1{ width:100%;}
.box{ width:100%; padding:60px 0;}
.column{ width:250px; float:left;}
.column_t{ width:100%; text-align:center; font-weight:bold; background:#f0a732; padding:20px 0; color:#fff;}
.column_tz{ font-size:24px; width:100%;}
.column_ty{ font-size:16px; font-weight:normal;}
.column_n{ width:100%; box-sizing:border-box; padding:10px; background:#f1f1f1;}
.column_n li{ width:100%; height:45px; line-height:45px; margin-bottom:5px; text-indent:20px; background:#ccc;}
.column_n li a{ color:#333; display:block;}
.column_n li a:hover{ color:#fff; background:#f0a732;}

.abouter{ width:920px; float:right;}
.abouter_t{ width:100%; border-bottom:1px #ccc solid; height:40px;}
.abouter_tz{ float:left; line-height:40px; color:#333;font-size:24px; font-weight:bold;}
.weizhi{ float:right; line-height:40px; color:#666;}
.weizhi a{ color:#666;}
.weizhi a:hover{ color:#f0a732;}
.abouter_n{ width:100%; margin-top:10px; line-height:1.9; font-size:16px!important;}
.abouter_n table{ min-width:100%;}
.biaoti{ width:100%; margin-top:10px; font-size:18px; font-weight:bold; text-align:center;}
.fabiao{ width:100%; margin-top:5px; text-align:center; color:#666; padding-bottom:5px; border-bottom:1px #ccc dashed;}

.fenpian{ width:100%; margin-top:30px;}
.fenpian_l{}
.fenpian_l a{color:#333;}
.fenpian_l a:hover{ color:#f0a732;}

.fenye{ width:100%; text-align:center; height:35px; margin-top:25px; line-height:35px;}
.fenye a{ padding:5px 10px; margin:0px 5px; border:1px #ccc solid;}
.fenye a:hover{ color:#fff; background:#f0a732;}

.newser{ width:100%; margin-top:10px;}
.newser li{ width:100%; height:40px; line-height:40px; border-bottom:1px #ccc dashed; color:#333;}
.newser li a{ color:#333;}
.newser li a:hover{ color:#f0a732;}
.newser li span{ float:right; color:#666;}