@charset "utf-8";
/* CSS Document */
.nbanner{ height: 400px;}

/* 联系我们 */
.lxwmcont{ padding: 80px 0; text-align: center;}
.lxwmcont dl dt{ font-size: 30px; font-weight: bold; color: #424242;}
.lxwmcont dl dd{ color: #757575; text-transform: uppercase; line-height: 30px;}
.lxwmctxt{ padding:20px 40px; color: #999999; font-size: 14px; line-height: 30px;}
.lxwmph{ padding: 40px 100px 0;}
.lxwmph ul li{ float: left; width: 300px;}
.lxwmph ul li div{ height: 75px;}
.lxwmph ul li div img{ vertical-align: bottom;}
.lxwmph ul li i{ display: block; padding-top: 5px; color: #424242; font-family: arial;}
.lxwminp{ width: 100%; padding: 86px 0; background: url(../images/lxwm_04.jpg) no-repeat center center;}
.lxwminpcont{ width: 1100px; margin: 0 auto; padding-top: 60px;}
.lxwminpcontc{ float: right; width: 375px; padding: 0 20px; height: 480px; background: rgba(0,0,0,0.5); overflow: hidden;}
.lxwminpcont p{ text-align: center; display: block; padding: 20px 0; font-size: 14px; color: #FFFFFF; white-space: nowrap;}
.lxwminpcont ul li{margin-bottom: 20px; border: 1px solid #dedede; background: #f6f6f6; padding: 0 19px; border-radius: 5px;}
.lxwminpcont ul li input{background: none; border: 0 none; color: #999999; font-size: 14px; width: 100%; height: 50px; line-height: 50px;}
.lxwminpcont ul li textarea{ padding: 10px 0; height: 160px; background: none; border: 0 none; font-size: 14px; color: #999999;}
.lxwminpcont .lxwmsub input{ width: 100%; background: #123AAF; color: #FFFFFF; font-size: 16px; border-radius: 5px; border: 0 none; height: 52px; cursor: pointer;}


/* 案例 */
.banal{}
.banal{ height: 720px; min-width: 1200px; background:url(../images/anbanbg.jpg) no-repeat center center; position: relative;}
.banal .banalc{ position: absolute; bottom: -30px; left: 0px; right: 0px; z-index: 10; width: 80%; margin: 0 auto; text-align: center;}
.banal .banalc img{ vertical-align: top;}
.banal .banalc .t_left{ width: 35%; display: inline-block;}
.banal .banalc .t_right{ width: 65%; display: inline-block;}

/* 指引模板 */
.banzymb{ height: 666px; min-width: 1200px; background:url(../images/ban_zymb1.jpg) no-repeat center center; position: relative;}
.banzymbt{ height: 54px; line-height: 54px; padding: 8px 0; border-bottom: 1px solid #175c97;}
.banzymb .logo{ display: inline-block; float: left; height: 54px; line-height: 54px;}
.banzymb .bantel{ display: inline-block; float: right; background: url(../images/ban_zymbtel.png) no-repeat left center; padding-left: 35px; color: #FFFFFF; font-size: 24px; font-family: arial;}
.jxmb{ padding-top: 30px; text-align: center;}
.jxmb dl dt{ font-size: 70px; color: #dfdfdf; font-family: impact; text-transform: uppercase;}
.jxmb dl dd{ font-size: 36px; font-weight: bold; color: #282828;}
.jxmb .wapper div{ margin-top: 20px; padding: 0px 200px; background: url(../images/zymb_bord.png) no-repeat center center; color: #343434; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* 新闻 */
.news-first{ padding: 30px 0;}
.news-first .t_left{ width: 590px; height: 363px; overflow: hidden;}
.news-first .t_left img{ width: 100%; height: 363px;}
.news-first .t_right{ width: 510px; height: 363px; overflow: hidden;}
.news-first .t_right ul li{ height: 120px; border-bottom: 1px solid #EDEDED;}
.news-first .t_right ul li a{ display: block; padding: 0 20px;}
.news-first .t_right ul li dl dt{ padding-top: 10px; font-size: 16px; font-weight: bold; color: #333333;}
.news-first .t_right ul li dl dt p{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news-first .t_right ul li dl dt em{ border-bottom: 1px solid #666; width: 15px; display: inline-block;}
.news-first .t_right ul li dl dd{ line-height: 16px; color: #999999; height: 32px; overflow: hidden;}
.news-first .t_right ul li i{ margin-top: 7px; font-size: 14px; display: block; color: #999999;}
.news-first .t_right ul li.on{ background: #FF9600;}
.news-first .t_right ul li.on em{ border-bottom: 1px solid #FFFFFF;}
.news-first .t_right ul li.on *{ color: #FFFFFF;}

.news-list{ padding: 20px 0;}
.news-list ul li a{ display: block; padding: 20px 0; border-bottom: 1px solid #DEDEDE;}
.news-list ul li .t_left{ width: 80px; height: 80px; text-align: center; overflow: hidden; background: url(../images/newslistbg.png) no-repeat center center; font-weight: bold; color: #000000;}
.news-list ul li .t_left p{ display: block; font-size: 50px; font-family: arial; line-height: 60px;}
.news-list ul li .t_left i{ display: block; font-weight: bold; font-family: "微软雅黑 Light"; margin-top: -5px;}
.news-list ul li .t_right{ overflow: hidden; width: 792px; padding-right: 200px; background: url(../images/jt-bg1.png) no-repeat right center;}
.news-list ul li .t_right dl dt{ font-size: 16px; line-height: 20px; font-weight: bold; color: #212121; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.news-list ul li .t_right dl dd{ padding-top: 20px; height: 40px; overflow: hidden; line-height: 20px; color: #999999; text-align: justify;}
.news-list ul li:hover .t_right{ background: url(../images/jt-bg2.png) no-repeat right center;}
.news-list ul li:hover .t_right dl dt{ color: #1EAAD2;}
.news-list ul li:hover .t_left{ background: #1EAAD2; color: #FFFFFF;}
.page{ text-align: center; padding:20px 0 40px;}
.page a{ display: inline-block; padding: 0 15px; height: 38px; line-height: 38px; margin: 0 2px; font-size: 14px; border: 1px solid #E1E1E1;}
.page .pageprv,.page .pagenxt{ padding: 0 30px;}
.page a.z-crt{ background: #1EAAD2; color: #FFFFFF; border: 1px solid #1EAAD2;}
/*.page ul{ display: inline-block;}
.page ul li{ float: left; margin: 0 5px;}
.page ul li a{ display: block; padding: 0 15px; height: 38px; line-height: 38px; font-size: 14px; border: 1px solid #E1E1E1;}
.page ul li.pagel a,.page ul li.pager a{ padding: 0 30px;}
.page ul li.on a{ background: #1EAAD2; color: #FFFFFF; border: 1px solid #1EAAD2;}*/

/* 服务 */
.banfw{ height: 800px; min-width: 1200px; background: url(../images/ban_fw.jpg) no-repeat center center;}
.banfwbt{ margin: 0 auto; padding-top: 135px; text-align: center; width: 1200px;}

.banfwimg{ width: 1200px; margin: 45px auto 0; position: relative;}
.banfwimg .fw1{ margin-left: 140px; z-index: 1; position: absolute; top: 0px; left: 0px;}
.banfwimg .fw2{ margin-left: 500px; z-index: 2; position: absolute; top: 110px; left: 0px;}
.banfwimg .fw3{ margin-left: 535px; z-index: 3; position: absolute; top: 177px; left: 0px;}
.banfwimg .fw4{ margin-left: 600px; z-index: 4; position: absolute; top: 240px; left: 0px;}

.fwone{ height: 800px; position: relative; background: #e9e9e9;}
.fwtwo{ height: 800px; background: url(../images/serv_bg2.jpg) no-repeat center center;}
.fwthree{ height: 800px; position: relative;}
.fwfour{ height: 795px; background: url(../images/serv_bg4.jpg) no-repeat center center;}

.fw1t{ font-family: "微软雅黑 Light"; }
.fw1t dl dt div{ font-size: 43px; text-transform: uppercase;}
.fw1t dl dt p{ font-size: 34px;}
.fw1t dl dd{ font-size: 16px; margin-top: 10px;}
.fw1b{ padding-top: 20px;}
.fw1b ul li{ padding-top: 35px;}
.fw1b ul li dl dt{ font-size: 20px; color: #221815;}
.fw1b ul li dl dd{ color: #727171;}
.fw1r{ display: inline-block; width: 57%; position: absolute; top: 0px; right: 0px; z-index: 10;}

.fwpad1{ padding-top: 130px;}
.fwpad2{ padding-top: 95px;}
.fwpad3{ padding-top: 100px;}
.fwpad4{ padding-top: 60px;}
.crgray{ color: #333333;}
.crwhite{ color: #FFFFFF;}

.fw2b{ display: inline-block; padding-top: 140px;}
.fw2b ul li{ float: left; margin-left: 45px; text-align: center;}
.fw2b ul li div{height: 101px; line-height: 101px; overflow: hidden;}
.fw2b ul li p{ display: block; padding-top: 20px; color: #FFFFFF; font-size: 16px;}

.fw3r{ display: inline-block; width: 58%; padding-right: 6%; position: absolute; top: 0px; right: 0px; z-index: -1;}




/* 关于 */
.bangy{ height: 800px; min-width: 1200px; background:url(../images/ban_gy.jpg) no-repeat center center;}
.bangy dl{ padding: 380px 0 0 18%;}

.advantage .wapper{ position: relative; z-index: 1; overflow: hidden;}
.adctxt{ display: inline-block; min-width: 114px; height: 380px; padding: 47px 0 73px 25px; background: url(../images/textbg1.png) no-repeat left 47px;}
.adctxt dl{ padding-top: 90px;}
.adctxt dl dt{ padding: 22px 0; height: 84px; line-height: 84px; color: #123AAF;}
.adctxt dl dt i{ height: 84px; line-height: 84px; font-size: 100px; font-family: impact; float: left;}
.adctxt dl dt em{ height: 84px; line-height: 84px; display: inline-block; margin-left: 10px; font-size: 84px; font-family: "微软雅黑  Light"; font-weight: bold;}
.adctxt dl dd{ line-height: 24px; font-size: 24px; color: #333333; font-family: "微软雅黑 Light"; font-weight: bold; padding-bottom: 15px; background: url(../images/adcbord.png) no-repeat left bottom;}
.adctxt a{ display: inline-block; padding-top: 5px; font-size: 14px; color: #123AAF;}
.adc_a .adcimg{ position: absolute; bottom: 0; right: 0px; z-index: -1; padding-bottom: 84px;}
.adc_b .adcimg{ position: absolute; bottom: 0; left: 0px; z-index: -1;}
.adc_c .adcimg{ position: absolute; bottom: 0; right: 0px; z-index: -1; padding-bottom: 29px;}
.adc_d .adcimg{ position: absolute; bottom: 0; left: 0px; z-index: -1;}
.adc_b .adctxt,.adc_d .adctxt{ float: right; text-align: right; background: url(../images/textbg2.png) no-repeat right center; padding: 47px 25px 73px 0;}
.adc_b .adctxt dl dt i{ float: none;}
.adc_b .adctxt dl dt em{ float: right;}
.adc_d .adctxt dl dt i{ float: none;}
.adc_d .adctxt dl dt em{ float: right;}
.adc_b .adctxt dl dd,.adc_d .adctxt dl dd{ background: url(../images/adcbord.png) no-repeat right bottom;}


.gycont{ padding: 90px 0;}
.gycont dl{ text-align: center; margin-bottom: 40px;}
.gycont dl dt{ font-size: 30px; font-weight: bold; color: #333333; line-height: 40px;}
.gycont dl dd{ text-transform: uppercase; color: #757575; line-height: 30px;}
.gsgkcont{ line-height: 26px;}

.qywh{ height: 590px; background: url(../images/gy_02.jpg) no-repeat center center; min-width: 1200px;}
.qywh dl{ padding: 65px 0 40px; text-align: center;}
.qywh dl dt{ font-size: 30px; color: #FFFFFF; font-weight: bold; line-height: 40px;}
.qywh dl dd{ font-family: "微软雅黑 Light"; text-transform: uppercase; color: #585858; line-height: 30px;}
.qywh p{ color: #a7a7a7; line-height: 22px;}

.gyqywh{ padding: 123px 0 85px; background: url(../images/aboutqywhbg.jpg) no-repeat center bottom;}
.gyqywh .fl{ width: px; margin-left: -20px;}
.gyqywh .fr{ width: 550px;}
.gyqywh .fr .gytoprbt{ padding-top: 20px; height: 50px; line-height: 30px; font-size: 30px; color: #FFFFFF; background: url(../images/gybtbord.png) no-repeat left bottom;}

.gyqywhtxt{ font-size: 14px; line-height: 24px; color: #FFFFFF; text-align: justify;}
.gyqywhtxt dl dt{ padding-left: 15px; margin-top: 35px; background: url(../images/qywhbord.png) no-repeat left center;}
.gyqywhtxt dl dd{ padding-left: 15px; margin-top: 10px;}
.gyqywhtxt dl dd i{ color: #ff911b; font-weight: bold;}

/* 合作 */
.banhz{ height: 800px; min-width: 1200px; background:url(../images/ban_hz.jpg) no-repeat center center;}
.banhz dl{ text-align: center; padding-top: 355px;}

.hzcont{ padding: 90px 0;}
.hzcont dl{ text-align: center;}
.hzcont dl dt{ font-size: 30px; color: #333333; font-weight: bold; line-height: 40px;}
.hzcont dl dd{ line-height: 30px; text-transform: uppercase; color: #757575;}
.hzcont .hzptxt{ display: block; padding: 40px 70px; line-height: 24px; color: #969696; text-align: center;}

.hzcont .ichoosecont{ padding-top: 70px; overflow:hidden; width: 100%; margin: 0 auto;}
.hzcont .ichoosecont ul li img{}


/* 案例 */
.al-type{ overflow: hidden; padding-top: 40px;}
.margt40{ margin-top: 40px;}
.al-type ul{ width: 1110px;}
.al-type ul li{ float: left; margin-right: 10px; margin-bottom: 10px;}
.al-type ul li a{ display: block; width: 99px; text-align: center; height: 28px; line-height: 28px; border: 1px solid #dcdcdc; font-size: 14px; color: #999999;}
.al-type ul li.on a{ border: 1px solid #123AAF; color: #123AAF;}

.wxancont{ padding: 30px 0;}
.wxancont ul{ width: 1116px;}
.wxancont ul li{ position: relative; float: left; width: 263px; height: 535px; text-align: center; background: url(../images/albg01.png) no-repeat center top; margin-right: 16px; margin-bottom: 48px; overflow: hidden;}
.wxancont ul li p{ position: absolute; bottom: 0px; left: 0px; z-index: 10; width: 100%; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #666666;}
.wxancont ul li .wxanimg{ width: 212px; height: 341px; margin: 0 auto; padding-top: 110px; overflow: hidden;}
.wxanfix{ opacity: 0; position: absolute; top: 73px; left: 0px; right: 0px; z-index: 100; width: 216px; height: 378px; margin: 0 auto; background: url(../images/bg-black70.png);}
.wxanfix span{ position: absolute; top: 50%; left: 0px; right: 0px; z-index: 102; width: 130px; height: 130px; margin:0 auto; margin-top: -65px;}
.wxancont ul li:hover{ background: url(../images/albg02.png) no-repeat center top;}
.wxancont ul li:hover p{ font-weight: bold; color: #333333;}
.wxancont ul li:hover .wxanfix{ opacity: 1;}

/* 产品 */
.cplist{ height: 479px; margin: 40px auto; overflow: hidden;}
.cplist ul{ width: 1101px;}
.cplist ul li{ float: left; width: 366px; height: 239px; overflow: hidden; border-bottom: 1px solid #DEDEDE; border-right: 1px solid #DEDEDE;}
.cplist ul li:hover .s1{ background: url(../images/1.png) repeat;}
.cplist ul li:hover .s2{ background: url(../images/2.png) repeat;}
.cplist ul li:hover .s3{ background: url(../images/5.png) repeat;}
.cplist ul li:hover .s4{ background: url(../images/4.png) repeat;}
.cplist ul li:hover .s5{ background: url(../images/3.png) repeat;}
.cplist ul li:hover .s6{ background: url(../images/6.png) repeat;}
.cplist ul li .t_left{ width: 100%; height: 239px; text-align: center;}
.cplist ul li .t_left p{ vertical-align: middle;}
.cplist ul li .t_left p i{display: block; padding-top: 20px; font-size: 20px; font-weight: bold; color: #333333;}
.cplist ul li .t_right{ display: none; width: 150px; padding-top: 15px;}
.cplist ul li .t_right dl dt a{ display: block; line-height: 26px; font-size: 14px; color: #FFFFFF;}
.cplist ul li:hover{ background: url(../images/bg0.png) no-repeat center center;}
.cplist ul li:hover .t_left{ width: 216px;}
.cplist ul li:hover .t_left p i{ color: #FFFFFF;}
.cplist ul li:hover .t_right{ display: block;}
.cplist ul li .c1{ display: none;}
.cplist ul li .c2{ display: block;}
.cplist ul li:hover .c1{ display: block;}
.cplist ul li:hover .c2{ display: none;}


/* 关于 */
.gytop{ padding: 70px 0;}
.gytop .t_left{ position: relative; width: 345px; border-right: 1px solid #DEDEDE;}
.gytop .t_left .gybtlogo{ padding-bottom: 30px;}
.gybtsm{ margin-top: 20px; font-size: 22px; font-family: "微软雅黑 Light"; font-weight: bold; color: #123AAF;}
.gylink{ position: absolute; bottom: 0; left: 0; z-index: 10; width: 100%;}

.gytop .t_right{ width: 705px;}
.gytxt{ line-height: 24px; padding-top: 10px; font-size: 14px;}


.gytoprbt{ height: 50px; line-height: 30px; font-size: 30px; color: #123AAF; background: url(../images/gybtbord.png) no-repeat left bottom;}

.gybtm{ padding: 60px 0 30px; background: #e4efff;}
.gybtm .t_left{ width: 550px;}
.gybtm .t_right{ width: 516px;}
.gylist{ position: relative; z-index: 1; height: 490px; overflow: hidden;}
.gylist ul li{ float: left; width: 123px; height: 150px; overflow: hidden; margin-left: 49px; margin-bottom: 20px;}
.gylist ul li img{ width: 115px; height: 115px; border: 4px solid #FF9600;}
.gylist ul li p{ display: block; height: 27px; line-height: 27px; text-align: center; font-size: 16px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.gylist ol{ position: absolute; top: 50%; left: 0px; z-index: 100; width: 10px;}
.gylist ol li{ height: 10px; margin-top: 10px; background: #FF9600; border-radius: 50%;}
.gylist ol li.on{ background: #123AAF;}

/* 资质荣誉 */
.gyzzry{ padding: 60px 0; background: #fff3e1;}
.gyzzrylist{ padding: 47px 0; overflow: hidden; position: relative;}
.gyzzrylistc{ overflow: hidden; width: 1120px; height: 357px;}
.gyzzrylistc ul{ position: relative; left: 0px; -webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none;}
.gyzzrylistc ul li{ float: left; padding-right: 40px; margin-bottom: 20px;}
.gyzzrylistc ul li img{ max-width: none; height: 100%;}
.gyzzrylistc ul li a{ display: block; height: 345px; border: 6px solid #69391d; overflow: hidden;}
.gyzzrylist .zzryol{ position: absolute; bottom: 20px; left: 0px; z-index: 100; width: 100%; height: 10px; text-align: center;}
.gyzzrylist ol{ display: inline-block;}
.gyzzrylist ol li{ float: left; width: 10px; height: 10px; margin-top: 10px; background: #FF9600; border-radius: 50%; margin: 0 3px;}
.gyzzrylist ol li.on{ background: #123AAF;}
.gyzzjg{ padding: 60px 0;}
.zzjgimg{ padding-top: 50px; text-align: center;}

/* 招聘 */
.banzp{ height: 800px; min-width: 1200px; background:url(../images/ban_zp.jpg) no-repeat center center;}
.banzp dl{ text-align: center; padding-top: 280px;}

.rcln{ padding: 90px 0;}
.rcln dl{ text-align: center;}
.rcln dl dt{ font-size: 30px; color: #333333; font-weight: bold; line-height: 40px;}
.rcln dl dd{ line-height: 30px; text-transform: uppercase; color: #757575;}
.rcln div{ color: #838383; line-height: 26px; text-align: center; padding-top: 40px;}
.yplc{ min-width: 1200px; height: 530px; background: url(../images/zp_01.jpg) no-repeat center center;}
.yplc dl{ text-align: center; padding: 75px 0;}
.yplc dl dt{ font-size: 30px; color: #FFFFFF; font-weight: bold; line-height: 40px;}
.yplc dl dd{ line-height: 30px; text-transform: uppercase; color: #8f8f8f;}
.yplclist{ width: 90%; margin: 0 auto; text-align: center; padding-top: 50px;}
.yplclist i{ display: inline-block; float: left;width: 4%; height: 120px; background: url(../images/bordlr.jpg) repeat-x center center;}
.yplclist i.bordlrw{ width: 6%;}
.yplclist span{ display: inline-block; float: left;margin: 0 1%; padding:0 0.5%;}
.yplclist span em{ width: px;}

.zpbt{ padding: 80px 0;}
.zpbt dl{ text-align: center;}
.zpbt dl dt{ font-size: 30px; color: #333333; font-weight: bold; line-height: 40px;}
.zpbt dl dd{ line-height: 30px; text-transform: uppercase; color: #757575;}

.zplist{ padding-bottom: 100px;}
.zplist table{ width:1200px;}
.zplist table thead{ background: #123aaf; height: 68px; color: #FFFFFF; font-size: 16px;}
.zplist table tbody tr td{ height: 68px; font-size: 16px;}
.zplist table tr td.align_l{ padding-left: 30px;}
.zplist table tr td.align_r{ padding-right: 30px;}
.zplist table tr td.align_lr{ padding:0 30px;}
.zplist table tbody tr:nth-child(1) td{ border-bottom: 1px solid #DEDEDE;}
.zplist table tbody tr td dl dt{ padding: 30px 0; line-height: 25px; font-size: 16px; color: #000000; font-weight: bold;}
.zplist table tbody tr td dl dd{ font-size: 12px; line-height: 24px;}
.zplist table tbody tr td dl{ padding-bottom: 40px;}
.zplist table tbody tr td .zpemail{ padding-bottom: 40px; font-size: 12px;}
.zplist table tbody tr:nth-child(2){ display: none;}
.zplist table tbody tr.on{ background: #606060; color: #FFFFFF;}


.anlitck{ position: absolute; top: 0px; left: 0px; z-index: 9999; width: 100%; height: 100%; overflow-y: scroll; background: #333333;}
.anlitck .wapper{ position: relative;}
.anlitck .tcktop{ text-align: center; border-bottom: 1px solid #484848; margin-bottom: 50px; margin-top: 70px;}
.tcktop dl{ padding-bottom: 20px;}
.tcktop dl dt{ font-size: 30px; color: #FFFFFF; line-height: 40px;}
.tcktop dl dd{ font-size: 14px; color: #9b9b9b; line-height: 30px;}
.anlitck .tcktop .tckbtn{ display: inline-block; position: absolute; right: 0px; top: 0px; z-index: 10;}
.anlitck .tcktop .tckbtn .prev{display: inline-block; width: 33px; height: 33px; float: left; margin-top: 25px; margin-left: 10px; background: url(../images/left.png) no-repeat center center; border: 1px solid #6a6a6a; cursor: pointer;}
.anlitck .tcktop .tckbtn .next{display: inline-block; width: 33px; height: 33px; float: left; margin-top: 25px; margin-left: 10px; background: url(../images/right.png) no-repeat center center; border: 1px solid #6a6a6a; cursor: pointer;}
.anlitck .tcktop .tckbtn .closebtn{display: inline-block; width: 48px; height: 48px; float: left; margin-top: 15px; margin-left: 30px; background: url(../images/close.png) no-repeat center center; cursor: pointer;}
.anlitck .tcktop .tckbtn .closebtn:hover{ transform: rotate(180deg); transition: 1s;}

/* 搜索 */
.search{ background: #e5e5e5; padding: 35px 0;}
.search .wapper{ width: 1198px; height: 70px; border-radius: 10px; overflow: hidden; border: 1px solid #d2d2d2;}
.search input[type=text]{ float: left; width: 1048px; padding: 0 25px; height: 70px; line-height: 70px; background: #FFFFFF; font-family: "微软雅黑 Light"; font-size: 18px; color: #a9a9a9; border: 0 none;}
.search input[type=button]{ width: 100px; height: 70px; background: url(../images/searchbtn.png) no-repeat #123aaf center center; cursor: pointer; border: 0 none;}
.pt{ padding:150px 0; text-align:center; line-height:30px;}

/* 新闻详情 */
.xwxqbt{ padding: 80px 0 25px; border-bottom: 1px solid #DEDEDE;margin-bottom: 40px;}
.xwxqbt dl{ text-align: center;}
.xwxqbt dl dt{ font-size: 30px; color: #333333; font-weight: bold; line-height: 40px;}
.xwxqbt dl dd{ line-height: 30px; text-transform: uppercase; color: #757575;}
.xwxqtxt{ line-height: 26px; padding-bottom: 50px;}
.xwxqpage{ padding-bottom: 65px; padding-top: 10px; border-top: 1px solid #DEDEDE;}
.xwxqpage ul li{ margin-top: 25px; height: 40px;}
.xwxqpage ul li span{ float: left; display: inline-block; width: 83px; height: 38px;line-height: 38px; border: 1px solid #DEDEDE; font-size: 14px; color: #707070; border-radius: 40px; text-align: center;-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none;}
.xwxqpage ul li:hover span{ padding: 1px; border: 0 none; color: #FFFFFF; background: #123aaf;}
.xwxqpage ul li a{ display: inline-block; float: right; width: 1075px; height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* 优势 */
.yscont{ padding: 100px 0; background: url(../images/ysbg.png) repeat center center;}
.yscont .ysct{ width: 694px; height: 694px; margin: 0 auto; position: relative;}
.yscont .ysct .szpoint{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1;}
.yscont .ysct .sz{ width: 540px; height: 540px; border-radius: 50%; background: #FFFFFF; position: absolute; top: 77px; left: 77px; z-index: 10; overflow: hidden;}
.yscont .ysct .sz .szb{ width: 270px; height: 540px; background: #FFFFFF; overflow: hidden; position: absolute; top: 0px; left: 0px; z-index: 1;transform-origin:100% 50%;}
.yscont .ysct .sz .szw{ width: 270px; height: 540px; background: #FFFFFF; overflow: hidden; position: absolute; top: 0px; right: 0px; z-index: 5; transform: rotateZ(0deg); transform-origin:0% 50%;}
.yscont .ysct .sz .szr{ width: 270px; height: 270px; background: #2b68c6; overflow: hidden; position: absolute; top: 0px; right: 0px; z-index: 10; transform: rotateZ(0deg); transform-origin:0% 100%;-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none;}
.yscont .ysct .sz .szc{ width: 456px; height: 456px; border-radius: 50%; overflow: hidden; background: url(../images/ysbg.png) repeat center center; position: absolute; top: 42px; left: 42px; z-index: 99;}
.sztxt{ position: relative; padding: 130px 0; text-align: center;}
.sztxt p{ display: block; font-size: 110px; font-family: arial; font-weight: bold; color: #3674d4;}
.sztxt i{ display: block; font-size: 24px; font-family: "微软雅黑 Light"; color: #333333;}
.sztxt span{display: block; height: 100%; position: absolute; top: 0px; left: 0px; right: 0px; width: 40px; margin: 0 auto; background: url(../images/point.png) no-repeat center 100%; transform: rotateZ(0deg);}

/* 朋友圈广告 */
.banpyq{ height: 800px; min-width: 1200px; position: relative;}
.banpyqtxt{ width: 1200px; margin: 0 auto; padding-top: 400px;}
.banpyqtxt dl{ margin-top: -75px; padding-bottom: 25px; background: url(../images/bordgreen.jpg) no-repeat left bottom; font-family: "微软雅黑 Light"; letter-spacing: 10px; color: #414141;}
.banpyqtxt dl dt{ height: 45px; line-height: 45px; font-size: 30px;}
.banpyqtxt dl dd{ height: 80px; line-height: 80px; font-size: 60px;}

.banlink{ position: absolute; bottom: 100px; left: 0px; right: 0px; z-index: 10; width: 556px; margin: 0 auto;}
.banlink .gtda{ display: inline-block; float: left; width: 199px; height: 43px; line-height: 43px; text-align: center; border: 2px solid #123aaf; color: #FFFFFF; font-size: 18px; background: #123aaf; border-radius: 43px; }
.banlink .pyqa{ display: inline-block; float: right; width: 199px; height: 43px; line-height: 43px; text-align: center; border: 2px solid #FFFFFF; color: #FFFFFF; font-size: 18px; border-radius: 43px; }
.banlink .gtda:hover{border: 2px solid #123aaf; background: #123aaf;}
.banlink .pyqa:hover{border: 2px solid #123aaf; background: #123aaf;}


/* 新形式广告，风靡朋友圈 */
.pyqt1{ text-align: center; color: #414141; padding-top: 50px; min-width: 1200px;}
.pyqt1 dl{ width: 1015px; margin: 0 auto; padding-bottom: 30px;}
.pyqt1 dl dt{ font-size: 48px; line-height: 100px;}
.pyqt1 dl dd{ line-height: 40px; font-size: 14px;}

.pyqt2{ text-align: center; min-width: 1200px; height: 800px;}
.pyqbt{ width: 1200px; margin: 0 auto;}
.pyqbt dl{ padding-top: 125px;}
.pyqbt dl dt{ font-size: 48px; color: #FFFFFF; font-family: "微软雅黑 Light";}
.pyqbt dl dd{ font-family: "微软雅黑 Light"; color: #555150; text-transform: uppercase; letter-spacing:10px;}
.pyqt2_ul{ padding-top: 90px; overflow: hidden; text-align: center;}
.pyqt2_ul ul li{ float: left; color: #FFFFFF;}
.pyqt2_ul ul li a{ display: block; color: #FFFFFF;}
.pyqt2_ul ul li.s1{ float: left; width: 280px;}
.pyqt2_ul ul li.s2{ float: left; width: 310px; margin: 0 125px;}
.pyqt2_ul ul li.s3{ float: left; width: 360px;}
.pyqt2_ul ul li div img{ height: 87px; width: auto;}
.pyqt2_ul ul li dl dt{ font-size: 24px; padding-top: 25px; height: 60px; line-height: 50px;}
.pyqt2_ul ul li dl dd{ font-size: 14px; line-height: 25px;}

.pyqt3{ text-align: center; min-width: 1200px; height: 800px;}
.pyqt3 .pyqbt{ width: 1200px; margin: 0 auto;}
.pyqt3 .pyqbt dl{ padding-top: 125px;}
.pyqt3 .pyqbt dl dt{ color: #414141;}
.pyqt3 .pyqbt dl dd{ color: #aeaeae; letter-spacing: 5px;}
.pyqt3_ul{ overflow: hidden;}
.pyqt3_ul ul{ padding: 100px 75px; width: 1326px;}
.pyqt3_ul ul li{ float: left; width: 166px; margin-right: 276px;}
.pyqt3_ul ul li div{ width: 166px; height: 166px; border-radius: 50%; background: #3982b2; line-height: 166px; box-shadow: 0px 0px 10px #888;}
.pyqt3_ul ul li div img{ vertical-align: middle;}
.pyqt3_ul ul li dl dt{ font-size: 24px; color: #212121; padding: 50px 0 15px; line-height: 30px;}
.pyqt3_ul ul li dl dd{ font-size: 14px; line-height: 25px;}

.pyqt4{ text-align: center; min-width: 1200px; height: 800px;}
.pyqt4 .pyqbt dl dd{ color: #FFFFFF; letter-spacing: 5px;}
.pyqt4_ul{ overflow: hidden; margin-top: 90px;}
.pyqt4_ul ul{ width: 1280px;}
.pyqt4_ul ul li{ float: left; width: 240px; margin-right: 80px;}
.pyqt4_ul ul li div{ width: 240px; height: 100px; line-height: 100px;}
.pyqt4_ul ul li div img{ vertical-align: middle;}
.pyqt4_ul ul li dl{ color: #FFFFFF;}
.pyqt4_ul ul li dl dt{ font-size: 24px; padding: 50px 0 15px; line-height: 30px;}
.pyqt4_ul ul li dl dd{ font-size: 14px; line-height: 25px;}

.pyqt5{ text-align: center; min-width: 1200px;}
.pyqt5 .pyqbt{ width: 1200px; margin: 0 auto;}
.pyqt5 .pyqbt dl{ padding-top: 125px;}
.pyqt5 .pyqbt dl dt{ color: #414141;}
.pyqt5 .pyqbt dl dd{ color: #aeaeae; letter-spacing: 5px;}
.pyqt5_ul{ overflow: hidden;}
.pyqt5_ul .prev{ display: inline-block; float: left; width: 30px; height: 600px; overflow: hidden; background: url(../images/left2.png) no-repeat center center;}
.pyqt5_ul .next{ display: inline-block; float: right; width: 30px; height: 600px; overflow: hidden; background: url(../images/right2.png) no-repeat center center;}
.pyqt5_ul .pyqt5_list{ display: inline-block; float: left; width: 1140px; height: 600px; overflow: hidden;}
.pyqt5_ul .pyqt5_list ul li{ height: 600px; width: 1140px; float: left;}
.pyqt5_ul .pyqt5_list ul li p{ display: block; padding-top: 10px; height: 80px; line-height: 80px; font-size: 24px; color: #414141;}
.pyqt5_ul .pyqt5_list ul li img{ vertical-align: bottom; max-height: 510px; width: auto;}
.btmfoot{ height: 638px;}
.btmlxwm{ float: right; width: 235px; padding: 45px; background: #f0f0f0;}
.btmlxwm dl dt{ font-size: 48px; color: #123AAF; font-family: "微软雅黑 Light";}
.btmlxwm dl dd{ font-size: 12px; text-transform: uppercase; font-family: "微软雅黑 Light"; color: #4161c0;}
.btmlxwm ul{ margin-top: 30px;}
.btmlxwm ul li{ line-height: 40px; font-size: 14px;}
.btmlxwm ul li .t_left{ display: inline-block; width: 85px;}
.btmlxwm ul li .t_right{ display: inline-block; width: 150px;}
.pyqfoot{ background: #111111; line-height: 30px; text-align: center; color: #949494;}

/* 广点通 */
.bangdttxt{ width: 1200px; margin: 0 auto; padding-top: 210px;}
.bangdttxt dl{ padding-bottom: 25px; margin-right: 55px; background: url(../images/bordblue.jpg) no-repeat right bottom; font-family: "微软雅黑 Light"; text-align: right;}
.bangdttxt dl dt{ line-height: 70px; font-size: 30px; color: #333333; font-size: 60px;}
.bangdttxt dl dt p{ font-size: 40px;}
.bangdttxt dl dd{ height: 40px; line-height: 40px; text-transform: uppercase; color: #333333; letter-spacing: 4px;}

.gdt1{ padding-bottom: 100px;}
.gdt1 .pyqbt{ width: 1200px; margin: 0 auto; text-align: center;}
.gdt1 .pyqbt dl{ padding-top: 100px;}
.gdt1 .pyqbt dl dt{ color: #414141;}
.gdt1 .pyqbt dl dd{ color: #757575; letter-spacing: 0px;}
.gdt1txt{ color: #414141; font-size: 14px; text-align: center; padding-top: 60px;}
.gdt1_ul{ overflow: hidden; padding-top: 55px;}
.gdt1_ul ul{}
.gdt1_ul ul li{ float: left; padding: 0 110px; width: 180px; text-align: center;}
.gdt1_ul ul li div{ height: 142px; line-height: 142px;}
.gdt1_ul ul li img{}
.gdt1_ul ul li dl dt{ font-size: 24px; color: #333333; line-height: 60px;}
.gdt1_ul ul li dl dd{ font-size: 14px; color: #999999;}

.gdt2{ padding: 120px 0; background: url(../images/gdt2bg.png) repeat left top;}
.gdt2 .t_left{ display: inline-block; width: 700px; height: 600px; overflow: hidden;}
.gdt2 .t_left ul li{ height: 600px; line-height: 600px;}
.gdt2 .t_left ul li img{ vertical-align: middle;}
.gdt2 .t_right{ display: inline-block; width: 410px;}
.gdt2 .pyqbt{ text-align: left;}
.gdt2 .pyqbt dl{ padding-top: 100px;}
.gdt2 .pyqbt dl dt{ color: #414141;}
.gdt2 .pyqbt dl dd{ color: #757575; letter-spacing: 0px;}
.gdt2txt{ padding-top: 40px; line-height: 30px; overflow: hidden; height: 60px; font-size: 14px; color: #414141;}
.gdt2_ul{ margin-top: 20px; background: url(../images/gdtbordbg.jpg) repeat-y 12px top;}
.gdt2_ul ul li{ height: 40px; line-height: 40px; padding-top: 20px;}
.gdt2_ul ul li .yd{ float: left; display: inline-block; width: 15px; height: 15px; margin-top: 7px; background: #999999; border-radius: 50%; border: 5px solid #f7f7f7;}
.gdt2_ul ul li .ydname{ float: left; margin-left: 20px; display: inline-block; padding: 0 20px; font-size: 16px;}
.gdt2_ul ul li.on .yd{ background: #FFFFFF; border: 5px solid #123aaf;}
.gdt2_ul ul li.on .ydname{ background: #123aaf; border-radius: 40px; color: #FFFFFF; font-family: "微软雅黑 Light";}

.gdt3{ min-width: 1200px; height: 810px; background: url(../images/gdt_bg1.jpg) no-repeat center center;}
.gdt3 .pyqbt{ text-align: left; text-align: center;}
.gdt3 .pyqbt dl{ padding-top: 100px;}
.gdt3 .pyqbt dl dt{ color: #FFFFFF;}
.gdt3txt{ text-align: center; padding-top: 70px; line-height: 30px; color: #cfcfd2; font-size: 14px;}
.gdt3_ul{ margin: 100px auto 0; width: 1028px; background: url(../images/gdt3_05.png) no-repeat center center; height: 330px; position: relative;}
.gdt3_ul ul li{}
.gdt3_ul ul li:nth-child(1){ position: absolute; top: 0px; left: 100px; z-index: 1;}
.gdt3_ul ul li:nth-child(2){ position: absolute; top: 0px; left: 565px; z-index: 2;}
.gdt3_ul ul li:nth-child(3){ position: absolute; top: 200px; left: 330px; z-index: 3;}
.gdt3_ul ul li:nth-child(4){ position: absolute; top: 200px; left: 800px; z-index: 4;}

.gdt4{ min-width: 1200px; padding: 80px 0; text-align: center;}

.gdt5{ min-width: 1200px;  background: #2e3343; height: 803px; position: relative;}
.gdt5 .t_left{ display: inline-block; width: 50%; height: 803px; background: url(../images/gdt_l1.jpg) no-repeat right center / cover;}
.gdt5_ul{ position: absolute; top: 0px; left: 50%; width: 515px; margin-left: 85px;}
.gdt5_ul dl{ padding-top: 60px; font-family: "微软雅黑 Light";}
.gdt5_ul dl dt{ font-size: 48px; line-height: 60px; color: #FFFFFF;}
.gdt5_ul dl dd{ text-transform: uppercase; color: #acadb2;}
.gdt5_ul ul li{ margin-top: 40px;}
.gdt5_ul ul li .num{ display: inline-block; float: left; width: 50px; font-family: impact; color: #FFFFFF; font-size: 30px; line-height: 30px;}
.gdt5_ul ul li .gdt5r{ display: inline-block; float: right; width: 465px;}
.gdt5_ul ul li .gdt5r div{ font-size: 16px; color: #FFFFFF; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 30px;}
.gdt5_ul ul li .gdt5r p{ color: #acadb2; line-height: 20px; margin-top: 5px;}

.gdt6{ min-width: 1200px;}
.gdt6 .pyqbt{ text-align: left; text-align: center;}
.gdt6 .pyqbt dl{ padding-top: 100px;}
.gdt6 .pyqbt dl dt{ color: #424242;}
.gdt6 .pyqbt dl dd{ color: #757575; letter-spacing: 0px;}


/* OA-style */
.oadiv{ position: relative; z-index: 1;}
.oadiv .wapper{ position: relative;}
.oaa{ height: 400px; display: flex; flex-wrap: wrap; align-content: center; color: #FFFFFF;}
.oaa div{ display: block; width: 100%; text-align: center;}

.oab{ height: 700px; overflow: hidden; display: flex; justify-content: flex-start; align-items: center;}
.oab dl{ display: block; width: 100%; color: #2b2b2b;}
.oab dl dt{ font-size: 21px; font-weight: bold; padding-top: 25px;}
.oab dl dd{ padding-top: 10px; font-size: 17px; font-weight: bold; font-family: "微软雅黑 Light";}
.oabimg{ position: absolute; top: 20px; right: 0px; z-index: -1; height: 700px; line-height: 700px;}
.oabimg img{ vertical-align: middle;}

.oac{ height: 886px; display: flex; justify-content: flex-start; align-items: center;}
.oac dl{ display: block; width: 100%; color: #FFFFFF;}
.oac dl dt{ font-size: 48px; font-weight: bold;}
.oac dl dd{ padding-top: 50px; font-size: 18px; line-height: 36px; font-family: "微软雅黑 Light";}
.oacimg{ position: absolute; top: 0px; right: -20%; z-index: -1; height: 886px; line-height: 886px;}
.oacimg img{ vertical-align: middle;}

.oad{ height: 820px; display: flex; justify-content: flex-start; align-items: center;}
.oad dl{ display: block; width: 100%; color: #2b2b2b;}
.oad dl dt{ font-size: 48px; font-weight: bold;}
.oad dl dd{ padding: 70px 0; font-size: 18px; line-height: 36px; font-weight: bold; font-family: "微软雅黑 Light";}
.oadimg{ position: absolute; top: 2%; right: 30%; z-index: -1; margin-top: 165px;}
.oadimg span.s1{ position: absolute; top: 0px; right: -110%; z-index: 3;}
.oadimg span.s2{ display: block;}
.oadimg span.s3{ position: absolute; top: 0px; right: -220%; z-index: 3;}

.oae{ height: 886px; display: flex; flex-wrap: wrap; align-content: center;}
.oae dl.oaedl{ display: block; width: 100%; color: #2b2b2b; text-align: center;}
.oae dl.oaedl dt{ font-size: 48px; font-weight: bold;}
.oae dl.oaedl dd{ padding: 20px 0; font-size: 18px; line-height: 36px; font-weight: bold; font-family: "微软雅黑 Light";}
.oaelist{ padding-top: 30px;}
.oaelist ul{ display: flex; flex-wrap: wrap; }
.oaelist ul li{ width: 530px; margin-top: 30px;}
.oaelist ul li:nth-child(2n+1){ text-align: right; padding-right: 20px;}
.oaelist ul li:nth-child(2n+2){ text-align: left; padding-left: 20px;}
.oaelist ul li:nth-child(2n+1) dl{ float: left;}
.oaelist ul li:nth-child(2n+1) img{ float: right;}
.oaelist ul li:nth-child(2n+2) dl{ float: right;}
.oaelist ul li:nth-child(2n+2) img{ float: left;}
.oaelist ul li img{ width: 64px; height: 64px;}
.oaelist ul li dl{ width: 440px; padding-top: 5px;}
.oaelist ul li dl dt{ font-size: 22px; color: #2B2B2B; font-weight: bold;}
.oaelist ul li dl dd{ font-size: 17px; color: #515151; padding-top: 8px;}

.oaf{ height: 886px;}
.oaf dl{ color: #2b2b2b; float: right; padding-top: 140px;}
.oaf dl dt{ font-size: 48px; font-weight: bold; color: #8876f6; padding-bottom: 20px;}
.oaf dl dd{ font-size: 16px; line-height: 36px; font-weight: bold; color: #2B2B2B; padding-bottom: 40px; font-family: "微软雅黑 Light";}
.oafimg{ position: absolute; top: 160px; left: 14%; z-index: -1; padding-right: 1%;}

.oagdl{ padding-top: 115px; color: #FFFFFF; text-align: center;}
.oagdl dt{ font-size: 20px;}
.oagdl dd{ padding-top: 10px; font-size: 50px; font-weight: bold;}

.oaglist{ padding-top: 50px;}
.oaglist ul li{ float: left; width: 215px; height: 397px; padding: 0 25px; overflow: hidden; margin-left: 8px;}
.oaglist ul li .oagimg{ width: 127px; height: 127px; border: 2px solid #FFFFFF; margin: 50px auto; border-radius: 50%; overflow: hidden; background-position: center center; background-repeat: no-repeat;}
.oaglist ul li:hover{ background: rgba(13,121,227,0.78);	}
.oaglist ul li:hover .oagimg{ background-color: #ffd220; border: 2px solid rgba(13,121,227,0.78);}
.oaglist ul li.s1 .oagimg{ background-image: url(../images/icon_01.png);}
.oaglist ul li.s2 .oagimg{ background-image: url(../images/icon_02.png);}
.oaglist ul li.s3 .oagimg{ background-image: url(../images/icon_03.png);}
.oaglist ul li.s4 .oagimg{ background-image: url(../images/icon_04.png);}
.oaglist ul li.s1:hover .oagimg{ background-image: url(../images/icon_1.png);}
.oaglist ul li.s2:hover .oagimg{ background-image: url(../images/icon_2.png);}
.oaglist ul li.s3:hover .oagimg{ background-image: url(../images/icon_3.png);}
.oaglist ul li.s4:hover .oagimg{ background-image: url(../images/icon_4.png);}
.oaglist ul li dl{text-align: center; color: #FFFFFF;}
.oaglist ul li dl dt{ font-size: 22px; font-weight: bold;}
.oaglist ul li dl dd{ font-size: 17px; padding-top: 25px;}
.oaglist ul li:hover dl dt{ color: #ffd220;}

/* 小程序 */
.xcxdiv .wapper{ position: relative; z-index: 1;}
.xcxal{ position: absolute; top: 0px; left: -130px; z-index: -1; padding-top: 65px;}
.xcxar{ float: right; padding-top: 65px;}
.xcxar dl dt{}
.xcxar dl dd{ margin-top: 37px;}

.xcxbl{ float: left; padding-top: 55px;}
.xcxbr{ position: absolute; top: 0px; right: 0px; z-index: -1;}
.xcxbr p{ text-align: right;}
.xcxbr div{ margin-right: -105px;}

.xcxc{ text-align: center; padding: 35px 0;}
.xcxc dl dt{ font-size: 30px; color: #bcbcbc;}
.xcxc dl dd{ font-size: 74px; color: #ee7310; font-weight: bold;}
.xcxctxt{ font-size: 26px; color: #494949; line-height: 45px;}

/* H5定制开发 */
.h5div .wapper{ position: relative; z-index: 1; height: 100%;}
.h5bantxt{ height: 800px; display: flex; flex-direction: column; align-content:center; justify-content: center;}
.h5bantxt p{ display: block; width: 100%; text-align: right; font-family: "微软雅黑 Light"; font-weight: 100;}
.h5a{ padding-top: 260px;}
.h5a p{ display: block; width: 100%; font-family: "微软雅黑 Light"; font-weight: 100;}
.h5a-img{ position: absolute; top: 80px; right: -180px; z-index: -1; background: #FFFFFF;}
.h5b{ height: 800px; display: flex; flex-direction: column; align-content:center; justify-content: center;}
.h5b p{ display: block; width: 100%; text-align: right; font-family: "微软雅黑 Light"; font-weight: 100;}

/* 云商城智慧导视 */
.ydsbantxt{ text-align: right; padding-top: 150px;}
.ydsbantxt p{ padding: 10px 0;}

.ydsa{ padding: 115px 0; color: #333333;}
.ydsa .fl{ width: 400px;}
.ydsa .fr{ width: 640px;}
.ydsa .fr dl dt{ height: 80px; line-height: 80px; font-size: 34px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ydsa .fr dl dd{ padding-top: 20px; font-size: 16px; line-height: 21px; text-align: justify;}
.ydstxt{ height: 661px; background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed;}
.ydstxt .ydsdiv{ padding-top: 165px; overflow: hidden;}
.ydstxt .ydsdiv ul{ width: 1105px;}
.ydstxt .ydsdiv ul li{ float: left; width: 271px; height: 140px; margin-right: 5px; background: #FFFFFF; margin-bottom: 5px;}
.ydstxt .ydsdiv ul li dl{ padding:35px 0 0 48px;}
.ydstxt .ydsdiv ul li dl dt{ height: 35px; line-height: 30px; font-weight: bold; font-family: arial; font-size: 30px; color: #0034C9;}
.ydstxt .ydsdiv ul li dl dd{ font-size: 28px; font-family: "微软雅黑 Light"; color: #333333;}



.wzjsdiv{ position: relative; z-index: 1;}
.wzjsbantxt{ height: 800px; display: flex; flex-direction: column; align-content:center; justify-content: center;}
.wzjsbantxt p{ display: block; width: 100%; font-family: "微软雅黑 Light"; font-weight: 100;}
.wzjsa-img{ position: absolute; top: 30px; right: 0px; z-index: -1;}

.wzjsa{ padding-top: 310px; padding-right: 155px; text-align: right;}
.wzjsb{ position: relative; z-index: 1; padding-top: 300px;}
.wzjsb p{ display: block; width: 100%; font-family: "微软雅黑 Light"; font-weight: 100;}
.wzjsb-img{ position: absolute; top: 140px; right: -145px; z-index: -1;}

.wzjsc{ padding-top: 65px; text-align: right; font-family: "微软雅黑 Light";}
.wzjsc dl{ padding: 35px 0;}
.wzjsc dl dt{ font-size: 24px; text-transform: uppercase;}
.wzjsc dl dd{ font-size: 34px; text-transform: uppercase;}

/* 云物业 start */
.ywyban{text-align: center; padding-top: 145px;}

.ywydiv{ color: #333333;}
.ywya{ padding: 65px 0;}
.ywya .fl{ width: 440px; text-align: right;}
.ywya .fr{ width: 500px; padding-right: 60px;}
.ywya .fr dl{ padding-top: 85px;}
.ywya .fr dl dt{ font-size: 34px;}
.ywya .fr dl dd{ padding-top: 40px; font-size: 16px; line-height: 24px;}

/* 云物业 end */

.wxgzhdiv .wapper{ position: relative; z-index: 1;}

.wxgzhadl{ padding: 30px 0; text-align: center;}
.wxgzhadl dl dt{ font-size: 45px; color: #0076da; font-family: "微软雅黑 Light"; font-weight: bold;}
.wxgzhadl dl dd{ font-size: 30px; color: #333333;}
.wxgzhalist{ position: relative; z-index: 1;}
.wkfbg{ position: absolute; bottom: 0px; left: 0px; right: 0px; z-index: -1; width: 351px; margin: 0 auto;}
.wxgzhalist ul li{ cursor: pointer;}
.wxgzhalist ul li span{ height: 108px; line-height: 108px; font-size: 18px; font-weight: bold;}
.wxgzhalist ul li img{ width: 108px; height: 108px;}
.wxgzhalist ul li.on span{ color: #0093eb;}
.wxgzhalist ul li.on img{ -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); transform: scale(1.2);}
.wxgzhalist ul li.s1 span{ float: left; padding-right: 20px;}
.wxgzhalist ul li.s1 img{ float: right;}
.wxgzhalist ul li.s2 span{ float: left; padding-right: 20px;}
.wxgzhalist ul li.s2 img{ float: right;}
.wxgzhalist ul li.s3 span{ float: left; padding-right: 20px;}
.wxgzhalist ul li.s3 img{ float: right;}
.wxgzhalist ul li.s4 span{ float: right; padding-left: 20px;}
.wxgzhalist ul li.s4 img{ float: left;}
.wxgzhalist ul li.s5 span{ float: right; padding-left: 20px;}
.wxgzhalist ul li.s5 img{ float: left;}
.wxgzhalist ul li.s6 span{ float: right; padding-left: 20px;}
.wxgzhalist ul li.s6 img{ float: left;}
.wxgzhalist ul li.s1{ position: absolute; bottom: 50px; left: 45px; z-index: 10;}
.wxgzhalist ul li.s2{ position: absolute; bottom: 250px; left: 80px; z-index: 10;}
.wxgzhalist ul li.s3{ position: absolute; bottom: 410px; left: 210px; z-index: 10;}
.wxgzhalist ul li.s4{ position: absolute; bottom: 410px; right: 210px; z-index: 10;}
.wxgzhalist ul li.s5{ position: absolute; bottom: 250px; right: 80px; z-index: 10;}
.wxgzhalist ul li.s6{ position: absolute; bottom: 50px; right: 0px; z-index: 10;}

.wxgzhadiv{ padding-bottom: 40px; text-align: center;}
.wxgzhadiv dl{ padding: 40px;}
.wxgzhadiv dl dt{ font-size: 30px; font-weight: bold;}
.wxgzhadiv dl dt.s1{ color: #0093EB;}
.wxgzhadiv dl dt.s2{ color: #eb9000;}
.wxgzhadiv dl dt.s3{ color: #1aa69e;}
.wxgzhadiv dl dt.s4{ color: #f8c335;}
.wxgzhadiv dl dt.s5{ color: #1aa64d;}
.wxgzhadiv dl dt.s6{ color: #dc3b3e;}
.wxgzhadiv dl dd{ margin-top: 20px; font-size: 14px; line-height: 22px; color: #333333;}

.wxgzhb{}
.wxgzhb dl{ padding: 40px 0; text-align: center;}
.wxgzhb dl dt{ font-size: 45px; color: #0076DA; font-family: "微软雅黑 Light"; font-weight: bold;}
.wxgzhb dl dd{ font-size: 30px; color: #323232;}

.wxgzhblist{ text-align: center; padding-bottom: 45px;}
.wxgzhblist ul{ display: inline-block;}
.wxgzhblist ul li{ float: left; width: 76px; height: 76px; line-height: 76px; margin: 0 25px; border:1px solid #0076DA; border-radius: 50%; background: #FFFFFF; font-size: 56px; text-align: center; overflow: hidden;}
.wxgzhblist ul li a{ display: block; color: #0076DA; font-family: 'dincond-medium-webfont'; }
/*.wxgzhblist ul li.on a{ display: block; color: #FFFFFF; background: #d73240;}*/

.wxgzhc{ height: 200px; overflow: hidden;}
.wxgzhclist{ width: 1056px; margin: 0 auto; overflow: hidden;}
.wxgzhcl{ float: left; width: 976px; height: 200px; overflow: hidden;}
.wxgzhclist .prev{ float: left; width: 40px; height: 200px; background: url(../images/leftbg11.png) no-repeat left center;}
.wxgzhclist .next{ float: right; width: 40px; height: 200px; background: url(../images/rightbg21.png) no-repeat right center;}
.wxgzhclist .prev:hover{ float: left; width: 40px; height: 200px; background: url(../images/leftbg12.png) no-repeat left center;}
.wxgzhclist .next:hover{ float: right; width: 40px; height: 200px; background: url(../images/rightbg22.png) no-repeat right center;}
.wxgzhclistc{ width: 995px;}
.wxgzhclistc ul li{ float: left; width: 180px; height: 200px; margin-right: 19px; background: #FFFFFF; text-align: center;}
.wxgzhclistc ul li .num{ padding-top: 20px; width: 76px; height: 76px; margin: 0 auto;}
.wxgzhclistc ul li dl dt{ height: 40px; line-height: 40px; font-size: 18px; color: #000000;}
.wxgzhclistc ul li dl dd{ line-height: 22px; font-size: 14px; color: #666666; height: 44px; overflow: hidden;}

/* 263邮箱 */
.banyxtxt{ padding-top: 125px; font-family: "微软雅黑 Light"; color: #FFFFFF;}
.banyxtxt dl{ position: relative;}
.banyxtxt dl:after{ content: ''; display: block; position: absolute; bottom: 0px; left: 0px; z-index: 10; width: 60px; height: 0px; border-bottom: 1px solid #FFFFFF;}
.banyxtxt dl dt{ font-size: 30px;}
.banyxtxt dl dd{ font-size: 60px;}

.yxdiv{ padding: 70px 0;}
.yxys-title{ text-align: center;}
.yxys-title dl dt{ font-size: 48px; color: #333333;}
.yxys-title dl dd{ font-size: 20px; color: #999999; padding-top: 10px; line-height: 40px;}
.yxyslist{ padding-top: 30px; overflow: hidden;}
.yxyslist ul{ width: 1152px;}
.yxyslist ul li{ float: left; width: 236px; margin-right: 52px; text-align: center;}
.yxyslist ul li a{ display: block;}
.yxyslist ul li dl dt{ padding: 20px 0 10px; font-size: 20px; color: #35bcd7; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.yxyslist ul li dl dd{ font-size: 14px; color: #666; line-height: 24px;}

.yxgn{ color: #FFFFFF; font-size: 48px; text-align: center;}
.yxgnlist{ margin-top: 70px; position: relative;}
.yxgnlist ul li{ height: 140px;}
.yxgnlist ul li.s1{ float: left; width: 240px; padding-left: 145px; text-align: right;}
.yxgnlist ul li.s2{ float: right; width: 240px; padding-right: 145px; text-align: left;}
.yxgnlist ul li dl dt{ font-size: 20px; font-weight: bold; color: #35BCD7;}
.yxgnlist ul li dl dd{ padding-top: 6px; font-size: 14px; color: #FFFFFF; line-height: 24px;}
.yxgnlist .yxgnimg{ position: absolute; top: 0px; left: 0px; right: 0px; z-index: 100; width: 236px; margin: 0 auto; }

/* CRM */
.bancrmtxt{ padding-top: 90px; text-align: right; font-family: "微软雅黑 Light"; color: #333333;}
.bancrmtxt dl{ position: relative;}
.bancrmtxt dl:after{ content: ''; display: block; position: absolute; bottom: 0px; right: 0px; z-index: 10; width: 60px; height: 0px; border-bottom: 1px solid #333;}
.bancrmtxt dl dt{ line-height: 54px; font-size: 30px;}
.bancrmtxt dl dd{ font-size: 60px;}


.crmdiv{ padding: 90px 0;}
.crmt-title{ text-align: center;}
.crmt-title dl dt{ font-size: 48px; color: #333333;}
.crmt-title dl dd{ font-size: 16px; color: #808080; line-height: 40px;}
.crmtcont{ padding-top: 15px;}
.crmtcont .fl{ width: 560px;}
.crmtcont .fr{ width: 510px; padding-top: 115px; color: #808080; font-size: 16px; line-height: 30px;}

.crmb-title{ text-align: center; color: #FFFFFF; font-size: 48px; font-family: "微软雅黑 Light";}
.crmblist ul li{margin-top: 70px;}
.crmblist ul li span{ float: left; height: 160px; line-height: 160px;}
.crmblist ul li span img{ vertical-align: middle;}
.crmblist ul li dl{ float: right; width: 930px;}
.crmblist ul li dl dt p{ font-size: 24px; color: #0f9fff;}
.crmblist ul li dl dt div{ font-size: 16px; padding-top: 5px; color: #FFFFFF; opacity: 0.7;}
.crmblist ul li dl dd{ padding-top: 15px; line-height: 26px; font-size: 14px; color: #FFFFFF; opacity: 0.7;}




/* 旋转 */
@-webkit-keyframes xuZz{
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
	}
}

@keyframes xuZz{
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
	}
}


@-webkit-keyframes xuZz1{
    0% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
    }
    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
	}
}

@keyframes xuZz1{
    0% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
    }
    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
	}
}

@-webkit-keyframes xuZz2{
    0% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
	}
}

@keyframes xuZz2{
    0% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
	}
}

@-webkit-keyframes xuZz3{
    0% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
	}
}

@keyframes xuZz3{
    0% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
	}
} 

.yscont .ysct .sz .xuZz{
    -webkit-animation:xuZz 2s infinite linear;
    animation:xuZz 2s infinite linear;
    
}

.yscont .ysct .sz .xuZz1{
    -webkit-animation:xuZz1 2s infinite linear;
    animation:xuZz1 2s infinite linear;
    
}
.yscont .ysct .sz .xuZz2{
    -webkit-animation:xuZz2 2s infinite linear;
    animation:xuZz2 2s infinite linear;
    
}
.yscont .ysct .sz .xuZz3{
    -webkit-animation:xuZz3 2s infinite linear;
    animation:xuZz3 2s infinite linear;
    
}


/* 20180913 */
/* VR虚拟现实 */
.vrxlxs{ background: url(../images/txbg.png) no-repeat center top;}
.vrxlxs-js{ padding: 120px 0;}
.vrxlxs-bt{ font-size: 48px; color: #333333; text-align: center;}
.vrxlxs-bt:after{ content: ''; display: block; width: 50px; height: 0px; border-bottom: 2px solid #ffcc00; margin: 0 auto; margin-top: 50px;}
.vrxlxs-txt{ padding: 30px 150px; font-size: 16px; line-height: 32px; color: #333333;}
.vrxlxs-td{ padding: 120px 150px; background: url(../images/vrxlxsbg.jpg) no-repeat center; background-size: cover;}
.vrxlxs-td .vrxlxs-bt{ color: #FFFFFF;}
.vrxlxs-tdul{ margin-top: 60px; overflow: hidden;}
.vrxlxs-tdul ul{ width: 1000px;}
.vrxlxs-tdul ul li{ float: left; width: 150px; margin-right: 100px; text-align: center;}
.vrxlxs-tdul ul li img{ width: 100%;}
.vrxlxs-tdul ul li p{ display: block; margin-top: 20px; font-size: 30px; color: #FFFFFF;}
.vrxlxs-tdul ul li i{ display: block; margin-top: 20px; text-transform: uppercase; font-size: 18px; color: #FFFFFF; white-space: nowrap; opacity: 0.6; filter: alpha(opacity=60); font-family: "微软雅黑 Light";}
.vrxlxs-yy{ padding: 120px 0;}
.vrxlxs-yyul{ margin-top: 60px;overflow: hidden;}
.vrxlxs-yyul ul{ width: 1220px;}
.vrxlxs-yyul ul li{ float: left; width: 224px; margin-right: 20px;}
.vrxlxs-yyul ul li a{ display: block;}
.vrxlxs-yyul ul li div{ height: 224px; overflow: hidden;}
.vrxlxs-yyul ul li p{ display: block; margin-top: 20px; font-size: 16px; line-height: 16px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; text-align: center;}


/* AR现实增强 */
.arzqxs-js{ padding: 140px 0;}
.arzqxs-js .fl{ width: 575px;}
.arzqxs-js .fr{ width: 600px; text-align: right;}
.arzqxs-js .fl dl dt{ font-size: 48px; color: #333333;}
.arzqxs-js .fl dl dd{ margin-top: 20px; font-size: 18px; text-transform: uppercase; color: #666;}
.arzqxs-js .fl .arzqxs-jstxt{ margin-top: 50px; line-height: 32px; font-size: 14px; color: #333333;}
.arzqxs-js .fl a{ display: inline-block; margin-top: 50px; width: 135px; height: 38px; line-height: 38px; border-radius: 38px; border: 1px solid #666666; text-align: center; font-size: 16px;}
.arzqxs-js .fl a img{ vertical-align: middle;}

.arzqxs-td{ padding: 110px 0;}
.arzqxs-td .fl{ width: 470px; margin-left: 64px;}
.arzqxs-td .fl ul li{ float: left; width: 225px; height: 225px; overflow: hidden; margin-left: 10px; margin-top: 10px; text-align: center;}
.arzqxs-td .fl ul li div{ margin-top: 40px; width: 102px; height: 102px; line-height: 102px; border-radius: 50%; background: #FFFFFF; text-align: center;}
.arzqxs-td .fl ul li div img{ vertical-align: middle;}
.arzqxs-td .fl ul li p{ display: block; margin-top: 15px; font-size: 24px; color: #FFFFFF;}
.arzqxs-td .fl ul li.s1{ background: #ed2f6f;}
.arzqxs-td .fl ul li.s2{ background: #73c7f0;}
.arzqxs-td .fl ul li.s3{ background: #596eb1;}
.arzqxs-td .fl ul li.s4{ background: #fcb723;}
.arzqxs-td .fr{ width: 666px; text-align: right;}
.arzqxs-td .fr dl{ padding-top: 130px;}
.arzqxs-td .fr dl dt{ font-size: 48px; color: #FFFFFF;}
.arzqxs-td .fr dl dd{ margin-top: 20px; font-size: 18px; color: #ccc; text-transform: uppercase;}
.arzqxs-td .fr p{ display: block; margin-top: 50px; color: #FFFFFF;}

.arzqxs-yy{ padding: 140px 0; text-align: center;}
.arzqxs-yy dl dt{ font-size: 48px; color: #333333;}
.arzqxs-yy dl dd{ margin-top: 20px; font-size: 18px; text-transform: uppercase; color: #666666;}
.arzqxs-yy .arzqxs-yytxt{ margin-top: 20px; text-align: center;}

.yslac-yd{ padding-top: 120px;}
.yslac .wrapper{ width: 1100px;}
.yslac-yd .fl{ margin-left: -80px;}
.yslac dl dt{ font-size: 30px; color: #D1D1D1; text-transform: uppercase; font-weight: 100;}
.yslac dl dd{ font-size: 40px; color: #0048ab; font-weight: 100;}
.yslac ul{}
.yslac ul li{ padding-left: 20px; position: relative; z-index: 1; font-size: 20px; margin-top: 30px; line-height: 30px;}
.yslac ul li:before{ content: ''; position: absolute; top: 14px; left: 0px; z-index: 10; width: 6px; height: 6px; border-radius: 50%; background: #0048AB; }
.yslac ul li{}
.yslac ul li p{ font-weight: bold; color: #333333;}

.yslac-hd{ padding: 120px 0;}
.yslac-hd dl{ text-align: right;}
.yslac-hd .fr{ margin-right: -80px;}
.yslac-hd ul li{ padding: 0 20px 0 0; text-align: right;}
.yslac-hd ul li:before{ content: ''; left: auto; right: 0px; }


.yslac-xt{ padding: 120px 0; text-align: center;}
.yslac-xt dl dt{ color: #D1D1D1;}
.yslac-xt dl dd{ color: #645efd;}

.yslac-xt ul{ padding: 0 20px; margin-top: 100px;}
.yslac-xt ul li{ float: left; width: 33.33%; text-align: center; padding-left: 0; margin-top: 0;}
.yslac-xt ul li:before{ content: none;}
.yslac-xt ul li p{ display: block; font-size: 30px; color: #FFFFFF; font-weight: 100; margin-top: 15px;}
.yslac-xt ul li p:after{ content: ''; display: block; width: 30px; margin: auto; margin-top: 15px; border-bottom: 1px solid #a6a2ff;}
.yslac-xt ul li div{ margin-top: 15px; font-size: 20px; color: #FFFFFF; opacity: 0.5; filter:alpha(opacity=50);}

.yslac-sp{ padding: 240px 0;}
.yslac-sp ul li{ font-size: 30px; margin-bottom: 20px;}


.yslac-qm{ padding: 140px 0; background: #e1e7ed;}
.yslac-qm .fl{ margin-left: -278px;}
.yslac-qm .fr{ width: 650px;}
.yslac-qm ul li{ margin-top: 0; padding: 35px 0; border-bottom: 1px solid #d2d9e0;}
.yslac-qm ul li{ padding-left: 0;}
.yslac-qm ul li span{ float: left; width: 80px; line-height: 100px; font-family: impact; font-size: 124px; color: #0048AB;}
.yslac-qm ul li:before{ content: none;}
.yslac-qm ul li > div{ float: right; width: 565px;}
.yslac-qm ul li > div h3{ font-size: 30px; color: #333333;}
.yslac-qm ul li > div h3 i{ font-size: 18px; font-weight: 100; margin-left: 10px;}
.yslac-qm ul li > div div{ margin-top: 15px; font-size: 16px; line-height: 18px;}
.yslac-qm ul li:last-child{ border-bottom: 0 none;}

.xcxc{ padding: 110px 0;}
.xcxc .wrapper{ width: 1100px;}
.xcxc dl dt{ font-size: 30px; color: #D1D1D1; text-transform: uppercase; font-weight: 100;}
.xcxc dl dd{ font-size: 40px; color: #645EFD; font-weight: 100;}
.xcxkf-js .fl{ margin-left: -222px;}
.xcxkf-js .fr{ width: 460px; text-align: left;}
.xcxkf-js .fr dl{ margin-top: 70px;}
.xcxkf-js .fr div{ margin-top: 30px; font-size: 16px; line-height: 32px;}

.xcxkf-tx dl{ text-align: center;}
/*.xcxkf-tx dl dt{ color: #d1d1d1;}*/
.xcxkf-tx dl dd{}
.xcxkf-tx ul{ margin-top: 100px; width: 1224px;}
.xcxkf-tx ul li{ float: left; width: 182px; margin-right: 124px;}
.xcxkf-tx ul li p{ display: block; margin-top: 15px; font-size: 20px; color: #FFFFFF;}
.xcxkf-tx ul li p:after{ content: ''; display: block; width: 30px; margin: auto; margin-top: 15px; border-bottom: 1px solid #FFFFFF;}
.xcxkf-tx ul li div{ margin-top: 15px; font-size: 14px; line-height: 20px; color: #FFFFFF; opacity: 0.5; filter: alpha(opacity=50); font-weight: 100;}

.xcxbj{ position: relative; z-index: 1; margin-top: 80px; height: 520px;}
.xcxbj .xcxbjl{ position: absolute; top: 0px; left: 0px; z-index: 10;}
.xcxbj .xcxbjr{ position: absolute; top: 0px; right: 0px; z-index: 10;}
.xcxbj p{ position: absolute; bottom: 90px; right: 290px; z-index: 10;}