@charset "utf-8";
/* CSS Document */
*{padding:0px; margin:0px;}
html{min-width:1200px;}
body,ul,li,img,h1,h2,a,input,textarea,button{margin:0px; padding:0px}
body{color:#333; font-size:12px; font-family:"微软雅黑";}
ul,li{list-style:none}
img{vertical-align:middle;border:none}
a,a:hover{text-decoration:none;}
h1{font-size:24px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:14px;}
.clear{clear:both; zoom:1; font-size:0px; height:0px; line-height:0px}
.w{width:1200px; margin:0 auto; clear:both}
.l{float:left;}
.r{float:right;}
.head{height:88px}
.menu{width:660px; border-left:#e7e7e7 1px solid; margin-left:30px; float:left;}
.mainlevel{width:93px; /*IE6 only*/ height:88px; border-right:#e7e7e7 1px solid; text-align:center; position:relative; z-index:99999; float:left;}
.mainlevel a{width:93px; height:88px; display:block; font-size:14px; color:#333; margin-left:0px;}
.mainlevel a img{padding-top:15px;}
.mainlevel a p{line-height:30px; clear:both}
.mainlevel a img.img1{display:block; margin:0 auto;}
.mainlevel a img.img2{display:none}
.mainlevel a:hover img.img1{display:none}
.mainlevel a:hover img.img2{display:block; margin:0 auto;}
.mainlevel a:hover,.mainlevel a.active{color:#d7262e}
.mainlevel a.active img.img1{display:none}
.mainlevel a.active img.img2{display:block; margin:0 auto;}
.mainlevel ul{width:93px; display:none; position:absolute; padding:10px 0px; left:0px; background:#d7262e; 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:#e5464d; font-weight:normal; color:#fff;}
.phone{float:right; padding-top:10px;}
.phone p{line-height:35px; clear:both}
.phone p img{vertical-align:middle; padding:0px 5px;}
.phone li{width:95px; height:28px; text-align:center; line-height:28px; margin-left:6px; border:#ddd 1px solid; border-radius:3px; position:relative; cursor:pointer; float:left;}
.phone li .ewm{position:absolute; display:none; left:0px; top:35px; z-index:999; width:100px; height:100px;}
.phone li:hover .ewm{display:block;} 
.phone li:hover{background:#ff9900; border:#ff9900 1px solid; color:#fff;}
.phone li img.img1{display:inline-block}
.phone li img.img2{display:none}
.phone li:hover img.img1{display:none}
.phone li:hover img.img2{display:inline-block;}
#full-screen-slider{width:100%; height:480px; position:relative; z-index:0; overflow:hidden;}
#slides{display:block; width:100%; height:480px; list-style:none; padding:0; position:relative}
#slides li{display:block; width:100%; height:480px; list-style:none; padding:0; margin:0; position:absolute; left:0px;}
#slides li a{display:block; width:100%; height:480px; text-indent:-9999px}
#pagination{display:block; list-style:none; position:absolute; left:50%; bottom:30px; height:10px; z-index:999; padding:5px 15px 5px 0; margin:0}
#pagination li{display:block; list-style:none; width:18px; height:18px; float:left; margin-left:15px; background:url(../images/hd_off.png) no-repeat;}
#pagination li a{display:block; width:100%; height:18px; padding:0; margin:0; cursor:pointer; text-indent:-999em;}
#pagination li.current{background:url(../images/hd_on.png) no-repeat;}
.product{width:1200px; padding:40px 0px; text-align:center; margin:0 auto; clear:both}
.product h1{font-weight:normal; height:80px; color:#333; clear:both}
.product li{width:23.3%; padding:0px 5%; float:left;}
.product li img{padding-bottom:10px;}
.product li h2{line-height:45px; color:#333; clear:both}
.product li p{height:80px; line-height:24px; color:#999; overflow:hidden; clear:both;}
.product li span{color:#d7262e; line-height:24px;}
.cate{width:100%; clear:both;}
.cate li{width:12.5%; float:left;}
.cate li img{width:100%; display:block;}
.intro{width:100%; text-align:center; background:url(../images/intro_bg.png) no-repeat top center; margin:50px 0px; clear:both}
.intro h2{font-weight:normal; color:#000; padding-top:40px; line-height:45px;}
.intro h1{font-size:30px; color:#333; font-weight:normal;}
.intro ul{width:640px; height:160px; padding:50px 0px; margin:0 auto; clear:both}
.intro ul li{width:33.3%; background:url(../images/line.jpg) no-repeat right center; float:left;}
.intro ul li img{padding:10px 0px;}
.intro ul li h4{color:#999; line-height:40px; font-weight:normal; clear:both}
.intro ul li p{font-family:Arial, Helvetica, sans-serif; color:#ddd; text-transform:uppercase; clear:both}
.intro div{width:770px; margin:0 auto; line-height:30px; font-size:14px; color:#999; clear:both}
.news{width:100%; padding:30px 0px; background:#f5f5f5; clear:both}
.news h1{font-size:30px; font-weight:normal; text-align:center; color:#333; clear:both}
.news p{line-height:40px; font-size:14px; color:#999; text-align:center;}
.list{width:385px; float:left}
.list h2{line-height:55px; font-weight:normal; font-size:20px; clear:both}
.list img{width:385px; height:155px; margin-bottom:10px;}
.list li{width:100%; height:28px; line-height:28px; float:left}
.list li a{color:#666; font-size:14px; display:block;}
.list li a:hover{color:#d7262e;}
.more{width:80px; height:30px; line-height:30px; font-size:14px; border-radius:3px; margin-top:8px; border:#d7262e 1px solid; color:#d7262e; display:inline-block; text-align:center;}
.mar20{margin-right:20px;}
.reserve{width:100%; padding:30px 0px; clear:both;}
.reserve h2{font-size:36px; font-weight:normal; text-align:center; color:#333; clear:both}
.reserve p{font-size:16px; color:#333; line-height:40px; margin-bottom:20px; text-align:center; clear:both}
.yy{width:860px; margin:0 auto;}
.yy span{width:85px; line-height:38px; text-align:right; color:#555; font-size:14px; float:left}
.yy span i{color:#ff2e3d;}
.yy_v1{width:375px; height:40px; margin:0px 25px 20px; float:left;}
.tj_in{width:278px; height:38px; line-height:38px; border:#ddd 1px solid; float:left}
.yy_v2{width:820px; padding-left:25px; margin-bottom:20px; float:left;}
.tj_area{width:703px; height:110px; border:#ddd 1px solid; float:left;}
.tj_btn{width:330px; height:55px; line-height:45px; color:#fff; text-align:center; border:none; display:block; background:#d7262e; font-size:24px; margin:0 auto; cursor:pointer; clear:both}

/*about*/
.ny_banner{width:100%; height:200px; background:url(../images/ny_banner.jpg) no-repeat top center; clear:both;}
.ny{width:1180px; padding:0px; background:#fff; margin:0px auto 0px; clear:both}
.ny_t{width:100%; height:90px; border-bottom:#eee 1px solid; clear:both;}
.bt{float:left;}
.bt h2{font-size:24px; line-height:36px; color:#333; font-weight:normal; clear:both}
.bt h3{font-size:24px; line-height:25px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#999; clear:both}
.pos{float:right; color:#bbb; line-height:60px; font-size:12px;}
.pos img{vertical-align:middle; padding-right:5px;}
.pos a{color:#bbb;}
.sub{width:100%; height:50px; line-height:50px; margin-top:18px; clear:both;}
.sub li{width:110px; text-align:center; margin-right:1px; font-size:13px; float:left}
.sub li a{display:block; background:#e8e8e8; color:#999;}
.sub li a:hover,.sub li a.active{background:#b53a31; color:#fff;}
.ny_del{line-height:24px; margin-top:20px; clear:both}

/*news*/
.xw_l{width:870px; float:left;}
.xw_l dl{width:100%; height:123px; margin:10px 0px; clear:both;}
.xw_l dl dt{width:145px; height:115px; background:#0056D6; font-family:Arial, Helvetica, sans-serif; text-align:center; color:#fff; float:left}
.xw_l dl dt h2{line-height:32px; padding-top:30px; font-size:48px; clear:both;font-family: cursive;}
.xw_l dl dt p{line-height:40px; clear:both;font-size:16px;}
.xw_l dl dd{width:703px; height:93px; padding:10px; border:#e4e4e4 1px solid; float:left;text-align:left;}
.xw_l dl dd a{width:100%; height:40px; line-height:40px; color:#222; overflow:hidden; float:left;font-size: 18px; font-weight:bold;text-decoration:none}
.xw_l dl dd p{color:#777; line-height:20px; overflow:hidden; font-size:12px; clear:both}
.xw_l dl:hover dd a{color:#ff6600;}
.xw_r{width:275px; margin-top:10px; float:right;}
.xw_r img{margin-bottom:10px;}

/*honor*/
.honor{margin-top:30px; margin-left:-8px; clear:both}
.honor li{width:283px; height:258px; text-align:center; margin:0px 9px 10px; float:left}
.honor li img{width:283px; height:215px; float:left;}
.honor li p{line-height:44px; text-indent:1em; color:#666; clear:both}
.honor li:hover p{color:#b53a31;}

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

.pf{width:58px; height:362px; position:fixed; right:20px; top:150px; z-index:999;}
.pf li{width:100%; position:relative; float:left;}
.pf li img{float:left;}
.pf li a{cursor:pointer;}
.abs{position:absolute; width:120px; height:120px; right:60px; top:0px; display:none}
.pf li:hover .abs{display:block;}

.product li div{
	position: relative;
	width: 70px;
	height: 70px;
	margin: 0 auto;
}
.product li div img{
	position: absolute;
	top: 0;
	left: 0;
}
.product li div .mask{
	display: none;
}
.product li:hover .mask{
	display: block;
}

.header .ui-list ul li a .on,
.header .ui-list ul li:hover {
    border-bottom: 2px solid #d91717
}

.ui-main-width {
    width: 1200px;
    margin: auto;
    position: relative
}

.ui-container {
    position: relative;
    height: auto;
    overflow: hidden;margin-top: 30px; margin-bottom:50px
}

.ui-container .ui-nav {
    width: 224px;
    height: auto;
    overflow: hidden
}

.ui-container .ui-nav .ui-nav-list {
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: #ccc;
    margin-bottom: 24px
}

.ui-container .ui-nav .ui-nav-list .ui-nav-logo {
    background-color: #0056D6;
    padding: 22px 47px;
    overflow: hidden;color: #fff;
    font-size: 24px;
}

.ui-container .ui-nav .ui-nav-list .ui-nav-li.active,
.ui-container .ui-nav .ui-nav-list .ui-nav-li:hover {
    padding-right: 6px
}

.ui-container .ui-nav .ui-nav-list .ui-nav-li {
    height: 50px;
    background-color: #2971DD;
    border-bottom: 1px solid #fff;
    transition: all .3s;
    position: relative
}

.ui-container .ui-nav .ui-nav-list .ui-nav-li.active a {
    color: #d91717
}

.ui-container .ui-nav .ui-nav-list .ui-nav-li.active a:after {
    width: 6px
}

.ui-container .ui-nav .ui-nav-list .ui-nav-li:last-child {
    border-bottom: none
}

.ui-container .ui-nav .ui-nav-list .ui-nav-li a {
    display: inline-block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 14px;text-decoration: none; font-size:16px
}

.ui-container .ui-nav .ui-nav-list .ui-nav-li a:after {
    width: 0;
    height: 50px;
    content: "";
    background-color: #FD880E;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    transition: all .3s
}

.ui-container .ui-nav .ui-nav-list .ui-nav-li:hover a {
    color: #ffffff
}

.ui-container .ui-nav .ui-nav-list .ui-nav-li:hover a:after {
    width: 6px
}

.ui-container .ui-text {
    width: 918px;
    height: auto;
    overflow: hidden;
    position: relative;margin-top: 22px;
}

.ui-container .ui-text .ui-title {
    border-bottom: 1px solid #b5b5b5;text-align: left;
}

.ui-container .ui-text .ui-title .h {
    display: inline-block;
    font-size: 24px;
    padding-bottom: 17px;
    border-bottom: 3px solid #b5b5b5
}

.ui-container .ui-text .ui-title .bread {
    font-size: 14px;
    position: relative;
    top: 9px
}

.ui-container .ui-text .ui-title .bread a {
    color: #000;text-decoration: none;
}

.ui-container .ui-text .ui-title .bread a:hover {
    color: #950000
}

.ui-container .ui-text .ui-content {
    padding-top: 30px;text-align: left;
}

.ui-container .ui-text .ui-content p {
    line-height: 27px;
    font-size: 14px
}