html{color:#000;background:#FFF}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul,li,dl{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
body{font-family:"Microsoft YaHei",tahoma,verdana,arial,sans-serif; font-size: 12px;}
a{text-decoration:none;}


.red_banner{ background-image:url(../image/bg1.jpg); background-position:center top;width:100%; height:540px;}
.yellow_banner{ background-image:url(../image/bg2.jpg); background-position:center top;width:100%; height:540px;}
.gray_banner{ background-image:url(../image/bg3.jpg); background-position:center top;width:100%; height:540px;}
.blue_banner{ background-image:url(../image/bg4.jpg); background-position:center top;width:100%; height:540px;}
.green_banner{ background-image:url(../image/bg5.jpg); background-position:center top;width:100%; height:540px;}

.red_div a{ background-image:url(../image/icon12.png);color:#dc133d;}
.yellow_div a{ background-image:url(../image/icon21.png);color:#fea500;}
.gray_div a{ background-image:url(../image/icon31.png);color:#666;}
.blue_div a{ background-image:url(../image/icon41.png);color:#1398fd;}
.green_div a{ background-image:url(../image/icon51.png);color:#00b200;}


.red_text{color:#dc133d;}
.red_a a{border:1px solid #D9113B;color:#D9113B;}
.red_a .cur{ background-color:#D9113B;}
.red_a .computer span{background-image:url(../image/pic1.png);}
.red_a .phone span{background-image:url(../image/pic1-1.png);}

.yellow_text{color:#fea500;}
.yellow_a a{border:1px solid #fea500;color:#fea500;}
.yellow_a .cur{ background-color:#fea500;}
.yellow_a .computer span{background-image:url(../image/pic2.png);}
.yellow_a .phone span{background-image:url(../image/pic2-2.png);}

.gray_text{color:#666;}
.gray_a a{border:1px solid #666;color:#666;}
.gray_a .cur{ background-color:#666;}
.gray_a .computer span{background-image:url(../image/pic3.png);}
.gray_a .phone span{background-image:url(../image/pic3-3.png);}

.blue_text{color:#1398fd;}
.blue_a a{border:1px solid #1398fd;color:#1398fd;}
.blue_a .cur{ background-color:#1398fd;}
.blue_a .computer span{background-image:url(../image/pic4.png);}
.blue_a .phone span{background-image:url(../image/pic4-4.png);}

.green_text{color:#00b200;}
.green_a a{border:1px solid #00b200;color:#00b200;}
.green_a .cur{ background-color:#00b200;}
.green_a .computer span{background-image:url(../image/pic5.png);}
.green_a .phone span{background-image:url(../image/pic5-5.png);}


.red1_a a{ border:1px solid #D9113B;}
.red1_a .cur{background-color:#D9113B;}

.yellow1_a a{ border:1px solid #fea500;}
.yellow1_a .cur{background-color:#fea500;}

.gray1_a a{ border:1px solid #666;}
.gray1_a .cur{background-color:#666;}

.blue1_a a{ border:1px solid #1398fd;}
.blue1_a .cur{background-color:#1398fd;}

.green1_a a{ border:1px solid #00b200;}
.green1_a .cur{background-color:#00b200;}

.red_some{color: #D9113B;}
.yellow_some{color: #fea500;}
.blue_some{color: #1398fd;}
.green_some{color: #00b200;}
.gray_some{color: #666;}

.red_p{ border-bottom:1px solid #D9113B; }
.yellow_p{ border-bottom:1px solid #fea500; }
.blue_p{ border-bottom:1px solid #1398fd; }
.green_p{ border-bottom:1px solid #00b200; }
.gray_p{ border-bottom:1px solid #666; }

.red_em{ background-color:#dd1442;}
.yellow_em{ background-color:#fb9f24;}
.blue_em{ background-color:#3297e7;}
.green_em{ background-color:#248d25;}
.gray_em{ background-color:#666;}

.red_sp{ background:url(../image/icon12.png) no-repeat left center; color:#D9113B;}
.yellow_sp{ background:url(../image/icon21.png) no-repeat left center; color:#fea500;}
.blue_sp{  background:url(../image/icon41.png) no-repeat left center; color:#1398fd;}
.green_sp{ background:url(../image/icon51.png) no-repeat left center; color:#00b200;}
.gray_sp{ background:url(../image/icon31.png) no-repeat left center; color:#666;}

.red_sp1{ background:url(../image/icon1-1.png) no-repeat left center; color:#D9113B;}
.yellow_sp1{ background:url(../image/icon2-2.png) no-repeat left center; color:#fea500;}
.blue_sp1{  background:url(../image/icon4-4.png) no-repeat left center; color:#1398fd;}
.green_sp1{ background:url(../image/icon5-5.png) no-repeat left center; color:#00b200;}
.gray_sp1{ background:url(../image/icon3-3.png) no-repeat left center; color:#666;}






.banner_c ,.modular_tit ,.case_div ,.case_div1 ,.eight_more ,.o2o_div ,.process{ width:960px;}
.wrapper-960 .banner_c ,.wrapper-960 .modular_tit ,.wrapper-960 .case_div ,.wrapper-960 .case_div1 ,.wrapper-960 .eight_more ,.wrapper-960 .o2o_div ,.wrapper-960 .process{ width:960px;}
.wrapper-1020 .banner_c ,.wrapper-1020 .modular_tit ,.wrapper-1020 .case_div ,.wrapper-1020 .case_div1 ,.wrapper-1020 .eight_more ,.wrapper-1020 .o2o_div ,.wrapper-1020 .process{ width:1020px;}
.wrapper-1080 .banner_c ,.wrapper-1080 .modular_tit ,.wrapper-1080 .case_div ,.wrapper-1080 .case_div1 ,.wrapper-1080 .eight_more ,.wrapper-1080 .o2o_div ,.wrapper-1080 .process{ width:1080px;}
.wrapper-1140 .banner_c ,.wrapper-1140 .modular_tit ,.wrapper-1140 .case_div ,.wrapper-1140 .case_div1 ,.wrapper-1140 .eight_more ,.wrapper-1140 .o2o_div ,.wrapper-1140 .process{ width:1140px;}
.wrapper-1200 .banner_c ,.wrapper-1200 .modular_tit ,.wrapper-1200 .case_div ,.wrapper-1200 .case_div1 ,.wrapper-1200 .eight_more ,.wrapper-1200 .o2o_div ,.wrapper-1200 .process{ width:1200px;}
.wrapper-1260 .banner_c ,.wrapper-1260 .modular_tit ,.wrapper-1260 .case_div ,.wrapper-1260 .case_div1 ,.wrapper-1260 .eight_more ,.wrapper-1260 .o2o_div ,.wrapper-1260 .process{ width:1260px;}
.wrapper-1320 .banner_c ,.wrapper-1320 .modular_tit ,.wrapper-1320 .case_div ,.wrapper-1320 .case_div1 ,.wrapper-1320 .eight_more ,.wrapper-1320 .o2o_div ,.wrapper-1320 .process{ width:1320px;}

.process_div{ width:230px;}
.wrapper-960 .process_div{ width:230px;}
.wrapper-1020 .process_div{ width:245px;}
.wrapper-1080 .process_div{ width:260px;}
.wrapper-1140 .process_div{ width:275px;}
.wrapper-1200 .process_div{ width:290px;}
.wrapper-1260 .process_div{ width:305px;}
.wrapper-1320 .process_div{ width:320px;}


















.banner_c{ margin:0 auto;}
.banner_text{ height:255px;}
.banner_text p{display:block; text-align:align; color:#FFF; font-size:50px;padding-top:80px; text-align:center}
.banner_text span{display:block; text-align:center; padding-top:40px; background:url(../image/border_bg2.jpg) repeat-x left 62px;}
.banner_text span em{color:#FFF; font-size:30px;padding:0 10px;}
.banner_a{ width:350px; height:110px; overflow:hidden; margin:0 auto;}
.banner_a a{ display:block; width:160px; height:50px; float:left; background-color:#FFF; border-radius:5px;}
.banner_a .a_logo span ,.banner_a .a_logo1 span{ display:block; margin:0 auto;padding-left:32px; width:72px; font-size:18px;margin-top: 13px;}
.banner_a .a_logo1{ float:right;}
.banner_img{ height:175px; text-align:center}

.modular_tit{height:150px; margin:0 auto;}
.modular_tit strong{ display:block; text-align:center; margin:0 auto; font-size:32px; color:#003333; padding-top:36px;}
.modular_tit p{ display:block; text-align:center; margin:0 auto; width:80px; height:12px;margin-bottom:10px;}
.modular_tit span{ display:block; text-align:center; margin:0 auto; font-size:16px; color:#888}

.case_div{ margin:0 auto;}
.case_div ul{ width:100%; overflow:hidden;}
.case_div ul li{ width:25%; height: 212px; float:left; position:relative; margin-bottom:30px;}
.case_div ul li .case_bg{ width:215px; height:177px; margin:0 auto;}
.case_bg1{width:215px; height:177px; position:absolute; left:50%; top:0; margin-left:-109px; background:url(../image/bg6.png); display: none;}
.case_bg1 a{ display:block; width:82px; height:44px;border-radius:5px;margin:0 auto;margin-top:68px;font-size:16px;line-height:44px;background-repeat:no-repeat;background-color:#FFF;background-position:26px center;padding-left:50px;}

.case_bottom{ width:225px; margin:0 auto; overflow:hidden; padding-top:10px;}
.case_bottom a{ display:block; width:100%;height:25px; text-align:center; line-height:25px; float:left; font-size:16px; color:#333;}


.bg_div{ background-color:#F9F9F9;}
.case_div1{ margin:0 auto;}
.case_div1 ul{ width:100%; overflow:hidden; display: none;}
.case_div1 ul.cur{display: block;}
.case_div1 ul li{ width:25%; float:left; position:relative; margin-bottom:30px;}
.case_div1 ul li .case_bg{ width:215px; height:177px; margin:0 auto;}
.case_bg2{width:215px; height:177px; position:absolute;left:50%; top:0; margin-left:-109px;background:url(../image/bg6.png);display:none;}
.case_bg2 a{ display:block; width:151px; height:40px;border-radius:28px; text-align:center;margin:0 auto;margin-top:68px;font-size:16px;color:#FFF;line-height:40px;border:2px solid #FFF;}
.tit{ font-size:28px; color:#333; text-align:center; padding:40px 0 25px 0;}
.tab1{ width:356px; margin:0 auto; overflow:hidden;padding-bottom:35px;}
.tab1 a{ display:block;width:161px; height:50px;  font-size:18px; line-height:50px; text-align:center; border-radius:25px;}
.tab1 .computer{ float:left; }
.tab1 .computer span{ display:block;height:50px; background-repeat:no-repeat; background-position:25px 0px;padding-left:43px; }
.tab1 .phone{float:right;}
.tab1 .phone span{ display:block;height:50px; background-repeat:no-repeat; background-position:25px 0px;padding-left:43px; }
.tab1 .cur{color:#FFF;}
.tab1 .cur span{background-position:25px -50px;}
.mar_bottom{ margin-bottom:14px;}





.eight_more{margin:0 auto; overflow:hidden}
.eight_more_l{ width:49.8%;*width:49.5%;height:428px; float:left; border-right:1px solid #EFEFF0;}
.eight_more_l ul{ overflow:hidden; margin-top:25px;}
.eight_more_l ul li{ width:25%;*width:24.5%; position: relative; float:left; margin-top:10px; margin-bottom:25px;}
.eight_more_l ul li span{width:61px;height:61px;*padding-left:25.5%; margin:0 auto; position: absolute;left:0; right:0; display:block; overflow:hidden}
.eight_more_l ul li span img{ width:100%}
.eight_more_l ul li p{ width:90%; height:30px; line-height:40px;padding-top:61px; margin:0 auto; display:block; text-align:center;color:#555; font-size:16px;}
.eight_more_r{ width:50%; float:right;height:428px;}

.eight_more_r ul{overflow:hidden; margin-top:25px;}
.eight_more_r ul li{ width:33.3%; float:left; position:relative; margin-top:10px;margin-bottom:25px;overflow:hidden}
.eight_more_r ul li span{width:61px; height:61px; display:block; overflow:hidden; margin:0 auto}
.eight_more_r ul li span img{ width:100%}
.eight_more_r ul li p{height:30px; line-height:40px;display:block; text-align:center;color:#555; font-size:16px;}


.bg_div1{ background-color:#F3F3F4;}
.o2o_div{margin:0 auto;}
.tab1_t{ width:548px; margin:0 auto; overflow:hidden; margin-bottom:30px; }
.tab1_t a{ display:block; float:left; width:120px; height:40px;text-align:center; line-height:40px;color:#333; font-size:16px; margin-right:20px; border-radius:25px;}
.tab1_t a.cur{color:#FFF;}
.bg_div1 ul{display: none;}
.bg_div1 ul.cur{display: block;}
.tab1_t .r_a{ float:right; margin-right:0;}
.o2o_div ul{width: 100%;overflow: hidden; *padding-bottom: 30px;}
.o2o_div ul li{ width:25%;float: left; margin-bottom: 30px;}
.li_center{ width: 90%; height: 203px; background: #FFF; margin: 0 auto; padding-top:25px;position: relative; overflow:hidden;}
.li_center a{ display:block; width: 56px; height: 56px; overflow: hidden; position: absolute;left:50%;margin-left:-28px;}
.li_center span{ display:block; width: 90%; height: 30px; line-height: 30px;margin:0 auto;margin-bottom:10px;padding-top:66px;text-align: center;font-size: 18px;}
.li_center p{ display:block; width: 90%;  line-height: 25px; margin: 0 auto; text-align: center;color:#767676; font-size: 14px;}

.w_div{ width:406px;}
.some {height: 30px;background: url(../image/border_bg1.jpg) left center repeat-x;margin: 0 auto;margin-bottom: 18px;}
.some .com_bg{display: block; width: 124px; height: 30px; line-height: 30px;text-align: center;margin: 0 auto;font-size: 18px;background: #F2F2F2;}

.process{ margin:0 auto; height:270px;}
.some1 {height: 30px;background: url(../image/border_bg1.jpg) left center repeat-x;margin:40px auto;}
.some1 .com_bg1 {display: block; width: 155px; height: 30px; line-height: 30px;text-align: center;margin: 0 auto;font-size:32px;background: #FFF;color:#333;}
.process ul{ overflow:hidden; height:200px;}
.process ul li{ float:left;height:200px;}

.process_div span{ display:block; width:80px; height:80px; margin:0 auto; overflow:hidden;}
.process_div p{ display:block;font-size:16px; color:#333; text-align:center; margin-top:15px;}
.process_div strong{ display:block;font-size:14px; color:#333; text-align:center; margin-top:5px;}
.process_pic{ display:block; width:13px; margin-top:28px;}