@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;}

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);}




/*首页*/
.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:befores{  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 img{ background-image: url($img);    background-size: cover;}
.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;-webkit-filter: brightness(2.3);filter: brightness(2.3); background-image: url($img), linear-gradient(#430A0D, #430A0D);
    background-blend-mode: lighten;
}

.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; height:450px;overflow:hidden;}
.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; color:#000000; font-size:15px;}
.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;}
}




/*
新闻
*/

.index_news_section{ padding:75px 0 ; border-top: 1px solid #E8E8E8; widht:100%; margin:0 auto;}
.index_news_section h2{ margin: 0; font-size: 28px; color: #000; position: relative;}

.index_news_list{ margin:0; margin-top:25px; padding:0; list-style:none; border-bottom: 1px solid #E8E8E8;}
.index_news_list li{ position:relative; border-top: 1px solid #E8E8E8; margin: 20px 0; min-height: 94px; padding:20px 0 0 70px;}
.news_date{ position:absolute; left:0; top:20px; border: 1px solid #E8E8E8; background: #fff; width: 50px; box-sizing: border-box;}
.date_mouth{ background:#BF0230; color:#fff; text-align:center; text-transform: uppercase; font-size: 12px; line-height:24px;}
.date_day{ line-height:36px; font-size: 20px; color: #222; text-align:center;}
.index_news_list li .news_img{ float:left; margin-right:20px;}
.index_news_list li .news_img img{ width:100px;}
.index_news_list li h1{ font-size:16px; margin:0; margin-bottom:5px;}
.index_news_list li h1 a{ color:#34343c;}
.index_news_list li span{ font-size:14px; color:#666; }
.index_news_list li span i{ margin-right:7px;}
.index_news_list li span font{ margin:0 10px;}
.index_news_list li span a{ color:#666;}
.index_news_list li h1 a:hover,.index_news_list li span a:hover{ color:#BF0230;}

.index_news_list li a.read_news:hover{background:#BF0230; color:#fff;}

.page_news_section .index_news_list li{ padding-right:180px;}

.index_more_news { width: 100%; margin: 0 auto; }
.newspdd{padding:0 2% 0 0; width:48%; }
.news_section{width:1340px; margin: 0 auto;}


.fancy-button{height:55px;font:600 14px/55px futura-pt,sans-serif;text-transform:uppercase;color:#2c2b29;position:relative;display:block;border:0;margin:0;background:0 0;padding:0; bottom:-110px;}
.fancy-button span{display:block;background:#e0dad4;padding-left:24px;letter-spacing:.25em; width:calc(100% - 55px);-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all.25s ease;transition:all.25s ease; margin-bottom:0; padding-bottom:0; border-bottom:none;}
.fancy-button:after{content:"\f178"; font-family:FontAwesome; font-size:18px; position:absolute;top:0;right:0; width:55px;height:55px; text-align: center; background-color: hsla(30,16%,85%,.6);}
.fancy-button:hover,.principal:hover.principal-info.fancy-button{color:#BF0230}
.fancy-button:hover span,.principal:hover.principal-info.fancy-button span{width:100%}

{ background: #fff; padding: 0 0 20px 0; width: 100%; overflow: hidden;}
 .txt2{ font-size: 16px; line-height: 24px; color: #555555;}
 .txt2 table{ font-size: 14px; line-height: 18px; color: #555555; border-top: 2px solid #b91c22; border-left:1px solid #dddddd; border-top:2px solid #b91c22; border-collapse: collapse; width: 100%;}
 .txt2 td{ width: 50%; border-bottom: 1px solid #eeeeee; border-right: 1px solid #eeeeee; height: 42px; padding: 10px 10px 10px 60px;vertical-align: middle; background: url(../images/ywly_btn1.png) no-repeat 28px center;}



/*人员-列表*/
.td_part1{padding:40px 60px 50px 60px; background: #f6f6f6;}
.td_part1 .wrap>ul{margin: 0 -15px;}
.td_part1 .wrap>ul>li{width: 33.3%; padding: 0 15px; float: left; box-sizing: border-box;}
.td_part1 dt{font-weight: bold; padding-bottom: 10px;}
.td_part1 dd{background: #fff;}
.td_part1 dd input{border: 1px solid #ddd; height: 46px; line-height: 46px; padding:0 10px;}
.td_part1 dd select{ background: #fff;}
.td_part1 .wrap>ul .li{width: 100%; margin-top: 25px; position: relative;}
.td_part1 .li .submit{background: #b51a20; border: 0; width:150px; height: 46px; line-height: 46px; color: #fff; font-weight: bold; cursor: pointer; transition: 0.3s; float: right; font-size: 16px; position: absolute; right:15px; bottom: 1px;}
.td_part1 .li .submit:hover{background: #f60;}
.td_part1 .li .a{margin-right: 150px; border:1px solid #eeeeee;}
.td_part1 .li .a a{float: left; background: #fff; display: inline-block; height: 46px; line-height: 46px; width:3.84%; text-align: center; font-family: "Arial"; font-size: 16px; color: #555;}
.td_part1 .li .a a.one,
.td_part1 .li .a a:hover{ background: #b51a20; color: #fff;}

.td_part2{padding: 35px 0 60px 0; background: #fff;width:100%}
.td_part2 .t_sx{padding-bottom: 25px;}
.td_part2 .t_sx a{float: left;margin-right: 0px;font-weight: bold;}
.td_part2 .t_sx a:hover,
.td_part2 .t_sx .one{color: #b51a20; text-decoration: underline;}
.td_part2 ul{margin: 0 -15px;}
.td_part2 li{width: 90%; float: left; box-sizing: border-box; padding:0 0; margin-bottom: 40px;}
.td_part2 li img{ width: 100%; height:360px;}
.td_part2 dt{display: block; overflow: hidden;}
.td_part2 dd{background: #f9f9f9; border-bottom: 3px solid #b51a20; border-left:1px solid #fff; border-right:1px solid #fff; text-align: center; height: 118px; transition: 0.4s; color: #555; }
.td_part2 dd b{ display: block; font-weight: bold; font-size: 16px; padding: 15px 0 20px 0;}
.td_part2 dd i{ display:inline-block; background: url(../images/ico_16.png) no-repeat; padding-left: 20px; background-position: 0 top}
.td_part2 li a:hover dd{background: #b51a20; color: #fff; border-left:1px solid #b51a20; border-right:1px solid #b51a20;}
.td_part2 li a:hover dd i{ background-position:0px -18px}
.td_part2 .on{background:url(../images/ico_17.png) center top no-repeat; font-size:14px; text-align: center; font-weight: 400; padding-top:190px; margin: 60px 0; }

 .td_part2 { padding:0 0 0 0; background: none; position: relative;}
 .td_part2 .dbls_one_bg{ overflow: hidden; width: 100%;}
 .td_part2 .dbls_one{ margin: 0 -15px;}
 .td_part2 ul{ margin: 0;}
 .td_part2 li{ width: 25%;}
 .td_part2 dd{ background: #f9f9f9; border-left:1px solid #eeeeee; border-right:1px solid #eeeeee;}
 .td_part2 .arrow i{position: absolute; top:50%; margin-top: -40px; width: 23px; height: 43px; background-image:url(../images/ico_14.png); cursor: pointer;}
 .td_part2 .arrow-left{left:-50px; background-position: 0 -43px}
 .td_part2 .arrow-right{right:-50px; background-position: -23px -43px}
 .td_part2 .arrow .arrow-left-no{ background-position: 0 top; cursor:default;}
 .td_part2 .arrow .arrow-right-no{ background-position: -23px top; cursor: default;}



.bottom_section_top{ background: #fff; padding: 92px 0 56px; height:300px; border-top:#ccc 2px solid; background:#FFFFFF;}
.bottom_box{ width:86%; max-width: 998px; margin:0 auto; position:relative;}
.bottom_box img{ max-width:210px;}
.bottom_box h3{ line-height:18px; margin:0; color:#000;}
.bottom_box span{font-weight: 600; color: #BF0230;}
.bottom_box p{ color:#58595b; margin:20px 0; font-size:14px;}
.bottom_box ul{ margin:0; margin-top:20px; padding:0; list-style:none;}
.bottom_box ul a{ color:#58595b; line-height:2.0em; font-size:14px;}
.bottom_box ul a:hover{ text-decoration:underline;}


.bottom_section{ background:#0a2b49; padding:22px 0; font-size:13px; position:relative; z-index:1;height:60px;}
.bottom_section .site_width{ width:86%; max-width:998px; }
.bottom_link,.bottom_link a{ text-align:center; color:#fff;}
.bottom_link i{ margin-right:5px;}
.bottom_link a:hover{ text-decoration:underline;}
.bottom_link font{ margin:0 6px;}
.bottom_icon{ text-align:right; color:#666;}
.bottom_icon a{ margin-left:6px;}
.bottom_icon a i{ width:22px; height:22px; border-radius:100%; background:#172385; color:#fff; text-align:center; line-height:22px; font-size:12px;  transition: all .3s ease-out 0s;}
.bottom_icon a:hover i{ background:#000;}


.width1,.width2,.width3,.width4,.width5,.width6,.width7,.width8,.width9,.width10,.width25,.width35{ float:left; min-height:1px;}
.width1{ width:8.3333333%;}
.width2{ width:16.6666667%;}
.width3{ width:25%;}
.width4{ width:33.3333333%;}
.width5{ width:41.6666667%;}
.width6{ width:50%;}
.width7{ width:58.3333333%;}
.width8{ width:66.6666667%;}
.width9{ width:75%; +width:74.99%;}
.width10{ width:83.3333333%;}
.width25{ width:37.6%}
.width35{ width: 60.4%; margin-right:2%;}



.gotop{position:fixed;bottom:220px;z-index:100000;right:10px;width:48px;top:200px;_position:absolute; list-style:none;}
.gotop a,.gotop li{width:48px;position:relative;list-style-type:none;margin:auto;}
.gotop a{display:block;height:48px;background:url(../images/gotop.png) no-repeat;padding:0;}
.gotop .phone_show{display:none;}
.gotop .phone_show,.gotop .qrcode_show{background:url(../images/gotop.png) no-repeat;width:208px;height:208px;top:-10px;left:-195px}
.gotop .top{display:none}
.gotop .btn_suggest{background-position:-48 0}
.gotop .btn_qrcode{background-position:0 -48px}
.gotop .btn_phone{background-position:0 -96px}
.gotop .btn_qq{background-position:0 -144px}
.gotop .btn_gotop{background-position:0 -192px}
.gotop .btn_suggest:hover{background-position:0 0}
.gotop .btn_qrcode:hover{background-position:-48px -48px}
.gotop .btn_phone:hover{background-position:-48px -96px}
.gotop .btn_qq:hover{background-position:-48px -144px}
.gotop .btn_gotop:hover{background-position:-48px -192px}
.gotop .qrcode_show{background:url(../images/gotop.png) -96px 0 no-repeat;position:absolute}
.gotop .phone_show{background:url(../images/gotop.png) -304px 0 no-repeat;position:absolute}
.gotop a p{display:block;position:absolute;height:48px;line-height:48px;color:#fff;top:-6;right:47px;white-space:nowrap;text-align:center;width:0;padding:0;background:url(../images/gotop.png) -96px -226px no-repeat;overflow:hidden;-webkit-transition:.25s;-moz-transition:.25s;transition:.25s}
.gotop a:hover p{width:80px;padding-right:6px;padding:0;}