@charset "utf-8";
/* CSS Document */
body { font:14px "microsoft Yahei","Arial",sans-serif; color: #555; word-wrap:break-word;}
body,form,input,p,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,ol{list-style:none; margin: 0; padding: 0;}
dl,dt,dd{display: block;}
a{text-decoration:none;}
input, textarea{ box-sizing: border-box;  border: 0; background:none; font:14px "microsoft Yahei","Arial",sans-serif; width: 100%; }
h2{font-weight:400;}
i{ font-style:normal;}
b{ font-weight:normal;}
a{transition: 0.4s; -webkit-transition: 0.4s; outline: none;}

/*文本框默认颜色*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #333}
input:-moz-placeholder, textarea:-moz-placeholder {color: #333}
input::-moz-placeholder, textarea::-moz-placeholder {color: #333}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #333}
.submit{outline: none; -webkit-appearance: button; -webkit-appearance: none; border-radius: 0;}

/*回顶部*/
#top{position:fixed; bottom:25%; right:20px; border-radius:3px; cursor:pointer; width:50px; height:50px; background:#b91f25 url(../images/top.png); z-index:9999; opacity: 0; visibility: hidden; transition: all 0.6s;}	
#top:hover{background:#b91f25 url(../images/top.png) 0px -50px;}
#top.top_on{ opacity: 1; visibility: visible;}



/* 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 }

/*图片放大*/
.tr_sc{ overflow:hidden; display:block;}
.tr_sc img{transition:0.3s all;}
.tr_sc:hover img{transform:scale(1.1,1.1);}

/*其他公用*/
.in_wrap{width: 1400px; margin: 0 auto;}
.wrap{width: 1200px; margin: 0 auto;}
.in_txt{text-align: center;}
.in_txt span{position: relative; padding:50px 0 30px 0; display: inline-block;}
.in_txt span:after,
.in_txt span:before{ content:""; position:absolute; left:50%; display:inline-block; width:110px; height:42px; border: 2px solid #b51a20; margin-left:-55px; }
.in_txt span:before{top: 0; border-bottom: 0;}
.in_txt span:after{ bottom: 0; border-top:0; }
.in_txt h2{font-size: 40px; font-weight: 100; height: 40px; line-height: 40px; padding-bottom: 5px;}
.in_txt b{font-family: "Arial"; font-size: 12px; min-height: 14px; display: block;}
.in_txt1 h2,
.in_txt1 span{color: #fff;}
.in_txt1 span:after,
.in_txt1 span:before{ border-color:#fff; }


/*load*/
#loading{ width:100%; height:100%; position:fixed; z-index:999999; background:url(../images/loading.gif) no-repeat center #fff;}
#loading img{ display: none;}
.in_body_load{ width: 100%; height: 100%; overflow: hidden;}	

/*公用头尾*/
.header{background:url(../images/ico_01.png); height: 85px; position:fixed; left: 0; top: 0; width: 100%; z-index: 999; transition: 0.4s;}
.header .logo{float: left; margin-top: 20px;}
.header .nav{float: right;}
.header .nav>ul{float: left;}
.header .nav>ul>li{float: left; padding-right:50px;}
.header .nav>ul>li a{color: #333; font-size: 16px; font-weight: bold; position: relative; height: 85px; line-height: 85px; display: inline-block;}
.header .nav>ul>li a:before{  content:""; position:absolute; left:0; bottom:0; display:inline-block; width:100%; height:2px; background: #b51a20; opacity: 0; }
.header .nav>ul>li a:hover,
.header .nav>ul>li .one{color: #b51a20}
.header .nav>ul>li a:hover:before,
.header .nav>ul>li .one:before{opacity: 1;}

.header .but{float: left; position: relative; margin-top: 35px;}
.header .but a{color: #333333; float: left; height: 16px; line-height: 16px;}
.header .but .yuyan{margin: 0 30px 0 0; float: left;}
.header .but .yuyan a{margin: 0 10px 0 0;}
.header .but .a{ font-weight: normal; font-family: "Arial";}
.header .but .one{color: #b51a20; font-weight: bold;}
.header .but .ss{width: 18px; height: 19px; display: inline-block; background: url(../images/ico_02.png);}
.header .but .box{position: absolute; right:10px; top: 53px; background:url(../images/ico_01.png); width: 250px; height: 40px; border-radius: 2px; padding: 0 10px; box-sizing: border-box; transition: 0.4s; opacity: 0; visibility: hidden; box-shadow:0 2px 3px rgba(0, 0, 0, 0.2)}
.header .but .box .submit{float: right; width: 18px; height: 40px; display: inline-block; background: url(../images/ico_02.png) center no-repeat; cursor: pointer;}
.header .but .box b{display: block; margin-right: 20px;}
.header .but .box b input{height: 40px; line-height: 40px;}
.header .but_on .box{ opacity: 1; visibility: inherit; right: -10px;}
.header .but_on .ss{background: url(../images/ico_03.png);}
.header_on{box-shadow:0 2px 3px rgba(0, 0, 0, 0.2);}

.footer1{ background: #444444; padding: 27px 0 25px 0;}
.footer1 .in_wrap{ overflow: hidden; }
.footer1 .logo{ float: left; width: 178px;}
.footer1 .con{ float: left; color: #fff; font-size: 14px; border-left:1px solid #5c5c5c; overflow: hidden; height: 95px;}
.footer1 .con h3{ font-size: 14px; font-weight: 200; line-height: 16px;}
.footer1 .con ul{ padding-top: 15px;}
.footer1 .con li{ float: left; line-height: 24px;}
.footer1 .con.con1{ width: 160px; padding-left: 36px;}
.footer1 .con.con2{ padding-left: 36px;}
.footer1 .con.con2 ul{ width:425px; float: left;}
.footer1 .con.con2 li{ width: 50%;}
.footer1 .con.con2 .qt{float: left; padding-top: 20px;}
.footer1 .con.con2 .qt a{ display: block; line-height: 35px; padding: 0 14px; border: 1px solid #999999; border-radius: 2px; font-size: 14px; color: #ffffff; }
.footer1 .con.con2 .qt a:hover{ background: #ffffff; border-color:#ffffff; color: #444;}
.footer1 .ewm{ float: right; width: 95px; border-left: 1px solid #5c5c5c; padding-left: 47px;}
.footer1 .ewm img{ width: 100%;}

.footer2{ background: #363636; height: 44px; line-height: 44px; font-size: 12px; color: #999999;}
.footer2 .nav_f{ float: left; padding-right:30px;}
.footer2 .nav_f a{ color: #999999;}
.footer2 .nav_f a:hover{ color: #b51a20;}
.footer2 .nav_f span{ padding: 0 5px;}
.footer2 .con_l{ float: left;}
.footer2 .con_l p{ display: inline;}
.footer2 .con_r{ float: right;}



/*首页*/
.in_part1{position: relative;  overflow: hidden;}
.in_part1 li{height:898px; background-repeat: no-repeat; background-size: cover; background-position: center;}
.in_part1 li .txt1{display: none;}
.in_part1 li .txt{text-align: center; padding-top: 188px; transform:translateY(-100%); opacity: 0; transition: 1s;}
.in_part1 li .txt_img{ position: absolute; left: 0; top: 0; display: none;}

.in_part1 li .wz_bg{ width: 100%; height:  100%; position:relative;}
.in_part1 li .wz_bg img{ height: 100%; position: absolute; left: 0; top: 0;}
.in_part1 li .wz{ width: 725px; height: 305px; position:absolute; left: 50%; margin: 0 0 0 -362px; padding: 0; top: 195px;}
.in_part1 li .wz_img{ width: 80px; height:80px; position:absolute; left:46%;opacity: 0; overflow: hidden;}
.in_part1 li .wz_img1{ top: 0;}
.in_part1 li .wz_img2{ top: 95px;}
.in_part1 li .wz_img3{ top: 190px;}


.in_part1 li .wz_an1 .wz_img1{animation: wz_img1_an 10s; opacity: 1; visibility: visible; width: 100%; left:20%; height:65px;}
.in_part1 li .wz_an1 .wz_img2{animation: wz_img2_an 10s; opacity: 1; visibility: visible; width: 100%; left:20%; height:65px;}
.in_part1 li .wz_an1 .wz_img3{animation: wz_img3_an 10s; opacity: 1; visibility: visible; width: 100%; left:20%; height:65px;}


@keyframes wz_img1_an
{
	0% {  opacity: 0; visibility: hidden; width: 80px; height:80px; left:46%;}
	10% {  opacity: 1; visibility: visible; width: 80px; height:80px; left:46%;}
	20% {  opacity: 1; visibility: visible; width: 80px; height:80px; left:46%;}
	30% {  opacity: 1; visibility: visible; width: 100%; height:65px; left:20%;}
	95% {  opacity: 1; visibility: visible; width: 100%; height:65px; left:20%;}
	100% { opacity: 0; visibility: hidden; width: 100%; height:65px; left:20%;}
}

@keyframes wz_img2_an
{
	0% {  opacity: 0; visibility: hidden; width: 80px; height:80px; left:46%;}
	10% {  opacity: 1; visibility: visible; width: 80px; height:80px; left:46%;}
	40% {  opacity: 1; visibility: visible; width: 80px; height:80px; left:46%;}
	50% {  opacity: 1; visibility: visible; width: 100%; height:65px; left:20%;}
	95% {  opacity: 1; visibility: visible; width: 100%; height:65px; left:20%;}
	100% { opacity: 0; visibility: hidden; width: 100%; height:65px; left:20%;}
}

@keyframes wz_img3_an
{
	0% {  opacity: 0; visibility: hidden; width: 80px; height:80px; left:46%;}
	10% {  opacity: 1; visibility: visible; width: 80px; height:80px; left:46%;}
	60% {  opacity: 1; visibility: visible; width: 80px; height:80px; left:46%;}
	70% {  opacity: 1; visibility: visible; width: 100%; height:65px; left:20%;}
	95% {  opacity: 1; visibility: visible; width: 100%; height:65px; left:20%;}
	100% { opacity: 0; visibility: hidden; width: 100%; height:65px; left:20%;}
}




.in_part1 .arrow i{position: absolute; top: 50%; width: 60px; height: 60px; border: 2px solid #fff; margin-top: -30px; cursor: pointer; transition: 0.4s; background-image: url(../images/ico_04.png); background-repeat: no-repeat;}
.in_part1 .arrow-left{left:30px; background-position: 23px 20px; }
.in_part1 .arrow-right{right:30px; background-position: -46px 20px; }
.in_part1 .arrow i:hover{background-color: rgba(225,225,225,0.7)}
.in_part1 .swiper_page{position: absolute; left: 0; width: 100%; text-align: center; bottom: 40px; color: #fff; font-family: "Arial";}
.in_part1 .swiper_page b{font-size: 30px; font-weight: normal; position: relative; padding-right: 8px; margin-right: 5px;}
.in_part1 .swiper_page b:before{  content:""; position:absolute; right:0; top:5px; display:inline-block; width:2px; height:25px; background: #fff; transform: rotate(15deg) }
.in_part1 .swiper_page i{font-size: 12px; font-weight: normal;}
.in_part1 .swiper-slide-active .txt{opacity: 1;  transform:translateY(0)}

.in_part2{padding: 60px 0 135px 0;}
.in_part2 dl{background: #f3f3f3; margin-top: 40px;}
.in_part2 dt, .in_part2 dd{float: left; box-sizing: border-box; width: 50%; }
.in_part2 dt img{width: 100%;}
.in_part2 dd{padding: 60px 0px 0px 40px;}
.in_part2 dd .logo img{width: 100%;}
.in_part2 dd .logo b,
.in_part2 dd .logo i{ display: block; float: left; box-sizing: border-box;}
.in_part2 dd .logo b{width: 25%;}
.in_part2 dd .logo i{width: 75%; padding-left: 30px;}
.in_part2 dd .tet{color: #555555; font-size: 14px; line-height: 24px; padding: 30px 40px 0 0; text-align: justify;}
.in_part2 dd .tet .contentHolder{height:240px; position:relative; overflow: hidden; padding-right: 10px;}

.in_part3{background: #f3f3f3; padding:60px 0; overflow: hidden;}
.in_part3 .part1{padding: 0 40px; position: relative; margin: 40px 0 20px 0;	 }
.in_part3 .part1:before{  content:""; position:absolute; left:0; bottom:0; display:inline-block; width:100%; height:2px; background: #ccc }
.in_part3 .part1 .tab_a{position: relative;overflow: hidden;}
.in_part3 .part1 li{text-align: center; cursor: pointer; border-bottom: 2px solid #ccc; transition: 0.3s;}
.in_part3 .part1 li span{display: block;}
.in_part3 .part1 li .p2{font-size:16px; font-weight:bold; padding: 10px 0 15px 0;}
.in_part3 .part1 .swiper-slide-active-one{border-color: #b91c22}

.in_part3 .part1 .arrow i{position: absolute; top:50%; margin-top: -22px; width: 23px; height: 43px; background-image:url(../images/ico_14.png); cursor: pointer;}
.in_part3 .part1 .arrow-left{left:0px;}
.in_part3 .part1 .arrow-right{right:0px; background-position: -23px 0}
.in_part3 .part1 .arrow-left:hover{ background-position: 0 -43px}
.in_part3 .part1 .arrow-right:hover{ background-position: -23px -43px}

.in_part3 .part2 .tab_con{position: relative;}
.in_part3 .part2 li{ width: 1530px;}
.in_part3 .part2 dl{ margin:0 65px;  position: relative;}
.in_part3 .part2 img{width: 100%;}
.in_part3 .part2 dd{position: absolute; right: 0; top: 0; width: 50%; height: 100%; background:url(../images/ico_01.png); box-sizing: border-box; padding:70px 100px; opacity: 0; transition: 0.3s;}
.in_part3 .part2 dd .txt{display: block; color: #555; font-size: 36px; font-weight: 100;}
.in_part3 .part2 dd .txt:hover{ color: #b91c22; }
.in_part3 .part2 dd b{color: #b91c22; display: block; font-weight: bold; padding: 20px 0;}
.in_part3 .part2 dd span{ line-height:22px; display: block; padding-bottom: 50px;}
.in_part3 .part2 dd .a{height: 40px; line-height: 40px; background: #b91c22; display: inline-block; padding: 0 20px; color: #fff;}
.in_part3 .part2 dd .a i{background: url(../images/ico_15.png) center right no-repeat; padding-right: 25px; display: inline-block;}
.in_part3 .part2 dd .a:hover{background: #f60;}
.in_part3 .part2 .arrow i{position: absolute; top: 50%; width: 60px; height: 60px; border: 2px solid #fff; margin-top: -30px; cursor: pointer; transition: 0.4s; background-image: url(../images/ico_04.png); background-repeat: no-repeat; display: none;}
.in_part3 .part2 .arrow-left{left:30px; background-position: 23px 20px; }
.in_part3 .part2 .arrow-right{right:30px; background-position: -46px 20px; }
.in_part3 .part2 .arrow i:hover{background-color: rgba(225,225,225,0.7)}
.in_part3 .part2 .swiper-slide-active dd{opacity: 1;}

.in_part4{padding: 60px 0;}
.in_part4 .con{padding-top: 40px; overflow: hidden;}
.in_part4 ul{margin: 0 -15px;}
.in_part4 li{width: 25%; float: left; box-sizing: border-box; padding: 0 15px;}
.in_part4 dt a{position: relative; display: block;}
.in_part4 dt img{width: 100%;}
.in_part4 dt span{color: #fff; text-align: center; position: absolute; left: 0; top: 0; z-index: 1; padding: 0 10px;}
.in_part4 dt span b{font-size: 48px; display: block; font-weight: 100;}
.in_part4 dt span i{font-size: 12px; display: block; font-weight: bold;}
.in_part4 dd{border-bottom: 3px solid #b51a20; height:150px; }
.in_part4 dd a{display: inline-block; color: #555; font-size: 16px; margin-top: 20px; line-height: 30px;}
.in_part4 dd a:hover{color: #b51a20}

.in_part5{padding: 135px 0 160px 0;  background-repeat: no-repeat; background-size: cover; background-position: center; background-attachment: fixed;}
.in_part5 .con{padding: 40px 100px 0 100px;}
.in_part5 .con>ul{margin: 0 -5px;}
.in_part5 .con>ul>li{float: left; box-sizing: border-box; padding: 0 5px;}
.in_part5 input{background: #fff; height: 50px; line-height: 50px; padding: 0 10px; font-size: 16px;}
.in_part5 .li1{width:30% }
.in_part5 .li2{width:10% }
.in_part5 .submit{cursor: pointer; background: #b51a20; color: #fff; font-weight: bold; transition: 0.4s;}
.in_part5 .submit:hover{ background:#f60}
.in_part5 .chosen-container{background: #fff}
.in_part5 .chosen-container-single .chosen-single{border: 0;}
.in_part5 .chosen-container-single .chosen-single span{height: 50px; line-height: 50px; font-size: 16px; color: #999;}
.in_part5 .chosen-container-single .chosen-single div{height: 50px; right: 0; top: 0;}

.in_part6{padding: 60px 0 120px 0; background-color: #f3f3f3; position: relative; background-image: url(../images/ico_07.png); background-repeat: no-repeat; background-position: center 50px;}
.in_part6 .lxwm{display: none;}

.section3{position: relative; overflow: hidden; margin-top: 40px;}
.section3 .dsj_list .li_one{ width: 506px; height: 506px; border:15px solid #fff; background: #f28488; border-radius: 50%; margin:0 auto; display: block; overflow: hidden; position: relative;}
.section3 .dsj_list .li_one img{ width: 100%; height:100%;  opacity: 0.3; border-radius: 50%;}
.section3 .dsj_list .li_one dd{position: absolute; left: 0; top: 0; width: 100%; box-sizing: border-box; padding: 120px 60px 120px 80px; color: #fff;}
.section3 .dsj_list .li_one .txt{padding-bottom: 25px;}
.section3 .dsj_list .li_one .txt b{font-size: 24px;}
.section3 .dsj_list .li_one .txt i {font-size: 24px; padding-left: 10px;}
.section3 .dsj_list .li_one .txt span{font-size: 36px; display: block;}
.section3 .dsj_list .li_one .tet li{ font-weight: bold; font-size: 16px; line-height: 24px;}
.section3 .dsj_list .li_one .tet ul{ padding-bottom: 20px;}

.section3 .dsj_list .li_one a{ display: block;}
.section3 .dsj_list .li_one a>b,
.section3 .dsj_list .li_one a>i{display:none}
.section3 .dsj_list .ul{ position:absolute; width:50%; overflow:hidden; top:50%; height:50px; margin-top: -25px;}
.section3 .dsj_list .ul_a{ position:absolute; top:0;}
.section3 .dsj_list .ul a{ float: left; width: 75px; text-align: center; display: inline-block;}
.section3 .dsj_list .ul a i{ display: inline-block; width: 20px; height: 20px; background: #2f2c3a; border-radius: 50%; transition: 0.3s;}
.section3 .dsj_list .ul a b{font-size:16px; display:block; color: #2f2c3a; font-weight: bold; transition: 0.3s;}
.section3 .dsj_list .ul a dl{display: none;}
.section3 .dsj_list .ul a:hover i{background: #b51a20}
.section3 .dsj_list .ul a:hover b{color: #b51a20;}
.section3 .dsj_l a,
.section3 .dsj_r a{position: absolute; top:50%; margin-top: -26px; width: 12px; height: 22px; background-image:url(../images/ico_14.png); cursor: pointer; background-size: 24px; display: block; transition: none;}
.section3 .dsj_l a{left:0px;}
.section3 .dsj_r a{right:0px; background-position: -12px 0}
.section3 .dsj_l a:hover{ background-position: 0 -22px}
.section3 .dsj_r a:hover{ background-position: -12px -22px}
.section3 .dsj_list .ul_l{ right:50%; margin:-25px 280px 0 0;}
.section3 .dsj_list .ul_l .ul_a{ left:0;}
.section3 .dsj_list .ul_r .ul_a{ left:0;}
.section3 .dsj_list .ul_r{ left:50%; margin:-25px 0 0 280px; }
.section3:before{  content:""; position:absolute; left:50%; top:50%; margin: -15px 0 0 -547px; display:inline-block; width:1095px; height:2px; background: #dcdcdc }
.phone_nav{display: none;}



/*---响应式---*/
@media screen and (max-width:1440px){
	.in_wrap{width: 1200px; }
	.header .nav>ul>li{padding-right:40px; }
	.header .but .a{}
	.header .but_on .box{right: 0px;}
	
	.in_part1 li{height: 800px;}
	.in_part1 li .txt{width: 95px; margin: 0 auto; padding-top: 180px;}
	.in_part1 li .txt img{width: 100%;}
	.in_part2 dd{padding: 40px 0 0 40px;}
	.in_part2 dd .tet .contentHolder{ height: 210px;}
	.in_part3 .part2 li{width:auto; margin: 0;}
	.in_part3 .part2 dl{margin: 0;}
	.in_part3 .part2 .tab_con{width: 1200px; overflow: hidden; margin: 0 auto;}
	.in_part3 .part2 dd{opacity: 1; padding: 50px;}
	.in_part3 .part2 .arrow-left{left: 20px;}
	.in_part3 .part2 .arrow-right{right: 20px;}
	
}


@media screen and (max-width:1200px){
	.in_part3 .part2 .tab_con,
	.in_wrap{width:auto; margin: 0 20px; }
	.in_txt span{padding: 35px 0 18px 0}
	.in_txt h2{font-size: 30px; line-height: 30px; padding-bottom: 0;}
	.in_txt span:after, .in_txt span:before{width: 90px; margin-left: -45px; height: 30px;}
	
	.header{height: 60px;}
	.header .logo{width: 170px; margin-top: 15px;}
	.header .logo img{width: 100%;}
	.header .nav>ul>li{padding-right: 30px;}
	.header .nav>ul>li a{height: 60px; line-height: 60px; font-size: 14px;}
	.header .but{margin-top: 22px;}
	.header .but .box{top: 40px;}
	
	.footer1{ padding-left: 20px; padding-right: 20px;}
	.footer2{ padding-left: 20px; padding-right: 20px;}
	.footer2 .in_wrap{margin: 0;}
	
	.footer1 .con{ height: 140px;}
	.footer1 .con.con1{ padding-left: 30px;}
	.footer1 .con.con2{ padding-left: 30px;}
	.footer1 .con.con2 li{ width: 100%;}
	.footer1 .con.con2 ul{ width: 210px;}
	.footer1 .ewm{ height: 140px; padding-left: 30px;}
	
	.in_part1 li .wz{transform: scale(0.8); top: 150px;}

	.in_part1 li{height: 700px;}
	.in_part1 li .txt{width: 90px; padding-top: 120px;}
	
	.in_part1 li .txt1{display: none;}
	.in_part1 li .txt_bg1{ width:80px; height:380px; padding: 0; margin: -190px 0 0 -40px;}
	.in_part1 li .txt_img img{ height: 100%; width: auto;}
	.in_part1 li .txt_img{ position: absolute; left: 0; top: 0; display: none; width: 100%; height: 100%;}

	
	.in_part3 .part2 .arrow i,
	.in_part1 .arrow i{width: 40px; height: 40px; margin-top: -20px;}
	.in_part3 .part2 .arrow-left,
	.in_part1 .arrow-left{background-position: 13px 10px; left: 20px;}
	.in_part3 .part2 .arrow-right,
	.in_part1 .arrow-right{background-position: -57px 10px; right: 20px;}
	.in_part1 .arrow i:hover{ background-color: inherit;}
	.in_part1 .swiper_page{bottom: 15px;}
	.in_part1 .swiper_page b{font-size: 25px;}
	.in_part1 .swiper_page b:before{height: 20px;}
	
	.in_part2{padding: 40px 0;}
	.in_part2 dl{margin-top: 20px;}
	.in_part2 dd{padding:30px 0 0 20px;}
	.in_part2 dd .tet{ padding: 20px 20px 0 0 ;}
	.in_part2 dd .tet .contentHolder{ height: 180px;}
	
	.in_part3 .part2 dd{padding: 25px 20px;}
	.in_part3 .part2 dd .txt{font-size: 25px;}
	.in_part3 .part2 dd b{ padding: 10px 0;}
	.in_part3 .part2 dd span{padding-bottom: 25px;}
	
	.in_part4 ul{margin: 0 -10px;}
	.in_part4 li{padding: 0 10px;}
	
	.in_part5{padding: 100px 0;}
	.in_part5 .con{padding:30px 0 0 0;}
	
	.section3 .dsj_list .ul a{width: 60px;}
	.section3:before{width: 980px; margin-left: -490px;}
	
	
}


@media screen and (max-width:1002px){
	
	/*手机导航*/
	.phone_nav{display: block; position: fixed; left: 0; top: 0; width: 100%; z-index: 1000;}
	.body_on{overflow:hidden; width:100%; height:100%; position:absolute; left: 0; top: 0;}
	.phone_nav .top{ background: #fff; border-bottom:1px solid #e5e5e5; height: 80px; position:absolute; left: 0; top: 0; width: 100%; z-index:10;}
	.phone_nav .top .a{float: left; width: 200px; margin:20px;}
	.phone_nav .top .a img{width:100%;}
	.phone_nav .but{ float:right; width: 30px; height: 30px; margin: 20px; display: block;}
	.phone_nav .but i{width:100%; height: 3px; background: #b51a20; display: block; margin-top: 15px; position: relative; transition: 0.4s; -webkit-transition: 0.4s; }
	.phone_nav .but i:before,.but i:after{content:""; position:absolute; left:0; top:0; display:block; width:100%; height:3px; background: #b51a20; transition: 0.4s;
	-webkit-transition: 0.4s;}
	.phone_nav .but i:before{ margin-top: -8px;}
	.phone_nav .but i:after{ margin-top: 8px;}
	.phone_nav .box{ width:100%; padding:80px 20px 20px 20px; height: 100%; box-sizing: border-box; background:rgba(0,0,0,0.8); position: fixed; left: 0; top: 0; z-index: 9;  
	transform: translateX(100%); -webkit-transform: translateX(100%); transition: 0.7s; -webkit-transition: 0.7s; transition-delay: 0.2s; -webkit-transition-delay: 0.2s; }
	.phone_nav .box_con{ overflow-x: hidden; opacity: 0; 
	transition: 1s; -webkit-transition: 1s; -webkit-transition: 1s;  transition-delay: 0.2s; -webkit-transition-delay: 0.2s; 
	transform: translateX(100px); -webkit-transform: translateX(100px); height: 100%;}
	.phone_nav .box_con>ul{}
	.phone_nav .box_con>ul>li{ border-bottom: 1px solid rgba(225,225,225,0.7); padding: 15px 10px; position: relative;}
	.phone_nav .box_con>ul>li ol{display: none; padding-top: 10px;}
	.phone_nav .box_con>ul>li ol li{padding:10px; position: relative; border-top: 1px solid rgba(225,225,225,0.7)}
	
	.phone_nav .box_con>ul>li ol li:last-child{border-bottom: 0; padding-bottom: 0;}
	.phone_nav .box_con li a{color:#fff; font-size: 14px;}
	.phone_nav .box_con .a_zk{position:absolute; right:10px; top:14px; width: 20px; height: 20px; background: url(../images/iphone_nav_xia.png) right no-repeat;
	transition:0.4s; -webkit-transition:0.4s; transform: rotate(-90deg); -webkit-transform: rotate(-90deg)}
	.phone_nav .box_con .a_zk_on{transform: rotate(0deg); -webkit-transform: rotate(0deg) }
	.phone_nav .yuyan{ overflow: hidden;}
	.phone_nav .yuyan a{ width: 50%; box-sizing: border-box; float: left; border-right: 1px solid #fff; text-align: center;}
	.phone_nav .yuyan a.li1{ border-right: none;}
	
	/*打开样式*/
	.phone_on .but i:before{ transform: rotate(45deg); -webkit-transform: rotate(45deg); margin: 0;}
	.phone_on .but i:after{ transform: rotate(-45deg);-webkit-transform: rotate(-45deg); margin: 0;}
	.phone_on .but i{ background:none;}
	.phone_on .box{transform: translateX(0%); -webkit-transform: translateX(0%); transition-delay: 0s; -webkit-transition-delay: 0s;}
	.phone_on .box_con{ opacity:1; transform:translateX(0%); -webkit-transform:translateX(0%);}
	
	.main{margin-top: 80px;}
	.header{display: none;}
	
	.in_part1 li .wz{ top:60px;}
	
	.in_part1 li{height: 500px;}
	.in_part1 li .txt{display: block;}
	.in_part1 li .txt1{display:none; text-align: center; padding-top: 232px; transform: translateX(-15%); transition: 1s; opacity: 0;}
	.in_part1 li .txt1 span{font-size:30px; font-weight: 100; color: #fff; border: 2px solid #fff; padding: 10px 20px;}	
	.in_part1 .swiper-slide-active .txt1{ transform: translateX(0%); opacity: 1;}
	
	.in_txt h2{}
	.in_txt span:after, .in_txt span:before{height: 15px; width: 70px; margin-left:-35px; display: none;}
	.in_txt span{padding:0; }
	.in_part2{padding: 30px 0 50px 0;}
	.in_part2 dl{margin-top: 15px;}
	.in_part2 dt,.in_part2 dd{float: none; width: 100%;}
	.in_part2 dd{padding: 20px;}
	.in_part2 dd .tet{ padding: 20px 0 0 0;}
	.in_part2 dd .tet .contentHolder{ height: auto; padding: 0;}
	
	.in_part3{padding: 30px 0;}
	.in_part3 .part1{margin: 20px 0;}
	.in_part3 .part1 li .p2{font-size: 12px;}
	.in_part3 .part2 dd span{ height: 66px; overflow: hidden; padding: 0; margin-bottom: 25px;}
	
	.in_part3 .part1 .arrow i{background-size: 35px; width:17px; height: 31px;}
	.in_part3 .part1 .arrow-left:hover{background-position: 0 0}
	.in_part3 .part1 .arrow-right:hover,
	.in_part3 .part1 .arrow-right{background-position: -17px 0}
	
	.in_part4{padding: 30px 0;}
	.in_part4 .con{padding-top: 20px;}
	.in_part4 ul{margin: 0 -5px;}
	.in_part4 li{padding: 0 5px;}
	.in_part4 dt span b{font-size: 40px;}
	.in_part4 dd{height:84px;}
	.in_part4 dd a{margin-top: 16px; font-size: 14px; line-height: 22px;}
	.in_part5 { background-size: cover; background-attachment: inherit;}
	.in_part5 .con{padding-top: 20px;}
	.in_part5 input{ height: 38px; line-height: 38px;}
	.in_part5 select{ height: 38px; line-height: 38px; background: #fff;}
	
	
	.in_part6{padding: 30px 0 60px 0; background-size: 70%}
	.section3{margin-top: 20px;}
	.section3 .dsj_list .li_one{width: 350px; height: 350px; border-width: 5px;}
	.section3 .dsj_list .li_one dd{padding:80px 45px 0 45px;}
	.section3 .dsj_list .li_one .txt{padding-bottom: 15px;}
	.section3 .dsj_list .li_one .txt span{font-size: 18px;}
	.section3 .dsj_list .li_one .tet li{font-size: 14px; font-weight: normal; line-height: 22px;}
	.section3 .dsj_list .li_one .tet ul{ padding-bottom: 10px;}
	.section3 .dsj_list .ul_l{margin-right: 180px;}
	.section3 .dsj_list .ul_r{margin-left: 180px;}
	.section3:before{width: 660px; margin-left: -330px;}
	
	.footer1{ display: none;}
	.footer2 .con_r{ display: none;}
}


@media screen and (max-width:758px){
	.main{margin-top: 50px;}
	.phone_nav .box{ padding:50px 10px 10px 10px;}
	.phone_nav .top{ height: 50px;}
	.phone_nav .top .a{ width: 140px; margin:12px 10px;}
	.phone_nav .but{ width: 20px; height: 20px; margin: 10px;}
	.phone_nav .but i:after{ margin-top: 6px;}
	.phone_nav .but i:before{ margin-top: -6px;}
	.phone_on .but i:after{ margin-top: 0;}
	.phone_on .but i:before{ margin-top: 0;}
	
	.page .Ppagelist{ display: none;}
	.page .PIndex{ margin: 0 5px;}
	.page .PEnd{ margin: 0 5px;}
	.page a{padding: 12px 30px;}
	
	.in_part1 li{ height: 300px;}
	.in_part1 li .wz{transform: scale(0.35); top: -20px;}
	
	.in_part3 .part2 .tab_con,
	.in_wrap{margin: 0 10px;}
	
	.in_part2,
	.in_part3,
	.in_part4{padding: 15px 0;}
	
	
	.in_part3 .part2 .arrow i, .in_part1 .arrow i{width: 30px; height: 30px; background-size:50px; border-width: 1px; margin-top: -15px;}
	.in_part3 .part2 .arrow-left, .in_part1 .arrow-left{left: 10px; background-position: 11px 9px; }
	.in_part3 .part2 .arrow-right, .in_part1 .arrow-right{right: 10px; background-position: -30px 9px;}
	.in_part1 .swiper_page{bottom: 10px;}

	
	
	
	.in_txt h2{font-size: 18px; height: 20px; line-height: 20px;}
	.in_part2 dd .tet{ font-size: 12px; line-height: 22px;}
	.in_part2 dl{margin-top: 10px;}
	.in_part3 .part1{margin: 10px 0; padding: 0 15px;}
	.in_part3 .part1 .arrow i{background-size: 25px; width:13px; height: 23px; margin-top: -11px; }
	.in_part3 .part1 .arrow-right:hover,
	.in_part3 .part1 .arrow-right{background-position: -12px 0;}
	.in_part3 .part1 li .p2{padding: 5px 0 10px 0;}
	.in_part3 .part1 li span{ height: 40px;}
	.in_part3 .part1 li span img{ height: 40px;}
	.in_part3 .part2 dd{width: 100%; position: inherit; padding: 10px;}
	.in_part3 .part2 dd b,
	.in_part3 .part2 dd span,
	.in_part3 .part2 dd .a{display: none;}
	.in_part3 .part2 dd .txt{font-size: 16px; font-weight:normal; }
	
	.in_part4 li{width: 50%;}
	.in_part4 .con{ padding-top: 10px;}
	.in_part4 li:nth-of-type(3),
	.in_part4 li:nth-of-type(4){display: none;}
	.in_part4 dd{height: 60px; border-width: 1px;}
	.in_part4 dd a{font-size: 12px; line-height:18px; height: 36px; overflow:hidden;margin: 5px 0 ;}
	.in_part4 dt span b{ font-size: 24px; line-height: 36px;}
	.in_part4 dt span i{ font-weight: 400;}
	
	.in_part5{padding: 30px 0;}
	.in_part5 .con>ul{margin: 0;}
	.in_part5 .con>ul>li{width: 100%; padding: 0; margin-bottom: 5px;}
	.in_part5 input{height: 35px; line-height: 35px; font-size: 14px;}
	
	
	.section3{display: none;}
	.in_part6{padding: 15px 0}
	#top{right: -100%;}
	.in_part6 .lxwm{display:block; position: relative; overflow: hidden; margin: 20px 0;}
	.in_part6 .lxwm dl{width: 350px; height: 350px; margin: 0 auto; background: #f28488; border:2px solid #fff; border-radius: 50%; box-sizing: border-box; display: block; overflow: hidden; position: relative;}
	.in_part6 .lxwm dt{opacity: 0.3; width: 100%; height: 100%;}
	.in_part6 .lxwm dd{position: absolute; left: 0; width: 100%; top: 0; z-index: 1; padding:70px 40px; color: #fff; box-sizing: border-box;}
	.in_part6 .lxwm dd .txt{padding-bottom:10px; font-size: 18px;}
	.in_part6 .lxwm dd .txt i{padding-left: 10px;}
	.in_part6 .lxwm dd .txt span{font-size: 16px; display: block;}
	.in_part6 .lxwm dd .tet li{font-size: 14px; font-weight: normal; line-height: 22px;}
	.in_part6 .lxwm dd .tet ul{ padding-bottom: 10px;}
	.in_part6 .lxwm .arrow i{position: absolute; top: 50%; width: 36px; height: 38px; margin-top: -19px; cursor: pointer; transition: 0.4s; background-image: url(../images/ico_04.png); background-color: #b91c22; background-repeat: no-repeat;}
	.in_part6 .lxwm .arrow-left{left:0; background-position: 10px center; }
	.in_part6 .lxwm .arrow-right{right:0; background-position: -60px center; }
	.in_part6 .in_wrap{ padding: 0; margin: 0;}
	
	
	.footer2 .nav_f{ display: none;}
	.footer2{ line-height: 18px; height: auto; padding: 8px 10px; overflow: hidden;}
	.footer2 .in_wrap{ margin: 0;}
	
}


@media screen and (max-width:370px){
	.in_part6 .lxwm dl{width: 300px; height: 300px;  }
	.in_part6 .lxwm dd{  padding: 50px 40px;}
}




/*
b51a20
*/