/* CSS Document */
.container{display:block; width:100%; background:url(../images/tiao.jpg) repeat-x  left 2306px ;}
.container .products{display:block; width:100%; background:#f0f0f0;}
.container .products .inner{display:block; width:1103px; margin:0 auto; padding:50px 0px;}
.container .products .inner .list{width:260px; background:#474747;}
.container .products .inner .show{width:803px; overflow:hidden; height:600px;}

.container .products .inner .list .title{display:block; height:70px; width:260px; background:#299314;}
.container .products .inner .list .title h4{display:block; padding-left:30px; background:url(../images/biao.jpg) no-repeat left center;  font-size:25px; line-height:70px; color:#fff; margin-left:25px; font-weight:bold;}
.container .products .inner .list .con{display:block;padding:20px;}
.container .products .inner .list .con ul{overflow: scroll;overflow-x: hidden;height: 480px;}
.container .products .inner .list .con ul::-webkit-scrollbar-track-piece {
    width: 8px;
    background-color: #5f5f5f;
}
.container .products .inner .list .con ul::-webkit-scrollbar {
    width: 8px;
    background-color: #299314;}
.container .products .inner .list .con ul::-webkit-scrollbar-thumb {
    width: 8px;
    background-color: #299314;
}


.container .products .inner .list .con ul::scrollbar-track-piece {
    width: 8px;
    background-color: #5f5f5f;
}
.container .products .inner .list .con ul::scrollbar {
    width: 8px;
    background-color: #299314;}
.container .products .inner .list .con ul::scrollbar-thumb {
    width: 8px;
    background-color: #299314;
}


.container .products .inner .list .con ul::-moz-scrollbar-track-piece {
    width: 8px;
    background-color: #5f5f5f;
}
.container .products .inner .list .con ul::-moz-scrollbar {
    width: 8px;
    background-color: #299314;}
.container .products .inner .list .con ul::-moz-scrollbar-thumb {
    width: 8px;
    background-color: #299314;
}


.container .products .inner .list .con li{display:block; height:32px; line-height:32px;}
.container .products .inner .list .con li a{display:block; height:32px; line-height:32px; font-size:14px; color:#dadada; padding-left:28px; background:url(../images/ar.jpg) no-repeat left center;}
.container .products .inner .list .con li a:hover{background:url(../images/arh.jpg) no-repeat left center; display:block; height:32px;color:#299314;}
.container .products .inner .show ul{display:block; width:823px; }
.container .products .inner .show li{float:left; width:254px; margin-right:20px; text-align:center; height:294px;}
.container .products .inner .show li a{display:block; width:254px;height:294px;font-size:14px; line-height:40px; height:40px;}
.container .products .inner .show li a:hover{display:block;width:254px;height:294px;background:#299314; color:#fff; }
.container .products .inner .show li a img{display:block; width:254px; height:254px; background:#fff;}


.container .hot{display:block; width:100%; height:766px; background:url(../images/htbg.jpg) no-repeat center top;}
.container .hot .inner{display:block; width:1103px;padding-top:50px;}
.container .hot .inner .title{display:block; height:30px; width:1103px;}
.container .hot .inner .title h4{display:block;font-size:25px; line-height:30px; width:500px; color:#222;}
.container .hot .inner .title .more{float:right; width:26px; height:26px; font-size:28px; color:#fff; line-height:26px; text-align:center; background:#474747;}
.container .hot .inner .title .more:hover{background:#299314; font-size:26px; color:#fff;}
.container .hot .inner .con{display:block; width:1103px;margin-top:20px; height:610px;padding-bottom:50px;}
.container .hot .inner .con .fl{width:520px; height:610px;background:#fff; border-bottom:5px solid #a6a6a6;}
.container .hot .inner .con .fr{width:543px;overflow:hidden; height:610px;}
.container .hot .inner .con .fl .pic{display:block; width:520px; height:400px; border-bottom:1px solid #e1e1e1;margin-bottom:25px;}
.container .hot .inner .con .fl .pic img{display:block; width:520px; height:400px;}
.container .hot .inner .con .fl  .tit{display:block; padding:0px 25px; font-size:18px; color:#222;height:24px; line-height:24px; margin-bottom:10px;}
.container .hot .inner .con .fl  .detail{display:block; padding:0px 25px; font-size:14px; color:#666;}
.container .hot .inner .con .fl  .detail strong{color:#222;}
.container .hot .inner .con .fl .zx{display:block;padding-left:25px; margin-top:10px;}
.container .hot .inner .con .fl  .moret{float:left; width:116px; height:36px; background:#299314; font-size:15px; line-height:36px; color:#fff; text-align:center;}
.container .hot .inner .con .fl  .moret:hover{background:#474747;}
.container .hot .inner .con .fl  .online{float:left; width:116px; height:36px;border:1px solid #e1e1e1; font-size:15px; line-height:36px; text-align:center;margin-left:10px;}
.container .hot .inner .con .fl  .online:hover{background:#299314; color:#fff;}
.container .hot .inner .con .fr ul{display:block; width:563px; }
.container .hot .inner .con .fr li{float:left; width:260px;height:300px; margin-right:20px; margin-bottom:18px;}
.container .hot .inner .con .fr li a img{display:block;width:260px; height:260px;}
.container .hot .inner .con .fr li a{display:block; width:260px; height:300px; background:#f0f0f0; line-height:40px; text-align:center; color:#666; font-size:14px;}
.container .hot .inner .con .fr li a:hover{background:#299314; color:#fff;line-height:40px;}


.container .feature_pro{display:block; width:1103px; margin:0 auto; margin-top:50px;}
.container .feature_pro .title{display:block; height:30px; width:1103px;}
.container .feature_pro .title h4{display:block;font-size:25px; line-height:30px; width:500px; color:#222;}
.container .feature_pro .title .more{float:right; width:26px; height:26px; font-size:28px; color:#fff; line-height:26px; text-align:center; background:#474747;}
.container .feature_pro .title .more:hover{background:#299314; font-size:26px; color:#fff;}
.container .feature_pro .con{display:block;width:1103px; overflow:hidden; margin-top:20px;}
.container .feature_pro .con .rescommend{display:block; background:#f0f0f0;width:1103px;height:364px;margin-bottom:20px; }
.container .feature_pro .con .pic{float:left;width:600px; height:364px;overflow:hidden;}
.container .feature_pro .con .pic img{display:block; width:600px; }
.container .feature_pro .con .wz{float:right; padding:40px;width:420px; height:284px;}

.container .feature_pro .con .wz  .tit{display:block; font-size:18px; color:#222;height:24px; line-height:24px; margin-bottom:10px;}
.container .feature_pro .con .wz  .detail{display:block;  font-size:14px; color:#666;}
.container .feature_pro .con .wz  .detail strong{color:#222;}
.container .feature_pro .con .wz  .zx{display:block;margin-top:40px;}
.container .feature_pro .con .wz  .moret{float:left; width:116px; height:36px; background:#299314; font-size:15px; line-height:36px; color:#fff; text-align:center;}
.container .feature_pro .con .wz  .moret:hover{background:#474747;}
.container .feature_pro .con .wz  .online{float:left; width:116px; height:36px;border:1px solid #e1e1e1; font-size:15px; line-height:36px; text-align:center;margin-left:10px;}
.container .feature_pro .con .wz  .online:hover{background:#299314; color:#fff;}
.container .feature_pro .con  ul.pp{display:block; width:1123px; margin:0 auto; }
.container .feature_pro .con  ul.pp li{float:left; width:262px;height:302px;margin-right:18px;}
.container .feature_pro .con  ul.pp li a{display:block; width:260px; height:300px; background:#f0f0f0;border:1px solid #e1e1e1; font-size:14px; text-align:center; line-height:40px;}
.container .feature_pro .con  ul.pp li a:hover{display:block; width:260px; height:300px;background:#299314;border:1px solid #299314; color:#fff;}
.container .feature_pro .con  ul.pp li img{display:block; width:260px; height:260px;}

.container .series_out{display:block; width:100%;  margin-top:50px;height:616px;}
.container .series{display:block; width:1103px;margin:0 auto; height:616px;}
.container .series .inner{display:block;width:1103px; height:516px;padding-top:50px;}
.container .series .inner .fl{width:149px; height:510px; background:#474747;}
.container .series .inner .fr{width:913px;height:516px;overflow:hidden;position:relative;z-index:2; right:0; top:0;}
.container .series .inner .fl .title{display:block;width:149px; height:510px;}
.container .series .inner .fl li{display:block; width:149px;height:255px; cursor:pointer;}
.container .series .inner .fl li a{display:block; width:149px; height:255px; cursor:pointer;}
.container .series .inner .fl li a h4{width:149px;height:127px;padding-top:140px; background:url(../images/ad.png) no-repeat center 50px; font-size:25px; text-align:center; color:#fff; font-weight:bold;}
.container .series .inner .fl li a.second h4{background:url(../images/cl.png) no-repeat center 50px;}
.container .series .inner .fl li.current{background:#299314;}
.container .series .inner .fr .xl{display:block; width:933px; height:1052px;position:absolute;z-index:3;left:0; top:0;}
.container .series .inner .fr ul{display:block; width:933px; height:523px;}
.container .series .inner .fr ul li{float:left;width:213px; height:253px; margin-right:20px;margin-bottom:10px;}
.container .series .inner .fr ul li a{display:block; width:213px; height:253px; background:#f0f0f0; font-size:14px; line-height:40px; text-align:center;}
.container .series .inner .fr ul li a img{display:block; width:213px; height:213px;}
.container .series .inner .fr ul li a:hover{display:bock;width:213px; height:253px; background:#299314; color:#fff; line-height:40px; font-size:14px; text-align:center; }
.container .series .inner .fr ul li a span{display:block; height:40px; text-align:center;}

.advantage{display:block; width:100%;}
.advantage .title{display:block;height:120px; width:100%; background:#299314;}
.advantage .title h4{display:block; line-height:120px; font-size:34px; color:#fff; text-align:center; font-weight:normal;}
.advantage .con{display:block; width:100%; height:362px; background:url(../images/aabg.jpg) no-repeat center top;}
.advantage .con .wz{display:block;width:360px;margin:0 auto;padding-top:60px;}
.advantage .con .wz h2{display:block; height:30px; line-height:30px; font-size:30px; color:#fff; text-align:center;margin-bottom:30px;}
.advantage .con .wz .detail{display:block; font-size:13px;color:#d9d9d9; font-weight:normal;}


.container .about{display:block;width:100%; background:#f0f0f0;padding-bottom:50px;}
.container .about .wrap{display:block; width:1103px; margin:0 auto; padding-top:50px; overflow:hidden;}
.container .about .wrap .profile{width:100%;}
.container .about .wrap .profile .title{display:block; height:30px; }
.container .about .wrap .profile .title h4{display:block;font-size:23px; line-height:30px; width:500px; color:#222;font-weight:normal;}
.container .about .wrap .profile .title h4 .en{font-size:16px; color:#999; line-height:30px; padding-left:10px;  text-transform:uppercase;}
.container .about .wrap .profile .title .more{float:right; width:26px; height:26px; font-size:28px; color:#fff; line-height:26px; text-align:center; background:#474747;}
.container .about .wrap .profile .title .more:hover{background:#299314; font-size:26px; color:#fff;}
.container .about .wrap .profile .con{display:block; width:100%; height:371px; background:#fff;margin-top:20px;}
.container .about .wrap .profile .con .c_in{display:block; padding:25px;}
.container .about .wrap .profile .con  .pic{float:left; width:256px; height:324px;}
.container .about .wrap .profile .con  .wz{float:right;width:420px;}
.container .about .wrap .profile .con  .wz .tit{display:block; height:40px; line-height:40px;font-size:18px; color:#222;}
.container .about .wrap .profile .con  .wz .detail{display:block;margin-top:10px;font-size: 13px;}
.container .about .wrap .profile .con  .wz .moret{display:block; width:116px; height:36px; background:#f0f0f0; font-size:14px; line-height:36px; text-align:center;margin-top:15px;}
.container .about .wrap .profile .con  .wz .moret:hover{background:#299314; color:#fff;}

.container .about .wrap .honor{ width:100%;}
.container .about .wrap .honor .title{display:block; height:30px; }
.container .about .wrap .honor .title h4{display:block;font-size:23px; line-height:30px;  color:#222;font-weight:normal;}
.container .about .wrap .honor .title h4 .en{font-size:16px; color:#999; line-height:30px; padding-left:10px;  text-transform:uppercase;}
.container .about .wrap .honor .title .more{float:right; width:26px; height:26px; font-size:28px; color:#fff; line-height:26px; text-align:center; background:#474747;}
.container .about .wrap .honor .title .more:hover{background:#299314; font-size:26px; color:#fff;}
.container .about .wrap .honor .con{display:block; background:#fff; margin-top:20px; height:324px; overflow:hidden;padding:25px 0px;}
.container .about .wrap .honor .con #cpzx04 {height:324px;width:100%;overflow:hidden;}
.container .about .wrap .honor .con #wrap{width:1010px;height:324px;float:left; overflow:hidden;margin:0 5px; }
.container .about .wrap .honor .con .ab{margin:0;padding:0; width:229px;height:324px;float:left; margin-right:10px; }
.container .about .wrap .honor .con .left{width:40px;height:324px;cursor:pointer; background :url(../images/l.jpg) no-repeat; background-position:left center; margin-top :0px; float:left}
.container .about .wrap .honor .con .right{width:40px;height:324px;cursor:pointer; background :url(../images/r.jpg) no-repeat;margin-top:0px; float:left; background-position:right center;}
.container .about .wrap .honor .con .ab a{ display:block;font-size:14px; width:229px;height:324px;color:#555; background:#fff;line-height:24px; text-align:center;}
.container .about .wrap .honor .con .ab img{ display:block;width:229px; height:324px; }
.container .about .wrap .honor .con .ab a:hover img{display:block;width :229px; height:324px;}
.container .about .wrap .honor .con .ab a:hover{ text-align:center;}
.container .about .wrap .honor .con #cpjswz a:hover{ text-decoration :underline}

.container .news{display:block; width:1103px;margin:0 auto; margin-top:50px;}
.container .news .gs_news{width:686px; }
.container .news .gs_news .title{display:block; height:30px; }
.container .news .gs_news .title h4{display:block;font-size:23px; line-height:30px;  color:#222;font-weight:normal;}
.container .news .gs_news .title h4 .en{font-size:16px; color:#999; line-height:30px; padding-left:10px;  text-transform:uppercase;}
.container .news .gs_news .title .more{float:right; width:26px; height:26px; font-size:28px; color:#fff; line-height:26px; text-align:center; background:#474747;}
.container .news .gs_news .title .more:hover{background:#299314; font-size:26px; color:#fff;}
.container .news .gs_news .con{display:block; background:#fff;width:686px; height:314px;margin-top:20px;}
.container .news .gs_news .con .c_in{display:block; padding:25px;}
.container .news .gs_news .con .rescommend{display:block;}
.container .news .gs_news .con .rescommend .pic{float:left;width:180px; height:128px;}
.container .news .gs_news .con .rescommend .pic img{display:block; width:180px; height:128px;}
.container .news .gs_news .con .rescommend .wz{float:right;width:436px;}
.container .news .gs_news .con .rescommend .wz .tit{display:block; font-size:15px; height:30px; line-height:30px;}
.container .news .gs_news .con .rescommend .wz  .time{display:block; font-size:12px; line-height:22px; font-weight:normal;}
.container .news .gs_news .con .rescommend .wz   .detail{display:block; font-size:12px; color:#999; line-height:20px;}
.container .news .gs_news .con ul{display:block; width:636px;margin-top:20px;}
.container .news .gs_news .con  li{float:left; width:300px;margin-right:16px;}
.container .news .gs_news .con  li .time{float:right; font-size:13px; line-height:30px;color:#999;}
.container .news .gs_news .con  li  a{display:block; height:30px; font-size:13px; line-height:30px; padding-left:15px; background:url(../images/quan.jpg) no-repeat left center;}

.container .news .qa{width:377px;}
.container .news .qa .title{display:block; height:30px; }
.container .news .qa .title h4{display:block;font-size:23px; line-height:30px;  color:#222;font-weight:normal;}
.container .news .qa .title h4 .en{font-size:16px; color:#999; line-height:30px; padding-left:10px;  text-transform:uppercase;}
.container .news .qa .title .more{float:right; width:26px; height:26px; font-size:28px; color:#fff; line-height:26px; text-align:center; background:#474747;}
.container .news .qa .title .more:hover{background:#299314; font-size:26px; color:#fff;}


.container .news .qa .con{display:block; width:377px; height:314px; background:#fff; margin-top:20px;}
.container .news .qa .con li{display:block; padding-bottom:12px; background:url(../images/xian.jpg) repeat-x left bottom;margin-bottom:12px;}
.container .news .qa .con li .tit{display:block; height:30px; line-height:30px; font-size:16px; padding-left:30px;background:url(../images/q.jpg) no-repeat left center; }
.container .news .qa .con li .detail{display:block; font-size:12px; color:#999;  line-height:20px; padding-left:30px; background:url(../images/a.jpg) no-repeat left top; margin-top:8px;}
.container .news .qa .con .q_in{display:block; padding:25px;}



    
.container .re_pro{display:block; width:1100px; margin:0 auto; margin-top:50px;}
.container .re_pro .fl{width:149px;border:1px solid #e1e1e1; height:490px;}
.container .re_pro .fr{width:920px;}

.container .re_pro .fl dd{display:block; width:149px; height:245px;border-bottom:1px solid #e1e1e1;}
.container .re_pro .fl dd .en{padding-top:85px; display:block; padding-left:20px;}

.container .re_pro .fl dd.first a{display:block; width:149px; height:245px; background:url(../images/re2.png) no-repeat 20px 100px;}
.container .re_pro .fl dd.first a:hover{display:block; width:149px; height:245px;background:#09b9d9 url(../images/re1.png) no-repeat 20px 100px;}
.container .re_pro .fl dd.first a.current{display:block; width:149px; height:245px;background:#09b9d9 url(../images/re1.png) no-repeat 20px 100px;}

.container .re_pro .fl dd.second a{display:block; width:149px; height:245px;background:url(../images/ht1.png) no-repeat 20px 100px;}
.container .re_pro .fl dd.second a:hover{display:block; width:149px; height:245px;background:#09b9d9  url(../images/ht2.png) no-repeat 20px 100px;}


.container .re_pro ul {display:none; width:920px;}
.container .re_pro ul li{float:left; margin-right:22px; margin-bottom:15px;}
.container .re_pro ul li  a.pic{display:block; width:213px; height:213px;box-shadow:0px 0px 4px #ccc; }
.container .re_pro ul li  a.pic:hover{box-shadow:0px 0px 4px #09b9d9;}
.container .re_pro ul li  a.tit{display:block; height:40px; line-height:40px; text-align:center; font-size:14px;}

.container .re_pro ul li img{dislay:Block; width:213px; height:213px;}

.container .ihz{
	width: 100%;
	padding: 40px 0;
	background: #e2e2e2;
}
.container .ihz .wrap{
	width: 1100px;
	margin: 0 auto;
	overflow: hidden;
}
.container .ihz h5{
	font-size: 30px;
	color: #299314;
	font-weight: normal;
	text-align: center;
}
.container .ihz .animate {
	padding-left: 20px;
	font-size: 12px;
	color: #000;
	display: inline-block;
	white-space: nowrap;
	margin-top: 30px;
	animation: 100s wordsLoop linear infinite normal;
}
.container .ihz .animate span{
	display: inline-block;
	padding: 0 10px;
	font-size: 15px;
	line-height: 40px;
	text-align: center;
	border: 1px solid #666;
	background: #e2e2e2;
	margin: 0 5px;
	color: #333;
}
@keyframes wordsLoop {
            0% {
                transform: translateX(100px);
                -webkit-transform: translateX(100px);
            }
            100% {
                transform: translateX(-100%);
                -webkit-transform: translateX(-100%);
            }
        }
 
        @-webkit-keyframes wordsLoop {
            0% {
                transform: translateX(100px);
                -webkit-transform: translateX(100px);
            }
            100% {
                transform: translateX(-100%);
                -webkit-transform: translateX(-100%);
            }
        }