﻿@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,img { padding: 0; margin: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var,i { font-weight: normal; font-style: normal; }
ol,ul,li { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%; }
q:before,q:after { content:''; }
abbr,acronym { border: 0; }

.wrap .section{width:100%;height:auto;}
.wrap .section .lft{ width:440px; height:auto; overflow:hidden;}
.wrap .section .txtbox { margin-top:45px; float:left; width:645px;}
.wrap .section .txtbox h2{width:100%; height:auto;line-height:1.5em;background:#fff; font-size:40px;font-weight:bold;color:#960000;}
.wrap .section .txtbox .con{ margin-top:35px;}
.wrap .section .txtbox .con h3{ margin-top:-24px;color:#636363;font-size:30px;}
.wrap .section .txtbox .con h3 strong{ background:#fff; font-size:30px; font-weight:normal; padding:0 10px;}
.wrap .section .txtbox .con .txt{ padding:10px 40px 10px 10px; color:#636363; font-size:18px; line-height:1.5em; text-align:left;}
.wrap .section .txtbox .con .txt span{color:#960000;}
.wrap .section .txtbox .con .txt strong{color:#000;font-weight:600}
.wrap .wrap-title .inner h3 {width:300px;height:70px;font-size:36px;font-weight:bold;color:#636363;line-height:70px;background:#fff;text-align:center;margin:0 auto;}
.wrap .wrap-title .inner h3 span{color:#960000;}

.section01 {width:100%;height:442px;background:url(../images/section1.jpg) no-repeat center center;margin-top:90px;}
.section01 .section01-01{width:1200px;height:auto;margin:0 auto;padding-top:15px;}
.section01 .section01-01 h1{width:100%;height:auto;font-size:48px;font-weight:bold;color:#800000;line-height:1.5em;}
.section01 .section01-01 h2{width:100%;height:auto;font-size:24px;font-weight:bold;color:#333;line-height:1.5em;margin-top:-10px;}
.section01 .section01-01 p{width:100%;height:auto;font-size:14px;font-weight:normal;color:#333;line-height:1.5em;margin-top:10px;}

.wrap .dingwei{width:100%;height:auto;margin-top:55px;}
.wrap .dingwei ul{width:1140px;height:200px;margin:0 auto;}
.wrap .dingwei ul li{width:160px;height:200px;float:left;margin:auto 34px;}
/*.wrap .dingwei ul li img{height:200px;}*/
.wrap .dingwei ul li #prod1{width:140px; height:200px;display:inline-block;background:url(/templates/zhuojie/images/d1.png)no-repeat center}
.wrap .dingwei ul li #prod2{width:155px; height:200px;display:inline-block;background:url(/templates/zhuojie/images/d2.png)no-repeat center}
.wrap .dingwei ul li #prod3{width:125px; height:200px;display:inline-block;background:url(/templates/zhuojie/images/d3.png)no-repeat center}
.wrap .dingwei ul li #prod4{width: 110px;height: 163px;display:inline-block;background:url(/templates/zhuojie/images/d4.png)no-repeat center}
.wrap .dingwei ul li #prod5{width: 110px;height: 163px;display:inline-block;background:url(/templates/zhuojie/images/d5.png)no-repeat center}
.wrap .dingwei ul li #prod6{width:140px; height:200px;display:inline-block;background:url(/templates/zhuojie/images/d6.png)no-repeat center}
.wrap .dingwei ul li #prod7{width:158px; height:200px;display:inline-block;background:url(/templates/zhuojie/images/d7.png)no-repeat center}
.wrap .dingwei ul li #prod1:hover{ background:url(/templates/zhuojie/images/d1r.png)no-repeat;}
.wrap .dingwei ul li #prod2:hover{ background:url(/templates/zhuojie/images/d2r.png)no-repeat;}
.wrap .dingwei ul li #prod3:hover{ background:url(/templates/zhuojie/images/d3r.png)no-repeat;}
.wrap .dingwei ul li #prod4:hover{ background:url(/templates/zhuojie/images/d4r.png)no-repeat;}
.wrap .dingwei ul li #prod5:hover{ background:url(/templates/zhuojie/images/d5r.png)no-repeat;}
.wrap .dingwei ul li #prod6:hover{ background:url(/templates/zhuojie/images/d6r.png)no-repeat;}
.wrap .dingwei ul li #prod7:hover{ background:url(/templates/zhuojie/images/d7r.png)no-repeat;}

.wrap .mdingwei{width:100%;height:auto;margin-top:55px;}
.wrap .mdingwei ul{width:1140px;height:215px;margin:0 auto;}
.wrap .mdingwei ul li{width:220px;height:215px;float:left;}
.wrap .mdingwei ul li img{height:215px;width:190px;}

.wrap .scroll {width:1190px;height:480px;position:relative;overflow:hidden;margin-top:40px;left: -72px;}
.wrap .scroll .bd {width:1190px;height:460px;margin:0 auto;}
.wrap .scroll .pic {width:1190px;height: 460px;text-align:center;}
.wrap .scroll .pic li {height: 460px;width: 1190px;float:left;}
.wrap .scroll .pic li a {display:block;height: 1190px;width: 460px;}
.wrap .scroll .pnBtn {position: absolute;z-index:10;width: 1190px;top:200px; height: 87px;}
.wrap .scroll .pnBtn_02 { width:1190px; height:87px;}
.wrap .scroll .prev {width:32px;height:87px;float:left;}
.wrap .scroll .next {width:32px;height:87px;float:right;margin-right:1px;}
.wrap .scroll .prev .arrow {position: absolute;background: url(../images/pre.png) no-repeat;width: 31px;height:87px;z-index: 10;display:inline-block;}
.wrap .scroll .next .arrow {position: absolute;background: url(../images/next2.jpg) no-repeat;width:31px;height:87px;z-index: 10;display:inline-block;}

.section02 {width:100%;height:auto; max-width:1920px; margin:75px auto 0px auto;}
.section02 .section02-01{width:100%;height:403px;background:url(../images/img8.jpg) no-repeat center center;margin-top:35px;}


.wrap .section03{width:100%;height:auto;margin-top:35px;}
.wrap .section03 .head{ float:left; padding-left:50px; width:330px;height:auto;}
.wrap .section03 .head h3{ font-size:33px; font-weight:bold; color:#800000; line-height:1.2em;}
.wrap .section03 .head h5{ font-size:28px; font-weight:bold; color:#666666; line-height:1.2em;}
.wrap .section03 .head p{ font-size:14px;  color:#3d3d3d; line-height:25px; padding-top:15px;}
.wrap .section03 .head p strong{ font-weight:bold;}
.wrap .section03 .body{ float:right;  width:800px;height:auto;}
.wrap .section03 .body ul li{ text-align:center; float:left; padding-left:1px;}
.wrap .section03 .body ul li img{ display:block;   width:195px; margin-bottom:12px;}
.wrap .section03 .body ul li p{ text-align:center; font-size:14px; text-align:center;}
.wrap .section03 .body ul li p strong{ font-weight:normal; display:block;}

.wrap .section04{width:100%;height:auto;margin-top:85px;}
.wrap .section04 ul{width:1180px;height:330px; margin:0 auto; border:1px solid #b6b6b6;border-bottom:none;border-right:none;}
.wrap .section04 ul li{width:235px;height:164px;float:left;border:1px solid #b6b6b6;border-top:none;border-left:none;}

.wrap .section05 {width:1060px;height:auto;margin:0 auto;}
.wrap .section05 .head { margin-bottom:30px;}
.wrap .section05 .head .lft{ float:left; width:467px; height:auto; overflow:hidden;}
.wrap .section05 .head .lft .tit { width:100%; height:131px; background:url(../images/index_img31.jpg) no-repeat left;}
.wrap .section05 .head .lft .tit p {width:auto;height:131px;margin-left:180px; line-height:131px; font-weight:bold; color:#800000; font-size:33px;}
.wrap .section05 .head .lft .img { width:100%; height:auto;}
.wrap .section05 .head .lft .img img { width:476px; height:269px;}

.wrap .section05 .head .rgt {width:550px;height:auto;float:right;margin-top:25px;}
.wrap .section05 .head .rgt .tit {width:100%; height:52px; line-height:35px; color:#800000; font-size:23px;}
.wrap .section05 .head .rgt .tit strong{ font-weight:normal; display:block; border-bottom:1px solid #960000;}
.wrap .section05 .head .rgt .con{width:100%;height:auto;margin-top:45px;}
.wrap .section05 .head .rgt .con h5{width:100%;height:auto; font-size:20px;color:#636363; }
.wrap .section05 .head .rgt .con h5 strong{ font-weight:normal; font-size:24px; color:#636363;}
.wrap .section05 .head .rgt .con p{ width:100%;height:203px;margin-top:5px; line-height:2.0em; font-size:14px; color:#636363;}
.wrap .section05 .head .rgt .con .btn{width:100%;height:34px;}
.wrap .section05 .head .rgt .con .btn a{width:115px; height:34px; display:inline-block;line-height:34px; color:#fff; text-align:center; background:url(../images/index_img29.png) no-repeat; font-size:16px; margin-right:20px;}
.wrap .section05 .head .rgt .con .btn a.b2{ background:#636363;}

.wrap .section05 .body {width:100%;height:auto;margin-top:35px;}
.wrap .section05 .body ul{width:1085px;height:auto;}
.wrap .section05 .body ul li{width:241px; height:auto; float:left;  text-align:center; font-size:16px; color:#636363; margin-right:30px;}
.wrap .section05 .body ul li img{ display:block; width:241px; height:162px; margin-bottom:15px;}
.section05 .partner{width:100%;height:460px;position:relative;margin-top:40px;}
.section05 .partner .prev,.section05 .partner .next{width:30px;height:75px;display:inline-block;cursor:pointer;position:absolute; top:170px;}
.section05 .partner .prev{ background:url(../images/pre.png) no-repeat;left:0;}
.section05 .partner .next{ background:url(../images/next2.jpg) no-repeat;right:0;}
.section05 .partner .prev:hover,.section05 .partner .next:hover{filter:alpha(opacity=80);opacity:0.8; }
.section05 .partner .plist{width:990px;overflow:hidden;position:absolute;left:35px;}
.section05 .partner .plist li{width:990px; height:460px;display:inline-block; float:left;text-align:center;position:relative; margin:0 8px;}
.section05 .partner .plist img{display:block;width:990px;height:460px;}


.wrap .section06 {width:100%;height:auto;margin-top:50px;}
.wrap .section06 .lftcon{float:left; width:768px; height:auto;}
.wrap .section06 .lftcon  .tab-hd{width:100%; height:30px;line-height:30px;}
.wrap .section06 .lftcon  .tab-hd ul{ float:left;}
.wrap .section06 .lftcon  .tab-hd ul li{ float:left;height:28px; line-height:28px; border:1px solid #ACACAC; margin-left:-1px;}
.wrap .section06 .lftcon  .tab-hd ul li a{ display:block;height:28px; line-height:28px; width:86px; text-align:center; float:left;color:#000;}
.wrap .section06 .lftcon  .tab-hd ul li.on{background:url(../images/index_img29.png) repeat-x center;color:#fff; }
.wrap .section06 .lftcon  .tab-hd ul li.on a{ color:#fff;}
.wrap .section06 .lftcon  .tab-hd ul li a:hover{ text-decoration:none;}
.wrap .section06 .lftcon .tab-hd .more{ float:right; font-size:12px; text-transform:uppercase;line-height:30px;margin-right:5px;color:#000;}

.wrap .section06 .lftcon .tab-bd {width:100%;height:auto;margin-top:15px;}

.wrap .section06 .lftcon  .tab-bd .lft{ float:left; width:385px;height:auto;}
.wrap .section06 .lftcon  .tab-bd .lft .pic { display:block; width:385px; height:200px;}
.wrap .section06 .lftcon  .tab-bd .lft .pic img{width:385px; height:200px;}
.wrap .section06 .lftcon  .tab-bd .lft .info{width:100%;height:auto;}
.wrap .section06 .lftcon  .tab-bd .lft .info h4{width:100%;height:50px;line-height:50px;  overflow:hidden; font-size:16px;}
.wrap .section06 .lftcon  .tab-bd .lft .info p{width:100%;height:60px;color:#999; line-height:1.5em; font-size:13px;}

.wrap .section06 .lftcon  .tab-bd .rgt{ width:360px; height:auto;float:right;}
.wrap .section06 .lftcon  .tab-bd .rgt ul { margin-top:-10px;width:100%;height:auto;}
.wrap .section06 .lftcon  .tab-bd .rgt ul li{width:100%; height:30px; line-height:30px; overflow:hidden; color:#636363;}
.wrap .section06 .lftcon  .tab-bd .rgt ul li span{ float:right;color:#636363;font-size:13px}
.wrap .section06 .lftcon  .tab-bd .rgt ul li a{ float:left;color:#636363; font-size:13px;}
.wrap .section06 .lftcon  .tab-bd .rgt ul li a:hover{ float:left;color:#dc0000; text-decoration:underline; font-size:13px;}

.wrap .section06 .rgtcon{ float:right; width:415px;height:auto;}

.wrap .section06 .rgtcon .tab-hd{ width:100%; height:30px; margin-bottom:5px;}
.wrap .section06 .rgtcon .tab-hd strong{ float:left; width:105px; height:28px;  margin-left:40px; display:block; border:1px solid #ACACAC; font-size:12px; text-align:center; line-height:30px;color:#000;font-weight:normal;}

.wrap .section06 .rgtcon .tab-hd .more{ float:right; font-size:12px; text-transform:uppercase;line-height:30px;color:#000;margin-right:5px;}

.wrap .section06 .rgtcon .tab-bd{width:100%;height:auto;} 

.wrap .section06 .rgtcon .tab-bd ul{width:100%;height:300px;border-left:1px solid #b6b6b6;} 
.wrap .section06 .rgtcon .tab-bd ul li{ height:30px; line-height:30px;overflow:hidden; }
.wrap .section06 .rgtcon .tab-bd ul li span{ float:right;color:#636363;font-size:13px}
.wrap .section06 .rgtcon .tab-bd ul li a{ padding-left:20px;  float:left;color:#636363; font-size:13px;}
