﻿ul,li,p{ padding:0; margin:0; list-style:none;}
a{ color:#000; text-decoration:none;}
a:hover{ color:#666;}
img{ border:0;}
body{ padding:0; margin:0; font-family: Georgia, "Times New Roman", Times, serif; font-size:12px; color:#666;}
#top_bg{ height:102px; width:100%; position:fixed; z-index:999; left:0; padding:0; background:url(bk.gif) repeat-x center center; background-color:#fff; }
#top_bg_p{ height:136px; width:100%; position:fixed; z-index:999; left:0; padding:0; background:url(bk.gif) repeat-x center 26px; background-color:#fff; }
.top_box{}
.home{height:1px; color:#fff;  overflow: hidden;}
.top{width:1010px; margin:0 auto; padding:0 0 0px 0;}
.top_right{ float:right; width:555px; text-align:right; line-height:22px;}
.top_left{ float:left; width:455px;}
.s_top_right{ float:right; width:140px; padding:30px 0 0 0; color:#000; font-family: Verdana, Geneva, sans-serif;}
.logo{width:90px; height:96px; float:left;background:url(logo.png) no-repeat center 6px;}
.nav, .nav2{ padding:40px 0 0 0;}
.nav a, .nav2 a{ color:#000;}
.nav_b{ width:140px; float:left;}
.plist_nav{ clear:both; text-align:center; padding:10px 0 20px 0; font-size:15px; font-family:"微软雅黑", "黑体";}
.plist_nav a{ margin:0 10px; padding:0; width:25px; border:1px #b0b0b0 solid; padding:12px 15px;}
.plist_nav a:hover{  color:#F79A00; border:1px #F79A00 solid;}
.plist_nav .currclass a{ color:#F79A00; border:1px #F79A00 solid;}
.on{ text-decoration:underline; padding:0 0 40px 0;}
.on a{ color:#f79a00;}
.nav_s{ width:220px; float:left; height:80px;}
.nav p{ float:left; font-size:18px; margin:0 74px 0 0;}
.nav2 p{ float:left; font-size:18px; margin:0 0 0 72px;}
.top span{ margin:0 0 0 3px;}
.nav a:hover, .nav .currclass a, .nav2 a:hover, .p_list li a:hover{ color:#999; text-decoration:underline;}
#wrapper{ padding:102px 0 10px 0; width:1020px; margin:0 auto;}
#wrapper2{ padding:118px 0 10px 0; width:1020px; margin:0 auto;}
.wrapper{ width:1010px; margin:0 auto; padding:102px 0 10px 0; color:#000;}
.main_right{ float:right; width:850px;}
.main_left{ float:left; width:135px; position: fixed;}
.p_view{ padding:25px 0 15px 0;}
.p_view img{ max-width:850px; display:block; padding:0 0 12px 0; margin:0 auto;}
.p_t_right{ float:right; width:200px; border-left:1px #b0b0b0 solid; padding:7px 0 0 25px; color:#333;}
.p_t_right p{ padding:0 0 7px 0;}
.p_t_right span{ color:#000; font-family:"宋体"}
.p_t_left{ float:left; width:600px; line-height:24px; text-indent:25px; padding:5px 0 0 0;}
.p_t_left img{ max-width:580px;}
.p_list{ text-align:right; text-transform:uppercase;}
.p_list li{ margin:0 0 12px 0; padding:0 10px 0 0;}
.p_list li a{ display:block;}
.p_list li a:hover{ color:#F79A00; text-decoration:none;}
.p_list .currclass{ border-right:2px #F79A00 solid; padding:0 10px 0 0; color:#F79A00;}
.p_list .currclass a{ color:#F79A00;}
.company_p{ width:1010px; margin:0 auto; padding:15px 0 0 0;}
.company_p li{float:left; width:126px; margin:0 auto; padding:0 0 15px 0; text-align:center;}
.getpage{ padding:15px 0; font-size:12px;}
.wx{ text-align:center; width:200px; margin:0 auto; font-family:arial;}
.wx h3{ padding:0; margin:0; background:url(wx.jpg) no-repeat center top; height:125px;}
.contact_view{ padding:25px 0 0 0; font-family:"arial"}
.c_right{ float:right; width:290px;}
.c_right p{ padding:0 0 10px 0;}
.c_left{ float:left; width:660px;}
.need{ padding:20px 0 0 0;}
.need table{ margin:0 0 20px 0;}
.need td{ padding:0 0 10px 0;}
.submit{ background-color:#777; display:block; border:0; padding:3px; color:#fff; cursor:pointer; width:50px; height:32px; margin:0 auto; font-size:16px;}
.upfile{ width:150px; border:1px #c0c0c0 solid; height:22px; line-height:22px; padding:0 0 0 5px;}
.need font{ margin:0 5px 0 0; font-size:12px;}
.serice_view{ font-size:14px; line-height:30px; padding:25px 0 0 0;}
.v_title h5{ text-align:center; display:block; font-size:18px; font-family:arial; padding:25px 0 0 0; margin:0;}
.v_list{ padding:7px 0 0 0;}
.v_list li{ float:left; width:300px; border:1px solid #d0d0d0;border-radius: 5px 6px 7px 8px; padding:10px; margin:0 8px;}
.v_list .title{ font-size:14px; padding:0 0 10px 0; font-family:"黑体"; font-size:17px;}
.v_list .pic{ height:150px; overflow:hidden; width:300px; text-align:center;}
.v_list .pic img{ max-width:300px;}
.v_list .view{ color:#999; line-height:18px; padding:8px 0; border-bottom:1px #d0d0d0 solid; height:55px;}
.v_list p{ padding:7px 0 0 0; background:url(view.gif) no-repeat right 7px; height:17px;}
.v_view{ padding:25px 0 15px 0; line-height:24px; color:#333;}
.v_view p{ padding:5px 0;}
.v_view img{ width:850px;}
.bottom{ text-align:right; color:#fff; clear:both;}
.anli_title{ font-size:19px; text-align:left; border-bottom:1px #b0b0b0 solid; padding:10px 0 15px 15px; color:#000; font-family:"黑体"}
.anli_title span{ background:url(anli_title.gif) no-repeat right center; width:106px; display:block;}
#bottom{ width:1020px; height:50px; background:url(brand_bk.gif) repeat-x center 5px; margin:0 auto; margin-top:10px; clear:both;}
.s_brand{text-align:center;font-family:"黑体"; font-size:15px; color:#666; background-color:#fff; width:310px; margin:0 auto;}
#main{ padding:130px 0 20px 0; width:1010px; margin:0 auto;}
.email_ico{ background:url(email.png) no-repeat right 3px; padding:0 25px 0 0;}
.tel_ico{ background:url(tel.png) no-repeat right 2px; padding:0 25px 0 0;}
.about_view{ line-height:24px; font-size:14px;}
.about_view p{}
.work_show{ line-height:22px; clear:both; padding:5px 0 0 0;}
.work_show p{ padding:7px 0;}
.pic_copy{text-align:center; color:#999;}
.box {  margin-bottom:20px;  float: left; width:324px; margin:0 5px;}
.box img { width:324px; height:250px; margin:0 0 20px 0}
.box li{ clear:both;}
.box p{ padding:7px; text-align:center;}
.box a{border:1px #f0f0f0 solid; display:block; padding:2px; color:#666;}
.box a:hover{ border:1px #f46a93 solid; color:#e50044;}
.work_t{ text-align:right; padding:10px 0; border-bottom:1px #999 solid;}
.work_t span{ margin:0 0 0 20px; padding:0 0 0 25px;}
.company_ico{ background:url(company_ico.png) no-repeat left top;}
.hit_ico{ background:url(hit_ico.png) no-repeat left top;}
.work_title{  border-bottom:1px #999 solid; padding:15px 0 10px 0; }
.work_title p{width:570px; line-height:22px; text-align: justify; text-align-last:justify; float:right;}
.fenye{ padding:25px 0 15px 0; color:#666; clear:both;}
.fenye a{ margin:0 3px; color:#666; border:1px #f0f0f0 solid; padding:2px 5px;}
.fenye a:hover{ color:#f79a00; }
.fenye .curr{ color:#f79a00; border:1px #f0f0f0 solid; font-weight:bold;}
.clear{ clear: both;}
#masonry{ clear:both;}
.cd-top {  display: inline-block; height:60px; width:60px; position:fixed;  bottom:40px; right: 10px; overflow: hidden; text-indent:100%; white-space: nowrap; background: url(top.gif) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s;  transition: all 0.3s;}
.cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1;}
.no-touch .cd-top:hover { background-color: #e86256; opacity: 1;}
@media only screen and (min-width: 768px){ .cd-top { right: 20px; bottom: 20px;}
}
@media only screen and (min-width: 1024px) { .cd-top { height: 60px; width: 60px; right: 30px; bottom: 30px;}}
.section{width:1052px;margin:auto;overflow:hidden; padding:15px 0 0 0;}
.section li{float:left;margin-right:13px;margin-bottom:13px;display:inline;width:330px;height:232px;overflow:hidden;position:relative; border:1px #e0e0e0 solid;}
.section li .photo{overflow:hidden;}
.section .rsp{overflow:hidden;position: absolute;background:url(img_bk.png) repeat left top;top:0px;left:0px;}
.section .text{position:absolute;left:-340px;top:0px;overflow:hidden;}
.section .text h2{width:330px;margin-top:98px;text-align:center;color:#fff;font-family:"宋体";font-size:20px; font-weight: bold; padding:0;}
.section .text h3{width:330px;text-align:center;color:#f0f0f0;font-family:"Georgia";font-size:12px; font-weight:normal; margin:0; padding:0;}
.section li a{ display:block; cursor:pointer;}
.section ul li, .section ul li .photo, .section .rsp, .section .text, .section a, .section img{ width:330px; height:232px;}
.jigou{}
.jigou li{ border-bottom:1px #d0d0d0 dashed; padding:25px 0; font-size:13px; line-height:22px;}
.ji_right{ float:right; width:780px;}
.ji_right p{ color:#333; padding:0 0 7px 0;}
.ji_left{ float:left; width:150px; text-align: center; font-size:17px; font-weight:bold; border-right:1px #d0d0d0 solid; padding:0 10px 0 0;}
.ji_left p{ padding:3px 0 0 0;}
.ji_left a{ width:80px; margin:0 auto; display:block;}