@charset "utf-8";
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.15;-webkit-tap-highlight-color: rgba(0,0,0,0);overflow-x: hidden;}
body{color:#333333;font-size:14px;line-height:24px;font-family: Arial, "微软雅黑","宋体",Helvetica, sans-serif;overflow-x: hidden; }

/* 内外边距通常让各个浏览器样式的表现位置不同 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {margin: 0;padding: 0;}
a{-webkit-text-decoration-skip:objects;background-color:transparent;}
img{border-style:none;}
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}
.clearfix:after{clear:both;}
a {color: #301f14;text-decoration: none;}
ul {margin: 0;list-style: none;padding: 0;}
p {margin:5px;}
menu{display:block;}
.btn{text-align:center;padding:0px;border:0px;margin:0px;position:relative;cursor:pointer;}
input.text,textarea.text{display:block;padding:0px;width:100%;border:0px;background:none;margin:0px;resize:none;}


/* 公用 */
.wrap {padding: 0 8px;}
.yaweb-section {padding-top:70px;}
.yaweb-section-title {text-align: center;margin-bottom: 12px;font-size:60px;color: #e5e5e5;letter-spacing:1px;font-weight: bold;margin-bottom: 5px;}
.yaweb-section-title small {display: block;font-size: 12px;margin-top: 15px;}
.yaweb-section-title .line {height: 14px;width: 80%;margin: 15px auto 0;max-width: 330px;position: relative;}
.yaweb-section-title .line:before {content: '';position: absolute;width: 100%;height: 1px;background-color: #75747e;left: 0;top: 50%;margin-top: -1px;}
.yaweb-section-title .line:after {width: 14px;height: 100%;display: block;content: '';background-color: #ff0000;border-radius: 50%;position: absolute;left: 50%;margin-left: -7px;}
.yaweb-section-title span {display: block;font-size: 20px;color:#5b5b5b;text-transform: uppercase;}
.yaweb-section-title span:before {display:block;content: '';width: 50px;height: 2px;background-color: #ff0000;margin: 18px auto 5px;}

.yaweb-section-title1 {text-align:left;margin-bottom: 12px;font-size:60px;color: #e5e5e5;letter-spacing:1px;font-weight: bold;margin-bottom: 5px;}
.yaweb-section-title1 span {display: block;font-size:20px;color:#5b5b5b;text-transform: uppercase;margin-top: 20px;}
.yaweb-section-title1 span:before {display:block;content: '';width: 40px;height: 0px;background-color: #ff0000;margin: 10px auto 5px;}

.bhh {overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.bhh-dh {overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.m-center {text-align: center;font-size:0;}
.m-center img {display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%;vertical-align: middle;}
.m100 img{display: inline-block;width:100%;height: 100%;vertical-align: middle;}

.more {display: block;width: 180px;line-height: 40px;color: #fff;font-size: 14px;background-color: #E62129;margin: 10px auto 10px;text-align: center;border-radius: 4px;}
.more-1{position: relative;transition: all .3s;text-align: center; margin:10px;}
.more-1 .more-1-btn{border: 0;color: #fff;text-align: center;width: 100%;line-height: 2.1em;border-radius: 2.1em;background-color: #069ed5;transition: background-color .2s;outline: none}
.more-1 .more-1-btn a{color: #fff;}

.yaweb-title {margin: 15px 0;font-size: 18px;}
.yaweb-title-1 {border-bottom: 1px solid #e62129;height: 27px;margin-bottom: 15px;font-size: 16px;}
.yaweb-title-1 span {display: inline-block; color:#1769b3;padding-bottom: 1px;border-bottom: 6px solid #E62129;}
.yaweb-title-2 {text-align: center;line-height: 48px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;border-bottom: 1px solid #1B4F9B;background: url(../images/m11-icon2.jpg) no-repeat center;background-size: cover;font-size: 18px;}

.yaweb-title-3 { width: 100%; height: 30px; background:rgb(236, 236, 236);margin-bottom: 15px;}
.yaweb-title-3 strong{display: block; background: #0b8cce;color: #FFFFFF;float: left;padding: 0 10px 0 10px;line-height: 30px; font-size: 12px; letter-spacing: 2px;margin: 0px;}
.yaweb-title-3 span{display: block; float: right;margin-right: 10px; line-height: 30px;font-size: 12px;}

.yaweb-pnext {margin-bottom: 20px;}
.yaweb-pnext li {line-height: 20px;margin-bottom: 15px;}
.yaweb-pnext li span {background-color: #A2A2A2;color: #fff;padding: 0 5px;font-size: 12px;float: left;}
.yaweb-pnext li a {display: block; color:#1769b3;margin-left: 65px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.time{display: block;float: left;font-size: 12px;color: #666666;width: 88px;height: 80px;border: 1px solid #adadad;text-align: center;transition: all .5s; margin:3px;}
.time strong{font-size: 40px;color: #069ed5;display: block;font-weight: normal;text-align: center;margin-bottom: 10px;margin-top: 20px;transition: all .5s;}

.ny-banner {margin:0; width:100%;}
.ny-banner .pic {display: block; width:100%;height:145px;line-height:145px;overflow: hidden;}

/*分页样式*/
.pagination{padding:25px 0 15px;text-align:center;overflow:hidden;}
.pagination a{font-size:12px;line-height:40px;display:inline-block;height:40px;padding:0 16px;text-align:center;color:#333;border: 1px solid #e3e3e3;background:#fff;margin-left:2px;}
.pagination a:hover{text-decoration:none;color:#000;background:#f1f1f1;}
.pagination span{line-height:40px;display:inline-block;height:40px;padding:0 16px;text-align:center;color:#fff;margin-left:2px;background:#cd0000;color:#fff;border:1px solid #a60000;}

/*--- 头部 ---*/
*{ box-sizing:border-box;}
.Header-wrapper{z-index:99; }
.Header-wrapper .Header-cl{height:82px;position:relative;}
.header-container{padding:0 2.5%;width:100%;background:#fff;box-shadow:0px 4px 5px rgba(9,2,4,.17);position:fixed;top:0px;left:0px;z-index:90;}

/*logo*/
.Hlogo{height:82px;line-height:82px;font-size:0px;float:left;overflow:hidden;position:relative;z-index:5; }
.H-intro{padding:0 0 0 10px;line-height:20px;font-family:'微软雅黑';color:#444444;border-left:1px solid #d9d9d9;float:left;margin:19px 0 0 1px;}
.H-intro .num{font-size:14px;}

/*language*/
.Hlang{padding:0 0 0 34px;border-left:1px solid #e5e5e5;position:relative;float:right;}
.Hlang-menu{display:block;height:82px;line-height:82px;padding:0 0 0 28px;font-size:16px;color:#666666;background:url(../images/icon-Hlang.png) no-repeat left center;}
.Hlang-box{width:200px;box-shadow:1px 1px 10px #666;background:#fff;position:absolute;top:68px;right:0px;display:none;padding:20px 0px;}
.Hlang-box:before{content:"";display:block;width:0px;height:0px;border-style:solid;border-width:0 8px 8px;border-color:transparent transparent #fff transparent;position:absolute;top:-8px;right:0;}
.Hlang-box a{display:block;padding:5px 10px 5px 60px;line-height:30px;background-repeat:no-repeat !important;background-position:20px center !important;}
.Hlang-box a:hover{color:#fff;background:#0062b2;}
.Hlang-box a.CN{background-image:url(../images/icon-CN.png);}
.Hlang-box a.EN{background-image:url(../images/icon-EN.png);}

.yuyan span{height: 40px; line-height: 40px;width:100px; float: right;margin-right: 10%;
	background:url(../images/chinese.png)no-repeat left center;display: inline-block;border-right: 1px solid #ccc;margin-top: 5px;padding-left: 42px; }

/*srch*/
.Hsrch{padding:0 20px;border-left:1px solid #e5e5e5;float:right;}
.Hsrch-menu{display:block;width:43px;height:72px;background:url(../images/icon-Hsrch.png) no-repeat center center;}

.Hsrch-box{width:100%;height:72px;background:#fff;position:absolute;top:0px;left:0px;display:none;z-index:3;}
.Hsrch-block{padding:0 0 0 4rem !important;width:12rem !important;height:32px;margin:20px 4% 0;float:right;}
.Hsrch-block .btn{width:24px;height:32px;background:url(../images/icon-Hsrch.png) no-repeat center center;float:left;}
.Hsrch-block .close{display:block;width:24px;height:32px;background:url(../images/icon-close.png) no-repeat center center;float:right;}
.Hsrch-block .text{width:70%;height:32px;font-size:16px;float:left;margin:0 0 0 10px;border-bottom:1px solid #eeeeee;}
.Hsrch-block .text::-webkit-input-placeholder{color:#6f6f6f;}

/*nav*/
.Hnav{position:relative;float:right;margin:0 15px 0 0;}
.Hnav>li{padding:0 23px;position:relative;float:left;z-index:2;}
.Hnav>li.Hnav-cur{padding:0px;height:3px;background:#c6361f;position:absolute;bottom:0px;float:none;z-index:0;}
.Hnav .Hname{display:block;height:82px;line-height:82px;font-size:16px;position:relative;overflow:hidden;}
.Hnav .Hname i{display:block;width:50px;height:50px;background:url(../images/icon-dd1.png) no-repeat center center / 12px auto;position:absolute;right:0px;top:0px;z-index:2;display:none;}

.Hn2nd-box{padding:23px 0 0;width:178px;position:absolute;top:70px;left:22px;display:none;}
.Hn2nd-box:after{content:"";display:block;border-bottom:9px solid #e7e8ec;border-left:8px solid transparent;border-right:8px solid transparent;position:absolute;top:14px;left:20px;}
.Hn2nd-box a{display:block;padding:10px 0 10px 27px;line-height:26px;color:#666666;border-bottom:1px solid #c7d2df;background:#e7e9ec;}
.Hn2nd-box a.cur,
.Hn2nd-box a:hover{color:#c6361f;}

.Hnav>li.cur .Hname{color:#c6361f;}
@media all and (min-width:980px){
	.Hnav>li:hover .Hn2nd-box{display:block;animation:HnavDD .6s ease-in-out;-webkit-animation:HnavDD .6s ease-in-out;}
	.Hlang:hover .Hlang-box{display:block;}
}

:focus {outline: 0}

.Hmenu-btn{width:30px;height:50px;padding:24px 0 0;cursor:pointer;display:none;float:right;}
.Hmenu-btn a{display:block;width:25px;height:3px;background-color:#4e4e4e;position:relative;}
.Hmenu-btn a:before,
.Hmenu-btn a:after{content:"";display:block;width:30px;height:3px;background-color:#4e4e4e;position:absolute;left:0px;}
.Hmenu-btn a:before{top:-10px;}
.Hmenu-btn a:after{bottom:-10px;}
.Hmenu-btn.cur a{-moz-animation: buttonAnimation 0.3s ease forwards;-webkit-animation: buttonAnimation 0.3s ease forwards;animation: buttonAnimation 0.3s ease forwards;}
.Hmenu-btn.cur a:before{-moz-animation: buttonAnimationBefore 0.3s ease forwards;-webkit-animation: buttonAnimationBefore 0.3s ease forwards;animation: buttonAnimationBefore 0.3s ease forwards; }
.Hmenu-btn.cur a:after{-moz-animation: buttonAnimationAfter 0.3s ease forwards;-webkit-animation: buttonAnimationAfter 0.3s ease forwards;animation: buttonAnimationAfter 0.3s ease forwards; }
@-moz-keyframes buttonAnimationBefore {
	0% {-moz-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
	50% {-moz-transform: translateY(10px) rotate(0);transform: translateY(10px) rotate(0); }
	100% {-moz-transform: translateY(10px) rotate(45deg);transform: translateY(10px) rotate(45deg); } 
}
@-webkit-keyframes buttonAnimationBefore {
	0% {-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
	50% {-webkit-transform: translateY(10px) rotate(0);transform: translateY(10px) rotate(0); }
	100% {-webkit-transform: translateY(10px) rotate(45deg);transform: translateY(10px) rotate(45deg); } 
}
@keyframes buttonAnimationBefore {
	0% {-moz-transform: translateY(0px) rotate(0);-ms-transform: translateY(0px) rotate(0);-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
	50% {-moz-transform: translateY(10px) rotate(0);-ms-transform: translateY(10px) rotate(0);-webkit-transform: translateY(10px) rotate(0);transform: translateY(10px) rotate(0); }
	100% {-moz-transform: translateY(10px) rotate(45deg);-ms-transform: translateY(10px) rotate(45deg);-webkit-transform: translateY(10px) rotate(45deg);transform: translateY(10px) rotate(45deg); } }
@-moz-keyframes buttonAnimationAfter {
	0% {-moz-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
	50% {-moz-transform: translateY(-10px) rotate(0);transform: translateY(-10px) rotate(0); }
	100% {-moz-transform: translateY(-10px) rotate(-45deg);transform: translateY(-10px) rotate(-45deg); } 
}
@-webkit-keyframes buttonAnimationAfter {
	0% {-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
	50% {-webkit-transform: translateY(-10px) rotate(0);transform: translateY(-10px) rotate(0); }
	100% {-webkit-transform: translateY(-10px) rotate(-45deg);transform: translateY(-10px) rotate(-45deg); } 
}
@keyframes buttonAnimationAfter {
	0% {-moz-transform: translateY(0) rotate(0);-ms-transform: translateY(0) rotate(0);-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
	50% {-moz-transform: translateY(-10px) rotate(0);-ms-transform: translateY(-10px) rotate(0);-webkit-transform: translateY(-10px) rotate(0);transform: translateY(-10px) rotate(0); }
	100% {-moz-transform: translateY(-10px) rotate(-45deg);-ms-transform: translateY(-10px) rotate(-45deg);-webkit-transform: translateY(-10px) rotate(-45deg);transform: translateY(-10px) rotate(-45deg); } 
}
@-moz-keyframes buttonAnimation {
	0% {background: #aaaaaa; }
	50% {background: rgba(255, 255, 255, 0); }
	100% {background: rgba(255, 255, 255, 0); }
}
@-webkit-keyframes buttonAnimation {
	0% {background: #aaaaaa; }
	50% {background: rgba(255, 255, 255, 0); }
	100% {background: rgba(255, 255, 255, 0); } 
}
@keyframes buttonAnimation {
0% {background: #aaaaaa; }
	50% {background: rgba(255, 255, 255, 0); }
	100% {background: rgba(255, 255, 255, 0); } 
}

/* media*/
@media all and (max-width:1280px){
	.contain{width:100%;padding:0 2%;}
	.Hlang{padding:0 0 0 15px;}
	.Hsrch{padding:0 5px;}
	.Hnav>li{padding:0 30px;}
	.Hnav .Hname{font-size:14px;}
}

@media all and (max-width:980px){/*web*/

	/*-- Header --*/
	.Header-wrapper .Header-cl,
	.header-container,
	.Hlogo,
	.Hlang-menu,
	.Hsrch-box,
	.Hnav .Hname{height:50px;}
	.Hlogo,
	.Hlang-menu,
	.Hnav .Hname{line-height:50px;}
	.Hlogo img{height:42px;}
	
	.Hmenu-btn,
	.Hnav .Hname i{display:block;}
	
	.Hlang{padding:0px;border:0px;margin:0 10px 0 0;}
	.Hlang-menu{width:50px;padding:0px;font-size:0px;background-position:center center;}
	.Hlang-box{top:50px;}
	
	.Hsrch{padding:0px;border:0px;}
	.Hsrch-menu{width:50px;height:50px;}
	.Hsrch-box{top:50px;border-top:1px solid #ccc;}
	.Hsrch-block{width:100% !important;padding:0px 4%!important;margin:9px 0 0 !important;}
	
	.H-intro,
	.Hnav,
	.Hnav>li.Hnav-cur{display:none;}
	
	.Hnav{padding:10px 0;width:100%;background:#fff;border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin:0px;position:absolute;top:50px;left:0px;}
	.Hnav>li{width:100%;padding:0px;}	
	.Hnav .Hname{padding:0 4%;}  
	.Hn2nd-box{padding:0px;width:100%;position:relative;top:0px;left:0px;}
	.Hn2nd-box a{padding:10px 6%;}
	.Hn2nd-box:after{display:none;} 
}

/*底部固定*/
.yaweb-footer {color: #999;font-size: 12px;text-align: center;padding: 0 0 5px;margin-top: 30px;background-color: #F7F7F7;}
.yaweb-footer .top {display: block;padding-top: 18px;height: 42px;line-height: 42px;text-align: center;background: url(../images/top_up.gif) no-repeat center;color: #1B4F9B;background-size: 100% 100%;font-size: 14px;}
.yaweb-footer .pic {display: block;height:200px;line-height:200px;overflow: hidden;text-align: center; margin-bottom:20px;}

.yaweb-footer-fix {position: fixed;bottom:0;left: 0;width: 100%;background-color: #580901;z-index: 10;overflow: hidden;}
.yaweb-footer-fix li {float: left;width: 25%; }
.yaweb-footer-fix li.current{background-color: #d9241c;}
.yaweb-footer-fix li a { color:#FFFFFF; display: block;text-align: center;font-size: 14px;line-height: 1;margin:3px auto 6px;}
.yaweb-footer-fix li i {display: block;height:28px;background: no-repeat center;background-size: contain;margin:6px auto 6px;}
.yaweb-footer-fix li i.i1 {background-image: url(../images/n_01.png);}
.yaweb-footer-fix li i.i2 {background-image: url(../images/n_02.png);}
.yaweb-footer-fix li i.i3 {background-image: url(../images/n_03.png);}
.yaweb-footer-fix li i.i4 {background-image: url(../images/n_04.png);}
.yaweb-footer-fix li i.i5 {background-image: url(../images/n_05.png);}

/* 底部更多...暂不起作用 */
.yaweb-column {position: fixed;z-index: 10;left: 0;bottom: 0;width: 100%;background-color: #313131;color: #fff;border-top: 2px solid #1B4F9B;}
.yaweb-column a {color: #fff;}
.yaweb-column-btn {text-align: center;padding: 10px 0;}
.yaweb-column-btn a {display: inline-block;padding: 5px 12px;border: 1px solid #fff;border-radius: 3px;min-width: 100px;}
.yaweb-column ul {border-bottom: 1px solid #222;display: none;}
.yaweb-column li {float: left;width: 50%;text-align: center;border-bottom: 1px solid #222;margin-bottom: -1px;}
.yaweb-column li a {display: block;line-height: 35px;}

/* 分类菜单 */
.yaweb-menu-in {margin-bottom:10px;}
.yaweb-menu-in .btn span {float:left;width: 33.3333%;margin-bottom:1px;}
.yaweb-menu-in .btn a {display: block;margin:3px;text-align: center;color: #fff;background-color: #1B4F9B;line-height: 40px;border-radius: 3px;text-overflow: ellipsis;white-space: nowrap;}

/* banner */
.banner {width:100%;margin:0 auto;position:relative;overflow:hidden;}
.banner .hd{width:100%;height:11px;position:absolute;z-index:1;bottom:16px;text-align:center;}
.banner .hd ul{display:inline-block;height:5px;padding:3px 5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-size:0;vertical-align:top;}
.banner .hd ul li{display:inline-block;width:30px;height:5px;background:#fff;margin:0 10px;vertical-align:top;overflow:hidden;}
.banner .hd ul .on{background:#a0c179;}
.banner .bd{position:relative;z-index:0;}
.banner .bd li{height:100%;}
.banner .bd li img{width:100%;background:url() center center no-repeat;height: 100%;display: block;}
.banner .bd li a{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);/* 取消链接高亮 */}

/* 首页产品展示 */
.homeprd {margin: 30px 0 -10px -10px;}
.homeprd li {float:left;width:50%;}
.homeprd li a {display: block;margin: 0 0 10px 10px;}
.homeprd li .pic {display: block;height:180px;line-height:179px;overflow: hidden; text-align:center;}
.homeprd li p {text-align:center;line-height: 25px; color:#fff;background: #db1b08;margin: 5px 0px;}

/* 首页品质展示 */
.yaweb-pinzhi-in li {float: left;width: 25%;text-align: center;}
.yaweb-pinzhi-in li img {display: block;margin: 0 auto;height: 34px;width: auto;}
.yaweb-pinzhi-in li p {margin: 10px 0 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.product .btn span {float:left;width:100%;margin-bottom:10px;}
.product  .btn a {display:inline-block;margin-left: 10px;text-align: center;color: #fff;background-color: #312a2a;line-height: 40px;border-radius: 3px;width: 62%;box-shadow: 0  5px 3px rgba(0,0,0,0.8)}

/* 首页关于我们 */
.yaweb-about-in .pic {display: block; width:100%; padding:1px;overflow: hidden; }
.yaweb-about-in li {float: left;width: 33.333333%;text-align: center;margin-bottom: 8px;}
.yaweb-about-in li strong {color: #c6361f;display: block;font-size: 24px;}
.yaweb-about-in .btn {margin-left: -10px; }
.yaweb-about-in .btn span {float:left;width:100%;margin-bottom:10px;}
.yaweb-about-in .btn a {display:inline-block;margin-left: 10px;text-align: center;color: #fff;background-color: #db1b08;line-height: 40px;border-radius: 3px;width: 62%;box-shadow: 0  3px 1px rgba(255,0,0,0.3)}
.yaweb-about-in .p {color: #666; padding:5px; margin:5px auto 5px;}
.yaweb-about-in .p  span{color:#919191 !important;}
/* 首页荣誉资质 */
.yaweb-Honor {margin: 0 0 -10px -10px;}
.yaweb-Honor li {float: left;width:50%;}
.yaweb-Honor li a {display: block;margin: 0 0 10px 10px;}
.yaweb-Honor li .pic {display: block;height:130px;line-height:130px;overflow: hidden; }
.yaweb-Honor li p {text-align: center;line-height:25px; color:#000;}

/* 首页企业环境 */
.yaweb-qysl-in {padding:1px 10px;}
.yaweb-qysl-in .pic {box-shadow: 0 3px 10px 3px #eaeaea;display: block;height:86px;line-height:86px;overflow: hidden; margin-bottom:25px;}
.yaweb-qysl-in .swiper-pagination {bottom: 0;font-size: 0;}

/* 首页案例 */
.yaweb-homecase-in {margin: 30px 0 -10px -10px;}
.yaweb-homecase-in li {float: left;width: 50%;}
.yaweb-homecase-in li a {display: block;margin: 0 0 10px 10px;}
.yaweb-homecase-in li .pic {display: block;height:145px;line-height:145px;overflow: hidden; text-align: center;}
.yaweb-homecase-in li p {text-align: center;line-height: 25px; color:#fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: #db1b08;margin: 5px 0px;}

/* 首页新闻 */
.yaweb-news-menu {margin-left: -10px;margin-bottom: 10px;}
.yaweb-news-menu li {float: left;width:50%;}
.yaweb-news-menu li a {display: block;margin-left: 10px;border: 1px solid #ddd;text-align: center;line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.yaweb-news-menu li.active a {background-color: #1B4F9B;border-color: #1B4F9B;color: #fff;}
.yaweb-news-con ul {margin-top: 5px;}
.yaweb-news-con li {overflow: hidden;padding-left: 1px;position: relative;}
.yaweb-news-con li:before {width: 8px;height: 2px;background: #555;position: absolute;top: 50%;margin-top: -1px;left: 0;}
.list-news li {border-bottom: 1px solid #ddd;}
.list-news li a {display: block;overflow: hidden; }
.list-news li .pic {float: left;width: 25%; height:8em; line-height:8em; font-size:12px;}
.list-news li .text {margin-left:28%;}
.list-news li .text h4 {margin:1px; padding:1px;font-weight: normal;}
.list-news li .text p {font-size: 12px;color: #999;-webkit-line-clamp:2;line-height:20px;}

.list-news1 li {background:url(../images/hNew-jt1.png) no-repeat left center;line-height:30px;margin-bottom:10px;border-bottom: 1px dashed #ddd;}
.list-news1 li a {display: block;overflow: hidden; margin-left:10px;}


/*首页客户见证*/
.yaweb-kh-in {position: relative;margin-bottom: 10px;}
.yaweb-kh-in .bd {margin: 0 23px;overflow: hidden;}
.yaweb-kh-in .bd ul {height: 220px;}
.yaweb-kh-in .bd li {float: left;margin: 0 6px;text-align: center;padding-top: 3px;width: 87px;transition: all 0.5s;}
.yaweb-kh-in .bd li img {display: block;width: 100%;height: 80px;border-radius: 50%;transition: all 0.5s;}
.yaweb-kh-in .bd li h4 {font-size: 18px;color: #e50112;margin: 20px 0 10px;width: 113px;display: none;}
.yaweb-kh-in .bd li p {margin: 0;line-height: 1.8;color: #8f8f8f;width: 113px;display: none;}
.yaweb-kh-in .bd li.active {width: 68px;height: 80px;padding-top: 0;}
.yaweb-kh-in .bd li.active img {height: 113px;}
.yaweb-kh-in .bd li.active h4 {display: block;}
.yaweb-kh-in .bd li.active p {display: block;}
.yaweb-kh-in .arr {position: absolute;top: 35px;width: 21px;height: 33px;z-index: 1;background: no-repeat 0 0;}
.yaweb-kh-in .arr.prev {background-image: url(../images/witbt01.png);left: 0;}
.yaweb-kh-in .arr.next {background-image: url(../images/witbt02.png);right: 0;}


   

/* 首页热点新闻 */
.index_show{overflow: hidden;width: 100%;height: 100px;}

.index_list-news2 li {padding: 10px 0;display: none;}
.index_list-news2 li a {display: block;overflow: hidden;}
.index_list-news2 li .pic {float: left;width:26%;height:7em;line-height:7em;font-size:12px; }
.index_list-news2 li .text {margin-left: 28%;}
.index_list-news2 li .text h4 {margin: 0;font-size: 16px;border-bottom: 1px dashed #ccc;}
.index_list-news2 li .text p {-webkit-line-clamp:2;}

.index_on{overflow: hidden;width: 100%;height:20px;text-align: center;line-height: 20px;}
.index_on span{display: inline-block;width: 13px;height: 13px; border-radius: 50%;background: rgb(151, 151, 151);margin: 0 8px;}
.index_list-news2 li.cur{display: block}
.index_on span.cur{background: #d9241c}


.list-news2 li {padding: 10px 0;border-bottom: 1px solid #ddd;}
.list-news2 li a {display: block;overflow: hidden;}
.list-news2 li .pic {float: left;width:26%;height:7em;line-height:7em;font-size:12px; }
.list-news2 li .text {margin-left: 28%;}
.list-news2 li .text h4 {margin: 0;font-size: 16px;border-bottom: 1px dashed #ccc;}
.list-news2 li .text p {-webkit-line-clamp:2;}

/* 首页优惠产品 */
.youhui-swiper {padding: 0 55px;position: relative;}
.youhui-swiper .swiper-slide {display: block;height:280px; line-height:280px; text-align:center;filter: alpha(opacity=50);-webkit-transition: all 0.3s;transition: all 0.3s;}
.youhui-swiper .swiper-button-next,.youhui-swiper .swiper-button-prev {width: 35px;height: 35px;border-radius: 50%;background-color: #e60a0a;background-size: 10px auto;}

/* 首页热点产品 */
.list-pro li {padding: 10px 0;border-bottom: 1px solid #ddd;}
.list-pro li a {display: block;overflow: hidden;}
.list-pro li .pic {float: right;width:26%;height:7em;line-height:7em;font-size:12px; }
.list-pro li .text {float: left;width:72%;}
.list-pro li .text h4 {margin: 0;font-size: 16px;border-bottom: 1px dashed #ccc;}
.list-pro li .text p {-webkit-line-clamp:2;}

/* 产品展示 */
.yaweb-pro-in {margin:5px;}
.yaweb-pro-in .btn span ,.yaweb-pro-in .btn1 span {float:left;width:50%; height: 35px;line-height: 35px;text-align: center;}
.yaweb-pro-in .btn a,.yaweb-pro-in .btn1 a {display:inline-block;margin: 5px;text-align: center;color:#000;line-height:30px; white-space: nowrap; width: 98%;text-overflow: ellipsis; overflow: hidden;}


.list-1 {margin-left: -10px;padding-top: 15px;text-align: center;background: #eee;}
.list-1 li {width:90%;display: inline-block;background: #fff;margin-bottom: 20px;}
.list-1 li a {display: block;margin:5px 0 0 5px;}
.list-1 li .pic {display: block;height:250px;line-height:250px;overflow: hidden; }
.list-1 li h4 {margin: 0;line-height: 35px;height: 35px;text-align: center;font-weight: normal;}

/* 关于我们 */
.yaweb-about {background-color: #fff;margin: 20px 0;}
.yaweb-about-title {line-height: 36px;border-left:5px solid #1B4F9B; color:#E62129; font-size:16px;border-bottom: 1px solid #ddd;padding-left: 10px;}
.yaweb-about p {padding: 10px;}
.yaweb-about img {max-width: 100%;height: auto;}

/* 产品详情 */
.yaweb-showpro {margin: 15px 0;}
.yaweb-swiper img {display: block;width: 100%;height: auto; margin-bottom:30px;}
.yaweb-infocontent-body {line-height:25px;margin:6px auto 16px; border:1px dashed #ddd; padding:6px;}
.yaweb-infocontent-body img { max-width: 100%}

/* 产品详情--相关产品 */
.list-2 {margin-left: -10px;}
.list-2 li {float: left;width:50%;}
.list-2 li a {display: block;margin:10px 0 0 10px;}
.list-2 li .pic {height:155px;line-height:150px;text-align: center;font-size:12px;padding:2px;}
.list-2 li .text {margin: 0;line-height: 35px;height: 35px;overflow: hidden;text-align: center;font-weight: normal;}

/* 常见问题 */
.faqList li{position:relative;margin-bottom: 8px;border-left: 3px solid #0367E3;}
.faqList li:after{content:''; position:absolute; top:12px; right:16px; display:block; width:30px; height:30px; background:#0367E3;pointer-events:none;}
.faqList li h3:before, .faqList li h3:after{content:''; position:absolute; top:26px; right:23px; z-index:2; width:16px; height:2px; background:#fff;}
.faqList li h3:before{width:2px; height:16px; top:19px; right:30px; -webkit-transition:0.3s; transition:0.3s;}
.faqList li.act h3:before{-webkit-transform:rotate(90deg); transform:rotate(90deg);background:transparent\0;}
.faqList li h3{position:relative; padding:0 42px; background-color:#f0f0f0; line-height:46px; font-size:16px; cursor:pointer;font-weight:normal;color: #333;background-image:url(../images/faq.png); background-repeat:no-repeat; background-position:6px 0;}
.faqList li div{display:none;padding:3px 40px;line-height:25px;color:#7c7c7c;-webkit-animation:fadeIn 0.5s ease-out 0.2s both; animation:fadeIn 0.5s ease-out 0.2s both;}
.faqList li div{background:url(../images/faq.png) no-repeat 10px -175px;font-size:14px;}

/* 人才招聘  */
.jobList li{overflow: hidden;position: relative;border-bottom: 1px solid #ddd;padding:30px 0 28px;}
.jobList li .icon{display: block;width: 35px;height: 35px;background:#434343 url(../images/gicon19.png) no-repeat center center;position: absolute;right: 28px;top: 36px;cursor: pointer; transition: .3s;-ms-transition: .3s;-moz-transition: .3s; -webkit-transition: .3s;-o-transition: .3s;border-radius: 50%}
.jobList li h3{width:23%;float: left;color: #333;font-size: 16px;font-weight: normal;background: url(../images/jobIcon1.png) no-repeat;padding-top:85px;}
.jobList li .inner{padding-left:25%;font-size: 14px;color: #888;line-height: 27px;}
.jobList li .txt{padding-left:25%;padding-top: 30px;display: none;}
.jobList li.on .txt{display: block;padding-left:25%;}
.jobList li.on .icon{background:#e82513 url(../images/gicon18.png) no-repeat center center;border-radius: 50%}

/* 新闻详细样式 */
.viewBox .title{text-align:center;font-size:20px;color:#000;margin-bottom:10px;font-weight:normal;}
.nBox {margin:2px auto;text-align:center; background-color: #fff; border:1px dashed #ddd; margin:5px auto 8px;}
.nBox p{font-size: 12px; height: 24px; line-height: 24px;padding-left: 28px;}
.nBox p:nth-child(1){ background: url(../images/show_case_ico1.png) no-repeat left center; }
.nBox p:nth-child(2){ background: url(../images/show_case_ico2.png) no-repeat left center; }
.nBox p:nth-child(3){ background: url(../images/show_case_ico3.png) no-repeat left center; }
.nBox p{ display: inline-block; margin:3px; }
.review{background:#f0f0f0 url(../images/nShow_icon.png) no-repeat left top;padding:15px 15px 10px 15px;text-indent:2em;font-size:14px;color:#333;}
.article_key{background:#f0f0f0 url(../images/nShow_icon2.png) no-repeat 15px 7px;color:#adadad;margin-bottom:20px;padding-left:35px;line-height:28px;}

/* 新闻列表样式 */
.list-3 li {padding:3px;border-bottom: 1px solid #ddd;}
.list-3 li a {display: block;overflow: hidden;}

.list-3 li .pic {width:100%;height:20em;line-height:20em;font-size:12px; }/* float: left; width:26%;height:7em;*/
/* .list-3 li .text {margin-left: 29%;} */
.list-3 li .text h4 {margin: 0;font-size: 16px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding-bottom: 3px;margin-top:5px;}
.list-3 li .text p {-webkit-line-clamp:2;}
.list-3 li .text.text1 h4{text-align: center;}
.list-3 li .text.text1 h4::after{display:block;content: '';width: 40px;height: 2px;background-color: #ff0000;margin:5px auto 0px;}

/* 联系我们 */
.yaweb-contact {background-color: #F7F7F7;padding: 25px;margin-bottom: 20px;}
.yaweb-contact h4 {margin: 0;font-size: 18px;padding-bottom: 6px;text-align: center}
.yaweb-contact h5 {margin: 0;font-size: 12px;border-bottom: 1px solid #ddd;padding-bottom: 8px;text-align: center}
.yaweb-contact dl {margin: 0;padding: 15px 0;border-bottom: 1px dashed #ccc;overflow: hidden;text-align: center;}
.yaweb-contact dt {float: left;width: 30px;}
.yaweb-contact dt img {display: block;width: 100%;height: auto;}
.yaweb-contact dd {font-size: 14px;}
.yaweb-contact dd span {display: inline-block;}
.contact-ditu{background: #f0f0f0; width:99%; text-align:center;height: 280px; border:1px solid #CCC; }
#dituContent{width:100%;height:100%;display: block;overflow:hidden;}

/* 在线留言 */
.feedback {width:90%;margin:5% auto;}
.feedback input{width:100%;padding:3%;margin-top:3%;border:1px solid #ccc; box-sizing:border-box;}
.feedback .input_yzm{width:58%;padding:3%;margin-top:3%;border:1px solid #ccc; box-sizing:border-box;}
.feedback .text{width:100%;padding:3%;margin-top:3%;border:1px solid #ccc;box-sizing:border-box;}
.feedback .btn{background-color:#999;color:#fff;width:100%;height:38px;border:none 0px;padding:5px 0;box-sizing:border-box;border-radius: 2px;}

/*首页媒体新闻和公司简介*/
.mid_bg {width: 100%;overflow: hidden;background: url(../images/hAvant-bg.jpg) no-repeat center;background-size: cover; margin-bottom:10px;}
.mid_box  {width: 100%;padding: 8px;}
.mid_box  h3 {font-size: 16px; color:#f5b527;margin-top:16px;padding-bottom:8px;border-bottom: 2px solid #f5b527;}
.mid_box  h3 i{color: #F36603;font-size: 12px;}
.mid_box  h3 span {font-size: 14px; float:right;}
.mid_box  h3 span a{color:#f5b527;}
.mid_box  p {color: #fff;font-size: 12px;padding:6px;}
.mid_box li {background: rgba(1,7,12,0.4);overflow: hidden;margin-bottom: 5px;transition: all 0.6s; padding:5px;list-style: none;}
.mid_box li i{ display:inline-block; width: 5px; height: 5px; border-radius: 50%; background: red; margin-right:5px;}
.mid_box li a { color:#FFF;}
.other_box {background: rgba(255,255,255,0.5);width:98%;overflow: hidden; margin:2px auto 15px;}
.other_box li {float: left; font-size:12px;color: #000;text-align: center;}
.other_img1, .other_img2, .other_img3, .other_img4 {margin-right: auto;margin-left: auto;background: no-repeat center;transition: all 0.6s;background-size: contain;height: 12em;}
.other_img1 {background-image: url(../images/wf02.png);}
.other_img2 {background-image: url(../images/wf04.png);}
.other_img3 {background-image: url(../images/wf06.png);}
.other_img4 {background-image: url(../images/wf08.png);}

@media only screen and (min-width: 768px) {
.other_img1:hover {background-image: url(../images/wf01.png);}
.other_img2:hover {background-image: url(../images/wf03.png);}
.other_img3:hover {background-image: url(../images/wf05.png);}
.other_img4:hover {background-image: url(../images/wf07.png);}
.other_box li:hover {color: #da251d;}
.mid_box li:hover {background: rgba(0,0,0,0.8);}
.int_box {width: 50%;float: left; padding:5px;}
.other_box li {width: 25%;}
}
@media only screen and (max-width: 479px) {
.int_box {width: 100%;}
.other_box li {width: 50%;}
}