/*/*@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2016-11-17 15:13:32
 * @version $Id$
 */

html {
    font-size: 62.5%; 
}

body {
    /*font-family: tahoma, "microsoft yahei", "\5FAE\8F6F\96C5\9ED1";*/
    font-family: "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "WenQuanYi Micro Hei", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;
    line-height: 2;
    font-size: 1.4rem;
    color: #565656;
    background: #fafafa;
    height: 100%;
    position: relative;
    /*-webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;*/
}

a {
    color: #222;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    text-decoration: none;
}

ul,
ol,
li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

a:hover,
a:active,
a:focus {
    color: #222;
    outline: none;
    text-decoration: none;
}

p {
    margin: 0; padding:0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   /* color: #000;*/
    font-weight: 400;
    margin: 20px 0;
}

.clear {
    clear: both;
}

.clear img {
    max-width: 100%;
}
/*::-webkit-selection {
    color: #fff;
    background: #0067ac;
}

::-moz-selection {
    color: #fff;
    background: #0067ac;
}*/
/*::selection {
    color: #fff;
    background: #222;
}*/



/*.container, .header, .tipsBar{
	width: 1100px !important;
	max-width: none !important;
	margin:0 auto;
}*/



.navbar-default{
	/*background:#fff url(../images/shadow-top.png) center 170%  no-repeat;*/
	border: 0;
	background:#fff; 
	z-index: 999;
	box-shadow: 0 2px 6px rgba(0,0,0,0.05);
	margin-bottom: 0;
}

.navbar-brand{
	height: auto;
}

.navbar-brand img{
    max-width:100%;
}

.navbar-nav > li > a{
	font-size: 1.4rem;
	/*padding: 3rem 1rem 3rem 1rem  ;*/
}

.navbar-nav > li > a:hover{
	color: #8f2922;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
	color: #8f2922; background: none;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{
	color: #cc0909; background: none;
}

.navbar .navbar-nav .open .dropdown-menu{
	border: 0; border-top: 2px solid #cc0909;  
}

.navbar .navbar-nav .open .dropdown-menu > li > a:hover, .navbar .navbar-nav .open .dropdown-menu > li > a:focus, .navbar .navbar-nav .open .dropdown-menu > .active > a, .navbar .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar .navbar-nav .open .dropdown-menu > .active > a:focus{
	color: #8f2922 !important;
    background-color: #f5f5f5 !important;
    
}

.dropdown-menu > li{
	border-bottom:1px solid #f3f2f2; margin: 0; padding:0 
}

.dropdown-menu > li > a{
	padding:0.8rem 1.5rem; margin: 0;
}

.dropdown-menu{
	padding: 0rem 0; margin: 0; min-width: 18rem;
}


/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.v-header-shadow{
	background: url(../images/shadow-top.png) no-repeat;
    position: absolute;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    left: auto;
    right: 35%;
    height: 30px;
    width: 50%;
    /* bottom: -40px; */
    /*margin-left: auto;*/
    opacity: 0.6;
    /*margin-right: auto;*/
    z-index: 2;
}


.navbar .tipsBar{
	    position: absolute;
    z-index: 1;
    
    right:20%;
    display: none;
}

.trapezoid {

	/*float: right;*/
	margin-right: 10rem;
	position: relative;
	color: #fff;
	/*width: 20rem;*/
	/*max-width: 40rem;*/
	padding:0 0.5rem;
	height: 3.95rem;
	/*line-height: 3.4rem;*/
	background: #cc0909;

}

.trapezoid::before{
	
	content: "";
	display: block;
	
	width: 6rem;
	height: 4rem;
	background: url(../images/B1.png) no-repeat;

	position: absolute;
	left:-5rem;
	top: 0;
	
}

.trapezoid::after{
	
	content: "";
	display: block;
	
	width: 6rem;
	height: 4rem;
	background: url(../images/B2.png) no-repeat;

	position: absolute;
	right:-6rem;
	top: 0;
	
}

.trapezoid .TP{
	display: inline-block; border-right: 1px solid #b82020; margin-top: 0.5rem; padding:0 1rem; text-align: center; vertical-align: top;
} 

.trapezoid .TP a{
	display: inline-block; width: 3rem; height: 2rem; margin-top: 0.2rem;
}

.trapezoid .TP a.CN{
	background: url(../images/cn.png)   no-repeat;
background-size: contain;
}

.trapezoid .TP a.EN{
	background: url(../images/en.png)  right 0  no-repeat;
background-size: contain;	
}

.trapezoid .TP.wx{
    position:relative; cursor:pointer;
}

.trapezoid .TP.wx .code_wrap {
    position: absolute;
    left: 50%;
    bottom:30px;
    width: 120px;
    height: 120px;
    margin-left: -60px;
}

.trapezoid .TP.wx .code_wrap img {
    display: none;
}

h1.title {
    /*color: #00479d;*/
    font-size: 3rem;
    font-weight: normal;
}

h1.title span {
    font-size: 2rem; color: #999999;
    
}

.line{
	display: block;
	margin:1rem 0;
	width: 5rem; height: 0.2rem;
	background: #dadada;
}

.series {
    padding: 3rem 0;
}

#youkuplayer{
	width: 100%;
	height: 30rem;
	margin-top: 2rem;
	background: #fff;
	padding:0.5rem;
	border: 1px solid rgba(0, 0, 0, 0.175);
	border-width: 0 1px 1px;
	border-radius: 5px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.img-responsive{
	border-radius: 0.5rem;
}

.pro-item{
    display: block;
    width: 100%;
    position: relative;
    top: 0;
    z-index: 9;
}

.pro-item{
	/*overflow: hidden;*/
	/*background: #fff;*/
	text-align: center;
	vertical-align: top;
	overflow: hidden;
    /*line-height: 4;*/
}

.pro-item .pro-text{
	padding-top: 1rem; overflow: hidden; min-height: 3rem; 
    /*background:#fff;
    border:1px solid #eeeeee;
    
    font-size:1.2rem;*/
}


.pro-item img {
    z-index: 8;
    opacity: 1;
}

.pro-item:hover, .pro-item:focus{
    text-decoration: none;
    top: -15px;
}

.pro-item:hover img, .pro-item:focus img{
    -webkit-box-shadow: 4px 10px 20px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 4px 10px 20px 3px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 4px 10px 20px 3px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 4px 10px 20px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 4px 10px 20px 3px rgba(0, 0, 0, 0.2);

}


.link-buttons {
    /*display: block;*/
    clear: both;
    position: relative;
    padding: 8px 0;
    border-radius: 50px;
    background: #fcfcfc;
    margin-left: auto;   
    text-align: center;
    margin-right: auto;
    /* width: 468px; */
    /*width: 5%;*/
    box-shadow: 0 -1px 2px rgb(255, 255, 255), inset 0 -1px 2px rgba(0, 0, 0, .2), inset 0 -.25rem 1rem rgba(0, 0, 0, .1) !important;
}

.more {
   color: #cc0909;
   font-size: 1.6rem;
}

.pos{
	margin-top: 1.5rem;
	font-size: 1.2rem;
	color: #999999;
}

.pos a{
	color: #999999; margin: 0 0.5rem;	
}





/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.v-bg-stylish {
    margin: 0;
    padding: 35px 0px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.07);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.07); 
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
}

.about{

	padding-bottom: 5rem;
	position: relative;
	border-bottom:1px solid #e4e4e4; 
	position: relative;
	z-index: 0;
	/*-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);*/
}

.about:after {
    position: absolute;
    left: 50%;
    margin-left: -20px;
    content: "";
    position: absolute;
    bottom: -20px;
    width: 40px;
    height: 40px;
    border-right: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #fff;
/*    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5);*/
    
}

.about .title{
    /*text-align:center;*/
}

.about .line{
    /*margin-left: auto; margin-right:auto;*/
}





.about .porfile .more{
    color:#cc0909; border-bottom:1px dotted #cc0909; padding-bottom:0.5rem;
}



.pro{
	background: #f7f7f7; border-bottom:1px solid #e4e4e4; 
	-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.07);
     box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.07); 
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
}

.pro .title{
	text-align: center;
}

.pro .title .line{
	margin-left: auto;
	margin-right: auto;
}

.pro-recommended{
	margin-top: 1rem;
}

.pro-recommended .pro-text{
    padding:1rem;
}

.pro .link-buttons {
	width:15vw;  color: #cc0909;  bottom: -5rem; 
}

.pro .link-buttons a{
	 color:#cc0909;
}

.news{
	padding: 7rem 0 3rem 0;
	border-bottom:1px solid #e4e4e4; 
	position: relative;
	z-index: 1
}

.news .link-buttons {
	width: 40%;  color: #fff; 
	bottom: -5rem; 
	box-shadow: 0 -1px 2px rgb(255, 255, 255), inset 0 1px 2px rgba(0, 0, 0, .2), inset 0 .25rem 1rem rgba(0, 0, 0, .1) !important;
}

.news .link-buttons p{
	background: #cc0909; border-radius: 50px;
	margin: 0 1rem;
	font-size: 1.6rem;
}


.news .title{
	border-bottom: 1px solid #e4e4e4;
}

.news .title .more{
	float: right; color: #999999;
	margin: 1rem 2rem 0 0 ;
}

.news .title .more:hover{
	color: #cc0909;
}

ul.news-item li{
	border-bottom: 1px solid #e4e4e4; padding-bottom: 1.5rem; margin-bottom: 1rem;
}



ul.news-item .news-item-info {
	padding:0.2rem 0;  font-size: 1.2rem;
}

ul.news-item .news-item-info a{
	 /*display: block; font-size: 1.6rem; line-height: 2; color: #cc0909*/
}

ul.news-item .news-item-info a:hover{
	/*color: #222;*/
}

ul.news-item .news-item-info .news-item-info-details{
	 color: #999999; margin:0.5rem 0;
}

ul.news-item .news-item-info .news-item-info-description{
    
}


.panel-group .panel{
 	margin: 0rem 0.5rem 1rem 0.5rem;
}

.panel-default > .panel-heading{
	background: none; border: 0
}

.panel-heading a:hover, .panel-heading a[aria-expanded='true']{
	color: #cc0909; 
}

.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group{
	border:0; font-size: 1.2rem;
}

.panel-body{
	padding:0 15px 15px 15px; vertical-align: top; display: inline-block;
}

.gg-col {
    display: table-cell;
    vertical-align: inherit;
}

.M5{
	padding-right: 0.5rem; 
}


.contact, .MT0{
	position: relative;
	background: #f7f7f7; border-bottom:1px solid #e4e4e4; 
	-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.07);
     box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.07); 
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
    z-index: 0;
    padding: 5rem 0;
    /*padding-bottom: 0;*/
}



.contact:after {
    position: absolute;
    left: 50%;
    margin-left: -20px;
    content: "";
    position: absolute;
    bottom: -22px;
    width: 40px;
    height: 40px;
    border-right: 1px solid #1e1e1e;
    border-bottom: 1px solid #1e1e1e;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #1e1e1e;
/*    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5);*/
}

/*.MT0:after{
	background: #252525;
}
*/

.contact #map{
	
	height: 35rem;
	border-radius: 5px; position: relative;
	
}

#map .anchorBL, #map .BMap_cpyCtrl {
	display: none;
}

.contact-info{
	position: relative; padding:3rem 0;
}

.contact-info .form{
	border-radius: 5px; 
	width: 25rem; height: 37rem;
	background: #cc0909; color: #fff;
	position: absolute; right:0; top: 1.4rem;
}

.contact-form{
	margin: 2rem;
}

.contact-form a{
	color: #fff;
}

.contact-form .title{
	color: #fff; margin: 2.5rem 0;
}

.contact-form .title span{
	display: block; color: #fff;
}

.contact-form .input-group .form-control{
	margin-bottom: 1rem;     border-radius: 4px;
}

.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child){
	border-radius: 4px;
}


footer{
	background: #1e1e1e; padding: 3rem 0; color: #8b8a8a; font-size: 1.2rem;
}

footer a{
	 color: #8b8a8a;
}

.back{
	border-top:1px solid #e4e4e4;  text-align: center; padding-top: 2rem;
}

.topbar{
	background:#fbfbfb url(../images/ff_rp_bkg2.png); 
	border-bottom:1px solid #e4e4e4; 
	-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.07);
     box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.07); 
}

.topbar h1.title {
  color:#cc0909;	
}

.topbar h1.title span{
	color: #222;
}

.map-info-section {
    width: 400px;
    padding: 10px;
    background: #FFF;
    background: rgba(255,255,255,.94);
    position: relative;
    z-index: 91;
    float: right;
    margin: 10% 0 7% 0 ;
    border: solid 1px #f5f8ff;
    -o-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0,0,0,.1);
}

.contact-form-info{
	margin:2rem 0;
	font-size: 1.2rem; 
}

.contact-form-info form a{ 
	color: #252525
}

.contact-form-info form a:hover{
	color: #cc0909;
}

.heading-v2{
	margin-bottom: 15px;
    border-bottom: 1px dotted #e4e4e4;
}

.heading-v2 h4{
	margin: 0 0 -2px 0;
    padding-bottom: 7px;
	display: inline-block;
    border-bottom-width: 2px;
    border-bottom-style: solid;
	border-bottom-color: #038ed0;
}


.fw-map {
    background: #f7f7f7;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    position: absolute;
}


.related{
	background: #252525; 
	color: #bdbdbd;
	font-size: 1.2rem;
	line-height: 1.8;
}



.related .title{
	 color: #f4f4f4!important; 
     margin-bottom:1rem; 
     
     position: relative;
     border-bottom:1px solid #7E7E7E;
}

.related .title p{
    border-bottom:2px solid #038ed0; display:inline-block; padding-bottom:1rem; margin-bottom:-0.1rem;
}
/*.related .title:after {
        content: "";
        width: 90px;
        height: 1px;
        background: #00479d;
        position: absolute;
        left: 0;
        bottom: -1px;
 }*/



.related .line{
	 margin: 1.5rem 0; background: #7E7E7E;
}

.related .btn{ 
	font-size: 1.2rem;
	padding:0.5rem 2rem;
	/*color: #f4f4f4!important;*/
}

/*.related a:hover , .related a:active, .related a:focus{
	color: #cc0909;
}*/

 ul.por-grid li{
 	float: left;
	width: 30%;
    margin: 0 10px 10px 0 !important;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

ul.por-grid li.more{
    display:none;
}

ul.por-grid li .img-responsive{
	border-radius: 0.2rem; 
}

.related .panel-group .panel{
	margin:0 0 1rem 0
}


/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


.container-left{
	padding-bottom: 5rem;
	border-right:1px solid #e4e4e4; 
}

.container-left .container-left-info{
	padding: 3rem 2rem 3rem 0;
}

.container-left ul.news-item .news-item-info{
	padding-top: 1.5rem; position:relative;
    
}

.container-left .container-left-info img{
	max-width:100%;
}
.container-left .pro-text{
    position:relative; 
    padding:1rem 0rem;
   overflow:hidden;
}

.container-left .links{
	 width:100%; 
     padding-top:1rem; margin:1rem 0;
}

.container-left-info .links a{
	font-size: 1.2rem; 
    padding: 3px 15px;
    
    background:#cc0909;
    color: #ffffff;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;

}

.container-left ul.news-item .news-item-info .links a:hover{
	color: #222;
}

.container-left .item-info-details{
	font-size: 1.4rem; margin: 2rem 0;  color: #999999;
}

.container-left .Recruitment-item{
	border-bottom: 1px solid #d5d5d5;
    padding: 3rem 0;
}

.container-left .Recruitment-item .S-title {
    font-size: 1.8rem;
    text-align: right;
    color: #000;
    line-height: 1.4;
    padding: 0 2.5rem;
    margin-top: 0.5rem;
}

 .container-left .Recruitment-item .S-title span {
    font-size: 1.2rem;

    color: #a39fa3;
    text-transform: uppercase;
}
 .container-left .container-left-info #youkuplayer{
	background: #222;
	padding:0;
	height: 51rem;
	border: 0;
	/*border-width: 0 1px 1px;
	border-radius: 5px;*/
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0);
}


.MT0, .MT0 .contact-info{
	padding:0;
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.container-right{
	padding:0 0 0rem 0;
}

.container-right .title{
	color:#cc0909; text-align: center; margin-top: 3.5rem;
    position: relative;
}


.container-right .title .line{
	margin-left:auto; margin-right:auto;
}

.container-right ul{
	border-top:1px solid #e4e4e4; 
	margin: 0 2rem 0rem 2rem;
}

.container-right ul li{
	border-bottom:1px solid #e4e4e4; font-size: 1.6rem; padding: 1rem 0;
}

.container-right ul li a{
	color: #666666; margin:0 0 0 6rem;
}

.container-right ul li a:hover{
	color: #222;
}

.container-right ul li a i{
	margin-right: 1rem; margin-left: -1rem;
}

.container-right ul.con-info li{
	font-size: 1.4rem;
}

.container-right .panel-group{
	font-size: 1.2rem; margin-left: 0.5rem;
}


/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.gotop{
	background: #ddd; width:4rem; height: 4rem; position: fixed; right:2.5rem; bottom:2rem; color: #fff; text-align: center; line-height: 4.5rem; opacity: 0;
}

.gotop:hover{
	color: #fff; background: #75297d;
}



.news-pushed{
	margin:0 3rem; background: #fdeff1;  padding-bottom: 3rem;
}



.overlay-container {
    position: relative;
    display: block;
    text-align: center;
    overflow: hidden;
}


.content-text{
	padding:2rem; 
}

.content-text .text{
	/*border-bottom: 1px solid #d5d5d5; padding-bottom: 2.5rem;*/ min-height: 30rem; 
}

.content-text h2{
	font-size: 2rem; line-height: 3rem; color: #75297d; 
}

.content-text .editor{
	margin-bottom:2rem; color: #222;  border-bottom: 1px solid #d5d5d5; padding-bottom: 1rem;
}

.more-read h2{
	text-align: right; margin-bottom:2rem;  font-size: 2.4rem;  color: #222;
}

.more-read h2 span{
	display: block; font-size: 1.4rem; line-height: 1.8rem; 
}

.more-read .col-md-12{
	padding-right: 0;
}

.more-read .col-md-12 a{
	font-size: 1.2rem;
}

#Paginations {
    text-align: center;
    position: relative;
}

#Paginations a{
	color: #222;
}




.marT20{
	margin: 2rem 0;
}




.proTitle{
	font-size: 3rem; color: #75297d;
}

.row-margin-lg {
    margin: 3rem 0;
}




.single .pos{
	/*margin-top: -6rem;*/
	margin-bottom: 0rem;
	border-bottom: 1px solid #d5d5d5;
	padding-bottom: 3rem;
}


.listing .pos{
	margin-top: 5rem; text-align: right; padding-right: 1.5rem;
}



.btn-purple {
  color: #fff;
  background-color: #84338d;
  border-color: #75297d;
  padding: 0.5rem 2rem;
  margin: 0 0.5rem; 
}

.btn-purple:focus, .btn-purple.focus {
  color: #fff;
}

.btn-purple:hover {
  color: #fff;
  background-color: #b529c4;
  border-color: #ad1dbc;
}


.btn-warning{
	  padding: 0.5rem 2rem;
  margin: 0 0.5rem; 
}


.v-btn{
    background:none; border:0;
}


    .btn-danger{
      
        background-color:#cc0909;
        border-color:#cc0909;
    }

.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: #00479d;
  border-color: #761c19;
}
.btn-danger:hover {
  color: #fff;
  background-color: #00479d;
  border-color: #00479d;
}
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #00479d;
  border-color: #00479d;
}



/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


@media (min-width: 768px) {
   .navbar .tipsBar{
        display:block; 
         position: absolute;
        z-index: 1;
        right: 20%;
    }
    .pro .link-buttons{
        width:4vw;
    }
    ul.news-item .news-item-info{
        padding: 0.2rem 0; 
    }
    .menu{
        float:right;
    }
    .navbar-nav > li > a{
        font-size: 1.6rem;
        padding: 3rem 1rem 3rem 1rem;
    }
    .Language{
        display:none;
    }

    .navbar-default .col-sm-12{ width:auto}
    
    .container-left .pro-text{
        height:20vh;
    }
    
    .container-left .links{
	    position:absolute; 
    }

    .newlist .links{
        display:none;
    }

   .news-item-info-description{
        /* height:5.9vh;  */overflow:hidden; font-size:1.2rem;
    }

   .container-left{
	    min-height: 75vh;
    }

   .related .title{
       font-size:2.2rem;
   }

   ul.por-grid li{
       /*margin:0 1rem !important;*/
   }

   .about .porfile{
	background: url(../images/B3.jpg) right top no-repeat;
    /*text-align:center;*/
    }
    
    #youkuplayer{
        margin-top:6rem;
    }

    ul.news-item .img{
	 width: 22rem; float: left; margin-right: 2.5rem; 
    }
	.title .E2{
		display:none
	}
   
}


	.news .title .more p{
		display:none;
	}

@media (max-width: 768px) {

    /*.navbar-default{
        background:#222;
    }

    .navbar-header{
        background:#fff;
    }*/

    h1.title {
        font-size: 2rem;
    }

        h1.title span {
            font-size: 1.6rem;
			
        }

    .line {
        /*margin: 1rem auto;*/
    }

    #youkuplayer {
        height: 30rem;
    }

    .news .link-buttons {
        width: 90%;
        margin: 0 auto;
        bottom: -1.8rem;
    }

	.news .link-buttons p {
		font-size: 1.2rem;
	}

    .pro .link-buttons {
        bottom: -2.5rem;
    }

    .series {
        padding: 3rem 0 0 0;
    }

    .about {
        padding-bottom: 3rem;
    }

    .news {
        padding-bottom: 0rem;
    }

	.news .title  {
		 position: relative;
		clear:both;
		border:0;
		/*background:#cc0909;*/
		color:#cc0909;
		padding:10px 0; 
		/*padding:10px 20px;*/
		/*margin-left:0.5rem;
		margin-right:0.5rem;
		border-radius: 4px;*/
		/*text-align:left;*/
		text-align:center;
	}
	


	.news .title{
		margin:0;
		padding-bottom:30px;
	}

    .about .title, .pro .title{
		text-align:center;  color:#cc0909;
	}

	.news .title{
		margin-top: 2rem;
	}

	.news .title span{
		/*color:#fff;*/
		color:#999999;
		display:block;
		margin:10px 0; 
		padding-top:10px;
		position: relative;
	} 

	.news .title span:before{
		content:'';
		position: absolute;
		width: 5rem;
	    height: 0.2rem;	
	    background: #dadada;
		left:50%;
		margin-left:-2.5rem;
		top:0;
	}

	.news .title .more{
		float:none;
		position: absolute;
		/*margin-top:5px;
		margin-right:5px;*/
		bottom:10px;
		margin-left:-25px;
		color:#999999;
		

	}

	.news .title .more i{
		display:none;
	}

	.news .title .more p{
		display:block;
		font-size:12px;
	}


	.news .line {
		margin: 1.5rem 0 0 0;
		display:none;
	}

	/* .about .title p, .pro .title p, .about .title .E2, .pro .title .E2{
		display:inline-block; 
		color:#fff;
	} */	

	.about .title .E2, .pro .title .E2{
		display:none;
	}

	.about .title, .pro .title  {
		margin-left:1.2rem;
		margin-right:1.2rem;
	}

    .contact #map {
        display: none;
    }

    .contact {
        padding: 0;
    }

    .contact-info {
        padding: 3rem 0 6rem 0;
    }

        .contact-info .form {
            position: relative;
            margin: 0 auto;
        }

    .contact-form .title {
        margin: 0;
        padding: 1.5rem 0;
    }

    .navbar-brand {
        padding: 0;
        width: 35vw;
        margin: 1rem 0 1rem 2rem;
    }


    .navbar-toggle {
        background: none;
        color: #cc0909;
        padding:0  7px;
        margin: 1.7rem 0.5rem 0 0;
		font-size:12px;
    }

    .navbar-default .navbar-toggle {
        border-color: #cc0909;
    }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #cc0909;
        }

    .navbar-toggle .icon-bar {
        width: 1rem;
    }

        .navbar-toggle .icon-bar + .icon-bar {
            margin-top: 2px;
        }

    .Language {
        position: relative;
        float: right;
        margin: 1.5rem 1rem 0 0;
    }

        .Language a {
            display: inline-block;
            padding: 0 5px;
            margin-right: 0.3rem;
            background: none;
            color: #cc0909;
            border: 1px solid #cc0909;
            font-size: 1.2rem;
            border-radius: 4px;
        }

    .porfileText {
        width: 100%;
        height: 18vh;
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        /*white-space: nowrap;*/
        word-break: keep-all;
        font-size: 1.2rem;
    }

    .container-right .title {
        margin-top: 0;
        margin-bottom: 0;
        color: #222;
        text-align: left;
        padding-bottom: 1rem;
    }

        .container-right .title:after {
            content: "";
            width: 90px;
            height: 1px;
            background: #cc0909;
            position: absolute;
            left: 0;
            bottom: -1px;
        }

        .container-right .title p, .container-right .title span {
            display: inline-block;
            font-weight: 400;
            color: #303030;
        }

    .container-left-right {
        background: #ebebeb;
        padding-bottom: 3rem;
        padding-top: 0;
        margin-top: 0;
    }

    .container-right .title .line {
        display: none;
    }

    .container-right .widget {
        background: #fff;
        padding: 2rem 3rem;
        margin-top: 3rem;
    }

    .container-right ul {
        margin: 0;
        padding-top: 1rem;
    }

        .container-right ul li {
            padding: 0.5rem 0;
        }

            .container-right ul li:last-child {
                border: 0;
            }

            .container-right ul li a {
                margin: 0;
            }

                .container-right ul li a i {
                    margin-left: 0;
                }

    .container-left {
        padding: 1rem 3.5rem 2rem 3.5rem;
        border: 0;
        background: #ffffff;
    }

        .container-left .container-left-info {
            padding: 1rem 0 0 0;
        }

    .dropdown-menu > li {
        padding: 0.5rem 0;
    }

    .topbar {
        background: #ebebeb;
        border: 0;
        -moz-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
        -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
        box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
        /*margin:0 1.5rem;*/
    }

        .topbar h1.title {
            background: #fff;
            margin: 2rem 0 0 0;
            padding: 2rem 2rem 0 2rem;
        }

    .pos {
        margin-top: 0;
        padding: 0.5rem 0rem;
        border-bottom: 1px solid #e9e9e9;
    }

    .prolist {
        margin-bottom: 1.5rem;
    }

    .container-left .links {
        position: relative;
    }

    .btn-danger {
        padding: 5px 10px;
        font-size: 12px;
    }

    .back {
        margin-top:2rem;
    }

    .newlist figure{
        margin:0; padding:0;
    }

    .container-left .Recruitment-item .S-title{
        text-align:left;
        padding:0;
        margin-bottom:1rem;
    }

    .container-left .container-left-info #youkuplayer{
        height: 20rem;
    }

}

/*@media (min-width: 1024px){
.container, .header, .tipsBar{
	width: 1100px !important;
}
}*/



@media (max-width: 480px){
    .MT0{
        padding-top:0;
    }
   .fw-map{
       position:relative; height:20rem;
   }
   .map-info-section{
       width:99%; margin:5% auto 7% auto; float:none;
       box-shadow: 0 2px 12px rgba(0,0,0,0);
   }

    ul.por-grid li{
	    /*width: 100px;*/  
    }

    ul.por-grid li.more{
        display:block;
    }
    .contact-form{
        margin:0 1rem;
    }

    .about .title{
        /*text-align:center;*/
    }
    .about .line {
        margin:1rem auto;
    }
    .about .porfile .col-md-12{
        /*text-align:center;*/
    }

     .container-right .panel-group{
        margin:20px 0 0 0;
    }

	.copyright span{
		display:block;
	}
}