@charset "utf-8";

*{margin:0; padding:0; border:0;}
*, *:after, *:before {
	margin: 0;
	padding: 0;
	transition: all .5s;
}
ul {list-style:none;}
li {list-style-type:none;}
a,a:hover{text-decoration:none;}
body{font-family: "Microsoft Yahei";color:#333;}
h1,h2,h3,h4,h5,h6,p{margin:0; padding:0; border:0;}
/*导航开始*/
#tf-menu{padding: 0px;transition: all 0.5s;}
.navbar-clear{margin-top: 20px;}
#tf-menu span.navbar-brand{text-transform: uppercase;font-size: 22px;font-weight: 900;color: #1e88e5;}
#tf-menu.navbar-default{background: #fff; border-color: rgba(238, 238, 238, 0.6); }
#tf-menu.navbar-default .navbar-nav >li{}
#tf-menu.navbar-default .navbar-nav >li >a{text-transform: uppercase;font-size: 16px;letter-spacing: 1px; padding:30px 20px; }
#tf-menu.navbar-default .navbar-nav >li >a::after{content: "";width: 0;position: absolute;left: 0; height:55px; border-bottom: 5px solid #1e88e5;}
#tf-menu.navbar-default .navbar-nav >li >a:hover{color: #1e88e5;transition: all 0.5s;}
#tf-menu.navbar-default .navbar-nav >li >a:hover::after{width: 100%;transition: all 0.5s;}
.navbar-toggle{border-radius: 0;}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color: #1e88e5;border-color: #1e88e5;}
.navbar-default .navbar-toggle:hover > .icon-bar,.navbar-default .navbar-toggle:focus > .icon-bar{background-color: #fff;}
.on{padding:0px !important;background: #ececec !important;}
#search{float: right;margin:10px 0 0px 30px;}
#search .input{position: relative;}
#search button{position: absolute;top: 0;right: 0;z-index: 999;border-radius: initial;line-height: 20px;}
/*轮播图开始*/
#mycarousel{position: relative;}
#mycarousel .carousel-control.left span{position: absolute;top:50%;left: 50px;}
#mycarousel .carousel-control.right span{position: absolute;top:50%;right: 50px;}
.carousel-indicators li{border: 1px solid #666;}
.carousel-indicators .active{ background-color:#666;}
/*轮播图结束*/
/*导航结束*/
.logo{ float:left; margin-top:20px; width:70px;}
.nav{ float:left; margin:15px 0 0 40px;}
#navbar-collapse .nav li .hover{border-bottom: 5px solid #1e88e5; color:#1e88e5; }
#navbar-collapse{ float:left;}
.dh{ float:right; width:200px; margin-top:30px; color:#999; background:url(../images/tel.png) left top no-repeat; padding-left:50px;}
.dh span{ font-size:18px;}
.page_num {background-size: cover;padding: 20px 0; background-color:#f3f3f3;}
.page_num ul li {border-left: 1px solid #0071be;margin-left: -1px;width: 25%;float: left;padding: 25px 0;text-align: center;color: #0071be;font-size: 16px;}
.page_num ul li:first-child {border-left: 0;}
.page_num ul li h2 {font-size: 50px;}
.page_num ul li label {display: block;width: 30px;height: 3px;background: #fcc442;margin: 20px auto;}

.bt{ text-align:center;}
.bt h3{font-size:42px; color:#eee; font-weight:700;}
.bt h4{ background:url(../images/ba.png) center no-repeat; font-size:28px; margin-top:-15px;}
.product{ padding-top:30px;}
.cpleft{ float:left; width:240px; overflow:hidden;}
.cpleft h2{ background-color:#0071be; color:#fff; padding:15px; border-top-right-radius:20px; font-size:16px; margin-bottom:10px; border-left:5px solid #fcc442;}
.cpleft ul li{  margin-bottom:10px; }
.cpleft ul li a{ color:#fff; border-left:5px solid #fcc442; display:block;  background-color:#0071be; line-height:46px; padding-left:20px;}
.cpleft ul li span{background: url(../images/icon5.png) no-repeat center center #aaa; width:50px; height:46px; float:right;}
.cpleft ul li a:hover{border-left:10px solid #fcc442;}
.cpleft ul li a:hover span{ width:80px; background-color:#fcc442;}
.cpleft ul li .hov{border-left:10px solid #fcc442;}
.cpleft ul li .hov span{ width:80px; background-color:#fcc442;}

.cpright{ float:right; width:950px; margin-top:0px;}
.cpright1{ margin-top:0px;}
.cpright ul li {width: 33.33%;float: left; }
.cpright ul li a {display: block;margin: 10px;position: relative;}
.cpright ul li a:hover img {transform: scale(1.1);}
.cpright ul li .img {overflow: hidden;  }
.cpright ul li a:hover .text {height: 100%;background: rgba(30,136,229,.7); transition: all .5s;}
.cpright ul li a:hover .text p {transform: translateY(150%);text-align: center;}
.cpright ul li a:hover .text span {display: block;margin: 0 auto;float: none;height: 20px;}
.cpright ul li .text {position: absolute;height: 40px;bottom: 0;right: 0;left: 0; line-height: 40px;padding: 0 20px;font-size: 16px;color: #fff;background: rgba(0,0,0,.4);}
.cpright ul li .text span {display: inline-block;width: 31px;height: 14px;background: url(../images/icon5.png) no-repeat center center; transition: all .5s;float: right; height: 40px;}
.cpright ul li img {width: 100%;display: block; border:1px solid #ccc; border-bottom:none;}

.cpright ul .sj a .text {height: 100%;background: rgba(30,136,229,.7); transition: all .5s;}
.cpright ul .sj a .text .cell{height:0px;}
.cpright ul .sj a .text p { margin-top:30px;text-align: center;}
.cpright ul .sj a .text span {display: block;margin: 0 auto;float: none;height:10px;}

.ab{ margin:30px 0;}
.about{padding:40px 0 60px;  background-color:#f3f3f3; margin-bottom:30px; position:relative; overflow:hidden;}
.abbj{background:url(../images/about.jpg) right no-repeat; position:absolute; left:50%; height:100%; width:600px; top:0px;}
.tit{width: 30%; margin-left: 50px; padding: 20px; position: relative; z-index: 1;  padding-bottom: 0;}
.tit h3 { font-size: 24px; line-height: 40px; background: #f3f3f3; font-weight: normal; color: #222;}
.tit:after { content: ''; display: block; width: 78px; height: 78px; border: 3px solid #febb43; top: 0px; left: 0; position: absolute; z-index: -1;}
.btnn a { display: inline-block;  width: 209px; line-height: 50px; background: #fcc442; text-align: center; float: right; margin: -25px 25px 0 0; }
.btnn a span { display: inline-block; padding-right: 52px; background: url(../images/icon7.png) no-repeat right center; font-size: 16px; text-transform: uppercase; text-align: center; color:#000;}
.btnn a:hover{background-color:#0071be;}
.btnn a:hover span{ padding-right:62px; background: url(../images/icon5.png) no-repeat right center; color:#fff;}
.abco{width:750px; float:left;}
.abcon{ background-color:#fff; width:750px; float:left; padding:35px; }
.abcon p{ line-height:25px;}

.youshi{ padding:30px 0;}
.youshi h2{ font-size:38px; font-weight:900; margin-left:10px;}
.youshi h3{ text-align:center; font-weight:700; font-size:28px; margin:0px 0 15px; }
.youshi p{color:#333; text-align:center; font-size:15px; }
.ys1{ width:50%; float:left; background-color:#f3f3f3; padding:35px;}
.ys1 h2,.ys1 h3{color:#333;}
.ys1:hover{background-color:#0071be; }
.ys1:hover h2,.ys1:hover h3,.ys1:hover p{color:#fff;}
.ys2{ width:50%; float:left; overflow: hidden;}
.ys2:hover img {transform: scale(1.1);}
.ys3{ width:50%; float:right; background-color:#0071be; padding:35px; }
.ys3 h2,.ys3 h3,.ys3 p{color:#fff;}
.ys3:hover{background-color:#f3f3f3;}
.ys3:hover h2,.ys3:hover h3,.ys3:hover p{color:#333;}
.ys{ width:50%; float:left;}

.bg{background-color:#f3f3f3; margin:60px 0 30px; }
.bg h1{ font-size:48px; color:#f8b047; font-weight:900;}
.bg h1 span{ font-size:30px; margin-left:20px; color:#333; font-weight:normal;}
.bg p{ color:#333; font-size:14px; margin:10px 0;}
.bg p span{ background-color:#f4be01; padding:5px 10px; margin-left:10px; color:#333;}
.bg h2{ font-weight:bold; color:#333;}
.bg h3{ background-color:#d3320f; color:#fff; font-size:18px; padding:10px 20px; border-radius:50px; width:400px; margin-top:10px;}
.bg h3 span{  font-weight:bold; font-size:30px; font-family:"Times New Roman", Times, serif}
.bgleft{ position:relative; padding:30px 0;}

.news{ padding-top:30px;}
.news ul{width: 50%; float:left;}
.news ul h5{ font-size:22px; color:#777; margin-bottom:15px; padding-left:20px;}
.news ul li a {color: #333;display: block;padding: 15px 0;position: relative;}
.news ul li a:after {z-index: -1;content: '';display: block;position: absolute;width: 1px;top: 0;bottom: 0;background: #ddd;left: 91px;}
.news ul li a:hover { background: #0071be;}
.news ul li a:hover .date label, .news ul li a:hover .date p,.news ul li a:hover .date p span, .news ul li a:hover .text p {color: #fff;}
.news ul li a:hover .text h3 {color: #fcc442;}
.news ul li a:hover .text:after {background: #fcc442;}
.news ul li a:hover:after {background: #0071be; }
.news ul li .date {font-size: 12px;line-height: 20px;float: left;width: 75px;margin-right: 15px;text-align: right;}
.news .date p {display: block;font-size: 17px; color: #999;}
.news .date p span{ font-size:24px; color: #999; }
.news .text {padding: 0 20px;overflow: hidden;position: relative;}
.news .text:after {content: '';display: block;width: 3px;left: 0;background: #0071be;top: 0px;position: absolute;height: 22px;}
.news .text h3 {line-height: 22px;margin-bottom: 10px;font-size: 22px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: normal;}
.news .text p{ color:#999;}
.item .text h3 {color: #333;background: no-repeat 80% center;}
.item a:hover .text h3 {background: url(../images/icon5.png) no-repeat 95% center;}

.news1{float:right; width:930px; padding-top:0px;}
.news1 ul{width: 100%; float:left;}

.bg2 {background: url(../images/rzbg.jpg) no-repeat center bottom;color: #fff; padding:30px 0; margin-top:30px;}
.section-title { text-align: center;  margin-bottom: 50px; font-size: 32px;  font-weight: bold; margin-top:30px;}
.section-title small {  display: block; font-weight: normal; font-size: 18px;}
.bg2 .section-title:after {background-image: url(../images/cptit.png);}
.in-rz {margin-left: -82px;}
.in-rz li {float: left;width: 131px;margin-left: 82px;}
.in-rz li .wrap {display: table;width: 100%;height: 131px;position: relative;}
.in-rz li .wrap:before {position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: '';background: url(../images/rzico.png) no-repeat 0 0;-webkit-transition: all 0.5s;transition: all 0.5s;-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.in-rz li .inner {display: table-cell;vertical-align: middle;text-align: center;padding: 0 20px;}
.in-rz li .inner p {margin: 0;}
.in-rz li:nth-child(2) .wrap:before {background-position: -214px 0;}
.in-rz li:nth-child(3) .wrap:before {background-position: -427px 0;}
.in-rz li:nth-child(4) .wrap:before {background-position: -642px 0;}
.in-rz li:nth-child(5) .wrap:before {background-position: -855px 0;}
.in-rz li:nth-child(6) .wrap:before {background-position: -1068px 0;}
.in-rz li .wrap:hover:before {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
.in-rz-tel {margin-top: 50px;text-align: center;}
.in-rz-tel p {margin: 0 auto;width: 480px;background: url(../images/rztel.png) no-repeat 0 0;height: 64px;padding-left: 110px;font-size: 16px;line-height: 40px;}
.in-rz-tel strong {color: #f7c433;font-size: 30px;font-family: Impact;}
.in-rz-tel .btna a { display: inline-block;  width: 209px; line-height: 50px; background: #0071be; text-align: center; margin-top: 20px; }
.in-rz-tel .btna a span { display: inline-block; padding-right: 52px; background: url(../images/icon5.png) no-repeat right center; font-size: 16px; text-transform: uppercase; text-align: center; color:#fff;}
.in-rz-tel .btna a:hover{background-color:#fcc442;}
.in-rz-tel .btna a:hover span{ padding-right:62px; background: url(../images/icon7.png) no-repeat right center; color:#000;}
.foot{ background-color:#0071be; padding:30px 0 15px;}
.fleft{ float:left;}
.fleft h2{ color:#f7c433; font-size:24px; margin-bottom:20px;}
.fleft p{ color:#eee; margin-bottom:10px;}
.fleft a{ color:#eee; margin:0 10px;}
.fright{ float:right;  text-align:right;}
.fright h3{ color:#f7c433; font-size:20px; margin-bottom:10px;}
.fright p{ color:#eee; line-height:22px;}
.fright p a{color:#eee;}
.foo{ float:left; color:#eee;}
.foo a{color:#eee;}
.youl{ color:#ccc;  background-color:#0071be; padding:10px 0;}
.youl a{color:#ccc;}

.banner{ background:url(../images/top.jpg) center; height:240px;}
.dao{ padding:15px 30px; box-shadow: 0px 0px 5px rgba(153, 153, 153, 0.5); margin-top:-30px; background-color:#fff;}
.dao h3{ color:#666; margin-bottom:5px;}
.dao span{ color:#999; font-size:18px;} 
.dao1{ background:url(../images/logo_03.png) left center no-repeat; padding-left:30px;  color:#666; margin-top:20px;}
.dao1 a{ color:#666; }
.pagination{ padding:20px;}
.pagination span { display: block; float: left; margin-right: 10px; padding: 5px 12px; border: 1px #cccccc solid;  background: #fff; text-decoration: none;color: #808080; font-size: 14px; border-radius: 3px;}
.pagination span a{ color:#888;}
.pagination span a:hover{color:#fcc442;}

.con{ padding-top:30px;}
.conleft{ float:left; width:240px; overflow:hidden;}
.lxleft{ border:1px solid #ccc; margin-bottom:40px; padding-bottom:30px;}
.lxleft h2{ background-color:#0071be; color:#fff; padding:15px;  font-size:16px; margin-bottom:10px; border-left:5px solid #fcc442;}
.lxleft img{ margin:20px auto; display:block;}
.lxleft h4{ font-size:22px; font-weight:700; color:#0071be; text-align:center; border-bottom:1px solid #ccc; padding-bottom:10px; margin:0 10px 10px;}
.lxleft p{ margin:0px 15px; color:#666; line-height:25px;}

.neiro{ float:right; width:930px; overflow:hidden;}
.neir h3{ text-align:center; margin-bottom:30px;}
.fb{ border-bottom:1px solid #eee; padding-bottom:5px; height:25px;}
.fb li{ float:right; padding:0 5px; color:#777;}
.neir p{ line-height:30px; margin:0px 20px 5px;}
.neir img{ display:block; margin:20px auto;}
.neir table{ margin:20px 0;}
.neir tr{ border-bottom:1px solid #ccc ;border-right:1px solid #ccc;} 
.neir td{ border-top:1px solid #ccc ;border-left:1px solid #ccc; padding:5px 0px; text-align:center;}
.neir .bgleft td{  padding:5px 5px; text-align:left;}
.page{ margin-top:20px; color:#666;}
.page li{ background-color:#eee; padding:8px; margin-bottom:10px; border-left:3px solid #0071be;}
.page a{ color:#666;}
.page a:hover{ color:#000;}
.page .btna a { display: inline-block;  width: 180px; line-height: 40px; background: #0071be; text-align: center; margin:0 auto 30px; display:block; }
.page .btna a span { display: inline-block; padding-right: 52px; background: url(../images/icon5.png) no-repeat right center; font-size: 16px; text-transform: uppercase; text-align: center; color:#fff;}
.page .btna a:hover{background-color:#fcc442;}
.page .btna a:hover span{ padding-right:62px; background: url(../images/icon7.png) no-repeat right center; color:#000;}

.retui{ border-top:1px solid #eee; padding-top:15px; padding-bottom:20px;}
.rt h4{ margin:10px 0; border-left:3px solid #0071be; padding-left:5px;}
.rt ul li {width: 25%;float: left; }
.rt ul li a {display: block;margin: 10px;position: relative;}
.rt ul li a:hover img {transform: scale(1.1);}
.rt ul li .img {overflow: hidden; }
.rt ul li a:hover .text {height: 100%;background: rgba(30,136,229,.7); transition: all .5s;}
.rt ul li a:hover .text p {transform: translateY(100%); text-align: center;}
.rt ul li a:hover .text span {display: block;margin: 0 auto;float: none;height: 20px;}
.rt ul li .text {position: absolute;height: 40px;bottom: 0;right: 0;left: 0; line-height: 40px;padding: 0 20px;font-size: 16px;color: #fff;background: rgba(0,0,0,.4);}
.rt ul li .text span {display: inline-block;width: 31px;height: 14px;background: url(../images/icon5.png) no-repeat center center; transition: all .5s;float: right; height: 40px;}
.rt ul li img {width: 100%;display: block; border:1px solid #ccc; border-bottom:none; margin:0;}
.rtxw{ width:49%; margin:0 0.5% 20px; float:left;}
.rtxw ul li{ margin:10px 0;background-color:#f5f5f5; padding:5px 15px;}
.rtxw ul li a{ color:#333; background:url(../images/icon7.png) center right no-repeat; display:block; }
.rtxw ul li:hover{background-color:#ccc;}
.rtxw ul li a:hover{}

.guanyu p{ line-height:25px; margin:0 20px 5px; text-indent:2em;}
.guanyu h3{ color:#F00; margin:40px 0 20px 40px;}
.lianxi{ padding:40px;}
.lianxi h3{ color:#F00; margin:0px 0 20px;}
.lianxi p{ line-height:25px; margin:0 0 5px;}

.tul{ width:500px; margin:0 auto;}
.neir .tul img{ margin:0;}
#preview{ text-align:center; }
.jqzoom{ position:relative; width:502px; border:1px solid #ccc;}
.list-h{ width:100%;}
.list-h li{ float:left;}
#spec-n5{width:500px; height:80px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url('images/left.gif') no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:10px;}
#spec-right{background:url('images/right.gif') no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:10px;}
#spec-list{ float:left; overflow:hidden;display:inline; position:relative; width:470px; margin:0 2px;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:95px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:87px;}
/*jqzoom*/
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list div{ margin-top:0;margin-left:0px; *margin-left:0;}
@media (min-width: 1200px){
.sj{display:none;}
.bg img{ position:absolute; bottom:0px; right:50px; height:280px;}
.ys2{ height:198px; }
}
@media (max-width: 1199px){
#navbar-collapse{ width:100%; margin:0; height:400px;}
.dh,.lxleft,#banner,.banner,.lxleft{ display:none;}
.page_num{ padding:10px 0;}
.page_num ul li{ width:50%; padding:15px 0; margin:10px 0;}
.page_num ul li label{ margin:10px auto;}
.cpleft,.cpright,.abcon,.abco,.neiro,.news1{width:98%; margin:0 1%;}
.dao,.dao1{width:98%;}
.dao{ margin-top:5px; padding:15px 5px;}
.dao h3{ font-size:20px;}
.dao span{ font-size:16px;}
.conleft{ width:100%;}
.page_num{ background-image:none; background-color:#f3f3f3;}
.cpleft{ margin-top:20px;}
.cpleft ul li{ width:50%; float:left;}
.cpright ul li{ width:50%;}
.tit h3{ background-color:#fff; text-align:center;}
.ys1,.ys3{ width:50%;}
.ys2{ width:50%;}
.news ul{width: 100%;}
.in-rz{ width:302px; margin:0 auto;}
.in-rz li{ margin:10px;}
.fleft,.fright,.foo{ float:none; width:100%; padding-left:15px;}
.rt ul li{ width:50%;}
.neiro{ padding-top:30px;}
.neir img{width: 100%;}
.rtxw{ width:100%; margin:0 0 20px; float:left;}
.fright{ float:right;  text-align:left;}
.fright h3{ color:#eee; font-size:14px; margin-bottom:0px;}
.logo{ float:left; margin:5px 20px; width:40px;}
.lianxi{ padding:0 10px 20px;}

.tul{ width:100%; padding:20px 0px;}
#preview{ margin:0 auto; width:302px;}
.cptu{ border:1px solid #ccc; display:block; float:none; width:100%; padding:3px; margin:0px;}
.jqzoom{ position:relative; width:302px; border:1px solid #ccc;}
.list-h li{ float:left;}
#spec-n5{width:300px; height:80px; padding-top:6px; overflow:hidden;}
#spec-list{ float:left; overflow:hidden; display:inline; position:relative; width:272px; }
#spec-list ul li{ float:left; margin:0 0.1%; display:inline; width:19.8%;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:100%;}
#spec-left,#spec-right{margin-top:0px;}
.bg img{ width:100%; margin-top:20px;}
}
@media (max-width: 768px){
.fleft p,.fbb{ display:none;}
.cpleft ul li a{ padding-left:5px;}
.cpright ul li a{ margin:10px 5px;}
.cpright ul li a:hover .text {height: 100%;background: rgba(30,136,229,.7); transition: all .5s;}
.cpright ul li a:hover .text p {transform: translateY(50%); text-align: center;}
.cpright ul li a:hover .text span {display: block;margin: 0 auto;float: none;height:10px;}
.tit{ width:200px;}
.youshi p{ font-size:13px;}
.ys1,.ys3{ padding:30px 5px;}
.bg h3{ width:100%;}
.in-rz-tel p{ width:100%; padding-left:0; text-align:center; background:none;}
.logo{margin: 5px 0px 5px 20px;}
.nav{margin:0px; width:100%;}
.navbar-fixed-top .navbar-collapse{max-height: 500px;}
#tf-menu.navbar-default .navbar-nav >li >a{ padding:13px;}
#tf-menu.navbar-default .navbar-nav >li >a::after{content: "";width: 0;position: absolute;left: 0; height:41px; border-bottom: 5px solid #1e88e5;}
.page_num ul li h2{font-size:30px;}
.page_num ul li p{font-size:14px;}
.navbar{ margin-bottom:0px;}
.section-title{ font-size:24px;}
.section-title small{ font-size:16px;}
.bg p span{ margin-top:10px; margin-left:0; display:block;}
.con{ padding-top:10px;}
.ys{ width:100%; float:none;}
}