@charset "gb2312";
*{ -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body {font-size: 14px; font-family: "Helvetica Neue", Helvetica, ΢ÈíÑźÚ, мšÃ÷ów, Arial, "Lucida Grande", sans-serif; margin: 0px; padding: 0px; color: #333;}
div,form,img,ul,ol,li,dl,dt,dd,p,input,button,span,h1,h2,h3,h4,h5,h6,label { margin:0; padding:0; border:0;}
ul,ol,li { list-style:none;}
input,select,option,textarea{outline: none;}
i,em { font-style: normal;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
.pr { position: relative;}
.fl { float: left;} .fr { float: right;}
a { color:#333; text-decoration:none;}
a:hover { color:#f00; text-decoration: none;}
.container { width: 1200px; margin: 0px auto;}

/**/
.ban_top {
	width: 100%;
	height: 70px;
	line-height: 70px;
	position: fixed;
	z-index: 1000;
	padding: 0px 50px;
	top: 0px;
	background: #fff;
	box-shadow: 0px 5px 10px rgb(0,0,0,.1);
	}
.ban_top .ban_top_nav {
	max-width: 1170px;
    display: flex;
    justify-content: space-between;
	align-items: center;
	margin: 0px auto;

	}
.ban_top .logo {
	width: 115px;
	height: 55px;
	line-height: 55px;
	background: url(/Specials/zttushuhx/logo2.png) center center no-repeat;
	background-size: contain;
	margin-top: 8px;
	}
.ban_top .logo a {
	display: block;
	height: 55px;
	text-indent: -9999px;
	}
.ban_top .logo img {
    display: inline-block;
	vertical-align: middle;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
/*.ban_top_bg { background: #fff; box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);}
.ban_top_bg .logo { background: url(/Specials/zttushuhx/logo2.png) center center no-repeat!important; background-size: contain!important;}
.ban_top_bg .ban_tit { color: #999;}
.ban_top_bg .ban_nav a { color: #333;}*/

.ban_r{ flex: 1;}
.ban_nav {
	margin-left: 20px;
	display: flex;
	justify-content: space-around;
	padding-top: 10px;
	}
.ban_nav li {
	text-align: center;
	position: relative;
	padding: 0px 10px;
	}
.ban_nav li:hover dl { display: block;}
.ban_nav li dl {
	width: 100%;
	display: none;
	background: #fff;
	border-radius: 0px 0px 5px 5px;
	box-shadow: 0px 5px 10px rgb(0,0,0,.1);
	position: absolute;
	left: 0px;
	top: 48px;
	padding-top: 8px;
	}
.ban_nav li dd a{font-size:13px!important; line-height: 40px!important; color: #333!important;}
.ban_nav li:hover .dir {color: #ffc107;}
.ban_nav li:hover dd a:hover {background: rgb(247, 138, 47, .08); border-bottom: none; color: #ffc107!important;}
.ban_nav li a {
	display: block;
	font-size: 16px;
	padding: 0 5px;
	line-height: 48px;
	position: relative;
	white-space: nowrap;
	color: #333;
	}
.ban_nav li a:hover {color: #ffc107; }
.ban_nav li:first-child a{ color: #ffc107; }
.ban_nav li:nth-child(5) a { color: #f00;}

/***ËÑË÷**/
.searchbox {
	float: right;
	
	padding-top: 15px; 
	display: inline-table;
	}
.searchbox .sx{
	border: 1px solid #ccc;
	border-right: none;
	width: 179px;
    height: 40px;
    line-height: 40px;
    padding: 0 0 0 15px;
	display: inline-block;
	color:#ccc;
	font-size: 14px;
	float: left;
	background: none;
	border-radius: 30px 0px 0px 30px;
	outline: none;
	}
.searchbox .btn {
	float: left;
    height: 40px;
	line-height:40px;
	padding:0px 30px;
	cursor:pointer;
	background: url(/Specials/zttushuhx/search2.png) center center no-repeat;
	border:1px solid #ccc;
	border-left: none;
	border-radius: 0px 30px 30px 0px;
	}

/*banner*/
.banner {
	height: 360px;
	background: url(/Specials/zttushuhx/banner.jpg) center center no-repeat;
	background-size: cover;
	margin-top: 70px;
	}
.banner .container { padding: 80px 0px 60px;}
.banner h3 {
	display: block;
	color: #fff;
	text-align: center;
	font-size: 24px;
	}
.banner h3 font { font-size: 44px; color: #ff0;}
.banner h3 span { color: #f90;}
.banner form {
	display: flex;
	justify-content: space-around;
	padding: 30px 100px;
	}
.banner form input {
	height: 50px;
    line-height: 50px;
    width: 31%;
    display: block;
    padding-left: 20px;
    border-radius: 5px;
    border: 1px solid #eee;
    margin-bottom: 10px;
    font-size: 15px;
}

.banner form .tijiao {
    width: 30%;
    height: 50px;
    line-height: 50px;
    background: #f4aa3d;
    border-radius: 5px;
    color: #fff;
    font-size: 20px;
    border: none;
	cursor: pointer;
}

/**/
.layui h1{
	display: block;
	text-align: center;
	margin: 20px 0px 10px;
	font-weight: normal;
	}
.layui span{float:right;font-size: 16px;
  margin-bottom: 20px;}
.layui span a{color:red;}
.layui-table{
	margin:10px 0;
	background-color:#fff;
	color:#5f5f5f; 
	width: 100%;
	}
table{
	display:table;
	border-collapse:collapse;
	border-spacing:0;
	box-sizing:border-box;
	text-indent:initial;
	border-color:grey;
	}
thead{
	display:table-header-group;
	vertical-align:middle;
	border-color:inherit;
	}
tr{
	display:table-row;
	vertical-align:inherit;
	border-color:inherit;
	}
.layui-table thead tr{background-color:#e8e8e8; }
.layui-table thead tr td { font-weight: bold; font-size: 22px;}
.layui-table td,.layui-table th{
	position:relative;
	padding:9px 15px;
	min-height:20px;
	line-height:30px;
	font-size:18px;
	text-align: center;
	}
tbody{
	display:table-row-group;
	vertical-align:middle;
	border-color:inherit;
	}
.layui-table td,.layui-table th,.layui-table[lay-skin=line],.layui-table[lay-skin=row]{ border: 2px solid #eee;}

.layui-table .se1 { color: #0CF;}
.layui-table .se2 { color: #0041ff;}
.layui-table .se3 { color: #0198bd;}
.layui-table .se4 { color: #6400ff;}
.layui-table .se5 { color: #ff00d2;}
.layui-table .se6 { color: #12bb3f;}
.layui-table .se7 { color: #710e98;}
.layui-table .se8 { color: #919421;}
.layui-table .se9 { color: #7c1dab;}
.layui-table .se10 { color: #ff9b00;}
.layui-table .se11 { color: #1d00ff;}
.layui-table .se12 { color: #068db7;}
.layui-table .se13 { color: #7f35c1;}
.layui-table .se14 { color: #0058ff;}
.layui-table .se15 { color: #fd00ff;}
.layui-table .se16 { color: #1d7520;}
.layui-table .se17 { color: #ce471d;}
.layui-table .se18 { color: #7b5c12;}
.layui-table .se19 { color: #76c38e;}
.layui-table .se20 { color: #34aac7;}
.layui-table .se21 { color: #82412d;}
.layui-table .se22 { color: #b21eec;}
.layui-table .se23 { color: #ff0068;}
.layui-table .se24 { color: #1593c5;}
.layui-table .se25 { color: #10e2a0;}
.layui-table .se26 { color: #0041ff;}
.layui-table .se261 { color: #64b344;}
.layui-table .se27 { color: #c39715;}
.layui-table .se28 { color: #7417c5;}
.layui-table .se29 { color: #0058ff;}
.layui-table .se30 { color: #ad2c16;}
.layui-table .se31 { color: #ff007f;}
.layui-table .se32 { color: #19af87;}
.layui-table .se33 { color: #27cff9;}
.layui-table .se34 { color: #007cff;}
.layui-table .se35 { color: #ff00af;}
.layui-table .se36 { color: #3f6bec;}
.layui-table .se37 { color: #0decbb;}
.layui-table .se38 { color: #71af22;}
.layui-table .se39 { color: #11bbb5;}
.layui-table .se40 { color: #0093ff;}
.layui-table .se41 { color: #8ec526;}
.layui-table .se42 { color: #4d00ff;}
.layui-table .se43 { color: #4f6fb9;}
.layui-table .se44 { color: #a432b7;}
.layui-table .se45 { color: #da9107;}
.layui-table .se46 { color: #2ea2bf;}
.layui-table .se47 { color: #0ed06f;}
.layui-table .se48 { color: #6c10af;}
.layui-table .se49 { color: #0035ff;}
.layui-table .se50 { color: #22b335;}
.layui-table .se51 { color: #ffa700;}
.layui-table .se52 { color: #fd00ff;}
.layui-table .se53 { color: #0f66ec;}
.layui-table .se54 { color: #2b869c;}
.layui-table .se55 { color: #0058ff;}
.layui-table .se56 { color: #af2296;}
.layui-table .se57 { color: #3959b9;}
.layui-table .se58 { color: #33a94d;}
.layui-table .se59 { color: #8c701e;}
.layui-table .se60 { color: #1200ff;}
.layui-table .se61 { color: #ff8f00;}
.layui-table .se62 { color: #0e748e;}
.layui-table .se63 { color: #1ea943;}
.layui-table .se64 { color: #384b79;}
.layui-table .se65 { color: #4d00ff;}
.layui-table .se66 { color: #ff0068;}
.layui-table .se67 { color: #0029ff;}
.layui-table .se68 { color: #23a928;}
.layui-table .se69 { color: #ff00d2;}
.layui-table .se70 { color: #0064ff;}
.layui-table .se71 { color: #24bb76;}
.layui-table .se72 { color: #0070ff;}
.layui-table .se73 { color: #ff008b;}
.layui-table .se74 { color: #3cb181;}
.layui-table .se75 { color: #56ca42;}
.layui-table .se76 { color: #1b45e6;}
.layui-table .se77 { color: #c50d25;}
.layui-table .se78 { color: #18690f;}
.layui-table .se79 { color: #1b34b3;}
.layui-table .se80 { color: #2eb19a;}
.layui-table .se81 { color: #0f64d2;}
.layui-table .se82 { color: #b600ff;}
.layui-table .se83 { color: #22b55e;}
.layui-table .se84 { color: #ffb300;}
.layui-table .se85 { color: #1d00ff;}
.layui-table .se86 { color: #ff0097;}
.layui-table .se87 { color: #00ff68;}
.layui-table .se88 { color: #1c6ce8;}
.layui-table .se89 { color: #be1ada;}
.layui-table .se90 { color: #004cff;}
.layui-table .se91 { color: #13b328;}
.layui-table .se92 { color: #7000ff;}
.layui-table .se93 { color: #ff008b;}
.layui-table .se94 { color: #0058ff;}
.layui-table .se95 { color: #1bb987;}
.layui-table .se96 { color: #b56612;}
.layui-table .se97 { color: #3f6fad;}
.layui-table .se98 { color: #a73097;}
.layui-table .se99 { color: #2499b5;}
.layui-table .se100 { color: #0029ff;}
.layui-table .se101 { color: #2bc1b5;}
.layui-table .se102 { color: #0a49bf;}
.layui-table .se103 { color: #ff005c;}
.layui-table .se104 { color: #43368a;}
.layui-table .se105 { color: #248027;}
.layui-table .se106 { color: #073db9;}
.layui-table .se107 { color: #ff00f5;}
.layui-table .se108 { color: #bd1818;}
.layui-table .se109 { color: #41b16f;}
.layui-table .se110 { color: #4d00ff;}
.layui-table .se111 { color: #ff00d2;}
.layui-table .se112 { color: #ff9900;}
.layui-table .se113 { color: #0198a0;}
.layui-table .se114 { color: #f00;}
.layui-table .se115 { color: #0029ff;}
.layui-table .se116 { color: #ff0068;}


/**/
.hx_flex {
	position: fixed;
	width: 50px;
	background: linear-gradient(320deg, #eaab4e, #397be9);
	box-shadow: 5px 5px 15px rgb(0,0,0,.15);
	border-radius: 30px;
	left: 0px;
	top: 30%;
	font-size: 18px;
	}
.hx_flex:hover {
	background: #397be9;
	}
.hx_flex a {
	display: block;
	text-align: center;
	padding: 25px 10px;
	color:#fff;
	text-decoration:none;
	}

.gotop{
	position: fixed;
	bottom: 60px;
	right: 20px;
	width: 40px;
	height: 40px;
	background: url(/Specials/zttushuhx/top.png) center center no-repeat;
	background-size: contain;
	opacity: .6;
	z-index: 4;
	display: none;
	cursor: pointer;
	}

.cumb { padding: 10px 10px;}
.cumb .triangle-right { width: 0; height: 0; border-top: 5px solid transparent; border-left: 8px solid #18210e; border-bottom: 5px solid transparent; float: left; margin: 4px 8px auto auto; }
.cumb h1 { display: inline; font-size: 12px; }


/*footer*/
.index-footer{width: 100%;padding: 20px 0; background-color: #2a363c;}
.index-footer .fd-con p{font-size: 14px;color: #fff;text-align: center}
.index-footer .fd-con p a{font-size: 14px;color: #fff;text-align: center}
.index-footer .fd-con p a:hover{color: #f66582;text-decoration: none;}
/*end */

 
 
/*Òƶ¯¶Ë*/
@media (max-width:980px) {
	.container { width: 100%;}
	.ban_top { padding: 0px 0px;}
	.ban_nav li { padding: 0px 5px;}
	.ban_nav li a { font-size: 14px;}
	.layui { padding: 0px 20px;}
	.index-footer { padding: 20px 20px;}
	.banner { height: 240px;}
	.banner .container { padding: 30px 0px;}
	.searchbox { display: none;}
	.hx_flex { font-size: 14px; width: 35px;}
	.banner form { padding: 30px 30px;}
}
@media (max-width:640px) {
	.banner { height: auto;}
	.banner h3 { font-size: 14px;}
	.banner h3 font { font-size: 20px;}
	.banner form { display: block; padding: 20px 50px 0;}
	.banner form input { width: 100%; height:34px; line-height: 34px; font-size: 13px;}
	.banner form .tijiao { width: 100%; height: 34px; line-height: 34px; font-size: 16px;}
	.ban_r { width: 80%;}
	.cumb { font-size: 12px;}
	.ban_nav { flex-wrap: wrap; justify-content: flex-start; margin-left: 0px;}
	.ban_nav li a { font-size: 12px; line-height: 24px; padding: 0px 0px;}
	.ban_top .logo { height: 35px; line-height: 35px; width: 70px;}
	.ban_nav li dd a { font-size: 12px!important; line-height: 30px!important;}
	.ban_nav li dl { top: 24px; z-index: 999; padding-top: 0px;}
	.layui h1 { font-size: 24px;}
	.layui-table thead tr td { font-size: 16px;}
	.layui-table td, .layui-table th { font-size: 14px; line-height: inherit;}
	.pop_l {display:none;}
	}
@media (max-width:375px){
	.ban_nav { margin-left: 0px;}
	.banner h3 { font-size: 12px;}
	.layui h1 { font-size: 22px;}
	}
@media (min-width:100px) and (max-width:320px) {
	.ban_nav li { padding: 0px 5px;}
	.ban_nav { padding-top: 0px;}
	.layui h1{ font-size: 18px;}
}


.pop_l {
	position: fixed;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	}
.pop_l ul {
	border-radius: 8px;
	width: 80px;
	
	}
.pop_l ul li {
	display: block;
	text-align: center;
	font-size: 15px;
	position: relative;
	margin-bottom: 10px;
	background: #2188b7;
	line-height: 18px;
	box-shadow: 0px 0px 10px #ddd;
	}
.pop_l ul li:hover { background: #1781b1}
.pop_l ul li:first-child { background: none; box-shadow: none;}
.pop_l ul li:first-child img{ max-width: 100%; }
.pop_l ul li a {
	display: block;
	height: 100%;
	padding: 10px 20px;
	color: #fff;
	}
.pop_l ul li:last-child { border-bottom: none;}
.pop_l ul li p {
	position: absolute;
	display: none;
	width: 125px;
	top: 0px;
	right: 85px;
	padding: 5px 5px;
	font-size: 13px;
	border: 1px solid #ddd;
	line-height: 18px;
	background: #fff;
	}
.pop_l ul li p img {
	display: block;
	max-width: 100%;
	}
.pop_l ul li:hover p { display: block;}