@charset "utf-8";

/**Created by uplyw on 2017/7/8.*/

body {
	font-family: sans-serif;
}

.navbar {
	background: #263238;
	margin-bottom: 0;
	border-width: 0;
}

.nav {
	min-height: 90px;
}

.nav li a {
	line-height: 60px;
	font-size: 21px;
}

.navbar-default .nav li a {
	color: #fff;
}

.navbar-default .nav li a:hover {
	color: #22a5ea;
}

.navbar-default .navbar-brand {
	width: 224px;
	height: 90px;
	background: url(../img/logo.png) no-repeat;
	background-size: 80% 80%;
}
.carousel-indicators {
	bottom: 1px;
	margin-bottom: 0;
}
.carousel-inner .banner{
	height: 600px;
	background-size: 100% auto;
}
.carousel-inner .banner1{
	background: url(http://img.yunhaixitong.com/yh/e.jpg) no-repeat top center;
}
.carousel-inner .banner2{
	background: url(http://img.yunhaixitong.com/yh/010.jpg) no-repeat top center;
}
.carousel-inner .banner3{
	background: url(http://img.yunhaixitong.com/yh/010.jpg) no-repeat top center;
}

.banner_head{
	font-size: 48px;
}

.tedian,.youshi,.lianxi{
	padding: 20px 0;
	text-align: center;
}

.tedian_title,.youshi_title,.lianxi_title{
	font-size: 32px;
}

.tedian_subtitle,.youshi_subtitle,.lianxi_subtitle{
	font-size: 24px;
}

.tedian_list{
	padding: 20px 10px;
	margin: 20px 10px;
	border: 1px solid #ddd;
	border-radius: 3px;
}
.tedian_list:hover{
	margin-top: 18px;
	box-shadow: 0 2px 20px #ccc;
	transition: all .2s linear;
}

.tedian_list div{
	width: 84px;
	height: 84px;
	line-height: 84px;
	border-radius: 50%;
	margin: 0 auto;
}
.tedian_list:hover div{
	color: #22a5ea;
}
.tedian_list img{
	width: 100%;
	height: 100%;
}
.youshi{
	background: url(../img/bg2.jpg) no-repeat top center;
	background-size: 100% 100%;
	padding: 24px 0 36px;
}
.youshi .row{
	padding-top: 45px;
 }
.youshi_title,.lianxi_title{
	padding: 16px 0 18px;
}
.youshi_title,.youshi_subtitle,.lianxi_title,.lianxi_subtitle{
	color: #fff;
}
.youshi_list div{
	width: 138px;
	height: 138px;
	line-height: 138px;
	border-radius: 50%;
	margin: 0 auto;
}
.youshi_list .youshi_list_icon_yunying{
	color: #fca300;
	border: 3px solid #fca300;
}
.youshi_list .youshi_list_icon_yunying:hover{
	 color: #fff;
	 border: 3px solid #fca300;
	 background: #fca300;
	transition: all .2s linear;
 }
.youshi_list .youshi_list_icon_wangluo{
	color: #00a4f9;
	border: 3px solid #00a4f9;
}
.youshi_list .youshi_list_icon_wangluo:hover{
	color: #fff;
	border: 3px solid #00a4f9;
	background: #00a4f9;
	transition: all .2s linear;
}
.youshi_list .youshi_list_icon_jiafen{
	color: #e70000;
	border: 3px solid #e70000;
}
.youshi_list .youshi_list_icon_jiafen:hover{
	color: #fff;
	border: 3px solid #e70000;
	background: #e70000;
	transition: all .2s linear;
}
.youshi_list .youshi_list_icon_xianshang{
		color: #87dd0a;
	border: 3px solid #87dd0a;
}
.youshi_list .youshi_list_icon_xianshang:hover{
	color: #fff;
	border: 3px solid #87dd0a;
	background: #87dd0a;
	transition: all .2s linear;
}
.youshi_list h4{
	color: #fff;
	font-size: 24px;
	padding: 16px 0;
}
.lianxi{
	padding: 24px 0 36px;
	background:url(../img/bg-3.jpg) no-repeat top center;
	background-size: 100% 100%;
	color: #fff;
}
@media (min-width: 768px) {
	.navbar {
		border-radius: 0;
	}
	.carousel-indicators {
		bottom: 1px;
	}
	.navbar-default .navbar-brand {
		margin-top: 10px;
	}
}

@media only screen and (min-width: 100px) and (max-width: 640px) {
	.navbar-default .navbar-brand {
		margin-right: 20px;
		margin-left: 20px;
		width: 121px;
		height: 62px;
		background: url(../img/logo_min.png) no-repeat left center;
	}
	.carousel-inner .banner{
		height: 400px;
		/*background-size: 100% 50%;*/
	}

	.tedian_title,.youshi_title,.lianxi_title{
		font-size: 24px;
	}
	.tedian_subtitle,.youshi_subtitle,.lianxi_subtitle{
		font-size: 18px;
	}
	.youshi,.lianxi{
		background-size: cover;
	}
	.youshi_title,.lianxi_title{
		padding: 12px 0 4px;
	}
}


/*阿里字体icon*/
@font-face {font-family: "iconfont"; src: url('../font/iconfont.woff?t=1499511003933') format('woff'), /* chrome, firefox */  url('../font/iconfont.ttf?t=1499511003933') format('truetype')/* chrome, firefox, opera, Safari, Android, iOS 4.2+*/}
.iconfont {	font-family: "iconfont" !important;	font-size: 60px;	font-style: normal;	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale}
.icon-iconfont:before { content: "\e653"; }
.icon-fahuo:before { content: "\e617"; }
.icon-tag:before { content: "\e609"; }
.icon-ysf:before { content: "\e600"; }
.icon-dizhi:before { content: "\e614"; }
.icon-baobiao:before { content: "\e647"; }
.icon-dianhua:before { content: "\e6f0"; }
.icon-wangluo:before { content: "\e603"; }
.icon-dingdan:before { content: "\e61c"; }
.icon-jiafen:before { content: "\e667"; }
.icon-daili:before { content: "\e673"; }
.icon-shouquan:before { content: "\e6db"; }
.icon-tubiaozhizuomoban:before { content: "\e656"; }
.icon-yunying:before { content: "\e607"; }
.icon-jiage:before { content: "\e650"; }
.icon-xianshang:before { content: "\e651"; }