@charset "gb2312";
/* CSS Document */
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin: 0px;padding: 0px;}
body {font-size:12px; font-family:"ËÎÌå";font-weight: normal;text-decoration: none;width:100%;margin:0px auto 0px auto; background:#f0f0f0; overflow-x:hidden;}
h1,h2,h3,h4,h5,h6{font-family:"";font-size:12px;font-weight: normal;}
ul li{ list-style:none;}
img{ border:0px; vertical-align:middle;}
i, em{ font-style:normal;}
table, th, tr, td{}
a:link,a:visited{color:#3f3f3f; text-decoration:none;}
a:hover{color:#ff0000; text-decoration:underline;}

/*¿ò¼Ü*/
.layout{ clear:both;width:1200px;text-align:left;margin:0 auto;}
.solid:after{content:'\20';display:block;height:0;clear:both;}
.solid{*zoom:1;}
.left{ float:left;}
.middle{ float:left;}
.right{ float:right;}
.marb6{ margin-bottom:6px; clear:both}
.marb20{ margin-bottom:20px; clear:both}
.clear{clear:both;height:1px; margin-bottom:-1px;*display:inline;overflow:hidden;}
.blue a:link{ color:#00a0e9;}
.blue a:visited{ color:#00a0e9;}
.blue a:hover{ color:#00a0e9;}
.title{ height:52px; line-height:52px; padding:20px 0 0 5px;}
.title h3{ float:left; font-size:24px; font-family:"Microsoft YaHei";}

/*header*/
.header_wap{ width:100%; background:#fff; z-index:11;}
.header{ height:100px;}
.header .logo{ float:left; display:inline; margin:20px 0 0 10px; width:221px; height:52px; background:url(../images/logo.png) no-repeat; text-indent:-9999px;}
.header .nav{ float:right; width:920px; z-index:11;}
.header .login{ float:right; height:32px; line-height:32px; text-align:right; position:relative; z-index:1111;}
.header .login li{ float:left; width:80px; text-align:center;}
.header .login .fw{ width:185px;}
.header .login em{ color:#e72726;}
.header .login i{ width:7px; height:5px; display:inline-block; margin:0 5px; background:url(../images/ico.png) no-repeat 0 -16px; vertical-align:1px;}
.header .login .dl{ padding:0; background:url(../images/xian.gif) no-repeat right center;}
.header .login .login_tc{padding:10px;}
.header .login .login_tc li{ padding:5px 0; width:220px;}
.header .login .login_tc .ipt1{ width:180px; height:31px; line-height:31px; border:1px solid #e1e1e1; padding:0 0 0 40px; background:url(../images/i01.gif) no-repeat left #fff; color:#aaaaaa;}
.header .login .login_tc .ipt2{ width:180px; height:31px; line-height:31px; border:1px solid #e1e1e1; padding:0 0 0 40px; background:url(../images/i02.gif) no-repeat left #fff; color:#aaaaaa;}
.header .login .menu{ position:relative; width:80px; text-align:center;}
.header .login .menu .t a{ display:block }
.header .login .menu .tit{background:url(../images/arrow.gif) no-repeat;background-position:58px 13px;}
.header .login .current .tit{ border:1px solid #ddd;}
.header .login #navbox.current .tit{ line-height:30px; height:30px; color:#e72726; text-decoration:none; border-bottom:solid 1px #f0f0f0; position:relative;z-index:1111; background:url(../images/arrow.gif) no-repeat 57px -11px #f0f0f0;}
.header .login .menu .sbn{ display:none; position:absolute; top:31px; left:0px; width:234px; border:1px solid #ddd; z-index:111;}
.header .login #navbox.current .sbn{display:block; background:#f0f0f0;}
.subnav{ float:right; padding:8px 0 0 0;}
.subnav ul{}
.subnav li{ float:left; display:inline; margin:0 10px; padding:0 10px; height:60px; line-height:60px; font-size:16px; text-align:center; font-family:"Microsoft YaHei";}
.subnav li:hover{ height:58px; line-height:59px; line-height:62px/9; *line-height:60px; border-bottom:2px solid #e72726;}
.subnav .cur{ height:58px; line-height:59px; line-height:62px/9; *line-height:60px; border-bottom:2px solid #e72726;}
.subnav li a{ text-decoration:none;}
.subnav .hot{ position:relative;}
.subnav .hot a{ color:#ff6900;}
.subnav .hot i{ width:10px; height:10px; background:url(../images/hot.gif) no-repeat; position:absolute; top:11px; right:0;}
#cloud{ position:relative; z-index:10;}
#cloud.cur{}
#cloud.cur .nr{ display:block;}
.subnav .nr{ width:320px; position:absolute; top:60px; right:0; z-index:10; background:#fff; display:none; -moz-box-shadow:1px 1px 2px #969696;-webkit-box-shadow:1px 1px 2px #969696; box-shadow:1px 1px 2px #969696;}
.subnav .nr .box{ float:left; width:100px;}
.subnav .nr p{ height:32px; line-height:32px; width:100px; font-size:12px;}
.subnav .nr .more{ padding:10px 10px 50px 10px; line-height:24px; background:url(../images/logos.png) no-repeat center 60px #f5f5f5; font-size:12px; text-align:left; color:#aaaaaa;}

/* flexslider */
.flexslider{position:relative;height:386px;overflow:hidden;}
.slides{position:relative;z-index:1;}
.slides li{height:400px;}
.slides li a{ display:block; height:386px;} /* chy */
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:12px;height:12px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:12px;height:12px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:40%;}
.flex-direction-nav li a{display:block;width:65px;height:65px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px; background:url(../images/lh.png) no-repeat 0px 0px;}
.flex-direction-nav li a.flex-prev:hover{background:url(../images/lh.png) no-repeat 0px -170px;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/lh.png) no-repeat 0px -85px;}
.flex-direction-nav li a.flex-next:hover{ background:url(../images/lh.png) no-repeat 0px -255px;}

/*leftLoop2*/
.leftLoop2{ width:100%; height:386px; position:relative; margin:0 auto;}
.leftLoop2 .hd{ height:20px; overflow:hidden; position:absolute; left:50%; margin-left:-34px; bottom:10px; z-index:1; background:url(../images/tiao.png) 0px -60px; padding:0 0 0 10px;}
.leftLoop2 .hd ul{ height:20px; line-height:20px; zoom:1; background:url(../images/tiao.png) right -40px; padding:0 4px 0 0;}
.leftLoop2 .hd ul li{ float:left; width:12px; height:12px; margin:4px 5px 0 0; cursor:pointer; background:url(../images/lh.png) no-repeat 0px -340px;}
.leftLoop2 .hd ul li.on{ background:url(../images/lh.png) no-repeat 0px -372px; }
.leftLoop2 .next{ width:65px; height:65px; background:url(../images/lh.png) no-repeat 0px 0px; position:absolute; top:160px; left:10px; z-index:1; cursor:pointer;}
.leftLoop2 .next:hover{ background:url(../images/lh.png) no-repeat 0px -170px;}
.leftLoop2 .prev{ width:65px; height:65px; background:url(../images/lh.png) no-repeat 0px -85px; position:absolute; top:160px; right:10px; z-index:1; cursor:pointer;}
.leftLoop2 .prev:hover{ background:url(../images/lh.png) no-repeat 0px -255px;}
.leftLoop2 .bd{ position:relative; height:100%; z-index:0;   }
.leftLoop2 .bd img{ width:1903px; height:386px;}
.leftLoop2 .bd li{ width:100%; margin:0 auto;}

/*product*/
.p1, .p2, .p3, .p4, .p5, .p6{ background:url(../images/product.gif) no-repeat;}
.product{ background:#fff;}
.product ul{ overflow:hidden; /*position:relative;*/}
.product li{ float:left; width:239px; height:270px; text-align:center; cursor:pointer; padding:20px 0; position:relative; }
.product h3{ font-size:18px; line-height:32px; font-family:"Microsoft YaHei";}
.product i{ display:block; width:80px; height:80px; margin:10px auto;}
.product b{ width:1px; height:310px; position:absolute; right:-1px; top:0; background:url(../images/xian3.gif) repeat-y;}
.product strong{ width:1px; height:310px; position:absolute; right:-1px; top:0; }

.product .p1{ background-position:0 0;}
.product .p2{ background-position:0 -80px;}
.product .p3{ background-position:0 -160px;}
.product .p4{ background-position:0 -240px;}
.product .p5{ background-position:0 -320px;}
.product em{ line-height:26px;}
.product span{ color:#ff6900;}
.product .buy{ display:block; width:150px; height:40px; background:url(../images/buy1.gif) no-repeat; margin:20px auto 0 auto; text-indent:-9999px;}
.product .buy a{ display:block; width:150px; height:40px;}
.product .buy a:hover{ background:url(../images/buy2.gif) no-repeat;}
.product .buy:hover{ background:url(../images/buy2.gif) no-repeat;}

/*preferential*/
.tit3{ height:58px; line-height:58px;}
.tit3 h3{ float:left; font-size:20px; font-family:"Microsoft YaHei"; padding:0 0 0 5px;}
.tit3 span{ float:right; font-size:14px; padding:0 10px 0 0;}
.preferential{ float:left; width:585px; overflow:hidden; }
.preferential .nr{ width:583px; border:1px solid #e1e1e1; background:#fff; overflow:hidden; }
.leftLoop{ width:583px; overflow:hidden; position:relative;}
.leftLoop .hd{ overflow:hidden; padding:10px 0;}
.leftLoop .hd ul{ overflow:hidden; zoom:1; margin:0 auto; width:100px;}
.leftLoop .hd ul li{ position:relative; _display:inline; float:left;  width:10px; height:10px; overflow:hidden; background:#ccc; margin-right:10px; text-indent:-999px; cursor:pointer; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(../PIE.htc);}
.leftLoop .hd ul li.on{ background:#ff6900; }
.leftLoop .bd{}
.leftLoop .bd ul{ overflow:hidden; zoom:1; }
.leftLoop .bd ul li{  width:543px; float:left; _display:inline; overflow:hidden; padding:20px;}
.leftLoop .bd .text{ float:left; width:370px; padding:0 0 0 10px;}
.leftLoop .bd .text h4{ font-size:18px; font-family:"Microsoft YaHei"; line-height:32px; padding:15px 0 0 0;}
.leftLoop .bd .text h3{ line-height:24px; color:#626262; font-size:14px;}
.leftLoop .bd .text p{ line-height:24px; color:#898989; font-size:14px;}
.leftLoop .bd .pic{ float:right; padding:20px 30px 0 0;}

/* chy */
.rightLoop{ overflow:hidden;}
.rightLoop .hd{ overflow:hidden; padding:10px 0;}
.rightLoop .hd ul{ overflow:hidden; zoom:1; margin:0 auto; width:100px;}
.rightLoop .hd ul li{ position:relative; _display:inline; float:left;  width:10px; height:10px; overflow:hidden; background:#ccc; margin-right:10px; text-indent:-999px; cursor:pointer; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(../PIE.htc);}
.rightLoop .hd ul li.on{ background:#ff6900; }
.rightLoop .bd{}
.rightLoop .bd ul{ overflow:hidden; zoom:1; }
.rightLoop .bd ul li{  /*width:543px;*/ float:left; _display:inline; overflow:hidden; padding:17px 0;}
.rightLoop .bd .text{ float:left; width:370px; padding:0 0 0 10px;}
.rightLoop .bd .text h4{ font-size:18px; font-family:"Microsoft YaHei"; line-height:32px; padding:15px 0 0 0;}
.rightLoop .bd .text h3{ line-height:24px; color:#626262; font-size:14px;}
.rightLoop .bd .text p{ line-height:24px; color:#898989; font-size:14px;}
.rightLoop .bd .pic{ float:left; padding:20px 45px 0;}
.rightLoop .bd .content{ display:none;}

.innovate{ float:right; width:585px; overflow:hidden; }
.innovate .nr{ width:583px; border:1px solid #e1e1e1; background:#fff; position:relative; overflow:hidden; }
/*
.innovate .detail{ width:581px; height:190px; display:none; position:absolute; top:0; left:0; padding:20px 0; }
.innovate .detail .text{
    display:none;
    margin-left:160px;
    background-color:red;
    height:100%;
    z-index:99999;
}
*/

.picList li{ width:565px;}
.innovate .detail{ width:581px; height:190px; display:none; position:absolute; top:0; left:0; padding:17px 0; }
.innovate-image{margin-left:14px;margin-top:20px;display:block;width:160px;height:100%;float:left;/*background-color:red;*/background-color:#FFFFFF;text-align:center;z-index:99999;}
.innovate-content{display:block;margin-left:160px; /*background-color:blue;*/background-color:#FFFFFF;height:100%; z-index:99999;}
.innovate-content .content{padding-top:20px;padding-left:20px;color: #636363;font-size:14px;line-height:30px;}
.innovate-content .content .orange{color:#fd6900;}
.innovate-content .content .blue{color:#00a1e9;}

.leftLoop1{ overflow:hidden; position:relative;}
.leftLoop1 .hd{ overflow:hidden; padding:10px 0;}
.leftLoop1 .hd ul{ overflow:hidden; zoom:1; margin:0 auto; width:100px;}
.leftLoop1 .hd ul li{ position:relative; _display:inline; float:left;  width:10px; height:10px; overflow:hidden; background:#ccc; margin-right:10px; text-indent:-999px; cursor:pointer; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(../PIE.htc);}
.leftLoop1 .hd ul li.on{ background:#ff6900; }
.leftLoop1 .bd{}
.leftLoop1 .bd ul{ overflow:hidden; zoom:1; }
.leftLoop1 .bd ul li{ float:left; _display:inline; overflow:hidden; padding:20px;}

.product .box{ border:1px solid #d9d9d9; border-right:0; width:241px;}
.product .box:hover{ border:1px solid #ff0000; width:240px;}
.product .box:hover b{ background:none; width:0px; height:0;}

.product .box1{ border:1px solid #d9d9d9; border-left:0; border-right:0;}
.product .box1:hover{ border:1px solid #ff0000; width:237px;}
.product .box1:hover b{ background:none; width:0px; height:0;}

.product .box3{ border:1px solid #d9d9d9; border-left:0;:0; width:240px;}
.product .box3:hover{ border:1px solid #ff0000; width:239px;}
.product .box3:hover strong{ background:none; width:0px; height:0;}

/*shuzi*/
.shuzi{ border:1px solid #e1e1e1; background:#fff;}
.shuzi li{ float:left; width:239px; background:url(../images/bg2.gif) no-repeat right center; padding:25px 0;}
.shuzi h3{ padding:20px; line-height:32px; font-size:46px; text-align:center;}
.shuzi p{ text-align:center; line-height:24px; color:#898989;}
.shuzi p span{ color:#ff6900;}
.shuzi .none{ background:none;}

/*newtrends*/
.tit2{ height:58px; line-height:58px; padding:0 25px; border-bottom:1px solid #e1e1e1;}
.tit2 h3{ float:left; font-size:20px; font-family:"Microsoft YaHei";}
.tit2 span{ float:right;}
.newtrends{ float:left; border:1px solid #e1e1e1; background:#fff; width:585px;}
.newtrends .nr{ padding:10px 0 10px 10px;}
.newtrends .nr li{ float:left; width:560px; height:34px; line-height:34px; border-bottom:1px dashed #d9d9d9;}
.newtrends .nr h4{ float:left; font-size:14px;}
.newtrends .nr span{ float:right; color:#aaaaaa;}

/*client*/
.client{ border:1px solid #e1e1e1; background:#fff;}
.leftLoop_client{ overflow:hidden; position:relative;}
.leftLoop_client .mask_left{ width:480px; _width:480px; height:180px; _height:0px; background:#fdfcfc; filter:alpha(opacity=40); opacity:0.4; position:absolute; left:0; top:0; z-index:11;}
.leftLoop_client .mask_text1{ width:480px; height:40px; background:#fff; position:absolute; left:0; top:140px; z-index:111;}
.leftLoop_client .mask_right{ width:480px; _width:480px; height:180px; _height:0px; background:#fdfcfc; filter:alpha(opacity=40); opacity:0.4; position:absolute; right:0; top:0; z-index:11;}
.leftLoop_client .mask_text2{ width:480px; height:40px; background:#fff; position:absolute; right:0; top:140px; z-index:111;}
.leftLoop_client .hd{}
.leftLoop_client .hd ul{ zoom:1; margin:0 auto; width:240px; position:relative; height:30px; z-index:1111;}
.leftLoop_client .hd ul li{ position:relative; _display:inline; float:left;  width:10px; height:10px; background:#ccc; margin-right:10px; text-indent:-999px; cursor:pointer; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(../PIE.htc);}
.leftLoop_client .bd{}
.leftLoop_client .bd ul{ overflow:hidden; zoom:1; }
.leftLoop_client .bd ul li{  width:240px; height:175px; background:url(../images/client_xian.gif) no-repeat right center; float:left; _display:inline; text-align:center; position:relative;}
.leftLoop_client .bd ul li img{ margin:60px auto 0 auto;}
.leftLoop_client .bd ul li p{ width:240px; position:absolute; bottom:-1px; left:0; text-align:center; font-size:18px; font-family:"Microsoft YaHei";}
.leftLoop_client .hd .prev{ display:block;  width:18px; height:25px; line-height:10px;overflow:hidden;  cursor:pointer; background:url(../images/gn_right.gif) center no-repeat; position:absolute; right:-58px; right:-58px/9; *right:-26px; _right:-px; top:-23px; top:-23px/9; *top:-7px; _top:--7px; z-index:1111;}
.leftLoop_client .hd .next{
	display:block;
	width:18px;
	height:25px;
	line-height:10px;
	overflow:hidden;
	cursor:pointer;
	background:url(../images/gn_left.gif) center no-repeat;
	position:absolute;
	left:-56px;
	top:-23px;
	z-index:1111;
}
.client .sm{ text-align:center; padding:0 0 30px 0; color:#898989; font-size:14px;}

/*afterservice*/
.service{ float:right; width:585px; border:1px solid #e1e1e1; background:#fff;}
.service .nr{ padding:12px 15px 11px 15px;}
.service .nr .text{ float:left; width:410px; font-size:14px;}
.service .nr .text p{ line-height:32px;}
.service .nr .text span{ color:#ff6900;}
.service .nr .text .s{ padding:10px 0;}
.service .nr .text .s li{ float:left; width:95px; height:24px; line-height:24px; padding:0 0 0 30px;}
.service .nr .text .s1{ background:url(../images/sh.png) no-repeat 0 0;}
.service .nr .text .s2{ background:url(../images/sh.png) no-repeat 0 -24px;}
.service .nr .text .s3{ background:url(../images/sh.png) no-repeat 0 -48px;}
.service .nr .ewm{ float:right; padding:20px 20px 0 0;}

/*footer*/
.footer_warp{ width:100%; background:#fff; border-bottom:1px solid #e6e6e6; border-top:1px solid #e6e6e6;}
.footer{}
.footer .tit{ padding:30px 0 15px 0; line-height:32px; font-size:16px; font-family:"Microsoft YaHei";}
.footer .data{ float:left; width:285px; height:300px; border-left:1px dashed #d9d9d9; padding:0 0 0 50px;}
.footer .apply{ float:left; width:315px; height:300px; border-left:1px dashed #d9d9d9; padding:0 0 0 50px;}
.footer .tool{ float:left; width:205px; height:300px; border-left:1px dashed #d9d9d9; padding:0 0 0 50px;}
.footer .about{ float:left; width:190px; height:300px; border-left:1px dashed #d9d9d9; border-right:1px dashed #d9d9d9; padding:0 0 0 50px;}
.footer .nr1{ color:#00a0e9;}
.footer .nr1 li{ line-height:24px; overflow:hidden;}
.footer .nr1 span{ float:left; width:75px; font-weight:bold;}
.footer .nr1 p{ float:left;}
.footer .nr1 p a{ display:inline-block; width:85px;}
.footer .nr2{ color:#00a0e9; line-height:24px;}
.footer .nr2 a{ display:inline-block; width:80px;}
.copyright_warp{ background:#fff;}
.copyright{ line-height:32px; padding:20px 0; text-align:center;}
.copyright img{ padding:0 0 0 15px;}

/* µÇÂ¼×´Ì¬¿é(chy) */
#navbox{
    position:relative;
}
#login_success{
    position:absolute;
    left:-9999px;
    width:300px;
    height:32px;
    background-color: #FFFFFF;
    text-align:right;
    line-height:35px;
}