body {
	background: #e8e8e8;
	font-family: "Microsoft Yahei", "SimHei", "Simsun";
}
.clear {
	clear:both;
}
a, a:hover, a:link, a:focus {
	outline: none;
	text-decoration: none;
}
.headWrap {
	position: relative;
	height: 36px;
	line-height: 36px;
	text-align: center;
	background: #032435;
	color:white;
}
.headBox {
	position: absolute;
	right:0px;
	top:0px;
}
.headBox a {
	color:white;
	font-size: 14px;
	margin-right: 20px;
}
.headWrap .hbox {
	font-size: 16px;
	line-height: 36px;
}
.intrImg {
	position: relative;
}
.navTop {
	position: absolute;
	width: 100%;
	top: 0px;
	left: 0px;
}
.bnimg {
	position: absolute;
	width: 100%;
	top: 0px;
	left: 0px;
}
.insideNav {
	position: absolute;
	width: 1200px;
	top: 30px;
	left: 50%;
	margin-left: -600px;
	text-align: center;
}
.insideNav a {
	color:#ccb395;
	padding:0px 10px;
	font-size: 18px;
	margin-left: 50px;
	padding-bottom: 14px;
}
.insideNav a:hover {
	border-bottom: 2px solid #ccb395;
}
.insideNav .active {
	border-bottom: 2px solid #ccb395;
}
.intrImg img {
	width: 100%;
}
.yfBox {
	background: #f8f8f8;
}
.yfinside .spbox {
	float: left;
	display: block;
	width: 20%;
	text-align: center;
	padding-top: 20px;
}
.yfinside a img {
	display: block;
	margin:0px auto;
	height:47px;
	width:47px;
}
.yfinside a span {
	display: inline-block;
	text-align: center;
}
.iname {
	color:#032435;
	font-weight: bold;
	margin-top: 5px;
	font-size: 16px;
}
.icont {
	color: #032435;
	padding:0px 7px 10px 7px;
	border-bottom: 3px solid transparent;
}
.yfinside a:hover .icont {
	border-bottom: 3px solid #032435;
}
.comName {
	padding:20px 0px;
}
.comName .com1 {
	font-weight: bold;
	font-size: 32px;
	text-align: center;
}
.comName .com2 {
	position: relative;
	width: 600px;
	border-top: 1px solid #333333;
	margin:0px auto;
	margin-top: 20px;
}
.comName .com2 .cmspan {
	position: absolute;
	top: -13px;
	left:0px;
	width: 100%;
	text-align: center;
}
.comName .com2 .cmspan span {
	background: white;
	color:#333333;
	font-size: 14px;
	padding:0px 5px;
}
.comFrame {
	width: 1200px;
	margin:0px auto;
	position:relative;
}
.gracol {
	color:#828282;
}
.imgCom {
	position: relative;
	margin-top: 20px;
}
.imgCom img {
	display: block;
	width: 100%;
}
.imgCom .imgWrod {
	position: absolute;
	right: 0;
	top:20%;
	width: 50%;
	color:#ccb395;
	padding:0px 5px;
}
.imgCom .imgWrod h2 {
	color:#ccb395;
	display: block;
	text-align: center;
	font-size: 20px;
}
.imgCom .imgWrod p {
	padding:10px 100px;
	font-size: 16px;
	line-height: 30px;
	text-indent: 40px;
}
.smbtnBox {
	background: #eaf2ff;
	margin-top: 30px;
	padding:40px 0px;
}
.smBox {
	/*width: 25%;*/
    /*float: left;*/
    display: inline-block;
}
.smbtnBox .smBox+.smBox {
	margin-left: 120px;
}
.smBox a {
	display: block;
	width: 210px;
	height: 95px;
	box-shadow: 3px 3px 15px #D8DEEB, -1px 1px 15px #d9e1ed, 1px -1px 15px #d9e1ed, -1px -1px 15px #d9e1ed;
}
.smBox a:hover {
transform: translate(0px, -20px);
transition:opacity 500ms ease-out 1s,transform 500ms ease-in-out; 
-webkit-animation:opacity 500ms ease-out 1s,transform 500ms ease-in-out;
-moz-animation:opacity 500ms ease-out 1s,transform 500ms ease-in-out;
-ms-animation:opacity 500ms ease-out 1s,transform 500ms ease-in-out;
-o-animation:opacity 500ms ease-out 1s,transform 500ms ease-in-out; 
}
.smBox a img {
	float: left;
	margin-top: 15px;
	margin-left: 20px;
}
.smBox a span {
	float: left;
	display: block;
	font-size: 20px;
	color: white;
	margin-left: 15px;
	margin-top: 30px;
}
.sb1 {
	background: #eb6100;
}
.sb2 {
	background: #61b545;
}
.sb3 {
	background: #c02c20;
}
.sb4 {
	background: #8870e0;
}
.banner1 a {
	position: relative;
	display: block;
	width: 266px;
	height: 55px;
	line-height: 55px;
	background: white;
	border-radius: 50px;
	box-shadow: 1px 1px 5px #DEDEDE, -1px 1px 5px #DEDEDE, 1px -1px 5px #DEDEDE, -1px -1px 5px #DEDEDE;
	margin-left: 5px;
	margin-top: 25px;
	margin-bottom: 5px;
	text-align: center;
	font-size: 22px;
	color:#032435;
}
.banner1 a:hover {
	background: #0b3348;
	color:#ccb395;
}
.banner1 a img {
	position: absolute;
	top:-10px;
	left:30px;
}
.banner1 a img.be2 {
	display: none;
}
.banner1 a:hover img.be1 {
	display: none;
}
.banner1 a:hover img.be2 {
	display: block;
}
.banner1 a.active img.be2 {
	display: block;
}
.banner1 a.active img.be1 {
	display: none;
}
.banner1 a.active {
	background: #0b3348;
	color:#ccb395;
}
.swiper-container {
	width: 100%;
	height: 100%;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
    display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.inside {
	display: inline-block;
}
.swiper-button-next {
	display: inline-block;
	width: 30px;
	height: 86px;
	background: url("../images/rbtn.png") no-repeat;
	background-size: 100% 100%;
	right: 0px;
	position: absolute;
}
.swiper-button-prev {
	position: absolute;
	left: 0px;
	display: inline-block;
	width: 30px;
	height: 86px;
	background: url("../images/lbtn.png") no-repeat;
	background-size: 100% 100%;
}
.swiper-button-next, .swiper-button-prev {
	display: none;
}
.showpage .swiper-button-next {
	display: inline-block;
	width: 47px;
	height: 109px;
	background: url("../images/pcrbtn.png") no-repeat;
	background-size: 100% 100%;
	right: 50px;
	position: absolute;
	margin-top:-52px;
}
.showpage .swiper-button-prev {
	position: absolute;
	left: 50px;
	display: inline-block;
	width: 47px;
	height: 109px;
	background: url("../images/pclbtn.png") no-repeat;
	background-size: 100% 100%;
	margin-top:-52px;
}
.greedAd {
	margin-top: 50px;
	height: 460px;
	background: url("../images/rpbg.jpg") 0px 0px;
	background-size: auto 100%;
}
.agreedAd {
	margin-top: 50px;
	height: 460px;
	background: url("../images/rpbg.jpg") 0px 0px;
	background-size: auto 100%;
}
.greinside {
	position: relative;
}
.greedAd .adicon {
	position: absolute;
	top:0px;
	left:0px;
}
.greedAd .aadicon {
	position: absolute;
	top:0px;
	left:0px;
}
.greenCont {
	position: absolute;
	top:130px;
	left:50%;
}
.greenCont h3 {
	color:#032435;
	font-size: 28px;
	font-weight: bold;
	padding-bottom: 10px;
}
.greenCont p {
	color:#032435;
	font-size: 14px;
}
.agreenCont h3 {
	color:#032435;
	font-size: 28px;
	font-weight: bold;
	padding-bottom: 10px;
}
.agreenCont p {
	color:#032435;
	font-size: 14px;
}
.adBtn {
	display: inline-block;
	background: #032435;
	color:white;
	font-size: 16px;
	font-weight: bold;
	padding:5px 10px;
	margin-top: 100px;
	margin-left: 160px;
}
.newProduct {
	margin-top: 110px;
}
.swpinside {
	width: 100%;
}
.swpinside img {
	width: 100%;
}
.bomDel {
	background: #f8f8f8;
	padding-top: 20px;
	padding-bottom: 10px;
}
.bomDel .ptitle, .bomDel .pdesc {
	color:#333;
}
.bomDel .ptitle {
	font-size: 20px;
	font-weight: bold;
}
.bomDel .pdesc {
	font-size: 16px;
	padding-top: 10px;
}
.bomDel:hover, .swpinside:hover .bomDel, .swpinside:hover .bomDel a .ptitle, .swpinside:hover .bomDel a .pdesc {
	background: #032435 !important;
	color:#ccb395 !important;
}
.bomDel:hover .ptitle, .bomDel:hover .pdesc {
	color:#ccb395;
}
.checkbtn {
	background: white;
	color:#032435;
	font-size: 14px;
	padding:5px 40px;
	margin-top: 10px;
	display: inline-block;
	border-radius: 50px;
	border:1px solid #333333;
}
.nprList {
	padding-top: 20px;
}
.gcBox {
	margin-top: 30px;
	background: #f8f8f8;
	padding-bottom: 30px;
}
.spWordDeil .pzbz {
	font-size: 14px;
	font-weight: bold;
	color:#646464;
	margin-top: 10px;
}
.coldel {
	border-left: 10px solid #032435;
	padding-left: 20px;
}
.spWordDeil p {
	font-size: 14px;
	color: #646464;
	line-height:25px;
}
.moreBtn {
	float: right;
	display: inline-block;
	color: #646464;
	font-size: 16px;
	padding:5px 20px;
	border:1px solid #d9d9d9;
	margin-top: 30px;
}
.gcSwper {
	margin-top: 20px;
}
.gcSwper .swiper-slide {
	background: transparent;
}
.gcSwper .swiper-slide img, .jgSwiper .swiper-slide img, .newsBox .swiper-slide img {
	width: 100%;
}
.jgSwiper .swiper-slide .jgLi {
	position: relative;
}
.jgSwiper {
	padding:30px 0px;
}
.hoverBox {
	position: absolute;
	top:0px;
	left:0px;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	color:white;
}
.jgSwiper .swiper-slide a:hover .hoverBox {
	background:#26697A;
	opacity:0.8;
}
.hoverBox .jgmode {
	font-size: 36px;
	color:white;
	font-weight: bold;
	margin-top: 110px;
}
.hoverBox span {
	font-size: 18px;
	display: block;
	margin-top: 10px;
}
.serveBox {
	background: #f8f8f8;
	padding-bottom: 10px;
}
.coorFred tr td, .coorFred tr {
	border-top:1px solid black !important;
	border:1px solid black;
	text-align: center;
	background: white;
}
.newsBox .swiper-slide .newTitle {
	background: #393939;
	font-size: 18px;
	text-align: center;
	color: white;
	display: block;
	height: 35px;
	line-height: 35px;
}
.newsBox .swiper-slide .ntitle {
	color:#000000;
	font-size: 16px;
	text-align: left;
	margin-top: 10px;
	line-height: 24px;
}
.newsBox {
	padding-bottom: 30px;
}
.nbew {
	padding-bottom: 13px;
}
.newsBox .swiper-slide {
/*padding:0px 30px;*/
}
.newsBox .swiper-slide+.swiper-slide {
/*border-left: 1px solid #000000;*/
}
.newsBox .swiper-slide .deh3 {
	font-size: 12px;
	text-align: left;
	color: #474747;
	border-top: 1px solid #474747;
	padding-top: 20px;
	margin-top: 20px;
}
.newsBox .swiper-slide p {
	margin-top: 15px;
	text-align: left;
	font-size: 14px;
	color:#000000;
}
.swtl:hover h2 {
	text-decoration: underline;
}
.newslide a.newTitle:hover {
	background: #032435;
	color: #ccb395;
}
.bzBox {
	margin-top: 30px;
	background: #f2f2f2;
	padding:30px 0px;
}
.bzBox .swiper-slide {
	background: transparent;
}
.bzBox .comFrame img {
	width:100%;
}
.sbBox img {
	float: left;
	width: 60px;
	display: block;
	margin-top: 10px;
}
.sbBox .sbCont {
	float: left;
	text-align: left;
	margin-left: 10px;
}
.sbBox .sbCont h1 {
	color:#032435;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 10px;
	margin-top: 10px;
}
.sbBox .sbCont p {
	font-size: 14px;
	color:#032435;
}
.footer {
	background: #06293c;
	padding-bottom: 10px;
	position:relative;
}
.colImg img {
	display: block;
	margin:0px auto;
	margin-top: 20px;
}
.colImg span {
	display: block;
	text-align: center;
	color: white;
	font-size: 12px;
}
.outCol .colImg {
	float: left;
	width: 50%;
}
.outCol .colImg .calik {
	padding-top: 20px;
	padding-left: 30px;
}
.outCol .colImg .calik a {
	font-size: 14px;
	color:#ccb395;
	display: block;
	margin-top: 10px;
}
.friedlik {
	padding-right: 50px;
}
.friedlik .linktitle{
	color:#ccb395;
	font-size: 18px;
	text-decoration: underline;
	padding-top: 20px;
	padding-bottom: 10px;
}
.friedlik a {
	display: inline-block;
	color:#ccb395;
	font-size: 12px;
	margin-top: 2px;
	margin-right: 10px;
}
.outCol .colImg .calik a:hover {
	text-decoration: underline;
}
.addrBox {
	margin-top: 20px;
	padding-left: 20px;
	border-left: 1px solid #103c56;
	border-right: 1px solid #103c56;
	padding-top: 20px;
	padding-bottom: 50px;
}
.addrBox p {
	color: #ccb395;
	font-size: 14px;
	margin-top: 10px;
}
.bomlik {
	padding-top: 10px;
	border-top: 2px solid #798a93;
	margin-top: 20px;
	text-align: center;
}
.bomlik a, .bomlik span {
	color: #ccb395;
}
.bomlik span {
	padding:0px 10px;
}
.mobileRow .colrow+.colrow {
	border-top: 1px solid #ccb395;
}
.colrow {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
.colrow img+img {
	margin-left: 20px;
}
.linka {
	padding-top: 20px;
}
.linka a, .linka span, .colrow p, .colrow p a {
	color: #ccb395;
	text-align: left;
}
.colrow p {
	text-indent: 20px;
	font-size: 12px;
}
.mobileNewHead {
	background: #0b3348;
	padding:10px 10px 10px 10px;
}
.mobileNewHead .toplef {
	float: left;
}
.mobileNewHead .toprilf {
	float: right;
	margin-top: 10px;
}
.toprilf:hover .dropList {
	display: block;
}
.dropList {
	display: none;
	position: absolute;
	top:40px;
	right:-10px;
	width: 150px;
	background: #0b3348;
	color: #ccb395;
	z-index: 100;
}
.dropList a {
	color: #ccb395;
	display: block;
	text-align: left;
	padding:5px 0px;
	padding-left:20px;
}
.dropList a.child{ padding-left:40px;}
.toprilf {
	position: relative;
}
.newHeadWrap {
	display: block;
}
.navTop {
	display: block;
}
.mobileNewHead {
	display: none;
}
.posDiv {
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 2px;
}
.posDiv p, .posDiv p a {
	font-size: 14px;
	color:#032435;
}
.produtBOX {
	text-align: center;
}
.produtBOX .row .col-md-3, .produtBOX .row .col-xs-6 {
	margin-top: 30px;/*padding-left: 0px;*/
}
.page {
	margin-top: 30px;
	text-align: center;
}
.page a.pbutton{ display:inline-block;}
.page a {
	color:#333333;
	font-size: 14px;
	border:1px solid #333333;
	padding:5px 10px;
	border-radius: 5px;
	margin-left:5px; margin-right:5px;
	display:none;
}
.page a:hover {
	background: #0b3348;
	color: #ccb395;
}
.page a.cur {
	background: #0b3348;
	color: #ccb395;
}
@media only screen and (min-width: 768px) {
.page a {
    display: inline-block;
  }
}

.sbBox {
	padding-bottom:20px;
}
.bzBox .swiper-button-next, .bzBox .swiper-button-prev {
	top: 20px;
}
.newsBox .newsTie {
	background: #0b3348;
	color: #ccb395;
	font-size: 18px;
	text-align: center;
	padding:10px 0px;
}
.newsList li {
	padding:10px;
	border-left: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
	border-bottom:1px solid #bbbbbb;
}
.newsList li .page {
	padding-bottom: 20px;
}
.newsList .liBox .libleft {
	float: left;
	width: 30%;
}
.newsList .liBox .libleft img {
	width: 100%;
}
.newsList .liBox .libright {
	float: left;
	width: 70%;
padding-left: 20px;
    padding-right: 20px;
    line-height: 23px;
    margin-top: 10px;
}
.newsList .liBox .libright .libh2 {
	font-size: 18px;
	color:#000000;
	line-height:1.5em;
}
.newsList .liBox .libright h3 {
	font-size: 12px;
	color:#818181;
	padding:10px 0px;
}
.newsList .liBox .libright p {
	font-size: 12px;
	color: #818181;
}
.newsList .liBox .libright p:after, .rlibox ul li p:after {
	content: '查看全文';
	color:red;
}
.newsBox .newsTie {
	position: relative;
}
.newsBox .newsTie a {
	position: absolute;
	right: 10px;
	top: 12px;
	font-size: 14px;
	color:#ccb395;
}
.newsBox .newscontent {
	border:1px solid #bbbbbb;
}
.newsBox .newscontent .newsinfo {
	border-bottom:1px solid #ccc;
	width:90%;
	margin-left:auto;
	margin-right:auto;
}
.newsBox .newscontent .newsinfo h3 {
	font-size: 21px;
	color: #426100;
	padding: 10px;
	padding-left:0;
	line-height: 2em;
	text-align: left;
	font-weight: bold;
}
.newsBox .newscontent .newsinfo p {
	width: 100%;
	text-align: left;
	padding: 10px 0 15px;
}
.newsBox .newscontent .newsdesc {
	width: 95%;
	border: 1px dotted #e5e5e5;
	padding: 5px 0;
	margin-bottom: 10px;
	text-indent: 24px;
	font-size:14px;
	margin-left:auto;
	margin-right:auto;
}
.newsBox .newscontent .newsdesc p {
	font-size:14px;
}
.newsBox .newscontent .newsshow {
	width:95%;
	margin-left:auto;
	margin-right:auto;
}
.newsBox .newscontent .newsshow img{max-width:98%; height:auto;}
.newsBox .newscontent .newsshow p {
	font-size: 14px;
	line-height: 30px;
	margin-top: 15px;
}
.newsBox .newscontent .newsprve {
	width: 90%;
	margin-top: 20px;
	margin-left:auto;
	margin-right:auto;
	font-size:14px;
}
.newsBox .newscontent .newsprve {
	line-height:30px;
}
.rlibox {
	border: 1px solid #bbbbbb;
	padding:20px;
}
.rlibox ul li p {
	color: #737373;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.rlibox ul li .libh22 {
	font-size: 16px;
	color:black;
}
.newHeadWrap {
	padding:20px 0px;
}
.newHeadWrap .logoLeft, .newHeadWrap .logoMid, .newHeadWrap .logoRight {
	float: left;
	width: 33%;
}
.newHeadWrap .logoLeft img {
	width: 240px;
}
.newHeadWrap .logoMid {
	text-align: center;
	margin-top: 20px;
}
.logoMid .headcnsay {
	font-size: 20px;
	font-weight: bold;
	color:#9b1118;
}
.logoMid .headensay {
	color:#9b1118;
	font-size: 14px;
	padding-top: 5px;
}
.logoRight img {
	float: left;
	width: 65px;
}
.logoRight .rcont {
	float: left;
	margin-left: 10px;
	color:#032435;
	font-size: 14px;
	margin-top: 10px;
}
.finside {
	float: right;
}
.processBox {
	float: right;
	width: 920px;
}
.processBox .posDiv {
	padding-bottom: 15px;
	border-bottom: 2px solid #c1c1c1;
}
.pcessBox h2 {
	font-weight: bold;
	font-size: 26px;
	color:black;
	text-align: center;
	padding-top: 30px;
}
.leftNavPro {
	display:block;
}
.navBoxName {
	padding-top: 15px;
	background: url("../images/cdh1.png") no-repeat;
	background-size: 100% 100%;
	padding-bottom:15px;
}
.navBoxName .navBig {
	color: #ccb395;
	font-size: 24px;
	text-align: center;
	font-weight: bold;
	line-height:1.1
}
.navBoxName .navSmall {
	color: #ccb395;
	font-size: 14px;
	text-align: center;
	padding-top: 5px;
	line-height:1.1
}
/*.navAlik {
	margin-top: 40px;
}*/
.navAlik a {
	display: block;
	color: #032435;
	font-size: 18px;
	height: 46px;
	text-align: center;
	background: url("../images/cdh2.png") no-repeat;
	background-size: 100% 100%;
	line-height:46px;
	transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.navAlik a:hover{
transition: all 0.3s;
-webkit-transition: all 0.3s;
font-weight:bold;
}
.navAlik a:active{
transition: all 0.3s;
-webkit-transition: all 0.3s;
font-weight:bold;
}
.navfootpic {
	display: block;
	height: 94px;
	background: url("../images/cdh3.png") no-repeat;
	background-size: 100% 100%;
}
.pcessFrame {
	position: relative;
	text-align: center;
	margin-top: 50px;
	text-align: center;
}
.prossimg {
	width: 700px;
}
.processWordBox {
	position: absolute;
	top:0px;
	left: 50%;
	width: 700px;
	margin-left: -350px;
}
.block {
	position: relative;
	display: block;
	width: 140px;
	height: 90px;
	cursor:pointer;
}
.b2017 {
	margin-top: 35px;
}
.b2016, .b2014, .b2012, .b2010, .b2006 {
	margin-left: 550px;
	margin-top: 10px;
}
.b2015, .b2013, .b2011, .b2009, .b1997 {
	margin-top: 15px;
}
.processWordBox a.block:hover .proDeil {
	display: block;
}
.proDeil {
	display: none;
	position: absolute;
	left:50%;
	margin-left: -110px;
	top:-112%;
	width: 220px;
}
.proDeil .insideDeil {
	padding:5px;
	background: white;
	border:2px solid #bbbbbb;
	border-radius: 5px;
}
.line {
	width: 1px;
	height: 20px;
	margin-left: 110px;
	border-right: 2px solid #bbbbbb;
}
.proDeil img {
	float: left;
	width: 100px;
}
.deiCont {
	float: left;
	width: 100px;
	padding-left: 10px;
	color:#333333;
}
.bbout .row, .produtBOX .row {
	margin-left: 0px;
	margin-right: 0px;
}
.mobileBom {
	position: fixed;
	bottom: 0px;
	height: 50px;
	left: 0px;
	width: 100%;
	background: #1d2123;
	display: none;
	z-index: 1000000;
}
.mobileBom a {
	display: block;
	width: 25%;
	float: left;
	text-align: center;
	font-size: 18px;
	color: white;
	padding-top: 10px;
}
.mobileBom a img {
	width: 30px;
}
.chanyeJq .jqTitle {
	margin-top: 50px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}
.jqBanner {
	width: 100%;
	margin:0px auto;
	margin-top: 30px;
	overflow: hidden;
}
.chanyeJq {
	width: 500px;
	margin:0px auto;
}
.cyJqBox {
	margin-top: 30px;
	padding:0px 10px;
}
.cyJqBox img {
	width:100%;
}
.cyJqBox p {
	font-size: 14px;
	margin-top: 10px;
	color: #262626;
}
.jqBanner a.bnLi {
	display: block;
	width: 33%;
	float: left;
	overflow: hidden;
	cursor: pointer;
}
.bnLi img {
	width: 500px;
}
 @media screen and (min-width: 320px) {

 .yfinside a span.icont {
width:80%;
display:inline-block
}
 .yfinside a span.icont u {
display:none
}
 .actGotop {
display:none;
}
 .rservice-right {
display:none;
}
 .actGotop a, .actGotop a:link {
display:none;
}
 .banner1 a:hover img.be2 {
 display: none;
}
 .yfinside .spbox .iname {
 font-size: 12px;
}
 .smbtnBox {
padding:0px;
}
 .newProduct {
margin-top:50px;
}
 .checkbtn {
 font-size: 12px;
 padding: 5px 20px;
}
 .bomDel .ptitle {
 font-size: 12px;
}
 .bomDel .pdesc {
 font-size: 12px;
}
 .swpinside {
 padding:0px 10px;
}
 .jgSwiper .swiper-button-next, .jgSwiper .swiper-button-prev {
 top:20%;
}
 .gcBox .swiper-button-next, .gcBox .swiper-button-prev {
 top:30%;
}
 .banner1 a {
 width: 65px;
 height: 25px;
 line-height: 25px;
}
 .spWordDeil .pzbz {
font-size:12px;
}
 .spWordDeil p {
font-size:12px;
}
 .comName .com1 {
 font-size: 12px;
}
 .comName .com2 .cmspan span {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
 .chanyeJq {
 width: 100%;
}
 .mobileBom {
 display: block;
}
 .footer {
 padding-bottom: 55px;
}
 .jgSwiper .swiper-slide, .nprList .swiper-slide {
 padding:0px;
/*padding-left: 40px;*/
    }
 .newjqSwip {
 padding:0px 30px;
 position: relative;
}
 .jgSwiper .swiper-container {
        /*padding:0px 60px;*/
         position: static;
}
 .hoverBox .jgmode {
 margin-top: 10px;
 font-size: 12px;
}
 .hoverBox span {
 font-size: 12px;
}
 .leftNavPro {
 display: none;
}
 .prossimg {
 width: 300px;
}
 .processBox {
 width: 100%;
}
 .processWordBox {
        /*display: none;*/
        width: 300px;
 margin-left: -150px;
}
 .block {
 width: 60px;
 height: 40px;
}
 .b2017 {
 margin-top: 15px;
}
 .b2016, .b2014, .b2012, .b2010, .b2006 {
 margin-left: 240px;
 margin-top: 5px;
}
 .b2015, .b2013, .b2011, .b2009, .b1997 {
 margin-top: 3px;
}
 .newsList .liBox .libleft {
 width: 100%;
}
 .newsList .liBox .libright {
 width: 100%;
}
 .newHeadWrap {
 display: none;
}
 .navTop {
 display: none;
}
 .mobileNewHead {
 display: block;
}
 .mobileRow {
 display: block;
}
 .pcRow {
 display: none;
}
 .serveBox {
 display: none;
}
 .coldel {
 border-left: 0px;
/*padding-left: 0px;*/
 padding-right: 20px;
    }
 .swiper-slide {
 padding:0px 40px;
}
.showpage .swiper-slide{ padding:0;}

 .bzBox .swiper-slide {
 padding:0px 30px;
}
 .greedAd .adicon {
 position: absolute;
 top:190px;
 left:50%;
 margin-left: -160px;
 width: 320px;
}
 .greenCont {
 position: absolute;
 top:40px;
 left:0px;
 width: 100%;
 text-align: center;
}
 .adBtn {
 margin-top: 10px;
 margin-left: 0px;
}
 .swiper-button-next, .swiper-button-prev {
 display: inline-block;
}
 .headBox a {
 color:white;
 font-size: 12px;
 margin-right: 2px;
}
 .headWrap .hbox {
 font-size: 12px;
 line-height: 36px;
 text-align: left;
 text-indent: 20px;
}
 .comFrame {
 width: 100%;
}
 .yfinside .spbox {
 width: 20%;
}
 .yfinside .spbox+.spbox+.spbox+.spbox {
/*display: none;*/
    }
 .comName .com2 {
 width: 80%;
}
 .imgCom .imgWrod p {
 display: none;
}
 .smbtnBox .smBox {
        /*margin-left: 10px;*/
        margin-top: 10px;
}
 .smbtnBox .smBox+.smBox {
 margin-left: 0px;
}
 .col-md-3, .col-xs-6 {
 padding-left: 0px;
 padding-right: 0px;
}
 .smBox a {
 width: 95%;
 height: 40px;
 margin:0px auto;
}
 .smBox a img {
 float: left;
 width: 17px;
 margin-left: 2px;
 margin-top: 10px;
}
 .smBox a span {
 font-size: 12px;
 padding-left: 8px;
 margin-top: -18px;
}
 .smBox .sb4 span {
 margin-top: -25px;
}
 .banner1 .bannbox {
 padding:0px 45px;
 position: relative;
}
 .banner1 .swiper-container {
 position: static;
}
 .banner1 a {
 font-size: 12px;
}
 .banner1 .swiper-slide {
 padding:0px 0px;
}
 .banner1 a img {
 display: none;
}

.banner1 a.active img.be2 {
 display: none;
}
 .rowSwiper, .rowSwiper .col-md-6, .gcBox .row {
 padding:0px;
 margin-left: 0px;
 margin-right: 0px;
}
 .rowSwiper .swiper-slide {
 padding:0px;
}
 .rowSwiper .swiper-slide img {
 width: 100%;
}
 .proDeil {
 display: none;
 position: absolute;
 left: 50%;
 margin-left: -55px;
 top: -145px;
 width: 110px;
}
 .proDeil img {
 float: none;
 width: 90px;
}
 .deiCont {
 float: none;
 width: 90px;
 padding-left: 0px;
 color: #333333;
}
 .line {
 margin-left: 55px;
}
 .proDeil .insideDeil {
 height: 126px;
}
 .bzBox .comFrame .bpc {
display:none
}
 .bzBox .comFrame .bwap {
display:block
}
 .gcSwper {
display:none;
}

.showpage .swiper-button-next, .showpage .swiper-button-prev{ display:block;}
.showpage .swiper-button-next {
	display: inline-block;
	width: 27px;
	height: 59px;
	background: url("../images/pcrbtn.png") no-repeat;
	background-size: 100% 100%;
	right: 20px;
	position: absolute;
	margin-top:-42px;
}
.showpage .swiper-button-prev {
	position: absolute;
	left: 20px;
	display: inline-block;
	width: 27px;
	height: 59px;
	background: url("../images/pclbtn.png") no-repeat;
	background-size: 100% 100%;
	margin-top:-42px;
}
/*==========以下部分是Validform必须的===========*/
.Validform_checktip{
	margin-left:8px;
	line-height:20px;
	height:20px;
	overflow:hidden;
	color:#999;
	font-size:12px;
}
.Validform_right{
	color:#71b83d;
	padding-left:20px;
	background:url(../images/right.png) no-repeat left center;
}
.Validform_wrong{
	color:red;
	padding-left:20px;
	white-space:nowrap;
	background:url(../images/error.png) no-repeat left center;
}
.Validform_loading{
	padding-left:20px;
	background:url(../images/onload.gif) no-repeat left center;
}
.Validform_error{
	background-color:#ffe7e7;
}
#Validform_msg{color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');}
#Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1;}
#Validform_msg .Validform_title{line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#000;}
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none;}
#Validform_msg a.Validform_close:hover{color:#cc0;}
#Validform_msg .Validform_info{padding:8px;border:1px solid #000; border-top:none; text-align:left;}
}
@media screen and (min-width: 375px) {
 .banner1 a {
 width: 80px;
}
}
@media screen and (min-width: 414px) {
 .banner1 a {
 width: 90px;
}
 .comName .com2 {
 width: 400px;
}
 .headWrap .hbox {
 text-align: center;
}
 .smbtnBox .smBox+.smBox {
 margin-left: 35px;
}
}
@media screen and (min-width: 768px) {
 .banner1 a {
 width: 210px;
 height: 55px;
 line-height: 55px;
 font-size: 18px;
}
 .imgCom .imgWrod p {
 display: block;
}
 .imgCom .imgWrod {
 top:10%;
}
 .imgCom .imgWrod p {
 padding:10px 10px;
}
 .smbtnBox .smBox+.smBox+.smBox {
 display: block;
}
}
@media (min-width: 992px){
.rowSwiper .col-md-6 {
    width: 100%;
}
 .gcSwper {
display:none;
}
 }
@media screen and (min-width:1024px) {
 .imgCom .imgWrod {
 top:30%;
}
 .smbtnBox .smBox+.smBox {
 margin-left: 115px;
}
 .bzBox .comFrame .bpc {
display:block
}
 .bzBox .comFrame .bwap {
display:none
}
 .gcSwper {
display:none;
}

.rowSwiper .col-md-6{ width:100%;}
.rowSwiper .swiper-slide {
 padding:0px;
}
.rowSwiper .swiper-slide img {
 width: 100%;
}

}
@media screen and (min-width: 1200px) {
.rowSwiper .col-md-6{ width:50%;}
.rowSwiper .swiper-slide {
 padding:0px;
}
.rowSwiper .swiper-slide img {
 width: 100%;
}
 .gcSwper {
display:block;
}

.showpage .swiper-button-next {
	display: inline-block;
	width: 47px;
	height: 109px;
	background: url("../images/pcrbtn.png") no-repeat;
	background-size: 100% 100%;
	right: 50px;
	position: absolute;
	margin-top:-52px;
}
.showpage .swiper-button-prev {
	position: absolute;
	left: 50px;
	display: inline-block;
	width: 47px;
	height: 109px;
	background: url("../images/pclbtn.png") no-repeat;
	background-size: 100% 100%;
	margin-top:-52px;
}
 .banner1 a:hover img.be2 {
 display: block;
}
.banner1 a.active img.be2 {
 display: block;
}
 .banner1 a {
 font-size: 22px;
}
 .banner1 a span{ padding-left:40px;}
 .yfinside .spbox .iname {
 font-size: 16px;
}
 .smbtnBox {
padding:20px 0px
}
 .actGotop {
position:fixed;
_position:absolute;
bottom:50px;
right:30px;
width:56px;
height:53px;
display:none;
z-index:1000;
}
.actGotop a, .actGotop a:link {
width:56px;
height:53px;
display:inline-block;
background:url(../images/gotop.png) no-repeat;
_background:url(../images/gotopd.png) no-repeat;
outline:none;
}
.actGotop a:hover {
background:url(../images/gotopd.png) no-repeat;
outline:none;
}
 .demo-icon {
 background-image:url(../images/gotop.png);
width:56px;
height:53px;
display:block;
}
.demo-icon:hover {
background-image:url(../images/gotopd.png);
width:56px;
height:53px;
}
/*new right*/
.rservice-right {
position:fixed;
right:20px;
top:55%;
margin-top:-200px;
z-index:1000;
display:block;
}
.rservice-right-meau {
position:relative;
}
.rservice-right-btn {
width:56px;
height:36px;
text-align:center;
display:block;
margin-bottom:6px;
position:relative;
}
 .rservice-right-meau:hover .rservice-right-btn span {
display:none
}
.rservice-right-meau:hover .rservice-right-btn p {
display:block;
}
.meau-car.rservice-right-meau:hover .rservice-right-btn span {
color:#fff;
display:block;
}
.meau-top .rservice-right-btn span {
font-size:12px;
line-height:12px;
padding-top:10px;
display:block
}
.meau-top .rservice-right-btn i {
display:block;
}
.meau-top.rservice-right-meau:hover .rservice-right-btn span {
display:block;
color:#fff
}
.meau-top.rservice-right-meau:hover .rservice-right-btn i {
color:#fff;
}
.rservice-right-box {
position:absolute;
top:-15px;
right:48px;
padding-right:25px;
display:none;
}
.rservice-right-box .box-border {
border:1px solid #ccc;
border-top:4px solid #ff6800;
padding:20px;
background-color:#fff;
-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
-moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
position:relative
}
.rservice-right-box .box-border .arrow-right {
display:block;
width:13px;
height:16px;
background:url(../images/arrow.png) no-repeat;
position:absolute;
right:-13px;
top:26px;
}
.rservice-right-box .box-border .sev-t span {
font-size:42px;
float:left;
display:block;
line-height:56px;
margin-right:20px;
color:#d3d3d3
}
.rservice-right-box .box-border .sev-t p {
float:left;
color:#ff6800;
font-size:24px;
line-height:28px;
}
.rservice-right-box .box-border .sev-t p i {
display:block;
font-size:14px;
color:#aaa;
}
.rservice-right-box .box-border .sev-b {
padding-top:15px;
margin-top:15px;
border-top:1px solid #e4e4e4
}
.rservice-right-box .box-border .sev-b h4 {
color:#666;
font-size:14px;
font-weight:normal;
padding-bottom:15px;
}
.rservice-right-box .box-border .sev-b li {
float:left;
width:33.33333%
}
.rservice-right-box .box-border .sev-b li a {
display:inline-block;
color:#999;
font-size:13px;
padding-left:43px;
background:url(../images/q1.gif) no-repeat left 3px;
line-height:36px;
}
.rservice-right-box .box-border .sev-b li a:hover {
color:#ff6800
}
.meau-sev .rservice-right-box .box-border {
width:430px;
}
.meau-contact .rservice-right-box .box-border {
width:230px;
}
.rservice-right-meau:hover .rservice-right-box {
display:block
}
.meau-code .rservice-right-box {
top:inherit;
bottom:-35px;
}
.meau-code .rservice-right-box .box-border {
width:156px;
text-align:center;
border-top:1px solid #ccc;
}
.meau-code .rservice-right-box .box-border i {
display:block;
color:#f66e06;
font-size:16px;
line-height:16px;
}
.meau-code .rservice-right-box .box-border .arrow-right {
top:inherit;
bottom:50px;
}
.meau-sev .rservice-right-btn .demo-icon {
display:none;
}
.meau-zs .rservice-right-btn {
background-color:#ff6800;
color:#fff;
margin-top:80px;
border-color:#ff6800
}
.meau-zs .rservice-right-btn span {
color:#fff
}
.meau-zs .rservice-right-btn p {
color:#fff
}
 .newProduct {
margin-top:110px;
}
 .greedAd .adicon {
 position: absolute;
 top:0px;
 left:0px;
 margin-left: 0px;
 width: auto;
}
 .greenCont {
 position: absolute;
 top:130px;
 /*left:50%;*/
 width: auto;
 text-align: right;
 right:6%;
}
 .agreenCont {
 position: absolute;
 top:130px;
 /*left:50%;*/
 width: auto;
 text-align:left;
 left:6%;
}
 .yfinside a span.icont {
width:60%;
display:inline-block
}
 .yfinside a span.icont u {
display:inline-block;
text-decoration:none;
}
 .adBtn {
 display: inline-block;
 background: #032435;
 color:white;
 font-size: 16px;
 font-weight: bold;
 padding:5px 10px;
 margin-top: 100px;
 margin-left: 160px;
}
 .aadBtn {
 display: inline-block;
 background: #032435;
 color:white;
 font-size: 16px;
 font-weight: bold;
 padding:5px 10px;
 margin-top: 100px;
 margin-left: 0px;
}
 .swiper-button-next, .swiper-button-prev {
 display: none;
}
 .headBox a {
 color:white;
 font-size: 14px;
 margin-right: 20px;
}
 .headWrap .hbox {
 font-size: 16px;
 line-height: 36px;
}
 .comFrame {
 width: 1200px;
 margin:0px auto;
}
 .yfinside .spbox {
 width: 20%;
}
 .yfinside .spbox+.spbox+.spbox+.spbox {
 display: block;
}
 .comName .com2 {
 width: 600px;
}
.comName .com2 .cmspan span{ font-size:18px;}
 .imgCom .imgWrod p {
 display:block;
}
 .imgCom .imgWrod {
 position: absolute;
 right: 0;
 top:20%;
 width: 50%;
 color:#ccb395;
}
 .imgCom .imgWrod h2 {
 color:#ccb395;
 display: block;
 text-align: center;
 font-size: 20px;
}
 .imgCom .imgWrod p {
 padding:10px 100px;
 font-size: 16px;
 line-height: 30px;
 text-indent: 40px;
}
 .smbtnBox .smBox+.smBox {
 margin-left: 120px;
}
 .smBox a {
 width: 210px;
 height: 95px;
}
 .smBox a img {
 float: left;
 width: auto;
 margin-top: 15px;
 margin-left: 20px;
}
 .smBox .sb4 span {
 margin-top: 30px;
}
 .smBox a span {
 float: left;
 display: block;
 font-size: 20px;
 color: white;
 margin-left: 15px;
 margin-top: 30px;
}
 .swiper-slide {
 padding:0px 0px;
}
 .coldel {
 border-left: 10px solid #032435;
 padding-left: 10px;
 margin-left:10px;
 margin-top:-10px;
}
 .serveBox {
 display: block;
}
 .mobileRow {
 display: none;
}
 .pcRow {
 display: block;
}
 .newHeadWrap {
 display: block;
}
 .navTop {
 display: block;
}
 .mobileNewHead {
 display: none;
}
 .newsList .liBox .libleft {
 width: 30%;
}
 .newsList .liBox .libright {
 width: 70%;
}
 .leftNavPro {
 display:block;
 
}
/*.padding-top{ position:relative; top:-75px;}*/
 .prossimg {
 width: 700px;
}
 .processBox {
 width: 920px;
}
 .processWordBox {
 display: block;
}
 .banner1 a img {
 display: block;
}
 .hoverBox .jgmode {
 font-size: 36px;
 color:white;
 font-weight: bold;
 margin-top: 95px;
}
 .newjqSwip {
 padding:0px 0px;
}
 .mobileBom {
 display: none;
}
 .footer {
 padding-bottom: 10px;
}
 .processWordBox {
 position: absolute;
 top:0px;
 left: 50%;
 width: 700px;
 margin-left: -350px;
}
 .block {
 position: relative;
 display: block;
 width: 140px;
 height: 90px;
}
 .b2017 {
 margin-top: 35px;
}
 .b2016, .b2014, .b2012, .b2010, .b2006 {
 margin-left: 550px;
 margin-top: 10px;
}
 .b2015, .b2013, .b2011, .b2009, .b1997 {
 margin-top: 15px;
}
 .proDeil {
 display: none;
 position: absolute;
 left:50%;
 margin-left: -110px;
 top:-112%;
 width: 220px;
}
 .proDeil .insideDeil {
 padding:5px;
 background: white;
 border:2px solid #bbbbbb;
 border-radius: 5px;
 height: auto;
}
 .line {
 width: 1px;
 height: 20px;
 margin-left: 110px;
 border-right: 2px solid #bbbbbb;
}
 .proDeil img {
 float: left;
 width: 100px;
}
 .deiCont {
 float: left;
 width: 100px;
 padding-left: 10px;
 color:#333333;
}
 .chanyeJq {
 width: 800px;
 margin:0px auto;
}
 .smbtnBox .smBox {
 margin-left: 30px;
 margin-right:30px;
}
 .comName .com1 {
 font-size: 32px;
}
 .banner1 a {
 width: 245px;
 height: 55px;
 line-height: 55px;
}
 .hoverBox span {
 font-size: 18px;
}
 .swpinside {
 padding:0px 5px;
}
 .bomDel .ptitle {
 font-size: 20px;
}
 .bomDel .pdesc {
 font-size: 16px;
}
 .checkbtn {
 font-size: 14px;
 padding: 5px 40px;
}
 .col-md-3, .col-xs-6 {
 padding-left: 15px;
 padding-right: 15px;
}
 .insideNav {
 top: 15px;
}
 .insideNav a {
 margin-left: 30px;
}
 .spWordDeil .pzbz {
font-size:14px;
}
 .spWordDeil p {
font-size:14px;
}
}
@media screen and (min-width: 1366px) {
 .insideNav {
 top: 22px;
}
 .insideNav a {
 margin-left: 30px;
}
}
 @media screen and (min-width: 1500px) {
 .insideNav {
 top: 30px;
}
 .insideNav a {
 margin-left: 50px;
}
}



/*------------------------------------------------------------------------------------------以下是为每个页面单独写到的样式--------------------------------------*/

/*顶部菜单重新修改的，用来兼容设备用 0321*/
.dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after{ display:none;}
.topbanner img{ margin-top:30px;}
@media screen and (min-width: 320px) {
.topbanner img{ margin-top:0;}
}
@media screen and (min-width: 1200px) {
.topbanner img{ margin-top:30px;}
}
/*左侧导航效果改过*/
.main_left {
	float:left;
	width:200px;
	position: relative;
	margin-top:-76px;
}
.main_left_small {
	position:fixed;
	top:0px;
	width:200px;
	margin:0px;
	z-index:100;
}
/*工厂实力图片浮动文字 0321*/
.baozhuangchejian {
	text-align:center;
	margin-top:15px;
}
.baozhuangchejian h5 {
	width:150px;
	text-align: center;
	font-size:18px;
	font-weight:bold;
	border-bottom:2px solid #333;
	padding:10px;
	margin:20px;
	margin-left:auto;
	margin-right:auto;
}
.xixiaochejian {
	background-color:#E4EAEA;
	margin-top:15px;
}
.xixiaochejian .xxcjpic {
	width:600px;
	float:left;
	padding:5px;
}
.xixiaochejian .xxcjpic ul li {
	width:285px;
	float:left;
	position:relative;
	cursor:pointer;
	padding:0;
	margin:5px;
}
.xixiaochejian .xxcjpic ul li .xxbg {
	width: 100%;
	height:100%;
	overflow: hidden;
	position: absolute;
	background: #000;
	top: 0px;
	left: 0px;
	display:block;
	opacity: 0.4;
}
.xixiaochejian .xxcjpic ul li .text {
	position:absolute;
	left:0;
	top:35%;
	width:100%;
	text-align: center;
	font-size:2rem;
	color:#FFF;
	display:block;
}
.xixiaochejian .xxcjpic ul li img {
	width:100%;
	text-align:center;
}
.xixiaochejian .xxcjtext {
	float:left;
	width:300px;
	padding-top:60px;
}
.xixiaochejian .xxcjtext h5 {
	font-size:18px;
	text-align:center;
	border-bottom:2px solid #000;
	width:100px;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
}
.xixiaochejian .xxcjtext h6 {
	line-height:2em;
	font-size:2rem;
	padding-left:20px;
	padding-right:20px;
	margin-top:20px;
}
.xixiaochejian2 {
	margin-top:15px;
}
.xixiaochejian2 ul li {
	float:left;
	width:25%;
	padding:5px;
	cursor:pointer;
	position:relative;
}
.xixiaochejian2 .xxbg {
	width: 100%;
	height:100%;
	overflow: hidden;
	position: absolute;
	background: #000;
	top: 0px;
	left: 0px;
	display:block;
	opacity: 0.4;
}
.xixiaochejian2 .text {
	position:absolute;
	left:0;
	top:35%;
	width:100%;
	text-align: center;
	font-size:2rem;
	color:#FFF;
	display:block;
}
@media screen and (min-width: 320px) {
.xixiaochejian .xxcjpic { width:100%;}
.xixiaochejian .xxcjpic ul li{ width:100%;}
.xixiaochejian .xxcjtext{ width:100%; padding-top:30px; padding-bottom:30px;}
.xixiaochejian2 ul li{ width:100%;}
}
@media screen and (min-width: 1200px) {
.xixiaochejian .xxcjpic { width:600px;}
.xixiaochejian .xxcjpic ul li{width:285px;}
.xixiaochejian .xxcjtext{ width:300px;}
.xixiaochejian2 ul li{ width:25%;}
}