@charset "utf-8";
ul{margin:0px; padding:0px;}
li{margin:0px; padding:0px; list-style:none;}
/*Ò³Ãæ°´Å¥ b*/
 .w_sfbox-001 > div > .p_SwipPanelBox{ margin:0; padding:0; background-color:transparent; overflow: hidden; width: auto; height: auto; position: fixed; top: 50%; right: 30px; transform: translate(0,-50%); padding: 30px 0; z-index: 999; } .w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel{ width: auto; height: auto; font-size: 14px; color: #626262; font-size: 12px; padding: 0 10px; border-width: 1px; border-style: solid; border-color: transparent; text-align: right; margin-top: 10px; } .w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel:first-child{ margin-top: 0; }

.w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel .font{ width: auto; height: auto; display: inline-block; margin-right: 5px; line-height: 28px; vertical-align: middle; cursor: pointer; font-family: "΢ÈíÑźÚ";  font-size: 16px; font-weight:600; color:inherit; }

 .w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel .shape{ width: 28px; height: 28px; display: inline-block; margin-left: 5px; line-height: 26px; padding: 4px; background-position: center; background-size: auto auto; vertical-align: middle; position: relative; cursor: pointer; border-radius: 50%; overflow: hidden; border-style: solid; border-width: 1px; border-color: rgba(255,255,255,0.4); }
 
  .w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel .shape > div{ width: 100%; height: 100%; background-color: #fff; border-radius: 50%; box-shadow: 0 0 4px 0 rgba(0,0,0,0.30); } 
  
  .w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel.active .shape > div{ background:#dd2828; }
   .w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel.active .shape{ border: 1px solid #dd2828; }
    .w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel.active{ color: #dd2828; }
	
	
	  .w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel.activd .shape > div{ background:#dd2828; }
   .w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel.activd .shape{ border: 1px solid #dd2828; }
    .w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel.activd{ color: #dd2828; }
	
	
	
	 .w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel .shape img{ position: absolute; width: 100%; height: 100%; display: block; }
	  .w_sfbox-001 > .w_sfbox > .p_fbox > div > .p_fboxChild{ border-color:rgba(228,228,228,0); overflow: hidden; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-position: center; background-size:auto; }
	   .w_sfbox-001 > .w_sfbox > .p_fbox{ width:100%; } .w_sfbox-001 > .w_sfbox{ width:100%; } .w_sfbox-001{ width:100%; } .w_sfbox-001 .tips{ position: absolute; width: 100%; text-align: center; display: none !important; } .w_sfbox-001 .tips .title{ text-align: center; font-size: 18px; color: #c3c3c3; } .w_sfbox-001 .tips .content{ text-align: center; font-size: 14px; font-family: "΢ÈíÑźÚ"; color: #a2a2a2; font-weight: normal; line-height: 24px; } .w_sfbox-001 > .w_sfbox > .p_fbox > .p_footer{ width: 100%; height: 200px; background-color: #2e77ba; position: relative; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; }   .w_sfbox-001 .p_SwipPanelBox.hor-right .font{ float: right; margin-right: 0; margin-left: 5px; } .w_sfbox-001 .p_SwipPanelBox.hor-right .shape{ margin-right: 5px; margin-left: 0; }  .w_sfbox-001 .p_SwipPanelBox.ver-top .p_SwipPanel{ padding: 0 0 0 10px; float: left; margin: 0; } .w_sfbox-001 .p_SwipPanelBox.ver-top .font{ margin: 0 0 5px 0; writing-mode:vertical-lr; display: block; } .w_sfbox-001 .p_SwipPanelBox.ver-top .shape{ margin: 5px 0 0 0; }  .w_sfbox-001 .p_SwipPanelBox.ver-bottom .p_SwipPanel{ padding: 0 0 0 10px; float: left; margin: 0; } .w_sfbox-001 .p_SwipPanelBox.ver-bottom .p_SwipPanel:first-child{ padding:0; } .w_sfbox-001 .p_SwipPanelBox.ver-bottom .font{ margin: 5px 0 0 0; writing-mode:vertical-lr; -webkit-writing-mode:vertical-lr; writing-mode:tb-lr; display: block; } .w_sfbox-001 .p_SwipPanelBox.ver-bottom .shape{ margin: 0 0 5px 0; }  .w_sfbox-001 > .w_sfbox > .p_fbox > .p_wrapbox{ position:relative; background-color:#F4F4F4; overflow: hidden; } .w_sfbox-001 > .w_sfbox > .p_fbox > .p_wrapbox video{ position: absolute; width: 100%; height: auto; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .w_sfbox-001 > .w_sfbox > .p_fbox > div > .p_bgBox{ height: 100%; width: 100%; background-repeat: no-repeat; background-position: center; background-size: auto; }.c_public_htmlCode-01001{ position:absolute; width:300px; height:390px; }.c_news_list-01001 .p_succ{ width: auto; height: auto; min-width: 255px; min-height: 113px; max-width: 500px; background-color:#F7FBFB; border: 2px solid #65beba; font-size: 22px; position: absolute; z-index: 9999999999; }
/*Ò³Ãæ°´Å¥ e*/ 
  
















/*ÎÄ»¯½éÉÜ b*/

#c_public_htmlCode-1504920018781 {
	 top: 2px; width: 500px; height: 291px; position: ; z-index: 1;overflow: hidden;
	/*left: 108px; top: 2px; width: 996px; height: 291px; position: absolute; z-index: 1;*/
}

#c_public_htmlCode-1504920018781 .case-content {
	margin: 80px auto 0px; width: 100%; height: 600px; overflow: hidden;
}
#c_public_htmlCode-1504920018781 .case-item {
	margin: 30px -5px 0px ; float: left; 
}
#c_public_htmlCode-1504920018781 .ih-item {
	transition:0.35s ease-in-out; position: relative; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out;
}
#c_public_htmlCode-1504920018781 .ih-item {
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.ih-item * {
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
#c_public_htmlCode-1504920018781 .ih-item a {
	color: rgb(51, 51, 51);
}
#c_public_htmlCode-1504920018781 .ih-item a:hover {
	text-decoration: none;
}
#c_public_htmlCode-1504920018781 .ih-item img {
	width: 100%; height: 100%;
}
#c_public_htmlCode-1504920018781 .circle.ih-item {
	border-radius: 50%; position: relative;
}
.circle.ih-item .img {
	border-radius: 50%; position: relative;
}
#c_public_htmlCode-1504920018781 .circle.ih-item {
	width: 210px;
}
#c_public_htmlCode-1504920018781 .circle.ih-item .img {
	width: 162px; height: 162px; overflow: hidden;
}
#c_public_htmlCode-1504920018781 .circle.ih-item .img::before {
	border-radius: 50%; transition:0.35s ease-in-out; width: 100%; height: 100%; display: block; position: absolute; content: ""; box-shadow: inset 0px 0px 0px 16px rgba(0,0,0,0.6), 0px 1px 2px rgba(0,0,0,0.3); -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out;
}
#c_public_htmlCode-1504920018781 .circle.ih-item .img img {
	border-radius: 50%;
}
#c_public_htmlCode-1504920018781 .circle.ih-item .info {
	border-radius: 50%; left: 0px; top: 0px; text-align: center; right: 0px; bottom: 0px; position: absolute; backface-visibility: hidden; -webkit-backface-visibility: hidden;
}
#c_public_htmlCode-1504920018781 .square.ih-item {
	border: 8px solid rgb(255, 255, 255); border-image: none; width: 316px; height: 216px; position: relative; box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}
#c_public_htmlCode-1504920018781 .square.ih-item .info {
	left: 0px; top: 0px; text-align: center; right: 0px; bottom: 0px; position: absolute; backface-visibility: hidden; -webkit-backface-visibility: hidden;
}
#c_public_htmlCode-1504920018781 .effect1.circle.ih-item .spinner {
	background: url("../img/s3_bg.png"); transition:0.8s ease-in-out; width: 210px; height: 210px; opacity: 1; -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out;
}
#c_public_htmlCode-1504920018781 .effect1.circle.ih-item .img {
	/*left: 24px; top: 24px; width: 212px; height: 212px; right: 0px; bottom: 0px; position: absolute;
	*/
	left: 24px; top: 24px; width: 162px; height: 162px; right: 0px; bottom: 0px; position: absolute;
	
}
#c_public_htmlCode-1504920018781 .effect1.circle.ih-item .img img {
	transition:transform 0.35s; transform: scale(1);
}
#c_public_htmlCode-1504920018781 .effect1.circle.ih-item .img::before {
	display: none;
}
#c_public_htmlCode-1504920018781 .colored.effect1.circle.ih-item .info {
	background: rgba(0, 0, 0, 0.6);
}
#c_public_htmlCode-1504920018781 .effect1.circle.ih-item .info {
	background: rgba(255, 255, 255, 0.75); transition:0.8s ease-in-out; left: 24px; top: 24px; width: 162px; height: 162px; text-align: center; right: 0px; bottom: 0px; opacity: 0.75; -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out;
}
#c_public_htmlCode-1504920018781 .effect1.circle.ih-item .info .info-back {
	left: 10px; top: 60px; width: 138px; height: 40px; text-align: center; color: rgb(0, 0, 0); text-transform: uppercase; line-height: 40px; letter-spacing: 2px; font-family: "΢ÈíÑźÚ"; font-size: 18px; font-weight: normal; border-top-color: rgb(51, 51, 51); border-bottom-color: rgb(51, 51, 51); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; position: relative; text-shadow: 0px 0px 1px white, 0px 1px 2px rgba(0,0,0,0.3);
}
#c_public_htmlCode-1504920018781 .effect1.circle.ih-item .info .info-back h3 {
	transition:opacity 0.2s, transform 0.35s; opacity: 1;
}
#c_public_htmlCode-1504920018781 .effect1.circle.ih-item a:hover .info .info-back h3 {
	opacity: 0;
}
#c_public_htmlCode-1504920018781 .effect1.circle.ih-item .info .info-back em {
	transition:opacity 0.2s, transform 0.35s; top: 0px; color: rgba(0, 0, 0, 1.6); font-size: 12px; font-style: normal; position: relative; opacity: 0; -webkit-transition: opacity 0.2s, top 0.2s ease-out;
}
#c_public_htmlCode-1504920018781 .effect1.circle.ih-item a:hover .info .info-back em {
	top: -40px; opacity: 1; transition-duration: 0.35s; transition-delay: 0.05s; -webkit-transition-delay: 0.05s; -webkit-transition-duration: 0.35s;
}
#c_public_htmlCode-1504920018781 .effect1.circle.ih-item a:hover .spinner {
	background: url("../img/s3_bg.png");transition:0.8s ease-in-out; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg);
}

#c_public_htmlCode-1504920018781 .effect1.circle.ih-item a:hover .info {
	opacity: 1;background: rgba(255, 255, 255, 0.1); 
}
#c_public_htmlCode-1504920018781 .effect1.circle.ih-item a:hover .img img {
	transform: scale(1.15);opacity: 1;
}
#c_public_htmlCode-1504920018781 .effect1.circle.ih-item a:hover em {
	opacity: 1;
}
/*ÎÄ»¯½éÉÜ E*/


/*°¸Àý b*/
/*
.grid { position: relative; clear: both; margin: 0 auto; padding:0px; list-style: none; text-align: center; } 
.grid figure { position: relative; float: left; overflow: hidden; height: 500px; max-height:100%; background: #fff; text-align: center; cursor: pointer; width:420px; margin:0px 10px 20px 10px; } 
.grid figure img { display: block; width:420px; height:520px; } 
.grid figure figcaption { color: #fff; text-align:center; font-size: 22px; position:absolute; height:430px; overflow: hidden; width:350px; left:0px; padding-top:300px; bottom:0px; z-index:999; transition:all 0.5s; } 
.grid figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } 
.grid figure h2 { font-weight: normal; } 
.grid figure h2 span { font-weight:normal; } 
.grid figure h2{ margin: 0px; padding:0 60px; font-size:22px; } 
.grid figure p { margin: 0;padding:0 50px; }
 .grid figure h2 a{ color:#fff; }
 .grid figure p { letter-spacing: 0px; font-size14px; display:none; }
  figure.effect-jazz { background:none }
   figure.effect-jazz:hover figcaption{ padding-top:150px; background:url(../img/linkbg.png?tenantId=13469&viewType=1) no-repeat top center; } 
   figure.effect-jazz img { opacity: 0.9; } 
*/
/*°¸Àý E*/

/*ÐÂÎÅÖÐÐÄ B*/
  .hnewtitle{display:blocka; width:220px; height:65px; line-height:65px; text-align:center; color:#333; float:left; border-bottom:1px solid #ccc; font-size:18px; }
  .hnewtitle:hover{border-bottom:1px solid #dd2828; }
  
  #c_public_htmlCode-15049271279295494{ position:absolute; top:20px; left:29px; z-index:4; width:366px; height:32px; }
 
 
/*ÐÂÎÅÖÐÐÄ E*/

/* ÄÚÒ³TOP B*/

 .NavList_a1 {
	text-transform: capitalize__;margin-top:0px;white-space:nowrap;
}
 .NavList_a1 ul {
	text-align: center; font-size: 0px; display: block;
}
 .NavList_a1 a {
	padding: 0px 5px; transition:0.3s; height:.75rem;margin-right:0.1rem; width:1.11rem;color: rgb(51, 51, 51); line-height: .75rem; font-size: .35rem; letter-spacing:0; display: block; position: relative;background: rgba(255, 255, 255, 0.75); 
	
	
}
 .NavList_a1 a:hover {
	background: rgb(221, 40, 41); color: rgb(255, 255, 255); 
}

 .NavList_a1 .more::after {
	background: rgb(204, 204, 204); top: 0%; width:0px; height: 60px; right: 0px; margin-top: 0px; display: block; position: absolute; content: "";
}
 .NavList_a1 a::before {
	transition:0.3s; left: 50%; width: 0%; height: 3px; bottom: 0px; position: absolute; content: "";
}
 .NavList_a1 a:hover::before {
	left: 10%; width: 0%; background-color: rgb(0, 67, 148);
}
 .NavList_a1 li {
	width: auto; color: rgb(255, 255, 255); vertical-align: top; display: inline-block; position: static;
}


.g_banner2{width:100%; height:300px; position:relative; overflow:hidden;margin-top:11px;}
.g_banner2 img{display:block; width:1920px; height:226px; position:absolute; left:50%; margin-left:-960px; top:0;}
.g_banner-active2{position:absolute; top:200px; text-align:center; width:100%;}
.g_banner-active2 p{font-size:30px; color:rgba(0, 0, 0, 0.75);}
.g_banner-active2 span{display:block; font-size:18px; color:#fff; text-transform:uppercase; margin-top:10px;}
.g_banner-active2 p:before{position:absolute; left:50%; margin-left:-320px; width:228px; background:url(../img/g_01.png) no-repeat left center; height:8px; top:18px; content:"";}
.g_banner-active2 p:after{position:absolute; right:50%; margin-right:-320px; width:228px; background:url(../img/g_02.png) no-repeat left center; height:8px; top:18px;content:"";}


/* ÄÚÒ³TOP e*/

/* ÏêÇé*/
.g_main{width:100%;}
.g_main-container{max-width:1367px; margin:0 auto; padding-bottom:50px;}
.g_main-header{padding-top:58px; text-align:center; padding-bottom:38px; border-bottom:1px solid #ccc;}
.g_main-header p{font-size:18px; color:#333;}
.g_main-header span{display:block; font-size:12px; color:#333; margin-top:15px;}
.g_main-body{padding-top:35px;  color:#333; line-height:40px; width:1180px; margin:0 auto;}
.g_main-body img{display:block; max-width:100%; margin:30px auto 0;}
.g_flip{width:100%; margin-top:40px; text-align:center; height:32px; line-height:0;}
.g_flip a{display:inline-block; height:32px; border:1px solid #ccc; line-height:32px; text-align:center; font-size:16px; color:#333;}
.g_flip-left{width:68px; margin-right:25px; background:url(../img/g_03.png) no-repeat center;}
.g_flip-right{width:68px; margin-right:25px; background:url(../img/g_05.png) no-repeat center; margin-left:25px;}
.g_flip-middel{width:68px; position:relative; top:0px;}
.g_flip-left:hover{background:url(../img/g_03.png) no-repeat center; border-color:#ed1b23;}
.g_flip-right:hover{background:url(../img/g_05.png) no-repeat center; border-color:#ed1b23;}
.g_flip-middel:hover{ border-color:#ed1b23; color:#ed1b23;}