body { background: #fff; color: #333; position: relative;}
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: #333; }
a:hover { text-decoration: none; color: #0976c9; }
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; }
li, img{}
.left{ float:left !important; }
.right{ float:right !important; }
ul { padding: 0; list-style: none; margin: 0; }
@font-face { font-family: fzzdh; src: url("../fonts/fzzdh.ttf"); }
em { font-style: normal; }

.head { position: relative; z-index: 10;  }
.head .head-top { height: 35px; line-height: 35px; background:url(../images/head-top-bg.jpg);  }
.head .head-top .left { float: left; color:#656565; }
.head .head-top .right { float: right; color: #656565; }
.head .head-top .right .bdsharebuttonbox { float: left; padding-top: 5px; }
.head .head-top .right a { color: #656565; }
.head .head-top .right span{color:#656565;}
.head .head-center { height: 120px; background:#fff url(../images/head-c.jpg); clear: both; }
.head .head-center h1 { float: left;     margin-top: 8px;margin-bottom:0;}
.head .head-center .introduce { float: left;     width: 567px; }
.head .head-center .introduce img { float: left; margin-right:18px;margin-left:10px;}
.head .head-center .introduce h2 {margin-top: 32px; margin-bottom:8px;*font-weight: bold;font-size:20px;color:#0976c9;}
.head .head-center .introduce h2 span{}
.logo2{ margin:0; padding:0; float: left;}
.head .head-center .introduce em { font-size: 18px; color: #000; }
.head .head-center .phone { font-size: 28px; margin-top: 30px; }
.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 small { font-size: 16px; display: block; margin-left: 3px; color:#0976c9; }
.head .head-center .phone span { display: block; color:#FF6600; font-weight: bold; }





.nav { height: 49px; background: url(../images/nav_bg.jpg); clear: both; position: relative; z-index: 10; }
.nav .menu { }
.nav .menu { position: relative; z-index: 1; }
.nav .menu a { color:#fff; }
.nav .menu li { float: left; position: relative; display: inline; height: 49px; }
.nav .menu li a { display: block; font-size: 16px; width: 137px; height: 28px; text-align: center; line-height: 28px;margin-top: 8px; }
.nav .menu li:hover { background: #FFFFFF url(../images/nav_cur.jpg); }
.nav .menu .index {background: #FFFFFF url(../images/nav_cur.jpg);}
.nav .menu .index a{color:#fff ;}
.banner { width: 100%; height: 500px; 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: #0976c9; color: #0976c9; }
.banner .bd { width: 100%; height: 500px; overflow: hidden; margin: 0 auto; position: relative }
.banner .bd ul { width: 100%; height: 500px; overflow: hidden; position: absolute; top: 0; left: 0 }
.banner .bd li { float: left; width: 100%; height: 500px; }
.banner .bd li span { display: block; width: 100%; height: 500px }
.banner .bd li a { display: block; width: 100%; height: 500px }
.banner .bd li .img_1 { background: url("../images/banner1.jpg") center top no-repeat }
.banner .bd li .img_2 { background: url("../images/banner2.jpg") center top no-repeat }
.banner .bd li .img_3 { background: url("../images/banner3.jpg") center top no-repeat }
.banner .prev, .banner .next { height: 75px; background: #fff; position: absolute; left: 8%; 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: 8%; background-position: 8px 5px; }
.banner .prev:hover, .banner .next:hover { filter: alpha(opacity=100); opacity: 1; }
.banner .prevStop { display: none; }
.banner .nextStop { display: none; }

.j-5{width:208px; margin: 0 5px 0 7px;}
.j-s-1{width:208px;height:116px; float: left;}
.company1,.s-case1{background:url(../images/1.gif) no-repeat}
.case1,.store1{background:url(../images/2.gif) no-repeat}
.designer1{background:url(../images/3.gif) no-repeat}
.data{margin-top:30px;padding-bottom:30px; }
.data dt{margin-top:36px;font-family:Arial,Helvetica,sans-serif;font-size:60px;line-height:48px;font-weight:700;text-align:center;color:#fdd900}
.data dt.f-60{font-size:60px;line-height:60px;margin-top:28px}
.data dt:hover{color:#fff}
.data dd{font-size:14px;font-weight:700;color:#FFF;text-align:center;margin-top:2px}


.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 h4 { float: left; font-size: 14px; line-height: 40px; margin: 0; font-weight: bold;color:#20171a;}
.search .tags ul li{float:left;}
.search .tags ul li a{margin-right:10px;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: 30px; line-height: 30px; 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: 30px; background: #0976c9; 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 #FF6600; text-align: center; line-height: 40px; background: #0976c9; border-right: 1px solid #FF6600; }
.navbar-example .navbar-nav>li>a { padding: 0; line-height: 40px;color:#fff;}
.navbar-example .navbar-nav>li>a:hover{background:#fff;color: #0976c9;}
.navbar-example .navbar-nav>li.active>a { color: #0976c9; cursor: default; background-color:#fff; border: 0; line-height: 40px; }
.product { clear: both; overflow: hidden; margin-top: 0px;background:#fafafa;border-top:1px solid #eee;padding-top:10px;padding-bottom:15px;}
.product .title { overflow: hidden; text-align: center;height:76px;background:url(../images/title-en-bg.png) center center no-repeat;margin-bottom:20px;}
.product .title h2 { font-size: 24px; color: #333; font-weight: bold;width:360px;margin:0 auto;margin-top:15px;letter-spacing:0px;text-align: center;}
.product .title h2 a { color: #333;}
.product .title h2 a:hover { color: #0976c9; }
.product .title h2 span{color:#0959ae;}
.product .title em { color: #999;width:1100px;display: block;margin-top:3px;}
.product .pro-nav { float: left; width: 260px;  background:#0959ae;padding:0px 3px 3px 3px;}
.product .pro-nav .pro-nav-t { height:99px;background: url("../images/pro-left-title.png") top center; font-size: 20px; font-weight: bold; text-align: center; color:#fff;padding-top:24px;}
.product .pro-nav .pro-nav-t span{display: block;font-size:12px;font-weight:500px;}
.product .pro-nav .pro-nav-menu{background:#fff;border-radius:10px;padding-bottom: 18px;}
.product .pro-nav .menu { overflow: hidden; padding: 10px 10px;}
.product .pro-nav .menu strong { height: 45px; line-height: 45px; margin-bottom: 8px; background:#0075c2; border-radius: 5px;display: block;border:1px solid #0075c2;}
.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: #fff; margin-left: 14px;display: block;}
.product .pro-nav .menu strong:hover{background:#0075c2;border:1px solid #0075c2;}
.product .pro-nav .menu strong:hover a{color:#fff;}
.product .pro-nav ul { overflow: hidden; }
.product .pro-nav ul li { margin-right: 13px; background: url("../images/pro-nav2.png") left no-repeat; margin-left:0px; line-height: 35px; border-bottom: 1px dashed #ccc; }
.product .pro-nav ul li a { font-size: 14px; color: #4f4f4f; margin-left: 20px;display:block;}
.product .pro-nav ul li a:hover { color: #ff7e00; }
.product .pro-nav ul li a span{margin-right:10px;color:#0976c9;}
.product .pro-nav .phone{clear: both;margin-top:10px;}
.product .pro-nav  .phone span{font-size:18px;margin-right:10px;margin-left:30px;}
.product .pro-nav  .phone strong{font-size:15px;font-weight: 500;}
.product .pro-nav  .phone li{line-height:30px;color:#fff;border:0; margin-top:10px;}
.product .pro-img { overflow: hidden;float:right;       width: 820px;}
.product .pro-img ul li { width: 263px; float: left; margin: 5px 5px 15px 5px; position: relative;}
.product .pro-img ul li:hover { }
.product .pro-img ul li img { width: 263px;     height: 184px;
  border:1px solid #ccc;}
.product .pro-img ul li .text { overflow: hidden;background:#7D7D7D;height:30px;line-height:30px;}
.product .pro-img ul li strong { margin-bottom: 5px;margin-top:5px;color:#fff;    font-weight: 500;}
.hovereffect {float: left;overflow: hidden;position: relative;text-align: center;cursor: default;}
.hovereffect .overlay {position: absolute;overflow: hidden;width: 80%;height: 70%;left: 10%;top: 10%;border-bottom: 1px solid #FFF;border-top: 1px solid #FFF;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(0,1);-ms-transform: scale(0,1);transform: scale(0,1);}
.hovereffect:hover .overlay {opacity: 1;filter: alpha(opacity=100);-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.hovereffect img {display: block;position: relative;-webkit-transition: all 0.35s;transition: all 0.35s;}
.hovereffect:hover img {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter');
  filter: brightness(0.6);
  -webkit-filter: brightness(0.6);}
.hovereffect h2 {text-transform: uppercase;text-align: center;position: relative;font-size: 17px;background-color: transparent;color: #FFF;padding: 1em 0;opacity: 0;filter: alpha(opacity=0);-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(0,-100%,0);transform: translate3d(0,-100%,0);}
.hovereffect a, .hovereffect p {color: #FFF;padding: 1em 0;opacity: 0;filter: alpha(opacity=0);-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0);}
.hovereffect:hover a, .hovereffect:hover p, .hovereffect:hover h2 {opacity: 1;filter: alpha(opacity=100);-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.top { height: 200px; background: url(../images/programme-top.jpg) top center;}
.top .container { }
.top .container .left{float:left;    padding-left: 38px;}
.top .container .left p{color:#fff;font-size:20px;margin-top:32px;margin-left:-20px;}
.top .container .left p strong{font-size:36px;color:#fff;margin-right:20px;}
.top .container .left ul{}
.top .container .left ul li{float:left;color:#fff;font-size:18px;margin-right:88px;}
.top .container .right{width:300px;float:right;margin-top:50px;}
.top .container .right .title {clear:both;overflow: hidden;}
.top .container .right .title span {font-size:45px;color:#fff;float:left;margin-left:40px;margin-top:3px;}
.top .container .right .title p{float:right;color:#fff;font-size:18px;margin-right:40px;}
.top .container .right .title p strong{display: block;font-size:24px;color:#fff;}
.top .container .right a { display: block; border: 1px solid #fff; width: 118px; height: 35px; line-height: 35px; text-align: center; margin: 10px 15px;color:#fff;float:left;background: url(../images/a-btn.jpg);border-radius: 5px;}
.top .container .right a:hover{background:#fff;color:#333;}
.advantage {  margin-top:20px; }
.advantage .advan-title{height:160px;background:url(../images/advan-title.jpg) center center;}
.advantage .cont { padding-top: 25px; }
.advantage .cont .title { padding-left: 110px; margin-bottom: 25px; }
.advantage .cont .title h3 { font-size: 24px; font-weight: bold; color:#4f4f4f; margin-bottom: 5px;}
.advantage .cont .title span{color:#0976c9;}
.advantage .cont .title em { color: #c5c5c5; }
.advantage p { color:#666; margin-bottom: 20px; padding-left:0px; line-height: 22px; font-size: 15px; }
.advantage p span { color:#0959ae; }
.advantage .advan-btn { padding-left: 50px; }
.advantage a { display: block; width: 140px; height:35px; line-height:35px; text-align: center;background: #ae000e url(../images/advan-btn.jpg) bottom center; color: #fff; margin-left: 50px; float: left;border-radius:5px;}
.advantage .btn-2{background: #E8E8E8 url(../images/advan-btn.jpg) top center;border:1px solid #333;color:#fff;}
.advantage .advan-1 { height: 376px; background: url(../images/youshi1.png) top center; }
.advantage .advan-2 { height: 376px; background: url(../images/youshi2.png) top center; }
.advantage .advan-3 { height: 376px; background: url(../images/youshi3.png) top center; }
.advantage .advan-4 { height: 376px; background: url(../images/youshi4.png) top center; }
.advantage .advan-2 .title {}
.advantage .advan-2 .cont { float: right; width: 545px; clear: both;padding-top:20px;}
.advantage .advan-4 .advan-title { float: right; clear: both; padding-top: 85px; width: 485px; padding-left: 30px; }
.advantage .advan-4 .cont { float: right; width: 545px; clear: both; }


.process{ height: 280px; border-bottom: 1px dotted #b8b7b6; overflow: hidden;}
.process .title { overflow: hidden; text-align: center;height:76px;background:url(../images/title-en-bg.png) center center no-repeat;margin-bottom:20px;}
.process .title h2 { font-size: 24px; color: #333; font-weight: bold;width:360px;margin:0 auto;margin-top:15px;letter-spacing:0px;text-align: center;}
.process .title h2 a { color: #333;}
.process .title h2 a:hover { color: #0976c9; }
.process .title h2 span{color:#0959ae;}
.process .title em { color: #999;width:1100px;display: block;margin-top:3px;}
.process .processtop{ margin-top:50px;}
.process li{ width: 73px; height: 107px; float: left; margin-left: 73px; font-size: 16px; color: #4d4d4d; text-align: center;}
.process li:first-child{ margin-left: 5px;}
.process li span{ display: block; width: 73px; height: 68px; margin-bottom: 13px; }
.process .process1 span{ background: url("../images/process_icon1.png") no-repeat; background-position: 0 -96px;}
.process .process2 span{ background: url("../images/process_icon2.jpg") no-repeat; background-position: 0 -96px;}
.process .process3 span{ background: url("../images/process_icon3.png") no-repeat; background-position: 0 -96px;}
.process .process4 span{ background: url("../images/process_icon4.png") no-repeat; background-position: 0 -96px;}
.process .process5 span{ background: url("../images/process_icon5.png") no-repeat; background-position: 0 -96px;}
.process .process6 span{ background: url("../images/process_icon6.png") no-repeat; background-position: 0 -96px;}
.process .process7 span{ background: url("../images/process_icon7.png") no-repeat; background-position: 0 -96px;}
.process .process8 span{ background: url("../images/process_icon8.png") no-repeat; background-position: 0 -96px;}
.process li:hover span{background-position: 0 0px;}
.process li .process-title{ border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; height: 26px; line-height: 25px;}


.message { height:160px; overflow: hidden; background: url(../images/message.jpg) center center;}
.message .container { overflow: hidden; }
.message .container .top1{color:#fff;font-size:16px;margin-top:40px;border-bottom:1px solid #666;padding-bottom:5px;padding-left:10px;}
.message .container .top1 span{font-size:16px;color:#fff;background:#0976c9;padding:5px;margin:0 5px;border-radius: 5px;}
.message .container .bottom{margin-top:3px;}
.message .container .bottom form { width: 1100px; float: left; overflow: hidden; }
.message .container .bottom form table { float: left;}
.message .container .bottom form tr { float: left; margin-left: 10px; margin-top: 10px;}
.message .container .bottom form .intxt { width: 240px; height: 37px; border: none; background: #fff; color: #666; font-size: 12px; padding-left: 5px; }
.message .container .bottom .off-btn { background:#0976c9; height:37px; width: 70px; float: left; border: none; margin-top:10px; color: #fff; font-size: 14px;margin-left:10px; }

.programme { overflow: hidden; }
.programme .top { height: 200px; background: url(../images/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:#0976c9;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(../images/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(../images/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: #0976c9; }
.programme .center .title h2 span{color:#0959ae;}
.programme .center .title em { color: #999;width:1100px;display: block;margin-top:3px;}
.programme .center .hd { height: 54px; padding: 0; top: 0; width: 912px;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:#0976c9;margin:1px;}
.programme .center .hd ul li.on { background: #009c3b; color: #333; }
.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:#0976c9; 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%;}

.case { clear: both; padding: 20px 0;margin-top:20px;}
.case .container { background: #f6f6f6; }
.case .title { overflow: hidden; text-align: center;height:76px;background:url(../images/title-en-bg.png) center center no-repeat;margin-bottom:20px;}
.case .title h2 { font-size: 24px; color: #333; font-weight: bold;width:360px;margin:0 auto;margin-top:15px;letter-spacing:0px;text-align: center;}
.case .title h2 a { color: #333;}
.case .title h2 a:hover { color: #0976c9; }
.case .title h2 span{color:#0959ae;}
.case .title em { color: #999;width:1100px;display: block;margin-top:3px;}
.case .cont { padding-top: 10px; }
.case .cont .case-img { overflow: hidden; position: relative; }
.case .cont .case-img .bd .prev, .case .cont .case-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; }
.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; }
.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: 253px;
  display: block; border: 1px solid #ccc; padding: 5px;height:190px; }
.case .cont .case-img .bd ul li span { color: #000; margin: 5px 0; display: block; }


.flow { height:424px; background:#f4f4f4;overflow:hidden; padding:15px 0 15px 0;}
.flow .title { overflow: hidden; text-align: center;height:76px;background:url(../images/title-en-bg.png) center center no-repeat;}
.flow .title h2 { font-size: 24px; color: #333; font-weight: bold;width:360px;margin:0 auto;margin-top:15px;letter-spacing:0px;text-align: center;}
.flow .title h2 a { color: #333;}
.flow .title h2 a:hover { color: #0976c9; }
.flow .title h2 span{color:#0959ae;}
.flow .title em { color: #999;width:1100px;display: block;margin-top:3px;}
.flow  ul{ padding:35px 0 0 25px; background:url(../images/flow-bg.jpg) no-repeat 0px 35px; overflow:hidden;}
.flow  ul li { float:left; font-size:16px; font-weight:bold;margin:0 98px 43px 140px; height:55px; padding:15px 0 0 0;line-height:22px; width:146px; overflow:hidden; display:inline;}
.flow  ul li a { color:#222;}
.flow  ul li a:hover{ color:#cb0900;}
.flow  ul .nobot { margin:0 0 0 120px;}

.evaluate{margin:0px auto;clear:both;overflow:hidden;padding:20px 0;background:#fafafa;}
.evaluate .left{width:730px;float:left;overflow:hidden;}
.evaluate .left .title { height: 40px; line-height: 40px; background: #FF6600 url(../images/title-bg.jpg); padding: 0 10px;}
.evaluate .left .title span { color: #999; font-size: 20px; float: left; margin-top: 5px; }
.evaluate .left .title h3 { float: left; margin: 0; margin-left: 35px; color:#0976c9; font-size: 16px; font-weight: bold; line-height: 40px; margin-right: 10px;}
.evaluate .left .title small { color: #666; }
.evaluate .left .title .link { float: right; color: #666; font-size: 12px; }
.evaluate .left .cont ul li{height:170px;padding:10px 0;margin-top:0px;border-bottom:1px dashed #ddd;}
.evaluate .left .cont ul li img{width:200px;float:left;border:1px solid #ccc;padding:3px;margin-right:20px;}
.evaluate .left .cont .text{width:500px;float:right;}
.evaluate .left .cont .text span{font-size:18px;color:#FF6600;margin-bottom:10px;display:block;}
.evaluate .left .cont .text a{width:130px;height:30px;background:#666;line-height:30px;text-align:center;display:block;color:#fff;}
.evaluate .right{height:520px;float:right;background:#0976c9;padding:20px;}
.evaluate .right .title{height:35px;border-bottom:1px solid #015B27;line-height:35px;}
.evaluate .right .title span{color:#fff;font-size:22px;float:left;margin-top:5px;}
.evaluate .right .title h3{float:left;margin:0;margin-left:10px;color:#fff;font-size:18px;font-weight:bold;line-height:35px;margin-right:10px;}
.evaluate .right .title .link{float:right;font-size:12px;color:#ccc;}
.evaluate .right .cont{text-align:center;}
.evaluate .right .cont img{width:280px;border:3px solid #ccc;height:184px;margin-top:10px;}
.evaluate .right .cont span{color:#fff;margin:10px 0;display: block;}

/*about*/


.about { background: #fafafa;margin-top:10px;}
.about .container{/*border:1px solid #ccc;*/overflow:hidden;border-top:0;}
.about .title { overflow: hidden; text-align: center; height: 76px; background: url(../images/title-en-bg.png) center center no-repeat;margin-bottom: 20px;}
.about .title h2 { font-size: 24px; color: #333; font-weight: bold; width: 360px; margin: 0 auto; margin-top: 15px; letter-spacing: 0px; text-align: center; }
.about .title h2 a { color: #0959ae; }
.about .title h2 a span { color: #333; }
.about .title h2 a:hover { color: #0959ae; }
.about .title h2 span { color: #333; font-size: 24px; letter-spacing: 0; }
.about .title em { color: #999; width: 1100px; display: block; margin-top: 3px;}
.about .left { /*width: 750px; */float: left; background:#f6f6f6; height: 369px; padding: 15px; }
.about .about-cont { }
.about .about-cont .about-img { float: left; margin-right: 20px; display: block; width: 335px; }
.about .about-cont .about-img img { border: 1px solid #ccc; padding: 4px; width: 335px; height: 236px; }
.about .about-cont .about-title { font-size: 16px; font-weight: bold; color: #252525; padding-top: 5px; padding-bottom: 10px; }
.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 { line-height: 20px; padding-bottom: 10px; padding-right: 0px; }
.about .about-cont .about-dis p { margin: 0; color: #444; line-height: 28px; }
.about .about-cont .about-btn { margin-top: 10px; margin-left: 360px; float: left; }
.about .about-cont .about-btn a { padding: 6px 30px; background: #2168be; 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-top: 10px; }
.about .factory-img .factory-title { height: 30px; line-height: 30px; font-size: 16px; color: #fff; text-align: center; background: url(../images/factory-title.png) center center; margin: 20px 0; }
.about .factory-img .factory-title a { color: #fff; }
.about .factory-img .bd a { display: block; background: #252525; line-height: 70px; cursor: pointer; position: relative; width: 30px; height: 70px; text-align: center; margin-top: 50px; }
.about .factory-img .bd .prev { float: right; margin-right: 10px; }
.about .factory-img .bd .next { float: left; margin-left: 9px; }
.about .factory-img .bd a span { font-size: 16px; color: #fff; }
.about .factory-img .bd .picList { }
.about .factory-img .bd ul { overflow: hidden; zoom: 1; }
.about .factory-img .bd ul li {    margin: 0 9px;
  float: left;
  _display: inline;
  overflow: hidden;
  height: 163px;
  text-align: center;
  float: left;
  position: relative; }
.about .factory-img .bd ul li .pic { text-align: center; width: 236px; background: #eee; padding: 6px;  position: absolute;top: 0;}
.about .factory-img .bd ul li .pic img { width: 100%; display: block;height: 163px; }
.about .right { width: 300px; float: right;    }
.about .right .honer-img { overflow: hidden; position: relative; }
.about .right .honer-img .prev, .about .right .honer-img .next { font-size: 16px; cursor: pointer; }
.about .right .honer-img .bd .tempWrap { width: 995px !important; padding: 0; }
.about .right .honer-img .bd ul { overflow: hidden; zoom: 1; }
.about .right .honer-img .bd ul li { float: left; _display: inline; overflow: hidden; text-align: center; margin: 0px; background: #eee; text-align: center; width: 300px; }
.about .right .honer-img .bd ul li .pic { text-align: center; padding: 0px; display: block; }
.about .right .honer-img .bd ul li .pic img { width: 260px; height: 350px; display: block; margin: 0 auto; margin-top: 10px; }
.about .right .honer-img .bd ul li span { color: #000; margin: 5px 0; display: block; padding: 0px 0 10px 0; }


/*news*/
.news { clear: both; padding-top: 20px; padding-bottom:20px;}
.news .title { height: 40px; line-height: 40px; background: #0976c9 url(../images/title-bg.jpg); padding: 0 10px;}
.news .title span { color: #999; font-size: 20px; float: left; margin-top: 5px; }
.news .title h3 { float: left; margin: 0; margin-left: 35px; color: #333; font-size: 16px; font-weight: bold; line-height: 40px; margin-right: 10px;}
.news .title small { color: #eee; }
.news .title .link { float: right; color: #ccc; font-size: 12px; }
.news .news-left { width: 750px; float: left; overflow: hidden;padding-bottom:10px;border:1px solid #ccc;}
.news .news-left .hd { height: 40px; line-height: 40px; background: #0976c9 url(../images/title-bg.jpg); padding: 0 10px;}
.news .news-left .hd li { float: left; margin: 0; margin-left:35px; color: #fff; font-size: 16px; font-weight: bold; line-height: 40px; }
.news .news-left .hd li a { color: #666; }
.news .news-left .hd .on a { color: #0976c9; }
.news .news-left .hd .link { float: right; color: #666; font-size: 12px; }
.news .news-left .ne-img { padding: 15px; }
.news .news-left .ne-img li { height: 155px; padding-top: 6px; border-bottom: 1px dashed #ccc; }
.news .news-left .ne-img li img { width: 200px; height: 134px; display: block; float: left; margin-right: 20px; border: 1px solid #ccc; }
.news .news-left .ne-img span { display: block; font-size: 16px; color: #0976c9; margin: 10px 0;font-weight:bold;}
.news .news-left .ne-img p { color: #333; line-height: 24px; }
.news .news-left .ne-img a { color: #666; margin-top: 20px; border: 0; font-size: 12px; }
.news .news-left .ne-img a:hover { color: #0976c9; }
.news .news-left .ne-list { overflow: hidden; }
.news .news-left .ne-list li { height: 40px; line-height: 40px; border-bottom: 1px dashed #ccc; width: 340px; float: left; margin: 0 15px; }
.news .news-left .ne-list li span { color: #0976c9; margin-right: 10px; }
.news .news-left .ne-list li a{color:#333;}
.news .news-left .ne-list li a:hover{color:#0976c9;}
.news .news-left .ne-list li strong { color: #2d1b17; margin-right: 10px; }
.news .news-left .ne-list li strong a { color: #2d1b17; }
.news .news-left .ne-list li small { float: right;color:#999;}
.news .news-right { width: 320px; float: right;border:1px solid #ccc;}
.news .news-right .title {overflow: hidden; position: relative; }
.news .news-right .title { font-size: 16px; color: #0976c9;line-height:40px;}
.news .news-right .title span { color: #999; margin-left: 10px; font-size: 14px; }
.news .news-right .title .link { display: block; color: #666; font-size: 12px; float:right;}
.news .news-right .bd .tempWrap { width: 320px !important; padding: 0; height:434px !important; }
.news .news-right .bd ul { zoom: 1;width:300px;padding:5px;}
.news .news-right .question-top { overflow: hidden ; position: relative; clear: both;height:434px;margin-left:10px;}
.news .news-right .question-top .bd { padding:0px; }
.news .news-right .question-top .infoList li { border-bottom: 1px dashed #ccc; }
.news .news-right .question-top .infoList li h5 { font-size: 14px; color: #0976c9; height: 50px; line-height: 50px; margin: 0; }
.news .news-right .question-top .infoList li h5 strong { background: #0976c9; padding: 3px; color: #fff; font-size: 14px; border-radius: 2px; margin-right: 5px; }
.news .news-right .question-top .infoList li h5 a{color: #0976c9;}
.news .news-right .question-top .infoList li .answer { color: #333; 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: #666; font-size: 14px; padding: 3px; border-radius: 2px; margin-right: 5px; float: left; }


.offer { height: 200px; background: url(../images/offer.jpg) top center;}
.offer .container { }
.offer .container .left{float:left;}
.offer .container .left p{color:#fff;font-size:25px;margin-top:52px;margin-left:15px;}
.offer .container .left p strong{font-size:36px;color:#FF6600;margin-right:40px;}
.offer .container .left ul{}
.offer .container .left ul li{float:left;color:#333;font-size:18px;margin-right:88px;}
.offer .container .right{width:300px;float:right;margin-top:50px;}
.offer .container .right .title {clear:both;overflow: hidden;}
.offer .container .right .title span {font-size:45px;color:#fff;float:left;margin-left:40px;margin-top:3px;}
.offer .container .right .title p{float:right;color:#fff;font-size:18px;margin-right:40px;}
.offer .container .right .title p strong{display: block;font-size:24px;color:#fff;}
.offer .container .right a { display: block;width: 120px; height: 35px; line-height: 35px; text-align: center; margin: 10px 15px;color:#fff;float:left;background: url(../images/a-btn.jpg);border-radius: 5px;}
.offer .container .right a:hover{background:#fff;color:#333;}

.partner { clear: both; padding: 20px 0; }
.partner .title { overflow: hidden; text-align: center;height:76px;background:url(../images/title-en-bg.png) center center no-repeat;margin-bottom:20px;}
.partner .title h2 { font-size: 24px; color: #333; font-weight: bold;width:360px;margin:0 auto;margin-top:15px;letter-spacing:0px;text-align: center;}
.partner .title h2 a { color: #333;}
.partner .title h2 a:hover { color: #0976c9; }
.partner .title h2 span{color:#0959ae;}
.partner .title em { color: #999;display: block;margin-top:3px;}
.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(../images/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 { clear: both; height: 300px; background: #fff url(../images/foot-bg.jpg); }
.footer .foot-nav{height:45px;line-height:45px;background:#ccc url(../images/foot-nav.jpg);}
.footer .foot-nav ul li{float:left;margin-right:61px;margin-top:8px;}
.footer .foot-nav ul li a{display: block;height:30px;line-height:30px;color:#20171a;padding:0 10px;}
.footer .foot-nav ul li a:hover{background:#0976c9;color:#fff;}
.footer .left { width: 250px;float: left; text-align: center;}
.footer .left .foot-logo { margin-top:25px; margin-bottom: 0px; }
.footer .right { width: 850px; float: right; margin-top: 35px; }
.footer .right .foot-address {        width: 403px;float: left; color: #fff; padding-left: 20px; margin-top: 10px; }
.footer .right .foot-address .title { font-size: 16px; margin-bottom: 10px; font-weight: bold; color: #fff; }
.footer .right .foot-address span { font-size: 16px; margin-right: 3px; color: #fff; }
.footer .right .foot-address a { color: #fff; }
.footer .right .foot-copyright { float: right; width: 400px; color: #fff; margin-top: 10px; }
.footer .right .foot-copyright .title { font-size: 16px; margin-bottom: 10px; font-weight: bold; color: #fff; }
.footer .right .foot-copyright p{color:#ddd;}
.footer .right .foot-copyright a{color:#fff;}
.inner {}
.inner .banner-about { height: 260px; background: url(../images/banner-about.jpg) center center; }
.inner .banner-image { height: 260px; background: url(../images/banner-image.jpg) center center; }
.inner .banner-image2 { height: 260px; background: url(../images/banner-image2.jpg) center center; }
.inner .banner-news { height: 260px; background: url(../images/banner-news.jpg) center center; }
.inner .banner-case { height: 260px; background: url(../images/banner-case.jpg) center center; }
.inner .banner-flow { height: 260px; background: url(../images/banner-flow.jpg) center center; }
.inner .banner-space { height: 260px; background: url(../images/banner-space.jpg) center center; }
.inner .banner-service { height: 260px; background: url(../images/banner-service.jpg) center center; }
.inner .banner-contact { height: 260px; background: url(../images/banner-contact.jpg) center center; }
.inner .inner-title { height: 100px; text-align: center; margin: 30px auto; font-size: 24px; color: #0976c9; 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 12px;}
.inner .inner-left{width:260px;float:left;}
.inner .inner-left .inner-nav{width: 260px; background:#0959ae; padding: 0px 3px 3px 3px;overflow:hidden;}
.inner .inner-left .inner-nav .pro-nav-t { height:99px;background: url("../images/pro-left-title.png") top center; font-size: 20px; font-weight: bold; text-align: center; color:#fff;padding-top:24px;}
.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;}
.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:#0075c2; border-radius: 5px;display: block;border:1px solid #fff;}
.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{}
.inner .inner-left .inner-nav ul { overflow: hidden; }
.inner .inner-left .inner-nav ul li { margin-right: 13px; background: url("../images/pro-nav2.png") left no-repeat; margin-left: 5px; line-height: 35px; border-bottom: 1px dashed #999; color:#fff; }
.inner .inner-left .inner-nav ul li span{ font-size: 18px; margin-right: 10px; margin-left: 30px;}
.inner .inner-left .inner-nav ul li strong{font-size: 15px;font-weight: 500;}
.inner .inner-left .inner-nav ul .hover{background:#0976c9;}
.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: 0px;display:block;}
.inner .inner-left .inner-nav ul li a:hover { color: #0976c9; }
.inner .inner-left .inner-nav ul li a span{margin-right:10px;color:#0976c9;}
.inner .inner-left .inner-nav ul .hover a:hover{color:#fff;}
.inner .inner-left .hot-pro{margin-top:10px;border:1px solid #0976c9;overflow:hidden;}
.inner .inner-left .hot-pro .title{height:40px;line-height:40px;font-size:16px;text-align:center;color:#fff;background:#0976c9;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 #0976c9;}
.inner .inner-left .inner-contact .title{height:40px;line-height:40px;font-size:16px;text-align:center;color:#fff;background:#0976c9;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: #0976c9; font-weight: bold; }
.inner .inner-left .hot-news{margin-top:10px;border:1px solid #0976c9;}
.inner .inner-left .hot-news .title{height:40px;line-height:40px;font-size:16px;text-align:center;color:#20171A;background:#0976c9;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:#0976c9;}
.inner .inner-left .hot-news ul li a{color:#666;}
.inner .inner-right{overflow: hidden;float: right;width: 830px;border:1px solid #ccc;}
.inner .inner-right .inner-place { margin-top: 0px;height: 40px; line-height: 40px; clear: both; overflow: hidden;    background: #0976c9 url(../images/title-bg.jpg);padding: 0 50px;}
.inner .inner-right .inner-place span { font-size: 20px; margin-right: 10px; color: #0976c9; }
.inner .inner-right .inner-place strong { font-size: 14px; color: #333; margin-right: 10px; }
.inner .inner-right .inner-place a { color: #20171A; margin-right: 5px; }
.inner .inner-right .inner-place .inner-position { float: left; color:#20171A;}
.inner .inner-right .pro-img { overflow: hidden; margin-bottom: 20px; margin-top: 20px; }
.inner .inner-right .pro-img ul li { width:270px; float: left;margin: 0 3px 15px 3px; background: #eee;padding:3px;border: 1px solid #ccc;}
.inner .inner-right .pro-img ul li:hover { border: 1px solid #0976c9; }
.inner .inner-right .pro-img ul li:hover span{color:#0976c9;}
.inner .inner-right .pro-img ul li img { width:263px; height:184px; }
.inner .inner-right .pro-img ul li span { color:#666; padding:0px; 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: #0976c9; }
.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: #0976c9; border: 1px solid #0976c9; 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: #0976c9 url(../images/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: #2D1B17; font-size: 18px; font-weight: bold; line-height: 35px; margin-right: 5px; }
.inner .inner-right .rec-news .title span { color: #666; }
.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 #0976c9;padding:2px;}
.inner .inner-right .rec-news .rec-news-img li a{font-size:16px;color:#0976c9;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: #0976c9; 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:#0976c9;}
.inner .inner-right .list-article .news-list li .li-title strong { font-weight: 500; color: #0976c9; }
.inner .inner-right .list-article .news-list li .li-title strong a { color: #0976c9; }
.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: #0976c9; }
.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: #0976c9; border: 1px solid #0976c9; }
.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;}
.inner .inner-right .explain .left img{padding: 4px;border: 1px solid #0976c9;margin-left:10px;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:#0976c9;}
.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: #0976c9 url(../images/title-bg.jpg);padding: 0 50px;}
.inner .inner-right .article-image .title h3 { font-size: 18px; color: #20171A; font-weight: bold; margin:0;height: 40px; line-height: 40px;float:left;}
.inner .inner-right .article-image .title span { font-size: 12px; color: #666;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(../images/prevnext.gif); background-color: rgba(0,0,0,0.5); }
.inner .inner-right .article-image .img-prenext .pre_l a:hover { background-image: url(../images/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(../images/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(../images/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: #0976c9 url(../images/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: #2D1B17; font-size: 18px; font-weight: bold; line-height: 35px; margin-right: 5px; }
.inner .inner-right .in-book .title span { color: #666; }
.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:#0976c9; }
.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; text-align: center;}
.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: #0976c9; }
.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: #0976c9 url(../images/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: #2D1B17; font-size: 18px; font-weight: bold; line-height: 35px; margin-right: 5px; }
.inner .inner-right .article-right-img .title span { color: #666; }
.inner .inner-right .article-right-img ul li{text-align:center;margin:10px 5px;;width:260px;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 #0976c9; float: left; margin: 0; height: 40px; line-height: 40px; font-size: 20px; font-weight: bold; color: #0976c9; }
.inner .inner-body .title h3 strong { font-size: 26px; color: #0976c9; }
.inner .inner-body .title span { background: url(../images/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: #0976c9; 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 #0976c9;}
.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 #0976c9; }
.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 { hight: 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: 200px; margin-right: 20px; height: 140px; }
.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;}
.kefu { position: fixed; top: 38%; right: 0; width: 140px; z-index: 9; }
.icon-kefu { width: 30px; height: 100px; float: left; background: #0976c9 url(../images/kefu.png); position: relative; display: none; cursor: pointer; border-radius: 5px 0 0 5px; }
.kefu-box { float: left; width: 140px; background: #0976c9; border-radius: 5px 0 0 5px; }
.kefu-tab img { display: block; }
.kefu-top { width: 140px; height: 60px; position: relative; border-bottom: 1px solid #FF6600; }
.kefu-center { padding: 15px 15px 10px 15px; text-align: center; }
.kefu-center ul { overflow: hidden; background: #fff; padding-top: 10px; border-radius: 5px; }
.kefu-center li { height: 33px; }
.kefu-center li img{border:1px solid #0976c9;border-radius:5px;}
.kefu-center .qrcode { margin-top: 10px; }
.kefu-center .qrcode img { width: 110px; background: #fff; padding: 5px; border-radius: 5px; }
.kefu-center .phone { margin-top: 5px; }
.kefu-center .phone strong { color: #fff; display: block; font-size: 16px; font-weight: 500; }
.kefu-bottom { height: 30px; width: 140px; color: #fff; line-height: 30px; text-align: center; margin-bottom: 10px; border-top: 1px solid #FF6600; }
.kefu-bottom a { color: #fff; }
.kefu-bottom span { font-size: 18px; margin-right: 5px; line-height: 30px; }

.product .pro-nav .phone .qrcode { margin-top: 10px;text-align:center;}
.product .pro-nav .phone .qrcode img { width: 180px; background: #fff; padding: 5px; border-radius: 5px; }
.product .pro-nav .phone .qrcode span{display: block;font-size:14px;margin:10px auto;color:#fff;}