@charset "utf-8";
* ,html, body, form, dl, dt, dd, ul, ol, li, th, td, span, strong, em, a, input, textarea, select,img{padding:0;margin:0;border:none;}
a:link,a:visited ,a:hover ,a:active {text-decoration: none;}
ul, ol {list-style: none outside none;}
body{padding:0;margin:0;overflow-x:hidden; font-family: "黑体";}
.clear{clear:both;}

.wrap{ margin:0 auto; width:100%; height:auto;position:relative;}
.main{ width:1200px; margin:0 auto; height:auto; }



/*top*/
.top{
	height: 47px;
	background: url(../images/bj.jpg) no-repeat center center;
}
.top p{
	float: left;
	color: #fff;
	font-size: 14px;
	line-height: 47px;
}
.top-r{
	float: right;
}
.top-r span{
	float: left;
	line-height: 47px;
	color: #fff;
	font-size: 14px;
}
.top-r span a{color: #fff;margin: 0 8px;}
.ewm{
	float: left;
	margin-left: 10px;
	position: relative;
}
.ewm strong{
	padding-bottom: 14px;
	color: #fff;
	line-height: 47px;
	font-size: 14px;
	font-weight: normal;
	cursor: pointer;
}
.ewm strong:hover{
	background: url(../images/tu.png) no-repeat center bottom;
}
.ycq{
	display:none;
	padding: 10px 0;
	height: 120px;
	background: #fff;
	-moz-box-shadow:1px 2px 4px #999;              
    -webkit-box-shadow:1px 2px 4px #999;           
    box-shadow:1px 2px 4px #999;  
    position: absolute;
    width: 372px;
    left: 50%;
    margin-left: -186px;
}
.ewm:hover .ycq{display: block;}



.sjb {
	z-index:999;display: none;   
    background: #fff;
    -moz-box-shadow: 1px 2px 4px #999;
    -webkit-box-shadow: 1px 2px 4px #999;
    box-shadow: 1px 2px 4px #999;
    position: absolute;
    width: 100px;
    left: 50%;
      top: 48px;
    margin-left: 140px;
}

.ycq p{
	display: block;
	width: 104px;
	text-align: center;
	font-size: 12px;
	color: #333;
	margin: 0 10px;
	line-height: 20px;
}
.ycq img{
	width: 104px;
	height: 104px;
}
.oa{
	display: block;
	width: 79px;
	height: 29px;
	line-height: 29px;
	margin: 10px 10px 0;
	float: left;
	font-size: 14px;
	color: #626262;
	text-align: center;
	background: url(../images/tu1.png) no-repeat center center;
}

.search{
	width: 227px;
	height:29px;
	float: right;
	background: url(../images/bj1.png) no-repeat 0 center;
	margin-top: 10px;
}
.tex {
    width: 175px;
    float: left;
    height: 24px;
    line-height: 24px;
    margin: 2px 8px 0;
    font-size: 12px;
}
.sub {
    float: right;
    width: 36px;
    background: none;
    height: 29px;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    text-align: center;
    border: 0;
}
/*top--end*/
/*h_r*/
.h_r{
	height: 106px;
}
.logo{
	height: 63px;
	margin-top: 22px;
	float: left;
}
/*nav*/
.nav {
	float: right;
	height:37px;
	margin-top: 35px;
	line-height:37px; 
	font-family:"黑体"; 
}
.nav ul li {
	float:left; 
	position:relative; 
}
.nav ul li a, .nav ul li a:visited {
	display:block; 
	text-align:center; 
	width:122px; 
	height:47px; 
	font-size:16px;
	color:#000; 
	line-height:37px; 
}
.nav ul li ul {display: none;}
.nav ul li:hover a {color:#db020b;}
.nav ul li a.on {color:#db020b;}
.nav ul li:hover ul {
	display:block; 
	position:absolute; 
	top:47px; left:0; 
	width:122px; z-index:99;
	border:1px solid #d9d9d9;
}
.nav ul li:hover ul li a {
	display:block; 
	background:rgba(255,255,255,0.8); 
	color:#000; 
	font-size: 14px;
	height: 35px;
	line-height: 35px;
}
.nav ul li:hover ul li a:hover {background:#4e86c8; color:#fff;}




/*h_r--end*/


/*banner*/
.DB_tab25 {
	width:100%;
	height:572px;
	position:relative;
	overflow:hidden;
	cursor:pointer;
}
.DB_tab25 .DB_bgSet{
	position:relative;
}
.DB_tab25 .DB_bgSet li{
	position:absolute;
	width:100%;
	height:572px;
	display:none;
}
.DB_tab25 .DB_imgSet{
	position:absolute;
	width:1200px;left:50%;
	margin-left:-600px;
}
.DB_tab25 .DB_imgSet .DB_1_1{position:absolute;left:0px;top:100px;}
.DB_tab25 .DB_imgSet .DB_1_2{position:absolute;left:0px;top:220px;}
.DB_tab25 .DB_imgSet .DB_1_3{position:absolute;left:130px;top:160px;}
.DB_tab25 .DB_imgSet .DB_1_4{position:absolute;left:770px;top:55px}
.DB_tab25 .DB_imgSet .DB_2_1{position:absolute;left:0px;top:100px;}
.DB_tab25 .DB_imgSet .DB_2_2{position:absolute;left:750px;top:200px;}
.DB_tab25 .DB_imgSet .DB_2_3{position:absolute;left:730px;top:180px;}
.DB_tab25 .DB_imgSet .DB_3_1{position:absolute;left:0px;top:90px;}
.DB_tab25 .DB_imgSet .DB_3_2{position:absolute;left:750px;top:90px;}
.DB_tab25 .DB_imgSet .DB_3_3{position:absolute;left:730px;top:180px;}
.DB_tab25 .DB_imgSet .DB_4_1{position:absolute;left:0px;top:60px;}
.DB_tab25 .DB_imgSet .DB_6_1{position:absolute;left:0px;top:60px;}
.DB_tab25 .DB_imgSet .DB_6_3{position:absolute;left:830px;top:310px;}
.DB_tab25 .DB_imgSet .DB_5_1{position:absolute;left:0px;top:60px;}
.DB_tab25 .DB_imgSet .DB_5_3{position:absolute;left:830px;top:310px;}


.DB_tab25 .DB_menuWrap{
	position:absolute;
	width:1100px;
	height: 100%;
	left:50%;
	margin-left:-550px;
}
.DB_tab25 .DB_menuWrap .DB_menuSet{
	position:absolute;
	width:100%;
	bottom:26px;
	text-align:center;
	font-size:0; 
	border-radius:20px;
}
.DB_tab25 .DB_menuWrap .DB_menuSet li{cursor:pointer;margin:0 3px;display:inline}
.DB_tab25 .DB_prev{
	position:absolute;
	left:-150px;
	top:50%;
	margin-top: -28px;
	cursor:pointer;
	display:none;
}
.DB_tab25 .DB_next{
	position:absolute;
	right:-165px;
	top:50%;
	margin-top: -28px;
	cursor:pointer;
	display:none;
}
/*banner--end*/


.cont{
	width: 1200px;
	margin: 40px auto;
}
.title{
	height: 40px;
	line-height: 40px;
	margin-bottom: 10px;
}
.title p{
	float: left;
	font-size: 20px;
	color: #333;
	font-weight: bold;
}
.title p span{ color: #d2240c;}
.title p strong{ 
	color: #767677; 
	font-size: 12px; 
	margin-left: 10px;
	text-transform : uppercase;
}
.title a{
	float: right;
	display: block;
	width: 40px;
	height: 40px;
	background: url(../images/tu2.png) no-repeat right center;
}
.title a:hover{
	background: url(../images/tu3.png) no-repeat right center;
}

/*box*/
.box{
	width: 343px;
	float: left;
	overflow: hidden;
	height: 415px;
}
/*图文切换*/
.focusBox { 
	position: relative; 
	width: 343px; 
	height: 303px; 
	overflow: hidden; 
	font: 12px/1.5 Verdana, Geneva, sans-serif; 
	text-align: left; 
	float: left;
	margin-bottom: 8px;
}
.focusBox .picg img { 
	width: 343px; 
	height: 264px;   
	display: block; 
}
.focusBox .txt-bg {
	 bottom: 0; 
	 z-index: 1; 
	 height: 40px; 
	 width:100%; 
	 background:#254063;
	 overflow: hidden; 
}
.focusBox .txt { 
	bottom: 0; 
	z-index: 2; 
	height: 40px; 
	width:100%; 
	overflow: hidden; 
}
.focusBox .txt li{ 
	height:40px; 
	line-height:40px; 
	position:absolute; 
	bottom:-40px;
}
.focusBox .txt li a{ 
	display: block; 
	color: white; 
	padding: 0 0 0 10px; 
	font-size: 12px; 
	font-weight: bold; 
	text-decoration: none; 
}
.focusBox .num { position: absolute; z-index: 3; bottom:50px; right: 8px; }
.focusBox .num li{ 
	float: left; 
	position: relative; 
	width: 20px; 
	height: 17px; 
	line-height: 17px; 
	overflow: hidden; text-align: center; margin-right: 8px; cursor: pointer; }
.focusBox .num li a,.focusBox .num li span { 
	position: absolute; 
	z-index: 2; 
	display: block; 
	color: white; 
	width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
.focusBox .num li span { 
	z-index: 1; background:#4e4e4e; 
	-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
.focusBox .num li.on a,.focusBox .num a:hover{ 
	background:#d43f42;
	-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
	 }
/*图文切换--end*/

.b_ls{clear: both;}
.b_ls li{
	height: 28px;
	line-height: 28px;
	padding-left: 15px;
	font-size: 14px;
	background: url(../images/bj2.jpg) no-repeat 0 center;
}
.b_ls li a p{
	float: left;
	color: #000;
}
.b_ls li a:hover p{
	color: #bb0004;
}
.b_ls li a span{color: #666;float: right;}

/*box--end*/

/*box1*/
.box1{
	float: left;
	width: 467px;
	margin: 0 20px;
}
.b1_nr{
	border-top: 3px solid #5279ac;
	background: #fff;
	height:361px;
}
.ba{
	padding: 15px;
	height: 185px;
	overflow: hidden;
	border-bottom: 1px dashed #b1b1b1;
}
.ba a{
	font-size: 14px;
	color: #00357a;
}
.ba a:hover{color: #bb0004;}
.ba-nr{
	float: left;
	width: 270px;
}
.ba-nr a h3{
	font-size: 18px;
	margin-bottom: 5px;
}
.ba a p{line-height: 25px;color: #666;}
.ba-img{
	width: 161px;
	float: right;
	margin-top: 35px;
	overflow: hidden;
	text-align: center;
}
.ba-img img{max-width: 100%;}
.bb{
	padding: 15px;
	padding-right: 10px;
}
.bb h3{
	color: #00357a;
	font-size: 16px;
	margin-bottom: 10px;
}
.bb a{
	display: block;
	background: #f4f4f4;
	width: 138px;
	height: 33px;
	text-align: center;
	line-height: 33px;
	margin-right: 8px;
	margin-bottom: 8px;
	float: left;
	font-size: 14px;
	color: #000;
}
.bb a:hover{
	color: #fff;
	background: #254063;
}
.bb a i{
	display: block;
	width:33px ;
	height: 33px;
	margin: 0 auto;
	background: url(../images/tu4.png) no-repeat center center;
}
.bb a:hover i{background: url(../images/tu5.png) no-repeat center center;}


/*box1--end*/

/*box2*/
.box2{
	float: right;
	width: 347px;
}
.ryzz{
	background: #fff;
    padding: 15px 0;
    line-height: 25px;
    font-size: 16px;
    height: 146px;
    color: #666;
  width: 385px;
}
.ryzz h3{
	font-size: 16px;
	color: #00357a;
	margin-bottom: 10px;
}
.ryzz a{
	display: block;
	width: 157px;
	float: left;
	padding:0 5px ;
	margin-right:10px;
	text-align: center;
	border:1px solid #e2e2e2;
}
.ryzz img{
	height: 114px;
}

.lm{float: left;}
.zj{float: right;}


/*box2--end*/



/*f_t*/
.f_t{
	background: #454545;
	height: 62px;
	font-size: 14px;
	color: #fff;
	line-height: 62px;
}
.f_t p{float: left;}
.f_t span{float:right;}

/*f_t--end*/


.sub-bt{
	height: 45px;
	margin: 10px 0 20px;
	border-bottom: 3px solid #e2e2e2;
}
.sub-bt-l{
	height: 45px;
	float: left;
	color: #2f2e2c;
	font-size: 30px;
	font-weight: bold;
	border-bottom: 3px solid #cd0004;
}
.sub-bt-l span{
	color: #d6d6d6;
	font-size: 22px;
	margin: 0 15px;
	text-transform : uppercase;
}
.lj{
	padding-left: 15px;
	float: right;
	line-height: 45px;
	font-size: 14px;
	color: #666;
	background: url(../images/tu8.png) no-repeat 0 center;
}
.lj a{color: #666;}
.lj a:hover{color: #cd0004;}




.project_list {
	padding-top: 14px;
	width: 1250px;
	height:267px;
	margin-bottom: 18px;
}

.project_list li {
	position: relative;
	float: left;
	overflow: hidden;
	margin-right:12px;
	width: 230px;
	height: 267px;
	text-align: center
}

.project_list li a {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	overflow: hidden;
	width: 100%;
	padding-top: 60px;
	height: 207px;
	color: #fff;
	text-align: center;
	font-weight: 700;
	font-size: 24px;
	line-height: 75pt;
	line-height: 99999px
}

.project_list li a:hover {
	background: url(../images/bj3.png) no-repeat;
	line-height: 75pt;
}



.hz{
	width: 707px;
	float: left;
	margin-bottom: 30px;
}
.hz span{
	color: #000;
	font-size: 18px;
	line-height: 40px;
}
.hz_nr{
	border:1px solid #d0d0d0;
	padding:15px;
	height: 263px;
}
.hz_nr-l{
	float: left;
	width: 440px;
}
.hz_nr-l h3{
	color: #cd0004;
	font-size: 24px;
	margin-bottom: 10px;
}
.hz_nr-l p{
	font-size: 14px;
	line-height: 32px;
	color: #666;
	margin-bottom: 8px;
}
.hz_nr-l a{color: #cd0004; font-size: 14px;}
.hz_nr-l a:hover{text-decoration: underline;}
.hz_nr-r{
	float: right;
	width: 200px;
	margin-top: 30px;
	height: 220px;
	text-align: center;
}
.hz_nr-r img{max-width: 100%;}


.hza{
	float: right;
	width: 469px;
}
.hza span{
	    color: #000;
    font-size: 18px;
    line-height: 40px;
}

#wrap_slide{
	width:400px;
	height:240px;
	position:relative;
	margin:0 auto;
}
.slide_box ul{
	border-bottom:2px solid #A8CF36;
	padding:5px 0 15px 2px;
	height:10px;
}
.slide_box li{float:left;text-align:center;color:#555555;margin-right:1px;padding:0 1px;}
.slide_box li a{text-decoration:none;padding:0 1px;color:#555555;}
.slide_box li a.current{background-color:#AACF34;color:#fff;}
.slide_box li:hover{background-color:#AACF34;padding:0 1px;color:#ffffff;}

/* banner */
#owl-demo{position:relative;width:304px;height:240px;margin:0px auto 10px;}
#owl-demo .item{ position:relative;display:block;}
#owl-demo img{display:block;width:304px;height:240px;}

.owl-pagination{position:absolute;left:0;bottom:10px;width:100%;height:22px;text-align:center;}
.owl-page{display:inline-block;width:10px;height:10px;margin:0 5px;background-image:url(images/bg15.png);*display:inline;*zoom:1;}
.owl-pagination .active{width:25px;background-image:url(images/bg16.png);}
.owl-buttons{display:block;}
.owl-buttons div{
	position:absolute;
	top:50%;
	width:27px;
	height:27px;
	margin-top:-16px;
	text-indent:-9999px;
}
.owl-prev{left:-60px;background-image:url(../images/sprite.jpg);}
.owl-next{right:-60px;background-image:url(../images/sprite2.jpg);}
.owl-prev:hover{background-image:url(../images/sprite1.jpg);}
.owl-next:hover{background-image:url(../images/sprite3.jpg);}
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

.hza-a{
	float: right;
	margin-right: 10px;
	font-size: 14px;
	color: #cd0004;
}
.hza-a:hover{text-decoration: underline;}



/**tabs**/
.ls{height:40px;border:1px solid #d0d0d0;}
.ls li{
	float:left;
	border-right:1px solid #d0d0d0;
	font-size:18px;
	height:40px;
	line-height:40px;
	width:165px;
	text-align:center;
	cursor:pointer;
}
.tabPane .hit{
	cursor:pointer;
	color: #fff;
	background: #016eb3;
}
.pane{
	height:400px;
	display:none;
}

/*图片滚动*/
.gdtw{width:100%;margin:0px auto; }
.gdtw ul{padding:5px}
.gdtw ul li{
	list-style-image: none;
	list-style-type: none;
	float:left;
	margin:20px 0;
	width:282px;
	height:275px;
}
.gd_pic{
	display:block;
	width:282px;
	height:215px;
	overflow:hidden; 
	margin-bottom: 10px;
}

.gdtw ul li a{ 
	display:block; 
	width:100%; 
	height:100%;
	color:#5f5f5f; 
	font-size:14px; 
}
.gdtw ul li a:hover{ color: #cd0004;}
/*图片滚动--end*/


.sequence-theme {
	height: 245px;
	 background: url(../images/ban-bj1.jpg) no-repeat center center;
 
}

#sequence {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  width: 100%;
  color: white;
  font-size: 0.625em;
  margin: 0 auto;
  position: relative;
  height: 245px;
}
#sequence > .sequence-canvas {
  height: 245px;
  width: 1200px;
  margin: 0 auto;
}
#sequence > .sequence-canvas > li {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  top: -41%;
}
#sequence > .sequence-canvas > li img {
  height: 96%;
}
/*#sequence > .sequence-canvas li > * {
  position: absolute;
   only cause the left and opacity properties to transition 
  -webkit-transition-property: right, opacity;
  -moz-transition-property: left, opacity;
  -ms-transition-property: left, opacity;
  -o-transition-property: left, opacity;
  transition-property: right, opacity;
}
*/


.sequence-pause {
  bottom: 0;
  cursor: pointer;
  position: absolute;
  z-index: 1000;
}

.sequence-paused {
  opacity: 0.3;
}

.sequence-prev {
  left: 3%;
}

.sequence-next {
  right: 3%;
}

.sequence-prev img,
.sequence-next img {
  height: 100%;
  width: auto;
}

#sequence-preloader {
  background: #d9d9d9;
}

.sequence-pagination {
  bottom: 7%;
  display: none;
  right: 6%;
  position: absolute;
  z-index: 10;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
   -webkit-transition-property: right, opacity;
  -moz-transition-property:  right, opacity;
  -ms-transition-property:  right, opacity;
  -o-transition-property:  right, opacity;
  transition-property: right, opacity;
}
.sequence-pagination li {
  display: inline-block;
  *display: inline;
  /* Hack for IE7 and below as they don't support inline-block */
  height: 140px;
}
.sequence-pagination li img {
  cursor: pointer;
  opacity: 0.5;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-property: margin-bottom, opacity;
  -moz-transition-property: margin-bottom, opacity;
  -ms-transition-property: margin-bottom, opacity;
  -o-transition-property: margin-bottom, opacity;
  transition-property: margin-bottom, opacity;
}
.sequence-pagination li img:hover {
  margin-bottom: 4px;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sequence-pagination li.current img {
  opacity: 1;
}

.sequence-canvas h2 {
  color: white;
  font-family: "Sirin Stencil", serif;
  font-weight: bold;
  text-transform: uppercase;
}

.sequence-next,
.sequence-prev {
  position: absolute;
  opacity: 0.6;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}

.sequence-next:hover,
.sequence-prev:hover {
  opacity: 1;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}

.t-le {
  font-size: 3.4em;
  left: 15%;
  width: 35%;
  opacity: 0;
  bottom: 0;
  z-index: 50;
}

.animate-in .t-le {
  left: 0;
  opacity: 1;
  position:absolute;
  -webkit-transition-duration: 1.8s;
  -moz-transition-duration: 1.8s;
  -ms-transition-duration: 1.8s;
  -o-transition-duration: 1.8s;
  transition-duration: 1.8s;
   -webkit-transition-property: left, opacity;
  -moz-transition-property:  left, opacity;
  -ms-transition-property:  left, opacity;
  -o-transition-property:  left, opacity;
  transition-property: left, opacity;
}

.animate-out .t-le {
  left: 35%;
  opacity: 0;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

.subtitle {
  color: black;
  font-size: 2em;
  left: 35%;
  width: 35%;
  opacity: 0;
  top: 101%;
}


.model {
  left: 30%;
  bottom: -43%;
  opacity: 0;
  position: relative;
  height: auto !important;
  width: 30%;
  width:612px;
}

.animate-in .model {
  left: 32%;
  opacity: 1;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}

.animate-out .model {
  left: 15%;
  opacity: 0;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

@media only screen and (min-width: 992px) {
  #sequence .t-le {
    width: 42%;
  }
}
@media only screen and (max-width: 838px) {
  #sequence {
    height: 550px;
  }
  #sequence .model {
    max-height: 530px !important;
    width: auto;
  }
}
@media only screen and (max-width: 768px) {
  #sequence {
    height: 500px;
  }
  #sequence .t-le {
    font-size: 2.8em;
  }
  #sequence .subtitle {
    font-size: 1.6em;
  }
  #sequence .sequence-next,
  #sequence .sequence-prev {
    height: 60px;
    margin-top: -40px;
  }
  #sequence .model {
    max-height: 480px !important;
    width: auto;
  }
}
@media only screen and (max-width: 568px) {
  #sequence .model {
    left: 50%;
    min-width: 40%;
    /*prevents the model from shrinking when the browser is resized*/
    width: 40%;
  }
  #sequence .animate-in .model {
    left: 50%;
    margin-left: -20%;
  }
  #sequence .animate-out .model {
    left: 50%;
    margin-left: -20%;
  }
 
  #sequence .animate-in .t-le {
    left: 0%;
  }
  #sequence .animate-out .t-le {
    left: -100%;
  }
  #sequence .subtitle {
    visibility: hidden;
  }
  #sequence .sequence-pagination {
    bottom: 40px;
  }
  #sequence .sequence-pagination li img {
    height: 100px;
  }
}
@media only screen and (max-width: 518px) {
  #sequence {
    height: 450px;
  }
}
@media only screen and (max-width: 468px) {
  #sequence {
    height: 415px;
  }
  #sequence .sequence-pagination {
    opacity: 0;
    visibility: hidden;
  }
}
@media only screen and (max-width: 418px) {
  #sequence {
    height: 375px;
  }
}
@media only screen and (max-width: 368px) {
  #sequence {
    height: 325px;
  }
  #sequence .t-le {
    font-size: 2.2em;
  }
}
@media only screen and (max-width: 320px) and (orientation: portrait) {
  /*iphone portrait*/
  #sequence {
    height: 320px;
  }
  #sequence .model {
    min-width: 45%;
    width: 45%;
  }
  #sequence .animate-in .model {
    margin-left: -22.5%;
  }
  #sequence .animate-out .model {
    margin-left: -22.5%;
  }
}
@media only screen and (min-width: 321px) and (max-width: 480px) and (orientation: landscape) {
  #sequence {
    height: 260px;
  }
  #sequence .model {
    min-width: 24%;
    width: 24%;
  }
  #sequence .animate-in .model {
    left: 17.5%;
    margin-left: 0;
  }
  #sequence .animate-out .model {
    left: 17.5%;
    margin-left: 0;
  }
  #sequence .sequence-pagination {
    right: 17.5%;
  }
}



.mm{
	background: #f5f5f5;
	border-bottom: 3px solid #214165;
	margin-bottom: 20px;
}

/*left*/
.left{
	float: left;
	width: 230px;
}
.list{
	width : 230px;
	margin-bottom: 50px;
}
.list ul{
	list-style: none;
}
.list>ul>li{
	width        : 100%;
	border-bottom: 1px solid #fff;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-o-transition: .3s ease;
			transition: .3s ease;
}
.list>ul>li p[class=titlea]{
	width      : 100%;
	text-align : center;
	background : #f0f0f0;
	height     : 50px;
	line-height: 50px;
	padding    : 0;
	border     : none;
	position   : relative;
	font-size  : 16px;
	cursor: pointer;
}
.list>ul>li p[class=titlea]>span{
	position: absolute;
	right: 10%;
}
.list-se{
	overflow: hidden;
	display: none;
}
.list-se>p{
	background: #016eb3 !important;
	color     :#fff ;
}
.list-se>li{
	position: relative;
	right   : -100%;
	text-align: center;
	border-top: 1px solid #fff;
	-webkit-transition: right .5s;
	-moz-transition   : right .5s;
	-o-transition     : right .5s;
	transition        : right .5s;
}
.list-se>li>a{
	display: block;
	background  : #f0f0f0;
	color       : #666;
	height      : 35px;
	line-height: 35px;
	-webkit-box-sizing :border-box;
	        box-sizing :border-box;
	padding-left: 10px;
	border-left : 5px solid #f0f0f0;
	font-size: 13px;
	-webkit-transition   : border .5s; 
			 transition  : border .5s;
	-webkit-transition   : background .3s;
			 transition  : background .3s;
}
.list-se>li>a:hover{
	border-color: #016eb3; 
	color: #016eb3;
}

.titlea a{color: #000;}
.list>ul>li p[class=titlea]:hover{background: #016eb3;}
.list>ul>li p[class=titlea]:hover a{color: #fff;}

/*left-end*/

.right{
	float: right;
	border:1px solid #e1e1e1;
	width: 950px;
	min-height: 600px;
	_height:600px;
	margin-bottom: 40px;
}


/*产品展示*/
.cp_ls{
	margin:20px 12px 30px;
}
.cp_ls li{
	float: left;
	width: 282px;
	height: 260px;
	margin: 0 13px 15px;
}
.cp_ls li a{
	color: #000;
	font-size: 14px;
}
.cp_ls li a:hover{color: #ee3135;}


/*产品展示--end*/

/*fy*/
.fy{
	height: 50px;
	margin:0 20px;
	font-size: 14px;
	color: #5a5a5a;
	text-align: right;
}
.fy span{margin-right: 15px;}
.fy a{
	padding: 4px 15px;
	background: #e0e0e0;
	color: #000;
}
.fy a:hover{
	color: #fff;
	background: #ee3135;
}
.fy .qw{
	color: #fff;
	background: #ee3135;
}


/*fy--end*/

.xxal{
	padding: 20px;
}
.ey_bt {
    text-align: center;
    font-size: 24px;
    height: 50px;
    line-height: 50px;
    margin-bottom: 15px;
}
.sg_xx {
    line-height: 25px;
    font-size: 14px;
    margin-bottom: 30px;
    color: #666;
}
.sg_xx img{max-width: 100%;}

.paging{
	height: 35px;
	line-height: 35px;
	color: #303030;
	font-size: 14px;
	margin-bottom: 10px;
	background: #f8f8f8;
	padding: 0 10px;
}
.paging a{ color: #303030;}
.paging a:hover{ color: #016eb3;}

.er{
	width      : 100%;
	text-align : center;
	height     : 50px;
	line-height: 50px;
	padding    : 0;
	border     : none;
	position   : relative;
	font-size  : 16px;
	background: #016eb3 !important;
}
.er a{color: #fff !important;}


.mode2 {
  left:600px;
  bottom: -132%;
  opacity: 0;
  position: relative;
  height: auto !important;
  width:35%;
  text-align: right;
}

.animate-in .mode2 {
  bottom: -50%;
  opacity: 1;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
   -webkit-transition-property: bottom, opacity;
  -moz-transition-property:  bottom, opacity;
  -ms-transition-property:  bottom, opacity;
  -o-transition-property:  bottom, opacity;
  transition-property: bottom, opacity;

}

/*zuo*/
.zuo{
	width: 660px;
	float: left;
}
.zuo_l{
	font-size: 18px;
	height: 45px;
	line-height: 38px;
	border-bottom: 1px solid #d0d0d0;
	margin-bottom: 10px;
}
.about-us{
	height: 375px;
	margin-bottom: 20px;
	font-size: 14px;
	color: #666;
	line-height: 30px;
}
.about-us img{max-width: 100%;}
.about-us a{color: #cd0004;}
.about-us a:hover{text-decoration: underline;}

.zzkj{
	height: 365px;
	border: 1px solid #d0d0d0;
	margin-bottom: 20px;
	overflow: hidden;
}
.zzkj img{max-width: 100%;}

/*zuo--end*/
/*you*/
.you{
	float: right;
	width: 495px;
}
.pe{
	margin-bottom: 10px;

}
.ryzza{
	width: 505px;
}
.ryzza li{
	float: left;
	width: 240px;
	height: 164px;
	border:1px solid #cbcbcb;
	margin-bottom: 10px;
	margin-right: 10px;
}
.ryzza img{
	width: 240px;
	height: 164px;
}

/*you--end*/

.lsa{
	height:40px;
	line-height:40px;
	border-bottom:1px solid #aaa;
}
.lsa span{
	font-size:18px;
	cursor:pointer;
	color: #666;
}
.tabPanea .hit{
	cursor:pointer;
	color: #000;
}
.panea{
	display:none;
}

.gdtwa{width:100%;margin:0px auto; }
.gdtwa ul{padding:5px}
.gdtwa ul li{
	list-style-image: none;
	list-style-type: none;
	float:left;
	margin:20px 7px;
	width:290px;
	height:367px;
}

.gdtwa li .photo{width:289px;height:367px;overflow:hidden;}
.gdtwa .rsp{width:289px;height:367px;overflow:hidden;position: absolute;background:#000;top:0px;left:0px;}
.gdtwa .text{position:absolute;width:289px;height:367px;left:-289px;top:0px;overflow:hidden;}
.gdtwa .text h3{
	width:289px;margin-top:20px;height:50px;
	line-height:50px;text-align:center;color:#FFFFFF;
	font-size:20px;}
.gdtwa .text a{text-decoration:none}
.gdtwa .text div{
	color:#FFFFFF;
	font-size:14px;
	line-height: 25px;
	padding: 15px;
}





.history{
	margin-bottom: 40px;
	margin-top: 15px;
}
.history h5{
	font-size: 18px;
	font-weight: normal;
}
.history-nr{
	border:1px solid #d9d9d9;
	padding: 20px;
	margin-top: 15px;
}
.lsb{
	height:80px;
	padding: 0 20px;
	background: url(../images/bj4.jpg) repeat-x 0 12px;
}
.lsb li{
	float:left;
	font-size:18px;
	padding-top: 35px;
	height:29px;
	line-height:30px;
	width:86px;
	text-align:center;
	cursor:pointer;
	color: #666;
	background: url(../images/bj5.png) no-repeat center 0;
}
.tabPaneb .hit{
	cursor:pointer;
	color: #016eb3;
	background: url(../images/bj6.png) no-repeat center 0;
}
.paneb{
	display:none;
	line-height: 32px;
	font-size: 14px;
}

.lxwm{
	font-size: 14px;
	line-height: 32px;
	margin-bottom: 50px;
}
.lxwm h5{
	font-size: 18px;
	font-weight: normal;
	padding-bottom: 8px;
	border-bottom: 1px solid #d0d0d0;
	margin-bottom: 20px;
}

.zp{
	padding: 20px;
}
.table{
	font-size: 14px;
	background: #cfcfcf;
	margin:15px 0;
}
.table p{margin: 0 15px;}
.gznr{
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	padding: 15px 0;
	margin: 15px 0;
	font-size: 14px;
	line-height: 32px;
}
.zxns{
	width: 1250px;
	margin-bottom: 50px;
}
.zxns li{
	width: 395px;
	height: 425px;
	background: #ededed;
	float: left;
	margin-right: 8px;
}
.zxns li:hover{
	background: #016eb3;
	color: #fff;
}
.li_img img{
	width: 395px;
	height: 227px;
}
.li-nr{padding: 20px;}
.li-nr h3{font-size: 22px;margin-bottom: 8px;}
.li-nr span{
	font-size: 14px;
	text-transform : uppercase;
}
 .li-nr p{color: #5c5c5c; line-height: 24px; font-size: 14px;}
.zxns li:hover .li-nr p{color: #fff;}


.news{width: 1250px;}
.news li{
	width: 374px;
	float: left;
	margin-right: 39px;
	margin-bottom: 50px;
}
.hot-img{
	width: 374px;
	height: 190px;
	overflow: hidden;
}
.hot-img img{
	width: 374px;
	height: 190px;
}
.hot_nr{
	padding:15px;
	height: 160px;
	margin-bottom: 10px;
	background: #f8f8f8;
}
.hot_nr a h3{
	color: #cd0004;
	font-size: 17px;
	margin-bottom: 8px;
	font-weight: normal;
}
.hot_nr a:hover h3{text-decoration: underline;}
.hot_nr a p{
	color: #666;
	font-size: 14px;
	line-height: 25px;
	margin-bottom: 8px;
}
.hot_nr a span{
	color: #999;
	font-size: 12px;
}
.news dl{margin-bottom: 10px;}
.news dl dt{
	height: 35px;
	line-height: 35px;
	padding-left: 15px;
	background: url(../images/tb.jpg) no-repeat 0 center;
}
.news dl dt a{
	font-size: 15px;
	color: #000;
	float: left;
}
.news dl dt a:hover{color: #cd0004;}
.news dl dt span{
	float: right;
	color: #999;
	font-size: 12px;
}
.more{
	color: #cd0004;
	font-size: 14px;
}
.more:hover{text-decoration: underline;}

.hb_ls{
	border:1px solid #d0d0d0;
	margin-top: -10px;
	margin-bottom: 16px;
}
.hb_ls_a{
	padding: 15px;
	height: 121px;
}
.hb_ls_a a h3{
	    color: #cd0004;
    font-size: 17px;
    margin-bottom: 8px;
    font-weight: normal;
    padding-left: 15px;
    background: url(../images/tb.jpg) no-repeat 0 center;
}
.hb_ls_a a:hover h3{text-decoration: underline;}
.hb_ls_a a p {
    color: #666;
    font-size: 14px;
    line-height: 25px;
}
.news .hb_ls dl{margin-bottom: 0;}
.news .hb_ls dt{
	height: 43px;
	line-height: 43px;
	padding: 0 15px;
	background: #f8f8f8;
	border-top: 1px solid #fff;
}
.news .hb_ls dt a{
	padding-left: 18px;
	background: url(../images/tb.jpg) no-repeat 0 center;
}
.box6{
	margin-bottom: 30px;
}
.box6 li{ 
	margin:15px; 
	padding-bottom: 15px;
	border-bottom:1px solid #f3f3f3; 
	display:block; 
	height:130px;
}
.b17_img{ 
	width:172px; 
	height:122px;
	overflow: hidden;
	float:left;
	padding: 3px;
	border:1px solid #cacaca;
}
.b17_img img{
	width:172px; 
	height:122px;
}
.b6_r{ 
	height:130px;
	position: relative;
	float:right; 
	width:728px;
}
.box6 li a h4{ 
	display: block;
	font-size:18px;  
	color:#000; 
	margin-bottom:5px;
	margin-bottom: 8px; 
}
.box6 li a:hover h4{color:#009ce1;}
.b6_r p{ 
	font-size:14px;  
	color:#666; 
	line-height: 25px;
}
.b6_r span{ 
	position: absolute;
	left: 0;
	bottom: 10px;
	font-family:"黑体"; 
	font-size:14px; 
	color:#cd0004; 
}
.b6_r i{
	padding: 2px 8px;
	font-style: normal;
	background: #f4f4f4;
	color: #888;
	font-size: 12px;
	position: absolute;
	top: 0;
	right: 0;
}

/*cpxq*/
.cpxq{
	padding: 25px;
}

.xx_cp{
	color: #333;
	line-height: 25px;
	margin-bottom: 40px;
}
.xx_cp img{max-width: 100%;}
.as{
	height: 32px;
	border-bottom: 1px solid #d1d1d1;
	margin-bottom: 10px;
}
.as p{
	background: #db0011;
	width: 130px;
	margin:0 auto;
	text-align: center;
	font-size: 14px;
	display: block;
	height: 32px;
	line-height: 32px;
	color: #fff;
}
.t_e{
	border-bottom: 1px solid #d6d6d6;
	padding: 20px 0;
	text-align: center;
	margin-bottom: 20px;
}
.t_e h2{
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 20px;
}
.t_e p{
	color: #979595;
	font-size: 12px;
}
.t_e p span{ margin: 0 25px;}

.empty{
	line-height: 32px;
	font-size: 14px;
	padding: 20px;
}
.empty img{max-width: 100%;}

.demeanour{
	padding: 20px;
}
.demeanour li{
	/*height: 206px;*/
	overflow: hidden;
	margin-bottom: 20px;
}
.demeanour_img{
	float: left;
	width: 163px;
	height: 206px;
}
.demeanour_img img{
	width: 163px;
	height: 206px;
}
.dem_nn{
	float: right;
	width: 726px;
}
.dem_nn h3{
	font-size: 18px;
	margin:15px 0;
	color: #016eb3;
}
.dem_nn p{
	color: #666;
	font-size: 14px;
	line-height: 26px;
}










/*返回顶部*/
.izl-rmenu{position:fixed; left:60%; margin-left:532px; bottom:10px; padding-bottom:73px; background:url(../images/r_b.png) 0px bottom no-repeat; z-index:999; }
.izl-rmenu .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{
	background:url(../images/r_qq.png) 0px 0px no-repeat;
	 background-color:#6da9de;
}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu .btn-qq .qq{
	background-color:#6da9de;
	position:absolute; 
	width:204px; 
	left:-204px; 
	top:0px; 
	height:73px; color:#FFF; font-size:18px; text-align:center;
	display: none;
	 }
.izl-rmenu .btn-qq .qq a{
	float: left;
margin:11px 6px 0;
display: block;
width: 50px;
height: 40px;
background: url(../images/qq.png) no-repeat center center;
background-size: 30px;

line-height: 93px;
    font-size: 12px;
    color: #ffffff;
}	 
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}
/*.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}*/
.izl-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{
	background:url(../images/r_phone.png) 0px 0px no-repeat;
	 background-color:#6bc235;
}
.izl-rmenu .btn-phone:hover{background-color:#336a11;}
.izl-rmenu .btn-phone .phone{
	background-color:#ff811b; position:absolute;
	 width:160px; left:-160px; top:0px;
	  line-height:73px; color:#FFF; font-size:18px; 
	  text-align:center; display:none;
	}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}











/*返回顶部end*/