/*@font-face {
    font-family: 'calibri';
    src: url('/html/fonts/calibri/.eot') format('eot'),
         url('/html/fonts/calibri.woff') format('woff'),
         url('/html/fonts/calibri.ttf') format('truetype'),
         url('/html/fonts/calibri.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/
@font-face {
    font-family: 'SourceHanSansCN-Bold';
    src: url('/html/fonts/SourceHanSansCN-Bold.otf') format('OpenType');        
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'SourceHanSansCN-ExtraLight';
    src: url('/html/fonts/SourceHanSansCN-ExtraLight.otf') format('OpenType');        
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'SourceHanSansCN-Normal';
    src: url('/html/fonts/SourceHanSansCN-Normal.otf') format('OpenType');        
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'SourceHanSansCN-Regular';
    src: url('/html/fonts/SourceHanSansCN-Regular.otf') format('OpenType');        
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'SourceHanSansCN-Heavy';
    src: url('/html/fonts/SourceHanSansCN-Heavy.otf') format('OpenType');        
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'SourceHanSansCN-Medium';
    src: url('/html/fonts/SourceHanSansCN-Medium.otf') format('OpenType');        
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'SourceHanSansCN-Light';
    src: url('/html/fonts/SourceHanSansCN-Light.otf') format('OpenType');        
    font-weight: normal;
    font-style: normal;

}
*{-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;}

html, body {
    -webkit-text-size-adjust: none;
}
body{ background:#fff; color:#333;font-family:'SourceHanSansCN-Regular',"SimSun","Helvetica Neue",Arial,sans-serif; overflow-x:hidden; }

.container-fluid {
    padding-right: 7%;
    padding-left: 7%;
}

.container img{ max-width:100%;}
img{ max-width:100%;}

a{ color:#333;}
a:hover{ text-decoration:none;color:#00a0ea; }
h1,h2,h3,h4,h5,h6{font-family:'SourceHanSansCN-Medium',"SimHei","Helvetica Neue",Arial,sans-serif;}
.top{color:#fff; text-align:right; line-height:36px; position:relative; z-index:100; background-color:#3c3c3c; text-align:center; font-size:18px; letter-spacing:1;}
.header{  z-index:30; width:100%; background-color:#fff; position:fixed; top:0; left:0; right:0; box-shadow:0 0 10px -5px #120509; }
.header .container{position:relative;}
.navbar {
    margin-bottom: 0;
    border-radius: 0;
	position:relative;
	min-height: auto !important;
	
}
#navbar{float:right; }

.navbar-header{ position:relative; float:left;}


.navbar-brand {
	height:70px;
	padding:10px 0;
}
.navbar-brand img { width: auto; height: 100%; }
.brand-txt{ margin:30px 0 10px;}

.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}

.navbar-toggle {
    position:absolute;
	right:0;
	margin-right: 5px;
    background-color: #00a0ea;
    background-image: none;
    border: 0 solid transparent;
	margin-top:-16px;
	margin-bottom:0;
	top:50%;
}
.navbar-toggle .icon-bar {
    background-color: #fff;
}
.main_menu {padding:0; margin:0; float:left; display:block; position:relative; z-index:1;}
.main_menu > li{ list-style:none; padding:0; margin:0;}

.main_menu > li{ float:left; position:relative;  }
.main_menu > li ul{ position:absolute; top:100%; left:50%; background-color:#fff;  border-bottom:5px solid #0195ff; margin:0; margin-left:-85px; padding:5px 0; width:170px; display:none; box-shadow:0 0 10px -4px #120509;}
.main_menu > li ul li{list-style:none; padding:15px 10px; text-align:center; font-size:14px; background:url(/html/images/navline.jpg) no-repeat center bottom;}
.main_menu > li ul li:last-child{ background:none;}
/*.main_menu > li:last-child a{ padding-right:0;}*/
.main_menu > li > a{ display:block; line-height:70px; padding:0 20px; color:#303030; float:left; font-size:16px;}
.main_menu > li > a:hover{ text-decoration:none; color:#00a0e9;}
.main_menu > li.active > a,.main_menu > li > a.now{ color:#00a0e9; }
.main_menu > li:hover ul,.main_menu > li:hover .propop{ display:block;}
.main_menu > li.hasChild:hover > a{ color:#fff; background:#0195ff url(/images/navbg.jpg) repeat-x 0 0;}
.main_menu > li.hasChild > a:hover{color:#fff;}
.main_menu > li .propop{ position:absolute; top:100%; left:50%; background-color:#fff;  border-top:5px solid #0195ff; margin:0; margin-left:-150px; padding:5px 0; width:420px; display:none; box-shadow:0 0 10px -4px #120509; }
.main_menu > li .propop2{ width:630px; padding-left:30px;}
.main_menu > li .propop .flitem{ float:left; width:auto; min-width:125px; margin-right:15px;}
.main_menu > li .propop .flitem h3{ font-size:17px; color:#0195ff; background:url(/html/images/navline.jpg) no-repeat center bottom;  padding-bottom:10px; text-align:center;}
.main_menu > li .propop .flitem h3 a{color:#0195ff;}
.main_menu > li .propop .flitem dl{ float:left; width:130px; text-align:center; line-height:1.8}
.main_menu > li .propop .flitem dt{ color:#333; margin-bottom:5px;}
.main_menu > li .propop .flitem dd{ margin-bottom:5px;}
.main_menu > li .propop .flitem dd a{ color:#888;}
.main_menu > li .propop .flitem dd a:hover{color:#0195ff;}

.main_menu > li.sulution .propop{ width:820px;margin-left:-250px;}
.main_menu > li.sulution .propop .flitem {margin-left:15px;}
.main_menu > li.sulution .propop dl{ float:none;}
.main_menu > li.sulution .propop a.flinkm{ text-align:center; display:block; margin-bottom:20px;color:#0195ff;}
.main_menu > li.sulution .propop a.flinkm:hover{ text-decoration:underline;}

.main_menu > li.news .propop{ width:500px;margin-left:-150px; padding-bottom:20px;}
.main_menu > li.news .propop .flitem {margin:0 25px;}
.main_menu > li.news .propop .flitem h3{ background:none;  padding-bottom:5px; }

.main_menu > li.service .propop{ width:500px;margin-left:-290px; padding-bottom:20px;}
.main_menu > li.service .propop .flitem {margin:0 25px;}
.main_menu > li.service .propop .flitem h3{ background:none;  padding-bottom:5px; }

.main_menu > li.about .propop{ width:590px;margin-left:-480px; padding-bottom:20px;}
.main_menu > li.about .propop .flitem {margin:0 25px;}
.main_menu > li.about .propop .flitem h3{ background:none;  padding-bottom:5px; }

.topTel{ float:right; margin-top:15px; margin-left:20px;}
.mp-pusher { padding-top:107px; }

#carousel-index{ background-color:#f2f2f2;  }
#carousel-index .item{ background-position: center top; background-size:cover;  background-color:#f2f2f2; }
#carousel-index .item{text-align:center; }
#carousel-index .item .container{ position:relative;}
#carousel-index .item img{ padding:0 0 0 0; margin:0 auto;}
#carousel-index .item .container .ctext{ text-align:left; max-width:425px; color:#333;}
#carousel-index .item .container .ctext h3{ font-size:36px; margin-bottom:30px; color:#333; background:url(/html/images/shouye1_03.png) no-repeat 0 bottom; padding-bottom:20px;}
#carousel-index .item .container .ctext p{ font-size:15px; margin-bottom:45px; color:#646464;}
#carousel-index .item .container .ctext .blink{ display:block; font-size:16px;}
#carousel-index .item .container .ctext .blink a { background:#bc0007; display:inline-block; padding:12px 30px; color:#fff;}

#carousel-index .item .video {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
	
.carousel-indicators {
	z-index:20;
	text-align:center;
	width: 90%;
    margin-left: -45%;
   
}
.carousel-indicators li {
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0 15px;
    text-indent:0;
    border: 0 solid #ffffff;
    border-radius: 50%;
    cursor: pointer;
    background-color:transparent;
	text-align:center;
	font-size:13px;
}
.carousel-indicators li img{ width:70px; height:70px; display:block; border-radius:50%; margin:0 auto 5px auto;opacity:0.32;}
.carousel-indicators .active {
    width: auto;
    height: auto;
    margin: 0 15px;
    background-color: transparent;
	color:#bc0007;
}
.carousel-indicators .active img{opacity:1;}
.carousel-control {
    font-size: 16px;
    color: #a9a9a9;
    text-align: center;
    text-shadow: none;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #00a0ea;
  text-decoration: none;
  filter: alpha(opacity=100);
  outline: 0;
  opacity: 1;
}
 .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right{
	  border:2px solid #a9a9a9;
	  border-radius:50%;
	  padding:10px;
	  box-sizing:content-box;
}
.carousel-control:hover .glyphicon-chevron-left,
.carousel-control:focus .glyphicon-chevron-left ,.carousel-control:hover .glyphicon-chevron-right,
.carousel-control:focus .glyphicon-chevron-right {border:2px solid #00a0ea;}
.carousel-control.left {
  background:none;
}
.carousel-control.right {
  background:none;
}

/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls{
	margin-top: 30px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #242424;
	border: 2px solid #242424;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 8px;
	height: 8px;
	margin: 5px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color:#b3b3b3;
	border:0 solid #ffaa00;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	background-color: #6d6d6d;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.section-tit {
    font-size: 32px;
    color: #333;
    text-transform:capitalize;
    margin:35px 0 40px;

}
.tech-section,.news-section{}
.section-des{ font-size:16px; line-height:1.6; max-width:800px; text-align:center; margin:0 auto 40px;}

.psitem{ border:1px solid #ddd; text-align:center; margin-bottom:20px;}
.psitem .pic{ overflow:hidden;}
.psitem h4{ background:#fff; padding:10px 0;}
.psitem a:hover h4{ color:#00a0ea;}
.psitem a:hover .pic img{ transform:scale(1.1,1.1)}

.index-about{ background-color:#eaeaea; padding:25px; overflow:hidden;}
.index-about img{ max-width:100%;}
.index-about .about-pic{}
.index-about .about-txt{ background-color:#a3a9b0; padding:20px 0;}
.companyintro{ color:#fff; padding:0 40px; margin:0 0 0 auto; font-size:14px;}
.companyintro h3{ color:#fff; font-size:24px; padding-bottom:30px; position:relative; margin-bottom:40px;}
.companyintro h3:after{ position:absolute; bottom:0; left:0; content:""; width:50px; height:1px; background:#fff;}
.companyintro .btn-blue{ display:inline-block; background:#16c1f3; color:#fff; padding:5px 40px; margin-top:20px; font-size:16px;}
.companyintro .btn-blue:hover{background:#00a0ea;}
.inNews{ margin:30px 0; }
.inNews .wrap{ background-color:#fbfbfb; padding:20px 20px 10px;}
.inNews img{ width:100%;}
.nitem{ }
/*.nitem .pic{ position:relative; background:#eee; overflow:hidden; padding-top:calc(260/375*100%);}
.nitem .pic .inner{ position:absolute; top:0; left:0;  right:0; bottom:0; text-align:center;} 
.nitem .pic .inner img{ width:100%; height:auto;}
.nitem a:hover .pic img{ opacity: 0.7; transform:scale(1.1,1.1)}*/
.nitem h3{ font-size:21px; margin:0 auto; background:#00a0ea; padding:5px 10px; color:#fff; font-weight:bold; }
.nitem h4{ font-size:13px; margin:0 auto; background:#333; padding:5px 10px; color:#fff; font-weight:bold;}
.nitem p{ color:#646464; font-size:12px; padding:5px 0 5px 10px; margin:0; text-align:justify; font-family:"SimSun","Helvetica Neue",Arial,sans-serif;}
.nitem p a{ color:#646464;}
.nitem p a:hover{ color:#00a0ea;}

.service-block{ /*background:#000 url(/images/blackbg.jpg) no-repeat center 0;*/ text-align:center; color:#fff; padding:5% 0;}
.service-block .f48{ font-size:48px; color:#fff; margin-bottom:20px;}
.service-block .f18{ font-size:18px; text-transform:uppercase; color:#9c9c9c;}
.service-block .container{ position:relative;}
.service-block .blocklink{ position:absolute; top:0; left:0; right:0; bottom:0; display:block; }
.navbar-fixed-top{filter:alpha(Opacity=98);-moz-opacity:0.98;opacity: 0.98; position:fixed !important;}

.foot-icon{ margin-top:5%;}
.foot-icon .item{ width:20%; float:left; text-align:center; padding:0 2%;}
.foot-icon .item img,.foot-icon .item span{ display:block; margin:0 auto;}
.foot-icon .item img{ margin-bottom:20px;}
.foot-icon .item span.cn{ font-size:20px;}
.foot-icon .item span.en{ font-size:18px;}
/*.navbar-fixed-top .navbar-brand{ background:url(/html/img/top100.png) no-repeat 0 0; background-size:cover; }*/

 .navbar.navbar-fixed-top{ margin-top:0;}
 .navbar.navbar-fixed-top .navbar-brand {padding-top:10px;}
 .navbar.navbar-fixed-top .navbar-brand img{ height: calc(100% - 10px);}
 


.footer{ background: #000 url(/images/blackbg.jpg) no-repeat center 0; color:#fff; }
.copyright{  color:#9c9c9c; padding:0 0 20px; text-transform:capitalize;  border-bottom:1px solid #bbb; line-height:1.6 }
.copyright a{color:#9c9c9c;}
.copyright span{ white-space:nowrap;}
.copyright a:hover{ color:#0089d0; text-decoration:underline;}

.footLink{ padding:40px 0 20px; border-bottom: 1px solid #fff; margin-bottom: 20px;}
.footLink a{ color:#fff;}
.footLink a:hover{ color:#0089d0; text-decoration:underline;}
.ftel{ margin-bottom:25px;}

.flogo{ padding:2% 0;}

.ffbar{ position:fixed; right:5px; top:25%; width:60px; text-align:center; font-size:12px; display:none; color:#7e7e7e;}
.ffbar .gotop{ margin-bottom:10px;}
.ffbar a{ display:block; width:40px; height:40px; line-height:34px; border-radius:20px; background:#3c3c3c; text-align:center; font-size:24px; color:#fff; margin:5px auto;}
.ffbar a:hover{background:#0089d0;}

.footer dt { font-size: 16px; margin-bottom: 30px;  }
/*.flink { display: flex; }*/
.flink dl { float: left; width: 50%; }
.flink dt a { border-bottom: 1px solid #fff; padding-bottom: 10px; }
.flink dl:first-child dt{ border-left: 2px solid #0066ff; padding-left: 10px; }
.footer dd, .footer dd a { color: #a1a1a1; text-decoration: none;}
.flink dl:first-child dd {  margin-left: 12px;}
.footer dd span { color: #0066ff; }
.footer dd { margin-bottom: 10px; line-height: 30px;}
.flink p { margin-top: 20px; font-size:16px;  }


#fp-nav ul li, .fp-slidesNav ul li {

    margin: 15px 7px;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span {
    background: #bc0007;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    top: 0;
    left: 0;
    width: 12px;
    height: 12px;
    border: 0 solid #000;
    background: rgba(0, 0, 0, 1);
}

/*----- page style -----*/
.page-banner{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative;}
.pbbg01{ background-image:url(/html/images/banner-chitu.jpg);}
.pbbg02{ background-image:url(/html/images/banner-wukong.jpg);}
.cbbg01{ background-image:url(/html/images/banner-yingyong.jpg);}
.nbbg01{ background-image:url(/html/images/banner-news.jpg);}
.sbbg01{ background-image:url(/html/images/banner-service.jpg);}
.sbbg02{ background-image:url(/html/images/banner-service-list.jpg);}
.abbg01{ background-image:url(/html/images/banner-about.jpg);}
.tbbg01{ background-image:url(/html/images/banner-contact.jpg);}
.jbbg01{ background-image:url(/html/images/banner-joinus.jpg);}
.ptbg01{ background-image:url(/html/images/banner-partner.jpg);}

.page-banner >img{ max-width:100%; position:relative;}
.page-banner .container{  position:absolute; top:0; left:0; right:0; bottom:0;}
.page-banner .bt{ position:absolute; top:50%; margin-top:-70px; width:100%; left:0; display:block;}

.pro-one{ background:#f8f8f8; padding:50px 0 0;}
.pro-one-header{ margin-bottom:30px; margin-top:20px;}
.pro-one-header h2{ margin-top:0; font-size:20px; color:#333;}
.pro-one-header .en{ display:block; font-size:16px; text-transform:uppercase; color:#333;}
.pro-one-header .en strong{ color:#0089d0;}

.pro-one .text{ font-size:14px; max-width:450px; line-height:1.8; color:#333333;}
.pro-one .text p{ margin-bottom:20px;text-align:justify;}
.pro-one .text .lead-para{ font-size:18px;}


.blue-block{ background:#0081cc; padding:2% 0;  text-align:center;}
.blue-block h3{ margin-bottom:30px;}

.blue-block.dark{ background-color:#355fd6;}

.white-block{ background:#fff; padding:2% 0; }

.appaliction-01{ background:#fff; padding:2% 0;}
.appaliction-01 h3{ text-align:center; margin-bottom:30px;}
.appaliction-01 .apitem{ max-width:290px; margin:0 auto 20px auto;}
.appaliction-01 .apitem .pic,.appaliction-01 .apitem .tit{ margin-bottom:30px;}
.appaliction-01 .apitem .pic{ overflow:hidden;}
.appaliction-01 .apitem:hover .pic img{ transform:scale(1.1,1.1)}
.appaliction-01 .apitem .tit h4{ margin-bottom:0; }
.appaliction-01 .apitem .tit span.en{ display:block; color:#9c9c9c; font-size:16px;}
.appaliction-01 .apitem .des{ font-size:16px; color:#333;}

.app-link-box{ max-width:1120px; margin:20px auto; color:#333; padding-right:150px; position:relative;}
.app-link-box span{ display:block;}
.app-link-box .cn{ font-size:28px; line-height:1.6; }
.app-link-box .en{ font-size:28px; }
.app-link-box a.btn-aplink{ position:absolute; bottom:5px; right:0; display:inline-block; width:120px; padding:6px 0; text-align:center; color:#fff; background-color:#0096ff; font-size:16px;}
.app-link-box a.btn-aplink:hover{ background-color:#0081cc }

.pro-canshu{ background:#e7f0f9; padding:2% 0;}

.appaliction-02{ background:#00b4ff; padding:2% 0 1%;}
.appaliction-02 .inner{ background-color:#fff; padding:10px 20px;}
.appaliction-02 h3{ text-align:center; margin-bottom:30px;}
.appaliction-02 .apitem{ max-width:288px; margin:0 -10px 20px -10px; text-align:center;}
.appaliction-02 .apitem .pic,.appaliction-01 .apitem .tit{ margin-bottom:20px;}
.appaliction-02 .apitem .pic{ overflow:hidden;}
.appaliction-02 .apitem:hover .pic img{ transform:scale(1.1,1.1)}
.appaliction-02 .apitem .tit h4{ margin-bottom:0; font-size:20px; color:#333;}
.appaliction-02 .apitem .tit span.en{ display:block; color:#333;font-size:20px; font-weight:bold;}



.appList{ margin:0 0 2%;}
.appList .inner{ background-color:#fff; padding:10px 20px; max-width:960px; margin:0 auto;}
.appList .apitem{ max-width:300px; margin:0 -10px 20px -10px; text-align:center;}
.appList .apitem .pic img{ width:100%;}
.appList .apitem .pic,.appaliction-01 .apitem .tit{ margin-bottom:20px;}
.appList .apitem .tit h4{ margin-bottom:0; font-size:21px;}
.appList .apitem .tit span.en{ display:block; color:#333;font-size:21px; font-weight:bold;}

.app-link-box-2{margin:20px auto; color:#333; text-align:right;}
.app-link-box-2 a.btn-aplink{ display:inline-block; width:120px; padding:6px 0; text-align:center; color:#fff; background-color:#000; font-size:16px;}
.app-link-box-2 a.btn-aplink:hover{ background-color:#355fd6; }

#installPic{ margin-top:15px;}
#installTit{ color:#242424; font-size:42px; text-align:center; padding:60px 0 40px;}

.page-gray{ background-color:#f8f8f8; padding:2% 0;}
.sidebar{ width:315px; float:left; box-shadow:0 7px 10px #ccc; background:#fff; min-height:220px; margin-bottom:30px;}
.sidebar h4{ background:#00a0ea url(/images/sideiconbook.png) 7% center no-repeat; color:#fff; font-size:24px; padding:17px 10px 17px 20%; margin:0; font-weight:bold;}
.sidebar h4.earth{ background-image:url(/html/images/sideiconearth.png);}
.sidebar h4.ser{ background-image:url(/html/images/sideiconservice.png);}
.sidebar ul{ margin:10px 20px; padding:0;}
.sidebar li{ list-style:none; padding:15px 3px; margin:0; text-transform:uppercase; font-size:18px; border-bottom:1px solid #ddd;}
.sidebar li.active a{color:#00a0ea;}
.sidebar li span{ float:right; opacity:0;}
.sidebar li.active a span{opacity:1;}

.mainContent{ float:right; width:calc(100% - 350px);}

.searchBox .ztext{ float:left; width:calc(100% - 220px); padding:10px; line-height:36px; border:1px solid #eee; background:#fff url(/images/zoom.gif) no-repeat 10px center; padding-left:50px;}
.searchBox .btn-search{ float:right; width:200px; background-color:#00a0ea; padding:10px; line-height:36px; border:1px solid #00a0ea; font-size:28px; text-align:center; letter-spacing:2px; color:#fff; margin-bottom:20px;}
.searchBox .btn-search:hover,.searchBox .btn-search:focus{background-color:#005391;}

.mainBox{ background-color:#fff; box-shadow:0 7px 10px #ccc; padding:15px 15px; margin-bottom:40px;}

.newslist{  padding-top:15px; padding-bottom:15px;}
.newslist .pic{ border:1px solid #ccc; display:block; position:relative; padding-top:calc(218/317 * 100%); overflow:hidden;}
.newslist .pic img{ position:absolute; width:100%; left:0; top:50%; transform:translate(0,-50%);}
.newslist .pic:hover img{transform:translate(0,-50%) scale(1.1,1.1);}
.newslist .text{ max-width:650px;}
.newslist .text h3{ font-size:20px; font-weight:bold; color:#333333; margin-bottom:20px;}
.newslist .text .shortdes{ margin-bottom:20px; color:#a1a1a1;}
.newslist .text .linkmore{ display:block; margin-bottom:15px; }
.newslist .text .linkmore a{ display:inline-block; padding:5px 20px; background-color:#00a0ea; color:#fff;}
.newslist .text .linkmore a:hover{ background-color:#005391;}

.pageNum{ text-align:center; margin-bottom:30px;}
.pageNum a{ display:inline-block; padding:3px 10px; border:1px solid #ddd; margin:0 2px;}
.pageNum a:hover,.pageNum a.current{background-color:#00a0ea; color:#fff;}

.pagePN{text-align:center; margin-bottom:30px; font-size:12px;}
.pagePN a{ display:inline-block; padding:5px 25px;  margin:0 2%;}
.pagePN a.blue{background-color:#00a0ea; color:#fff;}
.pagePN a.blue:hover{background-color:#005391;}
.pagePN a.gray{background-color:#969696; color:#fff;}
.pagePN a.gray:hover{background-color:#005391;}


.post-header{ text-align:center; padding:30px 0;}
.post-header h1{ font-size:22px; color:#313131;}
.post-header .meta span{ margin:0 2%; color:#555;}

.post-body{ padding:2% 4% 3%; font-size:16px; line-height:1.6; color:#555555}
.post-body.no-tit{ padding:5%; font-size:14px;}
.post-bodys .link{ padding:40px; }
.post-bodys .links img{ margin:0 auto;}
.list-num li{ list-style:decimal;}

ol{
        counter-reset: li; /* 创建一个计数器 */
        list-style: none; /* 清除列表默认的编�*/
        *list-style: decimal; /* 让IE6/7具有默认的编� */
        padding: 0;
        margin: 2em 0;
			}

			ol ol{
				margin: 0 0 0 2em; /* 给二级列表增加一定的左边�*/
			}
		
/*rounded shaped numbers*/
		.rounded-list li {
			position: relative;
			display: block;
			padding: 8px 0 8px 2.2em;
			margin: 0;
			color: #444;
			text-decoration: none;
			/*CSS3属�*/
			border-radius: 0.3em;/*制作圆角*/
			/* transition动画效果*/
			-moz-transition: all 0.3s ease-out;
			-webkit-transition: all 0.3s ease-out;
			-o-transition: all 0.3s ease-out;
			-ms-transition: all 0.3s ease-out;
			transition: all 0.3s ease-out;
		}		
		
		.rounded-list li::before {
			
			content: counter(li);
			counter-increment: li;
			
			position: absolute;
			left: 0;
			top: 8px;
			background: #00a0ea;
			color:#fff;
			height: 22px;
			width: 22px;
			line-height: 22px;
			text-align: center;
			font-weight: bold;
			border-radius: 11px;
			-webkit-transition: all 0.3s ease-out;
			-moz-transition: all 0.3s ease-out;
			-ms-transition: all 0.3s ease-out;
			-o-transition: all 0.3s ease-out;
			transition: all 0.3s ease-out;
		}
#aboutPage img{ max-width:100%;}
#aboutPage .row{ margin-left:0; margin-right:0;}
#aboutPage .row > div{ padding-left:0; padding-right:0;}

.about-jumb{ text-align:center; color:#333; padding:5% 0 1%;}
.about-jumb .f48{ font-size:48px; margin-bottom:20px; }
.about-jumb .f18{ font-size:18px; text-transform:uppercase;}

.block-blue{ background:#00a0ea; text-align:center;}
.block-blue .inner{ display:inline-block; margin:0 auto; color:#fff; font-size:22px; padding:20px 5px 20px 120px; background:url(/html/images/tuoqiai.png) no-repeat 5px 15px; text-align:left; line-height:1.5}

.about-icon{ margin-top:3%; color:#000;}
.about-icon .item{text-align:center; margin-bottom:25px; }
.about-icon .item img,.about-icon .item span{ display:block; margin:0 auto;}
.about-icon .item img{ margin-bottom:20px;}
.about-icon .item span.cn{ font-size:24px;}
.about-icon .item span.en{ font-size:20px;}

.gray-about{ background-color:#f8f8f8; padding:2.5% 0; margin-bottom:2%;}


.ctffull{ background:#f8f8f8; padding:3% 0 3%; text-align:center;}
.owl-nav{ font-size:40px; }
.owl-prev{ position:absolute; top:50%; -webkit-transform: translateY(-50%);
transform: translateY(-50%); left:-40px;  color:#dbdbdb; }
.owl-next{ position:absolute; top:50%; -webkit-transform: translateY(-50%);
transform: translateY(-50%); right:-40px; color:#dbdbdb;}
.owl-prev i,.owl-next i{font: normal normal normal 24px/1 FontAwesome !important; color:#dbdbdb;}
.owl-prev:hover i{ color:#00a0ea }
.owl-next:hover i{color:#00a0ea  }
.ctfitem{ background-color:#fff;  margin:30px auto 0; max-width:310px;}
.ctfitem img{ display:block;  }

.contactForm{ margin-top:30px;}
.contactForm .form-control{ margin-bottom:20px;  height:48px; border-radius:0; border-color:#eee; box-shadow:none;}
.contactForm .btn-contact-ok{ background-color:#aaa; color:#fff; padding:10px 12%; display:inline-block; border:0; font-weight:bold; fong-size:18px;}
.contactForm .btn-contact-ok:focus,.contactForm .btn-contact-ok:hover{background-color:#00a0ea}
.map-wrap{ background:#f8f8f8; padding-top:20px;}
.map-block{ height:408px; overflow:hidden; position:relative; margin-top:30px;}
.map-block .mapbig{ position:relative; left:50%; margin-left:-960px;}
.map-block .contactInfo{ background:url(/html/images/blue-trans.png); color:#fff; position:absolute; top:0; right:0; height:100%; width:40%; padding:20px 0 20px 60px;}
.map-block .contactInfo h3{ color:#fff; font-size:30px; font-weight:bold; margin-bottom:20px;}
.map-block .contactInfo .tel{ font-size:21px; font-weight:bold; padding-left:45px; background:url(/html/images/tel.png) no-repeat 0 center; line-height:30px; margin-bottom:40px;}

/*.joinItem .row{ margin-left:0; margin-right:0;}
.joinItem .row > div{ padding-left:0; padding-right:0;}*/
.joinItem{ position:relative;}
.position{ font-size:30px; text-align:right;}
.position .inner{ padding:80px 40px 80px 0;}
.position span{ display:block;}
.dark{ background-color:#fff; overflow:hidden;}
.dark .position{ background-color:#003e6d; position:relative;}
.dark .position:before{ content:""; position:absolute; width:200%; height:100%;background-color:#003e6d; left:0; top:0; margin-left:-200%;}
.dark .position:after{ content:""; position:absolute; width:0; height:0;border-width: 20px;
    border-style: solid;
    border-color: transparent  transparent  transparent  #003e6d;
	right:-40px; 
	top:90px;
	}
.dark .position .cn{ color:#fff;}
.dark .position .en{ color:#a3a3a3; font-family:"SimSun","Helvetica Neue",Arial,sans-serif;}

.light{ background-color:#eff3f7; overflow:hidden;}
.light .position{ background-color:#0070c5; position:relative; }
.light .position:before{ content:""; position:absolute; width:200%; height:100%;background-color:#0070c5; left:0; top:0; margin-left:-200%;}
.light .position:after{ content:""; position:absolute; width:0; height:0;border-width: 20px;
    border-style: solid;
    border-color: transparent  transparent  transparent  #0070c5;
	right:-40px; 
	top:90px;
	}
.light .position .cn{ color:#fff;}
.light .position .en{ color:#fff; font-family: "SimSun","Helvetica Neue",Arial,sans-serif;}

.description{ font-size:16px; padding:30px 10px 30px 0; }
.description h4{ text-align:center; margin:20px 0 20px 40px; border-radius:25px; padding:7px 50px; font-size:24px; border:1px solid #003e6d; display:inline-block;}
.dark .description h4.zhize{ background-color:#003e6d; color:#fff;}
.light .description h4.zhize{ background-color:#0070c5; color:#fff;}
.description ul{ }

.list-dot-blue{ margin:0; padding:0;}
.list-dot-blue li{margin:0; padding:0; list-style:none; padding:2px 0 2px 20px; position:relative;}
.list-dot-blue li:before{ content:""; position:absolute; top:8px; left:0; width:10px; height:10px; border-radius:5px; background-color:#0070c5;}

.list-dot-black{ margin:0; padding:0;}
.list-dot-black li{margin:0; padding:0; list-style:none; padding:2px 0 2px 20px; position:relative;}
.list-dot-black li:before{ content:""; position:absolute; top:8px; left:0; width:10px; height:10px; border-radius:5px; background-color:#333;}

.picMarquee-left{ width:100%;  position:relative; margin-top:30px;  }
.picMarquee-left .hd{   }
.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ position:absolute; top:50%; left:-50px; margin-top:-30px; display:block;  width:40px; height:40px;   overflow:hidden;
	 cursor:pointer; font-size:36px;}
.picMarquee-left .hd .next{ left:auto; right:-50px; }
.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }
.picMarquee-left .bd{ padding:10px; overflow:hidden; width:100%; }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; overflow:hidden;  }
.picMarquee-left .bd ul li .pic img{ display:block; width:190px;}

.pro-guige h4{ font-size:32px; color:#333; margin-bottom:0;}
.pro-guige .en{ display:block; font-size:24px; text-transform:uppercase; color:#333; margin-bottom:30px;}
.pro-guige .en strong{ display:block; }
.pro-guige table{ font-size:18px;}
.pro-guige table td{ padding:2px 10px 2px 0;}
.pro-guige table .btd{ text-align:justify;}

.chitu-canshu{ width:100%; font-size:16px;}
.chitu-canshu td,.chitu-canshu th{  text-align:center; line-height:1.6; padding-top:5px; padding-bottom:5px; color:#222; border:1px solid #ddd;}
.chitu-canshu .bluebar{ background-color:#00a0de; border-top:2px solid #333;border-bottom:2px solid #333; color:#fff; padding-top:10px; padding-bottom:10px; font-size:18px }
.chitu-canshu tr:nth-child(even){ background-color:#fff;}
.chitu-canshu  tr.touming{ background-color:transparent !important;}
.chitu-canshu  tr.touming td{ padding:0; border:0;}
.chitu-canshu td.tbt{ font-size:18px; font-weight:bold;}

.plogo{ width:245px; height:245px; border:1px solid #ddd; text-align:center; margin:25px auto;}
.plogo img{ display:block; margin:0 auto; position:relative; top:50%; transform:translate(0,-50%)}
a:hover .plogo{ border:1px solid #00a0e9}

.footLink .container{ position:relative;}
.pfoot-ewm{ position:absolute; top:50%; right:0; margin-top:-30px;}

.guwenBlock{ background:#fff; }
.guwenBlock .gimg{ float:left; width:50%}
.guwenBlock.style2 .gimg{ float:right;}
.guwenBlock .ginfo{ padding:4.5% 4.3%; float:left; width:50%; font-size:18px; line-height:1.6}
.guwenBlock .ginfo h4{ font-size:18px; font-weight:bold;}

.messageblock{ background:url(/html/images/messagebg.jpg) no-repeat center 0; background-size:cover; padding:40px 0;}
.messageblock .container{ background:#fff;}
.messageblock .card{ background:#242424; color:#fff; font-size:18px; line-height:2; padding:40px;}
.messageblock .card strong{ font-weight:bold; float:left; margin-right:20px; clear:left;}
.messageblock .card strong.first{ height:4em;}
.messageblock .card img{ margin-top:20px;}

.messageform{ padding:20px 40px 20px;font-size:17px; line-height:1.6}
.messageform h3{ font-size:18px; font-weight:bold; color:#025193;}
.messageform .form-control{ border-radius:0; margin-bottom:10px;}
.messageform textarea{ height:160px;}

.proMainPic{ background:url(/html/images/3dvr_02.jpg) no-repeat center 0; background-size:cover;}
.proMainPic.bfs{ background-image:url(/html/images/3d-mainbg.jpg);}
.proMainPic.kts{ background-image:url(/html/images/3ktsbg.jpg);}
.proMainPic#int-robo{ background-image:url(/html/images/changjing04.jpg);}
.proMainPic img{ max-width:100%;}
.protopInfo{ font-size:18px; padding:50px 0; margin:0 auto; max-width:700px; line-height:1.6;}

.vision { background:url(/html/images/vision-bg.jpg) no-repeat; width:100%; padding: 60px 0;}
.vision .protopInfo { max-width:100%;}
.vision .title img { margin-bottom:50px;}

.bluebg{ background:#0684cd; padding-top:50px; text-align:center;}
.bluebg2{ background:#0174b7;  text-align:center;}
.bluebg.eagle{background:#e2e2e2 url(/images/EAGLE_bg.jpg) no-repeat center 0; padding:0;}
.bluebg img{ max-width:100%}
.vr-canshu table{ width:100%; font-size:18px;}
.vr-canshu table td{ padding:20px 0; text-transform:uppercase;}
.vr-canshu{ padding:50px 0;}
.vr-canshu table.padsmall td{ padding:8px 0;}
.vr-canshu2 table td{ padding:10px 0;}

.vr-sulotion{  background:#f8f8f8; padding-top:50px;}
.vr-sulotion .sitb{ background-color:#000; background-image:url(/html/images/sulotion11.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; color:#fff; text-align:center; height:280px;}
.vr-sulotion .sitb.sulotionItem11{background-image:url(/html/images/sulotion11.jpg);}
.vr-sulotion .sitb.sulotionItem12{background-image:url(/html/images/sulotion12.jpg);}
.vr-sulotion .sitb.sulotionItem21{background-image:url(/html/images/sulotion21.jpg);}
.vr-sulotion .sitb.sulotionItem22{background-image:url(/html/images/sulotion22.jpg);}
.vr-sulotion .sitb.sulotionItem11-2{background-image:url(/html/images/changjing_13.jpg);}
.vr-sulotion .sitb.sulotionItem21-2{background-image:url(/html/images/changjing_14.jpg);}
.vr-sulotion .sitb.sulotionItem21-3{background-image:url(/html/images/changjing_17.jpg);}
.vr-sulotion .sitb.sulotionItem22-3{background-image:url(/html/images/changjing_20.jpg);}
.vr-sulotion .sitb.sulotionItem32-3{background-image:url(/html/images/changjing_21.jpg);}

.vr-sulotion .row{ margin-left:0; margin-right:0;}
.vr-sulotion .row .col-md-5,.vr-sulotion .row .col-md-7,.vr-sulotion .row .col-md-6,.vr-sulotion .row .col-md-2{ padding-left:0; padding-right:0;}
.vr-sulotion .sitb h3{ margin:0 auto; line-height:280px;}
.vr-sulotion .sitb a{ color:#fff; display:block;}
.vr-sulotion .sitb a:hover{ background:rgba(0,160,234,0.5)}
.vr-sulotion img{ max-width:100%}

.vr-sulotion2{ background:#7c7c7c url(/images/bluebg_17.jpg) repeat-x 0 180px; padding-top:0; padding-bottom:10px;}
.vr-sulotion2 .col-md-3{ position:relative;}
.vr-sulotion2 .col-md-3:before{ position:absolute; content:""; left:15px; right:15px; top:0; bottom:0; background:#fff; z-index:1;}
.graybgtt{ background:#f8f8f8; padding:40px 0; margin:0;}
.sitwk{ background:#fff; padding-bottom:30px; position:relative; z-index:2;}
.sitwk .pic img{ max-width:100%; }
.sitwk .txt{ padding:0 30px; font-size:18px; line-height:1.6}
.sitwk .txt h3{ border-bottom:3px solid #00a0e9; padding-bottom:12px; font-size:20px; font-weight:bold;}

.sitb .inner{ width:auto; margin:0 auto;  padding-top:40px;}
.sitb .inner .col2{ display:inline-block; line-height:2; padding:10px 20px; font-size:16px;}
.vr-sulotion .sitb .inner h3{ margin:0 auto; line-height:1.6; font-size:20px; font-weight:bold;}

.diaodu{ padding:80px 0;}
.diaodu .jtt{ font-size:18px; line-height:1.6; max-width:550px; margin:0 0 0 auto;}
.bigblue{ display:inline-block;  background:#025193; color:#fff; font-size:20px; padding:5px 20px; margin-top:40px;}
.bigblue:hover{background:rgb(0,160,234); color:#fff;}

.iconitem{ text-align:center; font-size:17px; margin-bottom:50px;}
.iconitem img{ display:block; margin:0 auto; margin-bottom:20px; }

    .row-flex-center{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    }
	     .row-flex{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    }
	
.proItem-blue{ background:#0081cc; color:#fff; position:relative; margin-bottom:80px;}
.proItem-blue .pic{ position:relative;  transform:translate(0,-7%); text-align:center;}
.proItem-blue .xinxi{ text-align:center; display:inline-block; padding-bottom:20px;}
.proItem-blue .xinxi .enname{ display:block; text-transform:uppercase; font-size:18px;}
.proItem-blue .xinxi h3{ font-size:40px; margin:10px 0; line-height:1.6}
.proItem-blue .xinxi h3 strong{ font-weight:bold; display:block;}
.proItem-blue .xinxi .blue-blink{ font-size:20px; background-color:#2c97df; color:#fff; border:2px solid #88c4e7; display:inline-block; padding:8px 30px;}
.proItem-blue .xinxi .blue-blink:hover{ background-color:#366ae4;}

.proItem-blue.right{direction:rtl;}
.proItem-blue.right .col-md-6{ }
.proItem-blue.right .xinxi{ margin:0 auto 0 auto;}

.proitem2{ max-width:400px; margin:10px auto 50px auto; text-align:center; overflow:hidden; border:1px solid #e8e8e8; background-color:#ececec;}
.proitem2 .pic{ height:380px; display:table; width:100%; text-align:center; vertical-align:middle;}
.proitem2 .pic .inner{ display:table-cell; vertical-align:middle;}
.proitem2 .pic .inner img{max-width:100%; }
.proitem2 .ttt{  width:100%; text-align:center; background:#f9fafa; padding:10px 0; line-height:1.6}
.proitem2 .ttt h3{ font-size:20px; font-weight:bold; margin:0 0 5px;}
.proitem2 a{  font-size:16px; display:block;}
.proitem2 a:hover{ }

.jianbianbg{ background:url(/html/images/jianbianbg.jpg) repeat-x 0 center;}

.gragbg-jianbian{ background:#f1f1f1 url(/images/jianbian2_bg.jpg) repeat-x; padding-bottom:50px;}
.txt18{ font-size:18px; line-height:1.8;}

.shadowBox{ background:#fff; padding:30px 20px; box-shadow:0 0 5px #ccc;}
.suItem{max-width:315px; margin:10px auto 20px auto; text-align:center;}
.suItem .pic{ position:relative; background:#eee; overflow:hidden; padding-top:calc(215/317*100%); border:1px solid #ccc;}
.suItem .pic .inner{ position:absolute; top:0; left:0;  right:0; bottom:0; text-align:center;} 
.suItem .pic .inner img{ width:auto; height:100%; max-width:none; position:absolute; top:0; left:50%; transform:translate(-50%,0)}
.suItem a:hover .pic img{ opacity: 0.7; transform:scale(1.1,1.1) translate(-50%,0)}
.suItem .ntext h3{ font-size:20px; margin:15px auto; }
.suItem .ntext p{ color:#888; font-size:14px;}

.graybg{background:#f1f1f1; padding:50px 0;}

.pages{ text-align:right; padding-top:30px;  font-size:14px;}
.pages a{ display:inline-block; padding:3px 12px;background-color:#ddd; margin:0 5px;}
.pages a:hover{color:#00a0ea;}
.pages a.current{ background-color:#00a0ea; color:#fff;}
.pages a i{ font-size:16px;}

.t-text { position:absolute; top:26%; left:15%;}
.t-text h1 { font-weight:bold; color:#fff; margin-bottom:15px; font-size:48px;}
.t-text p { color:#fff; line-height:60px; font-size:32px; max-width:1020px; margin: 0 auto; margin-bottom:10px;}
.t-border { width:64px; height:4px; background:#fff;}

.technical { margin-top:62px;}
.technical h2 { font-size:40px; margin-bottom:60px;}
.technical li { font-size:26px; margin-bottom:10px;}
.technical ul {
    border-left: 4px solid #00a0ea;
    padding-top: 0;
    padding-bottom: 50px;
}
.technical01 {padding-bottom: 80px;}
.technical01 .picture, .technical02 .picture {padding-top: 30px;}
.technical02 { background:#e5e5e5; padding-top: 30px; padding-bottom: 50px;}
.technical03 { margin-top:100px; padding-bottom:80px;}
.technical01 h2 { padding-top:150px;}
.technical01 .text { padding-bottom:200px;}
.technical02 .text { float: right; padding-bottom:100px;}
.technical02 h2 { padding-top:100px;}


.container-small{ max-width:1200px !important; padding:50px 0;}
.borderBlue{ border:1px solid #0000ff; padding:10px;}
.blueborder{ border-top:1px solid #00a0ea; border-bottom:1px solid #00a0ea;}
.bb321 h3{ font-size:24px; font-weight:bold; margin-bottom:30px; line-height:2;}
.bb321 p{ font-size:18px; line-height:1.8}
.padding0{ padding:0 !important}
.vbbg{ background:url(/html/images/vb11_04.jpg) no-repeat center 0; height:634px;}

.vbbg-tt{ margin-top:100px;}
.vbbg-tt h3{ font-size:30px; font-weight:bold; margin-bottom:30px; color:#333;}
.vbbg-tt p{ font-size:21px; line-height:2; color:#333;}