@import url('font-awesome.css');  
@import url('animate.css');



@media (max-width:800px) 
{
	
	.footm{background:#333; width:100%; overflow:hidden; display:block; position:fixed; bottom:0;opacity: 0.9;}
	.footm a{ display:block; float:left; height:60px; line-height:60px; width:25%; text-align:center; color:#fcfcfc;font-size:16px;}
	.footm a:hover{ text-decoration:none; background:#272626; color:#f8f8f8}
	
	.topnavbar{margin-top:-70px;z-index:10000000;}
	.fixed{height:60px;}
	.ynaboutleftimg img{width:100%;}
	.page .Prev,.page .next{display:none;}
	.gallery-item{margin:2px;}
	.dztitphonemargin-15{margin-top:15px;}
	.ynaboutinfo{width:100%;}
}

@media (min-width:801px) 
{
	.box-cate a{position:absolute;color:#fff;margin-top:-50px;display:block;width:100%;text-align:center;}
	.box-cate .othertext{margin-top:-35%;font-size:25px;font-weight:bold;}
	.footm{display:none;}

	.gallery-item{margin:10px;}
	
	.dzdropcode{display:none;position:absolute;z-index:100000;width:100px;height:100px;overflow:hidden;margin-top:-140px;margin-left:42%;}
	.dzdropcode img{width:100px;height:100px;}
	
	.ynaboutinfo{width:80%;}
}

.proclasstit{width:140px;margin:0 auto;overflow:hidden;border:1px solid #999;}
.pro_first{background:#87b5de;}
.pro_end{background:#eeeeee;}
.prolist .text-center img{width:100%;}
.prolist .box-content:hover{border:1px solid #87b5de;}

.box-cate{overflow:hidden;}
.box-cate img{width:100%;}

.navbar-header{width:80px;float:right;}
.navbar .in{margin-top:80px;}

.ynabouttext p{color:#999;line-height:24px;}
.ynaboutinfo i{color:#87b5de; font-style:normal;}
.ynaboutleftimg{text-align:right;float:left;}
.ynaboutleftimg img{border:1px solid #eee;}

.ynhonor{margin:0;padding:0;text-align:center;}
.ynhonor div{overflow:hidden;}
.ynhonor img{width:100%;margin:0;padding:0;border:1px solid #eee;}
.ynhonor h4{line-height:40px;color:#999;}
#contents{margin-top:30px;}
.pull-right{border:none;}
.pull-right:hover{border:none;}
#contactForm{margin-bottom:30px;overflow:hidden;}

.yncontact .about-logo{margin-bottom:30px;overflow:hidden;}
.yncontact .about-logo div{line-height:40px;border-bottom:1px solid #eee;color:#999;}


.gridboxpro h4{line-height:40px;}
.gridboxpro a{margin-bottom:10px;color:#87b5de;display:block;margin-bottom:5px;height:22px;overflow:hidden;}

.dznewslist{margin-bottom:10px;}
.dznewslist a{line-height:35px;height:35px;overflow:Hidden;display:block;}
.dznewslist p{color:#999;height:60px;overflow:hidden;}
.dznewslist .img-responsive{height:230px;}

.dznewsinfo{padding-top:20px;padding-bottom:20px;border-top:1px solid #eee;}
.dznewsinfo .dznext{margin-top:10px;}
.dznewsinfo .dznext div{padding:0 5px;line-height:40px;border:1px solid #fff;background:#cce2fb;color:#eee;height:40px;overflow:hidden;}
.dznewsinfo .dznext div:hover,.dznewsinfo .dznext div:hover a{background:#87b5de;color:#fff;}
.dznewsinfo .dznext div a{color:#eee;}
.dzdate{color:#999;}

.Xcontent08 div{float:left;width:24%;height:auto;margin-right:2px;margin-top:10px;margin-bottom:10px;}
.Xcontent17 .o_title{line-height:26px;width:100%;color:#999;margin:8px 0;}
.Xcontent17 .o_text{line-height:35px;border:1px solid #f4f4f4;margin-bottom:5px;color:#999;width:98%;padding-left:10px;}
.Xcontent17 .o_area{line-height:24px;border:1px solid #f4f4f4;width:98%;height:120px;padding-left:10px;color:#999;}
.Xcontent17 .o_title span{color:#87b5de;}
.Xcontent17 .btnorder{line-height:40px;width:120px;text-align:center;color:#fff;border:none;background:#ccc;cursor:pointer;}
.Xcontent17 .btnorder:hover{background:#87b5de;}

.yndescription{width:100%;background:#fff;padding:10px 5px;margin-top:10px;max-height:397px;}
#gallery-1{margin-top:10px;}
.ynproinfocontext{margin-bottom:80px;}
.yndescription p{line-height:26px;margin:8px 0;}
.yndescription h5{color:#87b5de;}
.ynproinfocontext h5{font-size:24px;line-height:80px;}


/* input */
.ipt {
	border: solid 1px #d2d2d2;
	border-left-color: #ccc;
	border-top-color: #ccc;
	border-radius: 2px;
	box-shadow: inset 0 1px 0 #f8f8f8;
	background-color: #fff;
	padding: 4px 6px;
	height:40px;
	line-height:40px;
	color: #555;
	width: 80%;
	vertical-align: baseline;
	float:left;
}
.ipt-mini {
	width: 140px;
	padding: 1px 3px;
}
.ipt:focus {
	border-color: #95C8F1;
	box-shadow: 0 0 4px #95C8F1;
}
/* btn */
.btn {
	position: relative;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
	height: 27px;
	line-height: 27px;
	min-width: 52px;
	padding: 0 12px;
	text-align: center;
	text-decoration: none;
	border-radius: 2px;
	border: 1px solid #ddd;
	color: #666;
	background-color: #f5f5f5;
	background: -webkit-linear-gradient(top, #F5F5F5, #F1F1F1);
	background: -moz-linear-gradient(top, #F5F5F5, #F1F1F1);
	background: linear-gradient(top, #F5F5F5, #F1F1F1);
}
input.btn {
	height:40px;
	line-height:40px;
	float:left;
}
.btn:hover {
	color:#333;
	background-color:#f8f8f8;
	background:-webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
	background:-moz-linear-gradient(top, #f8f8f8, #f1f1f1);
	background:linear-gradient(top, #f8f8f8, #f1f1f1);
	border:none;
}
.btn:active, .btn.btn-active {
	border:none;
}
.btn:focus {
	border:#none;
}
.btn-primary {
	border-color: #3079ED;
	color: #F3F7FC;
	background-color: #4D90FE;
	background: -webkit-linear-gradient(top, #4D90FE, #4787ED);
	background: -moz-linear-gradient(top, #4D90FE, #4787ED);
	background: linear-gradient(top, #4D90FE, #4787ED);
}
.btn-primary:hover {
	border-color:#2F5BB7;
	color:#fff;
	background-color: #4D90FE;
	background: -webkit-linear-gradient(top, #4D90FE, #357AE8);
	background: -moz-linear-gradient(top, #4D90FE, #357AE8);
	background: linear-gradient(top, #4D90FE, #357AE8);
}
.btn-primary:active, .btn-primary.btn-active {
	box-shadow:#2176D3 0 1px 2px 0 inset;
	border-color: #3079ED;
}
.btn-primary:focus {
	border-color:#4d90fe;
	outline:none
}
.theme-buy {
	margin-top:10%;
	text-align: center;
}
.theme-gobuy, .theme-signin {
	font-size: 15px;
}
.theme-price {
	position: relative;
	bottom: -6px;
	font-family: microsoft yahei, Arial, Helvetica, sans-serif;
	margin-right: 20px;
	font-weight: bold;
	color: #f60;
	line-height: 32px;
	font-size: 24px;
	display: inline-block;
}
.theme-price dfn {
	font-style: normal;
	font-size: 18px;
	margin-right: 2px;
}
.theme-desc {
	padding: 30px;
}
.theme-version {
	padding: 30px;
}
.theme-popover-mask {
	z-index: 9998;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.4;
	filter:alpha(opacity=40);
	display:none
}
.theme-popover {
	z-index:9999;
	position:fixed;
	top:50%;
	left:50%;
	width:50%;
	height:180px;
	margin:-180px 0 0 -330px;
	border-radius:5px;
	border:solid 2px #666;
	background-color:#fff;
	display:none;
	box-shadow: 0 0 10px #666;
}
.theme-poptit {
	border-bottom:1px solid #ddd;
	padding:12px;
	position: relative;
}
.theme-popbod {
	padding:60px 15px;
	color:#444;
	height: 148px;
}
.theme-popbom {
	padding:15px;
	background-color:#f6f6f6;
	border-top:1px solid #ddd;
	border-radius:0 0 5px 5px;
	color:#666
}
.theme-popbom a {
	margin-left:8px
}
.theme-poptit .close {
	float:right;
	color:#999;
	padding:5px;
	margin:-2px -5px -5px;
	font:bold 14px/14px simsun;
	text-shadow:0 1px 0 #ddd
}
.theme-poptit .close:hover {
	color:#444;
}
.btn.theme-reg {
	position: absolute;
	top: 8px;
	left: 43%;
	display: none
}
.inp-gray, .feed-mail-inp {
	border:1px solid #ccc;
	background-color:#fdfdfd;
	width:220px;
	height:16px;
	padding:4px;
	color:#444;
	margin-right:6px
}
.dform {
	padding:80px 0px 40px;
	text-align: center;
}
.dform .ipt_error {
	background-color:#FFFFCC;
	border-color:#FFCC66
}
.dform-tip {
	display:none;
	background-color:#080;
	color:#fff;
	line-height:42px;
	margin-top:10px;
display:;
	font-size: 14px;
}
.dform-tip-errer {
	background-color: #CF301A;
}
.dform-tip a {
	display: inline-block;
	padding: 0 20px;
	margin-left:10px;
	background-color: #FFE924;
	color: #CF301A;
}
.dform-login {
	padding:0;
	height: 270px;
	overflow: hidden;
}
.dform-login iframe {
	height: 470px;
	margin-top: -180px;
}
.theme-signin {
	margin: -50px -20px -50px 90px;
	text-align:left;
	font-size: 14px;
}
.theme-signin h4 {
	color:#999;
	font-weight:100;
	margin-bottom: 20px;
	font-size: 12px;
}
.theme-signin li {
	padding-left: 80px;
	margin-bottom: 15px;
}
.theme-signin li strong {
	float: left;
	margin-left: -80px;
	width: 80px;
	text-align: right;
	line-height: 32px;
}
.theme-signin .btn {
	margin-bottom: 10px;
}
.theme-signin p {
	font-size: 12px;
	color: #999;
}
.theme-desc, .theme-version {
	padding-top: 0
}

.ynequipment .row div{text-align:center;overflow:hidden;}
.ynequipment .row div img{border:10px solid #fff;width:100%;}
.ynequipment .row div p{font-size:16px;line-height:30px;color:#999;}

.page{ margin:50px 0; width:100%; text-align: center; display: inline-block;overflow:hidden;}
.page p a{margin-right:-1px; display: inline-block;padding: 0; border:1px solid #ddd; color:#666; height: 40px; width: 50px;}
.page p span{color:#666;}
.page p a:Hover span{color:#fff;}
.page p{ text-align: center; line-height: 40px;}
.page p a:hover{ text-decoration: none; background: #f26e23; color: #ffffff;}
.page a.cur{ background: #eee; color: #333; }
.page .Prev{border-top-left-radius:3px;border-bottom-left-radius:3px;}
.page .next{border-top-right-radius:3px;border-bottom-right-radius:3px;}

.btnmsg{line-height:40px;width:120px;text-align:center;color:#fff;border:none;background:#ccc;cursor:pointer;}
.btnmsg:hover{background:#87b5de;}

#floatDivBoxs{width:170px;background:#fff;position:fixed;top:100px;right:-170px;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#fc3300;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; text-align:right}
#floatDivBoxs .floatDqq li img{ float:left; margin-top:7px;}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px;}
#floatDivBoxs .floatImg{text-align:center;padding:10px;background:#EBEBEB;}
#floatDivBoxs .floatImg img{ margin-bottom:5px;}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:150px;background:url(../images/online_arrow.png) no-repeat;position:fixed;top:100px;right:0;z-index:999;}
#rightArrow a{display:block;height:150px;}