﻿@charset "utf-8";
/* CSS Document */

html{overflow-y:scroll;height:101%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0; padding:0;}
img{border:none; max-width:100%; height:auto;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
input,button,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,button,textarea,select{font:100% Roboto Condensed,Arial,sans-serif;}
table {border-collapse: collapse; border-spacing:0;}
em{font-style:normal;}
.cls{clear:both; height:0; font-size:0; line-height:0;}
a:link,a:visited,a:hover,a:active{
	 text-decoration:none;
}
a,area { blr:expression(this.onFocus=this.blur()) } /* for IE */
:focus { outline: none; } /* for Firefox */ 

.ew_cls:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.ew_cls{display: inline-block;}
/* Hides from IE-mac */
*html .ew_cls{height:1%;}
.ew_cls{display:block;}
/* End hide from IE-mac */
 

/*----------------------------------reset style end----------------------------------*/
body{font-size:12px; font-family:"Roboto Condensed",Arial; position:relative; top:0px; right:0px; background:#fff;}
p{line-height:150%;}

@font-face {
 font-family:swis;
 src:url(../fonts/swis_font.ttf);
}
.zt_top_fa{ position:relative; z-index:101; background:#fff;}
.zt_top{ width:1000px; margin:0px auto;}
.zt_top_log{ float:left;width:121px;height:80px;}
.zt_top_menu{ float:right; height:20px; line-height:20px; margin-top:35px;color:#333333;}
.zt_top_menu a{ font-size:18px; color:#333333; margin:0px 5px;}
.zt_top_menu a:hover{ color:#2c3079}
.zt_top_menu a.hover{ color:#2c3079}
.zt_banner img{margin-left: 5%; max-width:90%;}
.zt_banner{ position:relative; left:50%; margin-left:-720px; width:1440px; z-index:101;}
.zt_banner_hover{position:absolute; width:1000px; top:164px; left:50%; margin-left:-500px; text-align:center; color:#fff; font-weight:400;}
.zt_banner_hover h1{ font-size:36px; margin-bottom:10px;}
.zt_banner_hover p{ font-size:18px;}
.zt_banner_hover h3{ margin-top:8%;}

.zt_nav{ width:1000px; margin:0px auto;}
.zt_banner_fa{ width:100%; overflow:hidden; position:relative;}
.zt_nav_h1{ font-size:30px; color:#2c3079; font-weight:lighter; float:left;}
.zt_nav .zt_top_menu{ margin-top:8px;}

.zt_bd_bg{ background:#f2f2f2;}


.zt_nav_menu{    border-bottom: 2px red solid; margin:22px 0px; position:fixed; left:0px; top:0px; z-index:100; background:#fff; width:100%; margin:0px auto;   padding:20px 0px;}
.zt_nav_menu_ce{ width:1000px; margin:0px auto;}
.zt_nav_menu .zt_top_menu{ margin-top:0px;}

.zt_nav_d_top{ text-align:center; padding:10px 0;}
.zt_nav_d_top h1{ font-size:36px; margin:20px 0px;}
.zt_nav_d_top p{ font-size:16px; color:#666666; line-height:26px;padding: 0 0 0 10px;}
.zt_nav_d_top p a{color:#666666; }
.zt_nav_d_top p a:hover{ color:#F00;}

.zt_nav_d_bot_1{ width:315px; height:200px; position:relative; margin-bottom:30px;}
.zt_nav_hover{ position:absolute; width:100%; height:100%; background:url(../images/zt/bg.png) repeat left top; left:0px; top:0px; border-radius:5px; overflow:hidden; display:none;}
.zt_nav_hover p{ font-size:16px; margin-top:70px; line-height:28px; text-align:center; color:#fff;}
.zt_nav_d_bot_1 a:hover .zt_nav_hover{ display:block;}

.zt_nav_d_bot_1_fa{ float:left; width:315px;}

.zt_nav_d_bot_1_fa_cen{ float:left;}

.zt_nav_d_bot_2{ width:310px; height:430px; margin:0px 30px;}
.zt_nav_d_bot_2 .zt_nav_hover p{ margin-top:170px;}

.zt_nav_d_pic_list{ overflow:hidden;}
.zt_nav_d_pic_list ul{ width:1100px;}
.zt_nav_d_pic_list ul li{ display:inline-block; text-align:center; margin-right:20px;}
.zt_nav_d_pic_list ul li a{display:block;width:230px;}
.zt_nav_d_pic_list ul li h2{ font-size:18px; color:#333333; margin:16px 0px; height:40px; line-height:20px; overflow:hidden;}
.zt_nav_d_pic_list ul li p{ font-size:14px; color:#666666; height:20px; line-height:20px; overflow:hidden;}
.zt_nav_d_pic_list ul li a:hover h2{ color:#F00;}

.zt_oage{ text-align:right; margin-top:40px;margin-bottom:40px;  padding-right:20px;}
.zt_oage a{ display:inline-block; width:51px; height:35px; margin-left:20px;}
.zt_oage a.zt_pre{ background:url(../images/zt/zt_left.jpg) no-repeat center;}
.zt_oage a.zt_pre:hover{ background:url(../images/zt/zt_left_hover.jpg) no-repeat center;}

.zt_oage a.zt_next{  background:url(../images/zt/zt_right_hover.jpg) no-repeat center;}
.zt_oage a.zt_next:hover{background:url(../images/zt/zt_right.jpg) no-repeat center;}

.zt_case_o_fa{ float:left; width:350px; height:390px;}

.zt_case_o{ position:relative;}
.zt_case_o_hover{ position:absolute; left:0px; bottom:0px; width:100%; padding:10px 0px; background:url(../images/zt/bg_bai.png) repeat left top; font-size:14px; color:#666666; text-align:center;}
.zt_case_o:hover .zt_case_o_hover{ background:url(../images/zt/bg.png)  repeat center; color:#000;}
.zt_case_o:hover .zt_case_o_hover p{ color:#fff;}

.zt_case_o_1{ width:295px; height:180px; margin-bottom:30px;}
.zt_case_o_fa_ce{ float:left; margin:0px 30px;}
.zt_case_o_fa_r{ float:right;}


.zt_lx_r_form p{ margin:10px 0px;}
.zt_lx_r_form input,.zt_lx_r_form textarea,.zt_lx_r_form select{  border:1px solid #cccccc; width:96%; padding:0px 2%; color:#999999; font-size:14px;}
.zt_lx_r_form input{ height:25px; line-height:25px;}
.zt_lx_r_form select{ padding-top:4px; padding-bottom:4px; width:440px;}
.zt_lx_r_form textarea{ height:114px;}

.zt_lx_l{ float:left;}
.zt_lx_r{ float:right; width:440px;}
.zt_lx_r h1{ color:#666666; font-size:14px; margin-bottom:20px;}

.zt_lx_r_form{ margin-bottom:40px;}

.zt_lx_r_form .zt_submit{ width:160px; text-align:center; height:30px; line-height:30px; border:none; background:#e30000; color:#fff;  font-size:14px; cursor:pointer; margin-left:150px;}
.zt_lx_r_form .zt_submit:hover{ opacity:0.7;}


.zt_back_top{ position:fixed; z-index:101; right:20px; bottom:20%;}
.zt_back_top a{ display:inline-block; width:41px; height:41px; background:url(../images/zt/top_bg.png) no-repeat center;}
.zt_back_top a:hover{background:url(../images/zt/top_bg_hover.png) no-repeat center;}


.zt_fixed_menu{ position:fixed; z-index:101; right:20px; bottom:50%;}
.zt_fixed_menu a{ font-weight: bolder;font-size:14px; color:#F90202; font-family:微软雅黑; text-align:right;}
.zt_fixed_menu a strong{ margin-left:10px; font-size:30px; float:right; width:10px; height:12px; background:url(../images/zt/zt_dian.png) no-repeat center; overflow:hidden; text-indent:999; font-size:0px; margin-top:6px;}
.zt_fixed_menu a:hover{ color:#2c3079;}
.zt_fixed_menu a.hover{ color:#2c3079;}

.zt_fixed_menu a:hover strong{ background:url(../images/zt/zt_dian_hover.png) no-repeat center;}
.zt_fixed_menu a.hover strong{ background:url(../images/zt/zt_dian_hover.png) no-repeat center;}
.zt_fixed_menu ul li.hover a{ color:#2c3079;}
.zt_fixed_menu ul li.hover a strong{background:url(../images/zt/zt_dian_hover.png) no-repeat center;}


.zt_fixed_menu ul li{ margin:20px 0px; height:20px; line-height:20px; overflow:hidden; text-align:right;}

.m_ico{ float:right; display:none; width:44px; height:35px; background:url(../images/ew_phone_button.png) no-repeat left top; margin-top:10px; cursor:pointer; margin-top:20px;}
.m_ico.hover{ background:url(../images/ew_phone_button_hover.png) no-repeat left top;}

.menu_down{ text-align:center; box-shadow:0px 0px 2px rgba(204,204,204,0.5) inset; display:none; z-index:999; position:fixed; left:0px; top:70px;  width:100%;  background:#fff;}
.menu_down p{ height:20px; line-height:20px; padding:10px 0px; font-size:16px; border-bottom:1px solid rgba(204,204,204,0.5);}
.menu_down p a{color: #2C3079;}
.menu_down p a:hover{ color:#F00;}


.zt_al{ width:1000px ; margin:0px auto;position:relative;}
#zt_all_id{ width:100%; padding:0px;}
#zt_all_id .zt_al_title,#zt_all_id .zt_al_box{ width:1000px; margin:0px auto;}
#zt_all_id .zt_al_box{ left:50%; margin-left:-500px;}
.zt_al.fixed_hover{ position:fixed; left:0px; top:0px; width:100%; z-index:111;}

.zt_all_id_title{border-bottom: 2px red solid; width:100%; background:#fff;}
.zt_al_title{ padding:30px 0px;}
.zt_al a{ color:#2c3079;}
.zt_al h1{ float:left; font-size:24px; font-weight:bold;}
.zt_al p{ float:right; font-size:18px; font-weight:bold;width:135px;}
.zt_al p img{ vertical-align:middle; margin-left:10px;float: right;margin-top: 7px;}

.zt_al_box{ width:1000px; padding:20px 0px; position:absolute; left:0px; top:84px; display:none;}
.zt_al_box a{width:167px; margin:0px 16px; float:left; text-align:center;}
.zt_al_box a h3{    font-weight: bolder;
    font-size: 14px; color:#333333; line-height:20px; margin:5px 0px;}
.zt_al_box a:hover,.zt_al_box a:hover h3{ color:#e10000}


.zt_al_box1 a{width:117px; margin:0px 12px; float:left; text-align:center;}
.zt_al_box1 a h3{ color:#333333; line-height:20px; margin:5px 0px;}
.zt_al_box1 a:hover{ color:#e10000}



.zt_al_box{ z-index:102; background:#fff;}

.zt_al_xx1{ background:#fff;}
.zt_al_xx1 .zt_nav_d_top,.zt_al_xx2 .zt_nav_d_top{ width:1000px; margin:0px auto;}
.zt_al_xx1 .zt_nav_d_top p{ text-align:left;}

.zt_al_xx2{ background:#f2f2f2;}
.zt_al_xx2 .p1{ margin:20px 0;}

.zt_zt_lr{ float:right;}
.zt_zt_lr p{ display:none;}
.zt_zt_ll{ float:left; width:378px;}
.zt_zt_ll a{padding:15px 2%; width:96%; display:inline-block; text-align:left; font-size:14px; color:#666666; border-bottom:1px solid #d9d9d9;}
.zt_zt_ll a:hover,.zt_zt_ll a.hover{ background:#d9d9d9}


.zt_al_xx3{ text-align:left;}
.zt_al_xx3 .zt_nav_d_top{ width:1000px; margin:0px auto;}
.zt_al_xx3 .zt_nav_d_top h1{ text-align:left;}
.zt_al_xx3 h5{ font-size:16px; color:#666666; text-align:left; margin:10px 0px;}
.zt_al_xx3 h5 strong{ display:inline-block; height:15px; padding:0px 3px; background:#e10000; color:#fff; text-align:center; vertical-align:middle; margin-right:15px; border-radius:20px; font-weight:lighter; float:left; margin-top:5px;}


.zt_banner_fa_hover{position:absolute; left:0px; width:100%; bottom:30px; color:#fff; z-index:101; text-align:center; margin-bottom:20px;}
.zt_banner_fa_hover h1{ font-size:36px; margin-bottom:40px;}
.zt_banner_fa_hover p{ font-size:18px; margin:0px 0px;}


.zt_banner_fa_hover_1{position:absolute; width:1000px; text-align:left; color:#fff; left:50%; margin-left:-500px; top:110px; z-index:102;}
.zt_banner_fa_hover_1 h1{ font-size:36px; margin-bottom:20px;}
.zt_banner_fa_hover_1 p{ font-size:16px; margin-top:60px;}

.zt_banner_box_2{position:absolute; left:50%; margin-left:-500px; text-align:center; color:#fff; z-index:102; top:100px; width:1000px;}
.zt_banner_box_2 h1{ font-size:36px; margin-bottom:20px;}
.zt_banner_box_2 h2{ margin:20px; font-size:18px;}
.zt_banner_box_2 h2 strong{ font-size:30px; color:#df0024;}
.zt_banner_box_2 p{ font-size:18px;}


.zt_lx_l{ width:410px;}
.zt_lx_l tr td{ padding:25px 0px; padding-top:0px; font-size:16px; vertical-align:top;}
.zt_lx_l tr td img{display:block;}
.zt_lx_l tr td span{display:block;padding-top:5px;padding-left:15px;}


@media screen and (max-width:1004px){
	
	.zt_lx_l tr td{text-align:left;}
	#zt_all_id .zt_al_title, #zt_all_id .zt_al_box{ width:96%;}
	#zt_all_id .zt_al_box{ left:0px; margin-left:0px;}
	
	.zt_banner_box_2{ width:100%; left:0px; top:20px; margin-left:0px;}
	.zt_banner_box_2 h1{ font-size:18px;}
	.zt_banner_box_2 h2{ font-size:14px;}
	.zt_banner_box_2 h2 strong{ font-size:18px;}
	.zt_banner_box_2 p{ font-size:13px;}
	
	.zt_banner_fa_hover_1{ width:100%; left:0px; margin-left:0px; top:20px;}
	.zt_banner_fa_hover_1 h1{ font-size:14px; margin-bottom:10px;margin-left:10px;}
	.zt_banner_fa_hover_1 p{ font-size:12px; margin-bottom:0px;padding:0px 10px;}
	
	.zt_banner_fa_hover h1{ font-size:18px;}
	.zt_banner_fa_hover p{ font-size:14px}
	.zt_banner_hover{ width:100%; top:10px; left:0px; margin-left:0px;}
	.zt_banner_hover h1{ font-size:18px; margin-top:10px;}
	.zt_banner_hover h3{ margin-top:5px;}
	.zt_banner_hover p{ font-size:14px;}
 	.zt_al_box{ width:100%; text-align:center;}	
	.zt_al_box a{ display:inline-block; float:none;}
	.zt_top,.zt_nav,.zt_al,.zt_al_xx1 .zt_nav_d_top, .zt_al_xx2 .zt_nav_d_top,.zt_al_xx3 .zt_nav_d_top{ width:96%; padding:0 2%;}	
	.m_ico{ display:block;}
	.zt_top_menu{ display:none;}
	.zt_nav_d_bot{ text-align:center;}
	.zt_nav_d_bot_1_fa,.zt_nav_d_bot_1_fa_cen{ display:inline-block; float:none;}
	
	.zt_zt_ll,.zt_zt_lr{ width:100%;}
	
	
	
	.zt_banner{ width:1200px; margin-left:-600px;}
	.zt_fixed_menu{ display:none;}
	.zt_nav_menu_ce{ width:96%; padding:0 2%; left:0px; top:0px; margin-left:0px;}
	 
	.zt_nav_menu .m_ico{ margin-top:0px;}
	.zt_nav_d_pic,.zt_nav_d_bot,.zt_nav_d_pic_list,.zt_nav_d_pic_list ul,.zt_nav_d_pic_list{ width:100%; text-align:center;}
	.zt_nav_d_pic_list ul li{}
	.zt_case{ text-align:center;}
	.zt_case_o_fa,.zt_case_o_fa_ce,.zt_case_o_fa_r,.zt_case_o_1 { float:none; margin:10px auto; display:inline-block;}
	.zt_lx_l,.zt_lx_r{ width:100%; margin:10px 0px;}
	.zt_lx_r_form select{ width:100%;}
	

}




@media screen and (max-width:720px){
	.zt_al_xx3 h5{ margin:10px 0px;}
	.zt_al_xx3 h5 strong{ margin-bottom:20px;}
	.zt_al_xx3 h5 p{ height:40px; line-height:20px; overflow:hidden;}
	
	.zt_banner_hover{ width:300px; left:50%; margin-left:-150px;}
	.zt_banner_hover h1{ font-size:14px; line-height:20px; margin-bottom:0px;}
	.zt_banner_hover p{font-size:12px; line-height:20px;}
	.zt_banner_hover h3{}
	.zt_banner{ width:640px; margin-left:-320px;}
	.zt_nav_d_bot_1_fa,.zt_nav_d_bot_1_fa_cen{ width:100%;}
	.zt_nav_d_bot_1{ width:100%; height:auto;}
	.zt_nav_d_bot_1 img{ width:100%; height:auto;}
	.zt_nav_hover p{ margin-top:30%;}
	.zt_nav_d_bot_2{ margin:20px 0;}
	
  .zt_nav_d_pic_list ul li img,.zt_case_o_1,.zt_case_o_1 img{ width:100%; height:auto}
	
		
	.zt_al_box{ top:124px;}
	.zt_al_box a{ width:38%;}

}
.fa_table tr td,.fa_table tr th{ padding:8px 8px; text-align:center; font-size:14px;}
.fa_table tr td{ border:1px solid #d9d9d9; color:#333333;}
.fa_table tr th{ background:#999999; color:#fff; font-size:16px; font-weight:lighter;}

.fa_table caption{ font-size:16px; color:#333333; padding:10px 0px; font-weight:bold;}

.round_shade_box{width:1px; height:1px; font-size:0; display:none; _background:white; _border:1px solid #cccccc;}
.round_shade_top{margin:0 12px 0 10px; background:url(image/zxx_round_shade.png) repeat-x -20px -40px; _background:white; zoom:1;}
.round_shade_topleft{width:11px; height:10px; background:url(image/zxx_round_shade.png) no-repeat 0 0; _background:none; float:left; margin-left:-11px; position:relative;}
.round_shade_topright{width:12px; height:10px; background:url(image/zxx_round_shade.png) no-repeat -29px 0; _background:none; float:right; margin-right:-12px; position:relative;}
.round_shade_centerleft{background:url(image/zxx_round_shade.png) no-repeat 0 -1580px; _background:none;}
.round_shade_centerright{background:url(image/zxx_round_shade.png) no-repeat right -80px; _background:none;}
.round_shade_center{font-size:14px; margin:0 12px 0 10px; padding:10px; background:white; letter-spacing:1px; line-height:1.5;}
.round_shade_bottom{margin:0 12px 0 11px; background:url(image/zxx_round_shade.png) repeat-x -20px bottom; _background:white; zoom:1;}
.round_shade_bottomleft{width:11px; height:10px; background:url(image/zxx_round_shade.png) no-repeat 0 -30px; _background:none; float:left; margin-left:-11px; position:relative;}
.round_shade_bottomright{width:12px; height:10px; background:url(image/zxx_round_shade.png) no-repeat -29px -30px; _background:none; float:right; margin-right:-12px; position:relative;}
.round_shade_top:after,.round_shade_bottom:after,.zxx_zoom_box:after{display:block; content:"."; height:0; clear:both; overflow:hidden; visibility:hidden;}
.round_box_close{padding:2px 5px; font-size:12px; color:#ffffff; text-decoration:none; border:1px solid #cccccc; -moz-border-radius:4px; -webkit-border-radius:4px; background:#000000; opacity:0.8; filter:alpha(opacity=80); position:absolute; right:-5px; top:-5px;}
.round_box_close:hover{opacity:0.95; filter:alpha(opacity=95);}

.zxx_zoom_left{width:45%; float:left; margin-top:20px; border-right:1px solid #dddddd;}
.zxx_zoom_left h4{margin:5px 0px 15px 5px; font-size:1.1em;}
.small_pic{display:inline-block; width:48%; height:150px; font-size:120px; text-align:center; *display:inline; zoom:1; vertical-align:middle;}
.small_pic img{padding:3px; background:#ffffff; border:1px solid #cccccc; vertical-align:middle;}
.zxx_zoom_right{width:50%; float:left; margin-top:20px; padding-left:2%;}
.zxx_zoom_right h4{margin:5px 0px; font-size:1.1em;}
.zxx_zoom_right p.zxx_zoom_word{line-height:1.5; font-size:1.05em; letter-spacing:1px; margin:0 0 35px; padding-top:5px;}
