@charset "utf-8";
/* CSS Document */
body{
    font-family: Arial, Helvetica, Verdana;
	font-size:14px;
	line-height:1.42857143;
	color:#555;
	background:#fff;
}
h1,h2,h3,h4,h5,h6 { font-family: Arial, Helvetica, Verdana;}
img {
    border: none;
}
.blue {
    color: #3982F7;
}
.black {
    color: #000;
    font-weight: bold;
}
.grey {
    color: #555!important;
}
.text-18px {
    font-size: 18px!important;
}
a{
    color:#555;
	text-decoration:none;
}
a:hover,a:focus{
    color:#3982F7;
	text-decoration: none;
}
.link-blue {
    color: #3982F7;
    text-decoration: none;
    font-size: 16px;
}
.link-blue:hover {
    text-decoration: underline;
}
.link-orange, .link-orange:active, .link-orange:focus {
    color: #ff9c00;
    text-decoration: underline;
    font-size: 18px;
    cursor: pointer;
}
.link-orange:hover {
    color: #000;
    text-decoration: underline;
}
.btn-white{ padding: 15px 40px; margin-top: 20px; font-size: 16px; background: none; color:#fff; border: #fff 2px solid; border-radius: 30px; outline: none!important; text-shadow: 0 1px 1px #888; transition-duration: 0.4s;}
.btn-white:hover,.btn-white:focus,.btn-white:active,.btn-white.active,.open>.dropdown-toggle.btn-white{ background: #fff;color:#000; text-shadow: none; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);}
.btn-white:active{ background: #fff; color:#000; border: #fff 2px solid; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1) inset;}
.btn-blue{ padding: 12px 35px; margin: -20px 0 10px; font-size: 16px; background: #3982F7;color:#fff; border-radius: 30px; outline: none!important; box-shadow: 0 10px 20px rgba(57, 130, 247, 0.3); transition-duration: 0.4s;}
.btn-blue:hover,.btn-blue:focus,.btn-blue:active,.btn-blue.active,.open>.dropdown-toggle.btn-blue{ background: #1e66d8;color:#fff;}
.btn-blue:active{ background: #3982F7;color:#fff;}
.btn-grey { border: #ddd 1px solid; border-radius: 25px; margin: 12px 0 0 25px; padding: 3px 15px!important; font-family: "Microsoft Yahei"; font-size: 13px!important;}


/* 头部 */
.navbar2 {background:rgba(255,255,255,1.0); padding: 8px 0;}
.menubtn{ margin-top:5px; margin-right:0px;}
.navbar .icon-bar{ background:#bbb;}
.nav a {
    font-size: 16px;
    color: #555;
    background: none!important;
}
.nav a:hover,.nav a:focus {
    color: #3982F7;
    text-transform: none;
}
.subnav {
    border: none;
}
.subnav li a {
    font-size: 14px;
    line-height: 30px;
}
.current {
    color: #3982F7!important;
}


/* banner */
#myCarousel{ height: 480px; margin-top: 72px; background: #f9f9f9!important;}
#myCarousel .carousel-inner{ height:100%;} 
.a1{ width:100%; height:100%; background:url(../images/bg.jpg); background-size:cover;}
.a2{ width:100%; height:100%; background:url(../images/bg2.jpg); background-size:cover;}
.a3{ width:100%; height:100%; background:url(../images/bg3.jpg); background-size:cover;}
.a4{ width:100%; height:100%; background:url(../images/bg4.jpg); background-size:cover;}
.a5{ width:100%; height:100%; background:url(../images/bg5.jpg); background-size:cover;}
.a6{ width:100%; height:100%; background:url(../images/bg6.jpg); background-size:cover;}
.a7{ width:100%; height:100%; background:url(../images/bg7.jpg); background-size:cover;}
.a8{ width:100%; height:100%; background:url(../images/bg8.jpg); background-size:cover;}
.a9{ width:100%; height:100%; background:url(../images/bg9.jpg); background-size:cover;}
.jc-desc{ position: relative; height: 100%; z-index: 10;}

/* 第1个轮换屏 */
.jc-txt-1{ position:absolute; left: 0px; top: 80px; width: 52%; color:#fff;}
.jc-txt-1{ animation-name: jc-txt-1; -webkit-animation: jc-txt-1 1.0s ease 0s normal none; -moz-animation: jc-txt-1 1.0s ease 0s normal none; animation: jc-txt-1 1.0s ease 0s normal none; }
@-webkit-keyframes jc-txt-1 { from { opacity: 0; left: -120px; } to { opacity: 1; left: 0px; } }
@-moz-keyframes jc-txt-1 { from { opacity: 0; left: -120px; } to { opacity: 1; left: 0px; } }
@keyframes jc-txt-1 { from { opacity: 0; left: -120px; } to { opacity: 1; left: 0px; } }
.jc-txt-1 h1{ font-size: 60px; margin-bottom: 20px; text-shadow: 0 0 6px #777;}
.jc-txt-1 h3{ font-size: 30px; line-height: 36px; text-shadow: 0 0 6px #777;}


/* 内容区 */
.read { padding: 20px 0 60px;}
.bg-grey { background: #f9f9f9;}
.read h1 { font-size: 48px; color: #000; margin-bottom: 30px; text-align: center;}
.read h3 { font-size: 24px;  text-align: center;}
.read p { font-size: 16px; line-height: 30px;}
.info-utstamp { padding-top: 100px; text-align: left;}
.info-utstamp h3 { text-align: left;}
.info-anylocal { text-align: center;}
.img-anylocal { margin-top: 50px;}
.info-service { padding-top: 30px;}
.info-service h3 {  text-align: left;}
.info-service p { line-height: 26px; font-size: 16px;}
.info-service .btn-blue { font-size: 16px;}
.services { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; overflow: hidden; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.03); -webkit-transform: rotate(0deg);}
.services:hover { box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);}
.services img { width: 100%; transition: all 0.5s;}
.services img:hover { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}


/* 底部 */
.footer { border-top: #ddd 1px solid; color: #555; font-size: 14px; padding: 20px 0;}
.ft-copyright { padding-left: 0;}
.ft-link { padding-right: 0; text-align: right;}
.ft-link img { margin-left: 15px;}
#backtop { position:fixed; right:15px; bottom:10px;}


/* 产品 */
#myCarousel2{ height: 280px; margin-top: 72px; background: #eee!important;}
#myCarousel2 .carousel-inner{ height:100%;} 
.b1{ width:100%; height:100%; background:url(../images/bg.jpg); background-size:cover;}
.b2{ width:100%; height:100%; background:url(../images/bg3.jpg) center; background-size:cover;}
.b3{ width:100%; height:100%; background:url(../images/bg10.jpg) top; background-size:cover;}
.b4{ width:100%; height:100%; background:url(../images/bg7.jpg) center; background-size:cover;}
.b5{ width:100%; height:100%; background:url(../images/bg14.jpg) center; background-size:cover;}
.b6{ width:100%; height:100%; background:url(../images/bg13.jpg) center; background-size:cover;}
.b7{ width:100%; height:100%; background:url(../images/bg11.jpg) center; background-size:cover;}
.b8{ width:100%; height:100%; background:url(../images/bg12.jpg) center; background-size:cover;}
.b9{ width:100%; height:100%; background:url(../images/bg15.jpg) center; background-size:cover;}
.jc-txt-2{ top: 40px;}
.title { border-bottom: #ddd 1px solid; padding: 10px 0 20px;}
.info-utstamp { margin-top: -60px;}
.info-utstamp p, .info-utstamp ul li { font-size: 16px; line-height: 28px;}
.img-network { padding: 200px 50px 0;}
.img-network img { transition: all 2.0s;}
.img-network img:hover {transform: rotate(360deg);}
.utstamp-feature h3 { font-size: 30px; color: #000; margin-top: 40px;}
.info-features { margin: 40px 25px 20px 0; padding: 30px 20px 0; width: 360px; min-height: 460px; background: #fff; border-radius: 5px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.03);}
.info-features { cursor: default; transition: all 0.5s;}
.info-features:hover { transform: scale(1.1); box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);}
.info-features h3 { margin-top: 25px; font-size: 24px; color: #555;}
.info-features p { line-height: 24px;}
.read2 { background: #3982F7 url(../images/message-bg.jpg) no-repeat center; padding: 35px 0; text-align: center; color: #fff; font-size: 18px;}
.read2 .btn { margin: 0 0 0 20px;}
.message-mask { background: rgba(255,255,255,0.9)}
.message-window { border: none; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08); margin-top: 60px;}
.message-title { padding: 20px 25px; margin-bottom: 20px;}
.message-title button { margin-top: 20px;}
.message-space { padding: 0 25px;}
.message-input { width: 60%; height: 40px; box-shadow: none!important; outline: none!important;}
.message-textarea { resize:none; box-shadow: none!important; outline: none!important;}


/* 其他页面 */
.feedback { height: 320px!important;}
.feedback ol.carousel-indicators li { border: none; background: #e5e5e5; width: 10px; height: 10px; margin: 0 2px;}
.feedback ol.carousel-indicators li.active { border: none; background: #3982F7; width: 10px; height: 10px;}
.jc-txt-3 h3 { font-family: 'Courier New', Courier, monospace;}
.jc-txt-3 img { margin: 40px auto 15px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);}
.jc-txt-3 p { text-align: center;}
.tab-line { width: 100%!important; margin-top: 10px;}
.btn-tab { border: none; margin: 0 auto; width: 292px;}
.btn-tab li { margin-right: 10px; display: inline-block; width: 136px;}
.btn-tab li a { border: #ddd 1px solid!important; border-radius: 30px; background: none; color: #555; text-align: center; transition-duration: 0.5s;}
.btn-tab .active { border: #3982F7 1px solid!important; border-radius: 30px; background: #3982F7;}
.btn-tab .active a { border: none!important; color: #fff!important;}
.service-h3 { text-align: left!important; margin: 30px 0 20px; color: #000;}
.service li { font-size: 16px; line-height: 28px;}
.case { background: #fff; padding: 10px 20px; margin: 40px 0 20px; border-radius: 5px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.03);}
.case { cursor: default; transition: all 0.5s;}
.case:hover { transform: scale(1.05); box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);}
.case .blue { border-bottom: #eee 1px solid; padding-bottom: 8px; margin-bottom: 10px;}
.info-contact { border-right: #eee 1px solid; margin: 50px 0 30px; padding: 0 40px; min-height: 280px;}
.no-line { border: none!important;}
.info-contact h3 { margin-bottom: 30px;}
.info-contact p { line-height: 18px; font-size: 14px;}
.info-contact p span { color: #000;}
.career-list { line-height: 30px;}
.career-title { color: #000; margin: 40px 0 20px;}
.free { background: url(../images/ico-free.svg) no-repeat left center; padding: 5px 0 5px 50px; margin: -8px 0 15px -5px; font-size: 16px;}
.job-space { padding-top: 50px;}
.news-list { margin: 30px 0;}
.news-pic { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; overflow: hidden; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.03); -webkit-transform: rotate(0deg); float: right; margin-left: 20px;}
.news-pic img { transition: all 0.5s;}
.news-pic img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.news-list h2 { padding-top: 20px; font-size: 28px;}
.news-list span { color: #999;}
.clear-both { clear: both;}
.news-title { text-align: center; color: #000; padding: 20px 0 5px;}
.news-time { color: #999; text-align: center;}
.news-content { padding-top: 30px; font-size: 16px; line-height: 24px;}
.path { background: none; border-bottom: #ddd 1px solid; margin-top: -10px;}
.link { cursor: pointer;}
.list-pages a { border: #ccc 1px solid; border-radius: 5px; padding: 6px 10px; color: #999; text-decoration: none; margin-right: 10px; font-family: Arial; font-size: 10px!important;}
.list-pages a:hover { color: #3982F7; border: #3982F7 1px solid;}
.innovation-space { text-align: center; padding: 20px 0 40px;}
.space-anylocal { padding-top: 20px;}
.text-anylocal { padding-top: 40px;}
.text-center { text-align: center!important;}
.ico-location { background: url(../images/ico-location.svg) no-repeat left; padding-left: 26px;}



/* 小屏样式 */
@media (max-width: 1024px) {
    .feedback { height: 360px!important;}
    .info-features { margin: 40px 25px 20px 0; padding: 30px 20px 0; width: 298px; min-height: 536px;}
    .path { margin-top: 0;}
}


@media (max-width: 768px) {
    .a2, .a3, .a4, .a5, .a6, .a9 { background-position: center top;}
    .jc-txt-1{ left: 0; top: 120px; width: 100%; padding-left: 15px;}
    .jc-txt-2{ top: 60px;}
    .img-network { padding: 20px 180px 0;}
    .info-features { margin: 20px 25px 20px; padding-bottom: 20px; width: calc(100% - 50px); min-height: 0;}
    .feedback { height: 400px!important;}
    .info-contact { border: none; margin: 0; padding: 0 20px; min-height: 0;}
    .info-contact h3 { margin-bottom: 10px; padding-bottom: 10px; border-bottom: #eee 1px solid;}
}


@media (max-width: 720px) {
  .link-blue { font-size: 14px;}
  .btn-white{ padding: 12px 30px;}
  .btn-grey { border: none; margin: 0; padding: 8px 15px!important; font-size: 14px!important;}

  #header {padding: 20px 8px 0;}
  .logo { padding-left: 6px;}
  .navbar .navbar-inner{ line-height:60px;}
  .menu{ padding-right: 10px;}
  #myCarousel{ margin-top: 50px; height: 400px;}
  .jc-txt-1{ top: 80px;}
  .jc-txt-1 h1 { font-size: 36px;}
  .jc-txt-1 h3 { font-size: 18px; line-height: 24px;}
  .read { padding: 0px 0 30px;}
  .read h1 { font-size: 30px; margin: 30px 0px 20px;}
  .read h3 { font-size: 18px;}
  .read p { font-size: 14px; line-height: 24px;}
  .info-service h3 { text-align: left;}
  .info-service p { line-height: 20px; font-size: 14px;}
  .footer { padding: 10px 0;}
  .ft-copyright { text-align: center;}
  .ft-link { text-align: center; padding-top: 10px;}
  .ft-link img { margin: 0 10px;}
  
  #myCarousel2{ margin-top: 50px; height: 280px;}
  .jc-txt-2{ top: 50px;}
  .tab-line { margin-top: 10px;}
  .feedback { height: 430px!important;}
  .jc-txt-3 img { margin: 20px auto 10px;}
  .read2 { padding: 22px 0;}
  .read2 .btn { margin: 10px 0 0 0;}
  .img-network { padding: 20px 80px 0;}
  .info-utstamp p, .info-utstamp ul li { font-size: 14px; line-height: 24px;}
  .info-features { margin: 20px 25px 20px; padding-bottom: 20px; width: calc(100% - 50px); min-height: 0;}
  .service li { font-size: 14px; line-height: 24px;}
  .carrer-title h4 { font-size: 14px!important;}
  .info-career { font-size: 14px; line-height: 20px;}
  .info-career p { font-size: 14px; line-height: 20px; color: #000;}
  .info-contact { border: none; margin: 0; padding: 0 20px; min-height: 0;}
  .info-contact h3 { margin-bottom: 10px; padding-bottom: 10px; border-bottom: #eee 1px solid;}
  .ico-location { background: url(../images/ico-location.svg) no-repeat left top;}
  .space-career { padding-top: 20px;}
  .text-anylocal { padding-top: 0px;}
}