@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0;padding:0;}
body{ color:#333; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
section,article,aside,header,footer,nav,dialog,figure{display:block;}
ul, ol { list-style: none;} 
fieldset{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
address,cite,code,em,th {font-weight:normal; font-style:normal;}
input,button,textarea,select{font:100% Arial,''; vertical-align:middle}
table,td,tr,th{font-size:12px;}
.nodispaly{ display:none}
.line{height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{color:#333; text-decoration:none; transition:all 0.3s;}
a:hover {color:#0054A3; text-decoration:none;}
img{ border:none;vertical-align: top;}
.fl{ float:left}
.fr{ float:right}
.r{ float:right}
.clear {clear: both;}
::-webkit-scrollbar-track{background-color: #e8e8ea;}
::-webkit-scrollbar{ width:10px;}
::-webkit-scrollbar-thumb{background-color:#222326;}


.banner_pc{ padding-top:80px;}
.banner_yd{ display:none;}
.flexslider{ position:relative;}
.flexslider .slides > li {display: none; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;border-radius: 0px;}
.flex-pauseplay span {text-transform: capitalize;}
.flex-control-nav {width: 100%; text-align: center; position:absolute; bottom:20px;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width:15px; height:15px; display: block; background:#FFF; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;}
.flex-control-paging li a:hover { background: #FFF; }
.flex-control-paging li a.flex-active { background: #0054a3; cursor: default;}

.iframe{ height:50%;}
@media screen and (max-width: 1200px) {
.banner_pc{ padding-top:50px;}
.iframe{ height:30%;}
}
@media screen and (max-width: 980px) {
.banner_pc{ padding-top:50px;}
	.banner_ny{ padding-top:50px;}
	.banner_ny .pic_yi{ display:none;}
	.banner_ny .pic_er{ display:block;}
}
@media screen and (max-width: 720px) {
.banner_pc{ display:none;}
	.banner_yd{ display:block; padding-top:50px;}
}

.wp {
    max-width: 1400px;
    margin: auto;
}
.sy_title{ text-align:center;}
.i_title{ text-align:center; font-size:36px; font-weight:600; color:#333; padding:40px 0 10px 0;}
.sy_title p{ color:#999; text-transform:uppercase; font-size:20px; padding-bottom:15px;}
.sy_title i{ width:24px; height:3px; background:#0C55B8; text-align:center; display:block; margin:0 auto;}
@media (max-width:1200px) {
.i_title{ font-size:24px; padding-top:20px; padding-bottom:5px;}
.sy_title p{ font-size:16px; padding-bottom:10px;}
}
@media (max-width:980px) {
.wp{ width:96%; padding:0 2%;}
}


/**************************关键词**************************/
.ksbg{
	width:100%;
	height:60px;
	background:#fff;
	}
.keysea{
	width:100%;
	max-width:1400px;
	overflow:hidden;
	margin:0 auto;
	}
.keyword{
	float:left;
	width:70%;
	height:60px;
	}
@media (max-width:1100px) {
.keyword{
	width:65%;
	}
	}
.keyword p{
	font-size:15px;
	line-height:55px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
	}
.keyword p a{
	padding:0px 10px;
	color:#666; font-size:14px;
	}
.keyword p a:hover{
	color:#0C55B8;
	text-decoration:underline;
	}
.search{
	float:right;
	width:300px;
	height:35px;
	background:#f6f6f6;
	border-radius:17.5px;
	margin-top:10px;
	}
.search p input[type="text"]{
	width:265px;
	height:35px;
	color:#1B6099;
	border:none;
	text-indent:1em;
	outline:none;
	background:none;
	}
.search p input[type="submit"]{
	float:right;
	outline:none;
	border:none;
	cursor:pointer;
	width:18px;
	height:16px;
	margin-top: 10px;
    margin-right: 12px;
	background:url(../images/search.png) no-repeat;
	}
@media (max-width:1000px) {
.keysea{
	width:96%;
	}
.keyword{
	display:none;
	}
.search{
	float:none;
	width:100%;
	}
.search p input[type="text"]{
	width:95%;
	}
	}
@media (max-width:640px) {
.search p input[type="text"]{
	width:94%;
	}
	}
@media (max-width:540px) {
.search p input[type="text"]{
	width:93%;
	}
	}
@media (max-width:450px) {
.search p input[type="text"]{
	width:91%;
	}
	}
@media (max-width:350px) {
.search p input[type="text"]{
	width:90%;
	}
	}



/**************************关于**************************/
.abbg{
	width:100%;
	padding:20px 0px 60px 0;
	background:#F6F6F6;
	overflow:hidden;
	margin-top:0px;
	}
.about{
	width:100%;
	max-width:1400px;
	margin:0 auto;
	overflow:hidden;
	padding-top:30px;
	}
.about .abl{
	float:left;
	width: 53%;
    height: 0px;
	display:inline;
    padding-bottom: 32%;
   box-shadow: 0px 2px 10px 1px #dadada;
   
	}
.about .abl img{
	width:100%;
	}
.about .abr{
	position:absolute;
	left:48%;
	bottom:-15%;
	z-index:1;
    width: 39%;
	
	}
.about .ab_en{ font-size:48px; text-transform:uppercase; color:#D9D9D9; padding-left:15%; font-weight:bold; padding-bottom:10px;}	
.about .abr2{ background:#fff;box-shadow: 0px 2px 10px 1px #dadada;}	
.about .abr .txt p{
	font-size:14px;
	color:#666;
	line-height:30px;
	overflow:hidden;
	padding:2% 3% 0% 3%;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:4;
	}
@media (max-width:1680px) {
.about .abr{ bottom:-5%;width: 48%;}
}
@media (max-width:1500px) {
.about .abr{ bottom:0%;width: 48%;}
}
@media (max-width:1400px) {
.about .abr{ bottom:5%;width: 58%;}
}	
@media (max-width:1340px) {
.about .abr{ bottom:7%;width: 58%;}
}
@media (max-width:1240px) {
.about .abr{ bottom:11%;width: 58%;}
}
@media (max-width:1150px) {
.about .abr .txt p{
	-webkit-line-clamp:5;
	}
	}
@media (max-width:1200px) {
.about{ width:94%;}
.about .abl{ float:none; width:100%;}
.about .abr { left:0; width:100%; z-index:0; position:relative;margin-top:-10px;}
.about .ab_en{ padding-left:0; margin-top:20px; }
}	
@media (max-width:720px) {
.abbg{ padding-top:0; padding-bottom:20px;}	
}

a.more{
	display:inline-block;
	margin-top:20px;
	margin-bottom:40px;
	transition:all 1s;                                     
	background:#fff;
	border:1px solid #0C55B8;
	padding:10px 40px;
	color:#666;
	font-size:14px;
	margin-left:3%;
	
	}
a.more:hover{
	color:#fff;
	background:#0C55B8;
	}
@media (max-width:720px) {
a.more{ margin-top:15px;padding:5px 30px; margin-bottom:20px;}	
}	


/**************************产品**************************/
.product{
	width:100%;
	overflow:hidden;
	padding:20px 0px 0px 0;
	}
.product2{
	width:100%;
	overflow:hidden;
	padding:0px 0px 40px 0;
	}	
@media (max-width:1000px) {
.product{ padding:10px 0px 0 0;}
}

.Box,.Box2 {
	position: relative;
	overflow:hidden;
	margin:30px 0px 15px 0px;
}
.Box .content,.Box2 .content {
	width:1400px;
	margin: 0 auto;
}
.Box .Box_con,.Box2 .Box_con {
	position: relative;
}
.Box .Box_con .btnl,.Box2 .Box_con .btnl2 {
	position: absolute;
}
.Box .Box_con .btn,.Box2 .Box_con .btn {
	display: block;
	width: 36px;
	height: 36px;
	position: absolute;
	top: 142px;
	cursor: pointer;
}
.Box .Box_con .btnl,.Box2 .Box_con .btnl2 {
	background: url(../images/jtl02.png) no-repeat center;
	left: 0px;
}
.Box .Box_con .btnr,.Box2 .Box_con .btnr2 {
	background: url(../images/jtr02.png) no-repeat center;
	right: 0px;
}
.Box .Box_con .btnl:hover,.Box2 .Box_con .btnl2:hover {
	background: url(../images/jtl03.png) no-repeat center;
}
.Box .Box_con .btnr:hover,.Box2 .Box_con .btnr2:hover {
	background: url(../images/jtr03.png) no-repeat center;
}
.Box .Box_con .conbox,.Box2 .Box_con .conbox {
	width: 1298px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.Box .Box_con .conbox ul,.Box2 .Box_con .conbox ul {
	position: relative;
	list-style: none;
}
.Box .Box_con .conbox ul li,.Box2 .Box_con .conbox ul li {
	float: left;
	width: 306px;
	margin-left: 24px;
	overflow: hidden;
}
.Box .Box_con .conbox ul li:first-child,.Box2 .Box_con .conbox ul li:first-child  {
	margin-left: 0;
}
.Box .Box_con .conbox ul li .cptp,.Box2 .Box_con .conbox ul li .cptp {
	width: 304px;
	height: 304px;
	overflow: hidden;
	background:#fafafa;
	border:1px solid #ddd;
}
.Box .Box_con .conbox ul li .cptp img,.Box2 .Box_con .conbox ul li .cptp img {
	display: block;
	max-width: 306px;
	max-height: 306px;
	transition: all 0.5s;
	
}
.Box .Box_con .conbox ul li:hover .cptp img,.Box2 .Box_con .conbox ul li:hover .cptp img {
	transform: scale(1.1);
}
.Box .Box_con .conbox ul li .cpwz,.Box2 .Box_con .conbox ul li .cpwz {
	background:#f2f2f2;
	text-align:center;
	padding:20px 0;
	opacity: .8;
}
.Box .Box_con .conbox ul li .cpwz p:nth-of-type(1),.Box2 .Box_con .conbox ul li .cpwz p:nth-of-type(1) {
	font-size:15px;
	font-weight:normal;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1; 
}
.Box .Box_con .conbox ul li .cpwz p:nth-of-type(1) a,.Box2 .Box_con .conbox ul li .cpwz p:nth-of-type(1) a {
	color:#000;
}
.Box .Box_con .conbox ul li .cpwz p:nth-of-type(2),.Box2 .Box_con .conbox ul li .cpwz p:nth-of-type(2) {
	font-size:12px;
	color:#999;
	margin-top:10px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1; 
}
.Box .Box_con .conbox ul li .cpwz p:nth-of-type(3),.Box2 .Box_con .conbox ul li .cpwz p:nth-of-type(3) {
	font-size:12px;
}
.Box .Box_con .conbox ul li .cpwz p:nth-of-type(3) a,.Box2 .Box_con .conbox ul li .cpwz p:nth-of-type(3) a {
	color:#999;
}
.Box .Box_con .conbox ul li .cpwz hr,.Box2 .Box_con .conbox ul li .cpwz hr {
	height:1px;
	border:none;
	background-color:#ccc;
	margin:15px 0px;
}
.Box .Box_con .conbox ul li .cpwz p a:hover,.Box2 .Box_con .conbox ul li .cpwz p a:hover{ color:#003CCA; text-decoration:underline;}

@media screen and (min-width:1100px) and (max-width:1200px) {
.Box .content,.Box2 .content {
	width: 1070px;
}
.Box .Box_con .conbox,.Box2 .Box_con .conbox {
	width: 960px;
}
.Box .Box_con .btn,.Box2 .Box_con .btn {
	top: 120px;
}
.Box .Box_con .conbox ul li,.Box2 .Box_con .conbox ul li {
	width: 222.5px;
}
.Box .Box_con .conbox ul li .cptp,.Box2 .Box_con .conbox ul li .cptp {
	width: 220px;
	height: 220px;
}
.Box .Box_con .conbox ul li .cptp img,.Box2 .Box_con .conbox ul li .cptp img {
	width: 222.5px;
	max-height: 222.5px;
}
.Box .Box_con .conbox ul li .cpwz,.Box2 .Box_con .conbox ul li .cpwz {
	width: 222.5px;
}
.Box .Box_con .conbox ul li .cpwz p:nth-of-type(2),.Box2 .Box_con .conbox ul li .cpwz p:nth-of-type(2) {
	margin-top:5px;
}
.Box .Box_con .conbox ul li .cpwz hr,.Box2 .Box_con .conbox ul li .cpwz hr {
	margin:10px 0px;
}
	}
@media screen and (min-width:1000px) and (max-width:1100px) {
.Box .content,.Box2 .content {
	width: 980px;
}
.Box .Box_con .conbox,.Box2 .Box_con .conbox {
	width: 880px;
}
.Box .Box_con .btn,.Box2 .Box_con .btn {
	top: 151.5px;
}
.Box .Box_con .conbox ul li,.Box2 .Box_con .conbox ul li {
	width: 276px;
}
.Box .Box_con .conbox ul li .cptp,.Box2 .Box_con .conbox ul li .cptp {
	width: 274px;
	height: 274px;
}
.Box .Box_con .conbox ul li .cptp img,.Box2 .Box_con .conbox ul li .cptp img {
	width: 276px;
	max-height: 276px;
}
.Box .Box_con .conbox ul li .cpwz,.Box2 .Box_con .conbox ul li .cpwz {
	width: 276px;
}
	}
@media (max-width:1000px) {
.Box,.Box2 {
	position: relative;
	overflow:hidden;
	margin:15px 0px 15px 0px;
}
.Box .content,.Box2 .content {
	width: 920px;

}
.Box .Box_con .conbox,.Box2 .Box_con .conbox {
	width: 830px;
}
.Box .Box_con .conbox ul li,.Box2 .Box_con .conbox ul li {
	width: 260px;
}
.Box .Box_con .conbox ul li .cptp,.Box2 .Box_con .conbox ul li .cptp {
	width: 258px;
	height: 258px;
}
.Box .Box_con .conbox ul li .cptp img,.Box2 .Box_con .conbox ul li .cptp img {
	width: 260px;
	max-height: 260px;
}
	}
@media screen and (min-width:800px) and (max-width:900px) {
.Box .content,.Box2 .content {
	width: 780px;
}
.Box .Box_con .conbox,.Box2 .Box_con .conbox {
	width: 700px;
}
.Box .Box_con .btn,.Box2 .Box_con .btn {
	top: 185.5px;
}
.Box .Box_con .conbox ul li,.Box2 .Box_con .conbox ul li {
	width: 335px;
}
.Box .Box_con .conbox ul li .cptp,.Box2 .Box_con .conbox ul li .cptp {
	width: 333px;
	height: 333px;
}
.Box .Box_con .conbox ul li .cptp img,.Box2 .Box_con .conbox ul li .cptp img {
	width: 335px;
	max-height: 335px;
}
.Box .Box_con .conbox ul li .cpwz,.Box2 .Box_con .conbox ul li .cpwz {
	width: 335px;
}
.Box .Box_con .conbox ul li .cpwz p:nth-of-type(1),.Box2 .Box_con .conbox ul li .cpwz p:nth-of-type(1) {
	margin-top:10px;
	}
.Box .Box_con .conbox ul li .cpwz p:nth-of-type(2),.Box2 .Box_con .conbox ul li .cpwz p:nth-of-type(2) {
	margin-top:15px;
}
.Box .Box_con .conbox ul li .cpwz hr,.Box2 .Box_con .conbox ul li .cpwz hr {
	margin:20px 0px;
}
	}
@media screen and (min-width:700px) and (max-width:800px) {
.Box .content,.Box2 .content {
	width: 690px;
}
.Box .Box_con .conbox,.Box2 .Box_con .conbox {
	width: 600px;
}
.Box .Box_con .btn,.Box2 .Box_con .btn {
	top: 156.5px;
}
.Box .Box_con .conbox ul li,.Box2 .Box_con .conbox ul li {
	width: 285px;
}
.Box .Box_con .conbox ul li .cptp,.Box2 .Box_con .conbox ul li .cptp {
	width: 283px;
	height: 283px;
}
.Box .Box_con .conbox ul li .cptp img,.Box2 .Box_con .conbox ul li .cptp img {
	width: 285px;
	max-height: 285px;
}
.Box .Box_con .conbox ul li .cpwz,.Box2 .Box_con .conbox ul li .cpwz {
	width: 285px;
}
	}
@media (max-width:700px) {/*700*/
.Box .content,.Box2 .content {
	width: 620px;
}
.Box .Box_con .conbox,.Box2 .Box_con .conbox {
	width: 540px;
}
	}
@media screen and (min-width:500px) and (max-width:620px) {
.Box .content,.Box2 .content {
	width: 460px;
}
.Box .Box_con .conbox,.Box2 .Box_con .conbox {
	width: 360px;
}
.Box .Box_con .btn,.Box2 .Box_con .btn {
	top: 200px;
}
.Box .Box_con .conbox ul li,.Box2 .Box_con .conbox ul li {
	width: 360px;
}
.Box .Box_con .conbox ul li .cptp,.Box2 .Box_con .conbox ul li .cptp {
	width: 360px;
	height: 360px;
}
.Box .Box_con .conbox ul li .cptp img,.Box2 .Box_con .conbox ul li .cptp img {
	width: 360px;
	max-height: 360px;
}
.Box .Box_con .conbox ul li .cpwz,.Box2 .Box_con .conbox ul li .cpwz {
	width: 360px;
}
.Box .Box_con .conbox ul li .cpwz p:nth-of-type(1),.Box2 .Box_con .conbox ul li .cpwz p:nth-of-type(1) {
	margin-top:15px;
	}
.Box .Box_con .conbox ul li .cpwz p:nth-of-type(2),.Box2 .Box_con .conbox ul li .cpwz p:nth-of-type(2) {
	margin-top:15px;
}
.Box .Box_con .conbox ul li .cpwz hr,.Box2 .Box_con .conbox ul li .cpwz hr {
	margin:20px 0px;
}
	}
@media (max-width:500px) {/*400*/
.Box .content ,.Box2 .content{
	width: 365px;
}
.Box .Box_con .conbox,.Box2 .Box_con .conbox {
	width: 260px;
}
.Box .Box_con .conbox ul li,.Box2 .Box_con .conbox ul li {
	float: left;
	width: 260px;
	margin-left: 22px;
	overflow: hidden;
}
.Box .Box_con .conbox ul li .cptp,.Box2 .Box_con .conbox ul li .cptp {
	width: 258px;
	height: 258px;
	overflow: hidden;
	background:#fafafa;
}
.Box .Box_con .conbox ul li .cptp img,.Box2 .Box_con .conbox ul li .cptp img {
	display: block;
	max-width: 260px;
	max-height: 260px;
	transition: all 0.5s;
}

}





/*================= 产品应用 ==================*/

#s_links_hw{ width:100%; max-width:1400px; margin:0 auto; padding:0px 0 10px 0;}

#s_links_hw .pic_news{ margin-top: 20px;   overflow: hidden; }

#s_links_hw .pic_news ul{margin-right: -35px;}

#s_links_hw .pic_news li{ display: block; float: left; width: 300px; overflow: hidden; margin-right: 35px;}
#s_links_hw .pic_news li a{ cursor:default;}

#s_links_hw .pic_news li .pic_box{ width: 300px; height: 225px; overflow: hidden; margin-bottom: 0px;position:relative;}

#s_links_hw .pic_news li .pic_box img {
	display: block;
	transition: all 0.5s;
	width:100%;
}
#s_links_hw .pic_news li .pic_box:hover img {
	transform: scale(1.1);
}
#s_links_hw .pic_news li img{ width: 300px; height: 225px; display: block; }

#s_links_hw .pic_news li h1{  font-size:15px; line-height: 36px;  color:#000; display: block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

#s_links_hw .pic_news li:hover h1{color:#0C55B8;  }

.img_size dd img,.img_size li img,.img_size1 .pic{ -moz-transition: all 1s ease !important;

-webkit-transition: all 1s ease-in-out !important;

-o-transition: all 1s ease-in-out !important;

-ms-transition: all 1s ease-in-out !important;

transition: all 1s ease-in-out !important; } 


.applications{ background:#f6f6f6; padding-bottom:40px;}


@media (max-width:980px) {
#s_links_hw .pic_news li{  width: 200px; }

#s_links_hw .pic_news li .pic_box{ width: 200px; height: 150px;}
#s_links_hw .pic_news li .pic_box img{ width: 200px; height: 150px;}	
.applications{ padding-bottom:10px;}
#s_links_hw .pic_news{ margin-top: 15px; }
}



/**************************流程**************************/
#s_liucheng{ padding-top:30px; overflow:hidden;background:#fafafa; padding-bottom:40px; }
.liucheng{ width:100%; max-width:1400px; margin:0 auto; margin-top:20px;}
.liucheng img{ width:100%;}
.liucheng2{ display:none;}
.liucheng2 img{ width:100%;}
#s_liucheng ul{}
#s_liucheng ul li{ float:left; width:11%; height:290px; text-align:center; border-right:1px solid rgba(255,255,255,.13); position:relative; z-index:0;}
#s_liucheng ul li span{ font-size:24px; color:#fff; font-family:Comfortaa; margin-bottom:30px; display:block; padding-top:30%;}
#s_liucheng ul li h5{ text-align:center; font-size:15px; color:#fff; margin-top:10px;}
#s_liucheng ul li i{ display: block; width:10px; height:1px; background:#fff; background:rgba(255,255,255,.6); margin:18px auto 13px;}
#s_liucheng ul li p{ font-size:12px; color:#fff; opacity:1; line-height:20px;}
#s_liucheng ul li:before{ content:""; background:#0C55B8; display:block; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0; z-index:-1;-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);transform:rotateY(90deg);opacity:0;visibility:hidden;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s}
#s_liucheng ul li span,#s_liucheng ul li h5,#s_liucheng ul li i,#s_liucheng ul li p{-webkit-transition:.6s;-moz-transition:.6s;transition:.6s}
#s_liucheng ul li:hover:before{-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;opacity:1;visibility:visible}
#s_liucheng ul li:hover span{ color:#fff; padding-top:20%;}
#s_liucheng ul li:hover h5{ color:#fff;}
#s_liucheng ul li:hover i{ background:#fff;}
#s_liucheng ul li:hover p{ color:#fff; opacity:1;}
@media (max-width:980px) {
#s_liucheng{ padding-top:10px;}
#s_liucheng ul li{ float:left; width:33%;border-bottom:1px solid rgba(255,255,255,.13); height:150px;}
#s_liucheng ul li span{ padding-top:10%; margin-bottom:10px; font-size:18px;}
#s_liucheng ul li h5{ margin-top:0;}
}	
@media (max-width:980px) {
.liucheng{ display:none;}
.liucheng2{ display:block; width:94%; margin:0 3%; margin-top:15px;}
}




/*********************服务流程***********************/	
.sy-advantage{ background:url(../images/bg1.jpg) center top no-repeat;background-size:cover;  padding:20px 0 20px 0;}
.main_box{  width:100%;max-width:1400px;overflow:hidden;margin:0 auto;}

@media (max-width:1200px) {
.main_box{width:96%;margin:0 auto;}
}
.sol_advantage{ margin-top:20px;}
.advange{ width:25%; height:0; padding-bottom:15%;background-image: -moz-linear-gradient(0deg, rgb(11, 51, 121) 0%, rgb(11, 35, 83) 100%);background-image: -webkit-linear-gradient(0deg, rgb(11, 51, 121) 0%, rgb(11, 35, 83) 100%);background-image: -ms-linear-gradient(0deg, rgb(11, 51, 121) 0%, rgb(11, 35, 83) 100%); text-align:center; float:left; }
.advange:nth-of-type(2), .advange:nth-of-type(4),.advange:nth-of-type(5),.advange:nth-of-type(7){background:#0C55B8; }
.advange div{ padding-top:45px;}
.advange p{ text-align:center; color:#fff; font-size:18px; margin-top:10px;}
.advange div a{display:block;  text-align:center;  cursor:default; }
.advange div a img{ display:block; margin:0px auto 10px auto;  }
.advange div *{ -moz-transition: all 0.8s ease-in-out;-webkit-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out; } 
.advange div a:hover img{cursor:default;transform:rotateY(180deg);-webkit-transform:rotateY(180deg); /* Safari and Chrome */-moz-transform:rotateY(180deg); /* Firefox */}

@media (max-width:1200px) {
.advange{ padding-bottom:20%;}
}
@media (max-width:960px) {
.sy-advantage{padding:10px 0;}
.advange{ width:50%; padding-bottom:25%;}
.advange:nth-of-type(2), .advange:nth-of-type(3),.advange:nth-of-type(6),.advange:nth-of-type(7){background:#000; }
.advange:nth-of-type(1), .advange:nth-of-type(4),.advange:nth-of-type(5),.advange:nth-of-type(8){background:#0C55B8; }
}
@media (max-width:600px) {
.advange{ width:50%; padding-bottom:50%;}
.advange div{ padding-top:25px;}
.advange p{ font-size:16px;}
}
@media (max-width:320px) {
.advange div{ padding-top:15px;}
.advange p{ font-size:14px;}
}
/******************图片旋转样式***********************/

/*.advange div a:hover img{-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg); }*/



.liu_z{ width:100%; max-width:1400px; margin: 0 auto; padding-top: 25px; margin-bottom:50px;}
.index_bottom{ }
.in_honor{ width:9%; height:140px; text-align:center; position:relative; float:left;}
.in_wenhua{ width:9%; height:140px; text-align:center;  position:relative;margin-left:2.3%;float:left;}
.in_wenhua:nth-child(1){ margin-left:0;}
.index_bottom h2{ line-height:30px; color:#FFFFFF; font-size:16px; position:relative; z-index:3; margin-top: 0px; width: 100%; display: block; text-align: center;}
.index_bottom p{ line-height:20px; color:#FFFFFF; font-size:14px; position:relative; z-index:3; margin-top: -70px; width: 100%; display: block; text-align: center;}
.in_honor .in_pic{ width:100%; height:140px; margin:0 auto; overflow: hidden;; position:relative; z-index:2}
.in_wenhua .in_wenhua_pic{ width:100%; height:140px; margin:0 auto; overflow: hidden;; position:relative; z-index:2; }
.in_wenhua p{ line-height:20px; color:#0c469a; font-size:14px; position:relative; z-index:3; margin-top: -70px; width:100%; display: block; text-align: center;}
.in_wenhua h2{ line-height:30px; color:#0c469a; font-size:16px; position:relative; z-index:3; margin-top: 0px; width:100%; display: block; text-align: center;}
.index_bottom_back{z-index:1;opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;}
.join_us_content_nav li.cover{ border:white 1px solid; color:white }
@media (max-width:980px) {
.in_honor{ width:30%;margin-left:2.3%; margin-bottom:2%;}
.in_wenhua{ width:30%; margin-bottom:2%;} 
}
@media (max-width:375px) {

}

/**************************品牌优势**************************/
.advantages{background:#fff;}
.wood{width: 100%;overflow: hidden;margin-bottom: 0px;margin-top: 30px;}
.menuu2{width: 1400px;margin: auto;}
.wood em{font-style:normal;}
.wood .con{width: 100%;overflow: hidden;height: auto;}
.wood .con .menuu ul{ overflow: hidden;margin: auto;width: 100%; max-width:1400px;height: 120px;position: absolute;z-index: 9;}
.wood .con .menuu li{float: left;width: 16.5%;height: 120px;line-height: 170px;border-right: 2px solid #fff;text-align: center;}
.wood .con .menuu li:nth-of-type(6){ border-right:none;}
.wood .con .menuu em{font-size: 24px;color: #333;}
.wood .con .menuu span{display: inline-block;width: 33px;height: 28px;overflow: hidden;position: relative;top: 4px;margin-left: 58px;}
.wood .con .menuu span{*display: inline;}
.pk_l{ background: url(../images/ys1.jpg) no-repeat center 30px;width:100%;height:710px; background-size:100%; background:cover;}
.pk_2{ background: url(../images/ys2.jpg) no-repeat center 30px;width:100%;height:710px; background-size:100%; background:cover;}
.pk_3{ background: url(../images/ys3.jpg) no-repeat center 30px;width:100%;height:710px; background-size:100%; background:cover;}
.pk_4{ background: url(../images/ys4.jpg) no-repeat center 30px;width:100%;height:710px; background-size:100%; background:cover;}
.pk_5{ background: url(../images/ys5.jpg) no-repeat center 30px;width:100%;height:710px; background-size:100%; background:cover;}
.pk_6{ background: url(../images/ys6.jpg) no-repeat center 30px;width:100%;height:710px; background-size:100%; background:cover;}
.wood .con .menuu li.li01{background: url(../images/i_a_icon1_hover.png) no-repeat center 15px #f6f6f6;}
.wood .con .menuu li.li02{background:url(../images/i_a_icon2_hover.png) no-repeat center 15px #f6f6f6;}
.wood .con .menuu li.li03{background:url(../images/i_a_icon3_hover.png) no-repeat center 15px #f6f6f6;}
.wood .con .menuu li.li04{background:url(../images/i_a_icon4_hover.png) no-repeat center 15px #f6f6f6;}
.wood .con .menuu li.li05{background:url(../images/i_a_icon5_hover.png) no-repeat center 15px #f6f6f6;}
.wood .con .menuu li.li06{background:url(../images/i_a_icon6_hover.png) no-repeat center 15px #f6f6f6;}
.wood .con .menuu li.li01:hover,.wood .con .menuu li.li01.cur{background:url(../images/i_a_icon1.png) no-repeat center 15px #0C55B8;}
.wood .con .menuu li.li02:hover,.wood .con .menuu li.li02.cur{background:url(../images/i_a_icon2.png) no-repeat center 15px #0C55B8;}
.wood .con .menuu li.li03:hover,.wood .con .menuu li.li03.cur{background:url(../images/i_a_icon3.png) no-repeat center 15px #0C55B8;}
.wood .con .menuu li.li04:hover,.wood .con .menuu li.li04.cur{background:url(../images/i_a_icon4.png) no-repeat center 15px #0C55B8;}
.wood .con .menuu li.li05:hover,.wood .con .menuu li.li05.cur{background:url(../images/i_a_icon5.png) no-repeat center 15px #0C55B8;}
.wood .con .menuu li.li06:hover,.wood .con .menuu li.li06.cur{background:url(../images/i_a_icon6.png) no-repeat center 15px #0C55B8;}
.wood .con .menuu li.cur em{color: #fff;font-weight: bold;}
.wood .con .menuu li.cur span{background-position: left bottom;}
.wood .con .Box{width: 100%;overflow: hidden;height: 710px;}
.ys_wz{width: 100%; margin:0 auto;bottom: 0;position: absolute;}
.ys_wz .text{font-size: 18px;color: #fff; padding:40px 0;max-width:1400px;margin: 0 auto;text-indent: 50px;}
.ys_wz .text p{ font-size: 18px;color: #fff;}
.ys_wz .text span{ font-size:48px; font-weight:bold; margin-right:10px; }
.pk_l,.pk_2,.pk_3,.pk_4,.pk_5,.pk_6{position: relative;}
.pk_l .img{ float:left;}


@media (max-width:980px) {
.wood{ margin-top:20px;}
.wood .con .Box{ height:auto;}
.wood .con .menuu ul{ height:240px;}
.wood .con .menuu li{width: 33%; }
.ys_wz .text span{ font-size:36px; font-weight:bold; margin-right:10px; }
.wood .con .menuu em{font-size: 16px; }	
.wood .con .menuu li.li04{ border-top: 2px solid #fff;}
.wood .con .menuu li.li05{ border-top: 2px solid #fff;}
.wood .con .menuu li.li06{ border-top: 2px solid #fff;}
.wood .con .menuu li:nth-of-type(3){ border-right:none;}
.pk_l{ background: url(../images/ys_01.jpg) no-repeat center 220px;width:100%;height:550px; background-size:100%; background:cover;}
.pk_2{ background: url(../images/ys_02.jpg) no-repeat center 220px;width:100%;height:550px; background-size:100%; background:cover;}
.pk_3{ background: url(../images/ys_03.jpg) no-repeat center 220px;width:100%;height:550px; background-size:100%; background:cover;}
.pk_4{ background: url(../images/ys_04.jpg) no-repeat center 220px;width:100%;height:550px; background-size:100%; background:cover;}
.pk_5{ background: url(../images/ys_05.jpg) no-repeat center 220px;width:100%;height:550px; background-size:100%; background:cover;}
.pk_6{ background: url(../images/ys_06.jpg) no-repeat center 220px;width:100%;height:550px; background-size:100%; background:cover;}
.ys_wz .text{font-size: 18px;color: #fff; padding:20px 0 80px 0; max-width:1400px;margin: 0 auto;}
.ys_wz .text p{ font-size: 14px;color: #fff; float:right; width:98%; margin:0 auto; text-indent:0;}
}
@media (max-width:375px) {
.wood .con .menuu li{width: 32.95%; }
}
@media (max-width:320px) {
.wood .con .menuu li{width: 32.88%; }
}

/*合作客户*/
.partner{ background:url(../images/partner_bg.jpg) center top no-repeat; padding-bottom:50px; padding-top:10px;}

/*********************滚动***********************/
.marqueeleft{
	/*height:90px;*/
	width:100%;
	max-width:1400px;
	overflow:hidden;
	margin:0px auto;
	margin-top:20px;
	}
.marqueeleft ul{
	float:left;
	}
.marqueeleft li{
	float:left;
	margin:0 12px;
	display:inline;
	width:220px;
	height:120px;
	overflow:hidden;
	text-align:center;
	
	}
.marqueeleft li .pic{
	display:block;
	width: 220px;
    height: 106px;
	overflow:hidden;
	border:1px solid #ddd;
	overflow:hidden; position:relative;
	}
.marqueeleft li .pic img {
	display: block;
	transition: all 0.5s;
	width:100%;
}
.marqueeleft li .pic:hover img {
	transform: scale(1.1);
}	
.marqueeleft li .txt{text-align:center;height:42px;line-height:42px;width:220px; font-size:14px;}
.marqueeleft a{ color:#666;}
.marqueeleft a:hover{ color:#F0B01C;}
@media screen and (max-width: 720px){
	
.marqueeleft li{width:120px;height:58px;}	
.marqueeleft li .pic{
	width:120px; height:58px;
	}	
	
}


/**************************新闻**************************/
.index_news{ background:#fff; padding-bottom:20px; padding-top:0px;}

.news{ width:100%; max-width:1400px; margin: 0 auto; margin-top:25px;}
.news_pic{ width:45%; float:left; }
.news_pic img{ width:100%;}


.jjnewsCont{ width: 53%; float:right;}
.jjnewsCont ul{overflow: hidden;}
.jjnewsCont ul li{padding-bottom: 18px;border-bottom: 1px dotted #ccc;margin-bottom: 18px;}

.jjnewsCont ul li:nth-child(5){border-bottom: none;}
.newsTime{width: 70px;height: 70px;background: #999;float: left;margin-right: 15px;color: #fff;text-align: center; }
.newsTime span{font-size: 28px;display: block;margin-top: 20px;line-height: 24px;}
.newsTime i{ font-weight:normal; font-size:12px;}
.newsCont{}
.newsCont h1{color: #000;font-weight: normal;margin-bottom: 8px;font-size: 18px; padding-top:10px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;display:block;}
.newsCont p{font-size: 14px;color: #777; line-height:20px;display:block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.jjnewsCont ul li:hover .newsCont h1{color: #0C55B8;}
.jjnewsCont ul li:hover .newsTime{background: #0C55B8;}

@media screen and (max-width: 1000px){
.news_pic{ width:94%; margin:0 3%; float:none;}
.news_pic img{ width:100%; }
.jjnewsCont{ width:94%; margin:0 3%;  float:none; margin-top:20px;}

}

@media screen and (max-width: 640px){
.index_news{ padding-bottom:10px;padding-top:0px;}	
.news{ margin-top:10px;}
.newsCont h1{ font-size:15px; padding-top:0;}
.newsCont p{font-size: 12px;color: #777; line-height:20px;display:block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
	}



/*********************友情链接***********************/	
.tage{ padding:20px 0; background:#f6f6f6;}
.tage .link{ max-width:1400px; margin:0 auto; line-height:24px;}
.tage .link .bt{float: left; text-align:left; color:#333;}
.tage .link .gjc{float: left;width: 92%}
.tage .link a{ margin-right:20px; color:#666;}
.tage .link a:hover{ color:#0C55B8; text-decoration:underline;}
.tage .link p{ float:left;}

@media screen and (max-width: 720px){

.tage .link .bt {
    float: none;
    width: 100%;
}
.tage .link .gjc {
    float: none;
    width: 100%;
}
.tage .link {
    padding: 0px 5%;
}
}
	
/* footer */
.f_bg{ background:#333333; color:#666666; font-size:14px; clear:both; padding-top:20px; text-align:left; }
.f_bg_div{ max-width:1400px; width:96%; margin:0 auto;}
.f_bg a{color:#747474; text-decoration:none;}
.f_bg a:hover{ color:#fff;}
.f_bg .h2{ height:62px; line-height:62px; font-weight:normal; font-size:16px;color:#cccccc; }
.f_bg .links{ float:left; width:17%;overflow:hidden;  margin-bottom:30px;vertical-align:top;}
.f_bg .links ul li{ display:block; height:25px; line-height:25px; overflow:hidden;}
.f_bg .links ul li a{transition:all 0.3s; padding-right:5px; }
.f_bg .links ul li a:hover{ margin-left:5px; padding-right:0;}
.f_bg .f_div2_r2{ float:right;text-align:left;}
.f_bg .f_div2_r2 .f_div2_img{ float:left; margin-right:35px; width:120px; line-height:44px; text-align:center;}
.f_bg .f_div2_r2 .f_div2_img img{ width:120px; height:120px; margin:0 auto; display:block; margin-top:24px;}
.f_bg .f_div2_r2 .f_div2_r2_con{ float:right; text-align:right; margin-top:20px;}
.f_bg .f_div2_r2 .tels{ color:#999999; display:block; transition:all 0.3s; position:relative; overflow:hidden;}
.f_bg .f_div2_r2 .tels span{ color:#fff; display:block;margin-top:10px; margin-bottom:28px; font-size:24px;}
.f_bg .f_div2_r2 .tels:hover span{filter: Alpha(Opacity=80);opacity: 0.8;}
/*.f_bg .f_div2_r2 .tels:after{ content:""; position:absolute; bottom:0; right:0; height:2px; width:22px; background:#525252;}*/
.f_div3 a:hover{color:#fff;transition:all 0.3s;filter: Alpha(Opacity=80);opacity: 0.8;}
.f_div3{ line-height:24px; min-height:24px; text-align:center; background-color:#2a2a2a; clear:both;  color:#666666; font-size:14px; padding-top:13px; padding-bottom:13px;}
.f_div3 a{ color:#666666;}
.f_bg .f_div2_r2 a:hover{transition:all 0.3s;filter: Alpha(Opacity=80);opacity: 0.8; color:#fff;}


@media screen and (max-width: 1260px) {
.f_bg .links{ width:14%;}
.f_bg .f_div2_r2{ text-align:right;}
.f_bg .f_div2_r2 .f_div2_img{ margin-right:0; float:none; display:inline-block; margin-top:0px;}
.f_bg .f_div2_r2 .f_div2_r2_con{ float:none;}
}

@media screen and (max-width: 1100px) {
.f_bg{ font-size:13px;}
.f_bg .h2{ height:50px; line-height:50px;}
}

@media screen and (max-width: 960px) {
.f_bg{ padding-top:30px;}
.f_bg .links{ display:none;}
.f_bg .f_div2_r2{ float:none; text-align:center;}
.f_bg .f_div2_r2 .f_div2_r2_con{ text-align:center; margin-top:0;}
/*.f_bg .f_div2_r2 .tels:after{ left:50%; margin-left:-10px;}*/
.f_bg_div{ text-align:center; padding-bottom:10px;}
.foot_a{ margin-bottom:20px; text-align:center;}
.f_bg .f_div2_r2 .tels span{ margin-top:10px; margin-bottom:10px; }
}

@media screen and (max-width: 780px) {
.f_div3 .l{ float:none; display:block;}
.f_div3 .r{ float:none; display:block;}
}

@media screen and (max-width: 640px) {
.f_bg{ padding-top:20px;}
.f_div3{ font-size:13px; line-height:20px; min-height:20px; padding-bottom:0;}
.f_div3 span{ display:block;}
.f_div3 .l{ float:none;}
.f_div3 .r{ float:none;}
.foot_a{ margin-bottom:10px;}
}


/* side */
.side{position:fixed;width:54px;height:275px;right:0;top:350px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .wx{width:180px;position:absolute; bottom:54px;right:0; display:none;}
.side ul li a:hover .wx{display:block;}
.side ul li .wx img{width:100%; display:block;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sideboxtwo{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#0C55B8;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}
@media (max-width:1000px) {
.side{
	display:none;
	}
	}