@charset "utf-8";
/* CSS Document */
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0;}
body{font-family:"微软雅黑",Arial, Tahoma, Verdana, sans-serif;font-size:12px;background:#fff;}
ol,ul,li{list-style-type:none;}
a{text-decoration:none;}
img{border:0;}
body{background:#fff;}
picture{display:block;}
a:hover{text-decoration:none;}
a{color:#666; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.fl{float:left;}
.fr{float:right;}
.wrap { margin:0px auto; width:1200px; overflow:hidden; clear:both}
.clear{clear:both;}
 @font-face {font-family: "../font/iconfont";
          src: url('../font/iconfont.eot'); /* IE9*/
          src: url('../font/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
          url('../font/iconfont.woff') format('woff'), /* chrome, firefox */
          url('../font/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
          url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
        }

        .iconfont {
          font-family:"../font/iconfont" !important;
          font-size:20px; color:#a7a7a7;
          font-style:normal;
          -webkit-font-smoothing: antialiased;
          -webkit-text-stroke-width: 0.2px;
          -moz-osx-font-smoothing: grayscale;
        }

/*-------------header-----------------*/
#header{position:fixed; z-index:9999; left:0; top:0; width:100%; min-width:1200px; margin:auto; background:#fff; }
#top_info{width:100%; height:40px; background:#f2f2f2;}
.top_info{width:1200px; margin:auto; height:40px;}
.top_info summary{float:right; font-size:12px; color:#696969;}
.top_info summary p{ float:left; line-height:40px;}
.top_info summary .tel img{ padding-top:8px;}
.top_info summary .tel{height:40px; float:left; padding-right:10px;}
.top_info summary .language{ display:block; height:40px; float:left; background:url(../images/map.png) no-repeat left; padding-left:50px;}

.menu_xlk{width:400px;height:40px; list-style:none;}
.menu_xlk li{float:left;height:40px;position:relative; list-style:none; line-height:40px; vertical-align:middle; background:url(../images/xi.jpg) no-repeat right; padding:0 15px;}
.menu_xlk li:last-child{ background:none}
.menu_xlk li i{ float:left;}
.mj_hover_menu{text-decoration:none; height:40px;}
.menu_xlk li.selected .submenu{display:block;}
.menu_xlk li .submenu{display:none;position:absolute;top:40px;left:-9px; padding:10px; background:#fff; border:1px solid #d8d8d8; text-align:center;}


#header .header_con{width:1200px; margin:auto;}
#logo{float:left; height:90px;}
#logo img{width:100%;}
#header .fr{background:#fff;}

#header.min #top_info{ overflow:hidden;}

#nav{float:left; }
#nav li{float:left; height:90px; margin-right:40px;}
#nav li > a{display:block; width:100%;font-size:16px; color:#262626; text-align:center; line-height:90px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; background:url(../images/nav01.png) no-repeat right center;}
#nav li:hover > a{color:#cf0b00; background:url(../images/xi2.jpg) repeat-x bottom;}

#nav li div{display:none; position:absolute; top:100%; left:0; height:55px; width:100%; background:#f9f9f9; box-shadow:1px 3px 2px 1px rgba(0, 0, 0, 0.1);}
#nav li div figure{width:1200px; margin:10px auto; overflow:hidden;}
#nav li div figure dl{padding-left:624px; float:left; width:100%;}
#nav li div figure dl dt{font-size:18px; font-weight:bold;}
#nav li div figure dl dd{float:left; padding-right:20px; color:#000;}
#nav li div figure dl dd a{line-height:36px; font-size:14px; background:url(../images/nav04.png) no-repeat 0 center; padding-left:15px;}
#nav li div figure dl dd a:hover{background-image:url(../images/nav05.png); background-position: 3px center; line-height:36px; color:#f00;}



/* bannercss */
.slideBox{ width:100%; height:600px;margin-top: 130px; overflow:hidden; position:relative;}
.slideBox .hd{ height:12px; overflow:hidden; position:absolute; left:50%;margin-left: -110px;  bottom:30px; z-index:1;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul span li{ width:11px;}
.slideBox .hd ul li{ float:left; margin:0 10px; width:60px; height:5px;filter: Alpha(Opacity=70);opacity: 0.7; background:#fff;  font-size:0; cursor:pointer;}
.slideBox .hd ul li.on{background:#c90000; filter: Alpha(Opacity=100);opacity: 1;}
.slideBox .banner{ position:relative; height:100%; z-index:0;   }
.slideBox .banner li{ zoom:1; vertical-align:middle; height:600px;}
.slideBox .banner li a{ display:block; width:100%; height:600px;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.absolute{ position:absolute;}
.web_widht{ width:1200px; margin:0 auto; position:absolute; padding-top:20px; text-align:center; left:0; right:0;}
.slideBox .prev, .slideBox .next {
    position: absolute;
    left: 1%;
    top: 50%;
    margin-top: -25px;
    display: block;
    width: 32px;
    height: 40px;
    background: transparent url("../images/slider-arrow.png") no-repeat scroll -110px 5px;
    opacity: 0.5;
}
.slideBox .next{ left:auto; right:1%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;}
.slideBox .prevStop{ display:none;}
.slideBox .nextStop{ display:none;}
.fast_nav{ height:85px; position:relative; margin-top:-85px; z-index:9;}
.fast_nav .back_hei{ width:100%; height:100%; left:0; top:0; background:#000;}
.fast_nav .web_widht{ z-index:10;}

/* 产品 */
.cpzx{ padding-top:30px;}
.cpzx_t{ text-align:center;}
.cpzx_t p{ background:url(../images/hx.jpg) no-repeat center bottom; font-size:30px; font-weight:bold; color:#333; line-height:60px;}
.cpzx_t span{ color:#333; font-size:14px; line-height:34px;}
.cpzx_nr{ padding-top:40px; padding-bottom:10px;}
.lyz_tab_left {	background:url(../images/left3.jpg) no-repeat top right;float: left;width:425px;height: auto !important;}
.pro_con1111 {float: left;overflow: hidden;	width:425px;height: auto;}
.pro_con111 UL {padding: 0px;width: 259px;list-style-type: none;}
.pro_con111 UL LI {display:inline;font-size:13px;background: url(../images/tm2.png) no-repeat left #f7f7f7;float: left;padding:10px 20px;width:385px;cursor: pointer;color: #5e5e5e;height:128px;}
.pro_con111 UL LI dl dt{ font-size:22px; font-weight:bold; line-height:40px; color:#cf0b00;}
.pro_con111 UL LI dl dd{ line-height:22px; padding-bottom:15px;}
.pro_con111 UL LI dl b{ font-weight:300;width:70px; height:20px; border:1px solid #5b5b5b; line-height:20px; text-align:center; color:#5b5b5b; display:block;-moz-border-radius:8px; -webkit-border-radius: 8px;border-radius:8px; font-size:12px;}
.pro_con111 UL LI.hover {display:inline;font-size:14px;background: url(../images/tm1.png) no-repeat left #cf0b00;float: left;padding:10px 20px;width:385px;cursor: pointer;color: #fff;height:128px;}
.pro_con111 UL LI img{ float:left; padding-top:20px;}
.pro_con111 UL LI dl{width:255px; float:right;}
.pro_con111 UL LI.hover dl dt{ font-size:22px; font-weight:bold; line-height:40px; color:#fff;}
.pro_con111 UL LI.hover dl dd{ line-height:22px; padding-bottom:15px; font-size:13px;}
.pro_con111 UL LI.hover dl dd a{ line-height:22px; padding-bottom:15px; color:#fff;font-size: 13px;}
.pro_con111 UL LI.hover dl b{ font-weight:300;width:70px; height:20px; border:1px solid #fff; line-height:20px; text-align:center; color:#fff;-moz-border-radius:8px; -webkit-border-radius: 8px;border-radius:8px; font-size:12px;}
.pro_con111 UL LI.hover dl b a{ color:#fff;}

.lyz_tab_right {display: inline;padding-left: 20px;	background: url(../images/right4.jpg) no-repeat left top;float: left;padding-bottom: 20px;width: 755px;}
.lyz_tab_right li{width:235px; height:210px; border:1px solid #e2e2e2; float:left; margin:0 7px 18px 7px; position:relative;}
.lyz_tab_right li:hover{ border:1px solid #cf0b00;-webkit-transition: all 4s linear; -moz-transition: all 0.5s linear;  -o-transition: all 0.5s linear; transition: all 0.5s linear;}
.lyz_tab_right li:hover p{background:#cf0b00;-webkit-transition: all 4s linear; -moz-transition: all 0.5s linear;  -o-transition: all 0.5s linear; transition: all 0.5s linear;}
.lyz_tab_right li p{ position:absolute; bottom:0; height:34px; text-align:center; font-size:14px; color:#fff; background:url(../images/tm.png);width:235px; line-height:34px;}

.cpzx_a a{width:150px; margin:0 auto; height:40px; border:1px solid #c60000;display:block;text-align:center; line-height:40px; color:#cb0000; font-size:16px;-moz-border-radius:20px; -webkit-border-radius:20px;border-radius:20px;}
.cpzx_a a:hover{ background:#cb0000; color:#fff;-webkit-transition: all 4s linear; -moz-transition: all 0.5s linear;  -o-transition: all 0.5s linear; transition: all 0.5s linear;}

/* 简介 */
.gydc{ height:518px; background:url(../images/jj_bj.jpg) no-repeat center; padding-top:70px; margin-top:50px; overflow:hidden;}
.gydc_t{ text-align:center; font-size:34px; color:#fff; background:url(../images/about.png) no-repeat top; line-height:70px;}
.gydc_nr{ padding:10px 50px; line-height:30px; color:#c4c3c3; font-size:14px; text-align:center;}
.gydc_sk{ padding:0 150px;}
.gydc_sk li{width:105px; margin:40px 60px; font-size:14px; font-weight:bold; float:left; text-align:center; color:#fff; line-height:50px;}
.gydc_sk li dl{width:105px; height:105px; text-align:center; font-weight:200; vertical-align:middle; line-height:105px; border:1px solid #fff;-moz-border-radius:54px; -webkit-border-radius:54px;border-radius:54px;transition:All 0.4s ease-in-out;    -webkit-transition:All 0.4s ease-in-out;    -moz-transition:All 0.4s ease-in-out;    -o-transition:All 0.4s ease-in-out;}
.gydc_sk li dl:hover { background:#cb0000; border:1px solid #cb0000;transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);}
.gydc_sk li i{ font-size:50px; color:#fff;}
.gydc_a{ text-align:center;}
.gydc_a a{ text-align:center; color:#fff; font-size:16px; line-height:54px;}
.gydc_a a:hover{ color:#f00}

/* 新闻 */
.xwdt{ margin-top:40px;}
.xwdt_nr{ padding-top:40px; overflow:hidden; padding-bottom:30px;}
.xwdt_lt{width:661px; float:right;}
.xwdt_lt li{ height:115px; margin-bottom:22px;}
.c1{width:661px;height:115px;float:left;font-size:12px; background:url(../images/xw1.jpg) no-repeat;}
.c1 .xw_l{ float:left;width:72px; height:115px; margin-left:15px; margin-top:10px; padding-top:8px; text-align:center; }
.c1 .xw_l p{ font-size:42px; color:#fff;}
.c1 .xw_l span{ color:#fff; font-size:14px;}
.c1 .xw_r{ margin-left:60px; float:left;width:490px;}
.c1 .xw_r p{color:#161616; line-height:20px; font-size:16px; font-weight:bold; padding-top:12px; line-height:40px;}
.c1 .xw_r span{ line-height:24px; display:block;}
.c2{width:661px;height:115px;float:left;font-size:12px; background:url(../images/xw2.jpg) no-repeat;}
.c2 .xw_l{ float:left;width:72px; height:115px; margin-left:15px; margin-top:10px; padding-top:8px; text-align:center; }
.c2 .xw_l p{ font-size:42px; color:#fff;}
.c2 .xw_l span{ color:#fff; font-size:14px;}
.c2 .xw_r{ margin-left:60px; float:left;width:490px;}
.c2 .xw_r p{color:#fff; line-height:20px; font-size:16px; font-weight:bold; padding-top:12px; line-height:40px;}
.c2 .xw_r span{ line-height:24px; display:block; color:#fff}

.xwdt_rt{width:510px;float:left; background:#fff; height:390px;}
.xwdt_rt ul{ font-size:12px; position:relative; height:390px;}
.xwdt_rt li{ position:absolute;width:230px;right:0; height:87px; background:url(../images/htm.png); z-index:9990; bottom:0; padding:15px 15px; color:#fff; line-height:24px;}
.xwdt_rt li dl{ color:#fff; font-size:16px; font-weight:bold; line-height:40px;}


/* 服务合作 */
.fwhz{ margin-top:50px; background:url(../images/fw_bj.jpg) no-repeat center; height:211px;}
.fwhz_lt{ padding-top:75px; float:left;width:306px;}
.fwhz_zh{ line-height:210px; font-size:18px; color:#f1f3f5;width:340px; float:left;}
.fwhz_sk{width:505px; float:left; background:url(../images/sk_bj.png) no-repeat center; height:170px; margin-top:18px;}
.fwhz_sk li{ float:left; width: 168px; text-align: center;line-height:170px; font-size:14px; font-weight:bold;}


.end{ height:195px; background:#dadada;}
.end .fl{width:580px; padding-top:30px;}
.end .fl ul{ float:left; padding-right:100px;}
.end .fl ul p{background:url(../images/xi1.jpg) no-repeat left bottom; margin-bottom:6px;}
.end .fl ul p a{ font-size:16px; font-weight:bold; color:#000; line-height:40px;}
.end .fl ul li a:hover,.end .fl ul p a:hover{ color:#f00;}
.end .fl ul li a{ line-height:28px; color:#222121; font-size:13px;}
.end .fr{width:590px; line-height:26px; color:#292929; font-size:13px; padding-top:30px;}
.end .fr img{ float:left; padding-right:20px;}
.end .fr a{ color:#292929;}
.cop{ height:44px; background:#cf0b00; line-height:44px; color:#f1f3f5; font-size:13px;}
.cop a{ color:#f1f3f5;}

/*子页样式*/
.nyban{ height:280px; background:url(../images/banner1.jpg) no-repeat center;margin-top: 130px;}
.nyban1{ height:280px; background:url(../images/nyban1.jpg) no-repeat center;margin-top: 130px;}
.nyban2{ height:280px; background:url(../images/nyban2.jpg) no-repeat center;margin-top: 130px;}
.nyban3{ height:280px; background:url(../images/nyban3.jpg) no-repeat center;margin-top: 130px;}
.nyban4{ height:280px; background:url(../images/nyban4.jpg) no-repeat center;margin-top: 130px;}
.nyban5{ height:280px; background:url(../images/nyban5.jpg) no-repeat center;margin-top: 130px;}
.nyban6{ height:280px; background:url(../images/nyban6.jpg) no-repeat center;margin-top: 130px;}
.mainbody { clear:both; overflow:hidden; width:100%; min-height:600px; padding-bottom:50px;}
.sidebar{ width:1200px; margin:30px auto;}
.sidebar .sb_nav { width:250px; background:#f5f5f5; clear:both; float:left; }
.sidebar .sb_nav .titxx { padding-top:10px; border-bottom:#efefef 1px solid; background:url(../images/fl_bj.jpg); text-align:center; line-height:68px;overflow:hidden; color:#fff; font-size:26px; display:block; height:80px; font-weight:bold;}
.sidebar .sb_nav .titxx p { clear:both; font-size:16px; font-weight: normal;}
.sidebar .sb_nav .title_icon{vertical-align: middle;line-height: 40px; margin-right: 10px;height: 40px;color: rgba(255,255,255,1);width: 40px;font-size: medium;display: inline-block;background-image: url(../images/tp.png);}

.prolist {}
.prolist li { margin-top:0px;}
.prolist li a{ text-decoration:none; background:url(../images/j11.png) no-repeat 10px 14px; border-bottom:#e5e5e5 1px dotted; display:block; color:#333; font-size:14px; line-height:38px; padding-left:32px;}
.prolist li a:hover{ text-decoration:none; background:url(../images/j1.png) #7e7d82 no-repeat 10px 18px; border-bottom:#0d90b9 1px dotted; display:block; color:#fff; font-size:14px;}
.prolist p a{ color:#fff; text-decoration:none; font-weight:normal; height:40px; overflow:hidden; padding-left:20px; font-size:16px; background:#cf0b00;line-height:40px; display: block;}
.prolist p a:hover{ color:#fff; text-decoration:none; font-weight:normal; height:40px; overflow:hidden; padding-left:20px; font-size:16px; background:#cf0b00;line-height:40px; display: block;}

div.ti1-bg{ width:250px;clear:both; background:#0c54b6; height:86px; padding-bottom:10px; overflow:hidden; padding-top:5px;}
div.ti1-bg h4 { font-family:"微软雅黑"; color:#fff; font-size:22px; float:left; padding-left:12px; line-height:58px; }
div.ti1-bg p{ margin-left:12px; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#fff; line-height:18px;}
.sidebar .ct-con{ line-height:2; color:#333;}
.sidebar .ct-con ul,.sidebar .ct-con ol{ padding:0px 0px 0px 25px; margin:0px;}
.sidebar .ct-con a{ color:#1C57C4; text-decoration:underline;}
.sidebar .sb_box{ float:right; width:910px; height:auto; overflow:hidden; background:#fff;margin-top: 20px;}
.sidebar .sb_box h3.title{ border-bottom:1px solid #eee;height:40px; overflow:hidden; line-height:32px;}
.sidebar .sb_box h3.title .tit1{border-bottom-width: 2px; width: auto;background-color: rgba(255,255,255,1); display: inline-block;border-bottom: 2px solid rgba(208,34,9,1);border-bottom-style: solid;vertical-align: bottom; height: inherit;font-size: 0px;white-space: nowrap; margin-top: -2px;}
.sidebar .sb_box h3.title .tit{ vertical-align: middle;line-height:32px;color: rgba(208,34,9,1);max-width: 600px;font-size: 22px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;display: inline-block;font-weight: normal;}
.sidebar .sb_box h3.title .eng{ font-size:26px; color:#cf0b00;text-transform:uppercase;}
.sidebar .sb_box h3.title div.position{ float:right; font-weight:normal; color:#000;}
.sidebar .sb_box h3.title div.position a{ color:#666;}
.sidebar .sb_box h3.title div.position a:hover{ text-decoration:underline;}
.sidebar .sb_box .info { line-height:35px;font-size:14px; color:#666; padding-top:12px;}
.position { text-align:right; font-size:14px; margin:0px auto;}

.lmt{ height:auto; background:url(../images/hbj.jpg) repeat-x; overflow:hidden;}
.lmt2{ padding-top:24px; text-align:center; border-bottom:1px solid #e7e7e7; padding-bottom:20px;}
.lmt_wei{ line-height:40px; font-size:14px; color:#999;}
.lmt2 a{color:#fff;width:auto; text-align:center; line-height:40px; font-size:16px; background:#7e7d82; padding:8px 20px; margin:0 6px;}
.lmt2 a:hover{ color:#fff;background:#d70c19;}
.lmt2 .slink{color:#fff;width:auto; height:40px; text-align:center; line-height:40px; font-size:16px;background:#d70c19;}
.ny_nr{ overflow:hidden; margin-bottom:20px; line-height:34px; font-size:14px; padding:20px 0;}



/*营销地图 */
.map{ position:relative;width:856px; margin:0 auto;margin-top: 30px; margin-bottom: 80px;}
.map a{ color:#5b5a5a; font-size:14px; text-decoration:none;cursor:pointer;}
.map a:hover{ color:#fff;}
.citybg{ position:absolute; display:none; z-index:3; }
.city a.active .citybg{ display:block; z-index:3;}





/*厂房设备*/
figure1 {
	position: relative;
float: left;
overflow: hidden;
width: 100%;
height: 100%;
background: #3085a3;
text-align: center;
cursor: pointer;
margin: 0;
}

figure1 img {width:260px; height:195px;
	position: relative;
	display: block;
}

figure1 figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure1 figcaption::before,
figure1 figcaption::after {
	pointer-events: none;
}

figure1 figcaption,
figure1 figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 260px;
	height:195px;
}

figure1 figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

figure1 h2 {
	word-spacing: -0.15em;
	font-size:20px;
	font-weight: 300;
}

/***** Winston *****/
figure1.effect-winston {
	background: #3C3C3C;
	text-align: left;
}

figure1.effect-winston img {
	-webkit-transition: opacity 0.45s;
	transition: opacity 0.45s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure1.effect-winston figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(triangle.svg) no-repeat center center;
	background-size: 100% 100%;
	content: '';
	-webkit-transition: opacity 0.45s, -webkit-transform 0.45s;
	transition: opacity 0.45s, transform 0.45s;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(0deg);
    transform: rotate(45deg);
	-webkit-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	transform-origin: 0 100%;
}

figure1.effect-winston h2 {
	letter-spacing: 2px;
	opacity:0;
	transition: opacity 0.45s;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure1.effect-winston h2 span{
	font-weight: normal;
	font-size: 1rem;
}

figure1.effect-winston h2 div{
	font-size: 0.9rem;
margin-top: .2rem;
margin-left: 1.4rem;
}

figure1.effect-winston p {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 0 8% 8% 0;
}
figure1.effect-winston figcaption > a{
	-webkit-transform: rotate3d(0,0,1,73deg);
transform: rotate3d(0,0,1,73deg);
margin: -3rem 0 0 -1rem;
}
figure1.effect-winston p>a {
	margin: 0 10px;
	color: #626262;
	font-size: 170%;
}

figure1.effect-winston p>a:hover,
figure1.effect-winston p>a:focus {
	color: #009966;
}

figure1.effect-winston p>a>i {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,50px,0);
	transform: translate3d(0,50px,0);
}

figure1.effect-winston:hover img {
	opacity: 0.6;
}

figure1.effect-winston:hover h2 {
	opacity:1;
	-webkit-transition: opacity 0.45s, -webkit-transform 0.45s;
	transition: opacity 0.45s, transform 0.45s;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure1.effect-winston:hover figcaption::before {
	opacity: 0.7;
    -webkit-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    transform: rotate(25deg);
}

figure1.effect-winston:hover p i {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure1.effect-winston:hover p a:nth-child(2) i {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

figure1.effect-winston:hover p a:first-child i {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

/***** Jazz *****/
figure1.effect-jazz{
	background: #3C3C3C;
}

figure1.effect-jazz figcaption::after,
figure1.effect-jazz img,
figure1.effect-jazz p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure1.effect-jazz figcaption {
	padding:5px;
}

figure1.effect-jazz figcaption::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	content: '';
	opacity: 0;
	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
	transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

figure1.effect-jazz p,
figure1.effect-jazz h2{
	padding:5px;
	text-transform: none;
	opacity: 0;
	-webkit-transform: scale3d(0.8,0.8,1);
	transform: scale3d(0.8,0.8,1);
}

figure1.effect-jazz h2 {
	letter-spacing: 2px;
	padding-top:70px;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure1.effect-jazz h2 span{
	letter-spacing: 0;
	font-size:1rem;
}

figure1.effect-jazz:hover img {
	opacity: 0.2;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
}

figure1.effect-jazz:hover figcaption::after {
	opacity: 1;
	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
	transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
}

figure1.effect-jazz:hover h2,
figure1.effect-jazz:hover p {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}
.items {
	margin: 0 auto;
	
}

.items li {
position: relative;
width:260px;
height:195px;
margin:30px 20px;
float: left;
}

.items li:first-child figure1.effect-winston{
	background: transparent;
}

.items li:first-child figure1.effect-winston figcaption{
	background: rgba(0, 0, 0, 0.6);
}

.items li:first-child figure1.effect-winston:hover figcaption{
	background: rgba(0, 0, 0, 0);
}

.items li:first-child figure1.effect-winston h2{
	opacity: 1;
}

.items li:first-child figure1.effect-winston:hover h2{
	opacity: 0;
}

.items li:first-child figure1.effect-winston figcaption::before{
	display: none;
}

.items li:first-child figure1.effect-winston:hover img {
	opacity: 1;
}



/*关于大成*/


.about {width: 1100px;margin: 0 auto; padding: 30px;font-size: 17px;text-align: center; line-height: 35px;color: #222121;}
.list_grid {
    position: relative;
    clear: both;
}.wrap_list.type03 {
    height: 296px;
    width: 1220px;
}
.wrap_list {

    margin: 0 auto;

}


.wrap_list ul li {
    text-align: left;
    float: left;
}
.wrap_list.type03 ul li {
    overflow: hidden;
    width:305px;
}
.wrap_list.type03 ul li img {
    display: block;
    font-size: 0;
    line-height: 0;
    width: 306px;
    height: 167px;
}
.wrap_list.type03 ul li strong {
	color: #767676;font-size:16px;font-weight: normal;line-height: 31px;
	}
.wrap_list.type03 ul li em{display:block;font-style: normal;
              font-family: inherit;
              font-size:24px;
              color: #576b7c;
              line-height:31px;}
.wrap_list.type03 ul li a, .wrap_list.type03 ul li div {
       padding: 20px 14px 8px;
    width: 276px;
    min-height: 0;
}
.wrap_list ul li a, .wrap_list ul li div {
    position: absolute;
    width: 363px;
    margin-top: -15px;
    padding: 35px 14px 15px 28px;
    min-height: 97px;
    background: transparent url(../images/bg_list_link.png) no-repeat left top;
    border-right: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
}

.wrap_list ul li a > span {
    background: url(../images/bg_icon_more.png) no-repeat 95% 35px;
	background-position: 95% 2px;
}
.wrap_list ul li a > span, .wrap_list ul li div > span {
    padding: 0 210px 0 0;
    font-size:14px;
    color: #767676;
        line-height: 30px;
    text-overflow: ellipsis;
}