/*
Theme Name: jointeam
Theme URI: 
Author: duan
Author URI: 
Description: 

Version: 10000.0
*/
html{overflow-x: hidden}
*{ margin:0; padding:0;}
body{ margin:0; padding:0; -ms-word-wrap:break-word; font-size:14px; word-wrap:break-word; background-color:#ffffff; line-height:1.8; color:#757575; font-family:"Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","微软雅黑","STHeiti","WenQuanYi Micro Hei","SimSun",sans-serif;}
img{ margin:0; padding:0; border:none;}
section img{max-width:100%;}
h1,h2,h3,h4,h5,h6{ margin:0; padding:0;}
p{ margin:0; padding:0;}
a{ text-decoration:none; color:#00a8ff;}
a:hover{ text-decoration:none;}
ul{ list-style:none; margin:0; padding:0;}
.clearfix{*zoom:1}
.clearfix:after{display:block;visibility:hidden;height:0;overflow:hidden;content:"\0020";clear:both}
.clear{ clear:both;}
.middle-align{ margin:0 auto; padding:0;}
.wp-caption{ margin:0; padding:0; font-size:13px; max-width:100%;}
.wp-caption-text{ margin:0; padding:0;}
.sticky{ margin:0; padding:0;}
.bypostauthor{ margin:0; padding:0;}
.gallery-caption{ margin:0; padding:0;}
.alignleft, img.alignleft {display: inline; float: left; margin-right:45px; margin-top:4px; margin-bottom:20px; padding:0; }
.alignright, img.alignright { display: inline; float: right; margin-top:140px; }
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0; }
.comment-list .comment-content ul { list-style:none; margin-left:15px;}
.comment-list .comment-content ul li{margin:5px;}
.main-container ol{list-style-position:outside; margin-left:20px;}
.main-container ol li{margin:5px 0;}




#slider{ width:100%; margin:0; padding:0; position:relative;}
.top-bar{ margin:0; padding:16px 0 20px; position:absolute; width:100%; top:120px; text-align:center; font-family:'Roboto'san-serif; color:#ffffff; z-index:99;}
.top-bar h1{font-weight:900;  font-size:58px; padding:0 0 20px 0; text-align:center; text-transform:uppercase;}
.top-bar p{ color:#ffffff; font-weight:normal; font-size:16px; margin:0 0 30px 0; line-height:24px; text-align:center;}
.top-bar a, .contact-banner a{ font:700 26px 'Roboto', sans-serif; padding:10px 40px; margin-top:21px; text-transform:uppercase; display:inline-block; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; color:#ffffff;}
.top-bar h1, .top-bar p	{ text-shadow:2px 2px 5px #000000;}


.main-container{margin:0; padding:0;}

body.home .fixed, body.blog .fixed{position:fixed !important; top:0 !important; margin:0; padding:0; z-index:99; box-shadow:1px 1px 1px rgba(0,0,0,.1);}
.header .header-inner{ margin:0 auto; padding:0; position:relative; z-index:999999;width:1100px;}
.header .header-inner .logo{margin:0; padding:0; }
.header .header-inner .logo h1{ font-weight:700; text-transform:uppercase; font-family:'Roboto',san-serif; font-size:28px; }
.header .header-inner .logo a{ color:#3e3e3e;}
.container{ width:1000px; margin:0 auto; padding:0; position:relative;}
.toggle{display:none;}
.header{width:100%; height:auto; padding:0; background:#fff;border-bottom: 1px solid #eee;}
.header .header-inner .nav{float:right;}
.header .header-inner .nav .menu > li{ float: left; position:relative;}
.header .header-inner .nav .menu > li > a{display: block; color:#666; padding:13px 20px; border-top: 3px solid #fff;*border-top: 5px solid #fff;}
.header .header-inner .nav .sub-menu{display: none; z-index:999; background:#fff; position:absolute; top:54px; left:0; text-align:left; box-shadow:1px 1px 2px rgba(0,0,0,.1); }
.header .header-inner .nav .menu >li > a:hover{color:#333; border-top: 3px solid #4961dd;*border-top: 5px solid #4961dd;}
.header .header-inner .nav li:hover > .sub-menu{display: block;}
.header .header-inner .nav .menu > li > .sub-menu > li > a{display: block; color:#666; padding:8px 20px; border-top: 1px solid #eee;}
.header .header-inner .nav .menu > li > .sub-menu > li > a:hover{color:#4961dd;}
.header .header-inner .logo{float:left;margin: 6px 0 0 6px;}

/* --------- Homepage --------- */
.section{ padding:90px 0 70px;}
.section2{ padding:70px 0 70px;}
section h2 {font-weight:500; font-size:32px;  text-align:center; color:#303030; height: 36px; line-height: 36px;}
section h3 {text-align:center;font-weight: 300; color:#666666; font-size: 14px; padding: 0 0  30px 0;}
section h4 a{font-size: 22px;font-weight: 400;color: #585858;}
section h4 a:hover{color: #00a8ff;}
/*我们是谁*/
.our-team{}
.team-desc{
}
/*企业文化*/
.our-culture{
  height: 80px;
  padding: 35px 0;
  overflow: hidden;
}
.culture-hd{
  float: left;
  height: 80px;
  padding-right: 100px;
  margin-right: 50px;
  border-right: 2px solid #fff;
}
.culture-hd h2{
  margin-top: 15px;
  color: #fff;
}
.culture-hd h3{
  color: #fff;
}
.culture-bd{
  float: left;
  color: #fff;
  position: relative;
}
.culture-bd h3{
  font-size: 20px;
  color: #fff;
  text-align: left;
  padding: 0;
}
.culture-bd ul {
  width: 550px;
}
.culture-bd ul li{
  float: left;
  width: 550px;
  padding-top: 10px;
}
.culture-bd .control{
  position: absolute;
  cursor: pointer;
  display: inline-block;
  width: 36px;
  height: 36px;
}
#leftControl{
  top:25px;
  right: -50px;
  transition:background .5s;
  background:url(images/arrow/L-alpha.png) no-repeat;
}
#leftControl:hover{
  background:url(images/arrow/L.png) no-repeat;
}
#rightControl{
  top:25px;
  right: -100px;
  transition:background .5s;
  background:url(images/arrow/R-alpha.png) no-repeat;
}
#rightControl:hover{
  background:url(images/arrow/R.png) no-repeat;
}
/*新闻中心*/
.news-companies{
  float: left;
  margin-left: 50px;
}
.news-industry{
  float: right;
  margin-right: 50px;
}
.news-mode {
  width: 350px;
}

.news-mode h4{
  text-align: center;
  margin-bottom: 20px;
}
.news-mode .pic img{
  width: 350px;
}
.news-mode  ul{
  margin-top: 15px;
}
.news-mode  ul li{
  height: 20px;
  overflow: hidden;
  margin-bottom: 15px;
}
.news-mode  ul li span{
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #dbddec;
  margin: 10px 10px 0 0;
  line-height: 20px;
  float: left;
}
.news-mode  ul li a{
  color: #b5b5b5;
}
.news-mode  ul li a:hover{
  color: #00a8ff;
}

/*核心技术产品*/
.our-product{}
.our-product .poroduct-list > li{
  float: left;
  margin:0 50px 0px 50px;
  width: 400px; 
}
.our-product .icon{
  display: block;
  background: #fff;
  width: 85px;
  height: 85px;
  border: 2px solid #ccc;
  border-radius: 50%;
  transition:border 1s;
}
.our-product .icon:hover{
  border: 2px solid #80b99d;
  box-shadow: 0 0 4px rgba(0,0,0,.1);
}
.our-product .icon2:hover{
  border: 2px solid #febc89;
  
}
.our-product .text{
  margin: -100px 0 0 105px;
}
.our-product .text .detail{
  color: #b5b5b5;
  line-height: 2.2;
}

/*数字中竞*/
.our-num{
  padding: 70px 0 0 0;
}
.our-num h2,.our-num h3{
  color: #fff;
}
.index_box {
  width: 900px; 
  height: 360px;
  margin: 20px auto 0 auto;
  position: relative;
  overflow: hidden;
}
.index_nav {
  padding: 20px 0;
  text-align: center;
}
.index_nav a {
  display: inline-block;
  width: 18px; 
  height: 18px;
  margin: 0 3px;
  line-height: 18px;
  border-radius:50%;
  background-color: #fff;
  text-align: center;
  font-size: 12px;
  color: #333;
}
.index_nav .on {
  filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#33000000', endColorstr='#33000000');
  background:rgba(0,0,0,0.2);
  color: #fff;
}
.index_nav a:hover {
  text-decoration: none;
}
.index_slide {
  position: absolute; left: 0; top: 0;
  width: 100%; 
  height: 100%;
}
.index_explain {
  color: #fff;
}
.index_hidden {
  display: none;
}
.index_icon{
  float: left;
  width: 320px;
}
.index_text{
  color: #fff;
  float:left;
  width: 430px;
  padding-left: 50px; 
  position: relative;
}

/*合作伙伴*/
.our-partners{}
.our-partners ul{
  padding: 0 15px;
}
.our-partners ul li{
  float: left;
  width: 180px;
  border: 1px solid #eee;
  padding: 1px 15px;
  margin: 0 15px 30px 15px;
}
.customer-tablist {
  width: 552px;
  margin:  0 auto;
}
.customer-tablist li{ float: left;}

.customer-tablist li a{
  color: #656565;
  padding: 5px 10px;
  margin: 0 15px;
}
.customer-tablist li a.tab_on{
  background: #4961db;
  color: #fff;
}
.customer-tabcontent{
  width: 840px;
  margin: 10px auto 0 auto;
  position: relative;
  height: 320px;
  overflow: hidden;
}
.tabpanel_abs{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.tabpanel_abs li{
  float: left;
  margin: 15px;
}
.tabpanel_abs .pic{
  position: relative;
  display: block;
  width: 180px;
  height: 135px;
}
.tabpanel_abs .tips{
  filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E53C51BA', endColorstr='#E53C51BA');
  background:rgba(60,81,186,0.9);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; 
  display: none;
}
.tabpanel_abs .tips h3{
  color: #fff;
  text-align: center;
  margin-top: 50px;
  padding: 0 10px;
}
.tab_auto_play{
  position: relative;
  text-align: center;
  z-index: 1;
}
.tab_auto_play .prev,.tab_auto_play .next{
  position: absolute;
  width: 40px;
  height: 40px;
  background: #ddd center no-repeat;
  border-radius: 50%;
}
.tab_auto_play .prev:hover,.tab_auto_play .next:hover{
  background-color: #aaa;
}
.tab_auto_play .prev{
  left: 30px;
  top: 180px;
  background-image: url(images/arrow/prev.png?22);
  background-position: 11px 9px;
}
.tab_auto_play .next{
  right: 30px;
  top: 180px;
  background-image: url(images/arrow/next.png?22);
}


.contact-left{
   float: left;
   margin-left: 40px;
}
.contact-left li{
  background-image: url(images/contact/icon.png);
  background-repeat: no-repeat;
  padding-left: 35px;
  line-height: 29px;
  margin-bottom: 10px;
  font-size: 16px;
}
.contact-left li a{
  color: #757575;
}
.contact-left li.i-1{
  background-position: 0px 0px;
}
.contact-left li.i-2{
  background-position: 0 -40px;
}
.contact-left li.i-3{
  background-position: 0 -80px;
}
.contact-left li.i-4{
  background-position: 0 -120px;
}
.contact-left li.i-5{
  background-position: 0 -160px;
}
.contact-right{
  float: right;
  margin-right: 40px;
  height: 180px;
  width: 386px;
  background: url(images/contact/map.jpg);
  position: relative;
}
.map{
  position: absolute;
  top:65px;
  left: 250px;
  background: url(images/contact/d.png);
  width: 22px;
  height: 30px;
  -webkit-animation: anpoint 1s .5s ease 20;
}
@-webkit-keyframes anpoint {
  0% {
    top:65px;
  }
  30%{
    top:68px;
  }
  50%{
    top:70px;
  }
  80%{
    top: 68px;
  }
  100% {
    top: 65px;
  }
}


/* ------------ Footer -------- */
.copyright-wrapper { 
  position:relative; 
  padding:25px 0; 
  background-color:#f4f4f4;
}
.copyright { 
  width:1000px;
  margin:auto;
 }
.copyright-txt {
  text-align: center;
  font-family:arial;
  color:#757575;
 }





/* --------- Pages ------- */
.content-area{ 
  width:960px; 
  margin:0 auto; 
  padding:50px 0;
}
.site-side{ 
  width: 240px;
  margin: 40px 40px 0 0;
  float: left;
  height: 300px;
}
.site-side ul li{
  line-height: 3;
  padding: 0 0 0 18px;
}
.site-side ul li.current-cat,.site-side ul li.current_page_item{
  background: #eef1f8;
  border-left: 2px solid #a9b7f4;
}
.site-side ul li a{
  color: #999;
}
.site-side ul li a:hover{
  color: #00a8ff;
}
.site-side ul li.current-cat a,.site-side ul li.current_page_item a{
  color: #3c51ba;
}
.site-main{
  width:680px; 
  margin:0; 
  padding:0; 
  float:left;
}

.new_list li{
  line-height: 2.5;
}
.new_list li a{
  color: #676767;
  float: left;
}
.new_list li a:hover{
  color: #00a8ff;
}
.new_list li span{
  float: right;
  color: #999;
}




#sitefull{ width:auto !important;padding: 0 50px;}



h1.entry-title, h1.page-title{padding-bottom:20px; font-size:24px;font-weight: 400;}
.entry-content  ul {
  list-style-type: disc;
  list-style-position: inside;
}
.entry-content ul li{
  line-height: 2.5;
}
.entry-content p{
  text-indent: 2em;
}

.pagination{display:table; clear:both;}
.pagination ul{list-style:none; margin:30px 0 ;}
.pagination ul li{display:inline; float:left; margin-right:5px;}
.pagination ul li span, .pagination ul li a{  background:#eef1f8;color:#3c51ba; padding:5px 10px; display:inline-block;}
.pagination ul li span{color: #3c51ba;background: #fff;}
.pagination ul li span.current{ color: #00a8ff;background: #fff;}



article.tag-sticky-2{background:#f6f6f6; padding:10px;}
article img{height:auto;}
article p{margin:10px 0;}
.post-date{display:inline;}
.post-comment{display:inline;}
.post-categories{display:inline;}
.post-tags{display:inline;}
form.search-form{margin-bottom:15px;}
input.search-field, .post-password-form input[type=password]{border:1px #eee solid; padding:4px;}
input.search-submit, .post-password-form input[type=submit]{border:none; color:#ffffff; padding:4px 10px; cursor:pointer;}
aside.widget{margin-bottom:30px;}
aside.widget ul{ list-style:disc; margin-left:13px;}