/*代码初始化*/
*{ padding:0; margin:0; font-style:normal;}
ul,ol{ list-style:none;}
body{ font-family:"微软雅黑";min-width:1340px; margin:0 auto;}
img,input{ border:none;}
a{ text-decoration:none;}


@font-face{
	font-family:DINPro-Bold;
	src:url(../fonts/DINPRO-BOLD.OTF);	
}
@font-face{
	font-family:ESP;
	src:url(../fonts/esp.ttf);	
}
@font-face{
	font-family:DINPro-Light;
	src:url(../fonts/DINPRO-LIGHT.OTF);	
}

/*头部区域*/
header{ width:100%; min-width:1200px; height:90px; background:#fff;box-shadow:0 5px 10px rgba(0,0,0,0.2); top:0; left:0; margin:0 auto; transition:0.3s;}
header.on{ position:fixed; z-index:999; height:90px; background:#fff;}

header .head_c{width:1200px; height:90px; margin:0 auto;}
header .head_c .logo{ float:left;}
header .head_c .logo .logo_l{ float:left; margin-top:17px;}
header .head_c .logo .logo_r{ float:left; border-left:1px solid #ebebeb; height:48px; margin:22px 0 0 10px; box-sizing:border-box; padding-left:12px;}
header .head_c .logo .logo_r h2{ font-size:20px; color:#f44242; line-height:30px;}
header .head_c .logo .logo_r h5{ font-size:15px; color:#484848; font-weight:400; letter-spacing:2.3px; line-height:15px;}
header .head_c .nav{ float:right;}
header .head_c .nav li{ float:left; height:90px; margin-left:25px;}
header .head_c .nav li:first-child{ margin-left:0;}
header .head_c .nav li a{ display:block; font-size:16px; color:#353535; line-height:40px; border-bottom:0px solid #2c6cce; margin-top:25px; transition:0.3s;}
header .head_c .nav li:hover a{ color:#2c6cce; border-bottom:3px solid #2c6cce;}
header .head_c .nav li.on a{ color:#2c6cce; border-bottom:3px solid #2c6cce;}


/*海报区域*/
/* .banner{ width:100%; min-width:1200px; height:500px; position:relative; overflow:hidden; margin:0 auto;}
.banner a{ position:absolute; top:0; left:50%; margin-left:-960px; display:none; transition:0;}
.banner .shu{ position:absolute; width:100%; bottom:30px; text-align:center;}
.banner .shu li{width:80px; height:7px; background:#fff; display:inline-block; color:#fff; cursor:pointer; border-radius:10px; margin:0 10px;}
.banner .shu li.active{ background:#2c6cce;}
.banner .btn{ font-size:100px; position:absolute; top:50%; margin-top:-80px;font-family:"宋体"; color:#fff; cursor:pointer; opacity:0; transition:0.3s;
display:block;}

.banner .btn_l{left:50%; margin-left:-500px}
.banner .btn_r{right:50%; margin-right:-500px;}
.banner:hover .btn_l{ opacity:1; margin-left:-600px;}
.banner:hover .btn_r{ opacity:1; margin-right:-600px;}
 */


/*海报区域*/
.haibao{ width:100%; min-width:1200px; margin:0 auto; height:800px; position:relative;}
.banner{ width:100%; min-width:1200px; height:800px; position:relative; overflow:hidden; margin:0 auto;}
.banner a{ position:absolute; top:0; left:50%; margin-left:-960px; display:none; transition:0;}
.banner .shu{ position:absolute; width:100%; bottom:150px; text-align:center;}
.banner .shu li{width:32px; height:4px; background:#fff; display:inline-block; color:#fff; cursor:pointer; border-radius:10px; margin:0 5px;}
.banner .shu li.active{ background:#FA2221;}
.banner .btn{ font-size:100px; position:absolute; top:45%; margin-top:-80px;font-family:"宋体"; color:#fff; cursor:pointer; opacity:0; transition:0.3s;
display:block;}
.banner .btn_l{left:50%; margin-left:-500px}
.banner .btn_r{right:50%; margin-right:-500px;}
.banner:hover .btn_l{ opacity:1; margin-left:-600px;}
.banner:hover .btn_r{ opacity:1; margin-right:-600px;}

.haibao .wzk{ width:100%; min-width:1200px; margin:0 auto; height:135px; position:absolute; bottom:0; left:0;background:rgba(0,0,0,0.5); z-index:3;}
.wzkc{ width:1200px; height:135px; margin:0 auto; border-left:1px solid rgba(255,255,255,0.2);border-right:1px solid rgba(255,255,255,0.2);}
.wzkc::after{ content:""; display:block; clear:both;}
.wzkc li{ float:left; width:25%;}
.wzkc li a{ width:100%; height:135px; box-sizing:border-box;border-right:1px solid rgba(255,255,255,0.2); padding:37px 30px 0; display:block; cursor:pointer;}
.wzkc li:nth-child(4){border-right:none;}
.wzkc li a::after{ content:""; display:block; clear:both;}
.wzkc li a .xbt{ width:44px; height:44px; float:left; margin-top:9px;}
.wzkc li a .xbt img{ width:100%; height:100%; transition:0.6s;}
.wzkc li a .bzi{ width:182px; text-align:left; float:right;}
.wzkc li a .bzi h3{ color:#fff; font-size:20px; line-height:1.1em;transition:0.3s;}
.wzkc li a .bzi p{ text-align:left; font-size:14px; color:#fff; line-height:1.2em; margin-top:8px; width:100%;transition:0.3s;}
.wzkc li:hover a .xbt img{ transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); -webkit-transform:rotate(360deg);}
.wzkc li:hover a .bzi  p{ margin-top:13px;}






/*优势一区域*/
.ys{ width:1200px; height:120px; margin:50px auto 60px;}
.ys li{ float:left; width:390px; height:120px; margin-right:15px; background:#fff;box-shadow:0 5px 10px rgba(0,0,0,0.1); border:1px solid #f5f5f5;
box-sizing:border-box;}
.ys li:nth-child(2){ background:#2c6cce;}
.ys li:nth-child(3){ margin-right:0;}
.ys li img{ float:left; width:70px; height:60px; margin:30px 20px 34px 25px;}
.ys li h4{ font-size:18px; color:#666; line-height:18px; margin-top:25px; font-weight:400;}
.ys li span{ display:block; width:18px; height:2px; background:#666666; margin:6px 0 8px 116px;}
.ys li p{ width:256px; display:inline-block; font-size:14px; color:#777; line-height:1.55em; height:40px;}
.ys li:nth-child(2) h4{ color:#fff;}
.ys li:nth-child(2) span{background:#fff;}
.ys li:nth-child(2) p{color:#fff;}

/*核心服务项目区域*/
.service{ width:100%; min-width:1200px; margin:0 auto; height:720px; background:url(../images/bg1.jpg) no-repeat center;}
.ser_c{ width:1200px; margin:0 auto; overflow:hidden; padding-top:62px;}

.bt{ width:1200px; height:80px; margin:0 auto;}
.bt .bt_l{ float:left; text-align:left;}
.bt .bt_l h2{ font-size:30px; color:#333; line-height:30px; letter-spacing:3px;}
.bt .bt_l h6{ font-size:16px; color:#666; line-height:16px; font-weight:400; margin-top:18px;}
.bt .bt_l span{ display:block; width:50px; height:3px; background:#f44242; margin-top:19px;}

.fuwu{ width:1200px; height:455px; margin:45px auto 0;}
.slideTxtBox{ width:1200px; height:455px; background:url(../images/fw_bg.png) no-repeat center;}
.slideTxtBox .hd{ width:100%; height:181px; box-sizing:border-box; padding:0 93px;}
.slideTxtBox .hd ul{float:left;}
.slideTxtBox .hd ul li{float:left;cursor:pointer; width:202px; height:181px; box-sizing:border-box; transition:0.3s;}
.slideTxtBox .hd ul li .xhk{ width:136px; height:153px; margin:0 auto;box-sizing:border-box;padding-top:20px;padding-left:24px;text-align:left; transition:0.3s;}
.slideTxtBox .hd ul li .xhk h2{ font-size:40px; color:#333; font-family:DINPro-Bold; line-height:40px; transition:0.3s;}
.slideTxtBox .hd ul li .xhk h3{ font-size:20px; color:#333; font-weight:900; line-height:20px; line-height:20px; margin-top:8px; transition:0.3s;}
.slideTxtBox .hd ul li .xhk span{ width:26px; height:3px; background:#f44242; margin-top:12px; display:block; transition:0.3s;}
.slideTxtBox .hd ul li.on{ background:url(../images/llxx.jpg) no-repeat bottom center; }
.slideTxtBox .hd ul li.on .xhk{ background:#535353; border-bottom:3px solid #f44242; margin-top:28px;}
.slideTxtBox .hd ul li.on .xhk h2{ color:#fff;}
.slideTxtBox .hd ul li.on .xhk h3{ color:#fff; padding-top:20px;}
.slideTxtBox .hd ul li:hover{ background:url(../images/llxx.jpg) no-repeat bottom center; }
.slideTxtBox .hd ul li:hover .xhk{ background:#535353; border-bottom:3px solid #f44242; margin-top:28px;}
.slideTxtBox .hd ul li:hover .xhk h2{ color:#fff;}

.slideTxtBox .bd .nrk{ padding:30px;  zoom:1; width:1200px; margin-top:20px; overflow:hidden;}
.slideTxtBox .bd .nrk::after{ content:""; display:block; clear:both;}
.slideTxtBox .bd .nrk_l{ float:left; text-align:left; width:435px;}
.slideTxtBox .bd .nrk_l h3{ font-size:24px; color:#333; line-height:24px; margin-top:10px; font-weight:400;}
.slideTxtBox .bd .nrk_l p{ font-size:16px; color:#666; line-height:1.5em; margin-top:15px;}
.slideTxtBox .bd .nrk_l a{ display:block; width:126px; height:36px; line-height:36px; font-size:14px; color:#f44242; border:1px solid #f44242;box-sizing:border-box;
border-radius:5px; text-align:center; line-height:34px; margin-top:40px; transition:0.3s;}
.slideTxtBox .bd .nrk_l a:hover{ background:#f44242; color:#fff;}
.slideTxtBox .bd .nrk .nrk_r{ float:right; width:700px; height:170px;}
.slideTxtBox .bd .nrk .nrk_r li{ float:left; margin-right:30px; width:105px; text-align:center; margin-bottom:28px;}
.slideTxtBox .bd .nrk .nrk_r li:nth-child(5n){ margin-right:0;}
.slideTxtBox .bd .nrk .nrk_r li a{ display:block; width:105px; text-align:center;}
.slideTxtBox .bd .nrk .nrk_r li a .x_tup{ width:40px; height:34px; margin:0 auto; overflow:hidden; transition:0.3s;}
.slideTxtBox .bd .nrk .nrk_r li a p{ text-align:center; font-size:14px; color:#555555; line-height:14px; margin-top:20px;}
.slideTxtBox .bd .nrk_1 .nrk_r li:nth-child(1) a .x_tup{ background:url(../images/x1_1.png) no-repeat top center;}
.slideTxtBox .bd .nrk_1 .nrk_r li:nth-child(2) a .x_tup{ background:url(../images/x1_2.png) no-repeat top center;}
.slideTxtBox .bd .nrk_1 .nrk_r li:nth-child(3) a .x_tup{ background:url(../images/x1_3.png) no-repeat top center;}
.slideTxtBox .bd .nrk_1 .nrk_r li:nth-child(4) a .x_tup{ background:url(../images/x1_4.png) no-repeat top center;}
.slideTxtBox .bd .nrk_1 .nrk_r li:nth-child(5) a .x_tup{ background:url(../images/x1_5.png) no-repeat top center;}
.slideTxtBox .bd .nrk_1 .nrk_r li:nth-child(6) a .x_tup{ background:url(../images/x1_6.png) no-repeat top center;}
.slideTxtBox .bd .nrk_1 .nrk_r li:nth-child(7) a .x_tup{ background:url(../images/x1_7.png) no-repeat top center;}
.slideTxtBox .bd .nrk_1 .nrk_r li:nth-child(8) a .x_tup{ background:url(../images/x1_8.png) no-repeat top center;}
.slideTxtBox .bd .nrk_1 .nrk_r li:nth-child(9) a .x_tup{ background:url(../images/x1_9.png) no-repeat top center;}
.slideTxtBox .bd .nrk_1 .nrk_r li:nth-child(10) a .x_tup{ background:url(../images/x1_10.png) no-repeat top center;}
.slideTxtBox .bd .nrk_2 .nrk_r li:nth-child(1) a .x_tup{ background:url(../images/x2_1.png) no-repeat top center;}
.slideTxtBox .bd .nrk_2 .nrk_r li:nth-child(2) a .x_tup{ background:url(../images/x2_2.png) no-repeat top center;}
.slideTxtBox .bd .nrk_2 .nrk_r li:nth-child(3) a .x_tup{ background:url(../images/x2_3.png) no-repeat top center;}
.slideTxtBox .bd .nrk_2 .nrk_r li:nth-child(4) a .x_tup{ background:url(../images/x2_4.png) no-repeat top center;}
.slideTxtBox .bd .nrk_2 .nrk_r li:nth-child(5) a .x_tup{ background:url(../images/x2_5.png) no-repeat top center;}
.slideTxtBox .bd .nrk_2 .nrk_r li:nth-child(6) a .x_tup{ background:url(../images/x2_6.png) no-repeat top center;}
.slideTxtBox .bd .nrk_2 .nrk_r li:nth-child(7) a .x_tup{ background:url(../images/x2_7.png) no-repeat top center;}
.slideTxtBox .bd .nrk_2 .nrk_r li:nth-child(8) a .x_tup{ background:url(../images/x2_8.png) no-repeat top center;}
.slideTxtBox .bd .nrk_2 .nrk_r li:nth-child(9) a .x_tup{ background:url(../images/x2_9.png) no-repeat top center;}
.slideTxtBox .bd .nrk_2 .nrk_r li:nth-child(10) a .x_tup{ background:url(../images/x2_10.png) no-repeat top center;}
.slideTxtBox .bd .nrk_3 .nrk_r li:nth-child(1) a .x_tup{ background:url(../images/x3_1.png) no-repeat top center;}
.slideTxtBox .bd .nrk_3 .nrk_r li:nth-child(2) a .x_tup{ background:url(../images/x3_2.png) no-repeat top center;}
.slideTxtBox .bd .nrk_3 .nrk_r li:nth-child(3) a .x_tup{ background:url(../images/x3_3.png) no-repeat top center;}
.slideTxtBox .bd .nrk_3 .nrk_r li:nth-child(4) a .x_tup{ background:url(../images/x3_4.png) no-repeat top center;}
.slideTxtBox .bd .nrk_3 .nrk_r li:nth-child(5) a .x_tup{ background:url(../images/x3_5.png) no-repeat top center;}
.slideTxtBox .bd .nrk_3 .nrk_r li:nth-child(6) a .x_tup{ background:url(../images/x3_6.png) no-repeat top center;}
.slideTxtBox .bd .nrk_3 .nrk_r li:nth-child(7) a .x_tup{ background:url(../images/x3_7.png) no-repeat top center;}
.slideTxtBox .bd .nrk_3 .nrk_r li:nth-child(8) a .x_tup{ background:url(../images/x3_8.png) no-repeat top center;}
.slideTxtBox .bd .nrk_3 .nrk_r li:nth-child(9) a .x_tup{ background:url(../images/x3_9.png) no-repeat top center;}
.slideTxtBox .bd .nrk_3 .nrk_r li:nth-child(10) a .x_tup{ background:url(../images/x3_10.png) no-repeat top center;}
.slideTxtBox .bd .nrk_4 .nrk_r li:nth-child(1) a .x_tup{ background:url(../images/x4_1.png) no-repeat top center;}
.slideTxtBox .bd .nrk_4 .nrk_r li:nth-child(2) a .x_tup{ background:url(../images/x4_2.png) no-repeat top center;}
.slideTxtBox .bd .nrk_4 .nrk_r li:nth-child(3) a .x_tup{ background:url(../images/x4_3.png) no-repeat top center;}
.slideTxtBox .bd .nrk_4 .nrk_r li:nth-child(4) a .x_tup{ background:url(../images/x4_4.png) no-repeat top center;}
.slideTxtBox .bd .nrk_4 .nrk_r li:nth-child(5) a .x_tup{ background:url(../images/x4_5.png) no-repeat top center;}
.slideTxtBox .bd .nrk_4 .nrk_r li:nth-child(6) a .x_tup{ background:url(../images/x4_6.png) no-repeat top center;}
.slideTxtBox .bd .nrk_4 .nrk_r li:nth-child(7) a .x_tup{ background:url(../images/x4_7.png) no-repeat top center;}
.slideTxtBox .bd .nrk_4 .nrk_r li:nth-child(8) a .x_tup{ background:url(../images/x4_8.png) no-repeat top center;}
.slideTxtBox .bd .nrk_4 .nrk_r li:nth-child(9) a .x_tup{ background:url(../images/x4_9.png) no-repeat top center;}
.slideTxtBox .bd .nrk_4 .nrk_r li:nth-child(10) a .x_tup{ background:url(../images/x4_10.png) no-repeat top center;}
.slideTxtBox .bd .nrk_5 .nrk_r li:nth-child(1) a .x_tup{ background:url(../images/x5_1.png) no-repeat top center;}
.slideTxtBox .bd .nrk_5 .nrk_r li:nth-child(2) a .x_tup{ background:url(../images/x5_2.png) no-repeat top center;}
.slideTxtBox .bd .nrk_5 .nrk_r li:nth-child(3) a .x_tup{ background:url(../images/x5_3.png) no-repeat top center;}
.slideTxtBox .bd .nrk_5 .nrk_r li:nth-child(4) a .x_tup{ background:url(../images/x5_4.png) no-repeat top center;}
.slideTxtBox .bd .nrk_5 .nrk_r li:nth-child(5) a .x_tup{ background:url(../images/x5_5.png) no-repeat top center;}
.slideTxtBox .bd .nrk_5 .nrk_r li:nth-child(6) a .x_tup{ background:url(../images/x5_6.png) no-repeat top center;}
.slideTxtBox .bd .nrk_5 .nrk_r li:nth-child(7) a .x_tup{ background:url(../images/x5_7.png) no-repeat top center;}
.slideTxtBox .bd .nrk_5 .nrk_r li:nth-child(8) a .x_tup{ background:url(../images/x5_8.png) no-repeat top center;}
.slideTxtBox .bd .nrk_5 .nrk_r li:nth-child(9) a .x_tup{ background:url(../images/x5_9.png) no-repeat top center;}
.slideTxtBox .bd .nrk_5 .nrk_r li:nth-child(10) a .x_tup{ background:url(../images/x5_10.png) no-repeat top center;}

.slideTxtBox .bd .nrk .nrk_r li:hover a .x_tup{ background-position:bottom center;}
.slideTxtBox .bd .nrk .nrk_r li:hover a p{ color:#f44242;}


/*优势二区域*/
.yser{ width:1200px; margin:74px auto 80px; overflow:hidden;}
.yser_c{ width:1200px; margin:42px auto 0; overflow:hidden;}
.yser_c li{ width:400px; height:202px; box-sizing:border-box; border:1px solid #eee; float:left; position:relative; cursor:pointer;}
.yser_c li .bgg{position: absolute;top: 0;left: 0;transition: all 0.37s linear; width:100%; height:100%; z-index:1;}
.yser_c li:hover .bgg{box-shadow:inset 0 0 0 100px rgba(38,36,40,1);}
.yser_c li i{ width:4px; height:40px; background:#f44242; display:block; position:absolute; top:30px; left:30px; z-index:4; transition:0.3s;}
.yser_c li h2{ font-size:42px; color:#272528; width:42px; font-weight:400; position:absolute; top:36px; left:55px; z-index:4; transition:0.3s;}
.yser_c li:hover i{transform:rotate(-90deg);-ms-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg);
top:5px; position:absolute; left:30px; background:#fff;}

.yser_c li .yse_r{ width:230px; position:absolute; top:55px; right:40px; text-align:left; z-index:4; transition:0.5s 0.3s;}
.yser_c li .yse_r h4{ font-size:18px; color:#272528; font-weight:400; line-height:18px; transition:0.3s;}
.yser_c li .yse_r .xtt{ width:140px; height:1px; background:#e5e5e5; margin-top:10px; margin-bottom:8px; transition:0.3s;}
.yser_c li .yse_r h5{ font-size:12px; color:#646464; font-weight:400; line-height:12px; text-transform:uppercase; margin-bottom:15px; transition:0.3s;}
.yser_c li .yse_r p{font-size:14px; color:#646464; width:100%; line-height:1.4em;  transition:0.3s;}
.yser_c li:hover .yse_r h4{ color:#fff;}
.yser_c li:hover .yse_r .xtt{ background:#fff;}
.yser_c li:hover .yse_r h5{ color:#fff;}
.yser_c li:hover .yse_r p{ color:#fff;}
.yser_c li:hover .yse_r{position:absolute; top:55px; left:40px;}
.yser_c li:hover h2{ color:#fff; position:absolute; top:36px; left:310px;}
.yser_c li:nth-child(2){ background:#f3923c;}
.yser_c li:nth-child(4){ background:#2c6cce;}
.yser_c li:nth-child(6){ background:#f44242;}
.yser_c li:nth-child(even) i{ background:#fff;}
.yser_c li:nth-child(even) h2{ color:#fff;}
.yser_c li:nth-child(even) .yse_r h4{ color:#fff;}
.yser_c li:nth-child(even) .yse_r .xtt{ background:#fff;}
.yser_c li:nth-child(even) .yse_r h5{color:#fff;}
.yser_c li:nth-child(even) .yse_r p{color:#fff;}

/*成功案例区域*/
.case{ width:100%; min-width:1200px; height:930px; background:url(../images/case_bg.jpg) no-repeat center; box-sizing:border-box; padding-top:64px;}
.case_c{ width:1200px; margin:0 auto; overflow:hidden;}

.case .bt{ width:1200px; height:80px; margin:0 auto;}
.case .bt .bt_l{ float:left; text-align:left;}
.case .bt .bt_l h2{ font-size:30px; color:#fff; line-height:30px; letter-spacing:3px;}
.case .bt .bt_l h6{ font-size:16px; color:#fff; line-height:16px; font-weight:400; margin-top:18px;}
.case .bt .bt_l span{ display:block; width:50px; height:3px; background:#f44242; margin-top:19px;}
.case .bt .bt_r{ display:block; float:right; width:140px; height:36px; border-radius:5px; text-align:center; line-height:36px; font-size:16px; color:#fff;
background:#f44242; margin-top:20px; transition:0.3s;}
.case .bt .bt_r:hover{ background:#2c6cce;-webkit-transform:translate3d(0,-5px,0); transform:translate3d(0,-5px,0); -moz-transform:translate3d(0,-5px,0);
-ms-transform:translate3d(0,-5px,0); -o-transform:translate3d(0,-5px,0);}
.case_con{ width:1200px; height:670px; margin:50px auto 0;}

.case_xxk{ width:1200px; margin:0 auto;}
.case_xxk .hd{ height:80px; line-height:80px; background:#38373c; padding:0 25px;position:relative; }
.case_xxk .hd ul{ float:left;  position:absolute; left:25px; top:-15px; height:108px;   }
.case_xxk .hd ul li{ float:left; padding:0 16px; cursor:pointer;}
.case_xxk .hd ul li.on{ height:107px;  background:#f44242;}
.case_xxk .hd ul li img{ float:left; margin-top:36px;}
.case_xxk .hd ul li .case_bt{ float:left; width:140px; margin-left:20px;}
.case_xxk .hd ul li .case_bt h4{ font-size:18px; color:#fff; font-weight:400; line-height:18px; margin-top:33px;}
.case_xxk .hd ul li .case_bt p{ font-size:14px; color:#fff; font-weight:400;line-height:1.4em; margin-top:8px;}

.case_xxk .bd .hzal{zoom:1; margin-top:45px;}
.case_xxk .bd .hzal .hzz_t{ width:1200px; height:170px; border-bottom:1px dashed #6a6968;}
.case_xxk .bd .hzal .hzz_t li{ float:left; width:140px; height:140px; box-sizing:border-box; border:1px solid #95908e; background:rgba(255,255,255,0.3);
padding:18.5px; transition:0.6s; margin-right:36px;}
.case_xxk .bd .hzal .hzz_t li a{ display:block; width:100px; height:100px; border-radius:5px; background:#fff; margin:0 auto; overflow:hidden;transition:0.6s;
 border:1px solid #dddddd;}
.case_xxk .bd .hzal .hzz_t li a img{ width:100%; margin:0 auto;}
.case_xxk .bd .hzal .hzz_t li:hover{transform:rotate(-180deg);-ms-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);
-o-transform:rotate(-180deg);}
.case_xxk .bd .hzal .hzz_t li:hover a{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);
-o-transform:rotate(180deg);}
.case_xxk .bd .hzal .hzz_t li:last-child{ margin-right:0;}
.case_xxk .bd .hzal .all_b{ width:1200px; height:355px; margin:25px auto 0;}
.case_xxk .bd .hzal .all_b li{ float:left; margin-right:45px;}
.case_xxk .bd .hzal .all_b li a{ width:266px; height:345px;box-sizing:border-box; border:1px solid #c3c3c3; display:block; position:relative; overflow:hidden;
box-sizing: border-box;}
.case_xxk .bd .hzal .all_b li a img{ width:100%; margin:0 auto; transition:0.3s;}
.case_xxk .bd .hzal .all_b li a .bg{ width:100%; height:56px; background:rgba(0,0,0,0.7); position:absolute; bottom:0; left:0; text-align:center;}
.case_xxk .bd .hzal .all_b li a .bg h5{ font-size:18px; color:#fff; line-height:56px;}
.case_xxk .bd .hzal .all_b li a .hoot{ width:99px; height:100px; position:absolute; background:url(../images/hot.png) no-repeat center; top:-20px; right:-20px;}
.case_xxk .bd .hzal .all_b li:hover a img{ transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1);
-webkit-transform:scale(1.1);}
.case_xxk .bd .hzal .all_b li:last-child{margin-right:0;}

/*合作流程区域*/
.hzlc{ width:1200px; margin:70px auto 105px; overflow:hidden;}
.hzlc_c{ width:1200px; height:251px; margin:80px auto 0; background:url(../images/lc_bg.png) no-repeat center;}
.hzlc_c li{ float:left; width:149px; text-align:center; cursor:pointer;}
.hzlc_c li h2{ font-size:30px; color:#fff; line-height:30px; font-family:ESP; text-align:center;}
.hzlc_c li img{ display:block; margin:10px auto 0;}
.hzlc_c li span{ display:block; width:7px; height:54px; margin:8px auto 12px; background:url(../images/xzzt.png) no-repeat center; /*transition:0.3s;*/}
.hzlc_c li h4{ font-size:18px; color:#232323; line-height:18px; font-weight:400;}
.hzlc_c li p{ font-size:14px; color:#666; line-height:1.5em;}
.hzlc_c li:nth-child(1){ margin-left:3px;}
.hzlc_c li:nth-child(odd) h2{ padding-top:38px;}
/*.hzlc_c li:hover span{transform:rotate(-180deg);-ms-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);
-o-transform:rotate(-180deg);}*/
.hzlc_c li:nth-child(even) h4{padding-top:22px;}
.hzlc_c li:nth-child(7){ margin-left:3px;}
.hzlc_c li:nth-child(odd) span{animation:xuanzhuan 3s linear infinite;}
.hzlc_c li:nth-child(even) span{animation:xuanzhuan 6s linear infinite;}

@keyframes xuanzhuan{	
	0%{ transform:rotate(0deg);}	
	100%{ transform:rotate(360deg);}	
}



/*关于我们区域*/
.about{ width:100%; height:630px; background:url(../images/ab_bg.jpg) no-repeat center;}
.ab_c{ width:1200px; height:630px; box-sizing:border-box; padding-top:70px; margin:0 auto;}
.ab_c .bt .bt_r{ display:block; float:right; width:140px; height:36px; border-radius:5px; text-align:center; line-height:36px; font-size:16px; color:#fff;
background:#f44242; margin-top:20px; transition:0.3s;}
.ab_c .bt .bt_r:hover{ background:#2c6cce;-webkit-transform:translate3d(0,-5px,0); transform:translate3d(0,-5px,0); -moz-transform:translate3d(0,-5px,0);
-ms-transform:translate3d(0,-5px,0); -o-transform:translate3d(0,-5px,0);}
.ab_con{ width:1200px; margin:38px auto 0;}
.ab_con p{ width:1200px; margin:0 auto; text-align:left; font-size:16px; color:#676767; line-height:1.7em;}
.fktu{ width:1200px; height:220px; margin:30px auto 0;}
.fktu li{ float:left; margin-right:20px;}
.fktu li a{ display:block; overflow:hidden; width:285px; height:220px; border:1px solid #bfbfbf; box-sizing:border-box;}
.fktu li a img{ width:100%; margin:0 auto; transition:0.3s;}
.fktu li:hover a img{ transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1);}
.fktu li:last-child{ margin-right:0;}

/*解决方案区域*/
.jjfa{ width:100%; min-width:1200px; height:550px; background:url(../images/jjfa_bg.jpg) no-repeat center; box-sizing:border-box; padding-top:70px;}
.jjfa_c{ width:1200px; overflow:hidden; margin:0 auto;}
.jjfa_c .bt{ width:1200px; height:80px; margin:0 auto;}
.jjfa_c .bt .bt_l{ float:left; text-align:left;}
.jjfa_c .bt .bt_l h2{ font-size:30px; color:#fff; line-height:30px; letter-spacing:3px;}
.jjfa_c .bt .bt_l h6{ font-size:16px; color:#fff; line-height:16px; font-weight:400; margin-top:18px;}
.jjfa_c .bt .bt_l span{ display:block; width:50px; height:3px; background:#f44242; margin-top:19px;}
.jjfa_c .bt .bt_r{ display:block; float:right; width:140px; height:36px; border-radius:5px; text-align:center; line-height:36px; font-size:16px; color:#fff;
background:#f44242; margin-top:20px; transition:0.3s;}
.jjfa_c .bt .bt_r:hover{ background:#2c6cce;-webkit-transform:translate3d(0,-5px,0); transform:translate3d(0,-5px,0); -moz-transform:translate3d(0,-5px,0);
-ms-transform:translate3d(0,-5px,0); -o-transform:translate3d(0,-5px,0);}
.jjfaa{ width:1200px; margin:50px auto 0; overflow:hidden;}
.jjfaa li{ float:left; margin-right:20px; margin-bottom:20px;}
.jjfaa li a{ width:285px; height:130px; box-sizing:border-box; display:block; border:1px solid #868686; background:rgba(255,255,255,0.3); padding:20px;}
.jjfaa li a .bai{ width:100%; height:100%; background:#fff; border-radius:5px; box-sizing:border-box; padding-left:16px; padding-top:18px;}
.jjfaa li:nth-child(4n){ margin-right:0;}
.bai_tu{ width:50px; height:50px; float:left; overflow:hidden; transition:0.3s;}
.jjfaa li a .bai .bai_c{ width:145px; text-align:left; float:left; margin-left:15px;}
.jjfaa li a .bai .bai_c h4{ font-size:18px; color:#555555; line-height:24px; padding-top:6px; transition:0.3s;}
.jjfaa li a .bai .bai_c span{ display:block; width:30px; height:3px; background:#f44242; margin-top:10px;transition:0.5s;}
.jjfaa li:nth-child(1) a .bai .bai_tu{ background:url(../images/jj_1.png) no-repeat right top;}
.jjfaa li:nth-child(2) a .bai .bai_tu{ background:url(../images/jj_2.png) no-repeat right top;}
.jjfaa li:nth-child(3) a .bai .bai_tu{ background:url(../images/jj_3.png) no-repeat right top;}
.jjfaa li:nth-child(4) a .bai .bai_tu{ background:url(../images/jj_4.png) no-repeat right top;}
.jjfaa li:nth-child(5) a .bai .bai_tu{ background:url(../images/jj_5.png) no-repeat right top;}
.jjfaa li:nth-child(6) a .bai .bai_tu{ background:url(../images/jj_6.png) no-repeat right top;}
.jjfaa li:nth-child(7) a .bai .bai_tu{ background:url(../images/jj_7.png) no-repeat right top;}
.jjfaa li:nth-child(8) a .bai .bai_tu{ background:url(../images/jj_8.png) no-repeat right top;}
.jjfaa li:hover a .bai .bai_tu{ background-position:left top;}
.jjfaa li:hover a .bai .bai_c h4{ color:#f44242;}
.jjfaa li:hover a .bai .bai_c span{ width:100%;}

/*新闻中心*/
.news{ width:100%; min-width:1200px; margin:0 auto; overflow:hidden; box-sizing:border-box; padding:60px 0 50px;}
.news_t{ width:1200px; margin:0 auto;}
.news_t .bt .bt_r{ display:block; float:right; width:140px; height:36px; border-radius:5px; text-align:center; line-height:36px; font-size:16px; color:#fff;
background:#f44242; margin-top:20px; transition:0.3s;}
.news_t .bt .bt_r:hover{ background:#2c6cce;-webkit-transform:translate3d(0,-5px,0); transform:translate3d(0,-5px,0); -moz-transform:translate3d(0,-5px,0);}
.news_b{ width:100%; margin:45px auto 0; background:url(../images/su_xian.png) no-repeat top center; min-height:100px;}
.news_bc{ width:1200px; margin:45px auto 0;}

.newscc{ width:1200px; margin:0 auto; padding-top:15px;}
.newscc .hd{ height:34px; line-height:34px;position:relative; }
.newscc .hd ul{ float:left;  position:absolute; left:110px; top:0px; height:34px;   }
.newscc .hd ul li{ float:left;cursor:pointer;}
.newscc .hd ul li a{ display:block; width:160px; height:34px; text-align:center; line-height:34px; position:relative; transition:0.3s; color:#666;}
.newscc .hd ul li a span{ position:absolute; width:1px; height:14px; background:#b8b8b8; position:absolute; top:10px; right:0;transition:0.3s;}
.newscc .hd ul li a .span1{position:absolute; width:1px; height:14px; background:#b8b8b8; position:absolute; top:10px; left:0;transition:0.3s;}


.newscc .hd ul li.on a{ background:#333333; color:#fff;}
.newscc .hd ul li.on a span{ height:0;}
.newscc .hd ul li.on a span1{ height:0;}
.newscc .hd ul li:hover a span1{ height:0;}
.newscc .hd ul li:hover a{ background:#333333; color:#fff;}
.newscc .hd ul li:hover a span{ height:0;}

.newscc .bd ul{ margin:45px auto 0;zoom:1;  }
.newscc .bd li{ float:left; margin-right:20px; margin-bottom:20px;}
.newscc .bd li:nth-child(3n){ margin-right:0;}
.newscc .bd li a{ display:block; width:385px; height:180px; overflow:hidden;box-sizing:border-box; border:1px solid #dbdbdb; padding:25px 20px 20px;transition:0.3s;}
.newscc .bd li a .news_tt{ width:100%; margin:0 auto; text-align:left; border-bottom:1px solid #b8b8b8; padding-bottom:12px;transition:0.3s;}
.newscc .bd li a .news_tt h4{font-size:16px; color:#333; font-weight:400;line-height:20px;width:100%; float:left;
overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;}
.newscc .bd li a .news_tt h6{ font-family:DINPro-Light; font-size:14px; color:#f44242; line-height:20px; transition:0.3s;}
.newscc .bd li a p{font-size:14px; color:#999; line-height:1.8em; text-align:left; width:345px; text-indent:2em; margin-top:8px; margin-bottom:8px;
display:inline-block;word-break: break-all;transition:0.3s; height:45px;
text-overflow: ellipsis; -moz-text-overflow: ellipsis; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; -webkit-text-overflow: ellipsis;
display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/-o-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical;
-webkit-line-clamp: 2; /** 显示的行数 **/ -o-line-clamp: 2; -moz-line-clamp: 2; -ms-line-clamp: 2; 
overflow: hidden;  /** 隐藏超出的内容 **/}
.newscc .bd li a .ggdd{ width:100%; margin:0 auto; height:16px; position:relative;}
.newscc .bd li a .ggdd h5{ float:left; font-size:14px; color:#888; line-height:16px;transition:0.3s;}
.newscc .bd li a .ggdd span{ width:43px; height:5px; display:block; overflow:hidden; position:absolute; top:6px; right:0;transition:0.3s;
background:url(../images/jtt.png) no-repeat left center;}
.newscc .bd li:hover a{ background:#f6f6f6;-webkit-transform:translate3d(0,-5px,0); transform:translate3d(0,-5px,0); box-shadow:0 5px 10px rgba(0,0,0,0.3)}
.newscc .bd li:hover a h4{ color:#f44242;}
.newscc .bd li:hover a .news_tt{border-bottom:1px solid #f44242;}
.newscc .bd li:hover a p{color:#f44242;}
.newscc .bd li:hover a .ggdd h5{color:#f44242;}
.newscc .bd li:hover a .ggdd span{position:absolute; top:6px; left:105px;background:url(../images/jtt.png) no-repeat right center;}
.newscc .bd li:hover  a .news_tt h6{ padding-left:255px;}

/*我们可以帮您区域*/
.help{ width:100%; height:170px; background:url(../images/dttt.png) no-repeat center;margin: 0px auto -22px;}
.help_c{ width:1200px; height:170px; margin:0 auto;}
.help_c h4{ font-size:24px; color:#fff; line-height:28px; width:98px; float:left; margin-top:55px; margin-left:11px;}
.help_cr{ width:1070px; height:115px; float:right; margin-top:28px;}
.help_cr li{ float:left; width:120px; height:120px; box-sizing:border-box; border:3px solid #fff; text-align:center; border-radius:60px; margin-left:58px;
transition:0.3s; cursor:pointer;}
.help_cr li h5{ font-size:16px; color:#fff; line-height:116px; font-weight:400;transition:0.3s;}
.help_cr li:hover{ background:#fff;}
.help_cr li:hover h5{ color:#f44242;animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both; -moz-animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
-ms-animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both; -o-animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both; font-weight:900;
-webkit-animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0);backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; -webkit-backface-visibility: hidden;}

@keyframes shake {
	10%, 90% {
		transform: translate3d(-1px, 0, 0);
	}
	20%, 80% {
		transform: translate3d(2px, 0, 0);
	}
	30%, 50%, 70% {
		transform: translate3d(-4px, 0, 0);
	}
	40%, 60% {
		transform: translate3d(4px, 0, 0);
	}
}


/*底部头部区域*/
.foot_t{ width:100%; min-width:1200px; height:118px; border-bottom:1px solid #45484c; margin:0 auto; background:#333;}
.ft_c{ width:1200px; height:118px; margin:0 auto; box-sizing:border-box; padding-top:45px;}
.ft_c li{ float:left; width:150px; margin-right:112px;}
.ft_c li img{ display:block; width:32px; height:32px; float:left; margin-right:15px;}
.ft_c li h3{ font-size:16px; color:#fff; line-height:32px; font-weight:400;}
.ft_c li:last-child{ margin-right:0;}

/*底部区域*/
footer{ width:100%; min-width:1200px; overflow:hidden; box-sizing:border-box; padding:35px 0 45px; border-bottom:1px solid #45484c; margin:0 auto; background:#333;}
.foot_c{ width:1200px; margin:0 auto; overflow:hidden;}
.foot_c::after{ content:""; display:block; clear:both;}
.foot_c .ft_l{ width:1030px; overflow:hidden; float:left;}
.foot_c .ft_l::after{ content:""; display:block; clear:both;}
.foot_c .ft_l li{ float:left; text-align:left; margin-right:90px;}
.foot_c .ft_l li:last-child{ margin-right:0;}
.ft_bt{ margin-bottom:20px;}
.ft_bt h3{ font-size:16px; color:#fff; line-height:18px; font-weight:400;}
.ft_bt span{ display:block; width:30px; height:2px; background:#f44242; margin-top:14px;}
.zlbb{ text-align:left;}
.zlbb dd{ margin-bottom:4px;}
.zlbb dd a{ font-size:13px; color:#fff; line-height:16px; transition:0.3s;}
.zlbb dd:hover a{ color:#f44242;}

.foot_c .ft_r{width:110px; overflow:hidden; float:right;}
.foot_c .ft_r .erwem{ width:110px; margin-bottom:30px;}
.foot_c .ft_r .erwem .ewm{ width:110px; height:110px; border-radius:5px; background:#fff; box-sizing:border-box; padding:6px;}
.foot_c .ft_r .erwem .ewm img{ width:100%; margin:0 auto;}
.foot_c .ft_r .erwem p{ font-size:12px; color:#fff; line-height:12px; text-align:center; margin-top:10px;}

/*友情区域*/
.links{ width:100%; min-width:1200px; margin:0 auto; box-sizing:border-box; padding:30px 0 36px; background:#333;}
.links_c{ width:1200px; margin:0 auto; overflow:hidden;}
.links_c h3{ font-size:16px; color:#fff; text-align:left;}
.links_c h3 a{font-size:16px; color:#fff; line-height:20px;opacity:0.5;-webkit-animation:qq 1s infinite;animation:qq 1s infinite;
-moz-animation:qq 1s infinite; -ms-animation:qq 1s infinite; -o-animation:qq 1s infinite;}
@-webkit-keyframes qq{
	0%,80%,100%{ opacity:0.8;}
	40%{ opacity:1;}
}
@keyframes qq{
	0%,80%,100%{ opacity:0.8;}
	40%{ opacity:1;}
}

.lkc{ width:1200px; margin:25px auto 0; overflow:hidden;}
.lkc::after{ content:""; display:block; clear:both;}
.lkc li{ float:left; margin-right:15px;}
.lkc li a{ font-size:12px; color:#f5f5f5; line-height:1.75em; transition:0.3s;}
.lkc li:hover a{color:#f44242;}

/*版权区域*/
.copyright{ width:100%; height:60px; background:#262626; margin:0 auto;}
.copy_c{ width:1200px; height:60px; margin:0 auto;}
.copy_c p{ font-size:12px; line-height:60px; color:#fff; float:left;}
.copy_c b{font-size:12px; line-height:60px; color:#fff; font-weight:400; float:right;}
.copy_c b a{font-size:12px; line-height:60px; color:#fff; transition:0.3s;}
.copy_c b a:hover{ color:#f44242;}


/*在线客服区域*/
.clear:after{content:'\20';display:block;height:0;clear:both;visibility:hidden;}
/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:360px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:15px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#ff3232 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_tel{background:#ff3232 url(../images/fixCont.png) no-repeat 0 -169px;}
.yb_bar .yb_phone{background:#ff3232 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#ff3232 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#ff3232 url(../images/fixCont.png) no-repeat 0 -226px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}