* { margin: 0; padding: 0; outline: 0; }
body, html { height: 100%; }
body {font-size: 14px;line-height: 22px;font-family: arial, sans-serif;color: #000;min-width: 980px; font-family: '宋体';}
a{text-decoration:none;color:#910A2B;}
ul,ol{ list-style-type:none;}
a { color: #C53005; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }
a.view { padding:0  15px; font-size: 13px; float: right;  }
article, aside, details, footer, header, menu, nav, section { display: block; }
input, textarea, select { font-size: 12px;}
textarea { overflow: auto; }
u{text-decoration: underline}
.cl{*zoom:1;}
.cl:after{display:block;overflow:hidden;clear:both;height:0;visibility:hidden;content:".";}

.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.shell  { width: 1200px; margin: 0 auto; }


.top-area{height:30px;background:#efefef;border-bottom:1px solid #ccc; }
.top-area .headnav{float:left;margin:2px 0 0 35px;display:inline;}
.top-area .headnav ul{position:relative;}
.top-area .headnav ul li{float:left;text-align:center;line-height:31px;}
.top-area .headnav ul li a{font-size:14px;color:#656565;display:block;margin:0 0 0 12px;text-align:center;}
.top-area .headnav ul li a:hover{color:#FF0000;font-weight:bold;} 
.top-area .headnav ul li.current{}
.top-area .headnav ul li.current a{color:#7E1615;font-weight:bold;border-bottom:2px solid #7E1615;}
.top-area .headnav ul li.end{background:none;}

.top-area .head_r{float:right;margin:0 30px 0 0;display:inline;}
.top-area .head_r ul{}
.top-area .head_r ul li{float:left;padding:0 13px 0 13px;line-height:30px;}
.top-area .head_r ul li a{font-size:13px;color:#656565;}
.top-area .head_r ul li a:hover{color:#f00;}
.top-area .head_r ul li.end{background:none;}

.pic-header{ height:89px;background:#fff;border-bottom:1px solid #E5E8ED;background: url(images/top-nav-shadow.png) no-repeat center 87px;}
.pic-header .header{width:100%;margin:0 auto;height:89px;}
.pic-header .header img{width:290px}
.pic-header h1{float:left;display:block;background:url("images/logo.png") no-repeat;margin:13px 0 0 0;}
.pic-header h1 a{display:block;text-indent:-9999px;}

.pic-nav{float:left;margin:25px 0 0 10px;display:inline;height:30px;}
.pic-nav a{display:block;float:left;height:30px;line-height:30px;padding:0 15px;font-family:Microsoft YaHei;font-size:15px;color:#656565;border-right:1px solid #DADADA;}
.pic-nav a b{display:block;color:#656565;font-family: Verdana;font-size:15px;}
.pic-nav a:hover,.pic-nav a:hover b{color:#B70002;}
.pic-nav a.active,.pic-nav a.active b{color:#B70002;}
.pic-nav a.last{border:none;}

.pic-search{height:22px;float:right;margin:25px 0 0 0;}
.pic-search .search_area{height:22px;border:#D8D7D5 1px solid;padding:2px 4px 4px 4px;width:150px;background: #e5e9ec;}
.pic-search .search_input{border:1px solid #D7D7D7;height:22px;line-height:22px;width:103px;background:#fff;float:left;color:#969696;font-size:14px;padding:0 7px}
.pic-search .search_but{color:#656565;float:left;width:30px;height:22px;background:url("images/shop_bg_2.jpg") repeat-x;font-size:14px;cursor:pointer;border:0}





#header { background: url(images/header-bg1.jpg) repeat-x 0 0; height: 450px;}

.header-inner { position: relative;  background: url(images/header-cnt.png) no-repeat center 0;  }

.header-cnt #logo { width: 397px; margin:0 0 0 -18px }
.header-cnt #logo a { height: 99px; background: url(images/logo1.png) no-repeat 0 0; text-indent: -4000px; display: block;  }
.header-cnt { width: 422px;padding:5px 0 0 0 }
.header-cnt h2 { font-size: 74px; line-height: 83px; color: #fff; text-shadow: rgba(0,0,0,0.5) 0px 1px 2px;  font-weight: bolder; } 
.header-cnt h3 { font-size: 40px; padding-bottom: 8px; line-height: 50px; font-weight: normal;  color: #fff; text-shadow: rgba(0,0,0,0.5) 0px 1px 2px;  } 
.header-cnt p { color: #fff; text-shadow: rgba(0,0,0,0.5) 0px 1px 2px; padding:0 0 0 10px;line-height:30px;}
.header-cnt p a{color:#ffffff}
.header-cnt a.blue-btn { background: url(images/btn.png) no-repeat 0 0px; position: relative; bottom: -30px; z-index: 100; width: 198px; height: 45px; text-align: center; line-height: 45px; display: block; color: #fff; text-shadow: rgba(0,0,0,0.5) 0px 1px 1px; font-size: 16px;font-weight: 700;   }
.header-cnt a.blue-btn:hover  { text-decoration: none; background-position: 0 -70px; }

.slider-holder { float: right;   background:#f7f7f7;border-radius: 2px;
-moz-box-shadow:3px 3px 8px #333333;
-webkit-box-shadow:3px 3px 8px #333333;
box-shadow:3px 3px 8px #333333;
                position: absolute; top: 25px; right: 25px; padding: 15px; z-index: 1000;}

.slider-holder .flexslider{  width: 500px; height: 350px;  overflow:hidden; position:relative; border:1px solid #ddd; }
.slider-holder .flexslider li{ zoom:1; vertical-align:middle; }
.slider-holder .flexslider img{ width: 500px; height: 350px; display:block; } 


.banner {
    background: url("images/header-bg1.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    height: 100px;
}

.main { padding: 30px 0 0px; position: relative; height: 100%; }
.main span.shadow-top { background: url(images/main-shadow.png) repeat-x 0 0;  top: 0; left: 0; position: absolute; width: 100%;  height: 46px; z-index: 20; display: block;  }
.main h2 { font-size: 16px; color: #2d2d2d; line-height: 28px;  font-weight: 600; padding-bottom: 12px; }
.main h3 { font-size: 14px; color: #828282; line-height: 22px; font-weight: normal; padding-bottom: 8px; }
.main h4 { font-size: 14px; color: #828282; line-height: 22px; font-weight:normal; padding-bottom: 8px; }
.main section { background: url(images/section-shadow.png) no-repeat 0 bottom;  }
.main section:last-of-type { }

.main .testimonial { text-align: center; padding:13px 50px 40px 50px; }
.main .testimonial p { padding-bottom: 10px; }
.main .testimonial p strong { font-size: 28px;  position: relative; top: 10px; left: -5px; }


.main .guanzhu { width:210px; float: left; margin:0 5px 0 0 ;}




.main .sidebar { width: 270px;  float: left;padding:0 10px;  border-right: 1px dashed #e6e6e6; border-left: 1px dashed #e6e6e6}
.main .sidebar ul { list-style: none; list-style-position: outside; padding:0 0 0 5px;}
.main .sidebar ul li { position: relative; padding-left: 84px; background: url(images/sidebar-list-border.png) no-repeat 0 bottom; padding-bottom: 15px; margin-bottom: -13px; min-height: 72px; }
.main .sidebar ul li .img-holder { position: absolute; top: 6px; left: 0px; width: 66px; height: 48px; padding: 2px; border: 1px solid #d7d7d6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; }
.main .sidebar ul li img { width: 66px; height: 48px; }
.main .sidebar ul li .mobile { font-style: normal; display: none; }
.main .sidebar ul li a { color: #828282; }
.main .sidebar ul li a:hover { text-decoration: none; color: #666;  }
.main .sidebar ul li p { padding-bottom: 7px; }
.main .sidebar ul li span { font-size: 10px; color: #c0c0c0; display: block; }
.main .sidebar .widget ul li.last { background: transparent; }


.main .dongtai { width: 300px; float: left; margin:0 0 0 8px;padding:0 10px;  border-right: 1px dashed #e6e6e6; border-left: 1px dashed #e6e6e6}
.main .dongtai ul { list-style: none; list-style-position: outside; padding-top: 8px;  }
.main .dongtai ul li {  padding-bottom: 5px; float:left;width:280px;margin:0 0 0 5px;border-bottom: 1px dashed #e6e6e6}
.main .dongtai ul li a { float:left;color:#828282;display:block;width:200px;}
.main .dongtai ul li a:hover { text-decoration: none; }
.main .dongtai ul li span { float:right;}
.main .dongtai img.alignleft { margin-right: 22px; }
.main .dongtai .cnt { overflow: hidden; height: 100%; }



.main .content { width: 400px; float: left; margin:0 0 0 8px;}
.main .content ul { list-style: none; list-style-position: outside; padding-top: 8px;  }
.main .content ul li {  padding-bottom: 5px; float:left;width:185px;margin:0 8px 0 5px;height:22px;line-height:22px;overflow: hidden;}
.main .content ul li a { text-decoration: underline;color:#828282 }
.main .content ul li a:hover { text-decoration: none; }
.main .content img.alignleft { margin-right: 22px; }
.main .content .cnt { overflow: hidden; height: 100%; }
.main section.blog { padding-bottom: 60px; }


html, body { height: 100%; }
#wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -286px; }

/*---------------foot-------------------*/
.wp,.warp{width:1200px;margin:0 auto;}
.w1200{width:1200px;margin:0 auto;overflow:hidden;}
.footer{width:100%;clear:both;margin:20px 0 0 0; }

.foot-nav {border-bottom: #eaeaea 1px solid; line-height: 30px}
.foot-nav a{color:#747474;padding:0 4px 0 4px;}
.foot-nav a.black{color:#000}
.foot-nav a:hover{color:#d70319}
.foot-nav a.hover{color:#d70319}

.pie {background:#fff;height:100px;}

.foot-logo {float:left;margin:20px 0px 0px 0;width:139px;height:60px;}
.foot-logo a{width:139px;height:60px;display:block;}
.foot-logo a:hover{background-position:left bottom;}

.footL{float:left;margin:20px 0 0 80px;display:inline;font-size:12px;width:280px;}
.footL p{font-size:12px;color:#828282;}
.footL span{color:#2d2d2d;font-weight:bold;font-size:11px;}

.footM {float: left;width:180px;color:#828282;margin:20px 0 0 10px;display:inline;}
.footM p {font-size:13px;}
.footM p span{display:block;margin:0 0 0 50px;}
.footM p b{color:#2d2d2d;font-weight:bold;margin:0 10px 0 0;font-size:11px;}

.qqonline{float:right;margin:20px 0 0 0;}
.qqonline ul{margin:0 0 0 0px;}
.qqonline ul li {float: left; line-height: 14px; margin:0 5px 0 0; text-align: center;font-size:12px;text-indent: -4000px;}
.qqonline ul li a {display: block; width: 34px; position: relative; height: 34px;}
.qqonline ul li a:hover {background-position:50% bottom;text-decoration:none;}
.qqonline ul li a:hover ins{display:block;left:-28px;width:95px;padding-top:20px;position:absolute;top:25px;height:85px;text-decoration:none;color:#f60;}
.qqonline ul li a:hover ins strong{display:block;color:#222;}
.qqonline ul li a.qq0 {background-image: url("images/qq_1.gif");}
.qqonline ul li a.qq1 {background-image: url("images/qq_2.gif");}
.qqonline ul li a.qq2 {background-image: url("images/qq_3.gif");}
.qqonline ul li a.qq3 {background-image: url("images/qq_4.gif");}

.normargin{margin:0 0 0 0;}

.footer p.gotop{width:auto;margin:0 auto;background:#F7F7F7;display:block;height:20px;cursor:pointer;}
.footer p.gotop span {width:45px;margin:0 auto;display:block;line-height:20px;text-align:right;font-weight:bold;text-transform:uppercase;color:#CACACA;letter-spacing:1px;font-size:9px;}
.footer p.gotop span a{font-weight:bold;font-size:0.9em;color:#000;}

.foot-down {padding:15px 0 15px 0;height:40px;background:url(images/footer-tail.gif) left top repeat-x #f2f2f2;}
.copy{width:845px;float:left;color:#626262}
.copy p{font-size:12px;font-style:500;}
.copy p a{color:#363636;}
.copy p em{margin:0 2px 0 0px;}
.copy a:hover{color:#FF6600;}

.extra{float:right;}
.extra p{width:36px;height:36px;float:left;text-indent:-9999px;cursor:pointer;position:relative;}
.extra p span{display:none;position:absolute;width:156px;height:180px;background:url("../images/wx_b.jpg") no-repeat;top:-260px;left:-60px;z-index:100;}
.extra a{width:36px;height:36px;display: block;float:left;margin:0 0 0 15px;}



.position{border-bottom:1px solid #dddddd}
.position div{overflow:hidden;width:1200px;text-align:left;margin:0 auto;color: #000;font-size: 14px;line-height: 40px;font-family:"Microsoft YaHei","微软雅黑","SimSun","宋体";background: url("../images/p.png") no-repeat  -5px 10px;} 
.position  div span,.position div a{color:#000;font-size: 14px;}

.warp_left{float:left;width:780px;background:#fff;padding:20px;font-family: "宋体",Arial,sans-serif;}
.warp_right{float:right;width:350px;min-height:600px;border-bottom:0;}

.list_title{height:40px;overflow:hidden;border-bottom: 1px solid #dedede;}
.list_title h3{float:left;font-size: 18px;font-weight: bold;height: 40px;line-height: 40px;margin-bottom: 8px;text-indent: 4px;width: 100%;color:#333;font-family:"Microsoft YaHei","微软雅黑","SimSun","宋体";}
.list_title  a.more {color: #333;float: right;font-size: 12px; font-weight: normal; height: 40px;  line-height: 40px; padding: 0 2px 0 0;}


.warp_list li{border-bottom: 1px solid #ccc;width: 100%;margin:0;clear:both;height:40px;line-height:40px;}
.warp_list li a{float:left;color:#555;font-family: "Microsoft YaHei","微软雅黑","SimSun","宋体";}
.warp_list li span{color: #555; float: right; font-size: 12px;text-align: center;width: 90px;}


.c_title{text-align:center;margin:10px 0 30px 0;border-bottom:1px solid #ccc;padding-bottom:5px;}
.c_title h1{font-weight:bold;margin-bottom:10px;font-size:18px;color:#000000}
.c_content{width:600px;word-break:break-all; color: #515050;font-size: 14px;line-height: 28px;}
.c_content p{padding:10px 0}

pre {
    background: #a3a2a2 none repeat scroll 0 0;
    font-family: "Courier New",monospace;
    font-size: 12px;
    margin: 0 0 1em;
    overflow: auto;
    width: 99%;
}
pre ol, pre ol li, pre ol li span {
    border: medium none;
    list-style-type: decimal;
    margin: 0;
    padding: 0;
}
pre a, pre a:hover {
    background: #000000 none repeat scroll 0 0;
    border: medium none;
    margin: 0;
    padding: 0;
}
pre ol {
    background: #efefef none repeat scroll 0 0;
    border-left: 3px solid #cccccc;
    color: #5c5c5c;
    list-style: outside none decimal;
    margin: 0 0 1px 3em !important;
    padding: 5px 0;
}
pre ol li {
    color: #5c5c5c;
    line-height: 1.3em;
    list-style-image: none;
    list-style-position: outside !important;
    list-style-type: decimal-leading-zero;
    margin: 0 !important;
    padding: 0 3px 0 10px !important;
}
pre ol li.alt {
    color: black;
}
pre ol li span {
    background-color: inherit;
    color: black;
}
pre .comment, pre .comments {
    background-color: inherit;
    color: #008200;
}
pre .string {
    background-color: inherit;
    color: blue;
}
pre .keyword {
    background-color: inherit;
    color: #069;
    font-weight: bold;
}
pre .preprocessor {
    background-color: inherit;
    color: gray;
}
pre .dp-xml .cdata {
    color: #ff1493;
}
pre .dp-xml .tag, pre .dp-xml .tag-name {
    color: #069;
    font-weight: bold;
}
pre .dp-xml .attribute {
    color: red;
}
pre .dp-xml .attribute-value {
    color: blue;
}
pre .dp-sql .func {
    color: #ff1493;
}
pre .dp-sql .op {
    color: #808080;
}
pre .dp-rb .symbol {
    color: #a70;
}
pre .dp-rb .variable {
    color: #a70;
    font-weight: bold;
}
pre .dp-py .builtins {
    color: #ff1493;
}
pre .dp-py .magicmethods {
    color: #808080;
}
pre .dp-py .exceptions {
    color: brown;
}
pre .dp-py .types {
    color: brown;
    font-style: italic;
}
pre .dp-py .commonlibs {
    color: #8a2be2;
    font-style: italic;
}
pre .dp-j .annotation {
    color: #646464;
}
pre .dp-j .number {
    color: #c00000;
}
pre .dp-delphi .number {
    color: blue;
}
pre .dp-delphi .directive {
    color: #008284;
}
pre .dp-delphi .vars {
    color: #000;
}
pre .dp-css .value {
    color: black;
}
pre .dp-css .important {
    color: red;
}
pre .dp-c .vars {
    color: #d00;
}
pre .dp-cpp .datatypes {
    color: #2e8b57;
    font-weight: bold;
}

.codebox_title{background: none repeat scroll 0 0 #ffffcc;
    border: 1px solid #06c;
    color: #333;
    line-height: 20px;
    margin:0 3px 0 3px;
    padding: 0 10px;
    border-bottom:none;
    word-wrap:break-word
    }
.codebox {
    background: none repeat scroll 0 0 #ffffcc;
    border: 1px solid #06c;
    color: #333;
    line-height: 20px;
    margin:0 3px 3px 3px;
    padding: 10px;
    word-wrap:break-word
}

.contactbox {
    height: 280px;
    padding: 20px;
    width: auto;
    border-bottom:1px solid #ccc;
  
}
.contactbox h5 {
    color: #941030;
    font-family: Arial;
    font-size: 16px;
    margin: 0 0 15px 3px;
}
.contactbox h6 {
    color: #686868;
    font-family: Microsoft YaHei;
    font-size: 13px;
    margin: 0 0 15px 3px;
}
.contactbox p {
    color: #666;
    font-size: 13px;
    line-height: 21px;
    margin: 0 0 0 3px;
}
.contactbox p.p {
    color: #666;
    margin: 25px 0 0 3px;
}
.contactbox .qq {
    background: url("images/qq.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 67px;
    margin: 5px 0 0;
    width: 230px;
}
.contactbox .qq a {
    color: #2c6088;
    display: block;
    height: 80px;
    width: 272px;
}
.contactbox .qq h4 {
    font-size: 15px;
    padding: 16px 0 0 100px;
}
.contactbox .qq p {
    font-size: 13px;
    margin: 0 0 0 80px;
}



.pages{width:100%;text-align:center;height:28px;margin:34px auto 45px;}
.pages ul{padding:0 3px 10px 0;margin:15px auto 0;display:inline-block; *display:inline;}
.pages ul li{float:left;margin:0 2px;line-height:24px;height:24px;border:1px solid #b8b8b8;}
.pages ul li a,.pages ul li span{color:#b8b8b8;padding:5px 10px;}
.pages ul li a:hover,.pages ul li a.hover{color:#fff;background:#b0261f;border:0}
.pages ul li.selected{background:#b0261f;border:0}
.pages ul li.selected a{color:#fff}