body {font:14px/1.5 AppleGothic,Arial,'微软雅黑';line-height:160%;color:#333333;background:#fff; overflow-x: hidden; word-wrap: break-word;}
body,html,p,h1,h2,h3,h4,h5,h6,dl,dd,dt,ul,li{padding:0;margin:0;}
dl,dd,dt,ul,li{list-style:none;}
a{color: #333;text-decoration: none;}
li{ list-style:none}
img{ border:0;}
input,select{ border:0; outline:none}
header,nav,section,footer,article,time{ display:block}
table{ border-collapse:collapse}
.clear{clear: both;}
.clearfix {*zoom: 1;}
.clearfix:before,.clearfix:after {display: table;content: "";line-height: 0;}
.clearfix:after {clear: both;}
.warp{width: 1210px; margin: 0 auto; overflow: hidden; background: #e2e2e2; padding: 0px 5px; }
.nobg{background: none;}
.bottom{padding-bottom: 50px;}
body{background: url(../images/bg.jpg); background-size: 100%;}
/*导航*/


header{width: 1200px; margin: 0 auto;padding: 13px 0px; overflow: hidden;}
header .logo{float: left;}
header .logo img{width: 192px; height: 55px;}
header .head{float: right; text-align: right;}
header .click{color:#333333; float: right; font-size: 14px; display: block; background: #c6c6c6; border-radius: 50%;width: 55px; height: 55px; line-height: 55px; text-align: center;}


nav{background:#35445b;height:50px;line-height: 50px;width:100%;}
nav ul li{float: left;  width: 170px; text-align: center;}
nav ul li a{color: #fff;font-size: 18px;}
nav ul li:hover{background: #558ed5;}
nav ul .cur{background: #558ed5;}
nav ul .cur a{color: #fff;font-size: 18px;}
.navdown{display: none;position: absolute; z-index: 1000; background: #30363a; margin-top: -2px; opacity: 0.8; width: 170px;}
.navdown a{display: block;font-size: 16px; height: 50px;}
.navdown a:hover{background-color: #2d3e4d;color: #558ed5;}


nav ul li:hover .navdown{display: block;}
nav ul li .navdown1{ display: none;}
nav ul li .navdown1 a{background: url(../images/navd.png) no-repeat 140px center;text-align: left; padding-left: 20px}
nav ul li .navdown1 a:hover{background: url(../images/navd1.png) no-repeat 140px center; background-color: #2d3e4d;}
nav ul li .navdown1 ul li:hover .navdown2{display: block;}
nav ul li .navdown2{display: none;position: absolute; z-index: 1000; background: #30363a; margin-top: -50px; opacity: 1; width: 170px; left: 170px;}
nav ul li .navdown2 a{display: block;font-size: 16px; height: 50px; background-image: none;}
nav ul li .navdown2 a:hover{background-color: #2d3e4d;color: #558ed5;background-image: none;}



.warp active{background: url(../images/pbg.png) no-repeat; width: 295px; height: 200px; text-align: center; display: block; float: left; margin-right: 10px; margin-top: 5px; margin-bottom: 5px;border-bottom-width: 4px;}
/*.warp .even{background: #ebac03;}*/
.warp active .line{ background: #fe9900; height: 4px; position: relative;  bottom: -28px; display: none;}
.warp active:hover{opacity: 1; }
.warp active:hover .line{display: block;}
.warp .last{float: right; margin-right: 0px;}
.warp active img{margin-top: 40px}
.warp active span{display: block;font-size: 20px; color: #fff; margin-top: 20px}

.title{ width: 100%; height: 50px; line-height: 50px; background: url(../images/title.png) repeat-x; margin-bottom: 5px;}
.title a{float: right;color: #fff; font-size: 14px; margin-right: 20px;}
.title span{ margin-left: 20px;color: #fff; font-size: 26px;}
.title div{float: right;color: #fff; margin-right: 20px; font-size: 16px;}
.title div a{float: left; margin-right: 5px; font-size: 16px;}
.title div  span{color: #558ed5; font-size: 16px; margin-left: 5px;}
.title div b{float: left; font-weight: normal;}
.left_l{float: left; width: 600px; line-height: 26px;overflow: hidden;
/*    text-align:justify;*/
text-justify:distribute-all-lines;/*ie6-8*/
text-align-last:justify;/* ie9*/
-moz-text-align-last:justify;/*ff*/
-webkit-text-align-last:justify;/*chrome 20+*/}
.right_l{float: left; width: 600px; margin-left: 10px; overflow: hidden;}

.right_l img{float: left; width: 250px; height: 167px;}
.right_l .tui{float: right; width: 320px; height: 167px; margin-bottom: 10px;}
.right_l .tui h3{font-size: 24px; font-weight: normal;}
.right_l .tui p{margin: 10px 0px}
.right_l .tui .xq{ font-size: 16px; color: #fff; display: block;background: url(../images/title.png); width: 130px; height: 35px; line-height: 35px; text-align: center;}
.right_l ul li{ height: 50px; background: url(../images/nbg.png); line-height: 50px; padding: 0px 20px; margin-top: 10px;}
.right_l ul li a{ font-size: 16px; float: left;}
.right_l ul li span{float: right;}

.case_l{ overflow: hidden; margin-bottom: 5px;}
.case_l li{ width: 295px; height: 295px;float: left; margin-right: 10px; position: relative;}
.case_l li:nth-child(4n){margin-right: 0px;}
.case_l li img{width: 295px; height: 295px}
.case_l li div{ width: 245px; height: 215px; background: url(../images/casebg.png); position: absolute;top: 0px; z-index: 10; padding: 40px 25px;color: #fff; overflow: hidden; display: none;}
.case_l li div h4{ font-size: 20px; font-weight: normal; margin-bottom: 20px;}
.case_l li div p{ height: 120px; overflow: hidden;}
.case_l li div a{color: #fff; font-size: 16px;background: #fe9900; display: block; width: 65px; height: 28px; line-height: 28px; text-align: center;}
.case_l li:hover div{display: block;}

.ry_l{}
.ry_l li{width: 234px; height: 234px; float: left;margin-right: 10px; background: url(../images/rybg.png); text-align: center;}
.ry_l li img{margin-top: 25px;}
.ry_l li span{display: block; font-size: 18px; margin-top: 15px; color: #fff;}
.ry_l li:nth-child(5){margin-right: 0px;}
.ry_l li:nth-child(1) img{margin-top: 14px;}

.banner{height: 400px; left: 50%; margin: 0 auto 0 -960px; position: relative; width: 1920px; overflow: hidden; margin-bottom: 5px;}

footer{width: 1200px; margin: 0 auto; line-height: 26px; margin-top: 15px; padding-bottom: 15px;}
footer a{float: right;margin-left: 10px;}
.up{ display: none; position: fixed; bottom: 20px;right: 15%; cursor: pointer;}




/*关于柯孚*/
.main{width: 1170px; margin: 0 auto; margin-top: 20px; margin-bottom: 45px;color: #666666; font-size: 14px;}

.whleft{width: 580px; height: 320px; float: left; background: url(../images/whbg.png); line-height: 30px; padding-left: 60px;color: #666666;}
.whright{float: right;}

.rc{ width: 530px;background: url(../images/whbg.png); padding: 30px 35px;float: left; font-size: 12px; color: #666666; line-height: 30px;}

.rc div{float: left; width: 210px;}
.rc div b{display: block; font-size: 14px; color: #333333; font-weight: normal;}
.whr{float: right;}
.rc div a{font-size: 14px; color: #333333; display: block;background: #558ed5; text-align: center;}
.rc .whr{float: right;}
.hz li{width: 190px; height: 140px; float: left;margin-right: 9px; margin-bottom: 5px; border:#cdcdcd solid 2px;}
.hz li img{width: 190px; height: 140px;}
.hz li:nth-child(6n){margin-right: 0px;}

/*产品中心*/

.product li{ width: 295px; height: 295px; float: left; margin-right: 10px;position: relative; margin-bottom: 10px;}
.product li:nth-child(4n){margin-right: 0px;}
.product li div{width: 195px; height: 195px; position: absolute; top:0px; z-index: 10;background: url(../images/pbg1.png); text-align: center;padding: 0px 50px; padding-top: 100px; display: none;}
.product li  a{display: block;border:#558ed5 solid 1px; color: #558ed5; font-size: 20px;padding: 10px 10px; line-height: 30px;}
.product li:hover div{display: block;}

h1{font-size: 30px; color: #333; font-weight: normal; border-bottom: #999999 solid 1px;padding: 20px 0px; margin-bottom: 20px;}
h1 a{float: right; font-size: 14px; color: #fff; background: #7b7b7b; padding: 5px 15px; margin-right: 10px;}
h1 a:hover{ background: #2d353c;}

.pleft{float: left; width: 200px;}
.pleft a{display: block; width: 200px; height: 50px; line-height: 50px;color: #fff; background: #7b7b7b; text-align: center; font-size: 20px; margin-bottom: 20px;}
.pleft a:hover{ background: #2d353c;}
.pleft a.cur{background: #2d353c;}

.pright{float: right;width: 890px; background: url(../images/pobg.jpg); padding: 25px;}
.pright .pimg{width: 420px; height: 350px; float: left;}
.pright .info{width: 400px; float: right;}
.pright .info .infocon{ height: 290px; padding-top: 10px;color: #555555; font-size: 14px; line-height: 26px;}
.pright .info a{display: inline-block; background: #7b7b7b;color: #fff; font-size: 14px; padding: 10px 35px; margin-right: 20px;}
.pright .info a:hover{background: #2d353c;}
.pright .con{clear: both; padding-top: 15px;}

/*案例*/
.caseli li{ margin-bottom: 10px;}
.caseli li div a{background: #558ed5;}
.caseleft{float: left;width: 460px; overflow: hidden;}
.caseright{float: right;width: 640px; background: url(../images/pobg.jpg); padding: 25px;color: #666666; font-size: 14px; line-height: 30px; min-height: 370px;}
.caseright .caseinfo{background: url(../images/cbg.jpg); padding: 20px 30px;color: #fff; line-height: 20px; margin-bottom: 20px;}

/* 新闻*/
.newsli{}
.newsli li{height: 50px; line-height: 50px; background: url(../images/newsbg.jpg); padding: 0px 35px; margin-bottom: 10px;}
.newsli li a{ font-size: 16px; color: #333333;}
.newsli span{float: right; font-size: 16px;}
.newscon{ padding: 35px; padding-top: 10px; line-height: 30px;color: #666666; overflow: hidden;}
.fan{margin: 20px 0px;}
.fan a{float: left; font-size: 14px; color: #fff; background: #7b7b7b; padding: 5px 15px; margin-right: 10px;}
.fan a:hover{color: #fff; background: #2d353c;}

.page{clear: both; margin-bottom: 10px;}
.page a{display: inline-block; font-size: 16px; color: #333333; background: #d5d5d5; padding: 5px 12px;}
.page a:hover{color: #fff; background: #444c53;}
.page .cur{color: #fff; background: #444c53;}

/*服务*/
.serviceli{}
.serviceli li{float: left; background:url(../images/newsbg.jpg);  width: 245px; height: 270px; overflow: hidden;margin-right: 10px; margin-bottom: 10px; padding: 40px 25px;font-size: 14px; color: #666666; line-height: 30px;}
.serviceli li b{color: #333333; font-size: 18px; font-weight: normal; display: block;}
.serviceli li a{display: block; font-size: 16px; color: #fff; background: #424a51; width: 70px; height: 30px;text-align: center; margin-top: 20px;}
.serviceli li a:hover{background: #558ed5;}
.serviceli li:nth-child(4n){margin-right: 0px;}
.faq li a{display: block; width: 100%;}
.faqli{overflow: hidden;}
.faqli li{display: block; overflow: hidden; margin-bottom: 20px;}
.faqli li span{float: left; display: inline-block;color: #fff; background: #424a51;border-radius: 50%; width: 20px; height: 20px; line-height: 20px; text-align: center; margin-top: 5px;}
.faqli li div{float: left;width: 900px; margin-left: 15px;}
.down li{text-align: center;}
.down li b{text-align: left;}
.down li img{width: 119px; height: 112px; margin-top: 10px;}
.down li  a{ height: 50px; line-height: 50px;}

.add{color: #333333; font-size: 16px; margin: 10px 0px;}

input{ width: 283px; height: 35px; line-height: 35px;color: #333; font-size: 14px; background: url(../images/newsbg.jpg); padding-left: 10px;margin-right: 4px; border: #cecece solid 1px;}
input:nth-child(4){margin-right: 0px;}
textarea{line-height: 35px;color: #333; font-size: 14px; background: url(../images/newsbg.jpg); padding-left: 10px; border: #cecece solid 1px; width: 1197px; height: 120px; margin-top: 10px;}
input[type="submit"]{background: #424a51; color: #fff; font-size: 16px; text-align: center; width: 100px;margin-top: 10px; margin-bottom: 20px;}