﻿@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: "sourcehansans"; /* 这个名字可以自己定义 */
  src: url("./fonts/sourcehansans.eot"); /* IE9 Compat Modes */ /*这里以及下面的src后面的地址填的都是自己本地的相对地址*/
  src: url("./fonts/sourcehansans.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("./fonts/sourcehansans.woff") format("woff"),
    /* Modern Browsers */ url("./fonts/sourcehansans.ttf") format("truetype"),
    /* Safari, Android, iOS */ url("./fonts/sourcehansans.svg#YourWebFontName")
      format("svg"); /* Legacy iOS */
  font-weight: bold;
  font-style: normal;
}

/*common*/
body { font-family: "sourcehansans"; min-width: 1200px;    width: 100%;}
span { overflow:hidden;}/*兼容IE8*/

/*正文开始*/
.banner a {height:779px; display:block}

.banners{height: 779px;}
.fullSlide {
	width:100%;
	position:relative;
	height:779px;
}
.fullSlide .bd {
	margin:0 auto;
	position:relative;
	z-index:0;
}
.fullSlide .bd ul {
	width:100% !important;
}
.fullSlide .bd li {
	width:100% !important;
	height:779px;
	overflow:hidden;
	text-align:center;
	 background-position:center top;
}
.fullSlide .bd li a {
	display:block;
	height:779px;
}

.fullSlide .hd {
	position:absolute;
	z-index:999;
	bottom:34px;
 width:100%;
	height:30px;
	line-height:30px;
}
.fullSlide .hd ul {
	text-align:center;
}
.fullSlide .hd ul li {
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:48px;
	height:8px;
	margin:1px;
	overflow:hidden;
	background:#fff;
	line-height:999px;
}
.fullSlide .hd ul .on {
	background:#c70601;
}
.fullSlide .prev,.fullSlide .next {
	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	margin-top:-30px;
	left:5%;
	z-index:1;
	width:40px;
	height:60px;
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:0.5;
	display:none;
	width:73px; 
	height:73px;
}

.proqie{ width:1200px !important; margin:0 50px;}
/*生产制造基地*/
.jd dl dt { position:absolute; top:0; left:-360px;}
.jd dl dt a img { width:840px; height:538px;}
.jd dl dd { margin-left:550px; height:435px;}
.jd dl dd i { width:140px; height:40px; line-height:40px; text-align:center; font-size:20px; color:#fff; display:block; background:#c70601; }
.jd dl dd p { font-size:50px; color:#787878; padding:20px 0;}
/*.jd dl dd p b { display:block;}*/
.jd dl dd p b em { color:#c70601;}
.jd dl dd span { display:inline-block; /*text-decoration:underline;*/ font-size:18px; color:#787878; margin-bottom:30px; line-height:28px;}
.jd dl dd span em { color:#d03434}
.jd ul { width:1200px; height:200px; background:#fff; box-shadow:0 0 8px 4px #d9d9d9; position:relative; z-index:99; margin-bottom:100px;}
.jd ul li { width:300px; height:175px; padding:25px 0 0; text-align:center; float:left; background: url(../images/jd_xx01.gif) no-repeat right center; font-size:18px; color:#000;}
.jd ul li span { display:block;}
.jd ul li span em { font-size:80px; color:#c70601; font-family:sourcehansans,Arial;}
.jd ul .jd_li04 { background:none}

.jd ul li:hover { background:#c70601; color:#fff;}
.jd ul li:hover span em { color:#fff;}

/*质量可靠 · 源于匠心*/
.zl_bg { background:#ffffff; height:1085px;}
.zl_bt { padding:70px 0 0; text-align:center;}
.zl_bt a b { display:block; font-size:60px; color:#191919}
.zl_bt a b em { color:#c70601;}
.zl_bt a b i { padding:0 10px; font-size:45px;}
.zl_bt a span { display:block; font-size:20px; color:#575656; padding:12px 0 30px;}
.zl_list { height:98px;}
.zl_list ul li { float:left; margin-right:10px;}
.zl_list ul .nobor01 { margin:0;}
.zl_list ul li a { width:191px; height:55px; line-height:55px; background:#909090; text-align:center; font-size:22px; color:#fff; display:block;}
.zl_list ul li a:hover,.zl_list ul .cur a { background:#c70601;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;}

.zl_box { height:551px;width:1300px; margin:0 auto;}
.zl_con { width:1300px !important; height:551px; margin:0 auto;}
.zl_le { top:220px; left:-28px;z-index: 9;}
.zl_le a { background: url(../images/zl_btn.png) no-repeat; width:53px; height:53px; display:block;}
.zl_le a:hover { background:url(../images/zl_btn.png) no-repeat 0 -53px;}

.zl_ri { top:220px; right:-26px;z-index: 9;}
.zl_ri a { background:url(../images/zl_btn.png) no-repeat -53px 0; width:53px; height:53px; display:block;}
.zl_ri a:hover { background:url(../images/zl_btn.png) no-repeat -53px -53px;}

.zl_con .tempWrap{ overflow:visible !important;}
.zl_pic dl { background:#fff; height:551px; margin-bottom:33px;}
.zl_pic dl dt { float:left; width:796px; height:551px;}
.zl_pic dl dt a img { width:796px; height:551px;}
.zl_pic dl dd { float:left; width:364px; height:500px; padding:51px 0 0 40px; background:#fafafa}
.zl_pic dl dd b a { font-size:34px; color:#c70601;}        
.zl_pic dl dd i { width:29px; height:3px; background:#0f0f0f; margin:22px 0 20px; display:block; line-height:0; font-size:0}
.zl_pic dl dd .zl_p01 { font-size:15px; color:#3c3c3c; line-height:23px; height:115px; width:308px;}
.zl_pic dl dd em { display:block; background:url(../images/zl_xx01.gif) no-repeat 0 9px; width:330px; text-align:center; font-size:15px; color:#3c3c3c; height:18px; line-height:18px;}
.zl_pic dl dd span { padding:25px 0 0; display:block; height:144px;}
.zl_pic dl dd span img { padding:0 13px 0 0;}
.zl_pic dl dd .zl_p02 a { width:153px; height:42px; line-height:42px; border:solid 2px #686868; font-size:15px; color:#686868; text-align:center; display:block; float:left; margin-right:11px;}
.zl_pic dl dd .zl_p02 a:hover,.zl_pic dl dd .zl_p02 .zl_a02 { background:#fff; border:solid 2px #fff;color: #c70601;}

/*好品质*/
.pz_bg { background:url(../images/pz_bg.jpg) no-repeat center 0; height:991px;}
.pz_con { padding:60px 0 0;}
.pz_bt { top:60px; left:435px;}
.pz_con ul { height:775px;}
.pz_con ul li { width:370px; height:171px; padding:35px 0 0 30px; margin-bottom:30px; background:#fff; float:left; border-radius:5px}
.pz_con ul li a img { display:block;
-moz-transition: width 1s, height 1s, -webkit-transform 1s; /* For Safari 3.1 to 6.0 */
-webkit-transition: width 1s, height 1s, -webkit-transform 1s; /* For Safari 3.1 to 6.0 */
transition: width 1s, height 1s, transform 1s;}
.pz_con ul li a:hover img {   
-webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
transform: rotate(deg);
-moz-transform: rotate(360deg); /* Chrome, Safari, Opera */
-ms-transform: rotate(360deg); /* Chrome, Safari, Opera */
}	

.pz_con ul .pz_li02 { margin-left:400px;} 
.pz_con ul li b { display:block; font-size:30px; color:#000; padding:10px 0;}
.pz_con ul li b em { color:#c70601}
.pz_con ul li span { display:block; font-size:16px; color:#737373;}
.pz_con p { padding-left:180px;}
.pz_con p a { width:400px; height:62px; line-height:62px; text-align:center; font-size:20px; color:#c70601; display:block; margin:0 40px 0 0; background:#fff; border-radius:5px; float:left;}
.pz_con p a:hover,.pz_con p .cur { background:#c70601; color:#fff;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;}

/*应用案例*/
.al{ height:620px !important;}
.al_bg { /*background:url(../images/al_bg.jpg) no-repeat center 0;*/ height:1211px; padding:40px 0 0;}
.al_list { height:110px;}
.al_list ul li { float:left; margin-right:42px;}
.al_list ul li a { width:237px; height:60px; padding:16px 0 0 27px; background:#fff; border-radius:5px; box-shadow:0 0 5px 5px #e7e7e7; display:block; color:#191919;}
.al_list ul li a i { background:url(../images/al_ico01.png) no-repeat; width:37px; height:37px; display:block; float:left;}
.al_list ul li a span { display:block; font-size:16px; width:163px; float:right; background:url(../images/al_xx01.png) no-repeat 0 8px; padding-left:18px;}
.al_list ul li a span em { display:block; font-family:sourcehansans,Arial; font-size:12px; color:#cdcdcd; padding:5px 0 0;}
.al_list ul li a:hover,.al_list ul li.cur a { background:#c70601; box-shadow:0; color:#fff;}
.al_list ul li a:hover i,.al_list ul li.cur a i{ background:url(../images/al_ico02.png) no-repeat; }
.al_list ul li a:hover span,.al_list ul li.cur a span { background:url(../images/al_xx02.png) no-repeat 0 8px;}

.al_list ul .al_li02 a i { background:url(../images/al_ico01.png) no-repeat -308px 0; width:33px;}
.al_list ul .al_li02 a:hover i,.al_list ul .al_li02.cur a i { background:url(../images/al_ico02.png) no-repeat -308px 0;}
.al_list ul .al_li03 a i { background:url(../images/al_ico01.png) no-repeat -609px 0; width:42px;}
.al_list ul .al_li03 a:hover i,.al_list ul .al_li03.cur a i { background:url(../images/al_ico02.png) no-repeat -609px 0;}
.al_list ul .al_li04 { margin:0;}
.al_list ul .al_li04 a i { background:url(../images/al_ico01.png) no-repeat -910px 0; width:42px;}
.al_list ul .al_li04 a:hover i,.al_list ul .al_li04.cur a i { background:url(../images/al_ico02.png) no-repeat -910px 0;}

.al_box { }
.al_con { width:1200px; margin:0 auto;}
.al_le { top:180px; left:-21px; z-index:99}
.al_le a { background: url(../images/al_btn.png) no-repeat; width:64px; height:64px; display:block;}
.al_le a:hover { background:url(../images/al_btn.png) no-repeat 0 -64px;}

.al_pic .tempWrap{ overflow:visible !important;}
.al_ri { top:180px; right:-21px; z-index:99}
.al_ri a { background:url(../images/al_btn.png) no-repeat -64px 0; width:64px; height:64px; display:block;}
.al_ri a:hover { background:url(../images/al_btn.png) no-repeat -64px -64px;}
.al_pic ul li { float:left; width:580px; margin:0 10px;}
.al_pic ul li a .al_i01 { width:580px; height:415px; overflow:hidden; display:block;}
.al_pic ul li a .al_i01 img { width:580px; height:415px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.al_pic ul li a .al_i01 img:hover  { 
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1);}

.al_pic ul { height:544px;}
.al_pic ul li a span { background:#fff; width:535px; height:128px; display:block; margin:-50px auto 0; position:relative; z-index:1}
.al_pic ul li a span b { display:block; float:left; padding:30px 0 0 36px; font-size:22px; color:#333; width:370px;}
.al_pic ul li a span b em { display:block; padding:15px 0 0; font-size:15px; color:#3a3831; font-weight:normal;}
.al_pic ul li a span .al_i02 { display:block; float:right; width:118px; height:88px; background:#909090; text-align:center; padding:40px 0 0;}
.al_pic ul li a:hover span .al_i02 { background:#c70601}

/*合作伙伴*/
.hz_bt { margin:35px 0 0; background:url(../images/hz_xx01.png) no-repeat 0 12px; height:26px; line-height:26px; text-align:center; margin-bottom:31px;}
.hz_bt a { font-size:22px; color:#333; font-weight:bold;}
.hz_le { top:40px; left:-62px;}
.hz_ri { top:40px; right:-62px;}
.hz_pic a { display:block; float:left; margin:2px 10px; width:186px; height:113px; box-shadow:0 0 5px 1px #e0e0e0;}
.hz_pic .nobor01 { margin:0;}
.hz_pic a { width:186px; height:113px; display:block; overflow:hidden;box-shadow:0 0 5px 1px #e0e0e0;}
.hz_pic a img { width:186px; height:113px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.hz_pic a img:hover  { 
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1);}


/*柯田机械 · 优质包装机生产厂家*/
.cj_bg { height:1040px;}
.cj_con { width:100%;}
.cj_con ul{width: 100%;height: 791px;}
.cj_con ul li{width:10%;float: left;position: relative;cursor:pointer;height: 791px; z-index:1; margin-right:0.5%;
transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;}
.cj_con ul li:before{content: "";position: absolute;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);bottom:0;left:0;}

.cj_con ul li .cj_box01 {display:block ;width:100%; position: absolute;bottom: 0;left:0;height: 791px;}
.cj_con ul li .cj_box01 b { display:block; padding:140px 0 0; font-size:36px; color:#fff; text-align:center; width:100%;}
.cj_con ul li .cj_box01 img { display:block; width:45px; height:41px; display:block; margin:0 auto; padding:66px 0 165px;}
.cj_con ul li .cj_box01 i img { display:block; width:1px; height:65px; display:block; margin:0 auto; padding:0 0 106px;}
.cj_con ul li .cj_box01 em { display:block; font-size:12px; color:#fff; font-weight:bold; font-family:sourcehansans,Arial; font-weight:bold; text-align:center;}

.cj_con ul li .cj_box02 { display:none ;position: absolute;width: 100%;left: 0;top: 0;}
.cj_con ul li .cj_box02 .cj_ysl { width:479px; height:643px; padding:148px 0 0 76px; background:url(../images/cj_spbg.png) repeat; float:right;}
.cj_con ul li .cj_box02 .cj_ysl b { width:194px; height:97px; line-height:97px; background:#3c3c3c; border-radius:5px; display:block; text-align:center; font-size:48px; color:#fff;}
.cj_con ul li .cj_box02 .cj_ysl em { display:block; font-size:36px; color:#fff; font-weight:bold; padding:30px 0 25px;}
.cj_con ul li .cj_box02 .cj_ysl p { width:420px; font-size:16px; color:#fff; line-height:24px;}
.cj_con ul li .cj_box02 .cj_ysl span { width:420px; font-size:12px; color:#fff; line-height:19px; padding:20px 0 68px; display:block;}

.cj_con ul li.cur{width:68%;}
.cj_con ul li.cur:before{width:0;height:0; }
.cj_con ul li.cur .cj_box01{display: none;}
.cj_con ul li.cur .cj_box02{ display: block ;}




/*生产流程展示*/
.lc_con { height:145px; width:1202px; margin-bottom:95px;}
.lc_con ul li { background:url(../images/lc_libg.png) no-repeat; float:left; width:140px; padding:40px 0 0; height:116px; text-align:center; margin-right:37px;-moz-transition: width 1s, height 1s, -webkit-transform 1s; /* For Safari 3.1 to 6.0 */
-webkit-transition: width 1s, height 1s, -webkit-transform 1s; /* For Safari 3.1 to 6.0 */
transition: width 1s, height 1s, transform 1s;}  
.lc_con ul .nobor01 { margin:0;}
.lc_con ul li b { display:block; font-size:30px; color:#010414;}
.lc_con ul li em { display:block; font-size:18px; color:#010414; padding:5px 0 0;}
.lc_con ul li i { display:block; font-family:sourcehansans,Arial; font-size:24px; color:#c70601; padding:20px 0 0;}
.lc_con ul li:hover { cursor:pointer;
-webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
transform: rotate(deg);
-moz-transform: rotate(360deg); /* Chrome, Safari, Opera */
-ms-transform: rotate(360deg); /* Chrome, Safari, Opera */
}	
/*新闻中心*/
.dt_bg { background:#fff; height:885px;}
.dt_nav { padding:20px 0 0; height:110px;}
.dt_nav ul { background:url(../images/dt_libg01.png) no-repeat; width:399px; height:49px; float:left;}
.dt_nav ul li { float:left;}
.dt_nav ul li a { width:133px; height:49px; line-height:42px; text-align:center; display:block; font-size:18px; color:#f7f7f7;}
.dt_nav ul li a:hover,.dt_nav ul .cur a { background:url(../images/dt_libg02.png) no-repeat;}
.dt_nav em { display:block; float:right; line-height:42px;}
.dt_nav em a { font-size:16px; color:#999;}

.dt_con { height:550px;}
.dt01 { width:600px;}
.dt01 dl dt a { font-size:36px; color:#c70601;}
.dt01 dl dt a em { display:block; font-size:36px; color:#333; font-family:sourcehansans,Arial;}
.dt01 dl dd p { line-height:25px; font-size:15px; height:50px; padding:35px 0 45px; overflow:hidden;}
.dt01 dl dd span a { width:120px; height:36px; line-height:36px; text-align:center; font-size:14px; color:#15262e; border:solid 2px #00926d;  display:block;}
.dt01 dl dd span a:hover { color:#c70601; border:solid 2px #c70601; }
.dt_list { padding:35px 0 0; border-top:solid 1px #c5c5c5; margin:40px 0 0;}
.dt_list ul li { height:34px; line-height:34px;}
.dt_list ul li a em { display:block; float:right;}
.dt_list ul li a { color:#444; font-size:15px;}
.dt_list ul li a:hover { color:#c70601; font-weight:bold;}
.dt02 { width:560px;}
.dt02 ul li { float:left; width:240px; height:135px; margin:0 0 20px 35px; position:relative; overflow:hidden;}
.dt02 ul li a img { width:240px; height:135px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.dt02 ul li a img:hover  { 
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1);}
.dt02 ul li a em { display:block; background:url(../images/btm08.png) repeat; width:240px; height:32px; line-height:32px; font-size:15px; color:#fff; position:absolute; top:103px; left:0; text-align:center;}

/*走进柯田*/
.zj_bg { background:url(../images/jd_bg.jpg) no-repeat center 0; height:1086px; margin-bottom:50px;}
.zj_con { padding:750px 0 0;}
.zj01 { width:420px;}
.zj01 .zj_bt a b { display:block; font-size:60px; color:#000}
.zj01 .zj_bt a b em { color:#c70601;}
.zj01 .zj_bt span { display:block; font-size:24px; color:#000; padding:15px 0;}
.zj01 p { font-size:14px; color:#7d7d7d; line-height:20px; padding:10px 0 20px;}
.zj01 i a { width:169px; height:37px; line-height:37px; text-align:center; font-size:14px; color:#5e5e5e; border:solid 2px #313131; border-radius:5px; display:block; }
.zj02 { width:160px; padding:0 0 0 79px; margin:-46px 0 0;}
.zj03 { width:460px; padding:170px 0 0;}
.zj03 a { display:block; width:125px; text-align:center; padding-left:28px; float:left;}
.zj03 a i { background:url(../images/zj_ico01.gif) no-repeat; width:52px; height:46px; display:block; margin:0 auto;}
.zj03 a:hover i{ background:url(../images/zj_ico02.gif) no-repeat;}
.zj03 a span { display:block; font-size:20px; color:#000; padding:18px 0 5px;}
.zj03 a em { display:block; font-size:12px; color:#b9b9b9;}
.zj03 a:hover span,.zj03 a:hover em { color:#c70601;}
.zj03 .zj_a02 i { background:url(../images/zj_ico01.gif) no-repeat -167px 0;}
.zj03 .zj_a02:hover i,.zj02 i { background:url(../images/zj_ico02.gif) no-repeat -167px 0;}
.zj03 .zj_a03 i { background:url(../images/zj_ico01.gif) no-repeat -323px 0;}
.zj03 .zj_a03:hover i{ background:url(../images/zj_ico02.gif) no-repeat -323px 0;}
.zj_list { 
ight:265px;}
.zj_le { top:100px; left:-68px;}
.zj_ri { top:100px; right:-68px;}
.zj_list ul li { float:left; width:286px; margin-right:18px;}
.zj_list ul .nobor01 { margin:0;}
.zj_list ul li a i { width:286px; height:198px; display:block; overflow:hidden;}
.zj_list ul li a i img { width:286px; height:198px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.zj_list ul li a i img:hover  { 
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1);}

.zj_list ul li a em { display:block; height:49px; line-height:49px; background:#e8e8e8; text-align:center; font-size:16px; color:#434343;}
.zj_list ul li a:hover em { background:#c70601; color:#fff;}

.honer-qie{ height:269px !important;}
.ccc{height: 1450px;}
