*{-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; text-align:right; line-height:24px; position:relative; z-index:100; }

.header{  z-index:30; width:100%; background:#fff;}





#language{ font-size:11px;}

#language a{ padding:0 3px; color:#4d4d4d;}

#language a:hover span{ color:#ae0901; text-decoration:underline;}



.tsocial{ margin-top:10px;}

.tsocial a{ color:#919191; margin-right:7px;}

.tsocial a:hover{ color:#00417b}

.tsocial i{ font-size:20px;}



.navbar {

    margin-bottom: 0;

    border-radius: 0;

	position:relative;

	

}

#navbar{text-align:left;}

.navbar .container{ position:relative; z-index:10;}

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



.navbar-default {

    background-color:#00417b;

    border-color: transparent;

	border:0;

	 height:50px;

}

.navbar-brand {

	height:auto;

}

.brand-txt{ margin:15px 0;}



.navbar-collapse {

    padding-right: 0;

    padding-left: 0;

}



.navbar-toggle {

    position:absolute;

	right:0;

	margin-right: 5px;

    background-color: #00417b;

    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;  width:auto; display:inline-block;  }

.main_menu li{ list-style:none; padding:0; margin:0;}



.main_menu li{ float:left; position:relative; }

.main_menu li > a{ display:block; line-height:50px; padding:0 30px; color:#fff; float:left; font-size:14px;text-transform:uppercase; font-weight:bold;}

/*.main_menu li span{ display:block; width:2px; height:38px; float:left;}*/

.main_menu > li > a:hover{ text-decoration:none; color:#fff; background-color:#00ccff;}

.main_menu > li.active > a,.main_menu li > a.now{ color:#fff; background-color:#00ccff; }

.main_menu > li:first-child a{ margin-left:-1px;}

.main_menu > li > ul{ position:absolute; left:0; top:99%; min-width:180px; background:#00417b; margin:0; padding:10px 0; display:none;}

.main_menu > li > ul > li{ height:auto; float:none; width:100%; display:block;}

.main_menu > li > ul > li a{ padding:2px 15px; line-height:22px; float:none; font-weight:normal; text-transform:capitalize;}

.main_menu li:hover > ul{ display:block;}

.main_menu li:hover > a{color:#fff; background-color:#00ccff; }



.searchtop{ float:right; position:relative; display:inline-block; top:8px; cursor:pointer; }

.searchtop .searchBox{ position:absolute; top:0; left:auto; right:0; border:1px solid #ccc; background-color:#fff; width:210px; }

.searchtop .st{ border:0 solid #ccc; background-color:transparent;  height:32px; line-height:32px; vertical-align:middle; padding:0 0 0 10px; width:180px; color:#666;}
.searchtop .searchBox button{ border:0; background-color:transparent; color:#333; position:absolute; right:0; top:7px;}






#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: 10px;

    height: 10px;

    margin: 0 5px;

    text-indent:0;

    border: 2px solid #ffffff;

    border-radius: 50%;

    cursor: pointer;

    background-color:#000;

	text-align:center;

}

.carousel-indicators .active {

    width: 10px;

    height: 10px;

    margin: 0 5px;

    background-color: #7d7d7d;

}





/*

* 	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;

}

#mainContent{

	position:relative;

	float:right;

	top:0;

	width:calc(100% - 270px);

	margin-bottom:30px;

	padding-top:5px;

	text-align:left;

}



.aboutIndex{

	margin:0 0 0 0;

	font-size:1em;

	line-height:180%;

	position:relative;

}

.aboutIndex h3{

	font-size:1.2em;

	color:#00417b;

	line-height:32px;

	margin:25px 0 10px;

	font-weight:bold;

	text-transform:uppercase;

}

.aboutIndex h3 span{ float:right; background:url(../images/arrow.gif) no-repeat 0 center; padding-left:20px; font-size:14px; font-weight:normal;}

.aboutIndex p{

	margin:8px 0 20px 0;

}

.aboutIndex a{

	color:#135180;

}

.aboutIndex a:hover{

	color:#e77918;

}

.imgborderfl{

	float:left;

	padding:5px;

	border:1px solid #ddd;

	display:inline;

	margin:10px 20px 10px 0;

}

#featurePro{

	margin-top:10px;

	position:relative;

}

#main{

	margin-top:10px;

	position:relative;

}

.featurePro { border:1px solid #e0e0e0; padding:10px 15px 15px; margin:10px 0 20px;}

.featurePro h3{

	font-size:1.2em;

	color:#00417b;

	line-height:32px;

	margin:5px 0 -15px;

	font-weight:bold;

	text-transform:uppercase;
	position:relative;


}

.featurePro h3 span{ position:absolute; top:0; right:5px; background:url(../images/arrow.gif) no-repeat 0 center; padding-left:20px; font-size:14px; font-weight:normal;}



.fhProList{

	margin:0;

	padding:0;

}

.fhProList li{



	padding:10px 0 10px 0;

	list-style:none;

	margin:0;

	padding:0;

}

.fhProList li h3,.fhProList li h4,.fhProList li h5{ font-weight:normal;}



.fhProList .proItem{ margin-bottom:30px;}

.fhProList .indexProimg{

	width:calc(50% - 15px);

	float:left;

	text-align:center;

	border:1px solid #ccc;

	box-shadow:0 0 8px #999;

	background:#fff;

	margin-right:14px;

}

.fhProList .indexProimg img{

	max-width:100%;

	padding:13px;

}

.fhProList .indexProinfo{

	width:50%;

	margin-top:5px;

	float:left;

	line-height:180%;



}

.fhProList li .nitem{

	margin:0 auto 10px auto;

	font-size:18px;

	font-weight:bold;

}

.fhProList li .nitem a{

	color:#333333

}

.fhProList li .nitem a:hover{

	color:#010f8d;

}

.fhProList .linkbtn{ display:block; padding-top:10px;}

/*.fhProList .linkbtn a{ display:block; width:144px; height:40px; line-height:40px; color:#fff; padding-left:15px; background:url(../images/mplink.png) no-repeat 0 0;-webkit-transition:none;

-moz-transition: none;

-o-transition: none;

transition: none;}

.fhProList .linkbtn a:hover{ background-position:0 -40px;}*/

.btn-primary.btn-shadow {
    -webkit-box-shadow: inset 0 -4px 0 #2a6496;
    box-shadow: inset 0 -4px 0 #2a6496;
    border: 0;
    color: #fff;
	padding:8px 15px;
}



#sideBar{

	position:relative;

	float:left;

	top:0;

	left:0;

	width:220px;

	text-align:left;

	margin-bottom:25px;



}



.sideBlock{

	margin-top:15px;

}

#sideContact{

	padding:5px 0;

	line-height:160%;

	

}

#sidelogin{

	margin-top:15px;

	border:1px dashed #ddd;

	padding:5px 0;

}

#sidelogin p{

	margin:7px 8px;

}

input.sidetxt{

	width:120px;

}

#sidelogin p.sidebutton{

	margin:7px 10px 7px 65px;

}

#sidelogin span{ width:65px; float:left; display:block;}

.groTitle{

	border-bottom:1px solid #ddd;

	background:#f0f0f0;

	width:100%;

	font-size:0.98em;

	margin:0;

}

.groTitle a{

	line-height:20px;

	padding:3px 0 3px 20px;

	background:url(../images/icon_left.gif) no-repeat 3px center;

	display:block;

	color:#333;

}



.groTitle a:hover{

	color:#de091f;

	background:url(../images/icon_left_hover.gif) no-repeat 3px center;

}

#otherButton{

	cursor:pointer;

}

.jia{ 

	border-bottom:1px solid #ddd;

	background:#f0f0f0;

	font-size:0.98em;

	line-height:20px;

	padding:3px 0 3px 20px;

	background:#f0f0f0 url(../images/jia.gif) no-repeat 3px center;

}

.jian{ 

	border-bottom:1px solid #ddd;

	background:#f0f0f0;

	font-size:0.98em;

	line-height:20px;

	padding:3px 0 3px 20px;

	background:#f0f0f0 url(../images/jian.gif) no-repeat 3px center;

}

.subTitle{

	padding:0 0 3px 22px;

	color:#135180;

	height:28px;

	line-height:28px;

	font-weight:bold;

	border-bottom:1px solid #ddd;

	font-size:1.2em;

	background:url(../images/arrowico.gif) no-repeat 3px -22px;

	margin:0;

}



ul.sideProNav{

	width:100%;

	display:table;

	margin:0;

	padding:0;

}

ul.sideProNav li{

	border-bottom:1px solid #ddd;

	width:100%;

	float:left;	

	margin:0;

	padding:0;

	list-style:none;

}

ul.sideProNav li a{

	line-height:20px;

	padding:3px 0 3px 20px;

	background:#fff;

	display:block;

	color:#444;

}

ul.sideProNav li a:hover{

	color:#de091f;


}



#otherList{ display:none;}

ul.sideProList{

	margin-bottom:1px;

	width:100%;

	display:table;

}

ul.sideProList li{

	border-top:1px solid #fff;

	background:#e0ebf1;

	width:100%;

	float:left;	

}

ul.sideProList li a{

	line-height:20px;

	padding:4px 0 4px 10px;

	display:block;

	color:#333;

}

ul.sideProList li a:hover{

	background:#666666;

	color:#fff;

}



.size14 {

    font-size: 14px;

}

.blue {

    color: #135180;

}

.footer{ background:#00417b; color:#fff; padding-top:40px;}

.copyright{ background:#00315d; padding:15px 0; font-size:16px;}

.copyright a{ color:#fff;}

.copyright a:hover{ color:#fff; text-decoration:underline;}

.fwidget{ float:left; margin-right:100px; margin-bottom:30px; display:inline-block; width:auto;}

.fwidget:last-child{ margin-right:0;}

.fwidget a{ color:#fff;}

.fwidget a:hover{ text-decoration:underline;}

.fwidget h4{ font-size:14px; text-transform:uppercase; margin:0 0 10px;}

.fwidget ul,.fwidget li{ margin:0; padding:0; list-style:none;}

.fwidget.fpmenu li{ padding:3px 0;}

.fwidget.fmenu li{ padding:5px 0; text-transform:uppercase;}

.fwidget.network{ text-align:center;}

.fwidget.network h3{ font-size:30px; text-transform:uppercase; margin-top:0; margin-bottom:20px;}

.fwidget.fsocial{ max-width:240px;}

.fwidget.fsocial p{ display:inline-block; line-height:1.8; margin-bottom:15px;}

.fwidget.fsocial a{ display:inline-block; width:40px; height:40px; line-height:40px; text-align:center; background-color:#fff; color:#00315d; border-radius:5px; margin-right:10px;}

.fwidget.fsocial i{ font-size:24px;line-height:40px;}



.breadcrumb {

    padding: 10px 0;

    margin-bottom: 0;

    background-color: #fff;

    border-radius: 0;

}

.breadcrumb .current{ color:#00417b;}

.pageTitle{ font-size:24px; text-transform:capitalize; color:#333;}

.pageTitle.line{  margin:0 0 15px 0; padding-bottom:5px;}

.post{ padding-bottom:30px; padding-top:15px; line-height:150%;}

.post p{ margin-bottom:20px;}
.post ul { display: flex; margin:0; padding: 0; }
li { list-style: none; }
.post li { margin-right: 10px; }

.post img{ margin-bottom:15px; max-width: unset; }
/*.post .col-md-5, .post .col-md-8, .post .col-md-6 { padding-right: 0; }*/

.post a{ color:#00417b;}

.post a:hover{ color:#010f8d; text-decoration:underline;}



.artview_info{

	text-algin:center;

	margin:5px 0 10px 0;

	padding:7px 5px;

	border:1px solid #ddd;

	color:#888;

}

.reTitle{

	margin:30px 5px 10px 0;

	border-bottom:1px solid #ddd;

	line-height:22px;

	text-transform:capitalize;

	font-weight:normal;

	font-size:14px;



}

.reTitle span{ display:inline-block; padding:5px 10px; border:1px solid #ddd; border-bottom:0; margin-left:5px; }

ul.renewlist{

	margin:10px 5px;

	padding:0;

}

ul.renewlist li{

	margin:5px 0;

	list-style:inside disc;

}

/*.proPage .row{ margin-left:-10px; margin-right:-10px;}

.proPage .row .col-lg-3,.proPage .row .col-md-4,.proPage .row .col-sm-6,.proPage .row .col-xs-6{ padding-left:10px; padding-right:10px;}*/
    .row-flex{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    }
.pitem{

	text-align: center;

	font-size:14px;

	margin:30px 0 0;

}

.pitem .pic{


background: #fff;

margin-bottom:5px;

padding-top:100%;

position:relative;

}



.pitem .pic .thumbnails {

    overflow: hidden;

    position: absolute;

    top: 0px;

    right: 0;

    bottom: 0px;

    left: 0;

    opacity: 1;

    transition: opacity 0.1s ease 0s;

}

.pitem .pic .thumbnails .centered {

    position: absolute;

    top: 0;

    left: 0px;

    width: 100%;

    height: 100%;

    transform: translate(50%, 50%);

}

.pitem .pic .thumbnails .centered img {

    transform: translate(-50%, -50%);

	position: absolute;

	top: 0px;

	left: 0px;

	max-height: auto !important;



}	

.pitem span{ 

display:block;
 text-align:left;


}

p.fenye{text-align:center; clear:both; color:#666; padding:50px 0; font-weight:bold;}

p.fenye a{ border:1px solid #999; padding:5px 10px 5px 10px; margin:0 2px; text-decoration:none; color:#777; border-radius:5px;}

p.fenye a:hover{ text-decoration:none; background:#fff; border:1px solid #00417b; color:#0e71b2;}

p.fenye a.current{ color:#fff; text-decoration:none; cursor:text; background:#00417b;border:1px solid #00417b; font-weight:bold;}



ul.news_list{ margin:0; padding:0;}

ul.news_list li{

	padding:10px 0 20px 0;

	margin:0;

	list-style:none;

}



ul.news_list li h3{

	font-size:16px;

	font-weight:bold;

	margin:15px 0 5px;

}

ul.news_list li h3 a{

	color:#00417b;

}

ul.news_list li h3 a:hover{

	text-decoration:underline;

}

ul.news_list li p.date{

	font-size:12px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	padding:0;

	color:#666;

	font-style:italic;

	margin:0;

}

.mblock{ border-bottom: 1px solid #ddd; padding:0 0 20px; margin:10px 0;}

.mblock .pull-left{ margin:0 5% 10px 0;}

.mtitle {

    margin: 10px 0 20px;

    padding-left: 20px;

    background: url(../images/arrowico.gif) no-repeat 2px 4px;

	font-size:18px;

	color:#000;

}



.feedback{ width:100%;}

.feedback td{

	padding:5px;

	color:#666;

}

.feedback label{ font-weight:normal;}

.feedback .mark {

    padding: .2em;

    background-color:transparent;

}

.onleft{

	text-align:right;

	display:block;

}

.online-right{

	line-height:30px;

	vertical-align:middle;

	width:calc(100% - 80px);

	border:1px solid #ddd;

	background-color:#f5f5f5;

	border-radius:5px;

	padding:0 5px;

}

.online-right:focus{ background-color:#fff; border-color:#ccc;}

.mark{

	font-weight:bold;

	color:#CC0000;

	margin-right:5px;

}

.propic{ border:1px solid #ddd;  margin:0 auto;margin-bottom:20px; } 

.picFocus{ position: relative; overflow: hidden; padding: 0;margin:0 auto;}
.picFocus .bigImg{position: relative; margin:0; padding:0; }
.picFocus .bigImg li{position: relative;  margin:0 auto; padding:0;list-style:none; text-align:center;}
.picFocus .bigImg li img{ vertical-align:middle;  margin: 0 auto; padding: 0; }
.picFocus .smallScroll{ position:relative;}
.picFocus .sPrev,.picFocus .sNext{  display: block; width: 24px; line-height:25px; font-size:24px; color:#ccc; margin:0 auto; position:absolute; top:50%; margin-top:-22px;}
.picFocus .sPrev{ left:0;}
.picFocus .sNext{ right:0;}
.picFocus .sPrev:hover,.picFocus .sNext:hover{ color:#f18200;}
.picFocus .smallImg{  overflow: hidden; margin-top:10px; }
.picFocus .smallImg ul{ overflow: hidden; }
.picFocus .smallImg ul * {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -o-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
}
.picFocus .smallImg li{  cursor:pointer; margin:0 10px 15px; list-style:none; width:50px;  text-align:center;border: 1px solid #d9d9d9;}
.picFocus .smallImg img{  max-width:100%;  margin: 0; padding: 0;  }
.picFocus .smallImg li.on { border: 1px solid #f18200; }

.proinfo{ max-width:570px; margin:0 auto 20px;}

.proinfo h1{ font-size:20px; margin:0 0 20px;}

.proinfo .proShortDes{ line-height:1.5;}

.proinfo .proShortDes p{ margin-bottom:15px;}

.prodir{ margin-top:20px; margin-bottom:40px;}

.prodir a{ color:#00417b;}

.prodir a:hover{ text-decoration:underline;}


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


#register{

	width:600px;

	padding:0 0 30px 0;

	border:2px dotted #ccc;

	background:#fff;

}

.registerTitle{ background:#ccc; color:#fff; line-height:40px; font-size:18px; padding:0 50px; text-align:left; margin:1px 1px 25px 1px; border-bottom:1px solid #aaa;}



#reg{position:relative; z-index:999999999;}



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

@media (min-width: 992px) and (max-width: 1199px){ 

.main_menu li a {

    padding: 0 10px;



}

}

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

.main_menu li a {



    padding: 0 7px;

    font-size: 14px;

    text-transform:capitalize;

    font-weight:normal;

}

}

@media (max-width: 768px){

	.top .pull-right{ float:none !important;}

	.navbar-header{ float:none;}

	.navbar{ min-height:2px; height:auto;}

	.navbar-default{ height:auto;}

	.main_menu{ width:100%; display:block;}

	.main_menu li{ float:none; text-align:center; border-bottom:1px solid #1c2931;}

	.main_menu li a{ float:none;}

	#mainContent{

	float:none;

	width:100%;

}

	#sideBar{

	float:none;

	width:220px;



} 

.brand-txt{ display:none;}
.proDes table{ width:100%; height:auto;}
}

@media (max-width: 479px){ .brand-txt{ display:none;}.mblock .pull-left{ float:none !important;}}