@charset "utf-8";
/* CSS Document */
.clearfix:after{ content: ''; display: block; clear: both; width: 0; height: 0;}

/*企业建站*/
.website-banner{ width: 100%; height:700px; background-repeat: no-repeat; background-position: center top;}
.website-banner.qyjz{ background-image:url(../images/17website-1.jpg); background-size: cover; height: 600px;}
.website-banner .banner-tex{ text-align: center; color: #fff; padding-top: 175px;}
.website-banner .banner-tex h4{ font-size: 60px; font-weight:lighter; line-height: 1;}
.website-banner .banner-tex h4 b{ color: #3865e6;}
.website-banner .banner-tex .p-a{ margin-top: 25px; font-size: 24px; font-weight: lighter;}
.website-banner .banner-tex .p-b{ margin-top: 45px; text-align: center;}
.website-banner .banner-tex .p-b p{ display: inline-block; vertical-align: top; font-size: 18px; line-height: 1.9;}
.website-banner .banner-tex .p-b b{ display: block;}


.website-main{ min-width: 1200px;}
.website-main .tit{ text-align: center; margin-bottom: 35px;}
.website-main .tit h4{ color: #333; font-size: 28px; font-weight: normal; line-height: 28px;}
.website-main .tit h4 span{ color: #3865e6}
.website-main .tit p{ color: #666; font-size: 14px; line-height: 1.6; padding-top: 10px;}
.website-main .tit:after{ content: ""; display: block; width: 52px; height: 2px; background-color: #e7e7e7; margin: 28px auto auto auto;}
.website-main-o{ width: 998px; border: 1px solid #eaeaea; margin: 0 auto; margin-top: -188px; background-color: #fff; -moz-box-shadow:0 10px 25px rgba(0,0,0,.1);-webkit-box-shadow:0 10px 25px rgba(0,0,0,.1);box-shadow:0 10px 25px rgba(0,0,0,.1);}
.website-main-l {background-color: #f5f5f5; padding: 55px 0;}
.website-main-l .w-1200{border: 1px solid #eaeaea; background-color: #fff; -moz-box-shadow:0 10px 25px rgba(0,0,0,.1);-webkit-box-shadow:0 10px 25px rgba(0,0,0,.1);box-shadow:0 10px 25px rgba(0,0,0,.1);}
.website-main .website-main-l .tit,.website-main .website-main-o .tit{ margin: 0; padding-top: 28px;}


.website-main-t{ padding: 60px 0;}
.website-main-t ul{ margin-top: -24px;}
.website-main-t li{ position: relative; float: left; width: 400px; height: 260px; float: left; margin-top: 24px;}
.website-main-t .li-main{text-align: center; }
.website-main-t .li-main .li-img{ width: 98px; height: 79px; margin: 0 auto; margin-top: 34px;}
.website-main-t .li-main .li-img span{ display: block; width: 87px; height: 78px; float: left; margin: .5px 0 0 5.5px; background: url(../images/17website-2.png) no-repeat; background-position: 0 -462px;}
.website-main-t li:nth-child(2) .li-main .li-img span{ width: 79px; height: 79px; margin: 0 0 0 9.5px; background-position: 0 -229px;}
.website-main-t li:nth-child(3) .li-main .li-img span{ width: 87px; height: 77px; margin: 1px 0 0 5.5px; background-position: 0 -385px;}
.website-main-t li:nth-child(4) .li-main .li-img span{ width: 98px; height: 77px; margin: 1px 0 0 0; background-position: 0 -806px;}
.website-main-t li:nth-child(5) .li-main .li-img span{ width: 86px; height: 77px; margin: 1px 0 0 6px; background-position: 0 -308px;}
.website-main-t li:nth-child(6) .li-main .li-img span{ width: 90px; height: 72px; margin: 3.5px 0 0 4px; background-position: 0 -540px;}
.website-main-t .li-main dl{ padding-top: 30px;}
.website-main-t .li-main dt{ color: #333; font-size: 20px; line-height: 20px;}
.website-main-t .li-main dd{ color: #999; font-size: 14px; line-height: 22px; padding-top: 10px;}
.website-main-t .li-box{ display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(56,101,230,.9);}
.website-main-t li:nth-child(2) .li-box{ background-color: rgba(94,140,6,.9);}
.website-main-t li:nth-child(3) .li-box{ background-color: rgba(177,167,0,.9);}
.website-main-t li:nth-child(4) .li-box{ background-color: rgba(0,139,134,.9);}
.website-main-t li:nth-child(5) .li-box{ background-color: rgba(25,101,141,.9);}
.website-main-t li:nth-child(6) .li-box{ background-color: rgba(165,46,34,.9);}
.website-main-t .li-box p{ margin-left: 48px; padding-top: 20px; color: #fff; font-size: 14px; line-height: 26px;}
.website-main-t .li-box p span{ display: inline-block; margin-right: 35px;}
.website-main-t li:nth-child(6) .li-box p { margin-left: 16px;}
.website-main-t li:nth-child(6) .li-box p span{ margin-right: 12px;}
.website-main-t .li-box .li-img{ position: absolute; left: 50%; margin-left: -74.5px; bottom: 25px; width: 149px; height: 101px; }
.website-main-t .li-box .li-img span{ display:block; float: left; width: 107px;height: 95px; margin:6px 0 0 21px ; background: url(../images/17website-2.png) no-repeat; background-position: 0 -984px;}
.website-main-t li:nth-child(2) .li-box .li-img span{ width:96px; height: 96px; margin: 5px 0 0 26.5px; background-position:0 -612px}
.website-main-t li:nth-child(3) .li-box .li-img span{ width:149px; height: 78px; margin: 23px 0 0 0; background-position:0 -1271px}
.website-main-t li:nth-child(4) .li-box .li-img span{ width:108px; height: 93px; margin: 8px 0 0 20.5px; background-position:0 -1178px}
.website-main-t li:nth-child(5) .li-box .li-img span{ width:108px; height: 99px; margin: 2px 0 0 20.5px; background-position:0 -1079px}
.website-main-t li:nth-child(6) .li-box .li-img span{ width:107px; height: 101px; margin: 0 0 0 21px; background-position:0 -883px}
.website-main-t li:hover .li-box{ display: block;}
.website-main-t a{ display:block; text-align: center; line-height: 44px; width: 248px; border: 1px solid #3865e6; color: #3865e6; font-size: 14px; margin: 0 auto; margin-top: 36px;}
.website-main-t a:hover{ color: #fff; background-color: #3865e6;}
.website-main-s{ padding:50px 0; border-top: 1px solid #ebebeb;}
.website-main-s .video-con{ max-width: 1920px;}
.website-main-s .video-btn{ width: 50%; cursor: pointer; position: relative;}
.website-main-s .video-btn img{ width: 100%;}
.website-main-s .video-btn:after{ content: ""; position: absolute; left: 50%; margin-left: -49px; top: 50%; margin-top: -49px; display: block; width:98px; height: 98px; background: url(../images/17website-2.png) no-repeat; background-position: 0 -708px;}
.website-main-s .video-btn:hover:after{ background-position: 0 -1349px;}
.website-main-s .tex{ text-align: center; color: #666; font-size: 18px; line-height: 30px; padding-top: 40px;}
.website-main-s .tex span{ display: block; color: #3865e6;}
.website-main-f{ padding: 50px 0; background-color: #f5f5f5;}
.website-main-f .newcase_main .tem_main_m .pcwap_o{ margin: 0 0 35px 34px; height: 230px;}
.website-main-f  .newcase_main .tem_main_m .wap_m{ bottom: 0;}
.website-main-f .btn{text-align: center;}
.website-main-f .btn a{width: 198px;line-height:16px; padding:14px 0; border: 1px solid #3865e6;color: #3865e6;font-size: 14px;text-align: center;display: inline-block;}
.website-main-f .btn a span{background: url(../images/17website-2.png) no-repeat; display: inline-block; line-height: 16px; background-position:62px -1447px; padding-right: 22px;}
.website-main-f .btn a:hover{color: #fff; background-color: #3865e6;}
.website-main-f .btn a:hover span{ background-position: 62px -1463px;}
.website-main-w{ padding:50px 0;}
.website-main-w .w-bg{background: url(../images/17website-5.jpg) no-repeat center; height: 295px; padding-top: ;}
.website-main-w table{width: 100%;border-collapse: collapse;border-spacing: 0;background: #fff;color: #666;position: relative;}
.website-main-w table tr{border: 1px solid #ebebeb}
.website-main-w table td{border: 1px solid #ebebeb}
.website-main-w table dl{padding: 54px 0; text-align: left;}
.website-main-w table dt{ float: left; width: 45px; text-align: center; margin: 0 25px 0 75px;}
.website-main-w table dt img{ display: inline-block;}
.website-main-w table dd{ float: left;}
.website-main-w table h4{font-size:22px;color: #666;line-height: 22px;padding: 0 0 5px 0; font-weight: normal;}
.website-main-w table p{font-size: 14px;color: #999;}
.website-main-w .tex{text-align: center; margin-top: 40px;}
.website-main-w .tex p{color: #999999;font-size: 12px;line-height: 40px;}
.website-main-w .tex p span{font-size: 24px;color: #666666;}
.website-main-w .tex p span b{color: #3865e6}
.website-main-w .tex p em{color: #3865e6;font-size:30px;display: block;font-style: normal}
.website-main-w .tex img{ display: inline-block; margin-top: 30px;}
.website-main-w .tex .btn{ text-align: center; margin-top: 30px;}
.website-main-w .tex a{ display:inline-block; text-align: center; color: #333; font-size: 14px; line-height: 16px; padding-left: 22px; background: url(../images/17website-2.png) no-repeat; background-position: 0 -1479px;}
.website-main-w .tex a span{ line-height: 16px; display: inline-block;}
.website-main-w .tex a:hover{ color: #3865e6;}
.website-main-w .buy-btn{ text-align: center; margin-top: 30px;}
.website-main-w .buy-btn a{ display: inline-block; color: #fff; font-size: 14px; width: 200px; line-height: 46px; background-color: #3865e6;}
.website-main-w .buy-btn a:hover{ background-color: #ec6000;}

.website-main-f .case_meau{ padding: 0;}
.website-main-f .case_main{ margin-bottom: 50px;}
.website-main-f .case_main_all .wwz_main_s_m {margin-bottom:-50px;}



/*案例*/
.website-banner.case{ height:520px; background-image:url(../images/17website-27.jpg);}
.website-banner.case .banner-tex{ padding-top: 160px;}
.website-banner.case .banner-tex h4{line-height: 48px;}
.website-banner.case .banner-tex p{ font-size: 14px; line-height: 26px; margin-top: 20px;}


.pww_main_m{ margin-left: -22px;}
.pww_main_m dl{width: 283px;height: 226px;background: url(../images/case_24.png) no-repeat;float: left;position: relative;margin: 40px 0 0 22px}
.pww_main_m dt{width: 222px;text-align: center;margin: 4px 0 0 5px;padding-top: 11px;border: 1px solid #e9e9e9}
.pww_main_m dt:hover{border-color: #3865e6;}
.pww_main_m dt a{color: #999999;font-size: 14px;}
.pww_main_m dt a:hover{color: #3865e6;}
.pww_main_m dt img{width: 200px;height: 160px;padding-bottom: 12px; display: inline-block;}
.pww_main_m dt p{width: 222px;height: 44px;line-height: 44px; text-align: center;}
.pww_main_m dd{margin: 3px 4px 0 0;}
.pww_main_m dd p{width: 50px;margin-top: 1px;text-align: center;color: #666;font-size: 13px;line-height: 16px;background: url(../images/case_25.gif) no-repeat top center;padding-top: 24px;cursor: pointer;margin-top: 19px;}
.pww_main_m dd p:hover{color: #3865e6;}
.pww_main_m dd p.p2{background: url(../images/case_26.gif) no-repeat top center;padding-top: 34px;margin-top: 24px;}
.pww_main_m_o{width: 222px;height: 217px;text-align: center;position: absolute;left: 6px;top: 5px;display: none;}
.pww_main_m_o .bg{width: 100%;height: 100%;background: #000;opacity: 0.8;position: absolute;left: 0;top: 0;}
.pww_main_m_o img{ display:inline-block; width: 140px;height: 140px;position: relative;z-index: 1;margin-top: 27px;}
.pww_main_m_o p{position: relative;z-index: 1;color: #ffffff;font-size: 13px;line-height: 35px;}
.pww_main_m_o i{width: 10px;height: 19px;background: url(../images/case_28.png) no-repeat;position: absolute;top: 38px;right: -10px;}
.pww_main_m_o.wap i{top: 120px;}

/*模板*/
.website-banner.template{ height:566px; background-image:url(../images/17website-28.jpg);}
.website-banner.template .banner-tex h4{ font-size: 36px; line-height: 48px;}
.website-banner.template .banner-tex{ padding-top: 120px;}