<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0; list-style:none; text-decoration:none; border:0; list-style:none;}
body{ font-size:12px; font-family:''; color:#333;}
a{ color:#666;}
a:hover{ color:#f60; text-decoration:none;}
p{line-height:1.5em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}
.wapper2{ min-width:1200px; margin:0 auto;}
img{ max-width:100%;}
/*common end*/

.headbg{ border-bottom:1px solid rgba(0,0,0,.3); width:100%; background:#fff; position:fixed; z-index:55; top:0; left:0;}
.head{ height:89px;}
.head .logo{ float:left; width:25%; height:89px; position:relative; margin:0 0 0 20px;}
.head .logo img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto 0;}
.head .rt{ float:right; margin:0 20px 0 0;}
/*menu*/
.menu{height:89px;line-height:86px; }
.menu ul li{ float:left; position:relative; }
.menu ul li dl{ background:#01458b; width:150px; position:absolute; left:0px; top:100%; box-shadow:2px 2px 5px rgba(0,0,0,0.2); display:none; }
.menu ul li dl dd{ line-height:24px; }
.menu ul li dl dd a{ font-size:14px; color:#fff; font-weight:normal; padding:13px 20px; text-align:left;}
.menu ul li dl dd a:hover{ color:#fff; background:#0058b2;}
.menu a{ font-size:16px;color:#333; text-decoration:none; font-weight:normal;display:block;text-align:center; padding:0 20px; border-bottom:3px solid transparent;}
.menu a:hover{color:#999;}
a.menu_hover{ color:#999; border-bottom:3px solid #1450a2;}
.h_height{ height:90px;}



.tit1{ text-align:center;}
.tit1 .h2{ font-size:30px; line-height:40px;}
.tit1 .h2:after{ content:""; width:50px; height:3px; background:#e60012; display:block; margin:15px auto 0 auto;}

.tit2{}
.tit2 .h2{ font-size:60px; line-height:70px; color:#3366cc;}

.tit3{ text-align:center;}
.tit3 .h2{ font-size:30px; line-height:40px; }

.index_swiper-container {/*touch-action: pan-x; */height:calc(100% - 90px); margin-top:90px;}
.index_swiper-container .index_swiper-slide { height:100%; overflow:hidden;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.index_swiper-container .index_swiper-pagination{ }
.index_swiper-container .index_swiper-pagination .swiper-pagination-bullet{width:13px; height:13px; background:#fff; opacity:.5; position:relative; margin:23px 0;}
.index_swiper-container .index_swiper-pagination .swiper-pagination-bullet:before{ content:""; width:21px; height:21px; border-radius:100%; border:1px solid #fff; position:absolute; top:-5px; left:-5px; display:none;}
.index_swiper-container .index_swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#fff; opacity:1;}
.index_swiper-container .index_swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{ display:block;}

/**/
.bannerbg{ width:100%;/* padding-top:90px;*/}
.swiper-container3 { }
.swiper-container3 .swiper-slide {
	text-align: center;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-container3 .swiper-slide .img{ width:100%; height:calc(100vh - 90px); }
.swiper-container3 .swiper-pagination3{ bottom:35;}
.swiper-container3 .swiper-pagination3 .swiper-pagination-bullet{ width:10px; height:10px; background:#fff; opacity:.5;}
.swiper-container3 .swiper-pagination3 .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#fff; opacity:1;}
.swiper-container3 .swiper-button-prev3,.swiper-container3 .swiper-button-next3{ display:none;}
.swiper-container3 .swiper-button-prev3{}
.swiper-container3 .swiper-button-next3{}


.con01bg{}
.con01{}
.con01_lt{ position:relative; width:570px;}
.con01_lt:before{ content:""; width:665px; height:1px; background:rgba(68, 68, 68, 0.38); position:absolute; top:107px; left:-355px;}
.con01_lt .list{}
.con01_lt .list .h2{ font-size:24px; line-height:34px; margin-top:60px;}
.con01_lt .list .h3{ font-size:16px; line-height:26px; margin-top:10px;}
.con01_lt .list .txt{ margin-top:10px;}
.con01_lt .list .txt ul li{ float:left; width:180px; margin:25px 15px 0 0;}
.con01_lt .list .txt ul li:nth-child(3n){ margin-right:0;}
.con01_lt .list .txt ul li .img{ height:70px;}
.con01_lt .list .txt ul li .img1{ background:url(../images/i_img1.png) center no-repeat;}
.con01_lt .list .txt ul li :hover.img1{ background:url(../images/i_img1_hover.png) center no-repeat;}
.con01_lt .list .txt ul li .img2{ background:url(../images/i_img2.png) center no-repeat;}
.con01_lt .list .txt ul li :hover.img2{ background:url(../images/i_img2_hover.png) center no-repeat;}
.con01_lt .list .txt ul li .img3{ background:url(../images/i_img3.png) center no-repeat;}
.con01_lt .list .txt ul li :hover.img3{ background:url(../images/i_img3_hover.png) center no-repeat;}
.con01_lt .list .txt ul li .img4{ background:url(../images/i_img4.png) center no-repeat;}
.con01_lt .list .txt ul li :hover.img4{ background:url(../images/i_img4_hover.png) center no-repeat;}
.con01_lt .list .txt ul li .img5{ background:url(../images/i_img5.png) center no-repeat;}
.con01_lt .list .txt ul li :hover.img5{ background:url(../images/i_img5_hover.png) center no-repeat;}
.con01_lt .list .txt ul li .img6{ background:url(../images/i_img6.png) center no-repeat;}
.con01_lt .list .txt ul li :hover.img6{ background:url(../images/i_img6_hover.png) center no-repeat;}


.con02bg{}
.con02{ color:#fff; position:relative;}
.con02:before{ content:""; width:665px; height:1px; background:rgba(255, 255, 255, 0.38); position:absolute; top:80px; left:-355px;}
.con02 .tit2 .h2{ color:#fff;}
.con02 .list{}
.con02 .list .h3{ font-size:14px; line-height:24px; margin-top:25px;}
.con02 .list .txt{ margin:0 auto; width:440px; height:440px; position:relative;}
.con02 .list .txt&gt;img{ display:block; width:308px; height:308px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.con02 .list .txt .wrapper{ width:100%; height:100%; position:absolute; top:0; left:0;}
.con02 .list .txt .wrapper .arc{ position: absolute;
    display: block;
    width: 85%;
    height: 85%;
    margin: 7.5%;
    border-radius: 50%;
    animation: 15s rotate linear infinite;
    box-shadow: 0px 0px 0px 2px #fff2;}
.con02 .list .txt .wrapper .arc:before, .con02 .list .txt .wrapper .arc:after {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    border: 4px solid #000;
    top: -4px;
    left: -4px;
    border-color: hsl(160, 70%, 50%) transparent transparent transparent;
    border-radius: 50%;
    z-index: -8;
    content: "";
}
.con02 .list .txt .wrapper .arc:after{border-color: transparent transparent hsl(345, 70%, 50%) transparent;}
@keyframes rotate {
	0% {
		transform: rotate(90deg);
	} 100% {
		transform: rotate(810deg);
	}
}


.con03bg{}
.con03{ color:#fff; position:relative; height:600px; background:url(../images/c3_bg2.png) center no-repeat;}
.con03 a{ color:#fff;    font-size: 16px;}
.con03 .list{}
.con03 .list ul li{ position:absolute;background-position:center; background-repeat:no-repeat; background-size:cover; text-align:center;}
.con03 .list ul li table,.con03 .list ul li table td{ height:100%;}
    .con03 .list ul li.bg1 {
        width: 50px;
        height: 47px;
        top: 170px;
        left: 414px;
        z-index: 999;
    }
.con03 .list ul li.bg1 img{ max-width:100%; max-height:100%;}
.con03 .list ul li.bg2{ width:150px; height:150px; top:151.5px; left:71px; background-image:url(../images/bg2.png);}
.con03 .list ul li.bg2 a{}
.con03 .list ul li.bg3{ width:150px; height:150px; top:281.5px; left:211px; background-image:url(../images/bg3.png);}
.con03 .list ul li.bg3 a{}
.con03 .list ul li.bg4{ width:190px; height:190px; top:211px; left:854px; background-image:url(../images/bg4.png);}
.con03 .list ul li.bg4 a{}
.con03 .list ul li.bg5{ width:150px; height:150px; top:174px; left:335px; background-image:url(../images/bg5.png);}
.con03 .list ul li.bg5 a{}
.con03 .list ul li.bg6{ width:88px; height:88px; top:203px; left:468px; background-image:url(../images/bg6.png);}
.con03 .list ul li.bg6 a{}

.con04bg{}
.con04{ position:relative; height:calc(100vh - 90px); background:url(../images/c4_bg2.png) center no-repeat;}
.con04:before{ content:""; width:665px; height:1px; background:rgba(68, 68, 68, 0.38); position:absolute; top:80px; left:-355px;}
.con04 .list{}
.con04 .list ul li{ position:absolute;background-position:center; background-repeat:no-repeat; background-size:cover; text-align:center;}
.con04 .list ul li a{ color:#fff;}
.con04 .list ul li table,.con03 .list ul li table td{ height:100%;}
.con04 .list ul li .img{ width:30px; height:30px; margin:0 auto; position:relative;}
.con04 .list ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.con04 .list ul li .h2{ font-size:12px; line-height:24px;}
.con04 .list ul.cpzx1 li{ background-image:url(../images/c4_bg3.png);}
.con04 .list ul.cpzx1 li.bg1{ width:100px; height:100px; top:527px; left:186px; }
.con04 .list ul.cpzx1 li.bg2{ width:95px; height:95px; top:367px; left:202px;}
.con04 .list ul.cpzx1 li.bg3{ width:89px; height:89px; top:277px; left:977px;}
.con04 .list ul.cpzx1 li.bg4{ width:100px; height:100px; top:283.5px; left:393px;}
.con04 .list ul.cpzx1 li.bg5{ width:100px; height:100px; top:307px; left:284px;}
.con04 .list ul.cpzx1 li.bg6{ width:100px; height:100px; top:304.5px; left:1074px;}
.con04 .list ul.cpzx2 li{ background-image:url(../images/c4_bg4.png);}
.con04 .list ul.cpzx2 li.bg1{ width:100px; height:100px; top:373px; left:656px; }
.con04 .list ul.cpzx2 li.bg2{ width:107px; height:107px; top:439px; left:326px;}
.con04 .list ul.cpzx2 li.bg3{ width:107px; height:107px; top:413px; left:525px;}
.con04 .list ul.cpzx2 li.bg4{ width:107px; height:107px; top:301px; left:794px;}
.c4_tag{ font-weight:bold; font-size:16px; line-height:26px; position:absolute; right:0; bottom:100px;}
.c4_tag a{ display:inline-block; margin-left:15px;}
.c4_tag a:hover{}
.c4_tag a img{ vertical-align:middle; margin-right:5px;}


.con05bg{ position:relative;}
.con05{ position:relative; }
.con05:before{ content:""; width:665px; height:1px; background:rgba(68, 68, 68, 0.38); position:absolute; top:80px; left:-355px;}
.con05 .list1{ margin-top:80px;}
.con05 .list1 table td{ vertical-align:middle;}
.con05 .list1 .lt{}
.con05 .list1 .lt ul li{ font-size:16px; line-height:26px; margin-top:30px;}
.con05 .list1 .lt ul li img{ width:53px; vertical-align:middle; margin-right:5px;}
.con05 .list1 .rt{ text-align:right;}
.con05 .list1 .rt .ewm_box{ width:100px; text-align:center;}
.con05 .list1 .rt .img{}
.con05 .list1 .rt .img img{ display:block; width:100px;}
.con05 .list1 .rt .h2{ font-size:12px; line-height:22px;}
.index_footbg{ color:#fff; background:#1350a1; width:100%; position:absolute; bottom:0; left:0; padding:20px 0;}
.index_foot{ font-size:12px; line-height:22px; text-align:center;}
.index_foot a{ color:#fff;}






.foot1bg{ padding:50px 0 20px 0;}
.foot1{}
.foot1 .lt{ float:left; width:291px;}
.foot1 .lt .f_logo{}
.foot1 .lt .f_logo img{ max-width:100%;}
.foot1 .lt .f_tel{ font-size:20px; line-height:30px; margin-top:50px;}
.foot1 .lt .f_tel img{ vertical-align:middle; margin-right:5px;}
.foot1 .ct{ float:left;}
.foot1 .ct dl{ float:left; margin-left:100px;}
.foot1 .ct dl dt{ font-size:18px; line-height:28px; margin-bottom:5px;}
.foot1 .ct dl dt:after{ content:""; width:70px; height:1px; background:#333; display:block; margin-top:5px;}
.foot1 .ct dl dd{ font-size:14px; line-height:24px; color:#999;}
.foot1 .ct dl dd a{ color:#999;}
.foot1 .rt{ float:right; text-align:center;}
.foot1 .rt .ewm{}
.foot1 .rt .ewm img{ display:block; width:100px; margin:0 auto;}
.foot1 .rt .h2{ font-size:12px; line-height:22px; }
.foot2bg{ border-top:1px solid #333;}
.foot2{ font-size:12px; line-height:22px; padding:10px 0; }




/*Add------------------------------------------------------------------------------*/

.inbanner{}
.inbanner img{ display:block; width:100%;}

.innavbg{ background:#00448b;}
.innav{ text-align:center; color:#fff; font-size:15px; line-height:65px;}
.innav ul li{ display:inline-block;}
.innav ul li a{ display:block; padding:0 35px; color:#fff;}
.innav ul li:hover a{ background:#d92117;}



.aboutus1bg{ padding:60px 0 90px 0;}
.aboutus1{}
.aboutus1 .lt{ float:left; width:580px; margin-top:90px;}
.aboutus1 .lt .h2{ font-size:30px; line-height:40px;}
.aboutus1 .lt .txt{ font-size:16px; line-height:26px; color:#999; margin-top:40px;}
.aboutus1 .rt{ float:right; width:415px; position:relative; }
.aboutus1 .rt:before{ content:""; width:calc(100% - 20px); height:calc(100% - 75px); border:10px solid #086ab4; position:absolute; left:-35px; top:85px; z-index:1;}
.aboutus1 .rt img{ display:block; width:100%; position:relative; z-index:2;}
/**/
.aboutus2{ height:800px;}
/**/
.aboutus3bg{ padding:60px 0 120px 0;}
.aboutus3{}
.aboutus3 .list{ margin-top:100px;}
.aboutus3 .lt{ float:left;  width:25%;}
.aboutus3 .lt dl{ margin-top:50px;}
.aboutus3 .lt dl:nth-child(1){ margin-top:0;}
.aboutus3 .lt dl dt{ font-size:28px; line-height:40px; color:#B22222;}
.aboutus3 .lt dl dd{ font-size:15px; line-height:28px; margin-top:15px;}
.aboutus3 .rt{ float:right; width:880px;}
.aboutus3 .rt ul li{ float:left; width:280px; margin-right:20px;}
.aboutus3 .rt ul li:nth-child(3n){ margin-right:0;}
.aboutus3 .rt ul li .img{}
.aboutus3 .rt ul li .img img{}
/**/
.aboutus4bg{ background:#f5f5f5; padding:120px 0 60px 0;}
.aboutus4{}
.aboutus4 .list{ margin-top:30px;}
.swiper-container1 { padding-bottom:55px;}
.swiper-container1 .swiper-slide {
	text-align: center;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-container1 .swiper-slide a{ display:block; width:100%;}
.swiper-container1 .swiper-slide img{ display:block; max-width:calc(100% - 30px); max-height:calc(100% - 30px); position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; transition:all .3s ease;}
.swiper-container1 .swiper-slide:hover img{ transform:scale(1.1);}
.swiper-container1 .swiper-slide .img{ width:100%; padding-bottom:72%; position:relative;}
.swiper-container1 .swiper-slide .h2{ font-size:14px; line-height:24px; height:24px; overflow:hidden;}
.swiper-container1 .swiper-pagination1{ bottom:0;}
.swiper-container1 .swiper-pagination1 .swiper-pagination-bullet{width:16px; height:16px; background:#cbcbcb; opacity:1;}
.swiper-container1 .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#0769b4; opacity:1;}
.swiper-container1 .swiper-button-prev1,.swiper-container1 .swiper-button-next1{ display:none;}
.swiper-container1 .swiper-button-prev1{}
.swiper-container1 .swiper-button-next1{}
/**/
.aboutus5bg{ padding:120px 0 80px 0;}
.aboutus5{}
.aboutus5 .list{ margin-top:30px;}
.swiper-container2 { padding-bottom:55px;}
.swiper-container2 .swiper-slide {
	text-align: center;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-container2 .swiper-slide a{ display:block; width:100%;}
.swiper-container2 .swiper-slide img{ display:block; max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; transition:all .3s ease;}
.swiper-container2 .swiper-slide:hover img{ transform:scale(1.1);}
.swiper-container2 .swiper-slide .img{ width:100%; padding-bottom:75%; position:relative;}
.swiper-container2 .swiper-slide .h2{ font-size:22px; line-height:32px; height:32px; overflow:hidden; margin-top:20px;}
.swiper-container2 .swiper-pagination2{ bottom:0;}
.swiper-container2 .swiper-pagination2 .swiper-pagination-bullet{ width:16px; height:16px; background:#999; opacity:1;}
.swiper-container2 .swiper-pagination2 .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#8e2625; opacity:1;}
.swiper-container2 .swiper-button-prev2,.swiper-container2 .swiper-button-next2{ width:50px; height:50px; margin-top:-25px;}
.swiper-container2 .swiper-button-prev2{ background:url(../images/btn_lt1.png) center no-repeat; left:0;}
.swiper-container2 .swiper-button-next2{ background:url(../images/btn_rt1.png) center no-repeat; right:0;}
/**/
.aboutus6bg{ padding:80px 0 180px 0 ;}
.aboutus6{}
.aboutus6 .list{ margin-top:20px;}
.aboutus6 .list ul li{ float:left; border:1px solid #999; width:calc((100% - 50px)/6 - 2px); margin:10px 10px 0 0;}
.aboutus6 .list ul li:nth-child(6n){ margin-right:0;}
.aboutus6 .list ul li .img{ position:relative; padding-bottom:50%;}
.aboutus6 .list ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto}



/**/
.group1bg{ background:url(../images/group1bg.png) top center no-repeat; padding:90px 0 120px 0;}
.group1{ background:url(../images/group1bg.png) top center no-repeat;}
.group1 .list1{ margin-top:45px; font-size:16px; line-height:26px;}
.group1 .list2{}
.group1 .list2 ul li{ float:left; width:calc((100% - 90px)/3); margin:45px 45px 0 0; text-align:center;}
.group1 .list2 ul li:nth-child(3n){ margin-right:0;}
.group1 .list2 ul li .h2{ font-size:100px; color:#1450a2;}
.group1 .list2 ul li .h2 strong{}
.group1 .list2 ul li span{ display:block; font-size:14px; line-height:24px; margin-top:20px;}
.group1 .list3{ margin-top:120px;}
.group1 .list3 img{ max-width:100%; display:block; margin:0 auto;}
/**/
.group2{ height:800px;}
/**/
.group3bg{ padding:100px 0 50px 0;}
.group3{ }
.group3 .lt{ float:left; width:360px;}
.group3 .lt .h2{ font-size:30px; line-height:40px; color:#B22222;}
.group3 .lt .h2:after{ content:""; width:121px; height:3px; background:#B22222; display:block; margin-top:5px;}
.group3 .lt .txt{ font-size:18px; line-height:28px; margin-top:10px;}
.group3 .rt{ float:right; width:740px;}
.group3 .rt ul li{ float:left; width:350px; margin:20px 0 0 20px; position:relative;}
.group3 .rt ul li .img{ height:220px;}
.group3 .rt ul li .h2{ max-width:100%; background:rgba(143, 195, 31, 0.65); color:#fff; position:absolute; bottom:0; left:0;}
.group3 .rt ul li .h2 span{ display:block; font-size:30px; line-height:40px; padding:15px 40px;}
.group3 .rt ul li.bg1 .h2{ background:rgba(143, 195, 31, 0.65); }
.group3 .rt ul li.bg2 .h2{ background:rgba(216, 34, 34, 0.82); }
.group3 .rt ul li.bg3 .h2{ background:rgba(235, 153, 117, 0.82); }
.group3 .rt ul li.bg4 .h2{ background:rgba(2, 66, 247, 0.52); }
/**/
.group4{ height:800px;}




/**/
.network1bg{ padding:90px 0 100px 0;}
.network1{}
.network1 .list{ margin-top:20px;}
.network1 .list .h2{ font-size:30px; line-height:40px; color:#00448b; text-align:center;}
.network1 .list .txt{ font-size:16px; line-height:26px; color:#666; margin-top:30px;}
/**/
.network2{}
.network2 img{ display:block; width:100%;}
/**/
.network3bg{ padding:80px 0 80px 0;}
.network3{}
.network3 dl{ float:left; width:calc((100% - 50px)/2); margin:0 50px 50px 0;}
.network3 dl:nth-child(2n){ margin-right:0; }
.network3 dl:nth-child(2n-1){ clear:left;}
.network3 dl dt{ font-size:20px; line-height:30px; color:#82b69e; border-bottom:3px solid #82b69e; padding-bottom:15px;}
.network3 dl dd{ font-size:16px; line-height:26px; margin-top:15px;}
.network3 dl dd ul li{}
.network3 dl.bg1 dt{ color:#82b69e; border-bottom:3px solid #82b69e; }
.network3 dl.bg2 dt{ color:#cf790c; border-bottom:3px solid #cf790c; }
.network3 dl.bg3 dt{ color:#d25aa2; border-bottom:3px solid #d25aa2; }
.network3 dl.bg4 dt{ color:#9d98c1; border-bottom:3px solid #9d98c1; }
.network3 dl.bg5 dt{ color:#1450a2; border-bottom:3px solid #1450a2; }



/**/
.job_classbg{ height:1080px; position:relative;}
.job_class{ position:absolute; bottom:160px; left:50%; transform:translate(-50%,0);}
.job_class ul li{ float:left; width:calc((100% - 30px)/2); margin:0 30px 0 0; background:#fff;}
.job_class ul li:nth-child(2n){ margin-right:0;}
.job_class ul li .nr_box{ padding:50px;}
.job_class ul li .img{ float:left;}
.job_class ul li .img img{ display:block; width:90px;}
.job_class ul li .txt{ float:right; width:calc(100% - 120px);}
.job_class ul li .txt .h2{ font-size:26px; line-height:36px; color:#01458b;}
.job_class ul li .txt .h3{ font-size:12px; line-height:16px; margin-top:6px;}


/**/
.jobbg{ background:#f5f5f5; padding:60px 0 120px 0;}
.job{}
.job .h2{ font-size:16px; line-height:26px;}
.job .list{ margin-top:5px;}
.job .list ul li{ border:1px solid #E4E4E4; padding:15px 20px; background:#fff;}
.job .list ul li .h3{ line-height:30px; height:30px;}
.job .list ul li .h3 a{ float:left; font-size:20px; width:70%; height:30px; overflow:hidden;}
.job .list ul li .h3 span{ float:right; font-size:12px; color:#969696;}
.job .list ul li .h3 span img{ vertical-align:middle; margin-right:5px;}
.job .list ul li .box1{}
.job .list ul li dl dd{ float:left; width:calc(100%/3); font-size:14px; line-height:24px; margin:5px 0 0 0;}
.job .list ul li dl dd span{ color:#999;}



/**/
.job_detailbg{ padding:90px 0 320px 0;}
.job_detail{}
.job_detail .list1{}
.job_detail .list1 .h2{ font-size:16px; line-height:36px; color:#707070;}
.job_detail .list1 .h2 strong{ font-size:26px; color:#333;}
.job_detail .list1 .h3{ font-size:16px; line-height:36px; color:#707070; margin-top:15px;}
.job_detail .list1 .h3 strong{ font-size:26px; color:#F90; }
.job_detail .list2{ margin-top:5px;}
.job_detail .list2 dl dd{ float:left; width:calc(100%/3); font-size:14px; line-height:24px; margin:5px 0 0 0;}
.job_detail .list3{ margin-top:40px;}
.job_detail .list3 .h2{ font-size:16px; line-height:50px; background:#f3f3f3; border-left:3px solid #65beba; padding-left:10px;}
.job_detail .list3 .txt{ margin-top:25px;}



/**/
.contact1bg{ height:1000px; position:relative;}
.contact1{ width:700px; background:rgba(7, 105, 180, 0.7); position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.contact1 .list{ color:#fff; font-size:18px; line-height:28px; text-align:center; padding:10px 0 80px 0;}
.contact1 .list dl dt{ margin-top:50px;}
.contact1 .list dl dt .img{}
.contact1 .list dl dt .img img{}
.contact1 .list dl dt .h2{}
.contact1 .list dl dd{ margin-top:50px; float:left; width:50%;}
.contact1 .list dl dd .img{}
.contact1 .list dl dd .img img{}
.contact1 .list dl dd .h2{}
.contact1 .list .box2{ margin-top:120px;}
.contact1 .list .box2 .ewm{}
.contact1 .list .box2 .ewm img{ width:100px;}
.contact1 .list .box2 .h2{ font-size:12px; line-height:22px;}



/**/
.weizhibg{ padding:25px 0;}
.weizhi{ font-size:14px; line-height:24px;}
.weizhi img{ vertical-align:middle; margin-right:5px;}
.weizhi a{}
.weizhi2bg{ padding:14px 0; background:url(../images/weizhi2bg.jpg) repeat;}
.weizhi2{ font-size:14px; line-height:24px; color:#fff;}
.weizhi2 img{ vertical-align:middle; margin-right:5px;}
.weizhi2 a{ color:#fff;}
.insidebg{ background:#f5f5f5; padding:30px 0 60px 0;}
.inside{}
.inside_lt{ float:left; width:280px;}
.side_a{ background:#fff;}
.side_a .h2{ background:#0769b4; color:#fff; text-align:center; padding:14px 0;}
.side_a .h2 strong{ display:block; font-size:24px; line-height:34px; font-weight:bold;}
.side_a .h2 span{ display:block; font-size:14px; line-height:24px; color:#ccc; margin-top:4px;}
.side_a .list{ padding:0 10px;}
.side_a .yiji_box{}
.side_a .yiji{}
.side_a .yiji .h3{ border-bottom:1px solid #e0e0e0; position:relative; font-size:14px; line-height:49px; height:49px; overflow:hidden; padding:0 0 0 35px; background:url(../images/listbg1.png) left 10px center no-repeat;}
.side_a .yiji .h3 span{ display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:1;}
.side_a .yiji .h3 a{ display:inline-block; position:relative; z-index:2;}
.side_a .erji_box{ padding:0 0 0 25px; display:none;}
.side_a .erji{}
.side_a .erji .h4{ border-bottom:1px solid #e0e0e0; font-size:14px; line-height:59px; height:59px; overflow:hidden;}
.side_a .erji .h4 img{ vertical-align:middle; margin:0 5px 0 10px; width:30px;}
.side_a .erji .h4 a{ display:block;}
.side_a .erji:hover .h4{ background:#eff8f8; color:#65beba;}
.side_a .yiji.active .h3{ background:url(../images/listbg1_hover.png) left 10px center no-repeat;}
.inside_rt{ float:right; width:850px;}


.product{}
.product .h2{ font-size:16px; line-height:26px;}
.product .list{ margin-top:25px;}
.product .list ul li{ float:left; width:calc((100% - 50px)/3); margin:0 25px 25px 0;}
.product .list ul li:nth-child(3n){ margin-right:0;}
.product .list ul li .img{ padding-bottom:75%; background:#fff; position:relative;}
.product .list ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.product .list ul li .h3{ font-size:16px; line-height:26px; height:26px; overflow:hidden; margin-top:5px; padding:0 20px;    text-align: center;}


.proDetail{ background:#fff;}
.proDetail .box1{ border-bottom:1px solid #f0f0f0;}
.proDetail .box1 .lt{ float:left; width:600px;}
.proDetail .box1 .rt{ float:right; width:550px; margin-top:50px;}
.proDetail .box1 .rt .h2{ font-size:24px; line-height:34px;}
.proDetail .box2{ border-bottom:1px solid #f0f0f0;}
.proDetail .box3{ border-top:1px solid #ccc; font-size:16px; line-height:26px; padding:18px 0;}
.proDetail .box3 ul li{ float:left; width:calc(50% - 20px); height:26px; overflow:hidden; padding:0 10px;}
.proDetail .box3 ul li:nth-child(2n){ text-align:right;}
.proDetail .box3 ul li a{}



.inside2bg{ padding:30px 0 60px 0;}
.inside2{}





@media(max-width:1400px){
.tit2 .h2{ font-size:40px; line-height:50px; }	
.con02 .list .txt{ width:340px; height:340px;}
.con02 .list .txt&gt;img{ width:208px; height:208px;}
.con03{ height:500px;}
}







</pre></body></html>