html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, 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,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0;padding:0;border:0; font-size:100%;}

ul,ol,li{list-style:none}
img,fieldset,input,button{border:0; background-color:transparent;} 
em,address{font-style:normal}
a,button { cursor:pointer;}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display:block;}
body { font-family:"΢ÈíÑźÚ","ºÚÌå"; background:#fff; margin:0; padding:0; color:#111;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}

a:link { color:#111; text-decoration:none; }
a:visited { color:#111; text-decoration:none; }
a:hover { color:#131935; text-decoration: none; }
* { _noFocusLine:expression(this.hideFocus=true); -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} 

#header{ width:1200px; height:140px; padding-top:10px; margin: auto; position: relative; clear:both;}
#logo{ float:left; height:115px; margin-top:10px;}

.navbar { float:right; border:none; padding:0; margin:0; min-height:0; height:63px;}
.navbar li {position:relative; font-size:15px; line-height:40px; padding:0; margin:0; float:left;}
.navbar li:first-child {margin:0;}
.navbar li a { position:relative; color:#111;}
.navbar li.active > a {color:#111;}
.navbar li:hover > a {color:#111;}

.nav { width:auto; list-style:none; margin: auto; position: relative; clear:both; padding-top:26px;}
.nav > li {position:relative; display:block;}
.nav > li > a {position:relative; display:block; margin:10px 22px 0 22px; letter-spacing:2px;}
.nav > li > a:hover, .nav > li > a:focus {text-decoration:none;}
.nav > li.active > a:before {background-color: #0098d1; content: ""; height: 1px; left: 0; position: absolute; right: 0; bottom: 0; z-index: 1;}
.nav > li > a:before {background-color: #0098d1; content: ""; height: 1px; left: 50%; position: absolute; right: 50%; bottom: 0; transition: 0.3s ease-in; width: 0; z-index: 1;}
.nav > li > a:hover, .nav > li.active > a {color: #111; display:block;}
.nav > li > a:hover:before, .nav > li.active > a:before {left: 0; right: 0; width: 100%;}

#header2{z-index:5; }
.dep2{display:none; position:absolute; top:90px; left:0; padding:15px 10px 15px 10px; border:1px solid #0098d1; border-top:none; background-color:#fff; z-index:5}
.dep2 > li {position:relative; display:block; width:75px; text-align:center; font-size:15px; line-height:40px; clear:both; }
.dep2 > li > a {position:relative; display:block; letter-spacing:1px; margin:10px 5px 0 5px; }
.dep2 > li > a:before {background-color: #0098d1; content: ""; height: 1px; left: 50%; position: absolute; right: 50%; bottom: 0; transition: 0.3s ease-in; width: 0; z-index: 1;}
.dep2 > li > a:hover:before, .dep2 > li.active > a:before {left:0; right:0; width:100%;}
#header2 #btn1{left:584px;}
#header2 #btn2{left:674px}
#header2 #btn3{left:779px}

.slider{ margin: auto; position: relative; clear:both; }
.middle{ background:url(../images/top_middle.png) repeat-x #f7f7f7; height:48px;}
.content {padding:0;}
.content.indent {padding:45px 0 0 0;background:#f0f0f0 url(../images/shadow.png) repeat-x;}
.content.indent1 {padding:0;background:#f0f0f0 url(../images/shadow.png) repeat-x;}

h2.indent{ font-size:25px; padding-bottom:30px; font-weight:normal;}
h2 span{ color:#ed7823; font-size:25px; font-weight:bold;}
h3{ font-size:22px; color:#2c475a; padding-top:10px; padding-bottom:20px; font-weight:normal; letter-spacing:2px;}

.wide{ width:100%; margin:auto; position: relative; clear:both; overflow:hidden;margin-top:30px; }
.container {width:1200px; margin:auto; position:relative; clear:both; padding-left:15px; padding-right:15px;}
.container:before,.container:after,.nav:before,.nav:after,.navbar:before,.navbar:after {content:" ";display:table;}
.container:after,.row:after,.nav:after,.navbar:after {clear:both;}

.bg1 {background:#f7f7f7; overflow:hidden;}
.heading-panel {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center; padding-bottom:70px;}
.heading-panel-left {position: relative;text-align: left;padding-left: 315px;}
.heading-panel-left5 {position: relative;text-align: left;padding-left: 110px;}
.heading-panel-left2 {position: relative;text-align: left;padding-left: 295px;}
.heading-panel-left3 {position: relative;text-align: left;padding-left: 355px;}
.heading-panel-left4 {position: relative;text-align: left;padding-left: 260px;}

.heading-panel-left6 {position: relative;text-align: left;padding-left: 315px;}
.heading-panel-left7 {position: relative;text-align: left;padding-left: 315px;}
.heading-panel-left8 {position: relative;text-align: left;padding-left: 335px;}
.heading-panel-left9 {position: relative;text-align: left;padding-left: 335px;}
.heading-panel-left10 {position: relative;text-align: left;padding-left: 335px;}
.heading-panel-left11 {position: relative;text-align: left;padding-left: 325px;}
.heading-panel-left12 {position: relative;text-align: left;padding-left: 355px;}
.heading-panel-left13 {position: relative;text-align: left;padding-left: 295px;}
.heading-panel-left14 {position: relative;text-align: left;padding-left: 295px;}

.heading-panel-title {font-size:70px;letter-spacing:-3px;overflow: hidden;display: inline-block !important;position: absolute;left: 0;color: rgba(21, 21, 21, 0.09);}
.heading-panel-subtitle {font-size:30px;color:#333;letter-spacing:4px;margin-top:35px;overflow: hidden;display: inline-block !important;}
.heading-panel-decor {-ms-flex-positive: 1;flex-grow: 1; font-size:22px; margin-top: 40px;border-top: 1px solid #dfdfdf; text-align:right;}
.heading-panel-decor a{ font-size:22px; display:block; padding-left:20px; float:right;}
.heading-panel-decor a.active{ font-size:22px; color:#f39b00;}
.heading-panel-decor a:hover{ color:#f39b00;}

.thumb-box {margin:80px 0 50px 0; overflow:hidden; font-size:14px; line-height:22px; }
.thumb-box p {padding-bottom:12px;}
.col-lg { width:50%; position:relative; float:left; margin-top:25px; margin-bottom:35px; font-size:15px; line-height:20px;}
.col-lg .p1{ font-size:30px; line-height:45px; color:#0098d1; margin-bottom:10px;}
.col-lg p{font-size:15px; line-height:30px;}
.col-lg1 { width:50%; position:relative; float:left;}
.col-lg1 img{ width:100%; position:relative;}
.col-lg2 { width:50%; position:relative; float:left; padding-left:6%; padding-top:4%; font-size:15px; line-height:20px;}
.col-lg2 strong{ font-size:30px; line-height:45px; color:#0098d1;}
.img-decoration {display: inline-block; height: auto; left: 10px; position: relative;}
.img-decoration img {box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); position: relative;z-index: 2; -o-object-fit: cover; object-fit: cover;}
.img-decoration:after {border: 3px solid #83c7e0; bottom: 25px; content: ""; left: 25px; position: absolute; right: -25px; top: -25px;}

.thumb-pad1 {width:25%; background-color:#fff; position:relative; float:left; overflow:hidden;}
.thumb-pad2 {width:33.3%; background-color:#fff; position:relative; float:left; overflow:hidden;}
.thumb-pad1 .thumbnail, .thumb-pad2 .thumbnail {position:relative; margin:0 10px 40px 10px; padding:0; overflow:hidden; box-shadow:1px 1px 1px #ccc;}
.thumb-pad1 .caption, .thumb-pad2 .caption {float:left; display:block; padding:20px 0 20px 15px; overflow:hidden; color:#fff; left:0; bottom:0;}
.thumb-pad1 a.caption, .thumb-pad2 a.caption { color:#000; font-size:15px; text-align:left; display:block;  -webkit-transition:all 0.25s; -o-transition:all 0.25s; transition:all 0.25s;}
.thumb-pad1 a:hover.caption, .thumb-pad2 a:hover.caption  {color:#0098d1;}
.thumb-pad1 span, .thumb-pad2 span { float:right; color:#888; font-size:14px; text-align:right; padding:20px 15px 20px 0; display: block; padding-left:0px; }

.thumbnail a:hover{text-decoration:none; color:#ed7823;}
.thumbnail>img,.thumbnail a>img{display:block; max-width:100%; height:auto; margin-left:auto; margin-right:auto;}
.thumbnail{background:0 0;border:none;margin-left:auto;margin-right:auto;}
.thumbnail img{width:100%;height:auto; -moz-transition:.5s all ease;-webkit-transition:.5s all ease;-o-transition:.5s all ease;transition:.5s all ease}
.thumbnail a.overlay{position:relative;display:inline-block;max-width:100%;overflow:hidden;z-index:2; margin:0; padding:0;}
.thumbnail a.overlay:before,.thumbnail a.overlay:after{content:'';position:absolute;opacity:0; filter:alpha(opacity=0);pointer-events:none;z-index:3;transition:all .5s ease 0s;box-shadow:none}
.thumbnail a.overlay:before{top:0;left:0;right:100%;bottom:100%;border-top:6px solid;border-left:6px solid}
.thumbnail a.overlay:after{left:100%;top:100%;bottom:0;right:0;border-bottom:6px solid;border-right:6px solid}
.thumbnail:hover a.overlay:before{ border-color:#8cacb8; opacity:0.5; filter:alpha(opacity=100); bottom:0; right:0}
.thumbnail:hover a.overlay:after{ border-color:#8cacb8; opacity:0.5; filter:alpha(opacity=100); left:0; top:0}
.thumbnail:hover a.overlay img{-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}

.newscenter{width:100%; padding-top:20px; margin-bottom:50px; margin: auto; position: relative; clear:both;}
.newscenter ul { width:100%; overflow:hidden;}
.newscenter ul li{ width:30%; float:left; color:#383838; font-size:13px; border-bottom:1px solid #e0e0e0; margin:15px;}
.newscenter ul li h4{ color:#181818; font-size:18px; font-weight:bold; height:35px; overflow:hidden;}
.newscenter ul li h4 a:hover{ color:#0098d1; font-size:18px; font-weight:bold; height:35px; overflow:hidden;}
.newscenter ul li p{ font-size:14px; line-height:20px; height:65px; overflow:hidden;}
.newstime{float:left; width:120px; height:90px; text-align:center;}
.newstime img{ display:block; width:120px; height:90px; }
.newstime span{ display:block; font-size:13px;}
.newstext{ float:left; width:440px; margin-left:10px; text-align:justify; text-justify:inter-ideograph;}


.top-banner {position: relative;overflow: hidden; padding: 140px 0; margin-bottom:30px; text-align: center;background:#ccc;z-index: 1;}
.top-banner::before {position: absolute;content: '';top: 0;right: 0;bottom: 0;left: 0;pointer-events: none;background: rgba(19, 25, 53, 0.6);}
.banner-title { font-size:46px; color:#fff; font-weight:bold; letter-spacing:6px;}
.banner-title1 {font-size: 15px; font-weight:bold;margin-top:15px; margin-right:10px;line-height: 35px;text-transform: uppercase;font-family: Verdana, Arial, Helvetica, sans-serif;}
.banner-title1 > * {padding-left: 15px;padding-right: 15px;}
.banner-title1 a {display: inline;vertical-align: middle;}
.banner-title1 a, .banner-title1 a:active, .banner-title1 a:focus {color: rgba(0, 152, 209, 0.75); }
.banner-title1 li {position: relative;display: inline-block;vertical-align: middle;}
.banner-title1 li::after {content: "/"; font-size:13px; display: inline-block;position: absolute;top: 50%;right: -3px;color: rgba(255, 255, 255, 0.50);-webkit-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);}
.banner-title1 li:last-child:after {display: none;}
.banner-title1 a:hover {color: #3abcec;}
.banner-title1 li.active {color:#fff; color: rgba(255, 255, 255, 0.50); }

.box-position {position: absolute;left: 0;top: 0;width: calc(100% + 150px);height: calc(100% + 150px);will-change: transform;-webkit-animation: bgPos 100s linear infinite;animation: bgPos 100s linear infinite;-webkit-transform: translate3d(-75px, -75px, 0) rotate(0.001deg);transform: translate3d(-75px, -75px, 0) rotate(0.001deg);background-position: 50% 50%;background-size: cover;z-index: -1;}
@-webkit-keyframes bgPos {
25% {-webkit-transform: translate3d(-150px, -150px, 0) rotate(0.001deg);transform: translate3d(-150px, -150px, 0) rotate(0.001deg);}
75% {-webkit-transform: translate3d(0, 0, 0) rotate(0.001deg);transform: translate3d(0, 0, 0) rotate(0.001deg);}
}

.aboutus { padding-bottom:50px; min-height:600px;}
.aboutus p { font-size:14px; line-height:25px; padding-bottom:15px;}
.aboutus strong { font-weight:bold;}
.aboutus li { font-size:14px; line-height:15px; padding-bottom:10px;}

.contents{ line-height:20px; font-size:14px; margin:auto; position:relative; clear:both; padding: 0 15px 50px 15px; text-align:justify; text-justify:inter-ideograph;}
.contents p { font-size:14px; line-height:25px; padding-bottom:15px;}
.contents strong { font-weight:bold;}
.contents img{ max-width:1150px; height:auto;}
.contents li { font-size:15px; line-height:25px; padding-bottom:10px;}

.title0{ font-size:25px; font-weight:bold; line-height:35px; padding-bottom:40px; text-align:center;}
.title1{ font-size:15px; font-weight:bold; line-height:25px; padding-bottom:20px;}
.title2{ font-size:18px; font-weight:bold; line-height:25px; padding-bottom:20px;}

.btn-default {position:relative; clear:both; margin:auto; display:block;}
.btn-default.btn1 {box-shadow:none;position:relative;text-decoration:none;display:inline-block;margin-top:15px;padding:0 15px 0 15px;font:600 20px/46px 'Raleway', "Helvetica Neue", Helvetica, Arial, sans-serif;background:#0098d1;border-radius:0;color:#fff;float:none;-webkit-transition:all 0.35s;-o-transition:all 0.35s;transition:all 0.35s;}
.btn-default.btn1:before {border-style:solid;border-width:18px 22px 0 26px;border-color:#0098d1 transparent transparent transparent;position:absolute;-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg);content:'';top:14px;right:-32px;margin:0;width:0;height:0;-webkit-transition:all 0.35s;-o-transition:all 0.35s;transition:all 0.35s;}
.btn-default.btn1:hover {color:#fff;background:#3abcec;text-decoration:none;}
.btn-default.btn1:hover:before {border-color:#3abcec transparent transparent transparent;}

.col-lg-1 {position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }
.collapse:not(.show) {display: none; }
.collapsing {position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; }
.infor {text-align: left; display: block; margin: 0; border: 0; border-radius: 0; box-shadow: none; background: inherit; padding-bottom:10px; }
.infor a {display: block; }
.infor .header {padding: 0; border-bottom: 0; border-top-left-radius: 0; border-top-right-radius: 0; background: transparent; }
.infor:last-child .title a.collapsed {border-bottom-color: transparent; }
.infor .title {margin-bottom: 0; }
.infor .title a,.infor .body {background: transparent; }
.infor .title a {position: relative; padding: 30px 0 30px 66px; font-size: 16px; letter-spacing:1px; line-height: 25px; color: #151515; border-bottom: 1px solid #e1e1e1; z-index: 1; }
.infor .title a:hover .arrow .icon {transform: rotate(-90deg); }
.infor .title a.collapsed .arrow .icon {color: #0098d1; background: #fff; box-shadow: 0 0 5px 0 rgba(1, 3, 4, 0.19); transform: none; }
.infor .title a.collapsed:hover .arrow .icon {transform: rotate(90deg); }
.infor .arrow {display: flex; align-items: center; position: absolute; text-align: center; top: 0; bottom: 0; left: 0; z-index: 2; }
.infor .arrow .icon {font-size: 22px; line-height: 35px; width: 38px; height: 38px; border-radius: 50%; color: #fff; background: #026185; box-shadow: 0 0 5px 0 rgba(1, 3, 4, 0.19); transform: rotate(90deg); transition: all .3s ease; }
.infor .arrow .icon::before {content: '>'; }
.infor .collapse {position: relative; color: #777; border-radius: 0 0 6px 6px; z-index: 1; }
.infor .body {padding: 15px 0 10px 0; font-size:14px; color:#333; }
.infor .body a:hover{ text-decoration:underline; }
.infor .body p { font-size:14px; line-height:25px; padding-bottom:10px;}
.infor .body strong { font-weight:bold;}
.infor .body img{padding-bottom:10px;}
.infor .newsimg{float:left; width:120px; height:90px; text-align:center; margin-right:10px;}
.infor .newsimg img{ display:block; width:120px; height:90px; }
.infor .newsimg span{ display:block; font-size:13px;}

.indexcentertitle{width:100%; text-align:center; background:url(../images/line-01.jpg) repeat-x 0 73px;}
.indexcentertitle .chinatext{display:block; font-size:25px; font-weight:bold; line-height:64px; height:66px; color:#444; background:url(../images/line-06.gif) no-repeat center bottom;}
.indexcentertitle .chinatext img{margin:0 auto;  padding-top: 20px;}
.indexcentertitle .orangetext{color:#670202;}
.indexcentertitle .englishtext{display:block; font-size:14px; color:#999; line-height:40px; height:40px; margin-bottom:10px;}

.news_con{ width:1200px; margin:0 auto; padding-top:10px;}
.news_con img { margin:20px 0;}
.news_con-tit h2{ font-size:28px; font-weight:normal; line-height:48px; padding:20px 0px; text-align:center;}
.news_con-tit h5{text-align:center; font-size:16px; font-weight:normal;}
.news_con-tit h5 span{display:inline-block; padding:0px 10px;}
.news_con-text{ padding-top:35px;padding-right:35px; font-size:15px; line-height:32px; text-align:justify; text-justify:inter-ideograph;}
.news_con-text p{ font-size:15px; line-height:32px; padding-bottom:15px;}
.news_con-text div{ font-size:15px; line-height:32px;}
.news_con-tj{padding-bottom:100px;}
.news_con-tj h5{color:#454649; font-size:15px; padding:30px 0px; border-bottom:1px solid #bcbec3;}
.news_con-tj h5 span{display:block; float:left;}
.news_con-tj h5 a{display:block; float:right; color:#c81528;}
.news_con-tj ul{padding-top:20px;}
.news_con-tj ul li span{display:inline-block; color:#454649; font-size:15px; line-height:32px;}
.news_con-tj ul li a{display:inline-block; color:#454649; font-size:15px; line-height:32px;}
.news_con-tj ul li a:hover{display:inline-block; color:#026185; font-size:15px; line-height:32px;}

#pages{ width:1150px; padding-top:50px; padding-bottom:10px; padding-right:10px; margin:auto; position: relative; clear:both;}
#page{ width:100%; color:#333; padding-top:10px; padding-bottom:10px; text-align:center; border:#ddd solid 1px;}
#page a{ color:#333;}

.copyright { height:280px; width:100%; background-color:#026185; position:relative; margin:auto; clear:both; }
.copyright .copy-list {height:100px; width:1200px; margin-right: auto; margin-left: auto; padding-top:60px;}
.copyright .copy-list a{ color:#bbb;}
.copyright .copy-list .title{ font-size:17px; color:#eee; font-weight:bold; letter-spacing:0px; padding-bottom:20px;}
.copyright .copy-list .left { width: 62%; float: left; font-size:13px; color:#bbb; line-height:25px; }
.copyright .copy-list .phone{ font-size:14px; color:#eee; line-height:20px; background:url(../images/phone.png) no-repeat left top; padding-left:40px; margin-top:10px;}
.copyright .copy-list .address{ font-size:14px; color:#eee; line-height:20px; background:url(../images/address.png) no-repeat left top; padding-left:40px; margin-top:15px;}
.copyright .copy-list .email{ font-size:14px; color:#eee; line-height:20px; background:url(../images/email.png) no-repeat left; top; padding-left:40px; margin-top:15px;}
.copyright .right { width:38%; float:right; height:175px; font-size: 13px; line-height: 25px; color: #999; background:url(../images/ewm.png) left top no-repeat; padding-left:180px;}
.copyright .right ul { list-style:circle; margin-left:30px; margin-top:5px; width:300px;}
.copyright .right li { float:left; width:50%; font-size:15px; line-height:30px; list-style-image:url(../images/dot.png);}
.copyright .right li a {color:#eee; letter-spacing:1px;}
.copyright .right li a:hover {color:#f39b00;}
.bottom { height:50px; width:100%; background-color:#01384c; padding-top:15px; }
.bottomnav { width:1200px; position:relative; margin:auto; clear:both; color:#888; font-size:12px;}
.bottomnav a{ color:#888; font-size:12px;}
.bottomleft { width:50%; float:left;; font-size:12px;}
.bottomright { width:50%; float:right; text-align:right; font-size:12px;}

#linklink{ background-color:#026185; color:#026185; font-size:12px; text-align:center; margin:auto; position:relative; clear:both;}
#linklink a{ color:#026185; font-size:12px; text-align:center; margin:auto; position:relative; clear:both;}