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

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

.clr{clear:both;}
.w1110{width:1110px; margin:0 auto; clear:both}
.header{height:80px;}
.logo{float:left; padding-top:12px;}
.menu{wdth:800px; float:right;}
.mainlevel{width:100px; /*IE6 only*/ height:80px; text-align:center; position:relative; z-index:999; float:left;}
.mainlevel a{width:100px; height:80px; line-height:80px; display:block; font-size:14px; color:#222;}
.mainlevel a:hover,.mainlevel a.active{background:url(../images/menu_hover.jpg) no-repeat bottom center;}
.mainlevel ul{width:100px; display:none; position:absolute; padding:10px 0px; left:0px; background:#ee7a1a; z-index:9;}
.mainlevel li{width:100%;/*IE6 only*/ height:30px; line-height:30px;}
.mainlevel li a{width:100%;/*IE6 only*/ display:block; padding:0px; height:30px; line-height:30px; background:none; color:#fff; font-size:12px;}
.mainlevel li a:hover{background:#f29141; font-weight:normal; color:#fff;}
#full-screen-slider{width:100%; height:500px; position:relative; z-index:0 }
#slides{display:block; width:100%; height:500px; list-style:none; padding:0; position:relative}
#slides li{display:block; width:100%; height:500px; list-style:none; padding:0; margin:0; position:absolute; left:0px;}
#slides li a{display:block; width:100%; height:500px; text-indent:-9999px}
#pagination{display:block; list-style:none; position:absolute; left:50%; bottom:30px; height:10px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li{display:block; list-style:none; width:17px; height:17px; float:left; margin-left:15px; background:url(../images/hd_off.png) no-repeat; }
#pagination li a{display:block; width:100%; height:17px; padding:0; margin:0; font-size:0px; cursor:pointer;}
#pagination li.current{background:url(../images/hd_on.png) no-repeat;}
.advant{width:100%; height:75px; padding:20px 0px; background:#f5f5f5; clear:both;}
.advant li{width:250px; height:75px; padding-left:25px; color:#4c4c4c; border-right:#d9d9d9 1px solid; cursor:pointer; float:left;}
.advant li img{float:left; margin-right:10px;}
.advant li h2{line-height:40px; background:url(../images/gray_line.jpg) no-repeat 85px bottom;}
.advant li p{line-height:30px; font-size:14px;}
.advant li:hover{color:#f17f00;}
.advant li:hover h2{background:url(../images/org_line.jpg) no-repeat 85px bottom;}
.advant li img.img1{display:block;}
.advant li img.img2{display:none}
.advant li:hover img.img1{display:none}
.advant li:hover img.img2{display:block;}
.pad30{padding:30px 0px;}
.w360{width:360px; margin-right:40px; float:left;}
.lf{float:left;}
.rt{float:right;}
.title{width:100%; height:60px; line-height:60px; float:left;}
.title h2{color:#333; font-size:22px; font-weight:normal; float:left;}
.title a{font-size:12px; color:#999; float:right;}
.title a:hover{color:#ff9844;}
.video{width:100%; float:left;}
.video h3{height:45px; line-height:45px; font-weight:normal; color:#fff; background:#ff9844; text-align:center; margin-top:5px; clear:both}
.w310{width:310px; float:right;}
.intro{width:100%; line-height:24px; float:left; overflow:hidden; position: relative;}
.intro img{width:360px; height:200px; margin-bottom:10px; float:left; transition: all 0.5s ease-in-out 0s;}
.intro a:hover img{transform: scale(1.05);}
.intro p{clear:both;}
.intro a{color:#666;}
.intro a:hover{color:#000;}
.news{width:100%; clear:both;}
.news div{width:100%; height:200px; position:relative; overflow:hidden; float:left}
.news div img{width:310px; height:200px; transition:all 0.5s ease-in-out;}
.news div p{width:100%; height:40px; line-height:40px; position:absolute; left:0px; bottom:0px; overflow:hidden; font-size:14px; color:#fff; background:url(../images/black.png) repeat; text-indent:1em; clear:both}
.news div:hover img{transform:scale(1.1)}
.news ul{width:100%; float:left;}
.news ul li{width:100%; height:35px; line-height:35px; border-bottom:#ddd 1px dotted; clear:both;}
.news ul li a{float:left; background:url(../images/jt.jpg) no-repeat 5px center; color:#666; padding-left:20px;}
.news ul li a:hover{color:#ee720d;}
.news ul li span{float:right; color:#999;}
.footer{width:100%; background:#ee720d; padding:20px 0px; line-height:22px; color:#fff; clear:both}
.f_l{float:left;}
.f_l h4{line-height:40px; background:url(../images/line.jpg) no-repeat bottom left; margin-bottom:5px; clear:both;}
.f_l h4 img{vertical-align:middle; margin-right:5px;}
.f_r{width:350px; padding-top:25px; float:right;}
.f_r span{width:24px; height:95px; padding-top:5px; line-height:15px; text-align:center; background:#f18e3d; color:#fff; font-weight:bold; float:left;}
.f_r img{width:100px; height:100px; margin-left:2px; margin-right:15px; float:left;}
.f_r h4{line-height:38px;}
.f_r h2{font-size:28px; font-family:Arial, Helvetica, sans-serif;}
.f_r p{line-height:35px;}

/*about*/
.ny_banner{width:100%; height:300px; clear:both;}
#about{background:url(../images/about_banner.jpg) no-repeat center;}
#product{background:url(../images/product_banner.jpg) no-repeat center;}
#process{background:url(../images/process_banner.jpg) no-repeat center;}
#case{background:url(../images/case_banner.jpg) no-repeat center;}
#news{background:url(../images/news_banner.jpg) no-repeat center;}
#ser{background:url(../images/ser_banner.jpg) no-repeat center;}
#cont{background:url(../images/cont_banner.jpg) no-repeat center;}

.pad20{padding:20px 0px 40px;}
.ny_l{width:260px; float:left;}
.ny_l h2{font-size:24px; line-height:55px; border-bottom:#eee 1px solid; font-weight:normal; text-indent:0.5em; color:#333; clear:both}
.ny_l ul{width:100%; margin-bottom:20px; float:left;}
.ny_l ul li{width:100%; height:48px; line-height:48px; border-bottom:#eee 1px solid; text-indent:2em; float:left;}
.ny_l ul li a{display:block; background:url(../images/sub.png) no-repeat right center; font-size:14px; color:#f68c02;}
.ny_l ul li a:hover,.ny_l ul li a.active{ background:url(../images/sub_hover.png) no-repeat center; color:#fff;}
.ny_l img{margin-bottom:10px;}
.ny_r{width:800px; float:right;}
.pos{width:100%; height:55px; line-height:55px; font-size:12px; color:#999; border-bottom:#eee 1px solid; clear:both;}
.pos a{color:#999;}
.pos img{padding:0px 5px; vertical-align:middle;}
.nr{width:100%; line-height:24px; margin-top:20px; clear:both;}

/*news*/
.news_list{width:100%; margin-top:10px; float:left;}
.news_list dl{width:100%; height:110px; margin:10px 0px; clear:both;}
.news_list dl dt{width:120px; height:110px; background:#f68c02; font-family:Arial, Helvetica, sans-serif; text-align:center; color:#fff; float:left}
.news_list dl dt h2{line-height:32px; padding-top:30px; font-size:48px; clear:both}
.news_list dl dt p{line-height:35px; clear:both}
.news_list dl dd{width:655px; height:88px; padding:10px; border:#e4e4e4 1px solid; float:left}
.news_list dl dd a{width:100%; height:40px; line-height:40px; color:#222; overflow:hidden; font-size:14px; float:left}
.news_list dl dd p{color:#777; height:40px; line-height:20px; overflow:hidden; font-size:12px; clear:both}
.news_list dl:hover dd a{color:#f68c02;}

/*product*/
.pro_list{margin-top:20px; clear:both}
.pro_list li{width:190px; outline:#eee 1px solid; margin:0px 5px 20px; float:left}
.pro_list li img{width:190px; height:190px; float:left;}
.pro_list li p{line-height:44px; text-indent:1em; color:#666; clear:both}
.pro_list li:hover p{color:#f39800;}

/*case*/
.pro_l{width:300px; height:300px; margin-top:20px; float:left;}
.pro_l img{width:298px; height:298px; border:#eee 1px solid;}
.pro_r{width:415px; height:258px; margin-top:20px; padding:20px 30px; overflow:hidden; color:#333; line-height:36px; border:#eee 1px solid; float:right;}
.pro_r h2{background:url(../images/dian.jpg) repeat-x bottom; height:52px; margin-bottom:20px; clear:both}
.pro_r h2 span{line-height:48px; border-bottom:#f68c02 3px solid; display:inline-block;}
.pro_r p{clear:both; color:#666; font-size:14px;}
.pro_x{width:100%; margin-top:20px; float:left;}
.pro_x h3{height:34px; line-height:34px; background:#f5f5f5; margin-bottom:10px; color:#f68c02; text-indent:1em; border-left:#f68c02 5px solid; clear:both;}
.pro_x p{line-height:30px; font-size:14px; clear:both}

/*honor*/
.honor{margin-top:20px; clear:both}
.honor li{width:250px; margin:0px 8px 20px; float:left}
.honor li img{width:250px; height:180px; outline:#eee 1px solid; float:left;}
.honor li p{line-height:40px; text-align:center; color:#666; background:#eee; clear:both}
.honor li:hover p{color:#f39800;}

/*contact*/
.lxwm{width:100%; padding:20px 0px; float:left;}
.lxwm_z{float:left;}
.lxwm_z h3{color:#666; line-height:35px;}
.lxwm_r{float:right;}
.lxwm_r li{width:120px; padding-left:15px; float:left;}
.lxwm_r li img{width:120px; height:120px; float:left; border:#ddd 1px solid;}
.lxwm_r li p{line-height:30px; text-align:center;}



.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:200px;
    width: 77px;
    z-index: 11;
}
.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: 20px;
    height: 24px;
    line-height: 22px;
    margin-top: 8px;
    padding-left: 8px;
}
.fix_ewm {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 140px;
    left: -155px;
    position: absolute;
    top: -40px;
    width: 140px;
}
.sj_ewm {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 140px;
    left: -155px;
    position: absolute;
    top: -40px;
    width: 140px;
}
.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-sj {
    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:#ee720d;
    height: 56px;
    margin-bottom: 1px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    width: 77px; float:left;
}