@charset "utf-8";
body{
	background: #F8F6F1
}
.xiexianjiabg{
	background: url(../images/xiexianjia_bg.jpg);
}
.text-center{
	text-align: center;
}
.fl{
	float: left
}
.fr{
	float: right;
}
.clear{
	clear: both;
}
.w1130{
	width: 1130px;
	margin: 0 auto;
	overflow: hidden;
	*zoom:1;
}
.head{
	background: #B70304;
	height: 80px;
	width: 100%;
	z-index: 999;
	position: relative;
}
.head_main{
	width: 1130px;
	margin: 0 auto;
}
.logo{
	width: 170px;
	float: left;
}
.logo img{
	height: 80px;
}
/*nav*/
.head .nav{
    width: 808px;
    height:80px;
    line-height: 80px;
    text-align: center;
    font-size: 12px;
    position: relative;
    float: right;
}
/*nav-main*/
ul.nav-main{
    width: 100%;
    height: 100%;
    list-style-type: none;
}
ul.nav-main span{
    display: inline-block;
    margin-left: 18px;
    width: 7px;
    height: 7px;
    background: url('../img/down-icon.png') no-repeat;
}


ul.nav-main>li{
    width: 100px;
    height: 100%;
    display: block;
    float: left;
    color: #fff;
    margin-right: 1px;
    cursor: pointer;
    text-align: center;
}
ul.nav-main>li a{
	display: block;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 14px;
}
ul.nav-main>li a:hover{
	display: block;
	width: 100%;
	text-align: center;
	color: #B70304;
	font-size: 14px;
}
ul.nav-main>li:hover{
    background: #fff;
    color: #B70304
}

div.hidden-box{
    width: 98px;
    border: 1px solid #B70304;
    border-top: 0;
    position: absolute;
    display:none;
	background:#B70304;
    top: 80px;
    color: #fff;
}
.hidden-box>ul{
    list-style-type: none;
    color: #643519;
    cursor: pointer;
}
.hidden-box li{
	height: 30px;
	line-height: 30px;

}
.hidden-box li a{
	color: #fff;
}
.hidden-box li:hover{
	height: 30px;
	line-height: 30px;
    background: #643519;
    color: #fff;
}
/*闅愯棌鐩掑瓙浣嶇疆璁剧疆*/
.hidden-loc-index{
    left: 101px;
}
.hidden-loc-us{
    left: 202px;
}
.hidden-loc-info{
    left: 303px;
}
.box04{
	left:404px;
}
#jingdong, #jingdong a{
	background: url(../images/jd.jpg) bottom center no-repeat;
	height: 80px;
}
#tmall, #tmall a{
	background: url(../images/tmall.jpg) bottom center no-repeat;
	height: 80px;
}
#jingdong a:hover{
	color: #fff;height: 80px;
	background: #B70304 url(../images/jd.jpg) bottom center no-repeat;
}
#tmall a:hover{
	color: #fff;height: 80px;
	background: #B70304 url(../images/tmall.jpg) bottom center no-repeat;
}


/* banner */
#wrapper {
	background:#fff;
	position:relative;
}

a {
	text-decoration:none;
	-webkit-transition:color 0.2s linear;
    -moz-transition:color 0.2s linear;
    -o-transition:color 0.2s linear;
    transition:color 0.2s linear;
}

a:focus , a:link, a:active {
	outline:none;
}

a:hover {
	color:#444;
}


.fullwidthbanner-container{
	width:100% !important;
	position:relative;
	padding:0;
	max-height:550px !important;
	overflow:hidden;
}

.fullwidthbanner-container .fullwidthabnner	{
	width:100% !important;
	max-height:550px !important;
	position:relative;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	  .banner, .bannercontainer			{	width:768px; height:309px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	   .banner, .bannercontainer		{	width:480px; height:193px;	}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
		.banner, .bannercontainer		{	width:320px;height:129px;	}
}

@media only screen and (max-width: 319px) {
		.banner, .bannercontainer		{	width:240px;height:97px;	}
}

.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected {	
	background:#e1472f !important; 
}
.tp-leftarrow:hover,
.tp-rightarrow:hover {	
	background-color:#e1472f !important;
 }
/** BULLETS **/
.tp-bullets {
    z-index: 99;
    position: absolute;
    bottom: 0px;
}

.tp-bullets.simplebullets.round .bullet {
    cursor: pointer;
    position: relative;
    background: #fff;
    width: 188px;
    height: 6px;
    float: left;
    -webkit-transition: background 0.1s linear;
    -moz-transition: color, background 0.1s linear;
    -o-transition: color, background 0.1s linear;
    transition: color, background 0.1s linear;
}


.tp-leftarrow.large {
	z-index: 100;
	cursor: pointer;
	position: relative;
	background: #393939 url(../images/slider-left-arrow.png) no-Repeat;
	width: 42px;
	height: 43px;
	margin-left: 0px;
	margin-top: -21px;
	-webkit-transition: background 0.1s linear;
	-moz-transition: color, background 0.1s linear;
	-o-transition: color, background 0.1s linear;
	transition: color, background 0.1s linear;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);/*增加阴影*/
	/*
	**打开注释，按钮变成圆形的
	border-radius: 20px;  所有角都使用半径为5px的圆角，此属性为CSS3标准属性 
	-moz-border-radius: 20px;  Mozilla浏览器的私有属性 
	-webkit-border-radius: 20px;  Webkit浏览器的私有属性 
	border-radius: 20px 20px 20px 20px; 四个半径值分别是左上角、右上角、右下角和左下角 
	*/
}

.tp-rightarrow.large {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: #393939 url(../images/slider-right-arrow.png) no-Repeat 0 0;
    width: 42px;
    height: 43px;
    margin-left: 0;
    margin-top: -21px;
    -webkit-transition: background 0.1s linear;
    -moz-transition: color, background 0.1s linear;
    -o-transition: color, background 0.1s linear;
    transition: color, background 0.1s linear;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);/*增加阴影*/
	/*
	**打开注释，按钮变成圆形的
	border-radius: 20px;  所有角都使用半径为5px的圆角，此属性为CSS3标准属性 
	-moz-border-radius: 20px;  Mozilla浏览器的私有属性 
	-webkit-border-radius: 20px;  Webkit浏览器的私有属性 
	border-radius: 20px 20px 20px 20px; 四个半径值分别是左上角、右上角、右下角和左下角 
	*/
}



.tp-bullets.tp-thumbs {
    z-index: 100;
    position: absolute;
    padding: 3px;
    background-color: #fff;
    width: 500px;
    height: 50px;
    margin-top: -50px;
}

.fullwidthbanner-container .tp-thumbs {
    padding: 3px;
}

.tp-bullets.tp-thumbs .tp-mask {
    width: 500px;
    height: 50px;
    overflow: hidden;
    position: relative;
}

.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer {
    width: 5000px;
    position: absolute;
}

.tp-bullets.tp-thumbs .bullet {
    width: 100px;
    height: 50px;
    cursor: pointer;
    overflow: hidden;
    background: none;
    margin: 0;
    float: left;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	/*filter: alpha(opacity=50);	*/
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
}

.tp-bullets.tp-thumbs .bullet:hover,
.tp-bullets.tp-thumbs .bullet.selected {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.tp-thumbs img {
    width: 100%;
}

.tp-bannertimer {
    width: 100%;
    height: 10px;
    position: absolute;
    z-index: 200;
    z-index: 5000;
}

.tp-bannertimer.tp-bottom {
    bottom: 0px !important;
    height: 5px;
}


@media only screen and (min-width: 768px) and (max-width: 959px) {;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .responsive .tp-bullets.tp-thumbs {
        width: 300px !important;
        height: 30px !important;
    }

    .responsive .tp-bullets.tp-thumbs .tp-mask {
        width: 300px !important;
        height: 30px !important;
    }

    .responsive .tp-bullets.tp-thumbs .bullet {
        width: 60px !important;
        height: 30px !important;
    }
}

@media only screen and (min-width: 0px) and (max-width: 479px) {
    .responsive .tp-bullets {
        display: none;
    }

    .responsive .tparrows {
        display: none;
    }
}


.tp-simpleresponsive img {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.tp-simpleresponsive a {
    text-decoration: none;
}

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

.tp-simpleresponsive >ul >li {
    list-stye: none;
    position: absolute;
    visibility: hidden;
}

.caption.slidelink a div,
.tp-caption.slidelink a div {
    width: 10000px;
    height: 10000px;
}

.tp-loader {
    background: url(../images/loader.gif) no-repeat 10px 10px;
    background-color: #fff;
    margin: -22px -22px;
    top: 50%;
    left: 50%;
    z-index: 10000;
    position: absolute;
    width: 44px;
    height: 44px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.banner{height:540px; z-index: 1;}
.banner .ban_c img{position:relative;width:1920px;left:50%;margin-left:-960px;top:0;}
.banner .ban_nav{display:none;}

.bann_ext{position:relative;}
.frontCover{position:absolute;top:-120px;padding:0 0 16px;border-bottom:5px solid #de0000;}
.frontCover li{float:left;width:82px;padding:3px;background:#000;color:#fff;overflow:hidden;margin-right:10px;cursor:pointer;}
.frontCover p{text-align:center;height:14px;line-height:18px;overflow:hidden;}
.frontCover .img{position:relative;height:50px;overflow:hidden;}
.frontCover img{position:absolute;width:192px;height:50px;left:-50px;}
.frontCover .open{background:#e60013;}
.wrap{width:980px;margin-left:auto;margin-right:auto;}
/*幻灯片(组件)*/
.slide{position:relative;width:100%;}
.ban_c{display:none;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.ban_c img{width:100%;height:100%;}
.ban_t{position:absolute;left:0;bottom:0;width:100%;padding:4px 0;text-indent:10px;white-space:nowrap;overflow:hidden;color:#fff;background:rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#88000000,endcolorstr=#88000000);z-index:3;}
.ban_nav{position:absolute;bottom:0;left:0;width:100%;text-align:right;z-index:1;}
.ban_nav a{display:inline-block;vertical-align:middle;width:14px;height:14px;line-height:14px;overflow:hidden;text-align:center;margin-right:8px;cursor:pointer;text-decoration:none;font-size:10px;-webkit-text-size-adjust:none;background:#ccc;}
.ban_nav .on{background:#f90;color:#fff;}
.Left,.Right{cursor:pointer;}


/*biaoti*/
.biaoti{
	width: 1130px;
	margin: 20px auto;
	text-align: center;
	overflow: hidden;
	*zoom:1;
}
.biaoti h2{
	color: #B70304;
	font-size: 28px;
}
.biaoti p{
	color: #76625f;
	font-size: 16px;
	margin-top: 10px;
}

/*  liquan  lihe about*/
.three_div{
	background: url(../images/hehua.png) left bottom no-repeat;
	width: 100%;
}
.three_div2{
	background: url(../images/pangxie.png) right bottom no-repeat;
	width: 100%;
}
.three_main{
	width: 1130px;
	margin: 0 auto;
	overflow: hidden;
	*zoom:1;
}
.liquan{
	margin-left: 10px;
}
.lihe{
	margin: 0 40px;
}
.three_main_list{
	width: 335px;
	height: 500px;
	background: #FFFFFF;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	box-shadow: 0 0 10px #ccc;
}
.three_main_list:hover{
	box-shadow: 0 0 10px #B70304;
	transition: all 0.3s ease-in;
}
.three_main_list .three_main_list_title{
	background: url(../images/huawen.jpg) top center no-repeat;
	width: 100%;
	height: 70px;
	font-size: 20px;
	font-family: "FZLTHJW";
	text-align: center;
	line-height: 70px;
}
.three_main_list>ul>li{
	width: 270px;
	margin: 0 auto 15px auto;
	border-bottom:1px #B70304 dashed;
	overflow: hidden;
	*zoom:1;
}
.three_main_list>ul>li>a{
	display: block;
	width: 100%;
	text-decoration: none;
	color: #B70304
}
.three_main_list>ul>li>a .liquan_biaoti{
	width: 100px;
	color: #484848;
	font-size: 30px;
	font-family: "FZDBSGBK";
	line-height: 55px;
	display: block;
	float: left
}
.three_main_list>ul>li>a .liquan_guige{
	width: 150px;
	color: #333333;
	font-family: "微软雅黑";
	font-size: 14px;
	border-left: 1px #B70304 solid;
	padding-left: 19px;
	float: right;
	display: block;
}
.three_main_list .liquan_more{
	background: #D2D2D2;
	width: 100px;
	height:30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	border-radius: 30px;
	display: block;
	margin: 0 auto;
}
.three_main_list:hover .liquan_more{
	background: #B70304;
	transition: all 0.3s ease-in;
}
.three_main_list .lihe_more{
	background: #B70304;
	width: 100px;
	height:30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	border-radius: 30px;
	display: block;
	margin: 0 auto;
}
.three_main_list:hover .lihe_more{
	background: #D2D2D2;
	transition: all 0.3s ease-in;
}

/*midden_banner*/
/*.midden_banner{
	background: url(../images/midd_banner.jpg) top center no-repeat;
	background-position: 50%;
	width: 100%;
	height: 490px;
	margin-top: 30px;
}*/
.midden_banner{
	background: url(../images/video_bg.jpg) top center no-repeat;
	background-position: 50%;
	width: 100%;
	height: 490px;
	margin-top: 30px;
}
.midden_banner_main{
	width: 1130px;
	margin: 0 auto;
	overflow: hidden;
	zoom:1;
}
.slideBox{ position:relative; width:260px; height:400px; margin-top: 80px; margin-left: 20px; overflow:hidden;}
.slideBox ul.items{ position:absolute; float:left; background:none; list-style:none; padding:0px; margin:0 0 50px 0;}
.slideBox ul.items li{ float:left; background:none; list-style:none; padding:0px; margin:0px;}
.slideBox ul.items li a{ float:left; line-height:normal !important; padding:0px !important; border:none/*For IE.ADD.JENA.201206300844*/;}
.slideBox ul.items li a img{ margin:0px !important; padding:0px !important; display:block; border:none/*For IE.ADD.JENA.201206300844*/;}
.slideBox .tips{ position:absolute; bottom:-0px; width:100%; height:50px; overflow:hidden;}
.slideBox .tips .title{ position:absolute; left:0px; top:0px; height:100%;}
.slideBox .tips .title a{ color:#FFF; font-size:18px; line-height:50px; margin-left:10px; text-decoration:none;}
.slideBox .tips .title a:hover{ text-decoration:underline !important;}
.slideBox .tips .nums{ position:absolute; right:75px; top:0px; height:100%;}
.slideBox .tips .nums a{ display:inline-block; >float:left/*For IE.ADD.JENA.201206300844*/; width:15px; height:15px; background-color:#FFF; text-indent:-99999px; margin:25px 10px 0px 0px;}
.slideBox .tips .nums a.active{ background-color:#B70304;}

/* time line*/
.timeline{ width: 1130px; margin: 0 auto; overflow: hidden; *zoom:1; }
.timeline .container{ width: 100%; }
.timeline .container .row{ width: 100%; }
.color-349aff{color:#349aff;}
.color-ffcc33{color:#ffcc33;}
.color-fe9900{color:#fe9900;}
.pr{ position: relative;}
.pa{position: absolute;}
.pd-15{ padding-bottom: 15px;}
.pb-50{padding-bottom: 50px;}
.pt-15{ padding-top: 15px;}
.mb-50{margin-bottom: 50px;}

.about{ width: 1130px; background: url(../images/brand.png) top left no-repeat;}
.about .about-body {overflow: hidden;}
.about .about-body{display: table-cell; vertical-align: top; width:10000px; overflow: hidden;}
.about .about-body .about-title .help-block{ color: #cbcbcb; font-size: 20px;}
.about .about-body .about-content{ position: relative; color: #666;line-height: 180%; font-size: 16px; padding-bottom: 20px; margin-top: 20px;}
.about .about-body  .tree-bg{ background: url('../img/about_tree_bg.png') no-repeat right bottom;}
.about .about-body .about-content p{  color: #666; text-indent: 2em; line-height: 180%; font-size: 16px;}
/**
 * 鍙戝睍鍘嗙▼
*/
.process-timeline{ height: 625px; width: 1130px; position: relative; overflow:hidden;}
.process-timeline:after{content:"";position:absolute;top:48%;left:0;margin-left:0;background:url('../images/development_timeline.png') repeat-x; height:15px; width:100%; display:block}
.process-timeline .process-body{ position: relative; height: 100%; margin-left: 55px;}
.process-timeline .process-row{ cursor:move; display: inline-block; width: 160px; float: left; margin: 0;  position: relative; height: 625px;overflow:hidden; margin-left: 20px;}
.process-timeline .process-row .process-time{ position: absolute; top: 48.7%; /*left: 35.5%;*/ -wekit-top:48.8%;}
.process-timeline .process-row .process-time .time-con{ position: relative; text-align: center; }
.process-timeline .process-row .process-time .time-con .pic{position: absolute; z-index: 1;}
.process-timeline .process-row .process-time .time-con .pic i{ font-size: 100px; color: #666; }
.process-timeline .process-row .process-time .time-con .year{ position: absolute; z-index: 10; font-size: 16px; color:#333; padding: 20px 25px 0 15px;    margin-left: 13px; text-align: right;}
.process-timeline .process-row .process-time .time-con .bgcolor{ position: absolute; border-radius: 100%;  margin-top: 48px; margin-left: 10px; width: 40px; height: 40px; z-index: 5;}

.process-timeline .process-row .process-time .time-con .bgcolor.red{ background: red;}
.process-timeline .process-row .process-time .time-con .bgcolor.blue{ background: #3399fe;}
.process-timeline .process-row .process-time .time-con .bgcolor.orange{ background: #ff9900;}

.process-timeline .process-row .process-time .time-con .red i{ color: red;}
.process-timeline .process-row .process-time .time-con .blue i{ color: #3399fe;}
.process-timeline .process-row .process-time .time-con .orange i{ color: #ff9900;}


.process-timeline .process-row .process-noyear { position: absolute; top: 43%; width: 200px; text-align: left; font-size: 18px; color: #b80506;}
.process-timeline .process-row .process-content{padding-bottom: 40px; }
.process-timeline .process-row .process-content h2{ font-size: 16px; text-align: center;}
.process-timeline .process-row .process-content p{text-indent: 0 !important; font-size: 14px !important; height: 180px; overflow: hidden; color: #888; white-space:normal; }

.process-timeline .process-row:nth-child(even) .process-time{ top: 33.7%;}
.process-timeline .process-row:nth-child(even) .process-time .time-con .year{ padding: 15px 25px 0 5px;}
.process-timeline .process-row:nth-child(even) .process-noyear { top:53%}
.process-timeline .process-row:nth-child(even) .process-content{padding-top: 320px; padding-bottom: 0;}
.process-timeline .process-row:nth-child(odd) .process-time .time-con .pic i{-moz-transform:scaleY(-1); -webkit-transform:scaleY(-1); -o-transform:scaleY(-1);transform:scaleY(-1);filter:FlipV();/*鍨傜洿缈昏浆*/
}
.process-timeline .process-row:nth-child(even) .process-time .time-con .bgcolor{ margin-top: 15px; margin-left: 10px;}

.scrollMouse i{color: #b5b5b5; display: inline-block;margin: 0 5px; vertical-align: middle;}
.scrollMouse #processLeft,
.scrollMouse #processRight{cursor: pointer;}
.scrollMouse i:hover{ color: #666;}
.xia_infor{
	margin-top: 20px;
	background: url(../images/duihuakuang.png) no-repeat;
	width: 113px;
	height: 266px;
	color: #333;
	word-wrap: break-word; 
	letter-spacing: 15px;
	font-size: 16px;
	line-height: 20px;
	font-family: "微软雅黑"
}
.xia_infor2{
	margin-top: 20px;
	background: url(../images/duihuakuang2.png) no-repeat;
	width: 113px;
	height: 266px;
	color: #333;
	word-wrap: break-word; 
	letter-spacing: 15px;
	font-size: 16px;
	line-height: 20px;
	margin-top: -190px;
	font-family: "微软雅黑"
}


.five_server{
	width: 100%;
	background: none;
	background-position: 50% 0;
	width: 100%;
	height: 550px;
}
.five_server_list{
	width: 226px;
	height: 143px;
	float: left;
	text-align: center;
	margin-top: 115px;
}

/* his come here*/
.section-project {
  padding: 0 0 10px 0;
  position: relative;
  background-image: url(../images/comebg.png);
}

.section__title, .section__subtitle {
  text-align: center;
  color: white;
  display: block;

}

.section__title {
  font-size: 3em;
  line-height: 1;
  margin: 0 0 10px;
}

.section__subtitle {
  font-size: 1.2em;
  line-height: 1.5;
  opacity: .5;
}
.section__subtitle a {
  color: inherit;
}

.project-carousel {
  position: relative;
  padding: 10px 0;
  margin-top: -120px;
}

.project-strip {
  margin: 120px 0 100px;
  -webkit-filter: blur(10px);
          filter: blur(10px);
}
.project-strip .project {
  cursor: pointer;
  text-align: center;
}
.project-strip img {
  max-width: 100%;
  width: 100%;
  height: auto;
}

.project-screen-bg{
	width: 1130px;
	height: 144px;
	margin: 0 auto;
	background: url(../images/come.png) top right no-repeat;
	position: relative;
}
.project-screen {

  width: 600px;
  height: 352px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.project-screen .project-detail {
  position: absolute;
  left: 0;
  right: 0;
  width: 454px;
  height: 274px;
  margin: 22px auto 0;
  z-index: 1;
  background-color: #333;
}
.project-screen .screen-frame {
  content: " ";
  width: 600px;
  height: 352px;
  position: absolute;
  background-image: url("../images/macbook.png");
  background-repeat: no-repeat;
}
.project-screen .project {
  margin-right: -100%;
  float: left;
  cursor: move;
}
.img_infor{
	margin: 0 auto;
	padding-top: 60px;
	text-align: left;
	padding-left: 140px;
}

/* foot */
.foot{
	background:#202020 url(../images/footbg.jpg) top center no-repeat;
	min-height: 225px;
	width: 100%;
	font-size: 14px;
	color: #fff;
}
.foot .pt20{
	padding-top: 10px;
	position: relative;
}
.foot .fl, .foot.fr{
	position: relative;
	line-height: 30px;
}

/* ny-banner */
.position-absolute{
	position: absolute;
}
.position-relative{
	position: relative;
}
.ny-banner{
	width: 100%;
	height: 200px;
	margin:  0;
	padding: 0;

}
.ny-banner-infor{
	width: 1130px;
	height: 190px;
	margin: 0 auto;
	font-size: 30px;
}
.ny-banner-infor-title{
	width: 168px;
	height: 90px;
	background: rgba(183,3,4,0.6);
	color: #fff;
	text-align: left;
	padding-top: 110px;
	padding-left: 10px;
	position: relative;
	font-size: 24px;
	line-height: 30px;
}
.ny-banner-infor-title span{
	font-size: 18px;
}
.xiexianlou{
	width: 100%;
	height: auto;
	margin-top: -10px;
	position: inherit;
}
.xiexianlou img{
	margin-top: -6px;
}
/* jswbox */
#jswbox{width:1130px;height:auto;margin:0 auto;position:relative; overflow: hidden; *zoom:1;}
#jswbox ul{position:relative;height:400px;}
#jswbox li{position:absolute;width:0;height:0;z-index:0;cursor:pointer;overflow:hidden;top:12px;left:10px; padding: 10px; background: #fff; border-radius: 50%; border:1px #ccc solid; box-shadow: 0 0 10px #ccc;}
#jswbox li img{width:100%;height:100%;vertical-align:top;float:left; border-radius: 50%;}
#jswbox .prev, #jswbox .next{display:none;}


.gallery:after {
    content: '';
    display: block;
    height: 2px;
    margin: .5em 0 1.4em;
}

.gallery img {
	width: 100%;
    height: 100%;
}

.gallery a {
    width: 240px;
    height: 180px;
    display: inline-block;
    overflow: hidden;
    margin: 4px 6px;
    box-shadow: 0 0 4px -1px #000;
}

.baguetteBoxOne {
	width:1020px; 
	margin:40px auto 0 auto;
	overflow: hidden;
	*zoom:1;
}
.story_about{
	margin-top: 20px;
	overflow: hidden;
	*zoom:1;
}
h1{
	font-size: 34px;
	margin-top: 40px;
	margin-bottom: 0px;
}

/* 时间轴样式 */
.course_nr{height:240px; margin-top: 15px; background:url(../images/ico9.gif) repeat-x center;}
.course_nr img{
	width: 100%;
}
.course_nr li{ float:left; background:url(../images/ico10.png) no-repeat center top; padding-top:30px; width:140px; text-align:center; position:relative; margin-top:65px;}
.shiji{ position:absolute; width:100%; left:0; top:-20px; display:none;}
.shiji h2{ height:80px; line-height:80px; color:#fff; font-size: 16px; font-weight:bold; background:url(../images/ico11.png) no-repeat center top; margin-bottom:8px;}
.shiji p{ line-height:18px; color:#B70304;}
.sxglq_dd{
	margin:0;
	padding:10px 0 0 0;
	}
.sxglq_dd_jianjie{
	background:#f5f5f5;
	color:#606060;
	font-family:"微软雅黑";
	line-height:26px;
	padding:6px 0 5px 20px;
	}
.sxglq_dd_jianjie a{
	color:#B70304;
	font-size:13px;
	font-weight:bold;
	margin:0 5px;
	}
.sxglq_dd h2{
	border-bottom:dotted 1px #dfdfdf;
	color:#B70304;
	font-family:"微软雅黑";
	font-size:22px;
	font-weight:normal;
	margin:0;
	padding:15px 0 15px 15px;
	}
.sxglq_list_dt{
	background:#B70304;
	height:32px;
	margin:10px 0 0 0;
	}
.sxglq_list_dt div{
	color:#fff;
	font-family:"微软雅黑";
	font-size:16px;
	line-height:32px;
	text-align:center;
	}
.sxglq_xh{
	float:left;
	width:114px;
	}
.sxglq_gg{
	float:left;
	width:400px;
	}
.sxglq_jg{
	float:left;
	width:190px;
	}
.sxglq_dg{
	float:left;
	width:420px;
	text-align: right;
	}
.sxglq_dd_list_dd{
	background:url(../images/sxglq_li.jpg) top left;
	margin:0;
	padding:0;
	}
.sxglq_dd_list_dd ul{
	list-style-type:none;
	margin:0;
	padding:0;
	}
.sxglq_dd_list_dd li{
	height:40px;
	_height:38px;
	margin:0!important;
	overflow:hidden;
	padding:0;
	}
.sxglq_dd_list_dd li:hover{
	background:#e0e0e0;
	height:40px;
	_height:38px;
	overflow:hidden;
	}
.sxglq_dd_list_dd li div{
	font-family:"微软雅黑";
	line-height:40px;
	text-align:center;
	}
.sxglq_dd_list_dd li .sxglq_xh{
	color:#B70304;
	font-size:16px;
	font-weight:bold;
	}
.sxglq_dd_list_dd li .sxglq_xh b{
	color:#B70304;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0 3px 0 0;
	}
.sxglq_dd_list_dd li .sxglq_xh a{
	color:#B70304;
	}
.sxglq_dd_list_dd li .sxglq_xh a:hover{
	color:#B70304;
	text-decoration:none;
	}
.sxglq_dd_list_dd li .sxglq_gg{
	color:#5b5b5b;
	font-size:14px;
	}
.sxglq_dd_list_dd li .sxglq_gg b{
	color:#B70304;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0 5px;
	}
.sxglq_dd_list_dd li .sxglq_gg strong{
	color:#888888;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0 5px;
	}
.sxglq_dd_list_dd li .sxglq_jg{
	color:#5b5b5b;
	font-size:14px;
	}
.sxglq_dd_list_dd li .sxglq_jg b{
	color:#B70304;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0 5px;
	}
.sxglq_dd_list_dd li .sxglq_dg{
	color:#5b5b5b;
	font-size:14px;
	_padding-top:10px;
	}
.comPopVideo {
    cursor: pointer;
    width: 53px;
    height: 72px;
    z-index: 1100;
    background: url(../images/video.png) no-repeat;
    right: 0;
    margin-bottom: 4px;
}
.popVideoComFix{position:fixed;  background:#000; opacity:.8;filter:alpha(opacity=80);   left:0;top:0; width:100%;  height:100%; z-index:4990;}
.popVideoCom{ position:fixed; left:50%; top:50%; margin:-200px 0 0 -300px; width:620px; height:460px; z-index:5000; border:10px solid #111; background:#000; border-radius:3px;}
/*gotop*/
.cbbfixed {position: fixed;right: 6px;transition: bottom ease .3s;top: 55%;z-index: 3;cursor:pointer;}
.cbbfixed .cbbtn {width: 53px;height: 54px;display: block;}
.cbbfixed .gotop {transition: background-color ease .3s;margin-top: 1px;}
.cbbfixed .gotop .up-icon{float:left;margin:14px 9px 0 0 ;width:53px;height:53px;background: url(../images/backtop.png);}
.cbbfixed .gotop:hover {}
.cbbfixed .weixin {}
.cbbfixed .weixin div {background: url(../images/erweima.png);width: 125px;height: 126px;position: absolute;left: -135px;top: -40px;opacity: 0;transform: scale(0);    -webkit-transform: scale(0);transform-origin: 100% 70%;-webkit-transform-origin: 100% 70%;transition: transform ease .3s,opacity ease .3s;-webkit-transition: all ease .3s;display:none\0;*display:none;}
.cbbfixed .weixin:hover div {display: block;transform: scale(1);-webkit-transform: scale(1);opacity: 1;*display:block;}
.cbbfixed .weixin .weixin-icon{float: left;margin:12px 11px 0 0 ;width:53px;height: 54px; background: url(../images/erweimas.png);}
.close{ font-size: 20px; color: #fff; text-align: right; margin-right: 10px; cursor:pointer;}
.logoss{ display: none; }
.about4{
	display: none;
}
.timeline{
		display: block;
	}
.pc_manyou{
	display: block;
}
.mob_manyou{
	display: none;
}


.left_contact{
	width: 50%;
	float: left;
}
.left_contact p{
	font-size:14px;
	color:#333;
}
.lianxi{
	width: 60%;
	float: left;
	line-height: 20px;
	margin-top: 30px;
}
.lianxi li{
	height: 30px;
}
.erwei{
	margin-top: 30px;
	width: 40%;
	float: right;
	text-align: left;
}
.icons{
	width: 15px;
	height: 20px;
	display: block;
	float: left;
	margin-right: 4px;
}
.icon_add{
	background: url(../images/icon_add.png) left center no-Repeat;
}
.icon_tel{
	background: url(../images/icon_tel.png) left center no-Repeat;
}
.icon_mob{
	background: url(../images/icon_mob.png) left center no-Repeat;
}
.btn-default{
	background-color: #A70202;
	width: 120px;
}
.right_contact{
	width: 50%;
	float: left;
	margin-bottom: 20px;
}
@media only screen and (max-width: 768px) { 
	#left-flyout-nav{
		z-index: 9999;
	}
	.the-nav ul.nav-flyout > li {
	    float: none;
	    display: block;
	    width: 270px;
	    height: 40px;
	}
	.dropdown {
	    height: 40px;
	}
	#jingdong, #jingdong a{
		background:none;
		height: 40px;
	}
	#tmall, #tmall a{
		background: none;
		height: 40px;
	}
	.xiangzuo{
		content: '';
	    position: absolute;
	    left: 45%;
	    top: 20px;
	    width: 0;
	    height: 0;
	    border-top: 7px solid transparent;
	    border-bottom: 7px solid transparent;
	    border-left: 7px solid #ee4d4d;
	}
	.pc_manyou{
		display: none;
	}
	.mob_manyou{
		display: block;
	}
	.five_server {
	    width: 100%;
	    background: none;
	    background-position: 50% 0;
	    width: 100%;
	    height: auto;
	}
	.timeline{
		display: none;
	}
	.about4{
		display: block;
	}

	.about4{width:100%;margin:20px auto 20px auto;}
	.about4_ch{font-size:18px;color:#d80017;margin-bottom:10px; margin-left: 20px; font-family: "微软雅黑"; font-weight: bold;}
	.about4_main{position:relative;padding-left:20px;overflow:hidden;}
	.line{width:1px;height:100%;background-color:#999;position:absolute;left:20.7%;z-index:11; margin-top: 30px;}
	.about4_main ul{ z-index: 12; position: relative; }
	.about4_main ul li{font-size:14px;color:#333333;line-height:30px;margin-bottom:10px;z-index: 1; clear: both;}
	.about4_main ul li .year{ display:block; float: left; width: 15%; color: #999; font-size: 11px; text-align: center; }
	.about4_main ul li .ming{ display:block; float: left; width: 75%; text-align: left; }
	.about4_main ul li .dian{ width: 15px; height: 15px; margin-top: 7px; margin-right: 7px; background:#fff; border:2px #B70304 solid; border-radius: 50%; display: block; float: left;}
	.about4_main ul li:last-child{margin-bottom:0px; text-align: center;}
	.logoss{ display: block; }
	.head_main{
		width: 100%;
	}
	.head_main .logo{
		width: 20%;
	}
	.head_main .logo img{
		width: 100%;
		height: auto;
	}
	.head_main .nav{
		width: 80%;
	}
	.banner {
      height: 100px;
      z-index: 1;
  }
  .banner .ban_c img{
    width: 100%;
     left: 0; 
     margin-left: 0px; 
  }
  .biaoti{
    width: 100%;
  }
  .three_main{
    width: 100%;
  }
  .three_main_list{
    width: 92%;
    margin: 2% 4%;
  }
  .three_main_list img{
  	max-width: 100%
  }
  .midden_banner_main{
    width: 100%;
  }
  .timeline{
    width: 100%;
  }
  .about{
    width: 100%;
  }
  .project-screen-bg{
    width: 100%;
  }
  .project-screen{
    width: 100%;
  }
  .project-screen .project-detail{
    width: 75%;
    height: 174px;
    margin: 10px auto 0;
    z-index: 1;
    background-color: #333;
  }
  .project-screen .project-detail img{
    height: 200px;
  }
  .project-screen .screen-frame{
    width: 100%;
    background-size: 100%;
  }
  .project-carousel {
    position: relative;
    padding: 10px 0;
     margin-top: 80px; 
  }
  .img_infor{
    display: none;
  }
  .foot .w1130{
    width: 100%;
  }
  .foot .w1130 .fl{
  	padding-top: 30px;
    width: 70%;
  }
  .foot .w1130 .fl a{
  	color: #fff;
  }
  .foot .w1130 .fr{
  	padding-top: 30px;
    width: 30%;
  }
  .three_div .w1130{
  	width: 100%;
  }
  .three_div .w1130 img{
  	max-width: 100%;
  }
  .sxglq_xh{
  	width: 13%;
  }
  .sxglq_gg,
  .sxglq_jg,
  .sxglq_dg{
  	width: 27%;
  }
  .sxglq_dd_list_dd li{
  	height: auto;
  	padding: 0 10px;
  }
  .sxglq_dd_list_dd li div{
  	line-height: 20px;
  }
  .sxglq_dd_list_dd li:hover{
	background:#e0e0e0;
	height:auto;
	_height:auto;
	overflow:hidden;
	}
  #jswbox{
  	width: 100%;
  }
  .baguetteBoxOne{
  	width: 100%;
  }
  .gallery a {
	    width: 47%;		
	    float: left;
	    height: 180px;
	    display: inline-block;
	    overflow: hidden;
	    margin: 4px 6px;
	    box-shadow: 0 0 4px -1px #000;
	}
	.course_nr {		
	    height: auto;
	    margin-top: 15px;
	    background: url(../images/ico9.gif) repeat-x center;
	}
	.cbbfixed {
	    position: fixed;
	    right: 6px;
	    transition: bottom ease .3s;
	    top: 75%;
	    z-index: 3;
	    cursor: pointer;
	}		
	.left_contact{
		width: 90%;
		padding: 0 5%
	}
	.right_contact{
		width: 90%;
		padding: 0 5%
	}
	.the-nav ul.nav-flyout li a{
		font-size: 1.5em;
	}





}