@charset "utf-8";
/* public */
body,html{
font-family:'microsoft yahei';
text-align:center;
margin:0 auto; 
padding:0px;	 
}
/*topnav*/
.veg_head{ width:100%; height:150px; background-image:url(../images/nav_bg.png); background-repeat:repeat-x; position:fixed; top:0px; left:0px; z-index:99}

.veg_toplogo{ width:212px; height:72px; margin:0px; float:left}
.veg_toplogo img{ width:212px; height:72px;}

.veg_toptell{ width:212px; height:72px; margin:0px; float:right; text-align:right; font-size:12px; line-height:72px; color:#e0e0e6; padding-right:13px;}
 
.veg_toptell a{ color:#ffffff; text-decoration:none; font-size:14px;}
.veg_toptell a:visited{ color:#ffffff; text-decoration:none; font-size:14px;}
.veg_toptell a:hover{ color:#cf0014; text-decoration:none; font-size:14px;}

.st_search{ width:140px; height:24px; float:left; margin:23px 0px; border:#e0e0e6 1px solid; border-radius:4px;}
.st_search_input{ width:106px; height:18px; line-height:18px; float:left; margin:2px; text-indent:5px; color:#ffffff; font-size:12px; line-height:18px; background:none; border:none}

.st_search_btn{ width:24px; height:24px; float:right; background:none; border:0px; background-image:url(../images/search_btn.png); background-position:center center; background-repeat:no-repeat; cursor:pointer}






.veg_nav{ width:840px; height:72px; float:right;}
.veg_nav_item{ width:120px; height:36px; float:left; margin:18px 0px; text-align:left; border:0px;text-align:left; font-size:18px; line-height:36px; text-transform:uppercase; }
.veg_nav_item a{ color:#ffffff; text-decoration:none}
.veg_nav_item a:visited{ color:#ffffff; text-decoration:none}
.veg_nav_item a:hover{ color:#cf0014; text-decoration:none;-webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease; }
 

.menu{width:100%;height:150px;background-image:url(../images/nav_bg.png); background-repeat:repeat-x; position:fixed;left:0; top:0px;z-index:99; text-align:center;}
.menu .nav{width:900px;height:72px;margin:0 auto; }
.menu .nav li{float:left;list-style:none; width:150px; height:72px; padding:0px; margin:0px;}
 
.st_topnav_item{width:150px; height:72px; margin:0px;}
.st_topnav_item a{display:block;height:72px; text-align:left; text-indent:26px; width:150px;/*border-left:1px solid #000;*/padding:0px;line-height:72px;color:#ffffff; background-image:url(../images/collapse-def.png); background-position:center center; background-repeat:no-repeat;text-decoration:none;position:relative;overflow:hidden; font-size:18px;}
.st_topnav_item a:hover,.st_topnav_item a.current{ background-color:#FFFFFF;background-image:url(../images/collapse-def2.png);background-position:center center;  background-repeat:no-repeat;color:#cf0014;}

.menu .nav li .box{width:100%;height:200px;position:absolute;top:72px;left:0; background:rgba(255,255,255,1);display:none; text-align:center; padding:30px 0px; box-shadow:0px 7px 20px rgba(0,0,0,.18);background-image:url(../images/drop_bg.png); background-repeat:repeat-x; background-position:center center; z-index:9999999}

 .drop_nav{ width:70%; margin:0 auto; height:200px; }

.drop_nav_left{ width:30%; height:200px; background-color:#ffffff;  padding:0px;border:0px;  float:left; position:relative;border-radius:5px; box-shadow:0px 0px 20px #d0d0d6; overflow:hidden}

.drop_nav_left img{ width:100%; height:200px; }


.drop_nav_left:hover img{transform:scale(1.1);-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;  }
.drop_nav_leftt{ position:absolute; left:30px; bottom:30px; width:260px; height:22px; line-height:22px; text-align:left; z-index:9999; font-size:22px; font-weight:bold; color:#ffffff; background:none}
.drop_nav_leftt a{ color:#ffffff; text-decoration:none;background:none}
.drop_nav_leftt a:visited{ color:#ffffff; text-decoration:none;background:none}
.drop_nav_leftt a:hover{ color:#ffffff; text-decoration:none;background:none}
.drop_nav_right{ width:64%; height:200px; float:right; }
.drop_nav_rightitem{ width:20%; text-align:center; padding:30px 0px; height:150px; float:left; font-size:16px; line-height:20px;}
.drop_nav_rightitem img{ margin:0 auto; width:100px; height:100px;}
.drop_nav_rightitem  a{ color:#343536; text-decoration:none}
.drop_nav_rightitem  a:visited{ color:#343536; text-decoration:none}
.drop_nav_rightitem  a:hover{ color:#cf0014; text-decoration:none}
 .drop_nav_rightitem2{ width:47%; text-align:left; padding:0px 0px; height:200px; float:left; font-size:16px; line-height:40px; margin-left:3%;}
.drop_nav_rightitem2 img{ margin:0 auto; width:100%; height:160px;}
.drop_nav_rightitem2  a{ color:#343536; text-decoration:none}
.drop_nav_rightitem2  a:visited{ color:#343536; text-decoration:none}
.drop_nav_rightitem2  a:hover{ color:#cf0014; text-decoration:none}
/*about*/
.veg_abotcon{ position:relative; background-color:#ffffff;  }
.veg_abottit{ width:100%; height:100px; position:absolute; text-align:center; font-size:100px; line-height:100px;  top:100px; color:#e8e8fd; font-weight:bold; left:0%; }
.veg_abottite{ width:100%; height:64px; position:absolute; text-align:center; font-size:64px; line-height:74px;  top:149px; color:#343536; font-weight:normal; left:0%; text-transform:uppercase}
.veg_abotlist{ width:80%; height:560px; margin:0 auto; margin-top:100px;}
.veg_abotpic{ width:64%; height:560px; float:left; margin:0px; position:relative;overflow:hidden;  }
.veg_abotpic:hover img{transform:scale(1.02);-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;  }
.veg_abotpic img{ width:100%; height:560px;}
.veg_abotpic i{ position:absolute; left:30px; top:30px; bottom:30px; right:30px; border:rgba(255,255,255,.34) 1px solid; z-index:999; background:rgba(255,255,255,.20)}
.veg_abotpic i:hover{ border:rgba(255,255,255,.80) 1px solid;  background:rgba(255,255,255,.0);-webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease; cursor:pointer}
.veg_abottxt{ width:34%; height:560px; float:right;}
.veg_abottxtt{ font-size:40px; line-height:40px; color:#343536; text-align:left; font-weight:bold}
.veg_abottxtline{ width:100px; height:7px; background-color:#5999ff; margin-top:34px; line-height:0px;}
.veg_abottxti{ font-size:16px; line-height:30px; color:#131415; text-align:left; margin-top:34px;}
.veg_abottxti span{ color:#000000; font-weight:bold}
.veg_abottxtbtn{ width:260px; height:56px; margin-top:49px;}
.veg_abottxtbtn a{ display:block; width:256px; height:52px; border:#5999ff 2px solid; border-radius:34px; line-height:54px; text-align:center; font-size:14px; color:#ffffff; text-decoration:none; background-color:#5999ff}
.veg_abottxtbtn a:visited{ display:block; width:256px; height:52px; border:#5999ff 2px solid; border-radius:34px;line-height:54px; text-align:center; font-size:14px; color:#ffffff; text-decoration:none; background-color:#5999ff}
.veg_abottxtbtn a:hover{ display:block; width:256px; height:52px; border:#427edd 2px solid; border-radius:34px;line-height:54px; text-align:center; font-size:14px; color:#ffffff; text-decoration:none; background-color:#427edd; -webkit-transition: all .7s ease;-moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease;}



/*advantage*/
.veg_advncon{ position:relative; background-color:#ffffff; background-image:url(../images/secbg2.jpg); background-position:left bottom; background-repeat:no-repeat}
.veg_advntit{ width:80%; height:100px; position:absolute; text-align:right; font-size:100px; line-height:100px;  top:100px; color:#e8e8fd; font-weight:bold; left:10%; }
.veg_advntite{ width:80%; height:64px; position:absolute; text-align:right; font-size:64px; line-height:74px;  top:149px; color:#343536; font-weight:normal; left:10%; text-transform:uppercase}
.veg_advnlist{ width:80%; height:560px; margin:0 auto; margin-top:100px; position:relative }
.veg_advnpic{ width:80%; height:560px; float:right; margin:0px; position:relative; overflow:hidden;  }

.veg_advnpic:hover img{transform:scale(1.02);-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;  }



.veg_advnpic img{ width:100%; height:560px;}
 
.veg_advnpic i{ position:absolute; left:30px; top:30px; bottom:30px; right:30px; border:rgba(255,255,255,.34) 1px solid; z-index:999;background:rgba(255,255,255,.20)}
.veg_advnpic i:hover{ border:rgba(255,255,255,.80) 1px solid;  background:rgba(255,255,255,.0);-webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease; cursor:pointer}
.veg_advnxt{ width:30%; height:300px;  padding:30px 2%; position:absolute; left:0; top:60px; z-index:999; background:rgba(0,0,0,.56)}

.veg_advnxtt{ font-size:40px; line-height:49px; color:#ffffff; text-align:left; font-weight:bold}

.veg_advntxtline{ width:100px; height:7px; background-color:#8ec31f; margin-top:34px; line-height:0px;}
.veg_advntxti{ font-size:16px; line-height:30px; color:#ffffff; text-align:left; margin-top:34px;}
.veg_advntxti span{ color:#ffffff; font-weight:bold}

.veg_advntxtbtn{ width:260px; height:56px; margin-top:49px;position:absolute; left:0px; bottom:30px;}
.veg_advntxtbtn a{ display:block; width:256px; height:52px; border:#8ec31f 2px solid; border-radius:34px; line-height:54px; text-align:center; font-size:14px; color:#ffffff; text-decoration:none; background-color:#8ec31f}
.veg_advntxtbtn a:visited{ display:block; width:256px; height:52px; border:#8ec31f 2px solid; border-radius:34px;line-height:54px; text-align:center; font-size:14px; color:#ffffff; text-decoration:none; background-color:#8ec31f}
.veg_advntxtbtn a:hover{ display:block; width:256px; height:52px; border:#23ac38 2px solid; border-radius:34px;line-height:54px; text-align:center; font-size:14px; color:#ffffff; text-decoration:none; background-color:#23ac38; -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease;}

/*technology*/

.veg_tectit{ width:80%; height:100px; position:absolute; text-align:center; font-size:100px; line-height:100px;  top:100px; color:rgba(255,255,255,.22); font-weight:bold; left:10%; }
.veg_tectite{ width:80%; height:64px; position:absolute; text-align:center; font-size:64px; line-height:74px;  top:149px; color:#ffffff; font-weight:normal; left:10%; text-transform:uppercase}


.veg_teclist{ width:80%; height:560px; margin:0 auto; margin-top:100px; position:relative; text-align:center  }

.veg_teclistitem{ width:19.9%; height:236px; font-size:22px; line-height:30px; color:#ffffff; float:left; margin:0; text-align:center; border:0px; border-right:rgba(255,255,255,.18) 1px solid; font-weight:normal; margin-top:64px;}
.veg_teclistiteml{ border-right:rgba(255,255,255,.26) 0px solid;}
.veg_clear{ width:100%; height:0px; line-height:0px; clear:both;}
.veg_teclistitem span{ font-size:90px; font-weight:bold; line-height:170px; }
.veg_tecbtn{ width:260px; height:56px; margin:0 auto; margin-top:74px;}
.veg_tecbtn a{ display:block; width:256px; height:52px; border:#cccccf 2px solid;  border-radius:34px;line-height:54px; text-align:center; font-size:14px; color:#262626; text-decoration:none; background-color:#cccccf}
.veg_tecbtn a:visited{ display:block; width:256px; height:52px; border:#cccccf 2px solid; border-radius:34px;line-height:54px; text-align:center; font-size:14px; color:#262626; text-decoration:none; background-color:#cccccf}
.veg_tecbtn a:hover{ display:block; width:256px; height:52px; border:#ffffff 2px solid; border-radius:34px;line-height:54px; text-align:center; font-size:14px; color:#000000; text-decoration:none; background-color:#ffffff; -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease;}
			
			
			
			
			
			
			
			
			
			/*Consumer*/
.veg_sumcon{ position:relative; background-color:#ffffff; background-image:url(../images/secbg.jpg); background-position:right bottom; background-repeat:no-repeat}
 
.veg_sumtit{ width:80%; height:100px; position:absolute; text-align:center; font-size:100px; line-height:100px;  top:100px;color:#e8e8fd;font-weight:bold; left:10%; }
.veg_sumtite{ width:80%; height:64px; position:absolute; text-align:center; font-size:64px; line-height:74px;  top:149px; color:#343536;  font-weight:normal; left:10%; text-transform:uppercase}
.veg_sumlist{ width:80%; height:560px; margin:0 auto; margin-top:100px;}



   
   .index_tese_list{ width:100%; margin:0px  auto; padding:0px; border:0px;}

.index_tese_item{ width:19.92%; margin:0 0.04%;float:left}


.index_tese_item_title{width:100%; margin:0;float:left; height:100px; background-color:#5999ff;   padding:0px; padding-top:20px; line-height:25px; text-align:center; color:#ffffff; font-size:18px;text-transform : uppercase}

.index_tese_item_title a{ color:#ffffff; text-decoration:none}
.index_tese_item_title a:visited{ color:#ffffff; text-decoration:none}
.index_tese_item_title a:hover{ color:#ffffff !important; text-decoration:none}

.index_tese_item_titlel{ width:26px; height:4px; line-height:4px; background-color:#ffffff; margin:5px auto}


.index_tese_item_title span{ color:#ffffff; font-size:16px;}


.index_tese_list2{ width:100%; margin:0px  auto; padding:15px 0px; border:0px; padding-top:0px;}












.music-grids {
  padding-left: 0;
}
 
.music-grids img{
	width: 100%;
}
.music-grids p {
    font-size: 0.8em;
  color: #fff;
  line-height: 1.7em;
  font-weight: 300;
}
/* Common style */
.music-grids h4 {
	font-size: 21px;
  font-weight:600;
  color: #fff;
  font-family:microsoft yahei;
}
.music-grids figure {
	position: relative;
	float: left;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
	width:100%;
}
.music-grids figure img {
	position: relative;
	display: block;
}

.music-grids figure figcaption {
	 
	color: #fff;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.music-grids figure figcaption::before,
.music-grids figure figcaption::after {
	pointer-events: none;
}

.music-grids figure figcaption{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
figure.effect-bubba {
	  background-color:#5999ff; margin:0px;
}
figure.effect-bubba:hover img {
	opacity: 0.2;
}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-bubba figcaption::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

figure.effect-bubba figcaption::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

figure.effect-bubba h4 {
	padding-top: 16%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
	opacity:0;
}

figure.effect-bubba p {
	padding: 20px 2.5em;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0); width:80%; margin:0 auto; font-size:14px  !important;
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
figure.effect-bubba:hover h4{ font-size:26px !important; font-weight:normal  !important;}
figure.effect-bubba:hover p{font-size:14px !important;}



figure.effect-bubba:hover h4,
figure.effect-bubba:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

 

/*OPINNION*/
.veg_OPIcon{ position:relative; background-color:#ffffff; background-image:url(../images/secbg2.jpg); background-position:left bottom; background-repeat:no-repeat}
.veg_OPItit{ width:80%; height:100px; position:absolute; text-align:left; font-size:100px; line-height:100px;  top:100px; color:#e8e8fd; font-weight:bold; left:10%; }
.veg_OPItite{ width:80%; height:64px; position:absolute; text-align:left; font-size:64px; line-height:74px;  top:149px; color:#343536; font-weight:normal; left:10%; text-transform:uppercase}
.veg_OPIlist{ width:80%; height:560px; margin:0 auto; margin-top:100px;}
.veg_OPIpic{ width:64%; height:560px; float:left; margin:0px; position:relative;overflow:hidden;  }
.veg_OPIpic:hover img{transform:scale(1.02);-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;  }
.veg_OPIpic img{ width:100%; height:560px;}
.veg_OPIpic i{ position:absolute; left:30px; top:30px; bottom:30px; right:30px; border:rgba(255,255,255,.34) 1px solid; z-index:999; background:rgba(0,0,0,.20)}
.veg_OPIpic i:hover{ border:rgba(255,255,255,.80) 1px solid;  background:rgba(0,0,0,.0);-webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease; cursor:pointer}

.veg_OPItxt{ width:34%; height:560px; float:right;}

.veg_OPItxtt{ font-size:40px; line-height:40px; color:#343536; text-align:left; font-weight:bold}

.veg_OPItxtline{ width:100px; height:7px; background-color:#8ec31f; margin-top:34px; line-height:0px;}
.veg_OPItxti{ font-size:16px; line-height:30px; color:#131415; text-align:left; margin-top:34px;}
.veg_OPItxti span{ color:#000000; font-weight:bold}

.veg_OPItxtbtn{ width:260px; height:56px; margin-top:49px;}
.veg_OPItxtbtn a{ display:block; width:256px; height:52px; border:#8ec31f 2px solid; border-radius:34px; line-height:54px; text-align:center; font-size:14px; color:#ffffff; text-decoration:none; background-color:#8ec31f}
.veg_OPItxtbtn a:visited{ display:block; width:256px; height:52px; border:#8ec31f 2px solid; border-radius:34px;line-height:54px; text-align:center; font-size:14px; color:#ffffff; text-decoration:none; background-color:#8ec31f}
.veg_OPItxtbtn a:hover{ display:block; width:256px; height:52px; border:#23ac38 2px solid; border-radius:34px;line-height:54px; text-align:center; font-size:14px; color:#ffffff; text-decoration:none; background-color:#23ac38; -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease;}
			
			
			
			
			/*news*/
.veg_newscon{ position:relative; background-color:#ffffff;  }
 
.veg_newstit{ width:80%; height:100px; position:absolute; text-align:right; font-size:100px; line-height:100px;  top:100px;color:#e8e8fd;font-weight:bold; left:10%; }
.veg_newstite{ width:80%; height:64px; position:absolute; text-align:right; font-size:64px; line-height:74px;  top:149px; color:#343536;  font-weight:normal; left:10%; text-transform:uppercase}
.veg_newslist{ width:80%; height:560px; margin:0 auto; margin-top:100px;}

.veg_newslistitem{ width:31%; height:560px; float:left; background:rgba(255,255,255,.26); box-shadow:0px 0px 26px #ceced0; float:left; margin:0px; margin-right:2%; text-align:center}

.veg_newslistitempic{ width:100%; height:326px; margin:0px; padding:0px; overflow:hidden}

.veg_newslistitempic img{width:100%; height:326px;}

.veg_newslistitempic img:hover{ transform:scale(1.02);-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; }


.veg_newslistitemtit{ width:90%; height:326px; margin:0px auto; padding:0px; overflow:hidden; line-height:74px; height:74px; font-size:18px; font-weight:bold; text-align:left}

.veg_newslistitemtit a{ color:#343536; text-decoration:none}
.veg_newslistitemtit a:visited{ color:#343536; text-decoration:none}
.veg_newslistitemtit a:hover{ color:#427edd; text-decoration:none;  -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease;}

.veg_newslistiteminfo{ width:90%; height:40px; margin:0px auto; padding:0px; overflow:hidden; line-height:20px; font-size:14px; font-weight:normal; color:#646566; text-align:left}
.veg_newslistitemdate{ width:90%; height:20px; margin:0px auto; padding:0px; overflow:hidden; line-height:20px; font-size:14px; font-weight:normal; color:#989898; text-align:left; margin-top:49px;}

.veg_newslistitemdate span{color:#5999ff} 

.veg_newslistitemr{ width:31%; height:560px; float:right;  margin:0px;  text-align:left; border:0px; border-top:#e0e0e6 1px dashed}

.veg_newslistitemri{ width:100%;   margin:0px; padding:15px 0px; overflow:hidden;border-bottom:#e0e0e6 1px dashed }

 .veg_newslistitemrit{  font-size:16px; line-height:20px; overflow:hidden; text-align:left; font-weight:bold}
  .veg_newslistitemrit a{color:#343536; text-decoration:none}
  .veg_newslistitemrit a:visited{ color:#343536; text-decoration:none}
.veg_newslistitemrit a:hover{ color:#427edd; text-decoration:none;  -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease;}
			
			
			.veg_newslistitemrid{ width:100%; height:20px; margin:0px; padding:0px; overflow:hidden; line-height:20px; font-size:14px; font-weight:normal; color:#bbbbbb; text-align:left; margin-top:5px;}

.veg_newslistitemrid span{color:#747474} 

 


/*pro*/


.ct_protit{ width:90%; height:56px; position:absolute; text-align:center; font-size:18px; line-height:26px;  top:80px;color:#646566; font-weight:normal; left:5%; text-transform:uppercase; z-index:99999999}
.ct_protit2{ width:90%; height:64px; position:absolute; text-align:center; font-size:49px; line-height:64px;  top:110px; color:#343536; font-weight:bold; left:5%; text-transform:uppercase; z-index:99999999 }
.ct_protit3{ width:90%; height:26px; position:absolute; text-align:left; font-size:14px; line-height:26px;  top:174px;color:rgba(255,255,255,.64);font-weight:normal; left:5%; text-transform:uppercase; z-index:99999999}


 










.ct_procon{ width:100%; height:100%; position:relative;background-color:#ffffff}


.ct_prolist{ width:92%; height:76%; position:absolute; left:4%; bottom:2%; background:none; padding:0px; }

.ct_prolistl1{ width:22%; height:76%; background-color:#b40011; float:left; padding:5%; margin:0px; margin-right:1%;}




.ct_pro_t2{ width:100%; font-size:26px; height:34px; line-height:34px; text-align:left; color:#ffffff; text-transform:uppercase }
.ct_pro_t1{ width:100%; font-size:30px; height:56px; line-height:56px; text-align:left; color:#ffffff; font-weight:normal }
.ct_pro_t3{ width:100%; font-size:16px; height:auto; line-height:22px; text-align:left; color:#ffffff; margin-top:15px; overflow:hidden; }
.ct_pro_t3 p{ padding:3px 0px;}
.ct_probtn1{ width:100%;height:49px; margin:0px; text-align:left; margin-top:49px;}
.ct_probtn1 a{ display:block; margin:0px; width:220px; height:47px; border:#ffffff 1px solid;  border-radius:26px;line-height:47px; text-align:center; font-size:14px; color:#ffffff; text-decoration:none; background-color:#b40011}
.ct_probtn1 a:visited{ display:block; margin:0px; width:220px; height:47px; border:#ffffff 1px solid; border-radius:26px;line-height:47px; text-align:center; font-size:14px; color:#ffffff; text-decoration:none; background-color:#b40011}
.ct_probtn1 a:hover{ display:block; margin:0px; width:220px; height:47px; border:#ffffff 1px solid; border-radius:26px;line-height:47px; text-align:center; font-size:14px; color:#b40011; text-decoration:none; background-color:#ffffff; -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease;}
			
.ct_prolistr1{ width:67%;height:100%; background-color:#ffffff; float:left; padding:0px; margin:0px; position:relative; overflow:hidden}
.ct_prolistritem{ width:48%; height:48%; float:left; margin:0 1%; margin-bottom:2%; padding:0px; overflow:hidden; position:relative}

.ct_prolistritem img{ width:100%; height:auto; position:absolute; left:0px; top:0px;}

.ct_prolistritem:hover img{ transform:scale(1.05);-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease; 
            transition: all .5s ease;}
			
	.ct_prolistritemt{  position:absolute; left:0px; bottom:-80px;   right:0px; height:80px;z-index:99999; font-size:22px; font-weight:normal;   line-height:80px; padding:0 15px; color:#ffffff; font-weight:normal; text-align:left; vertical-align:bottom; background:none  }		
 
	 .ct_prolistritemt b{ font-weight:bold;}
	 
	 
	 
	 
			
			.ct_prolistritem:hover .ct_prolistritemt{ -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; cursor:pointer; background:rgba(0,0,0,.64); bottom:0px; }
	 
			
					
			
			
			
			.ct_prolistl2{ width:23%; height:80%; background-color:#0961af; float:right; padding:5%; margin:0px;}
			.ct_probtn2{ width:100%;height:49px; margin:0px; text-align:left; margin-top:49px;}
.ct_probtn2 a{ display:block; margin:0px; width:220px; height:47px; border:#ffffff 1px solid;  border-radius:26px;line-height:47px; text-align:center; font-size:14px; color:#ffffff; text-decoration:none; background-color:#0961af}
.ct_probtn2 a:visited{ display:block; margin:0px; width:220px; height:47px; border:#ffffff 1px solid; border-radius:26px;line-height:47px; text-align:center; font-size:14px; color:#ffffff; text-decoration:none; background-color:#0961af}
.ct_probtn2 a:hover{ display:block; margin:0px; width:220px; height:47px; border:#ffffff 1px solid; border-radius:26px;line-height:47px; text-align:center; font-size:14px; color:#0961af; text-decoration:none; background-color:#ffffff; -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease;}
			
			/*slu*/
.ct_slucon{ position:relative; background-color:#ffffff;  }		
.ct_slutit{ width:100%; height:34px; position:absolute; text-align:center; font-size:18px; line-height:34px;  top:80px; color:rgba(255,255,255,.56); font-weight:normal; left:0%; text-transform:uppercase; z-index:9999 }
.ct_slutit2{ width:100%; height:64px; position:absolute; text-align:center; font-size:49px; line-height:64px;  top:110px; color:rgba(255,255,255,.86); font-weight:bold; left:0%; text-transform:uppercase; z-index:9999}
.ct_slutit3{ width:100%; height:26px; position:absolute; text-align:center; font-size:14px; line-height:26px;  top:174px; color:rgba(255,255,255,.49);font-weight:normal; left:0%; text-transform:uppercase; z-index:9999}



.ct_slucon{ width:100%; height:100%; position:relative}

.ct_slulist{ width:100%; height:100%; position:absolute; left:0px; bottom:0px;}

.ct_slulist img{ width:100%; height:auto;}

.ct_slulisttitle{ width:100%; height:49px; position:absolute; top:40%; margin-top:30px; text-align:center; font-size:30px; font-weight:normal; line-height:49px; color:#ffffff; text-transform:uppercase}
.ct_slulisttitle span{ font-weight:bold; }
.ct_slulisttitle2{ width:100%; height:120px; position:absolute; top:40%; margin-top:-70px; text-align:center; font-size:80px; font-weight:bold; line-height:120px; color:#ffffff;}


 .ct_slulisttxt{width:70%; height:44px; position:absolute; top:40%; left:15%; margin-top:100px;   text-align:center; font-size:16px; font-variant:normal; line-height:22px; color:rgba(255,255,255,.90); overflow:hidden;}
 
 
 
 .ct_slulistbtn{ width:100%; position:absolute;height:64px; top:40%; left:0; margin-top:180px; }
.ct_slulistbtn a{ display:block; margin:0px auto; width:220px; height:49px; border:#cf0014 1px solid;  border-radius:30px;line-height:49px; text-align:center; font-size:14px; color:#ffffff; text-decoration:none; background:rgba(207,0,20,.64)}
.ct_slulistbtn a:visited{ display:block; margin:0px auto; width:220px; height:49px; border:#cf0014 1px solid; border-radius:30px;line-height:49px; text-align:center; font-size:14px; color:#ffffff; text-decoration:none; background:rgba(207,0,20,.64)}
.ct_slulistbtn a:hover{ display:block;  margin:0px auto; width:220px; height:49px; border:#cf0014 1px solid; border-radius:30px;line-height:49px; text-align:center; font-size:14px; color:#ffffff; text-decoration:none;background:rgba(207,0,20,.99); -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease;}
			
			
			
			
			
/*新闻*/
.ct_newtit{ width:100%; height:34px; position:absolute; text-align:left; font-size:16px; line-height:34px;  top:140px; color:#646566; font-weight:normal; left:32%;  text-transform:uppercase }
.ct_newtit2{ width:100%; height:64px; position:absolute; text-align:left; font-size:49px; line-height:64px;  top:170px; color:#646566; font-weight:bold; left:32%; text-transform:uppercase}
.ct_newtit3{ width:100%; height:26px; position:absolute; text-align:left; font-size:14px; line-height:26px;  top:174px; color:#989898; font-weight:normal; left:32%; text-transform:uppercase}





.ct_newslist{ width:90%; height:100%; position:absolute; left:5%; top:150px;}

.ct_newslistitem{ width:26%; height:100%; float:left; margin:0px; text-align:left; overflow:hidden}

.veg_newslistitempic{ width:100%; height:300px; margin:0px; padding:0px; overflow:hidden}

.veg_newslistitempic img{width:100%; height:300px;}

.veg_newslistitempic img:hover{ transform:scale(1.02);-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; }


.veg_newslistitemtit{ width:100%;margin:0px auto; padding:0px; overflow:hidden; line-height:22px; height:44px; font-size:16px; margin-top:10px; margin-bottom:15px; font-weight:bold; text-align:left; color:#cf0014; }

.veg_newslistitemtit a{ color:#000000; text-decoration:none; }
.veg_newslistitemtit a:visited{ color:#000000; text-decoration:none;  }
.veg_newslistitemtit a:hover{ color:#cf0014; text-decoration:none;  -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease;  }

.veg_newslistiteminfo{ width:95%; height:40px; margin:0px auto; padding:0px; overflow:hidden; line-height:20px; font-size:14px; font-weight:normal; color:#646566; text-align:left; margin-top:10px; padding-right:5%}
.veg_newslistitemdate{ width:95%; height:20px; margin:0px auto; padding:0px; overflow:hidden; line-height:20px; font-size:12px; font-weight:normal; color:#bbbbbb; text-align:left; margin-top:10px; padding-right:5%}

.veg_newslistitemdate span{color:#747474} 

.veg_newslistitemr{ width:70%; height:94%; float:right;  margin:0px;  text-align:left; border:0px; border-top:#e0e0e6 1px dashed; margin-top:6%;}

.veg_newslistitemri{ width:100%;   margin:0px; padding:20px 0px; overflow:hidden;border-bottom:#e0e0e6 1px dashed; height:20px; overflow:hidden; }

 .veg_newslistitemrit{  font-size:16px; line-height:20px; overflow:hidden; text-align:left; font-weight:normal}
  .veg_newslistitemrit a{color:#000000; text-decoration:none}
  .veg_newslistitemrit a:visited{ color:#000000; text-decoration:none}
.veg_newslistitemrit a:hover{ color:#cf0014; text-decoration:none;  -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease;}
			
		.veg_newslistitemrit span{  font-weight:bold; color:#989898}
		
		
			
			.veg_newslistitemrid{ width:126px; height:20px; margin:0px; padding:0px; overflow:hidden; line-height:20px; font-size:14px; font-weight:normal; color:#989898; text-align:right; float:right;}

.veg_newslistitemrid span{color:#747474} 



.veg_newsbtn{ width:260px; height:56px; margin-top:49px;}
.veg_newsbtn a{ display:block; width:256px; height:52px; border:#cf0014 2px solid;  border-radius:34px;line-height:54px; text-align:center; font-size:14px; color:#ffffff; text-decoration:none; background-color:#cf0014}
.veg_newsbtn a:visited{ display:block; width:256px; height:52px; border:#cf0014 2px solid; border-radius:34px;line-height:54px; text-align:center; font-size:14px; color:#ffffff; text-decoration:none; background-color:#cf0014}
.veg_newsbtn a:hover{ display:block; width:256px; height:52px; border:#b40011 2px solid; border-radius:34px;line-height:54px; text-align:center; font-size:14px; color:#ffffff; text-decoration:none; background-color:#b40011; -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease;}




/*footer*/
.ct_footer{ width:100%; height:75px; position:absolute; left:0px; bottom:0px; z-index:9999; background:rgba(0,0,0,.80); padding:10px 0px;  text-align:center;  }

.ct_footercon{ width:70%; height:75px; margin:0 auto; line-height:25px; text-align:left; font-size:13px; color:#989898}

.ct_footercon img{ float:right; width:75px; height:75px; margin-left:10px;}


.ct_footercon a{ color:#e0e0e6; text-decoration:none}
.ct_footercon a:visited{ color:#e0e0e6; text-decoration:none}
.ct_footercon a:hover{ color:#ffffff; text-decoration:none; -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease;}



/*行业应用*/
 
/*technology*/
.veg_teccon{ position:relative;   background-image:url(../images/tec_bg.jpg); background-position:center center; background-repeat:repeat}
.veg_tectit{ width:80%; height:100px; position:absolute; text-align:center; font-size:100px; line-height:100px;  top:100px; color:rgba(255,255,255,.22); font-weight:bold; left:10%; z-index:99999 }
.veg_tectite{ width:80%; height:64px; position:absolute; text-align:center; font-size:64px; line-height:74px;  top:149px; color:#ffffff; font-weight:normal; left:10%; text-transform:uppercase; z-index:100000}


.veg_teclist{ width:80%; height:560px; margin:0 auto; margin-top:100px; position:relative; text-align:center  }

.veg_teclistitem{ width:24.9%; height:236px; font-size:20px; line-height:30px; color:#ffffff; float:left; margin:0; text-align:center; border:0px; border-right:rgba(255,255,255,.0) 1px solid; font-weight:normal; margin-top:64px;}
.veg_teclistiteml{ border-right:rgba(255,255,255,.26) 0px solid;}
.veg_clear{ width:100%; height:0px; line-height:0px; clear:both;}
.veg_teclistitem span{ font-size:70px; font-weight:bold; line-height:170px; }
.veg_tecbtn{ width:260px; height:56px; margin:0 auto; margin-top:74px;}
.veg_tecbtn a{ display:block; width:256px; height:52px; border:#cccccf 2px solid; line-height:54px; text-align:center; font-size:14px; color:#262626; text-decoration:none; background-color:#cccccf; border-radius:34px;}
.veg_tecbtn a:visited{ display:block; width:256px; height:52px; border:#cccccf 2px solid;line-height:54px; text-align:center; font-size:14px; color:#262626; text-decoration:none; background-color:#cccccf; border-radius:34px;}
.veg_tecbtn a:hover{ display:block; width:256px; height:52px; border:#ffffff 2px solid;line-height:54px; text-align:center; font-size:14px; color:#000000; text-decoration:none; background-color:#ffffff; -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease; border-radius:34px;}
			
			
/*stbottom*/
.st_bottom{ width:100%; height:100%; background-image:url(../images/bottom.jpg); background-repeat:no-repeat; background-position:center bottom;}		




/*stnew*/

/*public*/
.snto_con{ position:relative; background-color:#ffffff;  }
.snto_tit{ width:90%; height:56px; position:absolute; text-align:center; font-size:18px; line-height:26px;  top:120px;color:#646566; font-weight:normal; left:5%; text-transform:uppercase; z-index:99999999}
.snto_tit2{ width:90%; height:64px; position:absolute; text-align:center; font-size:49px; line-height:64px;  top:145px; color:#343536; font-weight:bold; left:5%; text-transform:uppercase; z-index:99999999 }



.snto_titb{ width:90%; height:56px; position:absolute; text-align:center; font-size:18px; line-height:34px;  top:120px; color:rgba(255,255,255,.56); font-weight:normal; left:5%; text-transform:uppercase; z-index:99999999 }
.snto_titb2{ width:90%; height:64px; position:absolute; text-align:center; font-size:49px; line-height:64px;  top:145px; color:rgba(255,255,255,.86); font-weight:bold; left:5%; text-transform:uppercase; z-index:99999999}






/*about*/

.snto_aboutbg{ background-image:url(../images/about_bg.jpg); background-repeat:no-repeat; background-position:center bottom;}






.snto_aboutcon{ width:1170px; height:470px; position:absolute; left:50%; margin-left:-585px; top:260px;}

.snto_aboutpic{ width:470px; height:470px; float:left; margin:0px; overflow:hidden;}
.snto_aboutpic img{ width:470px; height:470px;}
.snto_aboutpic img:hover{ transform:scale(1.1);-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; }
			
.snto_abouttxt{ width:670px; height:470px; float:right; margin:0px;}
.snto_aboutinfo{ width:670px; height:175px; line-height:25px; font-size:16px; text-align:left; color:#646566; overflow:hidden}

.snto_aboutlist{ width:670px; height:280px; margin-top:15px;}

.snto_aboutitem1{ width:25%; height:105px;  background:rgba(206,2,20,.74); margin-top:15px; float:left; text-align:center; padding:80px 0px; font-size:22px; color:#ffffff; line-height:25px;}

.snto_aboutitem1:hover{margin-top:0px;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; cursor:pointer; background:rgba(206,2,20,.99);}

.snto_aboutitem1 img{ width:60px; height:60px; margin:0 auto;}
.snto_aboutitem1 a{ text-decoration:none; color:#ffffff}
.snto_aboutitem1 a:visited{ text-decoration:none; color:#ffffff}
.snto_aboutitem1 a:hover{ text-decoration:none; color:#ffffff}




.snto_aboutitem2{ width:25%; height:105px; background:rgba(236,236,236,.80); margin-top:15px; float:left; text-align:center; padding:80px 0px; font-size:22px; color:#343536; line-height:25px;}

.snto_aboutitem2:hover{margin-top:0px;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; cursor:pointer;background:rgba(236,236,236,.99);}

.snto_aboutitem2 img{ width:60px; height:60px; margin:0 auto;}
.snto_aboutitem2 a{ text-decoration:none; color:#343536}
.snto_aboutitem2 a:visited{ text-decoration:none; color:#343536}
.snto_aboutitem2 a:hover{ text-decoration:none; color:#343536}


.snto_aboutitem3{ width:25%; height:105px; background:rgba(207,231,243,.80); margin-top:15px; float:left; text-align:center; padding:80px 0px; font-size:22px; color:#343536; line-height:25px;}

.snto_aboutitem3:hover{margin-top:0px;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; cursor:pointer;background:rgba(207,231,243,.99);}

.snto_aboutitem3 img{ width:60px; height:60px; margin:0 auto;}
.snto_aboutitem3 a{ text-decoration:none; color:#343536}
.snto_aboutitem3 a:visited{ text-decoration:none; color:#343536}
.snto_aboutitem3 a:hover{ text-decoration:none; color:#343536}


.snto_aboutitem4{ width:25%; height:105px; background:rgba(17,134,194,.80); margin-top:15px; float:left; text-align:center; padding:80px 0px; font-size:22px; color:#ffffff; line-height:25px;}

.snto_aboutitem4:hover{margin-top:0px;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; cursor:pointer;background:rgba(17,134,194,.99);}

.snto_aboutitem4 img{ width:60px; height:60px; margin:0 auto;}
.snto_aboutitem4 a{ text-decoration:none; color:#ffffff}
.snto_aboutitem4 a:visited{ text-decoration:none; color:#ffffff}
.snto_aboutitem4 a:hover{ text-decoration:none; color:#ffffff}

.snto_product{ width:100%; height:100%; position:relative}


.snto_productlist{ width:100%; height:100%; position:absolute; left:0px; bottom:0px;}

.snto_productlist img{ width:100%; height:auto;}

.snto_producttitle{ width:100%; height:64px; position:absolute; top:50%; margin-top:-100px; text-align:center; font-size:56px; font-weight:normal; line-height:64px; color:#ffffff; text-transform:uppercase}
 
.snto_producttitle2{ width:100%; height:120px; position:absolute; top:50%; margin-top:-50px; text-align:center; font-size:80px; font-weight:bold; line-height:120px; color:#ffffff;}


 .snto_producttxt{width:70%; height:34px; position:absolute; top:50%; left:15%; margin-top:70px;   text-align:center; font-size:30px; font-variant:normal; line-height:34px; color:rgba(255,255,255,.90); overflow:hidden;}
 
 
 
 .snto_productbtn{ width:100%; position:absolute;height:64px; top:50%; left:0; margin-top:180px; }
.snto_productbtn a{ display:block; margin:0px auto; padding:0 18px; width:200px; height:49px; border:#ffffff 2px solid;  border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none;background:rgba(255,255,255,.0); background-image:url(../images/btnicon.png); background-position:right center; background-repeat:no-repeat; }
.snto_productbtn a:visited{ display:block; margin:0px auto;padding:0 18px; width:200px; height:49px; border:#ffffff 2px solid; border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none; background:rgba(255,255,255,.0); background-image:url(../images/btnicon.png); background-position:right center; background-repeat:no-repeat; }
.snto_productbtn a:hover{ display:block;  margin:0px auto;padding:0 18px; width:200px; height:49px; border:#ffffff 2px solid; border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none; background:rgba(255,255,255,.22);background-image:url(../images/btnicon.png); background-position:right center; background-repeat:no-repeat;  -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease;}


 
.snto_casestyle{ width:500px; height:56px; position:absolute; left:50%; margin-left:-250px; top:226px; z-index:99999999}
.snto_casebtn11{ width:226px;height:56px; margin:0px 12px;float:left;}
.snto_casebtn11 a{ display:block; margin:0px; width:226px; height:54px; border:#e6e6ee 1px solid;  border-radius:0px;line-height:54px; text-align:center; font-size:16px; color:#343536; text-decoration:none; background-color:#ffffff}
.snto_casebtn11 a:visited{ display:block; margin:0px; width:226px; height:54px; border:#e6e6ee 1px solid; border-radius:0px;line-height:54px; text-align:center; font-size:16px; color:#343536; text-decoration:none; background-color:#ffffff}
.snto_casebtn11 a:hover{ display:block; margin:0px; width:226px; height:54px; border:#cf0014 1px solid; border-radius:0px;line-height:54px; text-align:center; font-size:16px; color:#ffffff; text-decoration:none; background-color:#cf0014; -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease;}
#snto_casebtn11on{display:block; margin:0px; width:226px; height:54px; border:#cf0014 1px solid; border-radius:0px;line-height:54px; text-align:center; font-size:16px; color:#ffffff; text-decoration:none; background-color:#cf0014;}
			
.snto_casecon{ width:100%; height:100%; position:relative; background-color:#f0f0f6}

 .aui-nav-content-box {
    width:100%;
    position:absolute; left:0; top:236px; bottom:0px;  
	 
}

.aui-nav-list-box {
    overflow: hidden;
    
    width:100%;
    height:56px;padding:0px; margin:0px; text-align:center
   
}
.aui-nav-list-box ul{ margin:0px auto; padding:0px; width:560px;}
.aui-nav-list-box ul li {
    float: left;
    
    height:56px; width:250px;  
   
    list-style:none; padding:0px; margin:0px 15px;
   
    
}

.aui-nav-list-box ul li a {
    color: #000; background-color:#e6e6ee; height:56px;    width:250px; text-align: center;
    font-size: 16px; border-radius:30px; display:block; line-height:56px; padding:0px; text-decoration:none
}



.aui-nav-list-box ul .aui-current {
 color: #ffffff; background-color:#cf0014; height:56px;    width:250px; text-align: center;
    font-size: 16px; border-radius:34px; display:block; text-decoration:none
    
}

.aui-nav-list-box ul .aui-current a {
   color: #ffffff; background-color:#cf0014; height:56px;    width:250px; text-align: center;
    font-size: 16px; border-radius:34px; display:block; text-decoration:none
}
 .aui-nav-list-tab{ margin-top:26px;}
 .snto_con2{ position:relative; background-color:#f0f0f6;  }
 
 
 .snto_caselist{ width:92%; height:100%; position:absolute; left:4%; bottom:0; background:none; padding:0px; }
 
 
 .snto_caseitem1{ width:23%; height:auto; background-color:#ffffff; float:left; padding:0px; margin:0px; text-align:center; padding:0; margin:1%;box-shadow:0px 0px 20px #e6e6ee; }
.snto_caseitem1:hover{  box-shadow:0px 0px 34px #c0c0c6;-webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease; cursor:pointer }



.snto_caseitem1_img{ width:92%; height:236px; margin:4% auto; overflow:hidden}
.snto_caseitem1_img img{ width:100%; height:236px;  }




.snto_caseitem1_img img:hover{ transform:scale(1.05);-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; }





.snto_caseitemt1{ width:92%; margin:0 auto;padding:0; text-align:left; font-size:24px; color:#343536; line-height:49px; overflow:hidden; height:49px; font-weight:bold}

 .snto_caseitem1:hover .st_caseitemt1{  -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease; cursor:pointer; color:#cf0014 }

.snto_caseitemi1{ width:92%; margin:0 auto; padding:0; text-align:left; font-size:14px; color:#747576; line-height:20px; margin-top:10px; height:20px; overflow:hidden}

.snto_casebtn1{ width:100%;height:54px; margin:0px auto; text-align:left; margin-top:30px; border-top:#eeeef0 1px solid;}
.snto_casebtn1 a{ display:block; margin:0px; width:100%; height:54px; border:0px;  border-radius:0px;line-height:54px; text-align:center; font-size:14px; color:#343536; text-decoration:none; background-color:#f0f0f6}
.snto_casebtn1 a:visited{ display:block; margin:0px; width:100%; height:54px;border:0px;border-radius:0px;line-height:54px; text-align:center; font-size:14px; color:#343536; text-decoration:none; background-color:#f0f0f6}
.snto_casebtn1 a:hover{ display:block; margin:0px; width:100%; height:54px; border:0px; border-radius:0px;line-height:54px; text-align:center; font-size:14px; color:#ffffff; text-decoration:none; background-color:#cf0014; -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease;}
			
 .snto_devcon{ position:relative;   background-image:url(../images/tec_bg.jpg); background-position:center center; background-repeat:repeat}
 
 .snto_newcon{ width:1180px; height:470px; position:absolute; left:50%; margin-left:-590px; top:260px;}
 .snto_newcon01{ width:1180px; height:200px; margin:0px; padding:0px;}
 .snto_newcon01item01{ width:225px; height:140px; background-color:#ce0214; float:left; position:relative; margin:0 5px;   padding:0px; overflow:hidden; padding:30px; text-align:center; font-size:14px; line-height:30px; color:#ffffff}
 
 .snto_newcon01item01 i{ position:absolute; left:30px; top:30px; right:30px; bottom:30px; border:rgba(255,255,255,.56) 1px solid; z-index:999}
 
  .snto_newcon01item01 img{ width:50px; height:50px; position:absolute; top:30px; left:50%; margin-left:-25px; z-index:9999}
   .snto_newcon01item01 span{ font-size:30px; display:block; width:100%; height:40px; line-height:40px; text-align:center; top:80px; left:0px; color:#ffffff; z-index:9999; position:absolute}
   .snto_newcon01item01 a{ text-decoration:none; color:rgba(255,255,255,.74); width:100%; height:30px; line-height:30px; text-align:center; left:0px; top:120px; position:absolute; display:block; cursor:pointer; z-index:9999}
    .snto_newcon01item01 a:visited{text-decoration:none; color:rgba(255,255,255,.74); width:100%; height:30px; line-height:30px; text-align:center; left:0px; top:120px; position:absolute; display:block; cursor:pointer; z-index:9999}
	 .snto_newcon01item01 a:hover{ text-decoration:none; color:rgba(255,255,255,.99); width:100%; height:30px; line-height:30px; text-align:center; left:0px; top:120px; position:absolute; display:block; cursor:pointer; z-index:9999;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;}
   
   
   .snto_newcon01item02{ width:285px; height:200px; float:left; position:relative; margin:0 5px; padding:0px; overflow:hidden; }
   .snto_newcon01item02 img{ width:285px; height:200px; position:absolute; left:0; top:0; z-index:1}
   .snto_newcon01item02t{ width:90%; height:40px; padding:10px 5%; position:absolute; left:0; bottom:0; z-index:2; text-align:left; font-size:16px; font-weight:bold; overflow:hidden; background:rgba(0,0,0,.56)}
   
   .snto_newcon01item02:hover img{transform:scale(1.05);-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; }
   
   .snto_newcon01item02t a{ color:#e0e0e6; text-decoration:none }
      .snto_newcon01item02t a:visited{ color:#e0e0e6; text-decoration:none }
	     .snto_newcon01item02t a:hover{ color:#ffffff; text-decoration:none;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; }
			
			
			.snto_newcon02{ width:1170px; height:240px; margin:0px; padding:0px 5px; margin-top:30px;}
			
			
			.snto_newcon02left{ width:570px; height:240px; float:left; margin:0px; padding:0px;}
			.snto_newcon02leftr{ width:570px; height:240px; float:right; margin:0px; padding:0px;}
			
			.snto_newcon02leftt{ width:570px; height:40px; line-height:40px; text-align:left; font-size:30px; color:#343536; padding-bottom:10px;  }
			
			.snto_newcon02leftt img{ width:40px; height:40px; float:left; margin-right:10px;}
			
			.snto_newcon02leftt span{ width:64px; height:40px; line-height:40px; font-size:14px; text-align:right; float:right; margin:0px;}
			
			
			.snto_newcon02leftt span a{ color:#646566; text-decoration:none}
			.snto_newcon02leftt span a:visited{ color:#646566; text-decoration:none}
			.snto_newcon02leftt span a:hover{ color:#343536; text-decoration:none}
			
			
			.snto_newcon02lefti{ width:570px; height:38px; line-height:38px; text-align:left; font-size:16px; color:#ce0214; overflow:hidden}
			
			.snto_newcon02lefti a{ color:#000000; text-decoration:none}
			.snto_newcon02lefti a:visited{ color:#000000; text-decoration:none}
			.snto_newcon02lefti a:hover{ color:#ce0214; text-decoration:none;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;}
			
			
			.snto_newcon02lefti span{ width:100px; height:38px; line-height:38px; font-size:14px; text-align:right; float:right; margin:0px; color:#646566}
			
			
	 
			
		.snto_botcon{ width:100%; height:740px; position:absolute; left:0%;bottom:0px; background-color:#343536}
		.snto_botconc{ width:100%; height:740px; position:relative; margin:0px; padding:0px;}
		
		
		
			
		.snto_mescon{ width:100%; height:90px; background-color:#1186c2; margin:auto; padding:0px; text-align:center; padding:110px 0px;}	
		.snto_mescenter{ width:1170px; height:90px; margin:0 auto;}	
			
		.snto_mestit{ width:200px; height:90px; float:left; font-size:16px; color:rgba(255,255,255,.86); line-height:30px; text-align:left; font-weight:normal }	
		.snto_mestit span{ font-size:44px; color:rgba(255,255,255,.99); line-height:70px; text-align:left; font-weight:bold }	
        .snto_mesform{ width:920px; height:40px; background-color:#f0f0f6; float:right; border:0px; border-radius:5px; padding:25px;}
		
		 .snto_mesforminput{ width:148px; height:38px; line-height:38px; border:#e0e0e6 1px solid; background-color:#ffffff; font-size:14px; text-align:left; color:#343536; text-indent:10px; float:left; margin-right:25px;}
		
		.snto_mesforminput2{ width:393px; height:38px; line-height:38px; border:#e0e0e6 1px solid; background-color:#ffffff; font-size:14px; text-align:left; color:#343536; text-indent:10px; float:left; margin-right:25px;}
		
		
		.snto_mesforminput3{ width:150px; height:40px; line-height:40px; border:0px; background-color:#ce0214; font-size:14px; text-align:center; color:#ffffff;  float:left; margin:0px;}
		.snto_mesforminput3:hover{ width:150px; height:40px; line-height:40px; border:0px; background-color:#ba0010; font-size:14px; text-align:center; color:#ffffff;  float:left; margin:0px;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; cursor:pointer}
		.snto_copyright{ width:100%; height:74px; line-height:74px; font-size:14px; text-align:center; color:#989898; position:absolute; left:0px; bottom:0px; z-index:9999; background-color:#000000}
		.snto_copyright a{ color:#e0e0e6; text-decoration:none}
		.snto_copyright a:visited{ color:#e0e0e6; text-decoration:none}
		.snto_copyright a:hover{ color:#ffffff; text-decoration:none;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;}
		
		.snto_bottomc{ width:1170px; height:auto; margin:0 auto; margin-top:49px; min-height:200px;}	
		
		.snto_bottomcitem{ width:12.5%; float:left; margin:0px; padding:0px;}
		
		.snto_bottomcitemtit{ width:90%; height:20px; line-height:20px; border-left:#ffffff 4px solid; text-indent:10px; font-size:20px; text-align:left;margin-bottom:15px;}
		
		.snto_bottomcitemtit a{ color:#ffffff; text-decoration:none}
		.snto_bottomcitemtit a:visited{ color:#ffffff; text-decoration:none}
		.snto_bottomcitemtit a:hover{ color:#ce0214; text-decoration:none;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;}
		
		.snto_bottomcitemitem{ width:100%; height:30px; line-height:30px;  font-size:14px; text-align:left; color:#ffffff }
		
		.snto_bottomcitemitem a{ color:#ffffff; text-decoration:none}
		.snto_bottomcitemitem a:visited{ color:#ffffff; text-decoration:none}
		.snto_bottomcitemitem a:hover{ color:#ce0214; text-decoration:none;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;}
			
			
			.snto_bottomcitem2{ width:25%; float:left; margin:0px; padding:0px;}
		
		.snto_bottomcitem2tit{ width:90%; height:20px; line-height:20px; border-left:#ffffff 4px solid; text-indent:10px; font-size:20px; text-align:left;margin-bottom:15px;}
		
		.snto_bottomcitem2tit a{ color:#ffffff; text-decoration:none}
		.snto_bottomcitem2tit a:visited{ color:#ffffff; text-decoration:none}
		.snto_bottomcitem2tit a:hover{ color:#ce0214; text-decoration:none;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;}
		
		
		
		.snto_bottomcitem2item1{ width:100%; height:36px; line-height:36px;  font-size:30px; text-align:left; color:#ffffff; font-weight:bold; margin-top:20px; }
		.snto_bottomcitem2item1 img{ width:36px; height:36px; float:left; margin-right:5px;}
		.snto_bottomcitem2item2{ width:100%; height:36px; line-height:18px;  font-size:14px; text-align:left; color:#ffffff; font-weight:normal; margin-top:5px;}
		.snto_bottomcitem2item2 img{ width:36px; height:36px; float:left; margin-right:5px;}
		.snto_bottomcitem2item3{ width:100%; height:36px; line-height:36px;  font-size:14px; text-align:left; color:#ffffff; font-weight:normal;margin-top:5px; }
		.snto_bottomcitem2item3 img{ width:36px; height:36px; float:left; margin-right:5px;}
		
	/*晟通内页*/
	.page_aboutbanner{ width:100%; height:200px; margin:0px; padding:0px; background-image:url(../images/about_banner.jpg); background-position:center center; background-repeat:no-repeat; padding:220px 0px; text-align:center;}	
	.page_toptitle{ width:80%; height:100px; text-align:left; margin:0px auto; font-size:48px; font-weight:bold; line-height:50px; color:#ffffff}
	
	.page_toptitle span{ font-size:26px; text-transform:uppercase; line-height:30px; font-weight:normal;}
	
	.page_topnav{ width:80%; height:70px; margin:0 auto; margin-top:30px;}
	.page_topnavitem{ width:200px; height:50px; float:left; margin:0px; padding:0px; margin-right:15px;}
	
	.page_topnavitem a{ display:block; width:200px; height:50px; background-color:#ffffff; border:0px; border-radius:26px; font-size:16px; line-height:50px; text-align:center; color:#343536;text-decoration:none;}
	.page_topnavitem a:visited{ display:block; width:200px; height:50px; background-color:#ffffff; border:0px; border-radius:26px; font-size:16px; line-height:50px; text-align:center; color:#343536;text-decoration:none;}
	.page_topnavitem a:hover{ display:block; width:200px; height:50px; background-color:#f55f6e; border:0px; border-radius:26px; font-size:16px; line-height:50px; text-align:center; color:#ffffff; text-decoration:none;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;}
	
	#page_topnavitem{ display:block; width:200px; height:50px; background-color:#f55f6e; border:0px; border-radius:26px; font-size:16px; line-height:50px; text-align:center; color:#ffffff; text-decoration:none;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;}
	
	.page_title1{ width:100%; height:64px; margin:0 auto; margin-top:74px; border:0px; border-bottom:#eeeef0 1px solid; position:relative}
	.page_title2{ width:100%; height:64px; margin:0 auto; margin-top:74px; border:0px; border-bottom:#e6e6ee 1px solid; position:relative}
	.page_title1txt{ font-size:48px; line-height:90px; font-weight:bold; text-align:center; width:200px; height:90px; border-bottom:#ce0214 5px solid; color:#ce0214; position:absolute; z-index:9; left:50%; margin-left:-100px; bottom:-3px;}
	
	
	
	.page_aboutpic{ width:570px; margin:49px auto; height:349px;box-shadow:0px 0px 34px #e0e0e6; overflow:hidden}
	.page_aboutpic img{width:570px;height:349px;}
	
	
	.page_aboutpic img:hover{ transform:scale(1.05);-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; }
	
	
	.page_abouttxt{ width:80%; margin:49px auto; text-align:left; font-size:16px; line-height:30px; color:#747576; }
	
	
	.page_abouttxt p{ padding:3px 0px;}
	
	
	
	
	.page_culist{ width:82%; height:1250px; margin:0 auto; margin-top:49px;}
	
	.page_culistitem01{ width:24.33%; height:500px; margin:0 1.5%;background-image:url(../images/culbg01.jpg); background-position:left center; background-repeat:no-repeat; float:left;box-shadow:0px 0px 34px #c0c0c6; text-align:center; padding:50px 3%; font-size:14px; line-height:22px; color:#ffffff;}
	
	.page_culistitem01 span{ font-size:36px; font-weight:bold; line-height:64px;}
	
	
	.page_culistitem02{ width:24.33%; height:500px; margin:0 1.5%;background-image:url(../images/culbg02.jpg); background-position:center center; background-repeat:no-repeat; float:left;box-shadow:0px 0px 34px #c0c0c6; text-align:center; padding:50px 3%; font-size:14px; line-height:22px; color:#ffffff;}
	
	.page_culistitem02 span{ font-size:36px; font-weight:bold; line-height:64px;}
	
	.page_culistitem03{ width:24.33%; height:500px; margin:0 1.5%;background-image:url(../images/culbg03.jpg); background-position:left center; background-repeat:no-repeat; float:left;box-shadow:0px 0px 34px #c0c0c6; text-align:center; padding:50px 3%; font-size:16px; line-height:26px; color:#262626;}
	
	.page_culistitem03tit{ font-size:36px; font-weight:bold; line-height:64px; width:100%; text-align:center}
	.page_culistitem03tit2{font-size:18px; line-height:34px;width:100%; text-align:center; font-weight:bold}
	.page_culistitem03tit3{font-size:14px; line-height:22px;width:100%; text-align:left; font-weight:normal}
	
	.page_culistitem04{ width:97%; height:600px; margin:0 1.5%;background-image:url(../images/culbg04.jpg); background-position:center center; background-repeat:no-repeat; margin-top:3%; float:left;box-shadow:0px 0px 34px #dddde0;}
	
	
	
	#timeline {
		border:0px;
		width:100%;
		height:560px;
		overflow: hidden;
		margin:0;
		position: relative; padding:0px;
	 
		 
	}
 .timeline_con{ width:100%; height:74px; position:absolute;  z-index:100; left:0; top:0px;background:rgba(0,0,0,.34); padding:26px 0px; z-index:1}
 
 .timeline_center{width:100%; height:74px; position:relative; margin:0px; padding:0px;background: url(../images/timelinebg03.png) center bottom  repeat-x;}
 
 
		#dates {
			width:100%;
			height:74px;
			overflow: hidden;
			 position:absolute;  top:0; padding:0px; margin:0px;
		}
			#dates li {
				list-style: none;
				float: left;
				width: 140px;
				height: 74px; margin:0px; padding:0px;
				 
				
			}
				#dates a { display:block; font-size:16px; line-height:74px; text-decoration:none;font-weight:noraml;
					 width: 140px;
			     	height: 74px; color:#ffffff;
					 background: url(../images/timelinebg01.png) center bottom no-repeat;
				}
				#dates a:visited { display:block; font-size:16px; line-height:74px; text-decoration:none;font-weight:noraml;
					 width: 140px;
			     	height: 74px; color:#ffffff;
					 background: url(../images/timelinebg01.png) center bottom no-repeat;
				}
				#dates a:hover { display:block; font-size:34px; line-height:74px; text-decoration:none;font-weight:noraml;
					 width: 140px;
			     	height: 74px; color:#ff4400;
					 background: url(../images/timelinebg02.png) center bottom no-repeat;
				}
				#dates .selected {
			       display:block; font-size:34px; line-height:74px; text-decoration:none; font-weight:noraml;
					 width: 140px;
			     	height: 74px; color:#ff4400;
					 background: url(../images/timelinebg02.png) center bottom no-repeat;
				}
		
		#issues {
			width:100%;
			height:560px;
			overflow: hidden; margin:0px; padding:0px; position:absolute; left:0; top:0; z-index:0;
		}	
			#issues li {
				width:2000px;
				height: 560px;
				list-style: none;margin:0px; padding:0px;
				float: left; position:relative
			}
				#issues li img {
					float: left;
					margin:0;
					 
				}
				
				
				.time_itemtitle{ position:absolute; top:140px; z-index:999; left:149px; line-height:74px; font-size:40px; color:#ffffff; width:800px; text-align:left; overflow:hidden}
				
				.time_itemttxt{ position:absolute; top:220px; z-index:999; left:149px; line-height:25px; font-size:16px; color:#ffffff; width:800px; text-align:left; height:75px; overflow:hidden}
				
				
			 .snto_timebtn{ width:100%; position:absolute;height:64px; top:346px; left:149px;  }
.snto_timebtn a{ display:block; margin:0px; padding:0 18px; width:200px; height:49px; border:#ffffff 2px solid;  border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none;background:rgba(255,255,255,.0); background-image:url(../images/btnicon.png); background-position:right center; background-repeat:no-repeat; }
.snto_timebtn a:visited{ display:block; margin:0px;padding:0 18px; width:200px; height:49px; border:#ffffff 2px solid; border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none; background:rgba(255,255,255,.0); background-image:url(../images/btnicon.png); background-position:right center; background-repeat:no-repeat; }
.snto_timebtn a:hover{ display:block;  margin:0px;padding:0 18px; width:200px; height:49px; border:#ffffff 2px solid; border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none; background:rgba(255,255,255,.22);background-image:url(../images/btnicon.png); background-position:right center; background-repeat:no-repeat;  -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease;}
			
			
			slideGroup {
	margin:0 auto;
	width: 1000px;
	height: 500px;
}

.slideGroup .parHd {
	position: relative;
	height: 50px; width:800px; margin:0 auto;
 
	 
}

.slideGroup .parHd ul {
	 height: 50px; width:880px; margin:34px 0px; padding:0px;
}

.slideGroup .parHd ul li {
	float: left;
	 display:block; width:200px; height:50px; margin:0 10px; background-color:#f0f0f6; font-size:16px; color:#343536; line-height:50px; text-align:center; border:0px; border-radius:26px; cursor:pointer
	 
}
.slideGroup .parHd ul li:hover {
	 
	background: #ce0214;
	color: #ffffff;
}
.slideGroup .parHd ul li.on {
	 
	background: #ce0214;
	color: #ffffff;
}








.slideGroup .slideBox {
	overflow: hidden;
	zoom: 1;
	padding:0 74px;
	position: relative;
	 height:490px; margin:34px auto; text-align:center; width:1170px; 
}

.slideGroup .sPrev,
.slideGroup .sNext {
	position: absolute;
	left: 5px;
	top: 10px;
	display: block;
	width: 54px;
	height:490px;
	background: url(../images/icoLeft.png) center center no-repeat;
}

.slideGroup .sNext {
	left: auto;
	right: 5px;
	background: url(../images/icoRight.png) center center no-repeat;
}

.slideGroup .parBd ul {
	overflow: hidden;
	zoom: 1; width:1170px; height:490px; margin:0 auto; padding:0px;
}

.slideGroup .parBd ul li {
	margin:0px;
	float: left;
	width:1170px;
	position: relative;height:490px; list-style:none;
}

.slideGroup .parBd ul li .pic {
 width:740px; height:490px; float:left; margin:0px; padding:0px; background-color:#006699
	 
}

.slideGroup .parBd ul li .pic img {
	 width:740px; height:490px; margin:0px; 
}


.slideGroup .parBd ul li .description { width:400px; height:490px; float:right; margin:0px; padding:0px; font-size:16px; line-height:25px; text-align:left; color:#646566;
}
.slideGroup .parBd ul li .description  span{ font-size:34px; line-height:64px; color:#343536; font-weight:bold
}


	
			 .snto_honorbtn{ width:100%;height:64px; margin-top:49px;}
.snto_honorbtn a{ display:block; margin:0px; padding:0 18px; width:200px; height:49px; border:#343536 2px solid;  border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#343536; text-decoration:none;background:rgba(0,0,0,.0); background-image:url(../images/btnicon2.png); background-position:right center; background-repeat:no-repeat; }
.snto_honorbtn a:visited{ display:block; margin:0px;padding:0 18px; width:200px; height:49px; border:#343536 2px solid; border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#343536; text-decoration:none; background:rgba(0,0,0,.0); background-image:url(../images/btnicon2.png); background-position:right center; background-repeat:no-repeat; }
.snto_honorbtn a:hover{ display:block;  margin:0px;padding:0 18px; width:200px; height:49px; border:#343536 2px solid; border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#343536; text-decoration:none; background:rgba(0,0,0,.10);background-image:url(../images/btnicon2.png); background-position:right center; background-repeat:no-repeat;  -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease;}
			


.sntopage_bottom{ width:100%; margin:0 auto; margin-top:100px; background-color:#343536; text-align:center; padding-top:7px;}
 .sntopage_copyright{ width:100%; height:74px; line-height:74px; font-size:14px; text-align:center; color:#989898;  background-color:#000000; margin-top:49px;}
		.sntopage_copyright a{ color:#e0e0e6; text-decoration:none}
		.sntopage_copyright a:visited{ color:#e0e0e6; text-decoration:none}
		.sntopage_copyright a:hover{ color:#ffffff; text-decoration:none;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;}
			
			
			
			/*发展*/
			.page_devbanner{ width:100%; height:200px; margin:0px; padding:0px; background-image:url(../images/dev_banner.jpg); background-position:center center; background-repeat:no-repeat; padding:220px 0px; text-align:center;}	
			
			.dev_list01{ width:100%; height:600px; margin:0px; padding:0px;}
			.dev_list01pic{ width:50%; height:600px; float:left; margin:0px; padding:0px; overflow:hidden;}
			.dev_list01pic img{ width:auto; height:auto; margin:0px;}
			
			.dev_list01pic img:hover{transform:scale(1.05);-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; }
			
			.dev_list01txt{ width:40%; height:500px; float:left; margin:0px; padding:50px 5%; overflow:hidden; font-size:16px; line-height:25px; color:#343536; text-align:left}
			
			.dev_list01txt span{ font-size:48px; font-weight:bold; line-height:64px; color:#ce0014}
			
			 .snto_devbtn{ width:100%;height:64px; margin-top:49px;}
.snto_devbtn a{ display:block; margin:0px; padding:0 18px; width:200px; height:49px; border:#ce0014 2px solid;  border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#ce0014; text-decoration:none;background:rgba(206,0,20,.0); background-image:url(../images/btnicon3.png); background-position:right center; background-repeat:no-repeat; }
.snto_devbtn a:visited{ display:block; margin:0px;padding:0 18px; width:200px; height:49px; border:#ce0014 2px solid; border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#ce0014; text-decoration:none; background:rgba(206,0,20,.0); background-image:url(../images/btnicon3.png); background-position:right center; background-repeat:no-repeat; }
.snto_devbtn a:hover{ display:block;  margin:0px;padding:0 18px; width:200px; height:49px; border:#ce0014 2px solid; border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#ce0014; text-decoration:none; background:rgba(206,0,20,.10);background-image:url(../images/btnicon3.png); background-position:right center; background-repeat:no-repeat;  -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease;}
			.dev_list02{ width:100%; height:468px; margin:0px; padding:0px;background-image:url(../images/dev03.jpg); background-position:center center; background-repeat:repeat;}
			
			
			.dev_list02txt{ width:40%; height:268px; float:right; margin:0px; padding:100px 5%; overflow:hidden; font-size:16px; line-height:25px; color:#ffffff; text-align:left}
			
			.dev_list02txt span{ font-size:48px; font-weight:bold; line-height:64px; color:#ffffff}
			
			
			 .snto_devbtn02{width:100%;height:64px; margin-top:34px;}
.snto_devbtn02 a{ display:block; margin:0px; padding:0 18px; width:200px; height:49px; border:#ffffff 2px solid;  border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none;background:rgba(255,255,255,.0); background-image:url(../images/btnicon.png); background-position:right center; background-repeat:no-repeat; }
.snto_devbtn02 a:visited{ display:block; margin:0px;padding:0 18px; width:200px; height:49px; border:#ffffff 2px solid; border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none; background:rgba(255,255,255,.0); background-image:url(../images/btnicon.png); background-position:right center; background-repeat:no-repeat; }
.snto_devbtn02 a:hover{ display:block;  margin:0px;padding:0 18px; width:200px; height:49px; border:#ffffff 2px solid; border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none; background:rgba(255,255,255,.22);background-image:url(../images/btnicon.png); background-position:right center; background-repeat:no-repeat;  -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease;}
			
			.dev_list03{ width:100%; height:468px; margin:0px; padding:0px;background-image:url(../images/dev04.jpg); background-position:center center; background-repeat:repeat; margin-bottom:-100px;}
			
			
			.dev_list03txt{ width:40%; height:268px; float:left; margin:0px; padding:100px 5%; overflow:hidden; font-size:16px; line-height:25px; color:#343536; text-align:left}
			
			.dev_list03txt span{ font-size:48px; font-weight:bold; line-height:64px; color:#ce0014}
			
			
				/*案例*/
			.page_casebanner{ width:100%; height:200px; margin:0px; padding:0px; background-image:url(../images/case_banner.jpg); background-position:center center; background-repeat:no-repeat; padding:220px 0px; text-align:center;}	
			
			
			
			
			.sntopage_caselist{ width:83%; margin:49px auto; height:auto}
			
			
			
			
			
			
			
 .sntopage_caseitem{ width:30.33%; height:auto; background-color:#ffffff; float:left; padding:0px; margin:0px; text-align:center; padding:0; margin:1.5%;box-shadow:0px 0px 20px #e0e0e6; }
.sntopage_caseitem:hover{  box-shadow:0px 0px 34px #c0c0c6;-webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease; cursor:pointer }



.sntopage_caseitem_img{ width:92%; height:260px; margin:4% auto; overflow:hidden}
.sntopage_caseitem_img img{ width:100%; height:260px;  }




.sntopage_caseitem_img img:hover{ transform:scale(1.05);-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; }





.sntopage_caseitemt{ width:92%; margin:0 auto;padding:0; text-align:left; font-size:24px; color:#343536; line-height:49px; overflow:hidden; height:49px; font-weight:bold}

 .sntopage_caseitemt:hover .st_caseitemt1{  -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease; cursor:pointer; color:#cf0014 }

.sntopage_caseitemi{ width:92%; margin:0 auto; padding:0; text-align:left; font-size:14px; color:#747576; line-height:20px; margin-top:10px; height:20px; overflow:hidden}

.sntopage_casebtn{ width:100%;height:64px; margin:0px auto; text-align:left; margin-top:30px; border-top:#eeeef0 1px solid;}
.sntopage_casebtn a{ display:block; margin:0px; width:100%; height:64px; border:0px;  border-radius:0px;line-height:64px; text-align:center; font-size:14px; color:#343536; text-decoration:none; background-color:#f0f0f6}
.sntopage_casebtn a:visited{ display:block; margin:0px; width:100%; height:64px;border:0px;border-radius:0px;line-height:64px; text-align:center; font-size:14px; color:#343536; text-decoration:none; background-color:#f0f0f6}
.sntopage_casebtn a:hover{ display:block; margin:0px; width:100%; height:64px; border:0px; border-radius:0px;line-height:64px; text-align:center; font-size:14px; color:#ffffff; text-decoration:none; background-color:#cf0014; -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease;}
			
			
	.snto_clear{ width:100%; height:0px; line-height:0px; clear:both}		
			
			
	.snto_pagnavcon{ width:80%; height:56px; margin:49px auto; text-align:center;}		
			
		.snto_pagnavcon a{ display:inline-table; width:54px; height:54px;  background-color:#f0f0f6; text-align:center; font-size:14px; line-height:54px; border:#e6e6ee 1px solid; color:#343536; border-radius:50%; text-decoration:none; margin-right:7px;}
		.snto_pagnavcon a:visited{ display:inline-table; width:54px; height:54px;   background-color:#f0f0f6; text-align:center; font-size:14px; line-height:54px; border:#e6e6ee 1px solid; color:#343536; border-radius:50%; text-decoration:none; margin-right:7px;}
		.snto_pagnavcon a:hover{ display:inline-table; width:54px; height:54px; background-color:#cf0014; text-align:center; font-size:14px; line-height:54px;border:#cf0014 1px solid; color:#ffffff; border-radius:50%; text-decoration:none; margin-right:7px;}	
			
			#snto_pagnavactive{display:inline-table; width:54px; height:54px;   background-color:#cf0014; text-align:center; font-size:14px; line-height:54px; color:#ffffff; border-radius:50%;}
			
			
			 	/*新闻*/
			.page_newbanner{ width:100%; height:200px; margin:0px; padding:0px; background-image:url(../images/new_banner.jpg); background-position:center center; background-repeat:no-repeat; padding:220px 0px; text-align:center;}	
			
			.sntopage_newitem{ width:80%; height:260px; padding:49px 0px; margin:0 auto; border:0px; border-bottom:#e6e6ee 1px solid;}
			
			.sntopage_newitempic{ width:30%; height:260px; overflow:hidden; float:left;}
			.sntopage_newitempic img{ width:100%; height:auto;}
			
			
			
.sntopage_newitempic img:hover{ transform:scale(1.05);-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; }
			
			
			.sntopage_newitemtxt{ width:67%; height:260px; overflow:hidden; float:right;}
			
			.sntopage_newitemtit{ width:100%; height:60px; line-height:30px; font-size:26px; font-weight:bold; overflow:hidden; text-align:left}
			
			.sntopage_newitemtit a{ color:#343536; text-decoration:none }
			.sntopage_newitemtit a:visited{ color:#343536; text-decoration:none }
			.sntopage_newitemtit a:hover{ color:#ce0214; text-decoration:none;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;  }
			
			.sntopage_newiteminfo{ width:100%; height:75px; margin-top:25px; line-height:25px; font-size:14px; font-weight:normal; overflow:hidden; text-align:left; color:#747576}
			
			.sntopage_newitemdate{ width:100%; height:20px; line-height:20px; margin-top:80px; text-align:left; color:#aaaaaa; font-size:14px;}
			.sntopage_newitemdate span{ color:#646566;  }
			
			.sntopage_newitemdate a{ color:#ce0214; text-decoration:none  }
			.sntopage_newitemdate a:visited{ color:#ce0214; text-decoration:none  }
			.sntopage_newitemdate a:hover{ color:#ce0214; text-decoration:underline  }
			
			
			
			
			
 	/*产品*/
			.page_productbanner{ width:100%; height:200px; margin:0px; padding:0px; background-image:url(../images/product_banner.jpg); background-position:center center; background-repeat:no-repeat; padding:220px 0px; text-align:center;}	
			
			.page_producttxt{ width:80%; margin:49px auto; text-align:left; font-size:16px; line-height:30px; color:#747576; }
	
	
	.page_producttxt p{ padding:3px 0px;}
	
	.page_producttxt img{ float:left; margin:0px; margin-right:56px; margin-bottom:30px;}
	
	.pro_e0bg{ width:100%; margin:74px auto; background-color:#f0f0f6; padding:74px 0px; margin-bottom:0px; padding-top:26px}
	.page_prolist{ width:82%; height:520px; margin:0 auto; margin-top:49px;}
	
	.page_prolistitem{ width:24.0%; height:400px; margin:0 1.5%; padding:50px 3%; text-align:center; border:#eeeef0 1px solid; float:left; background-color:#fafaff; margin-top:20px; }
	.page_prolistitem:hover{  box-shadow:0px 0px 49px #dddde0; background-color:#ffffff; margin-top:0px;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; cursor:pointer;  }
	
	 .page_prolistitempic{ width:100%; height:80px; margin:0 auto; text-align:center}
	  .page_prolistitempic img{ width:80px; height:80px; margin:0 auto}
	
	.page_prolistitemtit{ width:100%; height:80px; margin:0 auto; text-align:center; font-size:34px; color:#343536; line-height:80px; font-weight:bold}
	
	.page_prolistiteminfo{ width:100%; height:auto; margin:0 auto; text-align:left; font-size:14px; color:#646566; line-height:26px; font-weight:normal}
	
	.page_prolistiteminfo span{ font-weight:bold; color:#1486c0}
	
	.pro_typebg{ background-color:#1186c2; padding:1% 0.5%; width:99%; margin:0 auto; height:440px;}
	
	.pro_typeitem{ width:24%; float:left;height:440px; margin:0 0.5%; padding:0px; }
	.pro_typetitle{ text-align:center; font-size:48px; font-weight:bold; color:#ffffff; width:100%; height:100px; line-height:100px; margin:0 auto; margin-top:170px;}
	
	.pro_typeitemc{ width:100%; height:440px; position:relative; margin:0px; padding:0px; overflow:hidden}
	
	
	.pro_typeitemc img{ width:100%; height:auto; position:absolute; left:0; top:0; z-index:0}
	.pro_typeitemc:hover img{ transform:scale(1.05);-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; cursor:pointer}
	
	.pro_typeitemctit{ width:90%; height:80px; background:rgba(0,0,0,.49); padding:25px 5%; z-index:99; position:absolute; text-align:left; left:0px; bottom:0px; font-size:16px; line-height:20px; color:rgba(255,255,255,.74); font-weight:normal}
	.pro_typeitemctit span{ font-size:26px; line-height:40px;color:rgba(255,255,255,.99);}
	
	.pro_video{ width:1170px; height:673px; margin:74px auto; padding:0px; }
	.pro_bjys{ width:1170px; height:471px; margin:49px auto; position:relative; padding:0px;}
	.pro_bjys img{ width:1170px; height:471px; position:absolute; left:0px; top:0px;}
	.pro_bjysitem{ width:79px; height:79px; position:absolute; z-index:9999}
	
	.pro_bjysitem img{ width:79px !important; height:79px !important; cursor:pointer}
	.pro_bjysitem1{ left:52px; top:3px;}
	
	
	
	
	
.drop-down{ width:79px; height:79px;}

 

#antzone {
  width:100%;
  height:100%; position:fixed; z-index:9999999999; left:0; right:0; top:0; bottom:0px; background:rgba(0,0,0,.80); text-align:center; font-size:18px; color:#ffffff; line-height:34px;
 
}

#antzone img{ margin:0 auto; margin-top:49px;}

.close_btn{ width:100%; height:30px; margin:0 auto; text-align:center; margin-top:10px;cursor:pointer}

.close_btn img{ width:30px; height:30px; margin:0 auto;}

	
	
	.page_prolist2{ width:82%; height:426px; margin:0 auto; margin-top:49px;}
	
	.page_prolistitem2{ width:24.33%; height:326px; margin:0 1.5%; padding:50px 3%; text-align:center; border:0; float:left; }
	 
	
	 .page_prolistitem2pic{ width:100%; height:163px; margin:0 auto; text-align:center}
	  .page_prolistitem2pic img{ width:163px; height:163px; margin:0 auto}
	
	.page_prolistitem2tit{ width:100%; height:80px; margin:0 auto; text-align:center; font-size:36px; color:#343536; line-height:80px; font-weight:bold}
	
	.page_prolistitem2info{ width:100%; height:auto; margin:0 auto; text-align:left; font-size:14px; color:#646566; line-height:26px; font-weight:normal}
	
	
	@media only screen and (max-width:1680px){
	
	
	/*topnav*/
.veg_head{ width:100%; height:150px; background-image:url(../images/nav_bg.png); background-repeat:repeat-x; position:fixed; top:0px; left:0px; z-index:99}

.veg_toplogo{ width:212px; height:72px; margin:0px; float:left}
.veg_toplogo img{ width:212px; height:72px;}

.veg_toptell{ width:212px; height:72px; margin:0px; float:right; text-align:right; font-size:12px; line-height:72px; color:#e0e0e6; padding-right:13px;}
 
.veg_toptell a{ color:#ffffff; text-decoration:none; font-size:14px;}
.veg_toptell a:visited{ color:#ffffff; text-decoration:none; font-size:14px;}
.veg_toptell a:hover{ color:#cf0014; text-decoration:none; font-size:14px;}

.st_search{ width:140px; height:24px; float:left; margin:23px 0px; border:#e0e0e6 1px solid; border-radius:4px;}
.st_search_input{ width:106px; height:18px; line-height:18px; float:left; margin:2px; text-indent:5px; color:#ffffff; font-size:12px; line-height:18px; background:none; border:none}

.st_search_btn{ width:24px; height:24px; float:right; background:none; border:0px; background-image:url(../images/search_btn.png); background-position:center center; background-repeat:no-repeat; cursor:pointer}


 
 

.menu{width:100%;height:150px;background-image:url(../images/nav_bg.png); background-repeat:repeat-x; position:fixed;left:0; top:0px;z-index:99; text-align:center;}
.menu .nav{width:720px;height:72px;margin:0 auto; }
.menu .nav li{float:left;list-style:none; width:120px; height:72px; padding:0px; margin:0px;}
 
.st_topnav_item{width:120px; height:72px; margin:0px;}
.st_topnav_item a{display:block;height:72px; text-align:left; text-indent:26px; width:120px;/*border-left:1px solid #000;*/padding:0px;line-height:72px;color:#ffffff; background-image:none;text-decoration:none;position:relative;overflow:hidden; font-size:16px;}
.st_topnav_item a:hover,.st_topnav_item a.current{ background-color:#FFFFFF;background-image:none;color:#cf0014;}

.menu .nav li .box{width:100%;height:200px;position:absolute;top:72px;left:0; background:rgba(255,255,255,1);display:none; text-align:center; padding:30px 0px; box-shadow:0px 7px 20px rgba(0,0,0,.18);background-image:url(../images/drop_bg.png); background-repeat:repeat-x; background-position:center center; z-index:9999999}

 .drop_nav{ width:70%; margin:0 auto; height:200px; }

.drop_nav_left{ width:30%; height:200px; background-color:#ffffff;  padding:0px;border:0px;  float:left; position:relative;border-radius:5px; box-shadow:0px 0px 20px #d0d0d6; overflow:hidden}

.drop_nav_left img{ width:100%; height:200px; }


.drop_nav_left:hover img{transform:scale(1.1);-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;  }
.drop_nav_leftt{ position:absolute; left:30px; bottom:30px; width:260px; height:22px; line-height:22px; text-align:left; z-index:9999; font-size:22px; font-weight:bold; color:#ffffff; background:none}
.drop_nav_leftt a{ color:#ffffff; text-decoration:none;background:none}
.drop_nav_leftt a:visited{ color:#ffffff; text-decoration:none;background:none}
.drop_nav_leftt a:hover{ color:#ffffff; text-decoration:none;background:none}
.drop_nav_right{ width:64%; height:200px; float:right; }
.drop_nav_rightitem{ width:20%; text-align:center; padding:30px 0px; height:150px; float:left; font-size:16px; line-height:20px;}
.drop_nav_rightitem img{ margin:0 auto; width:100px; height:100px;}
.drop_nav_rightitem  a{ color:#343536; text-decoration:none}
.drop_nav_rightitem  a:visited{ color:#343536; text-decoration:none}
.drop_nav_rightitem  a:hover{ color:#cf0014; text-decoration:none}
 .drop_nav_rightitem2{ width:47%; text-align:left; padding:0px 0px; height:200px; float:left; font-size:16px; line-height:40px; margin-left:3%;}
.drop_nav_rightitem2 img{ margin:0 auto; width:100%; height:160px;}
.drop_nav_rightitem2  a{ color:#343536; text-decoration:none}
.drop_nav_rightitem2  a:visited{ color:#343536; text-decoration:none}
.drop_nav_rightitem2  a:hover{ color:#cf0014; text-decoration:none}
	
	
	
	}
	
	
	/*dudu*/
	/*topnav*/
.dd_head{ width:100%; height:187px; background-image:url(../images/nav_bg.png); background-repeat:repeat-x; background-position:center top; position:fixed; top:0px; left:0px; z-index:99; text-align:center; min-width:1340px}

.dd_nav{ width:1340px; height:166px; margin:0 auto}
.dd_nav_item{ width:120px; height:44px; float:left; margin:40px 0px; text-align:center; border:0px; font-size:18px; line-height:22px; text-transform:uppercase; }
.dd_nav_item span{ font-size:12px;}
.dd_nav_item a{ color:#ffffff; text-decoration:none}
.dd_nav_item a:visited{ color:#ffffff; text-decoration:none}
.dd_nav_item a:hover{ color:#00afdd; text-decoration:none;-webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease; }
 #dd_nav_itemon{color:#00afdd; text-decoration:none;}
 
.dd_toplogo{ width:338px; height:166px; margin:0px; float:left}
.dd_toplogo img{ width:338px; height:166px;}
.dd_toptell{ width:265px; height:44px; margin:0px; margin-top:40px; margin-left:15px; float:left}
.dd_toptell img{ width:265px; height:44px;}


/*banner*/
.banner_con{ position:relative; text-align:center; overflow:hidden}
.banner_con img{ width:100%; height:auto;}
.banner_text{ width:80%; height:auto;position:absolute; left:10%;top:50%; margin-top:-160px; text-align:center; z-index:100}

.banner_text img{ margin:0 auto; width:auto !important; height:auto; max-width:100%;}



.banner_bg{ width:100%; height:100%; top:0px; left:0px; background:rgba(0,0,0,.40); z-index:1; position:absolute; z-index:99}	
/*关于*/
.dd_aboutbg{ background-image:url(../images/aboutbg.jpg); background-repeat:no-repeat; background-position:center bottom;}

.dd_aboutcon{ width:1170px; height:470px; position:absolute; left:50%; margin-left:-585px; top:236px;}

.dd_aboutpic{ width:470px; height:470px; float:left; margin:0px; overflow:hidden; box-shadow:0px 0px 10px #d0d0d6;}
.dd_aboutpic img{ width:470px; height:470px;}
.dd_aboutpic img:hover{ transform:scale(1.1);-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; }
			
.dd_abouttxt{ width:670px; height:470px; float:right; margin:0px;}
.dd_abouttitle{ width:670px; height:60px; text-align:left; }
.dd_abouttitle img{ margin:0px; width:auto}

.dd_aboutinfo{ width:670px; text-align:left; font-size:16px; color:#000000; line-height:30px; margin-top:20px; }


 .dd_aboutbtn{ width:100%;height:64px; margin-top:26px;}
.dd_aboutbtn a{ display:block; margin:0px; padding:0 18px; width:200px; height:49px; border:#00afdd 2px solid;  border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none;background:rgba(0,175,221,.56); background-image:url(../images/btnicon.png); background-position:right center; background-repeat:no-repeat; }
.dd_aboutbtn a:visited{ display:block; margin:0px;padding:0 18px; width:200px; height:49px; border:#00afdd 2px solid; border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none; background:rgba(0,175,221,.56); background-image:url(../images/btnicon.png); background-position:right center; background-repeat:no-repeat; }
.dd_aboutbtn a:hover{ display:block;  margin:0px;padding:0 18px; width:200px; height:49px; border:#00afdd 2px solid; border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none; background:rgba(0,175,221,.99); background-image:url(../images/btnicon.png); background-position:right center; background-repeat:no-repeat;  -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease;}
			
			/*招牌美食*/
			
			.dd_protitle{ width:80%; height:60px; text-align:center; position:absolute; left:10%;top:236px; z-index:10000 }
.dd_protitle img{ margin:0px auto; width:auto}

.dd_product{ width:100%; height:100%; position:relative}



.dd_productlist{ width:100%; height:100%; position:absolute; left:0px; bottom:0px;}

.dd_productlist img{ width:100%; height:auto;}

.dd_producttitle{ width:100%; height:64px; position:absolute; top:50%; margin-top:-100px; text-align:center; font-size:49px; font-weight:normal; line-height:64px; color:#ffffff; text-transform:uppercase}
 
.dd_producttitle2{ width:100%; height:120px; position:absolute; top:50%; margin-top:-60px; text-align:center; font-size:100px; font-weight:bold; line-height:120px; color:#00afdd; text-shadow:0px 0px 15px rgba(0,0,0,.74);}


 .dd_producttxt{width:70%; height:34px; position:absolute; top:50%; left:15%; margin-top:70px;   text-align:center; font-size:30px; font-variant:normal; line-height:34px; color:rgba(255,255,255,.90); overflow:hidden;}
 
 
 
 .dd_productbtn{ width:100%; position:absolute;height:64px; top:50%; left:0; margin-top:180px; }
.dd_productbtn a{ display:block; margin:0px auto; padding:0 18px; width:200px; height:49px; border:#ffffff 2px solid;  border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none;background:rgba(255,255,255,.0); background-image:url(../images/btnicon.png); background-position:right center; background-repeat:no-repeat; }
.dd_productbtn a:visited{ display:block; margin:0px auto;padding:0 18px; width:200px; height:49px; border:#ffffff 2px solid; border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none; background:rgba(255,255,255,.0); background-image:url(../images/btnicon.png); background-position:right center; background-repeat:no-repeat; }
.dd_productbtn a:hover{ display:block;  margin:0px auto;padding:0 18px; width:200px; height:49px; border:#ffffff 2px solid; border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none; background:rgba(255,255,255,.22);background-image:url(../images/btnicon.png); background-position:right center; background-repeat:no-repeat;  -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease;}
.dd_envbg{ background-image:url(../images/evnbg.jpg); background-repeat:no-repeat; background-position:center bottom;}

.dd_envcon{ width:1170px; height:600px; position:absolute; left:50%; margin-left:-585px; top:326px; }


.dd_envconitem{ margin:0px; padding:0px; position:relative; float:left; overflow:hidden}
.dd_envconitem img{ position:absolute; left:0px; top:0px; z-index:0;}
.dd_envconitem img:hover{ transform:scale(1.1);-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; }


.dd_envconitemt{ position:absolute; width:100%; height:49px; background:rgba(0,0,0,.64); text-align:center; line-height:49px; font-size:16px; z-index:1; left:0px; bottom:0px;}

.dd_envconitemt a{ color:#ffffff; text-decoration:none}

.dd_envconitemt a:visited{ color:#ffffff; text-decoration:none}
.dd_envconitemt a:hover{ color:#ffffff; text-decoration:none}

.dd_envconitem01{ width:585px; height:400px;}
.dd_envconitem01 img{ width:585px; height:400px;}

.dd_envconitem020{ width:585px; height:400px;}
.dd_envconitem02{ width:292.5px; height:200px;}
.dd_envconitem02 img{ width:292.5px; height:200px;}
.dd_envconitem030{ width:1170px; height:200px;}
 .dd_envconitem03{ width:585px; height:200px;}
.dd_envconitem03 img{ width:585px; height:200px;}
			


.dd_newbg{ background-image:url(../images/newbg.jpg); background-repeat:no-repeat; background-position:center bottom;}

 .dd_newcon{ width:1180px; height:470px; position:absolute; left:50%; margin-left:-590px; top:326px;}
 .dd_newcon01{ width:1180px; height:200px; margin:0px; padding:0px;}
 .dd_newcon01item01{ width:225px; height:140px; background-color:#00afdd; float:left; position:relative; margin:0 5px;   padding:0px; overflow:hidden; padding:30px; text-align:center; font-size:14px; line-height:30px; color:#ffffff}
 
 .dd_newcon01item01 i{ position:absolute; left:30px; top:30px; right:30px; bottom:30px; border:rgba(255,255,255,.56) 1px solid; z-index:999}
 
  .dd_newcon01item01 img{ width:50px; height:50px; position:absolute; top:30px; left:50%; margin-left:-25px; z-index:9999}
   .dd_newcon01item01 span{ font-size:30px; display:block; width:100%; height:40px; line-height:40px; text-align:center; top:80px; left:0px; color:#ffffff; z-index:9999; position:absolute}
   .dd_newcon01item01 a{ text-decoration:none; color:rgba(255,255,255,.74); width:100%; height:30px; line-height:30px; text-align:center; left:0px; top:120px; position:absolute; display:block; cursor:pointer; z-index:9999}
    .dd_newcon01item01 a:visited{text-decoration:none; color:rgba(255,255,255,.74); width:100%; height:30px; line-height:30px; text-align:center; left:0px; top:120px; position:absolute; display:block; cursor:pointer; z-index:9999}
	 .dd_newcon01item01 a:hover{ text-decoration:none; color:rgba(255,255,255,.99); width:100%; height:30px; line-height:30px; text-align:center; left:0px; top:120px; position:absolute; display:block; cursor:pointer; z-index:9999;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;}
   
   
   .dd_newcon01item02{ width:285px; height:200px; float:left; position:relative; margin:0 5px; padding:0px; overflow:hidden; }
   .dd_newcon01item02 img{ width:285px; height:200px; position:absolute; left:0; top:0; z-index:1}
   .dd_newcon01item02t{ width:90%; height:40px; padding:10px 5%; position:absolute; left:0; bottom:0; z-index:2; text-align:left; font-size:16px; font-weight:bold; overflow:hidden; background:rgba(0,0,0,.56)}
   
   .dd_newcon01item02:hover img{transform:scale(1.05);-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; }
   
   .dd_newcon01item02t a{ color:#e0e0e6; text-decoration:none }
      .dd_newcon01item02t a:visited{ color:#e0e0e6; text-decoration:none }
	     .dd_newcon01item02t a:hover{ color:#ffffff; text-decoration:none;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; }
			
			
			.dd_newcon02{ width:1170px; height:240px; margin:0px; padding:0px 5px; margin-top:30px;}
			
			
			.dd_newcon02left{ width:570px; height:240px; float:left; margin:0px; padding:0px;}
			.dd_newcon02leftr{ width:570px; height:240px; float:right; margin:0px; padding:0px;}
			
			.dd_newcon02leftt{ width:570px; height:40px; line-height:40px; text-align:left; font-size:30px; color:#343536; padding-bottom:10px;  }
			
			.dd_newcon02leftt img{ width:40px; height:40px; float:left; margin-right:10px;}
			
			.dd_newcon02leftt span{ width:64px; height:40px; line-height:40px; font-size:14px; text-align:right; float:right; margin:0px;}
			
			
			.dd_newcon02leftt span a{ color:#646566; text-decoration:none}
			.dd_newcon02leftt span a:visited{ color:#646566; text-decoration:none}
			.dd_newcon02leftt span a:hover{ color:#343536; text-decoration:none}
			
			
			.dd_newcon02lefti{ width:570px; height:38px; line-height:38px; text-align:left; font-size:16px; color:#00afdd; overflow:hidden}
			
			.dd_newcon02lefti a{ color:#000000; text-decoration:none}
			.dd_newcon02lefti a:visited{ color:#000000; text-decoration:none}
			.dd_newcon02lefti a:hover{ color:#00afdd; text-decoration:none;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;}
			
			
			.dd_newcon02lefti span{ width:100px; height:38px; line-height:38px; font-size:14px; text-align:right; float:right; margin:0px; color:#646566}
			
			

.dd_botcon{ width:100%; height:740px; position:absolute; left:0%;bottom:0px; background-color:#343536}
		.dd_botconc{ width:100%; height:740px; position:relative; margin:0px; padding:0px;}
		
		
		
			
		.dd_mescon{ width:100%; height:170px; background-color:#00afdd; margin:auto; padding:0px; text-align:center; padding:70px 0px;}	
		
		.dd_mescontitle{ width:100%; height:80px; text-align:center; margin:0 auto}
.dd_mescontitle img{ margin:0px auto; width:auto}
		
		.dd_mescenter{ width:1170px; height:90px; margin:0 auto;}	
			
		 
        .dd_mesform{ width:1120px; height:40px; background-color:#f0f0f6; float:right; border:0px; border-radius:5px; padding:25px;}
		
		 .dd_mesforminput{ width:148px; height:38px; line-height:38px; border:#e0e0e6 1px solid; background-color:#ffffff; font-size:14px; text-align:left; color:#343536; text-indent:10px; float:left; margin-right:25px;}
		
		.dd_mesforminput2{ width:593px; height:38px; line-height:38px; border:#e0e0e6 1px solid; background-color:#ffffff; font-size:14px; text-align:left; color:#343536; text-indent:10px; float:left; margin-right:25px;}
		
		
		.dd_mesforminput3{ width:150px; height:40px; line-height:40px; border:0px; background-color:#00aba7; font-size:14px; text-align:center; color:#ffffff;  float:left; margin:0px;}
		.dd_mesforminput3:hover{ width:150px; height:40px; line-height:40px; border:0px; background-color:#00817e; font-size:14px; text-align:center; color:#ffffff;  float:left; margin:0px;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; cursor:pointer}
		.dd_copyright{ width:100%; height:74px; line-height:74px; font-size:14px; text-align:center; color:#989898; position:absolute; left:0px; bottom:0px; z-index:9999; background-color:#000000}
		.dd_copyright a{ color:#e0e0e6; text-decoration:none}
		.dd_copyright a:visited{ color:#e0e0e6; text-decoration:none}
		.dd_copyright a:hover{ color:#ffffff; text-decoration:none;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;}
		
		.dd_bottomc{ width:1170px; height:auto; margin:0 auto; margin-top:49px; min-height:150px;}	
		
		 .dd_bottomc01{ width:370px; float:left; margin:0px;  height:150px;text-align:left}
		 .dd_bottomc01 img{ margin:0}
		 
		 .dd_bottomctell{ width:370px; height:44px; line-height:44px; font-size:30px; font-weight:bold; color:#ffffff; margin:0 auto; margin-top:10px; text-align:left}
		  .dd_bottomctell img{ width:44px; height:44px; float:left; margin-right:5px;}
		  
		   .dd_bottomc02{ width:770px; float:right; margin:0px;  height:200px; }
		  
		  .dd_clear{ width:100%; height:0px; line-height:0px; clear:both}
		  
		  
		  .dd_bottomcnav{ width:770px; height:44px; padding-bottom:30px; border-bottom:rgba(255,255,255,.08) 1px solid}
		  
		 
		  
		.dd_bottomcnavi{ width:128px; height:44px; float:left; margin:0px; text-align:left; border:0px; font-size:18px; line-height:22px; text-transform:uppercase; }
.dd_bottomcnavi span{ font-size:12px;}
.dd_bottomcnavi a{ color:#ffffff; text-decoration:none}
.dd_bottomcnavi a:visited{ color:#ffffff; text-decoration:none}
.dd_bottomcnavi a:hover{ color:#00afdd; text-decoration:none;-webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease; }
			
			.dd_bottomcontact{width:770px; height:100px; margin-top:30px; }
		  .dd_bottomcontact01{ width:30%; height:100px; font-size:14px; color:#ffffff; line-height:30px; margin-top:30px; text-align:left; float:left; margin:0px;}
		   .dd_bottomcontact01 span{ font-size:16px; line-height:50px;}
		    .dd_bottomcontact01 img{ width:30px; height:30px; float:left}
		  
		    .dd_bottomcontact02{ width:20%; height:100px; font-size:14px; color:#ffffff; line-height:30px; margin-top:30px; text-align:left; float:left; margin:0px;}
		   .dd_bottomcontact02 span{ font-size:16px; line-height:50px;}
		    .dd_bottomcontact02 img{ width:30px; height:30px; float:left}
			
			 .dd_bottomcontact03{ width:20%; height:100px;   text-align:center; float:left; margin:0px;}
		    
		    .dd_bottomcontact03 img{ width:83px; height:83px; margin:0 auto}
			
	/*brand*/
	
	.ddpage_toptitle{ width:80%; height:80px; text-align:center; margin:0px auto; font-size:72px; font-weight:bold; line-height:74px; color:#ffffff}
	
	.ddpage_toptitle span{ font-size:48px; text-transform:uppercase; line-height:50px; font-weight:lighter;}
	
			.page_brandbanner{ width:100%; height:160px; margin:0px; padding:0px; background-image:url(../images/brandbanner.jpg); background-position:center center; background-repeat:no-repeat; padding:150px 0px; padding-top:250px; text-align:center;}	
			
			.bran_list01{ width:100%; height:600px; margin:0px; padding:0px;}
			.bran_list01pic{ width:50%; height:600px; float:left; margin:0px; padding:0px; overflow:hidden;}
			.bran_list01pic img{ width:auto; height:auto; margin:0px;}
			
			.bran_list01pic img:hover{transform:scale(1.05);-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; }
			
			.bran_list01txt{ width:40%; height:500px; float:left; margin:0px; padding:50px 5%; overflow:hidden; font-size:16px; line-height:25px; color:#343536; text-align:left}
			.bran_list01txttit{ width:100%; height:74px; text-align:left; font-size:48px; font-weight:normal; color:#0a2832}
			.bran_list01txttit span{ font-weight:bold; color:#0a2832 }
			
			.bran_list01txt b{ font-size:22px; font-weight:bold; line-height:34px; color:#00afdd !important;}
			
			.bran_list01block{ width:100%; height:140px; margin-top:30px; padding:0px;}
			
			.bran_list01block01{ width:44%; height:50px; line-height:50px; text-align:left; font-size:16px; overflow:hidden; background-color:#00afdd; color:#ffffff; padding:10px 3%; float:left; margin:0px; }
			.bran_list01block01 img{ width:50px; height:50px; float:left; margin:0px;}
			.bran_list01block02{ width:44%; height:50px; line-height:50px; text-align:left; font-size:16px; overflow:hidden; background-color:#f0f0f6; color:#000000; padding:10px 3%;  float:left; margin:0px;}
			.bran_list01block02 img{ width:50px; height:50px; float:left; margin:0px;}
			
			
			.bran_list01block03{ width:44%; height:50px; line-height:50px; text-align:left; font-size:16px; overflow:hidden; background-color:#eeeef0; color:#000000; padding:10px 3%; float:left; margin:0px; }
			.bran_list01block03 img{ width:50px; height:50px; float:left; margin:0px;}
			
			.bran_list01block04{ width:44%; height:50px; line-height:50px; text-align:left; font-size:16px; overflow:hidden; background-color:#0a2832; color:#ffffff; padding:10px 3%; float:left; margin:0px; }
			.bran_list01block04 img{ width:50px; height:50px; float:left; margin:0px;}
			
			
			
			 .dd_branbtn{ width:100%;height:64px; margin-top:49px;}
.dd_branbtn a{ display:block; margin:0px; padding:0 18px; width:200px; height:49px; border:#00afdd 2px solid;  border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#00afdd; text-decoration:none;background:rgba(0,175,221,.0); background-image:url(../images/btnicon3.png); background-position:right center; background-repeat:no-repeat; }
.dd_branbtn a:visited{ display:block; margin:0px;padding:0 18px; width:200px; height:49px; border:#00afdd 2px solid; border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#00afdd; text-decoration:none; background:rgba(0,175,221,.0); background-image:url(../images/btnicon3.png); background-position:right center; background-repeat:no-repeat; }
.dd_branbtn a:hover{ display:block;  margin:0px;padding:0 18px; width:200px; height:49px; border:#00afdd 2px solid; border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#00afdd; text-decoration:none; background:rgba(0,175,221,.10);background-image:url(../images/btnicon3.png); background-position:right center; background-repeat:no-repeat;  -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease;}
			.bran_list02{ width:100%; height:476px; margin:0px; padding:0px;background-image:url(../images/brand03.jpg); background-position:center center; background-repeat:repeat; text-align:center}
			
			
			.bran_list02txt{ width:80%; height:200px;  margin:0px auto; padding:138px 10%; overflow:hidden; font-size:26px; line-height:28px; color:#ffffff; text-align:center}
			
			
			
			
			.bran_list02txt span{ font-size:56px; font-weight:bold; line-height:58px; color:#ffffff}
			
			
			 .dd_brandtn02{width:100%;height:64px; margin-top:34px; text-align:center}
.dd_brandtn02 a{ display:block; margin:0px auto; padding:0 18px; width:200px; height:49px; border:#ffffff 2px solid;  border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none;background:rgba(255,255,255,.0); background-image:url(../images/btnicon.png); background-position:right center; background-repeat:no-repeat; }
.dd_brandtn02 a:visited{ display:block; margin:0px auto;padding:0 18px; width:200px; height:49px; border:#ffffff 2px solid; border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none; background:rgba(255,255,255,.0); background-image:url(../images/btnicon.png); background-position:right center; background-repeat:no-repeat; }
.dd_brandtn02 a:hover{ display:block;  margin:0px auto;padding:0 18px; width:200px; height:49px; border:#ffffff 2px solid; border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none; background:rgba(255,255,255,.22);background-image:url(../images/btnicon.png); background-position:right center; background-repeat:no-repeat;  -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease;}
			
			.bran_list03{ width:100%; height:476px; margin:0px; padding:0px;background-image:url(../images/brand04.jpg); background-position:center center; background-repeat:repeat;}
			
			
			.bran_list03txt{ width:40%; height:200px; float:right; margin:0px; padding:100px 5%; overflow:hidden; font-size:16px; line-height:25px; color:#000000; text-align:left}
			
			.bran_list03txttit{ width:100%; height:74px; text-align:left; font-size:48px; font-weight:normal; color:#0a2832}
			.bran_list03txttit span{ font-weight:bold; color:#0a2832 }
			
			.bran_list03txt b{ font-size:22px; font-weight:bold; line-height:34px; color:#00afdd !important;}
			 
			
			 
						.bran_list04{ width:100%; height:476px; margin:0px; padding:0px;background-image:url(../images/brand05.jpg); background-position:center center; background-repeat:repeat;}
			
			
			.bran_list04txt{ width:40%; height:200px; float:left; margin:0px; padding:100px 5%; overflow:hidden; font-size:16px; line-height:25px; color:#ffffff; text-align:left}
			
			.bran_list04txttit{ width:100%; height:74px; text-align:left; font-size:48px; font-weight:normal; color:#ffffff}
			.bran_list04txttit span{ font-weight:bold; color:#ffffff }
			
			.bran_list04txt b{ font-size:22px; font-weight:bold; line-height:34px; color:#ffffff !important;}
			 
			 .dd_brandtn03{width:100%;height:64px; margin-top:34px; text-align:center}
.dd_brandtn03 a{ display:block; margin:0px; padding:0 18px; width:200px; height:49px; border:#ffffff 2px solid;  border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none;background:rgba(255,255,255,.0); background-image:url(../images/btnicon.png); background-position:right center; background-repeat:no-repeat; }
.dd_brandtn03 a:visited{ display:block; margin:0px;padding:0 18px; width:200px; height:49px; border:#ffffff 2px solid; border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none; background:rgba(255,255,255,.0); background-image:url(../images/btnicon.png); background-position:right center; background-repeat:no-repeat; }
.dd_brandtn03 a:hover{ display:block;  margin:0px;padding:0 18px; width:200px; height:49px; border:#ffffff 2px solid; border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none; background:rgba(255,255,255,.22);background-image:url(../images/btnicon.png); background-position:right center; background-repeat:no-repeat;  -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease;}
			
			.ddpage_bottom{ width:100%; margin:0 auto; margin-top:0px; background-color:#343536; text-align:center; padding-top:7px;}
 .ddpage_copyright{ width:100%; height:74px; line-height:74px; font-size:14px; text-align:center; color:#989898;  background-color:#000000; margin-top:49px;}
		.ddpage_copyright a{ color:#e0e0e6; text-decoration:none}
		.ddpage_copyright a:visited{ color:#e0e0e6; text-decoration:none}
		.ddpage_copyright a:hover{ color:#ffffff; text-decoration:none;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;}
			
			
			
			
			
			
			
			
			
			/*beisuldy*/
			/*publick*/
			.bs_con{ position:relative; background-color:#ffffff;  }
	/*topnav*/
.bs_head{ width:100%; height:187px;/* background-image:url(../images/nav_bg.png); background-repeat:repeat-x; background-position:center top;*/ position:absolute; top:0px; left:0px; z-index:99; text-align:center; min-width:1340px}

 
.bs_toplogo{ width:180px; height:42px; margin:30px; float:left}
.bs_toplogo img{ width:180px; height:42px;  }
.bs_toptell{ width:247px; height:44px; margin:29px;   float:right}
.bs_toptell img{ width:247px; height:44px; }
			
	/*bs_title*/
	.bs_titlecon{ width:1170px; height:100px; position:absolute; left:50%; margin-left:-585px; top:56px; z-index:99; text-align:left; font-size:49px; line-height:100px; font-weight:normal; color:#000000}		
		.bs_titlecon2{ color:#ffffff}	
		.bs_titlecon span{ font-size:30px; font-weight:normal}	
		.bs_titlecon b{ font-size:80px; font-weight:bold}		
			
	/*bs_type*/
	.bs_type_con{  position:absolute; left:15px; top:236px; right:15px; bottom:0px;  z-index:99}	
	
	.bs_type_i{ width:18%; height:64%; float:left; margin:0 1%;  position:relative}
	.bs_type_i:hover { box-shadow:0px 0px 34px #989898; -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease; cursor:pointer}
	
	
	
	.bs_type_i2{ width:18%; height:100%; float:left; margin:0 1%;}	
	
	 
	.bs_type_i img{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; width:100%; height:100%; z-index:-1}
	
	
	.bs_type_t1{ width:80%; margin:30px 10%; text-align:left; font-size:22px; line-height:40px; color:#000000; font-weight:normal}
		.bs_type_t1 span{ font-size:34px; font-weight:bold}	
		
		.bs_type_t1 a{ color:#000000; text-decoration:none}
		.bs_type_t1 a:visited{ color:#000000; text-decoration:none}
		.bs_type_t1 a:hover{ color:#000000; text-decoration:none}
		
		
		
		
		.bs_type_t2{ width:80%; margin:30px 10%; text-align:left; font-size:22px; line-height:40px; color:#ffffff; font-weight:normal}
		.bs_type_t2 span{ font-size:34px; font-weight:bold}	
		.bs_type_t2 a{ color:#ffffff; text-decoration:none}
		.bs_type_t2 a:visited{ color:#ffffff; text-decoration:none}
		.bs_type_t2 a:hover{ color:#ffffff; text-decoration:none}
		
		.bs_type_t3{ width:80%; margin:30px 10%; margin-top:200px; text-align:left; font-size:14px; line-height:20px; color:#000000; font-weight:normal}
		.bs_type_t4{ width:80%; margin:30px 10%; margin-top:200px; text-align:left; font-size:14px; line-height:20px; color:#ffffff; font-weight:normal}
		
		
		/*bs_case*/
		.bs_case{ width:100%; height:100%; position:relative}



.bs_caselist{ width:100%; height:100%; position:absolute; left:0px; bottom:0px;}

.bs_caselist img{ width:100%; height:auto;}

.bs_caselogo{ width:1170px; height:66px; position:absolute; top:50%; margin-top:-110px; text-align:left; left:50%; margin-left:-585px; z-index:99  }
.bs_caselogo img{ width:auto !important; height:66px !important; margin:0px;}
 
.bs_casetxt1{width:1170px;  position:absolute; top:50%; margin-top:-30px; text-align:left; left:50%; margin-left:-585px; z-index:99; font-size:16px; color:#ffffff; overflow:hidden; height:30px; line-height:30px; }

.bs_casetxt2{width:1170px;  position:absolute; top:50%; margin-top:-0px; text-align:left; left:50%; margin-left:-585px; z-index:99; font-size:34px; color:#ffffff; overflow:hidden; height:40px; line-height:40px; }
 
 
 .bs_casebtn{ width:1170px;  position:absolute; top:50%; left:50%; margin-left:-585px;z-index:99;  margin-top:64px; text-align:left}
.bs_casebtn a{ display:block; margin:0px; padding:0 18px; width:200px; height:49px; border:#ffffff 2px solid;  border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none;background:rgba(255,255,255,.0); background-image:url(../images/btnicon.png); background-position:right center; background-repeat:no-repeat; }
.bs_casebtn a:visited{ display:block; margin:0px;padding:0 18px; width:200px; height:49px; border:#ffffff 2px solid; border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none; background:rgba(255,255,255,.0); background-image:url(../images/btnicon.png); background-position:right center; background-repeat:no-repeat; }
.bs_casebtn a:hover{ display:block;  margin:0px;padding:0 18px; width:200px; height:49px; border:#ffffff 2px solid; border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none; background:rgba(255,255,255,.22);background-image:url(../images/btnicon.png); background-position:right center; background-repeat:no-repeat;  -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease;}
			
			
			/*press*/
			
			.press_bg{  background-image:url(../images/press_bg.jpg); background-size:100%}
			
			
			.bs_press_con{  position:absolute; left:15px; top:206px; right:15px; height:520px;z-index:99}	
	
	.bs_press_i{ width:18%; height:490px; float:left; margin:0 1%; margin-top:30px;  position:relative; background:rgba(255,255,255,.74); text-align:center}
	.bs_press_i:hover{   margin-top:0px;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;background:rgba(255,255,255,.99); box-shadow:0px 0px 30px #e0e0e6; }
		.bs_press_ip{ width:80%; height:280px; margin:30px auto; margin-bottom:5px; border:0px; border-radius:10px; overflow:hidden;}	
		.bs_press_ip img{ width:auto; height:auto;}	
			.bs_press_ip img:hover{transform:scale(1.05);-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; cursor:pointer }
			
			
			.bs_press_it{ width:80%; height:49px; margin:0px auto; border:0px; text-align:left; font-size:34px; line-height:49px; font-weight:bold; color:#000000}	
			.bs_press_ii{ width:80%; height:80px; margin:10px auto; border:0px; text-align:left; font-size:14px; line-height:20px; font-weight:noraml; color:#646566}	
			
				/*adv*/
			
			.adv_bg{  background-image:url(../images/adv_bg.jpg);background-size:100%;}
			.adv_list{ width:1200px; height:520px; position:absolute; left:50%; margin-left:-600px; top:236px; z-index:99;  }
			
			
			.adv_listi{ width:208px; height:458px; float:left; margin:0 15px; border:#ffffff 1px solid; padding:30px; background:none}
			.adv_listi:hover{  -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;background:rgba(255,255,255,.26); cursor:pointer }
			.adv_listip{ width:208px; height:64px; text-align:left; margin:0px; padding:0px;}
			
			.adv_listip img{ margin:0px; width:64px; height:64px;}
			
			
			.adv_listit{ width:208px; height:105px; text-align:left; margin:0px; padding:0px; margin-top:64px; font-size:32px; font-weight:bold; line-height:35px; color:#ffffff;}
			.adv_listit span{ font-size:22px; font-weight:normal}
			.adv_listii{ width:208px; height:40px; text-align:left; margin:0px; padding:0px; margin-top:180px; font-size:14px; font-weight:normal; line-height:20px; color:#ffffff;}
			/*brand*/
			
			.brand_bg{  background-image:url(../images/brand_bg.jpg);background-size:100%;}
			.brand_list{ width:1200px; height:540px; position:absolute; left:50%; margin-left:-600px; top:206px; z-index:99;  }
			
			.brand_listi{ width:170px; height:150px; float:left; margin:14px; border:#f0f0f6 1px solid; border-radius:0px; padding:0px; overflow:hidden; box-shadow:0px 0px 30px #f0f0f6; }
			.brand_listi:hover{ border:#eeeef0 1px solid; box-shadow:0px 0px 30px #e0e0e6;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; cursor:pointer }
			
			.brand_listi img{ width:auto; height:auto}
			
			.brand_listi img:hover{transform:scale(1.05);-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; cursor:pointer }
			
			
			/*new*/
			
			.new_bg{  background-image:url(../images/new_bg.jpg);background-size:100%;}
			.new_list{ width:1200px; height:360px; position:absolute; left:50%; margin-left:-600px; top:206px; z-index:99;  }
			
			.new_listi{ width:570px; height:150px; margin:15px; float:left; padding:0px;}
			
			.new_listid{ width:100%; height:30px; font-size:14px; color:#ffffff; text-align:left; line-height:30px;}
			.new_listit{ width:100%; height:40px; font-size:22px; color:#ffffff; text-align:left; line-height:40px; overflow:hidden}
			
			.new_listit a{ color:#ffffff; text-decoration:none}
			.new_listit a:visited{ color:#ffffff; text-decoration:none}
			.new_listit a:hover{ color:#ff6000; text-decoration:none;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; }
			
			.new_listil{ width:34px; height:5px; background-color:#ffffff; margin:0px;}
			.new_listii{ width:100%; height:40px; font-size:14px; color:rgba(255,255,255,.64); text-align:left; line-height:20px; overflow:hidden; margin-top:10px;}
			
			
 .bs_newbtn{ width:1170px;  position:absolute; top:580px; left:50%; margin-left:-585px;z-index:99;    text-align:center}
.bs_newbtn a{ display:block; margin:0px auto; padding:0 18px; width:200px; height:49px; border:#ffffff 2px solid;  border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none;background:rgba(255,255,255,.0); background-image:url(../images/btnicon.png); background-position:right center; background-repeat:no-repeat; }
.bs_newbtn a:visited{ display:block; margin:0px auto;padding:0 18px; width:200px; height:49px; border:#ffffff 2px solid; border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none; background:rgba(255,255,255,.0); background-image:url(../images/btnicon.png); background-position:right center; background-repeat:no-repeat; }
.bs_newbtn a:hover{ display:block;  margin:0px auto;padding:0 18px; width:200px; height:49px; border:#ffffff 2px solid; border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none; background:rgba(255,255,255,.22);background-image:url(../images/btnicon.png); background-position:right center; background-repeat:no-repeat;  -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease;}
			
			/*bottom*/
			
			.bottom_bg{  background-image:url(../images/bottom_bg.jpg);background-size:100%;}
			
			
			
			
			
			.bottom_list{ width:1170px; height:490px; position:absolute; left:50%; margin-left:-585px; top:116px;  z-index:99;  }
			
			.bottom_listl{ width:290px; height:410px; background:rgba(0,0,0,.64); float:left; padding:40px; text-align:center; font-size:14px; line-height:25px; color:#ffffff}
			
			.bottom_listl span{ color:rgba(255,255,255,.64)}
			
			.bottom_listl img{ width:auto; height:auto; margin:10px auto; }
			
			
			
			
			
			.bottom_listr{ width:510px; height:410px; background:rgba(255,255,255,.74); float:right;padding:40px 145px; }
			
			.bottom_listri{ width:170px; height:410px;  float:left; margin:0px; padding:0px;}
			.bottom_listrit{ width:170px; height:60px; font-size:22px; text-align:left; color:#000000; line-height:60px; font-weight:bold}
			
			.bottom_listrii{ width:170px; height:60px; font-size:16px; text-align:left; color:#000000; line-height:60px;background-image:url(../images/bottom_icon.png); background-position:left center; background-repeat:no-repeat; text-indent:15px; }
			
			.bottom_listrii a{ color:#000000; text-decoration:none}
			.bottom_listrii a:visited{ color:#000000; text-decoration:none}
			.bottom_listrii a:hover{ color:#ff6000; text-decoration:none;-webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease;}
			 
			
			
			.bottom_copright{ width:100%; height:74px; position:absolute; text-align:center; font-size:14px; color:#ffffff; line-height:74px; left:0px; bottom:0px; z-index:99; background:rgba(0,0,0,.64)}
			.bottom_copright a{ color:#ffffff; text-decoration:none}
			.bottom_copright a:visited{ color:#ffffff; text-decoration:none}
			.bottom_copright a:hover{ color:#ffffff; text-decoration:none}
			
				@media only screen and (max-width:1680px){
					
					
					
					
			
			/*beisuldy*/
			/*publick*/
			.bs_con{ position:relative; background-color:#ffffff;  }
	/*topnav*/
.bs_head{ width:100%; height:187px; /*background-image:url(../images/nav_bg.png); background-repeat:repeat-x; background-position:center top;*/ position:absolute; top:0px; left:0px; z-index:99; text-align:center; min-width:1340px}

 
.bs_toplogo{ width:180px; height:42px; margin:15px; float:left;}
.bs_toplogo img{ width:180px; height:42px;  }
.bs_toptell{ width:247px; height:44px; margin:14px;   float:right}
.bs_toptell img{ width:247px; height:44px;   }
			
	/*bs_title*/
	.bs_titlecon{ width:1170px; height:74px; position:absolute; left:50%; margin-left:-585px; top:34px; z-index:99; text-align:left; font-size:34px; line-height:74px; font-weight:normal; color:#000000}		
		.bs_titlecon2{ color:#ffffff}	
		.bs_titlecon span{ font-size:22px; font-weight:normal}	
		.bs_titlecon b{ font-size:56px; font-weight:bold}		
			
	/*bs_type*/
	.bs_type_con{  position:absolute; left:15px; top:136px; right:15px; bottom:0px;  z-index:99}	
	
	.bs_type_i{ width:18%; height:64%; float:left; margin:0 1%;  position:relative}
	.bs_type_i:hover { box-shadow:0px 0px 34px #989898; -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease; cursor:pointer}
	
	
	
	.bs_type_i2{ width:18%; height:100%; float:left; margin:0 1%;}	
	
	 
	.bs_type_i img{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; width:100%; height:100%; z-index:-1}
	
	
	.bs_type_t1{ width:80%; margin:30px 10%; text-align:left; font-size:18px; line-height:30px; color:#000000; font-weight:normal}
		.bs_type_t1 span{ font-size:26px; font-weight:bold}	
		
		.bs_type_t1 a{ color:#000000; text-decoration:none}
		.bs_type_t1 a:visited{ color:#000000; text-decoration:none}
		.bs_type_t1 a:hover{ color:#000000; text-decoration:none}
		
		
		
		
		.bs_type_t2{ width:80%; margin:30px 10%; text-align:left; font-size:18px; line-height:30px; color:#ffffff; font-weight:normal}
		.bs_type_t2 span{ font-size:26px; font-weight:bold}	
		.bs_type_t2 a{ color:#ffffff; text-decoration:none}
		.bs_type_t2 a:visited{ color:#ffffff; text-decoration:none}
		.bs_type_t2 a:hover{ color:#ffffff; text-decoration:none}
		
		.bs_type_t3{ width:80%; margin:30px 10%; margin-top:150px; text-align:left; font-size:12px; line-height:20px; color:#000000; font-weight:normal}
		.bs_type_t4{ width:80%; margin:30px 10%; margin-top:150px; text-align:left; font-size:12px; line-height:20px; color:#ffffff; font-weight:normal}
		
		
		/*bs_case*/
		.bs_case{ width:100%; height:100%; position:relative}



.bs_caselist{ width:100%; height:100%; position:absolute; left:0px; bottom:0px;}

.bs_caselist img{ width:100%; height:auto;}

.bs_caselogo{ width:1170px; height:66px; position:absolute; top:50%; margin-top:-110px; text-align:left; left:50%; margin-left:-585px; z-index:99  }
.bs_caselogo img{ width:auto !important; height:66px !important; margin:0px;}
 
.bs_casetxt1{width:1170px;  position:absolute; top:50%; margin-top:-30px; text-align:left; left:50%; margin-left:-585px; z-index:99; font-size:16px; color:#ffffff; overflow:hidden; height:30px; line-height:30px; }

.bs_casetxt2{width:1170px;  position:absolute; top:50%; margin-top:-0px; text-align:left; left:50%; margin-left:-585px; z-index:99; font-size:34px; color:#ffffff; overflow:hidden; height:40px; line-height:40px; }
 
 
 .bs_casebtn{ width:1170px;  position:absolute; top:50%; left:50%; margin-left:-585px;z-index:99;  margin-top:64px; text-align:left}
.bs_casebtn a{ display:block; margin:0px; padding:0 18px; width:200px; height:49px; border:#ffffff 2px solid;  border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none;background:rgba(255,255,255,.0); background-image:url(../images/btnicon.png); background-position:right center; background-repeat:no-repeat; }
.bs_casebtn a:visited{ display:block; margin:0px;padding:0 18px; width:200px; height:49px; border:#ffffff 2px solid; border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none; background:rgba(255,255,255,.0); background-image:url(../images/btnicon.png); background-position:right center; background-repeat:no-repeat; }
.bs_casebtn a:hover{ display:block;  margin:0px;padding:0 18px; width:200px; height:49px; border:#ffffff 2px solid; border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none; background:rgba(255,255,255,.22);background-image:url(../images/btnicon.png); background-position:right center; background-repeat:no-repeat;  -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease;}
			
			
			/*press*/
			
			.press_bg{  background-image:url(../images/press_bg.jpg); background-size:100%}
			
			
			.bs_press_con{  position:absolute; left:15px; top:136px; right:15px; height:370px;z-index:99}	
	
	.bs_press_i{ width:18%; height:355px; float:left; margin:0 1%; margin-top:15px;  position:relative; background:rgba(255,255,255,.74); text-align:center}
	.bs_press_i:hover{   margin-top:0px;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;background:rgba(255,255,255,.99); box-shadow:0px 0px 20px #e0e0e6; }
		.bs_press_ip{ width:80%; height:180px; margin:15px auto; margin-bottom:5px; border:0px; border-radius:5px; overflow:hidden;}	
		.bs_press_ip img{ width:100%; height:auto;}	
			.bs_press_ip img:hover{transform:scale(1.05);-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; cursor:pointer }
			
			
			.bs_press_it{ width:80%; height:34px; margin:0px auto; border:0px; text-align:left; font-size:26px; line-height:34px; font-weight:bold; color:#000000}	
			.bs_press_ii{ width:80%; height:100px; margin:10px auto; border:0px; text-align:left; font-size:12px; line-height:20px; font-weight:noraml; color:#646566}	
			
				/*adv*/
			
			.adv_bg{  background-image:url(../images/adv_bg.jpg);background-size:100%;}
			.adv_list{ width:1200px; height:400px; position:absolute; left:50%; margin-left:-600px; top:136px; z-index:99;  }
			
			
			.adv_listi{ width:208px; height:338px; float:left; margin:0 15px; border:#ffffff 1px solid; padding:30px; background:none}
			.adv_listi:hover{  -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;background:rgba(255,255,255,.26); cursor:pointer }
			.adv_listip{ width:208px; height:64px; text-align:left; margin:0px; padding:0px;}
			
			.adv_listip img{ margin:0px; width:64px; height:64px;}
			
			
			.adv_listit{ width:208px; height:90px; text-align:left; margin:0px; padding:0px; margin-top:59px; font-size:26px; font-weight:bold; line-height:30px; color:#ffffff;}
			.adv_listit span{ font-size:18px; font-weight:normal}
			.adv_listii{ width:208px; height:34px; text-align:left; margin:0px; padding:0px; margin-top:80px; font-size:12px; font-weight:normal; line-height:17px; color:#ffffff;}
			/*brand*/
			
			.brand_bg{  background-image:url(../images/brand_bg.jpg);background-size:100%;}
			.brand_list{ width:1200px; height:540px; position:absolute; left:50%; margin-left:-600px; top:106px; z-index:99;  }
			
			.brand_listi{ width:170px; height:150px; float:left; margin:10px 14px; border:#f0f0f6 1px solid; border-radius:0px; padding:0px; overflow:hidden; box-shadow:0px 0px 30px #f0f0f6; }
			.brand_listi:hover{ border:#eeeef0 1px solid; box-shadow:0px 0px 30px #e0e0e6;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; cursor:pointer }
			
			.brand_listi img{ width:auto; height:auto}
			
			.brand_listi img:hover{transform:scale(1.05);-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; cursor:pointer }
			
			
			/*new*/
			
			.new_bg{  background-image:url(../images/new_bg.jpg);background-size:100%;}
			.new_list{ width:1200px; height:360px; position:absolute; left:50%; margin-left:-600px; top:106px; z-index:99;  }
			
			.new_listi{ width:570px; height:150px; margin:15px; float:left; padding:0px;}
			
			.new_listid{ width:100%; height:30px; font-size:14px; color:#ffffff; text-align:left; line-height:30px;}
			.new_listit{ width:100%; height:40px; font-size:22px; color:#ffffff; text-align:left; line-height:40px; overflow:hidden}
			
			.new_listit a{ color:#ffffff; text-decoration:none}
			.new_listit a:visited{ color:#ffffff; text-decoration:none}
			.new_listit a:hover{ color:#ff6000; text-decoration:none;-webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; }
			
			.new_listil{ width:34px; height:5px; background-color:#ffffff; margin:0px;}
			.new_listii{ width:100%; height:40px; font-size:14px; color:rgba(255,255,255,.64); text-align:left; line-height:20px; overflow:hidden; margin-top:10px;}
			
			
 .bs_newbtn{ width:1170px;  position:absolute; top:480px; left:50%; margin-left:-585px;z-index:99;    text-align:center}
.bs_newbtn a{ display:block; margin:0px auto; padding:0 18px; width:200px; height:49px; border:#ffffff 2px solid;  border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none;background:rgba(255,255,255,.0); background-image:url(../images/btnicon.png); background-position:right center; background-repeat:no-repeat; }
.bs_newbtn a:visited{ display:block; margin:0px auto;padding:0 18px; width:200px; height:49px; border:#ffffff 2px solid; border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none; background:rgba(255,255,255,.0); background-image:url(../images/btnicon.png); background-position:right center; background-repeat:no-repeat; }
.bs_newbtn a:hover{ display:block;  margin:0px auto;padding:0 18px; width:200px; height:49px; border:#ffffff 2px solid; border-radius:0px;line-height:49px; text-align:left; font-size:16px; color:#ffffff; text-decoration:none; background:rgba(255,255,255,.22);background-image:url(../images/btnicon.png); background-position:right center; background-repeat:no-repeat;  -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease;}
			
			/*bottom*/
			
			.bottom_bg{  background-image:url(../images/bottom_bg.jpg);background-size:100%;}
			
			
			
			
			
			.bottom_list{ width:1170px; height:490px; position:absolute; left:50%; margin-left:-585px; top:56px;  z-index:99;  }
			
			.bottom_listl{ width:290px; height:410px; background:rgba(0,0,0,.64); float:left; padding:40px; text-align:center; font-size:14px; line-height:25px; color:#ffffff}
			
			.bottom_listl span{ color:rgba(255,255,255,.64)}
			
			.bottom_listl img{ width:auto; height:auto; margin:10px auto; }
			
			
			
			
			
			.bottom_listr{ width:510px; height:410px; background:rgba(255,255,255,.74); float:right;padding:40px 145px; }
			
			.bottom_listri{ width:170px; height:410px;  float:left; margin:0px; padding:0px;}
			.bottom_listrit{ width:170px; height:60px; font-size:22px; text-align:left; color:#000000; line-height:60px; font-weight:bold}
			
			.bottom_listrii{ width:170px; height:60px; font-size:16px; text-align:left; color:#000000; line-height:60px;background-image:url(../images/bottom_icon.png); background-position:left center; background-repeat:no-repeat; text-indent:15px; }
			
			.bottom_listrii a{ color:#000000; text-decoration:none}
			.bottom_listrii a:visited{ color:#000000; text-decoration:none}
			.bottom_listrii a:hover{ color:#ff6000; text-decoration:none;-webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -o-transition: all .7s ease;
            transition: all .7s ease;}
			 
			
			
			.bottom_copright{ width:100%; height:74px; position:absolute; text-align:center; font-size:14px; color:#ffffff; line-height:74px; left:0px; bottom:0px; z-index:99; background:rgba(0,0,0,.64)}
			.bottom_copright a{ color:#ffffff; text-decoration:none}
			.bottom_copright a:visited{ color:#ffffff; text-decoration:none}
			.bottom_copright a:hover{ color:#ffffff; text-decoration:none}		
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					}