/*  
Theme Name: xianfeng
Theme URI: http://www.oubuy-gz.cn
Description: 因为专注，所以专业
Version: 1.0
Author:浩然
Author URI: http://www.oubuy-gz.cn
*/

@charset "utf-8";

/* Style Reset*/
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, h1, h2, h3 { margin: 0px; padding: 0px; font-size: 12px; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; }
ul, li, dl, dt, dd, ol { display: block; list-style: none outside none; }
img { border: 0px none; }
a { text-decoration: none; outline: 0px none; }
.fr { float: right; }
.fixed { position: fixed; width: 127px; height: 43px; right: 55%; top: 364px; margin-right: -680px; z-index: 999; }
.fixed a { display: block; width: 55px; height: 53px; }
.fixed a.backup { background: url('images/totop.png') no-repeat scroll 0% 0% transparent; height: 43px; width: 127px; }
.banner { width: 100%; height: 400px; position: relative; overflow: hidden; }
.banner img { display: block; margin: 0px auto; }
.banner .num { overflow: hidden; height: 15px; position: absolute; bottom: 21px; left: 43%; z-index: 3; }
.banner .num li { width: 67px; height: 10px; background: none repeat scroll 0% 0% rgb(56, 137, 199); margin-right: 10px; cursor: pointer; float: left; font-size: 0px; overflow: hidden; }
.banner .num li.on { background: none repeat scroll 0% 0% rgb(248, 70, 83); }
.top { width: 980px; height: 120px; margin: 0px auto; overflow: hidden; }
.h_con { overflow: hidden; }
.h_con .logo { margin-top: 19px; float: left; border-right: 1px solid rgb(216, 216, 216); padding-right: 5px; }
.inwzbt { margin-top: 19px; float: left; margin-left: 20px; }
.wzbtttt { font-size: 27px; font-family: "microsoft yahei"; color: rgb(27, 111, 176); margin-top: 2px; font-weight: inherit; }
.wzbtmss { font-size: 18px; color: rgb(56, 137, 199); margin-top: 8px; font-family: "microsoft yahei"; }
.h_pho { margin-top: -82px; font-family: "microsoft yahei"; font-size: 14px; color: rgb(0, 0, 0); background: url('images/h_pho.png') no-repeat scroll left 2px transparent; padding: 0px 0px 10px 60px; }
.h_pho span { color: rgb(56, 137, 199); display: block; font: 24px/36px "impact"; }
.nav_bg { width: 100%; height: 45px; background: none repeat scroll 0% 0% rgb(56, 137, 199); }
.nav { width: 980px; margin: 0px auto; height: 45px; }
.nav li { width: 108px; height: 45px; position: relative; float: left; z-index: 22; text-align: center; }
.nav li a { display: block; width: 108px; height: 45px; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font: 15px/45px "microsoft yahei"; color: rgb(255, 255, 255); }
.nav li:hover { background: none repeat scroll 0% 0% rgb(248, 70, 83); }
.nav li .sub-menu { background: none repeat scroll 0% 0% rgb(248, 70, 83); position: absolute; top: 45px; left: 0px; width: 108px; display: none; }
.nav li .sub-menu li { height: 40px; line-height: 40px; font-size: 14px; border-top: 1px solid rgb(247, 89, 101); }
.nav li .sub-menu li a { line-height: 40px; }
.marquee_bg { width: 100%; background: none repeat scroll 0% 0% rgb(56, 137, 199); height: 40px; margin-bottom: 33px; overflow: hidden; }
.marquee { width: 980px; height: 40px; margin: 0px auto; overflow: hidden; }
.mar_title { float: left; width: 130px; height: 40px; padding-right: 6px; background: url('images/marquee.jpg') no-repeat scroll 6px center transparent; text-align: right; font: 16px/40px "microsoft yahei"; color: rgb(255, 255, 255); }
.marquee marquee { float: left; width: 506px; height: 40px; overflow: hidden; font: 14px/40px "microsoft yahei"; color: rgb(255, 255, 255); margin-right: 20px; }
.search { width: 313px; height: 30px; overflow: hidden; margin-top: 5px; float: right; }
.text { width: 258px; float: left; font: 14px/20px 'microsoft yahei'; color: rgb(231, 231, 231); text-indent: 15px; height: 20px; padding: 5px 0px; border: 0px none; background: none repeat scroll 0% 0% rgb(60, 60, 60); }
.btn { float: left; background: url('images/search.jpg') no-repeat scroll center center rgb(51, 51, 51); width: 55px; height: 30px; border: 0px none; cursor: pointer; }
.content { width: 980px; height: auto; overflow: hidden; margin: 0px auto; }
.left { float: left; width: 238px; height: auto; overflow: hidden; }
.left_title1 { width: 238px; height: 56px; background: url('images/lefttitle.jpg') no-repeat scroll 67px center rgb(56, 137, 199); font: 700 16px/56px "microsoft yahei"; color: rgb(255, 255, 255); text-align: center; text-indent: 4px; overflow: hidden; }
.left_nav { width: 238px; height: auto; overflow: hidden; background: none repeat scroll 0% 0% rgb(230, 230, 230); padding: 20px 0px 16px; margin-bottom: 15px; }
.left_nav li a { display: block; width: 214px; height: 37px; overflow: hidden; text-align: center; background: url('images/leftli1.jpg') no-repeat scroll 0px -44px transparent; font: 14px/37px "microsoft yahei"; color: rgb(102, 102, 102); margin: 0px auto 7px; }
.left_nav li a:hover, .left_nav li li a:hover, .left_nav li a.hover, .left_nav li li a.hover { background-position: 0px 0px; color: rgb(255, 255, 255); }
.left_contact { width: 238px; background: url('images/contact.jpg') no-repeat scroll 0px center rgb(56, 137, 199); height: auto; min-height: 92px; overflow: hidden; margin-bottom: 22px; padding: 17px 0px 14px; }
.left_tel { width: 182px; height: auto; overflow: hidden; margin: 0px auto; padding-left: 22px; background: url('images/left_tel.png') no-repeat scroll 0px 8px transparent; font: 20px/36px "impact"; color: rgb(255, 255, 255); }
.left_map { width: 182px; height: auto; overflow: hidden; margin: 0px auto; padding-left: 22px; background: url('images/left_map.png') no-repeat scroll 0px 6px transparent; font: 14px/28px "microsoft yahei"; color: rgb(255, 255, 255); }
.left_title2 { width: 238px; height: 62px; overflow: hidden; background: none repeat scroll 0% 0% rgb(56, 137, 199); text-indent: 24px; color: rgb(255, 255, 255); }
.left_title2 span { font: 700 16px/62px "microsoft yahei"; }
.left_title2 font { font: 14px/62px "microsoft yahei"; color: rgb(226, 234, 241); text-transform: uppercase; }
.left_news { width: 232px; height: auto; overflow: hidden; border-right: 3px solid rgb(226, 226, 226); border-width: 0px 3px 3px; border-style: none solid solid; border-color: -moz-use-text-color rgb(226, 226, 226) rgb(226, 226, 226); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; padding-bottom: 27px; margin-bottom: 26px; }
.left_news li { width: 210px; margin: 0px auto; background: url('images/icons1.jpg') no-repeat scroll 1px center transparent; text-indent: 16px; font: 14px/47px "microsoft yahei"; color: rgb(102, 102, 102); border-bottom: 1px dotted rgb(184, 184, 184); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.left_news li a { color: rgb(102, 102, 102); }
.right { float: left; width: 704px; padding-left: 36px; height: auto; overflow: hidden; }
.right_title { width: 100%; height: 37px; border-bottom: 1px solid rgb(219, 219, 219); }
.right_name { float: left; font: 700 16px/22px "microsoft yahei"; color: rgb(26, 108, 170); height: 37px; border-bottom: 1px solid rgb(248, 70, 83); padding: 0px 8px; }
.right_name font { font: 14px/22px "microsoft yahei"; color: rgb(151, 151, 151); margin-left: 8px; text-transform: uppercase; }
.right_more { float: right; font: 14px/22px "microsoft yahei"; color: rgb(183, 183, 183); margin-right: 16px; }
.product { width: 714px; height: auto; overflow: hidden; padding-top: 22px; }
.product li { width: 238px; float: left; height: 248px; overflow: hidden; }
.product li a { display: block; width: 220px; height: 203px; border: 1px solid rgb(56, 137, 199); overflow: hidden; position: relative; background: none repeat scroll 0% 0% rgb(56, 137, 199); color: rgb(255, 255, 255); }
.product li a img { display: block; max-width: 100%; }
.product li a span { display: block; width: 200px; padding: 9px 10px 7px; height: 42px; overflow: hidden; font: 14px/21px "microsoft yahei"; color: rgb(255, 255, 255); }
.product li a img.new { position: absolute; right: 12px; top: 13px; }
.product li a:hover { border-color: rgb(248, 70, 83); color: rgb(255, 255, 255); }
.product li a:hover span { background: none repeat scroll 0% 0% rgb(248, 70, 83); color: rgb(255, 255, 255); }
.right_about { width: 100%; height: auto; overflow: hidden; }
.right_about_con { width: 100%; height: 249px; overflow: hidden; margin-top: 24px; font: 14px/28px "microsoft yahei"; color: rgb(102, 102, 102); }
.right_about_con p { font: 14px/28px "microsoft yahei"; color: rgb(102, 102, 102); text-indent: 2em; }
.right_about_con div { width: 219px; height: 229px; overflow: hidden; float: right; margin-left: 44px; }
.right_about_con div a { display: block; width: 219px; height: 38px; font: 14px/38px "microsoft yahei"; color: rgb(133, 133, 133); text-align: center; background: none repeat scroll 0% 0% rgb(64, 64, 64); }
.right_about_con .aboutpic:hover a { background: none repeat scroll 0% 0% rgb(56, 137, 199); color: rgb(255, 255, 255); }
.i_case_title { width: 980px; height: 37px; margin: 0px auto; }
.i_case_bg { width: 100%; background: none repeat scroll 0% 0% rgb(255, 255, 255); overflow: hidden; }
.i_case { width: 980px; margin: 0px auto; overflow: hidden; }
.i_case ul { width: 980px; overflow: hidden; padding-top: 38px; }
.i_case ul li { width: 245px; height: 270px; float: left; overflow: hidden; }
.i_case ul li a { display: block; width: 220px; height: 235px; border: 7px solid rgb(255, 255, 255); overflow: hidden; margin: 0px auto; background: none repeat scroll 0% 0% rgb(255, 255, 255); }
.i_case ul li a span.i_case_title, .case li a span.i_case_title { display: block; width: 220px; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; height: 22px; padding-top: 10px; font: 14px/22px "microsoft yahei"; color: rgb(102, 102, 102); }
.i_case ul li a span.i_case_date, .case li a span.i_case_date { display: block; width: 220px; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; height: 16px; font: 12px/16px "microsoft yahei"; color: rgb(167, 167, 167); text-transform: uppercase; }
.i_case ul li a:hover, .case li a:hover { background: none repeat scroll 0% 0% rgb(248, 70, 83); border-color: rgb(248, 70, 83); }
.i_case ul li a:hover span.i_case_title, .i_case ul li a:hover span.i_case_date, .case li a:hover span.i_case_title, .case li a:hover span.i_case_date { color: rgb(255, 255, 255); }
.links { width: 980px; height: 62px; margin: 10px auto; background: url('images/links.jpg') no-repeat scroll 5px center transparent; text-indent: 39px; font: 14px/62px "microsoft yahei"; color: rgb(102, 102, 102); overflow: hidden; }
.foot_nav_bg { width: 100%; height: 40px; background: none repeat scroll 0% 0% rgb(51, 51, 51); overflow: hidden; }
.foot_nav { width: 980px; height: 40px; margin: 0px auto; overflow: hidden; text-align: center; font: 14px/40px "microsoft yahei"; color: rgb(255, 255, 255); }
.foot_nav a { color: rgb(255, 255, 255); margin: 0px 20px; }
.foot_box { width: 980px; height: 120px; margin: 0px auto; position: relative; overflow: hidden; }
.foot { width: 980px; overflow: hidden; margin: 20px auto 0px; text-align: center; }
.foot p { width: 100%; text-align: center; font: 14px/28px "microsoft yahei"; color: rgb(102, 102, 102); }
.foot-nav li { display: inline; font-size: 14px; color: rgb(111, 111, 111); }
.foot-nav li a { font-size: 14px; }
.clearfix a { cursor: pointer; }
.clzxkf { position: fixed; width: 127px; height: 210px; right: 55%; margin-right: -680px; top: 160px; background: url('images/kefuzx.png') no-repeat scroll 0% 0% transparent; }
.zixunqq { width: 127px; height: 43px; display: block; margin-top: 112px; }
.zixundh { margin-top: 3px; color: rgb(255, 255, 255); font: 14px/43px "microsoft yahei"; padding-left: 32px; height: 43px; }
.fast{float:right;font:12px/32px "microsoft yahei";color:#4a4a4a;}
.fast b{font-weight:inherit;float:left}
.fast .breadcrumbs{list-style:none;padding:0;margin:0;float:left}
.fast .breadcrumbs li{float:left;margin:0 5px 0 0;padding:0;font-size:12px;line-height:32px}
.fast .breadcrumbs li a{color:#4a4a4a;line-height:32px}
.cp_conter{margin-top: 30px; height:230px;}
.cppic{width:330px;float:left;margin-left:25px}.cpinfo{float:right;width:340px}.cpindox{width:100%;float:left;margin-bottom:20px;padding-bottom:10px;border-bottom:1px dashed #d5d5d5;font:14px/30px "microsoft yahei"}.cpindox span{float:left;color: #5D9CEC;font-weight:bold;margin-right:10px;line-height:30px}.cpinfoshuc{font-size:14px;line-height:30px;float:left}.cpinfoshuc h2{font-weight:inherit;font:14px/30px "microsoft yahei";margin:0}.cpxxmsbox{margin-top:30px}.cpxxmsbox h3{font:18px/30px "microsoft yahei";border-bottom:1px solid #dbdbdb;margin-bottom:20px;height:37px}.cpxxmsbox h3 span{color: #5D9CEC;border-bottom: 1px solid #5D9CEC;height:37px;display:block;width: 110px;text-align: left;}.cpxxmsbox h3 span font{font:14px/22px "microsoft yahei";color:#979797;margin-left:8px;text-transform:uppercase}.cpxxmsbox p{width:100%;padding:12px 0;font:14px/30px "microsoft yahei";color:#666;height:auto;overflow:hidden}.cpxxmsbox p img{max-width: 740px;height:auto}.cp_conter{margin-top: 30px;}
.contactleft{width:234px;border:1px solid #dbdada;margin-top:20px;}
.conleft_title{ width:220px; height:29px;overflow:hidden;background:url(images/leftcon_bg.jpg) right bottom no-repeat;color: #5D9CEC;font-size:12px;padding-left:14px; line-height: 29px; border-bottom: 1px solid #D3D3D3;}
.conleft_title span{ width:120px; height:29px;display:block;float:right; text-align:right; color:#fff; font-size:18px; line-height:29px;}
.conleft_list{padding-bottom: 25px;}
.conleft_list span{font-size:26px; width:234px;height:45px; display:block; line-height:45px; color: #5D9CEC;font-family:impact; text-align: left;text-indent: 12px;padding-top: 15px;padding-bottom: 10px;}
.conleft_list dl{width:234px; display:block;clear:both;}
.conleft_list dl dt,.conleft_list dl dd{font-size:14px; color:#666666; line-height:24px;}
.conleft_list dl dt{ width:45px; float:left; padding-left:14px;}
.conleft_list dl dd{width:165px; float:left;}
.main{ width:1000px; margin:0 auto;padding-top:24px; padding-bottom:20px;}
.left_main{ width:236px; float:left}
.procla_title{width:236px; height:58px;font-size:24px; line-height:58px;color:#fff; background: url(images/procla_bg.jpg) center bottom no-repeat #5D9CEC; text-align:center; padding-bottom:10px;}
.procla_list{ width:234px; border:1px solid #dbdada; border-top:none;border-bottom:none; background:#f5f5f5;}
.procla_list ul li{ width: 234px;  display:block;  line-height:45px; background:url(images/arrow.jpg) 30px 18px no-repeat; font-size:14px; color:#000; text-indent: 44px; border-bottom: 1px solid #dbdada;}
.procla_list a{font-size:14px; color:#000; }
.procla_list ul  ul{ display:none; }
.procla_list ul li .sub-menu{}
.procla_list ul  ul li{width: 234px; height:45px;  line-height:45px; background:url(images/arrow.jpg) 45px 18px no-repeat; font-size:14px; color:#000; text-indent: 59px; border-top: 1px solid #dbdada;border-bottom: none;}
.mainConTitle{width:744px; height:50px; background:url(images/index_06.jpg) left bottom repeat-x;}
.mainConTitle .title{display:block; float:left;font-size:24px;color: #5D9CEC; line-height:30px; border-bottom: 3px solid #5D9CEC; padding-bottom:17px;}
.mainConTitle .position{display:block; float:right; color:#666; line-height:40px;}
.mainConTitle .position a{color:#666;}
.mainConTitle .position a:hover{color:#23a682}
.xiangguan{margin-top:30px;margin-bottom:40px}.xiangguan h3{font:18px/30px "microsoft yahei";border-bottom:1px solid #dbdbdb;margin-bottom:20px;height:37px}.xiangguan h3 span{color: #5D9CEC;border-bottom: 1px solid #5D9CEC;height:37px;display:block;text-align: left;float:left}.xiangguan h3 span font{font:14px/22px "microsoft yahei";color:#979797;margin-left:8px;text-transform:uppercase}.cat_related{width:720px}.cat_related li{float:left;width:160px;margin-right:20px;margin-bottom:20px}.xgcpmz{background: #5D9CEC;height:30px;width:160px;overflow:hidden}.xgcpmz a{color:#fff;display:block;font:14px/30px "microsoft yahei";padding-left:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cpwzlili:hover .xgcpmz a{background: #4581CE;}.cat_related li:hover img{filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7;opacity:.7}.back{float:right;color:#999;font-size:14px;margin-top:5px}.cat_li{margin-top:-10px}.cat_li li{width:100%;float:left;border-bottom:1px dashed #ccc;line-height:48px;height:40px}.cat_li li a{color:#666;float:left;font-size:12px;max-width:640px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cat_li li span{float:right;font-size:12px;width:70px}
.right_con p {font-size: 14px; color: #666666; line-height: 30px; padding-bottom: 20px;}
/*新闻页面样式*/
.wzzz_con {padding: 20px 10px; line-height: 30px;font-size: 14px;color: #666666;}
.wzzz_con h2{width: 100%; 	text-align: center; font-size: 22px;color: #000000;font-weight: bold;}
.wzzz_con.con{ padding: 20px 10px;line-height: 30px;font-size: 14px;color: #666666;}
.wzzz_conh2 { font-weight: bold; font-size: 16px; width: 240px; margin: 0px auto;}
.date{ width: 200px; margin: 0px auto;}
.news li { margin: 10px auto; color: black; height: 30px; line-height: 30px; background: url(images/index_33.png) left bottom repeat-x;}
.news li a{ color:#000; font-size:14px;}
.news li a:hover {color:#3889c7;}
.news li span{ float:right; color:#999;}
ul.dxseo-rl-items {margin-top: -10px; height: 100px;}
li.dxseo-rl-item { width: 50%;float: left;border-bottom: 1px dashed #ccc;line-height: 48px;height: 40px;}
/*页脚*/
.page_navi{width:100%;height:34px;line-height:34px;text-align:center;overflow:hidden;padding-top:10px;position:relative;background:#f4f4f4;border-top:1px solid #e8e8e8;margin-top: 30px;margin-bottom: 30px;}.page_navi a{display:inline-block;margin-right:8px;height:24px;line-height:24px;padding:0 8px;background:#e4e5e1;color:#626262;font-size:14px}.page_navi a:hover,.page_navi .current{color:#fff;background: #5D9CEC url(images/jb.png) no-repeat center top;text-decoration:none}.page_navi .page-numbers{position:absolute;top:5px;left:15px;letter-spacing:1px;font-family:"microsoft yahei";color:#424242}