* { font-family:'book',"PingFang SC","Source Han Sans SC","Noto Sans CJK SC","Hiragino Sans GB","Helvetica Neue","Helvetica","Microsoft Yahei",sans-serif; color: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; font-style: normal; margin: 0; padding: 0;text-decoration: none; transform-origin: center; list-style: none; }
img { border: none; max-width: 100%; }
.animateall * ,
.animate { transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out; }
.posr { position: relative; }
.nowarp {  white-space: nowrap;text-overflow:ellipsis; overflow:hidden;}
.clear:after { content: '';display: block; clear: both; }
.nicescroll::-webkit-scrollbar{width:9px; background-color:rgba(255,255,255,0.5);}
.nicescroll::-webkit-scrollbar-thumb{border:none; width:5px;background-color:rgba(0,0,0,0.4);}
.nicescroll::-webkit-scrollbar-corner{background-color:rgba(255,255,255,0.5);}
.nicescroll::-webkit-scrollbar:horizontal{height:9px;}
svg { width: 100%; min-height: 600px;} 
@media screen and (max-width: 800px) {
	svg { min-height: 0; }
}

.maxsize { max-width: 1200px; margin: 0 auto; }
body { margin: 0; padding: 0; }
.header { position: fixed; z-index: 999; top: 0; left: 0; right: 0; }
.header .toolbar { height: 40px;  background: #313131; color: #c3c3c3; font-size: 14px; z-index: 9; position: relative;}
.header .toolbar .lang { float: left; position: relative;}
.header .toolbar .lang > a { line-height: 40px;background: #3d3d3d; display: block; padding: 0 10px 0 15px;}
.header .toolbar .lang > a:after { content: '\e6b1'; font-family: 'iconfont'; margin-left: 5px; transform: rotate(-90deg); display: inline-block; transition: all 0.2s ease-out; }
.header .toolbar .lang > a:hover { background: #4d4d4d; color: #fff; }
.header .toolbar .lang:hover > a:after {  transform: rotate(0deg);  }
.header .toolbar .lang:hover ul { display: block; }
.header .toolbar .lang ul { position: absolute; top: 100%; left: 0; right: 0; list-style: none; margin: 0; padding: 0; display: none;}
.header .toolbar .lang ul a { display: block; background: #3d3d3d; line-height: 35px; padding: 0 15px; }
.header .toolbar .lang ul a:hover { background: #4d4d4d; color: #fff; }


.header .toolbar .func { float: left; margin-left: 10px; }
.header .toolbar .func a { display: inline-block; line-height: 40px; padding: 0 15px; position: relative;}
.header .toolbar .func a:after { content: '|'; position: absolute; right: 0; color: #515151; }
.header .toolbar .func a:last-of-type:after { content: '';  }
.header .toolbar .func a:hover { color: #fff; }

.header .toolbar .info { position: absolute; right: 0; top: 0; }
.header .toolbar .info p { display: inline-block; line-height: 40px; }
.header .toolbar .info p.mem { margin-right: 15px; font-size: 12px; }
.header .toolbar .info p.mem img { margin-right: 5px;transform: translateY(3px);-webkit-transform: translateY(3px); }
.header .toolbar .info .tel i { color: #ffd800; margin-right: 5px; font-size: 16px; }
.header .toolbar .info .tel strong { font-weight: 900; }

.header .menu { background: #fff; height: 100px; }
.header .menu .logo { padding: 20px 0; display: inline-block; height: 59px; position: relative; position: absolute; top: 0; left: 0; }
.header .menu .logo p { position: absolute; top: 50%; line-height: 50px;margin-top: -25px; left: 100%; white-space: nowrap;text-overflow:ellipsis; overflow:hidden; margin-left: 30px; font-size: 20px; }
.header .menu .logo img { height: 100%; }
.header .menu .menulist { position: absolute; top: 0; right: 0; }

.header .menu .menulist dd { display: inline-block; padding: 32px 0; margin: 0 10px; position: relative; }
.header .menu .menulist dd > a span { display: block; background: #f5f5f5; border: 1px solid #ededed; font-size: 14px;}
.header .menu .menulist dd > a:hover span,
.header .menu .menulist dd.active > a span { background: #ffd800; color: #fff; box-shadow: 0 0 2px #ffd800; border-color: #ffd800; }
.header .menu .menulist dd > a span { display: block;line-height: 33px; padding: 0 20px; }
.header .menu .menulist dd ul { display: none; position: absolute; top: 100%; left: -10px; right: -10px; }
.header .menu .menulist dd:hover ul { display: block; }
.header .menu .menulist dd:hover ul li { padding: 5px; background: #fff; position: relative; }
.header .menu .menulist dd:hover ul li:first-of-type { margin-top: 10px; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.header .menu .menulist dd:hover ul li:last-of-type { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.header .menu .menulist dd:hover ul li:first-of-type:before { content: ''; position: absolute; bottom: 100%; left: 50%; border: 0.5em solid; border-color: transparent transparent #fff transparent; margin-left: -0.5em; font-size: 12px;}
.header .menu .menulist dd:hover ul li a { display: block; text-align: center; line-height: 35px; font-size: 15px;}
.header .menu .menulist dd:hover ul li a:hover { background: #eaeaea; border-collapse: collapse;}





.banner { position: relative; }
.banner ul { position: relative; }
.banner li { background-size: cover; background-position: center;position: relative;}
.banner li:before { content: '';position: absolute; top: 0; left: 0; right: 0; bottom: 0;background: rgba(0,0,0,.1); }
.banner .bx-controls { position: absolute; bottom: 20px; z-index: 99; left: 0; right: 0; text-align: center;}
.banner .bx-controls .bx-pager-item { display: inline-block; margin-left: 4px; }
.banner .bx-controls .bx-pager-item a { display: inline-block; height: 5px; width: 35px; background: rgba(255,255,255,.5); overflow: hidden; text-indent: -999px; position: relative; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;}
.banner .bx-controls .bx-pager-item a:before { content: ''; display: block; position: absolute; left: 0; top: 0; bottom: 0; width: 0; background: #ffd800; }
.banner .bx-controls .bx-pager-item a.active { background: #fff; }
.banner .bx-controls .bx-pager-item a.active:before { width: 100%;transition: all 5s linear;-webkit-transition: all 5s linear;-o-transition: all 5s linear;-moz-transition: all 5s linear;  }

/*.product { padding: 60px 0; background: #fff; }*/
/*.product .filter { border-top: 1px solid #eaeaea; border-left: 1px solid #eaeaea; overflow: hidden; }*/
/*.product .filter .item {*//* background: #ffd800;*/ /*background: #b5bdc8;
background: -moz-linear-gradient(-45deg,  #b5bdc8 0%, #828c95 36%, #28343b 100%);
background: -webkit-linear-gradient(-45deg,  #b5bdc8 0%,#828c95 36%,#28343b 100%);
background: linear-gradient(135deg,  #b5bdc8 0%,#828c95 36%,#28343b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=1 );*/
/*float: left; width: 14.2857%; height: 120px; position: relative; overflow: hidden; padding: 15px 0;
background: #313131;
background: -moz-linear-gradient(-45deg,  #313131 0%, #606c88 100%);
background: -webkit-linear-gradient(-45deg,  #313131 0%,#606c88 100%);
background: linear-gradient(135deg,  #313131 0%,#606c88 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#313131', endColorstr='#606c88',GradientType=1 );

}*/
/*.product .filter .item:hover { background: #ffd800 }
.product .filter .item img { position: absolute; height: 60%;bottom: 0; right: -10%; filter: greyscale(1); }
.product .filter .item .info { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-right: 1px solid #666; border-bottom: 1px solid #666; padding: 30px; }
.product .filter .item .info p { font-size: 20px; margin-bottom: 8px; color: #fff; }
.product .filter .item:hover .info p { color: #000; }
.product .filter .item .info span { font-size: 12px; color: #999; }*/
/*.product .title {  margin-bottom: 35px; position: relative; text-align: center;}
.product .title h1 { font-size: 30px; font-weight: normal; margin-bottom: 5px; color: #313131;}
.product .title p { font-size: 12px; color: #999; margin-top: 8px;}*/
/*.product .filter .item { float: left; width: 14.2857%; text-align: center; }
.product .filter .item p { background: #ffd800; color: #000; line-height: 35px;font-size: 14px; }
.product .filter .item img { width: 80%; margin: 20px 0; }
*/
.pros .clear { padding: 20px 0; margin: 0 -10px; }
.pros .item { float: left; width: 14.2857%; }
.pros .item .con { margin: 0 10px; background: #ccc; color: #fff; text-align: center; padding: 20px 0; background-size: cover; background-position: center; position: relative;}
.pros .item .con:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.5); }
.pros .item .con>* { position: relative; z-index: 2; }
.pros .item .con .iconfont { font-size: 30px; line-height: 40px; width: 40px; display: inline-block; border: 2px solid #fff; border-radius: 100%; margin-bottom: 10px; }
.pros .item .con p { font-size: 15px; }

.digest { padding: 50px 0; }
.digest .face { position: absolute; top: 30px; bottom: 30px; left: 50%; right: 0; margin-left: 50px; background-size: cover; background-position: center; }
.digest .text { margin-right: 50%; }
.digest .text h1 { font-size: 30px; color: #003b82; margin-bottom: 20px; }
.digest .text .info { line-height: 25px; font-size: 16px; }
.digest .text .info p { margin-bottom: 20px; }

.news:after { content: '';display: block; clear: both; }
section.news { padding: 60px 0;}
.news .l { width: 33.333%; position: absolute; left: 66.666%; bottom: 0; }
.news .l .title { padding-left: 80px; margin-bottom: 20px; position: relative; }
.news .l .title h1 { font-size: 30px; font-weight: normal; margin-bottom: 5px; color: #003c84;}
.news .l .title p { font-size: 12px; color: #aaa; }
.news .l .list { border-left: 1px solid #dadada; }
.news .l .list li { position: relative; padding: 10px 0;padding-left: 100px; height: 60px; }
.news .l .list li .date { border: 1px solid #ccc; position: absolute; left: 20px; width: 50px; border-radius: 2px; overflow: hidden; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; }
.news .l .list li .date span { display: block; font-size: 12px; white-space: nowrap;text-overflow:ellipsis; overflow:hidden; text-align: center; background: #ccc; color: #fff; line-height: 18px; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;}
.news .l .list li .date i { font-style: normal; line-height: 40px; font-size: 22px; color: #666; display: block; text-align: center; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; }
.news .l .list li:hover .date { border-color: #003b82; }
.news .l .list li:hover .date span { background: #003b82; }
.news .l .list li:hover .date i { color: #003b82; }
.news .l .list li h1 { font-size: 15px; font-weight: 900; color: #333; line-height: 20px; margin-bottom: 5px; white-space: nowrap;text-overflow:ellipsis; overflow:hidden; }
.news .l .list li:hover h1 { color: #003b82; }
.news .l .list li p { overflow: hidden; height: 40px; line-height: 20px; font-size: 12px; color: #aaa;}

.news .r {/* position: absolute; bottom: 0px; left: 33.333%; */padding-right: 10px; width: 66.666%; }
.news .r .con { float: left; width: 50%; }
.news .r .con .card { margin-right: 20px;  }
.news .r .con a { display: block; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; }
.news .r .con a:hover { transform: translateY(-5px);-webkit-transform: translateY(-5px); box-shadow: 0 2px 5px rgba(0,0,0,.1); }
.news .r .con .face { height: 175px; background-size: cover; background-position: center; border-top-left-radius: 4px; border-top-right-radius: 4px; overflow: hidden; }
.news .r .con .text { border: 1px solid #ccc; border-top: 0; padding: 10px; position: relative; padding-left: 80px;border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;  }
.news .r h1 { font-size: 15px; font-weight: 900; color: #333; line-height: 20px; margin-bottom: 5px; white-space: nowrap;text-overflow:ellipsis; overflow:hidden; }
.news .r p { white-space: nowrap;text-overflow:ellipsis; overflow:hidden;height: 20px; line-height: 20px; font-size: 12px; color: #aaa;}

.news .r .date { border-right: 1px solid #ccc; position: absolute; left: 0px; width: 60px;top: 0; bottom: 0; }
.news .r .date span { display: block; font-size: 12px; white-space: nowrap;text-overflow:ellipsis; overflow:hidden; text-align: center; background: #ccc; color: #fff; line-height: 26px; }
.news .r .date i { font-style: normal; line-height: 40px; font-size: 22px; color: #666; display: block; text-align: center; }
.pager { margin: 30px auto; display: inline-block; float: right; }
.pager ul { position: relative; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; }
.pager ul li { float: left; line-height: 30px; margin-right: 5px; }
.pager ul li i { background: #333; color: #fff;  border-radius: 4px; display: block; font-style: normal; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; }
.pager ul li a { position: relative; display: block; line-height: 30px; padding: 0 10px;}
.pager ul li:hover i,
.pager ul li.active i { background: #ffc104; }
.pager ul li:hover a,
.pager ul li.active a { color: #fff; }
.pager ul li input[type="text"] { width: 40px; border: 1px solid #dadada; height: 28px; line-height: 28px; text-align: center; margin: 0 5px; border-radius: 4px; }
.pager ul li input[type="button"] { background: #ffc104; line-height: 30px; padding: 0 15px; margin-left: 10px; color: #fff; border: 0; border-radius: 4px; }


.network { padding-bottom: 80px; }



.slogan { position: relative; height: 420px; background-size: cover; background-size: auto 100%\9; background-position: center; background-repeat: no-repeat; }
.content { position: relative; z-index: 2;max-width: 1200px; margin: 0 auto; margin-top: -15px; border-radius: 6px; box-shadow: 0 5px 20px rgba(0,0,0,.25); background: #fff; padding: 30px 60px; margin-bottom: -15px; }
.content .nav { position: relative; margin-bottom: 30px; }
.content .nav ul li { display: inline-block; margin-right: 15px; }
.content .nav ul li a { display: block; background: #eaeaea; color: #333;border-radius: 2px;  line-height: 35px; padding: 0 20px;}
.content .nav ul li.active a { background: #ffd800; color: #fff; box-shadow: 0 0 3px #ffd800; }

/*关于厦工*/
.intro .main { position: relative; padding-right: 50%; margin-bottom: 80px; }
.intro .main .text { line-height: 2; text-indent: 2em; font-size: 14px; }
.intro .main .video { position: absolute; top: 20px; right: 0; bottom: 20px; left: 50%; margin-left: 60px; }
.intro .main .video .face { width: 100%; height: 100%; border-radius: 6px; overflow: hidden; background-size: cover; background-position: center; box-shadow: 0 0 0 rgba(0,0,0,0); position: relative;}
/*.intro .main .video .face:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.25); }*/
.intro .main .video:hover .face { transform: translateY(-10px) translateX(-10px);-webkit-transform: translateY(-10px) translateX(-10px);box-shadow: 20px 20px 0 rgba(0,0,0,0.2); }
.intro .main .video .iconfont { position: absolute; top: 50%; left: 50%; width: 1.5em; height: 1.5em; border: 4px solid rgba(20,83,197,.75); text-align: center; line-height: 1.5em; margin: -32px; font-size: 40px; border-radius: 100%; color: rgba(20,83,197,.75); }
.intro .blocks .block { margin-bottom: 100px; }
.intro .blocks .block .title { position: relative; padding-left: 150px; background-size: auto 100%; background-repeat: no-repeat; }
.intro .blocks .block .title h2 { line-height: 80px; padding-top: 20px; font-size: 20px; color: #003b82; font-weight: 900; }
.intro .blocks .block .cont { font-size: 15px; line-height: 2; }

.wish .blocks .block { position: relative; padding: 90px 60px; position: relative; background-color: #eaeaea; margin-bottom: 15px; background-size: auto 100%; background-position: center right; background-repeat: no-repeat; }
.wish .blocks .block:nth-child(2n+1) { text-align: right; background-position: center left; }
.wish .blocks .block h1 { font-size: 50px; font-weight: 900; text-shadow: 2px 2px rgba(0,0,0,.35); color: #fff; margin-bottom: 20px; }
.wish .blocks .block h2 { font-size: 25px; font-weight: 900; color: #003b82; }

.wish .blocks .block:nth-child(3n+1) { background-color: #c9d2c7; }
.wish .blocks .block:nth-child(3n+2) { background-color: #d5d30c; }
.wish .blocks .block:nth-child(3n+3) { background-color: #87a9cd; }

.media .items .item { position: relative; display: block; margin-bottom: 30px; border: 1px solid #eaeaea; }
.media .items .item .face { position: absolute; top: 0px; left: 0; bottom: 0; width: 370px;background-color: #eaeaea; overflow: hidden; }
.media .items .item .face i { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center; }
.media .items .item:hover .face i { -webkit-transform: scale(1.05);transform: scale(1.05); transform-origin: center; }
.media .items .item .face:before { content: '\e60e'; font-size: 30px; border: 2px solid; width: 2em; height: 2em; line-height: 2em; text-align: center; margin: -33px; position: absolute; top: 50%; left: 50%; font-family: 'iconfont'; border-radius: 100%; color: #fff; opacity: .75;text-indent: 5px; z-index: 2; }
.media .items .item .text { margin-left: 370px; padding: 60px;}
.media .items .item .text h5 {font-size: 20px; color: #000; margin-bottom: 60px; }
.media .items .item .text p { font-size: 14px; line-height: 25px; color: #333; height: 50px; overflow: hidden; margin-bottom: 20px; }
.media .items .item .text i { display: block; text-align: right; color: #aaa; font-size: 14px; }

.globalmap { position: relative; }
.global svg { display: block; }
.global svg path { fill: #e0e0e0; stroke: #666; opacity: .5; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out; }
.global svg path:hover { opacity: 1; transform:translateY(-5px);-webkit-transform:translateY(-5px); z-index: 2; }
.global svg [data-original-title="China"] path { fill: #e80000; }
.global .nodes .node { display: block; position: absolute; }
.global .nodes .node.dot i:before { content: ''; display: block; width: 16px; height: 16px; margin: -8px; background: #fff; border-radius: 100%; opacity: .75; position: absolute; -webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name: pulse;animation-name: pulse;  }
.global .nodes .node.dot i:after { content: ''; display: block; width: 10px; height: 10px; border-radius: 100%; background: #ff9901; margin: -5px; position: absolute;}
.global .nodes .node.dot span { position: absolute; display: none; left:50%; bottom: 100%; margin-bottom: 15px; background: #fff; box-shadow: 2px 5px 10px rgba(0,0,0,.25); width: 100px; text-align: center; font-size: 14px; line-height: 1.25; padding: 10px; border-radius: 6px; margin-left: -60px; word-wrap:break-word; word-break: break-all;}
.global .nodes .node.dot span:after { content: ''; left: 50%; position: absolute; border: 8px solid; border-color: #fff transparent transparent transparent; top: 100%; margin-left: -8px; }
.global .nodes .node.dot:hover span {  display: block; }

.global .nodes .node.pic { margin: -15px; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name: flip;animation-name: flip; }
.global .nodes .node.pic:hover { transform:translateY(-5px);-webkit-transform:translateY(-5px); }
.global .nodes .node.pic img { width: 30px; height: 30px; }
.global .nodes .node.pic .info { display: none; }
.infowin {  position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.65); display: none; }
.infowin .win { position: absolute; top: 100px; left: 50%; width: 500px; background: #fff; margin-left: -250px; }
.infowin .win .title {  padding: 0 20px; line-height: 40px; font-size: 14px; background: #f5f5f5; border-bottom: 1px solid #eaeaea; }
.infowin .win .cont {padding: 20px; font-size: 14px; line-height: 25px;  }
.infowin .win .btn { padding: 20px; padding-top: 0; text-align: right; }
.infowin .win .btn a { display: inline-block; padding: 0 30px; line-height: 30px; background: #eaeaea; border: 1px solid #dadada; font-size: 14px; }

.contactinfo .left { float: left; width: 50%;}
.contactinfo .left .con { border: 1px solid #dcdcdc;background: #e2f4fe; border-radius: 6px; padding: 50px 150px; font-size: 14px; line-height: 24px; color: #1c87d6;}
.contactinfo .left .con h2 { font-size: 20px; margin-bottom: 20px; font-weight: 900;* }
.contactinfo .left .con p { margin-bottom: 5px; }
.contactinfo .right { float: left; width: 50%;}
.contactinfo .right .con { padding-left: 120px; line-height: 30px; font-size: 16px; }

.duty .block { position: relative; margin-bottom: 30px; }
.duty .block .face { position: absolute; top: 0; bottom: 0; width: 400px; left: 0; background-color: #f5f5f5; background-size: cover; background-position: center; }
.duty .block .text {  margin-left: 405px; background: #eee; }
.duty .block .text .con { padding: 45px; }
.duty .block .text h1 { font-size: 30px; font-weight: 900; margin-bottom: 20px; color: #f7bd01; }
.duty .block .text .info { font-size: 15px; line-height: 30px; min-height: 150px; }
.duty .block:nth-child(2n+2) .face { left: auto; right: 0; }
.duty .block:nth-child(2n+2) .text { margin-left: 0; margin-right: 405px; }

.contact .map #map { height: 600px; }
.BMapLabel { position: absolute; background: #fff; width: 180px; padding: 5px !important; line-height: 20px; margin-left: -105px; text-align: center; border-radius: 4px; bottom: 100%; box-shadow: 0 0 10px rgba(0,0,0,.45); -webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name: fadeInUp;animation-name: fadeInUp;display: block !important; top: auto !important; margin-bottom: 10px;  }
.BMapLabel:after { content: ''; border: 8px solid; border-color: #fff transparent transparent transparent; position: absolute; top: 100%; left: 50%; margin-left: -8px; }
.contact .info .item {  float: left; width: 50%; }
.contact .info { margin: 0 -10px; margin-top: 50px; }
.contact .info .item .con { margin: 10px; border: 1px solid #eaeaea; }
.contact .info .item h2 { background: #f5f5f5; border-bottom: 1px solid #eaeaea; line-height: 40px; font-size: 15px; padding: 0 20px; }
.contact .info .item .text{ padding: 20px; font-size: 15px; line-height: 25px; height: 125px; overflow: hidden; }

/*新闻*/
.news .textlist { list-style: none; }
.news .textlist li { position: relative; padding: 30px 20px; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; border-radius: 6px;}
.news .textlist li a { position: relative; display: block; padding-left: 80px; }
.news .textlist li .date { border: 1px solid #ccc; position: absolute; left: 0; width: 50px; border-radius: 2px; overflow: hidden; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; }
.news .textlist li .date span { display: block; font-size: 12px; white-space: nowrap;text-overflow:ellipsis; overflow:hidden; text-align: center; background: #ccc; color: #fff; line-height: 18px; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;}
.news .textlist li .date i { font-style: normal; line-height: 40px; font-size: 22px; color: #666; display: block; text-align: center; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; }
.news .textlist li:hover { box-shadow: 0 3px 20px rgba(0,0,0,0.1); transform: translateY(-5px);-webkit-transform: translateY(-5px); }
.news .textlist li:hover .date { border-color: #003b82; }
.news .textlist li:hover .date span { background: #003b82; }
.news .textlist li:hover .date i { color: #003b82; }
.news .textlist li h1 { font-size: 20px; font-weight: normal; color: #333; line-height: 20px; margin-bottom: 15px; }
.news .textlist li:hover h1 { color: #003b82; }
.news .textlist li p { overflow: hidden; height: 60px; line-height: 20px; font-size: 12px; color: #aaa;}

.news .showcase { margin: 0 -10px; margin-bottom: 30px; }
.news .showcase .con { float: left; width: 33.33%; }
.news .showcase .con .card { margin: 0 10px;  }
.news .showcase .con a { display: block; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; }
.news .showcase .con a:hover { transform: translateY(-5px);-webkit-transform: translateY(-5px); box-shadow: 0 2px 5px rgba(0,0,0,.1); }
.news .showcase .con .face { height: 175px; background-size: cover; background-position: center; border-top-left-radius: 4px; border-top-right-radius: 4px; overflow: hidden; }
.news .showcase .con .text { border: 1px solid #ccc; border-top: 0; padding: 10px; position: relative; padding-left: 80px;border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;  }
.news .showcase h1 { font-size: 15px; font-weight: 900; color: #333; line-height: 20px; margin-bottom: 5px;white-space: nowrap;text-overflow:ellipsis; overflow:hidden; }
.news .showcase p { white-space: nowrap;text-overflow:ellipsis; overflow:hidden;height: 20px; line-height: 20px; font-size: 12px; color: #aaa;}

.news .showcase .date { border-right: 1px solid #ccc; position: absolute; left: 0px; width: 60px;top: 0; bottom: 0; }
.news .showcase .date span { display: block; font-size: 12px; white-space: nowrap;text-overflow:ellipsis; overflow:hidden; text-align: center; background: #ccc; color: #fff; line-height: 26px; }
.news .showcase .date i { font-style: normal; line-height: 40px; font-size: 22px; color: #666; display: block; text-align: center; }
.nd { position: relative; }
.nd .info { 

	border-bottom: 1px solid #dadada;
    line-height: 50px;
    position: relative;
    height: 50px;
 }
.nd .info h5 { 

	font-size: 20px;
    text-align: center;
    font-weight: 900;
    line-height: 30px;
    height: 30px;
 }
.nd .info .breadcrumb { position: absolute; top: 0; right: 0; }
.nd .info .breadcrumb p { display: inline; color: #aaa; font-weight: 900; margin-right: 10px; }
.nd .info .breadcrumb a {  position: relative; display: inline-block; line-height: 30px; }
.nd .info .breadcrumb a:hover { color:#003b82; }
.nd .info .breadcrumb a:after { content: '\e60a'; font-family: 'iconfont'; font-size: 12px; line-height: 30px; display: inline-block; padding: 0 5px;}
.nd .info .breadcrumb a:last-of-type:after { display: none;}
.nd .info .tools { position: absolute; right: 0; top: 100%; }
.nd .info .tools:before { content: '\e6bb'; font-family: 'iconfont'; font-size: 16px; position: absolute; right: 100%; top: 0; margin-right: 10px; line-height: 30px; display: inline-block; }
.nd .info .tools a { line-height: 20px; margin: 5px 0;display: inline-block; margin-left: 5px; height: 20px; width: 20px; text-align: center; border-radius: 2px; }
.nd .info .tools a.active { background: #003b82; color: #fff; }
.nd .info .tools a.small { font-size: 14px; }
.nd .info .tools a.medium { font-size: 16px; }
.nd .info .tools a.large { font-size: 18px; }

.nd .title { padding: 70px 0  0 0; }
.nd .title h1 { font-size: 20px; font-weight: normal; color: #333; text-align: center; line-height: 1.5;}
.nd .detial p { line-height: 2; font-size: 14px;}
.nd .detial { padding: 30px 0; }

/*产品*/
.prolist .block { margin-bottom: 50px; }
.prolist .block .title { position: relative; margin-bottom: 20px; padding-left: 60px; }
.prolist .block .title i { position: absolute; top: 50%; left: 0; width: 50px; margin-top: -25px; }
.prolist .block .title h1 { font-size: 25px; color: #003b82; margin-bottom: 5px;}
.prolist .block .title p { font-size: 14px; color: #999; }
.prolist .block .items { margin: 0 -5px; }
.prolist .block .item { float: left; width: 16.666%; }
.prolist .block .item .con { margin: 5px; border: 1px solid #eaeaea; display: block; height: 220px; position: relative; background-size: cover; background-position: center; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out; background-color: #fff;  }
.prolist .block .item .con:hover { transform:translateY(-5px);-webkit-transform:translateY(-5px); box-shadow: 0 5px 10px rgba(0,0,0,.25);}
.prolist .block .item.main .info { position: absolute; top: 20px; left: 0; right: 0; text-align: center; color: #fff; text-shadow: 0 0 5px rgba(0,0,0,.25); }
.prolist .block .item.main .info h2 { font-size: 20px; font-weight: 900; margin-bottom: 5px; }
.prolist .block .item.main .info p { font-size: 14px; }
.prolist .block .item .img { padding: 20px 10px; }
.prolist .block .item span { position: absolute; bottom: 20px; left: 0; right: 0; text-align: center; color: #828282; font-size: 14px; }

.cases .filter { margin-bottom: 20px; border-top: 1px solid #eaeaea; padding: 20px 0; border-bottom: 1px solid #eaeaea;}
.cases .filter li { display: inline-block; margin-right: 5px; position: relative; }
.cases .filter li a { display: block; line-height: 30px; font-size: 12px; padding: 0 30px; background: #dcdcdc; color: #fff; border-radius: 4px; position: relative;}
.cases .filter li a:after { content: ''; position: absolute; left: 50%; bottom: 0; border: 0.5em solid; border-color: transparent transparent #fff transparent; margin-left: -0.5em; font-size: 12px; transform:translateY(6px);-webkit-transform:translateY(6px);transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;}
.cases .filter li.active a:after,
.cases .filter li:hover a:after { transform:translateY(0px);-webkit-transform:translateY(0px); }
.cases .filter li.active a { background: #003b82; }

.cases .pages .items { display: none; margin: 0 -20px; }
.cases .pages .items.active { display: block; }
.cases .pages .items .item { float: left; width: 50%; margin-bottom: 40px;}
.cases .pages .items .item a { display: block; margin: 0 20px; position: relative; padding: 20px; border: 1px solid #eaeaea;}
.cases .pages .items .item a:hover { background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.15); }
.cases .pages .items .item .face { position: absolute; top: 0; left: 0; width: 220px;bottom: 0; background-size: cover; background-position: center; border-right: 1px solid #eaeaea; }
.cases .pages .items .item .face:before { content: ''; position: absolute; border: 4px solid #fff; left: 0; bottom: 0; top: 0; right: 0; }
.cases .pages .items .item .text { margin-left: 240px; padding-bottom: 40px; position: relative; }
.cases .pages .items .item .text h5  { font-size: 16px; color: #003b82; line-height: 25px; margin-bottom: 30px; height: 25px; overflow: hidden; white-space: nowrap;text-overflow:ellipsis; overflow:hidden;  }
.cases .pages .items .item .text p { font-size: 13px; line-height: 22px; color: #aaa; height: 44px; overflow: hidden; }
.cases .pages .items .item .text:after { content: '查看详情'; position: absolute; bottom: 0; right: 0; background: #ccc; color: #fff; line-height: 20px; padding: 0 15px; font-size: 12px; }

.org { position: relative; }
.org .tip { position: absolute; top: 20px; left: 20px; padding: 15px; background: rgba(0,0,0,0.5); border: 1px solid #000 color: #fff; width: 210px; color: #fff; font-size: 14px; line-height: 24px; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;}
.org:hover .tip { opacity: 0; }
.org .map { position: relative; max-width: 900px; margin: 20px auto; }
.org .map svg polygon { cursor: pointer;stroke:#fff;fill:#ff6600; fill: url(../fonts/main.css); opacity: .5; }
.org .map svg polygon:hover { opacity: .5; }
.org .map svg polygon[active]:hover { opacity: 1; }
.org .map svg circle{fill:#ffd800;display:none;pointer-events: none; opacity: 1;}
.org .map svg circle.show{display:block;}
.org .map .branch-province { position: absolute;width: 80px; color: #fff; font-size: 12px; margin-left: -18px; width: 36px; text-align: center; pointer-events: none; }
.org .map .branch-province:last-of-type {   pointer-events: all; z-index: 9999; margin-top: 0px; cursor: pointer;}

.map #info { position: absolute; top: 25%; left: 25%; bottom: 25%; right: 25%; background: #fff; border: 1px solid #eaeaea; display: none; z-index: 9; }
.map #info .title { border-bottom: 1px solid #eaeaea; line-height: 45px; padding: 0 20px; }
.map #info .title .iconfont { margin-right: 10px; }
.map #info .cont { position: absolute; top: 46px; bottom: 0; left: 0; right: 0; overflow-y: scroll; padding: 20px; }
.map #info .cont .item { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #eaeaea; }
.map #info .cont .item h5{ font-weight: 600; color: #333; margin-bottom: 10px; }
.map #info .cont .item p { font-size: 12px; line-height: 22px; color: #666; }

.invest .title { margin-bottom: 30px; border-bottom: 1px solid #abc0d8; }
.invest .title h2 { font-size: 20px; font-weight: 900; color:  #003b82; line-height: 40px; }
.invest .frame { position: relative; }
.invest .frame .info { position: relative;text-align: center; display: inline-block;  }
.invest .frame ul { display: inline-block; text-align: left; }
.invest .frame ul li { display: block; margin-bottom: 40px;  }
.invest .frame ul li:nth-child(3) span { margin-left: 150px; }
.invest .frame ul li span { display: inline-block; line-height: 45px; padding: 0 20px; background: #e2f4fe; color: #1c87d6; border-radius: 4px; min-width: 200px;text-align: center;  }
.invest .frame .data i { position: absolute; line-height: 45px; padding: 0 20px; font-weight: 600;border-right: 2px solid #1c87d6; }
.invest .frame .data i:after { content: ''; position: absolute; bottom: 0; border: 7px solid; border-color: #1c87d6 transparent transparent transparent; right: -8px; margin-bottom: -7px; }
.invest .frame .data i:nth-child(1) { top: 12.5%; right: 50%;  }
.invest .frame .data i:nth-child(2) { top: 37.5%; right: 42%; }
.invest .frame .data i:nth-child(3) { top: 37.5%; right: 80%; line-height: 130px; }
.invest .frame .data i:nth-child(4) { top: 62.5%; right: 42%; }
.invest .frame .more { position: absolute; top: 120px; left: 550px; }
.invest .frame .more p { margin-top: 20px;  }

.pdf { position: relative; }
.pdf ul li { position: relative; border-bottom: 1px solid #dadada; }
.pdf ul li a { padding-left: 120px; display: block; position: relative; }
.pdf ul li a:before { content: ''; background: url('../images/pdf.png'); position: absolute; top: 50%; left: 0; width: 30px; height: 30px; background-repeat: no-repeat; background-position: center; margin-top: -15px; }
.pdf ul li a:after { content: 'PDF下载'; position: absolute;  top: 50%; left: 35px;margin-top: -11px; font-size: 12px; line-height: 20px; border: 1px solid #eaeaea; color: #666; padding: 0 10px;  }
.pdf ul li a p { padding-right: 100px; line-height: 60px; white-space: nowrap;text-overflow:ellipsis; overflow:hidden; }
.pdf ul li a p:before { content: '《 '; } .pdf ul li a p:after { content: ' 》'; }
.pdf ul li a span { position: absolute; top: 50%; right: 0; line-height: 30px; margin-top: -15px; color: #aaa; font-size: 15px; }

.stock .items .item { float: left; width: 50%; margin-bottom: 40px; text-align: center; }
.stock .items .item h1 { font-weight: 600; color: #003b82; margin-bottom: 20px; font-size: 20px; }

.relation { position: relative; padding-left: 300px; border: 1px solid #dadada; }
.relation .face { position: absolute; top: 0; bottom: 0; left: 0; width: 300px; background-color: #eaeaea; background-size: cover; background-position: center;}
.relation .text { padding: 50px; line-height: 30px;  }

/*.baozhang { background: url('../images/index-pro-bg.jpg') no-repeat top center; }*/
.baozhang .block { margin-bottom:80px; }
.baozhang .title { color: #000; font-size: 20px; font-weight: 900; position: relative; padding-left: 35px; margin-bottom: 30px; }
.baozhang .title .iconfont { position: absolute; font-size: 30px; line-height: 30px; margin-top: -15px; top: 50%; left: 0; width: 30px; text-align: center; color: #003b82;}
.baozhang .wenhua .cont { margin: 0 -20px; }
.baozhang .wenhua .item { float: left; width: 33.3333%; }
.baozhang .wenhua .item .con { margin: 0 20px; text-align: center; padding: 40px; background-color: #898989; background-size: cover; background-position: center; position: relative; border-radius: 6px; overflow: hidden; }
.baozhang .wenhua .item .con:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.65); }
.baozhang .wenhua .item .con > * { position: relative; z-index: 2; }
.baozhang .wenhua .item .iconfont { display: block; font-size: 50px; line-height: 1; margin-bottom: 15px; color: #ffd800; text-shadow: 0 0 10px #ffd800; }
.baozhang .wenhua .item h2 { font-size: 18px; font-weight: 900; margin-bottom: 10px; color: #fff; }
.baozhang .wenhua .item p { font-size: 14px; line-height: 25px; height: 50px; color: #fff; }
.baozhang .fuwu .cont { margin: 0 -20px; }
.baozhang .fuwu .item { float: left; width: 50%; margin: 20px 0; }
.baozhang .fuwu .con { margin: 0 20px; position: relative; padding: 20px; padding-left: 130px; overflow: hidden; border: 1px solid #eaeaea; border-radius: 6px; }
.baozhang .fuwu .con i { position: absolute; top: 0; left: -30px; width: 115px; bottom: 0; font-size: 50px; text-align: center; background: #ffd800; color: #fff; transform: skew(-10deg); box-shadow: 15px 0 0 #f5f5f5; }
.baozhang .fuwu .con font { transform: skew(10deg); display: block; padding-left: 25px; line-height: 100px; }
.baozhang .fuwu .con h2 { font-size: 17px; font-weight: 900; margin-bottom: 15px;}
.baozhang .fuwu .con .info { line-height: 25px; font-size: 14px; height: 100px; }

.baozhang .biaozhun .cont { margin: 0 -10px; }
.baozhang .biaozhun .item { float: left; width: 16.6666%;  }
.baozhang .biaozhun .con { margin: 20px 10px; text-align: center; padding: 0 20px;}
.baozhang .biaozhun .con .iconfont { display: inline-block; border-radius: 100%; color: #ffb900; margin-bottom: 25px; font-size: 40px; position: relative; }
.baozhang .biaozhun .con .iconfont:before { content: ''; position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; background: #f5f5f5; transform: rotate(45deg); margin: -30px; z-index: -1; border-radius: 4px; box-shadow: 3px -1px 5px rgba(0,0,0,.15); }
.baozhang .biaozhun .con b { display: block; font-size: 14px; line-height: 20px; height: 40px; }
.baoxiu .left, .baoxiu .right { float: left; width: 50%; position: relative; }
.baoxiu .right .con { margin-left: 30px; padding-left: 220px;position: relative; }
.baoxiu .right .con .qrcode { width: 200px; position: absolute; top: 0; left: 0; border: 2px solid #eaeaea; border-radius: 4px; overflow: hidden; }
.baoxiu .right ul { position: relative; }
.baoxiu .right ul li { position: relative; background: #f5f5f5; border: 1px solid #eaeaea; border-radius: 4px; line-height: 35px; text-align: center; font-size: 14px; margin-bottom: 18px; }
.baoxiu .right ul li:before { content: ''; position: absolute; top: 100%; height: 18px; left: 50%; border-right: 2px solid #ccc; margin-left: -1px; }
.baoxiu .right ul li:after { content: ''; position: absolute; top: 100%; left: 50%; border: 5px solid; border-color: #ccc transparent transparent;margin-top: 13px; margin-left: -5px; }
.baoxiu .right ul li:last-of-type:after,
.baoxiu .right ul li:last-of-type:before { display: none; }
.baoxiu .left .con { height: 200px; background-size: cover; background-position: top right; border-radius: 6px; overflow: hidden; position: relative; }
.baoxiu .left .con .info { left: 80px; top: 50%;text-align: center; position: absolute; margin-top: -42px; }
.baoxiu .left .con .iconfont { font-size: 50px; display: inline-block; margin-bottom: 10px; }

.network { position: relative; overflow: hidden; border: 1px solid #dadada; border-radius: 6px; background: #eaeaea; }

.network .map { position: relative; width: 60%; padding-top: 80px; margin-left: 5%;}
.network .map svg polygon { cursor: pointer;stroke:#fff;fill:#ff6600; fill: url(#jianbian);stroke-width:0.75;opacity: 0.65;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; }
.network .map svg polygon[active] { fill:#ff6600; fill: url(../fonts/main.css);}
.branch-choose .select font{margin-left:10px;}
.arrow-down{width: 0px;height: 0px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid white;font-size: 0px;line-height: 0px;margin:13px 10px 0 0;}
.branch-choose .select ul{width:100%;max-height:210px;position:absolute;top:32px;left:0px;z-index:2;overflow:hidden;overflow-y:auto;background-color: white;display:none;box-shadow:0 5px 5px rgba(0,0,0,0.15);}
.branch-choose .select ul li{text-indent:10px;line-height:30px;color:#666;}
.branch-choose .select ul li:hover{background-color:#e4e4e4;}
.branch-list{max-height:492px;overflow:hidden;overflow-y:auto;  }
.branch-list .item{background-color:white;cursor:pointer;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; border-bottom: 1px solid #eaeaea;}
.branch-list .item:last-of-type { border: 0; }
.branch-list::-webkit-scrollbar{width:9px; background-color:rgba(255,255,255,0.5);}
.branch-list::-webkit-scrollbar-thumb{border:none; width:5px;background-color:rgba(0,0,0,0.4);}
.branch-list::-webkit-scrollbar-corner{background-color:rgba(255,255,255,0.5);}
.branch-list::-webkit-scrollbar:horizontal{height:9px;}
.branch-list .item:last-child{margin-bottom:0px;}
.branch-list .item:hover{box-shadow:0 0 10px rgba(0,0,0,0.2);opacity:0.8;}
.branch-list .item .name{font-size:18px;border-bottom:1px #efefef solid;text-align:center;padding:20px 0;}
.branch-list .item .service{border-top:1px #efefef solid;padding:20px 0;line-height:24px;}
.branch-list .item .contact font{float:left;width:10px;height:14px;border:1px #a2a2a2 solid;border-radius:1px;position: relative;margin:2px 11px 0 0;}
.branch-list .item .contact i{width:4px;height:2px;left:3px;bottom:0px;border-top:1px #a2a2a2 solid;position: absolute;}
.branch-list .item .contact i{width:4px;height:2px;left:3px;bottom:0px;border-top:1px #a2a2a2 solid;position: absolute;}
.branch-list .item .iconfont{font-size:36px;color:#d1d1d1;}
.branch-mask{display:none;width:100%;height:100%;position: absolute;top:0px;left:0px;z-index:200;background-color:rgba(0,0,0,0.5);}
.branch-info {display:none;width:50%;position: absolute;top:0px;right:0px;z-index:9999201;background-color:white;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out; bottom: 0;}
.branch-info.show{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);}
.branch-info .info{padding:50px;height:80px;}
.branch-info .text{margin-left:50px;width:320px;}
.branch-info #map{width:100%;position: absolute;top:180px;left:0px;right:0px;bottom:0px;background-color:#f4f4f4;}
.branch-info .close{width:25px;height:25px;position: absolute;top:30px;right:30px;z-index:2;cursor:pointer; font-size: 25px;}
.branch-area{ position: absolute; z-index: 3; background: #fff; border-radius: 4px; width: 80px; padding: 5px 10px; box-shadow: 3px 3px 15px rgba(0,0,0,.15); margin-left: -50px; font-size: 14px; margin-top: -70px;
	text-align:center;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;transition: all 0.3 ease-in-out;-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);transform: scale(0);display:none;}
.branch-area.show{-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.branch-area:before{content:""; position: absolute; top: 100%; left: 50%; border: 6px solid; border-color: #fff transparent transparent; margin-left: -6px; }
.branch-area .number{font-size:25px;color:#ffd800; text-shadow: 0 0 10px #ffd800; font-weight: 900; text-align: center; display: block;}
.branch-province{white-space: nowrap;position: absolute;pointer-events: none;color:#fff;font-size:12px; z-index: 2; text-shadow: 0 0 3px #000; margin-top: 10px; width: 100px; text-align: center; margin-left: -50px;}

.network .w100{width:100%;}
.network .fl{float:left;}
.network .fr{float:right;}
.network .rel{position: relative;}
.network .block{display:block;}
.network .plr-15{padding-left:15px;padding-right:15px;}
.network .plr-40{padding-left:40px;padding-right:40px;}
.network .ptm-25{padding-top:25px;padding-bottom:25px;}
.network .mt-20{margin-top:20px;}
.network .mt-15{margin-top:15px;}
.network .mt-10{margin-top:10px;}
.network .mr-15{margin-right:15px;}
.network .mr-20{margin-right:20px;}
.network .f-18{font-size:18px;}
.network .f-16{font-size:16px;}
.network .f-14{font-size:14px;}
.network .h-20{line-height:20px;}
@media screen and (max-width:1440px){
	.branch-svg{width:60%;right:43%;}
	.branch-info .info{padding:60px;}
	.branch-info #map{top:200px;}
	.branch-wrap{min-height:600px;}
	.branch-choose{margin-top:3%;}
}

.bussiness { border: 1px solid #dadada; position: relative; }
.bussiness .left { border-right: 1px solid #dadada; width: 180px; }
.bussiness .left a { border-bottom: 1px solid #dadada; height: 180px; display: block; position: relative;}
.bussiness .left .info { position: absolute; top: 50%; left: 0; right: 0; text-align: center; margin-top: -30px;color: #666; }
.bussiness .left .info .iconfont { font-size: 35px; display: block; margin-bottom: 5px; line-height: 1; color: #fdd803; }
.bussiness .left .info p { font-size: 14px; line-height: 20px; }
.bussiness .right { position: absolute; top: 0; right: 0; left: 180px; bottom: 0; padding: 50px; overflow-y: scroll; }
.bussiness .right b { margin-top: 50px; display: block; margin-bottom: 20px; color: #003b82; font-weight: 900; }
.bussiness .right b:first-child { margin-top: 0; }
.bussiness .right p { font-size: 14px; line-height: 24px; color: #666; }

.finance .block { margin-bottom: 40px; position: relative; background-color: #97acc9; background-size: auto 100%; background-size: cover; background-position: center right;overflow: hidden; background-repeat: no-repeat; background-position: center left; }
.finance .block .text { max-width: 40%; padding: 40px 50px; }
.finance .block:nth-child(2n+2) { background-position: center right; }
.finance .block:nth-child(2n+1) .text { max-width: 40%;float: right; }
.finance .block .text h1 { font-size: 32px; position: relative; padding-left: 60px; margin-bottom: 20px; color: #ffd800;}
.finance .block .text h1 .iconfont { position: absolute; line-height: 50px; font-size: 50px; top: 50%; margin-top: -25px; left: 0; }
.finance .block .text p { font-size: 15px; line-height: 25px; min-height: 75px; }


.milestone .title { padding: 10px 0; border-bottom: 1px solid #dadada; margin-bottom: 30px; }
.milestone .title h1 { font-size: 22px; font-weight: normal; color: #003b82; font-weight: 900; }
.ms .timeline { position: relative; padding: 0 50px;}
.ms .timeline .years { overflow: hidden; margin-bottom: 30px; }
.ms .timeline .years ul { transition: all .5s ease-out;-webkit-transition: all .5s ease-out;-o-transition: all .5s ease-out;-moz-transition: all .5s ease-out; margin-left: 0;  }
.ms .timeline .years ul li { float: left; text-align: center; border-bottom: 8px solid #dadada; position: relative; z-index: 1;}
.ms .timeline .years ul li:before,
.ms .timeline .years ul li:after { content: ''; position: absolute; bottom: 0; width: 1px; height: 10px; background: #dadada; left: 0; }
.ms .timeline .years ul li:after { left: auto; right: -1px; }
.ms .timeline .years ul li a { display: inline-block; font-size: 14px; font-weight: normal; color: #aaa; line-height: 40px; position: relative; text-indent: 0;}
.ms .timeline .years ul li a font { font-size: 30px; font-weight: 900; }
.ms .timeline .years ul li a:after { content: ''; position: absolute; left: 50%; bottom: 0; border: 5px solid; border-color: transparent transparent #003b82 transparent; display: none; }
.ms .timeline .years ul li.active { z-index: 2; border-color: #003b82; }
.ms .timeline .years ul li:hover { z-index: 3; border-color: #ffc104; }
.ms .timeline .years ul li.active a { color: #003b82; text-indent: 60px; }
.ms .timeline .years ul li:hover a { color: #ffc104;  }
.ms .timeline .years ul li.active a:after { display: block; }
.ms .timeline .years ul li:hover a:after { display: block; border-color: transparent transparent #ffc104 transparent;  }
.ms .timeline .years ul li.active:before,
.ms .timeline .years ul li.active:after { background: #003b82; }
.ms .timeline .years ul li:hover:before,
.ms .timeline .years ul li:hover:after { background: #ffc104; }
.ms .minicar { position: absolute; top: 0; z-index: 2; height: 50px; transition: left 1s ease-out;-webkit-transition: left 1s ease-out;-o-transition: left 1s ease-out;-moz-transition: left 1s ease-out; -webkit-transform:perspective(400px) rotateX(0deg); }
.ms .minicar.flip { -webkit-transform:perspective(400px) rotateY(180deg); }
.ms .minicar img { height: 100%; }

/*.ms .timeline .things { margin: 0 -60px; }*/
.ms .timeline .things dl { padding: 20px; color: #aaa; display: none; }
.ms .timeline .things dl.active { display: block; }
.ms .timeline .things dl dt { font-size: 30px; font-weight: normal; line-height: 20px; margin-bottom: 20px; border-bottom: 1px solid #dadada; padding-bottom: 20px; font-family: 'agency'; position: relative;}
.ms .timeline .things dl dt .tool { position: absolute; right: 0; top: 0; }
.ms .timeline .things dl dt .tool a { display: inline-block; padding: 0 10px; font-size: 16px; }
.ms .timeline .things dl dt .tool a .iconfont { font-size: 16px; transform: translateY(0px);-webkit-transform: translateY(0px); color: inherit;}
.ms .timeline .things dl dt i { color: #003c84; margin-right: 8px; font-size: 20px; transform: translateY(-3px);-webkit-transform: translateY(-3px); display: inline-block;}
.ms .timeline .things dl dd { line-height: 1.5; font-size: 14px; margin-bottom: 20px; color: #333; position: relative; padding-left: 40px;}
.ms .timeline .things dl dd i { position: absolute; top: 50%; left: 0; line-height: 20px; width: 20px; text-align: center; background: #003c84; color: #fff; font-size: 12px; margin-top: -10px;}
.ms .timeline .things dl dd .face { position: relative; height: 112px; width: 180px; background-size: cover; background-position: center; border-radius: 4px; overflow: hidden; }
.ms .timeline .things dl dd .text { position: absolute; top: 0; left: 220px; padding: 30px; }
.ms .timeline a.btn { display: inline-block; position: absolute; top: 20px; line-height: 22px; width: 22px; text-align: center; left: 10px; font-size: 18px; background: #dadada; color: #fff; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;}
.ms .timeline a.btn:hover { background: #003c84; }
.ms .timeline a.btn.linenext { left: auto; right: 10px; }

.honor {margin-top: 50px; }
.honor .title { padding: 10px 0; border-bottom: 1px solid #dadada; margin-bottom: 30px; }
.honor .title h1 { font-size: 22px; font-weight: normal; color: #003b82; font-weight: 900; }
.honor .cont { margin: 0 -10px; }
.honor .cont .item { float: left; width: 33.333%; }
.honor .cont .item .con { margin: 10px; border: 1px solid #eaeaea; padding: 10px; text-align: center; }
.honor .cont .item .con .face { height: 200px;background-color: #eaeaea; margin-bottom: 10px; background-size: contain; background-position: center; background-repeat: no-repeat;}
.honor .cont .item .con p { font-size: 15px; }

.talent .main { line-height: 35px; font-size: 15px;  font-weight: 900; }
.talent .main p { text-indent: 2em; }
.talent .blocks .block { margin: 0 -10px; margin-top: 50px; }
.talent .blocks .block .item { float: left; width: 33.333%; }
.talent .blocks .block .item.big { width: 66.666%; }
.talent .blocks .block .item .con { margin: 10px; position: relative; background-color: #eaeaea; height: 300px; background-size: cover; background-position: center; background-repeat: no-repeat; }
.talent .blocks .block .item.stable .con { background-color: #fff; background-size: 50%;  }
.talent .blocks .block .item .text { position: absolute; top: 50%; left: 0; right: 0; text-align: center; margin-top: -35px; }
.talent .blocks .block .item .text h1 { font-size: 40px; color: #003b82; line-height: 40px; margin-bottom: 10px; }
.talent .blocks .block .item .text p {font-size: 20px; font-weight: 900; line-height: 20px; }

.qna { position: relative; padding: 50px 250px; }
.qna .q,
.qna .a { position: relative; margin-bottom: 30px;}
.qna .q { padding-right: 200px; }
.qna .a { padding-left: 200px; text-align: right; }
.qna .q:before,
.qna .a:before { content: ''; position: absolute; bottom: 0; width: 80px; height: 80px; background-size: 100%; background-position: center; background-image: url('../images/q.png'); right: 100%; z-index: 2; margin-right: 20px;}
.qna .a:before { background-image: url('../images/a.png'); margin-right: auto; right: auto; left: 100%; margin-left: 20px;}
.qna .q span,
.qna .a span { position: relative; background: #f5f5f5; border-radius: 10px; position: relative;padding: 30px; display: block; line-height: 30px; display: inline-block; text-align: left; }
.qna .q span { border-bottom-left-radius: 0; }
.qna .a span { border-bottom-right-radius: 0; }
.qna .q span:before,
.qna .a span:before { content: ''; position: absolute; right: 100%; bottom: 0; width: 30px; height: 30px; background: #f5f5f5; }
.qna .a span:before { right: auto; left: 100%; background: #dbe8ff; }
.qna .q span:after { content: ''; position: absolute; width: 60px; height: 60px; right: 100%; border-radius: 100%; background: #fff; bottom: 0;}
.qna .a span:after { content: ''; position: absolute; width: 60px; height: 60px; left: 100%; border-radius: 100%; background: #fff; bottom: 0;}
.qna .a span { background: #dbe8ff; }

.jobs .main { position: relative; height: 265px; background-size: cover; background-position: center; display: block; }
.jobs .main .text { position: absolute; top: 50%; right: 80px; font-size: 30px; color: #003b82; line-height: 40px; margin-top: -40px; }
.jobs .blocks .block { display: block; margin-top: 25px; border: 1px solid #dadada; padding: 50px 80px; }
.jobs .blocks .block h1 {color: #003b82; font-weight: 900; margin-bottom: 30px; font-size: 22px; }
.jobs .blocks .block p { font-size: 16px; color: #333; line-height: 30px; height: 60px; overflow: hidden; }
.jobs .blocks .block span { display: block; margin-top: 20px; text-align: right; color: #aaa; font-size: 14px; }












.popwin.term { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; background: rgba(0,0,0,0.5); display: none; }
.popwin.term .win { position: absolute; top: 50%; left: 50%; width: 600px; height: 500px; margin: -250px -300px; border-radius: 6px; overflow: hidden; background: #fff; }
.popwin.term .win .title { background: #003b82; color: #fff; position: relative; }
.popwin.term .win .title h1 { line-height: 45px; padding: 0 20px; font-size: 16px; font-weight: normal; }
.popwin.term .win .title .close { color: #fff; position: absolute; top: 0; right: 20px; font-size: 20px; line-height: 45px; }
.popwin.term .win .cont { height: 415px; overflow-y: scroll; padding: 20px; }
.popwin.sitemap dl { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #dadada;position: relative; }
.popwin.sitemap dl dt { line-height: 30px;font-weight: 900; position: absolute; top: 5px; left: 0; width: 100px; text-align: center; background: #003b82; color: #fff; border-radius: 4px; }
.popwin.sitemap dl dd { overflow: hidden; padding-left: 120px; padding-bottom: 5px; }
.popwin.sitemap dl dd a { display: block; float: left;width: 33.33%; line-height: 30px; margin-top: 5px; }




.agency { font-family: 'agency'; }
@font-face {
	font-family: 'agency'; 
	src: url('font/Agency.eot');
	src: url('../fonts/agency.eot') format('embedded-opentype'),
	url('../fonts/agency.woff') format('woff'),
	url('../fonts/agency.ttf') format('truetype'),
	url('../fonts/agency.svg#agency') format('svg');
}

.iconfont { font-family: 'iconfont'; }
@font-face {
  font-family: 'iconfont';  /* project id 856747 */
  src: url('../fonts/font_856747_cxo6rf54res.eot');
  src: url('../fonts/font_856747_cxo6rf54res.eot') format('embedded-opentype'),
  url('../fonts/font_856747_cxo6rf54res.woff') format('woff'),
  url('../fonts/font_856747_cxo6rf54res.ttf') format('truetype'),
  url('../fonts/font_856747_cxo6rf54res.svg#iconfont') format('svg');
}