@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0; }
img { border:none 0; }
body { font-family:'Microsoft yahei', '微软雅黑', Tahoma, Verdana, Arial, sans-serif; font-size:12px; line-height:1.8em; word-wrap:break-word; }
body a { outline:none; blr:expression(this.onFocus=this.blur());
}
.clear { clear:both; }
ul, ol { list-style:none; }
a { color:#333; text-decoration:none; }
a:hover { color:#005AAB; }
.cl:after { content:" "; clear:both; height:0; visibility:hidden; display:block; }
.cl { *zoom:1; }
.fl { float:left; }
.fr { float:right; }
.area { width:1190px; margin:0 auto; position:relative; z-index:1;   }
.w1190 { width:1190px; margin:0 auto; }
#content { width:1190px; margin:0 auto; }
.blank10 { height:10px; overflow:hidden; clear:both; }
.blank20 { height:20px; overflow:hidden; clear:both; }
.blank30 { height:30px; overflow:hidden; clear:both; }
.blank40 { height:40px; overflow:hidden; clear:both; }
#header { height:90px; background:#fff; position:relative; z-index:99; }
#header #logo_en { position:absolute; left:0; top:20px; }
#header #logo_en a { display:block; width:600px; height:50px; background:url(../images/logo_en.png) no-repeat 0 0; text-indent:-999px; }
#header #logo_cn { position:absolute; left:0; top:20px; }
#header #logo_cn a { display:block; width:320px; height:50px; background:url(../images/logo_cn.png) no-repeat 0 0; text-indent:-999px; }
#topbar { width:100%; height:42px; line-height:42px; background-color:#333333; color:#fff; position:relative; z-index:3; }
#topbar a, #topbar a:visited { color:#fff; }
#topbar a:hover { color:#FFF; text-decoration:none; }
#topbar .lianxi span { padding-right:15px; color:#FFF; }
#topbar .lianxi .email { background:url(../images/mail.png) no-repeat 0 4px; padding-left:20px; }
#topbar .lianxi .tel { background:url(../images/phone.png) no-repeat 0 1px; padding-left:20px; }
#topbar .lianxi .fax { background:url(../images/fax.png) no-repeat 0 1px; padding-left:20px; }
#topbar .lianxi .chat a { background:url(../images/chat.png) no-repeat 0 3px; padding-left:22px; }
#topbar .language span { padding:0 10px; }
#topbar .language .cn { background:url(../images/cn.gif) no-repeat 0 1px; padding-left:18px; }
#topbar .language .en { background:url(../images/en.gif) no-repeat 0 1px; padding-left:18px; }
#topbar .language .pu { background:url(../images/pu.gif) no-repeat 0 1px; padding-left:18px; }
#topbar .search { position:absolute; top:7px; right:300px; background: url(../images/search.png) no-repeat 0 0; height: 26px; padding: 2px 0 0 5px; width: 215px; z-index: 9999; }
#topbar .search input { border:0; background-color:#5c5c5c; color: #ccc; float:left; font-size:12px; height:18px; line-height:18px; outline: medium none; width: 170px; padding-top:4px; }
#topbar .search .so { background: url(../images/search.png) no-repeat -183px -2px; border: medium none; cursor: pointer; float: left; height: 21px; margin-left: 6px; width: 34px; }
#topbar .search .soHover { background: url(../images/search.png) no-repeat -183px -30px; border: medium none; cursor: pointer; float: left; height: 21px; margin-left: 6px; width: 34px; }
/* cnnav */


#cnnav { float:right; width:570px; }
.cul { text-align:right; }
.nav { display:inline-block; *display:inline;
*zoom:1;
vertical-align:top; position:relative; z-index:999; }
.nav  a.curr { background:#FFF; color:#005aab; }
.nav_a{display:inline-block; *display:inline; text-transform:uppercase;
*zoom:1;
vertical-align:top; line-height:90px; height:90px; font-size:14px; font-weight:bold; padding:0 15px;}
.nav_a:hover{background:none #fff; color:#005aab;}
.smenu
{
    margin: 0px auto;
    width: 180px;
    list-style-type: none;
    height: auto;
    display: none;
    position: absolute;
    z-index: 300;
    left: 0px;
    top: 90px;
    background:#000;
}
.smenu ul
{
    width: 180px;
    list-style-type: none;
    height: auto;
}
.smenu ul LI
{
    width: 180px;
    height: 30px;
    line-height: 30px;
    background: none;
    border-bottom:solid 1px #ddd;
}
.smenu ul LI A
{
    display: block;
    font-size: 13px;
    width: 180px;
    color: #fff;
    line-height: 30px;
    letter-spacing: 0px;
    text-align:left;
    padding-left:15px;
    text-decoration: none;
    
}
.smenu ul LI A:hover
{
    color:#fff !important;
}
/*
#cnnav li a.xxxbg { background:url(../images/nav_bg.gif) no-repeat center 0 #FFF; color:#005aab; }
#cnnav li a.xxxbg:hover { color:#005aab; }
#cnnav li a { display:inline-block; *display:inline; text-transform:uppercase;
*zoom:1;
vertical-align:top; line-height:90px; height:90px; font-size:14px; font-weight:bold; padding:0 15px; }
#cnnav li a:hover, #cnnav li a.current { background:none #fff; color:#005aab; }
#cnnav ul.sub_nav { width:190px; overflow:hidden; display:none; position:absolute; background:url(../images/sub-bg.png) repeat 0 0; left:-40px; top:90px; *width:190px;
z-index:999; text-align:left; border:solid 0px #ccc; border-bottom:none; padding:10px 0; }
#cnnav ul.sub_nav li{display:none;}
#cnnav ul.sub_nav li a { width:190px; line-height:30px; height:30px; font-size:12px; border-bottom:solid 0px #ccc; color:#FFF; padding:0; font-weight:normal; text-align:center; }
#cnnav ul.sub_nav li a:hover, #cnnav ul.sub_nav li a.current { background:#669ccd; color:#FFF; }
#cnnav ul.sub_nav li.last a { background:none no-repeat center center; }
*/





/* homeslide */
#homeslide { width:100%; height:350px; margin:0 auto; background:#f6f6f6; }
#homeslide .area { width: 1190px; height: 350px; position: relative; overflow: hidden; z-index: 0; }
#homeslide .hd { position: absolute; bottom: 15px; overflow: hidden; z-index: 2; left: 0; padding-top: 10px; background: url(../images/black.png) repeat 0 0; }
#homeslide .hd ul { padding-left: 10px; padding-bottom: 17px; }
#homeslide .hd li { width: 7px; height: 7px; cursor: pointer; float: left; margin-right: 10px; display: inline; text-indent: -999px; overflow: hidden; background: #e5e5e5; }
#homeslide .hd li.on { background: #d73619; border: none; }
#homeslide .bd ul li { float: left; }
#homeslide .bd ul img { width: 1190px; height: 350px; display: block; }
#homeslide .bd ul p { width: 432px; height: 90px; position: absolute; left: 0; bottom: 43px; padding: 15px; color: #FFF; }
#homeslide .bd ul p strong { display: block; }
#homeslide .bd ul p span { padding-top: 10px; display: block; line-height: 1.5em; }
#homeslide .bd ul p a { font-size: 1.6em; font-weight: bold; display: block; color: #fff; }
#homeslide .prev, #homeslide .next { display: block; cursor: pointer; position: absolute; width: 27px; height: 27px; background: url(../images/focus_arrow.png) no-repeat; bottom: 20px; }
#homeslide .prev { background-position: left 0; right: 28px; }
#homeslide .prev:hover { filter: alpha(opacity=100); opacity: 1.0; }
#homeslide .next { background-position: right 0; right: 0; }
#homeslide .next:hover { filter: alpha(opacity=100); opacity: 1.0; }
#homeslide .bdOn .prev, #homeslide .bdOn .next { display: block; }
/* advantage */
#advantage { margin-top:30px; color:#666; }
#advantage ul { float:left; border-top:1px dashed #CCC; border-left:1px dashed #CCC; }
#advantage ul li { width:296px; float:left; border-right:1px dashed #CCC; border-bottom:1px dashed #CCC; text-align:center; height:124px; cursor:pointer; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
#advantage ul li:hover { background:#f6f6f6; }
#advantage ul li:hover a { color:#47B663; }
#advantage ul li div { padding: 15px; text-align:center; }
#advantage ul li img { margin-bottom: 20px; }
#advantage ul li h3 { font-size:14px; line-height: 20px; font-weight: 600;  margin-bottom: 10px; color:#005AAB; }
#advantage ul li h3 a { color:#676767; }
#advantage ul li h3 a:hover { color:#47B663; }
/* productlist */
.productlist { width:1190px; margin:0 auto; overflow:hidden; }
.productlist .hd { border-bottom:solid 1px #E5E5E5; }
.productlist .hd a.more { float:right; font-size:12px; font-weight:normal; }
.productlist .hd h2 { font-size:20px; margin-bottom:15px; }
.productlist ul { width:1220px; }
.productlist ul li { width:580px; float:left; margin-right:30px; display:inline; margin-top:30px; }
.productlist ul li a { border:solid 1px #a3a3a3; display:block; position:relative; z-index:1; color:#FFF; }
.productlist ul li p { position:absolute; left:0; bottom:0; height:30px; line-height:30px; overflow:hidden; background-color:#a3a3a3; width:100%; text-align:center; }
.productlist ul li a:hover { border:solid 1px #0371b9; }
.productlist ul li a:hover p { background-color:#0371b9; color:#FFF; }
/* gallerylist */
.gallerylist { width:925px; margin:0 auto; overflow:hidden; }
.gallerylist .hd { border-bottom:solid 1px #E5E5E5; }
.gallerylist .hd a.more { float:right; font-size:12px; font-weight:normal; }
.gallerylist .hd h2 { font-size:20px; margin-bottom:15px; }
.gallerylist ul { width:1220px; }
.gallerylist ul li { width:422px; float:left; margin-left:28px; display:inline; margin-top:30px; }
.gallerylist ul li a { border:solid 1px #ddd; display:block; position:relative; z-index:1; color:#333; }
.gallerylist ul li p { position:absolute; left:0; bottom:0; height:30px; line-height:30px; overflow:hidden; background-color:#ddd; width:100%; text-align:center; }
.gallerylist ul li a:hover { border:solid 1px #0371b9; }
.gallerylist ul li a:hover p { background-color:#0371b9; color:#FFF; }
/* whoweare */
#whoweare { width:1190px; margin:0 auto; }
#whoweare .tit { border-bottom:solid 1px #E5E5E5; }
#whoweare .tit a.more { float:right; font-size:12px; font-weight:normal; }
#whoweare .tit h2 { font-size:20px; margin-bottom:15px; }
#whoweare .con { padding-top:20px; }
/* wgfocus */
#whoweare .wgfocus { width:360px; height:240px; float:left; position:relative; overflow:hidden; }
#whoweare .wgfocus .hd { position:absolute; height:15px; right:10px; bottom:10px; overflow:hidden; z-index:2; }
#whoweare .wgfocus .hd li { width:10px; height:10px; cursor:pointer; float:left; margin-right:5px; display:inline; text-indent:-999px; overflow:hidden; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#c3c3c3; }
#whoweare .wgfocus .hd li.on { background:#69aaec; border:none; }
#whoweare .wgfocus .bd ul li { float:left; }
#whoweare .wgfocus .bd ul img { width:360px; height:240px; display: block; }
#whoweare .wgfocus .bd ul p { width:340px; height:40px; line-height:40px; position:absolute; left:0; bottom:0; padding:0 10px; background: url(../images/black1.png) repeat-x 0 0; }
#whoweare .wgfocus .bd ul p a { font-size:12px; height:40px; line-height:40px; font-weight:normal; display:block; color:#fff; }
#whoweare .wgfocus .prev, #whoweare .wgfocus .next { display:block; cursor:pointer; position:absolute; top:90px; width:35px; height:48px; background:url(../images/focus_arrow1.png) no-repeat; }
#whoweare .wgfocus .prev { background-position:left 0; left:0; display:none; }
#whoweare .wgfocus .prev:hover { filter: alpha(opacity=100); opacity: 1.0; }
#whoweare .wgfocus .next { background-position:right 0; right:0; display:none; }
#whoweare .wgfocus .next:hover { filter: alpha(opacity=100); opacity: 1.0; }
#whoweare .wgfocus .bdOn .prev, #whoweare .wgfocus .bdOn .next { display:block; }
/* video */
#whoweare .video { width:360px; height:240px; float:left; margin-left:30px; display:inline; }
#whoweare .video a { color:#FFF; width:360px; height:240px; display:block; position:relative; background-color:#000; cursor:pointer; }
#whoweare .video a img { width:360px; height:240px; opacity:.8; filter:alpha(opacity=80); }
#whoweare .video a:hover img { opacity:1.0; filter:alpha(opacity=100); }
#whoweare .video span { display:block; width:70px; height:70px; position:absolute; left:150px; top:80px; background:url(../images/play.png) no-repeat 0 0; }
#whoweare .video a:hover span { background-position:-70px 0; }
#whoweare .video i { display:block; position:absolute; left:0; bottom:0; width:360px; height:30px; background-color:#000; opacity:.4; filter:alpha(opacity=40); }
#whoweare .video b { display:block; width:360px; height:30px; line-height:30px; position:absolute; left:0; bottom:0; text-align:center; font-style:normal; font-weight:normal; }
#whoweare .video a { color:#FFF; }
#whoweare .video a:hover { color:#FFF; }
#whoweare .video a:hover span { color:#FFF; }
/* advan */
#whoweare .advan { width:408px; height:238px; overflow:hidden; border:solid 1px #e6e6e6; float:right; background-color:#f6f6f6; }
#whoweare .advan dl { padding:10px 15px; }
#whoweare .advan dl dt { font-size:16px; font-weight:bold; padding-top:5px; }
#whoweare .advan dl dd { padding-top:10px; height:176px; overflow:hidden; }
#whoweare .advan dl dd p { margin-bottom:5px; line-height:22px; }
/*** pic rolling ***/
#picrolling { width: 1190px; margin:0 auto; overflow: hidden; }
#picrolling .hd { border-bottom: solid 1px #e5e5e5; position: relative; }
#picrolling .hd h2 { position:relative; float:left; padding:10px 0; font-size:20px; }
#picrolling .hd .next, #picrolling .hd .prev { display: block; position: absolute; top: 0px; width: 19px; height: 19px; background: url(../images/pic-arrows.gif) no-repeat 0 0 #bfbfbf; cursor: pointer; }
#picrolling .hd .prev { right: 20px; top:13px; background-position: 7px 5px; }
#picrolling .hd .prev:hover, #picrolling .hd .prev:focus, #picrolling .hd .next:hover, #picrolling .hd .next:focus { background-color: #005aab; }
#picrolling .hd .next { right: 0; top:13px; background-position: -18px 5px; }
#picrolling .hd .prevStop, #picrolling .hd .prevStop:hover, #picrolling .hd .prevStop:focus, #picrolling .hd .nextStop, #picrolling .hd .nextStop:hover { cursor: default; background-color:#d9d9d9 !important; }
#picrolling .bd { padding:30px 0 0 0; }
#picrolling .bd ul { overflow: hidden; zoom: 1; }
#picrolling .bd ul li { float: left; width:206px; margin-right:40px; margin-bottom: 10px; }
#picrolling .bd ul li img { width: 206px; height:206px; overflow: hidden; display: block; }
#picrolling .bd ul li p { text-align:center; overflow: hidden; }
#picrolling .bd ul li p a { color: #333; display:block; background-color:#f6f7f8; height:30px; line-height:30px; overflow:hidden; }
#picrolling .bd ul li p a:hover { color:#fff; background-color:#369; }
/* iconmessage */
#iconmessage { width:1190px; margin:0 auto; }
#iconmessage .tit { border-bottom:solid 1px #E5E5E5; }
#iconmessage .tit a.more { float:right; font-size:12px; font-weight:normal; }
#iconmessage .tit h2 { font-size:20px; margin-bottom:15px; }
#iconmessage .con { margin-top:30px; }
#icologo { width:526px; height:413px; float:left; overflow:hidden; background:url(../images/icologobg.png) no-repeat 0 0; }
#icologo li { width:160px; height:90px; float:left; text-indent:-999px; border:solid 0px #0CF; margin:6px 7px 7px 8px; display:inline; }
#icologo li a { display:block; width:160px; height:90px; background:url(../images/icologohs.gif) no-repeat 0 0; cursor:pointer; }
#icologo li a:hover { background:url(../images/icologocs.gif) no-repeat 0 0; }
#icologo li.corp01 a { background-position:0px 0px; }
#icologo li.corp01 a:hover { background-position:0px 0px; }
#icologo li.corp02 a { background-position:-185px -6px; }
#icologo li.corp02 a:hover { background-position:-185px -6px; }
#icologo li.corp03 a { background-position:-360px -6px; }
#icologo li.corp03 a:hover { background-position:-360px -6px; }
#icologo li.corp04 a { background-position:-12px -106px; }
#icologo li.corp04 a:hover { background-position:-12px -106px; }
#icologo li.corp05 a { background-position:-185px -106px; }
#icologo li.corp05 a:hover { background-position:-185px -106px; }
#icologo li.corp06 a { background-position:-360px -106px; }
#icologo li.corp06 a:hover { background-position:-360px -106px; }
#icologo li.corp07 a { background-position:-12px -215px; }
#icologo li.corp07 a:hover { background-position:-12px -215px; }
#icologo li.corp08 a { background-position:-185px -212px; }
#icologo li.corp08 a:hover { background-position:-185px -212px; }
#icologo li.corp09 a { background-position:-360px -214px; }
#icologo li.corp09 a:hover { background-position:-360px -214px; }
#icologo li.corp10 a { background-position:-12px -319px; }
#icologo li.corp10 a:hover { background-position:-12px -319px; }
#icologo li.corp11 a { background-position:-185px -318px; }
#icologo li.corp11 a:hover { background-position:-185px -318px; }
#icologo li.corp12 a { background-position:-360px -316px; }
#icologo li.corp12 a:hover { background-position:-360px -316px; }
#iconmessage .con #message { width:632px; height:411px; float:right; overflow:hidden; background-color:#fff; border:solid 1px #e7e7e7; }
#iconmessage .contact { padding:20px; }
#iconmessage .contact h6 { font-size:16px; color:#1E1E1E; line-height:1.5em; font-weight:700; margin:0.5em 0; }
#iconmessage form input { width:176px; color: #898888; font-family:inherit; outline: none; font-size:16px; padding: .5em; border: solid 1px #D5D4D4; -webkit-appearance: none; }
#iconmessage form textarea { resize: none; width:572px; font-family:inherit; color: #898888; font-size:16px; outline: none; padding: .5em; border: solid 1px #D5D4D4; margin: 1em 0 1em; height:206px; }
#iconmessage form input.submit { width:auto; padding:0; float:right; outline: none; color: #000; border:none 0; background: none; font-size: 18px; font-weight: 600; margin:0; cursor:pointer; }
#iconmessage form input.submit:hover { color:#005AAB; }
/**footer start**/
#footer { background-color: #383838; color: #999; }
#foot-top { padding-top: 30px; overflow: hidden; }
#foot-top .one-one { width:200px; float:left; display:inline; margin-right:10px; line-height:25px; }
#foot-top .one-two { width:220px; float:left; display:inline; margin-right:10px; line-height:25px; }
#foot-top .one-three { width:120px; float:left; display:inline; margin-right:10px; line-height:25px; }
#foot-top .one-four { width:290px; float:left; display:inline; margin-right:10px; line-height:25px; }
#foot-top .one-five { width:230px; float:left; display:inline; margin-right:10px; line-height:25px; }
#foot-top a { color:#999; }
#foot-top a:hover { color:#FFF; }
#foot-top ul li { line-height:25px; }
#foot-top .one-four p.address { background: url(../images/home.png) no-repeat 0 5px; padding-left: 22px; }
#foot-top .one-four p.mail { background: url(../images/mail.png) no-repeat 0 center; padding-left: 22px; }
#foot-top .one-four p.tel { background: url(../images/phone.png) no-repeat 0 center; padding-left: 22px; }
#foot-top .one-four p.fax { background: url(../images/fax.png) no-repeat 0 center; padding-left: 22px; }
#footer h3 { margin-bottom: 20px; color: #e5e5e5; font-size: 1.333em; line-height: 1.375em; font-weight: 600; }
#foot-top .keywords { line-height: 22px; }
#foot-top .keywords span { display: inline-block; margin: 0 5px 5px 0; vertical-align: top; font-size: 12px; }
#foot-top .keywords span a { display: block; padding: 2px 8px; background: #2b2b2b; color: #999; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
#foot-top .keywords span a:hover { background: #525252; color: #FFF; }
#foot-bottom { background-color: #252525; height: 40px; line-height: 40px; overflow: hidden; }
#foot-bottom p { float: left; }
#foot-bottom a.cdred, #foot-bottom a.cdred:visited { color:#e74c3c; }
#foot-bottom a.cdred:hover { text-decoration:underline; }
#social-links { width: 500px; float: right; }
ul#social { float: right; margin-right: -5px; }
ul#social li { display: inline; }
ul#social li a { display: block; margin: 0 0 0 1px; width: 38px; float: left; height: 42px; text-indent: -9999px; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -0-transition:background 0.2s linear;
transition: background 0.2s linear; }
ul#social li a:hover { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
a.forrst { background: url(../images/forrst.png) no-repeat scroll center center; }
a.forrst:hover { background-color: #5d9b68; }
a.dribbble { background: url(../images/dribbble.png) no-repeat scroll center center; }
a.dribbble:hover { background-color: #e24a85; }
a.vimeo { background: url(../images/vimeo.png) no-repeat scroll center center; }
a.vimeo:hover { background-color: #1bb7ea; }
a.linkedin { background: url(../images/linkedin.png) no-repeat scroll center center; }
a.linkedin:hover { background-color: #007bb6; }
a.google { background: url(../images/google.png) no-repeat scroll center center; }
a.google:hover { background-color: #e1472f; }
a.skype { background: url(../images/skype.png) no-repeat scroll center center; }
a.skype:hover { background-color: #0cb1f1; }
a.facebook { background: url(../images/facebook.png) no-repeat scroll center center; }
a.facebook:hover { background-color: #3b5998; }
a.twitter { background: url(../images/twitter.png) no-repeat scroll center center; }
a.twitter:hover { background-color: #00acee; }
a.flickr { background: url(../images/flickr.png) no-repeat scroll center center; }
a.flickr:hover { background-color: #ff0084; }
a.rss { background: url(../images/rss.png) no-repeat scroll center center; }
a.rss:hover { background-color: #f28d34; }
a.stumbleupon { background: url(../images/stumbleupon.png) no-repeat scroll center center; }
a.stumbleupon:hover { background-color: #0fb73d; }
a.youtube { background: url(../images/youtube.png) no-repeat scroll center center; }
a.youtube:hover { background-color: #d93030; }
#form2 input { border:0; }
#form2 .Subscribe2 { margin:0 auto; width: 223px; }
#form2 .ipt_wr { border: 1px solid #B6B6B6; display: inline-block; width: 142px; height:30px; margin-right: 0; border-right-width: 0; background-color:#FFF; }
#form2 .ipt_wr:hover { border:solid 1px #e84c3d; border-right-width: 0; }
#form2 .ipt { width:130px; height: 22px; margin:4px 0 0 6px; border: 0; outline: 0; }
#form2 .btn_wr { width: auto; height: auto; display: inline-block; vertical-align: top; }
#form2 .btn { width: 80px; height: 32px; color: #FFF; font-size: 14px; background: #e84c3d; cursor:pointer; }
#form2 .btn:hover { background:#df2311; }
/* place */
.place { padding: 10px 0; }
/* category */
.hrline { height:2px; line-height:2px; overflow:hidden; border-bottom:solid 1px #ccc; }
.category { text-align:center; margin-top:20px; }
.category .inner ul { border-bottom:1px solid #C9C9C9; zoom:1; text-align:center; }
.category .inner li { display:inline-block;*display:inline;*zoom:1; vertical-align:top; font-size:14px; font-weight:500; }
.category .inner li a { display:block; padding:20px 6px; color:#888; }
.category .inner li a:hover { color:#000; }
.category .inner li.active a { color:#005AAB; border-bottom:solid 1px #005AAB; margin-bottom:-1px; }
/* lite-banner */
.lite-banner { width:100%; height:250px; background:#f6f6f6; }
.lite { width:1190px; height:250px; margin:0 auto; }
/* newslist */
.newslist { width:1190px; margin:0 auto; overflow:hidden; }
.e2 { width:880px; margin:0 auto; }
.e2 li { margin-bottom:0; border-bottom:1px dashed #CCC; color:#666; overflow:hidden; padding:12px 0;}
.e2 li a.preview { display:inline; float:left; margin-bottom:3px; margin-right:15px; width:124px; color:#256EB1; }
.e2 li b a { color:#666; }
.e2 li a.preview img { border:1px solid #cccccc; display:block; padding:1px; width:120px; height:90px; }
.e2 li a.title { font-size:16px; font-weight:bold; color:#333; }
.e2 li a.title:hover { color:#005AAB; }
.e2 span.info { color:#999; display:block; line-height:23px;}
.e2 span.info a, .e2 span.info a:visited { color:#999; }
.e2 span.info a:hover { color:#333; }
.e2 span.info small { color:#999; font-size:12px; margin-left:3px; }
.e2 p.intro { color:#666666; line-height:20px; }
/* pagelist */
.page { text-align:left; padding:0 20px; }
.page ul.pagelist { font-size: 0; }
.page ul.pagelist li { color: #333333; display: inline-block; *display:inline;
*zoom:1;
vertical-align: top; margin-right: 5px; overflow: hidden; text-align: center; font-size: 12px; }
.page ul.pagelist li a { color: #333333; cursor: pointer; display: block; overflow: hidden; padding: 0 8px; background-color: #e5e5e5; border: 1px solid #e5e5e5; }
.page ul.pagelist li a:hover { color: #fff; text-decoration: none; display: block; background-color: #FB783B; border: 1px solid #FB783B; }
.page ul.pagelist li.thisclass { background-color: #FB783B; border: 1px solid #FB783B; color: #FFFFFF; font-weight: bold; padding: 0 8px; }
.page ul.pagelist li span.pageinfo { padding-left: 10px; }

/* shopbg */
#shopbg,#newsbg { width:100%; background:#f5f5f5; }
.summary { border:1px solid #E8E8E8; padding:20px; background-color:#FFF; }
#picpreview { width:600px; height:430px; float:left; position:relative;}
#picpreview .prev,#picpreview .next{ position:absolute;  display:block;  left:0px; top:160px; width:40px; height:50px; background:url(../images/focusAdvBg.png) no-repeat; filter:alpha(opacity=30); opacity:0.3; }
#picpreview .prev { background-position:left 0; left:0; display:none; }
#picpreview .prev:hover { filter:alpha(opacity=80); opacity:0.8; }
#picpreview .next{ left:auto; right:0px; background-position:-46px 0; display:none; }
#picpreview .next:hover { filter:alpha(opacity=80); opacity:0.8; }
#picpreview .bdOn .prev, #picpreview .bdOn .next { display:block; }
.w3cFocusIn { width:600px; height:426px; position:relative;  margin:0 auto;  overflow:hidden;  }
.w3cFocusIn .bd li{ vertical-align:middle; }
.w3cFocusIn .bd li img{ width:600px; height:360px; display:block;  }
.w3cFocusIn .hd{ position: absolute; left:0px; bottom:0px;  }
.w3cFocusIn .hd ul{ vertical-align:middle; display:inline-block; *display:inline; overflow:hidden; zoom:1; width:620px; }
.w3cFocusIn .hd ul li{  position:relative; float:left; display:inline; padding-top:4px;  margin-right:5px; filter:alpha(opacity=80); opacity:0.8;  cursor:pointer;  }
.w3cFocusIn .hd ul li img{ width:112px; height:52px; border:1px solid #ccc; padding:1px; display:block;  }
.w3cFocusIn .hd ul li.on{ filter:alpha(opacity=100);opacity:1; background:url(../images/focusArrow.png) center 0 no-repeat; }
.w3cFocusIn .hd ul li.on img{ border:1px solid #3499EA; padding:1px; }
#probaseinfo { width:510px; float:right; }
#probaseinfo h2 { font-size:18px; margin-bottom:20px; }
#probaseinfo em { font-style:normal; font-weight:normal; padding-right:10px; color:#999; }
#probaseinfo ul li { line-height:28px; }

#probaseinfo .actbox { padding-top: 20px; position: relative; }
#probaseinfo .actbox span.advisory { position: absolute; left: 200px; top: 30px; }
#probaseinfo .actbox span.advisory img { vertical-align: middle; margin-right: 5px; }
#probaseinfo .actbox span.advisory a { vertical-align: middle; color: #06c; }
#probaseinfo .actbox span.advisory a:hover { color: #ff9900; }
#probaseinfo .actbox a.btn-contact { width: 140px; display: block; text-decoration:none; padding: 8px 12px; font-size: 16px; background-color: #f45724; color: #fff; border-radius: 3px; text-align: center; vertical-align: middle; zoom: 1; border: 0; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); }
#probaseinfo .actbox a.btn-contact i.icon { display: inline-block; width: 16px; height: 14px; background: url(../images/ico-csb.png) no-repeat 0 0; position: relative; top: -1px; *top:1px;
_top: 2px; margin-right: 6px; vertical-align: middle; }
.sns-share { margin-top: 20px; font-size: 0; height:16px; line-height:16px; margin-left:10px; }
.sns-share .title { font:12px/1.5 Arial, sans-serif; float:left; margin-right:5px; }
.sns-share a { display: inline-block; margin-right: 3px; font-size:12px; vertical-align:middle; border-radius:3px; margin-right:7px; background:url(../images/share/sns-share.png) no-repeat; width:16px; height:16px; }
.sns-share a.facebook { background-position:0 0; }
.sns-share a.twitter { background-position:0 -32px; }
.sns-share a.pinterest { background-position:0 -64px; }
.sns-share a.linkedin { background-position:0 -96px; }
.sns-share a.googleplus { width:26px; background-position:0 -128px; }

/* sidebar */
#sidebar { width:230px; float:right; overflow:hidden; }
#main { width:930px; float:left; }
#sidebar .mod { border:solid 1px #ccc; }
#sidebar .mod .tit { padding:6px 10px; font-size:14px; line-height:20px; font-weight:700; border-bottom:solid 1px #ccc; background-color:#f6f6f6; }
#sidebar .mod .prodlist { padding-top:20px; }
#sidebar .mod .advantages { padding:10px; }
#sidebar .mod .advantages li { padding-left:10px; background:url(../images/dot.gif) no-repeat 0 10px; }
#sidebar .prodlist ul li { width:184px; margin:0 auto; margin-bottom:20px;  }
#sidebar .prodlist ul li img { width:180px; height:120px; border:1px solid #EDEDED; padding:1px; }
#sidebar .prodlist ul li p { line-height:16px; max-height:32px; overflow:hidden; }

.protab .tit { position: relative; height: 34px; z-index: 2; }
.protab .nv { border-bottom: 1px solid #ccc;position: absolute; right: 0; left: 0; top: 0; }
.protab .nv ul { position: relative; zoom: 1; }
.protab .nv li { border-top: 1px solid #ccc; float: left; display: inline; margin-right: 5px; margin-bottom: -1px; zoom: 1; }
.protab .nv li a { position: relative; height: 32px; line-height: 32px; font-size: 14px; color: #666; font-weight: bold; background-color: #ebebeb; border: 1px solid #ccc; border-top: none; border-bottom: none; padding: 0 15px; float: left; }
.protab .nv li a:hover { background-color: #f6f6f6; }
.protab .nv li.on { border-top:2px solid #1996E6; }
.protab .nv li.on a { height: 32px; line-height: 32px; background-color: #FFF; }
.protab .nv li.on a:hover { height: 32px; line-height: 32px;}
.tabbox { padding: 20px 0; }
.tabbox p { margin-bottom: 15px; }
.tabbox table,.tabbox th,.tabbox td { border:1px solid #ccc; border-collapse: collapse; } 
.tabbox th,.tabbox td { padding:5px; }
#promessage h3 { padding-bottom: 10px; border-bottom: solid 1px #ddd; font-size: 1.5em; }
.floor2 { width: 930px; padding-top: 10px; overflow: hidden; }
.floor2 .hd { height: 22px; line-height: 22px; overflow: hidden; border-bottom: solid 1px #ccc; padding-bottom: 10px; position: relative; }
.floor2 .hd h2 { float: left; font-size: 1.5em; font-weight: bold; color: #333; margin: 0 0 15px 0; }
.floor2 .hd h2 a { font-style: italic; font-weight: normal; color: #37A; font-size: 12px; margin-left: 10px; }
.floor2 .hd .next, .floor2 .hd .prev { display: block; position: absolute; top: 0px; width: 19px; height: 19px; background: url(../images/carousel-arrows.gif) no-repeat 0 0 #bfbfbf; cursor: pointer; -webkit-transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out; -moz-transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out; -ms-transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out; -o-transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out; transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out; }
.floor2 .hd .prev { right: 20px; background-position: 7px 5px; }
.floor2 .hd .prev:hover, .floor2 .hd .prev:focus, .floor2 .hd .next:hover, .floor2 .hd .next:focus { background-color: #f25824; }
.floor2 .hd .next { right: 0; background-position: -18px 5px; }
.floor2 .hd .prevStop, .floor2 .hd .prevStop:hover, .floor2 .hd .prevStop:focus, .floor2 .hd .nextStop, .floor2 .hd .nextStop:hover, .floor2 .hd .nextStop:focus { background-color: #d9d9d9 !important; cursor: default; }
.floor2 .bd { padding: 20px 0 0 0; }
.floor2 .bd ul { overflow: hidden; zoom: 1; }
.floor2 .bd ul li { float: left; width: 222px; margin-right: 14px; margin-bottom: 10px; }
.floor2 .bd ul li img { width: 222px; height: 140px; overflow: hidden; display: block; }
.floor2 .bd ul li p { width: 100%; height: 20px; margin-top: 8px; text-align: center; overflow: hidden; }
.floor2 .bd ul li p a, .floor2 .bd ul li p a:visited { color: #333 }
.floor2 .bd ul li p a:hover { color: #f25824; }
/* newscont */
#newscont #sd { width:236px; float:left; }
#newscont #mn { width:930px; float:right; background-color:#FFF; border:solid 1px #CCC; }
#newscont #mn span.more { float:right; padding-right:15px; height:35px; line-height:35px; }
#newscont #mn h2 { background-color:#F6F6F6; font-weight:bold; height:35px; line-height:35px; padding:0 15px; border-bottom:solid 1px #CCC; font-size:15px; }
#newscont #sd .navblock { border:1px solid #CCC; margin-bottom:15px; background-color:#FFF; }
#newscont #sd .navblock h2 { background-color:#F6F6F6; font-weight:bold; height:36px; line-height:36px; padding:0 10px; font-size:15px; color:#333; }
#newscont #sd .navblock ul li h3 { font-size:12px; font-weight:normal; height:36px; line-height:36px; overflow:hidden; border-top:1px solid #CCC; }
#newscont #sd .navblock ul li a { display:block; padding-left:10px; }
#newscont #sd .navblock ul li a:hover { color:#005AAB; }
.cur a{color:#005AAB;}

#newscont #sd .navblock ul li.htitle a { color:#005AAB;}
#newscont #mn h1 { line-height:30px; padding:20px; font-size:20px; font-weight:bold; }
#newscont #mn .article { padding:15px 20px; }
#newscont #mn .article p { margin:5px 0; }
#newscont #mn .article p img { margin-top:10px; }
#newscont #mn .newsdate { display:block; color:#999; padding-left:40px; background:url(../images/date.gif) no-repeat 20px 3px; }

#newscont #sd .gallery { border:1px solid #CCC; background-color:#FFF; }
#newscont #sd .gallery h2 { background-color:#F6F6F6; font-weight:bold; height:35px; line-height:35px; padding:0 10px; border-bottom:solid 1px #CCC; font-size:15px; }
#newscont #sd .gallery ul { padding-bottom:11px; }
#newscont #sd .gallery ul li { width:100px; float:left; margin-left:11px; margin-top:11px; display:inline; }
#newscont #sd .gallery ul li img { display:block; }

.tags { color: #666666; font-size: 12px; margin:10px 0; background:url(../images/icon_tag.png) no-repeat 20px 2px; padding-left:40px; }
.tags ul li { display: inline; padding-right: 10px; }
.tags ul li a, .tags ul li a:visited { color: #8e8e8e; }
.tags ul li a:hover { color: #225378; }

#newsrelated { padding:0 20px; margin-bottom:20px; }
#newsrelated .hd h2 { font-size:16px; font-weight: bold; line-height: 1.5em; border-bottom: solid 1px #cccccc; padding-bottom: 10px; }
#newsrelated ul { padding:10px 0; }
#newsrelated ul li { height:24px; line-height:24px; overflow:hidden; padding-left:10px; background:url(../images/dot.gif) no-repeat 0 10px; }
#newsrelated ul li span { float:right; color:#999; }
#newsrelated em { color:#888; padding-right:10px; font-style:normal; }
#newsrelated em a { color:#888; }
#newsrelated em a:hover { color:#f08700; }
#newscont #newsrelated .hd h2 { background-color:#fff; font-weight:bold; height:35px; line-height:35px; padding:0; border-bottom:solid 1px #CCC; font-size:15px; }

.guestbook { border:solid 1px #ddd; overflow:hidden; padding:20px; background:#f9f9f9; }
.protab .tabbox .guestbook table,.protab .tabbox .guestbook td,.protab .tabbox .guestbook th { border:none; padding:0; text-align:left;}
#feed { overflow:hidden; background-repeat:no-repeat; background-position:center 10px; padding:20px 20px 20px 60px; color:#666666; line-height:24px; font-size:14px; }
#feed form th { font-weight:bold; color:#676767; font-size:14px; text-align:right; padding:6px; }
#feed form th strong { display:inline-block; width:20px; color:#F00; }
#feed form td { padding:6px; }
#feed textarea.liuyan { width:520px; height:100px; padding:3px; font-size:12px; line-height:20px; overflow:hidden; }
#feed input.ly_but { width:80px; height:25px; line-height:25px; margin-right:10px; margin-top:10px; }
#feed .w260 { height:22px; line-height:22px; width:520px; padding:0 3px; }
#feed .w200 { height:22px; line-height:22px; width:200px; padding:0 3px; }
#feed input, #feed textarea { border:solid 1px #ccc; }
#feed img.yzm { vertical-align:middle; }

/* videolist */
.videolist ul li { width:360px; height:240px; float:left; margin-left:70px; display:inline; margin-bottom:40px; }
.videolist a { color:#FFF; width:360px; height:240px; display:block; position:relative; background-color:#000; cursor:pointer; }
.videolist a img { width:360px; height:240px; opacity:.8; filter:alpha(opacity=80); }
.videolist a:hover img { opacity:1.0; filter:alpha(opacity=100); }
.videolist span { display:block; width:70px; height:70px; position:absolute; left:150px; top:80px; background:url(../images/play.png) no-repeat 0 0; }
.videolist a:hover span { background-position:-70px 0; }
.videolist i { display:block; position:absolute; left:0; bottom:0; width:360px; height:30px; background-color:#000; opacity:.4; filter:alpha(opacity=40); }
.videolist b { display:block; width:360px; height:30px; line-height:30px; position:absolute; left:0; bottom:0; text-align:center; font-style:normal; font-weight:normal; }
.videolist a { color:#FFF; }
.videolist a:hover { color:#FFF; }
.videolist a:hover span { color:#FFF; }

/* teamlist */
.teamlist ul li { width:200px; height:240px; overflow:hidden; float:left; margin-left:26px; display:inline; margin-top:26px; }
.teamlist ul li a { display:block; }
.teamlist ul li p { height:20px; line-height:20px; text-align:center; overflow:hidden; }
.teamlist ul li img { width:200px; height:200px; }

/* searchencn */
.searchencn { width:1190px; margin:0 auto; }
.searchencn .resultbar { font-size:16px; padding:10px 0; border-bottom:solid 1px #ccc; }
.searchencn .resultbar strong { color:#F00; }
.searchencn .resultlist ul { padding:20px 0; }
.searchencn .resultlist li { margin-bottom:20px; }
.searchencn .resultlist li span { color:#888; }
.searchencn .resultlist li .preview img { width:120px; height:90px; float:left; display:block; margin-right:20px; }
.searchencn .resultlist li h3 { height:25px; line-height:25px; overflow:hidden; font-size:16px; }

/* w3cFocus */
#w3cFocusbox { padding:50px 0; }
#w3cFocus { width:794px; height:525px; margin:0 auto; position:relative;  overflow:hidden;  }
#w3cFocus .prev,#w3cFocus .next{ position:absolute;  display:block;  left:0px; top:230px; width:40px; height:50px; background:url(../images/focusAdvBg.png) no-repeat; filter:alpha(opacity=30); opacity:0.3; }
#w3cFocus .prev { background-position:left 0; left:0; display:none; }
#w3cFocus .prev:hover { filter:alpha(opacity=80); opacity:0.8; }
#w3cFocus .next{ left:auto; right:0px; background-position:-46px 0; display:none; }
#w3cFocus .next:hover { filter:alpha(opacity=80); opacity:0.8; }
#w3cFocus .bdOn .prev, #w3cFocus .bdOn .next { display:block; }
#w3cFocus .bd li{ vertical-align:middle; }
#w3cFocus .bd li img{ width:794px; height:450px; display:block;  }
#w3cFocus .hd{ position: absolute; left:0px; bottom:0px;  }
#w3cFocus .hd ul{ vertical-align:middle; display:inline-block; *display:inline; overflow:hidden; zoom:1; width:810px; }
#w3cFocus .hd ul li{  position:relative; float:left; display:inline; padding-top:4px;  margin-right:6px; filter:alpha(opacity=80); opacity:0.8;  cursor:pointer;  }
#w3cFocus .hd ul li img{ width:90px; height:60px; border:1px solid #ccc; padding:1px; display:block;  }
#w3cFocus .hd ul li.on{ filter:alpha(opacity=100);opacity:1; background:url(../images/focusArrow.png) center 0 no-repeat; }
#w3cFocus .hd ul li.on img{ border:1px solid #3499EA; padding:1px; }



.main {
  width: 100%;
}
 .biaoti {
  font-size: 20px;
  margin-bottom: 10px;
  margin-top: 20px;
}
 .biaoti a{color: #eb6100;
  text-decoration: none;}
  
  
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
 .shuoming {
  color: #999;
  margin: 0 0 30px 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #EDEDED;
  font-size: 12px;
}
.text-center {
  text-align: center;
}
.btn-success {
  color: #fff;
  background-color: #eb6100;
  border-width: 0px;
  border-radius: 5px;
  padding: 5px 10px 5px 10px;
  margin: 0 15px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
