@charset "utf-8";

.banBox{ position: relative;}
.banBox .ban{ min-height: 70px;}
.banBox .ban img{ width: 100%; height: auto; display: block;}
.banBox .column{ position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,0.3); padding: 20px 0; line-height: 30px; width: 100%; color: #fff;}
.banBox .column .fl{ padding-left: 25px; background: url(../img/pageico01.png) left center no-repeat;}
.banBox .column a{ color: #fff;}
/* .banBox .column a:hover{ color: #2b78f5;} */
.banBox .column .fr span{ font-size: 13px;}
.banBox .column .fr span:last-child{ display: none;}

.links{ background: #f8f8f8;}
.links .list{ overflow: hidden; padding-bottom: 20px;}
.links .list ul{margin-right: -18px;}
.links .list .ul,
.links .list ul li{ float: left; width: 185px; margin-right: 18px; overflow: hidden;}
.links .list li{ margin-bottom: 18px;}
.links .list li a{ display: block; border: 1px solid #ddd; background: #fff; height: 77px; width: 185px;}
.links .list li img{ display: block;}
.links .tab{ font-size: 0; text-align: center;}
.links .tab ul{ display: inline-block;}
.links .tab li{ float: left; width: 15px; height: 15px; border-radius: 50%; background: #ddd; margin: 0 7px; cursor: pointer;}
.links .tab li.on{ background: #159efe;}
.links .auto{ position: relative;}
.links .btn{ display: block; width: 58px; height: 58px; background: url(../img/bannernav.png) left; position: absolute; top: 8px; cursor: pointer;}
.links .btn.prev{ left: -100px;}
.links .btn.next{ background-position: right; right: -100px;}

.honorList .list{ overflow: hidden;}
.honorList .list ul{ margin:0 -30px -30px 0;}
.honorList .list li{ float: left; width: 380px; margin: 0 30px 30px 0;}
.honorList .list li a{ display: block;}
.honorList .list li a .img{ border: 1px solid #ddd; height: 280px;}
.honorList .list li img{ display: block;}
.honorList .list li .bt{ height: 40px; line-height: 40px; text-align: center; font-size: 16px;}

.joinList .list .ul > li{ margin-bottom: 20px;}
.joinList .list .ul > li > .title{ background: #eee; line-height: 26px; padding: 15px 30px; 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: 18px; max-width: 700px;}
.joinList .list .ul > li > .title .m{ max-width: 300px; padding-right: 40px; background: url(../img/joinIco.png) right center no-repeat;}
.joinList .list .ul > li.on > .title .m{ background-image: url(../img/joinIcoOn.png);}
.joinList .list .ul > li > .info{overflow: hidden; height: 0;}
.joinList .list .ul > li > .info > .box{ padding: 30px 0;}

.mailBox{ border-top: 1px solid #e5e5e5; padding: 20px 0 50px 0;}
.mailBox .t{ font-size: 18px; padding: 20px 0;}
.mailBox input[type='text']{ border-bottom: 1px solid #c9c9c9; padding: 20px 0; line-height: 30px; font-size: 15px; display: block; width: 100%;}
.mailBox input[type='button']{ background: #159efe; color: #fff; font-size: 18px; width: 320px; height: 65px; line-height: 65px; margin: 65px 0; cursor: pointer;}
.mailBox iframe{ width: 100%; height: 500px;}

.prodList .list{ overflow: hidden;}
.prodList ul{ margin-right: -30px;}
.prodList li{ float: left; width: 380px; margin-right: 30px;}
.prodList li a{ display: block; border: 1px solid #e1e1e1;}
.prodList li .pic{ height: 280px; padding: 10px;}
.prodList li .info{ border-top: 1px solid #e1e1e1; height: 152px; background: url(../img/prodBg.png); padding: 25px;}
.prodList li .t{ font-size: 16px; height: 28px; line-height: 28px;}
.prodList li .p{ color: #999999; height: 28px; line-height: 28px;}
.prodList li .more{ color: #333; margin-top: 20px;}
.prodList li .more span{ display: inline-block; width: 19px; background: url(../img/prodMore.png) center no-repeat; margin-left: 10px;}

.quotes{ text-align: center; font-size: 0; margin-top: 50px;}
.quotes ul{ display: inline-block; font-size: 14px;}
.quotes ul li{ float: left; margin: 0 5px;}
.quotes ul .li,
.quotes ul li a{display: block; min-width: 40px; padding: 0 5px; height: 36px; line-height: 36px; background: #f0f0f0; font-size: 16px;}
.quotes ul li.thisclass,
.quotes ul li a:hover{ background: #1497f2; color: #fff;}
.quotes .pageinfo{ font-size: 16px;}

.cp_art .art_cpaimg{float:left;width:500px;position:relative}
.cp_art .art_cpaimg .bd{width:500px;height:400px;margin:0 auto;overflow:hidden;border:1px solid #ddd}
.cp_art .art_cpaimg .bd li{width:500px}
.cp_art .art_cpaimg .bd li .img{width:500px;height:400px;overflow:hidden;position: relative; padding: 10px;}
.cp_art .art_cpaimg .prev,.cp_art .art_cpaimg .next{width:20px;height:30px;position:absolute;display:block;background:url(../img/cpar-type1-_cplr.png) no-repeat;top:50%;margin-top:-15px;cursor:pointer;z-index:2}
.cp_art .art_cpaimg .prev{left:20px;background-position:0 center}
.cp_art .art_cpaimg .next{right:20px;background-position:-100px center}
.cp_art .art_cpr{float:right;width:640px}
.cp_art .art_cpr .art_body{line-height:28px;padding:30px 0 70px;font-size:14px;color:#333}
.cp_art .art_cpr .art_lx{text-align:left;font-size:0}
.cp_art .art_cpr .art_lx .lx_phone{background:url(../img/art_lx-ico1.png) no-repeat 18px center;background-color:#159efe;border-radius:5px;width:200px;height:52px;font-size:16px;color:#fff;font-weight:bold;margin-right:20px;line-height:52px;padding-left:45px;display:inline-block}
.cp_art .art_cpr .art_lx .lx_qq{background:url(../img/art_lx-ico2.png) no-repeat 25px center;background-color:#666;border-radius:5px;width:150px;height:52px;font-size:16px;color:#fff;font-weight:bold;line-height:52px;padding-left:55px;display:inline-block}
.cp_art .art_cptt{font-size:26px;color:#000;position:relative;padding-bottom:25px;padding-top:15px}
.cp_art .art_cptt:after,.cp_art .art_cptt:before{content:"";position:absolute;left:0;bottom:0;background:#159efe;height:1px;width:120px}
.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%}
.cp_art .ar_tt:after{content:"";position:absolute;bottom:0;width:105px;height:2px;background:#159efe;left:0}
.cp_art .ar_tt h3{font-size:16px;font-weight:bold;color:#159efe;display:inline-block;padding:5px 18px}
.cp_art .cp_td .art_body{font-size:14px;color:#333;line-height:1.8;padding:35px 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}

/* .art_comm .ar_top{border-bottom:1px solid #ccc;padding-bottom:20px} */
.art_comm .ar_top .ar_tt{font-size:26px;font-weight:bold;color:#333;text-align:center;padding-bottom:15px}
.art_comm .ar_top .ar_tm{color:#666;font-size:14px;text-align:center}
.art_comm .ar_body{padding:40px 0 60px;font-size:16px;line-height:1.8}
.art_comm .ar_btm{/*padding:25px 0 0;*/display:flex;justify-content:space-between;align-items:center}
.art_comm .ar_btm .ar_pn{display:flex;flex-direction:column;line-height:2;max-width: 800px;}
.art_comm .ar_btm .ar_pn p{font-size:15px;color:#159efe;font-weight:bold}
.art_comm .ar_btm .ar_pn p a{font-size:15px;color:#666;font-weight:400}
.art_comm .ar_btm .ar_pn p a:hover{color:#159efe}
/* .art_comm .ar_btm{border-top:1px solid #ccc} */
.art_comm .ar_btm .rit{display:flex;align-items:flex-end;flex-direction:column}
.art_comm .ar_btm .fh_a{width:141px;height:42px;display:inline-block;background:url(../img/fh_a-bg.png) no-repeat center;display:flex;align-items:center;position:relative;padding-left:54px}
.art_comm .ar_btm .fh_a:after{left:30px;height:100%;width:15px;content:"";position:absolute;background:url(../img/fh_a-ico.png) no-repeat center}

.bdfx_comm{padding-top:10px}
.bdfx_comm .bdsharebuttonbox{display:flex;align-items:center}
.bdfx_comm a{display:inline-block !important; float: initial !important; margin:0 5px !important;padding:0 !important;width:18px}

.caseList .list{ overflow: hidden;}
.caseList .list ul{ margin: 0 -60px -60px 0; overflow: hidden;}
.caseList .list li{ float: left; width: 570px; margin:0 60px 60px 0;}
.caseList .list li a{ display: block;}
.caseList .list li .pic{ overflow: hidden; position: relative; width: 280px; height: 205px;}
.caseList .list li .pic img{ display: block;}
.caseList .list li .info{ width: 270px;}
.caseList .list li .t{ font-size: 20px; font-weight: bold; height: 60px; line-height: 30px; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin: 5px 0;}
.caseList .list li .p{ height: 78px; line-height: 26px; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; margin: 5px 0; color: #666;}
.caseList .list li .more{ line-height: 30px; margin-top: 20px; color: #666;}
.caseList .list li .more span{ color: #1497f2;}

.newsInfo .left{ width: 800px;}
.newsInfo .bdfx_comm{ padding-top: 0;}
.newsInfo .left .title{ font-size: 26px; font-weight: bold;}
.newsInfo .left .info{ border-bottom: 1px dashed #ddd; padding-bottom: 20px;}
.newsInfo .left .cont{ padding: 30px 0; overflow: hidden;}
.newsInfo .right{ width: 335px;}
.newsInfo .right .topic a{ display: block; position: relative;}
.newsInfo .right .topic .pic{ overflow: hidden; position: relative; height: 220px;}
.newsInfo .right .topic .pic img{ display: block;}
.newsInfo .right .topic .t{ background: rgba(0,0,0,0.5); padding: 0 20px; line-height: 50px; font-size: 15px; color: #fff; position: absolute; left: 0; bottom: 0; width: 100%;}
.newsInfo .right .title{ padding-top: 30px;}
.newsInfo .right .title .e{ font-size: 32px; color: #999; font-weight: 100; line-height: 1.2;}
.newsInfo .right .title .c{ font-size: 18px;}
.newsInfo .right .list{ border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding-bottom: 30px; margin: 20px 0;}
.newsInfo .right .list li{ padding-top: 30px;}
.newsInfo .right .list li a{ display: block; font-size: 15px;}
.newsInfo .right .list li .time{ color: #666;}
.newsInfo .right .pn{display:flex;flex-direction:column;line-height:2;max-width: 800px;}
.newsInfo .right .pn p{font-size:15px;color:#159efe;font-weight:bold}
.newsInfo .right .pn p a{font-size:15px;color:#666;font-weight:400}
.newsInfo .right .pn p a:hover{color:#159efe}
.newsInfo .right .golist{ display: block; width: 170px; height: 52px; line-height: 52px; text-align: center; color: #fff; background: #118bd8; font-size: 15px; margin-top: 30px;}
.newsInfo .right .golist span{ display: inline-block; width: 25px; background: url(../img/golist.png) center no-repeat; margin-right: 10px;}

.newsList .list ul{padding-bottom:40px}
.newsList .list ul li{display:flex;justify-content:space-between;flex-flow:wrap;align-items:center;padding:50px 0;border-bottom:1px solid #e7e7e7}
.newsList .list ul li .let{width:145px;text-align:left;display:flex;flex-direction:column}
.newsList .list ul li .time_m{display:none}
.newsList .list ul li .let .time .time-m-d{line-height:1;white-space:nowrap;color:#6d6d6d;font-weight:bold;font-size:50px}
.newsList .list ul li .let .time{display:flex;align-items:flex-start;flex-direction:column;border-bottom:1px solid #e7e7e7}
.newsList .list ul li .let .time .time-y{padding:5px 0;font-size:16px;color:#6d6d6d}
.newsList .list ul li .let .more{width:100%;text-align:center;padding-top:13px;font-size:16px;color:#6d6d6d}
.newsList .list ul li .cen{width:950px}
.newsList .list ul li .cen .titlen{display:inline-block}
.newsList .list ul li .cen .titlen .bt{font-size:18px;color:#000}
.newsList .list ul li .cen .titlen .ms{font-size:14px;color:#6d6d6d;line-height:24px;padding-top:30px}

.ztNews{ width: 320px;}
.ztNews .title{ border-bottom: 1px solid #cccccc; padding-left: 20px; font-size: 18px; font-weight: bold; position: relative; line-height: 50px;}
.ztNews .title::after{ content: ""; position: absolute; left: 20px; bottom: -1px; width: 4em; border-bottom: 1px solid #ee8121;}
.ztNews .list{ padding-top: 15px;}
.ztNews .list li{ padding-left: 20px;}
.ztNews .list li a{ display: block; position: relative; padding-left: 30px; line-height: 35px;}
.ztNews .list li a:hover{ color: #ee8121;}
.ztNews .list li i{ font-style: normal; display: block; position: absolute; left: 0; top: 50%; margin-top: -9px; width: 18px; height: 18px; line-height: 18px; background: #ccc; color: #fff; text-align: center; font-size: 12px;}
.ztNews .list li:nth-child(1) i{ background: #ee8121;}
.ztNews .list li:nth-child(2) i{ background: #666;}
.ztNews .list li:nth-child(3) i{ background: #999;}

.rsNews .list ul{ overflow: hidden;}
.rsNews .list li{ float: left; width: 380px; margin-right: 30px;}
.rsNews .list a{ display: block;}
.rsNews .list .t{ font-size: 16px; font-weight: bold; }
.rsNews .list .time{ font-size: 14px; color: #666; padding: 10px 0;}
.rsNews .list .p{ margin: 30px 0; height: 90px; overflow: hidden; line-height: 30px;text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; color: #666;}
.rsNews .list .m{ color: #118bd8;}
.rsNews .tab{ text-align: center; font-size: 0; padding-top: 50px;}
.rsNews .tab a,
.rsNews .tab ul{ display: inline-block;}
.rsNews .tab ul{ padding: 0 15px; overflow: hidden;}
.rsNews .tab li{ float: left; height: 14px; width: 14px; border-radius: 50%; background: #ccc; cursor: pointer; margin: 5px 8px;}
.rsNews .tab li.on{ background: #159efe;}
.rsNews .tab a{ width: 14px; height: 23px;}
.rsNews .tab a.prev{ background: url(../img/rsNews-left.png);}
.rsNews .tab a.next{ background: url(../img/rsNews-right.png);}

.gsNews{ position: relative;}
.gsNews .list a{ display: block; overflow: hidden; width: 450px; height: 340px; position: relative;}
.gsNews .list a img{ display: block;}
.gsNews .btn{ display: block; position: absolute; top: 50%; margin-top: -23px; width: 31px; height: 46px; background: url(../img/gsNews.png);}
.gsNews .btn.prev{ left: 0; background-position: left bottom;}
.gsNews .btn.next{ right: 0; background-position: right bottom;}
.gsNews .btn.prev:hover{ background-position: left top;}
.gsNews .btn.next:hover{ background-position: right top;}

.skNews{ width: 350px; padding: 30px 0 0 30px;}
.skNews a{ display: block;}
.skNews .t{ font-size: 18px;}
.skNews .time{ color: #666;}
.skNews .p{ color: #666; line-height: 26px; height: 104px; margin: 30px 0; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.skNews .m{ text-align: right;}
.skNews .m span{ color: #118bd8;}

.serIndex .list .auto{ overflow: hidden; padding: 50px 0;}
.serIndex .list ul{ margin-right: -60px;}
.serIndex .list li{ float: left; width: 570px; margin-right: 60px;}
.serIndex .list .fl{width: 145px; text-align: center;}
.serIndex .list .fl .pic img{ display: block; width: 80px; height: 80px; margin: 0 auto;}
.serIndex .list .fl .t{  font-size: 22px; line-height: 1.2; font-weight: bold;}
.serIndex .list .fl .e{ color: #c1c1c1; text-transform: uppercase;}
.serIndex .list .fr{ width: 420px;}
.serIndex .list .fr .p{ line-height: 28px; min-height: 112px; font-size: 15px; color: #666;}
.serIndex .list .fr .m{ padding-top: 20px; color: #666;}
.serIndex .list .fr .m a,
.serIndex .list .fr .m span{ color: #118bd8;}
.serIndex .list .fr .m a{ margin-left: 20px;}
.serIndex .list .bg{ background: #f8f8f8;}

.jgPage .top{ text-align: center;}
.jgPage .top .c{ font-size: 22px; font-weight: bold;}
.jgPage .top .e{ color: #666; text-transform: uppercase;}
.jgPage .top .p{ line-height: 30px; padding: 10px 0 30px 0;}
.jgPage .list{ overflow: hidden;}
.jgPage .list ul{ margin-right: -30px;}
.jgPage .list li{ background: #f8f8f8; padding: 30px; float: left; width: 380px; margin-right: 30px;}
.jgPage .list li .t{ font-weight: bold; font-size: 20px; line-height: 50px; overflow: hidden; color: #333;}
.jgPage .list li .t img{ display: block; float: left; margin-right: 15px;}
.jgPage .list li .t .i2{ display: none;}
.jgPage .list li .p{ padding-top: 20px; line-height: 26px; color: #666;}
.jgPage .list li .p a{ color: #118bd8;}
.jgPage .list li .p a span{ color: #f8f8f8;}
.jgPage .list li:hover{ background: #0791f1;}
.jgPage .list li:hover *{ color: #fff !important;}
.jgPage .list li:hover .i1{ display: none;}
.jgPage .list li:hover .i2{ display: block;}

.yunPage{ background: #f8f8f8; padding: 45px 0; margin: 45px 0;}
.yunPage .fl{ max-width: 450px;}
.yunPage .fl img{ max-width: 100%; display: block; margin-top: 90px;}
.yunPage .fr{ width: 740px;}
.yunPage .fr .c{ font-size: 22px; font-weight: bold;}
.yunPage .fr .e{ color: #666; text-transform: uppercase;}
.yunPage .fr .p{ line-height: 30px; padding: 20px 0; color: #666;}
.yunPage .fr .m{ font-size: 15px;}
.yunPage .fr .m a,
.yunPage .fr .m span{ color: #0791f1;}
.yunPage .fr .m a{ margin-left: 2em;}

.jcPage{ padding-bottom: 45px;}
.jcPage .fl{ width: 780px;}
.jcPage .fl .c{ font-size: 22px; font-weight: bold;}
.jcPage .fl .e{ color: #666; text-transform: uppercase;}
.jcPage .fl .p{ line-height: 30px; padding: 20px 0; color: #666;}
.jcPage .fl .m{ font-size: 15px; float: left;}
.jcPage .fl .m span,
.jcPage .fl .list li a{ color: #0791f1;}
.jcPage .fl .list{ float: left; width: 540px; margin-left: 30px;}
.jcPage .fl .list li{ float: left; width: 180px; line-height: 26px;}
.jcPage .fl .list li:nth-child(8){ margin-right: 180px;}
.jcPage .fr{ max-width: 450px;}
.jcPage .fr img{ max-width: 100%; display: block; margin: 90px 90px 0 0;}
















.info05271913{ line-height: 26px;}
.info05271913 p b{ font-size: 16px; color: #159efe;}
.info05271913 ul{ overflow: hidden; margin-right: -34px; padding-top: 30px;}
.info05271913 li{ float: left; width: 274px; margin-right: 34px;}
.info05271913 li img{ width: 100%; border: 1px solid #ddd;}

.info05280916{ line-height: 26px;}
.info05280916 .p img{ display: block; margin: 50px 0;}
.info05280916 .list{ margin-top: -50px;}
.info05280916 .list .li{ width: 575px; margin-top: 50px;}
.info05280916 .list .li .fl{ font-size: 16px; font-weight: bold; width: 50px;}
.info05280916 .list .li .fr{ width: 525px;}

.info05281032 .left{ width: 500px;}
.info05281032 .left .t{ font-size: 20px; padding-bottom: 20px;}
.info05281032 .left p{ color: #7e7e7e; font-size: 15px;}
.info05281032 .right{ width: 600px; padding-top: 30px;}
.info05281032 .right img{ width: 126px;}
.info05281032 .right .info{ margin-top: 60px; font-size: 16px; color: #7e7e7e; padding-left: 15px;}