/*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:#666;}
a{color:#666;}
a:hover{ color:#f60; text-decoration:none;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1245px; margin:0 auto;}
img{max-width:100% !important}


.moblie_head{ display:none;}
.a_txt{display:none;}
.header{ display:block; position:relative; line-height:64px; height:64px; transition:all 0.5s;}
.header .left{ float:left; width:43%;}
.header .left ul{ line-height:64px; height:64px; font-size:12px;}
.header .left ul li{ font-size:12px; color:#333; padding-right:18px;width:calc((100% - 72px)/4); float:left; line-height:64px; position:relative; height:64px;}
.header .left ul li a{ display:block; width:100%; max-width:100%; height:auto; font-size:12px; font-weight:600; text-align:center; line-height:32px;}
.header .left ul li a span{ display:block; width:100%; max-width:100%; height:auto; font-size:12px; font-weight:600; text-align:center; line-height:32px;}
.header .left ul li a font{ display:block; width:100%; max-width:100%; height:auto; font-size:12px; font-weight:600; text-align:center; line-height:16px;}
.header .left ul li a:hover{ color:#0057b8;}
.header .left ul li dl{ position:absolute; left:0px; top:64px;width: 210px;border: 1px solid #e7e7e7; background:#fff;padding: 10px 0 10px 0; box-shadow: 0 1px 20px rgba(0, 0, 0, 0.07); display:none;z-index:9999;}
.header .left ul li dl dd{ width: 100%; padding: 0 !important;margin: 0; text-align: left !important;}
.header .left ul li dl dd a{ color:#777; font-size:12px; font-weight:600; letter-spacing:1px; text-transform:uppercase; width:170px; padding:10px  20px;transition: color .2s linear, background .2s linear; line-height:19px;}
.header .left ul li dl dd a span{ display:block; color:#777; font-size:12px; font-weight:600; line-height:15px;}
.header .left ul li dl dd a font{ display:block; color:#777; font-size:12px; font-weight:600; line-height:14px;}
.header .left ul li dl dd a:hover{ color:#485A71;}

.header .center{ float:left; width:14%;}
.header .center a{ display:block; width:100%; height:auto; max-width:100%;}
.header .center a img{ display:block; height:100%; width:auto; max-width:100%;}
.header .right{ float:right; width:43%;}
.header .right ul{ line-height:64px; height:64px; font-size:12px;}
.header .right ul li{ font-size:12px; color:#333; padding-right:15px;width:calc((100% - 60px)/4); float:left; line-height:64px; position:relative; height:64px;}
.header .right ul li a{ display:block; width:100%; max-width:100%; height:auto; font-size:12px; font-weight:600; text-align:center; line-height:32px;}
.header .right ul li a span{ display:block; width:100%; max-width:100%; height:auto; font-size:12px; font-weight:600; text-align:center; line-height:32px;}
.header .right ul li a font{ display:block; width:100%; max-width:100%; height:auto; font-size:12px; font-weight:600; text-align:center; line-height:16px;}
.header .right ul li a:hover{ color:#0057b8;}
.header .right ul li dl{ position:absolute; left:0px; top:64px;width: 210px;border: 1px solid #e7e7e7; background:#fff;padding: 10px 0 10px 0; box-shadow: 0 1px 20px rgba(0, 0, 0, 0.07); display:none; z-index:9999;}
.header .right ul li dl dd{ width: 100%; padding: 0 !important;margin: 0; text-align: left !important;}
.header .right ul li dl dd a{ color:#777; font-size:12px; font-weight:600; letter-spacing:1px; text-transform:uppercase; width:170px; padding:10px  20px;transition: color .2s linear, background .2s linear; line-height:19px;}
.header .right ul li dl dd a span{ display:block; color:#777; font-size:12px; font-weight:600; line-height:15px;}
.header .right ul li dl dd a font{ display:block; color:#777; font-size:12px; font-weight:600; line-height:14px;}
.header .right ul li dl dd a:hover{ color:#485A71;}

html, body { position: relative; height: auto; }
.swiper { width: 100%; height: auto; overflow:hidden;}
.swiper-slide img { display: block;width: 100%;height: auto;object-fit: cover; }
.swiper-slide { position:relative;}
.swiper-slide .txt{ position:absolute; width:auto; height:auto; left:50%; top:50%; transform:translate(-50%,-50%);}
.swiper-slide .txt h2{/*white-space: nowrap;overflow: hidden;  text-overflow: ellipsis;*/  font-size: 34px; line-height: 50px; font-weight: 700; color: rgb(255, 255, 255); text-align: center; } 
	  

.content_01{ position:relative; max-width:100%; height:auto; min-height:612px; padding:40px 0;}
.content_01 .left{ float:left; width:40%; position:absolute; height:auto;padding:40px 40px 0 40px;box-shadow: 0 22px 40px rgba(0, 0, 0, 0.15); z-index:99; background:#fff;}
.content_01 .left h2{ line-height:36px; font-size:24px; color:#0057b8;}
.content_01 .left .xian{ margin:20px 0; border-top: 2px solid #E7E7E7; width: 50px;}
.content_01 .left h3{ margin-top:5px; font-size:14px; line-height:22px; color:#8d9199; font-weight:600;}
.content_01 .left span{ display:block; padding:10px 0; line-height:17px; font-size:14px; color:#666; margin-top:47px; font-weight:bold;}
.content_01 .left .xq{ padding:10px; font-size:14px; color:#666;}
.content_01 .left .xq b{ display:block; font-size:14px; color:#666; line-height:17px; margin-bottom:10px;}
.content_01 .left .xq font{ display:block; font-size:14px; color:#666; margin-bottom: 10px; line-height:17px; word-break:break-all;}
.content_01 .left .xq a{ display:inline-block; margin:10px 0 40px 0; padding:8px 20px 7px; font-size:13px; color:#fff; background:#023e81;}
.content_01 .left .xq a:hover{ background:#222;}


.content_01 .right{ float:right; width:65%; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.content_01 .right img{ display:block; width:100%; max-width:100%; height:auto;}

.content_02{ min-height:400px; position:relative;}



.content_03{ position:relative; max-width:100%; height:auto; min-height:612px; padding:40px 0;}
.content_03 .left{ float:right; width:65%; position:absolute; right:-41px; top:50%; transform:translateY(-50%);}
.content_03 .left img{ display:block; width:100%; max-width:100%; height:auto;}

.content_03 .right{ float:left; width:40%; position:absolute; height:auto;padding:40px 40px 0 40px;box-shadow: 0 22px 40px rgba(0, 0, 0, 0.15); z-index:99; background:#fff; min-height:400px; top:50%; transform:translateY(-50%);}
.content_03 .right h2{ line-height:32px; font-size:23px; color:#0057b8;}
.content_03 .right h3{ line-height:32px; font-size:24px; color:#0057b8;}
.content_03 .right .xian{ margin:20px 0; border-top: 2px solid #E7E7E7; width: 50px;}
.content_03 .right h3{ margin-top:5px; font-size:14px; line-height:22px; color:#8d9199; font-weight:600;}
.content_03 .right ul li{ width:100%; max-width:100%; height:auto; border-bottom:1px dashed #ddd; margin-bottom:10px;}
.content_03 .right ul li .title { margin-bottom:10px;}
.content_03 .right ul li .title a{ display:inline-block; float:left; width:78%; text-align:left; font-size:16px; color:rgb(8,102,164); vertical-align:top; overflow:hidden; font-weight:600;}
.content_03 .right ul li .title font{ display:inline-block; float:right; width:22%; text-align:right; font-size:16px; color:#666; vertical-align:top;}
.content_03 .right ul li .nr{ margin-bottom:10px;}
.content_03 .right ul li .nr a{ display:block; font-size:14px; color:#666;word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 21px; overflow: hidden;}
.content_03 .right ul li .nr:hover a{color:rgb(8,102,164);}
.content_03 .right span{ display:block; padding:10px 0; line-height:17px; font-size:14px; color:#666; margin-top:47px; font-weight:bold;}
.content_03 .right .rmore{ display:inline-block; margin:10px 0 40px 0; padding:8px 20px 7px; font-size:13px; color:#fff; background:#023e81;}
.content_03 .right .rmore:hover{ background:#222;}


.content_04_bg{ padding:40px 0; background:url(../images/blue-bg.png) #0049af no-repeat left top;}
.content_04 ul li{ float:left;width:calc((100%)/3); height:auto;}
.content_04 ul li a{ display:block; width:100%; max-width:100%; height:auto; text-align:center;}
.content_04 ul li a img{ display:inline-block; width:auto; height:auto;}


.content_05{ padding:40px 0; position:relative;}
.content_05 .left{ float:left; width:65%; margin-right:10%;}
.content_05 .left h2{ font-size:30px; line-height:45px; color:#0057b8; font-weight:600;}
.content_05 .right{ float:right; width:25%;}
.content_05 .right a{ display:inline-block; margin:10px 0 40px 0; padding:0 20px 0; line-height:38px; font-size:13px; color:#fff; background:#023e81;width:calc((100% - 40px)/1); text-align:center;}
.content_05 .right a:hover{ background:#222;}


.content_06_bg{ padding:15px 0 55px; background:url(../images/other-bg.png) #0049af no-repeat left top;}
.content_06 { max-width:100%; text-align:center;}
.content_06_bg .title{ margin:-55px 0 30px 0; text-align:center;}
.content_06_bg .title h2{line-height: 36px; font-size: 26px; color: #0057b8;}
.content_06_bg .title span{    margin-top: 5px;
    font-size: 14px;
    line-height: 22px;
    color: #8d9199;
    font-weight: 600;}

.content_06 ul { display:inline-block;}
.content_06 ul li{ float:left;width:calc((90%-120px)/4); height:auto;margin-right: 40px;}
.content_06 ul li:nth-child(4){ margin-right:0px;}
.content_06 ul li a{ display:block; width:100%; max-width:100%; height:auto; text-align:center;}
.content_06 ul li a img{ display:block; width:100%; max-width:100%; height:auto;}


.content_07{ padding:40px 0; }
.content_07 a{ display:block; width:100%; max-width:100%; height:auto; text-align:center;}
.content_07 a img{display:inline-block; width:auto; height:auto;}


.footer_bg{ background:url(../images/blue-bg.png) #0049af no-repeat left top; padding-top:100px;}
.footer_bg .footer_bottom_bg{border-top: 2px solid #0049af;}
.footer_bottom_bg .footer_bottom{ padding:20px 0 10px 0; position:relative;}
.footer_bottom_bg .footer_bottom .left{ float:left; width:50%;}
.footer_bottom_bg .footer_bottom .left .nr{ line-height:19px; font-size:12px; color:#fff; text-align:left; }
.footer_bottom_bg .footer_bottom .right{ float:right; width:50%; text-align:right;}
.footer_bottom_bg .footer_bottom .right ul{ display:inline-block;}
.footer_bottom_bg .footer_bottom .right ul li{ float:left; margin-left:20px; width:auto; line-height:20px; font-size:13px; color:#fff;}
.footer_bottom_bg .footer_bottom .right ul li a{ display:block; width:auto; line-height:20px; font-size:13px; color:#fff;}
.footer_bottom_bg .footer_bottom .fenxiang{ position:absolute; left:50%; transform:translateX(-50%); top:-20px;}
.footer_bottom_bg .footer_bottom .fenxiang ul{ display:inline-block; width:auto;}
.footer_bottom_bg .footer_bottom .fenxiang ul li{ float:left; width:48px; height:48px; margin-right:7px; transition:all ease-in-out 0.3s;}
.footer_bottom_bg .footer_bottom .fenxiang ul li:nth-child(1){ background:#0d3c5f;}
.footer_bottom_bg .footer_bottom .fenxiang ul li:nth-child(2){ background:#cc181e;}
.footer_bottom_bg .footer_bottom .fenxiang ul li:nth-child(3){ background:#0274B3; margin-right:0px;}
.footer_bottom_bg .footer_bottom .fenxiang ul li a{ display:block; width:100%; height:48px; max-width:100%; text-align:center;}
.footer_bottom_bg .footer_bottom .fenxiang ul li a img{ display:inline-block; width:auto; height:auto; margin:11.5px 0;}
.footer_bottom_bg .footer_bottom .fenxiang ul li:hover{ transform:scale(1.1);}


#toTop { display:block; width:45px; height:45px; position:fixed;  bottom:5px; right:10px; z-index:99; background:rgba(255,255,255,0.5); text-align:center;}
#toTop img{ display:inline-block; width:auto; height:auto; margin:7.5px 0;}


/*关于我们*/
.banner{ }
.about_us { padding:40px 0;}
.about_us .title{ text-align:center;}
.about_us .title h2{ line-height:36px; font-size:24px; color:#0057b8; font-weight:600; text-align:center;}
.about_us .title span{ display:block; font-size:15px; color:#666; line-height:24px;padding-bottom:80px;}
.about_us .left{ float:left; width:45%; margin-right:5%;}
.about_us .left img{ display:block; width:100%; max-width:100%; height:auto;}
.about_us .right{ float:right; width:50%;}
.about_us .right h3{line-height:36px; font-size:24px; color:#0057b8; font-weight:600; text-align:left;}
.about_us .right span{ display:block; word-break:break-all; padding:10px 0; font-size:14px; color:#666; line-height:23px;}



/*通用内页*/
.inside { padding:40px 0;}
.inside  .title{ text-align:center;}
.inside  .title h2{ line-height:36px; font-size:24px; color:#0057b8; font-weight:600; text-align:center;}
.inside  .title span{ display:block; font-size:15px; color:#666; line-height:24px;padding-bottom:80px;}
.inside .left{ float:left; width:45%; margin-right:5%;}
.inside .left img{ display:block; width:100%; max-width:100%; height:auto;}
.inside .right{ float:right; width:50%;}
.inside .right h3{line-height:36px; font-size:24px; color:#0057b8; font-weight:600; text-align:left;}
.inside .right span{ display:block; word-break:break-all; padding:10px 0; font-size:14px; color:#666; line-height:23px;}

/*我们的服务*/
.ser_con_01{ position:relative; max-width:100%; height:auto; min-height:400px; padding:62px 0 40px 0;}
.ser_con_01 .left{ float:left;width:calc((45% - 80px)/1); margin-right:5%; height:auto;padding:40px 40px 0 40px;box-shadow: 0 22px 40px rgba(0, 0, 0, 0.15); z-index:99; background:#fff; min-height:300px; position:absolute; top:50%; transform:translateY(-50%);}
.ser_con_01 .left h2{ line-height:36px; font-size:24px; color:#0057b8;}
.ser_con_01 .left h3{ margin:10px 0; font-size:14px; line-height:22px; color:#666; font-weight:400;}

.ser_con_01 .right{ float:right; width:50%; position:absolute; top:50%; transform:translateY(-50%); right:0;}
.ser_con_01 .right img{ display:block; width:100%; max-width:100%; height:auto;}

.ser_con_02{ position:relative; max-width:100%; height:auto; min-height:400px; padding:62px 0 40px 0;}
.ser_con_02 .right{ float:right;width:calc((45% - 80px)/1); margin-left:5%; height:auto;padding:40px 40px 0 40px;box-shadow: 0 22px 40px rgba(0, 0, 0, 0.15); z-index:99; background:#fff; min-height:300px; position:absolute; top:50%; transform:translateY(-50%); right:0;}
.ser_con_02 .right h2{ line-height:36px; font-size:24px; color:#0057b8;}
.ser_con_02 .right h3{ margin:10px 0; font-size:14px; line-height:22px; color:#666; font-weight:400;}

.ser_con_02 .left{ float:left; width:50%; position:absolute; top:50%; transform:translateY(-50%); left:0;}
.ser_con_02 .left img{ display:block; width:100%; max-width:100%; height:auto;}

.ser_con_03_bg{ background:url(../images/blue-bg.png) repeat top left; height:auto;}
.ser_con_03{ padding:40px 0 50px 0;}
.ser_con_03 h3{ line-height:40px; font-size:26px; color:#fff; text-align:center;}
.ser_con_03 h4{ line-height:40px; font-size:14px; color:#fff; text-align:center;}
.ser_con_03 ul{ padding:40px 0;}
.ser_con_03 ul li{ display:block; float:left; margin-right:96px; width:calc((100% - 288px)/4);  margin-bottom:38px;}
.ser_con_03 ul li:nth-child(4n){ margin-right:0;}
.ser_con_03 ul li img{ display:block; width:100%; max-width:100%; height:auto;box-shadow: 0 0 0 4px #fff;}
.ser_con_03 ul li span{ display:block; width:100%; text-align:center; margin:10px 0; line-height:17px; font-size:14px; color:#fff;}
.ser_con_03 ul li a{ display:block; width:100%; text-align:center; font-size:14px; color:#eee; line-height:17px;}

/*sus*/
.sus_con_01_bg{ background:rgb(249,249,249); height:auto;}
.sus_con_01{ padding:40px 0 0 0; text-align:center;}
.sus_con_01 h2{ text-align:center; line-height:36px; font-size:24px; color:#0057b8;}
.sus_con_01 .xian{ width:50px; margin:20px auto; border-top:2px solid #e7e7e7;}
.sus_con_01 span{ display:block; line-height:22px; margin-top:5px; font-size:14px; color:#8d9199; margin-bottom:20px;}
.sus_con_01 font{ display:block; word-break:break-all; font-size:14px; color:#666; line-height:22px; padding:10px 0;}

.sus_con_02{ padding:40px 0;} 
.sus_con_02 h2{ line-height:36px; font-size:24px; color:#0057b8; text-align:center; margin-bottom:15px;}
.sus_con_02 ul li{ float:left; margin-right:40px; width:calc((100% - 40px)/2); border-bottom: 8px solid #0057b8; margin-bottom:15px; text-align:center;}
.sus_con_02 ul li:nth-child(2n){ margin-right:0;}
.sus_con_02 ul li img{ display:inline-block; width:auto; height:auto; margin:0 auto;}
.sus_con_02 ul li .text{ padding:10px 0;}
.sus_con_02 ul li .text span{ display:block; width:100%; max-width:100%; line-height:31px; color:#0057b8; font-size:26px; margin-bottom:5px;}
.sus_con_02 ul li .text font{ display:block; width:100%; max-width:100%; height:auto; line-height:26px; font-size:14px; color:#666;}


.sus_con_03 { text-align:center;}
.sus_con_03 ul { display:inline-block;}
.sus_con_03 ul li{ float:left; margin-right:5px; width:calc((100% - 25px)/6); margin-bottom:15px; text-align:center;}
.sus_con_03 ul li:nth-child(6){ margin-right:0;}
.sus_con_03 ul li img{ display:inline-block; width:auto; height:auto; margin:0 auto;}
.sus_con_03 .text{ padding:10px 0;border-bottom: 8px solid #0057b8;}
.sus_con_03 .text span{ display:block; width:100%; max-width:100%; line-height:31px; color:#0057b8; font-size:26px; margin-bottom:5px;}
.sus_con_03 .text font{ display:block; width:100%; max-width:100%; height:auto; line-height:26px; font-size:14px; color:#666;}


.sus_con_04{ padding:40px 0;} 
.sus_con_04 ul li{ float:left; margin-right:40px; width:calc((100% - 40px)/2); border-bottom: 8px solid #0057b8; margin-bottom:15px; text-align:center;}
.sus_con_04 ul li:nth-child(2n){ margin-right:0;}
.sus_con_04 ul li img{ display:inline-block; width:auto; height:auto; margin:0 auto;}
.sus_con_04 ul li .text{ padding:10px 0;}
.sus_con_04 ul li .text span{ display:block; width:100%; max-width:100%; line-height:31px; color:#0057b8; font-size:26px; margin-bottom:5px;}
.sus_con_04 ul li .text font{ display:block; width:100%; max-width:100%; height:auto; line-height:26px; font-size:14px; color:#666;}


.sus_con_05{ padding:40px 0;} 
.sus_con_05 h2{ line-height:36px; font-size:24px; color:#0057b8; text-align:center; margin-bottom:15px;}
.sus_con_05 ul li{ float:left; width:calc((100% - 8px)/3); border-right: 4px solid #0057b8; margin-bottom:15px; text-align:center;}
.sus_con_05 ul li:nth-child(3n){ border-right:none;}
.sus_con_05 ul li img{ display:inline-block; width:auto; height:auto; margin:0 auto;box-shadow: 0 22px 40px rgba(0, 0, 0, 0.15);}
.sus_con_05 ul li .text{ padding:10px 0; margin-top:30px;}
.sus_con_05 ul li .text span{ display:block; width:100%; max-width:100%; line-height:31px; color:#0057b8; font-size:26px; margin-bottom:5px;}
.sus_con_05 ul li .text font{ display:block; width:100%; max-width:100%; height:auto; line-height:26px; font-size:14px; color:#666;}


.ser_con_06{ text-align:center;}
.ser_con_06 h2{padding:40px 0; text-align:center; line-height:36px; font-size:24px; color:#0057b8;}
.ser_con_06 font{display:block; word-break:break-all; font-size:14px; color:#666; line-height:22px; padding:10px 0;}

.ser_con_07{ padding:40px 0;}
.ser_con_07 .nr_01 .left{ float:left; width:50%;}
.ser_con_07 .nr_01 .left img{ display:block; width:100%; max-width:100%; height:auto;}
.ser_con_07 .nr_01 .right{ float:right;width:calc((50% - 80px)/1); padding:40px; text-align:center;}
.ser_con_07 .nr_01 .right h5{  line-height:36px; font-size:24px; color:#0057b8; text-align:center; margin-bottom:20px; margin-top:0;}
.ser_con_07 .nr_01 .right .tree{ width:auto; height:auto;}
.ser_con_07 .nr_01 .right .tree_box{ width:auto; border-bottom:#ddd solid 1px;margin-bottom:14px;}
.ser_con_07 .nr_01 .right .tree_box h3{ width:auto; height:43px;border: 1px solid #e7e7e7;}
.ser_con_07 .nr_01 .right .tree_box h3 img{ display:inline-block; width:13px; height:auto; margin-top:15px; vertical-align:top;}
.ser_con_07 .nr_01 .right .tree_box h3 a{ display:inline-block; width:auto; height:43px; line-height:43px; overflow:hidden; color:#0057b8; font-size:13px; font-weight:normal; padding-left:8px; vertical-align:top;}
.ser_con_07 .nr_01 .right .tree_one{display: none; }
.ser_con_07 .nr_01 .right .tree_one .ans{ width:auto; padding:14px; line-height:24px; font-size:14px; color:#666;  border:1px solid #e7e7e7;}

.ser_con_07 .nr_02 .right{ float:right; width:50%;}
.ser_con_07 .nr_02 .right img{ display:block; width:100%; max-width:100%; height:auto;}
.ser_con_07 .nr_02 .left{ float:left;width:calc((50% - 80px)/1); padding:40px; text-align:center;}
.ser_con_07 .nr_02 .left h5{  line-height:36px; font-size:24px; color:#0057b8; text-align:center; margin-bottom:20px; margin-top:0;}
.ser_con_07 .nr_02 .left .tree{ width:auto; height:auto;}
.ser_con_07 .nr_02 .left .tree_box{ width:auto; border-bottom:#ddd solid 1px;margin-bottom:14px;}
.ser_con_07 .nr_02 .left .tree_box h3{ width:auto; height:43px;border: 1px solid #e7e7e7;}
.ser_con_07 .nr_02 .left .tree_box h3 img{ display:inline-block; width:13px; height:auto; margin-top:15px; vertical-align:top;}
.ser_con_07 .nr_02 .left .tree_box h3 a{ display:inline-block; width:auto; height:43px; line-height:43px; overflow:hidden; color:#0057b8; font-size:13px; font-weight:normal; padding-left:8px; vertical-align:top;}
.ser_con_07 .nr_02 .left .tree_one{display: none; }
.ser_con_07 .nr_02 .left .tree_one .ans{ width:auto; padding:14px; line-height:24px; font-size:14px; color:#666;  border:1px solid #e7e7e7;}



/*media页面*/
.media_content{ width:100%; max-width:100%; height:auto;}
.media_content .left{ float:left; width:50%; }
.media_content .left .bg{ }

.media_content .right{ float:right; width:calc((50% - 80px)/1); padding:40px; min-height:800px;}
.media_content .right h2{ line-height:36px; font-size:24px; margin-bottom:30px; color:#0057b8; text-align:left;}
.media_content .right span{ display:block; word-break:break-all; font-size:14px; color:#666; line-height:17px; margin-bottom:10px;}
.media_content .right .list h5{  line-height:36px; font-size:24px; color:#0057b8; text-align:center; margin-bottom:20px; margin-top:0;}
.media_content .right .list .tree{ width:auto; height:auto;}
.media_content .right .list .tree_box{ width:auto; border-bottom:#ddd solid 1px;margin-bottom:14px;}
.media_content .right .list .tree_box h3{ width:auto; height:43px;border: 1px solid #e7e7e7;}
.media_content .right .list .tree_box h3 img{ display:inline-block; width:13px; height:auto; margin-top:15px; vertical-align:top;}
.media_content .right .list .tree_box h3 a{ display:inline-block; width:auto; height:43px; line-height:43px; overflow:hidden; color:#0057b8; font-size:13px; font-weight:normal; padding-left:8px; vertical-align:top;}
.media_content .right .list .tree_one{display: none; }
.media_content .right .list .tree_one .ans{ width:auto; padding:14px; line-height:24px; font-size:14px; color:#666;  border:1px solid #e7e7e7;}


/*Governance页面*/
.governance_content{ position:relative; max-width:100%; height:auto; min-height:612px; padding:40px 0;}
.governance_content .left{ float:left; width:65%; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.governance_content .left img{ display:block; width:100%; max-width:100%; height:auto;}

.governance_content .right{ float:right; width:55%; position:absolute; height:auto;padding:40px;box-shadow: 0 22px 40px rgba(0, 0, 0, 0.15); z-index:99; background:#fff; min-height:500px; top:50%; transform:translateY(-50%);}
.governance_content .right h2{ line-height:36px; font-size:24px; color:#0057b8;}
.governance_content .right .xian{ margin:20px 0; border-top: 2px solid #E7E7E7; width: 50px;}
.governance_content .right h3{ margin-top:5px; font-size:14px; line-height:22px; color:#666; font-weight:400; padding:10px 0;}
.governance_content .right span{ display:block; padding:10px 0; line-height:17px; font-size:14px; color:#666; margin-top:47px; font-weight:bold;}
.governance_content .right ul { padding:10px 0;}
.governance_content .right ul li{ color:#666; font-size:14px; line-height:17px; margin-bottom:5px;}
.governance_content .right ul li a{ font-size:14px; color:#0057b8; line-height:17px; display:inline-block;}
.governance_content .right a:hover{ color:#485A71;}


/*career页面*/
.career_content{ position:relative; max-width:100%; height:auto; min-height:612px; padding:40px 0;}
.career_content .left{ float:left; width:65%; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.career_content .left img{ display:block; width:100%; max-width:100%; height:auto;}

.career_content .right{ float:right; width:55%; position:absolute; height:auto;padding:40px;box-shadow: 0 22px 40px rgba(0, 0, 0, 0.15); z-index:99; background:#fff; min-height:400px; top:50%; transform:translateY(-50%); right:0;}
.career_content .right .nr_left{ float:left; width:49%; margin-right:2%; height:auto;}
.career_content .right .nr_left h2{ line-height:36px; font-size:24px; color:#0057b8;}
.career_content .right .nr_left h3{ margin-top:5px; font-size:14px; line-height:22px; color:#666; font-weight:400; padding:10px 0;}
.career_content .right .nr_left h3 a{ font-size:14px; color:#0057b8; line-height:17px; display:inline-block;}
.career_content .right .nr_left a:hover{ color:#485A71;}
.career_content .right .nr_right{ float:right; width:49%; height:auto;}
.career_content .right .nr_right img{ display:block; width:100%; max-width:100%;}



/*contactus页面*/
.contactus_content{ position:relative; max-width:100%; height:auto; min-height:612px; padding:40px 0;}
.contactus_content .left{ float:left; width:65%; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.contactus_content .left img{ display:block; width:100%; max-width:100%; height:auto;}

.contactus_content .right{ float:right; width:55%; position:absolute; height:auto;padding:40px;box-shadow: 0 22px 40px rgba(0, 0, 0, 0.15); z-index:99; background:#fff; min-height:400px; top:50%; transform:translateY(-50%); right:0;}
.contactus_content .right h2{ line-height:36px; font-size:24px; color:#0057b8;}
.contactus_content .right h3{ margin-top:5px; font-size:14px; line-height:22px; color:#666; font-weight:400; padding:10px 0;}
.contactus_content .right h3 a{ font-size:14px; color:#0057b8; line-height:17px; display:inline-block;}
.contactus_content .right a:hover{ color:#485A71;}


/*这里是vida页面*/
.vida_con_01{ padding:40px 0;}
.vida_con_01 .con_logo{ display:block; text-align:center; padding:10px 0;}
.vida_con_01 .con_logo img{ display:inline-block; width:auto; height:auto;}
.vida_con_01 .nr{ padding-top:40px;}
.vida_con_01 .nr span{ display:block; word-break:break-all; font-size:14px; padding:10px 0; line-height:22px; color:#666; text-align:center;}
.vida_con_02{ padding:40px 0;}
.vida_con_02 .left{ float:left; width:calc((50% - 200px)/1); padding:100px;}
.vida_con_02 .left h3{ line-height:36px; font-size:24px; color:#0057b8; margin-bottom:30px;}
.vida_con_02 .left span{ display:block; word-break:break-all; font-size:14px; color:#666; line-height:22px;}
.vida_con_02 .right{ }
.vida_con_03{ padding:40px 0;}
.vida_con_03 .right{ float:right; width:calc((50% - 200px)/1); padding:100px;}
.vida_con_03 .right h3{ line-height:36px; font-size:24px; color:#0057b8; margin-bottom:30px;}
.vida_con_03 .right span{ display:block; word-break:break-all; font-size:14px; color:#666; line-height:22px;}
.vida_con_03 .left{ }
.vida_con_03 .left img{ display:block; width:100%; max-width:100%; height:auto;}

.vida_con_04{ padding-top:40px; text-align:center;}
.vida_con_04 img{ display:inline-block; width:auto; height:auto;}

.slideTxtBox_01{ position:relative;}
.slideTxtBox_01 .hd{ position:relative; line-height:50px; }
.slideTxtBox_01 .hd ul li{ float:left; width:auto; padding:15px 18px; border: 1px solid #023e81 !important;color: #fff !important; font-size:14px; line-height:17px; margin-right:10px; background:#023e81;}
.slideTxtBox_01 .hd ul li a{ display:block; color: #fff !important; font-size:14px; }
.slideTxtBox_01 .hd ul li.on{ background:#fff;cursor:pointer; border: 1px solid #e6e6e6 !important;color: #023e81 !important; } 
.slideTxtBox_01 .hd ul li.on a{ display:block; color: #023e81 !important; font-size:14px; }
.slideTxtBox_01 .bd ul{border: 1px solid #e6e6e6 !important;}
.slideTxtBox_01 .bd .nr{ padding:20px; font-size:16px; color:#000;}
.slideTxtBox_01 .bd .nr h3{ line-height:18px; font-size:14px; color:#8d9199; margin-bottom:30px;}
.slideTxtBox_01 .bd .nr dl dt{ line-height:45px; font-size:15px; color:#000;background-color: #eeeeee;}
.slideTxtBox_01 .bd .nr dl dt .left{ float:left; width:calc((15% - 20px)/1);padding:10px;}
.slideTxtBox_01 .bd .nr dl dt .center{ float:left; width:calc((70% - 20px)/1);padding:10px;}
.slideTxtBox_01 .bd .nr dl dt .right{ float:right; width:calc((15% - 20px)/1);padding:10px;}
.slideTxtBox_01 .bd .nr dl dd .left{ float:left; width:calc((15% - 20px)/1);padding:10px;}
.slideTxtBox_01 .bd .nr dl dd .center{ float:left; width:calc((70% - 20px)/1);padding:10px;}
.slideTxtBox_01 .bd .nr dl dd .right{ float:right; width:calc((15% - 20px)/1);padding:10px;}
.slideTxtBox_01 .bd .nr dl dd{ line-height:45px; font-size:15px; color:#000;}
.slideTxtBox_01 .bd .nr dl dd a{ color:#0057b8;}
.slideTxtBox_01 .bd .nr dl dd:nth-child(even){ background:#fff;}
.slideTxtBox_01 .bd .nr dl dd:nth-child(odd){ background:#eeeeee;}

.vida_con_05{ padding:40px 0;}
.vida_con_05 h2{ line-height:36px; font-size:24px; color:#0057b8; margin-bottom:40px;}
.vida_con_05 .left{ float:left; padding:10px;width:calc((50% - 20px)/1); height:auto;}
.vida_con_05 .left img{ display:block; width:100%; max-width:100%; height:auto;}
.vida_con_05 .left span{ display:block; padding:15px 0 10px 0; line-height:24px; font-size:15px; color:#666; font-weight:600;}
.vida_con_05 .left font{ display:block; font-size:15px; line-height:24px; color:#666;} 

.vida_con_05 .right{ float:right; padding:10px;width:calc((50% - 20px)/1); height:auto;}
.vida_con_05 .right img{ display:block; width:100%; max-width:100%; height:auto;}
.vida_con_05 .right span{ display:block; padding:15px 0 10px 0; line-height:24px; font-size:15px; color:#666; font-weight:600;}
.vida_con_05 .right font{ display:block; font-size:15px; line-height:24px; color:#666;} 

.vida_con_06{ padding:40px 0;}
.vida_con_06 h2{ line-height:36px; font-size:24px; color:#0057b8; margin-bottom:40px;}
.vida_con_06 form .input{ padding:10px 0;}
.vida_con_06 form .input span{ display:block; font-size:13px; color:#666; line-height:20px;}
.vida_con_06 form .input .input_text{ line-height:18px; padding:10px; width:calc((100% - 22px)/1);background-color: #ffffff; color: #555555; border:1px solid #CCCCCC;box-shadow: 3px 3px 0px -1px #FFFFFF, 3px 3px 0px 0px #CCCCCC, 1px 1px 0px -1px #CCCCCC; outline:none; margin-bottom:10px;}
.vida_con_06 form .input .textarea_text{ line-height:18px; padding:10px; width:calc((100% - 22px)/1);background-color: #ffffff; color: #555555; border:1px solid #CCCCCC;box-shadow: 3px 3px 0px -1px #FFFFFF, 3px 3px 0px 0px #CCCCCC, 1px 1px 0px -1px #CCCCCC; outline:none;margin-bottom:10px;}
.vida_con_06 form button{ outline:none; background:#023e81; color:#fff; width:86px; line-height:36px; margin:10px 0; letter-spacing:2px; font-weight:600; font-size:13px; border:none; transition:all ease-in-out .3s; padding:0 0;}
.vida_con_06 form button:hover{ background:#222;}






@media screen and (max-width:1280px) {
.wapper{ width:90%; margin:0 auto;}
.moblie_head{display:none;}
.a_txt{display:none;}
}

@media screen and (max-width:880px) {
.lf{float:left}
.rg{float:right}

.header{ display:none;}
.moblie_head{display:block;height:62px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;box-shadow: 0 1px 20px rgba(0, 0, 0, 0.07); border:1px solid #e1e1e1;}
.moblie_head .lf{padding-left:5%; height:62px;}
.moblie_head .lf a{ display:block; max-width:100%; width:auto; height:100%;}
.moblie_head .lf img{display:block; max-width:100%; width:auto; height:100%;}
.moblie_head .rg{padding-right:5%;padding-top:23px}
.moblie_head .rg a img{height:16px;vertical-align:top}
.a_txt{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.a_txt .div1{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.a_txt .div2{position:absolute;width:30%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.a_txt .div2 a{ display:inline-block; width:44px; height:44px; border-radius:44px; background:#023e81; transition:all ease-in-out .5s;}
.a_txt .div2 a:hover{ background:#222; transform:translateY(-8px);}
.a_txt .div2 a img{ display:inline-block; width:22px; height:22px; margin:11px;}
.a_txt .div3{position:absolute;width:70%;right:0px;top:0px;background:#fff;height:100%;z-index:100;right:-80%}
.a_txt .div3 ul{padding-left:5%;padding-right:5%; margin-top:100px;}
/*.a_txt .div3 ul li{border-bottom:1px solid #232530}*/
.a_txt .div3 ul li a{display:block;height:60px;color:#222;line-height:60px;padding-left:5%;font-size:22px}
.a_txt .div3 ul li a:hover{ color:#8D9199;}
.a_txt .div3 ul li .a_js2{background:url(../images/jia.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_js2_on{background: url(../images/jian.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_txt2{display:none}
.a_txt .div3 ul li .a_txt2 a{height:40px;line-height:40px;font-size:18px; color:#222;}
.a_txt .div3 ul li .a_txt2 a:hover{ color:#8D9199;}


.swiper { width: 100%; height: auto; overflow:hidden; margin-top:64px;}
.swiper-slide img { display: block;width: 100%;height: auto;object-fit: cover; }
.swiper-slide { position:relative;}
.swiper-slide .txt{ position:absolute; width:90%; height:auto; left:50%; top:50%; transform:translate(-50%,-50%);}
.swiper-slide .txt h2{/*white-space: nowrap;overflow: hidden;  text-overflow: ellipsis;*/  font-size: 16px; line-height: 24px; font-weight: 700; color: rgb(255, 255, 255); text-align: center; } 



.content_01{ position:relative; max-width:100%; height:auto; min-height:612px; padding:40px 0;}
.content_01 .left{ float:none; width:calc((100% - 80px)/1); position:relative; height:auto;padding:40px 40px 0 40px;box-shadow: 0 22px 40px rgba(0, 0, 0, 0.15); z-index:99; background:#fff;}
.content_01 .right{ float:none; width:100%; position:relative; right:0; top:0%; transform:translateY(0%);}

.content_02{ min-height:400px; position:relative;}
.content_02 .left{ float:none; width:100%; height:400px; background:url(../images/contact2.jpg) no-repeat center center; background-size: cover; background-attachment:fixed;}
.content_02 .right{ float:none; width:100%; height:400px; background:url(../images/img2.jpg) no-repeat center center; background-size: cover; background-attachment:fixed;}



.content_03{ position:relative; max-width:100%; height:auto; min-height:612px; padding:40px 0;}
.content_03 .left{ float:none; width:100%; position:relative; right:0; top:0%; transform:translateY(0%);}

.content_03 .right{ float:none;width:calc((100% - 80px)/1); position:relative; height:auto;padding:40px 40px 0 40px;box-shadow: 0 22px 40px rgba(0, 0, 0, 0.15); z-index:99; background:#fff; min-height:400px; top:0%; transform:translateY(0%);}

.content_04_bg{ padding:40px 0; background:url(../images/blue-bg.png) #0049af no-repeat left top;}
.content_04 ul li{ float:left;width:calc((100%)/1); height:auto; margin-bottom:20px;}
.content_04 ul li a{ display:block; width:100%; max-width:100%; height:auto; text-align:center;}
.content_04 ul li a img{ display:inline-block; width:auto; height:auto;}


.content_05{ padding:40px 0; position:relative;}
.content_05 .left{ float:none; width:100%; margin-right:0%;}
.content_05 .left h2{ font-size:28px; line-height:45px; color:#0057b8; font-weight:600;}
.content_05 .right{ float:none; width:70%;}
.content_05 .right a{ display:inline-block; margin:10px 0 40px 0; padding:0 20px 0; line-height:38px; font-size:13px; color:#fff; background:#023e81;width:calc((100% - 40px)/1); text-align:center;}
.content_05 .right a:hover{ background:#222;}


.content_06_bg{ padding:40px 0; background:url(../images/other-bg.png) #0049af no-repeat left top;}
.content_06 { max-width:100%; text-align:center;}
.content_06 ul { display:inline-block;}
.content_06 ul li{ float:left;width:calc((100%)/1); height:auto;margin-right: 0px;}
.content_06 ul li:nth-child(4){ margin-right:0px;}
.content_06 ul li a{ display:block; width:100%; max-width:100%; height:auto; text-align:center;}
.content_06 ul li a img{ display:block; width:100%; max-width:100%; height:auto;}


.content_07{ padding:40px 0; }
.content_07 a{ display:block; width:100%; max-width:100%; height:auto; text-align:center;}
.content_07 a img{display:block; width:100%; height:auto;}


.footer_bg{ background:url(../images/blue-bg.png) #0049af no-repeat left top; padding-top:100px;}
.footer_bg .footer_bottom_bg{border-top: 2px solid #0049af;}
.footer_bottom_bg .footer_bottom{ padding:40px 0 10px 0; position:relative;}
.footer_bottom_bg .footer_bottom .left{ float:none; width:100%;}
.footer_bottom_bg .footer_bottom .right{ float:none; width:100%; text-align:left;}
.footer_bottom_bg .footer_bottom .right ul{ display:inline-block;}
.footer_bottom_bg .footer_bottom .right ul li{ float:left; margin-right:20px; width:auto; line-height:20px; font-size:13px; color:#fff; margin-left:0;}
.footer_bottom_bg .footer_bottom .fenxiang{ position:absolute; left:50%; transform:translateX(-50%); top:-20px;}
.footer_bottom_bg .footer_bottom .fenxiang ul{ display:inline-block; width:120%;}
.footer_bottom_bg .footer_bottom .fenxiang ul li{ float:left; width:48px; height:48px; margin-right:7px; transition:all ease-in-out 0.3s;}
.footer_bottom_bg .footer_bottom .fenxiang ul li:nth-child(1){ background:#0d3c5f;}
.footer_bottom_bg .footer_bottom .fenxiang ul li:nth-child(2){ background:#cc181e;}
.footer_bottom_bg .footer_bottom .fenxiang ul li:nth-child(3){ background:#0274B3; margin-right:0px;}
.footer_bottom_bg .footer_bottom .fenxiang ul li a{ display:block; width:100%; height:48px; max-width:100%; text-align:center;}
.footer_bottom_bg .footer_bottom .fenxiang ul li a img{ display:inline-block; width:auto; height:auto; margin:11.5px 0;}
.footer_bottom_bg .footer_bottom .fenxiang ul li:hover{ transform:scale(1.1);}


/*关于我们*/
.banner{margin-top:64px; min-height:300px; background:url(../images/05.jpg) 0% 0% / 100% 50% no-repeat fixed transparent;}
.about_us { padding:40px 0;}
.about_us h2{ padding-bottom:20px; line-height:36px; font-size:24px; color:#0057b8; font-weight:600; text-align:center;}
.about_us .left{ float:none; width:100%; margin-right:0%;}
.about_us .left img{ display:block; width:100%; max-width:100%; height:auto;}
.about_us .right{ float:none; width:100%;}
.about_us .right h3{line-height:36px; font-size:24px; color:#0057b8; font-weight:600; text-align:left;}
.about_us .right span{ display:block; word-break:break-all; padding:10px 0; font-size:14px; color:#666; line-height:23px;}



/*通用内页*/
.inside { padding:40px 0;}
.inside h2{ padding-bottom:80px; line-height:36px; font-size:24px; color:#0057b8; font-weight:600; text-align:center;}
.inside .left{ float:none; width:100%; margin-right:5%;}
.inside .left img{ display:block; width:100%; max-width:100%; height:auto;}
.inside .right{ float:none; width:100%;}
.inside .right h3{line-height:36px; font-size:24px; color:#0057b8; font-weight:600; text-align:left;}
.inside .right span{ display:block; word-break:break-all; padding:10px 0; font-size:14px; color:#666; line-height:23px;}

/*我们的服务*/
.ser_con_01{ position:relative; max-width:100%; height:auto; min-height:400px; padding:62px 0 40px 0;}
.ser_con_01 .left{ float:none;width:calc((100% - 80px)/1); margin-right:0%; height:auto;padding:40px 40px 0 40px;box-shadow: 0 22px 40px rgba(0, 0, 0, 0.15); z-index:99; background:#fff; min-height:300px; position:relative; top:0%; transform:translateY(0%);}

.ser_con_01 .right{ float:none; width:100%; position:relative; top:0%; transform:translateY(0%); right:0;}

.ser_con_02{ position:relative; max-width:100%; height:auto; min-height:400px; padding:62px 0 40px 0;}
.ser_con_02 .right{ float:none;width:calc((100% - 80px)/1); margin-left:0%; height:auto;padding:40px 40px 0 40px;box-shadow: 0 22px 40px rgba(0, 0, 0, 0.15); z-index:99; background:#fff; min-height:300px; position:relative; top:0%; transform:translateY(0%); right:0;}

.ser_con_02 .left{ float:none; width:100%; position:relative; top:0%; transform:translateY(0%); left:0;}

.ser_con_03_bg{ background:url(../images/blue-bg.png) repeat top left; height:auto;}
.ser_con_03{ padding:40px 0 50px 0;}
.ser_con_03 h3{ line-height:40px; font-size:26px; color:#fff; text-align:center;}
.ser_con_03 h4{ line-height:40px; font-size:14px; color:#fff; text-align:center;}
.ser_con_03 ul{ padding:40px 0;}
.ser_con_03 ul li{ display:block; float:none; margin-right:0; width:calc((100%)/1);  margin-bottom:38px; text-align:center;}
.ser_con_03 ul li:nth-child(4n){ margin-right:0;}
.ser_con_03 ul li img{ display:inline-block; width:auto; max-width:100%; height:auto;box-shadow: 0 0 0 4px #fff;}
.ser_con_03 ul li span{ display:block; width:100%; text-align:center; margin:10px 0; line-height:17px; font-size:14px; color:#fff;}
.ser_con_03 ul li a{ display:block; width:100%; text-align:center; font-size:14px; color:#eee; line-height:17px;}




/*sus*/
.sus_con_02{ padding:40px 0;} 
.sus_con_02 h2{ line-height:36px; font-size:24px; color:#0057b8; text-align:center; margin-bottom:15px;}
.sus_con_02 ul li{ float:none; margin-right:0px; width:calc((100%)/1); border-bottom: 8px solid #0057b8; margin-bottom:15px; text-align:center;}


.sus_con_03 { text-align:center;}
.sus_con_03 ul { display:inline-block;}
.sus_con_03 ul li{ float:none; margin-right:0px; width:calc((100%)/1); margin-bottom:15px; text-align:center;}

.sus_con_04{ padding:40px 0;} 
.sus_con_04 ul li{ float:none; margin-right:0px; width:calc((100%)/1); border-bottom: 8px solid #0057b8; margin-bottom:15px; text-align:center;}

.sus_con_05{ padding:40px 0;} 
.sus_con_05 h2{ line-height:36px; font-size:24px; color:#0057b8; text-align:center; margin-bottom:15px;}
.sus_con_05 ul li{ float:none; width:calc((100%)/1); border-right: none; margin-bottom:15px; text-align:center;}
.sus_con_05 ul li img{ display:block; width:100%; max-width:100%; height:auto; margin:0 auto;box-shadow: 0 22px 40px rgba(0, 0, 0, 0.15);}


.ser_con_07{ padding:40px 0;}
.ser_con_07 .nr_01 .left{ float:none; width:100%;}
.ser_con_07 .nr_01 .right{ float:none;width:calc((100% - 80px)/1); padding:40px; text-align:center;}

.ser_con_07 .nr_02 .right{ float:none; width:100%;}
.ser_con_07 .nr_02 .left{ float:none;width:calc((100% - 80px)/1); padding:40px; text-align:center;}


/*media页面*/
.media_content{ width:100%; max-width:100%; height:auto;}
.media_content .left{ float:none; width:100%; }
.media_content .left .bg{ background:url(../images/media1.jpg) no-repeat center center;background-attachment:fixed; background-size:contain; min-height:400px;}

.media_content .right{ float:none; width:calc((100% - 80px)/1); padding:40px; min-height:800px;}

/*Governance页面*/
.governance_content{ position:relative; max-width:100%; height:auto; min-height:612px; padding:40px 0;}
.governance_content .left{ float:none; width:100%; position:relative; right:0; top:0%; transform:translateY(0%);}

.governance_content .right{ float:none; width:calc((100% - 80px)/1); position:relative; height:auto;padding:40px;box-shadow: 0 22px 40px rgba(0, 0, 0, 0.15); z-index:99; background:#fff; min-height:500px; top:0%; transform:translateY(0%);}


/*career页面*/
.career_content{ position:relative; max-width:100%; height:auto; min-height:612px; padding:40px 0;}
.career_content .left{ float:none; width:100%; position:relative; left:0; top:0%; transform:translateY(0%);}
.career_content .right{ float:none; width:calc((100% - 80px)/1); position:relative; height:auto;padding:40px;box-shadow: 0 22px 40px rgba(0, 0, 0, 0.15); z-index:99; background:#fff; min-height:400px; top:0%; transform:translateY(0%); right:0;}



/*contactus页面*/
.contactus_content{ position:relative; max-width:100%; height:auto; min-height:612px; padding:40px 0;}
.contactus_content .left{ float:none; width:100%; position:relative; left:0; top:0%; transform:translateY(0%);}
.contactus_content .right{float:none; width:calc((100% - 80px)/1); position:relative; height:auto;padding:40px;box-shadow: 0 22px 40px rgba(0, 0, 0, 0.15); z-index:99; background:#fff; min-height:400px; top:0%; transform:translateY(0%); right:0;}
	




/*这里是vida页面*/
.vida_con_02{ padding:40px 0;}
.vida_con_02 .left{ float:none; width:calc((100% - 40px)/1); padding:20px;}
.vida_con_02 .right{ float:none; width:100%;background:url(../images/kt.jpg) no-repeat 100% 0%/100% 50%; background-attachment:fixed; min-height:400px;}

.vida_con_03{ padding:40px 0;}
.vida_con_03 .right{ float:none; width:calc((100% - 40px)/1); padding:20px;}
.vida_con_03 .left{ float:none; width:100%; background:url(../images/kt.jpg) no-repeat 0% 100%/100% 50%; background-attachment:fixed; min-height:400px;}

.vida_con_04{ padding:40px 0; text-align:center;}
.vida_con_04 img{ display:block; width:100%; max-width:100%; height:auto;}

.slideTxtBox_01{ position:relative;}
.slideTxtBox_01 .hd{ position:relative; line-height:50px; }
.slideTxtBox_01 .hd ul li{ float:left; width:auto; padding:15px 10px; border: 1px solid #023e81 !important;color: #fff !important; font-size:14px; line-height:17px; margin-right:10px; background:#023e81;}
.slideTxtBox_01 .hd ul li a{ display:block; color: #fff !important; font-size:14px; }
.slideTxtBox_01 .hd ul li.on{ background:#fff;cursor:pointer; border: 1px solid #e6e6e6 !important;color: #023e81 !important; } 
.slideTxtBox_01 .hd ul li.on a{ display:block; color: #023e81 !important; font-size:14px; }
.slideTxtBox_01 .bd ul{border: 1px solid #e6e6e6 !important;}
.slideTxtBox_01 .bd .nr{ padding:20px; font-size:16px; color:#000;}
.slideTxtBox_01 .bd .nr h3{ line-height:18px; font-size:14px; color:#8d9199; margin-bottom:30px;}
.slideTxtBox_01 .bd .nr dl{overflow:scroll;}
.slideTxtBox_01 .bd .nr dl dt{ line-height:45px; font-size:15px; color:#000;background-color: #eeeeee; }
.slideTxtBox_01 .bd .nr dl dt .left{ float:left; width:calc((30% - 10px)/1);padding:5px; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.slideTxtBox_01 .bd .nr dl dt .center{ float:left; width:calc((40% - 10px)/1);padding:5px;white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.slideTxtBox_01 .bd .nr dl dt .right{ float:right; width:calc((30% - 10px)/1);padding:5px;white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.slideTxtBox_01 .bd .nr dl dd .left{ float:left; width:calc((30% - 10px)/1);padding:5px; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.slideTxtBox_01 .bd .nr dl dd .center{ float:left; width:calc((40% - 10px)/1);padding:5px;white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.slideTxtBox_01 .bd .nr dl dd .right{ float:right; width:calc((30% - 10px)/1);padding:5px;white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.slideTxtBox_01 .bd .nr dl dd{ line-height:45px; font-size:15px; color:#000;}
.slideTxtBox_01 .bd .nr dl dd a{ color:#0057b8;}
.slideTxtBox_01 .bd .nr dl dd:nth-child(even){ background:#fff;}
.slideTxtBox_01 .bd .nr dl dd:nth-child(odd){ background:#eeeeee;}

.vida_con_05{ padding:40px 0;}
.vida_con_05 h2{ line-height:36px; font-size:24px; color:#0057b8; margin-bottom:40px;}
.vida_con_05 .left{ float:none; padding:10px;width:calc((100% - 20px)/1); height:auto;}

.vida_con_05 .right{ float:none; padding:10px;width:calc((100% - 20px)/1); height:auto;}

	}







