/*公共样式*/
.titleGin{text-align: center;}
.titleGin h2{position: relative;padding-bottom: 14px; font-size: 40px; color: #555;font-weight: normal;}
.titleGin p{font-size: 18px;color: #999}



/*内容样式*/
.container{position: relative;overflow: hidden;}
.content01{padding: 80px 0 56px}
.content01 .titleGin{margin-bottom: 30px;}
.content01 .content{font-size: 14px; color: #999;line-height: 32px;}
.content01 .content p{text-indent: 25px;}
.content01 .ul01 {margin-top: 40px;}
.content01 .ul01 li{float: left; width: 21%;margin: 0 2%;position: relative;text-align: center;}
.content01 .ul01 li:after{display: block;content: "";clear: both;position: absolute;top: 10px;right: -9%; width:1px; height:84px; background: #999;}
.content01 .ul01 li:last-child:after{display: none;}
.content01 .ul01 li:nth-child(2):after{right: -16%;}
.content01 .ul01 li:nth-child(3):after{right: -19%;}
.content01 .ul01 li .img{ width: 91px; height: 61px;margin: 0 auto 10px;}
.content01 .ul01 li .img img{transition: all 0.5s ease 0s;transition: all .5s;-webkit-transition: all .5s;-ms-transition: all .5s; }
.content01 .ul01 li:hover .img img{transform: rotate(20deg);-webkit-transform: translateY(-20px);-moz-transform: translateY(-20px);-ms-transform: translateY(-20px);
	-o-transform: translateY(-20px);transform: translateY(-20px);}
.content01 .ul01 li .title{font-size: 22px; color: #999;}

.content02{ width: 1920px; position: relative; margin-left: -960px;left: 50% ; height: 588px;}
.content02 .video01{ width: 640px; height: 360px; position: fixed; z-index: 10;top: 50%;left: 50%;display: block;margin-left: -320px; margin-top: -180px; display: none;z-index: 10px}
.cenzhao{width: 100%;height:5000px;background-color: #000;position: absolute;top: 0;left: 0;z-index: 6;opacity: 0.7;filter: alpha(opacity=70);display: none;}

.content03 {margin: 68px auto !important;}
.content03 .picScroll01{ width: 50%; position: relative;}
.content03 .complay{ width: 50%; }
.content03 .picScroll01 .bd li{position: relative;}
.content03 .picScroll01 .bd li .titleClass{position: absolute;font-size: 28px; color: #fff; top: 20px; left: 20px;}
.content03 .picScroll01 .bd li .titleClass i{padding-right:10px;}
.content03 .picScroll01 .bd li .title{font-size: 16px;color: #666;position: absolute; bottom: 10px;left: 30px;}
.content03 .picScroll01 .next{position: absolute; bottom: 0; right: 0;width: 55px; height: 45px; background: url(next01.png) no-repeat center;}
.content03 .complay .picTop {border-bottom: 1px solid #fff; }
.content03 .complay .picTop .pic01{position: relative;overflow: hidden;border-right: 1px solid #fff;box-sizing: border-box;width: 300px}
.content03 .complay .picTop .pic01 .font {height:299px; background: #3c7ecb;}
/*.content03 .complay .picTop .pic01 .font{position: absolute; z-index: 1; width: 100%; height: 100%;  background: #3c7ecb;top: -100%;
transition: all 0.5s ease 0s;}
.content03 .complay .picTop .pic01:hover .font{top: 0}*/
.content03 .complay .picTop .pic01 .font .title{padding: 70px 0 20px; text-align: center;font-size: 28px;}
.content03 .complay .picTop .pic01 .font .title a{color: #fff;}
.content03 .complay .picTop .pic01 .font .content{font-size: 14px; color: #fff; width: 90%; margin: 0 auto;line-height: 24px;}
.content03 .jp-btn {position:relative;display:block;margin:0 auto;margin-top:0px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;
	box-sizing:border-box;font-size: 14px !important; line-height:32px;border:1px solid #fff;color:#fff;background-color:transparent;
-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;z-index:0;text-align: center;}
.content03 .jp-btn {line-height:32px;font-size:18px;color:#fff;}
.content03 .jp-btn::before {background:#3269a9;}
.content03 .jp-btn::before,
.content03 .jp-btn::after {position:absolute;content:'';z-index:-1;height:100%;left:0;top:0;width:100%;}
.content03 .jp-btn::after {background:#3c7ecb;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;}
.content03 .jp-btn:hover {color: #fff;}
.content03 .jp-btn:hover:after { height: 0;left: 50%;top: 50%;width: 0;}
.content03 .mail-button {margin-top:25px;width:140px;}

.content04 .titleGin{margin-bottom: 30px;}
.content04 .picScroll02{position: relative;margin-bottom: 30px;}
.content04 .picScroll02 li{width: 380px; float: left;/*overflow: hidden;*/padding: 10px;}
.content04 .picScroll02 li a{display: block;/*  padding: 2%; */}
.content04 .picScroll02 li .img {width: 100%;height: 100%; overflow: hidden;}
.content04 .picScroll02 li .img img{transition: all 0.6s ease-in-out; }
.content04 .picScroll02 li:hover .img img{transform: scale(1.1);}
.content04 .picScroll02 .next,
.content04 .picScroll02 .prev{position: absolute; bottom: 50%;margin-bottom: -22px; width: 59px; height: 44px;z-index: 8}
.content04 .picScroll02 .next{ background: url(next02.png) no-repeat center;right:10px;}
.content04 .picScroll02 .prev{ background: url(prev02.png) no-repeat center;left: 10px;}
.content04 .picScroll02 .font{padding: 18px 6px 30px; background: #fff;}
.content04 .picScroll02 .font .title {font-size: 16px; color: #000000;text-overflow: ellipsis;
overflow: hidden;white-space: nowrap;display: block; width: 90%;}
.content04 .picScroll02 .font .content {font-size: 14px; color: #878787;line-height: 22px;padding: 10px 0 16px;}
.content04 .picScroll02 .font .more{display: block;padding-left: 30px;font-size:16px ;color: #3174a5;
background: url(more01.png) no-repeat left bottom;line-height: 17px;transition: all 0.5s ease 0s;} 
.content04 .picScroll02 .font .more:hover{color: #fe9001;background: url(more01.png) no-repeat left top ;}
.content04 .picScroll02 li:hover a{box-shadow: 0 0px 16px rgba(0,0,0,0.1);transform: translate3d(0, -2px, 0);}