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

html{min-width:1100px;}
*{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;}
.w1100{width:1100px; margin:0 auto; clear:both}
.header{height:100px;}
.logo{float:left; padding-top:15px;}
.phone{float:right; padding-top:20px;}
.menu{width:100%; height:40px; line-height:40px; background:#f76060; position:relative; z-index:999; clear:both}
.mainlevel{width:137px; /*IE6 only*/ height:40px; text-align:center; position:relative; z-index:11; float:left;}
.mainlevel a{width:137px; height:40px; line-height:40px; display:block; font-size:14px; color:#fff; margin-left:0px;}
.mainlevel a:hover,.mainlevel a.active{background:#f43434;}
.mainlevel ul{width:137px; display:none; position:absolute; left:0px; background:#f76060; z-index:9;}
.mainlevel li{width:100%;/*IE6 only*/ height:30px; line-height:30px; border-bottom:#fff 1px solid;}
.mainlevel li a{width:100%;/*IE6 only*/ display:block; padding:0px; height:30px; line-height:30px; background:none; font-size:12px; color:#fff; font-weight:normal;}
.mainlevel li a:hover{background:#f99090;}
.banner{width:100%; height:500px; clear:both;}
#full-screen-slider{width:100%; height:500px; position:relative; clear:both;}
#slides{display:block; width:100%; height:500px; list-style:none; padding:0; margin:0; position:relative}
#slides li{display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a{display:block; width:100%; height:100%; text-indent:-9999px}
#pagination{display:block; list-style:none; position:absolute; left:35%; top:420px; z-index:9900; padding:5px 15px 5px 0; margin:0}
#pagination li{display:block; list-style:none; width:36px; height:6px; float:left; margin-left:15px;  background:#fff}
#pagination li a{display:block; width:100%; height:100%; padding:0; margin:0; cursor:pointer; text-indent:-9999px;}
#pagination li.current{background:#ff443d;}
.ss_wrap{width:100%; height:50px; background:#999; clear:both}
.ss_l{float:left; line-height:50px; font-size:12px; color:#fff;}
.ss_l a{color:#fff; padding:0px 8px;}
.ss_l a:hover{color:#dedfdf;}
.ss_r{width:243px; height:24px; margin-top:13px; background:url(../images/ss_bg.png) no-repeat; float:right;}
.ss_in{width:188px; background:none; height:24px; line-height:24px; color:#878787; text-indent:2.5em; font-size:12px; border:none; float:left;}
.ss_btn{width:55px; height:24px; line-height:22px; border:none; background:none; cursor:pointer; font-size:12px; color:#fff; float:left}
.pad40{padding:40px 0px;}
.pro_l{width:240px; float:left;}
.pro_l h2{text-align:center; background:#f76060; line-height:50px; color:#fff; clear:both}
.pro_l ul{width:100%; background:#f8f8f8; margin-bottom:10px; padding-bottom:5px; float:left}
.pro_l ul li{width:100%; height:40px; line-height:40px; font-size:12px; text-indent:1.5em; float:left;}
.pro_l ul li a{display:block; color:#7b7b7b}
.pro_l ul li a:hover,.pro_l ul li a.active{background:#fff; color:#f76060}
.pro_r{width:820px; float:right;}
.rec_t{width:100%; height:34px; line-height:34px; border-bottom:#ddd 1px solid; float:left;}
.rec_t span{float:left; font-size:18px; color:#333; font-weight:bold;}
.rec_t a{float:right; color:#666; font-size:12px;}
.rec_m{width:100%; margin-top:30px; overflow:hidden; float:left;}
#scrollbox{width:100%; position:relative; float:left;}
#scrollbox li{width:210px; height:230px; margin:0px 20px; float:left;}
#scrollbox li img{width:208px; height:198px; border:#ddd 1px solid; float:left}
#scrollbox li p{text-align:center; line-height:28px; border:#f76060 1px solid; color:#666; font-size:12px; clear:both}
.zx_t{width:100%; height:32px; line-height:32px; color:#fff; margin-top:30px; background:url(../images/intro_t.png) no-repeat top center; border-top:#ddd 1px solid; text-align:center; float:left}
.zx_d{width:100%; padding-top:5px; float:left;}
.zx_d li{width:185px; height:176px; margin:20px 10px 0px; position:relative; float:left}
.zx_d li img{width:183px; height:174px; border:#ddd 1px solid;}
.zx_d li p{position:absolute; left:0px; bottom:0px; width:100%; height:30px; line-height:30px; text-align:center; color:#fff; background:url(../images/white.png) repeat; font-size:12px;}
.exp{display:none;}
.case h2{height:32px; line-height:32px; color:#333; border-bottom:#dcdcdc 1px solid; clear:both;}
.case h2 span{float:left;}
.case h2 a{float:right; font-size:12px; font-weight:normal; color:#666;}
.case ul{width:100%; margin-top:25px; float:left;}
.case ul li{float:left; margin-right:1px;}
.case ul li a{width:100%; height:100%; position:relative; display:block;}
.case ul li a p{display:none; position:absolute; left:0px; top:0px; background:url(../images/black.png) repeat; width:100%; height:50%; padding-top:48%; text-align:center; color:#fff;}
.case ul li a:hover p{display:block;}
.case ul li#wid1{width:365px; height:351px;}
.case ul li#wid1 img{width:100%; height:100%;}
.case ul li#wid2{width:180px; margin-bottom:1px;}
.case ul li#wid2 img{width:100%; height:175px; margin-bottom:1px;}
.adv{width:100%; height:190px; background:url(../images/adv_v2.jpg) no-repeat top center; margin:30px 0px; clear:both}
.intro_t{width:100%; background:url(../images/shadow.png) top repeat-x; margin-bottom:30px; text-align:center; clear:both}
.intro_t span{width:100px; height:32px; line-height:32px; display:block; margin:0 auto; font-weight:bold; background:url(../images/intro_t.png) no-repeat top center; color:#fff;}
.intro_l{width:300px; margin-right:20px; float:left;}
.intro_l img{width:300px; height:200px;}
.intro_z{width:310px; float:left;}
.intro_z h3{border-bottom:#dcdcdc 1px solid; height:45px; line-height:45px; color:#333; clear:both}
.intro_z div{padding-top:10px; height:120px; overflow:hidden; font-size:12px; line-height:24px; overflow:hidden;}
.intro_z a{color:#f76060; font-size:12px; line-height:24px; float:right;}
.honor{width:440px; float:right;}
.honor_t{width:100%; height:46px; line-height:46px; border-bottom:#dcdcdc 1px solid; float:left;}
.honor_t h3{float:left; color:#333;}
.honor_t a{float:right; font-size:12px; color:#f76060;}
.honor_m{width:280px; height:160px; padding-left:150px; margin-top:15px; background:url(../images/honor_bg.png) no-repeat left top; float:left}
#featureContainer{width:100%; float:left}
#feature{position:relative; text-align:center;}
#feature .prev{width:25px; background:url(../images/left.png) no-repeat; line-height:0px; position:absolute; left:0px; top:45px; font-size:0px; height:80px;}
#feature .next{width:25px; background:url(../images/right.png) no-repeat; line-height:0px; position:absolute; right:0px; top:45px; font-size:0px; height:80px;}
#feature .prev:hover{background:url(../images/left_hover.png) no-repeat;}
#feature .next:hover{background:url(../images/right_hover.png) no-repeat;}
.featureUL{position:relative; margin:0px; padding:0px; width:2800px; float:left; left:0px}
.featureBox{width:168px; float:left; overflow:hidden;}
#botton-scroll{z-index:0; width:100%; float:right;}
#block{z-index:0; position:relative; width:168px; overflow:hidden; margin:0 auto;}
#block img{width:166px; height:158px; border:#ddd 1px solid; float:left;}
.news_wrap{width:100%; padding:40px 0px; background:#f8f8f8; border-top:#ddd 1px solid; border-bottom:#f1f1f1 1px solid; clear:both;}
.infor{width:285px; height:240px; padding:0px 40px; border-right:#ddd 1px solid; float:left}
.infor_t{width:100%; float:left;}
.infor_t img{float:left;}
.infor_t h2{height:30px; line-height:30px; color:#333;}
.infor_t h4{height:25px; line-height:25px; color:#999; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
.infor_d{width:100%; padding-top:20px; float:left;}
.infor_d li{width:100%; height:32px; line-height:32px; font-size:12px; background:url(../images/jt.png) no-repeat left center; overflow:hidden; text-indent:2em; float:left;}
.infor_d li a{color:#666; display:block;}
.infor_d li a:hover{color:#f76060;}
.yq_link{padding:50px 0px;}
.yq_link img{float:left; margin-right:20px;}
.yq_link h2{height:52px; line-height:52px; text-indent:0.5em; color:#333;}
.yq_link p{height:30px; line-height:30px;}
.yq_link p a{color:#878787; padding:0px 10px; font-size:12px;}
.yq_link p a:hover{color:#f43434;}
.f_nav{width:100%; height:88px; line-height:88px; background:#f76060; color:#fff; clear:both;}
.f_nav li{width:137px; text-align:center; float:left;}
.f_nav li a{display:block; color:#fff}
.f_nav li a:hover{background:#f43434;}
.footer{width:100%; padding:30px 0px; color:#fff; font-size:12px; background:#675d68; clear:both}
.f_l{width:470px; line-height:46px; float:left;}
.f_z{float:left; padding-left:80px;}
.f_z h3{line-height:45px;}
.f_z p{line-height:30px; height:45px; font-size:12px; color:#fff}
.f_ss{width:255px; height:42px; border:#fff 2px solid; border-radius:3px; cursor:pointer; clear:both}
.f_ss_in{width:205px; height:42px; line-height:42px; background:none; border:none; color:#fff; text-indent:0.5em; float:left;}
.f_ss_btn{width:49px; height:42px; background:url(../images/ss_btn.png) no-repeat center; cursor:pointer; border:none; float:left;}
.f_r{float:right; padding-top:20px;}
.f_r li{width:150px; text-align:center; float:left;}
.f_r li img{width:120px; height:120px; float:left;}
.f_r li span{width:20px; padding:20px 5px; line-height:14px; text-align:center; background:url(../images/ewm_bg.png) no-repeat top center; font-size:12px; float:left}

/*about*/
.ny_banner{width:100%; height:300px; clear:both;}
#about{background:url(../images/about_banner.jpg) no-repeat top center;}
#pro{background:url(../images/pro_banner.jpg) no-repeat top center;}
#news{background:url(../images/news_banner.jpg) no-repeat top center;}
#case{background:url(../images/case_banner.jpg) no-repeat top center;}
#human{background:url(../images/human_banner.jpg) no-repeat top center;}
#book{background:url(../images/book_banner.jpg) no-repeat top center;}
#con{background:url(../images/con_banner.jpg) no-repeat top center;}

.ny_l{width:240px; float:left;}
.ny_t1{width:100%; height:50px; line-height:50px; text-indent:1.5em; color:#fff; font-size:18px; font-weight:bold; background:url(../images/ny_t1.png) no-repeat top center; clear:both}
.ny_sub{width:238px; border:#ddd 1px solid; margin-bottom:30px; border-top:none; border-bottom:none; float:left}
.ny_sub li{width:100%; height:50px; line-height:50px; border-bottom:#ddd 1px solid; text-indent:2em; float:left}
.ny_sub li a{color:#666; display:block; background:url(../images/sub_jt.png) no-repeat right center;}
.ny_sub li a:hover,.ny_sub li a.active{color:#f76060;}
.ny_t2{width:100%; height:50px; line-height:50px; text-indent:1.5em; color:#fff; font-size:18px; font-weight:bold; background:url(../images/ny_t2.png) no-repeat top center; clear:both}
.ny_new{width:208px; border:#ddd 1px solid; margin-bottom:30px; border-top:none; padding:15px; float:left}
.ny_new li{width:100%; height:30px; line-height:30px; overflow:hidden; float:left;}
.ny_new li a{color:#666; font-size:12px; background:url(../images/news_jt.png) no-repeat left center; padding-left:12px;}
.ny_new li a:hover{color:#f76060;}
.ny_r{width:830px; border:#ddd 1px solid; float:right}
.ny_rt{width:100%; height:58px; line-height:58px; border-bottom:#ddd 1px solid; background:#eee; clear:both}
.ny_rt h3{float:left; padding-left:30px; color:#ff443d}
.ny_rt span{float:right; font-size:12px; padding-right:30px;}
.ny_rt span a{color:#666;}
.ny_rd{width:790px; padding:20px; line-height:26px; float:left}

.honor_list{width:100%; clear:both;}
.honor_list li{width:176px; text-align:center; margin:0px 10px; float:left;}
.honor_list li img{width:166px; height:158px; padding:4px; border:#ddd 1px solid; float:left}
.honor_list li p{clear:both; height:40px; line-height:40px; color:#666;}
.honor_list li:hover p{color:#f76060;}

/*products*/
.pro_list{width:100%; clear:both;}
.pro_list li{width:246px; margin:0px 8px 5px; text-align:center; float:left;}
.pro_list li img{width:240px; height:228px; padding:2px; border:#ddd 1px solid; float:left;}
.pro_list li p{height:35px; line-height:35px; color:#666; clear:both}
.pro_list li:hover p{color:#f76060;}

/*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:#ff443d;}
.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:#ff443d; color:#fff;}
.news_bdx{width:100%; float:left; margin-top:5px;}
.news_bdx ul{overflow:hidden; text-indent:0;}
.news_bdx li{width:100%; height:35px; line-height:35px; border-bottom:#ddd 1px dashed; float:left;}
.news_bdx li a{line-height:35px; padding-left:12px; float:left; color:#666;}
.news_bdx li a:hover{color:#ff443d;}
.news_bdx li span{color:#999;  padding-right:12px; float:right; font-size:12px;}

/*contact*/
.lxfs{width:300px; float:right;}
.lxfs h3{line-height:40px; clear:both}
.lxfs p{line-height:30px; clear:both}
.lxfs ul{margin-top:20px;}
.lxfs ul li{width:105px; text-align:center; margin-right:20px; float:left;}
.lxfs ul li img{width:100px; height:100px; border:#ddd 1px solid; padding:2px; float:left;}

.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: 20px;
    height: 24px;
    line-height: 22px;
    margin-top: 8px;
    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:#f76060;
    height: 56px;
    margin-bottom: 1px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    width: 77px; float:left;
}