@charset "utf-8";
*.bhover { background:#999; color:#fff;}
* { margin:0; padding:0; outline:none; font-family:"Microsoft YaHei", Arial, Helvetica, sans-serif;
-webkit-font-smoothing:antialiased; /*chrome、safari*/
-moz-osx-font-smoothing:grayscale; /*firefox*/
}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
@font-face {
    font-family: 'genuinebold';
    src: url('../fonts/genuib-webfont.eot');
    src: url('../fonts/genuib-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/genuib-webfont.woff2') format('woff2'),
         url('../fonts/genuib-webfont.woff') format('woff'),
         url('../fonts/genuib-webfont.svg#genuinebold') format('svg');
    font-weight: normal;
    font-style: normal;

}
.ismobile{display: none;}
.ispc{display: block;}

.navicon{position:absolute;top:-45px; display:none; right:calc(5% - -30px);height:40px;width:90px;transition:1s;z-index:9999;}
.navicon.close span{opacity:0;transition:.3s cubic-bezier(.53,0,.15,.3)}
.navicon i{font-size:24px;padding:5px 8px;background:#dd1e19; color:#fff; border-radius:5px}
.navicon.close .am-icon-bars:before{content:"\f00d";transition:1.3s cubic-bezier(.53,0,.15,.3)}
body{
	margin:0;
	padding:0;
	font-size:14px;
	line-height:24px;
	background:#ffffff;
	color:#555555;
	-webkit-font-smoothing: antialiased; /*chrome、safari*/
	-moz-osx-font-smoothing: grayscale; /*firefox*/
	overflow-x:hidden;
}
ol,ul,li,p {
		list-style:none;
}
dl,dt,dd {border:0;}
a {
		color:#555555;
		text-decoration:none;
		outline:none;
}
a:hover { color:#dc1d1a;}
a img {
		border:0;
		margin:0;
		padding:0;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #666; opacity:0.5;  font-size:15px;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #666;opacity:0.5; font-size:15px;
}
input:-ms-input-placeholder{
    color: #666;opacity:0.5; font-size:15px;
}
input::-webkit-input-placeholder{
    color: #666;opacity:0.5; font-size:15px;
}
.topbox_bg .searchbox .keys:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #eee; opacity:0.5;  font-size:15px;
}
.topbox_bg .searchbox .keys::-webkit-input-placeholder{
    color: #eee;opacity:0.5; font-size:15px;
}
.animated{visibility:hidden}
.visible{visibility:visible}
.alpha0 {filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1;}
.color1 { background:#cccccc;}
.color2 { background:#ffffff;}
.color3 { background:#000000;}
.color4 { background:#0baecb;}
.alpha70 { filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity: 0.70; opacity: 0.70; width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1;}
.alpha40 { filter:alpha(opacity=40); -moz-opacity:0.40; -khtml-opacity: 0.40; opacity: 0.40; width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1;}
.h65 { height:65px; display:none;}
*.fl { float:left;}
*.fr { float:right;}
*.mt3 { margin-top:3px;}
*.mt5 { margin-top:5px;}
*.mt8 { margin-top:8px;}
*.mt10 { margin-top:10px;}
*.mt20 { margin-top:20px;}
*.mt24 { margin-top:24px;}
*.mt30 { margin-top:30px;}
*.mt40 { margin-top:40px;}
*.mt45 { margin-top:45px;}
*.mt50 { margin-top:50px;}
*.mt60 { margin-top:60px;}
*.mt70 { margin-top:70px;}
*.mt80 { margin-top:80px;}
*.mt90 { margin-top:80px;}
*.mt100 { margin-top:100px;}
*.mt150 { margin-top:150px;}

*.f12 { font-size:12px; line-height:24px;}
*.f14 { font-size:14px; line-height:26px;}
*.f15 { font-size:15px; line-height:29px;}
*.f16 { font-size:16px; line-height:30px;}
*.f18 { font-size:18px; line-height:32px;}
*.f21 { font-size:21px; line-height:34px;}
*.f20 { font-size:20px; line-height:36px;}
*.f22 { font-size:22px; line-height:38px;}
*.f40 { font-size:40px; line-height:60px;}
*.f50 { font-size:50px; line-height:80px;}
*.center { text-align:center;}
*.strong { font-weight:bold;}
.cfff { color:#fff;}

/*页眉*/
.top_bg{ height:148px; margin:0 auto; overflow:visible; background:url(../images/top_bg_x.png) repeat-x; position:relative; z-index:99999;}
.top_bg .top .logo:hover {/*transform: perspective(120px) rotateY(-360deg);*/}
.top_bg .top{ max-width:1200px; min-width:960px; height:148px; margin:0 auto; position:relative;}
.top_bg .top .welcome{ height:37px; line-height:37px;}
.top_bg .top .email { position:absolute; right:200px; top:25px; line-height:40px;}
.top_bg .top .telbox { position:absolute; top:0; right:0; width:auto; height:37px;}
/*.top_bg .top .telbox .tel:before { content:''; width:23px; height:23px; display:inline-block; position:relative; top:3px; background:url(../images/telbox_ico.png) no-repeat; display:none;}*/
.top_bg .top .telbox .tel { font-size:24px; color:#ff440b; line-height:37px; font-weight:bold; /*text-shadow: 0 1px #fff, 1px 0 #fff, -1px 0 #fff, 0 -1px #fff;  letter-spacing:0.5px;*/}
.top_bg .top .logo { position:absolute; left:0; top:55px; overflow:hidden;}

.top_bg .top .toplink { width:90px; height:38px; overflow:visible; position:absolute; top:0; right:180px;}
.top_bg .top .toplink a { }
.top_bg .top .toplink a:hover {}
.top_bg .top .toplink a.user { background:url(../images/link_space.gif) right center no-repeat;}
.top_bg .top .toplink a.search { height:40px; position:relative; z-index:1;}
.top_bg .top .toplink a:hover { }
.top_bg .top .toplink .lang { display:inline-block; width:24px; height:24px; line-height:24px; border:1px solid #000; font-size:12px; text-align:center; font-weight:bold; margin-top:6px; border-radius:50%;}
.top_bg .top .toplink .lang:hover { background:#000; color:#fff;}
.top_bg .top .toplink .lang .lang_list { /*position:absolute; left:0; top:0; background:#12a14d; */ height:48px; padding:0 10px; overflow:hidden;}
.top_bg .top .toplink .lang .lang_list.open { height:48px;}
.top_bg .top .toplink .lang .lang_list a {  margin:0; padding:0; height:48px; line-height:48px; font-weight:bold; font-size:18px; display:inline-block; float:inherit;/* float:left; display:block; border-top:1px solid #1ec261; font-size:12px;*/ background:none;}

.top_bg .top .searchbox { width:180px; height:24px; overflow:hidden; background:#000; position:absolute; top:-100%; border-radius:12px; left:-155px;}
.top_bg .top .searchbox .keys { width:178px; height:22px; line-height:22px; border:0; color:#000; background:#fff; border-radius:11px; position:absolute; left:1px; top:1px; text-indent:5px;}
.top_bg .top .searchbox .submit { width:20%; height:24px; font-size:12px; background:#f00; border:0; position:absolute; right:0; top:0; color:#fff; cursor:pointer; display:none;}
.top_bg .top .searchbox.open { top:7px;}
.top_bg .top .searchbox .keys:-ms-input-placeholder{
    color: #666;opacity:0.5; font-size:12px;
}
.top_bg .top .searchbox .keys::-webkit-input-placeholder{
    color: #666;opacity:0.5; font-size:12px;
}

/*主导航样式*/
.navmenu_bg { width:70%; height:100px; position:absolute; right:0; top:0;}

.navmenu { width:70%; height:100px; overflow:hidden; position:absolute; right:0; bottom:0; z-index:999999;}
.navmenu #menu { width:100%; height:100px; position:relative; right:0; font-size:16px; font-weight:bold;}
.navmenu #menu li { height:100px; width:14.28571428571429%; float:left; position:relative;/*writing-mode:tb-rl; font-weight:bold; background:url(../images/navmenu_spa.gif) 0 center no-repeat; letter-spacing:2px;*/}
.navmenu #menu li:after { /*content:''; background:url(../images/navmenu_spa1.png) center center no-repeat; width:15px; height:50px; display:block; position:absolute; left:-7px; top:0;*/}
.navmenu #menu li a { display:block; height:100px; line-height:100px; text-align:right; overflow:hidden; color:#000; padding-right:10px;}
.navmenu #menu li a:hover { /*background:#dd1e19;*/}
.navmenu #menu li a .en {  display:none;}
.navmenu #menu li:hover a { color:#e74f21;/*background:#dd1e19;*/}
.navmenu #menu li:hover a+.subnav{/* display:block;*/}
.navmenu #menu li.hover a { color:#e74f21;/* background:#dd1e19;*/}
.navmenu #menu li.hover a,.navmenu #menu li:hover { color:#e74f21;/* letter-spacing:2px; font-weight:bold;*/}
.navmenu #menu li.hover a+.subnav {}
.navmenu #menu li a:before{
	content: '';
  	position: absolute;
  	top: 0;
	right:0;
  	width: 84px;
  	height: 0;
  	background:#e74f21;/**/
  	-webkit-transition: 0.5s;
  	transition: 0.5s;
  	z-index: -1;
}
.navmenu #menu li a:hover:before { height:7px; top:93px;}
.navmenu #menu li.hover a:before { height:7px; top:93px;}
/*二级菜单*/
.navmenu #menu li .subnav { height:100px; overflow:hidden; display:none; position:relative; top:100px; left:100%; background:#0dbd4b; background:rgba(13,189,75,.8);/* border-top:1px solid #f1cecf;*/ font-size:14px; font-weight:normal;}
.navmenu #menu li .subnav a { display:block; line-height:40px; width:40px; height:100px; color:#fff; background:none; position:relative; text-indent:10px;}
.navmenu #menu li .subnav a:hover { color:#ffffff;}

#focusindex { position:relative; height:auto; overflow:hidden; z-index:1;}
#focusindex .waver { position:absolute; left:0; bottom:0; width:100%; height:62px; background:url(../images/wave_fff_bg.png) top center repeat-x; z-index:9999;

-webkit-animation: waver_run 6s linear infinite 0s;
-moz-animation: waver_run 6s linear infinite 0s;
-o-animation: waver_run 6s linear infinite 0s;
-ms-animation: waver_run 6s linear infinite 0s;
animation: waver_run 6s linear infinite 0s;

}
@keyframes waver_run { 
	0% {
		background-position:1920px 0;
	}
	50% {
	   background-position:0 0;
		
	}
	100% {
	   background-position:-1920px 0;
		
	}
}
.section { overflow:hidden;}
.flexcc { display:flex; display:-webkit-flex; flex-flow:column wrap; justify-content:center; align-items:center;}
/*首页一句话*/
.slgan { font-size:48px; color:#0470e0; line-height:80px; text-align:center;}
/*页面布局*/
.indexbox{  max-width:1200px; min-width:960px; height:auto; margin:0 auto; overflow:hidden;}
.topbox_bg { background:#4177bb; height:46px;}
.topbox_bg .hotkeywords { font-size:16px; color:#fff; float:left; line-height:46px;}
.topbox_bg .hotkeywords a { color:#fff;}
.topbox_bg .searchbox { height:24px; float:right; width:247px; overflow:hidden; margin-top:10px; background:url(../images/searchbox_bg.gif) no-repeat; position:relative;}
.topbox_bg .searchbox .keys { width:247px;  height:24px; background:none; color:#fff; border:0; line-height:24px; text-indent:6px; position:absolute; left:0; top:;}
.topbox_bg .searchbox .submit { width:24px;  height:24px; position:absolute; right:0; top:0; border:0; cursor:pointer; background:none;}

/*关于我们*/
.aboutbox { max-width:100%; min-width:960px; height:auto; overflow:hidden; background:#fff;}
.aboutbox dt{ max-width:100%; min-width:960px; height:auto; margin:0 auto; overflow:hidden; margin-top:5%; position:relative; text-align:center;}
.aboutbox dt .tit { font-size: 36px; line-height:50px; color:#070707; position:relative; z-index:1}
.aboutbox dt .tit1 { font-size:23px; line-height:30px; font-family:'Microsoft YaHei','Arial'; color:#797979; text-transform:uppercase; display:inline-block; z-index:0; position:relative; padding:0 15px;}
.aboutbox dt .line { background:#000; height:1px; width:82px; margin:0 auto; margin-top:20px;}
.aboutbox dt a { display:block;}
.aboutbox dd{ width:100%; height:auto; overflow:hidden; background:#efefef;}
.aboutbox dd .about .margin_box { margin:0 80px;}

.aboutbox dd .about { width:32.34375%; background:#efefef; float:left; position:relative;}
.aboutbox dd .about .box { position:absolute; top:0; left:0; width:100%; height:100%; display:flex; display:-webkit-flex; flex-flow:column wrap; justify-content:center;}
.aboutbox dd .about .tit { font-size:38px; font-weight:bold; line-height:60px; height:60px; position:relative; color:#000000;}
.aboutbox dd .about .des { line-height:26px; color:#646464; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.aboutbox dd .about .link { font-size:19px; line-height:30px; color:#8f8f8f; margin-top:25%;}
.aboutbox dd .about .link a{ font-weight:bold; color:#8f8f8f;}
.aboutbox dd .about .tit .line { width:75px; height:3px; background:#05377c; position:absolute; left:0; bottom:0;}

.aboutbox dd .culture { background:#003183; width:33.80208333333333%; height:auto; overflow:hidden; text-align:center; position:relative; float:left;}
.aboutbox dd .culture .bg { filter:alpha(opacity=7); -moz-opacity:0.07; -khtml-opacity: 0.07; opacity: 0.07;}
.aboutbox dd .culture .box { position:absolute; top:0; left:0; width:100%; height:100%; display:flex; display:-webkit-flex; flex-flow:column wrap; justify-content:center;}
.aboutbox dd .culture .tit { font-size:29px; line-height:40px; color:#fff; font-weight:bold;}
.aboutbox dd .culture .tit1 { font-size:18px; line-height:30px; color:#fff; font-family:Arial; text-transform:uppercase;}

.aboutbox dd .strength { width:33.80208333333333%; height:auto; overflow:hidden; text-align:center; position:relative; float:left;}
.aboutbox dd .strength .bg {/* filter:alpha(opacity=7); -moz-opacity:0.07; -khtml-opacity: 0.07; opacity: 0.07;*/}
.aboutbox dd .strength .box { position:absolute; top:0; left:0; width:100%; height:100%; display:flex; display:-webkit-flex; flex-flow:column wrap; justify-content:center;}
.aboutbox dd .strength .pic { width:100%; text-align:center;}
.aboutbox dd .strength .tit { font-size:29px; line-height:60px; color:#3d3d3d; font-weight:bold;}


.aboutbox dd .honor { width:33.80208333333333%; height:auto; overflow:hidden; text-align:center; position:relative; float:left;}
.aboutbox dd .honor .bg {/* filter:alpha(opacity=7); -moz-opacity:0.07; -khtml-opacity: 0.07; opacity: 0.07;*/}
.aboutbox dd .honor .box { position:absolute; top:0; left:0; width:100%; height:100%; display:flex; display:-webkit-flex; flex-flow:column wrap; justify-content:center;}
.aboutbox dd .honor .pic { width:100%; text-align:center;}
.aboutbox dd .honor .tit { font-size:29px; line-height:60px; color:#3d3d3d; font-weight:bold;}

.aboutbox dd .honor:hover .pic,.aboutbox dd .strength:hover .pic{
	-webkit-animation: about_ico 1s linear infinite 0s;
	-moz-animation: about_ico 1s linear infinite 0s;
	-o-animation: about_ico 1s linear infinite 0s;
	-ms-animation: about_ico 1s linear infinite 0s;
	animation: about_ico 1s linear infinite 0s;
}
@keyframes about_ico { 
	0% {
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
	}
	50% {
	 	-webkit-transform: scale(1.15);
		-moz-transform: scale(1.15);
	}
	100% {
	   -webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
	}
}
.aboutbox dd .hr { background:#003183; width:33.80208333333333%; height:auto; overflow:hidden; text-align:center; position:relative; float:left;}
.aboutbox dd .hr .bg { filter:alpha(opacity=7); -moz-opacity:0.07; -khtml-opacity: 0.07; opacity: 0.07;}
.aboutbox dd .hr .box { position:absolute; top:0; left:0; width:100%; height:100%; display:flex; display:-webkit-flex; flex-flow:column wrap; justify-content:center;}
.aboutbox dd .hr .tit { font-size:29px; line-height:40px; color:#fff; font-weight:bold;}
.aboutbox dd .hr .tit1 { font-size:18px; line-height:30px; color:#fff; font-family:Arial; text-transform:uppercase;}

.aboutbox dd .text { margin:0 20px; margin-top:30px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-align:center;}
.aboutbox dd .title { font-size:29px; line-height:40px; color:#ffc000; font-weight:bold; margin-left:5%; margin-top:20%;}
.aboutbox dd .info_list { font-size:18px; color:#fff; margin-left:5%; margin-top:10px; line-height:30px;}
.aboutbox dd .info_list li { background:url(../images/info_list_ico.gif) 0 10px no-repeat; text-indent:20px;}
.aboutbox dd .tit3 { font-size:27px; font-weight:bold; color:#0978db; margin:40px 20px;}
.aboutbox dd .brief { width:60%; height:auto; overflow:hidden; float:left; background:#f3f3f3;}
.aboutbox dd .pic { float:left; width:50%;}
.aboutbox dd .about_us { width:90%; height:auto; margin:0 auto; margin-top:60px; overflow:hidden; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between;}
.aboutbox dd .about_us li { float:left; width:33.3333%; flex:0 0 33.3333%; height:auto; text-align:center;}
.aboutbox dd .about_us li .pic1 { width:160px; height:160px; overflow:hidden; border-radius:50%; margin:0 auto;}
.aboutbox dd .about_us li .tit1 { width:100%; height:60px; line-height:60px; font-size:16px;}
/*****内页样式******/
/*企业简介*/
.about_us { max-width:1200px; min-width:960px; height:auto; margin:0 auto; margin-top:40px; overflow:visible;}
.about_us dt { width:100%; height:auto; text-align:center;}
.about_us dt .pic { width:160px; height:160px; overflow:hidden; border-radius:50%; margin:0 auto;}
.about_us dt .tit { width:100%; height:60px; line-height:60px; font-size:34px; color:#000; font-weight:bold; /*background:url(../images/about_us_tit_bg.png) center center no-repeat;*/}
.about_us dt .tit1 { font-size:15px; line-height:30px; color:#2f2f2f;}
.about_us dd .des1 { margin:25px 8%; font-size:14px; line-height:24px; text-align:center; line-height:30px; color:#676767; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.about_us dd .about_us_point { width:100%; height:auto; overflow:hidden;}
.about_us dd .about_us_point li { width:33.333333%; height:auto; overflow:hidden; float:left; text-align:center;}
.about_us dd .about_us_point li .num { color:#a0a0a0; font-size:88px;  font-weight:bold; line-height:100px; font-family:'genuinebold';}
.about_us dd .about_us_point li .tit { color:#505050; line-height:40px; font-size:18px;}
.about_us dd .picbox { width:100%; height:auto; overflow:visible; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:center;}
.about_us dd .picbox a { display:block; position:relative; width:24.5%; flex:0 0 24.5%; display:flex; display:-webkit-flex; flex-flow:column wrap; justify-content:center; align-items:center;
	-webkit-mask: url(../images/about_pic_mask.png) center center no-repeat;
	-webkit-mask-size: 100% 100%;
}
.about_us dd .picbox a .pic { position:absolute; width:65%; left:0;
-webkit-transition: all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    transition:all .5s ease;}
.about_us dd .picbox a:hover .pic { width:100%;}

.commonbox { max-width:1200px; min-width:960px; height:auto; margin:0 auto; margin-top:50px; overflow:hidden;}
.commonbox ul { width:100%; height:auto; overflow:hidden; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:center;}
.commonbox ul li { width:32%; height:auto; overflow:hidden; flex:0 0 32%; position:relative; background:#f2f2f2;}
.commonbox ul li .box { display:block; position:absolute; left:0; top:0; height:100%; overflow:hidden; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:center; padding-left:130px;}
.commonbox ul li .box .icon { float:left; width:130px; height:auto; overflow:hidden; margin:0 0 0 -130px; text-align:center; background:}
.commonbox ul li .box:hover .icon{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;
}
.commonbox ul li .box .brief { float:left; width:100%; height:auto; text-align:center;}
.commonbox ul li .box .brief .tit { font-size:18px; line-height:20px; color:#000; font-weight:bold;}
.commonbox ul li .box:hover  .tit { color:#df371e;}
.commonbox ul li .box:hover .brief .des { color:#df371e;}
.commonbox ul li .box .brief .des { margin-right:10px; font-size:14px; line-height:22px; margin-top:20px; color:#595959; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}


/*园区环境*/
.environment { width:100%; height:auto;}
.environment dt { width:100%; height:50px; overflow:hidden;}
.environment dt .tit { color:#ffde00; font-size:36px; line-height:50px; text-align:center; font-family:'幼圆';}
.environment dd .tabs { width:100%; height:auto; overflow:hidden; text-align:center; font-size:0; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-around;}
.environment dd .tabs a { display:inline-block; height:70px; line-height:70px; text-align:center; color:#fff; font-size:18px;}
.environment dd .tabs a:before { content:''; width:55px; height:55px; background:#f00; display:block; border-radius:44%; float:left; margin-right:15px;}
.environment dd .tabs a:hover,.environment dd .tabs a.hover { }
.environment dd .tabs a.icon1:before { background:url(../images/eico01.png) center center no-repeat; background-size:104% 104%;}
.environment dd .tabs a.icon2:before { background:url(../images/eico02.png) center center no-repeat; background-size:104% 104%;}
.environment dd .tabs a.icon3:before { background:url(../images/eico03.png) center center no-repeat; background-size:104% 104%;}
.environment dd .tabs a.icon4:before { background:url(../images/eico04.png) center center no-repeat; background-size:104% 104%;}
.environment dd .tabs a.icon5:before { background:url(../images/eico05.png) center center no-repeat; background-size:104% 104%;}
.environment dd .tabs a:hover:before,.environment dd .tabs a.hover:before { background-color:#eaa103;}
.environment dd .show_list { width:100%; height:auto; overflow:hidden; /*display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between;*/}
.environment dd .show_list li { float:left; overflow:hidden; width:24%; margin-left:2%; padding-bottom:2%;}
.environment dd .show_list li.first { width:43%; margin-right:1%;}
.environment dd .show_list li a { display:block; overflow:hidden;}
/*学校特点*/
.aboutbox .textami { height:auto; overflow:hidden; font-size:32px; line-height:58px; color:#777777;}
.aboutbox .textami a { height:auto; display:block; position:relative; top:0;}
.aboutbox .textami a:hover {/* top:-72px; transform: rotateY(360deg); -webkit-transform: rotateY(360deg);*/}
.aboutbox .main_point { width:100%; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between;}
.aboutbox .main_point li { flex:0 0 30%; width:30%; float:left; text-align:center; margin-left:3.33333%;}
.aboutbox .main_point li.ml0 { margin-left:0;}
.aboutbox .main_point li .unit { color:#929292; font-size:31px; font-family:'Microsoft YaHei'; font-weight:normal;}
.aboutbox .main_point li .tit { color:#515151; font-size:16px; line-height:40px;}
.aboutbox .main_point li .num { color:#2fc9bb; font-size:101px; line-height:110px;

/*-webkit-animation: iconsAnimation 1s linear infinite 0s;
-moz-animation: iconsAnimation 1s linear infinite 0s;
-o-animation: iconsAnimation 1s linear infinite 0s;
-ms-animation: iconsAnimation 1s linear infinite 0s;
animation: iconsAnimation 1s linear infinite 0s;*/
}
@keyframes textAnimation { 
	0% {
		/*font-size:101px;*/
		top:0;
	}
	30% {
	 	/*font-size:120px;*/
		top:0;
	}
	60% {
	 	/*font-size:120px;*/
		top:-72px;
	}
	90% {
	 	/*font-size:120px;*/
		top:-72px;
	}
	100% {
	    /*font-size:101px;*/
		top:0;
		
	}
}
@keyframes iconsAnimation { 
	0% {
		/*font-size:101px;*/
		-webkit-transform: scale(1);
	}
	65% {
	 	/*font-size:120px;*/
		-webkit-transform: scale(1.15);
	}
	100% {
	    /*font-size:101px;*/
		-webkit-transform: scale(1);
		
	}
}

@keyframes iconsAnimation { 
	0% {
		/*font-size:101px;*/
		-webkit-transform: scale(1);
	}
	50% {
	 	/*font-size:120px;*/
		-webkit-transform: scale(1.15);
	}
	100% {
	    /*font-size:101px;*/
		-webkit-transform: scale(1);
		
	}
}
/*精彩活动*/
.activebox { max-width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.activebox dt { width:100%; height:auto; overflow:hidden; text-align:center; position:relative; margin-top:150px;}
.activebox dt .tit { color:#0dbd4b; font-size:34px; font-weight:bold; line-height:40px; position:relative; top:-20px;}
.activebox dt .tit1 { color:#e8e8e8; text-transform:uppercase; font-family:'Arial'; display:inline-block; padding:0 10px; font-size:36px; line-height:40px; text-transform:uppercase;}
.activebox dt .line { background:#0dbd4b; height:2px; width:82px; margin:0 auto;}
.activebox dd .tabs { width:100%; height:auto; overflow:hidden; text-align:center; font-size:0; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:center;}
.activebox dd .tabs a { display:inline-block; height:34px; line-height:34px; text-align:center; margin:2px; padding:0 20px; color:#fff; background:#01a2aa; font-size:16px; border:1px solid #00deff; border-radius:8px;}
.activebox dd .tabs a:hover,.teacherbox dd .tabs a.hover { background:#8ad633; color:#fff; border:1px solid #97ed34;}
.activebox dd .more { background:#eaa103; color:#fff; width:119px; height:34px; line-height:34px; text-align:center; display:block; margin:0 auto; margin-top:60px;}
.activebox dd .more:hover { background:#0dbd4b;}

/*课程介绍*/
.coursebox { max-width:100%; min-width:960px; height:426px; overflow:hidden;}
.coursebox li { width:24.6%; height:426px; float:left; position:relative;
-webkit-transform: scale(1, 1);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transform: scale(1, 1);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 250ms;
z-index:0;
}
.coursebox li:hover {
-webkit-transform: scale(1.15);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 750ms;
-moz-transform: scale(1.15);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 750ms;
overflow: hidden;
z-index:1;
}
.coursebox li .bg { position:absolute; left:0.2%; top:0; width:99.6%; height:100%; background:#000; background:rgba(0,0,0,.59);}
.coursebox li .bg.bl0 { border-left:0;}
.coursebox li .tit { font-size:48px; line-height:60px; text-align:center; color:#fff; position:relative; z-index:1; margin-top:40%;}
.coursebox li .nav { font-size:18px; line-height:40px; text-align:center; color:#fff; position:relative; z-index:1; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; margin:0 60px; margin-top:40px;}
.coursebox li .nav a { color:#fff; display:inline-block;}
.coursebox li .tit span.c1 { color:#25b7be;}
.coursebox li .tit span.c2 { color:#7ccb20;}
.coursebox li .tit span.c3 { color:#fff100;}
.coursebox li .tit span.c4 { color:#f1003e;}

/*校区展示*/
.schoolshow { max-width:100%; min-width:960px; height:auto; overflow:hidden;}
.schoolshow dt { width:100%; height:auto; overflow:hidden; text-align:center; position:relative;}
.schoolshow dt .tit { color:#25b7be; font-size:36px; font-weight:bold; line-height:50px; display:inline-block; padding:0 20px;}
.schoolshow dt .tit1 { color:#797979; /*text-transform:uppercase; font-family:'Arial'; background:#fff; display:inline-block; padding:0 10px;*/ font-size:18px; height:73px; line-height:30px; margin-top:-20px;}
.schoolshow dt .tit1:before { content:'｛'; color:#7ccb20; font-size:73px; position:relative; top:-10px;}
.schoolshow dt .tit1:after { content:'｝'; color:#7ccb20; font-size:73px; position:relative; top:-10px;}
.schoolshow dt .line { position:absolute; width:130px; left:50%; top:55%; margin-left:-65px; height:1px; background:#bababa; z-index:-1;}
.schoolshow dt .solgan { color:#555555;}
.schoolshow dd { width:100%; height:auto; overflow:hidden;}
.schoolshow dd .tabs { width:100%; height:auto; overflow:hidden; text-align:center; font-size:0; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-around;}
.schoolshow dd .tabs a { display:inline-block; height:33px; line-height:33px; text-align:center; margin:0 1px; padding:0 15px; color:#8a8a8a; background:#fff; font-size:14px; border:1px solid #e5e5e5; border-radius:15px;}
.schoolshow dd .tabs a:hover,.schoolshow dd .tabs a.hover { background:#4195ff; color:#fff; border:1px solid #4195ff;}
.schoolshow .show_list { width:100%; height:auto; overflow:hidden; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between;}
.schoolshow .show_list li { width:31%; float:left; flex:0 0 31%; margin-bottom:44px; height:auto; overflow:hidden; position:relative; top:0; left:0; line-height:0; border:1px solid #e8e8e8;
-moz-transition:all 2s cubic-bezier(0,0,.2,1);
-o-transition:all 2s cubic-bezier(0,0,.2,1);
-ms-transition:all 2s cubic-bezier(0,0,.2,1);
transition:all 2s cubic-bezier(0,0,.2,1);
}
.schoolshow .show_list li.ami0 { filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; width:0; overflow:hidden;}
.schoolshow .show_list li.ami1 { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; width:24%;}
.schoolshow .show_list li.ami1 a { }
.schoolshow .show_list li .tit { width:100%; height:55px; line-height:55px;/* border-top:1px solid #e8e8e8;*/ width:100%; text-align:center; z-index:2; font-size:18px; color:#fff; background:#000; background:rgba(0,0,0,.68); position:absolute; left:0; bottom:0; z-index:1;}
.schoolshow .show_list li a { display:block; position:relative;/* z-index:5; width:100%; height:100%; background:url(../images/productbox_list_mask.png) center center no-repeat; background-size:100% 100%;*/}
.schoolshow .show_list li .pic {
	-webkit-transition: all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    transition:all .5s ease; position:relative; z-index:0;}
.schoolshow .show_list li:hover .pic {-webkit-transform: scale(1.15);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(1.15);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 750ms;}
.schoolshow .show_list li:hover .mask { bottom:0;}
.schoolshow .show_list li:hover .tit { background:#25b7be; background:rgba(37,183,190,.68); color:#fff;}



/*新闻资讯*/
.newsbox { width:49%; height:auto; overflow:hidden; margin-top:40px;}
.newsbox dt { width:100%; height:40px; line-height:40px; overflow:hidden; position:relative;}
.newsbox dt .tit2 { color:#e8eef8; font-family:Arial; font-size:86px; line-height:100px; text-transform:uppercase; position:absolute; top:0; width:100%; z-index:0;}
.newsbox dt .tit { color:#1e1e1e; font-size:24px; line-height:40px; font-weight:bold; position:relative; z-index:1;}
.newsbox dt .ico { padding:5px 0; position:relative; z-index:1;}
.newsbox dt .tit1 { color:#b0b0b0; font-size:17px; line-height:30px; text-transform:uppercase; position:relative; z-index:1;}
.newsbox dt .more { text-transform:uppercase;}
.newsbox dt .tabs { height:auto; overflow:hidden; float:left;}
.newsbox dt .tabs a { display:inline-block;}
.newsbox dt .tabs a:hover,.newsbox dt .tabs a.hover { color:#0dbd4b; font-weight:bold;}
.newsbox dd{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
/*图片新闻列表样式*/
.newsbox dd ul.pic_news_list { width:100%; height:auto; overflow:hidden; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between;}
.newsbox dd ul.pic_news_list li { width:49%; flex:0 0 49%; height:auto; overflow:hidden; float:left;}
.newsbox dd ul.pic_news_list li .pic { height:auto; overflow:hidden;}
.newsbox dd ul.pic_news_list li .brief { padding:18px; height:auto; overflow:hidden; border:1px solid #ededed; border-top:0;}
.newsbox dd ul.pic_news_list li .brief .tit { font-size:18px; line-height:40px; color:#eb4311; font-weight:bold; white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis;}
.newsbox dd ul.pic_news_list li .brief .date { color:#626262; line-height:30px; background:url(../images/newsbox_list_icon_time.gif) 0 center no-repeat; text-indent:25px;}
.newsbox dd ul.pic_news_list li .brief .des { width:100%; height:auto; overflow:hidden; line-height:27px; border-top:1px solid #d7d7d7; font-size:14px; margin-top:3px; background:#fff; color:#1e1e1e; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
/*新闻列表样式*/
.newsbox dd ul.news_list { width:100%; height:auto; overflow:hidden; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between;}
.newsbox dd ul.news_list li { width:100%; height:73px; float:left; position:relative; background:#ededed;}
.newsbox dd ul.news_list li .date { float:right; font-weight:normal; margin-right:20px; font-family:Arial; color:#525252;}
.newsbox dd ul.news_list li .line { background:#c8d0df; width:100%; height:1px; position:absolute; left:0; bottom:0;}
.newsbox dd ul.news_list li .box { height:184px; overflow:hidden; padding-left:69px;}
.newsbox dd ul.news_list li:hover .box { }
.newsbox dd ul.news_list li.ml0 { margin-left:0;}
.newsbox dd ul.news_list li {
-webkit-transition: all .5s ease;
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
-ms-transition:all .5s ease;
transition:all .5s ease;
}
.newsbox dd ul.news_list li .brief { height:auto; overflow:hidden; margin:1px;}
.newsbox dd ul.news_list li .tit { color:#000; font-size:16px; height:71px; line-height:71px; background:#fff; font-weight:bold; white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; padding-left:81px;}
.newsbox dd ul.news_list li .icon { width:69px; height:71px; overflow:hidden; float:left; margin:0 0 0 -81px; _display:inline; background:#fff url(../images/newsbox_list_icon0.png) no-repeat;}
.newsbox dd ul.news_list li .des { position:absolute; left:1px; bottom:1px; right:1px; top:73px; padding:26px; line-height:27px; font-size:14px; background:#fff; color:#1e1e1e; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.newsbox dd ul.news_list li img {
	-webkit-transform: scale(1, 1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;
	-moz-transform: scale(1, 1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms;
	display:none;
}
.newsbox dd ul.news_list li:hover img {
	-webkit-transform: scale(1.1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(1.15);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 750ms;
}
.newsbox dd ul.news_list li:hover .icon ,.newsbox dd ul.news_list li.hover .icon{
/*transform:rotate(90deg);
-ms-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-o-transform:rotate(90deg); */
background:url(../images/newsbox_list_icon1.png) no-repeat;
}
.newsbox dd ul.news_list li:hover,.newsbox dd ul.news_list li.hover { height:184px; /*-moz-box-shadow:0px 0px 10px #333333, 0px 0px 10px #333333; -webkit-box-shadow:0px 0px 10px #333333, 0px 0px 10px #333333; box-shadow:0px 0px 10px #333333, 0px 0px 10px #333333;*/}
.newsbox dd ul.news_list li:hover .tit { }
.newsbox dd ul.news_list li:hover .des {}
.newsbox dd .ctrl_btn { text-align:center;}
/*.newsbox dd .gotodown { display:block; font-size:0; width:398px; height:98px; margin:0 auto; margin-top:40px; text-align:center; position:relative;}
.newsbox dd .gotodown .down { position:absolute; top:20px; left:50%; margin-left:-20px;}
.newsbox dd .gotodown:hover { }
.newsbox dd .gotodown .down{
	-webkit-animation: down_ami 1s linear infinite 0s;
	-moz-animation: down_ami 1s linear infinite 0s;
	-o-animation: down_ami 1s linear infinite 0s;
	-ms-animation: down_ami 1s linear infinite 0s;
	animation: down_ami 1s linear infinite 0s;
}*/

/*企业视频*/
.videobox { width:100%; height:auto; overflow:hidden;}
.videobox dt { width:100%; height:auto; height:auto; overflow:hidden; text-align:center;}
.videobox dt .tit { font-size:36px; line-height:50px; color:#070707;}
.videobox dt .tit1 { line-height:40px; font-size:16px; color:#6f6f6f; text-transform:uppercase; text-align:center;}
.videobox dt .more { float:right; text-transform:uppercase;}
.videobox dd { width:100%; height:auto; overflow:hidden; position:relative;}
.videobox dd .box { position:absolute; top:0; left:0; width:100%; height:100%; display:flex; display:-webkit-flex; flex-flow:column wrap; justify-content:center; align-items:center;}
.videobox dd .play { display:block; background:url(../images/video_play.png) center center no-repeat; width:113px; height:66px; overflow:hidden; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7;}
.videobox dd .play:hover {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.videobox dd .pic { text-align:center;} 
.videobox dd ul.ask_list { width:100%; height:auto; overflow:hidden;}
.videobox dd ul.ask_list li { height:123px; border-bottom:1px solid #ebebeb; line-height:27px; overflow:hidden;}
.videobox dd ul.ask_list li .a { width:40px; line-height:27px; height:auto; color:#0dbd4b; display:block; float:left;}
.videobox dd ul.ask_list li .ask { color:#0dbd4b; }
/*banner*/

.banner_shadow { background:url(../images/banner_shadow.png) top center repeat-x; position:absolute; left:0; top:0; width:100%; height:9px; z-index:99999;}
.fullSlide{ position:relative; background:#000;}
.fullSlide .bd{ position:relative; z-index:0; }
.fullSlide .bd li img{width:100%; vertical-align:top;  } 
.fullSlide .hd{position:relative; z-index:1; margin-top:-30px; height:30px; line-height:30px;  text-align:center;
	 /*background:#000; filter:alpha(opacity=60);opacity:0.6*/
}
.fullSlide .hd ul{ text-align:center;  padding-top:5px;  }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:5px; background:url(../images/tg_flash_p.png) -18px 0; overflow:hidden; 
	font-size:0;
}
.fullSlide .hd ul .on{ background-position:0 0; }
.fullSlide .prev,.fullSlide .next{ z-index:1; display:block; width:55px; height:55px; position:relative; margin:-14% 0 0 3%; float:left;  background:url(../images/arrow.png) 0 0 no-repeat; filter:alpha(opacity=20);opacity:0.2  }
.fullSlide .next{  background-position:right 0; float:right; margin-right:3%  }
.fullSlide .prev:hover,.fullSlide .next:hover{ filter:alpha(opacity=80);opacity:0.8 }


.ny_banner { height:auto; background-color:#ccc; overflow:hidden;}

/*焦点图*/
.focus{ position:relative; width:570px; height:330px; background-color: #000; float: left;}  
.focus img{ width: 570px; height: 330px;} 
.focus .shadow .title{width: 260px; height:65px; padding-left: 30px; padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden;}
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  
.focus .fPic{ position:absolute; left:0px; top:0px; }  
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:auto; padding-bottom:5px; background:rgba(0,0,0,0.6);    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left;}  
.focus .shadow a { text-decoration:none; color:#fff; font-size:16px; overflow:hidden; font-family: "\5FAE\8F6F\96C5\9ED1"; line-height:32px; margin-top:5px; width:94%; display:block; margin-left:3%;} 
.focus .shadow p { background:#ff1177;}
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }  
.focus .fcon img{ display:block; }  
.focus .fbg{bottom:13px; right:10px; position:absolute; height:21px; text-align:center; z-index: 200; }  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;}  
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; margin:0 2px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#ffffff; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#ed2121;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../images/focus_btn.png) no-repeat;}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }  
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}  
.focus .prev:hover{  background-position:0 0; }  
.focus .next:hover{  background-position:-40px 0;}

/*公告*/
.noticebox { width:1200px; height:67px; overflow:hidden;}
.noticebox dt { width:60px; height:67px; float:left; background:url(../images/noticebox_ico.jpg) 0 center no-repeat;}
.noticebox dd { width:80%; height:67px; line-height:67px; float:left;}
.noticebox dd a.more { display:block; width:74px; height:23px; line-height:23px; margin-top:20px; float:left; text-align:center; margin-left:10px; color:#002855; background:url(../images/noticebox_more.png) no-repeat;}
.noticebox dd ul { width:80%; height:67px; float:left;}
.noticebox dd ul li { line-height:67px; height:67px; width:100%;}

/*ico容器*/
.ico_bg { height:153px; background:#ededed; overflow:hidden; margin:0 auto;}
.ico_bg .icobox { width:1200px; height:153px; margin:0 auto; overflow:hidden;}
.ico_bg .icobox ul li { float:left; width:15%; height:153px; overflow:hidden; position:relative;}
.ico_bg .icobox ul li.focus { width:40%;}
.ico_bg .icobox ul li p { position:absolute; width:100%; text-align:center; left:0; top:55px; font-size:20px;
/*IE*/
filter:
 Dropshadow(offx=1,offy=0,color=white)
 Dropshadow(offx=0,offy=1,color=white)
 Dropshadow(offx=0,offy=-1,color=white)
 Dropshadow(offx=-1,offy=0,color=white);
 /*非IE*/
 text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;
-webkit-text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;
-moz-text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;
*filter: Glow(color=#fff, strength=1);
}
.ico_bg .icobox ul li span { position:absolute; left:40px; top:75px; font-size:14px; font-family:Arial;
/*IE*/
filter:
 Dropshadow(offx=1,offy=0,color=white)
 Dropshadow(offx=0,offy=1,color=white)
 Dropshadow(offx=0,offy=-1,color=white)
 Dropshadow(offx=-1,offy=0,color=white);
 /*非IE*/
 text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;
-webkit-text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;
-moz-text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;
*filter: Glow(color=#fff, strength=1);
}
/*其它链接*/
.commlink { width:100%; height:auto; overflow:hidden; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between;}
.commlink li { width:48%; height:195px; float:left; margin-left:2%;}
.commlink li.ml0 { margin-left:0;}
.commlink li a { display:block; height:195px; color:#fff;}
.commlink li a .tit { font-size:32px; line-height:1.3;}
.commlink li a .tit1 { font-size:17px; line-height:1.2;}
.commlink li a .icon { width:40px; height:40px; float:left; margin-top:10px; margin-left:30%; margin-top:13%;}
.commlink li a:hover .icon { margin-left:10%; transform: perspective(120px) rotateY(180deg);}
.commlink li a .brief { float:left; margin-left:20px; margin-top:11%;}




/*联系方式*/
.contactbox { height:100%; height:auto; overflow:visible;}
.contactbox dt{ width:100%; height:auto; overflow:hidden; float:left; position:relative; text-align:center;}
.contactbox dt .tit { font-size: 40px; color:#f1003e; line-height:50px; font-weight:bold;}
.contactbox dt .tit1 { font-size:33px; line-height:50px; color:#6a6a6a; text-transform:uppercase;}
.contactbox dd{ width:100%; height:auto; overflow:hidden; position:relative; color:#fff;}
.contactbox dd ul  { width:100%; height:auto; overflow:hidden; padding-bottom:10px;}
.contactbox dd ul li { width:45%; height:119px; float:left; margin-top:20px; margin-left:3%; background:rgba(255,255,255,.47); border-radius:10px; -moz-box-shadow:0px 0px 10px #999; -webkit-box-shadow:0px 0px 10px #999; box-shadow:0px 0px 10px #999;}
.contactbox dd .tit { font-size:24px; line-height:29px; margin-left:5%; margin-top:15px; font-weight:bold;}
.contactbox dd .tit.c1 { color:#00bdf8;}
.contactbox dd .tit.c2 { color:#61b81b;}
.contactbox dd .tit.c3 { color:#f2a501;}
.contactbox dd .tit.c4 { color:#0ac3d4;}
.contactbox dd .tit.c5 { color:#f85160;}
.contactbox dd .tit.c6 { color:#045cb8;}
.contactbox dd .tit.c7 { color:#26b536;}
.contactbox dd .des { font-size:17px; line-height:30px; margin-left:5%; color:#002d5c;}
/*产品展示*/
.productbox { max-width:1200px; min-width:960px; height:auto; margin:0 auto; margin-top:50px; overflow:hidden;}
.productbox dt { width:100%; height:auto; overflow:hidden; text-align:center; position:relative;}
.productbox dt .tit { width:100%; color:#000; font-size:32px; line-height:50px; font-weight:bold; display:inline-block; background:url(../images/productbox_tit_line.gif) center center no-repeat;}
.productbox dt .tit1 { width:100%; color:#9c9c9c; text-transform:uppercase; line-height:50px; font-family:'Arial'; /* display:inline-block; background:#fff; padding:0 10px;*/ font-size:21px;}
.productbox dt .line { position:absolute; width:130px; left:50%; top:55%; margin-left:-65px; height:1px; background:#bababa; z-index:-1;}
.productbox dt .des { color:#1a4791; font-size:16px; line-height:27px;}
.productbox dd { width:100%; height:auto; overflow:hidden;}
.productbox dd .tabs { width:100%; height:auto; overflow:hidden; text-align:center; font-size:16px;}
.productbox dd .tabs a { display:inline-block; height:33px; line-height:33px; text-align:center; color:#6f6f6f; position:relative;}
.productbox dd .tabs a:before { content:''; position:absolute; left:0; bottom:0; height:0; width:100%; background:#e74f21;
-webkit-transition: all .2s ease;
-moz-transition:all .2s ease;
-o-transition:all .2s ease;
-ms-transition:all .2s ease;
transition:all .2s ease;
}
.productbox dd .tabs a:hover:before,.productbox dd .tabs a.hover:before { height:3px;}
.productbox dd .more { display:block; width:214px; height:47px; line-height:47px; text-align:center; color:#fff; background:#c8a267; margin:60px auto; border-radius:3px; }
.productbox dd .more:hover { background:#df371e;}
.productbox .product_list { width:100%; height:auto; overflow:hidden; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between;}
.productbox .product_list li { width:24%; float:left; flex:0 0 24%; height:auto; overflow:hidden; position:relative; top:0; left:0; line-height:0;
-moz-transition:all 2s cubic-bezier(0,0,.2,1);
-o-transition:all 2s cubic-bezier(0,0,.2,1);
-ms-transition:all 2s cubic-bezier(0,0,.2,1);
transition:all 2s cubic-bezier(0,0,.2,1);
}

.productbox .product_list li .tit { width:100%; height:70px; line-height:70px; text-align:center; z-index:2; font-size:18px; color:#323232; background:url(../images/productbox_tit_bg.jpg) top center no-repeat; background-size:100% 100%; position:relative; z-index:1;}
.productbox .product_list li .tit .line_l { background:#e64f22; height:1px; position:absolute; top:50%; left:0; width:0%;}
.productbox .product_list li .tit .line_r { background:#e64f22; height:1px; position:absolute; top:50%; right:0; width:0%;}
.productbox .product_list li a { display:block; position:relative; display:flex; display:-webkit-flex; flex-flow:column wrap; justify-content:center;/* z-index:5; width:100%; height:100%; background:url(../images/productbox_list_mask.png) center center no-repeat; background-size:100% 100%;*/}
.productbox .product_list li .mask { position:absolute; left:0; top:-100%; /*background:#07913f url(../images/productbox_list_mask_logo.png) center center no-repeat; background:rgba(7,145,63,.89) url(../images/productbox_list_mask_logo.png) center center no-repeat;*/ width:100%; height:100%; display:flex; display:-webkit-flex; flex-flow:column wrap; justify-content:center;}
.productbox .product_list li .pic {
	-webkit-transition: all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    transition:all .5s ease; position:relative; z-index:0; overflow:hidden;}
.productbox .product_list li:hover .pic {-webkit-transform: scale(1.15);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(1.15);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 750ms;}
.productbox .product_list li:hover .mask { top:0;}
.productbox .product_list li:hover .tit { /*background:#25b7be; background:rgba(37,183,190,.68); color:#fff;*/}
.productbox .product_list li:hover .tit .line_l{ width:70px;}
.productbox .product_list li:hover .tit .line_r{ width:70px;}

.productbox .product_show { width:100%; height:auto; margin-top:40px; overflow:visible; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-around; align-items:center;}
.productbox .product_show li { width:280px; height:280px; float:left; margin-bottom:44px; overflow:visible; position:relative; display:flex; display:-webkit-flex; flex-flow:column wrap; justify-content:space-around; text-align:center; top:0; left:0; line-height:0; border:1px solid #fff; border:5px solid rgba(255,255,255,.29); border-radius:50%;
-moz-transition:all 2s cubic-bezier(0,0,.2,1);
-o-transition:all 2s cubic-bezier(0,0,.2,1);
-ms-transition:all 2s cubic-bezier(0,0,.2,1);
transition:all 2s cubic-bezier(0,0,.2,1);
}
.productbox .product_show li .box { display:block; position:absolute; width:100%; height:100%; display:flex; display:-webkit-flex; flex-flow:column wrap; justify-content:center; /* z-index:5; width:100%; height:100%; background:url(../images/productbox_list_mask.png) center center no-repeat; background-size:100% 100%;*/}
.productbox .product_show li .tit { width:100%; height:55px; line-height:55px;/* border-top:1px solid #e8e8e8;*/ width:100%; text-align:center; z-index:2; font-size:20px; color:#fff;}
.productbox .product_show li .pic {
	-webkit-transition: all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    transition:all .5s ease; position:relative; z-index:0;
}
.productbox .product_show li .mask { position:absolute; left:0; bottom:0; background:#07913f; background:rgba(7,145,63,.89); width:100%; height:100%; display:flex; display:-webkit-flex; flex-flow:column wrap; justify-content:center;
	transform: rotateZ(0);
	-webkit-transform: rotateZ(0);
	-webkit-transform: scale(0);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(0);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 750ms;
}
.productbox .product_show li .mask .circle { border:1px solid #0b50c7; position:absolute; left:10px; top:10px; bottom:10px; right:10px; border-radius:50%; z-index:999;}
.productbox .product_show li:hover .pic {
	-webkit-transform: scale(1.1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(1.1);
	-moz-transition-timing-function: ease-in;
	-moz-transition-duration: 750ms;
}
.productbox .product_show li .logo {}
.productbox .product_show li:hover .mask { z-index:999; left:5px; bottom:5px;
	-webkit-transform: scale(1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 750ms;
/*transform: rotateZ(720deg); -webkit-transform: rotateZ(720deg);*/}
.productbox .product_show li:hover .mask .circle {
	-webkit-animation: circle_anim 1.5s linear infinite 0s;
	-moz-animation: circle_anim 1.5s linear infinite 0s;
	-o-animation: circle_anim 1.5s linear infinite 0s;
	-ms-animation: circle_anim 1.5s linear infinite 0s;
	animation: circle_anim 1.5s linear infinite 0s;}

@keyframes circle_anim { 
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;
	}
	30% {
	 	-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
	}
	90% {
	 	-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
	}
	100% {
		-webkit-transform: scale(1.8);
		-moz-transform: scale(1.8);
		filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;
		
	}
}

.productbox .product_show li:hover .tit {}

/*产品展示*/
.casebox { width:100%; height:auto; overflow:hidden;}
.casebox dt { width:100%; height:auto; overflow:hidden; text-align:center; position:relative;}
.casebox dt .tit { color:#72ba1f; font-size:34px; line-height:50px; display:inline-block; background:#fff; font-weight:bold; padding:0 10px;}
.casebox dt .tit1 { color:#646464; /*text-transform:uppercase; font-family:'Arial'; background:#fff; display:inline-block; padding:0 10px;*/ font-size:18px; line-height:50px;}
.casebox dt .line { position:absolute; width:216px; left:50%; top:26%; margin-left:-108px; height:1px; background:#72ba1f; z-index:-1;}
.casebox dt .solgan { color:#555555;}
.casebox dd { width:100%; height:auto; overflow:hidden;}
.casebox dd .tabs { width:100%; height:auto; overflow:hidden; text-align:center; font-size:0; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:center;}
.casebox dd .tabs a { display:inline-block; width:106px; height:34px; line-height:34px; text-align:center; margin:0 1px; color:#8a8a8a; background:#fff; font-size:18px; border:1px solid #72ba1f;}
.casebox dd .tabs a:hover,.casebox dd .tabs a.hover { background:#72ba1f; color:#fff; border:1px solid #72ba1f;}
.casebox .case_list { width:100%; height:auto; overflow:hidden; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between;}
.casebox .case_list li { width:24%; float:left; flex:0 0 24%; margin-bottom:44px; height:auto; overflow:hidden; position:relative; top:0; left:0; line-height:0; border:1px solid #e8e8e8;
-moz-transition:all 2s cubic-bezier(0,0,.2,1);
-o-transition:all 2s cubic-bezier(0,0,.2,1);
-ms-transition:all 2s cubic-bezier(0,0,.2,1);
transition:all 2s cubic-bezier(0,0,.2,1);
}
.casebox .case_list li.ami0 { filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; width:0; overflow:hidden;}
.casebox .case_list li.ami1 { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; width:24%;}
.casebox .case_list li.ami1 a { }
.casebox .case_list li .tit { width:100%; height:55px; line-height:55px;/* border-top:1px solid #e8e8e8;*/ width:100%; text-align:center; z-index:2; font-size:18px; color:#fff; background:#000; background:rgba(0,0,0,.68); position:absolute; left:0; bottom:0; z-index:1;}
.casebox .case_list li a { display:block; position:relative;/* z-index:5; width:100%; height:100%; background:url(../images/productbox_list_mask.png) center center no-repeat; background-size:100% 100%;*/}
.casebox .case_list li .pic {
	-webkit-transition: all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    transition:all .5s ease; position:relative; z-index:0;}
.casebox .case_list li:hover .pic {-webkit-transform: scale(1.15);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(1.15);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 750ms;}
.casebox .case_list li:hover .mask { bottom:0;}
.casebox .case_list li:hover .tit { background:#25b7be; background:rgba(37,183,190,.68); color:#fff;}

/*内页页面布局*/
.insidebox_bg { max-width:1200px; min-width:960px; height:auto; overflow:hidden; margin:0 auto;}
.insidebox { margin:0 auto; overflow:hidden;}
/*.insidebox { margin:0 auto; overflow:hidden; padding-left:299px;}*/
.leftbox { width:100%; height:auto; overflow:hidden; min-height:200px; float:left; background:#fff;}
/*.leftbox { width:279px; min-height:617px; height:auto; overflow:hidden; float:left; background:#000; _display:inline; margin:50px 0 0 -299px; position:relative;}*/
.leftbox .bg { position:absolute; left:0; top:70px; filter:alpha(opacity=24); -moz-opacity:0.24; -khtml-opacity: 0.24; opacity: 0.24;}
.currpath { width:1200px; height:40px; line-height:40px; margin:0 auto; font-size:14px; color:#727171; margin-top:10px;}
.currpath a { color:#727171;}

.insidebox .currpath { width:96%; margin-left:2%; height:40px; line-height:40px; font-size:12px; color:#6f6f6f; margin-top:10px; font-weight:bold;}
.insidebox .currpath a { color:#6f6f6f;}

/*筛选框*/
.filterbox {  width:96%; margin-left:2%; height:auto; overflow:hidden; line-height:48px; margin-top:10px; background:#f9f9f9; border:1px solid #ebebeb;}
.filterbox .attrbox { width:98%; height:auto; overflow:hidden; border-top:1px solid #ebebeb; margin-left:1%; font-size:14px;}
.filterbox dl.bt0 { border-top:none;}
.filterbox .attrbox dt { width:5%; float:left; color:#535353; font-weight:bold;}
.filterbox .attrbox dd { width:95%; float:left;}
.filterbox .attrbox dd a { display:inline-block; color:#535353; margin:0 10px;}
.filterbox .attrbox dd a:hover { color:#f75c5c;}
.filterbox .attrbox dd a.on { color:#f75c5c;}

.goods-list { overflow:visible; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start;}
.goods-list li { width:24%; flex:0 0 24%; margin:0.5%; float:left; height:auto; overflow:hidden; -webkit-box-shadow:0px 0px 20px #ddd; display:block; box-shadow:0px 0px 20px #ddd;}
.goods-list li .pic { border:0; -moz-box-shadow:0px 0px 20px #ddd; overflow:hidden; display:block;}
.goods-list li .name{ text-align:center; height:48px; line-height:48px; text-align:center;  color:#383636;}
.goods-list li:hover .name { background:#e74f21; color:#fff;}

.pic-list { overflow:visible; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start;}
.pic-list li { width:22%; flex:0 0 22%; margin:1.5%; float:left; height:auto; overflow:hidden; -webkit-box-shadow:0px 0px 20px #ddd; display:block; box-shadow:0px 0px 20px #ddd;}
.pic-list li .pic { border:0; -moz-box-shadow:0px 0px 20px #ddd; overflow:hidden; display:block;}
.pic-list li .name{ text-align:center; height:48px; line-height:48px; text-align:center;  color:#383636;}
.pic-list li:hover .name { background:#e74f21; color:#fff;}

.news-list { width:95%; height:auto; margin:0 auto; overflow:hidden;}
.news-list li { width:100%; height:342px; overflow:hidden; position:relative; background:#fff; margin-top:10px;}
.news-list li .box { margin:60px; height:auto; overflow:visible; padding-left:340px;}
.news-list li .pic { width:300px; height:233px; overflow:hidden; display:block; float:left; margin:0 0 0 -340px; _display:inline; -moz-box-shadow:2px 2px 5px #CCC; -webkit-box-shadow:2px 2px 5px #CCC; box-shadow:2px 2px 5px #CCC;}
.news-list li .brief { width:100%; height:auto; overflow:hidden; float:left;}
.news-list li .brief .tit { font-size:17px; line-height:50px; color:#272727; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis;}
.news-list li .brief .date { line-height:40px; font-size:14px; color:#919191; background:url(../images/news-list-date-icon.png) 0 center no-repeat; padding-left:20px;}
.news-list li .brief .des { color:#919191; font-size:14px; line-height:30px; margin-top:10px;}
.news-list li .brief .more { display:inline-block; width:112px; height:39px; line-height:39px; text-align:center; font-size:14px; color:#ef7626; border:1px solid #ef7626; text-transform:uppercase; position:relative; margin-top:20px;}
.news-list li .brief .more:hover { background:#ef7626; color:#fff;}
.news-list li .brief .more:after { content:''; position:absolute; right:-25px; top:50%; width:32px; height:1px; background:#ef7626;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;}
.news-list li .brief .more:before { content:''; position:absolute; right:-1px; top:8%; width:1px; height:84%; background:#ef7626;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;}
.news-list li .brief .more:hover:after { right:-40px;}
.news-list li .brief .more:hover:before { right:-25px;}

.news-list li .line_bx { background:#008d39; width:0%; height:2px; position:absolute; left:0; bottom:0;}
.news-list li .line_ly { background:#008d39; width:2px; height:0%; position:absolute; left:0; bottom:0;}
.news-list li .line_tx { background:#008d39; width:0%; height:2px; position:absolute; right:0; top:0;}
.news-list li .line_ry { background:#008d39; width:2px; height:0%; position:absolute; right:0; top:0;}
.news-list li:hover .line_bx { width:100%;}
.news-list li:hover .line_ly { height:100%;}
.news-list li:hover .line_tx { width:100%;}
.news-list li:hover .line_ry { height:100%;}

.detail { width:100%; height:auto; overflow:hidden; margin:0 auto;}
.detail .tit { font-size:18px; line-height:40px; margin:10px 0; font-weight:bold; text-align:center;}
.detail .des { line-height:40px; color:#666; text-align:center;/* border-top:1px solid #ccc;*/ margin-top:10px; font-size:14px;}
.detail .pic { text-align:center;}
.detail .con { padding:10px;}
.detail .con table.ke-zeroborder { border-collapse:collapse;}
.detail .con table.ke-zeroborder tr td { padding:0 5px;}
.detail .prev_next { font-size:14px; border-top:1px solid #ccc; margin:0; padding:10px;}
.detail .prev_next a { color:#666;}
.detail .prev_next a:hover { color:#c00;}

.adbox_bg { height:auto; overflow:hidden; position:relative;}
.adbox_bg .adbox { position:absolute; top:0; left:0; width:100%; height:100%; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:center; align-items:center;}
.adbox_bg .adbox p { width:60%;}
/*内页导航*/
.guidebox { width:100%; height:auto; overflow:hidden;}
.guidebox dt { width:100%; height:56px; overflow:hidden; text-align:center; position:relative;}
.guidebox dt .tit { color:#4e4e4e; font-size:24px; line-height:56px; position:relative; font-weight:bold; z-index:2; background:url(../images/guidebox_tit_bg.gif) center center no-repeat;}
.guidebox dt .tit1 { color:#ececec; font-size:48px; line-height:50px; font-family:'Arial'; text-transform:uppercase; position:relative; top:-70px;}
.guidebox dt .line { position:absolute; width:289px; height:2px; background:#d20000; z-index:0; left:50%; top:20px; margin-left:-144.5px; z-index:1;}
.guidebox dt .line .line1 { width:39px; height:4px; background:#0247a1; left:50%; top:-1px; margin-left:-19.5px; position:absolute;}
.guidebox dt .location { color:#012d93;}
.guidebox dt .location a { color:#012d93;}
.guidebox dd { width:100%; height:auto; overflow:hidden;}

.guidebox dd ul { width:100%; height:auto; overflow:hidden; text-align:center; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:center;}
.guidebox dd ul li { width:auto; height:33px; line-height:33px; text-align:center; color:#828282; background:#d8d8d8; margin:1px 1.5px;}
.guidebox dd ul li:hover { color:#fff;}
.guidebox dd ul li a { color:#5a5a5a; display:block; padding:0 8px;}
.guidebox dd ul li:hover a,.guidebox dd ul li.hover a { background:#aaaaaa; color:#fff;}

.guidebox dd .subnav { font-size:16px; margin-top:18px; margin-left:30px; height:47px; padding-top:12px; overflow:hidden; color:#ffffff;}
.guidebox dd .subnav a { display:inline-block; padding:0 5px; text-align:center; color:#ffffff;}
.guidebox dd .subnav a:hover { background:#012d93;}
.guidebox dd .subnav a.on { background:#012d93;}


.leftbox .qrcodebox { width:80%; margin-left:15%; height:auto; overflow:hidden; margin-top:20px;}
.leftbox .qrcodebox .pic { width:132px; height:132px; float:left;}
.leftbox .qrcodebox .title { border-left:1px solid #d2d2d2; font-size:15px; width:16px; height:auto; overflow:hidden; float:left; line-height:17px; margin-top:5px; padding-left:14px; margin-left:14px;}

.contact {width:264px; height:auto; overflow:hidden; margin-top:20px;}
.contact dt{ width:100%; height:60px; overflow:hidden; line-height:60px; position:relative; border-bottom:1px solid #cccccc;}
.contact dt .entitle {font-size: 24px;  line-height:26px; text-transform: uppercase; color:#cccccc; font-family: 'Courier New'; position:absolute; left:0; top:0; z-index:1;}
.contact dt .title { font-size:20px; line-height:22px; color:#000000; margin-left:95px; font-weight:bold; letter-spacing:3px; margin-top:15px; position:relative; z-index:2;}
.contact dd { width:100%; height:auto; overflow:hidden; background:url(../images/contact_pic.jpg) bottom right no-repeat; padding-bottom:80px;}
.contact dd .text { padding:10px; margin-top:20px; font-weight:bold; line-height:30px; font-size:12px;}

/*详细内容显示*/
.contentbox {width:100%; height:auto; overflow:hidden; background:#fff; margin-top:50px; padding-bottom:20px;}
.contentbox dt { width:100%; height:67px; line-height:67px; overflow:hidden; border-bottom:1px solid #e0e0e0; position:relative; display:none;}
.contentbox dt .location { float:left; color:#3d3d3d; font-size:14px; margin-left:25px; /*background:url(../images/icon_home.png) 0 center no-repeat; */}
.contentbox dt .location a { color:#585858;}
.contentbox dt .slogan { display:none;}
.contentbox dt .tit { color:#000; font-size:21px; font-weight:bold; position:relative; display:block; float:right; margin-right:25px;}
.contentbox dt .tit .line{ background:#05adb8; width:100%; height:2px; position:absolute; bottom:0; left:0;}
.contentbox dd { width:100%; min-height:450px; margin-top:10px; height:auto; overflow:hidden;}
/*服务与支持*/
.contactway { max-width:1200px; min-width:960px; height:auto; margin:0 auto;}
.contactway dt { width:100%; height:auto; overflow:hidden; text-align:center; position:relative; padding-bottom:10px;}
.contactway dt .tit { color:#000; font-size:30px; margin-top:20px;}
.contactway dt .tit1 { font-size:14px; color:#666; margin-top:10px;}
.contactway dt .line { position:absolute; left:50%; bottom:0; width:27px; height:1px; background:#c6c6c6;}
.contactway dd { width:100%;  height:auto; overflow:visible; padding-top:15px;}
.contactway dd .inputbox { width:100%; height:auto; overflow:visible; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; padding-bottom:25px;}
.contactway dd .inputbox .input { flex:0 0 31%; border:1px solid #d5d5d5;}
.contactway dd .vcodebox,.contactway dd .submitbox { width:50%; height:auto; overflow:visible; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; padding-bottom:25px; float:left;}
.contactway dd .submitbox { width:45%; float:right;}
.contactway dd .allbox { flex:0 0 100%; height:auto; overflow:visible; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; padding-bottom:25px;}
.contactway dd .allbox .textarea { border:1px solid #d5d5d5;}
.contactway .feedback { width:80%; height:auto; margin:0 auto; overflow:visible; font-size:14px;}
.contactway .feedback table { border-collapse:collapse;}
.contactway .feedback .tit { font-size:23px; color:#fff; line-height:60px; height:60px;}
.contactway .feedback th { width:100px; font-weight:normal; text-align:right;}
.contactway .feedback th span { display:none;}
.contactway .feedback .input { width:99.5%; height:48px; line-height:48px; font-size:14px; background-color:#fff; background-position: 95% center; background-repeat: no-repeat; border:1px solid #fff; text-indent:10px; color:#3e3a39;}
.contactway .feedback .input.name { background-image:url(../images/icon_input_name.gif);}
.contactway .feedback .input.phone { background-image:url(../images/icon_input_phone.gif);}
.contactway .feedback .input.email { background-image:url(../images/icon_input_email.gif);}
.contactway .feedback .input.vcode { flex:0 0 158px; border:1px solid #d5d5d5;}
.contactway .feedback .textarea.text { background-image:url(../images/icon_input_text.gif);}
.contactway .feedback .show_tip { height:20px; line-height:20px; width:100%;}
.contactway .feedback .input:hover { /*background:#fff;*/}
.contactway .feedback .textarea { width:100%; height:170px; line-height:20px; overflow:hidden; font-size:14px; background-color:#fff; background-position: 99% 10px; background-repeat: no-repeat; border:0; padding:5px; color:#3e3a39; border:1px solid #fff;}
.contactway .feedback .textarea:hover { /*background:#fff;*/}
.contactway .feedback .input:focus,.contactway .feedback .select:focus,.contactway .feedback .textarea:focus{ border:1px solid #dc1c19; -webkit-box-shadow:0 0 12px #dc1c19 ;-moz-box-shadow:0 0 12px #dc1c19 ;box-shadow:0 0 12px #dc1c19 ;}
.contactway .feedback .submit { width:236px; height:45px; line-height:45px; border:0; cursor:pointer; background:#848484; font-size:16px; font-weight:bold; color:#fff;}
.contactway dd .submitbox .submit { flex:0 0 40%; width:40%;}
.contactway .feedback .submit:hover {/*  width:100%;*/background:#dc1c19; letter-spacing:5px; text-align:center;}

.contactway .contactbox { width:50%; margin-left:2%; height:auto; overflow:hidden; font-size:16px; float:left;}
.contactway .contactbox .tit { font-size:23px; color:#fff; line-height:60px; height:60px;}
.contactway .contactbox .des { font-size:16px; color:#fff; line-height:31px;}
.contactway .contactbox .info { width:80%; height:auto; overflow:hidden;}
.contactway .contactbox .info li { color:#fff; height:60px; line-height:60px; position:relative;}
.contactway .contactbox .info li .line { position:absolute; left:40px; bottom:0; width:0; height:1px; background:#fff;}

.contactway .contactbox .info li:hover .line { width:100%;}

.contactway .qrcodebox { width:95%; height:auto; float:left; margin-left:5%; overflow:hidden; text-align:center; position:relative; z-index:1;}
.contactway .qrcodebox .pic { width:110px; height:110px; overflow:hidden; float:left;}
.contactway .qrcodebox .tit { height:auto; margin-top:20px; font-size:17px; color:#fff; float:left; margin-left:20px; line-height:30px;}

.jobs_adbox_bg { max-width:1200px; min-width:960px; margin:0 auto; position:relative;}
.jobs_adbox { position:absolute; left:0; bottom:0; z-index:9999; width:456px; height:332px; overflow:hidden; background:#e2352b; text-align:center;}
.jobs_adbox .tit { font-size:82px; line-height:100px; color:#fff; font-weight:bold; margin:10px 20px;}
.jobs_adbox .tit1 { font-size:47px; line-height:50px; color:#fff; font-weight:bold; margin:10px 20px;}
.jobs_adbox .des { font-size:17px; line-height:30px; color:#fff; margin-top:10px; margin:10px 20px;}

.ad_tit { color:#000; font-size:42px; line-height:80px; height:80px; text-align:center; font-weight:bold;}
.jobsinfo_bg { width:100%; min-width:960px; height:auto; overflow:hidden; background:#ebebeb;}
.jobsbox { width:50%; float:left; position:relative; overflow:hidden;}
.jobsbox .bg { background:#3d77e0; background:rgba(61,119,224,.62); position:absolute; left:0; top:0; width:100%; height:100%; z-index:1;}
.jobsbox .box { position:absolute; width:100%; height:100%; left:0; top:0; display:block; z-index:2;}
.jobsbox .box .tit { font-size:54px; line-height:60px; color:#fff; margin-top:10%; margin-left:10%;}
.jobsbox .box .tit1 { font-size:30px; line-height:40px; color:#fff; margin-top:1%; margin-left:10%;}
.jobsbox dt { width:100%; height:260px; overflow:hidden;}
.jobsbox dt a { display:block; width:50%; height:100%; overflow:hidden; background:#109db6; float:left; display:flex; display:-webkit-flex; flex-flow:column wrap; justify-content:center;}
.jobsbox dt a .tit { font-size:30px; line-height:40px; color:#fff; margin-left:10%;}
.jobsbox dt a .tit1 { font-size:16px; line-height:30px; color:#fff; margin-top:5px; margin-left:10%;}
.jobsbox dt a.hover { background:#ce6e20;}
.jobsbox dd { width:100%; height:auto; overflow:hidden;}
.jobsbox dd .dt { width:90%; height:auto; overflow:hidden; margin:0 auto; margin-top:4%;}
.jobsbox dd .dt .tit { width:100%; line-height:40px; height:40px; font-size:31px; color:#080103;}
.jobsbox dd .dt .more { font-size:15px; color:#838383; float:right;}
.jobsbox dd .jobs_list { width:90%; height:auto; overflow:hidden; margin:0 auto; margin-top:2%; font-size:15px; color:#494949;}
.jobsbox dd .jobs_list li { height:60px; line-height:60px; color:#494949; border-bottom:1px dashed #818080; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between;}
.indexbox .welcome { margin:100px 0 200px 0;}
.indexbox .welcome .tit { font-weight:bold; color:#010000; font-size:42px; line-height:80px; text-align:center;}
.indexbox .welcome dd { text-align:center; }
.indexbox .welcome dd .info { line-height:30px; margin:10px 0;}
/*联系我们*/
.contact_info dt .tit { font-size:30px; color:#1a1a1a; line-height:40px; text-align:center;}
.contact_info dt .tit1 { color:#d7d7d7; font-size:30px; line-height:40px; text-align:center; text-transform:uppercase;}
.contact_info dd ul { width:100%; height:auto; overflow:hidden; font-size:14px; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; align-items:center;}
.contact_info dd ul li { width:30%; height:auto; overflow:hidden; flex:0 0 30%; float:left;}
.contact_info dd ul li .ico { float:left; height:56px; overflow:hidden; margin-right:10px; margin-left:5px;}
.contact_info dd ul li .info { height:56px; line-height:20px; color:#838383;display:flex; display:-webkit-flex; flex-flow:row wrap; align-items:center;}
.contact_info dd ul li a { color:#838383;}
.contact_info dd .tit { color:#2c2c2c; font-size:24px; line-height:50px;}
.contact_info dd .contact_list { font-size:15px; border-collapse:collapse; color:#a0a0a0; font-family:Arial;}
.contact_info dd .contact_list th { width:33.3333%; background:#d21010; height:54px; line-height:54px; color:#fff; padding:0 20px;}
.contact_info dd .contact_list td { line-height:59px; height:59px; border-bottom:1px solid #dcdcdc; padding:0 20px;}

/*友情链接*/
.friendlinks { height:auto; overflow:hidden; padding-left:120px; background:#fff100;}
.friendlinks dt{ width:100px; height:71px; line-height:71px; margin:0 0 0 -120px; _display:inline; overflow:hidden; position:relative; float:left;}
.friendlinks dt .tit { color:#000; font-size:20px;}
.friendlinks dt .line { position:absolute; width:88px; height:3px; bottom:0; left:0; background:#de0a0a;}
.friendlinks dt .more { font-size:12px; color:#000; float:right; margin-right:20px; margin-top:23px; width:66px; height:31px; line-height:31px; background:url(../images/newsbox_more.png) no-repeat; text-align:center;}
.friendlinks dd { width:100%; height:71px; line-height:71px; overflow:hidden; font-size:0; float:right;}
.friendlinks dd .linklist { width:100%; height:auto; overflow:hidden; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:flex-start; color:#423e00;}
.friendlinks dd a { display:inline-block; font-size:17px; line-height:71px; padding:2px 10px; text-align:center; color:#423e00;}
.friendlinks dd a:hover {}
.copyright_bg { background:#04a23c; height:54px; line-height:54px; border-top:1px solid #bcbcbc;}
.copyright { max-width:1200px; min-width:960px; height:54px; line-height:54px; overflow:hidden; background:url(../images/copyright_top_line.gif) top center repeat-x;}
.copyright a { color:#000;}
.copyright span { display:inline-block; margin-right:15px;}
/*页脚*/
.footer_bg { min-height:263px; overflow:visible; background:#116ccf url(../images/footer_bg_x.png) repeat-x; margin-top:42px;}
.footer_nav { width:100%; height:50px; line-height:50px; margin:0 auto; overflow:hidden;}
.footer_nav a { color:#fff; display:block; width:11.11111111111111%; float:left;}
.footerbox {max-width:1200px; min-width:960px; height:auto; overflow:hidden; margin:0 auto;}
.footer { height:auto; margin:0 auto; overflow:hidden; background:url(../images/footer_bg.png) bottom center no-repeat; padding-right:179px; color:#000;}
.footer .contactway { width:100%; height:auto; overflow:hidden; float:left;}
.footer .contactway .text { width:33.333333%; float:left; line-height:26px; padding:20px 0; float:left; font-size:15px;}
.footer .contactway .text .label { font-size:16px; font-weight:bold;}
.footer .contactway .text a { color:#000;}

.footer_bg .qrcodebox { width:179px; margin:-50px -179px 0 0; float:right; height:263px; background:#7b7b7b; overflow:hidden; color:#fff; text-align:center;}
.footer_bg .qrcodebox dt { line-height:49px; height:49px; color:#ffffff; background:#c8a267; font-size:18px;}
.footer_bg .qrcodebox .pic { width:124px; height:124px; overflow:hidden; margin:0 auto; margin-top:30px;}
.footer_bg .qrcodebox .tit { width:100%; height:auto; line-height:25px; margin-top:10%; float:left; font-size:15px;}

.clear{ clear:both; margin:0; padding:0;}
.hidden{ display:none;}
.gotop { width:46px; height:46px; overflow:hidden; background:url(../images/gotop.gif) no-repeat; position:fixed; right:10px; bottom:110px;}

/*自定义新闻列表样式*/
.contentbox dd ul.news_list { width:100%; height:auto; overflow:hidden; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between;}
.contentbox dd ul.news_list li { width:30%; flex:0 0 30%; float:left; padding-bottom:20px; margin-left:3.33333%; border:1px solid #d3d3d3; margin-bottom:51px;}
.contentbox dd ul.news_list li.ml0 { margin-left:0;}
.contentbox dd ul.news_list li {
-webkit-transition: all .5s ease;
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
-ms-transition:all .5s ease;
transition:all .5s ease;
}
.contentbox dd ul.news_list li img {
	-webkit-transform: scale(1, 1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;
	-moz-transform: scale(1, 1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms;
}
.contentbox dd ul.news_list li:hover img {
	-webkit-transform: scale(1.1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(1.15);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 750ms;
}
.contentbox dd ul.news_list li:hover { border:1px solid #fff; -moz-box-shadow:0px 0px 10px #CCC, 0px 0px 20px #CCC; -webkit-box-shadow:0px 0px 20px #CCC, 0px 0px 10px #CCC; box-shadow:0px 0px 20px #CCC, 0px 0px 20px #eee;}
.contentbox dd ul.news_list li .brief { margin:0 20px; height:auto; overflow:hidden;}
.contentbox dd ul.news_list li .time { line-height:29px; margin-top:10px; font-size:16px; color:#898888; text-indent:24px; background:url(../images/icon_time.png) 0 center no-repeat;}
.contentbox dd ul.news_list li .tit { line-height:29px; font-size:18px; color:#000; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.contentbox dd ul.news_list li .des { line-height:22px; font-size:14px; color:#787878; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.contentbox dd ul.news_list li .pic { overflow:hidden; display:block;}
.contentbox dd ul.news_list li .more { background:url(../images/news_list_more.png) no-repeat; display:block; width:40px; height:40px; position:relative; left:0;}
.contentbox dd ul.news_list li .more:hover{ background:url(../images/news_list_more1.png) no-repeat;}
.contentbox dd ul.news_list li:hover .more{ left:85%; transform: perspective(220px) rotateZ(-360deg); background:url(../images/news_list_more1.png) no-repeat;} 
.contentbox dd ul.news_list li:hover .tit { color:#05adb8; font-weight:bold;}

.chinamaps { max-width:1200px; height:950px; overflow:hidden; position:relative; margin:0 auto;}
.point {
	position:absolute;
	margin:0;
	padding:0;
	background:#f00;
	border-radius:10px; /*filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;*/
	z-index:9999;
	color:#000;
	background:#fff;
	height:20px;
	line-height:20px;
	font-size:12px;
	padding:0 5px;
	color:#f00;
	font-weight:bold;	
	border:1px solid #ccc;
}
.point:hover { border:1px solid #f00;}
.chinamaps .point:before{
	-webkit-animation: point 1s ease-in-out infinite 0s;
	-moz-animation: point 1s ease-in-out infinite 0s;
	-o-animation: point 1s ease-in-out infinite 0s;
	-ms-animation: point 1s ease-in-out infinite 0s;
	animation: point 1s ease-in-out infinite 0s;
}
.chinamaps .point:after{
	-webkit-animation: circle 3s linear infinite 0s;
	-moz-animation: circle 3s linear infinite 0s;
	-o-animation: circle 3s linear infinite 0s;
	-ms-animation: circle 3s linear infinite 0s;
	animation: circle 3s linear infinite 0s;
}
@keyframes point { 
	0% {
		top:0;
	}
	50% {
	 	top:-5px;
	}
	100% {
	   top:0;
	}
}
@keyframes circle { 
	0% {
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
	}
	80% {
	 	-webkit-transform: scale(1.2);
		-moz-transform: scale(1.5);
	}
	100% {
	   -webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;
	}
}

/*销售网络*/
.chinamaps .wuhu:before{
	-webkit-animation: wuhu 1s ease-out infinite 0s;
	-moz-animation: wuhu 1s ease-out infinite 0s;
	-o-animation: wuhu 1s ease-out infinite 0s;
	-ms-animation: wuhu 1s ease-out infinite 0s;
	animation: wuhu 1s ease-out infinite 0s;
}
@keyframes wuhu { 
	0% {
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
	}
	50% {
	 	-webkit-transform: scale(1.15);
		-moz-transform: scale(1.15);
	}
	100% {
	   -webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
	}
}


.point:before { content:'　'; display:inline-block; width:13px; height:16px; background:url(../images/point_s.png) no-repeat; position:relative; top:-5px; right:3px;}
.point:after { content:'　'; position:absolute; width:80px; height:80px; border:1px solid red; left:-35px; top:50%; margin-top:-40px; border-radius:50%;}
.wuhu { top:392px; left:635px; overflow:visible; background:#ee0909; height:23px; line-height:23px; font-size:14px; color:#fff; font-weight:normal; padding:0 10px; border-radius:4px;}
.wuhu:before { content:''; display:inline-block; width:31px; height:40px; line-height:40px; background:url(../images/point_b.png) no-repeat; position:absolute; top:-40px; left:50%; margin-left:-15px;}
.yinchuan { top:417px; left:665px;}
.wushengqi { top:414px; left:717px;}
.eqi { top:430px; left:706px;}
.dingbian { top:457px; left:675px}
.linghe { top:369px; left:703px;}
.hangjinqi { top:391px; left:712px;}
.yiqi { top:393px; left:764px;}
.shengmu { top:412px; left:766px;}
.shijiazhuang { top:431px; left:806px;}
.longyao { top:451px; left:796px;}
.xingji { top:448px; left:843px;}
.jingxian { top:472px; left:834px;}
.taiyuan { top:436px; left:756px;}
.yuling { top:456px; left:732px;}
.jingbian { top:483px; left:726px;}
.gems { top:506px; left:392px;}
.haikou { top:881px; left: 749px;}
.keshen { top:388px; left:98px;}
.akesu { top:352px; left:155px;}
.aerku { top:355px; left:311px;}
.tulufan { top:310px; left:350px;}
.wlmq { top:275px; left:341px;}
.tacheng { top:221px; left:284px;}
.bole { top:251px; left:242px;}
.jinhexian { top:244px; left:286px;}
.kuitun { top:270px; left:290px;}
.hami { top:352px; left:416px;}
.xilinghaote { top:245px; left:873px;}
.siziwangqi { top:298px; left:769px;}
.huhehaote { top:320px; left:795px;}
.wulateqianqi { top:337px; left:742px;}
.daqi { top:359px; left:755px;}
.liangcheng { top:359px; left:799px;}
.heling { top:379px; left:784px;}
.jining { top:340px; left:823px;}
.changchun { top:258px; left:993px;}
.jiayuguan { top:366px; left:508px;}
.yumeng { top:382px; left:494px;}
.lingze { top:404px; left:507px;}
.zhangye { top:395px; left:549px;}
.jingchang { top:416px; left:560px;}
.jiuquan { top:431px; left:523px;}
.wuwei { top:452px; left:599px;}
.azuoqi { top:435px; left:634px;}
.chifeng { top:293px; left:880px;}
.beijing { top:320px; left:906px;}
.xifeng { top:519px; left:686px;}
.lanzhou { top:511px; left:618px;}
.xining { top:490px; left:552px;}
.luanxian { top:338px; left:890px;}
.tongxian { top:358px; left:885px;}
.shunyixian { top:378px; left:839px;}
.tangshan { top:388px; left:904px;}

@media only screen and (max-width: 640px) {

}
@media only screen and (max-width: 480px) {
	
}
/*常用CSS3动画效果*/
.trans,a{
    -webkit-transition: all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    transition:all .5s ease;
}
a.mask {
	text-decoration: none;
	overflow: hidden;
	display: block;
}
img.zoom-img:hover {
	-webkit-transform: scale(1.15);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(1.15);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 750ms;
	overflow: hidden;
}
img.zoom-img {
	-webkit-transform: scale(1, 1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;
	-moz-transform: scale(1, 1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms;
}

.trans3{-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}
@keyframes ripple{0%{left:0;top:0;opacity:1;width:0;height:0}
100%{left:0;top:0;opacity:0;width:100%;height:100%}
}
@-webkit-keyframes ripple{0%{left:0;top:0;opacity:1;width:0;height:0}
100%{left:0;top:0;opacity:0;width:100%;height:100%}
}
@-moz-keyframes ripple{0%{left:0;top:0;opacity:1;width:0;height:0}
100%{left:0;top:0;opacity:0;width:100%;height:100%}
}
@-o-keyframes ripple{0%{left:0;top:0;opacity:1;width:0;height:0}
100%{left:0;top:0;opacity:0;width:100%;height:100%}
}
@keyframes awup{from{transform:translateY(0);-webkit-transform:translateY(0)}
to{transform:translateY(15px);-webkit-transform:translateY(15px)}
}
@-webkit-keyframes awup{from{transform:translateY(0);-webkit-transform:translateY(0)}
to{transform:translateY(15px);-webkit-transform:translateY(15px)}
}
@keyframes moveMap{0%{transform:scale(1)}
30%{transform:scale(.6)}
60%{transform:scale(1.15)}
80%{transform:scale(.9)}
90%{transform:scale(1.05)}
100%{transform:scale(1)}
}
@-webkit-keyframes moveMap{0%{-webkit-transform:scale(1)}
30%{-webkit-transform:scale(.6)}
60%{-webkit-transform:scale(1.15)}
80%{-webkit-transform:scale(.9)}
90%{-webkit-transform:scale(1.05)}
100%{-webkit-transform:scale(1)}
}
@-webkit-keyframes icoI{0%{-webkit-transform:translate(0,0)}
25%{-webkit-transform:translate(0,-10px)}
50%{-webkit-transform:translate(0,0)}
75%{-webkit-transform:translate(0,10px)}
100%{-webkit-transform:translate(0,0)}
}
@-moz-keyframes icoI{0%{-moz-transform:translate(0,0)}
25%{-moz-transform:translate(0,-10px)}
50%{-moz-transform:translate(0,0)}
75%{-moz-transform:translate(0,10px)}
100%{-moz-transform:translate(0,0)}
}
@keyframes icoI{0%{transform:translate(0,0)}
25%{transform:translate(0,-10px)}
50%{transform:translate(0,0)}
75%{transform:translate(0,10px)}
100%{transform:translate(0,0)}
}
@keyframes rotateone{
	form{ transform:rotate(0deg); -webkit-transform:rotate(0deg); }
	to{ transform:rotate(360deg); -webkit-transform:rotate(360deg); }
}
@-webkit-keyframes rotateone{
	form{ transform:rotate(0deg); -webkit-transform:rotate(0deg); }
	to{ transform:rotate(360deg); -webkit-transform:rotate(360deg); }
}
.trans3{-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}
.trtion{ transition:700ms; -webkit-transition:700ms; transition-timing-function:ease-out; -webkit-transition-timing-function:ease-out; }
.transY{ transform:translateY(80px); -webkit-transform:translateY(80px); opacity:0;  }
.transY2{ transform:translateY(-80px); -webkit-transform:translateY(-80px); opacity:0; }
.transX{ transform:translateX(80px); -webkit-transform:translateX(80px); opacity:0;  }
.transX2{ transform:translateX(-80px); -webkit-transform:translateX(-80px); opacity:0; }
.transShow{ transform:translate(0); -webkit-transform:translate(0); opacity:1; }
.dly_1{ transition-delay:100ms; -webkit-transition-delay:100ms; }
.dly_15{ transition-delay:150ms; -webkit-transition-delay:150ms; }
.dly_2{ transition-delay:200ms; -webkit-transition-delay:200ms; }
.dly_3{ transition-delay:300ms; -webkit-transition-delay:300ms; }
.dly_4{ transition-delay:400ms; -webkit-transition-delay:400ms; }
.dly_45{ transition-delay:450ms; -webkit-transition-delay:450ms; }
.dly_5{ transition-delay:500ms; -webkit-transition-delay:500ms; }
.dly_6{ transition-delay:600ms; -webkit-transition-delay:600ms; }
.dly_7{ transition-delay:700ms; -webkit-transition-delay:700ms; }
.dly_8{ transition-delay:800ms; -webkit-transition-delay:800ms; }
/*chrome  浏览器滚动条的美化 */
::-webkit-scrollbar-track-piece {width:8px;background-color:#f4f4ff;}
::-webkit-scrollbar { width:8px; background-color:#ccc;}
::-webkit-scrollbar-thumb { width:8px; height:50px; background-color:#ccc;}
::-webkit-scrollbar-thumb:hover { width:8px; background-color:#d20000;}