﻿

/*原reset*/
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
body{font:12px/1.231 arial,helvetica,clean,sans-serif;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

/*清除浮动*/
.clearfix:after{ 
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix{ /*兼容 IE*/
    zoom: 1;
}






#roll_top,#fall,#ct{position:relative;cursor:pointer;height:52px;width:52px}
#roll_top{background:url(../images/top.gif) no-repeat}
#fall{background:url(../images/top.gif) no-repeat 0 -80px}
#ct{background:url(../images/top.gif) no-repeat 0 -40px}
#roll{display:block;width:15px;margin-right:-558px;position:fixed;right:46%;top:80%;_margin-right:-558px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.8)); z-index:100;}


/*end reset*/



/* CSS Document */
body{background-color:#fff; overflow-x:hidden; color:#666; font-size:12px; font-family: "微软雅黑"; position:relative;min-width:1200px;width:100%;}/*网站字体颜色*/
.header , .content , .footer , .container{margin-left:auto; margin-right:auto; }








/*product*/
.product{width: 100%;}
.product .menu{width: 480px;margin: 0px auto 0;}
.product .menu li{width: 239px;height: 60px;line-height: 60px;text-align: center;float: left;border-left: 1px solid #ddd;    background:#eaeaea;font-size: 18px;color: #fff;}
.product .menu li a{color: #000;text-decoration: none;display: block;}
.product .menu li.cur{background: url(../images/productbg.png) repeat-x;border-color: #68cb59;}
.product .menu li.cur a{ color:#fff;}
.product .mainCon{width:100%;background: #fff;padding-top:0px;padding: 0%;}
.product .mainCon .container{ height:582px; position: relative;overflow: hidden; width:1200px;}
.product .mainCon .conBox{width: 100%;}
.product .mainCon dl{width: 100%;height: 318px;overflow: hidden;}
.product .mainCon dt{float: left;width: 420px;height: 316px;border: 1px solid #cccccc;}
.product .mainCon dt img{display: block;}
.product .mainCon dd{width:405px;float: left;margin-left:25px;}
.product .mainCon dd h3{font-size: 18px;color: #333333;font-weight: bold;margin-bottom: 8px;padding-top: 4px;}
.product .mainCon dd h3 a{color: #333333;text-decoration: none;}
.product .mainCon dd h4{font-size: 16px;color: #333333;font-weight: bold;margin-bottom: 8px;padding-top: 10px;}
.product .mainCon dd p{line-height: 24px;color: #666666;font-size: 14px;}
.product .mainCon dd .btn{overflow: hidden;margin-top: 20px;}
.product .mainCon dd .btn a{display: block;width: 178px;height: 40px;line-height: 40px;text-align: center;background: url(../images/productbg02.png) no-repeat center;font-size: 14px;color: #666666;float: left;text-decoration: none;}
.product .mainCon dd .btn a:hover{background: url(../images/productbg03.png) no-repeat center;color: #fff;}
.product .mainCon dd a:first-child{margin-right: 12px;}
.product .mainCon .box{width: 100%;margin-top: 27px;padding-top: 18px;border-top: 1px solid #cccccc;}
.product .mainCon .box .top{width: 100%;}
.product .mainCon .box .top h3{float: left;font-size: 18px;color: #333333;font-weight: bold;}
.product .mainCon .box .top a{font-size: 14px;color: #666666;float: right;text-transform: uppercase;display: block;}
.product .mainCon .box ul{width: 100%;margin-top: 14px;}
.product .mainCon .box li{width: 286px;height: 229px;float: left;margin-left: 18px;text-align: center;border-bottom: 1px solid #cccccc;}
.product .mainCon .box li:first-child{margin-left: 0;}
.product .mainCon .box li span{display: block;width: 284px;height: 180px;border: 1px solid #cccccc;overflow: hidden;position: relative;}
.product .mainCon .box li img{display: block;transition: all 1s ease-out;  transform: scale(1);}
.product .mainCon .box li em{display: block;height: 47px;line-height: 47px;font-size: 14px;color: #333333;}
.product .mainCon .box li:hover{border-color: #59bc2b;}
.product .mainCon .box li:hover em{color: #59bc2b;}
.product .mainCon .box li:hover img{transform: scale(1.2);}
.product .mainCon .box li a{display: block;text-decoration: none;}

/*adv*/
.adv{width: 100%;}
.adv .title{width: 100%;text-align: center;padding-top:62px;background: url(../images/advbg_01.jpg) no-repeat center;height: 135px;}
.adv .title h3{font-size: 38px;color: #f28d16;}
.adv .title h3 img{position: relative;top: 10px;}
.adv .title p{font: 12px Arial;letter-spacing:1px;color: #999999;text-transform: uppercase;margin-top: 12px;}

.adv .title i{display: block;margin: 14px auto 0;width: 131px;height: 22px;}
.adv .mainCon{width: 100%;}
.adv .mainCon .con1{background: url(../images/advbg_02.jpg) no-repeat center;height: 415px;}
.adv .mainCon .con2{background: url(../images/advbg_03.jpg) no-repeat center;height: 350px;}
.adv .mainCon .con3{background: url(../images/advbg_04.jpg) no-repeat center;height: 373px;}
.adv .mainCon .con4{background: url(../images/advbg_05.jpg) no-repeat center;height: 439px;}
.adv .mainCon .con .box{width: 558px;}
.adv .mainCon .con.dif .box{width: 540px;margin-left: 648px;}
.adv .mainCon .con .box dt{width: 68px;height: 68px;text-align: center;line-height: 68px;font-size: 32px;color: #fff;font-weight: bold;float: left;background: url(../images/adv_y.png) no-repeat center;}
.adv .mainCon .con .box dd{width: 463px;}
.adv .mainCon .con.dif .box dd{width: 449px;}
.adv .mainCon .con .box dd{float: left;margin-left: 22px;}
.adv .mainCon .con .box dd h3{font-size: 30px;color: #333333;}
.adv .mainCon .con .box dd span{display: block;font-size: 18px;color: #333333;margin-top: 10px;}
.adv .mainCon .con .box dd p{font-size: 14px;color: #666666;line-height: 24px;margin-top: 15px;}
.adv .mainCon .con .box dd p em{font-weight: bold;}
.adv .mainCon .con .box dd a{display: block;width: 178px;height: 40px;line-height: 40px;text-align: center;background: url(../images/productbg02.png) no-repeat center;font-size: 14px;color: #666666;float: left;text-decoration: none;margin-top: 26px;}
.adv .mainCon .con .box dd a:hover{background: url(../images/productbg03.png) no-repeat center;color: #fff;}
.adv .mainCon .con1 .box{padding-top: 118px;}
.adv .mainCon .con2 .box{padding-top: 78px;}
.adv .mainCon .con3 .box{padding-top: 78px;}
.adv .mainCon .con4 .box{padding-top: 68px;}


/*ad*/
.ad{width: 100%;height: 216px;background: url(../images/adbg.jpg) no-repeat center;}
.ad .box{width: 100%;margin-left: 174px;padding-top: 127px;overflow: hidden;}
.ad .box input{width: 300px; border: none; padding-left: 23px;border: 1px solid #69a0d0;height: 40px;line-height: 40px;font-size: 14px;color: #fff;background: none;outline: none;margin-left: 15px;float: left;}
.ad .box a{display: block;float: left;width: 135px;height: 42px;line-height: 42px;text-align: center;background: #fff;font-size: 14px;color: #666666;text-decoration: none;margin-left: 15px;}



