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;transition: all 0.2s ease;}
#space{ clear:both; overflow:hidden; height:15px;}
.main{ width:1440px; 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%; min-width:1440px; height:75px;}
.top_logo{ float:left; width:350px;}
.top_menu{ float:left; width:980px; margin:0 0 0 110px;}

.nav_menu3,
.nav_menu3 ul,
.nav_menu3 ul li,
.nav_menu3 ul li a,
.nav_menu3 #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.nav_menu3 #menu-button { 
    margin-top: 122px;
    background: #d10606;
    position: absolute;
    z-index: 99999;
}
.nav_menu3:after,
.nav_menu3 > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.nav_menu3 #menu-button {
  display: none;
}
.nav_menu3 {
  width: 980px;
  line-height: 1;
}
.nav_menu3 > ul > li {
  float: left;
}
.nav_menu3.align-center > ul {
  font-size: 0;
  text-align: center;
}
.nav_menu3.align-center > ul > li {
  display: inline-block;
  float: none;
}
.nav_menu3.align-center ul ul {
  text-align: left;
}
.nav_menu3.align-right > ul > li {
  float: right;
}
.nav_menu3.align-right ul ul {
  text-align: right;
}
.nav_menu3 > ul > li > a {
  padding: 30px 10px 29px 10px;
  text-decoration: none;
  text-transform: uppercase;
  color: #eee;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
  font-size:18px;
}
.nav_menu3 > ul > li:hover > a {
  color: #fff;
  background: #d10606;
}
.nav_menu3 > ul > li.nav-has-sub > a {
	width:122px; text-align:center;
}
.nav_menu3 > ul > li.nav-has-sub > a::after {
  position: absolute;
  top: 35px;
  right: 10px;
  width: 4px;
  height: 4px;
  content: "";

}
.nav_menu3 > ul > li.nav-has-sub:hover > a::after {
}
.nav_menu3 ul ul {
  position: absolute;
  left: -9999px;
}
.nav_menu3 > ul > li > ul {    
}
.nav_menu3 li:hover > ul {
  left: auto;
}
.nav_menu3.align-right li:hover > ul {
  right: 0;
}
.nav_menu3 ul ul ul {
  margin-left: 100%;
  top: 0;
}
.nav_menu3.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
.nav_menu3 ul ul li {
  height: 0;

}
.nav_menu3 ul li:hover > ul > li {
  height: 45px;
}
.nav_menu3 ul ul li a {
  padding: 20px 10px 20px 20px;
  width: 122px;
  background: #d10606;
  text-decoration: none;
  color: #fff;

}
.nav_menu3 ul ul li:hover > a,
.nav_menu3 ul ul li a:hover {
  color: #d10606;
  background:#fff;
}
.nav_menu3 ul ul li.nav-has-sub > a::after {
  position: absolute;
  top: 25px;
  right: 10px;
  width: 4px;
  height: 4px;
  content: "";
}
.nav_menu3.align-right ul ul li.nav-has-sub > a::after {
  right: auto;
  left: 10px;
  border-bottom: 0;
  border-right: 0;
}






.fullwidthbanner-container{
	width:100% !important;
	position:relative;
	padding:0;
	max-height:671px !important;
	overflow:hidden;
	background:url(../images/banner1.jpg);
}

.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:#d10606 !important; 
}
.tp-leftarrow:hover,
.tp-rightarrow:hover {	
	background-color:#d10606 !important;
 }
/** BULLETS **/
.tp-bullets {
    z-index: 1001;
    position: absolute;
    bottom: 0px;
}

.tp-bullets.simplebullets.round .bullet {
    cursor: pointer;
    position: relative;
	background:url(../images/top_back.png);
    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:550px; height:340px; float:left;}

.box{width: 550px;height: 340px;margin: 0 auto;overflow: hidden;position: relative;}
.box-1 ul{}
.box-1 ul li{width: 550px;height: 340px;position: relative;overflow: hidden;}
.box-1 ul li img{display:block;width: 550px; height: 340px;}
.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(255,255,255,0.5);text-indent: 100px;cursor: pointer;}
.box-2 ul .on{background: rgba(209,6,6,0.6);}
.box-3 span{position: absolute;color: white;background: rgba(125,125,120,.3);width: 50px;height: 50px;
				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,.5);}


.news_right{ float:left; width:840px; margin:0 0 0 50px; height:340px;}

#tabs
{
  overflow: auto;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom:1px solid #d10606;
}

#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: #d10606;
    background:    -moz-linear-gradient(220deg, transparent 10px, #d10606 10px);
    background:    -webkit-linear-gradient(220deg, transparent 10px, #d10606 10px);     
    background:     -ms-linear-gradient(220deg, transparent 10px, #d10606 10px); 
    background:      -o-linear-gradient(220deg, transparent 10px, #d10606 10px); 
    background:         linear-gradient(220deg, transparent 10px, #d10606 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;}

.main_title{ text-align:center; font-size:36px; line-height:40px;}
.main_title p{ text-align:center; font-size:14px; font-family:Arial; line-height:25px;}

.sanzhe{ float:left; width:440px; margin:0 5px; height:260px; overflow:hidden; padding:15px; color:#fff;}
.sanzhe a{ color:#fff;}
#sanzhe_1{ background:url(../images/sanzhe_1.jpg);}
#sanzhe_2{ background:url(../images/sanzhe_2.jpg);}
#sanzhe_3{ background:url(../images/sanzhe_3.jpg);}

.sanzhe_top{ height:150px; width:440px;}
.sanzhe_top_left{ float:left; width:130px; text-align:center;}
.sanzhe_top_right{ float:left; width:310px; margin:15px 0 0 0;}
.sanzhe_top_right h1{ font-size:36px; font-weight:normal; line-height:50px;}
.sanzhe_top_right p{ font-size:18px; line-height:25px; text-transform:uppercase;}
.sanzhe_bottom{ clear:both; font-size:16px;}
.sanzhe_bottom a{ padding:5px 10px;}
.sanzhe_bottom a:hover{ background:#d10606;}

.adpic{ width:100%; min-width:1440px; height:206px; background:url(../images/adpic.jpg) no-repeat center center;}

.in_prolist{ float:left; width:470px; height:290px; margin:5px;}
.in_prolist img{ width:470px; height:290px;}

/*
 * ImageHover.css - http://www.imagehover.io
 * Version 1.0
 * Author: Ciar��n Walsh

 * Made available under a MIT License:
 * http://www.opensource.org/licenses/mit-license.php

 */
[class^='imghvr-'],
[class*=' imghvr-'] {
  position: relative;
  display: inline-block;
  margin: 0px;
  max-width: 100%;
  background-color: rgba(9, 10, 34, 0.75);
  color: #fff;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
[class^='imghvr-'] > img,
[class*=' imghvr-'] > img {
  vertical-align: top;
  max-width: 100%;
}
[class^='imghvr-'] figcaption,
[class*=' imghvr-'] figcaption {
  background-color: inherit;
  padding: 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
[class^='imghvr-'] h3,
[class*=' imghvr-'] h3,
[class^='imghvr-'] p,
[class*=' imghvr-'] p {
  margin: 20px 0 0 0;
  padding: 0;
  color: #fff;
}
[class^='imghvr-'] a,
[class*=' imghvr-'] a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
[class^='imghvr-'],
[class*=' imghvr-'],
[class^='imghvr-']:before,
[class^='imghvr-']:after,
[class*=' imghvr-']:before,
[class*=' imghvr-']:after,
[class^='imghvr-'] *,
[class*=' imghvr-'] *,
[class^='imghvr-'] *:before,
[class^='imghvr-'] *:after,
[class*=' imghvr-'] *:before,
[class*=' imghvr-'] *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
/* imghvr-fade
   ----------------------------- */
.imghvr-fade figcaption {
  opacity: 0;
}
.imghvr-fade:hover > img {
  opacity: 0;
}
.imghvr-fade:hover figcaption {
  opacity: 1;
}


/* imghvr-slide-*
   ----------------------------- */
[class^='imghvr-slide-']:hover figcaption,
[class*=' imghvr-slide-']:hover figcaption {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

/* imghvr-slide-down
   ----------------------------- */
.imghvr-slide-down figcaption {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  background-color: inherit;
}




.foot{ width:100%; min-width:1440px; background:url(../images/foot_bg.jpg) repeat-x top #e5e5e5; padding:20px 0;}
.foot_top{ width:100%; min-width:1440px; margin:0 auto;}
.foot_top ul li{ float:left; margin:0 0 0 30px; width:130px;}
.foot_top ul li h1{ font-size:18px; line-height:60px;}
.foot_top ul li p{ font-size:14px; line-height:30px;}



.main-im{ position:fixed; right: 10px; top:300px; z-index: 100; width: 110px; height: 272px; line-height:120%; }
.main-im .qq-a { display: block; width: 106px; height: 116px; font-size: 14px; color: #0484cd; text-align: center; position: relative; }
.main-im .qq-a span { bottom: 5px; position: absolute; width: 90px; left: 10px; }
.main-im .qq-hover-c { width: 70px; height: 70px; border-radius: 35px; position: absolute; left: 18px; top: 10px; overflow: hidden; z-index: 9; }
.main-im .qq-container { z-index: 99; position: absolute; width: 109px; height: 118px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #dddddd; background:url(../images/qq-icon-bg.png)no-repeat center 8px; }
.main-im .img-qq {max-width: 60px; display: block; position: absolute; left: 6px; top: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.main-im .im-qq:hover .img-qq{ max-width: 70px; left: 1px; top: 8px; position: absolute; }
.main-im .im_main {background: #F9FAFB; border: 1px solid #dddddd; border-radius: 10px; background: #F9FAFB;display:none;}
.main-im .im_main .im-tel { color: #000000; text-align: center; width: 109px; height: 105px; border-bottom: 1px solid #dddddd; }
.main-im .im_main .im-tel div{font-weight:bold;font-size: 12px;margin-top:11px;}
.main-im .im_main .im-tel .tel-num { font-family: Arial; font-weight: bold; color: #e66d15;}
.main-im .im_main .im-tel:hover { background: #fafafa; }
.main-im .im_main .weixing-container {width: 55px; height: 47px; border-right: 1px solid #dddddd; background: #f5f5f5; border-bottom-left-radius: 10px; background: url(../images/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show {width: 112px; height: 172px; background: #ffffff; border-radius: 10px; border: 1px solid #dddddd; position: absolute; left: -125px; top: -126px; }
.main-im .im_main .weixing-show .weixing-sanjiao {width:0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 112px; top: 134px; position: absolute; z-index: 2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 112px; top: 132px; position: absolute; }
.main-im .im_main .weixing-show .weixing-ma { width: 104px; height: 103px; padding-left: 5px; padding-top: 5px; }
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto; text-align:center;}
.main-im .im_main .go-top { width: 50px; height: 47px; background: #f5f5f5; border-bottom-right-radius: 10px; background: url(../images/toTop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a { display: block; width: 52px; height: 47px; }
.main-im .close-im { position: absolute; right: 10px; top: -12px; z-index: 100; width: 24px; height: 24px; }
.main-im .close-im a { display: block; width: 24px; height: 24px; background: url(../images/close_im.png) no-repeat left top; }
.main-im .close-im a:hover { text-decoration: none; }
.main-im .open-im { cursor: pointer; margin-left: 68px; width: 40px; height: 133px; background: url(../images/open_im.png) no-repeat left top; }

.banner_inner{overflow:hidden; width:100%; min-width:1440px;}
.banner_inner img{ width:100%; min-width:1440px;}
.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 #d10606; color:#fff;}
.class_list ul p a{ display:block; width:222px; background:#f5f5f5; padding:0 0 0  50px; line-height:35px; font-size:14px; border-bottom:1px dashed #cccccc;}
.class_list ul p a:hover{ background:#d10606; color:#fff;}
.left_list{ border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; background:#fff;}
.left_list ul li { border-bottom:1px dotted #cccccc; font-size:16px; background:url(../images/class_bg.png) no-repeat 20px center; padding:0 0 0 40px; line-height:45px;}

#active{ background:url(../images/class_bg.png) no-repeat 20px center #d10606; color:#fff;}
.class_contact{ margin:20px 0 0 0; overflow:hidden; height:211px; background:url(../images/left_contact.png); width:274px;}

.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:#d10606; color:#fff;}

.pro_list{ float:left; width:1120px; margin:0 0 0 46px;}
.productlist{ float:left; width:353px; height:312px; border:1px solid #c9cac6; margin:10px 9px; text-align:center; font-size:16px;}
.productlist img{ width:353px; height:272px;}
.productlist:hover{ background:#d10606;}
.productlist:hover a{ color:#fff;}

.page_content{ padding:30px; line-height:35px; overflow:hidden; font-size:16px;}
.pro_content{ padding:30px 0; line-height:35px; overflow:hidden;}

#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; text-align:justify;}

.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:#d10606; color:#fff;}
.tcdNumber{padding:15px 20px; margin:0 5px; background:#d10606; }