﻿@charset "utf-8";



/* CSS Document */







.Header-wrapper, .Container-wrapper, .Footer-wrapper, .container, .banner-container, .index-container{position:relative;left:0px;width:100%;height:auto;}



.contain{width:1200px;margin:0 auto;position:relative;}











/*clearfix*/



.clearfix{*zoom:1}



.clearfix:before,



.clearfix:after{display:table;content:""}



.clearfix:after{clear:both}







/*初始化按钮*/



.btn{display:inline-block;text-align:center;padding:0px;border:0px;margin:0px;position:relative;cursor:pointer;}



.btn span{display:inline-block;}







/*通用img*/



img.rollover{position:absolute;top:0px;left:0px;opacity:0;filter:Alpha(opacity=0);z-index:2;}







input.text{display:block;width:100%;height:100%;border:0px;background:none;}







/*--- Header ---*/



.Header-wrapper{z-index:99;}



.Header-wrapper .Header-cl{height:72px;position:relative;}



.index-header .Header-cl{display:none;}




/*--- Footer ---*/



.Footer-wrapper{z-index:98;}



.Fcr{line-height:24px;padding:.1rem 0;text-align:center;font-size:12px;color:#b6b6b6;background:#28292c;}






.footer-container{padding:.25rem 0 .14rem;background:#2e3033;}



.Flogo{display:block;width:26.25%;height:120px;line-height:120px;font-size:0px;text-align:center;float:left;}



.Flogo img{max-width:100%;}







.Fct{width:55.5%;padding:19px 0 20px .5rem;border-left:1px solid #3f4144;float:left;}



.Fct li.l1{width:41.28571428571429%;float:left;}



.Fct li.l2{width:58.71428571428571%;float:left;}



.Fct li .con{padding:5px 0 5px 35px;line-height:24px;color:#b6b6b6;}



.Fct li .con span{color:#cccccc;}



.Fct li .con.tel{background:url(../images/Fct-1.png) no-repeat left 2px;}



.Fct li .con.mail{background:url(../images/Fct-2.png) no-repeat left 2px;}



.Fct li .con.post{background:url(../images/Fct-3.png) no-repeat left 2px;}



.Fct li .con.adr{background:url(../images/Fct-4.png) no-repeat left 2px;}







.Fewm{text-align:center;float:right;}



.Fewm img{width:90px;height:90px;object-fit:cover;}



.Fewm .type{line-height:20px;font-size:13px;color:#b6b6b6;margin:10px 0 0;}




.Header-wrapper, .Container-wrapper, .Footer-wrapper, .container, .banner-container, .index-container{position:relative;left:0px;width:100%;min-width:1200px;height:auto;}
.contain{width:1200px;margin:0 auto;position:relative;}
/*--Header--*/
.Header-wrapper{z-index:99;}
.Header-wrapper .Hcl{height:53px;position:relative;top:0px;left:0px;overflow:hidden;clear:both;display:none;}
.Header-wrapper.cur .Hcl{display:block;}
.Header-wrapper.cur .container-header{height:55px;position:fixed;top:0px;}
.Header-wrapper.cur .container-header .logo{line-height:55px;}
.Header-wrapper.cur .container-header .logo img{width:210px;height:42px;}
.Header-wrapper.cur .container-header .Hlang{height:41.5px;padding:13.5px 12px 0;}
.Header-wrapper.cur .container-header .Hsrch>a{height:55px;}
.Header-wrapper.cur .container-header .Hsrch .Hsrc-box{top:61px;}
.Header-wrapper.cur .nav>li>a{line-height:55px;}
.Header-wrapper.cur .nav>li .n2nd{top:55px;}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.Header-wrapper .container-Htop{background-color:#212b34;}
.container-Htop span{display:inline-block;height:40px;line-height:40px;font-size:14px;color:#a3a3a3;}
.container-Htop .phone{padding-left:31px;background:url(../images/icon-phone.png) no-repeat left center;font-size:20px;line-height:45px;color:#ffffff;float:right;}
.Header-wrapper .container-header{height:93px;box-shadow:0px 0px 10px #022852;background-color:#fff;}
.container-header .logo{display:block;font-size:0px;line-height:93px;float:left;}
.container-header .logo img{width:210px;height:53px;}
.container-header .nav{float:right;width:auto;}
.nav>li{float:left;margin-left:16px;}
.nav>li:first-child{margin-left:0px;}
.nav>li>a{display:block;width:95px;text-align:center;line-height:93px;font-size:16px;color:#000000;}
.nav>li .n2nd{width:358px;background-color:#1462b3;position:absolute;top:93px;left:0px;display:none;}
.n2nd .n2nd-img{display:block;width:129px;height:149px;line-height:149px;text-align:center;font-size:0px;float:left;}
.n2nd ul.p-list{display:block;width:229px;float:left;margin-top:26px;}
.n2nd .n2nd-op{float:left;margin-top:5px;}
.container-header .Hlang{height:57px;padding:36px 12px 0;margin-left:25px;float:left;}
.Hlang .Hlang-box{border:1px solid #f7f7f7;cursor:pointer;}
.Hlang-box span,
.Hlang-box a{display:block;width:52px;height:25px;line-height:25px;text-align:center;}
.Hlang-box span em,
.Hlang-box a em{display:inline-block;padding-right:17px;background:url(../images/icon-dd1.png) no-repeat right center;}
.Hlang-box a{background-color:#008bd6;color:#fff;display:none;}
.Hlang-box a em{background:none;}
.Hlang-box:hover a{display:block;}
.container-header .Hsrch{float:left;margin-left:35px;}
.container-header .Hsrch>a{display:block;height:93px;width:14px;background:url(../images/icon-srch.png) no-repeat center center;}
.container-header .Hsrch .Hsrc-box{position:absolute;top:111px;right:0px;overflow:hidden;display:none;}
.Hsrc-box input[type=text]{display:block;width:227px;height:28px;line-height:28px;color:#868686;padding:0 0 0 10px;border:1px solid #868686;float:left;margin:0;}
.Hsrc-box .btn{height:30px;line-height:30px;width:52px;color:#ffffff;background-color:#1462b3;float:left;cursor:pointer;}
.nav>li.cur>a,
.nav>li:hover>a{background-color:#1462b3;color:#fff;}
.nav>li:hover .n2nd{display:block;}
/*--Footer--*/
.Footer-wrapper{background-color:#212b34;}
.Footer-wrapper .contain-footer{overflow:hidden;background:url(../images/bg-Fline.png) repeat-y 744px top;}
.contain-footer .fnav-box{width:746px;padding:34px 0 59px;float:left;position:relative;overflow:hidden;}
.fnav-box li{float:left;width:124px;}
.fnav-box li h2{font-size:16px;font-weight:normal;color:#3783d9;margin-bottom:18px;}
.fnav-box li a{display:block;font-size:12px;color:#fffefe;line-height:24px;color:#6a6a6a;}
.fnav-box li a:hover{color:#3783d9;}
.contain-footer .fct-box{float:left;width:390px;padding:30px 0 0 64px;}
.fct-box h1{font-size:28px;color:#3783d9;margin-bottom:10px;}
.fct-box h1 em{color:#d7dbde;margin-left:9px;}
.fct-box h1 span{font-size:12px;color:#868686;font-weight:normal;margin-left:9px;}
.fct-box .fct-con{font-size:12px;line-height:19px;color:#868686;margin-bottom:10px;}
.contain-footer .fwx-box{float:left;width:390px;padding:15px 0 10px 64px;background:url(../images/bg-Fline2.png) repeat-x top left;}
.fwx-box .fwx-wx{width:72px;height:72px;margin-right:13px;}
.fwx-box p{width:72px;text-align:center;font-size:12px;color:#868686;margin-top:4px;}
.Footer-wrapper .contain-fcr{height:51px;line-height:49px;text-align:center;font-size:14px;color:#868686;background:url(../images/bg-Fline2.png) repeat-x top left;}
/*--Banner--*/
.bnr-img{width:100%;height:auto;}
.container-iBnr{position:absolute;bottom:-100%;left:0px;width:100%;
-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;-webkit-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
.container-iBnr .iBnr-box{width:547px;height:174px;padding-top:52px;color:#feffff;text-align:center;margin:0 auto;}

.content{ width:1200px; margin:0 auto; margin-top:50px;}
/* CSS Document */
article, aside, audio, body, canvas, caption, details, div, figure, footer, header, hgroup, html, iframe, img, mark, menu, nav, object, section, span, summary, table, tbody, td, tfoot, thead, tr, video {
	margin: 0;
	padding: 0;
	border: 0
}
a, abbr, address, b, blockquote, cit, code, dd, del, dfn, dl, dt, em, fieldset, h1, h2, h3, h4, h5, h6, hr, i, ins, label, legend, li, ol, p, pre, q, samp, small, strong, sub, sup, ul {
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	margin: 0;
	padding: 0
}
article, aside, audio, canvas, figcaption, figure, figure img, footer, header, hgroup, nav, section, video {
	display: block
}
table {
	border-collapse: separate;
	border-spacing: 0
}
table caption, table td, table th {
	text-align: left;
	vertical-align: middle
}
a img {
	border: 0
}
em{font-style:normal;}
:focus {
	outline: 0
}
@-webkit-keyframes bounce {
0%, 100% {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}
50% {
-webkit-transform:scale(1.5);
-moz-transform:scale(1.5);
-ms-transform:scale(1.5);
-o-transform:scale(1.5);
transform:scale(1.5)
}
}
@keyframes bounce {
0%, 100% {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}
50% {
-webkit-transform:scale(1.5);
-moz-transform:scale(1.5);
-ms-transform:scale(1.5);
-o-transform:scale(1.5);
transform:scale(1.5)
}
}

body, button, input, pre, select, textarea {
	font-size: 14px;
	font-family: '微软雅黑';
	/*font-family:'Helvetica'; 其实无需定义字体*/
}
input, textarea {
	-webkit-appearance: none;
	border-radius: 0;
}
ol, ul {
	list-style: none
}
/*a, a:active, a:visited {*/
a, a:active{
	color: inherit;
	text-decoration: none;
	cursor:pointer;
}
h1, h2, h3, h4, h5, p, span {
	overflow: visible
}

/*--- about ---*/

.sec1 { padding: 60px 0; background: url('../images/bglogo.jpg') no-repeat right 60px; }

.sec1_left { width: 43.5%; position: relative; cursor:pointer;}

.play_ico { display: block; position: absolute; left: 50%; top: 50%; margin-left: -35px; margin-top: -35px; background: url('../images/play_ico.png') no-repeat center; width: 70px; height: 70px; }

.More_btn { display: block; width: 152px; height: 40px; text-transform: uppercase; text-align: center; line-height: 40px; background: #2a4c90; color: #fff; cursor: pointer;  }

.More_btn:hover{color:#fff; background: #133271;}

.More_btn i { display: inline-block; margin-left: 10px; background: url('../images/more_arr.png') no-repeat center; width: 10px; height: 12px; vertical-align: middle; }

.sec1_right { width: 50%; float: right; }

.sec1_right .sec_tit { font-size: 50px; line-height: 1; text-transform: uppercase; margin-bottom: 10px; font-family: 'impact'; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.sec1_right .sec_tit i { width: 75px; height: 2px; background: #000; display: block; margin-top: 30px; margin-bottom: 30px; }

.sec1_right h4 { font-size: 32px; font-weight: normal; line-height: 1; margin-bottom: 30px; }

.sec1_right ._txt { margin-bottom: 35px; line-height: 24px; }

.sec1_right .More_btn { margin-bottom: 70px; color:#fff;}



.sec1_data_list li { float: left; width: 23%; padding-right: 2%; margin-right: 8%; border-right: 1px solid #ddd; }

.sec1_data_list li strong { font-size: 36px; font-weight: bold; line-height: 1; font-family: 'impact'; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 10px; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#3877c2), to(#394b7b)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.sec1_data_list li strong.num2{margin-right:0;}

.sec1_data_list li strong.dian{margin-right:0;}
.wrap { width:1200px; margin-right:auto; margin-left:auto;}
.more { display:inline-block; width:188px; font-size:14px; text-align:center;}

.more a{display:block; width:100%; height:50px;}

.more .face1{border:2px solid #ebeae9; line-height:46px; font-size:0; color:#333; text-align:center; height:46px;}

.more .face1 .sj{display:inline-block; width:17px; height:46px; background:url(../images/sj.png) center center no-repeat; margin-left:30px;}

.more .face1 .t{display:inline-block; line-height:46px;font-size:14px; vertical-align: top; opacity:0.6;}

.more .face2{background:#004488;border:2px solid #004488;color:#fff;line-height:46px;font-size:0;text-align:center;height:46px;transform-origin: 50% 50% -25px;-webkit-transform-origin: 50% 50% -25px;}

.more  .face2 .sj{display:inline-block; width:17px; height:46px; background:url(../images/sj_white.png) center center no-repeat; margin-left:30px;}

.more  .face2 .t{display:inline-block; line-height:46px;font-size:14px; vertical-align: top;}








/*--- product ---*/





.indexColumnOne{background:#fff;}
.indexColumnTitle{ text-align:center;}

.ColumnOneCon{padding-top:30px ;padding-bottom:20px;}
.indexColumnOne .ColumnOneCon{padding-bottom:0;}
.ColumnOnenav{ text-align:center;padding:15px 0 30px; cursor:pointer;}
.ColumnOnenav a{ display:inline-block;padding:3px 5px; border-radius:20px; border:1px solid #333333; margin:0 2px;  font-size:12px;}
.ColumnOnenav a:hover,.ColumnOnenav a.cur{ background:#0055A5;color:#fff;}
.indexColumnList{ position:relative;}
.indexColumnList ul{margin-right:-2.4%;}
.indexColumnList ul li{padding:0; text-align:center;background: url(../images/winco07.png) center bottom no-repeat; padding-bottom:16px;}







.indexColumnList ul li>a{ display:block;width:100%;}
.indexColumnList ul li .indexPro{padding:25px 10px 15px;}
.indexColumnList ul li .indexproductCon{ border:1px solid #CCCCCC;background:#fff; }
.indexColumnList ul li  img{ display:block;width:100%;}
.indexColumnList ul li .wtitle{ font-size:18px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.indexColumnList ul li .text{ font-size:13px;color:#999;height:44px;overflow:hidden;}
.indexColumnList ul li .mor{padding-top:10px;}
.indexColumnList ul li .mor a{padding:5px 14px; display:inline-block; border:1px solid #E6E6E6;color:#333; height:30px; width:188px;}
.indexColumnList ul li .mor a:hover,.indexColumnList ul li:hover .title{color:#0055a5;}
.indexBtn{ cursor:pointer; position:absolute;display:block;width:64px;height:64px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); z-index:999;}
.indexProLeft{ left:-100px; background:url(../images/winco08.png) 0 0 no-repeat;}
.indexProRight{right:-70px;background:url(../images/winco09.png) right 0 no-repeat;}
.indexProLeft:hover{ background:url(../images/winco11.png) 0 0 no-repeat;}
.indexProRight:hover{background:url(../images/winco10.png) right 0 no-repeat;}


/*--- 车间展示 ---*/


.indexColumnTwo{ background:#0055A5;}
.ColumnTwoList {margin-right:0;padding-top:30px;padding-bottom:15px;}
.ColumnTwoList li{padding:0; margin-bottom:10px;}
.ColumnTwoList li .img{padding:6px; }
.ColumnTwoList li img{ display:block;width:100%;}
.ColumnTwoList li .wsolutionList{ background:#fff;}
.ColumnTwoList li a{ display:block;}
.wsolutionList .indexPro{padding:10px 10px 30px;}
.wsolutionList .indexPro .solutiontitle{ font-size:18px;margin-bottom:15px;}
.wsolutionList .indexPro .text{font-size:13px;height:60px; line-height:20px;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.wsolutionMore{ text-align:center;}
.wsolutionMore a{ display:block;padding:10px 25px;background:#fff;color:#0055a5;}









/*--- 新闻---*/


	
.ColumnOneCon{padding-top:30px ;padding-bottom:25px;}
	.indexColumnTitle img{}
	.indexNewsList{padding-top:5px;}
	.indexNewsList li{padding:20px 0 15px; }
	.indexNewsList li .date{ position:absolute;left:0;top:20px;width:79px;height:90px; background:url(../images/winco12.png) 0 0 no-repeat; background-size:100% auto;text-align:center; font-size:40px; margin-right:20px;  line-height:40px;}
	.indexNewsList li .date span{ float:none;display:block; margin-top:-9px;}
	.indexNewsList li .airtitle{ height:90px;margin:0px; padding-left:100px;width:100%;}
	.indexNewsList li:hover .date{background:url(../images/winco13.png) 0 0 no-repeat;color:#fff;}
	.indexNewsList li .date em:before{ opacity:0;}
	.indexNewsList li .airtitle h5{ line-height:25px;  font-size:18px;  margin-bottom:10px;}
	.indexNewsRight .inTitle{font-size:18px;margin:20px 0 10px;}
	.indexNewsRight .newsMore{padding-top:15px;}
	.wrightTitle{ font-size:22px;margin-bottom:25px;}
	.windexCompany ul li a.winco{ height:80px;background-size:auto 80px; }
	.indexColumnOne .ColumnOneCon{padding-bottom:25px;}
	.wnewWork{padding-top:60px;padding-bottom:45px;}
	.subRight a{font-size:15px;}
	