body{ margin:0; padding:0; font:14px/1.5 Microsoft YaHei,tahoma,arial;overflow-x:hidden;}
#body1{position:relative;background:#eceeee;}
#body2{position:relative;background:#ffffff;}
h1, h2, h3, h4, h5, h6, p, blockquote,frame, pre, a, abbr, acronym, address, cite, code, img, small, strike, sub, sup, tt, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0;  }
ul , li { list-style:none;}
a { text-decoration:none;}
img {vertical-align:middle;border:none;}
input {border:none;background:none;}
.left{float:left;}
.right{float:right;}

/*header*/
#header{width:100%;height:140px;}
.header_bottom{width:1200px;margin:0 auto;}
.logo{width:125px;margin:38px 96px 0 0;}
.nav{margin:38px 0 0 0;}
.nav ul li{float:left;font-size:18px;margin-right: 90px;position:relative;}
.nav ul li a{color:#7c8187;width:100%;display:block;}
.nav.nav1 ul li a{color:#fff;}
.nav ul li a img{margin:0 0 0 19px;}
.nav ul li a:hover{color:#000000;}
.nav.nav1 ul li a:hover{color:#fff;}
.nav ul li a.click_nav{color:#000000;}
.nav.nav1 ul li a.click_nav{color:#fff;}
.set_sub2{width:150px;height:158px;position:absolute;top:40px;left:-60px;z-index:999;}
.set_sub2 img{width:100%}
.set_sub3{width:150px;height:158px;position:absolute;top:40px;left:-50px;font-weight:bold;z-index:999;font-size:20px;}
.set_sub4{width:150px;height:158px;color:#fff;position:absolute;top:40px;left:-60px;font-weight:bold;z-index:999;font-size:20px;}

/*菜单下拉*/
#productShow{box-shadow: 0 0 5px #eee;width:200px;position:absolute;top:-30px;left:-88px;z-index:9999;background:#fff;}
#productShow p{width:100%;float:left;}
#productShow p a{display:block;width:100%;height:50px;line-height:50px;font-size:16px;color:#7d8187;text-align:center;font-weight:normal;}
#productShow p.diff a{font-size:20px;height:70px;line-height:70px;}
#productShow p.diff a:hover{color:#7d8187;background:#fff;}
#productShow p a:hover{background:#38a470;color:#fff;}

/*长城开户*/
.cc-box{width: 1200px;margin:0 auto;height:349px;overflow:hidden;position:relative;}
.cc-conbox{position: absolute;height: 349px;width: 1200px;margin:0 auto;background:url(../images/cc.jpg) top center no-repeat; color: #fff;background-position: center; background-size: cover;}
.cc-link{width:1200px;height:349px;overflow:hidden;position:absolute;left:0;top:0;}

/*banner*/
.banner-box{width: 1200px;margin:100px auto 0 auto;height:646px;overflow:hidden;position:relative;border-bottom:1px solid #c7cbcf;}
.banner-tab{width:1200px;height:646px;overflow:hidden;position:absolute;left:0;top:0;}
.banner-box .banner{position: absolute;}
.banner1{position: absolute;height: 646px;width: 1200px;margin:0 auto;background:url(../images/banner1.jpg) top center no-repeat; color: #fff;background-position: center; background-size: cover;}
.banner2{position:absolute;width: 1200px;height: 646px;margin:0 auto;background:url(../images/banner2.jpg) top center no-repeat;background-position: center; background-size: cover;}
.banner3{position: absolute;width: 1200px;height: 646px;margin:0 auto;background:url(../images/banner3.jpg) top center no-repeat;background-position: center; background-size: cover;}
/*点*/
.banner-spot{width:68px;height:11px;overflow:hidden;text-align:center;position:absolute;top:82px;right:246px;z-index:100;}
.banner-spot span{width:11px;height:11px;float:left;background:#d0d0d0;cursor:pointer;border-radius:100%;}
.banner-spot span+span{margin-left:16px;}
.banner-spot span.current{background:#99adb4;}

.banner_link{width:279px;height:72px;display:black;position:absolute;bottom:69px;right:174px;z-index:100;}

.ty-conbox{width: 1200px;margin:0 auto;overflow:hidden;}


/*尾部*/
#footer{width:100%;background:#f7f7f7;padding:20px 0 30px;overflow:hidden;}
.footer{width:1200px;margin:0 auto;position:relative;overflow:hidden;}
.set_sub1{width:150px;height:158px;position:absolute;bottom:50px;right:170px;}
.set_sub1 img{width:100%}
.footer ul{float:left;margin:30px 0 0 0;width:260px;}
.footer ul li{width:100%;float:left;font-size:16px;color:#ffffff;line-height:35px;text-decoration:none;}
.footer ul li strong{font-size:20px;color:#333333;}
.footer ul li a{font-size:16px;color:#7d8187;}
.footer ul li a:hover{color:#00bae9;}
.footer h6{float:right;width:260px;font-size:20px;margin-top:80px;}
.footer h6 span{display:block;width:100%;float:left;color:#7d8187;font-weight:normal;margin-top:10px;}
.footer h6 b{font-size:16px;margin-left:10px;font-weight:normal;}
.footer h6 font{width:30px;height:30px;display:block;float:left;margin-top:50px;}
.footer h6 font img{width:30px;height:30px;cursor:pointer;}
.icp{width: 100%;margin: 20px auto 0px;text-align: center;}


/*首页*/
#index{width:100%;}
#block{position:relative;height:530px;width:1200px;margin:0 auto 150px;}
.block{width:100%;overflow:hidden;position:absolute;left:0px; top:300px;}
.block dl{padding-top:150px;}
.block dl dd{float:left;width:103px;margin:60px 0 0 25px;}
.block dl dt{float:right;width: calc(100% - 160px);}
.block dl dt h6{font-size:44px;color:#000000;}
.block dl dt h5{width:402px;margin:20px 38px 0 0;}
.block dl dt h6 font{width:100%;display:block;margin-bottom:20px;}
.block dl dt h6 span{font-size:24px;width:100%;display:block;font-weight:normal;margin-top:10px;}

#block1{position:relative;height:500px;width:1200px;margin:0 auto;}
.block1{width:100%;overflow:hidden;position:absolute;left:0px; top:300px;}
.block1 dl{}
.block1 dl dd{float:left;width:411px;margin:150px 0 0 25px;}
.block1 dl dt{float:right;width:720px;}
.block1 dl dt h5{width:99px;margin-top:180px;}
.block1 dl dt h6{width:580px;font-size:44px;color:#000000;}
.block1 dl dt h6 font{width:100%;display:block;margin-bottom:40px;}
.block1 dl dt h6 span{font-size:24px;width:100%;display:block;font-weight:normal;margin-top:10px;line-height:50px;}

#block2{position:relative;height:650px;width:1200px;margin:0 auto 150px;}
.block2{width:100%;overflow:hidden;position:absolute;left:0px; top:300px;}
.block2 dl{padding-top:150px;}
.block2 dl dd{float:left;width:96px;margin:110px 0 0 25px;}
.block2 dl dt{float:right;width: calc(100% - 170px);}
.block2 dl dt h6{font-size:44px;width:480px;color:#000000;line-height:50px;margin-top:30px;}
.block2 dl dt h5{width:481px;}
.block2 dl dt h6 font{width:100%;display:block;margin-bottom:20px;}
.block2 dl dt h6 span{font-size:24px;width:100%;display:block;font-weight:normal;margin-top:10px;}

#block3{position:relative;height:500px;width:1200px;margin:0 auto 78px;}
.block3{width:100%;overflow:hidden;position:absolute;left:0px; top:300px;}
.block3 dl{}
.block3 dl dd{float:left;width:474px;margin:150px 0 0 25px;}
.block3 dl dt{float:right;width:637px;}
.block3 dl dt h5{width:94px;margin-top:180px;}
.block3 dl dt h6{width:490px;font-size:44px;color:#000000;}
.block3 dl dt h6 font{width:100%;display:block;margin-bottom:20px;}
.block3 dl dt h6 span{font-size:24px;width:100%;display:block;font-weight:normal;margin-top:10px;line-height:50px;}

.panner_yys{width:1051px;margin:0 auto;}
.panner_yys img{width:337px;}

/*合作伙伴*/
#block4{position:relative;height:400px;width:100%;background:#f6fafb;}
.block4{width:100%;overflow:hidden;position:absolute;left:0px; top:300px;}
.block4ss{width:1200px;margin:0 auto;}
.block4ss ul{width:100%;border-bottom:2px solid #dee3e4;height:90px;line-height:90px;margin-top:30px;}
.block4ss ul li{width:20%;margin:0 15%;float:left;font-size:24px;color:#a3a8af;text-align:center;cursor:pointer;}
.block4ss ul li.click1{color:#00bae9;border-bottom:3px solid #00bae9;}
.panner{width:100%;overflow:hidden;margin:50px 0 20px;}

/*案例*/
#bannerCase{position:absolute;top:0;height: 617px;width: 100%;overflow:hidden;background:url(../images/case.jpg) top center no-repeat; color: #fff; background-size: cover;}
.bannerCase{width:667px;font-size:56px;margin:260px auto 0;height: 357px;padding-left:533px;background:url(../images/ico12.png) no-repeat 433px 10px;background-size:81px 66px;}

#case{width:100%;overflow:hidden;padding-top:617px;}
.case{width:1200px;margin:0 auto;text-align:center;color:#000000;font-size:40px;margin-bottom:110px;}
.ico13{margin-top:110px;}

/*独立App*/
#bannerApp{position:absolute;top:0;height: 617px;width: 100%;overflow:hidden;background:url(../images/app.jpg) top center no-repeat; color: #fff; background-size: cover;}
.bannerApp{width:667px;font-size:56px;margin:260px auto 0;height: 357px;padding-left:533px;background:url(../images/ico17.png) no-repeat 433px 9px;background-size:64px 63px;}

#app{width:100%;overflow:hidden;padding-top:617px;}
.app{width:100%;border-bottom:1px solid #efefef;}
.app_div{width:1200px;margin:0 auto;text-align:center;color:#000000;font-size:40px;margin-bottom:70px;}
.app dl{width:100%;overflow:hidden;}
.app dl dd{width:517px;margin-top:60px;}
.app dl.dl_two dd{width:522px;margin-top:60px;}
.app dl dt{width:560px;text-align:right;margin-top:230px;}
.app dl.dl_three dt{text-align:center;width:100%;margin:100px 0 0 0;}
.app dl.dl_three dd{width:1187px;margin:0 auto;}
.app dl.dl_five dd{width:627px;}
.app dl.dl_five dt{width:570px;}
.app dl.dl_four dd{width:486px;}
.app dl.dl_three dd img{width:1187px;height:700px;margin-top:20px;}
.app dl dt h6{width:100%;font-size:44px;color:#000000;margin-bottom:20px;font-weight:normal;}
.app dl dt p{width:100%;font-size:26px;color:#3f3f3f;line-height:43px;}
.app dl.dl_two dt{text-align:left;}
.app dl.dl_two dt p{line-height:35px;}
.app dl.dl_four dt{margin-top:190px;}
.app dl.dl_four dt p{line-height:32px;}

#app h1{width:100%;text-align:center;border-bottom:1px solid #efefef;font-size:52px;color:#000000;font-weight:normal;padding:50px 0;}
#app h1 span{display:block;text-align:center;font-size:30px;color:#7c8187;font-weight:normal;margin-top:20px;}

/*关于我们*/
#bannerab{position:absolute;top:0;height: 617px;width: 100%;overflow:hidden;background:url(../images/ab.jpg) top center no-repeat; color: #fff; background-size: cover;}
.bannerab{width:667px;font-size:56px;margin:260px auto 0;height: 357px;padding-left:533px;background:url(../images/ico18.png) no-repeat 433px 10px;background-size:72px 65px;}

.about{width:1200px;margin:0px auto;padding-top:650px;}
.about p{width:100%;font-size:20px;color:#7c8187;line-height:47px;text-indent:2rem;}
.about p.title{font-size:30px;color:#000000;text-indent:0;margin:30px 0;}
.about p.distance{text-indent:0;}
.about p.distance span{color:#000000;margin-right:10px;}

.BMap_bubble_title{font-size:20px;text-align:center;margin:20px 0;font-weight:bold;}
.BMap_bubble_content{font-size:14px;line-height:35px;}

.about h6{text-align:center;font-size:24px;color:#000000;font-weight:normal;margin:70px 0 0;}
.about h6 a{display:block;width:168px;height:44px;line-height:44px;text-align:center;font-size:24px;color:#00bbe9;border:1px solid #00bbe9;border-radius:30px;margin:20px auto;}

/*加入我们*/
#bannerjoin{position:absolute;top:0;height: 617px;width: 100%;overflow:hidden;background:url(../images/join.jpg) top center no-repeat; color: #fff; background-size: cover;}
.bannerjoin{width:667px;font-size:56px;margin:260px auto 0;height: 357px;padding-left:533px;background:url(../images/ico19.png) no-repeat 433px 10px;background-size:74px 71px;}

#join{width:1200px;margin:0px auto;padding-top:650px;}
.join{width:100%;overflow:hidden;}
.join_div{width:530px;}
.join_div h1{font-size:30px;color:#000000;font-weight:normal;margin-top:50px;}
.join_div h2{font-size:28px;color:#00bbe9;font-weight:normal;margin:30px 0 10px;}
.join_div p{font-size:18px;color:#7c8187;line-height:35px;margin-bottom:10px;}

#join h6{text-align:center;font-size:24px;color:#000000;font-weight:normal;margin:70px 0 20px;width:100%;overflow:hidden;}
#join h6 a{display:block;width:168px;height:44px;line-height:44px;text-align:center;font-size:24px;color:#00bbe9;border:1px solid #00bbe9;border-radius:30px;margin:20px auto;}

/*数据服务*/
#bannerdata{position:absolute;top:0;height: 617px;width: 100%;overflow:hidden;background:url(../images/data.jpg) top center no-repeat; color: #fff; background-size: cover;}
.bannerdata strong{display:block;font-weight:normal;width:667px;font-size:56px;margin:200px auto 20px;padding-left:533px;background:url(../images/ico20.png) no-repeat 433px 10px;background-size:71px 70px;}
.bannerdata b{font-weight:normal;width:100%;display:block;font-size:40px;text-align:center;margin-bottom:50px;}
.bannerdata span{width:100%;display:block;font-size:30px;text-align:center;margin-top:10px;}

#data{width:100%;overflow:hidden;padding-top:657px;}
#data h1{width:100%;text-align:center;border-bottom:1px solid #efefef;font-size:52px;color:#000000;font-weight:normal;padding:60px 0;overflow:hidden;}
#data h1 span{display:block;text-align:center;font-size:30px;color:#7c8187;font-weight:normal;margin-top:20px;}
.data{width:100%;}
.data_div{width:1200px;margin:0px auto;text-align:center;color:#000000;font-size:40px;margin-bottom:70px;}
.data_div dl{margin-top:80px;}
.data_div h6{margin-top:90px;font-size:32px;color:#7c8187;font-weight:normal;}
.data_div h5{margin-top:50px;font-size:24px;color:#7c8187;font-weight:normal;}
.data_div dl dd{width:100%;margin-top:0px;}
.data_div dl.dl_bill dd{width:381px;float:left;}
.data_div dl.dl_bill2 dd{width:596px;float:right;margin:70px 0 0 0;}
.data_div dl.dl_bill2{margin:80px 0 0;padding-bottom:50px;overflow:hidden;width:100%;}
.data_div dl.dl_bill2 dt{width:600px;float:left;margin:0;}
.data_div dl.dl_bill2 dt h4{background:url(../images/line.png) no-repeat left 20px;font-size:26px;height:70px;line-height:42px;border:none;padding:0 0 0 20px;text-align:left;}
.data_div dl.dl_bill2 dt h4.h4_s{background:url(../images/line1.png) no-repeat left 20px;font-size:26px;height:110px;}
.data_div dl.dl_bill dt{width:760px;float:right;}
.data_div dl dt h4{font-size:28px;height:30px;line-height:25px;text-align:right;color:#7c8187;font-weight:normal;padding-right:20px;border-right:3px solid #46dab4;margin-top:50px;}
.data_div dl dt{width:100%;text-align:left;}
.data_div dl dt p{width:100%;font-size:24px;line-height:36px;color:#7c8187;margin-top:30px;}
.data_div dl dt p strong{color:#000;font-weight:normal;}
.data_div dl dt p span{margin-right:17px;}

/*智能交易*/
#bannertran{position:absolute;top:0;height: 617px;width: 100%;overflow:hidden;background:url(../images/data.jpg) top center no-repeat; color: #fff; background-size: cover;}
.bannertran strong{display:block;font-weight:normal;width:667px;font-size:56px;margin:230px auto 20px;padding-left:533px;background:url(../images/ico20.png) no-repeat 433px 10px;background-size:71px 70px;}
.bannertran b{font-weight:normal;width:100%;display:block;font-size:40px;text-align:center;margin-bottom:50px;}

#tran{width:100%;overflow:hidden;padding-top:657px;}
#tran h1{width:100%;text-align:center;font-size:52px;color:#000000;font-weight:normal;padding:60px 0;}
#tran h1.h1_s{border-bottom:1px solid #efefef;}
#tran h1 span{display:block;text-align:center;font-size:30px;color:#7c8187;font-weight:normal;margin-top:20px;}

#tran h6{width:100%;text-align:center;font-size:30px;color:#7c8187;font-weight:normal;margin:50px 0;}
.tran{width:1200px;margin:0px auto;}
.tran ul{width:100%;padding-bottom:40px;overflow:hidden;}
.tran ul li{float:left;width:360px;box-shadow: 0 0 5px #eee;height:197px;margin:10px 15px 30px 15px;}
.tran ul li span{float:left;width:98px;height:98px;margin:50px 40px 0 30px;}
.tran ul li font{font-size:42px;color:#000000;float:left;width:190px;margin:50px 0px 0 0px;}
.tran ul li font b{font-size:28px;color:#7c8187;display:block;float:left;width:100%;font-weight:normal;}
.tran ul li span img{width:98px;height:98px;transition: All 1s ease-in-out;}
.tran ul li span:hover img{ transform: scale(1.1);}

.tran ul.tran_ul li{width:1180px;box-shadow: 0 0 10px #eee;height:230px;margin:30px 0 30px 10px;}

.tran ul.tran_ul li.long1 span{width:120px;margin:60px 0 0 60px;}
.tran ul.tran_ul li.long2 span{width:120px;margin:60px 0 0 30px;}
.tran ul.tran_ul li.long3 span{width:120px;margin:60px 0 0 30px;}
.tran ul.tran_ul li.long2 span img{width:56px;height:auto;}
.tran ul.tran_ul li.long3 span img{width:56px;height:auto;}
.tran ul.tran_ul li.long1 span img{width:56px;height:auto;}
.tran ul.tran_ul li span{float:left;width:97px;height:97px;margin:40px 50px 0 60px;font-size:28px;color:#879cad;text-align:center;}
.tran ul.tran_ul li span img{width:97px;height:97px;margin-bottom:10px;}
.tran ul.tran_ul li font{font-size:26px;color:#7c8187;width:915px;margin:55px 0px 0 0px;line-height:42px;}
.tran ul.tran_ul li.long1{width:1015px;margin:30px 0 30px 82.5px;}
.tran ul.tran_ul li.long2{width:555px;margin:30px 0 30px 30px;}
.tran ul.tran_ul li.long3{width:530px;margin:30px 30px 30px 0;float:right;}
.tran ul.tran_ul li.long1 font{width:680px;line-height:70px;margin:50px 50px 0 0;float:right;}
.tran ul.tran_ul li.long2 font{width:300px;float:right;margin:50px 30px 0 0;}
.tran ul.tran_ul li.long3 font{width:300px;margin:35px 30px 0 0;float:right;}

.tran_ul1{width:1200px;margin:50px auto;}
.tran_ul1 li{width:1180px;box-shadow: 0 0 10px #eee;height:230px;margin:30px 0 30px 10px;float:left;}
.tran_ul1 li span{width:150px;display:block;margin:50px 50px 30px 50px;float:left;}
.tran_ul1 li span.tran_span{width:150px;display:block;margin:50px 20px 30px 20px;float:left;}
.tran_ul1 li strong{width:350px;display:block;margin:80px 20px 30px 0px;font-size:26px;color:#7c8187;line-height:42px;font-weight:normal;}
.tran_ul1 li span font{width:150px;display:table-cell;vertical-align:middle;text-align:center;height:74px;margin:30px 0 30px 10px;}
.tran_ul1 li span font img{vertical-align:middle;text-align:center;-webkit-transition: -webkit-transform .25s linear; -moz-transition: transform .25s linear,-moz-transform .25s linear; transition: transform .25s linear;transition: transform .25s linear,-webkit-transform .25s linear,-moz-transform .25s linear;}
.tran_ul1 li span font:hover img{-webkit-transform: translateY(-5px); -moz-transform: translateY(-5px);-ms-transform: translateY(-5px); transform: translateY(-5px);}
.tran_ul1 li span b{width:100%;display:block;float:left;text-align:center;font-weight:normal;font-size:26px;color:#879cad;margin-top:20px;float:left;}

.a12{width:1200px;margin:0 auto 70px;}
.tran1{width:1200px;margin:50px auto;}
.tran1 p{font-size:28px;color:#7c8187;text-align:center;line-height:47px;margin-bottom:50px;}

/*智能账单*/
#bannerbill{position:absolute;top:0;height: 617px;width: 100%;overflow:hidden;background:url(../images/bill.jpg) top center no-repeat; color: #fff; background-size: cover;}
.bannerbill strong{display:block;font-weight:normal;width:667px;font-size:56px;margin:230px auto 40px;padding-left:533px;background:url(../images/ico43.png) no-repeat 433px 10px;background-size:59px 70px;}
.bannerbill b{font-weight:normal;width:100%;display:block;font-size:34px;text-align:center;}

/*客户关系管理*/
#bannercustomer{position:absolute;top:0;height: 617px;width: 100%;overflow:hidden;background:url(../images/customer.jpg) top center no-repeat; color: #fff; background-size: cover;}
.bannercustomer strong{display:block;font-weight:normal;width:667px;font-size:56px;margin:230px auto 40px;padding-left:480px;background:url(../images/ico44.png) no-repeat 380px 10px;background-size:72px 72px;}
.bannercustomer b{font-weight:normal;width:100%;display:block;font-size:34px;text-align:center;}

.customer{width:1200px;margin:0 auto 70px;}
.customer dl{margin:100px 0 50px 0;width:100%;overflow:hidden;}
.customer dl.cus_dl{margin:20px 0 50px 0;}
.customer dl.cus_dl dd{margin:100px 0 0 0;background:url(../images/ico46.png) no-repeat 0 30px;}
.customer dl.cus_dl1 dd{margin:100px 0 0 0;background:url(../images/ico47.png) no-repeat 0 30px;padding-left:150px;}
.customer dl.cus_dl2 dd{width:400px;margin:100px 0 0 0;background:url(../images/ico48.png) no-repeat 0 30px;padding-left:150px;}
.customer dl.cus_dl3 dd{width:400px;margin:100px 0 0 0;background:url(../images/ico49.png) no-repeat 0 30px;padding-left:150px;}
.customer dl.cus_dl dt{width:464px;}
.customer dd{width:500px;padding-left:170px;background:url(../images/ico45.png) no-repeat 0 30px;margin-top:100px;}
.customer dt{width:470px;}
.customer dd h3{font-size:48px;color:#000000;margin-bottom:20px;}
.customer dd p{font-size:26px;color:#7c8187;}