@charset "utf-8";
.tab,.collapse{margin:0 10px 0 10px;}
.tab,.panel{margin-top:10px;}
.header.fixed.fixed-top{border-bottom:solid 1px #ddd;z-index:2;-webkit-box-shadow:0 3px 6px rgba(0, 0, 0, .175);box-shadow:0 3px 6px rgba(0, 0, 0, .175);}
.footer .badge{padding:7px 15px;}
.header{background:#187EC6;}
h1,h2,h3,h4,p,ul,li,span{ margin:0px; padding:0px}
.button-group{cursor:pointer;}
.fl{ float:left}
.fr{ float:right}

.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}

.toppro{}
.toppro .x6{margin:8px 0;text-align:center;}
.toppro .x6 a img{border:1px solid #eee;padding:3px;}
.toppro .x6 a:hover img{border:1px solid #C9DCFF;}
.toppro .x6 div{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:10px;}

.topnews{margin-top:20px;}
.topnews li strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

.topjob{padding:0;margin:0;list-style:inside}
.topjob li{line-height:40px;border-bottom:1px dashed #ddd;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.showcontent{font-size:14px;}
.showcontent img{max-width:100%;height:auto;}
.artshow h1{margin:0 0 10px 0;font-size:18px;font-weight:bold;line-height:30px;}
.artshow .badge{padding:6px 10px;}
.artshow .info{background:#f3f3f3;border-left:3px solid #ccc;padding:10px;}
.artshow .win-backtop{margin-bottom:40px;}
.commentpost{bottom:0;position:fixed;width:100%;border-top:1px solid #ddd;padding:10px 0 0 10px;background:#fff;}

.listmore{list-style:none;margin:0;padding:0;display:block;text-align:center;color:#999;width:100%;}
.commentmore{margin-bottom:80px;}

.piclist ul{list-style:none;margin:10px;padding:0;}
.piclist li{text-align:center;margin-bottom:15px;}
.piclist li img{display:block;width:100%;height:auto;margin-bottom:10px;border:1px solid #ddd;padding:4px;}

@media (min-width:480px) and (max-width:760px){.item_list ul li{width:33.3%;}}
@media (min-width:761px){.item_list ul li{width:25%;}}
.logo{ position:absolute; top:13px; z-index:99999999; left:13px}
#mySwipe{margin:15px auto;}
.swipe{overflow:hidden;visibility:hidden;position:relative;}
.swipe-wrap{overflow:hidden;position:relative;}
.swipe-wrap > div{float:left;width:100%;position:relative;}
.swipe-wrap img{margin-bottom:10px;width:100%;}

.pager-prev,.pager-next{border:0;background:none;}
.pager-prev:hover,.pager-next:hover{color:#ff0;background:none;}
.pointer{margin-top:20px;}


a.meanmenu-reveal {
 display: none
}
.mean-container .mean-bar {
 float: left;
 width: 100%;
 position: relative;
 background: #fff;
 padding: 4px 0;
 min-height: 42px;
 z-index: 999999
}
.mean-container a.meanmenu-reveal {
 width: 22px;
 height: 22px;
 padding: 13px 13px 11px;
 position: absolute;
 top: 0;
 right: 0;
 cursor: pointer;
 color: #0e5daa;
 text-decoration: none;
 font-size: 16px;
 text-indent: -9999em;
 line-height: 22px;
 font-size: 1px;
 display: block;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: 700
}
.mean-container a.meanmenu-reveal span {
 display: block;
 background: #0e5daa;
 height: 3px;
 margin-top: 3px
}
.mean-container .mean-nav {
 float: left;
 width: 100%;
 background: #0e5daa;
 margin-top: 44px
}
.mean-container .mean-nav ul {
 padding: 0;
 margin: 0;
 width: 100%;
 list-style-type: none
}
.mean-container .mean-nav ul li {
 position: relative;
 float: left;
 width: 100%
}
.mean-container .mean-nav ul li a {
 display: block;
 float: left;
 width: 90%;
 padding: 1em 5%;
 margin: 0;
 text-align: left;
 color: #fff;
 border-top: 1px solid #383838;
 border-top: 1px solid rgba(255,255,255,.5);
 text-decoration: none;
 text-transform: uppercase
}
.mean-container .mean-nav ul li li a {
 width: 80%;
 padding: 1em 10%;
 border-top: 1px solid #f1f1f1;
 border-top: 1px solid rgba(255,255,255,.25);
 opacity: .75;
 filter: alpha(opacity=75);
 text-shadow: none!important;
 visibility: visible
}
.mean-container .mean-nav ul li.mean-last a {
 border-bottom: 0;
 margin-bottom: 0
}
.mean-container .mean-nav ul li li li a {
 width: 70%;
 padding: 1em 15%
}
.mean-container .mean-nav ul li li li li a {
 width: 60%;
 padding: 1em 20%
}
.mean-container .mean-nav ul li li li li li a {
 width: 50%;
 padding: 1em 25%
}
.mean-container .mean-nav ul li a:hover {
 background: #252525;
 background: rgba(255,255,255,.1)
}
.mean-container .mean-nav ul li a.mean-expand {
 margin-top: 1px;
 width: 26px;
 height: 23px;
 padding: 12px!important;
 text-align: center;
 position: absolute;
 right: 0;
 top: 0;
 z-index: 2;
 font-weight: 700;
 background: rgba(255,255,255,.1);
 border: 0!important;
 border-left: 1px solid rgba(255,255,255,.4)!important;
 border-bottom: 1px solid rgba(255,255,255,.2)!important
}
.mean-container .mean-nav ul li a.mean-expand:hover {
 background: rgba(0,0,0,.9)
}
.mean-container .mean-push {
 float: left;
 width: 100%;
 padding: 0;
 margin: 0;
 clear: both
}
.mean-nav .wrapper {
 width: 100%;
 padding: 0;
 margin: 0
}
.mean-container .mean-bar, .mean-container .mean-bar * {
 -webkit-box-sizing: content-box;
 -moz-box-sizing: content-box;
 box-sizing: content-box
}
.mean-remove {
 display: none!important
}
.banner { display: block; width: 100%; border:none !important;}
.banner img { display: block; width: 100%; }
#banner_box ul { padding: 0; }
.box_swipe > ol { height: 20px; margin-top: -25px; padding-right: 15px; position: relative; text-align: center; z-index: 10; }
.box_swipe > ol > li.on { background-color: #224599; }

.box_swipe > ol > li { background-color: #fff; border-radius: 8px; display: inline-block; height: 8px; margin: 5px 0; width: 8px; }
.foot_tel{ background:#cc0000 ; overflow: hidden; text-align:center; padding:10px 20px}
.foot_tel img{ margin-right:10px}
.foot_tel p{ color:#fff; font-size:16px}
.foot_tel span{ color:#ffdf18}
.footer{ position: static;right: 0; bottom: 0;}
.footer-con { width: 100%; height: 118px; position: fixed; z-index: 100; right: 0; bottom: 0; background: #0e5daa; 

margin: 0; opacity:0.9 }
.footer-con ul { margin: 0; padding: 0; }
.footer li { float: left; width: 25%; list-style: none; }
.footer li a, .footer li span { display: block; height: 44px; padding: 74px 0 0 0; text-align: center; font-size: 24px; 

color: #fff; cursor: pointer; }
.footer li.zx a { background: url(/theme/cn2020/mobile/images/ico-mess.png) center 15px no-repeat; }
.footer li.tel a { background: url(/theme/cn2020/mobile/images/ico-tel2.png) center 15px no-repeat; }
.footer li.yy a { background: url(/theme/cn2020/mobile/images/ico-yy.png) center 15px no-repeat; }
.footer li.dh span { background: url(/theme/cn2020/mobile/images/ico-nav2.png) center 15px no-repeat; }
.footer { height: 60px }
.footer .footer-con { height: 59px; margin: 0; padding: 0; }
.footer li { float: left; width: 33.3%; list-style: none; }
.footer li a, .footer li span { height: 22px; padding: 37px 0 0 0; font-size: 12px; line-height: 18px; }
.footer li.zx a { background: url(/theme/cn2020/mobile/images/ico-mess.png) center 7px no-repeat; background-size: 29px 24px; }
.footer li.tel a { background: url(/theme/cn2020/mobile/images/ico-tel2.png) center 7px no-repeat; background-size: 26px 25px; }
.footer li.yy a { background: url(/theme/cn2020/mobile/images/ico-yy.png) center 7px no-repeat; background-size: 22px 27px; }
.footer li.dh a { background: url(/theme/cn2020/mobile/images/ico-home.png) center 7px no-repeat; background-size: 24px 21px; }
.footer li.jr a { background: url(/theme/cn2020/mobile/images/join.png) center 8px no-repeat; background-size: 24px 21px; }
ul,li,dt,dl{ list-style:none}

.profl{ overflow:hidden }
.profl ul{ width:48%; margin:1%;float:left;}
.profl ul li{ width:100%;  background:#f0f0f0; }
.profl ul li img{ width:100%}
.profl ul li h1{ font-size:16px; font-weight:bold; padding:5px 10px}
.profl ul li p{ font-size:14px; padding:0px 10px 5px 10px }

.case{ background:#0e5daa; padding:10px}
.case h1{ color:#fff; text-align:center; font-size:20px; font-weight:bold; margin:10px}
.case h2{ color:#fff; text-align:center; margin-bottom:20px; font-size:18px}
.case ul{ overflow:hidden}
.case ul li{ width:31.3333%; margin:1%; float:left; text-align:center; margin-bottom:10px}
.case ul li i{ font-size:40px; color:#fff}
.case ul li a span{ display:block; color:#fff; font-size:16px; font-weight:bold}
.about{ background:#fff; padding:10px}
.about h1{ color:#333; text-align:center; font-size:20px; font-weight:bold; margin:10px}
.about p{ line-height:30px; margin-bottom:10px; color:#333}
.about img{ width:100%}
.index_news{ background:#f5f5f5}

.foot{ background:#2e2e2e; text-align:center; padding:30px 0px}
.foot ul li { font-size:14px; margin-top:10px; opacity:0.8 }
.foot ul li .icon i{ color:#fff; }
.foot ul li span{ color:#fff}
.foot ul li a{ color:#fff}
.foot p{ color:#ccc}
.foot a{ color:#ccc}
.foot .link{ color:#ccc; margin:10px 0px}
table{ overflow:scroll}
table.gradeTbl01 { width: 100%;; 
 margin-bottom: 30px;
 color: #000;
 font-size: 92.4%;
}

table.gradeTbl01 th,
table.gradeTbl01 td {
 padding: 0.9em 0.2em;
 text-align: center;
 vertical-align: middle;
 line-height: 1.4;
}

table.gradeTbl01 th {
 background: #edf6ff;
}

table.gradeTbl01 th.gray01 { background: #f6f6f6; }
table.gradeTbl01 th.gray02 { background: #d9d9d9; }
table.gradeTbl01 th.white { background: #fff; }
table.gradeTbl01 th.black { background: #444; }
table.gradeTbl01 th.red { background: #ff3e24; }
table.gradeTbl01 th.blue { background: #0e83ce; }
table.gradeTbl01 th.yellow { background: #e2cc10; }
table.gradeTbl01 th.green { background: #31b53a; }
table.gradeTbl01 th.other { background: #f6f6f6; }
table.gradeTbl01 th.black,
table.gradeTbl01 th.red,
table.gradeTbl01 th.blue,
table.gradeTbl01 th.yellow,
table.gradeTbl01 th.green {
 color: #fff;
}
table.gradeTbl01 td.gray02 { background: #fbfbfb; }
table.gradeTbl01 td.black { background: #ececec; }
table.gradeTbl01 td.red { background: #ffebe9; }
table.gradeTbl01 td.blue { background: #e6f2fa; }
table.gradeTbl01 td.yellow { background: #fcfae7; }
table.gradeTbl01 td.green { background: #eaf7eb; }
table.gradeTbl01 td.other { background: #fefefe; }

table.gradeTbl01 th.name {
 padding: 0.2em 1em;
 color: #fff;
 background: #2d62af;
 text-align: left;
 border-left: 1px solid #2d62af;
 border-right: 1px solid #2d62af;
}

table.gradeTbl01 th.order {

 
}

table.gradeTbl01 td.white,
table.gradeTbl01 td.gray02,
table.gradeTbl01 td.black,
table.gradeTbl01 td.red,
table.gradeTbl01 td.blue,
table.gradeTbl01 td.yellow,
table.gradeTbl01 td.green,
table.gradeTbl01 td.other {
 font-family: £Í£Ó £Ð¥´¥·¥Ã¥¯;
 font-weight: 700;
}

table.gradeTbl01 .gNote {
 text-align: left;
 padding: 0.9em 0.6em;
}
table.tbl01 th,
table.tbl01 td {
 
 border: 1px solid #d6d6d6;
 
}
.artshow a.yy{ background:#0e5daa; color:#fff; padding:10px; display:block }
.proz li{ margin-bottom:10px}
.proz li img{ width:100%}
.proz li .text{ background:#f3f3f3; padding:10px;}
.proz li .text h3{ color:#0e5daa; font-size:20px; font-weight:bold}
.proz li .text span{ display:block; color:#333; font-weight: normal; font-size:14px; margin:10px 0px}
.proz li em{ border:1px solid #0e5daa; padding:4px 30px; display: inline-block}

.list_case ul li{ width:100% ; margin:15px 30px 15px 0px; position: relative;background: #f5f5f5}
.list_case ul li .text {
 

 display: table;
 padding: 30px 20px;
 
}
.list_case ul li .text .des {
 display: table-cell;
 vertical-align: middle;
 text-align: left
}
.list_case ul li .text .des .title01 {
 color: #333;
 padding-bottom:10px;
 position: relative;
 -webkit-transition: all .3s;
 -moz-transition: all .3s;
 -o-transition: all .3s;
 transition: all .3s; font-size: 20px; font-weight:bold
}
.list_case ul li .text .des .title01::after {
 content: '';
 display: block;
 width: 38px;
 height: 2px;
 line-height: 2px;
 background: #333;
 position: absolute;
 left: 0;
 bottom: 0;
 -webkit-transition: all .3s;
 -moz-transition: all .3s;
 -o-transition: all .3s;
 transition: all .3s
}
.list_case ul li .text .des .title01 span {
 padding-bottom: 10px; margin-top: 10px; display:block; font-size:18px; font-weight:normal
}
.list_case ul li .text .des p {
 margin: 10px 0 10px;
 color: #000; font-size: 16px; line-height: 28px;;
}
.list_case ul li .text .des p span{ font-size: 14px; margin-top: 10px; color: #444;}
.list_case ul li .text .des span.more02 {
 display: block;
 width: 100px; margin-top: 20px;
}
.list_case ul li .text .des a{ text-decoration: underline; color: #0e5daa; font-weight: bold;margin-right: 10px; display: block; font-size: 14px; margin-bottom: 15px;;;}
.list_case ul li .text .des a:hover{ color: #000;}
.list_case ul li .text .des .ic{ font-size: 80px;color: #0e5daa; position: absolute; right: 30px;}
.list_case ul li .text .des a span{ font-size: 14px; color:#777; margin-right: 10px;}
.list_case ul li .text .des span.more02 em {
 display: block;
 width: 98px;
 
 text-align: center;
 line-height: 31px;
 font-size: 20px;
 border: 1px solid #000;
 color: #000;
 -webkit-transition: all .3s;
 -moz-transition: all .3s;
 -o-transition: all .3s;
 transition: all .3s
}
.n_banner img{ width:100%}
.biaodan li {
 width: 100%;
 
 border: 1px solid #999; margin-bottom: 10px;
}

.biaodan li.m_r {
 margin-right: 0px;
}

.biaodan li .input {
 font-family: '΢ÈíÑźÚ';
 outline: none;
 
 
 
 background-color: #fff;
}

.biaodan li.text_error {
 
}
.biaodan li img{ width: 200px;}
.biaodan li.text_error textarea {
 font-family: '΢ÈíÑźÚ'; width: 100%; border:0px;
 outline: none;
 
 
 
 background-color: #fff;
}

.biaodan li.vcode {
 width: 99.5%;
 border: none
}

.biaodan li.vcode input {
 border: 1px solid #999;
 width: 180px;
}

.biaodan_con .submit {
 margin: 0 auto;
 width:100%;
 height: 40px;
 line-height: 40px;
 text-align: center;
 background-color: #0e5daa;
 color: #fff;
 margin: 0 auto;
 
 font-size: 14px;
 transition: 0.3s;
 position: relative;
 overflow: hidden;
 border: 0;
 border-radius: 15px;
 overflow: hidden;
}

.biaodan_con .submit:hover {
 color: #fff;
 background-color: #ed1d27;
}

.f1ziliaobox p i{ margin-right:10px}
.intro_culture{ background:#f5f5f5; padding:20px 0px}
.intro_culture .list ul li{ display:block; overflow:hidden; background:#fff; padding:10px; margin-bottom:10px}
.intro_culture .list ul li .fl{ margin-right:10px}
.intro_culture .list ul li i {
 font-size: 60px;
 color: #0e5daa
}
.intro_culture .list ul li .des {
 font-size: 16px;
 color: #666;
 line-height: 20px; text-align:center
}
.intro_culture .list ul li .des b {
 display: block;
 font-size:16px;
 color: #333;
 padding: 0px 0 10px 0px
}
.intro_culture .list ul li .des b span{ display: block; font-weight: normal; font-size: 16px; margin-top: 10px;;}
.intro_culture .title01 { font-size:20px; font-weight:bold; margin-bottom:10px;
 text-align: center
}
.intro_culture .title01 span{ display:block; font-weight:normal}
.intro_about em{ text-align:center; background:#0e5daa; padding:10px; display:block; color:#fff }

 .intro_history{ padding:20px}
.intro_history .title01 { font-size:20px; font-weight:bold; margin-bottom:10px;text-align: center}
.intro_history .title01 span{ display:block; font-weight:normal}
 .intro_history ul .text{ background:#f0f0f0; display:block; padding:10px; margin-bottom:10px }
 .intro_business{ background:url(/theme/cn2020/mobile/images/fz_bg.jpg) center top no-repeat; padding:100px 0; text-align:center; color:#fff}
 .intro_history ul .text p span{display:block; font-size:12px;color:#666}
 
 .intro_business{ padding:20px}
.intro_business .title01 { font-size:20px; font-weight:bold; margin-bottom:10px;text-align: center}
.intro_business .title01 span{ display:block; font-weight:normal}
 .intro_honor{ padding:20px; display:block; overflow:hidden}
.intro_honor .title01 { font-size:20px; font-weight:bold; margin-bottom:10px;text-align: center}
.intro_honor .title01 span{ display:block; font-weight:normal}
.list_honor1 ul li{ width:48%; margin:1%; float:left}

.intro_partners{ padding:20px; background:url(/theme/cn2020/mobile/images/pater.jpg) no-repeat center}
.intro_partners .title01 { font-size:20px; font-weight:bold; margin-bottom:10px;text-align: center; color:#fff}
.intro_partners .title01 span{ display:block; font-weight:normal;; color:#fff}
.list_partners ul { overflow:hidden}
.list_partners ul li{ width:31.333%; margin:1%; float:left; min-height:101px}
.list_partners ul li img{ width:100%}
.list_partners ul li p{ color:#fff; font-size: 12px;;}<!--ºÄʱ1784927985.7595Ãë-->