@charset "UTF-8";
body, div, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, a, img {
	margin: 0;
	padding: 0;
	border: none;
}

body {
	background: #fff;
	font-family: "Microsoft YaHei", "微软雅黑", arial;
	font-size: 12px;
	color: #333333;
	font-weight: normal;
}
textarea, input {
	font-family: "Microsoft YaHei", "微软雅黑", arial;
	color: #333333;
	font-size: 12px;
	padding: 0;
	margin: 0;
	outline: none;
	-webkit-appearance: none;
}
article, aside, dialog, footer, header, section, footer, nav, figure, menu {
	display: block;
}
input:focus, textarea:focus {
	outline: none;
}
ol, ul, li {
	list-style: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 12px;
	color: #333333;
	font-weight: normal;
}
a, a:link, a:visited, a:focus, a:active, a:hover {
	font-family: "Microsoft YaHei", "微软雅黑", arial;
	color: #333333;

	text-decoration: none;
}
a:hover {
	color: #0199cb;
}
html, body {
	height: 100%;
}


.header { padding-top:0; }
.container { margin-top:0; padding-top:10px; }
.title-1:after { content:''; display:inline-block; width:6px; height:6px; margin-left:9px; background:#f37321; border-radius:100%; vertical-align:bottom; }
.contWrap { width:1440px; margin:0 auto; }

.visualWrap { height:1080px; }
.visualWrap:before { display:none; }
.visualWrap .inner, .visualWrap .slick-list, .visualWrap .slick-track { width:100% !important; height:100% !important; }
.visualWrap .slide { position:absolute !important; left:0 !important; right:0; top:0; z-index:977 !important; width:100% !important; height:100% !important; overflow:hidden; opacity:1 !important; }
.visualWrap .slick-initialized .slide.old { z-index:988 !important; }
.visualWrap .slick-initialized .slide.slick-active { z-index:999 !important; }
.visualWrap .slick-initialized .slide.old .visualAni, .visualWrap .slick-initialized .slide.slick-active .visualAni { width:100%; }
.visualWrap .visualAni { position:absolute; left:auto; right:0; top:0; width:100%; height:100%; overflow:hidden; }
.visualWrap .visual { margin:-540px 0 0 -960px; margin-left:0 !important; margin-right:0 !important; left:auto !important; right:0 !important; width:1920px; height:1080px; background-size:cover; }
.visualWrap .visual img { width:100%; }
.visualWrap .scroll { position:absolute; left:50%; bottom:0; z-index:5; margin-left:-39px; }
.visualWrap .textWrap { position:absolute; left:50%; bottom:15.18%; z-index:5; margin:0 0 0 -450px; width:900px; min-height:364px; text-align:center; }
.visualWrap .mainTxt { position:relative; display:block; z-index:5; text-align:center; font-size:11px; line-height:1; color:#fff; margin-bottom:15px; }
.visualWrap .subTxt { position:relative; display:block; z-index:5; text-align:center; font-size:11px; line-height:1; color:#fff; }
.visualWrap .more { position:absolute; left:0; bottom:0; z-index:5; width:900px; text-align:center; }
.visualWrap .slick-dots { position:absolute; bottom:auto; top:50%; left:auto; right:0; z-index:99999; width:auto; margin-top:-115px; }
.visualWrap .slick-dots li { position:relative; display:block; background:#0f0c18; background-color:rgba(14,10,22,0.2); font-size:1px; line-height:1; }
.visualWrap .slick-dots li+li { margin-top:10px; }
.visualWrap .slick-dots button { position:relative !important; z-index:22; text-indent:0; border-radius:0; width:240px; height:60px; margin:0; padding-left:30px; background:transparent; font-family:'Myriad'; font-weight:800;  font-size:14px; color:#fff; opacity:0.8; }
.visualWrap .slick-dots .slick-active button { color:#111; opacity:1; }
.visualWrap .slick-dots .num:after { content:''; display:inline-block; width:3px; height:3px; margin:0 10px; background:#fff; border-radius:3px; vertical-align:middle; }
.visualWrap .slick-dots .slick-active .num:after { background-color:#111; }
.visualWrap .slideList { width:auto !important; margin-right:-20px; }
.isOpenSearch .visualWrap .slideList, .isOpenAllMenu .visualWrap .slideList { margin-right:0; }
.visualWrap .slick-dots { right:20px; }
.isOpenSearch .visualWrap .slick-dots, .isOpenAllMenu .visualWrap .slick-dots { right:0; }
.visualWrap .scroll { margin-left:-29px; }
.isOpenSearch .visualWrap .scroll, .isOpenAllMenu .visualWrap .scroll { margin-left:-49px; }

.csstransitions .visualWrap .visualAni {width:0; -webkit-transition:width 0s cubic-bezier(.8,0,0,1) !important; transition:width 0s cubic-bezier(.8,0,0,1) !important; will-change:width; }
.csstransitions .visualWrap .slick-active .visualAni { -webkit-transition-duration:1.3s !important; transition-duration:1.3s !important; }
.csstransitions .visualWrap .mainTxt { opacity:0; -webkit-transform: matrix(1, 0, 0, 1, 0, 60); transform: matrix(1, 0, 0, 1, 0, 60); -webkit-transition: all 0.6s ease-out 0.6s; transition: all 0.6s ease-out 0.6s; }
.csstransitions .visualWrap .subTxt { opacity:0; -webkit-transform: matrix(1, 0, 0, 1, 0, 75); transform: matrix(1, 0, 0, 1, 0, 75); -webkit-transition: all 0.6s ease-out 0.7s; transition: all 0.6s ease-out 0.7s; }
.csstransitions .visualWrap .subTxt p{font-size: 30px;}
.csstransitions .visualWrap .more { opacity:0; -webkit-transform: matrix(1, 0, 0, 1, 0, 80); transform: matrix(1, 0, 0, 1, 0, 80); -webkit-transition: all 0.6s ease-out 0.7s; transition: all 0.6s ease-out 0.7s; }
.csstransitions .visualWrap .slick-ani .slick-active .mainTxt { opacity:1; -webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0); }
.csstransitions .visualWrap .slick-ani .slick-active .subTxt { opacity:1; -webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0); }
.csstransitions .visualWrap .slick-ani .slick-active .more { opacity:1; -webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0); }
.csstransitions .visualWrap .slick-dots button { -webkit-transition: color 0.3s ease-out 0.6s; transition: color 0.3s ease-out 0.6s; }
.csstransitions .visualWrap .slick-dots .num:after { -webkit-transition: background 0.3s ease-out 0.6s; transition: background 0.3s ease-out 0.6s; }
.csstransitions .visualWrap .slick-dots li:before { content:''; position:absolute; right:0; top:0; bottom:0; width:0; background:#fff; -webkit-transition: width 0.3s ease-out 0.6s; transition: width 0.3s ease-out 0.6s; }
.csstransitions .visualWrap .slick-dots li.slick-active:before { width:100%; }
.csstransitions .visualWrap .slick-dots .time { content:''; position:absolute; right:0; top:50%; width:80px; height:2px; margin-top:-1px; background:#dfdfdf; opacity:0; -webkit-transition: opacity 0.3s ease-out 0.6s; transition: opacity 0.3s ease-out 0.6s; }
.csstransitions .visualWrap .slick-dots .slick-active .time { opacity:1; }
.csstransitions .visualWrap .slick-dots .time:after { content:''; position:absolute; left:0; top:0; width:0; height:100%; background:#f37320;  opacity:0;-webkit-transition: width 6.5s ease-out 0.6s; transition: width 6.5s ease-out 0.6s; }
.csstransitions .visualWrap .slick-dots.ani .slick-active .time:after { width:100%; opacity:1; }
.no-csstransitions .visualWrap .slick-dots .time { display:none; }
.no-csstransitions .visualWrap .slick-dots li.slick-active { background:#fff; }

.stock { margin:0 0 55px; text-align:center; line-height:28px; margin-top:-7px; }
.stock .cur { font-size:28px; color:#333; font-family:'Myriad'; font-weight:600; }
.stock .fluc { font-weight:bold; margin-left:4px; }
.stock .date { font-size:14px; color:#888; margin-left:14px; }

.thumbList2 { *zoom:1; }
.thumbList2:after { content:''; clear:both; display:block; }
.thumbList2 .col { float:left; }
.thumbList2.col3 .col { width:33.3%; }
.ie .thumbList2.col3 .col { width:33.333%; }
.thumbList2 .col > a { display:block; text-decoration:none !important }
.thumbList2 .thumb { position:relative; display:block; width:100%; padding-top:79.16%; overflow:hidden; }
.thumbList2 .thumb img { position:absolute; left:0; top:0; width:100.2%; height:100.2%; }
.thumbList2 .txt { display:block; padding:43px 0 40px; margin-left:40px; color:#111; border-bottom:1px solid #ddd; line-height:1.5; }
.thumbList2 .point-1 { display:block; margin-bottom:10px; }
.thumbList2 .desc { display:block; margin-bottom:20px; min-height:48px; }
.csstransitions .thumbList2 .thumb img { margin-right:-1px; -webkit-transition: -webkit-transform 0.4s ease-out; transition: transform 0.4s ease-out; }
.csstransitions .thumbList2 a:hover .thumb img, .thumbList2 a:focus .thumb img { -webkit-transform:scale(1.1); transform:scale(1.1); }
.about{width: 1200px;margin: auto;margin-top: 60px;}
 .sstitle{width: 50%;margin: auto;height: 125px;background: url(../images/biaotibg.png) center no-repeat;background-size: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.sstitle h1{font-size: 48px;font-weight: bold;color: #e6e6e6;text-transform: uppercase;letter-spacing: 5px;}
.sstitle h2{font-size:24px;color: #0199cb; position: relative;top:-28px;font-weight: bold;}
.sstitle h4{display:none;font-size: 18px;color: #666;letter-spacing: 5px;position: relative;top:-16px;}
.sstitle  p{font-size: 14px;color: #999;letter-spacing: 5px;margin-top: 10px;position: relative;top:-17px;}
.about  .zh{width: 100%;margin: auto;margin-top: 60px;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.about  .zh .zuo{width: 45%;}
.about  .zh .you{width: 53%;}
.about .zh .you .sh{position: relative;right: 14%;}
.about  .zh .you .sh img{width: 70%;}
.about  .zh .you .sh  .zi{width: 100%; position:absolute;left: -14%;top:27%;text-align: center;}
.about  .zh .you .sh  .zi h2{font-size: 24px;color: #fff;letter-spacing: 10px;}
.about  .zh .you .sh  .zi p{font-size: 14px;color: #fff;}
.about  .zh .you  .xia h4{font-size: 20px;color: #333;font-weight: bold;margin-bottom: 10px;margin-top: 10px;}
.about  .zh .you  .xia p{font-size: 14px;color: #999;line-height: 24px;text-indent: 2rem;}
.about .more{width: 15%;margin: auto;display: flex;flex-direction: row;justify-content: space-around;align-items: center;padding: 10px 0;border: #999 1px solid;margin-top: 40px;border-radius: 4px;}
.about .more:hover{background: #e48644;border: none;transition: all ease-out 0.5s;}
.about .more:hover p{color: #fff;transition: all ease-out 0.5s;}

.main .categories .swiper-container {
  margin-top: 40px;
}
.main .categories .swiper-container .bottom {
  width: 186px;
  margin: 52px auto 0 auto;
}
.main .categories .swiper-container .bottom .swiper-button-next,
.main .categories .swiper-container .bottom .swiper-button-prev {
  width: 40px;
  height: 40px;
  background: url(../images/arrow3.png) no-repeat center #f4f4f4;
  position: static;
  margin: 0;
  float: left;
  opacity: 1;
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
.main .categories .swiper-container .bottom .swiper-button-next:hover,
.main .categories .swiper-container .bottom .swiper-button-prev:hover {
  background-color: #0199cb;
  background-image: url(../images/arrow4.png);
}
.main .categories .swiper-container .bottom .swiper-button-next {
  background-image: url(../images/arrow1.png);
}
.main .categories .swiper-container .bottom .swiper-button-next:hover {
  background-image: url(../images/arrow2.png);
}
.main .categories .swiper-container .bottom .icon {
  background: url(../images/categories_icon.png) no-repeat center #f4f4f4;
  width: 84px;
  height: 40px;
  margin: 0 10px;
  float: left;
}
.main .categories .swiper-container .swiper-slide a {
  display: block;
}
.main .categories .swiper-container .swiper-slide .pic {
 
	height: 265px;overflow: hidden;display: flex;flex-direction: row;justify-content: center;align-items: center;
}
.main .categories .swiper-container .swiper-slide .pic:hover img {
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
}
.main .categories .swiper-container .swiper-slide .pic img {
  width: 80%;
  display: block;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
}
.main .categories .swiper-container .swiper-slide:nth-child(even) .text::after {
  top: auto;
  bottom: -1px;
  background: url(../images/triangle2.png) no-repeat;
}
.main .categories .swiper-container .swiper-slide .text {
  height: 265px;
  border: solid 1px #eeeeee;
  box-sizing: border-box;
  text-align: center;
  padding: 40px 40px 0 40px;
  position: relative;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
}
.main .categories .swiper-container .swiper-slide .text:hover {
  border: solid 1px #0199cb;
  background: #0199cb;
}
.main .categories .swiper-container .swiper-slide .text:hover:after {
  opacity: 1;
  filter: alpha(opacity=100);
}
.main .categories .swiper-container .swiper-slide .text:hover .tit,
.main .categories .swiper-container .swiper-slide .text:hover .txt {
  color: #fff;
}
.main .categories .swiper-container .swiper-slide .text:hover .more {
  background-color: #fff;
}
.main .categories .swiper-container .swiper-slide .text::after {
  content: " ";
  position: absolute;
  left: 50%;
  top: -1px;
  background: url(../images/triangle1.png) no-repeat;
  width: 16px;
  height: 8px;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  opacity: 0;
  filter: alpha(opacity=0);
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
.main .categories .swiper-container .swiper-slide .text .tit {
  line-height: 30px;
  font-size: 20px;
  color: #000000;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
	  
            text-overflow:ellipsis; 
         
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden;
}
.main .categories .swiper-container .swiper-slide .text .txt {
  line-height: 24px;
  font-size: 14px;
  color: #666666;
  margin-top: 22px;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
	        overflow:hidden;
            text-overflow:ellipsis; 
       
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden;
}
.main .categories .swiper-container .swiper-slide .text .more {
  width: 138px;
  height: 40px;
  line-height: 40px;
  margin: 32px auto 0 auto;
  text-indent: 22px;
  font-size: 16px;
  color: #666666;
  background: url(../images/arrow1.png) no-repeat right 23px center #f4f4f4;
  border-radius: 4px;
  text-align: left;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
}
/*荣誉资质*/
.ry{width: 100%;height:440px;margin: auto;margin-top: 100px;background: url(../images/bg2.png) no-repeat center;padding-top: 60px;}
.ry .biao{position: absolute;right: -28px;top:-155px;}

.ry .title h2{width: 80%; color: #ff8e42;padding-left: 20px; border-left: #fff 6px solid;}

.section1{padding: 60px 0;}



#owl-demo1{position:relative;padding:0;margin:0px}
#owl-demo1 .owl-stage-outer{overflow:hidden;position:relative;z-index:10;}
#owl-demo1 *{box-sizing:border-box;}
.s1-img{width: 100%;overflow: hidden;}
.s1-img img{width: 100%;}
/* 导航层 */
#owl-demo1 .owl-item{float:left;}
#owl-demo1 .owl-controls{margin-top:0px;text-align:center;}
/* 左右按钮 */
#owl-demo1 .owl-controls .owl-nav{}
#owl-demo1 .owl-controls .owl-nav [class*=owl-]{
font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; 
display: block;height: 40px;width: 40px;
position: absolute;top: 60%;margin-top: -65px;cursor: pointer;overflow: hidden;z-index: 11;display: inline-block;
line-height: 40px;text-align: center;color: #fff; transition: all 300ms ease-in-out 0s;}
#owl-demo1 .owl-controls .owl-nav .owl-prev{left: -40px;background: rgba(255,255,255,.05)}
#owl-demo1 .owl-controls .owl-nav .owl-next{right: -40px;background:  rgba(255,255,255,.05)}

#owl-demo1 .owl-controls .owl-nav .owl-prev:before{content: "\f104";}
#owl-demo1 .owl-controls .owl-nav .owl-next:before{content: "\f105";}
#owl-demo1:hover .owl-controls .owl-nav .owl-prev{left: 0;background: rgba(0,0,0,.4)}
#owl-demo1:hover .owl-controls .owl-nav .owl-next{right: 0;background:  rgba(0,0,0,.4)}
/* 远点按钮 */
#owl-demo1 .owl-dots{}
#owl-demo1 .owl-dots .owl-dot{display:inline-block;zoom:1}
#owl-demo1 .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity .2s ease;-moz-transition:opacity .2s ease;-ms-transition:opacity .2s ease;-o-transition:opacity .2s ease;transition:opacity .2s ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
#owl-demo1 .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#0199cb}
/* News YangFangLing 2018年8月13日 */
.news {padding: 70px 0;background: #f8f8f8;}
.news .conbox {width: 100%;margin: auto;}
.news .conleft {width: 790px;}
.news .conleft .newstop {height: 57px;border-bottom: 1px solid #e0e0e0;margin-bottom: 25px;}
.news .conleft .newstop ul {float: left;}
.news .conleft .newstop ul li {float: left;text-align: center;height: 54px;font-size: 18px;margin-left: 50px;position: relative;}
.news .conleft .newstop ul li:first-child {margin-left: 0;}
.news .conleft .newstop ul li a {color: #666;}
.news .conleft .newstop ul li.cur {border-bottom:3px solid #0199cb;font-weight: bold;}
.news .conleft .newstop ul li.cur a {color: #333;}
.news .conleft .newstop .morea {height: 48px;line-height: 48px;color: #999999;padding-top: 10px;}
.news .conleft .newsCon .box {display: none;}
.news .conleft .newsCon .box.cur {display: block;}
.news .newsCon dl {padding-left: 250px;position: relative;margin-bottom: 40px;height: 160px;}
.news .newsCon dl dt {position: absolute;left: 0;top: 0;overflow: hidden;}
.news .newsCon dl dt img {display: block;width: 210px;height: 160px;transition: .8s;}
.news .newsCon dl dt:hover img{transform: scale(1.1);}
.news .newsCon dl dd.dd1 {font-size: 18px;margin-bottom: 20px;font-weight: bold;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.news .newsCon dl dd.dd1 a {color: #333;}
.news .newsCon dl dd.dd2 {font-size: 14px;line-height: 24px;height: 72px;margin-bottom: 30px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.news .newsCon dl dd.dd3 a {color: #333;font-style: italic;}
.news .newsCon dl dd.dd3 em {margin-right: 20px;}
.news .newsCon ul {padding-top: 18px;border-top: 1px dashed #cccccc;}
.news .newsCon ul li {float: left;width: 370px;overflow: hidden;position: relative;border-bottom: 1px dashed #cccccc;height: 60px;line-height: 60px;margin-right: 25px;}
.news .newsCon ul li.bdnot {margin-left: 0;}
.news .newsCon ul li a {float: left;width: 230px;padding-left: 28px;background: url(../images/newsicon.jpg) no-repeat left center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 16px;}
.news .newsCon ul li span {float: right;color: #999;font-style: italic;font-size: 14px;padding-right: 5px;}
.news .newsCon ul li:hover a {color: #0199cb;}
.news .conright {width: 360px;}
.news .conright .newstop {height: 57px;}
.news .conright .newstop .morea {float: right;height: 48px;line-height: 48px;color: #999999;}
.news .conright .cjwt {position: relative;}
.news .conright .cjwt td {padding: 0;}
.news .conright .cjwt{position: relative;overflow: auto;height: 489px;}
.news .conright .cjwt ul{position: relative;height: 489px;}
.news .conright .cjwt ul li {height: 125px;padding: 25px 20px 0 65px; background: #fff;margin-bottom: 20px;}
.news .conright .cjwt ul li dt {height: 23px;line-height: 23px;font-size: 16px;margin-bottom: 14px;position: relative;}
.news .conright .cjwt ul li dt em {display: block;width: 29px;height: 69px;position: absolute;left: -40px;top: -2px;background: url(../images/newsicon02.png) no-repeat center;}
.news .conright .cjwt ul li dt a {color: #333;   text-overflow:ellipsis; 
           
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden;}
.news .conright .cjwt ul li:hover dt a{color: #0199cb;}
.news .conright .cjwt ul li dd {height: 24px;line-height: 24px;font-size: 14px;height: 72px; margin-bottom: 8px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;}
/* News End */
.lianxi{width: 100%;margin: auto;height: 270px;background: url(../picture/bg5.png) center no-repeat}
.lianxi .con{width: 1200px;margin: auto;text-align: center;position: relative;top:100px}
.lianxi .con h2{font-size: 24px;color: #fff;}
.lianxi .con .biao{width: 100%;display: flex;flex-direction: row;justify-content: center;align-items: center;margin-top: 40px;}
.lianxi .con .biao .i1{width: 30%;padding: 10px 0;border: #fff 1px solid;color: #fff;font-size: 14px;padding-left: 20px}
.lianxi .con .biao .i2{width: 10%;background: #0199cb;font-size: 14px;color: #fff;text-align: center;padding: 16px 0;}

/*================= 友情链接 ==================*/

#s_links { width: 1200px;margin: auto;margin-top: 60px;margin-bottom: 60px;}

#s_links .main_box{ overflow: hidden;}

#s_links ul{ margin-right:-14px; overflow: hidden;}

#s_links li{border: 1px solid #e8e8e8; width:160px; display: block; position: relative; overflow: hidden; height: 80px; float:left; margin-right:14px;}

#s_links li a{ display: block; }

#s_links li img{ width:160px; position: relative; opacity:1;   display:block; }

#s_links li a:hover img{-webkit-filter: none; opacity:1; }

#s_links li:hover{ border-radius: 40px 0 40px 0; border: 1px solid #0199cb;transition: all ease-out 0.5s;}
.di{width: 100%;margin: auto;background: url(../picture/bg9.png) center no-repeat;height: 400px;background-size: cover;}
.di .da{width: 1200px;margin: auto;display: flex;flex-direction: row;justify-content: space-between;align-items: flex-start;padding: 40px 0;}
.di .da .zuo{width: 30%;margin-right: 5%;}
.di .da .zuo img{width: 100%;}
.di .da .you{width: 65%;display: flex;flex-direction: row;justify-content: flex-start;align-items: flex-start;}
.di .da .you ul{display: flex;flex-direction: column;justify-content: center;align-items: center;margin: 0 14px}
.di .da .you ul li a{padding: 10px 0;font-size: 14px;color: #fff;display: block;}
.di2{width: 100%;padding: 10px 0;background: #3f4142;}
.di2 .da{width: 1200px;margin: auto;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.di2 .da p,.di2 .da p  a{font-size: 12px;color: #fff;}
.foot_link{width: 228px;height: 34px;border: 1px solid #fff;cursor:pointer;overflow:visible;position: relative; text-align:left; float:right;}
.foot_link .tanchu{width: 228px;padding:10px 13px;box-sizing:border-box;position:absolute;bottom: 33px;background:rgba(0,0,0,.5);display: none;left: -1px;}
.foot_link .tanchu a { color: #fff !important; line-height: 27px; display:block; font-size: 12px;}
.foot_link .tanchu .swiper-slide{ height:30px !important;}
.foot_link .swiper-scrollbar-drag{ height:60% !important;}
.foot_link #bnt_link1.a {padding-left:12px;color: #fff;text-align:left;line-height: 32px;width:210px;box-sizing:border-box;font-size: 12px;text-decoration:none;position:absolute;z-index:1;}
.foot_link .a span{ display:inline-block; float:right; color:#919397; line-height:25px;}

/*内页开始*/
/*关于我们*/
.biaoti{width: 40%;margin: auto;text-align: center;margin-top: 60px;margin-bottom: 60px;}
.biaoti h2{font-size: 36px;color: #333;font-weight: bold;}
.biaoti p{font-size: 20px;color: #333;margin: 10px 0;}.biaoti .xian{width: 1px;height: 40px;background: #999;margin: auto;}
.about1{width: 1200px;margin: auto;margin-top: 60px;margin-bottom: 200px}

.about1  .zh{width: 100%;margin: auto;margin-top: 60px;position: relative;}
.about1  .zh .zuo{width: 45%;float: left;margin-right: 2%;}
.about1  .zh .you{width: 100%;}
.about1 .zh .you .sh{position: absolute;right: 22%;top:40px;}
.about1  .zh .you .sh img{width: 70%;}
.about1  .zh .you .sh  .zi{width: 100%; position:absolute;left: -14%;top:12%;text-align: center;}
.about1 .zh .you .sh  .zi h2{font-size: 24px;color: #fff;letter-spacing: 10px;}
.about1  .zh .you .sh  .zi p{font-size: 14px;color: #fff;}
.about1  .zh .you  .xia{position: relative;top:140px;}
.about1  .zh .you  .xia h4{font-size: 20px;color: #333;font-weight: bold;margin-bottom: 10px;margin-top: 10px;}
.about1  .zh .you  .xia p{font-size: 14px;color: #999;line-height: 24px;text-indent: 2rem;}
.lianxi1{width: 100%;margin: auto;height: 270px;background: url(../picture/abg1.png) center no-repeat}
.lianxi1 .con{width: 1200px;margin: auto;text-align: center;position: relative;top:80px}
.lianxi1 .con h2{font-size: 30px;color: #fff;}
.lianxi1 .con h4{font-size: 20px;color: #fff;margin: 20px 0;}
.licheng{width: 100%;margin: auto;margin-bottom: 100px;}
.licheng .list{width: 100%;background: #f3f3f3;border-bottom: #ccc 1px dashed;}
.licheng .list .da{width: 1200px;margin: auto;height: 100%;padding: 40px 0;}
.licheng .list .da li{width: 100%;margin: auto;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.licheng .list .da li .zuo{width: 46%;border-right: #ccc 1px dashed;padding: 0 2%;}
.licheng .list .da li .zuo h2{font-size: 68px;font-weight: bold;color: #e5e5e5;}
.licheng .list .da li .zuo h4{font-size: 20px;color: #0199cb;position: relative;top:-50px;}
.licheng .list .da li .zuo .xian{width: 20px;height: 5px;background: #0199cb;position: relative;top:-30px;}
.licheng .list .da li .zuo p{font-size: 14px;line-height: 24px;color: #333;}
.licheng .list .da li .you{width: 46%;padding: 0 2%;}
.licheng .list .da li .you img{width: 100%;height: 250px;}
.licheng .list1{width: 100%;background: #fff;border-bottom: #ccc 1px dashed;}
.licheng .list1 .da{width: 1200px;margin: auto;height: 100%;padding: 40px 0;}
.licheng .list1 .da li{width: 100%;margin: auto;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.licheng .list1 .da li .zuo{width: 46%;padding: 0 2%;}
.licheng .list1 .da li .zuo h2{font-size: 68px;font-weight: bold;color: #f0f0f0;}
.licheng .list1 .da li .zuo h4{font-size: 20px;color: #0199cb;position: relative;top:-50px;}
.licheng .list .da li .zuo .xian{width: 20px;height: 5px;background: #0199cb;position: relative;top:-30px;}
.licheng .list1 .da li .zuo p{font-size: 14px;line-height: 30px;color: #333;}
.licheng .list1 .da li .you{width: 46%;padding: 0 2%;border-right: #ccc 1px dashed;}
.licheng .list1 .da li .you img{width: 100%;height: 250px;}
.licheng .jia a{display: block;width: 10%;padding: 15px 0;font-size: 14px;color: #fff;background: #0199cb;text-align: center;margin: auto;margin-top: 20px;border-radius: 4px;}
/*企业荣誉*/
.n_team .w1200{ border-left:#e1e1e1 1px solid; padding:25px 0 92px 0;}

.n_team ul{ margin-bottom:54px; overflow:hidden;}

.n_team ul li{padding: 10px 0 10px 62px;border-bottom:#e1e1e1 1px solid;overflow:hidden;position:relative;display: flex;flex-direction: row;align-items: center;justify-content: space-between;}

.n_team ul li:before{ content:""; position:absolute; left:0px; top:50%; margin-top:-25px; width:3px; height:50px; background:#b1b1b1; z-index:100}

.n_team ul li:hover:before{ background:#0199cb}

.n_team ul li .left{float:left;width:250px;/* height:350px; */overflow:hidden;margin-right: 20px;}

.n_team ul li .left img{ width:100%;  -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}

.n_team ul li .right{ float:right; width:858px;}

.n_team ul li .right .con h3{ font-size:22px; color:#323232; font-weight:normal; margin-bottom:12px; margin-top:22px;}

.n_team ul li .right .con h3 a{ font-size:22px; color:#323232;}

.n_team ul li .right .con h3 a:hover,.n_team ul li .right .con .more a:hover{ color:#0199cb;}

.n_team ul li .right .con h6{ font-size:14px; color:#656565; margin-bottom:22px;}

.n_team ul li .right .con p{ font-size:14px; line-height:30px; height:90px; overflow:hidden; color:#6f6f6f; margin-bottom:40px;}

.n_team ul li .right .con .more{ position:relative; padding:0 0 0 84px;}

.n_team ul li .right .con .more a{ font-size:12px; color:#0199cb; font-style:italic;}

.n_team ul li .right .con .more:before{content:"";position:absolute;left:3px;top: 5px;width:70px;height:1px;background:#0199cb;}

.n_team ul li .right .con .more:hover:before{background:#0199cb}



.n_team_detail{ padding:60px 0; background:#f2f2f2;}

.n_team_detail .left{ float:left; width:310px; height:495px; border:#dcdcdc 1px solid; padding:48px 0 0 0; text-align:center; position:relative}

.n_team_detail .left:before{content:"";position:absolute;left:50%; margin-left:-25px; top:-2px;width:50px;height:3px;background:#0199cb;}

.n_team_detail .left .img img{ width:230px; height:250px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}

.n_team_detail .left h3{ font-size:22px; color:#323232; font-weight:normal; margin-bottom:12px; margin-top:25px;}

.n_team_detail .left h6{ font-size:14px; color:#656565; margin-bottom:40px;}

.n_team_detail .left a{ display:inline-block; width:135px; height:35px; line-height:35px; background:#0199cb url(../images/jiantou02.png) 28px center no-repeat; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:0 0 0 54px; font-size:13px; color:#f2f2f2; text-align:left;}

.n_team_detail .left a:hover{ background:#2d2d2d url(../images/jiantou02.png) 28px center no-repeat}



.n_team_detail .right{ float:right; width:850px; padding:44px 0 0}

.n_team_detail .right h3{ font-size:22px; color:#6f6f6f; font-weight:normal; margin-bottom:30px;}
/*产品展示*/
.n_product .n_fl02{display: flex;flex-direction: row;justify-content: space-between;align-items: flex-start;}
.n_product .n_fl02 .zuo{width: 18%;}
.n_product .n_fl02 .zuo img{width: 100%;}
.n_product .n_fl02 .zuo .chan .ah{width: 100%;display: block;}
.n_product .n_fl02 .zuo .chan{width: 100%;font-size: 16px;margin-bottom: 60px;background: #fff;}
		

	
.chan h1{width: 98%; display: block; margin: 0;font-size: 14px;font-weight: normal;border: #f0f0f0 1px solid;height: 45px;line-height: 50px;position: relative;padding: 0 1%;}
	
.chan .on{width: 98%; display: block; margin: 0;font-size: 16px;font-weight: bold;border: #f0f0f0 1px solid;height: 45px;line-height: 50px;position: relative;background: url(../images/prolistclassify_icon02.png) no-repeat right;padding: 0 1%;}
.chan h1:hover{color: #0199cb;border: none;transition:all ease-out 0.5s;}
.chan .on:hover{background: url(../images/prolistclassify_icon03.png) no-repeat right;color: #0199cb;border: none;transition:all ease-out 0.5s;}


.chan .form-control{width: 100%;height: 45px;line-height: 45px;border: #f0f0f0 1px solid;}
.chan .btn{width: 100%;height: 45px;line-height: 45px;display: flex;flex-direction: row;justify-content:center;align-items: center;border: #f0f0f0 1px solid;}
.chan .btn img{margin-right: 10px;}
.chan dl a{color: #333; width: 100%; height:45px;display: block;border-bottom: #ccc 1px solid;text-align:left;line-height: 45px; font-size: 16px;}


.chan1 a{color: #333; width: 100%; height:45px;margin: auto;padding: 0 5%; display: block;border-bottom: #ccc 1px solid;text-align: center;line-height: 45px; font-size: 14px;overflow:hidden;
        text-overflow:ellipsis; 
     
        white-space: nowrap;}
.chan1 a:hover{color: #0199cb;}
.n_product .n_fl02 .you{ float:left; width:80%;}
.n_product .n_fl02 .zuo ul li a:hover{color: #0199cb;}
.n_product .n_fl02 .zuo ul li .on{color: #0199cb;}
.n_product .n_fl02 .you li{ float:left; width:298px;background:#f2f2f5; margin-bottom:48px;margin-right: 2%;}
.n_product .n_fl02 .you li .img{ width:298px; height:298px; overflow:hidden; position:relative;}
.n_product .n_fl02 .you li .img img{ width:298px; height:298px; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_product .n_fl02 .you li:hover .img img{ -moz-transform:scale(1.05); -o-moz-transform:scale(1.05); -o-moz-transform:scale(1.05); -webkit-moz-transform:scale(1.05); transform:scale(1.05);}
.n_product .n_fl02 .you li .con{ padding:0 20px; height:60px; line-height:60px; margin-top:-9px;}
.n_product .n_fl02 .you li .con h5{ font-size:15px; color:#515152; display:inline-block; max-width:175px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.n_product .n_fl02 .you li .con h5 a{ color:#515152;}
.n_product .n_fl02 .you li:hover .con h5 a{ color:#ff0000;}
.n_product .n_fl02 .you li .con small{ float:right; font-size:12px; color:#808080;}
.n_product .n_fl02 .you li .img .top{ position:absolute; width:100%; height:0; bottom:0; left:0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#4C2F303F', endColorstr='#4C2F303F');background:rgba(47,48,63,0.3); -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_product .n_fl02 .you li:hover .img .top{ height:100%;}
.n_product .n_fl02 .you li .img .top .table{ display:table; width:100%; height:100%; text-align:center;}
.n_product .n_fl02 .you li .img .top .table .table_cell{ display:table-cell; vertical-align:middle;}
.n_product .n_fl02 .you li .img .top .table .table_cell h5{ font-size:15px; color:#ffffff; margin-bottom:10px;}
.n_product .n_fl02 .you li .img .top .table .table_cell span{ font-size:15px; display:inline-block; width:26px; height:26px; line-height:26px; background:#ffffff; color:#0199cb; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.w1360{width: 1200px;margin: auto;}
/*联系我们*/
.contact .con{width: 1200px;margin: auto;display: flex;flex-direction: row;justify-content: center;align-items: center;margin-top: 40px;}

.contact .con .zuo{width: 35%;margin-right: 15%;}
.contact .con .zuo img{width: 100%;}
.contact .con .you{width: 50%;}

.contact .con .you h2,.con1 .you h2{font-size: 20px;color: #0199cb;font-weight: bold;}
.contact .con .you p,.con1 .you p{font-size: 14px;color: #999;}

.contact .con .you .list1{width: 100%;margin-top: 40px;}
.contact .con .you .list1 li {font-size: 14px;color: #333;margin-bottom: 10px;}
.contact .con .you .list2{width: 100%;display: flex;flex-direction: row;margin-top: 40px;}
.contact .con .you .list2 li{display: flex;flex-direction:column;align-items: center;margin-right: 20px;}
.contact .con .you .list2 li div{font-size: 12px;color: #999;margin-top: 10px;}
.contact .con .you .list2 li img{width:120px;height: 120px; }
/*资料下载*/

.ziliao .n_fl01 p{ font-size:12px; color:#7f8080; line-height:24px; padding-bottom:0}
.ziliao .n_fl02{display: flex;flex-direction: row;justify-content: space-between;align-items: flex-start;}
.ziliao .n_fl02 .zuo{width: 18%;}
.ziliao .n_fl02 .zuo img{width: 100%;}
.ziliao .n_fl02 .zuo ul{width: 100%;}
.ziliao .n_fl02 .zuo ul li{width: 100%;margin: auto;}
.ziliao .n_fl02 .zuo ul li a{display: block;width: 100%;margin: auto;padding: 15px 0;background: #fafafb;border: #f3f3f3 1px solid;text-align: center;font-size: 14px;color: #333;}
.ziliao .n_fl02 .you{ float:left; width:80%;}
.ziliao .n_fl02 .zuo ul li a:hover{color: #0199cb;}
.ziliao .n_fl02 .zuo ul li .on{color: #0199cb;}


.w1360{width: 1200px;margin: auto;}
.ziliao  .listx{width: 100%;margin: auto;border-bottom: #f0f0f0 1px dashed;padding: 20px ;}
.ziliao  .listx:hover{background: #f0f0f0;}
.ziliao  .listx li{width: 100%;height: 30px; margin-top: 40px; margin: auto;display: flex;flex-direction: row;justify-content: space-between;align-items: center;flex-wrap: wrap;}

.ziliao  .list2{color: #666;}
.ziliao  .list2 p{padding-left: 20px;}
.ziliao  .list2 div a{display: block;width: 70px;height: 30px;background: #0199cb;color: #fff;text-align: center;line-height: 30px;}
.ziliao  .list2 div img{width:16px;}
/*技术支持*/

.n_main_box{ width:100%;margin: auto;border-bottom: #e8ebed 1px solid;}

.n_nav_box{width: 100%; height: 50px;position:relative;border-bottom: #e8ebed 1px solid;}
.n_nav{width: 1200px;margin: auto;height: 50px;position:relative;text-align:center; font-size:0}
.n_nav a{display:inline-block; *display:inline;*zoom:1;width: 177px;height: 50px;font-size: 15px;line-height: 50px;text-align: center;border: #e8ebed 1px solid;margin-left: -1px;box-sizing: border-box;position: relative; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_nav a strong{display:block;color: #4d4d4d;position:relative;z-index:4;height: 50px;line-height: 50px;font-weight: 100;}
.n_nav .on,.n_nav a:hover{background: #0199cb;color: #fff;border: #0199cb 1px solid;}
.n_nav .on:before,.n_nav a:hover:before{content:"";width:0;height:0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 7px solid #394795;position: absolute;bottom: -7px;left: 50%;margin-left: -7px;display: none;}
.n_nav .on strong,.n_nav a:hover strong{height: 50px;line-height: 50px;color:#fff;}
.tbtt {background: #f6f6f6;padding: 100px 0 50px 0;position: relative;z-index: 2;}
.tbtt .tbtt_con {}
.tbtt .tbtt_con .conbox {margin-bottom: 45px;}
.tbtt .tbtt_con dl {width: 94%;padding: 1%;display: flex;flex-direction: row;justify-content: flex-start;align-items: center;position: relative;/* height: 165px; */border-top: 1px solid #f6f6f6;transition: all 0.5s;}
.tbtt .tbtt_con dl:first-child {border-top: none;}
.tbtt .tbtt_con dl dt {width: 18%;height: 135px;overflow: hidden;margin-right:2%;}
.tbtt .tbtt_con dl .you{width: 100%;}
.tbtt .tbtt_con dl dt img {display: block;width: 205px;height:140px;transition: all 0.5s;}
.tbtt .tbtt_con dl  .dd1 {font-size: 18px;margin-bottom: 11px;/* white-space: nowrap; *//* overflow: hidden; *//* text-overflow: ellipsis; */font-weight: bold;position:  relative;}

.tbtt .tbtt_con dl .dd2 {font-size: 14px;line-height: 24px;margin-bottom: 11px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;/* height: 48px; */}

.tbtt .tbtt_con dl .dd1 .label{display:block;font-size: 12px;color: #999999;font-weight: normal; padding-left: 26px;position: absolute;left: 0;bottom: -30px;background: url(../images/newslist_icon03.png) no-repeat left center;line-height: 16px;}
.tbtt .tbtt_con dl dd.dd1 .label a:hover{color: #367efd;}
.tbtt .tbtt_con dl dd.dd3 {display: flex;flex-direction: row;justify-content: space-between;overflow: hidden;height: 15px;line-height: 15px;}
.tbtt .tbtt_con dl dd.dd3 .dz {float: left;padding-left: 25px;background: url(../images/dzicon.png) no-repeat left center;margin-right: 30px;}
.tbtt .tbtt_con dl dd.dd3 .ll {float: left;padding-left: 25px;background: url(../images/llicon.png) no-repeat left center;margin-right: 30px;}
.tbtt .tbtt_con dl dd.dd3 .rq {float: left;color: #999;font-size: 12px;}
.tbtt .tbtt_con dl dd.dd3 a {float: right;height: 15px;width: 80px;background: url(../images/tbttjtr.png) no-repeat right center;}
.tbtt .tbtt_con dl:hover {box-shadow: 0 0 15px #999;background: #fff;}
.tbtt .tbtt_con dl:hover dt img {transform: scale(1.1);}
.tbtt .tbtt_con dl:hover dd.dd1 a {color: #0199cb;}
/*新闻中心*/

.n_dajishi ul{ float:left; width:1200px; margin-bottom:15px;}

.n_dajishi ul li{float:left;width: 30%;margin: 1%;position:relative;}

.n_dajishi ul li:before{content:"";position:absolute;right:-10px;bottom:0;display: none;width:10px;height:365px;background:#cdc3c3;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}

.n_dajishi ul li:hover:before{ background:#0199cb}

.n_dajishi ul li .img{float:left;width: 100%;display: none;height: 260px;overflow:hidden;}
.n_dajishi ul li .img img{width: 100%;}

.n_dajishi ul li .con{float:left;width: 96%;height:180px;background:#f2f2f2;padding: 8% 2%;}

.n_dajishi ul li .con h6{ font-size:12px; color:#8a8a8a; margin-bottom:14px;}

.n_dajishi ul li .con h5 a{ font-size:16px; color:#505050;}

.n_dajishi ul li .con h5 a:hover,.n_dajishi ul li .con .more a:hover{ color:#d81417}

.n_dajishi ul li .con h5{ margin-bottom:12px;}

.n_dajishi ul li .con p{ font-size:12px; line-height:22px; color:#8a8a8a; height:44px; overflow:hidden; margin-bottom:42px;}

.n_dajishi ul li .con .more{ position:relative; padding:0 0 0 84px;}

.n_dajishi ul li .con .more a{ font-size:12px; color:#0199cb; font-style:italic;}

.n_dajishi ul li .con .more:before{content:"";position:absolute;left:3px;top: 5px;width:70px;height:1px;background:#0199cb;}

.n_dajishi ul li .con .more:hover:before{background:#d81417}
/*新闻中心详情页*/
.xinx{width: 1200px;margin: auto;display: flex;flex-direction: row;justify-content: flex-start;padding: 60px 0;}
.xinx .zuo{width: 66%;padding: 0 2%;}
.xinx .zuo .tou{width: 100%;padding: 20px 0;border-bottom: #ccc 1px solid;}
.xinx .zuo .tou h2{font-size: 18px;color: #333;font-weight: bold;margin-bottom: 10px;}
.xinx .zuo .tou p{font-size: 12px;color: #999;}
.xinx .zuo .xia{width: 100%;padding: 20px 0;}
.xinx .zuo .xia p{font-size: 14px;color: #333;line-height: 24px;}
.xinx .zuo .xia img{width: 100%;margin: auto;display: block;margin-top: 40px;margin-bottom: 40px;}
.xinx .zuo .fan{width: 96%;margin: auto;background: #f0f0f0;padding: 20px 2%;margin-top: 40px;}
.xinx .zuo .fan li a{width: 100%;display: block;font-size: 14px;color: #333;margin: 10px 0;}
.xinx .you{width: 26%;padding: 2%;border: #f0f0f0 1px solid;border-top:#0199cb 4px solid;border-radius: 4px;}
.xinx .you ul{width: 100%;}
.xinx .you ul li{width: 100%;border-bottom: #f0f0f0 1px solid;padding: 20px 0;}
.xinx .you ul li a{width: 100%;display: block;margin: auto;}
.xinx .you ul li a h2{font-size: 16px;color: #333;font-weight: bold;  text-overflow:ellipsis; 
         
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden;}
.xinx .you ul li a h4{font-size: 14px;color: #666;margin: 10px 0; text-overflow:ellipsis; 
         line-height: 24px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden}
.xinx .you ul li a p{font-size: 12px;color: #999;}
.xinx .you ul .on{border: none;}
/*产品详情页*/
/*banner轮播图*/
.n_product .you{width: 100%;}
.n_product .you .sss{width: 100%; display: flex;flex-direction: row;justify-content: space-between;align-items: center;padding: 20px 0;}
.n_product .you .zz{width: 384px;}
.n_product .you .zz .banner{width: 384px; padding-bottom:.02rem;}
.n_product .you .zz .banner ul li img{width: 100%;display: block;height: 240px;}
.n_product .you .zz .banner .sp01 span{background-color: #fff;opacity: .7;}
.n_product .you .zz .banner .sp01 .swiper-pagination-bullet-active{background-color: white;background-color: #37a6ff; opacity: 1;}
.n_product .you .sss .yy{width: 58%;margin-left: 2%;}
.n_product .you .sss .yy .jian{width: 100%;margin: auto;font-size: 16px;color: #333;line-height: 24px;font-weight: bold;}
.n_product .you .sss .yy ul{width: 100%;margin: auto;display: flex;flex-direction: row;justify-content:flex-start;align-items: center;margin-top: 40px;}
.n_product .you .sss .yy ul li{width: 35%; display: flex;flex-direction: row;justify-content: space-around;align-items: center;}
.n_product .you .sss .yy ul .li1{background: #0199cb;padding: 10px;border-radius: 50px;}
.n_product .you .sss .yy ul .li1 p{font-size: 16px;color: #fff;}
.n_product .you .sss .yy ul .li2 h2{font-size: 18px;color: #0199cb;font-weight: bold;}
.n_product .you .sx{width: 100%;margin: auto;border: #f0f0f0 1px solid;border-radius: 50px;display: flex;flex-direction: row;justify-content: center;align-items: center;height: 40px;margin-top: 40px;}
.n_product .you .sx li{width: 50%;background: none;height: 100%;margin-bottom: 0;}
.n_product .you .sx li a{width: 100%;margin: auto;display: block;font-size: 14px;color: #333;text-align: center;height: 40px;line-height: 40px;}
.you .top{width: 100%;height: 38px;border-bottom: 1px solid #eaeaea;margin-top: 40px;}
.you  .top h3{font-size: 20px;color: #333333;float: left;}
.you  .top h3 em{color: #0199cb;font-weight: bold;}
.you  .top h3 i{display: block;width: 24px;height: 1px;background: #0199cb;position: relative;top: 14px;}
.you  .top a.more{display: block;font-size: 13px;color: #666666;float: right;margin-right: 6px;text-decoration: none; line-height:34px;}
.you  .top a.more:hover{color: #0199cb;}
.you .zw p{width: 100%;font-size: 14px;line-height: 24px;color: #333;margin:20px;}













/*分页*/
.Pagelist {
                  margin: 50px 0;
                  overflow: hidden;
                  text-align: center;
              }

              .inline {
                  display: inline-block;
                  vertical-align: middle;
                  width: auto!important;
              }

              .Pagelist>ul li {
                  float: left;
                  height: 45px;
                  margin: 0 4px;
                  border: none;
              }

              .Pagelist>ul li .btn {
                  width: auto;
                  padding: 0 10px;
              }
              .Pagelist>ul li a, .Pagelist>ul li span {
                  display: block;
                  width: 40px;
                  border: 1px solid #CFCFCF;
                  background: #FFF;
                  line-height: 40px;
                  color: #444;
                  border-radius: 22px;
                  font-size: 11px;
              }

              .Pagelist>ul li .scurrent {
                      background: #0199cb;
                      color: #fff;
              }


              .Pagelist>ul li a:hover, .Pagelist>ul li .current {
                  border-color: #0199cb;
                  background: #0199cb;
                  color: #FFF;
              }


              cite, em, i {
                  font-style: normal;
              }
              i, em, b {
                  font-style: normal;
                  font-weight: normal;
                
              }