@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table,th,tr,tbody, td { margin:0; padding:0;}
body{
	font:12px "Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
	color:#333;
	height:100%;
	min-width:1120px;
	background:#fff;
	max-width:100%;
	overflow:auto;
	overflow-x:hidden
}

i{ font-style:normal}
input, button, select, textarea { outline:none; font:12px Microsoft YaHei,SimHei;}
span, a, li, tt, p, b, input, img {
    font-family: "Microsoft Yahei";
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    vertical-align: middle;
}
fieldset,img{ border:0; }
ol, ul { list-style:none; }
em { font-style:normal; }
textarea { resize:none; }
a{
	text-decoration:none;
	color:#333;
}
li{ list-style-position:outside; list-style:none; vertical-align:bottom;}
/****************************** Above Common Css Style End ******************************/
.opacitys{ opacity:0.6; filter: Alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; }
.clearfix:after{ content:"."; height:0; display:block; visibility:hidden; clear:both;}
.clearfix{*+height:1%;}

/****************************** Above Custom Common Css Style End ******************************/


/** Header Start **/
.header {
	height: 106px;
	background: #fff;
	width: 100%;
	margin: 0 auto;
	position: relative;
	left: 0;
	top: 0;
	z-index: 10;
	box-shadow: 0 1px 3px #e0e0e0;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #1260AA;
}
.header .headerCon {
    width: 1180px;
    margin: 0 auto;
}
.logo{
	float:left;
	width:508px;
	height:106px;
	background-image: url(logo.png);
	background-repeat: no-repeat;
	background-position: left center;
	overflow: hidden;
}
.logo-r { float:right; width:670px;}
.logo-r .top-tel {
	font-size: 16px;
	color: #0097E0;
	line-height: 2;
	text-align:right;
}
/** Nav Start **/
.menu{ height:40px; line-height:40px; margin-top:20px;}
.menu01{
    height: 40px;
    width: 95px;
    line-height: 40px;
    float: right;
    text-align: center;
    position: relative;
}
.menu01 a {
    font-size: 15px;
    font-weight: bold;
    color: #1A1A1A;
}
.menu01 a:hover,.menu01 a.hover{ color:#0097E0;}
.menu01 ul {
	display: none;
	left:-10px;
	position: absolute;
	z-index: 100;
	border-radius: 0 0 5px 5px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #0097E0;
} 
.menu01 ul li {
    float: none;
    width: 110px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
.menu01 ul li a {
	display: block;
	text-align: center;
	color: #555;
	font-size: 12px;
	line-height: 25px;
	font-weight:normal;
	height: 25px;
	background-color:#F5F5F5;
	padding-top: 5px;
	padding-bottom: 5px;
	opacity:0.9; filter: Alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eee;
}
.menu01 li:last-child > a {
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}

.menu01 ul li a:hover {
	color:#333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
}

.menu01:hover ul { display:block;}


/** banner start  **/
.banner {
    text-align: center;
    position: relative;
    height: auto;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    background: #F2f2f2;
}


/**  indexCp start   **/
.indexCp {
    background: #fff;
    padding: 40px 0 0 0;
	overflow:hidden;
}
.w-1200 {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.indexCp-tit{
	font-size:18px;
	text-align:center;
	height:50px;
	line-height:50px;
	background-image: url(indexcp-tit.png);
	background-repeat: no-repeat;
	background-position: center top;
}

/**  scrollPic css start   **/
    *{margin:0;padding:0;}
	ul{list-style:none;}
	img{border:0;}
	.scroll{width:1200px;height:230px;}
	.scroll_left{
	width:29px;
	height:175px;
	float:left;
	background-image: url(../images/btn_left.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
	.scroll_right{
	width:29px;
	height:175px;
	float:left;
	background-image: url(../images/btn_right.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
	.pic{width:1140px;height:230px;float:left;}
	.pic ul{display:block;}
	.pic li{
	float:left;
	display:inline;
	width:265px;
	height:230px;
	text-align:center;
	margin-right: 10px;
	margin-left: 10px;
}
.pic li a { line-height:50px;}
/**  scrollPic css end   **/




/**  indexMid start   **/
.indexMid {
	width:100%;
	height:340px;
	overflow:hidden;
	background-image: url(indexMid-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 40px;
}
.w-1180 {
    width: 1180px;
    margin: 0 auto;
    position: relative;
}
.about-pic { float:left; width:40%;}
.about-pic img{box-shadow: 0 2px 3px #333;border-radius: 4px;}
.about-con { float:right; width:60%; color:#FFFFFF;}
.about-con h2{ line-height:60px;}
.about-con p{ line-height:22px;}
a.about_more {
    margin-top:15px;
    display: inline-block;
    color: #fff;
    font-size: 12px;
    padding: 3px 6px;
    border: 1px solid #fff;
    border-radius: 4px;
    font-family: 'Microsoft YaHei';
}
a.about_more:hover{
	background-color:#fff;
	color:#1260aa;
}

/** indexButtom  start  **/
.indexButtom{ width:100%;  background: #f6f6f6; padding-top:40px; height:auto;}
.indexNews{ float:left; width:660px;}
/**  新闻tab选项卡 CSS STYLE  **/
#Tab {
	line-height: 25px;
	height: auto;
	margin:0 auto;
}
.Menubox {
	line-height: 30px;
	height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
}
.Menubox ul{
	list-style:none;
	padding:0;
	font-size: 14px;
	color: #000000;
	
}
.Menubox ul li{
	float:left;
	font-size:16px;
	font-weight:bold;
	cursor:pointer;
	text-align:center;
	font-weight:bold;
	line-height: 30px;
	height: 30px;
	padding-left: 20px;
	padding-right:20px;
	position: relative;
}
.Menubox ul  em{
display:inline;
font-size:12px;
color:#666666;
float:right;
padding-right:10px;
}
.Menubox ul li#menu1.hover,.Menubox ul li#menu2.hover,.Menubox ul li#menu3.hover{
    background-color: #E21001;
	color:#fff;
}
.Menubox ul li:hover span {
    display: block;
}
.Menubox ul li span {
    color: #fff;
    position: absolute;
    display: none;
    width: 44px;
    height: 20px;
    top: 18px;
    left: 50%;
    margin-left: -22px;
    background: url(../images/arrow_down.png) no-repeat;
}
.Contentbox{clear:both;margin-top:0px;border-top:none;height:100%; padding-top:1px;}
.Contentbox ul{list-style:none;margin:7px;padding:0;}
.Contentbox ul li{
    font-size:14px;
	line-height:40px;
	height:40px;
	border-bottom: 1px dashed #ccc;
}
.Contentbox ul li span { float:right; color:#999;}
.Contentbox ul li a{ color:#666;}
.Contentbox ul li a:hover{ color:#337ab7;}
/**  新闻tab选项卡 CSS end  **/

.indexContacts{
	float:right;
	width:480px;
	background-image: url(indexContacts-Con-bg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.indexContacts h2,.ny-Bigtit{border-bottom: 1px solid #ddd; line-height:30px; height:30px;position:relative;}
.indexContacts h2 span,.ny-Bigtit span{ display:inline-block; background:#1260AA; padding:0 20px; color:#FFFFFF; font-size:16px; }
.indexContacts h2 em,.ny-Bigtit em{   
    position: absolute;
    width: 15px;
    height: 6px;
    top: 30px;
	left:43px;
    background: url(../images/arrow_down01.jpg) no-repeat;
}
.indexContacts-Con{
	line-height:35px;
	font-size:14px;
	padding-top:10px;
	padding-bottom:20px;
	color:#666666;
}



/** 产品页面CSS  **/
.cpCon{ width:100%; background:#f6f6f6; padding-top:40px;}
.cpLeft{ float:left; width:250px;}
.cpLeft dt {
    width: 100%;
	font-size:18px;
    background: #067ac1;
    height: 90px;
	line-height:90px;
	text-align:center;
	border-bottom: 1px #396e9f solid;
	color: #203f61;
	font-weight:bold;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2);
    background: #4d7fb8;
    background: -moz-linear-gradient(top, #4d7fb8 0%, #4572a5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d7fb8), color-stop(100%, #4572a5));
    background: -webkit-linear-gradient(top, #4d7fb8 0%, #4572a5 100%);
    background: -o-linear-gradient(top, #4d7fb8 0%, #4572a5 100%);
    background: -ms-linear-gradient(top, #4d7fb8 0%, #4572a5 100%);
    background: linear-gradient(to bottom, #4d7fb8 0%, #4572a5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d7fb8', endColorstr='#4572a5', GradientType=0 );
}
.cpLeft dd{
	background-color:#ececec;
	padding-top:12px;
	padding-bottom:12px;
	padding-left:40px;
	font-size:14px;
	border-bottom: 1px solid #dcdcdc;
	border-top: 1px solid #fff;
	color: #727272;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8);
}

.cpLeft dd:hover{ background-color:#1260aa;text-shadow: none; }
a.cpfl:hover{ color:#FFFFFF;}
.cpRight{ float:right; overflow:hidden; width:880px; padding-bottom:30px;}
.cpRight-tit{
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #dddddd;
	margin-bottom: 33px;
}
.cpRight-tit b {
    font-size: 20px;
    color: #1260AA;
    line-height: 40px;
    float: left;
}
.cpRight-tit span { float:right; font-size: 14px; color: #999999;}
.cpRight-tit span a{color: #999999;}
.cpRight-tit span a:hover,.ppro-list li a span:hover{color: #1260AA; text-decoration:underline;}
.cpRight-Con{ width:100%;}
.ppro-list { width: 100%;}
.ppro-list li {
    float: left;
    margin-right:15px;
	margin-left:16px;
    width: 260px;
    margin-bottom: 20px;
}
.ppro-list li a {
    display: block;
    width: 100%;
}
.ppro-list li .ppro-img {
    width: 260px;
    height: 175px;
}
.ppro-list li .ppro-img:hover {opacity:0.8; filter: Alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8;}
.ppro-list li a span {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #666666;
    margin-top: 14px;
}
.cpRight-Con p{ font-size:14px; line-height:2; color:#555;}
.cpRight-Con h2{ line-height:normal; padding-bottom:10px; margin-bottom:10px; color:#555; font-size:16px; text-align:center; border-bottom: dashed #ccc 1px;}
.cpRight-Con b{padding-bottom:10px; color:#E21001;font-size:15px;}

/** about内页 CSS **/
b.dz{ float:right; font-size:14px; color:#888; font-weight:normal; display:inline;}
.about-Con{ padding:20px 0;font-size:14px; color:#555; line-height:2;}
.form-control,input.input {
    height: 20px;
    padding: 5px 10px;
	margin-left:10px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
textarea.form-control {
    height: auto;
}
.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}
.btn {
    display: inline-block;
    padding: 5px 20px;
	margin-left:10px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.bd{ float:left; width:580px;}
.bd table{ width:500px;}
.ny-contacts{
	float:right;
	line-height:2;
	width:45%;
}
.ny-contacts h3{
line-height:2.5;
	color: #1260aa;
	margin-bottom:20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
}
.ny-contacts p{
	background-image: url(indexContacts-Con-bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-bottom:100px;
}
/**  news内页CSS  **/
.twoMenu{ padding-top: 45px;text-align: center;}
.twoMenu ul {
    display: inline-block;
}
.twoMenu ul > li {
    margin-bottom: 8px;
    position: relative;
    float: left;
    margin: 0px 10px 10px 0px;
}
.twoMenu ul > li > a {
    text-decoration: none;
    color: #1260aa;
    display: block;
    text-align: center;
    border-radius: 5px;
    padding: 10px 25px 10px 25px;
    border: 1px solid #1260aa;
    font-weight: bold;
    font-family: 'Microsoft YaHei';
}
 .twoMenu ul > li > a:hover,.twoMenu ul li a.left_active{background-color: #1260aa;color:#fff;}
.news-list{
	width:100%;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #1260aa;
}
.news-list li {
    width: 100%;
    padding-bottom: 30px;
    padding-top: 30px;
    border-bottom: 1px dashed #dddddd;
}
.news-list li a {
    display: block;
    width: 1000px;
}
.news-list li img {
    border-radius: 4px;
    display: block;
    float: left;
}
.news-list li .news-tet {
    width: 700px;
    /* height: 134px; */
}
.fr {
    float: right;
}
.news-list li h2 {
    font-size: 16px;
    color: #444444;
    font-weight: normal;
    margin-bottom: 10px;
}
.news-list li h2 span{ padding-left:30px; color:#999999;}
.news-list li p {
    color: #777777;
    margin-bottom: 20px;
}
.news-list li b {
    font-weight: normal;
    font-size: 12px;
    color: #666666;
    width: 101px;
    height: 26px;
    display: block;
    background: #eeeeee;
    border: 1px solid #c9c9c9;
    text-align: center;
    border-radius: 2px;
    line-height: 26px;
    margin-top: 20px;
}
.news-list li b:hover{ border: 1px solid #106ba3; color: #106ba3;}
.news-tit{ font-size:18px; font-weight:bold; text-align:center; line-height:50px;color: #106ba3;border-bottom: 1px dashed #dddddd;}
.news-Con{ line-height:2; padding-top:20px;}
/**  foot start **/
.footer{ background:#1260AA; color:#FFFFFF; padding-top:20px; padding-bottom:20px; text-align:center;}