@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: 14px; line-height: 1.8;  margin: 0 auto; color: #666; background-color: #fff; font-family:'Microsoft YaHei', Arial, sans-serif; max-width: 1920px;}
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:'Microsoft YaHei', Arial, sans-serif; padding: 0; margin: 0; }
input { outline: none; font-family: 'Microsoft YaHei', Arial, sans-serif;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; appearance: none; border-radius: 0; outline: none;}
::-moz-selection { background: #0060b6; color: #fff; text-shadow: none; }
::selection { background: #0060b6; color: #fff; text-shadow: none; }
select{ outline: none;}

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

a { text-decoration: none; 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; }

.fl{ float: left;}
.fr{ float: right;}
.container{ width: 1300px; position: relative; margin: 0 auto;}
.container1{ width: 1300px; margin: 0 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-8{padding-bottom: 8%;}
.rect-48{padding-bottom: 48%;}
.rect-50{padding-bottom: 50%;}
.rect-65{padding-bottom: 65%;}
.rect-67{padding-bottom: 67%;}
.rect-68{padding-bottom: 68%;}
.rect-745{padding-bottom: 74.5%;}
.rect-80{padding-bottom: 80%;}
.rect-805{padding-bottom: 80.5%;}
.rect-85{padding-bottom: 85%;}
.rect-87{padding-bottom: 87%;}
.rect-100{padding-bottom: 100%;}
.rect-125{padding-bottom: 125%;}
.rect-131{padding-bottom: 131%;}
.rect-1415{padding-bottom: 141.5%;}

.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; z-index: 90;top: 0;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;transition:all 0.5s; background: rgba(255,255,255,0.9);}
.header .logo{ float: left; position: relative; height: 100px; }
.header .logo a{ display: block;}
.header .logo img{ height: 66px; margin: 17px 0;}
.header .NavRight{ float: right;}
.header .NavRight .nav{ float: left;}
.header .NavRight .nav li{ display: inline-block; line-height: 100px;}
.header .NavRight .nav li .sua{ margin: 0 20px; display: block; color: #333; font-size: 17px;  font-weight:  bold;text-transform: uppercase; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;transition:all 0.5s; position: relative;}
.header .NavRight .nav li .sua::before{ position: absolute; content: ''; width: 0; height: 3px; display: block; margin: 0 auto; bottom: 5px;  background: #0060b6; transition: all .5s ease;}
.header .NavRight .nav li:hover .sua::before{ width: 100%;}
.header .NavRight .nav li.active .sua{ color: #0060b6;}
.header .NavRight .nav li.active .sua::before{ width: 100%;}
.header .NavRight .nav li .active{ color: #0060b6;}
.header .NavRight .nav li:hover a{ color: #0060b6;}
.header .NavRight .nav .sub{position: absolute;z-index: 9999; top: 100px; width: 100%; left: 0; background: rgba(255,255,255,0.8);  padding: 40px 0;  display: none;} 
.header .NavRight .nav .sub .nav_nr_dp{width: 100%; position: relative; display: block; align-items: center; width: 100%; }
.header .NavRight .nav .sub .nav_nr_dp .navSedUl{ width: 70%; float: right; position: relative;}
.header .NavRight .nav .sub .nav_nr_dp .navSedUl .navSed{width: 30.333%; float: left; line-height: 50px; position: relative; margin-right: 3%; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; margin-bottom: 50px;}
.header .NavRight .nav li:nth-child(5) .sub .nav_nr_dp .navSedUl .navSed{ width: 17.6%;}
.header .NavRight .nav li:nth-child(5) .sub .nav_nr_dp .navSedUl .navSed:nth-child(5n){ margin-right: 0;}
.header .NavRight .nav .sub .nav_nr_dp .navSedUl .navSed .navSedTitLink{display: inline-block; height: 40px; line-height: 50px; padding: 0px; color: #666; font-size: 16px; font-weight: normal; padding-left: 0px; position: relative; padding-left: 20px; transition: all .5s ease;}
.header .NavRight .nav .sub .nav_nr_dp .navSedUl .navSed .navSedTitLink:hover{ color: #0060b6; padding-left: 25px;}
.header .NavRight .nav .sub .nav_nr_dp .nav_tp{margin: 0px; padding: 0px; overflow: hidden; z-index: 999; position: relative; float: left;}
.header .NavRight .nav li:nth-child(5) .sub .nav_nr_dp .navSedUl .navSed:last-child{display: none;}

.main{ position: relative; z-index: 5;  background: #fff; margin-bottom: 352px;}
/* banner */
.banner{position:relative; overflow:hidden; margin:0 auto; width:100%;}
.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:4%; text-align: center; width: 100%; }
.banner .hd li {cursor:pointer;display:inline-block;zoom:1;width:38px;height:3px; margin:0 8px;overflow:hidden;line-height:999px;background: #fff;}
.banner .hd .on {background:#0060b6;}
.banner .prev, .banner .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-22px;left:8%;z-index:1;width:44px; height:44px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.banner .next {left:auto;right:8%;background-position:0 -44px;}

/* InData */
.InData{ width: 100%; position: relative; padding: 60px 0;}
.InData .item{margin: 0 2%; float: left; width: 21%; text-align: center;}
.InData .item .T .math{ font-size: 48px; color: #333; font-weight: bold;}
.InData .item .T .jh{ font-size: 36px; color: #333;}
.InData .item .c{ font-size: 16px; color: #666;}
.InData .item:nth-child(1) .T .math,.InData .item:nth-child(1) .T .jh{ color: #0060b6;}

/* */
.InProduct{ width: 100%; position: relative; background: #f9f9f9;}
.InProduct .hd{ overflow:hidden;  height:30px;  padding:10px;  }
.InProduct .hd .next{ display:block;  width:15px; height:27px; float:right; margin-right:5px; margin-top:8px;  overflow:hidden; cursor:pointer; 
background:url(../img/arrow_r.png) no-repeat; }
.InProduct .hd .prev{display:block;  width:15px; height:27px; float:right; margin-right:5px; margin-top:8px;  overflow:hidden; cursor:pointer;
background:url(../img/arrow_left.png) no-repeat;}
.InProduct .item { float: left; width: 16.4%; height: 410px;cursor: pointer; position: relative; }
.InProduct .item .item_t{position: absolute;font-size: 24px;color: #fff; bottom: 25px;left: 20px; z-index: 10;}
.InProduct .item img{ width: 100%; height: 100%;}
.InProduct .intro { float: left; background: #f9f9f9; width: 18%; display: none; position:relative; }
.InProduct .intro::before{position: absolute; content: ''; width: 0;height: 0; border-top: 12px solid transparent; border-right: 12px solid #fff; border-bottom: 12px solid transparent; top:50%; left:-12px; z-index:99;}
.InProduct .intro ._con { padding:45px 30px; }
.InProduct .intro h3 { font-size: 24px; float: left; line-height: 1; padding-bottom: 20px; margin-bottom:20px; width: 100%; position: relative;}
.InProduct .intro h3::before{ position: absolute; content: ''; width: 95px; height: 6px; background: #dfdfdf; left: 0; bottom: 0;}
.InProduct .intro ._txt { width: 100%; float: left; margin-bottom: 40px; height: 160px; overflow: hidden; }
.InProduct .intro ._txt a{ width: 100%; font-size: 16px; color: #333; line-height: 40px; display: block; position: relative; padding-left: 20px;  -webkit-transition: all ease-in .3s; transition: all ease-in .3s;}
.InProduct .intro ._txt a::before{ position: absolute; content: ''; width: 6px; height: 6px; border-radius: 50%; background: #999; left: 0; top: 50%; margin-top: -3px;}
.InProduct .intro ._txt a:hover{ padding-left: 30px; color: #0060b6;}
.InProduct .intro ._txt a:hover::before{background: #0060b6;}
.InProduct .intro ._more{width: 80%; height: 50px; text-align: center;  line-height: 50px; border: 1px solid #ddd; display: block; float: left; font-size: 14px; color: #666;}
.InProduct .intro ._more:hover{ color: #0060b6; border: 1px solid #0060b6;}

/* InAbout */
.InAbout{width: 100%; position: relative; padding: 70px 0; background: url(../img/jjbj.jpg) center no-repeat; height: 453px;}
.InAbout .Abo1{ width: 45%; float: left;}
.InAbout .Abo1 .videolist {width: 100%; height: 453px; background: url(../img/Abo.jpg) center center no-repeat;  position: relative;}
.InAbout .Abo1 .videolist:hover{ cursor: pointer; }
.InAbout .Abo1 .videoed {width: 60px; height: 60px; position: absolute; top:50%; left: 50%; margin-left: -30px; margin-top: -30px; z-index:99; border-radius:100%;display: block !important; }
.InAbout .Abo1 .videos{ display:none; position:fixed; left:0; top:0;    z-index:999; width:60%; height:100vh; background: rgba(0, 0, 0, .8); padding:8% 20%; }
.InAbout .Abo1 .videosList{ position: relative; padding: 40px; background: #fff;}
.InAbout .Abo1 .vclose{ position:absolute;right:10px; top:10px; border-radius:100%; cursor: pointer; }
.InAbout .Abo2{float: right; width: 46%; padding-top: 70px;}
.InAbout .Abo2 .Aboms{ font-size: 18px; color: #666;}
.InAbout .Abo2 .Tit{ font-size: 30px; line-height: 60px; color: #21282e; font-weight: bold;}
.InAbout .Abo2 .Tic{color: #666; line-height: 30px; font-size: 16px; margin-top: 35px;}
.InAbout .Abo2 .more{height: 50px; margin-top: 10%; line-height: 50px; border: 1px solid #ddd; width: 220px; text-align: center; }
.InAbout .Abo2 .more a{font-size: 14px;color: #666; display: block;}
.InAbout .Abo2 .more:hover{border: 1px solid #0060b6;}
.InAbout .Abo2 .more:hover a{ color: #0060b6;}


/* */
.InGroup{ width: 100%; padding: 80px 0; position: relative; background: #f9f9f9;}
.InGroup .group1 { width:24%;float: left;font-size: 16px;color: #666;line-height: 50px;padding-top: 30px;}
.InGroup .group1 h2 { font-size: 36px;text-align: center;line-height: 60px;color: #000;}
.InGroup .group1  e {width:1px;height:99px;display:block;background:#ddd;margin: 0 auto;}
.InGroup .group1 img {width:100%;}
.InGroup .group2{ width: 72%;float: right;}
.InGroup .group2 .group_y1 {float: left;width: 47.5%;margin-right: 5%;; position: relative; overflow: hidden;}
.InGroup .group2 .group_y1 img{width:100%;transform: scaleX(1) scaleY(1);transition: all 0.7s ease 0s;}
.InGroup .group2 .group_y1 img:hover {transform: scaleX(1.1) scaleY(1.1);}
.InGroup .group2 .group_y2 {float: left;width: 47.5%; overflow: hidden; position: relative;}
.InGroup .group2 .group_y2 img{width:100%;transform: scaleX(1) scaleY(1);transition: all 0.7s ease 0s;}
.InGroup .group2 .group_y2 img:hover {transform: scaleX(1.1) scaleY(1.1);}
.InGroup .group2 .group_y1 .wz {width: 55%;background: rgba(0,96,182,0.6);position: absolute;font-size: 14px;color: #fff; left: 0; bottom: 0; z-index: 2;}
.InGroup .group2 .group_y1 .wz h6 {font-size:18px;}
.InGroup .group2 .group_y1 .wz e { width: 65px;height: 2px;background: #fff;display: block;margin-top: 10px;margin-bottom: 20px;}
.InGroup .group2 .group_y2 .wz {width: 55%;background: rgba(0,96,182,0.7);position: absolute;font-size: 14px;color: #fff;right: 0; bottom: 0; z-index: 2;}
.InGroup .group2 .group_y2 .wz h6 {font-size:18px;}
.group_y2 .wz e { width: 65px;height: 2px;background: #fff;display: block;margin-top: 10px;margin-bottom: 20px;}
.InGroup .group2 .group_y1 .wzk {padding: 4%;}
.InGroup .group2 .group_y2 .wzk {padding: 4%;}

/* InNews */
.InNews{ width: 100%; position: relative; padding: 70px 0;}
.InNews .Top{ width: 100%; position: relative; text-align: center;}
.InNews .Top .T{font-size: 36px; font-weight: bold; color: #333;}
.InNews .Top .c{font-size: 16px; color: #666;  position: relative;}
.InNews .Top .c::before{ position: absolute; content: ''; width: 120px;  height: 2px; left: 50%; margin-left: -60px; bottom: -10px; background: #eee;}
.InNews .NewsList{ position: relative; width: 100%; margin-top: 50px;}
.InNews .NewsList .News01{ width: 29.5%; float: left;}
.InNews .NewsList .News01 .img{ width: 100%; position: relative;}
.InNews .NewsList .News01 .News01_t{ width: 100%; height: 90px; position: relative; background: #f1f1f1;}
.InNews .NewsList .News01 .News01_t .date{ width: 24%; height: 90px; background: #1c70b9; transform: skewX(-20deg); float: left; text-align: center; margin-left: 17px;color: #fff;}
.InNews .NewsList .News01 .News01_t .date div{transform: skewX(10deg);}
.InNews .NewsList .News01 .News01_t .date .day{font-size: 24px; margin-top: 8px; }
.InNews .NewsList .News01 .News01_t .date .year{font-size: 14px;}
.InNews .NewsList .News01 .News01_t .T{font-size: 16px; font-weight: bold; color: #0060b6; line-height: 90px; width: 65%; float: right;  overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
.InNews .NewsList .News01:hover .News01_t .date{ background: #024989;;}
.InNews .NewsList .News01:hover .News01_t .T{color: #024989;}
.InNews .NewsList .News02{ width: 29.5%; float: left; margin-left: 2%; position: relative;}
.InNews .NewsList .News02 .News02_t{ width: 100%; position: relative; background: #f9f9f9;}
.InNews .NewsList .News02 .News02_t::before{position: absolute; content: ''; width: 0; height: 0; border-right: 12px solid transparent; border-left: 12px solid transparent; border-top: 12px #f9f9f9 solid; bottom: -12px; left: 30px; z-index: 9;}
.InNews .NewsList .News02 .News02_t .cover{ padding: 25px 20px;}
.InNews .NewsList .News02 .News02_t .T{font-size: 16px; font-weight: bold; color: #333; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
.InNews .NewsList .News02 .News02_t .date{font-size: 14px; color: #666; margin: 5px 0;}
.InNews .NewsList .News02 .News02_t .c{ font-size: 15px; line-height: 30px; color: #999; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.InNews .NewsList .News02 .img{ width: 100%; position: relative;}
.InNews .NewsList .News02:hover .News02_t .T{color: #0060b6;}
.InNews .NewsList .News03{ width: 37%; float: right;}
.InNews .NewsList .News03 li{ width: 100%; position: relative; background: #f9f9f9; margin-bottom: 11px;}
.InNews .NewsList .News03 li:last-child{margin-bottom: 0;}
.InNews .NewsList .News03 li a{display: block;  padding: 4%;}
.InNews .NewsList .News03 li .Tit{ width: 100%; position: relative;}
.InNews .NewsList .News03 li .Tit .T{ width: 75%; float: left;font-size: 16px; font-weight: bold; color: #333; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
.InNews .NewsList .News03 li .Tit .date{font-size: 14px; color: #666; float: right; }
.InNews .NewsList .News03 li .c{ width: 100%; font-size: 15px; line-height: 30px; color: #999; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; margin-top: 7px;}
.InNews .NewsList .News03 li:hover .Tit .T{color: #0060b6;}

/* footer */
.footer{ width: 100%; position: fixed; left: 0; bottom: 0; z-index: 1;}
.footer .foot{ width: 100%; position: relative; padding: 40px 0; background: #f9f9f9; height:212px;}
.footer .footNav{ width: 82%; position: relative; float: left; }
.footer .footNav dl{ width: 9%; float: left; padding: 0 3%; border-right: 1px #eee solid; height:212px;}
.footer .footNav dl:nth-child(4){ width: 20%;}
.footer .footNav dl:nth-child(4) dd{ width: 50%; float: left;}
.footer .footNav dl dt{ font-size: 16px; color: #666; position: relative; font-weight: bold;}
.footer .footNav dl dd{ margin-top: 15px; font-size: 14px; line-height: 28px; color: #777;}
.footer .footNav dl dd a{font-size: 14px; color: #777; line-height: 28px; display: block;}
.footer .footNav dl dd a:hover{ color: #0060b6; text-decoration:underline;}
.footer .footNav dl:nth-child(5){ width: 22%;}
.footer .footNav dl dd p{ width: 80%; line-height: 42px; text-align: center; font-size: 14px; color: #fff; background: #0060b6;margin-bottom: 20px;}
.footer .yqlj{float: right;}
.footer .yqlj dd{ font-size: 16px;color: #666; margin-bottom: 15px; font-weight:bold;}
.footer .yqlj a{margin-bottom: 5px;background: #666; width: 187px; height: 24px; color: #fff; display: block;  text-align: center; line-height: 24px; font-size: 14px;}
.footer .yqlj a:last-child{ margin-bottom: 0;}
.footer .yqlj a:hover{ background: #0060b6;}
.footer .copy{ width: 100%; height: 60px; background: #e9e9e9;}
.footer .copy .copyl{ float: left;font-size: 14px; line-height: 60px; color: #7c7c7c;}
.footer .copy .copyl a{font-size: 14px; line-height: 60px; color: #7c7c7c;}
.footer .copy .copyl a:hover{color: #0060b6;}
.footer .copy .share{  float: right; margin: 15px 0;}
.footer .copy .share a{width: 30px; height: 30px; padding: 0; margin: 0;  margin-left: 14px; background: url(../img/share_ico.png) no-repeat; float: left; position: relative;}
.footer .copy .share .wx{background-position: 0px 0px;}
.footer .copy .share .wx .wxh{ position: absolute; bottom: 45px; width: 140px; height: 140px; left: 50%; margin-left: -70px; transition: all 0.3s ease 0s; opacity: 0; z-index:-1;}
.footer .copy .share .wx .wxh::before{position: absolute; content: ''; width: 0; height: 0; border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px #f9f9f9 solid; bottom: -10px; left: 50%; margin-left: -10px; z-index: 9; }
.footer .copy .share .wx .wxh img{ width: 100%; }
.footer .copy .share .wx:hover .wxh{opacity: 1;z-index:99;}
.footer .copy .share .yx{background-position: -30px 0px;}
.footer .copy .share .oa{background-position: -60px 0px;}
.footer .copy .share .wx:hover{background-position: 0px -30px;}
.footer .copy .share .yx:hover{background-position: -30px -30px;}
.footer .copy .share .oa:hover{background-position: -60px -30px;}

/* page */
.Page_banner{width: 100%;  height: auto; overflow: hidden; z-index: 2;position: relative;}
.Page_banner img{ width: 100%; display: block;}

.PageNav{ width: 100%; position: relative; border-bottom: 1px #eee solid;}
.PageNav .NavList{ width: 68%; float: left; }
.PageNav .NavList li{position: relative;display: inline-block;color: #fff;width: auto;vertical-align: top;}
.PageNav .NavList li a{position: relative;font-size: 15px;height: 70px;line-height: 70px;padding: 0px 30px;color: #333;display: block;transition: 0.3s ease 0s;}
.PageNav .NavList li:hover a{ color: #0060b6; font-weight: bold; }
.PageNav .NavList li.select a{ color: #0060b6; font-weight: bold; }
.PageNav .NavList li a:after{content: "";position: absolute;width: 1px;height: 15px;display: block;background: #ccc;top: 50%;margin-top: -7px;right: 0px;}
.PageNav .Crumbs{ width: 32%;text-align: right; position: relative; float: right;}
.PageNav .Crumbs .crumbs{ line-height: 65px; height: 65px;font-size: 14px; }
.PageNav .Crumbs .crumbs .fangzi{display: inline-block; width: 12px; height: 15px;  background: url(../img/crumbs.png); margin-right: 5px; margin-bottom: -1px;}
.PageNav .Crumbs .crumbs a{display: inline-block;font-size: 14px;color: #555;}
.PageNav .NavList1{ width: 100%; float: left; }
.PageNav .NavList1 li{position: relative;display: inline-block;color: #fff;width: auto;vertical-align: top;}
.PageNav .NavList1 li a{position: relative;font-size: 15px;height: 70px;line-height: 70px;padding: 0px 20px;color: #333;display: block;transition: 0.3s ease 0s;}
.PageNav .NavList1 li:hover a{ color: #0060b6; font-weight: bold; }
.PageNav .NavList1 li.select a{ color: #0060b6; font-weight: bold; }
.PageNav .NavList1 li a:after{content: "";position: absolute;width: 1px;height: 15px;display: block;background: #ccc;top: 50%;margin-top: -7px;right: 0px;}


.PageJJ{ background: #f9f9f9; position: relative; padding: 70px 0;}
.PageJJ .jj_z{ width: 49%; float: left;}
.PageJJ .jj_z h2{width: 140px;height: 50px; font-size: 24px; background: #0060b6; text-align: center; line-height: 50px;color: #fff;}
.PageJJ .jj_z .c{width: 100%; font-size: 26px; line-height: 1;font-weight: bold;color: #333; margin: 30px 0;}
.PageJJ .jj_z .jj_n{width: 100%; height: 350px; overflow: auto;  border: none; margin-bottom: 30px;}
.PageJJ .jj_z .jj_n::-webkit-scrollbar {/*滚动条整体样式*/ width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; }
.PageJJ .jj_z .jj_n::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #535353; }
.PageJJ .jj_z .jj_n::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 10px; background: #EDEDED; }
.PageJJ .jj_z .jj_n p{font-size: 15px;line-height: 30px; color: #666;}
.PageJJ .jj_y{ width: 47%; float: right;}

.PageJY{ width: 100%; position: relative; padding: 70px 0;}
.PageJY .Top{ font-size: 30px; font-weight: bold; color: #333; text-align: center; line-height: 1;}
.PageJY .Jy_List{ width: 100%; position: relative; margin-top: 40px;}
.PageJY .Jy_List .JY_Img{ width: 43%; float: left;}
.PageJY .Jy_List .JY_Y{ width: 53%; float: right;}
.PageJY .Jy_List .JY_Y p{ font-size: 15px; line-height: 28px;color: #666;}

.Page_Lc{ width: 100%; position: relative; background: url(../img/history_bg.jpg) center no-repeat; padding: 60px 0;}
.Page_Lc .Top{ font-size: 30px; font-weight: bold; color: #fff; text-align: center; line-height: 1;}
.Page_Lc .history{width:100%; position: relative; margin-top: 40px;}
.Page_Lc .history .timelist{ position: relative;}
.Page_Lc .history .timelist .swiper-container {margin:0px 90px; height:65px; padding-bottom:5px;}
.Page_Lc .history .timelist .swiper-slide {width:154px;height: 65px;background:url(../img/ico101.png) bottom left repeat-x;cursor:pointer;position:relative;}
.Page_Lc .history .timelist .swiper-slide span{display:block;color:#fff; text-align:center; font-size:18px; transition:all 0.3s; -webkit-transition:all 0.3s;font-size: 24px;}
.Page_Lc .history .timelist .swiper-slide:hover span{color:#0060b6; font-size:24px;}
.Page_Lc .history .timelist .swiper-slide:before{position:absolute;content:""; width:10px; height:10px; bottom:-5px; left:50%; margin-left:-5px; background:#fff;border-radius:50%; z-index:10}
.Page_Lc .history .timelist .swiper-slide:after{width:2px; height:25px; position:absolute;content:""; left:50%; margin-left:-1px; background:#fff;bottom:0px; z-index:5;}
.Page_Lc .history .timelist .active-nav span{color:#0060b6; font-size:24px;}
.Page_Lc .history .timelist .active-nav:before,.timelist .active-nav:after{background:#0060b6 !important;}
.Page_Lc .history .timelist .swiper-slide active-nav:after{background:#0060b6 !important;}
.Page_Lc .history .timelist .arrow-left {background: url(../img/ico102.png) center no-repeat;position: absolute;left: 0px;bottom:-5px;width: 20px;height: 20px;
border:1px solid #fff;border-radius:50%;z-index: 10;}
.Page_Lc .history .timelist .arrow-left:hover{border:1px solid #0060b6; background: url(../img/ico102_d.png) #0060b6 center no-repeat;}
.Page_Lc .history .timelist .arrow-right {background: url(../img/ico103.png) center no-repeat;position: absolute;right: 0px;bottom:-5px;width: 20px;height: 20px;border:1px solid #fff;border-radius:50%;z-index: 10;}
.Page_Lc .history .timelist .arrow-right:hover{border:1px solid #fff; background: url(../img/ico103_d.png) #0060b6 center no-repeat;}
.Page_Lc .history .time_c .swiper-container {margin:74px 100px; line-height:40px;}
.Page_Lc .history .time_c .swiper-container p{position:relative;color:#fff; padding-left:40px; font-size:16px;line-height: 34px;}
.Page_Lc .history .time_c .swiper-container p:before{position:absolute; content:""; width:20px;left:0px; top:50%; height:1px; background:#fff;}
.Page_Lc .history .time_c .swiper-slide{width:80%; min-height:100px;margin:0px auto; }

.Page_zzjg{ width: 100%; position: relative; padding: 70px 0;}
.Page_zzjg .Top{ font-size: 30px; font-weight: bold; color: #333; text-align: center; line-height: 1;}
.Page_zzjg .zzjgList{width:100%; position: relative; margin-top: 40px;}
.Page_zzjg .zzjgList img{max-width: 100%;}


.Page_jzg{ width: 100%; position: relative; background: url(../img/jzbj2.jpg) center no-repeat; padding: 60px 0;}
.Page_jzg .Top{ font-size: 30px; font-weight: bold; color: #fff; text-align: center; line-height: 1;}
.Page_jzg .jzk{width:100%; position: relative; margin-top: 40px;}
.Page_jzg .jzk .item{ float: left; width: 23.5%; margin-right: 2%; background: rgba(255,255,255,0.8); border-radius: 5px; position: relative; box-shadow: 4px 5px 0px rgba(0,0,0,0.1);}
.Page_jzg .jzk .item:nth-child(4n){ margin-right: 0;}
.Page_jzg .jzk .item .cover{ padding:30px 20px;}
.Page_jzg .jzk .item .T{font-size: 24px; text-align: center; color: #333; font-weight: bold;}
.Page_jzg .jzk .item .c{ font-size: 16px; line-height: 30px; height: 60px; font-weight: bold; color: #333; margin-top: 10px;}
.Page_jzg .jzk .item .cn{ font-size: 15px; color: #666; line-height: 30px; margin-top: 20px;}
.Page_jzg .jzk .item:hover{ background: #0060b6;}
.Page_jzg .jzk .item:hover .T,.Page_jzg .jzk .item:hover .c,.Page_jzg .jzk .item:hover .cn{color: #fff;}
.Page_jzg  .more { width: 220px;height: 50px;text-align: center;line-height: 50px;margin: 0 auto;margin-top: 50px;}
.Page_jzg  .more a {font-size: 14px; color: #fff;border: 1px solid #fff; display: block;}
.Page_jzg  .more:hover a {font-size: 14px;background: #0060b6;border: 1px solid #0060b6;display: block;}

.cul1{ width: 100%; position: relative; background: #f9f9f9; padding: 70px 0;}
.cul1 .cul1_z{ position: absolute; width: 32%; left: 0; top: 50px; text-align: right; font-size: 18px; color: #666; line-height: 80px;}
.cul1 .cul1_c{ position: relative; width: 290px; height: 290px; margin: 0 auto; z-index: 2;}
.cul1 .cul1_y{position: absolute;  width: 32%; right: 0; top: 50px; font-size: 18px; color: #666; line-height: 80px;}
.cul1 .wz span{ font-size: 30px; color: #0060b6;  padding-right: 20px; font-weight: bold;}
.cul2{width: 100%; position: relative; padding: 70px 0;}
.cul2 .cul2_list{position: relative;}
.cul2 .cul2_list .item{ width: 48%; float: left; margin-right: 4%; position: relative;}
.cul2 .cul2_list .item:last-child{ margin-right: 0;}
.cul2 .cul2_list .item .cul2_t1{background: rgba(0,96,182,0.8);width: 100%;position: absolute;height: 154px;border-radius: 5px; top: 0; left: 0;}
.cul2 .cul2_list .item .cul2_t2{background: rgba(0,96,182,0.8);width: 100%;position: absolute;height: 154px;border-radius: 5px; bottom: 0; left: 0;}
.cul2 .cul2_list .item .cul2_t .cover{ padding: 30px;}
.cul2 .cul2_list .item .cul2_t h2 {font-size: 26px; color: #fff;}
.cul2 .cul2_list .item .cul2_t p{color: #fff;line-height: 28px;margin-top: 10px;font-size: 16px;}
.cul3{width: 100%; position: relative; padding: 70px 0;  background: #f1f1f1;}
.cul3 .cul3_c .item{ width: 48%; float: left; margin-right: 4%; position: relative;}
.cul3 .cul3_c .item:last-child{ margin-right: 0;}
.cul3 .cul3_c .item .T{font-size: 26px; color: #333; line-height: 1; font-weight: bold; margin-bottom: 30px;}
.cul3 .cul3_c .item .Tc p{ font-size: 16px; color: #666; line-height: 40px; border: 1px solid #ddd; margin-bottom: 10px; padding-left: 20px;}

/* */
.Group{ position: relative; width: 100%; padding: 70px 0;}
.Group .Top{ position: relative;}
.Group .Top .T{ font-size: 30px; font-weight: bold; text-align: center; color: #333; line-height: 1;}
.Group .Top .c{ font-size: 15px; color: #666; line-height: 30px; margin-top: 20px;text-indent: 2em;}
.Group .grouplist{ position: relative; margin-top: 30px;}
.Group .grouplist .item{ width: 24.1%; float: left; margin-right: 15px; cursor: pointer; margin-bottom:15px;}
.Group .grouplist .item .cover{ padding: 3px;border: 1px #ddd solid;}
.Group .grouplist .item p{ font-size: 15px; line-height: 45px; background: #f9f9f9; color: #333; text-align: center; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
.Group .grouplist .item:hover p{ background: #0060b6; color: #fff;}
.Group .grouplist .item1{ width: 24.1%; float: left; margin-right: 1%; cursor: pointer; margin-bottom:15px;}
.Group .grouplist .item1 .cover{ padding: 3px;border: 1px #ddd solid;}
.Group .grouplist .item1 p{ font-size: 15px; line-height: 45px; background: #f9f9f9; color: #333; text-align: center; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
.Group .grouplist .item1:hover p{ background: #0060b6; color: #fff;}
.Group .grouplist .item1:nth-child(4n){ margin-right:0;}
.Group .grouplist .hd{ position: relative; text-align: center; margin-top: 10px;}
.Group .grouplist .hd li{ width: 11px; height: 11px; background: #ddd; border-radius: 50%; display: inline-block; margin: 0 5px; text-indent:-999px; overflow:hidden; cursor: pointer; }
.Group .grouplist .hd li.on{ background: #0060b6;}
.Group02{ background: #cce1f2;}
.Group04{ background: #f1f1f1;}
.Group05 .more {width: 220px;height: 50px;text-align: center;line-height: 50px;margin: 0 auto; margin-top: 30px;margin-bottom: 30px;}
.Group05 .more:hover a { font-size: 14px; color: #0060b6;border: 1px solid #0060b6;display: block;}
.Group05 .more a { font-size: 14px; color: #666;border: 1px solid #ddd;display: block;}
.Group .groupcq{ position: relative; margin-top: 30px;}
.Group .groupcq .item{ width: 24.1%; float: left; margin-right: 1%; cursor: pointer; margin-bottom:15px;}
.Group .groupcq .item:nth-child(4n){ margin-right: 0;}
.Group .groupcq .item .cover{ padding: 3px;border: 1px #ddd solid;}
.Group .groupcq .item p{ font-size: 15px; line-height: 45px; background: #f9f9f9; color: #333; text-align: center;}
.Group .groupcq .item:hover p{ background: #0060b6; color: #fff;}

/* */
.PageNews{ width: 100%; position: relative; padding: 60px 0;}
.PageNews .NewsList{ position: relative;}
.PageNews .NewsList li{ width: 32%; margin-right:2%;  margin-bottom: 20px; float: left;}
.PageNews .NewsList li:nth-child(3n){ margin-right: 0;}
.PageNews .NewsList li .NewsT{ background: rgba(255,255,255,0.9); position: absolute; left: 0; bottom: 0; width:100%;}
.PageNews .NewsList li .NewsT .cover{padding: 4%;}
.PageNews .NewsList li .NewsT .Tit{ width: 100%; position: relative;}
.PageNews .NewsList li .NewsT .Tit .T{ width: 75%; float: left;font-size: 17px; font-weight: bold; color: #333; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
.PageNews .NewsList li .NewsT .Tit .date{font-size: 14px; color: #666; float: right; }
.PageNews .NewsList li .NewsT .c{ width: 100%; font-size: 15px; line-height: 30px; color: #999; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; margin-top: 10px;}
.PageNews .NewsList li:hover{box-shadow: 0 0 20px rgba(0,0,0, 0.2);}
.PageNews .NewsList li:hover .NewsT .Tit .T{color: #0060b6;}
.PageNews .NewsList .Newsl{ width: 68%;}
.pageNewsT{ width:100%; margin:0 auto; font-size:24px;  color:#333; font-weight:bold; text-align: center;}
.pageNewsC{ width:100%; margin:0 auto; font-size:14px; color:#333;padding:15px 0; border-bottom:dashed 1px #999; text-align: center;}
.pageNewsD{ width:100%; margin:0 auto; font-size:15px; color:#333; line-height:32px; margin-top:20px;}
.pageNewsD p a{font-size: 15px !important; }
.pageNewsD img{ max-width:100%; margin:5px 0;}
.pageNewsD table{border-collapse:collapse;width:100%;}
.pageNewsD table,tr{ font-size: 15px; color: #444; }
.pageNewsD table,th, td{border: 1px solid black;text-align: center; font-size: 15px;}
.PageNews .News_hot{width: 29%; position: relative;}
.PageNews .News_hot .TiT{ font-size: 26px; color: #333;font-weight: bold; line-height: 1; margin-bottom: 20px;}
.PageNews .News_hot .News_hotc .item{ width: 100%; position: relative; background: #f9f9f9; margin-bottom: 15px;}
.PageNews .News_hot .News_hotc .item .cover{ padding: 25px 20px;}
.PageNews .News_hot .News_hotc .item .T{font-size: 17px; font-weight: bold; color: #333; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
.PageNews .News_hot .News_hotc .item .date{font-size: 14px; color: #666; margin: 5px 0;}
.PageNews .News_hot .News_hotc .item .c{ font-size: 15px; line-height: 30px; color: #999; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}

/* */
.PageProduct{width: 100%; position: relative; padding: 170px 0 70px 0; }
.PageProduct::before{background: url(../img/pro_bg.jpg) center no-repeat; width: 100%; height: 100%; position:absolute; left: 0; top:0;}
.PageProduct .ProList{width: 100%; position: relative;}
.PageProduct .ProList .item{ width: 32%; float: left; margin-right: 2%; margin-bottom: 30px; position: relative; overflow: hidden;}
.PageProduct .ProList .item .cover{padding: 0.5%;}
.PageProduct .ProList .item:nth-child(3n){ margin-right: 0;}
.PageProduct .ProList .item .txt{  background: rgba(255,255,255,0.85); position: absolute; left: 0; bottom: -80%; color: #333;  width: 96%; height: 96%; margin: 2%;transition: all .5s ease; cursor: pointer; overflow: hidden; }
.PageProduct .ProList .item .txt .cover{ padding: 8% 40px;}
.PageProduct .ProList .item .txt .T{  text-align: center; position: relative; margin-bottom: 30px; }
.PageProduct .ProList .item .txt .T a{ display: block; font-size: 22px; color: #000; font-weight: bold;}
.PageProduct .ProList .item .txt .T a:hover{color: #0060b6;}
.PageProduct .ProList .item .txt .T::before{ position: absolute; content: ''; width: 100%; height: 2px; background: #ccc;left: 0; bottom: -10px;}
.PageProduct .ProList .item .txt p a{font-size: 17px;font-weight: bold; color: #333; line-height: 35px; width: 100%; float: left;  display: block;transition: all .5s ease;}
.PageProduct .ProList .item .txt p a:hover{ padding-left: 10px; color: #0060b6; }
.PageProduct .ProList .item:hover .txt{ bottom: 0;transition: all .5s ease;}
.npro_list{ width: 100%; position: relative; padding: 70px 0;}
.npro_list .npro_c{ position: relative;}
.npro_list .npro_c li{width: 32%; float: left; margin-right: 2%; margin-bottom: 30px; position: relative; overflow: hidden;}
.npro_list .npro_c li:nth-child(3n){ margin-right: 0;}
.npro_list .npro_c li .T{ background: #f9f9f9; text-align: center; font-size: 15px; color: #333; line-height: 55px;overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
.npro_list .npro_c li:hover .T{ background: #0060b6; color: #fff;}
.detailbox01{ position: relative;}
.detailbox01 .left{width: 48%;float: left; position: relative;}
.detailbox01 .picFocus{ float:left;  width:100%;  position:relative;  overflow:hidden;  zoom:1;   }
.detailbox01 .picFocus .hd{ width:100%; padding-top:5px;  overflow:hidden; }
.detailbox01 .picFocus .hd ul{  width: 88%; margin: 0 auto; overflow:hidden; zoom:1; }
.detailbox01 .picFocus .hd ul li{ padding-top:5px; float:left;  text-align:center;  margin-right: 2%; width: 23%;}
.detailbox01 .picFocus .hd ul li:nth-child(4n){ margin-right: 0;}
.detailbox01 .picFocus .hd ul li span{border:2px solid #ddd;}
.detailbox01 .picFocus .hd ul li img{ width:100%;  cursor:pointer; margin-right:8px; display:  block;  }
.detailbox01 .picFocus .hd ul li.on span{ border-color:#0060b6;  }
.detailbox01 .picFocus .bd li{ vertical-align:middle; }
.detailbox01 .picFocus .bd img{ width:100%; display: flex;}
.detailbox01 .picFocus .bd li span{border:1px solid #ddd; width: 99%;}
.detailbox01 .picFocus .prev{ position:absolute; left:0 ; bottom:25px;}
.detailbox01 .picFocus .next{ position:absolute; right:0 ; bottom:25px;}
.detailbox01 .right{width: 49%; float:right ;}
.detailbox01 .right .title{ font-size: 24px; border-bottom: 1px #ccc dashed;   color: #333;padding-bottom: 20px;}
.detailbox01 .right .titmd{ padding: 20px 0; }
.detailbox01 .right .titmd dd{font-size: 16px; color: #666; line-height: 28px; padding: 3px 0;}
.detailbox01 .right .titmd dd span{ color: #333;} 
.detailbox02{ width: 100%; margin: 20px auto 0; border-top: 1px #ddd solid; padding-top: 30px;  font-size: 15px; line-height: 28px;}
.detailbox02 p a{font-size: 15px !important; }
.detailbox02 img{ max-width:100%; margin:5px 0;}
.detailbox02 table{border-collapse:collapse;width:100%;}
.detailbox02 table,tr{ font-size: 15px; color: #444; }
.detailbox02 table,th, td{border: 1px solid black;text-align: center; font-size: 15px;}

/* */
.PageProject{ position: relative;width: 100%; padding: 70px 0;}
.PageProject .Jectlist{position: relative;}
.PageProject .Jectlist li{ width: 100%; margin-bottom: 20px; position: relative;}
.PageProject .Jectlist li .box{border: 1px solid #eee;}
.PageProject .Jectlist li .Img{ width: 28%; float: left; position: relative;border-right: 1px dashed #eee;}
.PageProject .Jectlist li .JectT{ width: 71%; float: right;}
.PageProject .Jectlist li .JectT .cover{ padding: 4%;}
.PageProject .Jectlist li .JectT .T{font-size: 17px; line-height: 1; font-weight: bold; color: #333;overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
.PageProject .Jectlist li:hover .JectT .T{ color:#0060b6;}
.PageProject .Jectlist li .JectT .c{font-size: 15px; color: #666; line-height: 28px; margin-top: 15px; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}

/* */
.Join01{ width: 100%; position: relative; padding: 70px 0;}
.Join01 .Top{ font-size: 30px; font-weight: bold; color: #333; text-align: center; line-height: 1;}
.Join01 .join01_c{ width: 100%; position: relative; margin-top: 40px;}
.Join01 .join01_c img{ max-width: 100%;}
.Join02{width: 100%;background: url(../img/jo02_bg.jpg) no-repeat;background-position-x: 0%;background-position-y: 0%;background-repeat: no-repeat;background-attachment: scroll;background-size: auto;background-attachment: fixed;background-position: center top;background-repeat: no-repeat;background-size: cover; padding: 70px 0;}
.Join02 .Top{ font-size: 30px; font-weight: bold; color: #fff; text-align: center; line-height: 1;}
.Join02 .join02_c{ width: 100%; position: relative; margin-top: 40px;}
.Join02 .join02_c .jnlist{ background: #9d9b9b; }
.Join02 .join02_c .jnlist li{float: left; text-align: center; padding: 15px 0; font-size: 16px; color: #fff; width: 15%; font-weight: bold;}
.Join02 .join02_c .jnlist li:nth-child(4){ width: 36%;}
.Join02 .join02_c .joblist{ width: 100%; position: relative; }
.Join02 .join02_c .joblist .list_dt{ cursor: pointer;  overflow: hidden; text-overflow: ellipsis;white-space: nowrap; position: relative;  background: #f9f9f9;margin-bottom: 3px;}
.Join02 .join02_c .joblist .list_dt p{float: left; text-align: center; padding: 10px 0; font-size: 15px; color: #333; width: 15%; }
.Join02 .join02_c .joblist .list_dt p:nth-child(4){ width: 36%;}
.Join02 .join02_c .joblist #open{ background: #0060b6;margin-bottom: 0;}
.Join02 .join02_c .joblist #open p{ color: #fff }
.Join02 .join02_c .joblist .list_dt:hover{ background: #0060b6;}
.Join02 .join02_c .joblist .list_dt:hover p{ color: #fff; }
.Join02 .join02_c .joblist .list_dd{ display: none; padding: 30px; font-size: 15px; line-height: 30px; color: #555;background: #fff;  border: 1px solid #005aab; margin-bottom: 3px;}
.Join02 .join02_c .joblist .list_dt .ib{ width:16px; height:16px; margin: 6px auto 0px; display: block; position:relative; transition:400ms;-webkit-transition:400ms;}
.Join02 .join02_c .joblist .list_dt .ib i{ display:block; background-color:#999999;}
.Join02 .join02_c .joblist .list_dt .ib .ic1{ width:2px; height:16px; margin-left:7px;transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);-moz-transform:rotate(0deg); transition:400ms;-webkit-transition:400ms;}
.Join02 .join02_c .joblist .list_dt .ib .ic2{ width:16px; height:2px; position:absolute; left:0; top:50%; margin-top:-1px; transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);-moz-transform:rotate(0deg); transition:400ms;-webkit-transition:400ms; opacity:1;}
.Join02 .join02_c .joblist .list_dt#open .ib i,.Join02 .join02_c .joblist .list_dt:hover .ib i{ background-color: #fff;}
.Join02 .join02_c .joblist .list_dt#open .ib .ic1{transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-moz-transform:rotate(90deg); transition:400ms;-webkit-transition:400ms;}
.Join02 .join02_c .joblist .list_dt#open .ib .ic2{ opacity:0; transition:400ms;-webkit-transition:400ms;transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-moz-transform:rotate(90deg);}

.Join02 .more {width: 220px;height: 50px;text-align: center;line-height: 50px;margin: 0 auto;margin-top: 50px;padding-bottom: 50px;}
.Join02 .more a {font-size: 14px;color: #fff;border: 1px solid #fff;display: block;}
.Join02 .more a:hover {font-size: 14px;color: #005aab;border: 1px solid #005aab;display: block;}
.Join03{ width: 100%; position: relative; padding: 70px 0;}
.Join03 .Top{ font-size: 30px; font-weight: bold; color: #333; text-align: center; line-height: 1;}
.Join03 .join03_c{ width: 100%; position: relative; margin-top: 40px;}
.Join03 .join03_c .item{ width: 24.1%; float: left; margin-right: 1%;  cursor: pointer; margin-bottom:15px;}
.Join03 .join03_c .item:nth-child(4n){ margin-right: 0;}
.Join03 .join03_c .item .cover{ padding: 3px;border: 1px #ddd solid;}
.Join03 .join03_c .item p{ font-size: 15px; line-height: 45px; background: #f9f9f9; color: #333; text-align: center;}
.Join03 .join03_c .item:hover p{ background: #0060b6; color: #fff;}
.Join03 .more {width: 220px;height: 50px;text-align: center;line-height: 50px;margin: 0 auto;margin-top: 50px;}
.Join03 .more a {font-size: 14px;color: #ccc;border: 1px solid #ccc;display: block;}
.Join03 .more a:hover {font-size: 14px;color: #005aab;border: 1px solid #005aab;display: block;}
.staff {width: 100%; position: relative; padding: 70px 0;}
.staff .stafflist .item{ width: 24.1%; float: left; margin-right: 1%;  cursor: pointer; margin-bottom:15px;}
.staff .stafflist .item:nth-child(4n){ margin-right: 0;}
.staff .stafflist .item .cover{ padding: 3px;border: 1px #ddd solid;}
.staff .stafflist .item p{ font-size: 15px; line-height: 45px; background: #f9f9f9; color: #333; text-align: center; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
.staff .stafflist .item:hover p{ background: #0060b6; color: #fff;}
.pagejoin { width: 100%; position: relative; padding: 70px 0;}
.pagejoin .join02_c{ width: 100%; position: relative; }
.pagejoin .join02_c .jnlist{ background: #9d9b9b; }
.pagejoin .join02_c .jnlist li{float: left; text-align: center; padding: 15px 0; font-size: 16px; color: #fff; width: 20%; font-weight: bold;}
.pagejoin .join02_c .jnlist li:nth-child(2),.pagejoin .join02_c .jnlist li:nth-child(4){ width: 30%;}
.pagejoin .join02_c .joblist{ width: 100%; position: relative; }
.pagejoin .join02_c .joblist .list_dt{ cursor: pointer;  overflow: hidden; text-overflow: ellipsis;white-space: nowrap; position: relative; border-bottom: 1px solid #ddd; background: #f9f9f9;}
.pagejoin .join02_c .joblist .list_dt p{float: left; text-align: center; padding: 10px 0; font-size: 15px; color: #333; width: 20%; }
.pagejoin .join02_c .joblist .list_dt p:nth-child(2),.pagejoin .join02_c .joblist .list_dt p:nth-child(4){ width: 30%;}
.pagejoin .join02_c .joblist #open{ background: #0060b6;}
.pagejoin .join02_c .joblist #open p{ color: #fff }
.pagejoin .join02_c .joblist .list_dt:hover{ background: #0060b6;}
.pagejoin .join02_c .joblist .list_dt:hover p{ color: #fff; }
.pagejoin .join02_c .joblist .list_dd{ display: none; padding: 30px; font-size: 15px; line-height: 30px; color: #555;background: #f0f6fb;}
.rczp {width: 140px;height: 50px;text-align: center;margin-top: 20px;}
.rczp a {line-height: 50px;color: #666;border:1px solid #ddd;display:block;font-size: 14px;}
.rczp a:hover {line-height: 50px;color: #0060b6;border:1px solid #0060b6;display:block;}

.zp{ width: 100%;overflow: hidden;display: block;margin-top: 30px;margin-left: 30px;}
.zp div{ float: left;width: 50%;overflow: hidden;margin-bottom: 1%;}
.zp .jl1{ float: left;width: 10%;overflow: hidden; line-height:30px;}
.zp .row{ width:100%;}
.zp div input{ display: block;width: 90%;line-height: 3em; border: 0;padding-left: 1em;height: 3em;font-size: 14px;border: 1px solid #ddd;color: #666;background: #eee;}
.zp #TJ5,.page-contact .right #TJ6{ width:47%; height: 3em;border:0; background: #eee; color:#999; margin-bottom: 5%; margin-right: 2.5%;padding-left: 1em;}
.zp #TJ7{border: 0;/*display: block;*/width: 95%;margin-bottom: 3%; height: 180px; font-size: 14px;   padding-left: 1em;line-height: 2em;font-family:微软雅黑;border:1px solid #ddd;margin-top: 2%;background: #eee;}
.zp #button1{ cursor:pointer;   padding: 1% 5% 1% 5%;margin-right: 5%;    border: 0;    font-family: 微软雅黑;background: #eee; }
.zp #button2{ cursor:pointer;   padding: 1% 5% 1% 5%;    border: 0;font-family: 微软雅黑;background: #eee; }
.zp #button1:hover{background: #0060b6;color:#fff;} 
.zp #button2:hover{background: #0060b6;color:#fff;} 

/*  内页联系 */
.contact{ width: 100%;position: relative; padding: 70px 0; background-color: #fff;}
.contentUs{position: relative;}
#allmap{ width: 100%; height: 380px; position: relative;}
.tactlist{ width: 38%; height: 100%; position: absolute; right: 0; top:0; z-index: 2; background: url(../img/kf.png) 95% 95% no-repeat rgba(0,90,171,0.8); color: #fff;}
.tactlist .cover{ padding: 40px;}
.tactlist a{ color: #ffffff;}
.tactlist .name{font-size: 20px;color: #ffffff; font-weight: bold;}
.tactlist .cont{ margin-top: 15px;font-size: 16px; color: #ffffff;}
.contact .contbox { position: relative; margin-top: 40px; display: grid; grid-gap: 30px; grid-template-columns: repeat(2,1fr);}
.contact .contbox .item{position: relative;background: #ffffff;top: 0;padding: 6%;box-shadow: 0 0 35px rgb(0 0 0 / 5%);overflow: hidden;}
.contact .contbox .item .name{font-size: 20px;color: #333333; font-weight: bold;}
.contact .contbox .item .cont{ margin-top: 15px;font-size: 16px; color: #666666;}
.contact .contbox .item .cont a{color: #666666;}
.mess h2 {font-size: 30px;text-align: center;line-height: 120px;}
.mess .right{ float: right;width: 100%;overflow: hidden; display: block;}
.mess .right div{float: left;width: 48%;overflow: hidden;margin-bottom: 3%;margin-left: 1%;}
.mess .right div input{display: block;background: #eee;width: 100%;line-height: 40px;border: 0;padding-left: 1em;font-size: 14px;}
.mess .right .input-tj{ margin-bottom: 0;}
.mess .right #TJ5,.page-contact .right #TJ6{ width:47%;border:0; background: #eee; color:#999; margin-bottom: 5%; margin-right: 2.5%;padding-left: 1em;}
.mess .right #TJ7{ border: 0;display: block;width: 96%;margin-bottom: 4%; height: 180px; font-size: 14px;   padding-left: 1em;background: #eee;line-height: 2em;margin-left: 1%;}
.mess .right #button1{ line-height: 40px; width: 20%; float: left; cursor:pointer;margin-right: 5%; border: 0;  background: #eee;}
.mess .right #button2{ width: 20%; float: left; cursor:pointer;border: 0;background: #eee;}
.mess .right #button1:hover {background: #005aab;color:#fff;}
.mess .right #button2:hover {background: #005aab;color:#fff;}


/* fenye */
.pages { margin:30px auto 0; text-align:center; font-size:14px;}
.pages li { display:inline-block; height:36px; line-height:36px; background:#f1f1f1; margin: 0 3px; }
.pages li a{text-align:center; color:#333; padding:0 18px;}
.pages .active{background:#0060b6; text-decoration:none}
.pages .active a{color:#fff; }
.pages li:hover{background:#0060b6; 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:48%; color:#333; font-size: 15px;}
.pages1_l a{ line-height:26px; color:#333; font-size: 15px;  overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
.pages1_l:hover a{ color:#0060b6;}
.pages1_r{ float:right; width:48%; color:#333;font-size: 15px; text-align: right; }
.pages1_r a{ line-height:26px; color:#333; font-size: 15px;  overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
.pages1_r:hover a{ color:#0060b6;}

/* 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: 50%;
    height: 590px;
    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: #0060b6;

    -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(../img/icon/maximization_black.png);
    background-size: 14px;
}
#pictureViewer .menu-bar .handel.maximization:hover{
    background-image: url(../img/icon/maximization_white.png);
}
#pictureViewer .menu-bar .handel.miniaturization{
    background-size: 16px;
    background-image: url(../img/icon/miniaturization_black.png);
}
#pictureViewer .menu-bar .handel.miniaturization:hover{
    background-image: url(../img/icon/miniaturization_white.png);
}
#pictureViewer .menu-bar .handel.close-view{
    background-image: url(../img/icon/close_black.png);
    background-size: 15px;
}
#pictureViewer .menu-bar .handel.close-view:hover{
    background-image: url(../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(../img/icon/prev_blank.png);
}
#pictureViewer .handel-next{
    background-image: url(../img/icon/next_blank.png);
}
#pictureViewer .handel-prev:hover,
#pictureViewer .handel-next:hover{
    background-color: #0060b6;
}
#pictureViewer .handel-prev:hover{
    background-image: url(../img/icon/prev_white.png);
}
#pictureViewer .handel-next:hover{
    background-image: url(../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%;
}