﻿@charset "utf-8";

/* CSS Document */

/*————————————————————————————————reset————————————————————————————————*/

body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,hr,form,textarea,button,input,table,th,td,p,img ,em,dl,dt,dd{padding:0px; margin:0px; border:none;}

textarea,input{padding:0px; margin:0px; border:0px; outline:none;}  /*去掉输入框得到焦点时边框会出现阴影效果----例如360 火狐*/

body { font-size:12px; margin:0px auto;}

ul,ol { list-style: none; } 

em{ font-style:normal;}

h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%; } 

a, a:link, a:visited, a:hover, a:active{text-decoration:none;}

a{text-decoration: none; blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ } a:focus{ -moz-outline-style: none; /* FF */ } 

a:focus{ -moz-outline-style: none; /* FF */ } /*去掉a标签超链接的虚线框*/

img { border:none;}

.f_l { float:left;}

.f_r { float:right;}

.clear {clear:both; width:100%; height:0px; overflow:hidden;}

.ellip,.box3 dd h4,#ticker h4,.aa,.ulb li,.diva h4,#news .tab_box ul li a{overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; display:block;}

.ellip3{overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3;}  

.ellip4,#pj ul li p{overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:4;}

/*———————————————————————————————— public————————————————————————————————*/

body,body a {color:#3b3a3a; font-family: "微软雅黑";}

body { font-size:14px;}

#pj ul li h4,.li_txt,#side_nav li,.news_ul li a,#problem ul li h4{overflow:hidden; display:block; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis;} 

#top,#header,#nav,#partner,.w1180,#case,#product,#pk,#advan{width:1080px; margin:0 auto; clear:both; overflow:hidden;}

/*———————————————————————————————顶部————————————————————————————————*/

.index_top{

	width:100%;

	margin:auto;

	background-image: url(../images/img_01.jpg);

	background-repeat: repeat-x;

	background-position: -57px top;

	height: 169px;

}

#top_bg {height:35px; line-height:35x; font-size:12px;width:1080px; margin:auto;}

#top {width:900px; float:left;}

#top span {float:left; height:35px; line-height:35px; display:block;padding-left:23px; color:#696a6d;}

#top .top_ul{ float:left; height:35px; line-height:35px;width:200px;}

#top .top_ul a { font-size:12px;color:#696a6d;}

.index_an{ float:right;}

.index_an div{ float:left;}

/*———————————————————————————————头部————————————————————————————————*/

#header { height:85px;}

#header h1{float:left; width:190px; height:85px; padding-left:23px; }

#header h1 img { width:190px; height:85px;}

#header ul {

	width:540px;

	height:52px;

	padding-top:18px;

	float:left;

	font-size:16px;

	padding-left:50px;

	font-size:20px;

	font-weight: bold;

	color:#ff6600;

}

#header ul .li1 { height:30px; line-height:30px;}

#header ul .li2 { height:30px; line-height:30px;}

#header ul .li1 span { color:#035dcd;}

#header ul .li2 span { color:#035dcd;}

#header .header_tel {line-height:25px;float:right; padding:15px 0px 15px 52px; background:url(../images/header_tel.jpg) no-repeat 0px 20px;}

#header .header_tel span {

	font-size:26px;

	font-weight:bold;

	color:#ff6600;

	font-family: Impact;

}

/*———————————————————————————————导航————————————————————————————————*/

#nav_bg { width:100%; height:50px; line-height:50px; clear:both; background:url(../images/nav_bg.jpg) repeat-x 0 0;}

#nav_bg ul{ padding-left:38px;}

#nav li {

	float:left;

	height:50px;

	line-height:50px;

	text-align:center;

}

#nav li a{color:#fff; padding-left:15px; padding-right:15px;}

#nav li:hover {

	background-color: #ff6600;

	background-image: url(../images/nav_li_bg2.jpg);

	background-repeat: no-repeat;

	background-position: center center;

}

#nav li:hover a {color:#fff;}

.nav_line{

	background-image: url(../images/nav_li_line.jpg);

	background-repeat: no-repeat;

	height: 50px;

	width: 2px;

}

.another{ background:url(../images/nav_li_bg2.jpg) no-repeat center center;color:#fff;}

/*————————————————————————————————友情链接————————————————————————————————*/

#links { width:1080px; height:50px; line-height:50px; margin:0 auto; clear:both; padding:1px; border:#dee6f1 1px solid; margin-top:32px;}

#links h3{ width:128px; height:50px; line-height:50px; background:url(../images/links_h3.jpg) no-repeat 0 0; float:left; color:#fff; text-align:center; margin-right:15px;}

#links ul li { float:left; color:#333; height:50px; line-height:50px; margin-right:15px;}

#links ul li a { float:left; color:#333;}

/*——————————————————————————————————底部——————————————————————————————————*/

#bottom_bg {width:100%; height:166px; padding-top:10px; padding-bottom:20px; background-color:#004ba8; clear:both; color:#232325; margin-top:20px;}

#bottom {

	width:100%;

	margin:auto;

	color:#d7dadf;

	line-height:25px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #2c7ad9;

}

#bottom .bot_nav { width:1080px; margin:auto; height:40px; line-height:40px;  }

#bottom .bot_nav li {height:40px; line-height:40px; }

#bottom .bot_nav li img { width:2px; height:13px;}

#bottom .bot_nav li a { font-size:14px; padding:0 10px 0 8px;color:#fff;}

#bottom .bot_nav .li2 { width:2px; background:url(../images/bot_line.jpg) no-repeat center center;}

.index_footer_nr{ width:1080px; margin:auto; text-align:center; color:#fff; padding-top:25px; line-height:26px;}

.index_footer_nr a{ color:#fff;}



/*固定的悬浮窗*/



.yb_conct {

	position: fixed;

	z-index: 9999999;

	top: 200px;

	right: -127px;

	cursor: pointer;

	transition: all .3s ease;

}



.yb_bar ul li {

	width: 180px;

	height: 53px;

	font: 16px/53px 'Microsoft YaHei';

color: #fff;

	text-indent: 54px;

margin-bottom: 3px;

	border-radius: 3px;

transition: all .5s ease;

overflow: hidden;

}

.yb_bar .yb_top {

	background: #025dcf url(../images/fixCont.png) no-repeat 0 0;

}

.yb_bar .yb_phone {

	background: #025dcf url(../images/fixCont.png) no-repeat 0 -57px;

}

.yb_bar .yb_QQ {

	text-indent: 0;

	background: #025dcf url(../images/fixCont.png) no-repeat 0 -113px;

}

.yb_bar .yb_ercode {

	/*height:200px;*/

	background: #025dcf url(../images/fixCont.png) no-repeat 0 -169px;

}

.hd_qr {

	padding: 0 29px 25px 29px;

}

.yb_QQ a {

	display: block;

	text-indent: 54px;

	width: 100%;

	height: 100%;



	color: #fff;

}

