@charset "utf-8";
body{ padding:0px; margin:0px auto; font-family:Microsoft YaHei,arial,'微软雅黑'; font-size:14px; line-height:24px; color:#333; width:100%; zoom:1; overflow-x:hidden;-webkit-text-size-adjust:none; -webkit-tap-codearea-color:rgba(0,0,0,0); -webkit-tap-codearea:rgba(0,0,0,0); -webkit-font-smoothing:antialiased;}
ul,li,form,dl,dt,dd,div,p,h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}
ul,li{ list-style:none; margin:0;}
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#333;}
input:focus{ outline:none;}
input,button,select,textarea{ outline:none; -webkit-appearance:none;}
textarea{ resize:none;}
textarea,input,select{ background:none; border:none; margin:0; padding:0;}
audio,canvas,progress,video{ display:inline-block; vertical-align:baseline;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display:block;}
figure,figcaption{ margin:0px; padding:0px;}
img{ border:none; border:0; max-width:100%; vertical-align:top;}
a{ color:#333; text-decoration:none;}
a:focus{ outline:none; -moz-outline:none; text-decoration:none;}
a:hover{ text-decoration:none;}
*{ box-sizing: border-box; -webkit-tap-highlight-color:rgba(0,0,0,0);}
.am,
.am *{ transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;}
.w0{ width: 0;}
.w100 {width: 100%;}
.clear{ clear: both; height: 0; overflow: hidden;}
.hidden{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.fl{ float: left;}
.fr{ float: right;}

body{ min-width: 375px; max-width: 980px;}
.auto{ padding: 0 15px;}
.contentPage{ padding: 15px; overflow: hidden;}

.header{ padding: 10px 0; background: #f9f9f9;}
.header .logo a,
.header .logo img{ width: 128px; height: 31px; display: block;}
.header .nav{ width: 31px; height: 31px; background: url(../img/topNav_m.png) center no-repeat; background-size: 27px 19px;}

.headerList{ position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 999; display: none;}
.headerList .bg{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.5);}
.headerList .list{ position: absolute; width: 220px; height: 100%; background: #333; overflow: auto; right: -230px; top: 0; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;}
.headerList .list.on{ right: 0;}
.headerList .list a{ color: #eee; display: block; padding: 10px 15px; font-size: 16px;}
.headerList .list .on > a{ background: #3e3e3e; color: #fff;}
.headerList .list ul ul a{ font-size: 14px; padding-left: 20px;}
.headerList .list li{ position: relative;}
.headerList .list .i{ position: absolute; right: 0; height: 44px; width: 44px; top: 0;}
.headerList .list .i::after{ position: absolute; left: 50%; top: 50%; content: ""; width: 0; height: 0; margin: -6px 0 0 -3px; border: 6px solid transparent; border-left-color: rgba(255,255,255,0.7); }
.headerList .list .on .i::after{ border-left-color: transparent; border-top-color: rgba(255,255,255,0.7); margin: -3px 0 0 -6px;}

.banner{ position:relative; padding:0; margin:0 auto; max-width: 980px}
.banner .list,
.banner .list li,
.banner .list li img{ width:100%;}
.banner .list li{ width:100%; background-size:100% auto !important;}
.banner .list li a{display:block;width:100%; padding-bottom:53.7037037037037%; position: relative;}
.banner .list li a img{ position: absolute; width: 100%; height: 100%; left: 0; top: 0}
.banner .tab{ position:absolute; text-align: center; width: 100%; left: 0; bottom: 10px}
.banner .tab ul{ height: 0; display: inline-block;}
.banner .tab li{ cursor:pointer; float: left; width:15px; height:3px; background: #e1e5f0; margin: 0 5px}
.banner .tab li.on{ background: #1db2e9;}
.banner .btn a{ display: block; position: absolute; top: 50%; margin-top: -15px; width: 29px; height: 29px; background: url(../img/banner_btn_m.png) left center; background-size: 60px 29px;}
.banner .btn a.prev{ left: 3%;}
.banner .btn a.next{ right: 3%; background-position: right center;}

.yyxList .list ul{ overflow: hidden; padding: 15px 0;}
.yyxList .list li{ float: left; width: 33.333333%; text-align: center; border-left: 1px solid #e4e4e4;}
.yyxList .list li:nth-child(1){ border-left: none;}
.yyxList .list li img{ width: 50px; height: 50px; display: block; margin: 0 auto;}
.yyxList .list li .t1{ color: #666666;  font-size: 12px;}
.yyxList .list li .t2{ font-size: 14px; font-weight: bold;}

.fjList .list li{ margin-bottom: 15px;}
.fjList .list a{ display: block; background: #f8f8f8; border-radius: 0 0 5px 5px;}
.fjList .list .pic img{ display: block; width: 100%;}
.fjList .list .txt{ padding: 15px;}
.fjList .list .txt .t{ font-size: 16px; padding-bottom: 15px;}
.fjList .list .txt .t span{ font-size: 12px; color: #c1c1c1; text-transform: uppercase;}
.fjList .list .txt .p{ font-size: 14px; color: #666;}

.wx_hidebg{width:100%;position:fixed;left:0;top:0;bottom:0;z-index:100;background:rgba(0,0,0,0.5);display:none;}
.wx_ewm{width:150px;position:fixed;left:50%;margin-left:-75px;top:50%;margin-top:-75px;z-index:101;display:none}
.wx_ewm img{width:100%;display:block;}

.tel_box{width:100%;position:fixed;left:0; top:50%; z-index:101; height: 120px; margin-top: -60px; display: none;}
.tel_box ul{ padding: 0 50px;}
.tel_box li{ line-height: 50px; margin-bottom: 20px;}
.tel_box a{  display:block; color: #333; font-size:18px; text-align:center; background: #fff; border-radius: 6px;}


.copyright{background: #f8f8f8;margin-top: 15px;padding: 15px 15px 90px 15px;text-align: center;color: #999; font-size: 12px;}
.copyright a{ color: #999;}


.footer{ position: fixed;  left: 0; bottom: 0; z-index: 99; background: #3d3d3d; width: 100%;}
.footer .list ul{ position: relative;}
.footer .list ul::after{ clear: both; content: ""; display: block;}
.footer .list li{float: left;width: 20%;height: 65px;position: relative;}
.footer .list a{display: block;color: #fff;opacity: 0.95;text-align: center;padding: 5px 0;}
.footer .list .pic img{ display: block; margin: 0 auto; width: 30px; height: 30px;}
.footer .list .t{ line-height: 25px;}
.footer .list .on a{ position: absolute; width: 100%; left: 0; bottom: 0; opacity: 1; background: #0791f1;}
.footer .list .on a .t{ padding-top: 10px;}
@media screen and (min-width: 980px) {
    .footer{ width: 980px; left: 50%; margin-left: -490px;}
}
.navPage{ text-align: center; font-size: 0;}
.navPage .list li{ display: inline-block; }
.navPage .list li a{display: block;font-size: 14px;position: relative;line-height: 40px;padding: 0 10px;}
.navPage .list li a::after{ position: absolute; content: ""; height: 14px; top: 50%; margin-top: -7px; right: -1px; border-right: 1px solid #ddd;}
.navPage .list li:last-child a::after{ display: none;}
.navPage .list li.on a{ background: #0791f1; color: #fff; z-index: 1;}
.navPage .list li.on a::after{ display: none;}

.links .list{ overflow: hidden; padding: 20px 10px 0 10px;}
.links .list ul{ float: left;}
.links .list ul li{ width: 25%; float: left;}
.links .list ul li a{ display: block; overflow: hidden; position: relative; padding-bottom: 45%; margin: 5px; border: 1px solid #ddd;}
.links .list ul li a img{ position: absolute; background: #111}
.links .tab{ text-align: center;}
.links .tab ul{ display: inline-block; font-size: 0;}
.links .tab ul li{ display: block; width: 8px; height: 8px; border-radius: 50%; background: #ddd; margin: 0 5px; float: left;}
.links .tab ul li.on{ background: #0791f1;}

.honorList .list{ overflow: hidden;}
.honorList .list ul{ margin:0 -5% -5% 0;}
.honorList .list li{ float: left; width: 45%; margin: 0 5% 5% 0;}
.honorList .list li a{ display: block;}
.honorList .list li a .img{ border: 1px solid #ddd; height: 0; padding-bottom: 75%; position: relative; overflow: hidden;}
.honorList .list li img{ display: block;}
.honorList .list li .bt{ height: 30px; line-height: 30px; text-align: center; font-size: 16px;}

.joinList .list .ul > li{ margin-bottom: 10px;}
.joinList .list .ul > li > .title{ background: #eee; line-height: 26px; padding: 10px 15px; cursor: pointer; display: block;}
.joinList .list .ul > li.on > .title{ background: #159efe; color: #fff; transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s;}
.joinList .list .ul > li > .title .t{ font-size: 14px; max-width: 42%;}
.joinList .list .ul > li > .title .m{ max-width: 55%; padding-right: 40px; background: url(../img/joinIco_m.png) right center no-repeat; background-size: 26px 26px;}
.joinList .list .ul > li.on > .title .m{ background-image: url(../img/joinIcoOn_m.png);}
.joinList .list .ul > li > .info{overflow: hidden; height: 0;}
.joinList .list .ul > li > .info > .box{ padding: 15px 0 5px 0;}

.banPage img{ display: block; margin: 0 auto;}

.mailBox{ border-top: 1px solid #e5e5e5; padding: 10px 0 20px 0;}
.mailBox .t{ font-size: 18px; padding: 10px 0;}
.mailBox input[type='text']{ border-bottom: 1px solid #c9c9c9; padding: 10px 0; line-height: 30px; font-size: 15px; display: block; width: 100%;}
.mailBox input[type='button']{ background: #118bd8; color: #fff; font-size: 16px; width: 100%; height: 40px; line-height: 40px; margin: 20px 0; cursor: pointer; border-radius: 20px;}
.mailBox iframe{ width: 100%; height: 280px;}

.prodList .list{ overflow: hidden;}
.prodList ul{ margin-right: -2%;}
.prodList li{ float: left; width: 48%; margin:15px 2% 0 0;}
.prodList li a{ display: block; border: 1px solid #e1e1e1;}
.prodList li .pic{ position: relative; height: 0; padding-bottom: 75%; overflow: hidden;}
.prodList li .info{ border-top: 1px solid #e1e1e1; height: 70px; background: url(../img/prodBg.png); background-size: 100% 100%; padding: 10px;}
.prodList li .t{ font-size: 16px; height: 25px; line-height: 25px;}
.prodList li .p{ color: #999999; height: 25px; line-height: 25px;}

.caseList .list{ overflow: hidden;}
.caseList .list ul{overflow: hidden; margin-top: -20px;}
.caseList .list li{ margin-top: 20px;}
.caseList .list li a{ display: block; position: relative;}
.caseList .list li .pic{ overflow: hidden; position: absolute; width: 150px; height: 110px; left: 0; top: 0;}
.caseList .list li .pic img{ display: block;}
.caseList .list li .info{padding-left: 165px;}
.caseList .list li .t{ font-size: 15px; font-weight: bold; height: 40px; line-height: 20px; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin: 5px 0;}
.caseList .list li .p{ height: 60px; line-height: 20px; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; margin: 5px 0; color: #666;}

.quotes li{ margin-top: 20px; text-align: center;}
.quotes li a{ display: block; background: #0791f1; color: #fff; text-align: center; font-size: 16px; line-height: 40px; border-radius: 20px;}

.newsTopList .list li a{ display: block; position: relative; height: 115px;}
.newsTopList .list li .pic{ overflow: hidden; position: absolute; width: 150px; height: 115px; left: 0; top: 0;}
.newsTopList .list li .info{ position: absolute; top: 0; right: 0; left: 165px;}
.newsTopList .list li .t{ font-size: 16px; line-height: 20px;}
.newsTopList .list li .time{ color: #999; font-size: 12px; line-height: 20px; padding-bottom: 10px;}
.newsTopList .list li .p{ height: 60px; line-height: 20px; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; margin: 5px 0; color: #666;}
.newsTopList .tab{ text-align: center; font-size: 0; padding: 20px 0 30px 0;}
.newsTopList .tab ul{ display: inline-block;}
.newsTopList .tab li{ width: 10px; height: 10px; border-radius: 50%; background: #e4e4e4; float: left; margin: 0 5px;}
.newsTopList .tab li.on{ background: #0791f1;}

.newsList .list li{ padding: 20px 0;}
.newsList .list li a{ display: block; overflow: hidden; background: #dde6ed; border-radius: 5px; position: relative;}
.newsList .list li .txt{ position: absolute; top: 0; right: 180px; bottom: 0; left: 0; display: flex; align-items:center;}
.newsList .list li .txt .box{ width: 100%; padding-left: 15px;}
.newsList .list li .pic{ float: right; height: 140px; width: 160px; margin-left: 20px; position: relative; overflow: hidden;}
.newsList .list li .t{ font-size: 16px; font-weight: bold; }
.newsList .list li .t span{ float: right; color: #666; font-size: 12px; display: block; padding-left: 20px;}
.newsList .list li .p{ padding-top: 10px; line-height: 24px; height: 58px; color: #666; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

.newsInfo > .title{ font-size: 16px; font-weight: bold; text-align: center;}
.newsInfo > .info{ text-align: center; color: #666;}
.newsInfo > .cont{ padding: 20px 0;}
.newsInfo > .pn p{ background: #0791f1; color: #fff; text-align: center; font-size: 16px; line-height: 40px; border-radius: 20px; text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding: 0 20px; margin-bottom: 15px; font-weight: bold;}
.newsInfo > .pn p a{ color: #fff; font-weight: normal;}
.newsInfo > .pn p.not{ background: #fff; color: #666; border:1px solid #ddd;}

.recList .top .e{ font-weight: 100; font-size: 16px; color: #999;}
.recList .top .c{ font-size: 16px;}
.recList .top .c a{ color: #999; text-transform: uppercase; float: right;}
.recList .list li{ border-bottom: 1px solid #ddd;}
.recList .list li a{ display: block; line-height: 40px;}
.recList .list li a span{ float: right; display: block; padding-left: 20px; font-size: 12px;}
.recList .list li a i{ font-style: normal; position: relative;}
.recList .list li a i::after{ content: ""; position: absolute; left: 0; top: 50%;  width: 6px; height: 6px; border-radius: 50%; background: #999; margin-top: -3px;}
 
.cp_art .art_cpa{ position: relative;}
.cp_art .art_cpaimg{width:150px;position: absolute; left: 0; top: 0;}
.cp_art .art_cpaimg .bd{width:150px;height:140px;margin:0 auto;overflow:hidden;border:1px solid #ddd}
.cp_art .art_cpaimg .tab{ display: none;}
.cp_art .art_cpaimg .bd li{width:150px}
.cp_art .art_cpaimg .bd li .img{width:148px;height:138px;overflow:hidden;position: relative;}
.cp_art .art_cpaimg .prev,
.cp_art .art_cpaimg .next{width:10px;height:15px;position:absolute;display:block;background:url(../img/cpar-type1-_cplr.png) no-repeat;top:50%;margin-top:-15px;cursor:pointer;z-index:2; display: none;}
.cp_art .art_cpaimg .prev{left:10px;background-position:0 center}
.cp_art .art_cpaimg .next{right:10px;background-position:-100px center}
.cp_art .art_cpr{ padding-left: 165px;}
.cp_art .art_cpr .art_body{line-height:25px;padding-top:10px;font-size:14px;color:#333; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; height: 110px;}
.cp_art .art_cpr .art_lx{text-align:left;font-size:0}
.cp_art .art_cptt{font-size:16px;color:#000;position:relative;padding-bottom:5px; font-weight: bold;}
.cp_art .art_cptt:after,.cp_art .art_cptt:before{content:"";position:absolute;left:0;bottom:-1px;background:#1b57ac;height:1px;width:4em;}
.cp_art .art_cptt:before{background:#e1e1e1;width:100%}
.cp_art .ar_tt{display:flex;align-items:center;justify-content:space-between;position:relative;border-bottom:1px solid #ddd;padding:12px 0;width:100%; font-size: 16px;}
.cp_art .ar_tt:after{content:"";position:absolute;bottom:-1px;width:4em;height:2px;background:#159efe;left:0}
.cp_art .ar_tt h3{font-size:16px;font-weight:bold;color:#159efe;display:inline-block;}
.cp_art .cp_td .art_body{font-size:14px;color:#333;line-height:1.8;padding:20px 0 0}
.cp_art .cp_td .art_body img{display:inline-block;max-width:100%!important;height:auto!important}
.cp_art .cp_qh{position:relative}
.cp_art .cp_qh .hd .prel{display:flex;align-items:center;font-size:0}
.cp_art .cp_qh .hd .prel a{display:inline-block;background:url(../img/cpar_prl-ico.png) no-repeat center;width:34px;height:34px;margin-left:10px;border:1px solid #ddd;border-radius:50%;cursor:pointer}
.cp_art .cp_qh .hd .prel a.prev{transform:rotate(180deg)}
.cp_art .cp_qh .bd ul li{width:273px;float:left;margin-right:36px}
.cp_art .cp_qh .bd ul li a{display:block;font-size:0}
.cp_art .cp_qh .bd ul li a .img{width:273px;height:200px;overflow:hidden;position:relative;border:1px solid #ddd}
.cp_art .cp_qh .bd ul li a .img:after{position:absolute;left:0;top:0;width:100%;height:100%;content:"";background:url(../img/sub_cp-aft-ico.png) no-repeat center;background-color:#159efe;transform:scale(0.6);-webkit-transform:scale(0.6);-moz-transform:scale(0.6);-o-transform:scale(0.6);opacity:0;transition:all .6s ease-out 0s;-webkit-transition:all .6s ease-out 0s;-moz-transition:all .6s ease-out 0s;-o-transition:all .6s ease-out 0s}
.cp_art .cp_qh .bd ul li a:hover .img:after{transform:scale(1.0);-webkit-transform:scale(1.0);-moz-transform:scale(1.0);-o-transform:scale(1.0);opacity:.9}
.cp_art .cp_qh .bd ul li a .bt{padding:18px 10px 25px;width:100%;font-size:16px;color:#333;text-align:center}

.serIndex .list li{position: relative;padding: 20px 10px;}
.serIndex .list li:nth-child(2n){ background: #f8f8f8;}
.serIndex .list .fl{ width: 120px; text-align: center; position: absolute; left: 10px; top: 15px;}
.serIndex .list .fl .pic img{ display: block; width: 50px;  margin: 0 auto;}
.serIndex .list .fl .t{font-size: 14px;line-height: 1.2;font-weight: bold;}
.serIndex .list .fl .e{ color: #c1c1c1; text-transform: uppercase; font-size: 12px;line-height:1.3;padding-top:10px;}
.serIndex .list .fr{float: none;padding-left: 135px;}
.serIndex .list .fr .p{line-height: 22px;font-size: 13px;color: #666; min-height: 88px;}
.serIndex .list .fr .m{ padding-top: 10px; color: #666;}
.serIndex .list .fr .m font,
.serIndex .list .fr .m span{ color: #118bd8;}
.serIndex .list .fr .m a{/* margin-left: 20px; */display: inline-block;}
.serIndex .list .bg{ background: #f8f8f8;}

.bodyBox img{ max-width: 100%; height: auto !important;}
.bodyBox *{ max-width:100%;}

.soulList{ padding: 15px 0;}
.soulList .c{ font-size: 16px; font-weight: bold; text-align: center; padding-top: 15px;}
.soulList .e{ font-size: 16px; text-transform: uppercase; color: #999; text-align: center;}
.soulList .p{ padding: 20px 15px 0 15px;}
.soulList .list{ padding: 15px;}
.soulList .list li{ padding-top: 15px;}
.soulList .list li a{ display: block; background: #f8f8f8; padding: 10px;}
.soulList .list li .fl{ font-size: 16px; line-height: 35px;}
.soulList .list li .fl img{ display: block; float: left; height: 35px; margin-right: 8px; font-size: 16px;}
.soulList .list li .fr{ color: #0890ef; line-height: 35px;}
.soulList .list li .lip{ color: #666;}
.soulList .lia{ position: relative; padding: 0 15px 0 6.5em; margin-top: 15px; line-height: 24px; font-size: 12px;}
.soulList .lia .fl{ position: absolute; top: 0; left: 15px;}
.soulList .lia .fr{ width: 100%; overflow: hidden;}
.soulList .lia .fr a{ display:block; width: 50%; float: left; color: #0890ef;}

.info0601{ font-size: 14px; vertical-align: top;}
.info0601 .tb{ padding-top: 0;}
.info0601 .tb td{ vertical-align: top; float: left; width: 100%;}
.info0601 .tb .t1{white-space:nowrap; color: #159efe; font-size: 14px;}
.info0601 .pic{ padding-top: 20px;}

.info0603 .t{ font-size: 15px;}
.info0603 .p{ color: #666;}
.info0603 .code{ padding-top: 15px; color: #666;}
.info0603 .code .fl img{ height: 90px;}
.info0603 .code .fr{ padding: 40px 0 0 15px; float: left;}

.info05280916 img{ margin: 10px 0;}
.info05280916 .fr{ width: 100%;}

.navPage2 .list ul{ overflow: hidden; padding: 10px 0;}
.navPage2 .list li{ float: left; width: 50%; position: relative;}
.navPage2 .list li:nth-child(2n+1)::after,
.navPage2 .list li:nth-child(2n+2)::after{ content:""; position: absolute; left: 20%; right: 20%; bottom: 0;  border-bottom: 1px solid #ddd;}
.navPage2 .list li:nth-last-child(1)::after,
.navPage2 .list li:nth-last-child(2)::after{ display: none;}
.navPage2 .list li a{ line-height: 30px;}
.navPage2 .list li.on a{ background: none; color: #159efe;}
.navPage2 .list li:last-child a::after,
.navPage2 .list li.on a::after{ display: block;}

.navPage3 .list li a{ font-size: 12px; padding: 0 5px;}