@charset "utf-8";
/* 追悼日网页灰白色配景 - 翻开注释即可开启网页灰白色模式 - 2020.0404 */
/*html {
        -webkit-filter: grayscale(100%); 
        -moz-filter: grayscale(100%); 
        -ms-filter: grayscale(100%); 
        -o-filter: grayscale(100%); 
        filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);  
        _filter:none; 
}*/

/* 基本元素重置 */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;}
body,input,textarea,select,button,table{font-size:14px;line-height:1.25em;outline:none;}
img,fieldset{border:0;}
ul,ol{list-style:none;}
em,address{font-style:normal;}
a{color:#666;text-decoration:none;}
a:hover{text-decoration:none!important;}
table{border-collapse:collapse;}
h1,h2,h3,h4,h5,h6,em,i{font-style:normal; font-weight:400; outline:none;}
img{border:none;vertical-align:middle;display: block}
*{box-sizing: border-box;}
.clear{clear: both;}
body {font-family: "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;}
.fl{float: left}
.fr{float: right}
.blue{color:#0079c1 !important;}


/*====================导航*********/
.header{
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	/*height:78px;*/
}


/*右侧*/
.header .nav{
	display: block;
}
.header .navbar_nav li{
	float:left;
	position: relative;
	display: block;
}
/*.header .navbar_nav li a:after{
    content: "";
    width: 0;
    height: 2px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.5s ease 0s;
}
.header.on .navbar_nav li a:after{
    content: "";
    width: 0;
    height: 2px;
    background: #0079c1;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.5s ease 0s;
}*/
.header .navbar_nav li a:hover:after{
    width: 100%;
}
.header .navbar_nav li a{
	text-decoration: none;
	height: 100%;
	padding: 0 23px;
	display: block;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	color: #fff;
	font-size: 18px;
}
.header .navbar_nav li:hover a{
	color: fff;
}
.header .navbar_nav li.dropdown{
	display: inherit;
	position: relative;
}
.header .navbar_nav li.dropdown .jt{
	width: 20px;
	height: 20px;
	/*background: url(/cms-js/css/i/top.png) no-repeat;*/
	background-size: 100% 100%;
	display: block;
}
.header .navbar_nav li.dropdown .dropdown_menu{
	display: none;
	/*position: absolute;*/
	top:78px;
    margin-left:0px;
	width: 1200px;
	background: #fff;
	box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);
    left: auto;
    transform:translateX(-22%);
}
.header .navbar_nav li.dropdown .dropdown_menu a{
	font-size: 16px;
	color: #666;
	padding: 0 30px;
	line-height: 40px;
	text-align: center;
	border-bottom:1px solid #f1f1f1;
}
.header .navbar_nav li.dropdown:hover .dropdown_menu{
	display: block;
	background: #fff;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

/*白色配景的头部*/
.header.on .tf-menu{
	background: #fff;
	background: rgba(255,255,255,1) !important;

}
.header.on .left .img1{
	display: none;
}
.header.on .left .img2{
	display: block;
}
.header.on .navbar_nav li a{
	color: #333;
}
.header.on .navbar_nav li:hover a{
	color: #0079c1;
}
#navToggle{
	display: none;
}

.m_nav{
	position: fixed;
	top: 0px;
	box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);
	width: 100%;
    height: 100%;
    background: #fff;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
	z-index: 1000;
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    overflow-y: auto;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    top: 0;
    transform: translateX(100%);
}
.m_nav.open{
    transform: translateX(0);
}
.m_nav .top{
	height: 60px;
	padding: 20px;
	box-sizing: border-box;
}
.m_nav .top .closed{
  text-align: center;
  line-height: 30px;
  color:#0079C1;
  font-size: 16px;
  border-radius: 5px;
	vertical-align: middle;
  position: absolute;
  top:10px;
  right:10px;
	cursor: pointer;
}
.m_nav .logo{
	width: 100%;
	margin:0 auto;
}
.m_nav .logo img{
	height: 50px;
	display: block;
	margin:30px auto;
}
.m_nav .ul{
	margin-top: 0px;
}
.m_nav .ul li{
	padding: 0 20px;
	border-bottom: 1px solid #f5f5f5;
	transform: translateY(0);
	-webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    opacity: 0;
}
.m_nav.open .ul li{
	opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.m_nav .ul li:nth-child(1) {
    -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(2) {
    -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(3) {
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(4) {
    -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(5) {
    -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(6) {
    -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li a{
	display: block;
	text-decoration: none;
	color: #333;
	font-size: 16px;
	height: 50px;
	line-height: 50px;
	width: 100%;
}
.m_nav .ul li .dropdown_menu{
	display: none;
}
.m_nav .ul li.dropdown.active .dropdown_menu{
	display: block;
}
.m_nav .ul li .dropdown_menu a{
	display: block;
	height: 50px;
	line-height: 50px;
	padding: 0 40px;
	box-sizing: border-box;
	border-bottom: 1px solid #f5f5f5;
}
.m_nav .ul li .dropdown_menu a:last-child{
	border: none;
}
.banner{
	width: 100%;
}
.banner img{
	width: 100%;
}
.mobile-menu{
  display: none
}
@media screen and (max-width: 1170px){
  .mobile-menu{
    display: block;
    width:100%;
    height: 52px;
    background: #0079C1;
    position: fixed;
    top:0;
    left:0;
    padding:6px 0 0 10px;
  }
  #navToggle{
    position: absolute;
    z-index: 1111;
    color: #fff;
    right: 20px;
  }
  .mobile-search-tel{
    position: absolute;
    display: block!important;
    right:70px !important;
    top:-13px !important;
  }
  .mobile-search-tel a{
    font-size: 18px!important;
  }
  .mobile-search-tel .ico-tel{
    width:15px;
    height: 15px;
    float: left;
    margin-right:5px;
    line-height: 78px;
    background: url(/cms-js/images/ico-tel.png) no-repeat;
    background-size: 100%;
    margin-top:32px;
  }
  .mobile-search-tel .ico-tel-txt,.mobile-search-tel .ico-tel-txt a{
    float: left;
    color:#fff;
    font-size:18px;
    line-height: 78px;
  }
	.header{
		padding: 0 10px;
	}
	.header #navToggle {
		height: 52px;
    width:75px;
		padding: 8px 15px;
		margin-right: -21px;
		display: inline-block;
		float: right;
    background: url(/cms-js/images/mobile-red-bg.gif) no-repeat;
    background-size: 100%;
	}
	.header #navToggle span {
		position: relative;
		width: 25px;
		height: 0px;
		margin-top: 19px;
	}
	.header #navToggle span:before,
	.header #navToggle span:after {
		content: '';
		position: relative;
		width: 100%;
		height: 0px;
		left: 0;
	}
	.header #navToggle span,
	.header #navToggle span:before,
	.header #navToggle span:after {
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
		display: block;
		background: #4f4f4f;
	}
	.header #navToggle span:before {
		top: 8px;
	}
	.header #navToggle span:after {
		bottom: 10px;
	}
	.header #navToggle.open span:before {
		top: 10px;
		-webkit-transform: translateY(-11px) rotate(-45deg);
		-moz-transform: translateY(-11px) rotate(-45deg);
		-ms-transform: translateY(-11px) rotate(-45deg);
		-o-transform: translateY(-11px) rotate(-45deg);
		transform: translateY(-11px) rotate(-45deg);
	}
	.header #navToggle.open span:after {
		bottom: 12px;
		-webkit-transform: translateY(10px) rotate(45deg);
		-moz-transform: translateY(10px) rotate(45deg);
		-ms-transform: translateY(10px) rotate(45deg);
		-o-transform: translateY(10px) rotate(45deg);
		transform: translateY(10px) rotate(45deg);
	}
	.header #navToggle.open span {
		background: none;
	}
	.header #navToggle.open span:before,
	.header #navToggle.open span:after {
		background: #4f4f4f;
	}
	
	.header .nav{
		display: none;
	}

  .mobile-banner{
    width:100%;
    display: block !important;
    margin:52px 0 0px;
  }
  .small-txt{
    padding:10px 0 0 !important;
  }
}
.mobile-banner{
  display: none;
}
.tf-menu{
  height: auto;
  position: fixed;
  top:0;
  left:0;
  width:100%;
  height: 78px;
  z-index: 9999;
  background: rgba(0,0,0,0.28);
  box-shadow: 0 2px 5px 0 rgba(80,78,78,0.19)
}
.tf-menu2{
  background: #0079C1;
}
.header.on{
  background: #fff !important;
}
.header.on ul li a{
  color:#333;
}

@-webkit-keyframes show
{
0% {opacity:0;color:#fff;}
100% {opacity:1;color:#0079c1;}
}
.fixed-out{
-webkit-animation:hidden 1s ease-out; 
}
@-webkit-keyframes hidden
{
0% {opacity:1;color:#0079c1;}
100% {opacity:0;color:#fff;}
}
.tf-menu h1{
  float:left;
  cursor: pointer;
  background: url(/cms-js/images/logo-bg.png) no-repeat;
  width:260px;
  height: 78px;
  text-align: left;
}
.tf-menu h1 img{
  margin:14px 0 0 25px;
}
.tf-menu ul{
  float:left;
}
.tf-menu ul li{
  float:left;
  line-height: 78px;
  font-size:16px;
  color:#fff;
}
.tf-menu ul li a{
  color:#fff;
  padding-bottom:5px;
}
.tf-menu ul li a:hover,.tf-menu ul li .active{
  color:#fff;
}
.tf-menu .search-tel{
  position: fixed;
    right: 0;
}
.tf-menu .search-tel .ico-tel{
  width:15px;
  height: 15px;
  float: left;
  margin-right:15px;
  line-height: 78px;
  background: url(/cms-js/images/ico-tel.png) no-repeat;
  background-size: 100%;
  margin-top:33px;
}
.tf-menu .search-tel .ico-tel-txt,.tf-menu .search-tel .ico-tel-txt a{
  float: left;
  color:#fff;
  font-size:25px;
  line-height: 78px;
}
.header.on .tf-menu .search-tel .ico-tel-txt,.header.on .tf-menu .search-tel .ico-tel-txt a{
  float: left;
  color:#0079c1 !important;
  font-size:25px;
  line-height: 78px;
}
.header.on .tf-menu .search-tel .ico-tel{
  width:15px;
  height: 15px;
  float: left;
  margin-right:15px;
  line-height: 78px;
  background: url(/cms-js/images/ico-tel-blue.png) no-repeat;
  background-size: 100%;
  margin-top:33px;
}
.search-tel .ico-search{
  float: right;
  width:112px;
  height: 78px;
}
.search-tel .xingxi{clear:both;height:26px;line-height:26px;width:120px;margin-top:15px;
text-align:center;color:#fff;float:right;margin-right:95px;border:1px solid #4585b7;border-radius:13px;}
.menu-modal-left{
  float: left;
  width:1200px;
  background: url(/cms-js/images/shuiyin.png) no-repeat 0 center;
}
.menu-modal-right{
  width:300px;
  height:auto;
  float:right;
  margin:20px 40px 0 0;
  position: relative;
}
.menu-modal-right img{
  width:100%;
  height:180px;
}
.img-txt{
  width:100%;
  text-align:right;
  line-height:35px;
  font-size:14px;
  color:#999
}
.tf-banner{width:100%;height:auto;overflow: hidden;position: relative}
.tf-banner img{width: 100%;}
.tf-banner .banner-bg{
  width:100%;
  height: 20%;
  background:url(/cms-js/images/banner-bg.png) repeat-x;
  background-size: 100% 100%;
  position: absolute;
  bottom:-1px;
  left: 0;
  z-index: 1
}
.tf-main{width:100%;height:auto;background:#fff;float: left}
.tf-main .title-txt1{
  width:1200px;
  margin:0 auto;
  font-family: MicrosoftYaHei;
  font-size: 28px;
  color: #404040;
  letter-spacing: 0;
  text-align: center;
  padding:50px 0 0 0;
  margin-bottom: 30px;
}
.tf-main .title-txt2{
  width:1200px;
  margin:0 auto;
  font-family: MicrosoftYaHei;
  font-size: 16px;
  color: #404040;
  letter-spacing: 0;
  text-align: center;
  padding:20px 0 40px;
}

.tf-main .product2{
  width:100%;
  margin:0 auto;
  background: #fff;
}
.title-position{
  position: relative;
}
.more-position{
  position: absolute;
  right:0;
  top:55px;
}
.tf-main .product3{
  width:1200px;
  margin:0 auto;
  background: #f8f8f8;
}
/* 首页-公司新闻 */
.company-news{
  width:100%;
  background:#fff;
  height: 500px;
  float: left
}
.company-news .news-main{
  width:1200px;
 margin: 0 auto;
}
.company-news .news-main .news-title{
  width:1200px;
  text-align: center;
  color: #4a4a4a;
  padding:40px 0;
}
.company-news .news-main .news-title h2{
  font-size:28px;
  line-height: 50px;
}
.company-news .news-main .news-title h3{
  font-size:16px;
  line-height: 40px;
}
.company-news .news-main .pro3-left{
  width:545px;
  float:left;
  height: 327px;
}
.company-news .news-main .pro3-right{
  width: 655px;
  height: 327px;
  float: left;
  background:#fff;
 box-shadow: 0 2px 5px 0 rgba(80,78,78,0.19);
  
}
.company-news .news-main .pro3-right .more{
  width: 655px;
  height: 50px;
  font-size: 14px;
  color: #858585;
  line-height: 40px;
  text-align: right;
  margin: 20px 0;
}
.company-news .news-main .pro3-right .more a{
  height: 50px;
  text-align: center;
  background: #0079C1;
  border: 1px solid #0079C1;
  color: #fff;
  padding:5px 15px;
  margin-right: 20px;
}
.company-news .news-main .pro3-right ul{
  width: 655px;
  height: auto;
  background:#fff;
  padding:30px 20px 0 40px;
  box-sizing: border-box;
}
.company-news .news-main .pro3-right ul li{
  width: 100%;
  height: auto;
}
.company-news .news-main .pro3-right ul li .overflow{
  width: 80%;
  height: auto;
  overflow:hidden;
  text-overflow:ellipsis; 
  white-space: nowrap;
  float: left
}
.company-news .news-main .pro3-right ul li a{
  width: 80%;
  height: auto;
  line-height: 45px;
  color:#404040;
  font-size: 18px;
}
.company-news .news-main .pro3-right ul li a:hover{
  color:#0079c1
}
.company-news .news-main .pro3-right ul li .news-date{
  float:right;
  text-align: right;
  line-height: 45px;
  height: auto;
  color:#9B9B9B;
}


/* 底部版权 */
.tf-foot{
  width:100%;
  clear: both;
  background:  rgba(37,37,37,1);
  background-size: 100%;
    /*background: url("/cms-js/images/copyright-bg.png");*/
    /*background-size: cover;*/
    /*padding-top: 200px;*/
  float: left
}
.tf-foot3{
  background:  url(/cms-js/images/copyright-bg3.png) repeat-x rgba(37,37,37,1);
  background-size: 100%;
  margin-top:20px;
}
.tf-foot .tf-foot-main{
  width:84%;
  height: auto;
  margin:0 auto;
  padding-top:10px;
}
.tf-foot .tf-foot-main .list{
  width:100%;
  height: auto;
}
.tf-foot .tf-foot-main .list ul{
  width:14.2%;
  height: auto;
  float: left;
}
.tf-foot .tf-foot-main .list ul li,.tf-foot .tf-foot-main .list ul li a{
  text-align: left;
  color: #858585;
  line-height: 26px;
  font-size: 14px;
}
.tf-foot .tf-foot-main .list ul li a:hover{
  color:#ddd;
}
.tf-foot .tf-foot-main .list ul li .title{
  color:#fff !important;
  line-height:50px;
}
.tf-foot .tf-foot-main .foot-logo{
  width: 100%;
  clear: both;
  padding:95px 0 60px;
  height: 120px;
  border-bottom: 1px solid #666;
}
.tf-foot .tf-foot-main .foot-logo .foot-tel{
  float: right;
  padding-right:15px;
}
.tf-foot .tf-foot-main .foot-logo .foot-tel-txt,.tf-foot .tf-foot-main .foot-logo .foot-tel-txt a{
  float: right;
  color: #fff;
  font-size: 14px;
  display: flex;
  margin: -70px 0px 0px auto;
}
.qr-code {
    text-align: center;
    margin-left: 60px;
}

.qr-code img {
    margin-bottom: 5px;
}
.mobile-cp-txt{
  display: none;
}
.mobile-copyright{
  display: none;
}
.foot-tel-txt33{display: none;}
@media screen and (max-width:850px) {
  .foot-tel-txt33{display: block;}
  .foot-tel-txt22{display: none;}
  .mobile-cp-txt{
    display: block;
    width:100%;
    line-height: 20px;
    margin-top:10px;
  }
  .mobile-cp-txt a{
    padding-right:14px;
    font-size: 13px;
  }
  .friend-link{
    display: none;
  }
  .copyright{
    display: none
  }
  .mobile-copyright{
    clear: both;
    width:100%;
    line-height: 20px;
    padding:10px 0;
    font-size: 13px;
    color:#939393;
  }

  .tf-foot .tf-foot-main .foot-logo {
    width: 100%;
    clear: both;
    padding: 0px 0 10px;
    height: 50px;
    border-bottom: 1px solid #666;
  }
  .tf-foot .tf-foot-main .foot-logo .foot-tel-txt, .tf-foot .tf-foot-main .foot-logo .foot-tel-txt a {
    float: right;
    color: #fff;
    font-size: 20px;
    margin-top: 8px;
  }
  .foot-tel{
    margin-top:17px;
  }
}
.copyright{
  clear: both;
  width:100%;
  line-height: 30px;
  padding:10px 0;
  font-size: 14px;
  color:#939393;
}
.copyright a{
  color:#939393;
}
.friend-link{width:189px; height:25px;line-height:24px;text-align:left;float:right;border: 1px solid #979797;
border-radius: 5px;margin:24px 80px 0 0;color:#979797;font-size:13px;padding-left:10px;position: relative;
background:url(/cms-js/images/up-ico.png) no-repeat right center;background-size: 10%;}
.friend-list{
  display:none;
  position: absolute;
  bottom:27px;
  left:-1px;
  width:189px;
  line-height: 25px;
  border: 1px solid #979797;
  border-radius: 5px;
  background:#ccc;
  padding:5px 10px;
  box-sizing: border-box;
  color:#333;
}
/* mod-menu二级菜单 */
.mold_open_hover,.mold_open{display:inline-block;width:10px;height:6px;margin-left:10px;position:relative;}
.mold_open{background-position:0 -6px;}
.mold_open_hover{background-position:0 0;}
.mod-menu{position:relative;z-index:1000;}
.menu-cont-list a:hover{text-decoration:underline;}
.mod-menu .menu-item{width:160px;z-index:22;}

.mod-menu .menu-item li{height:auto;width:220px;line-height:18px;background:#f0f9ff;}
.mod-menu .menu-item li.mouse-bg{margin-right:-4px;background:#fff;}
.mod-menu .menu-item a{color:#4a4a4a !important;font-size:16px;padding:12px 0 12px 33px;display:block;}
.mod-menu .menu-item a:hover{ text-decoration:none;}
.mod-menu .menu-cont{float:left;width:600px;font-size:15px;color:#4a4a4a;}
.mod-menu .menu-cont-list{padding:0 30px;}
.mod-menu .menu-cont-list li{line-height: 41px;width:500px;text-align: left;color:#4a4a4a !important; overflow:hidden;
  text-overflow:ellipsis; 
  white-space: nowrap;
  cursor: pointer}
  .mod-menu .menu-cont-list dl{line-height: 41px;float:left;width:180px;text-align: left;color:#4a4a4a !important; overflow:hidden;
  text-overflow:ellipsis; 
  white-space: nowrap;
  cursor: pointer}
.mod-menu .menu-cont-list h5{width:100%;height: 60px;line-height:60px;display: block}
.mod-menu .menu-cont-list h5 img{width:25px;height: 25px;margin:18px 15px 0 0;}
.mod-menu .menu-cont-list h5 span{color:#0079c1;float: left;font-size:18px;font-weight: 500;}
.mod-menu .menu-list-link a{color:#666;line-height:24px;}
.mod-menu .menu-list-link .long-string{color:#ccc;font-size:12px;padding:0 10px;}
.menu-item-h2 a{
  color:#0079c1 !important;
    font-size: 20px !important;
    height: 60px !important;
    width:220px;
    padding-left: 35px;
    line-height: 60px !important;
    background: #f0f9ff;
    display: block
}
.mod-left-1{
  width:220px;
  float: left;
  background: #f0f9ff;
  min-height: 300px;
}
.menu-cont{
  width:500px;
  float:left;
}
.position-r{
  position: relative;
}
.right-fixed{
  position: fixed;
  right: 0;
  top:35%;
  z-index: 2
}
.weixin{
  width:60px;
  height: 60px;
  opacity: 0.92;
  background: #FFFFFF;
  margin-bottom:10px;
  box-shadow: 0 2px 10px 0 rgba(80,78,78,0.19);
  cursor: pointer;
}
.weixin:hover{
  box-shadow: 0 2px 10px 0 rgba(0,121,193,0.49);
}
.reveal-modal{
  top:78px !important;
  position: fixed !important;
}

.reveal-modal {
	/*visibility: hidden;*/
	top: 10px; 
	left: 50%;
	/*margin-left: -550px;*/
	width: 1100px;
	/*background: #fff url(modal-gloss.png) no-repeat -200px -80px;*/
	position: absolute;
	z-index: 10001;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-box-shadow: 0 0 10px rgba(0,0,0,.4);
}

.mobile-main{display: none}
.mobile-company-news{display: none}
.mobile-customer-service{display: none}
.mobile-search-tel{display: none}
/*mobile样式*/

  @media screen and (max-width:850px){
	 .tf-main { display:none; }
	 .mobile-main{
     display: block;
     width:100%;
     padding:60px 3% 15px;
     box-sizing: border-box;
   }
   img {
	 	max-width: 100%;
	 	vertical-align: bottom;
	 }	
   
   /*mobile首页导航菜单*/
   .search-tel{display: none}
   .mobile-search-tel{
    display: block;
   } 
   .mobile-search-tel{
  position: fixed;
    right: 0;
}
.mobile-search-tel .ico-tel{
  width:15px;
  height: 15px;
  float: left;
  margin-right:5px;
  line-height: 78px;
  background: url(/cms-js/images/ico-tel.png) no-repeat;
  background-size: 100%;
  margin-top:32px;
}
.mobile-search-tel .ico-tel-txt,.mobile-search-tel .ico-tel-txt a{
  float: left;
  color:#fff;
  font-size:18px;
  line-height: 78px;
}
/*.header.on .mobile-search-tel .ico-tel-txt,.header.on .mobile-search-tel .ico-tel-txt a{
  float: left;
  color:#0079c1;
  font-size:25px;
  line-height: 78px;
}
.header.on .mobile-search-tel .ico-tel{
  width:15px;
  height: 15px;
  float: left;
  margin-right:15px;
  line-height: 78px;
  background: url(/cms-js/images/ico-tel-blue.png) no-repeat;
  background-size: 100%;
  margin-top:33px;
}
.mobile-search-tel .ico-search{
  float: right;
  width:112px;
  height: 78px;
}*/
.tf-menu ul{display: none}

   /*mobile产品热销*/
   .mobile-main .product1{
     width:100%;
     margin:30px 0;
     overflow: auto;
     float: left
   }
   .mobile-main .product1 .porduct1-overflow{
     width:1800px;
   }
   
    .mobile-main .product1 .pro-list{
     width:300px;
     padding:10px 0px 0px 0px;
     float: left;
     box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.19);
   }
   .mobile-main .product1 .pro-list img{
     width:52%;
     float:left;
     margin-left:3%;
     padding-bottom:10px;
     background-size:100%;
   }
   .mobile-main .product1 .pro-list .title{
     width:45%;
     float:left;
     font-size: 16px;
     color:#4a4a4a;
     line-height: 25px;
     padding-left:5%;
   }
	 .mobile-main .product1 .pro-list .txt{
     width:45%;
     float:left;
     font-size: 14px;
     color:#888;
     padding-left:5%;
     line-height: 25px;
   }
   .mobile-main .mobile-pro-more{
     clear: both;
     width:160px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    border:1px solid #0079c1;
    color:#0079c1;
    margin:20px auto 15px;
    cursor: pointer;
   }
   .mobile-main .mobile-pro-more:hover{
    border:1px solid #fff;
    color:#fff;
    background: #0079c1;
  }

   /*mobile首页公司新闻样式*/
   .company-news{display: none}
   .mobile-company-news{display: block;width:100%;height:auto;clear:both;padding:10px 4%;box-sizing: border-box;
   background: linear-gradient(to bottom, #0079c1 0%,#077bc0 50%,#077bc0 100%);float: left;}
   .mobile-company-news .news-main{width: 100%;height:auto;}
   .mobile-company-news .news-main .news-title{font-size: 28px;}
   .mobile-company-news .news-main .news-title{
    width:100%;
    text-align: center;
    color: #fff;
    padding:0px 0 10px;
  }
  .mobile-company-news .news-main .news-title h2{
    font-size:24px;
    line-height: 30px;
  }
  .mobile-company-news .news-main .news-title h4{
    font-size:16px;
    line-height: 20px;
  }
  .mobile-company-news .news-main dl{
    width:100%;
    background: #fff;
    border-radius: 5px;
    box-sizing: border-box;
    padding:15px 4%;
    height: 107px;
    float: left;
    position: relative;
    margin-bottom:20px;
  }
    .mobile-company-news .news-main dl dt{
    width:40%;
    float: left;
    box-sizing: border-box;
  }
  .mobile-company-news .news-main dl dt img{
    width:100%;
  }
  .mobile-company-news .news-main dl dd{
    width:60%;
    float: left;
    box-sizing: border-box;
    padding:0px 0 5px 2%;
    /*position: absolute;
    right:0;
    top:10px;*/
    line-height: 19px;
    color: #4a4a4a;
    font-size: 13px;
  }
  .mobile-company-news .news-main dl dd i{
    width: 100%;
    display: block;
    color: #888;
    text-align: right;
    position: absolute;
    right:4%;
    bottom:10px;
  }
  .mobile-company-news .mobile-news-more{
     width:160px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    border:1px solid #fff;
    color:#fff;
    margin:10px auto 15px;
    cursor: pointer;
   }

    /*mobile首页公司新闻样式*/
   .customer-service{display: none}
   .mobile-customer-service{display: block;width:100%;height:auto;clear:both;padding:10px 4%;box-sizing: border-box;  padding-bottom:20px;
      background: url(/cms-js/images/customer-service-bg-mobile.png) repeat-x;background-size: 100%;}

.mobile-customer-service .service-title{
  width:100%;
  text-align: center;
  line-height: 30px;
  color: #333;
  font-size: 28px;
  padding-top:10px;
}
.mobile-customer-service .service-small-title{
  width:100%;
  text-align: center;
  line-height: 20px;
  color: #333;
  font-size: 14px;
}
.overflow-auto{
  overflow-x: auto;
  overflow-y: hidden;
}
.mobile-customer-service ul{
  width:850px;
  margin:20px auto 0;
  padding:0 20px;
}
.mobile-customer-service ul li{
  width:200px;
  height:auto;
  background: #F0F0F0;
  float: left;
}
.mobile-customer-service ul li:nth-child(3n+2){
 margin:0 20px;
}
.mobile-customer-service ul li .pic{
  width:200px;
}
.mobile-customer-service ul li .pic img{
  width:100%;
  height:160px;
}
.mobile-customer-service ul li .ico{
  width:48px;
  height:48px;
  margin:-24px auto 0;
}
.mobile-customer-service ul li .ico img{
  width:48px;
  height:48px;
}
.mobile-customer-service ul li .txt{
  width:100%;
  height:40px;
  line-height: 40px;
  font-size: 16px;
  color: #4a4a4a;
  text-align: center
}
   
   /*mobile版权样式*/
   .tf-foot{
     width:100%;
  clear: both;
  background:  url(/cms-js/images/copyright-bg2.png) repeat-x rgba(37,37,37,1);
       /*background:  url(/cms-js/images/copyright-bg2.png);*/
       background-size: 100%;
       /*padding-top: unset;*/
   }
   .tf-foot-main .list{display: none;}
   .tf-foot .tf-foot-main{padding-top:60px;}
   .tf-foot-main{width:100% !important;padding:0 4%;box-sizing: border-box;}
   .copyright{font-size: 13px !important;}
   .mobile-copyright a{color:#939393 !important;}
	 
 } 
 
.tf-main .product1{
  width:1200px;
  margin:0 auto;
}


.pro-list-txt{
  width: 365px;
  height: auto;
  text-align: center;
  font-size: 18px;
  color: #4A4A4A;
  line-height: 35px;
  padding-top: 20px;
  padding: 20px 50px 5px;
}
.pro-small-txt{
  font-family: Helvetica;
  font-size: 14px;
  color: #404040;
  letter-spacing: 0;
  padding-bottom: 20px;
  text-align: center
}
.tf-main .product1 .more{
  width:140px;
  height: 33px;
  margin:0 auto 80px;
}
 #inner{height:auto;position:relative;overflow:hidden;margin:30px auto 0 auto;width:1300px; box-sizing: border-box}
#carousel div{background:#fff;width:350px;float:left;margin:0 15px 10px;padding-top:10px;position: relative}
#carousel div img{box-shadow:0px 0px 8px #e6e5e5}
.toumingbg{background:rgba(0,0,0,.3);position:absolute;top:10px;left:15px;width:350px;height:237px;cursor: pointer}
.toumingbg:hover{background:rgba(0,0,0,.39);}

#prev, #next{display:block;width:78px;height:78px;position:absolute;top:50%;z-index:2;}
#prev{background:url( /cms-js/images/arrow-left.png ) no-repeat;background-size:100%;left:23px;top:100px;}
#next{background:url( /cms-js/images/arrow-right.png ) no-repeat;background-size:100%;right:-0.5%;top:100px;}
.caroufredsel_wrapper{margin-left:-0px !important;}

.pro-more{
  width:160px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  border:1px solid #0079c1;
  color:#0079c1;
  margin:20px auto 65px;
  cursor: pointer;
}
.pro-more:hover{
  border:1px solid #fff;
  color:#fff;
  background: #0079c1;
}
/*首页-客服服务*/
.customer-service{
  width:100%;
  background:  url(/cms-js/images/customer-service-bg.jpg) repeat-x rgba(255,255,255,1);
  background-size: 100%;
  height: 550px;
  float: left
}
.customer-service .service-title{
  width:100%;
  text-align: center;
  line-height: 50px;
  color: #4a4a4a;
  font-size: 28px;
  padding-top:40px;
}
.customer-service .service-small-title{
  width:100%;
  text-align: center;
  line-height: 20px;
  color: #4a4a4a;
  font-size: 14px;
}
.customer-service ul{
  width:1200px;
  margin:50px auto 0;
  /*padding:0 40px;*/
}
.customer-service ul li{
  width:340px;
  height:350px;
  background: #F0F0F0;
  border:2px solid #fff;
  float: left;
  cursor: pointer;
}
.customer-service ul li:hover{
  box-shadow: 0 2px 5px 0 rgba(80,78,78,0.19);
}
.customer-service ul li:nth-child(3n+2){
 margin:0 90px;
}
.customer-service ul li .pic{
  width:336px;
  height:230px;
}
.customer-service ul li .pic img{
  width:100%;
}
.customer-service ul li .ico{
  width:96px;
  height:96px;
  margin:-48px auto 0;
}
.customer-service ul li .txt{
  width:100%;
  height:60px;
  line-height: 60px;
  font-size: 18px;
  color: #4a4a4a;
  text-align: center
}
.product-title{
  width:100%;
  font-size:28px;
  color:#4a4a4a;
  padding-top:10px;
  text-align: center
}
.small-txt{
  font-size: 14px;
  padding:15px 0 0;
  line-height: 20px;
}

/*	-----------首页二级菜单样式------------------ */

.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,.8);
	z-index: 100;
	display: none;
	top: 0;
	left: 0; 
}


.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}

.reveal-modal .close-reveal-modal {
	font-size: 55px;
	line-height: .5;
	position: absolute;
	top: 8px;
	right: 11px;
	color: #2e62ff;
	text-shadow: 0 -1px 1px rbga(0,0,0,.6);
	font-weight: 100;
	cursor: pointer;
} 

/*首页-热销产品-左右转动效果CSS*/
.ck-slide { width: 1200px; height: 597px; margin: 0 auto;}
.ck-slide ul.ck-slide-wrapper { height: 597px;}

.main-slide{height: 647px;}
img {
	border: 0;
}
.ck-slide ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.ck-slide {
	position: relative;
	overflow: hidden;
}
.ck-slide ul.ck-slide-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	margin: 0;
	padding: 0;
}
.ck-slide ul.ck-slide-wrapper li {
	position: absolute; margin-top:0px;
}
.ck-slide ul.ck-slide-wrapper li a{
	/*a标签是行内元素，，，，，，宽高对a标签不起作用，，，，，，这里必需添加line-height:0px;display:black，，，，，，不然笔直转动<li>之间会泛起距离*/
	line-height:0px;
	display:block;
}
.ck-slide .ck-prev, .ck-slide .ck-next {
	position: absolute;
	top: 50%;
	z-index: 2;
	width: 35px;
	height: 70px;
	margin-top: -35px;
	border-radius: 3px;
	opacity: .15;
	background: red;
	text-indent: -9999px;
	background-repeat: no-repeat;
	transition: opacity .2s linear 0s;
}
.ck-slide .ck-prev {
	left: 5px;
	background: url(/cms-js/images/arrow-left.png) #000 50% no-repeat;
}
.ck-slide .ck-next {
	right: 5px;
	background: url(/cms-js/images/arrow-right.png) #000 50% no-repeat;
}
.ck-slidebox {
	position: absolute;
	left: 50%;
	bottom: 22px;
	z-index: 30;
}
.ck-slidebox ul {
	height: 20px;
	padding: 0 4px;
	border-radius: 8px;
	/*background: rgba(0,0,0,0.5);*/
}
.ck-slidebox ul li {
	float: left;
	height: 12px;
	margin: 8px 4px;
}
.ck-slidebox ul li em {
	display: block;
	width: 120px;
	height: 4px;
	background-color: #d8d8d8;
	text-indent: -9999px;
	cursor: pointer;
}
.ck-slidebox ul li.current em {
	background-color: #0079c1;
}
.ck-slidebox ul li em:hover {
	background-color: #0079c1;
}


/*首页-banner图切换样式*/
.c-banner{
	width: 100%;
	position: relative;
}
.c-banner img{
	width: 100%;
}
.c-banner .banner ul{
	list-style: none;
	padding-left: 0px;
	margin-bottom: 0px;
}
.c-banner .banner ul li{
	position: absolute;
	display: none;
	opacity: 0;
}
.c-banner .banner ul li:nth-child(1){
	opacity: 1;
	display: block;
}
.c-banner .banner ul li img{
	width: 100%;
	position: absolute;
	top: 0px;
}
.c-banner .banner ul li:first-child img{
	position: relative;
}
.c-banner .nexImg,.c-banner .preImg{
	padding: 25px 10px 25px 10px;
	position: absolute;
	top: 50%;
	margin-top: -53px;
	background: #000000;
	opacity: 0.5;
	border-radius: 5px;
	z-index: 10;
	
}
.c-banner .nexImg:hover,.c-banner .preImg:hover{
	opacity: 0.8;
}
.c-banner .nexImg{
	right: 0px;
}
.c-banner .nexImg img,.c-banner .preImg img{
	
	
}
.c-banner .jumpBtn{
	width: 100%;
	position: absolute;
	bottom: 20%;
	text-align: center;
}
.c-banner .jumpBtn ul{
	margin-bottom: 0px;
	padding: 0px;
	text-align: right;
	padding-right:10%;
}

.c-banner .jumpBtn ul li{
	width: 55px;
	height: 3px;
	display: inline-block;
	background-color: #b6c8d7;
	opacity: 0.9;
	margin-left: 13px;
}
.c-banner .jumpBtn ul li:first-child{
	margin-left: 0px;
}
@media screen and (max-width:768px) {
	.c-banner{
		width: 100%;
		height: 345px;
		overflow: hidden;
	}
	.c-banner .banner ul li img{
		width: 768px;
		height: 345px;
		position: absolute;
		left: 50%;
		margin-left: -384px;
	}
}

/*翻页按钮*/
.clearfix {
	clear: both;
}
.clearfix:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}
.fl {
	float: left;
}

.fr {
	float: right;
}

.pager {
  margin-top:20px;
	width: 100%;
	text-align: left;
	margin-bottom: 30px;
	display: inline-block;
}

.pager a {
	cursor: pointer;
  text-align: center;
}

.pager a,
.pager span {
	/* 按钮内数字 */
	width: 45px;
	height: 40px;
	border: 1px solid #d9d9d9;
	margin-left: -1px;
	color: #595959;
	display: inline-block;
	line-height: 40px;
	float: left;
	font-size: 15px;
	text-decoration: none;
	margin: 0 2px;
	border-radius: 6px;
  text-align: center
}
.pager a:hover,
.pager span:hover {
	border-color: #269ce3;
	color: #269ce3;
	position: relative;
	z-index: 1;
}

.pager span.current {
	background-color: #269ce3;
	color: #fff;
	border-color: #EBEBEB;
	position: relative;
	z-index: 1;
}

.pager .pg-first,
.pager .pg-prev,
.pager .pg-next,
.pager .pg-last {
	background: white url(/cms-js/images/page_bg.jpg)  8px 7px no-repeat;
}

.pager .pg-first:hover,
.pager .pg-prev:hover,
.pager .pg-next:hover,
.pager .pg-last:hover {
	background: white url(../images/page_bg_hover.jpg)  8px 7px no-repeat;
}

.pager .pg-prev,
.pager .pg-prev:hover {
	background-position: 7px -21px;
}

.pager .pg-next,
.pager .pg-next:hover {
	background-position: -21px -21px;
}

.pager .pg-last,
.pager .pg-last:hover {
	background-position: -21px 7px;
}

.pager .pg-prev[disabled='true'],
.pager .pg-prev[disabled='true']:hover {
	cursor: default;
	background-image: url(/cms-js/images/page_bg.jpg);
}

.pager .pg-next[disabled='true'],
.pager .pg-next[disabled='true']:hover {
	cursor: default;
	background-image: url(/cms-js/images/page_bg.jpg);
}

.pager .pg-prev[disabled='true'],
.pager .pg-next[disabled='true'] {
	border-color: #eeeeee;
}

.pager span.els {
	border-color: transparent;
}

.pagerHtmlWrap {
	width: 800px;
	margin: 30px auto;
}

.pagerHtmlWrap .cc_cells {
	width: 100%;
	height: 35px;
	padding: 5px 0;
	border-bottom: 1px #cccccc solid;
}

.pagerHtmlWrap .cc_cells a {
	color: #454545;
	font-size: 14px;
	line-height: 35px;
	text-decoration: none;
}

.pagerHtmlWrap .cc_cells a span {
	display: inline-block;
	width: 25%;
	text-align: left;
	margin: 0;
}

/* 二维码显示隐藏 */
#leftsead a .shows{display:block; cursor: pointer}
#leftsead a .hides{cursor:pointer;cursor:hand;}
#leftsead a.youhui .hides{display:none;position:absolute;right:65px;top:0px;width:150px;max-width: none;}
#leftsead a.youhui .hides2{display:none;position:absolute;right:65px;bottom:10px;width:150px;max-width: none;}

/*banner添加文字方法一*/
.page-banner{
  position: relative;
  width:100%;
}
.page-banner-bg{
  background:rgba(0,0,0,.3);
  position: absolute;
  width:100%;
  top:0;
  z-index: 0;
  height: 100%;
}
.banner-txt1{
  position: absolute;
  top:43%;
  left:20%;
  -webkit-animation:show 1.5s ease-in; 
}
@media screen and (max-width:850px) {
  .qr-code{
        display:none;
  }
  .banner-txt1{
    position: absolute;
    top:15%;
    left:10%;
    -webkit-animation:show 1.5s ease-in; 
  }
  .banner-txt1 h1{
    font-size: 26px;
    color: #333333;
    padding-bottom:20px;
  }
  .banner-txt1 p{
    font-size: 18px;
    color: #333333;
    line-height: 30px;
  }
}
.banner-txt1 h1{
  font-size: 50px;
  color: #333333;
  padding-bottom:40px;
}
.banner-txt1 p{
  font-size: 24px;
  color: #333333;
  line-height: 40px;
}
/*banner添加文字方法二*/
@-webkit-keyframes show2
{
0% {opacity:0;color:#999;}
50% {opacity:0;color:#ccc;}
100% {opacity:1;color:#fff;}
}
.banner-txt2{
  width: 100%;
  position: absolute;
  top:46%;
  left:0%;
  color:#fff;
  font-size: 50px;
  line-height: 40px;
  -webkit-animation:show2 1.5s ease-in; 
  text-align: center;
  z-index: 1
}
@media screen and (max-width:850px) {
  .banner-txt2{
    position: absolute;
    top:30%;
    left:0%;
    -webkit-animation:show2 1.5s ease-in; 
    text-align: center;
    font-size: 21px;
    line-height: 20px;
  }
  .banner-txt2 span{
    font-size: 12px !important;
  }  
  .tf-foot3{
  background:  url(/cms-js/images/copyright-bg4.png) no-repeat 0 0 rgba(37,37,37,1);
  background-size: 100%;
  }
  .mobile-copyright{
  display: block;
  }
}
.index-pro-pic1{
  width:350px;
  height: 237px;
  background: url('/cms-js/images/pro-pic1.png') no-repeat !important;
  background-size: 100% !important;
}
.index-pro-pic2{
  width:350px;
  height: 237px;
  background: url('/cms-js/images/pro-pic2.png') no-repeat !important;
  background-size: 100% !important;
}
.index-pro-pic3{
  width:350px;
  height: 237px;
  background: url('/cms-js/images/pro-pic3.png') no-repeat !important;
  background-size: 100% !important;
}
.index-pro-pic4{
  width:350px;
  height: 237px;
  background: url('/cms-js/images/pro-pic4.png') no-repeat !important;
  background-size: 100% !important;
}
.index-pro-pic5{
  width:350px;
  height: 237px;
  background: url('/cms-js/images/pro-pic5.png') no-repeat !important;
  background-size: 100% !important;
}
.index-pro-pic6{
  width:350px;
  height: 237px;
  background: url('/cms-js/images/pro-pic6.png') no-repeat !important;
  background-size: 100% !important;
}

@media screen and (min-width:1920px) {
  .tf-foot .tf-foot-main {
      width: 84%;
      height: auto;
      margin: 0 auto;
  }
}

/*
Author: David Qin
E-mail: david@hereapp.cn
Date: 2014-11-05
*/

.searchable-select-hide {
  display: none;
}

.searchable-select {
  display: inline-block;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555;
  vertical-align: middle;
  position: relative;
  outline: none;
}

.searchable-select-holder{
  padding: 6px 30px;
  margin-top: 20px;
  background:url('/cms-js/images/xialasanjiao.png') right center no-repeat;
  font-size: 18px;
  background-size: 14%;
  color:#4a4a4a;
  border: 0px solid #ccc;
  min-height: 30px;
}

.searchable-select-caret {
  position: absolute;
  width: 0;
  height: 0;
  box-sizing: border-box;
  border-color: 0 transparent transparent transparent;
  top: 0;
  bottom: 0;
  border-style: solid;
  border-width: 0px;
  margin: auto;
  right: 10px;
}

.searchable-select-dropdown {
  position: absolute;
  background-color: #fff;
  border: 1px solid #ccc;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 4px;
  border-top: none;
  top: 60px;
  left: 0;
  right: 0;
}

.searchable-select-input {
  margin-top: 5px;
  border: 1px solid #ccc;
  outline: none;
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
  width: 100%;
  display: none
}

.searchable-scroll {
  margin-top: 4px;
  position: relative;
}

.searchable-scroll.has-privious {
  padding-top: 16px;
}

.searchable-scroll.has-next {
  padding-bottom: 16px;
}

.searchable-has-privious {
  top: 0;
}

.searchable-has-next {
  bottom: 0;
}

.searchable-has-privious, .searchable-has-next {
  height: 16px;
  left: 0;
  right: 0;
  position: absolute;
  text-align: center;
  z-index: 10;
  background-color: white;
  line-height: 8px;
  cursor: pointer;
}

.searchable-select-items {
  max-height: 400px;
  overflow-y: scroll;
  position: relative;
}

.searchable-select-items::-webkit-scrollbar {
  display: none;
}

.searchable-select-item {
  padding: 10px 5px;
  cursor: pointer;
  min-height: 30px;
  box-sizing: border-box;
    transition: all 1s ease 0s;
}

.searchable-select-item.hover {

  background: #555;
  color: white;
}

.searchable-select-item.selected {
  background: #0079c1;
  color: white;
}
@media screen and (max-width:1366px){
  .header .navbar_nav li a {
      padding: 0 15px;
      font-size: 16px;
  }
}
.foot-pic{
  width:100%;
  margin-top: 30px;
  float: left;
}
.foot-pic img{
  width:100%;
}
@media screen and (max-width:850px){
  .foot-pic{
    width:100%;
    display: none;
  }
  .pro-list-txt {
    height: auto;
    text-align: left;
    font-size: 15px;
    color: #4A4A4A;
    line-height: 25px;
    padding-top: 10px;
    padding-right: 15px;
    padding-left: 15px;
    width: 45%;
    float: left;
  }
  .tf-banner{
    height: 180px;
    top: 52px;
  }

}
.menu-cont-list .erji-more{
  float: right;
  font-size: 13px;
  color:#fff;
  background:#0079C1;
  padding:0px 15px;
  margin-top:18px;
  line-height: 25px;
  height:25px;
  cursor: pointer;
}


@media screen and (min-width:1680px){
  .tf-menu>ul{
    /* margin-left:10%;
   }
 }
@media screen and (min-width:1930px){
  .tf-menu>ul{
    /*margin-left:20%;*/
  }
}
.fa-angle-right{
  color:#0079c1;
  font-weight:normal;
  float:right;
  margin-top:-28px;
  margin-right:10px;
  opacity: 0.5
}


/*首页banner轮播图切换效果css*/

.m-head {
	position: relative;
	z-index: 999;
	width: 100%;
}

.m-head a {
	color: inherit;
	text-decoration: none
}

.m-head .m-head-slider {
	position: absolute;
	top: 0;
	right: 0;
	/*background: url(/cms-js/images/old_site.png) 0 0 no-repeat*/
}

.m-head .m-head-slider a {
	display: block;
	width: 68px;
	height: 76px
}

.m-head .m-head-bar {
	width: 100%;
	height: 36px;
	color: grey;
	background: #000;
	font-size: 12px;
	line-height: 36px;
	text-align: right
}

.m-head .m-head-bar a {
	margin: 0 10px
}

.m-head .m-head-bar a:hover {
	text-decoration: underline
}

.m-head .m-head-bar .c-wrapper {
	padding-right: 60px
}

.m-head .m-head-nav {
	width: 100%;
	height: 72px;
	color: #fff;
	background: #262626;
	background: rgba(0, 0, 0, .8);
	font-size: 14px
}

.m-head .m-head-nav ul {
	padding-right: 50px;
	overflow: hidden
}

.m-head .m-head-nav ul a {
	display: block
}

.m-head .m-head-nav ul li {
	float: left;
	height: 72px;
	line-height: 72px
}

.m-head .m-head-nav ul .m-head-nav-logo {
	margin-right: 50px
}

.m-head .m-head-nav ul .m-head-nav-logo img {
	position: relative;
	top: 12px
}

.m-head .m-head-nav ul .m-head-nav-item {
	border-bottom: 4px solid transparent;
	-webkit-transition: border-color .3s ease;
	transition: border-color .3s ease
}

.m-head .m-head-nav ul .m-head-nav-item a {
	padding: 0 20px
}

.m-head .m-head-nav ul .m-head-nav-item.active {
	color: #1ccfc9
}

.m-head .m-head-nav ul .m-head-nav-item:hover {
	border-bottom-color: #1ccfc9
}

.m-head .m-head-nav ul .m-head-nav-item sup {
	position: relative;
	font-size: 12px;
	top: -6px;
	left: 5px
}

.m-head .m-head-nav ul .m-head-nav-right {
	float: right
}


/*轮播形貌*/

.c-col4 {
	width: 16.66667%;
	float: left;
	box-sizing: border-box;
}

.c-col16 {
	width: 66.66667%;
	float: left;
	box-sizing: border-box;
}

.c-gap-top-small {
	margin-top: 8px;
}

.c-line-clamp {
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.c-gap-top {
	margin-top: 16px;
}

.index-top {
	position: relative;
	width: 100%;
	color: #fff;
}

.index-top a {
	color: inherit;
	text-decoration: none
}

.index-top .index-top-bar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 120px;
	padding: 29px 0;
	background: rgba(0, 0, 0, .35)
}

.index-top .index-top-bar .index-top-news ul {
	font-size: 12px
}

.index-top .index-top-bar .index-top-media .c-icon {
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-size: 25px;
	margin-right: 8px;
	-webkit-transition: color .3s ease;
	transition: color .3s ease
}

.index-top .index-top-bar .index-top-media .c-icon:hover {
	color: #07c7b2
}

.index-top .index-top-bar .index-top-media .c-icon:hover .index-top-media-qrcode {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.index-top .index-top-bar .index-top-media .index-top-media-qrcode {
	position: absolute;
	bottom: 50px;
	left: -44px;
	z-index: 1;
	width: 112px;
	padding-top: 100px;
	font-size: 12px;
	color: #676767;
	text-align: center;
	border-radius: 4px;
	border: 6px solid #fff;
	/*background: #fff url(../images/erweima.png) 0 0 no-repeat;*/
	cursor: default;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: translate3d(0, 5%, 0);
	transform: translate3d(0, 5%, 0);
	-webkit-transition: opacity .3s ease, visibility .3s ease, -webkit-transform .3s ease;
	transition: opacity .3s ease, visibility .3s ease, -webkit-transform .3s ease;
	transition: opacity .3s ease, transform .3s ease, visibility .3s ease;
	transition: opacity .3s ease, transform .3s ease, visibility .3s ease, -webkit-transform .3s ease
}

.index-top .index-top-bar .index-top-media .index-top-media-qrcode:after {
	content: "";
	position: absolute;
	bottom: -16px;
	left: 50%;
	margin-left: -10px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #fff
}

.index-top .index-top-bar .index-top-media .index-top-media-qrcode-alipay {
	background-position: -100px 0
}

.index-top .index-top-bar .index-top-media .index-top-media-qrcode-weibo {
	background-position: -200px 0
}

.index-top .index-top-bar .index-top-media .index-top-media-qrcode-wechat {
	background-position: -300px 0
}


/*轮播*/

.m-carousel {
	position: relative;
	overflow: hidden
}

.m-carousel-list {
	overflow-y: hidden;
	width: 100%;
	height: 100%;
	-webkit-transition: -webkit-transform .3s ease;
	transition: -webkit-transform .3s ease;
	transition: transform .3s ease;
	transition: transform .3s ease, -webkit-transform .3s ease
}

.m-carousel-list li {
	float: left;
	width: 100%;
	height: 100%;
  min-height: 720px;
	padding-bottom: 120px;
	overflow: hidden;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center 0;
	background-size: auto 100%
}

.m-carousel-list li a {
	display: block;
	height: 100%
}

.m-carousel-list .m-carousel-title {
	font-size: 55px;
	font-weight: 700;
	line-height: 108px;
	padding-top: 12%;
  letter-spacing: 18px;
	text-shadow: 0 2px 2px rgba(0, 0, 0, .2)
}

.m-carousel-list .m-carousel-note {
	color: #FFF;
	font-size: 32px;
	text-shadow: 0 2px 2px rgba(0, 0, 0, .2)
}

.m-carousel-list .m-carousel-btn {
	display: inline-block;
	width: 250px;
	height: 56px;
	line-height: 52px;
  font-size: 18px;
	border: 2px solid #fff;
  background: rgba(0, 0, 0, .1);
	margin-top: 80px
}

.c-carousel-dot {
	position: absolute;
	bottom: 130px;
	left: 0;
	width: 100%;
	text-align: center;
  z-index: 1;
}

.c-carousel-dot span {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0 5px;
	border-radius: 6px;
	background: #4d4d4d;
	background: hsla(0, 0%, 100%, .3);
	cursor: pointer;
	-webkit-transition: width .3s ease, background .3s ease;
	transition: width .3s ease, background .3s ease
}

.c-carousel-dot span:hover {
	background: #666;
	background: hsla(0, 0%, 100%, .4)
}

.c-carousel-dot span.active {
	width: 23px;
	background: #d8d8d8;
	cursor: default
}

@media screen and (max-width:1366px){
  .m-carousel-list li {
    height: 100%;
    min-height: 550px;
  }
  
}

table
{
  border-collapse: collapse;
  border: none;
  width: 100%;
}
td
{
  border: solid #ddd 1px;
  line-height: 25px;
  padding:10px 15px;
}
td a,td a:hover
{
  color:#0079c1;
  text-decoration: underline;
}
#goTopBtn{
  width:60px;
  height: 60px;
  padding:10px;
  text-align: center;
  border-radius: 50%;
  position: fixed;
  right:20px;
  bottom:20px;
}

@media screen and (max-width:850px){
  .m-carousel-list .m-carousel-title{
    font-size: 24px;
    line-height: 40px;
    padding-top: 45px;
    letter-spacing: 3px;
  }
  .m-carousel-list .m-carousel-note{
    font-size: 16px;
  }
  .c-carousel-dot{
    top:125px;
    bottom:0;
  }
  #goTopBtn{
    background: rgba(255, 255, 255, .7);
    right:10px;
    bottom:5px;
  }
}

@media screen and (max-width:1640px){
  .search-tel .ico-tel-txt:nth-child(1){
    display: none;
  }
}
@media screen and (max-width:1470px){
  .header .navbar_nav li a {
      padding: 0 15px;
      font-size: 16px;
  }
}
@media screen and (max-width:1300px){
  .header .navbar_nav li a {
      padding: 0 5px;
      font-size: 16px;
  }
}
<!--耗时1760996825.7482秒-->