@font-face {
    font-family: 'AvantGardeMdBTMedium';
    src: url('../fonts/avgardm-webfont.eot?') format('eot'),
         url('../fonts/avgardm-webfont.woff') format('woff'),
         url('../fonts/avgardm-webfont.ttf') format('truetype'),
         url('../fonts/avgardm-webfont.svg#webfontT9gHnX5m') format('svg');
    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;}
body{ background:#fff; color:#535353;font-family:Arial, Helvetica, sans-serif; }
html, body {
-ms-overflow-style: scrollbar;
}
.container img{ max-width:100%;}

a{ color:#383838;}
a:hover{ text-decoration:none;color:#003769; }
/*.top{color:#666; font-size:12px; text-align:right; height:36px; line-height:36px; overflow:hidden; position:relative; z-index:100; border-bottom:1px solid #e5e5e5;}*/
.header{  z-index:30; width:100%;}
.top-tel,.top-email{ float:left; display:inline-block; padding-right:15px ; border-right:1px solid #e5e5e5;}
.top-email{ padding-left:15px;}
.top-tel i,.top-email i{font-size:16px; color:#003769; padding-right:5px;}
.top-email i{ font-size:px;}
.top .social{ float:left;  }
.top .social a{ display:inline-block; color:#003466; padding:0 7px; font-size:16px; min-width:30px; text-align:center;}
.top .social a:hover{color:#ff5300; text-decoration:none; }
.topFlag{display:inline-block; float:right;}
.topFlag ul{ padding:0; margin:0; font-size:9px; text-align:center;  }
.topFlag ul li{ margin:0 5px 0 0; display:inline-block; line-height:19px; }
.topFlag ul li i{ display:inline-block; width:32px;height:19px; background-image:url(../images/flag.gif); background-color:blue; margin:0 auto 0;-webkit-transform : scale(0.8) ;  vertical-align:middle;}
.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:#797979;font-size : 12px;*font-size:9px; display:block;}
.topFlag ul li a:hover{ color:#1b9ffe;}
.navbar {
    margin-bottom: 0;
    border-radius: 0;
	position:relative;
	
}
#navbar{text-align:center;  margin-top:25px;}
.navbar .container{ position:relative; z-index:10;}
.navbar-header{ position:relative; float:left;}

.navbar-default {
    background-color:transparent;
    border-color: transparent;
	border:0;
}
.navbar-brand {
	height:auto;
	margin-left: 4%;
}

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

.navbar-toggle {
    position:absolute;
	right:0;
	margin-right: 5px;
    padding: 0 0;
	top:50%;
    background-color: transparent;
    background-image: none;
    border: 0 solid transparent;
    border-radius: 0;
	margin-top:-7px;
}

.main_menu {min-height:30px;padding:0; margin:0 20px 0 20px; width:auto; display:inline-block;  }
.main_menu li{ list-style:none; padding:0; margin:0;}

.main_menu li{ float:left; height:30px; position:relative; margin-left:20px;}
.main_menu li a{ display:block; line-height:30px; padding:0 15px; color:#333333; float:left; font-size:14px;border-radius:15px; }
/*.main_menu li span{ display:block; width:2px; height:38px; float:left;}*/
.main_menu li a:hover{ text-decoration:none; background-color:#003466; border-radius:15px; color:#fff; }
.main_menu li.active a,.main_menu li a.now{ background-color:#003466; border-radius:15px; color:#fff; }
.main_menu li:first-child a{ margin-left:-1px;}
.main_menu li > ul{ position:absolute; left:0; top:98%; min-width:180px; background:#fff; margin:0; padding:10px 0; border-top:1px solid #666; display:none;}
.main_menu li > ul > li{ margin-left:25px; height:auto; float:none; width:100%; display:block;}
.main_menu li > ul > li a{ padding:0; line-height:22px; float:none;}
.main_menu li:hover > ul{ display:block;}

.searchtop{ float:right; position:relative; display:inline-block; top:25px; color:#003466;}
#language { margin-right: 20px; margin-top: 10px;}
#language .glyphicon {
	font-size: 18px;
    margin-right: 8px;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #003466;
    text-decoration: none;
    background: none;
    outline: 0;
}
#language .open { padding-bottom: 15px;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background: none;
}
#language .dropdown-menu {
	border: 0;
    border-radius: 0;
    box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.2);
    min-width: 110px;
    padding-bottom: 10px;
	margin-top: 4px;
}
#language .dropdown-menu li { font-weight: bold; background: none;}
#language .dropdown-menu li a { font-weight: bold; background: none;}
#language .dropdown-menu .active {
	color: #003466;
}
#language .dropdown-menu a:hover {
	color: #003466;
}
#search-group {
    margin-right: 15px;
	text-align: right;
}
#search-group a {
    font-size: 18px;
    color: #fff;
	background: #b4b4b4;
    line-height: 40px;
    padding: 20px 25px;
	border-radius: 0;
}
.header .navbar-form {
    background: #fff;
    padding: 25px 20px;
    border: 1px solid #d2d2d2;
    position: absolute;
    top: 74px;
    right: 0;
	z-index: 50;
}
#search { z-index: 200; display: none;}
#search-group:hover #search { display: block;}
nav .form-group {
    border: 1px solid #0e5fac;
    position: relative;
}
nav .form-control {
    background-color: #fff;
    border: 1px solid #d2d2d2;
    padding: 6px 30px;
    border-radius: 0;
    height: 41px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 0;
}
.header .form-group .btn-default {
    background-color: #003466;
    border-radius: 0;
    height: 42px;
    border: 1px solid #003466;
    color: #fff;
    font-size: 16px;
    margin-left: -5px;
    position: absolute;
    right: 0;
    top: 0;
}

#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;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    text-indent:0;
    border: 2px solid #ffffff;
    border-radius: 50%;
    cursor: pointer;
    background-color:transparent;
	text-align:center;
}
.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0 5px;
    background-color: #fff;
}

/*.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;
}*/
.appblock{ padding:30px 0;}
.section-header{ text-align:center;}
.sbt{ font-size:42px; text-transform:uppercase; margin-bottom:10px; color:#333;}
.sbt.bbline{ padding-bottom:20px; background:url(../images/guanyu_09.png) no-repeat 0 bottom;}
.sdes{ font-size:24px; margin-bottom:20px;}

/*
* 	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;
}
.appblock{  }
.owl-carousel .item{ padding:10px 0;}
.projects .app-item {
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	max-width:260px;
	margin-bottom:0;
	border-radius:0
}
.projects .app-item span{
	display: inline-block;
}
.projects .app-item h3{ font-size:24px;}
.projects .app-item a{ color:#006a39; color:#090909;}
.projects .icons{
	 background-position:0 0;
	background-repeat:no-repeat;
	width:71px;
	height:71px;
	margin:10px auto 0;
}
.projects .icons.icons-car{background-image:url(../images/shouye1_25.jpg);}
.projects .icons.icons-lock{background-image:url(../images/shouye1_28.jpg);}
.projects .icons.icons-earth{background-image:url(../images/shouye1_31.jpg);}


.inproshow{ padding:30px 0;}

.aboutpic{ background:url(../images/shouye1_24.jpg) no-repeat right 0; height:520px;}
.aboutinfo{ background:#003466; height:520px; position:relative;}

 .aboutinfo .content{ max-width:500px; padding-left:4.5%; position:absolute; top:50%;transform: translateY(-50%) !important; color:#fff;}
 .aboutinfo .smbt{  }
 .aboutinfo .sbt{  }
 .aboutinfo h2{ color: #fff; }
 .smbt {
    font-size: 18px;
    font-family: "Times New Roman", Times, serif;
    margin-bottom: 20px;
    font-style: italic;
}.f-color { color: #333;}
 .dcircle{ list-style:none; margin:0 0 20px; padding:0;}
 .dcircle li{ padding:5px 0;}
 .dcircle li i{ padding-right:10px;}
.av_link{ margin-top:30px;}
 .av_link a{ font-size:16px; color:#fff; text-transform:uppercase; display:inline-block; padding:10px 25px; background-color:#ffa400; border-radius:20px; }
 .av_link a:hover{ text-decoration:none; background-color:#F60;}


.proitem{ max-width:370px; margin:20px auto 0 auto; overflow:hidden;}
.proitem .pic{ background:#000; overflow:hidden;}
.proitem img{ max-width:100%;}
.proitem a:hover img{ opacity:0.7; transform:scale(1.1,1.1)}
.proitem h3{ 
	font-size:16px; 
	text-transform:capitalize;
	border-top: 2px solid #003466;
    padding-top: 20px;
	text-align: left;
    color: #003466;
}
.proitem a{ color:#646464;}
.proitem a:hover{ color:#ffa400;}
.proitem ul {
	list-style: none;
    font-size: 14px;
	text-align: left;
	margin-left: -40px;
}
.proitem ul li { margin-bottom: 5px;}
.proitem li a:hover { text-decoration: underline;}
.proitem li span {
	font-size: 12px;
    margin-right: 5px;
}

.learnmore{ text-align:center;}
.learnmore a{ display:inline-block; margin:40px auto 0; padding:12px 12%; font-size:18px;color:#ffaa00; border:1px solid #ffaa00}
.learnmore a:hover{color:#fff;background-color:#ffaa00;}


  .section-news{ margin: 50px 0;}
  .section-news .nitem{ max-width:369px; margin:20px auto 10px auto; overflow:hidden; color:#101010;}
.section-news .nitem img{ max-width:100%;}
.section-news .nitem h3{ font-size:21px; text-transform:capitalize; overflow:hidden; margin:0 auto 10px;}
.section-news .nitem h3 a{color:#ffa400;}
.section-news .nitem h3 a:hover{color:#003466;}
.section-news .nitem .pic{ background-color:#000; overflow:hidden;}
.section-news .nitem .pic:hover img{ opacity:0.7; transform:scale(1.1,1.1)}
.section-news .nitem .cbox{  border-top:0; padding:15px 0;}
.section-news .nitem .date{ color:#464646; font-size:14px; text-transform:uppercase; margin-bottom:15px; display:block;}
.section-news .nitem .des{ font-size:14px; margin-bottom:20px;color:#646464; }


.navbar-fixed-top{filter:alpha(Opacity=98);-moz-opacity:0.98;opacity: 0.98; background-color:#fff; position:fixed !important;}
/*.navbar-fixed-top .navbar-brand{ background:url(../img/top100.png) no-repeat 0 0; background-size:cover; }*/

 .navbar.navbar-fixed-top{ margin-top:0;}

 
.navbar-fixed-top.navbar-default{-moz-box-shadow: 0 1px 5px #ccc; /* 老的 Firefox */
box-shadow: 0 1px 5px #ccc; background-image:none; }



.footer{ background-color:#f2f2f2; color:#646464;}
.copyright{ background-color:#747474; color:#fff; padding:15px 0; text-transform:uppercase;}
.copyright a{ color:#fff;}
.copyright a:hover{ color:#ffaa00;}

.footLink{  padding:50px 0;}
.fwidget{ }
.fwidget a{color:#787878;}
.fwidget a:hover{color:#003769;}
.fwidget ul{ list-style:none; margin:0; padding:0;}

.fmenu { }
.fmenu ul{ font-size:16px; text-transform:uppercase; }
.fmenu li{ padding:8px 0;}
.fmenu li a{ color:#4a4a4a;}
.fmenu li a:hover{ color:#003769;}

.fpmenu h3{ font-size:18px; margin:10px 0 20px 0; color:#686868;}
.fpmenu ul{  }
.fpmenu li{ padding:3px 0;}

.footer address{ max-width:280px; }
.footer address i{ width:20px; float:left; min-height:25px; vertical-align:bottom;font: normal normal normal 14px/20px FontAwesome; text-align:center; margin-right:5px;}

.footer .foot-social{  margin-top:10px; margin-bottom:20px; vertical-align:middle;}
.footer .foot-social ul, .footer .foot-social li{ display:inline-block; margin:0 7px 0 0; vertical-align:middle;}
.footer .foot-social img{vertical-align:middle;}
.footer .foot-social a{ width:32px; height:32px; display:block; border-radius:50%; background:#fff; text-align:center; line-height:32px;transition: 0.1s all ease; color:#333; box-shadow:1px 2px 3px #888;}
.footer .foot-social a i{line-height:32px; font-size:20px;}
.footer .foot-social a.link-twitter:hover{ background-color:#44ccf6;}
.footer .foot-social a.link-pinterest:hover{ background-color:#cb2027;}
.footer .foot-social a.link-linkedin:hover{ background-color:#0275b6;}
.footer .foot-social a.link-facebook:hover{ background-color:#3b5998;}
.footer .foot-social a.link-qq:hover{ background-color:#4dafea;}
.footer .foot-social a.link-weixin:hover{ background-color:#3eb135;}
.footer .foot-social a:hover{ color:#fff; }

.gotop{ position:fixed; right:10px; bottom:10%; width:50px; height:50px;}
.gotop a{ display:block; width:50px; height:50px; line-height:40px; border-radius:5px; background:#f2f2f2; text-align:center; font-size:24px; box-shadow:1px 1px 3px #555;}
.gotop a:hover{}

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

.page-banner{ background-position:center 0; background-repeat:no-repeat; background-size:cover;}
.page-banner img{ max-width:100%;}

.breadcrumb{ color:#646464; border-radius:0; padding:12px 0; text-align:right; background:none;}
.breadcrumb i{ font-size:16px; color:#003769}
.breadcrumb a{ color:#646464;}
.breadcrumb a:hover{ color:#003769;}
.breadcrumb .jiange{ padding:0 5px;}

.breadcrumb.dark{ background:url(../images/new-_03.jpg); height:52px; line-height:52px; padding:0; text-align:left; color:#fff; margin-bottom:30px;}
.breadcrumb.dark i{ font-size:16px; color:#fff}
.breadcrumb.dark a{ color:#fff;}
.breadcrumb.dark a:hover{ color:#ffa400;}

.sidebar{ width:250px; float:left; margin:0 0 40px 0;}
.sth2{ font-size:18px; margin-top:0; margin-bottom:15px;}

/* 本例子css */
.sideMenu{  border:1px solid #e8e8e8; border-radius:8px; margin-bottom:40px;  }
.sideMenu h3{ position:relative; line-height:20px; padding:10px 0 10px 20px; border-top-left-radius:8px; border-top-right-radius:8px;  background:#f7f7f7; cursor:pointer; font-size:14px; font-weight:bold; margin:0; border-bottom:1px solid #eee;

}
.sideMenu h3 em{ position:absolute; top:16px; left:8px; content:""; cursor:pointer; width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-left: 5px solid #646464;
    border-bottom: 4px solid transparent; }
.sideMenu h3.on em{ 
border-top: 5px solid #646464;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent; 
 }
.sideMenu ul{ padding:0; color:#999; display:none; margin:0; /* 默认都隐藏 */ }
/*.sideMenu ul li{ margin:0; padding:10px 20px; list-style:none; border-bottom:1px solid #e8e8e8;}*/
.sideMenu ul{ padding:0; color:#999; display:none; margin:0; /* 默认都隐藏 */ }
.sideMenu ul li{ margin:0; list-style:none; }
.sideMenu ul li > a{ padding:10px 20px;border-bottom:1px solid #e8e8e8; display:block;}

.sideMenu li dl{ margin:0; padding:0; border:0;  display:none; font-size:13px;}
.sideMenu li dl dd{ border:0; border-bottom:1px solid #e0e0e0;}
.sideMenu li dl dd a {padding: 7px 10px 7px 20px; display:block; color:#777;}
.sideMenu li dl dd a:hover{ color:#003769;}
.sideMenu li dl.in{ display:block;}


.sideVideo{border:1px solid #e6e6e6;border-radius:8px; }
.sideVideo h3{ background:#f8fafa; color:#666; text-transform:uppercase; font-size:14px; padding:12px 15px; margin:0; border-bottom:1px solid #e6e6e6; position:relative;border-top-left-radius:8px; border-top-right-radius:8px; }
.sideVideo h3 .fl{ position:absolute; top:12px; right:10px; color:#101010;}

.sideVideo .vcontent{ padding:10px 15px; color:#666;}
.sideVideo dl{ margin-bottom:10px;}
.sideVideo  dt{vertical-align:middle;}
.sideVideo  dt i{ width:20px; display:inline-block; vertical-align:middle;}
.sideVideo  dd{ padding-left:20px; color:#888;}

.mainContent{ width:calc(100% - 300px);float:right; margin-bottom:50px;}
.mainContent #h3 { font-size: 13px;}
.pageTitle{ font-size:19px;color:#101010; margin-bottom:20px; text-transform:uppercase; }

  .newslist{ margin:20px 0;}
  .newslist .nitem{ max-width:369px; margin:20px auto 10px auto; overflow:hidden; color:#101010;}
.newslist .nitem img{ max-width:100%;}
.newslist .nitem h3{ font-size:21px; text-transform:capitalize; overflow:hidden; margin:0 auto 10px;}
.newslist .nitem h3 a{color:#ffa400;}
.newslist .nitem h3 a:hover{color:#003466;}
.newslist .nitem .pic{ background-color:#000; overflow:hidden;}
.newslist .nitem .pic:hover img{ opacity:0.7; transform:scale(1.1,1.1)}
.newslist .nitem .cbox{  border-top:0; padding:15px 0;}
.newslist .nitem .date{ color:#464646; font-size:14px; text-transform:uppercase; margin-bottom:15px; display:block;}
.newslist .nitem .des{ font-size:14px; margin-bottom:20px;color:#646464; max-height:102px; overflow:hidden; }
.newslist .nitem .linkmore{}
.newslist .nitem .linkmore a{ color:#fff;background-color:#ffa400; padding:8px 10px;}
.newslist .nitem .linkmore a:hover{background-color:#003466;}

.postTitle{ text-align:center; font-size:21px; color:#333333; margin:30px auto 10px;}
.postbody{ color:#646464; line-height:22px;  padding-bottom:30px;}
.postmeta{ color:#646464; text-align:center; padding-bottom:30px;}
.postmeta a{ color:#797979; }
.postmeta a:hover{ color:#ffaa00; }

.pagebody{ color:#646464; padding-bottom:30px;}

.pagebody h3,.pagebody h4,.pagebody h5,.pagebody h6{ color:#101010; margin:20px auto; font-size:16px;}
.pagebody h3{ font-size:21px;}

.listsmcircle{ padding:0;}
.listsmcircle li{ list-style:inside disc; padding:1px 0;}

.contactForm{ max-width:480px; margin:30px 0; color:#595757}
.contactForm form p{ line-height:34px; margin:0 0 10px; }
.contactForm form label{  color:#595757;font-weight:normal; margin-bottom:0;}
.contactForm form p.default{ position:relative;}
.contactForm form p.default label{ font-weight:normal;}
.contactForm form p .red{ color:#f00; font-weight:bold; padding-right:3px;}
.contactForm form .selectBtn{ margin-right:5px;}
.contactForm .form-contorl{ border:1px solid #ddd; background-color:#fff; height:34px; line-height:34px; width:100%; border-radius:5px; box-sizing:border-box;}
.contactForm .form-contorl:focus{ border-color:#003769;}
.contactForm form .darkBtn{ width:200px; text-align:center;background:#fdb025; border-radius:5px; line-height:34px; height:34px; color:#fff; border:0; font-weight:bold;text-transform:uppercase;}
.contactForm textarea.form-contorl{ height:auto;}

.map{ margin-top:30px; border:1px solid #e0e0e0; padding:10px; margin-bottom:50px;}

.shortYellow{ background:#ffaa00; width:50px; height:3px; margin:-5px auto 20px 0;}
.coatact-info{ color:#646464;}
.coatact-info h2{ font-size:21px;}
.coatact-info dl{ margin-bottom:10px;}
.coatact-info dt{ display:inline-block; float:left; font-weight:normal;}
.coatact-info dt i{ padding-right:5px;}


.pro-detail-con{position: relative;}
.offer-icon{background: #003769 url(../images/icon-offer.png) 90% center no-repeat; color: #fff; padding: 10px 50px 10px 15px; position: absolute; right: 0px; top: 20px; text-transform: uppercase;}
.offer-icon:hover{color: #fff;}
.pro-img{-webkit-box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.15);-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px; margin: 30px 0; position: relative;}

.pro-thumb{ float:right; width:260px; overflow:hidden;text-align:center;  }
.pro-thumb ul{ overflow:hidden; zoom:1; float:none; padding:0; margin:0;}
.pro-thumb ul li{ margin:0; padding:0; margin-bottom:3px; width:auto;text-align:center;  border:1px solid #ddd; list-style:none; }
.pro-thumb ul li img{ cursor:pointer;}
.pro-thumb ul li.on{border-color:#003769 ; }
.pro-thumb ul li.on img{  }
.pro-photo{ float:left; width:calc(100% - 265px);}
.pro-photo ul{margin:0; padding:0;}
.pro-photo li{ vertical-align:middle; text-align:center; list-style:none; }
.pro-photo img{ max-width:100%;  display:block; margin:0 auto;  }


.pro-parameter {padding: 10px 0 20px 0;}
.pro-parameter .row{padding: 2px 0;}
.pro-detail-con h1{color: #003769; padding-top:20px; font-size: 36px; width:calc(100% - 180px)}
.pro-detail-con h5{font-size: 24px; color: #646464;}
.pro-detail-con .pro-subtitle{ padding-bottom: 7px; position:relative; margin-bottom:10px;}
.pro-detail-con .pro-subtitle:after{ content:""; position:absolute; bottom:0; left:0; width:40px; height:3px; background:#003769;}
.tab-item span{display: inline-block; padding: 0 10px; height: 36px; line-height: 36px; font-weight: bold; font-size: 18px; color: #444444; margin: 10px 10px 10px 0; cursor: pointer; border: 1px solid #e6e6e6; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px;}
.tab-item span.on{color: #003769;}
.mr-body.pro-detail-con p{padding: 0;}
#pro-info{position:relative; padding:20px 30px 25px 30px; margin-top:20px; margin-bottom:30px; background:#c7cdd0;}
#pro-info .title{display: block; margin-bottom: 20px; font-size: 16px; text-transform: uppercase; color: #fff;}
#pro-info fieldset{float: left;width: 50%;}
#pro-info .form-box{margin: 0 2px 2px 0; background: #f1f2f3;}
#pro-info .form-box span{background: #f1f2f3;}
#pro-info input{height: 37px; padding: 5px 7px; margin: 0; color: #7d7d7d; width: 100%; border:0;}
#pro-info textarea{padding: 5px 7px; width:100%; border:0;}
#pro-info input.css-checkbox{width: 20px; height: 20px; position: absolute; overflow: hidden; clip: rect(0 0 0 0);}
#pro-info .css-label{line-height: 20px; height: 20px; margin: 0; vertical-align: top; color: #fff; background: url(../images/checkbox-replace.png) no-repeat; cursor: pointer;}
#pro-info .css-label a{color: #fff;}
#pro-info .no-label{padding-top: 15px;}
#pro-info .btn-gray{background-color: #5d6264; color: #fff; padding: 10px 15px; text-transform: uppercase; display:inline-block; width:auto;}
#pro-info input[type=checkbox].css-checkbox + label.css-label{padding-left: 25px; height: 20px; display: inline-block; line-height: 20px; background-position: 0 0;}
#pro-info input[type=checkbox].css-checkbox:checked + label.css-label{background-position: 0 -20px;}
::-webkit-input-placeholder {color:#7d7d7d;}
::-moz-placeholder{color:#7d7d7d;}
::-ms-input-placeholder {color:#7d7d7d;}
.pro-detail-con .mb-link{padding: 0;}
.mb-link a, .mb-link span{color: #a9a9a9;}
.mb-link a{padding: 0 5px; text-transform: uppercase;}
.mb-link a:hover{color: #003769;}


@media (min-width: 1200px){ .container{ width:1200px;}}

@media (min-width: 768px) and  (max-width: 991px){
  .navbar-brand > img{ width:130px;}
  .main_menu {
    margin: 0 0 0 0;}
	.main_menu li {
    margin-left: 0;
}
  .main_menu li a{padding:0 10px; }
  
#navbar {
    margin-top: 15px;
}

.searchtop {
    top: 10px;
}
}
@media (min-width: 992px) and  (max-width: 1199px){.main_menu li a{padding:0 15px; } .main_menu {
    margin: 0 20px 0 0;} }
@media (max-width: 767px){
	
	.top{ height:auto;}
	.navbar-header{ position:relative; float:none;}
	.navbar-brand{ margin-left:-15px;}
	.navbar {
		margin-top:0;
}
.navbar-fixed-top .navbar-brand img,.navbar-brand img{height:50px; width:auto !important;}
	
	#navbar {
    text-align: center;
    float: none;
    margin-top: 0;
}
	.main_menu {
    width: 100%;
	background-color: hsla(0,0%,100%,.95); 
	margin:0;
}
.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;
}
.main_menu li a:hover{ color:#ffaa00}
.main_menu li > ul{ position:relative; left:0; top:98%; width:100%; background:#f8f8f8; margin:0; padding:0 0; border-top:1px solid #666; display:none;}
.main_menu li > ul > li{ margin-left:0; height:auto; float:none; width:100%; display:block;}
.main_menu li > ul > li a{ padding:0; line-height:36px; float:none;}
.main_menu li:hover > ul{ display:block;}
.sidebar{ width:100%; float:none;}
.mainContent{ width:100%;float:none;}

.aboutpic{  height:480px;}
}