﻿.img img{
	display:block;
	margin:0 auto;
}
.title {
    margin: 30px 0;
}
.subtitle {
    margin: 25px;
}
.subtitle p {
    color: #016cd1;
    font-size: 28px;
    font-weight: bold;
}

.subtitle p i {
    color: #999;
    font-weight: normal;
    font-size: 18px;
    font-style:  normal;
    padding-left: 20px;
}

.subtitle p span {
    display: inline-block;
    float: right;
    font-size: 14px;
    font-weight: normal;
    line-height: 38px;
    width: 100px;
    border: 2px solid #DCDCDD;
    text-align:  center;
    border-radius: 5px;
}

.type-info{
	height: 187px;
	background: url(../images/probg.png) top center no-repeat;
	color: #fff;
	position: absolute;
	top: -0px;
	display: none;
	width: 268px;
}

.type-info h2 a{
	padding-top: 10px;
	text-align: center;
	font-size: 24px;
	display: block;
	text-align: center;
}
.type-info a{
	color: #fff;
}






.listTitle p {
	padding-bottom: 10px;
	color: #fff;
	padding-top: 10px;
	text-align: left;
	line-height:  28px;
	font-size: 18px;
	padding-left: 60px;
}
.listTitle p span{
	display: block;
	font-size: 21px;
	font-weight: bold;
}
.listTitle {

	height: 50px;
	background: #004a88;
}

.list ul li{

	line-height: 50px;
}
.list ul li a{
	text-align: center;
	display: block;

	font-size: 16px;
	transition: 0.5s;
	color: #303030;
}
.list ul li a:hover{
	background: url(../images/listbg.jpg) left top no-repeat;
}
.list ul li.yjpro a{
	 background-color: #209BFF;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
}
.list p{
	line-height: 70px;
	text-align: center;
	background: #f95604;
	color: #FFF;
	font-size: 24px;
}
.list {background: #fff;border-left: 1px solid #303030;border-bottom: 1px solid #303030;/* border-radius: 0 0 5px 5px; */border-right: 1px solid #303030;}


.proinfo{
	right: 0;
	height: 460px;
	width: 275px;
	background: #0452b7;
	color: #fff;
	padding-left: 35px;
	padding-right: 35px;
	position: absolute;
}
.proinfo p.title a{
	display: block;
	padding-top: 75px;
	text-align: center;
	font-size: 34px;
	color: #fff;
}
.proinfo span{
	display: block;
}
.btn{
	position: absolute;
	top: 45%;
	width: 44px;
	height: 44px;
	background: url(../images/btnleft.jpg) center no-repeat;
}
.proTitle{
	  margin-bottom: 35px;
}
.proTitle p {
    text-align: center;
    color: #292929;
    font-size: 36px;
    /* padding-left: 35px; */
    /* background: url(../images/probtn.jpg) left center no-repeat; */
}

.protype{
	 width: 875px;
	overflow: hidden;
    position: relative;
}
.probox{
	
   
}
.typeimg{
	/* z-index: -1; */
	/* position: absolute; */
	top: 0;
}

.proinfo{
	/* z-index: 999; */
}



.proAbout {
	padding-bottom: 60px;
	margin-bottom: 35px;
	padding-top: 45px;
	background: url(../images/aboutproduct.png) center 0 no-repeat;
}


.proTitle img {
	margin-top: 25px;
	/* float: right; */
	display: inline-block;
}

.proList ul li {
	float: left;
	margin-left: 240px;
}

.proList ul li a {
	transition: 0.5s;
	border-radius: 35px;
	display: block;
	line-height: 45px;
	font-size: 16px;
	width: 235px;
	text-align: center;
	background: #0041a6;
	color: #fff;
	
}

.proList ul li a:hover {
	background: #595959;
}
.product{
	/* margin-top: 30px; */
}
.product .li p a {
    line-height: 24px;
    /* background: #595959; */
    /* color: #fff; */
    /* display: block; */
}

.li {
    /* padding: 10px; */
    margin: 0px 10px;
}
.li img {
    width: 315px;
    height: 220px;
    /* border: 1px solid #dcdcdc; */
}
.maintel{
	line-height: 70px;
	background: #37a9ed;
	font-size: 34px;
	color: #fff;
	text-align: center;
	margin: 20px 0;
}
.maintel span{
	font-weight: bold;
}
.aboutcontact {

}
.title p{
	/* padding-left: 560px; */
	/* background: url(../images/p.jpg) 45%  center no-repeat; */
	font-size: 22px;
	/* border-left: 3px solid #555555; */
	/* padding-left: 45px; */
	/* font-size: 20px; */
	/* font-weight: bold; */
	color: #444444;
	font-weight: bold;
	/* margin-bottom: 10px; */
}
.titlebig{
	font-size: 36px!important;
}
.proTitle span {
    color: #0452b7;
    /* float: right; */
    /* font-size: 12px; */
}
.title p i{
	font-weight: normal;
	font-size: 16px;
	color: #666;
}
.title p span a{
	display: inline-block;
	line-height: 28px;
}

.type {
    padding-top: 30px;
    /* background: #efefef; */
    margin-top: 20px;
}

.type ul li {
    margin: 0 15px;
    float: left;
    width: 268px;
    position:  relative;
    border: 1px solid #dcdcdc;
}
.type ul li p{
	line-height: 20px;
	padding: 15px 30px;
	text-align: center;
	/* padding-bottom: 20px; */
}
.type ul li img{
	height: 245px;
	width: 268px;
	/* margin-top: 160px; */
}

.type .proTitle {
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 20px;
}
.youshi img{
	display: block;
	margin: 0 auto;
}
.about{
	margin-top: 30px;
	height: 830px;
	background: url(../images/aboutbg.jpg) no-repeat center;
}

.aboutus ul li {
    background: #fff;
    width: 345px;
    height: 80px;
    float: left;
    /* color: #fff; */
    margin: 0 10px;
    padding: 15px;
    margin-top: 85px;
}

.aboutus ul li p {
    font-weight: bold;
    color: #1d579a;
    font-size: 18px;
    margin-bottom: 10px;
}

.aboutus ul li span {
    font-size: 14px;
}

.about .width-1200{
	padding-top: 195px;
}
.aboutTitle{
	margin-bottom: 15px;
	color: #3d3d3a;
	font-size: 34px;
	text-align: center;
}
.aboutTitle span{
	display: block;
	font-size: 24;
	font-weight: bold;
}
.aboutleft {
	/* margin-left: 17px; */
	float: left;
}

.about .aboutInfo {
	color:#fff;
	/* margin-right: 20px; */
	float: right;
	width: 570px;
	line-height:2;
}
.about .width {
	padding-top: 60px;
}
.ainfo{
	color: #3d3d3a;
	padding-top: 30px;
}
.aboutInfo>img{
	margin-bottom: 20px;
}
.aboutInfo>p {
	line-height: 28px;
	text-indent: 30px;
	font-size: 14px;
	color: #fff;
}
.aboutInfo h3 {
    font-size: 18px;
}
.aboutinfo {
	/* height: 510px; */
	/* background: url(../images/about.jpg) center bottom no-repeat; */
}
.aboutinfo p{
	/* width: 780px; */
}
.aboutinfo p {
    font-size: 14px;
    line-height: 28px;
}
.about .more a {
    /* text-align:  center; */
     display:  block; 
     width: 150px;
     height: 40px;
     border: 1px solid #828585;
     line-height: 40px;
     border-radius: 40px;
     text-align: center;
    color: #828585;
    font-size: 14px;
    margin-top: 20px;
    /* text-align:  right; */
}
 
.aboutInfo h3 span {
    font-size: 13px;
    font-weight: normal;
}
.aboutinfo h3 {
    font-size: 16px;
    font-weight: normal;
   
    line-height: 58px;
}
.aboutbox {
    float: left;
    width: 730px;
}

.abouttitle p {
    color: #0255b0;
    font-weight: bold;
    font-size: 24px;
    float: left;
}

.abouttitle p span {
    display: inline-block;
    color: #bbbbbb;
    font-size: 16px;
    margin-left: 10px;
}

.abouttitle>span a {
    font-size: 14px;
    margin-top: 10px;
    display:  block;
    float: right;
    font-weight: normal;
}

.abouttitle {
    font-size: 24px !important;
    font-weight: bold;
    margin-bottom: 20px;
}
.conList ul{
	margin-top: 15px;
}
.conList ul li{
	color: #000003;
	line-height: 28px;
}
.conList ul li span{
	font-size: 38px;
	color: #cc0200;
	font-weight: bold;
}
.contact ul li{
	line-height: 38px;
}
.aboutlink{
	margin-top: 20px;
}
.aboutlink p a{
	display: inline-block;
	width: 120px;
	height: 40px;
	background: #da0200;
	text-align: center;
	line-height: 40px;
	color: #fff;
}
.mainBanner img {
	display: block;
	margin: 60px auto;
}

 .main{
 	background: url(../images/bg.jpg) top center no-repeat;
 }

.left{
	float: left;
}
.wenti{
	height: 400px;
	border: 1px solid #dcdcdc;
	width: 370px;
	padding-right: 20px;
	float: right;
	padding: 10px;
}


.newslist{
	/* margin-top: 30px; */
}
.newslist  ul li{
	margin-bottom: 3px;
	/* padding-left: 20px; */
	line-height: 2;
	width: 530px;
}
.new ul li span {
	color: red;
	padding: 0 5px;
}

.new ul li a {
	font-weight: normal;
	transition: 0.5s;
	color: #2b2a2a;
	font-size: 14px;
}

.new ul li a:hover {
	color:#0452b7;
}
.proTitle .title{
	font-weight: bold;
	/* padding: 5px 0; */
	/* background: url(../images/titleboder.jpg) left bottom no-repeat; */
}
.title p{
	/* padding-bottom: 15px; */
}
 
 .poster-main {
	position: relative;
}

.poster-main .poster-list .poster-item {
	position: absolute;
	left: 0;
	top: 0;
}

.poster-main .poster-btn {
	position: absolute;
	top: 0;
	cursor: pointer;
}

.poster-main .poster-prev-btn {
	left: 0;
	background: url("../images/btn_l.png") no-repeat center center;
}

.poster-main .poster-next-btn {
	right: 0;
	background: url("../images/btn_r.png") no-repeat center center;
}
.poster-list li{
	overflow: hidden;
}
 
.newbtn {
    margin: 0 auto;
    width: 454px;
}

.newbtn ul li {
    float: left;
    margin: 20px 4px;
}

.newbtn ul li a {
	transition: 0.5s;
    width: 140px;
    line-height: 40px;
    display:  block;
    border: 1px solid #dcdcdc;
    text-align:  center;
}
.newbtn ul li a:hover{
	background: #de0400;
	color: #fff;
}
.newslist {
	margin-left: 20px;
	/* height: 400px; */
	float: left;
}
.newsTitle p {
    font-weight: bold;
    font-size: 18px;
    line-height: 38px;
    border-bottom: 1px solid #dcdcdc;
    color: #373737;
}

.newsTitle p span {
    float: right;
    font-weight: normal;
    font-size: 12px;
}

 

.silder {
	width: 100%;
	height: 200px;
	overflow: hidden;
	text-align: center;
	margin: 0 auto;
	position: relative;
	float: left;
}

.silder .silder_list {
	height: 200px;
	overflow: hidden;
	position: relative;
}

.silder .silder_list a {
	position: absolute;
	top: 0;
	left: 0;
}

.silder .silder_list a,
.silder .silder_list img {
	display: inline-block;
	float: left;
}

.silder .silder_page {
	height: 42px;
	text-align: right;
	margin: 0 auto;
	right: 1px;
	overflow: hidden;
	position: absolute;
	bottom: 1px;
}

.silder .silder_page li {
	width: 16px;
	font-size: 12px;
	float: left;
	height: 16px;
	line-height: 16px;
	margin: 15px 10px 0 0;
	background: #F1F1F1;
	display: inline-block;
	text-align: center;
	color: #000;
}

.silder .silder_page li.current {
	background: #C70B31;
	color: #fff;
}

.silder_desc {
	color: #fff;
	background: url(tit_bg.png) repeat 0 0;
	float: left;
	line-height: 42px;
	height: 42px;
	width: 100%;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: 0;
	text-align: left;
	text-indent: 10px;
}

.silder .silder_page li:hover {
	cursor: pointer;
}

.newimg2 {
    float: right;
}

.wenti ul li h3 a {
    /* line-height: 28px; */
    font-weight: normal;
    line-height: 20px;
    color: #323232;
}

.wenti ul li {
	/* height: 100px; */
	padding-bottom: 30px;
	/* padding: 10px 0; */
	background: url(../images/wenda.jpg) left top no-repeat;
	/* padding: 19px 0; */
	padding-left: 35px;
	line-height: 26px;
	/* margin-right:  20px; */
	/* border-bottom: 1px dashed #6f6f6f; */
	/* margin: 20px 0; */
}

.wenti ul li p {
    color: #999999;
}
.new img{
	/* margin: 20px auto 0 auto; */
}
.newTitle{
	margin-right: 20px;
}
.newTitle>p{
	font-size: 16px;
	font-weight: bold;
	padding-left: 10px;
	background: url(../images/newboder.jpg) left center no-repeat;
	border-bottom: 1px solid #dcdcdc;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.newTitle>p>span>a{
	display: inline;
	float: right;
	font-size: 12px;
	font-weight: normal;
}
.xinwen{
	background: url(../images/newbg.jpg) right center no-repeat;
	width: 360px;
	padding-right: 10px;
	margin-left: 20px;
}
.xinwen ul li{
	width: 300px;
}
.hangye ul li{
	width: 280px;
}
.hangye{
	margin-left: 20px;
	width: 310px;
}
.newList ul li{
	
	padding-left: 18px;
	border-bottom: 1px dashed #d5d5d5;
}
.newList ul li span {
    display: inline-block;
    float: right;
}

.newtop {
    /* float: left; */
}

.newsinfo {
    width: 390px;
    float: right;
}

.newimg {
    /* margin: 50px 0; */
    float: left;
}

.newbox {
    height: 400px;
    border: 1px solid #dcdcdc;
    width: 675px;
    float: left;
    padding: 10px;
}

.newlist ul li {
    width: 300px;
    line-height: 36px;
    border-bottom: 1px dashed #dcdcdc;
    float: left;
    margin: 0 5px;
    padding-left: 20px;
    background: url(../images/newbtn.jpg) left center no-repeat;
}

.newsinfo p {
    line-height: 1.8;
}

.newsinfo span {display:  block;line-height: 38px;}

.link p {
	padding-top:  50px;

	color: #0452b7;
	font-size: 36px;

}

.link p a {
	transition: 0.5s;
	font-size: 12px;
}

.link {
       padding-top: 50px;
    margin-top: 20px;
    background: url(../images/link.jpg) center no-repeat;
    line-height: 23px;
    height: 190px;
}
.link span {
	padding-top: 40px;
    color: #1b1b1b;
    font-size: 24px;
    padding-right: 10px ;
    border-right: 1px solid #000;

}

.contact .conleft{
	width: 250px;
	float: left;
}
.conright{
	float: right;
}
.conright ul{
	float: left;
	margin-top: 45px;
	margin-right: 100px;
}
.conright ul h3{
	margin-bottom: 10px;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	font-weight: normal;
}
.conright ul li{
	line-height: 28px;
}
.conright ul h3 span{
	display: block;
	font-size: 13px;
}
.conright ul li{
	text-align: center;
}

.contact{
	float: right;

}
.conleft p{
	padding-left: 50px;
	font-size: 22px;
	font-weight: bold;
	color: #3a3a3a;

	background: url(../images/telbtn.jpg) 20px center no-repeat;
}
.conleft ul li{
	line-height: 24px;
}
.conleft ul .big{
	font-weight: bold;
	color: #dd2726;
	font-size: 24px;
	line-height: 34px;
}
p.subtitle {
    font-size: 28px;
}
.new{
	margin: 50px 0;
}
.newsbtn ul li{
	float: left;
}
.newsbtn {
	margin: 50px 0;
	background: url(../images/newtitle.jpg) top center no-repeat;
	padding-top: 50px;
}
.newsbtn ul {
	width: 449px;
	margin: 0 auto;
}
.newsbtn ul li a{
	text-align: center;
	border: 1px solid #dcdcdc;
	display: block;
	width: 120px;
	height: 30px;
	line-height: 30px;
	margin: 0 10px;
}
.new ul li  i {
    float: right;
    font-weight: normal;
    font-size: 12px;
}
.youshi{
	background: url(../images/123.jpg) center no-repeat;
			height: 848px;
		}
		.youshi .width-1200{
			position: relative;
		}
		.ys{
			position: absolute;
		}
		.ys h4{
			font-size: 28px;
			color: #004c89;
			margin-bottom: 15px;
		}
		.ys1,.ys4{
			top: 205px;
			left: 504px;
		}
		.ys2,.ys3{
			top: 362px;
			left: 635px;
		}
		.ys3{
			top:500px
		}
		.ys4{
			top: 655px;
		}
		.ys4 span{
			font-weight: bold;
			font-size: 26px;
			color: #626262;
		}
.ys p {
    font-size: 17px;
    line-height:  1.6;
}
.product .li p {
    height: 21px;
    width: 100%;
    overflow:  hidden;
}