@charset "utf-8";
/* CSS Document */
.brand_main .tit{ text-align:center; color:#333333; font-size:30px; line-height:30px; padding:50px 0 }
.brand_main .tit span{ display:block; color:#666666; font-size:14px; line-height:14px; padding-top:15px;}

.brand_main_o{ padding-bottom:50px; border-bottom:1px solid #e9e9e9;}
.brand_main_o_r{ width:446px;}
.brand_main_o_r_o{ height:43px; border-bottom:1px dashed #dcdcdc}
.brand_main_o_r_o h4{ font-size:24px; color:#333333;}
.brand_main_o_r_o span{ color:#999999; padding-top:4px; display:block;}
.brand_main_o_r_t{ height:95px; border-bottom:1px dashed #dcdcdc}
.brand_main_o_r_t span{ color:#999; font-size:14px; display:block; padding:20px 0 8px 0;}
.brand_main_o_r_t p{ color:#185aae; font-size:24px;}
.brand_main_o_r_t p i{ font-size:14px; color:#999; margin-left:10px;}
.brand_main_o_r_t em{ font-size:14px;}
.brand_main_o_r_t b{ line-height:24px; background:#185aae; color:#fff; font-size:13px; padding:0 15px; display:inline-block;  -moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius:5px; margin-left:15px;}
/*.brand_main_o_r_s{ height:85px;}*/
.brand_main_o_r_s p{ font-size:14px; padding-top:20px;}
.brand_main_o_r_s p span{ color:#999999}
.brand_main_o_r_f a{ width:180px; height:45px; line-height:45px; display:block; display:block; background:#f14b4b; text-align:center;}
.brand_main_o_r_f a span{ color:#fff; font-size:18px; background:url(../images/registration/reg.png) no-repeat; background-position:0 4px; padding:5px 0 5px 30px;}
.brand_main_o_r_f a.fr{ background:#00b4ff; margin-right:40px;}
.brand_main_o_r_f a.fr span{ background-position:-207px 4px}
.brand_main_o_r_f a:hover{ background:#d22f2f}
.brand_main_o_r_f a.fr:hover{ background:#0096d5}
.brand_main_o_r_l{ padding-top:15px;}
.brand_main_o_r_l span{ color:#999999; font-size:14px; line-height:32px; display:block}
.brand_main_o_r_l ul{ width:373px; margin-left:3px;}
.brand_main_o_r_l li{ float:left; width:111px; height:32px; text-align:center; line-height:32px; color:#666; font-size:14px; background:url(../images/registration/reg_28.gif) no-repeat; margin:0 0 10px 10px; cursor:pointer;}
.brand_main_o_r_l li:hover{ color:#185aae;}
.brand_main_o_r_l li.on{ background:url(../images/registration/reg_29.gif) no-repeat; color:#185aae;}

.brand_main_t{ padding-bottom:50px; border-bottom:1px solid #e9e9e9;}
.brand_main_t .p1{ color:#9e9e9e; font-size:24px; font-weight:bold; line-height:36px; margin-right:18px; margin-top:35px;}
.brand_main_t dl{ width:186px; height:143px; background:#fff; border:1px solid #dddddd; text-align:center; position:relative;}
.brand_main_t dt{ font-size:24px; line-height:24px; padding-top:45px; padding-bottom:5px; background:url(../images/registration/reg.png) no-repeat; background-position:79px -84px; font-weight:bold; margin-top:30px;}
.brand_main_t .dl2 dt{background-position:-165px -84px;}
.brand_main_t .dl3 dt{background-position:-412px -84px;}
.brand_main_t .dl4 dt{background-position:-657px -84px;}
.brand_main_t dl b{ line-height:18px; display:block; color:#fff; text-indent:5px; width:188px; position:absolute; left:-1px; top:-1px; background:#185aae; text-align:left;}
.brand_main_t dl b em{ position:absolute; left:0; top:18px; width:2px; height:2px; background:url(../images/reg_19.gif) no-repeat; display:block;}
.brand_main_t dd{ font-size:13px;}
.brand_main_t dd i{ color:#185aae}
.brand_main_t span{ color:#a9a9a9; font-size:52px; line-height:52px; font-weight:bold; margin:38px 10px 0 10px}
.brand_main_t .con{ margin-top:18px;}
.brand_main_t .con p{ font-size:14px; line-height:20px;}
.brand_main_t .con p i{ display:block; color:#185aae}
.brand_main_t .con a{ display:block; width:136px; height:40px; line-height:40px; text-align:center; background:#f14b4b; color:#fff; font-size:14px; margin-top:25px;}
.brand_main_t .con a:hover{ background:#d22f2f}

.brand_main_s{ padding-bottom:60px; background:#fff; text-align:center;}
.brand_main_s li{ float:left; text-align:center; background-image:url(../images/brand/brand_1.gif); background-repeat:no-repeat; background-position:left center; height:82px; padding-left:122px; text-align:left; margin-left:123px; width:300px; margin-bottom:60px;}
.brand_main_s li.li2{background-image:url(../images/brand/brand_2.gif);}
.brand_main_s li.li3{background-image:url(../images/brand/brand_3.gif); background-position:7px center}
.brand_main_s li.li4{background-image:url(../images/brand/brand_4.gif); background-position:10px center}
.brand_main_s li p{ color:#333; font-size:20px; padding:5px 0 8px 0}
.brand_main_s li span{ color:#666; font-size:14px; line-height:22px;}
.brand_main_s_m{ text-align:center;}
.brand_main_s_m p{ color:#333333; font-size:24px; padding-bottom:5px;}
.brand_main_s_m span{ color:#999999; font-size:14px; display:block; line-height:26px;}

.brand_main_f{ background:#f5f5f5; padding-bottom:60px;}
.brand_main_f ul{ background:url(../images/brand/brand_5.gif) no-repeat left top; height:125px; width:1250px;}
.brand_main_f li{ float:left; text-align:center; width:222px; margin:78px 33px 0 0;}
.brand_main_f li p{ color:#333; font-size:16px;}
.brand_main_f li span{ color:#999; font-size:14px;}
.brand_main_f p.p1{ text-align:center; color:#999; font-size:14px; padding-top:50px; display:block}

.comreg_main_q{ padding-bottom:40px;}
.comreg_main_q ul{ width:1250px;}
.comreg_main_q ul li{ width:566px; padding-bottom:10px; border-bottom:1px dashed #b5b5b5; margin-bottom:10px; float:left; margin-right:40px; margin-left:10px;}
.comreg_main_q ul li p{ line-height:30px; font-size:14px; background:url(../images/registration/reg_13.gif) no-repeat left center; padding-left:15px;}
.comreg_main_q ul li a{ width:98px; display:block; height:28px; line-height:28px; text-align:center; color:#185aae; border:1px solid #185aae; font-size:14px}
.comreg_main_q ul li a:hover{ background:#185aae; color:#fff;}

.brand_main_b{ background:#f6f6f6; padding-bottom:50px;}
.brand_main_b li{ float:left; text-align:center; margin:0 49px;}
.brand_main_b li img{ display:inline-block; margin-bottom:18px;}
.brand_main_b li p{ color:#333333; font-size:16px; line-height:22px;}


.shop_main_a{}
/*层
---------------------------------------------*/
.floor{padding: 80px 0; line-height: 1;}
.floor .headline{padding-bottom: 60px; text-align: center;}
.floor .headline .heading{font-size: 45px; padding-bottom: 20px;}
.floor .headline .subheading{font-size: 20px;}
/*多平台
---------------------------------------------*/
.platform .headline .subheading{font-size: 16px;}
.platform .platform_tab{text-align: center;}
.platform .platform_tab a{display: inline-block; width: 128px; height: 128px; margin: 0px 6px; position: relative; background: url(../images/platform_category.png) no-repeat;}
.platform .platform_tab a.cur b{width: 0; height: 0; position: absolute; left: 50%; bottom: -34px; margin-left: -20px; border: 20px solid transparent; border-bottom-color: #F6F6F6;}
.platform .platform_tab a.item01{background-position: 0 -128px;}
.platform .platform_tab a.item02{background-position: -128px -128px;}
.platform .platform_tab a.item03{background-position: -256px -128px;}
.platform .platform_tab a.item01.cur{background-position: 0 0;}
.platform .platform_tab a.item02.cur{background-position: -128px 0;}
.platform .platform_tab a.item03.cur{background-position: -256px 0;}
.platform .platform_con{padding-top: 32px;}
.platform .platform_con .item{display: none; width: 1200px; margin: 0 auto;}
.platform .platform_con .item a{float: left; position: relative; width: 171px; height: 128px; background: #f6f6f6 url(../images/platform_category_icon.png) no-repeat; 
                                text-align: center; color: #333;}
.platform .platform_con .item a p{margin-top: 90px;}
.platform .platform_con .item a b{filter: alpha(opacity=0); opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #F06472;
                                   background: rgba(243, 79, 95, 0.85); font-weight: lighter; color: #fff; font-size: 16px; line-height: 120px; transition: opacity 0.5s;}
.platform .platform_con .item a b i{position: absolute; width: 15px; height: 9px; bottom: 40px; left: 50%; margin-left: -7px;
                                     background: url(../images/platform_category_hover_arrow.png);}
.platform .platform_con .item a:hover{background-color: #DCDCDC;}
.platform .platform_con .item a:hover b{filter: alpha(opacity=100); opacity: 1;}
.platform .platform_con .item .icon01{background-position: 20px 0;}
.platform .platform_con .item .icon02{background-position: -108px 0;}
.platform .platform_con .item .icon03{background-position: -236px 0;}
.platform .platform_con .item .icon04{background-position: -364px 0;}
.platform .platform_con .item .icon05{background-position: -492px 0;}
.platform .platform_con .item .icon06{background-position: -620px 0;}
.platform .platform_con .item .icon07{background-position: -748px 0;}
.platform .platform_con .item .icon08{background-position: -236px -128px;}
.platform .platform_con .item .icon09{background-position: -492px -128px;}
.platform .platform_con .item .icon10{background-position: -620px -128px;}
.platform .platform_con .item .icon11{background-position: -236px -256px;}
.platform .platform_con .item .icon12{background-position: -620px -256px;}

/*专业服务
---------------------------------------------*/
.services{background: #F6F6F6;}
.services .headline .subheading{color: #999;}
.services .item{float: left; height: 293px; width: 15.6%; *width: 15.5%; margin: 0px 1%; padding: 0px 1.2%; text-align: center; background: #fff; box-shadow: 0 0 10px #ddd;}
.services .item i{display: block; background: url(../images/service_icon.png) no-repeat; width: 52px; height: 50px; margin: 35px auto 0;}
.services .item i.icon01{background-position: 5px 0;}
.services .item i.icon02{background-position: -71px 0;}
.services .item i.icon03{background-position: -149px 0;}
.services .item i.icon04{background-position: -230px 0;}
.services .item i.icon05{background-position: -308px 0;}
.services .item .title{font-size: 22px; line-height: 1; margin-top: 23px;}
.services .item .line{height: 1px; width: 100%; background: url(../images/service_icon.png) 0 -127px no-repeat; margin-top: 15px;}
.services .item .text{padding: 18px 5px; font-size: 14px; line-height: 2;}
.services .item:hover{background: #1D93DD; color: #fff;}
.services .item:hover i.icon01{background-position: 5px -50px;}
.services .item:hover i.icon02{background-position: -71px -50px;}
.services .item:hover i.icon03{background-position: -149px -50px;}
.services .item:hover i.icon04{background-position: -230px -50px;}
.services .item:hover i.icon05{background-position: -308px -50px;}
.services .item:hover .line{background-position: 0 -115px;}
.clear{clear:both;}
.clearfix{zoom:1;}
.clearfix:after{content:''; clear:both; display:block; height:0; visibility:hidden;}

.flowStep{background: #1d92dc url(../images/flow_step_bg.jpg) no-repeat; padding: 130px 0px 180px; color: #fff;}
.flowStep .headline{padding-bottom: 85px;}
.flowStep li{float: left; width: 12.5%; *width: 12.4%; text-align: center;}
.flowStep li i{display: block; background: url(../images/flow_step_icon.png) no-repeat; width: 88px; height: 88px; margin: 0px auto 22px;}
.flowStep li i.icon01{background-position: 0 0;}
.flowStep li i.icon02{background-position: -129px 0;}
.flowStep li i.icon03{background-position: -259px 0;}
.flowStep li i.icon04{background-position: -389px 0;}
.flowStep li i.icon05{background-position: -519px 0;}
.flowStep li i.icon06{background-position: -648px 0;}
.flowStep li i.icon07{background-position: -778px 0;}
.flowStep li i.icon08{background-position: -908px 0;}
.flowStep li .text{font-size: 16px; position: relative;}
.flowStep li .text:after{content: '>'; zoom: 1; font-size: 22px; position: absolute; top: -3px; right: -6px;}
.flowStep li.last .text:after{content: '';}