body { background: #fff; }
a { text-decoration: none; -webkit-transition: all 0.10s linear 0.01s; -moz-transition: all 0.10s linear 0.01s; -ms-transition: all 0.10s linear 0.01s; -o-transition: all 0.10s linear 0.01s; transition: all 0.10s linear 0.01s; color: #000; }
a:hover { text-decoration: none; color: #02a9f9; }
ul { padding: 0; list-style: none; margin: 0; }
li, img { -webkit-transition: all 0.20s linear 0.01s; -moz-transition: all 0.20s linear 0.01s; -ms-transition: all 0.20s linear 0.01s; -o-transition: all 0.20s linear 0.01s; transition: all 0.20s linear 0.01s; }
em { font-style: normal; }
@font-face
{
font-family: myFirstFont;
src: url(../fonts/simkai.ttf);
font-weight:bold;
}
.container { width: 1100px !important; padding: 0; }
.head { z-index: 100; width: 100%; overflow: hidden; position: relative; color: #FFFFFF; }
.head .head-top { height: 30px; line-height: 30px; background: url(head-top.jpg); }
.head .head-top .left { float: left; color: #585858; }
.head .head-top .right { float: right;}
.head .head-top .right a{  color: #585858; }
.head .head-top .right .bdsharebuttonbox { float: left; padding-top: 5px;  }
.head .head-top .right .btn { margin-left: 10px; }
.head .head-center { height: 120px; background:  url(head-bg.jpg); clear: both; }
.head .head-center .logo { float: left; margin-top: 0px; margin-bottom: 0; }
.head .head-center .logo a{float:left;margin-top: 30px;}
.head .head-center .introduce { float: left; width: 500px; }
.head .head-center .introduce img { float: left; margin-right: 18px; }
.head .head-center .introduce .h2 { margin-top: 30px; margin-bottom: 5px; font-weight: bold; font-size: 24px; color: #02a9f9; }
.head .head-center .introduce .h2 span { }
.head .head-center .introduce em { font-size: 18px; color: #333; }
.head .head-center .introduce em h1{ font-size: 18px; color: #333; display: inline;}
.head .head-center .phone { float: right; font-size: 28px; margin-top: 30px; width: 280px; }
.head .head-center .phone img { margin-right: 10px; float: left; }
.head .head-center .phone .phone-num { float: left; margin-top: 3px; }
.head .head-center .phone div { font-size: 16px; display: block; margin-left: 3px; color: #333; }
.head .head-center .phone div h2{ font-size: 16px; display: block; margin-left: 3px; color: #333; display: inline;}
.head .head-center .phone span { display: block; color: #02a9f9; font-weight: bold;font-size: 28px; }
.head .nav { height: 50px; background:#02a9f9; clear: both; }
.head .nav .menu ul { padding: 0; list-style: none; margin: 0; }
.head .nav .menu ul li { float: left; position: relative; }
.head .nav .menu ul li span { margin-right: 10px; }
.head .nav .menu ul li a { display: inline-block; float: left; height: 50px; color: #FFFFFF; width: 120px; background: url(nav-hover.jpg) 134px 0px; border-right: 1px solid #e0e0e0;  text-align: center; line-height: 50px;  }
.head .nav .menu ul li .index { background: #0a96e5 url( h_nav.jpg); color: #fff; border: none; }
.head .nav .menu ul li a:hover { background: #0a96e5 url( h_nav.jpg); color: #fff; }
.head .nav .menu ul li:hover .sub { display: block; }
.head .nav .menu ul li .sub { display: none; left: 0; top: 38px; position: absolute; background: #fff; line-height: 26px; padding: 5px 0; z-index: 999; }
.head .nav .menu ul li .sub li { zoom: 1; border: none; }
.head .nav .menu ul li .sub a { display: block; border: none; height: 30px; line-height: 30px; font-size: 14px; color: #02a9f9; border-bottom: 1px dashed #ccc; }
.head .nav .menu ul li .sub a:hover { background: #02a9f9; color: #fff; }
.banner { width: 100%; height: 828px; overflow: hidden; position: relative; z-index: 100;  }
.banner .hd { height: 20px; overflow: hidden; position: absolute; bottom: 10px; z-index: 1; left: 47%; }
.banner .hd ul { overflow: hidden; zoom: 1; float: left; }
.banner .hd ul li { float: left; margin-right: 2px; width: 20px; height: 20px; line-height: 14px; text-align: center; background: rgba(0,0,0,0.4); cursor: pointer; border-radius: 100px; margin: 0 2px; }
.banner .hd ul li.on { background: #2F66AB; color: #2F66AB; }
.banner .bd { width: 100%; height: 828px; overflow: hidden; margin: 0 auto; position: relative }
.banner .bd ul { width: 100%; height: 828px; overflow: hidden; position: absolute; top: 0; left: 0 }
.banner .bd li { float: left; width: 100%; height: 828px; }
.banner .bd li span { display: block; width: 100%; height: 828px }
.banner .bd li a { display: block; width: 100%; height: 828px }
.banner .bd li .img_1 { background: url("banner1.jpg") center top no-repeat }
.banner .bd li .img_2 { background: url("banner2.jpg") center top no-repeat }
.banner .bd li .img_3 { background: url("banner3.jpg") center top no-repeat }
.banner .bd li .img_4 { background: url("banner4.jpg") center top no-repeat }
.banner .prev, .banner .next { height: 75px; background: #fff; position: absolute; left: 2%; top: 45%; margin-top: -25px; display: block; filter: alpha(opacity=50); opacity: 0.5; font-size: 60px; color: #000; border-radius: 5px; }
.banner .next { left: auto; right: 2%; background-position: 8px 5px; }
.banner .prev:hover, .banner .next:hover { filter: alpha(opacity=100); opacity: 1; }
.banner .prevStop { display: none; }
.banner .nextStop { display: none; }

/*about*/
.about { height: 700px; background: url(about-bg.jpg) top center; }
.about .about-cont { height: 370px; }
.about .about-cont .left { width: 440px; float: left; }
.about .about-cont .left img { margin-top: 80px; margin-left: 10px; border: 1px solid #ccc; padding: 5px; width: 400px; }
.about .about-cont .about-title { font-size: 22px; font-weight: bold; color: #02a9f9; padding-top: 5px; padding-bottom: 6px; }
.about .about-cont .about-title span { color: #999; margin-left: 10px; font-size: 14px; }
.about .about-cont .about-title small { display: block; color: #333; font-size: 16px; margin-top: 10px; letter-spacing: 2px; }
.about .about-cont .about-dis { width: 640px; float: right; margin-top: 80px; margin-right: 10px; }
.about .about-cont .about-dis p { margin: 0; color: #444; line-height: 22px; margin-bottom: 3px; }
.about .about-cont .about-dis span{ display: inline}
.about .about-cont .about-dis h5{ margin: 0; color: #444; line-height: 22px; margin-bottom: 3px; display: inline; }
.about .about-cont .about-btn { margin-top: 10px; margin-left: 0px; float: left; }
.about .about-cont .about-btn a { padding: 6px 30px; background: #C89657; color: #fff; margin: 0 20px; border-radius: 5px; }
.about .about-cont .about-btn a:hover { background: #000; }
.about .factory-img { overflow: hidden; position: relative; clear: both; margin-bottom: 20px; }
.about .factory-img .factory-title { height: 30px; line-height: 30px; font-size: 16px; color: #fff; text-align: center; background: url(factory-title.png) center center; margin: 20px 0; }
.about .factory-img .factory-title a { color: #fff; }

.search { padding: 10px 0; display: block; background: #eee; border-bottom: 1px solid #ccc; }
.search .container { }
.search .tags { float: left; line-height: 40px; font-size: 12px; width: 600px; }
.search .tags span { float: left; font-size:12px; line-height: 40px; margin: 0; font-weight: bold; color: #20171a; }
.search .tags h4 { float: left; }
.search .tags h4 { margin-right: 10px;font-size:12px;margin-top: 14px;  border-right: 1px solid #8C7B50; padding-right: 10px; }
.search .form { float: right; height: 35px; margin-right: 0px; margin-top: 0px; }
.search .form .search-keyword { width: 280px; height: 35px; line-height: 35px; background: #fff; color: #aaa; padding-left: 28px; font-size: 12px; float: left; margin-top: 2px; border-radius: 5px 0 0 5px; border: 1px solid #ccc; border-right: 0; }
.search .form .search-submit { width: 49px; height: 34px; background: #02a9f9; border: none; margin-top: 2px; top: 0; font-size: 18px; color: #fff; border-radius: 0 5px 5px 0; }
.navbar-example { position: fixed; top: 20%; left: 0; width: 50px; z-index: 0; }
.navbar-example .nav { background: none; }
.navbar-example .navbar-collapse { padding: 0; }
.navbar-example .navbar-nav>li { display: block; float: none; height: 40px; width: 80px; border-top: 1px solid#0C7EB5; text-align: center; line-height: 40px; background: #02a9f9; border-right: 1px solid#0C7EB5; }
.navbar-example .navbar-nav>li>a { padding: 0; line-height: 40px; color: #fff; }
.navbar-example .navbar-nav>li>a:hover { background: #fff; color: #02a9f9; }
.navbar-example .navbar-nav>li.active>a { color: #02a9f9; cursor: default; background-color: #fff; border: 0; line-height: 40px; }

/*模式*/
.mscon{ background:#f5f5f5; height:680px; overflow:hidden; padding-top: 40px}
.mscon .h2.mstit{background:url(../images/mstit.jpg) no-repeat center top; height: 127px;padding-top: 215px;text-align: center; font-size:22px; color:#555555; font-weight:normal;}
.mscon .h2.mstit span{ display: block;padding-left: 340px; color:#444444; font-size:26px; height:48px;}
.mscon dl{ width:260px; height:497px; float:left; cursor:pointer; margin-right: 20px;}
.mscon dl dt,.mscon dl dt img{ width:260px;  overflow:hidden; }
.mscon dl dt a .image1{  width: 260px;height: 249px;display: block;background:url(ms1.jpg) top left;transition: all 0.35s ease-in; -moz-transition: all 0.35s ease-in;-webkit-transition: all 0.35s ease-in; -o-transition: all 0.35s ease-in;}
.mscon dl dt a .image2{  width: 260px;height: 249px;display: block;background:url(ms2.jpg) top left;transition: all 0.35s ease-in; -moz-transition: all 0.35s ease-in;-webkit-transition: all 0.35s ease-in; -o-transition: all 0.35s ease-in;}
.mscon dl dt a .image3{  width: 260px;height: 249px;display: block;background:url(ms3.jpg) top left;transition: all 0.35s ease-in; -moz-transition: all 0.35s ease-in;-webkit-transition: all 0.35s ease-in; -o-transition: all 0.35s ease-in;}
.mscon dl dt a .image4{  width: 260px;height: 249px;display: block;background:url(ms4.jpg) top left;transition: all 0.35s ease-in; -moz-transition: all 0.35s ease-in;-webkit-transition: all 0.35s ease-in; -o-transition: all 0.35s ease-in;}
.mscon dl dt a .image1:hover { background: url(ms1.jpg) top right; }
.mscon dl dt a .image2:hover { background: url(ms2.jpg) top right; }
.mscon dl dt a .image3:hover { background: url(ms3.jpg) top right; }
.mscon dl dt a .image4:hover { background: url(ms4.jpg) top right; }
.mscon dl dd{ background:#fff; width:260px; height:267px; overflow:hidden; text-align:center; padding-top:14px; color:#333333; border-bottom:3px solid #02a9f9;}
.mscon dl dd h2{ width:285px; height:40px; line-height:40px; font-size:36px; }
.mscon dl dd em{ width:285px; height:40px; line-height:40px; font-weight:bold; font-size:22px; display:block;}
.mscon dl dd span{overflow:hidden; font-size:16px; color:#666666; line-height:24px; display:block; padding:8px 6px 0 6px;}
.mscon dl dd span i{color:#d8000b; font-weight:bold;}
.mscon dl.cur dd{ background:#02a9f9;color:#fff;}
.mscon dl.cur span,.mscon dl.cur span i { color:#fff;}
.mscon dl.nones{ margin-right:0;}


/*product*/
.product { clear: both; overflow: hidden; margin-top: 20px; background: #f4f4f4; border-top: 1px solid #eee; padding-top: 10px; padding-bottom: 15px; }
.product .container{background:#fff;}
.product .title { overflow: hidden; text-align: center; height: 65px; margin-bottom: 20px; background: url( title-en-bg.png) }
.product .title .h2 { font-size: 24px; color: #fff; font-weight: bold; width: 360px; margin: 0 auto; margin-top:15px; letter-spacing: 0px; text-align: center; }
.product .title .h2 a { color: #02a9f9 ; }
.product .title .h2 a:hover { color: #02a9f9; }
.product .title .h2 span{  color: #02a9f9;   display: block;font-size: 14px;color: #666;font-weight: normal;padding: 5px 0 0;}
.product .pro-nav-menu .strong { margin-right: 5px;  margin-left: 5px; line-height: 40px;display: block;}
.product .pro-nav-menu .strong a {font-size: 14px;color: #fff;padding-left: 20px;display: block;background:#585858;margin-bottom: 7px; border-radius: 5px;}
.product .pro-nav-menu .strong span{    margin-right: 10px;}
.product .pro-nav { float: left; width: 220px; background: #fff; border: 1px solid #ccc; }
.product .pro-nav .pro-nav-t { height: 97px; background:#02a9f9 url(pro_t.jpg); font-size: 20px; font-weight: bold; text-align: center; color: #fff; }
.product .pro-nav .pro-nav-b { height: 68px; line-height: 68px; background:#02a9f9; font-size: 20px; font-weight: bold; text-align: center; color: #fff; }
.product .pro-nav .pro-nav-b .pr_t{ width: 220px; height: 30px; padding-top: 68px;}
.product .pro-nav .pro-nav-b span { display: block; font-size: 12px; font-weight: 500; margin-top: 2px; }
.product .pro-nav .pro-nav-t .pr_t{ width: 220px; height: 30px; padding-top: 30px;}
.product .pro-nav .pro-nav-t span { display: block; font-size: 12px; font-weight: 500; margin-top: 2px; }
.product .pro-nav .pro-nav-menu { }
.product .pro-nav .menu { overflow: hidden; padding: 10px 0px; background: #eee; }
.product .pro-nav .menu .strong { height: 40px; line-height: 40px; margin-bottom: 8px; background: #fff; border-radius: 5px; display: block; border: 1px solid #00962E; }
.product .pro-nav .menu .strong span { float: right; margin-right: 10px; margin-top: 12px; }
.product .pro-nav .menu .strong a { font-size: 16px; font-weight: bold; color: #02a9f9; margin-left: 14px; display: block; }
.product .pro-nav .menu .strong:hover { background: #005b1c; border: 1px solid #005b1c; }
.product .pro-nav .menu .strong:hover a { color: #fff; }
.product .pro-nav ul { overflow: hidden; padding-top: 15px; }
.product .pro-nav ul li { margin-right: 5px; margin-left: 5px; line-height: 40px; }
.product .pro-nav ul li a { font-size: 14px; color: #fff; padding-left: 40px; display: block; background: #666;margin-bottom: 7px; border-radius: 5px; }
.product .pro-nav ul li a:hover { background-position: 0 80px; }
.product .pro-nav ul li a span { margin-right: 10px; color: #fff; }
.product .pro-nav .phone { clear: both; padding-top: 10px; background: #eee; }
.product .pro-nav .phone span { font-size: 18px; margin-right: 10px; margin-left: 30px; color: #02a9f9; }
.product .pro-nav .phone .strong { display: inline; font-size: 16px; font-weight: 500; }
.product .pro-nav .phone li { line-height: 30px; color: #111; border: 0; margin-left: 0; margin-right: 0; border-top: 1px dashed #ccc; margin-bottom: 3px; }
.product .pro-nav .kefu-center { text-align: center; padding: 0; background: #eee; }
.product .pro-nav .kefu-center ul { overflow: hidden; padding-top: 0px; border-radius: 5px; margin: 5px 20px; background: none; }
.product .pro-nav .kefu-center li { height: 33px; margin-right: 0px; margin-left: 0px; line-height: 33px; border-bottom: 0px; }
.product .pro-nav .kefu-center li a { margin-left: 0; background: none; padding: 0; color: #333; }
.product .pro-nav .kefu-center li img { border: 1px solid #02a9f9; border-radius: 5px; background: #fff; }
.product .pro-nav .kefu-center .qrcode { margin-top: 10px; }
.product .pro-nav .kefu-center .qrcode img { width: 160px; background: #fff; padding: 5px; border-radius: 5px; }
.product .pro-nav .map img { width: 218px; height: 150px; }
.product .new-p { clear: both; padding-top: 10px; }
.product .new-p .new-p-t { background: #4097d1; font-size: 20px; font-weight: bold; text-align: center; color: #fff; padding-top: 15px; padding-bottom: 15px; }
.product .new-p .new-p-t span { display: block; font-size: 12px; font-weight: 500; margin-top: 2px; }
.product .new-p ul li { margin: 8px; }
.product .new-p ul li a { margin: 0; text-align: center; }
.product .new-p ul li img { width: 200px; border: 3px solid #fff; }
.product .pro-img { width: 870px; float: right; }
.product .pro-img ul { zoom: 1; }
.product .pro-img li { width: 268px; float: left; position: relative; margin: 5px 8px; background: #797979; border: 3px solid #797979; -webkit-transition: all 0.10s linear 0.01s; -moz-transition: all 0.10s linear 0.01s; -ms-transition: all 0.10s linear 0.01s; -o-transition: all 0.10s linear 0.01s; transition: all 0.10s linear 0.01s; }
.product .pro-img li img { width: 100%; display: block; }
.product .pro-img li span { color: #fff; float: left; padding: 5px; margin-top: 2px; margin-bottom: 2px; margin-left: 5px; }
.product .pro-img li .a-link { font-size: 12px; color: #666; padding: 3px 10px; float: right; background: #eee; margin-right: 10px; margin-top: 5px; }
.product .pro-img li:hover { z-index: 20; -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); transform: translateY(-5px); background: #02a9f9; border: 3px solid #02a9f9; }


/*advantage*/
.adv_top{     height: 271px; background: url(top.jpg) center center;}
.advantage { overflow: hidden; margin-top: 10px; }
.advantage .advan-title { height: 148px; background: url(advantage_01.jpg) center center; }
.advantage .title { padding-top:55px; width:510px;margin-left:60px;}
.advantage .title .strong { font-size: 22px; color:#1161C0; font-weight: bold;margin-left:70px; display: inline;}
.advantage .title .m_l{ margin-left:110px;}
.advantage .title .m_ll{ margin-left:70px;}
.advantage .ll{margin-right:-50px;;}
.advantage .title span { margin-left: 20px; font-size: 22px;color:#666;}
.advantage .title small{display:block;margin-left:30px;font-size:16px;margin-top:15px;}
.advantage .cont { margin-top: 20px;  width: 530px;}
.advantage .cont span { color: #bf1313; margin-right: 5px; }
.advantage .cont strong { color: #FE0202; font-weight: 500; }
.advantage .cont .btn { margin-left: 60px; }
.advantage .title .adv-l{ padding-left:40px;}
.advantage .cont a { width:99px; height: 37px; background: url(advan-btn.jpg) center center; line-height: 37px;padding-left:15px;color: #fff; display: block; float: left; margin: 0 30px;text-align:left;}
.advantage .adv1 { background: url(advantage_02.jpg) center center; height: 370px; }
.advantage .adv2 { background: url(advantage_03.jpg) center center; height: 370px; }
.advantage .adv3 { background: url(advantage_04.jpg) center center; height: 370px; }
.advantage .adv4 { background: url(advantage_05.jpg) center center; height: 370px; }
.advantage .adv2 .title, .advantage .adv4 .title {float:right;}
.advantage .adv2 .cont, .advantage .adv4 .cont { width: 530px; float: right;overflow: hidden;clear: both;}



.programme { overflow: hidden; }
.programme .top { height: 200px; background: url(programme-top.jpg) top center;}
.programme .top .container { }
.programme .top .container .left{float:left;}
.programme .top .container .left p{color:#fff;font-size:25px;margin-top:52px;margin-left:15px;}
.programme .top .container .left p strong{font-size:36px;color:#0089e1;margin-right:40px;}
.programme .top .container .left ul{}
.programme .top .container .left ul li{float:left;color:#333;font-size:18px;margin-right:88px;}
.programme .top .container .right{width:300px;float:right;margin-top:50px;}
.programme .top .container .right .title {clear:both;overflow: hidden;}
.programme .top .container .right .title span {font-size:45px;color:#fff;float:left;margin-left:40px;margin-top:3px;}
.programme .top .container .right .title p{float:right;color:#fff;font-size:18px;margin-right:40px;}
.programme .top .container .right .title p strong{display: block;font-size:24px;color:#fff;}
.programme .top .container .right a { display: block;width: 120px; height: 35px; line-height: 35px; text-align: center; margin: 10px 15px;color:#333;float:left;background: url(a-btn.jpg);border-radius: 5px;}
.programme .top .container .right a:hover{background:#fff;color:#333;}
.programme .center {margin-bottom: 10px;overflow:hidden;margin-top:10px;}
.programme .center .title { overflow: hidden; text-align: center;height:76px;background:url(title-en-bg.png) center center no-repeat;margin-bottom:20px;}
.programme .center .title h2 { font-size: 24px; color: #333; font-weight: bold;width:360px;margin:0 auto;margin-top:15px;letter-spacing:0px;text-align: center;}
.programme .center .title h2 a { color: #333;}
.programme .center .title h2 a:hover { color: #0089e1; }
.programme .center .title h2 span{color:#1B5DBE;}
.programme .center .title em { color: #999;width:1100px;display: block;margin-top:3px;}
.programme .center .hd { height: 54px; padding: 0; top: 0;margin: 30px auto;}
.programme .center .hd ul { float: left; }
.programme .center .hd ul li { float: left; cursor: pointer; height: 50px; line-height: 50px; color: #fff; width: 150px; text-align: center;background:#444444;margin:1px;}
.programme .center .hd ul li.on { background: #0089e1; color: #fff; }
.programme .center .bd { background: #eee; overflow: hidden; }
.programme .center .bd .left { float: left; }
.programme .center .bd .left img{width:530px;height:371px;}
.programme .center .bd .right { float: right; width: 530px; }
.programme .center .bd .right .programme-title { overflow: hidden; clear: both; margin-top: 20px; }
.programme .center .bd .right .programme-title .programme-t { float: left; margin-right: 10px; width: 60px; height: 60px; background:#0089e1; color: #fff; font-size: 38px; text-align: center; line-height: 60px; border-radius: 10px; }
.programme .center .bd .right .programme-title strong { font-size: 24px; display: block; }
.programme .center .bd .right .programme-title span { font-size: 16px; }
.programme .center .bd .right .cont { background: #666; width: 500px; padding: 10px; margin-top: 20px; border-radius: 10px; color: #fff; height:70px; }
.programme .center .bd .right .programme-cont { overflow: hidden; margin-top:0px; }
.programme .center .bd .right .programme-cont span { float: left; height: 30px; margin-right: 20px; }
.programme .center .bd .right .programme-cont p { margin: 0; line-height: 24px; }
.programme .center .bd .right ul li{float:left;width:240px;margin:10px;text-align:center;}
.programme .center .bd .right ul li img{width:100%;}

.adv_top{ height: 271px; background: url( top.jpg);}



.witness { overflow: hidden; margin-top: 20px; }
.witness .container {border:1px solid #ccc;border-top: 6px solid #015db2;}
.witness .title { height: 46px; line-height: 46px; padding: 0 10px;  border-bottom: 1px solid #d7d7d7; }
.witness .title span { color: #666; font-size: 20px; float: left; margin-top: 5px; }
.witness .title .h3 { float: left; margin: 0; margin-left: 15px; color: #014DAB; font-size: 16px; font-weight: bold; line-height: 40px; margin-right: 10px; }
.witness .title small { color: #ccc; }
.witness .title a { float: right; color: #ccc; font-size: 12px; }
.witness .cont ul li { width: 243px; height: 320px; text-align: center; border: 1px solid #ccc; float: left; margin: 5px; padding: 10px; }
.witness .cont ul li:hover { border: 1px solid #02a9f9; }
.witness .cont ul li:hover img { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); }
.witness .cont ul li img { width: 150px; height: 150px; border-radius: 100px; border: 1px solid #ccc; padding: 5px; display: block; margin: 10px auto; }
.witness .cont ul li strong { margin-bottom: 10px; display: block; }
.witness .cont ul li p { font-size: 12px; }
.witness .cont ul li a { display: block; width: 100px; height: 30px; margin: 10px auto; background: #02a9f9; line-height: 30px; text-align: center; font-size: 12px; color: #fff; border-radius: 10px; }
.witness .cont ul li a span { margin-right: 5px; }
/*case*/
.case { background: #000 url(news-bg.jpg) center; overflow: hidden; padding: 20px 0; }
.case .title { overflow: hidden;text-align: center; height: 70px; }
.case .title .h2 { font-size: 22px; color: #fff; font-weight: bold; width: 360px; margin: 0 auto; margin-top: 15px; letter-spacing: 2px; text-align: center; }
.case .title .h2 a { color: #fff; }
.case .title .h2 a span { color: #FFD400; }
.case .title .h2 span{  color: #fff;   display: block;font-size: 14px; font-weight: normal;padding: 5px 0 0;}
.case .cont { border-top: 0; padding-top: 10px; padding-bottom: 10px; background: #fff; }
.case .cont .case-img { overflow: hidden; position: relative; }
.case .cont .case-img .bd .prev, .case .cont .case-img .bd .next { display: block; top: 100px; cursor: pointer; position: relative; height: 60px; text-align: center; width: 30px; color: #fff; line-height: 60px; font-size: 18px; background: #02a9f9; }
.case .cont .case-img .bd .prev { float: right; right: 0px; }
.case .cont .case-img .bd .next { float: left; left: 0px; }
.case .cont .case-img .bd .tempWrap { }
.case .cont .case-img .bd ul { overflow: hidden; zoom: 1; }
.case .cont .case-img .bd ul li { float: left; display: inline; overflow: hidden; text-align: center; margin-left: 10px; background:#eee; border: 1px solid #bbb; }
.case .cont .case-img .bd ul li .pic { text-align: center; padding: 0px; display: block; }
.case .cont .case-img .bd ul li .pic img { width: 312px; display: block; padding: 10px; }
.case .cont .case-img .bd ul li span { color: #333; display: block; margin-bottom: 5px; }
.case .cont .case-img .bd ul li .link { float: right; color: #fff; border: 1px solid #fff; padding: 2px 5px; margin-right: 10px; font-size: 12px; margin-bottom: 5px; }



/*新闻*/
.news{background: url(case_bg.jpg); border-bottom:1px solid #E9E9E9; border-top:1px solid #E9E9E9;  }
.news_nr{ width:1210px; margin:0 auto; padding-bottom:40px; }
.news_left{ width:805px; float:left; }
.news_left .h3{ font-size: 16px; color: #02a9f9; font-weight: bold;  margin: 0 auto; margin-top: 25px; letter-spacing: 2px; margin-left: 20px;  margin-bottom: 10px;  }
.news_left .h3 span{ color:#cccccc;     font-size: 85%; font-family:Arial, sans-serif; margin-left:12px;  }
.news_left .h3 a{ float:right; color:#222222; font-size:14px; padding-left:13px; background:url("jian.png") no-repeat left center; margin-right:9px;   }
.news_left div{ background:#FFFFFF; border:1px solid #E6E6E6; padding:26px 29px 0px;  }
.news_left div li{ height:100px; padding-bottom:20px; border-bottom:1px solid #E0E0E0; margin-bottom:1px;  }
.news_left div li a.index_news_titlepic{ width:110px; height:85px; overflow:hidden; display:block; float:left;border-radius: 4px;}
.news_left div li img{ width:110px;float:left;}
.news_left div li dl{ width:520px; float:right; margin-right:22px;  }
.news_left div li dl dt{ height:21px; overflow:hidden;}
.news_left div li dl dt a{ color:#222222; font-size:16px; display:block; width:430px; float:left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news_left div li dl dt a:hover{ color:#154a78; }
.news_left div li dl dt span{ width:88px; display:block;float: right; text-align:right;background: url("window_text.png") no-repeat;}
.news_left div li dl dd{ color:#666666; font-size:13px; line-height:24px; height:48px; overflow:hidden; padding-top:16px; }

.news .news_right { width: 390px; float: right; }
.news_right .h3{ font-size: 16px; color: #02a9f9; font-weight: bold;  margin: 0 auto; margin-top: 25px; letter-spacing: 2px; margin-left: 20px; margin-bottom: 10px;   }
.news_right .h3 span{ color:#cccccc;     font-size: 85%; font-family:Arial, sans-serif; margin-left:12px;  }


.news .news_right .bd ul { zoom: 1; width:360px; padding: 5px; }
.news .news_right .question-top { background:#fff; overflow: hidden; position: relative; clear: both; height: 700px; padding-left:18px;padding-right:18px; width:360px; border: 1px solid #E6E6E6;}
.news .news_right .question-top .bd { padding: 0px; }
.news .news_right .question-top .bd .tempWrap{ height:600px!important;   }
.news .news_right .question-top .infoList li { border-bottom: 1px dashed #ccc; }
.news .news_right .question-top .infoList li .h5 { font-size: 14px; color:#2e9afe; height: 50px; line-height: 50px; margin: 0; }
.news .news_right .question-top .infoList li .h5 strong { background:#2e9afe; padding: 3px; color: #fff; font-size: 14px; border-radius: 2px; margin-right: 5px; }
.news .news_right .question-top .infoList li .h5 a { color: #2e9afe; }
.news .news_right .question-top .infoList li .answer { color: #666; padding-bottom: 20px; }
.news .news_right .question-top .infoList li .answer span { display: block; font-size: 14px; }
.news .news_right .question-top .infoList li .answer strong { color: #fff; background: #ccc; font-size: 14px; padding: 3px; border-radius: 2px; margin-right: 5px; float: left; }



.partner { clear: both; padding: 10px 0; }
.partner .title { overflow: hidden; text-align: center; height: 82px; background: url(title-en-bg.png) center center no-repeat; margin-bottom: 10px; }
.partner .title h2 { font-size: 22px; color: #02a9f9; font-weight: bold; width: 360px; margin: 0 auto; margin-top: 25px; letter-spacing: 2px; text-align: center; }
.partner .title h2 a { color: #fff; }
.partner .title h2 a span { color: #FFD400; }
.partner .title h2 span{  color: #02a9f9;   display: block;font-size: 14px;color: #666;font-weight: normal;padding: 5px 0 0;}
.partner .title em { color: #aaa; display: block; margin-top: 18px; font-size: 12px; }
.partner .cont { padding-top: 10px; }
.partner .cont .partner-img { overflow: hidden; position: relative; }
.partner .cont .partner-img .bd .prev, .partner .cont .partner-img .bd .next { display: block; top: 60px; cursor: pointer; position: relative; z-index: 20; height: 60px; text-align: center; width: 30px; color: #fff; line-height: 60px; font-size: 18px; background: #2DB5D9; }
.partner .cont .partner-img .bd .prev { float: right; right: 0px; }
.partner .cont .partner-img .bd .next { float: left; left: 0px; }
.partner .cont .partner-img .bd .tempWrap { }
.partner .cont .partner-img .bd ul { overflow: hidden; zoom: 1; }
.partner .cont .partner-img .bd ul li { float: left; display: inline; overflow: hidden; text-align: center; margin-left: 10px; }
.partner .cont .partner-img .bd ul li .pic { text-align: center; padding: 0px; display: block; }
.partner .cont .partner-img .bd ul li .pic img { width: 162px; display: block; border: 1px solid #ccc; border-radius: 10px; }
.partner .cont .partner-img .bd ul li span { color: #666; margin: 5px 0; display: block; }
.yqlj { }
.yqlj .container { height: 130px; background: url(yqlj.png); }
.yqlj ul { padding-top: 75px; padding-left: 130px; }
.yqlj li { font-size: 12px; margin-right: 10px; float: left; }
.yqlj li a { color: #aaa; }

.footer{margin:0 auto 0 auto; background:#525252;}
.footer .foot-nav { height: 45px; line-height: 45px; background: #02a9f9; }
.footer .foot-nav ul li { float: left; margin-right: 6px; margin-top: 8px; border-right: 1px solid#0C7EB5; }
.footer .foot-nav ul li a { display: block; height: 30px; line-height: 30px; color: #fff; padding: 0 29px; }
.footer .foot-nav ul li a:hover { background: #fff; color: #000; }

.footer .org{color:#02A9F9}
.footer .footer_menu{margin:0 auto;height:236px;width:1200px;}
.footer_menu dl{width:200px;height:100%;float:left; overflow:hidden;}
.footer_menu #f_first{width:360px}
.footer_menu dl dt{display:block;margin-top:32px;color:#fff;font-size:16px;padding-left:20px;font-weight:600;border-left:4px solid #02A9F9}
.footer_menu dl dt a{ color:#fff;}




.title {
	text-align: center;
	width: 100%;
	padding-bottom: 30px;
}
.title h3 {
	font-size: 28px;
	font-weight: normal;
	display: block;
	line-height: 30px;
	background: url(../images/title.png) no-repeat center;
}
 .title p {
	color: #666;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: normal;
	padding-top: 20px;
}
.title h3 b {
	display: inline-block;
	font-weight: normal;
	color: #ab0712;
}
.footer_menu dd{margin-top:24px;}
.footer_menu dd p{ display:block;color:#9f9f9f;line-height:25px;padding-left:20px;}
.footer_menu dd span{margin-right:10px;}

.footer_menu .last_box{width:300px;height:184px;margin-top:32px;border-left:1px solid #4e504e;box-sizing:border-box;padding-left:60px; float: left;}
.footer_menu .last_box dt{padding-left:0;border:none;margin-top:0;margin-bottom:20px}
.footer_menu .last_box .org{font-size:22px;font-weight:700}
.footer_menu .last_box p.two{color:#9f9f9f}
.footer_menu .last_box .button{text-align:center;margin-top:16px;height:40px;width:160px;border-radius:8px;border:0;background:#02A9F9;color:#FFF;line-height:40px;font-weight:600;cursor:pointer}
.footer_menu .last_box .button:hover{background:#ffab03}
.footer_menu .last_box .button span{display:inline-block;width:28px; vertical-align:middle;margin-right:4px}


.footer .footer_copy{height:58px;background:#1e1c1a;text-align:center;color:#9f9f9f;line-height:58px;font-size:14px}



.code {float: right;width: 234px; }


.inner { }
.inner .banner-about { height: 260px; background: url(banner-about.jpg) center center; }
.inner .banner-image { height: 260px; background: url(banner-image.jpg) center center; }
.inner .banner-image2 { height: 260px; background: url(banner-image2.jpg) center center; }
.inner .banner-news { height: 260px; background: url(banner-news.jpg) center center; }
.inner .banner-case { height: 260px; background: url(banner-case.jpg) center center; }
.inner .banner-flow { height: 260px; background: url(banner-flow.jpg) center center; }
.inner .banner-space { height: 260px; background: url(banner-space.jpg) center center; }
.inner .banner-service { height: 260px; background: url(banner-service.jpg) center center; }
.inner .banner-contact { height: 260px; background: url(banner-contact.jpg) center center; }
.inner .inner-title { height: 100px; text-align: center; margin: 30px auto; font-size: 24px; color: #02a9f9; line-height: 70px; font-weight: bold; }
.inner .inner-dis { padding: 0px 20px; text-align: center; font-size: 12px; }
.inner .inner-cont { overflow: hidden; margin-top: 20px; margin-bottom: 10px; color: #333; padding: 0 3px; }
.inner .inner-left { width: 260px; float: left; }
.inner .inner-left .inner-nav { width: 250px; background: #02a9f9; padding: 0px 10px 10px 10px; overflow: hidden; }
.inner .inner-left .inner-nav .pro-nav-t { font-size: 20px; font-weight: bold; text-align: center; color: #fff; padding-top: 15px; padding-bottom: 10px; }
.inner .inner-left .inner-nav .pro-nav-t span { display: block; font-size: 12px; font-weight: 500px; }
.inner .inner-left .inner-nav .pro-nav-menu { background: #fff; border-radius: 10px; padding-top: 10px; }
.inner .inner-left .inner-nav .menu { overflow: hidden; padding: 10px 10px; }
.inner .inner-left .inner-nav .menu strong { height: 40px; line-height: 40px; margin-bottom: 8px; background: #02a9f9; border-radius: 5px; display: block; border: 1px solid #00902C; }
.inner .inner-left .inner-nav .menu strong span { float: right; margin-right: 10px; margin-top: 12px; }
.inner .inner-left .inner-nav .menu strong a { font-size: 16px; font-weight: bold; color: #fff; margin-left: 14px; display: block; }
.inner .inner-left .inner-nav .menu strong:hover { background: #f6b20f; border: 1px solid #d69700; }
.inner .inner-left .inner-nav ul { overflow: hidden; }
.inner .inner-left .inner-nav ul strong{    margin-right: 5px;margin-left: 5px;line-height: 40px; display: block;}
.inner .inner-left .inner-nav ul strong a{    font-size: 14px;color: #fff;padding-left: 20px;display: block;background: #02a9f9;margin-bottom: 7px;border-radius: 5px; }
.inner .inner-left .inner-nav ul li { margin-right: 13px; background: url("pro-nav2.png") left no-repeat; margin-left: 5px; line-height: 41px; border-bottom: 1px dashed #999; }
.inner .inner-left .inner-nav ul .hover { background: #02a9f9; }
.inner .inner-left .inner-nav ul .hover a { color: #fff; }
.inner .inner-left .inner-nav ul .hover span { color: #fff; }
.inner .inner-left .inner-nav ul li a { font-size: 14px; color: #2A1818; margin-left: 20px; display: block; }
.inner .inner-left .inner-nav ul li a:hover { color: #02a9f9; }
.inner .inner-left .inner-nav ul li a span { margin-right: 10px; color: #02a9f9; }
.inner .inner-left .inner-nav ul .hover a:hover { color: #fff; }
.inner .inner-left .hot-pro { margin-top: 10px; border: 1px solid #02a9f9; overflow: hidden; }
.inner .inner-left .hot-pro .title { height: 40px; line-height: 40px; font-size: 16px; text-align: center; color: #fff; background: #02a9f9; font-weight: bold; }
.inner .inner-left .hot-pro .cont { margin-top: 10px; text-align: center; }
.inner .inner-left .hot-pro .cont ul li { width: 250px; margin: 5px auto; }
.inner .inner-left .hot-pro .cont ul li img { width: 100%; border: 1px solid #ccc; }
.inner .inner-left .hot-pro .cont ul li span { color: #666; }
.inner .inner-left .inner-contact { margin-top: 10px; border: 1px solid #02a9f9; }
.inner .inner-left .inner-contact .title { height: 40px; line-height: 40px; font-size: 16px; text-align: center; color: #fff; background: #02a9f9; font-weight: bold; }
.inner .inner-left .inner-contact .cont { padding: 10px; text-align: center; margin-top: 10px; }
.inner .inner-left .inner-contact .cont img { margin-bottom: 10px; width: 100%; }
.inner .inner-left .inner-contact .cont p { margin-bottom: 5px; color: #666; }
.inner .inner-left .inner-contact .cont strong { font-size: 16px; }
.inner .inner-left .inner-contact .cont span { font-size: 26px; color: #02a9f9; font-weight: bold; }
.inner .inner-left .hot-news { margin-top: 10px; border: 1px solid #02a9f9; }
.inner .inner-left .hot-news .title { height: 40px; line-height: 40px; font-size: 16px; text-align: center; color: #fff; background: #02a9f9; font-weight: bold; }
.inner .inner-left .hot-news ul li { height: 30px; line-height: 30px; font-size: 12px; padding: 0 5px; }
.inner .inner-left .hot-news ul li span { margin-right: 5px; color: #02a9f9; }
.inner .inner-left .hot-news ul li a { color: #666; }
.inner .inner-right { overflow: hidden; float: right; width: 813px; border: 1px solid #ccc; }
.inner .inner-right .inner-place { margin-top: 0px; height: 40px; line-height: 40px; clear: both; overflow: hidden; background: #02a9f9 url(title-bg.jpg); padding: 0 50px; }
.inner .inner-right .inner-place span { font-size: 20px; margin-right: 10px; color: #02a9f9; }
.inner .inner-right .inner-place strong { font-size: 14px; color:#004EAD; margin-right: 10px; }
.inner .inner-right .inner-place a { color: #004EAD; margin-right: 5px; }
.inner .inner-right .inner-place .inner-position { float: left; color:#004BA8; }
.inner .inner-right .pro-img { overflow: hidden; margin-bottom: 20px; margin-top: 20px; }
.inner .inner-right .pro-img ul li { width: 250px; float: left; margin: 0 5px 15px 5px; background: #eee; padding: 4px; border: 1px solid #ccc; }
.inner .inner-right .pro-img ul li:hover { border: 1px solid #02a9f9; }
.inner .inner-right .pro-img ul li:hover span { color: #02a9f9; }
.inner .inner-right .pro-img ul li img { width: 250px; height: 187px; }
.inner .inner-right .pro-img ul li span { color: #666; padding: 5px; display: block; margin-top: 3px; text-align: center; }
.inner .inner-right .pro-img ul li span b { font-weight: 500; }
.inner .inner-right .pro-img .inner-page { text-align: center; height: 30px; padding-top: 10px; clear: both; }
.inner .inner-right .pro-img .inner-page ul li { float: left; left: 15%; position: relative; ; margin-right: 1px; width: auto; padding: 3px 10px; color: #666; }
.inner .inner-right .pro-img .inner-page ul li a { color: #666; display: block; }
.inner .inner-right .pro-img .inner-page ul li a:hover { color: #02a9f9; }
.inner .inner-right .pro-img .inner-page ul li .pageinfo { width: 200px; display: block; background: #666; background: #999; color: #fff; margin: -5px; }
.inner .inner-right .pro-img .inner-page .thisclass { background: #02a9f9; border: 1px solid #02a9f9; color: #fff; }
.inner .inner-right .pro-img .inner-page .thisclass a { color: #fff; }
.inner .inner-right .rec-news { overflow: hidden; margin: 0px auto; }
.inner .inner-right .rec-news .title { height: 40px; line-height: 40px; clear: both; overflow: hidden; background: #02a9f9 url(title-bg.jpg); padding: 0 50px; border-top: 1px solid #ccc; }
.inner .inner-right .rec-news .title strong { float: left; margin: 0; margin-left: 10px; color: #004EAD; font-size: 16px; font-weight: bold; line-height: 35px; margin-right: 5px; }
.inner .inner-right .rec-news .title span { color: #4E4E4E; }
.inner .inner-right .rec-news .rec-news-img { overflow: hidden; padding: 10px; }
.inner .inner-right .rec-news .rec-news-img li { overflow: hidden; border-bottom: 1px dashed #94896B; padding-bottom: 10px; }
.inner .inner-right .rec-news .rec-news-img li img { width: 180px; height: 126px; float: left; margin-right: 10px; border: 1px solid #02a9f9; padding: 2px; }
.inner .inner-right .rec-news .rec-news-img li a { font-size: 16px; color: #02a9f9; padding-top: 20px; }
.inner .inner-right .rec-news .rec-news-img li p { color: #666; margin-top: 10px; }
.inner .inner-right .rec-news .rec-news-img li span { color: #999; }
.inner .inner-right .rec-news .rec-news-list { overflow: hidden; padding: 10px; }
.inner .inner-right .rec-news .rec-news-list li { height: 40px; line-height: 40px; border-bottom: 1px dashed #ccc; width: 370px; float: left; margin: 0 10px; }
.inner .inner-right .rec-news .rec-news-list li span { color: #02a9f9; margin-right: 20px; }
.inner .inner-right .rec-news .rec-news-list li a { COLOR: #666; }
.inner .inner-right .rec-news .rec-news-list li small { float: right; }
.inner .inner-right .list-article .news-list { padding: 20px; overflow: hidden; margin-bottom: 20px; }
.inner .inner-right .list-article .news-list li { height: 165px; border-bottom: 1px dashed #ccc; margin-bottom: 10px; padding-top: 10px; }
.inner .inner-right .list-article .news-list li img { display: block; float: left; border: 1px solid #ccc; padding: 5px; width: 200px; margin-right: 20px; height: 144px; }
.inner .inner-right .list-article .news-list li .text { margin-left: 0px; width: 540px; float: left; }
.inner .inner-right .list-article .news-list li .li-title { font-size: 18px; }
.inner .inner-right .list-article .news-list li .li-title a { color: #02a9f9; }
.inner .inner-right .list-article .news-list li .li-title strong { font-weight: 500; color: #02a9f9; }
.inner .inner-right .list-article .news-list li .li-title strong a { color: #02a9f9; }
.inner .inner-right .list-article .news-list li p { color: #666; font-size: 14px; padding-left: 10px; margin-top: 10px; }
.inner .inner-right .list-article .news-list li span { font-size: 12px; color: #999; margin-left: 10px; }
.inner .inner-right .news-list .inner-page { text-align: center; height: 30px; padding-top: 10px; clear: both; }
.inner .inner-right .news-list .inner-page ul li { float: left; left: 15%; position: relative; border: 1px solid #ccc; margin-right: 1px; width: auto; padding: 3px 10px; height: auto; }
.inner .inner-right .news-list .inner-page ul li a { color: #666; display: block; }
.inner .inner-right .news-list .inner-page ul li a:hover { color: #02a9f9; }
.inner .inner-right .news-list .inner-page ul li .pageinfo { width: 200px; display: block; background: #666; background: #999; color: #fff; margin: -5px; }
.inner .inner-right .news-list .inner-page .thisclass { color: #fff; background: #02a9f9; border: 1px solid #02a9f9; }
.inner .inner-right .news-list .inner-page .thisclass a { color: #fff; }
.inner .inner-right .explain { overflow: hidden; margin: 0px auto; }
.inner .inner-right .explain .left { float: left; width: 330px;  height: 250px;   overflow: hidden;}
.inner .inner-right .explain .left img { padding: 4px; border: 1px solid #02a9f9; margin-left: 0px; margin-top: 20px; width: 100%; }
.inner .inner-right .explain .right { width: 450px; float: right; margin-bottom: 20px; }
.inner .inner-right .explain .right .inner-title { height: 30px; line-height: 30px; margin: 10px auto; }
.inner .inner-right .explain .right ul li { padding-left: 20px; height: 35px; line-height: 35px; border-bottom: 1px dashed #ccc; color: #333; }
.inner .inner-right .explain .right .bdsharebuttonbox { padding-left: 10px; border-bottom: 1px dashed #ddd; }
.inner .inner-right .explain .prevnext { clear: both; overflow: hidden; padding: 10px; border: 1px solid #ccc; margin: 0 10px; background: #efefef; }
.inner .inner-right .explain .prevnext li { float: left; width: 380px; color: #666; }
.inner .inner-right .explain .prevnext li a { color: #666; }
.inner .inner-right .explain .prevnext li a:hover { color: #02a9f9; }
.inner .inner-right .article-image { padding: 0px; overflow: hidden; margin-bottom: 20px; position: relative; margin-top: 10px; color: #333; }
.inner .inner-right .article-image .inner-title { height: 50px; margin: 10px auto; background: none; line-height: 50px; }
.inner .inner-right .article-image .title { margin-top: 0px; height: 40px; line-height: 40px; clear: both; overflow: hidden; background: #02a9f9 url(title-bg.jpg); padding: 0 50px; }
.inner .inner-right .article-image .title h3 { font-size: 18px; color: #fff; font-weight: bold; margin: 0; height: 40px; line-height: 40px; float: left; }
.inner .inner-right .article-image .title span { font-size: 12px; color: #eee; margin-left: 10px; }
.inner .inner-right .article-image img { display: block; margin: 10px auto; }
.inner .inner-right .article-image .img-prenext { position: absolute; top: 310px; width: 805px; }
.inner .inner-right .article-image .img-prenext .pre_l { color: rgba(0,0,0,0); float: left; font-size: 0; }
.inner .inner-right .article-image .img-prenext .pre_l a { display: block; color: rgba(0,0,0,0); height: 80px; width: 80px; background-image: url(prevnext.gif); background-color: rgba(0,0,0,0.5); }
.inner .inner-right .article-image .img-prenext .pre_l a:hover { background-image: url(prevnext-hover.gif); background-color: rgba(255,255,255,0.5); }
.inner .inner-right .article-image .img-prenext .pre_r { color: rgba(0,0,0,0); float: right; font-size: 0; }
.inner .inner-right .article-image .img-prenext .pre_r a { display: block; color: rgba(0,0,0,0); height: 80px; width: 80px; background-image: url(prevnext.gif); background-color: rgba(0,0,0,0.5); background-position: -80px; }
.inner .inner-right .article-image .img-prenext .pre_r a:hover { background-image: url(prevnext-hover.gif); background-color: rgba(255,255,255,0.5); background-position: -80px; }
.inner .inner-right .article-image .show-bottom { margin: 20px auto; text-align: center; background: #eee; border: 1px solid #ccc; height: 36px; line-height: 36px; overflow: hidden; }
.inner .inner-right .article-image .show-bottom span { border-right: 1px solid #927B54; padding: 0 16px 0 15px; color: #333; }
.inner .inner-right .article-image .show-bottom span a { color: #333; }
.inner .inner-right .in-book { margin-bottom: 10px; }
.inner .inner-right .in-book .title { height: 40px; line-height: 40px; clear: both; overflow: hidden; background: #02a9f9 url(title-bg.jpg); padding: 0 50px; border-top: 1px solid #ccc; }
.inner .inner-right .in-book .title strong { float: left; margin: 0; margin-left: 10px; color: #004EAD; font-size: 18px; font-weight: bold; line-height: 35px; margin-right: 5px; }
.inner .inner-right .in-book .title span { color: #eee; }
.inner .inner-right .in-book .table { margin-top: 10px; margin-bottom: 5px; }
.inner .inner-right .in-book .table tr { float: left; display: block; }
.inner .inner-right .in-book .table .fo-2 { width: 740px; clear: both; }
.inner .inner-right .in-book .table .fo-3 { width: 740px; clear: both; }
.inner .inner-right .in-book .table tr td { border: 0; width: 90px; color: #666; }
.inner .inner-right .in-book .table tr td input { background: none; border: 1px solid #666; padding-left: 10px; border-radius: 5px; }
.inner .inner-right .in-book .table tr td textarea { background: none; border: 1px solid #666; padding-left: 10px; border-radius: 5px; }
.inner .inner-right .in-book .btn { color: #333; }
.inner .inner-right .article-article { overflow: hidden; margin-bottom: 20px; }
.inner .inner-right .article-article .inner-title { height: 40px; margin: 0px auto; background: none; font-weight: 500; color: #02a9f9; }
.inner .inner-right .article-article .attr { height: 40px; line-height: 30px; border-bottom: 1px dashed #ccc; color: #666; text-align: left; font-size: 12px; margin: 10px; margin-top: 30px; padding-bottom: 10px; }
.inner .inner-right .article-article .attr p { float: left; }
.inner .inner-right .article-article .attr a { color: #aaa; }
.inner .inner-right .article-article .attr .back { float: right; display: inline; background: #ccc; color: #333; padding: 0px 15px; }
.inner .inner-right .article-article .attr .back a { color: #333; }
.inner .inner-right .article-article .info { line-height: 24px; color: #666; padding: 10px; }
.inner .inner-right .article-article .prevnext { margin: 20px auto; height: 35px; background: #eee; padding: 5px 0; border: 1px solid #ccc; color: #333; }
.inner .inner-right .article-article .prevnext .pre_l { float: left; padding-left: 10px; }
.inner .inner-right .article-article .prevnext .pre_r { float: right; padding-right: 10px; }
.inner .inner-right .article-article .prevnext a { color: #333; }
.inner .inner-right .article-article .prevnext a:hover { color: #02a9f9; }
.inner .inner-right .article-right-img { margin-top: 20px; overflow: hidden; }
.inner .inner-right .article-right-img .title { height: 40px; line-height: 40px; clear: both; overflow: hidden; background: #02a9f9 url(title-bg.jpg); padding: 0 50px; border-top: 1px solid #ccc; }
.inner .inner-right .article-right-img .title strong { float: left; margin: 0; margin-left: 10px; color: #004EAD; font-size: 18px; font-weight: bold; line-height: 35px; margin-right: 5px; }
.inner .inner-right .article-right-img .title span { color: #eee; }
.inner .inner-right .article-right-img ul li { text-align: center; margin: 10px 5px; ; width: 250px; float: left; padding: 4px; border: 1px solid #999; }
.inner .inner-right .article-right-img ul li img { width: 100% }
.inner .inner-right .article-right-img ul li span { color: #333; }
.inner .inner-right .article-right-img .relevant li { background: #fff; border-bottom: 1px dashed #ccc; height: 30px; margin-top: 0px; text-align: left; font-size: 12px; }
.inner .inner-news-nav ul li { width: 120px; }
.inner .inner-body { overflow: hidden; padding-top: 10px; padding-bottom: 10px; color: #666; }
.inner .inner-body .title { border-bottom: 1px solid #ccc; height: 40px; line-height: 40px; }
.inner .inner-body .title h3 { border-bottom: 1px solid #02a9f9; float: left; margin: 0; height: 40px; line-height: 40px; font-size: 20px; font-weight: bold; color: #02a9f9; }
.inner .inner-body .title h3 strong { font-size: 26px; color: #02a9f9; }
.inner .inner-body .title span { background: url(pro-title.png); width: 960px; display: block; float: right; height: 7px; margin-top: 15px; }
.inner .rec-news .left { width: 350px; float: left; }
.inner .rec-news .right { width: 700px; float: right; }
.inner .rec-news .right ul { overflow: hidden; }
.inner .rec-news .right form { margin-top: 10px; border: 1px solid #ccc; border-top: 0; height: 285px; }
.inner .rec-news .right form .table { margin-bottom: 0; }
.inner .rec-news .center { }
.inner .rec-news .center ul { overflow: hidden; }
.inner .rec-news .center ul li { height: 40px; line-height: 40px; border-bottom: 1px dashed #ccc; width: 335px; float: left; margin: 0 15px; }
.inner .rec-news .center ul li span { color: #02a9f9; margin-right: 20px; }
.inner .rec-news .center ul li small { float: right; }
.inner .rec-pro { overflow: hidden; margin: 00px auto; background: #eee; padding: 20px 0; }
.inner .rec-pro .title { height: 35px; border-bottom: 1px solid #ddd; line-height: 35px; border-left: 3px solid #02a9f9; }
.inner .rec-pro .title strong { float: left; margin: 0; margin-left: 10px; color: #2d1b17; font-size: 18px; font-weight: bold; line-height: 35px; margin-right: 5px; }
.inner .rec-pro .title span { color: #aaa; }
.inner .rec-pro ul li { width: 255px; float: left; border: 1px solid #ddd; padding: 8px; margin: 10px; background: #f3f3f3; }
.inner .rec-pro ul li:hover { border: 1px solid #02a9f9; }
.inner .rec-pro ul li img { width: 100%; }
.inner .rec-pro ul li span { color: #666; padding: 5px; display: block; margin-top: 3px; text-align: center; }
.inner .rec-pro ul li span b { font-weight: 500; }
.inner .inner-hot ul li { height: 30px; line-height: 30px; border-bottom: 1px dashed #aaa; }
.inner .inner-hot ul li span { margin-right: 10px; }
.inner .inner-hot ul p { margin-top: 10px; margin-bottom: 0; }
.inner .inner-book { }
.inner .inner-book .title { border-bottom: 1px solid #ccc; height: 40px; line-height: 40px; margin-bottom: 30px; }
.inner .inner-book .title h3 { font-size: 18px; color: #2d1b17; font-weight: bold; float: left; margin: 0; height: 40px; line-height: 40px; margin-right: 10px; }
.inner .inner-book .title span { font-size: 12px; color: #aaa; }
.inner .inner-hot-img { overflow: hidden; }
.inner .inner-hot-img .in-hot-title { border-bottom: 1px solid #ccc; height: 40px; line-height: 40px; }
.inner .inner-hot-img .in-hot-title h3 { font-size: 18px; color: #2d1b17; font-weight: bold; float: left; margin: 0; height: 40px; line-height: 40px; margin-right: 10px; }
.inner .inner-hot-img .in-hot-title span { font-size: 12px; color: #aaa; }
.inner .inner-hot-img ul li { width: 255px; float: left; margin: 10px; text-align: center; }
.inner .inner-hot-img ul li img { width: 100%; display: block; margin-bottom: 10px; }
.inner .inner-search { overflow: hidden; margin-bottom: 20px; }
.inner .inner-search .news-list { padding: 0px; overflow: hidden; margin-bottom: 20px; }
.inner .inner-search .news-list li { width: 500px; float: left; margin: 24px; height: 165px; border-bottom: 1px dashed #ccc; padding-top: 10px; }
.inner .inner-search .news-list li img { display: block; float: left; border: 1px solid #ccc; padding: 5px; width: 180px; margin-right: 20px; height: 130px; }
.inner .inner-search .news-list li .text { margin-left: 0px; width: 280px; float: left; }
.inner .inner-search .news-list li .li-title { font-size: 18px; }
.inner .inner-search .news-list li .li-title strong { font-weight: 500; color: #c30000; }
.inner .inner-search .news-list li .li-title strong a { color: #c30000; }
.inner .inner-search .news-list li p { color: #666; font-size: 14px; margin-top: 10px; }
.inner .inner-search .news-list li span { font-size: 12px; color: #999; margin-left: 10px; }
.inner .inner-search .inner-page { text-align: center; }
.inner .inner-search .inner-page ul { overflow: hidden; width: auto; }
.inner .inner-search .inner-page ul li { display: inline-block; position: relative; margin-right: 5px; border: 1px solid #ccc; border-radius: 5px; padding: 3px 10px; }
.inner .inner-search .inner-page ul li a { color: #666; display: block; }
.inner .inner-search .inner-page ul li .pageinfo { }
.inner .inner-search .inner-page .thisclass { background: #0860A8; color: #fff; }
.inner .inner-search .inner-page .thisclass a { color: #fff; }
.inner .inner-search .inner-page table { margin: 0 auto; }
.inner .inner-search .inner-page td { border: 1px solid #ccc; padding: 3px 10px; width: auto !important; }
.inner label { max-width: none; }
.sitemap { overflow: hidden; }
.sitemap .inner-place { height: 30px; border-bottom: 1px dashed #ccc; line-height: 30px; margin-top: 10px; }
.sitemap .inner-place .inner-position { float: left; }
.sitemap .sp-title { float: right; }
.sitemap .sp-title a { background: #eee; padding: 5px; }
.sitemap .linkbox { border: 1px solid #ccc; margin: 10px 0; padding: 3px 10px; }
.sitemap .linkbox h3 { border-bottom: 1px dashed #ccc; }
.sitemap .linkbox ul { overflow: hidden; margin-bottom: 10px; }
.sitemap .linkbox ul li { float: left; margin-right: 10px; }