@charset "utf-8";



html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; -webkit-tap-highlight-color: transparent;}

body { font-size: 15px; line-height: 1.8;  margin: 0 auto; color: #666; background-color: #fff; font-family: 'Noto Sans SC', 'Microsoft YaHei', Arial, sans-serif;}

html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }

caption,h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 0px;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ul, li, ol { list-style: none;}

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

strong { font-weight: bold; }

table, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0;}

table{border-collapse:collapse;margin:0 auto!important;}

img { border: 0; }

input, textarea, select, option { background: none; outline: 0; font-family: "Microsoft Yahei",arial; padding: 0; margin: 0; }

input { outline: none; font-family: "Microsoft Yahei","Hiragino Sans GB",helvetica,arial;}

input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }

textarea { -webkit-appearance: none; border-radius: 0; outline: none;}

::-moz-selection { background: #0171bb; color: #fff; text-shadow: none; }

::selection { background: #0171bb; color: #fff; text-shadow: none; }

select{ outline: none;}

select::-ms-expand { display: none; }

a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; }

a:link, a:visited { text-decoration: none; }

a:active, a:hover { text-decoration: none; }

.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }

.clearfix:after { clear: both; }

.clear {
    clear: both;
}

.l { float: left; display: inline-block; }

.r { float: right; display: inline-block; }

.vt { vertical-align: top; }

.vm { vertical-align: middle; }

.inner { margin: 0px auto; width: 1200px;}

.top a:link, .top a:visited { color: #333333;}

.top a:active,.top a:hover { color: #0171bb;} 

.fc{ text-align: center;}
.container {
  width: 1300px;
  margin: 0px auto;
}

/* 等比填充 */
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] .full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-135{padding-bottom: 13.5%;}
.rect-32{padding-bottom: 32%;}
.rect-39{padding-bottom: 39%;}
.rect-40{padding-bottom: 40%;}
.rect-45{padding-bottom: 45%;}
.rect-46{padding-bottom: 46%;}
.rect-49{padding-bottom: 49%;}
.rect-55{padding-bottom: 55%;}
.rect-56{padding-bottom: 55%;}
.rect-64{padding-bottom: 64%;}
.rect-66{padding-bottom: 66%;}
.rect-67{padding-bottom: 67%;}
.rect-74{padding-bottom: 74%;}
.rect-75{padding-bottom: 75%;}
.rect-785{padding-bottom: 78.5%;}
.rect-883{padding-bottom: 88.3%;}
.rect-93{padding-bottom: 93%;}
.rect-125{padding-bottom: 125%;}

.sjj_nav{ display: none;}

.header{ width: 100%; position: fixed; background: #fff; z-index: 9999; top: 0; left: 0;}
.header .headerTop{ width: 100%; height: 40px; border-bottom: 1px #f1f1f1 solid; text-align: right;}
.header .headerTop .Topr{ float: right;}
.header .headerTop li{ float: left; line-height: 40px; font-size: 14px; padding: 0 20px; position: relative; color: #333; font-weight: bold;}
.header .headerTop li:nth-child(2){line-height: 33px;}
.header .headerTop li::before{ content: ''; position: absolute; right: 0; top:12px; width: 1px; height: 12px; background: #c2c1c0;}
.header .headerTop li a{ margin: 0 5px; font-size: 14px; color: #333; }
.header .headerTop li a:hover{ color: #0171bb; }
.header .headerTop li span{ font-size: 24px; color: #0171bb; font-weight: bold; line-height: 40px; font-family: Arial;}
.header .headerNav{ width: 100%; height: 80px; position: relative;}
.header .headerNav .logo{ position: relative;height: 50px; margin: 15px 0;}
.header .headerNav .nav{ }
.header .headerNav .nav>ul>li{ display: inline-block; }
.header .headerNav .nav>ul>li a{ margin:0 25px; line-height: 80px; font-size: 18px; color: #333; font-weight: bold;  display: block;position: relative;}
.header .headerNav .nav .nLi{ float:left;  display:inline;  text-align: center; line-height: 50px; }
.header .headerNav .nav .nLi:hover{ background:#fff; }
.header .headerNav .nav .nLi:hover>a{ color: #0171bb;}
.header .headerNav .nav .nLi.active{ background:#fff; color:#0171bb;   }
.header .headerNav .nav .nLi.active>a{ color:#0171bb;}
.header .headerNav .nav .sub{ display:none; width:100%; left:0; top:80px; z-index: 9999;  position:absolute; background:#fff;  line-height:40px; padding:10px 0; border-bottom: 1px #f1f1f1 solid; border-top: 1px #f1f1f1 solid;}
.header .headerNav .nav .sub li{ zoom:1;   display: inline-block; margin: 0 30px;}
.header .headerNav .nav .sub a{ display:block; color: #333;  font-size: 17px; line-height: 40px; margin: 0;}
.header .headerNav .nav .sub a:hover{ color:#0171bb;  }

/* banner */
.banner{position:relative; overflow:hidden; margin:0 auto; width:100%; padding-top: 121px;}
.banner .bd{position:relative; z-index:0;margin: 0 auto; overflow: hidden;}
.banner .bd li{position:relative; text-align:center;  overflow:hidden;}
.banner .bd li img{vertical-align:top; width:100%;}
.banner .hd{ position: absolute; bottom:3%; text-align: center; width: 100%; }
.banner .hd li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:12px;height:12px;background: #fff; border-radius:6px; margin:0 5px;overflow:hidden;line-height:999px;}
.banner .hd .on {background:#0171bb;}
.banner .prev, .banner .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-32px;left:8%;z-index:1;width:40px;height:64px;background:url(../images/ad_ctr.png) 0 0 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.banner .next {left:auto;right:8%;background-position:-40px 0;}
.m_banner{ display:none;}
/* banner */
/*.banner{position:relative; overflow:hidden; height:560px; width:100%;}
.banner .bd{position:relative; z-index:0;margin: 0 auto; overflow: hidden;}
.banner .bd ul {width:100% !important;}
.banner .bd li {width:100% !important;height:560px;overflow:hidden;text-align:center;}
.banner .bd li img{vertical-align:top; width:100%;}
.banner .hd{ position: absolute; bottom:4%; text-align: center; width: 100%; }
.banner .hd li {cursor:pointer;display:inline-block;*display:inline;zoom:1; width:14px;height:14px; border-radius:7px; margin:0 6px;overflow:hidden;line-height:999px; background: #fff;}
.banner .hd li a{ display: block; }
.banner .hd .on{background:#0171bb;}
.banner .prev, .banner .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-32px;left:3%;z-index:1;width:40px;height:64px;background:url(../images/ad_ctr.png) 0 0 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.banner .next {left:auto;right:3%;background-position:-40px 0;}

.banner .txt{ position: absolute; z-index: 999; top: 25%; left: 50%; text-align: left; width: 1300px ; margin-left: -650px;}
.banner .txt .t1{ font-size: 28px; color: #fff; font-weight: bold; }
.banner .txt .t1 span{text-shadow: #0171bb 3px 0 0, #0171bb 0 3px 0, #0171bb -3px 0 0, #0171bb 0 -3px 0; }
.banner .txt .t2{font-size: 58px; color: #fff; font-weight: bold;}
.banner .txt .t2 a{ color: #fff; text-shadow: #0171bb 3px 0 0, #0171bb 0 3px 0, #0171bb -3px 0 0, #0171bb 0 -3px 0;}
*/
.InAbout{ width: 100%; position: relative; padding: 60px 0; background: #fafafa;}
.InAbout .Top{ font-size: 28px; color: #0171bb; font-weight: bold; text-align: center;}
.InAbout .Tix{ font-size: 14px; color: #6c6c6c; text-align: center;}
.InAbout .AboCentet{ width: 100%; position: relative; background: #fff;}
.InAbout .AboCentet .Profile{ width: 33.333%; float: left; position: relative;}
.InAbout .AboCentet .Profile img{display: block;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;transform-origin:50% 50%;}
.InAbout .AboCentet .Profile:hover img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.InAbout .AboCentet .Profile .filecon{position: absolute; padding: 6%; width: 88%; top: 0; left: 0;}
.InAbout .AboCentet .Profile .filecon .Tit{ font-size: 22px; font-weight: bold; color: #fff;}
.InAbout .AboCentet .Profile .filecon .Titcon{ font-size: 16px; color: #fff; line-height: 30px; margin-top: 20px;}
.InAbout .AboCentet .Profile .filecon .More{ position: relative; width: 100px; margin-top: 75px;} 
.InAbout .AboCentet .Profile .filecon .More a{ font-size: 14px; color: #fff;line-height: 26px;}
.InAbout .AboCentet .Profile .filecon .More>a>span{ font-size: 22px;  color: #fff; margin-left: 20px;}
.InAbout .AboCentet .Profile .filecon .More::before{ content: ''; position: absolute; width: 100px; height: 1px; background: rgba(255,255,255, 0.6); left: 0; bottom: -10px;}
.InAbout .AboCentet .Profile .filecon .More::after{content: ''; position: absolute; width: 30px; height: 2px; background: #fff; right: 0; bottom: -10px;}
.InAbout .AboCentet .company{ width: 33.333%; float: left; position: relative;}
.InAbout .AboCentet .company .comp{ padding:20px 6%; width: 88%; position: absolute; left: 0; top: 0; }
.InAbout .AboCentet .company .comp .Tit{ font-size: 22px; font-weight: bold; color: #333;}
.InAbout .AboCentet .company .comp .Tit a{ font-size: 14px; color: #333;line-height: 26px; float: right; font-weight: normal;}
.InAbout .AboCentet .company .comp .Tit>a>span{ font-size: 18px;  color: #333; margin-left: 5px;}
.InAbout .AboCentet .company .comp .Tit a:hover,.InAbout .AboCentet .company .comp .Tit a:hover span{ color: #0171bb;;}
.InAbout .AboCentet .company .comp .complist{ position: relative; margin-top: 10px;}
.InAbout .AboCentet .company .comp .complist li{ width: 90%; height: 50px;box-shadow:  0 0 3px rgba(0,0,0, 0.2); transform: skewX(-20deg);}
.InAbout .AboCentet .company .comp .complist li a{ font-size: 17px; color: #555; font-weight: bold; line-height: 50px;transform: skewX(20deg); display: block; }
.InAbout .AboCentet .company .comp .complist li:nth-child(2n){margin-left: 10%;}
.InAbout .AboCentet .company .comp .complist li:hover{ background: #0171bb;}
.InAbout .AboCentet .company .comp .complist li:hover a{ color: #fff;}
.InAbout .AboCentet .company .comp .complist .list{width:16px;float:left;position:relative;cursor:pointer;height:10px; margin-top: 20px; margin-left: 30px; margin-right: 10px;}
.InAbout .AboCentet .company .comp .complist .list span{display:block;background:#0171bb;width:12px;height:2px;position:absolute;}
.InAbout .AboCentet .company .comp .complist .list span:nth-of-type(1){top:0px}
.InAbout .AboCentet .company .comp .complist .list span:nth-of-type(2){top:4px; left: 4px;}
.InAbout .AboCentet .company .comp .complist .list span:nth-of-type(3){top:8px; left: 1px;}
.InAbout .AboCentet .company .comp .complist li:hover .list span{ background: #fff;}
.InAbout .AboCentet .honor{ width: 33.333%; float: left; position: relative;}
.InAbout .AboCentet .honor img{ display: block;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;transform-origin:50% 50%;}
.InAbout .AboCentet .honor:hover img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.InAbout .AboCentet .honor .hon{position: absolute; padding:28% 6%; width: 88%; top: 0; left: 0;}
.InAbout .AboCentet .honor .hon .ico{  width: 45px; height: 45px; background: url(../images/honico.png) center no-repeat; margin:0 auto;}
.InAbout .AboCentet .honor .hon p{font-size: 22px; line-height: 30px; font-weight: bold; color: #fff; text-align: center; margin-top: 15px;}

.Innovating{ width: 100%; position: relative; padding: 60px 0;}
.Innovating .Top{ width: 100%; font-size: 28px; font-weight: bold; text-align: left; color: #0171bb;line-height: 28px;}
.Innovating .novating{ width: 100%; margin-top: 30px; position: relative;}
.Innovating .novating li{ width: 32%; margin-right: 2%; float: left; position: relative; overflow: hidden; border-radius: 8px; }
.Innovating .novating li:hover{box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.2); }
.Innovating .novating li:nth-child(3){ margin-right: 0;}
.Innovating .novating li img{ display: block;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;transform-origin:50% 50%;}
.Innovating .novating li:hover img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.Innovating .novating li p{ font-size: 22px; color: #fff; font-weight: bold; position: absolute; left: 6%; top: 12%; }

.InProduct{ width: 100%; position: relative; }
.InProduct .Top{ width: 100%; font-size: 28px; font-weight: bold; text-align: left; color: #0171bb;line-height: 28px;}
.InProduct .Product{ width: 100%; margin-top: 30px; position: relative;}
.InProduct .Product li{ width: 15.833%; margin-right: 1%; float: left; position: relative; background: #EEF3F7;border-radius: 8px; }
.InProduct .Product li:nth-child(6){ margin-right: 0;}
.InProduct .Product li:hover{ background: #0171bb; box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.2);}
.InProduct .Product li .Proico{position: absolute; padding:15% 6%; width: 88%; top: 0; left: 0;}
.InProduct .Product li .rect-125 img{ opacity: 0; transition: 200ms;}
.InProduct .Product li .Proico .ico{display:block; width:53px; height:45px; margin:0 auto; position:relative;}
.InProduct .Product li .Proico .ico img{position:absolute; left:0px; top:0px; width:100%;}
.InProduct .Product li .Proico .ico .i1{ transition: 200ms;}
.InProduct .Product li .Proico .ico .i2{ -webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha (opacity=0); transition:200ms;}
.InProduct .Product li:hover .Proico .ico .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1;  filter:alpha(opacity=100);}
.InProduct .Product li:hover .Proico .ico .i1{opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.1); transform: scale(1.1); }
.InProduct .Product li .Proico p{ font-size: 18px; color: #333; font-weight: bold; margin-top: 15px; text-align: center;}
.InProduct .Product li:hover .Proico p{ color: #fff;}
.InProduct .Product li:hover .rect-125 img{ opacity: 1;} 


.composite{ width: 100%; position: relative; padding: 60px 0;}
.composite .Innews{ width: 49%; float: left; position: relative;}
.composite .Innews .Top{width: 100%; font-size: 28px; font-weight: bold; text-align: left; color: #0171bb;}
.composite .Innews .News{ width: 100%; position: relative; margin-top: 30px;}
.composite .Innews .News .hd{ position:absolute; top: -60px; right: 0; }
.composite .Innews .News .hd li{ width: 130px; height: 35px; float: left;border-radius: 17.5px; line-height: 35px; text-align: center; font-size: 16px; color: #333; cursor:  pointer;}
.composite .Innews .News .hd li a{ font-size: 16px; color: #333;}
.composite .Innews .News .hd li.on{ background: #0171bb; color: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.2);}
.composite .Innews .News .hd li.on a{ color: #fff;}
.composite .Innews .News .newsTop{ width: 100%; display:  inline-block; float: left;}
.composite .Innews .News .newsTop .img{ width: 33%; float: left; display: block; position: relative;overflow:  hidden; border-radius: 8px; }
.composite .Innews .News .newsTop .img img{ display: block;-webkit-transition: 1.5s ease-in-out;-o-transition: 1.5s ease-in-out;transition: 1.5s ease-in-out;transform-origin:50% 50%;}
.composite .Innews .News .newsTop:hover .img{box-shadow: 0px 0px 10px rgba(0,0,0,0.2);}
.composite .Innews .News .newsTop:hover .img img{-webkit-transform: scale(1.25);-ms-transform: scale(1.25);-o-transform: scale(1.25);transform: scale(1.25);}
.composite .Innews .News .newsTop .newsTopc{ width: 64%; float: right; }
.composite .Innews .News .newsTop .newsTopc .tix{ font-size: 18px; color: #333; margin-bottom:  10px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-weight: bold;}
.composite .Innews .News .newsTop:hover .newsTopc .tix{ color: #0171bb; }
.composite .Innews .News .newsTop .newsTopc .tic{ font-size: 14px; color: #999; line-height: 28px; margin-bottom: 8px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.composite .Innews .News .newsTop .newsTopc span{ font-size: 14px; color: #333; }
.composite .Innews .News .bd li{ width: 100%; display:  inline-block; float: left; margin-top: 10px; position: relative; }
.composite .Innews .News .bd li .deta{height: 0;width: 105px;border-top: 50px solid #f7f7f7;border-right: 15px solid transparent; float: left; position: relative;-webkit-transition: all 0.5s ease;transition: all 0.5s ease; }
.composite .Innews .News .bd li .deta .day{ font-size: 16px; color: #333;  position: absolute;width: 100%;text-align: center;z-index: 1;top: -38px;-webkit-transition: all 0.5s ease;transition: all 0.5s ease; }
.composite .Innews .News .bd li .newsTopc{ float: left; position: absolute; padding-left: 135px;}
.composite .Innews .News .bd li .newsTopc .tix{ font-size: 18px; color: #333;  line-height: 50px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-weight: bold;}
.composite .Innews .News .bd li .newsTopc .tic{ font-size: 14px; color: #999; line-height: 28px; margin-bottom: 15px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.composite .Innews .News .bd li:hover .deta{border-top: 50px solid #0171bb;}
.composite .Innews .News .bd li:hover .deta .day,.composite .Innews .News .bd li:hover .deta .month{ color: #fff; }
.composite .Innews .News .bd li:hover .newsTopc .tix{ color: #0171bb; font-weight: bold; }

.composite .Inrespon{ width: 49%; float: right; position: relative;}
.composite .Inrespon .Top{width: 100%; font-size: 28px; font-weight: bold; text-align: left; color: #0171bb;}
.composite .Inrespon .Respon{ width: 100%; position: relative; margin-top: 30px;}
.composite .Inrespon .Respon .hd{ position:absolute; top: -60px; right: 0; }
.composite .Inrespon .Respon .hd li{ width: 130px; height: 35px; float: left;border-radius: 17.5px; line-height: 35px; text-align: center; font-size: 16px; color: #333; cursor:  pointer;}
.composite .Inrespon .Respon .hd li a{ font-size: 16px; color: #333;}
.composite .Inrespon .Respon .hd li.on{ background: #0171bb; color: #fff;box-shadow:0px 0px 10px rgba(0,0,0,0.2); }
.composite .Inrespon .Respon .hd li.on a{ color: #fff;}
.composite .Inrespon .Respon .responTop{ width: 100%; display:  inline-block; float: left;}
.composite .Inrespon .Respon .responTop .img{ width: 33%; float: left; display: block; position: relative;overflow: hidden; border-radius: 8px; }
.composite .Inrespon .Respon .responTop:hover .img{box-shadow: 0px 0px 10px rgba(0,0,0,0.2);}
.composite .Inrespon .Respon .responTop .img img{ display: block;-webkit-transition: 1.5s ease-in-out;-o-transition: 1.5s ease-in-out;transition: 1.5s ease-in-out;transform-origin:50% 50%;}
.composite .Inrespon .Respon .responTop:hover .img img{-webkit-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}
.composite .Inrespon .Respon .responTop .responTopc{ width: 64%; float: right; }
.composite .Inrespon .Respon .responTop .responTopc .tix{ font-size: 18px; color: #333; margin-bottom:  10px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;font-weight: bold;}
.composite .Inrespon .Respon .responTop:hover .responTopc .tix{ color: #0171bb; }
.composite .Inrespon .Respon .responTop .responTopc .tic{ font-size: 14px; color: #999; line-height: 28px; margin-bottom: 8px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.composite .Inrespon .Respon .responTop .responTopc span{ font-size: 14px; color: #333; }
.composite .Inrespon .Respon .bd li{ width: 100%; display:  inline-block; float: left; margin-top: 30px; position: relative; }
.composite .Inrespon .Respon .bd li .deta{height: 84px;width: 78px;border: 1px solid #f1f1f1; float: left; position: relative;-webkit-transition: all 0.5s ease;transition: all 0.5s ease; }
.composite .Inrespon .Respon .bd li .deta .day{ font-size: 30px; color: #333;  position: relative;width: 100%;text-align: center;z-index: 1;-webkit-transition: all 0.5s ease;transition: all 0.5s ease; background: #f1f1f1; }
.composite .Inrespon .Respon .bd li .deta .month{ font-size: 16px; color: #333;  position: relative;width: 100%;text-align: center;z-index: 1;-webkit-transition: all 0.5s ease;transition: all 0.5s ease; }
.composite .Inrespon .Respon .bd li .responTopc{ float: left; position: absolute; padding-left: 95px;}
.composite .Inrespon .Respon .bd li .responTopc .tix{ font-size: 18px; color: #333;  margin-bottom:  6px; line-height: 30px; font-weight: bold;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.composite .Inrespon .Respon .bd li .responTopc .tic{ font-size: 14px; color: #999; line-height: 28px; }
.composite .Inrespon .Respon .bd li:hover .deta .day{ color: #fff;background: #0171bb; }
.composite .Inrespon .Respon .bd li:hover .responTopc .tix{ color: #0171bb; font-weight: bold; }

.Picture{ width: 100%; position: relative; background: #fafafa; padding: 60px 0;}
.Picture .column{ width: 49%; float: left; position: relative; }
.Picture .column .Top{width: 100%; font-size: 28px; font-weight: bold; text-align: left; color: #0171bb; margin-bottom: 20px; line-height: 28px;}
.Picture .column .img{ display: block; position: relative;overflow: hidden; border-radius: 8px;}
.Picture .column .img:hover {box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.2);}
.Picture .column .img img{ display: block;-webkit-transition: 1.5s ease-in-out;-o-transition: 1.5s ease-in-out;transition: 1.5s ease-in-out;transform-origin:50% 50%;}
.Picture .column:hover .img img{-webkit-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}
.Picture .column p{font-size: 24px; color: #000; font-weight: bold; position: absolute; left: 6%; top: 12%;}
.Picture .profession{ width: 49%; float: right; position: relative; }
.Picture .profession .Top{width: 100%; font-size: 28px; font-weight: bold; text-align: left; color: #0171bb; margin-bottom: 20px; line-height: 28px;}
.Picture .profession .img{ display: block; position: relative;overflow: hidden; border-radius: 10px;-webkit-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;}
.Picture .profession .img:hover {box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.2);}
.Picture .profession .img img{ display: block;-webkit-transition: 1.5s ease-in-out;-o-transition: 1.5s ease-in-out;transition: 1.5s ease-in-out;transform-origin:50% 50%; }
.Picture .profession:hover .img img{-webkit-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}
.Picture .profession p{font-size: 24px; color: #000; font-weight: bold; position: absolute; left: 6%; top: 12%;}


.footer{ width: 100%; position: relative; background: #165ea2; padding: 60px 0;}
.footer .footNav{ width: 100%; position: relative;}
.footer .footNav dl:nth-child(1){ width:32.5%;}
.footer .footNav dl{ width: 14.5%; float: left;}
.footer .footNav dl:nth-child(6){ width: 9.5%;}
.footer .footNav dl dt{ font-size: 16px; color: #fff; position: relative;}
.footer .footNav dl dt::before{ content: ''; width: 70px; height: 1px; background: rgba(255,255,255, 0.3); position: absolute; left: 0; bottom: -10px;}
.footer .footNav dl dt::after{ content: ''; width: 15px; height: 1px; background: rgba(255,255,255, 0.8); position: absolute; left: 0; bottom: -10px;}
.footer .footNav dl dd{ margin-top: 30px;}
.footer .footNav dl dd img{ border-radius: 4px; }
.footer .footNav dl dd p img{border-radius: 4px; width:90px; height:90px; margin-top:5px; transform: translateX(100%); }
.footer .footNav dl dd p span{width:100%;display:block; line-height: 30px; font-size: 14px; color: #cdd7e6;}
.footer .footNav dl dd p span b{font-size: 14px; color: #cdd7e6;}
.footer .footNav dl dd p:last-child{ margin-bottom: 0;}
.footer .footNav dl dd p:nth-child(1) span{ font-size: 20px; color: #fff;}
.footer .footNav dl dd a{font-size: 14px;font-size: 14px; color: #cdd7e6; line-height: 32px; display: block;}
.footer .footNav dl dd a:hover{ color: #fff;}
.copy{ width: 100%; height: 90px; background: #fff;}
.copy .copyl{ float: left; font-size: 14px; color: #333; line-height: 26px; margin: 19px 0; display:flex; align-items: center;}
.copy .copyl .pic{ margin-right:20px;}
.copy .copyl .pic img{ height:30px;}
.copy .copyl a{font-size: 14px; color: #333;}
.copy .copyr{ float: right; font-size: 14px; color: #333; line-height: 90px;}
.copy .copyr a{ font-size: 14px; color: #333;}
.copy a:hover{ color: #0171bb;}


.about1{background: url(../images/about1.jpg) no-repeat center;background-size: cover!important; padding: 130px 0; color: #fff; text-align: center;}
.about1 .p1{ font-size:30px; font-weight:bold; margin-bottom:35px; }
.about1 .p2{ font-size:14px; line-height:30px; padding:0 6%;}
.about2{padding: 60px 0; background: #fcfcfc;}
.about2 .Tit{ font-size: 32px; color: #333; font-weight: bold;text-align: center; line-height: 1;}
.about2 .Tic{font-size: 16px; color: #999;text-align: center;}

.Pagecont{ width: 100%; position: relative;color: #fff;  background: #0171bb; margin-top: 40px;}
.Pagecont .img{ width: 60%; position: relative; float: left; overflow: hidden;}
.Pagecont .img img{width: 100%;height: auto;position: relative;transform: scaleX(1) scaleY(1);transition: all 0.8s ease 0s;}
.Pagecont:hover .img img{transform: scaleX(1.1) scaleY(1.1);}
.Pagecont .company{ width: 34%; background: #0171bb; padding: 0 3%; float: right; position: relative;}
.Pagecont .company .title{font-size: 26px;font-weight: bold;margin-top: 35px; }
.Pagecont .company .sum{ font-size: 16px; line-height: 30px;margin-top: 10px;}

.Pagecont .company .p3 a{float: left; display: block; width: 150px; height: 40px; border: 2px solid #fff; text-align: center; line-height: 40px; font-size: 14px; color: #fff; margin-top: 45px;border-top-right-radius: 10px;border-bottom-left-radius: 10px;}
.Pagecont .company .p3 a:hover{ margin-left: 10px;}

.about2 .abBox{margin-top: 40px;}
.about2 .abBox1{float: left; width: 49%; position: relative;}
.about2 .abBox1 img{ display: block;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;transform-origin:50% 50%;}
.about2 .abBox1:hover img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.about2 .abBox1 .culture{ width: 88%; padding: 6%; position: absolute; top: 0; left: 0%;  color: #fff;}
.about2 .abBox1 .culture .p1{ font-size: 26px; font-weight: bold; margin-bottom: 20px;}
.about2 .abBox1 .culture .p2{ font-size: 16px; line-height: 30px; margin-bottom: 40px;}
.about2 .abBox1 .culture .p3 a{float: left; display: block; width: 150px; height: 40px; border: 2px solid #fff; text-align: center; line-height: 40px; font-size: 14px; color: #fff; margin-top: 45px;border-top-right-radius: 10px;border-bottom-left-radius: 10px;}
.about2 .abBox1 .culture .p3 a:hover{ margin-left: 10px;}
.about2 .abBox2{ float: right; width: 49%; position: relative;} 
.about2 .abBox2 .txt01{ position: relative;}
.about2 .abBox2 .txt01 img{ display: block;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;transform-origin:50% 50%;}
.about2 .abBox2 .txt01:hover img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.about2 .abBox2 .txt01 .honor{ width: 88%; padding:16% 6%; position: absolute; top: 0; left: 0%;  color: #fff;}
.about2 .abBox2 .txt01 .honor .ico{  width: 45px; height: 45px; background: url(../images/honico.png) center no-repeat; margin:0 auto;}
.about2 .abBox2 .txt01 .honor .p1{font-size: 26px; font-weight: bold; color: #fff; text-align: center; margin-top: 15px;}
.about2 .abBox2 .txt02{ margin-top: 10px; position: relative;}
.about2 .abBox2 .txt02 .prise{ width: 100%;  position: relative; }
.about2 .abBox2 .txt02 .prise .p1{position: relative;  width: 100%;}
.about2 .abBox2 .txt02 .prise .p1 p{ position: absolute; width: 88%; padding:4% 6%; top: 0; left: 0;font-size: 26px; font-weight: bold; color: #fff;}
.about2 .abBox2 .txt02 .prise .p2{ width: 100%; position: relative;color: #fff;}
.about2 .abBox2 .txt02 .prise .p2 .prisec{ position: absolute; width: 88%; padding: 4% 6%; top:0; left: 0;}
.about2 .abBox2 .txt02 .prise .p2 .prisec a{ display: block; font-size: 16px; color: #fff;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;}
.about2 .abBox2 .txt02 .prise .p2 .prisec a:hover{ padding-left: 10px;}


/* page_banner */
.Pagebanner{width: 100%; position: relative;}
.Pagebanner .pagebanner{ height: 300px;}

.page{ width: 100%; position: relative;}
.PageNav{ width: 100%; position: relative;}
.PageNav .sidebar{ position: relative;border-bottom: 1px solid #e4e4e4; padding: 20px 0;}
.PageNav .sidebar .leftTitle{ float: left;}
.PageNav .sidebar .leftTitle .TTit{font-size: 24px;font-weight: bold;  color: #333;}
.PageNav .sidebar .leftTitle .crumbs .fangzi{display: inline-block; width: 18px; height: 15px;  background: url(../images/fangzi.jpg); margin-right: 5px; margin-bottom: -1px;}
.PageNav .sidebar .leftTitle .crumbs a{display: inline-block;font-size: 17px;color: #555;}
.PageNav .sidebar .NavList{  float: right; margin-top: 25px; }
.PageNav .sidebar .NavList li{position: relative;display: inline-block;color: #fff;width: auto;vertical-align: top;}
.PageNav .sidebar .NavList li a{position: relative;font-size: 17px;height: 50px;line-height: 50px;padding: 0px 30px;color: #333;display: block;}
.PageNav .sidebar .NavList li:before{position: absolute;content: '';left: 50%;bottom: 0px;width: 0%;height: 3px;background-color: #0171bb;transition: all .3s;}
.PageNav .sidebar .NavList li:hover:before{width:80%;left:10%;background-color:#0171bb;}
.PageNav .sidebar .NavList li:hover a{ color: #0171bb;font-weight: 550; }
.PageNav .sidebar .NavList li.select:before{position: absolute;content: '';left: 10%;bottom: 0px;width: 80%;height: 3px;background-color:#0171bb;}
.PageNav .sidebar .NavList li.select a{ font-weight: 550; color: #0171bb }
.PageNav .sidebar .NavList li a:after{content: "";position: absolute;width: 1px;height: 15px;display: block;background: #0171bb;top: 50%;margin-top: -7px;right: 0px;}
.PageNav .sidebar .NavList li a i{ position: relative; margin-right: 10px;}
.PageNav .sidebar .NavList li i img{ height: 16px; display: inline-block;}


.pageCon{ width: 100%; position: relative;padding: 60px 0;}
.pageCon .con{ font-size: 16px; line-height: 30px; color: #666; }
.pageCon .con img{ max-width: 100%;}

.PagePro .Prolist{ position:relative; margin-top:-70px; }
.PagePro .Prolist ul li { float:left; width:19.2%; margin-right:1%; background:#f9f9f9; text-align:center; }
.PagePro .Prolist ul li:last-child { margin-right:0; }
.PagePro .Prolist ul li a { display:block; padding:20px 0; line-height:30px; font-size:15px; }
.PagePro .Prolist ul li.select,.PagePro .Prolist ul li:hover { background:#0171bb; }
.PagePro .Prolist ul li.select a i,.PagePro .Prolist ul li:hover a { color:#fff; }
.PagePro .Prolist ul li i { display:inline-block; padding-left:50px; background-size:contain!important; font-style: normal;color:#333; font-size: 15px; }
.PagePro .Prolist ul li:hover a i{ color: #fff;}
.PagePro .Prolist ul li:nth-child(1) i { background:url(../images/icon/img1.png) no-repeat center left; }
.PagePro .Prolist ul li:nth-child(2) i { background:url(../images/icon/img2.png) no-repeat center left; }
.PagePro .Prolist ul li:nth-child(3) i { background:url(../images/icon/img3.png) no-repeat center left; }
.PagePro .Prolist ul li:nth-child(4) i { background:url(../images/icon/img4.png) no-repeat center left; }
.PagePro .Prolist ul li:nth-child(5) i { background:url(../images/icon/img5.png) no-repeat center left; }
.PagePro .Prolist ul li:nth-child(1):hover i,.PagePro .Prolist ul li.select:nth-child(1) i { background:url(../images/icon/img1h.png) no-repeat center left; }
.PagePro .Prolist ul li:nth-child(2):hover i,.PagePro .Prolist ul li.select:nth-child(2) i { background:url(../images/icon/img2h.png) no-repeat center left; }
.PagePro .Prolist ul li:nth-child(3):hover i,.PagePro .Prolist ul li.select:nth-child(3) i { background:url(../images/icon/img3h.png) no-repeat center left; }
.PagePro .Prolist ul li:nth-child(4):hover i,.PagePro .Prolist ul li.select:nth-child(4) i { background:url(../images/icon/img4h.png) no-repeat center left; }
.PagePro .Prolist ul li:nth-child(5):hover i,.PagePro .Prolist ul li.select:nth-child(5) i { background:url(../images/icon/img5h.png) no-repeat center left; }
.PagePro .Prolist1{ padding: 15px 20px; background: #f9f9f9; margin: 25px 0; font-size: 14px;}
.PagePro .Prolist1 .crumbs .fangzi{display: inline-block; width: 18px; height: 15px;  background: url(../images/fangzi.jpg); margin-right: 5px; margin-bottom: -1px;}
.PagePro .Prolist1 .crumbs a{display: inline-block;font-size: 14px;color: #555;}
.PagePro .Prolist2{ width:100%; position: relative; margin-bottom:40px; }
.PagePro .Prolist2 dl {background:#f7f7f7; border-bottom:10px solid #fff;display: -webkit-box;  display: -webkit-flex;   display: flex;}
.PagePro .Prolist2 dl dd{ padding:2%; border-right:1px solid #e4e4e4; font-size:15px; line-height:1.8; width: 20%; display: block; -webkit-box-flex: 1;-webkit-flex: 1; flex: 1;  text-align: center;}
.PagePro .Prolist2 dl dd:last-child{border-right: none}
.PagePro .Prolist2 dl:nth-child(1){ background: #fff;}
.PagePro .Prolist2 dl:nth-child(1) dd{text-align: center;padding: 15px 0; background: #e4e4e4; margin: 0 5px; font-size: 15px; font-weight: bold;}
.PagePro{width:100%; position: relative; padding: 40px 0 60px;}
.Prolistb{width:100%; position:relative; }
.Prolistb li{ width: 24.25%; margin-right: 1%; float: left; margin-bottom: 1%;}
.Prolistb li:nth-child(4n){ margin-right: 0;}
.Prolistb li .img{position: relative; overflow: inherit; border: 2px #EBF4F6 solid;transition: 0.3s all ease; }
.Prolistb li:hover .img{border: 2px #0171bb solid;}
.Prolistb li .img img{ display: block;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;transform-origin:50% 50%;}
.Prolistb li:hover .img img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.Prolistb li p{ background:#EBF4F6; line-height: 60px; text-align: center; color: #333; transition: 0.3s all ease; font-size: 16px;}
.Prolistb li:hover p{ background: #0171bb; color: #fff;}

.PagePro .para{ margin-bottom:40px;margin-top: -40px;}
.PagePro .para .tit{text-align: center; font-size: 36px; font-weight: bold; color: #333; line-height: 1;}
.PagePro .para .tablep{border-bottom: 2px #ccc solid;   text-align: center;}
.PagePro .para .tablep li{display: inline-block; margin: 0; height: 50px; line-height: 50px; text-align: center; color: #333333; position: relative;width: auto;vertical-align: top;}
.PagePro .para .tablep li::before{content: ""; position: absolute; height: 2px; width: 0; left: 35%; bottom: 0; background-color: #0171bb; transition: all 0.4s;}
.PagePro .para .tablep li.active::before,.page_product .para .tablep li:hover::before{ width: 30%;}
.PagePro .para .tablep li a{position: relative;font-size: 17px;line-height: 50px;padding: 0 20px;color: #333;display: block;transition: all 0.4s;} 
.PagePro .para .tablep li:hover a,.page_product .para .tablep li.active a{ color: #0171bb;}
.PagePro .para .tablep li::after{content: ""; position: absolute; width: 1px; height: 40%; right: 0; top: 30%; background-color: #eee;}
.PagePro .para .tablep li:last-child::after{ display: none;}


.downlist{ width: 1300px; margin:0 auto;  padding:0;}
.picFocus{ float:left;  width:500px;  position:relative;  overflow:hidden;  zoom:1; border: 2px #EBF4F6 solid; }
.picFocus .hd{ width:100%; padding-top:5px;  overflow:hidden; }
.picFocus .hd ul{  width: 88%; margin: 0 auto; overflow:hidden; zoom:1; }
.picFocus .hd ul li{ padding-top:5px; float:left;  text-align:center;  margin-right: 2%; width: 23.5%;}
.picFocus .hd ul li:nth-child(4n){ margin-right: 0;}
.picFocus .hd ul li img{ width:100%; border:2px solid #ddd; cursor:pointer; margin-right:8px; display:  block;  }
.picFocus .hd ul li.on{ background:url("images/icoUp.gif") no-repeat center 0; }
.picFocus .hd ul li.on img{ border-color:#0171bb;  }
.picFocus .bd li{ vertical-align:middle; }
.picFocus .bd img{ width:100%; display: flex;}
.picFocus .prev{ position:absolute; left:0 ; bottom:40px;}
.picFocus .next{ position:absolute; right:0 ; bottom:40px;}
.floatl{ float: left;width: 502px;}
.floatr{ width: 750px; float: right;}
.floatr .title{ font-size: 24px; color:#333; width:100%;word-break:break-all; padding-bottom:20px; font-weight: bold; border-bottom:  2px #EBF4F6 solid; }
.floatr .titmd{margin:20px 0; font-size: 16px; color: #555;}
.floatr .table-list{ width: 100%; border-top:1px #ccc dashed;}
.floatr .table-list tr{margin-bottom: 10px; width: 100%;}
.floatr .table-list td{ width: 100%; font-size: 14px; color:#666; line-height:24px; padding:5px 0;}
.floatr .table-list td span{ color:#333; font-weight: bold;}
.floatr .table-list .input-text{ width:40px; height: 25px; text-align:center; color:#dd2328;}
.floatr .table-list .button{ width: 80px; height: 35px; text-align:center; background:#dd2328; border: none; text-align:center; color:#fff; cursor:pointer; margin-top: 5px; font-size: 14px;}
.floatr .div-bz{ font-size: 20px; margin-top:20px; font-weight: bold; color: #0171bb; display:flex}
.floatr .div-bz span{display: inline-block;}
.left02{ width: 100%; margin:20px auto 0; border-top:5px #f1f1f1 solid; padding-top:30px; color: #555;}
.left02 p{ font-size: 16px; line-height: 30px;}
.left02 img{max-width:100%;}
.left02 table{border-collapse:collapse;width:100%;}
.left02 table,.left02 table tr{ font-size: 16px; color: #444; }
.left02 table,.left02 table th,.left02 table td{border: 1px solid #333;text-align: center; font-size: 16px;}

.page .zsqylist{ position:relative; width: 20%; float: left; }
.page .zsqylist .Top{ height: 65px;text-align: center;font-size: 20px; color: #333; font-weight: bold; background: #F1F5F9; border-top: 4px #0171bb solid; border-bottom: 4px #fff solid; line-height: 65px;}
.page .zsqylist ul li { float:left; width:100%; background:#fafafa; text-align:center; border-bottom: 2px #fff solid; }
.page .zsqylist ul li a { display:block; line-height:55px; font-size:17px; }
.page .zsqylist ul li.select,.page .zsqylist ul li:hover { background:#0171bb; }
.page .zsqylist ul li.select a i,.page .zsqylist ul li:hover a { color:#fff; }
.page .zsqylist ul li i { display:inline-block; background-size:contain!important; font-style: normal;color:#333; font-size: 15px; }
.page .zsqylist ul li:hover a i{ color: #fff;}

.page .zsqylist1{ padding: 15px 20px; background: #f9f9f9; margin: 25px 0; font-size: 14px;}
.page .zsqylist1 .crumbs .fangzi{display: inline-block; width: 18px; height: 15px;  background: url(../images/fangzi.jpg); margin-right: 5px; margin-bottom: -1px;}
.page .zsqylist1 .crumbs a{display: inline-block;font-size: 14px;color: #555;}
.page .zsqycon{ width: 78%; float: right; font-size: 16px; line-height: 30px; color: #666;}
.page .zsqycon img{ max-width: 100%; margin: 5px 0;}

.honorCon{ width: 100%; position: relative; padding: 40px 0 60px;}
.honlistb{width:100%; position: relative; margin-bottom:40px; }
.honlistb li{ width: 24.25%; margin-right: 1%; float: left; margin-bottom: 1%;}
.honlistb li:nth-child(4n){ margin-right: 0;}
.honlistb li .img{position: relative; overflow: inherit;  border: 2px #EBF4F6 solid; transition: 0.3s all ease;}
.honlistb li:hover .img{border: 2px #0171bb solid;}
.honlistb li .img img{ display: block;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;transform-origin:50% 50%;}
.honlistb li:hover .img img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.honlistb li p{ background:#EBF4F6; line-height: 60px; text-align: center; color: #333; transition: 0.3s all ease; font-size: 16px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.honlistb li:hover p{ background: #0171bb; color: #fff;}


.PageNews { padding: 40px 0 60px; background-color: #f9f9f9; position: relative; }
.PageNews .Newslist li{ width: 50%; float: left;margin-bottom: 40px;}
.PageNews .Newslist li a{ display: block; margin: 0 18px; background: #fff; padding: 35px 6.56% 55px 7.32%; position: relative;perspective: 300px; -webkit-perspective: 300px;}
.PageNews .Newslist li a:before{content: "";width: 100%;height: 100%;background: #0171bb;position: absolute;left: 0;top: 0;z-index: 1;opacity: 0;visibility: hidden;transform-origin: top center 0;transition: 0.54s;transform: rotateX(-60deg);-webkit-transform: rotateX(-60deg);-moz-transform: rotateX(-60deg);}
.PageNews .Newslist li a:hover:before{ opacity: 1; visibility: visible; transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); color:#fff;}
.PageNews .Newslist li a time{ display: block; color: #999; font-size: 16px; padding-left: 8px; line-height: 19px; border-left: 7px solid #0171bb; position: relative; z-index:9;}
.PageNews .Newslist li .news__text{ margin-top: 11px;position: relative; z-index:9;}
.PageNews .Newslist li .news__text .img{ display: block; line-height: 1; overflow: hidden; float: left; width: 30%; margin: 0 20px 0 0;}
.PageNews .Newslist li .news__text .img img{ display: block; width: 100%; height: auto; transition: 0.48s;}
.PageNews .Newslist li .news__fix h3{ color: #232323; font-size: 16px; line-height: 1.2; margin-bottom: 15px; font-weight: bold;  transition: 0.35s;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.PageNews .Newslist li .news__fix p{ color: #666666; font-size: 14px; line-height: 1.8; height:75px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.PageNews .Newslist li .news__more{ width: 55px; height: 55px; background: #0171bb; position: absolute; right: 0; bottom: 0; text-align: center; transition: 0.38s; z-index:9;}
.PageNews .Newslist li .news__more:before{ content: ""; width: 16px; height: 16px; background: url(../images/more.png) center no-repeat; position: absolute; left: 50%; top: 50%; margin-left: -8px; margin-top: -8px; transition: 0.38s;}
.PageNews .Newslist li a:hover .news__text figure img{ transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06);}
.PageNews .Newslist li a:hover .news__fix h3{ color: #fff;}
.PageNews .Newslist li a:hover{ box-shadow: 0 0 18px rgba(0,0,0,0.13);} 
.PageNews .Newslist li a:hover time{ color:#fff;border-left: 7px solid #fff;}
.PageNews .Newslist li a:hover .news__more{ background: #0171bb;}
.PageNews .Newslist li a:hover .news__more:before{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}
.PageNews .Newslist li a:hover .news__fix p{ color:#fff;}


.respon { padding: 40px 0 60px; position: relative; }
.responlist li{ padding:2% 3%; border:1px #fff solid; border-bottom-color:#f1f1f1;width: 93.8%; background: #fff;}
.responlist li .news_box{position:relative;}
.responlist li .imgbox{width:24%;margin-right: 4%;}
.responlist li .imgbox img{ width: 100%; }
.responlist li .info{width: 85%;}
.responlist li .info .title{font-size:24px;margin:0 0 8px; color: #333;}
.responlist li .info .p{font-size:15px; color:#727272;line-height: 28px;height: 56px;overflow: hidden;}
.responlist li .info ._tools{display: inline-block;border: 1px #efefef solid;border-radius: 20px;overflow: hidden; margin-top: 25px;height: 24px;line-height: 24px;}
.responlist li .info ._tools span{display:inline-block;padding: 0 15px;border-left: 1px #e5e5e5 solid;margin-left: -1px;vertical-align: top; color: #666; font-size: 12px;}
.responlist li .info ._tools ._vew:hover,.responlist li .info ._tools .bdsharebuttonbox:hover{ background-color:#f8f8f8;}
.responlist li .info ._tools .bdsharebuttonbox .bds_more{background: none;margin: 0;padding: 0;line-height: 24px; height:24px;}
.responlist li .info ._tools .bdsharebuttonbox .bds_count{background: none; width: auto;height: 24px;margin: 0;line-height: 24px;padding: 0 5px;display:none;}
.responlist li .info ._tools .bdsharebuttonbox i{margin:0;}
.responlist .date{position: absolute;right: 0;top: 50%;margin-top: -60px;}
.responlist .date span{ color:#3f3f3f;font-family: Arial; font-weight: bold; display:block;}
.responlist .date .day{font-size:70px;line-height: 52px;}
.responlist .date .month{font-size:20px;    margin-top: 15px;}
.responlist li:hover{border:1px #0171bb solid;}
.responlist li:hover .date span{color:#0171bb;}
.responlist li:hover .info .title{color: #0171bb;}



.PageParty { padding: 40px 0 60px;background: #f9f9f9; position: relative; }
.PageParty .partylist ul { width: 100%; height: auto; float: left; font-size: 12px; padding-top: 30px; }
.PageParty .partylist li { width: 49%; height: auto; float: left; background-color: #FFFFFF; margin-bottom: 30px; color: #666666; box-sizing: border-box; border: 25px solid transparent; margin-right: 2%; }
.PageParty .partylist li:hover .dynamic_time { background-color: #0171bb; transition: all 0.5s; }
.PageParty .partylist li:nth-child(2n){ margin-right: 0;}
.PageParty .partylist .dynamic_time { width: auto; height: auto; float: left; background-color: #aaaaaa; color: #FFFFFF; margin-top: 10px; }
.PageParty .partylist .dynamic_time p { padding-left: 10px; padding-top: 10px; padding-right: 10px; font-size: 18px; }
.PageParty .partylist .dynamic_time span { float: left; padding-left: 10px; padding-bottom: 10px; padding-top: 2px; margin-top: -5px; font-size: 10px; }
.PageParty .partylist .date { width: 100%; height: auto; display: none; float: left;}
.PageParty .partylist .dynamic_cont { width: auto; height: auto; padding-left: 100px;}
.PageParty .partylist .dynamic_cont p { width: 100%; font-size: 15; color: #666; line-height: 28px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.PageParty .partylist .dynamic_cont .a { color: #494949;}
.PageParty .partylist .dynamic_cont .dynamic_title { font-size: 18px; padding-bottom: 10px; padding-top: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333; font-weight: bold;}
.PageParty .partylist li:hover .dynamic_cont .dynamic_title{ color: #0171bb; transition: all 0.5s;}


.pageNewsT{ width:100%; margin:0 auto; font-size:30px; text-align:center; color:#333; font-weight:bold;}
.pageNewsC{ width:100%; margin:0 auto; font-size:14px; color:#333; text-align:center; padding:20px 0; border-bottom:dashed 1px #999;}
.pageNewsD{ width:100%; margin:0 auto; font-size:15px; color:#333; line-height:30px; margin-top:20px;}
.pageNewsD img{ max-width:100%; margin:5px 0;}

.pageNewsD table{border-collapse:collapse;width:100%;}
.pageNewsD table,.pageNewsD tr{ font-size: 16px; color: #444; }
.pageNewsD table,.pageNewsD th,.pageNewsD td{border: 1px solid black;text-align: center; font-size: 14px;}


.join{ position: relative; width: 100%; padding: 40px 0 60px;}
.join .joinlist{ margin-top: 40px;}
.join .p1{ font-size: 30px; color: #333; font-weight: bold;text-align: center;}
.join .p2{font-size: 16px; color: #999;text-align: center;}
.join .joinb01{ width: 50%; float: right;}
.join .joinb01 .text01{ width: 100%; position: relative; float: left;}
.join .joinb01 .text01 .img{ width: 50%; position: relative; float: left; overflow: inherit;}
.join .joinb01 .text01 .img img{ display: block;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;transform-origin:50% 50%;}
.join .joinb01 .text01:hover .img img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.join .joinb01 .text01 .img .tix{ padding: 10% 10%; z-index: 22; position: relative;}
.join .joinb01 .text01 .img .tix .a1 { font-size:30px; font-weight:bold; margin-bottom:15px; color: #fff;}
.join .joinb01 .text01 .img .tix .a2 { font-size:16px;  color: #fff;}
.join .joinb01 .text01 .textp1{float: left; position:relative; background:#0171bb; box-sizing: border-box; color:#fff; z-index:9; width: 50%; }
.join .joinb01 .text01 .textp1 .tix{ padding: 10% 10%;}
.join .joinb01 .text01 .textp1 .tix .a1 { font-size:30px; font-weight:bold; margin-bottom:15px; color: #fff;}
.join .joinb01 .text01 .textp1 .tix .a2 { font-size:16px;  color: #fff;}
 
.join .joinb01 .text02{ width: 100%; position: relative; float: left; overflow: hidden;}
.join .joinb01 .text02 img{ display: block;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;transform-origin:50% 50%;}
.join .joinb01 .text02:hover img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.join .joinb01 .text02 .textp2 { position:absolute; top:50%; right:2%; left:2%; color:#fff; margin-top:-87px; text-align:center; z-index:9; }
.join .joinb01 .text02 .textp2 .a1 { font-size:30px; font-weight:bold; margin-bottom:15px; }
.join .joinb01 .text02 .textp2 .a2 { font-size:16px; margin-bottom:40px; }
.join .joinb01 .text02 .textp2 .a3 a { display:block; text-align:left; padding-left:30px; font-size:14px; color:#000; box-sizing: border-box; margin:0 auto; width:162px; height:40px; line-height:40px; background:url(../images/joinm.png) no-repeat center; }
.join .joinb01 .text02 .textp2 .a3 a:hover { background:url(../images/joinmh.png) no-repeat center; color:#fff; }
.join .joinb02{ width: 50%; float: left;position: relative;}
.join .joinb02 .textp{ position:absolute; right:0; bottom:0; padding:10% 3% 5% 3%; left:40%; background:rgba(0,0,0,0.5); color:#fff; z-index:9; }
.join .joinb02 .textp .a1 { font-size:30px; font-weight:bold; margin-bottom:15px;}
.join .joinb02 .textp .a2 { font-size:16px; margin-bottom:40px;}
.join .joinb02 .textp .a3 a { display:block; text-align:left; padding-left:30px; font-size:14px; color:#000; box-sizing: border-box; width:162px; height:40px; line-height:40px; background:url(../images/joinm.png) no-repeat center; }
.join .joinb02 .textp .a3 a:hover { background:url(../images/joinmh.png) no-repeat center; color:#fff; }

.PageJoin{width: 100%;padding: 40px 0 60px;}
/*人才招聘 */
.PageJoin .Joinlist{position: relative; margin-top: 30px;}
.PageJoin .Joinlist .jnlist{ background: #165ea2; }
.PageJoin .Joinlist .jnlist li{float: left; text-align: center; padding: 20px 0; font-size: 18px; color: #fff; width: 20%;}
.PageJoin .Joinlist .jnlist li:nth-child(2),.PageJoin .Joinlist .jnlist li:nth-child(4){ width: 30%;}
.PageJoin .Joinlist .joblist{ width: 100%; position: relative; margin-top: 10px;}
.PageJoin .Joinlist .joblist .list_dt{ cursor: pointer;  overflow: hidden; text-overflow: ellipsis;white-space: nowrap; position: relative; border-bottom: 1px solid #ddd; background: #f9f9f9;}
.PageJoin .Joinlist .joblist .list_dt p{float: left; text-align: center; padding: 20px 0; font-size: 15px; color: #333; width: 20%; }
.PageJoin .Joinlist .joblist .list_dt p:nth-child(2),.PageJoin .Joinlist .joblist .list_dt p:nth-child(4){ width: 30%;}
.PageJoin .Joinlist .joblist #open{ background: #0171bb;}
.PageJoin .Joinlist .joblist #open p{ color: #fff }
.PageJoin .Joinlist .joblist .list_dt:hover{ background: #0171bb;}
.PageJoin .Joinlist .joblist .list_dt:hover p{ color: #fff; }
.PageJoin .Joinlist .joblist .list_dd{ display: none; padding: 30px; font-size: 15px; line-height: 30px; color: #555;background: #f0f6fb;}


/* 员工风采 */
.PageJoin .Joinlist1 .pic-item { position:relative; width:23%; margin:0 2.66% 23px 0; padding:0; float: left; }
.PageJoin .Joinlist1 .pic-item:nth-child(4n){ margin-right:0; }
.PageJoin .Joinlist1 .list-pic { display:block; width:100%; height:auto; margin-bottom:0; padding:0; border:0; overflow:hidden; }
.PageJoin .Joinlist1 .list-pic img { width:100%; height:auto; transition: all 0.6s; }
.PageJoin .Joinlist1 .list-pic img:hover { transform: scale(1.1)!important; }
.PageJoin .Joinlist1 .pic-item p{line-height: 50px; font-size: 15px; color: #333; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}


.contentUs{ width: 100%; position: relative; background:#fcfcfc;}
#allmap{width: 50%; height: 330px; float: left;}
.conList{ width:42%; padding: 4%; float: left; font-size: 16px; line-height: 30px;}
.conList h2{ font-size: 18px;color: #000; margin-bottom: 20px;}
.adrlist{ position: relative; margin-top: 20px;}
.adrlist li{ width: 46%;float: left;  height: auto; overflow: hidden; padding: 1.5%; background: #fcfcfc; margin-right: 2%; margin-bottom: 20px;}
.adrlist li:nth-child(2n){ margin-right: 0;}
.adrlist li h2{ font-size: 18px; color: #000;margin-bottom: 12px;}
.adrlist li p{ font-size: 16px; color: #666; line-height: 30px;}


/* 企业文化 */
.CenTitle{ padding:10px 0; position:relative; z-index:1;}
.CenTitle.wire{ padding-top:30px; border-top:3px solid #0171bb;}
.CenTitle .name{ text-align:center; font-size:30px; font-weight:bold; color:#555; line-height:1; margin-bottom:10px;}
.CenTitleline,
.CenTitle .line{ width:30px; height:2px; background:#0171bb; overflow:hidden; margin:0 auto;}
.txtbox{ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both;overflow:hidden;position:relative}
.aboutTxt04{ padding-bottom:40px;width: 90%; margin: 0 auto;}
.aboutTxt04 .pic{ padding:30px;}
.aboutTxt04 .pic img{ display:block; margin:0 auto;}
.aboutTxt04 .l{ float:left; width:120px; height:120px; border-radius: 50%; text-align:center; color:#fff; font-weight:bold; line-height:18px; margin-left:90px; background: #0171bb}
.aboutTxt04 .l .box{ padding-top:20px;line-height: 1.5; font-size: 20px;}
.aboutTxt04 .r{ line-height:30px; font-size:16px; float:right; width:820px;}
.aboutTxt05{ padding-top:30px;}
.aboutTxt05 .ul{ overflow:hidden; width:90%; margin:0 auto;}
.aboutTxt05 li{ float:left; width:25%; margin:0; text-align:center; font-size:14px;}
.aboutTxt05 li .txt{ padding-top:10px; font-size: 16px; color: #33;}
.aboutTxt05 li .box{ width:116px; height:126px; text-align:center; color:#fff; font-weight:bold; background:center no-repeat; margin:0 auto;}
.aboutTxt05 li .box .title{ padding-top:45px; font-size: 20px;}
.aboutTxt05 .li1 .box{ background-image:url(../images/pic_idea01.png);}
.aboutTxt05 .li2 .box{ background-image:url(../images/pic_idea02.png);}
.aboutTxt05 .li3 .box{ background-image:url(../images/pic_idea03.png);}
.aboutTxt05 .li4 .box{ background-image:url(../images/pic_idea04.png);}


/* 创新技术 */
.chuangxin .hd{ position: relative; width: 100%; margin-bottom:20px;}
.chuangxin .hd li{ width: 25%; line-height: 70px; background: #f5f5f5; float: left; text-align: center; cursor: pointer; font-size: 18px; font-weight: bold;color: #333}
.chuangxin .hd li.on{ background: #0171bb; color:#fff;}
.chuangxin .bd li p{ font-size: 18px; color: #333; font-weight: bold; margin-bottom: 10px;}
.chuangxin table{border-collapse:collapse;width:100%;}
.chuangxin table,.chuangxin tr{ font-size: 16px; color: #444; }
.chuangxin table,.chuangxin th,.chuangxin td{border: none;text-align: left; font-size: 16px; padding: 15px 20px;}

.chuangxin table tr:nth-child(1n) td{ background: #d0d8e8; }
.chuangxin table{margin-top: 20px !important;}
.chuangxin table tr{margin-bottom:5px;}
.chuangxin table tr:nth-child(2n) td{ background: #fff; }
.chuangxin table:last-child{ margin-top: 0 !important; }

/* 研发团队*/
.lmlac{ position: relative; }
.lmlac .tit{ color: #0171bb; font-size: 32px; text-align: center; font-weight: bold;     line-height: 1;}
.mid-scol{ width:424px; height:424px; position: absolute; left:50%; top:33%; transform:translate(-50%,-50%);}
.scol02{ position:absolute; left:0; top:0;}
.scol01{ transform:rotate(0); transition:all 0.5s ease;}
.scol01.ad0{ transform:rotate(45deg); transition:all 0.5s ease;}
.scol01.ad1{ transform:rotate(135deg); transition:all 0.5s ease;}
.scol01.ad2{ transform:rotate(315deg); transition:all 0.5s ease;}
.scol01.ad3{ transform:rotate(225deg); transition:all 0.5s ease;}
.laewoa{padding-top: 30px;border-top: 3px #0171bb solid;margin-top: 30px; }
.laewoa .pic{ width:50%; float: left;}
.laewoa .cont{ width:100%; float: right;}
.laewoa .cont > .p1{ font-size:28px; color:#ec5a02;}
.laewoa .cont > .p2{ line-height:25px; color:#666; margin-top:15px;}
.aplca{ color:#666;}
.aplca img{ position:absolute; left:0; top:0;}
.aplca .p3{ font-size:22px;color: #0171bb;}
.aplca .p4{  line-height:25px; font-size: 18px; line-height: 40px;}
.lawez{background:#f1f1f2;line-height:30px;font-size:16px;padding:20px;overflow:hidden;margin-bottom:15px;}
.lawpic{ width: 100%; position: relative;  }
.lawpic img{ max-width: 100%;}

/* 研发中心 */
.Pageyfzx{ position: relative; width: 100%; background: #f7f7f7; padding: 60px 0; }
.Pageyfzx .l{ width: 35%; }
.Pageyfzx .r{ width: 65%; }
.lazx{margin-bottom:40px;padding-left:6%;}
.lazx .tit{font-size: 32px;color:#0171bb;font-weight:bold; line-height: 1; }
.lazx .con{font-size:16px; line-height:30px; color:#666; margin-top:15px;  }
.Number{ width: 100%; position: relative; margin-bottom:40px;}
.Number .Nuncon{width: 23%; margin: 0 1%; text-align: center;  float: left;}
.Number .Nuncon .Num .num1{ font-size: 30px; color: #0171bb;  display: inline-block;vertical-align: unset;  font-weight: 600;}
.Number .Nuncon .Num span{font-size: 17px; color: #666;}
.Number .Nuncon .Txt{ font-size: 17px; color: #666;}
.lawplex{position: relative; width: 100%; padding: 60px 0; background: #f7f7f7;}
.lawplex .tit{font-size: 28px;line-height:40px;color:#0171bb;font-weight:bold;text-align:center; }
.lawplex .con{font-size:16px; line-height:26px; color:#666;  text-align:center; margin-bottom:40px; }
.lmlzx{position: relative; width: 100%;  padding: 60px 0; }
.lmlzx .titc{ color: #0171bb; font-size: 32px; text-align: center; font-weight: bold; line-height: 1;}
.lmlzx .titdoc{ margin-top: 15px;line-height: 30px; font-size: 16px; color: #666;margin-bottom: 40px;}
.lbcanl{ position:relative;height:870px;}
.lmoml{ width:340px; position:absolute;}
.lmoml .pic{ overflow:hidden;}
.lmoml .pic img{ transition:all 0.5s ease;}
.lmoml .tit{ line-height:45px; border-bottom:1px solid #ccd6e3; font-weight:bold; text-transform:uppercase; color:#e8e8e8;}
.lmoml .tit strong{ color:#0171bb; font-size:20px; margin-right:10px;}
.lmoml .pic{ margin-top:10px;}
.lmoml .olac{ color:#666; line-height:1.8; margin-top:10px; font-size: 16px;}
.lmoml.ab01{ left:0; top:0;}
.lmoml.ab02{ right:0; top:0;}
.lmoml.ab03{ left:0; bottom:0;}
.lmoml.ab04{ right:0; bottom:0;}
.lmoml.ab05{ left:50%; margin-left:-170px;bottom:0;}
.lawplex .pic{width:100%; position:relative; }
.lawplex .pic li{ width: 18.4%; margin-right: 2%; float: left; margin-bottom: 1%;}
.lawplex .pic li:nth-child(5n){ margin-right: 0;}
.lawplex .pic li .img{position: relative; overflow: inherit; border: 2px #EBF4F6 solid;transition: 0.3s all ease; }
.lawplex .pic li:hover .img{border: 2px #0171bb solid;}
.lawplex .pic li .img img{ display: block;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;transform-origin:50% 50%;}
.lawplex .pic li:hover .img img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.lawplex .pic li p{ background: rgba(0,0,0, 0.3); line-height: 40px; text-align: center; color: #fff; transition: 0.3s all ease; font-size: 16px; position: absolute; width: 100%; bottom: 0;}


/* fenye */
.pages1{ width:100%; margin:30px auto 0;}
.pages1_l{ float:left; width:100%; height:40px;}
.pages1_l a{ line-height:40px; color:#666;display:block; font-size: 14px;}
.pages1_l:hover a{ color:#0171bb;}
.pages1_r{ float:left; width:100%; height:40px; }
.pages1_r a{ line-height:40px; color:#666;display:block; font-size: 14px;}
.pages1_r:hover a{ color:#0171bb;}

.pages { margin:0; text-align:center; font-size:14px;}
.pages li { display:inline-block; height:26px; line-height:26px; background:#fff; border:1px solid #ccc;  margin-left:6px;}
.pages li a{text-align:center; color:#333; padding:0 13px;}
.pages .page-active {background:#0171bb;  border:1px solid #0171bb;text-decoration:none}
.pages .page-active a{color:#fff; }
.pages li:hover { background:#0171bb;  border:1px solid #0171bb;  text-decoration:none }
.pages li:hover a{ color:#fff;}
.pages span{ display:inline-block; height:26px; line-height:26px;  border:1px solid #ccc; color:#333; text-align:center; padding:0 13px;}



/* 适应页面布局 */
@media screen and (min-width: 1280px) and (max-width: 1359px){
	.container{ width: 98%;max-width:98%;}
	
	.header .headerNav .nav>ul>li a{ margin: 0 20px;}
}

@media screen and (min-width: 1024px) and (max-width: 1279px){
	.container{ width: 98%;max-width:98%;}
	
	.header .headerNav .nav>ul>li a{ margin: 0 10px; font-size: 16px;}
	.header .headerNav .nav .sub{ line-height: 30px;}
	.header .headerNav .nav .sub a{ font-size: 15px; line-height: 30px;}
	
	.InAbout{ padding: 50px 0;}
	.InAbout .AboCentet .Profile .filecon .Tit{ font-size: 18px;}
	.InAbout .AboCentet .company .comp .Tit{ font-size: 18px;}
	.InAbout .AboCentet .company .comp{ padding: 10px 6%;}
	.InAbout .AboCentet .company .comp .complist li{ height: 40px;}
	.InAbout .AboCentet .company .comp .complist li a{ font-size: 15px; line-height: 40px;}
	.InAbout .AboCentet .Profile .filecon .More::before{ display:none}
	.InAbout .AboCentet .Profile .filecon .More::after{ display:none}
	.InAbout .AboCentet .Profile .filecon .More{ margin-top:20px;}
	
	.Innovating{ padding: 50px 0;}
	.Innovating .Top{ font-size: 22px;}
	.Innovating .novating li p{ font-size: 20px;}
	
	.InProduct .Top{ font-size: 22px;}
	.InProduct .Product li .rect-66{ padding-bottom: 88%;}
	
	.composite{ padding: 50px 0;}
	.composite .Innews .Top{ font-size: 22px;}
	.composite .Innews .News .newsTop .newsTopc .tix{ font-size: 16px; margin-bottom: 5px;}
	.composite .Innews .News .newsTop .newsTopc .tic{ line-height: 26px; margin-bottom: 0;}
	.composite .Innews .News .bd li .newsTopc .tix{ font-size: 16px; line-height: 45px;}
	.composite .Innews .News .bd li .deta{ border-top: 45px solid #f7f7f7;}
	
	.composite .Inrespon .Top{ font-size: 22px;}
	.composite .Inrespon .Respon .responTop .responTopc .tix{ font-size: 16px; margin-bottom: 5px;}
	.composite .Inrespon .Respon .responTop .responTopc .tic{ line-height: 26px; margin-bottom: 0;}
	.composite .Inrespon .Respon .bd li .responTopc{ padding-left: 90px;}
	.composite .Inrespon .Respon .bd li .responTopc .tix{ font-size: 16px; margin-bottom:5px;}
	.composite .Inrespon .Respon .bd li .responTopc .tic{ line-height: 26px;}
	.composite .Inrespon .Respon .bd li{ margin-top: 20px;}
	
	.Picture{ padding: 50px 0;}
	.Picture .column .Top{ font-size: 22px;}
	.Picture .profession .Top{ font-size: 22px;}
	
	.footer{ padding: 50px 0;}
	.footer .footNav dl:nth-child(1){ width: 31%;}
	.footer .footNav dl{ width: 14%;}
	.footer .footNav dl:nth-child(6){  width: 13%;}
	
	.about2{ padding: 50px 0;}
	.about2 .Tit{ font-size: 26px;}
	.Pagecont{ margin-top: 30px;}
	.Pagecont .company .title{ font-size: 22px; margin-top: 20px;}
	.Pagecont .company .sum{ font-size: 15px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
	.Pagecont .company .p3 a{ height: 35px; line-height: 35px; margin-top: 35px;}
	.about2 .abBox{ margin-top: 30px;}
	.about2 .abBox1 .culture .p1{ font-size: 22px;}
	.about2 .abBox1 .culture .p2{ font-size: 15px;}
	.about2 .abBox1 .culture .p3 a{ height: 35px; line-height: 35px;margin-top: 35px;}
	.about2 .abBox2 .txt01 .honor .p1{ font-size: 22px;}
	.about2 .abBox2 .txt02 .prise .p1 p{ font-size: 22px;}
	.about2 .abBox2 .txt02 .prise .p2 .prisec a{ float: left; width: 50%;}
	.about2 .abBox2 .txt02 .prise .p2 .prisec a:hover{ padding-left: 0;}
	.CenTitle .name{ font-size: 26px;}
	.aboutTxt04 .l{ margin-left: 0;}
	.aboutTxt04 .r{ width: 78%;}
	.honlistb li{ width: 32.25%;}
	.honlistb li:nth-child(3n){ margin-right:0 ;}
	.honlistb li:nth-child(4n){ margin-right:1% ;}
	.PageNav .sidebar .NavList li a{ padding: 0 20px; font-size: 16px;}
	.PageNav .sidebar .leftTitle .crumbs a{ font-size: 16px;}
	.Prolistb li{ width: 32.25%;}
	.Prolistb li:nth-child(3n){ margin-right:0 ;}
	.Prolistb li:nth-child(4n){ margin-right:1% ;}
	.Pageyfzx{ padding: 50px 0;}
	.Pageyfzx .l img{ width: 100%;}
	.lbcanl{ height:auto;}
	.lazx .tit{ font-size: 24px;}
	.lazx .con{ font-size: 15px; line-height: 26px;}
	.lmlzx .titc{ font-size: 24px;}
	.Number{ margin-bottom: 0;}
	.lmlzx{ padding: 50px 0;}
	.mid-scol{ display: none;}
	.lmoml{ position: relative; float: left; width: 31.333%; margin-right: 2%;}
	.lmoml:nth-child(3n){ margin-right: 0;}
	.lmoml.ab05{ left: 0; margin-left: 0; margin-top: 30px;}
	.lmoml.ab03{ margin-top: 30px;}
	.lawplex{ padding: 50px 0;}
	.pageCon{ padding: 50px 0;}
	.lmlac .tit{ font-size: 24px;}
	.chuangxin .hd li{line-height: 50px; font-size: 17px;}
	.chuangxin table, th, td{ padding: 8px 20px;}
	.responlist li .info .title{ font-size: 20px;}
	.pageNewsT{ font-size: 24px;}
	.join .p1{ font-size: 26px;}
	.join .joinb02 .textp .a1{ font-size: 24px;}
	.join .joinb01 .text01 .textp1 .tix .a1{ font-size: 24px;}
	.join .joinb01 .text01 .img .tix .a1{ font-size: 24px;}
	.join .joinb01 .text02 .textp2 .a1{ font-size: 24px;}
	.PageJoin .Joinlist1 .pic-item{ width: 32%; margin: 0 2% 20px 0;}
	.PageJoin .Joinlist1 .pic-item:nth-child(3n){ margin-right:0; }
	.PageJoin .Joinlist1 .pic-item:nth-child(4n){ margin-right:2%; }
	.PageNews .Newslist li .news__fix p{ height: 55px;}
	
	.downlist{ width: 100%;}
	.picFocus{ width: 50%;}
	.floatr{ width: 46%;}
	.floatr .title{ font-size: 20px; padding-bottom: 10px;}
	.floatr .titmd{ margin: 10px 0;}
	
	
}
@media screen and (min-width: 768px) and (max-width: 1023px){
	.container{ width: 98%;max-width:98%;}
	.header .headerNav{ height: 70px;}
	.header .headerNav .logo{ height: 40px;}
	.header .headerNav .logo img{ height: 40px;}
	.header .headerNav .nav{ display: none;}
	.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px; margin-top: 20px;}
	.sp_nav span{display:block;background:#0171bb;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
	.sp_nav span:nth-of-type(1){top:0px}
	.sp_nav span:nth-of-type(2){top:10px}
	.sp_nav span:nth-of-type(3){top:20px}
	.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
	.sp_nav_se span:nth-of-type(2){width:0}
	.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
	.sjj_nav{position:fixed;z-index:999;background:#fff;width:100%;height:100vh;font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;border-top: 1px #ddd solid; display: block;}
	.sjj_nav .hotline{ background-color: #0171bb; padding-left: 20px; height: 60px;line-height: 60px; font-size: 14px; color: #fff; }
	.sjj_nav .hotline span{ font-size: 20px;font-weight: bold; }
	.nav_show{top:111px}
	.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
	.sjj_nav>ul>li:first-child>a{float:left;width:75%;}
	.sjj_nav>ul>li:first-child .language{float:right;width:22%;overflow:hidden;line-height:50px;}
	.sjj_nav>ul>li:first-child .language a{width:48%;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
	.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
	.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
	.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
	.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:50px;font-size:15px}
	.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
	.sjj_nav ul li ul{display:none}
	.sjj_nav ul li a{color:#666;width:80%; display: block;}
	.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
	.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
	.sjj_nav ul li .sjj_nav_i_se svg{fill:#0171bb}
	.sjj_nav ul li ul li>ul{margin-left:10px}
	.banner{ padding-top: 111px;}
	.InAbout{ padding: 50px 0;}
	.InAbout .AboCentet .Profile .filecon .Tit {font-size: 18px;}
	.InAbout .AboCentet .Profile .filecon .Titcon{ font-size: 15px; line-height: 28px; margin-top:5px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
	.InAbout .AboCentet .company .comp .Tit{ font-size: 18px;}
	.InAbout .AboCentet .company .comp {padding: 5px 6%;}
	.InAbout .AboCentet .company .comp .complist{ margin-top: 3px;}
	.InAbout .AboCentet .company .comp .complist li{height: 28px;}
	.InAbout .AboCentet .company .comp .complist li a{ font-size: 15px; line-height: 28px; text-align: center;}
	.InAbout .AboCentet .company .comp .complist .list{ display: none;}
	.InAbout .AboCentet .Profile .filecon .More::before{ display:none}
	.InAbout .AboCentet .Profile .filecon .More::after{ display:none}
	.InAbout .AboCentet .Profile .filecon .More{ margin-top:15px;}
	
	.Innovating{ padding: 50px 0;}
	.Innovating .Top{ font-size: 22px;}
	.Innovating .novating li p{ font-size: 20px;}
	
	.InProduct .Top{ font-size: 22px;}
	.InProduct .Product li{ width: 32%; margin-bottom: 1%;}
	.composite{ padding: 50px 0;}
	.composite .Innews .Top{ font-size: 22px;}
	.composite .Innews .News .newsTop .newsTopc .tix{ font-size: 16px; margin-bottom: 5px;}
	.composite .Innews .News .newsTop .newsTopc .tic{ line-height: 26px; margin-bottom: 0;}
	.composite .Innews .News .hd li{ width: 110px;}
	.composite .Innews .News .bd li .newsTopc .tix{ font-size: 16px; line-height: 45px;}
	.composite .Innews .News .bd li .deta{ border-top: 45px solid #f7f7f7;}
	
	.composite .Inrespon .Top{ font-size: 22px;}
	.composite .Inrespon .Respon .responTop .responTopc .tix{ font-size: 16px; margin-bottom: 5px;}
	.composite .Inrespon .Respon .responTop .responTopc .tic{ line-height: 26px; margin-bottom: 0;}
	.composite .Inrespon .Respon .hd li{ width: 110px;}
	.composite .Inrespon .Respon .bd li .responTopc{ padding-left: 90px;}
	.composite .Inrespon .Respon .bd li .responTopc .tix{ font-size: 16px; margin-bottom:5px;}
	.composite .Inrespon .Respon .bd li .responTopc .tic{ line-height: 26px;overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	.composite .Inrespon .Respon .bd li{ margin-top: 20px;}
	
	.Picture{ padding: 50px 0;}
	.Picture .column .Top{ font-size: 22px;}
	.Picture .profession .Top{ font-size: 22px;}
	
	.footer{ padding: 50px 0;}
	.footer .footNav dl:nth-child(1){ width: 35%;}
	.footer .footNav dl{ width: 12%;}
	.footer .footNav dl:nth-child(6){  width: 13%;}
	
	.about2{ padding: 50px 0;}
	.about2 .Tit{ font-size: 26px;}
	.Pagecont{ margin-top: 30px;}
	.lbcanl{ height:auto;}
	.Pagecont .company .title{ font-size: 22px; margin-top: 20px;}
	.Pagecont .company .sum{ font-size: 15px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
	.Pagecont .company .p3 a{ height: 35px; line-height: 35px; margin-top: 35px;}
	.about2 .abBox{ margin-top: 30px;}
	.about2 .abBox1 .culture .p1{ font-size: 22px;}
	.about2 .abBox1 .culture .p2{ font-size: 15px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
	.about2 .abBox1 .culture .p3 a{ height: 35px; line-height: 35px;margin-top: 35px;}
	.about2 .abBox2 .txt01 .honor .p1{ font-size: 22px;}
	.about2 .abBox2 .txt02 .prise .p1 p{ font-size: 22px;}
	.about2 .abBox2 .txt02 .prise .p2 .prisec a{ float: left; width: 50%;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
	.about2 .abBox2 .txt02 .prise .p2 .prisec a:hover{ padding-left: 0;}
	.CenTitle .name{ font-size: 26px;}
	.aboutTxt04 .l{ margin-left: 0;}
	.aboutTxt04 .r{ width: 78%;}
	.page .zsqylist{ width: 100%;}
	.page .zsqylist .Top{ display:  none;}
	.page .zsqylist ul li{ width: 33.333%;}
	.page .zsqycon{ width: 100%;margin-top: 30px;}
	
	.lawplex .pic li{ width: 31.333%;}
	
	
	.honlistb li{ width: 32.25%;}
	.honlistb li:nth-child(3n){ margin-right:0 ;}
	.honlistb li:nth-child(4n){ margin-right:1% ;}
	.PageNav .sidebar .NavList li a{ padding: 0 20px; font-size: 16px;}
	.PageNav .sidebar .leftTitle .crumbs a{ font-size: 16px;}
	.Prolistb li{ width: 32.25%;}
	.Prolistb li:nth-child(3n){ margin-right:0 ;}
	.Prolistb li:nth-child(4n){ margin-right:1% ;}
	.Pageyfzx{ padding: 50px 0;}
	.Pageyfzx .l img{ width: 100%;}
	.lazx .tit{ font-size: 24px;}
	.lazx .con{ font-size: 15px; line-height: 26px;}
	.lmlzx .titc{ font-size: 24px;}
	.Number{ margin-bottom: 0;}
	.Number .Nuncon .icon img{ width: 45px; height: 45px;}
	.Number .Nuncon .Num .num1{ font-size: 22px;}
	.Number .Nuncon .Num span{ font-size: 15px;}
	.lmlzx{ padding: 50px 0;}
	.mid-scol{ display: none;}
	.lmoml{ position: relative; float: left; width: 31.333%; margin-right: 2%;}
	.lmoml:nth-child(3n){ margin-right: 0;}
	.lmoml.ab05{ left: 0; margin-left: 0; margin-top: 30px;}
	.lmoml.ab03{ margin-top: 30px;}
	.lawplex{ padding: 50px 0;}
	.pageCon{ padding: 50px 0;}
	.lmlac .tit{ font-size: 24px;}
	.chuangxin .hd li{line-height: 50px; font-size: 16px;}
	.chuangxin table, th, td{ padding: 8px 20px;}
	.responlist li .info .title{ font-size: 20px;}
	.pageNewsT{ font-size: 24px;}
	.join .p1{ font-size: 26px;}
	.join .joinb02 .textp .a1{ font-size: 24px; margin-bottom: 0;}
	.join .joinb01 .text01 .textp1 .tix .a1{ font-size: 24px; margin-bottom: 0;}
	.join .joinb01 .text01 .img .tix .a1{ font-size: 24px; margin-bottom: 0;}
	.join .joinb01 .text02 .textp2 .a1{ font-size: 24px; margin-bottom: 0;}
	.join .joinb01 .text02 .textp2 .a2{ margin-bottom: 25px;}
	.join .joinb01 .text02 .textp2{ margin-top: -70px;}
	.PageJoin .Joinlist1 .pic-item{ width: 32%; margin: 0 2% 20px 0;}
	.PageJoin .Joinlist1 .pic-item:nth-child(3n){ margin-right:0; }
	.PageJoin .Joinlist1 .pic-item:nth-child(4n){ margin-right:2%; }
	.PageNews .Newslist li .news__fix p{ height: 55px;}
	
	.downlist{ width: 100%;}
	.picFocus{ width: 50%;}
	.floatr{ width: 46%;}
	.floatr .title{ font-size: 20px; padding-bottom: 10px;}
	.floatr .titmd{ margin: 10px 0;}
	.floatr .div-bz{ font-size:18px;}
	
}


@media screen and (min-width: 320px) and (max-width: 767px){
	.container{ width: 94%;max-width:94%;}
	.header .headerTop .Topr{ float: none; width: 100%;}
	.header .headerTop .container{ width: 98%;}
	.header .headerTop li{ padding: 0 5px; font-size: 12px;}
	.header .headerTop li:nth-child(1){ padding-left:0;}
	.header .headerTop li:nth-child(1) img{ display:none;}
	.header .headerTop li span{ font-size: 15px;}
	.header .headerTop li a{ font-size: 12px;}
	.header .headerTop li:nth-child(3){ float: right;}
	.header .headerNav{ height: 70px;}
	.header .headerNav .logo{ height: 40px;}
	.header .headerNav .logo img{ height: 40px;}
	.header .headerNav .nav{ display: none;}
	.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px; margin-top: 20px;}
	.sp_nav span{display:block;background:#0171bb;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
	.sp_nav span:nth-of-type(1){top:0px}
	.sp_nav span:nth-of-type(2){top:10px}
	.sp_nav span:nth-of-type(3){top:20px}
	.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
	.sp_nav_se span:nth-of-type(2){width:0}
	.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
	.sjj_nav{position:fixed;z-index:999;background:#fff;width:100%;height:100vh;font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;border-top: 1px #ddd solid; display: block;}
	.sjj_nav .hotline{ background-color: #0171bb; padding-left: 20px; height: 60px;line-height: 60px; font-size: 14px; color: #fff; }
	.sjj_nav .hotline span{ font-size: 20px;font-weight: bold; }
	.nav_show{top:111px}
	.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
	.sjj_nav>ul>li:first-child>a{float:left;width:75%;}
	.sjj_nav>ul>li:first-child .language{float:right;width:22%;overflow:hidden;line-height:50px;}
	.sjj_nav>ul>li:first-child .language a{width:48%;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
	.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
	.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
	.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
	.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:50px;font-size:15px}
	.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
	.sjj_nav ul li ul{display:none}
	.sjj_nav ul li a{color:#666;width:80%; display: block;}
	.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
	.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
	.sjj_nav ul li .sjj_nav_i_se svg{fill:#0171bb}
	.sjj_nav ul li ul li>ul{margin-left:10px}
	.banner{ display:none;}
	/* banner */
    .m_banner{position:relative; overflow:hidden; margin:0 auto; width:100%; padding-top: 111px; display:block;}
    .m_banner .bd{position:relative; z-index:0;margin: 0 auto; overflow: hidden;}
    .m_banner .bd li{position:relative; text-align:center;  overflow:hidden;}
    .m_banner .bd li img{vertical-align:top; width:100%;}
    .m_banner .hd{ position: absolute; bottom:3%; text-align: center; width: 100%; }
    .m_banner .hd li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:10px;height:10px;background: #fff; border-radius:5px; margin:0 5px;overflow:hidden;line-height:999px;}
    .m_banner .hd .on {background:#0171bb; width:18px;}
	.InAbout{ padding: 40px 0;}
	.InAbout .AboCentet .Profile{ width: 100%;}
	.InAbout .AboCentet .Profile .filecon .Tit {font-size: 18px;}
	.InAbout .AboCentet .Profile .filecon .Titcon{ font-size: 15px; line-height: 28px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
	.InAbout .AboCentet .company .comp .Tit{ font-size: 18px;}
	.InAbout .AboCentet .Profile .filecon .More{ margin-top: 25px;}
	.InAbout .AboCentet .company{ width: 100%;}
	.InAbout .AboCentet .company .comp {padding: 20px 6%;}
	.InAbout .AboCentet .company .comp .complist{ margin-top: 10px;}
	.InAbout .AboCentet .company .comp .complist li{height: 40px;}
	.InAbout .AboCentet .company .comp .complist li a{ font-size: 15px; line-height: 40px; text-align: left;}
	.InAbout .AboCentet .honor{ width: 100%; margin-top:20px;}
	.Innovating{ padding: 40px 0;}
	.Innovating .Top{ font-size: 22px;}
	.Innovating .novating li{ width: 100%; margin-right: 0; margin-bottom: 2%;}
	.Innovating .novating li:last-child{ margin-bottom: 2%;}
	.Innovating .novating li p{ font-size: 20px;}
	
	.InProduct .Top{ font-size: 22px;}
	.InProduct .Product li{ width: 32%; margin-bottom: 1%;}
	.InProduct .Product li .rect-66{ padding-bottom: 112%;}
	.InProduct .Product li .Proico p{ font-size: 16px;}
	.composite{ padding: 50px 0;}
	.composite .Innews{width: 100%;}
	.composite .Innews .Top{ font-size: 22px;}
	.composite .Innews .News .newsTop .newsTopc .tix{ font-size: 16px; margin-bottom: 5px;}
	.composite .Innews .News .newsTop .newsTopc .tic{ line-height: 26px; margin-bottom: 0;}
	.composite .Innews .News .hd li{ width: 110px;}
	.composite .Innews .News .bd li .newsTopc .tix{ font-size: 16px; line-height: 45px;}
	.composite .Innews .News .bd li .deta{ border-top: 45px solid #f7f7f7;}
	.composite .Inrespon{ width: 100%;margin-top: 30px;}
	.composite .Inrespon .Top{ font-size: 22px;}
	.composite .Inrespon .Respon .responTop .responTopc .tix{ font-size: 16px; margin-bottom: 5px;}
	.composite .Inrespon .Respon .responTop .responTopc .tic{ line-height: 26px; margin-bottom: 0;}
	.composite .Inrespon .Respon .hd li{ width: 110px;}
	.composite .Inrespon .Respon .bd li .responTopc{ padding-left: 90px;}
	.composite .Inrespon .Respon .bd li .responTopc .tix{ font-size: 16px; margin-bottom:5px;}
	.composite .Inrespon .Respon .bd li .responTopc .tic{ line-height: 26px;overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	.composite .Inrespon .Respon .bd li{ margin-top: 20px;}
	
	.Picture .column{width: 100%;margin-bottom: 20px;}
	.Picture .profession{ width: 100%;}
	.Picture{ padding: 40px 0;}
	.Picture .column .Top{ font-size: 22px;}
	.Picture .profession .Top{ font-size: 22px;}
	
	.footer{ padding: 40px 0;}
	.footer .footNav dl:nth-child(1){ width: 100%; display: block;}
	.footer .footNav dl{ width: 12%; display: none;}
	.footer .footNav dl:nth-child(6){  width: 13%;}
	.copy{ height: auto; padding: 20px 0;}
	.copy .copyl{ margin: 0; width: 100%; display: inline-block;}
	.copy .copyl .pic{display:block; width:100%}
	.copy .copyl .pic img{ height:25px;}
	.copy .copyr{ line-height: 26px; width: 100%;}
	.lbcanl{ height:auto;}
	
	.PageNav .sidebar .leftTitle{ width: 100%;}
	.PageNav .sidebar .leftTitle .TTit{ font-size: 20px;}
	.PageNav .sidebar .leftTitle .crumbs a{ font-size: 16px;}
	.PageNav .sidebar .NavList{ margin-top: 10px;width: 100%;}
	.PageNav .sidebar .NavList li{ background-color: #f7f7f7; width: 32%;  margin-bottom: 3%;}
	.PageNav .sidebar .NavList li.select{ }
	.PageNav .sidebar .NavList li.select:before{ display: none;}
	.PageNav .sidebar .NavList li a:after{ display: none;}
	.PageNav .sidebar .NavList li.select a{color: #0771bb;}
	.PageNav .sidebar .NavList li:hover:before{ display: none;}
	.PageNav .sidebar .NavList li a{ height: 40px; line-height: 40px; padding: 0; text-align: center; font-size: 16px;}
	.PageNav .sidebar .NavList li a i{ margin-right: 5px;}
	.PageNav .sidebar .NavList li:hover a{ color: #0771bb;}
	.about2{ padding: 40px 0;}
	.about2 .Tit{ font-size: 24px;}
	.Pagecont{ margin-top: 30px;}
	.Pagecont .img{ width: 100%;}
	.Pagecont .company{ width: 94%; padding:30px 3%;}
	.Pagecont .company .title{ font-size: 22px; margin-top: 0;}
	.Pagecont .company .sum{ font-size: 15px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
	.Pagecont .company .p3 a{ height: 35px; line-height: 35px; margin-top: 35px;}
	.about2 .abBox1{ width: 100%;}
	.about2 .abBox2{ width: 100%; margin-top: 20px;}
	.about2 .abBox2 .txt01 .honor{ padding: 9% 6%;}
	.about2 .abBox2 .txt02{ margin-top: 20px;}
	.about2 .abBox{ margin-top: 20px;}
	.about2 .abBox1 .culture .p1{ font-size: 22px;}
	.about2 .abBox1 .culture .p2{ font-size: 15px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; margin-bottom: 0;}
	.about2 .abBox1 .culture .p3 a{ height: 35px; line-height: 35px;margin-top: 35px;}
	.about2 .abBox2 .txt01 .honor .p1{ font-size: 22px;}
	.about2 .abBox2 .txt02 .prise .p1 p{ font-size: 22px;}
	.about2 .abBox2 .txt02 .prise .p2 .prisec a{ float: left; width: 50%;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
	.page .zsqylist ul li i{overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
	.page .zsqylist ul li a{ line-height: 45px;}
	.about2 .abBox2 .txt02 .prise .p2 .prisec a:hover{ padding-left: 0;}
	.CenTitle .name{ font-size: 24px;}
	.aboutTxt04 .l{ margin-left: 0; display:none;}
	.aboutTxt04 .r{ width: 100%;}
	.aboutTxt05 li{ width: 50%; margin-bottom: 20px;}
	.aboutTxt05 li:nth-child(3){clear:both;}
	.page .zsqylist{ width: 100%;}
	.page .zsqylist .Top{ display:  none;}
	.page .zsqylist ul li{ width: 50%;}
	.page .zsqycon{ width: 100%;margin-top: 30px;}
	
	.lawplex .pic li{ width: 49%; margin-right: 2%;}
	.lawplex .pic li:nth-child(2n){ margin-right: 0;}
	
	.Pageyfzx .l{ width: 100%;}
	.Pageyfzx .r{ width: 100%;}
	.lazx{ padding-left: 0;margin-top: 20px;}
	.Number .Nuncon .icon img{ width: 45px; height: 45px;}
	.Number .Nuncon .Num .num1{ font-size: 16px;}
	.Number .Nuncon .Num span{ font-size: 14px;}
	.Number .Nuncon .Txt{ font-size: 16px;}
	.downlist{ width: 100%;}
	.picFocus{ width: 100%;}
	.floatr{ width: 100%; margin-top: 15px;}
	.floatr .title{ font-size: 20px; padding-bottom: 10px;}
	.floatr .div-bz{ font-size:17px;}
	
	.honorCon{ padding: 40px 0 ;}
	.honlistb li{ width: 49%; margin-right: 2%; margin-bottom: 2%;}
	.honlistb li p{ line-height: 45px;}
	.honlistb li:nth-child(2n){ margin-right:0 ;}
	.honlistb li:nth-child(4n){ margin-right:0;}
	.Prolistb li{ width: 49%; margin-right: 2%; margin-bottom: 2%;}
	.Prolistb li p{ line-height: 45px;}
	.Prolistb li:nth-child(2n){ margin-right:0 ;}
	.Prolistb li:nth-child(4n){ margin-right:0;}
	.Pageyfzx{ padding: 50px 0;}
	.Pageyfzx .l img{ width: 100%;}
	.lazx .tit{ font-size: 24px;}
	.lazx .con{ font-size: 15px; line-height: 26px;}
	.lmlzx .titc{ font-size: 24px;}
	.Number{ margin-bottom: 0;}
	.lmlzx{ padding: 50px 0;}
	.mid-scol{ display: none;}
	.lmoml{ position: relative; float: left; width: 100%; margin-right: 0;}
	.lmoml:nth-child(3n){ margin-right: 0;}
	.lmoml.ab05{ left: 0; margin-left: 0; margin-top: 30px;}
	.lmoml.ab03{ margin-top: 30px;}
	.lawplex{ padding: 40px 0;}
	.pageCon{ padding: 40px 0;}
	.lmlac .tit{ font-size: 24px;}
	.chuangxin .hd li{line-height: 50px; font-size: 15px; width: 49%; margin-bottom: 2%; margin-right: 2%;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
	.chuangxin .hd li:nth-child(2n){ margin-right: 0;}
	.chuangxin table, th, td{ padding: 8px 20px;}
	.responlist li .info .title{ font-size: 20px;}
	.responlist .date{ display: none;}
	.responlist li .info{ width: 100%;}
	.responlist li .imgbox{ width: 35%;}
	.responlist li .info .title{ font-size: 18px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.responlist li .info .p{ width: 100%; margin-top: 5%;}
	.responlist li .info ._tools{ margin-top: 10px;}
	.pageNewsT{ font-size: 20px;}
	.pageNewsC{ padding: 10px 0;}
	.join .p1{ font-size: 24px;}
	.join .joinb02 .textp .a1{ font-size: 20px;margin-bottom: 0;}
	.join .joinb01 .text01 .textp1 .tix .a1{ font-size: 20px;margin-bottom: 0;}
	.join .joinb01 .text01 .img .tix .a1{ font-size: 20px;margin-bottom: 0;}
	.join .joinb01 .text02 .textp2 .a1{ font-size: 20px;margin-bottom: 0;}
	.join .joinb01 .text02 .textp2 .a2{ margin-bottom: 20px;}
	.join .joinb01 .text02 .textp2{ margin-top: -60px;}
	.join .joinb02{ width: 100%;}
	.join .joinb01{ width: 100%;}
	.PageJoin .Joinlist1 .pic-item{ width: 49%; margin: 0 2% 20px 0;}
	.PageJoin .Joinlist1 .pic-item:nth-child(2n){ margin-right:0; }
	.PageJoin .Joinlist1 .pic-item:nth-child(4n){ margin-right:0; }
	.PageNews .Newslist li .news__fix p{ height: 55px;}
	
	.PageNews .Newslist li{ width: 100%; margin-bottom: 20px;}
	.PageNews .Newslist li a{ margin: 0; padding: 20px 4% 40px 4%;}
	.PageNews .Newslist li .news__more{ width: 40px; height: 40px;}
	
	#allmap{ width: 100%; height: 220px;}
	.conList{ width: 92%;}
	.adrlist li{ width: 94%; padding: 3%; margin-right: 0;}
	.PageJoin .Joinlist .jnlist li:nth-child(2), .PageJoin .Joinlist .jnlist li:nth-child(4){ display: none;}
	.PageJoin .Joinlist .jnlist li{ width: 50%;  font-size: 16px; padding: 10px 0;}
	.PageJoin .Joinlist .joblist .list_dt p:nth-child(2), .PageJoin .Joinlist .joblist .list_dt p:nth-child(4){ display: none;}
	.PageJoin .Joinlist .joblist .list_dt p{width: 50%; padding: 10px 0;}
	.PageJoin .Joinlist .joblist .list_dd{ padding: 20px;}
	
}