@charset "utf-8";
/*
    Document   : CSS样式初始化
    Created on : 2016.7.23
    Author     :
    Description:
        CSS样式表的初始化，全局样式设置。部分样式属性请根据具体页面重置其属性
        导入方式：<link href="css/common.css" rel="stylesheet" type="text/css" />
*/
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}  /* 初始化标签在所有浏览器中的margin、padding值 */
fieldset,img{border:0 none;}  /* 重置fieldset（表单分组）、图片的边框为0*/
dl,ul,ol,menu,li {list-style:none;list-style-type: none;}   /* 重置类表前导符号为onne,menu在HTML5中有效 */
blockquote, q {quotes: none}   /* 重置嵌套引用的引号类型 */
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}  /* 重置嵌套引用*/
input,select,textarea,button {vertical-align:middle}  /* 重置表单控件垂直居中*/
button {border:0 none;background-color:transparent;cursor:pointer}  /* 重置表单button按钮效果 */
body {background:#fff}   /* 重置body 页面背景为白色 */
body,th,td,input,select,textarea,button {line-height:1 ;font-family:"微软雅黑", "黑体","宋体";} /* 重置页面文字属性 */
a {color:#666;text-decoration:none;}  /* 重置链接a标签 */
a:active, a:hover {text-decoration:none;}   /* 重置链接a标签的鼠标滑动效果 */
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}  /* 重置样式标签的样式 */
caption {display:none;}    /* 重置表格标题为隐藏 */
table {border-collapse:collapse;border-spacing:0;table-layout:fixed;}    /* 重置table属性 */
img{vertical-align:top}  /* 图片在当前行内的垂直位置 */
.clearfix{
	clear: both;
}
/*top css*/
.topbox{
	width: 100%;
	position: absolute; 
	z-index: 20;
	border-top:4px solid #bc101a;
	background: url(../img/headbg.png) repeat-x left top;
	box-shadow: 0 2px 2px rgba(0,0,0,0.3);
	height: 158px;
}
.topbox .logo{
	display: block;
	float: left;
}
.tel{
	font-size: 24px;
	float: right;
	margin-top: 20px;
}
.tel img{
	float:left;
}
.tel span{
	margin-left: 10px;
	display: block;
	color: #c80c0c;
	font-weight: bold;
	float: left;
	line-height: 15px;
	margin-top: 10px;
}
.mFocus_bg { height: 800px; width: 100%; position: relative; left: 0px; top: 0px; overflow: hidden; }
.mFocus_bg *{ transition:none;}
.mFocus { height: 800px; width: 1920px; position: absolute; left: 50%; top: 0px; margin-left: -960px; }
.mFocus .hd { position: absolute; left: 904px; bottom: 26px; height: 18px; z-index: 2; }
.mFocus .hd ul li { background: url(../img/fs_ico2.png) no-repeat; float: left; height: 18px; width: 18px; margin-right: 29px; cursor: pointer; }
.mFocus .hd ul .on { background: url(../img/fs_ico1.png) no-repeat; }
.mFocus .bd ul li { height: 800px; width: 1920px; }
.header { width: 100%; border-top: 3px solid #BC101A; position: absolute; z-index: 20; height: 158px; background: url(../img/headbg.png) repeat-x left top; box-shadow: 0 2px 2px rgba(0,0,0,0.3); }
.headBox { height: 158px; width: 1200px; position: absolute; left: 50%; top: 0px; margin-left: -600px; }
.headTop { height: 115px; }
.logo { float: left; margin-top: 15px; }
.headR { float: right; width: 622px; }
.hSerbox { float: left; height: 33px; width: 339px; background: #FFF; border: 1px solid #DBE2E5; margin-top: 39px; position: relative; background:rgba(255,255,255,0.6); }
.hSerInt { height: 33px; width: 294px; border-width: 0px; border-style: none; position: absolute; left: 10px; top: 0px; font: 14px/32px "微软雅黑"; color: #666; background: none; }
.hSerBtn { background: url(../img/serBtn.png) no-repeat; position: absolute; top: 6px; right: 10px; border-width: 0px; border-style: none; cursor: pointer; height: 22px; width: 22px; }
.head_tel { float: right; height: 54px; width: 178px; background: url(../img/tel.png) no-repeat left top; margin-top: 27px; padding-left: 61px; line-height: 22px; font-size: 14px; color: #444; }
.head_tel span { color: #bc111a; line-height: 30px; height: 30px; display: block; font-size: 26px; }

.navbox{
	margin-top: 12px;
}
.navbox ul li a{color: black;transition: all 0.6s;text-decoration: none;}
.navbox ul li a:hover{
	color: red;
	transition: all 0.6s;
}
.navbox ul li { margin-right: 64px; float: left; position: relative; height: 40px; padding-top: 3px; }
.navbox ul li:last-child{margin-right:0;}
.nav_a { line-height: 36px; height: 36px; font-size: 14px; color: #333; display: inline-block; padding: 0px 18px; transition:none; }
.nav_a:hover, .nav_cuta, .nav_hova {}
.subNav { background: url(../img/head_bg1.png) repeat; padding: 2px 0px; width: 100%; position: absolute; top: 40px; left: 0px; display: none; }
.subNav dl dd { line-height: 30px; margin: 0px 10px; height: 30px; border-bottom: 1px solid #ECECFB; text-align: center; }
.subNav_a { font-size: 14px; color: #333; }
.subNav dl dd:last-child{border:none}
.bnav:hover div{display: block;}
/*nav css*/
.p_bignav{
	position: relative;
}
.p_bignav a:hover{
	background: #d00014;
	color:white;
}
/*banner css*/
.mFocus_bg { height: 800px; width: 100%; position: relative; left: 0px; top: 0px; overflow: hidden; }
.mFocus_bg *{ transition:none;}
.mFocus { height: 800px; width: 1920px; position: absolute; left: 50%; top: 0px; margin-left: -960px; }
.mFocus .hd { position: absolute; left: 904px; bottom: 26px; height: 18px; z-index: 2; }
.mFocus .hd ul li { background: url(../img/fs_ico2.png) no-repeat; float: left; height: 18px; width: 18px; margin-right: 29px; cursor: pointer; }
.mFocus .hd ul .on { background: url(../img/fs_ico1.png) no-repeat; }
.mFocus .bd ul li { height: 800px; width: 1920px; }
/*pro css*/
.probox{
	background: url(../img/01bg.png) no-repeat center;
	background-size: cover;
	padding-top: 60px;
	padding-bottom: 100px;
}
.title{
	border-left: 4px solid #bc101a;
	line-height: 30px;
	padding-left: 10px;
	position: relative;
	margin-bottom: 66px;
}
.t1{
	font-size: 24px;
	color: #333;
}
.t2{
	font-size: 16px;
	color: #999;
}
.title i {
    height: 1px;
    width: 80%;
    position: absolute;
    right: 0px;
    bottom: 0px;
    overflow: hidden;
    background: #D2D2D2;}
.p-cols{
	width: 13.3333%;
	float: left;
	margin:0 18px;
}
.p-cols p{
	text-align: center;
	font-size: 14px;
	color: #333;
	line-height: 25px;
}
.pro-up{
	display: none;
}
.p-cols:hover .pro-up{
	display: block;
}
.p-cols:hover p{
	color: #087ac2;
	font-weight: bold;
}
/*middle css*/
.middlebox{
	padding-top: 60px;
	padding-bottom: 30px;
}
.contbox{
	width: 27.5%;
}
.m-cols{
	float: left;
	margin-right:30px;
}
.ctitle{
	margin-bottom: 30px;
}
.t3 a{
	font-size: 14px;
	color: #448eca;
	float: right;
}
.cname{
	font-size: 18px;
	font-weight: bold;
	color: #333;
	line-height: 45px;
	margin-bottom: 20px;
}
.c-txt div{
	margin:10px 0;
}
.c-txt span{
	font-size: 16px;
	line-height: 32px;
	margin:10px 0 10px 10px;
}
/*news*/
.newsbox{
	width: 40%;
}
.news-li{
	padding-bottom: 25px;
	border-bottom: 1px dashed #c7c7c7;
	margin-bottom: 15px;
}
.n-pic{
	border: 4px solid #d9d9d9;
	width: 150px;
	float: left;
}
.n-txt{
	color:#4c4c4c;
	font-size: 14px;
	line-height: 25px;
	width: 65%;
	float: right;
}
.n-txt span{
	display: block;
	font-size:16px;
	color: #1a1a1a;
	line-height: 150%;
	margin-bottom: 15px;
}
.n-cols{
	padding: 15px 0;
	border-bottom: 1px dashed #c7c7c7;
}
.n-date{
	width:70px;
	height: 70px;
	background: url(../img/n-bg.jpg)no-repeat center; 
	line-height: 35px;
	color: #fff;
	text-align: center;
	float: left;
}
.n-text{
	width:82%;
	float: right;
}
.n-text span{
	line-height: 100%;
	margin-bottom:10px;
}
/*honor css*/
.mc2r_con { padding-top: 30px; }
.mc2r_con .p_cont { overflow: hidden; height: 255px; width: 320px; position: relative; margin: -20px auto 0px }
.mc2r_con .tit { border-top: #5e2325 3px solid }
.mc2r_con .tit h2 { height: 36px;width:  160px; background:  url(../img/style_zxh_0513_title.png) no-repeat 10px 10px;float:  left; text-indent:  -999em }
.mc2r_con #scrollBox { margin:  0px auto 0px }
.mc2r_con #scrollBox img { display:  block }
.mc2r_con .tit .more { float: right;padding-bottom:  0px; padding-top:  16px; padding-left:  0px; padding-right:  20px }
.mc2r_con .tit h2 a { cursor:  pointer; height:  36px;display:  block }
.mc2r_con .arrleft { overflow:  hidden; cursor:  pointer; height:  25px; width:  25px; background:  url(../img/arrow2.jpg) no-repeat left top; position: absolute; outline-style:  none; left: 135px; z-index:  3; display:  block;line-height:  200px; top:210px }
.mc2r_con .arrright { overflow:  hidden; cursor:  pointer;height:25px;width: 25px; background:  url(../img/arrow2.jpg) no-repeat right top; position: absolute; outline-style: none; right: 135px; z-index:  3; display:  block;line-height: 200px; top:  210px }
.mc2r_con .arrleft:hover { background: url(../img/arrow2.jpg) left -25px; }
.mc2r_con .arrright:hover { background: url(../img/arrow2.jpg) no-repeat right -25px; }
.mc2r_con .piclist { background:  #fff; box-shadow: 2px 0px 2px rgba(0,0,0,0.3) }
.mc2r_con .title {overflow:  hidden; height:  30px; width:  100%; position:  relative; color:  #fff; text-align:  center; margin-top:  -30px; line-height: 30px }
.mc2r_con .bg { height:  30px; width:  100%; background:  #000; filter:alpha(opacity=60); margin-top:  -30px; opacity: 0.6 }
.mc2r_con .picdesc { display:  none }
.mc2r_con .piclist a { outline-style: none; color: #666; text-decoration: none; transition: all 0.3s ease-out; }
/*合作伙伴*/
.hzbox{
	padding-top: 60px;
	padding-bottom: 70px;
}
.mc3box { height: 80px; }
.mc3btnL { background: url(../img/mbtn.jpg) no-repeat left top; margin: 20px 33px 0px 0px; float: left; height: 39px; width: 39px; }
.mc3btnL:hover { background: url(../img/mbtn.jpg) no-repeat left bottom; }
.mc3btnR { background: url(../img/mbtn.jpg) no-repeat right top; margin: 20px 0px 0px; float: right; height: 39px; width: 39px; }
.mc3btnR:hover { background: url(../img/mbtn.jpg) no-repeat right bottom; }
.mc3_frImg { float: left; width: 1052px; }
.mc3_frImg ul li { height: 77px; width: 181px; margin-right: 34px; border: 1px solid #E4E4E4; float: left;overflow: hidden; }
.mc2L { float: left; width: 320px; margin-right: 42px; }
/*footer css*/
.footbox{
	background: rgb(44,119,182);
	padding-top: 30px;
}
.f-cont{
	margin-left: 30px;
}
.fbox{
	position: relative;
}
.fbox div{
	float: left;
	margin-bottom: 60px;
}
.f-right{
	margin-left: 60px;
}
.f-nav{
	width: 72px;
	line-height: 25px;
	float: left;
	margin:0 20px;
}
.f-nav a{
	color: white;
}
.fcnav a{
	color: #b0cde9
}
.returnbox{
	font-size: 16px;
	display: block;
	color: white;
	background: #155f9a;
	width: 80px;
	line-height: 35px;
	border-top-left-radius: 8px;
	border-top-right-radius:8px;
	float: right;
	text-align: center;
	line-height: 35px;
	position: absolute;
	bottom: 0;
	right: 0
}
.bottom{
	background: #155f9a;
	color: white;
	line-height: 45px;
	text-align: center;
	font-size: 14px;
}
.cpfl_left{
	background: url(../images/leftbg.jpg);
}