@charset "utf-8";

.banner{padding: 0}
#main{padding: 0}

/*首页banner*/
#banner{width: 100%;overflow: hidden;position: relative;}
#banner .hd{ height:17px; overflow:hidden; position:absolute;; z-index:1;left: 50%; bottom: 5% ;margin-left: -44px}
#banner .hd ul{  zoom:1;}
#banner .hd ul li{ float:left;margin-left: 5px; width:17px; height:17px; line-height:17px; text-align:center; background:url("/static/themes/default/images/circle_03.png")no-repeat; cursor:pointer; }
#banner .hd ul li.on{ background:url("/static/themes/default/images/circle_on_03.png")no-repeat;; }

#banner .bd{ width: 100%;position:relative; ; z-index:0;   }
#banner .bd li{ zoom:1; vertical-align:middle; }
#banner .bd img{ ;display:block;  max-height: 100%;max-width: 100%}

/*首页banner*/

/*首页产品*/
#is_index{padding-top: 38px;position: relative;width:100%;  overflow:hidden;}
.index_pro{overflow: hidden;display: block;text-align: center;position: relative;border-radius: 50%}
.index_pro .pro_price *{font-size: 200%;font-weight: normal;}
.index_pro .pro_name a{font-size: 150%;color: #FFFFFF;text-decoration: none}
.index_pro .pic_box img{max-width: 100%;max-height: 100%;}

.is_index_out_l,.is_index_out_r{width: 18.75%}
.is_index_in{width: 62.5%;overflow: hidden}


/*两侧首页产品*/
.index_pro_out{width: 75%;margin: 0 auto}
/*两侧首页产品*/
/*中间首页产品*/
.is_index_in .index_pro{width: 22.5%;overflow: hidden;margin-right: 25px}
.is_index_in li:first-child{margin-left: 0}
/*.is_index_in .pic_box img{width: 90%;}*/
.is_index_in .index_pro .pro_name{text-align: center;line-height: normal}
/*view_more*/
.index_pro .pro_view_more{width: 60%;padding: 3% 0;border: 1px solid #d2a45b;border-radius: 5px;margin: 0 auto;}
.index_pro .pro_view_more a{color: #FFFFFF;font-size: 150%;text-decoration: none}

.index_pro .pro_mask{display: none;z-index: 1;background: #4a4748;position: absolute;opacity: 0.8;width: 100%;height: 100%;top: 0}
.index_pro .pro_info{display: none;z-index: 2;position: absolute;top: 25%;width: 100%;overflow: hidden}
.index_pro:hover .pro_mask{display: block}
.index_pro:hover .pro_info{display: block}

/*中间首页产品*/

/*轮播css*/
#is_index .bd{ }
#is_index .bd ul{ overflow:hidden; zoom:1; }
#is_index .bd ul li{ float:left;  overflow:hidden; text-align:center;}
#is_index .bd ul li .pic{ text-align:center; }
#is_index .bd ul li .pic img{display:block;  }
#is_index .bd ul li .pic a:hover img{  }




.new_arrival{width: 100%;position: relative; overflow: hidden}
.new_arrival .view_more{position: absolute;bottom: 18%;left: 64%}
.new_arrival img{max-height: 100%;max-width: 100%}
.new_arrival .view_more{text-align: center;text-indent: 0}

.oem{width: 100%;position: relative;overflow: hidden}
.oem img{max-width: 100%;max-height:100% }
.oem .read_more{position: absolute;bottom: 15%;left: 45%}
/*公司档案*/
.company_profile{padding: 60px 0;position: relative}
.profile_info {width: 715px}
.profile_info  h3{font-size: 35px;text-align: center}
.profile_info p{font-size: 14px;text-align: center;line-height: 24px;padding: 25px 0}
.profile_pic{margin-right: 50px}
.company_profile .read_more{position: absolute;left: 290px;bottom: 81px}

/*new_products*/
#new_products{position: relative;padding: 50px 0}
.index_title h2{font-size: 20px;text-align: center}
.index_title h3{text-align: center}
.new_products_list{margin-left: 87px;padding-top: 30px;overflow:hidden;;height: 520px}
.new_products_list .ul {overflow:hidden; zoom:1;padding-left: -30px}
.new_products_list li{width: 314px;overflow: hidden;float: left;margin:0 0 30px 30px;position: relative}
.new_products_list li img{max-width: 100%;max-height: 100%}
/*.new_products_list li:not(:nth-child(1)){padding-left: 40px}*/

.new_products_list li .pic_box:hover .pro_mask{display: block}
.new_products_list li .pic_box:hover .add_to_cart{display: block}

.pro_mask{position: absolute;width: 314px;height: 314px;background: #000000;opacity: 0.5;top: 0;display: none;z-index:1}
.add_to_cart{display: none;position: absolute;z-index: 2;top: 100px;left: 100px}

.new_products_list .pic_box {;height: 314px;text-align: center}
.new_products_list .pro_view{padding-top: 15px}
.new_products_list .pro_name{padding-top: 10px}
.new_products_list .pro_name a{font-size: 18px}
.new_products_list .pro_price *{font-size: 24px}
.new_products_list .pro_brief {font-size: 14px;width: 100%;overflow: hidden;padding-bottom: 10px;height: 38px}


.new_products_list .bd{ padding:10px;   }
.new_products_list .bd ul{ overflow:hidden; zoom:1; }
.new_products_list .bd ul li{ float:left; display:inline; overflow:hidden; text-align:center;  }
.new_products_list .bd ul li .pic{ text-align:center; }
.new_products_list .bd ul li .pic img{ width:314px; height:314px; display:block;  }



/*左右按钮*/
#new_products .hd{position: absolute;height: 50px;display: block;width: 100%;top: 330px}
#new_products  .hd .prev,.hd .next{;width: 48px;height: 48px;border: 1px solid #d2a45b;display: block;border-radius: 5px;cursor: pointer;text-align: center;line-height: 48px}
#new_products  .hd .prev{background: url("/static/themes/default/images/left_arrow_11_03.png") no-repeat center}
#new_products  .hd .next{background: url("/static/themes/default/images/right_arrow_11_03.png") no-repeat center}
#new_products  .hd .prev:hover{background: url("/static/themes/default/images/left_arrow_white_03.png")no-repeat center #000000;border-color: #000000}
#new_products  .hd .next:hover{background: url("/static/themes/default/images/right_arrow_white_03.png")no-repeat center #000000;border-color: #000000}

.pro_mask{position: absolute;width: 314px;height: 314px;background: #000000;opacity: 0.5;top: 0;display: none;z-index:1}
.add_to_cart{display: none;position: absolute;z-index: 2;top: 20%;left: 34%}



.latest_news,.why_choose_us{padding: 30px 0}
.latest_news ul li:nth-child(2){margin-left: 31px}





.iphone_area{height: 470px;background: url("/static/themes/default/images/choose_us_bg_03.png") no-repeat center}
.iphone_area  .iphone_left li,.iphone_area  .iphone_right li{height: 115px}
.iphone_area .iphone_left{width: 250px;margin-left: 128px;padding-top: 28px}
.iphone_area  p{margin: 0}
.iphone_area .iphone_mid{margin-left: 117px;padding-top: 68px;width: 212px}
.iphone_area .iphone_right{width: 250px;margin-left: 128px;padding-top: 28px}

.iphone_area h4:hover a{color: #000000}

.slideBox_2 .hd{margin: 115px 0 0 15px}
.slideBox_2 .hd ul li{width: 9px!important;height: 9px!important;border: 1px solid #FFFFFF}
.slideBox_2 .hd ul li.on{background: #c9a059!important;}