*{
	margin:0px;
	padding:0px;
	-moz-user-select: none;  /*禁止鼠标拖动选择文字*/
	-webkit-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	}
ul{
	list-style-type:none;
	}
a{
	text-decoration:none;
	}
a:hover{
	text-decoration: none;
}
body img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border: 0; vertical-align: top;
}
a:active{
	star:expression_r(this.onFocus=this.blur());
}
:focus{
	outline:0;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
    -webkit-appearance: none;
    margin: 0px; 
}
input::-webkit-input-placeholder{
      color:#666;
}
html,body{
	width: 100%;
	position: relative;
	min-width: 1200px;
	font-size: 62.5%;
	background: #fff;
	font-family: "微软雅黑";
}

.jssora05l { background-position: -10px -40px; }
.jssora05r { background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05l.jssora05ldn { background-position: -250px -40px; }
.jssora05r.jssora05rdn { background-position: -310px -40px; }
.jssort01 .p {
    position: absolute;
    width: 20px;
    height: 4px;
    background:rgba(0,0,0,0.3);
}
.jssort01 .p:hover{
    background:rgba(0,0,0,0.4);
}
.jssort01 .pav .c {
    width: 20px;
    height: 4px;
    background: #0069B7;
}
.jssort01{
    display: inline-block;
    left: 50%;
    transition: translateX(-50%)
}
.Box {position: relative;width: 1200px;margin: 0 auto;}
.Box .content {width: 1200px;margin: 0 auto;}
.Box h2 {text-align: center;margin-bottom: 35px;padding-top: 250px;}
.Box .Box_con {position: relative;}
.Box .Box_con .btnl {position: absolute;}
.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 80px;cursor: pointer;}
.Box .Box_con .btnl {background: url(../images/jtl02.png) no-repeat center;left: -72px;}
.Box .Box_con .btnr {background: url(../images/jtr02.png) no-repeat center;right: -72px;}
.Box .Box_con .btnl:hover {background: url(../images/jtl03.png) no-repeat center;}
.Box .Box_con .btnr:hover {background: url(../images/jtr03.png) no-repeat center;}
.Box .Box_con .conbox {position: relative;overflow: hidden;}
.Box .Box_con .conbox ul {position: relative;list-style: none;}
.Box .Box_con .conbox ul li {float: left;width: 284px;height: 190px;margin-left: 20px;overflow: hidden;border:1px solid #efefef;box-sizing: border-box;}
.Box .Box_con .conbox ul li:first-child {margin-left: 0px;}
.Box .Box_con .conbox ul li img {display: block;width: 284px;height: 190px;transition: all 0.5s;}
.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}

.Box .BoxSwitch {margin-top: 30px;text-align: center;}
.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}

.fixed{
	position: fixed;
	right:0;
	width: 77px;
	height: 300px;
	top:30%;
	z-index: 999999;
}
.fixed li{
	width: 77px;
	margin-bottom: 1px;
	text-align: center;
	position: relative;
}
.fixed li:nth-child(1){
	height: 56px;
}
.fixed li:nth-child(2){
	height: 56px;
}
.fixed li:nth-child(3){
	height: 86px;
}
.fixed li:nth-child(4){
	height: 86px;
}
.fixed li:nth-child(5){
	height: 56px;
}
.fixed li a{
	position: absolute;
	display: block;
	border-radius: 3px 0 0 3px;
	left:0;
	overflow: hidden;
	width: 77px;
	height: 56px;
	transition: all 0.4s;
}
.fixed li a p{
	float: left;
	width: 77px;
	height: 56px;
	text-align: center;
	background: #484848;
	border-radius: 3px;
	overflow: hidden;
	box-sizing: border-box;
	padding-top: 5px;
}
.fixed li a p:nth-child(2){
	width: 150px;
	line-height: 50px;
	font-size: 1.8rem;
	color: #fff;
}
.fixed li:nth-child(2) a{
	width: 277px;
}
.fixed li:nth-child(3) a{
	width: 163px;
	height: 86px;
}
.fixed li:nth-child(3) a p{
	height: 86px;
}
.fixed li a:hover{
	left:-10px;
}
.fixed li:nth-child(2) a:hover p:nth-child(1){
	border-radius: 3px 0 0 3px!important;
}
.fixed li:nth-child(2) a:hover p:nth-child(2){
	border-radius: 0!important;
}
.fixed li:nth-child(2) a:hover{
	left:-150px;
}
.fixed li:nth-child(3) a:hover{
	left:-86px;
}
.fixed li a p img{
	width: 30px;
	height: 30px;
}
.fixed li a span{
	display: block;
	font-size: 1.1rem;
	color: #fff;
}
.fixed li a>img{
	width: 86px;
	height: 86px;
	float: left;
}
.header_top{
	width: 100%;
	overflow: hidden;
	background: #eee;
}
.header_top .con{
	width: 1200px;
	height: 30px;
	margin:0 auto;
}
.header_top .con p{
	height: 30px;
	line-height: 30px;
	font-size: 1.4rem;
	color: #333;
	float: left;
}

.header_top .con p a{
	color:#333;}
.header_top .con span{
	float: right;
	top:50%;
	position: relative;
	transform: translateY(-50%);
}
.header_top .con span a{
	padding:0 10px;
	position: relative;
	display: block;
	height: 20px;
	line-height: 20px;
	font-size: 1.4rem;
	color: #666;
	float: left;
}
.header_top .con span a:after{
	content:'';
	width: 1px;
	height: 14px;
	right:0;
	top:3px;
	position: absolute;
	background: #666;
}
.header_top .con span a:hover{
	color: #333;
	text-decoration: underline;
}
.header_top .con span a:last-child:after{
	width: 0;
}
.header{
	width: 1200px;
	overflow: hidden;
	padding:20px 0;
	margin:0 auto;
}
.header img:first-child{
	max-width: 760px;
	float: left;
}
.header img:last-child{
	max-width: 305px;
	float: right;
}
.nav{
	width: 100%;
	overflow: hidden;
	height: 46px;
	background:#004B86;
}
.nav ul{
	width: 1200px;
	height: 46px;
	margin:0 auto;
	background: url(../images/w_11.jpg);
}
.nav li{
	width: 14.28%;
	float: left;
	overflow: hidden;
}
.nav li a{
	display: block;
	width: 100%;
	height: 46px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	box-sizing: border-box;
	font-size: 1.5rem;
}
.nav li a:hover{
	text-decoration: underline;
}
.nav li:last-child a{
	border-right: none;
}
.links{
	width: 100%;
	height: 60px;
	background:#eee;
	margin-top: 30px;
}
.links_{
	width: 1200px;
	height: 60px;
	margin:0 auto;
	overflow: hidden;
	position: relative;
}
.links_>img{
	width: 170px;
	height: 44px;
	margin-top: 8px;
	float: left;
	margin-right: 20px;
}
.links p{
	width: 100px;
	height: 60px;
	line-height: 60px;
	float: left;
	color: #333;
	font-size: 1.8rem;
	font-weight: bold;
}
.links ul{
	display: inline-block;
	width: 900px;
	float: left;
	overflow: hidden;
	position: relative;
	top:50%;
	transform: translateY(-50%);
}
.links li{
	overflow: hidden;
	float: left;
	height: 30px;
}
.links li a{
	padding:0 20px;
	font-size: 1.4rem;
	color: #333;
	height: 30px;
	line-height: 30px;
}
.links li a:hover{
	text-decoration: underline;
}
.search{
	margin-top: 0;
	background: #eee;
}
.search p{
	color: #333;
	font-weight: bold;
}
.search li a{
	color: #333;
	padding:0 10px;
}
.title{
	width: 100%;
	height: 45px;
	background: #0068B7;
	margin:30px auto 20px;
}
.title p{
	float: left;
	height: 45px;
	line-height: 45px;
	font-size: 18px;
	color: #fff;
	position: relative;
	padding-left: 15px;
}
.title p:before{
	content:'';
	display: inline-block;
	position: relative;
	left:0;
	top:2px;
	width: 3px;
	height: 18px;
	background: #fff;
	margin-right: 7px;
}
.title a{
	display: block;
	padding:0 20px;
	height: 45px;
	line-height: 45px;
	color: #fff;
	font-size: 16px;
	float: right;
}
.title a:hover{
	text-decoration: underline;
}
.content1{
	width: 1200px;
	overflow: hidden;
	margin:20px auto 0;
}
.content1 ul{
	display: inline-block;
	max-width: 1200px;
	position: relative;
	left:50%;
	transform: translateX(-50%);
}
.content1 li{
	width: 170px;
	height:35px;
	position: relative;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	overflow: hidden;
}
.content1 li a{
	display: block;
	width: 100%;
	height: 100%;
	line-height: 35px;
	border-radius: 3px;
	background: #eee;
	text-align: center;
	overflow: hidden;
	font-size: 1.6rem;
	color: #333;
}
.content1 li .active{
	background: #0068B7;
	color: #fff;
}
.cases{
	width: 1200px;
	position: relative;
	height: 500px;
	margin:10px auto 0 auto;
}
.case_ul{
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: none;
}
.cases ul{
	height: 100%;
	position: relative;
}
.cases li{
	width: 291px;
	height: 500px;
	position: relative;
	float: left;
	margin-right: 12px;
}
.cases li:nth-child(4n){
	margin-right: 0;
}
.cases li a{
	display: block;
	width: 100%;
	height: 250px;
}
.cases li a img{
	width: 100%;
	height: 220px;
}
.cases li a p{
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 1.4rem;
	color: #333;
}
.cases li a:hover p{
	color: #00499D
}
.content2{
	max-width: 100%;
	margin:50px auto 20px;
}
.content3{
	width: 1200px;
	overflow: hidden;
	margin:0 auto;
}
.content3 .lef .title,
.content3 .rig .title{
	margin: 0
}
.content3 .lef{
	width: 780px;
	float: left;
	padding-top:10px;
	background: #eee;
	height: 305px;
	overflow: hidden;
}
.content3 ul{
	width: 750px;
	overflow: hidden;
	margin:10px auto 0;
}
.content3 li{
	width: 49%;
	margin-right: 2%;
	margin-bottom: 10px;
	height: 40px;
	float: left;
}
.content3 li:nth-child(2n){
	margin-right: 0;
}
.content3 li a{
	display: block;
	width: 100%;
	height: 100%;
	padding:0 10px;
	box-sizing: border-box;
	background: #fff;
	color: #333;
}
.content3 li a p:first-child{
	font-size: 15px;
	height: 40px;
	line-height: 40px;
	width: 65%;
	float: left;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.content3 li a p:first-child:before{
	content:'';
	display: inline-block;
	width: 5px;
	height: 5px;
	position: relative;
	margin-right: 3px;
	top:-3px;
	background: #333;
	border-radius: 50%; 
}
.content3 li a:hover p:first-child:before{
	background: #fff;
}
.content3 li a p:last-child{
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	width: 30%;
	float: right;
}
.content3 li a:hover{
	background: #0068B7;
	color: #fff;
}
.content3 .rig{
	width: 400px;
	padding-top: 10px;
	height: 305px;
	float: right;
	position: relative;
	overflow: hidden;
	background:#eee;
	background-size: 100% auto;
	background-position: bottom;
}
.content3 .rig>p{
	font-size: 15px;
	color: #333;
	margin-bottom: 5px;
	padding-left: 30px;
	box-sizing: border-box;
}
.content3 .rig .title+p{
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 20px;
	font-size: 16px;
}
.footer{
	width: 100%;
	overflow: hidden;
	background: #1C2128;
	padding:20px 0;
}
.footer_{
	width: 1200px;
	overflow: hidden;
	margin:0 auto;
	position: relative;
}
.footer .lef{
	width: 280px;
	overflow: hidden;
	float: left;
	margin:30px 0 0 30px;
}
.footer .lef h1{
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 24px;
	padding-bottom: 5px;
	color: #fff;
	border-bottom: 1px solid #fff;
	text-align: center;
}
.footer .lef ul{
	width: 100%;
	overflow: hidden;
	margin-top: 30px;
}
.footer .lef li{
	width: 50%;
	float: left;
	margin-bottom: 10px;
}
.footer .lef li a{
	display: block;
	width: 90%;
	box-sizing: border-box;
	padding:0 5%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #666;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.footer .lef li a:hover{
	color: #fff;
	text-decoration: underline;
}
.footer .mid{
	width: 500px;
	padding:50px;
	float: left;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	margin-left: 50px;
}
.footer .mid p{
	font-size: 14px;
	color: #fff;
	margin-bottom: 5px;
}
.footer .mid a{
	color: #fff;
}
.footer .mid p:first-child{
	font-size: 18px;
	font-weight: bold;
}
.footer .rig{
	width: 145px;
	overflow: hidden;
	float: right;
	margin-top: 50px;
}
.footer .rig img{
	width: 145px;
	height: 145px;
}
.footer .rig p{
	font-size: 14px;
	color: #fff;
	margin-top: 5px;
	text-align: center;
}

.container{ width:1200px; margin:0px auto; }
.con_left{ width:240px; float:left; margin-right:20px; margin-bottom:50px; margin-top:20px;}
.con_right{ width:940px; float:left; margin:40px auto;}
.l_about{ width:100%; float:left;}
.in_prokind{ width:230px; padding-left:10px; height:40px;line-height:40px; color:#fff; font-size:18px; background:#0068B7; font-weight:bold; position:relative;}
.in_prokind b{ display:block; float:left; width:3px; height:20px; background:#fff; margin-top:10px; margin-right:10px;}
.in_prokind span{ position:absolute; right:12px; top:0px; font-size:13px;}
.in_prokind span a:link{ color:#fff;}
.in_prokind span a:visited{ color:#fff;}
.in_prokind span a:hover{ color:#CB0000;}
.in_casetit{ width:100%;height:57px;  line-height:57px;font-size:21px; font-weight:bold; color:#0068B7; text-align:left; position:relative; border-bottom:#ccc 1px solid;}
.position{ position:absolute; right:5px; top:10px; font-size:14px; font-weight:normal;}
.position a:link{ color:#333;}
.position a:visited{ color:#333;}
.position a:hover{ color:#0068B7;}
.ul_news{ width:100%; margin:0px auto; background:#f0f0f0; padding-bottom:10px; border-bottom:#e9e9e9 2px solid; }
.ul_news li{ width:89%; font-size:13px; height:32px; line-height:32px; border-bottom:#bfbfbf 1px dotted; color:#1d1d1d; background:url(../images/icon04.jpg) no-repeat 5px; padding-left:15px;}
.in_contact{width:100%; margin-top:10px; float:left; color:#333;}
.in_contact p{ width:200px; font-size:14px; line-height:24px; padding-left:5px; padding-right:5px;}
.in_contactmid{ background:#f0f0f0;padding-bottom:10px;border-bottom:#e9e9e9 2px solid;  }
.in_contactmid h3{line-height:28px; font-size:16px;padding-left:5px;color:#1b242d;}
.in_contactmid img{ margin-top:10px; width:100%;}
.clear{ clear:both;}
.index_aboutcont p{ text-indent:2em; font-size:13px; color:#3e3e3e; font-weight:bold;}
.main_right_product,.right_case{ width:100%; margin:0px auto;}
.main_right_product ul,.right_case ul{ margin:0px; padding:0px; width:110%; }
.main_right_product ul li{ list-style:none; width:310px; height:250px;  float:left; margin-top:10px; margin-right:11px; }
.right_case ul li{ list-style:none; width:300px; height:220px;  float:left; margin-top:10px; margin-right:11px; }
.p_name{ text-align:center; line-height:30px; font-size:14px;}
.main_right_product ul li img{width:290px; height:210px; padding:5px;border:#eee 1px solid;}
.right_case ul li img{width:290px; height:180px; padding:5px;border:#eee 1px solid;}
.main_right_product ul li a:link,.right_case ul li a:link{ color:#444; text-decoration:none;}
.main_right_product ul li a:visited,.right_case ul li a:visited{ color:#444; text-decoration:none;}
.main_right_product ul li a:hover,.right_case ul li a:hover{ color:#CB0000; text-decoration:none;}
.product_con{ width:100%;} 
.newscontent{ font-size:16px; line-height:24px;}
.product_con img,.productimg img{max-width:100%; text-align:center; margin:0px auto;}
.index_newscont{ width:100%; margin:10px auto;}
.index_newscont ul li{ height:42px; line-height:42px; border-bottom:#CCC 1px dotted; font-size:14px;  background:url(../images/icon04.jpg) no-repeat 5px; padding-left:25px; position:relative;}
.news_time{ position:absolute; right:0px; top:0px;}
.index_newscont ul li a:link,.ul_news li a:link{ color:#3e3e3e;;}
.index_newscont ul li a:visited,.ul_news li a:visited{ color:#3e3e3e;}
.index_newscont ul li a:hover,.ul_news li a:hover{ color:#CB0000;}
.nav ul li.current {text-decoration: underline;}
.index_newscont h4,.main_right_product h4{ font-size:16px; text-align:center; line-height:50px;}
/*分页*/
.xlr_pages,.fy{width:100%; height:24px; line-height:24px; font-size:14px;text-align:center; float:left; margin-top:10px; margin-bottom:10px;}
.xlr_pages ul{ width:100%; margin:0px auto; height:24px;text-align:center;}
.pagelist li{  text-decoration:none; margin-right:1px;display:inline-block; border:#CCC 1px solid; padding:0px 8px; border-radius:3px;}
.thisclass{ background:#CB0000; color:#FFF;}
.pagelist li select{ margin:3px;}
.pagelist li a:link,.fy a:link{ color:#000; text-decoration:none;}
.pagelist li a:visited,.fy a:visited{ color:#000; text-decoration:none;}
.pagelist li a:hover,.fy a:hover{ color:#CB0000; text-decoration:none;}
.footer .right .info a{ color:#FFF;}
.listmenu .tit{
	width: 240px;
	height: 50px;
	background:#0068B7 url(../images/lc02.png) no-repeat 25px;
}
.listmenu .tit p{
	color:#fff;
	font-size: 24px;
	text-align: center;
	line-height: 50px;
	font-weight: bold;
}
 .listmenu{
	float: left;
	width: 240px;
	height: auto;
	overflow: hidden;
	margin-top: 25px;
}
 .listmenu ul li{
	width: 100%;
	height: 35px;
	background: #eeeeee;
	line-height: 35px;
	text-indent: 30px;
	margin-bottom: 2px;
	border-radius: 3px;
	margin-top:10px;

}
.listmenu ul li a{
	color:#1a1a1a;
	font-size: 15px;
}
.listmenu ul li:hover{
	background: #0068B7;
}
.listmenu ul li.m_hover{
	background: #0068B7;
}
.listmenu ul li:hover a, .listmenu ul li.m_hover a{
	color:#fff;
}
.listmenu  .tel img{
	display: block;
}

/*留言*/
.message{width:100%; height:600px; /*background:#eee;*/ margin-left:50px;}
.message  span{ width:100%; height:60px; line-height:60px;float:left; color:#000; text-align:center; font-size:30px;}
.message p{font-size:15px; color:#999; text-align:center;}
   
 .message_left{float:left;width:40%;height:34px;line-height:34px;font-size:14px;color:#777777;text-align:left;border-color:#333333;border-style:none;clear:both; margin-top:8px; }
.message_right{float:left;width:90%;height:24px;line-height:24px;background-color:#eee;font-size:14px;color:#777777;text-align:left;padding:4px;border:1px;border-color:#aaa;border-style:dashed;}
   
   .area_message{float:left;width:90%;height:122px;line-height:24px;background-color:#eeeeee;background-image:none;font-size:14px;color:#777777;text-align:left;padding:4px;font-family:Microsoft YaHei;border:1px;border-color:#aaa;border-style:dashed;}
   
   .sub_message{float:left; width:92%;height:40px;line-height:40px;background-color:#1C2128; border-radius:5px;color:#FFFFFF;text-align:center;border:1px;border-color:transparent;margin-top:20px;}
