/*¹«¹²ÑùÊ½*/
.titleGin{text-align: center;margin-bottom: 30px;font-size: 24px;}
.titleGin .cn{position: relative; color: #009b4d;margin:4px 0; padding-bottom: 12px;max-width: 120px;margin: 0 auto;}
.titleGin .cn:before,
.titleGin .cn:after{display: block;content: "";clear: both;position: absolute;bottom:0%;width:168px; height:17px;}
.titleGin .cn:before{background: url(titleGinL.png) no-repeat center;left: -135px;}
.titleGin .cn:after{background: url(titleGinR.png) no-repeat center;right: -135px;}
/*ÄÚÈÝÑùÊ½*/
.container{width: 100%; position: relative;z-index: 2;}
.i_con01 strong{height: 58px;line-height: 58px;font-size: 14px; color: #000000;font-weight: bold;margin-right: 18px;}
.i_con01 a{height: 58px;line-height: 58px;font-size: 12px; color: #777777;font-weight: bold;padding:0 20px;float: left;}
.i_con01 i{float: left;font-size: 12px; color: #777777;height: 58px;line-height: 58px;}
.i_con01 i:last-child{display: none;}
.i_con02{padding: 70px 0;background: #f6f6f8;}
.i_con02L{width:361px;height:620px;overflow: hidden;position: relative;}
.i_con02L img{transition: 0.8s;}
.i_con02L:hover img{transform: scale(1.1);}
.i_con02L .font{width: 305px;height: 208px;background: rgba(0,0,0,0.3);position: absolute;left:-305px;top: 50%;margin-top: -104px;transition: 1s;}
.i_con02L .font .title{font-size: 18px;color: #fff;margin: 80px auto 14px;text-align: center;max-width: 250px;white-space: nowrap;-ms-text-overflow: ellipsis;
text-overflow: ellipsis;}
.i_con02L .font .intro{text-align: center; font-size:14px;color:#fff;overflow: hidden;max-width: 250px;white-space: nowrap;-ms-text-overflow: ellipsis;
text-overflow: ellipsis;margin: 0 auto;}
.i_con02L:hover .font{left: 0;}
.i_con02R {width: 820px;}
.i_con02R ul li{width: 400px;height: 300px;overflow: hidden;position: relative;margin-bottom: 20px;margin-right: 20px;float: left;}
.i_con02R ul li:nth-child(2n){margin-right: 0;}
.i_con02R ul li:nth-child(3),
.i_con02R ul li:nth-child(4){margin-bottom: 0;}
.i_con02R ul li img{transition: 0.8s;}
.i_con02R ul li:hover img{transform: scale(1.1);}
.i_con02R ul li .font{width: 338px;height: 120px;background: rgba(0,0,0,0.3);position: absolute;left:-338px;top: 50%;margin-top: -60px;transition: 1s;}
.i_con02R ul li .font .title{font-size: 18px;color: #fff;margin: 26px auto 8px;text-align: center;max-width: 230px;white-space: nowrap;-ms-text-overflow: ellipsis;
text-overflow: ellipsis;}
.i_con02R ul li .font .intro{text-align: center; font-size:14px;color:#fff;overflow: hidden;max-width: 230px;white-space: nowrap;-ms-text-overflow: ellipsis;
text-overflow: ellipsis;margin: 0 auto;}
.i_con02R ul li:hover .font{left: 0;}
.i_con03{padding: 100px 0 120px;width: 1920px; position: relative; margin-left: -960px;left: 50%;background: url(c_bg.jpg) no-repeat center;}
.i_con03L{width: 560px;margin-left: 30px;}
.i_con03R{ width:420px; height:316px;overflow: hidden;margin-right: 60px;}
.i_con03R img{transition: all 0.8s ease-in-out; }
.i_con03R:hover img{transform: scale(1.1);}
.i_con03L .title .cn{font-size: 30px;color: #fff;}
.i_con03L .title .line{width: 33px;height: 5px;background: #fff;margin-top: 8px;}
.i_con03L .intro{text-align: justify; font-size:14px;color:#fff;overflow: hidden;margin: 50px auto 70px;}
.i_con03L .more {position:relative;display:block;margin:0;cursor: pointer; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;
	box-sizing:border-box;height:40px;line-height:40px;border:1px solid #009b4c;font-size:16px;color:#009b4c;background-color:transparent;
-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;z-index:0;text-align: center;width: 120px;}
.i_con03L .more::before {background:#009b4c;}
.i_con03L .more::before,
.i_con03L .more::after {position:absolute;content:'';z-index:-1;height:100%;left:0;top:0;width:100%;}
.i_con03L .more::after {background:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;}
.i_con03L .more:hover {color: #fff;}
.i_con03L .more:hover:after { height: 0;left: 50%;top: 50%;width: 0;}
.i_con04{padding: 78px 0 40px;background: #f6f6f8;}
.i_con04 .hd{text-align: center;margin-bottom: 40px;}
.i_con04 .hd ul{display: inline-block;}
.i_con04 .hd li{float: left;}
.i_con04 .hd li a{height: 24px;line-height: 24px;font-size: 12px;font-weight: bold;padding:0 20px;float: left;}
.i_con04 .hd li i{float: left;font-size: 12px; color: #777777;height: 24px;line-height: 24px;}
.i_con04 .hd li:last-child i{display: none;}
.i_con04 .bd li{float: left;width:285px; height:214px;overflow: hidden;margin-bottom: 20px;margin-right: 20px;}
.i_con04 .bd li:nth-child(4n){margin-right: 0;}
.i_con04 .bd li img{transition: all 0.8s ease-in-out; }
.i_con04 .bd li:hover img{transform: scale(1.1);}
.i_con04 .more {position:relative;display:block;margin:0;cursor: pointer; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;
	box-sizing:border-box;height:40px;line-height:40px;border:1px solid #cccccc;font-size:16px;color:#cccccc;background-color:transparent;
-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;z-index:0;text-align: center;width: 240px;margin: 60px auto 0;}
.i_con04 .more::before {background:#009b4c;/*border:1px solid #009b4c;*/}
.i_con04 .more::before,
.i_con04 .more::after {position:absolute;content:'';z-index:-1;height:100%;left:0;top:0;width:100%;}
.i_con04 .more::after {background:#f6f6f8;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;}
.i_con04 .more:hover {color: #fff;}
.i_con04 .more:hover:after { height: 0;left: 50%;top: 50%;width: 0;}

.i_con05{padding: 30px 0 70px;width: 1920px; position: relative; margin-left: -960px;left: 50%;background: url(e_bg.jpg) no-repeat center;
background-size: 100% 100%;}
.i_con05 .titleGin .cn{position: relative; color: #fff;}
.i_con05 .titleGin .cn:before,
.i_con05 .titleGin .cn:after{display: block;content: "";clear: both;position: absolute;bottom:0%;width:168px; height:17px;}
.i_con05 .titleGin .cn:before{background: url(titleGinL1.png) no-repeat center;left: -135px;}
.i_con05 .titleGin .cn:after{background: url(titleGinR1.png) no-repeat center;right: -135px;}
.i_con05C ul li{width: 588px;height: 126px;border: 1px solid #fff;padding: 20px 0; box-sizing: border-box;margin-right: 24px;
float: left;margin-bottom: 24px;}
.i_con05C ul li:nth-child(2n){margin-right: 0;}
.i_con05C ul li .ico{width: 58px;height: 58px;margin: 12px 40px 0;}
.i_con05C ul li .font{width: 406px;font-size: 16px;color: #ffffff;}
.i_con05C ul li .font .intro{font-size: 14px;margin-top: 16px;}

.i_con06{padding: 70px 0;background: #fcfcfe;}
.i_con06 .newList{  width: 31.33%; margin-right:3%; float: left; }
.i_con06 .newsT{padding: 0 26px;}
.i_con06 .newsT .title{font-size: 20px; color: #000000;-ms-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;
text-overflow: ellipsis;margin-bottom: 12px;}
.i_con06 .newsT .intro{font-size: 12px;line-height: 24px color: #999;-ms-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;
text-overflow: ellipsis;}
.i_con06 .newList:last-child{float: right;margin-right: 0;}
.i_con06 .newTitle{line-height: 32px;border-bottom: 1px solid #e4e4e4;padding: 0 26px 12px;margin-bottom: 12px;}
.i_con06 .newTitle .fl{font-size: 20px; color: #000000;padding-left: 16px;background: url(f_ico01.jpg) no-repeat left center;}
.i_con06 .newTitle .fr a{ color: #666;}
.i_con06 .newList ul{padding: 20px 26px 0;}
.i_con06 .newList li{padding-left: 15px;position: relative;line-height: 28px;display: flow-root;}
.i_con06 .newList li:after{display: block;clear: both;position: absolute;top: 10px;left: 0; width:4px; height:7px;background:url(f_ico02.png)no-repeat center;}
.i_con06 .newList li a{font-size: 14px; color: #666;max-width: 259px;display: block;-ms-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;
text-overflow: ellipsis;}
.i_con06 .newList li .fr{color: #999;display: none;}
.i_con06 .newList li:hover a{padding-left: 14px; color: #008551}

.i_con07{padding-bottom: 70px;background: #fcfcfe;}
.i_con07 .bd li{float: left;width:228px; height:79px;overflow: hidden;margin:0 6px;}
.i_con07 .bd li img{transition: all 0.8s ease-in-out; }
.i_con07 .bd li:hover img{transform: scale(1.1);}


.i_box01{background: url(b_bg.png) center no-repeat;;padding: 50px 0 60px;}
.i_box01C{width: 1240px;margin: 0 auto;height:320px;}
.i_box01C ul li{float: left;width: 225px;margin-right: 16px;;height:320px;perspective:1000;transform-style:preserve-3d;}
.i_box01C ul li:last-child{margin-right: 0;}
.i_box01C ul li .cont {position:relative;transition:0.6s;transform-style:preserve-3d;}
.i_box01C ul li .box {position:absolute;left:0;top:0;border:1px solid #0183d1;box-sizing: border-box; width:225px;height:320px;
background: linear-gradient(to bottom,#2d5e99,#13273f);padding:30px 10px;backface-visibility:hidden;}
.i_box01C ul li .box .pic {width:100%;height:68px;text-align:center;}
.i_box01C ul li .box .pic img {display:inline-block;}
.i_box01C ul li .box h3 {font-size:18px;line-height:20px;color:#fff;padding:20px 0 26px;text-align:center;font-weight: bold;}
.i_box01C ul li .box p {font-size:14px;line-height:24px;color:#fff;height:72px;overflow: hidden;text-indent: 2rem; text-align: justify;}
.i_box01C ul li .box .more{width: 140px;height: 38px;border: 1px solid #fff;text-align: center;line-height: 38px;color: #fff;
font-size: 14px;border-radius: 12px;margin: 20px auto 0;}
.i_box01C ul li .back {position:absolute;left:0;top:0;border:1px solid #0183d1;box-sizing: border-box;width:225px;height:320px;background: linear-gradient(to bottom,#2d5e99,#13273f);
padding:25px 10px 0 10px;backface-visibility:hidden;transform:rotateY(-180deg);}
.i_box01C ul li .back h3 {font-size:18px;color:#fff;line-height:20px;padding-bottom:20px;}
.i_box01C ul li .back h4 {font-size:15px;line-height:19px;color:#fff;padding-bottom:5px;}
.i_box01C ul li .back p {font-size:14px;line-height:24px;color:#fff;height:72px;overflow: hidden;text-indent: 2rem; text-align: justify;}
.i_box01C ul li .back hr {border:0;height:1px;display:inline-block;width:100%;
	background:url("out_hr_bg.png") no-repeat left center;margin:10px 0;}
.i_box01C ul li:hover .cont {transform:rotateY(180deg);}

.i_box02{background: url(c_bg.png) center no-repeat;text-align: center; color: #fff;
width: 1920px; position: relative; margin-left: -960px;left: 50%;height: 211px;}
.i_box02 .title{padding: 40px 0 20px;font-size: 30px;}
.i_box02 .intro{display: inline-block;padding: 2px 20px;border: 1px solid #fff; font-size: 16px;}
.i_box03{width: 1200px;margin: 0 auto;padding: 50px 0 0px;}
.i_box03 ul li{width: 400px;float: left;}
.i_box03 ul li>.clearfix .font{margin-left: 18px;}
.i_box03 ul li>.clearfix .title{font-size: 26px;color: #1a78de;margin: 8px 0 4px;}
.i_box03 ul li>.clearfix .intro{font-size:12px;line-height:20px;color:#000;height:40px;overflow: hidden;}
.i_box04{background: url(d_bg.jpg) center no-repeat;text-align: center;padding: 78px 0 100px;}

.i_box04C .img{width:480px; height:350px;overflow: hidden;}
.i_box04C .img img{transition: all 0.6s ease-in-out;}
.i_box04C .img:hover img{transform: scale(1.1);}
.i_box04 .f_box {width: 648px;}
.i_box04 .f_box .title{font-size: 20px;font-weight: bold;color: #333333;margin: 30px 0 14px;text-align: left;}
.i_box04 .f_box .content{font-size: 14px;font-size: 14px;line-height: 28px; text-align: justify;height: 168px; color: #333333;}
.i_box04 .f_box .more{display: block;width: 160px;height: 36px;background: linear-gradient(to bottom,#1a78de,#0b3460);
text-align: center;line-height: 36px;border-radius: 40px;margin-top: 70px;margin-left: auto;color: #fff;font-size: 16px;}

.i_box05{padding-top: 20px;}
.i_box05C{background: url(e_bg.jpg) center no-repeat;background-size: 100% 100%;}
.i_box05C .picscroll{width: 1200px; margin: 0 auto;position: relative;}
.i_box05C .picscroll .prev,
.i_box05C .picscroll .next{ position:absolute;  top:50%; margin-top:-14px; display:block; width:28px; height:30px; }
.i_box05C .picscroll .next{ background:url(e_next.png) right center no-repeat;left:-48px;transition: all 0.5s ease 0s;}
.i_box05C .picscroll .prev{ background:url(e_prev.png) left center no-repeat;right:-48px;transition: all 0.5s ease 0s;}
.i_box05C .picscroll .prev:hover{ background:url(e_prev.png) right center no-repeat;}
.i_box05C .picscroll .next:hover{ background:url(e_next.png) left center no-repeat;}
.i_box05C .picscroll li{width: 200px;padding: 0 20px;text-align: center;height: 420px;float: left;}
.i_box05C .picscroll li a{color: #fff;}
.i_box05C .picscroll li:nth-child(odd){background: rgba(0,0,0,0.5);}
.i_box05C .picscroll .title{padding: 120px 0 12px;font-size: 20px;line-height: 34px;transition: all 0.5s ease 0s;}
.i_box05C .picscroll .line{width: 76px;height: 2px;background:#fff;margin: 0 auto;}
.i_box05C .picscroll .content{font-size: 12px;line-height: 24px;height: 48px;overflow: hidden;margin-top: 30px;
transition: all 0.5s ease 0s;}
.i_box05C .picscroll .more{width: 140px;height: 38px;background: none;text-align: center;border: 1px solid #fff;display: none;
line-height: 38px;border-radius: 40px;font-size: 16px;margin: 0 auto;}
.i_box05C .picscroll li:hover{background: linear-gradient(to bottom,#1a78de,#0b305a);}
.i_box05C .picscroll li:hover .title{padding: 66px 0 0;}
.i_box05C .picscroll li:hover .line{display: none;}
.i_box05C .picscroll li:hover .content{margin: 36px 0 32px;height: 144px;}
.i_box05C .picscroll li:hover .more{display: block;}

.i_box06{padding: 50px 0 60px;background: #f2f2f2;text-align: center;}
.i_box06C ul{display: inline-block;}
.i_box06C ul li{width: 358px;margin:0 14px;float: left;}
.i_box06C ul li .img{ width:358px; height:180px;overflow: hidden;}
.i_box06C ul li .img img{transition: all 0.6s ease-in-out;}
.i_box06C ul li .img:hover img{transform: scale(1.1);}
.i_box06C ul li .time{font-size: 16px;color: #cccccc;margin: 30px 0 16px;}
.i_box06C ul li .time span{font-size: 32px;padding-right: 20px}
.i_box06C ul li .title{padding-bottom: 4px;border-bottom: 1px solid #ccc;}
.i_box06C ul li .title a{font-size: 18px;color: #333;display: block;max-width: 80%;text-align: left;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.i_box06C ul li .line{ width: 40px;height: 1px;background:#2d5f9a;margin-top: -1px;transition: all 1.2s ease 0s; }
.i_box06C ul li:hover .line{width: 100%;}
.i_box06C ul li .content{font-size: 14px; color: #666666;line-height: 25px;height: 75px;text-indent: 2em;margin: 28px 0;overflow: hidden;
text-align: justify;}
.i_box06C ul li .more{display: block;width: 57px;height: 25px;background: url(f_prev.png) no-repeat center;
text-align: center;margin-left: auto;}
.i_box06C ul li:hover .more{background: url(f_prev.png) no-repeat center ;}




