/*Index.css*/
@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em{font-style:normal;}


/**/
.case-t{width:960px;margin:0 auto;}
.case{background:#f5f5f5;padding:40px 0 10px;margin-bottom: 20px;}
.case h2{text-align: center;background: url(../images/case_tbg.gif) no-repeat center bottom;padding-bottom: 10px;color: #333;font-size: 30px;}
.ca_t,.ca_m{width:960px;clear: both;}
.ca_t{padding:32px 0 0;width:975px;}
.ca_t li{float: left;width:179px;height: 72px;text-align: center;padding:0 16px 17px 0;}
.ca_t li a{display: block;font-size:16px;color: #5d5d5d;background: #fff;border:1px solid #d9dadb;padding:16px 0 0;height:56px;}
.ca_t li em{display: block;text-transform: uppercase;font-size: 10px;font-family: Arial;-webkit-transform:scale(0.8);color: #8b8b8b;padding:5px 0 0;}
.ca_t li a:hover,.ca_t .cur a{background: #009edf;border:1px solid #009edf;color: #fff;text-decoration: none;}
.ca_t li a:hover em,.ca_t .cur em{color: #fff;}
.ca_t li.nomg{padding-right:0;}
.contcase{}

.til01{background:url(../images/c_tabbg.gif) repeat-x left top;height:70px;line-height:60px;position: relative;overflow: hidden;width: 100%;}
.til01 ul{float:left;overflow: hidden;height: 70px;}
.til01 li{float: left;display: inline-block;font-size: 14px;zoom:1;}
.til01 li a{color: #fff;display: inline-block;height: 70px;position: relative;padding:0 27px;}
.til01 li a:hover,.til01 .cur a{background:url(../images/ic02.gif) repeat-x left top;text-decoration: none;position: relative;}
.til01 li a em{display: none;}
.til01 li a:hover em,.til01 li.cur em{display: block;background: url(../images/ic01.gif) no-repeat center top;width: 15px;height: 10px;margin:0 auto;position:absolute;top:60px;left:45%;}
.til01 .more1{float: right;display: inline-block;text-transform: uppercase;font-style: italic;color: #fff;padding-right: 10px;}

.ca_m{background: #fff;margin:10px auto 0;border-bottom: 1px solid #e3e3e3;padding-bottom:12px;overflow: hidden;width:960px;}
.c_tabc{padding:15px 15px 0;height: 260px;}
.ca_m dl{clear: both;height: 265px;overflow: hidden;padding-bottom:15px;}
.ca_m dt{float: left;width:412px;}
.ca_m dt img{display: block;width: 400px;height: 253px;border:1px solid #d6d7d7;padding:5px;background: #fff;}
.ca_m dd{float: right;width: 480px;color: #3d3d3d;line-height: 30px;}
.ca_m dd h4{font-size: 20px;padding:10px 0 7px;}
.ca_m dd h4 a{color: #3d3d3d;}
.ca_m dd span{display: block;padding:25px 0 0;}
.ca_m dd span a{display: inline-block;width:138px;height:33px;line-height:33px;text-align: center;color:#777;font-size: 15px;border:2px solid #777;font-weight: bold;margin-right: 19px;}
.ca_m dd span a:hover{color:#009edf;}
.ca_m dd span .c_ask{background: #009edf;border:2px solid #009edf;color: #fff;display: none;}
.ca_m dd span .c_ask:hover{color:#e4e1e1;}
.ca_m dd p{font-size:14px;}

.ca_tl{position: relative;border-bottom: 1px solid #d4d4d5;height:44px;line-height: 44px;clear: both;}
.ca_tl h4{height: 43px;border-bottom: 2px solid #009edf;display: inline-block;background: url(../images/ser_ic.gif) no-repeat left center;padding-left: 40px;font-size:16px;float: left;position: absolute;top:0;left:0;}
.ca_tl h4 a{color: #3d3d3d;}
.ca_tl .more{display: inline-block;float: right;width: 134px;height: 25px;line-height: 25px;color: #fff;text-align: center;margin:10px 0 0;}
.c_ser{overflow: hidden;}
.c_ser li{float: left;width:212px;text-align: center;padding:14px 10px 0;line-height: 34px;}
.c_ser img{display: block;width:200px;height:142px;border:1px solid #d8d9da;padding:5px;background: #fff;}
.imblock{display:none !important}
.c_ser span{color: #3d3d3d;}
.c_ser li a{display: block;}
.c_ser li a:hover img{display: block;border:2px solid #009edf;padding:4px;}
.c_ser .nomg{padding-right: 0;}
/**/
.s_ban{width: 960px;margin:0 auto;position: relative;}
.s_pic img{display:block;width: 960px;height:180px;}
.s_ban .s-ban-p{position: absolute;top:54px;right:28px;display: inline-block;}
.s_ban span{display: inline-block;color: #fff;font-size: 18px;padding-left: 52px;}
.s_ban span em{display: block;color: #fff100;font-size: 28px;}
.s_ban span em p{display:inline-block;}
.s_ban span em p{*display:inline;_zoom:1;_display:inline;_font-size:0px;}
.s_ban .s-ban-p a{display: block;color: #fff100;text-align: center;width:134px;height: 31px;line-height:31px;border:2px solid #fff100;margin:10px 0 0 53px;font-size: 14px;font-weight: bold;}
.s_ban .s-ban-p a:hover{color:#fff;}
/**/
.pro{width:960px;margin:0 auto 0;padding:37px 0 0;}
.aside{float: left;width:213px;    height: 380px;
    overflow: hidden;}
.aside h2{background:#009edf;line-height:60px;text-align:center;color:#fff;font-size:16px;}
.p_rm{float: right;width: 724px;}

.p_ban img{display: block;width: 700px;height:154px;padding-bottom:22px;}
.pro .slm{padding:25px 0 45px;clear: both;}
.pro .btn{float: left;display: inline-block;width:33px;height:40px;margin:50px 0 0;}
.pro .slm .btnl:hover{background: url(../images/p_btnh.gif) no-repeat center;}
.pro .slm .btnr{background: url(../images/p_btn.gif) no-repeat center;}
.pro .slm .btnl{background: url(../images/p_btn1.gif) no-repeat center;}
.pro .slm .btnr:hover{background: url(../images/p_btnh1.gif) no-repeat center;}
.pro .slm_c{width:655px;overflow: hidden;height: 180px;float: left;}
.pro .slm li{float: left;width:201px;text-align: center;line-height: 36px;height:180px;padding-right:26px;}
.pro .slm img{display: block;width:197px;height:142px;border:1px solid #d3d4d5;padding:1px;background: #fff;}
.pro .slm a:hover img{display: block;width:197px;height:142px;border:1px solid #009edf;padding:1px;background: #009edf}
.pro .slm li a{color: #3d3d3d;font-size: 14px; display:block;}
.pro .slm li a:hover{color:#009edf;}
.pro .slm li.nomg{padding-right: 0;}
.p_ph{clear:  both;background: url(../images/p_phbg.gif) no-repeat center top;height: 62px;text-align: center;font-size: 14px;color: #373737;display:none;}
.p_ph span{display: inline-block;vertical-align: middle;text-align: left;background: url(../images/p_ph.gif) no-repeat 21px center;padding:0 0 0 69px;width:194px;}
.p_ph span em{display: block;font-size: 26px;color: #009edf; }
.p_ph span em p{display:inline-block;}
.p_ph span em p{*display:inline;_zoom:1;_display:inline;_font-size:0px;}
.p_ph a{display:inline-block;width: 121px;color: #fff;height: 62px;line-height: 62px;font-weight: bold;}
.p_ph a{*display:inline;_zoom:1;_display:inline;_font-size:0px;}
.p_ph a:hover{color:#fff100;}

.coo{width: 960px;margin:0 auto;padding:40px 0 0;display:none;}
.coo h3{text-align: center;font-size: 30px;color: #373737;line-height: 30px;background: url(../images/ic03.gif) no-repeat center 50px;}
.coo h3 span{font-weight: normal;padding-left: 20px;}
.coo h3 strong{color: #009bdb;}
.coo h3 a{display: block;background: url(../images/more.gif) no-repeat;width: 61px;height: 19px;margin:10px auto 0;overflow: hidden;}
.coo .slm{padding:25px 0 0;}
.coo .btn{float: left;display: inline-block;width:36px;height:40px;margin:56px 0 0;}
.coo .slm .btnl:hover{background: url(../images/coo_btnh.gif) no-repeat center top;}
.coo .slm .btnr{background: url(../images/coo_btnn.gif) no-repeat center top;}
.coo .slm .btnl{background: url(../images/coo_btnn1.gif) no-repeat center top;}
.coo .slm .btnr:hover{background: url(../images/coo_btnh1.gif) no-repeat center top;}
.coo .slm_c{width:885px;overflow: hidden;height:146px;float: left;}
.coo .slm li{float: left;width:201px;text-align: center;padding-right:27px;line-height:36px;position: relative;_position:none;}
.coo .slm li a{display: block;border:1px solid #d3d4d5;padding:5px;}
.coo .slm img{display: block;width:189px;height:134px;}
.coo .slm span{color: #3d3d3d;position: absolute;width:189px;bottom:6px;left:6px;font-size: 14px;display: block;_display:none;}
.coo .slm li.nomg{padding-right:0;}

/**/
.ys{margin:36px 0 22px;background: url(../images/ys_bg.jpg) no-repeat center top;height: 2183px;overflow: hidden;}
.ys h3{text-align: center;color: #fff;font-size:36px;height:195px;padding:35px 0 0;}
.ys h3 em{font-family: Arial;font-size: 56px;line-height: 56px;}
.ys h3 span{display: block;font-weight: normal;font-size: 30px;padding:5px 0 10px;}
.ys h3 b{display: block;height: 50px;line-height: 50px;color: #009bdb;font-size: 30px;}
.ys h3 strong{font-weight: normal;}
.ys_m{width: 960px;margin:0 auto;}
.ys_m div{position: relative;z-index: 1;}
.ys_m div img{display: block;position: absolute;z-index: -1;}
.ys h4{text-align: center;color: #fff33f;font-size: 30px;font-weight: normal;}
.ys h4 strong{display: block;font-size:42px;font-weight: normal;}
.ys p{color: #fff;font-size: 14px;line-height: 24px;}
.ys p b{font-size: 16px;}
.y_ask{display: block;font-weight: bold;font-size: 14px;text-align: center;width:149px;height: 41px;line-height: 41px;border:2px solid #fff33f;color: #fff33f;margin:0 auto;}
.ys1 a.y_ask{color: #fff33f;}
.ys1 a.y_ask:hover{color:#fff;}

.experience{margin:25px 57px;height:96px;overflow:hidden;}

.ys1{padding:105px 550px 0px 86px;height: 436px;}
.ys1 img{top:0;left: 0;}
.ys2{padding:120px 45px 0 540px;height: 416px;}
.ys2 img{top:0;left: 0;}
.ys3{padding:55px 610px 0 20px;height:364px;}
.ys3 img{top:0;right: 0;}
.ys4{padding:90px 20px 0 585px;height: 436px;}
.ys4 img{top:0;left: 0;}
.ys4 p{color: #666;}
.ys .ys4 h4{color: #009bdb;}
.ys4 .y_ask{color: #009bdb ;border:2px solid #009bdb;}
.ys4 .y_ask:hover{color:#333;}
.ys5{padding:90px 570px 0 28px;height:316px;}
.ys5 img{top:0;right: 0;}
/**/
.cus h3{text-align: center;font-size: 30px;color: #373737;line-height: 30px;background: url(../images/case_tbg.gif) no-repeat center 50px;}
.cus h3 span{font-weight: normal;padding-right: 20px;}
.cus h3 strong{color: #009bdb;}
.cus h3 a{display: block;background: url(../images/more.gif) no-repeat;width: 61px;height: 19px;margin:10px auto 0;}
.cus{background: url(../images/cus_bg.jpg) repeat-x left top;padding:35px 0 0;margin-top: 42px;display:none;}
.cus_m{clear: both;padding:25px 0 8px;width: 960px;margin:0 auto;display:none;}
.cus dl{height:164px;overflow: hidden;padding:23px 26px 0 16px;float: left;display: inline-block;width: 433px;background: #fff;margin-bottom: 8px;border:2px solid #f4f4f4;}
.cus dt{float: left;width:154px;}
.cus dt img{display: block;width:154px;height:154px;}
.cus dd{float: right;width:265px;display: inline-block;}
.cus dd h4{padding:0 0 7px;font-size: 16px;}
.cus dd h4 a{color: #009ade;}
.cus dd span{display: block;color: #777;}
.cus dd p{line-height: 24px;height:48px;overflow: hidden;padding:5px 0 15px;color: #777;}
.cus dd .det{display: block;width:156px;height:37px;text-align: center;line-height: 37px;color: #fff;border:2px solid #777;color: #777;font-size: 14px;}
.cus dd .det:hover{color: #fff;background: #009ade;border:2px solid #009ade;text-decoration: none;}
.cus .odd{float: right;}
.cus dl.cur{background:url(../images/cus_dlbg.gif) no-repeat left top;height: 166px;border:0;padding:25px 28px 0 18px;}
/**/
.til02{height: 40px;background: #373737;line-height: 40px;}
.til02 h4{float: left;display: inline-block;font-size: 16px;background: #009edf;}
.til02 h4 a{color: #fff;display: inline-block;padding:0 16px;}
.til02 .more{display: inline-block;color: #fff;text-transform:uppercase;font-style: italic;padding-right: 10px;float: right; }
.til02 .more:hover{color:#ffec0d;}
.a_n{width: 960px;margin:35px auto 0;}
.ab{float: left;width:642px;}
.ab dl{clear: both;height:190px;padding:28px 0 35px;}
.ab dt{width:296px;float: left;}
.ab dt img{display: block;width:284px;height:199px;padding:5px;border:1px solid #d2d2d2;}
.ab dd{float:right;width:320px;display: inline-block;}
.ab dd h4 {font-weight: normal;}
.ab dd h4 a{color: #323232;font-size: 16px;}
.ab dd p{line-height:24px;height:104px;overflow: hidden;padding:14px 0 40px;color: #777;width: 300px;font-size: 13px;}
.ab dd span{display: block;}
.ab dd span a{display: inline-block;width:115px;height: 26px;color: #777;text-align: center;line-height: 26px;border:2px solid #777;font-size: 14px;}
.ab dd span a{*display:inline;_zoom:1;_display:inline;_font-size:0px;}
.ab dd span a:hover{color:#027fd1;}
.ab dd span .free{color: #fff;background: #027fd1;border:2px solid #027fd1;margin-left: 9px;}

.ab_t{height: 39px;line-height: 39px;border-bottom: 1px solid #666;position: relative;clear: both;}
.ab_t ul{position: absolute;top:0;left: 0;height: 40px;line-height: 40px;}
.ab_t li{font-weight: bold;font-size: 16px;float: left;}
.ab_t li a{color: #000;display: inline-block;padding:0 20px;height: 40px;}
.ab_t li a:hover,.ab_t .cur a{background: #027fd1;color:#fff;text-decoration: none;}
.ab_t .more{display: inline-block;float: right;background: url(../images/more1.gif) no-repeat;width: 61px;height: 19px;margin-top: 10px;}
.ab .slm{padding:28px 0 45px;clear: both;}
.ab .btn{float: left;display: inline-block;width:28px;height:40px;margin:43px 0 0;}
.ab .slm .btnl{background: url(../images/a_btn1.gif) no-repeat;}
.ab .slm .btnr{background: url(../images/a_btn.gif) no-repeat;}
.ab .slm .btnl:hover{background: url(../images/a_btnh.gif) no-repeat;}
.ab .slm .btnr:hover{background: url(../images/a_btnh1.gif) no-repeat;}
.ab .slm_c{width:586px;overflow: hidden;height: 171px;float: left;}
.ab .slm li{float: left;width:178px;text-align: center;line-height:42px;padding-right:26px;}
.ab .slm img{display: block;width:166px;height:117px;border:1px solid #d3d4d5;padding:5px;}
.ab .slm li a{color: #777;font-size: 13px;}
.ab .slm li.nomg{padding-right: 0;}

.news{float: right;width: 285px;}
.nw_m{clear: both;border:1px solid #d3d4d5;padding:5px 5px;margin-top: 28px;}
.news dt img{display: block;width: 273px;height:96px;}
.news dd{padding:10px 9px 0;}
.news dd h4 {font-weight: normal;line-height: 22px;}
.news dd h4 a{color: #323232;font-size: 16px;}
.news dd p{font-size: 13px;line-height: 22px;color: #777;height: 48px;overflow: hidden;padding:6px 0 15px;}
.news dd .det{display: inline-block;width:115px;height: 26px;color: #777;text-align: center;line-height: 26px;border:2px solid #777;font-size: 14px;}
.news dd .det{*display:inline;_zoom:1;_display:inline;_font-size:0px;}
.news dd .det:hover{color:#027fd1;}
.news ul{border-top:1px dashed #d7d7d7;padding:10px 0 0;height: 204px;overflow: hidden;margin: 22px 9px 0;}
.news li{display: inline-block;width: 100%;height: 34px;line-height: 34px;font-size: 13px;overflow: hidden;}
.news li a{display: inline-block;color: #777;background: url(../images/news_li.gif) no-repeat left 14px;padding-left: 9px;}
.news li a:hover{color:#e87518;}
/**/

.fm{background:#f4f4f4 url(../images/fm_bg.jpg) no-repeat center 11px;height: 451px;display:none;}
.fm h4 {font-weight: normal;color: #fff;font-size: 16px;padding:45px 0 0 22px;}
.fm h4 span{font-size: 14px;padding:0 10px;}
.fm h4 a{display: inline-block;color: #fff;font-size:24px;}
.fm_m{background: url(../images/fm_mbg.png) no-repeat right top;height: 416px;width: 527px;margin:0 auto;padding-left: 453px;}
.fm ul{padding:30px 0 0 10px;}
.fm li{height:24px;line-height:24px;overflow:hidden;padding-bottom:14px;+padding-bottom: 12px;clear: both;margin-top:10px;}
.fm li label,.fm li input,.fm li a,.fm li span,.fm li textarea,.fm li em,.fm li p{float: left;display: inline-block;font-family:"Microsoft Yahei";font-size: 14px;}
.fm li label{width:60px;padding-right:5px;color: #fff;text-align: right;}
.fm li input{width:401px;height:24px;line-height:24px;border:0;background:#fff;padding:0 2px;color:#333;}
.fm li span{*display:inline;_zoom:1;_display:inline;_font-size:0px;}
.fm .fst p{float: left;width:245px;}
.fm .fst input{width:156px;height: 24px;}
.fm .rad input{background: none;width:12px;height:12px;margin: 7px 0 0;}
.fm .rad em{color: #fff;padding:0 20px 0 6px;}
#txt_addrr{width:100px;margin-right:5px;}
.fm .area{height:55px;}
.fm li textarea{display: inline-block;width:401px;line-height:24px;height:80px;border:0;padding:0 2px;background:#fff;color:#333;}

.fm .test{height: 24px;}
.fm .test input{width:120px;}
.fm .test a{padding-left:10px;}
.fm .test a img{display: block;width:74px;height:24px;}
.fm .btn{border:none;background: none;width:220px;height:33px;text-align: center;clear: both;padding:15px 0 0 65px;}
.fm .btn input{width:92px;height:32px;line-height:24px;padding:0;border:2px solid #fff100;cursor: pointer;color: #fff100;background: none;font-weight: bold;}
.fm .btn .rst{margin-left:18px;border:2px solid #d3d4d5;color: #fff; }
.fm li span{display: inline-block;color: #fff100;padding-left:6px;}



/**/
.d_w{background: #f4f4f4;}
.dw{width: 960px;margin:0 auto;padding:40px 0 28px;}

.dyn{float: left;width:314px;display: inline-block;padding-left: 37px;}
.dyn ul{clear: both;height: 272px;overflow: hidden;padding:10px 0 0;font-size: 13px;}
.dyn li{height: 34px;line-height: 34px;display: inline-block;width: 100%;clear: both;overflow: hidden;+height:30px;+line-height: 30px;}
.dyn li a{float: left;display: inline-block;color: #777;background: url(../images/dyn_li.gif) no-repeat left 14px;padding-left: 9px;}
.dyn li a:hover{color:#e87518;}
.dyn li span{float: right;color: #777;}

.wd{float: left;width:285px;}
.wd1{float: right;}
.wd_m{height:270px;overflow: hidden;padding:12px 0 0;}
.wd dl{line-height:30px;border-bottom: 1px dashed #c9c9c9;padding:0 22px 15px 0;margin-bottom: 13px;clear: both;font-size: 13px;}
.wd dt{background: url(../images/wd.gif) no-repeat left 7px;padding-left: 24px;height:30px;overflow: hidden;}
.wd dt a{color: #777;}
.wd dd{background: url(../images/wd.gif) no-repeat left -22px;padding-left: 24px;clear: both;color: #777;}


.vam { vertical-align:middle;}
.clear{clear:both; height:0 !important; line-height:0; font-size:0;}
.fixed:after { content: "."; display: block; clear: both; height: 0;width:0;font-size:0; visibility: hidden; }
.fixed {zoom:1;}
_html .fixed { height: 1%; }
p{ word-spacing:-1.5px;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.pa{ position:absolute;}
.pr{ position:relative}
/* -- 购物车外部框架 -- */
.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}
em{font-style: normal;}


/* -- 页面整体布局 -- */
.header , .content , .footer { width:960px; margin:0 auto; overflow:hidden; }
.left { width:201px; float:left; overflow:hidden;}
.left2 { width:670px; float:left; overflow:hidden;}
.left3 { width:754px; float:left; overflow:hidden; color:#666;}
.lefttop { background:url(../images/left_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-top:10px;}
.left2top { background:url(../images/left2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.leftbot { background:url(../images/left_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;  margin-bottom:10px;}
.left2bot { background:url(../images/right_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px; }
.right { width:754px; float:left; display:inline; margin-left:5px; overflow:hidden;}
.right2 { width:275px;  float:right; overflow:hidden;}
.right3 { width:201px; float:right; overflow:hidden; color:#666;}
.righttop { background:url(../images/right_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.right2top { background:url(../images/right2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.rightbot { background:url(../images/right_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}
.right2bot { background:url(../images/left_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}
.right_main { width:752px; min-height:458px; border:solid 1px #d5d5d5; border-top:0; border-bottom:0; padding-bottom:15px; overflow:hidden;}
.right2_main { width:273px; border:solid 1px #d5d5d5; border-top:0; border-bottom:0; padding-bottom:15px; overflow:hidden;}
.left2_main { width:668px;  border:solid 1px #d5d5d5; border-top:0; border-bottom:0; padding-bottom:15px; overflow:hidden;}
.h_nav li a:-webkit-any-link{ display:block;}