body{
height: auto;
  min-height: 100%;
  overflow-x: hidden;
  font: 14px/1.5 "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", Roboto, Arial, sans-serif;
  color: #222222;
  word-wrap: break-word;
  background-color: #fff;
  }


.met-index-body h2,.site-header #tophead .tophead-contact li i,.site-header #tophead .tophead-right i{color: #e02020;}
.met-nav .nav > li > a.active, .met-nav .dropdown.open > a,.met-nav .nav > li > a:hover,.met-nav .dropdown-menu,.dropdown-menu > li > a:hover{color: #fff !important;}
.stricky-fixed{border-bottom: 2px solid #e02020;}
.met-nav .dropdown-menu{background-color:#e9e7e0;}
.met-index-body .more:hover{background-color: #e02020;
    border-color: #e02020;}
.met-index-news ul.blocks-2 li a:hover{color: #e02020;}
.met_pager a.Ahover,.met_pager a.Ahover:hover{    border-color: #e02020; background: #e02020;}
#met-imgs-carousel .slick-dots li.slick-active{border-color: #e02020;}
.met-showproduct.pagetype2 nav.navbar .navbar-right li.active a{color: #e02020;}
.met-news-bar .recommend .list-group a:hover{color: #e02020;}
    
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
    color: #e02020;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{color: #e02020;}
@media (min-width: 768px){
	.navbar-default .navbar-nav>.active span i,.nav>li:hover span i{
		background-color:#e02020;
	}
}
.logo-tel-img,.logo-tel-num strong{color: #e02020;}
.nav>li:hover a{color: #e02020;}
.met-index-product .nav-tabs li.active a{background-color:#e02020;}

.met-foot-jion{background-color:#e02020;}
.met-banner-ny{background-color:#e02020;}
.met-column-nav .met-column-nav-ul > li a.link:hover, .met-column-nav .met-column-nav-ul > li a.link.active{color: #e02020;}

.btn-outline.btn-primary{color: #e02020;}
.btn-primary{background: #e02020;border-color: #e02020;}
.btn-primary:hover{background: #e02020;border-color: #e02020;}
.btn-outline.btn-primary.active, .btn-outline.btn-primary:active, .btn-outline.btn-primary:focus, .btn-outline.btn-primary:hover, .open>.dropdown-toggle.btn-outline.btn-primary{
    background: #e02020;border-color: #e02020;
}
.met-links a:hover{color: #e02020;}
.met-footnav h4 a:hover{color: #e02020;}
.about-info{
	background: #e02020;
}
.met-index-about [class*=blocks] li:hover .about-info h3{
	color: #e02020;
}

.met-nav .dropdown-menu > li + li{
	border-top: 1px solid rgba(255,255,255,0.5);
}
.met-index-about [class*=blocks] li .about-info:after{
	    background: #e02020;
}
.met-index-product #indexprolist h4 a:hover,.met-product.type-1 h4 a:hover{
	color: #e02020;
}
.met-news-bar ul.column li a.active,.met-news-bar ul.column li a:hover{
	color: #e02020;
}
.met-news ul.met-page-ajax li h4 a:hover{
	color: #e02020;
}
.form-control.focus, .form-control:focus{
	border-color: #e02020 !important;
}
.pager li>a:focus, .pager li>a:hover{
	border-color: #e02020;
	color: #e02020;
}
.btn-primary.focus, .btn-primary:focus, .btn-primary:hover{
	background: #e02020 !important;
	border-color: #e02020 !important;
	opacity: 0.9;
}
.site-header.position1 #tophead,.met-footnav, .met-links,footer{
	background: #171717;
}
.met-index-contact{
	background: #171717;
}
.met-index-contact .met-form .form-control, .met-index-contact .input-group-addon{
	border-bottom: 1px solid rgba(255,255,255,0.1);
}
.met-index-contact .met-form .form-control, .met-index-contact .input-group-addon,.met-index-contact{
	border-bottom: 1px solid rgba(255,255,255,0.1);
}
.met-links,.met-links a,footer,.met-links .breadcrumb > li + li:before{
	color:#ffffff;
}
.met-index-contact ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #ffffff;
}
.met-index-contact :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #ffffff;
}
.met-index-contact ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #ffffff;
}
.met-index-contact :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #ffffff;
}
.met-index-contact select{
	color: #ffffff;
}
.met-index-contact option{
	color:#666;
}
.site-header #tophead a,.site-header #tophead .tophead-right{
	color: #ffffff;
}

.site-header .position {
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 99;
}
.site-header.position1 #tophead {
  background: #222;
}
.site-header.position1 .met-nav {
  background: #fff;
}
.site-header.position1 .nav > li > a {
  color: #222 !important;
}
.site-header #tophead {
  padding: 6px 0;
  border-bottom: 1px solid rgba(181, 181, 181, 0.1);
  font-size: 14px;
}
.site-header #tophead ul {
  margin-bottom: 0;
}
.site-header #tophead a {
  color: #fff;
}
.site-header #tophead .tophead-contact {
  float: left;
}
.site-header #tophead .tophead-contact li {
  display: inline-block;
  margin-right: 10px;
}
.site-header #tophead .tophead-contact li i {
  color: #e7272d;
  padding-right: 10px;
}
.site-header #tophead .tophead-right {
  color: #fff;
  float: right;
}
.site-header #tophead .tophead-right i {
  color: #e7272d;
  padding-right: 10px;
}

.met-nav {
  background-color: #404040;
  min-height: 75px;
  margin-bottom: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  position: relative;
  z-index: 1601;
}

.container{width: 1200px;margin-top: 10px;}
.met-nav .row{ position: relative;}
.vertical-align-middle{vertical-align:middle}

.navbar-right{float:left!important;margin-right:30px;margin-left:100px}

.navbar-nav>li{float:left;width: 130px;height: 80px;margin-right:10px;}

.fuwurx{float: right;max-height: 50px;margin-top: 10px;text-align: center;color:#fff;width: 220px;height: 50px;line-height: 48px;font-size:28px;}
.fuwurx b{background: url(../images/icon1.png) 0 center no-repeat;}
.fuwurx p{font-size: 20px;}

.fooler{/* margin-top:10px; */background:#A0A0A0; width:100%; color:#fff;text-align:center;  margin:0 auto; padding-top:20px;}


.fooler a:hover{ color:#fff}
.fooler .hr{ display:block; clear:both; border-top:3px solid #fff; padding-top:10px; margin:30px 0 15px;}
.fooler dl{ margin:0 auto; width:1200px;}
.fooler dt,.fooler dd{ display:block;}

.fool{height:40px; margin:0 auto;}
.fool a{margin-left:30px;color:#fff;margin-right:30px;font-size:17px; }


.yqlj{ float:left; text-align:left}
.yqlj li{ display:block; line-height:18px;}
.yqlj li a{ color:#e0e0e0;}
.yqlj .fra{ margin-bottom:10px; font-size:16px; color:#fff!important; }
.yqlj .fra a{ color:#fff!important; font-size:16px;}

.flbot{padding-top:20px;height:184px;background:#e9e7e0}
.flbot a{ color:#222!important;}
.flbot img{}

.flbot2{float:left;margin-left:230px;}

.flbot3{text-align:left;margin-left:100px;width:720px;}
.flbot3 p{text-align:left;margin-left:80px;padding-top:10px;width:720px;}
.flbot3 a{text-align:left;margin-left:80px;padding-top:10px;width:720px;}

.flbot4{float:right;margin-right:270px; }

.met-banner2{margin-top:0;background:#fff;}

.met-banner2 img{margin-top:50px;margin-bottom:35px;}

.met-banner3{margin:0 auto; background:url(../images/lc_bg.jpg) left center no-repeat; height:450px;}
.met-banner3 img{margin-top:50px;margin-bottom:35px;}

.met-banner8{margin:0 auto; background:#07b5ce;height:500px;background: url(../images/ly_bg.jpg) left center no-repeat;}
.met-banner8 img{margin-top:50px;margin-bottom:35px;}

.met-banner4{margin:0 auto; width:1200px;height:400px;}
.met-banner9{margin:0 auto; width:100%;background:#f1f1f1;}

.met-banner5{margin:0 auto; width:1200px;background:#5b7886;}
.met-banner6{height:1094px;background: url(../images/ly_bg.jpg) left center no-repeat;}


.daohang {margin:0 auto;width:1225px;line-height:55px;font-size:20px;}
.daohang span{width:150px;margin-left:35px;margin-right:35px;color:#fff;}
.daohang span:hover{color:#404040;}

.leiji{
   color:#fff;
   width:412px;
	float:left;
	margin-left:82px;
	margin-top:10px;}

.leiji h3{font-size:27px;
	text-align:center;
	color:#fff;
	line-height:36px;
	font-weight:100;}

.foot_logo{float:left; width:225px;margin-top:50px;}

.fooder{width:100%;margin:0 auto;background:#404040;height:330px;}

.vertical{float:left; width:225px;margin-top:40px;}
.fooder-last{margin:0 auto;width:1200px;}

.foot_logo1{float:left; width:550px;}
.foot_logo2{float:left; margin-left:25px;margin-top:30px;}
.foot_logo3{float:left;color:#fff;width:230px;margin-left:60px;margin-top:45px;font-size:17px;text-align:left;}
.foot_logo3 img{float:left;width:30px;}
.foot_logo3 b{color:#fff;float:left;}
.foot_logo3 b p{float:left;color:#fff;font-size:28px;text-align:left;}
.foot_logo3 b p img{float:left;width:18px;margin-left:8px;}
.foot_logo4{float:left;color:#fff;width:230px;font-size:17px;text-align:left;}
.foot_logo4 img{float:left;width:18px;margin-left:8px;}

.foot_logo5 {float:left;text-align:left;color:#fff;margin-left:8px;font-size:18px;font-weight:650;}

.foot_logo6 {float:left;width:200px;}
.foot_logo6 img{float:left;margin-top:85px;}

.toolbar{}

.navbar-text{float:left!important;margin-right:30px;margin-left:20px;margin-top: 40px;}

.navbar-text a{color:#fff!important;line-height:55px;font-size:20px;}

.foot_text{float:left;color:#fff;margin-left:90px;margin-top:40px;font-size:17px;line-height:35px;}
.weixin{float:right;width:120px;color:#fff;margin-right:150px;margin-top:0px}
.weixin p{margin-top:5px;margin-left:8px;}

.weixin2{float:left;width:120px;color:#fff;margin-left:60px;margin-top:0px}
.weixin2 img{margin-top:30px;margin-bottom:2px;}
.weixin2 p{margin-top:10px;margin-left:8px;font-size:17px;}

.foot_map {float:left;width:200px;}
.foot_map img{float:left;margin-top:20px;}

.foot_last {margin:0 auto; width:100%;background:#5b7886;height:170px;margin-top:2px;color:#fff;font-size:18px;}
.foot_last p{margin:0 auto;line-height:50px;}
.foot_last ul{margin:0 auto; width:1200px;background:#5b7886;height:170px;margin-top:2px;color:#fff;text-align:center;}
.foot_last ul li{float:left;width:100px;margin-left:8px;font-size:18px;margin-top:20px;}

.tech{float:left;height:150px;}
.tech2{float:left;width:200px;margin-top:110px;padding-bottom:19px;color:#5a7787;font-size:17px;font-weight:550;}
.tech2 img{float:right;height:58px;margin-top:-60px;}
.tech3 img{float:left;height:58px;margin-top:-60px;}

.tech4{float:left;width:1200px;margin-top:110px;padding-bottom:19px;color:#5a7787;font-size:17px;font-weight:550;}
.tech5{float:left;width:1200px;margin-top:10px;padding-bottom:19px;color:#5a7787;font-size:17px;font-weight:550;}


.box-img{text-align:center;}
.box-img p{text-align:center;margin-top: 20px;font-size: 17px;}

.tech6{float:left;}

.tech6 a:hover{color:#da251c;}

.tech6 .info{
 -moz-transition: height 1s ease 0s;
  -ms-transition: height 1s ease 0s;
  -o-transition: height 1s ease 0s;
  -webkit-transition: height 1s ease 0s;
  transition: height 1s ease 0s;

margin-top:-40px; height: 40px;width:240px; padding:0 15px;position:absolute;background-color:#999;}


.met-index-jion {
 
width: 740px;
 
float: left;
 
margin-left: 10px;
}
.met-index-jion .slick-arrow:hover {
  color: #222 !important;
}
.met-index-jion ul {
  margin-top: 0px;
}
.met-index-jion ul li {
  margin: 3px 0px;
  position: relative;
  width: 244px;
  height: 215px;
  border: 1px solid #dbdbdb;
}
.met-index-jion ul li img {
 margin-left:0px;margin-top:55px;
}
.met-index-jion ul li:hover .chef-box-content {
  height: 215px;
  background:#f4705b;
}
.met-index-jion .chef-box-content {
  -moz-transition: height 1s ease 0s;
  -ms-transition: height 1s ease 0s;
  -o-transition: height 1s ease 0s;
  -webkit-transition: height 1s ease 0s;
  transition: height 1s ease 0s;
  height: 0px;
  overflow: hidden;
  cursor: pointer;
  padding: 0 15px;
  position: absolute;
  bottom: 0px;
  background: #f4705b;
 
}
.met-index-jion .chef-box-content h3 {
  font-weight: 500;
  margin: 10px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 18px;
  color: #fff;
}

.met-index-jion .chef-box-content h4 {
  font-weight: 500;
  margin: 10px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 18px;
  color: #fff;
}
.met-index-jion .chef-box-content p {
  color: #fff;
  padding-bottom: 0px;
  line-height: 1.8em;
}

.container2{padding-right:0px;padding-left:0px;margin-right:auto;margin-left:auto}


.tech7 {margin:0 auto;float:left;width:1200px;}
.tech7 img{float:left;}
.tech8 {float:left;width:554px;text-align:left;height:597px;background:#fff;font-size:15px;font-weight:650;line-height:130%;color:#545454;}
.tech9 {float:left;width:510px;margin-top:30px;margin-left:25px;background:#fff;}
.tech9 p{text-indent:28px;}
.tech10 {background-color:#637e8b;width:220px;height:50px;float:left;margin-left:20px;margin-right:20px;margin-top:20px;color:#fff;text-align:center;line-height:50px;}

.publ{ margin:0 auto; width:1200px;}
.publ2{ margin:0 auto; width:1200px;}

.public{
margin-top:70px; margin-left:12px; margin-right:10px; width: 215px; height: 120px; border: 1px solid black; float:left;font-family:"汉仪中圆简";font-size:18px;color:#637e8b;
}

.produ{margin:10px 8px auto;width:20px;line-height:24px;float:left;font-weight:600;}
.wxpp{
    float: left;
    margin-left: 8px;
    margin-top: 35px;
    font-size: 18px;
}

.wxpp2{float: left;width:620px;margin-top:35px;font-size: 18px;}
.wxpp2 span{color:#6b6565;margin-left:10px; margin-right:10px;}

.wxpp2 a{color:#fff;background:#f4705b;font-size: 16px;}


.produ2{margin:0 auto;float:left;margin-top:25px;margin-left:5px;font-size:16px;color:#637e8b;font-weight:550;}
.produ2 dl{margin:0 auto;float:left;}
.produ2 dd{margin:0 auto;width:20px;line-height:24px;float:left;}

.produ2 a:link,
.produ2 a:visited {
  color: #637e8b;
  text-decoration: none;
}
.produ2 a:hover {
  color: #f4705b;
  text-decoration: none;
}
.xx{float:left;margin-top:25px;}

.public2{
margin-top:50px;
margin-left:40px;
margin-right:30px;
  width: 220px;
    height: 45px;
    border: 1px solid black;
	float:left;
text-align:center;

}

.publimg{ 
margin-top:50px;
margin-left:15px;
margin-right:15px;
  width: 370px;
    height: 300px;
	float:left;

}

.product{
width:100%;background:#f1f1f1;
}


.design_content {
    width: 1200px;
    margin: 0 auto;
	background:#f1f1f1 !important;
}



.sub24{padding-top:140px;position: absolute;z-index: 33;display:none;background-color: #637e8b;border: 1px solid #e9e9e9;}
								
								.sub24 a{font-size:14px;margin-top:20px;color:#fff !important;}
								.sub24 ul{list-style-type:none}  
								.sub24 li{margin-left:0px;width:95px; height:60px;}



.publ .hd{   
   margin-top:50px;
   width:100%;
    height: 45px;
   
	float:left;
text-align:center;
	}
.publ .hd ul{width: 100%;}

.publ .hd li{display: inline-block;
   margin-left:40px;
margin-right:30px;
  width: 220px;
    height: 45px;
    line-height: 40px;
    background-color: #fff;
    font-size: 20px;
    color: #637e8b;
    cursor: pointer;
	 border: 1px solid #637e8b;
	}

.publ .hd li.on{ background-color: #637e8b;color:#fff;}


.wp { margin: 0 auto; width: 1202px; }


.aboutNewsCon { width: 100%; height: 460px; background: url(../images/bg2.jpg) center bottom no-repeat; overflow: hidden; }

.aboutNewsSlide { padding-top: 1px; }
.aboutNewsSlide .hd { margin-bottom: 27px; width: 100%; text-align: center; }
.aboutNewsSlide .hd ul { width: 100%; }
.aboutNewsSlide .hd li { display: inline-block; *display: inline; *zoom: 1; width: 124px; height: 40px; line-height: 40px; background-color: #727272; font-size: 20px; color: #fff; cursor: pointer; }
.aboutNewsSlide .hd li.on { background-color: #d51737; }

.aboutNewsBox .more { padding-top: 10px; text-align: center; }
.aboutNewsBox .more a { font-size: 14px; color: #848484; }
.aboutNewsBox .more a:hover { color: #d51737; }

.aboutHotNewsSlide { position: relative; float: left; width: 559px; height: 460px; background-color: #f8f8f8; }
.aboutHotNewsSlide .ahnsHd { position: absolute; top: 262px; right: 0; width: 100%; height: 12px; z-index: 2; }
.aboutHotNewsSlide .ahnsHd ul { float: right; }
.aboutHotNewsSlide .ahnsHd li { float: left; margin-right: 8px; width: 12px; height: 12px; background-image: url(../images/about.png); background-repeat: no-repeat; background-position: 0 -24px; cursor: pointer; }
.aboutHotNewsSlide .ahnsHd li.on { background-position: 0 -12px; }
.aboutHotNewsSlide .ahnsBd li { width: 100%; height: 370px; }
.aboutHotNewsSlide .ahnsBd .img { display: block; width: 100%; }
.aboutHotNewsSlide .ahnsBd .img img { margin-top:0;margin-bottom:0; }

/* .aboutHotNewsSlide .ahnsBd .img img:hover { -webkit-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); } */

.aboutHotNewsSlide .ahnsBd .info { margin-top:40px; height: 50px; width:100%;padding:0 15px;position:absolute;background-color:#5b7886;}
.aboutHotNewsSlide .ahnsBd .info a { font-size: 20px; color: #fbf8f8; line-height: 41px; }

.aboutHotNewsSlide .ahnsBd .info p { height: 20px; line-height: 20px; color: #999; overflow: hidden; }

.aboutNewsList { margin-left: 330px; }
.aboutNewsList li { float: left; margin: 0 0 20px 20px; padding: 25px 15px; width: 300px; height: 220px; background-color: #f8f8f8; }
.aboutNewsList li:hover .info a { color: #df0b19; }
.aboutNewsList li .info { height: 220px; overflow: hidden; }
.aboutNewsList li .info a { font-size: 16px; }
.aboutNewsList li .info a span { color: #df0b19; }
.aboutNewsList li .info a:hover { color: #df0b19; }
.aboutNewsList li .info p { line-height: 20px; color: #999; }
.aboutNewsList li .img { float: right; display: block; margin-left: 10px; width: 146px; height: 125px; }
.aboutNewsList li .img img { width: 100%; height: 100%; }
.aboutNewsList li .img img:hover { -webkit-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); }



.table_title {
    background: #5b7886;
    color: #fff;
    height: 56px;
    line-height: 56px;
    border: 1px solid #dbdbdb;
    border-bottom: none;
}

.table_title li {
    font-size: 16px;
    color: #fff;
    float: left;
    border-left: 1px solid #dbdbdb;
    text-align: center
}

.table_title li:first-child {
    border-left: none;
}

.site_table {
    width: 100%;
    line-height: 45px;
    text-align: center;
    background: #fff;
}

.site_table tr {
    height: 45px;
    line-height: 45px;
}

.site_table tr td {
    border: 1px solid #dbdbdb;
    font-size: 13px;
    color: #595959;
}

.site_table tr td a {
    width: 106px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    background: #949494;
    color: #fff;
    border-radius: 3px;
}

.site_table tr td a:hover {
    background: #100d0c;
}

.baojia{width:100%;
	max-width:1200px;
	margin:0 auto;
	display:table;
	position:relative;
	}

.fw{margin: 0 auto;float:left;}
.messge{float:left;margin-top:50px;margin-left:80px;}
.form{}
.yonghu{margin-top:40px;color:#151414;margin-left:40px;width:470px;background-color:#dcdcdc;height:340px;}
.textinput{width:430px;height:50px;padding:0px 10px;margin-bottom:16px;}

.slick{}


.site-header{margin:0 auto;margin-top:0px}

.ziliao{
    margin: 0 auto;
    width: 400px;
    color: #fff;
    float:left;
    margin-left: 220px;
    margin-top: 10px;
    font-size: 17px;
    text-align: left;
    line-height: 35px;
}
.banner3{margin:0 auto; width:1200px;}
.zixun{
    background-color: #da251c;
    width: 200px;
    height: 40px;
	 text-align: center;
	 line-height:36px;
}

.bailing{margin-top:0;background:#fff;color:#07b5ce;font-size:27px;}

.bailing2{margin-top:0;background:#fff;font-size:30px;}
.bailing3{margin: 0 auto;margin-top: 25px;color:#fff;font-size:29px;float: left;}

.liuyan{
    color: #fff;
    font-size: 23px;
    margin-top: 20px;
}


.formleft{
	width:100%;
	background-color:#404040;
	height:305px;
	margin-top:20px;
}
.formleft p{
	color:#fff;
	font-size:22px;
	text-align:center;
	margin-top:25px;
	margin-bottom:25px;
	float:left;
	width:100%;
	display:block;
}
.formleft p span{
	font-size:29px;
}

.sign_right{
	display:block;
	float:left;
	width:400px;
}

.input_text{
	width:100%;
	height:50px;
	font-size:18px;
	color:#606060;
	text-indent:15px;
	float:left;
	border-radius:5px;
	margin-bottom:20px;
	background-color:#fff;
	border:none;
}

.sel-box{
	float:left;
	width:100%;
	position:relative;
}
.sel-box:before{
	content:"";
	width: 0;
    height: 0;     
	position:absolute;
	right:18px;
	top:50%;
	margin-top:-14px;
}

.btnbox a{
	width:100%;
	color:#fff;
	font-size:24px;
	text-align:center;
	line-height:50px;
	border-radius:5px;
	background-color:#f05751;
	display:inline-block;
}

.list_lh{
	width:100%;
	height:180px;
	overflow:hidden;
	color:#fff;
}

#mylist li{
	line-height:37px;
	text-align:center;
	font-size:18px;
}


.met-biaoqian{width:1200px;height:60px;margin:0px auto;margin-top:20px;font-size:22px;color:#404040!important;}
.met-biaoqian a{color:#404040!important;float:left;}
.met-biaoqian a:hover{color:#da251c!important;}

.aboutFloat { position: fixed; top: 105px; right: 10px; width: 88px; z-index: 999; }
.aboutFloat .topC { width: 100%; height: 40px; background: url(../images/about.png) 0 -36px no-repeat; }
.aboutFloat .botC { width: 100%; height: 42px; background: url(../images/about.png) 0 -76px no-repeat; cursor: pointer; }
.aboutFloat .botC a { display: block; height: 100%; }
.aboutFloat ul { padding-bottom: 10px; width: 100%; background-color: #e9e9e9; }
.aboutFloat ul li { height: 30px; line-height: 30px; font-size: 14px; }
.aboutFloat ul li a { display: block; color: #666; text-align: center; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.aboutFloat ul li a:hover { background-color: #d51737; color: #fff; }
.aboutFloat ul li.on a { background-color: #d51737; color: #fff; }


.index-title{width:100%;float:left;text-align:center;padding-top:40px;padding-bottom:40px;position:relative}
.index-title span{font-size:28px;color:#333;display:inline-block;position:relative}


.index-title img{height:auto;display:block;margin:0 auto;width:100%}


.section-box1,.custom-box,.service-box,.activity-box{position:relative;width:1200px;float:none;margin:0 auto 45px;clear:both}
.section-box1 ul{padding-left:.1666%;padding-right:.1666%}
.section-box1 li{position:relative;width:33%;height:auto;background-color:#fff;overflow:hidden;margin-left:.1666%;margin-right:.1666%;transition:all .2s linear;float:left;margin-bottom:3px;margin-top:3px}
.section-box1 li:hover{-webkit-box-shadow:0 15px 30px rgba(0,0,0,.1);-moz-box-shadow:0 15px 30px rgba(0,0,0,.1);-ms-box-shadow:0 15px 30px rgba(0,0,0,.1);transform:translate3d(0,-8px,0);box-shadow:0 15px 30px rgba(0,0,0,.1)}
.section-item1{height:480px;background:#fff;border:1px solid #eee;overflow:hidden;transition:all .2s linear}
.section-item1 a{position:relative;display:block;height:100%;background-position:center;background-repeat:no-repeat}
.section-title1{font-size:22px;color:#333;position:absolute;text-align:center;top:48px;line-height:24px;left:0;display:block;width:100%}
.section-title{font-size:22px;color:#333;position:relative;text-align:center;top:25px;line-height:24px;left:0;display:block;width:100%}
.section-label{font-size:16px;color:#666;position:absolute;text-align:center;top:85px;line-height:18px;left:0;display:block;width:100%}
.section-img{width:340px;position:absolute;top:126px;left:50%;margin-left:-170px;-webkit-transition:all .5s linear;overflow:hidden}

.section-box li:hover .section-img img{-webkit-transform:scale(1.2);-webkit-transition:all 4s linear}
.service-box ul{padding-left:.1666%;padding-right:.1666%}
.service-box li{position:relative;width:49.5%;height:368px;background-color:#fff;overflow:hidden;margin-left:.1666%;margin-right:.1666%;transition:all .5s linear;border:1px solid #eee;margin-bottom:3px;margin-top:3px;float:left}
.service-box li:hover a{background-color:#ffe37f}

.service-item{height:368px;background:#fff;overflow:hidden;transition:all .5s linear;display:block}

.service-title{width:100%;height:auto;font-size:24px;line-height:24px;color:#333;text-align:center;position:absolute;display:block;top:78px;left:0;transition:all .5s linear}
.service-icon{width:148px;height:148px;border-radius:50%;display:block;position:absolute;top:145px;left:50%;margin-left:-74px;box-shadow:0 10px 17px rgba(0,0,0,.1);transition:all .5s linear}
.service-box li:hover .service-title{-webkit-transform:translate3d(0,196px,0)}
.service-box li:hover .service-icon{-webkit-transform:translate3d(0,-67px,0)}
.activity-box ul{width:1230px;margin:0 auto}
.activity-box li{position:relative;width:298px;height:340px;background-color:#fff;overflow:hidden;margin-left:4px;margin-right:3px;transition:all .5s linear;border:1px solid #eee;float:left}
.activity-box li:hover{-webkit-box-shadow:0 15px 30px rgba(0,0,0,.1);-moz-box-shadow:0 15px 30px rgba(0,0,0,.1);-ms-box-shadow:0 15px 30px rgba(0,0,0,.1);transform:translate3d(0,-8px,0);box-shadow:0 15px 30px rgba(0,0,0,.1)}
.activity-item{height:340px;background:#fff;overflow:hidden;transition:all .5s linear;display:block}
.activity-img{position:absolute;top:0;left:0;width:298px}
.activity-img img{width:100%}
.activity-title{width:100%;font-size:20px;color:#333;text-align:center;line-height:18px;clear:both;position:absolute;top:257px;left:0}
.activity-date{width:100%;font-size:16px;color:#666;text-align:center;line-height:14px;clear:both;position:absolute;top:288px;left:0}
.main-footer{width:100%;float:left}


.Industry { margin:28px 0px 35px 0px; position:relative;}
.Industry .db {  height:325px; overflow:hidden;}
.Industry ul { }
.Industry ul li { background:url(../Images/HyImg.png) left center no-repeat; width:270px; height:326px; float:left;  margin-right:23px; margin-bottom:15px; }
.Industry ul li a { display:block; padding-top:238px; height:90px; text-align:center; font-size:30px; color:red; }
.Industry ul li.Item1 { background-position:left top; }
.Industry ul li.Item2 { background-position:-290px top; }
.Industry ul li.Item3 { background-position:-579px top;}
.Industry ul li.Item4 { background-position:right top; }
.Industry .ar { width:30px; height:48px; background:url(../Images/Ar.png) left center; position:absolute; top:130px; }
.Industry .prev { background-position:right top; right:-50px; }
.Industry .next {background-position:left top; left:-50px; }





#Container { width: 1150px; height: auto; margin:15px auto; text-align: left; }


/*产品*/
.WhereBox { margin-bottom: 10px; background:#FFF; border:1px solid #DDD }
.WhereBox .t { height: 40px; line-height: 40px; text-indent: 15px; font-size: 18px; font-weight: bold; color: #333; background: #F1F1F1;  }
.WhereBox .t span { float: right; margin-right: 10px; font-size:12px; }
.WhereBox .t a { display: inline-block; font-size: 12px; font-weight: 200; text-indent: 8px; height: 10px; line-height: 20px; background: url(../Images/close.png) 95% center no-repeat; padding-right: 15px; }
.WhereBox .t a:hover { background-color: #fefefe; }

.WhereBox dl { height: auto; width: 100%; float: left; line-height: 2; border-top: 1px solid #DDD; padding: 7px 0px; }
.WhereBox dl dt { width: 90px; color: #333; text-align: left; text-indent: 12px; float: left; font-weight:bold; font-size:14px; }
.WhereBox dl dd { margin-left: 95px; }
.WhereBox dl dd a { display: inline-block; width: auto; margin-right: 20px; text-align: left; margin-bottom: 5px; margin-top: 0px; font-size:14px; color:#2B76C6;}
.WhereBox dl dd a:link,
.WhereBox dl dd a:visited { color: #2B76C6; }
.WhereBox dl dd a:hover, .WhereBox dl dd a.sel { color: #E4393C; }

.ProductList { }
.ProductList dl { float: left; margin: 8px 21px; margin-left: 0px; width: 270px; height: auto;  }
.ProductList dl.E { margin-right: 0px; }
.ProductList dl dt { display: table-cell; width: 266px; height: 200px; vertical-align: middle; text-align: center; border: 1px solid #DDD; background-color:#FFF; padding: 1px; }
.ProductList dl dt img { max-width: 266px; max-height: 200px; vertical-align: middle; }
.ProductList dl dd { display: block; height: 35px; line-height: 30px; text-align: center; font-size:14px; }
.ProductList dl:hover dt{   box-shadow:#999 0px 0px 5px;}
.ProductList a:hover{color:#da251c;}


.ProDetailItem {position: relative; margin-top: 20px; }
.Pt { }
.Pt a { display: block; width: 800px; text-align: center;margin-bottom:30px; line-height: 55px; font-size: 20px; color: #FFF!important; float: left; }
.Pt a.sel { background: #da251c; }
.PtItem { min-height: 100px; }


/*相关产品*/
.RelateProduct { border: 1px solid #CCC; overflow: hidden; }
#Right .RelateProduct .Title { border-bottom: 1px solid #CCC; font-size: 14px; font-weight: bold; color: #FFF; height: 30px; line-height: 30px; text-indent: 15px; letter-spacing: 2px; }
.RelateProduct .Box { margin-left: 6px; margin-right: 6px; padding-top: 8px; height: 165px; overflow: hidden; }
.RelateProduct .Box li { width: 168px; height: auto; float: left; margin: 0 5px; border: 1px solid #CCC; }
.RelateProduct .Box span { display: block; }
.RelateProduct .Box span.PImg { width: 168px; height: 126px; display: table-cell; vertical-align: middle; text-align: center; }
.RelateProduct .Box span.PImg img { max-width: 168px; max-height: 126px; margin: auto; vertical-align: middle; }
.RelateProduct .Box span.PName { line-height: 30px; text-align: center; border-top: 1px solid #CCC; background: #0060AD; }
.RelateProduct .Box span.PName a:link,
.RelateProduct .Box span.PName a:visited { color: #FFF; }


/*内页*/

 

#Left { width: 250px; float: left; }
#Right { float: left; width: 800px; margin-left: 120px;  position: relative; }


#Left .Category {  margin-bottom: 15px;  }
#Left .Category .Box { line-height:2; background:#FFF;  }
#Left .Category ul { padding: 5px 5px; padding-bottom: 10px; }
#Left .Category ul li {margin-bottom: 3px;width: 240px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#Left .Category ul li a {display: block;font-size: 16px;padding-left: 3px;background: url(../Images/Cate.gif) 215px center no-repeat;padding-left:10px;height: 50px;line-height: 55px;border-bottom: 1px solid #CCC;}

#Left .Category ul li ul { display: none; border-bottom: 1px solid #CCC; padding: 0px; padding-left: 14px; padding-top: 10px; padding-bottom: 10px; }
#Left .Category ul li ul li { border: none; }
#Left .Category ul li ul li a { font-size: 12px; height: 27px; line-height: 27px; padding-left: 20px; border: none; }

#Left .Category ul li.sel ul { display: block; }
#Left .Category ul li a:hover,
#Left .Category ul li.sel a { color: #DA251C; background-image: url(../Images/CateSel.gif); }

#Left .Category ul li.sel ul li a { color: #333; background: url(../Images/s_CateSel.jpg) 8px center no-repeat; }
#Left .Category ul li ul li.sel a,
#Left .Category ul li ul li a:hover { color: #DA251C; background: url(../Images/s_CateSel.jpg) 8px center no-repeat; }


#Left .Contact {  text-align: left; }
#Left .Contact .Box {  border:1px solid #D1D1D1;  font-size: 14px; padding-top: 14px; background:#FFF url(../Images/C_Img.jpg) right bottom no-repeat; padding-bottom: 125px; padding-left: 10px; padding-right: 10px; }
#Left .Contact dl { width: 100%; float: left; margin: 2px 0px; }
#Left .Contact dl dt { color: #06F; font-weight: bold; float: left; width: 70px; line-height: 1.7; text-align: right; }
#Left .Contact dl dd { margin-left: 75px; text-align: left; line-height: 1.7; font-weight: 200; }


#Right .Title { }
#Right .Title span { float:right; font-size:12px; font-weight:300; padding-right:10px; color:#FFF; }
#Right .Title span a:link, #Right .Title span a:visited { color:#FFF; }
#Right .Content {line-height:2;  background: #FFF; }

#Right .Content a:hover{color:#da251c;}


#Right .ProductList { }
#Right .ProductList ul { padding-top: 20px; }
#Right .ProductList ul li { width: 215px; height: 197px; padding: 1px; border: 1px solid #CCC; float: left; margin: 10px; }
#Right .ProductList ul li a.ProImg { width: 215px; height: 161px; display: table-cell; vertical-align: middle; text-align: center; padding-bottom: 1px; }
#Right .ProductList ul li a.ProImg img { max-width: 215px; max-height: 161px; }
#Right .ProductList ul li a.ProName { display: block; height: 35px; line-height: 35px; text-align: center; font-size: 14px; background: #EFEFEF; }
#Right .ProductList ul li:hover a.ProName { background: #12457E; color: #FFF; }

#Right .Content { min-height: 500px; line-height: 2;  }


.Title { background:url(../Images/Title.png) left center repeat-x; padding-left:15px; height:38px; line-height:38px; font-size:18px; color:#FFF; font-weight:bold; }
.Title font { font-variant:small-caps; font-size:22px; font-weight:bold; color:#CCC; padding-left:10px; font-family:Arial; }


.rollBox .Cont .pic{width:358px;float:left;text-align:center;margin-left:5px;margin-right:5px;transition:all .2s linear;margin-bottom:20px;}

.rollBox .Cont .pic:hover{-webkit-box-shadow:0 15px 30px rgba(0,0,0,.1);-moz-box-shadow:0 15px 30px rgba(0,0,0,.1);-ms-box-shadow:0 15px 30px rgba(0,0,0,.1);transform:translate3d(0,-8px,0);box-shadow:0 15px 30px rgba(0,0,0,.1)}

/*分页样式*/
DIV.scott { padding: 3px; margin: 3px; margin-top: 20px; margin-bottom: 20px; text-align: center; font-size: 12px; clear: both; }
DIV.scott A { border: #333 1px solid; color: #333; text-decoration: none; }
DIV.scott A, DIV.scott span { padding: 4px 8px; margin-right: 6px; }
DIV.scott A:hover { border: #DA251C 1px solid; color: #FFF; background-color: #DA251C; }
DIV.scott A:active { border: #DA251C 1px solid; color: #FFF; background-color: #DA251C; }

.current { border:#e71f3e 1px solid; font-weight: bold; color: #fff!important; background-color: #e71f3e; }
.disabled { border: #CCC 1px solid; color: #CCC; }

DIV.scott .current {
  border: #E71F3E 1px solid;
  font-weight: bold;
  color: #fff;
  background-color: #E71F3E;
}

DIV.scott .disabled {
  border: #999 1px solid;
  color: #999;
}

.ProPage { border: 1px solid #ddd; padding: 4px 7px; }

.jscs{}
.jscs img{max-width:800px;}