/*======内页样式=======*/
.wrap{width: 100%;}
.container{width: 1200px;margin:0 auto;}
.cl:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}
.big_bg1{background: #fff!important;}
.big_bg2{background: #DEDDE2;}
.big_bg3{background: #333 url(../img/fullbg/dot_bg.png) center; }
.big_bg4{background: #0A1426 url(../img/full_bg04.jpg) no-repeat center; background-size:cover;}
.big_bg5{background: #cc0000 ;}
.big_bg6{background:rgba(204,0,0,.7);}
.big_bg7{background:#f0f0f0;}
.big_bg8{background: #525252 url(../img/fullbg/dot_bg.png) center; }
.big_bg9{background: #262930 url(../img/fullbg/dot_bg.png) center; }
.tophr{border-top: 1px dashed #ccc;}
.blackBg {color: #fff !important;}
.blackBg .title2{color: #fff !important;}
.blackBg .line2{background: #fff !important;}

.subSolution{text-align: center; line-height: 26px; color:#333;font-size: 14px; padding:0px 0 50px 0; }

.business_profile{text-align: center; line-height: 26px; color:#333;font-size: 14px; padding:0 0;}
.business_profile .box_l{width:100%;height: 100%;float: left; padding:0 0 50px 0;}
.business_profile .con{width:90%;float: left; padding:50px 5%; color: #333;}
.business_profile .imgDivTel{ display:none;}

.busScroll{width:100%;  margin:0 auto; padding:0 0 0 0; position:relative;}
.busScroll .prev,.busScroll .next{width:50px;height:50px;line-height:50px;position:absolute; bottom:50%;left:10%; z-index:100; cursor:pointer;  border-radius:100px;border:1px solid #cc0000;color:#cc0000;text-align: center;font-size: 30px; font-family:"宋体"; opacity:0.6; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}
.busScroll .next{left: inherit;right:10%;} 
.busScroll .prev:hover,.busScroll .next:hover{opacity:1;border:1px solid #cc0000;background: #cc0000;color:#fff;}

.busScroll .scrollWrap{width:100%; margin: 0 auto;overflow:hidden;}
.busScroll dl{float:left;width:100%;text-align:center;position:relative; padding: 0 0 100px 0;}
.busScroll dt{margin:0 auto;width:100%;overflow:hidden;text-align: center; padding:50px 0 0 0;}
.busScroll img{display:block;margin: 0 auto;max-width: 100%; max-height:500px;}
.busScroll dd{width:1200px;line-height:28px;font-size:14px;color:#333;text-align:center;overflow:hidden;position:absolute;left:50%; bottom:0; padding: 10px 0; margin-left: -600px;}
.busScroll dd a{ color:#333;display: block;  }
.busScroll dd a p{font-size:12px;color:#333; line-height:22px;}
.busScroll .hd ul{ text-align:center; padding-top: 20px;  }
.busScroll .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:9px; height:9px; margin:0 4px;background:url(../img/dot.png) 0 -16px;overflow:hidden; vertical-align:top; line-height:9999px;}
.busScroll .hd ul .on{ background-position:0 0;  }


.subTitle{ padding:50px 0 30px; position:relative;}
.subTitle .title2{ text-align:center; font-size:30px; color:#000; height:64px; line-height:64px;background: none; }
.subTitle .line2{width:50px;height:1px;background: #DA251D; border-radius:100px; position:absolute; bottom:25px; left:50%; margin-left:-25px;-webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}
.wrap:hover .subTitle .line2{width:200px;margin-left:-100px;}

.subNav2{padding:0;}
.subNav2 .container{width: 1220px;margin:0 auto;}
.subNav2 ul{ width: 1215px;height:auto; overflow:hidden; padding:20px 10px;}
.subNav2 ul li{height: 36px;float: left;width: 228px; margin:8px 15px 8px 0; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}
.subNav2 ul li:hover{ box-shadow:0 8px 20px rgba(0,0,0,.15);}
.subNav2 ul li:hover a{color: #cc0000;}
.subNav2 ul li a{width: 100%;height: 36px;line-height: 36px; text-align: center;background: #fff;color: #333; display:block;float: left;font-size: 14px;}
.subNav2 ul li.on{box-shadow:0 8px 20px rgba(0,0,0,.15);}
.subNav2 ul li.on a{background: #CC0001;color: #fff;}

.subNav2.weixinNav ul li.on a{background: #3CB035;color: #fff;}
.subNav2.weixinNav ul li:hover a{color: #3CB035;}

.onlineMessage{ display:inline-block; height:40px;line-height:40px;text-align: center;color: #cc0000; box-shadow: 0 15px 30px rgba(0,0,0,.2); border:1px solid #cc0000; font-size: 16px; margin:15px 0; padding:0 100px; border-radius:100px; background-color: #fff; background-image:url(../img/icon_goutong.png);background-position:95% center; background-repeat:no-repeat; background-size:8%;-webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}
.onlineMessage:hover{ color: #fff; border:1px solid #cc0000; background-color:#cc0000;background-image:url(../img/icon_goutong_hover.png); box-shadow: 0 15px 30px rgba(0,0,0,.2);}
.onlineMessage.on{ color: #fff; border:1px solid #cc0000; background-color:#cc0000;background-image:url(../img/icon_goutong_hover.png); box-shadow: 0 15px 30px rgba(0,0,0,.2);}
.onlineMessage.on:hover{color: #cc0000; border:1px solid #cc0000;background-color: #fff; background-image:url(../img/icon_goutong.png);}

.morebut{ display:inline-block; height:40px;line-height:40px;text-align: center;color: #666; border:1px solid #ccc; font-size: 16px; margin:15px 0; padding:0 50px;-webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}
.morebut:hover{ color: #fff; border:1px solid #cc0000; background-color:#cc0000; box-shadow: 0 15px 30px rgba(0,0,0,.2);}

.subCase{ padding:0 0 50px 0;}
.subCaseScroll{width:1200px;margin:0 auto;position:relative; }
.subCaseScroll .prev,.subCaseScroll .next,.subCaseScroll .all{width:48px;height:30px;line-height: 30px;position:absolute; bottom:0;left:50%; margin-left:-85px;z-index:100; cursor:pointer; border:1px solid #fff; border-radius:4px; color:#fff;text-align: center;font-size: 20px; font-family:"宋体"; opacity:0.6; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}
.subCaseScroll .next{  right:50%; margin-left:35px; }
.subCaseScroll .all{  right:50%; margin-left:-25px;background:url(../img/icon_all_big.png) no-repeat center; background-size:46%; text-indent:-1000px; overflow:hidden; }
.subCaseScroll .prev:hover,.subCaseScroll .next:hover,.subCaseScroll .all:hover{opacity:1;}
.subCaseScroll .scrollWrap{width:1200px;overflow:hidden;padding:0 0 50px 0;}
.subCaseScroll dl{float:left;width:305px;text-align:center;position:relative;}
.subCaseScroll dl a{display: inline-block;width: 100%;height: 100%;}
.subCaseScroll dt{margin:0 auto;width:285px;overflow:hidden;float: left;}
.subCaseScroll dl:hover dt{}
.subCaseScroll img{display:block;width:285px;}
.subCaseScroll dd{width:285px;line-height:28px;font-size:16px;color:#333;text-align:center;float: left; padding:15px 0; position:relative;}
.subCaseScroll dl dd span{ border:none; border-bottom:1px solid rgba(255,255,255,.5);width:0px;display: block; position:absolute; top:45px;left: 50%; margin-left:0px;-webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}
.subCaseScroll dl:hover dd span{left:50%; margin-left:-142px;width: 285px;}
.subCaseScroll dd a{ color:#fff;  }
.subCaseScroll dd a p{font-size:12px;color:#fff; line-height:18px;padding-top: 10px;}
.subCaseScroll dl:hover dd a,.subCaseScroll dl:hover dd a p{ color:#fff !important;  }

.subCase.subWeixin .subCaseScroll dt{margin:0 auto;width:285px;overflow:hidden;float: left;background:url(../img/iphone_bg.png) no-repeat center;height: 582px;-webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}
.subCase.subWeixin .subCaseScroll dl:hover dt{background:url(../img/iphone_bg_hover.png) no-repeat center;}
.subCase.subWeixin .subCaseScroll dt img{margin:0 auto; margin-top:50px;width:264px;}
.subCase.subWeixin .subCaseScroll .prev,.subCase.subWeixin .subCaseScroll .next{bottom:55%;}
.subCase.subWeixin .subCaseScroll .prev{ left:0;margin: 0 0 0 -60px;}
.subCase.subWeixin .subCaseScroll .next{ left:inherit;right: 0;margin: 0 -60px 0 0;}

.subCase .telBox{ display:none;position:relative;padding:0 0 50px 0;}
.subCaseScrollTel{width:100%;margin:0 auto;position:relative;padding:0 0 50px 0;}
.subCaseScrollTel .slick-prev,.subCaseScrollTel .slick-next{ width:48px;height:30px;line-height: 30px;  background:url(../img/nimg11_left.png) center no-repeat; position:absolute; bottom:0;left:50%; margin-left:-85px;z-index:100; cursor:pointer; border:1px solid #fff; border-radius:4px; color:#fff;text-align: center;font-size: 20px; font-family:"宋体"; opacity:0.6; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}
.subCaseScrollTel .slick-next{  right:50%; margin-left:35px; background:url(../img/nimg11_right.png) center no-repeat;}
.subCaseScrollTel .slick-prev:hover,.subCaseScrollTel .slick-next:hover{opacity:1;}

.subCaseScrollTel .slick{ text-align:center;position:relative; padding:0 10px;}
.subCaseScrollTel .slick a{display: inline-block;width: 100%;height: 100%;}
.subCaseScrollTel .slick img{display:block;width:100%;}
.subCaseScrollTel .txt{line-height:28px;font-size:16px;color:#333;text-align:center; padding:15px 0; position:relative;}
.subCaseScrollTel .slick .txt span{ border:none; border-bottom:1px solid rgba(255,255,255,.5);width:0px;display: block; position:absolute; top:45px;left: 50%; margin-left:0px;-webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}
.subCaseScrollTel .slick:hover .txt span{left:50%; margin-left:-55px;width: 110px;}
.subCaseScrollTel .txt a{ color:#fff;  }
.subCaseScrollTel .txt a p{font-size:12px;color:#fff; line-height:18px;padding-top: 10px;}
.subCaseScrollTel .slick:hover .txt a,.subCaseScrollTel .slick:hover .txt a p{ color:#fff !important;  }


.subService{ padding:0 0 0 0;}
.subServiceScroll{width:1220px; height:auto;margin:0 auto;position:relative; }
.subServiceScroll .scrollWrap{width:1220px;overflow:hidden;}
.subServiceScroll dl{float:left;width:244px; height:250px;text-align:center;position:relative;}
.subServiceScroll dt{margin:0 auto;width:228px;overflow:hidden;text-align: center;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.subServiceScroll dl:hover dt {transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);}
.subServiceScroll dt a{width:100%;text-align: center;display: block;}
.subServiceScroll dd{width:228px;line-height:28px;font-size:14px;color:#333;text-align:center;overflow:hidden;position:absolute;left:10px;top:190px;}
.subServiceScroll dd a{ color:#333;  }

.subAdvantage{ padding:0 0 0 0;}
.subAdvantage h6{font-size: 20px;color: #fff;margin: 0;padding: 0;text-align: center; font-weight:normal;}
.subAdvantageScroll{width:1220px; height:auto;margin:0 auto;position:relative; }
.subAdvantageScroll .scrollWrap{width:1220px;overflow:hidden;}
.subAdvantageScroll dl{float:left;width:305px; height:370px;text-align:center;position:relative;}
.subAdvantageScroll dt{margin:0 auto;width:285px; padding:30px 0;overflow:hidden;text-align: center;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.subAdvantageScroll dl:hover dt {transform: scale(1.2);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}
.subAdvantageScroll dd{width:285px;line-height:38px;font-size:18px;color:#fff;text-align:center;overflow:hidden;position:absolute;left:10px;top:260px;}
.subAdvantageScroll dd p{font-size: 12px;line-height:18px;width: 100%;}

.subSlogan{ padding:50px 0; margin-top: 50px; border-top: 1px dashed rgba(255,255,255,.3);}

.subServiceFlow{ padding:0 0 50px 0; }
.subServiceFlow .imgDivTel{ display:none;}
.subServiceFlow .imgDivTel img{ width:100%;}

.subQuickService{ padding:0 0 50px 0;}
.subQuickService .subTitle .title2{letter-spacing:15px;}
.subQuickService .container{width: 1220px;margin:0 auto;}
.subQuickService ul{ width: 1215px;height:auto; overflow:hidden; padding:10px;}
.subQuickService ul li{float: left;width:390px; height:120px;margin:15px 15px 0 0;background: #fff; }
.subQuickService ul li img{float: left;}
.subQuickService ul li p{float: left;line-height: 120px; margin-left:10px;font-size:18px;color: #333;}
.subQuickService ul li a{display: block; float:left; width: 100%;height: 100%;}
.subQuickService ul li a:hover p{color: #cc0001;}


.subSlider{ width:100%; margin:0 auto;  position:relative; overflow:hidden; height:600px; }
.subSlider .bd{ position:relative; z-index:0;  }
.subSlider .bd li{ overflow:hidden; position: relative;}
.subSlider .bd li img{ display:block;width: 100%;  }
.subSlider .bd li h5{ text-align: center;}
.subSlider .bd li h5 img,.subSlider .bd li h6 img{ display:block;width:inherit;margin: 0 auto;}
.subSlider .bd li span{ position: absolute; top: 50%; left: 50%; z-index: 10; margin: -100px 0 0 -600px; text-align: center;width: 1200px;}
.subSlider .bd li span h5{font-size: 60px; color: #fff;text-shadow: 0 5px 20px rgba(0,0,0,.2)}
.subSlider .bd li span h6{font-size:16px; color: #fff; font-weight: normal;line-height: 36px;text-shadow: 0 5px 20px rgba(0,0,0,.2)}
.subSlider .bd li span h4{font-size:40px; color: #fff; font-weight: normal; padding-top: 20px;text-shadow: 0 5px 20px rgba(0,0,0,.2)}
.subSlider .bd li em{ position: absolute; top:0; left:0; z-index:1;width: 100%;height: 100%;background:url(../img/fullbg/dot_bg.png);}
.subSlider .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; }
.subSlider .hd ul{ text-align:center;  }
.subSlider .hd ul span{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:9px; height:9px; margin:0 4px;background:url(../img/dot.png) 0 -16px;overflow:hidden; vertical-align:top; line-height:9999px;}
.subSlider .hd ul .on{ background-position:0 0;  }
.subSlider .timer{ position:absolute; z-index:1; left:0; bottom: 8px; height:1px; width:0; background:#fff; filter:alpha(opacity=40);opacity:0.4; font-size:0; overflow:hidden;   }
.subSlider .bd .jiantou{ position: absolute; bottom:40px;left:50%; margin-left: -25px; z-index:11;width:50px;height:50px;text-align: center;background:url(../img/icon_jiantou.png) no-repeat center; animation: jiantou 1s linear 0s infinite alternate;-webkit-animation: jiantou 1s linear 0s infinite alternate;}

@keyframes jiantou
{
0%{bottom:50px;}
50%{bottom:40px;}
100%{bottom:50px;}
}
 
@-webkit-keyframes jiantou 
{
0%{bottom:50px;}
50%{bottom:40px;}
100%{bottom:50px;}

}
.subCaselogo{ padding:0 0 50px 0;}
.subCaselogo .subTitle .title2{}
.subCaselogo .container{width: 1220px;margin:0 auto;text-align: center;}
.subCaselogo ul{ width: 1215px;height:auto; overflow:hidden; padding:10px;}
.subCaselogo ul li{float: left;width:390px; height:120px;margin:15px 15px 0 0;text-align: center; }
.subCaselogo ul li img{max-height: 120px;}

.reveal-modal-bg {position:fixed;height:100%;width:100%;background:#000;background:rgba(0,0,0,.8);z-index:100;display:none;top:0;left:0;}
.reveal-modal {visibility:hidden;text-align:center;top:50%;left:50%;margin:-200px 0 0 -340px;width:600px;background:#fff;position:absolute;z-index:101;padding:120px 40px 30px 40px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);}
.reveal-modal em.icon {width:190px;height:190px;display:block;background:url(../img/icon_contact.png) no-repeat center;position:absolute;left:50%;margin:-200px 0 0 -95px;border-radius:50%;}
.reveal-modal h5 {font-size:14px;padding:15px 0;}
.reveal-modal span {font-size:18px;padding:0 20px;}
.reveal-modal span b {color:#cc0000;}
.reveal-modal p a {display:inline-block;padding:6px 50px;margin:0 10px;background:#cc0000;color:#fff;font-size:18px;}
.reveal-modal .close-reveal-modal {font-size:30px;line-height:.5;position:absolute;top:8px;right:11px;color:#aaa;text-shadow:0 -1px 1px rbga(0,0,0,.6);cursor:pointer;}
.reveal-modal .close-reveal-modal:hover {color:#cc0000;}

.pageFlashTel{position:relative; overflow:hidden; max-width:768px; display:none;}
.pageFlashTel .btnDiv{position:absolute; z-index:10; left:0px; bottom:20px; width:100%; text-align:center;}
.pageFlashTel .btnDiv span{display:inline-block; width:12px; height:12px; background:#a7a9ad; cursor:pointer; margin:0 4px;-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
}
.pageFlashTel .btnDiv span.on{background:#cc0000;}
.pageFlashTel .bd{position:relative; z-index:0;}
.pageFlashTel .bd li{position:relative; text-align:center;}
.pageFlashTel .bd li img{width:100%; display:block;}
.pageFlashTel .bd li h5{ position:absolute; left:50%; margin-left:-150px; width:300px; top:50%; height:40px; line-height:40px; font-size:18px; color:#fff; margin-top:-20px; text-align:center;}