﻿/*基础CSS*/
* {
	word-wrap: break-word;
}
body,html {
	font-size: 14px;
	background: #fff;
	font-family: microsoft yahei;
}
body,html,.tj-body{
	height: 100%;
}
body,ul,ol,li,dl,dd,p,h1,h2,h3,h4,h5,h6,form{
	margin: 0;
	padding: 0;
}
li {
	list-style: none;
}
a {
	color: #333;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}

    .swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        overflow: hidden;
    }
/* 分页数字条*/
.tj-page {
  display: flex;
  justify-content: center;
  margin-top: 10px;
  margin-bottom: 20px;
}
.tj-page a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 14px;
  padding: 8px 12px;
  margin: 0 5px;
  border-radius: 3px;
}

.tj-page a:hover {
  color: #0091e2;
  border: 1px solid #0091e2;
}
.tj-page a.page-num-current {
  color: #fff;
  background: #0091e2;
  border: 1px solid #0091e2;
}
.tj-page-center{
	display: flex;
	justify-content: center;
	font-size: 16px;
	margin-top: 30px;
}
/* 分页结束*/
.mt-20{
	margin-top: 20px;
}
.mt-30{
	margin-top: 30px;
}
.pd-top-30{
	padding-top: 30px;
}
.clear{
	clear: both;
}
.tj-body{
	position: relative;
	height:auto; 
    min-height:100%;
}
.tj-c1{
	background-color:#FAFAFA;
}
/*top*/
.tj-top {
	width: 100%;
	height: 39px;
	border-bottom: 1px solid #eee;
	line-height: 39px;
	color: #fff;
	background: #333b4a;
	position:fixed;
	min-width: 1180px;
	z-index:10000;
	top:0;
}
.tj-1200 {
	width: 1200px;
	margin: 0 auto;
}

.tj-fl{
	float: left;
}
.tj-fl span {
	float: left;
	display: inline-block;
	margin-right: 25px;
	color: #eff1f3;
	font-size: 14px;
}
.tj-fr {
	float: right;
	margin-right: 10px;
}
.tj-header {
	height: 68px;
	padding: 42px 0 10px 0;
	background: #fff;
	box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    	position: fixed;
    	z-index: 1000;
    	margin: 0 auto;
    	width: 100%;
    	text-align: center;
}
.tj-nav {
	float: left;
	height: 68px;
	width: 720px;
	overflow: hidden;
	white-space: nowrap;
}

.tj-nav ul {
	height: 68px;
	width: 720px;
	overflow: hidden;
}

.tj-nav ul li {
	float: left;
	height: 68px;
	position: relative;
	margin-left: 36px;
}

.tj-nav ul li a {
	color: #333;
	font-size: 16px;
	height: 65px;
	line-height: 65px;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}

.tj-nav ul li a:after {
	position: absolute;
	content: '';
	left: 50%;
	height: 3px;
	bottom: 0;
	width: 0;
	transition: all .5s;
	background: #0091e2;
}

.tj-nav ul li.cur a:after,.tj-nav ul li a:hover:after {
	text-decoration: none;
	width: 100%;
	left: 0;
}

.tj-nav ul li.cur a,.tj-nav ul li a:hover {
	color: #0091e2;
}
.tj-logo{
	float: left;
}

.tj-search {
	float: right;

}
.tj-search input{width: 278px;height: 20px;border: 1px solid #eee;border-radius: 20px;line-height: 20px;padding: 9px 0px;border: none;border-right: none;font-size: 12px;color: #999;position: absolute;right: 0px;top: 0px;background: #f5f5f5;padding-left: 20px;outline: none;}
.tj-search button{width: 23px;height: 38px;border: none;background-position: -168px bottom;z-index: 10;cursor: pointer;position: absolute;right: 15px;top: 0px;outline: none;background:#f5f5f5;}
.tj-search i{
	color: #666;
}
.tj-search i:hover{
	color: #0091e2;
}
.w1200 {width: 1200px;margin: 0 auto;}
.search{border-bottom: 1px solid #eee;}
.search .hot{padding: 30px 0;height: 40px;line-height: 40px;}
.search .hot .left{color: #333;font-weight: bold;float:left;}
.search .hot .left b{color: #0e4295;}
.search .hot .left a{padding: 0 10px;color: #787878;font-weight: 100;}
.search .hot .left a:hover{color: #0e4295;}
.search .hot .right{position: relative;}
.search .hot .right .input{}
.search .hot .right .btn{}
/*footer*/
.tj-footer {
	width: 100%;
	margin-top:25px;
	padding-top: 30px;
	background: #333;
	min-height: 230px;
	color: #ccc;
	font-size: 12px;
}

.tj-1180 {
	width: 1180px;
	margin: 0 auto;
}

.tj-links {
	float: left;
	width: 420px;
}

.tj-links ul {
}

.tj-links ul li {
	width: 140px;
	float: left;
	text-align: left;
}

.tj-links ul li p {
	font-size: 14px;
	color: #fff;
	display: block;
}

.tj-links ul li a {
	color: #ccc;
	font-size: 12px;
	display: block;
	margin-top: 10px;
}

.tj-links ul li a:hover {
	color: #fff;
}

.tj-follow {
	float: left;
	border-left: 1px solid #484848;
	border-right: 1px solid #484848;
	padding: 0 50px;
}

.tj-follow p {
	font-size: 14px;
	margin-bottom: 15px;
}

.tj-follow .tj-weixin {
	margin-right: 20px;
}

.tj-follow .tj-weixin,.tj-follow .tj-app {
	float: left;
	text-align: center;
}

.tj-follow .tj-weixin img,.tj-follow .tj-app img {
	width: 100px;
	height: 100px;
}

.tj-follow .tj-weixin p,.tj-follow .tj-app p {
	font-size: 12px;
	color: #ccc;
	margin-top: 10px;
}

.tj-about {
	width: 385px;
	margin-left: 30px;
	float: left;
}

.tj-company {
	padding-bottom: 10px;
	border-bottom: 1px solid #484848;
	display: block;
	margin-bottom: 20px;
	color: #eee;
	font-size: 36px;
	cursor: default;
	font-size: 12px;
}

.tj-company p {
	font-size: 14px;
	color: #ccc;
	margin: 0;
}

.tj-company i {
	vertical-align: middle;
	display: inline-block;
	width: 50px;
	height: 50px;
}

.tj-company b {
	font-size: 35px;
	font-weight: normal;
}

.tj-about p.address {
	color: #aaa;
	margin-bottom: 5px;
	font-size: 12px;
}

.tj-down {
	background: #292929;
	height: 40px;
	width: 100%;
	line-height: 40px;
	text-align: center;
}

.tj-down {
	position: relative;
	bottom: 0;
	border-top: 1px solid #484848;
	float:left;
}

.tj-down a {
	display: inline-block;
	margin-right: 30px;
	color: #aaa;
}

.tj-show{
	width: 1200px;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 10px;
}
.tj-show span {
	display: block;
	height: 40px;
	width: 1180px;
	margin: 0 auto;
	background: url(../images/line.png)  center no-repeat;
}
.tj-pd{
	padding: 50px 0;
}
.tj-gdcp{
	width:100%;
	margin:0 auto;
	}
.tj-gdcp a{
	height:50px;
	line-height:50px;
	width:168px;
	text-align:center;
	display:block;
	background:#06F;
	color:#fff;
	margin:0 auto;
	font-size:18px;
	}
.tj-gdcp a:hover{
	height:48px;
	width:166px;
	color:#06F;
	background:#fff;
	border:1px solid #06F;
	}
.tj-show h3 {
	height: 40px;
	line-height: 30px;
	font-size: 30px;
	color: #333;
	font-weight: 200;
}

.tj-show p {
	text-align: center;
	font-size: 14px;
	color: #999;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
}
.tj-list{
	width: 1179px;
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	margin: 0 auto;
	margin-top: 20px;
	overflow: hidden;
}
.tj-box {
	float: left;
	width: 292px;
	height: 127px;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
}
.tj-box a {
	display: block;
	width: 280px;
	height: 127px;
	position: relative;
}
.tj-main {
	padding-top: 30px;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
}
.tj-main img{
	width: 80px;
	height: 80px;
	float: left;
	padding: 0 5px;
}
.tj-hoverimg {
	width: 280px;
	height: 127px;
	position: absolute;
	display: block;
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
	opacity: 0;
}
.tj-box a:hover .tj-hoverimg {
	opacity: 1;
}
.tj-box a:hover .tj-main {
	top: -327px;
}
.tj-left {
	width: 180px;
	float: left;
}

.tj-left h3 {
	margin: 0 0 10px;
	font-size: 16px;
	color: #333;
}

.tj-left p {
	font-size: 12px;
	color: #666;
}
.tj-pd ul{
	margin-top: 30px;
}
.tj-pd ul li {
	float: left;
	width: 19%;
	white-space: nowrap;
	height: 365px;
	background: #4A9BEC;
	color: #fff;
	text-align: center;
	cursor: pointer;
	margin: 0 5px;
}
.tj-pd ul li:hover{
	box-shadow: 0 8px 16px 0 rgba(7,17,27,.2);
	border-top: 1px solid #ddd;
}
.tj-pd ul li h1 {
	font-weight: normal;
	font-size: 12px;
	padding-top: 30px;
	padding-bottom: 10px;
}

.tj-pd ul li h2 {
	font-weight: normal;
	font-size: 14px;
	padding-top: 15px;
}

.tj-pd ul li h3 {
	font-weight: normal;
	font-size: 16px;
	padding-top: 30px;
	padding-bottom: 10px;
}

.tj-pd ul li h4 {
	font-weight: normal;
	font-size: 14px;
}

.tj-pd ul li h5 {
	font-weight: normal;
	font-size: 14px;
}

.tj-pd ul li b {
	font-size: 26px;
}
.tj-yuan {
	width: 168px;
	height: 168px;
	border: 3px solid #fff;
	border-radius: 168px;
	margin: 10px auto;
}
.tj-pd ul li a {
	display: block;
	width: 50%;
	border-radius: 15px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 15px;
	color: #666;
	background: rgba(255,255,255,0.9);
	margin: 15px auto;
}

.tj-pd ul li:hover a {
	background-color: #00B7EE;
	border: 1px solid #00B7EE;
	color: #fff;
}


.tj-width{
	width: 1200px;
}

.tj-width li {
	display: block;
	width: 280px;
	float: left;
	background: #fff;
	margin-top: 20px;
	margin-right: 17px;
	border-radius: 3px;
	box-shadow: 0 4px 8px 0 rgba(7,17,27,.1);
	transition: .3s all linear;
	border: 1px solid #f0f0f0;
}

.tj-width li:hover {
	box-shadow: 0 8px 16px 0 rgba(7,17,27,.2);
	border: 1px solid #ddd;
}

.tj-width img{
	width: 280px;
	height: 190px;
	position: relative;
	overflow: hidden;
}
.tj-tit {
	padding: 10px 10px;
	padding-bottom: 20px;
	width: 260px;
	text-align: center;
}

.tj-tit h3 {
	font-size: 16px;
	font-weight: 500;
	height: 30px;
	line-height: 30px;
	text-align: center;
}

.tj-tit h3 a {
	color: #606060;
}

.tj-tit h3 a:hover {
	color: #3598DB;
}
.tj-tit span{
	display:inline-block;
	background:#f2f7ff;
	font-size:14px;
	margin:0 2px;
	padding:2px 8px;
	color:#09F;
	}

.tj-tit .tj-type {
	color: #999;
	font-size: 12px;
	margin-top: 3px;
	display: block;
}

.tj-tit .tj-type em {
	color: #3598DB;
	font-style: normal;
}
.tj-news {
	float: left;
	width: 370px;
	margin-right: 35px;
}
.tj-news img{width:100%;}
.tj-news2 {
	float: left;
	width: 370px;
}

.tj-news3 {
	float: right;
	width: 740px;
}

.tj-column {
	height: 70px;
	line-height: 70px;
}

.tj-column span {
	font-size: 18px;
	color: #606060;
	float: left;
}

.tj-column a {
	font-size: 14px;
	color: #585858;
	float: right;
	display: block;
	float: right;
	padding-right: 10px;
}
.tj-column i{
	padding-left: 2px;
}
.tj-column a:hover {
	color: #f60;
}

.tj-box-img {
	margin-top: 10px;
	position: relative;
	width: 370px;
	height: 171px;
	overflow: hidden;
}
.tj-box-img img{
	width: 370px;
	height: 171px;
	-webkit-transition:all 0.3s;
}
.tj-box-img:hover img{
	-webkit-transform: scale(1.1);
}
.tj-box-title {
	display: block;
	width: 370px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(../images/black.png) 0 0 repeat;
}

.tj-box-title:hover {
	background: rgba(74,155,236,0.7) 0 0 repeat;
}

.fl {float:left}
.floor_6 .newsimg{width: 432px;height: 477px;overflow: hidden;position: relative;padding: 3px;border: 1px solid #ddd;}
.floor_6 .newsimg img{width: 100%;height: 324px;}
.floor_6 .newsimg .txt{padding: 10px 20px;}
.floor_6 .newsimg h3{color: #434343;font-size: 22px;transition: all .5s;}
.floor_6 .newsimg p{color: #999;line-height: 24px;text-align: justify;padding-top: 10px;}
.floor_6 .newsimg:hover h3{color: #0e4295;}
.tj-news3 .tj-newslist{width: 730px;margin-left: 30px;}
.tj-news3 .tj-newslist .item{border-bottom: 1px dashed #e5e5e5;height: 69px;padding: 15px 0;overflow:hidden;}
.tj-news3 .tj-newslist .item:first-child{padding-top: 0;}
.tj-news3 .tj-newslist .item a{display: block;}
.tj-news3 .tj-newslist .item h3{font-size: 18px;vertical-align: top;color: #333;transition: all .5s;}
.tj-news3 .tj-newslist .item p{font-size: 14px;line-height: 21px;color: #999;text-align: justify;text-indent:inherit;clear:inherit;}
.tj-news3 .tj-newslist .item .time{display: block;width: 70px;height: 70px;font-size: 14px;line-height: 22px;margin-right: 20px;color: #999;background: #f2f2f2;text-align: center;}
.tj-news3 .tj-newslist .item .time b{font-weight: normal;display: block;font-size: 30px;line-height: 45px;}
.tj-news3 .tj-newslist .item:hover h3{color: #0e4295;}
.tj-diy {
	width: 100%;
	margin-top: 50px;
}
.tj-diy .left{float:left;margin-top:27px;}
.tj-diy .left h3{color: #fff;font-size: 36px;font-weight: bold;padding-top: 10px;}
.tj-diy .left p{color: #fff;font-size: 20px;font-weight: 100;padding-top: 10px;}
.tj-diy .right{float:right;width:410px;height:168px;position:relative;}
.tj-diy .right h3{color: #0e4295;font-family: arial;font-size: 26px;padding-top: 33px;padding-left: 35px;}
.tj-diy .right p{font-size: 20px;color: #fff;padding-top: 40px;}
.tj-diy .right img{position: absolute;right: 1px;width: 110px;height: 110px;padding: 5px;background: #fff;top: 23px;}

.tj-diy-show {
	position: relative;
	width: 1360px;
	height: 270px;
	overflow: hidden;
	margin: 0 auto;
}

.tj-diy-show li {
	float: left;
	display: inline;
	width: 250px;
	height: 260px;
	border-radius: 5px;
	overflow: hidden;
	position: relative;
	text-align: center;
	margin: 0 10px;
	box-shadow: 0 4px 8px 0 rgba(7,17,27,.1);
    transition: .3s all linear;
    border: 1px solid #f0f0f0;
}



.tj-diy-show li .tj-info {
	width: 250px;
	height: 260px;
}

.tj-diy-show li .tj-info .tj-head {

	padding-bottom: 15px;
}

.tj-diy-show li .tj-info .tj-head img {

	height: 158px;

}

.tj-diy-show li .tj-info .tj-tle {
	display: block;
	color: #000;
	padding: 5px 0;
	font-size: 18px;
}

.tj-diy-show li .tj-info .tj-tle:hover {
	
}

.tj-diy-show li .tj-info span {
	display: block;
	text-align: center;
	font-size: 14px;
	color: #000;
}

.tj-diy-show li .tj-describe {
	height: 60px;
	color: #fff;
	font-size: 14px;
	padding: 15px;
	border-top: 1px solid #999;
	line-height: 30px;
	text-align: left;
}
.tj-pics{
	margin-bottom: 50px;
	width:1080px;
	float:left;
}
.tj-yq{
	background: #333;
	min-height:100px;
	}
.tj-yqlj{
	color:#fff;
	width:1200px;
	margin:0 auto;
	}
.tj-yqlj h3{
	width:100px;
	font-size:22px;
	line-height:40px;
	float:left;
	display:block;
	}
.tj-pics li{
	float:left;
	height:40px;
	line-height:40px;
	margin:5px 10px;
	vertical-align:middle;
}
.tj-pics li a{
	color:#ccc;
}
.tj-pics img{
	width:160px;
	height:70px;
	padding:5px 15px 5px 15px;
}
.tj-cplist{
	width:100%;
	text-align:center;
	height:240px;
	position:relative;
	z-index:1;
	padding-top: 115px;
}
.tj-pd-60{
	padding-top: 60px;
	display: block;
}
.tj-cptitle{
	width:100%;
	height:240px;
	z-index:2;
	position:absolute;
	background:rgba(0,0,0,0.1);

}
.tj-cplist span{
	font-size:48px;
	font-weight:500;
	color:#fff;
	height:65px;
	display:block;
	margin:0 auto;
}
.tj-lines{
	height:1px;
	width:80px;
	margin:15px auto;
	background:#fff;
	display:block;
}
.tj-cplist em{
	display: block;
	color: #ffffff;
	margin:10px auto;
	font-size: 20px;
	letter-spacing:8px;
	margin-top: 0px;
}
.tj-f-title{
	text-align:center;
	margin-top:20px;
	margin-left:10px;
}
.tj-f-title a{
	display:inline-block;
	margin-right:10px;
	-webkit-transition: all 0.3s ease; 
	-moz-transition: all 0.3s ease; 
	-o-transition: all 0.3s ease; 
	transition: all 0.3s ease;
	padding:5px 15px;
	background:#fff;
	color:#000;
	border:1px solid #ccc;
	min-height:40px;
	line-height:40px;
	float:left;
}
.conn_left {
    width: 500px;
    float: left;
    display: block;
}
.conn_map {
    width: 700px;
    float: left;
    display: block;
}

.tj-f-title li a:hover{
	background:#0091e2;
	color:#fff;
}
.tj-f-title li.ctt a{
	background:#0091e2;
	color:#fff;
	}
.tj-productlist{
	width:1180px;
	margin:20px auto;
	position: relative;
	overflow: hidden;
}
.tj-productlist ul{
	width:1200px;
}
.tj-productlist ul li{
	width:278px;
	border:1px solid #ededed;
	max-height:410px; float:left;
	margin-right:20px;
	margin-bottom:20px;
}
.tj-productlist ul li:hover{
	box-shadow: 0 4px 6px 0 rgba(0,0,0,0.1),0 2px 4px 0 rgba(0,0,0,0.1); 
	-webkit-box-shadow: 0 4px 6px 0 rgba(0,0,0,0.1),0 2px 4px 0 rgba(0,0,0,0.1); 
	-moz-box-shadow: 0 4px 6px 0 rgba(0,0,0,0.1),0 2px 4px 0 rgba(0,0,0,0.1); 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.tj-productlist ul li .tj-product-pd20{
	padding:20px 20px 10px 20px;
}

.tj-productlist ul li h3{
	font-size:15px;
	height:30px;
	line-height: 30px;
	font-weight:normal;
	display:block;
	overflow: hidden;
	margin-top: 15px;
	text-align: center;
}
.tj-productlist ul li h3 a{
	color:#333;
}
.tj-productlist ul li h3 a:hover{
	color:#fe1e00;
}
.tj-product-img img{
	width:230px;
	height:185px;
	overflow:hidden;
	-webkit-transition:all 0.3s;
}
.tj-product-img:hover img {
	-webkit-transform: scale(1.1);
}
.tj-product-info{
	font-size:13px;
	line-height:25px;
	margin:10px;
	color:#999;
	height:75px;
	overflow:hidden;
}
.tj-product-num{
	margin-top:20px;
	height:25px;
	line-height:25px;
	color:#bbb;
}
.tj-product-num span{
	float:left;
	display:block;
	margin-right:15px;
	}
.tj-product-num a{
	float:right; 
	height: 22px;
	line-height:22px;
	border: 1px solid #0091e2;
	padding: 0 9px;
	display: inline-block;
	font-size: 12px;
	color: #0091e2;
}
.tj-product-num a:hover{
	color: #fff;
	background-color: #0091E2;
}

/*留言*/
.mesbg{
	width:100%;
	background:#effafb;
	display:block;
	margin-bottom: -42px;
}
.tj-list-liuyan {
    width: 1200px;
    margin:0 auto;
    overflow: hidden;
    padding-top: 80px;
}
.tj-formbt{
	width:200px;
	height:160px;
	display:block;
	float:right;
	font-size:30px;

	}
button.sub.fr {
    float: right;
}
.tj-form .item {
    color: #999;
    font-weight: normal;
    width: 460px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #e5e5e5;
    margin-bottom: 20px;
    position: relative;
}
.tj-form .item label {
    padding:0 10px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 11;
    text-align: center;
    display: block;
    margin: 0;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    color: #cccccc;

}
.tj-form .item label.tt {
	border-right:1px solid #ccc;
	}
.tj-form .item .txt {
    width: 355px;
    height: 50px;
    line-height: 50px;
    display: block;
    background: none;
    padding-left: 80px;
    border: 0 none;
    color: #333;
}
.tj-form .item .red {
    position: absolute;
    right: 15px;
    top: 0;
    color: #ff0000;
    z-index: 11;
}
.tj-form .item.mr0 {

}
.tj-form .liuyan {
    width: 998px;
    height: 200px;
    border: 1px solid #e5e5e5;
    float: left;
}
.tj-form .liuyan label {
    text-align: right;
    display: block;
}
.tj-form .liuyan label {
    text-align: right;
    display: block;
}
.tj-form .liuyan textarea {
    width: 978px;
    height: 174px;
    line-height: 28px;
    padding: 12px 10px;
    text-indent: 100px;
    font-size: 18px;
    font-family: "microsoft yahei";
    color: #333;
    border: 0 none;
    overflow: hidden;
    background: none;
    resize: none;
    display: block;
    outline: none;
}
.tj-form .bot {
    width: 100%;
}
.tj-form .yzm {
    width: 432px;
}
.tj-form .yzm .txt {
    padding-left: 80px;
}
.tj-form .yzm img {
    position: absolute;
    right: 3px;
    top: 3px;
    border: 0px;
    display: block;
}
.tj-form .sub {
    width: 232px;
    line-height: 46px;
    border: 2px solid #0e4295;
    margin-right: 2px;
    text-align: center;
    background: #0e4295;
    color: #FFF;
    cursor: pointer;
    font-size: 18px;
    display: block;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
}



/*newslist*/
.tj-list-news{
	width:100%;
	position:relative;
	z-index:1;
	overflow: hidden;
	padding-top: 80px;
}
.tj-list-lf {
	float: left;
	margin-bottom: 30px;
}

.tj-list-rt {
	width: 300px;
	float: right;
	margin-top: 20px;
}

.tj-line {
	height: 20px;
	line-height: 20px;
	border-bottom: 1px solid #f0f0f0;
	margin: 15px 0;
}

.tj-line h1 {
	float: right;
	font-size: 16px;
	color: #333;
	font-weight: normal;
}
.tj-position {

	font-size: 16px;
	color: #333;
	font-weight: normal;
	float:right;
}
.tj-listnews {
	width:1188px;
	border:1px solid #ccc;
	margin-top:20px;
	margin-left:10px;
}

.tj-listnews li{
	height: 150px;
	padding-bottom: 10px;
	margin: 10px 0;
	border-bottom: 1px solid #f2f2f2;

}
.tj-news-top{
	border-bottom: 1px solid #E2E2E2;
	margin: 20px 0;
	text-align: center;
}
.tj-news-top span{
	
	color: #999;
	line-height: 23px;
	font-size: 13px;
	margin-right: 20px;
}
.tj-listnews h1{
	text-align: center;
	margin:15px 0;
	font-size: 24px;
	font-weight: normal;
}
.tj-news-con{padding:10px;}
.tj-show-news {	
	width: 200px;
	height: 150px;
	overflow: hidden;
	float: left;
	position: relative;
}

.tj-show-news img {
	width: 160px;
	height: 130px;
	-webkit-transition: all 0.3s;
	margin:10px;
}
.tj-news-down{
	margin-top: 20px;
	border-top: 1px solid #E2E2E2;
}
.tj-news-down p,a{
	margin-top: 5px;
	color: #000;
}
.tj-news-down a:hover{
	color: #0091e2;
}
.tj-show-news:hover img {
	-webkit-transform: scale(1.1);
}

.tj-sketch {
	width: 920px;
	height: 130px;
	float: right;
	position: relative;
	margin-left: 15px;
}

.tj-sketch h2 {
	font-size: 18px;
	font-weight: 500;
	width: 605px;
	height: 25px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.tj-sketch h2 a {
	color: #333;
}

.tj-sketch h2 a:hover {
	color: #0091e2;
	text-decoration: none;
}

.tj-sketch-jj {
	width: 910px;
	margin-top: 10px;
	font-size: 14px;
	color: #888;
	height: 50px;
	line-height: 25px;
	overflow: hidden;
}
.tj-sketch-tt {
	width: 910px;
	margin-top: 15px;
	font-size: 14px;
	color: #888;
	height: 50px;
	line-height: 25px;
	overflow: hidden;
}
.tj-sketch-tt span{
	margin-right: 20px;
}
.tj-r-title {
	font-size: 21px;
	height: 40px;
	line-height: 35px;
	margin-bottom: 15px;
	border-bottom: 1px solid #e6e6e6;
}

.tj-r-title span {
	float: left;
}

.tj-r-title a {
	color: #999;
	float: right;
	font-size: 14px;
}

.tj-r-show {
	width: 300px;
}

.tj-r-showimg{
	width: 300px;
	height: 140px;
	overflow: hidden;
	position: relative;
}
.tj-r-showimg img{
	width: 300px;
	height: 140px;
	-webkit-transition: all 0.3s;
}
.tj-r-showimg:hover img {
	-webkit-transform: scale(1.1);
}
.tj-r-showimg span {
	height: 30px;
	width: 300px;
	background: rgba(0,0,0,0.3);
	color: #fff;
	line-height: 30px;
	font-size: 14px;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0;
}
	
.tj-r-sketch {
	line-height: 23px;
	font-size: 13px;
	color: #999999;
	margin: 0 auto;
	padding-top: 10px;
	margin-bottom: 10px;
	width: 280px;
}

.tj-r-show ul {
}

.tj-r-show ul li {
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.tj-r-show ul li a {
	color: #666;
}

.tj-r-show ul li a:hover {
	color: #0091e2;
}
.tj-r-ad{
	width: 300px;
	margin: 10px auto;
}
.tj-r-width{
	width: 310px;
}
.tj-r-width .tj-list-down{
	float: left;
	width: 145px;
	height: 150px;	
	margin-right: 10px;
	margin-bottom: 10px;	
	position: relative;
}
.tj-list-down img{
	width: 145px;
	height: 100px;
	-webkit-transition:all 0.3s;
}
.tj-list-down:hover img{
	-webkit-transform: scale(1.1);
}
.tj-list-down h3{
	line-height: 30px;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
}
.tj-aboutus{
	width: 1140px;
    padding: 30px;
    border: 1px solid #e6e6e6;
    background: #fff;
    margin: 30px auto;
}
.tj-form {height:400px;
	position:inherit;
	width: 1000px;
	margin: 30px auto;
}
.tj-form p{
	margin-bottom: 28px;
	clear: both;
}
.tj-form p span{
	line-height: 40px;
	width: 120px;
	font-size: 14px;
	color: #666;
	font-weight: bold;
	float: left;
	text-align: right;
	vertical-align: middle;
}
.tj-form p b{
	color: #f60;
	margin-right: 2px;
}


.tj-form input:focus{
	border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}

.tj-form .tj-one{
	width: 100%;
}
/*kefu*/
.tj-kefu{position:fixed;z-index:55;right:0;bottom:385px;width:70px;height:140px;}
.tj-kefu-box{position:relative;float:right;}
.tj-kefu .a{display:block;width:44px;height:44px;background-color:#00BFFF;margin-bottom:4px;cursor:pointer;outline:none;}
.tj-kefu .a.active,
.tj-kefu .a:hover{background:#F05352;}
.tj-kefu .a .i{float:left;width:44px;height:44px;background-image:url(../images/icon.png);background-repeat:no-repeat;}
.tj-kefu .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/beijng.png);background-repeat:no-repeat;background-position:0 0;}
.tj-kefu .tj-iphone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/beijng.png);background-repeat:no-repeat;background-position:-27px 0;}
.tj-kefu .a-qrcode .i{background-position:-44px 0;}
.tj-kefu .a-cart .i{background-position:-88px 0;}
.tj-kefu .a-top .i{background-position:-132px 0;}
.tj-kefu .a-top{background:#D2D3D6;display:none;}
.tj-kefu .a-top:hover{background:#c0c1c3;}
.tj-kefu .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.tj-kefu .d .arrow{position:absolute;width:8px;height:12px;right:-8px;top:31px;}
.tj-kefu .d-service{top:0;}
.tj-kefu .tj-phone{top:34px;}
.tj-kefu .d-qrcode{top:78px;}
.tj-kefu .d .inner-box{padding:8px 22px 12px;}
.tj-kefu .d .inner-box .qrcode-img img{width: 180px;height: 180px;}
.tj-kefu .tj-item{border-bottom:1px solid #eee;padding:14px 0;}
.tj-kefu .d-service .tj-item{border-bottom:none;}
.tj-kefu .tj-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.tj-kefu .tj-item .i-qq{width:44px;height:44px;background:url(../images/qq.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.tj-kefu .tj-item:hover .i-qq{background-position:center 3px;}
.tj-kefu .tj-item .i-tel{width:44px;height:44px;background:url(../images/tel.png) no-repeat center center;display:block;}
.tj-kefu .tj-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.tj-kefu .tj-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.tj-kefu .tj-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.tj-kefu .d-service-intro{padding-top:10px;}
.tj-kefu .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.tj-kefu .d-service-intro i{height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.tj-kefu .d-qrcode{text-align:center;}
.tj-kefu .d-qrcode .inner-box{padding:20px 0;}
.tj-kefu .d-qrcode p{font-size:16px;color:#93959c;}

/*产品详情*/
.cpMain { /*background:#ececec; */

	background: #fff;
}
.cpMain .container {
	margin-top: 20px;
	padding-bottom: 30px;
	padding-top: 120px;
}
.prov {
	overflow: hidden;
	width: 1200px;
	margin: 30px auto;
}
.prov .pro_left {
	overflow: hidden;
	width: 240px;
	float: left
}
.prov .pro_right {
	overflow: hidden;
	float: right;
	width: 940px;
}
.pro_left h2 {
	font-weight: normal;
	color: #fff;
	font-size: 24px;
	width: 230px;
	height: 70px;
	background:#36F;
	line-height: 70px;
	padding-left: 9px;
}
.pro_left h2 a {
	color: #fff
}
.pro_left h2 span {
	font-size: 16px;
	text-transform: uppercase;
	opacity: 0.5;
	filter: alpha(opacity=50);
	font-weight: lighter;
	margin-left: 5px;
}
.pro_left .menubox {
	overflow: hidden;
	width: 238px;
	border: 1px solid #ccc;
	border-top: none;
	padding-bottom: 35px;
}
.pro_left h3 {
	font-size: 16px;
	width: 195px;
	height: 33px;
	border-bottom:1px dotted #ccc;
	font-weight: normal;
	line-height: 33px;
	margin: 15px auto
}
.pro_left h3 a {

	color: #666;
	text-decoration: none;
}
.pro_left h3.cur, .pro_left a:hover {
	color: #03F;
}
.pro_left p {
	font-size: 14px;
	line-height: 33px;
	color: #666;
	margin-left: 40px;
}
.t05 {
    padding: 0 10px;
    color: #fff;
    font-size: 14px;
	line-height: 40px;
    background: #1e61ba;
    margin-top: 10px;
}
.t05_con {
    border: solid 1px #ccc;
    border-top: 0;
    padding: 8px 1px;
    margin-bottom: 10px;
    zoom: 1;
    overflow: hidden;
    background: #fff;
}
dl.t05_con_dl {
    margin-bottom: 10px;
    width: 214px;
    padding: 0 11px;
}
dl.t05_con_dl dd {

    margin-top: 3px;
    text-align: center;
}
.mb10 {
    margin-bottom: 10px;
}
.contactn .subnr {
    background: none repeat scroll 0 0 #fff;
    overflow: hidden;
    padding: 5px 9px;
    border: solid 1px #d7d7d7;
}
dl.t05_con_dl dt {
    width: 100%;
}
dl.t05_con_dl dt img {
    width: 100%;
    padding: 1px;
    border: solid 1px #d7d7d7;
}


/*产品详情右边*/
.pro_right .menu {
	overflow: hidden;
	width: 100%;
	margin: 15px 0;
}
.pro_right .menu li {
	float: left;
	width: 113px;
	height: 41px;
	text-align: center;
	line-height: 41px;
	font-size: 16px;
	background: url(../img/pro_right_menu.png) no-repeat center top;
	margin-right: 12px;
}
.pro_right .menu li a {
	color: #666;
	display: block;
	text-decoration: none
}
.pro_right .menu li:hover, .pro_right .menu li.cur {
	background-position: bottom
}
.pro_right .menu li:hover a, .pro_right .menu li.cur a {
	color: #fff;
}
.pro_right .pro_banner {
	display: block;
	margin-bottom: 20px;
}
.pro_right .list {
	overflow: hidden;
	width: 105%;
}
.pro_right .list li {
	float: left;
	width: 240px;
	height: 290px;
	margin-right: 10px;
}
.pro_right .list li img {
	display: block;
	border: 1px solid #f2f1f1;
	margin-bottom: 15px;
}
.pro_right .list li span {
	display: block;
	text-align: center;
	font-size: 14px;
	color: #666;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.pro_right .list li a {
	display: block;
	text-decoration: none
}
.pro_right .list li:hover img {
	border-color: #1d5eb3
}
.pro_right .list li:hover span {
	color: #1d5eb3
}
.rtop {
	margin-bottom: 10px;
	padding: 0 12px;
	height: 35px;
	line-height: 35px;
	border: 1px solid #ccc;
}
.rtop h5 {
	float: left; /*padding-left:10px; border-left:3px solid #1e61ba;*/
	font-weight: normal;
	line-height: 16px;
	padding-top: 8px;
}
.rtop h5 a {
	font-size: 16px;
	color: #1e61ba;
}
.rtop span {
	float: right;
}
.rtop span em {
	color: #999;
}
.rtop span a {
	color: #999;
}
.rtop span a:hover {
	color: #1e61ba;
	text-decoration: none;
}
.pro_main {
	zoom: 1;
	border: solid 1px #ccc;
	padding: 0px 15px;
}
.prodetailsinfo {
    padding: 15px 0;
    clear: both;
    zoom: 1;
	}
.proviewbox {
    float: left;
    width: 355px;
    position: relative;
    z-index: 5;}
.probigshow {
    position: relative;
    width: 350px;
    padding: 1px;
    border: 1px solid #ddd;
    overflow: hidden;}


.prov .sanji {
	display: none;
}
.prov .sanji a {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.prov .menubox>p:hover .sanji {
	display: block;
}
.pro_left .yb {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 15px;
}
.prov .yb .sanji a {
	white-space: nowrap;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
}

.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.zoomplepopup {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
    background: #fff;
    border: 1px solid #e9493d;
    overflow: hidden;
    opacity: 0.5;
    filter: alpha(opacity = 50);
    z-index: 10;
    cursor: crosshair;}
#probig_preview {
    position: absolute;
    visibility: hidden;
    top: 0px;
    left: 405px;
    width: 340px;
    height: 340px;
    background: #fff;
    border: 1px solid #ccc;
    overflow: hidden;}
.div_prothumb {
    position: relative;
    padding: 15px 15px 0;
}
.thumbporbox {
    position: relative;
    width: 280px;
    overflow: hidden;
}
.ul_prothumb {
    position: relative;
    width: 7500px;
    overflow: hidden;
}
.ul_prothumb li {
    float: left;
    width: 70px;
    height: 70px;
    text-align: center;
}
.ul_prothumb img {
    padding: 1px;
    border: 1px solid #ddd;
    width: 60px;
    height: 60px;
}

.div_prothumb .span_nextb {
    background-position: -128px -282px;
    cursor: default;
}

.div_prothumb .span_prev {
    left: 0px;
    _left: -25px;
    background-position: -12px -6px;
}
.div_prothumb .span_prevb {
    background-position: -12px -6px;
    cursor: default;
}
.div_prothumb .span_next {
    right: 0px;
    background-position: -156px -282px;
}
.div_prothumb .span_prev, .div_prothumb .span_next {
    position: absolute;
    top: 15px;
    width: 22px;
    height: 64px;
    text-indent: -999em;
    overflow: hidden;
    cursor: hand;
    cursor: pointer;
}
.div_prothumb .span_prev{
background: url(../images/sprite.png) no-repeat;	
}
.prodbaseinfo_a {
    float: left;
    width: 530px;
    margin-left: 16px;
    z-index: 1;
}
.h2_prodtitle {
    font-size: 16px;
    color: #414141;
    border-bottom: 1px dashed #bbbbbb;
    padding: 2px 0 10px;
    line-height: 1.6em;
}
.ul_prodinfo {
    padding: 6px 0;
    /* overflow: hidden; */
    zoom: 1;
}
.ul_prodinfo li {
    float: left;
    width: 525px;
    padding: 6px 0;
}
.ul_prodinfos {
    padding: 6px 15px;
    overflow: hidden;
    zoom: 1;
    background: #f3f3f3;
    font-size: 14px;
    font-weight: bold;
}

.ul_prodinfos li {
    padding: 5px 0 10px;
}
.propar a{
    display:block;
	width:128px;
	height:50px;
	text-align:center;
	background:#06F;
	color:#ffffff;
	line-height:50px;
	font-size:20px;
}
.hottel {
    color: #1e61ba;
    font-weight: normal;
}
.mod_goods_info {
    clear: both;
    margin-bottom: 10px;
    position: relative;
}
.mod_goods_info .hds {
    border-bottom: 1px solid #1e61ba;
    height: 33px;
    _overflow: hidden;
}
.mod_goods_info .hds .status_on {
    border-color: #1e61ba;
    border-bottom: 0;
    position: relative;
}
.mod_goods_info .hds li {
    float: left;
    /* cursor: pointer; */
    border: 1px solid #d7d7d7;
    border-bottom: 0;
    margin-right: -1px;
}
.mod_goods_info .hds .status_on h3 {
    height: 31px;
    background-color: #fff;
    color: #1e61ba;
}
.mod_goods_info .hds li h3 {
    display: block;
    width: 128px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    border-bottom: 0;
    background-color: #f3f3f3;
    border: 1px solid #fff;
}
.proinfo {
    font-size: 14px;
    line-height: 25px;
}
#contentvalue100 {
    line-height: 24px;
}
