@charset "utf-8";
/* CSS Document */
/* 重置*/
a{ text-decoration:none;padding:0;}
body{ padding:0; margin:0; font-family:"微软雅黑"; font-size:14px;position:relative;
z-index:0; width:100%;}
ul,li,p{ margin:0; padding:0; text-decoration:none;list-style:none;}

/*top*/
.nav_box{ background-color:rgba(255,255,255,0.85);position:fixed;top:0;left:0;-moz-box-shadow:0px 5px 6px 2px rgba(0,0,50,0.4) ; 
  -webkit-box-shadow:0px 5px 6px 2px rgba(0,0,50,0.4) ;
  box-shadow:0px 5px 6px 2px rgba(0,0,50,0.4) ; z-index:99;width:100%;}
.logo{ float:left; margin-top:18px; margin-bottom:17px;}
.nav_center{ width:1200px; margin:0 auto; }
.nav{ float:right;}
.nav_center .nav a{ float:left; line-height:80px; margin-left:54px; color:#005481; font-size:18px; cursor:pointer;}
.nav a:hover{color:#0074b3; font-weight:200;}
.nav1{border-bottom:2px solid #fec13c;}
.current{border-bottom:2px solid #fec13c;}
.clearfix{ clear:both;}
/* ke fu*/
.kf{ position:fixed; top:45%; right:0;  text-align:center; font-size:12px; background-color:rgba(255,255,255,0.5);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px; border:3px solid rgba(51,24,9,0.3);}
.kf li.first {
    background: url(../img/kf_qq.png) no-repeat 50% 10px; cursor:pointer;
	border-bottom:1px solid #bfbfbf;
}
.kf li.last {
    background: url(../img/kf_phone.png) no-repeat 50% 10px;
}
.kf li {
    list-style: none;
    width: 100%;
    height: 50%;
}
.kf li {width:70px; line-height:24px; padding-top:45px;
    list-style: none; 
}
/*banner*/
.b_box{position: relative;z-index:88; width:100%; margin-top:85px; height:300px; overflow:hidden;}
.b_img{width:100%; position:absolute;z-index:89; left:50%; margin-left:-960px; cursor:pointer;  }
/*icon*/
.icon{ width:1024px; margin:0 auto; margin-top:30px;margin-bottom:50px; color:#1a1a1a;}
.ic{ float:left; text-align:center; margin-top:20px;}
.ic p{ text-align:center; margin:0; margin-top:5px; padding:0; font-size:12px;}
.youbianju{ margin-right:61px;}
/*Function*/
.pc{ position:relative; width:100%; background-color:#f5eee3; border-bottom:2px solid #938f88;}
.pc_center{ position:relative; width:1200px; margin:0 auto;height:500px; }
.product1{ float:left; margin-top:58px;}
 .easy{position:absolute; right:0;top:48px; }
.function{position:absolute; right:0;top:168px; cursor:pointer;}

/* 通过on 控制状态 */
.hygl{background-image:url(../img/tb_hygld.png); background-repeat:no-repeat;}
.hygl img { display: none; }
.hygl.on img { display: block; }

.jxc{background-image:url(../img/tb_jxcd.png); background-repeat:no-repeat;}
.jxc img { display: none; }
.jxc .jxcl { display: block; }
.jxc.on img { display: block; }

.vincx{background-image:url(../img/tb_vincxd.png); background-repeat:no-repeat; }
.vincx img{display: none;}
.vincx.on img { display: block; }

.bbtj{background-image:url(../img/tb_bbtjd.png); background-repeat:no-repeat; }
.bbtj img{ display: none;}
.bbtj.on img { display: block; }

.sygj{background-image:url(../img/tb_sygjd.png); background-repeat:no-repeat; }
.sygj img{ display: none;}
.sygj.on img { display: block; }

.gd{background-image:url(../img/tb_gdd.png); background-repeat:no-repeat; }
.gd img{ display: none;}
.gd.on img { display: block; }

.function li{ position:relative; float:right; margin-right:16px; width:81px; height:118px;}

.function li p{position:absolute; width:450px; height:80px; font-size:16px; color:#565655; top:160px; line-height:26px;}
.jxc p { display: none; }
.jxc.on p { display: block; }
.jxc .jxcpl{display: block; }

.function li .hyglp{left:-97px;}
.hygl p { display: none; }
.hygl.on p { display: block; }

.function li .vincxp{left:-194px;}
.vincx p { display: none; }
.vincx.on p { display: block; }

.function li .bbtjp{left:-292px;}
.bbtj p { display: none; }
.bbtj.on p { display: block; }

.function li .sygjp{left:-389px;}
.sygj p { display: none; }
.sygj.on p { display: block; }

.function li .gdp{left:-486px;}
.gd p { display: none; }
.gd.on p { display: block; }


.youbianju1{ margin-right:16px;}
.youbianju2{margin-right:0;}
.fg{ width:580px; height:2px; background-color:#c8c8c6; margin-top:18px; margin-right:18px;}

.function .case{position:absolute; top:270px; -webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px; width:125px; height:32px; border: 1px solid #fec13c; text-align:center; cursor:pointer;}
.case p{ font-size:20px; color:#005481; line-height:32px;}
.case:hover{ background-color:#fec13c;}
.case p:hover{color:white; }

/*wei*/
.wei{ position:relative; width:100%; background-color:#fbfaf7; border-bottom:2px solid #938f88;}
.product2{ float:right; margin-top:20px;}
.wei_center{ position:relative; width:1200px; margin:0 auto;height:500px; }
.function2{position:absolute; left:-20px;;top:168px;}
.easy2{position:absolute; left:0;top:48px; }

/* 通过on 控制状态 */
.function2 .hygl{background-image:url(../img/tb_wxyxd.png); background-repeat:no-repeat;}
.function2 .hygl img { display: none; }
.function2 .hygl.on img { display: block; }

.function2 .jxc{background-image:url(../img/tb_xfjld.png); background-repeat:no-repeat;}
.function2 .jxc img { display: none; }
.function2 .jxc .xfjl { display: block; }
.function2 .jxc.on img { display: block; }

.function2 .vincx{background-image:url(../img/tb_khtxd.png); background-repeat:no-repeat; }
.function2 .vincx img{display: none;}
.function2 .vincx.on img { display: block; }

.function2 .bbtj{background-image:url(../img/tb_yyfwd.png); background-repeat:no-repeat; }
.function2 .bbtj img{ display: none;}
.function2 .bbtj.on img { display: block; }

.function2 .sygj{background-image:url(../img/tb_byjyd.png); background-repeat:no-repeat; }
.function2 .sygj img{ display: none;}
.function2 .sygj.on img { display: block; }

.gd{background-image:url(../img/tb_gdd.png); background-repeat:no-repeat; }
.gd img{ display: none;}
.gd.on img { display: block; }

.function2 li{ position:relative; float:right; margin-right:16px; width:81px; height:118px;}

.function2 li p{position:absolute; width:450px; height:80px; font-size:16px; color:#565655; top:160px; line-height:26px;}
.jxc p { display: none; }
.jxc.on p { display: block; }
.function2 .jxc .xfjlp { display: block; }

.function2 li .hyglp{left:-97px;}
.hygl p { display: none; }
.hygl.on2 p { display: block; }

.function2 li .vincxp{left:-194px;}
.vincx p { display: none; }
.vincx.on2 p { display: block; }

.function2 li .bbtjp{left:-292px;}
.bbtj p { display: none; }
.bbtj.on p { display: block; }

.function2 li .sygjp{left:-389px;}
.sygj p { display: none; }
.sygj.on p { display: block; }

.function2 li .gdp{left:-486px;}
.gd p { display: none; }
.gd.on p { display: block; }

.function2 .case{position:absolute; right:0; top:270px; -webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px; width:125px; height:32px; border: 1px solid #fec13c; text-align:center; cursor:pointer;}

/*star*/
.product3{ float:left; margin-top:20px;}
.function3{position:absolute; right:0;top:188px;}

/* 通过on 控制状态 */
.function3 .hygl{background-image:url(../img/tb_ydkdd.png); background-repeat:no-repeat;}
.function3 .hygl img { display: none; }
.function3 .hygl.on img { display: block; }

.function3 .jxc{background-image:url(../img/tb_ydjcd.png); background-repeat:no-repeat;}
.function3 .jxc img { display: none; }
.function3 .jxc.on img { display: block; }
.function3 .jxc .ydjc { display: block; }

.function3 .vincx{background-image:url(../img/tb_khzzd.png); background-repeat:no-repeat;}
.function3 .vincx img{display: none;}
.function3 .vincx.on img { display: block; }

.function3 .bbtj{background-image:url(../img/tb_xxcxd.png); background-repeat:no-repeat; }
.function3 .bbtj img{ display: none;}
.function3 .bbtj.on img { display: block; }

.function3 .sygj{background-image:url(../img/tb_bbtjd.png); background-repeat:no-repeat; }
.function3 .sygj img{ display: none;}
.function3 .sygj.on img { display: block; }

.function3 .gd{background-image:url(../img/tb_gdd.png); background-repeat:no-repeat; }
.function3 .gd img{ display: none;}
.function3 .gd.on img { display: block; }

.function3 li{ position:relative; float:right; margin-right:16px; width:81px; height:118px;}

.function3 li p{position:absolute; width:450px; height:80px; font-size:16px; color:#565655; top:160px; line-height:26px;}
.jxc p { display: none; }
.jxc.on p { display: block; }
.function3 .jxc .ydjcp{ display: block; }

.function3 li .hyglp{left:-97px;}
.hygl p { display: none; }
.hygl.on p { display: block; }

.function3 li .vincxp{left:-194px;}
.vincx p { display: none; }
.vincx.on p { display: block; }

.function3 li .bbtjp{left:-292px;}
.bbtj p { display: none; }
.bbtj.on p { display: block; }

.function3 li .sygjp{left:-389px;}
.sygj p { display: none; }
.sygj.on p { display: block; }

.function3 li .gdp{left:-486px;}
.gd p { display: none; }
.gd.on p { display: block; }

.function3 .case{position:absolute; top:250px; -webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px; width:125px; height:32px; border: 1px solid #fec13c; text-align:center; cursor:pointer;}

/* banner2 */
.b_box2{ position:relative; width:100%; margin:0 auto; background-color:#fee1b0; height:620px; overflow:hidden;}
.b-center{ position:absolute; top:50px; left:50%; margin-left:-470px;}
/* banner3*/
.b_box3{position:relative; width:100%; margin:0 auto; height:420px;overflow:hidden;}
.b_center2{position:absolute; width:100%; height:420px; position:absolute;left:50%; margin-left:-750px;}
/* banner4*/
.b_box4{ width:1010px; margin:0 auto; margin-top:50px; border:2px solid #005380; padding:35px;}
/* banner5*/
.b_box5{ width:100%; margin:0 auto; margin-top:50px; height:220px;  background-color:#333333;padding-top:40px; }
.b_box5 .bp{ width:500px; margin:0 auto; display:block; }
.b_box5 .bw{ width:182px; height:55px;  margin:0 auto;margin-top:50px; -webkit-border-radius:60px;-moz-border-radius:60px;border-radius:60px;  border: 1px solid #fec13c; text-align:center; cursor:pointer; background-color:white;}
.bw a{ font-size:32px; color:#333333; line-height:55px;}
.bw:hover{ background-color:#fec13c;}
.bw a:hover{color:white;}

/* footer */
.footer{ width:100%; background-color:#dcdcdc; padding-bottom:40px;}
.f_center{ width:1100px; margin:0 auto; padding-left:50px; padding-right:50px; border-bottom:2px solid #005380; padding-top:38px; padding-bottom:20px;}
.left{ float:left; text-align:left;color:#333333;  }
.left_w{ margin-bottom:24px;}
.title{ font-size:24px;margin-bottom:14px; }
.content{ width:700px; font-size:14px; color:#737373; }
.right{ float:right; color:#737373;}
.right .title{ color:#333333;}
.c_right{ display:block;width:400px; text-align:center; margin:0 auto; font-size:14px; color:#737373; margin-top:30px;}




/* producttrials */
.producttrials{ background-color:#f2f3f5;}
.p_center{ margin-top:160px;}
.p_title{ display:block; width:148px; margin:0 auto; margin-bottom:30px;}
.company{ width:325px; margin:0 auto;height:45px;border:1px #bfbfbf solid; border-radius:4px; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; display:block; color:#bfbfbf; margin-bottom:14px;}
.c1{ color:#1a1a1a;}
.entry{ display:block; width:350px; margin:0 auto; line-height:50px; font-size:24px; color:white; background-color:#11b7f4; border:none; border-radius:4px; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; cursor:pointer;margin-top:30px; margin-bottom:160px;}
.entry:hover{ background-color:#11a6dd; }


/* cooperation */
.co{ margin-top:85px;}
.co_bg{ width:100%; height:37px; background-color:#ce706a; padding-top:6px; margin-bottom:50px;}
.co_title{ display:block;margin:0 auto; }
.co_cotent{display:block;margin:0 auto; margin-bottom:70px;}



/* service */
.s_box{ height:350px;}
.service{width:100%; margin:0 auto; margin-top:50px; margin-bottom:70px;}
.s-bg{ display:block; width:1200px; margin:0 auto;}


/* about us */
.about{  width:100%; margin:0 auto; margin-top:165px; margin-bottom:100px;}
.ab_bg{ display:block; margin:0 auto;}