@charset "utf-8";

html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; -webkit-tap-highlight-color: transparent;}
body {text-decoration:none; font-size: 14px; 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; }

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: 'Noto Sans SC','Microsoft YaHei', Arial, sans-serif; padding: 0; margin: 0; }

input { outline: none; font-family: 'Noto Sans SC','Microsoft YaHei', Arial, sans-serif;}

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: #d30311; color: #fff; text-shadow: none; }

::selection { background: #d30311; 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;
}
.fl { float: left; }
.fr { float: right; }
.fc{ text-align: center;}

.container {
  max-width: 94%;
  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-50{padding-bottom: 50%;}
.rect-64{padding-bottom: 64%;}
.rect-665{padding-bottom: 66.5%;}
.rect-67{padding-bottom: 67%;}
.rect-103{padding-bottom: 103%;}

.imgZoom img,.imgY180 img { -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }


/* header */
.header{ width: 100%; position: fixed; height: 60px; background:#fff; z-index: 999; top:0; left: 0;}
.header .logo{margin: 10px 0; height: 40px;}
.header .logo img{ height: 40px; }
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px; margin-top: 20px;}
.sp_nav span{display:block;background:#b5020e;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:-100vh;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.sjj_nav .bg{ width: 100%; height: 4px; background: -webkit-linear-gradient(120deg, #d30311, #a4020b);background: -o-linear-gradient(120deg, #d30311, #a4020b);background: -moz-linear-gradient(120deg, #d30311, #a4020b);background: linear-gradient(120deg, #d30311, #a4020b);}
.sjj_nav .hotline{ background-color: #a4020b; 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:60px}
.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:#b5020e}
.sjj_nav ul li ul li>ul{margin-left:10px}


/* banner */
.banner{position:relative; overflow:hidden; margin:0 auto; width:100%;padding-top: 60px;}
.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:#b5020e;}
.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(/static/default/wap/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;}


/* InAbout */
.InAbout{ width: 100%; position: relative;padding: 40px 0;}
.InAbout .Abol{ float: left; width: 100%; position: relative;}
.InAbout .Abol .AboT{ width: 90%; position: relative; padding:30px 5%; background: -webkit-linear-gradient(120deg, #d30311, #a4020b);background: -o-linear-gradient(120deg, #d30311, #a4020b);background: -moz-linear-gradient(120deg, #d30311, #a4020b);background: linear-gradient(120deg, #d30311, #a4020b);}
.InAbout .Abol .AboT .Ti{font-size: 28px; color: #fff; position: relative; line-height:1;}
.InAbout .Abol .AboT .x{width: 100%; height: 1px; background: rgba(255,255,255,0.4); margin: 15px 0;}
.InAbout .Abol .AboT .Tc{ font-size: 18px; font-weight: bold; color: #fff;}
.InAbout .Abol .AboT .ph{ font-size: 28px; color: #fff; font-weight: bold;}
.InAbout .Abol .AboT .More{ width: 34px; height: 34px; background: #fff; border-radius: 50%; text-align: center; line-height: 34px; margin-top: 30px;}
.InAbout .Abol .AboT .More a{ display: block; font-size: 20px; color: #333; font-family: 'ËÎÌå'; font-weight: bold;}
.InAbout .Abol .Abob{ width: 90%; padding: 30px 5%; position: relative; background: url(/static/default/wap/img/Aboimg.jpg);}
.InAbout .Abol .Abob .Ti{font-size: 28px; color: #fff; position: relative; line-height:1;}
.InAbout .Abol .Abob .Tc{ font-size: 15px; color: #fff; line-height: 30px; margin-top: 25px;}
.InAbout .Abol .Abob .More{ width: 34px; height: 34px; background: #fff; border-radius: 50%; text-align: center; line-height: 34px; margin-top: 30px;}
.InAbout .Abol .Abob .More a{ display: block; font-size: 20px; color: #333; font-family: 'ËÎÌå'; font-weight: bold;}
.InAbout .Abor{ width: 100%; float: left;}
.InAbout .Abor .AboT{ width: 95%; margin-left: 5%;}
.InAbout .Abor .AboT .Ti{ font-size: 28px; color: #333; margin-top: 30px;line-height: 1; font-weight: bold;}
.InAbout .Abor .AboT .Ti span{ line-height: 1; color: #d30311;}
.InAbout .Abor .AboT .Tc{ font-size: 18px; color: #333; font-weight: bold; padding-left: 50px; position: relative; line-height: 1; margin: 15px 0;}
.InAbout .Abor .AboT .Tc::before{ content:''; position: absolute; left: 0; top: 50%; width: 35px;height: 2px; margin-top: -1px; background: #d30311;}
.InAbout .Abor .AboT .Ton{ font-size: 15px; line-height: 34px;}
.Number{ width: 92%; position: relative; padding: 20px 4%; background-color: #b5020e; margin-top: 25px;}
.Number .Nuncon{ width: 33.333%; float: left; position: relative;}
.Number .Nuncon .Num{ text-align: center;}
.Number .Nuncon .Num .num1 .math{ font-size: 22px; color: #fff; font-weight: bold; line-height: 1.4;}
.Number .Nuncon .Num .num1 span{ font-size: 14px; color: #fff;}
.Number .Nuncon .Txt{ font-size: 15px; color: #fff; text-align: center;}

/* InService */
.InService{ width: 100%; padding: 40px 0; background: #f7f8fc;}
.InService .Top .T{ font-size: 28px; color: #333; line-height: 1.3;}
.InService .Top .Tc{ font-size: 15px; color: #333;}
.InService .SerT{ margin-top: 30px;}
.InService .SerT .Item{ width: 49%; margin-right: 2%; float: left; background: #fff; margin-bottom:10px;}
.InService .SerT .Item:hover{ box-shadow: 0 0 15px rgba(210,3,17,0.2);}
.InService .SerT .Item .Img{ position: relative;}
.InService .SerT .Item .Img .box{ position: absolute; padding: 16px 4%; width: 92%; font-size: 18px; color: #fff; line-height: 32px; font-weight: bold; text-align: center; top:0; z-index: 2; }
.InService .SerT .Item .cover{ padding:15px 10px;}
.InService .SerT .Item:nth-child(2n){ margin-right: 0;}
.InService .SerT .Item .Tic{ font-size: 15px; line-height: 28px; color: #000;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; height: 56px; margin-top: 10px;}
.InService .SerT .Item .Tic p{overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.InService .SerT .Item .More{ width: 115px; height: 35px; border-radius: 17.5px; background: #d30311; text-align: center; line-height: 35px; margin-top: 20px;}
.InService .SerT .Item .More a{font-size: 15px; color: #fff; display: block; }

/* InTeam */
.InTeam{ width: 100%; position: relative; padding: 40px 0; background: #f9f9f9;}
.InTeam .Top{ position: relative;}
.InTeam .Top .T{ font-size: 28px; color: #333; line-height: 1.3;}
.InTeam .Top .Tc{ font-size: 15px; color: #333;}
.InTeam .Top .Tm{ position: absolute; right: 0; top:0; width: 115px; height: 35px; background: #d30311; text-align: center; line-height: 35px;}
.InTeam .Top .Tm a{ font-size: 15px; color: #fff; display: block;}
.InTeam .Top .Tm:hover{background: -webkit-linear-gradient(110deg, #d30311, #a4020b);background: -o-linear-gradient(110deg, #d30311, #a4020b);background: -moz-linear-gradient(110deg, #d30311, #a4020b);background: linear-gradient(110deg, #d30311, #a4020b);}
.InTeam .TeamList{ position: relative; margin-top: 30px;}
.InTeam .TeamList .bd{ width: 100%; overflow: hidden;}
.InTeam .TeamList li{float: left; width: 49%; margin-right: 17.5px; box-shadow: 0 0 10px rgba(0,0,0,0.1);   position: relative;}
.InTeam .TeamList li .cover{width: 100%; background: #fff;  background: #fff;position:absolute; bottom: 0; left: 0;}
.InTeam .TeamList li .empty{ height: 115px;}
.InTeam .TeamList li .cover .Text_box{ padding: 15px 10px; height: 85px;  -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;background: #fff;}
.InTeam .TeamList li .cover .Text_box .T{ font-size: 18px; color: #000; font-weight: bold;}
.InTeam .TeamList li .cover .Text_box .Tc{ font-size: 15px; line-height: 26px; color: #000;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.InTeam .TeamList li .cover .Text_box .m{ width: 100%; height: 35px; background: #fff; text-align: center; font-size: 15px; color: #666;  line-height: 35px; margin-top: 30px; display: none;}
.InTeam .TeamList li:hover .cover .Text_box{background: -webkit-linear-gradient(110deg, #d30311, #a4020b);background: -o-linear-gradient(110deg, #d30311, #a4020b);background: -moz-linear-gradient(110deg, #d30311, #a4020b);background: linear-gradient(110deg, #d30311, #a4020b); height: 170px;}
.InTeam .TeamList li:hover .cover .Text_box .T,.InTeam .TeamList li:hover .cover .Text_box .Tc{ color: #fff;}
.InTeam .TeamList li:hover .cover .Text_box .m{ display: block;}
.InTeam .TeamList .prev{ width: 38px; height: 38px; position: absolute; left: -45px; top: 50%; margin-top: -19px; background: url(/static/default/wap/img/prev.png) center no-repeat; cursor: pointer;}
.InTeam .TeamList .next{ width: 38px; height: 38px; position: absolute; right: -45px; top: 50%; margin-top: -19px; background: url(/static/default/wap/img/next.png) center no-repeat; cursor: pointer;}


/* InCase */
.InCase{width: 100%; position: relative; padding: 40px 0; background: url(/static/default/wap/img/casebg.jpg) bottom center no-repeat;}
.InCase .Top{ position: relative;}
.InCase .Top .T{ font-size: 28px; color: #333; line-height: 1.3;}
.InCase .Top .Tc{ font-size: 15px; color: #333;}
.InCase .Top .Tm{ position: absolute; right: 0; top:0; width: 115px; height: 35px; background: #d30311; text-align: center; line-height: 35px;}
.InCase .Top .Tm a{ font-size: 15px; color: #fff; display: block;}
.InCase .Top .Tm:hover{background: -webkit-linear-gradient(110deg, #d30311, #a4020b);background: -o-linear-gradient(110deg, #d30311, #a4020b);background: -moz-linear-gradient(110deg, #d30311, #a4020b);background: linear-gradient(110deg, #d30311, #a4020b);}
.InCase .CaseList{ margin-top: 30px; position: relative;}
.InCase .CaseList .item{ width: 100%; float: left; background: #f8f8f8; margin-bottom: 20px;}
.InCase .CaseList .item:nth-child(2n){ margin-bottom: 0;}
.InCase .CaseList .item a{ padding:25px 20px; display: block;}
.InCase .CaseList .item .T{ font-size: 22px; color: #333; margin-bottom: 20px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.InCase .CaseList .item .Tc{ font-size: 15px; line-height: 30px; color: #666;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;margin-bottom: 30px;}
.InCase .CaseList .item .m{ font-size: 15px; color: #333;line-height: 1;}
.InCase .CaseList .item .m span{ background: url(/static/default/wap/img/jt_m.png) center no-repeat; width: 18px;height: 14px; margin-left: 20px; margin-top: 2px; display: inline-block;}
.InCase .CaseList .item:hover{background: -webkit-linear-gradient(110deg, #d30311, #a4020b);background: -o-linear-gradient(110deg, #d30311, #a4020b);background: -moz-linear-gradient(110deg, #d30311, #a4020b);background: linear-gradient(110deg, #d30311, #a4020b);}
.InCase .CaseList .item:hover .T,.InCase .CaseList .item:hover .Tc{ color: #fff;}
.InCase .CaseList .item:hover .m{ color: #fff;}
.InCase .CaseList .item:hover .m span{background: url(/static/default/wap/img/jt_mh.png) center no-repeat;}


/* InNews */
.InNews{width: 100%; position: relative; padding: 40px 0; }
.InNews .Top{ position: relative;}
.InNews .Top .T{ font-size: 28px; color: #333; line-height: 1.3;}
.InNews .Top .Tc{ font-size: 15px; color: #333;}
.InNews .NewsList{position: relative; margin-top: 30px;}
.InNews .NewsList .hd{ position: relative; right: 0; top:0;}
.InNews .NewsList .hd li{ width: 32%; height: 40px; background: #f1f1f1; text-align: center; line-height: 40px; float: left; margin-right: 2%;}
.InNews .NewsList .hd li:nth-child(3n){ margin-right: 0;}
.InNews .NewsList .hd li.on{background: -webkit-linear-gradient(110deg, #d30311, #a4020b);background: -o-linear-gradient(110deg, #d30311, #a4020b);background: -moz-linear-gradient(110deg, #d30311, #a4020b);background: linear-gradient(110deg, #d30311, #a4020b);}
.InNews .NewsList .hd li:last-child{ margin-right: 0;}
.InNews .NewsList .hd li a{ font-size: 15px; color: #333; display: block;}
.InNews .NewsList .hd li.on a{ color: #fff;}
.InNews .NewsList .hd li:hover{background: -webkit-linear-gradient(110deg, #d30311, #a4020b);background: -o-linear-gradient(110deg, #d30311, #a4020b);background: -moz-linear-gradient(110deg, #d30311, #a4020b);background: linear-gradient(110deg, #d30311, #a4020b);}
.InNews .NewsList .hd li:hover a{ color: #fff;}
.InNews .NewsList .bd{ margin-top: 25px;}
.InNews .NewsList .NewsImgl{ width: 100%; float: left; background: #f7f7f7;}
.InNews .NewsList .NewsImgl .Img{ position: relative;}
.InNews .NewsList .NewsImgl .Img .Time{ position: absolute; top:0; left: 0; width: 84px; height: 84px; background: #b5020e; text-align: center;}
.InNews .NewsList .NewsImgl .Img .Time .d{ font-size: 22px;font-weight: bold; color: #fff; padding-top:15px;}
.InNews .NewsList .NewsImgl .Img .Time .y{ font-size: 16px; color: #fff;}
.InNews .NewsList .NewsImgl .T{ font-size: 16px; color: #000; margin: 15px 0;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical; padding:0 10px;}
.InNews .NewsList .NewsImgl .Tc{ font-size: 15px; color: #666; line-height: 30px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  margin:0 10px 10px 10px; height: 60px;}
.InNews .NewsList .NewsImgl:hover .T{color: #b5020e; font-weight: bold;}
.InNews .NewsList .Newscom{ width: 100%; float: right; margin-top: 20px;}
.InNews .NewsList .Newscom .item{ width: 92%; position: relative; padding: 10px 4%; margin-bottom: 15px; background: #f7f7f7;}
.InNews .NewsList .Newscom .item:last-child{ margin-bottom: 0;}
.InNews .NewsList .Newscom .item .Tit{ width: 100%; float: left; margin-bottom: 10px;}
.InNews .NewsList .Newscom .item .Tit .T a{ font-size: 16px; color: #000; width: 65%; float: left;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.InNews .NewsList .Newscom .item .Tit span{ font-size: 15px; color: #666; width: 30%; float: right; text-align: right;}
.InNews .NewsList .Newscom .item .Tic{ font-size: 15px; color: #666;  float: left; height: 60px; line-height: 30px;  width: 100%; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.InNews .NewsList .Newscom .item:hover{ border-bottom: 1px #b5020e solid;}
.InNews .NewsList .Newscom .item:hover .Tit .T a{ color: #b5020e; font-weight: bold;}

/* footer*/
.footer{ width: 100%; position: relative; background: #a4020b;}
.footer .foot{ padding: 40px 0;}
.footer .foot .foot_fl{ width: 100%; float: left;}
.footer .foot .foot_fl img{ max-width: 100%;}
.footer .foot .foot_fl .share{ margin-top: 20px;}
.footer .foot .foot_fl .share dd{ font-size: 15px; color: #fff; line-height: 30px;}
.footer .foot .foot_fl .share dd span{ font-size: 20px; font-weight: bold;}
.footer .foot .foot_nav{ width: 34%; float: left; margin-left: 5%;}
.footer .foot .foot_nav dt{ font-size: 18px; font-weight: bold; color: #fff;}
.footer .foot .foot_nav dd{ margin-top: 30px;}
.footer .foot .foot_nav dd a{ font-size: 15px; color: #fff; line-height: 35px; margin-right: 60px;}
.footer .foot .foot_nav dd a:nth-child(4n){ margin-right: 0;}
.footer .foot .foot_nav dd a:hover{color: #b5020e;}
.footer .foot .ewm{ float: right; width: 118px;margin-top: 30px;}
.footer .foot .ewm p{ font-size: 15px; line-height: 40px; text-align: center;color: #fff;}
.footer .copy{ width: 100%; padding: 15px 0;  background: #222324;}
.footer .copy .copyl{ float: left; font-size: 14px; color: #fff; line-height: 30px;}
.footer .copy .copyl a{font-size: 14px; color: #fff;}
.footer .copy .copyr{ float: right; font-size: 14px; color: #fff; line-height: 30px;}
.footer .copy .copyr a{ font-size: 14px; color: #fff;}
.footer .copy a:hover{ color: #b5020e;}


/* page_banner */
.Pagebanner{width: 100%; position: relative; padding-top: 60px; height: 200px;  overflow: hidden;}
.Pagebanner .black-15{position: absolute; top: 0px;left: 0px; z-index: 1; width: 100%; height: 100%;opacity: 0.2; background: url(/static/default/wap/img/grid_bg.png) top left repeat;}
.Pagebanner img{ position: absolute; left: 50%; margin-left: -960px; }
.Pagebanner .wenzi{ width:100%; overflow:hidden; text-align:center; position:absolute; left:0; top:50%; margin-top:-30px; right:0; z-index:20;}
.Pagebanner .wenzi h2{  font-size:26px; font-family:Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase;font-weight: normal;}
.Pagebanner .wenzi h3{ font-size:24px; color:#fff;font-weight: normal;}
.Pagebanner .wenzi .line{ display:block; width:70px; height:3px; background:#fff; margin:10px auto;}


.PageMain{ width: 100%; position: relative;}
.PageNav{ width: 100%; position: relative; padding: 15px 0; border-bottom: 1px #eee solid;}
.PageNav .NavList{ width: 100%; text-align: center;  }
.PageNav .NavList ul{font-size: 0;}
.PageNav .NavList li{position: relative;vertical-align: top; background: #f7f7f7; width:32%; margin-right:2%; margin-bottom:2%; float:left;}
.PageNav .NavList li:nth-child(3n){ margin-right:0;}
.PageNav .NavList li a{position: relative;font-size: 16px;height: 45px;line-height: 45px;color: #000;transition: 0.3s ease 0s;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical;padding:0 4px;}
.PageNav .NavList li.select,.PageNav .NavList li:hover{ background-color:#b5020e;}
.PageNav .NavList li:hover a{ color: #fff; }
.PageNav .NavList li.select a{ color: #fff; }

.PageNav .Crumbs{ width: 100%; position: relative; float: right;}
.PageNav .Crumbs .crumbs{ line-height: 30px; font-size: 15px; }
.PageNav .Crumbs .crumbs .fangzi{display: inline-block; width: 18px; height: 15px;  background: url(/static/default/wap/img/fangzi.jpg); margin-right: 5px; margin-bottom: -1px;}
.PageNav .Crumbs .crumbs a{display: inline-block;font-size: 14px;color: #555;}
.PageNav .Crumbs .crumbs a:hover{ color: #b5020e;}
.PageCon{ width: 100%; position: relative;background-color: #f5f5f5; padding: 40px 0;}
.PageCon .con{ font-size: 16px; line-height: 32px; color: #666; }
.PageCon .con img{ max-width: 100%;}
.cent{width: 100%; background: #fff;}
.cent .con{ padding: 40px;}

.TopTitle{padding-bottom: 25px; position: relative; }
.TopTitle .title1{ font-size: 28px;  color: #000;  line-height: 1.3;}
.TopTitle .title2{ font-size: 15px; color: #888; font-family: arial; text-transform: uppercase; }
.TopTitle .title3{ font-size: 15px; color: #666; }
.PageCon .PageYw{ width: 100%; text-align: center;}
.PageCon .PageYw ul{font-size: 0;}
.PageCon .PageYw li{position: relative;display: inline-block;color: #fff;width: auto;vertical-align: top;border: 1px solid #dcdcdc; }
.PageCon .PageYw li:last-child{ border-right: 1px #dcdcdc solid;}
.PageCon .PageYw li a{position: relative;font-size: 15px;height: 45px;line-height: 45px;padding: 0px 5px;color: #000;display: block;transition: 0.3s ease 0s;}
.PageCon .PageYw li.select,.PageCon .PageYw li:hover{background: -webkit-linear-gradient(110deg, #d30311, #a4020b);background: -o-linear-gradient(110deg, #d30311, #a4020b);background: -moz-linear-gradient(110deg, #d30311, #a4020b);background: linear-gradient(110deg, #d30311, #a4020b);}
.PageCon .PageYw li:hover a{ color: #fff; }
.PageCon .PageYw li.select a{ color: #fff;}
.PageCon .PageYew{ position: relative; margin-top: 30px;}
.PageCon .PageYew .item{ width: 49%; float: left; margin-right: 2%; margin-bottom: 10px; }
.PageCon .PageYew .item .cover{border: 1px #ccc solid;}
.PageCon .PageYew .item:nth-child(2n){ margin-right: 0;}
.PageCon .PageYew .item .cou_block{ padding: 15px 10px;}
.PageCon .PageYew .item .cou_block .cou_name{font-size: 18px; font-weight: bold; color: #383434; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
.PageCon .PageYew .item .cou_block .cou_te{font-size: 15px; color: #888; margin-top: 10px; height: 54px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.PageCon .PageYew .item .cou_block .btnDiv{ padding-top: 20px;}
.PageCon .PageYew .item .cou_block .btnDiv a{display: block; width: 100%; height: 40px; line-height: 40px; background: #d30311; color: #fff; font-size: 14px; text-align: center;}
.PageCon .PageYew .item .cou_block .btnDiv a:hover{background: #a4020b;}
.PageCon .PageYew .cou_fl{ width: 100%; float: left; margin-top: 20px;}
.PageCon .PageYew .cou_fl .cou_name{font-size: 22px; font-weight: bold; color: #383434;}
.PageCon .PageYew .cou_fl .span{display: block; width: 50px; height: 2px;color: #333333; margin: 10px 0; background: #333333;}
.PageCon .PageYew .cou_fl .cou_te{font-size: 15px; line-height: 35px; color: #888; }
.PageCon .PageYew .cou_img{ width: 100%; float: right;}

.FengList li{ width: 49%; margin-right: 2%; float: left; margin-bottom: 10px; cursor: pointer;}
.FengList li:nth-child(2n){ margin-right: 0;}
.FengList li .img{position: relative; overflow: inherit;  border: 2px #f5f5f5 solid; transition: 0.3s all ease;}
.FengList li:hover .img{border: 2px #a4020b solid;}
.FengList 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%;}
.FengList li:hover .img img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.FengList li p{ background:#fff; line-height: 45px; 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;}
.FengList li:hover p{ background: #a4020b; color: #fff;}


/* PageTeam */
.PageTeam{ position: relative; padding: 40px 0;}
.PageTeam .Teamb{position: relative;}
.PageTeam .Teamb li{float: left; width: 49%; margin-right: 2%; box-shadow: 0 0 10px rgba(0,0,0,0.1); margin-bottom: 10px;  position: relative;}
.PageTeam .Teamb li:nth-child(2n){ margin-right: 0;}
.PageTeam .Teamb li .cover{width: 100%; background: #fff;  background: #fff;position:absolute; bottom: 0; left: 0;}
.PageTeam .Teamb li .empty{ height: 115px;}
.PageTeam .Teamb li .cover .Text_box{ padding: 15px 10px; height: 85px;  -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;background: #fff;}
.PageTeam .Teamb li .cover .Text_box .T{ font-size: 18px; color: #000; font-weight: bold;}
.PageTeam .Teamb li .cover .Text_box .Tc{ font-size: 15px; line-height: 26px; color: #000;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.PageTeam .Teamb li .cover .Text_box .m{ width: 100%; height: 35px; background: #fff; text-align: center; font-size: 15px; color: #666;  line-height: 35px; margin-top: 30px; display: none;}
.PageTeam .Teamb li:hover .cover .Text_box{background: -webkit-linear-gradient(110deg, #d30311, #a4020b);background: -o-linear-gradient(110deg, #d30311, #a4020b);background: -moz-linear-gradient(110deg, #d30311, #a4020b);background: linear-gradient(110deg, #d30311, #a4020b); height: 170px;}
.PageTeam .Teamb li:hover .cover .Text_box .T,.PageTeam .Teamb li:hover .cover .Text_box .Tc{ color: #fff;}
.PageTeam .Teamb li:hover .cover .Text_box .m{ display: block;}
.PageTeam .Teamb .TeambImg{ width: 100%; float: left;}
.PageTeam .Teamb .info_text{ width: 100%; float: right;}
.PageTeam .Teamb .info_text .d1{ font-size: 24px; color: #333; margin-bottom: 10px; font-weight:bold;}
.PageTeam .Teamb .info_text .dd1{font-size: 15px; color: #666; margin-bottom: 20px;}
.PageTeam .Teamb .info_text .d2{ font-size: 18px; color: #333; font-weight: bold; margin-bottom: 15px;}
.PageTeam .Teamb .info_text .text2{ margin-top: 40px; font-size: 15px; line-height: 30px; color: #666;}


/* PageNews */
.PageNews{ position: relative; padding: 40px 0;}
.PageNews .Newsb li{ width: 100%; float: left; margin-bottom: 20px; background: #f7f7f7;}
.PageNews .Newsb li a{ display: block; padding: 30px 4%; position: relative;}
.PageNews .Newsb li a time{ display: block; color: #999; font-size: 16px; padding-left: 8px; line-height: 19px; border-left: 7px solid #a4020b; position: relative; z-index:9;}
.PageNews .Newsb li .news_text{ margin-top: 11px;position: relative; z-index:9;}
.PageNews .Newsb li .news_text .img{ display: block; line-height: 1; overflow: hidden; float: left; width: 20%; margin: 0 20px 0 0;}
.PageNews .Newsb li .news_text .img img{ display: block; width: 100%; height: auto; transition: 0.48s;}
.PageNews .Newsb li .news_fix h3{ color: #232323; font-size: 16px; line-height: 1.2;  margin-bottom: 15px; font-weight: bold; margin-top: -4px; transition: 0.35s; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
.PageNews .Newsb li .news_fix p{ color: #666666; font-size: 15px; line-height: 1.8; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.PageNews .Newsb li a:hover .news_text figure img{ transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06);}
.PageNews .Newsb li .line-News{width: 0;height: 2px;background: #c01920;  position: absolute;left: 0;bottom: 0;-webkit-transition: width .7s ease-in-out;-moz-transition: width .7s ease-in-out;-ms-transition: width .7s ease-in-out;-o-transition: width .7s ease-in-out;transition: width .7s ease-in-out;}
.PageNews .Newsb li:hover .line-News{width: 100%;}
.PageNews .Newsb li:hover .news_fix h3{ color: #c01920;}


.pageNewsT{ width:100%; margin:0 auto; font-size:20px;  color:#333; font-weight:bold; text-align: center;}
.pageNewsC{ width:100%; margin:0 auto; font-size:14px; color:#333;padding:10px 0; border-bottom:dashed 1px #999; text-align: center;}
.pageNewsD{ width:100%; margin:0 auto; font-size:16px; color:#333; line-height:34px; margin-top:20px;}
.pageNewsD p a{font-size: 16px !important; }
.pageNewsD img{ max-width:100%; margin:5px 0;}
.pageNewsD table{border-collapse:collapse;width:100%;}
.pageNewsD table,tr{ font-size: 16px; color: #444; }
.pageNewsD table,th, td{border: 1px solid black;text-align: center; font-size: 15px;}
.PageNews .Newslist{ width: 100%; }
.PageNews .Newslistbg{ padding: 4%; background: #fff;}
.Newslist01{width: 100%; margin-top: 10px;}
.Newslist01 .nsearch-lant{ font-size: 20px; font-weight: bold;margin-bottom: 19px;color: #333333;border-left: 6px solid #a4020b; line-height: 1;    padding-left: 8px;}
.Newslist01 .news_hot .item{margin-bottom: 15px;}
.Newslist01 .news_hot .infor{padding: 20px 32px;background: #fff;}
.Newslist01 .news_hot .infor .tit{ font-size: 18px;color: #333;font-weight: bold; margin-bottom: 11px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.Newslist01 .news_hot .infor .con{font-size: 14px;color:#666;line-height: 24px;height: 48px;overflow: hidden;}
.Newslist01 .news_hot .infor .con .detailBoxs{ width: 100%; position: relative;}
.Newslist01 .news_hot .owl-dots{position: absolute;left: 50%;margin-left: -39px;bottom: 160px;}
.Newslist01 .news_hot .owl-dots .owl-dot{width: 12px;height: 12px;border-radius: 50%;border:1px solid #f8f9fc;float: left;margin-right: 12px;}
.Newslist01 .pages1{ width:90%; padding: 5%; background: #fff;}
.Newslist01 .pages1_l{ float:left; width:100%; margin-bottom: 20px;}
.Newslist01 .pages1_l p{font-size: 18px;font-weight: bold; color: #a4020b; position: relative;}
.Newslist01 .pages1_l p::before{ content: ''; position: absolute; width: 80%; height: 1px; right: 0; top: 50%; background: #ddd; }
.Newslist01 .pages1_l a{ line-height:26px; color:#333; font-size: 15px;}
.Newslist01 .pages1_l:hover a{ color:#a4020b;}
.Newslist01 .pages1_r{ float:left; width:100%; }
.Newslist01 .pages1_r p{font-size: 18px;font-weight: bold; color: #a4020b; position: relative;}
.Newslist01 .pages1_r p::before{ content: ''; position: absolute; width: 80%; height: 1px; right: 0; top: 50%; background: #ddd; }
.Newslist01 .pages1_r a{ line-height:26px; color:#333;display:block; font-size: 15px;}
.Newslist01 .pages1_r:hover a{ color:#a4020b;}


/* PageCase */
.PageCase{ padding: 40px 0; position: relative;}
.PageCase .Caseb .item{ width: 100%; float: left;  background: #f8f8f8;     margin-bottom: 20px;}
.PageCase .Caseb .item a{ padding: 25px 20px; display: block;}
.PageCase .Caseb .item .T{ font-size: 22px; color: #333; margin-bottom: 20px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.PageCase .Caseb .item .Tc{ font-size: 15px; line-height: 30px; color: #666;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;margin-bottom: 30px;}
.PageCase .Caseb .item .m{ font-size: 15px; color: #333;line-height: 1;}
.PageCase .Caseb .item .m span{ background: url(/static/default/wap/img/jt_m.png) center no-repeat; width: 18px;height: 14px; margin-left: 20px; margin-top: 2px; display: inline-block;}
.PageCase .Caseb .item:hover{background: -webkit-linear-gradient(110deg, #d30311, #a4020b);background: -o-linear-gradient(110deg, #d30311, #a4020b);background: -moz-linear-gradient(110deg, #d30311, #a4020b);background: linear-gradient(110deg, #d30311, #a4020b);}
.PageCase .Caseb .item:hover .T,.PageCase .Caseb .item:hover .Tc{ color: #fff;}
.PageCase .Caseb .item:hover .m{ color: #fff;}
.PageCase .Caseb .item:hover .m span{background: url(/static/default/wap/img/jt_mh.png) center no-repeat;}


.PageBuilding{padding: 40px 0; position: relative;}
.PageBuilding .Buildingb .leftDiv{width: 48%; margin-right: 2%; margin-bottom: 20px;} 
.PageBuilding .Buildingb .leftDiv:nth-child(2n){margin-right: 0;}
.PageBuilding .Buildingb .detail{ border: #e5e5e5 solid 2px;}
.PageBuilding .Buildingb .detail a{ display: block; padding: 0 10px; height: 100%;}
.PageBuilding .Buildingb .detail .name{ padding-top: 20px; height: 60px; line-height: 30px; overflow: hidden; color: #383434; font-size: 18px; font-weight: bold;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.PageBuilding .Buildingb .detail .content{ padding-top: 10px; font-size: 15px; line-height: 28px; height:56px; overflow: hidden; color: #595959;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.PageBuilding .Buildingb .detail .time{ margin: 15px 0; height: 30px; line-height: 30px; position: relative; font-size: 15px; color: #a4020b; }
.PageBuilding .Buildingb .detail .time:after{ content: ''; width: 36px; height: 35px; background: url(/static/default/wap/images/nimg36_1.png) center no-repeat; position: absolute; right: 0; top: 0; }
.PageBuilding .Buildingb .detail:hover{ border: #a4020b solid 2px; background: #a4020b;}
.PageBuilding .Buildingb .detail:hover .name, .PageBuilding .Buildingb .detail:hover .content, .PageBuilding .Buildingb .detail:hover .time{ color: #fff; }
.PageBuilding .Buildingb .detail:hover .time:after{ background: url(/static/default/wap/images/nimg36_1on.png) center no-repeat;}





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

.contentUs{ width: 100%; position: relative; background:#fcfcfc;}
#allmap{width: 100%; height: 220px; float: left;}
.conList{ width:92%; padding:20px 4%; float: left; font-size: 16px; line-height: 32px;}
.conList h2{ font-size: 24px;color: #000; margin-bottom: 15px; font-weight: bold;}


/* fenye */
.pages { margin:20px auto 0; text-align:center; font-size:14px;}
.pages li { display:inline-block; height:40px; line-height:40px; background:#f6f6f6; }
.pages li a{text-align:center; color:#333; padding:0 18px;}
.pages .active {background:#a4020b;  text-decoration:none}
.pages .active a{color:#fff; }
.pages li:hover { background:#a4020b;   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;}
.pages1{ width:100%; padding: 2% 0; background: #fff; }
.pages1_l{ float:left; width:100%;}
.pages1_l a{ line-height:26px; color:#333; font-size: 15px;}
.pages1_l:hover a{ color:#a4020b;}
.pages1_r{ float:left; width:100%; }
.pages1_r a{ line-height:26px; color:#333; font-size: 15px;}
.pages1_r:hover a{ color:#a4020b;}




/* main CSS */
#pictureViewer{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.7);
    z-index: 10000;
}
#pictureViewer > .content{
    background-color: #fff;
    position: absolute;
    width: 94%;
    height: 320px;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#pictureViewer .menu-bar{
    width: 100%;
}
#pictureViewer .menu-bar .handel{
    width: 40px;
    height: 40px;
    float: right;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;
}
#pictureViewer .menu-bar .handel:hover{
    background-color: #a4020b;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#pictureViewer .menu-bar .handel.maximization{
    background-image: url(/static/default/wap/img/icon/maximization_black.png);
    background-size: 14px;
}
#pictureViewer .menu-bar .handel.maximization:hover{
    background-image: url(/static/default/wap/img/icon/maximization_white.png);
}
#pictureViewer .menu-bar .handel.miniaturization{
    background-size: 16px;
    background-image: url(/static/default/wap/img/icon/miniaturization_black.png);
}
#pictureViewer .menu-bar .handel.miniaturization:hover{
    background-image: url(/static/default/wap/img/icon/miniaturization_white.png);
}
#pictureViewer .menu-bar .handel.close-view{
    background-image: url(/static/default/wap/img/icon/close_black.png);
    background-size: 15px;
}
#pictureViewer .menu-bar .handel.close-view:hover{
    background-image: url(/static/default/wap/img/icon/close_white.png);
}
#pictureViewer .handel-prev,
#pictureViewer .handel-next{
    display: inline-block;
    width: 50px;
    height: 70px;
    position: relative;
    top: calc(50% - 80px);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 50%;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#pictureViewer .handel-prev{
    background-image: url(/static/default/wap/img/icon/prev_blank.png);
}
#pictureViewer .handel-next{
    background-image: url(/static/default/wap/img/icon/next_blank.png);
}
#pictureViewer .handel-prev:hover,
#pictureViewer .handel-next:hover{
    background-color: #a4020b;
}
#pictureViewer .handel-prev:hover{
    background-image: url(/static/default/wap/img/icon/prev_white.png);
}
#pictureViewer .handel-next:hover{
    background-image: url(/static/default/wap/img/icon/next_white.png);
}
#pictureViewer .picture-content{
    display: inline-block;
    width: 80%;
    height: calc(100% - 80px);
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
}
#pictureViewer .picture-content .cover{
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#pictureViewer .counter{
    position: absolute;
    bottom: 0;
    height: 40px;
    line-height: 40px;
    width: 100%;
    text-align: center;
    color: #808080;
    font-size: 13px;
}
#pictureViewer .hide{
    display: none;
}
#pictureViewer .left{
    float: left;
}
#pictureViewer .right{
    float: right;
}
#pictureViewer .clear-flex{
    clear: both;
}
#pictureViewer img{
    max-width: 100%;
    max-height: 100%;
}