@charset "utf-8";
/* Link 全局链接样式 */
a{color:#393939;text-decoration:none; cursor:pointer;}
a:hover{color:#bd0a01;text-decoration:none;}
.fl{float: left;}
.fr{float: right;}
.width{width: 1152px;margin: 0 auto;}
input,select,textarea{font-family: "Microsoft YaHei","微软雅黑";}
.clear{clear: both;}

.content .banner{height: 450px;background: url(../images/iseasoft/banner.html) center top no-repeat;}
.content .downbanner{height: 700px;background: url(../images/downapp/downapp_banner.png) center no-repeat;}
.content .menu-about{border-bottom: 1px solid #eaeaea;}
.content .menu-about .width{border-left: 1px solid #eaeaea;height: auto;overflow: hidden;}
.content .menu-about a{border-right: 1px solid #eaeaea;border-top: 1px solid #eaeaea;display: block;float: left;width: 190px;background: url(../images/iseasoft/menu_bg.html) center bottom no-repeat #FFF;height: 106px;text-align: center;font-size: 14px;color: #2c2c30;}
.content .menu-about a:hover,.content .menu-about a.on{background-color: #03a9f4;color: #FFF;}
.content .menu-about a span{display: block;height: 26px;width: 44px;margin: 23px auto 0;background: url(../images/iseasoft/icons.html) no-repeat;margin-bottom: 15px;}
.content .menu-about .no1{background-position: 9px 0;}
.content .menu-about a:hover .no1,.content .menu-about a.on .no1{background-position: 9px -26px;}
.content .menu-about .no2{background-position: -41px 0;}
.content .menu-about a:hover .no2,.content .menu-about a.on .no2{background-position: -41px -26px;}
.content .menu-about .no3{background-position: -91px 0;}
.content .menu-about a:hover .no3,.content .menu-about a.on .no3{background-position: -91px -26px;}
.content .menu-about .no4{background-position: -150px 0;}
.content .menu-about a:hover .no4,.content .menu-about a.on .no4{background-position: -150px -26px;}
.content .menu-about .no5{background-position: -200px 0;width: 37px;}
.content .menu-about a:hover .no5,.content .menu-about a.on .no5{background-position: -200px -26px;}
.content .menu-about .no6{background-position: -243px 0;}
.content .menu-about a:hover .no6,.content .menu-about a.on .no6{background-position: -243px -26px;}

.content{height: auto;overflow: hidden; background:#fff;}
.content .title{text-align: center;font-size: 16px;color: #6a6a6c;text-align: center;padding: 50px 0;}
.content .title p{color: #2c2c30;font-size: 36px;padding-bottom: 7px;}
.content .floor_01{height: auto;overflow: hidden;background: url(../images/iseasoft/about/fl01_bg.html) center 176px no-repeat;}
.content .floor_01 .width{height: 700px;}
.content .floor_01 .fl,.content .floor_01 .fr{width: 100%;overflow: hidden;}
.content .floor_01 .width .fl{width: 100%;float:left; text-align:center; margin-top:30px;}
.content .floor_01 .width .fr{font-size: 16px;color: #FFF;line-height:28px;padding-top: 40px;}
.content .floor_01 .width .fr p{width: 1100px;margin-left: 30px;margin-top: 10px;text-indent: 2em;}

.content .floor_02{padding-bottom: 45px;}
.content .floor_02 .width ul{height: auto;overflow: hidden;}
.content .floor_02 .width ul li{float: left;width: 384px;font-size: 14px;line-height: 24px;color: #9e9e9e;text-align: center;height: 240px;margin-bottom: 56px;}
.content .floor_02 .width p{font-size: 20px;color: #464646;padding: 146px 0 18px;}
.content .floor_02 .width .no1 p{background: url(../images/iseasoft/about/i1_2.html) center top no-repeat;}
.content .floor_02 .width .no1:hover p{background: url(../images/iseasoft/about/i1_1.html) center top no-repeat;}
.content .floor_02 .width .no2 p{background: url(../images/iseasoft/about/i2_2.html) center top no-repeat;}
.content .floor_02 .width .no2:hover p{background: url(../images/iseasoft/about/i2_1.html) center top no-repeat;}
.content .floor_02 .width .no3 p{background: url(../images/iseasoft/about/i3_2.html) center top no-repeat;}
.content .floor_02 .width .no3:hover p{background: url(../images/iseasoft/about/i3_1.html) center top no-repeat;}
.content .floor_02 .width .no4 p{background: url(../images/iseasoft/about/i4_2.html) center top no-repeat;}
.content .floor_02 .width .no4:hover p{background: url(../images/iseasoft/about/i4_1.html) center top no-repeat;}
.content .floor_02 .width .no5 p{background: url(../images/iseasoft/about/i5_2.html) center top no-repeat;}
.content .floor_02 .width .no5:hover p{background: url(../images/iseasoft/about/i5_1.html) center top no-repeat;}
.content .floor_02 .width .no6 p{background: url(../images/iseasoft/about/i6_2.html) center top no-repeat;}
.content .floor_02 .width .no6:hover p{background: url(../images/iseasoft/about/i6_1.html) center top no-repeat;}

.content .floor_03{background: #EAEAEA;padding-bottom: 45px;height: auto;overflow: hidden;}
.content .floor_03 .width .fl{width: 500px;height: auto;overflow: hidden;}
.content .floor_03 .width .fl{height: auto;overflow: hidden;}
.content .floor_03 .width .fl .img{height: 260px;margin-bottom: 20px;}
.content .floor_03 .width .fl img{width:auto;max-width:500px;width:expression(this.width>500?"500px":true);height:auto;max-height:260px;height:expression(this.height>260?"260px":true);}
.content .floor_03 .width .fl .t{font-size: 18px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;margin-bottom: 15px;}
.content .floor_03 .width .fl .info{font-size: 14px;color: #7a7a7a;}
.content .floor_03 .width .fr{width: 620px;height: auto;overflow: hidden;font-size: 13px;color: #7a7a7a;}
.content .floor_03 .width .fr ul li{height: 96px;overflow: hidden;clear: both;}
.content .floor_03 .width .fr ul li em{display: block;font-size: 30px;line-height: 40px;float: left;width: 32px;text-align:center;border-bottom: 2px solid #7a7a7a;margin: 28px 21px;}
.content .floor_03 .width .fr ul li a{display: block;font-size: 16px;color: #000;margin: 22px 0 5px;}
.content .floor_03 .width .fr ul li:hover{background: #0050b4;color: #a9bee2;}
.content .floor_03 .width .fr ul li:hover a,.content .floor_03 .width .fr ul li:hover em{color: #FFF;}
.content .floor_03 .width .fr ul li:hover em{border-color: #FFF;}
/*.content .floor_03 .width ul{height: auto;overflow: hidden;}
.content .floor_03 .width li{float: left;padding-left: 28px;margin-bottom: 28px;}
.content .floor_03 .width li div{width: 455px;padding: 22px 16px 0 47px;background: #FFF;position: relative;height: 110px;}
.content .floor_03 .width li em{position: absolute;display: block;font-size: 30px;color: #fefefe;text-align: center;width: 52px;height: 52px;line-height: 52px;background: #0050b4;}
.content .floor_03 .width li em{left: -28px;top: 27px;}
.content .floor_03 .width li p{font-size: 18px;padding-bottom: 10px;}
.content .floor_03 .width li span{font-size: 14px;color: #8d8d8d;line-height: 24px;}
.content .floor_03 .width li:nth-child(2n){float: right;}*/

.content .floor_04{background: url(../images/iseasoft/about/fl04_bg.html) center top no-repeat;padding-bottom: 72px;clear: both;}
.content .floor_04 .width ul{height: auto;overflow: hidden;}
.content .floor_04 .width li{width: 372px;margin-right: 18px;float: left;background:rgba(255,255,255,0.8);background:#FFF 9;filter:Alpha(opacity=80);border-radius: 5px;text-align: center;}
.content .floor_04 .width li.no3{margin-right: 0;}
.content .floor_04 .width li span,.content .floor_04 .width li p{position: relative;}
.content .floor_04 .width li span{display: block;padding-top: 243px;font-size: 24px;color: #0050b4;}
.content .floor_04 .width .no1 span{background: url(../images/iseasoft/about/i7.html) center 54px no-repeat;}
.content .floor_04 .width .no2 span{background: url(../images/iseasoft/about/i8.html) center 54px no-repeat;}
.content .floor_04 .width .no3 span{background: url(../images/iseasoft/about/i9.html) center 54px no-repeat;}
.content .floor_04 .width li p{padding-top: 62px;margin-bottom: 47px;}
.content .floor_04 .width li p a{display: inline-block;width: 76px;height: 76px;line-height: 76px;border:2px solid #0050b4;border-radius: 40px;font-size: 13px;color: #0050b4;}

.content .floor_05{background: #eaeaea;}
.content .floor_05 .width{overflow: hidden;}
.content .floor_05 .slide ul{height: 336px;}
.content .floor_05 .slide li{width: 372px;overflow: hidden;height: 336px;border-radius: 6px;background: #FFF;margin-right: 18px;text-align: center;}
.content .floor_05 .slide li a{font-size: 20px;color: #2c2c30;line-height: 60px;}
.content .floor_05 .slide li .img{height: 276px;overflow: hidden;}
.content .floor_05 .bot{text-align: center;padding: 18px 0;}
.content .floor_05 .bot a{display: inline-block;width: 40px;height: 40px;}
.content .floor_05 .bot .next{background: url(../images/iseasoft/about/right.html) center top no-repeat;}
.content .floor_05 .bot .prev{background: url(../images/iseasoft/about/left.html) center top no-repeat;margin-right: 25px;}
.content .floor_05 .bot .next:hover{background: url(../images/iseasoft/about/right_on.html) center top no-repeat;}
.content .floor_05 .bot .prev:hover{background: url(../images/iseasoft/about/left_on.html) center top no-repeat;}

.content .floor_06{height:550px;background: url(../images/iseasoft/2016/06_bg.html) top center no-repeat; overflow: hidden;}
.content .floor_06 .title{color: #dee2eb;padding: 45px 0 85px 0;}
.content .floor_06 .title p{color: #FFF;}
.content .floor_06 ul li{float:left;width: 218px;height:50px;margin-bottom: 50px;}
.content .floor_06 ul li img{opacity: 0.7;}
.content .floor_06 ul li:hover img{opacity: 1;}

.content .floor_07{background: #eaeaea;}
.content .floor_07 .title{padding: 40px 0; font-size:36px; color:#333;}
.content .floor_07 .width{overflow: hidden; height:600px;}
.content .floor_07 .width ul{height: auto;overflow: hidden;}
.content .floor_07 .width li{width: 1050px;margin-left: 30px; color:#666; font-size:16px; line-height:32px;}
.content .floor_07 .width li img{ margin-top:30px;}


/* downapp */
.downapp_con{
	width: 100%;
	height: 500px;
	float: left;
}
.downapp{
	width: 1100px;
	margin:0 auto;
}
.downapp i{
	width: 80px;
	height: 4px;
	background: #265eff;
	float: left;
	margin-bottom: 30px;
}

.downapp li{
	width: 430px;
	float: left;
	list-style: none;
	margin-top: -30px;
}
.downapp li:last-child{
	width: 520px;
	float: right;
}
.do
.downapp li img{

}
.downapp li h1{
	width: 100%;
	float: left;
	font-size: 30px;
	color: #333;
	margin: 10px 0;
}
.downapp li h2{
	width: 100%;
	float: left;
	font-size: 18px;
	color: #666;
	margin-bottom: 8px;
}
.downapp li h3{
	width: 100%;
	float: left;
	font-size: 16px;
	color: #EA3323;
	margin-bottom: 8px;
}
.downapp li span{
	width: 160px;
	height: 220px;
	margin-right: 50px;
	margin-top: 10px;
	background: #ddd;
	float: left;
}
.downapp li span img{
	width: 160px;
	height: 160px;
	margin-left:0px;
}
.downapp li span.android_bg{
	background: url(../images/downapp/downapp_icon05.png) bottom no-repeat;
}
.downapp li span.ios_bg{
	background: url(../images/downapp/downapp_icon06.png) bottom no-repeat;
}

/* demo */
.demo_con{
	width: 100%;
	height: 640px;
	float: left;
}
.demo{
	width: 1000px;
	margin:0 auto;
}
.demo h1{
	font-size: 32px;
	float: left;
	margin: 70px 0 25px 290px;
}
.demo h2{
	font-size: 18px;
	color: #666;
	float: left;
	margin: 0 0 0 185px;
}
.demo i{
	width: 85px;
	height: 3px;
	float: left;
	background: #2a8cef;
	margin: 0 0 30px 440px;
}
.demo_list{
	width: 280px;
	float: left;
	padding:25px;
	margin:80px 34px 30px 34px;
	background: #fff;
	border: 1px solid #bdd4eb;
	border-radius: 6px;
	box-shadow: 0 15px 20px rgba(42,140,239,0.1);
}
.demo_list h1{
	font-size: 24px;
	float: left;
}
.demo_list h2{
	font-size: 18px;
	color: #666;
	width: 100%;
	float: left;
	padding: 10px 0 20px 0;
}
.demo_list:first-child h2{
	padding-top: 0;
}
.demo_list:first-child img{
	width: 90%;
	margin-left: 15px;
}
.demo_list img{
	width: 100%;
}
.demo_list:first-child a img{
	width: 44%;
	float: left;
	margin:0;
}