@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:14px/1.75 "Microsoft YaHei", arial,sans-serif; COLOR: #666;  background:#fff;min-width: 1200px; 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{ width: 100%; z-index: 100; background: #302d33; height: 80px; position: fixed; top: 0;}
.logo{ margin-top: 12px;}
.logo img{ display: block;}
/*.nav-list{ margin-top: 30px;}*/
.nav-list li{ float: left;  margin: 0 34px;}
.nav-list li:last-child{ margin-right: 0;}
.nav-list li>a{ font-size: 16px; color: #fff; padding: 28px 0; line-height: 80px;}
.nav-list li:hover>a{ color: #cc3443; background: url(../images/nav-on-bg.png) no-repeat center 60px;}
.nav-list li.on>a{ color: #cc3443; background: url(../images/nav-on-bg.png) no-repeat center 60px;}

.hide {position: absolute; overflow: hidden; top: 80px; z-index: 1000; height:0;}
.hide em a {margin-right: 35px;float: left;display: inline-block;line-height: 40px;font-size: 15px;color: #fff;text-align: center;}
.hide-bg {top: 80px;width: 100%;transition: all ease 0.3s;height: 0px;background: rgba(48,45,51,0.5);transition: all ease 0.3s;position: absolute;z-index: 99;left: 0;}
.nav-list li:hover .hide{height: 40px;transition: all ease 0.6s;}
.hide em a:hover{ color: #cc3443;}
.nav-list li:hover .hide-bg {height: 45px;transition: all ease 0.6s}

.zw{ height: 80px; display: block;}

/*首页banner*/
.banner{position:relative;}
.banner-hd {height:600px;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:3%; 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:13px;height:13px; margin:0 8px; cursor:pointer; float: left; background: #302d33; border-radius: 50%;}
.banner-hd .num li.on {background: #cc3443;  } /*当前项*/

/*优势*/
.adv{ background: #302d33; height: 147px;}
.adv-list{ padding-top: 20px;}
.adv-list li{ float: left; width: 240px; display: block; background: url(../images/adv-list-bg.png) no-repeat center right; }
.adv-list li img{ display: block; margin: 0 auto;}
.adv-list li p{ font-size: 16px; color: #fff; line-height: 44px;}

/*产品展示*/
.pro{ margin: 35px 0;}
.pro-title img{ display: block; margin: 0 auto 25px;}
.pro-list{ float: left; display: block;}
.pro-list li{ width: 556px; height: 355px; background: #f1f1f1; padding: 15px 15px 0 15px; float: left; display: block; margin: 0 7px;}
.pro-list li .pro-img{ width: 556px; height: 300px; overflow: hidden;}
.pro-list li .pro-name p a{ font-size: 18px; color: #302d33; line-height: 55px;}
.pro-list li .pro-name a.pro-more{ font-size: 15px; color: #302d33; line-height: 55px;}
.pro-list li:hover{ background: #302d33; transition:0.5s;}
.pro-list li:hover p a,.pro-list li:hover a.pro-more{ color: #cc3443;}
.pro-list li:hover .pro-img 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;}

.pro-hd{ width: 280px; margin: 0 auto; margin-top: 25px;}
.pro-hd a{ float: left; display: block; margin-right: 20px;}
.pro-hd a:last-child{ margin-right: 0;}
.pro-hd a.prev2,.pro-hd a.next2{ cursor: pointer; width: 40px; height: 40px; border-radius: 3px; background: #302d33;}
.pro-hd a.prev2 img,.pro-hd a.next2 img{ display: block; margin: 8px auto;}
.pro-hd a.more{ width: 160px; height: 40px; text-align: center; font-size: 13px; line-height: 40px; color: #fff; border-radius: 3px; background: #302d33;}
.pro-hd a:hover{ background: #cc3443; transition:0.5s;}

/*公司简介*/
.about{ background: url(../images/about-bg.png) no-repeat center bottom;}
.about-title{ margin-left: 315px;}
.about-title strong{ font-size: 30px; line-height: 30px; text-transform: uppercase; color: #cc3443;}
.about-title .title-txt{ line-height: 28px; background: url(../images/about-title-bg.png) no-repeat  220px center;}
.about-title .title-txt p{ font-size: 16px;}
.about-title .title-txt a{ font-size: 13px; text-transform: uppercase; width: 70px; height: 28px; line-height: 28px; background: #cc3443; text-align: center; color: #fff;}
.about-title .title-txt a:hover{ background: #302d33; transition:0.5s;}
.about .content{ margin-top: 35px; margin-left: 315px;}
.about .content>p{ font-size: 14px; line-height: 30px; color: #666; display: block;}
.about-pic-list{ margin-top: 35px;}
.about-pic-list li{ float: left; margin-right: 60px; width: 200px; height: 250px; overflow: hidden;}
.about-pic-list li:last-child{ margin-right: 0;}
.about-pic-list li:hover a 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;}
.about-zx{ margin-top: 200px; margin-right: 45px; }
a.about-zx1{ margin-bottom: 10px; width: 126px; height: 34px; line-height: 34px; text-align: center; color: #fff; background: #cc3443; display: block;}
.about-zx p,.about-zx p strong{ font-size: 15px; color: #fff;}
.about-zx p strong{ font-size: 18px;}
a.about-zx1:hover{ background: #fff; color: #302d33; transition:0.5s;}

/*新闻中心*/
.news{margin: 30px 0;}
.news-title img{ display: block; margin: 0 auto 25px;}
.news-left{ position: relative; overflow: hidden; width: 550px; height: 350px; display: block;}
.news-pic li{ float: left;width: 550px; height: 350px; }
.news-num{ position: absolute; right: 10px; bottom: 10px;}
.news-num ul li{cursor: pointer; font-size: 13px; margin-right: 8px; color: #fff; background: #cc3443; float: left; width: 20px; height: 20px;}
.news-num ul li.on{background: #302d33; color: #cc3443;}
.news-num ul li:hover{background: #302d33; color: #cc3443;transition:0.3s;}

.news-right{ width: 610px;}
.news-list li{ float: left; display: block; width: 565px; height: 75px; padding:  15px 25px 15px 20px; margin-bottom: 16px;}
.news-list li .news-date{ margin-top: 7.5px; padding-right: 25px; background: url(../images/news-date-bg.png) no-repeat center right;}
.news-list li .news-date span{  display: block; font-size: 14px; line-height: 20px;}
.news-list li .news-date strong{ display: block; font-size: 42px; line-height: 40px;}
.news-list li .news-detail{ margin-left: 15px; width: 455px;}
.news-list li .news-detail a.news-name{ width: 410px; font-size: 16px; color: #333; line-height: 32px;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}
.news-list li .news-detail p{ width: 410px; font-size: 14px; line-height: 20px; color: #888;}
.news-list li .news-detail a.news-more{ width: 25px; height: 25px; display: block; margin-top: -10px; background: url(../images/news-more.png) no-repeat center;}
.news-list li:hover{ background: #302d33; box-shadow:0 3px 8px rgba(0, 0, 0, 0.2); transition:0.5s; }
.news-list li:hover .news-date{ background: url(../images/news-date-bg-on.png) no-repeat center right;}
.news-list li:hover .news-date span,.news-list li:hover .news-date strong{ color: #fff;}
.news-list li:hover a.news-name{ color: #cc3443;}
.news-list li:hover .news-detail p{ color: #fff;}
.news-list li:hover a.news-more{ background: url(../images/news-more-on.png) no-repeat center;}

.news a.more2{ display: block; width: 160px; height: 40px; line-height: 40px; margin: 0 auto; background: #cc3443; color: #fff; border-radius: 3px; margin-top: 18px;}
.news a.more2:hover{ background: #302d33; transition:0.3s;}

/*公共底部*/
.footer{ background: #302d33; padding-top: 25px; padding-bottom: 30px;}
.footer dl{ float: left; margin: 0 30px 0 100px;}
.footer dl dt{ font-size: 13px; color: #fff; line-height: 26px;   display: block;}
.footer dl dt a{ font-size: 13px; color: #fff; line-height: 26px; float: left;margin-right: 60px;}
.footer dl dt a:hover{ color: #cc3443;}
.footer dl dt:nth-child(2n) a{ margin-right: 0;}
.footer dl:last-child dt{ float: left;}
.footer dl dt img{ display: block;}
.footer dl dt p{ color: #fff; font-size: 13px; letter-spacing: 4px; margin-left: 5px; writing-mode:vertical-lr;}

.copyright{ background: #1c1a1e;}
.copyright p,.copyright p a{ color: #fff; line-height: 38px;}
.copyright p a:hover{ color: #cc3443;}

/*在线咨询*/
.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 #fff; text-align:center; position:relative; background: #cc3443;}
.service-box li em{font-size:12px;color: #fff; line-height: 32px;}
.service-box li a{display:block; padding-top:10px; padding-bottom:5px;}
.service-box li a:hover em{color:#302d33; }
.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: #cc3443;padding: 10px 0px;}
.service-box li:hover p{display:block; }
.service-arrow li{ text-align:center; position:relative; background: #474e5c; height: 36px; padding-top: 10px; border-radius: 5px; box-shadow: 0px 2px 3px  #929ea9;}
.service-arrow li em{display: block; font-size:12px;color: #fff;}


/*内页*/
.ny-hd{ height: 450px;}
.ny-main{ padding-bottom: 50px;}

.ny-title{ margin: 30px 0;}
.ny-title strong{ display: block;font-size: 26px; color: #302d33; line-height: 26px;}
.ny-title em{ display: block; font-size: 15px; text-transform: uppercase; cursor: #ccc;}

.ny-proclass-list{ margin: 0 auto; margin-bottom: 30px;}
.ny-proclass-list li{ display: inline-block; margin: 0 10px; }
.ny-proclass-list li a{ padding: 10px 20px; color: #fff; display: block; font-size: 16px;background: #cc3443;}
.ny-proclass-list li a.on{ background: #302d33;}
.ny-proclass-list li a:hover{ background: #302d33;}

.ny-pro-list{ float: left; display: block;}
.ny-pro-list li{ width: 350px; height: 235px; background: #fbfbfb; padding: 15px 15px 0 15px; float: left; display: block; margin: 0 10px 20px;}
.ny-pro-list li .ny-pro-img{ width: 350px; height: 189px; overflow: hidden;}
.ny-pro-list li .ny-pro-name p a{ font-size: 16px; color: #302d33; line-height: 50px;}
.ny-pro-list li .ny-pro-name a.ny-pro-more{ font-size: 14px; color: #302d33; line-height: 50px;}
.ny-pro-list li:hover{ background: #302d33; transition:0.5s;}
.ny-pro-list li:hover p a,.ny-pro-list li:hover a.ny-pro-more{ color: #cc3443;}
.ny-pro-list li:hover .ny-pro-img 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;}

.xq-title{ border-bottom: 1px solid #c5c5c5; margin-bottom: 30px;}
.title-left ul li{ float: left; font-size: 16px; margin-right: 20px; margin-bottom: 10px; display: block;}
.title-left ul li:hover a{ color: #d42629;}
.title-left ul .on a{ color: #d42629;}
.title-right p,.title-right p a{ font-size: 14px; color: #000; margin-top: 3px;}
.title-right p a:hover{ color: #d42629;}
.ny-main .pro1 .spec-preview img{display: block;}
.ny-main .pro1 .descript1 strong.title1{ background: url(../images/ny-xq-title-bg.png) no-repeat left bottom; margin-top: 20px; line-height: 54px;font-size: 22px; color: #242424;display: block;}
.ny-main .pro1 .descript1 p{width: 450px;font-size: 14px;color: #8e8e8e;line-height: 26px; height: 130px; overflow: hidden; text-align: justify; margin-bottom: 30px; margin-top: 30px; padding-right: 20px;}
.ny-main .pro1 .descript1 ul{ margin-top: 30px; margin-bottom: 20px;}
.ny-main .pro1 .descript1 ul li{ float: left; width: 135px; font-size: 15px; margin-right: 40px;}
.ny-main .pro1 .descript1 a.return,.ny-main .pro1 .descript1 a.reserve{border-radius: 3px; border: 2px solid #f8f8f8;float: left; display: block; width: 105px; height: 36px; font-size: 14px; line-height: 36px; text-align: center; margin-right: 30px;}
.ny-main .pro1 .descript1 a.return img,.ny-main .pro1 .descript1 a.reserve img{position: absolute; top: 0; right: 8px;}
.ny-main .pro1 .descript1 a.return:hover,.ny-main .pro1 .descript1 a.reserve:hover{ border-color: #302d33; transition:0.5s;}
.ny-main .pro1 .share{overflow: hidden; margin-top: 50px;}
.ny-main .ny-content .detail .de-title{border-bottom: solid 3px #cc3443;}
.ny-main .ny-content .detail .de-title a{display: block;width: 130px; font-size: 16px;line-height: 45px;color: #fff; text-align: center; margin-top: 35px;background:#cc3443;}
.ny-main .ny-content .detail .infor{padding-top: 15px;}
.ny-main .ny-content .detail .infor p{ font-size: 15px;}

.ny-news-list li{float: left; padding: 20px 51px 20px 0; background: #fbfbfb; height: 120px;  width: 1149px; margin-bottom: 20px;}
.ny-news-list li .ny-news-date{ width: 160px; border-right: solid 2px #ededed; height: 120px; margin-right: 36px;}
.ny-news-list li .ny-news-date span{  display: block; font-size: 18px; line-height: 20px;margin: 25px 0 12px;}
.ny-news-list li .ny-news-date strong{ display: block; font-size: 55px; line-height: 45px;}
.ny-news-list li .ny-news-info{width: 700px;}
.ny-news-list li .ny-news-info em{display: block; font-size: 16px; line-height: 16px; color: #333; width: 600px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: 6px 0 16px;}
.ny-news-list li .ny-news-info .ny-news-author{background: url(../images/author-icon.png) no-repeat left center; padding-left: 20px; margin-right: 18px;}
.ny-news-list li .ny-news-info .ny-news-number{background: url(../images/number-icon.png) no-repeat left center; padding-left: 27px;}
.ny-news-list li .ny-news-info p{font-size: 14px; line-height: 26px; color: #666; margin-top: 10px;}
.ny-news-list li .ny-news-pic{width: 200px; height: 120px;}
.ny-news-list li:hover{background: #302d33;}
.ny-news-list li:hover .ny-news-date{border-right: solid 2px #333;}
.ny-news-list li:hover .ny-news-date strong,.ny-news-list li:hover .ny-news-date span{color: #fff;}
.ny-news-list li:hover .ny-news-info p{color: #fff;}
.ny-news-list li:hover .ny-news-info em{ color: #cc3443;}

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