@charset "gb2312";
a{ color:#333; text-decoration:none;}
a:hover{ color:#E50112; text-decoration:underline;}
img{ border:0px;}
ul,li,h1,p,h2{ margin:0px; padding:0px; list-style:none; font-weight:normal}
input{font-family:"Microsoft Yahei";}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color:#333;
	text-align:center;
	font-family:"Microsoft Yahei";
	font-size:16px
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: inherit | grayscale
}
.fl{ float:left;}
.fr{ float:right;}
/*top*/
.m_top,.g-ft{ display:none;}
.top{ width:100%; float:left; padding-top:15px; text-align:right; font-size:12px;}
.container{width:100%; max-width:1260px;height:auto; margin:0 auto; text-align:left;}
.containers{width:100%; max-width:1260px;height:auto; margin:0 auto; text-align:left;}
.top a{ padding-left:12px; padding-right:12px;}
.head{ width:100%; float:left; background:url(/web/20220328020116im_/http://tjzyhd.com/tjzyhd/images/topbg.jpg) top center; background-repeat:no-repeat; padding-bottom:0px;}
.head .tel{ padding-top:10px;padding-bottom:10px;}
.topbar_r_wx{ float:right; position:relative;z-index:2000;padding-left:12px;}
.topbar_r_wx div{ position:absolute; z-index:20; display:none; }
.topbar_r_wx:hover{ cursor:pointer; color:#D71317}
.topbar_r_wx:hover div{ display:block; top:32px; right:-20px; z-index:2000}

#nav{ width:100%; height:60px;float:left; background:#153F8F;}  
#nav .kuandu { 	width: 1260px;margin-right: auto;margin-left: auto; }
#nav ul{list-style: none;}  
#nav ul li{ float:left; line-height:60px; text-align:center; position:relative;}  
#nav ul li a{ text-decoration:none; color:#000; display:block;padding:0px 55px; color:#FFF;}  
#nav ul li a:hover{ color:#FFF; background:#333}  
#nav ul li ul{ position:absolute; display:none; background-color:#CCC; z-index:9999;}  
#nav ul li ul li{ float:none; line-height:50px; text-align:left;}  
#nav ul li ul li a{ width:100%; color:#000;padding:0px 0px; text-align:center;line-height:56px;}  
#nav ul li ul li a:hover{ background-color:#06f;}  
#nav ul li:hover ul{ display:block}  

.wap-menu {
    float: right;
    background: none;
    border: 1px solid #333;
    padding: 5px 8px;
    display: none;
}
.wap-menu span {
    display: block;
    width: 20px;
    height: 2px;
    background: #333333;
    margin: 4px 0;
}
.nav-row{
    border-top: 1px solid #ddd;  
    height: 56px;
	background: #055aae;
}
.nav-row li{
    float: left;
    position: relative;
}
.nav-row li.current_page_item > a,.nav-row li.current-menu-item > a{
    background: #055aae;
    color: #ffffff;
}
.nav-row li > a{
    font-size: 16px;
    font-weight: bold;
    line-height: 56px;
    padding:0 40px;
    display: block;  
    color: #333333;
}
.nav-row li:after{
    content: '';
    width: 1px;
    height: 16px;
    display: block;
    position: absolute;
    background: #dddddd;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.nav-row li.current_page_item:after,.nav-row li.current-menu-item:after{
    display: none;
}
.nav-row li:last-child:after{
    display: none;
}
.nav-row li ul{
    position: absolute;
    display: none;
    top: 56px;
    width: 100%;
    background: #fff;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
.nav-row li ul li a{
    line-height: 40px;
    color: #666666;
    font-size: 15px;
}
.nav-row li ul li a:hover{color: #055aae;font-weight: bold;background: none}
.nav-row li:hover ul{
    display: block;
}
.nav-row li:hover > a{
    background: #055aae;
    color: #ffffff;
}
.nav-row li:hover:after{
    display: none;
}

.nav-row .nav-box { width:300px; background-color:#666;}
.nav-row .nav-box ul { background-color:#00F;}
.nav-row .nav-box li { width:300px;}

/*banner*/
.banner{ width:100%; height:450px;float:left; text-align:center;}
.mbanner{ width:100%; height:450px;float:left; text-align:center; display:none;}
.fullSlide {width:100%;position:relative;height:450px;z-index:5;}
.fullSlide .bd {margin:0 auto;position:relative;overflow:hidden;}
.fullSlide .bd ul {width:100% !important; list-style:none; margin:0px;}
.fullSlide .bd li {width:100% !important;	height:450px;overflow:hidden;text-align:center;}
.fullSlide .bd li a {display:block;height:450px;}
.fullSlide .hd {width:100%;position:absolute;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:55px;height:10px;margin:1px;overflow:hidden;background:#000;line-height:999px;}
.fullSlide .hd ul .on {background:#F00418;}

.search{ width:100%; float:left; height:60px; background:#EFEFEF;}
.keys{ float:left; line-height:60px; font-size:14px;}
.keys a{ color:#666666;}
.sear{ float:right; padding-top:16px;}
.sear .s{ width:298px; height:28px; background:#fff;border-radius:25px; padding-left:16px;
-moz-border-radius:25px; /* Old Firefox */}
.input{ float:left;}
.input input{ width:250px;border:none; line-height:26px;}
.btn{ float:left; padding-top:5px;}
/*about*/
.about{ width:100%; float:left; padding-top:28px;}
.a_tit{ width:25.5%; float:left; background:url(/web/20220328020116im_/http://tjzyhd.com/tjzyhd/images/titbg.jpg); background-repeat:no-repeat;padding-top:97px; color:#D71318; font-weight:bold; font-size:40px; padding-left:5.5%; height:178px;}
.a_tit span{ font-weight:100; color:#676767; font-family:Arial, Helvetica, sans-serif;}
.a_con{ width:40.7%; float:left; padding-right:2%; padding-left:1%; line-height:200%; padding-top:53px;}
.a_con a{ float:right; width:120px; line-height:36px; text-align:center; color:#fff; background:#D71318}
.a_img{ width:25.3%; float:right;}
/*product*/
.product{ width:100%; float:left; background:#EFEFEF; padding-top:60px; padding-bottom:70px;}
.pro_class{ width:22%; float:left; padding-right:1%;}
.pro_con{ width:77%; float:left;}
.pro_class .class{ width:100%; float:left;margin-bottom:2px; font-size:18px;}
.pro_class .class a{ width:80%; float:left; background:#fff; line-height:60px; padding-left:20%}
.pro_class .class a:hover{ background:url(/web/20220328020116im_/http://tjzyhd.com/tjzyhd/images/classbg.jpg) top right; color:#fff;}
.pro_class .class a.on{background:url(/web/20220328020116im_/http://tjzyhd.com/tjzyhd/images/classbg.jpg) top right; color:#fff;}
.pro{ width:32.8333%; float:left; background:#fff; margin-right:0.5%; height:338px; margin-bottom:3px; text-align:center;}
.pro img{ padding:8%; width:84%; padding-bottom:3%; padding-top:3%; height:250px; padding-bottom:25px;}
.contact{ line-height:30px; padding:30px;}
.contact span{ line-height:30px; padding:30px;}
/*why*/
.why{ width:100%; float:left; padding-top:45px;}
.why_tit{ width:100%; float:left;text-align:center; line-height:150%;}
.why_tit dd{ font-size:35px; padding-bottom:19px;}
.why_tit p{ color:#666;}

.y_con{ width:100%; height:auto; float:left; padding-top:40px;}
.y_item{ width:49%; height:175px; float:left; padding-right:2%; margin-bottom:65px;}
.y_items{ width:49%; height:175px; float:left; padding-right:0%; margin-bottom:65px;}

.y_img{ width:30.7%;}
.y_txt{ width:62.6%; height:151px; padding-top:20px; padding-left:3%; padding-right:3%;-webkit-transition: all 0.3s;
transition: all 0.3s;}
.y_txt p{ line-height:200%; padding-top:5px;}

/*who*/
.who{ width:100%; float:left; background:url(/web/20220328020116im_/http://tjzyhd.com/tjzyhd/images/whobg.jpg) top center; padding-top:55px; padding-bottom:45px;}
.who_img{ float:left; padding-right:3%; width:45%;}
.who_con{ width:50%;float:right; color:#CCCCCC; line-height:200%;}
.who_con dd{ color:#fff; font-size:35px; padding-bottom:15px;}
.who_con p a{ color:#fff;}

/*news*/
.news{ width:100%; float:left; margin-top:15px; background:url(/web/20220328020116im_/http://tjzyhd.com/tjzyhd/images/titbg.jpg) top center; background-repeat:no-repeat; padding-top:52px;}
.n_tit{ width:100%; float:left; text-align:center;}
.n_tit dd{ padding-bottom:10px;font-size:35px;}
.n_tit span{ font-size:40px; color:#676767; }
.n_con{ width:100%; float:left; padding-top:40px;}
.n_con .n_list{ width:47%; float:left; padding-right:3%; padding-bottom:35px;}
.n_con .n_list .n_date{ width:65px; height:70px; float:left; background:#DD0713; color:#fff; text-align:center; margin-right:20px; font-size:14px; padding-top:5px; padding-left:3px; padding-right:3px;}
.n_con .n_list .n_tits{ color:#666;}
.n_con .n_list .n_tits dd{ color:#333; padding-bottom:5px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical }
.n_con .n_list .n_tits p{ line-height:150%;}

.pagefoot{ width:100%; float:left; background:#3B3F4A; padding-top:30px; padding-bottom:40px;color:#C5C6C9;}
.p_logo{ float:left; border-right:1px solid #272A34; padding-right:50px; height:175px; padding-top:13px;}
.p_weixin{ float:left; border-left:1px solid #4E5362; border-right:1px solid #272A34;padding-left:60px; padding-right:60px; padding-top:20px; height:168px; text-align:center;  font-size:14px;}
.p_weixin img{ width:100px; height:100px; border:1px solid #153F8F; padding:3px; background:#C5C6C9; margin-bottom:6px;}
.p_add{float:left; border-left:1px solid #4E5362; border-right:1px solid #272A34;padding-left:45px; padding-right:45px; padding-top:15px; height:173px;}
.p_add h1{ padding-bottom:13px; font-weight:bold; font-size:16px;}
.p_add p{ font-size:14px; line-height:200%;}

.p_adds{float:left; border-left:1px solid #4E5362;padding-left:45px; padding-right:45px; padding-top:15px; height:173px;}
.p_adds h1{ padding-bottom:13px; font-weight:bold; font-size:16px;}
.p_adds p{ font-size:14px; line-height:200%;}

.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }

.pagebot{ width:100%; float:left; background:#153F8F; line-height:50px; color:#C5C6C9; font-size:14px;}
.pagebot a{color:#C5C6C9;}
.friendlink{ width:100%; float:left; font-size:12px; color:#999999; line-height:150%; padding-top:6px; padding-bottom:6px;}
.friendlink a{ color:#999;}
.fnt20{ font-size:20px;}
.fnt30{ font-size:30px;}
.color_666{ color:#666;}
@media(max-width:480px){
body{ font-size:14px;}
h1,h2{ font-size:16px;}
.top,.head,.navs,.banner,.keys,.pagefoot,.friendlink{ display:none;}
.mbanner{ width:100%; height:450px;}
.mbanner img{ width:100%; height:450px;}
.m_top,.g-ft{ display:block;}
.m_top{width:100%; height:auto;float:left; padding-top:10px; padding-bottom:10px; border-bottom:2px solid #007FCC;}
.m_top_l{ float:left; padding-left:0px;}
.m_top_l img{ max-width:100%;}
.m_top_r{ float:right;padding-left:5px;}
.wz_pc { display:none;}
#navbar {
  max-width: 1000px;
  margin: 0 auto;
  padding-top:22px;
  padding-right:10px;
}

.menubtn {
  position: relative; 
  z-index: 101;
  color: #274a61;
  text-decoration: none;
  font-size: 0em;
  line-height: 0em;
  top: 2px;
  padding: 13px 6px;
  background-image: url('/web/20220328020116im_/http://tjzyhd.com/tjzyhd/images/hamburger.png');
  background-position: 50% 50%;
  background-size: 26px 12px;
  background-repeat: no-repeat;
}
.menubtn:hover, .openmenu .menubtn {
  color: #bdd43e;
  background-image: url('/web/20220328020116im_/http://tjzyhd.com/tjzyhd/images/hamburger-active.png');
}

/** toggle menu **/
body.openmenu {
  position: fixed;
  overflow: hidden;
}

.overlay {
  position: fixed;
  z-index: 99;
  background-color: rgba(0,0,0,0.5);
  bottom: 0;
  right: 0;
  left: 0;
}

.openmenu .overlay {
  top: 0;
}

#hamburgermenu {
  height: 100%;
  width: 0;
  background: #eaeaea;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 101;
  overflow: hidden;
  -webkit-box-shadow: 3px 0 7px rgba(0,0,0,0.55);
  -moz-box-shadow: 3px 0 7px rgba(0,0,0,0.55);
  box-shadow: 3px 0 7px rgba(0,0,0,0.55);
}
#hamburgermenu ul {
  margin-top: 45px;
  z-index: 101;
  overflow-y: auto;
  overflow-x: hidden;
}
#hamburgermenu ul li {
  display: block;
  width:100%; 
  float:left;
  padding-left:5%; padding-right:5%;
}
#hamburgermenu ul li a {
  display: block;
  text-decoration: none;
  background:#D71318;
  line-height:45px;
  color:#fff;
  margin-bottom:5px;
}
#hamburgermenu li a:hover {
  color: #fff;
  background: #ccc;
}
.m_top_m{ float:right; padding-right:10px;color:#E96C32; font-size:14px; font-weight:bold; background:url(/web/20220328020116im_/http://tjzyhd.com/tjzyhd/images/tele.png) left center; padding-left:15px; background-repeat:no-repeat; margin-top:12px; line-height:20px; display:none;}
.about,.product,.why,.who,.news,.pagebot{ width:96%; padding-left:2%; padding-right:2%; padding-top:8px; padding-bottom:8px;}
.a_tit{ width:100%;padding-top:0px;font-size:20px; padding-left:0; height:auto;}
.a_con{ width:100%;padding-right:0%; padding-left:0%;padding-top:10px;}
.a_img{ width:100%; float:left; text-align:center; padding-top:10px;}
.pro_class{ width:100%; float:left; padding-right:0%;}
.pro_con{ width:100%; float:left; padding-top:30px;}
.pro_class .class{ width:49%;margin-bottom:2px;margin-right:2px; font-size:13px;}
.pro_class .class a:hover{ background:#D71318;}
.pro_class .class a.on{background:#D71318;}
.why{ padding-top:30px;}
.why_tit dd{ font-size:23px; padding-bottom:19px;}
.y_item{ width:100%; height:auto; padding-right:0%; margin-bottom:25px;}
.y_items{ width:100%; height:auto; padding-right:0%; margin-bottom:25px;}
.y_txt{ height:auto; padding-top:10px;}
.y_img img{ height:auto;}
.y_txt h1{ font-weight:bold;}
.fnt20{ font-size:16px;}
.who_img{ padding-right:0%; width:100%;}
.who_img img{ width:100%;}
.who_con{ width:100%;}
.who_con dd{ color:#fff; font-size:20px; padding-bottom:15px;}
.n_tit dd{ font-size:20px;}
.n_tit span{ font-size:18px;}
.n_con .n_list{ width:100%; float:left; padding-right:0%; padding-bottom:15px;}
.pagebot{ font-size:11px; padding-bottom:70px;}
.g-ft{height:auto;position:relative;text-align:center;z-index: 1; width:100%; float:left;}

.pro{ width:49%; float:left; background:#fff; margin-right:0.5%; height:200px; margin-bottom:3px; text-align:center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.pro img{ padding:8%; width:84%; padding-bottom:3%; padding-top:3%; height:140px; padding-bottom:25px;}

.social_nav5{position:fixed;bottom:0;min-width:320px;max-width:640px;width:100%;z-index:999;background:#666; top center no-repeat; border-top:1px solid #fff;}
.social_nav5 li{width:25%; float:left; text-align:center; color:#fff;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; position:relative;}
.social_nav5 li:nth-child(2){position:relative;}
.social_nav5 li em{ width:28.75%; display:block; margin:0 auto; padding:0.55rem 0 0;}
.social_nav5 li em img{ width:100%;}
.social_nav5 li a{font-size:14px;line-height:192%; color:#fff;}
.contact{ line-height:30px; padding:30px; display:none;}
}


/*
     FILE ARCHIVED ON 02:01:16 Mar 28, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 07:51:22 Jun 18, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 0.302
  load_resource: 125.873
  PetaboxLoader3.resolve: 72.36
  PetaboxLoader3.datanode: 8.658
*/