@charset 'utf-8';
/*---------公共部分-----------*/
/*body{width: 1920px;background: #f7f7f7}*/
.cnt{width: 980px;margin: 0 auto}
#preview{position: absolute;z-index: -1;opacity: 0.3;left: -9px;display: none}
.clear{clear: both}
a:link{text-decoration:none}
a:visited{text-decoration:none}
a:link{text-decoration:none}
.img_center{text-align: center;}
.img_center img{vertical-align: middle;}
.img_center span{display: inline-block;height: 100%;vertical-align: middle;}
.ml0{margin-left: 0!important;}
.mt26{margin-top: 26px!important;}
/*---------公共部分-----------*/

/*---------搜索框-----------*/
.ibk{display: inline-block}
#container{min-height: 70vh;}
#container .search{width: 100%;height: 74px;line-height: 74px;    white-space: nowrap;border-bottom:1px solid #dfdfdf;background: white;}
#container .search .title{display: inline-block;float: left;font-size: 16px;}
#container .search .line{margin: 0 9px}
#container .search .keyword_list{display: inline-block;float: left;}
#container .search .keyword_list .keyword{cursor: pointer;color: #555}
#container .search .search_box{display: inline-block;height: 41px;margin-left: 36px;margin-top: 17px;}
#container .search .search_box .text_inp{width: 300px;height: 41px;float: left;text-indent: 13px;outline: none;font-size: 14px;border: 1px solid #cbcbcb}
#container .search .search_box .text_enter{height: 43px;float: right;text-indent: 13px;outline: none;font-size: 14px;}
/*---------搜索框-----------*/

/*---------头部-----------*/
#header{width: 100%;}
#header .nav_box{position: fixed;z-index:5;width: 100%;height: 134px;margin: 0 auto;background: white;box-shadow:0 2px 23px 0px #dbdbdb;;}
#header .nav_box .logo{width: 245px;height: 50px;float: left;margin-top: 34px;overflow: hidden}
#header .nav_box .phone{width: 314px; height: 38px; float: left; margin-left: 270px; margin-top: 20px; /*background-image: url('/images/phone.png'); background-repeat: no-repeat;*/}
#header .nav_box .language{color: red}
#header .nav_box .email{float: left; font-size: 20px; margin-top: 8px;margin-left: 360px; color: #e22c08;}
#header .nav_box .lang{float: right;margin-top: 36px; }
#header .nav_box .brief{display: inline-block;float: left;font-size: 22px; color: #b5b5b5;}
#header .nav_box .phone .title span{ display:block; text-align:center;}
#header .nav_box .phone .title{display: inline-block;width: 87px;margin-left: 44px;font-size: 14px; float:left;}
#header .nav_box .phone .phone_number{margin-left: 13px;color:#e22c08;font-size: 24px;font-weight: bold; position:relative; float:left; margin-top:7px;}
#header .nav_box .phone .phone_number font{ font-size:14px; margin-left:20px; position:absolute; left:-20px; top:35px; color:#B5B5B5; width:167px;}
#header .nav_box .nav {position: relative;float: right;margin-top: 30px;}
/*#header .nav_box .nav .mengban{    position: absolute; width: 230px; height: 248px; background: #eaeaea; opacity: 0.7; z-index: 2;}*/
#header .nav_box .nav .nav_brands{position: absolute; display: none;width: 230px; left: 248px; top: 33px; z-index: 9;background: #eaeaea;}
#header .nav_box .nav>a{display: inline-block;height: 30px;font-size: 16px;text-align: center;margin-left:27px;}
#header .nav_box .nav>.shop{display: inline-block;height: 40px;font-size: 16px;text-align: center;margin-left: 38px;cursor: pointer}
#header .nav_box .nav>.shop:hover{outline-bottom: 3px solid #f00}
#header .nav_box .nav a{display: inline-block;height: 30px;font-size: 16px;text-align: center;}
#header .nav_box .nav a:hover{border-bottom: 3px solid #f00}
/*#header .nav_box .nav a~a{width: 65px;}*/
#header .nav_box .nav a span{font-size: 16px;white-space: nowrap}
#header .banner{ position: relative; height: 388px; width: 100%; overflow: hidden; z-index: 0 ;padding-top: 134px}
#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; }
/*---------头部-----------*/

/*---------尾部-----------*/
#footer{width: 100%;height: 333px;background-color: #eeeeee}
#footer .box{position: relative;}
#footer .box > div{margin-top: 60px;}
#footer .box .about_us{width: 86px;float: left;padding-left: 5px;}
#footer .box .product{width: 86px;float: left;padding-left: 89px}
#footer .box .service{width: 86px;float: left;padding-left: 75px}
#footer .box .news{width: 86px;float: left;padding-left: 87px}
#footer .box .contact_us{width: 300px;float: right;}
#footer .box  .title{font-size: 16px;font-weight: bold}
#footer .box  .list{margin-top: 14px; }
#footer .box  .list a>span{display: inline-block;width: 90px;text-indent: 20px;font-size: 14px}
#footer .box .list a{width: 86px;line-height: 35px;background-image: url('/images/footer_circle.png');background-repeat: no-repeat;background-position: 5px center;white-space:nowrap;}
#footer .box .contact_us .phone{margin-top: 19px}
#footer .box .contact_us .phone .ad{font-size: 12px;color: #e32c0a}
#footer .box .contact_us .phone .number{font-size: 24px;color: #e32c0a;}
#footer .box .contact_us .phone .number a{font-size: 24px;color: #e32c0a;}
#footer .box .contact_us .address{margin-top: 15px;font-size: 14px;line-height: 23px;}
#footer .box .contact_us .address .name{display: inline-block;font-size: 14px;vertical-align: top}
#footer .box .contact_us .address .address_real{display: inline-block;width: 252px;font-size: 14px;}
#footer .box .contact_us .copyright{margin-top: 10px;font-size: 14px;}
#footer .box .code{position: absolute;right:-245px;margin-top: 10px;font-size: 14px;margin-top: 63px}
#footer .box .code .name{display: block;width: 160px;text-align: center;font-size: 14px;padding-top: 5px;background-image: url('/images/code_border.png');background-repeat: no-repeat;background-position: center 1px}
/*---------尾部-----------*/


/*.box{width:310px;margin:50px auto;}*/
.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle;}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-thumb{margin:10px 0 0;overflow:hidden;}
.tb-thumb li{background:none repeat scroll 0 0 transparent;float:left;height:42px;margin:0 6px 0 0;overflow:hidden;padding:1px;}
.tb-s310, .tb-s310 a{height:310px;width:310px;}
.tb-s310, .tb-s310 img{max-height:310px;max-width:310px;}
.tb-s310 a{*font-size:271px;}
.tb-s40 a{*font-size:35px;}
.tb-s40, .tb-s40 a{height:40px;width:40px;}
.tb-booth{border:1px solid #CDCDCD;position:relative;z-index:1;}
.tb-thumb .tb-selected{background:none repeat scroll 0 0 #C30008;height:40px;padding:2px;}
.tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;}
.tb-thumb li div{border:1px solid #CDCDCD;}
div.zoomDiv{z-index:5;position:absolute;top:100px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("/images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}