* { outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

/*******************************
	-------[=首页]-------
********************************/

/*首页公用*/
.g-tit01 { text-align: center; }
.g-tit01 .tit { font-size: 36px; margin-bottom: 5px; color: #ff7f27; font-weight: 600; }
.g-tit01 .tit span { color: #333; }
.g-tit01 p { font-size: 20px; color: #666; }
.g-tit02 { color: #999; font-size: 14px; font-weight: 400; padding: 10px 0 10px 14px; background-image: url(../images/icon17.png); background-repeat: no-repeat; background-position: left center; }
.g-txt01 { padding: 0 50px; }
.g-txt01 .con { padding: 28px 0 56px; }
.g-txt01 .tit { padding: 36px 0; color: #333; }
.g-txt01 .tit .hd { margin-bottom: 5px; font-size: 20px; font-weight: 600; }
.g-txt01 .tit span { display: block; font-size: 18px; }
.g-txt01 p { color: #666; font-size: 14px; line-height: 24px; }
.g-tit03 .tit { margin-bottom: 5px; font-size: 20px; color: #333; font-weight: 600; }
.g-tit03 span { display: block; font-size: 14px; color: #666; }

/*头部*/
.hd-top { overflow: hidden; background-color: #3f3f3f; height: 38px; line-height: 38px; color: #fff; font-size: 14px; }
.hd-top p { float: left; }
.hd-top .lang { float: right; }
.hd-top .lang li { float: left; position: relative; padding: 0 10px; }
.hd-top .lang li.xian { padding: 0; color: #ccc; }
.hd-top .lang li a { color: #ccc; }
.hd-top .lang li a:hover { color: #fff; }
.style-header.fixed .hd-bottom { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 9999; background-color: #fff; }
.hd-bottom { *zoom: 1; }
.hd-bottom:after, .hd-bottom:before { display: block; content: "clear"; height: 0; clear: both; overflow: hidden; visibility: hidden; }
.hd-bottom .logo { float: left; height: 90px; line-height: 90px; }
.hd-bottom .logo img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; }
.menuBtn { display: none; position: relative; float: right; margin-top: 4px; width: 40px; height: 40px; padding: 5px; cursor: pointer; }
.menuBtn b { display: block; width: 100%; height: 2px; border-radius: 2px; background-color: #005ad2; margin: 5px 0 7px; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; }
.menuBtn.open b { position: absolute; left: 5px; top: 35%; display: none; width: 30px; }
.menuBtn.open b:first-child { display: block; transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); }
.menuBtn.open b:last-child { display: block; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); }
.style-nav {float: left;    margin-left: 12%;}
.style-nav li { float: left; position: relative; }
.style-nav li > a { position: relative; display: block; font-size: 0.86vw;  padding: 0 1.2vw; text-align: center; height: 90px; line-height: 90px; color: #333; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; }
.style-nav li > a:after { content: ''; position: absolute; top: 50%; left: 50%; margin-top: -17px; height: 35px; width: 0; border-radius: 0; opacity: 0; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; z-index: -1; }
.style-nav li.on > a:after, .style-nav li:hover > a:after { left: 0; width: 100%; border-radius: 20px; opacity: 1; background-color: #ff7f27; }
.style-nav li.on > a, .style-nav li:hover > a { color: #fff; }
.style-nav li dl { display: none; position: absolute; top: 100%; left: 0; right: 0; margin: 0 -70px; padding-top: 10px; z-index: 999; width:290%; }
.style-nav li:hover dl { display: block; }
.style-nav li dl:after { content: ''; position: absolute; top: 3px; left: 50%; margin-left: -10px; width: 15px; height: 15px; background-color: #fff; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); z-index: -1; }
.style-nav li dl dd a { display: block; font-size: 12px; text-align: center; height: 40px; line-height: 40px; color: #333; background-color: #fff; border-bottom: 1px solid #e6e6e6; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; text-indent: 0; }
.style-nav dl dd:first-child a { border-radius: 5px 5px 0 0; }
.style-nav dl dd:last-child a { border-radius: 0 0 5px 5px; }
.style-nav li dl dd a:hover { text-indent: 1em; background-color: #f2f2f2; color: #000; }

/*banner*/
.banner { position: relative; }
.swiper_dots { position: absolute; left: 0; width: 100%; height: 0; bottom: 0; text-align: center; z-index: 2; }
.swiper_dots li { display: inline-block; margin: 0 10px; position: relative; }
.swiper_dots .pic { position: absolute; width: 196px; height: 80px; background-color: #fff; top: -128px; display: none; left: -99px; padding: 4px; }
.swiper_dots .pic:after { content: ''; position: absolute; top: 100%; left: 50%; margin-left: -10px; border-style: solid; border-width: 10px; border-color: transparent; border-top-color: #fff; z-index: -99; }
.swiper_dots .pic img { display: block; width: 100%; height: 100%; }
.swiper-container .swiper-wrapper .swiper-slide .con { padding-top: 36%; background-repeat: no-repeat; background-position: center center; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; }
.swiper-container .swiper-pagination .swiper-pagination-bullet { display: inline-block; width: 16px; height: 16px; margin: 0 5px; border-radius: 8px; border: 0; background-color: rgba(0, 0, 0, 0); position: relative; opacity: 1; }
.swiper-container .swiper-pagination-bullet:after { content: ''; position: absolute; top: 50%; left: 50%; margin: -4px 0 0 -4px; width: 8px; height: 8px; border-radius: 50%; background-color: #fff; }
.swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: rgba(0, 0, 0, 0.21); }

/*专业*/
.row-a1 { overflow: hidden; }
.m-txt01 { overflow: hidden; background-repeat: no-repeat; background-position: center center; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; color: #fff; padding: 24px 0; }
.m-txt01 .txt { float: left; }
.m-txt01 .txt .tit { font-size: 20px; font-weight: 400; margin-bottom: 6px; }
.m-txt01 .txt p { font-size: 14px; color: #d4e6ff; }
.m-txt01 .tel { float: right; padding-left: 52px; background: url(../images/icon116.png) left center no-repeat; font-size: 38px; font-family: arial, helvetica, sans-serif; -o-background-size: auto 42px; -ms-background-size: auto 42px; -moz-background-size: auto 42px; -webkit-background-size: auto 42px; background-size: auto 42px; }
.ul-txt01 { overflow: hidden; border-left: 1px solid #e3e3e3; background-color: #fff; }
.ul-txt01 li { float: left; width: 25%; position: relative; }
.ul-txt01 li .txt { text-align: center; border-right: 1px solid #e3e3e3; padding: 20px 0; border-bottom: 4px solid #ff7f27; }
.ul-txt01 li .txt a.tit { display: block; font-size: 18px; color: #333; font-weight: 400; height: 30px; line-height: 30px; }
.ul-txt01 li .txt a.desc { display: block; font-size: 14px; color: #666; height: 30px; line-height: 30px; }
.ul-txt01 li .txt1 { display: none; position: absolute; top: 100%; left: 0; width: 100%; height: 0; opacity: 0; background-color: #fff; border-bottom: 4px solid #ff7f27; -webkit-animation: slideInDown .6s ease forwards; animation: slideInDown .6s ease forwards; }

/*
.ul-txt01 li.on .txt1,
.ul-txt01 li:hover .txt1{
	height: 100%;
	opacity: 1;
	top: 0;
	display: inline-block;
}*/

/*产品*/
.row-a2 { overflow: hidden; padding: 80px 0; background-repeat: no-repeat; background-position: center center; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; }
.ul-imgtxt01 { overflow: hidden; margin: 0 -18px; }
.ul-imgtxt01 li { float: left; width: 33.33%; margin-bottom: 36px; }
.ul-imgtxt01 li a { overflow: hidden; display: block; margin: 0 18px; padding-bottom: 20px; background-color: #fff; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; }
.ul-imgtxt01 li:hover a { background-color: #ff7f27; }
.ul-imgtxt01 li .pic { overflow: hidden; position: relative; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; }
.ul-imgtxt01 li:hover .pic { -webkit-transform: translateY(-7%); -ms-transform: translateY(-7%); -o-transform: translateY(-7%); transform: translateY(-7%); -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
.ul-imgtxt01 li .pic img { display: block; width: 100%; }
.ul-imgtxt01 li .tit { text-align: center; padding: 20px 0 10px; font-weight: 400; font-size: 16px; color: #333; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.ul-imgtxt01 li:hover .tit { color: #fff; -webkit-transform: translateY(-25%); -ms-transform: translateY(-25%); -o-transform: translateY(-25%); transform: translateY(-25%); -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
.ul-imgtxt01 li .more { display: block; font-size: 16px; width: 20px; height: 20px; line-height: 20px; margin: 0 auto; border-radius: 50%; color: #fff; text-align: center; background-color: #ff7f27; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; }
.ul-imgtxt01 li:hover .more { -webkit-transform: translateY(-60%); -ms-transform: translateY(-60%); -o-transform: translateY(-60%); transform: translateY(-60%); background-color: #fff; color: #ff7f27; }

/*实力*/
.row-a3 { overflow: hidden; }
.row-a3 .g-tit01 { padding: 60px 0 40px; }
.m-list01 { overflow: hidden; padding: 122px 0 60px; background-repeat: no-repeat; background-position: center center; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; }
.ul-imgtxt02 { float: right; width: 56%; }
.ul-imgtxt02 li { overflow: hidden; margin-bottom: 62px; }
.ul-imgtxt02 li .pic { float: left; width: 67px; height: 67px; border-radius: 50%; }
.ul-imgtxt02 li .pic img { display: block; width: 100%; height: 100%; }
.ul-imgtxt02 li .txt { overflow: hidden; padding-left: 40px; color: #fff; }
.ul-imgtxt02 li .txt .tit { font-weight: 400; font-size: 20px; margin-bottom: 10px; }
.ul-imgtxt02 li .txt p { font-size: 14px; color: #d4e6ff; line-height: 1.6; }

/*优势*/
.m-list02 { padding: 80px 0 40px; overflow: hidden; }
.m-list02 .g-tit01 { float: left; text-align: left; padding: 23px 0; }
.m-list02 .g-tit01 span { font-weight: 400; }
.m-list02 .btn { float: right; margin-top: 10px; width: 100px; height: 40px; line-height: 40px; text-align: center; border-radius: 50px; background-color: #ff7f27; font-size: 14px; color: #fff; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; }
.m-list02 .btn:hover { background-color: #e87426; margin-top: 0; }
.ul-imgtxt03 { overflow: hidden; margin: 0 -15px; padding-bottom: 50px; }
.ul-imgtxt03 li { float: left; width: 25%; padding-bottom: 30px; }
.ul-imgtxt03 li:hover { background: url(../images/icon18.png) 50% 100% no-repeat; }
.ul-imgtxt03 li .con { background-color: #005ad2; border-radius: 10px; padding: 30px 0; margin: 0 15px; }
.ul-imgtxt03 li:hover .con { background-color: #ff7f27; }
.ul-imgtxt03 li .pic { width: 40px; height: 40px; margin: 0 auto; }
.ul-imgtxt03 li .pic img { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; }
.ul-imgtxt03 li .txt { text-align: center; color: #fff; padding: 15px 0; font-size: 14px; }
.ul-imgtxt03 li .txt .tit { font-weight: 400; font-size: 20px; margin-bottom: 6px; }
.ul-imgtxt03 li .txt span { display: block; }
.ul-imgtxt03 li .txt em { width: 1px; height: 25px; display: block; margin: 10px auto 15px; background-color: #fff; }
.ul-imgtxt03 li .txt p { margin-bottom: 15px; }
.m-tit01 { padding: 12px 0; font-size: 20px; color: #333; font-weight: 600; }
.ul-imgtxt04 { overflow: hidden; padding: 50px 0; }
.ul-imgtxt04 li { float: left; width: 25%; }
.ul-imgtxt04 li .pic { float: left; width: 75px; height: 75px; }
.ul-imgtxt04 li .pic img { display: block; width: 100%; height: 100%; }
.ul-imgtxt04 li .tit { overflow: hidden; padding-left: 28px; color: #333; font-size: 16px; font-weight: 400; height: 75px; line-height: 75px; }

/*品牌*/
.row-a5 { overflow: hidden; padding: 80px 0; background-color: #f8f8f8; }
.row-a5 .col-l { width: 58%; }
.row-a5 .col-r { width: 39%; }
.m-imgtxt01 { background-color: #fff; }
.m-imgtxt01 .pic { overflow: hidden; position: relative; height: 0; padding-top: 51%; }
.m-imgtxt01 .pic img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; }
.m-list03 { background-color: #fff; border-top: 8px solid #005ad2; }
.m-list03 .first-txt .con { border-bottom: 1px solid #e3e3e3; }

/*搜索*/
.m-list04 { padding: 74px 0; overflow: hidden; background-repeat: no-repeat; background-position: center center; }
.m-list04 .g-tit01 { text-align: left; float: left; }
.m-list04 .g-tit01 .tit { color: #fff; font-weight: 400; }
.m-list04 .g-tit01 p { color: #fff; font-size: 14px; }
.m-so { float: right; margin-top: 18px; position: relative; font-size: 0; }
.m-so .inp { float: left; display: block; width: 450px; padding-left: 14px; background-color: #fff; border-radius: 20px 0 0 20px; height: 36px;	/*border: 0;*/ border: 1px solid #fff; font-size: 14px; color: #757575; }

/*.m-so .inp::-webkit-input-placeholder{font-size: 14px;color: #757575;}
.m-so .inp::-moz-placeholder{font-size: 14px;color: #757575;}
.m-so .inp::-ms-input-placeholder{font-size: 14px;color: #757575;}*/
.m-so .sub { float: left; width: 50px; height: 36px; background-image: url(../images/so.png); background-repeat: no-repeat; background-position: center center; background-color: #fff; -o-background-size: 20px auto; -ms-background-size: 20px auto; -moz-background-size: 20px auto; -webkit-background-size: 20px auto; background-size: 20px auto;	/*border: 0;*/ border: 1px solid #fff; padding: 0; border-radius: 0 20px 20px 0; cursor: pointer; font-size: 0; }
.m-so .sub:hover { background-color: #ff7f27; border: 1px solid #ff7f27; background-image: url(../images/so-h.png); }
.tips { width: 148px; height: 42px; line-height: 42px; border: #858585 1px solid; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; position: absolute; left: 50px; top: 128%; padding: 0 15px 0 40px; background: url(https://demo.szwl.work/10055/template/default/skin/imagess/tips.jpg) 8px center no-repeat #fff; display: none; font-size: 14px; }
.tips::before { content: ""; width: 12px; height: 12px; border-top: #bababa 1px solid; border-left: #bababa 1px solid; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); position: absolute; left: 10px; top: -7px; background: #fff; }
.tips.on { display: block; }
.ul-imgtxt05 { position: relative; top:0px; overflow: hidden; padding: 0 96px; border-bottom: 1px solid #e3e3e3; }
.ul-imgtxt05 li { float: left; width: 20%; padding: 70px 50px; border-right: 1px solid #e3e3e3; }
.ul-imgtxt05 li .pic { float: left; width: 30px; height: 30px; }
.ul-imgtxt05 li .pic img { display: block; width: 100%; height: 100%; }
.ul-imgtxt05 li .txt { overflow: hidden; padding-left: 30px; }
.ul-imgtxt05 li .txt .tit { font-size: 20px; margin-bottom: 15px; font-weight: 400; }
.ul-imgtxt05 li .txt p { font-size: 14px; color: #666; min-height:38px; }

/*新闻*/
.row-a7 { overflow: hidden; padding: 80px 0; background-color: #f8f8f8; }
.row-a7 .col-l { width: 33.33%; }
.row-a7 .col-r { width: 63.33%; }
.m-list05 { padding: 50px 30px; background-repeat: no-repeat; background-position: center center; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; }
.m-list05 .g-tit03 .tit { color: #fff; }
.m-list05 .g-tit03 span { color: #fff; }
.m-news01 { padding-top: 36px; }
.m-news01 .pic { overflow: hidden; position: relative; height: 0; padding-top: 67%; }
.m-news01 .pic img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; }
.m-news01 .txt { margin-top: 20px; }
.m-news01 .txt .tit { margin-bottom: 10px; font-size: 18px; color: #333; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-weight: 400; }
.m-news01:hover .txt .tit { color: #ff7f27; }
.m-news01 .txt .time { display: block; font-size: 12px; color: #666; padding-bottom: 10px; }
.m-news01 .txt p { font-size: 12px; line-height: 22px; margin-top: 31px; color: #999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.m-list06 { padding: 15px 30px; background-color: #fff; margin-bottom: 25px; }
.m-news02 { overflow: hidden; padding: 36px 10px 0 10px; }
.m-news02 .pic { float: right; width: 20%; }
.m-news02 .pic img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; }
.m-news02 .box { float: left; width: 80%; }
.m-news02 .box .time { float: left; }
.m-news02 .box .time span { display: block; font-size: 20px; color: #999; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; }
.m-news02 .box .time .span2 { display: none; }
.m-news02:hover .box .time span { color: #ff7f27; }
.m-news02 .box .time em { display: block; margin-top: 15px; width: 35px; height: 35px; background-repeat: no-repeat; background-position: center center; background-image: url(../images/icon19.png); }
.m-news02:hover .box .time em { background-image: url(../images/icon19-h.png); }
.m-news02 .box .txt { padding-left: 25px; overflow: hidden; }
.m-news02 .box .txt .tit { font-size: 18px; color: #333; margin-bottom: 14px; font-weight: 400; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.m-news02:hover .box .txt .tit { color: #ff7f27; }
.m-news02 .box .txt p { font-size: 14px; color: #999; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-right: 90px; }
.ul-txt02 { height: 218px; overflow: hidden; margin-top: 25px; }
.ul-txt02 li { overflow: hidden; padding: 10px; overflow: hidden; font-size: 14px; font-family: "微软雅黑", "Microsoft YaHei"; color: #333; }
.ul-txt02 li .tit { margin-bottom: 20px; }
.ul-txt02 li .tit .hd { overflow: hidden; font-size: 14px; height: 26px; line-height: 26px; font-weight: 400; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; }
.ul-txt02 li:hover .tit .hd { color: #1e88e5; }
.ul-txt02 li .txt p { height: 42px; line-height: 21px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.ul-txt02 li span.letter { display: block; margin-right: 16px; width: 26px; height: 26px; line-height: 26px; text-align: center; float: left; border-radius: 50%; background-color: #1e88e5; color: #fff; font-weight: 400; }

/*友情链接*/
.row-link { background-color: #005ad2; border-bottom: 1px solid #fff; }
.m-link1 { padding: 20px 0; }
.m-link1 .item { overflow: hidden; color: #fff; }
.m-link1 .item:first-child { margin-bottom: 40px; }
.m-link1 .item span { float: left; font-size: 16px; margin-right: 18px; font-weight: 600; }
.ul-link1 { overflow: hidden; }
.ul-link1 li { float: left; }
.ul-link1 li a { display: block; margin-right: 20px; font-size: 14px; color: #fff; height: 21px; line-height: 21px; }
.ul-link1 li a:hover { text-decoration: underline; }

/*底部*/
.style-footer { background-color: #333; }
.fd-nav { padding-top: 14px; border-bottom: 1px solid #7f7f7f; overflow: hidden; }
.fd-nav ul { text-align: center }
.fd-nav li { width: auto; padding: 0px 2%; display: inline-block; }
.fd-nav li a { display: block; height: 70px; line-height: 70px; text-align: center; font-size: 14px; color: #fff; }
.fd-nav li a:hover { color: #ff7f27; }
.fd-info { padding: 30px 0 50px; overflow: hidden; }
.fd-qr { float: left; }
.fd-qr li { float: left; margin-right: 30px; }
.fd-qr li .pic { width: 130px; height: 130px; }
.fd-qr li .pic img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; }
.fd-qr li p { text-align: center; font-size: 14px; font-weight: 400; color: #d3d3d3; height: 40px; line-height: 40px; }
.fd-txt { float: left; padding-left: 30px; line-height: 35px; color: #d3d3d3; font-size: 14px; }
.fd-txt p strong { font-family: arial, helvetica, sans-serif; color: #fff; font-size: 38px; }
.fd-logo { float: right; margin-top: 65px; height: 40px; line-height: 40px; }
.fd-logo img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; }
.copy { overflow: hidden; background-color: #005ad2; line-height: 50px; font-size: 14px; color: #fff; }
.copy p { float: left; }
.copy a { color: #fff; }
.copy a:hover { color: #ff7f27; }

/*客服*/
.kf { width: 208px; position: fixed;	/* right: 20px; */ right: -208px; top: 200px; z-index: 9; }
.kt-top { height: 40px; line-height: 40px; background: url("../images/kefu.png") 12px center no-repeat #005ad2; -o-background-size: auto 20px; -ms-background-size: auto 20px; -moz-background-size: auto 20px; -webkit-background-size: auto 20px; background-size: auto 20px; padding-left: 46px; font-size: 14px; color: #fff; }
.kt-top span:hover { transform: rotate(90deg); }
.kt-top span { width: 18px; height: 16px; float: right; position: relative; margin: 10px 10px 0px 0px; cursor: pointer; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
.kt-top span b { width: 100%; height: 2px; background: #fff; display: block; position: absolute; top: 50%; left: 0; }
.kt-top span b:first-child { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.kt-top span b:last-child { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); }
.kf .con { overflow: hidden; background: #fff; }
.kf .qq li { height: 36px; line-height: 36px; border-bottom: #f5f5f5 solid 1px; padding-left: 16px; }
.kf .qq li a { height: 36px !important; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-decoration: initial; display: block; }
.kf .qq li a img { padding-right: 6px; }
.kf .con h5 { height: 26px; line-height: 26px; margin-top: 12px; background: url('../images/lianxi.png') 16px center no-repeat; padding-left: 45px; color: #666; font-size: 14px; }
.kf .contact { margin-top: 1px; }
.kf .contact p { height: 26px; line-height: 26px; color: #666; font-size: 14px; padding-left: 22px; }
.kf .contact p:nth-child(2n) { padding-left: 32px; }
.kf .con h5.qr-icon { background: url('../images/erweima.png') 16px center no-repeat; }
.kf .con .qr { margin-top: 10px; padding-left: 40px; }
.kf .con .qr img { width: 110px; height: 110px; }
.kf .backTop { width: 100%; height: 40px; margin-top: 10px; background: url('../images/huidaodingbu.png') center center no-repeat #005ad2; background-size: 18px auto; cursor: pointer; }
.kf-side { padding: 18px 10px 10px; background: #005ad2; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); left: -34px; cursor: pointer; }
.kf-side b { display: block; color: #fff; line-height: 18px; font-size: 14px; font-weight: normal; }
.kf-side span.arrow { width: 12px; height: 12px; background: url('../images/jt-1.png') no-repeat; -o-background-size: auto 12px; -ms-background-size: auto 12px; -moz-background-size: auto 12px; -webkit-background-size: auto 12px; background-size: auto 12px; display: block; margin-top: 10px; }
.kf-side span.on { background: url('../images/jt-2.png') no-repeat; -o-background-size: auto 12px; -ms-background-size: auto 12px; -moz-background-size: auto 12px; -webkit-background-size: auto 12px; background-size: auto 12px; }

/*手机底部菜单*/
.h50 { display: none; }
.style-link { display: none; overflow: hidden; position: fixed; bottom: 0; left: 0; right: 0; z-index: 9; background-color: #fff; padding: 4px 0; box-shadow: 5px 0 10px rgba(0, 0, 0, .05); }
.style-link li { float: left; width: 25%; }
.style-link li a { display: block; text-align: center; font-size: 13px; color: #000; }
.style-link li.on a, .style-link li:hover a { color: #005ad2; }
.style-link li a i { display: block; width: 25px; margin: 0 auto; height: 25px; background-repeat: no-repeat; background-position: center center; -o-background-size: auto 18px; -ms-background-size: auto 18px; -moz-background-size: auto 18px; -webkit-background-size: auto 18px; background-size: auto 18px; }
.style-link li a .i1 { background-image: url(../images/sj-nav1.png); }
.style-link li.on .i1, .style-link li:hover .i2 { background-image: url(../images/sj-nav1-on.png); }
.style-link li a .i2 { background-image: url(../images/sj-nav2.png); }
.style-link li.on .i2, .style-link li:hover .i2 { background-image: url(../images/sj-nav2-on.png); }
.style-link li a .i3 { background-image: url(../images/sj-nav3.png); }
.style-link li.on .i3, .style-link li:hover .i3 { background-image: url(../images/sj-nav3-on.png); }
.style-link li a .i4 { background-image: url(../images/sj-nav4.png); }
.style-link li.on .i4, .style-link li:hover .i4 { background-image: url(../images/sj-nav4-on.png); }

/*******************************
	-------[=内页公用]-------
********************************/
.g-tit3 { padding-bottom: 10px; font-size: 16px; color: #005ad2; border-bottom: 1px solid #e4e4e4; font-weight: 600; }
.g-tit3 span { font-weight: 400; color: #999; text-transform: uppercase; }
.g-pages { text-align: center; margin: 20px 0; }
.g-pages li { display: inline-block; }
.g-pages li a { display: block; margin-right: 10px; padding: 2px 12px; border: 1px solid #ccc; background-color: #fff; text-decoration: none; color: #808080; font-size: 12px; line-height: 24px; }
.g-pages li.on a, .g-pages li a:hover { background-color: #005ad2; border: 1px solid #005ad2; color: #fff }

/*内页左侧*/
.g-cur { height: 55px; line-height: 55px; background: #f3f3f3; }
.g-cur .wp { background: url('../images/home.png') left center no-repeat; padding-left: 20px; box-sizing: border-box; }
.g-cur .wp a { color: #2f2f2f; }
.g-cur .wp a:hover { color: #005ad2; }
.row-b1 { overflow: hidden; padding: 35px 0 56px; }
.row-b1 .col-l {    width: 22%;}
.row-b1 .col-r { float: none; overflow: hidden;    margin-left: 24%; }
.row-b1 .col-l .g-titIns1{    background-color: #005ad2;color: #fff;padding: 10px 20px;    height: auto;}
.row-b1 .col-l .m-info{padding:20px; color:#fff; background:#f7f7f7}

.g-titIns1 { height: 44px; line-height: 44px; font-size: 20px; color: #545454; border-bottom: 1px solid #ebebeb; font-weight: normal; position: relative; }
.g-titIns1::after { content: ''; width: 80px; height: 1px; background: #005ad2; position: absolute; left: 0; bottom: -1px; }
.snv { padding-top: 12px; margin-bottom: 30px; }
.snv li { line-height: 44px; background: url('../images/jiantou-r.png') 6px 18px no-repeat; text-indent: 20px; -o-background-size: auto 10px; -ms-background-size: auto 10px; -moz-background-size: auto 10px; -webkit-background-size: auto 10px; background-size: auto 10px; }
.snv li a { display: block; color: #000; font-size: 14px; border-bottom: 1px solid #f2f2f2; }
.snv>li.on>a { color: #005ad2; }
.snv-sub { padding-bottom: 10px; display: none; }
.snv-sub dd { background: url('../images/jiantou-r.png') 12px 18px no-repeat; text-indent: 26px; -o-background-size: auto 10px; -ms-background-size: auto 10px; -moz-background-size: auto 10px; -webkit-background-size: auto 10px; background-size: auto 10px; }
.snv-sub dd.on a { color: #005ad2; }
.m-info { padding: 15px 0; }
.m-info p {line-height: 34px; font-size: 16px; color: #2F2F22; }

/*内页banner]*/
.ban { height: 560px; -webkit-background-size: cover; background-size: cover; overflow: hidden; background-repeat: no-repeat; background-position: center center;  display: flex;
  justify-content: center; }
.ban h3{    WIDTH: 80%;    text-align: CENTER;
    MARGIN: AUTO;
    font-size: 36px;
    color: #fff;}
.ban h3 p{    font-size: 18px;
    font-weight: normal;    line-height: 50px;}	
.col-r .m-news02{    padding: 36px 10px 30px 10px;
    border-bottom: 1px solid #ddd;}
/*详情标签*/
.g-tabel { overflow: hidden; color: #5a5a5a; border-top: 1px dashed #999; border-bottom: 1px dashed #999; font-size: 14px; }
.g-tabel span { float: left; height: 42px; line-height: 42px; margin-right: 10px; }
.g-tabel ul { overflow: hidden; }
.g-tabel li { float: left; }
.g-tabel li a { display: block; margin-right: 10px; height: 42px; line-height: 42px; }
.g-tabel li a:hover { color: #005ad2; }

/*******************************
	-------[=产品列表]-------
********************************/
.m-chanpin { overflow: hidden; margin-bottom: 30px; }
.m-chanpin .desc { padding: 10px; margin-top: 20px; line-height: 26px; text-indent: 2em; font-size: 14px; border: 1px dotted #e5e5e5; color: #868686; background-color: #f5f5f5; }
.ul-imgtxt-01 { margin: 0 -10px; *zoom: 1; }
.ul-imgtxt-01:after, .ul-imgtxt-01:before { display: block; content: "clear"; height: 0; clear: both; overflow: hidden; visibility: hidden; }
.ul-imgtxt-01 li { width: 33.33%; float: left; margin-top: 20px; }
.ul-imgtxt-01 li a { margin: 0 10px; display: block; text-align: center; }
.ul-imgtxt-01 li a .pic { padding-top: 75%; height: 0; position: relative; overflow: hidden; }
.ul-imgtxt-01 li a .pic img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; }
.ul-imgtxt-01 li a:hover .pic img { transform: scale(1.08); -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08); }
.ul-imgtxt-01 li a p { height: 50px; line-height: 50px; text-align: center; font-size: 15px; color: #666; font-weight: 400; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.ul-imgtxt-01 li a:hover { text-decoration: none; }
.ul-imgtxt-01 li a:hover p { background-color: #ff7f27; color: #fff; }
.ul-imgtxt2 { margin-top: 0; }
.ul-imgtxt2 li .pic { padding: 4px; }
.ul-imgtxt2 li a:hover { border: 0; }

/*******************************
	-------[=产品详情]-------
********************************/
.m-list1 { overflow: hidden; padding: 14px 0 25px; border-bottom: 1px dotted #a9a9a9; }
.m-pic1 { float: left; width: 50%; }
.m-txt1 { overflow: hidden; padding-left: 38px; }
.m-txt1 .protit { font-size: 16px; padding-bottom: 9px; margin-bottom: 9px; border-bottom: 1px dotted #a9a9a9; font-weight: 600; }
.m-txt1 .txt { margin-right: 100px; }
.m-txt1 .txt p { line-height: 28px; margin-bottom: 10px; font-size: 14px; color: #2f2f2f; }
.m-txt1 .btn { display: block; width: 98px; height: 32px; line-height: 32px; padding-left: 15px; background-color: #005ad2; color: #fff; }
.m-txt1 .btn:hover { background-color: #444; }
.m-txt1 .btn span { display: block; padding-left: 15px; background-repeat: no-repeat; background-position: left center; background-image: url(../images/btn-r.png); }
.m-txt2 { margin-top: 12px; }
.m-txt2 img { width: 100%; height: auto !important }
.m-txt2 p { font-size: 14px; line-height: 26px; margin-bottom: 10px; }
.ul-pages1 { overflow: hidden; margin: 20px 0; }
.ul-pages1 li { float: left; font-size: 14px; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.ul-pages1 li:last-child { float: right; }
.ul-pages1 li a { color: #337AB7; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; }
.ul-pages1 li a:hover { color: #005ad2; }
.m-list3 { padding-top: 35px; }
.ul-link2 { overflow: hidden; }
.ul-link2 li { float: left; padding-top: 20px; }
.ul-link2 li a { display: block; margin-right: 17px; font-size: 14px; }
.ul-link2 li a:hover { color: #005ad2; }

/* 放大镜 */
div.zoomDiv { z-index: 999; position: absolute; top: 0; left: 0; background: #ffffff; border: 1px solid #ddd; display: none; text-align: center; overflow: hidden; font-size: 0; }
div.zoomMask { position: absolute; background: url(../images/mask.png) repeat scroll 0 0 transparent; cursor: move; z-index: 1; }
.style-showcase { margin-bottom: 30px; }
.style-showcase-pic { position: relative; width: 100%; overflow: hidden; float: left; }
.style-showcase-pic .bd { font-size: 0; margin-top: 13px; overflow: hidden; }
.style-showcase-pic .bd li { height: 75px; line-height: 75px; cursor: pointer; display: inline-block; width: 99px; border: 1px solid #ddd; padding: 1px; margin: 0 5px; }
.style-showcase-pic .bd li.active { border-color: #c80003; }
.style-showcase-pic .prev, .style-showcase-pic .next { position: absolute; background: no-repeat 0 0; width: 14px; height: 27px; bottom: 26px; z-index: 2; }
.style-showcase-pic .prev { background-image: url(https://demo.szwl.work/10055/template/default/skin/imagess/zlztdetailscon1btn01.png); left: 0; }
.style-showcase-pic .next { background-image: url(https://demo.szwl.work/10055/template/default/skin/imagess/zlztdetailscon1btn02.png); right: 0; }
.style-showcase-pic .prev:hover, .style-showcase-pic .next:hover { background-position: 0 bottom; }
.style-showcase-pic .cover { height: 300px; line-height: 300px; border: 1px solid #ddd; padding: 1px; }
.style-showcase-pic .cover a { display: block; width: 100%; height: 100%; }
.style-showcase-info { float: right; width: 500px; }
.style-showcase-info h1 { margin: 0 0 15px; font-size: 20px; overflow: hidden; font-weight: normal; border-bottom: 1px solid #ddd; padding-bottom: 15px; }
.style-showcase-info p { margin: 0; color: #666; line-height: 2; }
.style-showcase-info .tel { border-top: 2px solid #e6e6e6; margin-top: 15px; padding-top: 15px; background: url(https://demo.szwl.work/10055/template/default/skin/imagess/viskins-p1.png) no-repeat 0 15px; height: 42px; padding-left: 50px; line-height: 21px; }
.style-showcase-info .tel a { float: right; line-height: 42px; padding: 0 15px; background-color: #c80003; color: #fff; }
.style-showcase-info .tel span { display: block; color: #c80003; font-size: 18px; }
div.zoomDiv { z-index: 999; position: absolute; top: 0; left: 0; background: #ffffff; border: 1px solid #ddd; display: none; text-align: center; overflow: hidden; font-size: 0; }
div.zoomDiv img { max-width: none; }
div.zoomMask { position: absolute; background: url(../images/mask.png) repeat scroll 0 0 transparent; cursor: move; z-index: 1; }
.img-center { text-align: center; font-size: 0; }
.img-center img { display: inline-block; width: auto; height: auto; max-width: 100%; max-height: 100%; vertical-align: middle; }
.m_pic_showpic { display: none; }
.m_showpic img { display: block; max-width: 100%; }

/*产品详情图片*/
.pc-slide { width: 100%; margin: 0 auto; }
.m-pic1 .view .swiper-slide { padding: 0 2px; }
.view .swiper-slide .imgauto { width: 100%; height: 350px; line-height: 350px; }
.view .swiper-container { width: 100%; }
.preview { width: 100%; margin-top: 10px; position: relative; }
.preview .swiper-container { margin: 0 10%; }
.preview .swiper-slide {	/*width: 33.33%;*/
width: 101px; padding: 5px; }
.preview .swiper-slide .imgauto { width: 100%; height: 80px; line-height: 78px; border: 1px solid #ddd; text-align: center; font-size: 0; cursor: pointer; }
.preview .swiper-slide .imgauto img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; padding: 5px; }
.preview .slide6 { width: 82px; }
.preview .arrow-left { background: url(../images/feel3.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -9px; width: 9px; height: 18px; z-index: 10; }
.preview .arrow-right { background: url(../images/feel4.png) no-repeat left bottom; position: absolute; right: 10px; top: 50%; margin-top: -9px; width: 9px; height: 18px; z-index: 10; }
.preview img { padding: 1px; }
.preview .active-nav .imgauto { border: 1px solid #005ad2; }
.clearfix { *zoom: 1; }
.clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.work_list { width: 100%; padding-top: 12px; margin-bottom: 20px; }
.work_list .tit { line-height: 44px; background: url(../images/jiantou-r.png) left center no-repeat; text-indent: 20px; background-size: auto 10px; border-bottom: 1px solid #f2f2f2; width: 100%; float: left; }
.work_list .tit a { float: left; line-height: 52px; color: #333; font-size: 15px; text-indent: 0; padding-left: 15px; font-weight: normal }
.work_list .tit.on a { color: #005ad2; }
.col-l .g-titIns1::after{ display:none}
.work_list .tit span { float: left; }
.work_list ul { display: none; float: left; width: 100%; }
.work_list li { background: url(../images/jiantou-r.png) 18px 15px no-repeat; text-indent: 26px; display: block; border-bottom: 1px solid #f2f2f2; width: 100%; line-height: 42px; background-size: 5px; }
.work_list li a { display: block; color: #666; font-size: 14px; text-indent: 0; padding-left: 30px; }
.work_list li.on a { color: #005ad2; }

/*******************************
	-------[=关于我们]-------
********************************/
.m-content .txt { padding: 15px 0; line-height: 32px; color: #2F2F2F; font-size: 16px; }

/*******************************
	-------[=新闻列表]-------
********************************/
.ul-newslist { overflow: hidden; margin-bottom: 30px; }
.ul-newslist li { font-size: 14px; padding: 20px 0; border-bottom: #dddddd 1px dotted; }
.ul-newslist li a { display: block; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.ul-newslist li .tit { overflow: hidden; margin-bottom: 0px; height:auto; line-height: 30px; }
.ul-newslist li .tit .time { float: right; font-size: 14px; margin-left: 10px; }
.ul-news1 li .tit .time { font-size: 12px; }
.ul-newslist li .tit a { display: block; font-size: 16px; background: url('../images/news-r.png') left center no-repeat; padding-left: 14px; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.ul-newslist li a:hover { color: #005ad2; }
.ul-newslist li .txt p { font-size: 14px; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

/*******************************
	-------[=新闻详情]-------
********************************/
.m-news1 { padding-top: 20px; }
.m-news1 h1 { line-height: 34px; color: #434343; margin-bottom: 15px; text-align: center; font-size: 24px; }
.m-news1 .desc { text-align: center; }
.m-news1 .desc span { display: inline-block; font-size: 14px; margin: 0 10px; }
.m-news1 .txt { padding: 15px 0; line-height: 32px; color: #2F2F2F; font-size: 16px; }
.m-news1 .txt img { width: 100%; height: auto !important }
.m-txt3 { margin-top: 10px; }
.m-txt3 .link { padding-left: 20px; margin-bottom: 15px; height: 36px; line-height: 36px; color: #868686; font-size: 14px; background-color: #f5f5f5; border: 1px dotted #e5e5e5; }
.m-txt3 .link a { color: #868686; }
.m-txt3 .link a:hover { color: #005ad2; }
.ul-news1 li { float: left; width: 50%; }
.ul-news1 li a { font-weight: 400; }
.ul-news1 li .tit { margin: 0 10px; }

/*******************************
	-------[=留言反馈]-------
********************************/
#message .m-content .m-message { width: 90%; padding: 20px; }
#message .m-content { margin-top: 1rem; }
.m-message label.code span { float: left; }
.m-message label.code input { float: left; }
.m-message label.code img { float: left; }
#message { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 20000; transform: scale(0); transition: .3s; }
.messagebg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .6); z-index: 10000; }
#message .m-content { margin-top: 10%; }
#message .m-content .m-message { background: #fff; width: 580px; background: #fff; padding: 50px; margin: 0 auto; position: relative; z-index: 20000; box-shadow: 1px 1px 50px rgba(0, 0, 0, .3); }
.m-message { width: 494px; margin: 48px auto 0; }
.m-message label { margin-bottom: 15px; display: block; font-size: 14px; }
.m-message label em { display: block; float: right; color: red; height: 32px; line-height: 32px; }
.m-message label span { width: 70px; height: 34px; line-height: 34px; color: #2F2F2F; float: left; font-weight: bold; text-align: right; margin-right: 30px; display: inline-block; }
.m-message label input.inp, .m-message label textarea, .m-message label.code input { width: 77%; overflow: hidden; height: 32px; line-height: 32px; border: #cccccc 1px solid; border-radius: 3px; padding: 0 14px; box-sizing: border-box; color: #555; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
.m-message label input:focus, .m-message label textarea:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(247, 150, 0, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(247, 150, 0, .6); }
.m-message label textarea { height: 72px; line-height: 24px; padding: 10px 14px; }
.m-message label.code { line-height: 34px; }
.m-message label.code input { width: 30%; float: left; margin-right: 30px; }
.m-message label.code .pic { display: inline-block; vertical-align: top; width: 80px; height: 32px; }
.m-message label.code img { display: block; width: 100%; height: 100%; }
.btn-1 input { width: 52px; height: 32px; line-height: 32px; background: #e8e8e8; border: none; color: #333; margin-right: 22px; cursor: pointer; transition: 0.3s; }
.btn-1 { padding-left: 100px; }
.btn-1 input.focus { background: #0d62be; color: #fff; }
.btn-1 input.focus:hover { background: #444; }
.btn-1 input:hover { background: #ccc; }

/*******************************
	-------[=案例详情]-------
********************************/
.m-list2 { margin-top: 30px; padding: 26px 10px 10px; border: 1px solid #ddd; background-color: #f0f0f0; }
.m-list2 .con { margin-bottom: 10px; padding: 15px; background-color: #fff; border: 1px solid #ddd; }
.m-list2 .box { padding: 26px 20px; background-color: #fff; border: 1px solid #ddd; }
.m-list2 .con .pic { height: 450px; line-height: 450px; overflow: hidden; text-align: center; }
.m-list2 .con .pic img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; }
.m-list2 .box .txt { font-size: 14px; line-height: 26px; margin-bottom: 10px; }
.m-list2 .box .txt img { width: 100%; height: auto !important }
.m-list2 .box .txt .tit { margin-bottom: 30px; font-size: 22px; color: #005ad2; font-weight: 600; }
.ul-txt-01 { overflow: hidden; padding-left: 23px; background: url(../images/source.gif) left center no-repeat; }
.ul-txt-01 li { float: left; margin-right: 4px; font-size: 14px; color: #505050; font-family: 'microsoft yahei', Verdana, Arial; }
.ul-txt-01 li a { font-size: 12px; }
.ul-txt-01 li a:hover { color: #005ad2; }
.dates li { font-size: 14px; margin: 20px 0 }
.dates li span { float: right }
.pagebar { padding: 20px; overflow: hidden }
.pagebar .pagination { display: flex; justify-content: center; margin-top: 10px; }
.pagination a { background: #fff; border: 1px solid #ccc; color: #333; font-size: 12px; padding: 7px 8px; margin: 0 2px; border-radius: 3px; }
.pagination span { color: #333; font-size: 12px; padding: 7px 2px; margin: 0 2px; border-radius: 3px; }
.pagination a:hover { color: #ccc; border: 1px solid #ccc; }
.pagination a.page-num-current { color: #fff; background: #ccc; border: 1px solid #ccc; }
.pagination .st { font-family: 宋体 }
.text-secondary { text-align: center; padding: 20px 0 }
#maximg img { max-width: 100% !important; height: auto !important }
.footer {color: #808080;background:#333;padding: 40px 0 0;}
.footer a {color: #808080;}
.footer a:hover {color: #fff;}
.footer dl {margin: 0;float: left;max-width:28%;border-left: 1px solid #3b3b3b;padding: 0 1.8vw;}
.footer dl:first-child {border-left: 0;padding-left: 0;}
.footer dt {color: #fff;font-size: 16px;margin-bottom: 15px;}
.footer dt:after {content: '';display: block;background-color: #ff7f27;height: 2px;width: 25px;transition: all 0.5s;margin: 15px 0 0;}
.footer dd {margin: 10px 0 0; font-size:14px;}
.footer dd p {margin: 0;}
.footer-info {float: right;}
.footer-info .ewm {overflow: hidden;}
.footer-info .ewm .img-center {float: left;width: 95px;}
.footer-info .ewm .text {margin-left: 110px;}
.footer-info .ewm .text h4 {margin: 0;color: #fff;font-size: 18px;font-weight: normal;}
.footer-info .ewm .text p {margin: 10px 0 0;}
.footer-info .tel {margin-top: 20px;background: url(../images/icon-tel.png) no-repeat 0 center;padding-left: 60px;}
.footer-info .tel strong {font-size: 29px;display: block;color: #fff;}
.footer-copy {background-color: #3d3d3d;padding: 15px 0;margin-top: 40px;}
.footer-copy p {margin: 0; font-size:14px;}


.riifo-about-whatweare {
    padding: 4% 0;
    overflow: hidden;
    background: url(../images/bg2.jpg) center top no-repeat;
    background-size: 100%;
}
.riifo-content {
    width: 94%;
    margin: auto;
    position: relative;
    overflow: hidden; max-width:1280px
}
.riifo-about-whatweare .riifo-content-top {
    overflow: hidden;
}
.riifo-about-whatweare .riifo-content-top .riifo-content-top-left {
    float: left;
    width: 35%;
}
.riifo-title {
    position: relative;
    overflow: hidden;
}
.riifo-title h3{font-weight: bold;font-size: 36px;}

.riifo-title .line-1 {
    width: 40px;
    height: 4px;
    margin: 20px 0;
	    background-color: #ff7f27;
}
.riifo-content-top-left .riifo-text,.riifo-content-left .riifo-text{    font-size: 16px;
    line-height: 30px;}
 .riifo-content-top-right,.riifo-an-nnovation-pioneer strong{font-size: 16px;
    line-height: 32px;}
.riifo-about-an-nnovation-pioneer {
    padding: 5% 0 7% 0;
    overflow: hidden;
}
.riifo-about-an-nnovation-pioneer .riifo-content-left {
    float: left;
    width: 43%;
}
.riifo-about-an-nnovation-pioneer .riifo-content-right {
    float: right;
    width: 50%;
    margin-top: 0;
}
.riifo-title {
    position: relative;
    overflow: hidden;
}
.riifo-an-nnovation-pioneer,.riifo-an-nnovation-pioneer li, .riifo-globtal-market-leader-bottom .left-icontext li{
    border-top: 1px solid #ededed;
}
.riifo-an-nnovation-pioneer li{    list-style: none;
    margin: 0;
    padding: 20px 0;
    overflow: hidden;
    position: relative;
    transition: all .4s ease;}
.riifo-an-nnovation-pioneer span{ font-size:14px;}
.riifo-an-nnovation-pioneer li.cur {
    border-bottom: 1px solid #ff7f27;
}
.riifo-an-nnovation-pioneer li.cur strong {
    color: #ff7f27;
}
.riifo-contact-office {
    overflow: hidden;
    position: relative;
    padding: 4% 0 5% 0;
}
.case-list {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 3%;
}
.case-list .item {
    flex-basis: calc((100% - 65px) / 6);    width: 16%;
}
.case-list .pic {
    width: 100%;
    overflow: hidden;
    text-align: center;
    margin: auto;
}
.case-list .pic img {
    display: block;
    width: 100%;
    height: auto;
    transition: all 1s;
}
.case-list .tit {
    padding: 10px;
    line-height: 45px;
    text-align: center;
    color: #333;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.riifo-about-whatweare .riifo-content-top .riifo-content-top-right {
    float: right;
    width: 55%;
}
.riifo-an-nnovation-pioneer span {
    width: 60%;
    text-align: right;
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.job-a {
    margin-bottom: 60px;
}
.job-item {
    padding: 40px 0;
}
.flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.list-2 li {
    width: 48%;
}
.flex > li {
    margin-bottom: 15px;
}
.list-2 li {
    width: 48%;
}
#job .main-title {
    margin-bottom: 0px;
}
#job .main-title h1{ margin-bottom:20px; font-size:24px;}
.main-title {
    margin: 0 auto 50px;
    text-align: center;
}

element.style {
}
.job-a p {
    text-align: justify;
    line-height: 1.8;
    margin-bottom: 15px; font-size:16px;
}
.job-a .more-link {
    margin-top: 30px;
}
.more-link {
    padding: 0 1.2rem;
    height: 46px;
    line-height: 46px;
    overflow: hidden;
    text-align: center;
    display: inline-block;
    font-size: 14px;
    position: relative;
    z-index: 1;
    transition: all .5s;
    border: 1px solid #999;
}
.rollAni, .font_effect {
    visibility: inherit!important;
}
.postCnt {
    text-align: center;
    width: 100%; font-size:16px;
}
.postList ._check {
    height: 70px;
    cursor: pointer;
}
.postCnt thead th:first-of-type, .postList td:first-of-type {
    padding-left: 16px;
}
.postList ._info ._txt>div {
    padding-top: 0.2rem;
    padding-bottom: 0.6rem;
    line-height: 2;
    color: #666;
    background: #fff;
    padding: 20px;
}
.postCnt thead th:first-of-type, .postList td:first-of-type {
    padding-left: 0.6rem;
}
.postCnt thead th {
    background-color: #ff7f27;
    height: 62px;
    color: #fff;
}
.postList ._info ._txt {
    height: 0;
    overflow: hidden;
    text-align: left;
}
.postList ._check ._switch {
    width: 25px;
    height: 25px;
    display: inline-block;
    position: relative;
    background-color: #ff7f27;
    border-radius: 50%;
}

.postList ._check ._switch:after, .postList ._check ._switch:before {
    content: '';
    background-color: #fff;
    position: absolute;
    width: 52%;
    left: 24%;
    height: 1px;
    top: 50%;
    transition: transform 0.5s ease;
}

.postList ._check ._switch:after {
    transform: rotate(-270deg);
    -webkit-transform: rotate(-270deg);
}

.postList ._check ._switch:before {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
}

.postList ._check.on ._switch:before, .postList ._check.on ._switch:after {
    transform: none;
}
.menu .menu-name {
    border-bottom: 0.1rem solid #ff7f27;
    margin-bottom: -1px;
    font-size: 20px;
    font-weight: bold;
}
.job-item .menu {
    margin-bottom: 40px;
}
.menu {
    display: flex;
    border-bottom: 1px solid #eaeaea;
    justify-content: space-between;
    align-items: center;
    line-height: 2rem;
}
.job-item {
    padding: 40px 0;
}
.job-c p {
    line-height: 2.4;
    font-size: 18px;
}
.postList ._info {
    border-bottom: 1px dashed #7c7c7c;
}
#contact .flex3 {
    align-items: stretch;
}
.flex3 {
    display: flex;
    align-items: start;
    justify-content: space-between;
}
#contact .flex3 .item {
    flex: 1;
    padding: 6rem 40px;
}
#contact .contact-info {
    background: #f5f5f5 url(../images/index1-bg.jpg) 0 0 no-repeat;
    padding: 40px;
}
#contact h1 {
    margin-bottom: 30px; font-size:28px;
}
.contact-info .info-item {
    margin-bottom: 30px;
    border-bottom: 1px solid #ccc;
}
#contact form label, #contact p {
    font-size: 16px;
    font-weight: normal;
    padding-bottom: 5px;    display: inline-block;
}
.contact-info h3 {
    font-size: 24px;margin-bottom: 10px;
}


#contact .flex3 .item {
    flex: 1;
    padding: 4rem 40px;
}
#contact form {
    background-color: #fff;
    border-radius: 10px;
}
#contact form .divs {
    margin-bottom: 10px;
}
.ax-color-danger, .ax-color-danger [class*="font"], .ax-color-danger svg {
    color: #dc3545;
    fill: #dc3545;
}
#contact input.form-ip {
    height: 50px;
    line-height: 50px;    width: 100%;
}
textarea.form-ip {
    min-height: 5rem;    width: 100%;
}
#contact form .bnts {
    width: 120px;
    background-color: #ff7f27;
    color: #fff;
    font-size: 14px;
    height: 38px;
    line-height: calc(38px - 4px);
    text-decoration: none;
    border-radius: 3px;
    cursor: pointer;
    padding: 0 20px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    margin-top: 20px;
}
input[type="text"], input[type="search"], input[type="url"], input[type="email"], input[type="number"], input[type="password"], select {
    width: 100%;
    height: 38px;
    line-height: 38px;
    padding: 0 10px;
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
    border-radius: 3px;
    position: relative;
}
.form-ip {
    display: block;
    width: 100%;
    padding: 0.6rem 0.8rem;
    font-size: .7rem;
    font-weight: 400;
    color: #495057;
    background: #fff;
    background-clip: padding-box;
    border: 1px solid #e3e3e3;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    text-align: left;
}
.hd-bottom .tel {
    margin-top: 16px;
    background: url(../images/icon-tel.png) no-repeat 0 center;
    padding-left: 60px;
    width: 16%;
    position: absolute;
    right: 3%;
}
.hd-bottom .tel strong {
    font-size: 1.5vw;
    display: block;
    color: #333;
}
@media only screen and (max-width: 992px) {
#contact .flex3 .item{
        width:100%;
        flex:unset;
        padding: 3% ;
    }
    #contact .flex3 .item ul{
        margin: 0;
    }
    #contact .flex3 .item li{
        padding: 0;
    }
    #contact input.form-ip{
        height: 35px;
        line-height: 35px;
    }
#contact .flex3{
    display: block;
}
.hd-bottom .tel{ display:none}
}
@media only screen and (max-width: 1200px) {
.hd-bottom .tel{ display:none}
.style-nav{ float:right}
}

#flaosBox {
  position: fixed;
  z-index: 200;
  right: 0px;
  bottom: 45%;
}

#flaosBox li {
  margin-bottom: 2px;
  overflow: hidden;
  height: 56px;
  width: 75px;
  cursor: pointer;
  border: 1px solid #eee;
  position: relative;
  background: #fff;
  margin-right: 0;
  margin-left: auto;
}

#telshow {
  background: rgb(39, 147, 208);
  border: 1px solid rgb(39, 147, 208);
}

#flaosBox li.queryshow {
  overflow: visible;
}

#flaosBox li.queryshow .box-inner {
  width: 75px;
  position: relative;
  right: auto;
}

#flaosBox li .box-inner {
  width: 225px;
  height: 56px;
  position: absolute;
  right: -150px;
}

#flaosBox li .box-inner a {
  display: block;
  width: 75px;
  float: left;
  height: 20px;
  padding-top: 32px;
  line-height: 18px;
  color: #333;
  font-size: 12px;
  text-align: center;
}

#flaosBox li .box-inner a.icon-qq {
  background: url(../images/icon_qq.png) center 7px no-repeat;
}

#flaosBox li .box-inner a.icon-hotel {
  background: url(/repository/image/njtp6CPNTiaQB7xySLFAXA.png?t=1512803735063) center 5px no-repeat;
}

#flaosBox li .box-inner a.icon-tel {
  background: url(../images/icon_tel.png) center 7px no-repeat;
}

#flaosBox li .box-inner a.icon-feedback {
  background: url(../images/icon_mes.png) center 7px no-repeat;
}

#flaosBox li .box-inner a.icon-code {
  background: url(../images/icon_code.png) center 7px no-repeat;
}

#flaosBox li .box-inner a:hover {
  color: #005ad2;
}

#flaosBox li .box-inner a.icon-top {
  background: url(../images/icon_top.png) center 7px no-repeat;
}

span.box-hide {
  display: block;
  width: 150px;
  float: left;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  line-height: 56px;
  color: #fff;
}

.querycode {
  position: absolute;
  width: 120px;
  height: 120px;
  left: -120px;
  display: none;
}

.querycode img {
  width: 120px;
}
.telshow,.telshow .box-inner {
  transition: all 0.5s;
}
.telshow.active {
  width: 225px !important;
  background: #005ad2!important;
  color: #fff !important;

}

.telshow.active .box-inner {
  right: 0 !important;
  filter: grayscale(0) brightness(10);
}
@media only screen and (max-width: 768px) {
#flaosBox{ display:none}
}