.container{ width: 1000px; background: none transparent scroll repeat 0% 0%; margin: 0px auto; padding : 0px; }
#top{ width: 100%; height: 105px; background: url(../images/navbg.png) repeat-x; }
.container:before,.container:after,.row:after, .row:before { display: table; content: " "; }
.container:after { clear: both; }
.header{ height: 103px; }
.header .logo{ padding: 0; margin: 27px 10px 0 0; width: 191px; height: 70px; float: left; }
.header .logo img{max-height: 100%;max-width: 100%;}
.header .nav{float: left;width: 688px;}
.header .tel{float: right;width: 104px;height: 73px;padding: 30px 0 0 0px;}
.header .nav>ul{ margin: 0; padding: 0 0 0 2px; width: 100%; height: 103px;background: url(../images/nav_bg.png) no-repeat left center;}
.header .nav>ul>li { float: left;height: 103px; line-height: 103px;}
.header .nav>ul>li>a { display: block; padding: 0px; text-align: center; text-decoration: none; width: 98px; height: 103px;color: #fff; white-space: nowrap; background: url(../images/nav_bg.png) no-repeat right center; font-size: 14px;}
.header .nav>ul>li>a:hover{ color: #fff; background: #d87e42; }
.header .nav>ul>li ul{padding: 10px 0px; width: 98px; position: absolute; visibility: hidden; filter: alpha(Opacity=90); -moz-opacity: 0.7; opacity: 0.7; background: #d87e42; z-index: 11;}
.header .nav>ul>li:hover ul{visibility: visible;}	
.header .nav>ul>li ul li a{ font-size: 12px; padding: 0px; height:30px; line-height: 30px; display: block; text-align:center; color: #fff; background: #d87e42; text-decoration: none; }		
.header .nav>ul>li ul li a:hover{ padding: 0px; color: #fff; background: #18191b; }
.header .tel label,.header .tel strong{display: block; color: #fff;font-size: 12px;height: 22px;line-height: 20px;}
.header .tel strong{font-size: 16px;line-height: 22px;font-family: 'Century Gothic', Arial, sans-serif;color: #FA9F31;}
.banner{width: 100%; position: relative;}
.main-flex-slider{ position: relative; }
.main-flex-slider .flex-control-nav { bottom: 10px; margin: 0; height: 14px; z-index: 10; }
.main-flex-slider .flex-control-paging li a{ background-color: rgba(255,255,255,0.7) !important; width: 26px; height: 8px; display: block; background: rgba(255,255,255,0.1); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; box-shadow: none; }
.main-flex-slider .flex-control-paging li a.flex-active{ background-color:#29ABE2 !important; }
.content{width: 100%;position: relative;margin-top: 33px;}
.content:after { content: ''; display: table; clear: both; }
.content .about_box,.content .case_box,.content .contact_box{float: left;width:323px; }
.content .about_box{margin-right: 10px;}
.content .case_box{width: 397px;}
.content .contact_box{width: 270px;}
.content .about_box .hd,.content .case_box .hd,.content .contact_box .hd{height: 36px; line-height: 35px;}
.content .about_box .bd,.content .case_box .bd,.content .contact_box .bd{padding: 10px 0 10px 0;}
.content .about_box .hd .more,.content .case_box .hd .more,.content .contact_box .hd .more{width: 35px; height: 10px;float: right;background: url('../images/more.png') no-repeat; text-indent: -999em;margin: 13px 0 0 0;display: none;}

.content .about_box .hd h3{text-indent: -999em;float: left;background: url('../images/about_title.png') no-repeat;height: 36px;width: 297px;}
.content .case_box .hd h3{text-indent: -999em;float: left;background: url('../images/yunli_title.png') no-repeat;height: 36px;width: 226px;}
.content .contact_box .hd h3{text-indent: -999em;float: left;background: url('../images/contact_title.png') no-repeat;height: 36px;width: 240px;}

.content .about_box .bd{line-height: 2em;}
.content .about_box .bd img{float: left;padding: 2px;margin: 3px 12px 5px 0;width: 150px;}

.content .case_box .bd{height: 199px;width: 397px;position: relative;}
.content .case_box .bd .scrollcontainer { width: 377px; height: 179px; overflow: hidden; position: relative; margin:0 10px; }
.content .case_box .bd .scrollcontainer ul { width: 20000px; position: absolute; left: 0px; top: 0px; }
.content .case_box .bd .scrollcontainer li { float: left; width: 198px; height: 179px; text-align: center; }
.content .case_box .bd .scrollcontainer li a.pic{padding: 2px;width: 198px; height: 156px;float: left;}
.content .case_box .bd .scrollcontainer li img{max-width: 100%;max-height: 100%;}
.content .case_box .bd .scrollcontainer li a.title{text-align: center;width: 100%;float: left;}
.content .case_box .bd .abtn{display: none;}

.content .contact_box .bd{padding: 10px;}
.content .contact_box .bd li{line-height: 25px;}
.content .contact_box .bd .qrcode{width: 100px;}

/*尾部*/
.footer{width: 100%;height: 146px;background: url('../images/bottombg.jpg') repeat;margin-top: 20px;}
.footer .article_list{text-align: center;padding: 27px 0 0 0;}
.footer .article_list li {display: inline-block;}
.footer .article_list li a{border-left: 1px solid #bbb;padding: 0px 15px;color: #bbb}
.footer .site_info{padding: 20px 0 0 0;text-align: center;color: #bbb;}
.footer .site_info a{color: #bbb;}

/*分类*/
.left{width: 220px;float: left;}
.left .box{width: 220px;}
.left .box .hd{height: 38px;background: url('../images/box_title.png') no-repeat left center;}
.left .box .hd h3{padding-left: 33px;font-size: 14px;color: #e0e0e0;line-height: 36px;}
.left .box .bd{padding: 15px;background: url('../images/box_bg.gif') repeat;}
.left .box .bd li{ display: block; text-decoration: none; height: 32px; font-size: 12px; line-height: 30px; text-align: center; background: url(../images/pagemenu.png) 0px 0px no-repeat; color: #505050; }
.left .box .bd li:hover,.left .box .bd li.active{ background:url(../images/pagemenu_now.png) 0px 0px no-repeat; color:#505050; }
.left .contact .bd li{height: auto;background: none;text-align: left;}
.left .contact .bd li:hover{background: none;}
.left .contact .bd .qrcode{width: 100px;}

.right{background: #fff;float: left;width: 780px;min-height: 523px;}
.right .ur_here{background: url('../images/ur_here.png') no-repeat; height: 43px;}
.right .ur_here h4{float: left;padding: 8px 0px 0px 38px;}
.right .ur_here .exra{float: right;background: url('../images/ur_here.png') -1150px 0px no-repeat;width: 50px;height: 40px;}
.right .context{padding: 20px;margin: 10px 0;line-height: 25px;text-indent: 2em;}
.right .context img{float: right;padding: 0px 0px 5px 21px;}

.right .img_list,.right .content_box,.right .article_list,.right .small_img_list,.right .hr_list,.right .content_job{padding: 20px;margin: 10px 0;}
.right .img_list li{ float: left; margin: 0px 16px 10px 0px; text-align: center; }
.right .img_list li .pic{ border: 0px #b1b1b1 solid; background: #f7f7f7; padding: 1px; text-align: center; width: 200px; height: 150px;}
.right .img_list li .pic img{max-width: 200px;max-height: 150px;min-height: 150px;}
.right .img_list li .title{ white-space: nowrap; overflow: hidden; text-align: center; }

.right .content_box h2{font-size: 22px;line-height: 80px;text-align: center;}
.right .content_box .info{text-align: center;margin:5px 0 10px 0;  border: 1px #e8e8e8 solid;background-color: #f7f7f7;height: 28px; line-height: 28px;}
.right .content_box .info span{margin: 0 2px;}
.right .content_box .contents{line-height: 25px;text-indent: 2em;margin-top: 10px; overflow: hidden;}
.right .content_box .contents img{display: block;margin: 0 auto;clear: both;max-width: 100%;}

.right .article_list li{ height: 36px; font-size: 12px; overflow: hidden; line-height: 28px; background: url(../images/line.jpg) 0px 0px no-repeat; padding-left: 22px;}
.right .article_list li .title{float: left;}
.right .article_list li .time{ float: right; white-space: nowrap; overflow: hidden; }

/*分页*/
.pagination{ clear: both; padding: 0px; margin: 20px 0px; width: 100%; height: 30px; white-space: nowrap; text-align: center;}
.pagination a,.pagination span{ color: #303030; background-color: #dcd9d4; padding: 3px 10px 1px 10px; white-space: nowrap; border: 1px #dcd9d4 solid;  margin: 3px;  display: inline-block; }
.pagination span.current{ background: #FA9F30; color: #fff; }

.input{border:1px #ddd solid;height:25px;line-height:25px;padding:0px 3px;color:#555;background:#fbfbfb;margin: 5px 0;}
.textarea{border:1px #ddd solid;font-size:12px;padding:3px;color:#555;background:#fbfbfb}
.button{border:1px #ddd solid;font-size:12px;height:22px;line-height:20px;padding:0px 3px;background:#f7f7f7;}
.submit{border:1px #ddd solid;font-size:12px;height:22px;line-height:20px;padding:0px 3px;background:#f7f7f7;}

.common_form .input,.common_form textarea{width: 399px;}
.common_form .small-input{ width: 120px; float: left; margin-left: 24px; margin-top: 12px; }
.common_form .verifyimg{height: 50px;float: left!important;}

/*友情链接*/
.right .small_img_list li{float: left; margin: 0px 16px 10px 0px; text-align: center; }
.right .small_img_list li img{max-width: 90px;max-height: 31px;min-height: 31px;}
/*招聘*/
.right .hr_list li{ padding-left: 10px; height: 35px; }
.right .hr_list li.cap{ border-bottom: 2px #e8e8e8 solid; background: #f5f5f5; }
.right .hr_list .bt { float: left; line-height: 35px; margin-right: 20px; }
.right .hr_list .cl { float: right; width: 50px; line-height: 35px; }
.right .hr_list .au { float: right; width: 90px; line-height: 35px; }
.right .hr_list .bk { float: right; width: 130px; line-height: 35px; }
/*工作详情*/
.right .content_job{margin: 10px 20px;}
.right .content_job ul{margin-bottom: 15px;}
.right .jobintro { margin: 0px 0px; border-top: 1px #ddd solid; border-bottom: 1px #ddd solid; padding: 15px 3px; }
.right .jobtit { margin: 5px 0px; background: url(../images/downarr.gif) 60px no-repeat; }
.right .jobcontact { margin: 15px 0px; }

.m .container{ width: 1258px; }
.m .header .nav{width: 877px;}
.m .header .nav>ul>li>a {width: 125px;}
.m .header .logo{margin: 22px 41px 0 0;width: 230px;}
.m .header .nav>ul>li ul{width: 125px; }
.m .content .about_box{width: 343px;}
.m .content .case_box{width: 605px;margin-right: 10px;}
.m .content .case_box .bd{width: 605px;}
.m .content .case_box .bd .scrollcontainer{width: 585px;}
.m .content .about_box .hd .more,.m .content .case_box .hd .more,.m .content .contact_box .hd .more{display: block;}
.m .content .contact_box{width: 290px;}

.m .right{width: 1038px;}
.m .right .img_list li{margin: 0px 49px 20px 0px;}