/* width */
.w{margin:0px auto;width:1200px;clear:both;}
.sharebox{clear:both;height:30px;padding:10px 0px;color:#99A1A4;text-align:center;overflow:hidden;}

.share_foot{float:left;width:auto;font-size:12px;line-height:24px;color:#99A1A4;text-align:left;overflow:hidden;}
.share_foot a{line-height:24px;vertical-align:middle;color:#99A1A4;}
.likebox{float:right;width:auto;font-size:12px;color:#99A1A4;display:none;overflow:hidden;}
.likebox a.up{float:left;width:auto;padding:5px 20px 5px 45px;height:25px;line-height:25px;background:#f14d4d url('comment/like.gif') no-repeat 20px center;color:#fff;font-size:16px;text-align:left;cursor:pointer;display:block;margin-left:10px;}
.likebox a.up em{color:#fff;font-size:16px;padding-right:5px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;}
.likebox a.down{float:left;width:auto;padding:5px 20px 5px 45px;height:25px;line-height:25px;background:#727a98 url('comment/dislike.gif') no-repeat 20px center;color:#fff;font-size:16px;text-align:left;cursor:pointer;display:block;margin-left:10px;}
.likebox a.down em{color:#fff;font-size:16px;padding-right:5px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;}

.meta .comment{background:url('comment/comment_icon.png') no-repeat left top;padding-left:20px;}
.meta .comment em{color:#F00;font-size:16px;font-family:Arial;padding-right:3px;font-style:normal;}

/* next prev */
.show_np{clear:both;width:100%;color:#555;font-size:13px;padding-top:5px;}
.show_np .up{clear:both;width:100%;height:22px;line-height:22px;overflow:hidden;}
.show_np .down{clear:both;width:100%;height:22px;line-height:22px;overflow:hidden;padding-bottom:10px;}
.show_np .down span{float:left;height:22px;line-height:22px;background:#ccc url('../images/common/next_prev.png') no-repeat 5px -15px;padding-left:25px;padding-right:10px;margin-right:10px;color:#fff;font-size:13px;}
.show_np .up span{float:left;height:22px;line-height:22px;background:#ccc url('../images/common/next_prev.png') no-repeat 5px 7px;padding-left:25px;padding-right:10px;margin-right:10px;color:#fff;font-size:13px;}
.show_np a{font-size:15px;}

/* header */
.header_box{clear:both;width:100%;height:80px;padding-bottom:0px;background:#03111a;position: fixed;z-index: 10000;filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;-khtml-opacity:0.8;}
.header{height:80px;}
.header_logo{float:left;width:auto;height:40px;padding:20px 0 20px 50px;position:relative;z-index:10000;}
.header_logo a{width:100%;height:40px;}
.header_company{float:left;width:auto;height:60px;line-height:60px;padding:10px 15px;font-size:18px;font-weight:bold;color:#fff;font-family:Arial;overflow:hidden;}
/* menu */
.menu{float:right;width:auto;height:80px;padding:0px 40px 0px 0px;overflow:hidden;}
#nav{width:100%;height:80px;line-height:80px;list-style-type:none;}
#nav a{display:block;width:auto;text-align:left;color:#fff;font-family:\5FAE\8F6F\96C5\9ED1;text-decoration:none;padding-left:0px;font-size:16px;font-weight:bold;}
#nav a:hover{color:#fff;text-decoration:none;}
#nav li{float:left;width:auto;text-align:left;font-size:16px;padding-left:0px;}
#nav li a{text-align:center;height:80px;line-height:80px;padding:0px 0px;margin: 0 20px;position: relative;}
#nav li a:hover,#nav li a.on{color:#fff;background:transparent;}
#nav li a i{width:0px;height:2px;line-height:2px;background-color:transparent;font-size:0;position: absolute;top:60px;left:0;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;overflow: hidden;}
#nav li a:hover i{width:100%;background-color:#ed7d31;}
#nav li ul{line-height:50px;list-style-type:none;text-align:left;left:-999em;width:95px;position:absolute;z-index:99;}
#nav li ul li{float:left;clear:both;width:95px;height:50px;line-height:50px;background:#252424;font-size:14px;font-weight:normal;padding:0px;word-break:keep-all;white-space:nowrap;}
#nav li ul li.auto_w{width:auto;}
#nav li ul a{display:block;width:auto;height:50px;line-height:50px;text-align:center;color:#fff;font-size:16px;font-weight: normal;text-decoration:none;padding:0px 15px;margin: 0;background:none;border-top:#5a5a5a 1px solid;}
#nav li ul a:hover{color:#fff;text-decoration:none;font-weight:normal;background:#ff8835;}
#nav li:hover ul{left:auto;}
#nav li.sfhover ul{left:auto;}
.search{float:right;width:182px;padding-left:14px;height:35px;line-height:35px;}
.search .searbtn{float:left;background: url("search_btn.png") no-repeat center center;cursor:pointer;width:29px;text-align:center;height:26px;font-size:13px;line-height:26px;border:none;outline:none;display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline; text-indent:1000px;}
.search .inp{float:left;width:143px;height:24px;padding:1px 0px 1px 10px;line-height:24px;outline:none;border:none;background:url("search_bg.png") no-repeat left center;}

/* banner */
.banner{clear:both;width:100%;height:500px;position:relative;overflow:hidden;}
.banner .tab_num{bottom:10px;right:50%;background-color:#FFF;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;filter:alpha(opacity=60);opacity:0.6;-moz-opacity:0.6;-khtml-opacity:0.6;}
/* category */
.catebox{clear:both;width:980px;height:210px;overflow:hidden;background-color:#e5e5e5;}
.catebox li{float:left;width:306px;padding:10px;height:190px;}
.catebox li h1{clear:both;width:100%;height:30px;line-height:30px;font-size:18px;font-weight:bold;color:#666666;padding-top:100px;text-align:center;background:url("cat-1.gif") no-repeat top center;}
.catebox li h1.pic2{background:url("cat-2.gif") no-repeat top center;}
.catebox li h1.pic3{background:url("cat-3.gif") no-repeat top center;}
.catebox li a{display:block;}
.catebox li .sn{clear:both;width:100%;height:60px;line-height:20px;font-size:13px;color:#828282;text-indent:25px;overflow:hidden;}
/* main */
.main{height:auto;padding-bottom:10px;}
.leftbg{background:url("left_bg.gif") repeat-y left center;margin-top:10px;}

/* index css */
.titlebox{clear:both;width:100%;height:30px;border-bottom:#cccccc 1px solid;margin-bottom:50px;position:relative;}
.titlebox h1{clear:both;width:160px;height:60px;padding:10px 0px;background:url('dot.gif') no-repeat left 28px;position:absolute;top:0px;left:50%;margin-left:-80px;}
.titlebox h1 .ch{clear:both;width:120px;padding-right:20px;margin-left:20px;height:30px;line-height:30px;color:#1076da;font-size:23px;font-family:\5FAE\8F6F\96C5\9ED1;text-align:center;background:#fff url('dot.gif') no-repeat right 18px;overflow:hidden;}
.titlebox h1 .en{clear:both;width:160px;height:30px;line-height:30px;color:#5a5a5a;font-size:20px;font-family:Arial;text-align:center;overflow:hidden;}

/* left css */
.main_left{width:240px;height:auto;float:left;padding-right:40px;position:relative;}
.main_left .category{clear:both;width:240px;height:auto;}
.main_left .category .title{clear:both;width:200px;padding:10px 20px 10px 20px;height:70px;background:#d93715;position:absolute;top:-50px;left:0px;z-index:100000;}
.main_left .category .title h1{clear:both;width:100%;height:40px;line-height:40px;font-size:25px;font-family:'\5FAE\8F6F\96C5\9ED1';color:#fff;text-align:center;}
.main_left .category .title span{float:left;clear:both;width:100%;height:30px;line-height:30px;color:#fff;font-size:16px;text-align:center;}

/* left menu */
.left_menu{clear:both;width:240px;padding:10px 0px 10px 0px;}
.left_menu dl{clear:both;width:240px;border:#f3f4f6 1px solid;}
.left_menu dl dt{clear:both;width:240px;padding:0px 0px;height:50px;line-height:50px;font-size:18px;color:#333;background-color:transparent;border-bottom:#f3f4f6 1px dashed;margin:1px 0px;overflow:hidden;}
.left_menu dl dt span{float:left;width:30px;height:50px;line-height:50px;cursor:pointer;font-size:13px;background:url('../images/common/-.gif') no-repeat center 20px;}
.left_menu dl dt span.on{background:url('../images/common/+.gif') no-repeat center 20px;}
.left_menu dl dt.on{color:#fff;background-color:#21232d;}
.left_menu dl dt.on span{background:url('../images/common/-2.gif') no-repeat center 20px;}
.left_menu dl dt.on span.on{background:url('../images/common/+2.gif') no-repeat center 20px;}
.left_menu dl dt i{float:left;width:20px;height:50px;line-height:50px;font-size:12px;background:url('../images/common/arrow_r.png') no-repeat center 20px;}
.left_menu dl dt.on i{background:url('../images/common/arrow_r2.png') no-repeat center 20px;}
.left_menu dl dt a{color:#333;font-size:18px;display:block;font-weight:bold;}
.left_menu dl dt a:hover{color:#f00;background-color:#e5e5e5;}
.left_menu dl dt.on a{color:#fff;font-size:18px;font-weight:bold;}
.left_menu dl dt.on a:hover{color:#fff;background-color:#21232d;}
.left_menu dl dd{clear:both;width:240px;height:auto;background-color:transparent;display:block;overflow:hidden;}
.left_menu dl dd ul{clear:both;width:100%;height:auto;padding:0px;border-top:#f3f4f6 1px dashed;}
.left_menu dl dd li{clear:both;width:auto;height:auto;line-height:50px;zoom:1;border-bottom:#f3f4f6 1px dashed;border-left:none;border-right:none;border-top:none;padding:0px;margin:0px;}
.left_menu dl dd li.on{background-color:#F1F1F1;color:#333;}
.left_menu dl li a{width:auto;background:url('../images/common/arrow_r.png') no-repeat 0px center;display:block;font-weight:600;height:50px;line-height:50px;font-size:16px;text-indent:10px;color:rgb(100 116 139);overflow:hidden;}
.left_menu dl li a:hover{color:red;}
.left_menu dl li.on a{color:red;font-size:16px;font-weight:bold;background:url('../images/common/arrow_r2.png') no-repeat 0px center;}
.left_menu dl li.on a:hover{color:red;}

/* right css */
.main_right{width:920px;height:auto;float:left;}
.maintitle{clear: both;width: 100%;height: 50px;padding-top:20px;}
.maintitle h1{float: left;font-size: 20px;font-family:Verdana;font-weight: bold;position: relative;}
.maintitle h1 span{width: 30px;height: 3px;position: absolute;bottom: -10px;left: 50%;margin-left: -15px;background-color:#ee7d31; overflow: hidden;}
.current{clear:both;width:100%;height:35px;padding:15px 0px;text-align:left;}
.current h1{height:35px;line-height:35px;font-size:16px;color:#444;background:url('icon_home.png') no-repeat 0px center;text-indent:30px;}
.current .fR{float:right;height:35px;line-height:35px;}
.current a{height:35px;line-height:35px;font-size:16px;color:#444;}
.current a:hover{height:35px;line-height:35px;font-size:16px;color:#F00;}

.maincont{clear:both;width:100%;height:auto;padding:0 0 20px 0;line-height:28px;font-size:18px;}
.infoshowbox{clear:both;width:100%;height:auto;line-height:40px;font-size:18px;padding:10px 0px;color:#000;}
.infoshowbox a{font-size:18px;color:#0066CC;line-height:40px;}
.infoshowbox a:hover{color:#ff0000;}
.infoshowbox img{padding-bottom:10px;}

.fangan{height: auto;margin-bottom: 60px;position: relative;z-index: 1000;}
.fangan h1{clear: both;width: 750px;height: 144px;line-height: 144px; background: url("fangan_bg.png") no-repeat center center;text-align: center;font-size: 22px;font-weight: bold; color: #fff;position: absolute;top: -72px;left:225px;}
.fangan ul{margin: 0 auto;clear: both;width:900px;padding-top: 150px;}
.fangan li{float: left;width: 33%;border-right: #cfcfcf 1px solid;box-sizing: border-box;padding: 0 30px;text-align: center;}
.fangan li:last-child{border: none;}
.fangan li .pic{clear:both;width:240px;height:200px;vertical-align:middle;zoom:1;overflow: hidden;margin-bottom:20px;}
.fangan li .pic a{width:240px;height:200px;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:175px;*font-family:Arial;}
.fangan li .pic a img{vertical-align:middle;max-width:240px;max-height:198px;}
.fangan li .pic a:hover img{filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;-khtml-opacity:0.8;}
.fangan li h2{clear: both;height: 30px;line-height: 30px;font-size: 16px;font-weight: bold;font-family:Verdana;}
.fangan li span{clear: both;height: 30px;line-height: 30px;font-size: 14px;color: #666;}
.fangan li a.link{margin: 20px auto;display: block; width: 30px;height: 30px;background: url("more.png") no-repeat center center;background-size: 20px;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;opacity:0.5;}
.fangan li a.link:hover{right:5px;opacity:1;}

.indexproduct{clear: both;width: 100%;height: 600px;margin-bottom:290px;background: url("productbg.jpg") no-repeat center center;position: relative;}
.indexproduct h1{width: 120px;position: absolute;left: 50%;top: 120px;margin-left: -60px;color: #fff;font-size: 22px;font-weight: bold;font-family:Verdana;text-align: center;}
.indexproduct ul{width: 1200px;position: absolute;bottom: -160px;left: 50%;margin-left: -600px;}
.indexproduct li{float: left;width: 340px;height: 495px;padding: 10px 20px;background-color:#fff;margin-right: 30px;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.175) !important;position: relative;overflow: hidden;}
.indexproduct li:last-child{margin-right: 0;}
.indexproduct li .pic{clear:both;width:340px;height:300px;vertical-align:middle;zoom:1;overflow: hidden;}
.indexproduct li .pic a{width:340px;height:300px;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:232px;*font-family:Arial;}
.indexproduct li .pic a img{vertical-align:middle;max-width:340px;max-height:298px;}
.indexproduct li .pic a:hover img{filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;-khtml-opacity:0.8;}
.indexproduct li .title{clear: both;width: 100%;height: 40px;line-height: 40px;padding: 10px 0;font-size: 18px;font-weight: bold;font-family:Verdana;}
.indexproduct li .brief{clear: both;width: 100%;height:90px;line-height: 30px;font-size: 14px;color: #666; overflow: hidden;}
.indexproduct li .more{position: absolute;bottom: 20px;right: 20px;color: #666;}
.indexproduct a.morebtn{width: 160px;height: 40px;line-height: 40px;background-color:#ed7d31;color: #fff;font-size: 16px;text-align: center; position: absolute;bottom: -250px;left: 50%;margin-left: -80px;}
.indexproduct a.morebtn:hover{background-color: #ee6000;}

.indexabout{height:auto;padding-top: 30px;}
.indexabout .title{clear: both;width: 100%;height: 30px;border-bottom: #ed7d31 3px solid;position: relative;}
.indexabout .title h1{width: 120px;height: 30px;line-height: 30px;text-align: center;background-color: #fff; position: absolute;bottom: -15px;left: 50%;margin-left: -60px;}
.indexabout .title h1 a{font-size: 22px;font-weight: bold;font-family:Verdana;}
.indexabout .cont{clear: both;width: 100%;padding: 40px 0;}
.indexabout .cont .text{float: left;width: 800px;font-size: 18px;line-height: 40px;}
.indexabout .cont .pic{float: right;width: 350px;padding-left: 50px;padding-top: 20px;}
.indexabout .cont .pic img{max-width: 350px;border-top-right-radius: 50px;border-bottom-left-radius: 50px;}

.indexnews{height:auto;padding-top: 30px;margin-bottom: 50px;}
.indexnews .title{clear: both;width: 100%;height: 30px;border-bottom: #ed7d31 3px solid;position: relative;}
.indexnews .title h1{width: 120px;height: 30px;line-height: 30px;text-align: center;background-color: #fff; position: absolute;bottom: -15px;left: 50%;margin-left: -60px;}
.indexnews .title h1 a{font-size: 22px;font-weight: bold;font-family:Verdana;}
.indexnews ul{clear: both;margin: 50px 0;}
.indexnews li{float: left;width: 380px;height: auto;margin-right: 30px;position: relative;padding-bottom: 30px;}
.indexnews li:last-child{margin-right: 0;}
.indexnews li .pic{clear:both;width:380px;height:175px;vertical-align:middle;zoom:1;}
.indexnews li .pic a{width:380px;height:175px;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:153px;*font-family:Arial;}
.indexnews li .pic a img{vertical-align:middle;max-width:380px;max-height:175px;}
.indexnews li .name{clear: both;width: 100%;height: 30px;line-height: 30px;padding: 5px 0;font-size: 16px;font-weight: bold;font-family:Arial;}
.indexnews li .brief{clear: both;width: 100%;height:60px;line-height: 20px;font-size: 14px;color: #666; overflow: hidden;}
.indexnews li .more{position: absolute;bottom: 10px;right: 10px;color: #666;}
.indexnews .btn{margin-top: 50px;clear: both;width: 100%;height: 40px;text-align: center;}
.indexnews a.morebtn{width: 160px;height: 40px;line-height: 40px;background-color:#ed7d31;color: #fff;font-size: 16px;text-align: center; display:inline-block;}
.indexnews a.morebtn:hover{background-color: #ee6000;}


/* footer */
.footerbox{clear:both;width:100%;height:auto;padding-top:20px;padding-bottom:20px;background:#081623;color:#fff;font-size:16px;}
.footer{height:auto;line-height:30px;padding:0;text-align:left;color:#fff;font-size:16px;position:relative;}
.footer .footnav{float: left;height:auto;padding-left: 10px;margin-bottom:15px;overflow:hidden;}
.footer .footnav dl{float: left;width: 130px;margin-right: 15px;}
.footer .footnav dt{clear: both;height: 30px;line-height: 30px; font-size: 18px;color: #a5a5a3;font-family:Verdana;font-weight: bold; padding: 10px 0;}
.footer .footnav dd{clear: both;height:auto;font-size: 14px;}
.footer .footnav dd a{clear: both;display: block;height: 30px;line-height: 30px;color:#fff;font-size:14px;}
.footer .footnav dd a:hover{color:#a5a5a3;}
.footer .contactinfo{float:right;height:auto;line-height:30px;text-align:left;left: 50px;}
.footerbox .friendlink{clear: both;width: 100%;height: 30px;line-height: 30px;padding: 10px 0;margin-top: 20px;border-top: #666666 1px solid;text-align: center;}
.footerbox .powered{clear:both;height:30px;line-height:30px;font-family:Verdana;color: #a5a5a3;text-align: center;overflow:hidden;}
.footerbox a{color:#fff;font-size:16px;}
.footerbox a:hover{color:#ec7e33;}
.footerbox .powered a{color: #a5a5a3;}

.catbox{clear: both;width: 100%;text-align: center;}
.catbox a{height: 30px;display: inline-block;padding: 5px 15px;margin: 10px 40px 10px 0;font-size: 16px; background-color: #ccc;}
.catbox a.on{background-color:#ec7e33;color: #fff;}

/* picture */
.piclist{clear:both;width:720px;height:auto;}
.piclist ul{clear:both;width:100%;height:auto;zoom:1;}
.piclist li{float:left;clear:none;width:223px;height:auto;zoom:1;overflow:hidden;padding:10px 9px 10px 8px;}
.piclist li .pic{clear:both;width:215px;height:195px;padding:4px 4px 8px 4px;vertical-align:middle;zoom:1;background:url('pro_bg.gif') no-repeat center center;}
.piclist li .pic a{width:215px;height:195px;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:170px;*font-family:Arial;}
.piclist li .pic a img{vertical-align:middle;}
.piclist li .pic a:hover img{filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;-khtml-opacity:0.8;}
.piclist li h1{float:left;clear:both;width:215px;height:40px;line-height:20px;font-size:13px;text-align:center;vertical-align:middle;font-weight:normal;overflow:hidden;zoom:1;}

/* products */
.procat{clear: both;height: 30px;line-height: 30px; padding: 10px 0;position: relative;}
.procat h1{font-size: 18px;font-weight: bold;}
.procat .more{font-size: 14px;position: absolute;right: 10px;top: 10px;}
.leftcat{float:left;width:198px;height:auto;border:#999999 1px solid;}
.leftcat a{clear:both;display:block;width:180px;height:23px;margin:5px 8px;border: 1px solid #999;background:url('menu_1.jpg') no-repeat center center;text-indent:2px;font-size:12px;}
.leftcat a.on{background:url('menu_01.jpg') no-repeat center center;color:#fff;}
.probox{float:right;width:680px;height:auto;padding-left:10px;}

.prolist{clear:both;width:920px;height:auto;}
.prolist ul{clear:both;width:100%;height:auto;zoom:1;}
.prolist li{float:left;width:215px;height:auto;zoom:1;overflow:hidden;margin:10px 20px 10px 0px;box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.175) !important;position:relative;}
.prolist li.end{margin-right:0px;}
.prolist li .logo{width:auto;height:30px;position:absolute;top:5px;left:10px;overflow:hidden;}
.prolist li .logo img{max-height:20px;}
.prolist li .box{clear:both;width:211px;height:auto;padding-top:20px;border:#eeeeee 2px solid;}
.prolist li .on{border:#ff4040 2px solid;}
.prolist li .box .pic{clear:both;width:211px;height:211px;padding: 10px;vertical-align:middle;zoom:1;overflow:hidden;}
.prolist li .box .pic a{width:211px;height:211px;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:185px;*font-family:Arial;}
.prolist li .box .pic a img{vertical-align:middle;max-width:211px;max-height:211px;}
.prolist li .box .pic a:hover img{filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;-khtml-opacity:0.8;}
.prolist li .box .name{clear:both;height:30px;line-height:30px;padding:10px 10px;font-size:16px;text-align:center;vertical-align:middle;font-weight:normal;white-space:nowrap;_white-space:normal;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;overflow:hidden;background-color:#f3f4f6;}
.prolist li .box .name a{width:100%;height:25px;line-height:25px;font-size:18px;color:#333;font-weight:bold;}
.prolist li .box .name a:hover{color:#ff0000;}
.prolist li .box .price{clear:both;width:100%;height:40px;position:relative;background-color:#f5f5f5;overflow:hidden;}
.prolist li .box .price span{float:left;width:auto;padding-right:95px;height:40px;line-height:40px;text-indent:5px;font-size:20px;font-family:Arial;color:#ff4400;overflow:hidden;}
.prolist li .box .price span i{height:40px;line-height:40px;font-size:16px;padding-right:5px;font-style:normal;}
.prolist li .box .price a.btn{width:90px;height:40px;line-height:40px;background-color:#dddddd;font-size:14px;color:#333;font-family:'\5FAE\8F6F\96C5\9ED1';display:block;text-align:center;position:absolute;top:0px;right:0px;overflow:hidden;}
.prolist li .box .price a.btn:hover,.prolist li .on .price a.btn{background-color:#ff4040;color:#fff;}
.prolist li .box .brief{clear:both;height:92px;line-height:22px;font-size:14px;color:rgb(100 116 139);padding:0 10px 10px 10px;background-color:#f3f4f6;overflow:hidden;box-sizing:border-box;}

.searchbox{clear:both;margin:0 auto 20px auto;width:500px;height:36px;padding:22px 0;overflow:hidden;}
.searchbox .searbtn{float:left;background-color:#1076da;cursor:pointer;width:80px;text-align:center;height:36px;font-size:16px;color:#fff;line-height:36px;border:none;outline:none;}
.searchbox .inp{float:left;width:400px;padding-left:10px;height:34px;line-height:34px;outline:none;border:#ccc 1px solid;}

.proshow{clear:both;width:100%;height:auto;padding-top:10px;}
.proshow .conttitle{clear:both;width:100%;height:auto;}
.proshow .conttitle h1{clear:both;width:auto;height:auto;line-height:30px;padding:10px 10px 5px 10px;text-align:center;font-size:20px;font-weight:bold;font-family:\5FAE\8F6F\96C5\9ED1;}
.proshow .picbox{clear:both;width:100%;height:auto;}
.proshow .picbox .picinfo{float:left;width:400px;height:400px;margin-bottom:75px;position:relative;border:#e5e5e5 1px solid;}
.proshow .picbox .picinfo .slidenum{position:absolute;bottom:-75px;left:0px;right:auto;}
.proshow .picbox .picinfo .slidenum li{float:left;width:58px;height:58px;line-height:20px;background-color:#fff;border:#e5e5e5 1px solid;color:#fff;font-size:12px;text-align:center;cursor:pointer;padding:0px;margin:0px 8px 0px 0px;list-style:none;zoom:1;overflow:hidden;}
.proshow .picbox .picinfo .slidenum li:hover,.proshow .picbox .picinfo .slidenum li.active{background-color:#fff;border:#ec1611 1px solid;color:#fff;margin-right:8px;margin-left:0px;}
.proshow .picbox .picinfo .slidenum li img{width:58px;height:58px;}

.proshow .picbox .basic{float:left;width:498px;height:auto;padding-left:20px;}
.proshow .picbox .basic li{clear:both;width:100%;height:auto;line-height:30px;padding:10px 0px;color:#333;font-size:16px;border-bottom:#e5e5e5 1px dotted;}
.proshow .picbox .basic li p{font-size:18px;color:rgb(100 116 139);line-height:36px;margin-top:10px;font-weight:normal;}
.proshow .picbox .basic li span{font-size:16px;color:#666;}
.proshow .picbox .basic li.title{font-size:26px;font-weight:bold;font-family:"Microsoft Yahei";line-height:36px;}
.proshow .picbox .basic li.price_box{height:30px;padding:20px 10px;background-color:#f7f7f7;}
.proshow .picbox .basic li span{color:#666;}
.proshow .picbox .basic li span.price{float:left;color:#ff7b04;font-size:22px;font-family:Arial;}
.proshow .picbox .basic li span b{padding-right:3px;font-weight:normal;font-size:14px;}
.proshow .picbox .basic li span em{float:none;width:auto;font-size:14px;color:#666;padding-left:2px;font-style:normal;}
.proshow .picbox .basic li span.sales{float:left;color:#666;font-size:14px;font-family:Arial;padding-left:20px;}
.proshow .picbox .basic li span.sales span.price{float:none;color:#666;font-size:16px;text-decoration:line-through;}
.proshow .picbox .basic li.btn{border-bottom:none;padding-top:20px;}
.proshow .picbox .basic li h3{float:left;margin-right:20px;}
.proshow .picbox .basic li h3 a.inquiry{width:115px;padding-left:20px;height:36px;line-height:36px;display:block;text-align:center;color:#fff;font-size:18px;font-family:Arial,Helvetica,sans-serif;background:url('inquiry.png') no-repeat center center;}
.proshow .picbox .basic li h3 a.addfav{width:115px;padding-left:20px;height:36px;line-height:36px;display:block;text-align:center;color:#333;font-size:16px;font-family:Arial,Helvetica,sans-serif;background:url('addfav.png') no-repeat center center;}
.proshow .picbox .basic li.share{border-bottom:none;padding-top:30px;color:#99A1A4;text-align:center;overflow:hidden;}

.proshow .showbox{clear:both;width:100%;height:auto;line-height:30px;margin-top:20px;margin-bottom:10px;font-size:18px;overflow:hidden;}
.proshow .showbox img{padding-bottom:10px;}
.proshow .showbox .title_box{clear:both;width:100%;height:40px;border-top:#fff 1px solid;border-bottom:#d4d4d4 1px dotted;background-color:#fafafa;}
.proshow .showbox .title_box H2{font-size:18px;float:left;width:auto;padding:0px 20px;height:40px;text-align:center;font-family:'\5FAE\8F6F\96C5\9ED1';cursor:pointer;position:relative;bottom:0px;overflow:hidden;}
.proshow .showbox .title_box H2.h_bg1{background-color:#fff;height:38px;line-height:38px;border-bottom:#d00501 3px solid;border-right:#e6e6e6 1px solid;font-weight:bold;color:#d00501;}
.proshow .showbox .title_box H2.h_bg2{background-color:#fafafa;height:38px;line-height:38px;padding-bottom:2px;border-bottom:#d4d4d4 1px dotted;border-right:#e6e6e6 1px solid;font-weight:bold;color:#333;}
.proshow .showbox .cont_box{clear:both;float:left;width:100%;padding:10px 0px;height:auto;line-height:36px;overflow:hidden;zoom:1;font-size:18px;}
.proshow .showbox .cont_box a{font-size:18px;color:#0066CC;line-height:36px;}
.proshow .showbox .cont_box a:hover{color:#ff0000;}

/* photo */
.photolist{clear:both;width:1200px;height:auto;}
.photolist ul{clear:both;width:100%;height:auto;zoom:1;}
.photolist li{float:left;clear:none;width:224px;height:auto;zoom:1;overflow:hidden;padding:10px 20px 10px 0px;}
.photolist li.end{padding-right:0px;}
.photolist li .pic{clear:both;width:210px;height:200px;padding:5px;vertical-align:middle;zoom:1;box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.175) !important;border:#eeeeee 2px solid;overflow: hidden;}
.photolist li .pic a{width:210px;height:200px;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:175px;*font-family:Arial;}
.photolist li .pic a img{vertical-align:middle;}
.photolist li .pic a:hover img{filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;-khtml-opacity:0.8;}
.photolist li h1{float:left;clear:both;width:100%;height:40px;line-height:20px;padding-top:10px;font-size:14px;text-align:center;vertical-align:middle;font-weight:normal;overflow:hidden;zoom:1;}
.photolist li h1 a{line-height:20px;font-size:14px;color:#333;}
.photolist li h1 a:hover{color:#ff0000;}

/* news */
.newslist{clear:both;width:100%;height:auto;}
.newslist ul{clear:both;width:100%;height:auto;}
.newslist li{clear:both;width:100%;min-height:170px;line-height:25px;padding:20px 0px;border-bottom:#ccc 1px dashed; position: relative; overflow:hidden;}
.newslist li .pic{clear:both;width:200px;height:150px;padding: 10px;vertical-align:middle;zoom:1;position: absolute;left: 0;top: 20px; overflow:hidden;border:#ccc 1px solid;border-radius: 10px;}
.newslist li .pic a{width:200px;height:150px;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:131px;*font-family:Arial;}
.newslist li .pic a img{vertical-align:middle;max-width: 200px;max-height: 150px;}
.newslist li .pic a:hover img{filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;-khtml-opacity:0.8;}
.newslist li .listbox{width: 100%;padding-left: 240px;padding-bottom: 30px;box-sizing: border-box;}
.newslist li .listbox h1{float:left;width:100%;height:auto;line-height:30px;text-align:left;}
.newslist li .listbox h1 a{line-height:30px;font-size:20px;color:#434242;font-weight: bold;font-family:\5FAE\8F6F\96C5\9ED1;}
.newslist li .listbox h1 a:hover{color:#ff0000;}
.newslist li .listbox span{height:30px;line-height:30px;color:#777;font-size:16px;text-align:center;position: absolute;bottom: 10px;right: 10px;}
.newslist li .listbox .brief{clear: both;max-height: 60px;line-height: 30px; color: #666;font-size: 18px;padding-top: 10px;}

.newsshow{clear:both;width:100%;height:auto;}
.newsshow .conttitle{clear:both;width:100%;height:auto;}
.newsshow .conttitle h1{clear:both;width:auto;height:auto;line-height:25px;padding:15px 10px; text-align:center;font-size:20px;font-weight:bold;font-family:\5FAE\8F6F\96C5\9ED1;}
.newsshow .meta{clear:both;width:100%;height:auto;line-height:25px;text-align:center;font-size:14px;color:#777;padding:10px 0px;}
.newsshow .meta span{width:auto;margin-right:20px;}
.newsshow .meta a{font-size:14px;color:#777;}
.newsshow .meta a:hover{font-size:14px;color:#ff0000;}
.newsshow .showbox{clear:both;width:100%;height:auto;line-height:36px;font-size:18px;padding:10px 0px;color:#000;}
.newsshow .showbox a{font-size:18px;color:#0066CC;line-height:36px;}
.newsshow .showbox a:hover{color:#ff0000;}
.newsshow .showbox img{padding-bottom:10px;}

/* order */
.orderadd{clear:both;width:100%;height:auto;padding-top:20px;}
.orderadd td{border:none;font-size:13px;padding:2px 5px;}
.orderadd .inptext{width:300px;}
.orderadd .textareacss{width:510px;border:#ccc 1px solid;outline:none;padding:1px 5px;}

/* jobs */
.joblist{clear:both;width:100%;height:auto;padding-top:20px;}
.joblist .contbox{clear:both;width:100%;height:auto;}
.joblist .contbox table{text-align:center;width:95%;}
.joblist .contbox td{border:#ccc 1px solid;font-size:13px;padding:0px 5px;}
.joblist .contbox td.titlebg{background-color:#ededed;color:#333;font-weight:bold;}
.jobadd{clear:both;width:100%;height:auto;padding-top:20px;}
.jobadd td{border:none;font-size:13px;padding:2px 5px;}
.jobadd .inptext{width:180px;}
.jobadd .textareacss{width:510px;border:#ccc 1px solid;outline:none;padding:1px 5px;}

/* inquiry */
.loading{width:50px;height:50px;position:absolute;z-index:10000;left:50%;top:50%;margin-left:-25px;margin-top:-25px;background:url('../images/common/loading_b.gif') no-repeat center center;display:none;}
.inquirybox{clear:both;width:auto;height:auto;padding:5px 10px 0px 10px;position:relative;}
.inquirybox .btn{background:url('../images/common/btn_bg.gif') no-repeat;width:110px;height:30px;line-height:30px;cursor:pointer;border:0px;font-size:16px;font-weight:bold;color:#fff;display:block;text-align:center;border:none;outline:none;}
.inquirybox ul{clear:both;width:100%;padding:5px 0px;}
.inquirybox li{float:left;width:100%;height:25px;line-height:25px;padding:4px 0px;zoom:1;}
.inquirybox li.t{text-align:center;border-bottom:#999 1px dashed;font-size:16px;color:#333;font-weight:bold;padding-bottom:10px;margin-bottom:5px;white-space:nowrap;_white-space:normal;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;overflow:hidden;}
.inquirybox li.both{clear:both;width:100%;}
.inquirybox li.ah{height:60px;}
.inquirybox li.text{height:auto;}
.inquirybox li.text .input-text{width:300px;height:80px;}
.inquirybox li b{float:left;width:120px;height:25px;line-height:25px;padding-right:10px;color:#333;font-size:14px;text-align:right;font-weight:normal;}
.inquirybox li b em{color:#F00;height:25px;line-height:25px;padding-right:5px;}

/* AOPA */
.aopabox{clear:both;width:100%;height:auto;line-height:30px;font-size:16px;padding:10px 0px;color:#000;}
.aopabox .title{clear:both;width:100%;height:50px;border-bottom:#e7e7e7 1px solid;position:relative;}
.aopabox .title h1{width:auto;height:50px;line-height:50px;padding:0px 10px;border-bottom:#d93715 3px solid;font-size:22px;font-family:\5FAE\8F6F\96C5\9ED1;position:absolute;left:0px;top:0px;}
.aopabox .cont{clear:both;width:auto;height:auto;padding:50px 50px 30px 50px;}
.aopabox .cont table{border-top:#999 1px solid;border-left:#999 1px solid;}
.aopabox .cont td{border-right:#999 1px solid;border-bottom:#999 1px solid;padding:5px;font-size:14px;color:#333;}
.aopabox .cont td .input-text{width:180px;height:22px;border:#999 1px solid;}
.aopabox .cont td input.btn{clear:none;width:90px;height:35px;line-height:35px;background:#F00;margin:15px 0px 15px 10px;border:none;font-size:14px;font-family:Arial;color:#fff;text-align:center;cursor:pointer; border-radius:10px;box-shadow:2px 2px 5px #cacaca;}
.aopabox .cont td input.vd{width:80px;height:22px;line-height:22px;padding:0px 3px;border:#999 1px solid;}

/* download */
.download{clear:both;margin:10px auto;padding:10px;width:120px;height:30px;line-height:30px;background-color:#051a28;text-align:center;border-radius:10px;}
.download:hover{background-color:#F5A21E;}
.download a{font-size:16px;color:#fff;padding-right:25px;background: url('../images/common/download.png') no-repeat center right;}

.downloadlist{clear:both;width:100%;height:auto;}
.downloadlist ul{clear:both;width:100%;height:auto;}
.downloadlist li{clear:both;width:100%;min-height:50px;line-height:25px;padding:10px 0px;border-bottom:#ccc 1px dashed; position: relative; overflow:hidden;}
.downloadlist li .pic{clear:both;width:30px;height:30px;padding: 10px;vertical-align:middle;zoom:1;position: absolute;left: 0;top: 10px; overflow:hidden;border:#ccc 1px solid;border-radius: 10px;}
.downloadlist li .pic a{width:30px;height:30px;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:26px;*font-family:Arial;}
.downloadlist li .pic a img{vertical-align:middle;max-width: 30px;max-height: 30px;}
.downloadlist li .pic a:hover img{filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;-khtml-opacity:0.8;}
.downloadlist li .listbox{width: 100%;padding-left: 60px;padding-bottom: 30px;box-sizing: border-box;}
.downloadlist li .nopic{padding-left:0;}
.downloadlist li .listbox h1{float:left;width:100%;height:auto;line-height:30px;text-align:left;}
.downloadlist li .listbox h1 a{line-height:30px;font-size:16px;color:#434242;font-weight: bold;font-family:\5FAE\8F6F\96C5\9ED1;}
.downloadlist li .listbox h1 a:hover{color:#ff0000;}
.downloadlist li .listbox h1 em{color:#0049B5;font-size:14px;font-style: normal;border:#1457B6 1px solid; background-color:#E0F1FD;border-radius:5px;padding:0 5px;}
.downloadlist li .listbox .time{width:90px;height:30px;line-height: 30px; color: #94A3B8;font-size: 14px;text-align:center;position: absolute;top: 20px;right: 80px;}
.downloadlist li .listbox .icon{width:25px;height:20px;line-height:20px;color:#777;font-size:14px;text-align:center;position: absolute;top: 20px;right: 10px;background-color:#0049B0;border-radius:10px;padding:5px 5px;}
.downloadlist li .listbox .icon a{font-size:16px;color:#fff;padding:0 10px;background: url('../images/common/download.png') no-repeat center center;}