@charset "utf-8";
body{ padding-top:0px;}
.wrap {
	max-width:1200px;
	margin:0% auto;tlact
}
#top-bar{ 
    background-color: #fff;
    font-size: 12px;
    border-bottom: 1px solid #f1f1f1;
  padding:8px 0;}
.jzpic{width:45%}
.jzcon{ width:50%;}
.jzpic img{width:100%;box-shadow:0 0 10px rgba(0,0,0,0.3);}
.recent-posts-details-inner a{ font-size:14px;}
 .container {
     padding-top: 50px;
    padding-bottom: 50px;
    width: 1200px;
    max-width: 90%;
    margin: 0 auto;
}
ul.meta {font-size: 14.5px;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 15px ;
  
   
    color: #4a4a4a;
    font-size: 14px;
    line-height: 1.3;
    margin: 0 0 20px;
    padding: 0 0 10px;
    list-style: none;
}
.logo {margin:2px 0;}
.logo img { height:70px;}
.top {
	
	z-index:10;
	/*left:0;position: fixed;
	top:0;*/
	width:100%; padding:0 15%;
	transition:all 0.5s ease; background:#fff;border-bottom: 1px solid #f1f1f1;
}
.top.on {
	background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1);
}

.foot{background:#222;     padding: 30px 0 0 0;}
.foot .footbox{ width:380px; }
.foot .footbox .d0{ color:rgba(255,255,255,0.6); font-size:18px; line-height:36px;}
.foot .footbox .d1{ font-size:30px; font-family:syst; color:#fff; margin-bottom:5%;}
.footnav{ width:33.33%;  }
.footnav p { color:#4a4a4a; font-size:80%; margin-top:20px; line-height:24px;}
.footnav p strong{ font-size:110%; color:#fff; display:block; margin-bottom:10%;}
.footnav p a{ display:block; font-size:110%; color:rgba(255,255,255,0.6); line-height:3; transition:all ease .5s;}
.foot .ewm{ width:150px; text-align:center; color:rgba(255,255,255,0.6); font-size:100%; line-height:2;}
.foot .ewm img{ margin-bottom:30px}
.copyright {width:100%; font-size:90%;  line-height:55px; color:#a0436b; text-align:center; background:#1b1b1b;}
.copyright a{ color:#fff;} 

.langec{ line-height:74px; }
.langec span{ display:block; cursor:pointer;    }
.langec .xlm{ position:absolute; display:none; box-shadow:0 0 10px rgba(0,0,0,0.3); padding:10px; background:#fff;border-top:3px solid #13aff0;  width:260px; right:0%;  top:74px; overflow:hidden; z-index:3;}
.langec .xlm .c2{  width:19%; height:40px; border:none; cursor:pointer;  transition:all 0.5s ease; background:#A0436B url(../images/f6.png) no-repeat center center; background-size:30%;}
.langec .xlm .c1{  width:78%; text-indent:5px; border:1px solid #ddd;background:none; height:40px; padding:0 0px; font-size:12px;    transition:all 0.5s ease;}
	
.T-nav {display:inline-flex;}
.T-nav li {position:relative;}
.T-nav li a {
display: block;
    text-align: center;
    padding: 0px 8px;
    line-height: 34px;
    position: relative;
    font-size: 90%;
    color: rgba(0, 0, 0, 1);
    transition: all 0.5s ease;
    margin: 20px 12px;
}
.T-nav li a span {
	font-size:16px;
	display:block;
}
.T-nav li a i{background:url(../images/jt.jpg) center center no-repeat; width:22px; height:13px; display:inline-block;
}
.T-nav li .secon {
	position:absolute;
	width:100%;
	left:0%;
	transform:translateX(-50%);
	top:74px;
	z-index:5;
	display:none;
	background:#fff; border-top:3px solid #13aff0; overflow:hidden;
	  box-shadow:0 0 10px rgba(0,0,0,0.1);
}
.T-nav li .secon::before{ content:''; width:11px; height:6px; background:url(../images/gc1.png) no-repeat; left:50%; position:absolute; transform:translateX(-50%); top:-6px;}
.T-nav li .secon a { margin: 0;border-bottom:1px solid #eee ;
	display:block;
	color:#000;
	line-height:40px;
	text-align: center;
	font-weight:normal;
	padding:0;
	font-size:80%;
	transition:all 0.5s ease;
}
.mob-nav {
	width:50px;
	height:50px;
}
.mob-nav span {
	display:block;
	position:absolute;
	right:0px;
	width:12px;
	height:2px;
	top:50%;
	margin-top:-1px;
	background:#333;
	transition:all 0.5s ease;
}
.mob-nav:before {
	content:'';
	position:absolute;
	right:0px;
	width:12px;
	height:2px;
	top:25px;
	background:#333;
	transition:all 0.5s ease;
}
.mob-nav:after {
	content:'';
	position:absolute;
	right:0px;
	width:12px;
	height:2px;
	top:33px;
	background:#333;
	transition:all 0.5s ease;
}
.mob-nav.on span {
	width:0;
	transition:all 0.5s ease;
}
.mob-nav.on:before {
	top:28px;
	transform:rotate(45deg);
	transition:all 0.5s ease;
}
.mob-nav.on:after {
	top:28px;
	transform:rotate(-45deg);
	transition:all 0.5s ease;
}

.ny-nav{width:100%; background:#f2f4f9;}
.ny-nav span {display:none;}
.ny-nav p {width: 60%;}
.ny-nav p a{font-size:105%;color:#333; display:inline-block;line-height:85px;transition:all ease .5s; margin-right:6%; position:relative;}
.ny-nav p a:after{ content:''; position:absolute; bottom:0; left:0; width:0%; height:2px; background:#024fa1;  color:#0058d3;   transition:all ease .5s;  }

.ny-nav p a.cur{color:#13439d;}
.position{ font-size:90%; line-height:85px;color:rgba(0,0,0,0.6);} 
.position a{ }
.position span{ display:contents; color:#024fa1;}

.ny-banner{ width:100%; position:relative;}
.ny-banner h2 { text-align:center;
	position:absolute;
	z-index:1;
	left:50%; font-weight:normal;
	top:50%;
	transform:translate(-50%, -50%);
	color:#fff;
	font-size:200%;}
.ny-banner h2 p{ font-size:14px; }


.contactbox{ width:100%; padding:4% 0;  background:url(../images/sybg4.jpg) top center no-repeat; background-size:cover;}
.contactbox h2{ width:100%; font-size:200%;color:#fff; margin-bottom:3%;}
.contactbox h2 span{  font-size:80%; font-weight:normal; display:block; line-height:2}
 
 
.subtitle {
	padding:4% 0; text-align:center;
}
.subtitle h2 { position:relative;
	font-size:200%; font-weight:600;
  
	color:#333;
 
}
 .subtitle .d2 { margin-top:1%;   font-size:90%; color:#666;	 
}
 
.company { width:50%;
 
}
.company p{ line-height:2; font-size:110%;} 
.company .td{ font-size:140%; color:#0150a1; font-weight:bold;}
.iteaol { width:43%; margin-bottom:5%;	 
} 
.pert-news{ width:100%;}
.pert-news a {border-bottom:1px solid #ddd; padding:2%;align-items:center; margin-bottom:2%;transition:all 0.5s ease;}
.pert-news a .time {  
 
	  
	color:#888;transition:all 0.5s ease;
	 
	  
}
.pert-news a .time span {
	color:#666;
	font-size:200%; 
 
}
.pert-news a h3{ width:90%;font-weight:normal; border-left:1px solid #ddd; padding-left:4%;}
.pert-news a h3 .d0{ font-size:140%; margin-bottom:10px;}
.pert-news a h3 .d1{ color:#999; font-size:100%; line-height:30px;}

.pagelc {
	padding:2% 0 4% 0;
	width:100%;
}
.pagelc a {
	display:inline-block;
	line-height:40px;
	background:#f0f0f0;
	padding:0 10px;
	margin:0 2px;
	vertical-align:middle;
	border-radius:2px;transition:all 0.5s ease;
}
.pagelc a.mob-none {
	padding:0;
	width:40px;
}
.pagelc a.cur {
	color:#fff;
	background:#A0436B;
}
.strength{ background:#f1f1f1; padding-bottom:3%;}
.slbox{ background:#fff; border:1px solid #ddd; padding:3%;  }
.slbox h2{ font-size:26px; margin-bottom:2%;}

.zsbox{ width:100%;}
.zsbox input{ width:19.5%; background:none; border:1px solid #ddd; border-radius:3px; line-height:46px; height:46px; padding-left:10px; color:#fff;}
.zsbox select{ width:19.5%; background:none; border:1px solid #ddd; border-radius:3px; line-height:46px; height:46px; padding-left:10px; color:#fff;}
.zsbox a{ color:#fff; padding:10px 20px; border:1px solid #ddd; border-radius:3px;} 
.honor-ul {
	 
}
.honor-ul li {
	width:23%;
	float:left;
	margin-right:2.5%;
	margin-bottom:2%;
	cursor:pointer;
	padding:10px;
	background:#f2f9fd;
	transition:all 0.5s ease;
}
.honor-ul li:nth-child(4n) {
margin-right:0;
}
.honor-ul li .honor-li-a {
}
.honor-ul li .tit { text-align:center;
	line-height:3;
	height:3;
	font-size:90%;
	overflow:hidden;
}
.honor-ul li .pic img {
	width:100%;
	  
}

.sonla{ width:100%; padding:1px 0 5% 0; background:#f2f4f9;}
.sonla li{ margin-bottom:3%; color:#fff; width:48.5%; background:#fff url(../images/01.png) 30px center no-repeat; padding:3%;justify-content:space-between; display:inline-flex; align-items:center;}
.sonla li:nth-child(2){background:#fff url(../images/02.png) 30px center no-repeat;} 
.sonla li:nth-child(3){background:#fff url(../images/03.png) 30px center no-repeat;} 
.sonla li:nth-child(4){background:#fff url(../images/04.png) 30px center no-repeat;} 
.sonla li:nth-child(5){background:#fff url(../images/05.png) 30px center no-repeat;} 
.sonla li:nth-child(6){background:#fff url(../images/06.png) 30px center no-repeat;} 

.sonla li h3{  color:#333; font-size:130%; line-height:2; width:60%; font-weight:normal; } 
.sonla li h3 div{ font-size:90%;}
.contact{ background:#fff; margin:8% 0;}
.contact .biaoge td{ line-height:3; font-weight:bold;}
.contact h2{ font-size:200%; margin-bottom:4%;}
.content-area {
    float: left;
    position: relative;
    width: 72%;
    padding-right: 30px;
 
    border-right:1px solid #f1f1f1
}
.widget-area {
    width: 28%
}

.widget-area.sidebar-primary {
    float: right;
    padding-left: 30px
}

.widget-area.sidebar-secondary {
    float: left
}

.content-full-width .content-area,body.content-full-screen #content-wrap {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    border: 0 !important
}

.content-full-screen .content-area {
    float: none;
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important
}

.content-left-sidebar .content-area {
    float: right;
    padding-left: 30px;
    padding-right: 0;
    border-left-width: 1px;
    border-right-width: 0
}

.content-left-sidebar .widget-area {
    float: left;
    padding-right: 30px;
    padding-left: 0
}

.content-both-sidebars .content-area {
    width: 44%
}

.content-both-sidebars.scs-style .content-area {
    left: 28%;
    padding-left: 30px;
    border-left-width: 1px
}

.content-both-sidebars.scs-style .widget-area.sidebar-secondary {
    position: relative;
    left: -44%;
    padding-right: 30px
}

.content-both-sidebars.ssc-style .content-area {
    left: 56%;
    padding-left: 30px;
    padding-right: 0;
    border-left-width: 1px;
    border-right-width: 0
}

.content-both-sidebars.ssc-style .widget-area {
    position: relative;
    left: -44%;
    padding-right: 30px
}

.content-both-sidebars.ssc-style .widget-area.sidebar-primary {
    padding-left: 0
}

.content-both-sidebars.css-style .widget-area.sidebar-secondary {
    padding-left: 30px
}
.single-post ul.meta,.single.ocean-cpt ul.meta {
    font-size: 14.5px;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 15px
}

.single-post ul.meta li:after,.single.ocean-cpt ul.meta li:after {
    padding: 0 8px
}

.single-post ul.meta li i,.single.ocean-cpt ul.meta li i {
    padding-right: 9px
}

.single-post ul.meta li .owp-icon,.single.ocean-cpt ul.meta li .owp-icon {
    margin-right: 8px
}

.single-post ul.meta li svg.owp-icon,.single.ocean-cpt ul.meta li svg.owp-icon {
    width: 20px;
    height: 20px
}
.single-post .post-quote-wrap {
    margin-bottom: 30px
}

.single .thumbnail {
    position: relative;
    margin-bottom: 20px
}

.single .thumbnail img {
    width: 100%
}

.single .entry-title {
    font-size: 34px;
    padding: 0 0 20px;
    margin: 0 0 15px;
    border-bottom: 1px solid #f1f1f1;
    letter-spacing: .6px
}

.single-post.content-max-width #main #content-wrap {
    width: 100%;
    max-width: 100%
}
 
.single-post.content-max-width .entry-content ul,.single-post.content-max-width .entry-content ol {
    padding-left: 40px;
    padding-right: 40px
}

.single-post.content-max-width .thumbnail {
    margin-top: 0
}

.single-post.content-max-width .entry-header {
    margin-bottom: 0;
    text-align: center
}
.entry-header h2{ line-height: 1.4;    font-size: 34px;
    padding: 0 0 20px;
    margin: 0 0 15px;
    border-bottom: 1px solid #f1f1f1;
    letter-spacing: .6px;font-weight:600;}
.single-post.content-max-width ul.meta {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    color: #4a4a4a;
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 0 0 10px;
    list-style: none
}

.single-post.content-max-width .wp-block-quote p {
    padding: 0
}

.single-post.content-max-width .entry-content blockquote p {
    max-width: 100%;
    margin: 0;
    padding: 0
}
 
.entry-content p{ line-height:30px;}

.single-post.content-max-width .wp-block-image.alignfull img {
    width: 100% !important
}

.single-post.content-max-width .wp-block-image.alignleft,.single-post.content-max-width .wp-block-image.alignright {
    max-width: 350px;
    margin-top: 0;
    margin-bottom: 0
}

.single-post.content-max-width .wp-block-image.alignleft {
    margin-left: calc(50% - 350px);
    padding: 14px 36px 14px 0
}

.single-post.content-max-width .wp-block-image.alignright {
    margin-right: calc(50% - 350px);
    padding: 14px 0 14px 36px
}

.single-post.content-max-width figure img {
    margin: 0 auto
}

.single-post.content-max-width .entry-content ul.alignfull,.single-post.content-max-width .entry-content ol.alignfull {
    padding-left: 0;
    padding-right: 0
}

.single-post.content-max-width .entry-content ul.alignwide,.single-post.content-max-width .entry-content ol.alignwide {
    padding-left: 0;
    padding-right: 0
}
.widget-title {
    display: block;  
    line-height: 1;
    font-size: 13px;
    font-weight: 400;
    color: #333;
    border-width: 0 0 0 3px;
    border-style: solid;
    border-color: #13aff0;
    letter-spacing: 1px;
    padding-left: 15px;
    margin: 0 0 20px;
    text-transform: capitalize
}
.sidebar-box .widget-title, .sidebar-box.widget_block .wp-block-heading {
    font-size: 16px; margin-top:5%;
    line-height: 1;
    letter-spacing: 1px;
    font-weight: 600;
}.oceanwp-about-me {
    position: relative;
    text-align: center
}
.oceanwp-about-me-text{ line-height:26px;font-size:14px;color:#999;}

.oceanwp-about-me .oceanwp-about-me-avatar,.oceanwp-about-me .oceanwp-about-me-social {
    margin-top: 20px
}

.oceanwp-about-me .oceanwp-about-me-avatar img {
    position: relative;
    border-radius: 50%
}

.oceanwp-about-me .oceanwp-about-me-name {
    display: block;
    font-size: 13px;
    font-weight: 600;
    margin: 16px 0 10px;
    text-transform: uppercase;
    clear: none
}

.oceanwp-about-me .oceanwp-about-me-social li {
    display: inline-block;
    margin-left: 6px
}

.oceanwp-about-me .oceanwp-about-me-social li:first-child {
    margin-left: 0
}

.oceanwp-about-me .oceanwp-about-me-social li a {
    display: inline-block;
    font-size: 14px;
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%
}.sidebar-box .widget-title {
    color: #a0436b;
}
 

            .single-post ul.meta li,.single-post ul.meta li a {
                font-size: 14px;
                line-height: 1.4;
                letter-spacing: .6px
            }

            .sidebar-box .widget-title,.sidebar-box.widget_block .wp-block-heading {
                font-size: 16px;
                line-height: 1;
                letter-spacing: 1px;
                font-weight: 600
            }
.culture{ width:100%;}
.culture li{ background:#fff; width:32%; padding:0 0 2% 0; }
.culture li h3{ font-size:200%; color:#0150a1; padding:10% 10% 5% 10%; background:URL(../IMAGES/01.png) 20px center no-repeat;}
 .culture li h4{ font-size:140%; padding:0 10% 0; font-weight:normal;}
 .culture li h4 p{ font-size:80%; line-height:3;}


.olta {
	padding:2% 0; margin:3% 0 5%;
	width:100%;
 
}
.olta li {align-content: baseline;
	width:33%;
	text-align:center; border-right:1px solid #ddd; 
}
.olta li:nth-child(3){ border-right:0;}
.olta li img {
	 
	margin-right: 0px;
	margin-bottom: 15px;
}
.olta li div {
	font-size:100%;
	color:#014099;
	font-family:syst;
}
.olta li div span{ font-size:300%;}
.olta li div p{ font-size:16px; color:#333;}

.omlaec { width:100%;
	  border-top:1px solid #ddd;
}
.omlaec a{ border-bottom:1px solid #ddd; padding:3% 0;}
.omlaec a .pic{ width:30%;}
.omlaec a .time{border:1px solid #d6dcea; text-align:center; height:80px; font-size:160%; padding:15px; color:#024fa1;}
.omlaec a .time i{ display:block; font-size:14px;}
.omlaec a .con{ text-align:right; width:45%}
.omlaec a .con h3{ font-size:160%; margin-bottom:4%;transition:all ease .5s;}
.omlaec a .con .d1{ font-size:100%; margin-bottom:4%; line-height:30px; height:90px; overflow:hidden; color:#666;transition:all ease .5s;}
.omlaec a .con span{  background:#024fa1; color:#fff; padding:10px 7%; transition:all ease .5s;}
.paeolc {
	width:100%; 
}
.paeolc li{ background:url(../images/01.png)15px center no-repeat; margin-top:3%; padding: 3% 20px; border:1px solid #ddd; width:31.5%; font-size:110%;} 
.paeolc li:nth-child(2){ background:url(../images/02.png) 20px center no-repeat;}
.paeolc li:nth-child(3){ background:url(../images/03.png) 20px center no-repeat;}
.paeolc li:nth-child(4){ background:url(../images/04.png) 20px center no-repeat;}
.paeolc li:nth-child(5){ background:url(../images/05.png) 20px center no-repeat;}
.paeolc li:nth-child(6){ background:url(../images/06.png) 20px center no-repeat;}
.paeolc li:nth-child(7){ background:url(../images/07.png) 20px center no-repeat;}
.paeolc li:nth-child(8){ background:url(../images/08.png) 20px center no-repeat;}
.paeolc li:nth-child(9){ background:url(../images/09.png) 20px center no-repeat;}
 
.left_top {
    margin-bottom: 15px;
    line-height: 3;
    color: #333;
    font-size: 120%;
    position: inherit;
    text-transform: uppercase;
    position: relative;
    border-bottom: 1px solid #eee;
    padding-bottom: 4px;
    font-family: "syst";
}
 
.mvcal{ background:url(../images/bs18.jpg) left center no-repeat; padding-bottom:2%; }
 

.lastbtn {
	 
 background:url(../images/bs19.jpg) right center no-repeat; padding-bottom:2%;
	 
   
}
  
 .history{ background:#f2f4f9; padding-bottom:5%;}
 
 .culturebox{ background:url(../images/007.jpg) center bottom no-repeat; padding:1px 8.5% 7% 8.5%;}
 .culturebox .box{ position:relative; margin-top:2.5%;}
 .culturebox .box p{ position:absolute; text-align:center;  top:50%; font-size:140%; color:#fff; transform: translateY(-50%); width:100%;}
 
 .teambox{ width:100%; background:#13439d;}
 .teambox .con{ padding:8% 0 5% 5%; width:35%;}
 .teambox .con h3{ font-size:140%; margin-bottom:5%; color:#fff; font-weight:normal;}
 .teambox .con p{ font-size:14px; color:#fff; line-height:30px; margin-bottom:5%;}
 .teambox .con a{ color:#fff;transition:all ease .5s;}
 .oceanwp-recent-posts .recent-posts-info {
    display: block;
    color: #aaa;
    margin-top: 6px;
    font-size: 10px;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: .2px
}
.oceanwp-recent-posts li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    line-height: 1.6;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #e9e9e9;
}
.elementor-widget-container{ margin:0 0 3% 0;}.elementor-widget-containerpic{ width:49%;}
.elementor-widget-container h2{      background-color: #A0436B; text-align:center;  color: #FFFFFF;
    font-family: "Roboto", Sans-serif;
    font-size: 26px;
    font-weight: 600;}.elementor-widget-container h3{ border-bottom:1px dashed #666;   color: #A0436B; line-height:2;
 
    font-size: 22px;
    font-weight: 600;}
.elementor-widget-containerpic .con{ line-height:2.6; color:#888;}
.elementor-widget-containerpic img{ margin-top:6%;   width: 100%;
    border-radius: 0px 0px 0px 0px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}
.elementor-widget-container p{ font-size:14px; color:#555;}
 .market{ position:relative;}
 .market h2{ width:100%; text-align:center; position:absolute; top:50%; transform: translateY(-50%); font-size:300%; color:#13439d;}
 
.leftbox { width:52.5%;}
.itemlist { width:100%;}
.itemlist a {
    width: 31%;
    margin: 0 1.1%;
}
.itemlist a .pic{     border-radius: 15px 15px 15px 15px; text-align:center;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);}
	.itemlist a .pic img{ height:480px;  object-fit:cover;}
.gapbox{ 6.5% }
.itemlist a p{text-align: center;font-style: italic;
    color: #8B0000;
    font-family: "Roboto", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0px;
    word-spacing: 0px;
    text-shadow: 0px 0px 10px rgba(0,0,0,0.3);
    margin-block-start: 11px;}
 
.itemlist1 { width:100%;}
.itemlist1 a {
    width: 22.9%;
  
}
.itemlist1 a .pic{     border-radius: 15px 15px 15px 15px; text-align:center;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);}
	.itemlist1 a .pic img{ height:480px;  object-fit:cover;}

.itemlist1 a p{text-align: center;font-style: italic;
    color: #8B0000;
    font-family: "Roboto", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0px;
    word-spacing: 0px;
    text-shadow: 0px 0px 10px rgba(0,0,0,0.3);
    margin-block-start: 11px;}
    
.sybg {
background-image: linear-gradient(180deg, #FFFFFF 0%, #E7E7E7 100%); padding:0 5.5% 6.5% 5.5%;
	 
}

 
.sloct { background:url(../images/bg.jpg) bottom center no-repeat; padding-bottom:5%; padding-top:1%;
}

.ability{ width:100%; background:url(../images/sybg6.jpg) center center no-repeat; padding:1% 0 6% 0;}
 

.mmaek { width:49%; display:inline-flex; position:relative;
}
.mmaek h3 {     position: absolute; 
    bottom: 0;  padding-left:15px;
    left: 0;
    
   transition:all ease .5s;  
     width:100%;
} 
.mmaek h3 span{ display:block; width:100%;color: #fff;font-size: 90%;line-height:30px;}
.mmaek h3 p{ display:block; width:100%;font-size: 120%;color: #fff;line-height:30px; margin-bottom:3%;} 
.ltrea a {
	width:22.9%; border-radius: 15px 15px 15px 15px;
    overflow: hidden; background:#fff; text-align:center; padding-bottom:20px;
}
.ltrea{ width:100%;}
 
.ltrea a .pic{ width:100%;}
.ltrea a .pic img{object-fit:cover;}
.ltrea a h2{    text-align: left;
    color: #A0436B;
    font-size: 100%;
    margin: 15px;
    
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis; }
.ltrea a h3{ text-align:center; color:#666; font-weight:normal; font-size:80%; padding:0 15px 5px;}
.ltrea a h4{align-items: center;
    background-color: hsla(0, 0%, 100%, .7);
    border: 1px solid #e5e5e5;
    color: #333; font-weight:normal; display:inline-block;
    font-size: 14px;
 
    line-height: 1.8;
    overflow: hidden;
    padding: 6px 20px;}
.newsbox{ display:flex; align-items:center; margin:3% 0;}
.newsbox h2{font-size: 200%; text-align:center; width:100%;
    color: #fff;font-weight: 600;
    margin-bottom: 0%;}
 
.newsbox a{ background-color: #A0436B;    font-size: 14px; margin:0 auto;
    padding: 12px 24px;
    border-radius: 50px 50px 50px 50px; color:#fff;    transition:all ease .5s;  }
.teoul { background:url(../images/bg2.jpg) center center no-repeat; padding-bottom:5%;
}

/*up is useing*/
 
 
 
.bg-enc {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:no-repeat center center;
	background-size:cover;
}
.bg-enc:after {
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(38, 34, 25, 0.4);
}
.flex-logo {
	position: fixed;
	left:2%;
	top:5%;
	z-index:90;
}

.menu-calt {
	width:30px;
	height:30px;
	cursor:pointer;
	margin-left:10px;
	position:relative;
	background:#333;
	position:relative;
	border-radius:50%;
	transition:all 0.5s ease;
}
.menu-calt:before {
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	height:2px;
	width:25px;
	margin-left:-10px;
	margin-top:-6px;
	background:#333;
	transition:all 0.5s ease;
}
.menu-calt:after {
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	height:2px;
	width:25px;
	margin-left:-10px;
	margin-top:4px;
	background:#333;
	transition:all 0.5s ease;
}
.menu-calt.on {
	background:#f1271d;
	transition:all 0.5s ease;
}
.menu-calt.on:before {
	background:#f1271d;
	margin-top:-1px;
	transform:rotate(45deg);
	transition:all 0.5s ease;
}
.menu-calt.on:after {
	background:#f1271d;
	margin-top:-1px;
	transform:rotate(-45deg);
	transition:all 0.5s ease;
}
.benla:after {
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background: url(../images/bg.png);
}
.pcban {
	display:block!important
}
.sjban {
	display:none!important;
}
.flex_4 {width: 25%}
.flex_2 {width: 32%}
.flex_1 {width: 100%}
 
#menu li:nth-child(1) {
width:48px !important;
}

 

 

.tab-cell {
	display:table-cell;
	vertical-align:middle;
}
 
 /* 定义下拉按钮样式 */
.dropbtn {
    color: #fff;
    margin-bottom: 5%;
    font-size: 90%;
    cursor: pointer;
    border: 1px solid #ddd;
    background: none; 
    width: 85%;
    padding: 0 0 0 5px;
    margin-left: 8%;
}
.dropbtn p{ line-height:26px; width:60%;}
.dropbtn img{ margin-left:0px;}
/* 容器 <div> - 放置下拉内容 */
.dropdown {
  position: relative;
  display:block;
}
 
/* 下拉内容 (默认隐藏) */
.dropdown-content { text-align:left; overflow:hidden;
  display: none; background:#fff; border:1px solid #ddd; box-shadow:0 0 16px rgba(0,0,0,0.2);
  position: absolute; left:-100px;top:30px;
  min-width: 300px; border-radius:8px;
  z-index: 1;
}
.dropdown-content h3{ font-size:100%; color:#333; background:#f1f1f1; padding:15px;}
.dropdown-content .duoxuan{ padding:15px; color:#333; font-size:90%;}
.dropdown-content .duoxuan p a{ width:30%; text-align:center; border-radius:3px;}
.dropdown-content .duoxuan p a:nth-child(2){ color:#333; background:#eff1f3;}
.dropdown-content .duoxuan p a:nth-child(3){ color:#fff; background:#1e6fff;}
.dropdown-content h3 p input{ width:35%; padding-left:5px;}
.dropdown-content h3 p a{ padding:0 10px; text-align:center}
.dropdown-content h3 p a img{ width:60%;}
/* 下拉列表的链接 */
.dropdown-content h3 p a{ background:#1e6fff;   }
 
/* 链接 - 鼠标悬停 & 鼠标离开效果 */
.dropdown-content h3 p a:hover {background: #bf131c}
 
/* 当下拉按钮被点击时显示下拉内容 */
.dropdown:hover .dropdown-content {
  display: block;
}
 
/* 链接 - 鼠标悬停 & 鼠标离开效果 */
 
 
 .fix{ position:fixed;top:0; z-index:99;}
   
.boaclt { width:100%; margin-bottom:2%; }
.boaclt a{ width:24.5%; background:#f3f3f3; line-height:60px; text-align:center;transition:all ease .5s;}

.tlact{   align-items:center;   text-align:left; line-height:3; font-size:110%;  }
.tlact td{ width:7.1%;  border:1px solid #ddd;}
.tlact .t{ line-height:2;}
.tlact .data{ background:#fff; border:1px solid #ddd!important; color:#666; line-height:4;} 
.gorewc{ background:#024fa1; align-items:center; color:#fff; text-align:center; position: fixed;
    top: 100px;
    z-index: 99;}
.gorewc td{ width:7.6%;  border:1px solid #ddd;}
.gorewc .t{ line-height:2;}
 

 
.olsct {
	padding-top:0px;
	width:300px;
}
.olsct .p2 {
	margin:30px 0 10px 0;
	font-size:12px;
	align-items:center;
}
.olsct .p3 a {
	display:inline-block;
	width:160px;
	line-height:40px;
	border:1px solid #ddd;
	border-radius:5px;
	background:#f9f9f9;
	font-size:16px;
}
.main-nav-p2 {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
}
.main-nav-p2 li {
	float:left;
	text-align:center;
	margin-bottom:0px
}
.main-nav-p2 li.cur a, .main-nav-p2 li:hover a {
	color:#fff;
	background:#2057ac
}
.main-nav-p2 li a {
	width:143px;
	height:43px;
	display:block;
	line-height:43px;
	color:#000;
	margin-right:2px;
	background:rgba(255,255,255,0.9);
}
.main-nav-p2 li i {
	color:#f6b802
}
.xzlou p {
	width:33.33%;
	border-right:1px solid #e3e9ef;
	padding:30px 0;
	float:left;
	text-align:center;
	line-height:1.6;
}
.xzlou p.p1 {
	border:none;
}
.xzlou p strong {
	color:#f40707;
	display:block;
	font-size:24px;
}
.xzlou p.p1 a {
	background:#f00;
	margin-left:5px;
	padding:4px 8px;
	border-radius:6px;
	font-size:75%;
	color:#fff;
transition:all ease .5s;
}
.xzlou p.p1 a:hover {
	padding:4px 10px;
transition:all ease .5s;
}
.oaloa { background:#fff; box-shadow:0 0 16px rgba(0,0,0,0.2); padding:3% 0;
}
.oaloa .wrap{ align-items:center;}
.oaloa h2{ font-size:130%;}
.oaloa select{ width:20%; height:54px; border:1px solid #ddd; border-radius:5px;}
.oaloa a{ color:#fff;font-weight:bold; background:#0058d3; padding:16px 20px; border-radius:5px;}
.tpoec {
	line-height:60px;
	border-bottom:1px solid #e3e9ef;
}
.tpoec strong {
	font-size:100%;
}
.tpoec a {
	float:right;
	font-size:12px;
	font-weight:normal;
}
.buoclc td {
	padding:15px 5px;
	line-height:40px;
}
.buoclc td .c1 {
	width:325px;
	height:40px;
	border:1px solid #e3e9ef;
	padding:0 5px;
}
.buoclc td select {
	width:337px;
	height:42px;
	border:1px solid #e3e9ef;
}
.buoclc td .c2 {
	color:#fff;
	font-weight:bold;
	font-size:100%;
	border:none;
	cursor:pointer;
	width:275px;
	height:52px;
	background:#1e9eff;
	border-radius:5px;
}
.plaenc td {
	padding:10px 5px;
}
.plaenc tbody tr {
	border-bottom:1px solid #e3e9ef;
}
.plaenc tbody td {
	padding:20px 5px;
}
.red {
	color:#f40707;
}
.green {
	color:#0b9e0e;
}
.sva-vbl {
	width:96%;
	border-bottom:1px solid #ddd;
	margin:0 auto;
	line-height:60px;
	font-size:100%;
	font-weight:bold;
}
.avmop {
	width:100%;
	max-width:500px;
	margin:0 auto;
	padding:4% 0;
}
.avmop table td {
	padding:10px 3px;
}
.avmop table td .c1 {
	height:40px;
	width:100%;
	padding:0 10px;
	border:1px solid #ddd;
}
.avmop table td .c2 {
	width:100%;
	height:45px;
	color:#fff;
	border:none;
	cursor:pointer;
	background:#db0a17;
	font-size:100%;
	border-radius:6px;
}
.vdda {
	font-size:14px;
	color:#ff9600;
}
.lg-6 {
	width: 50%;
	float:left;
}
.member {
	padding:0 5%;
}
.dflr, .dflrc {
	-webkit-justify-content: space-between;
	justify-content: space-between
}
.member1 form .txt, .member1 form em, .member1 form label {
	height:40px;
	line-height:40px
}
.member1 form label {
	width:110px;
	text-align:right;
	padding-right:10px
}
.member1 form .txt, .member1 form textarea {
	width:calc(100% - 110px);
	padding:0 10px;
	border:1px solid #e3e9ef
}
.member1 form textarea {
	padding:10px;
	height:125px
}
.member1 form em {
	margin-left:5px;
	color:#fa021f
}
.member1 form .select-w {
	width:calc(100% - 110px)
}
.member1 form select {
	width:47%;
	padding:0 10px;
	border:1px solid #e3e9ef
}
.member1 form .btn input {
	height:54px;
	line-height:45px;
	width:30%;
	font-size:16px;
	color:#fff;
	border-radius:5px;
	padding:0 1.74rem;
	background:#db0a17
}
.member1 .row {
	margin-left:-2rem;
	font-size:14px;
}
.member1 .lg-6 {
	padding-left:2rem;
	margin-bottom:2rem
}
.member1 .lg-12 {
	width:100%
}
.xxt-main {
	padding:0% 0;
}
.beinac {
	max-width: 600px;
	margin: 0 auto;
	position: absolute;
	left: 50%;
	top:5%;
	transform: translateX(-50%);
}
.lmdfa .d1 span {
	color:#999;
	margin-left:10px;
}
.lmdfa .d2 {
	margin-top:10px;
}
.lmdfa .d2 .tnenm .list {
	width:80px;
	margin-right:10px;
}
.lmdfa .d2 .tnenm .list img {
	width:80px;
	height:80px;
	object-fit: scale-down;
	background:#f1f1f1;
	padding:0px;
}
.lmdfa .d2 .tnenm .list a {
	display:block;
	text-align:center;
	color:#3f93ed;
}
.lmdfa .d2 .upd {
	width:80px;
	height:80px;
	background:url(../images/xz15.png) no-repeat center center;
	cursor:pointer;
	border:1px solid #72cec7;
}
.volema {
	color:#999;
}
.volema input {
	margin-right:6px;
}
.volema a {
	color:#13c5ac;
}
.beinac table td {
	padding:10px 1px;
	line-height:30px;
}
.beinac table td .c1 {
	padding:0 10px;
	border-radius:3px;
	border:1px solid #ddd;
	height:44px;
	background:#fdfdfd;
	width:80%;
}
.beinac table td .c5 {
	padding:0 10px;
	border-radius:3px;
	border:1px solid #ddd;
	height:200px;
	background:#fdfdfd;
	width:100%;
}
.beinac table td select {
	width:80%;
	height:44px;
	border-radius:3px;
	border:1px solid #ddd;
	background:#fdfdfd;
	padding:0 5px;
}
.beinac table td .oovlo {
	height:40px;
	width:80%;
	background:#1a67af;
	border:none;
	cursor:pointer;
	color:#fff;
	border-radius:3px;
	font-weight:bold;
	font-size:100%;
}
.beinac table td a.lc {
	color:#1a67af;
}
.beinac table td .yzm {
	position:absolute;
	right:0;
	top:0;
	height:44px;
	width:100px;
	border:none;
	cursor:pointer;
	background:#1a67af;
	color:#fff;
}
.beinac table td .vod {
	position:absolute;
	right:100px;
	top:2px;
	object-fit: scale-down;
	height:40px;
	width:100px;
	border:none;
	cursor:pointer;
	background:#fdfdfd;
}
.login-main {
	background:url(../testimg/f11.jpg) no-repeat center center;
	background-size: cover;
	display:table;
	width:100%;
	height:calc(100vh - 100px);
}
.loleac {
	max-width:430px;
	width:100%;
	background:#fff;
	padding:0 25px 35px;
	border-radius:5px;
	margin:0 auto;
}
.hbucn {
	line-height:63px;
	height:65px;
	border-bottom:1px solid #ddd;
}
.hbucn span {
	font-size:125%;
	font-weight:bold;
	color:#13439d;
	padding:0 0px;
	border-bottom:2px solid #f51e1e;
	display:inline-block;
}
.loleac .list {
	margin-top:8%;
	border:1px solid #ddd;
	padding-left:50px;
	position:relative;
	height:45px;
	border-radius:3px;
	overflow:hidden;
}
.loleac .list span {
	position:absolute;
	left:0;
	top:0;
	width:50px;
	height:45px;
	background:#ececec no-repeat center center;
}
.loleac .list span.s1 {
	background-image:url(../images/w1.png);
}
.loleac .list span.s2 {
	background-image:url(../images/w2.png);
}
.loleac .list .c1 {
	width:100%;
	height:45px;
	border:none;
	padding:0 15px;
	font-family:syst;
}
.loleac .lmda {
	margin-top:30px;
}
.loleac .lmda input {
	width:100%;
	height:45px;
	border:none;
	cursor:pointer;
	background:#13439d;
	color:#fff;
	font-size:100%;
	border-radius:3px;
}
.aepte { padding:0 10%;
}
 
.top-locls {
	position: absolute;
	left:0;
	top:3%;
	width:100%;
	z-index:10;
	padding:0 3%;
}
.menuc {
	width:76px;
	height:76px;
	background:#00507d;
	margin-right:20px;
	position:relative;
}
.menuc span {
	height:2px;
	width:30px;
	position:absolute;
	left:23px;
	top:50%;
	margin-top:1px;
	background:#fff;
	display:block;
	transition:all 0.5s ease;
}
.menuc:before {
	content:'';
	position:absolute;
	left:23px;
	top:50%;
	margin-top:-12px;
	width:30px;
	background:#fff;
	height:2px;
	transition:all 0.5s ease;
}
.menuc:after {
	content:'';
	position:absolute;
	left:23px;
	top:50%;
	margin-top:14px;
	width:30px;
	background:#fff;
	height:2px;
	transition:all 0.5s ease;
}
.menuc.on span {
	width:0;
	transition:all 0.5s ease;
}
.menuc.on:before {
	margin-top:-1px;
	transform:rotate(45deg);
	transition:all 0.5s ease;
}
.menuc.on:after {
	margin-top:-1px;
	transform:rotate(-45deg);
	transition:all 0.5s ease;
}
.search {
	padding:0 0px 0 0;
}
.search span {
	background:url(../images/fd.png) no-repeat center center;
	height:22px;
	width:22px;
	display:none;
}
.search p {/* position:absolute; display:none; right:46px;top:62px; width:260px;*/
	height:34px;
	line-height:34px;
}
.search p .c1 {
	width:220px;
	float:left;
	height:34px;
	border:none;
	padding:0 10px;
	background:#f1f1f1;
	border-top-left-radius:6px;
	border-bottom-left-radius:6px;
}
.search p .c2 {
	float:left;
	width:40px;
	height:34px;
	background:#01cb00 url(../images/fd.png) no-repeat center center;
	border:none;
	cursor:pointer;
	border-top-right-radius:6px;
	border-bottom-right-radius:6px;
}
.roale {
	padding-top:42px;
	margin-left:20px;
}
.tabce a {
	border-bottom:1px solid #eee;
	padding:2% 0;
}
.tabce .pic {
	border:1px solid #fff;
	height:200px;
	width:23%;
	overflow:hidden;
	border-radius:10px;
}
.tabce .pic img {
	width:100%;
	height:100%;
}
.tabce .con {
	width:75%;
}
.tabce .con h3 {
	font-size:112.5%;
	line-height:3;
	margin-top:0%;
}
.tabce .con p {
	color:#888;
	font-size:100%;
	line-height:30px;
	height:60px;
	overflow:hidden;
}
.lapeoc li {
	width:30%;
	float:left;
	margin-right:5%;
	margin-bottom:3%;
	border-bottom:1px solid #ddd;
}
.lapeoc li:nth-child(3n) {
margin-right:0;
}
.lapeoc li a {
	display:block;
}
.lapeoc li a .pic {
	width:100%;
	overflow:hidden;
	border-radius:6px;
	height:260px;
	box-shadow:0 0 10px #ddd;
}
.lapeoc li a .pic img {
	width:100%;
	object-fit:cover;
	height:100%;
}
.lapeoc li a .con {
	padding:15px 0;
}
.lapeoc li a .con .d1 {
	font-size:112.5%;
	color:#333;
	overflow:hidden;
	margin-top:5%;
}
.lapeoc li a .con .d2 {
	color:#999;
	margin-top:5%;
	font-family:syst;
}
.sc-neca {
	position:fixed;
	z-index:9;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#002035;
}
.sc-neca.on dl {
	transform:translateY(0);
	opacity:1;
	transition:all 0.5s ease 0s;
}
.sc-neca.on dl:nth-child(2) {
transition-delay:0.2s;
}
.sc-neca.on dl:nth-child(3) {
transition-delay:0.4s;
}
.sc-neca.on dl:nth-child(4) {
transition-delay:0.6s;
}
.sc-neca.on dl:nth-child(5) {
transition-delay:0.8s;
}
.sc-neca.on dl:nth-child(6) {
transition-delay:1.0s;
}
.sc-neca.on dl:nth-child(7) {
transition-delay:1.2s;
}
.tabce dl dt {
	font-weight:bold;
	font-size:137.5%;
	margin-bottom:20px;
}
.tabce dl dd {
	line-height:30px;
}
.tabce dl dd a {
	color:rgba(255, 255, 255, 0.5);
}
.gdloc {
	position:fixed;
	z-index:6;
	left:0;
	width:100%;
	bottom:3%;
}
.os-posc {
	width:100%;
}
.pad-solc {
	padding:0 10%;
	margin-bottom:6%;
	width:100%;
	position:relative;
}
.pad-solc .title {
	font-size:40px;
	font-weight:bold;
	color:#333;
}
.pad-solc a {
	display:block;
	width:200px;
	line-height:50px;
	color:#1f3a8b;
	border:2px solid #1f3a8b;
	border-top-left-radius:10px;
	border-bottom-right-radius:10px;
	text-align:center;
	position: absolute;
	top:10%;
	right:10%;
transition:all ease .5s;
}
.pad-solc a span {
	position:relative;
	z-index:2;
}
.pad-solc a span img {
	margin-left:30px;
}
.cs-list {
	margin-top:5%;
}
.cs-list li {
	width:18.2%;
	float:left;
	margin-right:2%;
}
 .cs-list li:nth-child(5n) {
margin-right:0;
}
.cs-list li a {
	display:block;
	transition:all 0.5s ease;
}
.cs-list li a .pic {
	overflow:hidden;
}
.cs-list li a .pic img {
	transition:all 0.5s ease;
}
.cs-list li a .pic span {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border:8px solid #00507d;
	background:rgba(0, 80, 125, 0.35);
	visibility:hidden;
	opacity:0;
	transition:all 0.5s ease;
}
.cs-list li a .pic span i {
	width:30px;
	height:30px;
	display:block;
	background:url(../images/js.png) no-repeat;
	transition:all 0.5s ease;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
}
.cs-list li a .tit {
	font-size:125%;
	color:#fff;
	font-weight:bold;
	overflow:hidden;
	line-height:40px;
	height:0px;
	transition:all 0.5s ease;
}
.cs-list li a .con {
	line-height:20px;
	height:0px;
	overflow:hidden;
	color:rgba(255, 255, 255, 0.5);
	transition:all 0.5s ease;
}
.cs-list li a .bq {
	margin-top:15px;
	visibility:hidden;
	opacity:0;
	transition:all 0.5s ease;
}
.roslm {
	width:100%;
	margin:0 0 3% 0;
}
.roslm a {
	width:370px;
	position:relative;
	overflow:hidden;
}
.roslm a div {
	opacity:0;
	color:#fff;
transition:all ease .5s;
	line-height:2;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:60% 5% 0 5%;
	background:rgba(0, 0, 0, 0.5);
	text-align:center;
}
.roslm a div h3 {
	margin-bottom:5%;
	font-size:112.5%;
}
.ewmc {
	margin-right:30px;
}
.bg-oalc {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:99;
	background:rgba(0, 0, 0, 0.6) url(../testimg/ewm.png) no-repeat center center;
	display:none;
}
.mid-loac {
	position:relative;
	margin-bottom:0px;
	z-index:5;
	height:359px;
	background:url(../images/mid-logo02.png) no-repeat center center;
	background-size:auto 100%;
}
.mid-loac.on {
	margin-bottom:300px;
	background:url(../images/mid-logo01.png) no-repeat center center;
	background-size:auto 100%;
	transition:all 1s ease;
}
.benla {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:4;
	opacity:0;
	overflow:hidden;
	visibility:hidden;
}
.benla.on {
	opacity:1;
	visibility: visible;
	transition:all 0.5s ease;
}
.min-logo {
	position:absolute;
	left:0;
	width:100%;
	top:5%;
}
.dis-tab {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;/* display:table;*/
	padding:280px 12.5% 0;
}
.tab-cell {
	display:table-cell;
	vertical-align:middle;
}
.bealm {
	font-size:0;
}
.bealm li {
	width:23.5%;
	float:left;
	padding-top:110px;
	transition:all 0.5s ease;
	margin-right:2%;
	border-bottom:1px solid rgba(255, 255, 255, 0.5);
	color:#fff;
	opacity:0;
	transform:scale(0.5);
}
.dh-ovrea.on .bealm li, .dh-ovrea.on .nav-botc li {
	opacity:1;
	transform:scale(1);
	transition:all 0.5s ease;
}
 .bealm li:nth-child(4n) {
margin-right:0;
}
.bealm li a {
	text-align:center;
	color:#fff;
	display:block;
}
.bealm li .tit {
	padding-bottom:12px;
	font-size:24px;
	position:relative;
}
.bealm li .pic {
	height:0px;
	transition:all 0.5s ease;
	overflow:hidden;
	background:no-repeat center center;
	background-size:cover;
}
.bealm li:hover {
	padding-top:0px;
	border-bottom:1px solid #fff;
	transition:all 0.5s ease;
}
.bealm li:hover .pic {
	height:110px;
	transition:all 0.5s ease;
}
.ovrea {
	width:100%; /*width:33%; margin-bottom:0.5%;*/
	padding:0 1%;
}
.botc {
	width:35.5%
}
.annct { /*background:url(../images/pzbg.jpg) center center no-repeat; background-size: cover;*/
	padding:1px 0 5% 0;
}
.annct p {
	font-size:112.5%;
	color:#fff;
	line-height:2;
	margin-bottom:3%;
}
.annct p span {
	display:block;
	text-indent:0.6rem;
	font-size:100%;
	opacity:0.5;
}
/* 联系我们 begin */
.mceubna {
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center
}
.mceubna .cont {
	width: 45%
}
.mceubna .cont .d0 {
	font-size: 24px;
	color: #0056a5;
	font-weight:bold;
}
.mceubna .cont .d1 {
	color: #0056a5;
	font-size: 20px;
	margin-bottom:5%;
}
.mceubna .cont .d2 {
	position: relative;
	line-height: 40px;
	color: #333;
	font-size: 16px;
	padding-left: 80px
}
.mceubna .cont .d2 span {
	position: absolute;
	left: 0;
	top: 0;
	font-weight: 800;
	color: #000
}
.mceubna .cont .d2 span img {
	margin-right: 10px
}
.mceubna .cont .d3 {
	margin-top:5%;
}
/*#map{height: 460px;width: 55%}*/
#map {
	width:100%;
	height:520px;
}
.bcenba {
	display: -webkit-flex;
	display: flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin:5% auto;
	width:50%;
}
.bcenba .d1 {
	color:#143899;
	font-weight:bold;
}
.bcenba .d2 {
	width:40%;
	line-height:2.4;
	text-align:center;
	font-size:18px;
	font-family:syst;
}
.bcenba .d2 h3 {
	margin-top:30px;
	font-size:22px;
	line-height:30px;
}
.micl-tit .d1 {
	color: #000;
	font-size: 32px;
	font-weight: bold;
	margin-top: 40px
}
.micl-tit .d2 {
	margin-top: 5px;
	color: #999;
	text-transform: uppercase;
	font-size: 18px
}
.aembbc {
	width: 100%;
	margin-bottom: 40px
}
.aembbc .d1 {
	font-size: 20px;
	margin: 20px 0
}
.aembbc .d2 {
	margin-bottom: 25px
}
.aembbc .d2 .c1 {
	width: 100%;
	border: none;
	border: 1px solid #d9d9d9;
	height: 55px;
	padding: 0 15px;
	;
	font-size: 15px
}
.aembbc .d2 textarea {
	width: 100%;
	height: 100px;
	border: 1px solid #d9d9d9 !important;
	font-size: 15px;
	border: none;
	padding: 10px
}
.aembbc .d2.rel {
	padding-right: 100px
}
.aembbc .d2.rel img {
	position: absolute;
	right: 0;
	top: 0;
	width: 90px
}
.sub-main01 {
	background: #f9f9f9;
	padding: 90px 0
}
 
.gap_13 {
	margin: 0 -40px
}
.input_bd { width:80%;
 

}
.input_bd input{ border:1px solid #ddd;	height: 55px;
 
	background:none;
	overflow:hidden; }
.input_bd01 {
	 background:#fff; border-radius:10px;
	height: 120px;
	margin: 0 0px 25px 0px;
	 	overflow:hidden;
}
.input_bd01 textarea {
	width: 95%;
	margin-top: 15px
}
.input_bd .c1{ padding-left:15px;}
.input_bd span {
	width: 55px
}
.input_bd01 span img, .input_bd span img {
	height: 55px;
	object-fit: scale-down;
	max-width: 100%
}
.input_bd input {
	width:100%
}
.yam { line-height:55px;
	width:20%;
}
.yam img {
	max-width: 100%;
	object-fit: scale-down;
}
.input_btn02 {
	margin: 0; width:19%;
}
.input_btn02 input {
	width: 100%;
	height: 55px;
	background: #a0436b;
	font-size: 110%;   font-weight:bold;
	color: #fff
}
.lboal {
	padding:0 10%;
}
a.arenc {
	width:100%;
	background:#fff;
	display:block;
	margin-bottom:1.5%;
}
a.arenc .p2 {
	margin-top: 10px;
	line-height: 30px;
 transition: all ease .5s;
	overflow: hidden;
	font-size: 18px;
	width: 60%;
	/* margin: 5% auto; */
    font-weight: bold;
	color: #333;
	margin-left: 3%;
}
a.arenc img {
	width:160px;
}
a.arenc span {
	font-family:syst;
	display:block;
	margin-top:3%;
	color:#888;
	font-size:100%;
	font-weight:normal;
}
.olapc {
	width:44%;
	margin:0 2%;
	background:url(../testimg/t9.jpg) no-repeat center center;
	background-size:cover;
}
.sloac {
	width:26%;
}
.sloac a {
	color:#fff;
}
.cdst {
	display:block;
	height:255px;
	background:#00507d;
	padding:30px;
	color:#fff;
}
.amlo {
	transform:translateY(80px);
}
.cdst .p2 {
	font-size:26px;
	margin-top:40px;
}
.amlo {
	margin-top:40px;
	background:url(../testimg/t10.jpg) no-repeat center center;
	background-size:cover;
}
.advat {
	background:url(../images/adbg.jpg) center center no-repeat;
}
.alebol {
	background:#fff;
	max-width:1300px;
	margin:-8% auto 0;
	box-shadow:0 0 10px #ddd;
	width:100%;
}
.alebol h3 {
	text-align:center;
	color:#13439d;
	font-size:145%;
	font-weight:normal;
	padding:5% 0;
}
.alebol h3 span {
	font-size:14px;
	display:block;
	color:#f90c0c;
}
.aelto {
	width:38%;
	margin:0 auto;
	padding-bottom: 8%;
}
.aelto li {
	width:100%;
	align-items:center;
	margin-bottom:6%;
}
.aelto li span {
	width:25%;
	display:block;
}
.aelto li span i {
	color:#f00;
}
.aelto li input[type='text'] {
	border:1px solid #ddd;
	line-height:43px;
	border-radius:3px;
	width:71%;
	text-indent:10px;
}
.aelto li select {
	border:1px solid #ddd;
	line-height:43px;
	height:43px;
	border-radius:3px;
	width:71%;
	text-indent:10px;
}
.aelto li input[type='button'] {
	background:#13439d;
	color:#fff;
	line-height:43px;
	border-radius:3px;
	width:71%;
	text-align:center;
	font-size:100%;
}

.energy {
	margin:0% 0 3% 0%;
}
.index_case2 li {
	width:16%;
	margin-right:10px;
	transition:0.5s
}
.index_case2 li:last-child {
	margin-right:0
}
.index_case2 a {
	display:block;
	overflow:hidden
}
.index_case2 img {
	width:100%;
	object-fit:cover;
	height:475px;
}
.index_case2 .con {
	left:0;
	bottom:0;
	text-align:center;
	width:100%;
	padding-top:45%;
	color:#fff
}
.index_case2 .con .t1 {
	font-size:18px;
	font-weight:normal;
	line-height:3;
}
.index_case2 .con .t2 {
	height: 60px;
}
.index_case2 .con .t2 img {
	width:auto;
	height:auto;
}
.index_case2 .con span {
	border-radius:30px;
	font-size:16px;
	display:none;
	color:#fff!important;
}
.index_case2 li.current {
	width:50%;
}
.index_case2 li.current img {
	margin-bottom:-20px;
}
.index_case2 li.current .con {
	background:url(../images/bgsy.png) bottom left repeat-x;
}
.index_case2 li.current .con .t1 {
	font-weight:bold;
}
.index_case2 li.current .con .t2 {
	display:block;
	height: 60px;
}
.lpaetc {
	padding:3%;
	font-size:100%;
	color:#666;
	line-height:2;
	border-radius:0px;
	width:100%;
	margin:0% auto;
	border:1px solid #fceccd;
	background:#fdfaf7;
}
.wmgtac {/*gap: 6.35%;*/
}

.register .head{border-bottom:1px solid #dfe9ef}
.register .head h2{font-size:20px;color:#2057ac}
.register .head .txt{color:#f21424}
.register form .txt,.register form em,.register form label{height:40px;line-height:40px}
.register form span{ line-height:40px; text-align:left; width:73%}
.register form label{width:110px;text-align:right;padding-right:10px}
.register form .txt2{width:calc(100% - 200px);padding:0 10px;border:1px solid #e3e9ef}
.register form .txt,.register form textarea{width:calc(100% - 110px);padding:0 10px;border:1px solid #e3e9ef}
.register form textarea{padding:10px;height:125px}
.register form em{margin-left:5px;color:#fa021f}
.register form .btn input{height:54px;line-height:54px;font-size:16px;color:#fff;border-radius:5px;padding:0 1.74rem;background:#f73939}
.register .row{margin-left:-2rem}
.register .lg-6{padding-left:2rem;margin-bottom:.33rem}
.register .lg-12{width:100%}
.paper{ width:100%; margin-top:3%;}
.txt{ line-height:2; width:100%; color:#666; font-size:14px; }

.paper form .txt,.paper form em,.paper form label{height:40px;line-height:40px}
.paper form span{width:160px;text-align:left;padding-right:0px; display:block; line-height:40px; font-size:16px;}
.paper form input[type="text"]{width:30%;padding:0 10px;border:1px solid #e3e9ef; float:left;}
.paper form textarea{width:30%;padding:0 10px;border:1px solid #e3e9ef}
.paper form textarea{padding:10px;height:125px}
.paper p{ font-size:18px; line-height:36px; margin-top:10px; color:#333; font-weight:bold;}
.paper .d1{ background:#f1f1f1;font-size:20px; text-align:center; line-height:50px; margin-top:10px; color:#333; font-weight:bold;}
.paper i{margin-right:5%; font-size:14px; line-height:56px;color:#666;}
.paper form .btn input{height:54px;line-height:54px;font-size:16px;color:#fff;border-radius:5px;padding:0 1.74rem;background:#f73939}
.paper .row{margin-left:-2rem}
.paper .lg-6{padding-left:2rem;margin-bottom:.33rem}
.paper .lg-12{width:100%}


 

 
  
 

.section {
	background:no-repeat center center;
	background-size:cover;
}
.hdc-abs {
	position:absolute;
	right:10%;
	bottom:20%;
	transform:rotateY(180deg);
	z-index:5;
}
.med-onc {
	position:relative;
	z-index:5;
	padding-bottom:15%;
}
.med-onc .p1 {
	visibility:hidden;
	opacity:0;
	transform:translateY(80px);
	transition:all 0.5s ease;
}
.med-onc .p2 {
	margin-top:1%;
	visibility:hidden;
	opacity:0;
	transform:translateY(80px);
	transition:all 0.5s ease;
}
.med-onc .p3 {
	height:90px;
	margin-top:1%;
	visibility:hidden;
	opacity:0;
	transform:translateY(80px);
	transition:all 0.5s ease;
}
.med-onc .p3 span {
	height:90px;
	width:90px;
	position:relative;
	background:url(../testimg/p3.png) no-repeat center center;
	display:inline-block;
}
.med-onc .p3 span i {
	display:block;
	position:absolute;
	left:50%;
	top:50%;
	width:43px;
	height:43px;
	transform:translate(-50%, -50%);
	border-radius:50%;
	border:2px solid #efd195;
	animation: mouse 1.6s linear 0s infinite;
}
.med-onc .ps3 span {
	background:url(../testimg/ps3.png) no-repeat center center;
}
.med-onc .ps3 span i {
	border:2px solid #fff;
}
/*消文字的选中状态*/
.f-24 {
 
}
#bloc.on #home {
	transform: translate3d(0, -4rem, 0);
	-webkit-transform: translate3d(0, -4rem, 0);
	-moz-transform: translate3d(0, -4rem, 0);
	-o-transform: translate3d(0, -4rem, 0);
	-ms-transform: translate3d(0, -4rem, 0);
}
#home {
	/* position: fixed; */
  width: 100vw;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 5;
	transition: transform 0.5s ease-out;
	-webkit-transition: transform 0.5s ease-out;
	-moz-transition: transform 0.5s ease-out;
	-o-transition: transform 0.5s ease-out;
	-ms-transition: transform 0.5s ease-out;
}
#home #main {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#home #main #roll {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #fff;
}
#home #main #roll .row {
	position: absolute;
	left: 0;
	height: 100%;
	top: 0;
	width: 100%;
	opacity: 0;
	pointer-events: none;
	animation-fill-mode: both;
	animation-duration: 1s;
	animation-timing-function: cubic-bezier(0.3, 0, 0.24, 1);
	z-index: 5;
}
#home #main #roll .row .alan {
	opacity: 0;
}
#home #main #roll .row .alanLeft, #home #main #roll .row .alanIn {
	opacity: 0;
}
#home #main #roll .row.del {
	opacity: 1;
	pointer-events: auto;
}
#home #main #roll .row.on {
	opacity: 1;
	pointer-events: auto;
	z-index: 10;
}
#home #main #roll .row.on .alan {
	animation-name: fadeInUpSmall;
	animation-duration: 1s;
	animation-fill-mode: both;
	animation-timing-function: cubic-bezier(0.3, 0, 0.24, 1);
}
#home #main #roll .row.on .alanLeft {
	animation-name: fadeInLeftSmall;
	animation-duration: 1s;
	animation-fill-mode: both;
	animation-timing-function: cubic-bezier(0.3, 0, 0.24, 1);
}
#home #main #roll .row.on .alanIn {
	animation-name: fadeIn;
	animation-duration: 1s;
	animation-fill-mode: both;
	animation-timing-function: cubic-bezier(0.3, 0, 0.24, 1);
}
#home #main #roll .row .delay1 {
	animation-delay: 0.1s;
}
#home #main #roll .row .delay2 {
	animation-delay: 0.2s;
}
#home #main #roll .row .delay3 {
	animation-delay: 0.3s;
}
#home #main #roll .row .delay4 {
	animation-delay: 0.4s;
}
#home #main #roll .row .delay5 {
	animation-delay: 0.5s;
}
#home #main #roll .row .delay6 {
	animation-delay: 0.6s;
}
#home #main #roll .row .bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#home #main #roll .row .bg .pic {
	background-size:cover;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#home #main #roll .row .rowMain {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}
#home #main #roll .row .rowMain .con {
	position: relative;
	padding-bottom: calc(4.1vw - 20px);
	height: 100%;
	padding-top: 1.3rem;
	width: 100%;
	padding-right: 6.8vw;
	padding-left: 12vw;
	margin: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
}
#home #main #roll #r3 {
	background-color: #000;
	overflow: hidden;
}
#home #main #roll #r3 .bg .pic {
	opacity: 0;
	z-index: 2;
	transition: opacity 0.7s cubic-bezier(0.65, 0.01, 0.45, 1), transform 4s cubic-bezier(0.65, 0.01, 0.45, 1);
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
}
#home #main #roll #r3 .bg .pic.on {
	opacity: 0.5;
	transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	z-index: 10;
}
#home #main #roll #r3 .rowMain {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 20;
	height: calc(100% - 1.3rem);
	top: 1.3rem;
	transition: opacity 1s ease-out;
	-webkit-transition: opacity 1s ease-out;
	-moz-transition: opacity 1s ease-out;
	-o-transition: opacity 1s ease-out;
	-ms-transition: opacity 1s ease-out;
	pointer-events: none;
}
#home #main #roll #r3 .rowMain .mask {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	top: auto;
	height: calc(100% + 1.3rem);
	bottom: 0;
}
#home #main #roll #r3 .rowMain .mask:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #000;
	opacity: 0.3;
}
#home #main #roll #r3 .rowMain .con {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
#home #main #roll #r3 .rowMain .con > div {
	position: relative;
	margin-top: -0.65rem;
}
#home #main #roll #r3 .rowMain .con > div h2 {
	line-height: 1;
	margin-bottom: 0.4rem;
	opacity: 0;
}
#home #main #roll #r3 .rowMain .con > div p {
	line-height: 1;
	opacity: 0;
}
#home #main #roll #r3 .rowMain .con > div .ad {
	position: absolute;
	top: 0;
	opacity: 0;
	right: calc(100% + 30px);
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	font-size: 1.4rem;
	color: #fff;
}
#home #main #roll #r3 .rowMain .con .cirBox {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	top: 0;
	width: 24vw;
	height: 24vw;
	transition: all 2s ease-out;
	-webkit-transition: all 2s ease-out;
	-moz-transition: all 2s ease-out;
	-o-transition: all 2s ease-out;
	-ms-transition: all 2s ease-out;
}
#home #main #roll #r3 .rowMain .con .cirBox .img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#home #main #roll #r3 .rowMain .con .cirBox svg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	pointer-events: none;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
}
#home #main #roll #r3 .rowMain .con .cirBox svg circle {
	stroke-width: 2px;
	stroke: #fff;
	stroke-dasharray: 400%;
	transition: stroke-dashoffset 0.6s ease-out;
	-webkit-transition: stroke-dashoffset 0.6s ease-out;
	-moz-transition: stroke-dashoffset 0.6s ease-out;
	-o-transition: stroke-dashoffset 0.6s ease-out;
	-ms-transition: stroke-dashoffset 0.6s ease-out;
}
#home #main #roll #r3 .rowMain .con .cirBox svg#cirBg circle {
	stroke: rgba(255, 255, 255, 0.2);
	stroke-dashoffset: 85%;
}
#home #main #roll #r3 .rowMain .con .cirBox svg#cirCon {
	display: none;
}
#home #main #roll #r3 .rowMain .con .cirBox svg#cirCon circle {
	stroke-dashoffset: 198%;
}
/*上面这些影响了*/
#home #main #roll #r3 .other {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	height: calc(100% - 0);
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 15vw;
	z-index: 13;
	opacity: 0;
	pointer-events: none;
	transition: all 0.6s ease-out;
	-webkit-transition: all 0.6s ease-out;
	-moz-transition: all 0.6s ease-out;
	-o-transition: all 0.6s ease-out;
	-ms-transition: all 0.6s ease-out;
}
#home #main #roll #r3 .other #clock {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 38vw;
	height: 38vw;
	transition: all 1s ease-out;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
}
#home #main #roll #r3 .other #clock > img {
	height: 100%;
	position: absolute;
	z-index: -3;
}
#home #main #roll #r3 .other #clock .time-box {
	pointer-events: none;
	position: absolute;
	width: calc(100% + 44px);
	height: calc(100% + 44px);
	top: -22px;
	left: -22px;
}
#home #main #roll #r3 .other #clock .time-box > ul {
	width: 0;
	position: absolute;
}
#home #main #roll #r3 .other #clock .time-box > ul.time-num {
	transform: scale(1.2);
	bottom: 55%;
	left: 50%;
	height: 50%;
}
#home #main #roll #r3 .other #clock .time-box > ul.time-num > li > i {
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
}
#home #main #roll #r3 .other #clock .time-box > ul.time-num > li.on > i {
	opacity: 1;
}
#home #main #roll #r3 .other #clock .time-box > ul > li {
	height: calc(100% + 7.5px);
	position: absolute;
	top: -8px;
	left: 0;
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
}
#home #main #roll #r3 .other #clock .time-box > ul > li i {
	position: absolute;
	opacity: 0.5;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
@media screen and (min-width: 1025px) {
 #home #main #roll #r3 .other #clock .time-box > ul > li:nth-of-type(1) {
 -webkit-transform: rotate(60deg);
 transform: rotate(60deg);
}
 #home #main #roll #r3 .other #clock .time-box > ul > li:nth-of-type(1) i {
 transform: translateX(-50%) rotate(-60deg);
}
 #home #main #roll #r3 .other #clock .time-box > ul > li:nth-of-type(2) {
 -webkit-transform: rotate(120deg);
 transform: rotate(120deg);
}
 #home #main #roll #r3 .other #clock .time-box > ul > li:nth-of-type(2) i {
 transform: translateX(-50%) rotate(-120deg);
}
 #home #main #roll #r3 .other #clock .time-box > ul > li:nth-of-type(3) {
 -webkit-transform: rotate(180deg);
 transform: rotate(180deg);
}
 #home #main #roll #r3 .other #clock .time-box > ul > li:nth-of-type(3) i {
 transform: translateX(-50%) rotate(-180deg);
}
 #home #main #roll #r3 .other #clock .time-box > ul > li:nth-of-type(4) {
 -webkit-transform: rotate(240deg);
 transform: rotate(240deg);
}
 #home #main #roll #r3 .other #clock .time-box > ul > li:nth-of-type(4) i {
 transform: translateX(-50%) rotate(-240deg);
}
 #home #main #roll #r3 .other #clock .time-box > ul > li:nth-of-type(5) {
 -webkit-transform: rotate(300deg);
 transform: rotate(300deg);
}
 #home #main #roll #r3 .other #clock .time-box > ul > li:nth-of-type(5) i {
 transform: translateX(-50%) rotate(-300deg);
}
 #home #main #roll #r3 .other #clock .time-box > ul > li:nth-of-type(6) {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
 #home #main #roll #r3 .other #clock .time-box > ul > li:nth-of-type(6) i {
 transform: translateX(-50%) rotate(-360deg);
}
}
#home #main #roll #r3 .other #clock .time-box > ul.time-cir {
	transform-origin: 50% 50%;
	bottom: 50%;
	left: 50%;
	height: 50%;
}
#home #main #roll #r3 .other #clock .time-box > ul.time-cir > li > i {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	line-height: 60px;
	text-align: center;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	border: 2px solid;
	opacity: 0.8;
	cursor: pointer;
	pointer-events: auto;
	border-color: transparent;
}
@media screen and (max-width: 600px) {
 #home #main #roll #r3 .other #clock .time-box > ul.time-cir > li > i {
 width: 6px;
 height: 6px;
 border-radius: 50%;
 line-height: 6px;
 text-align: center;
}
}
#home #main #roll #r3 .other #clock .time-box > ul.time-cir > li > i > span {
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	border-radius: 50%;
	background-color: #fff;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transform: scale(0.5);
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-o-transform: scale(0.5);
	-ms-transform: scale(0.5);
}
@media screen and (max-width: 600px) {
 #home #main #roll #r3 .other #clock .time-box > ul.time-cir > li > i > span {
 width: 8px;
 height: 8px;
 border-radius: 50%;
 line-height: 8px;
 text-align: center;
}
}
#home #main #roll #r3 .other #clock .time-box > ul.time-cir > li > i > a {
	position: absolute;
	opacity: 0;
	transition: all 1s ease-out;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
}
#home #main #roll #r3 .other #clock .time-box > ul.time-cir > li > i > a small {
	font-size: 0.5rem;
	line-height: 1;
	display: inline-block;
}
#home #main #roll #r3 .other #clock .time-box > ul.time-cir > li > i > a em {
	white-space: nowrap;
	display: block;
	line-height: 1;
}
#home #main #roll #r3 .other #clock .time-box > ul.time-cir > li.on {
	pointer-events: none;
}
#home #main #roll #r3 .other #clock .time-box > ul.time-cir > li.on > i {
	opacity: 1;
	pointer-events: none;
	border-color: #fff;
}
@media screen and (min-width: 1025px) {
 #home #main #roll #r3 .other #clock .time-box > ul.time-cir > li:nth-child(1) > i > a {
 left: calc(100% + 10px);
 bottom: 15px;
 transform: translateX(10px);
 -webkit-transform: translateX(10px);
 -moz-transform: translateX(10px);
 -o-transform: translateX(10px);
 -ms-transform: translateX(10px);
 transition-delay: 4s;
}
 #home #main #roll #r3 .other #clock .time-box > ul.time-cir > li:nth-child(2) > i > a {
 left: calc(100% + 0px);
 top: 20px;
 transform: translateX(10px);
 -webkit-transform: translateX(10px);
 -moz-transform: translateX(10px);
 -o-transform: translateX(10px);
 -ms-transform: translateX(10px);
 transition-delay: 4.1s;
}
 #home #main #roll #r3 .other #clock .time-box > ul.time-cir > li:nth-child(3) > i > a {
 right: calc(100% - 80px);
 top: 60px;
 transform: translateX(-10px);
 -webkit-transform: translateX(-10px);
 -moz-transform: translateX(-10px);
 -o-transform: translateX(-10px);
 -ms-transform: translateX(-10px);
 transition-delay: 4.2s;
}
 #home #main #roll #r3 .other #clock .time-box > ul.time-cir > li:nth-child(4) > i > a {
 right: calc(100% + 10px);
 bottom: 15px;
 transform: translateX(-10px);
 -webkit-transform: translateX(-10px);
 -moz-transform: translateX(-10px);
 -o-transform: translateX(-10px);
 -ms-transform: translateX(-10px);
 transition-delay: 4.3s;
}
 #home #main #roll #r3 .other #clock .time-box > ul.time-cir > li:nth-child(5) > i > a {
 right: calc(100% + 10px);
 bottom: 15px;
 transform: translateX(-10px);
 -webkit-transform: translateX(-10px);
 -moz-transform: translateX(-10px);
 -o-transform: translateX(-10px);
 -ms-transform: translateX(-10px);
 transition-delay: 4.3s;
}
 #home #main #roll #r3 .other #clock .time-box > ul.time-cir > li:nth-child(6) > i > a {
 right: calc(100% - 70px);
 bottom: 60px;
 transform: translateX(-10px);
 -webkit-transform: translateX(-10px);
 -moz-transform: translateX(-10px);
 -o-transform: translateX(-10px);
 -ms-transform: translateX(-10px);
 transition-delay: 4.3s;
}
}
#home #main #roll #r3 .other #clock .time-move {
	z-index: -1!important;
	position: absolute;
	width: calc(100% + 10px);
	height: calc(100% + 10px);
	left: -5px;
	top: -5px;
}
@media screen and (min-width: 600px) {
 #home #main #roll #r3 .other #clock .time-move canvas {
z-index:0!important;
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 margin: auto;
 top: -1px;
}
}
@media screen and (max-width: 600px) {
 #home #main #roll #r3 .other #clock .time-move canvas {
 width: 100%;
}
}
#home #main #roll #r3 .other #clock .msg-box {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 99!important;
	pointer-events: none;
}
#home #main #roll #r3 .other #clock .msg-box .msg_1 {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 78%;
	height: 72%;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
}
#home #main #roll #r3 .other #clock .msg-box .msg_1 > li {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#home #main #roll #r3 .other #clock .msg-box .msg_1 > li .time-note {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#home #main #roll #r3 .other #clock .msg-box .msg_1 > li .time-note > li {
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
	display: none;
	min-height: 168px;
	width: 100%;
	text-align: center;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
#home #main #roll #r3 .other #clock .msg-box .msg_1 > li .time-note > li i {
	font-size: 0.8rem;
	color: #fff;
	line-height: 0.8rem;
}
#home #main #roll #r3 .other #clock .msg-box .msg_1 > li .time-note > li h3 {
	font-size:26px;
	font-weight:normal;
	color: #fff;
	line-height: 1;
	margin: 0.6rem 0 0.3rem 0;
}
#home #main #roll #r3 .other #clock .msg-box .msg_1 > li .time-note > li > small {
	color: rgba(255, 255, 255, 0.8);
	display: block;
	line-height: 36px;
	height: 108px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
#home #main #roll #r3 .other #clock .msg-box .msg_1 > li .time-note > li .layout-btn-5 {
	display: inline-block;
	margin-top: 0.7rem;
}
#home #main #roll #r3 .other #clock .msg-box .msg_1 > li .time-note > li .layout-btn-5 > span, .product-wrap .detail-img-wrap a {
	width: 170px;
	display:block;
	border-radius:40px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	text-transform: uppercase;
	text-decoration: none;
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 25%, #ffffff 75%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 25%, #ffffff 75%);
	background-position: 1% 50%;
	background-size: 400% 300%;
	border: 2px solid #fff;
	-webkit-transition: 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
#home #main #roll #r3 .other #clock .msg-box .msg_1 > li .time-note > li .layout-btn-5 > span:hover {
	color: #000;
	background-position: 99% 50%;
}
#home #main #roll #r3 .other #clock .msg-box .msg_1 > li .time-note > li.on, #home #main #roll #r3 .other #clock .msg-box .msg_1 > li .time-note > li.next {
	display: flex;
}
#home #main #roll #r3 .other #clock .msg-box .msg_1 > li .time-note > li.on .layout-btn-5, #home #main #roll #r3 .other #clock .msg-box .msg_1 > li .time-note > li.next .layout-btn-5 {
	pointer-events: auto;
}
#home #main #roll #r3 .other #clock .msg-box .msg_1 > li .layer-btn {
	display: flex;
	border-radius: 6px;
	margin-top: 20px;
	text-align: center;
	align-items: center;
	justify-content: center;
	width: 1.8rem;
	height: 0.58rem;
	background-color: #fff;
	color: #808080;
	max-width: 160px;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
}
#home #main #roll #r3 .other #clock .msg-box .msg_1 > li .layer-btn > i {
	color: #ac0d14;
	font-size: 26px;
	margin-left: 10px;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
}
#home #main #roll #r3 .other #clock .msg-box .msg_1 > li .layer-btn:hover {
	background-color: #ac0d14;
	color: #fff;
	box-shadow: 0 5px 12px -3px rgba(0, 0, 0, 0.12);
}
#home #main #roll #r3 .other #clock .msg-box .msg_1 > li .layer-btn:hover > i {
	color: #fff;
}
#home #main #roll #r3 .other .dotBox {
	display: none;
	position: absolute;
	bottom: 0;
	left: 50px;
	width: 50px;
	height: 100%;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
#home #main #roll #r3 .other .dotBox > li {
	position: relative;
	margin: 0.2rem 0;
	cursor: pointer;
}
#home #main #roll #r3 .other .dotBox > li svg {
	display: block;
	width: 38px;
	height: 38px;
	position: relative;
	z-index: 5;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
}
#home #main #roll #r3 .other .dotBox > li svg circle {
	stroke-width: 2px;
	stroke: #fff;
	stroke-dasharray: 300%;
	stroke-dashoffset: 300%;
	transition: stroke-dashoffset 0.01s ease-out;
	-webkit-transition: stroke-dashoffset 0.01s ease-out;
	-moz-transition: stroke-dashoffset 0.01s ease-out;
	-o-transition: stroke-dashoffset 0.01s ease-out;
	-ms-transition: stroke-dashoffset 0.01s ease-out;
}
#home #main #roll #r3 .other .dotBox > li span {
	position: absolute;
	z-index: 4;
	top: 0;
	left: 0;
	width: 38px;
	height: 38px;
	border: 2px solid transparent;
	border-radius: 50%;
	transition: border-color 0.6s ease-out;
	-webkit-transition: border-color 0.6s ease-out;
	-moz-transition: border-color 0.6s ease-out;
	-o-transition: border-color 0.6s ease-out;
	-ms-transition: border-color 0.6s ease-out;
}
#home #main #roll #r3 .other .dotBox > li span:after {
	content: "";
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
#home #main #roll #r3 .other .dotBox > li.on svg circle {
	stroke-dashoffset: 0;
	transition: stroke-dashoffset 5s ease-out;
	-webkit-transition: stroke-dashoffset 5s ease-out;
	-moz-transition: stroke-dashoffset 5s ease-out;
	-o-transition: stroke-dashoffset 5s ease-out;
	-ms-transition: stroke-dashoffset 5s ease-out;
}
#home #main #roll #r3 .other .dotBox > li.on span {
	border-color: rgba(255, 255, 255, 0.3);
}
#home #main #roll #r3 .other.on {
	opacity: 1;
	pointer-events: auto;
}
#home #main #roll #r3.over {
	z-index: 16;
	opacity: 1;
	border-radius: 20px;
	animation-name: banner_in_1;
	transform-origin: 50% 50%;
}
#home #main #roll #r3.in {
	z-index: 15;
	opacity: 1;
	border-radius: 20px;
	animation-name: banner_in;
	transform-origin: 50% 50%;
}
#home #main #roll #r3.out {
	z-index: 10;
	opacity: 1;
	border-radius: 20px;
	animation-name: banner_in_1;
	transform-origin: 50% 50%;
}
#home #main #roll #r3.on .rowMain {
	opacity: 0;
	transition-delay: 2s;
}
#home #main #roll #r3.on .rowMain .con .cirBox {
	width: 38vw;
	height: 38vw;
	transition-delay: 0.5s;
}
#home #main #roll #r3.on .rowMain .con .cirBox img {
	animation: loopCir 10s linear infinite;
	animation-fill-mode: both;
	backface-visibility: hidden;
}
#home #main #roll #r3.on .rowMain .con > div h2 {
	animation: ani1 2s ease-in-out;
	animation-fill-mode: both;
}
#home #main #roll #r3.on .rowMain .con > div p {
	animation: ani1 2s ease-in-out;
	animation-fill-mode: both;
	animation-delay: 0.1s;
}
#home #main #roll #r3.on .rowMain .con > div .ad {
	animation: ani1 2s ease-in-out;
	animation-fill-mode: both;
	animation-delay: 0.2s;
}
#home #main #roll #r3.on .other #clock .time-box .time-cir > li i > a {
	transform: none !important;
	opacity: 1;
}
#home #main > .other {
	position: absolute;
	bottom: 0;
	right: 0;
	height: calc(100%);
	width: 1.3rem;
	z-index: 50;
	display: flex;
	align-items: center;
	justify-content: center;
	mix-blend-mode: screen;
}
#home #main > .other > i {
	font-size: 0.6rem;
	width: 100%;
	display: inline-block;
	text-align: center;
	animation: Tmouse 0.9s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;
}
#home #main > .other .img {
	position: absolute;
	bottom: 1.2rem;
	display: none;
}
#home #main > .other .img2 {
	position: absolute;
	display: none;
	bottom: 1.2rem;
	z-index: 2;
	opacity: 0;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
}
#home #main > .other.bc {
	mix-blend-mode: unset;
}
#home #main > .other.bc > i {
	color: #333;
}
#home #main > .other.bc .img {
	opacity: 0;
}
#home #main > .other.bc .img2 {
	opacity: 1;
}
#home .roll-items {
	position: fixed;
	left: 0.7rem;
	height: 100%;
	width: 60px;
	top: 0;
	z-index: 101;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	opacity: 0;
	pointer-events: none;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
}
#home .roll-items > ol {
	width: 23px;
}
#home .roll-items > ol > li {
	width: 22px;
	height: 22px;
	margin: 0.3rem 0;
	position: relative;
	border: 2px solid rgba(0, 0, 0, 0);
	border-radius: 50%;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	cursor: pointer;
}
#home .roll-items > ol > li svg {
	width: 24px;
	height: 24px;
	transform: translate(-2px, -4px) rotate(-90deg);
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
}
#home .roll-items > ol > li svg circle {
	stroke-dashoffset: 189px;
	stroke-dasharray: 63px;
	stroke: #132D8B;
	stroke-width: 2px;
}
#home .roll-items > ol > li:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	line-height: 6px;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.2);
}
#home .roll-items > ol > li:before {
	content: attr(data-node);
	position: absolute;
	white-space: nowrap;
	font-size: 0.16rem;
	left: calc(100% + 15px);
	height: 20px;
	line-height: 20px;
	top: 0;
	color: #666666;
	opacity: 0;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
}
#home .roll-items > ol > li.on {
	border-color: rgba(0, 0, 0, 0.1);
}
#home .roll-items > ol > li.on:after {
	opacity: 0;
}
#home .roll-items > ol > li.on:before {
	opacity: 1;
}
#home .roll-items > ol > li.on svg circle {
	stroke-dashoffset: 126px;
	transition: all 2s ease-out;
	-webkit-transition: all 2s ease-out;
	-moz-transition: all 2s ease-out;
	-o-transition: all 2s ease-out;
	-ms-transition: all 2s ease-out;
}
#home .roll-items.on {
	opacity: 1;
	pointer-events: auto;
	transition: all 0.8s ease-out;
	-webkit-transition: all 0.8s ease-out;
	-moz-transition: all 0.8s ease-out;
	-o-transition: all 0.8s ease-out;
	-ms-transition: all 0.8s ease-out;
}
#home .roll-items.wc .dot_num > em {
	color: rgba(255, 255, 255, 0.2);
}
#home .roll-items.wc .dot_num > em.num_ {
	color: #fff;
}
#home .roll-items.wc > ol > li svg circle {
	stroke: #fff;
}
#home .roll-items.wc > ol > li.on {
	border-color: rgba(255, 255, 255, 0.2);
}
#home .roll-items.wc > ol > li:after {
	background-color: rgba(255, 255, 255, 0.4);
}
#home .roll-items.wc > ol > li:before {
	color: #fff;
}
.active .med-onc .p1, .active .med-onc .p2, .active .med-onc .p3 {
	visibility: visible;
	opacity:1;
	transform:translateY(0px);
	transition:all 0.5s ease 0.3s;
}
.active .med-onc .p2 {
	transition-delay:0.6s;
}
.active .med-onc .p3 {
	transition-delay:0.9s;
}
.zc-onc {
	position:absolute;
	left:0;
	bottom:0;
	background:#7d58bf;
	padding:40px 3%;
	z-index:5;
	width:25%;
	transform:translateX(-100%);
	transition:all 0.5s ease;
}
.active .zc-onc {
	transform:translateX(0);
	transition:all 0.5s ease 0.8s;
}
.pacla a {
	margin-left:30px;
	transform:translateX(0%);
	transition:all 0.5s ease 0.3s;
}
.snow-container {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	pointer-events:none;
	z-index:1;
}
.boxc {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:hidden;
	opacity:0;
	visibility:hidden;
	transition:all 3s ease;
}
.active .boxc {
	opacity:1;
	visibility: visible;
	transition:all 3s ease;
}
.pic1 {
	position:absolute;
	right:0;
	bottom:0;
}
.pic1 img {
	position:absolute;
	right:-200px;
	bottom:-200px;
	max-width:999px;
}
.pic2 {
	position:absolute;
	right:0;
	top:0;
}
.pic2 img {
	position:absolute;
	right:-50px;
	top:-50px;
	max-width:999px;
}
.pic3 {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
}
.pic3 img {
	position:absolute;
	left:18%;
	bottom:-120px;
	max-width:999px;
}
.pic4 {
	position:absolute;
	left:0px;
	top:0px;
}
.pic4 img {
	position:absolute;
	left:-50px;
	top:-50px;
	max-width:999px;
}
.pic5 {
	position:absolute;
	left:0;
	top:0;
}
.pic5 img {
	position:absolute;
	left:310px;
	top:-40px;
	max-width:999px;
}
 @-moz-keyframes mouse {
 0% {
 width:45px;
 height:45px;
 opacity:0.7;
}
 80% {
 width:80px;
 height:80px;
 opacity:0.2;
}
 95% {
 width:88px;
 height:88px;
 opacity:0;
}
 100% {
 width:45px;
 height:45px;
 opacity:0;
}
}
@-webkit-keyframes mouse {
 0% {
 width:45px;
 height:45px;
 opacity:0.7;
}
 80% {
 width:80px;
 height:80px;
 opacity:0.2;
}
 95% {
 width:88px;
 height:88px;
 opacity:0;
}
 100% {
 width:45px;
 height:45px;
 opacity:0;
}
}
@keyframes mouse {
 0% {
 width:45px;
 height:45px;
 opacity:0.7;
}
 80% {
 width:80px;
 height:80px;
 opacity:0.2;
}
 95% {
 width:88px;
 height:88px;
 opacity:0;
}
 100% {
 width:45px;
 height:45px;
 opacity:0;
}
}
 

 
.ab-01 {
	margin:3% 0;
	padding:55px 75px;
	width:100%;
	background:#fff;
	box-shadow:0 0 10px #ddd;
}
.ltebn {
	width:57.7%;
}
.ltebn h2 {
	align-items:center;
	font-size:24px;
	color:#333;
	border-bottom:1px solid #eee;
	margin-bottom:30px;
	line-height:2;
}
.ltebn h2 span img {
	margin-right:10px;
}
.ltebn h2 a {
	position: absolute;
transition:all ease .5s;
	right: 0;
	top: 17px;
	background: #0392de;
	width: 30px;
	text-align: center;
	height: 20px;
	line-height: 20px;
	border-radius: 10px;
}
.lbopac {
	width:32.53%;
}
.lbopac h2 {
	align-items:center;
	font-size:24px;
	color:#333;
	border-bottom:1px solid #eee;
	margin-bottom:30px;
	line-height:2;
}
.lbopac h2 span img {
	margin-right:10px;
}
.lbopac h2 a {
	position: absolute;
	right: 0;
	top: 17px;
	background: #0392de;
	width: 30px;
	text-align: center;
	height: 20px;
	line-height: 20px;
	border-radius: 10px;
}
.map-slc {
	margin-bottom:4%;
}
.uchlts li {
	width:49%;
	padding:2%;
	border:1px solid #ddd;
	margin-top:2%;
}
.uchlts li:hover {
	box-shadow:0 0 10px rgba(0, 0, 0, 0.2);
	border:1px solid #e50011;
}
.uchlts li a {
	display:block;
	position:relative;
	padding-left:170px;
}
.uchlts li .pic {
	width:120px;
	position:absolute;
	left:0;
	top:0;
	text-align:center;
}
.uchlts li .pic span {
	font-weight:bold;
	line-height:3;
}
.uchlts li .con {
	color:#333;
}
.uchlts li .con .p1 {
	font-size:100%;
	line-height:35px;
	height:35px;
	overflow:hidden;
}
.uchlts li .con .p2 {
	line-height:30px;
	height:30px;
	overflow:hidden;
	font-size:100%;
}
.olta2 {
	width:100%; padding:5% 0% 7% 0; 
}
.olta2 li { padding-left:4.9%;
	width:24.9%;
	color:#000;
	text-align:center; border-right:1px solid #b1c5e0;
}
.olta2 li:nth-child(4){ border-right:0px solid #ddd;}
.olta2 li img { margin-top:5px;
}
.olta2 li p{ width:50%;}
.olta2 li span {
	font-size:40px;
	font-family:syst; color:#014099;
}
.ny-03 {
	margin-bottom:5%;
}
.ny-02 {
	padding: 1px 0 5%;
	background: url(../images/t14.jpg) no-repeat center center;
	background-size: cover;
}
.reser {
	margin:0 0 6% 0;
	width:100%
}
.reser a {
	overflow:hidden;
}
.reser a img {
	border-radius:10px;
}
.kaihu {
	width:378px;
	margin-bottom:8%;
	margin-right:6.35%;
}
.kaihu:nth-child(3n) {
margin-right:0;
}
.kaihu h2 {
	position:relative;
	background:url(../images/f3.jpg) center center no-repeat;
	border-radius:6px;
	line-height:74px;
	font-size:125%;
	color:#fff;
	text-indent:1.6rem;
	font-weight:normal;
	margin-bottom:10%;
}
.kaihu h2 a {
	position:absolute;
	right:5%;
	top:50%;
	transform:translateY(-50%);
	width:auto;
}
.kaihu a {
	width:100%;
	line-height:46px;
	font-size:100%;
	display:block;
transition:all ease .5s;
}
.kaihu ul li {
	border:1px solid #9ad3f1;
	border-radius:8px;
	text-align:center;
	width:150px;
	height:160px;
	background:#f5f9fe;
transition:all ease .5s;
}
.kaihu ul li a {
	padding-top:16%;
}
.kaihu ul li a span {
	color:#333;
	display:block;
	line-height:3.6;
	font-size:100%;
transition:all ease .5s;
}
.lobnea{
	/*display: -webkit-flex;
	display: flex;
	justify-content: space-between;*/  
}
.lobnea .list{
	width: 15.6%;
	transition: all 0.5s; border-radius:0px; overflow:hidden;
}

.lobnea .list:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background:url(../testimg/yybg1.jpg) bottom center no-repeat;
	opacity: 1;
	transition: all 0.5s;
}
.lobnea .list:nth-child(2):before{
 
	background:url(../testimg/yybg2.jpg) bottom center no-repeat;
 
}
.lobnea .list:nth-child(3):before{
 
	background:url(../testimg/yybg3.jpg) bottom center no-repeat;
 
}
.lobnea .list:nth-child(4):before{
 
	background:url(../testimg/yybg4.jpg) bottom center no-repeat;
 
}
.lobnea .list .img img{
	width: 100%;
	height: 543px;
	object-fit: cover;
}
.lobnea .list .tit{
	position: absolute; text-align:center;
	z-index: 3;
	width: 100%;
	font-size: 140%;
	font-weight: bold;
	left: 0; color:#fff;
	top: 40px;
	padding: 0 40px;
	line-height: 1;
	transition: all 0.5s;
}
.lobnea .list a{
	font-size: 100%;
	width: 100%;
	padding: 0 0px;
	position: absolute;
	z-index: 3;
	top: 80px;
	color: #fff; text-align:center;
	opacity: 0;
	visibility: hidden;
	 
	transition: all 0.5s;
}
 

/* 荣誉旋转木马 */
#certify .swiper {
	padding:0% 0 0%;
}
#certify .swiper-slide {
	width:490px;
	background:#fff;
	border:1px solid #dcdcdc;
	padding:0px 0;
	text-align:center;
}
#certify .swiper-slide .img {
	background:none;
}
#certify .swiper-slide .img img {
	width:100%
}
#certify .swiper-slide p {
	width:100%;
	color:#000;
	line-height:4;
}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}
#certify .swiper-button-prev {
	left: 0%;
	background: url(../images/left3.png) no-repeat left center;
}
#certify .swiper-button-next {
	right: 0%;
	background: url(../images/right3.png) no-repeat left center;
}
#certify .swiper-button-prev, #certify .swiper-button-next {
	width: 49px;
	height: 49px;
}
/* 荣誉旋转木马 */
#certify2 .swiper {
	padding:0% 0 0%;
}
#certify2 .swiper-slide {
	width:490px;
	background:#fff;
	border:1px solid #dcdcdc;
	padding:0px 0;
	text-align:center;
}
#certify2 .swiper-slide .img {
	background:none;
}
#certify2 .swiper-slide .img img {
	width:100%
}
#certify2 .swiper-slide p {
	width:100%;
	color:#666;
	line-height:2;
}
#certify2 .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}
#certify2 .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}
#certify2 .swiper-button-prev {
	left: 0%;
	background: url(../images/left3.png) no-repeat left center;
}
#certify2 .swiper-button-next {
	right: 0%;
	background: url(../images/right3.png) no-repeat left center;
}
#certify2 .swiper-button-prev, #certify2 .swiper-button-next {
	width: 49px;
	height: 49px;
}
/* 荣誉旋转木马 */
#certify3 .swiper {
	padding:0% 0 0%;
}
#certify3 .swiper-slide {
	width:490px;
	background:#fff;
	border:1px solid #dcdcdc;
	padding:0px 0;
	text-align:center;
}
#certify3 .swiper-slide .img {
	background:none;
}
#certify3 .swiper-slide .img img {
	width:100%
}
#certify3 .swiper-slide p {
	width:100%;
	color:#666;
	line-height:2;
}
#certify3 .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}
#certify3 .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}
#certify3 .swiper-button-prev {
	left: 0%;
	background: url(../images/left3.png) no-repeat left center;
}
#certify3 .swiper-button-next {
	right: 0%;
	background: url(../images/right3.png) no-repeat left center;
}
#certify3 .swiper-button-prev, #certify3 .swiper-button-next {
	width: 49px;
	height: 49px;
}
/* 荣誉旋转木马 */
#certify4 .swiper {
	padding:0% 0 0%;
}
#certify4 .swiper-slide {
	width:490px;
	background:#fff;
	border:1px solid #dcdcdc;
	padding:0px 0;
	text-align:center;
}
#certify4 .swiper-slide .img {
	background:none;
}
#certify4 .swiper-slide .img img {
	width:100%
}
#certify4 .swiper-slide p {
	width:100%;
	color:#666;
	line-height:2;
}
#certify4 .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}
#certify4 .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}
#certify4 .swiper-button-prev {
	left: 0%;
	background: url(../images/left3.png) no-repeat left center;
}
#certify4 .swiper-button-next {
	right: 0%;
	background: url(../images/right3.png) no-repeat left center;
}
#certify4 .swiper-button-prev, #certify4 .swiper-button-next {
	width: 49px;
	height: 49px;
}
/* 手机端荣誉资质 */
.m_honor {
	text-align:center;
	display:none;
	font-size:100%
}
 
.bieao {
	width:100%;
	line-height:36px;
	margin:2% 0 3% 0;
	padding:0 10%;
}
.bieao img {
	width:48%;
}
.bieao .con {
	width:48%;
}
.boprek {
	margin-top:5%;
}
.boprek a {
	font-size:112.5%;
	transition:all 1s ease 0.8s;
	background:url(../images/syl.png) 120px center no-repeat;
	padding:10px 60px 10px 40px;
	border:2px solid #014099;
	color:#014099;
	border-radius:30px;
}
.boprek2 {
	margin-top:5%;
}
.boprek2 a {
	font-size:112.5%;
	transition:all 1s ease 0.8s;
	background:url(../images/sy.png) 120px center no-repeat;
	padding:10px 60px 10px 40px;
	border:2px solid #fff;
	color:#fff;
	border-radius:30px;
}
.lbtena {
	width:100%;
	line-height:4;
	border-bottom:1px solid #eee;
	font-size:24px;
	font-weight:bold;
	color:#0155a6;
}
.boltep {
	width:100%;
	margin-top:4%;
}
.boltep .list {
	width:33.33%;
	color:#00507e;
}
.boltep .list span {
	color:#333;
	display:inline-block;
	vertical-align:middle;
	width:140px;
	line-height:25px;
	text-align:right;
}
.boltep .list strong {
	font-size:66px;
	display:inline-block;
	vertical-align:middle;
	line-height:1;
	margin:0 5px;
}
.boltep .list i {
	display:inline-block;
	vertical-align: bottom;
}
.ab-02 {
	padding-bottom:90px;
	background:#f7f7f7;
}
.mbaeo {
	position:absolute;
	line-height:1.6;
	left:50%;
	bottom:0;
	z-index:2;
	color:#fff;
	background:#00507e;
	width:600px;
	padding:60px;
}
.mbaeo .d2 {
	font-size:137.5%;
	margin:20px 0;
}
.ab-03 {
	background:#f7f7f7;
}
.bobme {
	padding:80px 0 100px;
	background:url(../images/anc.png) no-repeat right bottom;
}
.bobme .pic {
	width:566px;
}
.bobme .con {
	width:522px;
}
.bobme .con .d1 {
	font-size:137.5%;
	line-height:1.6;
}
.bobme .con .d2 {
	color:#666;
	line-height:2;
	margin-top:30px;
}
.olbmc {
	margin-top:4%;
	font-size:30px;
}
.bloea .list {
	margin-top:4%;
	line-height:1.6;
	background:no-repeat left center;
	width:450px;
	padding:10px 0 10px 130px;
}
.bloea .list .d1 {
	font-size:137.5%;
}
.bloea .list .d2 {
	font-size:100%;
	color:#787878;
	margin-top:15px;
}
.ac-02 li {
	height:522px;
	width:100%;
	display:table;
	color:#fff;
	background:no-repeat center center;
	background-size:cover;
}
.oplca {
	max-width:550px;
	line-height:1.8;
}
.oplca .d1 {
	font-size:112.5%;
}
.oplca .d2 {
	font-size:137.5%;
	margin-top:6px;
}
.xlt-sot {
	min-height:200px;
	position:relative;
	z-index:2;
	width:100%;
	max-width:640px;
	margin:0% auto ;
}
.xlt-sot dl {
	position:relative;
}
.xlt-sot dl dt { text-align:center;
	 
	font-size:300%;
}
.xlt-sot dl dd {
	line-height:2;
	font-size:130%; text-align:center;
	margin-top:15px;
}
.ebunmb {
	border:1px solid #ddd;
	padding:3%;
	border-top:0;
}
.ebunmb p {
	width:49%;
	line-height:50px;
	height:50px;
	font-size:18px;
	background:#f1f1f1;
	text-align:center;
}
.ebunmb p.cur {
	background:#2c7bcc;
	color:#fff;
}
.meoblf .bd {
	padding-top:3%;
}
.baeolc {
	font-size:100%;
	margin-top:5%;
	line-height:1.8;
}
.baeolc strong {
	font-size:137.5%;
	color:#00507e;
}
.bimtae {
	margin-top:3%;
	background:#f2f9fd;
}
.virae {
	background:#dff3fe;
	height:510px;
	display:table;
	width:370px;
}
.virae p img {
	max-height:446px;
}
.btrec {
	width:830px;
	padding:50px;
}
.btrec h5 {
	color:#00507e;
	font-size:125%;
}
.loteca {
	margin-top:20px;
}
.loteca a {
	float:left;
	line-height:42px;
	border:1px solid #cfe2ec;
	width:235px;
	padding:0 12px;
	height:44px;
	margin-right:8px;
	margin-bottom:15px;
	text-align:center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.teaolk {
	margin-top:5%;
}
.teaolk .pic {
	width:47%;
}
.teaolk .con {
	width:47%;
}
.teaolk .con .d1 {
	font-size:36px;
}
.teaolk .con .d2 {
	line-height:2;
	margin-top:15px;
	font-size:100%;
	color:#666;
}
/*news css begin*/
.news {
	background:#f6f6f6 url(../images/city2.jpg) center center no-repeat;
	padding:5% 0;
}
.search2 {
	width:100%;
	background:#fff;
	box-shadow:0 0 10px #ddd;
	border-radius:4px;
	margin-top:0%;
}
.search2 h3 {
	line-height:90px;
	font-size:24px;
	text-indent:2rem;
	width:11%;
	font-weight:normal;
}
.search2 .con {
	width:88%;
	text-align: right;
	padding: 2%;
}
.search2 .con input[type="checkbox"] {
	margin-top:-2px;
	cursor: pointer;
	width:15px;
	height:15px;
}
.search2 .con span {
	margin:0 20px 0 10px;
}
.search2 .con input[type="text"] {
	background: #f5f5f5;
	padding-left:10px;
	border: none;
	line-height: 3;
	width: 60%;
}
.search2 .con input[type="button"] {
	background:#2566b1 url(../images/search.png) center center no-repeat;
	line-height:3;
	width:70px;
	border:none;
	color:#fff;
}
.syvideo {
	position:absolute;
	right:0;
	top:0%;
	width:500px;
	height:265px;
	border-radius:6px;
	border:5px solid rgba(255, 255, 255, 0.8);
}
.syvideo video {
	width:100%;
	height:100%!important;
}
.news-list { margin-bottom:2%;
	 
}
 
.news-list a { border:1px solid #ddd; margin-bottom:25px;
	background:#fff;
transition:all ease .5s; width:24%; padding-bottom:20px;
}
.news-list a .pic {
	width:100%;
	overflow:hidden;
 
}
.news-list a .pic img {
	width:100%;
	object-fit:cover;
	transition:all 0.5s ease;
 
}
 
.news-list a .d2 {
 color: #666;
    font-size: 90%;
    overflow: hidden;
    padding: 0 15px;
    line-height: 25px;
    height: 75px;
    margin-bottom: 3%;
}
.news-list a .d1 {
	overflow: hidden; line-height:28px; font-weight:bold;
	font-size: 100%;
	    text-align: left;
    color: #A0436B;
	margin:15px ;
	transition:all 0.5s ease;
}
.news-list a span{ padding:6px 15px; margin-left:15px; color:#333; font-size:14px; border:1px solid #ddd;} 
.card_list {
	max-width:100%;
	padding:0 24px 50px;
	margin:auto;
}
.card_list .card_one {
	display:block;
	padding:30px 0;
	border-bottom:1px solid #999;
	position:relative;
}
.card_one .card_T1 {
	line-height:36px;
	padding-bottom:10px;
	font-size:125%;
	color:#3c3c3c;
}
.card_one .card_T2 {
	font-family:syst;
	line-height:24px;
	font-size:100%;
	color:#999;
}
.card_one .card_T3 {
	line-height:20px;
	font-size:12px;
	color:#4d4d4d;
}
.card_one .card_T4 {
	width: 57px;
	line-height: 30px;
	text-align: center;
	background: #1e5ca7;
	top: 80px;
	border-radius: 8px;
	/* font-size: 15px; */
    color: #434343;
	position: absolute;
	right: 0px;
}

.hrzp {
	display:flex;
	margin-bottom:5%;
}
.hrzp li {
	width:33%;
	text-align:center;
	font-size:24px;
}
.hrzp li p {
	margin-top:5%;
}
.wenhua0 {
	margin-bottom:0%;
}
.wenhua {
	width:50%;
	background:#f5f5f5;
	border-radius:0px;
	padding: 8% 12% 0;
	font-size:137.5%;
	color:#000;
	line-height:2;
}
.wenhua2 {
	width:50%;
}
.laebta {
	width:100%;
}
.lenolsa {
	margin-bottom:5%;
}
.lenolsa li {
	margin-bottom:10px;
}
.dolsca span {
	float:left;
	height:70px;
	line-height:70px;
}
.dolsca img {
	margin-right:10px;
}
.dolsca {
	cursor:pointer;
	overflow:hidden;
	transition:all 0.5s ease;
	background:#fff;
	border:1px solid #eee;
}
.dolsca.on {
	background:#f9f9f9;
	transition:all 0.5s ease;
}
.dolsca .d1 {
	width:34%;
	text-indent:20px;
	text-align:left;
}
.dolsca .d2, .dolsca .d3, .dolsca .d4 {
	text-align:center;
	width:60%;
}
.dolsca .d5 {
	width:5%;
}
.lourew {
	padding:20px;
	line-height:2;
	display:none;
}
.dolsca .d5 {
	padding-top:14px;
	text-align: center;
}
.dolsca .d5 i {
	display: inline-block;
	width:32px;
	height:32px;
	background:url(../images/xz.png) no-repeat center center;
	transition:all 0.5s ease;
}
.dolsca.on .d5 i {
	transform:rotate(135deg);
	transition:all 0.5s ease;
}
.dasol {
	border-bottom:1px solid #eee;
	padding:30px;
}
.dasol .d1 {
	font-size:137.5%;
	color:#13439d;
	font-weight:bold;
}
.dasol .d2 {
	color:#999;
	margin-top:15px;
}
.dasol .d7 a {
	background: #1a67af;
	padding: 10px 25px;
	color: #fff;
	/* margin-top: 20px; */
    display: block;
	width: 15%;
	margin: 3% auto 0;
}
.domla {
	margin-bottom:4%;
	background:#f8fafd;
	border:1px solid #eaf2fd;
	padding:3%;
}
.volca {
	line-height:3;
}
.volca img {
	width:2%;
	margin-right:1%;
}
.volca a {
	display:block;
}
.volan a {
	display:block;
	margin-top:30px;
	width:120px;
	line-height:40px;
	color:#0a55bb;
	border:1px solid #0a55bb;
	text-align:center;
}
.ladfbu {
	margin-top:0%;
	padding-top:5%;
	width:100%;
	border-top:1px solid #ddd;
	font-size:100%;
	align-items: center;
}
.ladfbu p {
	display:block;
	line-height:30px;
}
.ladfbu p strong {
	display:block;
}
.lbtapc {
	width:380px;
}
.lbtapc h2 {
	font-size:112.5%;
	border:1px solid #eee;
	padding:20px;
	line-height:1;
	background:#fff;
}
.caetct {
	border:2px solid #13439d;
	padding:5px 30px;
transition:all ease .5s;
}
.caetct a {
	line-height:2;
	color:#13439d;
	font-size:16px;
	display:block;
}
.caetct a span {
	color:#000;
	font-size:14px;
	display:block;
	line-height:2;
}
.fxxw {
	display:inline-block;
	vertical-align:middle;
}
/*news is over*/



.bleac {
	padding:1px 0 5% 0;
	background:url(../images/fa3.jpg) center center no-repeat;
	background-size:cover;
}
.bleac a {
	width:25%;
	padding-top:3%;
	text-align:center;
	color:#fff;
transition:all ease .5s;
	border:1px solid rgba(0, 0, 0, 0)
}
.bleac a img {
	margin-bottom:5%;
}
.bleac a h3 {
	font-size:112.5%;
	margin-bottom:10%;
}
.bleac a p {
	font-size:100%;
	margin-bottom:10%;
}
.bleac a span {
	padding:8px 30px;
	border:1px solid #13439d;
transition:all ease .5s;
}
.edit-con {
	padding:4% 0;
	line-height: 30px;
}
.edit-con table {
	width:100% !important
}

.edit-con table td {
    width: auto!important;
    padding: 0 6px!important;
}

.lotec {
	margin-top:5%;
	max-width:600px;
}
.lotec .d1 {
	font-size:32px;
}
.lotec .d2 {
	line-height:2;
	font-size:100%;
	margin-top:10px;
	color:#666;
}
.olbab {
	display: -webkit-flex;
	display:flex;
	justify-content: space-between;
	align-items:center;
}
.olbab .list {
	padding-top:35px;
	text-align: center;
}
.olbab .list .d2 {
	margin-top:15px;
	font-size:100%;
	color:#00507e;
}
.olbab .list .d3 {
	font-size:100%;
	margin-top:15px;
}
.vlkt {
	margin-top:4%;
	padding:10% 0;
	background:no-repeat center center;
	background-size:cover;
	color:#fff;
}

.byoble {
	background:#fafafa url(../testimg/st.jpg) repeat-x left top;
}
.oplbe td {
	width:33.33%;
	word-break:break-all;
	padding:0 10px;
	text-align:center;
	font-size:100%;
}
.oplbe td .tb {
	line-height:111px;
	font-weight:bold;
}
.oplbe tbody td {
	line-height:1.6;
	padding:25px 10px;
	border-bottom:1px solid #eee;
}
.biteoa {
	margin-top:4%;
}
.biteoa .tit {
	position:absolute;
	width:100%;
	text-align:center;
	color:#fff;
	font-size:32px;
	top:50%;
	transform:translateY(-50%);
}
.bmtea {
	margin-top:5%;
}
.bmtea li {
	width:30%;
	float:left;
	margin-right:5%;
	margin-bottom:2%;
}
.bmtea li:nth-child(3n) {
margin-right:0;
}
.bmtea li a {
	display:block;
}
.bmtea li a .pic {
	overflow:hidden;
}
.bmtea li a .pic img {
	width:100%;
	height:232px;
	object-fit:cover;
}
.bmtea li a .con {
	background:#fff;
	padding:15px 20px;
	color:#000;
	font-size:100%;
	transition:all 0.5s ease;
}
.bmtea li a .con .d2 {
	color:#999;
	margin-top:6px;
	font-size:100%;
	transition:all 0.5s ease;
}
.laeobt {
	background:#efefef;
	margin-top:5%;
}
.laeobt .pic {
	width:50%;
}
.laeobt .con {
	width:50%;
	padding:90px 90px 0;
}
.laeobt .con .d1 {
	font-size:26px;
	line-height:1.6;
}
.laeobt .con .d2 {
	color:#666;
	font-size:100%;
	margin-top:35px;
	line-height:2;
}

.optela {
	margin-top:5%;
}
.optela li {
	width:23.5%;
	float:left;
	margin-right:2%;
	margin-bottom:2%;
	text-align:center;
}
.optela li:nth-child(4n) {
margin-right:0;
}
.optela li .pic img {
	width:100%;
}
.optela li .link {
	margin-top:10px;
}
.optela li .link a {
	color:#69c0f3;
	display:inline-block;
	width:160px;
	max-width:100%;
	background:#00507e;
	line-height:40px;
}
.lbemat {
	margin-top:5%;
}
.lbemat .pic {
	width:50%;
}
.lbemat .con {
	width:46%;
}
.lbemat .con .d1 {
	font-size:32px;
}
.lbemat .con .d2 {
	font-size:100%;
	line-height:2;
	margin-top:30px;
	color:#666;
}
.betyc {
	background:url(../testimg/t48.jpg) no-repeat center center;
	background-size:cover;
	padding:8% 0;
}
.betyc .d1 img {
	max-width:60%;
}
.betyc .d2 {
	font-size:32px;
	margin:40px 0;
}
.bolate {
	color:#fff;
	background-size:cover;
	padding:12% 0;
}
.bolate .bgc {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.bolate .bgc .bd {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:no-repeat center center;
	background-size:cover;
}
.bolate .wrap {
	position:relative;
	z-index:2;
}
.bolate .list {
	width:30%;
	margin-right:5%;
}
.bolate .list:nth-child(3n) {
margin-right:0;
}
.bolate .list .d1 {
	font-size:137.5%;
}
.bolate .list .d2 {
	margin-top:40px;
}
.bolate .list .d2 .s1 {
	font-size:32px;
}
.bolate .list .d2 .s2 {
	font-size:28px;
}
.bolate .list .d2 .s3 {
	line-height:25px;
	margin-top:20px;
}
.bolate .list .d2 .s4 {
	margin-top:30px;
}
.bolate .list .d2 .s4 a {
	display:inline-block;
	width:100px;
	line-height:35px;
	color:#fff;
	background:#00507e;
	border-radius:3px;
	text-align:center;
}
.mtaeb {
	margin-top:4%;
}
.bbaten {
	font-size:100%;
	margin:4% 0;
	padding:0 4%;
	line-height:2;
}
.mbtael {
	display: -webkit-flex;
	display:flex;
	justify-content: space-between;
	flex-wrap:wrap;
}
.mbtael li {
	width:23.5%;
	background:#f9f9f9;
	border-top:5px solid #00507e;
	padding:50px 25px;
	text-align:center;
}
.mbtael li .d2 {
	font-size:112.5%;
	font-weight:bold;
	margin:20px 0;
}
.mbtael li .d3 {
	line-height:2;
	color:#666;
}
.taeoc {
	margin-top:5%;
}
.taeoc select {
	width:250px;
	height:45px;
	border:1px solid #ddd;
	float:left;
	margin-right:8px;
}
.taeoc .c1 {
	width:370px;
	height:45px;
	padding:0 10px;
	border:1px solid #ddd;
	float:left;
}
.taeoc .c2 {
	width:45px;
	height:45px;
	float:right;
	border:none;
	cursor:pointer;
	background:#00507e url(../images/fd.png) no-repeat center center;
}
.realbt {
	position:absolute;
	width:420px;
	right:50%;
	margin-right:-600px;
	background:#fff;
	z-index:5;
	top:70px;
}
.realbt h5 {
	font-size:125%;
	line-height:55px;
	color:#fff;
	padding:0 20px;
	background:#00507e;
}
.praelb { width:100%; background:url(../images/bs7.jpg) top center repeat-y; padding-bottom:2%;
 
}
 

.lmbaet { align-items:center; padding-bottom:5%;}
.lmbaet h2{ width:25%; font-size:180%;}
.lmbaet .con{ width:24.9%; font-size:100%; line-height:2;}
.lmbaet .pic{ width:50%; text-align:center; position:relative;}
.lmbaet .pic p{ position:absolute;    left: 50%;
    top: 50%;width:558px; height:558px;
    transform: translate(-50%, -50%);}

.martel { width:100%;  align-items:center; padding-bottom:4%;}
.martel .pic{ width:48.6%; background:url(../images/bs9.jpg) right center no-repeat; position:relative;}
.martel .pic p{ position:absolute;    left: 37%;
    top: 50%;width:558px; height:558px;
    transform: translate(-50%, -50%);}
.martel .con{ width:40%;}
.martel .con h2{font-size:180%; margin-bottom:3%;}
.martel .con .d2{ width:100%; font-size:100%; line-height:2;}

.lboael { width:100%;  align-items:center; padding-bottom:4%;}
.lboael .pic{ width:48.6%; text-align:right; background:url(../images/bs10.jpg) left center no-repeat; position:relative;}
.lboael .pic p{ position:absolute;    left: 63%;
    top: 50%;
    transform: translate(-50%, -50%); width:558px; height:558px;}
.lboael .con{ width:40%;}
.lboael .con h2{font-size:180%; margin-bottom:3%;}
.lboael .con .d2{ width:100%; font-size:100%; line-height:2;}
 
.mraek {
	background:#f9f9f9;
	padding:4% 0;
}
.bmlre .d1 {
	font-size:125%;
	font-weight:bold;
}
.bmlre .d2 {
	font-size:100%;
	margin-top:10px;
	color:#666;
}
.oscat li {
	width:48%;
	margin-top:2%;
	height:35px;
	border:1px solid #ddd;
	padding-left:85px;
	position:relative;
}
.oscat li span {
	line-height:33px;
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:75px;
	text-align:right;
	border-right:1px solid #ddd;
	padding-right:8px;
	color:#666;
}
.oscat li input {
	width:100%;
	height:33px;
	border:none;
	padding:0 5px;
	background:none;
}
.oscat li i {
	color:#13439d;
}
.oscat li textarea {
	width:100%;
	padding:5px;
	height:120px;
	border:none;
	background:none;
}
.ldoes {
	padding-bottom:20px;
}
.ldoes input {
	width:120px;
	margin:0 10px;
	height:35px;
	color:#fff;
	background:#004898;
	border:none;
	cursor:pointer;
}
.bloar {
	margin-top:5%;
}
.bloar a {
	float:left;
	width:50%;
	line-height:2.5;
	font-size:36px;
	background:#f9f9f9;
	text-align:center;
}
.bloar a.cur {
	color:#fff;
	background:#00507e;
}
.lbhnea {
	margin-top:4%;
	background:#f9f9f9;
}
.lbhnea .pic {
	width:50%;
}
.lbhnea .con {
	width:50%;
	padding:50px 50px 0;
}
.lbhnea .con .d1 {
	font-size:36px;
	padding-bottom:15px;
}
.lbhnea .con .d1:after {
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	height:2px;
	width:45px;
	background:#00507e;
}
.lbhnea .con .d2 {
	font-size:100%;
	line-height:2;
	margin:30px 0;
}
.lbhnea .con .d3 a {
	color:#00507e;
}
.lrebua {
	margin:4% 0;
}
.lrebua .d1 {
	font-size:36px;
	margin-bottom:15px;
}
.lrebua .d2 {
	font-size:100%;
	line-height:2;
}
.mlbaec {
	padding:3% 0;
	border-bottom:1px solid #ddd;
	border-top:1px solid #ddd;
}
.mlbaec .dlcl {
	font-size:36px;
}
.lotaeb .lbhnea:nth-child(2n) .pic {
float:right;
}
.lntem {
	margin-top:5%;
}
.lntem .pic {
	width:40%;
}
.lntem .con {
	color:#666;
	line-height:2;
	font-size:100%;
	width:45%;
	padding-top:15px;
}
.boocea {
	background:#f8f9fb;
	padding:5% 0;
}
.olmtea {
	font-size:32px;
}
.opaecb .list .d2 {
	color:#fff;
}
.plgmc {
	margin-top:5%;
}
.plgmc li {
	float:left;
	width:23.5%;
	margin-right:2%;
}
.plgmc li:nth-child(4n) {
margin-right:0;
}
.plgmc li .pic {
	background:#fff;
	width:100%;
	height:250px;
	text-align:center;
	display:table;
}
.plgmc li .pic img {
	max-width:80%;
	max-height:220px;
}
.plgmc li .tit {
	line-height:65px;
	color:#fff;
	text-align:center;
	font-size:100%;
	height:65px;
	overflow:hidden;
	background:#00507e;
}
.maetoc {
	font-size:32px;
	margin:4% 0;
}
.mtaebte {
	padding:12% 0;
}
.mtaebte .bgc {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.mtaebte .bgc .bd {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:no-repeat center center;
	background-size:cover;
}
.mtaebte .wrap {
	position:relative;
	z-index:2;
}
.mtebc {
	width:300px;
}
.mtebc p {
	border-bottom:1px solid rgba(255, 255, 255, 0.3);
	line-height:80px;
	color:#fff;
	font-size:26px;
}
.mtebc p:before {
	content:'';
	display:inline-block;
	vertical-align:middle;
	margin-right:10px;
	width:10px;
	height:10px;
	border-radius:50%;
	background:#005bac;
}
.mtebc p.on {
	font-size:36px;
	font-weight:bold;
}
.bltea {
	padding-left:80px;
	background:no-repeat left top;
	margin-top:4%;
}
.bltea .d1 {
	font-size:28px;
}
.bltea .d2 {
	font-size:100%;
	margin-top:5px;
}
.bmlab {
	line-height:2;
	margin-top:4%;
	font-size:100%;
}
.awtmbc {
	background:#f9f9f9;
	padding:5% 0;
}

.right_box_hp {
	position: fixed;
	right:1%;
	bottom:5%;
	z-index:2;
}
@media screen and (max-width:740px) {
 .right_box_hp {
top:80px;
display:none;
}
}
.right_box_hp li {
	width:60px;
	height: 60px;
	box-sizing: border-box;
	margin-bottom:3%;
	position: relative;
transition: all .5s;
}
.right_box_hp li:last-child a {
	width:60px;
	height: 60px;
	display:block;
	box-sizing: border-box;
	margin-bottom:3%;
	position: relative;
transition: all .5s;
	background: rgba(0, 0, 0, 0.85) url("../images/i12.png") center no-repeat;
	cursor:pointer;
	cursor:pointer;
}
.right_box_hp li.icon_kf_hp {
	background: #0058d3 url("../images/vx.png") center no-repeat;
}
.right_box_hp li.icon_tel_hp {
	background: #0058d3 url("../images/tmm.png") center no-repeat;
}
.right_box_hp li.icon_ok_hp {
	background: #0058d3 url("../images/jdd.png") center no-repeat;
}
.right_box_hp li.icon_prize_hp {
	background:#0058d3 url("../images/i11.png") center no-repeat;
	cursor:pointer;
}
.right_box_hp li.icon_top_hp {
	background:#0058d3 url("../images/i12.png") center no-repeat;
	cursor:pointer;
	cursor:pointer;
	display:none;
}
.right_box_hp li:hover {
	background-color: rgba(245, 11, 11, 0.85) !important;
}
.right_box_hp li .openFather {
	position: absolute;
	right: 135%;
	top:0;
	border-radius: 3px;
	visibility: hidden;
	opacity: 0;
transition: opacity .6s, right .6s;
}
.right_box_hp li:hover .openFather {
	opacity: 1;
	right: 100%;
	visibility: visible;
}
.openFather .right_openDiv {
	margin-right: 15px;
	border: 1px solid #ddd;
	background: #fff;
	position: relative;
	border-radius:4px;
}
.right_box_hp li .right_openDiv:after {
	content: "";
	display: block;
	border: 5px solid transparent;
	border-left-color: #ddd;
	position: absolute;
	left: 100%;
	top:12px;
}
.right_box_hp li.icon_kf_hp .right_openDiv {
	padding: 10px; width:120px;
}
.right_openDiv .ROD_nav {
	display: block;
	padding-left: 20px;
}
.right_openDiv .ROD_nav>span {
	line-height: 36px;
	font-size: 14px;
	color:#444;
	text-align: left;
	display: block;
	position: relative;
	cursor: pointer;
}
.right_openDiv .ROD_nav>span:after {
	content: "";
	display: block;
	border: 3px solid transparent;
transition: all .5s;;
	border-left-color: #1f82d6;
	position: absolute;
	left: -10px;
	top:15px;
}
.right_openDiv .ROD_nav>span.open:after {
	transform: rotateZ(90deg);
}
.ROD_nav .ROD_navList {
	padding-left: 10px;
	display: none;
}
.ROD_nav .ROD_navList a {
	display: block;
	line-height: 30px;
	font-size: 12px;
	color:#6b6b6b;
	text-align: left;
	position: relative;
}
.ROD_nav .ROD_navList a:after {
	content: "";
	display: block;
	width: 4px;
	height: 4px;
	background: #d6d6d6;
	border-radius: 50%;
	position: absolute;
	left:-10px;
	top:14px;
}
.icon_tel_hp .openFather .right_openDiv {
	padding: 10px 12px;
	box-sizing: border-box;
	font-size: 14px;
	color:#444;
	line-height: 24px;
	width:230px;
}
.icon_ok_hp .openFather .right_openDiv {
	padding: 10px 12px;
	box-sizing: border-box;
	font-size: 14px;
	color:#444;
	line-height: 24px;
	width:260px;
}
.right_box_hp li.icon_ok_hp .right_openDiv:after {
	top:10px;
}
.right_openDiv .ROD_ipt_one {
	margin-bottom: 10px;
}
.ROD_ipt_one .ROD_ipt_name {
	width: 30px;
	padding:3px 10px 0;
	line-height: 18px;
	font-size: 12px;
	color:#444;
	float:left;
}
.ROD_ipt_one input[type='text'] {
	width: 188px;
	height: 28px;
	box-sizing: border-box;
	border: 1px solid #dcdcdc;
	float:left;
	color:#000;
}
.ROD_ipt_one input[type='text']:focus {
	border: 1px solid #a6d6ff;
}
.ROD_ipt_one textarea {
	width: 188px;
	height: 80px;
	box-sizing: border-box;
	border: 1px solid #dcdcdc;
	resize:none;
	float:left;
	color:#000;
}
.ROD_ipt_one textarea:focus {
	border: 1px solid #a6d6ff;
}
.right_openDiv .ROD_btn {
	text-align: right
}
.ROD_btn input[type='submit'] {
	width: 89px;
	height: 28px;
	color:#fff;
	background: #1f82d6;
	font-size: 12px;
	border-radius: 2px;
}
.ROD_ipt_one input[type='text'].ROD_validatecode {
	width: 28px;
	padding-left:5px;
}
.ROD_ipt_one img {
	float:left;
	height: 20px;
	width: 70px;
	margin:4px 0;
}
.ROD_ipt_one a {
	float:left;
	height: 28px;
	margin-left: 10px;
}
.right_openDiv .error_message {
	color:#593f2f;
}
.right_openDiv .success_message {
	color:#0a0;
}
 @media screen and (max-width:1410px) {
 .right_box_hp {
 right: 0;
}
}
.none {
	display: none;
}
.bg-col {
	background:rgba(0, 0, 0, 0.8);
	position:fixed;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:99;
}
.conlev {
	width:600px;
	border-radius:8px;
	padding:0.5% 2% 2% 2%; /*height:200px;*/
	background:#fff;
	position:fixed;
	z-index:100;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
}.conlev2 {
	width:600px;
	border-radius:8px;
	padding:0.5% 2% 2% 2%; /*height:200px;*/
	background:#fff;
	position:fixed;
	z-index:100;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
}
.gwsec {
	line-height:3;
}
.gwsec p{ width:49%;}
.gwsec input[type="text"] {
	width:100%;
	margin-bottom:3%;
	padding-left:15px;
	border: 1px solid #ddd;
	height: 45px;
	border-radius: 3px;
	overflow: hidden;
}
.gwsec textarea {
	height: 60px;
	width:100%;
	border-radius: 3px;
	border: 1px solid #ddd;
	padding-left:15px;
}
.gwsec input[type="button"] {
	width: 39.5%;
	padding:6px 12px;
	background:rgba(25, 85, 165, 1);
	color:#fff;
	border-radius:3px;
}
.gwsec input:nth-child(6) {
width: 39.5%;
padding:6px 12px;
background:#ddd;
color:#333;
border-radius:3px;
}
.gwsec h2{ border-bottom:1px solid #ddd; width:100%; position:relative; margin-bottom:5%;}
.gwsec h2:after{ content:''; height:2px ; background:#024fa1; width:17%; bottom:-1px; left:0; position:absolute;}
.gwsec h2, .gwsec h3 {
	font-size:110% ;
}
.gwsec h2 span {
	color:#999;
}
.gwsec a {
	width: 49%; margin-top:5%;
    text-align: center;
   
    border-radius: 3px;
}
.gwsec .notice{ font-size:80%; color:#666; line-height:26px; margin-top:5%;}
.gwsec .notice span{color:#f00; display:block;}
.gwsec a.one{  background: #024fa1;}
.gwsec a.two{ border:1px solid #024fa1;
 
    background: none;
     }
.clopoe {
	position:absolute;
	right: 40px;
	top: 25px;
	cursor:pointer; z-index:2;
}.clopoe2 {
	position:absolute;
	right: 40px;
	top: 25px;
	cursor:pointer;
}
.sjpic {
	width: 84%;
	background-size: 100% 100%!important;
}
.sjpic img {
	width:100%; /*height:100%;*/
}
.clopoe {
}
.conlev .title {
	width: 100%;
	margin: 0 auto;
	line-height: 3;
	font-size: 130%;
	background: #ff0000;
	color:#fff;
	text-indent: 15px;
}
.neirong {
	width: 100%;
	margin: 0 auto;
	height: 600px;
	overflow-y: scroll;
}
.neirong P IMG {
	width: 100%;
}
.neirong a {
	padding:10px 15px;
	border-bottom: 1px solid #eee;
	align-items:center;
}
.neirong a h3 {
	/*   width: 65%;*/
                        margin-left: 3%;
	line-height: 2;
	margin-top: 5px;
	display: inline-table;
	font-size: 110%;
}
.neirong a img {
	width: 100px;
	border: 1px solid #ddd;
}
.neirong a h3 span {
	display: block;
	font-size: 14px;
	font-weight: normal;
	color: #999;
}
/* 右侧咨询 */



.consult {
	font-size: 0;
	position: fixed;
	top: 7%;
	right: 0;
	z-index: 99;
	/*  writing-mode: vertical-rl;
  white-space: nowrap;
writing-mode: tb-rl;*/

  transform: translateY(0%);
	width:40px;
}
.consult .btn {
	background: #01cb00;
}
.consult a {
	margin-bottom: 2px;
}
.consult a i {
	writing-mode: lr-bt;
	display: inline-block;
}
.consult a i img {
	vertical-align: inherit;
}
.consult .btn.pop_title {
	position: relative;
	width: 100%;
	height: 40px;
	display: inline-block;
	text-align: center;
	/* line-height: 40px; */
    padding-top: 9px;
}
.consult .btn.pop_title:hover .win {
	/* animation: opacityEL 0.3s;*/
  display: block;
}
.consult .btn.pop_title .win {
	font-size:100%;
	color: #fff;
	display: none;
	position: absolute;
	right: 100%;
	margin-right: 5px;
	top: 0;
	line-height:30px;
	background: #01cb00;
	padding: 5px;
}
.consult .btns {
	height: 40px;
	text-align: center;
	line-height: 40px;
	background: #999;
	display:block;
}
.consult .btn:hover {
	background: #6ec800;
}
.consult .worm-btn-group {
	display: inline-block;/*  vertical-align: top;*/

}
.consult .worm-btn-group .cont {
	/* white-space: nowrap;*/

  display: none;
}
.consult .btn.btns i {
}
.consult .btn.btns.as i {
	transform: none;
}
 @media only screen and (max-width: 767px) {
 .consult .btn:nth-child(1) span {
 display: none;
}
}
 @keyframes opacityEL {
 0% {
 opacity: 0;
 transform: translateX(100%);
}
 100% {
 opacity: 1;
 transform: translateX(0%);
}
}