/*------------------public.css------------------*/
html{color:#484848;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;font-family: 微软雅黑, 'Microsoft YaHei';}
body { color:#484848;font-style:normal; font-variant:normal; font-weight:normal; line-height:1.231; font-size:14px;font-family: 微软雅黑, 'Microsoft YaHei';background-color:#f4f4f4; } 
li{list-style:none;}

/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.mt3{ margin-top:3px;}
.mt8{ margin-top:8px;}
.mt30{ margin-top:30px;}
.mb10 { margin-bottom:10px;}
.mt5{ margin-top:5px}
.ml10 { margin-left:10px;}
.mr5 { margin-right:5px;}
.mr10 { margin-right:10px;}
.mr15 { margin-right:15px;}
.mr16 { margin-right:16px;}
.mr17 { margin-right:17px;}
.mr20 { margin-right:20px;}
.p_20{ padding:20px;}
.font14 { font-size:14px; font-weight:bold;}
.black{ color:#000}
.blue{color:#18569F}
.more{font-size:12px;font-weight:normal;}
.clear{ clear:both}
.error{background:#ffe7af;}
.gright{background:#fff;}
.width_30{ width:30%}
.width_70{ width:70%}
img{border:none}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.wrap { position: relative; width: 1020px; margin: 0 auto; z-index:1;}a:focus {outline:none;}
#lightbox {PADDING-BOTTOM: 10px;BACKGROUND-COLOR: #eee;PADDING-LEFT: 10px;PADDING-RIGHT: 10px;PADDING-TOP: 10px}
#closeButton {TOP: 5px;RIGHT: 5px}
#lightbox IMG {BORDER-BOTTOM-STYLE: none;BORDER-RIGHT-STYLE: none;BORDER-TOP-STYLE: none;CLEAR: both;BORDER-LEFT-STYLE: none}
#overlay IMG {BORDER-BOTTOM: medium none;BORDER-LEFT: medium none;BORDER-TOP: medium none;BORDER-RIGHT: medium none}
#overlay {BACKGROUND-IMAGE: url(overlay.png)}
* HTML #overlay {FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");BACKGROUND-COLOR: transparent}

/* 链接 */
a, a:link{ color:#484848; text-decoration: none; }
a:visited{color:#484848;text-decoration: none;}
a:active, a:hover { text-decoration: none; color:#447bff; }
a:focus {outline: none;}

a.white{ color:#fff; text-decoration:none; }
a.white:hover,a.white:active { text-decoration:underline;}
a.white:visited { text-decoration: none; color:#fff; }
a.white:focus {outline: none;}

a.white_h, a.white_h:link{ color:#484848; text-decoration: none; }
a.white_h:visited{color:#484848;text-decoration: none;}
a.white_h:active, a.white_h:hover { text-decoration: underline; color:#E8E0D1; }
a.white_h:focus {outline: none;}

/* -- 页面整体布局 -- */
.content{ width:1020px; margin:0px auto 40px auto;}
.left{ width:230px; float:left}
.con_main{width:740px;padding:10px 10px; background-color:#fff;}
.con_main_title{width:100%;color:#447BFF;border-bottom:1px solid #ccc; vertical-align:middle; font-size:20px; padding-bottom:8px; padding-top:5px}
.con_main_title b{width:6px; height:6px; border:3px solid #447BFF; background:none; border-radius:50%; -moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-webkit-border-radius:50%; display:inline-block; margin-right:8px; vertical-align:middle}

.con_main1{width:1000px;padding:10px 10px; background-color:#fff;}
.con_main_title1{width:100%;color:#447BFF;border-bottom:1px solid #ccc; vertical-align:middle; font-size:20px; padding-bottom:8px; padding-top:5px}
.con_main_title1 b{width:6px; height:6px; border:3px solid #447BFF; background:none; border-radius:50%; -moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-webkit-border-radius:50%; display:inline-block; margin-right:8px; vertical-align:middle}

/*内页面包屑*/
.banner_con{width:100%;overflow:hidden;height:306px;background:url(banner_bg.jpg) left bottom repeat-x;}
.bnav{width:1020px;margin:15px auto 20px auto;}

/*头部开始*/
.top { width:100%; height:40px;background-color:#2a2a2a; font-size:14px}
.top .h_top { height:40px; line-height:40px; color:#fff; width:1020px; margin:0px auto}
.top .h_top .tel{background:url(tel.png) no-repeat; padding-left:22px;}
.top .h_top .fax{background:url(fax.png) no-repeat; padding-left:22px; margin-left:15px;}
.top .h_top .language{background:url(language.png) no-repeat; padding:0px 0px 5px 22px; margin-left:15px;cursor:pointer;}
.top .h_top .language:hover dl{ display:block}

.language dl{ display:none;text-align:center;background:#2a2a2a;padding:10px 25px;position:absolute; margin-left:310px; z-index:99; top:30px;}
.language dl dd{padding:0px 0px;font-size:14px; color:#808080; margin:0px 0px;height:25px; line-height:25px}

.header { width:100%; background-color:#c9d4dc; height:90px; line-height:90px;position: relative;}
.header .nav{line-height:90px; background:#c9d4dc;position: relative; z-index:9; font-size:18px;text-align:center;width: 1020px;margin:0px auto}
.header .nav a#logo{float:left; color:#000; margin-top:20px; width:88px; text-align:left; margin-right:83px}
.header .nav a#logo img{display:block; width:88px; height:50px;}
.header .nav ul{width:700px; float:right;}
.header .nav li{float:left; width:16.6%;position:relative; z-index:9999;}
.header .nav li a{border:none; display:block;color:#333; }
.header .nav li.cur a,.header .nav li a:hover,.header .nav li.on a{color:#447BFF;}
.header .nav li span.arr_t{width: 0;height: 0;border-width: 0 8px 8px 8px;border-style: solid;
border-color: transparent transparent #447BFF; position:absolute; bottom:-1px; left:50%; margin-left:-8px; display:none; z-index:9999;}
.header .nav li.cur span.arr_t{ display:block;}
.header .nav li ul{position:absolute; left:50%; margin-left:-90px; width:180px;  top:70px;  display:block; display:none; z-index:9999; background:#FFF;box-shadow:0 0 10px rgba(0, 0, 0, .3); border-top:2px solid #447BFF;}
.header .nav li.cur ul{ display:block;}
.header .nav li li{display:block; width:100%; border-bottom:1px solid #eee; position:relative; z-index:9999;}
.header .nav li li a{display:block; line-height:45px;border:none; text-align:center;  font-size:16px;}
.header .nav li.cur li a{ color:#333; background:#fff;}
.header .nav li li.a a,.header .nav li li a:hover,.header .nav li li.a li a:hover{ background:#447BFF; color:#fff;}
.header .nav li li ul,.header .nav li.cur ul ul{ position:absolute; top:0; left:330px; border:none; display:none;z-index:9999;box-shadow:0 0 10px rgba(0, 0, 0, .3);}
.header .nav li li.a ul{ display:block;}
.header .nav li li.a li a{ background:none; color:#333;}

/*--底部--*/
.footer { width: 100%; background-color: #2a2a2a;font-size:12px; text-align:center; float:left}
.footer .footb { width:1020px; margin:0 auto; text-align: center; }
.footer .foot { display: inline-block; padding-top: 10px; height: 250px; text-align: left; }
.footer .foot-left { float: left; width: 820px; height: 250px; }
.footer dl { padding-top: 20px; width: 164px; float: left; line-height: 24px; }
.footer dl dt { color: #ffffff; font-size: 18px; margin-bottom: 10px; }
.footer dl dd a { color: #b5b5b5; font-size: 14px; }
.footer dl dd a:hover { color: #fff; }

.footer .foot-right { float: left; width: 200px; }
.footer .foot-right .tel { padding-top: 60px; }
.footer .foot-right .tel span { display: block; padding: 5px 0px; font-size: 14px; color: #ebe8e3; }
.footer .foot-right .tel .icon {background:url(tel.png) no-repeat; vertical-align:middle}
.footer .foot-right .tel p { font-size:20px; color: #ebe8e3; }
.footer .copyright { line-height: 40px; color: #333; background: #fff; }

.footer .follow .code { margin-top: 18px; width: 90px; height: 90px; }
.footer .follow .btn { margin-top: 18px; }
.footer .follow a { display: inline-block; }

.footer .copyright .url { float: right; }
.footer .copyright .url a { margin-left: 22px; color: #333; float: right;}
.footer .copyright .url a:hover {color:#447BFF;}

/*首页广告*/
.banner {POSITION: relative; WIDTH: 100%; height:300px;}
.banner .ban_nav {bottom:10px;margin-right:0px;position: absolute;right: 50%;z-index: 7;}
.banner .ban_nav a.on {background:#fff;color: #fff;border:2px solid #fff;border-radius:50%; -moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-webkit-border-radius:50%;}
.banner .ban_nav a {background: none;border:2px solid #fff;color: #fff;cursor: pointer;display: inline-block;margin:0px 5px;padding:5px 5px;border-radius:50%; -moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-webkit-border-radius:50%;}
.banner .ban_c {POSITION: absolute; WIDTH: 100%; DISPLAY: none; HEIGHT: 100%; OVERFLOW: hidden; TOP: 0px; LEFT: 0px}
.banner .ban_c IMG {POSITION: absolute; WIDTH: 1920px; MARGIN-LEFT: -960px; TOP: 0px; LEFT: 50%; height:300px;}
.banner .Left,.banner .Right {}
.banner .Left {}
.banner .Left:hover {}
.banner .Right {}
.banner .Right:hover {}

/*首页产品 新闻 关于我们 联系方式*/
.index_con{ float:left; margin-top:40px; margin-bottom:20px; width:100%;}
.index_con .title{ border-bottom:1px solid #e0e0e0; font-size:16px; font-weight:bold; padding-bottom:8px; margin-bottom:15px; color:#000}
.index_con .title b{ display:inline-block; position:absolute;background:url(index.png) no-repeat; width:70px; height:16px; margin:3px 0px 0px 5px}
.index_con .title a{ text-align:right; font-size:12px; float:right; font-weight:normal; margin-top:5px;}

#featureContainer {MARGIN: 0px auto; WIDTH:1020px;}
#feature {POSITION: relative;}
#feature .prev {WIDTH:25px; DISPLAY: block; BACKGROUND: url(feature_left.gif) center top; FLOAT: left; HEIGHT:38px; position:absolute; top:60px; left:-30px}
#feature .next {WIDTH:25px; DISPLAY: block; BACKGROUND: url(feature_right.gif) center top; FLOAT: right; HEIGHT:38px;position:absolute; top:60px;right:-30px}
.featureUL {POSITION: relative;PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 2800px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 0px; LEFT: 0px}
.featureBox {WIDTH: 259px;FLOAT: left; HEIGHT:169px; OVERFLOW: hidden;}
#botton-scroll {Z-INDEX: 0; MARGIN: 0px auto; WIDTH:1020px; FLOAT: left; HEIGHT: 169px;}
#block {Z-INDEX: 0;POSITION: relative;MARGIN: 0px auto;WIDTH:1020px;OVERFLOW: hidden;}
#block .box {WIDTH: 220px;FLOAT: left; HEIGHT:147px; border:1px solid #ccc;box-shadow: 0 0 8px #000; margin:10px;}
#block .box img{WIDTH: 220px;HEIGHT:147px;}

.index_p{ width:100%; float:left; margin-top:10px;}
.index_p>li{WIDTH: 240px;HEIGHT:160px; border:1px solid #ccc;box-shadow: 0 0 4px #000; margin-bottom:40px; text-align:center;}
.index_p li img{WIDTH: 240px; height:160px; margin-bottom:5px}

.index_n{ float:left; margin-top:10px; margin-bottom:40px; width:360px;}
.index_n .title{ border-bottom:1px solid #e0e0e0; font-size:16px; font-weight:bold; padding-bottom:8px; margin-bottom:15px; color:#000}
.index_n .title b{ display:inline-block; position:absolute;background:url(index.png) no-repeat -73px 0px; width:37px; height:16px; margin:3px 0px 0px 5px}
.index_n .title a{ text-align:right; font-size:12px; float:right; font-weight:normal; margin-top:5px;}
.index_n ul{ width:100%; float:left;}
.index_n ul li{ margin-bottom:10px;width:100%; float:left; border-bottom:1px dashed #ccc; padding-bottom:10px; list-style: inside}
.index_n ul li span{ float:right; color:#666}

.index_a{ float:left; margin:10px 40px 40px 40px; width:300px;}
.index_a .title{ border-bottom:1px solid #e0e0e0; font-size:16px; font-weight:bold; padding-bottom:8px; margin-bottom:15px; color:#000}
.index_a .title b{ display:inline-block; position:absolute;background:url(index.png) no-repeat -112px 0px; width:74px; height:16px; margin:3px 0px 0px 5px}
.index_a .img{ border:1px solid #ccc; padding:5px;}
.index_a .desc{ height:60px; line-height:1.5em;overflow:hidden; margin-top:5px}

.index_gbook{ float:left; margin:10px 0px 40px 0px; width:280px;background:url(index_gbook.png) no-repeat right bottom; height:220px}
.index_gbook .title{ border-bottom:1px solid #e0e0e0; font-size:16px; font-weight:bold; padding-bottom:8px; margin-bottom:15px; color:#000}
.index_gbook .title b{ display:inline-block; position:absolute;background:url(index.png) no-repeat -190px 0px; width:70px; height:16px; margin:3px 0px 0px 5px}
.index_gbook dl{ margin-top:20px; width:100%; float:left;}
.index_gbook dl dt{float:left; width:30px}
.index_gbook dl dt b{ display:inline-block; width:20px; height:20px; margin:0px 0px 0px 0px;background:url(index.png) no-repeat; vertical-align:middle}
.index_gbook dl dt.tel b{ background-position:0px -19px;}
.index_gbook dl dt.fax b{ background-position:-25px -19px;}
.index_gbook dl dt.email b{ background-position:-50px -19px;}
.index_gbook dl dt.add b{ background-position:-75px -19px;}
.index_gbook dl dd{ width:240px; float:left}

/*联系我们*/
.gbook{ width:960px; border-bottom:2px solid #ddd; padding-bottom:10px; margin:20px 20px}
.gbook h3{ color:#000; font-size:18px; margin-bottom:15px; margin-top:20px;}
.gbook h4{ border-bottom:1px solid #DDDDDD; padding-bottom:10px; margin-top:30px}
.gbook span{ display:block; width:100%; margin-bottom:10px;}
.gbook1{ width:400px; border-left:1px solid #ddd; padding-left:50px; height:300px; line-height:2.2em; font-size:14px}
.gbook1 h2{ font-size:16px; color:#45382C; margin-bottom:15px}
.gbook p{margin:0px 0px 10px 0px;line-height:24px;}
.gbook span{display:block;text-align:center;line-height:30px;}

.gbook2{ width:300px;line-height:2em; font-size:14px; margin-top:10px; margin-bottom:20px; margin-left:20px;}
.gbook2 h2{ font-size:16px; color:#45382C; margin-bottom:15px}

.red_x { color:#DD3904; display:inline; font-family: 微软雅黑, 'Microsoft YaHei'; font-size:12px;}
.caigou_tab{ width:500px;}
.caigou_tab tr td{ padding-bottom:10px;}
.caigou_tab input[type=text]{ border:1px solid #ccc; height:22px; line-height:22px; padding-left:5px; font-size:12px}
.caigou_tab .text_textarea{ border:1px solid #ccc; padding-left:5px; font-size:12px; padding-top:5px;}

.gbook_img{ padding:5px; background-color:#fff; border:1px solid #ccc}
.gbook_img1{ padding:5px; background-color:#fff; border:1px solid #ccc; width:288px}

/* 按钮样式*/
.b14{ background:#447BFF; border:none; padding:3px 20px;color:#fff; cursor:pointer}
.b14:hover{background-color:#857BFF;}

/*产品页面*/
.productlist{ float:left; width:100%; margin:20px 0px 0px 0px}
.productlist li{width:235px; text-align:center; line-height:1.8em; margin-bottom:20px}
.productlist li img{ float:left; width:223px; padding:5px; border:1px solid #ccc}

/*内页左边*/
.sidebar{width:220px; float:left; background-color:#fff; padding:10px;}
.sidebar_title{font-size:24px; background:#447BFF;color:#fff; float:left; width:200px;padding:20px 0px 20px 20px}
.scx{float:left; width:220px;}
.scx li{height:40px;line-height:40px;padding-left:35px;font-size:16px;margin:10px 0px}
.scx li b{ width:4px; height:4px; border:3px solid #999; background:none; border-radius:50%; -moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-webkit-border-radius:50%; display:inline-block; margin-right:8px}
.scx li:hover,.scx li.cur:hover{ background-color:#f4f4f4;}
.scx li:hover b,.scx li.cur:hover b{ border:3px solid #447BFF;}
.scx li.cur{ background-color:#C9D4DC; color:#447BFF;}
.scx li.cur b{ border:3px solid #447BFF;}

.scx1{float:left; width:220px;}
.scx1 li{height:40px;line-height:40px;padding-left:35px;font-size:16px;margin:5px 0px}
.scx1 li b{ width:4px; height:4px; border:3px solid #999; background:none; border-radius:50%; -moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-webkit-border-radius:50%; display:inline-block; margin-right:8px}
.scx1 li:hover,.scx li.cur:hover{ background-color:#f4f4f4;}
.scx1 li:hover b,.scx li.cur:hover b{ border:3px solid #447BFF;}
.scx1 li.cur{ background-color:#C9D4DC; color:#447BFF;}
.scx1 li.cur b{ border:3px solid #447BFF;}

.scx2{float:left; width:220px; margin-top:10px}
.scx2 li{height:40px;line-height:40px;padding-left:35px;font-size:16px;margin:0px 0px}
.scx2 li b{ width:4px; height:4px; border:3px solid #999; background:none; border-radius:50%; -moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-webkit-border-radius:50%; display:inline-block; margin-right:8px}

.about_nav{ width:100%; margin:20px auto; text-align:center; border-bottom:1px dashed #ccc; float:left; padding-bottom:10px}
.about_nav li{ float:left; margin:0px 20px; font-size:16px; font-weight:bold;}
.about_nav li.cur{color:#447BFF;}

.lx{width:220px; float:left; background-color:#fff; padding:10px 10px 30px 10px; margin-top:20px;}
.lx_title{font-size:20px; color:#447BFF;float:left; width:190px;padding:5px 0px 10px 0px; border-bottom:1px solid #ddd; margin-left:10px}
.lx dl{ margin-top:20px; width:190px; float:left;margin-left:10px}
.lx dl dt{float:left; width:30px}
.lx dl dt b{ display:inline-block; width:20px; height:20px; margin:0px 0px 0px 0px;background:url(index.png) no-repeat; vertical-align:middle}
.lx dl dt.tel b{ background-position:0px -19px;}
.lx dl dt.fax b{ background-position:-25px -19px;}
.lx dl dt.email b{ background-position:-50px -19px;}
.lx dl dt.add b{ background-position:-75px -19px;}
.lx dl dd{ width:160px; float:left}

/*新闻页面*/
.newslist {overflow: hidden;width: 740px;margin:20px 0px;padding:0px;}
.newslist li.top {height:157px;margin-bottom: 15px;border-bottom: 1px dashed #efefef}
.newslist li {width: 740px;height: 36px;line-height: 36px;vertical-align: top;white-space: nowrap;text-overflow: ellipsis;border-bottom: 1px dashed #efefef; background-color:#fff; padding-bottom:15px}
.newslist li.top a.top_img {float: left;margin-right: 20px;}
.newslist li.top a.top_img img {width: 200px;height: 145px; padding:5px; border:1px solid #ccc}
.newslist li dl {float: right;width:500px;}
.newslist li dl dd {width: 480px;height: 80px;line-height: 24px;;white-space: normal;margin:0px;}
.newslist li span{ color:#666}
.newslist li dl dd p{margin:3px 0;font-size: 14px;}
.newslist li dl dt{margin:0px;padding:0px;}
.newslist li dl dt a {display: block;overflow: hidden;height: 36px;font-weight: bold;white-space: nowrap;text-overflow: ellipsis; font-size:16px}
.newslist li a.pub_tit {float: left;display: block;overflow: hidden;width: 460px;height: 36px;white-space: nowrap;text-overflow: ellipsis;background: url(../ico.html) no-repeat -11px -324px;text-indent: 12px;}

.news {width:700px;;margin:20px auto;}
.news .new_title{text-align:center;font-size:24px;line-height:50px;margin:20px auto 10px auto; color:#45382C; max-width:600px;}
.news .news_time{font-size:14px;color:#999;text-align:center; margin-bottom:10px; border-bottom:1px solid #ccc; margin-bottom:10px; padding-bottom:10px}
.news .new_nr{line-height:2em;}
.news .new_nr p{margin:15px 0px; text-indent:2em}
/*内页分页*/
.page {padding: 3px; margin:10px 20px 20px 20px; text-align: center;color:#7E5C3B; font-size:12px}
.page li{float:left;}
.page a {border: #447BFF 1px solid; padding: 2px 8px; margin: 2px; color:#447BFF; text-decoration: none;font-size:12px}
.page a:hover {border:#45382C 1px solid; color: #45382C;}
.page a:active {border:#45382C 1px solid; color: #45382C;}
.page span.current {border: #447BFF 1px solid; padding: 2px 8px; font-weight: bold; margin: 2px;background-color:#447BFF; color:#E8E0D1;}
.page span.nolink {border: #eee 1px solid; padding: 2px 8px; margin: 2px; color: #ddd;}

/*内页右边*/
.con_block{margin:15px 0px;line-height:2em;}
.con_block p{margin-bottom:15px;}
.con_block img{ text-align:center; max-width:740px;}

/* 战略伙伴 */
.photolist{width:100%; float:left; margin:20px 0px}
.photolist li{ width:130px; float:left; text-align:center;margin-bottom:20px}
.photolist li img{ width:130px; padding:0px; background-color:#fff; }

.sidekorea{ position:fixed; z-index:999999; left:2px; top:40%; }
.sidekorea img{border:3px solid #ccc; width:180px; border-radius:5px; -moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-webkit-border-radius:5px;}