﻿* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { -ms-touch-action: none; margin:0; padding:0; }
body{ position:relative; margin:0; padding:0; border:none; font-family:"Microsoft YaHei","Microsoft JhengHei",STHeiti,MingLiu;}
body,ul,li,h1,h2,h3,p{ padding: 0; margin: 0; border: 0; }
ul,li{ list-style:none;}
body{ background: #fff;}
a{ text-decoration:none;}

.hide{ display:none;}
.p10{ padding:10px;}

/* CSS Hack
----------------------------------------*/
.classHack { background-color:#FFFF00; *background-color:#00FF00; _background-color:#00FFFF;}

/* 万能Float闭合1
----------------------------------------*/
.clearfix:after { content:" ";display:block;clear:both;visibility:hidden;height:0;font-size: 0; }
.clearfix { display:block;zoom:1; }
html[xmlns] .clearfix { display:block; }
* html .clearfix { height:1%; }

/* 万能Float闭合2
----------------------------------------*/
.clear { height:0px; clear:both; font-size:0px; line-height:0px; zoom:1; }

.wrapper{ margin:0 auto; position:relative; width:100%; max-width:720px; background:#e5f4fc; -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 5px rgba(0,0,0,0.5); }
.top { padding: 20px 0;}
.top img { width:100%; vertical-align:middle;}
.top-banner{ position: relative; z-index: 0; }
.top-banner img{ width:100%; vertical-align:middle;}
.bg-bolang-1 { line-height: 0em; }
.bg-bolang-1 img{ width: 100%; vertical-align:middle; }
.bg-bolang-2 img{ width: 100%; vertical-align:middle; }
.sologn {position: relative; z-index: 9; margin-top:-5px;line-height: 0em;  }
.sologn img{ width: 100%; vertical-align:middle; }
.home-01 {position: relative; z-index: 9; line-height: 0em;  }
.home-01 img{ width: 100%; vertical-align:middle; }
.home-tit {position: relative; z-index: 9; line-height: 0em; padding: 30px 0;  }
.home-tit img{ width: 100%; vertical-align:middle; }

.owl-focus .owl-nav { position: absolute; left: 0; bottom:34px; z-index: 999; width: 100%; height: 0; margin-top: 0px; text-align: center; -webkit-tap-highlight-color: transparent; }
.owl-focus .owl-nav [class*='owl-'] { font-family: simsun; background: #000; color: #FFF; font-size: 14px; margin: 0px; width: 20px; height: 20px; line-height: 20px; display: inline-block; cursor: pointer; filter:alpha(opacity=20); -moz-opacity:0.20; -khtml-opacity: 0.20; opacity: 0.20; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; }
.owl-focus .owl-nav [class*='owl-']:hover { color: #FFF; text-decoration: none;filter:alpha(opacity=30); -moz-opacity:0.30; -khtml-opacity: 0.30; opacity: 0.30; }
.owl-focus .owl-nav .owl-prev{ position: absolute; top: 5px; left: 10px;}
.owl-focus .owl-nav .owl-next{ position: absolute; top: 5px; right: 10px;}

.owl-focus .owl-nav .disabled { opacity: 0.5; cursor: default; }
.owl-focus .owl-nav.disabled + .owl-dots { margin-top: 10px; }
.owl-focus .owl-dots {position: absolute; left: 0; bottom:28px; z-index: 999; width: 100%; height: 0; text-align: center; -webkit-tap-highlight-color: transparent; }
.owl-focus .owl-dots .owl-dot { display: inline-block; zoom: 1;  *display: inline;
}
.owl-focus .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; }
.owl-focus .owl-dots .owl-dot.active span,
.owl-focus .owl-dots .owl-dot:hover span { background: #869791; }

.owl-focus { background:#f5f5f5; padding-bottom:32px; }
.owl-focus .item{ background:#f5f5f5;}
.owl-focus .item span{ display: block; color: #111; padding: 0 10px; font-size: 14px; width: 300px; height: 48px; line-height: 48px; overflow: hidden; text-align: center;}
.owl-focus .item span em{ height: 48px; line-height: 48px; overflow: hidden; display: block; font-style: normal;}

.top-nav { padding: 5px 5px; background: #09a0e8; font-size: 16px; }
.top-nav ul li{ float: left; margin-bottom: 5px; width: 100%; text-align: left;}
.top-nav ul li a { display: block; height: 36px; line-height: 34px; padding: 0 10px; overflow: hidden; color: #fff; border: 1px solid #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px;}

.footer{}
.footer img{ width:100%; vertical-align:middle; }
.footer-nav{ position:fixed; z-index:999; left:0; bottom:0; width:100%; height:50px; background-color:#333;box-shadow: 0px 0px 5px rgba(0,0,0,0.3); }
.footer-nav-tab li{ float:left; width:33.333333%; font-size:16px; }
.footer-nav-tab li a{ display:block; height:50px; line-height:50px; text-align:center; color:#a72a31; }

.footer1{font-size:12px; color:#333; text-align:center; height:50px; line-height:50px;}
.footer1 a{color:#333;}


.box1{ margin:0px}
.box1 .hd { margin: 0 10px; height: 39px; border-bottom: 1px solid #aaa;}
.box1 .hd h2{ margin: auto; width: 160px; height: 40px; line-height: 40px; font-size: 20px; color:#00a0e9; text-align: center; border-bottom: 3px solid #00a0e9;}
.box1 .bd { }
.box1 .bd img{ width:100%; }

.section{ line-height:1.5em; font-size:14px; color: #333;}
.section p{ margin-bottom:0.5em; text-indent:2em;}

.news-list {color:#fff;}
.news-list li{ margin: 0 10px; border-top:1px dotted #ddd; padding:10px 0px;}
.news-list li:first-child{ border-top:none;padding:0px;}
.news-list li a{ display: block;color:#333; }
.news-list li h3{ font-size:16px; line-height:1.8em; font-weight: normal;}
.news-list li .pic{ float:left; width:75px; margin-right:10px;}
.news-list li .pic img{ width:100%; vertical-align:middle; }

.morebar{ text-align:center; color:#fff; margin-top:20px;}
.btn-more{ display:block; color:#fff; font-size:16px; height:30px; line-height:30px; text-align:center; background:#bb4723; border:1px solid #f4cc5a; color:#f4cc5a; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px; padding:0 50px;}

.show-more{ text-align:center; margin-top:10px;}
.show-more a{ color:#fff; display:block; height:30px; line-height:30px; background:rgba(250,190,0,0.5);}


.owl-theme-pt .owl-stage-outer{z-index:2;}
.owl-theme-pt .owl-dots,.owl-theme .owl-nav { text-align: center; -webkit-tap-highlight-color: transparent}
.owl-theme-pt .owl-nav {z-index:0; position:absolute; left:0; bottom:-5px; width:100%;}
.owl-theme-pt .owl-nav [class*=owl-] { color: #fff; font-size:20px; padding: 10px 0; background:none; display: inline-block; cursor: pointer; border-radius: 3px;}
.owl-theme-pt .owl-nav [class*=owl-]:hover { background: none; color: #fff; text-decoration: none}
.owl-theme-pt .owl-nav .owl-prev{ float:left; margin-left:15px; }
.owl-theme-pt .owl-nav .owl-next{ float:right; margin-right:15px; }
.owl-theme-pt .owl-nav .disabled { opacity: .5; cursor: default}
.owl-theme-pt .owl-nav.disabled+.owl-dots {  margin-top: 10px}
.owl-theme-pt .owl-dots{ z-index: 9; position: absolute; left: 0; right:0; bottom:0}
.owl-theme-pt .owl-dots .owl-dot { display: inline-block; zoom:1;}
.owl-theme-pt .owl-dots .owl-dot span { width: 6px; height: 6px; margin: 5px 5px;background: #fff; filter: Alpha(Opacity=50);opacity: 0.5; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px}
.owl-theme-pt .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span { filter: Alpha(Opacity=100); opacity: 1;}


.dk-list { }
.dk-list .item{ padding:30px 10px 0; }
.dk-list .item .box{ background:#09a0e8; height:270px; border:1px solid #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px;}
.dk-list .item .pic{ text-align:center; width: 120px; height: 120px; margin:-30px auto 0px; -moz-border-radius: 25%; -webkit-border-radius: 25%; border-radius:25%; }
.dk-list .item .pic img{ margin:0px auto 0; width:100%; height:auto; vertical-align:middle;-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px;}
.dk-list .item .txt{ padding:0 15px 15px;}
.dk-list .item .txt h3{ border-bottom:1px dotted #fff; padding:10px 0px; margin-bottom:10px; text-align:center;}


.interview-list { padding:0 1%;  }
.interview-list li{ width: 48%; margin:0 1%; float: left; margin-bottom: 10px; padding-bottom: 10px; background: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px;}
.interview-list li .pic{ display: block; height: 0; width: 100%; padding-bottom: 75%; overflow: hidden; }
.interview-list li .pic img{ margin:0px 0px; width:100%; height:auto; vertical-align:middle; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px;}
.interview-list li .link{ margin-top: 8px; display: block; padding:0 8px 8px; height: 3em; line-height: 1.5em; overflow: hidden;}




.home-02 {position: relative; z-index: 9; line-height: 0em;  }
.home-02 img{ width: 100%; vertical-align:middle; }

.box2{ background-color:#;}
.renwu-list { padding:6px 0 0 7px}
.renwu-list li{width:48.4%;float:left;text-align:center; margin:0 5px 20px 0}
.renwu-list li a{color:#333; font-size:14px;line-height:1.4em;font-weight:normal;}
.renwu-list li .link { margin-top: 10px; display: block;}
.renwu-list li img{width: 100%;border:2px solid #fff}


.brand-list { padding:6px 0 0 7px}
.brand-list li{width:31.8%;float:left;text-align:center; margin:0 5px 5px 0}
.brand-list li a{color:#333;font-size:14px;line-height:1.4em;font-weight:normal;}
.brand-list li img{width: 100%;border:2px solid #eee}



.tjpp-list { padding:6px 0 0 7px}
.tjpp-list li{width:23.8%;float:left;text-align:center; margin:0 4px 4px 0}
.tjpp-list li img{width: 100%;vertical-align:middle; }

.hs{ color:#ff0000; font-size:18px}

.b-title{text-align: center;}
.b-title div{ margin: 20px 0; position: relative; display: inline-block; font-size: 20px; font-weight: bold; color: #00a0e9;}
.b-title div img{  height: 25px;}


.show-more{ text-align:center; margin-top:10px;}
.show-more a{ margin: 10px; color:#000; display:block; height:36px; text-decoration: none; font-size: 16px; line-height:36px; border: 1px solid #ddd; background:rgba(255,255,255,0.5); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px;}
.show-more a:hover{ color:#000; text-decoration: none; background:rgba(255,255,255,0.7);}


.clearfix:after,
.lin-list li a:before,
.lin-list li a:after,
.lin-list-l li a:before,
.lin-list-l li a:after,
#header:before,
#header:after,
#footer:before,
#footer:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }


.lin-list-l { }
.lin-list-l li{ position:relative; border-top:1px solid #ddd; overflow:hidden;}
.lin-list-l li:first-child{ border-top:none; }
.lin-list-l li a{ display:block; padding: 10px; font-size:14px; line-height:20px; text-decoration:none; }
.lin-list-l li a:active{ background-color:#efefef; }
.lin-list-l li img{ vertical-align:middle; }
.lin-list-l li .pic{ float:left; margin:0 10px 0 0; width: 100px; height: 75px; background:#efefef url(images/loading.gif) no-repeat center center;}
.lin-list-l li .txt{ font-size:18px; line-height:26px; font-weight:normal; color:#333;}
.lin-list-l li .txt .tit{ max-height:52px; line-height: 24px; overflow:hidden; font-size:16px; font-weight:normal; color:#333;}

.lin-list-l li .txt .desc{ max-height:36px; line-height:18px; overflow:hidden; font-size:13px; color:#888; }
.lin-list-l li .date{ float: right; margin-top:5px; max-height:18px; line-height:18px; overflow:hidden; font-size:13px; color:#888; }
.lin-list-l li .lbl{ float: right; display: block; padding:0 2px; margin-left: 10px; margin-top:5px; max-height:18px; line-height:18px; overflow:hidden; font-size:12px; color:#fff; background:#870000; }
.lin-list-l li .lbl-1{ background:#16A085}
.lin-list-l li .lbl-2{ background:#27AE60}
.lin-list-l li .lbl-3{ background:#2980B9}
.lin-list-l li .lbl-4{ background:#8E44AD}
.lin-list-l li .lbl-5{ background:#D35400}
.lin-list-l li .lbl-6{ background:#F39C12}
.lin-list-l li .lbl-7{ background:#C0392B}
.lin-list-l li .lbl-8{ background:#2C3E50}
.lin-list-l li .lbl-9{ background:#870000}

.lin-list-l li .tag{ float: left; width: 50%; margin-top:5px; max-height:18px; line-height:18px; overflow:hidden; font-size:13px; color:#888; }
.lin-list-l li .pics .date{ float: right; margin-top:5px; margin-right: 5px; max-height:36px; line-height:18px; overflow:hidden; font-size:13px; color:#888; }
.lin-list-l li .pics .tag{ float: left; margin-top:5px; margin-left: 5px; max-height:36px; line-height:18px; overflow:hidden; font-size:13px; color:#888; }
.lin-list-l li.morepic a{ padding-bottom:10px;}
.lin-list-l li.morepic .tit{ margin-bottom: 5px; }
.lin-list-l li.morepic .pics{ margin: 0 -5px; overflow:hidden;}
.lin-list-l li.morepic .pics .pic{ float:left; margin:0; overflow:hidden; width:33.333333%; background-color:transparent;}
.lin-list-l li.morepic .pics .pic div{ margin:0 5px; overflow:hidden; max-height:75px; min-height:75px; background-color:#ccc; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.lin-list-l li.morepic .pics .pic div img{ max-width:400px; width:100%; height:auto; display:none; }
.lin-list-l li.nopic .txt .tit,
.lin-list-l li.morepic .txt .tit{ max-height:28px; height:28px;}
.lin-list-l li.nopic .tag,
.lin-list-l li.morepic .tag{ width:auto;}


.lin-list-l li .txt .num{ max-height:18px; line-height:18px; overflow:hidden; font-size:13px; color:#888; }
.lin-list-l li .txt .factory{ max-height:18px; line-height:18px; overflow:hidden; font-size:13px; color:#888; }



.live-list {}
.live-list li {}
.live-list li a { background: #fff;  }
.live-list li i { font-size: 48px; }
