@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; height:32px;}

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

.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 -176px; background-repeat:no-repeat; height:30px;}

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

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

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

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

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

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

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


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