@charset "utf-8";
/* CSS Document */
.index_title{margin:auto; margin-top:50px;width:1200px; height:auto; overflow:hidden;}
.tt{ padding:10px;font-size:30px;color:#212121;text-transform: uppercase;letter-spacing:3px;font-weight:600;position: relative;text-align: center;}
.tt span{color:#00aadc;}
.tt:before{content: '';background: #dadada;height: 2px;position: absolute;width: 10%;top: 0%;left: 28%;}
.tt:after{content: '';background: #dadada;height: 2px;position: absolute;width: 10%;bottom: 0%;right: 28%;}
.tc{ margin-top:10px;font-size:16px;color:#999;text-align: center;}
.sl{position:absolute; margin-top:-20px;right:20px;display:none;}
.sl i{font-size:20px; cursor: pointer;color:#052269;}

.center_title{margin:auto; margin-top:30px;width:1200px; height:auto; overflow:hidden;}

.page{clear:both;width:100%; margin-top:30px;margin-bottom:50px;text-align:center;}
.page span{display:inline-block;width:auto;margin-right:5px;padding:5px 10px 5px 10px; background:#f6f6f6; border:#e3e3e3 1px solid;}
.page span:hover{background:#e3e3e3;}
.page strong{color:#00aadc;}

#main{clear:both;margin:auto;padding:0; margin-top:20px;width:1200px;height:auto!important;min-height:100px;max-height:none;overflow:hidden;}

#main_center{float:right;margin:0;padding:0;margin-top:0px;width:900px;height:auto;overflow:hidden;}

#center_title{margin-top:10px;height:30px; text-transform: uppercase; }
#center_titles{margin-top:10px;height:30px;line-height:30px;border-bottom:#666 2px solid;color:#000;overflow:hidden;font-size:16px;}

.product_list{margin:auto;width:100%;height:auto;overflow:hidden;}
.product_list ul{display:block;float:left; margin-top:20px;width:31.3%;padding:1%;height:auto;overflow:hidden;}
.product_list .p_pic{padding-bottom:100%;height:0;overflow:hidden;text-align:center; background:#FFF;}
.product_list .p_pic img{width:100%;}
.product_list .p_info{margin:5px;height:30px; line-height:15px;overflow:hidden; text-align:center;}
.product_list .p_infos {margin-top:10px;height:auto;overflow:hidden; text-align:center;}
.product_list .p_infos span{color:#000; font-size:16px;}
.product_list .p_infos s{color:#999;}
.product_list .p_cart{display:none;}

/*.p_mark{position:absolute;margin-top:-60%;z-index: 10;color: #0cdbff;vertical-align: middle;text-align: center;width: 100%;visibility:hidden;}
.pt{font-size:18px;}
.pl{height: 2px;width: 0%;margin: 15px auto;background-color: #0cdbff;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

.product_list ul:hover .p_pic img{opacity:0.8; filter: alpha(opacity=80);}
.product_list ul:hover .p_mark {visibility: visible;}
.product_list ul:hover .pl{ width:50%;}*/

.h1{font-weight:normal; font-size:20px;}
.content{font-size:14px; line-height:28px;}
.content a{font-size:14px;}
.content img{ max-width:800px; height:auto;}

#main_left{float:left;margin:0; margin-top:0px;padding:0;width:250px;height:auto;overflow:hidden;}
#left_title{line-height:40px;color:#000;font-weight:normal;text-transform: capitalize;font-size:20px;}
#left_title a{font-size:16px;color:#000;text-transform: uppercase; }
#left_list{margin:auto;width:250px;}
#left_list .c{padding:15px;border-bottom:#ededed 1px solid;}
#left_list .c a{display:block; font-size:16px;color:#000;}
#left_list .c:hover{ background:#f1f1f1;}
#left_list .s{position:absolute;margin-left:198px;margin-top:-25px;width:789px;height:auto; overflow:hidden;z-index:99999999999999;background:#FFF;border:#f1f1f1 1px solid;display:none;}
#left_list .c_s{list-style-type:disc; padding:5px;padding-left:25px;}
#left_list .c_s:hover{background:#00aadc;color:#fff;}
#left_list .c_s:hover a{color:#fff;}
#left_list .c_s a{color:#666;}
#left_list .c_s a:hover{color:#fff;}
#left_list .c_s_s{position:absolute;margin-left:204px;margin-top:-20px;width:788px;height:auto; overflow:hidden;z-index:99999999999999;background:#f1f1f1;border:#f1f1f1 1px solid;display:none;}
#left_list .c_s_n{display:inline-block; float:left; margin-left:5px;height:25px;line-height:25px;width:145px; text-align: center; overflow:hidden;}
#left_list .c_s_n a{font-weight:normal;}

.center_feedback{margin:auto;padding:0; margin-top:50px; margin-bottom:50px;width:1200px;}
.center_feedback .fe_list{clear:both;margin-top:20px;height:auto; overflow:hidden;}
.center_feedback .fe_list ul{display:block;float:left;height:auto;overflow:hidden; width:386px;}
.center_feedback .fe_list #ft{font-weight:bolder;}
.center_feedback .fe_list #ft span{ color:#ff8800;}
.center_feedback .fe_list #fi{ margin-top:10px;width:386px;}
.center_feedback .fe_list #fi .i{ width:380px; height:30px;border:#ccc 1px solid;}
.center_feedback .fe_list #fi .s{ width:380px; height:33px;border:#ccc 1px solid;}
.center_feedback .fe_list #fe_line{display:block;float:left;width:20px; height:25px;}

.center_feedback .fe_content{ clear:both;margin-top:50px;height:auto; overflow:hidden;}
.center_feedback .fe_content #ft{font-weight:bolder;}
.center_feedback .fe_content #ft span{ color:#ff8800;}
.center_feedback .fe_content #fi{margin-top:10px;width:1200px;}
.center_feedback .fe_content #fi .t{width:1192px; height:80px;border:#ccc 1px solid;}

.center_feedback .fe_button{ margin-top:30px;text-align:center;}
.center_feedback .fe_button .b{padding:5px 15px 5px 15px;border:none; width:150px;height:45px;text-align:center; background:#00aadc;color:#fff;cursor:pointer;}

@media screen and (max-width: 700px) {
.index_title{ margin-top:30px;width:100%;}
.tt{font-size:26px;}
.tc{font-size:14px;}

.sl{display:block;}

.center_title{ width:95%;}

#main{width:100%; margin-top:20px;}
#main_center{float:none;width:100%;}
#center_title{ padding:0px 10px 0px 10px;}
#main_left{display:none;width:100%;}
#left_title{display:none;}
#left_list{ margin-top:0px; margin-bottom:20px;width:100%;width:100%;}
#left_list .c{padding:10px 15px 10px 0px; text-align:center; background:#f1f1f1; border-bottom:#FFF 1px solid;}
#left_list .c a{display:block; font-size:16px;}

.product_list ul{width:46%; padding:2%;border-bottom:#f2f2f2 20px solid;}

.h1{ padding:0px 10px 0px 10px; font-size:16px;}
.content{ padding:10px; font-size:12px; line-height:20px;}
.content a{font-size:12px;}
.content img{ max-width:640px; height:auto;}

.center_feedback{width:100%;}
.center_feedback .fe_list ul { float:none; margin:auto;width:98%;}
.center_feedback .fe_list #fi{ width:100%;}
.center_feedback .fe_list #fi .i{width:98%;}
.center_feedback .fe_list #fi .s{width:98%;}
.center_feedback .fe_content{ margin-top:20px;}
.center_feedback .fe_content #ft{ margin:auto;width:98%;}
.center_feedback .fe_content #fi{ margin:auto; margin-top:10px;width:98%;}
.center_feedback .fe_content #fi .t{width:98%;}
}