/*******************************
	-------[=公用]-------
********************************/
body{
	padding-top: 150px;
}
a{
		transition: .5s;
		-ms-transition: .5s;
		-moz-transition: .5s;
		-webkit-transition: .5s;
		-o-transition: .5s;
}
.row-a5{
	margin-bottom: 66px;
}
.g-btn1{
	display: block;
	width: 150px;
	margin: 0 auto;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	background-color: #1174c7;
	border: 1px solid #1174c7;
		transition: .5s;
		-ms-transition: .5s;
		-moz-transition: .5s;
		-webkit-transition: .5s;
		-o-transition: .5s;
}
.g-btn1:hover{
	color: #1174c7;
	background-color: #fff;
	border: 1px solid #1174c7;
}
.g-tit1{	
	text-align: center;
	color: #242424;
}
.g-tit1 h2{
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 30px;
	font-size: 28px;
	
}
.g-tit1 h2:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	text-align: center;
	width: 40px;
	height: 2px;
	background-color: #1174c7;
}
.g-tit1 p{
	font-size: 14px;
	line-height: 34px;
}
.g-tit2{
	margin-bottom: 20px;
	color: #fff;
	font-size: 22px;
}
.g-pages{
	text-align: center;
	font-size: 0;
	margin: 20px 0;
}
.g-pages li{
	display: inline-block;
}
.g-pages li a{
	display: block;
	padding: 4px 9px;
	margin: 0 2px;
	border: 1px solid #dbdbdb;
	font-size: 13px;

}
.g-pages li.on a,
.g-pages li a:hover{
	background-color: #1774c7;
	border: 1px solid #1774c7;
	color: #fff
}
.g-tit3{
	padding-bottom: 10px;
	font-size: 16px;
	color: #0066d9;
	border-bottom: 1px solid #e4e4e4;
}
.g-tit3 span{
	font-weight: 400;
	color: #999;
	text-transform: uppercase;
}
/*
-----------------[悬浮菜单]--------------*/
.h50{
	display: none;
}
.yunu-link{
	display: none;
	overflow: hidden;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9;
	background-color: #fff;
	padding: 4px 0;
	box-shadow: 5px 0 10px rgba(0,0,0,.05);
}
.yunu-link li{
	float: left;
	width: 25%;
}
.yunu-link li a{
	display: block;
	text-align: center;
	font-size: 13px;
	color: #000;
}
.yunu-link li.on a,
.yunu-link li:hover a{
	color: #ba2222;
}
.yunu-link li a i{
	display: block;
	width: 25px;
	margin: 0 auto;
	height: 25px;
	background-repeat: no-repeat;
	background-position: center center;
		-webkit-background-size: contain;
		background-size: contain;
}
.yunu-link li a .i1{
	background-image: url(../images/icon6.png);
}
.yunu-link li.on .i1,
.yunu-link li:hover .i2{
	background-image: url(../images/icon6-on.png);
}
.yunu-link li a .i2{
	background-image: url(../images/icon7.png);
}
.yunu-link li.on .i2,
.yunu-link li:hover .i2{
	background-image: url(../images/icon7-on.png);
}
.yunu-link li a .i3{
	background-image: url(../images/icon8.png);
}
.yunu-link li.on .i3,
.yunu-link li:hover .i3{
	background-image: url(../images/icon8-on.png);
}
.yunu-link li a .i4{
	background-image: url(../images/icon9.png);
}
.yunu-link li.on .i4,
.yunu-link li:hover .i4{
	background-image: url(../images/icon9-on.png);
}











/*******************************
	-------[=头部]-------
********************************/
.yunu-header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	background-color: #fff;
	box-shadow: 0 5px 10px rgba(0,0,0,.05);
}
.yunu-header .top{
	overflow: hidden;
	height: 50px;
	background-color: #1774c7;
	color: #fff;
	font-size: 14px;
}
.yunu-header .top p{
	float: left;
	height: 50px;
	line-height: 50px;
}
.yunu-header .top .link{
	float: right;
}

.yunu-header .top .link li{
	float: left;
	margin-left: 10px;
	color: #fff;
	height: 50px;
	line-height: 50px;
}
.yunu-header .top .link li.fang{
	font-size: 22px;
}
.yunu-header .top .link li a{
	color: #fff;
}
.yunu-header .bottom{
	height: 100px;
	*zoom:1;
}
.yunu-header .bottom:after,.yunu-header .bottom:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }
.yunu-header .logo{
	float: left;
	height: 100px;
	line-height: 100px;
}
.yunu-header .logo img{
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
}
.menuBtn{
	display: none;
	position: relative;
	float: right;
	width: 50px;
	height: 50px;
	padding: 5px;
	cursor: pointer;
}
.menuBtn b{
	display: block;
	width: 100%;
	height: 4px;
	border-radius: 2px;
	background-color: #1774c7;
	margin: 5px 0 7px;
		transition: .3s;
		-ms-transition: .3s;
		-moz-transition: .3s;
		-webkit-transition: .3s;
		-o-transition: .3s;
}
.menuBtn.open b{
	position: absolute;
	left: 5px;
	top: 35%;
	display: none;
	width: 40px;
}
.menuBtn.open b:first-child{
	display: block;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}
.menuBtn.open b:last-child{
	display: block;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
}
.yunu-nav{
	float: right;
	line-height: 100px;
}
.yunu-nav li{
	float: left;
	position: relative;
}
.yunu-nav li .v1{
	display: block;
	padding: 0 38px;
	color: #434343;
	border-bottom: 2px solid #fff;
	font-weight: 600;
	font-size: 16px;
		transition: .5s;
		-ms-transition: .5s;
		-moz-transition: .5s;
		-webkit-transition: .5s;
		-o-transition: .5s;
}
.yunu-nav li.ok .v1,
.yunu-nav li:hover .v1{
	color: #94a6ec;
	border-bottom: 2px solid #94a6ec;
}
.yunu-nav dl{
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	 background-color: #fff; 
	z-index: 99;
}
.yunu-nav li:hover dl{
	display: block;
}
.yunu-nav dl dd a{
	display: block;
	text-align: center;
	height: 50px;
	line-height: 50px;
	color: #444;
	font-size: 14px;
	border-bottom: 1px solid #ddd;
}
.yunu-nav dl dd:last-child a{
	border-bottom: 0;
}
.yunu-nav dl dd a:hover{
	background-color: #ffffff;
	color: #1774c7;
}
/*******************************
	-------[=banner]-------
********************************/
.banner{

}
.banner .item{
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
		-o-background-size: cover;
		-ms-background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		background-size: cover;
		z-index: 1;
}
.banner .item .con{
	padding-top: 34%;
}
.banner .item .txt{
	position: absolute;
	top: 20%;
	width: 34%;
	color: #fff;
	line-height: 34px;
}
.banner .item .txt h3{
	margin-bottom: 50px;
	font-size: 38px;

}
.banner .item .txt p{
	margin-bottom: 40px;
	font-size: 14px;

}
.banner .item .txt .g-btn1{
	margin: 0;
}
.banner .item .txt .g-btn1:hover{
	border: 1px solid #fff;
}
.banner .slick-arrow{
    position: absolute;top: 50%;margin-top: -25px;overflow: hidden;cursor: pointer;
    width: 50px;height: 50px;font-size: 0;line-height: 0;z-index: 9;
    background-repeat: no-repeat;
    background-position: center center;
    -o-background-size: auto 28px;
    -ms-background-size: auto 28px;
    -moz-background-size: auto 28px;
    -webkit-background-size: auto 28px;
    background-size: auto 28px;
    background-color: rgba(204,204,204,0);
    border: 0;
    outline: 0;
}
.banner .slick-prev{left: 2%;background-image: url(../images/arr-l.png);}
.banner .slick-next{right: 2%;background-image: url(../images/arr-r.png);}
.banner .slick-dots{
	position: absolute;
	left: 0;
	bottom: 5%;
	width: 100%;
	text-align: center;
	z-index: 99;
}
.banner .slick-dots li{
	display: inline-block;
	margin: 0 5px;
}
.banner .slick-dots button{
	background-color: #fff
	;cursor: pointer;
	border-radius: 50%;
	border: 0;
	width: 12px;
	height: 12px;
	outline: 0;
	font-size: 0;
	padding: 0;
}
.banner .slick-dots li.slick-active button{background: #d9181d;}
/*******************************
	-------[=专注]-------
********************************/
.row-a1{
	padding: 100px 0 80px;
}
.ul-imgtxt1{
	overflow: hidden;
	margin: 60px 0 50px;
}
.ul-imgtxt1 li{
	float: left;
	width: 33.33%;
}
.ul-imgtxt1 li .con{
	margin: 0 40px;
}
.ul-imgtxt1 li .pic{
	width: 120px;
	margin: 0 auto;
	height: 120px;
	overflow: hidden;
	cursor: pointer;
}

.ul-imgtxt1 li .pic img{
	display: block;
	width: 100%;
	height: 100%;
}
.ul-imgtxt1 li .pic:hover img{
	-webkit-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
.ul-imgtxt1 li .txt{
	margin-top: 20px;
	text-align: center;
}
.ul-imgtxt1 li .txt h3{
	margin-bottom: 30px;
	font-size: 16px;
	color: #000;
}
.ul-imgtxt1 li .txt p{
	font-size: 13px;
	line-height: 34px;
}

.m-btn1:hover{
	
}


/*******************************
	-------[=服务]-------
********************************/
.row-a2{
	padding: 136px 0 52px;
	background-repeat: no-repeat;
	background-position: center center;
		-o-background-size: cover;
		-ms-background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		background-size: cover;
}
.row-a2 .g-tit1{
	color: #fff;
}
.row-a2 .g-tit1 h2{
	padding-bottom: 0;
}
.row-a2 .g-tit1 h2:after{
	display: none;
}
.ul-txt1{
	overflow: hidden;
	margin: 70px 0;
}

.ul-txt1 li{
	float: left;
	width: 33.33%;
}
.ul-txt1 li .txt{
	color: #fff;
	text-align: center;
}

.ul-txt1 li .txt h3{
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 30px;
	font-size: 50px;
}
.ul-txt1 li .txt h3:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 140px;
	height: 1px;
	background-color: #fff;
}
.ul-txt1 li .txt p{
	font-size: 20px;
}
/*******************************
	-------[=友情链接]-------
********************************/
.row-a6{
	overflow: hidden;
	background-color: #005188;
	border-bottom: 5px solid #02b29d;
}

.m-link1{
	padding: 20px 0;
}
.m-link1 .item{
	overflow: hidden;
	color: #95abc1;
}
.m-link1 .item:first-child{
	margin-bottom: 40px;
}
.m-link1 .item span{
	float: left;
	font-size: 16px;
	margin-right: 18px;
	font-weight: 600;
}
.ul-link1{overflow: hidden;}
.ul-link1 li{
	float: left;
}
.ul-link1 li a{
	display: block;
	margin-right: 20px;
	font-size: 14px;
	color: #95abc1;
	height: 21px;
	line-height: 21px;
}
.ul-link1 li a:hover{
	color: #fff;
}

/*******************************
	-------[=底部]-------
********************************/
.yunu-footer{
	padding: 70px 0 26px;
	background-color: #333;
}
.fd-box{
	overflow: hidden;
	margin-bottom: 65px;
}
.fd-box .col-l,
.fd-box .col-c,
.fd-box .col-r{
	width: 33.33%;
}
.fd-txt1{
	
}
.fd-txt1 .txt{
	font-size: 14px;
	color: #d9d9d9;
}

.fd-txt1 .txt p:first-child{
	line-height: 24px;
	
}
.fd-txt2 .txt{
	padding-top: 6px;
	font-size: 14px;
	color: #d9d9d9;
	line-height: 28px;
}
.fd-txt2 .txt p:first-child{
	margin-bottom: 6px;
	font-size: 18px;
}
.fd-txt2 .more{
	font-size: 14px;
	color: #439ff0;
	font-style: italic;
}
.fd-so form{
	font-size: 0;
}
.fd-so .inp{
	padding: 0 8px;
	width: 77%;
	height: 46px;
	border: 0;
	background-color: #fff;
	vertical-align: top;
}
.fd-so .btn{
	width: 23%;
	height: 46px;
	color: #fff;
	text-align: center;
	border: 0;
	background-color: #1174c7;
	cursor: pointer;
	font-size: 14px;
}
.fd-so .btn:hover{
	background-color: #2491e1;
}
.fd-so .so{
	overflow: hidden;
	margin-top: 16px;
	color: #f0f0f0;
	font-size: 12px;
}
.fd-so .so span{
	float: left;
}
.fd-so .so li{
	float: left;
	
}
.fd-so .so li a{
	margin-right: 16px;
	color: #f0f0f0;
}

.yunu-footer .copy{
	font-size: 13px;
	text-align: center;
	color: #d9d9d9;
}
/*******************************
	-------[=产品列表]-------
********************************/
.m_chanpin{
	overflow: hidden;
	margin-bottom: 30px;
}
.m_chanpin .desc{
	padding: 10px;
	margin-top: 20px;
	line-height: 24px;
	text-indent: 2em;
	font-size: 14px;
	border: 1px dotted #e5e5e5;
	color: #868686;
	background-color: #f5f5f5;
}
.ul-imgtxt2{
	margin-top: 0;
}
.ul-imgtxt2 li{
	width: 33.33%;
}
.ul-imgtxt2 li a{
	border: 0;
}
.ul-imgtxt2 li .pic{
	padding: 4px;
	border-radius: 4px;
	border: 1px solid #e1e1e1;
}

.ul-imgtxt2 li a p{
	font-size: 16px;
	height: 32px;
	line-height: 32px;
}
.ul-imgtxt2 li a:hover{
	border: 0;
}
/*******************************
	-------[=产品详情]-------
********************************/
.m-list1{
	overflow: hidden;
	padding: 14px 0 25px;
	border-bottom: 1px dotted #a9a9a9;
}
.m-pic1{
	float: left;
	width: 43%;
}
.m-pic1-for{margin-bottom: 10px;}
.m-pic1-for .item{
	height: 290px;
	cursor: pointer;
}
.m-pic1-for .item img{width: 100%;height: 100%;display: block;}
.m-pic1-for .item:hover img{
		-webkit-transform: scale(1.08);
		-moz-transform: scale(1.08);
		-o-transform: scale(1.08);
		-ms-transform: scale(1.08);
		transform: scale(1.08);
}
.m-pic1 .slick-arrow{
    position: absolute;top: 50%;margin-top: -16px;overflow: hidden;cursor: pointer;
    width: 32px;height: 32px;font-size: 0;line-height: 0;z-index: 9;
    background-repeat: no-repeat;
    background-position: center center;
    -o-background-size: auto 16px;
    -ms-background-size: auto 16px;
    -moz-background-size: auto 16px;
    -webkit-background-size: auto 16px;
    background-size: auto 16px;
    background-color: rgba(0,0,0,1);
    border: 0;
    outline: 0;
    border-radius: 50%;
    opacity: .2;
}

.m-pic1 .slick-prev{left: 2%;background-image: url(../images/prev.png);}
.m-pic1 .slick-next{right: 2%;background-image: url(../images/next.png);}
.m-pic1-nav{text-align: center;}
.m-pic1-nav .item{width: 40px !important;height: 32px;padding: 2px;
	border: 1px solid #5280DD;margin: 0 2px;display: inline-block !important;float: none !important;
}
.m-pic1-nav .item img{width: 100%;height: 100%;display: block;cursor: pointer;}
.m-txt1{
	overflow: hidden;
	padding-left: 38px;
}
.m-txt1 h3{
	font-size: 16px;
	padding-bottom: 9px;
	margin-bottom: 9px;
	border-bottom: 1px dotted #a9a9a9;
}
.m-txt1 .txt{
	margin-right: 100px;
}
.m-txt1 .txt p{
	line-height: 28px;
	margin-bottom: 10px;
	font-size: 14px;
	color: #2f2f2f;
}

.m-txt1 .btn{
	display: block;
	width: 98px;
	height: 32px;
	line-height: 32px;
	padding-left: 15px;
	background-color: #1774c7;
	color: #fff;
}
.m-txt1 .btn:hover{
	background-color: #444;
}
.m-txt1 .btn span{
	display: block;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/icon4.png);
}

.m-txt2{
	margin-top: 25px;
}
.m-txt2 p{
	font-size: 14px;
	line-height: 26px;
	margin-bottom: 10px;
}

.ul-txt2{
	overflow: hidden;
	margin: 20px 0 50px;
}
.ul-txt2 li{
	float: left;
	font-size: 14px;
}
.ul-txt2 li:last-child{
	float: right;
}

.ul-txt2 li a{
	color: #337AB7;
		transition: .3s;
		-ms-transition: .3s;
		-moz-transition: .3s;
		-webkit-transition: .3s;
		-o-transition: .3s;
}
.ul-txt2 li a:hover{
	color: #ea042b;
}
.m-list3{
	padding: 25px 0;
}
.ul-link2{
	overflow: hidden;
	margin-top: 20px;
}
.ul-link2 li{
	float: left;
	margin-bottom: 20px;
}
.ul-link2 li a{
	display: block;
	margin-right: 17px;
	font-size: 14px;
}
.ul-link2 li a:hover{
	color: #ea042b;
}
.ul-news1{
	overflow: hidden;
	margin: 0 -10px;
}
.ul-news1 li{
	float: left;
	width: 50%;
	padding: 0;
	margin-bottom: 20px;
}
.ul-news1 li .tit{
	margin: 0 10px;
}
.m-list2{
	margin-bottom: 25px;
}