@charset "utf-8";
/* CSS Document */
body { font:14px "microsoft Yahei","Arial",sans-serif; color: #555; background: #fff; word-wrap:break-word; -webkit-tap-highlight-color:rgba(0,0,0,0); overflow-x: hidden}
body,form,input,p,ol,ul,li,h1,h2,h3,h4,h5,h6,table,th,td,dl,dt,dd{padding:0;margin:0;}
img{border:0; vertical-align: middle;}
ul,li{list-style:none;}
dl,dt,dd{display: block;}
a{text-decoration:none; transition: 0.4s; -webkit-transition: 0.4s; outline: none;}
input,textarea{ box-sizing: border-box;  border: 0; background:none; font:14px "microsoft Yahei","Arial",sans-serif; width: 100%; }
input[type="button"], input[type="submit"], input[type="text"] {-webkit-appearance: none; outline: none; }
h2{font-weight:400;}
i{ font-style:normal;}
b{ font-weight:normal;}

/*文本框默认颜色*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #333; opacity: 1}
input:-moz-placeholder, textarea:-moz-placeholder { color: #333; opacity: 1}
input::-moz-placeholder, textarea::-moz-placeholder { color: #333; opacity: 1}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #333; opacity: 1}


/* clear 页头，页脚，内容区都不用再加清除样式 */
.cf:before, body:before, .header:before, .main:before, .footer:before, .wrap:before { content: ''; display: table }
.cf:after, after, .header:after, .main:after, .footer:after, .wrap:after { content: ''; display: table; clear: both }
.cf, .header, .main, .footer, .wrap { *zoom: 1 }

/*图片放大*/
@media screen and (max-width: 1920px) and (min-width: 1200px){
	.tr_sc{ overflow:hidden; display:block;}
	.tr_sc img{transition:0.3s all;}
	.tr_sc:hover img{transform:scale(1.1,1.1);}
}


/** Generated by FG **/
@font-face {
	font-family: 'Conv_MyriadPro-Bold_0';
	src: url('../fonts/MyriadPro-Bold_0.eot');
	src: local('☺'), url('../fonts/MyriadPro-Bold_0.woff') format('woff'), url('../fonts/MyriadPro-Bold_0.ttf') format('truetype'), url('../fonts/MyriadPro-Bold_0.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



/*其他公用*/
.wrap{width: 1360px; margin: 0 auto;}



/*公用头尾*/
.header{position: fixed; left: 0; top: 0; z-index: 9999; width: 100%; padding: 30px 0; transition:all 0.3s}
.header .logo{float: left;}
.header .logo a{position: relative; display: block; width: 233px;}
.header .logo a img{position: absolute; left: 0; top: -14px; transition: 0.5s; max-width: 170%;}
.header .logo a .img2{ opacity: 0;width:128%;}
.header .but{float: right; padding-top: 5px;}
.header .but span{float: left; display: block; cursor: pointer;}
.header .but .p1{width: 28px; height: 28px;   position: relative;}
.header .but .p1::before,
.header .but .p1::after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: 28px; transition: 0.5s;}
.header .but .p1::before{background-image: url(../images/ico_01.png);}
.header .but .p1::after{background-image: url(../images/ico_01a.png); opacity: 0;}

.header .but .p2{ width: 30px; height: 23px; margin:2px 0 0 25px; cursor: pointer;}	
.header .but .p2 i{width:100%; height: 3px; margin-top: 10px; background: #fff; display: block; position: relative;  transition: 0.4s;}
.header .but .p2 i:before,
.header .but .p2 i:after{content:""; position:absolute; left:0; top:0; display:block; width:100%; height:3px; background: #fff; transition: 0.4s;}
.header .but .p2 i:before{ margin-top: -10px;}
.header .but .p2 i:after{ margin-top: 10px;}
.header .nav_wrap{position: fixed; right: 0; top: 0; width: 500px; height: 100%; background: #3a466b; z-index: 100;  overflow-x: hidden; box-sizing: border-box; padding: 60px; transition: 0.5s; transform: translateX(100%);}
.header .nav_part1{padding-bottom: 60px;}
.header .nav_part1 .img{float: left;}
.header .nav_part1 .buti{float: right; width: 30px; height: 23px; position: relative;  cursor: pointer; }
.header .nav_part1 .buti:before,
.header .nav_part1 .buti:after{content:""; position:absolute; left: 5px; display:block; width:100%; height: 2px; background: #fff; transition: 0.4s;}
.header .nav_part1 .buti:before{ top: 0px;  transform: rotate(45deg); transform-origin: top left}
.header .nav_part1 .buti:after{ bottom: 0px;transform: rotate(-45deg); transform-origin: bottom left}

.header .nav_part2{padding-bottom: 50px;}
.header .nav_part2 dl{border-bottom: 1px solid #65739d; position: relative; padding-right: 50px; }
.header .nav_part2 dt{background: url(../images/ico_01.png) 10px center  no-repeat; padding-left: 55px; background-size: 28px;}
.header .nav_part2 dt input{height: 55px; line-height: 55px; color: #fff; font-size: 18px; opacity: 0.8;}
.header .nav_part2 dt input::-webkit-input-placeholder{ color: #7784aa;}
.header .nav_part2 dt input:-moz-placeholder{ color: #7784aa; }
.header .nav_part2 dt input::-moz-placeholder { color: #7784aa;}
.header .nav_part2 dt input:-ms-input-placeholder{ color: #7784aa;}
.header .nav_part2 dd{position: absolute; right: 0; top: 0;}
.header .nav_part2 dd input{width: 50px; height: 55px; background: url(../images/ico_02.png) center no-repeat; cursor: pointer;}

.header .nav_part3 {min-height: 550px; padding-bottom: 50px;}
.header .nav_part3 li:last-child{padding-bottom: 0; }
.header .nav_part3 li:last-child a{border-bottom: 0}
.header .nav_part3 ul>li{padding-bottom: 20px; position: relative;}
.header .nav_part3 ul>li>a{color: #a4b1d8; font-size: 24px; padding:0 0 10px 15px; border-bottom: 1px solid #3a466b; display: block;}
.header .nav_part3 ul>li>a:hover{color: #fff;}
.header .nav_part3 li i{position: absolute; right: 0px; top: 10px; width: 20px; height: 20px; background: url(../images/ico_nav.png) center no-repeat; cursor: pointer; transition: 0.5s; z-index: 1;}
.header .nav_part3 li i.on{transform: rotate(90deg);}
.header .nav_part3 ol{padding: 10px 0 10px 35px; display: none;}
.header .nav_part3 ol li{padding-bottom: 20px; }
.header .nav_part3 ol a{color: #d8dbe7;}
.header .nav_part3 ol a:hover{color: #fff;}
.header .nav_part3 .one>a{color: #fff; border-color: #fff; }


.header .nav_part4 .left{float: left; border: 1px solid #616b89}
.header .nav_part4 .left a{float: left; display: block; width: 60px; height: 22px; line-height: 22px; text-align: center; color: #a4b1d8; font-size: 12px;}
.header .nav_part4 .left a.one{background: #616b89; color: #fff}
.header .nav_part4 .right{float: right; color: #7784aa; font-size: 12px; padding-top: 5px}


.header.on .nav_wrap{transform: translateX(0);}
.header.on2{background: #fff; border-bottom: 2px solid #3a466b; padding: 15px 0}
.header.on2 .logo a{/*width: 175px*/}
.header.on2 .logo a .img1{ opacity: 0;}
.header.on2 .logo a .img2{ opacity: 1;}
.header.on2 .but .p2 i,
.header.on2 .but .p2 i:before,
.header.on2 .but .p2 i:after{ background: #3b466a;} 
.header.on2 .but .p1::before{ opacity: 0;}
.header.on2 .but .p1::after{ opacity: 1;}

.footer{ background:#fff; position:relative;  z-index: 1; }
.footer .top{ padding:46px 0;}
.footer .top .left{ float:left; box-sizing:border-box; padding-right:40px; width: 175px}
.footer .top .left img{ max-width/*: 170%; width:166%;*/}
.footer .top .right{ float:right; padding-top:50px;}
.footer .top .right > div{ float:right;}
.footer .top .right .list{ padding:3px 10px 0 0;  line-height: 30px;}
.footer .top .right .list strong{padding-right: 20px; display: inline-block; font-weight: normal; color: #999}

.footer .top .right .ewm{text-align: center;}
.footer .top .right .ewm span{ margin-left:30px; display:block; float:left;}
.footer .bot{ padding-bottom:12px;}
.footer .bot .left{ float:left; width:50%; box-sizing:border-box; padding-right:40px;}
.footer .bot .left dt{ padding-bottom:15px;}
.footer .bot .left dt a{ display:inline-block; padding-right:6px;}
.footer .bot .left dt a:hover{ opacity:0.8;}
.footer .bot .left dd{ font-size:12px; font-weight:300;}
.footer .bot .right{ float:right; width:50%; text-align:right; padding-top:38px; font-size:12px; color:#999;}
.footer .bot .right dt{ display:inline-block;}
.footer .bot .right dd{ display:inline-block;}
.footer .bot .right dd a{ color:#999; padding-left:13px;}
.footer .bot .right dd a:hover{ color:#3a466b;}



/*首页*/
.in_banner{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:1;}
.in_banner .box{ width:100%; height:100%; overflow:hidden;}
.in_banner .video-back{ width:100%; height:100%; position:relative; overflow:hidden;}
.in_banner .vidbacking-active-block-back{ background-position:center; background-size:cover;}

.in_banner{ position:fixed; left:0; top:0; width:100%; height: 960px; background-position:center; background-repeat: no-repeat; background-size:cover;}
.in_banner video{position: absolute; left: 0; top: -10%; width: 100%; height: 120%;width: 1903px; height: 1069.6px; left: 0px; top: -236.801px;}



.in_main{ margin-top: 960px; position:relative; z-index:1000; background:#fff;}
.in_main #LoutiNav{ position:fixed; right:0; width:100px; top:50%; margin-top:-100px; display:none; z-index:1001;}
.in_main #LoutiNav li{ padding:5px 0; cursor:pointer;}
.in_main #LoutiNav li i{ display:inline-block; width:8px; height:8px; background:#555; border-radius:8px;}
.in_main #LoutiNav li span{ display:none;}
.in_main #LoutiNav li:hover span,
.in_main #LoutiNav .active span{ display:block;}
.in_main #LoutiNav li:hover i,
.in_main #LoutiNav .active i{ display:none;}
/*white*/
.in_main #LoutiNav.white {color: #fff;}
.in_main #LoutiNav.white li i {background: #fff;}

.in_title span{ display:block;}
.in_title .sp1{ font-size:16px; font-weight:bold; color:#333;}
.in_title .sp2{ font-size:40px; font-weight:300; color:#555; padding-top:10px;}
.in_title_bai .sp1,
.in_title_bai .sp2{ color:#fff;}
.in_btn a{ display:inline-block; padding:10px 30px; font-weight:bold; border:2px solid #3a466b; color:#3a466b;}
.in_btn a:hover{ background:#3a466b; color:#fff;}
.in_btn_bai a{ border:2px solid #fff; color:#fff;}
.in_btn_bai a:hover{ background:#fff; color:#3a466b;}
.in_text{ font-size:16px; line-height:24px;}

.in_p1{ padding:165px 0 535px; box-sizing:border-box; background-repeat:no-repeat; background-position:center top; background-size: cover; color:#fff; background-color:#000; /*background-attachment:fixed;*/}
.in_p1 .box{ margin:0 -60px 65px;}
.in_p1 .left,
.in_p1 .right{ float:left; padding:0 60px; box-sizing:border-box;}
.in_p1 .left{ width:100%;}
.in_p1 .right{ width:42.5%; padding-top:80px;}
.in_p1 .left .in_text{ margin-top:20px;}
.in_p1 .right ul{ margin:0 -30px;}
.in_p1 .right li{ float:left; width:33.3%; padding:0 20px; box-sizing:border-box; text-align:center;}
.in_p1 .right li span{ display:block; font-size:18px; font-weight:bold;}
.in_p1 .right li .sp2{ padding-top:20px;}
.in_p1 .in_btn{ text-align:center;}

.in_p2{ padding:93px 0 119px; background-repeat:no-repeat; background-position:right bottom;}
.in_p2 .box{ margin:0 -20px;}
.in_p2 .left,
.in_p2 .right{ width:50%; padding:0 20px; box-sizing:border-box;}
.in_p2 .left{ float:left;}
.in_p2 .right{ float:right;}
.in_p2 .left li{ float:left; width:33.3%; box-sizing:border-box; text-align:center; height:180px; padding-top:25px; border-bottom:1px solid #f9f9f9; border-right:1px solid #f9f9f9;}
.in_p2 .left li:nth-child(3),
.in_p2 .left li:nth-child(6),
.in_p2 .left li:nth-child(9){ border-right:none;}
.in_p2 .left li:nth-child(7),
.in_p2 .left li:nth-child(8),
.in_p2 .left li:nth-child(9){ border-bottom:none;}
.in_p2 .left li span{ display:block; font-size:16px; font-weight:bold; color:#555; padding-top:10px;}
.in_p2 .right .cont{ padding:60px 0 0 40px;}
.in_p2 .right .in_text{ padding:20px 0 40px;}

.in_p3{ padding:280px 0 108px; background-repeat:no-repeat; background-position:center top; background-size:cover; color:#fff; background-color:#000;}
.in_p3 .in_text{ padding:25px 0;}
.in_p3 .box{ margin:0 -7px;}
.in_p3 .box > div{ float:left; width:33.3%; padding:0 7px; box-sizing:border-box; font-weight:bold;}
.in_p3 .ss input{ background:#fff; height:50px; line-height:40px; padding:5px 20px; font-weight:bold; color:#666;}
.in_p3 .xl .chosen-container-single .chosen-single{background: #fff; border: 0; padding-left: 20px; }
.in_p3 .xl .chosen-container-single .chosen-single span{height: 50px; line-height: 50px; margin-right: 30px }
.in_p3 .chosen-container-single .chosen-single div{ right: 20px; background:url(../images/in_ion13.png) no-repeat center; width: 20px;}
.in_p3 .chosen-container .chosen-drop{border: 0}
.in_p3 .btn input{ height:50px; border:2px solid #fff; cursor:pointer; color:#fff; font-weight:bold;transition: 0.4s;}
.in_p3 .btn input:hover{ border:2px solid #3a466b; background:#3a466b;}

.in_p4{ background:#f3f3f3; padding:150px 0 157px;}
.in_p4 .cont{ margin-top:35px; overflow:hidden; position:relative; height:553px;}
.in_p4 .pic{ background-repeat:no-repeat; background-position:center; background-size:cover; position:absolute; left:45%; top:0; height:100%; z-index:1; width:55%;}
.in_p4 .cont .wrap{ height:100%;}
.in_p4 .cont .box{ box-sizing:border-box; height:100%; background:#fff; position:relative; box-sizing:border-box; padding:75px 0 150px;}
.in_p4 .cont .text{ font-size:16px; line-height:24px; padding:0 40px;}
.in_p4 .cont .in_btn{ position:absolute; left:40px; bottom:80px;}
.in_p4 .cont .in_btn a{ box-sizing:border-box; min-width:174px; text-align:center;}

.in_p5{ padding:322px 0 97px; background-repeat:no-repeat; background-position:center; background-size:cover; color:#fff;}
.in_p5 .in_text{ padding:30px 0 58px;}
.in_p5 ul{ margin:0 -10px;}
.in_p5 li{ float:left; width:16.6%; box-sizing:border-box; padding:0 10px;}
.in_p5 li a{ display:block; background:#fff; height:144px; text-align:center; line-height:144px;}
.in_p5 li a img{ max-width: 90%; max-height: 90%;}
.in_p5 .in_btn{padding-top:60px; text-align: center;}
.in_p5 .in_btn a{min-width: 174px; box-sizing: border-box; }

.in_p6{ padding:128px 0;}
.in_p6 .box{ margin-top:40px;}
.in_p6 .left{ float:left; width:35.3%; padding-right:7.3%;}
.in_p6 .left span{ display:block;}
.in_p6 .left .tit{ font-size:30px; font-weight:300; line-height:42px;}
.in_p6 .left .tit a{ color:#555;}
.in_p6 .left .tit a:hover{ color:#3a466b;}
.in_p6 .left .time{ font-family: 'DIN-REGULAR'; color:#000; padding:15px 0 25px;}
.in_p6 .left .tet{ font-size:14px; line-height:22px;}
.in_p6 .left .in_btn{ margin-top:35px;}
.in_p6 .right{ float:left; width:57.4%;}
.in_p6 .right li{ position:relative; padding:25px 0; border-top:1px solid #e1e1e1;}
.in_p6 .right span{ display:block;}
.in_p6 .right .time{ font-family: 'DIN-REGULAR'; text-align:center; width:55px; float:left;}
.in_p6 .right .time i{ display:block; font-size:36px; line-height:38px;}
.in_p6 .right .tit{ margin-left:55px; padding:3px 118px 0 25px; font-size:18px; line-height:24px;}
.in_p6 .right .tit a{ color:#555;}
.in_p6 .right .tit a:hover{ color:#3a466b;}
.in_p6 .right .btn{ position:absolute; right:0; top:28px; font-weight:bold;}
.in_p6 .right .btn a{ color:#3a466b;}
.in_p6 .right .btn a:hover{ color:#f60;}
.in_p6 .right li.first{ padding-top:0; border-top:none;}
.in_p6 .right li.first .btn{ top:3px;}

.in_p7 .top{ padding:65px 0 42px; background-repeat:no-repeat; background-position:center; background-size:cover; color:#fff;}
.in_p7 .top .box{ width:827px;}
.in_p7 .top .in_text{ margin-top:25px; position:relative;}
.in_p7 .top .in_text:before{content:""; position:absolute; left:-22px; top:5px; display:inline-block; width:13px; height:10px; background:url(../images/in_ion14.png) no-repeat center;}
.in_p7 .top .in_text em{display: block; font-style: normal; padding-bottom: 50px }
.in_p7 .top .in_text em i{ display:inline-block; width:13px; height:10px; background:url(../images/in_ion15.png) no-repeat center;}
.in_p7 .top .in_text strong{display: block; text-align: right; font-weight: normal}

.in_p7 .top .name{ font-size:16px; line-height:24px; text-align:right; padding-top:50px;}
.in_p7 .bot{ background:#ededed; padding:78px 0 54px;}
.in_p7 .bot ol{ margin:0 -10px;}
.in_p7 .bot li{ float:left; width:16.6%; box-sizing:border-box; padding:10px;}
.in_p7 .bot li a{ display:block; background:#fff; height:144px; text-align:center; line-height:144px;}
.in_p7 .bot li a img{ max-width:90%; max-height: 90%;}

.in_p7 .bot .arrow{ margin-top:50px; text-align:center;}
.in_p7 .bot .arrow > div{ display:inline-block;}
.in_p7 .bot .arrow-left,
.in_p7 .bot .arrow-right{ width:36px; height:11px; cursor:pointer; padding:0 5px;}
.in_p7 .bot .arrow-left{ background:url(../images/in_ion16.png) no-repeat center;}
.in_p7 .bot .arrow-right{ background:url(../images/in_ion17.png) no-repeat center;}
.in_p7 .bot .num{ font-family: 'DIN-REGULAR'; font-size:18px; color:#3a466b;}

.in_p8{  border-bottom:1px solid #c4c7d2; position: relative;}
.in_p8 .aa{position: absolute; display: block; width: 100%; height: 100%;  z-index: 1;}
.in_p8 .box{ padding:94px 0 100px 0; position:relative;  overflow: hidden;}
.in_p8 ul{ margin-top:10px; clear: both; overflow: hidden;}
.in_p8 li{ float:left; padding-right:28px; margin-right:25px; margin-bottom: 20px; position:relative; font-size:40px; line-height:42px; color:#555; font-weight:300;}
.in_p8 li:before{content:""; position:absolute; right:0; top:50%; display:inline-block; width:5px; height:5px; border-radius:5px; background:#b0b5c4;}
.in_p8 li:last-child{ padding-right:0; margin-right:0;}
.in_p8 li:last-child:before{ display:none;}

.in_p8 .text{ padding:25px 0 0 0; font-size:16px; line-height:26px; color:#3a466b; max-width:612px}
.in_p8 .box .bg_img{ position:absolute; right:0; bottom:0; width:491px; height:133px;}
.in_p8 .in_btn{padding-top:50px; }
.in_p8 .in_btn a{min-width: 174px; box-sizing: border-box; text-align: center;}

.in_news{padding: 150px 0 100px 0;}
.in_news .in_title{padding-bottom: 50px;}
.in_news .in_title .sp2{max-width: 800px;}
.in_news .list ul{margin: -60px -20px 0 -20px;display: flex;flex-wrap: wrap;}
.in_news .list li{float: left; width: 50%; padding: 60px 20px 0 20px; box-sizing: border-box;}
.in_news .list dt{float: left;}
.in_news .list dd{overflow: hidden; padding: 15px 0 0 20px;}
.in_news .list .tmt{font-family: 'DIN-REGULAR'; color: #999; font-size: 12px; padding-bottom: 5px;}
.in_news .list .txt{padding-bottom: 10px;}
.in_news .list .txt a{color: #333; font-size: 20px;}
.in_news .list .tet{color: #999; line-height: 1.5;}
.in_news .in_btn{padding-top:60px; text-align: center; }
.in_news .in_btn a{min-width: 174px; box-sizing: border-box;  }

.in_news_list dt{width: 30%;}
.in_news_list dt img{width:100%;}
.in_news_list .list dd{width: 50%;}

/*首页动效*/
.in_p1 .in_title .sp1{transform: translate(0,100px);opacity: 0;transition: all 1s ease-out 0.2s;}
.in_p1 .in_title .sp2{transform: translate(0,100px);opacity: 0;transition: all 1s ease-out 0.4s;}
.in_p1.in_anm .in_title .sp1,
.in_p1.in_anm .in_title .sp2{transform: translate(0,0);opacity: 1;}
.in_p1 .in_text{transform: translate(0,100px);opacity: 0;transition: all 1s ease-out 0.6s;}
.in_p1.in_anm .in_text{transform: translate(0,0);opacity: 1;}
.in_p1 .right li:nth-child(1){transform: translate(0,100px);opacity: 0;transition: all 1s ease-out 0.7s;}
.in_p1 .right li:nth-child(2){transform: translate(0,100px);opacity: 0;transition: all 1s ease-out 0.8s;}
.in_p1 .right li:nth-child(3){transform: translate(0,100px);opacity: 0;transition: all 1s ease-out 0.9s;}
.in_p1.in_anm .right li{transform: translate(0,0);opacity: 1;}

.in_p1 .in_btn{transform: scale(1.4);opacity: 0;transition: all 0.6s ease-in 1.2s;}
.in_p1.in_anm .in_btn{transform: scale(1);opacity: 1;}

.in_p2{ background-position:center bottom; transition: all 2s 0.4s ease;}
.in_p2.in_anm{ background-position:right bottom; opacity:1;}
.in_p2 .in_title .sp1{transform: translate(0,100px);opacity: 0;transition: all 1s ease 0.6s;}
.in_p2 .in_title .sp2{transform: translate(0,100px);opacity: 0;transition: all 1s ease 0.8s;}
.in_p2.in_anm .in_title .sp1,
.in_p2.in_anm .in_title .sp2{transform: translate(0,0);opacity: 1;}
.in_p2 .in_text{transform: translate(0,100px);opacity: 0;transition: all 1s ease 1s;}
.in_p2.in_anm .in_text{transform: translate(0,0);opacity: 1;}
.in_p2 .left li:nth-child(1), 
.in_p2 .left li:nth-child(3),
.in_p2 .left li:nth-child(5),
.in_p2 .left li:nth-child(7),
.in_p2 .left li:nth-child(9),
.in_p2 .left li:nth-child(11){opacity: 0;transform: scale(0.5);transition: all 1s ease 0.8s;}
.in_p2 .left li:nth-child(2),
.in_p2 .left li:nth-child(4),
.in_p2 .left li:nth-child(6),
.in_p2 .left li:nth-child(8),
.in_p2 .left li:nth-child(10),
.in_p2 .left li:nth-child(12){opacity: 0;transform: scale(0.5);transition: all 1s ease 1.2s;}
.in_p2.in_anm .left li{opacity: 1;transform: scale(1);}

.in_p2 .in_btn{transform: scale(1.4);opacity: 0;transition: all 0.6s ease-in 1.2s; display:inline-block;}
.in_p2.in_anm .in_btn{transform: scale(1);opacity: 1;}

.in_p3 .in_title .sp1{transform: translate(0,100px);opacity: 0;transition: all 1s ease-out 0.2s;}
.in_p3 .in_title .sp2{transform: translate(0,100px);opacity: 0;transition: all 1s ease-out 0.4s;}
.in_p3.in_anm .in_title .sp1,
.in_p3.in_anm .in_title .sp2{transform: translate(0,0);opacity: 1;}
.in_p3 .in_text{transform: translate(0,100px);opacity: 0;transition: all 1s ease-out 0.6s;}
.in_p3.in_anm .in_text{transform: translate(0,0);opacity: 1;}
.in_p3 .box > div{opacity: 0;transform: scale(0.8);transition: all 1s ease 1s;}
.in_p3.in_anm .box > div{opacity: 1;transform: scale(1);}

.in_p4 .in_title .sp1{transform: translate(0,100px);opacity: 0;transition: all 1s ease-out 0.2s;}
.in_p4 .in_title .sp2{transform: translate(0,150px);opacity: 0;transition: all 1s ease-out 0.4s;}
.in_p4.in_anm .in_title .sp1,
.in_p4.in_anm .in_title .sp2{transform: translate(0,0);opacity: 1;}
.in_p4 .cont .box{ opacity: 0;transition: all 2s ease-out 0.6s;}
.in_p4.in_anm .cont .box{opacity: 1;}
.in_p4 .cont .text{transform: translate(0,100px);opacity: 0;transition: all 1s ease 1s;}
.in_p4.in_anm .cont .text{transform: translate(0,0);opacity: 1;}
.in_p4 .pic{transform: translate(100px,0);opacity: 0;transition: all 1s ease-out 1.4s;}
.in_p4.in_anm .pic{transform: translate(0,0);opacity: 1;}

.in_p4 .in_btn{transform: scale(1.4);opacity: 0;transition: all 0.6s ease-in 1.6s; display:inline-block;}
.in_p4.in_anm .in_btn{transform: scale(1);opacity: 1;}

.in_p5 .in_title .sp1{transform: translate(0,100px);opacity: 0;transition: all 1s ease-out 0.2s;}
.in_p5 .in_title .sp2{transform: translate(0,100px);opacity: 0;transition: all 1s ease-out 0.4s;}
.in_p5.in_anm .in_title .sp1,
.in_p5.in_anm .in_title .sp2{transform: translate(0,0);opacity: 1;}
.in_p5 .in_text{transform: translate(0,100px);opacity: 0;transition: all 1s ease-out 0.6s;}
.in_p5.in_anm .in_text{transform: translate(0,0);opacity: 1;}
.in_p5 li{opacity: 0;transform: scale(0.8);transition: all 1.2s ease 1s;}
.in_p5.in_anm li{opacity: 1;transform: scale(1);}

.in_p6 .in_title .sp1{transform: translate(0,100px);opacity: 0;transition: all 1s ease-out 0.2s;}
.in_p6 .left .tit{transform: translate(0,100px);opacity: 0;transition: all 1s ease-out 0.4s;}
.in_p6 .left .time{transform: translate(0,100px);opacity: 0;transition: all 1s ease-out 0.6s;}
.in_p6 .left .tet{transform: translate(0,100px);opacity: 0;transition: all 1s ease-out 0.8s;}
.in_p6 .right li:nth-child(1){transform: translate(0,100px);opacity: 0;transition: all 1s ease-out 1s;}
.in_p6 .right li:nth-child(2){transform: translate(0,100px);opacity: 0;transition: all 1s ease-out 1.1s;}
.in_p6 .right li:nth-child(3){transform: translate(0,100px);opacity: 0;transition: all 1s ease-out 1.2s;}
.in_p6 .right li:nth-child(4){transform: translate(0,100px);opacity: 0;transition: all 1s ease-out 1.3s;}
.in_p6.in_anm .in_title .sp1,
.in_p6.in_anm .left .tit,
.in_p6.in_anm .left .time,
.in_p6.in_anm .left .tet,
.in_p6.in_anm .in_btn,
.in_p6.in_anm .right li{transform: translate(0,0);opacity: 1;}

.in_p6 .left .in_btn{transform: scale(1.4);opacity: 0;transition: all 0.6s ease-in 1.6s; display:inline-block;}
.in_p6.in_anm .left .in_btn{transform: scale(1);opacity: 1;}

.in_p7 .in_title .sp1{transform: translate(0,100px);opacity: 0;transition: all 1s ease-out 0.2s;}
.in_p7 .in_title .sp2{transform: translate(0,100px);opacity: 0;transition: all 1s ease-out 0.4s;}
.in_p7 .in_text{transform: translate(0,100px);opacity: 0;transition: all 1s ease-out 0.6s;}
.in_p7 .top .name{transform: translate(0,100px);opacity: 0;transition: all 1s ease-out 0.8s;}
.in_p7 .bot .arrow{transform: translate(0,100px);opacity: 0;transition: all 1s ease-out 1.6s;}

.in_p7.in_anm .in_title .sp1,
.in_p7.in_anm .in_title .sp2,
.in_p7.in_anm .in_text,
.in_p7.in_anm .top .name,
.in_p7.in_anm .bot .arrow{transform: translate(0,0);opacity: 1;}
.in_p7 .bot li{opacity: 0;transform: scale(0.8);transition: all 1.2s ease 1.5s;}
.in_p7.in_anm .bot li{opacity: 1;transform: scale(1);}

.in_p8 .in_title .sp1{transform: translate(0,100px);opacity: 0;transition: all 1s ease-out 0.2s;}
.in_p8 li:nth-child(1){transform: translate(0,100px);opacity: 0;transition: all 1s ease-out 0.4s;}
.in_p8 li:nth-child(2){transform: translate(0,100px);opacity: 0;transition: all 1s ease-out 0.5s;}
.in_p8 li:nth-child(3){transform: translate(0,100px);opacity: 0;transition: all 1s ease-out 0.6s;}
.in_p8 li:nth-child(4){transform: translate(0,100px);opacity: 0;transition: all 1s ease-out 0.7s;}
.in_p8 li:nth-child(5){transform: translate(0,100px);opacity: 0;transition: all 1s ease-out 0.8s;}
.in_p8 li:nth-child(6){transform: translate(0,100px);opacity: 0;transition: all 1s ease-out 0.9s;}
.in_p8 li:nth-child(7){transform: translate(0,100px);opacity: 0;transition: all 1s ease-out 1.1s;}
.in_p8 li:nth-child(8){transform: translate(0,100px);opacity: 0;transition: all 1s ease-out 1.2s;}
.in_p8 li:nth-child(9){transform: translate(0,100px);opacity: 0;transition: all 1s ease-out 1.3s;}
.in_p8 li:nth-child(10){transform: translate(0,100px);opacity: 0;transition: all 1s ease-out 1.4s;}
.in_p8 .text{transform: translate(0,100px);opacity: 0;transition: all 1s ease-out 1.2s;}
.in_p8 .box .bg_img{ transform: translate(0,100%);transition: all 1s ease-out 1s;}
.in_p8.in_anm .in_title .sp1,
.in_p8.in_anm li,
.in_p8.in_anm .text,
.in_p8.in_anm .box .bg_img{transform: translate(0,0);opacity: 1;}

.in_news .in_title .sp1{transform: translate(0,100px);opacity: 0;transition: all 1s ease-out 0.2s;}
.in_news .in_title .sp2{transform: translate(0,150px);opacity: 0;transition: all 1s ease-out 0.4s;}

.in_news .list li{transform: translate(100px,0);opacity: 0; transition: all 1s ease-out;}
.in_news .list li:nth-child(1){transition-delay: 0.6s;}
.in_news .list li:nth-child(2){transition-delay: 0.7s;}
.in_news .list li:nth-child(3){transition-delay: 0.8s;}
.in_news .list li:nth-child(4){transition-delay: 0.9s;}
.in_news .list li:nth-child(5){transition-delay: 1s;}
.in_news .list li:nth-child(6){transition-delay: 1.1s;}
.in_news .in_btn{transform: scale(1.4);opacity: 0;transition: all 0.6s ease-in 1.6s;}

.in_news.in_anm .in_title .sp1,
.in_news.in_anm .in_title .sp2,
.in_news.in_anm .list li{transform: translate(0,0);opacity: 1;}
.in_news.in_anm .in_btn{opacity: 1;transform: scale(1);}

.in_p5 .in_btn{transform: scale(1.4);opacity: 0;transition: all 0.6s ease-in 1.6s;}
.in_p5.in_anm .in_btn{opacity: 1;transform: scale(1);}

.in_p8 .in_btn{transform: translateY(-30px); opacity: 0;transition: all 0.6s ease-in 1.8s;}
.in_p8.in_anm .in_btn{opacity: 1;transform: translate(0);}

/*响应式*/
@media screen and (max-width:1600px){
	.in_p1{padding: 150px 0 300px;}

}

@media screen and (max-width:1500px){
.wrap{width: 1200px;}
.in_main #LoutiNav{    width: 70px;}
}

@media screen and (max-width:1400px){
	
	/*公用*/
	.wrap{width: 1160px;}

	.in_banner{height: 650px;}
	.in_main{margin-top: 650px;}

	.in_p1{padding: 150px 0 250px;}
}


@media screen and (max-width:1200px){
	
	/*公用*/
	.wrap{ width: auto; margin: 0 20px;}
	.header .nav_part3{min-height: auto}
	.footer .top .right{ padding-top:0;}
	
	
	/*首页*/
	.in_title .sp1{ font-size:14px;}
	.in_title .sp2{ font-size:30px;}
	.in_text{ font-size:14px;}
	.in_p1{ padding:150px 0; background-size: cover;}
	.in_p1 .box{ margin:0 0 65px;}
	.in_p1 .left{ width:50%; padding:0 10px 0 0;}
	.in_p1 .right{ width:50%; padding:80px 0 0 10px;}
	.in_p1 .right ul{ margin:0;}
	.in_p1 .right li{ padding:0 10px;}
	.in_p1 .right li span{ font-size:16px;}
	.in_p2 .left li span img{ width:80px;}
	.in_p2 .right .cont{ padding-left:0;}
	.in_p3{ padding:200px 0 100px;}
	.in_p3 .box select{background: #fff url(../images/in_ion13.png) center right 20px no-repeat; border: 0; height: 50px; line-height: 42px; padding: 5px 20px; box-sizing: border-box; font-weight: bold }


	.in_p4{ padding:100px 0 120px;}
	.in_p4 .cont{ height:480px;}
	.in_p4 .pic{ width:50%; left:50%;}
	.in_p4 .cont .box{ width:50%;}
	.in_p5{ padding:200px 0 120px;}
	.in_p5 .in_text{ padding:25px 0 50px;}
	.in_p6{ padding:100px 0 80px;}
	.in_p6 .left{ width:43%; padding-right:40px; box-sizing:border-box;}
	.in_p6 .left .tit{ font-size:26px; line-height:36px;}
	.in_p6 .right{ width:57%;}
	.in_p6 .right .tit{ font-size:16px; padding-right:90px;}
	.in_p7 .top .box{ width:60%;}
	.in_p7 .top .in_text::before{ left:-17px;}
	.in_p7 .bot li{width: 25%}
	.in_p8 .box{ padding:100px 0 140px;}
	.in_p8 li{ font-size:30px;}
	
	.in_banner {height: 600px;}
	.in_banner video{object-fit: cover; height:100% !important;}
	.in_main{margin-top: 600px}

	.in_news{padding: 100px 0}
	.in_news .in_title .sp2{max-width: 600px;}
	.in_news .list ul{margin: -40px -20px 0 -20px;}
	.in_news .list li{padding: 40px 20px 0 20px}
	.in_news .list .tet{height: 40px; overflow: hidden;}
	.in_news .list dd{padding-top: 5px;}


}

@media screen and (max-width:1002px){	
	
	/*公用*/
	.footer .top{ display:none;}
	.footer .top .right .ewm span{ width:100px; margin-left:10px;}
	.footer .top .right .ewm span img{ width:100%;}
	.footer .bot{ padding:20px 0;}
	
	.in_banner{height: 360px;}
	.in_main{margin-top: 360px}

	
	
	/*首页*/
	.in_p1{ padding:100px 0 80px; background-size:cover;}
	.in_p1 .left,
	.in_p1 .right{ width:100%; float:none; padding:0;}
	.in_p1 .right{ margin-top:40px;}
	.in_p2{ background-size:contain;}
	.in_p2 .box{ margin:0;}
	.in_p2 .left, 
	.in_p2 .right{ width:100%; float:none; padding:0;}
	.in_p2 .left li{ height:140px; border-bottom:1px solid #eee; border-right:1px solid #eee;}
	.in_p2 .left li span{ padding:0;}
	.in_p2 .right .cont{ padding:0 0 40px;}
	.in_p4 .cont{ height:auto; padding:0 20px;}
	.in_p4 .pic{ position:static; height:200px; width:100%;}
	.in_p4 .cont{padding: 0 15px}
	.in_p4 .cont .wrap{ margin:0;}
	.in_p4 .cont .box{ width:100%; padding:50px 40px;}
	.in_p4 .cont .text{ padding:0 0 30px;}
	.in_p4 .cont .in_btn{ position:static;}
	.in_p5{ padding:100px 0;}
	.in_p5 li{ width:33.3%; margin-bottom:20px;}
	.in_p5 li a{ height:150px; line-height:150px;}
	.in_p6 .box{ margin-top:10px;}
	.in_p6 .left,
	.in_p6 .right{ width:100%; float:none; padding:0;}
	.in_p6 .left{ margin-bottom:40px;}
	.in_p7 .top .box{ width:75%;}
	.in_p7 .top .in_text em{ padding-bottom:30px;}
	.in_p7 .bot{ padding:50px 0;}
	.in_p7 .bot li{ width:33.3%;}
	.in_p7 .bot li a{ height:150px; line-height:150px;}
	.in_p7 .bot .arrow{ margin-top:30px;}
	.in_p8 .box{ padding-bottom:160px;}
	.in_p8 li{ padding-right:20px; margin-right:20px;}
	.in_p8 .text{ padding-right:0;}

	.in_news .in_title{padding-bottom: 30px;}
	.in_news .list ul{margin: -30px 0 0 0;}
	.in_news .list li{width: auto; float: none; padding: 30px 0 0 0;}

	.in_news .list li:nth-child(4),
	.in_news .list li:nth-child(5),
	.in_news .list li:nth-child(6){display: none;}
	
}


@media screen and (max-width:758px){	
	
	/*公用*/	
	.wrap{margin: 0 15px;}
	.footer .bot .left,
	.footer .bot .right{ float:none; width:100%; padding:0;}
	.footer .bot .right{ text-align:left; margin-bottom:20px;}
	.footer .bot .right dd a{ padding:0 15px 0 0;}
	
	.header{padding: 15px 0;}
.header .logo a img{top:0}
	.header.on2 .logo a,
	.header .logo a{ width: 190px;}
    .header .logo img{width: 100%}
.header .logo a .img2{width: 100%}

    .header .nav_wrap{width: 100%; padding: 30px;}	
	.header .nav_part1{padding-bottom: 30px;}
	.header .nav_part2{padding-bottom: 20px}
	.header .nav_part3{padding-bottom: 50px;}
	.header .nav_part3 ul>li{padding-bottom: 20px}
	.header .nav_part3 ul>li>a{font-size: 18px; padding: 0; display: inline-block;}
	.header .nav_part3 li i{ opacity: 0.5; top: 5px;}
	.header .nav_part3 ol{padding: 15px 0 0 20px;}
	.header .nav_part3 ol li{padding-bottom:  15px;}
	
    
	.in_banner{height: 300px;}
	.in_main{margin-top: 300px}

.footer .top{display:block; padding:30px 0 0 0}
.footer .top .ewm{display:none}
.footer .top .right{float: left}
.footer .top .right .list{padding:10px 0 0 0}



	/*首页*/
	.in_p1{ padding:60px 0;}
	.in_title .sp2{ font-size:20px; font-weight:400; padding-top:5px;}
	.in_p1 .box{ margin-bottom:30px;}
	.in_p1 .right{ margin-top:30px;}
	.in_p1 .right ul{ margin:0 -10px;}
	.in_p1 .right li span{ font-size:12px;}
	.in_p1 .right li span img{ width:50px;}
	.in_p2{ padding:60px 0;}
	.in_p2 .right .in_text{ padding-bottom:30px;}
	.in_p2 .left li{ height:100px; padding-top:10px;}
	.in_p2 .left li span{ font-size:12px; padding-top:5px;}
	.in_p2 .left li span img{ width:60px;}
	.in_p3{ padding:60px 0 50px;}
	.in_p3 .box > div{ width:100%; float:none; margin-bottom:10px;}
	.in_p3 .box .xl select{ height:50px; width:100%; padding:0 20px;}
	.in_p4{ padding:60px 0;}
	.in_p4 .cont .box{ padding:30px 20px;}
	.in_p4 .cont .text{ font-size:14px;}
	.in_p5{ padding:60px 0 50px;}
	.in_p5 .in_text{ padding-bottom:40px;}
	.in_p5 ul{ margin:0 -5px;}
	.in_p5 li{ padding:0 5px; margin-bottom:10px; width: 50%;}
	.in_p5 li a{ height:100px; line-height:100px;}
	.in_p6{ padding:60px 0 40px;}
	.in_p6 .left .tit{ font-size:20px; line-height:26px; font-weight:400;}
	.in_p6 .left .time{ padding:10px 0 15px;}
	.in_p6 .left .tet{ font-size:12px; line-height:20px;}
	.in_p6 .left .in_btn{ margin-top:25px;}
	.in_p6 .right li{ padding:20px 0;}
	.in_p6 .right .tit{ padding:0 0 0 10px; font-size:14px; line-height:22px;}
	.in_p6 .right .btn{ position:static; margin:10px 0 0 55px; padding-left:10px;}
	.in_p7 .top .box{ width:100%;}
	.in_p7 .top .in_text{margin-left: 10px}
	.in_p7 .bot{ padding:40px 0;}
	.in_p7 .bot ol{ margin:0 -5px;}
	.in_p7 .bot li{ padding:5px; width: 50%}
	.in_p7 .bot li a{ height:100px; line-height:100px;}
	.in_p7 .bot .arrow{ margin-top:20px;}
	.in_p8 .box{ padding:60px 0 120px;}
	.in_p8 li{ padding-right:13px; margin-right:13px;}
	.in_p8 li{ font-size:20px; line-height:32px;}
	.in_p8 .box .bg_img{ width:300px; height:auto;}
	.in_p8 .box .bg_img img{ width:100%;}
	.in_p8 .text{ font-size:14px; line-height:24px;}


	.in_news{padding: 60px 0;}
	.in_news .list ul{margin-top:-20px}
	.in_news .list li{padding-top: 20px;}
	.in_news .list dt{width: 100px;}
	.in_news .list dt img{width: 100%}
	.in_news .list dd{padding: 5px 0 0 10px}
	.in_news .list .tet{display: none;}
	.in_news .list .txt{padding: 0}
	.in_news .list .txt a{font-size: 15px;}


}