@charset "utf-8";



/*banner*/

.banner{position: relative; height:566px;clear: both;}

.ban_p,.ban_p li{ height:566px;overflow: hidden;}

.ban_p li{ display:block; height:566px;width: 100%!important; overflow: hidden;position: relative;margin:0 auto;}

.ban_p li img {width: 1920px;/*height: 700px;*/position: absolute;left: 50%;top:0;margin-left: -960px;}

.ban_t{width:300px;height:50px;bottom:10px;left:50%;margin-left:-150px;position: absolute;text-align: center;z-index: 1;}

.ban_t em{width:16px;height:16px;background:#fff;display: inline-block;border-radius: 16px;margin: 0 6px;}

.ban_t em.on{background:#0f2249;width: 30px}



.til01{height:155px;display: block;font-size:48px;line-height:60px;color: #af2023;text-align: center;font-weight: normal;}

.til01 a{display: block;color: #af2023;}

.til01 p{display: block;font-size:22px;line-height:37px;color: #333;background:url(../tilbg1.png) no-repeat center;}



/*数字*/

.nubox{background: #fff;margin-top: -79px!important;height: 170px;z-index: 2;position: relative;box-shadow: 0 0 10px 5px #f1f1f1;}

.nubox li{float: left;padding: 0 74px;position: relative;font-size: 16px;line-height: 28px;color: #666;}

.nubox li:before{content: "";position: absolute;width: 1px;height: 81px;background: #e3e3e3;top:46px;right: 0;}

.nubox li:last-child:before,.webox_l li:last-child:before{width: 0;height: 0;}

.nubox li span{display: block;height: 67px;line-height: 67px;padding: 37px 0 0;color: #333;font-weight: bold;}

.nubox li span b{font-size: 72px;display: inline-block;padding: 0 5px 0 0;font-family: Times New Roman;}

.nubox li:hover span b{color: #af2023;}



/*引子 */

.webox{font-family: "Microsoft Yahei";line-height:30px;font-size: 16px;color: #666;clear: both;}

.webox h2{line-height:129px;font-size:48px;color: #af2023;font-weight: normal;text-align: center;}

.webox_w{    padding: 0 77px;

    height: 157px;

    /* text-align: center; */}

.webox_p,.webox_p img{width:1200px;height: 465px;display: block;overflow: hidden;}

.webox_p{padding:0 0 30px;background:url(../videobg.png) no-repeat center bottom;}

.webox_l{padding:36px 0 0;height: 108px;}

.webox_l li{width: 255px;float: left;margin:0 74px 0 0;line-height: 28px;color:#333;position: relative;}

.webox_l li:before{content: "";position: absolute;width: 1px;height: 36px;background: #ebebeb;top:5px;right: 0;}

.webox_l li:last-child{width:195px;float: left;margin:0;}

.webox_l li p{width:122px;float: left;white-space: nowrap;}

.webox_l li p em{display: block;font-size: 10px;line-height: 22px;opacity: 0.8;text-transform: uppercase;}

.webox_l li span{position: relative;width:49px;height: 41px;float: left;margin:0 20px 0 0;overflow: hidden;}

.webox_l li span i{width:49px;height: 41px;position: absolute;display: block;top: 0;left: 0;}

.webox_l li span i.default{-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}

.webox_l li span i.hover{opacity:1;visibility:visible;opacity:0;visibility:hidden;

    -webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);

    transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);

    -webkit-transform-origin:50% 0%;

    transform-origin:50% 0%;

    -webkit-transition:all 0.4s linear;

    transition:all 0.4s linear;}

.webox_l li:hover span .default{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}

.webox_l li:hover span .hover{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}

.webox_l li:hover{color: #af2023;font-weight: bold;}

.webox_l li:hover em{font-weight: normal;}



/*产品*/

.probox{font-family: "Microsoft Yahei";line-height:28px;padding:61px 0 0;background:#f3f3f3;height:764px;}

.pro_c li{position: relative;margin: 0 4px 5px 0;float: left;}

.pro_c li,.pro_c li img{width: 358px;height: 258px;display: block;overflow: hidden;}

.pro_c li:nth-child(2),.pro_c li:nth-child(2) img,.pro_c li:nth-child(5),.pro_c li:nth-child(5) img{width: 314px;height: 258px;display: block;overflow: hidden;}

.pro_c li:nth-child(1),.pro_c li:nth-child(1) img{width: 516px;height: 521px;}

.pro_c li span{width: 100%;height: 78px;line-height: 78px;padding-top: 20px; text-align: center;font-weight: bold;position: absolute;left: 0;bottom: 0;font-size: 20px;background-image: -webkit-gradient(linear, top left, bottom right, from(rgba(0 , 0 , 0 , 0)), to(rgba(0 , 0 , 0 , 0.8))); 

    background-image: -webkit-linear-gradient(top, rgba(0 , 0 , 0 , 0), rgba(0 , 0 , 0 , 0.8)); 

    background-image: -moz-linear-gradient(top, rgba(0 , 0 , 0 , 0), rgba(0 , 0 , 0 , 0.8)); 

    background-image: -o-linear-gradient(top, rgba(0 , 0 , 0 , 0), rgba(0 , 0 , 0 , 0.8)); 

    background-image: -ms-linear-gradient(top, rgba(0 , 0 , 0 , 0), rgba(0 , 0 , 0 , 0.8)); 

    background-image: linear-gradient(top, rgba(0 , 0 , 0 , 0), rgba(0 , 0 , 0 , 0.8));}

.pro_c li span a{display: block;font-weight: bold;color: #fff}



/*品牌运营经验 */

.exper{height:696px;font-family: "Microsoft Yahei";line-height: 24px;clear: both;padding: 60px 0 0;background: #fff;}

.exper_c dl{width: 279px;float: left;height: 480px;margin:0 28px 0 0;position: relative;color: #fff;}

.exper_c dl:before{content: "";position: absolute;width:279px;height: 480px;background: rgba(0 , 0 , 0 , 0.5);top: 0;left: 0;}

.exper_c dl:after{content: "";position: absolute;width:279px;height: 280px;background:#af2023;bottom: 0;left: 0;display: none;}

.exper_c dl:last-child{margin: 0;}

.exper_c dt,.exper_c dt img{width: 279px;height:480px;display: block;overflow: hidden;}

.exper_c dd{position: absolute;top: 160px;left: 30px;width: 219px;height: 320px;z-index: 2;}

.exper_c dd span{width: 86px;height: 86px;margin: 0 auto;display: block;}

.exper_c dd:before{content: "";position: absolute;width: 86px;height: 86px;border-radius: 86px;background: #fff;z-index: -1;top: 0;left: 67px;}

.exper_c dl:hover dd span{background-position: 20px -76px!important;}

.exper_c dd h3{text-align: center;font-weight: normal;font-size: 14px;line-height:70px;color: #fff;height: 80px;}

.exper_c dd li{position: relative;text-indent: 20px;}

.exper_c dd li:before{position: absolute;content: "";width: 5px;height: 5px;background: #fff;left:2px;top: 10px;visibility:visible;-webkit-transform: rotate(45deg);transform: rotate(45deg);}

.exper_c dl:hover:before,.exper_c dl.cur:before,.exper_c dl dd ul{display: none;}

.exper_c dl:hover:after,.exper_c dl.cur:after,.exper_c dl:hover dd ul{display: block;}



/*案例*/

.case{background:#f3f3f3;padding-top:54px;position: relative;font-family:"Microsoft Yahei";}

.case-dx{width: 100%;min-width: 1200px;overflow: hidden;position: relative;padding-bottom:50px;}

.case_c{width: 1200px;}

.case-dx .tempWrap{overflow: visible !important;}

.case-dx .tempWrap ul{}

.case-ul li{float: left;margin: 0 5px !important;position: relative;}

.case-ul li span,.case-ul li img{display: block;overflow: hidden;}

.case-desc{height: 100px;padding: 21px 44px 0;line-height: 38px;}

.case-desc h3{height: 48px;font-size: 24px;line-height: 48px;}

.case-desc h3 a{display: block;color: #af2023;}

.case_t{height:144px;line-height: 50px;padding: 28px 0 0;}

.case_t ul{width: 1300px;}

.case_t li{display: inline-block;cursor: pointer;float: left;font-size: 18px;color: #666;width: 258px;}

.case_t li span,.case_t li span img{width: 65px;height: 100px;display: block;overflow: hidden;float: left;}

.case_t li p{width: 165px;float: left;padding: 16px 0 0 20px;}

.case_t li p b{display: block;color: #333;}

.case_t li a{display: block;color: #666;}

.case_t li.cur b,.case_t li:hover b{background: url(../ico1.gif) no-repeat 60px center;color: #af2023;}



/*优势*/

.edge{font-family: "Microsoft Yahei";color: #636262;line-height: 35px;font-size: 18px;clear: both;padding: 72px 0 0;background: #fff;}

.edge_4{clear: both;height: 373px;}

.edge_p{width: 50%;height: 375px;overflow: hidden;}

.edge_p1{background: url(../edge_pic1.jpg) no-repeat right 0;}

.edge_p2{background: url(../edge_pic2.jpg) no-repeat 0 0;}

.edge_p3{background: url(../edge_pic3.jpg) no-repeat right 0;height: 430px;}

.edge_p4{background: url(../edge_pic4.jpg) no-repeat 0 0;height: 373px;}

.edge_w{width: 50%;overflow: hidden;}

.edge_w h3{height: 100px;border-bottom: solid 1px #e9e9e9;margin-bottom: 20px;font-size: 30px;color: #af2023;line-height: 38px;}

.edge_w h3 span{width:88px;float: left; font-size:76px;color: #c0c0c0;line-height:78px;font-weight: normal;letter-spacing: -2px;}

.edge_w h3 p{width:230px;float: left;padding: 14px 0 0 5px;}

.edge_w h3 p em{display: block;font-size: 12px;color: #c0c0c0;text-transform: uppercase;line-height: 13px;font-weight: normal;}

.edge_w li{background: url(../ico03.gif) no-repeat 0 14px;padding: 0 0 0 25px;}

.edge_wc{width: 520px;}

.edge_w1{padding:37px 0 0 75px;height: 338px;background: url(../edge_ico1.gif) no-repeat 0 bottom;}

.edge_w3{padding:88px 0 0 74px;}

.edge_w2{width: 574px;padding:76px 0 0 26px;height:299px;background: url(../edge_ico2.gif) no-repeat right bottom;}

.edge_w4{width: 574px;padding:73px 0 0 26px;}



/*小广告*/

.h_gg1{height:210px;background: url(../20190305175152_1670655617.jpg) no-repeat center 0;}



/*新闻中心*/

.news{padding: 50px 0 0;overflow: hidden;height: 768px;background: #f6f6f6;line-height: 28px;color: #636262;}



.new_c{overflow: hidden;width: 1200px;}

.new_c dl{float: left;width:375px;height: 484px;background: #fff;margin-right: 36px;}

.new_c dt{height:85px;border-bottom: solid 1px #f6f6f6;overflow: hidden;}

.new_c dt span{width: 85px;border-right: solid 1px #f6f6f6;text-align: center;float: left;padding:16px 0 0;height: 69px;}

.new_c dt p{width:242px;float: left;padding:8px 0 0 20px;}

.new_c dt p em{display: block;font-size: 12px;color: #d6d6d6;line-height: 18px;}

.new_c dt p a{display: block;font-weight: bold;color: #000;font-size: 16px;line-height: 24px;}

.new_c dt span b{display: block;font-size: 44px;line-height:38px;color: #323231;}

.new_c dd span,.new_c dd span img{width: 337px;height: 190px;display: block;overflow: hidden;}

.new_c dd{padding:19px;}

.new_c dd p{padding-top: 15px;height: 117px;}

.new_c dd .more01{background:url(../morebg1.gif) no-repeat 0 0;width: 128px;line-height: 33px;padding:0 27px 0 0;text-align: center;color: #8c8c8c;display: block;}

.new_c dd .more01:hover,.new_c dl:hover dd .more01{background:url(../morebg2.gif) no-repeat 0 0;color: #fff;}



/*关于*/

.about{background:url(../about_pic.jpg) no-repeat center 0;padding: 560px 0 0;font-size: 16px;line-height: 30px;}



.about_c{height:181px;overflow: hidden;background: #fff;box-shadow: 0 0 10px 5px #f1f1f1;}

.about_c dt{float: left;width:268px;height: 182px;overflow: hidden;background: #af2023;color: #fff;font-weight: bold;font-size: 30px;text-align: center;line-height: 182px;}

.about_c dt a{color: #fff;}

.about_c dd{float: left;width: 856px;padding: 51px 0 0 39px;}



/*友情链接*/

.link{height:60px;color: #969696;position: relative;width: 100%;background: #ebebeb;line-height: 60px;font-size: 14px;}

.link em{display: inline-block;font-size: 14px;opacity: 0.7;padding: 0 30px;}

.link span{width:100px;float: left;color: #302f2f;}

.link a{display: inline-block;color: #969696;}



.case-ul li img,.new_c dd span img{transition: 1s;-moz-transition: 1s;-webkit-transition: 1s;-o-transition: 1s;}

.case-ul li img:hover,.new_c dd span img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}