/*-----------------[初始化]--------------*/
body{color: #333;font-size: 12px;font-family:"微软雅黑","Microsoft Yahei";min-width: 1280px;}
a{color: #333;}
a:hover{color: #00b8f1;}
img,.ani{
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
input,textarea,select{font-size: 12px;color: #444;font-family:"微软雅黑","Microsoft Yahei";}
input[type='submit'],input[type='reset'],input[type='button'],select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}


/*布局*/
.wp{width: 1280px;margin: 0 auto;}
.h50{height: 50px;clear: both;overflow: hidden;}
.h100{height: 100px;clear: both;overflow: hidden;}



/*******************************
	-------[=头部]-------
********************************/
#hd{height: 160px;overflow: hidden;padding: 0 60px 0 50px;background-color: #fff;}
.logo{float: left;line-height: 160px;}
.logo img{display: inline-block;vertical-align: middle;}
.nav{float: right;}
.nav li{float: left;margin-left: 50px;margin-top: 62px;}
.nav li a{display: block;color: #000;font-size: 18px;padding-bottom: 7px;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
.nav li.on a,.nav li:hover a{color: #00b8f1;border-bottom: 1px solid #00b8f1;}
.index #hd{background: 0;position: absolute;top: 0;left: 0;right: 0;z-index: 99;height: 140px;}
.index .logo{line-height: 145px;}
.index .nav li a{color: #fff;}
.index .nav li.on a,.index .nav li:hover a{color: #00b8f1;border-bottom: 1px solid #00b8f1;}


/*******************************
	-------[=内容]-------
********************************/
#banner{height: 980px;position: relative;
	background-position: center center;background-repeat: no-repeat;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}
#banner .txt{text-align: center;padding-top: 380px;}
#banner .txt em{font-size: 20px;color: #00b8f1;text-transform: uppercase;font-family: arial;display: block;margin-bottom: 38px;}
#banner .txt h2{font-size: 70px;color: #fff;padding-bottom: 50px;
	background: url(../images/bor1.jpg) no-repeat center bottom;
}
.a-down{width: 58px;height: 58px;display: block;position: absolute;bottom: 114px;left: 50%;margin-left: -29px;
	background: url(../images/ico-down.png) no-repeat center center;
}

#ban{height: 535px;
	background-position: center center;background-repeat: no-repeat;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}
.g-t1{font-size: 35px;text-align: center;font-weight: normal;padding-top: 72px;}
.g-t2{width: 346px;background-color: #00b8f1;margin: -54px auto 0;text-align: center;margin-bottom: 100px;color: #fff;font-size: 35px;font-weight: normal;padding: 14px 0 18px;}
.g-t2 em{display: block;font-size: 25px;text-transform: uppercase;padding-top: 4px;}

.m-list1{padding-top: 44px;}
.m-list1 li{overflow: hidden;background-color: #00b8f1;margin-bottom: 50px;}
.m-list1 .con{display: block;overflow: hidden;}
.m-list1 .pic{width: 640px;height: 351px;overflow: hidden;}
.m-list1 .pic img{width: 100%;height: 100%;display: block;}
.m-list1 .txt{width: 640px;text-align: center;color: #fff;}
.m-list1 .txt h4{font-size: 35px;font-weight: normal;}
.m-list1 .txt em{font-size: 12px;text-transform: uppercase;}
.m-list1 .txt span{display: block;height: 163px;margin-bottom: 23px;
	background-position: center bottom;background-repeat: no-repeat;
}
.m-list1 .txt .i1{background-image: url(../images/ico-01.png);}
.m-list1 .txt .i2{background-image: url(../images/ico-02.png);}
.m-list1 .txt .i3{background-image: url(../images/ico-03.png);}
.m-list1 li:hover .pic img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.row2{color: #fff;text-align: center;font-size: 18px;line-height: 35px;padding: 4px 0 50px;}
.row2 .g-t1{margin-bottom: 72px;}
.row2 p{margin-bottom: 35px;}

.m-txt1{border: 1px solid #ebebeb;overflow: hidden;
	padding: 73px 70px 68px 83px;
}
.m-txt1 .pic{width: 536px;height: 501px;float: left;}
.m-txt1 .txt{overflow: hidden;padding-left: 80px;font-size: 22px;line-height: 35px;}
.m-txt1 .txt h4{font-size: 30px;font-weight: normal;padding-top: 13px;margin-bottom: 51px;}
.m-txt1 .txt p{margin-bottom: 35px;}

.m-list2{padding: 167px 0 132px 185px;margin-top: -1px;
	background: url(../images/bor2.png) no-repeat center top;
}
.m-list2 li{overflow: hidden;height: 72px;line-height: 72px;padding-left: 52px;
	background: url(../images/ico-04.png) no-repeat left center;
}
.m-list2 li span{width: 175px;float: left;font-size: 30px;color: #00b8f1;}
.m-list2 li p{overflow: hidden;font-size: 22px;}

.m-list3{}
.m-list3 li{margin-bottom: 100px;}
.m-list3 .tit{border: 1px solid #ebebeb;height: 133px;overflow: hidden;cursor: pointer;
	padding: 0 0 0 45px;background: url(../images/ico-05.png) no-repeat right center #fafafa;
}
.m-list3 .tit span{height: 133px;width: 69px;display: block;float: left;
	background-position: center center;background-repeat: no-repeat;
}
.m-list3 .tit .i1{background-image: url(../images/i-01.png);}
.m-list3 .tit .i2{background-image: url(../images/i-02.png);}
.m-list3 .tit .i3{background-image: url(../images/i-03.png);}
.m-list3 .tit h4{overflow: hidden;color: #00b8f1;padding-left: 30px;padding-top: 33px;font-size: 35px;font-weight: normal;}
.m-list3 .tit em{text-transform: uppercase;font-size: 12px;display: block;}


.m-list3 .con{overflow: hidden;height: 405px;padding: 50px 65px 0 50px;border: 1px solid #ebebeb;border-top: 0;}
.m-list3 .pic{width: 576px;height: 351px;float: left;}
.m-list3 .pic img{width: 100%;height: 100%;display: block;}
.m-list3 .txt{overflow: hidden;font-size: 20px;line-height: 40px;padding-left: 60px;}
.m-list3 .txt p{margin-bottom: 35px;}

.m-list4{overflow: hidden;}
.m-list4 li{overflow: hidden;width: 640px;float: left;height: 425px;border-bottom: 1px solid #ebebeb;margin-bottom: 72px;}
.m-list4 li.i2{
	background: url(../images/bor3.png) no-repeat left 10px;
}
.m-list4 li.i2 .con{width: auto;padding-left: 130px;}
.m-list4 .con{width: 515px;}
.m-list4 h4{font-size: 35px;font-weight: normal;color: #00b8f1;margin-bottom: 31px;}
.m-list4 strong{font-size: 20px;font-weight: normal;display: block;margin-bottom: 15px;}
.m-list4 .txt{line-height: 24px;font-size: 14px;}
.m-list4 .txt p{overflow: hidden;}
.m-list4 .txt em{float: left;}
.m-list4 .txt span{overflow: hidden;display: block;}
.m-list4 li.bot{width: auto;float: none;clear: both;}
.m-list4 li.i-h{height: 550px;}

.m-mail{font-size: 20px;color: #00b8f1;text-align: center;margin-bottom: 125px;}

/*******************************
	-------[=底部]-------
********************************/
#fd{background-color: #f2f2f2;}
.fd-con{overflow: hidden;padding: 59px 0 33px;font-size: 14px;color: #999;}
.fd-con .col-l,.fd-con .col-c,.fd-con .col-r{width: 325px;}
.fd-con .col-c{margin-left: 155px;}
.fd-tit{border-bottom: 1px solid #d8d9d9;font-size: 18px;font-weight: normal;color: #00b8f1;text-align: center;padding-bottom: 23px;margin-bottom: 20px;}
.fd-con .txt p{line-height: 25px;margin-bottom: 14px;text-align: center;}
.fd-con .txt p span{display: block;}
.ul-qr{}
.ul-qr li{padding-left: 43px;margin-bottom: 20px;}
.ul-qr li p{float: left;width: 115px;margin-top: 13px;line-height: 24px;}
.ul-qr li span{width: 63px;height: 63px;display: block;float: left;position: relative;margin-left: 42px;cursor: pointer;}
.ul-qr li .sina{background: url(../images/ico-sina.png) no-repeat center center #f77;}
.ul-qr li .weixin{background: url(../images/ico-weixin.png) no-repeat center center #5ac64f;}
.ul-qr li .qr{width: 90px;height: 90px;padding: 5px;border-radius: 5px;background-color: #fff;
	box-shadow: 0px 0px 5px rgba(0,0,0,.5);position: absolute;top: -18px;left: -105px;display: none;
}
.ul-qr li span:hover .qr{display: block;}
.fd-cory{border-top: 1px solid #d8d9d9;height: 94px;overflow: hidden;line-height: 94px;
	font-size: 14px;color: #999;
}
.fd-cory .wp{position: relative;}
.fd-cory .link{position: absolute;top: 0;left: 0;height: 94px;}
.fd-cory .link a{font-size: 14px;color: #999;padding-right: 5px;}
.fd-cory .link a:hover{color: #00b8f1;}
.fd-cory .copyrights {text-align: center;}
.fd-logo{position: absolute;top: 0;right: 0;height: 94px;line-height: 94px;}
.fd-logo img{display: inline-block;vertical-align: middle;}