/*---------- global ---------*/
body{ width:100%; height:100%; font:normal 100%; font-family:"微软雅黑"; margin:0 auto;}
h3{ padding:0; margin:0; font-weight:normal;}
*{ padding:0px;margin:0px;}
img{ border:none;}
a{ color:#323232;text-decoration:none;}
a:hover{ color:#ffffff;text-decoration:none;}
ul,li{ list-style:none;}
.c_f{ clear:both;}
.f_l{ float:left;}
.f_r{ float:right;}
.w{ width:100%; margin:0 auto;}
.cont{ width:90%; margin:0 auto;}
.t_c{ text-align:center;}
.bg1{ float:left; width:10%; background:#e00000; display:block; padding-top:4%; padding-bottom:4%; padding-right:6%; text-align:right; color:#FFFFFF; font-size: 1.2em; }
.bg11{ float:left; width:8%; background:#e00000; display:block; padding-top:5%; padding-bottom:5%; text-align:center; color:#FFFFFF; font-size: 1.2em; padding-left:1%; padding-right:1%;}
.bg2{ float:left; width:80%; background:#f8f8f8; display:block; padding-top:3.8%; padding-bottom:3.8%; padding-left:5%; padding-right:5%; color:#666666;}
.bg3{ background:#e31818; padding:1.2% 1.8% 1.2% 1.8%; color:#fff; text-align:center;}
.bg3 a { color:#fff;}
.bg3 a:hover{ color:#fff;}
.bg4{ background:#f8f8f8; padding:2%; width:96%;}
.bg5{ background:#e31818; }
.bg6{ background:#f9f9f9; padding:1.2%;}
.bg7{ background:#f7f7f7; padding:1.5%;}
.bg8{ background:#8b8b8b; padding:1.2% 1.8% 1.2% 1.8%; color:#fff;}
.bg8 a { color:#fff;}
.bg8 a:hover{ color:#fff;}
.bg9{ background:#e31818; padding:1.5% 2.3% 1.5% 2.3%; color:#fff;}
.bg9 a { color:#fff;}
.bg9 a:hover{ color:#fff;}
.bg10{ background-color:#f7f7f7;}
.w20{ width:16%;}
.w32{ width:32%;}
.w33{ width:33%;}
.w40{ width:20%; margin-left:auto; margin-right:auto;}
.w44{ width:44%;}
.w46{ width:47%;}
.w48{ width:48%;}
.w49{ width:49%;}
.w{ width:100%;}
.ml1{ margin-left:0.2%;}
.ml2{ margin-left:2%;}
.mt1{ margin-top:1%;}
.mt2{ margin-top:2%;}
.mt3{ margin-top:3%;}
.mt4{ margin-top:4%;}
.mt5{ margin-top:5%;}
.mt13{ margin-top:13%;}
.fs12{font-size:0.75em;}
.fs14{ font-size:1.2em;}
.fs20{ font-size:1.25em;}
.bm{ border-bottom:#d1d1d1 1px solid;padding-bottom:2%;}
.border{ border:#ffffff 1px solid;}
/*---------- head ---------*/
header { width:100%; margin:0 auto; border-top:#e31818 2px solid; height:2em; background-color:#fff; height:100px;}
header nav {  font-size: 1em; width:100%; padding-top:4%;}
header nav ul {  width:100%;}
header nav ul li { float:left; width:30%; margin-left:3%; text-align:center;}
header nav ul li  a {  height:2em; line-height:2em; display:block; }
header nav ul li  a:hover{ background:#f1f1f1; border-bottom:#e31818 2px solid; color:#323232; }
header .logo{  margin-top:1%; width:20%; }
header .link{ width:30%; float:left; font-size:0.75em; padding-top:4%; margin-left:8%;}
/*---------- banner ---------*/
.pro{ background:#e9e9e9;}
.pro ul{ float:left; width:100%; }
.pro li{ float:left; width:30%; text-align:center;}
.pro li a { display:block; padding-top:8%; padding-bottom:8%;}
.pro li a:hover{ background:#e52c2c; color:#fff;}
.pro2{ background:#ffffff;}
.pro2 ul{ float:left; width:100%; }
.pro2 li{ float:left; width:30%; text-align:center;}
.pro2 li a { display:block; padding-top:8%; padding-bottom:8%;}
.pro2 li a:hover{ background:#e52c2c; color:#fff;}
.case { width:100%;
	height:100%; background:url("../images/casebg.png");filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";  
	-moz-background-size:100% 100%;  
	background-size:100%;  margin-top:4%; padding-bottom:3%;}
.mes p{ color:#666666;}
.mes li{ width:100%; margin-top:2%;}
.mes input{ border:#f4f4f4 2px solid; width:100%; padding-bottom:2%}
.mes textarea{ border:#f4f4f4 2px solid; width:100%; padding-bottom:17.5%;}
/*---------- footer ---------*/
footer { width:100%; margin:0 auto; background:#232323; font-size: 0.85em; margin-top:5%;}
footer  .bottom{ padding:2%;}
footer  .bottom a{ color:#FFFFFF; margin-right:3%; margin-top:3%;}

/*---------- 内页 ---------*/
.company{ width:30%; display:block; padding-top:2%; padding-bottom:2%; background:#e52c2c; color:#fff; text-align:center; font-size:1.125em;}
.comtxt{ font-size:1em; color:#2d2d2d; line-height:1.875em; padding-top:4%; }
.about{  padding-top:1%; padding-bottom:1%; padding-left:2.5%; padding-right:2.5%; display:block; background:#e52c2c; }
.about1{ font-size:1.25em; color:#ffffff; line-height:1.875em; font-weight:bold;}
.about2{ font-size:1em; color:#ffffff; line-height:1.875em;}
.team{ width:100%; margin-top:3%;}
.team ul{ width:100%;}
.team ul li{width:31.3%; float:left; margin-left:1.5%;}

.news{ padding-top:3%; padding-bottom:16%; display:block;  margin-top:0.5%; padding-left:2.5%; padding-right:2.5%; background-color:#e9e9e9; }
.news1{ padding-top:3%; padding-bottom:16%; display:block;  margin-top:1%; padding-left:2.5%; padding-right:2.5%;  }
.ico{ float:left; font-size:0.875em; color:#1c1c1c; width:4%;}
.txt{ float:left; margin-left:0.5%; font-size:0.875em; color:#1c1c1c; width:95%;}
.time{ float:right; font-size:0.875em; color:#1c1c1c; }
a:hover{ color:#e52c2c;}

.news_title{ font-size:1em; font-weight:bold; color:#333333; text-align:center;}
.news_date{ padding-top:0.7%; padding-bottom:0.7%; display:block; background-color:#e9e9e9; margin-top:1%;}
.news_date p{ font-size:0.75em; font-family:宋体; text-align:center; color:#757575;}
.news_txt{ font-size:0.875em; line-height:1.85em; color:#333333; margin-top:2%;}

.proleft{ width:80%; margin-left:10%;}
.pro_pic{ width:90%; margin-left:5%;}
.proright{ width:100%; }
.pro_title{ background-color:#f7f7f7;}
.pro_txt{ width:100%; margin-left:auto; margin-right:auto; font-size:1em; line-height:1.8em;}
.pro_can{ width:12.5%; text-align:center;  background:#e31818; padding:1% 0 1% 0; color:#fff;}

.pro_q{ width:35%; background-color:#232323; float:right; font-size:1em; margin-right:4%; padding-top:1%; padding-bottom:1%; text-align:center; color:#ffffff; margin-top:3%;}

.can{ background:#ababab; width:100%; display:block; padding-top:1%; padding-bottom:1%;}
.can ul{  width:100%; }
.can li{ float:left; width:16.66%; text-align:center;  display:block; font-size:0.875em; line-height:1.2;}

.can1{ background:#ebebeb; width:100%; display:block; padding-top:1%; padding-bottom:2.5%;}
.can1 ul{  width:100%; }
.can1 li{ float:left; width:16.66%; text-align:center;  display:block; font-size:0.875em; line-height:1.2;}

.pro_fl{ width:48.5%; margin-left:1%; float:left; margin-top:1%;}
.pro_fl .fl1{ width:100%; background-color:#f7f7f7; display:block; padding-top:8%; padding-bottom:8%;}
.pro_fl .fl1 a:hover{ background-color:#e4e4e4;}
.fl2{ width:60%; margin-left:auto; margin-right:auto;}

.fl3{ width:90%; margin-left:auto; margin-right:auto; font-size:1em; color:#303030; line-height:1.875em; text-align:center;}

.pro_list{ width:45.7%; margin-left:0.2%; background-color:#f7f7f7; float:left; padding-bottom:2%; display:block; padding-top:3%; padding-left:2%; padding-right:2%;}

.pro_list2{ width:35%; float:left;}
.pro_list_title{ font-size:1.125em; color:#000;}
.pro_list_more{ background:#e31818; padding:3% 1% 3% 1%; color:#fff; width:63%; text-align:center; margin-top:143%;}
.pro_list3{ width:53%; float:right;}

.pro_li{ width:45.5%; margin-left:0.5%; background-color:#f7f7f7; float:left; padding-bottom:2%; display:block; padding-top:3%; padding-left:2%; padding-right:2%; margin-top:0.5%;}
.pro_li1{ width:100%;}
.pro_li_more{ background:#e31818; padding:2% 1% 2% 1%; color:#fff; width:50%; text-align:center; margin-top:20%;}

.d_news{ width:100%; font-size:0.875em; line-height:1.875em;  color:#666;}
.d_news1{ padding-top:2%; padding-bottom:2%;}
.d_news2{ width:100%; font-size:0.875em; line-height:2em;  color:#666;}

.d_load{ width:100%; margin-left:auto; margin-right:auto; padding-top:8%; padding-bottom:4%;}
.d_load1{ width:60%; float:left; }
.d_load2{ width:40%; float:right;}

.b1{  border-bottom:1 px solid #666; padding-bottom:1%; }

.product4{ font-size:1.875em; text-align:center; color:#e52c2c; border-bottom:1px solid #d5d5d5; padding-bottom:2%;}
.product4_1{ font-size:1.6em;  border-bottom:1px solid #d5d5d5; padding-bottom:1%;}
.product4_list{ padding-top:1%; padding-bottom:1%; border-bottom:1px solid #dddddd;}
.product4_list_left{ width:100%; }
.product4_list_right{ width:20%;  float:right; margin-top:4%;margin-right:2.1%;}
.product4_list_title{ font-size:1.25em; line-height:1.875em;}
.product4_list_p{ font-size:1em; line-height:1.5em; color:#666;}

.pro4{ padding-top:1%; padding-bottom:1.2%; border-bottom:1px solid #dddddd; border-top:1px solid #dddddd; }
.pro4_left{ width:56%; margin-left:22%;}
.pro4_right{ width:100%; margin-top:2%;}

.title{ width:75%; margin-left:auto; margin-right:auto;}

.d_pro1{  width:48.5%; margin-top:2%;  text-algin:center; margin-left:1%;}

.sp{ width:47%;  text-align:center; margin-left:1%; margin-top:2%; float:left;}
.more{ margin-top:2%;}
.zixun{ width:96%;}
.zixun1{ width:96%; margin-top:2%; }

.contact{ width:100%;}
.contact1{ width:100%; margin-top:4%;}

.com{ width:100%; margin-top:2%;}
.com1{ width:100%;}
.com2{ width:100%;}
.com3{ width:100%; margin-top:5%;}

.pr1{ width:48.5%; margin-left:1%; margin-top:1%; float:left;}

.m1{ width:35%; margin-left:auto; margin-right:auto;}

.liu{ width:35%;}

#sp1{ }
#sp2{}

.he9{ margin-top:20%;}

.con1{ width:45%; float:left;}
.con2{ width:54%; margin-left:1%; float:left;}
.con2 p{ font-size:0.85em; margin-top:1%; line-height:1.8;}
.con2 .h3{ font-size:1em;}

.he2{ margin-top:4.5%;}
.map{ margin-top:4%; border:1px solid #dddddd;}

.mt3{ margin-top:3%; }
.mt6{ margin-top:6%; }
.b10{ border-top:1px solid #dddddd;}
.cont2{ width:90%; margin-left:auto; margin-right:auto; padding-top:2%;}
.men_left{ width:100%; margin-top:2%; }
.men_left h3{ font-size:2.0em;}
.men_left p{ font-size:1.25em; width:100%; line-height:1.5em; padding-top:4%;}
.men_right{ width:100%; margin-top:2%;}
.men_right .jl{ width:8%;   float:left; padding-top:15%;}
.men_right .jr{ width:8%;   float:left; padding-top:15%;}
.men_right .jl1{ width:8%;   float:left; padding-top:15%;}
.men_right .jr1{ width:8%;    float:left; padding-top:15%;}
.men_right .img3{  float:left;}

.gao{ height:35em;}
.gao3{ height:45em;}

/*大门门体*/
#playBox{ width:100%; height:20em; position:relative; overflow:hidden; margin-left:0px;  }
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left; }
#playBox .pre{ cursor:pointer; width:8%;  margin-left:1%; float:left; padding-top:15%;position:absolute;z-index:999; }
#playBox .next{ cursor:pointer; width:8%; margin-left:91%;  float:left; padding-top:15%; position:absolute;z-index:999;}

#playBox2{ width:100%; height:20em; position:relative; overflow:hidden; margin-left:0px; }
#playBox2 .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox2 .oUlplay li{ float:left; }
#playBox2 .pre{ cursor:pointer; width:8%;  margin-left:1%; float:left; padding-top:15%;position:absolute;z-index:999; }
#playBox2 .next{ cursor:pointer; width:8%; margin-left:91%;  float:left; padding-top:15%; position:absolute;z-index:999;}


#playBox3{ width:100%; height:20em; position:relative; overflow:hidden; margin-left:0px; }
#playBox3 .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox3 .oUlplay li{ float:left; }
#playBox3 .pre{ cursor:pointer; width:8%;  margin-left:1%; float:left; padding-top:15%;position:absolute;z-index:999; }
#playBox3 .next{ cursor:pointer; width:8%; margin-left:91%;  float:left; padding-top:15%; position:absolute;z-index:999;}


#playBox4{ width:100%; height:20em; position:relative; overflow:hidden; margin-left:0px;}
#playBox4 .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox4 .oUlplay li{ float:left; }
#playBox4 .pre{ cursor:pointer; width:8%;  margin-left:1%; float:left; padding-top:15%;position:absolute;z-index:999; }
#playBox4 .next{ cursor:pointer; width:8%; margin-left:91%;  float:left; padding-top:15%; position:absolute;z-index:999;}

/*大门门体*/