@charset "utf-8";
/* CSS Document */

div {
    /*margin: 0 auto*/
}

* {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
}

* {
    font-family: 微软雅黑, iconfont !important;
}

body {
    font: 14px 微软雅黑, SimHei, SimSun, Verdana, Arial, Helvetica, sans-serif;
    overflow-x: hidden;
}

blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul {
    margin: 0;
    padding: 0
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
    color: #222
}

address, cite, dfn, em, var {
    font-style: normal
}

code, kbd, pre, samp {
    font-family: courier new, courier, monospace
}

small {
    font-size: 12px
}

s ol, ul {
    list-style: none
}

a {
    text-decoration: none;
    color: #2b2b2b;
}


sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

legend {
    color: #000
}

fieldset, img {
    border: 0;
}

button, input, select, textarea {

}

table {
    border-collapse: collapse;
    border-spacing: 0
}


.w1180 {
    width: 1180px;
    margin: 0 auto;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clear {
    clear: both;
}

.index_t {
       text-align: center;
    line-height: 35px;
    padding: 50px 32px 40px 0;
    
    background: #000000;
}

.index_t div {
    font-size: 48px;
    color: #ffffff;
}

.index_t h2 {
    font-size: 30px;
   color: #f7f7f7;
}

/*广告*/
.ggbg img {
    width: 100%;
}

.liuyan {
    position: fixed;
    bottom: 40px;
    right: 40px;
}

/*top*/
.top {
    height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #eee;
    color: #2b2b2b;
}

.top a {
    line-height: 35px;
}

/*热门关键词*/
.main-keywords {
    background: #efefef;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}

.main-keywords h1 {
    width: 1280px;
    margin: 0 auto;
    background: #e6e6e6;
    padding: 0 10px;
}

.main-keywords h1:before {
    content: '热门关键词: ';
}

.product-classifies {
    margin: 20px auto;
    height: 40px;
}

.product-classifies li {
    float: left;
    height: 40px;
    width: 100px;
    margin-right: 10px;
}

.product-classifies li a {
    display: block;
    height: 40px;
    color: #333;
    border: 1px solid #cecece;
    line-height: 40px;
    text-align: center;
}

/*head&nav*/
.head {
    height: 120px;
}

.head .logo {
    padding-top: 20px;
}

.head .tel {
    padding-top: 25px;
}

.nav {
    font-size: 0;
    background-size: 100%;
    background: #000000;
}

.nav .breadcrumbnav {
 
}

.nav .breadcrumbnav li {
    display: inline-block;
    text-align: center;
        width: 196px;
    height: 50px;
    line-height: 50px;
    position: relative;
}

.nav .breadcrumbnav li a {
    font-size: 16px;
    
    color: #fff;
}

.nav .breadcrumbnav li:hover {
    background: #d91b0c;
}

.nav .breadcrumbnav .nav_list {
    position: absolute;
    left: 0;
    right: 0;
    top: 50px;
        background: #000000;
    display: none;
    z-index: 9999;
}

.nav .breadcrumbnav .nav_list a {
    color: #fff;
    font-size: 16px;
}

.nav .breadcrumbnav li:hover .nav_list {
    display: block;
}

/*banner*/

.banner {
    width: 100%;
    height: 560px;
    font-size: 0;
    overflow: hidden;
    position: relative;
}

.banner_img {
    width: 100%;
    height: 560px;
    position: absolute;
    left: 0;
    top: 0;
}

.banner_img li {
    width: 100%;
    height: 560px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    float: left;
    list-style: none;
}

.banner_list {
    height: 50px;
    bottom: 0px;
    position: absolute;
    margin: 0 auto;
    z-index: 1;
    left: 0;
    right: 0;
}

.banner_list span {
    display: block;
    cursor: pointer;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 3px solid #555;
    float: left;
    margin: 0 5px;
}

.banner_list .spcss {
    border: 3px solid yellowgreen;
}

.banner_left {
    position: absolute;
    height: 90px;
    width: 60px;
    top: 50%;
    left: -60px;
    background-color: rgba(73, 72, 62, 0.6);
    margin-top: -45px;
    text-align: center;
    transition: all .5s;
    z-index: 2;
}

.banner_left:hover {
    background-color: rgba(73, 72, 62, 0.9);
}

.banner_right {
    position: absolute;
    height: 90px;
    width: 60px;
    top: 50%;
    right: -60px;
    background-color: rgba(73, 72, 62, 0.6);
    margin-top: -45px;
    text-align: center;
    transition: all .5s;
    z-index: 2;
}

.banner_right:hover {
    background-color: rgba(73, 72, 62, 0.9);
}

.banner_left img {
    margin-top: 22px;
}

.banner_right img {
    margin-top: 22px;
}

/*about*/
.about_bg {
    padding: 40px 0 20px 0;
}

.about_bg .fl img {
    width: 560px;
}

.about_bg .fr {
    width: 680px;
}

.about_bg .fr h2 {
    font-size: 30px;
    color: #333333;
}

.about_bg .fr div {
    color: #999999;
    font-size: 16px;
    
    padding-bottom: 30px;
}

.about_bg .fr p {
    font-size: 14px;
    
    color: #999999;
    line-height: 35px;
}

/*优势*/
.youshi {
    font-size: 0;
    text-align: center;
    padding: 40px 0;
}

.youshi ul li {
    float: left;
    width: 25%;
}

.youshi ul li h3 {
    font-size: 20px;
    color: #333333;
    line-height: 35px;
    font-weight: bold;
    padding: 20px 0 5px 0;
}

.youshi ul li p {
    font-size: 14px;
    color: #999999;
    
    line-height: 25px;
    padding: 0 60px;
}

/*产品展示*/
.product_bg {
    background: #f0f0f0;
    padding: 40px 0 20px 0;
}

.pro_show {
    width: 1280px;
}

.pro_show_n li p {
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    display: block;
}

.pro_show_n li {
    width: 305px;
    float: left;
    text-align: center;
    margin-right: 20px;
    margin-bottom: 20px;
}

.pro_show_n li:nth-child(4n) {
    margin-right: 0;
}

.pro_show_n li a {
    overflow: hidden;
    font-size: 16px;
    
    color: #2b2b2b;
}

.pro_show_n li a.picshow1 {
    width: 262px;
    height: 213px;
    overflow: hidden;
    display: block;
}

.pro_show_n li img {
    width: 100%;
    overflow: hidden;
}

.pro_show_n li h4 {
    
    font-size: 16px;
    line-height: 35px;
    color: #2b2b2b;
}

div#link_logo {
    overflow: hidden;
    width: 100%;
    height: 500px;
}

div#link_logo1 {
    overflow: hidden;
}

/*案例*/
.case_bg {
    padding: 60px 0 20px 0;
    font-size: 0;
}

.case_bg .index_t {
    text-align: left;
    padding-top: 0;
}

.case_bg .case_l {
    width: 615px;
}

.case_bg .case_r {
    width: 610px;
}

.case_bg .case_l ul li {
    margin-bottom: 40px;
}

.case_bg .case_l ul li .fl {
    width: 100px;
    -webkit-text-stroke: 1px #b8b8b8;
    color: #fff;
    font-weight: bold;
    font-size: 90px;
    line-height: 90px;
}

.case_bg .case_l ul li .fr {
    width: 460px;
}

.case_bg .case_l ul li .fr h3 {
    font-size: 20px;
    color: #333333;
    padding-bottom: 10px;
}

.case_bg .case_l ul li .fr p {
    font-size: 16px;
    color: #999999;
    line-height: 25px;
    
}

.case_bg .case_r img {
    width: 100%;
}

.case_com {
    background: #d91b0b;
    color: #fff;
    font-size: 20px;
    
    line-height: 35px;
    text-align: center;
    padding: 40px 0;
}


/*新闻*/
.new_bg {
    padding: 40px 0 20px 0;
}

.new_bg ul li {
    float: left;
    width: 410px;
    margin-right: 25px;
}

.new_bg ul li:nth-child(3n) {
    margin-right: 0;
}

.new_bg ul li img {
    width: 100%;
    height: 250px;
}

.new_bg ul li h2 {
    font-size: 20px;
    line-height: 50px;
    color: #333333;
}

.new_bg ul li p {
    font-size: 16px;
    color: #2b2b2b;
    line-height: 25px;
    
}

.new_bg ul li div {
    font-size: 16px;
    color: #2b2b2b;
    line-height: 25px;
    
    padding-top: 30px;
}

/*首页留言*/
.index_message {
        background: #000000;
    height: 320px;
    margin-bottom: 220px;
}

.index_message .index_t h2 {
    color: #fff;
}

.index_message .form-group {
    float: left;
    width: 300px;
    margin-bottom: 30px;
    margin-right: 150px;
}

.index_message .form-group:nth-child(3n) {
    margin-right: 0;
}

.index_message form {
    background: #fff;
    padding: 40px;
    box-shadow: 1px 1px 10px #ebebeb;
    margin-bottom: 80px;
}

.index_message p {
    font-size: 16px;
    color: #999999;
    line-height: 30px;
}

.index_message span {
    color: red;
    padding-right: 5px;
}

.index_message .form-group input {
    width: 300px;
    line-height: 40px;
    height: 40px;
    background: #eeeeee;
    text-indent: 10px;
}

.index_message .form-group textarea {
    width: 800px;
    background: #eeeeee;
    height: 80px;
    line-height: 25px;
    text-indent: 10px;
}

.index_message .submit {
    float: right !important;
    width: 185px !important;
}

.index_message .submit button {
    background: #d91b0b;
    color: #fff;
    font-size: 16px;
    
    line-height: 45px;
    margin-top: 30px;
}

.index_message .submit div p {
    font-size: 16px;
    color: #999999;
    line-height: 30px;
    text-align: right;
    margin-top: 80px;
}

/*company*/
.company {
    margin-bottom: 60px;
}

.sort_list {
    margin-top: 40px;
}

.sort_list .sort_list_l {
    width: 290px; 
}

.sort_list .sort_list_l .index_t {
    text-align: right;
}

.sort_list .sort_list_l .index_t div {
    font-size: 48px;
    margin-bottom: 10px;
}

.sort_list .sort_list_l .index_t h2 {
    font-size: 30px;
}

.sort_list .sort_list_l ul {
    background: #efefef;
}

.sort_list .sort_list_l ul li a {
    color: #2b2b2b;
    font-size: 16px;
    line-height: 50px;
    padding: 0 20px;
    border-bottom: 1px solid #e0e0e0;
    display: block;
}

.sort_list .sort_list_l ul li:hover a {
    background: #d91b0b;
    color: #fff;
}

.sort_list_l_phone {
    background: #000002;
    padding: 30px;
}

.sort_list_l_phone .fl {
    width: 58px;
}

.sort_list_l_phone .fr {
        width: 158px;
}

.sort_list_l_phone div {
    color: #fff;
    font-size: 16px;
    
}

.sort_list_l_phone p {
    font-weight: bold;
    font-size: 26px;
}

.sort_list_r {
    width: 830px;
    padding-top: 50px;
}

.breadcrumb {
    padding-bottom: 20px;
}

.breadcrumb li {
    display: inline-block;
}

.breadcrumb li:after {
    content: '>';
}

.breadcrumb li:last-child:after {
    content: '';
}

.breadcrumb li a {
    font-size: 14px;
    color: #2b2b2b;
}

.page_content {
        font-size: 16px;
    color: #2b2b2b;
    line-height: 35px;
}

/*留言*/
.message_form .form_group {
    line-height: 40px;
    margin-bottom: 20px;
    vertical-align: top;
}

.message_form .form_group input {
    line-height: 40px;
    border: 1px solid #999;
    width: 400px;
    border-radius: 5px;
}

.message_form .form_group textarea {
    width: 400px;
    border: 1px solid #999;
    line-height: 30px;
    border-radius: 5px;
}

/*分页*/
.sort_news_right .sort_news_list .pagination {
    text-align: center;
}

.sort_news_right .sort_news_list .pagination .page-item {
    display: inline-block;
    height: 30px;
    width: 30px;
    text-align: center;
    color: #2b2b2b;
    font-size: 16px;
    line-height: 30px;
}

.sort_news_right .sort_news_list .pagination .page-item:first-child {
    border: 1px solid #999999;
    border-radius: 50%;
}

.sort_news_right .sort_news_list .pagination .page-item:last-child {
    border: 1px solid #999999;
    border-radius: 50%;
}

.sort_news_right .sort_news_list .pagination .page-item span {
    font-size: 16px;
}

.sort_product_right .sort_product_list .pagination {
    text-align: center;
}

.sort_product_right .sort_product_list .pagination .page-item {
    display: inline-block;
    height: 30px;
    width: 30px;
    text-align: center;
    color: #2b2b2b;
    font-size: 16px;
    line-height: 30px;
}

.sort_product_right .sort_product_list .pagination .page-item:first-child {
    border: 1px solid #999999;
    border-radius: 50%;
}

.sort_product_right .sort_product_list .pagination .page-item:last-child {
    border: 1px solid #999999;
    border-radius: 50%;
}

.sort_product_right .sort_product_list .pagination .page-item span {
    font-size: 16px;
}

.sort_case_right .sort_case_list .pagination {
    text-align: center;
}

.sort_case_right .sort_case_list .pagination .page-item {
    display: inline-block;
    height: 30px;
    width: 30px;
    text-align: center;
    color: #2b2b2b;
    font-size: 16px;
    line-height: 30px;
}

.sort_case_right .sort_case_list .pagination .page-item:first-child {
    border: 1px solid #999999;
    border-radius: 50%;
}

.sort_case_right .sort_case_list .pagination .page-item:last-child {
    border: 1px solid #999999;
    border-radius: 50%;
}

.sort_case_right .sort_case_list .pagination .page-item span {
    font-size: 16px;
}

/*上一条-下一条*/
.liu_d {
    margin-top: 40px;
}

.liu_d a {
    padding: 5px 20px;
    line-height: 30px;
    border: 1px solid #eee;
    text-align: center;
    display: block;
    font-size: 16px;
    
}

.liu_d a:hover {
    background: #d91b0b;
    color: #fff;
}

/*sort_news*/
.sort_news_list {
    margin-top: 40px;
}

.sort_news_list .sort_news_left {
    width: 290px;
}

.sort_news_list .sort_news_left .index_t {
    text-align: right;
}

.sort_news_list .sort_news_left .index_t div {
    font-size: 48px;
}

.sort_news_list .sort_news_left .index_t h2 {
    font-size: 30px;
}

.sort_news_list .sort_news_left ul {
    background: #efefef;
}

.sort_news_list .sort_news_left ul li a {
    color: #999999;
    font-size: 16px;
    line-height: 50px;
    padding: 0 20px;
    border-bottom: 1px solid #e0e0e0;
    display: block;
    
}

.sort_news_list .sort_news_left ul li:hover a {
    background: #d91b0b;
    color: #fff;
}

.sort_news_right form {
    margin-bottom: 30px;
}

.sort_news_right .form_shaixuan input {
    opacity: 0;
    position: absolute;
}

.sort_news_right .form_shaixuan {
    margin-bottom: 20px;
}

.sort_news_right .form_shaixuan .active {
    background: #e7e7e7;
    border-radius: 20px;
    color: #000;
}

.sort_news_right .form_shaixuan label {
    padding: 0 20px;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #2b2b2b;
}

.sort_news_right form > input {
    line-height: 40px;
    background: url(../img/search-img.png) no-repeat #efefef;
    width: 500px;
    background-size: 30px;
    background-position: 5px 5px;
    padding-left: 40px;
}

.sort_news_right form button {
    margin-left: 20px;
    line-height: 40px;
    width: 100px;
    color: #fff;
    background: #d91b0b;
    border-radius: 5px;
}

.sort_news_right .sort_news_list .sort_news_list_ul li {
    float: left;
    margin-right: 25px;
    width: 240px;
    padding: 10px;
    margin: 20px 0;
}

.sort_news_right .sort_news_list .sort_news_list_ul li:nth-child(3n) {
    margin-right: 0;
}

.sort_news_right .sort_news_list .sort_news_list_ul li:hover {
    background: #efefef;
}

.sort_news_right .sort_news_list .sort_news_list_ul li a h2 {
    font-size: 18px;
    color: #2b2b2b;
    border-bottom: 1px solid #bfbfbf;
    
    padding-bottom: 10px;    height: 42px;
}

.sort_news_right .sort_news_list .sort_news_list_ul li a span {
    font-size: 14px;
    color: #2b2b2b;
    
    margin-top: 20px;
    display: block;
    margin-bottom: 10px;
}

.sort_news_right .sort_news_list .sort_news_list_ul li a p {
    font-size: 14px;
    color: #2b2b2b;
    
    line-height: 30px;
}

.sort_news_right .sort_news_list .sort_news_list_ul li a div {
    text-align: right;
    color: #333;
    
    margin: 10px 0;
}


/*info_news*/
.info_news_right h2 {
    font-size: 20px;
    color: #333333;
    
    margin-bottom: 20px;
}

.info_news_right span {
    color: #2b2b2b;
    
}

.info_news_content {
    color: #383838;
    line-height: 30px;
    margin-top: 30px;
}
.info_news_content p{
	font-size: 16px;
	font-family:宋体 !important;
}

/*info_product*/ 
.info_product_right h2 {
    font-size: 20px;
    color: #000;
    margin-bottom: 20px;
}

.info_product_right span {
    color: #000;
    font-size: 18px;
    font-family:宋体 !important;
}

.sort_product_list {
    margin-top: 40px;
}

.sort_product_list .sort_product_left {
    width: 290px;
}

.sort_product_list .sort_product_left .index_t {
    text-align: right;
}

.sort_product_list .sort_product_left .index_t div {
       font-size: 30px;
}

.sort_product_list .sort_product_left .index_t h2 {
    font-size: 30px;
}

.sort_product_list .sort_product_left ul {s
    background: #efefef;
}

.sort_product_list .sort_product_left ul li a {
    color: #999999;
    font-size: 16px;
    line-height: 50px;
    padding: 0 20px;
    border-bottom: 1px solid #e0e0e0;
    display: block;
    
}

.sort_product_list .sort_product_left ul li:hover a {
    background: #d91b0b;
    color: #fff;
}

#product_info_img {
    width: 738px;
    height: 430px;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

/*大图片*/
#product_info_img .pic {
    width: 738px;
    height: 430px;
    position: relative;
}

#product_info_img .pic ul li {
    list-style: none;
    width: 738px;
    height: 430px;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}

#product_info_img .pic ul li.first {
    display: block;
}

#product_info_img .pic ul li img {
    max-width: 100%;
}

/*按钮*/
#product_info_img .but {
    width: 104px;
    height: 10px;
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-left: -52px;
}

#product_info_img .but ul li {
    list-style: none;
    width: 10px;
    height: 10px;
    float: left;
    margin: 0 5px;
    background-color: white;
    border-radius: 50%;
}

#product_info_img .but ul li.first {
    background-color: red;
}

/*图片导航*/
#product_info_img .picnav {
    width: 625px;
    height: 86px;
    background-color: rgba(255, 255, 255, 0.8);
    position: absolute;
    bottom: -86px;
    left: 50%;
    margin-left: -312px;
}

#product_info_img .picnav ul li {
    list-style: none;
    width: 115px;
    height: 75px;
    float: left;
    margin: 5px;
}

#product_info_img .picnav ul li.first {
    border-bottom: 4px solid red;
}

#product_info_img .picnav ul li img {
    width: 115px;
    height: 70px;
}


/*sort_product*/
.sort_product_right {
    width: 830px;
}

.sort_product_right form {
    margin-bottom: 30px;
}

.sort_product_right .form_shaixuan input {
    /*opacity: 0;*/
    /*position: absolute;*/
}

.sort_product_right .form_shaixuan {
    margin-bottom: 20px;
}

.sort_product_right .form_shaixuan .active {
    background: #e7e7e7;
    border-radius: 20px;
    color: #000;
}

.sort_product_right .form_shaixuan label {
    padding: 0 20px;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #2b2b2b;
}

.sort_product_right form > input {
    line-height: 40px;
    background: url(../img/search-img.png) no-repeat #efefef;
    width: 500px;
    background-size: 30px;
    background-position: 5px 5px;
    padding-left: 40px;
}

.sort_product_right form button {
    margin-left: 20px;
    line-height: 40px;
    width: 100px;
    color: #fff;
    background: #d91b0b;
    border-radius: 5px;
}

.sort_product_right .sort_product_list .sort_product_list_ul {
    font-size: 0;
}

.sort_product_right .sort_product_list .sort_product_list_ul li {
       float: left;
    width: 256px;    text-align: center;
    margin: 9px;
    border: 1px solid #afafaf;
}

.sort_product_right .sort_product_list .sort_product_list_ul li img {
    max-width: 100%;    height: 200px;
}

.sort_product_right .sort_product_list .sort_product_list_ul li h4 {
    font-size: 16px;
    color: #2b2b2b;
    
    line-height: 40px;
    text-align: center;
}



.sort_product_right .sort_product_list .sort_product_list_ul li:hover h4 {

}



/*sort_case*/
.sort_case_list {
    margin-top: 40px;
}

.sort_case_right form {
    margin-bottom: 30px;
}

.sort_case_right .form_shaixuan input {
    opacity: 0;
    position: absolute;
}

.sort_case_right .form_shaixuan {
    margin-bottom: 20px;
}

.sort_case_right .form_shaixuan .active {
    background: #e7e7e7;
    border-radius: 20px;
    color: #000;
}

.sort_case_right .form_shaixuan label {
    padding: 0 20px;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #2b2b2b;
}

.sort_case_right form > input {
    line-height: 40px;
    background: url(../img/search-img.png) no-repeat #efefef;
    width: 500px;
    background-size: 30px;
    background-position: 5px 5px;
    padding-left: 40px;
}

.sort_case_right form button {
    margin-left: 20px;
    line-height: 40px;
    width: 100px;
    color: #fff;
    background: #d91b0b;
    border-radius: 5px;
}

.sort_case_right .sort_case_list .sort_case_list_ul {
    font-size: 0;
}

.sort_case_right .sort_case_list .sort_case_list_ul li {
    float: left;
    margin-right: 25px;
        width: 275px;
    padding: 10px;
    margin: 20px 0;    text-align: center;
}

.sort_case_right .sort_case_list .sort_case_list_ul li:nth-child(4n) {
    margin-right: 0;
}

.sort_case_right .sort_case_list .sort_case_list_ul li img {
    max-width: 100%;    height: 205px;

}

.sort_case_right .sort_case_list .sort_case_list_ul li h4 {
    font-size: 16px;
    color: #2b2b2b;
    
    line-height: 40px;
    text-align: center;
}

.sort_case_right .sort_case_list .sort_case_list_ul li:hover {
    background: #000000;
}

.sort_case_right .sort_case_list .sort_case_list_ul li:hover h4 {
    color: #fff;
}

.link_info {
    margin-top: 20px;
}

.link_info li {
    display: inline-block;
    padding: 3px;
    margin: 2px 5px;
}

/*友情链接*/
.blogroll {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #efefef;
}

.blogroll-center {
    width: 1280px;
    margin: 0 auto;
}


.h_sort_bg{
	background: #cecece;    overflow: hidden;
	
}
.h_sort li{
	    float: left;
    border-right: 1px dotted #ffffff;
        width: 294px;
    text-align: center;
}
.h_sort li:first-child{
	border-left: 1px dotted #ffffff;
}
.h_sort li a{
	color: #000;
	font-size: 24px;
	line-height: 100px;
}
.h_sort li a:hover{color: #fff;}

.index_tit {     text-align: center;
    margin-top: 20px;    padding-bottom: 12px;
    background: url(/static/web/img/pro-bj.png) bottom center repeat-x;
    background-position-y: 93px;}
.index_tit h2 {     font-size: 30px;
    color: #333;
    line-height: 54px;
    font-weight: bold; }
.index_tit h3 { font-size: 18px; color: #666; font-weight: normal; margin-bottom: 15px; }
.index_tit .line { width: 214px; height: 4px; margin: 0 auto; }
.index_tit .line span { width: 107px; height: 4px; }
.index_tit .line1 { background: #c10b03; }
.index_tit .line2 { background: #afafaf; }


.m_fl{float: left;width: 250px;    margin-right: 50px;}
.m_fl h3{position: relative;height: 80px;line-height: 80px;background: #000000;text-align: center;font-size: 28px;color: #fff;font-weight: normal;}
.m_fl h3 a{color: #fff;}
.m_fl h3 i{position: absolute;}
.m_fl h4{height: 62px;line-height: 62px;    border-top: 1px solid #c10b03;
    border-bottom: 1px solid #5d0400;}
.m_fl h4 a{height: 62px;line-height: 62px;display: block;overflow: hidden;font-size: 16px;font-weight: normal;padding-left: 66px; color: #fff;background:#c10b03 url(/static/web/img/flh3h.png) no-repeat 30px 25px;}
.m_fl h5{height: 51px;line-height: 51px;background: #e8e8e8;border-left: 1px solid #d4d4d4;border-right: 1px solid #d4d4d4;}
.m_fl h5 a{height: 51px;line-height: 51px;display: block;background:url(/static/web/img/flh33.jpg) no-repeat 30px 18px; padding-left: 64px;font-size: 16px;color: #666666;font-weight: normal;text-decoration: none;}
.m_fl h5 a:hover{background:url(/static/web/img/flh3.jpg) no-repeat 30px 18px;color: #0c5871;font-weight: bold;}


.m_fl ul{border-left: 1px solid #d4d4d4;border-right: 1px solid #d4d4d4;border-bottom: 1px solid #d4d4d4;padding: 16px 0 22px 0;background: #fff;}
.m_fl li{height: 24px;line-height: 24px;overflow: hidden;}
.m_fl li a{display: block;background:url(/static/web/img/flico.jpg) no-repeat 69px 9px; padding-left: 94px;font-size: 14px;height: 32px;line-height: 32px;}
.morecp{border-left: 1px solid #d4d4d4;border-right: 1px solid #d4d4d4;border-bottom: 1px solid #d4d4d4;background: #fff;height: 107px; padding: 26px 0 0 0;}
.morecp em{display: block;width: 110px;height: 40px;line-height: 40px;background: #c10b03;border-radius: 20px;text-align: center;font-size: 14px;color: #fff;margin: 0 0 0 35px;box-shadow: 5px 5px 25px #c5c4c4;}
.morecp em a{color: #fff;}



.g_pro .m_cp{float: right;width: 925px;}
.g_pro .m_cp h3{background:url(/static/web/img/hotit.jpg) no-repeat;height: 54px;line-height: 54px;padding-left: 45px;font-size: 20px;color: #0c5871;margin-bottom: 22px;}
.g_pro .m_cp h3 a{color: #0c5871;}
.g_pro .m_cp span a{font-size: 14px;color: #666666;font-weight: normal;}

.g_pro .cplst li{float: left;width: 289px;margin-right: 25px;position: relative;}
.g_pro .cplst .lastli{margin-right: 0;}
.g_pro .cplst li em{display: block;position: absolute;left:0;top:0;width: 289px;height: 108px;background:url(/static/web/img/sha.png) no-repeat; padding: 110px 0 0 0;text-align: center;overflow: hidden;font-size: 16px;color: #fff;display: none;}
.g_pro .cplst li img{width: 287px;height: 216px;border: 1px solid #d9d9d9;}
.g_pro .cplst li:hover em{display: block;}



.iabout { position: relative; height: 642px; background: #d6d6d6; margin-top: 30px;}
.iabout .img { position: relative; width: 960px; height: 642px; background: #fff; margin-left: -360px; overflow: hidden;  }
.iabout .img img { width:100%; height: auto; }
.iabout .text { width: 560px; position: relative; padding: 50px 0 0 0; }
.iabout .head h3 {     font-size: 55px;
    color: #000000;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 55px;
    opacity: 0.3;}
.iabout .head h2 {     font-size: 28px;
    color: #000;
    letter-spacing: 15px;
    font-weight: bold;}
.iabout .head span { display: block; height: 1px;     background: #7e8386; }
.iabout .head .line { width: 164px; margin: 15px 0 4px 0; }
.iabout .head .line2 { width: 560px; }
.iabout p {  font-size: 15px;
    line-height: 30px;}
.iabout p a { color: #99da4a; }
.iabout .link { position: relative; }
.iabout .link dl { display: block; width: 98px; margin: 45px 30px 0 0; border: 1px solid #fff; border-radius: 8px; }
.iabout .link dl span { display: block; width: 60px; height: 60px; margin: 0 auto; }
.iabout .link dl a { color: #fff; text-align: center; display: block; width: 98px; font-size: 18px; margin-bottom: 5px; }
.iabout .link .lin1 { background: url(/static/web/img/about-1.png) top left no-repeat; }
.iabout .link .lin2 { background: url(/static/web/img/about-2.png) top left no-repeat; }
.iabout .link .lin3 { background: url(/static/web/img/about-3.png) top left no-repeat; }
.iabout .link dl:hover { border: 1px solid #000000; background: #fff; }
.iabout .link dl:hover a { color: #000000; }
.iabout .link dl:hover .lin1 { background: url(/static/web/img/about-1.png) top right no-repeat; }
.iabout .link dl:hover .lin2 { background: url(/static/web/img/about-2.png) top right no-repeat; }
.iabout .link dl:hover .lin3 { background: url(/static/web/img/about-3.png) top right no-repeat; }



.marqueeleft {
    height: 270px;
    overflow: hidden;
    margin-top: 25px;
}

.marqueeleft ul {
    float: left;
}

.marqueeleft li {
    float: left;
    margin: 0 15px;
    display: inline;
    height: 250px;
    overflow: hidden;
}

.marqueeleft li img {
    width: 284px;
    height: 200px;
}

.marqueeleft li h4 {
    text-align: center;
    height: 40px;
    line-height: 40px;
    width: 284px;
    overflow: hidden;
    font-size: 16px;
}


.cptj{height: 545px;position: relative;} 
.cptj dt{width: 920px;height: 522px;display: block;}
.cptj dt img{width: 918px;height: 520px;display: block;border: 1px solid #d9d9d9;}
.cptj dd{position: absolute;left:560px;top:73px;width: 230px;height: 322px;padding: 36px 23px 0 37px;background: #fff;box-shadow:5px 5px 25px #c5c4c4;}
.cptj h4{height: 54px;line-height: 54px;border-bottom: 1px dashed #a6a6a6;margin-bottom: 15px;font-size: 16px;font-weight: bold;color: #0c5871;}
.cptj h4 a{color: #0c5871;}
.cptj p{font-size: 15px;line-height: 26px;color: #666666;height: 156px;overflow: hidden;margin-bottom: 15px;}
.cptj span a{display: block;width: 110px;height: 40px;line-height: 40px;background: #0c5871;border-radius: 20px;text-align: center;font-size: 14px;color: #fff;box-shadow: 5px 5px 25px #c5c4c4;}
.cplst li{float: left;width: 289px;margin-right: 25px;position: relative;}
.cplst .lastli{margin-right: 0;}
.cplst li em{display: block;position: absolute;left:0;top:0;width: 289px;height: 108px;background:url(Img/Index/sha.png) no-repeat; padding: 110px 0 0 0;text-align: center;overflow: hidden;font-size: 16px;color: #fff;display: none;}
.cplst li img{width: 287px;height: 216px;border: 1px solid #d9d9d9;}
.cplst li:hover em{display: block;}




	.pro_pho,
	.pro_pho img {
		display: block;
		width: 282px;
		height: 92px;
		overflow: hidden;
	}
	
	.pro_list {
		width: 881px;
		overflow: hidden;
		height: 696px;
	}
	
	.pro_gg {
		height: 427px;
		overflow: hidden;
		margin-bottom: 15px;
	}
	
	.prev,
	.next {
		width: 37px;
		height: 82px;
		right: 0;
		top: 180px;
		display: block;
		z-index: 9;
		background: url(/static/web/img/next1.gif) no-repeat 0 0;
	}
	
	.prev {
		left: 0;
		background: url(/static/web/img/prev1.gif) no-repeat 0 0;
	}
	
	.prev2,
	.next2 {
		top: 355px;
	}
	
	.prev2 {
		left: 359px;
	}
	
	.prev:hover,
	.next:hover {
		background-position: 0 bottom;
	}
	
	.pro_gc,
	.pro_gc dt,
	.pro_gc dt img {
		height: 427px;
		overflow: hidden;
	}
	
	.pro_gc dl {
		position: relative;
		line-height: 30px;
	}
	
	.pro_gc dd {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 2;
		    width: 52%;
    height: 427px;
    float: right;
    background: linear-gradient(#ecebf0, #f8f8f8, #ecebf0);
    box-sizing: border-box;
    padding: 50px 30px 0 30px;
	}
	
	.pro_gc dd h3 {
		height: 60px;
		font-size: 20px;
		line-height: 38px;
		color: #363739;
	}
	
	.pro_gc dd h3 a {
		color: #363739;
		display: block;
	}
	
	.pro_wz {
		height: 260px;
		overflow: hidden;
		font-size: 17px;width: 94%;
	}
	
	.more01 a {
		display: block;
		width: 128px;
		line-height: 33px;
		border: solid 1px #e3232f;
		background: #fff;
		color: #e3232f;
		text-align: center;
		border-radius: 16px;
	}
	
	.pro_list ul {
		width: 1000px;
	}
	
	.pro_list li {
		width: 286px;
		float: left;
		margin: 0 10px 0 0;
	}
	
	.pro_list li p {
		border: solid 1px #eaeaea;
	}
	
	.pro_list li p,
	.pro_list li p img {
		width: 286px;
		height: 214px;
		display: block;
		overflow: hidden;
	}
	
	.pro_list li span {
		display: block;
		line-height: 39px;
		height: 39px;
		z-index: 1;
		background: #737373;
		color: #fff;
		text-align: center;
	}
	
	.pro_list li span a {
		color: #fff;
	}
	
	.pro_list li img,
	.pro_gc dt img,
	.range_c dt img,
	.webox_p img,
	.case_c dt img,
	.about_p img,
	.newbox dt img,
	.show_c li img {
		-webkit-transition: 1s;
		-moz-transition: 1s;
		transition: 1s;
	}
	
	.pro_list li img:hover,
	.pro_gc dt img:hover,
	.range_c dt img:hover,
	.webox_p img:hover,
	.case_c dt img:hover,
	.about_p img:hover,
	.newbox dt img:hover,
	.show_c li img:hover {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
	}
.pr {
    position: relative;
}	
.pa {
    position: absolute;
}


#demo{    overflow: hidden;
        width: 1180px;
    height: 540px;
    float: right;}
.index_product li {
      margin: 10px;
    height: 233px;
    text-align: center;
        width: 273px;

    float: left;
    border: 1px solid #969696;}
 .index_product li img{    height: 197px;
	     max-width: 273px;} 
		.index_product li a h4{
  line-height: 32px;    background: #d7d7d7;} 
	.index_product li:hover {
    box-shadow: 0 0 8px #000000;
    -webkit-transition: 0.4s ease-in;
    transition: 0.4s ease-in;
}	     



.footer_bac{width:100%; height:42px; background:#f5f5f5 url(../uploadfile/image/20180628/20180628200406_873193910.png) center;}
.footer{width:100%; min-width:1180px; overflow:hidden; background:#1a1a1a; font-size:14px; color:#808080;}
.footer a{font-size:14px; color:#808080;}

.links{width:100%; overflow:hidden; border-bottom:dashed 1px #333; padding:30px 0;}
.linksW{width:1180px; margin:0 auto;}
.links_l{float:left; width:120px; border-right:dashed 1px #474747; font-size:16px; color:#808080; line-height:18px;}
.links_l span{color:#fff; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:30px; font-weight:bold; line-height:30px;}
.links_r{float:right; width:1050px;}
.links_r a{color:#808080;}

.footerW{width:1180px; margin:0 auto; padding:40px 0; overflow:hidden;}
.footer_m{font-size:20px; color:#fff; line-height:26px; margin-bottom:24px;}
.footer_en{font-family:Arial, Helvetica, sans-serif; font-size:14px;     color: #c10b03; line-height:20px; text-transform:uppercase; overflow:hidden;}
.footer_lx{float:left;     width: 340px; overflow:hidden;}
.footer_lx_d{overflow:hidden; line-height:28px;}
.footer_l{float:left; width:140px; margin-left:40px;}
.footer_ld{overflow:hidden;}
.footer_ld_lo{overflow:hidden;}
.footer_ld_li{line-height:34px;}
.footer_r{ width:140px; }
.footer_rd{overflow:hidden; width:140px;}
.footer_rd img{width:140px;}

.footer_fl{ height:158px;}
.footer_fl b{font-size:0px; line-height:0px; font-weight:normal;}
.footer_fl b a{font-size:14px; line-height:28px;width:131px; overflow:hidden; display:block; white-space: nowrap; text-overflow: ellipsis; }
.footer_ld{
	height: 175px;
	overflow: hidden;
}
.bottom {
    background: #000;
}
.newscon{
	margin-top: 40px;
}
ul.nlist2{
	overflow: hidden;
}
.foot_topbg{
	background: #777777;
	overflow: hidden;
	width: 100%;
	padding: 50px 0;
	text-align: center;margin-top: 50px;
}

.footf_a{
	width: 200px;
	height: 40px;
	border: 1px solid #ffffff;
	margin: 0 auto;
	text-align: center;
}
.footf_a a{
	color: #ffffff;font-size: 16px;line-height: 40px;
}

.foot_text1{
	text-align: center;
	color: #FFFFFF;font-size: 28px;
	line-height: 102px;
}

.foot .bottom {
    width: 100%;
    
    background-color: #1E1F21;
	overflow:hidden;
}
.fb-frame {
    width: 1180px;
    margin: 0 auto;
}
.foot_record {
    line-height: 60px;
    color: #939393;
    font-size: 12px;
    float: left;
}
.fen_zhan {
    float: right;
    height: 30px;
    margin-top: 15px;
width: 520px;
    overflow: hidden;    color: #cecece;
}
.fen_zhan a {
    line-height: 30px;
    font-size: 12px;
    color: #CCCCCC;
    display: inline-block;
   padding: 0px 5px;
}
.linkTagcs ul li {
    float: left;
    margin: 2px 5px;
}


#certify {
	position: relative;
	    width: 1180px;
	margin: 0 auto
}

#certify .swiper-container {
	padding-bottom: 60px;
}

#certify  .swiper-slide {
	width: 520px;
	height: 408px;
	background: #fff;
	box-shadow: 0 8px 30px #ddd;text-align: center;
}
#certify  .swiper-slide img{
	display:block;max-width: 100%;    height: 408px;    margin: 0 auto;
}
#certify  .swiper-slide p {
	line-height: 98px;
	padding-top: 0;
	text-align: center;
	color: #636363;
	font-size: 1.1em;
	margin: 0;
}

#certify .swiper-pagination {
	width: 100%;
	bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}

#certify .swiper-button-prev {
	left: -30px;
	width: 45px;
	height: 45px;
	background: url(/static/web/img/wm_button_icon.png) no-repeat;
	background-position: 0 0;
	background-size: 100%;
}

#certify .swiper-button-prev:hover {
	background-position: 0 -46px;
	background-size: 100%
}

#certify .swiper-button-next {
	right: -30px;
	width: 45px;
	height: 45px;
	background: url(/static/web/img/wm_button_icon.png) no-repeat;
	background-position: 0 -93px;
	background-size: 100%;
}

#certify .swiper-button-next:hover {
	background-position: 0 -139px;
	background-size: 100%
}


.inews { position: relative; padding: 50px 0 70px 0; }
.inews .head { text-align: center; }
.inews .head h2 { font-size: 26px; color: #333; }
.inews .head h3 { font-size: 18px; color: #666; font-weight: normal; margin-bottom: 15px; }
.inews .head .line { width: 214px; height: 4px; margin: 0 auto; }
.inews .head .line span { width: 107px; height: 4px; }
.inews .head .line1 { background: #0475cc; }
.inews .head .line2 { background: #79c935; }
.inews .content { }
.inews .column { text-align: center; }
.inews .column a { display: inline-block; width: 134px; height: 40px; text-align: center; line-height: 40px; background: #aaaaaa; border-radius: 4px; margin: 0 10px 30px 0; color: #fff; font-size: 20px; }
.inews .column a:hover { background: #0475cc; }
.inews .column a::first-child  { background: #0475cc; }

.inews .newslist .list { height: 630px; position: relative; }
.inews .newsbox { width: 400%; height: 630px; position: relative; overflow: hidden; }
.inews .item { width: 100%; padding: 25px 0; border-top: 1px solid #e9e9e9; overflow: hidden; height: 154px; position: relative; }
.inews .item .wrap { overflow: hidden;width: 1180px;
margin: 0 auto;}
.inews .item:first-child { border-top: none; }
.inews .item .time { border-right: 1px solid #e9e9e9; padding-right: 30px; margin-right: 30px;  }
.inews .item .time h2 { color: #e1e1e1; font-size: 65px; line-height: 65px; }
.inews .item .time h3 { color: #666; font-size: 19px; font-weight: normal; }
.inews .item .txt { width: 720px; position: relative; }
.inews .item .txt h2 { font-size: 20px; }
.inews .item .txt p { color: #666; font-size: 14px; height: 56px;     line-height: 26px;
    margin-top: 20px;}
.inews .item .txt .more { display: block; width: 80px; height: 29px; line-height: 29px; text-align: center; background: #e1e1e1; color: #fff; margin-top: 10px; text-transform:uppercase; }
.inews .item .img { width: 283px; height: 154px; overflow: hidden; position: relative; }
.inews .item img { width: 100%; height: 180px; }
.inews .item:hover { background: #f6f6f6; }
.inews .item:hover .time h2 { color: #0475cc; }
.inews .item:hover .txt .more { background: #69be2d; }
.inews .item:hover img { transform:scale(1.05,1.05); }


.hzkh li{
	    width: 216px;
    margin: 10px;
    float: left;
    text-align: center;
}
.hzkh li img{
	width: 100%;border: 1px solid #afafaf;height: 90px;
}


.custom_service p img {display: inline; vertical-align:middle;}
.scrollsidebar{position:absolute; z-index:999; top:350px;}
.side_content{width:154px; height:auto; overflow:hidden; float:left; }
.side_content .side_list {width:154px;overflow:hidden;}
.show_btn{ width:0; height:112px; overflow:hidden; margin-top:50px; float:left; cursor:pointer;}
.show_btn span { display:none;}
.close_btn{width:24px;height:24px;cursor:pointer;}
.side_title,.side_bottom,.close_btn,.show_btn {background:url(/static/web/img/sidebar_bg.png) no-repeat;}
.side_title {height:46px;}
.side_bottom { height:8px;}
.side_center {font-family:Verdana, Geneva, sans-serif; padding:5px 12px; font-size:12px;}
.close_btn { float:right; display:block; width:21px; height:16px; margin:16px 10px 0 0; _margin:16px 5px 0 0;}
.close_btn span { display:none;}
.side_center .custom_service p { text-align:center; padding:6px 0; margin:0; vertical-align:middle;}
.other  { text-align:center;border-bottom:1px solid #ddd;border-top:1px solid #ddd}
.other p { padding:5px 0; _height:16px; margin:0;color: #666666;}
.msgserver { text-align:center; margin-bottom:5px;}
.msgserver a { background:url(/static/web/img/sidebar_bg.png) no-repeat -119px -115px; padding-left:22px;}

/* blue skin as the default skin */
.side_title, .side_blue .side_title {background-position:-195px 0;}
.side_center, .side_blue .side_center {background:url(/static/web/img/blue_line.png) repeat-y center;}
.side_bottom, .side_blue .side_bottom {background-position:-195px -50px;}
.close_btn, .side_blue .close_btn {background-position:-44px 0;}
.close_btn:hover, .side_blue .close_btn:hover {background-position:-66px 0;}
.show_btn , .side_blue .show_btn {background-position:-119px 0;}
.msgserver a, .side_blue .msgserver a {color:#06C;}

/* green skin  */
.side_green .side_title {background-position:-349px 0;}
.side_green .side_center {background:url(/static/web/img/green_line.png) repeat-y center;}
.side_green .side_bottom {background-position:-349px -50px;}
.side_green .close_btn {background-position:-44px -23px;}
.side_green .close_btn:hover {background-position:-66px -23px;}
.side_green .show_btn {background-position:-147px 0;}
.side_green .msgserver a {color:#76a20c;}


.pro_info_v span{
	float: left;
	background: #000000;
	padding: 6px 30px;color: #FFFFFF;
	margin-right: 30px;font-size: 16px;
}
.remen h1 {
    display: inline-block;
    font-weight: bold;
}

/*客服*/
.floating_ck {
	position: fixed;
	right: 20px;
	top: 30%;
}
.floating_ck dl dd {
	position: relative;
	width: 80px;
	height: 80px;
	background-color: #646577;
	border-bottom: solid 1px #555666;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center 20%;
	cursor: pointer;
}
.floating_ck dl dd:hover {
	background-color: #c10b03;
	border-bottom: solid 1px #a40324;
}
.floating_ck dl dd:hover .floating_left {
	display: block;
}
.consult {
	background-image: url(../img/kficon.png);
}
.qrcord {
	background-image: url(../img/weixin.png);
}
.return {
	background-image: url(../img/fanhui.png);
}
.floating_ck dd span {
	color: #fff;
	display: block;
	padding-top: 54px;
}
.floating_left {
	position: absolute;
	left: -160px;
	top: 0px;
	width: 160px;
	height: 80px;
	background-color: #c10b03;
	border-bottom: solid 1px #a40324;
	display: none;
}
.floating_left a {
	color: #fff;
	line-height: 80px;
}
.floating_ewm {
	height: 186px;
	top: -105px;
}
.floating_ewm i {
	background-image: url(../img/end_scan3.gif);
	display: block;
	width: 145px;
	height: 145px;
	margin: auto;
	margin-top: 7px;
}
.floating_ewm p {
	color: #fff;
	margin-top: 5px;
}
.floating_ewm .qrcord_p01 {
	font-size: 12px;
	line-height: 20px;
}