@charset "utf-8";




.bannercp{ background:url(../images/bannercp.jpg) no-repeat center top; height:350px;}
.bannerjdal{ background:url(../images/bannerjdal.jpg) no-repeat center top; height:350px;}
.qNav{ overflow:hidden; background:#fff; background:rgba(255,255,255,0.95);  width:100%;}

.nav{ overflow:hidden; margin:0 auto; width:1170px;}

.nav li{ float:left;  height:30px; line-height:30px; margin:20px 32px 20px 0;}

.nav li.last{ margin-right:0;}

.nav li a{padding:5px 20px;  display:block;height:30px; line-height:33px;text-align: center;background:#f4f4f4}

.nav li a.n1{ background-position:0 0;}

.nav li a.n2{ background-position:-131px -2px;}

.nav li a.n3{ background-position:-257px 0;}

.nav li a.n4{ background-position:-410px 0;}

.nav li a.n5{ background-position:-534px 0;}

.nav li a.n6{ background-position:-668px 0;}

.nav li a.n7{ background-position:-798px 0;}

.nav li a.n8{ background-position:-937px 0;}

.nav li a.n9{ background-position:-1072px 0;}


.bigimg {padding:10px 0;text-align: center;}
.color_1 {background:url(../images/bannercpzx.jpg) no-repeat center center;}
.box .title{ font-size:28px; text-align:center; padding:40px 0; color:#000;}

.box li{ float:left; width:270px;height:300px;overflow: hidden; margin-right:29px; margin-bottom:38px; text-align:center; font-size:15px; }

.box ul{ position:relative; width:1200px;}

.box li p{padding-top:10px;line-height: 13px;color:#393939}

.box li a:hover{color:#bc9882;}



.box li .pic{ width:270px; height:270px; overflow:hidden;border-radius:5px; display: table-cell;

 vertical-align:middle; text-align:center;}
 .box li .pic img{vertical-align:middle;}

.box li .color_1{ background:#e8d4c7;}

.box li .color_2{ background:#c2ced2;}

.box li .color_3{ background:#969696;}

.box li .color_4{ background:#f4f4f4;}

.box li .color_5{ background:#b6dedb;}

.box li .color_6{ background:#fbe8eb;}





.fixd{ position:fixed; right:0; top:50%; width:45px; height:540px; margin-top:-270px;}

.fixd .top{ background:url(../img/product/icon_02.png) no-repeat center center; width:45px; height:45px; display:block; cursor:pointer;}

.fixd li{ width:45px; height:45px; overflow:hidden;border-radius:5px; margin-bottom:10px;}

.fixd li.on{ background-color:#bc9882;}

.fixd li a{ background:url(../img/product/icon_01.png) no-repeat; display:block; text-align:9999px;width:30px; height:30px; float:left; padding-left:100px; margin:6px 0 0 4px;}

.fixd li a.n1{ background-position:0 0;}

.fixd li a.n2{ background-position:-131px -2px;}

.fixd li a.n3{ background-position:-257px 0;}

.fixd li a.n4{ background-position:-410px 0;}

.fixd li a.n5{ background-position:-534px 0;}

.fixd li a.n6{ background-position:-668px 0;}

.fixd li a.n7{ background-position:-798px 0;}

.fixd li a.n8{ background-position:-937px 0;}

.fixd li a.n9{ background-position:-1072px 0;}

.fixd li.on a.n1{ background-position:0 -48px;}

.fixd li.on a.n2{ background-position:-131px -50px;}

.fixd li.on a.n3{ background-position:-257px -48px;}

.fixd li.on a.n4{ background-position:-410px -48px;}

.fixd li.on a.n5{ background-position:-534px -48px;}

.fixd li.on a.n6{ background-position:-668px -48px;}

.fixd li.on a.n7{ background-position:-798px -48px;}

.fixd li.on a.n8{ background-position:-937px -48px;}

.fixd li.on a.n9{ background-position:-1072px -48px;}









/* fixedtop */

.fixedtop{ position:fixed; top:0px; z-index:9; width:1170px; width:100%;border-bottom:1px solid #f4f4f4;}







{-moz-transition:all .2s linear; -webkit-transition:all .2s linear; transition:all .2s linear;}