/*全局定义*/

*{list-style:none;margin:0;padding:0;}

html{

	overflow-y:scroll; 

	overflow-x:hidden; 

	-webkit-text-size-adjust:none; 

	_background-image:url(about:blank); 

	_background-attachment:fixed;

    -webkit-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

	font-size: 100%;

	}

body{

	background:#fff;

	width:100%;height: auto; 

	text-align:center; 

	font-size:14px; 

	line-height:200%; 

	font-family: "Microsoft YaHei", Arial,"宋体", Helvetica, sans-serif;

	word-break:break-all;color:#595c60; 

	}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,sup,sub{		

	font-family:"Microsoft Yahei"; text-align:left; font-weight:normal;

	}

fieldset,img{

	border:0

}

ul,ol,li {

	list-style:none;

}

table{

	border-collapse:collapse;

	border-spacing:0;

}

img{

	-ms-interpolation-mode: bicubic; 

	vertical-align:top;

}

input,textarea,select{

	font-family:inherit;

	font-size:inherit;

	font-weight:inherit;}

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {

    display: block;

}

audio,

canvas,

video {

  display: inline-block;

  *display: inline;

  *zoom: 1;

}

/* 链接 */	

a {

	text-decoration:none; 

	color:#595c60; 

	blr:expression(this.onFocus=this.blur()); /* IE Opera */ 

	outline:none; /* FF Opera */ 

	position:relative;

}

a:hover{

	text-decoration:none; 

	color:#573223; 

	transition:all 0.3s ease; 

	-moz-transition:all 0.3s ease; 

	-webkit-transition:all 0.3s ease; 

	-o-transition:all 0.3s ease; 

	-ms-transition:all 0.3s ease;

}

a:focus{

	-moz-outline-style: none; /* FF */

    outline: thin dotted #333;

    outline: 5px auto -webkit-focus-ring-color;

    outline-offset: -2px;

}



/* 左右悬浮 */

.f_l{

	float:left;

}

.f_r{

	float:right;

}



/* 清除悬浮 */

.clearfix {

    *zoom: 1;

}

.clearfix:before,

.clearfix:after{

	content:"."; 

	display:block; 

	height:0; 

	clear:both;

	visibility:hidden;

	}

*html .clearfix{

	height:1%;

	}

*+html .clearfix{

	height:1%;

	}

.clear{

	clear:both;

	}

	

.hidden{

	overflow:hidden}

.relative{ position:relative}

.none{

	display:none;}

/*左右对齐*/

.auto{

	margin-left:auto;

	margin-right:auto

	}

.mt10{ margin-top:10px}

.mt20{ margin-top:20px}



/* 文字颜色 */

.red,.red a{

	color:#d7000f}/* 深红 */

.White,.White a{

	color:#fff}/* 白色 */

.ff_yh{

	font-family:"Microsoft Yahei";}

.ff_arial{

	font-family:"arial";}



/* 空白间距 */

.blank20 {margin:0 auto;width:100%;height:20px;font-size:1px;overflow:hidden}

.blank10 {margin:0 auto;width:100%;height:10px;font-size:1px;overflow:hidden}





/* 页宽设定 */

.container{

	width:1200px;

	height:auto;

	margin-right: auto;

    margin-left: auto;

    *zoom: 1;

}

header{

	height:176px;

	background:#FFF /*url(bg_top.gif) repeat-x 0 0*/;

	border-bottom:4px solid #d7000f;

}

.haader{

	height:100px;

	margin-top:10px;

	position:relative

	}

.haader .logo{

	float:left;

	margin-top:34px;

	margin-left:20px;

	}

header .f_l{ margin-top:44px; }

header .f_l h2{ font-size:16px; text-indent:14px; line-height:20px;}

header .f_l p{font-size:24px; text-indent:14px; line-height:28px;}



header .topmain{ height:40px; text-align:right; position:absolute; right:0; top:10px;}

header .topmain li{ float:left; display:inline-block; position:relative}

header .topmain li a{ font-size:12px; display:inline-block; background-image:url(ico01.png); background-repeat:no-repeat; padding:0 20px 0 25px;line-height:30px;  }

header .topmain li a:hover{ background-image:url(ico01.png); background-repeat:no-repeat; }

header .topmain .dh a{ background-position:0 8px}

header .topmain .mo a{ background-position:-135px 8px}

header .topmain .wx a{ background-position:-260px 8px}

header .topmain .wb a{ background-position:-370px 8px}

header .topmain .dh a:hover{ background-position:0 -22px}

header .topmain .mo a:hover{ background-position:-135px -22px}

header .topmain .wx a:hover{ background-position:-260px -22px}

header .topmain .wb a:hover{ background-position:-370px -22px}

header .topmain li div{ display:none}

header .topmain li:hover div{ display:block; background:#FFF; border:1px solid #E3E3E3; padding:10px; 

position:absolute; left:-20px; text-align:center; z-index:999999}



header .top_tel{ height:34px; width:480px; position:absolute; right:0; top:56px;

background:#d7000f url(ico_tel.png) no-repeat 18px center; 

     border:3px solid #d7000f;

    -moz-border-radius: 20px;

    -webkit-border-radius: 20px;

    border-radius:20px;}

header .top_tel div{

	overflow:hidden;

	background:#FFF;

	margin:0 10px 0 50px;

	height:34px; 

	-moz-border-radius: 17px;

    -webkit-border-radius: 17px;

    border-radius:17px;

	line-height:34px;

	text-align:center;

	

	}

header .top_tel div b{

	color:#d7000f;

	font-size:16px;

	font-family:Arial, Helvetica, sans-serif;

	margin-left:10px;

	



	}

header .top_tel div i{

    font-style:normal

}

header .U_Number{

	position:absolute; left:0; top:30px;

	font-size:16px;

    height:36PX;

    color:#FFF;

    background:#d7000f;

    width:200PX;

    text-align:center;

    line-height:36px;
    margin-left:20px;

   }

/* 主导航

--------------------------------------------------------------------- */

#nav-wrap ul, #nav-wrap li, #nav-wrap a {

	margin: 0;

	padding: 0;

	border: none;

	outline: none;

}



/* 菜单 */

#nav-wrap {

	position: relative;

	font-size:16px;

   float: right;

   z-index: 99999;

   margin-top:10px;

  

}



/* hide toggle button */

#nav-wrap > a.mobile-btn {

   display: none;

   border-radius: 3px;

}



ul#nav {

   min-height:56px;

   width: auto;

   margin-right:0;



   /* left align the menu */

   text-align: left;

}

ul#nav li {

	position: relative;

	list-style: none;

   height:56px;

   display: inline-block;

}



/* 链接 */

ul#nav li a {



/* 8px padding top + 8px padding bottom + 32px line-height = 48px */



   display: inline-block;

   padding: 0 20px 0 30px;

   line-height: 56px;

	text-decoration: none;

	font-size:16px;

	 font-weight:bold;

   text-align: left;

   color: #484848;



	-webkit-transition: color .2s ease-in-out;

	-moz-transition: color .2s ease-in-out;

	-o-transition: color .2s ease-in-out;

	-ms-transition: color .2s ease-in-out;

	transition: color .2s ease-in-out;

}



ul#nav li a:active { background-color: transparent !important; }

ul#nav li:hover > a,

ul#nav li.current a { color: #d7000f; background-color:inherit}



/* adds down arrow */

ul#nav span:after {

 /*  width: 0;

	height: 0px;

	border: 4px solid transparent;

	border-bottom: none;

	border-top-color: #8a8383;

	content: '';

	vertical-align: middle;

	display: inline-block;

	position: relative;

	right: 0px;*/

}



/* 子菜单

----------------------------------------------------- */

ul#nav ul {

   position: absolute;

   top: 100%;

   left: 0;

	background: #d7000f;

   min-width: 100%;

	border-radius: 0 0 3px 3px;



   /* for transition effects */

   opacity: 0;

   filter: alpha(opacity=0);



	-webkit-transition: opacity .25s ease .1s;

	-moz-transition: opacity .25s ease .1s;

	-o-transition: opacity .25s ease .1s;

	-ms-transition: opacity .25s ease .1s;

	transition: opacity .25s ease .1s;

}



/* Third level sub menu

ul#nav ul ul {

	position: absolute;

	top: 0;

	left: 100%;



	border-radius: 0 3px 3px 3px;

}

*/



ul#nav ul li {

   padding: 0;

   display: block;

   text-align: center;



   /* for transition effects */

   height: 0;

	overflow: hidden;

	height:30px;



  	-webkit-transition: height .25s ease .1s;

	-moz-transition: height .25s ease .1s;

	-o-transition: height .25s ease .1s;

	-ms-transition: height .25s ease .1s;

	transition: height .25s ease .1s;

}



/*On Hover */

ul#nav li:hover > ul { opacity: 1; filter: alpha(opacity=100); }

ul#nav li:hover > ul li {

	height: 40px;

	overflow: visible;

	

   border-bottom: 1px solid #573223;

}

ul#nav li:hover > ul li:last-child  { border: none; }



/* Sub Menu Anchor links */

ul#nav ul li a {

	padding: 2px 15px;

	margin: 0;

	font-weight:normal;

	

   white-space: nowrap;

   line-height:30px;

   font-size: 14px;

   color:#FFF;

}

ul#nav ul li a:hover{ color:#f5f10f} 



footer{ border-top:1px solid #573223; width:100%;  background:#FFF;color:#9697a4}

footer a{color:#9697a4}

footer a:hover{color:#C30}

footer .bt_main{ padding:20px 0 ;}

footer .bt_main dl{ float:left; display:inline-block; padding-right:50px;}

footer .bt_main dt{ font-weight:bold;}

footer .f_r{ width:430px;}

footer .bt_simg{ width:400px; height:170px; padding-top:40px;}

footer .bt_simg div{ float:right; width:200px; text-align:center;}

footer .bt_simg div p{ text-align:center}



/*#bdshare{ height:45px; }

#bdshare a,#bdshare a:hover{ width:45PX; height:45PX; text-indent:-200px; overflow:hidden; background-image:url(ICO02.png); background-repeat:no-repeat; margin-right:10px; display:block; float:left;!important}


#bdshare .bds_tsina{ background-position:0 -46px;}
#bdshare .bds_tsina:hover{ background-position:0 0px;}

#bdshare .txwb{ background-position:-61px -46px;}
#bdshare .txwb:hover{ background-position:-61px 0px;}

#bdshare .bds_qzone{ background-position:-122px -46px;}
#bdshare .bds_qzone:hover{ background-position:-122px 0px;}

#bdshare .weixin{ background-position:-183px -46px;}
#bdshare .weixin:hover{ background-position:-183px 0px;}

#bdshare .baidu{ background-position:-243px -46px;}
#bdshare .baidu:hover{ background-position:-243px 0px;}

#bdshare .bds_qzone{ background-position:-304px -46px;}
#bdshare .bds_qzone:hover{ background-position:-304px 0px;}

#bdshare .bds_renren{ background-position:-365px -46px;}
#bdshare .bds_renren:hover{ background-position:-365px 0px;}
*/


.co_add{ border-top:1px solid #e9e9ee; padding:20px 0;}

.co_add p{text-align: center;}

.links{}

.links a{ margin:0 5px;color:#9697a4}

.kword{ padding-bottom:20px; color:#9697a4}

.kword em{ font-style:normal; margin:0 5px}



.side{

	position:fixed;

	width:70px;

	height:355px;

	right:0;

	top:260px;

	z-index:100;}

.side ul li{

	width:70px;

	height:70px;

	float:right;

	position:relative;

	border-bottom:1px solid #fff;}

.side ul li a{ display:block;}

.side ul li .sidebox{

	position:absolute;

	width:70px;

	height:70px;

	top:0;

	right:0;

	transition:all 0.3s;

	background:#d7000f;

	color:#fff;

	font:14px/70px "微软雅黑";

	overflow:hidden;}

	

.side ul li .sidetop{

	width:70px;

	height:70px;

	line-height:70px;

	display:inline-block;

	background:#d7000f;

	transition:all 0.3s;}

.side ul li .sidetop:hover{

	background:#573223;

}

.side ul li img{float:left;}



/*图片放大镜效果*/

.rebox { cursor: pointer; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; -webkit-filter: none !important;

    background: rgb(0, 0, 0); /* IE Fallback (Solid Colour) */

    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);

    background: rgba(0, 0, 0, 0.7); }

.rebox *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }

.rebox-contents { position: absolute; top: 5%; left: 5%; text-align: center; width: 90%; height: 90%; }

.rebox-contents .rebox-content { border: 5px solid #fff; box-shadow: 0 0 20px #000; border-radius: 1px; max-width: 100%; max-height: 100%; }

.rebox-loading { width: 31px; height: 31px; margin: -16px 0 0 -16px; position: absolute; top: 48%; left: 50%; }

.rebox-caption { display: none; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 1000; background: #000; background: rgba(0,0,0,0.7); }

.rebox-caption p { margin: 0 auto; max-width: 70%; display: inline-block; *display: inline; *zoom: 1; padding: 10px; color: #fff; font-size: 12px; line-height: 18px; }



.rebox-button {

	position: absolute; 

	z-index: 9999; 

	min-width: 70px; height: 70px; line-height: 70px; 

	background:#d7000f; opacity:0.4; 

    text-decoration: none; 

	font-size:50px; color: #fff; text-align: center; vertical-align: middle;

    -webkit-border-radius: 35px; 

	-moz-border-radius: 35px; 

	-ms-border-radius: 35px; 

	border-radius: 35px;

    -webkit-transition: all 0.3s; 

	-moz-transition: all 0.3s; 

	-ms-transition: all 0.3s; 

	transition: all 0.3s; }

.rebox-button:hover,

.rebox-button:focus { opacity: 1; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); }

.rebox-close { right: 10px; top: 10px; }

.rebox-next { right: 10px; top: 48%; }

.rebox-prev { left: 10px; top: 48%; }

.rebox-loading { left: 50%; top: 48%;

    -webkit-animation-name: spin; -webkit-animation-duration: 2000ms; -webkit-animation-iteration-count: infinite; 

	-webkit-animation-timing-function: linear;

    -moz-animation-name: spin; -moz-animation-duration: 2000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear;

    -ms-animation-name: spin; -ms-animation-duration: 2000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear;    

    animation-name: spin; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear;

}



@-ms-keyframes spin {

    from { -ms-transform: rotate(0deg); }

    to { -ms-transform: rotate(360deg); }

}

@-moz-keyframes spin {

    from { -moz-transform: rotate(0deg); }

    to { -moz-transform: rotate(360deg); }

}

@-webkit-keyframes spin {

    from { -webkit-transform: rotate(0deg); }

    to { -webkit-transform: rotate(360deg); }

}

@keyframes spin {

    from { transform:rotate(0deg); }

    to { transform:rotate(360deg); }

}