*{-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:Arial, Helvetica, sans-serif; }

.container-fluid {
    
}
h1,h2,h3,h4,h5,h6{ }
.mainContent p{ text-indent:2em;}
.page p{text-indent:2em;}
.container img{ max-width:100%;}

a{ color:#333;}
a:hover{ text-decoration:none;color:#000; }
.top{color:#ccc; text-align:right; line-height:24px; position:relative; z-index:100; margin-bottom:-30px;}
.top a{ margin:0 5px; color:#999;}
.top a:hover{ color:#000;}
.header{  z-index:30; width:100%; background-color:#fff; padding:15px 0 0;}
.navbar {
    margin-bottom: 0;
    border-radius: 0;
	position:relative;
	min-height: auto !important;
	
}
#navbar{float: right; text-align:left; }
.flogo{ position:absolute; top:-8px; right:0;}
.header .container{ position:relative;}

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


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

.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}
.navbar-toggle {
    position:absolute;
	right:0;
	margin-right: 10px;
    background-color: #999;
    background-image: none;
    border: 0 solid transparent;
	margin-top:-16px;
	margin-bottom:0;
	top:50%;
	padding: 5px 4px;
	border-radius:2px;
	
}
.navbar-toggle .icon-bar {
    background-color: #fff;
}
.main_menu {padding:0; margin:0; margin-top:52px; float:right}
.main_menu > li{ list-style:none; margin:0;}

.main_menu > li{ float:left;/* border-right:1px solid #fff;*/padding:0 30px 20px; }
.main_menu.left  > li{ border-right:0; /*border-left:1px solid #fff;*/}
.main_menu.left > li:first-child{ border-left:0;}
.main_menu > li > a{ display:block; line-height:1;  color:#666; float:left; font-size:18px;text-transform:uppercase; }
/*.main_menu li span{ display:block; width:2px; height:38px; float:left;}*/
.main_menu > li > a:hover{ text-decoration:none; color:#000;}
.main_menu > li.active > a,.main_menu > li > a.now{ color:#000; }
.main_menu > li.searchico{ }

.languages{float:right; margin-top:52px;margin-left:20px;  color:#ccc; font-size:12px;}
.languages a{ margin:0 5px; color:#888;}

/* Bootstrap Carousel Fade Transition  start */
       .carousel-fade  .carousel-inner .item {
            transition-property: opacity;
        }

        .carousel-fade  .carousel-inner .item,
        .carousel-fade  .carousel-inner .active.left,
        .carousel-fade  .carousel-inner .active.right {
            opacity: 0;
        }

       .carousel-fade  .carousel-inner  .active,
       .carousel-fade  .carousel-inner  .next.left,
        .carousel-fade  .carousel-inner .prev.right {
            opacity: 1;
        }

       .carousel-fade  .carousel-inner  .next,
        .carousel-fade  .carousel-inner .prev,
        .carousel-fade  .carousel-inner .active.left,
        .carousel-fade  .carousel-inner .active.right {
            left: 0;
            transform: translate3d(0, 0, 0);
        }

   .carousel-fade .carousel-control {
        z-index: 2;
    }

/* Bootstrap Carousel Fade Transition end */
#carousel-index{ background-color:#f2f2f2; }
#carousel-index .xitem_img{ background-position: center top; background-size:cover;  background-color:#f2f2f2; background-repeat:no-repeat; }
#carousel-index .item{ transform: scale(1.07);}
#carousel-index .item .container{ position:relative;}
#carousel-index .item img{ padding:0 0 0 0;}
#carousel-index .item .container .ctext{ text-align:left; max-width:585px; color:#fff; position:absolute; top:50%; left:0; transform:translateY(-50%)}
#carousel-index .item .container .ctext h3{ font-size:30px; margin:0 0 30px; }
#carousel-index .item .container .ctext p{ font-size:16px; margin-bottom:45px;}

#carousel-index .item.active{
	animation: bannerIn 2s forwards;
}
@keyframes bannerIn{
	100%{
		transform: scale(1);
	}
}



a.redrabtn { background:#aaa; display:inline-block; padding:10px 30px; color:#fff; font-size:16px; border-radius:20px;}
a.redrabtn:hover{ background:#666;}
	
.carousel-indicators {
	z-index:2;
	text-align:center;
	width: 90%;
    margin-left: -45%;
   
}
.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    text-indent:0;
    border: 0 solid #ffffff;
    border-radius: 5px;
    cursor: pointer;
    background-color:#a5a5a5;
	text-align:center;
	font-size:13px;
}
.carousel-indicators .active {
    width: 40px;
    height: 10px;
    margin: 0 5px;
    background-color: #fff;
}
.carousel-control {
    font-size: 16px;
    color: #a9a9a9;
    text-align: center;
    text-shadow: none;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #646464;
  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 #646464;}
.carousel-control.left {
  background:none;
}
.carousel-control.right {
  background:none;
}
.slide .item .video {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.search-send{ padding:20px 0;  background-color:#f2f2f2; display:none; position:relative;}
.search-send.on{ display:block;}
.search-send .close{ position:absolute; top:25px; right:2%; }
.search-send .close .fa{font-size:30px;}
.search-send .close:hover{transform:rotate(180deg)}

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

.comtit {
    font-size: 32px;
    color: #333;
    text-transform:capitalize;
    margin-bottom: 30px;
	position:relative;
	font-weight:bold;
	 padding-bottom:15px; 

}
.comtit span{ display:block; font-size:16px; margin-top:5px;}
.comtit:after{ content:""; position:absolute; left:0; bottom:0;width:30px; height:1px; background:#999;}

.cleft{ max-width:600px; margin:0 0 0 auto; padding-top:calc(5% + 50px); padding-bottom:calc(5% + 50px); text-align:right; padding-right:80px;}
/*.cleft h3{ font-size:32px; color:#fff; background:rgba(0,0,0,0.5); text-align:right; padding:20px 35px 20px 0; max-width:400px; margin:0 0 30px auto;}
.cleft .tratxt{ background:rgba(0,0,0,0.5); text-align:justify; padding:30px 35px 30px 40px; color:#fff; line-height:1.6}*/
.cleft .comtit:after{ content:""; position:absolute; left:auto; right:0; bottom:0;width:30px; height:1px; background:#999;}
.cleft  .redborder{ display:block; border:1px solid #009ee0; border-radius:25px; padding:10px 0; width:130px; text-align:center; margin:150px 0 0 auto; color:#333;}
.cleft  .redborder:hover{ background:#009ee0; color:#fff;}

.cright{ max-width:600px; margin:0 auto 0 0; padding-left:50px;padding-top:calc(3% + 50px); padding-bottom:calc(3% + 50px);}
.pright{ margin:0 auto 0 0; padding-left:50px;}
/*.cright h3{ font-size:32px; font-weight:bold; position:relative; padding-bottom:20px; margin-bottom:30px;}
.cright h3 span{ font-size:16px; display:block; padding-top:5px;}
.cright h3:after{}*/
.cright .txt{ margin-bottom:30px; line-height:1.6}

    .row-flex-center{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    }
	    .row-flex{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    }

.section-header{ text-align:center; position:relative; margin-bottom:25px; color:#333;}
.section-header .section-tit{ font-size:28px; font-weight:bold; margin:0 0 5px;}
.section-header p{ font-size:18px;}
.section-header .section-menu{ color:#999;}
.section-header .section-menu a{ margin:0 10px;}
/*.section-header:after{ content:""; bottom:0; left:50%; position:absolute; width:80px; height:2px; margin-left:-40px; background:#009ee0}
.section-header.no-border{ margin-bottom:0}
.section-header.no-border:after{ width:0; height:0}*/

.section-aboutico,.section-news,industry-section{ padding:calc(1% + 30px) 0;}

.section-product{ padding:calc(1% + 30px) 0 0;}
.section-product .pleft{ max-width:600px; margin:0 0 0 auto; padding:0 10% 5% 0; line-height:1.6}
.section-product .pleft .tratxt{ margin-bottom:7%;}

.section-product .col-md-6.last{ padding-left:0; padding-right:3%;}
.section-product .col-sm-4 {

    padding-left: 0;
    padding-right: 0;

}

.owl-carousel .owl-dots{ text-align:center;}
 .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: 2px solid #ccc;
	width:16px;
	height:16px;
	border-radius:50%;
	margin:0 4px;
	position:relative;
 }
 .owl-carousel button.owl-dot.active{ border: 2px solid #666;}
  .owl-carousel button.owl-dot span{width:6px; height:6px; display:inline-block;border-radius:50%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%)}
  .owl-carousel button.owl-dot.active span{  background:#666;}


.iconitem{ width:100%;  position:relative; margin-bottom:30px; padding-top:5px;}
.iconitem .inner{ text-align:center;}
.iconitem .inner .pic{ 
	width:90px;
	height:90px;
	border:1px solid #ccc;
	border-radius:50%;
	position:relative;
	margin:0 auto;
	margin-bottom:15px;
    overflow:hidden;
}
.iconitem .inner img{ 
position:absolute;
top:50%; left:50%; transform:translate(-50%,-50%); text-align:center;
display:block; margin:0 auto 20px; width:auto !important;
-webkit-filter: grayscale(100%) opacity(0.5);
-moz-filter: grayscale(100%) opacity(0.5);
-ms-filter: grayscale(100%) opacity(0.5);
-o-filter: grayscale(100%) opacity(0.5);
filter: grayscale(100%) opacity(0.5);
filter: gray opacity(0.5); 
max-width:65px;
max-height:60px;
}
.iconitem .inner .big{ font-size:16px; color:#333; margin-bottom:10px;}
.iconitem .inner .gray{ font-size:14px; color:#999;}
.iconitem:hover .inner img{ 
-webkit-filter: grayscale(100%) opacity(1);
-moz-filter: grayscale(100%) opacity(1);
-ms-filter: grayscale(100%) opacity(1);
-o-filter: grayscale(100%) opacity(1);
filter: grayscale(100%) opacity(1);
filter: gray opacity(1); 
/*-webkit-filter: none;
-moz-filter: none;
-ms-filter: none;
-o-filter: none;
filter: none;
filter: none; */

}
.iconitem .inner .pro img{ 
max-width:100%;
max-height:100%;
}
.section-des{ font-size:16px; line-height:1.6; max-width:800px; text-align:center; margin:0 auto 40px;}
.section-zeren{background:#f2f2f2/* url(../images/chain-old.jpg) no-repeat left center*/; margin-top:calc(4% + 50px);}
.section-zeren .col-md-6{ padding-left:0; padding-right:0; }
.section-zeren .col-md-6:first-child{ /*background: url(../images/chain-old.jpg) no-repeat left center;*/}
.section-zeren .col-md-6:last-child{ background:#f2f2f2;}
.section-zeren img{ max-width:100%;}

.indust-item{ width:calc(25% - 30px); position:relative; float:left; margin:15px;}
.indust-item a{ display:block;}
.indust-item img{ max-width:100%;}
.indust-item a h4{ position:absolute; bottom:0; left:0; right:0; background:#999; color:#fff; margin:0; padding:7px 0; text-align:center;}
.indust-item a:hover h4{background:#555;}

.pro-item{ position:relative; max-width:370px; margin:0 auto; margin-bottom:30px; padding-bottom:20px;}
.pro-item a{ display:block;}
.pro-item img{ max-width:100%;}
.pro-item a h4{ position:absolute; bottom:0; left:0; right:0; background:#999; color:#fff; margin:0; padding:10px 0; text-align:center; font-size:21px;}
.pro-item a:hover h4{background:#555;}

.cont-item{ position:relative; max-width:570px; margin-bottom:40px;}
.cont-item a{ display:block;}
.cont-item img{ max-width:100%;}
.cont-item a h4{ position:absolute; bottom:0; left:0; right:0; background:#aaa; color:#fff; margin:0; padding:10px 0; text-align:center; font-size:21px;}
.cont-item a:hover h4{background:#666;}

.inNews{ }
.nitem{max-width:387px; margin:10px auto 20px auto; x-border:1px solid #ddd; }
.nitem .pic{ position:relative; background:#333; overflow:hidden; padding-top:calc(234/387*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 .ntext{  padding:10px 20px ;}
.nitem .ntext h3{ font-size:18px; margin:10px auto; line-height:1.5}
.nitem .ntext p{ text-indent:0 !important;}
.nitem .ntext .meta{  margin-top:12px; font-size:14px; margin-bottom:12px;}
.nitem .ntext .meta i{ color:#bc0007;}
.squre-right{ float:right; display:inline-block; border:1px solid #ccc; width:30px; height:30px; line-height:26px; text-align:center; color:#ccc;}
.squre-right:hover{border:1px solid #555;color:#555;}
.nitem .ntext p{ color:#646464; font-size:15px;}
.nitem .ntext p a{ color:#646464;}
.nitem .ntext p a:hover{ color:#009ee0;}
.nitem:hover{ box-shadow:1px 2px 7px #ddd;}

.mainContent .col-lg-4{ position:relative;}
.mainContent .col-lg-4 .nitem:before{ position:absolute; top:9px; left:14px; right:14px; bottom:20px; content:""; border:1px solid #ddd; z-index:-1;}
.mainContent .nitem:hover{ box-shadow:none;}

.nbitem{max-width:387px; margin:10px auto 20px auto; }
.nbitem .pic{ position:relative; background:#eee; overflow:hidden; padding-top:calc(234/387*100%);}
.nbitem .pic .inner{ position:absolute; top:0; left:0;  right:0; bottom:0; text-align:center;} 
.nbitem .pic .inner img{ width:100%; height:auto;}
.nbitem a:hover .pic img{ opacity: 0.7; transform:scale(1.1,1.1)}
.nbitem .ntext{ border:1px solid #f0f0f0; border-top:0; padding:10px 20px;}
.nbitem .ntext h3{ font-size:21px; margin:10px auto; line-height:1.5; font-weight:bold;}
.nbitem .ntext .meta{  margin-top:12px; font-size:14px; margin-bottom:12px; text-align:right;}
.nbitem .ntext .meta i{ color:#bc0007;}
.nbitem .ntext p{ color:#646464; font-size:15px;}
.nbitem .ntext p a{ color:#646464;}
.nbitem .ntext p a:hover{ color:#bc0007;}
.nbitem:hover{ box-shadow:1px 2px 7px #ddd;}

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

.section-hezuo{ padding:80px 0;}

.comtitRed{ font-size:32px; color:#009ee0; font-weight:bold; margin-bottom:25px;}
.acitem{max-width:387px; margin:10px auto 20px auto; }
.acitem .pic{ position:relative; background:#eee; overflow:hidden; padding-top:calc(240/387*100%);}
.acitem .pic .inner{ position:absolute; top:0; left:0;  right:0; bottom:0; text-align:center;} 
.acitem .pic .inner img{ width:100%; height:auto;}
.acitem a:hover .pic img{ opacity: 0.7; transform:scale(1.1,1.1)}
.acitem .ntext{ padding:10px 20px; text-align:center;}
.acitem .ntext h3{ font-size:21px; margin:5px auto; line-height:1.5; font-weight:bold;}

.cright2{ margin-left:5%; margin-top:5%;}
.cright2 .txt{ margin-bottom:40px; line-height:1.5}



.navbar-fixed-top{filter:alpha(Opacity=98);-moz-opacity:0.98;opacity: 0.95; position:fixed !important; box-shadow:0 5px 5px -2px #999;}
/*.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.navbar-fixed-top .navbar-brand {padding-top:10px;}
 .navbar.navbar-fixed-top .navbar-brand img{ height: calc(100% - 10px);}
 


.footer{  color:#fff;}
.copyright{ color:#fff; padding:40px 0; background-color:#6b6a6a; }
.copyright a{ color:#fff;}
.copyright a:hover{ color:#fff; text-decoration:underline;}
.footer p{ padding:5px 0; margin:0;}

.footer .container{ position:relative;}
.fsocial{ font-size:14px; margin-top:5px; /*position:absolute; bottom:10px; right:10%;*/}
.fsocial a{ margin-right:10px; background:#333; color:#fff; width:28px; height:28px; line-height:28px; text-align:center; border-radius:5px; display:inline-block; }
.fsocial a:hover{ background-color:#b1252f; color:#fff;}

 .footer form {
        border: 1px solid #666;
        display: block;
        padding: 5px 6px;
		margin-bottom:20px;
    }

    .footer .text {
        float: none;
        width: 66%;
        background: 0;
        border: 0;
        color: #333
    }

    .footer .text::-webkit-input-placeholder {
        color: #333
    }

    .footer .text:-moz-placeholder {
        color: #333
    }

    .footer .text::-moz-placeholder {
        color: #333
    }

    .footer .text:-ms-input-placeholder {
        color: #333
    }

    .footer .submit {
        width: 32%;
        background: #009ee0;
        height: 28px;
        line-height: 28px;
        text-align: center;
        color: #fff;
        font-size: 14px;
        border: 0;
        border-radius: 2px
    }

.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{}


.industry-section .row{ margin-left:0; margin-right:0;}
.industry-section .col-lg-6,.industry-section .col-sm-6,.industry-section .col-xs-6{ padding-left:0; padding-right:0;}


@-webkit-keyframes firstPart/* Safari and Chrome */ {0% {bottom:40px;}
100% {bottom:20px;}
}

.page-banner{ background-position: center 0; background-color:#1e1e1e; background-repeat:no-repeat; background-size:cover;}
.page-banner.about-b{ background-image:url(../images/abouts_02.jpg);}
.page-banner .inner{ padding-top:21%; position:relative;}
.page-banner h2{ font-size:36px; text-transform:capitalize; margin-top:0; }
.page-banner .lujing{ font-size:16px; }

.abitem{ margin:10px auto 20px auto; }
.abitem .pic{ position:relative; background:#eee; overflow:hidden; padding-top:calc(190/285*100%);}
.abitem .pic .inner{ position:absolute; top:0; left:0;  right:0; bottom:0; text-align:center;} 
.abitem .pic .inner img{ width:100%; height:auto;}
.abitem a:hover .pic img{ opacity: 0.7; transform:scale(1.1,1.1)}
.abitem .ntext{ border:1px solid #ddd; border-top:0; padding:10px 20px ;}
.abitem .ntext h3{ font-size:21px; margin:10px auto; line-height:1.5; font-weight:bold;}
.abitem .ntext h3 i{ float:right;}
.abitem ul{ margin:10px 0; padding:0; font-size:15px;}
.abitem li{ margin:3px 0; position:relative; padding-left:13px; list-style:none;}
.abitem li:before{ content:""; position:absolute; top:7px; left:0; border:1px solid #999; width:7px; height:7px; border-radius:50%}
.nitem .ntext p{ font-size:16px;}
.nitem:hover{ box-shadow:1px 2px 7px #ddd;}
.abitem li a:hover{ color:#000; text-decoration:underline;}


.pmenu{ border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px 0;}
.pmenu .pull-left{ font-size:15px;}
.pmenu .pull-left a{ padding:0 20px 0 22px; position:relative; display:inline-block;}
.pmenu .pull-left a:before{ position:absolute; content:""; top:2px; left:2px; width:15px; height:15px; border-radius:50%; border:1px solid #ccc;}
.pmenu .pull-right span{ color:#999}

.page{ padding-top:50px; padding-bottom:50px;}
.page a{ text-decoration:underline;}
.page a:hover{ color:#bc3442;}
.pageIit{ font-size:32px; margin-top:0; margin-bottom:40px;}
.aboutpic{ float:right; margin:0 0 20px 5%; max-width:600px;}
.aboutpic video{ min-width: 100%;
    min-height: 100%;}
.page-content{ line-height:1.7; font-size:16px;}
.page-content p{ margin-bottom:25px;}
.page-content  table{ border-collapse:separate; border-spacing:inherit;}
.page-content  table td{ padding:10px;}

.branck-item{ text-align:center; font-size:21px; margin-bottom:40px;}
.branck-item a{ display:block;}
.branck-item img{ display:block; margin:0 auto 10px;}

.page-tab a{ display:inline-block; border:1px solid #ddd; padding:10px 20px; margin:0 20px 0 0;}

.cer-list{ margin:30px 0; border-left:1px solid #ddd;}
.cer-list > div{ padding-left:0; padding-right:0; text-align:center;}
.ceritem{ text-align:center; padding:30px 2%; border:1px solid #ddd; border-left:0;}
.ceritem img{ margin:0 auto 10px; display:block;}

.fontred{ color:#af242c; font-size:21px;}

#tabmenu a{ display:block; border:1px solid #ddd; padding:10px 15px; position:relative; font-size:16px;}
#tabmenu a i{ position:absolute; right:12px; top:12px;}
.all-category{ background:#f5f5f5; border:1px solid #ddd; padding:20px; margin:20px 0 0; font-size:15px; color:#666;}

.contact-form .form-control{ margin-bottom:20px;
    height: 42px;
    padding: 10px 15px;
	background-color: #f2f2f2;
	border: 1px solid #e0e0e0;
    border-radius: 0;
	box-shadow:none;
}
.contact-form .btn-black{ color:#fff; background-color:#313131; padding-top:10px; padding-bottom:10px;}
.contact-form .btn-red{ color:#fff; background-color:#009ee0;  padding:10px 25px; width:300px; text-align:center; margin:0 auto; display:block;}
.contactInfo{}
.contactInfo .contactCol{ position:relative; padding-left:45px; margin-top:30px; margin-bottom:30px;}
.contactInfo .contactCol .cicon{ position:absolute; top:0; left:0; width:36px; height:45px; background:url(../images/contactico.gif) no-repeat 0 0;}
.contactInfo .contactCol .cicon.cicon02{ background-position:0 -100px;}
.contactInfo .contactCol .cicon.cicon03{ background-position:0 -185px;}
.contactInfo .contactCol .cicon.cicon04{ background-position:0 -282px;}
.contactInfo .contactCol h4{ font-size:15px;}
.contactInfo .contactCol p{ font-size:15px;}
.contactMap{ margin-top:10px; margin-bottom:50px;}

.cuctom-form { margin-top:50px;}
.cuctom-form .form-control{ margin-bottom:20px;
    height: 42px;
    padding: 10px 15px;
	background-color: #fff;
	border: 1px solid #e0e0e0;
    border-radius: 0;
	box-shadow:none;
}
.cuctom-form .btn-black{ color:#fff; background-color:#313131; padding:10px 25px; margin-right:15px;}
.cuctom-form .btn-red{ color:#fff; background-color:#b1252f;  padding:10px 25px;}
.contact-form textarea.form-control{ height:auto;}

.lx-cont ul {
    display: flex;
    width: 100%;
    margin-top: 50px;
}
.lx-cont ul li {
    padding: 0 15px;
    flex: 1;
    margin-bottom: 30px;
    text-align: center;
    list-style: none;
}
.lx-cont li p, .lx-cont li a {
    font-size: 18px;
    color: #333;
    margin-top: 15px;
    /*display: inline-block;*/
}

.environ-col{ margin-bottom:calc(2% + 50px);}
.environ-col img{ max-width:100%}
.environ-col-txt{ max-width:560px; margin-top:0;}
.tred30{ font-size:30px;color:#b1252f; }
.environ-col-txt h3{ margin-top:0px;}
.environ-col-txt h3,.environ-col-txt p{ margin-bottom:30px;}

.numitem{ text-align:center; font-size:16px; color:#666;}
.numitem .redBig{color:#b1252f; display:block; font-size:60px; }

.padd50jia{ padding:calc(1% + 50px);}
.postIit{ font-size:24px;}
.post-meta{ text-align:center;color:#999; margin:10px auto;}
.post-meta a{ color:#999; font-size:18px; margin:0 10px;}

.post-body{ color:#666; line-height:1.6; padding:20px 0; max-width:900px; margin-left:auto; margin-right:auto; font-size:16px;}
.post-body p{ margin:20px 0; text-indent:32px;}

.shoverbox{ position:relative; overflow:hidden; padding-top:calc(234/378*100%); margin-bottom:30px;}
.shoverbox img{ position:absolute; top:0; left:0; width:100%; height:100%;}
.shoverbox .hoverbg{ position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0)}
.shoverbox .hovercontent{position:absolute; top:100%; margin-top:-60px; right:20px; left:20px; color:#fff;}
.shoverbox .hovercontent h3{ font-size:20px; font-weight:bold; margin-bottom:25px;}
.shoverbox:hover .hoverbg{ position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.5)}
.shoverbox:hover .hovercontent{position:absolute; top:20px;margin-top:0; right:20px; left:20px; color:#fff;}

.shoverbox-white{ position:relative; overflow:hidden; padding-top:calc(234/378*100%); margin:10px 0 20px;}
.shoverbox-white img{ position:absolute; top:0; left:0; width:100%; height:100%;}
.shoverbox-white .whitetit{ color:#fff; position:absolute; width:100%; left:0; bottom:0; margin:0; padding-top:40px; padding-bottom:15px; padding-left:20px; font-size:16px; font-weight:bold; background-image: -webkit-linear-gradient(top,transparent 0,#000 100%);
    background-image: -o-linear-gradient(top,transparent 0,#000 100%);
    background-image: linear-gradient(to bottom,transparent 0,#000 100%);
    background-repeat: repeat-x;}
	.shoverbox-white .whitetit a{ color:#fff; display:block;}
	.shoverbox-white .whitetit a:hover{ color:#b2252d;}
/*.shoverbox-white .hoverbg{ position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0)}
.shoverbox-white .hoverbg a{ display:block; left:0; top:0; width:100%; height:100%; position:absolute; }
.shoverbox-white .hovercontent{position:absolute; top:100%;  right:20px; left:20px; color:#333;}
.shoverbox-white .hovercontent h3{ font-size:20px; font-weight:bold; margin-bottom:25px;}
.shoverbox-white a{color:#b1252f;}
.shoverbox-white:hover .hoverbg{ position:absolute; top:0; left:0; right:0; bottom:0;background:rgba(0,0,0,0.5) }
.shoverbox-white:hover .hovercontent{position:absolute; top:20px;right:20px; left:20px; color:#333;}
.shoverbox-white:hover .whitetit{ opacity:0;}*/

.shoverbox-join{ position:relative; overflow:hidden; padding-top:calc(300/585*100%); margin:10px 0 25px;}
.shoverbox-join img{ position:absolute; top:0; left:0; width:100%; height:100%;}
.shoverbox-join .whitetit{ color:#333; text-align:center; position:absolute; bottom:0; left:0; font-size:18px; font-weight:bold; width:100%; margin:0; padding:15px 15px; background:rgba(255,255,255,0.6)}
.shoverbox-join .hoverbg{ position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(255,255,255,0)}
.shoverbox-join .hovercontent{position:absolute; top:100%;  right:7%; left:7%; color:#333;}
.shoverbox-join .hovercontent h3{ font-size:20px; font-weight:bold; margin-bottom:25px;}
.shoverbox-join a{color:#b1252f;}
.shoverbox-join:hover .hoverbg{ position:absolute; top:0; left:0; right:0; bottom:0;background:rgba(255,255,255,0.9) }
.shoverbox-join:hover .hovercontent{position:absolute; top:20px; color:#333;}
.shoverbox-join:hover .whitetit{ opacity:0;}

.lead-lline{ padding-left:25px; border-left:3px solid #b8b8b8; font-size:30px; color:#b8b8b8; margin:50px 0;}


.glitem{ margin:10px auto 30px auto; }
.glitem .pic{ position:relative; background:#eee; overflow:hidden; padding-top:calc(234/378*100%);}
.glitem .pic .inner{ position:absolute; top:0; left:0;  right:0; bottom:0; text-align:center;} 
.glitem .pic .inner img{ width:100%; height:auto;}
.glitem a:hover .pic img{ opacity: 0.7; transform:scale(1.1,1.1)}
.glitem .ntext{ border:1px solid #eee; border-top:0; padding:10px 20px ;}
.glitem .ntext h3{ font-size:24px; margin:10px auto; line-height:1.5; font-weight:bold;}
.glitem .ntext p{ color:#666;}

.npitem{ margin:10px auto 30px auto; position:relative; }
.npitem .pic{ position:relative; background:#eee; overflow:hidden; padding-top:calc(234/378*100%);}
.npitem .pic .inner{ position:absolute; top:0; left:0;  right:0; bottom:0; text-align:center;} 
.npitem .pic .inner img{ width:100%; height:auto;}
.npitem a:hover .pic img{ opacity: 0.7; transform:scale(1.1,1.1)}
.npitem .ntext{ position:absolute; bottom:0; left:0; right:0; background:rgba(0,0,0,0.5); padding:10px 20px ;}
.npitem .ntext h3{ font-size:16px; margin:0 auto; line-height:1.5; color:#fff; }
.npitem .ntext h3 a{color:#fff;}



#partnerlist{ margin:70px 0;}
#partnerlist > div{ margin-bottom:30px; text-align:center;}

.scitem{ line-height:1.6; margin:30px 0;}
.scitem .fontred{ font-size:30px; margin-bottom:20px;}

.red18{ color:#009ee0;; font-size:18px;}
.redcyclelist{ margin:10px 0; padding:0; list-style:none;}
.redcyclelist li{ padding:0 0 0 15px; position:relative;}
.redcyclelist li:before{ position:absolute; content:""; top:9px; left:0; width:4px; height:4px; border-radius:50%; background-color:#b1252f;}

.padd50tb{ padding-top:50px; padding-bottom:50px;}

.graydes{ color:#999; text-align:center; font-size:21px; margin:-25px 0 50px;}
.tabcol{ background:#f2f2f2; border-top:1px solid #ddd; text-align:right; line-height:42px;}
.tabcol span{ margin:0 20px;}

.exitem{ color:#666; line-height:1.6; padding:40px 0;}

.yearbox{ background:#f2f2f2; border:1px solid #ddd; padding:10px 15px; margin-bottom:20px;}
.yearbox p{ margin-bottom:5px;}
.yearbox label{ font-weight:normal;}
.yearbox .monli{ margin-right:12px;}

.center600{ max-width:600px; text-align:center; margin:0 auto 40px;}

.gsitem{ margin:10px auto 30px;}
.gsitem .pic{ margin-bottom:10px; color:#888;}

.about-cer{ max-width:1600px; margin:0 auto calc(40px + 2%);}

/* Styling Next and Prev buttons */

.owl-prev{ position:absolute; top:50%; -webkit-transform: translateY(-50%);
transform: translateY(-50%); left:-50px; width:41px; height:41px; font-size:48px !important; }
.owl-next{ position:absolute; top:50%; -webkit-transform: translateY(-50%);
transform: translateY(-50%); right:-50px; width:41px; height:41px; font-size:48px !important;}
.owl-prev:hover{ color:#b1252f;}
.owl-next:hover{ color:#b1252f;}
/* Styling Pagination*/

.redborderLink{ border:1px solid #b1252f; display:inline-block; padding:10px 30px; font-size:16px;}
.redborderLink:hover{ background:#b1252f; color:#fff;}

.sideMenu{ list-style:none; margin:30px 0; padding:0; font-size:16px}
.sideMenu li{ padding:5px 0;}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 0 10px 15px;
    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:10px; background-repeat:no-repeat; background-position:0 0; vertical-align:text-top;}
.list-group-item-heading span.fuhaoJia{ background-image:url(../images/jianhao.gif);}
.list-group-item-heading span.fuhaoJian{ background-image:url(../images/jiahao.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:0 0; }
.list-collapse ul li:before{ position:absolute; content:" "; top:12px; left:0; width:0; height:0; border-left:3px solid #222; border-top:3px solid transparent; border-bottom:3px solid transparent;}

.pro-info{ margin:0 auto; }
.pro-info h1{ font-size:30px; margin-top:5%; margin-bottom:4%; color:#333; }
.pro-info p{ line-height:1.6;margin-bottom:6%;}
h1.protit{ font-size:30px; margin-top:0; margin-bottom:0; color:#333;}

.picFocus{ position: relative; overflow: hidden; padding: 0 0 8px 0;margin:0 auto;}
.picFocus .bigImg{position: relative; margin:0; padding:0; }
.picFocus .bigImg li{position: relative;  margin:0 auto; padding:20px 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:#aaa; 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:#666;}
.picFocus .smallImg{  overflow: hidden; margin-top:10px; padding-left:30px; padding-right:50px; }
.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:80px; float:left;  text-align:center;border: 1px solid #d9d9d9;}
.picFocus .smallImg img{  max-width:100%;  margin: 0; padding: 0;  }
.picFocus .smallImg li.on { border: 1px solid #009ee0; }

.searchbtnCol{ background:url(../images/liantiaobg.jpg) no-repeat center 0; text-align:center; font-size:18px; padding:2% 0; margin:2% 0;}
.searchbtnCol a{ display:inline-block; border:1px solid #b1252f; color:#b1252f; padding:10px 30px;}
.searchbtnCol a:hover{ background-color:#b1252f; color:#fff;}

.searchlist{ margin:50px 0; color:#666;}
.searchlist td{ border-bottom:1px solid #ddd; font-size:14px; padding-top:10px; padding-bottom:10px;}
.searchlist td h4{ font-size:16px; color:#b1252f; margin-bottom:10px;}
.searchlist td p{ margin-bottom:0;}

.searchLeft{ background:#f2f2f2; border:1px solid #ddd; padding:20px 20px;}
.spad{ padding:8px 0 0 18px;}

#selectbox select{ margin-bottom:30px; line-height:40px; height:40px; background:#f2f2f2;}
.pageNum{ font-size:16px; margin-top:20px; margin-bottom:50px;}
.pageNum a{ display:inline-block; border:1px solid #ddd; padding:6px 12px; margin:0 5px 0 ;}
.pageNum a.cur{ background:#333; color:#fff;}

.hisItem{ max-width:400px; margin:0 auto 0 0; padding-right:50px; position:relative; border-right:1px solid #ddd; border-left:1px solid #fff;}
.hisItem.first{ padding-top:80px;}
.hisItem:nth-child(odd){ margin:0 0 0 auto; padding-right:0; padding-left:50px; border-left:1px solid #ddd; border-right:0 solid #fff;}
.hisItem .pic{ float:left;}
.hisItem .txt{ text-align:right;}
.hisItem:nth-child(odd) .pic{ float:right;}
.hisItem:nth-child(odd) .txt{ text-align:left;}
.hisItem .txt .time{ display:block; font-size:40px;}
.hisItem:after{ position:absolute; content:""; background:#333; width:8px; height:8px; top:40%; margin-top:-4px; right:-4px; border-radius:50%; }
.hisItem:before{ position:absolute; content:""; background:#fff;width:18px; height:18px; top:40%; margin-top:-9px; right:-9px; border-radius:50%; border:1px solid #ccc; }
.hisItem:nth-child(odd):after{  left:-4px; }
.hisItem:nth-child(odd):before{ left:-9px; }


/* 下拉菜单 */

.main_menu li .sub-navigation-wrapper {
    width: 100%;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    top: 98px;
    left: 0;
    z-index: 10;
    background: #fff;
    -webkit-box-shadow: 0 3px 8px -2px grey;
    box-shadow: 0 3px 8px -2px grey;
    -webkit-transition: ease max-height 0s .4s,opacity .4s;
    -o-transition: ease max-height 0s .4s,opacity .4s;
    transition: ease max-height 0s .4s,opacity .4s;
}
.main_menu li:hover .sub-navigation-wrapper {
    width: 100%;
    max-height:none;
    opacity: 1;
}
.main_menu li .sub-navigation-wrapper .inner {
    margin-top: 30px;
    margin-bottom: 30px;
}
.main_menu li .sub-navigation-wrapper.products:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    pointer-events: none;
    background-color: #ECECEC;
    left: 0;
    top: 0;
    width: 25%;
    height: 100%;
}
.main_menu li .sub-navigation-wrapper .sub-navigation {
    margin: 15px 0;
    font-size: 16px;
    line-height: 1.5;
    font-family: "Fira Sans",sans-serif;
    font-weight: 400;
}
.main_menu li .sub-navigation-wrapper .sub-navigation ul {
    padding: 0;
    list-style: none;
}
.main_menu li .sub-navigation-wrapper .sub-navigation li {
    margin: 5px 0;
}
.main_menu li .sub-navigation-wrapper .h3, .main_menu li .sub-navigation-wrapper .sub-navigation-title {
    font-size: 18px;
    line-height: 1.5;
    font-family: "Fira Sans",sans-serif;
    font-weight: 400;
    color: #b1252f;
    text-transform: uppercase;
}
.main_menu li .sub-navigation-wrapper.products .sub-navigation.sub-navigation--children .sub-wrapper {
    opacity: 0;
    visibility: hidden;
    height: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.main_menu li .sub-navigation-wrapper.products .sub-navigation.sub-navigation--children .sub-wrapper.active {
    opacity: 1;
    visibility: visible;
    height: auto;
}
.content-teaser {
    border: 1px solid #ECECEC;
}
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
.content-teaser__label {
    margin: 10px 0;
    padding: 2px 15px;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    background: #b1252f;
}
.content-teaser .h5, .content-teaser__title {
    margin-left: 15px;
    margin-right: 15px;
	margin-top: 12px;
margin-bottom: 12px;
	font-size:16px;
	font-weight:bold;
}
.content-teaser__content {
    margin: 0 15px 15px;
}
.content-teaser__link {
    display: block;
	margin-top:10px;
}
.content-teaser__link a{ color:#b1252f;}


.breadClumb{ border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px 0;}
.sider{ border:1px solid #ddd; margin-bottom:30px;}
.sider h3{ background:#aaa url(../images/company_blue.png) no-repeat 20px center; color:#fff; line-height:2; padding:8px 0 8px 55px; margin:0 0 10px 0; font-size:14px; font-weight:bold;}
.sider h3.aboutico{ background-image:url(../images/company_blue.png);}
.sider h3.appico{ background-image:url(../images/solutionsico.png);}
.sider ul{ }
.sider li{list-style:none; padding:8px 0 8px 10px;}

.mainContent{ margin:0 0 0 auto; width:800px;}

.small-ntit{ font-size:24px; border-bottom:1px solid #aaa; padding-bottom:15px; margin-top:0; margin-bottom:30px; }
.nlist{ border-bottom:1px solid #ccc;  padding-bottom:15px; margin-bottom:30px;}
.nlist h4{ font-size:18px; color:#999;}
.nlist h4 a{ color:#666;}
.nlist h4 a:hover{ color:#000;}
.nlist .date{ color:#999; display:block; padding-left:15px;}

.tab-menu{ background:#2a6ca8 url(../images/chain-old.jpg) no-repeat center center; background-size:cover;  margin:20px 0 0;}
.tab-menu ul,.tab-menu li{ margin:0; padding:0; list-style:none;}
.tab-menu li{ display:inline-block; margin:12px 10px 12px;}
.tab-menu li a{ display:block; color:#fff; padding:7px 25px; border-radius:0; font-size:16px; white-space:nowrap; color:#333; background-color:rgba(255,255,255,0.8);  border:2px solid #666;}
.tab-menu li.active a{ color:#c82030;  background-color:rgba(255,255,255,1);  border:2px solid #c82030;}
.tab-menu li a:hover{ color:#c82030;  background-color:rgba(255,255,255,1);  border:2px solid #c82030;}

.tab-content-catlist{ background:#f5f5f5; margin-bottom:40px;}
.tab-content-catlist .tab-pane{ padding:15px 0; line-height:2}
.tab-content-catlist .tab-pane a{ margin:0 10px; white-space:nowrap; display:inline-block; width:18%; min-width:200px;}

.tab-menu-p{ margin-bottom:30px;}

.btn-blue{ color:#fff; background-color:#009ee0; border:2px solid #009ee0;display:inline-block; padding:7px 25px;  margin:12px 10px 5px;}
.btn-blue:hover{ color:#fff; background:#0077b5;}

.updown{ margin:30px 0 50px 0; box-shadow: 0 0 10px rgba(0, 0, 0, .2);padding: 17px 3.6%;
background: #fff;
text-align: center;}

.nhitem{ margin:5% 0;}
.nhitem h4{ font-size:24px; margin-bottom:30px;}
.nhitem .txt{ font-size:18px; line-height:1.8;}
.nhitem .pic{ max-width:550px; margin:0 0 0 auto;}
.nhitem .pic img{ max-height:440px; display:block; margin:0 auto;}

.nhitem:nth-child(2n+1) .pic{ margin:0 auto 0 0;}
.nav-tabs.nav-justified > li > a{ white-space:nowrap; padding-left:5px; padding-right:5px;}