﻿




@media (min-width: 768px){

#ea_h,#ea_ba,#ea_c,#ea_b{min-width: 1200px;}
.index_body  #ea_c{padding-top: 0px!important;}
#ea_c{padding-top: 69px;}
.top{width: 100%;position: fixed;background: #fff;height: 69px;border-bottom: 1px solid #F5F5F5;z-index: 5;}
.t_t{width: 1200px;margin:0 auto;position: relative;}


.t_logo{width: auto;height: 69px;float: left;}
.t_logo img{height: 44px;margin-top: 14px;}


.xn_h_3_wrap{float: right;width: auto;height: 69px;position: relative;}
.xn_h_3_Lang_top{height: 30px;margin-top: 21px;padding-right: 18px;background: url(http://jp.costysee.com/Images/xn_h_3_wrap.png) no-repeat right center;cursor: pointer;}
.xn_h_3_Lang_topwenzi{overflow: hidden;}
.xn_h_3_Lang_topwenzi img{height: 10px;margin-top:10px;}
.xn_h_3_Lang_HVbox{position: absolute;top:50px;right: 0;padding:5px;width:70px;text-align: right;display: none;}
.xn_h_3_Lang_HVbox>div{font-size: 12px;color: #666666;line-height: 20px;}
.xn_h_3_Lang_HVbox>div a{color: #666666;}
.xn_h_3_Lang_HVbox>div a:hover{color: #327FFF;}
.xn_h_3_wrap:hover .xn_h_3_Lang_HVbox{display: block;}


.xn_h_15_wrap{float: right;height: 69px;overflow: hidden;margin-right: 24px;}
.EIMS_C_40007_1_wrap{height: 30px;margin-top: 21px;font-size: 12px;color: #666;padding-left: 21px;background: url(http://jp.costysee.com/Images/xn_h_15_wrap.png) no-repeat left center;line-height: 30px;cursor: pointer;}
.EIMS_C_40007_1_carimg{display: none;}
#EIMS_C_40007_1_cartorder{color: #327FFF;}


.xn_h_12_wrap{float: right;height: 69px;overflow: hidden;margin-right: 24px;}
.xn_h_12_redlogin,.xn_h_12_onlogin{height: 30px;margin-top: 21px;font-size: 12px;color: #666;line-height: 30px;}

.xn_h_12_redlogin>li{padding:0 22px;float: left;}
.xn_h_12_redlogin>li>a{color: #666;}
.xn_h_12_redlogin>li>a:hover{color: #327FFF;}
.xn_h_12_rlreg{background: #327FFF;border-radius: 20px;}
.xn_h_12_redlogin>li.xn_h_12_rlreg>a{color: #fff;}
.xn_h_12_redlogin>li.xn_h_12_rlreg>a:hover{color: #fff;}
.xn_h_12_rlname,.xn_h_12_rlname1{display:none;}

.xn_h_12_onlogin>li{float: left;}
  .xn_h_12_onlogin>li.xn_h_12_olname{width:90px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.xn_h_12_onlogin>li>a{color: #666;padding:0 2px;}
.xn_h_12_onlogin>li>a:hover{color: #327FFF;}


.xn_n_14_wrap{width: 1200px;height: 0;position: relative;margin:0 auto;}
.xn_n_14_wrap_main_close{display: none;}
.xn_n_14_wrap_main{position: absolute;top:0px;height: 33px;line-height: 33px;padding-top: 20px;left: 0;z-index: 5;}
.xn_n_14_wrap_main>ul{margin-left: 168px;}
.xn_n_14_wrap_main>ul>li{float: left;font-size: 14px;color: #666;margin-right: 15px;}
.xn_n_14_wrap_main>ul>li>a{color: #666;display: block;}
.xn_n_14_wrap_main>ul>li.xn_n_14_wrap_menu1_2>a,.xn_n_14_wrap_main>ul>li.xn_n_14_wrap_menu1_cur>a,.xn_n_14_wrap_main>ul>li:hover>a{color: #327FFF;border-bottom: 1px solid #327FFF;}
.xn_n_14_wrap_main>ul>li>ul{display: none!important;}


}

@media (max-width: 768px){

.top{width: 100%;position: relative;background: #fff;height: 1.0666666666666667rem;border-bottom: 1px solid #F5F5F5;z-index:10;}
.t_t{width: auto;margin:0 auto;position: relative;}


.t_logo{width: auto;height: 1.0666666666666667rem;float: left;margin-left: 3%;}
.t_logo img{height: 0.5866666666666667rem;margin-top: 0.24rem;}


.xn_h_3_wrap{display: none;}
.xn_n_14_wrap .xn_h_3_wrap{display: block;}
.xn_h_3_Lang_top{display: none;}
.xn_h_3_Lang_HVbox{overflow: hidden;margin-left: 10%;}
.xn_h_3_Lang_wenzi>a{line-height: 0.9333333333333333rem;font-size: 0.3466666666666667rem;color: #333;float: left;padding-right: 0.26666666666666666rem;}

.xn_h_15_wrap{position: fixed;width: 1.0666666666666667rem;height: 1.0666666666666667rem;border-radius: 50%;right: 3%;top: 50%;margin-top: -0.5333333333333333rem;background: #fff;box-shadow: 0 0 0.13333333333333333rem -0.06666666666666667rem #565656;z-index: 6;}
.EIMS_C_40007_1_carimg,.xn_h_15_left,.xn_h_15_right{display: none;}
.EIMS_C_40007_1_cartname{width: 1.0666666666666667rem;height: 1.0666666666666667rem;overflow: hidden;text-indent: -99em;display: block;background: url(http://jp.costysee.com/Images/xn_h_15_wrap_sj.png) no-repeat center;background-size: 0.64rem 0.64rem;}
.EIMS_C_40007_1_cartorder{position: absolute;top:0px;right: 0px;font-size: 0.26666666666666666rem;color: #fff;font-family: "arial";width: 0.3333333333333333rem;height: 0.3333333333333333rem;text-align: center;line-height: 0.3333333333333333rem;background: #ff0000;border-radius: 50%;}


.xn_h_12_wrap{float: right;height: 1.0666666666666667rem;overflow: hidden;margin-right: 0.32rem;}
.xn_h_12_redlogin,.xn_h_12_onlogin{height: 0.5333333333333333rem;margin-top: 0.26666666666666666rem;font-size: 0.29333333333333333rem;color: #666;line-height: 0.5333333333333333rem;}

.xn_h_12_redlogin>li{padding:0 0.29333333333333333rem;float: left;}
.xn_h_12_redlogin>li>a{color: #666;}
.xn_h_12_redlogin>li>a:hover{color: #327FFF;}
.xn_h_12_rlreg{background: #327FFF;border-radius: 20px;}
.xn_h_12_redlogin>li.xn_h_12_rlreg>a{color: #fff;}
.xn_h_12_redlogin>li.xn_h_12_rlreg>a:hover{color: #fff;}
.xn_h_12_rlname,.xn_h_12_rlname1{display:none;}

.xn_h_12_onlogin>li{float: left;}
  .xn_h_12_onlogin>li.xn_h_12_olname{width:2.5rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.xn_h_12_onlogin>li>a{color: #666;padding:0 0.02666666666666667rem;}
.xn_h_12_onlogin>li>a:hover{color: #327FFF;}

.xn_h_nav{float: right;width: 1.0666666666666667rem;height: 1.0666666666666667rem;background: url(http://jp.costysee.com/Images/xn_h_nav.png) no-repeat center;background-size: 1.0666666666666667rem 1.0666666666666667rem;margin-right: 1%;}

.xn_n_14_wrap{position: fixed;top:0;background: rgba(0,0,0,0.5);right: -100%;width: 100%;height: 100%;z-index: 99;transition: all 0.5s;}
.xn_n_14_wrap.active{right: 0;}
.xn_n_14_wrap_main{width: 60%;float: right;background: #fff;box-shadow: 0 0 0.13333333333333333rem -0.02666666666666667rem rgba(0, 0, 0, 0.664);height: 100%;}
.xn_n_14_wrap_main_close{width: 100%;padding:0.2rem 3%;overflow: hidden;}
.xn_n_14_wrap_main_close img{display: block;height: 0.5866666666666667rem;}
.xn_n_14_wrap_main_close a{float: left;}
.xn_n_14_wrap_main_close i{float: right;width: 0.6666666666666666rem;height: 0.6666666666666666rem;font-size: 0.6rem;color: #333;text-align: center;line-height: 0.5333333333333333rem;}
.xn_n_14_wrap_main>ul{overflow: hidden;}
.xn_n_14_wrap_main>ul>li{overflow: hidden;}
.xn_n_14_wrap_main>ul>li>a{line-height: 1rem;font-size: 0.3466666666666667rem;color: #333;padding:0 3% 0 10%;display: block;border-bottom: 1px solid #F2F2F2;}
.xn_n_14_wrap_main>ul>li>ul{display: none!important;}
.xn_n_14_wrap_main>ul>li.xn_n_14_wrap_menu1_2>a,.xn_n_14_wrap_main>ul>li.xn_n_14_wrap_menu1_cur>a,.xn_n_14_wrap_main>ul>li:hover>a{background: #327FFF;color: #fff;}
  


}




@media (min-width: 768px){

.banner_wrap{width: 100%;overflow: hidden;position: relative;padding-top: 69px;}
.banner_btn{position: absolute;bottom: 0;text-align: center;width: 100%;z-index: 5;}
.banner_btn>span{width: 10px;height: 10px;background: #7D7D7D;opacity: 1!important;}
.banner_btn>span.swiper-pagination-bullet-active{background: #000;}

}

@media (max-width: 768px){

  .banner_wrap{width: 100%;overflow: hidden;position: relative;}
  .banner_btn{position: absolute;bottom: 0;text-align: center;width: 100%;z-index: 5;}
  .banner_btn>span{width: 0.13333333333333333rem;height: 0.13333333333333333rem;background: #7D7D7D;opacity: 1!important;}
  .banner_btn>span.swiper-pagination-bullet-active{background: #000;}

}




@media (min-width: 768px){

.index_cnt{width: 100%;overflow: hidden;position: relative;}


.index_scroll{width: 100%;height: 268px;background: #EAEAEA;overflow: hidden;}
.index_scroll>ul{display: flex;width: 1200px;margin:0 auto;justify-content: space-around;}
.index_scroll>ul>li{margin-top: 85px;text-align: center;}
.index_scroll>ul>li>h3{font-size: 60px;color: #333;height: 66px;line-height: 66px;}
.index_scroll>ul>li>h3 sup{font-size: 20px;font-weight: normal;top: -35px;}
.index_scroll>ul>li p{font-size: 14px;line-height: 34px;color: #666666;}

.xn_c_index_42_wrap{width: 100%;height: auto;overflow: hidden;position: relative;}
.xn_c_index_42_wbox{width: 1200px;margin:0 auto 42px auto;position: relative;}
.xn_c_index_42_nrsmall{overflow: hidden;margin-top: 42px;}
.xn_c_index_42_nrsmall:nth-child(odd) .xn_c_index_42_lftbox{float: left;}
.xn_c_index_42_nrsmall:nth-child(odd) .xn_c_index_42_rightbox{float: right;}
.xn_c_index_42_nrsmall:nth-child(even) .xn_c_index_42_lftbox{float: right;}
.xn_c_index_42_nrsmall:nth-child(even) .xn_c_index_42_rightbox{float: left;}
.xn_c_index_42_lftbox{width: 700px;height: 390px;overflow: hidden;}
.xn_c_index_42_lftbox img{width: 100%;height: 100%;transition: all 0.5s;}
.xn_c_index_42_rightbox{width: 500px;padding:32px 70px;}
.xn_c_index_42_name{width: 100%;height: auto;}
.xn_c_index_42_name a{line-height: 37px;font-size: 20px;color: #333;padding-right: 10px;transition: all 0.5s;}
.xn_c_index_42_name .xn_c_index_42_Price{font-size: 14px;color: #FF0000;font-family: "arial";}
.xn_c_index_42_name .xn_c_index_42_Price b{font-weight: normal;font-size: 20px;padding-left: 2px;}
.xn_c_index_42_name>p{display: block;height: auto;line-height: 30px;font-size: 14px;color: #666666;}
.xn_c_index_42_int{width: 100%;height: auto;margin-top: 75px;font-size: 14px;color: #666;line-height: 30px;}
.xn_c_index_42_xxmore{overflow: hidden;margin-top: 60px;}
.xn_c_index_42_xxmore a{line-height: 30px;font-size: 14px;color: #666;border-radius: 20px;height: 30px;float: left;transition: all 0.5s;}
.xn_c_index_42_nrsmall:hover .xn_c_index_42_xxmore a{background: #327FFF;color: #fff;padding:0 20px;}
.xn_c_index_42_nrsmall:hover .xn_c_index_42_lftbox img{transform: scale(1.1);}
.xn_c_index_42_nrsmall:hover .xn_c_index_42_name a{color: #327FFF;}


.xn_c_index_43_wrap{width: 100%;height: auto;overflow: hidden;position: relative;background: #F5F5F5;}
.xn_c_index_43_wbox{width: 1200px;margin:0 auto 40px auto;position: relative;}
.xn_c_index_43_wtop{text-align: center;font-size: 30px;color: #333;line-height: 110px;}
.xn_c_index_43_nrbox{overflow: hidden;}
.xn_c_index_43_nrsmall{overflow: hidden;float: left;width: 265px;}
.xn_c_index_43_nrsmall+.xn_c_index_43_nrsmall{margin-left: 46px;}
.xn_c_index_43_lftbox{width: 100%;height: 209px;overflow: hidden;}
.xn_c_index_43_lftbox img{width: 100%;height: 100%;transition: all 0.5s;}
.xn_c_index_43_rightbox{padding:10px;background: #fff;width: 100%;height: 105px;}
.xn_c_index_43_name{width: 100%;height: auto;}
.xn_c_index_43_name a{line-height: 23px;font-size: 15px;color: #333;padding-right: 10px;transition: all 0.5s;}
.xn_c_index_43_name .xn_c_index_43_Price{font-size: 12px;color: #FF0000;font-family: "arial";}
.xn_c_index_43_name .xn_c_index_43_Price b{font-weight: normal;font-size: 15px;padding-left: 2px;}
.xn_c_index_43_name>p{display: block;height: auto;line-height: 20px;font-size: 12px;color: #666666;}
.xn_c_index_43_xxmore{overflow: hidden;margin-top: 12px;}
.xn_c_index_43_xxmore a{line-height: 25px;font-size: 12px;color: #666;border-radius: 20px;height: 25px;float: left;transition: all 0.5s;}
.xn_c_index_43_nrsmall:hover .xn_c_index_43_xxmore a{background: #327FFF;color: #fff;padding:0 15px;}
.xn_c_index_43_nrsmall:hover .xn_c_index_43_lftbox img{transform: scale(1.1);}
.xn_c_index_43_nrsmall:hover .xn_c_index_43_name a{color: #327FFF;}


.xn_c_index_39_wrap{width: 100%;overflow: hidden;position: relative;background: #fff;}
.xn_c_index_39_topbox{width: 1200px;margin:0 auto;position: relative;text-align: center;font-size: 30px;color: #333;line-height: 110px;}
.xn_c_index_39_nrbox{width: 1200px;margin:0 auto 58px auto;position: relative;overflow: hidden;}
.xn_c_index_39_nrboxsmall{width: 595px;float: right;height: 147px;border-bottom: 1px solid #F2F2F2;}
.xn_c_index_39_nrboxsmall:first-child{float: left;width: 560px;height: auto;}
.xn_c_index_39_lftbox{display: none;}
.xn_c_index_39_lftbox img{width: 100%;height: 100%;transition: all 0.5s;}
.xn_c_index_39_nrboxsmall:first-child .xn_c_index_39_lftbox{display: block;overflow: hidden;clear: both;}
.xn_c_index_39_nrboxsmall:first-child .xn_c_index_39_lftbox:hover img{transform: scale(1.1);}
.xn_c_index_39_time{width: 103px;font-size: 20px;color: #666666;font-family: "arial";line-height:26px;padding-top: 20px;float: left;margin-right: 28px;padding-left: 24px;}
.xn_c_index_39_time span{float: left;}
.xn_c_index_39_ritbox{float: left;width: 390px;padding-top: 20px;}
.xn_c_index_39_title{width: 100%;line-height: 26px;font-size: 15px;color: #333;}
.xn_c_index_39_title a{color: #333;}
.xn_c_index_39_coent{width: 100%;line-height: 24px;font-size: 13px;color: #666666;margin-top: 17px;height: 75px;}
.xn_c_index_39_nrboxsmall:hover .xn_c_index_39_title a{color: #327FFF;}


.index_cnt_m_about{width: 100%;height: 340px;position: relative;background: url(http://jp.costysee.com/Images/index_cnt_m_about.png) no-repeat top center;overflow: hidden;}
.index_about_f{width: 1200px;margin:0 auto;position: relative;}
.index_cnt_m_about_t{text-align: center;font-size: 30px;color: #333;line-height: 110px;}
.index_cnt_m_about_cnt{width: 865px;margin:0 auto;position: relative;font-size: 13px;color: #333;line-height: 28px;}
.index_cnt_m_about_more{margin-top: 35px;overflow: hidden;}
.index_cnt_m_about_more a{display: block;width: 115px;height: 36px;text-align: center;font-size: 12px;color: #fff;transition: all 0.5s;border-radius: 20px;line-height: 36px;background: #666666;margin:0 auto;}
.index_cnt_m_about_more a:hover{background: #327FFF;}


}

@media (max-width: 768px){


.index_scroll{width: 100%;height: 3.5733333333333333rem;background: #EAEAEA;overflow: hidden;}
.index_scroll>ul{display: flex;width: 100%;margin:0 auto;justify-content: space-around;}
.index_scroll>ul>li{margin-top: 1.1333333333333333rem;text-align: center;}
.index_scroll>ul>li>h3{font-size: 0.8rem;color: #333;height: 0.88rem;line-height: 0.88rem;}
.index_scroll>ul>li>h3 sup{font-size: 0.4rem;font-weight: normal;top: -0.4666666666666667rem;}
.index_scroll>ul>li p{font-size: 0.32rem;line-height: 0.4533333333333333rem;color: #666666;}

.xn_c_index_42_wrap{width: 100%;height: auto;overflow: hidden;position: relative;}
.xn_c_index_42_wbox{width: auto;margin:0 3% 0.56rem 3%;position: relative;}
.xn_c_index_42_nrsmall{overflow: hidden;margin-top: 0.56rem;}
.xn_c_index_42_nrsmall:nth-child(odd) .xn_c_index_42_lftbox{float: left;}
.xn_c_index_42_nrsmall:nth-child(odd) .xn_c_index_42_rightbox{float: right;}
.xn_c_index_42_nrsmall:nth-child(even) .xn_c_index_42_lftbox{float: right;}
.xn_c_index_42_nrsmall:nth-child(even) .xn_c_index_42_rightbox{float: left;}
.xn_c_index_42_lftbox{width: 60%;height: auto;overflow: hidden;}
.xn_c_index_42_lftbox img{width: 100%;height: 100%;transition: all 0.5s;}
.xn_c_index_42_rightbox{width: 40%;padding:0.13333333333333333rem 3%;}
.xn_c_index_42_name{width: 100%;height: auto;}
.xn_c_index_42_name a{line-height: 0.5333333333333333rem;font-size: 0.4rem;color: #333;transition: all 0.5s;}
.xn_c_index_42_name .xn_c_index_42_Price{font-size: 0.32rem;color: #FF0000;font-family: "arial";display: block;}
.xn_c_index_42_name .xn_c_index_42_Price b{font-weight: normal;font-size: 0.4rem;padding-left: 0.02666666666666667rem;}
.xn_c_index_42_name>p{display: block;height: auto;line-height: 0.4666666666666667rem;font-size: 0.29333333333333333rem;color: #666666;margin-top: 0.13333333333333333rem;}
.xn_c_index_42_int{display: none;}
.xn_c_index_42_xxmore{overflow: hidden;margin-top: 0.26666666666666666rem;}
.xn_c_index_42_xxmore a{line-height: 0.6rem;font-size: 0.32rem;color: #666;border-radius: 30px;height: 0.6rem;float: left;transition: all 0.5s;background: #327FFF;color: #fff;padding:0 0.26666666666666666rem;}
.xn_c_index_42_nrsmall:hover .xn_c_index_42_lftbox img{transform: scale(1.1);}
.xn_c_index_42_nrsmall:hover .xn_c_index_42_name a{color: #327FFF;}


.xn_c_index_43_wrap{width: 100%;height: auto;overflow: hidden;position: relative;background: #F5F5F5;}
.xn_c_index_43_wbox{width: auto;margin:0 auto 0.5333333333333333rem auto;position: relative;}
.xn_c_index_43_wtop{text-align: center;font-size: 0.5333333333333333rem;color: #333;line-height: 2rem;}
.xn_c_index_43_nrbox{overflow: hidden;}
.xn_c_index_43_nrsmall{overflow: hidden;float: left;width: 44%;margin:0.4rem 3%;}
.xn_c_index_43_lftbox{width: 100%;height: auto;overflow: hidden;}
.xn_c_index_43_lftbox img{width: 100%;height: 100%;transition: all 0.5s;}
.xn_c_index_43_rightbox{padding:0.2rem 5%;background: #fff;width: 100%;height: 2.2666666666666666rem;}
.xn_c_index_43_name{width: 100%;height: auto;}
.xn_c_index_43_name a{line-height: 0.5333333333333333rem;font-size: 0.3333333333333333rem;color: #333;padding-right: 0.13333333333333333rem;transition: all 0.5s;}
.xn_c_index_43_name .xn_c_index_43_Price{font-size: 0.29333333333333333rem;color: #FF0000;font-family: "arial";}
.xn_c_index_43_name .xn_c_index_43_Price b{font-weight: normal;font-size: 0.3333333333333333rem;padding-left: 0.06666666666666667rem;}
.xn_c_index_43_name>p{display: block;height: auto;line-height: 0.5333333333333333rem;font-size: 0.29333333333333333rem;color: #666666;}
.xn_c_index_43_xxmore{overflow: hidden;margin-top: 0.16rem;}
.xn_c_index_43_xxmore a{line-height: 0.6rem;font-size: 0.29333333333333333rem;color: #666;border-radius: 20px;height: auto;float: left;transition: all 0.5s;background: #327FFF;color: #fff;padding:0 0.26666666666666666rem;}
.xn_c_index_43_nrsmall:hover .xn_c_index_43_lftbox img{transform: scale(1.1);}
.xn_c_index_43_nrsmall:hover .xn_c_index_43_name a{color: #327FFF;}


.xn_c_index_39_wrap{width: 100%;overflow: hidden;position: relative;background: #fff;}
.xn_c_index_39_topbox{width: auto;margin:0 auto;position: relative;text-align: center;font-size: 0.5333333333333333rem;color: #333;line-height: 2rem;}
.xn_c_index_39_nrbox{width: auto;margin:0 auto 0.7733333333333333rem auto;position: relative;overflow: hidden;}
.xn_c_index_39_nrboxsmall{width: auto;height: auto;border-bottom: 1px solid #F2F2F2;margin:0 3%;padding:0.26666666666666666rem 0;}
.xn_c_index_39_lftbox{display: none;}
.xn_c_index_39_time{width: 20%;font-size: 0.4rem;color: #666666;font-family: "arial";line-height:0.48rem;float: left;margin-right: 0.37333333333333335rem;padding-left: 0.32rem;}
.xn_c_index_39_time span{float: left;}
.xn_c_index_39_ritbox{float: left;width: 70%;}
.xn_c_index_39_title{width: 100%;line-height: 0.48rem;font-size: 0.3333333333333333rem;color: #333;}
.xn_c_index_39_title a{color: #333;}
.xn_c_index_39_coent{width: 100%;line-height: 0.4533333333333333rem;font-size: 0.30666666666666664rem;color: #666666;margin-top: 0.22666666666666666rem;height: auto;}
.xn_c_index_39_nrboxsmall:hover .xn_c_index_39_title a{color: #327FFF;}


.index_cnt_m_about{width: 100%;height: auto;position: relative;background: url(http://jp.costysee.com/Images/index_cnt_m_about.png) no-repeat top center;overflow: hidden;background-size: cover;}
.index_about_f{width: auto;margin:0 3% 0.8rem 3%;position: relative;}
.index_cnt_m_about_t{text-align: center;font-size: 0.5333333333333333rem;color: #333;line-height: 2rem;}
.index_cnt_m_about_cnt{width: 100%;margin:0 auto;position: relative;font-size: 0.30666666666666664rem;color: #333;line-height: 0.5066666666666667rem;}
.index_cnt_m_about_more{margin-top: 0.4666666666666667rem;overflow: hidden;}
.index_cnt_m_about_more a{display: block;width: 2rem;height: 0.6133333333333333rem;text-align: center;font-size: 0.29333333333333333rem;color: #fff;transition: all 0.5s;border-radius: 40px;line-height: 0.6133333333333333rem;background: #666666;margin:0 auto;}
.index_cnt_m_about_more a:hover{background: #327FFF;}

}




@media (min-width: 768px){

.foot{width: 100%;height: 514px;position: relative;background: url(http://jp.costysee.com/Images/foot.png) no-repeat top center;overflow: hidden;}


.foot_one{width: 1200px;margin:95px auto 100px auto;position: relative;height: 239px;}
.foot_tel{float: left;width: auto;}
.foot_zip img{height: 30px;}
.foot_tel_f{margin-top: 32px;font-size: 16px;color: rgba(255,255,255,0.5);line-height: 40px;}
.foot_tel_share{margin-top: 27px;position: relative;}
.foot_tel_share>ul{float: left;}
.foot_tel_share>ul>li{float: left;width: 30px;height: 30px;margin-right: 20px;position: relative;}
.foot_tel_share>ul>li>a{display: block;width: 100%;height: 100%;}
.foot_share_weibo>a{background: url(http://jp.costysee.com/Images/foot_weibo.png) no-repeat center;}
.foot_share_weixin>a{background: url(http://jp.costysee.com/Images/foot_weixing.png) no-repeat center;}
.foot_share_douyin>a{background: url(http://jp.costysee.com/Images/foot_douyin.png) no-repeat center;}
.foot_tel_share>ul>li>img{position: absolute;width: 150px;max-width:150px;height: 150px;border-radius: 5px;box-shadow: 0 0 5px 0px #ccc;display: none;left: 50%;margin-left: -75px;}
.foot_tel_share>ul>li:hover>img{display: block;}
.foot_onewright{float: right;}
.foot_onewright img{display: block;width: 165px;height: 165px;border-radius: 5px;}
.foot_onewright p{text-align: center;font-size: 14px;color: rgba(255,255,255,0.5);line-height: 40px;}


.foot_c{width: 100%;border-top: 1px solid rgba(255,255,255,0.1);height: 80px;line-height: 80px;font-size: 0;color: rgba(255,255,255,0.5);text-align: center;}
.foot_copy div{display:inline-block;*display:inline;*zoom: 1;font-size: 14px;margin:0 2px;}

}

@media (max-width: 768px){

.foot{width: 100%;height: auto;position: relative;background: url(http://jp.costysee.com/Images/foot.png) no-repeat top center;overflow: hidden;background-size: cover;}


.foot_one{width: auto;margin:0.6666666666666666rem 3%;position: relative;height: auto;}
.foot_tel{width: auto;}
.foot_zip img{height: 0.5333333333333333rem;}
.foot_tel_f{margin-top: 0.4266666666666667rem;font-size: 0.3466666666666667rem;color: rgba(255,255,255,0.5);line-height: 0.6666666666666666rem;}
.foot_tel_share{margin-top: 0.36rem;position: relative;height: 0.5333333333333333rem;}
.foot_tel_share>ul{float: left;}
.foot_tel_share>ul>li{float: left;width: 0.5333333333333333rem;height: 0.5333333333333333rem;margin-right: 0.26666666666666666rem;position: relative;}
.foot_tel_share>ul>li>a{display: block;width: 100%;height: 100%;}
.foot_share_weibo>a{background: url(http://jp.costysee.com/Images/foot_weibo.png) no-repeat center;background-size: 0.5333333333333333rem 0.5333333333333333rem;}
.foot_share_weixin>a{background: url(http://jp.costysee.com/Images/foot_weixing.png) no-repeat center;background-size: 0.5333333333333333rem 0.5333333333333333rem;}
.foot_share_douyin>a{background: url(http://jp.costysee.com/Images/foot_douyin.png) no-repeat center;background-size: 0.5333333333333333rem 0.5333333333333333rem;}
.foot_tel_share>ul>li>img{position: absolute;width: 1.6rem;max-width:1.6rem;height: 1.6rem;border-radius: 5px;box-shadow: 0 0 0.06666666666666667rem 0px #ccc;display: none;left: 50%;margin-left: -0.8rem;}
.foot_tel_share>ul>li:hover>img{display: block;}
.foot_onewright{display: none;}


.foot_c{width: 100%;border-top: 1px solid rgba(255,255,255,0.1);height: auto;line-height: 0.5333333333333333rem;font-size: 0;color: rgba(255,255,255,0.5);text-align: center;padding:0.2rem 0;}
.foot_copy div{display:inline-block;*display:inline;*zoom: 1;font-size: 0.32rem;margin:0 0.06666666666666667rem;}

}









