ul{ list-style:none;padding:0px}
.rox{margin-top:40px; margin-bottom:20px;}
.wor{ font-size:13px; color:#666; line-height:23px;}
.wor img{/*padding:0 20px;*/}
.wor p{ font-size:12px;}
.wor h3,.wor h4,.wor h3{ color:#000;margin:10px 0 10px 0;}
.wor h3{ font-size:16px;}


.xwor img{padding:0 20px 0 0;}

.search a{}
.search a{ background:#eee padding:10px;}
.search b{ margin-bottom:5ox;}



/*
.xwor{margin:0 -20px;}
.xwor p,.xwor h3,.xwor h4{ margin:0 20px;}
*/

#subNav .g-wrap .community{display:none}
#subNav .g-wrap .service .xba{ display:none}

.hrx{ background:#7fb9c4; margin:0px; position:relative;z-index:999}

.ban_tit{ text-align:center; color:#707070; font-size:14px;}
.ban_tit img{ display:block; margin:auto; }
.ban_tit hr{border-bottom: dashed 1px #b7d0e2; width:100%; background:none}
.ban_tit h4{ font-size:13px;}

.join{ float:left; margin:50px 0 100px 0;}
.join a{ float:left; width:30%;  margin:0 15px; position:relative;}
.join a img{  z-index:-1; width:100%;}
.join h3{ font-size:30px;  position:absolute;left:20px; right:20px; top:20px;}
.join span{ display:block; clear:both; font-size:15px;margin-top:10px;}
.join_show{ float:left; position:relative; width:100%; background:#fff; height:100%;}
.join_show .rox{ background:#fff}
.ifr .iibox{ float:right; width:800px; background:#fff; position: relative; top:0;left:0;z-index:999;}
.ifr .iibox h2{ float:right;width:800px;  position:fixed; background:#fff;}

.ifr .iibox h2 a{ float:right; display:block; font-size:20px; color:#fff;}

.join a:hover h3{ color:#fff;}
.join a:hover img{opacity: 0.8;}
.join_show h3{ font-size:22px;color:#000; font-weight:400; text-align:center;padding:0 0 20px 0; border-bottom:1px dashed #ddd;  }
.join_show .gk{}
.join_show .gk form{ display:none}
.join_show .gk form.fankui{ display:block;}
.join_show .gk textarea{ width:100%; height:250px;}
.join_show .gk .sia{ float:right; color:#fff; background:#666666; font-size:14px; }
.join_show .gk .sia:hover{ background:#007cc3}


.join_show .wor{ padding:30px 35px 35px 30px;}

.join_show .rox{ margin-top:60px;}


.ix_news{ background:#e1e1e1; padding:5px 0;}
.ix_news a:hover,.ix_news #news_soll a:hover{ color:#00B7EE}
.ix_news h3{ float:left;line-height: 40px; color:#1b1b1b; font-size:16px; background:url(../images/ix_news.png) no-repeat left; padding-left:30px;}
.ix_news #news_soll{     float: left; width:400px;margin-left: 10px;padding: 0px 10px;line-height: 40px;overflow: hidden;height: 40px;}
.ix_news #news_soll a{ float:left; width:100%; clear:both; font-size:13px; color:#707070}
.ix_news #news_soll a span{ float:right; color:#a0a0a0;}
.ix_news b{ float:right;line-height: 40px; background:url(../images/ne_rh.png) no-repeat right; padding-right:10px; font-weight:400;}
.ix_news b a{ color:#a0a0a0;  font-size:13px;}




#top b{ position:absolute; left:200px; top:44px; z-index:999; font-size:12px; font-weight:400;color:#f60 }


.rox{}

.rox .scheme .one{ display:none}
.rox .scheme div.two{margin-top:0px;}
.rox .product .two{ display:none}
.rox .product div.one{ }
.rox .service .three{ display:none}
.rox .contact{ border:none; padding:0px;}



.rox .left{ float:left;height:100%; width:70%; }
.rox .right{ float:right; padding-left:50px; width:30%; }

.rox .right .one{ background:#eee; padding:10px;}
.rox .right .one img{ width:100%;}
.rox .right .one h3{ color:#434343; line-height:35px; padding-top:5px; font-size:18px; text-align:center;}
.rox .right .one a:hover h3{color:#007cc3 }
.rox .right .one a:hover img{ opacity: 0.8;}
.rox .right .one .pointer{bottom:45px;}
.rox .right .one .pager-prev{top:40%; left:10px;  width:35px;height:70px; line-height:70px;border-radius: 10%;}
.rox .right .one .pager-next{top:40%;right:10px;width:35px;height:70px; line-height:70px;border-radius: 10%;}





.rox .right .two{ position:relative; margin-top:20px;}
.rox .right .two img{ width:100%; }
.rox .right .two h3{ font-size:25px; position:absolute;font-weight:400;bottom:10px; left:10px; color:#fff;}
.rox .right .two h3 span{ display:block; clear:both;  color:#fff; font-size:18px;}
.rox .right .two a:hover h3,.rox .right .two a:hover span{color:#007cc3 }
.rox .right .two a:hover img{opacity: 0.8; }


.rox .right .three{ margin-top:20px; background:#c0c0c0; padding:30px 0px 30px 90px;}
.rox .right .three a{ font-size:20px; padding:10px 0; color:#fff; background:url(../images/pg_bi.png) no-repeat left; padding-left:50px;}
.rox .right .three a:hover{color:#fff }
.rox .right .three a{ font-size:20px; padding:10px 0; color:#fff; background:url(../images/pg_bi.png) no-repeat left; padding-left:50px;}
.rox .right .three:hover{ background:#007cc3;color:#fff}

.rox .right .three:hover a{background:#007cc3 url(../images/pg_bi.png) no-repeat left;}

.rox .right .four{ margin-top:20px;}
.rox .right .four h3{ color:#fff; text-align:center; font-size:28px; line-height:50px; background:url(../images/pt_pgh3.jpg) no-repeat;}
.rox .right .four ul{ margin:3px -1px 0 -1px;}
.rox .right .four ul li{ float:left;width:50%;}
.rox .right .four a{ float:left; width:100%; text-align:center; border:solid 1px #fff;  display:block; line-height:40px;color:#007cc3; font-size:14px; background:#e2f5ff}
.rox .right .four a:hover{ color:#fff; background:#007cc3}


.rox #map{ float:left; width:50%;}

.rox .con_right h2{ color:333; font-size:18px;}
.rox .con_right b{ float:left; width:100%;  line-height:50px;  margin-top:35px;font-size:13px; color:#555; padding-left:60px; font-weight:400;}
.rox .con_right{ float:right; padding-left:30px; width:50%; }
.rox .con_right h3{ padding:0 0 5px 0; margin:10px 0; border-bottom:1px solid #ddd;/*background:url(../images/con_add.jpg) no-repeat left; padding-left:30px;*/}
.rox .con_right .one{ background:url(../images/con_add.jpg) no-repeat left;}
.rox .con_right .two{ background:url(../images/con_tel.jpg) no-repeat left;}
.rox .con_right .three{ background:url(../images/con_iphone.jpg) no-repeat left;}
.rox .con_right .four{ background:url(../images/con_fax.jpg) no-repeat left;}
.rox .con_right .five{ background:url(../images/con_mail.jpg) no-repeat left;}










/*�����б�--*/
body .detail ul li a{}
body .detail ul li a:hover{ color:#f60}
/*���л�ɫ*/
#rack .right .stripe li.alt{background: #f9f9f9;padding:0 10px;border-bottom:1px solid #eee;}
.arr{ background: url(../images/arrow.png) no-repeat left;padding:0 10px;}
#rack .right .stripe li {background: #FFF;padding:0 10px;border-bottom:1px solid #eee;}

/*��ҳ--*/
#rack{padding:20px 0px; }
#rack .lefter{padding-right:30px;}
#rack ul{ list-style:none;padding:0px}
/*��ҳbanner*/
.pages_banner{}
.pages_banner img{width:100%; clear:both}
/*��ϸҳͷ*/
.pe_top{width:100%;margin:20px 0 10px 0;}
.pe_top h1{ font-size:19px;line-height:35px; font-weight:400; text-align:center; border-bottom: solid 1px #f5f5f5}
.pe_top span{ line-height:30px; font-size:12px;text-align:center; display:block;color:#888}
.pe_top span b{ font-weight:400;color:#888;margin:0 5px}
/*site*/
#rack .right h2{ font-size:18px;border-bottom:1px solid #eee;color:#0F6CB6}
#rack .right .bread a{}
#rack .right .bread a:hover{color:#f60}
/*��ҳ�����*/
body .lefter .nav li{ background:#f5f5f5;}
body .lefter .nav li a:hover{  background:#fff;}
body .lefter .nav-sub a {margin-bottom:0px;}
body .lefter #subnav .nav-head{  height:40px;line-height:40px;background:#0F6CB6;color:#fff; margin-bottom:0px; font-size:18px}
body .lefter #subnav .active a{color:#f60;border-color: #f60;}
body .lefter #subnav li a:hover{color:#f60}
.con_p{ line-height:24px;padding:10px 10px; border:solid 1px #eee; font-size:12px; color:#666}
.con_p img{ margin:0 0 10px 0;width:100%;}
/*��ҳ���_����*/
body .lefter #subnav .active .ace{ display:block;color:red;border-color: #f60;}
body .lefter #subnav li ul li a,body .lefter #subnav .active ul li a{padding-left:30px;border-color: #ddd; color:#666}
body .lefter #subnav a.hover{ display:block;color:#f60; }
body .lefter #subnav .active a.hover{ color:red;}
body .lefter #subnav .navbx{ display:block}

body .lefter #subnav li ul{ display:none;}
body .lefter #subnav li:hover ul{ display:block;}
/*��ҳ�Ҳ�*/
body .rack .right #big{width:100%;}
body .detail{margin:20px 0 0 0; color:#666; font-size:13px;}
/*��ҳ��ҳ*/
/*��ҳ��ҳ*/
.flip{ float:left;width:100%; padding:10px 0 0px 0; position:relative;margin:28px 0 5px 0; border-top: solid 1px #ddd }
/*.flip hr{ padding:0px;margin:0px 0 5px 0; border:none; background:#ddd;height:1px;}*/
.flip span{margin-bottom:0px;}
.flip .tone{ position:absolute;top:0; left:0}
.flip .list span{margin-top:5px;}
.flip font{ font-size:13px;}

.flip .down{ position:absolute;top:0; right:0;}
.flip a{color:#777;font-size:13px; }

.flip .left{ float:left}
.flip .left span{ display:block;clear:both; color:#777;}
.flip .left span a{color:#999}
.flip .left span a:hover{ color:#f60}
.flip .right{ float:right}
.flip .right .list{ display:block; text-align:right; padding-right:10px; font-size:13px;}

/*��ҳ*/
#pages{margin:30px 0 20px 0;}
#pages .a1{ display:none;}
#selectreadpage{ display:none;}
#pages a{ float:inherit; width:inherit; height:inherit; background:#fff;color:#666;margin:0 2px; padding:5px;font-size:13px; border:solid #ddd 1px; border-radius:4px; }
#pages a:hover{ background:#eee}
#pages span{background:#eee;color:#f60;margin:0 2px; padding:5px;font-size:13px; border:solid #ddd 1px; border-radius:4px;}


/*����--*/
.view-body{padding-top:15px;}
body .form-x .form-group .label{width:30%;}
body .form-x .form-group .field{width:70%;}
body .form-x .form-button {     margin-left:30%;}

/*��Ʒ--*/
.ix_pt li img{ width:100%;border:solid 1px #ddd; padding:2px;}
.ix_pt li h3{ font-size:13px;color:#666; text-align:center;}
.ix_pt li a:hover h3{color:#f60;}
.ix_pt li a:hover img{ border:solid 1px #f60}

/*����ҳ�����*/
.pt_sw{ margin-top:20px;}
.pt_sw h1{ line-height:50px;}
.pt_sw .banner:hover .pager-prev, .pt_sw .banner:hover .pager-next{ display:none;}
.pt_sw .pointer{ display:none;}
.pt_sw .item{margin:0 10px;}

/*banner*/
.banner_box { width:100%; position:relative; margin:0; padding:0; overflow:hidden; }
.banner_box .banner_ul{ float:left;}
.banner_box .pager-prev{ display:none; position:absolute; top:50%; left:20px;}
.banner_box .pager-next{ display:none; position:absolute;top:50%; right:20px;}
.banner_box:hover .pager-prev,.banner_box:hover .pager-next{ display:block; color:#fff}

.banner_ul { width:100%; margin:0; padding:0; }
.banner_ul li{ min-width:100%;}
.banner_ul img { display:block; margin:0 auto; position:relative;}
.banner_pic { width:100%; list-style:none; padding:0; overflow:hidden; }
/*banner�±߰�ť*/
.rslides_tabs { margin:5px auto; clear:both; overflow:hidden; text-align:center; position:absolute; width:100%;  bottom:10px; border:#F00 solid 0px; }
.rslides_tabs li { display:inline; float:none; _float:left; *float:left; margin-right:10px; }
.rslides_tabs a {background:#fff; width:12px; height:12px; border:solid 1px #ddd; text-indent:-9999px; overflow:hidden; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; display:inline-block; _display:block; *display:block;}
.rslides_tabs .rslides_here a { background:#00b7ee}
.page_left { width:217px; background:url(../images/page_l_bg.png) no-repeat; min-height:340px; margin-top:20px; }
.page_left h3.page_l_title { height:47px; line-height:47px; text-indent:125px; font-size:16px; }


/*����--*/
body .img-responsive{margin:auto;width:100% }
body .bread{ color:#ddd}
.wor{padding:10px 0px;line-hight:23px; font-size:13px; color:#666;}
.page_v{margin:20px 0 0 0;}




/*nav*/
.page_nav{ float:left; height:50px; width:100%;position:relative; border-bottom:solid 1px #dfdfdf }
.page_nav ul{ }
#subnav{ position:absolute;left:0;}
#subnav li{ float:left; border-right:1px #fff solid; position:relative;z-index:2}
#subnav li a{  float:left;margin-bottom:10px;font-size:15px; background:#fff; color:#313131;border-radius:0px; line-height:40px; border-bottom:none; margin:0px;padding:0px 20px;}
#subnav li a:hover{ background:#007cc3; color:#fff;}
#subnav .active a{ background:#007cc3; color:#fff; font-weight:100}
#subnav .bxii{ position:absolute;left:0; z-index:1;width:150px;}


.page_nav .bread{ position:absolute;right:10px; padding:0px; margin:0px; color:#434343}
.page_nav .bread a{ line-height:35px; margin:0px; padding:0px; font-size:12px; margin:0 10px;color:#434343}
.page_nav .bread a:hover{ color:#007cc3}
.page_nav .bread span{ margin-right:5px; background:url(../images/bread.png) no-repeat left; padding-left:20px;}


.nav_hr{ margin:0px; background:#999}


/*����*/
.news_sw{ float:left; width:100%; margin-right:-30px; }

.news_sw a{ float:left; width:100%;  margin:0px 0 20px 0;  height:100px;}
.news_sw a h3{ float:left; display:block;width:12%; line-height:30px; background:#9b9b9b; height:100%;}
.news_sw a h3 b{display:block; font-size:25px;   color:#Fff; padding:25px 10px 10px 10px; text-align:center; font-weight:400; border-bottom:1px dashed #fff;}
.news_sw a h3 span{  color:#fff;display:block; line-height:35px;  font-size:12px; text-align:center;}
.news_sw a div{ float:left;  width:86%; height:100%;}/**/
.news_sw a div p{ color:#626262; height:100%;font-size:12px;margin-right:0px;padding:0px 10px 0 15px;background:#f0f0f0; margin-bottom:0px}
.news_sw a div p b{ color:#313131;  font-size:15px; line-height:40px; font-weight:400; display:block;  }
.news_sw a:hover h3{ background:#007cc3}
.news_sw a:hover p b,.news_sw a:hover p{ color:#007cc3}
.news_sw a:hover p{ background:#ddf2fd}

.news_sw .txp{ height:200px}
.news_sw .txp img{ float:left; width:50%; height:100%;}
.news_sw .txp div{ float:right; padding-left:20px; width:50%;}
.news_sw .txp div h3{ font-size:16px; color:#313131; background:none; width:100%; height:30px;}
.news_sw .txp div span{ float: left;display: block;font-size:12px; color:#898989; margin:5px 0 10px 0;background:none; width:100%;}
.news_sw .txp div p{ float:left; color:#626262; font-size:12px;background:none; height:inherit; height:auto; width:100%; padding:0px;}
.news_sw .txp div b{ float:left; margin-top:10px;padding:5px 20px;background:#aaa; font-size:13px; color:#fff; font-weight:400;}

.news_sw .txp:hover h3,.news_sw .txp:hover p{ color:#007cc3}
.news_sw .txp:hover img{opacity: 0.7;}
.news_sw .txp:hover b{ background:#007cc3}
/*-----------------------*/
/*����*/

#nav .nav_x a{color:#00B7EE}

.scheme_sw{}
.scheme_sw a{ float:left; width:100%; margin-bottom:30px; height:120px;}
.scheme_sw a img{ float:left; width:27%; height:100%;}
.scheme_sw a div{ float:left;height:100%; padding-left:20px; width:73%; background:#f1f1f1}
.scheme_sw a div h3{ font-size:18px; color:#333; padding:13px 0 17px 0}
.scheme_sw a div p{ font-size:13px; color:#959595; margin:0px;}
.scheme_sw a:hover img{opacity: 0.7;}
.scheme_sw a:hover h3,.scheme_sw a:hover p{ color:#007cc3}



/*留言*/
.gbook{ padding-right:50px;}
.gbook h2{ font-size:16px; color:#000}
.gbook form{margin-top:20px;}
.gbook div{ float:left; width:50%; margin:7px 0;line-height:40px;}
.gbook div b{ float:left; color:#626262; font-size:16px; font-weight:400; width:25%;  padding-right:10px;text-align:right;}
.gbook div input{ width:75%; border:1px #d7d6d6 solid; line-height:27px; }
.gbook .xog{ width:100%;}
.gbook .xog b{ width:12.5%;}
.gbook .xog input{ width:87.5%;}
.gbook textarea{ width:87%;border:1px #d7d6d6 solid;line-height:20px; height:150px; }
.gbook .sia,.gbook .sib{ float:right; margin:0 0 0 15px; border:none; background:#626262; padding:5px 20px; color:#fff; font-size:16px;}
.gbook .sia:hover,.gbook .sib:hover{ background:#007CC3}
#top .bg-inverse{ background:none;}
#top .bg-inverse{ position:absolute; bottom:0;right:0;}
#top .bg-inverse ul li a,#top .bg-inverse ul .active .drop-menu a{ color:#666; line-height:70px; padding:0 13px; font-size:15px}
#top .bg-inverse ul li a:hover,#top .bg-inverse ul .active .drop-menu a:hover{ background:none; color:#f60}
#top .bg-inverse ul .active a{ background:none; color:#f60; font-weight:400;}
#top .bg-inverse .drop-menu{ border-radius: 0px; min-width:100%;}
#top .bg-inverse .drop-menu a,#top .bg-inverse ul .active .drop-menu a{ font-size:13px; line-height:30px; padding:0px; text-align:center;}
#top .tel{ position:absolute;right:10px; top:5px;padding:5px 0; color:#09c; line-height:20px; background: url(../images/tel.png) no-repeat left; padding-left:40px;}
#top .tel span{ display:block; color:#999}


/**/
.app{padding:50px 0 100px 0;}
.app .img{ float:left; width:60%; text-align: center}
.app .box{float:left; width:40%; margin-top:50px;}
.app .box h2{ color:#000; font-size:40px; color:#535353}
.app .box div{ float:left; width:50%;padding:0 30px 0 0;}
.app .box div a{ display:block; margin:30px 0 30px 0; font-size:20px; padding:5px 0; line-height:25px; text-align:center; border-radius: 4px;color:#Fff; width:100%; background:#007cc3}
.app .box div a b{ font-weight:400; margin-right:10px; font-size:35px;}
.app .box div a:hover{ background:#f60}
.app .box div img{ display:block; margin:auto;}
.app .box div span{ line-height:30px; text-align:center; color:#666; font-size:13px; width:100%; display:block}

.rom{ width:100%; background:#eee;}
.rom_img{ text-align:center;margin:auto; display:block; padding:30px 0px 25px 0px}




body .room{ padding-top:40px; padding-bottom:70px; margin-bottom:0px;}
.room .left{ float:left;}
.room .right{ float:left; }

.tit{float:left;height:40px; position:relative; padding-bottom:13px; width:100%; border-bottom:1px #ddd solid;}

.room .left .tit img{ float:left}
.room .left .tit a{ float:right; margin-top:10px; color:#007cc3; font-size:10px;}

.room .left .box{ float:left;margin-top:20px; border-left: 1px solid #d6d6d6;border-top: 1px solid #d6d6d6;}

.room .left .box a{ float:left; width:33.3%;border-right: 1px solid #d6d6d6;border-bottom: 1px solid #d6d6d6;}
.room .left .box a img{width:100%;border: 1px solid #fff;}
.room .left .box a:hover img{border: 1px solid #007CC3;}

/*
.room .left .box a{ float:left; width:100%; border-bottom:1px #ddd solid; margin:15px 0 0px 0; padding-bottom:15px;}
.room .left .box a h3{ float:left; display:block;width:10%; background:#9b9b9b; }
.room .left .box a h3 b{display:block; font-size:25px; color:#Fff; padding:10px 10px 10px 10px; text-align:center; font-weight:400; border-bottom:1px dashed #fff;}
.room .left .box a h3 span{  color:#fff;display:block; line-height:25px;  font-size:12px; text-align:center;}
.room .left .box a p{ float:left;padding-left:10px; width:90%; color:#626262; font-size:12px;margin:0px;}
.room .left .box a p b{ color:#313131;  font-size:15px; font-weight:400; display:block;  }
.room .left .box a:hover h3{ background:#007cc3}
.room .left .box a:hover p b,.room .left .box a:hover p{ color:#007cc3}
*/
.room .right{ }
.room .right .box{ float:left; margin:20px -5px 0 -5px; }
.room .right .box a{ float:left; display:block; margin:0px  5px 10px 5px; padding:36px 0px 37px 30px; width:252px;}
.room .right .box .axa{ background:#c8c8c8; color:#434343}
.room .right .box .axb{ background:#00b7ee; color:#fff}
.room .right .box a:hover{ background:#f60; color:#fff}
.room .right .box a span{padding:10px 0 10px 55px;}
.room .right .box .sr_a{background:url(../images/sr_a.png) no-repeat left;}
.room .right .box .sr_b{background:url(../images/sr_b.png) no-repeat left;}
.room .right .box .sr_c{background:url(../images/sr_c.png) no-repeat left;}
.room .right .box .sr_d{background:url(../images/sr_d.png) no-repeat left;}
.room .right .box a:hover .sr_a{background:url(../images/sr_as.png) no-repeat left;}
.room .right .box a:hover .sr_d{background:url(../images/sr_ds.png) no-repeat left;}


/*�ײ�*/
.footer{}
.footer .tone{  padding:30px 0px;background:#252525 url(../images/foot_tone_bg.jpg) no-repeat 100%;}
.footer .tone ul{ float:left; width:75%;padding-left:0px;}
.footer .tone ul li{ float:left; width:20%; }
.footer .tone ul li h3{ color:#fff; font-size:16px; margin-bottom:10px;}
.footer .tone ul li a{ font-size:12px; line-height:20px; color:#aaaaaa; display:block; clear:both; }
.footer .tone ul li a:hover{ color:#fff}
.footer .tone .right{ float:left; text-align:left; width:25%;padding-left:50px; border-left:solid 1px #494949;}

.footer .tone .right h3{ color:#d2d2d2; font-size:16px;}

.footer .tone .right h2{ color:#fff;font-style: italic;font-size:27px; margin:10px 0; background:url(../images/foot_tel.png) no-repeat left; padding-left:30px;}
.footer .tone .right img{}
.footer .tone .right span{ display:block; clear:both; color:#c9c9c9; font-size:12px;}

.footer .down{ background:#000;color:#535353; font-size:12px; text-align:center; padding:20px 0px; line-height:23px;}


@media (min-width:760px){/*�ʼDZ�*/
.container{ padding-left:0px;padding-right:0px;}
#top .logo{width:100%; margin-top:10px; display:block;}
#top .logo img{ /*display:block; text-align:center; margin:auto;*/}
#top{height:136px; position:relative;}
.sre{ position: absolute; top:0; right:0;}
.sre #searchform{ margin:20px 10px 0 0;}
/*#top .logo{ float:left; position:absolute;top:15px; left:0; z-index:999}
#header{ }*/

.room .left{ width:100%}
.room .right{ width:100%;padding-left:0px; margin-top:20px}
.room .right .box a{ font-size:23px;}


    #subNav .g-wrap .about{left:150px; /*width:835px; background:url(../images/nav_bg1.jpg) no-repeat;*/}
	#subNav .g-wrap .news{left:260px;/*background:url(../images/nav_bg1.jpg) no-repeat;*/}
	#subNav .g-wrap .product{left:420px;}
	#subNav .g-wrap .scheme{left:380px;/*background:url(../images/nav_bg1.jpg) no-repeat;*/}
	#subNav .g-wrap .contact{left:500px;/*background:url(../images/nav_bg1.jpg) no-repeat;*/}
	#subNav .g-wrap .service{ left:580px;}
	#subNav .g-wrap .community{left:660px;/*background:url(../images/nav_bg1.jpg) no-repeat;*/}
}

@media (min-width:1000px){/*��ͨ����*/
#top{height:80px; position:relative;}
#top .logo{ position:absolute;bottom:15px; left:0; width:inherit; z-index:999}
.sre{ position: inherit; top: inherit; right:inherit;}
.sre #searchform{ margin:30px 0px 0 10px;}

.room .right .box a{ font-size:16px;margin-top:0px;}


.room .left{ width:53%}
.room .right{ width:47%;padding-left:40px;}

.container{ padding-left:0px;padding-right:0px;}
    #subNav .g-wrap .about{left:355px; /*width:835px; background:url(../images/nav_bg1.jpg) no-repeat;*/}
	#subNav .g-wrap .news{left:435px;/*background:url(../images/nav_bg1.jpg) no-repeat;*/}
	#subNav .g-wrap .product{left:515px;}
	#subNav .g-wrap .scheme{left:595px;/*background:url(../images/nav_bg1.jpg) no-repeat;*/}
	#subNav .g-wrap .contact{left:675px;/*background:url(../images/nav_bg1.jpg) no-repeat;*/}
	#subNav .g-wrap .service{ left:755px;}
	#subNav .g-wrap .community{left:835px;/*background:url(../images/nav_bg1.jpg) no-repeat;*/}
}

@media (min-width:1200px){/*��������*/

.room .right .box a{ font-size:23px;}

.sre{ position: inherit; top: inherit; right:inherit;}
.sre #searchform{ margin:30px 0px 0 10px;}

#top{height:80px; position:relative;}
#top .logo{ position:absolute;bottom:15px; width:inherit;left:0; z-index:999}


.room .left{ width:53%}
.room .right{ width:47%;padding-left:40px;margin-top:0px;}

#subNav .g-wrap .scheme div a{width:150px;}

.container{ padding-left:0px;padding-right:0px;}
    #subNav .g-wrap .about{left:455px; width:695px; /*width:835px; background:url(../images/nav_bg1.jpg) no-repeat;*/}
	#subNav .g-wrap .news{left:585px;/*background:url(../images/nav_bg1.jpg) no-repeat;*/}
	#subNav .g-wrap .product{left:635px; width:515px;}
	#subNav .g-wrap .scheme{left:725px; width:425px;/*background:url(../images/nav_bg1.jpg) no-repeat;*/}
	#subNav .g-wrap .contact{left:845px;/*background:url(../images/nav_bg1.jpg) no-repeat;*/}
	#subNav .g-wrap .service{ left:905px;}
	#subNav .g-wrap .community{left:985px;/*background:url(../images/nav_bg1.jpg) no-repeat;*/}
}

@media (max-width:760px){/*�ֻ�*/

.room .right{margin-top:20px;}

.ix_news b{ text-align:center;width:100%; line-height:30px;}

.sre{ position: absolute; top:0; right:0;}
.sre #searchform{ margin:25px 10px 0 0;}

.container{ padding-left:10px;padding-right:10px;}
#rack{padding-left:10px;padding-right:10px;}

/*����*/
#top .logo{ position:inherit; bottom:0px; margin:auto; display:block; width:100%; margin-top:10px;}
#top .bg-inverse{ float:left; position:inherit;width:100%; background:#eee;}
#top .bg-inverse .nav{ padding:0px;}
#top .bg-inverse ul li{ float:left; width:25%; border:solid 1px #fff}
#top .bg-inverse ul li a{ text-align:center;text-indent:0em; padding:0px;}
#top .bg-inverse ul li .drop-menu li{ width:100%;}

/**/
#top #header { margin:10px 0; height:70px;}
#top #header .g-wrap{overflow:inherit; }
#top #header #nav{ overflow:inherit;}
#header #nav{ padding-left:0px; position:inherit;}
#header #nav li{ width:25%; height:35px;border:solid 1px #fff}
#header #nav li a{line-height:35px; background:#eee;}
#header #nav li a span{ background:#eee;}
#header #nav li .bkg{ display:none;}
#header #nav li a:hover span{ color:#f60}

/**/
body .da-thumbs li{ width:50%;}

/**/
body .about .box a{ width:50%;}
body .about .box a img{ height:175px;}
/**/
.page_nav ul{ width:100%;}


/**/
.footer .tone ul{ width:100%;}
.footer .tone .right{ width:100%; border:none; text-align:center;}
.footer .tone .right h2{ background:none;}

body .bread{ text-align:center; margin:0px;}

/*��ҳ��ർ����*/
body .lefter .nav li{float:left; width:25%; background:none}
body .lefter .nav a{ border:none;margin:0 10px; text-align:center; background:#eee;border-radius:0px;}
body .lefter .nav li a:hover{ background:#ddd}

/*��ҳ����*/
.flip .right{ margin:auto; margin-top:5px;text-align:center; width:100%;}
.flip .right a{ float:inherit; text-align:center;}
.flip .right .list{ text-align:center; width:100%; margin-top:5px;}
}




.g-wrap {position:relative; margin:0 auto; /*width:1130px;*/ height:100%; overflow:hidden;}
#header { position:relative; z-index:5; height:80px; background-color:#fff;}
    #nav {position:absolute; top:0; right:0; z-index:4; height:100%; background-color:#fff; overflow:hidden;}
    #nav li {float:left; height:100%; -webkit-transition:background-color 700ms; transition:background-color 700ms;}
   #nav li a:hover span{color:#fff}
    #nav .n1 {width:90px;}
	 #nav .nn {width:80px;}
	 #nav .nn .ox{ background:#fff;color:#666}/**/
	 #nav .nn a:hover .ox{ background:none; color:#fff}
    #nav .n2, #nav .n3, #nav .n5, #nav .n6, #nav .n7, #nav .n8 {width:83px;}
    #nav .n4 {width:96px;}
    /*#nav li a {position:relative; display:block; width:100%; height:100%;}
    #nav li a * {position:absolute; bottom:0; left:0; z-index:2; width:100%; height:100%; background:no-repeat 16px 32px; -webkit-transition:-webkit-opacity 200ms; transition:opacity 200ms; cursor:pointer;}
    #nav li a .on {-webkit-opacity:0; opacity:0; display:none\9;}
    #nav li a .slideBlock {z-index:1; height:0; background:#f00; -webkit-transition:height 200ms; transition:height 200ms;}
    #nav .n1 a .off {background-image:url(../img/header/nav_1.png)}
    #nav .n2 a .off {background-image:url(../img/header/nav_2.png)}
    #nav .n3 a .off {background-image:url(../img/header/nav_3.png)}
    #nav .n4 a .off {background-image:url(../img/header/nav_4.png)}
    #nav .n5 a .off {background-image:url(../img/header/nav_5.png)}
    #nav .n6 a .off {background-image:url(../img/header/nav_6.png)}
    #nav .n7 a .off {background-image:url(../img/header/nav_7.png)}
    #nav .n8 a .off {background-image:url(../img/header/nav_8.png)}
    #nav .n1 a .on {background-image:url(../img/header/nav_1_on.png)}
    #nav .n2 a .on {background-image:url(../img/header/nav_2_on.png)}
    #nav .n3 a .on {background-image:url(../img/header/nav_3_on.png)}
    #nav .n4 a .on {background-image:url(../img/header/nav_4_on.png)}
    #nav .n5 a .on {background-image:url(../img/header/nav_5_on.png)}
    #nav .n6 a .on {background-image:url(../img/header/nav_6_on.png)}
    #nav .n7 a .on {background-image:url(../img/header/nav_7_on.png)}
    #nav .n8 a .on {background-image:url(../img/header/nav_8_on.png)}

    #nav li a.on .off{-webkit-opacity:0; opacity:0; display:none\9;}
    #nav li a.on .on {-webkit-opacity:1; opacity:1;  display:block\9;}
    #nav li a.on .slideBlock {height:100%;}*/

    #nav li a {font-weight:bold;position:relative; z-index:2; display:block; width:100%; height:100%; font-size:14px; line-height:79px; text-align:center; color:#777; -webkit-transition:color 200ms; transition:color 200ms;}
    #nav li a.on {color:#fff;}
    #nav li a span {position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; }
    #nav li a .bkg {top:100%; z-index:1; background-color:#007cc3; -webkit-transition:top 200ms; transition:top 200ms;}
#nav li .hover{ background:#007cc3; color:#fff}

    #nav li a.on .bkg,
    #nav li a:hover .bkg {top:0;}

    #shop {position:absolute; bottom:0; right:0; z-index:5; width:78px; height:100%; background:#fff; border-left:1px solid #e5e5e5;}

    #shop {width:85px;}
    #shop .btn-search {position:absolute; top:0; left:10px; width:40px; height:100%; background:url(../img/icon_search.png) no-repeat 11px 30px;}
    #shop .btn-search:hover,
    #shop .btn-search.on {background-image:url(../img/icon_search_on.png);}
        /*#searchbox {display:none; position:absolute; top:100%; z-index:11115; line-height:44px; right:0; padding:0 20px; width:200px; height:44px; border:8px solid #4c4a4f;}*/
    #shop .btn-lang {position:absolute;top:0; right:-10px; padding:0 10px; width:auto; height:100%; font-weight:bold; font-size:13px; line-height:76px; color:#666369; background-color:#fff; -webkit-transition:color 300ms; transition:color 300ms;}
    #shop .btn-lang:hover {color:#ff2424;}

#content {position:relative; /*overflow:hidden;*/}
    #subNav {position:absolute; top:0; left:0px; z-index:4; width:100%; height:120px; overflow:hidden;/**/}
      #subNav .g-wrap .xba{ /*height:200px;*/ padding:0px;}


	 #subNav .g-wrap .xba div{  padding:13px 7px 13px 80px; background:#fff; height:100%;}
	 #subNav .g-wrap .xba img{ float:left;  padding:10px; background:#fff; height:100%;}
	 #subNav .g-wrap .xba img{}

    #subNav .g-wrap {overflow:visible;}
    #subNav .g-wrap .item{position:absolute; background:none;top:-100%;padding:0px 0px; /*min-width:100%; width:100%;*/ /*height:100%; background-color:#4c4a4f*/; overflow:hidden; -webkit-transition:top 300ms; transition:top 300ms; height:120px;}
    #subNav .g-wrap .contact{ border:none;}
	 #subNav .g-wrap .contact img{ width:200px;}
    #subNav .g-wrap .scheme img{/* width:200px;*/}


    #subNav .g-wrap .search input { padding:0 20px; width:200px; height:44px; line-height:44px; }
    #subNav .g-wrap .langs {right:0; padding:0 15px; width:auto;}
    #subNav .g-wrap .on {top:0; z-index:999}
    #subNav .g-wrap .item a {font-weight: bold; display:inline-block; background:url(../images/arrow_bule.png) no-repeat left;padding:0 13px 0 7px;  font-size:12px; line-height:25px; color:#666;-webkit-transition:color 300ms; transition:color 300ms;}
    #subNav .g-wrap .item a:hover {color:#007cc3;}








.scheme_ix{ background:#f1f1f1;}

.fix{*zoom:1;}
.fix:after{clear:both;content:"";display:table;}

/*case*/
.container{}
.da-thumbs {position:relative;font-size:0; padding-left:0px; margin:0 -10px 0 -10px;}
.da-thumbs li{float:left;width:280px; margin:10px; position:relative;overflow:hidden;*width:19.97%;}
.da-thumbs li h3{ position:relative; z-index:999; background:#eee; font-size:16px;color:#313131;line-height:50px; text-align:center;}
.da-thumbs li a img{ display:block;margin:0 auto;position:relative;border:0; }
.da-thumbs li:hover h3{color:#f60}
.da-thumbs li a>img{width:100%;max-width:100%;transform:scale(1);transition:all 0.6s ease-in-out;}
.da-thumbs li a:hover>img{transform: scale(1.1);transition: all 0.4s ease-in-out;}
.da-thumbs li a{overflow:hidden;display:block;}
.da-thumbs li a div{position:absolute;width:100%;height:100%;left:0;top:0;padding-top:10%;display:none;}
.da-thumbs li a:hover div{*display: block;}
.da-thumbs li a div img{position:relative;z-index:2;top:50px;}

.da-shade{background:#007cc3;opacity:0.8;position:absolute;width:100%;height:100%;}
.da-thumbs h2{position:absolute;bottom:0;left:0;width:100%;font-size:16px;color:#fff;font-family:"΢���ź�";font-weight:normal;text-align:center;line-height:40px;z-index:4;}
.da-thumbs .title_shade{background:#000;opacity:0.5;filter:alpha(opacity=50);position:absolute;z-index:2;bottom:0;left:0;height:40px;width:100%;}
.da-thumbs li a:hover h2{display:none;}
.da-thumbs li a:hover .title_shade{display:none;}



.about_ix{ margin-bottom:40px;}
.about_ix .box a{ float:left; width:295px; background:#000}
.about_ix .box a img{ float:left; /*width:100%;*/ display:block;}
.about_ix .box a .onei{ margin-top:-12px; position:relative; z-index:9}
.about_ix .box a .twoi{ margin-bottom:-12px;position:relative; z-index:9}
.about_ix .box a img{ /*width:100%;*/}
.about_ix .box a:hover img{ opacity: 0.9;}


















/* reset webkit search input browser style
.idx_srh{ float:right; position:relative; width:20%; z-index:999}
input.search {
	outline: none;
}
#header{ float:left; width:70%;}
#top .logo{ float:left; width:10%;}

.submit{ position:absolute;right:0;}
input.search[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}
input.search::-webkit-search-decoration,
input.search::-webkit-search-cancel-button {
	display: none;
}


input.search[type=search] {
	background: #ededed url(../images/search-icon.png) no-repeat 9px right;
	border: solid 1px #ccc;
	padding: 9px 10px 9px 32px;
	width: 55px;

	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;

	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
input.search[type=search]:focus {
	width: 130px;
	background-color: #fff;
	border-color: #6dcff6;

	-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
	box-shadow: 0 0 5px rgba(109,207,246,.5);
}

input.search:-moz-placeholder {
	color: #999;
}
input.search::-webkit-input-placeholder {
	color: #999;
}*/
	#searchform { float:right; position:relative;z-index:999;  margin:30px 0px 0px 10px; padding:0px; }
	#searchform fieldset { padding:0px; border:none; margin:0px;  border:solid 1px #77bee6;border-radius:5px; height:20px;}
	#searchform input[type="text"] {
		background:none;
		border:none;
		float:left;
		padding:0px 10px 0px 5px;
		margin:0px;
		width:53px;
		height:20px;
		line-height:17px;
		transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
		-moz-transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
		-webkit-transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
		-o-transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
		color:#585858;
	}
	#searchform input[type="text"]:hover, #searchform input[type="text"]:focus { width:100px; }
	#searchform input[type="submit"] { float:right; z-index:999; position:absolute;right:0;top:0; background:url(../images/search.png) center no-repeat; cursor:pointer; margin:0px; padding:0px; width:20px; height:20px; line-height:38px; }

	input[type="submit"] { padding:4px 17px; color:#ffff;color:#585858; ff; text-transform:uppercase; border:none; font-size:20px; background:url(gradient.png) bottom repeat-x; cursor:pointer; margin-top:10px; float:left; overflow:visible; transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -webkit-transition: all .3s linear; }

	#searchform input[type="submit"]:hover {  }
	.style_1 #searchform input[type='submit'] { background-color:#25ade4; }

	.style_1, .style_2, .style_3, .style_4, .style_5 { margin:10px; display:block; clear:both }




.group_bg{ background:#f1f1f1; width:100%;}
div.group{padding:50px 0 40px 0;}
.group h3{ float:left; width:130px;height:150px; font-size:18px; margin:0 0 10px 0; color:#333;display: block; }
.group .box{ float:left; margin:30px 0 0 0;}
.group .box a{ float:left; line-height:70px; text-align: center; width:234px;margin:0 3px 10px 3px; color:#868585; font-size:18px; background:#e2e2e2}

.group .box a:hover{ color:#fff; background:#007CC3}


.group .box a span{display: block;padding-left:45px; margin-left:30px}
.group .box a.one span{background:url(../images/one.png) no-repeat left;}
.group .box a.two span{background:url(../images/two.png) no-repeat left;}
.group .box a.three span{background:url(../images/three.png) no-repeat left;}
.group .box a.one,.group .box a.two,.group .box a.three{text-align: inherit;background:#e2e2e2; color:#007cc3 }



div#subNav .g-wrap .scheme div a{ padding:0px 0 0 7px; width:167px;}