@charset "utf-8";
/*	CSS Document 
	Design by www.east.net
	Author Hu Zhengnan
	Date 2013-01-16
	Project 坤育
   
	注意事项:
	css样式以类别选择器为主
	层次结构要清晰,级别深度控制在三层以内
	样式命名规则为小写,可结合"_"使用
	浏览器兼容规则 火狐(默认) ie6(以_开头) ie7(以*开头)	
*/

body{background: beige url(../images/fon.png) repeat;}

/*头部样式*/
.header{ width:100%; height:129px;}
.header .box{position: relative; width:1000px; height:auto; margin:0 auto;}
.header .box h1{ width:163px; height:129px; float:left;}
.header .box .banner{ width:500px; height:123px; float:left; padding:3px 20px;}
.header .box .w_s{ position:absolute;width:auto; height:auto; float:left;right: 0;top: 0;}
.header .box .w_s .lang{ width:290px; line-height:30px; font-family:Arial; font-size:16px; color:#000; letter-spacing:0px;text-align: right; }
.header .box .w_s .lang a{ color:#000;  padding: 0 1.3px;}
.header .box .w_s .stype{ width:278px; height:81px; float:left; background:url(stype.png) no-repeat;}
.header .box .w_s .stype h2{ width:268px; line-height:40px; font-size:18px; font-family:Arial; color:#007133; padding-left:10px;}
.header .box .w_s .stype ul{padding-left:10px;}
.header .box .w_s .stype ul li{ width:auto; height:auto; float:left; padding:5px;}
.header{
    position: relative;
}
.header .logo-l,
.header .logo-r{
    position: absolute;
    top: 20px;
}
.header .box .logo-l{
    left: -150px;
    -webkit-animation: rotate 1s infinite linear;
    -o-animation: rotate 1s infinite linear;
    animation: rotate 1s infinite linear;
}
.header .box .logo-r{
    right:-150px;
    -webkit-animation: rotate 1s infinite linear;
    -o-animation: rotate 1s infinite linear;
    animation: rotate 1s infinite linear;
}
@keyframes rotate {
    0%{
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
    50%{
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }
    100%{
        -webkit-transform: rotateY(360deg);
        -moz-transform: rotateY(360deg);
        -ms-transform: rotateY(360deg);
        -o-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}
/*导航样式*/
.nav{ width:100%; height:30px; background:#c3d835;}
.nav .boxnav{ width:1000px; height:30px; margin:0 auto;}
ul.ClassNav{ width:1000px; height:30px; float:left; background:#c3d835;}
ul.ClassNav li{ width:205px; height:30px; font-size:12px; font-family:Arial; text-align:center; float:left; font-weight:bold; line-height:30px;margin-left: 1px}
ul.ClassNav li a{ width:205px; height:30px; float:left; color:#fff;}
ul.ClassNav li a:hover{ width:205px; height:30px; float:left; background:#5ba313; text-decoration:none;}
ul.ClassNav li.over{ background:#5ba313;}

ul.ClassNav li:first-child{width: 168px;margin-right: 7px}
ul.ClassNav li:first-child a{width: 168px}
ul.ClassNav li:first-child a:hover{width: 168px}

ul.mainNav { float:left; width:1000px; height:30px;}
ul.mainNav li { float:left; height:30px; position:relative; z-index:9999;}
ul.mainNav li a { display:block; width:100%; height:100%; text-indent:-9999px; text-align:center; }
ul.mainNav li.activeNav, ul.mainNav li.current { background-position:left bottom; } 


/*主体样式*/
.main{ width:100%; height:auto;}
.mainbar{ width:1000px; height:auto; margin:0 auto;}
.main .top{ width:1000px; height:auto; padding-top:8px; padding-bottom:10px;_padding-bottom:0px; float:left;}
.main .top .list{ width:167px; float:left; border:1px solid #eaeceb; background:url(../images/classbg.jpg) no-repeat bottom #5ba313;}
.main .top .list h2{ width:167px; line-height:40px; text-align:center; font-size:16px; font-family:Arial; color:#fff; background:#77be1a;}
.main .top .list ul{ width:167px; height:auto; padding-top:10px;}
.main .top .list ul li{ width:167px; line-height:38px; text-align:center; font-size:11px; font-family:Arial; color:#fff; background:url(../images/list-1.jpg)  no-repeat; float:left;}
.main .top .list ul li a{ width:167px; line-height:38px; float:left; color:#fff; background:url(../images/list-1.jpg) no-repeat;}
.main .top .list ul li a:hover{ width:167px; line-height:38px; float:left; color:#000; background:url(../images/list1.jpg) no-repeat; text-decoration:none; padding:0px 0px;}

.main .top .img{ width:823px; height:auto; float:left; padding-left:8px;}
.main .top .img ul li{ width:205px; height:430px; float:left; padding-right:1px; position:relative;}
.main .top .img ul li.remove{ padding-right:0;}
.main .top .img ul li img{ width:205px; height:409px; float:left; position:absolute; left:0; top:0; z-index:1;}
.main .top .img ul li span{ width:205px; height:50px; line-height:50px; background:url(../images/listbg.png) no-repeat; font-size:11px; font-family:Arial; color:#fff; text-align:center; position:absolute; left:0; bottom:0;_bottom:-10px; z-index:2;}
.main .top .img ul li span a{ color:#fff;}

.main .top .img ul li img+img{
    -webkit-animation: fadeInOut 10s infinite linear;
    -o-animation: fadeInOut 10s infinite linear;
    animation: fadeInOut 10s infinite linear;
}
@keyframes fadeInOut {
    0%{
        opacity:0;
    }
    10%{
        opacity:1;
    }
    50%{
        opacity:1;
    }
    60%{
        opacity:0;
    }
    100%{
        opacity:0;
    }
}
/*认证样式*/
.authenticate{ width:1000px; height:auto; float:left;}
.authenticate h2{ width:168px; height:45px; float:left; background:url(../images/authenticate.jpg) no-repeat; line-height:45px; font-size:20px; font-family:Arial; text-align:center; color:#fefffd; padding-top:40px;}
.authenticate .abox{ width:816px; float:left; border:1px solid #32845e; height:83px; border-left:0px; background:url(../images/abox.jpg) repeat-y #f7f7f7; padding-left:15px; float:left;}
.authenticate .abox ul li{ width:80px; height:75px; float:left; padding-top:5px; margin:0px 10px;_margin:0px 7px;}
.authenticate .abox ul li img{ width:60px; height:53px; float:left; padding:0px 10px;}
.authenticate .abox ul li span{ width:80px; line-height:25px; font-size:12px; font-family:Arial; text-align:center; color:#686461; float:left;}

/*底部样式*/
.footer{ width:1000px; height:150px; margin:10px auto; background:#5ba313; float:left; padding-top:15px;}
.footer p{ font-size:12px; font-family:"宋体"; text-align:center; line-height:20px; color:#fff;}


/*客服*/
.consult-box{border:1px solid #e6e6e6;background:#fff;position:fixed;right:2px;top:166px;z-index:9999;width: 156px;  border-radius: 6px 6px 0 0;}
.consult-box .consult-title{color:#fff;font-size:14px;font-weight:bold;text-align:center;background:#00723a;line-height:30px;  border-radius: 6px 6px 0 0;}
.consult-list{ padding:9px 0; overflow:hidden}
.consult-list li{ color:#666;text-align:center;margin:0 0 3px 0;line-height:30px;padding: 0 0 0 20px;}
.consult-list li.qq{ background:url(qq.jpg)/*tpa=http://www.greencan.cn/images/qq.jpg*/ center center no-repeat;}
.consult-list li.s{ background:url(s.jpg)/*tpa=http://www.greencan.cn/images/s.jpg*/ center center no-repeat;}
.consult-list li.w{ background: url(wap.jpg)/*tpa=http://www.greencan.cn/images/wap.jpg*/ 7px center no-repeat;}
.consult-list li.w a{ font-size: 14px; font-family: arial; text-align: left; line-height: 9px;}
.consult-list li a{ color:#666}

/*首页修改*/
.authenticate h2 {
    background-color: #5ba313;
    /*background-size: auto 63px;*/
    background-position: center 0;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding-top: 55px;
}

/*引导页开始*/
.over-hide{
    overflow: hidden;
}
.guide-page{
    position: fixed;
    background: url("../images/guide_page.jpg") no-repeat center center;
    width: 100%;
    height: 100%;
    max-height:1080px;
    z-index: 99999;
}
.guide-page.out{
    -webkit-animation:guide 2s;
    -o-animation:guide 2s;
    animation:guide 2s;
}
.guide-page a{
    display: block;
    width: 100%;
    height: 100%;
}
@keyframes guide {
    0%{
        opacity: 1;
        -webkit-transform: scale(1,1);
        -moz-transform: scale(1,1);
        -ms-transform: scale(1,1);
        -o-transform: scale(1,1);
        transform: scale(1,1);
    }
    100%{
        opacity: 0;
        -webkit-transform: scale(2,2);
        -moz-transform: scale(2,2);
        -ms-transform: scale(2,2);
        -o-transform: scale(2,2);
        transform: scale(2,2);
        display: none;
    }
}