/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0; list-style:none; text-decoration:none; border:0; list-style:none;}
body{ font-size:12px; font-family:''; color:#333;}
a{ color:#666;}
    a:hover {
        color: #babb89;
        text-decoration: none;
    }
p{line-height:1.5em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}

/*common end*/

.head{}
.head .head01{ background:#1a1a1a; color:#fff; height:30px; line-height:30px;}
.head .head01 h2{ font-size:14px; font-weight:normal;}
.head .head02{ height:120px;}
.head .head02 .logo{ float:left; width:800px; height:120px; position:relative;}
.head .head02 .logo img{ max-width:100%; max-height:120px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto 0;}
.head .head02 .rt{ float:right; padding:25px 0;}
    .head .head02 .rt h2 {
        background: url(../images/tel_03.png) left center no-repeat;
        padding-left: 50px;
        font-size: 20px;
        line-height: 30px;
        color: #31b34d;
        font-weight: normal;
    }
.head .head02 .rt h2 span{ display:block; font-size:36px; letter-spacing:-1px; line-height:40px;}
    .head .head03 {
        background: #31b34d;
        height: 40px;
        padding: 10px 0;
    }
/*menu*/
.menu {
    height: 60px;
    /*padding-top: 10px;*/
}
.menu ul li{ float:left; position:relative; width:133px;height: 1px;}
.menu ul li b{ display:block; font-weight:normal;}
.menu ul li dl{ background:#eee; width:150px; position:absolute; z-index:6; left:0px; /*top:60px;*/ box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none; }
.menu ul li dl dd{ line-height:28px;border-bottom:#ddd dotted 1px; margin:0 10px; }
.menu ul li dl dd a{ font-size:12px; color:#666; padding:0; line-height:28px; padding:0;}
.menu ul li dl dd a:hover{}
.menu a{ font-size:16px;color:#fff; text-decoration:none; display:block;text-align:center; padding:5px 0; line-height:22px;}
    .menu a:hover {
        color: #babb89;
    }
a.menu_hover{ background:#eee; color:#e11e74; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}


/*banner_03*/
.banner_03{ position:relative; z-index: 1; width:100%; height:680px; overflow:hidden;}
.banner_03 .bd { Z-INDEX: 0; position: relative; overflow:hidden; }
.banner_03 .bd ul{ margin:0px auto;}
.banner_03 .bd li { width:100%; height:680px; text-align:center;  overflow:hidden;}
.banner_03 .hd { position:relative; top:-40px; width:1100px; height:20px; margin:0px auto; text-align:center;}
.banner_03 .hd ul { position:absolute; left:50%; margin-left:-60px; bottom:0px; z-index:99; width:150px; height:22px;}
.banner_03 .hd ul li { height:22px; width:22px; margin-left:15px; text-align:center; text-indent:-9999em; float:left; background:url(../Images/BannerBg_02.png) no-repeat; cursor:pointer;}
.banner_03 .hd ul .on { background:url(../images/BannerBg_01.png) no-repeat; }
.banner_03 .prev { position:absolute;  TOP:50%; left:20px; Z-INDEX:2; width:31px; height:53px; margin-top:-30px; background:url(../Images/BannerLeft.png) no-repeat; cursor: pointer;}
.banner_03 .next { position:absolute; TOP:50%; right:20px; Z-INDEX:2; width:31px; height:53px; margin-top:-30px; background:url(../Images/BannerRgt.png) no-repeat; cursor:pointer;}


.tit{ text-align:center;}
.tit h2{ font-weight:normal; font-size:24px; line-height:40px;}
.tit h3{ font-weight:normal; font-size:16px; line-height:30px;}
    .tit h3 span {
        display: inline-block;
        border-top: 2px solid #babb89;
        padding: 0 10px;
    }


.con01bg{ background:#fff; padding:40px 0;}
.con01{ overflow:hidden;}
.con01 ul{ width:1250px;}
.con01 ul li{ float:left; width:380px; margin:0 30px 0 0;}
.con01 ul li .img{ text-align:center; height:308px;}
.con01 ul li .img img{ width:380px; height:308px;}
.con01 ul li .txt{ padding:10px 10px 0 10px;}
.con01 ul li .txt h2{ font-size:20px; font-weight:normal; line-height:40px; height:40px; overflow:hidden;}
.con01 ul li .txt h3{ font-size:15px; font-weight:normal; line-height:30px; height:30px; overflow:hidden;}
    .con01 ul li .txt span {
        margin-top: 10px;
        display: block;
        text-align: center;
        width: 78px;
        line-height: 28px;
        height: 28px;
        border: 1px solid #babb89;
    }
.con01 ul li .txt span a{ display:block; }
    .con01 ul li .txt span:hover a {
        background: #babb89;
        color: #fff;
    }


.con02bg{ background:#fbfaf8; padding:40px 0;}
.con02{}
.con02 .main{ margin-top:20px;}
.con02 .main .lt{ float:left; width:230px;}
.con02 .main .lt ul{}
.con02 .main .lt ul li{ text-align:center; height:60px; line-height:60px; margin:0 0 2px 0; font-size:17px;}
    .con02 .main .lt ul li a {
        display: block;
        background: #31b34d;
        color: #fff;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }
        .con02 .main .lt ul li a:hover {
            background: #babb89;
        }
.con02 .main .rt{ float:right; width:950px; overflow:hidden;}
.con02 .main .rt ul{ width:1000px;}
.con02 .main .rt ul li{ float:left; width:280px; padding:0 10px; margin:0 25px 0 0; text-align:center;}
.con02 .main .rt ul li .img{ height:170px;}
.con02 .main .rt ul li .img img{ width:280px; height:170px;}
.con02 .main .rt ul li span{ display:block; height:30px; line-height:30px; font-size:14px;}


.con03bg{ background:#fff; padding:40px 0;}
.con03{}
.con03 .main{ margin-top:10px; overflow:hidden;}
.con03 .main ul{ width:1250px;}
.con03 .main ul li{ float:left; width:380px; text-align:center; margin:10px 30px 0 0; overflow:hidden;}
.con03 .main ul li .img{ height:278px; overflow:hidden; text-align:center;}
.con03 .main ul li .img img{ width:380px; height:278px; }
.con03 .main ul li:hover img{transform: scale(1.1);transition:all 0.3s;}


.con04bg{ background:#fff; padding:0 0 0 0;}
.con04{}
.con04 .main{ margin-top:10px; overflow:hidden;}
/*slideTxtBox_01*/
.slideTxtBox_01{}
.slideTxtBox_01 .hd{ float:left; width:230px;}
.slideTxtBox_01 .hd ul li{ text-align:center; height:60px; line-height:60px; margin:0 0 2px 0; font-size:18px; cursor:pointer;}
    .slideTxtBox_01 .hd ul li a {
        display: block;
        background: #31b34d;
        color: #fff;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }
        .slideTxtBox_01 .hd ul li a:hover {
            background: #babb89;
        }
.slideTxtBox_01 .hd ul li.on{}
    .slideTxtBox_01 .hd ul li.on a {
        background: #babb89;
    }
.slideTxtBox_01 .bd{ float:right; width:950px; overflow:hidden;}
.slideTxtBox_01 .bd ul{ width:1000px;}
.slideTxtBox_01 .bd ul li{ float:left; width:280px; padding:0 10px; margin:10px 25px 0 0; text-align:center;}
.slideTxtBox_01 .bd ul li a{}
.slideTxtBox_01 .bd ul li .img{ height:220px;}
.slideTxtBox_01 .bd ul li .img img{ width:280px; height:200px;}
.slideTxtBox_01 .bd ul li span{ display:block; height:30px; line-height:30px; font-size:14px;}
    .slideTxtBox_01 .bd ul li i {
        font-style: normal;
        display: block;
        width: 80px;
        height: 30px;
        line-height: 30px;
        background: #babb89;
        color: #fff;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }


.con05bg{ background:#fff; padding:40px 0;}
.con05{}
.con05 .main{ margin-top:20px; overflow:hidden;}
.con05 .main ul{ width:1250px;}
.con05 .main ul li{ float:left; width:380px; margin:0 30px 0 0;}
.con05 .main ul li .img{ height:372px;}
.con05 .main ul li .img img{ width:380px; height:372px;}
.con05 .main ul li .txt{    margin-left: 140px;}
.con05 .main ul li .txt h2{ font-weight:normal; font-size:18px; line-height:40px; height:40px; overflow:hidden;}
.con05 .main ul li .txt h2 a{}
.con05 .main ul li .txt h3{ font-weight:normal; font-size:14px; color:#999; line-height:24px; height:48px; overflow:hidden;}
.con05 .main ul li .txt span{ display:block; text-align:center; margin-top:10px;}
    .con05 .main ul li .txt span a {
        display: block;
        width: 100px;
        height: 30px;
        line-height: 30px;
        border: 1px solid #babb89;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        color: #999;
        font-size: 14px;
    }
.con05 .main ul li .txt span a:hover{ background:#e11e74; color:#fff;}


.con06bg{ background:#fff; padding:0 0 40px 0;}
.con06{}
    .con06 .title {
        background: #fbfaf8 url(../images/busy_bg.png) no-repeat 20px center;
        border: 1px #ededed solid;
        height: 40px;
        line-height: 40px;
        font-size: 18px;
        border-top: 2px solid #babb89;
        padding-left: 80px;
    }
.con06 .main{}
.con06 .main ul{}
.con06 .main ul li{ float:left; margin:0 10px; font-size:14px; line-height:30px;}
.con06 .main ul li a{}


.foot{}
.foot a{ color:#fff;}
.foot a:hover{ text-decoration:underline;}
.foot01{ background:#47444a; padding:40px 0; color:#fff; font-size:14px;}
.foot01 .lt{ float:left; width:300px;}
.foot01 .lt dl dt{ margin-bottom:10px;}
.foot01 .lt dl dt .img{ height:46px; text-align:center;}
.foot01 .lt dl dt .img img{ width:136px; height:46px;}
.foot01 .lt dl dt span{ display:block; line-height:30px;}
.foot01 .lt dl dd{ line-height:24px;}
.foot01 .ct{ float:left; width:500px; padding-left:200px;}
.foot01 .ct dl dt{ line-height:30px; margin-bottom:20px; font-size:16px;}
.foot01 .ct dl dd{ line-height:24px;}
.foot01 .ct dl dd a{}
.foot01 .rt{ float:right; width:200px; text-align:center;}
.foot01 .rt dl dt{ line-height:30px; margin-bottom:20px; font-size:16px;}
.foot01 .rt dl dd{}
.foot01 .rt dl dd img{ width:137px; height:137px;}
@-webkit-keyframes buzz-out {
	0% {
	-webkit-transform: translateX(3px) rotate(2deg);
	}
	20% {
	-webkit-transform: translateX(-3px) rotate(-2deg);
	}
	40% {
	-webkit-transform: translateX(3px) rotate(2deg);
	}
	60% {
	-webkit-transform: translateX(-3px) rotate(-2deg);
	}
	80% {
	-webkit-transform: translateX(3px) rotate(2deg);
	}
	100% {
	-webkit-transform: translateX(-3px) rotate(-2deg);
	}
}
.buzz-out:hover  {
	-webkit-animation-name: buzz-out;
	-webkit-animation-duration: 0.75s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
}

@-moz-keyframes buzz-out {
	0% {
	-moz-transform: translateX(3px) rotate(2deg);
	}
	20% {
	-moz-transform: translateX(-3px) rotate(-2deg);
	}
	40% {
	-moz-transform: translateX(3px) rotate(2deg);
	}
	60% {
	-moz-transform: translateX(-3px) rotate(-2deg);
	}
	80% {
	-moz-transform: translateX(3px) rotate(2deg);
	}
	100% {
	-moz-transform: translateX(-3px) rotate(-2deg);
	}
}
.buzz-out:hover  {
	-moz-animation-name: buzz-out;
	-moz-animation-duration: 0.75s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: 1;
}

@-o-keyframes buzz-out {
	0% {
	-o-transform: translateX(3px) rotate(2deg);
	}
	20% {
	-o-transform: translateX(-3px) rotate(-2deg);
	}
	40% {
	-o-transform: translateX(3px) rotate(2deg);
	}
	60% {
	-o-transform: translateX(-3px) rotate(-2deg);
	}
	80% {
	-o-transform: translateX(3px) rotate(2deg);
	}
	100% {
	-o-transform: translateX(-3px) rotate(-2deg);
	}
}
.buzz-out:hover  {
	-o-animation-name: buzz-out;
	-o-animation-duration: 0.75s;
	-o-animation-timing-function: linear;
	-o-animation-iteration-count: 1;
}

@-ms-keyframes buzz-out {
	0% {
	-ms-transform: translateX(3px) rotate(2deg);
	}
	20% {
	-ms-transform: translateX(-3px) rotate(-2deg);
	}
	40% {
	-ms-transform: translateX(3px) rotate(2deg);
	}
	60% {
	-ms-transform: translateX(-3px) rotate(-2deg);
	}
	80% {
	-ms-transform: translateX(3px) rotate(2deg);
	}
	100% {
	-ms-transform: translateX(-3px) rotate(-2deg);
	}
}
.buzz-out:hover  {
	-ms-animation-name: buzz-out;
	-ms-animation-duration: 0.75s;
	-ms-animation-timing-function: linear;
	-ms-animation-iteration-count: 1;
}

.foot02{ background:#282729; color:#fff; padding:10px 0; text-align:center;}
.foot02 ul li{ line-height:30px;}
.foot02 ul li a{ margin:0 5px;}




/*Add------------------------------------------------------------------------------*/


.inside{margin-top:20px; margin-bottom:20px; min-height:400px;}

.inside_left{ width:220px; float:left;}
    .inside_left .side_a dl dt {
        display: block;
        padding-left: 20px;
        height: 40px;
        line-height: 40px;
        color: #babb89;
        font-weight: bold;
        font-size: 24px;
        border-top: 4px double #ccc;
        border-bottom: 1px solid #ccc;
    }
.inside_left .side_a dl dd{  text-align:center; height:50px; line-height:50px; margin:2px 0; font-size:18px;}
    .inside_left .side_a dl dd a {
        display: block;
        font-size: 14px;
        background: #31b34d;
        color: #fff;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }
        .inside_left .side_a dl dd a:hover {
            background: #babb89;
        }
.inside_left .side_a dl .hover a{ background:#31b34d; color:#fff;} 
.inside_left .side_b{ margin-top:20px;}
    .inside_left .side_b dl dt {
        display: block;
        padding-left: 20px;
        height: 40px;
        line-height: 40px;
        color: #babb89;
        font-weight: bold;
        font-size: 24px;
        border-top: 4px double #ccc;
        border-bottom: 1px solid #ccc;
        margin-bottom: 10px;
    }
.inside_left .side_b dl dd{ line-height:24px; margin:0 0 2px 0; font-size:12px;}


.inside_right{ width:920px; float:right; }
.weizhi{height:40px; line-height:40px; background:url(../images/title03.png) no-repeat;font-size:14px; }
    .weizhi span {
        line-height: 24px;
        border-left: 5px solid #babb89;
        padding-left: 5px;
    }
.inside_con{ padding:10px 0;}



/*contact*/
.contact h2{ height:36px; line-height:36px; padding-left:20px; color:#fff; background:#999;}
.contact{ margin-top:15px; }
.contact ul{ padding:10px 10px; border:#e4e4e4 solid 1px;}
.contact ul li{ line-height:20px; padding:3px 0;}

/*proShow*/
.product_show ul li{ width:130px;line-height:20px;}
.product_show ul li{ float:left; margin:15px 20px 0; border:#e4e4e4 solid 1px; display:inline;}
.pro img{max-width:120px; max-height: 90px; width: expression(this.width >120 && this.height < this.width ? 120: true); height: expression(this.height > 90 ? 90: true);}
.hover2{ background:#f4f4f4;}

/*product_list*/
.side_product { margin-top:15px;}
.side_product h2{ height:36px; line-height:36px; padding-left:20px; color:#fff; background:#999;}
.side_product ul{ padding:10px 10px; border:#e4e4e4 solid 1px; }
.side_product ul li{line-height:24px;}
.side_product ul li a{ padding-left:30px; display:block; border-bottom:#e4e4e4 dashed 1px;background: url(../images/side_menu_bg.gif) 10px 8px no-repeat;}
.side_product ul li dl dd a{ display:inline; border:none; background:none;}