@charset "utf-8";
body {background-color: #fff;}
.left { width:230px; float:left; position: relative;}
.left2 { width:900px; float:left; overflow:hidden;}
.left3 { width:754px; float:left; overflow:hidden; color:#666;}
.lefttop { background:url(../images/left_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-top:10px;}
.left2top {  height:3px; font-size:0; overflow:hidden;}
.leftbot { background:url(../images/left_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;  margin-bottom:10px;}
.left2bot { height:3px; font-size:0; overflow:hidden; margin-bottom:10px; }
.rightbot{ height:3px; font-size:0; overflow:hidden; margin-bottom:10px; }
.right { float: right; width: 755px;padding-bottom: 50px;background-color: #fff;border-top: 4px solid;}

.rightbox{ font-size:16px; line-height:35px;}
.topadcs {
    width: 100%;
    margin-bottom: 0px;
    overflow: hidden;
    text-align: center;
}
.topadcs a {
    display: block;
    margin: 0 auto;
    height: 400px;
}


.cpMain{ background:#EBEBEB; overflow:hidden;}
.cpMain .container{ margin-top:20px;padding-bottom:20px;}
/*cpright*/
.cpright{ width:885px;margin-bottom: 20px; padding:0 25px; margin-left: 25px;background:#fff; float:right;}
#ny_prBox{background-color: #fff; margin-bottom:30px; min-height:500px; margin-top: 55px;}
#rtop{padding-top: 18px; padding-bottom: 15px;margin: 12px 20px 0 20px;}
.rtop{ overflow:hidden;    background: #fff;
    padding: 10px;padding-bottom:9px; border-bottom:1px solid #dbdbdb;}
.rtop h5{ float:left; padding-left:10px; border-left:3px solid #0e74e0; font-weight:normal; line-height:16px; }
.rtop h5 a{ font-size:16px; color:#0e74e0;}
.rtop span{ float:right;}
.rtop span em{ color:#999;}
.rtop span a{ color:#999;}

.cpMain .pleft{ overflow:hidden; float:left; width:240px; }
.cpMain .pleft h3{width: 100%;
    height: 60px;
    background: url(../images/pro_h.jpg) no-repeat center;
    font-weight: normal;
    font-size: 24px;
    line-height: 60px;
    text-align: center;}
.cpMain .pleft h3 a{ color:#fff;}
.cpMain .pleft h3 span{ display:none; }
.cpMain .pleft ul{ overflow:hidden; width:240px;  padding-bottom:15px; border-top:none; padding-top:10px; border-bottom:1px solid #e3e0e0;background: #fff;}
.cpMain .pleft li{     overflow: hidden;
    width: 214px;
    margin: 0 auto;
    margin-top: 20px;}
.cpMain .pleft li>a{overflow: hidden;
    text-indent: 15px;
    width: 100%;
    height: 45px;
    display: block;
    font-size: 16px;
    background: url(../images/pro_m.png) no-repeat 175px center;
    background-color: #e8e8e8;
    line-height: 45px;}
.cpMain .pleft li:hover>a,.cpMain .pleft li>a.cur{ background-color:#f7f7f7}
.cpMain .pleft li>a.cur{color:#0e74e0;}
.cpMain .pleft .pnav { overflow: hidden;
    width: 180px;
    padding-left: 34px;}
.cpMain .pleft .pnav a{ display: block;
    padding-left: 10px;
    background: url(../images/pro_list.png) no-repeat left center;
    font-size: 13px;
    color: #333;
    line-height: 36px;}
.cpMain .pleft li.cur>a,.cpMain .pleft li>a:hover{ color:#fff; background:url(../images/n01.png) no-repeat 185px center; background-color:#0e74e0;}
.cpMain .pleft .pnav a:hover,.cpMain .pleft .pnav a.cur{ color:#0e74e0}
.cpMain .phone { overflow:hidden; width:240px; padding:10px 0; background-color:#0e74e0;}
.cpMain .phone p{ font-size:14px; color:#fff;}
.cpMain .phone b{ display:block; font-size:16px; color:#fff; }

.cpMain .lianxi_a{background:url(../images/pro_phone_1.png) no-repeat 20px center; display:block;width: 170px;
    padding-left: 70px; margin-bottom: 10px;  height: 50px;}
.cpMain .lianxi_b{background:url(../images/pro_phone_2.png) no-repeat 20px center; display:block;width: 170px;
    padding-left: 70px;    height: 50px;}

.pro_c_s{ margin-top:20px;}

.pro_c_s .list{ overflow:hidden; width:275px; margin-right:42px; height:300px; background-color:#fff; float:left; margin-bottom:42px;
    position: relative;
    overflow: hidden;
                }
.pro_c_s .list img{    display: block;
    transition: all 1s ease-out;
    transform: scale(1);}
.pro_c_s .list .til{ display:block; width:100%; height:56px; margin-top: 245px; text-align:center; font-size:13px; color:#333; text-decoration:none; padding-top:10px;}

.pro_c_s .list a{
    width: 278px;
    height: 227px;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}
.pro_c_s .list:hover{box-shadow: 0px 0px 2px 3px #efefef;}
.pro_c_s .list:hover a{display: block;}
.pro_c_s .list:hover img{transform: scale(1.2);}


.pro_c_s_i{ margin-top:20px;}
.pro_c_s_i .list{ overflow:hidden; width:293px; margin-right:10px; height:300px; background-color:#fff; float:left; margin-bottom:15px;}
.pro_c_s_i .list .img{ display:block; width:276px; height:225px; overflow:hidden;    padding-bottom: 20px;}
.pro_c_s_i .list a img{ display:block; width:276px;    margin-left: 9px; height:225px;  position: relative;transition:all .5s;opacity:0.95;}
.pro_c_s_i .list a img:hover{ opacity:0.7; transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); opacity:1;}


.pro_c_s_i .list .til{ display:block; width:100%; height:56px; text-align:center; font-size:13px; color:#333; text-decoration:none; padding-top:10px;}


.pro_c_s .list .img{ display:block; width:276px; height:225px; overflow:hidden;    padding-bottom: 20px;}
.pro_c_s .list a img{ display:block; width:276px;  height:225px;  position: relative;transition:all .5s;opacity:0.95;}
.pro_c_s .list a img:hover{ opacity:0.7; transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); opacity:1;}