<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
.case_con { width:1200px; margin-left:auto; margin-right:auto;margin-top:30px;     position: relative; }
.case_con1 { width:100%; margin-left:auto; margin-right:auto;}

.c_menu{padding-bottom: 60px;}
.c_menu .c_ul{width: 810px;margin: 0px auto;}
.c_menu .c_ul .c_li{float: left;width: 202px;    padding-bottom: 30px; position:relative; }
.c_menu .c_ul .c_li .icon{position: relative;top: 2px;left: 15px;}
.c_menu .c_ul .lcurrent{color:#199ED8;}
.c_menu .c_ul .lcurrent .icon{position:relative; top:4px;}
.c_menu .c_ul li .alert_menu{display:none;width: 1200px;height: 82px;background-color: #eeeeee;border-radius:4px;position:absolute;z-index:1;top:16px;overflow:hidden; top: 40px;}
.c_menu .c_ul li .alert_menu ul{ margin-top:22px;}
.c_menu .c_ul li .alert_menu ul li{width: auto;margin-left: 25px;font-size:15px; float:left;}
.c_menu .c_ul li .alert_menu ul .currnet a{color:#199ED8;}
.c_menu .c_ul li .alert_menu ul a:hover{color:#199ED8;}
.c_menu .c_ul li .trigon{width:0px; height:0px; border-top:12px solid white; border-bottom:12px solid transparent; border-left:12px solid transparent; border-right:12px solid transparent;  position:absolute; z-index:2;  top:0px;   }
.c_menu .c_ul li .p1{left:-197px;}
.c_menu .c_ul li .p2{left:-398px;}
.c_menu .c_ul li .p3{left:-600px }
.c_menu .c_ul li .p4{left:-802px}
.c_menu .c_ul li .p1 .trigon{left:280px;}
.c_menu .c_ul li .p2 .trigon{left:480px;}
.c_menu .c_ul li .p3 .trigon{left:687px}
.c_menu .c_ul li .p4 .trigon{left:886px}


.c_hr{width: 10000px; border-bottom: 1px solid #CCCCCC; position: relative;left: -5000px;}

.case_con .c_middle{margin-top: 35px;}
.case_con .c_middle .recommend .r_tit{ text-align:left; }
.case_con .c_middle .recommend ul{ margin-top:30px;}
.case_con .c_middle .recommend ul li:nth-child(3n+1){ margin-left:0px;}
.case_con .c_middle .recommend ul li{ float:left;margin-left: 18px; width:387px;margin-bottom:30px;}
.case_con .c_middle .recommend ul li .img{width:385px; height:231px;    border: 1px solid #cccccc;border-bottom: none; overflow:hidden;}
.case_con .c_middle .recommend ul li img{    width: 100%; height: 100%; transition: all 0.6s;  }
.case_con .c_middle .recommend ul li img:hover{  transform: scale(1.2);  }  
.case_con .c_middle .recommend ul li .tit{ border: 1px solid #cccccc;padding: 16px;}

.case_con .c_middle .new{ margin-top:60px;}
.case_con .c_middle .new .r_tit{ text-align:left; }
.case_con .c_middle .new ul .li_l{ margin-left:0px;}
.case_con .c_middle .new ul li{float: left;margin-left: 21px; margin-top: 40px; width: 284px;}
.case_con .c_middle .new ul li .img{width: 282px; height:169px;    border: 1px solid #cccccc;border-bottom: none; overflow:hidden;}
.case_con .c_middle .new ul li img{    width: 100%; height: 100%; transition: all 0.6s;  }
.case_con .c_middle .new ul li img:hover{  transform: scale(1.2);  }  
.case_con .c_middle .new ul li .tit{ border: 1px solid #cccccc; _border-top:none; padding: 16px;}

.case_con .c_middle .new1{ margin-top:60px;}
.case_con .c_middle .new1 .r_tit{ text-align:left; }
.case_con .c_middle .new1 ul .li_l{ margin-left:0px;}
.case_con .c_middle .new1 ul li{float: left;margin-left: 21px; margin-top: 40px; width: 175px;}
.case_con .c_middle .new1 ul li .img{width: 175px; height:72px;border-bottom: none; overflow:hidden;}
.case_con .c_middle .new1 ul li img{width: 100%; height: 100%; transition: all 0.6s;  }
.case_con .c_middle .new1 ul li img:hover{  transform: scale(1.2);  }  
.case_con .c_middle .new1 ul li .tit{line-height:25px;}

/*当没有数据时*/



.case_list_con {width:1200px; margin-left:auto; margin-right:auto;margin-top:30px;position: relative; }

.case_list_con .c_middle{margin-top: 35px;}
.case_list_con .c_middle .c_list li{ float:left;width: 387px; margin-left: 19px; margin-bottom:40px;}
.case_list_con .c_middle .c_list li .img{ width: 385px; height:230px;   border: 1px solid #cccccc; overflow:hidden;border-bottom: none;}
.case_list_con .c_middle .c_list li .img img{  width: 100%; height: 100%; transition: all 0.6s;}
.case_list_con .c_middle .c_list li .img img:hover{  transform: scale(1.2);  } 
.case_list_con .c_middle .c_list li .tit{ border: 1px solid #cccccc;  padding: 16px;}
.case_list_con .c_middle .c_list .li_l{ margin-left:0px;}
.case_list_con .c_middle .page .more{border: 2px #cccccc solid;width:175px;height:35px;border-radius: 5px; margin:auto; background-image:url(../img/more.png); background-repeat:no-repeat; background-position:center;}


.case_show_con {width:1200px; margin-left:auto; margin-right:auto;margin-top:50px;position: relative; }

.case_show_con .c_left{float:left;width: 825px; text-align:left; }
.case_show_con .c_left .tit{font-weight:700; font-style: normal;font-size: 16px; }
.case_show_con .c_left .con{margin:20px 0px 40px 0px;font-size: 15px;line-height: 25px;}


.case_show_con  .case_show_line{ border-top:2px solid #ccc;width: 100px;margin: auto;}
.case_show_con .c_left .case_apply{ margin-top:30px;}
.case_show_con .c_left .case_apply .tit{font-weight:400; font-style: normal;font-size: 28px; text-align:center; }
.case_show_con .c_left  .case_apply .con2{font-size: 18px;text-align: center; width:500px;  margin: 30px auto 30px auto;line-height: 28px; }

.case_show_con .c_left .tit1{font-size: 28px;}
.case_show_con .c_left .sub_tit{ color:rgb(153,153,153);font-size: 14px; margin-top: 10px;}
.case_show_con .c_left .sub_tit img{position:relative;top: 4px;left: -1px;}
.case_show_con .c_left .con1{font-size: 14px; margin-top:45px;}
.case_show_con .c_left .info{margin-top: 50px;    border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;padding: 20px 0px;}
.case_show_con .c_left .info .i_img{ width:260px; height:155px; float:left;}
.case_show_con .c_left .info .i_img img{width:100%; height:100%;border: 1px solid #cccccc;}
.case_show_con .c_left .info .i_left{ float:left;width: 450px;margin-left: 110px;}
.case_show_con .c_left .info .i_left  .i_tit{color: #999999;font-size: 16px;margin-bottom: 5px;}
.case_show_con .c_left .info .i_left  .i_con{font-size: 16px;margin-bottom: 5px;}
.case_show_con .c_left .info .i_left .i_l{     margin-top: 33px;   float: left; width: 189px;}
.case_show_con .c_left .info .i_left .i_r{      margin-top: 33px;  float: left; width:260px;}
.case_show_con .c_left .tit2{font-size: 23px;width: 737px;margin: 30px auto 30px auto; text-align:center;}
.case_show_con .c_left .img img{  width:100%;margin-top: 10px;}
.case_show_con .c_left .tit3{font-size: 28px; margin-top:40px;text-align: center;}
.case_show_con .c_left .ul{margin-top: 45px;    margin-bottom: 100px;}
.case_show_con .c_left .ul li{    margin-bottom: 40px;border-left: 1px solid rgb(0,102,204);  padding: 2px 0px 2px 20px;}
.case_show_con .c_left .ul li .u_tit{font-weight: 700; font-size:18px;}
.case_show_con .c_left .ul li .u_con{font-size: 14px;line-height: 24px;margin-top: 2px;}

.case_show_con .c_right{float:right; width:325px;text-align:left;}
.case_show_con .c_right .info{width:270px; margin: 10px auto 20px auto;line-height: 30px; }
.case_show_con .c_right .tit{padding-bottom: 13px;border-bottom: 1px solid #cccccc;font-weight: 700;font-style: normal;font-size: 16px;}
.case_show_con .c_right .con{margin-top:17px; padding-bottom:10px;}
.case_show_con .c_right .blue a{color:#329CEB}
.case_show_con .c_right .top{border: 1px solid #CCCCCC;}
.case_show_con .c_right .bottom{border: 1px solid #CCCCCC; margin-top:30px;}
.case_show_con .c_right .r-button{
    font-size:14px;
    width: 105px;
    color: #666666;
    border: 1px solid rgb(0,102,204);
    padding: 2px 43px;
    text-align: center;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    border-radius: 23px;
    margin: auto auto 10px auto;
    overflow:hidden;
   
}
.case_show_con .c_right .r-button:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:rgb(0,102,204);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    border-radius: 23px;

}
.case_show_con .c_right .r-button:hover,.case_show_con .c_right .r-button:focus,.case_show_con .c_right .r-button:active {
    color: white;
}
.case_show_con .c_right .r-button:hover:before,.case_show_con .c_right .r-button:focus:before,.case_show_con .c_right .r-button:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}


.case_contact_con{width:1200px; margin-left:auto; margin-right:auto;margin-top:50px;position: relative; }

.case_contact_con .c_left{float:left;width:662px; text-align:left; }
.case_contact_con .c_left .tit{text-align:left;line-height:45px;font-size:32px; width:538px;}
.case_contact_con .c_left .con{text-align:left;margin-top:40px; line-height:39px;font-size:20px;padding-bottom: 50px;border-bottom: 1px solid #cccccc;}
.case_contact_con .c_left .logolist{ margin-top:50px; }
.case_contact_con .c_right{float:right; width:485px;text-align:left;background-color:rgb(25, 158, 216)}

.case_contact_con .c_right .case_table{width:85%;margin:37px auto;color:white;font-size:13px;}
.case_contact_con .c_right .case_table .cinput{border:none; border-radius:4px; width:290px; height:32px;}
.case_contact_con .c_right .case_table .ctext{border:none; border-radius:4px; width:290px; height:150px;}
.case_contact_con .c_right .case_table tr td{padding:10px 0px;}
.case_contact_con .c_right .case_table tr .tl{width:100px;}
.case_contact_con .c_right .case_table tr td .sub{width:100%;height:40px;border:none;background-color:white;border-radius:4px;margin-top:45px;}


.case_map_con {width:1200px; margin-left:auto; margin-right:auto;margin-top:50px;position: relative; }

.case_map_con .c_left{float:left; width:350px;}
.case_map_con .c_left .map_topleft{float:left;width:50%; background-color:#eeeeee;padding: 13px 0px; cursor:pointer;}
.case_map_con .c_left .map_topright{float:left;width:50%;background-color:#aaaaaa;padding: 13px 0px;cursor:pointer;color:white;}
.case_map_con .c_left .con .select{ background-color:#eeeeee;padding: 10px 0px; text-align:center; }
.case_map_con .c_left .con .select select{  margin:0px auto; font-size: 12px;line-height: 14px;display: block;min-width: 240px; max-width: 100%;padding: 15px 14px 14px;color: #4e4e4e;border: 2px solid #eee;background: url(../img/selectbox-arrow.png) right center no-repeat #fff;-webkit-appearance: none;-moz-appearance: none;-webkit-border-radius: 0!important;-moz-border-radius: 0!important; border-radius: 0!important;} 
.case_map_con .c_left .con .select select::-ms-expand { display: none; }
.case_map_con .c_left .list{background-color:#f8f8f8;height: 383px; overflow:hidden;}
.case_map_con .c_left  #map_tab2{display:none}
.case_map_con .c_left #map_tab2 .list{ height:430px;}



.case_map_con .c_left .list li{ padding-top:14px; padding-bottom:12px;  overflow:hidden;}
.case_map_con .c_left .list li:hover{ background-color:rgb(225,225,225);}
.case_map_con .c_left .list li .li_l{float:left; width:20%;  background:url(../img/spot.png) center no-repeat; color:white; font-size:11px; padding:7px 0px; background-position-y:3px;}
.case_map_con .c_left .list li .li_r{float:left;width:77%; text-align:left;}
.case_map_con .c_left .list li .li_r .tit{font-size:15px; margin-top:5px;}
.case_map_con .c_left .list li .li_r .con{color:#999999;font-size:13px;margin-top: 7px; line-height: 18px; }


.case_map_con .c_left #map_tab2 .list li{padding-top: 0px;}
.case_map_con .c_right{ float:left;width:850px;}

/* 地图弹出样式 */
    .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
    .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}



/* content_2 scrollbar */
.case_map_con .c_left .mCSB_scrollTools{ width:10px;}
.case_map_con .c_left .list .mCSB_container{margin-right:0px;}
.case_map_con .c_left .list .mCSB_scrollTools .mCSB_draggerRail{width:100%;box-shadow:1px 1px 1px rgba(255,255,255,0.1);_background-color:red; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;background:#f8f8f8;}
.case_map_con .c_left .list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:100%;_background:rgba(255,255,255,0.4);background: rgba(0,0,0,0.4);filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */-webkit-border-radius: 0px;-moz-border-radius: 0px; border-radius: 0px;}
.case_map_con .c_left .list .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{_background:rgba(255,255,255,0.5);background: rgba(0,0,0,0.5);filter:"alpha(opacity=50)"; -ms-filter:"alpha(opacity=50)"; /* old ie */}
.case_map_con .c_left .list .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.case_map_con .c_left .list .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{_background:rgba(255,255,255,0.6);background: rgba(0,0,0,0.6);filter:"alpha(opacity=60)"; -ms-filter:"alpha(opacity=60)"; /* old ie */}


.education_con {width:1200px; margin-left:auto; margin-right:auto;margin-top:50px;position: relative; }

.education_con .c_left{float:left;width: 825px; text-align:left;  }
.education_con .c_left .tit1{font-weight:400; font-style: normal;font-size: 28px; }
.education_con .c_left .sub_tit{ color:rgb(153,153,153);font-size: 14px; margin-top: 10px;line-height:50px;}
.education_con .c_left .sub_tit img{position:relative;top: 4px;left: -1px;}
.education_con .c_left .con1{margin:40px 0px 40px 0px;font-size: 14px;line-height: 23px;}
.education_con .c_left .img1 img{width:100%;}
.education_con .c_left .tit2{margin-top:60px; font-weight:400; font-style: normal;font-size: 28px; text-align:center;}
.education_con .c_left .con2{margin:20px 0px 15px 0px;font-size: 14px;line-height: 23px;}
.education_con .c_left .con2_info{border-top:solid 1px #cccccc;border-bottom:solid 1px #cccccc;padding-top:50px;}
.education_con .c_left .con2_info ul{margin-left:-120px;}
.education_con .c_left .con2_info ul li{ float:left; margin-left:120px; width:352px; margin-bottom:50px;}
.education_con .c_left .con2_info ul li .i_icon{width:50px;height:50px; background-image:url(../img/industry/page1_icon1.png); background-size:50px 50px;}
.education_con .c_left .con2_info ul li .i_tit{font-size: 20px; margin-top:13px;}
.education_con .c_left .con2_info ul li .i_con{font-size:13px;color: rgb(51, 51, 51);margin-top:14px;}
.education_con .c_left .tit3{font-weight:400; font-style: normal;font-size: 28px; text-align:center; margin:50px auto; }
.education_con .c_left .con3{}
.education_con .c_left .con3 ul{margin-left:-120px;}
.education_con .c_left .con3 ul li{ float:left; margin-left:120px; width:352px; margin-bottom:50px;}
.education_con .c_left .con3 ul li .i_icon{float: left;width:50px;height:50px; background-image:url(../img/industry/page1_icon2.png); background-size:50px 50px;    position: relative;top: 11px;left: -10px;}
.education_con .c_left .con3 ul li .cli_right{float:left; width:302px;}
.education_con .c_left .con3 ul li .i_tit{font-size: 20px; margin-top:13px;}
.education_con .c_left .con3 ul li .i_con{font-size:13px;margin-top:9px;}
.education_con .c_left .tit4{font-weight:400; font-style: normal;font-size: 28px; text-align:center; }
.education_con .c_left .con4{ position:relative;}
.education_con .c_left .con4 .img{ width:852px; margin-top:45px;}
.education_con .c_left .con4 .img img{ width:100%;}
.education_con .c_left .con4 .con4_info{background-color: rgba(21,128,228,0.9); color: white;padding: 50px 80px 60px 50px; position: absolute;top: 62px;left: 539px;width: 529px;}
.education_con .c_left .con4 .con4_info .i_tit{font-size: 28px;}
.education_con .c_left .con4 .con4_info .i_line{ width:145px;height:2px; background-color: white;margin-top: 8px;}
.education_con .c_left .con4 .con4_info .i_con{font-size:16px;    margin-top: 20px;}
.education_con .c_left .con4 .con4_info .more{font-size:13px;margin-top:30px; color: white;}



.education_con .c_right{float:right; width:325px;text-align:left;}
.education_con .c_right .info{width:270px; margin: 10px auto 20px auto;line-height: 30px; }
.education_con .c_right .tit{padding-bottom: 13px;border-bottom: 1px solid #cccccc;font-weight: 700;font-style: normal;font-size: 16px;}
.education_con .c_right .con{margin-top:17px; padding-bottom:10px;}

.education_con .c_right .con .pleft{width:100%; }
.education_con .c_right .con .pleft li{ overflow:hidden; width:100%;}
.education_con .c_right .con .pleft li&gt;a{ display:block; padding-left:35px; height:54px;line-height:54px; font-size:16px; width:205px; text-decoration:none; background:url(/templates/cn2014/img/pro_s.png) no-repeat 190px center; border-bottom:1px solid #e3e0e0;color:#000;}
.education_con .c_right .con .pleft li:hover&gt;a,.con .pleft li&gt;a.cur{color:#fff; background:#0066cc url(Img/pro_s2.png) no-repeat 190px center;}
.education_con .c_right .con .pleft li&gt;a.cur{color:#009946;}
.education_con .c_right .con .pleft .pnav { overflow:hidden; padding:15px 0; width:217px; padding-left:23px; font-size:14px; line-height:35px; color:#666;border-bottom:1px solid #e3e0e0;}
.education_con .c_right .con .pleft .pnav .three_pnav{padding-left:35px;}
.education_con .c_right .con .pleft .pnav a{ display:block; padding-left:25px;text-decoration:none;}
.education_con .c_right .con .pleft .pnav a:hover{background:url(/templates/cn2014/img/02.png) no-repeat left center;}
.education_con .c_right .con .pleft li.cur&gt;a{ color:#fff; background:#0066cc url(/templates/cn2014/img/pro_s2.png) no-repeat 190px center;}
.education_con .c_right .con .pleft .pnav a:hover,.con .pleft .pnav a.cur{ color:#0066cc;background:url(/templates/cn2014/img/02.png) no-repeat left center;}
.education_con .c_right .con .pleft .pnav .three_pnav a:hover,.con .pleft .pnav .three_pnav a.cur{ color:#0066cc;background:url(/templates/cn2014/img/02.png) no-repeat left center;}


.education_con .c_right .blue a{color:#329CEB}
.education_con .c_right .top{border: 1px solid #CCCCCC;margin-bottom: 30px;}
.education_con .c_right .bottom{border: 1px solid #CCCCCC; margin-top:30px;margin-bottom: 30px;}
.education_con .c_right .r-button{
    font-size:14px;

    width: 105px;
    color: #666666;
    border: 1px solid rgb(0,102,204);
    padding: 2px 43px;
    text-align: center;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    border-radius: 23px;
    margin: auto auto 10px auto;
    overflow:hidden;
   
}
.education_con .c_right .r-button:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:rgb(0,102,204);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    border-radius: 23px;

}
.education_con .c_right .r-button:hover,.education_con .c_right .r-button:focus,.education_con .c_right .r-button:active {
    color: white;
}
.education_con .c_right .r-button:hover:before,.education_con .c_right .r-button:focus:before,.education_con .c_right .r-button:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

@charset "utf-8";

#productbox1{
	background-color: #FFFFFF;
	width: 100%;
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
}

#productbox1 .productPhotoList{
	flex-direction: row;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom: 25px;
}





#productbox1 .productPhotoList li{
	width: 24%;
	max-width: 300px;
	height: 180px;
	border-radius: 3px;
	background-color: #ffffff;
	border: 2px solid #F1F1F1;
	float: left;
	margin-top: 25px;
	position: relative;
	text-align: center;
	box-sizing: border-box;
	
}

#productbox1 .productPhotoList li:hover{
	border: 2px solid #014DD7;
/*	opacity: 0.5*/
}

#productbox1 .productPhotoList li p.title{
	text-align: center;
	padding-top: 5px;
	font-size: 14px;
	font-weight: bold;
	height: 40px;
	display: block;
	color: #333333;
}

#productbox1 .productPhotoList li img{
	margin-top: 10%;
}


#productbox1 .productPhotoList li:nth-child(4n){
	margin-right: 0px;
}


#productbox1 .productPhotoList li ul.fukidashiVariety{
	background-color: #ffffff;
	border-radius: 3px;
	position: absolute;
	left: -30px;
	display: none;
	z-index: 3;
	padding: 15px;
	-webkit-filter:drop-shadow(2px 2px 5px rgba(0,0,0,0.3));
	top:130px;
}

#productbox1 .productPhotoList li ul.fukidashiVariety:after {
	border:10px solid transparent;
	content:"";
	display:block;
	left:130px;
	position:absolute;
	width:0;
	top:-9px;
	border-bottom-color:#ffffff;
	border-top-width:0;
}


#productbox1 .productPhotoList li ul.fukidashiVarietyTop{
	background-color: #ffffff;
	border-radius: 3px;
	position: absolute;
	left: -30px;
	display: none;
	z-index: 3;
	padding: 15px;
	-webkit-filter:drop-shadow(2px 2px 5px rgba(0,0,0,0.3));
	top:0px;
	transform: translate(0%,-100%);

}

#productbox1 .productPhotoList li ul.fukidashiVarietyTop:after {
	border:10px solid transparent;
	content:"";
	display:block;
	left:130px;
	position:absolute;
	width:0;
	bottom:-10px;
	border-top-color:#ffffff;
	border-bottom-width:0;
}



#productbox1 .productPhotoList li ul.fukidashiVariety li,
#productbox1 .productPhotoList li ul.fukidashiVarietyTop li{
	width: 250px;
	height: auto;
	border-radius: 3px;
	float: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	text-indent: 30px;
	background : transparent url('../images/icon_variety_arrow.png') no-repeat 0px 3px;
	border: none;
	text-align: left;
}

#productbox1 .productPhotoList li ul.fukidashiVariety li:hover,
#productbox1 .productPhotoList li ul.fukidashiVarietyTop li:hover {
	border: none;
}

#productbox1 .productPhotoList li a,
#productbox1 .productPhotoList li ul.fukidashiVariety li a,
#productbox1 .productPhotoList li ul.fukidashiVarietyTop li a{
	color: #000000;
	text-decoration: none;
}
#productbox1 .productPhotoList li a{ display: block; height: 100%;}

#productbox1 .productPhotoList li ul.fukidashiVariety li a,
#productbox1 .productPhotoList li ul.fukidashiVarietyTop li a{ display: inline; height: auto; }


#productbox1 .productPhotoList li ul.fukidashiVariety li a:hover,
#productbox1 .productPhotoList li ul.fukidashiVarietyTop li a:hover{
	color: #014DD7;
}
@media screen and (min-width: 601px){
#productbox1 .productPhotoList li:hover ul.fukidashiVariety,
#productbox1 .productPhotoList li:hover ul.fukidashiVarietyTop { display: block; }

</pre></body></html>