﻿/* CSS Document */
body,
dl,
dt,
dd,
ul,
ol,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
table,
td,
img,
div {
 margin: 0;
 padding: 0;
 border: 0;
}

body {
 background: #fff;
 color: #333;
 font-size: 12px;
 font-family: "SimSun", "Arial Narrow";
}

ul,
ol {
 list-style-type: none;
}

select,
input,
img,
select {
 vertical-align: middle;
}

a {
 text-decoration: none;
 color: #333;
}

a:link {
 text-decoration: none;
}

a:visited {
 color: #333;
}

a:hover,
a:active,
a:focus {
 color: #fc8b06;
 text-decoration: underline;
}

.clearit {
 clear: both;
}

.blank10 {
 height: 10px;
 clear: both;
 display: block;
 font-size: 1px;
 overflow: hidden;
}

.wrap,
.header,
.nav_zt,
.main {
 width: 1100px;
 margin: 0px auto;
}

.header {
 height: 390px;
 width: 1100px !important;
 margin-top: 0px !important;
}

/* .header{ background:url(/Sites/Uploaded/UserUpLoad/20160608/20160608103758.jpg) no-repeat; height:236px; width:1100px!important; margin-top:0px!important;} */
.nav_zt {
 margin: 0px auto;
 color: #fff;
 display: block;
 height: 32px;
 line-height: 32px;
 position: relative;
 background: #0c7a76;
 width: 850px;
 border-radius: 10px;
 top: 330px;
 *+top: 335px;
 _top: 332px;
}

.nav_zt li {
 float: left;
 width: 100px;
 text-align: center;
 margin: 0px 35px;
}


.nav_zt li a {
 color: #fff;
 cursor: pointer;
 text-decoration: none;
}




.fan {
 text-align: right;
 padding-right: 20px;
 color: #fff;
 background: url(/Sites/Uploaded/UserUpLoad/20160527/20160527102953.jpg) no-repeat 0px 5px;
 width: 90px;
 margin-left: 1000px;
}

.fan a {
 color: #fff;
}

.main {
 background: url(/Sites/Uploaded/UserUpLoad/20160527/20160527103010.jpg) no-repeat;
 padding-top: 50px;
 overflow: hidden;
}

.w890 {
 width: 885px;
 margin: 0px auto;
}

.w520 {
}

.bk {
 width: 48.7%;
 float: left;
 border: 1px solid #f1f1f1;
 margin-bottom: 14px;
 height: 210px;
 margin: 0 2%;
 margin-left: 0;
}


.title {
 background: url(/Sites/Uploaded/UserUpLoad/20160527/20160527103317.jpg) repeat-x;
 height: 21px;
 line-height: 21px;
}

.title span {
 background: url(/Sites/Uploaded/UserUpLoad/20160527/20160527103338.jpg) no-repeat;
 width: 131px;
 height: 28px;
 display: block;
 font-size: 14px;
 text-align: center;
 line-height: 28px;
 color: #fff;
 position: relative;
 top: -6px;
 left: 20px;
}

.more {
 float: right;
 background: url(/Sites/Uploaded/UserUpLoad/20160527/20160527103357.jpg) no-repeat 0px 5px;
 padding-right: 10px;
 padding-left: 10px;
}

.home_list {
 padding-top: 10px;
}

.home_list li {
 background: url(/Sites/Uploaded/UserUpLoad/20160527/20160527103415.jpg) no-repeat 5px 10px;
 padding-left: 15px;
 line-height: 29px;
}

.home_list_line li {
 line-height: 27px !important;
}

.tujie {
 margin: 15px 0 0;
}

.date {
 float: right;
 padding-right: 20px;
 color: #999;
}

.title2 {
 background: url(/Sites/Uploaded/UserUpLoad/20160527/20160527103441.jpg) repeat-x;
 height: 28px;
 line-height: 28px;
 color: #eb7417;
 font-weight: bold;
}

.title2 span {
 background: url(/Sites/Uploaded/UserUpLoad/20160527/20160527103459.jpg) no-repeat 5px 2px;
 display: block;
 padding-left: 25px;
}

.icon {
 background: url(/Sites/Uploaded/UserUpLoad/20160527/20160527103515.jpg) no-repeat;
 padding-left: 30px;
}

/*w340*/
.w340 {
 width: 340px;
 float: left;
 margin-left: 10px;
}

.tit2 {
 background: url(/Sites/Uploaded/UserUpLoad/20160527/20160527103530.jpg) repeat-x;
 height: 26px;
 line-height: 26px;
 color: #fff;
 padding-left: 15px;
}

.tit2 span {
 background: url(/Sites/Uploaded/UserUpLoad/20160527/20160527103547.jpg) no-repeat 0px 8px;
 display: block;
 padding-left: 20px;
}

.bk2 {
 border: 1px solid #f1f1f1;
 margin-right: 0;
}



.pages {
 float: right
}

.page_number_div {
 float: left;
}

.pagetz_form {
 float: left;
 margin-left: 5px;
}

.pagetz_input {
 background: #fff;
 border: 1px solid #ffcf08;
 color: #b10000;
 border-radius: 4px;
 margin-right: 4px;
 padding: 0.25em 0.8em;
 width: 30px
}

.pagetz_btn {
 background: #fc8b06;
 border: 1px solid #ffcf08;
 border-radius: 4px;
 color: #fff;
 margin-right: 4px;
 padding: 0.25em 0.8em;
}

.pagetz_btn:hover {
 background: #b10000;
}


@media only screen and (max-width:768px) {

 .wrap,
 .header,
 .nav_zt,
 .main {
 width: 100% !important;
 }

 .header {
 background-size: 122% 100%;
 background-position: center center;
 }

 .fan {
 display: none;
 }

 .nav_zt {
 top: 202px;
 width: 90% !important;
 }

 .nav_zt li {
 width: 12% !important;
 margin: 0 2%;
 }

 .main {
 background: none;
 padding-top: 20px;
 }

 .w890 {
 overflow: hidden;
 width: 96%;
 }

 .w520,
 .w340 {
 width: 100%;
 margin: 10px 0%;
 float: none;
 }

 .bk {
 width: 100%;
 float: none;
 margin: 10px 0px !important;
 }

 .table_new {
 width: 100%
 }

 .news .flash_box {
 float: none;
 margin: 5px auto 0;
 }

 .article_left {
 display: none;
 }

 .article_right {
 width: 96%;
 float: none;
 display: block;
 margin: 0 auto;
 padding: 0 1%;
 }

 .article_right span {
 font-size: 12px !important;
 }

 .article_right img {
 width: 100%;
 }

 .bk_zl {
 width: 100% !important;
 margin: 10px 0px !important;
 }
}

@media only screen and (max-width:480px) {
 .header {
 background-position: center top;
 background-size: 162% 100%;
 height: 165px;
 }

 .nav_zt {
 top: 136px;
 width: 100% !important
 }

 .nav_zt li {
 margin: 0 1.1%;
 width: auto !important;
 }

 .table_newtitle li {
 width: 23%;
 }

 #con_tablea_1,
 #con_tablea_2,
 #con_tablea_3,
 #con_tablea_4 {
 width: 100%;
 }

 #con_tablea_1 img,
 #con_tablea_2 img,
 #con_tablea_3 img,
 #con_tablea_4 img {
 width: 100%;
 }

 .table_new {
 height: auto;
 }

 .news .flash_box {
 width: 97%;
 padding: 2px 1%;
 height: auto;
 }

 .news .flash_box .pic img {
 width: 100%;
 height: auto;
 }

 .news .flash_box .pic {
 position: unset;
 }

 .bg_h,
 .flash_box .tit,
 .flash_box .num {
 display: none;
 }
}


/*xxzl*/
.bk_zl {
 width: 882px;
 float: left;
 border: 1px solid #f1f1f1;
 margin: 10px 0 10px 0px;
}

.productshow {
 height: 260px;
 margin: 10px auto;
 padding: 4px 0;
 position: relative;
 width: 870px;
}


.scrollcontainer {
 height: 300px;
 margin: 0 auto;
 overflow: hidden;
 position: relative;
 width: 870px;
}

.scrollcontainer .img_zoom_box {
 left: 0;
 position: absolute;
 top: 0;
 width: 7000px;
}

.show .photo li {
 float: left;
 margin: 10px 2px 0px 9px;
 _margin: 10px 2px 0px 5px;
 font-size: 14px;
 position: relative;
}

.show .photo li img {
 display: block;
 width: 320px;
 height: 240px;
}

.show .photo li .bg_tit {
 position: absolute;
 bottom: 0px;
 color: #333;
 background: #fff;
 filter: alpha(opacity=80);
 opacity: 0.8;
 height: 30px;
 line-height: 30px;
 width: 320px;
 font-size: 12px;
 text-align: center;
}

.show .photo li .bg_tit:hover {
 color: #cc120a;
}


.img_zoom_box .title_type {
 position: absolute;
 bottom: 0px;
 color: #333;
 background: white;
 filter: alpha(opacity=80);
 opacity: 0.8;
 height: 30px;
 line-height: 30px;
 width: 320px;
 font-size: 12px;
 text-align: center;
} 