#header .banner{ position: relative; display: inline-block;margin-top: 136px;padding-top: 0; height: 688px; width: 100%; overflow: hidden; z-index: 0 }
#header .banner .bd { position: absolute; top: 0; left: 50%; width: 1920px; height: 688px; margin: 0 0 0 -960px; overflow: hidden; }
#header .banner .hd { position: absolute; left: 0; right: 0; bottom: 30px; text-align: center; z-index:1; }
#header .banner .hd .item { display: inline-block; width: 11px; height: 11px; border: none; background: #c8c8c8; border-radius: 100%; }
#header .banner .hd .item.on , #header .banner .hd .item:hover { border-color: black; background: #e32c0a; width: 13px; height: 13px; }
/*---------主要-----------*/
#container {width: 100%;background: #f7f7f7}
#container .product{}
#container .product .title{width: 100%; height: 60px; margin-top: 39px; font-size: 28px;font-weight: bold; text-align: center; background-image: url('/images/product_background.png'); background-repeat: no-repeat; background-position: center 19px;}
#container .product .title .color_font{height: 28px;font-size: 28px;color: #e32c0a;font-weight: bold}
#container .product .title .brief{font-size: 16px;display: block;font-weight: normal;color: #b5b5b5}
#container .product .brand{width: 955px;height: 62px;margin: 25px auto 0;}
#container .product .brand .brands{position: relative;z-index: 2;display: inline-block;width: 226px;height: 60px;background: white}
/*#container .product .brand .brands:hover{outline: 1px solid #e33614}*/
#container .product .brand .brands .img{display: inline-block;width: 100%;height: 60px}
#container .product .brand .brands .list{display: none;position: absolute;top: 56px;width: 225px;border: 1px solid #d7d7d7;border-top: none;background: white}
#container .product .brand .brands .list .cate{display: inline-block;width: 200px;padding-left:15px;padding:15px 0;margin-left: 4px;font-size: 14px;text-align: left;border-bottom: 1px solid #e5e5e5;}
#container .product .brand .brands .list .cate span{display: block;width: 100%;background-image: url('/images/product_circle.png');background-repeat: no-repeat;background-position: 10px center;padding-left:30px;}
#container .product .brand .brands .list .cate:hover span{background-image: url('/images/product_red_circle.png');}
#container .product .brand .brands~.brands{margin-left: 12px;vertical-align: top}
#container .product .product_list{margin-top: 18px;}
#container .product .product_list .product_box{position: relative;float: left;width: 309px;height: 420px;margin-left: 23px;background-color: white;overflow: hidden}
#container .product .product_list .product_box .abimg{position: absolute;top: 0;left: -310px}
#container .product .product_list .product_box .img{width: 309px;height: 312px;overflow: hidden;background: white}
#container .product .product_list .product_box .img a{display: block;height: 312px;}
#container .product .product_list .product_box:hover{outline: 1px solid #de2b0a;box-shadow: 0 3px 2px 3px #dcdcdc;}
#container .product .product_list .product_box:hover >.name a{color: #e32c0a}
#container .product .product_list .product_box hr{    width: 279px; margin-top: 0; background: #d0d0d0; border: none; height: 1px;}
#container .product .product_list .product_box .name{margin-top: 18px;font-size: 16px;text-align: center;}
#container .product .product_list .product_box .brief{margin-top: 8px;font-size: 14px;text-align: center;}
#container .about_us{width: 100%;margin-top: 58px;background-color: white;}
#container .about_us .title{width: 100%;height: 67px;margin-top: 62px;    margin-left: 18px;font-size: 28px;font-weight: bold;text-align: center;background-image: url('/images/product_background.png');background-repeat: no-repeat;background-position: center 19px;}
#container .about_us .title .color_font{height: 28px;font-size: 28px;color: #e32c0a;font-weight: bold}
#container .about_us .title .brief{font-size: 16px;display: block;font-weight: normal;color: #b5b5b5}
#container .about_us .about_box{height: 2170px;margin-top: 73px;background-image:url('/images/index_about_background.png') }
#container .about_us .about_box .left_box{width: 100%;height: 306px;}
#container .about_us .about_box .left_box .img{float: left}
#container .about_us .about_box .left_box .about_title{width: 506px;height: 68px;float: right;margin-top: 42px;color:#e22c08;overflow: hidden;}
#container .about_us .about_box .left_box .about_title .num{width:68px;height: 68px;float: left;}
#container .about_us .about_box .left_box .about_title .name{padding-left: 19px;font-size: 26px; }
#container .about_us .about_box .left_box .about_title .brief{padding-left: 19px;font-size: 18px;color: black}
#container .about_us .about_box .left_box .description {width: 506px;float: right;margin-top: 23px;;font-size: 16px;line-height: 29px;color: #b5b5b5;height:148px;overflow:hidden;}

#container .about_us .about_box .mt65{margin-top: 65px}
#container .about_us .about_box .mt49{margin-top: 49px}
#container .about_us .about_box .mt56{margin-top: 56px}
#container .about_us .about_box .mt60{margin-top: 60px}
#container .about_us .about_box .mt75{margin-top: 75px}
#container .about_us .about_box .right_box{width: 100%;height: 306px;}
#container .about_us .about_box .right_box .img{float: right}
#container .about_us .about_box .right_box .about_title{width: 525px;height: 68px;float: left;margin-top: 56px;color:#e22c08;overflow: hidden;background-image: url('/images/2.png');background-repeat: no-repeat}
#container .about_us .about_box .right_box .about_title .name{padding-left: 19px;font-size: 26px; }
#container .about_us .about_box .right_box .about_title .brief{padding-left: 19px;font-size: 18px;color: black}
#container .about_us .about_box .right_box .about_title .num{float: left;width: 68px;height: 68px}
#container .about_us .about_box .right_box .description {width: 508px;float: left;margin-left: 5px;margin-top: 27px;;font-size: 16px;line-height: 27px;color: #b5b5b5}
#container .friend_link{;padding-bottom: 40px;}
#container .friend_box{background-color: white}
#container .friend_link .title{display: inline-block;width: 100%;height: 67px;margin-top: 62px;font-size: 28px;text-align: center;background-image: url('/images/product_background.png');background-repeat: no-repeat;background-position: center 19px;font-weight: bold}
#container .friend_link .title .color_font{height: 28px;font-size: 28px;color: #e32c0a}
#container .friend_link .title .brief{font-size: 16px;display: block;font-weight: normal;color: #b5b5b5}
#container .friend_link .link{margin-top: 38px}
#container .friend_link .link_box{width: 194px;height: 92px;float: left;padding: 0 20px;border-right: 1px dashed #cccccc}
#container .friend_link .bor_none{border:none}
#container .friend_link .link_box .img{height: 56px}
#container .friend_link .link_box .name{font-size: 18px;text-align: center;padding-top: 7px}

/*---------主要-----------*/
