html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {margin: 0; padding: 0;}
img{border:0 none;}
ul, li{list-style-type: none; }
body, select, {font-size:14px;}
button {cursor: pointer; }
body {font-size:14px; line-height:30px;color:#333333; background:url(images/body_back.jpg) repeat-x top; font-family:"微软雅黑";}
a, a:link {text-decoration: none; color:#333333; }
a:visited { }
a:active, a:hover{text-decoration:none; color:#005ba;}
#space{ clear:both; overflow:hidden; height:15px;}
.main{ width:1440px; overflow:hidden; margin:0 auto;}
.top_box{ position:fixed; top:0; left:0; width:100%; z-index:99999; min-width:1440px;}
.top{ background:url(../images/top_back.png); width:100%; height:75px; min-width:1440px;}
.top_logo{ float:left; width:350px;}
.top_menu{ float:left; width:990px; margin:0 0 0 100px;}
.top_menu_1{ height:30px; line-height:30px; text-align:right; font-size:12px; color:#fff;}
.top_menu_1 a{ color:#fff;}
.menulist ul li{ float:left; font-size:16px;}
.menulist ul li a{ display:block; width:99px; height:45px; line-height:45px; text-align:center; color:#fff;}
#menuover{ background:#fa9d35;}
.menulist ul li a:hover{ background:#fa9d35;}
.fullwidthbanner-container{
width:100% !important;
position:relative;
padding:0;
max-height:671px !important;
overflow:hidden;
background:url(../images/banner1.jpg) no-repeat center center; min-width:1440px;
}
.fullwidthbanner-container .fullwidthabnner {
width:100% !important;
max-height:671px !important;
position:relative;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.banner, .bannercontainer { width:768px; height:309px;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.banner, .bannercontainer { width:480px; height:193px; }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.banner, .bannercontainer { width:320px;height:129px; }
}
@media only screen and (max-width: 319px) {
.banner, .bannercontainer { width:240px;height:97px; }
}
.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected {
background:#fa9d35 !important;
}
.tp-leftarrow:hover,
.tp-rightarrow:hover {
background-color:#fa9d35 !important;
}
/** BULLETS **/
.tp-bullets {
z-index: 1001;
position: absolute;
bottom: 0px;
}
.tp-bullets.simplebullets.round .bullet {
cursor: pointer;
position: relative;
background: #34b05a;
width: 188px;
height: 6px;
float: left;
-webkit-transition: background 0.1s linear;
-moz-transition: color, background 0.1s linear;
-o-transition: color, background 0.1s linear;
transition: color, background 0.1s linear;
}
.tp-leftarrow.large {
z-index: 100;
cursor: pointer;
position: relative;
background: #393939 url(../images/slider-left-arrow.png) no-Repeat;
width: 42px;
height: 43px;
margin-left: 0px;
margin-top: -21px;
-webkit-transition: background 0.1s linear;
-moz-transition: color, background 0.1s linear;
-o-transition: color, background 0.1s linear;
transition: color, background 0.1s linear;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);/*增加阴影*/
/*
**打开注释,按钮变成圆形的
border-radius: 20px; 所有角都使用半径为5px的圆角,此属性为CSS3标准属性
-moz-border-radius: 20px; Mozilla浏览器的私有属性
-webkit-border-radius: 20px; Webkit浏览器的私有属性
border-radius: 20px 20px 20px 20px; 四个半径值分别是左上角、右上角、右下角和左下角
*/
}
.tp-rightarrow.large {
z-index: 100;
cursor: pointer;
position: relative;
background: #393939 url(../images/slider-right-arrow.png) no-Repeat 0 0;
width: 42px;
height: 43px;
margin-left: 0;
margin-top: -21px;
-webkit-transition: background 0.1s linear;
-moz-transition: color, background 0.1s linear;
-o-transition: color, background 0.1s linear;
transition: color, background 0.1s linear;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);/*增加阴影*/
/*
**打开注释,按钮变成圆形的
border-radius: 20px; 所有角都使用半径为5px的圆角,此属性为CSS3标准属性
-moz-border-radius: 20px; Mozilla浏览器的私有属性
-webkit-border-radius: 20px; Webkit浏览器的私有属性
border-radius: 20px 20px 20px 20px; 四个半径值分别是左上角、右上角、右下角和左下角
*/
}
.tp-bullets.tp-thumbs {
z-index: 100;
position: absolute;
padding: 3px;
background-color: #fff;
width: 500px;
height: 50px;
margin-top: -50px;
}
.fullwidthbanner-container .tp-thumbs {
padding: 3px;
}
.tp-bullets.tp-thumbs .tp-mask {
width: 500px;
height: 50px;
overflow: hidden;
position: relative;
}
.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer {
width: 5000px;
position: absolute;
}
.tp-bullets.tp-thumbs .bullet {
width: 100px;
height: 50px;
cursor: pointer;
overflow: hidden;
background: none;
margin: 0;
float: left;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
/*filter: alpha(opacity=50); */
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
}
.tp-bullets.tp-thumbs .bullet:hover,
.tp-bullets.tp-thumbs .bullet.selected {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.tp-thumbs img {
width: 100%;
}
.tp-bannertimer {
width: 100%;
height: 10px;
position: absolute;
z-index: 200;
z-index: 5000;
}
.tp-bannertimer.tp-bottom {
bottom: 0px !important;
height: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.responsive .tp-bullets.tp-thumbs {
width: 300px !important;
height: 30px !important;
}
.responsive .tp-bullets.tp-thumbs .tp-mask {
width: 300px !important;
height: 30px !important;
}
.responsive .tp-bullets.tp-thumbs .bullet {
width: 60px !important;
height: 30px !important;
}
}
@media only screen and (min-width: 0px) and (max-width: 479px) {
.responsive .tp-bullets {
display: none;
}
.responsive .tparrows {
display: none;
}
}
.tp-simpleresponsive img {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}
.tp-simpleresponsive a {
text-decoration: none;
}
.tp-simpleresponsive ul {
list-style: none;
padding: 0;
margin: 0;
}
.tp-simpleresponsive >ul >li {
list-stye: none;
position: absolute;
visibility: hidden;
}
.caption.slidelink a div,
.tp-caption.slidelink a div {
width: 10000px;
height: 10000px;
}
.tp-loader {
background: url(../images/loader.gif) no-repeat 10px 10px;
background-color: #fff;
margin: -22px -22px;
top: 50%;
left: 50%;
z-index: 10000;
position: absolute;
width: 44px;
height: 44px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.news_left{ width:500px; height:375px; float:left;}
.box{width: 500px;height: 375px;margin: 0 auto;overflow: hidden;position: relative;}
.box-1 ul{}
.box-1 ul li{width: 500px;height: 375px;position: relative;overflow: hidden;}
.box-1 ul li img{display:block;width: 500px; height: 375px;}
.box-1 ul li h2{position: absolute;left: 0;bottom: 0;height: 40px;width:300px;background: rgba(0,0,0,.6);text-indent: 2em;
padding-right:500px ;font-size: 15px;line-height: 40px;text-overflow: ellipsis;overflow: hidden;
white-space: nowrap;font-weight: normal;color: ghostwhite}
.box-2{position: absolute;right: 10px;bottom: 14px;}
.box-2 ul li{float:left;width: 12px;height: 12px;overflow: hidden; margin: 0 5px; border-radius: 50%;
background: rgba(0,0,0,0.5);text-indent: 100px;cursor: pointer;}
.box-2 ul .on{background: rgba(255,255,255,0.6);}
.box-3 span{position: absolute;color: white;background: rgba(125,125,120,.3);width: 50px;height: 80px;
top:50%; font-family: "宋体";line-height: 80px;font-size:60px;margin-top: -40px;
text-align: center;cursor: pointer;}
.box-3 .prev{left: 10px;}
.box-3 .next{right: 10px;}
.box-3 span::selection{background: transparent;}
.box-3 span:hover{background: rgba(0,0,0,.8);}
.news_right{ float:left; width:890px; margin:0 0 0 50px; height:375px;}
#tabs
{
overflow: auto;
width: 100%;
list-style: none;
margin: 0;
padding: 0;
}
#tabs li
{
margin: 0;
padding: 0;
float: left;
}
#tabs a
{ background: #fff;
background: -moz-linear-gradient(220deg, transparent 10px, #fff 10px);
background: -webkit-linear-gradient(220deg, transparent 10px, #fff 10px);
background: -ms-linear-gradient(220deg, transparent 10px, #fff 10px);
background: -o-linear-gradient(220deg, transparent 10px, #fff 10px);
background: linear-gradient(220deg, transparent 10px, #fff 10px);
text-shadow: none;
color: #333;
float: left;
font: bold 18px/35px 'Lucida sans', Arial, Helvetica;
height: 35px;
padding: 5px 40px;
text-decoration: none;
}
#tabs a:hover
{
background: #c93434;
background: -moz-linear-gradient(220deg, transparent 10px, #c93434 10px);
background: -webkit-linear-gradient(220deg, transparent 10px, #c93434 10px);
background: -ms-linear-gradient(220deg, transparent 10px, #c93434 10px);
background: -o-linear-gradient(220deg, transparent 10px, #c93434 10px);
background: linear-gradient(220deg, transparent 10px, #c93434 10px);
}
#tabs a:focus
{
outline: 0;
}
#tabs #current a
{
-moz-box-shadow: -4px 0 0 rgba(0, 0, 0, .2);
-webkit-box-shadow: -4px 0 0 rgba(0, 0, 0, .2);
box-shadow: -4px 0 0 rgba(0, 0, 0, .2);
background: #ad1c1c;
background: -moz-linear-gradient(220deg, transparent 10px, #ad1c1c 10px);
background: -webkit-linear-gradient(220deg, transparent 10px, #ad1c1c 10px);
background: -ms-linear-gradient(220deg, transparent 10px, #ad1c1c 10px);
background: -o-linear-gradient(220deg, transparent 10px, #ad1c1c 10px);
background: linear-gradient(220deg, transparent 10px, #ad1c1c 10px);
text-shadow: 0 1px 0 rgba(0,0,0,.5);
color: #fff;
}
#content
{
padding: 10px;
}
/* Remove the rule below if you want the content to be "organic" */
#content div
{
height: 420px;
}
#content p a{ line-height:40px; font-size:18px; background:url(../images/point.jpg) no-repeat left center; padding:0 0 0 25px;}
#content p span{ float:right; font-size:14px; color:#666666;}
.in_newslist{ padding:10px;}
.in_newslist ul li{ font-size:18px; line-height:40px; background:url(../images/point.jpg) no-repeat left center; padding:0 0 0 25px;}
.in_newslist ul li span{ float:right; font-size:14px; color:#666666;}
.pro_bg{ width:100%; min-width:1440px; overflow:hidden; background:url(../images/pro_bg.jpg) fixed no-repeat center center; padding:20px 0;}
.class_left{ float:left; width:274px;}
.class_top{ height:82px; background:url(../images/top_class.png); padding:0 0 0 30px; font-size:30px; color:#fff; line-height:82px;}
.class_list{ border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; background:#fff;}
.class_list ul li{ border-bottom:1px dotted #cccccc;}
.class_list ul li a{ display:block; width:232px; background:url(../images/class_bg.png) no-repeat 20px center; padding:0 0 0 40px; line-height:45px; font-size:18px;}
.class_list ul li a:hover{ background:url(../images/class_bg.png) no-repeat 20px center #34b05a; color:#fff;}
#active{ background:url(../images/class_bg.png) no-repeat 20px center #34b05a; color:#fff;}
.class_contact{ margin:20px 0 0 0; overflow:hidden; height:211px; background:url(../images/left_contact.png); width:274px;}
.pro_list{ float:left; width:1120px; margin:0 0 0 46px;}
.productlist{ float:left; width:260px; height:240px; border:1px solid #c9cac6; margin:10px 9px; text-align:center; font-size:16px;}
.productlist img{ width:260px; height:200px;}
.productlist:hover{ background:#34b05a;}
.productlist:hover a{ color:#fff;}
.sanzhe{ float:left; width:470px; margin:0 5px; height:290px; overflow:hidden;background:url(../images/zizhi.jpg);}
#demo{ width:320px; height:250px; overflow:hidden; margin:20px;}
.demolist{ float:left; height:250px; margin:0 5px;}
.demolist img{ height:250px;}
.foot{ width:100%; min-width:1440px; background:#090a22; padding:30px 0;}
.foot_top{ width:100%; min-width:1440px; border-bottom:1px solid #242538; height:50px; line-height:50px;}
.foot_top_left{ float:left; width:1200px;}
.foot_top_left ul li{ float:left; width:120px; margin:0 0 0 30px; font-size:18px;}
.foot_top_left ul li a{ color:#fff;}
.foot_top_left ul li a:hover{ color:#666666;}
.foot_top_right{ float:left; width:240px; text-align:right;}
.foot_b_left{ float:left; width:1200px; font-size:14px;}
.foot_b_left_1{ float:left; width:120px; margin:0 0 0 30px;}
.foot_b_left_1 p{ line-height:25px;}
.foot_b_left_1 p a{ color:#5f5e5e;}
.foot_b_left_1 p a:hover{ color:#fff;}
.foot_b_left_2{ float:left; width:680px;}
.foot_b_left_2 ul li{ float:left; width:140px; margin:0 0 0 30px;line-height:25px;}
.foot_b_left_2 ul li a{ color:#5f5e5e;}
.foot_b_left_2 ul li a:hover{ color:#fff;}
.foot_b_right{ float:left; width:240px; text-align:right;}
.top_road{ clear:both; border-bottom:1px solid #cccccc; background:#f1f1f1; width:100%; height:50px;}
.top_road p{ text-align:right; width:1200px; margin:0 auto; overflow:hidden; line-height:50px;}
.top_class{ line-height:60px;font-size:15px; clear:both;margin:0 auto; border-bottom:1px dashed #cccccc;}
.top_class a{ padding:10px 15px; margin:0 5px; background:#0165c3; color:#fff;}
.top_class a:hover{ background:#f2651e; color:#fff;}
.page_content{ padding:30px; line-height:35px; overflow:hidden; font-size:16px;}
.pro_content{ padding:30px 0; line-height:35px; overflow:hidden;}
.banner_inner{ background:url(../images/page_banner.jpg); height:400px; overflow:hidden; width:100%; min-width:1440px;}
.bannerconn{ font-size:50px; line-height:50px; width:400px; margin:200px auto;color:#fff; text-align:center;}
.bannerconn span{ font-family:Verdana, Geneva, sans-serif; font-size:18px; line-height:20px;}
#newslist li{ border-bottom:1px solid #cccccc; margin:10px 0; padding:0 15px; overflow:hidden;}
#newsimg{ width:160px; height:120px; padding:0 30px 10px 0; float:left;}
#newslist li h1{ font-size:18px; font-weight:normal; line-height:40px;}
#newslist li p{ color:#999999; font-size:14px; line-height:30px;}
#news_viwe{ background:url(../images/view.png) no-repeat left center; padding:0 0 0 20px; margin:0 5px;}
#article_viwe{ background:url(../images/view_1.png) no-repeat left center; padding:0 0 0 20px; margin:0 5px;}
.article_view_title{ font-size:36px; font-weight:bold; text-align:center; color:#000; border-bottom:1px solid #cccccc; line-height:50px;}
.article_view_title p{ font-size:14px; color:#999; font-weight:normal; line-height:30px;}
.article_content{ padding:20px 0; margin:0 0 10px 0; border-bottom:1px dashed #cccccc;}
.product_view_title{ font-size:36px; font-weight:bold; text-align:center;}
.product_view_title p{ font-size:14px; color:#999; font-weight:normal;}
.product_content{ padding:20px 0;border-bottom:1px dashed #cccccc; overflow:hidden;}
.product_c_left{ float:left; width:500px; margin:0 30px 0 0; height:400px; text-align:center; overflow:hidden;}
.product_c_left img{ height:375px; width:auto; max-width:500px;}
.product_c_left p{ text-align:center;}
.product_c_right{ float:left; width:350px; padding:0 10px; overflow:hidden;}
.product_c_right p{ font-size:18px; font-weight:bold;}
.product_c_right p span{ font-size:14px; font-weight:normal; color:#999999;}
#pro_contact{ font-size:14px; font-weight:normal;}
.product_view{ line-height:40px; overflow:hidden; padding:20px; clear:both;}
.pro_view_title{ clear:both; font-size:18px;border-bottom:1px dashed #34b05a; }
.pro_view_title span{ padding:5px 20px; background:#34b05a; color:#fff;}
#page{ width:100%; clear:both; overflow:hidden;}
#page li{ float:left; margin:0 10px;}
#page li a{ padding:15px 20px; margin:0 5px; background:#333333; color:#fff;}
#page li a:hover{ background:#34b05a; color:#fff;}
.tcdNumber{padding:15px 20px; margin:0 5px; background:#f2f2f2; }