@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:16px/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{height: 43px; background: #f5f5f5}
.top  p{line-height: 43px}
.top ul{margin-top: 15px}
.top ul li{float: left;}
.top ul li a{display: block; line-height: 14px; color: #666666; padding: 0 18px; border-right: solid 1px #ccc;}
.top ul li a:hover{color: #195a9e}
.head{height: 123px;}
.head .logo{margin-top: 28.5px;}


/*.head .wechat{background: url(../images/head-wechat.jpg) no-repeat left top; padding-left: 101px; height: 90px; margin-top: 17px;}
.head .wechat span{display: block; font-size: 15px; line-height: 14px; margin: 10px 0 11px; letter-spacing: 4px;}
.head .wechat strong{display: block; font-size: 28px; line-height: 20px; color: #333; font-family: arial; margin-bottom: 11px}
.head .wechat b{display: block; line-height: 14px;  color: #c01f24;letter-spacing: 1px;}*/


.head .tel{ background: url(../images/head-tel.png) no-repeat center left;padding-left:58px;margin-top:35px;}
.head .tel span{display: block;font-size: 16px;  color:#333}
.head .tel  b{font-size:24px;color:#c01f24;font-weight:bold;line-height:24px;margin-top:8px;}



.nav{height: 60px; background: #195a9e}
.nav ul li{float: left; position: relative; }
.nav ul li>a{display: block; font-size:16px; line-height: 60px; color: #fff; text-align: center; border-right: solid 1px #1b88d7; width: 170px;}
.nav ul li:last-child a{padding-right: 0px;}
.nav ul li.on>a{background: #c01f24}
.nav ul li:hover>a{background: #c01f24 }
.nav ul li .hide{background:rgba(255,255,255,0.9);box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);float: left;left: 0px;display: none;width: 346px;position: absolute;z-index: 22;}
.nav ul li .hide em a{display:block;line-height:44px;color: #666;text-align: center;border-bottom: dotted 1px #ccc;font-size: 14px;float: left;width: 50%;}
.nav ul li .hide em:last-child a{border-bottom: none;}
.nav ul li .hide em a:hover{ color: #c01f24; 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{position: fixed; top: 0; width: 100%; top: 0; z-index: 222;}


/*首页banner*/
.banner{position:relative;}
.banner-hd {height:660px;position: relative; overflow:hidden; width: 100%;}
.banner-hd  ul{height:100%;margin: 0 auto;}
.banner-hd  ul li{height:100%;}

/*首页banner箭头*/
.banner-hd .prev,.banner-hd .next{display: none; width:45px;height:50px;background:url(../images/banner-btn.png) no-repeat;position:absolute;top:50%;margin-top:-25px; z-index: 2}
.banner-hd .prev{left:8%;}
.banner-hd .next{right:8%;background-position:right;}
.banner-hd .prev:hover,.banner-hd .next:hover{background:url(../images/banner-btn2.png) no-repeat;}
.banner-hd .next:hover{background-position:right;}

/*数字按钮样式*/
.banner-hd .num {overflow:hidden;position:absolute; bottom:12%; margin:0 auto;left:0;right:0;text-align:center;zoom:1; }
.banner-hd .num ul{display: inline-block;}
.banner-hd .num li {width:50px;height:3px;  color: #FFFFFF;margin:0 5px; cursor:pointer; float: left;background:#fff;}
.banner-hd .num li.on{ background:#0c89dd;}

/*搜索*/
.pannel{margin: 20px 0;}
.pannel .container{background:#f5f5f5;padding: 0 40px;height: 92px;/* width: 100%; */box-sizing: border-box;}
.pannel .info {padding-top: 22px;margin-right: 0;}
.pannel .info h3{display: block; font-size: 18px; color: #195a9e; font-weight: bold; }
.pannel .info span{display: block;font-size: 13px;color: #bfbfbf;text-transform: capitalize;}
.pannel .tel{background: url(../images/search-tel.png) no-repeat left top; padding-left: 50px; padding-top: 29px; margin-right: 49px; height: 41px}
.pannel .tel span{display: block; font-size: 14px; line-height: 14px; color: #888888; margin-bottom: 7px}
.pannel .tel strong{display: block; font-size: 24px; color: #c01f24; font-family: arial; line-height: 17px;}

.search{width: 470px; height: 34px; border-bottom: solid 1px #d9d9d9; margin-top: 12px; margin-bottom: 2px;}
.search input{display: block; outline: none; border: none; line-height: 34px; }
.search .search-text {width: 400px; padding-right: 15px; font-size: 15px; color: #aaaaaa;    background: none;}
.search .search-btn{background: url(../images/search-btn.png) no-repeat center; width: 24px; cursor: pointer;}
.keyswords ul li{float: left; margin: 0 10px}
.keyswords ul em,.keyswords ul a{font-size: 14px; color: #808080;}
.keyswords ul em{color: #195a9e; font-weight: bold;}



/*产品中心*/
.product{margin-bottom: 44px;}
.ny-left{background: #195a9e; width: 284px; padding-bottom: 7px;}
.column-title{background: url(../images/column-title.png) no-repeat 38px center; height: 93px; padding-left: 108px;}
.column-title strong{display: block; font-size: 34px; line-height: 34px; color: #fff; padding: 20px 0 7px}
.column-title span{display: block; font-size: 14px; line-height: 14px; color: #fff; opacity: 0.64; text-transform: uppercase;}
.ctitle1{background: #fff; padding: 13px 12px 8px; margin: 0 9px;}
.ctitle1 li{float: left; width: 100%; margin-bottom: 9px; position: relative;}
.ctitle1 li:after{position: absolute; content: ''; top: 0; left:0; width: 0; height: 54px; background: #195a9e}
.ctitle1 li a{display: block;  font-size: 15px; line-height: 50px; color: #4b4b4b; text-indent: 1rem; background: url(../images/ctitle1-li.png) no-repeat 207px center  #f5f5f5; position: relative; z-index: 1}
.ctitle1 li:hover:after,.ctitle1 li.on:after{width: 100%;  transition:0.4s;}
.ctitle1 li:hover a,.ctitle1 li.on a{color: #fff; background: url(../images/ctitle1-li-on.png) no-repeat 207px center;}

.contact-tel{background: url(../images/contact-tel.png) no-repeat 32px center; height: 85px; padding-left: 86px;}
.contact-tel em{display: block; line-height: 14px; padding-top: 23px;}
.contact-tel strong{display: block; font-size: 26px; font-family: arial; line-height: 19px; margin-top: 6px;}

.ny-right{width: 891px;}
.product-list ul{width: 909px;}
.product-list ul li{float: left; width: 285px; margin-right: 18px; margin-bottom: 19px;}
.product-list ul li .pic{width: 285px; overflow: hidden; border: 1px solid #fafafa; box-sizing: border-box; border-bottom: none}
.product-list ul li .pic img{display: block; width: 100%; -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 h3{display: block; background: url(../images/product-more.png) no-repeat 241px center #fafafa; font-size: 16px; line-height: 60px; color: #333; text-indent: 1rem;}
.product-list ul li:hover h3{color: #195a9e;background: url(../images/product-more2.png) no-repeat 250px center #195a9e; transition:0.6s; text-indent: 3.5rem; color: #fff}


/*关于丞象*/
.about {margin-bottom: 44px; background: #f5f5f5;width: 1200px;margin:0 auto; }
.about .pic{width: 585px; height: 360px;}
.about  .info{width: 581px;padding-left: 34px;}
.about  .info strong{display: block; font-size: 28px; line-height: 28px; color: #333; height: 50px; padding-top: 43px; position: relative; margin-bottom: 18px;}
.about  .info b{color: #195a9e}
.about  .info strong:after{position: absolute; content: ''; width: 50px; height: 1px;  background: #ccc; left: 0; bottom: 0;}
.about  .info p{line-height: 30px; width: 555px; text-align: justify; margin-bottom: 30px;}
.about  .info a{display: block; width: 165px; background: #195a9e; line-height: 46px; color: #fff; text-align: center; border-radius: 24px;}
.about  .info a:hover{background: #c01f24; transition: all linear .4s;-webkit-transition: all linear .4s;-moz-transition: all linear .4s;-ms-transition: all linear .4s;-o-transition: all linear .4s;}


/*丞象四大优势  ·  让您放心选择*/
.ys{margin: 38px auto;}
.ys-title{margin-bottom: 46px;}
.ys-title h2{font-size: 30px; color: #333; font-weight: bold;}
.ys-title strong{color: #195a9e}
.ys-title i{display: inline-block; font-size: 24px; font-style: normal; margin: 0 16px;}
.ys-title h3{font-size: 14px; color: #666; background: url(../images/ystitle-line.png) no-repeat center;}
.ys-content {margin-bottom: 14px;}
.ys-content .info{background: #fafafa; padding: 50px 50px 0; width: 350px; height: 252px;}
.ys-content .info .num{padding-left: 67px; margin-bottom: 23px;}
.ys-content .info .num1{background: url(../images/num1.png) no-repeat left top;}
.ys-content .info .num2{background: url(../images/num2.png) no-repeat left top;}
.ys-content .info .num3{background: url(../images/num3.png) no-repeat left top;}
.ys-content .info .num4{background: url(../images/num4.png) no-repeat left top;}
.ys-content .info strong{display: block; font-size: 24px; line-height: 24px; color: #195a9e; margin-bottom: 9px;}
.ys-content .info span{display: block; font-size: 14px; line-height: 14px; color: #abbcc6; text-transform: uppercase;}
.ys-content .info p{display: block; font-size: 15px; line-height: 28px; color: #666666; background: url(../images/ys-p.png) no-repeat left 12px; padding-left: 16px; margin-bottom: 11px;}
.ys-content .pic{width: 750px;}
.ys-btn ul li{float: left; background: url(../images/ys-btn1.png) no-repeat center top; font-size: 18px; line-height: 18px; color: #666; text-align: center; width: 300px; height: 35px; padding-top: 35px; cursor: pointer;}
.ys-btn ul li.on{background: url(../images/ys-btn2.png) no-repeat center top; color: #fff}


/*资质证书*/
.honor{background: #fafafa; padding: 24px 0 28px; margin-bottom: 28px}
.title{margin-bottom: 28px;}
.title h2{display: block; font-size: 20px; color: #333333; line-height: 24px; border-left: solid 4px #195a9e; padding-left: 11px; margin-top: 7px}
.title span{font-size: 14px; color: #9c9c9c; font-family: arial; text-transform: uppercase; margin-left: 8px}
.title a{display: block; width: 116px; background: #195a9e; line-height: 38px; color: #fff; text-align: center; border-radius: 20px;}
.title a:hover{background: #c01f24; transition: all linear .4s;-webkit-transition: all linear .4s;-moz-transition: all linear .4s;-ms-transition: all linear .4s;-o-transition: all linear .4s;}
.honor-list{overflow: hidden;}
.honor-list ul li{float: left; width: 278px; border: solid 1px #e5e5e5; margin-right: 27px;}
.honor-list ul li .pic img{display: block;}
.honor-list ul li:hover{border-color: #195a9e; transition:0.6s;}


/*工程案例*/
.case{margin-bottom: 33px;}
.case .title{margin-bottom: 18px;}
.case-list{overflow: hidden;}
.case-list ul li{float: left; width: 280px;margin-right: 27px;}
.case-list ul li .pic img{display: block; width: 100%}
.case-list ul li  h3{ border: solid 1px #e5e5e5; background: #f5f5f5; font-size: 16px; line-height: 58px; color: #666; text-align: center; }
.case-list ul li:hover h3{border-color: #195a9e; background: #195a9e; color: #fff; transition:1s; }


/*新闻资讯*/
.news{margin-bottom: 65px;}
.news-title{margin-bottom: 38px;}
.news-title strong{display: block; font-size: 30px; color: #333; }
.news-title b{color: #195a9e}
.news-title h2{font-size: 14px; line-height: 14px; color: #888888}

.latest-news{width: 440px;}
.latest-news .pic{width: 440px;}
.news .info{background: #f5f5f5; padding: 27px 26px 22px}
.news .info h3{font-size: 18px; color: #333; line-height: 16px; margin-bottom: 13px;}
.news .info span{color: #777777; line-height: 16px; font-family: arial;}
.news .info p{line-height: 26px; color: #777777; text-align: justify; margin-bottom: 10px;font-size: 15px }
.news .info em{display: block; width: 113px; line-height: 33px; color: #777777; border: solid 1px #ccc; text-align: center; border-radius: 18px;}
.news a:hover .info h3{color: #195a9e}
.latest-news a:hover .info em{border-color: #195a9e; background: #195a9e; color: #fff; transition:0.4s;}

.news-list{width: 740px;}
.news-list ul li{margin-bottom: 18px; background: #f5f5f5}
.news-list ul li .pic{width: 215px;
    height: 146px;}
.news-list ul li .info{padding:24px 14px 17px 22px; width:478px; }

.news-list ul li .info p{line-height: 22px; font-size: 15px}


/*公共底部*/
.foot{background: #343434; padding: 43px 0 30px;}
.foot-nav{width: 519px; margin-right: 262px}
.foot-nav dl dt{ font-size: 18px; color: #fff; line-height: 18px; margin-bottom: 21px;}
.foot-nav dl dd a{float: left; font-size: 15px; line-height: 34px; color: #7e7e7e; margin-right: 44px;}
.foot-nav dl dd a:hover{color: #fff;}
.foot .wechat{}
.foot .wechat img{display: block; margin-right: 9px;}
.foot .wechat em{display: block; color: #7e7e7e; writing-mode: vertical-rl; margin-top: 16px; }
.foot .info{width: 192px;}
.foot .info em{display: block; width: 148px; border: solid 1px #7e7e7e; border-radius: 22px; font-size: 17px; line-height: 42px; color: #7e7e7e; text-align: center; margin-bottom: 13px;}
.foot .info strong{display: block; font-size: 25px;line-height: 43px; color: #c01f24; font-family: arial}
.foot .info span{display: block; line-height: 14px; color: #575757;}
.foot-copy{background: #111}
.foot-copy p{color: #7e7e7e; line-height: 54px;}
.foot-copy p a{color: #7e7e7e;}
.foot-copy p a:hover{color: #fff;}


/*在线咨询*/
.zx-service{position: fixed;right: 5px;top: 25%;z-index: 9999;}
.zx-service ul li{margin-bottom: 1px;position: relative;}
.zx-service ul li a{display: block; width: 80px;height: 52px;padding: 14px 0;background: #195a9e;}
.zx-service ul li:hover a{background: #c01f24;}
.zx-service ul li a img{display: block;margin: 0 auto 10px;}
.zx-service ul li a span{display: block;width: 80px;color: #fff;text-align: center;line-height: 14px;}
.zx-service ul li dl{width: 150px;padding: 0 15px;background: #c01f24;text-align: center;display: none;position: absolute;right: 81px;top: 0;}
.zx-service ul li dl dd{font-family: arial;color: #fff;font-size: 20px;height: 50px;width: 150px;line-height: 50px;}
.weixin-hide{width: 130px;padding: 140px 10px 0;background:url(../images/weixin.jpg) no-repeat center top 10px #c01f24;position: absolute;right: 81px;top: 0;display: none;}
.weixin-hide span,.weixin-hide b,.weixin-hide em{display: block; width: 100%;text-align: center;color: #fff;}
.weixin-hide span{line-height: 36px;}
.weixin-hide em{line-height: 35px;}
.weixin-hide b{line-height: 13px;font-family: arial;font-size: 18px}
.tel-hide li span,.tel-hide li b{display: block;color: #fff;}
.tel-hide li span{line-height: 12px;font-size: 14px;}
.tel-hide li b{line-height: 15px;font-size: 19px;font-family: arial;padding-top: 10px;}	
.zx-service03:hover .weixin-hide{display: block;}
.zx-service ul li:hover dl{display: block;}



/*内页样式*/
.ny-banner {height: 400px;}
.ny-main{margin-top: 25px; margin-bottom:100px;}
.ny-right .position{display: block;margin-top: 30px; margin-bottom: 20px; border-bottom: solid 1px #ddd;position: relative;}
.ny-right .position span{display: block; padding-left:33px; font-size: 13px;line-height: 40px;background: url(../images/ny-home.png) no-repeat 5px center;border-bottom: solid 1px #0171C8; z-index: 0;position: absolute;bottom: -1px;left: 0;}
.ny-right .position span a.on{color: #0171C8;}
.ny-right .position span a:hover{color: #0171C8;}

/*内页图片列表页*/
.ny-pic-list ul{width: 909px;}
.ny-pic-list ul li{float: left; width: 285px;  margin-right: 18px; margin-bottom: 19px;}
.ny-pic-list ul li .pic img{display: block; border: solid 1px #eee;  border-bottom: none; width: 100%}
.ny-pic-list ul li h3{ font-size: 16px; line-height: 45px; color: #333; text-align: center; background: #eee;}
.ny-pic-list ul li:hover h3{background: #195a9e; color: #fff; transition:0.6s;}


/*内页产品列表页*/
.ny-product-list ul{width: 909px;}
.ny-product-list ul li{float: left; width: 285px; margin-right: 18px; margin-bottom: 19px; position: relative;}
.ny-product-list ul li .pic{
	overflow: hidden; position: relative; border: 1px solid #fafafa; box-sizing: border-box}
.ny-product-list ul li .pic>img{display: block; width: 100%}
.ny-product-list ul li .info{ width: 100%; height: 100%; background: rgba(11,120,200,0.85);  position: absolute;  opacity: 0; top: 0}
.ny-product-list ul li .info h3{display: block; font-size: 16px; line-height: 16px; color: #fff; text-align: center;  margin: 100px 0 20px;}
.ny-product-list ul li .info .more-icon{display: block; width: 25px; height: 25px; margin: 0 auto;}

.ny-product-list ul li:hover .info{opacity: 1; }

.ny-product-list ul li .hidden::before,
.ny-product-list ul li .hidden::after {
	position: absolute;
	content: '';
	opacity: 0;
}

.ny-product-list ul li .hidden::before {
	top: 15px;
	right: 15px;
	bottom: 15px;
	left: 15px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

.ny-product-list ul li .hidden::after {
	top: 15px;
	right: 15px;
	bottom: 15px;
	left: 15px;
	border-right: 2px solid #fff;
	border-left: 2px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
}


.ny-product-list ul li .hidden::before,
.ny-product-list ul li .hidden::after
{
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}


.ny-product-list ul li:hover .hidden::before,
.ny-product-list ul li:hover .hidden::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.ny-product-list ul li:hover .hidden::before,
.ny-product-list ul li:hover .hidden::after
 {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

/*产品详情*/
.ny-right  .pro1 .pro-list-pic{width: 42%; border: 1px solid #fafafa; box-sizing: border-box}
.ny-right  .pro1 .spec-preview img{display: block;}
.ny-right  .pro1 .descript1{width: 54%;}
.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{font-size: 14px;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: #195a9e;}
.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: #195a9e;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 #195a9e; 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:#195a9e;}



/*内页新闻列表*/
.ny-news-list ul li{padding:20px;background:#fafafa; margin-bottom: 20px;height: 136px;width: 851px;transition: all 0.3s;}
.ny-news-pic{width: 200px;height: 136px;}
.ny-news-col{width: 625px;}
.ny-news-col h3{font-size: 18px;color: #595959;overflow: hidden;background: url(../images/news-line.png) no-repeat center left -20px;transition: all 0.5s;line-height: 18px;margin-top: 20px;}
.ny-news-col span{display: block;font-family: arial;color: #666;padding-left: 20px;background: url(../images/date.png) no-repeat center left;line-height: 12px;margin: 18px 0 10px;}
.ny-news-col p{color: #808080;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-align:justify;}
.ny-news-list ul li:hover{background: #fff;box-shadow: 0 0 8px rgba(0,0,0,0.1);}
.ny-news-list ul li:hover .ny-news-col h3{padding-left: 20px;background: url(../images/news-line.png) no-repeat center left;color: #195a9e;}




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

.line1{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.line2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.line3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.line4{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}



.flex{display: flex;}
.flex-sbc{display: flex; justify-content: space-between;  align-items: center;}
.flex-c{display: flex; align-items: center;}
.flex-cc{display: flex; align-items: center; justify-content: center;}
.flex-ccc{display: flex; align-items: center; justify-content: center; flex-direction: column;}
.flex-dcsb{display: flex; flex-direction: column; justify-content: space-between;}
.flex-sb{display: flex; justify-content: space-between;}
.flex-sbw{display: flex;justify-content: space-between; flex-wrap: wrap;}
.flex-cw{display: flex; align-items: center; flex-wrap: wrap;}
.flex-dc{display: flex; flex-direction: column;}
.flex-w{display: flex; flex-wrap: wrap;}
.flex-sbcw{display: flex;justify-content: space-between; align-items: center;  flex-wrap: wrap;}


.head .text{margin-left: 15px}
.head .text strong{color: #c01f24; font-size: 30px; line-height: 1}
.head .text  span{font-size: 18px; display: block; margin-top: 5px}
.head .text em{color: #c01f24; }


.pro-list-pic{overflow: hidden; position: relative}
.pro-list-pic ul li img{display: block; width: 100%}