/*======================
        公共样式
=======================*/
html {border:none; margin:0px; padding:0px;}
body {border:none;  margin:0px;padding:0px; font-size:12px; font-family: Arial; line-height:22px; color:#000;}
div, p, span, a, img, font, b, h1, h2, h3, h4, h5, h6, table, dl, dt, dd, tbody, tr, td, ul, li, form {border:none; list-style-type:none; margin:0px; padding:0px;}
textarea, input, select {margin:0px; padding:0px;}
a:hover{color:#000000;}
a{font-size:12px; color:#696969; text-decoration:none;}
.f_l{float:left;}
.f_r{float:right;}


/*----- 整体布局 -----*/
#wrap, .container, .global_l, .global_r, .area{overflow:hidden; zoom:1;}
#wrap{width:950px; margin:0 auto;}
.container{width:950px;}
.global_l{width:188px; float:left;}
.global_r{width:758px; float:right;}
.area{width:100%; margin-bottom:10px;}





/*----- header -----*/
.header{height:72px; overflow:hidden; background:url(body_bg.jpg) repeat-x;}
.header .logo{height:72px; width:205px; float:left; overflow:hidden;}
.header .search{height:72px; width:302px; float:left; overflow:hidden; text-align:right; padding-top:42px;}
.header .search .searchkey{ height:18px; border:none; background-color:#FFFFFF; margin-right:5px; color:#666666; line-height:16px; font-size:12px;}
.header .search .searchbutton{ height:18px; border:none; background-color:#FFFFFF; font-size:12px; cursor:pointer; margin-top:0px;}
.header .nav{height:72px; width:440px; float:left; overflow:hidden;text-align:left; padding-top:42px; background:url(nav_bg.jpg) 18px 40px no-repeat;}
.header .nav a{ color:#FFFFFF; margin-left:25px;}
.header .nav a:hover{ color:#333333; text-decoration:underline;}
.header .nav .f1x{ margin-left:50px;}
.header .nav .f1x2{margin-left:5px;}
.header .nav .f1x3{margin-left:18px;}
.header .nav .f1x4{margin-left:20px;}
.header .nav .f1{margin-right:5px!important;margin-right:13px;}


/*----- menu -----*/
.menu{ height:33px; background:url(index_12.jpg) repeat-x; overflow:hidden;}
.menu .l{width:20px; height:33px; float:left; background:url(nav_bg_l.jpg) left no-repeat; background-position:0px 0px;}
.menu .r{width:20px; height:33px; float:left; background:url(nav_bg_l.jpg) right no-repeat; background-position:-7px 0px;}
.menu .m-menubar{width:910px; height:33px; float:left; line-height:30px;}
.menu .m-menubar li{ float:left; width:80px; text-align:center; background:url(index_20.jpg) no-repeat center;}
.menu .m-menubar a{ color:#FFFFFF; font-weight:bold; display:block;}
.menu .m-menubar a:hover{ background:url(index_14.jpg) repeat-x; color:#CCCCCC; text-decoration:underline; font-weight:bold; display:block; width:78px;}
.menu .menubg{background:url(index_14.jpg) repeat-x; display:block;}


/*----- Ad -----*/
.indexAd{height:189px; padding-bottom:5px;} .indexAd img{height:189px; width:950px;}
.leftAd{width:184px; text-align:center; height:290px;} .leftAd img{ width:182px; margin-bottom:2px;}
.indexmiddleAd{width:754px; text-align:center; height:auto;} .indexmiddleAd img{ width:754px; height:133px;}
.categoryAd{width:754px; text-align:center; overflow:hidden;} .categoryAd img{ width:754px; height:130px;overflow:hidden;}
.serviceyAd{width:754px; text-align:center; overflow:hidden; height:auto} .serviceyAd img{ width:754px; overflow:hidden;}


/*-----module -----*/
.module_top{ background:url(module_top.jpg) top repeat-x; border:#dddddd 1px solid; margin-bottom:5px;}
.module_root{ background:url(module_root.jpg) bottom repeat-x; border:#ffffff 1px solid;}
.module_root ul{font-size:13px; color:#cb0606; font-weight:bold;}
.module_root li{font-size:12px; color:#545454; font-weight:normal; margin-left:2px;}
.module_root li .tag1{ width:14px; height:18px; display:block; background:url(index_25.jpg) 0px 4px no-repeat; float:left; overflow:hidden;}
.module_root li .tag2{ width:65px; height:18px; display:block; float:right; overflow:hidden;}
.module_root li .tag3{ width:26px; height:26px; display:block; background:url(index_35.jpg) no-repeat; float:left; overflow:hidden; text-align:center; color:#fff; font-size:16px; font-weight:bold;}

.zixun{width:184px;height:180px;}
.mulu{width:184px;height:360px;} .mulu li{ height:40px;}
.emailsubscible{ width:184px; height:170px!important; height:150px;} .emailsubscible li{ height:150px;} .emailsubscible .emailaddress{ width:120px; height:18px; margin-right:10px; border:#CCCCCC 1px solid;} 
           .emailsubscible .emailbutton{ background-color:#FFFFFF; cursor:pointer; border:#CCCCCC 1px solid;}

.paihang{ width:184px; height:299px!important; height:280px;} .paihang li{ height:30px;}
.zuixin{width:754px; height:180px;} .zuixin .gbutton{ height:155px; width:10px; float:left;}
  .zuixin .gcontent{ height:155px; width:722px; float:left;}
.zuixin-x{ width:184px; height:299px!important; height:280px;} .zuixin-x .goodslist{ margin-left:11px;}

.tuijian{ width:754px; height:auto;} .tuijian.gcontent{width:750px;}
.sanhang{ width:758px; height:372px; overflow:hidden;} .sanhang .l{width:280px; height:372px;float:left; margin-right:5px;} .sanhang .m{width:280px; height:372px;float:left; margin-right:5px;} .sanhang .r{width:188px; height:372px; float:left; overflow:hidden;}
.guanyu{ width:276px; height:368px; overflow:hidden;} .guanyu .gcontent{width:274px; height:345px; overflow:hidden;}
.hangyexinwen{ width:276px; height:368px; overflow:hidden;} .hangyexinwen .head{ height:110px; overflow:hidden }
.contactonline{width:184px; height:368px; overflow:hidden; text-align:center} .contactonline .tel{ font-size:14px; font-weight:bold; display:block; line-height:30px;}
.contactonline li{ height:18px; width:95px; margin-left:70px; text-align:left;}
.cooperation{ height:70px; overflow:hidden;} .cooperation .gcontent{ width:943px; height:50px;} .cooperation .gcontent img{ height:40px; margin-left:20px;}

/*-----category-----*/
.category{width:754px; height:640px;}
.category .head{ width:700px; height:40px; padding:5px;}
.category .liststyle{ font-size:12px; color:#333333; margin-bottom:60px;}
.category .liststyle img{ margin-left:5px; cursor:pointer}

.category .listimgwithtext{ width:750px; height:140px; border-bottom:#CCCCCC 1px dotted; margin-bottom:5px;}
.category .listimgwithtext .l1{width:150px; height:140px; float:left;}
.category .listimgwithtext .l2{width:100px; height:140px; float:left;}
.category .listimgwithtext .l3{width:320px; height:140px; float:left;}
.category .listimgwithtext .l4{width:150px; height:140px; float:left; text-align:right;}
.category .listimgwithtext .l4 img{ margin-top:50px;}





/*-----goodslist-----*/
.goodslist{ width:140px; height:155px; float:left; margin-left:6px; text-align:center; overflow:hidden;}
.goodslist .gimg{width:140px; height:130px;}
.goodslist .gimg img{  width:120px; height:120px;}
.goodslist .gimg a{display:block; width:120px; height:120px;border:#CCCCCC 1px solid;}
.goodslist .gimg a:hover{ display:block; width:130px; height:130px; background-color:#d62118;}
.goodslist .gimg a:hover img{margin-top:4px;}
.goodslist .gtext{width:140px; height:25px;}


/*-----goodslist2-----*/
.goodslist2{ width:170px; height:200px; float:left; margin-bottom:2px; margin-left:7px; margin-right:7px; text-align:center; overflow:hidden;}
.goodslist2 .gimg{width:170px; height:168px;}
.goodslist2 .gimg img{  width:160px; height:160px; margin-top:2px;}
.goodslist2 .gimg a{display:block; width:166px; height:166px;border:#CCCCCC 1px solid;}
.goodslist2 .gimg a:hover{ display:block; width:170px; height:170px; background-color:#d62118;}
.goodslist2 .gimg a:hover img{margin-top:4px;}
.goodslist2 .gtext{width:170px; height:20px; line-height:20px;}



/*-----goodsdetail-----*/
.goodsdetail{ width:754px; height:365px;}
.goodsdetail .l{ width:360px; height:360px; float:left; margin-right:10px;}
.goodsdetail .l img{ width:360px; height:360px; float:left;}
.goodsdetail .r{ width:380px; height:360px;}
.goodsdetail .r .tname{ width:380px; height:30px; color:#333333; font-size:20px; display:block; overflow:hidden; margin-top:10px;}
.goodsdetail .r .titem{ width:380px; height:30px; color:#333333; font-size:18px; display:block;}
.goodsdetail .r .tdesc{ width:380px; height:220px; color:#333333; font-size:12px; display:block; font-weight:normal;}
.goodsdetail .r .tbutton{ width:380px; height:30px; display:block; text-align:center; margin-top:20px;}
.goodsdescription{width:754px;}
.goodsdescription .head{ width:754px; height:36px; background:url(goods_03.jpg) no-repeat;}
.goodsdescription .head span{ margin-left:8px; margin-top:4px; display:block; width:110px; height:30px; text-align:center; line-height:30px;}
.goodsdescription .tcontent{width:754px; height:200px; padding-left:5px; padding-right:5px;}
.goodsdescription .tbutton{width:754px; height:30px; text-align:center;}

/*-----news-----*/
.news{width:754px; height:auto;}
.news .hot{width:754px; height:200px;}
.news .hot .l{width:200px; height:200px; float:left; margin-right:5px; overflow:hidden;}
.news .hot .l img{width:200px; height:200px; overflow:hidden}
.news .hot .r{width:545px; height:200px; float:left;}
.news .list{ margin-top:20px;}
.news .list li{ height:30px;}
.news .list span{width:14px; height:18px; display:block; background:url(index_25.jpg) 0px 4px no-repeat; float:left; overflow:hidden; margin-left:5px;}
.news .detailshow{ width:754px; height:auto;  padding-left:5px; padding-right:5px;}


/*-----text-----*/
.feedback{ font-size:12px;}
.feedback .t1{ width:400px;}
.feedback .t2{ width:400px; height:200px;}

/*-----user-----*/
.user{width:754px; height:auto;}
.user .t1{}
.user .t2{ width:200px; height:16px; margin-left:3px; margin-right:5px;}
.user .t3{border-collapse:collapse;}
.user .t3 td{ border:#f1f1f0 1px solid;}

/*-----root-----*/
.root{height:32px; background-color:#d11c14; text-align:center; line-height:32px;}
.root a{ color:#FFFFFF;  margin-top:-2px; margin-left:10px;}
.root img{ margin-top:8px;}
.links{ height:auto; text-align:center;}

/*-----location-----*/
.location{width:754px; height:20px;}


/*--- pages ---*/
.pages{ width:100%; height:30px; text-align:center; margin-top:20px;}
.pages span{ display:inline; padding:5px; background-color:#333333; color:#FFFFFF;}
.pages a:hover{ color:#FFFFFF;}



/*-----blog-----*/
.bloghead{ height:100px;}
.bloghead .left{ width:450px; float:left; height:inherit;}
.bloghead .right{ width:300px; float:left; height:inherit; line-height:80px; font-size:40px; font-weight:bold;}

.bloglist{}
.bloglist span{ font-size:16px; font-weight:bold; color:#cb0606; padding:10px;}
.bloglist li{ height:30px; line-height:30px;}




/*----- links -----*/
#links{width:960px; margin-bottom:10px;}
#links .top{height:9px; font-size:1px; overflow:hidden; background:url(images/bg_1.jpg) no-repeat top left;}
#links .bottom{height:8px; font-size:1px; overflow:hidden; background:url(images/bg_2.jpg) no-repeat bottom left;}
#links .content{border-left:5px #c5d7f0 solid; border-right:5px #c5d7f0 solid; overflow:hidden; zoom:1;}
#links p{display:block; overflow:hidden; zoom:1; padding:2px 6px;}
#links .img{ padding:2px 0 2px 6px;}
#links .img a{width:88px; height:31px; margin:0 4px 4px 0; overflow:hidden; border:1px #cccccc solid; display:inline-block; float:left;}
#links .text{}
#links .text span{display:inline-block; float:left; height:20px; padding:0 4px; line-height:20px;}
#links .text a{padding:0 2px;}