*{-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;}
body{ background:#fff; color:#333;font-family: Microsoft Yahei,Arial, Helvetica, sans-serif; }
html, body {
-ms-overflow-style: scrollbar;
}
.container img{ max-width:100%;}

a{ color:#333;}
a:hover{ text-decoration:none;color:#1b9ffe; }
.blue{color:#1b9ffe;}
#nav{  z-index:3000; width:100%; background:#2057be url(../gif/navbg.gif) repeat-x 0 0;}
.navbar {
    margin-bottom: 0;
    border-radius: 0;
	position:relative;
	height:48px;
	
}
#navbar{}
.navbar .container-fluid{ position:relative; z-index:10;}
.navbar-header{ position:relative;}

.navbar-default {
    background-color:transparent;
    border-color: transparent;
	border:0;
}
.navbar-brand {
    padding: 0;
    height:auto;
	margin:10px;
}

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

.navbar-toggle {
    position:absolute;
	right:0;
	margin-right: 5px;
    padding: 0 0;
	top:10px;
    background-color: transparent;
    background-image: none;
    border: 0 solid transparent;
    border-radius: 0;
}
.navbar-default .navbar-toggle {
    border-color: #fff;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: transparent;
}
.topSocial{ margin-top:20px; margin-right:0; margin-left:auto; text-align:right; margin-bottom:10px;}
.topSocial a{ color:#fff; background:#999; border-radius:5px; width:32px; height:32px; line-height:32px; text-align:center; display:inline-block; margin-right:10px;}


.topSocial a.rss{background:#f88b02;}
.topSocial a.pinterest{background:#cb2027;}
.topSocial a.facebook{background:#3b5998;}
.topSocial a.google{background:#d14836;}
.topSocial a.twitter{background:#00aced;}
.topSocial a.youtube{background:#cd332d;}
.topSocial i{ font-size:20px; line-height:32px;}
.topSocial a.rss:hover{background:#faa943;}
.topSocial a.pinterest:hover{background:#dd6065;}
.topSocial a.facebook:hover{background:#637cb0;}
.topSocial a.google:hover{background:#e26d5e;}
.topSocial a.twitter:hover{background:#48bce8;}
.topSocial a.youtube:hover{background:#df6e6a;}

.topFlag{ margin-bottom:10px;}
.topFlag ul{ padding:0; margin:0; text-align:center;}
.topFlag ul li{ display:inline; margin:0 1px 0 0px;float:left;}
.topFlag ul li i{ display:block; width:32px;height:19px; background-image:url(../gif/flag.gif); background-color:blue; margin:0 auto 3px;}
.topFlag ul li i.flag-cn { background-position:0 0;}
.topFlag ul li i.flag-en { background-position:-38px 0;}
.topFlag ul li i.flag-es { background-position:-76px 0;}
.topFlag ul li i.flag-pt { background-position:-120px 0;}
.topFlag ul li i.flag-nl { background-position:-173px 0;}
.topFlag ul li i.flag-it { background-position:-220px 0;}
.topFlag ul li i.flag-fr { background-position:-242px 0;}
.topFlag ul li i.flag-py { background-position:-304px 0;}
.topFlag ul li i.flag-de { background-position:-348px 0;}
.topFlag ul li a{ color:#888;}
.topFlag ul li a span{font-size : 12px;-webkit-transform : scale(0.8) ;*font-size:9px; display:block; margin:0 auto; text-align:center; }
.topFlag ul li a:hover{ color:#1b9ffe;}

.main_menu {padding:0; width:auto; display:inline-block;  }
.main_menu li{ list-style:none; padding:0; margin:0;}

.main_menu li{ float:left;  position:relative; margin-left:1px;}
.main_menu li a{ display:block; line-height:48px; padding:0 24px 0 25px; color:#fff; float:left; font-size:14px; text-transform:capitalize; }
.main_menu li a i{ color:#666; margin-left:10px;}
.main_menu li a:hover{ text-decoration:none;  background:#1b9ffe;  }
.main_menu li a:hover i{ color:#fff;}
.main_menu li.active > a,.main_menu li > a.now{  background:#1b9ffe; }
.main_menu li.active > a i,.main_menu li > a.now i{ color:#fff;}
.main_menu li:first-child a{ margin-left:-1px;}

.main_menu li .sub-menu{ position:absolute; top:100%; left:0; background: #016fab; padding:0; margin:0; width:auto; min-width:100%; display:none;}
.main_menu li .sub-menu li{ float:none; margin:0; padding-top:1px;}
.main_menu li .sub-menu li a{ float:none; white-space:nowrap; line-height:42px; font-size:13px;}
.main_menu li .sub-menu li:first-child a{ margin-left:0;}

#carousel-index{ position:relative;}
#carousel-index .item{ background-position: center top; background-size:cover;  background-color:#888;}
#carousel-index .item{text-align:center; }
#carousel-index .item img{ padding:0 0 0 0; margin:0 auto;}



.carousel-indicators {
	z-index:20;
   
}
.carousel-indicators li {
    display: inline-block;
    margin: 1px 2px;
    text-indent: -999px;
    border: 2px solid #ffffff;
    cursor: pointer;
    background-color: #222;
}
.carousel-indicators .active {
    margin: 1px 2px;
    background-color: #999;
}
/*.carousel-control{ 
position: absolute;
top:auto;
display: block;
margin-bottom: -30px;
background-color: rgba(0,0,0,0.3);
text-indent: -9999px;
overflow: hidden;
height: 60px;
width: 40px;
background-repeat: no-repeat;
z-index:1000;}
.carousel-control.right{
bottom: 50%;
right: 0;
background-image: url(../img/banner-fy.png);
background-position: center bottom;	
}
.carousel-control.left {
    bottom: 50%;
    left: 0;
    background-image: url(../img/banner-fy.png);
    background-position: center top;
}*/

.nav-brand{ margin-top:10px;}
.nav-brand li{ border-right:1px dotted #fff;}
.nav-brand li a{ font-size:2em; color:#fff; background-color: #e50012; line-height:2;}
.nav-brand li a:hover{  background-color: #212121; }



.section{ padding-top:30px; padding-bottom:50px;}
.indexComTit{ font-size:36px; margin:10px auto 30px auto; text-align:center; color:#016fab; text-transform:capitalize; font-weight:bold;}

.product .side,.page .side{ width:234px; float:left;}
.product .main,.page .main{ width:calc(100% - 260px); float:right;}
.product .side h3,.page .side h3{width:234px;color:#fff; background:url(../png/shouye4_07.png) no-repeat 0 0; font-size:16px; font-weight:bold; text-align:center; line-height:49px;}
.page .side h3{ margin-top:50px;}
.list-group-item {
    position: relative;
    display: block;
    padding: 10px 0;
    margin-bottom: 0;
    border: 0 ;
	border-bottom:1px dashed #ccc;
}
.list-group-item-heading{ font-weight:bold; vertical-align:middle;}
.list-group-item-heading span{ width:15px; height:15px; display:inline-block; margin-right:15px; background-repeat:no-repeat; background-position:0 0;}
.list-group-item-heading span.fuhaoJia{ background-image:url(../gif/jiahao.gif);}
.list-group-item-heading span.fuhaoJian{ background-image:url(../gif/jianhao.gif);}
.list-collapse ul{ margin:0 0 0 25px; padding:0; list-style:none; }
.list-collapse ul li{ list-style:none; position:relative; padding-left:10px; margin:10px 0; }
.list-collapse ul li:before{ position:absolute; content:" "; top:7px; left:0; width:0; height:0; border-left:3px solid #222; border-top:3px solid transparent; border-bottom:3px solid transparent;}

.cate-title{ font-size:14px; font-weight:bold; padding-left:5px;}
.productHeading{ border-bottom:1px dashed #999; position:relative; margin-bottom:10px;}
.productHeading .more{ position:absolute; right:0; top:7px; color:#016fab;}
.pTitle{ font-weight:bold; font-size:21px;color:#016fab;}
.proList { margin:0; padding:0; width:(100% + 10px); margin-left:-5px; margin-right:-5px; margin-bottom:20px;}
.proList li{ list-style:none; width:calc(25% - 10px); margin:0 5px 10px; text-align:center; padding:5px; float:left;}
.proList li .pic{ height:170px; overflow:hidden;}
.proList li img{ max-width:100%; height:100%; vertical-align:bottom;}
.proList li h4{ font-size:14px; font-weight:bold; margin:20px 0 10px; height:17px; overflow:hidden;}
.proList li p{ max-height:40px; overflow:hidden;}
.proList li .more{ display:block; margin-bottom:10px;}
.proList li .more a{color: #1b9ffe;}
.proList li .more a:hover{ color:#016fab;}


.proList:after{ content:""; width:100%; height:1px; display:table; clear:both;}

.projectHeading{ border-bottom:1px dashed #999; position:relative; margin-bottom:10px;}
.projectHeading .more{ position:absolute; right:0; top:7px; color:#016fab;}
.nav-tabs {
  border-bottom: 2px solid #1b9ffe;
  margin-bottom:2px;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 0 solid transparent;
  border-radius: 0 0 0 0;
  color:#016fab;
}
.nav-tabs > li > a:hover {
  border-color: transparent;
  background-color: #1b9ffe;
   color: #fff;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #fff;
  cursor: default;
  background-color: #1b9ffe;
  border: 0 solid #ddd;
  border-bottom-color: transparent;
  font-weight:bold;
}

.focusNews{ background:#f2f2f2;}
.focusNews .item01 { padding-bottom:30px; border-bottom:3px solid #1b9ffe; margin-bottom:20px;}
.focusNews .item01 .pic{ height:270px; overflow:hidden; }
.focusNews .item01 .pic img{ height:100%;}
.focusNews .item01 h3{ font-size:14px; font-weight:bold;}
.focusNews .item01 .readMore{ display:block; margin-top:20px;}
.focusNews .item01 .readMore a{background:#1b9ffe;color:#fff; line-height:2; padding:7px 20px; display:inline-block; font-weight:bold;}
.focusNews .item01 .readMore a:hover{background:#016fab;}

.certificate{background:#f2f2f2;}

.owl-carousel{ width:100%; margin:0 auto; margin-top:40px; margin-bottom:40px; }
.owl-wrapper{ position:relative; z-index:10;}
.owl-carousel .item{ text-align:center;}
.owl-carousel .item img{ max-width:220px;}


.owl-controls{ position:absolute; top:40%; left:0; width:100%; font-size:1.5em; color:#ccc; line-height:1;}
.owl-controls .owl-prev{ float:left; width:32px; height:32px; line-height:32px; text-align:center; margin-left:-50px; background:#fff; border-radius:50%; box-shadow:3px 3px 5px #ccc;} 
.owl-controls .owl-next{ float:right; width:32px; height:32px; line-height:32px; text-align:center; margin-right:-50px; background:#fff; border-radius:50%; box-shadow:3px 3px 5px #ccc;}

.about{ background:url(../jpg/aboutbg.jpg) no-repeat center 0; padding:80px 0; background-size:cover;}
.aboutBlock{ max-width:720px; margin-left:auto; margin-right:0;  padding:40px 30px;background-color: hsla(0,0%,100%,.8);}
.aboutBlock p{ line-height:1.8;}
.aboutBlock .readMore{ display:block; text-align:center;}
.aboutBlock .readMore a{background:#016fab;color:#fff; line-height:2; padding:7px 30px; border-radius:20px; display:inline-block; text-transform:uppercase;}


.knowledge{ background:url(../jpg/dongtaibg.jpg) no-repeat center 0; padding:80px 0; background-size:cover;}
.articleBlock{ max-width:540px;  padding:40px 20px;background-color: hsla(0,0%,100%,.8); margin-bottom:15px;}
.articleBlock ul{ margin:0; padding:0;}
.articleBlock ul li{ list-style:none; height:18px; overflow:hidden; margin:15px 0;}
.articleBlock .readMore{ display:block; text-align:center; margin-top:30px;}
.articleBlock .readMore a{background:#1b9ffe;color:#fff; line-height:2; padding:7px 30px; border-radius:20px; display:inline-block; text-transform:uppercase;}

.download{ background:#f2f2f2; padding-top:50px;}
.download .item01 { margin-top:10px; padding-bottom:30px; border-bottom:3px solid #1b9ffe; margin-bottom:20px;}
.download .item01 h3{ font-size:14px; font-weight:bold;}
.download .item01 .readMore{ display:block; margin-top:20px;}
.download .item01 .readMore a{background:#1b9ffe;color:#fff; line-height:2; padding:7px 20px; display:inline-block; font-weight:bold;}
.download .item01 .readMore a:hover{background:#016fab;}

.downloadHeading{border-bottom:1px dashed #999; position:relative; margin-top:10px; margin-bottom:20px;}
.downloadTitle{font-size: 16px;
font-weight: bold;
text-decoration: underline;
margin-top: 30px;
margin-bottom: 15px;
color: #000;}



.footer{ background-color:#cccccc; position:relative;z-index:1; padding-top:3%; padding-bottom:25px; line-height:160%;   }


.copyright{ padding-top:5px; padding-bottom:10px; text-align:left;}
.copyright a{ margin:0 2px;}

.footer .foot-widget{  border-left:1px dashed #999; padding-left:10px;}
.footer .foot-widget h4{ font-weight:bold; font-size:14px; color:#333333;}
.footer .foot-widget ul{ list-style:none; margin:0; padding:0;}


.footer .blue{ color:#1b9ffe;}

.pagebanner{ background-color:#333; background-position:center center; background-repeat:no-repeat; background-size:cover; background-image:url(../jpg/page-banner01.jpg); text-align:center;}
.pagebanner img{ max-height:408px;}
.pagetitle{ font-size:2em; padding-bottom:20px; border-bottom:1px solid #ccc; margin-bottom:30px; margin-top:50px;}
/*.content{ padding:0 0 100px 0; line-height:1.8; font-size:1.1em;}*/

/*--------------page----------------*/

.page{ padding-top:0;}
#carousel-page{ position:relative;}

#carousel-page .carousel-indicators {
	z-index:20;
	bottom:10px;
	text-align:right;
   
}
#carousel-page .carousel-indicators li {
    display: inline-block;
    margin: 1px 2px;
    text-indent: 0;
    border: 0 solid #ffffff;
    cursor: pointer;
    background-color: #cccccc;
	height:20px;
	line-height:20px;
	padding:0 8px;
	color:#fff;
	font-size:12px;
	width:auto;
	font-family:Arial, Helvetica, sans-serif;
}
#carousel-page .carousel-indicators .active {
    margin: 1px 2px;
    background-color: #ff8e01;
	padding:0 16px;
}
.proInfoFloat{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:10; color:#fff;}
.proInfoFloat .container{ display:table;height:calc(100% - 60px); }
.proInfoFloat .container .cell{ display:table-cell; vertical-align:bottom;}
.proInfoFloat .container .cell h1{ font-size:30px; font-weight:bold; margin-bottom:20px; padding-left:45px;}
.proInfoFloat .container .cell .proText{background-color: hsla(0,0%,0%,.4); padding:30px 45px; line-height:1.6; width:calc(100% - 135px)}
.page-title{ text-align:center; font-weight:bold; font-size:30px; margin:30px 0;}
.position{ margin-top:55px; border-bottom:1px solid #ccc; padding-bottom:6px; }
.position i{ font-size:1.4em; color:#1b9ffe;}

.page-content{ line-height:1.8; padding-bottom:40px;}
.page-content a{ text-decoration:underline;}
.contact-col{ max-width:440px; margin-top:30px; }
.contact-col.first-child{ border-right:1px dashed #ddd;}
.contact-col h4{ font-size:14px; font-weight:bold;}

.dl-box{ margin-bottom:35px; line-height:2;}
.dl-box h3{ font-weight:bold; font-size:14px;}
.dl-box a{ min-width:240px; display:inline-block; margin-right:40px; text-decoration:underline;}

.paraTitle{ font-size:14px; font-weight:bold; text-decoration:underline; margin-top:30px; margin-bottom:15px; color:#000;}

.article-title{ font-size:24px; text-align:center; font-weight:bold;margin:30px 0;}
.preNext a{ text-decoration:underline;}

.knowledge-list{ margin:0 5px; padding:0;}
.knowledge-list li{ list-style:none; padding:2px 0;}
.knowledge-list li a{ text-decoration:underline;}

.pagenavi{ text-align:center; padding-bottom:40px;}
.pagenavi a{ display:inline-block; padding:3px 9px; border:1px solid #ccc; margin:0 2px; border-radius:5px;}
.pagenavi a.currentpage{ background-color:#1b9ffe; color:#fff; cursor:text; }
.pagenavi a.disabled{ border:1px solid #ddd;color:#bbb; cursor:default }

.news-box{ padding-bottom:30px;}
.news-box .newsthumb{ width:100%; margin-bottom:15px;}
.news-box h3{ font-size:14px; font-weight:bold; margin:0 0 12px;}
.news-box .shortdes{ padding-bottom:5px;}
.news-box .link a{color: #1b9ffe; text-decoration:underline;}

.project-item{ margin:10px 0 30px; display:table; padding-right:30px;}
.project-item .project-pic{ float:left; width:240px; margin-right:30px; text-align:center;}
.project-item .project-text h3{ font-size:16px; font-weight:bold;}
.project-item .project-text{}
.project-item img{ display:block; }
.project-item a{ text-decoration:underline;}

.orderPage{ padding-top:40px;}
.order-label{ text-align:right;}
.orderBtn{ border:1px solid #ccc; width:235px;}
.orderText{border:1px solid #ccc; width:305px;}
.orderPage .red{ color:#F30;}
.orderPage .gray{ color:#999;}
.orderPage p{ padding-bottom:5px;}
.orderPage label{ font-weight:normal; margin-right:5px;}

.project-photo{ margin-bottom:30px;}
.project-photo .row{ margin-left:-2px; margin-right:-2px;}
.project-photo .row .col-lg-3,.project-photo .row .col-md-3,.project-photo .row .col-sm-6,.project-photo .row .col-xs-6{ padding-left:2px; padding-right:2px; text-align:center; margin-bottom:5px;}

.project-title{ font-size:14px ;font-weight:bold;}

#message {
	text-align: center;
    position: fixed;
    right: 15px;
    bottom: 10%;
	z-index: 10;
}
#message .letter {
	color: #fff;
    font-size: 25px;
    width: 50px;
    height: 50px;
    background: #3596c9;
	border: 0;
}
#message #top {
	color: #fff;
	font-size: 25px;
	width: 50px;
	height: 50px;
	background: #999;
	margin-top: 20px;
	display: none;
}
#modal {
    background: #fff;
    border: 2px solid #3596c9;
    position: fixed;
    right: 100px;
    bottom: 80px;
	width: 400px;
	display: none;
}
#modal .form-control { margin-bottom: 10px;}
#modal .send { margin-top: 20px; width: 100%;}
#modal .send:hover { background: #3596c9;}
@media (min-width: 1200px){ .container{ width:1200px;}}


@media (max-width: 999px) and  (min-width: 768px){
	

}
@media (max-width: 768px){
	.project-item{ margin:10px 0 30px; display:table; padding-right:0;}
.project-item .project-pic{ float:none; width:100%; margin-right:0; }

.proInfoFloat{ position:relative;  width:100%; height:auto; z-index:10; color:#fff;}
.proInfoFloat .container{ display:block;height:auto; }
.proInfoFloat .container .cell{ display:block; }
.proInfoFloat .container .cell h1{ font-size:24px; margin-bottom:20px; padding-left:15px; color:#222}
.proInfoFloat .container .cell .proText{background-color: hsla(0,0%,0%,.5); padding:30px 15px; line-height:1.6; width:100%}

	#navbar{ margin-top:50px;}
	.main_menu {
    margin:0 0 0 0;
    width: 100%;
	background-color: hsla(0,0%,100%,.95); 
	
}
.main_menu li {
    float: none;
    height: auto;
    position: relative;
    margin-left: 0;
	border-bottom:1px solid #ddd;
}
.main_menu li a {
    display: block;
    line-height: 2.5;
    padding: 0 15px;
    color: #333;
    float: none;
}

.product .side{ width:100%; float:none;}
.product .main{ width:100%; float:none;}
.proList li{ width:calc(50% - 10px);  margin:0 5px 10px; padding:5px; float:left;}
.nav-tabs > li > a {
    position: relative;
    display: block;
    padding: 10px 5px;
	font-size:12px;
}
.owl-carousel{ width:calc(100% - 100px); }
.product .side, .page .side {
    width: 100%;
    float: none;
}
.product .main, .page .main {
    width: 100%;
    float: none;
}
.order-label{ text-align:left;}	
}
@media (max-width: 480px){
.proList li{  width:calc(100% - 10px);  margin:0 5px 10px; padding:5px; float:none;}
	
}