@charset "utf-8";
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;position:relative;color:#333;font:14px/2 microsoft yahei,arial,瀹嬩綋,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:link{color:#333;}
a:visited{color:#333;}
a:hover,a:active,a:focus{color:#387eba;text-decoration:none;outline:none;}
input{padding:0;margin:0;font-family:'microsoft yahei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle;}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}
h1,h2,h3,h4{font-size:14px;font-weight: normal;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
#ditucontent >div:nth-of-type(2){
	display:none;
}
.wrap {
  width:1200px;
  margin:0 auto;
}
.fl {
  float:left;
}
.fr {
  float:right;
}
.jianju {
  margin-top:50px;
}
.top {
  height: 32px;
	line-height: 32px;
	background:#282828;
  color:#ffffff;
}
.top a {
	color:#ffffff;
}
.top_l {
  width:1000px;
}
.top_r {
  width:180px;
  text-align: right;
}
.header {
  background: #387eba;
  overflow: hidden;
}
.logo img{
  max-height:50px;
  padding: 25px 0;
}
.nav ul li {
  float:left;
}
.nav ul li a { 
  color:#fff;
  display: block;
  font-size: 16px;
  padding: 34px 20px;   
}
.nav ul li a:hover,.nav ul li a.cur{
  color:#fff;
  background: #2a689e;
}

.ban{position:relative;width:1200px;height:500px;margin:0px auto;}
.banpa{left:-360px; position:absolute;}
#foucsbox { margin: 0 auto; padding: 0; width: 1920px; height: 500px; overflow: hidden; zoom: 1; position: relative;}
#foucsbox .imgcon { width: 1920px; height: 500px; margin: 0; padding: 0; position: relative; list-style: none; }
#foucsbox .imgcon li { float: left; width: 1920px; height: 500px; }
#foucsbox .imgcon li img {width: 1920px; height: 500px; }
#foucsbox .foucs { width: 1920px; height: 18px; position: absolute; bottom: 15px; text-align: center; z-index: 3; }
.foucs span{display: inline-block;
    width: 17px;
    height: 17px;
    margin: 0 5px;
    line-height: 0;
    font-size: 0;
    background: url(/uploads/image/tyimages/ban_coin.png) -23px 2px no-repeat;
    cursor: pointer;
    overflow: hidden;}
.foucs span.f{background:url(/uploads/image/tyimages/ban_coin.png) 0px 0px no-repeat;}

.about_box {
  text-align: center;
}
.tit {
  width: 210px;
  margin: 0 auto;
  text-align: center;
}
.tit h3{
  font-size:30px;
  color:#333;
}
.tit em {
  display: inline-block;
  width: 70px;
  height: 1px;
  background: #ededed;
  margin: 15px 0;
}
.tit img {
  padding: 0 20px;
  margin-top: -25px;
}
.tit span {
  color: #888;
}
.about_con {
  margin-top: 30px;
}
.more {
  width:136px;
  margin:0 auto;
  border:2px solid #387eba; 
  box-shadow: #387eba 0px 0px 22px -5px;
  margin-top: 30px;
  border-radius: 5px;
  text-align: center;
}
.more a {
  color: #387eba;
  line-height: 40px;
  font-size: 16px;
  display: block; 
}
.more a:hover {
  background: #387eba;
  color:#fff;
}

.ys_box {
  background: url(/uploads/image/tyimages/ysbg.jpg) no-repeat center;
  padding-bottom:60px;
  overflow: hidden;
}
.tit_bg {
  width: 210px;
  margin: 0 auto;
  text-align: center;
  padding-top: 60px;
}
.tit_bg h3{
  font-size:30px;
  color:#fff;
}
.tit_bg em {
  display: inline-block;
  width: 70px;
  height: 1px;
  background: #387eba;
  margin: 15px 0;
}
.tit_bg img {
  padding: 0 20px;
  margin-top: -25px;
}
.tit_bg span {
  color: #fff;
}
.ys_con {
  padding-top: 50px;
}
.ys_con ul li {
  width:210px;
  float:left;
  text-align: center;
  margin: 0 45px; 
}
.ys_con ul li span {
  display: block;
  color:#fff;
  font-size: 18px;
  font-weight: bold;
  padding: 5px 0;
}
.ys_con ul li hr{
  width:30px;
  border-top:2px solid #ccc;
}
.ys_con ul li p {
  color:#ccc;
  padding-top:5px;
}

.contact_box {
  background: #387eba;
  padding:30px 0;
  overflow: hidden;
}
.wx {
  width: 120px;
}
.info {
  width: 535px;
  margin-left: 50px;
  color: #fff;
  line-height: 30px;
}
.info span {
  font-size: 24px;
}
.info p {
  font-size: 16px;
  margin: 12px 0;
}
.info p.customer {
  width:250px;
  text-align: center;
  border:1px solid #fff;
}
.tel {
  width: 425px;
  color:#fff;
  border-left:1px solid #eee;
}
.phone {
  line-height: 28px; 
  margin-left:30px;
}
.phone p{
  font-size: 18px;
}
.phone span{
  font-size: 30px;
  font-weight: bold;
}
.cont_more a {
  color:#fff;
  border: 1px solid #fff;
  border-radius: 5px;
  display: block;
  padding: 5px 32px;
  margin-top: 15px;
}
.pro_cate {
  margin: 20px 0;
  text-align: center;
}
.pro_cate ul li {
  display: inline-block;
  background: #f5f5f5; 
  margin: 0 5px;
}
.pro_cate ul li a {
  color: #444;
  display: block;
  padding: 4px 25px;
}
.pro_cate ul li a:hover{
  color: #387eba;
}
.pro_con ul li {
  float: left;
  width: 380px;
  margin: 0 9px 18px 9px;
  text-align: center;
  border: 1px solid #ededed;
  position: relative;
}
.pro_con ul li>a{
  width: 380px;
  height: 290px;
  display: flex;
  align-items: baseline;
  overflow: hidden;
}
.pro_con ul li a.img img{
  width: 380px;
}
.pro_con ul li p {
  padding: 10px 0; 
}
.pro_hov {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 999;
  display: none;
}
.pro_con ul li:hover{
  border: 1px solid #387eba;
  transition: all 0.3s ease-out;
}
.pro_con ul li:hover p a {
  color: #387eba;
}
.pro_con ul li:hover .pro_hov{
  display: block;
}

.news_box {
  background: #f9f9f9;
  padding: 20px 0;
  overflow: hidden;
}
.news_con{
  margin-top: 20px;
}
.news_con ul li{
  float: left;
  width: 555px;
  padding: 15px;
  margin:5px 7px;
  position: relative;
}
.news_img img {
  width: 140px;
  height: 120px;
}
.news_txt {
  width: 390px;
}
.news_txt h3 {
	height: 30px;
	line-height: 30px;
}
.news_txt h3 a {
  font-size: 15px;
  font-weight: bold;
  float: left;
}
.news_txt h3 span {
  float:right;
  text-align:right;
  padding-right: 10px;
}
.news_txt p {
  color: #666;
}
.news_hov {
	position: absolute;
	right: 0px;
	bottom: 0px;
	z-index: 999;
	width: 40px;
	height: 40px;
}
.news_hov .img2 {
	display: none;
}
.news_con ul li:hover .news_hov .img1{
	display: none;
}
.news_con ul li:hover .news_hov .img2 {
	display: block;
}
.news_con ul li:hover {
	background: #387eba;
	color: #fff;
}
.news_con ul li:hover  a{
	color: #fff;
}

.case_con {
  margin-top: 20px;
}
.case_con ul li {
  float: left;
  width: 270px;
  margin: 0 14px;
  text-align: center;
  border: 1px solid #ededed;
  position: relative;
}
.case_con ul li a.img {
  width: 270px;
  height: 205px;
  display: flex;
  align-items: baseline;
  overflow: hidden;
}
.case_con ul li a.img img{
  width: 270px;
}
.case_txt {
  text-align: left;
  padding: 10px;
}
.case_txt a {
  display: block;
  font-weight: bold;
}
.case_txt p {
  line-height: 20px;
  color: #666;
}
.case_con ul li:hover{
  border: 1px solid #387eba;
  transition: all 0.3s ease-out;
}
.case_con ul li:hover .pro_hov{
  display: block;
}
#demo1p {
    height: 295px;
    overflow: hidden;
    width:1200px;
}
#indemo1p {
    float: left;
    width: 800%;
}
#demo1p1 {
    float: left;
}
#demo1p2 {
    float: left;
}

.footer {
  background: #282828;
  padding: 30px 0;
  overflow: hidden;
  color: #aaa;
}
.footer a {
  color: #aaa;
}
.footer h3 {
  font-size: 18px;
  color: #fff;
}
.foot_comp {
  width: 390px;
  height: 240px;
  border-right: 1px solid #aaa;
}
.foot_comp h3 {
  font-size: 30px;
  color: #387eba;
}
.foot_nav {
  height: 240px;
  border-right: 1px solid #aaa;
}
.foot_menu {
  padding: 0 60px;
}
.foot_cont {
  padding-right: 80px;
}
.foot_cont img {
  width: 100px;
  height: 100px;
  padding-top: 20px;
}
.copy {
  border-top: 1px solid #aaa;
  margin-top: 15px;
  padding-top: 15px;
  text-align: center;
}

.main {
  padding: 20px 0;
  overflow: hidden;
}
.site {
  height: 35px;
  line-height: 35px;
  background: url(/uploads/image/tyimages/site.png) no-repeat left; 
  padding-left: 30px;
  margin-top: 20px;
}
.left-box {
  width: 270px; 
}
.cate {
  margin-bottom: 20px;
}
.cate h3 {
  height: 90px;
  line-height: 90px;
  background: #387eba; 
  color: #fff;
  padding-left :30px;
  font-size: 25px;
}
.cate h3 img {
  padding-right: 15px;
}
.cate ul {
  border: 2px solid #387eba;
  border-top: 2px solid #387eba;
}
.cate ul li {
  line-height: 60px;
  border-top: 1px solid #387eba;
  background: url(/uploads/image/tyimages/dot.png) no-repeat 20px;
}
.cate ul li a {
  display: block;
  color: #387eba;
  font-size: 16px;
  padding-left: 40px;
}
.cate ul li:hover {
  background: url(/uploads/image/tyimages/dothov.png) no-repeat 20px #387eba;  
}
.cate ul li:hover a {
  color: #fff;
}
.right-box {
  width: 900px;
}
.con-tit {
  font-size:24px;
  font-weight: 400;
  color:#387eba;
  margin-bottom: 20px;
  border-bottom: 2px solid #f7f7f7;
}
.con-tit em {
  display: block;
  width:150px;
  height: 2px;
  background: #387eba;
}
.content-about {
  margin-top: 30px;
  line-height: 30px;
}


.prolist ul li {
  float: left;
  width: 270px;
  margin: 30px 28px 0px 0px;
  text-align: center;
  border: 1px solid #ededed;
  position: relative;
}
.prolist ul li>a{
	overflow: hidden;
	display: flex;
	align-items: baseline;
  width: 270px;
  height: 205px;
}
.prolist ul li a.img img{
  width: 270px;
}
.prolist ul li p {
  padding: 10px 0; 
}
.prolist ul li:hover{
  border: 1px solid #387eba;
  transition: all 0.6s;
}
.prolist ul li:hover p a {
  color: #387eba;
}
.prolist ul li:hover .pro_hov{
  display: block;
}
.pages {
  padding: 30px 0 0px;
  text-align: center;
}
.pages li {
  display: inline;
  margin:0 5px;
}
.pages li a {
  padding: 8px 13px;
  border: 1px solid #ccc;
  background: #fff;
  color: #666;
}
.pages li a:hover {
  padding: 8px 13px;
  border: 1px solid #387eba;
  background: #387eba;
  color: #fff;
}
.newslist{
  margin-top: 30px;
}
.newslist ul li{
    width: 898px;
    height: 120px;
    padding: 15px 0;
    position: relative;
    border: 1px solid #ccc;
    margin-bottom: 15px;
}
.newslist .news_img {
	padding-left: 15px;
}
.newslist .news_img img {
  width: 140px;
  height: 120px;
}
.newslist .news_txt {
    width: 720px;
    padding-right: 10px;
}
.newslist .news_txt h3 {
	height: 30px;
	line-height: 30px;
}
.newslist .news_txt h3 a {
  font-size: 15px;
  font-weight: bold;
  float: left;
}
.newslist .news_txt h3 span{
	float:right;
	text-align:right;
	padding-right: 10px;
}
.newslist .news_txt p {
  color: #666;
}
.newslist ul li:hover .news_hov .img1{
	display: none;
}
.newslist ul li:hover .news_hov .img2 {
	display: block;
}
.newslist ul li:hover {
	background: #387eba;
	color: #fff;
}
.newslist ul li:hover a{
	color: #fff;
}

.detail {
	margin-top:30px;
}
.detail p {
	line-height:30px;
}
.para {
	padding-bottom: 10px;
	text-align: center;
	overflow: hidden;
}
.para h1 {
    color: #387eba;
    line-height: 40px;
    font-size: 16px;
    font-weight: bold;
}
.para img {
	width: 380px;
	height: 290px;
}
.biaot h1 {
    line-height: 30px;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #387eba;
    margin-bottom: 15px;
    padding-bottom: 5px;
	text-align:center;
}
.pro_detail {
    margin:15px 0;
}
.tt{
	font-size:18px;
	border-bottom:2px solid #387eba;
}
.pro_detail h4{
    line-height: 28px;
    height: 28px;
    color: #387eba;
    margin: 15px 0;
    display: block;
    padding-left: 10px;
    border-bottom: 1px solid #387eba;
}
.tag {
    line-height: 30px;
    border-bottom: 1px dashed #ddd;
    color: #999;
}
.news_related {
    margin: 10px 0;
}
.xg_tit {
    line-height: 28px;
    height: 28px;
    color: #387eba;
    margin: 15px 0;
    display: block;
	font-weight:bold;
    border-bottom: 1px solid #387eba;
}
.news_related li {
    border-bottom: 1px solid #ddd;
    padding-left: 10px;
    line-height: 30px;
    position: relative;
}
.news_related li span {
    position: absolute;
    z-index: 0;
    top:0px;
    right:0px;
}
.pro_related ul li {
  float: left;
  margin: 10px 45px 10px 0;
  text-align: center;
}
.pro_related ul li:nth-child(3n 3){
	margin-right:0px;
}
.pro_related ul li h3 {
  overflow: hidden;
}
.pro_related ul li img {
  width:270px;
  height:205px; 
  cursor: pointer;  
  transition: all .35s ease; 
}
.pro_related ul li img:hover{
  transform: scale(1.1);
}
.pro_related ul li p {
  margin:10px 0;
}
.news_detail p {
	line-height:30px;
}
.seo {
	text-align:center;
	border-bottom:1px dashed #ddd;
}
.sitemap {
    margin:10px 0;
}
.sitemap h3 {
    margin:20px 0;
    font-size:16px;
}
.sitemap dl a {
    margin-right:10px;
}
.buss a {
	padding: 0 10px;
	display: inline-block;
}