/*
*Theme Name: graphvation
*Description: 杭州烯创科技有限公司
*Version:1.0
*Author: 摩卡软件
*/
/*首页样式*/
.map{height: 200px;width: 300px;}
.imgbox img{width: 100%;height: 500px;margin: 5px 0 0;}
.about-title-line{position: relative;margin: 10px auto 30px;width: 100%;text-align: center;}
.about-title{display: inline-block;position: relative;}
.fpre{height: 0px;border-top: 2px solid  #999;position: absolute;width: 100%;top:50%;right: 100%;}/*lirl修改*/
.fnext{height: 0px;border-top: 2px solid  #999;position: absolute;width: 100%;top: 50%;left: 100%;}/*lirl修改*/
.fontmsg {margin: 5px 10px;font-size: 25px;}/**lirl修改**/
.fontmsg span{margin: 0 15px;font-size: 20px;color: #CCCCCC;}
.shuoming p{text-align: center;font-size: 18px;color: #666;line-height: 30px;}/*lirl修改*/

/*新闻页样式*/
.newstab{max-width: 800px;margin: 30px auto;}
.page-loc{margin-bottom: 100px;}
.page-loc .tab{height: 45px;margin:0 5%;}
.page-loc li{list-style:none;float:left;width:17%;height:40px;color: #DA7D39;border:1px solid #DA7D39; text-align:center;line-height:40px;cursor:pointer; }
.page-loc li.active{background:#DA7D39;color: white;}
.page-loc .nav-tabs{border:none;}
.page-loc .nav-tabs li a{font-size: 16px;}
.nav-tabs > li > a{color: #DA7D39;outline: none;padding: 6px 15px;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
	color: #fff;
	background:none;
	border:none;
}
.tab-content .tab-warp{height: 0;overflow: hidden;}
.tab-content .tab-warp .swiper-button{display: none;}
.tab-content .activetab{height: auto;}
.tab-content .activetab .swiper-button{display: block;}
.selectdiv{margin: 0 auto 30px;overflow: hidden;}
.comnews,p.hynews{margin-top: 50px;}
.newstab p.comnews,p.hynews{font-size: 16px; color: #DCB263;}
.newstab ul{margin: 5px 0 5px;}
.newstab ul.comnewslist{height: 300px;}
.newstab ul.comnewslist li span{color: #666;}
.newstab li{list-style: none; border-bottom:1px dashed #666;}
.newstab li>a{text-decoration: none;color: #666;}
.newstab li>label{margin-left:150px;font-size: 8px;color: #666;}
/*关于我们页面样式*/
.aboutuspage{max-width: 800px;margin: 50px auto 20px;}
.usmenu ul{height: 45px;}
.usmenu li{list-style:none;float:left;width:50%;height:45px;color: #DA7D39;border:1px solid #DA7D39; text-align:center;line-height:45px;cursor:pointer; }
.usmenu li.active{background:#DA7D39;color: white;}
.aboutFont {min-height:600px;display: none;margin: 0 0 20px;position: relative;padding-top: 50px;}
.aboutFont div{}
.location{/*position: absolute;right: 0;top: 20%;*/ overflow: hidden;}
/*.location ul{margin: 0 0 0 -40px;}
.location ul{margin: 0 0 0 8px;}
.location ul li,.location ul li>a{list-style: none;font-size: 13px;color:#666;line-height: 20px;}
.location ul li:hover{cursor: pointer;}*/
.swiper-tab{width: 100%;height: 55%; margin-left:-50px;margin-right: auto;}
.swiper-container {width: 100%;height: 100%;}
.slide-img{text-align: center;}
.slide-img img{/*width: 380px;height: 330px;*/}
.slide-img p{margin-top: 20px;color: #808285;font-size: 13px;}
.aboutFont .swiper-button-next{top: 20%;right: 0;position: absolute;}
.aboutFont .swiper-button-prev{left: 0;position: absolute;top: 20%;}
.aboutFont-2 .swiper-button-next,.aboutFont-2 .swiper-button-prev{top:40%;}
/*产品列表*/
.prolist{width: 90%;margin: 30px auto;}
.proname{margin: 15px auto;}
.proname a{text-decoration: none; font-size: 18px;color: #999;line-height: 30px;}
.proname a.active{color: #F36F23;}
.banner {position: relative; overflow: auto;}
.banner li { width:1140px; float: left; list-style: none; display: none;}
.banner li>h4{color: #F36F23 ;text-align: left;}
.banner li>div{width: 1000px;margin: 0 auto;}
.banner li>div h4{color: #F36F23 ;text-align: left;}
.banner ul { padding: 0; }
.banner  .arrow { position: absolute; top: 200px;}
.banner  #al { left: 15px;}
.banner  #ar { right: 15px;}

/*产品应用*/
.wrap {position: relative; overflow: auto; }
.wrap li { float: left; list-style: none;}
.wrap li>h3{color: #F36F23 ;text-align: left;margin-left: 6%;margin-bottom: 40px;}
.wrap  .arrow { position: absolute; top: 200px;}
.wrap  #al { left: 15px;width:20px;height:35px;}
.wrap  #ar { right: 15px;width:20px;height:35px;}
.application-c table{border:1px solid #ccc;}
.application-c table td{border:1px solid #ccc;}
.application-c table td p{line-height:20px;margin:0;}
.application-c hr{border-top:1px solid #f18101;}
/*
*created by lirl
*/
.container-fluid{
	padding: 0;
}
.containerbox span.c2 a{color: #fff;text-decoration: none;}
.containerbox span.c2 a:hover{color: #F36F23;}
.nav-top{background: #808285;height: 40px;}
.nav-top div span{color: #fff;}
.logo{background: #f36f23;}
.navbar-default{background: none;border:none;}
.nav-logo{}
.main-navigation{position: absolute;right: 0;bottom: 0;margin-bottom: 0;}
#main-navbar .nav-container li {
  list-style: none;
  float: left;
  line-height: 48px;
}
#main-navbar .nav-container a:hover {
  color: #CCCCCC;
}
#main-navbar .nav-container li > a {
  text-decoration: none;
  font-size: 18px;
  font-weight: 10em;
  color: white;
  margin: 0 10px;
  padding: 15px 5px
}
#main-navbar .nav-container li > a i{margin-right: 5px;}
.banner-img{margin-bottom: 50px;margin-top: 20px;}
.banner-img .meteor-nav .prev a{background: url('assets/images/prev_c.png') no-repeat center right;}
.banner-img .meteor-nav .prev a:hover{background: url('assets/images/prev_c.png') no-repeat center right;}
.banner-img .meteor-nav .next a{background: url('assets/images/next_c.png') no-repeat center left;}
.banner-img .meteor-nav .next a:hover{background: url('assets/images/next_c.png') no-repeat center left;}
.banner-img .meteor-slides .meteor-nav a{width: 100px;}
.shuoming .subtitle{font-size: 16px;color: #F36F23;font-family: "lucida Grande",Verdana,"Microsoft YaHei",sans-serif}

.mb30{margin-bottom: 30px;}
.mb50{margin-bottom: 50px;}
.footertab{overflow: hidden;padding-top: 20px;}
.footertab li.menu-item-has-children{float: left;width: 30%;margin-left: 1.5%;margin-right: 1.5%;text-align: center;}
.footertab li a{color: #fff;text-decoration: none;}
.footertab li>a{font-size: 16px;}
.footertab li>ul>li>a{font-size: 14px;}
.footertab li>ul>li{line-height: 30px;}
.footertab li.apps-pro ul li{float: left;width: 50%;}
.newstab li span.postdate{display: block;float: right;font-size: 12px;color: #999;font-weight: bold;}
.location iframe{width: 100%;height: 250px;}
.location iframe #map{border-radius: 50%;}
@keyframes anima-left{
	from{top:0;right: 50%;}
	to{top:50%;right: 100%;}
}
@-moz-keyframes anima-left{
	from{top:0;right: 50%;}
	to{top:50%;right: 100%;}
}
@-webkit-keyframes anima-left{
	from{top:0;right: 50%;}
	to{top:50%;right: 100%;}
}
@-o-keyframes anima-left{
	from{top:0;right: 50%;}
	to{top:50%;right: 100%;}
}
@keyframes anima-right{
	from{top:0;left: 50%;}
	to{top:50%;left: 100%;}
}
@-moz-keyframes anima-right{
	from{top:0;left: 50%;}
	to{top:50%;left: 100%;}
}
@-webkit-keyframes anima-right{
	from{top:0;left: 50%;}
	to{top:50%;left: 100%;}
}
@-o-keyframes anima-right{
	from{top:0;left: 50%;}
	to{top:50%;left: 100%;}
}
@keyframes anima-top{
	from{padding-top:100px;opacity: 0;}
	to{padding-top: 0;opacity: 10;}
}
@-webkit-keyframes anima-top{
	from{padding-top:100px;opacity: 0;}
	to{padding-top: 0;opacity: 10;}
}
@-moz-keyframes anima-top{
	from{padding-top:100px;opacity: 0;}
	to{padding-top: 0;opacity: 10;}
}
@-o-keyframes anima-top{
	from{padding-top:100px;opacity: 0;}
	to{padding-top: 0;opacity: 10;}
}
/*联系表单*/
.fontred{color: red;}
.contact-form .form-group label{font-weight: normal;font-size: 16px;}
.reldiv{position: relative;}
.reldiv .valid{border:1px solid #17b930;}
.contact-form .form-group .reldiv label.error{
	position: absolute;top: 6px;right: 5px;font-size: 14px;color:#f6240b;}
.reldiv i{position: absolute;top: 7px;left: 10px;font-size: 20px;color: #f18101;opacity: 0.5;width: 20px;text-align: center;}
.reldiv:hover i{opacity: 1;}
.contact-form .form-group input{padding-left: 30px;}
.contactpage{background: url("assets/images/bg2.jpg") no-repeat;padding: 20px 0;margin-top: 10px;/*position: relative;*/}
.contact-img{position: absolute;}
.modal-backdrop{position: absolute;}
.contact-form{background: #fff;padding: 20px;border:1px solid #ccc;max-width: 750px;margin: 60px auto 0;}
.successbg{text-align: center;}
.submitdiv {text-align: center;}
/*关于我们*/
.company-msg span{display: block;line-height: 30px;color: #666;text-indent: 0;}
.company-msg span i{color: #f18101;margin-right: 10px;font-size: 18px;width: 20px;text-align: center;}
.contact-title span{display: block;line-height: 24px;text-indent: 0;}
.contact-title span.main{font-size: 24px;color: #666;}
.contact-title span.sub{font-size: 18px;color: #aaa;}
.contact-title{overflow: hidden;border-bottom: 2px dashed #f5a94f;margin-bottom: 20px;padding-bottom: 5px;}
.pager .previous > a, .pager .previous > span{float: none;color: #f18101;}
.pager .next > a, .pager .next > span{float: none;color: #f18101;}
.navbar-nav li.menu-item-has-children{position: relative;}
.navbar-nav li.menu-item-has-children .sub-menu{display: none;position: absolute;z-index: 999;background: #5f5f5f;opacity: 0.8;width: 120%;}
#main-navbar .navbar-nav li.menu-item-has-children > .sub-menu > li > a{font-size: 15px;padding: 15px 0;margin: 0;}
#main-navbar .navbar-nav li.menu-item-has-children > .sub-menu > li{line-height: 30px;width: 100%;}
.smx{
border: 3px outset #fff;
border-radius: 50%;
}
.smx div{
	background: #5da1e8;
   border: 1px solid #ccc;
   border-radius: 40px;
	font-size: 18px;
	color: #fff;
	width: 83px;
    height: 83px;
  text-align: center;
  vertical-align: center;
  line-height: 83px;
  opacity: 0.9;
}
.smx1{bottom: 26%;left: 2%;}
.smx2{bottom: 46%;left: 23%;}
.smx3{bottom: 26%;left: 13%;}
.smx4{bottom: 30%;left: 30%;}
.smx5{bottom: 57%;left: 38%;}
.pagination > li > a{color: #666;}
.zhaopin-content{margin-top: 20px;}
.zhaopin-content p{text-align: justify;color: #333;line-height: 30px;}