/* CSS Document */
.container{display:block; width:100%; margin-top:50px;}
.container .products{display:block; width:1200px; margin:0 auto;}
.container .products .fl{width:226px;}
.container .products .show{width:950px;}

.container .products .list{display:block; width:226px;}
.container .products .list .title{display:block; width:226px; height:80px; background:#e9e9ec;}
.container .products .list .title h4{display:block;  font-size:24px; color:#222; text-align:center; height:35px; line-height:35px; padding-top:14px;}
.container .products .list .title .en{display:block; height:20px; line-height:20px; font-size:14px; color:#999;  text-align:center; font-family:Arial, Helvetica, sans-serif;}
.container .products .list .con{display:block; width:224px;  border:1px solid #e1e1e1; border-top:none;padding:12px 0px;}
.container .products .list .con ul{display:block;margin-left:12px; width:200px; }
.container .products .list .con li{display:block;  width:200px; line-height:32px; margin-bottom:5px;}
.container .products .list .con li a{display:block; height:32px; width:165px; line-height:32px; background:url(../images/libg.jpg) no-repeat left top; font-size:16px; color:#fff; padding-left:35px;}
.container .products .list .con li a:hover{background:url(../images/lih.jpg) no-repeat left top; height:32px;}

.container .products .list .con li  dd{display:block; height:34px;background:url(../images/xian.jpg) repeat-x left bottom;}
.container .products .list .con li  dd a{display:block; height:34px; line-height:34px; background:url(../images/ar.jpg) no-repeat 12px center; padding-left:35px;  font-size:14px; color:#666; }
.container .products .list .con li  dd a:hover{height:34px; line-height:34px;color:#038d96;background:url(../images/ar.jpg) no-repeat 12px center;}
.container .products .fl .contact{display:block; background:#e9e9ec; width:226px;}
.container .products .fl .contact .title{display:block; height:50px; background:url(../images/tel.jpg) no-repeat 10px 10px; padding-left:70px; padding-top:10px;}
.container .products .fl .contact .title h4{display:block; height:26px; font-size:22px; color:#222; line-height:26px; }
.container .products .fl .contact .title .en{display:block; font-size:14px; color:#999; height:16px; line-height:16px; text-transform:uppercase;}
.container .products .fl .contact .con{display:block; padding:5px 12px;}


.container .products  .show .title{display:block; border-bottom:1px solid #e1e1e1; height:50px;}
.container .products  .show .title h4{display:block;height:50px; line-height:50px; font-size:24px; color:#222; font-weight:normal; background:url(../images/green.jpg) no-repeat left bottom;}
.container .products  .show .title h4 .en{font-size:14px; line-height:50px; padding-left:10px; color:#999; text-transform:uppercase; }
.container .products  .show .title .more{float:right; width:50px; height:20px; border:1px solid #e1e1e1;  font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#999; text-align:center; line-height:20px; margin-top:14px; text-transform:uppercase;}
.container .products  .show .title .more:hover{background:#038d96; color:#fff;}
.container .products  .show  .con{display:block; width:950px; overflow:hidden;padding-top:15px;}
.container .products  .show  .con ul{display:block; width:970px; }
.container .products  .show  .con li{float:left; width:220px; margin-right:20px; margin-bottom:15px;}
.container .products  .show  .con li a{display:block; width:220px; height:200px; border:1px solid #e1e1e1; font-size:14px; line-height:40px; text-align:center;overflow:hidden;}
.container .products  .show  .con li img{display:block; width:220px; height:165px; transition:all .7s linear 0s;-moz-transition:all .7s linear 0s;-webkit-transition:all .7s linear 0s;}
.container .products  .show  .con li a:hover{background:#038d96; color:#fff;}
.container .products  .show  .con li a:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);}



.container .brand{display:block; width:1200px; margin:0 auto; margin-top:50px;}
.container .brand  .title{display:block; width:1200px; margin:0 auto; height:50px;  background:url(../images/green.jpg) no-repeat left bottom; border-bottom:1px solid #e1e1e1;}
.container .brand  .title h4{display:block; font-size:24px; color:#222; line-height:50px; font-weight:normal;}
.container .brand  .title h4 .en{font-size:14px; color:#999; padding-left:15px; line-height:50px;}
.container .brand    .con{display:block; padding-top:20px; height:90px;}
.container .brand    .con #cpzx04 {height: 82px;width:1200px;margin:0 auto;}
.container .brand    .con #wrap{width:1130px;height:85px;float:left; overflow:hidden;}
.container .brand    .con .ab{margin:0;padding:0; width:140px;height:85px;float:left; margin-left:10px; }
.container .brand    .con .left{width:35px;height:82px;cursor:pointer; background :url(../images/left.jpg) no-repeat; background-position:left center;  float:left}
.container .brand    .con .right{width:35px;height:82px;cursor:pointer; background :url(../images/right.jpg) no-repeat; float:left; background-position:right center;}
.container .brand    .con .ab a{ display:block;width:140px;height:80px; border:1px solid #e1e1e1;}
.container .brand    .con .ab img{ display:block;width:140px; height:80px;}
.container .brand    .con .ab a:hover{border:1px solid #4079ff;}


.container .quality{display:block; width:100%; margin-top:50px; height:603px; background:url(../images/quality.jpg) no-repeat center top;}

.container .site{display:block; width:1200px; margin:0 auto; margin-top:50px;}
.container .site .title{display:block; height:50px; border-bottom:1px solid #e1e1e1;}
.container .site .title h4{display:block;height:50px; line-height:50px; font-size:24px; color:#222; font-weight:normal; background:url(../images/green.jpg) no-repeat left bottom;}
.container .site .title .en{font-size:14px; line-height:50px; padding-left:10px; color:#999; text-transform:uppercase;}
.container .site .title  .more{float:right; width:50px; height:20px; border:1px solid #e1e1e1;  font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#999; text-align:center; line-height:20px; margin-top:14px; text-transform:uppercase;}
.container .site .title  .more:hover{background:#038d96; color:#fff;}
.container .site  .con{display:block; width:1200px; overflow:hidden; padding-top:20px;}
.container .site  ul{display:block; width:1220px; }
.container .site  li{float:left; width:280px; margin-right:20px;}
.container .site  li a{display:block; width:280px; height:260px;line-height:50px; font-size:14px; text-align:center; background:#f0f0f0;overflow:hidden;}
.container .site  li img{display:block; width:280px; height:210px; transtion:all .7s linear 0s;-webkit-transtion:all .7s linear 0s;-moz-transtion:all .7s linear 0s;}
.container .site  li a:hover{background:#038d96; color:#fff; transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); }


.container .company{display:block; width:100%; margin-top:50px; height:436px; background:#f0f0f0;}
.container .company .inner{display:block; padding:50px 0px;}
.container .company .inner .fl{width:489px;height:339px;}
.container .company .inner .fr{width:676px; height:339px;}
.container .company .inner .fr .title{display:block; padding-left:148px; height:42px; background:url(../images/c_en.jpg) no-repeat left center;}
.container .company .inner .fr .title h4{display:block; height:24px; font-size:24px; color:#222; line-height:24px; font-weight:normal;}
.container .company .inner .fr .title .tip{display:block; height:16px; font-size:14px; color:#999;  }
.container .company .inner .fr  .detail{display:block; padding-top:25px;}
.container .company .inner .fr   ul{display:block; margin-top:30px;}
.container .company .inner .fr   ul li{float:left; width:150px; height:124px; margin-right:15px;}
.container .company .inner .fr   ul li a{float:left;width:150px;height:122px; }
.container .company .inner .fr   ul li a img{display:block; width:150px; height:113px;padding:4px; background:#fff;}


/*-----------幻灯片-----------------*/

.container .company .inner .fl .huan{display:block; width:489px; height:339px;position:relative;z-index:2;overflow:hidden;}
.container .company .inner .fl .huan .ze{display:block; position:absolute;width:479px;padding:0px 5px; left:0; bottom:0; background:#000; filter:alpha(opacity=60);opacity:0.6; height:24px; z-index:3;color:#fff;line-height:24px;}
.container .company .inner .fl .huan .pic{display:block; width:600%;}
.container .company .inner .fl .huan .pic li img{display:block; width:489px; height:339px;}
.container .company .inner .fl .huan .pic li{float:left; width:489px; height:339px;}
.container .company .inner .fl .btnt{position:absolute;right:0; bottom:0; z-index:24;height:31px;}
.container .company .inner .fl .btnt li{float:left;width:31px; height:31px;background:url(../images/ze.png) repeat left top;font-size:18px;cursor:pointer; text-align:center; color:#fff; line-height:31px;}
.container .company .inner .fl .btnt li.red{background:#038d96;}
/*-----------------------*/



.container  .wrap{display:block; width:1200px; margin:0 auto; margin-top:50px;}
.container  .wrap .news{width:562px;}
.container  .wrap .qa{width:562px;}

.container  .wrap .news .title{display:block; height:50px; background:url(../images/green.jpg) no-repeat left bottom; border-bottom:1px solid #e1e1e1;}
.container  .wrap .news .title h4{display:block; height:50px; line-height:50px; font-size:24px; color:#222; font-weight:normal;}
.container  .wrap .news .title h4 .en{font-size:14px; color:#999; line-height:50px; padding-left:8px; text-transform:uppercase;}
.container  .wrap .news .title  .more{float:right; width:50px; height:20px; border:1px solid #e1e1e1;  font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#999; text-align:center; line-height:20px; margin-top:14px; text-transform:uppercase;}
.container  .wrap .news .title  .more:hover{background:#038d96; color:#fff;}
.container  .wrap .news .con{display:block; padding-top:15px;}
.container  .wrap .news .recommend{display:block; width:562px; height:123px; background:#038d96; margin-bottom:10px;}
.container  .wrap .news .recommend .pict{width:182px;}
.container  .wrap .news .recommend .pict img{display:block;width:182px; height:123px;}
.container  .wrap .news .recommend .wzt{width:355px; padding-right:10px;}
.container  .wrap .news .recommend .wzt .tit{display:block; height:20px; line-height:20px; font-size:16px; color:#fff;padding-top:15px;}
.container  .wrap .news .recommend .wzt .time{font-size:12px; color:#b4dde0;}
.container  .wrap .news .recommend .wzt .detail{display:block; line-height:20px; font-size:12px; color:#fff; padding-top:10px;}
.container  .wrap .news ul{display:block; }
.container  .wrap .news li{display:block; height:45px; line-height:45px; background:url(../images/xian.jpg) repeat-x left bottom;}
.container  .wrap .news li .time{float:right; line-height:45px;  font-size:13px; color:#999;}
.container  .wrap .news li  a{display:block; height:45px; line-height:45px; padding-left:15px; background:url(../images/quan.jpg) no-repeat left center; font-size:13px;}


.container  .wrap .qa .title{display:block; height:50px; background:url(../images/green.jpg) no-repeat left bottom; border-bottom:1px solid #e1e1e1;}
.container  .wrap .qa .title h4{display:block; height:50px; line-height:50px; font-size:24px; color:#222; font-weight:normal;}
.container  .wrap .qa .title h4 .en{font-size:14px; color:#999; line-height:50px; padding-left:8px; text-transform:uppercase;}
.container  .wrap .qa .title  .more{float:right; width:50px; height:20px; border:1px solid #e1e1e1;  font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#999; text-align:center; line-height:20px; margin-top:14px; text-transform:uppercase;}
.container  .wrap .qa .title  .more:hover{background:#038d96; color:#fff;}
.container  .wrap .qa .con{display:block; }
.container  .wrap .qa li{display:block;padding:20px 0px; background:url(../images/xian.jpg) repeat-x left bottom;}
.container  .wrap .qa li  .tit{display:block; padding-left:40px; height:25px; font-size:16px; line-height:25px; background:url(../images/q.jpg) no-repeat left center;}
.container  .wrap .qa li  .detail{display:block; margin-top:15px; font-size:12px; color:#999; line-height:20px; padding-left:40px; background:url(../images/a.jpg) no-repeat left top;}
.container  .wrap .qa li  .detail:hover{color:#038d96;}