/* CSS Document */
*{ margin:0; padding:0;  font-size:12px;}
a{ text-decoration:none; color:#000;}
img{ border:none}
ul{ list-style:none;}
body{ background:url(../images/bg.jpg) repeat-x;}
.wrap{width:1200px; margin:0 auto;}
.clear{ clear:both;}

.head{ padding-top:12px; }
.logo{  height:108px;   float:left;}
.logo a img{ padding:20px 80px;}
.rexian{ background:url(../images/dianhua.jpg) 10px no-repeat; width:191px; height:92px; float:right;}


.nav{text-align:center; height:46px; }
.nav li{width:118px; height:46px; float:left;}
.nav li span{  }
.nav li a{line-height:46px; display:block;  width:118px; height:46px;font-weight:bold; color:#FFF; }
.nav li a:hover{ background:url(../images/nav.jpg) no-repeat; height:46px;}
#first{ background:none;}


.xian{ background:url(../images/xian.jpg) no-repeat; height:31px;}

.main{ padding-top:20px;}
.title{padding-left:450px;}
.title h2{ background:url(../images/sanjiao.jpg) no-repeat; height:18px;  padding-left:20px;}
.title h2 a{ font-size:18px;}

.pro_fenlei{ padding:50px;}
.pro_fenlei li{ background:url(../images/pro-li-bg.jpg) 25px no-repeat; width: 200px;  line-height:140px; height:156px; float:left; }
.pro_fenlei li a{ display:block; color:#000; text-align:center; width: 157px; color:#FFF; line-height:140px; padding-left:27px; }


.title1{padding-left:300px; padding-top:20px; padding-bottom:20px;}
.title1 h2{ background:url(../images/title.jpg) no-repeat; height:55px;  padding-left:20px;}
.title1 h2 a{ font-size:18px; color:#FFF; line-height:55px;}


.prolist{ background:#c51d1a; margin-top:20px; padding:20px 0;}
.pro_zhanshi{ padding: 15px 5px;}
.pro_zhanshi li{ float:left;   background:#bbbbbb;    text-align:center; font-size:12px;  margin:8px 27px 0 0px; }
.pro_zhanshi li span{ line-height:300%; }
.pro_zhanshi li a{ }
.pro_zhanshi li img{  width:270px; height:203px;}



.company{ float:left; width:820px;}

.com-title{ background:url(../images/title1-bg.jpg) repeat-x; border:1px solid #bbbbbb; height:43px; }
.com-title h2{ background:url(../images/h2-bg.jpg) no-repeat; height:43px; width:97px; display:block; text-align:center;font-size:16px; line-height:43px; float:left; }
.com-title h2 a{color:#FFF; font-size:16px; line-height:43px;}
.more{ float:right; padding-right:15px;}
.more a{ line-height:43px; color:#c51d1a;}

.jianjie{padding-top:20px;}
.jianjie img{ float:left; padding:5px; }
.jianjie p{ line-height:30px; text-indent:2em; color:#2d2d2d;}
.jianjie a{ color:#da681d;}

.shu{ background:url(../images/shuxian.jpg) no-repeat; height:248px; width:9px; float:left; margin:20px;}


.zizhi{ width:305px; float:right;}
.zuo{ background:url(../images/zuo.jpg) 0 60px no-repeat; height:143px; width:26px; float:left;}
.you{ background:url(../images/you.jpg) 0 60px no-repeat; height:143px; width:26px; float:right;}
.zizhi img{ padding:20px 0 0 6px;}


.xian1{ background:#cfcfcf; height:1px;}


.news{ width:388px; float:left;}
.new-title{}
.new-title h2{ height:43px; float:left; }
.new-title h2 a{ font-size:18px;line-height:43px;}
.xian2{ background:url(../images/new-xian.jpg) no-repeat; height:4px;}

.news ul{ width:347px; padding:10px 30px 10px 0; float:left; height:230px; }
.news ul li{ line-height:26px; background:url(../images/jia.jpg) 6px center no-repeat;padding:5px 0 5px 20px; border-bottom:1px dashed #b7b7b7; }
.news ul li a{ font-size:12px;  color:#2d2d2d;}
.news ul li span{float:right;padding-right:3px; color:#2d2d2d; font-weight:bold;}


.shu1{ background:url(../images/shuxian.jpg) 10px 40px  no-repeat; height:288px; width:49px; float:left;}


.contact{ width:310px; float:right;}
.lianxi{  width:310px; height:280px; padding:15px;}
.lianxi p{  line-height:20px; }

.foot{ background:#c51d1a; margin-top:20px;}
.foot p{ text-align:center; color:#fff; line-height:200%;}
.foot p a{ color:#fff;}
.foot .friendlink{ margin:10px 0 0 50px;}
.friendlink p{ font-family:"微软雅黑"; font-size:16px; line-height:250%; color:#fff; text-align:left; padding-left:20px; }
.friendlink p a{ font-size:12px; padding:0 5px;  line-height:150%; color:#fff;}
.friendlink p span{ font-size:12px;}
.foot-nav{  text-align:center;  height:62px; padding-left:250px;}
.foot-nav ul li{ width:70px; height:30px; float:left; }
.foot-nav ul li a{ color:#fff; font-size:12px; line-height:62px; display:block; width:70px;font-weight:bold;}

.banquan{ background:#600001; height:72px;}
.dibu p{ color:#FFF; line-height:72px;  padding-left:450px; }
.dibu p a{color:#FFF;line-height:72px;}



.left{ width:242px; float:left;}

.nei-title{ background:url(../images/pro-title-bg.jpg) repeat-x; height:43px;}
.nei-title h2{ }
.nei-title h2 a{ display:block; text-align:center; font-size:18px; color:#FFF; line-height:43px;}

.nei-pro_fenlei{ padding-top:10px;}
.nei-pro_fenlei li{  line-height:20px; height:43px; background:url(../images/nei-pro-bg.jpg) no-repeat; margin-bottom:10px;  }
.nei-pro_fenlei li a{ display:block; color:#000; padding-left:100px; line-height:43px;}
.nei-pro_fenlei li a:hover{ color:#023a69;}


.nei-zizhi img{ padding:10px 2px; border:1px solid #bbbbbb;}

.nei-contact{ margin-top:20px;}
.nei-lianxi{ border:1px solid #bbbbbb;  width:220px; padding:10px;}
.nei-lianxi p{  line-height:20px; }


.right{ width:938px; float:right;}
.nei-jianjie{  padding:4px 5px;}
.nei-jianjie p{line-height:250%; text-indent:2em;}


.nei-pro_zhanshi ul{ padding-left:5px;}
.nei-pro_zhanshi ul li{  float:left; width:250px;  background:#bbbbbb;    text-align:center; font-size:12px;  margin:10px;}
.nei-pro_zhanshi ul li span{ line-height:300%;}
.nei-pro_zhanshi ul li a{ color:#000;}
.nei-pro_zhanshi ul li img{   width:247px; height:185px; padding:2px 1px; }
.nei-pro_zhanshi h3{ font-size:20px; padding:10px;}




.nei-xinwen{padding:12px 5px; border-top:none; float:left; width:800px; }
.nei-xinwen li{width:750px;   line-height:38px;padding:0 25px; border-bottom:1px dashed #000; float:left;}
.nei-xinwen li a{ font-size:12px; color:#000;}
.nei-xinwen li span{ float:right; font-size:12px;}


/*--------滚动--------*/
#demo {



overflow:hidden;


}

#demo img {


}

#indemo {

float: left;

width: 3000%;

}

#demo1 {

float: left;

}

#demo table td{
text-align:center;
overflow:hidden;
}

#demo2 {

float: left;

}



/*分页样式*/
.paging {
	float:right;
	text-align:left;
	width:100%;
	padding-top:10px;
	font-size:12px;
}
.pagingl {
	float:left;
	padding:10px;
}
.pagingr {
	float:right;
	padding:10px;
}
.paging span {
	margin:2px;
	padding:2px 5px;
	border:#006 1px solid;
	background:#fff;
	display:block;
	float:left;
	font-size:12px;
	line-height:15px;
	text-indent:0px;
}
.paging a {
	margin:2px;
	padding:2px 5px;
	border:#006 1px solid;
	background:#ccc;
	display:block;
	float:left;
	font-size:12px;
	line-height:15px;
	text-indent:0px;
}








.fullwidthbanner-container{
	width:100% !important;
	position:relative;
	padding:0;
	max-height:415px !important;
	overflow:hidden;
}

.fullwidthbanner-container .fullwidthabnner	{
	width:100% !important;
	max-height:400px !important;
	position:relative;
}.fullwidthbanner-container2{
	width:258px !important;
	position:relative;
	padding:0;
	max-height:400px !important;
	overflow:hidden;
}

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

.tp-bullets.simplebullets.round .bullet {
    cursor: pointer;
    position: relative;
    background: #fff;
    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-l.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-r.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/loader00.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;
}