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; }