
.fanan{
    padding: 90px 0 50px;
}
.fanan ul{margin-left: -2%;display: flex;flex-wrap: wrap;}
.fanan li a{
    display: block;
}
.fanan li{ float: left;width: 48%;vertical-align: top;box-shadow: 0 2px 10px rgba(0,0,0,0.14);background-color: #f8f8f8;box-sizing: border-box;margin-left: 2%;margin-bottom: 3%;position: relative}
.fanan li .pic{overflow: hidden;width: 50%;float: left;position: relative;z-index:2}
.fanan li .pic img{
    transition: all 1s;
    display: block;
}
.fanan li:hover .pic img{
    transform: scale(1.05);
}
.fanan li img{width: 100%;}
.fanan li .right{width: 45%;float: right;padding:20px 0;position: relative;z-index:2}
.fanan li .right h2{font-size: 20px;overflow: hidden;color: #00479d;line-height: 48px;}
.fanan li:hover .right h2,
.fanan li:hover .right .tenr{
    color: #fff;
}
.fanan li .right .xian{width: 25px;height: 3px;background: #00479d;}
.fanan li:hover .right .xian{
    background: #fff;
}
.fanan li .right .tenr{
    margin-top: 15px;
    width: 90%;
}
.fanan li .right .tenr p{
    font-size: 14px;
}
.fanan li .right .more{
    margin-top: 30px;
    overflow: hidden;
}
.fanan li .right .more a{
    width: 127px;
    height: 35px;
    margin-right: 15px;
    line-height: 35px;
    float: left;
    text-align: center;
    border: 1px #333 solid;
}
.fanan li .right .more a:hover{background:#00479d;color:#ffff;border:#fff 1px solid;}
.fanan li:after{
    content: "";
    transform-origin: right bottom;
    background: #00479d;
    position: absolute;
    right: 0;
    bottom: 0;
    transition: all .6s ease;
    width: 80px;
    height: 80px;
    z-index: 1;
}
.fanan li:hover:after{
    width: 100%;
    height: 100%;
}
.fanan li .add{position: absolute;z-index: 2;right: 0;bottom: 0;width: 80px;height: 80px;transition: all .6s ease;background: url('../images/prolbIcon.png') no-repeat center/30px auto;}
.fanan li:hover .add{
    transform: rotate(-180deg);
}
.fanan_con{}
.fanan_con h2{font-size: 24px;text-align: center;}
.fanan_con .fanan_con_t{margin-top: 20px;}
.fanan_con .pic{text-align: center;}
.fanan_con .pic img{max-width: 100%;}
.fanan_con .box{padding:40px 10%;}
.fanan_con .box table{border-left:1px solid #DDD;border-top:1px solid #DDD;line-height: 30px;}
.fanan_con .box td{border-right:1px solid #DDD;border-bottom:1px solid #DDD;padding:10px;font-size: 16px;}

.cpny .title {font-size:0.8rem;text-align:center;font-weight:bold;}
.cpny {padding:1rem 2em 1.5rem;box-shadow:0px 7px 19px 0px #ededed;margin-bottom:3rem;}
.cpny .line {width:80px;height:3px;background:#00479d;margin:0.2rem auto 0.2rem;margin-bottom: 1rem;}
.cpny .cp {}
.n_content_right {width:90%;margin:auto;overflow:hidden;padding-bottom:1%;}
.n_content_right .adress {font-size:16px;float:left;margin-bottom:10px;width:100%;}
.n_content_right .adress span {}
.xn_c_prodshowv_5_wrap_1_1 {margin:0 auto;display:block;width:176px;letter-spacing:4px;height:77px;color:#898988;padding-top:70px;font-size:40px;}
.xn_c_prodshowv_5_wrap_2 span {color:#666666;text-align:center;display:block;font-size:32px;font-family:"Arial";margin-top:45px;margin-bottom:15px;}
.xn_c_prodv_67_wrap {width:40%;height:auto;float:left;position:relative;}
/* proDetailsCanS */.proDetailsCanS {width:100%;background:#fff;overflow:hidden;}
.proDetailsCanS .anniu {}
.clear {
    clear: both;
}
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after {
    display: table;
    content: " ";
}
.proDetailsCanS .anniu .yhal {width:180px;float:left;border-radius:50px;height:40px;background:url(../images/anniu.jpg) no-repeat center;margin-right:25px;line-height:40px;text-align:center;}
.proDetailsCanS .anniu .yhal a {color:#fff;}
.proDetailsCanS .page {position:relative;width: 99%;margin-top:50px;}
.proDetailsCanS .menu {width:100%;height:51px;position:absolute;border-bottom:1px solid #e1e1e1;}
.proDetailsCanS .menu ul {overflow: hidden;}
.proDetailsCanS .menu li {float:left;width: 16%;}
.proDetailsCanS .menu li.status_on {color:#131c7c;font-weight:bold;}
.proDetailsCanS .menu li a {float:left;height:50px;line-height:50px;font-size: 16px;text-align: center;width: 100%;color:#333;border-right:1px #ddd solid;cursor:pointer;}
.proDetailsCanS .mainCon {width:100%;background:#fff;margin-top:50px;}
.proDetailsCanS .mainCon .box {width:100%;padding:15px 0;overflow:hidden;}
.proDetailsCanS .mainCon .box tr {border:1px #111 solid;}
.proDetailsCanS .mainCon .box td {border:1px #111 solid;}
.proDetailsCanS .mainCon .box .conL {}
.proDetailsCanS .mainCon .box .conL img {margin:auto;}
.proDetailsCanS .mainCon .box p {width:100%;font-size: 16px;color:#333333;float:left;text-align:left;}
/**/.EIMS_C_40014_1_s_box {width:100%;position:relative;border:1px solid #ececec;}
.EIMS_C_40014_1_s_box img {width:100%;}
.EIMS_C_40014_1_s_box .move {position:absolute;top:0;left:0;background:#EEE;z-index:99;filter:alpha(opacity=60);opacity:0.6;display:none;cursor:move;}
/**/.EIMS_C_40014_1_g-box .b_box {position:absolute;top:0px;overflow:hidden;display:none;}
.EIMS_C_40014_1_g-box .b_box img {position:absolute;top:0px;left:0px;border-style:none;}
/**/.EIMS_C_40014_1_i_box {width:100%;overflow:hidden;float:left;position:relative;margin:6px 0 0 0;}
.EIMS_C_40014_1_p_box {width:424px;overflow:hidden;height:85px;float:left;margin:0 0 0 30px;position:relative;}
.EIMS_C_40014_1_p_box ul {position:absolute;top:0;left:0;margin-left:0px;height:auto;}
.EIMS_C_40014_1_p_box li {width:100px;border:1px solid #e5e5e5;float:left;margin-right:8px;}
.EIMS_C_40014_1_p_box li a {display:block;}
.EIMS_C_40014_1_p_box li a.xn_c_prodv_67_curr {}
.EIMS_C_40014_1_p_box li img {width:100%;border-style:none;}
#EIMS_C_40014_1_pre,#EIMS_C_40014_1_next {width:30px;height:60px;position:absolute;top:10px;cursor:pointer;background:#000;}
#EIMS_C_40014_1_pre {left:0px;background:url(../images/40014_1_pre.png) no-repeat;}
#EIMS_C_40014_1_next {right:0px;background:url(../images/40014_1_next.png) no-repeat;}
/*end_xn_c_prodv_67_wrap*//*xn_c_prodv_57_wrap*/.xn_c_prodv_57_wrap {width:57%;margin:0px auto 0;float:right;}
.xn_c_prodv_57_jshao1 {display:none;}
.xn_c_prodv_57_jshao2 {display:block;height:40px;line-height:20px;overflow:hidden;width:100%;font-size:12px;}
.xn_c_prodv_57_jshao {border-bottom:1px dashed #aaa;margin-bottom:20px;}
.xn_c_prodv_57_name h1 {font-size:32px;font-weight:normal;color:#15202f;white-space:nowrap;text-overflow:ellipsis;/**/-o-text-overflow:ellipsis;/**/overflow:hidden;-moz-binding:url('ellipsis.xml#ellipsis');height:52px;line-height:40px;}
.xn_c_prodv_57_mliao {display:none;}
.xn_c_prodv_57_xhao {line-height:40px;overflow:hidden;margin-top:15px;}
.xn_c_prodv_57_xhao span {font-size:14px;line-height:34px;margin:0 0 0px;float:left;}
.xn_c_prodv_57_xhao2 {font-size:16px;color:#2f2f2f;display:inline-block;float:left;width:100%;overflow:hidden;line-height:30px;height:30px;}
.xn_c_prodv_57_xhao1 {font-size:18px;color:#2f2f2f;display:inline-block;float:left;font-weight:bold;}
.xn_c_prodv_57_yans {line-height:30px;height:30px;}
.xn_c_prodv_57_yans2 {font-size:12px;color:#2f2f2f;display:inline-block;float:left;width:60%;overflow:hidden;line-height:30px;height:30px;}
.xn_c_prodv_57_yans1 {font-size:12px;color:#2f2f2f;display:inline-block;float:left;}
.xn_c_prodv_57_lxing {margin-top:10px;line-height:30px;height:30px;margin-bottom:10px;}
.xn_c_prodv_57_lxing2 {font-size:16px;color:#2f2f2f;display:inline-block;float:left;width:60%;overflow:hidden;line-height:30px;height:30px;}
.xn_c_prodv_57_lxing1 {font-size:18px;color:#2f2f2f;display:inline-block;float:left;}
.xn_c_prodv_57_lbie {border-top:1px dashed #aaa;margin-top:20px;line-height:53px;/* height:50px; *//* height:51px; */}
.xn_c_prodv_57_lbie2 {font-size:24px;color:#15202f;display:inline-block;font-weight:bold;float:left;width:60%;/* overflow:hidden; */line-height: 50px;/* height:40px; */}
.xn_c_prodv_57_lbie1 {font-size:16px;color:#2e2e2e;display:inline-block;float:left;}
.xn_c_prodv_57_lbie1 span {padding-top:8px;}
/*end_xn_c_prodv_57_wrap*//*xn_c_prodv_7_wrap*/.xn_c_prodv_7_wrap {width:100%;border:1px solid #f1f1f1;background:#fff;height:58px;margin-top:40px;line-height:58px;float:left;}
.xn_c_prodv_7_wrap #EIMS_C_3_1_box_div {overflow:hidden;}
.xn_c_prodv_7_wrap #EIMS_C_3_1_box_div ul {list-style:none;padding:0px;margin:0px;}
.xn_c_prodv_7_wrap #EIMS_C_3_1_box_div li {float:left;}
.xn_c_prodv_7_wrap .EIMS_C_3_1_page {white-space:nowrap;text-overflow:ellipsis;/**/ -o-text-overflow:ellipsis;/**/ overflow:hidden;/**/ -moz-binding:url('ellipsis.xml#ellipsis');/**/ FONT-SIZE:12px;COLOR:#666;width:400px;overflow:hidden;display:inline-block;HEIGHT:58px;LINE-HEIGHT:58px;}
.xn_c_prodv_7_wrap .EIMS_C_3_1_page A:link {COLOR:#666;TEXT-DECORATION:none;}
.xn_c_prodv_7_wrap .EIMS_C_3_1_page A:visited {COLOR:#666;TEXT-DECORATION:none;}
.xn_c_prodv_7_wrap .EIMS_C_3_1_page A:hover {COLOR:#ff0000;TEXT-DECORATION:underline;}
.xn_c_prodv_7_wrap #EIMS_C_3_1_Downli {margin-right:25px;float:right;text-align:right;}
.xn_c_prodv_7_wrap #EIMS_C_3_1_Upli {margin-left:25px;float:left;}
/*end_xn_c_prodv_7_wrap*//*xn_c_prodv_64_wrap*/.xn_c_prodv_64_wbox {width:100%;}
.xn_c_prodv_64_wrap {width:100%;margin:10px auto;font-size:12px;background:#fff;float:left;}
.xn_c_prodv_64_top {width:100%;line-height:56px;height:56px;border-bottom:1px solid #f6f6f6;}
.xn_c_prodv_64_cWrap {font-size:20px;font-weight:bold;margin-left:30px;}
/*xn_c_prodv_64_wrap*/.xn_c_prodv_64_wbox {width:100%;}
.xn_c_prodv_64_wrap {width:100%;margin:10px auto;font-size:12px;background:#fff;float:left;}
.xn_c_prodv_64_top {width:100%;line-height:56px;height:56px;border-bottom:1px solid #f6f6f6;}
.xn_c_prodv_64_cWrap {font-size:20px;font-weight:bold;margin-left:30px;}
.xn_c_prodv_64_topmore {margin-right:30px;float:right;margin-top:0;}
.xn_c_prodv_64_topmore a {color:#000000;font-size:12px;}
.xn_c_prodv_64_topmore a:hover {color:#f00;text-decoration:underline;}
.xn_c_prodv_64_eWrap {display:none;}
.xn_c_prodv_64_dashw {display:none;}
.xn_c_prodv_64_cocnt {width:100%;}
.xn_c_prodv_64_cocntbox {float:left;width:23.5%;margin-right:15px;}
.xn_c_prodv_64_cocntlft {border:1px solid #f4f4f4;position:relative;}
.xn_c_prodv_64_cocntlft img {width:100%;height:100%;}
.xn_c_prodv_64_cocntlft a {opacity:0;position:absolute;left:0;top:0;width:100%;border:1px transparent rgba(28,30,45,0);transition:1s all ease;background:rgba(28,30,45,0);height:100%;display:block;}
.xn_c_prodv_64_cocntlft:hover a {opacity:1;background:rgba(28,30,45,0.5);}
.xn_c_prodv_64_cocntrit {}
.xn_c_prodv_64_cocntrit_name {width:100%;line-height:20px;text-align:center;}
.xn_c_prodv_64_cocntrit_name a {color:#1c1e2d;font-size:12px;height:48px;line-height:48px;}
.xn_c_prodv_64_cocntrit_name a:hover {color:#ff0000;text-decoration:underline;}
.xn_c_prodv_64_cocntrit_time {display:none;width:140px;line-height:20px;}
.xn_c_prodv_64_cocntrit_cont {display:none;width:140px;height:40px;line-height:20px;overflow:hidden;}
.xn_c_prodv_64_cocntrit_more {display:none;width:140px;}
.xn_c_prodv_64_cocntrit_Unit {display:none;}
@media (max-width:1280px){
    .fanan li:after{
        display: none;
    }
}
@media (max-width:768px) {
    .cpny{
        padding: 0;
    }
    .fanan li{width:100%;}
    .fanan li .pic{width:100%;}
    .fanan li .right{width:95%;}
    .xn_c_prodv_67_wrap{width:100%;}
.xn_c_prodv_57_name h1{font-size:22px;}
.xn_c_prodv_57_lbie2{font-size:18px}
.xn_c_prodv_57_wrap{width:100%;margin-top: 15px;}
.proDetailsCanS .menu li{width: 33%;}
.proDetailsCanS .anniu .yhal{width:40%}
.proDetailsCanS .menu{
    height: auto;
    position: relative;
}
.proDetailsCanS .mainCon{
    margin-top: 10px;
    width: 95%;
}
.xn_c_prodv_64_cocntbox{width:45%;}
.proDetailsCanS .mainCon table,.proDetailsCanS .mainCon .box tbody {
    width: 100%;
}
.proDetailsCanS .mainCon .box tbody img {
    width: 100% !important;
    height: auto !important;
}
}

@media (max-width:500px) {
    #SmallPicList{
        width: auto;
        margin: 0 30px;
        float: none;
    }
    .EIMS_C_40014_1_p_box ul{
        width: 100% !important;
    }
    .EIMS_C_40014_1_p_box li{
        width: 30%;
    }
}