/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	font-family: ΢ÈíÑźÚ, serif, monospace;
}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0px;padding:0px;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/
body{
	font-family: ΢ÈíÑźÚ, serif, monospace;
	background:#FFF;
}
/*----start-wrap----*/
.wrap{
	width:1170px;
	margin:0 auto;
}
/*----start-header----*/
.header{
	
}
.top-header{
	background:#2f55aa;
}
.top-header-left{
	float:left;
	font-size: 0.9em;
}
.top-header-left ul li{
	display:inline-block;
	border-left: 1px ridge #36485A;
	border-right: 1px ridge #4668b5;
	padding: 0.4em 1em 0.3em;
	float:left;
}
.top-header-left ul li:first-child{
	border-left:none;
}
.top-header-left ul li a{
	display: inline-block;
}
.top-header-left ul li span{
	width:28px;
	height:28px;
	display:inline-block;
	vertical-align:middle;
}
.top-header-left ul li  p{
	display:inline-block;
	color:#F0F0F0;
}
.top-header-left ul li:nth-child(1) a,.top-header-left ul li:nth-child(2) a{
	color:#F0F0F0;
}
.top-header-left ul li:nth-child(1) a span,.top-header-left ul li:nth-child(2) a span{
	background:url(../images/agent.png) no-repeat 0px 0px;
}
.top-header-left ul li  p span{
	background:url(../images/01.png) no-repeat 0px 0px;
}
.top-header-right{
	float:right;
}
.reg{
	color:#1DD2AF;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
}
.reg:hover{
	color:#FFF;
}
.top-header-right ul li{
	float: left;
}
.top-header-right ul li a{
	display: block;
	padding: 0.55em;
}
.top-header-right ul li a span{
	height:20px;
	width: 20px;
	display: block;
}
.top-header-right ul li a.face span{
	background: url(../images/social-icons.png) no-repeat 0px 0px;
}
.top-header-right ul li a.face:hover{
	background:#3D5A99;
}
.top-header-right ul li a.twit span{
	background: url(../images/social-icons.png) no-repeat -20px 0px;
}
.top-header-right ul li a.twit:hover{
	background:#359BED;
}
.top-header-right ul li a.thum span{
	background:url(../images/social-icons.png) no-repeat -38px 0px;
}
.top-header-right ul li a.thum:hover{
	background:#3B5876;
}
.top-header-right ul li a.pin span{
	background:url(../images/social-icons.png) no-repeat -56px 0px;
}
.top-header-right ul li a.pin:hover{
	background:#CC1D24;
}
.top-header-right ul li{
	border-left: 1px ridge #36485A;
	border-right: 1px ridge #4668b5;
}
.top-header-right ul li:first-child{
	border-left: 1px ridge #28323C;
}
.contact-info {
	padding: 0.3em 0;
}
/*----main-header----*/
.logo{
	float: left;
	margin-right:30px
}
.top-nav{
	float:right;
	position: relative;
}
/*----//main-header----*/
/*----top-nav-----*/
.flexy-menu{
	margin: 0;
	padding: 0;
	position: relative;
	
	list-style: none;
}
.flexy-menu li{
	display:inline;
	font-size:13px;
	margin:0;
	padding:0;
	float:left;
	line-height:20px;
	position:relative;
}
.flexy-menu>li>a{
	padding: 2.5em 1.5em;
	color: #5D6E80;
	font-weight: 600;
	font-size: 1.19em;
	text-decoration: none;
	display: block;
	text-transform: uppercase;
	-webkit-transition: color .2s linear,background .2s linear;
	-moz-transition: color .2s linear,background .2s linear;
	-o-transition: color .2s linear,background .2s linear;
	transition: color .2s linear,background .2s linear;
}
.flexy-menu li:hover>a{
	color:#fff;
}
.flexy-menu li.active a{
	color:#fff;
}
.flexy-menu li.right{
	float:right;
}
.flexy-menu ul,.flexy-menu ul li ul{
	list-style: none;
	margin: 0;
	padding: 0;
	display: none;
	position: absolute;
	z-index: 99999;
	width: 170px;
	background: rgba(44, 62, 80, 0.71);
	box-shadow: 0 1px 1px rgba(0,0,0,0.3);
}
.flexy-menu ul{
	top:60px;
	left:0;
}
.flexy-menu ul li ul{
	top:0;
	left:100%;
}
.flexy-menu ul li{
	clear:both;
	width:100%;
	border:0;
	font-size:12px;
}
.flexy-menu ul li a{
	padding:10px 20px;
	width:100%;
	color:#dedede;
	font-size:13px;
	text-decoration:none;
	display:inline-block;
	float:left;
	clear:both
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-webkit-transition:color .2s linear,background .2s linear;
	-moz-transition:color .2s linear,background .2s linear;
	-o-transition:color .2s linear,background .2s linear;
	transition:color .2s linear,background .2s linear;
	}
.flexy-menu>li .arrow{
	position:absolute;
	color:#dedede;
	top:20px;
	right:8px;
	font-size:17px;
}
.flexy-menu ul>li .arrow{
	top:10px;
	right:8px;
}
.thin>li>a{
	padding:10px 22px;
}
.thin ul{
	top:40px;
}
.thin>li .arrow{
	top:10px;
}
.thick>li>a{
}
.thick ul{
	top:100px;
}
.thick>li .arrow{
	top:40px;
}
.flexy-menu i{
	line-height:20px!important;
	margin-right:6px;
	font-size:18px;
	float:left;
}
.flexy-menu>li.showhide{
	display:none;
	width:100%;
	height:50px;
	cursor:pointer;
	color:#dedede;
	background:#333;
}
.flexy-menu>li.showhide span.title{
	margin:16px 0 0 25px;
	float:left;
}
.flexy-menu>li.showhide span.icon{
	margin:17px 20px;
	float:right;
}
.flexy-menu>li.showhide .icon em{
	margin-bottom:3px;
	display:block;
	width:20px;
	height:2px;
	background:#ccc;
}
.light{
	background:#fff;
	border:solid 1px #dfdfdf;
}
.light a{
	color:#626262!important;
}
.light li:hover>a,.light li.active a{
	background:#5D6E80;
	color:#fff!important;
}
.light ul,.light ul li ul{
	background:#fff;
}
.light>li.showhide{
	background:#fff;
	color:#626262!important;
}
.light>li.showhide .icon em{
	background:#626262;
}
.light li .arrow{
	color:#626262;
}
.light li:hover>.arrow{
	color:#fff;
}
.blue li:hover>a,.blue li.active a{
	background:#02b8fa;
	color:#fff!important;
}
.green li:hover>a,.green li.active a{
	background:#88c425;
	color:#fff!important;
}
.red li:hover>a,.red li.active a{
	background:#cf0404;
	color:#fff!important;
}
.orange li:hover>a{
	color:#4785e1!important;

}
.orange li.active a{
	color:#4785e1!important;

}
.yellow li:hover>a,.yellow li.active a{
	background:#febf01;
	color:#444!important;
}
.yellow li .arrow{
	color:#dedede;
}
.yellow li:hover>.arrow{
	color:#444;
}
.yellow.light li .arrow{
	color:#626262;
}
.purple li:hover>a,.purple li.active a{
	background:#a737fa;
	color:#fff!important;
}
.pink li:hover>a,.pink li.active a{
	background:#f82b4c;
	color:#fff!important;
}
.flexy-menu.vertical{
	width:200px;
}
.flexy-menu.vertical li{
	width:100%;
}
.flexy-menu.vertical li a{
	display:inline-block!important;
	width:100%;
	padding:18px 20px 16px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.flexy-menu.vertical ul li{
	width:100%;
}
.flexy-menu.vertical ul,.flexy-menu.vertical ul li ul{
	width:150px;
}
.flexy-menu.vertical ul{
	top:0;
	left:100%;
}
.flexy-menu.vertical ul li ul{
	top:0;
}
.flexy-menu.vertical.right{
	float:right!important;
}
.flexy-menu.vertical.right ul{
	left:-150px!important;
}
.flexy-menu.vertical>li .arrow{
	top:17px;
	right:15px;
	font-size:17px;
}
.flexy-menu.vertical ul>li .arrow{
	top:18px;
	right:15px;
}
@media only screen and (max-width:768px){
	.flexy-menu.vertical{
		width:100%;
	}
	.flexy-menu li{
		display:block;
		width:100%;
	}
	.flexy-menu>li>a{
		padding-top:15px;
		padding-bottom:15px;
		padding-left:25px;
	}
	.flexy-menu a{
		width:100%;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	.flexy-menu ul,.flexy-menu ul li ul,.flexy-menu.vertical ul,.flexy-menu.vertical ul li ul{
		width:100%;
		left:0;
		border-left:0;
		position:static;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	.flexy-menu ul li{
		border-left:0;
		border-right:0;
	}
	.flexy-menu ul li a,.flexy-menu.vertical ul li a{
		padding-top:10px;
		padding-bottom:10px;
	}
	.flexy-menu ul>li>a{
		padding-left:40px!important;
	}
	.flexy-menu>li .arrow{
		top:15px;
		right:25px;
		font-size:17px;
	}
	.flexy-menu ul>li .arrow{
		display:none;
	}
}
/*----*/
.header {
	border-bottom: 1px solid #eee;
}


/*--about1-us--*/
.zm{
	background-color:#fff;
	padding: 20px 0;
	margin: 40px 0 ;
	color:#607497;
}
.zm-head{
	margin-top:30px;
	text-align:center;
}
.zm h3{
	color: #2C3E50;
	text-transform: uppercase;
	font-size: 32px;
	font-weight: 600;
}
.zm p{
	font-size: 20px;
	margin-top: 0.4em;
}
.zm-us{
	padding: 4em 0 1em;
	width: 1170px;
	margin: 0 auto;
}
.zm-usleft{
	float:left;
	width:200px;
	}

.zm-usright{
	float:right;
	width:950px;
	line-height:30px;
	font-size:14px;
	}
.zm-usright img{
	width:950px;
	
	}
	.zm-usright p{
	line-height:30px;
	font-size:14px;
	text-indent: 2em;
	}
.wh-whus{
	float:right;
	width:950px;
	line-height:30px;
	font-size:14px;
}
.wh-whleft{
    float:left;
	width:560px;
	}
.wh-whleft h{
	font-size:22px;
	color:#1654b2;
	font-weight: 500;
	}
.wh-whleft span{
	font-weight: ;
	font-weight: bold;
	}
	.wh-whleft p{
	line-height:30px;
	font-size:14px;
	color:#898888;
	}
	
.wh-whright{
	float:right;
	width400px;
	}

.blue{
	color:#1654b2;
	}


.col-contion{
	width:100%;
	}

.col-right{
	float:left;
	width: 94%;
	padding: 15px;
	margin: 15px 0;
	background-color: #f9f9f9;
}
.col-right h6{
	margin:0;
	font-size: 16px;
	color: #666;
	text-transform: uppercase;
	font-weight: 700;
}
.col-right p{
	margin: 1.2em 0 0;
	font-size: 14px;
	line-height: 1.9em;
	color: #898888;
}
.page{margin:0 auto; overflow:hidden;}
.panel{ overflow:hidden;}
.generic{ float:left; width:950px;0}
.generic .panel{ margin-bottom:60px;}
.generic .content img{ float:left; margin-right:30px;}
.generic .panel h2{  font-size:18px;}
.generic .panel p{  font-size:14px;}

.button a{text-decoration:none; display:block; width:100px; height:30px; background:#ee3233; color:#ffffff; font-family: 'Pontano Sans', sans-serif;  line-height:30px; text-align:center; font-size:15px; margin-top:10px;}
.button a:hover{ background:#66a7c5;}


.prtop{ background:#84b9e5; margin-bottom:50px; position: relative;}
.prtop .prtop-l{ width: 410px; height: 100%; float: left; position: absolute; left: 0px; top: 0px;}
.prtop .prtop-l img{position: absolute; left: 0px;top: 0px; width: 100%; height: 100%;}
.prtop .prtop-r{ width:500px; float: right; padding: 20px; color:#ffffff; line-height:29px; overflow:hidden; color:#FFF;}
.cpjj{ height:50px; line-height:50px; font-size:21px; margin-bottom:15px; color:#ffffff; padding-left:22px; background:url(/Public/images/dot4.png) no-repeat 0px 20px; border-bottom:1px solid #c8dff3; overflow:hidden; display:block}
.prtop>span{ width:409px; height:197px; text-align:center; background:#ffffff; overflow:hidden; display:block}
.prtop>span img, .prtop>span i{ max-width:100%; max-height:100%; vertical-align:middle}
.prtop>span i{ height:100%; display:inline-block}
.stit1{color:#607497; font-size:14px; overflow:hidden}

.product1{ margin-bottom:20px;}

.product1nr{ float:left; width:290px; margin-right:20px; margin-bottom:20px;}
.product1nr p{ color:#c0c0c0; line-height:20px; font-size:14px;}
.product1nr p a{color:#1654b2;text-decoration: none;font-size:14px;}
.product1nr p a:hover{ color:#F90;text-decoration: none;}
.product1nr h{color:#1654b2;text-decoration: none;font-size:16px;}
.contact{
	width:1170px;
	padding: 20px 0;
	margin: 40px auto;
	color:#607497;
}
.contactleft{
	float:left;
	width:600px;
	background-color:#0F6;
	height:200px;
	}
.contactright{
	width:500px;
	float:right;
	height:200px;

	}
.cp{
	font-size:20px;
	line-height:30px;

	}
.contactright ul{ margin:10px 0px 40px;color:#999;}
.contactright li{
	font-size:14px;
	font-weight: 300;
	line-height: 30px;
}
.icon1{
	background-image: url(../images/icon1.png);
	background-repeat: no-repeat;
	height: 16px;
	width: 14px;
}
.icon2{
	background-image: url(../images/icon2.png);
	background-repeat: no-repeat;
	height: 16px;
	width: 14px;
}
.icon3{
	background-image: url(../images/icon3.png);
	background-repeat: no-repeat;
	height: 16px;
	width: 14px;
}


.Team{ margin-bottom:20px;}
.Teamnr{ float:left; width:290px; margin-right:20px; margin-bottom:50px; background-color:#f5f5f5;}
.Teamnr p{
	padding:10px;
	font-size:14px;
	color:#999;
	text-decoration: none;
	line-height: 20px;
}
.Teamnr span {
	padding-left:10px;
	font-size:16px;
	font-weight: 600;
	color:#1654b2;

}

.yunhe-news{
	background-color:#fff;
	padding: 20px 0;
	margin: 40px 0;
	color:#607497;
}
.yunhe-news-head{
	margin-top:100px;
	text-align:center;
}
.yunhe-news h3{
	color: #2C3E50;
	text-transform: uppercase;
	font-size: 32px;
	font-weight: 600;
}
.yunhe-news p{
	font-size: 20px;
	margin-top: 0.4em;
}
.yunhe-news1{
	width:1000px;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	}
.yunhe-news2{ padding:20px;}	
.yunhe-news2 p{color:#797979; font-size:14px; line-height:28px; margin-bottom:10px;}
.yunhe-news2 h{font-size:24px; line-height:60px;}
.yunhe-news2 span{color:#b2b2d8; font-size:14px; line-height:30px; }
.yunhe-news2 a{ color:#1654b2; font-size:24px;}
.yunhe-news2 a:hover{ color:#999;}


/*----start-contact----*/
.contact{
	margin-top: -0.29em;
	margin-right: auto;
	margin-bottom: 9em;
	margin-left: auto;
}
/*----*/
/*  Contact Form  */
.contact form{
	
}
.map{
	margin-bottom:30px;
}
.list3 li>img {
	float: left;
	margin-right:10px;
}
.extra-wrap {
	overflow: hidden;
}
.extra-wrap p {
	color: #626262;
	line-height: 1.8em;
	font-size: 0.85em;
	margin-bottom: 5px;
}
span.mail a {
	color:#2BD5B4;
}
span.mail a:hover{
	color:#626262;
}
.contact-to input[type="text"] {
	padding: 12px 10px;
	width: 30.66%;
	margin: 12px 0;
	border: 1px solid rgba(192, 192, 192, 0.61);
	color: #626262;
	background: #FFF;
	float: left;
	outline: none;
	font-size: 0.85em;
	transition: border-color 0.3s;
	-o-transition: border-color 0.3s;
	-ms-transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	-webkit-transition: border-color 0.3s;
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}
.contact-to input[type="text"]:nth-child(2),.contact-to input[type="text"]:nth-child(3){
	margin-left:10px;
}
.text2 input[type="text"], .text2 textarea {
	width: 97.7%;
	margin: 12px 0;
	border: 1px solid rgba(192, 192, 192, 0.61);
	color: #626262;
	outline: none;
	margin-bottom: 25px;
	height: 100px;
	padding: 12px 10px;
	font-size: 0.85em;
	transition: border-color 0.3s;
	-o-transition: border-color 0.3s;
	-ms-transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	-webkit-transition: border-color 0.3s;
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}
.text2 textarea{
	height:180px;
}
.text2 input[type="text"]:hover,.text2 textarea:hover,.contact-to input[type="text"]:hover{
	border: 1px solid rgba(43, 213, 180, 0.48);
}
.contact-form input[type="submit"] {
	background: #2C3E50;
	color: #FFF;
	padding: .9em 3em;
	display: inline-block;
	text-transform: uppercase;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-o-border-radius: 0.3em;
	font-size: 0.875em;
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: 4px solid #2A323A;
	outline: none;
	cursor: pointer;
}
.contact-form input[type="submit"]:hover{
	background: #1DD2AF;
	border-bottom: 4px solid #279C86;
}
.span_1_of_first1 h5{
	color: #2C3E50;
	text-transform: uppercase;
	font-size: 1.2em;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	
	margin-bottom: 0.6em;
}
.span_1_of_first1 {
	width: 29.5%;
}
.col_1_of_bottom:first-child {
	margin-left: 0;
}
.col_1_of_bottom {
	display: block;
	float: left;
	margin: 1% 0 1% 3.6%;
}
.contact-grids {
	margin-bottom: 1em;
}
/*----//End-contact----*/



.cpjs-jxn{ height:40px; background-color:#CCC; font-size:14px; line-height:40px; padding-left:10px; margin-bottom:20px;}
.cpjs-jx{ padding:0 20px;}	
.cpjs-jx p{color:#797979; font-size:14px; line-height:26px;}
.cpjs-jx h{font-size:20px;} 
.cpjs-jx span{color:#b2b2d8; font-size:14px; }
.cpjs-jx a{ color:#1654b2; }
.cpjs-jx a:hover{ color:#999;}

.fc1{ margin-bottom:20px;}

.fc1nr{ float:left; width:290px; margin-right:20px; margin-bottom:20px;}
.fc1nr p{ font-size:14px;}
.fc1nr p a{color:#1654b2;text-decoration: none;}
.fc1nr p a:hover{color:#607497;text-decoration: none;}