* {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
table {
	empty-cells: show;
	border-collapse: collapse;
	border-spacing: 0;
}
h1 {
	font-weight: bold;
}
h2 {
	font-weight: normal;
}
h3 {
	font-size: 14px;
	font-weight: normal;
}
h4 {
	font-size: 13px;
	font-weight: normal;
}
abbr, acronym {
	border: 0;
	font-variant: normal
}
address, caption, cite, code, dfn, th, var, optgroup, i, em, small, strong, ins, tt, big, p, tb {
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
input, button, textarea, select, optgroup, option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit
}
input, button, textarea, select {
*font-size:100%
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
body {
	margin: 0 auto;
	padding: 0px;
	font-family: "MicroSoft YaHei", Arial;
	font-size: 14px;
}
html {
	overflow-x: hidden;
}
img {
	border: none
}
.fr {
	margin: 0 auto;
	overflow: hidden;
}
.hr {
	position: relative;
}
.ft {
	float: left;
}
.fy {
	float: right;
}
.clear {
	clear: both;
}
/*首页*/
.top {
	width: 1200px;
}
.the_above {
	line-height: 35px;
	background-color: #f4f4f4;
	overflow: hidden;
}
.the_above a {
	color: #333;
	padding: 0 5px;
}
.logo {
	padding: 29px 0;
}
.logo img {
	float: left;
}/*logo*/
.logo .img {
	margin-left: 23px;
	margin-top: 15px;
}/*后面*/
.logo strong {
	padding-left: 8px;
	line-height: 26px;
	font-size: 16px;
	color: #000;
}/*中间*/
.tel {
	background: url(../image/tel.png) left top no-repeat;
	padding-left: 55px;
	margin: 33px 0;
}/*电话*/
.tel .f1 {
	color: #d9261c;
	font-size: 16px;
	line-height: 17px;
}/*小文字*/
.tel .f2 {
	color: #d9261c;
	font-size: 14px;
	text-align:left;
	font-weight: bold;
}/*大文字*/
#nav {
	height: 45px;
	background-color: #291770;
	z-index: 998;
	position: relative;
}/*导航*/
.nav {
	width: 1200px;
}
.nav li {
	width:144px;
	line-height: 45px;
	text-align: center;
	color: #fff;
	font-size: 17px;
	float: left;
}
.nav li a {
	color: #fff;
	padding: 0 0px;
	display: block;
}
.nav li a:hover {
	background-color: #d9261c;
	text-decoration: none;
	transition: 0.5s;
}
.nav .hover {
	background-color: #d9261c;
	text-decoration: none;
	transition: 0.5s;
}
.nav li:hover .nav_sub {
	display: block;
}
.nav_sub {
	display: none;
	width: 168px;
}
.nav_sub li {
	background-color: #291770;
	border-top: 1px solid #fff;
	position: relative;
	width:168px;
}
.nav_sub li a {
	padding: 0 10px;
}
.nav_sub li:hover ul.s
{
    display:block;
}
.nav_sub li ul.s
{
	position:absolute;
	left:169px;
	top:-1px;
	display:none;
}
.sousuo {
	float: right;
}
.sousuo form {
	margin: 5px 0;
}
.sousuo .keyword {
	width: 155px;
	height: 35px;
	border: #0094D1 solid 2px;
	float: left;
	text-indent: 1em;
	font-size: 14px;
	color: #666;
	border: none;
}
.sousuo .keyword:focus {
	outline: none;
}
.sousuo .keyword::-webkit-input-placeholder {
 color: #666;
}
.sousuo .keyword::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
　　color: #666;
　　
}
.sousuo .keyword::-moz-placeholder { /* Mozilla Firefox 19+ */
　　color: #666;
　　
}
.sousuo .keyword::-ms-input-placeholder { /* Internet Explorer 10+ */
　　color: #666;
　　
}
.sousuo .anniu {
	background: url(../image/anniu.jpg) #fff left no-repeat;
	width: 35px;
	height: 35px;
	color: #fff;
	font-size: 15px;
	line-height: 28px;
	letter-spacing: 5px;
	text-align: center;
	cursor: pointer;
	border: 2px solid #0094D1;
	border: none;
}
.sousuo .anniu:hover {
}
.index-about {
	background: url(../image/index_about_bg_01.jpg) no-repeat center top;
	height:auto;
	overflow:hidden;
}
.index-about-content {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.index-about-content .mid-title {
	padding:32px 70px;
	padding-bottom:50px;
}
.index-about-content .mid-title h1 {
	text-align: center;
}
.index-about-content .left-pic {
	width: 450px;
	margin-left: 55px;
}
.index-about-content .left-pic .border-more {
	width: 426px;
	height: 220px;
	border: 1px solid #898989;
}
.index-about-content .left-pic .border-more a {
	display: block;
	width: 42px;
	height: 121px;
	background-color: #291770;
	color: #fff;
	text-align: center;
	line-height: 30px;
	font-size: 16px;
	position: relative;
	left: 400px;
	top: 50px;
	text-decoration: none;
}
.index-about-content .left-pic .border-more img {
	position: relative;
	top: -144px;
	left: -55px;
}
.index-about-content .right-content {
	width: 668px;
}
.index-about-content .right-content p {
	color: #333333;
	line-height: 28px;
}
.index-about-content .indabupicarr
{
	  width:100%;
	  height:auto;
	  overflow:hidden;
	   padding-top:30px;
}
.index-about-content .indabupicarr img
{
      max-width:100%;
	  height:auto;
	  display:block;
	  margin:auto;
}
#copy {
	background-color: #291770;
	overflow: hidden;
	text-align: center;
	text-transform: uppercase;
	padding-bottom: 20px;
	font-family: 'Arial';
	color: #ae9aff;
	line-height: 25px;
}
.copy {
	height: 50px;
	margin-bottom: 20px;
}
.copy .f1 {
	font-size: 14px;
	text-transform: uppercase;
	line-height: 50px;
	border-bottom: 1px solid #54458d;
}
.copy .f1 a {
	color: #ae9aff;
	padding: 3px 20px;
	display: inline-block;
}
#copy p a {
	color: #ae9aff;
}
.copy2 {
	height: 100px;
	padding: 20px 0;
	text-align: center;
}
.copy2 .footinfo
{
   display:inline-block;
   overflow:hidden;
   vertical-align:middle;
}
.copy2 .footcode
{
	  display:inline-block;
	  overflow:hidden;
	  vertical-align:middle;
	  margin-left:30px;
	  width:120px;
}
.copy2 .footcode img
{
	width:100%;
	height:auto;
}
.copy2 p {
	margin: 10px 0;
}
.index-product-content {
	width: 1200px;
	padding-top: 50px;
}
.index-product-content .left_content {
	width: 264px;
	float: left;
}
.index-product-content .left_content .left_nav {
}
.index-product-content .left_content .left_nav .left_title {
	height: 80px;
	background: url(../image/product_left_02.jpg) no-repeat center;
}
.index-product-content .left_content .left_nav .left_title h3 {
	height: 80px;
	line-height: 80px;
	font-size: 22px;
	text-align: center;
	color: #fff;
}
.index-product-content .left_content .left_nav .left_ul {
}
.index-product-content .left_content .left_nav .left_ul li {
	background-color: #f5f5f5;
	border-bottom: 2px solid #fff;
}
.index-product-content .left_content .left_nav .left_ul li a {
	color: #272727;
	display: block;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	text-decoration: none;
	text-indent: 30px;
	background: url(../image/product_left_01.png) no-repeat 235px 12px;
}
/**子菜单**/
.index-product-content .left_content .left_nav .left_ul li ul.s {
    border-top:2px solid white;
    display:none;
}
.index-product-content .left_content .left_nav .left_ul li ul.s li a{
	text-indent: 50px;
	background:#eee;
}
.index-product-content .left_content .left_nav .left_ul li:hover ul.s {
	display:block;
}
.index-product-content .left_content .left_nav .left_ul li a.on {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.right_content {
	width: 900px;
	float: right;
}
.right_content .right_top_title {
	height: 40px;
	background: url(../image/new_right_01.png) no-repeat bottom;
}
.right_content .right_top_title h3 {
	float: left;
	font-size: 22px;
	line-height: 25px;
}
.right_content .right_top_title p {
	float: right;
	line-height: 80px;
}
.right_content .right_top_title p em {
	color: #F56C10;
}
.right_content ul {
	overflow: hidden;
	width: 921px;
}
.right_content li {
	width: 285px;
	float: left;
	margin-right: 22px;
	margin-bottom: 17px;
}
.right_content li div.tit
{
     width:285px;
     height:auto;
     overflow:hidden;
     background-color: #d3d3d3;
     padding:5px;
     box-sizing: border-box;
}
.right_content li h3 {
	width:100%;
	color: #666;
	text-transform: uppercase;
	font-size: 14px;
	text-align: center;
	height:20px;
	line-height:20px;
	text-overflow: ellipsis;
	overflow:hidden;
	white-space: nowrap;

}
.right_content li:hover {
	color: #666;
}
.right_content li:hover a {
	text-decoration: none;
}
.right_content li a img {
	width: 285px;
	height: 285px;
	float: left;
}
.index-news {
	margin: 50px 0;
}
.index-news .index-news-content {
	width: 1200px;
}
.index-news-content .left-content {
	width: 550px;
}
.index-news-content .top-title {
	height: 40px;
	background: url(../image/new_right_01.png) no-repeat bottom left;
}
.index-news-content .top-title h3 {
	float: left;
	font-size: 22px;
	line-height: 25px;
	color: #555555;
}
.index-news-content .top-title a {
	color: #555555;
	display: block;
	float: right;
	margin-top: 10px;
	font-size: 15px;
}
.left-news-list {
	width: 100%;
}
.news-pic-list ul {
	padding-top: 5px;
	overflow: hidden;
}
.news-pic-list li {
	float: left;
	padding: 10px 0;
}
.news-pic-list li a {
	color: #686868;
}
.news-pic-list li span {
	padding-right: 15px;
}
.news-pic-list li span img {
	width: 105px;
	height: 105px;
}
.news-pic-list li .f1 {
	color: #000;
	font-size: 16px;
	height: 25px;
	overflow: hidden;
	display: block;
}
.news-pic-list li .f2 {
	color: #686868;
	font-size: 14px;
	line-height: 2;
}
.news-word-list {
}
.news-word-list li {
	background: url(../image/news_list_01.png) no-repeat left;
}
.news-word-list li a {
	color: #333333;
	display: block;
	height: 30px;
	overflow: hidden;
	line-height: 30px;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-indent: 15px;
}
.news-word-list li a p:hover {
	text-decoration: underline;
}
.news-word-list li a p {
	color: #333333;
	display: block;
	height: 30px;
	overflow: hidden;
	line-height: 30px;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 82%;
	float: left;
}
.news-word-list li a span {
	float: right;
}
.index-hezuo {
	background: url(../image/news_list_02.png) no-repeat center;
	background-position-y: 30px;
}
.index-hezuo .index-hezuo-content {
}
.index-hezuo-content {
	width: 1200px;
}
.index-hezuo-content .top-title {
}
.index-hezuo-content .top-title h3 {
	float: left;
	font-size: 22px;
	line-height: 25px;
	color: #291770;
}
.index-hezuo-content .top-title a {
	color: #555555;
	display: block;
	float: right;
	margin-top: 10px;
	font-size: 15px;
}
.hezuo-list {
	margin: 20px 0;
}
.hezuo-list ul {
	/*     border-right: 1px solid #ededed;
    border-top: 1px solid #ededed; */
    /**background-color: #F9F9F9;**/
}
.hezuo-list li {
	float: left;
	/*     border-left: 1px solid #ededed;
    border-bottom: 1px solid #ededed; */
	background-color: #F9F9F9;
}
.hezuo-list li a {
	display: block;
	/* width: 238px; */
    /* height: 115px; */
	color: #333;
}
.hezuo-list li a img {
	width: 238px;
	height: 115px;
}
#about {
	overflow: hidden;
}
.about {
	padding: 50px 0;
	width: 1200px;
}
.about .no1 {
	font-size: 30px;
	font-weight: bold;
	color: #291770;
	text-align: center;
	text-transform: uppercase;
}
.about .no2 {
	font-size: 15px;
	padding-bottom: 20px;
	color: #291770;
	text-align: center;
	text-transform: uppercase;
}
.about_span {
	padding-top: 40px;
	text-align: center;
	overflow: hidden;
	display: inline-block;
}
.about_span span {
	margin: 0 30px;
}
.about_content {
	line-height: 30px;
	font-family: 'MicroSoft YaHei';
	color: #333;
}
/**sohu6**/
.insnav
{
	width:1200px;
	height:auto;
	margin:auto;
	overflow:hidden;
	margin-top:20px;
}
.insnav ul
{
	height:auto;
	font-size:0;
	overflow:hidden;
	text-align: center;
}
.insnav ul li
{
	display:inline-block;
	margin-bottom:10px;
	margin:0 10px;
}
.insnav ul li a
{
	display:block;
	padding:5px 10px;
	border:1px solid #54458d;
	font-size:15px;
	text-decoration: none;
	color:#333;
}
.insnav ul li a:hover
{
	color:white;
	background:#54458d;
}
.insnav ul li a.hover
{
	color:white;
	background:#54458d;
}
/**关于我们列表**/
.aboutlist
{
	width:1200px;
	height:auto;
	overflow:hidden;
	margin:auto;
	padding-top:20px;
	padding-bottom:20px;
}
.aboutlist ul
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.aboutlist ul li
{
	width:100%;
	height:auto;
	border-bottom:1px dashed #ccc;
	overflow:hidden;
}
.aboutlist ul li a
{
	display:block;
	width:100%;
	height:auto;
	padding-top:8px;
	padding-bottom:8px;
	overflow:hidden;
}
.aboutlist ul li a div.tit
{
	width:1100px;
	height:auto;
	overflow:hidden;
	float:left;
	color:#333;
	font-size:14px;
}
.aboutlist ul li a div.time
{
	width:100px;
	height:auto;
	overflow:hidden;
	float:left;
	color:#999;
	font-size:14px;
	text-align: right;
}
/**分页**/
.switch {
  padding-top: 17px;
  padding-bottom: 17px;
  text-align: center;
  width: 100%;
  overflow: hidden;
  font-size:14px;
  box-sizing: content-box;
}
.switch a {
  display: inline-block;
  border: 1px solid #ccc;
  text-align: center;
  margin: 5px;
  padding: 5px;
  background: #f2f2f2;
  color: #333;
  text-decoration: none;
  box-sizing: content-box;
}
.switch a:hover {
  background: #291770;
  color: white;
}
.switch a.on {
  background: #291770;
  color: white;
}
/**分页 end**/
/**关于我们列表**/
/**顶部二维码**/
.yewucode
{
	  width:85px;
	  height:133px;
	  overflow:hidden;
	  margin-left:10px;
}
.yewucode img
{
	 width:85px;
	 height:85px;
	 margin-top:20px;
}
/**顶部二维码 end**/
/**当前位置**/
.inssite
{
	float:right;
	overflow:hidden;
	font-size:14px;
}
.inssite a
{
	color:#333;
}
/**当前位置 end**/
/**产品图片集**/
.picarr
{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-top:15px;
	margin-bottom:15px;
}
.picarr .bd
{
	width:572px;
	height:auto;
	margin:auto;
	overflow:hidden;
	position:relative;
}
.picarr .bd .prev
{
	width:28px;
	height:60px;
	position:absolute;
	z-index:100;
	background:url('http://www.tylable.com/images/litleftarr.png') no-repeat center center;
	top:calc(50% - 30px);
	left:20px;
	cursor: pointer;
	display:none;
}
.picarr .bd:hover .prev
{
	display:block;
}
.picarr .bd .next
{
	width:28px;
	height:60px;
	position:absolute;
	z-index:100;
	background:url('http://www.tylable.com/images/litrightarr.png') no-repeat center center;
	top:calc(50% - 30px);
	right:20px;
	cursor: pointer;
	display:none;

}
.picarr .bd:hover .next
{
	display:block;
}
.picarr ul.bigImg
{
	width:570px !important;
	height:570px !important;
	overflow:hidden;
	margin:auto;
	margin-bottom:30px;
	border:1px solid #ddd;
}
.picarr ul.bigImg li
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.picarr ul.bigImg li a
{
	display:block;
	width:570px;
	height:570px;
}
.picarr ul.bigImg li img
{
	width:570px !important;
	height:570px !important;
	overflow:hidden;
	display:block;
}
.picarr .smallScroll
{
	width:570px;
	height:auto;
	overflow:hidden;
	margin:auto;
}
.picarr .smallScroll a
{
	display:block;
	height:98px;
	width:50px;
	overflow:hidden;
	float:left;
	cursor: pointer;
	text-align: center;
	line-height: 98px;
	font-size:20px;
	transition:1s;
	text-decoration:none;
}
.picarr .smallScroll a:hover
{
	color:#eb4502;
}
.picarr .smallScroll .smallImg
{
	width:470px;
	height:auto;
	overflow:hidden;
	float:left;
}
.picarr .smallScroll .smallImg ul
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.picarr .smallScroll .smallImg ul li
{
	width:98px;
	height:auto;
	overflow:hidden;
	border:1px solid #ccc;
	float:left;
	margin-right:23.33px;
	cursor: pointer;
}
.picarr .smallScroll .smallImg ul li.on
{
	border:1px solid #eb4502;
}
.picarr .smallScroll .smallImg ul li a
{
	display:block;
	width:98px;
	height:98px;
}
.picarr .smallScroll .smallImg ul li img
{
	width:98px;
	height:98px;
	display:block;
}
/**产品图片集 end**/
.inspic
{
	width:570px;
	height:auto;
	overflow:hidden;
	border:1px solid #ddd;
	margin:auto;
}
.inspic img
{
	width:100%;
	height:auto;
}
/**sohu6 end**/
/**产品图片集2**/
.picarr2
{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-top:15px;
	margin-bottom:15px;
}
.picarr2 .bd
{
	width:572px;
	height:auto;
	margin:auto;
	overflow:hidden;
	position:relative;
}
.picarr2 .bd .prev
{
	width:28px;
	height:60px;
	position:absolute;
	z-index:100;
	background:url('http://www.tylable.com/images/litleftarr.png') no-repeat center center;
	top:calc(50% - 30px);
	left:20px;
	cursor: pointer;
	display:none;
}
.picarr2 .bd:hover .prev
{
	display:block;
}
.picarr2 .bd .next
{
	width:28px;
	height:60px;
	position:absolute;
	z-index:100;
	background:url('http://www.tylable.com/images/litrightarr.png') no-repeat center center;
	top:calc(50% - 30px);
	right:20px;
	cursor: pointer;
	display:none;

}
.picarr2 .bd:hover .next
{
	display:block;
}
.picarr2 ul.bigImg
{
	width:570px !important;
	height:570px !important;
	overflow:hidden;
	margin:auto;
	margin-bottom:30px;
	border:1px solid #ddd;
}
.picarr2 ul.bigImg li
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.picarr2 ul.bigImg li a
{
	display:block;
	width:570px;
	height:570px;
}
.picarr2 ul.bigImg li img
{
	width:570px !important;
	height:570px !important;
	overflow:hidden;
	display:block;
}
.picarr2 .smallScroll
{
	width:570px;
	height:auto;
	overflow:hidden;
	margin:auto;
}
.picarr2 .smallScroll a
{
	display:block;
	height:98px;
	width:50px;
	overflow:hidden;
	float:left;
	cursor: pointer;
	text-align: center;
	line-height: 98px;
	font-size:20px;
	transition:1s;
	text-decoration:none;
}
.picarr2 .smallScroll a:hover
{
	color:#eb4502;
}
.picarr2 .smallScroll .smallImg
{
	width:470px;
	height:auto;
	overflow:hidden;
	float:left;
}
.picarr2 .smallScroll .smallImg ul
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.picarr2 .smallScroll .smallImg ul li
{
	width:98px;
	height:auto;
	overflow:hidden;
	border:1px solid #ccc;
	float:left;
	margin-right:23.33px;
	cursor: pointer;
}
.picarr2 .smallScroll .smallImg ul li.on
{
	border:1px solid #eb4502;
}
.picarr2 .smallScroll .smallImg ul li a
{
	display:block;
	width:98px;
	height:98px;
}
.picarr2 .smallScroll .smallImg ul li img
{
	width:98px;
	height:98px;
	display:block;
}
/**产品图片集 end**/