/* CSS Document */
#wrapper {
	background:#fff;
	position:relative;
}
.fullwidthbanner-container{
	width:100% !important;
	position:relative;
	padding:0;
	max-height:700px !important;
	overflow:hidden;
}

.fullwidthbanner-container .fullwidthabnner	{
	width:100% !important;
	max-height:450px !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:#005BAC !important; 
}
.tp-leftarrow:hover,
.tp-rightarrow:hover {	
	background-color:#005BAC !important;
 }
/** BULLETS **/
.tp-bullets {
    z-index: 21;
    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-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;
}


/*banner end*/

/*产品分类*/
#product{ width:1200px; margin:0 auto; overflow:hidden;}

/*标题公用*/
.product_title{ padding-top:48px; padding-bottom:48px;}
.product_title p{ text-align:center; font-size:24px; color:#356498;}
.product_title span{ width:355px; height:1px; background:#AAAAAA; display:block; margin:0 auto; margin-top:16px; margin-bottom:15px; position:relative;}
.product_title em{ width:47px; height:4px; background:#00B4E7; display:block; position:absolute; top:-2px; left:50%; margin-left:-22px;}
.product_title h4{ text-align:center; font-size:20px; color:#000; font-weight:normal;}
/*标题公用 end*/

.product_nav ul{ text-align:center;}
.product_nav ul li{ cursor:pointer; margin:0 34px; font-size:16px; padding:0 25px; height:46px; border:1px solid #B5B5B5; line-height:48px; text-align:center; display:inline-block; color:#343434;}
.product_nav ul li.on{ color:#FFF; background:#0FA4FC; border:1px solid #0FA4FC;}

.product_content{ margin-top:47px; width:1221px; overflow:hidden;}
.product_content ul li{ width:282px; height:368px; border:1px solid #CACACA; float:left; margin-right:21px;transition: 0.5s;}
.product_content ul li:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);}

.product_content_img{ width:282px; min-height:240px;}
.product_content_img img{ width:100%; height:100%;}
.product_content ul li h3{width:248px; margin:0 auto; font-size:20px; text-align:center; font-weight:normal; margin-top:5px;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 1;  overflow: hidden;}
.product_content ul li p{ width:248px; margin:0 auto; color:#515151; font-size:14px; margin-top:18px; height:42px; display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;}
.product_content_more{ font-size:14px; color:#37A2E0; text-align:center;}
/*产品分类 end*/

/*公司简介*/
#company_jj{ width:100%; margin-top:55px; overflow:hidden; background:#313131;}
.company_jj_01{ width:50%; float:left; overflow:hidden;}
.company_jj_01 img{ width:100%;}
.company_jj_02{ width:50%; float:left; overflow:hidden;}
.company_jj_02 img{ width:100%;}
.company_jj_03{ width:50%; float:left; overflow:hidden;}
.company_jj_03 img{ width:100%;}
/*公司简介 end*/

/*资讯中心*/
#news{ width:1200px; margin:0 auto; overflow:hidden;}
.news_content{ overflow:hidden;}
.news_content_left{ float:left; width:590px; height:405px;}
.news_content_left_img{ width:590px; height:298px; overflow:hidden;}
.news_content_left_img img{ width:100%; height:100%; transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s; -webkit-transition: all 0.3s;}
.news_content_left_img img:hover{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}

.news_content_left_text{ height:105px; width:590px; background:#FFF; overflow:hidden; position:relative;}
.news_content_left_text:hover h4{ color:#0FA4FC;}
.news_content_left_text h4{text-align: center; color:#101010; padding-top:8px; font-size:18px; padding-bottom:3px; text-overflow: ellipsis; overflow:hidden; white-space:nowrap;}
.news_content_left_text p{ font-size:16px; color:#5B5B5B; text-indent:30px;  display: -webkit-box;  -webkit-box-orient: vertical; line-height: 22px;  -webkit-line-clamp: 2;  overflow: hidden;}
.news_con_left_gengduo{ position:absolute; right:22px; bottom:0px; color:#169BDE; font-size:14px;text-decoration: underline;}

.news_content_right{ float:right; width:590px; border-top:1px solid #D2D2D2;}
.news_content_right ul li{ height:100px; border-bottom:1px solid #D2D2D2;}
.news_content_right_rqi{ float:left; width:84px; height:100%;}
.news_content_right_rqi.on{ background:#0FA4FC;}
.news_content_right_rqi span{ display:block; color:#000000; font-size:16px; text-align:center;font-size: 26px; margin-top: 10px;}
.news_content_right_rqi span.on{ color:#FFF;}
.news_content_right_rqi em{ text-align:right; display:block; font-size:18px; margin-right:7px; color:#000;}
.news_content_right_rqi em.on{ color:#FFF;}

.news_content_right_text{ float:left; height:100%; width:506px; overflow:hidden;}
.news_content_right_text.on{ background:#E5E5E5;}
.news_content_right_text h3{ margin-left:5px; color:#131313; white-space:nowrap; overflow:hidden; font-weight:normal; font-size:18px; text-overflow: ellipsis; padding-top:15px;}
.news_content_right_text p{ color:#868686; text-indent:33px; font-size:16px; margin-left:9px;}
/*资讯中心 end*/

/*合作客户*/
#hez_customer{ width:1200px; margin:0 auto;}
.hez_customer_son ul li{ float:left; border-bottom:1px solid #C8C8C8; border-right:1px solid #C8C8C8; width:244px; height:165px; position:relative;}
.hez_customer_son ul{ width:1225px; overflow:hidden;}
.hez_customer_son{ width:1224px; overflow:hidden; height:497px;}
.hez_customer_son_img{ height:165px;}
.hez_customer_son_img img{ width:100%; height:100%;}
.hez_customer_son_zhezao{ background:url(../images/qidi_rpet.png) repeat; width:100%; height:100%; position:absolute; left:0px; top:0px;}
.hez_customer_son_zhezao p{ text-align:center; width:120px; margin:0 auto; height:50px; margin-top:60px; line-height:50px; color:#FFF; font-size:16px; width:80px; padding:0 26px; position:relative;}
.hez_customer_son_zhezao p em{ position:absolute; left:0px; top:12px;}
/*合作客户 end*/