@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
BODY {FONT:13px/1.75 "Microsoft YaHei", arial,sans-serif; COLOR: #666;  background:#fff;min-width: 1244px; overflow-x: hidden;}
A {COLOR: #666; TEXT-DECORATION: none}
P{COLOR: #333;}
A:hover {TEXT-DECORATION: none}
A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none}
DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
EM {FONT-STYLE: normal; FONT-WEIGHT: normal}
TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.cl{HEIGHT: 0px; CLEAR: both;}
.jz{margin:0 auto;}
.fl{FLOAT: left}
.fr{FLOAT: right}
.container{width:1200px; margin:0 auto}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-r{text-align: right;}
.col-white{color: #fff;}
/* CSS Document */


/*公共头部*/
.head{height: 120px; }
.logo{padding-top: 32px; margin-right: 128px;}
.search {padding-top: 32px}
.search .search-text{width: 290px; height:28px; padding-left: 9px;  border:solid 1px #aa1513; border-right: none; color: #888; font-size: 12px; font-family: '微软雅黑'; outline: none;line-height: 28px; margin-bottom: 10px;}
.search .search-btn{ width: 40px; height:30px; background: url(../images/bt.png)no-repeat center #aa1513;border: 0px; cursor: pointer;outline: none;}
.search ul{}
.search ul em{font-size: 13px; line-height: 13px; color: #333;}
.search ul li{float: left; margin-right: 8px;}
.search ul li a{display: block; font-size: 13px; line-height: 13px; color: #666; }
.search ul li:hover a{ color:#aa1513; }
.head-tel{padding-top: 28px;}
.head-tel-icon{background: url(../images/head-tel-icon-bg.png) no-repeat right center; text-align: right; padding-right: 49px; margin-bottom: 9px;}
.head-tel-icon em{display: block; font-size: 13px; line-height: 13px; color: #333; padding-top: 6px; margin-bottom: 6px;}
.head-tel-icon span{display: block; font-size: 13px; line-height: 13px; color: #333; font-family: arial;}
.head-tel p{display: block; font-size: 13px; line-height: 14px; color: #333;}
.head-tel p b{font-size: 18px; font-weight: bold; font-family: arial;}


.nav{background: #aa1513; height: 50px;}
.nav ul li{float: left; position: relative; width: 171px;}
.nav ul li a{display: block; font-size: 16px; line-height: 50px; color: #fff; text-align: center;}
.nav ul li:hover>a{background: #240807; } 
.nav ul li.on>a{background: #240807;}
.nav ul li .hide{background-color: #fff;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);float: left;font-size: 14px;left: 0px;display: none;min-width: 171px;opacity: 0.95;position: absolute;text-align: center;z-index: 10000;}
.nav ul li .hide em a{display:block; font-size: 15px;line-height:35px;font-weight: normal; text-align:center; height:35px; color: #333;}
.nav ul li .hide em a:hover{background: #fff; color: #aa1513; transition:background-color 0.3s linear; -moz-transition:background-color 0.3s linear;-webkit-transition:background-color 0.3s linear;-o-transition :background-color 0.3s linear;}

.navfixed{background: rgba(170,21,19,0.8); height: 50px; position: fixed; top: 0px; z-index: 111;width: 100%;}
.navfixed ul li{float: left; position: relative; width: 171px;}
.navfixed ul li a{display: block; font-size: 16px; line-height: 50px; color: #fff; text-align: center;}
.navfixed ul li:hover>a{background: #240807; } 
.navfixed ul li.on>a{background: #240807;}
.navfixed ul li .hide{background-color: #fff;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);float: left;font-size: 14px;left: 0px;display: none;min-width: 171px;opacity: 0.95;position: absolute;text-align: center;z-index: 10000;}
.navfixed ul li .hide em a{display:block; font-size: 15px;line-height:35px;font-weight: normal; text-align:center; height:35px; color: #333;}
.navfixed ul li .hide em a:hover{background: #fff; color: #aa1513; transition:background-color 0.3s linear; -moz-transition:background-color 0.3s linear;-webkit-transition:background-color 0.3s linear;-o-transition :background-color 0.3s linear;}

/*首页banner*/
.banner{position:relative;}
.banner-hd {height:500px;position: relative; overflow:hidden; width: 100%;}
.banner-hd  ul{height:100%;margin: 0 auto;}
.banner-hd  ul li{height:100%;}
/*数字按钮样式*/
.banner-hd .num { overflow:hidden;  position:absolute; bottom:5%; margin:0 auto;left:0;right:0;text-align:center;zoom:1; z-index:3 ;}
.banner-hd .num ul{display: inline-block;}
.banner-hd .num li {width:16px;height:16px;  color: #FFFFFF;margin:0 5px; cursor:pointer; float: left;background:#240807; border-radius: 50%;}
.banner-hd .num li.on { background:#aa1513;} /*当前项*/

/*产品展示*/
.title{display: block; background: url(../images/title-bg.png) no-repeat  center 24px; height: 72px;}
.title h2{display: block; font-size: 30px; line-height: 30px; color: #240807; margin-bottom: 10px;}
.title span{display: block; font-size: 18px; line-height:15px ; color: #aa1513; font-family: arial;}
.product{margin: 40px 0px;}
.product .container{position: relative;}
.product-list{margin-top: 30px; overflow: hidden; }
.product-list ul li{float: left; width: 278px; border: solid 1px #240807; margin-right: 27px; position: relative;}
.product-list ul li h3{display: block; font-size: 16px; line-height: 58px; color: #333; width: 268px; padding: 0 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.product-list ul li .product-pic{width: 278px; height: 220px;}
.product-list ul li p{display: block; font-size: 13px; line-height: 24px; color: #333; width: 234px; margin: 8px auto 45px;}
.product-list ul li .product-more{display: block; width: 120px;  background: #aa1513; font-size: 14px; line-height: 35px; color: #fff; text-align: center;  position: absolute; bottom: -1px; left: 79px;}
.product-list .prev1,.product-list .next1{display: block; position: absolute; z-index: 10;  width: 40px; height: 100px; top: 254px; cursor: pointer; transition: all .3s ease; background: url(../images/product-prev.png) no-repeat center #240807;}
.product-list .prev1{left: -20px;}
.product-list .next1{right: -20px; background: url(../images/product-next.png) no-repeat center #240807;}
.product-list .prev1:hover{background:url(../images/product-prev.png) no-repeat center #aa1513;}
.product-list .next1:hover{background:url(../images/product-next.png) no-repeat center #aa1513;}
.product-list ul li:hover h3{background: #aa1513; color: #fff;}
.product-list ul li:hover .product-more{background: #240807;}

/*关于优格*/
.about{background: #efefef; padding: 30px 0;}
.about-content{box-shadow: 3px 7px 5px 0px #b8b8b8;}
.about-pic{width: 600px; height: 340px;}
.about-info{width: 580px; background: #fff; padding-left: 20px; height: 340px; position: relative;}
.about-info strong{position: absolute; right:7px; font-size: 64px; line-height: 50px; font-family: arial;  color: rgba(102,102,102,0.05); writing-mode:tb-rl; letter-spacing:3px;}
.about-info em{display: block; font-size: 20px; line-height: 20px; color: #333; margin-top: 20px; padding-bottom: 9px; background: url(../images/about-em-bg.png) no-repeat left bottom;}
.about-info p{display: block; width: 560px; font-size: 14px; line-height: 30px; color: #666; margin: 12px 0 30px;}
.about-info .about-more{display: block; width: 130px;  background: #240807; font-size: 14px; line-height: 40px; color: #fff; text-align: center; transition: all .3s ease; margin-bottom: 4px;}
.about-info .about-more:hover{background: #aa1513;}
.about-info i{display: block; width: 25px; height: 25px; background: #aa1513;}

/*客户案例*/
.case{margin: 40px 0 79px;}
.case-list{margin-top: 39px; overflow: hidden;}
.case-list ul li{float: left; background: url(../images/case-pic-right-bg.jpg) no-repeat right top; width: 425px;}
.case-list ul li .case-pic{width: 350px; height: 250px;}
.case-list ul li .case-title{margin-top: 10px; width: 350px;}
.case-list ul li .case-title em{display: block; font-size: 16px; line-height: 30px; color: #333; width: 210px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.case-list ul li .case-title .case-consult{display: block; width: 90px; font-size: 14px; line-height: 30px; color: #fff; text-align: center; background: #240807;}
.case-list ul li:hover .case-title em{color: #aa1513;}
.case-list ul li:hover .case-title .case-consult{background: #aa1513;}

/*公共底部*/
.foot{background: #240807; height: 222px; border-bottom: solid 1px #3d3838;}
.foot-content{padding-top: 34px;}
.foot-title{display: block; border-left: solid 5px #aa1513; padding-left: 7px; font-size: 16px; line-height: 28px; color: #fff; margin-bottom: 12px;}
.foot-contact{margin-right: 81px;}
.foot-contact p{display: block; font-size: 14px; line-height: 28px; color: #fff; padding-left: 21px;}
.foot-contact .person{ background: url(../images/foot-person-icon.png) no-repeat left center;}
.foot-contact .tel{background: url(../images/foot-tel-icon.png) no-repeat left center;}
.foot-contact .add{background: url(../images/foot-add-icon.png) no-repeat left center;}
.foot-contact .email{background: url(../images/foot-email-icon.png) no-repeat left center;}
.foot-nav{width: 216px; margin-right: 79px;}
.foot-nav ul li{float: left; margin-right: 24px;}
.foot-nav ul li:nth-child(3n){margin-right: 0px;}
.foot-nav ul li a{display: block; font-size: 14px; line-height: 28px; color: #fff;}
.foot-nav ul li a:hover{text-decoration: underline;}
.wechat-pic{width: 110px; height: 110px; padding-top: 7px;}
.consult-message{width: 280px; height: 238px; background: #423434; margin-top: -40px; padding: 25px 35px 0;}
.consult-message input{display: block; width: 240px;   outline: none; border: none; font-size: 14px; line-height: 36px; color: #ccc; font-family: "Microsoft YaHei"; padding-left: 40px;}
.consult-message .consult-name{margin-bottom: 22px; background: url(../images/consult-name-icon.png) no-repeat 11px center #fff;}
.consult-message .consult-tel{margin-bottom: 20px; background: url(../images/consult-tel-icon.png) no-repeat 11px center #fff;}
.consult-message .foot-consult{display: block; background: #aa1513; width: 120px; font-size: 14px; line-height: 34px; color: #fff; text-align: center; margin: 0 auto 14px; padding-left: 0px; cursor: pointer;}
.consult-message span{display: block; font-size:15px; line-height: 15px; color: #fff; margin-bottom: 21px;}
.consult-message em{display: block; font-size: 30px; line-height: 23px; color: #aa1513; font-weight: bold; font-family: arial;}
.foot-copy{ background: #240807; height: 32px;}
.foot-copy ul li{float: left; margin-right: 40px; font-size: 12px; line-height: 32px; color: #fff;}
.foot-copy ul li a{color: #fff;}
.foot-copy ul li a:hover{text-decoration: underline;}

/*在线咨询*/
.zx-service{position:fixed; right:0px; top:321px;z-index: 10000; }
.service-box{background-color: #fff; border-radius:5px; width:90px; margin-bottom:8px;box-shadow: 0px 2px 3px  #929ea9;}
.service-box span{display:block;}
.service-box span.text{ background:url(../images/kf01.png) no-repeat; height:47px; line-height:40px; text-align:center; color:#fff; font-size:16px; position:relative; z-index:10;}
.service-box ul{margin-top: -7px;}
.service-box li{border-bottom:1px solid #efefef; text-align:center; position:relative;}
.service-box li em{font-size:12px;color: #757575;}
.service-box li a{display:block; padding-top:6px; padding-bottom:3px;}
.service-box li:first-child a{padding-top: 14px;}
.service-box li:last-child a{border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.service-box li a:hover{background:#f9f9f9;}
.service-box li a:hover em{color:#aa1513; }
.service-box ul li:last-child{border:none;}

.service-box li p{position:absolute; left:-170px; width:150px; top:0; background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.2);display:none; font-size:18px; font-weight:bold;color: #aa1513;padding: 10px 0px;}
.service-box li p.qq-tel{width: 200px; left: -220px;}
.service-box li:hover p{display:block; }

.service-arrow{box-shadow: 0px 2px 2px #d6d6d6;border:1px solid #ddd;  border-radius:5px;  width:90px; background:url(../images/kf05.png) no-repeat center center #fff; height:40px; cursor:pointer; }
.service-arrow a{display:block; width:90px; height:45px;}

/*内页样式*/
.ny-hd{height: 350px;}
.ny-main{margin-top: 40px;margin-bottom:150px;}

/*产品列表页*/
.ny-left{width: 250px;}
.column{margin-bottom: 25px;}
.column-title{height: 30px;border-bottom: 1px solid #CCC;padding-top: 4px;}
.column-title span{display: block; width: 200px;height: 24px; font-size: 18px; line-height: 24px; border-left: 6px solid #aa1513;padding-left: 16px;}
.ctitle1 li{background: url(../images/ctitle1-li-bg.png) no-repeat 20px 28px; padding-left: 40px; padding-top: 10px;border-bottom: 1px solid #eeeeef; cursor: pointer;}
.ctitle1 li a h3{display: block; font-size: 15px; line-height: 40px; color: #333;}
.ctitle1 li:hover a h3{color: #aa1513;}
.ctitle1 li.on a h3{color: #aa1513;}

.ny-contact{background:#240807;height: 75px;padding-left: 30px;padding-top: 24px; }
.ny-contact em{display: block; font-size: 14px;line-height: 14px;color: #fff;margin-bottom: 10px;}
.ny-contact p{background: url(../images/ny-contact-tel.png)no-repeat left center;font-size: 20px;line-height: 28px;font-weight: bold; color: #fff; padding-left:38px;}

.ny-right{width: 925px;}
.ny-right-title{background: #f7f7f7;height: 24px;padding-top: 10px;padding-left: 10px; margin-bottom: 20px;}
.ny-right-title  span{display: block; height: 16px; font-size: 15px; line-height: 16px; border-left: 6px solid #aa1513;padding-left: 10px;}

.ny-product-list ul li{float: left; width: 211px; margin-right: 24px; border: solid 1px #240807; margin-bottom: 20px;}
.ny-product-list ul li:nth-child(4n){margin-right: 0px;}
.ny-product-list ul li .product-pic{width: 211px; height: 167px; overflow: hidden;}
.ny-product-list ul li .product-pic img{display: block; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.ny-product-list ul li:hover .product-pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.ny-product-list ul li h3{display: block; font-size: 15px; line-height: 40px; color: #333; text-align: center;  width: 201px; padding: 0 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.ny-product-list ul li:hover{border: solid 1px #aa1513;}
.ny-product-list ul li:hover h3{background: #aa1513; color: #fff;}


/*产品详情*/
.ny-right .pro1{margin-top: 20px;}
.ny-right .pro1 .spec-preview img{display: block;}
.ny-right .pro1 .descript1 strong.title1{line-height: 38px;font-size: 20px; color: #333;display: block;}
.ny-right .pro1 .descript1 p{width: 560px;font-size: 13px;color: #8e8e8e;line-height: 25px;margin-bottom: 15px;}
.ny-right .pro1 .descript1 a.consult{display: block; width: 120px; height: 40px; font-size: 15px; color: #fff; line-height: 40px; text-align: center; background: #240807; }
.ny-right .pro1 .descript1 a.consult:hover{background-color: #aa1513;}
.ny-right .pro1 .descript1 p.haoma{color: #333;font-size: 15px; font-weight: bold; }
.ny-right .pro1 .descript1 p.haoma em{color: #aa1513;font-size: 20px; font-weight: bold; }
.ny-right .pro1 .share{overflow: hidden;margin-top: 15px;}
.ny-right .pro1 .share ul li{float: left;margin: 0 5px;}
.ny-right .detail .de-title{border-bottom: solid 3px #aa1513;}
.ny-right .detail .de-title a{display: block;width: 130px; font-size: 16px;line-height: 45px;color: #fff; text-align: center; margin-top: 35px;background:#aa1513;    border-top-left-radius: 8px;    border-top-right-radius: 8px;}


/*内页新闻中心*/
.ny-right  .ny-news li{padding-bottom: 15px;border-bottom: solid 1px #f0f0f0; width: 925px;}
.ny-right  .ny-news ul li .descript{overflow: hidden;width: 590px;}
.ny-right  .ny-news ul li .ny-news-title{overflow: hidden; margin-top: 20px;}
.ny-right  .ny-news ul li .ny-news-title .date{ line-height: 30px;color: #fff;font-size: 14px;background: url(../images/ny-news-date-bg.png) no-repeat left top;padding-bottom: 5px;width: 110px;text-align: center;margin-right: 20px;margin-bottom: 10px;}
.ny-right  .ny-news ul li .ny-news-title strong{font-size: 15px;color: #333;line-height: 15px;display: block;padding-top: 6px; width: 730px;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}
.ny-right  .ny-news ul li .ny-news-title strong:hover{color: #aa1513;}
.ny-right  .ny-news ul li p.info{color: #5f5f5f;font-size: 13px;line-height: 20px;}


.ny-main  .pagelist {padding: 10px 0;margin-top:15px;overflow: hidden;border-top:0px solid #eee;text-align:center;}
.ny-main .pagelist a,
.ny-main  .pagelist span {border: 1px solid #ccc; display: inline-block;padding: 2px 8px;margin-right:5px;}
.ny-main  .pagelist span.current {color: #f30;border: 1px solid #ddd;}