﻿/*commen begin*/
body,div,p,h1,h2,h3,h4,h5,h6,span,a,em,i,table,img,th,tbody,td,tr,u,b,ul,li,ol,dl,dd,dt,input,button,textarea,lable,select,option,header,footer,section,article,aside,mark,nav,time,address{ margin:0px; padding:0px; font-weight:normal;}
h1,h2,h3,h4,h5,h6{ font-weight:normal; display:block}
em,i,mark,address{ font-style:normal;}
mark{ background:transparent;}
img{ border:0px;}
ul,li,ol{ list-style:none;}
a{ text-decoration:none; color:#555; outline:none; }
a:hover{ }
img{ border:0;}
input,select,button,textarea{ -webkit-appearance:normal;}
input,select{vertical-align:middle;}
body{word-break:break-all; font-size:12px; font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif; color:#888;}
html,body{  background:#FFF;}
table {border-collapse: collapse}

/*清楚浮动*/
.clearfix{ *zoom:1;}
.clearfix:after{ clear:both; content:" "; height:0; visibility:hidden; display:block;}
.fl{ float:left;}.fr{ float:right;}
.f_l{ text-align:left;}.f_r{ text-align:right;}.f_c{ text-align:center;}
.show{ display:block;}.hide{ display:none}
.f16{ font-size:16px;}
.f14{ font-size:14px;}
.pdtb30{ padding-top:30px; padding-bottom:30px;}
.pdt12{ padding-top:12px;}
.pdt22{ padding-top:22px;}
/*commen end*/
.comm-icon{ background-image:url(../images/icon/comm_icon.png); display:inline-block; vertical-align:middle; background-repeat:no-repeat}
.comm-w{ width:1000px;  margin:0 auto;}
.header{ height:138px; position:fixed; z-index:999; width:100%; top:0; left:0;}
.header .top{ background:#242735; height:28px; line-height:28px; text-align:right; font-size:12px; padding-right:4px;}
.header .top a{ display:inline-block; line-height:28px; padding:0 10px; color:#fff;}
.header .nav{ height:66px; padding:24px 0 20px; background:rgba(255,255,255,.9);}
.header .nav .loge{ height:66px; width:224px; float:left}
.header .nav ul{ float:right; padding-top:22px; }
.header .nav ul li{ float:left; position:relative;}
.header .nav ul li a{ display:inline-block; color:#333; font-size:14px; line-height:32px; padding:0 10px;}
.header .nav ul .down-nav{  position:absolute;*left:0; top:64px; display:none; width:100%;  }

.header .nav .down-nav .d-sanj{ border:7px solid #cbcbcb; height:0; width:0; margin:0 auto; position:absolute; left:50%; margin-left:-7px; top:-12px; display:block; border-color:transparent transparent #cbcbcb transparent ; z-index:2}
.header .nav .down-nav .sanj{ border:6px solid #FFF; height:0; width:0; margin:0 auto; position:absolute;left:50%; margin-left:-6px;  top:-10px;display:block; border-color:transparent transparent #FFF transparent;z-index:5;}
.header .nav .down-nav ul{ padding-top:0; border:1px solid #cbcbcb;background:#ffffff; position:absolute; z-index:4; width:100%; padding-top:1px; }
.header .nav ul .down-nav li{ clear:left; width:100%; border-top:1px dashed #cbcbcb; *padding:0; } 
.header .nav ul .down-icon{ position:absolute; right:0; top:15px; border:5px solid #cbcbcb; width:0; height:0; display:block; border-color:#333 transparent transparent transparent}
.header .nav ul .down-nav li:first-child{border-top:0;}
.header .nav ul .down-nav li a{ line-height:48px; padding:0; display:block; text-align:center}
.header .nav ul .down-nav li a:hover{ color:#fff; background:#2969af}
.footer{ text-align:center;}
.footer .nav{ height:18px; line-height:18px; padding:45px 0 22px;}
.footer .nav a{ font-size:15px; *font-size:14px;*line-height:18px; color:#fff; display:inline-block; vertical-align:middle; padding:0 10px;}
.footer .nav i{vertical-align: middle; height:18px; display:inline-block; width:1px; background:#FFF;}
.footer p{ font-size:15px; color:#FFF; line-height:32px;}
.footer .div_img{ padding-top:28px;}
.footer .div_img img{ padding:0 6px;}
.footer-bg{ height:230px; background:url(../images/icon/friendship_bg.jpg) repeat left top; }

@media (min-width:1200px) {
.header .top{ padding-right:7px;}
.comm-w{width:1200px;}
.header .nav ul li a{ font-size:16px; padding:0 12px;}
}