/*公共样式*/
.titleGin{}
.titleGin .titleCn{position: relative; font-size: 22px; color: #000000;font-weight: bold;}
.titleGin .titleEn{color: #999999;font-size: 16px;text-transform:capitalize;line-height: 33px;}
.titleGin .titleEn i{padding:0 14px;font-size: 20px;}


/*内容样式*/
.container{width: 100%; position: relative;z-index: 2;}

.content01{position: relative;}
.content01>.g-in{position: relative;}
.content01>.g-in s{background: url(s.png) no-repeat center;position: absolute; left: -70px; top: 0;display: block;width: 118px; height: 188px;z-index: -1;}
.content01 .title01{position: relative; width: 266px;margin-left: auto;}
.content01 .title01:after{display: block;content: "";clear: both;position: absolute;top: -41px;left: 33%;height:145px; width:1px;background: #e9e9e9; display:none;}
.content01 .title01 .line{width: 30px; height: 2px; background: #cecece; margin: 40px 0 20px;margin-left: auto;display: block;}
.content01 .title01 .img{position: relative;right: -20px;margin-bottom: 31px;}
.content01 .con01C .hd {margin-bottom: 6px;}
.content01 .con01C .hd ul li{width: 297px; border: 2px solid #535353;box-sizing: border-box; background: #fff;float: left;margin-right: 4px;}
.content01 .con01C .hd ul li:last-child{margin-right: 0;}
.content01 .con01C .hd ul li a{display: block;margin: 4px; border: solid #f2f1f1 1px ;font-size: 16px;color: #4f4f4f;line-height: 90px;position: relative;}
.content01 .con01C .hd ul li i.ico{display: inline-block;width: 50px; height: 50px;position: absolute;left: 40px;top: 25px;}
.content01 .con01C .hd ul li i.z{position: relative;left: 115px;}
.content01 .con01C .hd ul li:hover,
.content01 .con01C .hd ul li.on{ background: #187ec9;border: 2px solid #187ec9; }
.content01 .con01C .hd ul li:hover a,
.content01 .con01C .hd ul li.on a{color: #fff;border: solid #398ac6 1px ;}
.content01 .con01C .hd ul li:nth-child(1) i.ico{ background: url(index01.png) no-repeat center; }
.content01 .con01C .hd ul li:nth-child(2) i.ico{ background: url(index02.png) no-repeat center; }
.content01 .con01C .hd ul li:nth-child(3) i.ico{ background: url(index03.png) no-repeat center; }
.content01 .con01C .hd ul li:nth-child(4) i.ico{ background: url(index04.png) no-repeat center; }

.content01 .con01C .hd ul li:nth-child(1):hover i.ico,
.content01 .con01C .hd ul li:nth-child(1).on i.ico{ background: url(index01H.png) no-repeat center; }
.content01 .con01C .hd ul li:nth-child(2):hover i.ico,
.content01 .con01C .hd ul li:nth-child(2).on i.ico{ background: url(index02H.png) no-repeat center; }
.content01 .con01C .hd ul li:nth-child(3):hover i.ico,
.content01 .con01C .hd ul li:nth-child(3).on i.ico{ background: url(index03H.png) no-repeat center; }
.content01 .con01C .hd ul li:nth-child(4):hover i.ico,
.content01 .con01C .hd ul li:nth-child(4).on i.ico{ background: url(index04H.png) no-repeat center; }
.content01 .about {margin-top: 0px;}
.content01 .about .font{padding: 60px 40px; background: #f3f3f3;width: 520px; }
.content01 .about .font .title{font-size: 38px; color: #5f5f5f;}
.content01 .about .font .line{width: 50px; height: 3px; background: #124c9e;margin: 18px 0;}
.content01 .about .font .content{color: #5f5f5f;line-height: 25px; height:100px; overflow: hidden;font-size: 14px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:4;}
.content01 .about .font .more{width: 143px; height: 42px;background:url(next04.png) no-repeat 75% center #124c9e;line-height: 42px;text-align: center;
display: block;font-size: 14px; color: #fff;margin-top: 60px;margin-bottom: 40px;text-indent: -30px;}
.content01 .about .font .more:hover{background:url(next04.png) no-repeat 75% center #082248;}


.content02 .title02{position: relative; width: 266px;}
.content02 .title02:after{display: block;content: "";clear: both;position: absolute;top: -71px;left: 53%;height:225px; width:1px;background: #e9e9e9;}
.content02 .title02 .line{width: 30px; height: 2px; background: #cecece; margin: 70px 0 12px;display: block;}
.content02 .title02 .img{position: relative;margin-bottom: 112px;}
.content02 .hd{ width: 100%;text-align: center;position: absolute; top: -47px; }
.content02 .hd ul{display: inline-block;}
.content02 .hd ul li{width: 192px;cursor: pointer; height: 48px;font-size: 14px; float: left;color: #666; background: #e9e9e9;text-align: center;line-height: 48px;}
.content02 .hd ul li.on,
.content02 .hd ul li:hover{ background: #187ec9;color: #fff }
.content02 .bd{padding: 96px 0; background: url(bg01.jpg) no-repeat center;width: 1920px; position: relative; margin-left: -960px;left: 50% }
.content02 .bd .img{ width:559px;height:297px;overflow: hidden;}
.content02 .bd .img img{transition: all 0.6s ease-in-out; }
.content02 .bd .img img:hover{transform: scale(1.1);}
.content02 .bd .font{margin-top: 32px;width: 600px;color: #fff;font-size: 14px;}
.content02 .bd .font .title{font-size: 18px;}
.content02 .bd .font .content{margin-top: 20px;margin-bottom: 50px;}
.content02 .bd .font .more{width: 143px; height: 42px;background:url(next03.png) no-repeat 75% center #fff;line-height: 42px;text-align: center;
display: block;font-size: 14px; color: #124c9e;margin-top: 60px;margin-bottom: 40px;text-indent: -30px;}
.content02 .bd .font .more:hover{background:url(next03.png) no-repeat 75% center #eee;}
.content02 .tabPic{position: relative;}

.content03 {padding-bottom: 66px;}
.content03 .title03{text-align: center; width:248px; height:61px;margin: 56px auto;}
.con03C ul li{padding: 22px;width: 226px;background: #fff;margin-right: 22.5px;float: left;color: #222;transition: all 0.6s ease-in-out;}
.con03C ul li:last-child{margin-right: 0;}
.con03C ul li .title{font-size: 14px; height: 48px;line-height: 24px;}
.con03C ul li .date{padding: 24px 0 ;}
.con03C ul li .content{color: #ababab;font-size: 12px;line-height: 24px;height: 72px;overflow: hidden;}
.con03C ul li .img{ width:231px;height:125px;overflow: hidden;margin-top: 24px;margin-bottom: 5px;}
.con03C ul li .img img{transition: all 0.6s ease-in-out; }
.con03C ul li:hover .img img{transform: scale(1.1);}
.con03C ul li:hover{ background: #124c9e; }
.con03C ul li:hover a{color: #fff;}
.con03C ul li:hover .content{color: #fff;}

.content04 .title04{text-align: center; width:419px;height:61px;margin: 0 auto 56px;}
.content04{background: url(bg03.jpg) no-repeat center;padding: 52px 0 60px;}
.con04C ul li{width: 574px;background: #fff;float: left;margin: 0 13px;}
.con04C {position: relative;}
.con04C .next,
.con04C .prev{position: absolute;width: 66px; height: 66px; top: 50%; margin-top: -33px;}
.con04C .next{ background: url(next01.png) no-repeat center; right: -100px;}
.con04C .prev{ background: url(prev01.png) no-repeat center;left: -100px; }
.con04C .next:hover{ background: url(next01H.png) no-repeat center; }
.con04C .prev:hover{ background: url(prev01H.png) no-repeat center; }
.con04C ul li .title{font-size: 14px; height: 48px;line-height: 24px;padding: 18px;color: #fff; background: #969696;}
.con04C ul li .img{ overflow: hidden;}
.con04C ul li .img img{ width:100%; transition: all 0.6s ease-in-out; }
.con04C ul li:hover .img img{transform: scale(1.1);}
.con04C ul li:hover .title{ background: #187ec9; }
.content04 .more04{width: 143px; height: 42px;background:url(next02.png) no-repeat 75% center #fff;line-height: 42px;text-align: center;
display: block;font-size: 14px; color: #333;margin: 80px auto 0;text-indent: -25px;}
.content04 .more04:hover{background:url(next02.png) no-repeat 75% center #f4f4f4;}

.content05{background: url(bg02.jpg) no-repeat center bottom;padding: 60px 0 140px;}
.content05 .title05{width:174px;height:61px;margin: 0 auto 50px; }
.con05C .img{width:434px; height:296px;overflow: hidden;}
.con05C .font {width: 730px;}
.con05C .font .title{font-size: 24px; color: #4d4d4d;padding: 24px 0 ;}
.con05C .font .content{line-height: 24px; font-size: 14px; color: #787878;}
.con05C .font .aList{margin-top: 52px;}
.con05C .font .aList a{display: block;float: left;width: 72px;margin-right: 56px;}
.con05C .font .aList a .ico{width: 68px; height: 68px; border-radius: 50%;}
.con05C .font .aList a p{font-size: 12px;color: #878787;text-align: center;margin-top: 12px;}
.con05C .font .aList a:hover p{color: #187ec9;}
.con05C .font .aList a:nth-child(1) .ico{ background: url(about01.png) no-repeat center #e7e7e7; }
.con05C .font .aList a:nth-child(2) .ico{ background: url(about02.png) no-repeat center #e7e7e7; }
.con05C .font .aList a:nth-child(3) .ico{ background: url(about03.png) no-repeat center #e7e7e7; }
.con05C .font .aList a:nth-child(1):hover .ico{ background: url(about01H.png) no-repeat center #187ec9; }
.con05C .font .aList a:nth-child(2):hover .ico{ background: url(about02H.png) no-repeat center #187ec9; }
.con05C .font .aList a:nth-child(3):hover .ico{ background: url(about03H.png) no-repeat center #187ec9; }