@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: #333; TEXT-DECORATION: none}
P{COLOR: #666;}
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 */


/*公共头部*/
.top{background: #f8f8f8; line-height: 44px; height: 44px; overflow: hidden;}
.top p{color: #6d6d6d;}
.top strong{display: block; background: url(../images/tel_icon.jpg) no-repeat left center; padding-left: 35px; font-size: 20px; color: #1651b8; font-family: arial;}
.head{height: 100px;}
.head .logo{margin-top: 15px;}
.head .logo h1 {line-height: 0px;}
.nav ul li{float: left; position: relative; margin-left: 66px;}
.nav ul li>a{display: block; font-size:16px; line-height: 100px; color: #333333; font-weight:bold;}
.nav ul li.on>a{color: #1651b8;}
.nav ul li:hover>a{color: #1651b8; } 


/*公共头部fixed*/
.headfixed{background: #1651b8; position: fixed; top: 0px; left: 0px; right: 0px; z-index: 999; width: 100%;display: none; box-shadow: 1px 1px 3px rgba(0,0,0,0.1);}
.headfixed ul li{float: left; width: 171px; position: relative;}
.headfixed ul li a{display: block; font-size: 15px; line-height: 60px; color: #fff; text-align: center;}
.headfixed ul li.on a{color: #fff;}
.headfixed ul li:hover a{color:#fff; }
.headfixed ul li .hide{background-color: #fff;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);float: left;left: 0px;display: none;width: 141px;position: absolute;text-align: center;z-index: 22; padding: 0px 15px;}
.headfixed ul li .hide em a{ display:block; line-height:44px; color: #666;text-align:center; border-bottom: dotted 1px #bcbbbb;}
.headfixed ul li .hide em:last-child a{border-bottom: none;}
.headfixed ul li .hide em a:hover{ color: #cf0606; 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:678px;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:40px;height:5px; margin:0 5px; cursor:pointer; float: left; background: #fff;}
.banner-hd .num li.on {background: #1651b8;  } /*当前项*/


/*优势*/
.ys{padding: 60px 0;}
.ys-list ul li{float: left; width: 257px; text-align: center; margin: 0 21px}
.ys-list ul li .icon{display: inline-block;width: 112px; height: 112px;-moz-border-radius: 100%;-webkit-border-radius: 100%;border-radius: 100%; background: #f0f0f0; margin: 0 auto 47px; position: relative;overflow: hidden;-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.ys-list ul li .icon1{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.ys-list ul li .icon2{ content:""; position:absolute; left:-100%; top:0; width:100%; height:100%; -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.ys-list ul li .icon img{display: block; margin: 30px auto;}
.ys-list ul li:hover .icon{background: #1651b8}
.ys-list ul li:hover .icon2 {left: 0;}
.ys-list ul li:hover  .icon1 {left: 100%;}
.ys-list ul li h2{font-size: 20px; color: #333; margin-bottom: 8px;}
.ys-list ul li h3{font-size: 14px; color: #727272; text-align: justify; text-align-last: center; }


/*关于铭硕*/
.about{background: url(../images/about-bg.png) no-repeat center top; padding: 44px 0 1px; /*margin-bottom: 47px;*/}
.index-title strong{display: block; font-size: 32px; line-height: 32px; color: #333; height: 51px; position: relative; text-align: center;}
.index-title strong:after{position: absolute; content: ''; width: 60px; height: 1px; background: #666; left: 50%; margin-left: -30px; bottom: 0;}
.about .info{text-align: center; }
.about .info p{font-size: 15px; line-height: 30px; color: #333; width: 1061px; margin: 71px auto 40px; text-align: justify; text-align-last: center; opacity: 0.82 }
.about-more {display: block; width: 126px; height: 34px;  font-size:14px; line-height:34px; color: #666; border: solid 1px #bfbfbf; margin: 0 auto; -webkit-transform: translateZ(0);transform: translateZ(0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s; margin-bottom:30px;}
.about-more:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #1651b8; -webkit-transform: scale(0);transform: scale(0);-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.about-more:hover,.about-more:focus,.about-more:active {color: white; border-color: #1651b8;}
.about-more:hover:before,.about-more:focus:before,.about-more:active:before {-webkit-transform: scale(1);transform: scale(1);}


/*产品展示*/
.product{margin-bottom: 36px}
.pro-class{width: 748px; margin-bottom: 68px;}
.pro-title{height: 59px; border-bottom: solid 1px #eee; width: 100%; margin-bottom: 14px;}
.pro-title strong{font-size: 32px; line-height: 59px; color: #333;}
.pro-title a{display: inline-block; color: #8e8e8e; margin-top: 24px;}
.pro-class ul li{float: left; margin-right: 28px;}
.pro-class ul li a{display: block; font-size: 16px; color: #555;}
.search{margin-top: 18px;}
.search input{outline: none; font-family: "Microsoft YaHei";}
.search .search-text{border: solid 1px #E2E2E2; border-right: none; padding: 0 10px; width: 306px; line-height: 41px; color: #807f7f;}
.search .search-btn{ width: 60px; height: 43px; background: url(../images/search-btn.png) no-repeat center #1651b8; outline: none; border: none; cursor: pointer;}
.search ul{background: url(../images/hot.png) no-repeat left center; padding-left: 18px; margin-top: 14px;} 
.search ul li{float: left; margin-right: 12px;}
.search ul li a{display: block; font-size: 15px; color: #807f7f;}
.pro-class ul li a:hover,.search ul li a:hover{color: #1651b8}
.product-list{overflow: hidden;}
.product-list ul{width: 1224px;}
.product-list ul li{float: left; border: solid 1px #DEDEDE; width: 280px; text-align: center; margin-right: 24px; margin-bottom: 24px;}
.product-list ul li .pic{width: 280px; height: 270px; overflow: hidden;}
.product-list ul li .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;}
.product-list ul li:hover .pic img{-webkit-transform: scale3d(1.2,1.2,1);transform: scale3d(1.2,1.2,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.product-list ul li .info{padding: 8px 0 27px}
.product-list ul li h3{font-size: 16px; line-height: 30px; color: #333;height:80px;}
.product-list ul li span.hvr-bounce-to-right {display: block; width: 154px; font-size: 16px; line-height: 34px; margin: 0 auto; webkit-transform: translateZ(0);transform: translateZ(0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;background: #cdcdcd;color: #fff;}
.product-list ul li span.hvr-bounce-to-right:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background:#1651b8;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.product-list ul li:hover span.hvr-bounce-to-right,.product-list ul li span.hvr-bounce-to-right:focus,.product-list ul li span.hvr-bounce-to-right:active {color: white;}
.product-list ul li:hover span.hvr-bounce-to-right:before,.product-list ul li span.hvr-bounce-to-right:focus:before,.product-list ul li span.hvr-bounce-to-right:active:before {-webkit-transform: scaleX(1);transform: scaleX(1);-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}


/*成功案例*/
.case{background: url(../images/case-bg.jpg) no-repeat center top; padding: 48px 0 75px; margin-bottom: 60px;}
.case .index-title strong{color: #fff; margin-bottom: 46px;}
.case .index-title strong:after{background: #fff;}
.case-list{overflow: hidden;}
.case-list ul li{float: left; margin-right: 24px;}
.case-list ul li .pic{width: 380px; height: 320px;}
.case-list ul li h3{display: block; background: #fff; font-size: 16px; line-height: 60px; color: #333; text-align: center;}
.case-list ul li:hover h3{background: #1651b8; color: #fff;}


/*新闻资讯*/
.news{margin-bottom: 60px;}
.news-title{margin-bottom: 28px;}
.news-title strong{font-size: 32px; line-height: 32px; color: #333; margin-bottom: 28px;}
.news-btn{background: url(../images/news-btn.png) repeat-x left center; margin-bottom: 50px;}
.news-btn ul{text-align: center;}
.news-btn ul li{display: inline-block; width: 131px; height: 42px; border: solid 1px #ccc; font-size: 16px; line-height: 42px; color: #666; margin: 0 5px 0 6px;cursor: pointer;}
.news-btn ul li:hover{background: #1651b8; border: solid 1px #1651b8; color: #fff;}
.news-list{overflow: hidden;}
.news-list ul{width: 1240px;}
.news-list ul li{float: left; width: 580px; margin-right: 40px; margin-bottom: 40px; }
.news-list ul li .pic{width: 220px; height: 165px;}
.news-list ul li .info{border: solid 1px #F0F0F0; padding: 0 12px 0 17px; height: 163px; width: 329px;}
.news-list ul li .info em{display: block; font-size: 16px; color: #333; margin: 13px 0 15px;}
.news-list ul li .info p{text-align: justify; margin-bottom: 17px;}
.news-list ul li .info span{display: block; font-size: 12px; color: #979797; }
.news-list ul li:hover .info em{color: #1651b8}
.news .news-more{display: block; width: 198px; border: solid 1px #DCDCDC; line-height: 48px; color: #666; text-align: center; margin: 0 auto;transition: all linear .4s;-webkit-transition: all linear .4s;-moz-transition: all linear .4s;-ms-transition: all linear .4s;-o-transition: all linear .4s;}
.news .news-more:hover{background: #1651b8; border-color: #1651b8; color: #fff;}


/*公共底部*/
.foot{padding: 73px 0 65px; background: #262626}
.foot .logo img{display: block; margin-bottom: 30px;}
.foot .logo p{line-height: 30px; color: #838383}
.foot-nav dl{float: left; margin-right: 90px;}
.foot-nav dl dt{font-size: 18px; line-height: 18px; color: #fff; margin-bottom: 19px;}
.foot-nav dl dd a{display: block; line-height: 30px; color: #838383}
.foot-copy{background: #000}
.foot-copy p{color: #777777; line-height: 70px;}
.foot-copy p a{display: inline-block; color: #777777; margin: 0 8px;}
.foot-nav dl dd a:hover,.foot-copy p a:hover{color: #fff}


/*右侧在线*/
.zx-service{width: 92px; position: fixed; top:50%; right: 0; z-index: 222;}
.service-box {position: relative;  background: #fff;}
.service-box .service-pic{position: absolute; top: -45px;}
.service-box ul{display: block; border: solid 1px #e4e4e4; background: transparent;}
.service-box ul li{float: left; display: block; width: 100%; padding: 12px 0 9px; text-align: center; border-bottom: solid 1px #e4e4e4; position: relative;}
.service-box ul li:first-child{padding: 0; height: 46px;}
.service-box ul li:last-child{border-bottom: none; padding: 12px 0;}
.service-box ul li a{display: block;}
.service-box ul li .icon{display: block; width: 25px; height: 25px; margin: 0 auto;}
.service-box ul li .icon1{background: url(../images/kf-icon1.png) no-repeat center; }
.service-box ul li .icon2{background: url(../images/kf-icon2.png) no-repeat center; }
.service-box ul li .icon3{background: url(../images/kf-icon3.png) no-repeat center; }
.service-box ul li:hover .icon1{background: url(../images/kf-icon1-1.png) no-repeat center; }
.service-box ul li:hover .icon2{background: url(../images/kf-icon2-1.png) no-repeat center; }
.service-box ul li:hover .icon3{background: url(../images/kf-icon3-1.png) no-repeat center; }
.service-box ul li em{display: block; font-size: 12px; color: #282828;}
.service-box ul li b{display: block; font-size: 14px; color: #282828; font-family: arial;}
.service-box ul li:hover em,.service-box ul li:hover b{color: #1651b8}
.service-box ul li p{position: absolute; left: -150px; top: 0; border: solid 1px #e4e4e4; display: none; background: #fff;}
.service-box ul li p span{display: block; font-size: 14px; line-height: 30px; color: #666; text-align: center;}
.service-box ul li:hover p{display: block;}
.zx-service .service-arrow {display: block; width: 92px; height: 46px; background: url(../images/service-arrow.png) no-repeat center; cursor: pointer;}
.zx-service .service-arrow a{display: block; width: 92px; height: 46px; }


/*内页样式*/
.ny-hd{height: 450px;}
.ny-main{margin-top: 25px; margin-bottom:100px;}

.position{height:52px; line-height:52px; font-size:14px; border-bottom: solid 1px #dfdfdf; margin-bottom: 30px;}
.position .container{background:url(../images/position-home.png) no-repeat 0 center; padding-left:30px; width: 1170px;}
.position a{background:url(../images/position-arrow.png) no-repeat right; padding-right:20px; margin-right:10px;}
.position a:last-child{background: transparent;}
.position .on{color: #1651b8;}
.position a:hover{color: #1651b8;}

/*左侧*/
.ny-left{width: 270px;overflow: hidden;}
.ny-left-pro,.ny-left-pro2{margin-bottom:20px;}
.column-title{display: block; font-size:22px;font-weight:bold; line-height:90px; color: #fff; text-align: center; background: #1651b8; }
.ny-left .ctitle1{border:1px solid #CCCCCC;  border-top: none; padding: 10px 0 0;}
.ny-left .ctitle1>li{float: left; width: 250px; margin: 0 10px 10px 10px;}
.ny-left .ctitle1>li a{display: block; background: #333;color:#fff;text-indent: 20px; font-size: 16px; line-height:48px; color:#FFF; width: 100%}
.ctitle2{ width:250px}
.ny-left .ctitle1 li.on .ctitle2{ display: block;}
.ny-left .ctitle1>li:hover>a,.ny-left .ctitle1>li.on>a{ background:#1651b8;}
.ny-left .ctitle1 .ctitle2 a{float: left; width: 220px; margin: 0 10px 10px 20px;}
.ny-left .ctitle1 .ctitle2 li a{ background: #fff;border-bottom: 1px dotted #eee; color:#333; font-size: 14px}
.ny-left .ctitle1 .ctitle2 li.on a{color: #1651b8}

.ny-contact{width: 250px; padding: 10px 9px 10px;background: #fff;border:1px solid #CCCCCC;  border-top: none;}
.ny-contact p {line-height: 30px;width:250px;margin:5px auto;color: #333;}
.ny-tel{height:103px;line-height:40px;color:#fff;font-weight:bold;background-color: #1651b8;padding:20px 0 0 ;text-indent:40px;font-size:25px;}
.ny-tel b{background:url(../images/lc-email.png) no-repeat center left;}
.ny-tel b,.ny-tel span{margin-left:28px;}

.ny-right {width:900px}


/*内页产品列表*/
.ny-product-list ul{width: 930px;}
.ny-product-list ul li{float: left; width: 430px; margin-right: 20px; margin-bottom: 30px;}
.ny-product-list ul li .pic{width: 430px; height: 430px; position: relative; overflow: hidden; border: solid 1px #ccc; text-align:center}
.ny-product-list ul li h3{display: block;font-size: 15px;height:60px; line-height: 24px;padding-right: 25px;padding-top: 10px; color: #666; border-bottom: 1px solid #ccc; background: url(../images/link.png) no-repeat right center; position: relative;}
.ny-product-list ul li h3:after{position: absolute; content: ''; width: 0; height: 1px; bottom: -1px; background: #1651b8; left: 0; transition:0.6s;}
.ny-product-list ul li:hover h3{color: #1651b8}
.ny-product-list ul li:hover h3:after{width: 100%;}


/*产品详情*/
.ny-right  .pro1 .pro-list-pic{width: 332px;}
.ny-right  .pro1 .spec-preview img{display: block;}
.ny-right  .pro1 .descript1{width: 550px;}
.ny-right  .pro1 .descript1 strong.title1{line-height: 38px;font-size: 20px; color: #2d2d2d;display: block;border-bottom: 1px solid #c0ccd6; padding: 10px 0 15px; margin-bottom: 10px;}
.ny-right  .pro1 .descript1 p{width: 550px;font-size: 13px;color: #666;line-height: 28px;margin: 10px 0;text-align: justify;}
.ny-right  .pro1 .descript1 a.consult{display: block; width: 120px; height: 40px; font-size: 15px; color: #fff; line-height: 40px; text-align: center; background: #333; }
.ny-right  .pro1 .descript1 a.consult:hover{background-color: #1651b8;}
.ny-right  .pro1 .descript1 p.haoma{ color: #333;font-size: 15px;display: block; margin: 20px 0;}
.ny-right  .pro1 .descript1 p.haoma em {display: inline-block;color: #1651b8;font-size: 25px;font-weight: bold; vertical-align: middle;}
.ny-right  .pro1 .share{overflow: hidden;margin-top: 15px;}
.ny-right  .pro1 .share ul li{float: left;margin: 0 5px;}
.ny-right  .detail {margin-bottom: 20px;}
.ny-right  .detail .de-title{border-bottom: solid 3px #1651b8; margin-bottom: 20px;}
.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:#1651b8;}



/*内页新闻列表页*/
.ny-news-list ul li{float: left;  margin-bottom: 20px; width: 100%; padding-bottom: 20px; border-bottom: dashed 1px #ccc;}
.ny-news-list ul li .pic{display: block; width: 175px; height: 131px;}
.ny-news-list ul li .info{width: 890px; margin-top: 10px;}
.ny-news-list ul li .info strong{ display: block; font-size: 16px; color: #333; }
.ny-news-list ul li .info p{display: block;font-size: 14px;color: #808080;margin-bottom: 6px;}
.ny-news-list ul li .info span {display: block;font-size: 14px;color: #808080;background: url(../images/nynews-icon.png) no-repeat left center;padding-left: 22px;}
.ny-news-list ul li:hover .info strong{color: #1651b8;}
.ny-news-list ul li:hover{border-color: #1651b8;}

/*内页图片列表页*/
.ny-case-list ul{width: 1230px;}
.ny-case-list ul li{float: left; margin-right: 30px; margin-bottom: 30px;}
.ny-case-list ul li .pic{width: 280px; height: 236px;}
.ny-case-list ul li h3{display: block; background: #fafafa; font-size: 15px; line-height: 45px; color: #333; text-align: center;}
.ny-case-list ul li:hover h3{background: #1651b8; color: #fff;}

.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;}


.intro_bg{ background:url(../images/about_bg.jpg) no-repeat center top; height:614px; /*margin-top:80px;*/}
.index-about{ width:1150px; margin:0px auto; position:relative}
.about_ys{ width:720px; float:right}
.about_ys dl{ width:234px; float:left; text-align:center; color:#fff; padding-top:70px;}
.about_ys dt{ font-size:22px; margin-bottom:22px;}
.about_ys dd{ font-size:16px;}
.gong{ text-align:center;}
.about_con{ width:662px; float:right;font-size:15px; padding-top:90px; line-height:34px;}
.intro_h{ font-size:22px; color:#1651b8}
.a_more:visited,.a_more:active{ text-align:center; color:#fff}
.intro_h p{width:127px; margin-top:25px; text-align:center; float:left; margin-right:10px}
.a_more{ color:#fff;height:37px; line-height:37px;display:block; background-color:#1651b8; color:#fff; width:127px; text-align:center; margin-top:13px; float:left; position:absolute; bottom:2px; left:26.5%}
.a_more:visited,.a_more:active{ text-align:center; color:#fff}


.ys1{background: url(../images/ys-bg.jpg) no-repeat center; height: 548px; padding-top: 52px;}
.ys-title h3{display: block; font-size: 40px; color: #343434; font-weight: bold; margin-bottom: 29px;}
.ys-title h3 img{display: inline-block; vertical-align: text-bottom;}
.ys-title h3 b{color: #1651b8;}
.ys-btn{margin-bottom: 15px;}
.ys-btn ul li{display: block; float: left; margin-right: 30px; width: 140px; height: 40px; background: url(../images/ys-btn-li.png) repeat-x center; cursor: pointer; color:#FFFFFF;}
.ys-btn ul li em{display: block; font-size: 16px; line-height: 40px; color: #fff; text-align: center; /*padding-top: 45px; margin-top: 20px;*/}
.ys-btn ul li em a{ color:#FFFFFF}
.ys-btn ul li:hover{background: #1651b8;}
.ys-list ul strong{display: block; font-size: 18px; line-height: 70px; color: #4d4d4d; position: relative;}
.ys-list ul strong:after{position: absolute; bottom: 0; content: ''; width: 30px; height: 4px; background: #1651b8; left: 0;}
.ys-list ul p{display: block; font-size: 14px; line-height: 36px; color: #666; width: 490px; margin: 11px 0 31px;}
.ys-tel em{display: block; background: url(../images/ys-tel.png) no-repeat left center; font-size: 18px; line-height: 47px; color: #fff; font-weight: bold; padding-left: 67px; margin-top:87px; margin-right: 123px;}
.ys-tel em strong{font-size: 30px;}
.ys-more{transition: 0.5s; display: block; width: 29px; height: 29px; border: solid 1px #fff; background: url(../images/ys-more.png) no-repeat center; margin-top: 95px;}
.ys-more:hover{background: url(../images/ys-more-on.png) no-repeat center #fff; }


/*首页优势*/
.ys_bg{ background-color:#f8f8f8; padding:60px 0px}
.ys_bg ul{ width:1120px; margin:0 auto; padding-top:200px;}
.ys_bg li{ width:189px; float:left;  font-size:16px; text-align:center}
.ys_con{ text-align:center; font-size:18px; padding-top:25px; color:#009241; line-height:30px}

.ysbg1{ background:url(../images/ys_bg1.jpg) no-repeat center top;}
.ys_right{ width:434px; float:right; padding-top:70px}
.ys_right dt{ margin-bottom:10px;}
.ys_right dt p{font-size:28px; font-weight:bold; margin-bottom:6px}
.ys_right dt p b{ color:#1869d7}
.ys_right dd p{ margin-top:12px}
.ys_right span{ text-transform:uppercase; font-size:14px; color:#999}
.ys_right dd{line-height:30px}



.ysbg2{background:url(../images/ys_bg2.jpg) no-repeat center top; height:440px; width:}
.ys_left{ width:456px; margin-left:91px; padding-top:50px; padding-bottom:60px;}
.ys_left dt{ margin-bottom:25px;}
.ys_left dt p{ font-size:28px; font-weight:bold; margin-bottom:6px}
.ys_left dt p b{ color:#1869d7}
.ys_left dt span{ text-transform:uppercase; font-size:14px; color:#999}
.ys_left dd{ line-height:30px}
.ys_left dd p{ margin-top:12px}
.ysbg3{background:url(../images/ys_bg3.jpg) no-repeat center top; height:440px}
.ysbg4{background:url(../images/ys_bg4.jpg) no-repeat center top; height:440px}
.contain {   width: 1200px;    margin: 0 auto;}

/*分类*/
.index_title{text-align:center;font-size:15px;}
.index_title p{ font-size:15px; text-transform:uppercase; margin-top:8px; margin-bottom:8px; color:#999}
.index_title span{ font-size:33px; font-weight:bold}
.index_title span i{ font-style:normal; color:#1869d7}
/*.index_title span:before{ content: ''; vertical-align: middle; margin-right:15px; display:inline-block; height:20px; width:421px; background:url(../images/xian.png) no-repeat center}
.index_title span:after{ content: '';vertical-align: middle; margin-left: 15px; display:inline-block; height:20px; width:421px; background:url(../images/xian2.png) no-repeat center}
*/

.pro_bg{ background-color:#f3f3f3; padding:60px 0px; }
.index_title1{text-align:center;font-size:15px; color:#fff}
.index_title1 span{font-size:30px; font-weight:bold; margin-bottom:15px}
.index_title1 span strong{}
.index_title1 p{ margin-top:10px;}
.index_title1 span:before{ content: ''; vertical-align: middle; margin-right:15px; display:inline-block; height: 14px; width: 27px; background-color:#fff; height:1px;}
.index_title1 span:after{ content: '';vertical-align: middle; margin-left: 15px; display:inline-block; height: 14px; width: 27px; background-color:#fff; height:1px;}

/*************head***********/
#head{/*position:absolute;*/ width:100%;height:124px;box-sizing:border-box;background-color:rgba(0,0,0,0.8);border-top:3px solid #ee862d;z-index:99999;}
.head{width:1140px;margin:0 auto; position: relative}
.logo{float:left; margin-top: 25px;}
.headright{float:right;margin-top:23px;}
.headup input,.headup form,.headup img,.headup p{float:right;}
.headup input{color:#aaa;font-size:14px;height:34px;background:#656565;width:174px;text-indent:10px;}
.headup input::-webkit-input-placeholder { /* WebKit browsers */  
    color:   #aaa;  
}  
.headup input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  
   color:   #aaa;  
   opacity:  1;  
}  
.headup input::-moz-placeholder { /* Mozilla Firefox 19+ */  
   color:    #aaa;  
   opacity:  1;  
}  
.headup input:-ms-input-placeholder { /* Internet Explorer 10+ */  
   color:    #aaa;  
}
.headup input.searchpic{width:36px;}
.headup p{color:white;font-size:20px;line-height:34px;background:url(../images/head_tel.png) center left no-repeat;text-indent:30px;}
.headup img{margin:0 22px;}
.headdown{float:right;margin-top:25px;}
.headdown ul li{display:inline-block;color:#ffffff;margin-left:40px;font-size:15px;}
.headdown ul li a{color:#ffffff;}
.headdown ul li a:hover{color:#b20e00;}
.head2{display:none;color:white;float: right;text-align: right;width: 100%;}
.head i{font-size:40px;cursor:pointer; position: absolute; right: 4%; color: #fff; top:40px; display: none}
.head2 ul{display:none;text-align:center;}
.head2 ul li{color:white;font-size:22px;line-height:40px;}
.head2 ul li a{color:#fff; display: block; padding-right: 4%}
#banner2{display:none;}
/*************head end***********/
#banner{width:100%;height:auto;position:relative}
#banner li>img{width:100%!important;height:auto;}
#banner .prev{background:url("../images/arrow_left.png") no-repeat;display:block;left:243px;}
#banner .next{background:url("../images/arrow_right.png") no-repeat;display:block;right:243px;}
#banner .prev,.banner .next{width:43px;height:73px;position:absolute;top:50%;margin-top:-36.5px;}



/*shouyechanp*/

.index2{width:100%;overflow:hidden;}
.index2 .index2_title{width:100%;text-align:center;margin:90px 0 60px;}
.index2 .index2_title1{width:100%;text-align:center;}
.index2_box{width:80%; margin:0 auto;}
.index2_box .i2_b_unit{width:33%;padding:10px;float:left;position:relative; box-sizing: border-box;}
.index2_box .i2_b_unit .iubox{width:100%; float: left;position: relative;}
/*.index2_box .i2_b_unit:first-child{margin-left:0;}
.index2_box .i2_b_unit:last-child{margin-right:0;}*/
.index2_box .i2_b_unit img{width:100%;}
.index2_box .i2_b_unit .menu_intro{position:absolute;bottom:10%;text-align:center;width:100%;background:rgba(255,255,255,0.5);}
.index2_box .i2_b_unit .menu_intro:hover{bottom:0;}
.index2_box .i2_b_unit .menu_intro::before{content: "";position: absolute;top: 0;left: 0;height: 100%;width: 100%;-webkit-transform: scaleY(0);-ms-transform: scaleY(0);-o-transform: scaleY(0);-moz-transform: scaleY(0);opacity: 0;background-color:#0053af;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;}
.index2_box .i2_b_unit .menu_intro:hover::before{-webkit-transform: scaleY(1);-moz-transform: scaleY(1);-ms-transform: scaleY(1); -o-transform: scaleY(1);transform: scaleY(1);opacity: 1;}
.index2_box .i2_b_unit .menu_intro h1{font-size:32px;color:#444;font-weight:normal;height:80px;line-height:80px;z-index:99;position:relative;}
.index2_box .i2_b_unit .menu_intro:hover h1{color:white;margin-top:80px;}
.index2_box .i2_b_unit .menu_intro p{display:none;color:white;z-index:99;position:relative;margin-top:10px;width:90%;font-size:16px;line-height:30px;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow:hidden;}
.index2_box .i2_b_unit .menu_intro:hover p{display:-webkit-box;margin:0 auto;}
.index2_box .i2_b_unit .menu_intro a{display:none;color:white;z-index:99;position:relative;margin-top:20px;padding:10px 20px;border:1px solid #fff; font-size:18px;}
.index2_box .i2_b_unit .menu_intro:hover a{display:inline-block;}
.slideInUp{animation-duration: .5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}


.toolbar-item,.toolbar-layer{background:url(../images/toolbar.png) no-repeat;}
.toolbar{position:fixed;right:0px;bottom:50px;}/*假设网页宽度为1200px，导航条在右侧悬浮*/
.toolbar-item{display:block;width:52px;height:52px;margin-top:1px;position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 1s;-o-moz-transition:background-position 1s;-webkit-moz-transition:background-position 1s;transition:background-position 1s;}
.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-item-weixin{background-position:0 -798px;}
.toolbar-item-weixin:hover{background-position:0 -860px;}
.toolbar-item-weixin .toolbar-layer{height:212px;background-position:0 0;}
.toolbar-item-feedback{background-position:0 -426px;}
.toolbar-item-feedback:hover{background-position:0 -488px;}
.toolbar-item-app{background-position:0 -550px;}
.toolbar-item-app:hover{background-position:0 -612px;}
.toolbar-item-app .toolbar-layer{height:194px;background-position:0 -222px;}
.toolbar-item-top{background-position:0 -674px;}
.toolbar-item-top:hover{background-position:0 -736px;}
.toolbar-layer{position:absolute;right:46px;bottom:-10px;width:172px;opacity:0;filter:alpha(opacity=0);
transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);
-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}