* {
    margin: 0;
    padding: 0;
    font-family: "Microsoft YaHei";
}

.main .content {
    width: 980px;
    margin: 0 auto;
}

.main .content .scope-business {
    border: 1px solid #dadada;
    font-size: 0;
    /*background: url("../images/01-chanpingxilie.png") no-repeat 0 0;*/
	 background: url("../images/zpp/01-chanpingxilie.jpg") no-repeat 0 0;
    background-size: 25%;
    background-color: #fcfcfc;
}

.main .content .scope-business .scope-business-info {
    margin:10px auto;
    float: right;
}

.main .content .scope-business .scope-business-info .info {
    width: 348px;
    float: left;
}

.main .content .scope-business .scope-business-info .info .img img {
    border: 1px solid #dadada;
}

.main .content .scope-business .scope-business-info .info .kinds h3 {
    font-size: 15px;
    margin: 10px 0;
}

.main .content .scope-business .scope-business-info .info .kinds h3 a {
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}

.main .content .scope-business .scope-business-info .info .kinds ul li {
    list-style: none;
    float: left;
    margin-right: 12px;
}

.main .content .scope-business .scope-business-info .info .kinds ul li a {
    text-decoration: none;
    font-size: 14px;
    color: #333;
}

.main .content .scope-business .scope-business-info .info .kinds ul li a:hover {
    color: #1579b7;
}

.main .content .scope-business .scope-business-info .info .kinds ul:after {
    clear: both;
    visibility: hidden;
    display: block;
    height: 0;
    content: '';
}

.main .content .scope-business:after {
    clear: both;
    display: block;
    content: '';
    visibility: hidden;
    height: 0;
}

.information {
    margin-top: 20px;
}

.information .info-kinds .about-us {
    position: relative;
    height: 247px;
    width: 30%;
    background: url("../images/lantianbaiyun.jpg") no-repeat 0 0;
    background-size: 450px;
    float: left;
}

.information .info-kinds .about-us .title {
    position: relative;
    background-color: #1579b7;
    padding-left: 20px;
}

.information .info-kinds .about-us .title span {
    color: #ffffff;
    display: inline-block;font-size:30px; font-weight:bold;
}

.information .info-kinds .about-us .title div {
    line-height: 14px;
    display: inline-block;
}

.information .info-kinds .about-us .title div p {
    font-size: 14px;
    color: #ffffff;
}

.information .info-kinds .about-us .background-image {
    position: absolute;
    left: 0;
    bottom: 0;
}

.information .info-kinds .about-us .background-image .zhezhaoceng {
    background-color: #000000;
    opacity: 0.5;
}

.information .info-kinds .about-us .background-image .zhezhaoceng p {
    padding: 5px;
    font-size: 12px;
    color: #ffffff;
}

.information .info-kinds .about-us .plus {
    position: absolute;
    right: 2px;
    top: 0;
    z-index: 99;
    text-decoration: none;
    color: white;
}

.information .info-kinds .about-us:after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    right: 0;
    top: 0;
    height: 0;
    border-width: 30px 0 0 30px;
    border-style: solid;
    border-color: black transparent blue transparent;
}

.information .info-kinds .technology {
    margin: 0 1%;
    position: relative;
    width: 38%;
    float: left;
}

.information .info-kinds .technology .title {
    position: relative;
    /*background-color: #fec820;*/
	background:#1579b7;
    padding-left: 20px;
}

.information .info-kinds .technology .title span {
    color: #ffffff;
    display: inline-block; font-size:30px; font-weight:bold;
}

.information .info-kinds .technology .title div {
    line-height: 14px;
    display: inline-block;
}

.information .info-kinds .technology .title div p {
    font-size: 14px;
    color: #ffffff;
}

.information .info-kinds .technology .list {
    background-color: #f6f6f6;
}

.information .info-kinds .technology .list ul li {
    line-height: 22px;
    list-style: none;
    padding: 9px 0;
    border-bottom: 1px dashed #dddddd;
}

.information .info-kinds .technology .list ul li a {
    display: block;
    color: #000000;
    font-size: 14px;
    margin-left: 20px;
    text-decoration: none;
}

.information .info-kinds .technology .plus {
    position: absolute;
    right: 2px;
    top: 0;
    z-index: 99;
    text-decoration: none;
    color: white;
}

.information .info-kinds .technology:after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    right: 0;
    top: 0;
    height: 0;
    border-width: 30px 0 0 30px;
    border-style: solid;
    border-color: black transparent blue transparent;
}

.information .info-kinds .tel {
    width: 30%;
    height: 247px;
    float: left;
}

.information .info-kinds .tel .saitai-product {
    height: 48%;
    margin-bottom: 2%;
}

.information .info-kinds .tel .saitai-product .first {
    background: url("../images/jigouimage.jpg") no-repeat left top;
    background-size: 130%;
    margin: 0 1%;
    height: 100%;
    text-align: center;
    width: 48%;
    float: left;
    display: table;
}

.information .info-kinds .tel .saitai-product .first .first-info {
    background-color: #000000;
    opacity: 0.6;
    display: table-cell;
    vertical-align: middle;
}

.information .info-kinds .tel .saitai-product .first .first-info a {
    text-decoration: none;
    color: yellow;
    font-size: 13px;
}

.information .info-kinds .tel .saitai-product .second {
    background: url("../images/huagong.jpg") no-repeat left top;
    background-size: 130%;
    margin: 0 1%;
    height: 100%;
    width: 48%;
    float: left;
}

.information .info-kinds .tel .saitai-product .second .second-info {
    height: 100%;
    text-align: center;
}

.information .info-kinds .tel .saitai-product .second .second-info a {
    height: 100%;
    text-decoration: none;
    display: block;
}

.information .info-kinds .tel .saitai-product .second .second-info a span {
    display: block;
    background-color: #000000;
    opacity: 0.5;
    color: #ffffff;
}

.information .info-kinds .tel .dingzhi {
    height: 48%;
}

.information .info-kinds .tel .dingzhi .third {
    background: url("../images/shuitan.jpg") no-repeat left top;
    background-size: 140%;
    margin: 0 1%;
    height: 100%;
    width: 48%;
    float: left;
}

.information .info-kinds .tel .dingzhi .third .third-info {
    height: 100%;
    text-align: center;
}

.information .info-kinds .tel .dingzhi .third .third-info a {
    height: 100%;
    text-decoration: none;
    display: block;
}

.information .info-kinds .tel .dingzhi .third .third-info a span {
    display: block;
    background-color: #000000;
    opacity: 0.5;
    color: #ffffff;
}

.information .info-kinds .tel .dingzhi .forth {
    background: url("../images/kefuimage.jpg") no-repeat left top;
    background-size: 130%;
    margin: 0 1%;
    height: 100%;
    text-align: center;
    width: 48%;
    float: left;
    display: table;
}

.information .info-kinds .tel .dingzhi .forth .forth-info {
    background-color: #000000;
    opacity: 0.6;
    display: table-cell;
    vertical-align: middle;
}

.information .info-kinds .tel .dingzhi .forth .forth-info a {
    text-decoration: none;
    color: yellow;
    font-size: 12px;
}

.information .info-kinds .tel .saitai-product:after {
    visibility: hidden;
    display: block;
    clear: both;
    content: '';
    height: 0;
}

.information .info-kinds:after {
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
    content: '';
}
.panel .panel-img{width: 980px; margin: 0 auto;}

.saitai_new_h3{ font-size:16px; text-align:center; color:#1478b6; line-height:50px; border-bottom:2px solid #fff; background:#fec81e;}
.news_list{ width:100%; }
.news_list>div{ padding:10px; overflow:hidden; border-bottom:1px dashed #d4d4d4; padding-bottom:20px;}
.news_list>div:last-child{ border-bottom:none;}
.news_list>div h3 { overflow:hidden;}
.news_list>div h3 i{ color:#333; font-family:'微软雅黑'; font-size:16px; width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; float:left; font-style:normal;}
.news_list>div h3 span{ display:inline-block; float:right; text-align:right; font-size:14px; color:#888; font-weight:100; width:20%;}
.news_list>div p{ font-size:14px; padding:15px 0; line-height:24px; color:#666;overflow : hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp:2;  -webkit-box-orient: vertical;}
.news_list>div a{ border:1px solid #888; display:block; color:#fff; background:#888; width:20%; line-height:30px; text-align:center;}
.news_list>div a:hover{ background:#fff; color:#888; border:1px solid #888;}

.fanye {height: auto;margin-top: 10px;margin-bottom: 10px;display:block;overflow:hidden;}
.fanye li { list-style:none;color: #3DA9F7;height: auto;line-height: 35px;float: left;background-color: #e0f0ff;text-align: center;-webkit-box-shadow: #C3C3C3 0px 0px 5px;-moz-box-shadow: #C3C3C3 0px 0px 5px;box-shadow: #C3C3C3 0px 0px 5px;margin-bottom: 10px;margin-right:10px;}
.fanye li a{color: #3DA9F7;width:auto;height: auto;background-color: #e0f0ff;text-align: center;display:block;padding:0 10px;text-decoration:none!important;}
.fanye li a:hover{color: #fff;width:auto;height: auto;background-color: #3DA9F7;text-align: center;display:block;}
.fysznow {
	background-color: #fff!important;
	text-align: center;
	border:1px solid #e1e1e1;
	display:block;
	color:#888!important;
}
.news_xq1{ margin-top:20px; width:100%; overflow:hidden;}
.news_xq1 h3{overflow:hidden;}
.news_xq1 h3 i{color:#333; font-family:'微软雅黑'; font-size:16px; width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; float:left; font-style:normal;}
.news_xq1 h3 span{display:inline-block; float:right; text-align:right; font-size:14px; color:#888; font-weight:100; width:20%;}
.news_xq1 p{font-size:14px; padding:15px 0; line-height:24px; color:#666; }
.news_xq1 img{ display:block; margin:0 auto;}

.fanye1 { width: 100%;height: auto;margin-top: 10px;margin-bottom: 10px;display:block;overflow:hidden; padding-top: 10px;}
.fysz-leftsss{color: #000;width: 35%;height: auto;padding: 0 10px;display: block;float: left;text-align: left;font-size:12px;margin-left:20px;}
.fysz-rightsss{color: #000;width: 35%;height: auto;padding: 0 10px;display: block;float: right;text-align: right;
font-size:12px;margin-right:20px;white-space:pre-line;}


.fysz-left {color: #2a91ee;width: 35%;height: auto;padding: 0 10px;display: block;float: left;text-align: left;font-size:12px;margin-left:20px;text-decoration:underline;}
.fysz-right {color: #2a91ee;width: 35%;height: auto;padding: 0 10px;display: block;float: right;text-align: right;font-size:12px;margin-right:20px;text-decoration:underline;white-space:pre-line;}
.fysz-left:hover,.fysz-right:hover {
	color:#000;
}

.news_more{ width:100%; margin:30px auto;}
.news_more h3{font-size: 16px;color: #1478b6; line-height:40px; border-bottom: 2px solid #fff; background: #fec81e; padding-left:20px; overflow:hidden;}
.news_more ul li{ list-style:inside;width:50%;;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; float:left; line-height:24px;}
.news_more h3 a{ display:inline-block; float:right; color:#1478b6; font-size:12px; margin-right:15px;}
.news_more ul li a{ color:#888; font-size:14px; text-decoration:none;}
.news_more a:hover{ color:#1579b7;}

.template1{ width:100%!important; float:none!important;}

.zpp_gai{ margin-bottom:15px;}
.index_products_title{ position:relative; background:url(../images/line02.png) repeat-x center; margin-bottom:20px;}
.index_products_title h2{ background:#fff; display:inline-block; padding:0 10px; font-weight:normal;}
.index_products_title h2 em{ font-size:16px; font-style:normal; display:block; line-height:24px;}
.index_products_title h2 strong{ font-style:28px; font-weight:normal; display:block; line-height:36px;}
.blue{ color:#fec820; display:inline-block; margin-right:10px;}
.zpp_gai ul{ overflow:hidden; zoom:1;}
.zpp_gai ul li{ float:left; width:230px; border:1px solid #1579b7; list-style:none; margin-right:17px;}
.zpp_gai ul li>a{ display:block; width:100%; color:#fff; text-decoration:none; }
.zpp_gai ul li div{ background:#1579b7; width:210px; height:40px; line-height:40px; overflow:hidden; zoom:1; padding:0 10px;}
.zpp_gai ul li>a img{transition:all 0.4s ease 0s;}
.zpp_gai ul li div span{ float:right;}
.zpp_gai ul li>a:hover img{transform:scale(0.9);}
.zpp_gai ul li a:hover{ text-decoration:underline;}
.a1{color:#fff; text-decoration:none; display:inline-block; margin-right:5px;}
.a1:hover{text-decoration:underline;}

.zpp_gai1{ width:180px;}
.zpp_gai1 h3{ /*font-weight:100; */font-size:12px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.zpp_gai1 p{ font-size:12px; line-height:20px; color:#e1e1e1;}
.zpp_gai1 a:hover p{ color:#fff;}
@media only screen and  (max-width: 980px) {
    .main .content {
        width: 100%;
    }

    .content img {
        width: 100%;
    }

    .content .scope-business {
        border: none !important;
        background: none !important;
    }

    .scope-business .scope-business-info {
        float: none !important;
    }

    .scope-business-info .info {
        width: 50% !important;
        margin: 20px 0;
    }

    .info .img {
        text-align: center;
    }

    .info .kinds h3 {
        text-align: center;
    }

    .info .kinds h3 a {
        font-size: 22px !important;
    }

    .info .kinds ul li {
        float: none !important;
        margin: 0 !important;
        text-align: center;
        width: 100%;
    }

    .info .kinds ul li a {
        width: 100%;
        display: block;
    }

    .main .content .scope-business .scope-business-info .info .kinds ul li a {
        font-size: 18px;
    }

    .information .info-kinds .about-us {
        background-size: 100%;
        background-position: left bottom;
    }

    .information .info-kinds .about-us .background-image .zhezhaoceng p {
        font-size: 16px;
    }

    .info .img img {
        border: none !important;
        width: 50%;
    }

    .about-us, .technology, .tel {
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
    }

    .information .info-kinds .tel .saitai-product .first, .information .info-kinds .tel .saitai-product .second {
        background-position: left;
    }

    .information .info-kinds .tel .dingzhi .third, .information .info-kinds .tel .dingzhi .forth {
        background-position: top;
        background-size: 100%;
    }

}