@charset "utf-8";
/* CSS Document */
/*头部*/
.header{ height:60px;width:1200px; margin:0 auto; margin-top:15px; }
.nav{ margin:10px 0 0 0}
.nav-one{ float:left; height:50px;}
.nav-one > a{ display:block; padding:0 21px; font-size:14px; font-weight:bold; color:#666; line-height:40px; position:relative}
.nav-one > a:hover{ color:#e00521}
.nav-one > a.active{ color:#e00521}
.nav-two:hover > a{color:#e00521}
.nav-two{position:relative}
.nav-two.active{ background:#fff; }
.nav-one-line{ height:17px; width:1px; background:#666666; position:absolute; right:0; top:12px}
.nav-twoList{ position:absolute; width:1080px; height:400px;left:-210px; top:51px; z-index:100; background:#fff; border-top:solid 1px #888888; padding:15px 0 0 40px;
display:none;}
.nav-twoListInner{ width:180px; float:left}
.nav-twoListInner h3{ color:#000000; font-size:16px; border-bottom:solid 2px #e6e6e6; width:160px; line-height:35px; margin-bottom:5px;}
.nav-twoListInner li a{ color:#666; font-size:14px; line-height:21px;}
.nav-twoListInner li a:hover{ color:#e34848}
.nav-two-line{ position:absolute; left:0; bottom:-3px; width:100%; height:3px; background:#fff; z-index:10000; display:none}

.search{ margin:15px 0 0 0}
.search input[type="submit"]{ display:block; width:24px; height:24px; background-color:#acacac; border:0; background-image:url(/image/search.png);
background-repeat:no-repeat; background-position:center center; cursor:pointer}
.search input[type="text"]{ background:#ebebeb; border:0; width:140px; height:24px; line-height:24px; display:block; color:#ffffff; font-size:14px;
padding-left:10px;}
::-webkit-input-placeholder {color: #FFF; } 
:-moz-placeholder {color: #FFF; } 
::-moz-placeholder {color: #FFF; } 
:-ms-input-placeholder {color: #FFF; } 
.banner{ margin-bottom:60px;}
.banner li{ height:514px;}
.nav-list ul{ margin-left:-15px;}
.nav-list li { position:relative; float:left; margin-left:15px;}
.nav-list li img{ display:block}
.nav-list li span{ color:#b61d1d; font-size:24px; font-weight:bold; position:absolute; left:20px; bottom:17px; font-style:italic}
.nav-list-video{ position:absolute; width:70px; height:70px; background:url(/image/index4.png) no-repeat center center; left:50%; margin-left:-35px; top:50%;
margin-top:-35px;}
.nav-list li i{ position:absolute; left:-5px; bottom:-35px; width:323px; height:111px; display:block; background:url(/image/index6.png) no-repeat center center;
z-index:-1}
.product-btn{ height:90px; position:relative; background:url(/image/index5.png) repeat center center; box-shadow:0 2px 10px #666; margin:60px 0 0 0;}
.product-btn i{ position:absolute; left:50%; margin-left:-14px; top:37px; width:27px; height:15px; background:url(/image/index7.png) no-repeat center center; display:block;
cursor:pointer;}
.product-btn i.active{ background:url(/image/index8.png) no-repeat center center}
.profuctList{ background:url(/image/index5.png) repeat center center; font-size:12px; padding:60px 0 60px 0}
.profuctList li{ float:left; width:230px; padding:0 5px; height:270px; margin-right:5px;
     transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear; background:#fff;
    transform: translate3d(0,-3px,2px);
    -moz-transform: translate3d(0,-3px,2px);
    -ms-transform: translate3d(0,-3px,2px);
    -o-transform: translate3d(0,-3px,2px);
    -webkit-transform: translate3d(0,-3px,2px);
    box-shadow: 0px 5px 5px #b4a1a5;
    -moz-box-shadow: 0px 5px 5px #666;
    -ms-box-shadow: 0px 5px 5px #666;
    -o-box-shadow: 0px 5px 5px #666;
    -webkit-box-shadow: 0px 5px 5px #666;}
.profuctList li:hover{ background:#fff;
    transform: translate3d(0,-3px,2px);
    -moz-transform: translate3d(0,-3px,2px);
    -ms-transform: translate3d(0,-3px,2px);
    -o-transform: translate3d(0,-3px,2px);
    -webkit-transform: translate3d(0,-3px,2px);
    box-shadow: 0px 5px 5px #b4a1a5;
    -moz-box-shadow: 0px 5px 5px #666;
    -ms-box-shadow: 0px 5px 5px #666;
    -o-box-shadow: 0px 5px 5px #666;
    -webkit-box-shadow: 0px 5px 5px #666;}
.profuctList li a img{ display:block;box-shadow: 0 2px 5px #999;
    padding: 0 45px 0 45px;}
.profuctList li h3{ margin:21px 0 6px 0}
.profuctList li h3 a{ color:#db1717; font-size:12px;}
.profuctList li p{ color:#333333; line-height:22px; min-height:60px;}
.profuctList li a.more{ display:block; width:82px; height:23px; background:url(/image/index10.png) no-repeat center center;}
.profuctList li:hover img{ box-shadow:none}
.profuctList li:hover a.more{ background:url(/image/index11.png) no-repeat center center}
.partnerList { padding:68px 0}
.partnerList ul{ margin-left:-78px;}
.partnerList li{ float:left; margin-left:78px;}
.footer{ height:54px; line-height:54px; background:#333333; text-align:center; color:#fff; font-size:12px;}
.footer a{ color:#fff}
.footer a:hover{ text-decoration:underline}
.bj{ position:fixed; left:0; top:76px; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:10; display:none}

/*列表页面*/
.listContainer{ width:1200px; margin:0 auto; background:#fff}
.twoBanner{ height:514px; margin-bottom:45px;}
.listNav{ width:1200px; margin:0 auto; padding-top:230px;}
.fix-nav{ background-color:#333333; width:230px; padding:35px 0; position:relative; z-index:10; margin-left:25px; overflow:hidden}
.fix-nav li{ height:28px; margin:0 0 14px 0; text-align:center; line-height:28px;}
.fix-nav li a{ display:block; color:#ffffff; font-size:16px;}
.fix-nav li a:hover{ background:#b61d1d;}
.fix-nav li a.active{ background:#b61d1d;}
.listCont{ width:920px; float:right; padding:20px 0 0 0}
.listCont-inner-title{ height:48px; line-height:38px; background:url(/image/index13.jpg) repeat center center; text-align:center; color:#000000; font-size:18px;
position:relative; box-shadow:0 2px 5px #666}
.listCont-inner-title i{ position:absolute; width:70px; height:2px; background:#000; left:50%; margin-left:-35px; bottom:9px}
.listCont-inner li{ float:left; width:240px; margin-left:80px; margin-bottom:20px;}
.listCont-inner ul{ margin-left:-60px;}
.listCont-inner li a img{ display:block; border:solid 1px #fff}
.listCont-inner li a{ display:block}
.listCont-inner li h3 a{ line-height:30px; border-bottom:solid 4px #cccccc; padding:0 0 5px 5px}
.listCont-inner li:hover a img{ border:solid 1px #f6f6f6}
.listCont-inner li:hover h3 a{ border-bottom:solid 4px #000}

/*详情页*/
.detCont{ width:925px; float:right;}
.detContainer{ width:1200px; margin:0 auto}
.detCont-listTab{ margin-bottom:20px;}
.detCont-listTab li{ float:left; width:713px; height:46px; line-height:46px; float:left; width:240px; width:245px;}
.detCont-listTab li a{ display:block; color:#333333; font-size:18px; font-weight:bold}
.detCont-listTab li a:hover{ color:#fff}
.detCont-listTab li a.active{ color:#fff}
.detCont-listTab li.chara a{ background:url(/image/index21.png) no-repeat left center; padding-left:78px;}
.detCont-listTab li.chara a:hover{background:url(/image/index22.png) no-repeat left center;}
.detCont-listTab li.chara a.active{background:url(/image/index22.png) no-repeat left center;}
.detCont-listTab li.para a{ background:url(/image/index23.png) no-repeat left center; padding-left:78px; margin-left:-10px;}
.detCont-listTab li.para a:hover{background:url(/image/index24.png) no-repeat left center;}
.detCont-listTab li.para a.active{background:url(/image/index24.png) no-repeat left center;}
.detCont-listTab li.proimg a{ background:url(/image/index25.png) no-repeat left center; padding-left:78px; margin-left:-20px; width:166px;}
.detCont-listTab li.proimg a:hover{background:url(/image/index26.png) no-repeat left center;}
.detCont-listTab li.proimg a.active{background:url(/image/index26.png) no-repeat left center;}
.detCont-Inner{ background:#fff}
.detCont-chara{ padding-bottom:40px;}
.detCont-charaTop{ padding:15px 0 0 0}
.detCont-charaTop-intro{ width:400px; margin-left:20px; float:left}
.detCont-charaTop-intro h3{ color:#333333; font-size:18px; font-weight:bold; line-height:23px;}
.detCont-chara-lineone{ height:2px; width:280px; background:#000; margin:8px 0 5px 0}
.detCont-charaTop-intro p{ line-height:22px;}
.detCont-chara-linetwo{height:2px; width:230px; background:#000; margin:5px 0 0px 0}
.detCont-charaTop img{ margin-right:10px;}
.detCont-charaList{ margin:0 30px 0 10px}
.detCont-charaList li{ margin:20px 0 0 0}
.detCont-charaList li img{ display:block; float:left; border:solid 1px #000000}
.detCont-charaList-cont{ width:550px; float:right}
.detCont-charaList-cont h3{ font-size:18px; font-weight:bold; margin-bottom:17px;}
.detCont-charaList-cont p{ line-height:24px;}
.detCont-InnerTab{ display:none}

.detCont-img{ padding-bottom:65px;}
.slideBox{ position:relative; width:630px; margin:0 auto; }
.slideBox .hd{  position:absolute; left:50%; bottom:-46px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin:0 5px;width:8px; height:8px; border-radius:50%; border:solid 1px #464646;background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#464646;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:620px; height:430px; display:block;  }
.detCont-left{ width:230px;margin-top:-150px; position:relative}
.detCont-left i{ display:block; height:4px; background:#FFF; width:201px;}
.detCont-left h3{ color:#ffffff; font-size:16px; line-height:37px; padding:18px 0 0 0}
.detCont-left i.one{ margin-bottom:12px;}
.detCont-left i.two{ margin-bottom:25px;}
.detCont-left img{ display:block; border-top:solid 1px #ececec}
.detCont-left-bottom{ background:#a61500;width:176px; padding:15px 0 37px 0}
.detCont-left-bottom p{ color:#fff; line-height:24px; font-size:14px; padding:0 0px 0 20px}
.detCont-left-bot{ width:54px; height:97px; position:absolute; right:0; bottom:0; background:url(/image/index20.png) no-repeat center center}
.detCont-left-square{position: absolute;
    right: 0px;
    bottom: 52px;
    background-color: #a61500;
    width: 54px;
    height: 100%;
    margin-bottom: 80px;
    overflow: hidden; bottom:0;}
.detCont-leftCont{background-color:rgba(0,0,0,0.36); padding:0 10px; padding-bottom:25px;}
.detCont-hidden{position: relative;overflow: hidden;}
.detCont-paraLeft{ width:462px; float:left; padding-bottom:60px;}
.detCont-paraLeft-inner{ margin-bottom:29px;}
.detCont-paraLeft-inner .name{ color:#000000; font-size:18px; font-weight:bold; float:left; width:207px; text-align:right; margin-right:10px;}
.detCont-paraLeft-inner .intro{ width:240px; color:#666; font-size:18px; float:left} 
.detCont-para{ padding:60px 0 10px 0;}
.detCont-paraLeft-inner .intro p{ margin-bottom:8px;}
.detCont-paraLeft:last-child{border-left:solid 1px #e6e6e6}
.detCont-left.active{ position:fixed; top:0; margin-top:0; z-index:10000000}
.fix-nav.active{ position:fixed; top:0}
.fix-nav .detCont-left-square{ background:#333333}
.fix-nav-bot{ position:absolute; right:0; bottom:0; width:49px; height:60px; background:url(/image/index27.png) no-repeat center center}
.det-partnerList{ background:#fff}