@charset "utf-8";
/* CSS Document */

html{min-width:1170px;}
*{margin:0px; padding:0px;}
*:focus{outline:none;}
body{color:#666; font-size:14px; font-family:"微软雅黑",Arial, Helvetica, sans-serif;}
ul li{list-style:none;}
a{text-decoration:none;}
a:hover{transition-property:color; transition-duration:.6s}
img{border:none;}
h1{font-size:24px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:14px;}

.clr{clear:both}
.w1170{width:1170px; margin:0 auto;}
.header{width:1170px; height:95px; padding-top:8px; position:relative; margin:0 auto; clear:both;}
.logo{float:left;}
.menu{width:860px; padding-right:20px; float:right;}
.mainlevel{width:105px; /*IE6 only*/ height:50px; padding-top:25px; text-align:center; position:relative; z-index:99999; float:left;}
.mainlevel a{width:105px; height:50px; line-height:50px; display:block; font-size:14px; color:#999; background:url(../images/menu.png) no-repeat right center; margin-left:0px;}
.mainlevel a:hover,.mainlevel a.active{background:url(../images/menu_hover.png) no-repeat right center; color:#fe8301}
.mainlevel ul{width:105px; display:none; position:absolute; left:0px; background:#fe8301; z-index:9;}
.mainlevel li{width:100%;/*IE6 only*/ height:35px; border-bottom:#fff 1px solid; line-height:35px;}
.mainlevel li a{width:100%;/*IE6 only*/ display:block; padding:0px; height:35px; line-height:35px; background:none; color:#fff; font-size:12px;}
.mainlevel li a:hover{background:#ffa84d; color:#fff;}
.lang{width:75px; position:absolute; right:-80px; top:20px; font-size:12px;}
.lang a{color:#999; margin-top:10px; display:block}
.lang a:hover,.lang a.active{color:#fe8301}
.lang a img{vertical-align:middle;}
.banner{width:100%; clear:both;}
.pro_t{text-align:center; clear:both}
.pro_t h2{line-height:65px; font-size:30px; color:#fe8301; background:url(../images/line.jpg) no-repeat bottom center;}
.pro_t p{line-height:50px; color:#333; font-size:12px;}
#featureContainer{width:100%; margin-top:30px; float:left}
#feature{position:relative;}
#feature .prev{text-indent:-9999px; width:36px; display:inline-block; position:absolute; top:155px; left:-80px; background:url(../images/lf.jpg) no-repeat; height:36px;}
#feature .next{text-indent:-9999px; width:36px; display:inline-block; position:absolute; top:155px; right:-55px; background:url(../images/rt.jpg) no-repeat; height:36px;}
#feature .prev:hover{background:url(../images/lf_hover.jpg) no-repeat;}
#feature .next:hover{background:url(../images/rt_hover.jpg) no-repeat;}
.featureUL{position:relative; margin:0px; width:2800px; float:left; left:0px}
.featureBox{width:230px; padding:19px; height:330px; margin:0px 15px; position:relative; border:#d7d7d7 1px solid; border-radius:3px; float:left; overflow:hidden;}
.featureBox img{width:230px; height:180px; border-radius:3px; float:left}
.featureBox h3{height:35px; line-height:35px; font-size:14px; overflow:hidden; clear:both}
.featureBox h3 a{color:#333;}
.featureBox p{color:#666; clear:both}
.featureBox div{height:88px; line-height:22px; font-size:12px; color:#999; font-weight:normal; margin:8px 0px; overflow:hidden; clear:both}
.featureBox a.more{width:25px; height:25px; background:url(../images/more.jpg) no-repeat center; position:absolute; right:18px; bottom:18px;}
.featureBox:hover{border:#fe8301 1px solid;}
.featureBox:hover h3 a{color:#fe8301;}
.featureBox:hover a.more{background:url(../images/more_hover.jpg) no-repeat center;}
#botton-scroll{Z-INDEX:0; WIDTH:100%; FLOAT:right;}
.intro_wrap{width:100%; height:350px; padding:75px 0px; background:url(../images/intro_wrap.png) no-repeat top center; clear:both}
.overflow{overflow:hidden}
.intro_l{width:470px; padding-left:35px; color:#fff; font-size:12px; margin-left:-400px; opacity:0; float:left;}
.intro_l h2{line-height:65px; font-size:30px; background:url(../images/line.jpg) no-repeat bottom left;}
.intro_l p{line-height:50px;}
.intro_l div{height:120px; line-height:20px; margin-bottom:60px;}
.intro_l a{width:130px; height:32px; line-height:32px; display:block; border:#fff 1px solid; color:#fff; text-align:center;}
.intro_r{width:565px; height:350px; margin-right:-400px; opacity:0; float:right;}
.pad50{padding:50px 0px;}
.news{width:570px; opacity:0; margin-left:-400px; float:left;}
.news_t{width:100%; margin-bottom:10px; clear:both;}
.news_t h2{line-height:65px; font-size:30px; color:#fe8301; background:url(../images/line.jpg) no-repeat bottom left;}
.news_t p{line-height:50px; color:#333; font-size:12px;}
.news_d{width:100%; clear:both;}
.news_d dl{width:100%; height:125px; margin-bottom:30px; clear:both;}
.news_d dl dt{width:170px; height:125px; position:relative; float:left;}
.news_d dl dt img{width:170px; height:125px;}
.news_d dl dt div{width:70px; height:70px; position:absolute; font-family:Arial, Helvetica, sans-serif; background:#333; color:#fff; top:10px; left:10px; text-align:center;}
.news_d dl dt div h2{font-size:30px; font-weight:normal; padding-top:8px; clear:both}
.news_d dl dd{padding-left:200px;}
.news_d dl dd h4{color:#333;}
.news_d dl dd div{height:60px; line-height:20px; margin:8px 0px; color:#999; overflow:hidden;}
.news_d dl dd a{background:#f4f4f4; border:#d7d7d7 1px solid; color:#333; width:80px; height:32px; text-align:center; font-size:12px; font-family:Arial, Helvetica, sans-serif; border-radius:3px; line-height:32px; display:block; float:right;}
.news_d dl dd:hover h4{color:#fe8301;}
.news_d dl dd:hover a{background:#fe8301; color:#fff;}
.book{width:570px; opacity:0; margin-right:-400px; float:right;}
.b_in{width:568px; height:40px; line-height:40px; margin-bottom:15px; text-indent:1em; color:#333; border:#d7d7d7 1px solid; float:left;}
.b_area{width:568px; height:115px; line-height:30px; margin-bottom:15px; text-indent:1em; border:#d7d7d7 1px solid; font-size:14px; font-family:"微软雅黑"; float:left}
.b_btn{width:100%; height:42px; line-height:42px; background:#ff8608; color:#fff; text-align:center; border-radius:3px; cursor:pointer; border:none; clear:both}
.footer{width:100%; height:70px; line-height:70px; font-size:12px; color:#fff; background:#333; clear:both;}
.f_l{float:left;}
.f_r{float:right;}

/*about*/
.ny_banner{width:100%; height:350px; clear:both;}
#about{background:url(../images/about_banner.jpg) no-repeat top center;}
#news{background:url(../images/news_banner.jpg) no-repeat top center;}
#pro{background:url(../images/pro_banner.jpg) no-repeat top center;}
#case{background:url(../images/case_banner.jpg) no-repeat top center;}
#ser{background:url(../images/ser_banner.jpg) no-repeat top center;}
#net{background:url(../images/net_banner.jpg) no-repeat top center;}
#cont{background:url(../images/cont_banner.jpg) no-repeat top center;}

.pad30{padding:30px 0px;}
.ny_l{width:240px; float:left;}
.sub{width:238px; padding:20px 0px; border:#e6e6e6 1px solid; background:#fff; margin-bottom:15px; float:left}
.sub h2{color:#333; margin:0px 30px; line-height:45px; border-bottom:#e6e6e6 1px solid; clear:both}
.sub ul{width:100%; margin-top:10px; clear:both;}
.sub ul li{width:100%; height:36px; line-height:36px; text-indent:2.5em; margin-bottom:5px; clear:both;}
.sub ul li a{color:#666; display:block; font-size:14px;}
.sub ul li a:hover,.sub ul li a.active{background:url(../images/sub_hover.jpg) no-repeat left center; color:#fe8301}
.rx{float:left;}
.ny_r{width:840px; padding:30px; background:#fff; border:#e6e6e6 1px solid; float:right}
.ny_rt{width:100%; height:46px; line-height:46px; background:url(../images/dian.jpg) repeat-x bottom; clear:both}
.ny_rt h2{float:left; font-weight:normal; color:#808080; height:45px; padding:0px 30px; border:#e6e6e6 1px solid; border-bottom:none; background:#fff; margin-left:5px;}
.ny_rt span{float:right; color:#999; font-size:12px;}
.ny_rt span a{color:#999;}
.ny_rd{width:100%; padding-top:20px; line-height:30px; clear:both;}

/*news*/
.news_bds{width:100%; padding-bottom:10px; border-bottom:#e5e5e5 1px dashed; float:left;}
.news_bds img{width:200px; height:140px; border:#e6e6e6 1px solid; margin-right:25px; float:left;}
.news_bds h3{height:32px; line-height:32px; overflow:hidden;}
.news_bds h3 a{color:#333;}
.news_bds h3 a:hover{color:#e10413;}
.news_bds div{line-height:22px; height:45px; color:#666; overflow:hidden;}
.news_bds p{font-size:12px; color:#999;}
.news_bds p a{width:162px; line-height:34px; display:inline-block; font-size:14px; text-indent:3em; background:#fe8301; color:#fff;}
.news_bdx{width:100%; padding-bottom:20px; float:left;}
.news_bdx dl{width:100%; margin:10px 0px; height:108px; float:left;}
.news_bdx dl dt{width:88px; padding:18px 0px; height:70px; color:#999; border:#eee 1px solid; text-align:center; font-family:Arial, Helvetica, sans-serif; float:left;}
.news_bdx dl dt h1{font-size:42px; line-height:44px; font-weight:normal;}
.news_bdx dl dt p{font-size:16px; line-height:24px;}
.news_bdx dl dd{width:690px; padding:20px; height:66px; border:#eee 1px solid; float:right;}
.news_bdx dl dd a{color:#666;}
.news_bdx dl dd a h3{height:30px; line-height:30px; overflow:hidden;}
.news_bdx dl dd a p{height:36px; line-height:18px; overflow:hidden;}
.news_bdx dl:hover dt{background:#fe8301; color:#fff;}
.news_bdx dl:hover dd{background:#fe8301;}
.news_bdx dl:hover dd a{color:#fff;}

/*products*/
.case{width:100%; float:left;}
.case li{width:260px; margin:0px 10px 10px; text-align:center; float:left;}
.case li img{width:258px; height:180px; border:#ddd 1px solid; float:left;}
.case li p{height:35px; line-height:35px; background:#eee; color:#666; clear:both}
.case li:hover p{background:#fe8301; color:#fff;}

/*contact*/
.con_m{width:430px; font-size:12px; float:left;}
.con_m h3{line-height:40px; clear:both}
.con_m li{width:116px; text-align:center; padding-right:10px; float:left;}
.con_m li img{width:116px; height:116px; float:left;}
.con_m li p{line-height:30px;}

.third{width:100%; margin-bottom:15px; clear:both}
.third li{width:96px; height:32px; line-height:32px; font-size:12px; margin-right:2px; text-align:center; float:left}
.third li a{color:#fff; background:#333; display:block;}
.third li a:hover,.third li a.active{background:#fe8301; color:#fff;}

.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:400px;
    width: 77px;
    z-index:999;
}
.lxfx li a {
    color: rgb(255, 255, 255);
    display: block;
    height: 47px;
    margin-top: 9px;
    width: 300px;
}
.leftlx {
    float: left;
    height: 47px;
    width: 77px;
}
.lxfx li span {
    border-left: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    float: left;
    font-size:16px;
    height:40px;
    line-height:40px;
    margin-top:0px;
    padding-left: 8px;
}
.fix_ewm {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 120px;
    left: -145px;
    position: absolute;
    top: -40px;
    width: 120px;
}
.lxfx li i {
    display: block;
    height: 27px;
    margin: 0 auto;
    text-align: center;
    width: 30px; background:url(../images/fx.png) no-repeat;
}
.lxfx li i.icon-tel {
    background-position: 0 -25px;
}
.lxfx li i.icon-ly {
    background-position: 4px -53px;
}
.lxfx li i.icon-wx {
    background-position: -34px 4px;
}
.lxfx li i.icon-wb {
    background-position: -30px -22px;
}
.lxfx li p {
    line-height: 12px;
    text-align: center;
}
.lxfx li {
    background:#fe8301;
    height: 56px;
    margin-bottom: 1px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    width: 77px; float:left;
}