@charset "utf-8";
/* CSS Document */
body{margin:0 auto;padding:0;font-size:12px;font-family:"微软雅黑";color:#666666;}
ul,li,dl,dt,dd,form,h1,h2,h3,h4,p,tr,td,th{margin:0px;padding:0px}
li {list-style-type:none}
img{border:0}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.clearfix{*zoom:1}
.clear{clear:both}
a{color:#666666;text-decoration:none;outline:none}
a:hover{color:#c7282d;text-decoration:none}
a:active{star:expression(this.onFocus=this.blur())}
body,html{overflow-x:hidden}

body{background: #fff;}
.fl{ float:left;}
.fr{ float:right;}
.w{ width:960px; margin:0 auto;}

.header{height:175px;background:url(../images/header.gif) repeat-x; position: relative; z-index: 5;}
.header .dao{ height: 27px;}
.header .dao .hy{ float:left; height: 27px;line-height: 27px;font-family: '宋体'; color: #999999;}
.header .dao .link{ float: right; width:500px; text-align: right; height: 27px; color: #999999;} 
.header .dao .link a{ height:27px; line-height: 27px; display: inline-block; padding-left: 15px; padding-right: 15px;}
.header .dao .link .wb1{ background: url(../images/weibo.gif) no-repeat 15px; padding-left: 40px;}
.header .dao .link .wb2{ background: url(../images/weibo2.gif) no-repeat 15px; padding-left: 40px; padding-right: 0px;}
.header .locate{ height: 108px;}
.header .logo{width:500px; float:left; padding-top: 32px;}
.header .tel{ width: 187px; float: right; background: url(../images/tel.gif) no-repeat 0px 5px; margin-top: 26px; height: 60px; padding-left:39px; text-align: center; color: #999999;}
.header .tel span{ font-family: impact; font-size: 26px; color: #c7282d;}

.nav{height:40px;}
.nav li{ float:left; width:118px; padding-left:2px; text-align:center; background:url(../images/navli.png) no-repeat left; height:40px;position:relative;}
.nav li a{width:118px; height:40px; display:inline-block; line-height:40px; font-size:16px;font-family:"微软雅黑";color: #fff;}
.nav li a:hover,.nav li .hover,.nav li .fill{text-decoration:none; background: url(../images/navhover.png) no-repeat bottom center;color: #fff;}
.nav li.bg{ background:none;}
.nav ul li ul{width:118px; background: url(../images/navxul.png); overflow:hidden; display:none; position:absolute; top:40px; left:2px; padding-top: 8px; padding-bottom: 12px;}
.nav ul li ul li{ width:118px; height:38px; background:url(../images/navxli.png) no-repeat bottom center;;padding:0px; overflow:hidden;}
.nav ul li ul li a{ width:118px; height:38px;line-height:38px; font-size:12px; font-family: '宋体';}
.nav ul li ul li a:hover{ color: #c2272c; background: none;}

.banner { width:100%; height:433px; position:relative; z-index:1; border-bottom: 5px solid #dddddd;}
.banner .scroll { overflow:hidden; width:100%; height:433px;}
.banner .scroll ul { width:500%; height:433px; }
.banner .scroll li { width:100%; height:433px; float:left;}
.banner .scroll img { width:100%; height:433px;}
.banner .tip {position:absolute; height:32px; width:960px; left:50%; margin-left:-480px; bottom:20px; text-align:right; }
.banner .tip em {display:inline-block;width:26px; background: #fff; height:26px; text-align:center; font-style:normal; overflow:hidden; line-height: 26px; cursor:pointer; margin-left: 5px;color: #333;}
.banner .tip em.cur { background:#c6242a; color: #fff;}

.ss{ height: 125px;}
.ss .key{ float: left; width: 460px; height: 125px; line-height: 125px; font-size: 14px; color: #333333;}
.ss .key a{color: #333333; padding-right: 22px;}
.ss .key a:hover{ text-decoration: underline;}
.ss .search{width:454px; height:38px; float:right; margin-top: 45px;}
.ss .search_form{width:324px;height:30px; float:left; overflow:hidden;padding-left:3px;margin-right:3px;}
.ss .search_form input{ border:0;background:transparent;height:38px;line-height:38px;width:330px; padding-left:7px;vertical-align:middle; font-size: 14px;font-family:"微软雅黑"; color: #666;}
.ss .search_btn{float:left;width:100px;height:36px; display:inline;background:#9C9C9C;border:1px solid #666;border-radius:4px;color:#fff;padding:5px 15px;*padding:5px 15px 4px 15px;cursor:pointer;font-size:14px;}
.ss .search_btn .pushbutton{background:transparent;border:0px;width:117px;height:38px; cursor: pointer; }

.porduct{ border-top: 1px solid #828282; height: 624px;}
.porduct .type{ border: 1px solid #bcbcbc; border-top: none; width: 225px; float: left;}
.porduct .tit{ height:99px; padding-top: 40px; line-height: 24px; text-align: center;}
.porduct .tit a{font-size: 18px; color: #333333;}
.porduct .tit span{ font-size: 16px; text-transform: uppercase; color: #333333;}
.porduct .title{ height:436px; background: url(../images/cptt.gif) repeat-x;}
.porduct .title li{ height: 83px; padding-top: 26px; line-height: 24px; text-align: center;}
.porduct .title li.hover{ background: url(../images/cptthover.png) no-repeat 210px; cursor: pointer;}
.porduct .title a{font-size: 18px; color: #fff;}
.porduct .title a:hover{ text-decoration: underline;} 
.porduct .title span{ font-size: 16px; text-transform: uppercase; color: #fff;}
.porduct .moblb{ width: 723px; float: right; overflow: hidden; padding-top: 22px;}
.porduct .item {width:215px;height: 161px;overflow: hidden; position: relative;float: left; margin-right: 18px; margin-left: 8px; display: inline; margin-bottom: 28px;}
.porduct .item img {border: 0;position: absolute;}
.porduct .item .caption {width: 215px;height: 113px; position: absolute;left: 0;padding-top: 48px; background: url(../images/dianbg.png); display: none;}
.porduct .item .caption .tt{ font-size: 14px; color: #ffffff; width: 215px; text-align: center; height:46px; line-height: 46px; display: inline-block;}
.porduct .item .caption p{ height: 29px; background: url(../images/more.png) no-repeat top center; line-height: 29px; padding-left: 93px;}
.porduct .item .caption p a{ color: #fff; font-family: '宋体';}

.custom{ height: 575px; background: url(../images/custom.gif) #d83237 no-repeat top center;}
.custom .dztit{ text-align: center; padding-top: 59px; height: 206px;}
.custom .dzon{ height: 124px; padding-left: 107px; margin-bottom: 1px;}
.custom .dzon dd{ width: 142px; height: 124px; float: left; margin-right: 58px; display: inline; overflow: hidden;}
.custom .dznext{height: 124px; padding-left: 6px;}
.custom .dznext dd{width: 142px; height: 124px; float: left; overflow: hidden;}
.custom .dznext dd.fj{ margin-right: 58px; display: inline;}
.custom dd img{width:142px; height:124px; display:block;}
.custom dd img:hover{-webkit-transition: -webkit-transform 0.8s ease-out; -moz-transition: -moz-transform 0.8s ease-out; transition: transform 0.8s ease-out; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg); cursor: pointer;}

.about{ background: #ffffff;}
.about .more{ height:94px; padding-top: 6px; background: url(../images/more-bg.gif) no-repeat top center; text-align: center;}
.about .more a{ font-size: 14px; color: #ffffff; height: 35px; display: inline-block;}
.about .abox{ height: 358px;}
.about .pic{ width:275px; float:left; height:289px; overflow:hidden; background: url(../images/about-bg.gif) no-repeat; padding-top: 15px;}
.about .pic img{ width:259px; height:289px; display:block;}
.about .pic img:hover{-webkit-transition: -webkit-transform 0.8s ease-out; -moz-transition: -moz-transform 0.8s ease-out; transition: transform 0.8s ease-out; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg); cursor: pointer;}
.about .info{ width:620px; float:right;}
.about .title{ height:48px; background:url(../images/aboutt.gif) repeat-x; margin-bottom: 20px;}
.about .title li{ width: 174px; float: left; height:48px; line-height: 40px; text-align: center; }
.about .title li a{ font-size:18px; color: #403e3f;}
.about .title li.hover{ background: url(../images/abouthover.gif) no-repeat;}
.about .title li.hover a{ color: #fff;}
.about .mobcomt{ line-height:30px; font-size: 14px; padding-left: 18px; padding-right: 18px;}
.about .mobcomt a{ color:#d03631;}
.about .mobcomt p{ padding-top: 20px; line-height:30px; }
.about .mobcomt p a{ color: #c7282d;}

.news{ background: #bfbfbf; padding-top: 30px; padding-bottom: 40px;}
.news .xwlb{ width: 624px; float: left; padding-top: 20px;}
.news .title{height:51px; background: url(../images/newstt.gif) no-repeat; padding-right: 20px;}
.news .title span{ width: 175px; display: inline-block; float: left; height: 42px; line-height: 42px; text-align: center; font-size: 18px; color: #fff;}
.news .title a{ height: 42px; line-height: 42px; float: right; display: inline-block; font-size: 14px; color: #fff;}
.news .mbolist li{height:16px;line-height:16px; padding-right: 6px; margin-top: 26px;}
.news .mbolist li a{color:#4a4a4a; font-size: 14px;}
.news .mbolist li a:hover,.news .mbolist li:hover a{color:#c7282d;}
.news .mbolist li .fl{border-left:1px solid #4a4a4a; padding-left: 15px;}
.news .mbolist li .fr{ font-size: 14px;}

.lxwm{ width: 237px; float: right; height: 270px; background: url(../images/lxwm-bg.gif) no-repeat; line-height: 40px; padding: 35px 0px 0px 38px; font-size: 14px;}
.lxwm strong{ color: #c7282d; font-size:16px; font-weight: normal;}

/* page style 分页*/
.nybanner{ height:228px;border-bottom: 5px solid #dddddd;}

.nymian{ padding-top: 40px;}
.subleft{ width: 225px; float: left;}
.subleft .subtit{ height: 40px; line-height: 40px; text-align: center; background: #c7282d; font-size: 16px; color: #fff;}
.subleft .subtit span{ font-size: 26px; padding-right: 8px;}
.subleft .typelist{ padding-top: 5px; padding-bottom: 20px;}
.subleft .typelist li{height:auto; border-bottom: 2px dashed #fff;}
.subleft .typelist li a{ width:190px; padding-left: 35px; display:block;height:40px;background:url(../images/typelist.gif) no-repeat; line-height:40px; font-size: 14px; color:#403e3f;}
.subleft .typelist li a:hover,.subleft .typelist li .hover{color:#c7282d; text-decoration:none; background:url(../images/typehover.gif) no-repeat;}

.subleft .typelist .two li a{ width:190px;  display:block;height:40px;text-indent:20px;background:none;background-color:#eee; line-height:40px; font-size: 14px; color:#403e3f;}
.subleft .typelist .two li a:hover,.subleft .typelist .two li a.hover{color:#c7282d; text-decoration:none; background:url(../images/typehover.gif) no-repeat;}

.subleft .nylx{ height: 40px; background: url(../images/nylxbg.gif) no-repeat; padding-top: 75px; line-height: 24px; padding-left: 68px; font-size: 14px;}
.subleft .nylx span{ font-size: 20px;}
.subleft .search{height:31px;margin-top: 18px;}
.subleft .search_form{width:165px;height:27px; float:left; overflow:hidden;border:1px solid #ddd;padding-left:3px;margin-right:3px;}
.subleft .search_form input{ border:0;background:transparent;height:31px;line-height:31px;width:166px; padding-left:7px;vertical-align:middle; font-size: 14px;font-family:"微软雅黑"; color: #666;}
.subleft .search_btn{float:right;width:52px;height:30px; display:inline;background:#9C9C9C;border:1px solid #666;border-radius:4px;color:#fff;padding:5px 5px;cursor:pointer;font-size:14px;}
.subleft .search_btn .pushbutton{background:transparent;border:0px;width:52px;height:31px; cursor: pointer; }

.subright{ width: 700px; float: right;}
.comCrumb{height:48px; background: url(../images/aboutt.gif) repeat-x; padding-right: 15px; margin-bottom:15px;}
.comCrumb .nav_title{ width: 174px; height:48px;line-height:40px; text-align: center;background: url(../images/abouthover.gif) no-repeat; font-size: 18px; color: #fff;float: left;}
.comCrumb .nav_route{float:right; height:48px;line-height:40px;}

.prodlist{}
.prodlist li{width:215px; height:161px; overflow: hidden; float:left; position: relative;margin-left: 11px;margin-right: 5px; display:inline; margin-top: 15px; margin-bottom: 15px;}
.prodlist li img{width: 215px; height: 161px; display:block; vertical-align: middle; transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
image-rendering: optimizequality;}
.prodlist li img:hover{-webkit-transform: scale(1.1); transform: scale(1.1);}
.prodlist li .tit{ width:215px; height:29px; line-height:29px; display:inline-block; background:url(../images/pordspan.png) repeat-x; font-size: 14px;color: #fff;position: absolute; bottom: 0; left: 0; text-align: center;}

.page {display:block;height:25px; margin:20px auto; text-align:center;}
.page a,.page span {background:#ffffff;border:1px solid #e6e7e7;color:#333333;display:inline-block;height:auto;line-height:18px;margin:0px 0px 0px 8px;padding:3px 6px;width:auto;}
.page a:hover,.page .cur {background:#df0607;border-color:#df0607;color:#f7efff;text-decoration: none;}

.newslist{ height: auto;}
.newslist .newsbox{ height: 72px;  background: url(../images/newslist.gif) no-repeat left; padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #bfbfbf; padding-left: 14px; padding-right: 14px;}
.newslist .newsbox h3{ height: 30px; line-height: 22px;}
.newslist .newsbox h3 a{ font-size: 14px; color: #403e3f; font-weight: normal; float: left;}
.newslist .newsbox h3 a:hover{ color: #c7282d;}
.newslist .newsbox h3 span{ float: right; color: #999999;font-weight: normal;}
.newslist .newsbox p{ line-height: 18px;}

.sunping{padding:12px 0;}
.sunping h1{font-size:20px; color: #333; line-height:40px;margin-bottom:10px;text-align:center;}
.articleMessage {color:#999;height:36px;line-height:36px;text-align: center; margin-bottom:15px;border-bottom:1px dashed #dadada;}
.articleMessage span{padding-right:20px;}
.deseditor{}
.preNext{ border-top:1px dashed #dadada;border-bottom:1px dashed #dadada; height:21px; line-height:21px; padding-top:8px; margin-top:20px; padding-left:5px; padding-right:5px; padding-bottom:8px;}

/* 表单验证 */
.formData { width:100%; margin:0px auto; }
.formData tr.item label { margin-right:5px; }
.formData tr.item .tip { width:130px; margin-left:20px; }
.formData tr.item input, .formData tr.code input { width:250px; height:25px; line-height:25px; color:#666; border:1px solid #ccc !important;  border-radius:3px; padding:0 5px;  }
.formData tr.item textarea { width:250px; height:80px; color:#666; border:1px solid #ccc; margin-bottom:15px; border-radius:3px; padding:0 5px; }
.formData tr.item input:focus, .formData tr.code input:focus, .formData tr.item textarea:focus { border:1px solid #ee5579 !important;  border-radius:3px; }
.formData tr.code input { width:90px; }
.formData .sub { width:102px; height:32px; line-height:32px; color:#fff; text-align:center; background:#c7282d 0 0 no-repeat; border:none; margin-right:10px; cursor:pointer; }
.formData tr.code img { vertical-align:middle; *vertical-align:0; margin-left:10px; }
.formData .err, .formData .red { color:#ee5579; }
.formData .red { font-size:16px; line-height:16px; font-weight:700; margin-right:5px; }

.rightDiv{width:148px; overflow-x: hidden; overflow-y: hidden; position: absolute; right:0px; z-index:10; top:159px;}
.rightDiv .pftit{ height:70px; background: url(../images/qq1.png) no-repeat;}
.rightDiv .pfone{ width:29px; height:29px; background:url(../images/qq6.png) no-repeat; overflow:hidden; position:absolute; left:68px; top:49px; cursor: pointer;}
.rightDiv .pfcmt{ height: auto; padding-top: 10px; background: url(../images/qq2.gif) repeat-y;}
.rightDiv .phone{ height: 55px; padding-top: 10px; padding-left: 9px; background: url(../images/qq3.gif) no-repeat 9px 0px;}
.rightDiv .phone span{ width: 125px; line-height: 20px; text-align: center; display: inline-block; font-family: '微软雅黑'; font-size: 14px; color: #c7282d;}
.rightDiv .phone span font{ font-size: 16px;font-family: impact; }
.rightDiv .qq{height: 65px; padding-left: 9px; background: url(../images/qq3.gif) no-repeat 9px 0px;}
.rightDiv .qq a{height:59px;background: url(../images/qq4.gif) no-repeat 20px; display:inline-block; line-height: 59px; padding-left: 60px; font-family: '微软雅黑'; font-size:14px; color: #c7282d;}
.rightDiv .qrcode{ height: 96px; padding-left: 31px; padding-top: 16px; background: url(../images/qrcode.jpg) no-repeat 9px 6px;}
.rightDiv .returnTop{ height: 78px; background: url(../images/qq5.png) no-repeat; position: relative;}
.rightDiv .returnTop a{ width: 148px; height: 53px; display: block;}

/*-----footer-----*/
.links{ padding-top: 20px;}
.links .tit{ width: 109px; line-height: 28px; text-align: center; float: left; font-size: 24px; color: #403e3f;}
.links .tit span{ width: 109px; height: 28px;line-height: 28px; display: inline-block; background: #222222;font-size: 16px; color: #bfbfbf;}
.links .mbolb{ width: 824px; float:right; line-height: 28px;padding-top:27px;}
.links .mbolb a{ font-size: 14px; padding-right: 36px;}

.footer{background: url(../images/footer.gif) repeat-x; padding-top: 25px; padding-bottom: 20px; margin-top: 20px;}
.footer .baseinfo{ height: 48px; line-height: 24px; position: relative;}
.footer .dblink{ width: 120px; height: 24px; line-height: 24px; position: absolute; right: 0; bottom: 0;}