#flashBg {height:auto; overflow:hidden; width:100%; clear:both; margin:0; padding:0;}
#flashLine {background:url(../images/touming.png) repeat-x center bottom;height:auto; width:100%; clear:both;}
#flash {width:100%; height:auto; overflow:hidden; margin:0 auto; clear:both; position:relative; padding:0 0px;}
#flash img{ border:none;}
#flash a {width:100%; height:auto; display:none;}
.flash_bar {width:100%;  z-index:69; height:30px; overflow:hidden; position:absolute;padding-top:13px!important; padding-top:12px; bottom:0px; left:0px; background:url(../images/tg_flashbar.png) repeat 0px 0px; text-align:center;}
.flash_bar .dq { display:block; float:left; width:8px; height:8px; margin:5px 5px; cursor:pointer; background:url(../images/tg_flash_p.png) no-repeat 0px 0px; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/tg_flash_p.png" ,sizingMethod="crop");}
.flash_bar .no { display:block; float:left; width:8px; height:8px; margin:5px 5px; cursor:pointer; background:url(../images/tg_flash_p2.png) no-repeat 0px 0px; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/tg_fimages/tg_flash_p2.png" ,sizingMethod="crop"); }

/*==============  common style  Applies to all pages  ==============*/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,iframe,hr,p{margin:0;padding:0;}
body{font:12px/1.6 Arial,Arial;color:#676767;text-align:center;}
fieldset,img{border:0; vertical-align:middle;}
address,caption,cite,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
table{border-collapse: collapse;border-spacing: 0;}
select,input,label,button,textarea{margin:0;padding:0;font:normal normal normal arial,Simsun,Arial Unicode MS,Mingliu,Arial;}
input{padding:2px 0 1px;padding:4px 0 0;_padding:4px 0 0;_height:21px; vertical-align:middle;}
a:link,a:visited{color:#676767;text-decoration:none;}
a:active,a:hover{color:#000;text-decoration:underline;}
.clear {clear:both;/*font-size:1px;width:1px;visibility:hidden;*/}
.line10 {clear:both;font-size:1px;height:30px;overflow:hidden;}
.line5 {clear:both;font-size:1px;height:15px;overflow:hidden;}
.shadow{float:right;clear:both;font-size:16px;height:28px;overflow:hidden; margin:0; padding:0; background:url(../images/shadow.jpg) repeat-x;}
.button {
    display: inline-block;
    margin: 1px;
    padding: 0 20px;
    text-align: center;
    text-decoration: none;
    font: bold 14px/28px Arial, sans-serif;
}
.blue {
    color: #19667d;
    background: #70c9e3;
}
.gray {
    color: #515151;
    background: #d3d3d3;
}
.big {
    padding: 0 40px;
    padding-top: 10px;
    height: 45px;
    text-transform: uppercase;
    font: bold 20px/22px Arial, sans-serif;
}
 
.big span {
    display: block;
    text-transform: none;
    font: italic normal 12px/18px Georgia, sans-serif;
    text-shadow: 1px 1px 1px rgba(255,255,255, .12);
}
/*==============  header  ==============*/
.header{width:100%; height:90px; margin:0 auto; overflow:hidden; _overflow:visible; background:url(../images/header_bg.gif) repeat-x; text-align:left;}
.header .area{width:1090px; margin:0 auto; overflow:hidden; line-height:30px; color:#676767; padding:0;}

.header .cons{overflow:hidden; text-align:left;height:30px;}
.header .cons p,.header .cons p a{color:#fff; text-align:right;}
/*.input{background:#FFF;border:1px solid #6aa4cd;color:#3a90c9;font-size:12px;height:24px; line-height:24px; vertical-align:bottom; padding:0 3px;}*/

.input{-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;border:1px solid #666;padding:3px 30px 2px 10px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCCCCC', endColorstr='#FFFFFF');background:-webkit-gradient(linear, left top, left bottom, from(#CCCCCC), to(#FFFFFF));background:-moz-linear-gradient(top, #0D5EA6, #7DA3C8);background:-o-linear-gradient(top, #0D5EA6, #FFFFFF);width:150px;height:16px;color:#666;box-sizing:border-box;}
.input1{-webkit-border-radius:12px;-moz-border-radius:12px;-moz-box-shadow:0px 1px 0px #555;-webkit-box-shadow:0px 1px 0px #555;box-shadow:0px 1px 0px #555;border-radius:12px;border:1px solid #666;padding:3px 30px 2px 10px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCCCCC', endColorstr='#FFFFFF');background:-webkit-gradient(linear, left top, left bottom, from(#CCCCCC), to(#FFFFFF));background:-moz-linear-gradient(top, #0D5EA6, #7DA3C8);background:-o-linear-gradient(top, #0D5EA6, #FFFFFF);width:100px;height:16px;color:#666;}
.input2{-webkit-border-radius:12px;-moz-border-radius:12px;-moz-box-shadow:0px 1px 0px #555;-webkit-box-shadow:0px 1px 0px #555;box-shadow:0px 1px 0px #555;border-radius:12px;border:1px solid #666;padding:3px 30px 2px 10px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCCCCC', endColorstr='#FFFFFF');background:-webkit-gradient(linear, left top, left bottom, from(#CCCCCC), to(#FFFFFF));background:-moz-linear-gradient(top, #0D5EA6, #7DA3C8);background:-o-linear-gradient(top, #0D5EA6, #FFFFFF);width:100px;height:16px;color:#666;}

.header .logo{width:166px;float:left;  margin-right:20px; padding-left:20px;}
.header .msg{width:166px;float:left; overflow:hidden; margin-right:20px; padding-left:220px;}
.header .logo a{width:166px;height:50px; display:block; background:url(../images/logo.png) no-repeat;}

.header .remark span{width:150px;height:25px; display:block;float:right;}
/*==============  menu  ==============*/
.header .menu{width:790px; height:35px; overflow:hidden; _overflow:visible;margin-top:23px; float:right;}
.header .menu ul{height:35px; overflow:hidden;}
.header .menu ul li{float:left; text-align:center;height:35px; line-height:35px; background:url(../images/menu_line.jpg) right center no-repeat; margin:0; font-size:14px;}
.header .menu ul li.noline{ background:none;}
.header .menu a{display:block;height:35px; color:#fff; padding:0 10px 5px 10px;}
.header .menu a:link,.header .menu a:visited{color:#fff;text-decoration:none;}
.header .menu a:hover,.header .menu a:active{color:#fff;text-decoration:none; background:url(../images/menu_hover.jpg) repeat-x;}

.w60{width:60px;}
.w80{width:80px;}
.w100{width:100px;}
.w130{width:130px;}
.w150{width:150px;}

/*==  The current page  ==*/
#home .home a,
#products .products a,
#system .system a,
#news .news a,
#campus .campus a,
#careers .careers a,
#uast .uast a,
#support .support a,
#contact .contact a,
#about .about a{color:#fff;text-decoration:none; background:url(../images/menu_hover.jpg) repeat-x;}


/*==============  Area of ​​the page definition  ==============*/
.main{width:1000px; margin:0 auto; overflow:hidden; _overflow:visible; text-align:left;}
.right{ width:620px; overflow:hidden;}
.left{float:left; width:320px; overflow:hidden; padding:0 20px;}

/*==============  About us  ==============*/
.iabout{overflow:hidden;}
.iabout #player1{float:left; overflow:hidden;}
.iabout .con{float:left; color:#676767;width:640px; font-size:14px; /*font-family:; */overflow:hidden;}
.iabout .con h4{font-size:22px; color:#235282; line-height:35px;}
.iabout .con a{width:106px; height:26px; display:block; background:url(../images/more_1.png) no-repeat; float:right;}

/*==============  news  ==============*/
.inews{overflow:hidden;}
.inews h4{height:30px; line-height:30px; overflow:hidden; /*background:url(../images/ladder.png) 100px 9px no-repeat;*/ /*font-family:黑体;*/ color:#3870a3; font-size:12pt;}
.inews ul{overflow:hidden;}
.inews ul li{display:block;height:25px;line-height:25px;}
.inews ul li a{background:url(../images/ico_01.jpg) 10px 10px no-repeat;text-indent:20px; display:block; float:left;}
.inews ul li a:hover{background:url(../images/ico_01jian.jpg) 10px 10px no-repeat; color:#a42929;}
.inews ul li span{display:block; float:right; color:#1b78b4; font-size:11px;}
.inews a.more{width:106px; height:26px; display:block; margin-top:5px; clear:both; float:right; background:url(../images/more_1.png) no-repeat;}

/*==============  contact  ==============*/
.icontact{ overflow:hidden; clear:both; margin-top:10px; background:url(../images/i_contactus.jpg) top center no-repeat; padding-top:97px; /*font-family:; */font-size:13px;}
.icontact div{background:url(../images/ico_tel.jpg) 10px 10px no-repeat; text-indent:65px; line-height:20px;}

.icontact a.youku{width:50px; height:50px; float:left; display:block; margin:5px; background:url(../images/youku.jpg) no-repeat;}
.icontact a.sinawebo{width:50px; height:50px; float:left; display:block; margin:5px; background:url(../images/sinawebo.jpg) no-repeat;}
.icontact a.youtube{width:50px; height:50px; float:left; display:block; margin:5px; background:url(../images/youtube.jpg) no-repeat;}
.icontact a.twitter{width:50px; height:50px; float:left; display:block; margin:5px; background:url(../images/twitter.png) no-repeat;}
.icontact a.facebook{width:50px; height:50px; float:left; display:block; margin:5px; background:url(../images/facebook.jpg) no-repeat;}
.icontact a.slide{width:50px; height:50px; float:left; display:block; margin:5px; background:url(../images/slide.jpg) no-repeat;}

/*==============  staff  ==============*/


.staff{width:330px; overflow:hidden; height:284px; background:url(../images/blueline_02.jpg) 58px left no-repeat; padding-left:4px;}
.staff .yinying{overflow:hidden;height:400px; width:620px; background:url(../images/shadow_02.jpg) 322px 12px no-repeat; padding-right:-5px;}
.staff h4{width:310px;background:url(../images/i_h4.png) 10px 0 no-repeat; height:23px; line-height:23px; padding-left:20px; color:#fff; z-index:9; position:absolute;}
.staff ul{width:310px;border:1px solid #ccc; height:261px; display:block; overflow:hidden; margin-top:11px; z-index:0; position:absolute; padding:15px 0 0 10px}
.staff ul li{width:140px; margin:3px 5px; float:left; overflow:hidden; text-align:center;}
.staff ul li img{border:1px solid #cbcbcb;}
.staff ul li a:hover img{border:1px solid #0180d6}
.staff ul li a:hover{ text-decoration:none;}
.staff a.more{width:106px; height:26px; display:block; position:relative; top:258px; left:200px; background:url(../images/more_1.png) no-repeat;}


/*==============  products  ==============*/
.probox{overflow:hidden;height:408px; width:100%;}
.probox h4{width:620px;background:url(../images/i_h4.png) 10px 0 no-repeat; height:23px; line-height:23px; padding-left:14px; color:#fff; z-index:9; position:absolute;}
.probox .pros{width:620px;border:1px solid #ccc; height:360px; display:block; overflow:hidden; margin-top:11px; z-index:0;  background:url(../images/corner.png) top right no-repeat; padding-top:23px;}
.probox .first{ overflow:hidden; margin-bottom:20px;}
.probox .first a.img{width:230px; float:left; display:block; margin-right:15px; margin-left:10px;}
.probox .first a.img img{border:1px solid #2388d0; padding:5px}
.probox .first a.more{width:106px; height:26px; display:block; clear:both; background:url(../images/more_1.png) no-repeat; margin-left:20px;}
.probox .first .fleft{float:left; width:355px;}
.probox dd{background:url(../images/probox.png) no-repeat; width:133px; height:151px; padding:15px 20px 15px 20px; float:left; margin:0 6px;}
.probox dd a{ display:block; color:#0069b7; margin-top:10px; font-weight:bold;}

/*----滚动框----*/
.rollBox{width:620px;overflow:hidden;}
.rollBox .LeftBotton{height:31px;width:27px;background:url(../images/btn_left.jpg) no-repeat 0px 0;overflow:hidden;float:left;display:inline;margin:75px 5px 0 5px;cursor:pointer;}
.rollBox .RightBotton{height:31px;width:27px;background:url(../images/btn_right.jpg) no-repeat 0 0;overflow:hidden;float:right;display:inline;margin:75px 5px 0 5px;cursor:pointer;}
.rollBox .Cont{width:545px;overflow:hidden;float:left;}
.rollBox .ScrCont{width:10000000px;}
.rollBox #List1,.rollBox #List2{float:left;}

/*==============  culture  ==============*/
.iculture{ overflow:hidden; clear:both;}
.iculture h4 ul{ float:left;  position:absolute; left:25px; top:-1px; height:488px;   }
.iculture h4 ul li{ float:left; padding:0 15px; cursor:pointer;  }
.iculture h4 ul li.on{ height:88px;  background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; }
.iculture h4{border-bottom:2px solid #2388d0; height:30px; line-height:30px; padding-left:10px; /*font-family:; */font-size:14px; color:#235282;}
.iculture ul{padding-top:10px;}
.iculture ul li{padding:15px 20px; border-bottom:1px dashed #cbcbcb; overflow:hidden;}
.iculture ul li img{float:left; margin:0 15px 0 0;}
.iculture ul a.more{width:106px; height:26px; display:block; margin-top:20px; clear:both; float:right; background:url(../images/more_1.png) no-repeat;}

/*==============  footer  ==============*/
#footer{ width:100%; background:url(../images/foot_img3.jpg); overflow:hidden;}
#footer .footer{width:1000px;margin:0 auto; overflow:hidden; text-align:center; color:#fff; background:url(../images/logo.png) center right no-repeat;border-bottom:1px solid #fff;padding:15px 0;}
#footer .footer .footlinks{width:190px;  float:left; text-align:left; padding-top:15px;}
#footer .footer .footlinks h4{ /*font-family:黑体;*/ font-size:20px; line-height:30px;}
#footer .footer .footlinks a{ display:block; color:#fff; height:20px; line-height:20px;}
#footer .footer .footcon{width:600px; float:left; text-align:right; padding-top:40px; line-height:22px;}

@media only screen and (max-width:470px){
	#footer .footer .footlinks a{
		font-size:15px!important;
	}
}