@charset "gb2312";
body { font-size:14px;font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;color:#666;background-color:ccc;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre,fieldset, lengend, button, input, textarea,th, td {margin: 0; padding: 0;}
a{text-decoration:none;outline:none; color:#666;}
img{border:0;vertical-align: middle;}
ol,ul,li{list-style: none;}
h1, h2, h3, h4, h5, h6{font-weight: normal;font-size: 100%;}
table{border-collapse: collapse;border-spacing: 0;}
.cb{clear:both;}
.cb-fix:after {content: ".";display: block;height: 0;font-size: 0;clear: both;visibility: hidden;}
.cb-fix {+height:1%;}
.break_word{word-wrap:break-word;word-break:break-all;}
.keep_all{word-break:keep-all;white-space:nowrap;}
.ellipsis { overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap;}
.case_intro , .txt_justify{text-align:justify;text-justify:inter-ideograph;}
textarea { resize: none; }
.hide{ display:none;}
.fl{ float:left;}
.fr{ float:right;}
.en{text-transform:uppercase;text-transform:lowercasecase;text-transform:capitalize;}
.yyh { width:1100px !important; margin:0 auto !important;}
.header { width:100%; height:35px; background-color:#616161;}
.header .fl { height:35px; color:#fff; line-height:35px; font-size:14px;}
.header .fr { position:absolute; top:75px; right:1px;}
.header form { width:208px; position:relative; margin-top:5px; border:1px solid #ccc; height:25px;}
.header form input { border:none;}
.header .keyval { height:25px; width:165px; position:absolute; left:0px; top:0px;}
.header .submit { height:25px; width:45px;position:absolute; left:163px; top:0px; background-color:#fff5c2; color:#fe9237;}
.nav { height:110px;}
.nav .logo { margin-top:20px;}
.nav ul { margin-top:25px;}
.nav ul li { float:left; font-size:18px;}
.nav ul li a {width:100px; display:inline-block; text-align:center; height:45px; line-height:45px; font-weight:bold; margin:0px 8px;text-transform:uppercase;}
.nav ul li.on a{ border-bottom:1px solid #ec6708; color:#ec6708;}
.banner{ width:100%;  position:relative;  height:499px; background:#000; clear:both;}
.banner .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.banner .bd ul{ width:100% !important;  }
.banner .bd li{ width:100% !important;  height:499px; overflow:hidden; text-align:center;  }
.banner .bd li a{ display:block; height:550px; }
.banner .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; }
.banner .hd ul{ text-align:center; }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:42px; height:11px; margin:1px; overflow:hidden; background:#f80;
filter:alpha(opacity=50); line-height:999px;}
.banner .hd ul .on{ background:#ec6708;}
.banner .prev,.banner .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:15%;  z-index:1; width:40px; height:60px; background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none;  }
.banner .next{ left:auto; right:15%; background-position:-6px -137px;}
.bannerm{ width:100%;  position:relative;  height:40px; background:#000; clear:both;}
.bannerm .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.bannerm .bd ul{ width:100% !important;  }
.bannerm .bd li{ width:100% !important;  height:300px; overflow:hidden; text-align:center;  }
.bannerm .bd li a{ display:block; height:300px; }
.bannerm .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; }
.bannerm .hd ul{ text-align:center; }
.bannerm .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:42px; height:11px; margin:1px; overflow:hidden; background:#f80;
filter:alpha(opacity=50); line-height:999px;}
.bannerm .hd ul .on{ background:#ec6708;}
.bannerm .prev,.bannerm .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:15%;  z-index:1; width:40px; height:60px; background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none;  }
.bannerm .next{ left:auto; right:15%; background-position:-6px -137px;}
.products .pro { clear:both; width:1100px; padding-top:30px;}
.products .pro ul { float:left; width:1130px;}
.products .pro li { float:left; border:1px solid #eee; margin-right:30px; width:250px; text-align:center; height:330px;    -webkit-transition: all .2s linear;transition: all .2s linear;}
.products .pro li:hover { -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);box-shadow: 0 15px 30px rgba(0,0,0,0.1);-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0);}
.products .pro li:hover a { color:#ec6708;}
.products .pro .tit { height:60px; line-height:60px; font-size:22px;}
.products .pro .pic { width:230px; height:260px; margin:10px; overflow:hidden;}
.products .pro li img { width:230px; height:260px;-webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;}
.products .pro li:hover img {-webkit-transform: scale(1.10, 1.10);-moz-transform: scale(1.10, 1.10);-o-transform: scale(1.10, 1.10);transform: scale(1.10, 1.10);}
.products .pro .h3 { height:30px; width:250px; overflow:hidden; line-height:30px; font-size:16px;}
.footer { width:100%; height:340px; background-color:#616161; clear:both; color:#a7a7a7;}
.footer h3 { font-size:20px; line-height:35px; color:#fff; margin-top:80px;}
.footer hr { width:60px;border:none; border-bottom:2px solid #f68a42;}
.footer .busin { width:280px;}
.footer .busin h3 { margin-bottom:50px;}
.footer .busin p { font-size:14px; line-height:25px;}
.footer .con { width:260px;margin-left:55px;}
.footer .con .add { margin-top:50px;}
.footer .con .add h4 { font-size:18px; color:#fff;}
.footer .con .add p { margin-top:30px;}
.footer .con .p { margin-top:20px;}
.footer .con .p p { height:25px; line-height:25px;}
.footer .con .p p span {}
.footer .new { width:350px;}
.footer .new p { margin-top:50px;}
.footer .new .email { margin-top:30px;}
.footer .new .adsress { width:290px; height:50px; background-color:#84807f; display:inline-block; line-height:50px; text-align:center; color:#fff;}
.footer .new .icoemail { height:50px; width:50px; background-color:#c67138; display:inline-block; text-align:center; line-height:50px;}
.mnavs { width:100%; height:50px; line-height:50px; background-color:#efefef; }
.mnavs .a { margin-left:245px;}
.mnavs a { color:#5a5a5a; font-size:14px;}
.content { position:relative; min-height:550px;}
.content .flnav { position:absolute; left:0px; top:-90px;}
.content .flnav dl { background-color:rgb(58, 53, 60);}
.content .flnav dt { height:90px; color:#fff; font-size:28px; text-align:center;z-index:9999;}
.content .flnav dt span { padding-top:30px; display:inline-block;}
.content .flnav dd.on { background-color:#ec6708}
.content .flnav dd a { display:inline-block; color:#fff; width:180px; line-height:40px; border-bottom:1px solid #aaa; margin-left:10px; padding-left:15px;}
.content .flnav .pic { margin-top:10px; position:relative;}
.content .flnav .text a{ position:absolute; width:150px; height:44px; line-height:44px; background-color:#fff; border:1px solid #fd5039; border-radius:5px; top:223px; left:28px; text-align:center; cursor:pointer; display:inline-block;}
.content .flnav .text a:hover { background-color:#fd5039; color:#fff;}
.content .frtnet { width:863px; float:right;}
.content .frtnet .product { float:right; width:877px; margin-right:-25px;}
.content .frtnet .title { height:35px; width:900px;}
.content .frtnet .title .text { width:130px; height:35px; line-height:35px; color:#fd4128; font-size:18px; float:left;}
.content .frtnet .title .hr { background:url(../images/xgray_line02.png); width:770px; height:5px; float:right; margin-top:15px;}
.content .frtnet .top { height:80px; text-align:center; border-bottom:1px solid #ccc; margin-bottom:20px;}
.content .frtnet .top h1 { width:100%; height:45px; line-height:45px; font-size:22px;}
.content .frtnet .top .span span { margin-left:15px;}
.content .frtnet .bot { height:50px; line-height:50px; clear:both; padding-top:30px; font-size:16px;}
.content .frtnet .bot .fl,.content .frtnet .bot .fr { height:40px; line-height:40px; width:400px; overflow:hidden;}
.content .frtnet .contents {font-size: 14px; font-family: 'Microsoft YaHei'; color: rgb(120, 120, 120); line-height: 200%; clear:both;}
.content .news li {height:34px; line-height:34px; border-bottom:1px dashed #ccc; font-size:14px; margin-top:5px;}
.content .news .type a{ color:#f74730;}
.content .news .type{ margin-right:5px; display:inline-block;}
.content .news .time { float:right; color:#999; font-size:14px; font-style:normal; }
.content .product li { border:1px solid rgb(238, 238, 238); width:270px; float:left; margin-right:20px; margin-top:20px; height:355px;}
.content .product li .pic {width:260px; height:260px; overflow:hidden;}
.content .product li img { width:260px; height:260px; margin:10px;-webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;}
.content .product li img:hover {-webkit-transform: scale(1.10, 1.10);-moz-transform: scale(1.10, 1.10);-o-transform: scale(1.10, 1.10);transform: scale(1.10, 1.10);}
.content .product .h { height:75px; line-height:26px; font-size:16px; width:260px; margin:0px 10px; overflow:hidden; margin-top:10px;}
.content .product li:hover { border:1px solid #fd4128;}
.content .product li:hover a { color:#fd4128;}
.cpny_top { padding:10px; width:860px; height:410px;}
.cpny_top .pic { width:300px; height:300px; text-align:center; background-color:#fff; border:1px solid #ccc; float:left; margin-top:30px;}
.cpny_top .tit { margin-top:30px; float:right; width:540px; }
.cpny_top .tit h1 {font-size: 20px;color: #5d5d5d;font-weight: normal;height: 50px;overflow: hidden;background:url(../images/authenticate.png) left center no-repeat;padding-left: 20px;margin-right: 10px; width:540px;}
.cpny_top .tit p {    font-size: 12px;color: #999;line-height: 22px;margin-bottom: 20px;overflow: hidden;height: 58px; padding-bottom: 10px; border-bottom: 1px solid #e0e0e0;}
.cpny_top .tit li {line-height:33px; font-size:14px; color:#999;}
.cpny_top .tit .tel { line-height: 30px;color: #333;font-size: 16px;font-weight: bold;margin: 20px 0 20px 0;}
.cpny_top .tit span a {display:inline-block; width: 100px; height: 35px;line-height: 35px; color: #fff; font-size: 12px; background: #44A8F2; text-align: center;}
.titter {width:900px;height: 30px;line-height: 30px;background: #eee;color:#394550;font-weight: normal;text-align: center;margin-bottom: 20px;
font-size: 18px; clear:both;}
.list_nav { width:214px;}
.list_nav  h3 { height:214px; height:40px; background-color:#ec6708;}
.list_nav  h3 span{ width:185px; border-bottom:1px solid #ccc; display:inline-block; height:39px; line-height:39px; margin-left:8px; color:#fff; font-size:16px; padding-left:10px; cursor:pointer; overflow:hidden;}
.list_nav  ul li { height:40px; line-height:40px; font-size:14px;}
.list_nav  ul li a { display:inline-block; color:#fff; border-bottom:1px solid #fff; width:175px; padding-left:20px; margin-left:8px;} 
.page_list_1 {width: 100%;height: 25px;line-height: 25px;clear: both;margin-top: 50px;padding-top:20px;text-align:center;}
.page_list_1 span, .page_list_1 a {padding: 5px 15px;display: inline-block;background-color:#ec6708; margin-left: 10px;color: #fff;font-size: 12px;}
.hideck { display:none;}
.backck { display:block;}