锘緻font-face {

    font-family: 'ClanOT_Bold';

    src: url('../fonts/ClanOT-Bold.otf'); 



}



@font-face {

    font-family: 'ClanOT_Book';

    src: url('../fonts/ClanOT-Book.otf'); 



}



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



.container-fluid {

    

}

h1,h2,h3,h4,h5,h6{font-family:"ClanOT_Bold",Arial, Helvetica, sans-serif;  }

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



a{ color:#333;}

a:hover{ text-decoration:none;color:#bc3442; }

.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:#009ee0;}


.header{  z-index:30; width:100%;padding:5px 0 0;position:absolute; top:0; left:0; right:0; }
.top-01 .header{ background-color:transparent;}
.top-01 .fadeout{ display:none;}
.top-01.changeColor .header{  background:#fff;}
.top-01.changeColor  a { color:#333 !important}
 
.top-01.changeColor .navbar-brand img.white{ display:none !important; opacity:0; width:0;}
.top-01.changeColor .navbar-brand img.black{ display:block;}


.top-fix{ display:none;}

.navbar {

    margin-bottom: 0;

    border-radius: 0;

	position:relative;

	min-height: auto !important;

	

}

#navbar{float: right; text-align:left; }

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


.navbar-brand {

	height:auto;

	padding:0 10px 0;

	margin-top:5px;

}

.navbar-brand img{ width:110px; }
.navbar-brand img.black{ display:none;}

.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: #b1252f;
    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:25px; 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:#fff; float:left; font-size:16px;text-transform:uppercase; }

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

.main_menu > li > a:hover{ text-decoration:none; color:#b1252f;}

.main_menu > li.active > a,.main_menu > li > a.now{ color:#b1252f; }

.main_menu > li.searchico{ margin-left:50px; }



.main_menu .nav-sub{position:absolute; left:0; top:calc(100% - 1px); width:100%; background:#f8f8f8; margin:0; height:0; overflow:hidden;text-align:left; z-index:100;}

.main_menu .sub-left{white-space: nowrap;padding: 50px 0 50px 0;}

.main_menu .sub-left ul.satnav{ float:left;

width: 100%;

max-width: 450px;

font-size: 15px;} 

.main_menu .sub-left ul.satnav li{  width:50%;  float:left; list-style:none;}

.main_menu .sub-right{ padding: 40px 2% 50px;text-align:right;}

.main_menu .sub-right img{ max-width:100%}



.latnav{ display:inline-block; list-style:none; margin-right:30px; font-size:15px; line-height:2}
.latnav a{ display:block; padding:0 10px;}
.latnav a:hover{ background-color:#bc3442; color:#fff !important; }


.satnav a{ display:block; margin-bottom:30px; vertical-align:middle;}

.satnav a:hover,.satnav a.active{  background-color:#bc3442; color:#fff !important;}

.satnav a h3{ position:relative; padding:0 10px 0 5px; font-size:16px; line-height:25px; margin:0; vertical-align:middle;}

.satnav a h3 span{ display:inline-block; width:22px; height:22px; vertical-align:top; margin-right:7px; }

.satnav a h3 span img{vertical-align:middle; max-width:100%}

/*.satnav a  h3 span.caticon01{ background-image:url(../images/cateicos.png);background-position:0 0; background-repeat:no-repeat;}

.satnav a  h3 span.caticon02{ background-image:url(../images/cateicos.png); background-position:0 -37px; background-repeat:no-repeat;}

.satnav a  h3 span.caticon03{ background-image:url(../images/cateicos.png); background-position:0 -73px; background-repeat:no-repeat;}

.satnav a  h3 span.caticon04{ background-image:url(../images/cateicos.png); background-position:0 -110px; background-repeat:no-repeat;}

*/

.languages{float:right; margin-top:20px;margin-left:20px;  color:#ccc;}

.languages a{ margin:0 5px; color:#888;}
.main_menu .btn-group > a{color:#fff;}

.top-jumbotron{ 
  width: 100%;
  position:absolute;
  top:0; 
  left:0;
  right:0;
}
 #carousel-index{
	width: 100%;
  	height: calc(100vh);
	position:relative;

}

/* 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 .carousel-inner{position:absolute; top:0; left:0; width:100%; height:100%;}
#carousel-index .xitem_img{ background-position: center top; background-size:cover;  background-color:#f2f2f2; background-repeat:no-repeat;  position:absolute; top:0; left:0; width:100%; height:100%;}
#carousel-index .item{ /*transform: scale(1.07);*/ position:absolute; top:0; left:0; width:100%; height:100%;}

#carousel-index .item .container{ position:relative;}
#carousel-index .item .container .imgbox{}
#carousel-index .item img{ padding:0 0 0 0;}
#carousel-index .item .container .ctext{ text-align:left; max-width:880px; color:#fff; position:absolute; top:50%; left:0; transform:translateY(-50%); }
#carousel-index .item .container .ctext h3{ font-size:36px; margin:0 0 30px; line-height:1.8}
#carousel-index .item .container .ctext p{ font-size:16px; margin-bottom:45px;}
#carousel-index .item .container .ctext a.borderBtn{ padding:5px 10px; border:2px solid #fff; border-radius:15px; color:#fff; margin:10px 10px; display:inline-block;}

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

a.redrabtn { background:#009ee0; display:inline-block; padding:10px 30px; color:#fff; font-size:16px; border-radius:20px;}
a.redrabtn:hover{ background:#c80e20;}
	
#carousel-index .carousel-indicators {
	z-index:2;
	text-align:center;
	width: 90%;
    margin-left: -45%;
   
}
#carousel-index .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    text-indent:0;
    border: 0 solid #ffffff;
    cursor: pointer;
    background-color:#ccc;
	text-align:center;
	font-size:13px;
}
#carousel-index .carousel-indicators .active {
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background-color: #bc3442;
}

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

.retit{ font-size:32px; margin-bottom:20px;}



.cleft{ max-width:600px; margin:0 0 0 auto; padding-top:calc(5% + 50px); padding-bottom:calc(5% + 50px);}

.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 .tratxt .redborder{ display:block; border:1px solid #009ee0; border-radius:25px; padding:10px 0; width:130px; text-align:center; margin:30px 0 0 auto; color:#fff;}

.cleft .tratxt .redborder:hover{ background:#009ee0;}



.cright{ max-width:600px; margin:0 auto 0 0; padding-left:50px;padding-top:calc(5% + 50px); padding-bottom:calc(5% + 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-top:40px; margin-bottom:40px; color:#333;}

.section-header .section-tit{ font-size:32px; font-weight:bold; margin:0 0 15px;}

.section-header p{ font-size:18px;}

.section-header .section-menu{ color:#999;}

.section-header .section-menu a{ margin:0 10px;}

.section-header.no-border{ margin-bottom:0}

.section-header.no-border:after{ width:0; height:0}
.section-header.bborder{ padding-bottom:10px; margin-bottom:50px; }
.section-header.bborder:after{width:70px; height:4px; content:""; background:#d02637; position:absolute; bottom:0; left:50%; margin-left:-35px;}
.section-header.blborder{ padding-bottom:10px; margin-bottom:50px; }
.section-header.blborder:after{width:70px; height:4px; content:""; background:#d02637; position:absolute; bottom:0; left:60px; margin-left:-35px;}



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

.section-aboutico{ padding-bottom:0;}



.section-product{ padding:calc(4% + 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 #009ee0;}

  .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:#009ee0;}



    .wel-case {

        padding: 20px 0 0 0;

        width: 100%;

        position: relative;

        overflow: hidden

    }

	.w1400 {

    position: relative;

    max-width: 1400px;

    margin: 0 auto;

    width: 92%;

}

.wel-case .flex-control-nav {

    bottom: 0;

}

   .wel-case-title {

        font-size: 24px;

        color: #24272b;

        font-weight: bold;

        line-height: 42px;

        margin-bottom: 22px

    }



    .wel-case-list {

        padding-bottom: 50px

    }



    .wel-case .flex-viewport {

        overflow: visible !important

    }



    .wel-case .slides li {

        overflow: hidden;

        position: relative;

        float: left;

        width: 420px;

        margin-right: 25px

    }



    .wel-case .slides .con {

        position: absolute;

        bottom: -74%;

        left: 0;

        width: 100%;

        height: 100%;

        z-index: 2;

        display: block;

        padding: 9% 50px 0;

        transition: bottom .3s

    }



    .wel-case .slides .bg {

        width: 100%;

        position: absolute;

        top: 0;

        left: 0;

        height: 100%;

        background: #fff;

        z-index: 1;

        opacity: 0;

        filter: alpha(opacity=0)

    }



    .wel-case .slides .font-bg {

        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        background: #000;
        z-index: 1;
        opacity: 0;
        filter: alpha(opacity=0);
        transition-property: opacity;
        transition-duration: .3s;
        transition-delay: .2s

    }



    .wel-case .slides .tit {

        font-size: 18px;

        color: #fff;

        line-height: 25px;

        color: #fff;

        font-weight: bold

    }



    .wel-case .slides .en {

        font-size: 16px;

        color: #fff;

        opacity: .6;

        filter: alpha(opacity=60);

        line-height: 24px;

        min-height: 24px

    }



    .wel-case .slides .font {

        font-size: 16px;

        color: #fff;

        line-height: 28px;

        margin-top: 18px;
		display:none;

    }



    .wel-case .slides .more {

        margin-top: 40px;

        width: 40px;

        height: 40px;

        border-radius: 50%;

        border: 1px solid rgba(255, 255, 255, .6);

        background: url(../images/wel02.png) no-repeat center;
		display:none;

    }

.wel-case-list .flex-direction-nav a {

        opacity: 1;

        filter: alpha(opacity=100);

        width: 66px;

        height: 77px;

        margin: -38px 0 0;

        text-shadow: none;

        background-size: 100% !important;

        transition: background .3s;

        z-index: 1

    }



    .wel-case-list .flex-direction-nav a:before {

        font-size: 0

    }



    .wel-case .flex-viewport {

        overflow: visible !important

    }



    .wel-case-list .flex-direction-nav .flex-prev {

        background: url(../images/a32.png) no-repeat center;

        left: -121px

    }



    .wel-case-list .flex-direction-nav .flex-next {

        background: url(../images/a33.png) no-repeat center;

        right: -121px

    }



    .wel-case-list .flex-direction-nav .flex-prev:hover {

        background: url(../images/a32_h.png) no-repeat center

    }



    .wel-case-list .flex-direction-nav .flex-next:hover {

        background: url(../images/a33_h.png) no-repeat center

    }



    .wel-case .slides li:hover .con {

        bottom: 0

    }



    .wel-case .slides li:hover .font-bg {

        opacity: .3;

        filter: alpha(opacity=30)

    }

.wel-case .slides li:hover .font,.wel-case .slides li:hover .more{ display:block;}







.indust-item{ width:200px; 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:#ab252e;}



.pro-item{ position:relative; max-width:370px;}

.pro-item a{ display:block;}

.pro-item img{ max-width:100%;}

.pro-item a h4{ position:absolute; bottom:0; left:0; right:0; background:#009ee0; color:#fff; margin:0; padding:10px 0; text-align:center; font-size:21px;}

.pro-item a:hover h4{background:#ab252e;}



.inNews{ }

.nitem{max-width:387px; margin:10px auto 20px auto; }

.nitem .pic{ position:relative; background:#eee; 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{ border:1px solid #ddd; border-top:0; padding:10px 20px ;}

.nitem .ntext h3{ font-size:18px; margin:10px auto; line-height:1.5}

.nitem .ntext .meta{  margin-top:12px; font-size:14px; margin-bottom:12px;}

.nitem .ntext .meta i{ color:#009ee0;}

.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 #b2252d;color:#b2252d;}

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



.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:#009ee0;}

.nbitem .ntext p{ color:#646464; font-size:15px;}

.nbitem .ntext p a{ color:#646464;}

.nbitem .ntext p a:hover{ color:#009ee0;}

.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.98;  position:fixed !important; display:block;}
.navbar-fixed-top .header{background-color:#fff;border-bottom:1px solid #eee;}

/*.navbar-fixed-top .navbar-brand{ background:url(../img/top100.png) no-repeat 0 0; background-size:cover; }*/

.navbar-fixed-top a ,.blackty a { color:#333 !important}

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

 .navbar-fixed-top .navbar-brand {}

 .navbar-fixed-top .navbar-brand img{}

 
 .navbar-fixed-top .navbar-brand img.white{ display:none !important; opacity:0; width:0;}
 .navbar-fixed-top .navbar-brand img.black{ display:block;}




.footer{  color:#bbbbbb; background-color:#4a4a4a;}

.copyright{  padding:20px 0; background-color:#4a4a4a; border-top:1px solid #666;}

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

.footer p{ padding:5px 0; margin:0;}



.footLink{  padding:40px 0 30px; border-top:1px solid #ddd; }

.fwidget{ margin-bottom:20px; display:inline-block; margin-right:60px; float:left; min-height:200px; max-width:300px; line-height:1.6;}

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



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



.fmenu { }

.fmenu ul{  }

.fmenu li{ margin:15px 0;}



.ffack{ width:240px; margin-right:0;}



.fwidget h4{ font-size:18px; margin:20px 0 15px 0; color:#fff; }

.fwidget p{ margin:0; padding:0;}

.fwidget p.bigNum{ font-size:30px;}
.f-code li{ float: left; margin-right: 10px; list-style: none; width: 100px;}
.f-code li:last-child { margin-right: 0; }
.f-code p { font-size:16px; color:#bbbbbb; margin-bottom:5px;}
.f-code img { /*max-width:40%; margin-right: 10px;*/}

.fweixin{ }

.fweixin img{ border:1px solid #ccc; padding:8px; background:#fff;}



.fsocial{ font-size:14px; margin-top:5px;}

.fsocial a{ margin-right:10px; background:#333; color:#fff; width:25px; height:25px; line-height:25px; text-align:center; border-radius:50%; display:inline-block; }

.fsocial a:hover{ background-color:#b1252f;}



 .footer form {

        border: 1px solid #666;

        display: block;

        padding: 5px 6px;

		margin-bottom:20px;

    }



    .footer .finput {

        float: none;

        width: 66%;

        background: 0;

        border: 0;

        color: #333

    }



    .footer .finput::-webkit-input-placeholder {

        color: #333

    }



    .footer .finput:-moz-placeholder {

        color: #333

    }



    .footer .finput::-moz-placeholder {

        color: #333

    }



    .footer .finput:-ms-input-placeholder {

        color: #333

    }



    .footer .submit {

        width: 32%;

        background: #bc3442;

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



.banner{ height: calc(100vh); position:relative; background-position:center 0; background-repeat:no-repeat; background-size:cover; overflow:hidden;}

.banner .container{ text-align:left; position:relative; top:50%; transform:translateY(-50%); color:#fff;}

.banner .container h2{ font-size:36px; line-height:1.6; padding:0 15px;}

.banner .container p{ font-size:21px;}

.banner .container a { color:#fff;}

.banner .container a:hover{ text-decoration:underline;}

.banner .mask{ display:none;}
.banner .content{ display:none;}
@media (min-width: 769px){
	.banner .mask{background:rgba(188,52,66,0.0); position:absolute; width:160%; height:100%; z-index:0; top:0; left:50%; transform:translateX(-50%); display:block !important;}
	.banner .content{ line-height:1.8; padding:10px 15px 30px;position:relative; z-index:1; display:block !important;}
	.banner .content p{font-size:18px !important;}
	}

.abblock{ padding:4% 0;}

.abitem{ margin:0 auto 20px auto; }

.abitem .pic{ position:relative; background:#eee; overflow:hidden; padding-top:calc(335/435*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{ padding:5px 0 30px; font-size:16px; line-height:1.8}

.abitem .ntext h3{ font-size:20px; font-weight:bold; margin-bottom:15px;}

.abitem .ntext .meta{ padding-top:25px;  margin-bottom:10px;}

.abitem .ntext .meta a{ display:inline-block; color:#333; background:#fff; border:1px solid #ccc; padding:10px 30px; border-radius:2px;}

.abitem .ntext .meta a:hover{ color:#fff; background:#bc3343;}



.font16{font-size:16px; line-height:1.8; max-width: 1000px; margin: 0 auto;}

.font16 p{ margin-bottom:15px;}
.font14{font-size:14px; line-height:1.8}
.font14 p{ margin-bottom:20px;}
.blackblock{ color:#fff !important; background:url(../images/About-us-profile.jpg) no-repeat center center; background-size:cover; padding:8% 0 10%; }
.blackblock.wenhua{ background-image:url(../images/About-us-wenhua.jpg);}
.blackblock p{ line-height:2.5;}
.blackblock .section-header{ color:#fff !important; }

.pl-btn {
    padding: 15px 35px;
    background: #bc3342;
    border: 0;
    color: #fff;
}
.pl-btn:hover {
    background: #cb2321;
    color: #fff;
}
.form {
    background: #f7f7f7;
    padding: 30px 60px 60px;
    margin: 30px 0;
}
.form h3 { font-size:2.7rem; margin-bottom:20px;}
.form p { font-size:14px; color:#646464; margin-bottom:30px;}
.form label { font-size: 1.6rem;  color: #666;}
.form label span { color:#bc3342;}
.form .form-group { margin-bottom:25px;}
.form .form-control { border-radius: 0;  padding: 22px 10px; resize: none;}
.form .btn {
    width: 100%;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    color: #fff !important;
    padding: 12px 0;
    background: #666 !important;
}
.form .btn:hover { background:#bc3342 !important;}
.back {
        background: #bc3342;
    color: #fff;
    border-radius: 10px;
    padding: 15px 25px;
}
.back:hover {
    background: #cb2321;
    color: #fff;
}

.citem{ text-align:center; margin-top:15%;}
.citem img.tw{ border:1px solid #fff; border-radius:50%; display:inline-block; margin-bottom:10px;}
.citem img.tr{ border:1px solid #d02637; border-radius:50%; display:none; margin-bottom:10px;}
.citem:hover img.tw{ display:none;}
.citem:hover img.tr{ display:inline-block;}

.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:#b2252d}



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

.aboutpic{ float:right; margin:0 0 20px 5%;}

.page-content{ line-height:1.7}

.page-content p{ margin-bottom:25px;}

.mainContent{ margin-bottom:10%;}
.page .mainContent .row .col-lg-6:nth-child(3) { clear:both;}




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





.ceritem{ text-align:center; padding:3% 2%; border:1px solid #ddd; margin-bottom:40px;}

.ceritem img{ margin:0 auto; display:block;}



.pageTit{ color:#333; font-size:36px; margin:0 0 50px 0;}



#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 > div{ position:relative;}

.contact-form > div label{ font-weight:normal; position:absolute; top:8px; left:25px; font-size:15px;}

.contact-form .form-control{ margin-bottom:30px;

    height: 45px;

    padding: 10px 15px 10px 80px;

	background-color: #fff;

	border: 1px solid #ccc;

	box-shadow:none;

}

.contact-form textarea.form-control{ height:auto;}

.contact-form .btn-black{ color:#fff; background-color:#313131; padding-top:10px; padding-bottom:10px;}

.contact-form .btn-red{ color:#fff; background-color:#b1252f;}

.contact-form > div i{ position:absolute; top:10px; right:25px; font-size:24px; color:#bc3342}

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



.environ-col{ margin-bottom:calc(2% + 50px);}

.environ-col img{ max-width:100%}

.environ-col-txt{ max-width:560px; margin-top:6%;}

.tred30{ font-size:30px;color:#b1252f; }

.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:#888; line-height:1.6; padding:20px 0;}

.post-body p{ margin:20px 0;}



.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; bottom:10px; left:20px; font-size:16px; font-weight:bold;}

.shoverbox-white .hoverbg{ position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(255,255,255,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(255,255,255,0.7) }

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







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




.img-fluid {
  max-width: 100%;
  height: auto;
}


.picFocus{ position: relative; overflow: hidden; padding: 0 0 8px 0;margin:0 auto;max-width: 520px;}

.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:#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:#b1252f;}

.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:70px; 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 #b1252f; }



.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-bottom:60px;}

.pageNum a{ display:inline-block; border:1px solid #ddd; padding:6px 13px; margin:0 0 0 -6px;}

.pageNum a.cur{ background:#333; color:#fff;}







/* 涓嬫媺鑿滃崟 */



.main_menu li .sub-navigation-wrapper {

    width: 100%;

    max-height: 0;

    opacity: 0;

    overflow: hidden;

    position: fixed;

    top: 108px;

    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;

}



/* language */

.main_menu .btn-group{ display:block;}

.main_menu .btn-group > a{ font-size:16px; line-height:1; display:block; float:left;}

.main_menu .dropdown-menu{ top:110%}

#language{ padding:10px 10px; font-size:14px;}

#language li{ padding:6px 0;}

#language li a{cursor:pointer; height:14px; line-height:14px; background:url(../images/guq.gif) no-repeat; padding-left:25px; display:block;  }

#language li a.cn{ background-position:0 1px;}

#language li a.en-uk{ background-position:0 -30px;}


#language li a.fr{ background-position:0 -61px;}

#language li a.de{ background-position:0 -216px;}

#language li a.es{ background-position:0 -247px;}

#language li a.it{ background-position:0 -278px;}

#language li a.py{ background-position:0 -341px;}

#language li a.pt{ background-position:0 -309px;}

#language li a.ae{ background:url(../images/ar.jpg) no-repeat 0 center;}

#language li a.us{ background:url(images/us.jpg) no-repeat 0 center;}
#language li a.en-us{ background:url(../images/en-us.jpg) no-repeat 0 center;}



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



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



#proshow{ padding-top:10px;}

#proshow .container:first-child{ text-align:center;}

#proshow .tabli{  font-size:20px; }

#proshow .tabli a{ color:#333; }

#proshow .tabli a span{ display:inline-block;padding-bottom:8px; border-bottom:2px solid #fff;}

#proshow .tabli.active{ background:none;}

#proshow .tabli.active a{ color:#bc3442; }

#proshow .tabli.active a span{border-bottom:2px solid #bc3442}

#proshow .tabli.active a:hover{ background:none;}

.tabdiv{ display:none;}

.tabdiv.selected{ display:block;}



.bigMainPic{ position:relative; margin:20px 0; border-bottom:4px solid #bc3442; box-shadow:0 0 5px #ccc;}

.bigMainPic .fixtxt{ width:100%;  max-width:380px; margin:10% auto; text-align:center; font-size:16px; line-height:1.8}
.bigMainPic .fixtxt h4{ font-size:18px; margin:30px 0;}

.raborder{ display:inline-block; padding:5px 25px; border:1px solid #fff; border-radius:20px; color:#fff;}

.raborder:hover{border:1px solid #fea41f; background:#fea41f; color:#fff;}



.proitem2{ margin:20px auto 0 auto; text-align:center; overflow:hidden; border:1px solid #e8e8e8; background:#fff; border-bottom:4px solid #e8e8e8; }

.proitem2 .pic{ height:150px; display:table; width:100%; text-align:center; vertical-align:middle;}

.proitem2 .pic .inner{ display:table-cell; vertical-align:middle;}

.proitem2 .pic .inner img{height:150px; width:auto; margin:10px auto 20px }

.proitem2 .ttt{  text-align:center;}

.proitem2 .ttt h3{ text-align:center; font-size:18px; margin:0;}

.proitem2 .ttt p{ text-align:center; font-size:16px; padding-bottom:6px;}

.proitem2 h3{ font-size:14px; font-weight:bold; margin-top:10px; padding-bottom:5px;}

.proitem2 a{ color:#333}

.proitem2 a:hover{}

.proitem2 a span.link{ display:block; margin:0 20px; border-top:1px solid #e8e8e8;color:#ffaa00; line-height:46px; font-size:16px;}

.proitem2:hover{ box-shadow:0 4px 5px #949494; border-bottom:4px solid #bc3442;}



#pagePro .proitem2{ margin:20px auto 20px auto; }

#pagePro .proitem2 .pic{ height:250px;}
#pagePro .proitem2 .pic .inner img{ height:220px; width:auto;}



.newsline{ position:relative; padding-top:30px; padding-bottom:30px; border-bottom:3px solid #ddd;}

.newsline:after{ position:absolute; content:""; width:60px; height:3px; background:#bc3442; left:0; bottom:-3px;}

.newsline h4{ font-weight:bold;font-size:18px; margin-bottom:5%}



.bigNewsPic .newsline h4{ font-size:24px;}

.bigNewsPic .newsline p{ font-size:18px;}



.bigNewsPic{max-width:600px; margin-bottom:20px;}

.newstt{ max-width:480px; margin:0 0 0 auto;}

.ns-header{ text-align:right; position:relative; margin-bottom:30px;}

.ns-header:before{ position:absolute; content:""; width:80px; height:5px; background:#bc3442; left:0; top:10px;}

.ns-header a{ color:#bc3442; font-size:18px;}



.section-video{ padding:20px 0 50px;}

@media screen and (min-width: 1440px) {

.section-video .container{ width:1400px;}

}

.vitem{ position:relative; margin-bottom:30px;}

.vitem .txt{ position:absolute; z-index:2; left:0; width:100%;  text-align:center; top:50%; transform:translate(0,-50%); color:#fff;}

.vitem .txt h4{ font-size:32px; margin-bottom:30px;}

.vitem .txt a{ color:#fff; border:1px solid #fff; padding:5px 15px; display:inline-block;}

.vitem .txt a:hover{ background:#bc3442;}
/*
.catnav .btn-group{ display:block !important;}

.catnav .btn-group > a{ display:block ; background:#fff; border:1px solid #ccc; margin-bottom:30px;}

.catnav .btn-group > a:hover,.catnav .btn-group > a.active,.catnav .btn-group.open > a{ color:#fff; background:#bc3442;  }

.catnav .btn-group > a h3{ position:relative; padding:10px 10px 10px 30px; font-size:20px; line-height:2.4; margin:0;}

.catnav .btn-group > a h3 span{ display:inline-block; width:35px; height:35px; vertical-align:middle; margin-right:10px;}

.catnav .btn-group > a h3 i{ position:absolute; top:22px; right:20px;}

.catnav .btn-group > a  h3 span.caticon01{ background-image:url(../images/cateicos.png); background-position:0 0; background-repeat:no-repeat;}

.catnav .btn-group > a:hover  h3 span.caticon01,.catnav .btn-group > a.active  h3 span.caticon01,.catnav .btn-group.open > a h3 span.caticon01{background-position:-35px 0;}

.catnav .btn-group > a  h3 span.caticon02{ background-image:url(../images/cateicos.png); background-position:0 -37px; background-repeat:no-repeat;}

.catnav .btn-group > a:hover  h3 span.caticon02,.catnav .btn-group > a.active  h3 span.caticon02,.catnav .btn-group.open > a h3 span.caticon02{background-position:-35px -37px;}

.catnav .btn-group > a  h3 span.caticon03{ background-image:url(../images/cateicos.png); background-position:0 -73px; background-repeat:no-repeat;}

.catnav .btn-group > a:hover  h3 span.caticon03,.catnav .btn-group > a.active  h3 span.caticon03,.catnav .btn-group.open > a h3 span.caticon03{background-position:-35px -73px;}

.catnav .btn-group > a  h3 span.caticon04{ background-image:url(../images/cateicos.png); background-position:0 -110px; background-repeat:no-repeat;}*/

.catnav .btn-group{ display:block !important; background:#fff; border:1px solid #ccc; margin-bottom:30px; position:relative;}
.catnav .btn-group h3 a:hover,.catnav .btn-group:hover > a{ color:#fff;}
.catnav .btn-group:hover,.catnav .btn-group.active,.catnav .btn-group.open{  background:#bc3442;  }
.catnav .btn-group.active h3 > a,.catnav .btn-group.active > a,.catnav .btn-group.open h3 > a,.catnav .btn-group.open > a{color:#fff;}
.catnav .btn-group > h3{ position:relative; padding:10px 10px 10px 30px; font-size:20px; line-height:2.4; margin:0;}
.catnav .btn-group > h3 a{ display:block;}
.catnav .btn-group:hover > h3 a{ color:#fff;}
.catnav .btn-group > h3 span{ display:inline-block; width:35px; height:35px; vertical-align:middle; margin-right:10px;}
.catnav .btn-group  i{ position:absolute; top:12px; right:20px;font-size:20px; line-height:2.4; }
.catnav .btn-group > h3 span.caticon01{ background-image:url(../images/cateicos.png); background-position:0 -110px; background-repeat:no-repeat;}
.catnav .btn-group:hover  h3 span.caticon01,.catnav .btn-group.active  h3 span.caticon01,.catnav .btn-group.open h3 span.caticon01{background-position:-35px -110px;}
.catnav .btn-group h3 span.caticon02{ background-image:url(../images/cateicos.png); background-position:0 -37px; background-repeat:no-repeat;}
.catnav .btn-group:hover  h3 span.caticon02,.catnav .btn-group.active  h3 span.caticon02,.catnav .btn-group.open h3 span.caticon02{background-position:-35px -37px;}
.catnav .btn-group  h3 span.caticon03{ background-image:url(../images/cateicos.png); background-position:0 -73px; background-repeat:no-repeat;}
.catnav .btn-group:hover  h3 span.caticon03,.catnav .btn-group.active  h3 span.caticon03,.catnav .btn-group.open h3 span.caticon03{background-position:-35px -73px;}
.catnav .btn-group  h3 span.caticon04{ background-image:url(../images/cateicos.png); background-position:0 0; background-repeat:no-repeat;}
.catnav .btn-group:hover  h3 span.caticon04,.catnav .btn-group.active  h3 span.caticon04,.catnav .btn-group.open h3 span.caticon04{background-position:-35px 0;}


.catnav .btn-group  h3 span.caticon06{ background-image:url(../images/cateicos.png); background-position:0 -144px; background-repeat:no-repeat; height:32px;}

.catnav .btn-group:hover  h3 span.caticon06,.catnav .btn-group.active  h3 span.caticon06,.catnav .btn-group.open h3 span.caticon06{background-position:-35px -144px;}
.catnav .btn-group  h3 span.caticon05{ background-image:url(../images/cateicos.png); background-position:0 -177px; background-repeat:no-repeat;}

.catnav .btn-group:hover  h3 span.caticon05,.catnav .btn-group.active  h3 span.caticon05,.catnav .btn-group.open h3 span.caticon05{background-position:-35px -177px;}



.catnav .dropdown-menu {

    width: 100%;

    padding: 10px 30px 30px;

    margin: 0 0 0;

    font-size: 15px;

    text-align: left;

    list-style: none;

    background-color: #efeded;

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

    border: 1px solid #ccc;

    border: 1px solid rgba(0, 0, 0, .15);

    border-radius: 0;

}

.catnav .dropdown-menu li{ padding:10px 10px 10px 15px; border-bottom:1px solid #666;}



.breadClumb{ border-top:5px solid #bc3342; border-bottom:1px solid #ddd; padding:18px 0; background:#dad9d9; font-size:16px; margin-bottom:3%}

.breadClumb a,.breadClumb span{ margin:0 5px;}

.breadClumb span{ color:#bc3342;}



.propic{ margin:3% 3%;}

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



.proInfo{ line-height:1.6; margin:4% 0; font-size:16px;}

.proInfo h1{ font-size:36px; margin:0 0 0; font-weight:bold;}

.proInfo .meta{font-size:36px; margin-bottom:20px;}

.proInfo .sbold{ font-weight:bold; font-size:16px; padding:20px 0; border-bottom:1px solid #ddd; margin-bottom:20px;}



.nav-md{ margin:30px 0; }

.nav-md a{ display:block; height:60px; border:1px solid #ddd; line-height:2.3; padding:0;  overflow:hidden;}

.nav-md li:nth-child(2) a{ line-height:1.2 !important;}

.nav-md li{ margin:10px 0; padding:0 10px 0 0;vertical-align:bottom;}

.nav-md a:hover{ background:#bc3343 !important; color:#fff !important;}

.nav-md li span{ font-size:13px;}



.pro-mid-menu{ background:#fff; border-bottom:2px solid #ddd; margin-top:50px;}

.nav-tabs-detail{ border:0; font-size:20px; }

.nav-tabs-detail{ margin-bottom:0; margin:0; padding:0;}

.nav-tabs-detail > li {

   list-style:none;

}

.nav-tabs-detail > li > a {    

    line-height: 44px;

    border: 0 ;

    border-radius: 0;

	display:inline-block;

	padding-bottom:20px;

}

.nav-tabs.nav-justified > li > a {

    border-bottom: 0;

    border-radius: 0;

}

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {

    border:0;

   border-bottom:2px solid #bc3343;

  }

.nav-tabs-detail > li.active > a, .nav-tabs-detail > li.active > a:hover, .nav-tabs-detail > li.active > a:focus {

    color: #333;

    cursor: default;

    border:0;

	border-bottom:2px solid #bc3343;

}

.tab-content-detail{ font-size:20px; line-height:1.8; padding:50px 0; }

.tab-content-detail .tab-pane{ padding:20px 0;}

.tab-content-detail p{ padding:10px 0;}
.tab-content-detail table { width: 100%; font-size: 14px !important;}
.tab-pane table h3,.tab-pane table h4,.tab-pane table h2{ margin-top:6%;margin-bottom:8%;}
.tab-content-detail table.canshu{ font-size:14px; width:100%; border:1px solid #ddd;}
.tab-content-detail table.canshu td{ padding:5px 10px 5px 15px;}
.tab-content-detail table.canshu tr, .tab-content-detail table tr{ background-color:#efeded;}
.tab-content-detail table.canshu tr:nth-child(even), .tab-content-detail table tr:nth-child(even){background-color:#fff;}



 .appitem {

	 position:relative;

	 overflow:hidden;

	 margin-top:20px;

	 margin-bottom:30px;

    }



    .appitem .con {

        position: absolute;

        bottom: -50%;

        left: 0;

        width: 100%;

        height: 100%;

        z-index: 2;

        display: block;

        padding: 10% 40px 0;

        transition: bottom .3s

    }



    .appitem .font-bg {

        width: 100%;

        position: absolute;

        top: 0;

        left: 0;

        height: 100%;

        background: #000;

        z-index: 1;

        opacity: 0.5;

        filter: alpha(opacity=0.5);

        transition-property: opacity;

        transition-duration: .3s;

        transition-delay: .2s

    }



    .appitem .tit {

        font-size: 18px;

        color: #fff;

        line-height: 25px;

        color: #fff;

        font-weight: bold

    }



    .appitem .en {

        font-size: 16px;

        color: #fff;

        opacity: .6;

        filter: alpha(opacity=60);

        line-height: 24px;

        min-height: 24px

    }



    .appitem .font {

        font-size: 16px;

        color: #fff;

        line-height: 28px;

        margin-top: 18px

    }



    .appitem .more {

        margin-top: 40px;

		background:#bc3442;

		padding:10px 30px;

		color:#fff;

		display:inline-block;

    }

	 .appitem:hover .con {

        bottom: 0

    }

.app-page{ margin-top:-3%; margin-bottom:50px;}

.app-list-item{ padding:4.5% 0;}

.app-page .app-list-item:nth-child(2n+1){ background:#f5f5f5}

.app-list-item .ntext{ padding:5px 0 30px; font-size:16px; line-height:1.8}

.app-list-item .ntext h3{ font-size:18px; font-weight:bold; margin-bottom:20px;}

.app-list-item .ntext .meta{ padding-top:30px;  margin-bottom:10px;}

.app-list-item .ntext .meta a{ display:inline-block; color:#333; background:#fff; border:1px solid #ccc; padding:5px 30px; border-radius:2px;}

.app-list-item .ntext .meta a:hover{ color:#fff; background:#bc3343;}



.contact-page{ background:url(../images/contactbg.jpg) no-repeat center center; background-size:cover; color:#fff; padding-top:calc(6% + 80px); padding-bottom:3%; font-size:16px; line-height:1.7}

.contact-page h4{ font-size:20px; font-weight:bold; margin-bottom:10%; margin-top:3%}

.contact-page .flfont{ float:left; width:50px; min-height:42px;}

.contact-page .col-md-4{ margin-bottom:8%;}



.seritem{ text-align:center; font-size:18px; line-height:1.8; padding:15% 0; border:1px solid #fff;}

.seritem .icon{ display:block; text-align:center; margin-bottom:5%}

.seritem .icon img{

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

}

.seritem h4{ font-size:24px; margin-bottom:5%}

.seritem p{ max-width:320px; margin:0 auto;}



.seritem:hover{ border:1px solid #bc3343;}

.seritem:hover img{

	-webkit-filter: none;

-moz-filter: none;

-ms-filter: none;

-o-filter: none;

filter: none;

filter: none; 

}

.post-date{ margin:20px auto; font-size:16px;}

.post-date i{ color:#999; font-size:20px}



.toutiao{ padding-top:20px; margin-bottom:50px;}

.toutiao .pic{ max-width:540px;}

.toutiao .content{ padding:20px 0;}

.toutiao .content span.date{ display:block; margin-bottom:15px; font-size:16px;}

.toutiao .content h3{ font-size:21px; margin-bottom:30px; margin-top:0; font-weight:bold; line-height:1.5} 

.toutiao .content .zhaiyao{ margin-bottom:25px; line-height:1.8; font-size:16px;}

.toutiao .content span.link{ font-size:14px; display:block;}

.toutiao .content span.link a{ display:inline-block; padding:8px 25px; border:1px solid #ddd;}



.newslist { padding-bottom:40px;}

.newslist .nitem{max-width:384px; margin:0 auto 10% auto; min-height:440px; border:1px solid #ddd;}

.newslist .nitem .pic{ padding-top:calc(38/60*100%);}

.newslist .ntext{ padding:20px 10px 20px; border:0 ; line-height:1.8; min-height:210px;}

.newslist .ntext h3{ margin-top:0; font-size:20px; font-weight:bold; height:42px; overflow:hidden; text-align:center; white-space:nowrap;}

.newslist .nitem .ntext p{ height:50px; overflow:hidden;}

.newslist .nitem:hover{ box-shadow:2px 3px 10px #999;}

.newslist .nitem .ntext .date{ padding-top:5px;  margin-bottom:20px; font-size:16px;}

.newslist .nitem .ntext .date i{ font-size:20px; color:#8b8b8b;}



.pages{ text-align:center; padding-bottom:8%;}

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

.pages a.current{ background-color:#bc3343; color:#fff;border:1px solid #bc3343;}

.pages a i{ font-size:16px;}



.other-list{ font-size:14px; }

.other-list a{position:relative; padding-left:10px; white-space:nowrap; min-width:83px; display:inline-block;}

.other-list a:before{ content:""; position:absolute; top:5px; left:0; width:5px; height:5px; border-radius:2px; background:#666; border:1px solid #222;}



.mainContent .panel-default {

    border-color: #fff;

}

.mainContent .panel-default > .panel-heading {

    color: #333;

    background-color: #fff;

    border-color: #fff;

	border-bottom:1px solid #ddd;

	padding-left:0;

	padding-right:0;

}

.mainContent .panel-title{ padding:8px 0;}

.mainContent .panel-title img{ margin-right:10px;}

.mainContent .panel-title a{ font-size:24px;font-family:"ClanOT_Book",Arial, Helvetica, sans-serif; }

.mainContent .panel-title .date{ float:right;font-family:"ClanOT_Book",Arial, Helvetica, sans-serif; vertical-align:middle; line-height:34px; color:#999;}



.mainContent .panel-body{ line-height:1.6; padding:15px 30px; border:15px solid #eee;}

.knowledgelist ul,.knowledgelist li{ list-style:none; padding:0; margin:0;}
.knowledgelist li{ padding:10px 5px; border-bottom:1px solid #ddd; list-style:inside square;}
.knowledgelist{ margin-bottom:8%}

.newsScroll{ font-size:16px; padding-left:50px; padding-right:50px;}
.newsScroll h4{ font-size:20px; margin-bottom:20px;}
.newsScroll .newsDate{ font-size:24px;margin-bottom:30px;}
.newsScroll p{ margin-bottom:50px; overflow:hidden; height:26px;}
.newsScroll p.link a{ color:#bc3442;}
.newsScroll p i{ font-size:20px;}
.newsScroll .newstt{ position:relative; padding-top:calc(38/60 * 100%); overflow:hidden;}
.newsScroll .newstt img{ position:absolute; left:0; top:0; width:100%; height:auto;}
#carousel-news{ margin:40px 0 70px 0;}
#carousel-news .carousel-control.left,#carousel-news .carousel-control.right{ background:none;}
#carousel-news .carousel-control{ width:30px; color:#999;}
#carousel-news .carousel-control.left{ left:-30px;}
#carousel-news .carousel-control.right{ right:-30px;}

.swiper-container {
	width: 80%;
	margin:0px 10%;
  	z-index:10;
}
@media screen and (max-width: 668px) {

	.swiper-container {
		width:90%;
		margin: 20px 5%;
	}

}



.roll-img {
	-webkit-transition: transform 1.0s;
	-moz-transition: transform 1.0s;
	-ms-transition: transform 1.0s;
	-o-transition: transform 1.0s;
	-webkit-transform: scale(0.7);
	transform: scale(0.7);
}



@media screen and (max-width: 668px) {


	.roll-img {
		-webkit-transform: scale(0.97);
		transform: scale(0.97);
	}



}



.swiper-slide-active,.swiper-slide-duplicate-active {
	-webkit-transform: scale(1);
	transform: scale(1);
	text-align: center;
}



@media screen and (max-width: 668px) {

	.swiper-slide-active,.swiper-slide-duplicate-active {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

}
@media screen and (min-width: 668px) {



	.roll-img a:after {



		position: absolute;



		top: 0;



		left: 0;



		display: block;		



		content: "";



		width: 100%;



		height: 100%;		



	}



}



.swiper-slide-active a:after {



	background: none;



}



.swiper-slide img {



	width: 70%;



  	margin:0px 15%;



	display: inline-block;



}



@media screen and (max-width: 668px) {



	.roll-img img {



		border-radius: 7px;



	}



}



.swiper-pagination {



	position: relative;



	margin-bottom: 30px;



}



.swiper-pagination-bullet {



	background: #00a0e9;



	margin-left: 4px;



	margin-right: 4px;



	width: 17px;



	height: 17px;



	opacity: 1;



	margin-bottom: 4px;



}



.swiper-pagination-bullet-active {



	width: 13px;



	height: 13px;



	background: #FFF;



	border: 6px solid #00a0e9;



	margin-bottom: 0;



}



@media screen and (max-width: 668px) {



	.swiper-pagination {
		position: relative;
		margin-bottom: 20px;
	}



	.swiper-pagination-bullet {
		background: #00a0e9;
		margin-left: 2px;
		margin-right: 2px;
		width: 8px;
		height: 8px;
		margin-bottom: 2px;
	}



	.swiper-pagination-bullet-active {
		width: 6px;
		height: 6px;
		background: #FFF;
		border: 3px solid #00a0e9;
		margin-bottom: 0;

	}



}



.button {
	width: 100%;
	height:100%;
	margin: 0 auto;
	top:0px;
	position: absolute;
	z-index: 5;
}



@media screen and (max-width: 668px) {
	.button {
		width: 100%;
		bottom: 22px;
	}

}



.swiper-button-prev,.swiper-button-next{
	font-size:30px;
	color:#000;
	line-height: 60px;
	position: absolute;
	top:40%;
	margin-top:-30px;
	font-family: serif;
}



.swiper-button-prev {
	left:0px;
}



.swiper-button-next {
	right:0px;
}



@media screen and (max-width: 668px) {

	.button div {
		width: 28px;
		height: 28px;
	}



}
.swiper-slide p{
	text-align: center;
	color:#4a4a4a;
	margin-top:20px;
	font-size:22px;

}

/*mmsg-box*/

.mmsg-box{border:2px solid #fff; border-radius:2px; box-shadow:0 2px 4px rgba(0,0,0,0.1); left:50%; position:fixed; top:50%; z-index:9999; display:none}

.mmsg-content{color:#fff; font-size:18px; padding:10px 20px 10px 47px}

.mmsg-icon{background:url("../images/msgbox-sprite.png") no-repeat scroll 0 0; height:30px; left:10px; position:absolute; top:10px; width:30px}

.mmsg-box-info .mmsg-icon{background-position:0 -40px}

.mmsg-box-info .mmsg-background{background:none repeat scroll 0 0 #2ea7e0; bottom:0; left:0; opacity:.9; position:absolute; right:0; top:0; z-index:-1}

.mmsg-box-info .mmsg-background2{background:none repeat scroll 0 0 #FF0000; bottom:0; left:0; opacity:.9; position:absolute; right:0; top:0; z-index:-1}