﻿/* boby */
*{margin:0; padding:0;  list-style:none; font-family:Verdana, Geneva, sans-serif;}

html { padding:0px; margin:0px;}
body{margin:0px; padding:0px; font-family:Verdana, Geneva, sans-serif; color:#3a4262; font-size:14px;}
.body {   }
.body2 {  background:url(../images/xmc/top_bj2.gif) center -20px repeat-x #f7f7f7; }
.title { font-family:Verdana, Geneva, sans-serif; border-collapse:collapse; }
TD { line-height:200%; }
div { line-height:160%;}
td , li ,div { }
input {color: #4f3d2c; }
.right_text, .right_text td, .right_text div, .right_text li, .right_text A,.right_text3, .right_text3 td, .right_text3 div, .right_text3 li, .right_text3 A,.right_text2, .right_text2 td, .right_text2 div, .right_text2 li, .right_text2 A{ line-height:180%; }
.page_right .right_text, .page_right .right_text2, .page_right .right_text3 { display:block; text-align:justify; min-height:430px;}
.left, .center { float:left; }


.f12 { font-size:12px; }
.f14 { font-size:14px; }
.f18 { font-size:18px; }
.f22 { font-size:22px; }
.f26 { font-size:26px; }
.yh { font-family:Verdana, Geneva, sans-serif; }
.title { font-family:Verdana, Geneva, sans-serif; }
.en {font-family:Verdana, Geneva, sans-serif;  }
.blue { color:#0d2556; }
.green { color:#41c24d; }
.white { color:#FFF; }
.center { text-align:center}
.right{ float:right; }
.justify {text-align: justify}
form{margin:0px;padding:0px;}
img{border:0;}
.clear{clear:both; width:0px; height:0px; font-size:1px; visibility:hidden;}
.clear1{clear:both; width:0px; height:12px; font-size:1px; visibility:hidden;}
.clear2{clear:both; width:0px; height:22px; font-size:1px; visibility:hidden;}
.clear3{clear:both; width:0px; height:50px; font-size:1px; visibility:hidden;}
.contain{ z-index:0;}

.code { cursor:pointer; }
.code img{ border:none;}
a{ COLOR: #4a4a4a; text-decoration:none;}
a:hover { Color:#C80918; text-decoration:none;}
a{-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}


.img3d_k { display:inline-block; overflow:hidden; float:left; margin-right:10px;}
.img3d:hover, .img3d_k img:hover  {
transform: scale3d(1.2,1.2,1.2);
-moz-transform: scale3d(1.2,1.2,1.2);
-webkit-transform: scale3d(1.2,1.2,1.2);
-o-transform: scale3d(1.2,1.2,1.2);
-moz-transition: width 1s, height 1s, -moz-transform 2s;
-webkit-transition: width 1s, height 1s, -webkit-transform 2s;
-o-transition: width 1s, height 1s, -o-transform 1s;	
}
.img3d , .img3d_k img {
transform: scale3d(1,1,1);
-moz-transform: scale3d(1,1,1);
-webkit-transform: scale3d(1,1,1);
-o-transform: scale3d(1,1,1);
-moz-transition: width 1s, height 1s, -moz-transform 1s;
-webkit-transition: width 1s, height 1s, -webkit-transform 1s;
-o-transition: width 1s, height 1s, -o-transform 1s;	
}
/*A img{filter:gray;}
A:hover img{filter:;}/*图片灰色*/
.radiuss { -webkit-border-radius:10px;border-radius:10px;}
.yuanjiao4 { -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
.yuanjiao { -moz-border-radius:600px; -webkit-border-radius:600px; border-radius:600px; }

.yinying {box-shadow:2px 2px 5px #222; -webkit-box-shadow:2px 2px 5px #222; -moz-box-shadow:2px 2px 5px #222;}
.yinying2 { border:1px solid #ddd;}
/*.yinying3 {box-shadow:0px 0px 8px #222; -webkit-box-shadow:0px 0px 8px #222; -moz-box-shadow:0px 0px 8px #222; }*/

/*圆角+投影+外发光*/
.con_xl03 img { width:190px; height:130px;-moz-border-radius:0 0 7px 7px;-webkit-border-radius:7px 7px 7px 7px;border-radius:7px 7px 7px 7px; border:5px #fff solid;
box-shadow: 0px 0px 15px #ccc; -webkit-box-shadow: 10px 10px 15px #ccc;-moz-box-shadow: 10px 10px 15px #ccc}

.bj2 {  position:absolute; height:1050px; width:100%; background:#fff; z-index:-1; }
/* top */
.more { font-size:12px; font-family:Verdana, Geneva, sans-serif; }
/* main */
.title_lj { border-bottom:1px #CCC solid; font-size:12px; margin-bottom:10px;}

.page_center{}


.main_02 .page_right{ margin:auto;  display:block;
}
.newsup { clear:both; line-height:30px; padding-top:8px; margin-top:15px; font-size:12px;}
.newsup A {  font-size:12px;}

.border_5 { border:1px #cfcfcf solid; padding:5px; margin:3px 10px 6px 3px; background:#f2f2f2;}
.page_td{ font-size:12px; border:1px solid #ccc; padding:0px 5px; line-height:20px; background:#f2f2f2; height:23px; }
.page_tdbg{ font-size:12px; border:1px solid #ccc; background:#f2f2f2; padding:0px 5px; height:23px;}
.inputpage{ font-size:12px; BORDER:1px #ccc solid; background:#f2f2f2; width:22px; padding:0 2px; height:23px; line-height:23px;}
.reg_sub { background:url(../images/ds/title_bg2.gif); border:0px; height:24px; padding:0 18px; color:#FFF; cursor:pointer; font-family:"Arial";}



.title_top { text-align:right; position:relative; border-bottom:1px #0f1640 solid; height:30px; padding-top:14px;}
.title_top A { padding-left:20px; background:url(../images/img/Arrow_00.gif) 4px center no-repeat; color:#777;}
.title_top span { float:left; font-size:18px; color:#c68c05;}
.title_top span a{ color:#c68c05; background:none; padding-left:0px; }
.title_top A.index { padding-left:18px; background:url(../images/img/ico_home.gif) left 5px no-repeat;}
.title_top .more { position:absolute; right:3px; top:10px;}

.title_right { margin-bottom:15px; height:39px; background:url(../images/mlr/xian.gif) left 37px no-repeat;}
.title_right span,.title_right a{ font-size:14px; line-height:42px; padding-left:10px; color:#555}

.kuang2 { border:1px #ddd solid; background:#FFF; -webkit-border-radius:7px 7px 0px 0px; -moz-border-radius:7px 7px 0px 0px; border-radius:7px 7px 0px 0px; }

.kuang3 { padding-top:10px;}
.kuang3 .title { height:43px; display:block; position:relative;  border-bottom:3px #d3b658 solid; }
.kuang3 .title em { position:absolute; font-size:52px; font-style:normal; font-family:Tahoma, Geneva; color:#fff; font-weight:bold; top:20px; left:20px; display:none; }
.kuang3 .title samp { position:absolute; top:15px; left:40px; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#444; display:none; }
.kuang3 .title span { position:absolute; top:12px; left:23px; font-size:18px; color:#444;  }
.kuang3 .title span i { float:left; display:block; width:38px; height:40px; background: url(../images/icon.png) -25px -390px;}
.kuang3 .title span A { color:#444;}

.kuang3 .text { position:relative; border-top:0px; }
.kuang3 .xian img{ height:4px; width:100%;}

.left_contact { background:url(../images/hy/left_contact.gif) center 5px no-repeat; padding:55px 5px 30px 5px; display:none; }

.bottom_xian { border:3px #41c24d solid; padding:10px; background:#f2f2f2; width:1060px; margin:auto;  }
.bottom_xian img { float:left; border-right:3px #999 solid; padding-right:10px; margin-right:10px;  }
.bottom_xian a { float:left; line-height:30px; padding:0 10px;}
		
/* 头部与底部   ---------------------------------------------------------------------------------------------------------------------------------------*/
.top_xian { display:block; margin:auto; height:3px; background:#06aae9;  }
.top_xian span { display:block; height:3px; width:159px; background:#bc0606; border-left:3px #FFF solid; border-right:3px #FFF solid;}
.main_top { display:block; height:160px; margin:auto; }
.main_top #container2 { position:relative; z-index:91; width:1100px; margin:auto; height:110px;}
.main_top #container2 .t_right { display:block; position:absolute; left:800px; top:10px; background:#2e3087; width:100%;}
.main_top #container2 .logo { position:absolute; left:0px; top:70px; z-index:10;}
.main_top #container2 .Language { position:absolute; right:0px; top:10px; z-index:10;}
.main_top .serach .shoucang { position:absolute; right:76px; top:115px; height:30px; border:0px; width:50px; background:url(../images/xmc/icon.png) center -34px no-repeat #5d6b8a; z-index:9998; color:#FFF; -moz-transition: color 2s, background 1s;
-webkit-transition: color 2s, background 1s;
-o-transition: color 2s, background 1s;	}
.main_top .serach .shoucang:hover { background:url(../images/xmc/icon.png) center -34px no-repeat #11173e; }
.main_top .mall { position:absolute; right:0px; top:115px; height:30px; border:0px; line-height:24px; width:75px; background:#5d6b8a; z-index:9998; color:#FFF; text-align:center; 
-moz-transition: color 2s, background 1s;
-webkit-transition: color 2s, background 1s;
-o-transition: color 2s, background 1s;	
}
.main_top .mall:hover { background:#11173e; }
.main_top .mall .kuang { position:relative; }
.main_top .mall .kuang ul { position:absolute; top:30px; right:0px; text-align:right; width:180px; display:none; }
.main_top .mall .kuang ul li { display:block; height:30px; line-height:30px; padding:0 15px; border-top:1px #333 dotted; background:#11173e; float:right; clear:both; }


.main_top .serach2 .shoucang { position:absolute; right:0px; top:76px; height:30px; border:0px; width:50px; background:url(../images/xmc/icon.png) center -34px no-repeat #5d6b8a; z-index:9998; color:#FFF; -moz-transition: color 2s, background 1s;
-webkit-transition: color 2s, background 1s;
-o-transition: color 2s, background 1s;	}
.main_top .serach2  .shoucang:hover { background:url(../images/xmc/icon.png) center -34px no-repeat #11173e; }
.serach2 #wordsub { position:absolute; right:51px; top:76px; height:30px; width:33px; border:0px; cursor:pointer; z-index:9999; color:#FFF;  background: url(../images/xmc/icon.png) center top no-repeat #5d6b8a; -moz-transition: color 2s, background 1s;
-webkit-transition: color 2s, background 1s;
-o-transition: color 2s, background 1s;	}
.serach2 #wordsub:hover { background: url(../images/xmc/icon.png) center top no-repeat #11173e; }
.serach2 #word { position:absolute; right:84px; top:76px; height:30px; border:0px; padding:0 15px 0 15px; line-height:24px; width:130px; background:#5d6b8a; z-index:9998; color:#FFF; }

.bottom_menu { margin:auto; line-height:30px; color:#FFF; height:30px; font-size:12px; border-bottom:1px solid #525151; margin-bottom:10px; }
.bottom_menu A { padding:0 10px; color:#525151; }
.bottom_menu A:hover { color:#06AAE9; }


 i.bii { width:25px; height:30px; float:left; background-image:url(../images/icon2.png);}
 i.bi1 { background-position:-70px -220px; }
 i.bi2 { background-position:-70px -249px; }
 i.bi3 { background-position:-24px -130px; }
 i.bi4 { background-position:-23px -159px; }
 i.bi5 { background-position:-165px -220px; }

.kuang_right { position:fixed; width:80px; _position:absolute; bottom:150px; right:30px; _top:expression(eval(document.documentElement.scrollTop + 180)); z-index:9999; }
.kuang_right .a1 { background:#CCC; color:#2a3669; display:block; line-height:40px; text-align:center; margin-top:1px; 
-moz-transition: color 2s, background 1s;
-webkit-transition: color 2s, background 1s;
-o-transition: color 2s, background 1s;	}
.kuang_right .a1:hover { color:#FFF; background:#2a3669; }
.kuang_right .a2 { display:block; text-align:center; padding:10px 0;}
.kuang_right .a2 i { display:block; width:40px; height:40px; margin:auto; background:url(../images/icon.png) -19px -97px #ccc; -moz-transition: color 2s, background 1s;
-webkit-transition: color 2s, background 1s;
-o-transition: color 2s, background 1s;	}
.kuang_right .a2 i:hover { background:url(../images/icon.png) -19px -140px #2a3669;}


.title_news { height:35px; overflow:hidden; width:980px; margin:auto; margin-bottom:15px; line-height:35px;}
.title_news span { font-weight:bold; color:#036;}

/* 菜单   ---------------------------------------------------------------------------------------------------------------------------------------*/
.top_logo{ display:block; position:absolute; z-index:99999; left:18px; top:0px;}
.banner { position:relative; margin:auto; }
.b_productlist { width:1080px; margin:auto; position:relative; z-index:99;}
.b_productlist ul { position:absolute; height:168px; bottom:-52px; width:1111px;}
.b_productlist ul li { background:url(../images/yj/home_banner_title_bj.jpg) left bottom no-repeat; float:left; width:221px;  }
.b_productlist ul li h1 { height:53px; width:195px; text-align:center; line-height:38px; font-size:14px; color:#FFF; }


#gallery { float:left;}

.feedback_K { margin:10px; padding:10px; border:1px #edece9 solid;}


/* 产品   ---------------------------------------------------------------------------------------------------------------------------------------*/
.products { overflow:hidden; min-height:400px;}
.products { padding:0 20px;}
.products ul {clear:both;}
.products li { display:block; border-bottom:1px #ccc dotted; text-align:center; margin:8px 2px 8px 16px; width:245px; height:290px; overflow:hidden; overflow:hidden; float:left; border-bottom:1px #ddd solid; }
.products li img { width:200px; height:200px;  border:0px #CCC dotted; padding:4px; }
.products li img:hover { background:#06aae9; }
.products li h1 { display:block; padding:10px 0; font-size:14px; line-height:120%; }
.products li .text { display:block; line-height:140%; display:block;}
.products li .text dd { display:block; line-height:140%; padding:0px; margin:0; text-align:center; color:#999; font-size:12px;}



.case_sub { overflow:hidden; min-height:400px;}
.case_sub {}
.case_sub ul {clear:both;}
.case_sub li { display:block;  text-align:center;     margin:8px; width:259px; height:479px; overflow:hidden; float:left; background-color:#ffffff; }
.case_sub li img { width:257px; height:395px;   }
.case_sub li img:hover { }
.case_sub li h1 { display:block; padding:10px 0; font-size:14px; line-height:120%; }
.case_sub li .text { line-height:140%; display:block; float:left; }
.case_sub li .text dd { display:block; line-height:140%; padding:0px; margin:0; background:url(../images/img/Arrow_07.gif) no-repeat left center; padding-left:10px; }



.photo { overflow:hidden; min-height:400px;}
.photo { }
.photo ul {clear:both;}
.photo li { display:block; border-bottom:1px #ccc dotted; text-align:center; margin:8px 10px 8px 10px;  overflow:hidden; overflow:hidden; float:left; border-bottom:1px #ddd solid; }
.photo li img { width:530px; height:330px;  border:0px #CCC dotted; }
.photo li img:hover { background:#06aae9; }
.photo li h1 { display:block; padding:10px 0; font-size:14px; line-height:120%; }
.photo li .text { line-height:140%; display:block; float:left; }
.photo li .text dd { display:block; line-height:140%; padding:0px; margin:0; background:url(../images/img/Arrow_07.gif) no-repeat left center; padding-left:10px; }



.p_title { display:block; font-size:16px; font-family:"Arial";}

.big { width:400px;}

/* 最新产品 */
.pordshow { clear:both; width:100%;padding:10px 0px;}
.pordshow li {}
.pordshow li.yes { background:#f8f1eb; font-weight:bold; }
.pordshow li h2 { padding-left:20px; } 
.pordshow li span { padding-right:3px; width:40px; display:block; float:left; text-align:right; font-weight:bold; color:#2ba6cb; font-size:16px; } 

.home_product { padding-top:30px; border-top:1px #ddd solid; width:1100px; margin:auto; overflow:hidden; }
.home_product ul { width:1250px; overflow:hidden; }
.home_product ul li { float:left; width:222px; text-align:center; height:260px; }
.home_product ul li img { width: 200px; height:200px; padding:4px; background:#FFF; border:1px #ddd solid; float:left;}

/* 连接定义 left ------------------------------------------------------------------------------------------------------------------------------------*/

/* 连接定义 right */




.right_bottom { padding-top:5px;}

.biao_table{ background:#a3c685;}
.biao_table td{ padding:2px 10px; background:#fff; color:#555;}
.biao_table th{ padding:2px 10px; background:#f5f5f5; text-align:left;}

/* 连接定义 */
.news { border-bottom:1px dotted #e3dbdb; line-height:140%; display:block; padding:10px;}
.news A{ display:block; position: relative; font-size:14px; width:80%; background: url(../images/n_ico01_h.jpg) no-repeat 0px 6px; padding-left:10px;  line-height:140%;}
.news A:hover { text-decoration:underline;background: url(../images/n_ico01.jpg) no-repeat 0px 6px; }
.news A img { position:absolute; top:0px;}
.news span{ float: right; display:block; line-height:28px;}
.news samp{ float: left; display:block; line-height:28px; margin-right:10px;}

.news1 { height:30px; line-height:30px; display:block; overflow:hidden; padding-left:15px; background:url(../images/img/Arrow_03.gif) left center no-repeat; border-bottom:1px #CCC dotted;}
.news1 A{ line-height:30px;}
.news1 span{ float: right; display:block; line-height:25px;}

.news2 { height:30px; line-height:30px; display:block; padding-left:15px;  background:url(../images/img/img0052.gif) 2px center no-repeat; border-bottom:1px #CCC dotted; float:left; width:212px; margin-right:15px;font-size:12px;}
.news2 A{ line-height:30px; font-size:12px;}

.news3 { padding-left:30px; clear:both; padding-bottom:20px; padding-top:10px; border-left:3px #97d2ea solid; margin-left:60px; position:relative;}
.news3 span.title{ display:block; color:#933; font-weight:bold; font-size:16px; }
.news3 span.date{ position:absolute; left:-65px; top:5px; display:block; color:#fff; font-weight:bold; font-size:16px; padding:5px; -moz-border-radius:5px;-webkit-border-radius:5px; background:#2ea4d5;}
.news3 .img { float:right; width:120px; height:90px; padding:3px; border:1px #97d2ea solid; -moz-border-radius:5px;-webkit-border-radius:5px;}

.xmfzr2_a { z-index:9999;}
.xmfzr2 { z-index:9998;}
.xmfzr2_a { z-index:9997;}

.service { float:left; width:180px; text-align:center; margin:0 8px;}
.service A { display:block;  height:250px; overflow:hidden; margin:auto;}
.service A img{ padding:4px; border:1px #CCC solid; width:120px; height:150px; background:#FFF;}
.service A:hover img{ padding:4px; border:1px #CCC solid; background:#ffffde;}
.service A span { display:block;}



