/* CSS Document */

/*-----------------------------------// 全局样式 //-----------------------------------*/
body { margin:0; padding:0; font-size:12px; font-family: Arial, "宋体", Helvetica, sans-serif, Verdana; color:#222; background: #fff line-height:24px;}
ul,li,img,dl,dd,dt,form,table,tr,td,p,ol,div,input,label,span,h1,h2,h3,h4,h5,h6 { margin:0; padding:0;}
ol,ul,li { list-style-type:none; }
table { border-collapse:collapse; border-spacing:0; empty-cells:show;/*空单元格*/}
th, td { border-collapse:collapse; }
a { blr:expression(this.onFocus=this.blur());} /*for IE 去除链接虚线框*/
a { outline:none; } /*for Firefox*/
img { border:none;}
a { color:#333; text-decoration:none;}
a:hover { color:#F6882F; text-decoration:underline;}
.clear { clear:both; overflow:hidden; zoom:1;}
.b { font-weight:bold;}
.float_right { float:right;}
.float_left { float:left;}
.hg10 { height:10px; zoom:1; clear:both; overflow:hidden;}
.hg5 { height:5px; overflow:hidden; zoom:1; clear:both;}
em { font-style:normal;}
/*解决ie6图片缩小出现锯齿的问题*/
v\:* { behavior: url(#default#VML);}
img.thumb{-ms-interpolation-mode: bicubic;}

/* 更多 */
.more { float:right; padding-right:35px; height:35px; line-height:35px; color:#fff}
.more a{ color:#fff}
.more2 { float:right; padding-right:25px; height:17px; line-height:17px; color:#fff}
.more2 a{ color:#fff}


/*-----------------------------------// 页面样式 //-----------------------------------*/
/*------ 外部DIV ------*/
#wrap { width:100%;}

/*--- 头部 ---*/
#web_top { width:100%; padding:0; height:103px; border-bottom:#00398a 2px solid;  background:url("../images/tbg.gif") no-repeat top right #fff;}
.header { width:1003px; margin:0 auto; height:80px; zoom:1;}
.logo { height:80px; float:left;} /*logo 高度*/
.tel{ float:right}
.tp_rt { float:right; padding:0 0 0 0; line-height:80px;}/* 右边中英文 */
.tp_rt a span { background:url('../images/icon.gif') no-repeat left center; padding:0 0 0 15px;}

/*--- 导航 ---*/
.menu { width:100%; height:48px; zoom:1; margin:0 auto; border-bottom:#cccccc 1px solid}

#nav_ecwms { width:1003px; height:48px; line-height:48px; margin:0 auto}
#nav_ecwms .wxmenu1 { zoom:1;  padding:0 0 0 10px; }
#nav_ecwms .wxmenu1 li { width:103px; font-weight:normal; font-size:14px; float:left; z-index:100; text-align:center; position:relative; font-family:微软雅黑; /*background:url('../images/nav_line.gif') right no-repeat;  间隔线*/}
#nav_ecwms .wxmenu1 li a {color: #000; font-weight:bold;  width:103px; height:48px; display: block; text-decoration: none;  /*一级链接的颜色宽度和高度*/ }
#nav_ecwms .wxmenu1 li a:hover { color:#fff; text-decoration: none; background:url('../images/nav_hover.gif') repeat-x top;font-family:微软雅黑; /*鼠标滑上去后，链接的颜色和背景*/}
#nav_ecwms .wxmenu1 ul { display:none;}
#nav_ecwms .wxmenu1 ul li { position:relative; }
#nav_ecwms .wxmenu1 li ul { width:103px;  top:48px; /*下拉二级ul*/ position:absolute; left:0px; margin: 0px; padding:0; z-index:100; }
#nav_ecwms .wxmenu1 li ul li { width:103px; background-color:#c1950a;/*下拉二级和三级li的样式*/ border:0; background-image:none; height:30px; line-height:30px; text-align:left; padding:0;}
#nav_ecwms .wxmenu1 li ul li a { color:#fff; width:103px; /*下拉二级和三级链接样式 */font-weight:normal;  text-align:left;  display:block; text-indent:0px; height:30px; background:none; overflow:hidden; zoom:1;}
#nav_ecwms .wxmenu1 li ul li a span { padding:0 0 0 5px;}
#nav_ecwms .wxmenu1 li ul li a:hover { color:#fff; width:103px; background:#FFC400; /*下拉二级三级鼠标滑过样式*/ height:30px; text-align:left; display:block;}
#nav_ecwms .wxmenu1 li ul ul { left:99px;/*下拉三级左边距*/ z-index:200; top:0;}
#nav_ecwms .wxmenu1 li a.selected { color: #fff; font-weight:bold;  width:103px; height:48px; display: block; text-decoration: none;  /*当前位置*/ background:url('../images/nav_hover.gif') repeat-x top;}

/*--- 搜索2 ---*/
#web_search2 { width:170px; float:left; padding:0 0 0 15px; zoom:1; overflow:hidden; background:none;}
.web_search2_keyword { border:0px; background:none; padding:0 10px 0 0; margin:0px; width:110px; height:40px; line-height:40px; color:#444; float:left;}
.web_search2_submit { border:0; padding:0px; margin:0px; width:40px; height:40px; line-height:40px; background:none; text-indent:999px; cursor:pointer; float:left;}


/* --- banner动画 ---*/
#web_banner { width:100%; margin:0 auto; height:397px; clear:both; z-index:-999; border-bottom:#cccccc 1px solid}
.tiao{ width:100%; border-bottom:#cccccc 1px solid}
.tiao2{ width:1003px; margin:0 auto; height:40px; line-height:40px;}
.tiao2 span{ float:left; width:150px; height:40px; line-height:40px;}
.tiao2 marquee{ width:800px; float:left}
/*--- 主体内容 ---*/
#web_main { width:1200px; margin:0 auto; overflow:hidden; zoom:1; padding:10px 0 0 0; }

/*首页样式*/
.ix_left { width:672px; float:left; padding:0 5px 0 0; overflow:hidden; }
.ix_center { width:390px; float:left; background-color:#fff; padding:5px; overflow:hidden;}
.ix_right { width:326px; float:left; overflow:hidden;}

    /* bar */
    .bar { height:35px; line-height:35px; background:url('../images/bar.gif') repeat-x; width:100%;}
	.bar span.span1 {height:30px;  text-align:center; color:#333; font-size:30px; font-weight:bold;padding-left:35px; font-family:Arial, Helvetica, sans-serif;}
	.barx { height:35px; line-height:35px; width:100%;}
	.barx span.span1 { height:30px;  text-align:center;  color:#999; font-size:14px;padding-left:35px;}
	.barb { height:100px; line-height:100px; width:100%;}
	.barb span.span1 { height:100px;  text-align:center;  color:#999; font-size:80px;padding-left:35px;}
	.bar2 { height:35px; line-height:35px; background:url('../images/bar2.gif') repeat-x; width:100%;}
	.bar2 span.span1 { width:87px; height:30px; display:block; text-align:center; color:#fff; font-size:14px; font-weight:bold;padding-left:35px;}
	.bar3 { height:17px; line-height:17px; background:url('../images/bar3.gif') repeat-x; width:100%;}
	.bar3 span.span1 { width:87px; height:17px; display:block; text-align:center; color:#fff; font-size:14px; font-weight:bold; color:#173164}
	.bar4 { height:36px; line-height:36px; background:url('../images/bar4.gif') no-repeat; width:100%;}
	.bar4 span.span1 { width:87px; height:17px; display:block; text-align:center; color:#fff; font-size:14px; font-weight:bold;}
	
    .tu1 { width:125px; height:90px; float:left; padding:0 0 0 10px; background:url('../images/tu1.gif') no-repeat;  }/*首页关于我们图*/
	/* 内容框 */
    .neirong { overflow:hidden; zoom:1;  background-color:#fff;line-height:24px;}
    /* 成功案例 */
    .case {  background:url('../images/case.gif') no-repeat; height:70px; width:240px; }
    .case a { width:240px; height:70px; display:block;}
    .case a:hover { text-decoration:none;}
    /*首页联系方式*/
    .ix_contact { width:326px; overflow:hidden; zoom:1;}
	.contact1 {  background-color:#fff; }

    /*首页 tab 切换*/
    .sub-con{height:196px; width:380px; display:none;}
    .cur-sub-con{ display:block;}
    .box_nav{ width:380px; height:30px;}
    .box_nav ul{width:380px; height:30px;}
    .box_nav ul li{ width:87px; height:30px;line-height:30px; text-align:center; float:left; padding:0 2px 0 0;}
    .box_nav ul li a{ width:87px; height:30px; display:block; text-align:center; background:url('../images/bar_span.gif') no-repeat 0 -30px; color:#fff; font-size:14px; font-weight:bold;}
    .box_nav ul li a:hover{ text-decoration:none; background:url('../images/bar_span.gif') no-repeat;}
    .box_nav ul li a.cur{ width:87px; height:30px; display:block; text-align:center; background:url('../images/bar_span.gif') no-repeat 0 0; color:#fff; font-size:14px; font-weight:bold;}
	/*热门新闻*/
	.newshot { line-height:18px; background:#f4f4f4; padding:5px; overflow:hidden; zoom:1;}
	.newshot h2 { font-size:12px; line-height:28px; color:#cc0000; width:260px; float:left;}
	.newshot h2 a { color:#cc0000;}
	.newshot img { width:101px; height:81px; float:left; padding:0 5px 0 0;}
	/*--- 首页新闻 ---*/
    #web_news li { line-height:30px; height:30px; background:url('../images/li_news.gif') no-repeat left center; padding:0 0 0 10px; border-bottom:#9b9b9b 1px dashed}
    #web_news li a { color:#222;}
	#web_news li span.time { float:right; color:#777;}
	/*首页产品*/



/*内页*/
.banner2 { width:740px; height:147px; margin:0 auto; margin-bottom:10px;}
.left { width:330px; float:left; padding:0 10px 0 0;}
.right { width:840px; float:left;}


    /*--- 产品类别 ---*/
    .prod_type { padding:10px;}
    .prod_type ul { margin:0 auto; float:none; }
    .prod_type ul li { padding:0 0 0px 20px; margin-bottom:5px; border-bottom:#54626f 1px dashed}
    .prod_type ul li { background:url('../images/icon2.gif') no-repeat left center;width:80px;}
    .prod_type ul li li { background:none;}
    .prod_type ul li a { height:29px; line-height:29px; }
    .prod_type ul li a:hover, .prod_type ul li.act a { }
    .prod_type ul ul { display:none; }
    .prod_type ul ul li { text-indent:20px; border:0px; padding:0px; background-position:0px 8px; }
    .prod_type ul li, .prod_type ul li a, .prod_type ul li a:visited {}
	
	/* 内页右边 */
    .bar5 { height:35px; line-height:35px; background:url('../images/ll.gif') no-repeat left center; width:100%;}
	.bar5 span.span1 { display:block; padding:0 0 0 20px;font-size:14px; font-weight:bold; border-bottom:#cccccc 1px solid}
	.bar5 em.em1 { float:right; font-style:normal; font-size:12px; padding:0 10px 0 0; color:#000;}
	.bar5 em.em1 a { color:#000;}
	
	.neirong2 {background:url('../images/pp.gif') no-repeat right bottom; zoom:1; line-height:30px; padding:5px;}
	.neirong6 {background:url('../images/pp.gif') no-repeat right bottom; line-height:30px;}
	.neirong4 { line-height:30px; padding:5px;}
	.neirong5{ background:#d5e5f4; border:#9db4d3 1px solid; padding:2px;}

/*--- 尾部 ---*/
#web_foot { width:100%; margin:0 auto; overflow:hidden; zoom:1; text-align:center; color:#fff; background:url("../images/footer_bg.gif") repeat-x; height:153px;}
#web_foot a { color:#fff;}
#web_foot a:hover { color:#fff;}
#web_foot .copyright { font-size:12px; color:#fff; line-height:24px; margin-top:20px;}
#web_foot ul.wxmenu1 { overflow:hidden;}
#web_foot ul.wxmenu1 li { display:inline; padding:0 10px;}
.footer{ width:1003px; margin:0 auto}
.link{ text-align:left; height:48px; line-height:48px;}


/*--- 分页 ---*/
.page_num { width:100%; height:30px; padding:10px 0 0 0; text-align:center; clear:both; }
.page_num strong { padding:0 5px 2px 5px; background-color:#504C4D; color:#fff; margin:0 3px;}
.page_num a { padding:0 5px 2px 5px; background-color:#fff; border:1px solid #ccc; margin:0 3px;}
.page_num a:hover { background-color:#E9740D; color:#fff; border:1px solid #F30;}


/*--- 产品列表 ---*/
#web_product li { float:left; width:375px; height:340px; border:#cccccc 1px solid; margin-right:20px; margin-top:20px;}
#web_product li p.pro_other { line-height:24px; text-align:center; border-top:#cccccc 1px solid; background-color:#999; color:#FFF;}
#web_product li p.pro_other a{color:#FFF;}
.div1 {  width:375px; height:320px;  overflow:hidden; position:relative; display:table-cell; text-align:center; vertical-align:middle   }
.div2 {  width:375px; height:320px; border:1px solid #F6882F; overflow:hidden; position:relative; display:table-cell; text-align:center; vertical-align:middle   }

.div1 p,.div2 p {  position:static; +position:absolute; top:50%; }   
.div1 img,.div2 img { position:static; +position:relative; top:-50%;left:-50%;  max-width: 375px; max-height: 320px; _width: expression(this.width > 375 ? 375 : true); _height: expression(this.height > 220 ? 220 : true);}
.div1 a img,.div2 a img { }

.div3 {  width:215px; height:165px; overflow:hidden; text-align:center; vertical-align:middle   }
.div4 {  width:215px; height:165px;overflow:hidden; text-align:center; vertical-align:middle   }
.div3 img,.div4 img { width:205px; height:155px; padding:5px;}

/*产品具体内容*/
#prodview_pic { text-align:center; overflow:hidden; zoom:1;}
#prodview_pic img {  background-color:#fff; padding:1px; border:2px solid #ccc;}
#protext { width:100%; padding:10px 0;}
h2.pro_name { height:40px; line-height:40px; font-size:14px; color:#444; text-align:center; padding:15px 0;}
.smallpic { max-width:600px; _width: expression(this.width > 600 ? 600 : true);}

/*--- 新闻具体内容 ---*/
h2#h2_news { font-size:18px; line-height:60px; text-align:center;}
#news_top1 { color:#999; font-size:12px; line-height:28px; text-align:center;}
#news_contain { padding:10px;}
/*--- 发布时间 ---*/
.n_time { float:right; color:#777;}

/*在线招聘页面*/
input.input_job { height:24px; line-height:24px; width:280px;}


/*--- 在线客服 ---*/
.kf_list { padding:10px 10px; line-height:30px;overflow:hidden; /*border-left:1px solid #dedede; border-bottom:1px solid #dedede; border-right:1px solid #dedede;*/}
/*--- 友情链接 ---*/
.link_list { overflow:hidden; zoom:1; padding:0 0 10px 0; /*border-left:1px solid #dedede; border-bottom:1px solid #dedede; border-right:1px solid #dedede;*/}
.link_list ul li { float:left; width:110px; padding:10px 10px 0 10px;}



/*--- 新增滚动 ---*/
#demo { overflow:hidden; width:1003px; height:225px; position:relative;}
#indemo { float: left; width: 880%; }
#demo1 { float: left; }
#demo2 { float: left;} 


.layout-img_gallary_wrapper img{float:left}.layout-img_gallary_wrapper html{overflow-x:hidden;height:100%}.layout-img_gallary_wrapper p{font-size:inherit}.layout-img_gallary_wrapper body{font-family:MTTMILANO-REGULAR,Arial,微软雅黑;font-size:29px;line-height:50px;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%}.layout-img_gallary_wrapper video{vertical-align:middle}.layout-img_gallary_wrapper input{font-size:inherit;line-height:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;color:inherit;border:none;border-radius:0;outline:none;-webkit-appearance:none}.layout-img_gallary_wrapper input::-webkit-input-placeholder{color:#666!important}.layout-img_gallary_wrapper input::-moz-placeholder{color:#666!important}.layout-img_gallary_wrapper input::-ms-input-placeholder{color:#666!important}.layout-img_gallary_wrapper input::placeholder{color:#666!important}.layout-img_gallary_wrapper input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.layout-img_gallary_wrapper input:active,.layout-img_gallary_wrapper input:focus{border:none;outline:none}.layout-img_gallary_wrapper a{display:inline-block;text-decoration:none;color:inherit}.layout-img_gallary_wrapper i{font-style:normal}.layout-img_gallary_wrapper p{margin:0}.layout-img_gallary_wrapper img{max-width:100%;content:normal!important;vertical-align:top}.layout-img_gallary_wrapper li,.layout-img_gallary_wrapper ul{margin:0;padding:0}.layout-img_gallary_wrapper li{list-style:none}.layout-img_gallary_wrapper .ic{display:inline-block}.layout-img_gallary_wrapper .flex{display:-webkit-box;display:-ms-flexbox;display:flex}.layout-img_gallary_wrapper .flex-cc,.layout-img_gallary_wrapper .flex-yc{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.layout-img_gallary_wrapper .flex-cc{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.layout-img_gallary_wrapper .flex-sb{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.layout-img_gallary_wrapper .body_container img{width:25%}.layout-img_gallary_wrapper .body_container img:nth-child(4n+1){clear:left}.layout-img_gallary_wrapper img{width:auto}.layout-img_gallary_wrapper{position:fixed;z-index:999;top:0;left:0;display:none;width:100%;height:100%;background:transparent}.layout-img_gallary_bg{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:.35s cubic-bezier(.22,.61,.36,1);transition:.35s cubic-bezier(.22,.61,.36,1);opacity:0;background:#000}.layout-img_gallary_slider{position:relative;z-index:10;width:100%;height:100%}.layout-img_gallary_item:after{display:block;clear:both;content:""}.layout-img_gallary_item{position:relative;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;overflow:hidden;width:100%;height:100vh;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.layout-preview_enter .layout-img_gallary_img{visibility:visible}.layout-img_gallary_img{position:absolute;visibility:hidden;max-width:80%;max-height:80%}.layout-img_gallary_slider-btn svg{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:7px;border-radius:50%;background:#000;fill:#fff;stroke-width:0}.layout-img_gallary_slider-btn{position:absolute;z-index:30;top:calc(50% - 50px);-webkit-box-sizing:border-box;box-sizing:border-box;width:70px;height:100px;padding:31px 26px 31px 6px;cursor:pointer;-webkit-transition:.36s ease;transition:.36s ease;-webkit-transform-origin:center center;transform-origin:center center;opacity:0;background-clip:content-box}.layout-img_gallary_slider-btn:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.layout-img_gallary_slider-prev{left:10px}.layout-img_gallary_slider-next{right:10px;padding:31px 6px 31px 26px}.layout-img_gallary_preview-img.center{top:50%!important;left:50%!important;max-width:80%!important;max-height:80%!important;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.layout-img_gallary_preview-img{position:fixed;z-index:40;top:0;left:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.layout-img_gallary_info{font-size:14px;line-height:34px;left:10px;padding:0 20px;color:#999}.layout-img_gallary_info,.layout-img_gallary_oper{position:absolute;z-index:20;top:10px;visibility:hidden;overflow:hidden;-webkit-transition:.36s ease;transition:.36s ease;opacity:0;border-radius:4px;background:#000}.layout-img_gallary_oper{right:10px}.layout-img_gallary_oper-btn{position:relative;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;width:44px;height:44px;margin:0;padding:10px;cursor:pointer;-webkit-transition:color .2s;transition:color .2s;vertical-align:top}.layout-img_gallary_oper-btn svg{position:relative;display:block;overflow:visible;width:100%;height:100%;-webkit-transition:.36s ease;transition:.36s ease;fill:#ccc}.layout-img_gallary_oper-btn:hover svg{fill:#fff}.layout-img_gallary_wrapper.zoom-in .layout-img_gallary_img.h{max-width:none!important;height:90%!important;max-height:90%!important}.layout-img_gallary_wrapper.zoom-in .layout-img_gallary_img.w{width:90%!important;max-width:90%!important;max-height:none!important}.layout-img_gallary_wrapper.layout-show_nav .layout-img_gallary_slider-btn{opacity:1}.layout-img_gallary_wrapper.layout-show_nav .layout-img_gallary_info,.layout-img_gallary_wrapper.layout-show_nav .layout-img_gallary_oper{visibility:visible;opacity:1}.layout-img_gallary_wrapper.layout-open .layout-img_gallary_img{-webkit-box-shadow:0 0 20px #000;box-shadow:0 0 20px #000}.layout-img_gallary_wrapper.layout-open .layout-img_gallary_bg{opacity:.9}.layout-img_gallary_mobile .layout-img_gallary_oper-btn[data-type=fullscreen]{display:none}.layout-img_gallary_mobile.layout-img_gallary_wrapper.zoom-in .layout-img_gallary_img.h{max-width:none!important;height:100%!important;max-height:100%!important}.layout-img_gallary_mobile.layout-img_gallary_wrapper.zoom-in .layout-img_gallary_img.w{width:100%!important;max-width:100%!important;max-height:none!important}.layout-img_gallary_wrapper.layout-img_gallary_mobile .layout-img_gallary_slider-btn{opacity:1}.layout-img_gallary_wrapper.layout-img_gallary_mobile .layout-img_gallary_info,.layout-img_gallary_wrapper.layout-img_gallary_mobile .layout-img_gallary_oper{visibility:visible;opacity:1}.layout-img_gallary_wrapper.layout-img_gallary_mobile .layout-img_gallary_slider-btn svg{background:rgba(0,0,0,.4)}