*{ margin:0; padding:0;}
body{font-family:"\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", tahoma,arial,"Hiragino Sans GB", "\5B8B\4F53";color: #333; font-size:12px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { padding: 0;margin: 0;}
a{text-decoration:none;}
table {border-spacing: 0;}
fieldset,img{border: 0;}
address,caption,cite,code,dfn,em,strong,th,var {font-weight: normal;font-style: normal;}
ol,ul { list-style: none; margin:0;padding:0;}
caption,th {text-align: left;}
input,select,button{font-family:"\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", tahoma,arial,"Hiragino Sans GB", "\5B8B\4F53";}
q:before,q:after { content:'';}
abbr,acronym { border: 0;}
.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.clearfix { zoom:1; }
.w1200{ width:1200px; margin:0 auto;}
/*top css*/
#top{ background:#f0f0f0; border-bottom:1px solid #dbdbdb;min-width:1200px;}
.top{ padding:6px 0; color:#666; zoom:1; }
.top:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.topleft{ float:left; width:400px; height:20px; overflow:hidden;}
.topright{ float:right; width:350px; zoom:1;}
.topright:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.topright a{ float:right;color:#666; margin:0 0 0 15px;}
.topright a:hover{ color:#003b68;}
.topright span{ float:right;}
.topright span a{ margin:0 10px;}
/*head css*/
.head{ zoom:1;min-width:1200px;}
.head:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.head .logo{ float:left; width:400px; padding:15px 0 0 0;}
.head .logo img{ max-width:100%;}
.head .nav{ float:right; /*width:800px;*/}
.head .nav ul li{ float:left; width:98px;height:85px; line-height:22px; margin:0 0 0 2px;font-size:16px; color:#666; text-align:center;position:relative; z-index:1000;}
.head .nav ul li .navi{ display:block; padding:23px 0 0 0;height:62px;font-size:16px;color:#666;text-decoration:none;}
.nav ul li .navi.current{color:#fff; background:#0185d7;}

.head .nav ul li .navi:hover,.nav ul li .navi.hover{color:#fff; background:#0185d7;}
.head .nav ul li .navi span{ display:block; font-size:10px; color:#666;}
.head .nav ul li .navi:hover span,.nav ul li .navi.hover span{color:#fff;}
.nav ul li .navi.current span{color:#fff;}
.homebody .head .nav .firstli .navi,.aboutbody .head .nav .aboutli .navi,.contactbody .head .nav .lastli .navi,.newsbody .head .nav .newsli .navi,.jobbody .head .nav .jobli .navi,.teambody .head .nav .teamli .navi,.casebody .head .nav .caseli .navi,.designbody .head .nav .designli .navi{color:#fff; background:#0185d7;}
.homebody .head .nav .firstli .navi span,.aboutbody .head .nav .aboutli .navi span,.contactbody .head .nav .lastli .navi span,.newsbody .head .nav .newsli .navi span,.jobbody .head .nav .jobli .navi span,.teambody .head .nav .teamli .navi span,.casebody .head .nav .caseli .navi span,.designbody .head .nav .designli .navi span{color:#fff; background:#0185d7;}
.nav li .subnav{position:absolute; z-index:1002; top:85px; width:580px; left:0;display:none; background:#fff;padding:10px 0 15px 15px;-webkit-box-shadow: 3px 3px 5px #666;-moz-box-shadow: 3px 3px 5px #666;box-shadow: 3px 3px 5px #666;behavior:url(PIE.htc); text-align:left!important; zoom:1;}
.nav li .subnav:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.subnav .sv_left{ float:left; width:230px; margin:0 10px 0 0;}
.subnav .sv_left img{ width:230px; height:145px; border:1px solid #d4d3d3; max-width:100%; }
.subnav .sv_right{ float:right; width:300px;}
.subnav .sv_right h1{ height:27px; overflow:hidden; font-size:15px; line-height:27px; font-weight:bold;color:#0475d3;}
.subnav .sv_right h1 a{ height:27px; font-size:15px; line-height:27px; font-weight:bold; color:#0475d3;overflow:hidden;}
.subnav .sv_right h1 a:hover{ color:#0475d3!important;background:none!important;}
.subnav .sv_right ul li {width:150px;  font-size:14px; line-height:27px;color:#333;height:27px; padding:0!important; margin:0!important; overflow:hidden; text-align:left;}
.subnav .sv_right ul li a{height:27px;font-size:14px; line-height:27px;color:#333; text-align:left!important; overflow:hidden;}
.subnav .sv_right ul li a:hover{ color:#0475d3!important; background:none!important;}
/*banner css*/
.banner{ position:relative;width:100%; height:450px;min-width:1200px;}
.f1920x450{width:100%; height:100%;overflow:hidden}
.f1920x450 li{ text-align:center; position:relative; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.f1920x450 img{max-width:100%;}
.rslides{width:100%;position:relative;list-style:none;padding:0}
.rslides_nav{ display:none;}
.rslides_tabs{margin:0 auto;clear:both;text-align:center; position:absolute; bottom:10px; left:47%;}
.rslides_tabs li{display:inline;float:none;_float:left;*float:left;margin-right:8px}
.rslides_tabs a{text-indent:-9999px;overflow:hidden;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;background:#fff;display:inline-block;_display:block;*display:block;width:12px;height:12px}
.rslides_tabs .rslides_here a{background:#2594e6;}
/*index css*/
.index_main{ padding:40px 0 55px 0; zoom:1;}
.index_main:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.index_about{ float:left; width:370px;}
.index_news{ float:left; width:380px; margin:0 0 0 40px;}
.index_case{ float:right; width:380px;}
.index_main .title{ background:url(../images/title_line.jpg) no-repeat 0 center; margin:0 0 15px 0; padding:0 0 0 10px; zoom:1; border-bottom:1px #0185d7 solid}
.index_main .title:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.index_main .title h1{ float:left;display:inline; font-size:18px; color:#333;}
.index_main .title span{ float:left;font-size:18px; color:#999; font-family:Arial, Helvetica, sans-serif; margin:3px 0 0 5px;}
.index_about .content{ font-size:14px; color:#333; line-height:26px; height:105px; overflow:hidden; margin:0 0 20px 0;}
.index_about .more a{ display:block; width:110px; height:25px; text-align:center; line-height:25px; background:#666; color:#fff;}
.index_about .more a:hover{ background:#0086d6; color:#fff;}
.index_news li{ font-size:14px; color:#333; line-height:30px; height:30px; background:url(../images/bg.jpg) no-repeat -95px 7px; padding:0 0 0 10px; overflow:hidden;}
.index_news li a{ color:#333;}
.index_news li a:hover{color:#0086d6;}
.index_case .content{ zoom:1;}
.index_case .content:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.slideBox{ float: left;width:230px; height:150px; overflow:hidden; position:relative; }
.slideBox .hd{ height:20px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; font-size:14px; color:#000; margin-right:2px;  width:20px; height:20px; line-height:20px; text-align:center; background:#fff; cursor:pointer;filter:alpha(opacity=50);-moz-opacity:0.5; -khtml-opacity: 0.5;opacity: 0.5; }
.slideBox .hd ul li.on{ background:#fff; color:#000;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ position:relative; height:150px;}
.slideBox .bd .name{ position:absolute; left:0; bottom:0; padding:0 80px 0 10px; width:140px; background: url(../images/tbg.png) repeat-x 0 0; height:30px; line-height:30px;font-size:14px;color:#fff;}
.slideBox .bd img{ width:230px; height:150px; }
.case_list{ float:right; width:140px;}
.case_list li{ font-size:14px; color:#333; line-height:30px; height:30px; background:url(../images/bg.jpg) no-repeat -95px 7px; padding:0 0 0 10px; overflow:hidden;}
.case_list li a{ color:#333;}
.case_list li a:hover{color:#0086d6;}
/*insidepage css*/
.insidebanner{ height:200px; background-position: center 0; background-repeat:no-repeat; background-size: cover;position:relative;}
.aboutbanner{ background-image: url(../images/aboutbanner.jpg);}
.contactbanner{ background-image: url(../images/contactbanner.jpg);}
.newsbanner{ background-image: url(../images/newsbanner.jpg);}
.jobbanner{ background-image: url(../images/jobbanner.jpg);}
.teambanner{ background-image: url(../images/teambanner.jpg);}
.casebanner{ background-image: url(../images/casebanner.jpg);}
.designbanner{ background-image: url(../images/designbanner.jpg);}
.insideban{ position:relative; height:20px;}
.insidetop{ position:absolute; top:0; left:0; width:100%; height:15px; background: url(../images/insidetop.png) repeat-x center 0;}
.wrapper{ zoom:1; padding:30px 0 100px 0;}
.wrapper:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.leftwrap{ float:left; width:250px;}
.leftwrap h1{ font-size:30px; color:#0185d7; height:40px;}
.leftwrap h1 span{ font-size:18px; font-weight:normal;}
.leftwrap li{ height:63px;background: url(../images/leftmenubg.jpg) no-repeat right -63px; font-size:14px; color:#333; text-align:right;}
.leftwrap li a{ display:block; padding:14px 35px 17px 0; color:#333; line-height:16px; height:32px; overflow:hidden; }
.leftwrap li a:hover,.leftwrap li a.hover{background: url(../images/leftmenubg.jpg) no-repeat right 0; color:#fff;}
.leftwrap li span{ font-family:Arial, Helvetica, sans-serif; font-size:12px; height:18px; overflow:hidden; text-transform:uppercase; display:block;}
.leftbottom{ height:50px; background: url(../images/leftmenubg.jpg) no-repeat right -126px;}

.rightwrap{ float:right; width:900px;}
.righttop{ border-bottom:1px solid #999; padding:10px 0 0 0; height:30px; line-height:30px; text-align:right; color:#666; margin:0 0 20px 0;}
.righttop span{ margin:0 5px;}
.righttop a{ color:#666;}
.righttop a:hover{ color:#0185d7;}
.rightcontent img{ max-width:100%;}

/*about css*/
.about{ font-size:14px; color:#333; line-height:30px; padding:0 15px; zoom:1;}
.about:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.about .img{ float:left; margin:10px 20px 0 -15px;}
.history{ text-align:left;    }
.history .bd li{padding:10px 45px;font-size:14px; line-height:30px; color:#333; }
.history .hd{ overflow:hidden;  height:95px; border-bottom:1px solid #dadada; position:relative; padding:0 50px;  zoom:1;}
.history .hd ul{overflow:hidden; zoom:1; overflow:hidden; zoom:1; }
.history .hd li{ position:relative; _display:inline; float:left;  width:100px; height:60px; overflow:hidden; cursor:pointer; background:url(../images/line.jpg) no-repeat 0 0; text-align:center; padding:35px 0 0 0; font-size:14px; }
.history .hd li span{ display:block; height:60px; line-height:25px;}
.history .hd li.on span{ background: url(../images/dico.jpg) no-repeat center 30px; font-weight:700; font-size:18px;  }
.history .hd .sNext,.history .hd .sPrev{position:absolute; z-index:1000;display:block;  width:50px; height:95px; background:#fff; overflow:hidden; cursor:pointer; top:0;}
.history .hd .sPrev{left:0; }
.history .hd .sNext{right:0;background:#fff url(../images/line.jpg) no-repeat 0 0;}
.history .hd .sPrev span,.history .hd .sNext span{display:block;  width:30px; height:30px; margin-top:30px; }
.history .hd .sPrev span{background:url(../images/bg.jpg) no-repeat 0 0;}
.history .hd .sNext span{background:url(../images/bg.jpg) no-repeat -42px 0; float:right;}
.history .hd .sPrev:hover span{background:url(../images/bg.jpg) no-repeat 0 -32px;}
.history .hd .sNext:hover span{background:url(../images/bg.jpg) no-repeat -42px -32px;}

.gallery2{ display:none;}
.honor{ margin-left:-20px;zoom:1;}
.honor:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.honor dl{ float:left; padding:0 2px 25px 29px; width:272px;}
.honor dt{ width:270px; height:270px; border:1px solid #e6e6e6;}
.honor dt:hover{ border:1px solid #0185d7;}
.honor dt img{ max-width:100%; height:100%;}
.honor dd{ font-size:14px; color:#353535; line-height:24px; height:48px; overflow:hidden; padding:10px 0 0 0;}
.video{ width:750px; margin:0 auto; background:#000;}
.video .videoname{ height:70px; text-indent:1em; font-size:20px; color:#fff; line-height:70px;}

.organization h1{ text-align:center; font-size:20px; color:#333; margin:0 0 25px 0; font-weight:normal;}
/*case css*/
.case{ zoom:1; margin-left:-30px;}
.case:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.case dl{ float:left; margin:0 0 40px 34px; width:275px; position:relative;}
.case dt{ display:none;position:absolute; top:0; left:0; width:275px; height:205px; background:url(../images/newshoverbg.png) repeat 0 0;}
.case dt a{ display:block;}
.case dt span{ display:block; width:60px; height:60px; background:url(../images/shape.png) no-repeat 0 0; background-size:contain; margin:110px auto 0 auto;}
.case dl .img{ width:275px; height:205px;}
.case dl .img img{ width:100%; height:100%;}
.case dl .name{ font-size:16px; color:#353535; line-height:30px; height:60px; padding:7px 10px; overflow:hidden; background:#e6e6e6;}
.case dl .name a{color:#353535;}
.case dl.hover .name{ color:#fff; background:#0185d7;}
.case dl.hover .name a{ color:#fff;}
.case dl.hover dt{ display:block;}
.casemenu{ display:none; position:absolute; z-index:100; top:8px; right:0;}
.casebtn{ display:block; width:16px; height:16px; background:url(../images/casebtn.jpg) no-repeat 0 0; cursor:pointer;}
.casemenu .menu{ display:none; z-index:1000; background:url(../images/newshoverbg.png) repeat 0 0; position:absolute; top:20px; right:0; width:150px;}
.casemenu dd{ height:38px; line-height:38px; text-align:center; font-size:14px; color:#fff; border-bottom:1px dotted #eee;}
.casemenu dd a{ display:block; color:#fff;}
.casemenu dd a:hover{ color:#fff; text-decoration:underline;}
.case_details{ width:700px; margin:0 auto;}
.case_title{ font-size:18px; color:#333; margin:0 0 20px 0;}
/*图片轮播*/
.detail_context_pic{width:700px;overflow:hidden; margin: 0 auto;}
.detail_context_pic_top{width:700px;overflow:hidden;text-align:center;position:relative;z-index:1;}
.detail_context_pic_bot{width:698px;height:157px; padding:18px 0 0 0; border:1px solid #e6e6e6;overflow:hidden;}
.detail_picbot_left,.detail_picbot_right{float:left;width:26px;height:50px;overflow:hidden; margin:40px 0 0 0;}
.detail_picbot_right{ float:right;}
.detail_picbot_left a,.detail_picbot_right a{display:block;width:26px;height:50px;}
#preArrow_B{ background:url(../images/btn1.jpg) no-repeat 0 0; background-size:contain;}
#nextArrow_B{ background:url(../images/btn2.jpg) no-repeat 0 0; background-size:contain;}
.detail_picbot_mid{float:left;width:640px;height:144px;overflow:hidden;}
.detail_picbot_mid ul{height:144px;width:640px;overflow:hidden;position:relative;}
.detail_picbot_mid ul li{float:left;height:144px;margin-left:22px;display:inline;width:184px;text-align:center;overflow:hidden;position:relative; cursor:pointer;}
.detail_picbot_mid ul li img{height:140px;width:180px;}
#pic1{max-width:100%; width:100%;}
.selectpic{border:2px solid #0185d7;}

#preArrow{left:0px;}#nextArrow{right:0px;}
.contextDiv{cursor:pointer;height:100%;width:50%;position:absolute;top:0px;z-index:5;background:url("blank") repeat;}
.contextDiv span{position:absolute;top:50%;margin-top:-20%;width:39px;height:57px;}
#preArrow_A{left:16px;background:url(../images/prev.png) 0 0 no-repeat;display:none; background-size:contain;}
#nextArrow_A{right:16px;background:url(../images/next.png) 0 0 no-repeat;display:none; background-size:contain;}

.barul{ padding:20px 0 0 0;zoom:1;}
.barul:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.barul li{ float:left; width:150px; height:190px; margin:0 50px 0 85px; position:relative; cursor:pointer;}
.barul li span{ display:block; width:150px; height:150px; text-align:center; line-height:150px; background:url(../images/cycle1.jpg) no-repeat 0 0; background-size:contain; font-size:18px; color:#fff;}
.barul li.hover span{background:url(../images/cycle2.jpg) no-repeat 0 0; background-size:contain; color:#0185d7; }
.barul li.hover em{ position:absolute; bottom:-1px; left:60px; background:url(../images/jico.jpg) no-repeat 0 0; background-size:contain; width:31px; height:27px;}
.design_content{ width:740px; margin:0 auto; border:1px solid #0185d7; padding:30px 15px; font-size:14px; color:#333; line-height:30px;}
/*team css*/
.team_txt{ font-size:18px; color:#333; line-height:36px; padding:0 0 30px 0;}
.team_txt span{ font-weight:700; color:#0285d5;}
.team{ zoom:1; margin-left:-30px;}
.team:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.team dl{ float:left; width:277px; margin:0 0 25px 30px;}
.team dt{ width:277px; height:192px;}
.team dt a{ display:block; width:275px; height:190px; border:1px solid #fff;}
.team dt a:hover{ border:1px solid #0185d7;}
.team dt img{ width:100%; height:100%;}
.team dd{ margin:10px 0 0 0; line-height:24px; font-size:14px; height:48px; color:#353535; overflow:hidden;}
.teamloop{ overflow:hidden; position:relative;}
.teamloop .hd{ overflow:hidden; position:absolute; z-index:100; height:60px; left:0; top:250px; width:100%;}
.teamloop .hd .prev,.teamloop .hd .next{ display:block;  width:45px; height:57px; float:right;overflow:hidden;cursor:pointer;}
.teamloop .hd .prev{ float:left; margin-left:15px; background:url(../images/prev.png) no-repeat 0 0;}
.teamloop .hd .next{ float:right; margin-right:15px;background:url(../images/next.png) no-repeat 0 0;}
.teamloop .bd ul{ overflow:hidden; zoom:1; }
.teamloop .bd ul li{ margin:0; text-align:center; float:left; position:relative; _display:inline; overflow:hidden;  }
.teamloop .bd ul li img{ width:600px; height:600px;}
.teamloop .bd ul li .title{ position:absolute; left:0; bottom:0; width:100%; height:40px;background:url(../images/newshoverbg.png) repeat 0 0; line-height:40px;text-align:center; font-size:16px; color:#fff;}

.team_details{ width:1000px; margin:0 auto;}
.team_details .detail_context_pic{ width:1000px;}
.team_details .detail_context_pic_top{ width:1000px;}
.detail_picbot_left, .detail_picbot_right{ margin:30px 0 0 0;}
.team_details .detail_context_pic_bot{ width:998px; height:110px; padding:20px 0;}
.team_details .detail_picbot_mid,.team_details .detail_picbot_mid ul{ width:940px; height:110px;}
.team_details .detail_picbot_mid ul li{height:110px;margin-left:22px;width:164px;}
.team_details .detail_picbot_mid ul li img{height:106px;width:160px;}
/*news css*/
.news{ zoom:1; margin-left:-30px;}
.news:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.news dl{ float:left; margin:0 0 40px 34px; width:275px; position:relative;}
.news dt{ display:none;position:absolute; top:0; left:0; width:245px; height:195px; background:url(../images/newshoverbg.png) repeat 0 0; padding:40px 15px;}
.news .description{ font-size:14px; color:#fff; line-height:24px; height:145px; margin:0 0 10px 0; overflow:hidden;}
.news .more a{ display:block; width:35px; height:35px; background:url(../images/newmore.png) no-repeat 0 0; background-size:contain; margin:0 auto;}
.news .time{ position:absolute; right:5px; bottom:5px; font-size:12px; color:#fff;}
.news dl .img{ width:275px; height:275px;}
.news dl .img img{ width:100%; height:100%;}
.news dl .name{ font-size:16px; color:#353535; line-height:30px; height:60px; padding:7px 10px; overflow:hidden; background:#e6e6e6;}
.news dl .name a{color:#353535;}
.news dl.hover .name{ color:#fff; background:#0185d7;}
.news dl.hover .name a{ color:#fff;}
.news dl.hover dt{ display:block;}
.newstitle{ font-size:20px; color:#333; font-weight:700; margin:0 0 15px 0; text-align:center;}
.newstxt{ text-align:right; font-size:14px; color:#666;}
.newstxt span{ margin:0 0 0 25px;}
.newscontent{ padding:25px 0 80px 0; font-size:14px; color:#333; line-height:30px;}
.newspage{ text-align:right; font-size:14px; color:#333;}
.newspage a{ margin:0 0 0 15px; color:#333;}
.newspage a:hover{color:#0185d7;}
/*contact css*/
.contacttop{ border-bottom:1px solid #999;height:45px; font-size:30px; font-weight:700; color:#0185d7; margin:0 0 25px 0;}
.contacttop span{font-size:18px;}
.contact{ zoom:1;}
.contact:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.map{ float:left; width:60%; height:395px; }
#dituContent{ width:750px!important; height:600px!important; border:0!important;}
.border1{border:1px solid #cdcdcd;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; position:relative;behavior:url(PIE.htc); }
.contact_way{ float:right; width:400px;}
.contact_way h1{ font-size:18px; color:#0185d7; font-weight:normal; height:65px; line-height:65px; padding:0 40px; border-bottom:1px solid #cdcdcd;}
.contact_way .content{ padding:15px 40px 100px 40px; font-size:14px; color:#333; line-height:30px;}
.contact_way .content h2{ font-size:16px;}
/*job css*/
.jobban{ padding:0 0 25px 0;zoom:1; margin-left:-4%;}
.jobban:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0} 
.jobban .list{ float:left; width:25%; padding:0 4%; height:250px; background:url(../images/jobline.jpg) repeat-y right 0; position:relative;}
.jobban .list h1{ font-size:24px; color:#999; line-height:70px; text-align:center;}
.jobban .list .ico{ position:absolute; top:20px; right:0; width:25px; height:50px; background:url(../images/jobcycle.jpg) no-repeat 0 0; background-size:contain;}
.jobban .list .text{ font-size:16px; color:#333; line-height:32px;}
.job{ float:left;width:750px;}
.jobname{line-height:70px; height:70px;cursor:pointer; font-size:18px;color:#333; padding:0 0 0 25px;zoom:1; border-bottom:1px solid #cdcdcd; position:relative;}
.jobname:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.jobname.expand{ color:#0185d7;}
.jobname span{ position:absolute; top:18px; right:45px;display:block; width:35px; height:35px; background:url(../images/bg.jpg) no-repeat -65px -112px;}
.jobname.expand span{background:url(../images/bg.jpg) no-repeat -65px -151px; }
.job_require{ padding:20px; background:#e6e6e6;border-bottom:1px solid #cdcdcd;font-size:14px; color:#333; line-height:30px;}
.job_require p span{ display:inline-block; width:160px;}
.job .lastlist .jobname,.job .lastlist .job_require{ border:0;}

.insidetitle{ font-size:24px; color:#0185d7; padding:0 0 10px 0; border-bottom:3px solid #e6e6e6; margin:0 0 15px 0;}
.insidecontent{ font-size:14px; color:#333; line-height:30px;}
.insidecontent h1{ font-size:16px; font-weight:normal;}
.sitemap{ zoom:1;}
.sitemap:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0} 
.sitemap dl{ float:left; width:14%; min-height:200px;}
.sitemap dt{ font-size:18px; color:#333; height:25px; line-height:25px; padding:0 0 0 10px; margin:0 0 15px 0; background:url(../images/bg.jpg) no-repeat -95px -28px;}
.sitemap dt a{ color:#333;}
.sitemap dt a:hover{ color:#0185d7;}
.sitemap dd{ font-size:14px; color:#333; line-height:30px;background:url(../images/bg.jpg) no-repeat -95px -52px; padding:0 0 0 10px;}
.sitemap dd a{ color:#333;}
.sitemap dd a:hover{color:#0185d7;}
.feedback{ padding:30px 0 0 0;}
.feedback li{ width:550px; float:left;line-height:30px; font-size:14px; color:#393939; zoom:1;}
.feedback li:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0} 
.feedback span{ display:block; float:left; text-align:right; width:100px; padding:0 10px 15px 0;}
.feedback .input{ float:left; border:1px solid #d3d1d1; width:300px; height:28px; line-height:28px; font-size:14px; color:#393939;}
.feedback .li{ float:none; width:100%;}
.feedback textarea{border:1px solid #d3d1d1; width:850px; height:140px;line-height:28px; font-size:14px; margin:0 0 15px 0; color:#393939;}
.feedback .inputbtn{ width:85px; height:35px; line-height:35px; background: #999; font-weight:700; font-size:16px; color:#fff; margin:0 20px 0 0; border:0; cursor:pointer;}
.feedback .inputbtn:hover{ background:#0185d7; color:#fff;}
/*footer css*/
#bottoms{ background:url(../images/bottombg.jpg) repeat-x 0 0; border-bottom:5px solid #ccc; border-top:1px solid #dedede; padding:20px 0;min-width:1200px;}
.bottoms{ line-height:28px; color:#666;}
.bottoms a{ color:#666; margin:0 20px 0 0; font-size:13px; word-break:break-all;}
.bottoms a:hover{ color:#0086d6;}
#footer{ background:#343434;min-width:1200px;}
.foot{ padding:20px 0; zoom:1;}
.foot:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.copyright{ float:left; width:500px; color:#fff; line-height:40px;}
.f_logo{ float:right; width:200px; text-align:right;}
/*page css*/
div.flickr { padding:10px 0; text-align: right; font-family:"宋体"; font-size:14px; line-height:32px; color:#666;}
div.flickr a,div.flickr span { border:1px solid #ededed; margin:0 3px; display:inline-block; padding:0 12px;height:32px; color:#003e6a; text-decoration:none; text-align:center;}
div.flickr a:hover,div.flickr a:active { background: #003e6a; border:1px solid #003e6a; color:#fff;text-decoration:none;}
div.flickr span.current,div.flickr a.current {background: #003e6a; border:1px solid #003e6a; color:#fff;}
div.flickr span.disabled { border:1px solid #ededed;color:#ccc;}

@media only screen and (min-width:1024px) and (max-width:1200px)
{
.w1200{ width:1000px;}#top,.head,.banner,#bottoms,#footer{ width:100%; min-width:1000px;}.head .logo{width:270px;}.head .nav{ width:685px;}.head .nav ul li{ margin:0; width:85px; }.banner{ height:400px;}.index_about{ width:300px;}.index_news{ width:300px; margin:0 0 0 20px;}.index_case{ width:350px;}.slideBox{width:200px; height:140px;}.slideBox .bd li{ height:140px;}.slideBox .bd .name{width:110px;}.slideBox .bd img{ width:200px; height:140px; }.case_list{ margin-top:-5px;}

.leftwrap{ width:200px;}.leftwrap h1{ font-size:25px;}.rightwrap{ width:770px;}.honor dl{width:232px;}.honor dt{ width:230px; height:230px; }.history .hd li{ width:84px;}
.feedback li{ width:500px;}.feedback .input{ width:350px;}.feedback textarea{ width:850px;}
.map{width:620px; height:500px; }#dituContent{ width:620px!important; height:500px!important; border:0!important;}.contact_way{width:350px;}
.contact_way h1{ font-size:18px; padding:0 20px;}.contact_way .content{ padding:15px 20px 80px 20px; }
.news{margin-left:-20px;}.news dl{margin:0 0 30px 20px; width:243px;}.news dt{width:213px; height:213px;padding:15px 15px;}.news .description{ font-size:13px;line-height:24px; height:165px; margin:0 0 5px 0;}.news dl .img{ width:243px; height:243px;}.news dl .name{ font-size:14px; line-height:26px; height:52px;}
.case{margin-left:-20px;}.case dl{margin:0 0 30px 20px; width:243px;}.case dt{width:243px; height:183px;}.case dt span{ margin:80px auto 0 auto;}.case dl .img{ width:243px; height:183px;}.case dl .name{ font-size:14px; line-height:26px; height:52px;}
.jobban .list{ height:250px;}.jobban .list h1{ font-size:20px;line-height:60px;}.jobban .list .ico{ position:absolute; top:10px; right:0; width:25px; height:50px;}.jobban .list .text{ font-size:15px;line-height:30px;}.job{ width:620px;}
.jobname span{ margin-right:30px;}
.team dl{ margin:0 0 25px 60px;}

.barul li{margin:0 30px 0 65px;}.design_content{ width:700px; }

}
/*iPads (portrait and landscape)*/
@media only screen and (min-width:768px) and (max-width:1024px)
{
  .w1200{ width:750px;}#top,.head,.banner,#bottoms,#footer{ min-width:750px;}.head .logo{width:220px;}.head .nav{ width:505px;}.head .nav ul li{ margin:0; height:75px; width:63px; font-size:14px;}.head .nav ul li .navi{ font-size:14px; padding:18px 0 0 0; height:57px;}.nav li .subnav{ display:none!important;}.banner{ height:350px;}.index_main{ padding:30px 0 40px 0;}.index_about{ width:100%; padding:0 0 20px 0;}.index_about .content{ height:50px;}.index_news{ width:380px; margin:0;}.index_case{ width:350px;}.slideBox{width:200px; height:140px;}.slideBox .bd li{ height:140px;}.slideBox .bd .name{width:110px;}.slideBox .bd img{ width:200px; height:140px; }.case_list{ margin-top:-5px;}  
  .leftwrap{ width:150px;}.leftwrap h1{ font-size:20px;}.leftwrap h1 span{ font-size:14px;}.rightwrap{ width:570px;}.about{ font-size:13px; line-height:26px;}.history .hd{ padding:0 40px; height:80px;}.history .hd .sNext,.history .hd .sPrev{ width:40px; height:80px;}.history .hd .sPrev span,.history .hd .sNext span{ margin-top:25px;}.history .hd li{ width:61px; padding:20px 0 0 0;}.history .bd li{ font-size:13px;}.honor { margin-left:-15px;}.honor dl{width:172px;padding: 0 2px 25px 20px;}.honor dt{ width:170px; height:170px; }.honor dd{ font-size:13px; line-height:20px; height:60px;}  
  .video{ width:550px;}.video .videoname{ height:50px;font-size:16px;line-height:50px;}
  .feedback li{ width:370px;}.feedback .input{ width:250px;}.feedback textarea{ width:620px;}
  .map{ width:450px; height:400px; }#dituContent{ width:450px!important; height:400px!important; border:0!important;}.contact_way{ width:280px;}
.contact_way h1{ font-size:16px; padding:0 15px; height:40px; line-height:40px;}.contact_way .content{ padding:10px 15px 80px 15px; font-size:13px; line-height:26px;}.contact_way .content h2{ font-size:15px;}

.news{margin-left:-30px;}.news dl{margin:0 0 30px 34px; width:265px;}.news dt{width:235px; height:205px;padding:30px 15px;}.news .description{ font-size:13px;line-height:24px; height:145px; margin:0 0 10px 0;}.news dl .img{ width:265px; height:265px;}.news dl .name{ font-size:14px; line-height:26px; height:52px;}
.newstitle{ font-size:18px;}.newstxt{ font-size:13px;}
.case{margin-left:-30px;}.case dl{margin:0 0 30px 34px; width:265px;}.case dt{width:265px; height:200px;}.case dl .img{ width:265px; height:200px;}.case dl .name{ font-size:14px; line-height:26px; height:52px;}

.jobban{margin-left:-3%;}.jobban .list{width:27%; padding:0 3%; height:270px;}.jobban .list h1{ font-size:18px;line-height:50px;}.jobban .list .ico{ position:absolute; top:10px; right:0; width:20px; height:42px;}.jobban .list .text{ font-size:14px;line-height:28px;}.job{ width:450px;}
.job_require p span{ display:inline; margin:0 20px 0 0;}
.team{ margin-left:-25px;}.team dl{width:232px; margin:0 0 25px 25px;}.team dt{ width:232px; height:162px;}.team dt a{width:230px; height:160px;}
.case_details{ width:100%;}
.detail_context_pic{width:570px;}.detail_context_pic_top{width:570px;}
.detail_context_pic_bot{width:568px;height:135px; padding:15px 0 0 0;}
.detail_picbot_left,.detail_picbot_right{margin:30px 0 0 0;}
.detail_picbot_mid{width:510px;height:114px;}
.detail_picbot_mid ul{height:114px;width:510px;}
.detail_picbot_mid ul li{height:114px;margin-left:22px;width:144px;}
.detail_picbot_mid ul li img{height:110px;width:140px;}
.barul li{margin:0 0 0 30px;}.design_content{ width:500px; font-size:13px;}

.team_txt{ font-size:16px;}
.team_details{ width:750px;}
.team_details .detail_context_pic{ width:750px;}
.team_details .detail_context_pic_top{ width:750px;}
.team_details .detail_picbot_left,.team_details .detail_picbot_right{ margin:17px 0 0 0;}
.team_details .detail_context_pic_bot{ width:748px; height:85px; padding:20px 0;}
.team_details .detail_picbot_mid,.team_details .detail_picbot_mid ul{ width:690px; height:84px;}
.team_details .detail_picbot_mid ul li{height:84px;margin-left:12px;width:124px;}
.team_details .detail_picbot_mid ul li img{height:80px;width:120px;}

}
/*iPads (portrait)*/
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation : portrait)
{
	
}
/*Smartphones (portrait and landscape)*/
@media only screen and (min-width:480px) and (max-width:768px)
{
	.w1200{ width:95%;}#top,.head,.banner,#bottoms,#footer{ min-width:95%;}.topleft{width:160px; display:none;}.topright{width:280px;}.topright a{ margin:0 0 0 5px;}.head .logo{width:28%; padding:30px 0 0 0;}.head .nav{ width:65%;}.head .nav ul li{ margin:5px 2% 0 0; width:23%; font-size:13px; height:35px;}.head .nav ul .firstli, .head .nav ul .lastli{ width:23%;}.head .nav ul li .navi{ height:35px; padding:0; line-height:35px; font-size:13px;}.head .nav ul li .navi span{ display:none;}.head .nav ul .firstli a:hover,.head .nav ul .lastli a:hover,.head .nav ul .firstli a.hover,.head .nav ul .lastli a.hover{ width:100%;}.nav li .subnav{ display:none!important;}.banner{ height:250px;}.index_main{ padding:30px 0 40px 0;}.index_about{ width:100%;}.index_about .content{ height:75px;}.index_news{ width:100%; margin:20px 0;}.index_case{ display:none;}.copyright{ width:100%; text-align:center; }.f_logo{ width:100%; text-align:center;}
	.insidebanner{ height:220px;}.wrapper{ padding:15px 0 50px 0;}
	.leftwrap{ float:none;width:100%; height:33px; margin:0 0 20px 0; position:relative;border-bottom:1px solid #dbdbdb;}.leftwrap h1{ display:none;}.leftwrap ul{ position:absolute;zoom:1; }.leftwrap ul:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.leftwrap li{ float:left; margin:0 15px 0 0; height:30px; line-height:30px; background:none; text-align:center; display:inline;}.leftwrap li a{ padding:0 5px;}.leftwrap li a:hover, .leftwrap li a.hover{ background:none; border-bottom:3px solid #0185d7; color:#333;}.leftwrap li span{ display:none;}.leftbottom{ display:none;}
	.rightwrap{ width:100%; float:none;}.righttop{ display:none;}
	.about{ font-size:13px; line-height:26px; padding:0;}
	.gallery2{ display:block;}.gallery{ display:none;}
	.history .gallery2 .hd{ padding:0 40px; height:70px;}.history .gallery2 .hd .sNext,.history .gallery2 .hd .sPrev{ width:40px; height:70px;}.history .gallery2 .hd .sPrev span,.history .gallery2 .hd .sNext span{ margin-top:20px; }.history .gallery2 .hd li{ width:25%; padding:20px 0 0 0; height:50px; font-size:12px;}.history .gallery2 .bd li{ font-size:13px;}	
	.honor { margin-left:-4%;}.honor dl{width:45%;padding: 0 0 15px 4.5%;}.honor dt{ width:100%; height:auto; }.honor dd{ font-size:12px; line-height:20px; height:60px;}	
	.video{ width:400px;}.video .videoname{ height:40px;font-size:14px;line-height:40px;}.video object,.video embed{ height:300px;}
	.insidecontent{ font-size:13px; line-height:28px;}.insidecontent h1{ font-size:15px;}
	.feedback li{ float:none; width:100%;}.feedback span{ width:20%;}.feedback .input,.feedback textarea{ width:76%;}
	.sitemap dl{ float:left; width:24.5%;}.sitemap dt{ font-size:16px;}.sitemap dd{ font-size:14px;}
	.contacttop{ height:40px; font-size:25px;}.contacttop span{font-size:15px;}
	.map{ float:none; width:98%; height:400px; margin:0 auto; }#dituContent{ width:100%!important; height:400px!important; }.contact_way{ float:none; width:98%; margin:0 auto 20px auto;}.contact_way h1{ font-size:16px; padding:0 30px; height:50px; line-height:50px;}.contact_way .content{ padding:10px 30px 80px 30px; font-size:13px; line-height:28px;}.contact_way .content h2{ font-size:15px;}

    .news{margin-left:-5%;}.news dl{margin:0 0 30px 5%; width:45%;}.news dt{width:90%; height:180px; background:url(../images/newshoverbg.png) repeat 0 0; padding:10px 5%;}
.news .description{ font-size:12px;line-height:20px; height:120px; margin:0 0 10px 0;}.news dl .img{ width:100%; height:200px;}.news dl .name{ font-size:12px; line-height:25px; height:50px;}.news .more a{ width:30px; height:30px;}
.casebody .leftwrap h1{ display:block; font-size:22px;}.casebody .leftwrap h1 span{ font-size:14px;}.casebody .leftwrap ul{ display:none;}.casemenu{ display:block;}

.case{margin-left:-5%;}.case dl{margin:0 0 30px 5%; width:45%;}.case dt{width:100%; height:200px; background:url(../images/newshoverbg.png) repeat 0 0;}.case dl .img{ width:100%; height:200px;}.case dl .name{ font-size:12px; line-height:25px; height:50px;}

.newstitle{ font-weight:normal; font-size:16px;}.newstxt{ font-size:13px;}.newstxt span{ margin:0 0 0 20px;}.newscontent{ padding:20px 0 50px 0; font-size:13px; line-height:28px;}.newspage{ font-size:13px;}
.jobban{margin-left:-3%;}.jobban .list{width:27%; padding:0 3%; height:350px;}.jobban .list h1{ font-size:15px;line-height:50px;}.jobban .list .ico{ position:absolute; top:10px; right:0; width:18px; height:38px;}.jobban .list .text{ font-size:14px;line-height:26px;}.job{float:none; width:98%; margin:0 auto;}
.jobname{ font-size:16px; line-height:60px; height:60px;}.jobname span{top:12px; right:30px;}
.team{ margin-left:-3%;}.team dl{ width:30%; margin:0 0 25px 3%;}.team dt{ width:100%; height:120px;}.team dt a{width:100%; height:100%;}.team dd{ line-height:24px; font-size:13px; height:48px;}
.teamloop .bd ul li img{ width:480px; height:480px;}.teamloop .bd ul li .title{font-size:14px;}#fancybox-wrap{ width:480px!important; height:480px!important; position:fixed!important; top:50%!important; left:50%!important; margin-left:-240px!important; margin-top:-240px!important;}.teamloop .hd{ width:480px!important; top:200px!important;}
.case_title{ font-size:15px;}
.case_details{ width:480px;}
.detail_context_pic{width:480px;}.detail_context_pic_top{width:480px;}
.detail_context_pic_bot{width:478px;height:115px; padding:15px 0 0 0;}
.detail_picbot_left,.detail_picbot_right{margin:20px 0 0 0;}
.detail_picbot_mid{width:420px;height:94px;}
.detail_picbot_mid ul{height:94px;width:420px;}
.detail_picbot_mid ul li{height:94px;margin-left:18px;width:119px;}
.detail_picbot_mid ul li img{height:90px;width:115px;}
.team_txt{ font-size:14px; line-height:30px;}
.team_details{ width:480px;}
.team_details .detail_context_pic{ width:480px;}
.team_details .detail_context_pic_top{ width:480px;}
.team_details .detail_picbot_left,.team_details .detail_picbot_right{ width:15px; height:32px; margin:15px 0 0 0;}
.team_details .detail_picbot_left a,.team_details .detail_picbot_right a{width:15px;height:32px;}
.team_details .detail_context_pic_bot{ width:478px; height:60px; padding:20px 0;}
.team_details .detail_picbot_mid,.team_details .detail_picbot_mid ul{ width:445px; height:59px;}
.team_details .detail_picbot_mid ul li{height:59px;margin-left:9px;width:79px;}
.team_details .detail_picbot_mid ul li img{height:55px;width:75px;}


.barul{ width:480px; margin:0 auto;}
.barul li{ float:left; width:120px; height:160px; margin:0 10px 0 30px;}
.barul li span{ display:block; width:120px; height:120px;line-height:120px;font-size:18px;}
.barul li.hover em{ left:50px; width:26px; height:23px;}
.design_content{ width:448px; padding:20px 15px; font-size:13px;line-height:28px;}

} 
/*Smartphones (portrait and landscape)*/
@media only screen and (min-width:360px) and (max-width:480px)
{
	.w1200{ width:360px;}#top,.head,.banner,#bottoms,#footer{ min-width:360px;}.topleft{width:100%; display:none;}.topright{width:100%; margin:5px 0; }.topright a{ color:#666;/* float:left; margin:0 20px 0 0;*/}/*.topright span{ float:left;}*/.head .logo{width:100%;}.head .nav{ width:100%; padding:10px 0 0 0;}.head .nav ul li{ margin:5px 2% 0 0; width:23%; font-size:13px; height:30px;}.head .nav ul .firstli, .head .nav ul .lastli{ width:23%;}.head .nav ul li .navi{ height:30px; padding:0; line-height:30px; font-size:13px;}.head .nav ul li .navi span{ display:none;}.head .nav ul .firstli a:hover,.head .nav ul .lastli a:hover,.head .nav ul .firstli a.hover,.head .nav ul .lastli a.hover{ width:100%;}.nav li .subnav{ display:none!important;}.banner{ height:200px;}.index_main{ padding:30px 0 40px 0;}.index_about{ width:100%;}.index_about .content{ height:75px;}.index_news{ width:100%; margin:20px 0;}.index_case{ width:100%; display:none;}.bottoms a{ margin:0 7px 0 0;}.copyright{ width:100%; line-height:20px; padding:20px 0 0 0; text-align:center;}.f_logo{ width:100%; text-align:center;}
	.insidebanner{ height:160px;}.wrapper{ padding:15px 0 50px 0;}
	.leftwrap{ float:none;width:100%; height:26px; margin:0 0 20px 0; position:relative;border-bottom:1px solid #dbdbdb;}.leftwrap h1{ display:none;}.leftwrap ul{ position:absolute;zoom:1; }.leftwrap ul:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.leftwrap li{ float:left; font-size:14px; margin:0 10px 0 0; height:25px; line-height:25px; background:none; text-align:center; display:inline;}.leftwrap li a{ padding:0; height:25px; line-height:25px;}.leftwrap li a:hover, .leftwrap li a.hover{ background:none; border-bottom:3px solid #0185d7; color:#333;}.leftwrap li span{ display:none;}.leftbottom{ display:none;}
	.rightwrap{ width:100%; float:none;}.righttop{ display:none;}	
	.about{ font-size:13px; line-height:26px; padding:0;}.about .img{ float:none; display:block; text-align:center; margin:0 0 20px 0;}
		.gallery2{ display:block;}.gallery{ display:none;}
	.history .gallery2 .hd{ padding:0 40px; height:70px;}.history .gallery2 .hd .sNext,.history .gallery2 .hd .sPrev{ width:40px; height:70px;}.history .gallery2 .hd .sPrev span,.history .gallery2 .hd .sNext span{ margin-top:20px; }.history .gallery2 .hd li{ width:25%; padding:20px 0 0 0; height:50px; font-size:12px;}.history .gallery2 .bd li{ font-size:13px;}
	.video{ width:360px;}.video .videoname{ height:30px;font-size:14px;line-height:30px;}.video object,.video embed{ height:250px;}
	.honor { margin-left:-4%;}.honor dl{width:45%;padding: 0 0 15px 4.5%;}.honor dt{ width:100%; height:160px; }.honor dd{ font-size:12px; line-height:20px; height:60px;}
	.insidecontent{ font-size:13px; line-height:28px;}.insidecontent h1{ font-size:15px;}
	.sitemap dl{ float:left; width:33%;}.sitemap dt{ font-size:15px;}.sitemap dd{ font-size:13px;}
	.feedback li{ float:none; width:100%;}.feedback span{ width:24%; padding-right:1%;}.feedback .input,.feedback textarea{ width:73%;}
	.contacttop{ height:40px; font-size:25px;}.contacttop span{font-size:15px;}
	.map{ float:none; width:358px; height:300px; margin:0 auto; }#dituContent{ width:100%!important; height:300px!important; }.contact_way{ float:none; width:358px; margin:0 auto 20px auto;}.contact_way h1{ font-size:16px; padding:0 20px; height:50px; line-height:50px;}.contact_way .content{ padding:10px 20px 80px 20px; font-size:13px; line-height:28px;}.contact_way .content h2{ font-size:15px;}	
	.news{margin-left:-5%;}.news dl{margin:0 0 30px 5%; width:45%;}.news dt{width:90%; height:130px; background:url(../images/newshoverbg.png) repeat 0 0; padding:10px 5%;}
.news .description{ font-size:12px;line-height:20px; height:80px; margin:0 0 5px 0;}.news dl .img{ width:100%; height:150px;}.news dl .name{ font-size:12px; line-height:25px; height:50px;}.news .more a{ width:25px; height:25px;}
.casebody .leftwrap h1{ display:block; font-size:18px;}.casebody .leftwrap h1 span{ font-size:12px;}.casebody .leftwrap ul{ display:none;}.casemenu{ display:block;}
.case{margin-left:-5%;}.case dl{margin:0 0 30px 5%; width:45%;}.case dt{width:100%; height:150px; background:url(../images/newshoverbg.png) repeat 0 0;}.case dt span{ display:block; width:40px; height:40px;margin:80px auto 0 auto;}.case dl .img{ width:100%; height:150px;}.case dl .name{ font-size:12px; line-height:25px; height:50px;}

.newstitle{ font-weight:normal; font-size:16px;}.newstxt{ font-size:13px; text-align:center;}.newstxt span{ margin:0 0 0 25px;}.span2{ padding:5px 0 0 0;display:block; text-align:center;}.newscontent{ padding:20px 0 50px 0; font-size:13px; line-height:28px;}.newspage{ font-size:13px;}
.jobban{margin-left:0;}.jobban .list{width:95%; padding:0 5% 0 0; margin:0 0 20px 0; height: auto;}.jobban .list h1{ font-size:18px;line-height:50px;}.jobban .list .ico{ position:absolute; top:10px; right:0; width:18px; height:38px;}.jobban .list .text{ font-size:14px;line-height:26px;}.job{ float:none; width:358px; margin:0 auto; }
.jobname{ font-size:15px; line-height:50px; height:50px;}.jobname span{ top:7px; right:20px;}.job_require{ padding:10px 20px;}.job_require p span{ display:block; width:100%;}
.team{ margin-left:-20px;}.team dl{width:167px; margin:0 0 20px 22px;}.team dt{ width:167px; height:117px;}.team dt a{width:165px; height:115px;}.team dd{ line-height:20px; font-size:13px; height:60px;}
.teamloop .bd ul li img{ width:360px; height:360px;}.teamloop .bd ul li .title{font-size:14px;}#fancybox-wrap{ width:360px!important; height:360px!important; position:fixed!important; top:50%!important; left:50%!important; margin-left:-180px!important; margin-top:-180px!important;}.teamloop .hd{ width:360px!important; top:150px!important;}
.case_title{ font-size:14px;}
.case_details{ width:360px;}.detail_context_pic{width:360px;}.detail_context_pic_top{width:360px;}
.detail_context_pic_bot{width:358px;height:90px; padding:20px 0 0 0;}
.detail_picbot_left,.detail_picbot_right{margin:10px 0 0 0;}
.detail_picbot_mid{width:300px;height:69px;}
.detail_picbot_mid ul{height:69px;width:300px;}
.detail_picbot_mid ul li{height:69px;margin-left:12px;width:84px;}
.detail_picbot_mid ul li img{height:65px;width:80px;}
.contextDiv span{ width:30px; height:50px;}
.team_txt{ font-size:14px; line-height:30px;}
.team_details{ width:360px;}
.team_details .detail_context_pic{ width:360px;}
.team_details .detail_context_pic_top{ width:360px;}
.team_details .detail_picbot_left,.team_details .detail_picbot_right{ width:12px; height:25px; margin:8px 0 0 0;}
.team_details .detail_picbot_left a,.team_details .detail_picbot_right a{width:12px;height:25px;}
.team_details .detail_context_pic_bot{ width:358px; height:39px; padding:15px 0;}
.team_details .detail_picbot_mid,.team_details .detail_picbot_mid ul{ width:330px; height:39px;}
.team_details .detail_picbot_mid ul li{height:39px;margin-left:6px;width:60px;}
.team_details .detail_picbot_mid ul li img{height:35px;width:56px;}

.barul{ width:360px; margin:0 auto;}
.barul li{ float:left; width:100px; height:130px; margin:0 0 0 15px;}
.barul li span{ display:block; width:100px; height:100px;line-height:100px;font-size:16px;}
.barul li.hover em{ left:40px;width:24px; height:20px;}
.design_content{ width:328px; padding:20px 15px; font-size:13px;line-height:28px;}

div.flickr a,div.flickr span {margin:0 2px; padding:0 10px;}
}


/*Smartphones (portrait and landscape)*/
@media only screen and (min-width:320px) and (max-width:360px)
{
	.w1200{ width:315px;}#top,.head,.banner,#bottoms,#footer{ min-width:315px;}.topleft{width:290px; height:20px;overflow:hidden; display:none;}.topright{width:100%; margin:5px 0; }.topright a{ /*float:left; */color:#666;/* margin:0 15px 0 0;*/}/*.topright span{ float:left;}*/.head .logo{width:100%;}.head .nav{ width:100%; padding:10px 0 0 0;}.head .nav ul li{ margin:5px 2% 0 0; width:23%; font-size:13px; height:30px;}.head .nav ul .firstli, .head .nav ul .lastli{ width:23%;}.head .nav ul li .navi{ height:30px; padding:0; line-height:30px; font-size:13px;}.head .nav ul li .navi span{ display:none;}.head .nav ul .firstli a:hover,.head .nav ul .lastli a:hover,.head .nav ul .firstli a.hover,.head .nav ul .lastli a.hover{ width:100%;}.nav li .subnav{ display:none!important;}.banner{ height:150px;}.index_main{ padding:30px 0 40px 0;}.index_about{ width:100%;}.index_about .content{ height:75px;}.index_news{ width:100%; margin:20px 0;}.index_case{ display:none;}.bottom a{ margin:0 5px 0 0;}.copyright{ width:100%; line-height:20px; padding:20px 0 0 0; text-align:center;}.f_logo{ width:100%; text-align:center;}
	.insidebanner{ height:150px;}.wrapper{ padding:15px 0 50px 0;}
	.leftwrap{ float:none;width:100%; height:26px; margin:0 0 20px 0; position:relative;border-bottom:1px solid #dbdbdb;}.leftwrap h1{ display:none;}.leftwrap ul{ position:absolute;zoom:1; }.leftwrap ul:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.leftwrap li{ float:left; font-size:13px;margin:0 6px 0 0; height:25px; line-height:25px; background:none; text-align:center; display:inline;}.leftwrap li a{ padding:0; height:25px; line-height:25px;}.leftwrap li a:hover, .leftwrap li a.hover{ background:none; border-bottom:3px solid #0185d7; color:#333;}.leftwrap li span{ display:none;}.leftbottom{ display:none;}
	.rightwrap{ width:100%; float:none;}.righttop{ display:none;}	
	.insidecontent{ font-size:12px; line-height:26px;}.insidecontent h1{ font-size:14px;}
	.about{ font-size:13px; line-height:26px; padding:0;}.about .img{ float:none; display:block; text-align:center; margin:0 0 20px 0;}
	.video{ width:310px;}.video .videoname{ height:30px;font-size:14px;line-height:30px;}.video object,.video embed{ height:220px;}
	.honor { margin-left:-4%;}.honor dl{width:45%;padding: 0 0 15px 4.5%;}.honor dt{ width:100%; height:140px; }.honor dd{ font-size:12px; line-height:20px; height:60px;}
		.gallery2{ display:block;}.gallery{ display:none;}
	.history .gallery2 .hd{ padding:0 40px; height:70px;}.history .gallery2 .hd .sNext,.history .gallery2 .hd .sPrev{ width:40px; height:70px;}.history .gallery2 .hd .sPrev span,.history .gallery2 .hd .sNext span{ margin-top:20px; }.history .gallery2 .hd li{ width:25%; padding:20px 0 0 0; height:50px; font-size:12px;}.history .gallery2 .bd li{ font-size:13px;}	
	.feedback li{ float:none; width:100%;}.feedback span{ width:24%; padding-right:2%; font-size:13px;}.feedback .input,.feedback textarea{ width:70%;}
	.sitemap dl{ float:left; width:33%;}.sitemap dt{ font-size:15px; margin:0 0 10px 0;}.sitemap dd{ font-size:13px;}
	.contacttop{ height:40px; font-size:20px;}.contacttop span{font-size:14px;}
	.map{ float:none; width:310px; height:250px; margin:0 auto; }#dituContent{ width:100%!important; height:250px!important; }.contact_way{ float:none; width:310px;margin:0 auto 20px auto;}.contact_way h1{ font-size:14px; padding:0 15px; height:40px; line-height:40px;}.contact_way .content{ padding:10px 15px 80px 15px; font-size:13px; line-height:28px;}.contact_way .content h2{ font-size:14px;}
	
	.news{margin-left:-5%;}.news dl{margin:0 0 30px 5%; width:45%;}.news dt{width:90%; height:120px; background:url(../images/newshoverbg.png) repeat 0 0; padding:10px 5%;}
.news .description{ font-size:12px;line-height:16px; height:80px; margin:0 0 5px 0;}.news dl .img{ width:100%; height:140px;}.news dl .name{ font-size:12px; line-height:20px; height:40px;}.news .more a{ width:20px; height:20px;}
.casebody .leftwrap h1{ display:block; font-size:18px;}.casebody .leftwrap h1 span{ font-size:12px;}.casebody .leftwrap ul{ display:none;}.casemenu{ display:block;}
.case{margin-left:-5%;}.case dl{margin:0 0 30px 5%; width:45%;}.case dt{width:100%; height:120px; background:url(../images/newshoverbg.png) repeat 0 0;}.case dt span{ display:block; width:35px; height:35px;margin:60px auto 0 auto;}.case dl .img{ width:100%; height:120px;}.case dl .name{ font-size:12px; line-height:20px; height:40px;}
.newstitle{ font-weight:normal; font-size:16px;}.newstxt{ font-size:13px; text-align:center;}.newstxt span{ margin:0 0 0 25px;}.span2{ padding:5px 0 0 0;display:block; text-align:center;}.newscontent{ padding:20px 0 50px 0; font-size:13px; line-height:28px;}.newspage{ font-size:13px;}
.jobban{margin-left:0;}.jobban .list{width:93%; padding:0 7% 0 0; margin:0 0 20px 0; height: auto;}.jobban .list h1{ font-size:16px;line-height:50px;}.jobban .list .ico{ position:absolute; top:10px; right:0; width:18px; height:38px;}.jobban .list .text{ font-size:13px;line-height:26px;}.job{ float:none; width:310px; margin:0 auto; }
.jobname{ font-size:15px; line-height:50px; height:50px;}.jobname span{ top:7px; right:20px;}.job_require{ padding:10px 20px;}.job_require p span{ display:block; width:100%;}
.team{ margin-left:-17px;}.team dl{width:152px; margin:0 0 20px 14px;}.team dt{ width:152px; height:102px;}.team dt a{width:150px; height:100px;}.team dd{ line-height:20px; font-size:13px; height:60px;}
.teamloop .bd ul li img{ width:320px; height:320px;}.teamloop .bd ul li .title{font-size:14px;}#fancybox-wrap{ width:320px!important; height:320px!important; position:fixed!important; top:50%!important; left:50%!important; margin-left:-160px!important; margin-top:-160px!important;}.teamloop .hd{ width:320px!important; top:100px!important;}
.case_title{ font-size:14px;}
.case_details{ width:320px;}.detail_context_pic{width:320px;}.detail_context_pic_top{width:320px;}
.detail_context_pic_bot{width:318px;height:80px; padding:15px 0 0 0;}
.detail_picbot_left,.detail_picbot_right{margin:5px 0 0 0;}
.detail_picbot_mid{width:260px;height:62px;}
.detail_picbot_mid ul{height:62px;width:260px;}
.detail_picbot_mid ul li{height:62px;margin-left:7px;width:79px;}
.detail_picbot_mid ul li img{height:58px;width:75px;}
.contextDiv span{ width:25px; height:45px;}
.team_txt{ font-size:14px; line-height:30px;}
.team_details{ width:320px;}
.team_details .detail_context_pic{ width:320px;}
.team_details .detail_context_pic_top{ width:320px;}
.team_details .detail_picbot_left,.team_details .detail_picbot_right{ width:10px; height:22px; margin:8px 0 0 0;}
.team_details .detail_picbot_left a,.team_details .detail_picbot_right a{width:10px;height:22px;}
.team_details .detail_context_pic_bot{ width:318px; height:39px; padding:15px 0;}
.team_details .detail_picbot_mid,.team_details .detail_picbot_mid ul{ width:295px; height:39px;}
.team_details .detail_picbot_mid ul li{height:39px;margin-left:4px;width:54px;}
.team_details .detail_picbot_mid ul li img{height:35px;width:50px;}

.barul{ width:320px; margin:0 auto;}
.barul li{ float:left; width:80px; height:110px; margin:0 0 0 20px;}
.barul li span{ display:block; width:80px; height:80px;line-height:80px;font-size:14px;}
.barul li.hover em{ left:35px;width:20px; height:17px;}
.design_content{ width:298px; padding:15px 10px; font-size:13px;line-height:28px;}

div.flickr a,div.flickr span {margin:0 2px; padding:0 10px;}
}


.default_pgContainer a:hover {
    font-family: 微软雅黑;
    text-decoration: none;
    color: rgb(255, 0, 0);
}
.tylmy2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #0185d7;
}
.new_link1 {
    font-size: 16px;
    line-height: 180%;
    font-weight: bold;
    color: rgb(102, 102, 102);
}
.new_link2 {
    font-size: 9pt;
    line-height: 180%;
    color: rgb(158, 158, 158);
}