@charset "utf-8";
/* CSS Document */
body { color: #333; font-size: 12px; font-family: SourceHanSansCN-Normal,Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif; overflow-x: hidden; }
td, th, caption { font-size: 12px; }
dd { margin-left: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
a { color: #000; text-decoration: none; }
a:hover { cursor: pointer; text-decoration: none; }
a { blr: expression(this.onFocus=this.blur()) }
*:focus { outline: 0; }
fieldset, img { border: none; }
ol, ul, li { list-style: none; }
input, textarea, select, button { font: 12px SourceHanSansCN-Normal,Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif; outline: none; }
table { border-collapse: collapse; border-spacing: 0; }
textarea { resize: none; }
i, em { font-style: normal }
/* css common */
.clear { clear: left; }
.cf:after { clear: both; }
.cf:after, .cf:before { content: " "; display: table }
.fl { float: left; }
.fr { float: right; }
/*pccss reset 结束*/
.tips { font-size: 18px; font-family: @DFKai-SB; font-style: italic; text-align: center; color: Fuchsia; margin-top: 100px; }
/*公用*/
.center { width: 1200px; margin: 0 auto; height:100%; }
/*头部*/
.rz_nav { background-color: #fff; }
.rz_head { position: fixed; width: 100%; z-index: 101; left: 0; top: 0; }
.rz_head.act { background-color: #fff; -webkit-box-shadow: 0 0 3px 0px rgba(0,0,0,.2); box-shadow: 0 0 3px 0px rgba(0,0,0,.2); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }

.head_box { width: 1200px; margin: 0 auto; position: relative; padding: 10px 0; transition: 0.5s all; }
.rz_head.act .head_box { padding: 10px 0; }
.rz_head_left { float: left; width: 168px; }
.rz_head_left a { display: block; }
.rz_head_left img { display: none; width: 100%; margin-top: 15px; }
.rz_head_left .img1 { display: block; }
.rz_head_right { float: right; }
.rz_head_right ul { float: left; padding-top: 4px; }
.rz_head_right ul li { float: left; font-size: 15px; padding: 0 16px; text-align: center; position: relative; }
.rz_head_right ul li a { color: #fff; padding: 0 15px; line-height: 62px; }

.rz_head_right ul li.on > a { color: #ff4d00; }

.rz_head_right ul li:hover > a { color: #ff4d00; }
.rz_head_right ul li:hover .rz_head_morenav { opacity: 1; visibility: visible; transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); }
.rz_head_morenav { background: rgba(0,0,0,0.5); opacity: 0; position: absolute; top: 72px; left: 0; visibility: hidden; transform: translate3d(0px, 10px, 0px); -moz-transform: translate3d(0px, 10px, 0px); -webkit-transform: translate3d(0px, 10px, 0px); border-top: 3px solid #ff4d00; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1); transition: all 0.3s ease-out 0s; position: absolute; }

.rz_head_morenav a { padding: 14px 0 !important; line-height: 20px !important; height: auto !important; display: inline-block; width: 100%; font-size: 12px; transition: all 0.2s ease-out 0s; color: #fff; }
.rz_head_morenav a:hover { text-indent: 10px; background: rgba(0,0,0,0.7); color: #ff4d00; }
.lit2 .rz_head_morenav { width: 280px; }
.lit2 .rz_head_morenav a { width: 49%; }
.lit4 .rz_head_morenav { width: 280px; }
.lit4 .rz_head_morenav a { width: 280px; width: 30%; }

/*.rz_head.act .rz_head_morenav{border-top: 3px solid #fff;}*/
/*.rz_head.act .rz_head_morenav{background: rgba(255,255,255,0.9);}*/
.rz_head.act .rz_head_morenav a:hover { background: rgba(255,255,255,1); color: #ff4d00; }
.rz_head.act .rz_head_right ul li a { color: #333; }
.rz_head.act .rz_head_right ul li.on > a { color: #ff4d00 }
.rz_head.act .rz_h_r_phone { color: #333; }
.rz_head.act .rz_h_r_phone i { display: inline-block; }
.rz_head.act .img1 { display: none; }
.rz_head.act .img2 { display: inline-block; }
.rz_h_r_phone { float: left; color: #fff; font-size: 18px; margin-left: 20px; margin-top: 20px; transition: 0.5s all; }
.rz_h_r_phone img { display: none; width: 22px; height: 22px; vertical-align: middle; margin-right: 6px; }
.rz_h_r_phone .img1 { display: inline-block; }
.rz_h_r_phone span { display: inline-block; vertical-align: middle; }
.rz_head_morenav2 { width: 400px; left: -154px; }
.rz_head_morenav2 dl { float: left; width: 20%; }
.rz_head_morenav2 dl dt { color: #fff; padding: 20px 0; }
.rz_nav ul li a { color: #3c3c3c; }
.rz_nav ul li .rz_head_morenav a { color: #fff; }
.rz_nav .rz_h_r_phone span { color: #3c3c3c; }
.rz_head.act .rz_head_right ul li .rz_head_morenav a { color: #fff; }
.rz_head.act .rz_head_right ul li .rz_head_morenav a:hover { color: #ff4d00; }

/**/
.rz_h2 { font-size: 36px; line-height: 48px; color: #2d2d2d; margin-top: 66px; text-align: center; font-family: "Helvetica Neue","Hiragino Sans GB","Microsoft Yahei","黑体",Arial,sans-serif; }
.rz_h2 span { color: #fd6c0e; font-weight: bold; }
.rz_h3 { font-size: 16px; line-height: 32px; color: #808080; margin: 10px auto 0; text-align: center; width: 900px; font-family: "Helvetica Neue","Hiragino Sans GB","Microsoft Yahei","黑体",Arial,sans-serif; }
.main_slide { width: 100%; position: relative; height: 780px; overflow: hidden; }
.case_msg { padding-top: 56px; text-align: center; }

.case_msg .case_list_z { height: 600px; width: 580px; background-color: #fff; float: left; }
.case_list_z.animatebox.animate i { transform: translateX(0); opacity: 1; }
.case_list_z i { width: 518px; height: 319px; left: 0; bottom: 0px; transform: translateX(-100%); opacity: 0; transition: 0.9s all ease-out; }
.case_msg .case_list_z i { display: inline-block; padding-top: 104px; }
.case_msg .case_list_z p { width: 416px; height: 58px; background-color: #fafafa; border: #e7e7e7 solid 1px; border-radius: 30px; display: inline-block; font-size: 24px; font-weight: bold; color: #545454; line-height: 58px; margin-top: 30px; }
.case_msg .case_list { float: left; width: 600px; }



.slideBox .bd li { position: relative; }
.slideBox .bd li img { width: 1920px; height: 780px; position: relative; left: 20%; margin-left: -960px; display: block; }
.slideBox .hd { position: absolute; z-index: 2; text-align: center; bottom: 16px; width: 1200px; left: 50%; margin-left: -600px; }
.slideBox .hd li { cursor: pointer; display: inline-block; height: 10px; width: 10px; margin: 0 2px; background-color: #fff; transition: 0.5s all; border-radius: 10px; }
.slideBox .hd li.on { background-color: #ff4d00; width: 34px; }
.case_wrap { width: 100%; margin: 0 auto; overflow: hidden; position: relative; background-color: #fafafa; }
.case_wrap img.jt { position: absolute; left: 50%; top: 44px; }
.case_wrap .rz_h2 { margin-top: 0; padding-top: 80px; }
.case_tit { text-align: center; margin-bottom: 50px; }
.case_tit li { display: inline-block; cursor: pointer; color: #6f6f6f; font-size: 14px; margin: 0 30px; }
.case_tit li i { display: inline-block; width: 7px; height: 14px; margin: 0 10px; vertical-align: middle; }
.case_tit li.on { color: #ff4d00; }
.case_tit li.on i { background: url(../images/rz_case_tit_xian.png) no-repeat center center; }
.case_msg { width: 1200px; position: relative; margin: 0 auto; }
.case_msg li div { width: 100%; overflow: hidden; position: relative;  }
.case_msg .case_list:after { clear: both; }
.case_msg .case_list:after, .case_msg .case_list:before { content: " "; display: table }
.case_msg .case_list:first-child { display: block; }
.case_msg li { float: left; width: 290px; height: 290px; margin: 0 5px 20px; opacity: 0; transform: translateY(30%); transition: 0.8s all ease-in-out; background-color: #fff; }
.case_msg li img { display: block; transition: all 0.8s; -webkit-transition: all 1.2s; -moz-transition: 0.3s; width: 100%;}
.case_msg li .pa { position: absolute; background: #fff; opacity: .5; filter: alpha(opacity=50); }
.case_msg li h2 { font-size: 18px; color: #545454; padding: 0 15px; margin-top: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: 0.5s all; }

.case_msg li a { display: block; position: relative; width: 290px; height: 290px; overflow: hidden; }
.case_msg li a:hover { background-color: #ff6804; }
.case_msg li a:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05); }
.case_msg li a:hover .border-top, .case_msg li a:hover .border-bottom { width: 90%; height: 1px; }
.case_msg li a:hover .border-right, .case_msg li a:hover .border-left { height: 88%; width: 1px; }
.case_msg li a:hover .border-bottom { left: 5%; }
.case_msg li a:hover .border-right { top: 6%; }
.case_msg li a:hover h2 { color: #fff; }
.case_msg li a:hover .rz_case_xian { background-color: #fff; }

.trans-8 { transition: all 0.8s; -webkit-transition: all 0.8s; -moz-transition: 0.3s; }
.border-top { width: 0; height: 1px; top: 6%; left: 5%; }
.border-right { width: 1px; height: 0; top: 94%; right: 5%; }
.border-bottom { width: 0; height: 1px; bottom: 6%; left: 95%; }
.border-left { width: 1px; height: 0; top: 6%; left: 5%; }

#accordion .fa-chevron-down:before { content: none; }


.rz_case_more { display: block; margin: 20px auto 0; width: 54px; height: 99px; position: relative; }
.rz_case_more img { display: block; width: 100%; margin: 0 auto; }
.rz_case_more img.roket_img1 { }
.rz_case_more img.roket_img2 { width: 21px; margin-top: 3px; }
.rz_case_more:hover img.roket_img1 { animation: roket 1.2s infinite ease-out; }
.rz_case_more:hover img.roket_img2 { animation: roket2 0.8s infinite ease-out; }

@keyframes roket {
 0% { transform: translateY(0); }
 25% { transform: translateY(-5px); }
 50% { transform: translateY(0); }
 75% { transform: translateY(-5px); }
 100% { transform: translateY(0); }
}

@keyframes roket2 {
 0% { height: 0; }
 100% { height: 30px; }
}

/*底部*/
.foot_wrap { background-color: #252525; padding: 45px 0 0; clear: left; }
.foot_box { width: 1240px; margin: 0 auto; }
.foot_sec1 { border-bottom: 1px solid #1a1a1a; height: 219px; display: block; }
.foot_sec1_left { float: left; width: 772px; }
.rz_foot_dl { float: left; width: 25%; }
.rz_foot_dl dt { float: left; width: 8px; height: 2px; background-color: #fff; margin-top: 10px; transition: 0.5s all; }
.rz_foot_dl dd { float: left; width: 140px; margin-left: 5px; font-size: 12px; }
.rz_foot_dl dd p { font-size: 14px; color: #fff; margin-bottom: 15px; }
.rz_foot_dl dd a { display: block; color: #6e6d6d; margin-bottom: 10px; transition: 0.5s all; }
.rz_foot_dl dd a:hover { color: #fff; }
.rz_foot_dl:hover dt { background-color: #ff4d00; width: 20px; }
.foot_sec1_right { float: left; width: 426px; border-left: 1px solid #333232; text-align: center; }
.foot_sec1_right img { display: block; width: 108px; margin: 0 auto; }
.foot_sec1_right .rz_p1 { color: #6e6d6d; font-family: "宋体"; margin-top: 10px; }
.foot_sec1_right .rz_p1 span { display: inline-block; margin: 0 5px; }
.foot_sec1_right .rz_p2 { color: #fff; margin-top: 10px; line-height: 24px; }
.foot_sec1_right .rz_p2 a { display: inline-block; font-weight: bold; color: #fff; transition: 0.5s all; font-family: "宋体"; }
.foot_sec1_right .rz_p2 a:hover { color: #ff4d00; }
.foot_sec2 { padding: 20px 0; border-bottom: 1px solid #1a1a1a; border-top: 1px solid #333232; font-family: "宋体"; }
.foot_sec2 dt { float: left; width: 80px; color: #fff; text-align: center; padding-top: 7px; }
.foot_sec2 dd a { display: inline-block; margin: 0 16px; color: #6e6d6d; transition: 0.5s all; line-height: 28px; }
.foot_sec2 dd a:hover { color: #fff; }
.foot_sec3 { padding: 16px; color: #6e6d6d; border-top: 1px solid #333232; height: 30px; }
.foot_sec3 .rz_p1 { float: left; width: 1000px; margin-top: 4px; }
.foot_sec3 .rz_p1 a { color: #6e6d6d; }
.foot_sec3 .rz_p1 a:hover { color: #fff; }
.rz_cndj { vertical-align: middle; margin-left: 8px; }
.foot_sec3_right { float: right; }
.foot_sec3_right span { float: left; margin-top: 5px; }
.foot_sec3 .drop { float: left; margin-left: 10px; }
.drop { width: 120px; position: relative; font-size: 12px; }
.input_select { width: 120px; height: 24px; line-height: 24px; padding-left: 4px; border: 1px solid #313131; color: #999; background: none; text-align: left; }
.input_select:hover { cursor: pointer; }
.drop > img { position: absolute; right: 5px; top: 11px; width: 9px; height: 5px; }
.drop > img:hover { cursor: pointer; }
.drop ul { width: 118px; background: none; margin-top: 2px; border: 1px solid #313131; position: absolute; display: none; bottom: 24px; background-color: #252525; }
.drop ul li { height: 24px; line-height: 24px; text-indent: 5px }
.drop ul li a { display: block; height: 24px; color: #999; text-decoration: none }
.drop ul li a:hover { color: #fff; }


.right_nav { position: fixed; width: 50px; right: 0; top: 50%; margin-top: -123px; z-index: 100; }
.fixed_right_box { position: relative; }
.zx { display: inline-block; background: url(../images/rz_right_icon1.png) no-repeat center center; width: 30px; height: 30px; vertical-align: middle; transition: 0.8s all; }
.phone { display: inline-block; background: url(../images/rz_right_icon2.png) no-repeat center center; width: 30px; height: 30px; vertical-align: middle; transition: 0.8s all; }
.qq { display: inline-block; background: url(../images/rz_right_icon3.png) no-repeat center center; width: 30px; height: 30px; vertical-align: middle; transition: 0.8s all; }
.weixin { display: inline-block; background: url(../images/rz_right_icon4.png) no-repeat center center; width: 30px; height: 30px; vertical-align: middle; transition: 0.8s all; }
.scor_top { display: inline-block; background: url(../images/rz_right_icon5.png) no-repeat center center; width: 30px; height: 30px; vertical-align: middle; transition: 0.8s all; }
.right_nav li span { margin-left: 12px; }
.right_nav_box li p.ewm_pic { width: 127px; height: 127px; }
.right_nav_box { position: relative; }
.right_nav_box li { position: absolute; transition: 0.8s background-color; background-color: #535353; height: 46px; padding: 0 12px; white-space: nowrap; /*border-top-left-radius: 20px;border-bottom-left-radius: 20px;*/ }
.right_nav_box li.li1 { top: 0; }
.right_nav_box li.li2 { top: 50px; }
.right_nav_box li.li3 { top: 100px; }
.right_nav_box li.li4 { top: 150px; }
.right_nav_box li.li5 { top: 200px; }
.right_nav_box li.li1 a { margin-top: 8px; display: block; }
.right_nav_box li.li2 a { margin-top: 8px; display: block; }
.right_nav_box li.li3 a { margin-top: 8px; display: block; }
.right_nav_box li.li4 a { margin-top: 8px; display: block; }
.right_nav_box li.li5 a { margin-top: 8px; display: block; }
.right_nav_box li:hover { background-color: #ff4d00; }
.right_nav_box li a { color: #fff; font-size: 16px; }
.ewm_pic { position: absolute; right: 55px; bottom: 0; transition: 0.5s all; background-color: #fff; padding: 10px; display: none; }
.ewm_pic img { display: block; }
.ewm_pic.act { visibility: visible; opacity: 1; }


/*头部背景图*/
.content { position: relative; height: 100%; }
.content .page_w { position: absolute; top: 40%; }
.content .page_w h4 { font-size: 40px; color: #fff; font-weight: bold; line-height: 78px; }
.content .page_w p span { font-size: 22px; color: #fff; padding-right: 20px; }
.content .page_w p span.yiyong { display: inline-block; background: url(../images/tou1_03.png) left no-repeat; padding-left: 36px; }
.content img.jt { position: absolute; left: 50%; bottom: 4%; }
.retailers_wrap { padding-top: 80px; text-align: center; position: relative; padding-bottom: 40px; }
.retailers_wrap ul { display: inline-block; }
.retailers_wrap li { float: left; padding-right: 132px; transform: translateY(100%); opacity: 0; }
.retailers_wrap li.an { padding-right: 0; }
.retailers_wrap li span { display: block; font-size: 18px; color: #545454; padding-top: 24px; padding-bottom: 68px; }
.retailers_wrap li:hover span { color: #fd6c0e; }
.retailers_wrap li:hover:hover img { animation: flipInY 1.6s ease-in-out; -webkit-animation: flipInY 1.6s ease-in-out; }
.retailers_wrap p { width: 1080px; display: inline-block; font-size: 15px; color: #808080; line-height: 28px; padding-bottom: 0; }
.retailers_wrap img.jt { position: absolute; left: 50%; bottom: 7%; }
.retailers_wrap li:nth-child(1) { transition: 1s all ease-out; }
.retailers_wrap li:nth-child(2) { transition: 1s 0.2s all ease-out; }
.retailers_wrap li:nth-child(3) { transition: 1s 0.4s all ease-out; }
.retailers_wrap li:nth-child(4) { transition: 1s 0.6s all ease-out; }
.retailers_wrap li.animatebox.animate:nth-child(1) { transform: translateY(0); opacity: 1; }
.retailers_wrap li:nth-child(1) { transition: 1s all ease-out; }
.retailers_wrap li.animatebox.animate:nth-child(2) { transform: translateY(0); opacity: 1; }
.retailers_wrap li:nth-child(2) { transition: 1s 0.2s all ease-out; }
.retailers_wrap li.animatebox.animate:nth-child(3) { transform: translateY(0); opacity: 1; }
.retailers_wrap li:nth-child(3) { transition: 1s 0.4s all ease-out; }
.retailers_wrap li.animatebox.animate:nth-child(4) { transform: translateY(0); opacity: 1; }
.retailers_wrap li:nth-child(4) { transition: 1s 0.6s all ease-out; }


/*亮点*/
.rz_resp_wrap { background-color: #fafafa; padding-bottom: 40px; }
.rz_resp_wrap .rz_h2 { margin-top: 0; padding-top: 58px; }
.rz_resp_sec1 { width: 1200px; margin: 0 auto; position: relative; height: 510px; padding-top: 60px; }
.rz_resp_sec1 img { display: block; position: absolute; bottom: 0; }
.rz_resp_sec1 img.rz_resp_img1 { width: 244px; height: 205px; left: 0; bottom: 0px; transform: translateX(-100%); opacity: 0; transition: 0.8s all ease-out; }
.rz_resp_sec1 img.rz_resp_img2 { width: 222px; height: 385px; left: 196px; bottom: 0px; z-index: 1; transform: translateX(-100%); opacity: 0; transition: 0.8s 0.3s all ease-out; }
.rz_resp_sec1 img.rz_resp_img3 { width: 609px; height: 510px; left: 376px; bottom: 0px; z-index: 0; transform: translateX(100%); opacity: 0; transition: 0.8s 0.2s all ease-out; }
.rz_resp_sec1 img.rz_resp_img4 { width: 505px; height: 232px; right: 0; bottom: 0px; transform: translateX(100%); opacity: 0; transition: 0.8s 1s all ease-out; }
.rz_resp_sec2 { width: 1200px; overflow: hidden; margin: 0 auto; text-align: center; }
.rz_resp_ul { width: 1200px; }
.rz_resp_ul li { width: 300px; height: 180px; float: left; text-align: center; color: #fff; transform: translateY(100%); opacity: 0; }
.rz_resp_ul li:nth-child(1), .rz_resp_ll li:nth-child(1) { transition: 1s all ease-out; }
.rz_resp_ul li:nth-child(2), .rz_resp_ll li:nth-child(2) { transition: 1s 0.1s all ease-out; }
.rz_resp_ul li:nth-child(3), .rz_resp_ll li:nth-child(3) { transition: 1s 0.2s all ease-out; }
.rz_resp_ul li:nth-child(4), .rz_resp_ll li:nth-child(4) { transition: 1s 0.3s all ease-out; }
.rz_resp_ul li:nth-child(5), .rz_resp_ll li:nth-child(5) { transition: 1s 0.4s all ease-out; }
.rz_resp_ul li:nth-child(6) { transition: 1s 0.5s all ease-out; }
.rz_resp_ul li:nth-child(7) { transition: 1s 0.6s all ease-out; }
.rz_resp_ul li:nth-child(8) { transition: 1s 0.7s all ease-out; }
.rz_resp_ul li h4 { font-size: 16px; margin-top: 16px; color: #545454; }
.rz_ul_xian { position: absolute; right: 0; top: 80px; width: 1px; height: 58px; background: #e6e6e6; }
.rz_resp_ul li .rz_p1 { font-size: 14px; font-family: arial; margin-top: 12px; color: #808080; }
.rz_resp_ul li:hover img { animation: flipInY 1.6s ease-in-out; -webkit-animation: flipInY 1.6s ease-in-out; }
.rz_resp_s2_div { width: 240px; margin: 0 auto; }
.rz_resp_a1 { display: block; width: 300px; margin: 0 auto; padding-top: 38px; height: 180px; overflow: hidden; }
.rz_resp_a1 span { display: inline-block; width: 46px; height: 40px; overflow: hidden; position: relative; }
.rz_resp_sec1.animatebox.animate .rz_resp_img1 { transform: translateX(0); opacity: 1; }
.rz_resp_sec1.animatebox.animate .rz_resp_img2 { transform: translateX(0); opacity: 1; }
.rz_resp_sec1.animatebox.animate .rz_resp_img3 { transform: translateX(0); opacity: 1; }
.rz_resp_sec1.animatebox.animate .rz_resp_img4 { transform: translateX(0); opacity: 1; }
.rz_resp_ul li:nth-child(1).animatebox.animate, .rz_resp_ll li:nth-child(1).animatebox.animate { transform: translateY(0); opacity: 1; }
.rz_resp_ul li:nth-child(2).animatebox.animate, .rz_resp_ll li:nth-child(2).animatebox.animate { transform: translateY(0); opacity: 1; }
.rz_resp_ul li:nth-child(3).animatebox.animate, .rz_resp_ll li:nth-child(3).animatebox.animate { transform: translateY(0); opacity: 1; }
.rz_resp_ul li:nth-child(4).animatebox.animate, .rz_resp_ll li:nth-child(4).animatebox.animate { transform: translateY(0); opacity: 1; }
.rz_resp_ul li:nth-child(5).animatebox.animate, .rz_resp_ll li:nth-child(5).animatebox.animate { transform: translateY(0); opacity: 1; }
.rz_resp_ul li:nth-child(6).animatebox.animate { transform: translateY(0); opacity: 1; }
.rz_resp_ul li:nth-child(7).animatebox.animate { transform: translateY(0); opacity: 1; }
.rz_resp_ul li:nth-child(8).animatebox.animate { transform: translateY(0); opacity: 1; }
.case_list li.animatebox.animate { transform: translateY(0); opacity: 1; }
.regulars_ul.animatebox.animate li { transform: translateY(0); opacity: 1; }
.case_msg li .rz_case_xian { display: block; background-color: #ff6804; width: 48px; height: 2px; transition: 0.5s all; display: inline-block; margin-top: 16px; }
.rz_resp_sec2 li a:hover { background-color: #fd6c0e; }
.rz_resp_sec2 li a:hover span img.bh { position: absolute; left: 0; }
.rz_resp_sec2 li a:hover span img.bn { display: none; }
.rz_resp_sec2 li a:hover h4, .rz_resp_sec2 li a:hover p { color: #fff; }

/**/
.rz_resp_ds { padding-bottom: 80px; position: relative; margin-top: 30px; }
.rz_resp_ds img.jt { position: absolute; left: 50%; top: 0; }
.rz_resp_ds .rz_h2 { margin-top: 0; padding-top: 40px; }
.rz_resp_ds .rz_resp_ll li { width: 240px; height: 480px; float: left; background-color: #fafafa; text-align: center; color: #fff; transform: translateY(100%); opacity: 0; }
.rz_resp_sec3 { width: 1200px; overflow: hidden; margin: 0 auto; text-align: center; height: 480px; margin-top: 60px; }
.rz_resp_sec3 li a:hover { background-color: #fd6c0e; }
.rz_resp_sec3 .rz_resp_ll li.a1 a p.ds_s { background: url(../images/xz_05.png) no-repeat; width: 240px; height: 256px; }
.rz_resp_sec3 .rz_resp_ll li.a1 a:hover p.ds_s { background: url(../images/xz_03.png) no-repeat; width: 240px; height: 256px; }
.rz_resp_sec3 .rz_resp_ll li.a2 a p.ds_s { background: url(../images/xz_08.png) no-repeat; width: 240px; height: 256px; }
.rz_resp_sec3 .rz_resp_ll li.a2 a:hover p.ds_s { background: url(../images/xz_07.png) no-repeat; width: 240px; height: 256px; }
.rz_resp_sec3 .rz_resp_ll li a p.ds_s i { display: inline-block; font-size: 18px; color: #fff; font-weight: bold; }
.rz_resp_sec3 .rz_resp_ll li a p.ds_s i span { display: block; font-size: 36px; font-family: "Impact"; color: #fff; font-weight: normal; line-height: 54px; padding-top: 66px; }
.rz_resp_sec3 .rz_resp_ll li a p.ds_x span { display: inline-block; font-size: 14px; color: #808080; line-height: 24px; padding-top: 46px; width: 200px; text-align: left; }
.rz_resp_sec3 .rz_resp_ll li.a2 a p.ds_s { margin-top: 44px; }
.rz_resp_sec3 .rz_resp_ll li.a2 a p.ds_s i span { padding-top: 82px; }
.rz_resp_sec3 .rz_resp_ll li.a2 a p.ds_x span { padding-top: 60px; }

#rt_ewm:hover .ewm_pic { display: block; }

.retailers_top { background-color: #fafafa; position: relative; padding-bottom: 60px; }
.retailers_top h2 { margin-top: 0; padding-top: 50px; height: 118px; }
.retailers_top img.jt { position: absolute; left: 50%; bottom: 42px; }
.retailers_top .retailers_sj { position: relative; padding-bottom: 62px; }
.retailers_top .retailers_sj .dl1 { position: absolute; left: 0; top: 128px; }
.retailers_top .retailers_sj .dl2 { position: absolute; left: 0; top: 278px; }
.retailers_top .retailers_sj .dl3 { position: absolute; right: 0; top: 128px; }
.retailers_top .retailers_sj .dl4 { position: absolute; right: 0; top: 278px; }
.retailers_top .retailers_sj .dl { width: 224px; }
.retailers_top .retailers_sj dl dt { width: 36px; height: 36px; background-color: #ff6804; border-radius: 20px; text-align: center; line-height: 36px; color: #fff; font-size: 24px; font-family: "Arial"; float: left; }
.retailers_top .retailers_sj dl dd { width: 220px; line-height: 20px; color: #5c5c5c; font-size: 15px; float: left; padding-left: 12px; }
.retailers_top .retailers_sj dl dd span { display: block; }
.pattern { margin: 0 auto; padding: 0 0 40px; }
.patternIn { padding-top: 54px; position: relative; padding-bottom: 80px; }
.patternList { width: 100%; display: inline-block; }
.patternList li { position: relative; width: 350px; height: 350px; float: left; }
.patternList li a { display: inline-block; width: 350px; height: 350px; text-align: center; }
.patternList li span { position: relative; width: 98px; height: 98px; display: inline-block; text-align: center; margin-top: 42px; }
.patternList li span .img1 { position: absolute; top: 28px; left: 23px; }
.patternList li span .img2 { position: absolute; top: 28px; left: 23px; display: none; }
.patternList li span .img4 { position: absolute; top: 0px; left: 0px; display: none; }
.patternList li a:hover { background-color: #ff6804; }
.patternList li a:hover span .img1 { display: none; }
.patternList li a:hover span .img3 { display: none; }
.patternList li a:hover span .img2 { display: inline-block; }
.patternList li a:hover span .img4 { display: inline-block; }
.patternList li h4 { height: 58px; width: 100%; line-height: 58px; color: #545454; font-size: 18px; display: inline-block; }
.patternList li h4 em { display: block; height: 58px }
.patternList li em { display: inline-block; background-color: #e6e6e6; height: 2px; width: 30px; }
.patternList li p { width: 100%; padding-top: 14px; }
.patternList li p i { text-align: left; width: 240px; display: inline-block; font-size: 14px; line-height: 28px; color: #808080; }
.patternList li a:hover h4 { color: #fff; }
.patternList li a:hover em { background-color: #fff; }
.patternList li a:hover p i { color: #fff; }
.patternList li.li2 { display: inline-block; margin-left: 70px; }
.patternList li.li3 { float: right; }
.patternIn .add, .patternIn .equal { position: absolute; top: 148px; font-size: 72px; color: #bfbfbf; font-weight: bold; left: 356px; }
.patternIn .equal { left: auto; right: 362px; }
.patternIn .jt { position: absolute; left: 50%; bottom: 0; }
.rz_resp_xt { position: relative; margin-top: 58px; }
.rz_resp_xt .tw_dw { width: 100%; }
.rz_resp_xt li { float: left; width: 76px; text-align: center; padding-right: 48px; }
.rz_resp_xt li.lo1 { padding-right: 0; }
.rz_resp_xt li span { width: 38px; height: 50px; overflow: hidden; display: inline-block; }
.rz_resp_xt li span .im1 { padding-top: 15px; }
.rz_resp_xt li span .im2 { display: none; }
.rz_resp_xt li h4 { font-size: 15px; color: #808080; height: 44px; line-height: 44px; }
.rz_resp_xt li a:hover h4 { color: #ff6804; }
.rz_resp_xt li a:hover span { }
.rz_resp_xt li a:hover span .im2 { display: inline-block; }
.rz_resp_xt li a:hover span .im1 { display: none; }
.tw_c { position: relative; }
.rz_resp_xt i { display: inline-block; width: 100%; }
.sp_gl { position: relative; }
.sp_gl .jt { position: absolute; left: 50%; bottom: 26px; }
.rz_resp_sec4 { padding-bottom: 50px; position: relative; }
.rz_resp_sec4 ul { display: inline-block; padding-bottom: 50px; padding-top: 56px; }
.rz_resp_sec4 li { float: left; width: 223px; height: 318px; border-radius: 10px; text-align: center; margin-right: 21px; }
.rz_resp_sec4 li a { display: inline-block; width: 223px; height: 318px; border: #e6e6e6 solid 1px; border-radius: 10px; }
.rz_resp_sec4 li h4 { font-size: 18px; color: #545454; }
.rz_resp_sec4 li h4 span { font-family: "Impact"; font-size: 36px; color: #cccccc; padding-top: 26px; display: block; line-height: 50px; }
.rz_resp_sec4 li em { display: inline-block; width: 34px; height: 2px; background-color: #ff6804; }
.rz_resp_sec4 li p { width: 198px; text-align: left; display: inline-block; font-size: 14px; color: #808080; line-height: 24px; padding-top: 16px; height: 116px; }
.rz_resp_sec4 li i { display: inline-block; width: 35px; height: 35px; overflow: hidden; padding-top: 4px; }
.rz_resp_sec4 li i .i2 { display: none; }
.rz_resp_sec4 li a:hover { background-color: #ff6804; border: #ff6804 solid 1px; }
.rz_resp_sec4 li a:hover i .i1 { display: none; }
.rz_resp_sec4 li a:hover i .i2 { display: inline-block; }
.rz_resp_sec4 li a:hover p, .rz_resp_sec4 li a:hover h4, .rz_resp_sec4 li a:hover h4 span { color: #fff; }
.rz_resp_sec4 li a:hover em { display: inline-block; background-color: #fff; }
.rz_resp_sec4 li.a1 { margin-right: 0; }
.rz_resp_sec4 img.jo { position: absolute; left: 50%; bottom: 0; }

.page_cp { text-align: center; width: 1200px; }
.page_cp h4 { text-align: center; }
.page_cp .page_wz { position: absolute; top: 0; width: 1200px; margin: 0 auto; padding-top: 160px; }
.page_cp .page_wz h4 { font-size: 52px; color: #fff; line-height: 100px; }
.page_cp .page_wz p { font-size: 30px; color: #fff; }
.product { height: 62px; border-bottom: #e5e5e5 solid 1px; margin-top: -4px; width: 100%; background: #fff; }
.product ul li { float: left; height: 60px; line-height: 60px; width: 240px; text-align: center; }
.product ul li a { width: 240px; display: inline-block; color: #5b5b5b; font-size: 18px; }
.product ul li.adv_active a { border-bottom: #ea5404 solid 2px; color: #ea5404; }
.rz_h3 span { color: #ea5404; }
.quality { clear: left; padding-top: 42px; padding-bottom: 30px; }
.quality .rz_h2, .advantage .rz_h2, .service .rz_h2, .customer .rz_h2 { font-size: 36px; color: #5b5b5b; margin-top: 0; width: 100%; }
.quality .rz_h3, .advantage .rz_h3, .service .rz_h3, .customer .rz_h3 { font-size: 21px; color: #b8b8b8; line-height: 24px; }
.quality ul { display: inline-block; padding-top: 24px; }
.quality li { float: left; width: 240px; height: 193px; background-color: #f6f6f6; text-align: center; margin-left: 8px; margin-bottom: 8px; }
.quality li p { width: 90px; height: 90px; display: inline-block; overflow: hidden; margin-top: 26px; }
.quality li:hover .s1 { display: none; }
.quality li span { width: 100%; display: inline-block; padding-top: 16px; font-size: 20px; color: #666666; }
.quality li:hover span { color: #ff752b; }
.quality li:hover p { animation: flipInY 1.6s ease-in-out; -webkit-animation: flipInY 1.6s ease-in-out; }
.quality li:nth-child(1) { background: url(../images/cp_jde_03.jpg) no-repeat; width: 200px; height: 394px; margin-left: 0; }
.quality li:nth-child(1) p { width: 100%; height: 142px; margin-top: 62px; }
.quality li:nth-child(1) em { width: 44px; height: 1px; background-color: #fff; margin-top: 30px; display: inline-block; }
.quality li:nth-child(1) span { color: #fff; padding-top: 20px; }
.quality li:first-child { background: url(../images/cp_jde_03.jpg) no-repeat; width: 200px; height: 394px; margin-left: 0; }
.quality li:first-child p { width: 100%; height: 142px; margin-top: 62px; }
.quality li:first-child em { width: 44px; height: 1px; background-color: #fff; margin-top: 30px; display: inline-block; }
.quality li:first-child span { color: #fff; padding-top: 20px; }
.advantage_w { padding-top: 60px; }
.quality li i { display: inline-block; font-size: 22px; color: #ff4101; line-height: 40px; width: 100%; padding-top: 56px; }
.quality li em { display: inline-block; font-size: 18px; color: #a1a1a1; width: 100%; }
.advantage { clear: left; margin-top: 10px; background: url(../images/youshi_02.jpg) no-repeat; width: 100%; height: 851px; }
.rz_h4, .quality .rz_h4 { font-size: 16px; line-height: 24px; color: #808080; margin: 10px auto 0; text-align: center; width: 900px; font-family: "Helvetica Neue","Hiragino Sans GB","Microsoft Yahei","黑体",Arial,sans-serif; }
.advantage .youshi_t { margin-top: 46px; position: relative; }
.advantage .youshi_t dl.ys1 { position: absolute; left: 0; top: 108px; }
.advantage .youshi_t dl.ys2 { position: absolute; left: 0; top: 290px; }
.advantage .youshi_t dl.ys3 { position: absolute; left: 828px; top: 8px; }
.advantage .youshi_t dl.ys4 { position: absolute; left: 828px; top: 210px; }
.advantage .youshi_t dl.ys5 { position: absolute; left: 828px; top: 390px; }
.advantage .youshi_t dl dt { float: left; }
.advantage .youshi_t dl dd { float: left; padding-left: 10px; }
.advantage .youshi_t dl dd h5 { font-size: 26px; color: #59b2de; line-height: 28px; }
.advantage .youshi_t dl dd p { padding-top: 14px; }
.advantage .youshi_t dl dd p span { display: block; font-size: 14px; color: #898989; line-height: 24px; }
.service { padding-top: 76px; }
.service ul { display: inline-block; padding-top: 42px; }
.service li { width: 379px; height: 175px; float: left; text-align: center; display: block; margin-right: 31px; margin-top: 18px; position: relative; overflow: hidden; }
.service li:nth-child(3), .service li:nth-child(6) { margin-right: 0; }
.service li:first-child + li + li, .service li:first-child + li + li + li + li + li { margin-right: 0; }

.service li a { display: inline-block; width: 379px; height: 175px; }
.service li i { display: inline-block; width: 379px; height: 175px; }
.service li p { position: absolute; left: 120px; top: 46px; height: 78px; text-align: left; display: inline-block; }
.service li p span { font-size: 22px; color: #767575; line-height: 36px; display: block; }
.service li:nth-child(1) p span, .service li:nth-child(2) p span, .service li:nth-child(5) p span, .service li:nth-child(6) p span { padding-top: 20px; }
.service li:first-child p span, .service li:first-child + li p span, .service li:first-child + li + li + li + li p span, .service li:first-child + li + li + li + li + li p span { padding-top: 20px; }
.service li a i img { width: 100%; }
.service li a i .m2 { display: none; }
.service li a:hover i .m2 { display: inline-block; }
.service li a:hover i .m1 { display: none; }
.service li a:hover p span { color: #fe4102; }
.customer_bj { background-color: #f3f3f3; margin-top: 54px; }
.customer { padding-top: 74px; padding-bottom: 28px; }
.customer .customer_l { padding-top: 48px; }
.customer .customer_l dl { float: left; width: 380px; display: inline-block; padding-bottom: 48px; text-align: center; padding-right: 30px; }
.customer .customer_l dl dt { display: inline-block; width: 104px; height: 104px; background-color: #e36a5c; text-align: center; border-radius: 50%; vertical-align: middle; }
.customer .customer_l dl dt img { width: 57px; height: 51px; padding-top: 28px; }
.customer .customer_l dl dd { }
.customer .customer_l dl dd h5 { font-size: 20px; color: #333333; padding-top: 22px; }
.customer .customer_l dl dd p { font-size: 14px; color: #555555; padding-top: 6px; }
.customer .customer_l dl.l2 dt { background-color: #515764; }
.customer .customer_l dl.l3 dt { background-color: #ffc557; }
.customer .customer_l dl.l4 dt { background-color: #f2bb64; }
.customer .customer_l dl.l5 dt { background-color: #ec67b2; }
.customer .customer_l dl.l6 dt { background-color: #2fae65; }
.customer .customer_l dl.l3, .customer .customer_l dl.l6 { padding-right: 0; }
.classic_case { padding-bottom: 46px; }
.classic_case h2 { text-align: center; font-size: 40px; color: #5b5b5b; }
.classic_case h3 { text-align: center; font-size: 21px; color: #b8b8b8; }
.classic_case h3 span { display: inline-block; font-size: 21px; color: #ea5404; }
.classic_case h4 { text-align: center; font-size: 16px; color: #949494; }
.classic_case .slideBop { width: 100%; height: 594px; position: relative; margin-top: 42px; }
.classic_case .slideBop .hd { height: 66px; position: absolute; top: 40px; z-index: 1; width: 1160px; }
.classic_case .slideBop .hd ul { overflow: hidden; zoom: 1; float: left; margin-left: 40px; height: 66px; }
.classic_case .slideBop .hd ul li { float: left; margin-right: 2px; width: 158px; height: 66px; text-align: center; background: #fff; border-radius: 0; }
.classic_case .slideBop .hd ul li img { width: 158px; height: 66px; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.classic_case .slideBop .hd ul li.on img { width: 158px; height: 66px; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
.classic_case .slideBop .bd { position: relative; height: 594px; width: 100%; z-index: 0; }
.classic_case .slideBop .bd li { zoom: 1; vertical-align: middle; position: relative; height: 594px; }
.classic_case .slideBop .bd img { width: 100%; height: 594px; display: block; }
.classic_case .slideBop .prev, .classic_case .slideBop .next { position: absolute; left: 0; top: 16px; display: block; width: 32px; height: 40px; filter: alpha(opacity=50); opacity: 0.5; }
.classic_case .slideBop .next { left: auto; right: -50px; background-position: 8px 5px; }
.classic_case .slideBop .prev:hover,
.classic_case .slideBop .next:hover { filter: alpha(opacity=100); opacity: 1; }
.classic_case .slideBop .prevStop { display: none; }
.classic_case .slideBop .nextStop { display: none; }
.classic_case .slideBop .bd li .classic_t .lo1 { bottom: 0; position: absolute; width: 503px; height: 431px; }
.classic_case .slideBop .bd li .ic_i { width: 576px; position: absolute; top: 128px; margin-left: 622px; }
.classic_case .slideBop .bd li .ic_i .lo2 { width: 298px; height: 98px; }
.classic_case .slideBop .bd li .ic_i h5 { font-size: 24px; color: #fff; padding-top: 26px; }
.classic_case .slideBop .bd li .ic_i p { font-size: 14px; color: #fff; padding-top: 10px; line-height: 24px; }
.classic_case .slideBop .bd li .ic_i a { display: inline-block; width: 146px; height: 40px; font-size: 14px; color: #fff; margin-top: 26px; line-height: 40px; text-align: center; border: #fff solid 1px; border-radius: 20px; }
.classic_case .slideBop .bd li .ic_i a:hover { background-color: #ea5404; color: #fff; border: none; }

/*手机网站*/
.phone_website { background: url(../images/sj1_02.jpg) no-repeat center; height: 957px; }
.phone_website .phone_web { width: 1200px; height: 957px; margin: 0 auto; position: relative; }
.phone_website .phone_web p { display: block; position: absolute; left: 0; top: 294px; }
.phone_website .phone_web i { display: block; }

.phone_choice dt { float: left; }
.phone_choice dd { float: left; padding-top: 48px; }
.phone_choice dd h2 { color: #0f80d0; font-size: 40px; font-weight: bold; line-height: 50px; }
.phone_choice dd h2 span { display: block; color: #434343; font-size: 24px; font-weight: normal; }
.phone_choice dd p span { margin-top: 22px; font-size: 16px; color: #5c5c5c; display: block; background: url(../images/sj3_03.jpg) left no-repeat; padding-left: 24px; }
.phone_choice dl.c1 dd { float: right; }
.phone_choice dl.c2 dd p { padding-top: 22px; }
.phone_choice dl.c2 dd p span { background: none; margin-top: 0; padding-left: 0; }
.advantage_t { position: absolute; top: 0; }
.phone_advantage { clear: left; width: 100%; height: 921px; position: relative; }
.phone_advantage .advantage_w .phone1 { padding-top: 138px; padding-bottom: 93px; }
.phone_advantage .advantage_w { position: relative; width: 1200px; margin: 0 auto; text-align: center; }
.phone_advantage .advantage_w dl { display: block; width: 230px; }
.phone_advantage .advantage_w dd h2 { font-size: 20px; font-weight: bold; color: #fff; padding-top: 10px; }
.phone_advantage .advantage_w dd i { display: inline-block; width: 33px; height: 1px; background-color: #fff; }
.phone_advantage .advantage_w dd p { font-size: 14px; line-height: 18px; color: #fff; }
.phone_advantage .advantage_w .phone2 { position: absolute; top: 292px; left: 478px; }
.phone_advantage .advantage_w .y1 { position: absolute; top: 292px; left: 26px; }
.phone_advantage .advantage_w .y2 { position: absolute; top: 568px; left: 26px; }
.phone_advantage .advantage_w .y3 { position: absolute; top: 292px; right: 26px; }
.phone_advantage .advantage_w .y4 { position: absolute; top: 568px; right: 26px; }
.case { clear: left; width: 100%; height: 919px; text-align: center; position: relative; }
.case .case_w { position: absolute; top: 0; width: 1200px; }
.case_bj { background: url(../images/sj6_02.jpg) no-repeat; width: 100%; height: 919px; }
.case .case_bo { position: relative; }
.case .case_w h2 { font-size: 48px; color: #333333; padding-top: 180px; line-height: 62px; }
.case .case_w h2 p { font-size: 18px; color: #999999; }
.case .case_w h2 p span { font-size: 18px; color: #0277ca; }
.case .case_w .picScroll-left { overflow: hidden; position: relative; margin-top: 50px; }
.case .case_w .picScroll-left .hd a { display: inline-block; width: 50px; height: 42px; overflow: hidden; }
.case .case_w .picScroll-left .hd a.next { position: absolute; left: 0 !important; right: auto !important; top: 175px; }
.case .case_w .picScroll-left .hd a.prev { position: absolute; right: 0 !important; left: auto !important; top: 175px; }
.case .case_w .picScroll-left .hd a:hover .t1 { display: none; }
.case .case_w .picScroll-left .bd ul li { margin: 0 8px; float: left; _display: inline; overflow: hidden; text-align: center; }
.case .case_w .picScroll-left .bd ul li .title { line-height: 24px; }
.case .case_w .picScroll-left .bd .tempWrap { width: 1087px !important; margin: 0 auto; }
.case .case_w a.anli { display: inline-block; margin-top: 60px; width: 180px; height: 40px; border: #c7c5c5 solid 1px; border-radius: 20px; line-height: 40px; font-size: 14px; color: #999999; }
.case .case_w .picScroll-left .bd li span { display: block; font-size: 14px; color: #333333; padding-top: 12px; }

.case .case_w .picScroll-left .bd #tempWrap ul li img { width: 344px; height: 264px; }



/*专题活动*/
.product_service h2 { font-size: 42px; color: #4a4a4a; text-align: center; padding-top: 50px; }
.product_service ul { padding-top: 30px; padding-bottom: 60px; display: inline-block; }
.product_service li { float: left; width: 331px; height: 144px; display: inline-block; background: url(../images/hd1_05.jpg) no-repeat; }
.product_service li p { padding-top: 38px; padding-left: 50px; font-size: 20px; color: #fff; line-height: 26px; }
.product_service li p span { display: block; }
.product_service li.c2 { background: url(../images/hd1_07.jpg) no-repeat; margin: 0 103px; }
.product_service li.c3 { background: url(../images/hd1_09.jpg) no-repeat; }
.programme { background: url(../images/hd2_02.jpg) center no-repeat; width: 100%; height: 639px; }
.programme .programme_w h2, .activity_w h2 { text-align: center; padding-top: 40px; font-size: 42px; color: #494949; line-height: 50px; }
.programme .programme_w h2 span, .activity_w h2 span { display: block; font-size: 16px; color: #5e5d5d; }
.programme .programme_w .programme_f { padding-top: 54px; }
.programme .programme_w .fangtu { margin-left: -34px; }
.programme .programme_w .fangan { position: relative; }
.programme .programme_w .fangan i { display: inline-block; width: 1px; height: 312px; background-color: #ffb400; position: absolute; left: 20px; top: 3px; }
.programme .programme_w .fangan .lc { position: absolute; left: 0; top: 0; width: 616px; }
.programme .programme_w .fangan p { display: block; clear: left; padding-bottom: 20px; height: 42px; }
.programme .programme_w .fangan p em { display: inline-block; width: 36px; height: 36px; background-color: #ffb400; border: #eaeaf5 solid 3px; border-radius: 20px; text-align: center; float: left; }
.programme .programme_w .fangan p em img { padding-top: 10px; }
.programme .programme_w .fangan p span { display: inline-block; float: left; font-size: 16px; color: #5d5d5d; padding-left: 18px; line-height: 42px; }
.activity { background: url(../images/hd5_02.jpg) center no-repeat; width: 100%; height: 506px; }
.activity .activity_w li { float: left; width: 221px; height: 221px; background: url(../images/hd6_03.png) no-repeat; text-align: center; line-height: 221px; margin-top: 46px; font-size: 24px; color: #fff; }
.activity .activity_w li.z2 { margin-left: 98px; background: url(../images/hd6_05.png) no-repeat; }
.activity .activity_w li.z3 { margin-left: 98px; background: url(../images/hd6_07.png) no-repeat; }
.activity .activity_w li.z4 { margin-left: 98px; background: url(../images/hd6_09.png) no-repeat; }
/*营销站*/
.marketing3 h2 { text-align: center; padding-top: 30px; font-size: 42px; color: #5e5e5e; line-height: 50px; }
.marketing3 h2 p { display: block; font-size: 16px; color: #5e5d5d; line-height: 40px; }
.marketing3 h2 span { color: #ea5404; display: inline-block; }
.marketing3 .ld_td { padding-bottom: 46px; display: inline-block; }
.marketing3 .ld_td dl { float: left; width: 330px; text-align: center; padding-top: 42px; display: inline-block; }
.marketing3 .ld_td dl:nth-child(2), .marketing3 .ld_td dl:nth-child(5) { margin: 0 102px; }
.marketing3 .ld_td dl:first-child + dl, .marketing3 .ld_td dl:first-child + dl + dl + dl + dl { margin: 0 102px; }
.marketing3 .ld_td dl dt img { -webkit-transition: 0.6s; -webkit-transition: -webkit-transform 0.6s ease-out; transition: transform 0.6s ease-out; -moz-transition: -moz-transform 0.6s ease-out; }
.marketing3 .ld_td dl dt img:hover { transform: rotateZ(360deg); -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); }
.marketing3 .ld_td dl dd h3 { font-size: 24px; color: #5e5e5e; padding-top: 20px; }
.marketing3 .ld_td dl dd p { font-size: 17px; color: #a5a5a5; padding-top: 6px; line-height: 26px; }
.marketing4 { background: url(../images/yx4_02.jpg) center no-repeat; width: 100%; height: 166px; }
.marketing4 h2 { text-align: center; padding-top: 24px; font-size: 36px; color: #fff; font-weight: bold; line-height: 50px; }
.marketing4 h2 span { font-size: 20px; display: block; font-weight: normal; }
.marketing5 { padding-bottom: 60px; }
.marketing5 h2, .standard h2 { text-align: center; padding-top: 34px; font-size: 40px; color: #5e5e5e; line-height: 54px; }
.marketing5 h2 p, .standard h2 p { display: block; font-size: 24px; color: #5e5d5d; line-height: 40px; }
.marketing5 h2 span, .standard h2 span { color: #ea5404; display: inline-block; }
.marketing5 .marketing5_w dl { display: inline-block; width: 1200px; padding-top: 10px; }
.marketing5 .marketing5_w dt { float: left; }
.marketing5 .marketing5_w dd { float: right; }
.marketing5 .marketing5_w dt h3 { display: block; font-size: 36px; color: #ea5404; padding-top: 80px; }
.marketing5 .marketing5_w dt h3 span { display: block; font-size: 22px; color: #5e5e5e; }
.marketing5 .marketing5_w dt p { padding-top: 10px; }
.marketing5 .marketing5_w dt p i { display: block; margin-top: 16px; font-size: 18px; color: #5e5e5e; background: url(../images/yx5_06.png) left no-repeat; padding-left: 22px; }
.marketing5 .marketing5_w dt p i span { color: #fe5b00; }
.marketing5 .marketing5_w dt .ac1 { padding-top: 38px; }
.marketing5 .marketing5_w dl:nth-child(2) dt { float: right; }
.marketing5 .marketing5_w dl:nth-child(2) dd { float: left; }
.marketing5 .marketing5_w dl:nth-child(2) dt h3 { padding-top: 30px; }
.marketing5 .marketing5_w dl:nth-child(2) dt p i { background: none; padding-left: 0; }
.marketing5 .marketing5_w dl:nth-child(2) dt a { display: block; width: 592px; height: 56px; line-height: 56px; background-color: #007ec9; text-align: center; font-size: 22px; color: #fff; border-radius: 30px; position: relative; margin-top: 38px; }
.marketing5 .marketing5_w dl:nth-child(2) dt a span { display: block; font-size: 18px; display: inline-block; margin-left: -24px; }
.marketing5 .marketing5_w dl:nth-child(2) dt a img { position: absolute; right: 32px; top: 10px; }
.marketing5 .marketing5_w dl:first-child + dl dt { float: right; }
.marketing5 .marketing5_w dl:first-child + dl dd { float: left; }
.marketing5 .marketing5_w dl:first-child + dl dt h3 { padding-top: 30px; }
.marketing5 .marketing5_w dl:first-child + dl dt p i { background: none; padding-left: 0; }
.marketing5 .marketing5_w dl:first-child + dl dt a { display: block; width: 592px; height: 56px; line-height: 56px; background-color: #007ec9; text-align: center; font-size: 22px; color: #fff; border-radius: 30px; position: relative; margin-top: 38px; }
.marketing5 .marketing5_w dl:first-child + dl dt a span { display: block; font-size: 18px; display: inline-block; margin-left: -24px; }
.marketing5 .marketing5_w dl:first-child + dl dt a img { position: absolute; right: 32px; top: 10px; }
.standard { background-color: #f6f6f6; width: 100%; height: 100%; padding-bottom: 82px; }
.standard h2 { padding-top: 50px; }
.standard .lujin ul { display: inline-block; }
.standard .lujin ul li { width: 200px; text-align: center; float: left; background: url(../images/yx8_03.png) right 42px no-repeat; padding-right: 74px; margin-top: 42px; }
.standard .lujin ul li a { display: inline-block; }
.standard .lujin ul li a p { width: 101px; overflow: hidden; height: 101px; position: relative; }
.standard .lujin ul li a p i { display: inline-block; width: 24px; height: 24px; background-color: #a0a0a0; color: #fff; line-height: 20px; position: absolute; left: 1px; top: 6px; border: #f6f6f6 solid 2px; border-radius: 15px; }
.standard .lujin ul li a span { display: inline-block; font-size: 18px; color: #686868; padding-top: 18px; }
.standard .lujin ul li:nth-child(1), .standard .lujin ul li:nth-child(7) { padding-left: 0; }
.standard .lujin ul li:nth-child(6), .standard .lujin ul li:nth-child(12) { background: none; padding-right: 0; }
.standard .lujin ul li:first-child, .standard .lujin ul li:first-child + li + li + li + li + li + li { padding-left: 0; }
.standard .lujin ul li:first-child + li + li + li + li + li, .standard .lujin ul li:first-child + li + li + li + li + li + li + li + li + li + li + li { background: none; padding-right: 0; }
.standard .lujin ul li a:hover p .tu1 { display: none; }
.standard .lujin ul li a:hover p i { background-color: #3690c4; }
.standard .lujin ul li a:hover span { color: #3690c4; }

/*推广*/
#fullpage .section { -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; position: relative; height: 100%; background-size: 100% 100%; }
#fullpage .section1 { background: url(../images/tg2_01.jpg) center center no-repeat; width: 100%; height: 100%; background-size: 100% 100%; }
#fullpage .section2 { background: url(../images/tg3_02.jpg) center center no-repeat; width: 100%; height: 100%; background-size: 100% 100%; }
#fullpage .section3 { background: url(../images/tg6_02.jpg) center center no-repeat; width: 100%; height: 100%; background-size: 100% 100%; }
#fullpage .section4 { background: url(../images/tg9_02.jpg) center center no-repeat; width: 100%; height: 100%; background-size: 100% 100%; }
#fullpage .section5 { background: url(../images/tg12_02.jpg) center center no-repeat; width: 100%; height: 100%; background-size: 100% 100%; }
.navSide { position: absolute; right: 50px; top: 40%; width: 15px; height: 264px; display: none; }
/*.navSide .line{position: absolute;left: 8px;top: 0;width: 1px;height: 100%;background-color: #535353;z-index: 1;}
*/ .navSide .navSidebar { position: absolute; left: 1px; top: 0px; width: 100%; height: 100%; z-index: 2; }
.navSide .navSidebar li { width: 20px; height: 10px; margin-bottom: 22px; cursor: pointer; position: relative; text-align: center; }
.navSide .navSidebar li a { display: inline-block; width: 15px; height: 10px; position: relative; background: #b0bfc7; border-radius: 4px; }
.navSide .navSidebar li a i { position: absolute; width: 7px; height: 7px; background-color: #535353; left: 3px; top: 3px; border-radius: 50%; display: none; }
.navSide .navSidebar li .p1 { position: absolute; width: 80px; left: -63px; top: 0; line-height: 13px; display: none; }
.navSide .navSidebar li.on a { width: 20px; height: 10px; background-color: #fff; border-radius: 6px; }
.navSide .navSidebar li.on a i, .navSide .navSidebar li.on .p1 { display: block; }
.navSide .navSidebao { position: absolute; left: 1px; top: 0px; width: 100%; height: 100%; z-index: 2; }
.navSide .navSidebao li { width: 20px; height: 10px; margin-bottom: 22px; cursor: pointer; position: relative; text-align: center; }
.navSide .navSidebao li a { display: inline-block; width: 12px; height: 12px; position: relative; background: #b0bfc7; border-radius: 50%; }
.navSide .navSidebao li a i { position: absolute; width: 12px; height: 12px; background-color: #fff; left: 3px; top: 3px; border-radius: 50%; display: none; }
.navSide .navSidebao li .p1 { position: absolute; width: 80px; left: -60px; top: 2px; line-height: 13px; display: none; font-size: 12px; color: #999999; }
.navSide .navSidebao li.on a { width: 18px; height: 18px; background-color: #a8a8a9; border-radius: 50%; }
.navSide .navSidebao li.on a i, .navSide .navSidebao li.on .p1 { display: block; }
.extension { position: relative; height: 100%; }
.extension .tg1 { padding-top: 14%; margin-left: -30px; }
.extension .tg2 { padding-top: 10%; margin-right: -30px; }
.extension .tg3 { position: absolute; left: 50%; bottom: 4%; }
.hotspot { position: relative; height: 100%; display: inline-block; width: 100%; }
.hotspot .tg4 { position: absolute; right: 0; top: 18%; height: 80%; }
.hotspot .hotspot_z { padding-top: 16%; position: relative; z-index: 111; }
.hotspot h2 { font-size: 24px; color: #999999; transition: 1s all ease-out; transform: translateY(100%); opacity: 0; }
.hotspot h3 { font-size: 48px; color: #fd6c0e; height: 90px; line-height: 90px; }
.hotspot h4 { font-size: 24px; color: #545454; }
.hotspot p { padding-top: 50px; display: inline-block; width: 100%; }
.hotspot p span { float: left; width: 164px; height: 56px; background-color: #f9ac48; text-align: center; line-height: 56px; border-radius: 6px; font-size: 30px; color: #fff; margin-right: 32px; }
.hotspot .tg5 { position: absolute; left: 50%; bottom: 4%; }
.hotspot a { display: inline-block; margin-top: 30px; }
.hotspot a span { display: inline-block; font-size: 18px; color: #fd6c0e; background: url(../images/tg5_03.png) right no-repeat; padding-right: 46px; }
.hotspot h2.animatebox.animate { transform: translateY(0); opacity: 1; }
.hotspot1 { height: 100%; }
.headlines .tg7 { position: absolute; left: 50%; bottom: 4%; max-width: 100%; }
.headlines .tg6 { position: absolute; left: 0; bottom: 0; display: inline-block; height: 80%; }
.headlines1 { height: 100%; }
.headlines { height: 100%; position: relative; }
.headlines .headlines_z { position: absolute; right: 0; width: 550px; top: 40%; }
.headlines .headlines_z dt { float: left; }
.headlines .headlines_z dd { float: left; padding-left: 18px; }
.headlines .headlines_z dd h2 { font-size: 24px; color: #7be3ee; }
.headlines .headlines_z dd h3 { font-size: 48px; color: #fff; }
.headlines .headlines_z p { font-size: 24px; color: #7be3ee; width: 100%; clear: left; padding-top: 22px; }
.headlines .headlines_z .ljie { margin-top: 28px; }
.headlines .headlines_z .ljie ul { float: left; width: 374px; }
.headlines .headlines_z .ljie li { float: left; width: 166px; height: 59px; background-color: #38cedc; line-height: 59px; text-align: center; font-size: 30px; color: #fff; border-radius: 6px; margin-bottom: 22px; margin-right: 21px; }
.headlines .headlines_z .ljie .tg8 { float: left; padding-top: 14px; }
.headlines .headlines_z .ljie a { display: block; float: left; margin-top: 56px; padding-left: 16px; }
.headlines .headlines_z .ljie a span { font-size: 18px; color: #fff; background: url(../images/tg7_13.png) right no-repeat; padding-right: 46px; }
.headlines .headlines_z .ljie a:hover span { margin-left: 6px; transition: all 0.8s; -webkit-transition: all 1.2s; -moz-transition: 0.3s; }
.classic { padding-top: 10%; text-align: center; }
.classic h2 { font-size: 36px; color: #545454; }
.classic h2 span { font-size: 36px; color: #fd8447; font-weight: bold; }
.classic h3 { text-transform: uppercase; font-size: 36px; color: #bed1f0; font-weight: bold; }
.classic .picScroll-left { overflow: hidden; position: relative; margin-top: 30px; width: 1200px; }
.classic .picScroll-left .hd a { display: inline-block; background-color: #abc6ec; text-align: center; padding: 10px 19px; }
.classic .picScroll-left .hd a.prev { display: inline-block; position: absolute; right: 0; top: 186px; }
.classic .picScroll-left .hd a.next { display: inline-block; position: absolute; left: 0; top: 186px; }
.classic .picScroll-left .hd a:hover { background-color: #ff6804; }
.classic .picScroll-left .bd { width: 1070px !important; margin: 0 auto; }
.classic .picScroll-left .bd ul { overflow: hidden; zoom: 1; }
.classic .picScroll-left .bd ul li { margin: 0 12px; float: left; _display: inline; overflow: hidden; text-align: center; width: 328px; }
.classic .picScroll-left .bd li a { display: inline-block; width: 330px; height: 420px; background-color: #fff; }
.classic .picScroll-left .bd li a img.tg8 { width: 328px; height: 208px; overflow: hidden; border: #e6e6e6 solid 1px; }
.classic .picScroll-left .bd li a h4 { display: block; font-size: 24px; color: #545454; }
.classic .picScroll-left .bd li a em { display: block; width: 50px; height: 3px; background-color: #ff6804; margin-top: 10px; }
.classic .picScroll-left .bd li a p { display: inline-block; height: 48px; overflow: hidden; font-size: 15px; color: #808080; line-height: 26px; padding-top: 18px; padding-bottom: 22px; border-bottom: #e6e6e6 solid 1px; }
.classic .picScroll-left .bd li .biaoti { width: 290px; margin: 0 auto; padding-top: 22px; text-align: left; }
.classic .picScroll-left .bd li span { font-size: 15px; color: #ff6804; padding-top: 14px; display: block; }
.db_k, .db_k .rz_p1 a, .db_k .input_select { color: #fff; }
.db_k .input_select { border: 1px solid #437993; }
.db_k { position: absolute; bottom: 0; border-top: none; }
.wo { text-align: center; padding-top: 10%; }
.wo h2 { font-size: 36px; color: #fff; }
.wo h3 { font-size: 36px; color: #466587; text-transform: uppercase; }
.wo p a { display: inline-block; font-size: 24px; color: #fff; width: 240px; height: 64px; text-align: center; line-height: 64px; border-radius: 6px; background-color: #00a0e9; margin: 54px 20px; }
.wo p a:nth-child(2) { background: #ff6804; display: inline-block; }
.wo p a:first-child + li { background: #ff6804; display: inline-block; }
.wo p a.b1 { background: #ff6804; }

/*商城*/
#fullpage .shangcheng1 { background: url(../images/sc1_01.jpg) center center no-repeat; width: 100%; height: 100%; background-size: 100% 100%; }
#fullpage .shangcheng2 { background: url(../images/sc2_02.jpg) center center no-repeat; width: 100%; height: 100%; background-size: 100% 100%; }
#fullpage .shangcheng3 { background: url(../images/sc4_02.jpg) center center no-repeat; width: 100%; height: 100%; background-size: 100% 100%; }
#fullpage .shangcheng4 { background: url(../images/sc13_02.jpg) center center no-repeat; width: 100%; height: 100%; background-size: 100% 100%; }
#fullpage .shangcheng5 { background: url(../images/sc7_02.jpg) center center no-repeat; width: 100%; height: 100%; background-size: 100% 100%; }
#fullpage .shangcheng6 { background: url(../images/sc11_02.jpg) center center no-repeat; width: 100%; height: 100%; background-size: 100% 100%; }
.micro_mall { text-align: center; padding-top: 16%; }
.micro_mall h2 { font-size: 48px; color: #fff; font-weight: normal; }
.micro_mall h3 { font-size: 36px; color: #fff; font-weight: bold; padding-top: 30px; }
.micro_mall h4 { padding-top: 42px; }
.micro_mall h4 span { display: block; font-size: 14px; color: #fff; line-height: 26px; }
.micro_mall a { display: inline-block; width: 188px; height: 50px; background-color: #eaed07; line-height: 50px; font-size: 20px; color: #242424; border-radius: 6px; margin-top: 40px; }
.micro_mall a:hover { background-color: #f3f581; }
.micro_mall1 { text-align: center; padding-top: 12%; }
.micro_mall1 h2 { font-size: 48px; color: #fff; font-weight: normal; }
.micro_mall1 h3 { font-size: 18px; color: #cccccc; padding-top: 10px; }
.micro_mall1 ul { display: inline-block; }
.micro_mall1 li { float: left; width: 210px; text-align: center; margin-top: 60px; margin-right: 60px; margin-left: 60px; }
.micro_mall1 li:hover img { animation: flipInY 1.6s ease-in-out; -webkit-animation: flipInY 1.6s ease-in-out; }
.micro_mall1 li p span { display: inline-block; padding-top: 22px; font-size: 20px; color: #fff; }
.micro_mall1 li p i { padding-top: 12px; display: block; font-size: 14px; color: #cccccc; line-height: 22px; }
/*.micro_mall1 li:nth-child(1){ margin-left:0;}
.micro_mall1 li:first-child{ margin-left:0;}
*/ .micro_mall1 li:nth-child(4) { margin-right: 0; }
.micro_mall1 li:first-child + li + li + li { margin-right: 0; }
.micro_mall2 { padding-top: 6%; text-align: center; }
.micro_mall2 h2 { font-size: 48px; color: #333333; font-weight: normal; }
.micro_mall2 h3 { font-size: 18px; color: #333333; padding-top: 10px; }
.micro_mall2 h3 span { color: #ff6e0d; display: inline-block; }
.micro_mall3 ul { display: inline-block; }
.micro_mall3 li { float: left; width: 132px; margin-top: 50px; margin-left: 76px; }
.micro_mall3 li p { width: 132px; height: 132px; overflow: hidden; }
.micro_mall3 li span { display: block; padding-top: 8px; font-size: 18px; color: #333333; }
.micro_mall3 li p:hover .g1 { display: none; }
.micro_mall3 li:hover span { color: #ff6e0d; }
.micro_mall3 li:nth-child(1), .micro_mall3 li:nth-child(7) { margin-left: 0; }
.micro_mall3 li:first-child, .micro_mall3 li:first-child + li + li + li + li + li + li { margin-left: 0; }
.micro_mall5 { padding-top: 4%; text-align: center; }
.micro_mall5 h2 { font-size: 48px; color: #fff; }
.micro_mall5 .slide { width: 100%; height: 600px; position: relative; }
.micro_mall5 .slide #item3 { width: 580px; }
.micro_mall5 .slide .pages { width: 340px; height: 30px; margin: 32px auto 0px; }
.micro_mall5 .slide .pages .mr20 { margin-right: 20px; }
.micro_mall5 .slide .pages .page { display: block; width: 100px; height: 30px; line-height: 30px; border-radius: 15px; color: #fff; background-color: #69c8b8; font-size: 14px; text-align: center; float: left; cursor: pointer; }
.micro_mall5 .slide .pages .hove .page { background-color: #ff6600; }
.micro_mall5 .slide .imgbox { width: 1100px; height: 444px; position: absolute; top: 100px; left: 50%; display: inline-block; margin-left: -510px; }
.micro_mall5 .slide .imgbox ul { float: left; }
.micro_mall5 .slide .imgbox ul li { width: 240px; position: absolute; overflow: hidden; cursor: pointer; }
.micro_mall5 .slide .imgbox ul li img { width: 100%; height: 100%; vertical-align: top; }
.micro_mall5 .slide .imgbox ul li .shadow { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; filter: alpha(opacity=50); opacity: 0.5; }
.micro_mall5 .slide .yinxing { position: absolute; left: 40%; bottom: 0; height: 14%; width: 278px; }
.micro_mall6 { padding-top: 4%; }
.micro_mall6 h3 { font-size: 18px; color: #333333; padding-top: 10px; font-weight: normal; }
.micro_mall6 h3 span { color: #ff6e0d; display: inline-block; }
.micro_mall6 .picScroll-anli { overflow: hidden; position: relative; margin-top: 56px; width: 1200px; }
.micro_mall6 .picScroll-anli .hd a { display: inline-block; width: 34px; height: 28px; overflow: hidden; }
.micro_mall6 .picScroll-anli .hd a.prev { display: inline-block; position: absolute; right: 0; top: 175px; }
.micro_mall6 .picScroll-anli .hd a.next { display: inline-block; position: absolute; left: 0; top: 175px; }
.micro_mall6 .picScroll-anli .hd a:hover .al1 { display: none; }
.micro_mall6 .picScroll-anli .bd { width: 1100px !important; margin: 0 auto; }
.micro_mall6 .picScroll-anli .bd ul { overflow: hidden; zoom: 1; }
.micro_mall6 .picScroll-anli .bd ul li { margin: 0 12px; float: left; _display: inline; overflow: hidden; text-align: center; width: 344px; }
.micro_mall6 .picScroll-anli .bd li a { display: inline-block; width: 344px; }
.micro_mall6 .picScroll-anli .bd li a span { display: inline-block; height: 48px; overflow: hidden; font-size: 14px; color: #333333; line-height: 26px; padding-top: 10px; }
.micro_mall6 .picScroll-anli .bd li a img { width: 100%; height: 264px; }
.micro_mall6 .gengduo { width: 178px; height: 40px; display: inline-block; text-align: center; font-size: 14px; color: #fff; border: #007eca solid 1px; background: #007eca; border-radius: 20px; line-height: 40px; }

.micro_mall7 { text-align: center; padding-top: 7%; }
.micro_mall7 h2 { font-size: 48px; color: #fff; font-weight: normal; }
.micro_mall7 h3 { font-size: 18px; color: #999999; padding-top: 10px; font-weight: normal; }
.micro_mall7 .demandtable { width: 406px; display: inline-block; padding-top: 34px; }
.micro_mall7 .demandtable p { width: 406px; height: 48px; background: #fff; border-radius: 3px; margin-bottom: 18px; }
.micro_mall7 .demandtable p span { width: 64px; float: left; height: 30px; border-right: #eae8e8 solid 1px; line-height: 30px; margin-top: 9px; font-size: 18px; color: #999999; margin-right: 12px; }
.micro_mall7 .demandtable p select { height: 30px; margin-top: 9px; float: left; width: 316px; border: none; background: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url(../images/sc12_07.jpg) no-repeat scroll right center transparent; font-size: 18px; color: #333333; }
.micro_mall7 .demandtable p input { height: 30px; margin-top: 9px; float: left; width: 316px; border: none; background: none; font-size: 18px; color: #333333; }
.micro_mall7 .demandtable .submit { border: none; width: 406px; height: 48px; background-color: #f06c14; font-size: 18px; color: #fff; font-weight: bold; border-radius: 3px; }
.micro_mall7 .demandtable .submit:hover { background-color: #f59251; }
/*微分销*/
.drp { width: 100%; height: 560px; position: relative; }
.drp .xb1 { width: 100%; height: 100%; }
.drp .wei_f { position: absolute; bottom: -4px; padding-left: 114px; width: 372px; }
.drp .drp_w { width: 520px; float: right; padding-top: 150px; padding-left: 620px; position: absolute; top: 0; }
.drp .drp_w h2 { font-size: 56px; color: #fff; font-weight: bold; }
.drp .drp_w h3 { font-size: 34px; color: #fff; font-weight: normal; padding-top: 14px; }
.drp .drp_w p { font-size: 14px; color: #fff; line-height: 26px; padding-top: 10px; }
.drp .drp_w p span { display: block; }
.drp .drp_w a { display: block; width: 140px; height: 44px; border: #fff solid 1px; border-radius: 30px; margin-top: 40px; text-align: center; line-height: 44px; color: #fff; font-size: 16px; }
.drp .drp_w a:hover { background-color: #ff6600; border: #ff6600 solid 1px; }
.drp1 { text-align: center; }
.drp1 h2 { color: #333333; font-size: 36px; text-align: center; padding-top: 60px; font-weight: bold; }
.drp1 h2 span { color: #ff6600; }
.drp1 h3 { color: #999999; font-size: 18px; text-align: center; padding-top: 12px; }
.drp1 .fx1 { padding-top: 44px; padding-bottom: 110px; }
.drp2 { background: url(../images/fx3_02.jpg) center no-repeat; width: 100%; height: 733px; }
.drp2 h2 { color: #fff; font-size: 36px; text-align: center; padding-top: 60px; font-weight: bold; }
.drp2 h2 span { color: #ff6600; }
.drp2 h3 { color: #999999; font-size: 18px; text-align: center; padding-top: 12px; }
.drp2 .fx_c { position: relative; margin-top: 70px; }
.drp2 .fx_c .fx2 { position: absolute; left: 408px; top: 0; }
.drp2 .fx_c dt { display: inline-block; }
.drp2 .fx_c dt i { display: block; float: left; width: 66px; height: 66px; color: #fff; font-size: 48px; font-family: "Arial"; background-color: #ff6600; border: #fff solid 2px; border-radius: 50%; line-height: 66px; text-align: center; position: relative; z-index: 11; }
.drp2 .fx_c dt p { margin-left: -32px; float: left; padding: 10px 15px 10px 46px; background-color: #ff6600; font-size: 18px; color: #fff; font-weight: bold; border-radius: 3px; margin-top: 12px; }
.drp2 .fx_c dt p span { display: block; line-height: 24px; }
.drp2 .fx_c dd { padding-left: 78px; }
.drp2 .fx_c dd h4 { font-size: 18px; color: #cccccc; padding-top: 4px; padding-bottom: 6px; }
.drp2 .fx_c dd span { display: block; font-size: 14px; color: #cccccc; line-height: 24px; }
.drp2 .fx_c dl:nth-child(1) dt p { margin-top: 12px; }
.drp2 .fx_c dl:nth-child(2) dt p, .drp2 .fx_c dl:nth-child(3) dt p { margin-top: 0px; }
.drp2 .fx_c dl:nth-child(2) dd span { width: 250px; }
.drp2 .fx_c dl:nth-child(4) dt p { width: 282px; }
.drp2 .fx_c dl:first-child + dl dt p { margin-top: 0px; }
.drp2 .fx_c dl:first-child + dl dd span { width: 250px; }
.drp2 .fx_c dl:first-child + dl + dl dt p { margin-top: 0px; }
.drp2 .fx_c dl:first-child + dl + dl + dl dt p { width: 282px; }
.drp2 .fx_c dl { position: absolute; left: 0; top: 0px; }
.drp2 .fx_c dl:nth-child(2) { position: absolute; left: 818px; top: 0px; }
.drp2 .fx_c dl:nth-child(3) { position: absolute; left: 0px; top: 286px; }
.drp2 .fx_c dl:nth-child(4) { position: absolute; left: 808px; top: 286px; }
.drp2 .fx_c dl:first-child + dl { position: absolute; left: 818px; top: 0px; }
.drp2 .fx_c dl:first-child + dl + dl { position: absolute; left: 0px; top: 286px; }
.drp2 .fx_c dl:first-child + dl + dl + dl { position: absolute; left: 808px; top: 286px; }
.drp5 { background: url(../images/sc7_02.jpg) center no-repeat; width: 100%; height: 925px; }
.drp5 .micro_mall6 { padding-top: 180px; }
.drp5 .micro_mall6 .gengduo { margin-top: 40px; }
.drp6 { background: url(../images/sc11_02.jpg) center no-repeat; width: 100%; height: 925px; }
.drp6 .micro_mall7 { padding-top: 220px; }
/*微官网*/
.website { background: url(../images/wei1_02.jpg) center no-repeat; width: 100%; height: 577px; }
.website .weixin_w { width: 645px; float: right; padding-top: 150px; }
.website .weixin_w h2 { font-size: 56px; color: #fff; font-weight: normal; }
.website .weixin_w h3 { font-size: 34px; color: #fff; font-weight: normal; padding-top: 14px; }
.website .weixin_w p { font-size: 14px; color: #fff; line-height: 26px; padding-top: 10px; }
.website .weixin_w p span { display: block; }
.website1 { padding: 110px 0 90px 0; display: inline-block; }
.website1 .wei_z { float: left; }
.website1 .wei_z h2 { position: relative; }
.website1 .wei_z h2 span { position: relative; font-size: 40px; color: #52a449; font-weight: bold; position: absolute; left: 104px; top: 10px; }
.website1 .wei_z h3 { font-size: 26px; color: #52a449; padding-top: 82px; }
.website1 .wei_z p { background: url(../images/wei2_10.jpg) left 8px no-repeat; font-size: 16px; color: #5c5c5c; line-height: 26px; padding-left: 24px; margin-top: 26px; }
.website1 .wei_y { float: right; }
.website2 { background: url(../images/wei3_02.jpg) center no-repeat; width: 100%; height: 646px; position: relative; }
.website2 .sida_you { padding-top: 90px; }
.website2 .sida_you .xiao1 { position: absolute; right: 146px; bottom: 0; }
.website2 .sida_you h2 { font-size: 56px; color: #37912d; text-align: center; }
.website2 .sida_you h3 { font-size: 28px; color: #474747; text-align: center; padding-top: 4px; }
.website2 .sida_you p { margin-top: 40px; }
.website2 .sida_you p span { width: 119px; height: 119px; display: inline-block; background: url(../images/wei4_03.png) no-repeat; text-align: center; margin-right: 48px; font-size: 16px; color: #fff; font-weight: bold; line-height: 20px; overflow: hidden; }
.website2 .sida_you p span i { display: inline-block; font-size: 12px; }
.website2 .sida_you p span em { display: block; padding-top: 40px; }
.website2 .sida_you p span:nth-child(2) { background: url(../images/wei4_05.png) no-repeat; line-height: 119px; }
.website2 .sida_you p span:nth-child(3) { background: url(../images/wei4_07.png) no-repeat; line-height: 119px; }
.website2 .sida_you p span:nth-child(4) { background: url(../images/wei4_09.png) no-repeat; line-height: 119px; }
.website2 .sida_you p span:first-child + span { background: url(../images/wei4_05.png) no-repeat; line-height: 119px; }
.website2 .sida_you p span:first-child + span + span { background: url(../images/wei4_07.png) no-repeat; line-height: 119px; }
.website2 .sida_you p span:first-child + span + span + span { background: url(../images/wei4_09.png) no-repeat; line-height: 119px; }
.website2 .sida_you ul { padding-top: 26px; }
.website2 .sida_you li { font-size: 20px; color: #323232; margin-top: 14px; background: url(../images/wei4_16.png) left no-repeat; padding-left: 28px; }
.case .case_w a.anli:hover { background-color: #ff4d00; color: #fff; border: none; }
/*响应式*/
.response_formula { background: url(../images/xys1_02.jpg) center no-repeat; width: 100%; height: 660px; }
.response_formula .response_f { position: relative; }
.response_formula .response_w { padding-top: 104px; }
.response_formula .response_w h2 { font-size: 48px; color: #fff; }
.response_formula .response_w h2 span { font-size: 48px; color: #ff6600; font-weight: bold; }
.response_formula .response_t { position: absolute; right: 0; top: 192px; }
.response_formula .response_w h3 { font-size: 14px; color: #999999; line-height: 24px; padding-top: 40px; }
.response_formula .response_w h3 span { color: #ff6600; }
.response_formula .response_w p { margin-top: 32px; text-align: center; width: 178px; }
.response_formula .response_w p i { display: inline-block; width: 178px; height: 178px; background-color: #fff; overflow: hidden; }
.response_formula .response_w p i img { padding-top: 4px; width: 170px; height: 170px; }
.response_formula .response_w p span { display: inline-block; padding-top: 10px; font-size: 14px; color: #ff6600; }
.response_formula .response_w a { display: block; width: 230px; height: 50px; background-color: #ff6600; line-height: 50px; text-align: center; font-size: 18px; color: #fff; border-radius: 25px; position: absolute; left: 212px; top: 356px; }
.response_formula .response_w a:hover { background-color: #e95e02; }
.response1 { padding: 66px 0 78px 0; text-align: center; }
.response1 h2 { font-size: 36px; color: #cc0000; font-weight: bold; }
.response1 h3 { font-size: 14px; color: #898888; line-height: 24px; padding-top: 34px; }
.response1 a { display: inline-block; width: 160px; height: 54px; background-color: #cc0000; line-height: 54px; margin-top: 38px; }
.response1 a span { font-size: 18px; color: #fff; background: url(../images/xys4_03.png) right 5px no-repeat; padding-right: 36px; }
.response1 a:hover { background-color: #df0303; }
.response1 .sheji { position: relative; margin-top: 78px; display: inline-block; }
.response1 .sheji i { display: inline-block; float: left; }
.response1 .sheji dl { width: 530px; height: 190px; float: left; background-color: #ff6600; margin-left: 38px; margin-top: 10px; }
.response1 .sheji b { position: absolute; right: 498px; top: 200px; }
.response1 .sheji dl dt { padding: 28px 30px 20px 30px; text-align: left; font-size: 18px; color: #fff; font-weight: bold; }
.response1 .sheji dl dd { padding: 0 30px 0 30px; text-align: left; font-size: 18px; color: #fff; line-height: 30px; }
.response2 { background-color: #f5f4f4; }
.response2 .response3 { padding: 60px 0; }
.response2 .response3 h2 { text-align: center; font-size: 36px; color: #333333; font-weight: bold; }
.response2 .response3 .duibi_t { display: inline-block; padding-top: 50px; }
.response2 .response3 .duibi_zuo { width: 500px; float: left; text-align: right; }
.response2 .response3 .duibi_z { width: 200px; float: left; text-align: center; position: relative; }
.response2 .response3 .duibi_you { width: 500px; float: left; text-align: left; }
.response2 .response3 .duibi_zuo h3 { font-size: 24px; color: #dc630a; padding-top: 24px; }
.response2 .response3 .duibi_zuo p { padding-top: 20px; }
.response2 .response3 .duibi_zuo p span { display: block; font-size: 18px; color: #e35d04; background: url(../images/xys5_10.png) right no-repeat; padding-right: 42px; margin-top: 52px; height: 32px; line-height: 32px; }
.response2 .response3 .duibi_z h3 { display: inline-block; font-size: 36px; color: #cc0000; width: 82px; height: 82px; border: #cc0000 solid 1px; background-color: #f5f4f4; border-radius: 50%; line-height: 82px; position: relative; z-index: 11; }
.response2 .response3 .duibi_z p span { display: inline-block; width: 138px; height: 30px; background-color: #f5f4f4; border: #cc0000 solid 1px; border-radius: 2px; line-height: 30px; margin-top: 49px; position: relative; z-index: 11; }
.response2 .response3 .duibi_z i { display: inline-block; background: url(../images/xys5_03.jpg) repeat-y; height: 310px; position: absolute; left: 99px; top: 6px; width: 1px; }
.response2 .response3 .duibi_you h3 { font-size: 24px; color: #666666; padding-top: 24px; }
.response2 .response3 .duibi_you p { padding-top: 20px; }
.response2 .response3 .duibi_you p span { display: block; font-size: 18px; color: #999999; background: url(../images/xys5_07.png) left no-repeat; padding-left: 42px; margin-top: 52px; height: 32px; line-height: 32px; }
.response4 { height: 174px; background-color: #ff6600; text-align: center; }
.patternList li a:hover span img.img4 { animation: videoplay 2s infinite linear; }

@keyframes videoplay {
 from { transform: rotate(0); }
 to { transform: rotate(360deg); }
}

.phone_website img { width: 100%; }
/*.content img{ width:100%;}*/
.rz_resp_xt .js1 { width: 100%; }

.tou { position: relative; }
.vedio_part1 { margin-top: 106px; }

.product.no { position: fixed; top: 0; left: 0; z-index: 66666; }
.aboutBanner { width: 100%; height: 230px; }
.rz_resp_xt { width: 100%; height: 586px; }
.marketing1 { width: 100%; height: 521px; }
.marketing2 { width: 100%; height: 675px; }
.classic_caset h2 { font-size: 24px; color: #5e5e5e; }
.classic_caset h3 { font-size: 40px; color: #333333; padding-bottom: 40px; }
.classic_caset h3 span { font-size: 40px; color: #ea5404; }
.zhixun_y { height: 96px; padding-bottom: 30px; }
.zhixun_y h3 { display: block; float: left; background: url(../images/xto_03.jpg) left no-repeat; font-weight: bold; font-size: 36px; color: #ff752b; padding-left: 26px; margin-top: 16px; }
.zhixun_y p { float: right; width: 604px; height: 68px; background-color: #ff752b; border-radius: 34px; }
.zhixun_y p em { width: 35px; height: 35px; float: left; padding-left: 38px; padding-top: 18px; display: inline-block; }
.zhixun_y p i { display: inline-block; float: left; font-size: 27px; color: #fff; line-height: 68px; padding-left: 42px; }
.zhixun_y p i span { display: inline-block; font-size: 19px; color: #fff; }
.zhixun_y p a { display: inline-block; float: right; line-height: 68px; font-size: 23px; color: #fff; font-weight: bold; padding-right: 24px; }
.page_cc { width: 100%; height: 461px; }
.shop1 { height: 615px; width: 100%; }
.shop2 { height: 765px; width: 100%; }
.shop3 { text-align: center; padding-bottom: 60px; }
.shop3 h2 { padding-top: 80px; }
.shop3 .shop3_a { padding-top: 62px; height: 190px; background: url(../images/c-shop1_02_05.jpg) bottom no-repeat; }
.shop3 .shop3_a li { float: left; width: 120px; text-align: center; }
.shop3 .shop3_a li i { display: inline-block; width: 56px; height: 58px; overflow: hidden; }
.shop3 .shop3_a li span { display: block; font-size: 15px; color: #333333; padding-top: 18px; }
.shop4 { background: url(../images/c-shop3_06.jpg) center center no-repeat; width: 100%; height: 212px; }
.shop4 .shop4_b { position: relative; }
.shop4 .shop4_b .shop4_img { position: absolute; width: 224px; height: 214px; left: 174px; top: 0; }
.shop4 .shop4_c { width: 564px; position: absolute; right: 0; top: 72px; }
.shop4 .shop4_c h2 { color: #fff; font-size: 30px; font-weight: normal; }
.shop4 .shop4_c h2 span { font-weight: bold; }
.shop4 .shop4_c h3 { color: #fff; font-size: 18px; padding-top: 8px; }
.shop4 .shop4_c p { margin-top: 20px; }
.shop4 .shop4_c p i { display: inline-block; color: #ff8a0d; font-size: 26px; padding-left: 22px; }
.shop4 .shop4_c a { display: inline-block; color: #fff; font-size: 18px; font-weight: normal; width: 130px; height: 32px; background-color: #ff8a0d; text-align: center; line-height: 32px; border-radius: 4px; }
.shop4 .shop4_c a:hover { background-color: #fda547; }
.shop5 { width: 100%; height: 794px; background-color: #f1f1f1; }
.shop5 .shop5_a { position: relative; }
.shop5 .shop5_a .shop5_img { position: absolute; left: 0; top: 0; }
.shop6 { height: 334px; width: 100%; }
.shop5 .shop5_b { position: absolute; right: 0; top: 238px; width: 490px; }
.shop5 .shop5_b .accordion li.open .link { border-bottom: none; }
.shop5 .shop5_b .accordion .link { cursor: pointer; display: block; padding: 12px 0px 12px 0px; color: #4D4D4D; font-size: 14px; font-weight: 700; border-bottom: 1px solid #E6E6E6; position: relative; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.shop5 .shop5_b .submenu { display: none; padding: 0px 0 10px 0; font-size: 14px; border-bottom: 1px solid #E6E6E6; line-height: 20px; }
.accordion li.open i { color: #b63b4d; }
.accordion li i.fa-chevron-down { font-size: 16px; position: absolute; top: 16px; right: 0px; }
.fa { font: normal normal normal 14px/1 FontAwesome; font-size: 1.33333333em; text-rendering: auto; }
.accordion li i.fa-chevron-down { right: 12px; left: auto; font-size: 16px; background: url(../images/c-shop6_06.jpg) no-repeat; width: 10px; height: 6px; margin-top: 4px; }
.shop5 .shop5_b .accordion li.open .link .fa-chevron-down { background: url(../images/c-shop11_03.jpg) no-repeat; width: 10px; height: 6px; margin-top: 4px; }
.accordion li i.fa { position: absolute; top: 12px; left: 0px; font-size: 18px; color: #595959; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.accordion li i.fa { background: url(../images/c-shop6_03.jpg) no-repeat; width: 41px; height: 23px; font-size: 16px; color: #fff; line-height: 23px; padding-left: 14px; }
.shop5 .shop5_b .accordion .link span { padding-left: 50px; }


.daohan_tou { width: 100%; }
.daohan_tou .rz_head { position: relative; }
.section3 .rz_head.act, .section4 .rz_head.act { background: none !important; box-shadow: inherit; }


.guanwang1 { background: url(../images/guan1_02.jpg) no-repeat; width: 100%; height: 722px; text-align: center; }
.guanwang1 i { padding-top: 96px; display: inline-block; width: 100%; }
.guanwang1 p { padding-top: 46px; }
.guanwang1 a { display: inline-block; width: 154px; border: #64b8e9 solid 3px; border-radius: 15px; margin-top: 26px; line-height: 25px; font-size: 14px; color: #fff !important; }
.guanwang1 a:hover { border: #fff solid 3px; background-color: #ea5404; }
.guanwang2 { padding-top: 94px; text-align: center; padding-bottom: 90px; }
.guanwang2 ul { padding-top: 64px; display: inline-block; }
.guanwang2 li { float: left; }
.guanwang2 li span { font-size: 18px; color: #292929; line-height: 24px; padding-top: 16px; }
.guanwang2 li:nth-child(2) { padding: 0 282px; }
.guanwang2 li:first-child + li { padding: 0 180px; }
.guanwang3 { background: url(../images/guan3_14.jpg) no-repeat; width: 100%; height: 640px; }
.guanwang3 h3 { padding-top: 198px; }
.guanwang4 { background: url(../images/guan4_02.jpg) no-repeat; width: 100%; height: 721px; text-align: center; }
.guanwang4 i { }
.guanwang4 a { display: inline-block; width: 154px; border: #558eb6 solid 3px; border-radius: 15px; line-height: 25px; font-size: 14px; color: #fff !important; }
.guanwang4 a:hover { border: #fff solid 3px; background-color: #ea5404; }
.production_ul li { opacity: 0; -webkit-transform: translateY(30%); -moz-transform: translateY(30%); -ms-transform: translateY(30%); -o-transform: translateY(30%); transform: translateY(30%); -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s; }
.production_ul li:nth-child(1) { -webkit-transition: all .8s ease-in-out 0.1s; -moz-transition: all .8s ease-in-out 0.1s; -ms-transition: all .8s ease-in-out 0.1s; -o-transition: all .8s ease-in-out 0.1s; transition: all .8s ease-in-out 0.1s; }
.production_ul li:nth-child(2) { -webkit-transition: all .8s ease-in-out 0.2s; -moz-transition: all .8s ease-in-out 0.2s; -ms-transition: all .8s ease-in-out 0.2s; -o-transition: all .8s ease-in-out 0.2s; transition: all .8s ease-in-out 0.2s; }
.production_ul li:nth-child(3) { -webkit-transition: all .8s ease-in-out 0.3s; -moz-transition: all .8s ease-in-out 0.3s; -ms-transition: all .8s ease-in-out 0.3s; -o-transition: all .8s ease-in-out 0.3s; transition: all .8s ease-in-out 0.3s; }
.production_ul li:nth-child(4) { -webkit-transition: all .8s ease-in-out 0.4s; -moz-transition: all .8s ease-in-out 0.4s; -ms-transition: all .8s ease-in-out 0.4s; -o-transition: all .8s ease-in-out 0.4s; transition: all .8s ease-in-out 0.4s; }
.production_ul li.animatebox.animate { opacity: 1; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { *zoom: 1; }
.cf:after { clear: both; }
.cf:after, .cf:before { content: " "; display: table }
.guanwang2 h3, .guanwang3 h3, .guanwang4 i, .guanwang4 a { opacity: 0; visibility: visible; -webkit-transform: translateY(30%); -moz-transform: translateY(30%); -ms-transform: translateY(30%); -o-transform: translateY(30%); transform: translateY(30%); -webkit-transition: all .8s ease 0.2s; -moz-transition: all .8s ease 0.2s; -ms-transition: all .8s ease 0.2s; -o-transition: all .8s ease 0.2s; transition: all .8s ease 0.2s; }
.guanwang1 i, .guanwang1 a, .guanwang1 p { -webkit-transition: all .8s ease 0.2s; -moz-transition: all .8s ease 0.2s; -ms-transition: all .8s ease 0.2s; -o-transition: all .8s ease 0.2s; transition: all .8s ease 0.2s; }
.guanwang2 h3.animatebox.animate, .guanwang3 h3.animatebox.animate, .guanwang4 i.animatebox.animate, .guanwang4 a.animatebox.animate { opacity: 1; visibility: visible; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); }







.program { height: 140px; background-color: #00b860; width: 100%; }
.program.no { position: fixed; top: 0; left: 0; z-index: 66666; }
.program .program_ul { width: 1200px; margin: 0 auto; }
.program .program_ul li { float: left; width: 240px; text-align: center; }
.program .program_ul li a i { width: 60px; height: 60px; overflow: hidden; margin-top: 24px; display: inline-block; }
.program .program_ul li span { display: block; font-size: 18px; color: #fff; padding-top: 6px; }
.program .program_ul li a { display: inline-block; }
.program .program_ul li.adv_active a i .im1 { display: none; }
.program1 { height: 867px; }
.program2 { position: relative; background: url(../images/xiao1_05.jpg) no-repeat center; height: 1005px; }
.chenren { width: 1200px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.chenben { position: relative; display: inline-block; width: 1200px; }
.chenben ul { position: absolute; top: 256px; left: 562px; }
.chenben ul li { display: block; margin-bottom: 22px; }
.chenben ul li p { height: 54px; background: url(../images/xiao4_03.png) no-repeat left; padding-left: 70px; font-size: 18px; color: #cfcfcf; }
.chenben ul li p.c1 { line-height: 54px; }
.chenben ul li p.c2 { background: url(../images/xiao4_06.png) no-repeat left; }
.chenben ul li p.c3 { background: url(../images/xiao4_08.png) no-repeat left; }
.chenben ul li p.c4 { background: url(../images/xiao4_10.png) no-repeat left; }
.chenben ul li p span { display: block; font-size: 22px; color: #ff9c00; }
.program3 { background: url(../images/xiao1_06.jpg) no-repeat center; height: 997px; }
.program3 h3 { padding-top: 84px; }
.program3 .chenr { width: 1200px; margin: 0 auto; }
.program3 .chenr ul { margin-top: 16px; }
.program3 .chenr ul li { width: 268px; height: 330px; margin-top: 18px; background: #fff; border-radius: 4px; border: #e5e5e5 solid 1px; overflow: hidden; text-align: center; float: left; margin: 0 15px; margin-top: 18px; }
.program3 .chenr ul li img { padding-top: 30px; }
.program3 .chenr ul li p { padding-top: 12px; font-size: 20px; color: #333333; }
.program3 .chenr ul li p span { padding-top: 5px; font-size: 14px; color: #767676; display: block; }
.program3 .chenr ul li a { display: inline-block; width: 268px; height: 330px; border-radius: 4px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; }
.program3 .chenr ul li:hover { -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.3); -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.3); -o-box-shadow: 1px 1px 10px rgba(0,0,0,.3); box-shadow: 1px 1px 10px rgba(0,0,0,.3); }
.width1200 { width: 1200px; margin: 0 auto; }
.program4 .service_advtitle { margin-bottom: 40px; padding-top: 74px !important; }
.program4 .service_case { width: 100%; height: 866px; }
.program5 { background: url(../images/xiao8_02.jpg) no-repeat center; height: 660px; }
.program5 p { text-align: center; padding-top: 80px; }
.program5 .clearfix { padding-top: 30px; width: 804px; margin: 0 auto; }
.program5 .message_boo { width: 804px; margin: 0 auto; display: inline-block; clear: left; margin-top: 10px; }
.program5 .message_boo input { line-height: 47px; font-size: 16px; color: #fff; width: 374px; padding-left: 10px; background: url(../images/xiao9_03.png); border: #62c4b5 solid 1px; border-radius: 8px; float: left; margin: 8px; }
.program5 .consultation { width: 156px; height: 40px; line-height: 40px; font-size: 20px; color: #3b3b3b; border-radius: 8px; border: none; text-align: center; margin: 0 auto; display: block; }
.program5 .consultation:hover { background-color: #ed6923; color: #fff; }
.program5 .message_boo .form-control { height: 176px; margin-bottom: 0; width: 768px; display: block; font-size: 14px; line-height: 1.57142857; color: #76838f; background: url(../images/xiao9_03.png); border: #62c4b5 solid 1px; border-radius: 8px; margin-bottom: 20px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; font-size: 16px; color: #fff; padding: 8px 8px; margin-left: 10px; }
.program1 { background: url(../images/xiao1_04.jpg) no-repeat center; height: 867px; position: relative; }
.program1 img { position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: 0 auto; }
.program1 img, .chenren, .program3, .program4 { opacity: 0; visibility: visible; -webkit-transform: translateY(30%); -moz-transform: translateY(30%); -ms-transform: translateY(30%); -o-transform: translateY(30%); transform: translateY(30%); -webkit-transition: all .8s ease 0.2s; -moz-transition: all .8s ease 0.2s; -ms-transition: all .8s ease 0.2s; -o-transition: all .8s ease 0.2s; transition: all .8s ease 0.2s; }
.program1 img.animatebox.animate, .chenren.animatebox.animate, .program3.animatebox.animate, .program4.animatebox.animate { opacity: 1; visibility: visible; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); }
.gaodu_cha { height: 140px; display: none; width: 100%; }
.gaodu_cha.no { height: 140px; display: block; width: 100%; }

.program5 input::-webkit-input-placeholder { color: #fff; }
.program5 input:-moz-placeholder { color: #fff; }
.program5 input::-moz-placeholder { color: #fff; }
.program5 input:-ms-input-placeholder { color: #fff; }
.program5 textarea::-webkit-input-placeholder { color: #fff; }
.program5 textarea:-moz-placeholder { color: #fff; }
.program5 textarea::-moz-placeholder { color: #fff; }
.program5 textarea:-ms-input-placeholder { color: #fff; }

.fixedSubNav { position: relative; top: 0; left: 0; z-index: 1000 }
.hidden { display: none !important }
.empty-placeholder { height: 140px }

.empty-placeholdeo { height: 63px }


.program3 .chenr ul li:hover img { animation: flipInY 1.6s ease-in-out; -webkit-animation: flipInY 1.6s ease-in-out; }


/*2017.9.14*/
/*app*/
.app_bn { width: 100%; height: 714px; position: relative; z-index: 99; }
.app_h1 ul { display: block; width: 1200px; margin: 0 auto; }
.app_h1 ul li { float: left; width: 25%; height: 120px; text-align: center; }
.app_h1 ul li a { display: block; }
.app_h1 ul li a p { width: 35px; height: 35px; display: block; overflow: hidden; margin: 0 auto; margin-top: 20px; position: relative; }
.app_h1 ul li a p img.s1 { position: absolute; top: 0; left: 0; transition: all 0.5s; }
.app_h1 ul li a p img.s2 { position: absolute; top: 35px; left: 0; transition: all 0.5s; }
.app_h1 ul li:hover a p img.s1 { top: -35px; }
.app_h1 ul li:hover a p img.s2 { top: 0; }
.app_h1 ul li a span { display: block; line-height: 60px; color: #333333; font-size: 18px; transition: all 0.5s; }
.app_h1 ul li:hover a span { color: #5e54a7; }
.app_h1 { box-shadow: 0 5px 20px #f5f5f5; top: 0; left: 0; background-color: #fff; z-index: 1000; width: 100%; }
.app_h2 ul { width: 1200px; margin: 0 auto; padding-bottom: 90px; }
.app_h2 ul li { float: left; width: 20%; }
.app_h2 ul li i { display: block; margin: 0 auto; width: 100%; height: 190px; text-align: center; }
.app_h2 ul li i img { margin-top: 62px; transition: all 0.5s; }
.app_h2 ul li:hover i img { margin-top: 40px; }
.app_h2 ul li em { display: block; text-align: center; color: #505050; font-size: 24px; padding-top: 20px; }
.app_h2 ul li span { display: block; text-align: center; color: #a3a3a3; font-size: 12px; }
.app_h2 ul li.l1 i { background-color: #f1e684; }
.app_h2 ul li.l2 i { background-color: #62d5cc; }
.app_h2 ul li.l3 i { background: url(../img/app_h2b.jpg) no-repeat; }
.app_h2 ul li.l4 i { background-color: #b188e4; }
.app_h2 ul li.l5 i { background-color: #a199e2; }
.app_h2 h2 { color: #333333; font-size: 30px; line-height: 75px; text-align: center; background: url(../img/app_h2n.png) center center no-repeat; margin: 95px 0 70px 0; }
.app_h3 h2 { color: #877fc3; font-size: 30px; line-height: 75px; text-align: center; background: url(../img/aap_h3n.png) center center no-repeat; margin: 0 0 130px 0; }
.app_h3 { padding-top: 90px; background: url(../img/app_h3bj.jpg) no-repeat; padding-bottom: 60px; background-size: 100% 100%; }
.app_h3c { width: 1200px; margin: 0 auto; }
.app_h3cl { float: left; width: 305px; text-align: center; }
.app_h3cr { float: right; width: 810px; }
.app_h3cr li i { border-right: 1px dashed #cbc5e8; width: 39px; position: absolute; left: 0; top: 0; height: 100%; }
.app_h3crr { float: left; width: 750px; padding-left: 59px; }
.app_h3cr li { overflow: hidden; position: relative; margin-bottom: 30px; }
.app_h3cr li h3 { color: #2a2a2a; font-size: 30px; line-height: 30px; }
.app_h3cr li em { color: #a396fe; font-size: 16px; font-family: "Arial"; line-height: 30px; }
.app_h3cr li p { color: #2e2e2e; font-size: 16px; line-height: 25px; }


.service_case .case_ula, .android_part3 .case_ula { width: 1366px; }
.ser_sale_ul { width: 1200px; margin: 0 auto; border-right: 1px solid #e6e6e6; margin-top: 42px; opacity: 0; visibility: hidden; -webkit-transform: translateY(20%); -moz-transform: translateY(20%); -ms-transform: translateY(20%); -o-transform: translateY(20%); transform: translateY(20%); -webkit-transition: all .8s ease 0.2s; -moz-transition: all .8s ease 0.2s; -ms-transition: all .8s ease 0.2s; -o-transition: all .8s ease 0.2s; transition: all .8s ease 0.2s; height: 314px; }
.ser_sale_ul.animatebox.animate { opacity: 1; visibility: visible; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); }
.ser_sale_ul li { width: 179px; height: 198px; border: 1px solid #e6e6e6; background: #fff; float: left; border-right: none; cursor: pointer; text-align: center; font-size: 16px; color: #545454; padding-top: 117px; }
.ser_sale_ul li.this, .ser_sale_ul li:hover { width: 299px; height: 278px; background-color: #ef7a0c; border-color: #ef7a0c; margin-top: -33px; color: #fff; padding-top: 100px; font-size: 18px; }
.ser_sale_ul .sev_sale_p1 { font-weight: bold; line-height: 26px; }
.ser_sale_li1 i { width: 40px; height: 40px; background: url(../img/sale1.png) no-repeat center center; }
.ser_sale_li2 i { width: 40px; height: 40px; background: url(../img/sale3.png) no-repeat center center; }
.ser_sale_li3 i { width: 40px; height: 40px; background: url(../img/sale5.png) no-repeat center center; }
.ser_sale_li4 i { width: 40px; height: 40px; background: url(../img/sale4.png) no-repeat center center; }
.ser_sale_li5 i { width: 40px; height: 40px; background: url(../img/sale6.png) no-repeat center center; }
.ser_sale_li6 i { width: 40px; height: 40px; background: url(../img/sale2.png) no-repeat center center; }
.ser_sale_li1.this i, .ser_sale_li1:hover i { width: 58px; height: 55px; background: url(../img/salew1.png) no-repeat center center; }
.ser_sale_li2.this i, .ser_sale_li2:hover i { width: 58px; height: 55px; background: url(../img/salew3.png) no-repeat center center; }
.ser_sale_li3.this i, .ser_sale_li3:hover i { width: 58px; height: 55px; background: url(../img/salew5.png) no-repeat center center; }
.ser_sale_li4.this i, .ser_sale_li4:hover i { width: 58px; height: 55px; background: url(../img/salew4.png) no-repeat center center; }
.ser_sale_li5.this i, .ser_sale_li5:hover i { width: 58px; height: 55px; background: url(../img/salew6.png) no-repeat center center; }
.ser_sale_li6.this i, .ser_sale_li6:hover i { width: 58px; height: 55px; background: url(../img/salew2.png) no-repeat center center; }
.ser_sale_ul li .sev_sale_p2, .ser_sale_ul li span { opacity: 0; visibility: hidden; }
.ser_sale_ul li span { display: inline-block; width: 55px; height: 1px; background-color: #fff; }
.ser_sale_ul .sev_sale_p2 { font-size: 14px; color: #fff; width: 200px; margin: 0 auto; margin-top: 34px; }
.ser_sale_ul li.this .sev_sale_p2, .ser_sale_ul li:hover .sev_sale_p2, .ser_sale_ul li:hover span, .ser_sale_ul li.this span { opacity: 1; visibility: visible; }
/*case*/
.case { background: url(../img/anlibg.jpg); padding-top: 52px; }
.case_ula { width: 1800px; display: none; }
.case_subnav { text-align: center; padding: 37px 0; }
.case_subnav span { display: inline-block; width: 90px;; height: 30px; line-height: 30px; text-align: center; background-color: #fff; border-radius: 15px; color: #999999; cursor: pointer; margin: 0 12px; }
.case_subnav span.this, .case_subnav span:hover { color: #fff; background-color: #ef740c; }
.case_ula li { float: left; border-radius: 3px; width: 100%; margin: 0; overflow: hidden; position: relative; width: 415px; margin: 0 20px; margin-bottom: 30px; opacity: 0; -webkit-transform: translateY(30%); -moz-transform: translateY(30%); -ms-transform: translateY(30%); -o-transform: translateY(30%); transform: translateY(30%); -webkit-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; -ms-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; }
.case_ula li.animatebox.animate { opacity: 1; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); }
.caseimg { width: 100%; height: 245px; position: relative; display: block; overflow: hidden; }
.caseimg i { position: absolute; opacity: 0; display: block; top: 0; left: 0; width: 100%; height: 100%; background: rgba(239,116,12,0.8); z-index: 10; -webkit-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; -ms-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; transition: all .5s ease-in-out 0s; }
.case_ula li:hover .caseimg i { opacity: 1; }
.case_ula .case_bigimg { width: 100%; height: 100%; overflow: hidden; display: block; }
.case_ula .ewm { position: absolute; left: 50%; margin-left: -75px; top: 50%; margin-top: -75px; width: 150px; height: 150px; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); opacity: 0; filter: alpha(opacity = 0); -webkit-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; -ms-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; transition: all .5s ease-in-out 0s; z-index: 20; }
.case_ula li:hover .ewm { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1; filter: alpha(opacity = 100); }
.case_ula .case_bigimg img { width: 100%; display: block; -webkit-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; -ms-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; transition: all .5s ease-in-out 0s; }
.case_ula li:hover .case_bigimg img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
.case_lineBox { position: absolute; width: 16px; padding: 10px; top: 50%; left: 50%; margin: -20px 0 0 -18px; z-index: 20; }
.case_lineBox img { opacity: 0; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; -ms-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; transition: all .5s ease-in-out 0s; }
.case_ula li:hover .case_lineBox img { opacity: 1; margin-top: -1px; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.case_lineBox span { position: absolute; opacity: 0; background: #ffffff; }
.case_lineBox span.case_line1,
.case_lineBox span.case_line2,
.case_lineBox span.case_line3,
.case_lineBox span.case_line4 { width: 0; height: 0; }
.case_lineBox span.case_line5,
.case_lineBox span.case_line6,
.case_lineBox span.case_line7,
.case_lineBox span.case_line8 { width: 10%; height: 1px; }
.case_lineBox span.case_line1, .case_lineBox span.case_line5 { top: 0; left: 0; }
.case_lineBox span.case_line2, .case_lineBox span.case_line6 { bottom: 0; left: 0; }
.case_lineBox span.case_line3, .case_lineBox span.case_line7 { top: 0; right: 0; }
.case_lineBox span.case_line4, .case_lineBox span.case_line8 { bottom: 0; right: 0; }
.case_ula li:hover .case_lineBox span.case_line1 { -webkit-animation: line01 0.4s 0.4s 1 ease-out; -ms-animation: line01 0.4s 0.4s 1 ease-out; -moz-animation: line01 0.4s 0.4s 1 ease-out; -o-animation: line01 0.4s 0.4s 1 ease-out; animation: line01 0.4s 0.4s 1 ease-out; animation-fill-mode: both; -webkit-animation-fill-mode: both; -ms-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; }
.case_ula li:hover .case_lineBox span.case_line2 { -webkit-animation: line02 0.4s 0.4s 1 ease-out; -ms-animation: line02 0.4s 0.4s 1 ease-out; -moz-animation: line02 0.4s 0.4s 1 ease-out; -o-animation: line02 0.4s 0.4s 1 ease-out; animation: line02 0.4s 0.4s 1 ease-out; animation-fill-mode: both; -webkit-animation-fill-mode: both; -ms-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; }
.case_ula li:hover .case_lineBox span.case_line3 { -webkit-animation: line03 0.4s 0.4s 1 ease-out; -ms-animation: line03 0.4s 0.4s 1 ease-out; -moz-animation: line03 0.4s 0.4s 1 ease-out; -o-animation: line03 0.4s 0.4s 1 ease-out; animation: line03 0.4s 0.4s 1 ease-out; animation-fill-mode: both; -webkit-animation-fill-mode: both; -ms-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; }
.case_ula li:hover .case_lineBox span.case_line4 { -webkit-animation: line04 0.4s 0.4s 1 ease-out; -ms-animation: line04 0.4s 0.4s 1 ease-out; -moz-animation: line04 0.4s 0.4s 1 ease-out; -o-animation: line04 0.4s 0.4s 1 ease-out; animation: line04 0.4s 0.4s 1 ease-out; animation-fill-mode: both; -webkit-animation-fill-mode: both; -ms-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; }
.case_ula li:hover .case_lineBox span.case_line5 { -webkit-animation: line05 0.4s 0.4s 1 ease-out; -ms-animation: line05 0.4s 0.4s 1 ease-out; -moz-animation: line05 0.4s 0.4s 1 ease-out; -o-animation: line05 0.4s 0.4s 1 ease-out; animation: line05 0.4s 0.4s 1 ease-out; animation-fill-mode: both; -webkit-animation-fill-mode: both; -ms-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; }
.case_ula li:hover .case_lineBox span.case_line6 { -webkit-animation: line06 0.4s 0.4s 1 ease-out; -ms-animation: line06 0.4s 0.4s 1 ease-out; -moz-animation: line06 0.4s 0.4s 1 ease-out; -o-animation: line06 0.4s 0.4s 1 ease-out; animation: line06 0.4s 0.4s 1 ease-out; animation-fill-mode: both; -webkit-animation-fill-mode: both; -ms-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; }
.case_ula li:hover .case_lineBox span.case_line7 { -webkit-animation: line07 0.4s 0.4s 1 ease-out; -ms-animation: line07 0.4s 0.4s 1 ease-out; -moz-animation: line07 0.4s 0.4s 1 ease-out; -o-animation: line07 0.4s 0.4s 1 ease-out; animation: line07 0.4s 0.4s 1 ease-out; animation-fill-mode: both; -webkit-animation-fill-mode: both; -ms-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; }
.case_ula li:hover .case_lineBox span.case_line8 { -webkit-animation: line08 0.4s 0.4s 1 ease-out; -ms-animation: line08 0.4s 0.4s 1 ease-out; -moz-animation: line08 0.4s 0.4s 1 ease-out; -o-animation: line08 0.4s 0.4s 1 ease-out; animation: line08 0.4s 0.4s 1 ease-out; animation-fill-mode: both; -webkit-animation-fill-mode: both; -ms-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; }



.casep { width: 100%; line-height: 54px; height: 54px; position: relative; border-bottom: 1px solid rgba(255,255,255,0.1); }
.casep a { width: 70%; display: block; height: 100%; line-height: 54px; color: #545454; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.casep .case_like { opacity: 1; position: absolute; color: #ed6923; right: 3px; top: 20px; line-height: 0; visibility: visible; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.case_ula li:hover .casep .case_like { opacity: 0; right: 50px; visibility: hidden; }
.casep .caseadd { opacity: 0; position: absolute; display: block; right: 20px; top: 20px; line-height: 0; padding-left: 10px; border-left: 1px solid #dcdcdc; visibility: hidden; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.case_ul li:hover .casep .caseadd { opacity: 1; right: 0; visibility: visible; }
.casep i { display: block; width: 0%; position: absolute; bottom: 0; left: 0; height: 1px; background: #ed6923; -webkit-transition: all .8s ease 0.2s; -moz-transition: all .8s ease 0.2s; -ms-transition: all .8s ease 0.2s; -o-transition: all .8s ease 0.2s; transition: all .8s ease 0.2s; }
.case_ula li:hover .casep i { width: 100%; }
.case_more { width: 100%; height: 58px; padding-top: 42px; /*background-color: #f5f5f5;*/ text-align: center; }
.case_overflow { width: 92px; height: 20px; overflow: hidden; margin: 0 auto; }
.case_more a { color: #ef740c; font-size: 15px; height: 20px; display: block; }
.case_moreBox { -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; -ms-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s; }
.case_moreBox:hover { margin-top: -20px; }
.case_more a img { position: relative; top: -3px; margin-left: 5px; }
.case_ula li a { display: block; }
/*@media screen and (max-width: 1720px) {*/
/*.case .width1720{width: 1200px;}*/
/*.case_ula{width: 1220px;height: 618px;overflow: hidden;}*/
/*.case_ula li{float:left;border-radius:3px;margin:0;overflow:hidden;position:relative;width: 380px;margin-right: 20px;margin-bottom: 30px;}*/
/*.caseimg{width:100%;height:224px;position:relative;display:block;}*/
/*}*/
.case_ula { width: 1200px; margin: 0 auto; }

.app_h4 h2 { color: #333333; font-size: 30px; line-height: 75px; text-align: center; background: url(../img/app_h4n.png) center center no-repeat; margin: 75px 0 60px 0; }





.app_h5 { padding: 50px 0; background-color: #f6f6f6; }
.app_h5n h2 { text-align: center; color: #333333; font-size: 30px; line-height: 75px; background: url(../img/app_h5n.png) center center no-repeat; }
.app_h5n span { text-align: center; color: #909090; font-size: 16px; display: block; line-height: 30px; }
.app_h5c { text-align: center; position: relative; width: 1200px; margin: 0 auto; background: url(../img/app_h5bj.png) no-repeat; background-position: 47px 137px; height: 310px; }
.app_h5c i { display: block; width: 66px; height: 66px; overflow: hidden; background: url(../img/app_h5c1.png)no-repeat; background-size: 100% 100%; transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -moz-transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.app_h5c li:hover i { background: url(../img/app_h5c2.png)no-repeat; background-size: 100% 100%; transform: rotateY(360deg); }
.app_h5c li { position: absolute; }
.app_h5c li span { display: block; text-align: center; width: 22px; line-height: 22px; border-radius: 50%; margin: 0 auto; margin-top: 14px; background: url(../img/app_h5c3.png) no-repeat; color: #7c77a9; font-size: 12px; }
.app_h5c li p { display: block; text-align: center; color: #333333; font-size: 16px; margin-top: 13px; }
.app_h5c .l1 { left: 50px; top: 146px; }



.app_h5c .l2 { left: 190px; top: 106px; }
.app_h5c .l3 { left: 325px; top: 109px; }
.app_h5c .l4 { left: 465px; top: 98px; }
.app_h5c .l5 { left: 595px; top: 47px; }
.app_h5c .l6 { left: 739px; top: 79px; }
.app_h5c .l7 { left: 875px; top: 126px; }
.app_h5c .l8 { left: 1037px; top: 133px; }
.app_h5c i .pic1 { display: block; }
.app_h5c i .pic2 { display: none; }
.app_h5c li:hover .pic2 { display: block; }
.app_h5c li:hover .pic1 { display: none; }

/*app end*/



/*channel_part2*/
.news_390 { width: 100%; height: 320px; }
.channel_part2 { width: 100%; height: 650px; }
.channel_tittle { text-align: center; position: relative; height: 153px; width: 100%; background: url(../images/channel1.png) no-repeat center center; }
.channel_tittle h2 { font-size: 24px; position: relative; top: 95px; z-index: 2; }
.channel_part2_ul { width: 1230px; }
.channel_part2_ul li { width: 380px; margin-right: 30px; float: left; }
.channel_part2_ul li .imgbox, .channel_part2_ul li .imgbox img { width: 380px; height: 253px; display: block; position: relative; }
.channel_part2_ul li .channel_part2_pos { position: absolute; left: 0; bottom: 0; width: 55px; height: 55px; text-align: center; z-index: 2; background-color: #999999; color: #fff; font-size: 24px; }
.channel_part2_ul li .channel_part2_pos p { font-size: 12px; color: #fff; }
.channel_part2_ul li h2, .channel_part3_ul li h2 { font-size: 18px; line-height: 45px; height: 45px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.channel_part2_ul li p, .channel_part3_ul li p { color: #555555; line-height: 22px; }
.channel_part2_ul li:hover h2, .channel_part3_ul li:hover h2 { color: #ff4101; }
.channel_part2_ul li:hover .channel_part2_pos { background-color: #ff4101; }
.channel_part2_more { display: block; margin: 0 auto; width: 178px; height: 38px; line-height: 38px; border: 1px solid #888888; text-align: center; color: #888888; margin-top: 40px; }
.channel_part2_more:hover { color: #fff; background-color: #ff4101; border-color: #ff4101; }
/*channel_part3*/
.channel_part3 { width: 100%; height: 410px; background-color: #f6f6f6; }
.channel_tittle1 { height: 149px; width: 100%; background: url(../images/channel2.png) no-repeat center center; }
.channel_part3_ul { width: 5000px; }
.channel_part3_ul li { width: 318px; float: left; margin-right: 35px; }
.channel_part3_ul li span { display: block; font-size: 12px; color: #888888; padding-bottom: 8px; }
.picScroll-left { overflow: hidden; width: 1200px; position: relative; margin: 0 auto; }
.picScroll-left .hd a { position: absolute; top: 30px; width: 40px; height: 40px; text-align: center; line-height: 40px; background: #000000; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; z-index: 2; }
.picScroll-left .hd .prev { left: 0 !important; }
.picScroll-left .hd .next { right: 0 !important; }
.picScroll-left .hd a:hover { background-color: #ff4101 }
/*channel_part4*/
.channel_part4 { width: 100%; height: 545px; }
.channel_tittle2 { background: url(../images/channel3.png) no-repeat center center; }
.channel_part4_ul1 { width: 760px; height: 243px; }
.channel_part4_ul2 { width: 439px; height: 241px; border: 1px solid #e5e5e5; border-left: none; border-bottom: none; }
.channel_part4_ul1 li { width: 50%; height: 242px; float: left; }
.channel_part4_ul1 li a, .channel_part4_ul1 li .imgbox, .channel_part4_ul1 li .imgbox img { width: 100%; height: 100%; display: block; }
.channel_part4_ul1 li a { position: relative; }
.channel_part4_pos { width: 179px; height: 70px; background: url(../images/channel5.png) no-repeat center center; position: absolute; right: 0; bottom: 0; }
.channel_part4_padding { padding: 14px 16px 0 33px; }
.channel_part4_pos h2, .channel_part4_word h2 { font-size: 14px; color: #333333; margin-bottom: 10px; }
.channel_part4_pos span, .channel_part4_word span { font-size: 12px; color: #888888; }
.channel_part4_pos span i, .channel_part4_word span i { display: inline-block; width: 12px; height: 12px; background: url(../img/channel4.png) no-repeat center center; position: relative; top: 2px; margin-right: 8px; }
.channel_part4_ul1 li:hover i { background: url(../img/channel3.png) no-repeat center center; }
.channel_part4_ul1 li:hover .channel_part4_pos { background: url(../images/channel4.png) no-repeat center center; }
.channel_part4_ul1 li:hover span, .channel_part4_ul1 li:hover h2 { color: #fff; }
.channel_part4_ul2 li { width: 100%; height: 120px; border-bottom: 1px solid #e5e5e5; }
.channel_part4_ul2 li a { display: block; height: 100%; }
.channel_part4_ul2 .imgbox, .channel_part4_ul2 .imgbox img { width: 190px; height: 100%; display: block; }
.channel_part4_ul2 .imgbox { position: relative; }
.channel_part4_ul2 .channel_part4_mb { position: absolute; width: 190px; height: 100%; background-color: #000000; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; top: 0; left: 0; display: none; }
.channel_part4_ul2 .imgbox .vedio_play { position: absolute; left: 50%; top: 50%; margin-top: -20px; margin-left: -20px; display: none; width: 40px; height: 40px; }
.channel_part4_ul2 li:hover .channel_part4_mb, .channel_part4_ul2 li:hover .vedio_play { display: block; }
.channel_part4_word { padding: 20px 0px 0 14px; }
.channel_part4_word h2 { width: 196px; }

.channel_part4 ul.channel_part4_ul1 .channel_part4_pos h2 { color: #fff; }
.channel_part4 ul.channel_part4_ul1 .channel_part4_pos span { color: #fff; }
.channel_part4 ul.channel_part4_ul1 .channel_part4_pos span i { background: url(../img/channel3.png) no-repeat center center; }

/*channel_part5*/
.channel_part5 { width: 100%; height: 780px; background-color: #fff; }
.channel_part5_content { position: relative; width: 1200px; height: 480px; }
.channel_part5_box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none; }
.channel_part5_nav { width: 400px; margin: 0 auto; padding: 60px 0 35px 0; text-align: center; }
.channel_part5_nav li { width: 200px; height: 54px; line-height: 54px; font-weight: bold; font-size: 24px; text-align: center; cursor: pointer; display: inline-block; }
.channel_part5_nav li.this { background-color: #ff4101; color: #fff; }
.channel_part5_left { width: 540px; height: 480px; }
.channel_part5_left .imgbox, .channel_part5_left .imgbox img { width: 100%; height: 360px; display: block; }
.channel_part5_word { height: 128px; background-color: #fff; padding: 20px 18px 0 18px; }
.channel_part5_word h2 { font-size: 18px; }
.channel_part5_word span { font-size: 12px; color: #888888; font-weight: normal; }
.channel_part5_word p { color: #555555; line-height: 22px; margin-top: 10px; }
.channel_part5_left:hover h2 { color: #ff4101; }
.channel_part5_list { width: 630px; height: 520px; }
.channel_part5_list li { padding: 15px; background-color: #fff; margin-bottom: 25px; }
.channel_part5_list .imgbox, .channel_part5_list .imgbox img { width: 165px; height: 110px; display: block; overflow: hidden; }
.channel_part5_info { width: 396px; padding-left: 20px; }
.channel_part5_info h2 { font-size: 16px; }
.channel_part5_info span { font-size: 12px; color: #888888; padding: 8px 0; display: block; }
.channel_part5_info p { color: #555555; line-height: 22px; }
.channel_part5_list .imgbox img { -webkit-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; -ms-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; transition: all .5s ease-in-out 0s; }
.channel_part5_list li:hover .imgbox img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.channel_part5_list li:hover h2 { color: #ff4101; }
.pc_o .slideBox .bd li img { position: relative; margin-left: 0; left: 0; }
.channel_part1 .banner_button a img { padding-top: 16px; }
.picScroll-left .hd a img { }


.channel_part1 .slideBox .bd li img { left: 0; margin-left: 0; }


.case_ul .ewm { position: absolute; left: 50%; margin-left: -75px; top: 50%; margin-top: -75px; width: 150px; height: 150px; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); opacity: 0; filter: alpha(opacity = 0); -webkit-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; -ms-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; transition: all .5s ease-in-out 0s; z-index: 22; }
.case_ul li:hover .ewm { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1; filter: alpha(opacity = 100); }


.pics { text-align: center; }
.pics img { max-width: 100%; }
#fullpage007 .pagex { position: relative; padding-top: 250px; box-sizing: border-box; overflow: hidden; height: 921px; opacity: 1; }

#fullpage007 .pagex .page1-inner { color: #ffffff; position: relative; display: block; }
#fullpage007 .wrap { width: 1200px; margin: 0 auto; }
#fullpage007 .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0; }
#fullpage007 .pagex .page1-inner .font-wrap { position: relative; z-index: 2; }
#fullpage007 .page6 .i00 { position: absolute; width: 243px; height: 268px; top: -90px; right: 210px; }
#fullpage007 .fr { float: right; width: 426px; }
#fullpage007 .pagex .black { color: #000; }
#fullpage007 .active008.even .d1, #fullpage007 .active008.even .d2, #fullpage007 .active008.even .d3, #fullpage007 .active008.even .d4, #fullpage007 .active008.even .a1, #fullpage007 .active008.even .a2 { -webkit-animation: fadeInRight .6s forwards; animation: fadeInRight .6s forwards; }
#fullpage007 .pagex .page1-inner .more { float: left; margin-right: 12px; }
#fullpage007 .dh-wrap { position: absolute; width: 1200px; height: 100%; top: 0; left: 0; }
#fullpage007 .active008.page6 .i2 { -webkit-animation: zoomIn 1.4s forwards; animation: zoomIn 1.4s forwards; }
#fullpage007 .page6 .i2 { position: absolute; width: 955px; height: 667px; top: -169px; left: -200px; }
#fullpage007 .active008.page6 .i3 { -webkit-animation: flipInX 1.4s forwards; animation: flipInX 1.4s forwards; }
#fullpage007 .page6 .i3 { position: absolute; width: 789px; height: 452px; top: 83px; left: -80px; }
#fullpage007 .pagex .page1-inner .p1 { font-size: 46px; margin-bottom: 10px; }
#fullpage007 .pagex .page1-inner .p1 { font-size: 46px; margin-bottom: 10px; }
#fullpage007 .pagex .page1-inner .p2 { font-size: 24px; margin-bottom: 28px; }
#fullpage007 .pagex .page1-inner .p3 { font-size: 16px; line-height: 1.6; margin-bottom: 20px; width: 454px; }
#fullpage007 .pagex .page1-inner .p4 { width: 426px; line-height: 1.6; }
#fullpage007 .pagex .page1-inner .p4 span { display: inline-block; font-size: 18px; }
#fullpage007 .pagex .page1-inner .p4 b { font-size: 16px; }
#fullpage007 .pagex .page1-inner .a1 { display: block; width: 140px; height: 44px; text-align: center; line-height: 44px; border: 1px solid #fff; border-radius: 2px; margin-top: 20px; color: #fff; position: relative; font-size: 20px; pointer-events: auto; }
#fullpage007 .pagex .page1-inner .a1 b { position: absolute; top: 0; left: 0; width: 0%; height: 100%; background-color: #fff; z-index: 0; -webkit-transition: all .4s; transition: all .4s; }
#fullpage007 .pagex .page1-inner .a1 em { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; line-height: 44px; -webkit-transition: all .4s; transition: all .4s; }
#fullpage007 .pagex .page1-inner .a1:hover em { color: #12c1b2; }
#fullpage007 .pagex .page1-inner .a1:hover b { width: 100%; }
#fullpage007 .pagex .page1-inner .a2 { display: block; width: 140px; height: 44px; border: 1px solid #00afec; border-radius: 2px; margin-top: 20px; position: relative; font-size: 20px; pointer-events: auto; color: #00afec; }
#fullpage007 .pagex .page1-inner .a2 b { position: absolute; top: 0; left: 0; width: 0%; height: 100%; background-color: #00afec; z-index: 0; -webkit-transition: all .4s; transition: all .4s; }
#fullpage007 .pagex .page1-inner .a2 em { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; line-height: 44px; -webkit-transition: all .4s; transition: all .4s; }
#fullpage007 .pagex .page1-inner .a2:hover em { color: #fff; }
#fullpage007 .pagex .page1-inner .a2:hover b { width: 100%; }
#fullpage007 .pagex .page1-inner .a3:hover em { color: #ffb037; }
#fullpage007 .pagex .page1-inner .ax:hover em { color: #f16a47; }
#fullpage007 .pagex .page1-inner .d4 { margin-top: 26px; }
#fullpage007 .pagex .page1-inner .more { float: left; margin-right: 12px; }
#fullpage007 .pagex .page1-inner .d4 ul { width: 360px; }
#fullpage007 .pagex .page1-inner .d4 ul li { float: left; width: 116px; height: 64px; margin-right: 1px; margin-bottom: 1px; /*border:1px solid #fff;*/ background: no-repeat center; background-color: #fff; }
#fullpage007 .pagex .black { color: #000; }
#fullpage007 .pagex .black .d4 ul li { border: 1px solid #f0f0f0; margin: 0; }



.span3 { width: 25%; float: left; font-size: 14px; }
.span2 { width: 16.66666667%; float: left; }
.col-xs-3{ width:25%; float:left; padding:0 15px; box-sizing:border-box}
.kzf-mod-product { padding: 50px 0; text-align: center; }
.kzf-mod-product-title { font-size: 36px; color: #3c94f1; margin-bottom: 30px; }
.kzf-mod-product-brief { color: #818181; margin: 20px 0 55px 0; }
.kzf-mod-product-list-title { color: #333; font-size: 18px; margin: 25px 0 10px 0; }

.kzf-mod-product-list p { line-height: 2; color: #818181; margin: 0 15px; transition: 0.3s all; -webkit-transition: 0.3s all; }
.kzf-mod-product-list img { transition: 0.3s all; -webkit-transition: 0.3s all; position: relative; top: 0; }
.kzf-mod-product-list:hover img { top: 5px; }
.kzf-mod-product-list:hover p { color: #444; }
.kzf-more{ padding-top:50px}
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }

@media only screen and (max-width: 967px) { .kzf-mod-product { padding: 60px 0; }
 .kzf-mod-product-title { font-size: 30px; }
 .kzf-mod-product-brief { margin: 20px 0 40px 0; }
 .kzf-mod-product-list-title { font-size: 16px; margin: 20px 0 10px 0; }
 .kzf-mod-product-list p { line-height: 1.8; }
}

@media only screen and (max-width: 767px) {
 .kzf-mod-product { padding: 40px 0 0 0; }
 .kzf-mod-product-title { font-size: 26px; }
 .kzf-mod-product-brief { margin: 15px 0 25px 0; }
 .kzf-mod-product-list { margin-bottom: 40px; }
 .kzf-mod-product-list-title { font-size: 16px; margin: 20px 0 10px 0; }
 .kzf-mod-product-list p { line-height: 1.8; }
}


/*↓↓↓ 响应式详情页  ↓↓↓*/
.xys_three .title { font-size: 24px; color: #333; margin-bottom: 50px; position: relative; margin-left: 10px; text-align: left; }

.xys_three .title:before { content: ""; position: absolute; width: 3px; height: 24px; background: #20B09F; left: -10px; top: 4px; }
.xys_three .title span { color: #20b09f; }
/* 详细功能-part1 */
.items-func .item-title:after { width: 18px; height: 18px; background-size: 9px auto; }
.special_new:after { content: ""; display: inline-block; vertical-align: middle; width: 28px; height: 12px; background: url(../images/new_icon.png) center no-repeat; margin: 0 0px 3px 6px; }
.new:after { content: ""; display: inline-block; vertical-align: middle; width: 28px; height: 28px; background: url(../images/new_icon.png) center no-repeat; margin: 0 0px 4px 7px; }
.items-func .item-block .item-public .item-s-block .item-s:hover .item-titles { color: #20B09F; }
.items { padding: 50px 0; }
.items-func .items-block { box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2); align-items: flex-start; }
.items-func .items-block > .item-list { height: 360px; width: 140px; }
.xys_three .items-func .item-list .item { height: 230px; line-height: 230px; text-align: center; font-size: 16px; color: #666; box-sizing: border-box; border-right: 1px solid #E5E5E5; border-left: 2px solid transparent; background-color: #F9F9F9; cursor: pointer; }
.xys_three .items-func .item-list .item:nth-child(2) { border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; }
.xys_three .items-func .item-list .item.active { border-right-color: transparent; background-color: #fff; border-left: 2px solid #20B09F; }
.xys_three .items-func .item-block { flex: 1; height: 459px; }
.items-func .item-block .item-div { display: none; height: 100%; }
.items-func .item-block .item-div.active { display: block; }
.items-func .item-block .item-public { justify-content: space-around; height: 100%; }
.items-func .item-block .item-public .item-l { position: relative; }
.items-func .item-block .item-public .item-r { align-self: flex-start; margin-top: 40px; }
.items-func .item-block .item-public .item-s-block { margin: 8px 0; justify-content: flex-start; }
.items-func .item-block .item-public .item-s-block .item-s { width: 300px; height: 86px; box-sizing: border-box; border: 1px solid #E5E5E5; margin: 0 10px; padding: 0 10px; justify-content: flex-start; }
.items-func .item-block .item-public .item-s-block .img-block { width: 40px; margin: 0 20px; }
.items-func .item-block .item-public .item-s-block .item-title { margin-bottom: 5px; }
.items-func .item-block .item-public .item-s-block .item-p { font-size: 12px; color: #999; }
.items-func .item-block .item-public .item-s-block .item-s:hover { border-color: #20B09F; }
.items-func .item-block .item-public .item-s-block .item-s:hover .item-title { color: #20B09F; }
.items-func .item-block .item-3 { justify-content: space-around; height: 100%; }
.items-func .item-block .item-3 .item-l:after { content: ""; position: absolute; border-left: 1px dashed #e5e5e5; height: 100%; left: 50%; top: 0; }
.items-func .item-block .item-3 .item-l { position: relative; }
.items-func .item-block .item-3 .item-r { align-self: flex-start; margin-top: 40px; }

.items-func .item-block .item-3 .item-l .item-s-block { justify-content: flex-start; border-top: 1px dashed #e5e5e5; }

.items-func .item-block .item-3 .item-l .item-s-block:first-child { border-top: none; }

.items-func .item-block .item-3 .item-s-block .item-s { width: 336px; height: 94px; justify-content: flex-start; box-sizing: border-box; padding: 0px 12px; }
.items-func .item-block .item-3 .item-s-block .img-block { width: 30px; margin: 0 20px; }
.items-func .item-block .item-3 .item-s-block .item-s-r { flex: 1; }
.items-func .item-block .item-3 .item-s-block .item-title { margin-bottom: 5px; }
.items-func .item-block .item-3 .item-s-block .item-p { font-size: 12px; color: #999; line-height: 20px; }
.items-func .item-list li { font-size: 12px; color: #999; margin-bottom: 15px; padding-left: 20px; background: url(../images/check.png) no-repeat left center; }
.flex-row { display: flex; flex-direction: row; justify-content: center; align-items: center; }
.main-wrap { width: 1200px !important; margin: 0 auto; position: relative; transition: all .3s ease; }
.items-func .item-title:after { width: 18px; height: 18px; background-size: 9px auto; }
.product-video { position: absolute; right: 0; top: 0; width: 50%; height: 314px }
.product-video-a { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); opacity: 1 }
.product-video-block { position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: none; z-index: 1000; text-align: center }
.product-video-block:before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,.5) }
.product-video-content { display: inline-block; position: relative; top: 120px; background-color: rgba(32,176,159,.8); padding: 6px }
.product-video-content video { display: block; width: 750px; height: 421px; background: #000 }
.product-video-close { position: absolute; right: 0; top: 0; width: 25px; height: 25px; line-height: 25px; background-color: rgba(32,176,159,.8); font-size: 16px; color: #fff; font-weight: 700; font-family: Calibri }
.product-video-play { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); opacity: .6; display: none }
.product-video-play:hover { opacity: 1 }
.pro-video-play:after { content: ""; display: inline-block; vertical-align: middle; width: 28px; height: 28px; background: url(../images/pro-video-play.svg) no-repeat center #20b09f; border-radius: 50%; margin: 0 -38px 0 10px; transition: all .3s ease }
.pro-video-play-c { position: relative }
.pro-video-play-c:after { content: ""; position: absolute; width: 40px; height: 40px; background: url(../images/pro-video-play.svg) no-repeat center #fff; border-radius: 50%; transition: all .3s ease; left: 50%; top: 50%; margin: -20px 0 0 -20px }
.video-pop { cursor: pointer }
.video-pop:hover .pro-video-play-c:after, .video-pop:hover .pro-video-play:after { transform: scale(1.3) }

.response4 { height: 160px; }
.response4 .response5 h2 { float: left; height: 160px; line-height: 160px; padding: 0; margin: 0; font-size: 40px; color: #fff }
.response4 .response5 .btns { float: right; height: 160px; line-height: 160px; }
.response4 .response5 .btns .a1 { width: 230px; height: 50px; display: inline-block; background-color: #fff; line-height: 50px; border-radius: 10px; font-size: 18px; color: #ff6600; margin-right: 20px; }
.response4 .response5 .btns .a2 { width: 230px; height: 50px; display: inline-block; background-color: #ff6600; line-height: 50px; border-radius: 10px; font-size: 18px; color: #fff; border: 1px solid #fff }

#cjwt{min-width:1200px;}
#cjwt .pro_style { float: left; overflow: hidden; height: 348px; position: relative; z-index: 0; }
#cjwt .pro_style img { width: 100%; }
#cjwt .pro_style .shade { width: 256px; height: 174px; background: url(../images/solution_pic.png) center center no-repeat; position: absolute; top: -174px; left: 14px; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; }
#cjwt .pro_style .bg { color: #191919; background:#fff; line-height: 25px; height: 175px; overflow: hidden; padding: 23px 15px 27px 17px; font-family: "微软雅黑"; position: relative; z-index: 2; font-size: 12px; border: #fff; /*background: #fff;*/ }
#cjwt .pro_style .bg strong { color: #191919; font-size: 16px; line-height: 32px; font-weight: normal; }
#cjwt strong { font-weight: 700; }
#cjwt .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eee; }
#cjwt .page-header h2 { margin-top: 20px; margin-bottom: 10px; font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; font-size: 40px; letter-spacing: 4px; }
#cjwt .more_link { text-align: center; }
#cjwt .more_link .alink { width: 178px; height: 40px; display: inline-block; text-align: center; font-size: 14px; color: #fff; border: #007eca solid 1px; background: #007eca; border-radius: 20px; line-height: 40px; }

.zx_tab.xywz { background: url(../images/aa8.jpg) no-repeat center top; background-size: cover; }
.zx_tab.yxwz { background:url(../images/aa9.jpg) no-repeat center top; background-size:cover; }
.zx_tab { height: 100px;  text-align: center; }
.zx_tab .txl{ text-align:left;}
.zx_tab .icon1{ display:inline-block; margin-top:15px;}
.zx_tab .ipt_k { display: inline-block; height: 50px; line-height: 50px; width: 100%; margin-top: 23px; position: relative; }
.zx_tab .ipt_k .w1{ padding-left:5px; position:absolute; left:0; top:0; height:50px; line-height:50px;}
.zx_tab .ipt_k .ipt { width: 100%; height: 100%; border: 0; background: #fff; float: left; padding-right: 5px; border-radius: 10px;  }
.zx_tab .ipt_k .ipt1 { padding-left: 50px}
.zx_tab .ipt_k .ipt2{ padding-left:78px}
.zx_tab .zx_alink { display: inline-block; height: 50px; line-height: 50px;  margin-top:23px;background: none;color: #fff;border-radius: 91px;padding: 0 50px;font-size: 20px;}

/* 建站流程 */
.proxy_process { padding: 100px 0; background:url(../images/aa11.jpg) repeat-y center top; background-size:100% auto; }
.proxy_process_line { height: 15px; width: 96%; max-width: 1000px; margin: 0 auto; background: #fff; margin-top: 60px; }
.proxy_process_content { margin: -55px 0 0 -60px; }
.proxy_process_list { display: block; text-align: center; margin-left: 60px; }
.proxy_process_list_top { width: 90px; height: 90px; text-align: center; line-height: 90px; margin: 0 auto; border-radius: 100%; background: #fff; color: #f79220; font-size: 48px; overflow: hidden; position: relative; z-index: 1; }
.proxy_process_list_top:before { content: ""; width: 70px; height: 70px; background: #fff; background: rgba(247, 146, 32, 1); border-radius: 100%; position: absolute; top: 12%; left: 12%; z-index: -1; opacity: 0; transform: scale(0); -webkit-transform: scale(0); transition: 0.4s all; -webkit-transition: 0.4s all; }
.proxy_process_list_middle { width: 15px; height: 15px; background: #fff; margin: -1px auto 0 auto; }
.proxy_process_list_bottom { background: #fff; padding: 30px 0; min-height: 90px; border-radius: 5px; }
.proxy_process_list_bottom .title { color: #3b3b3b; font-size: 18px; margin: 0; padding: 0; margin-bottom: 10px; }
.proxy_process_list_bottom .text { color: #939393; height: 40px; line-height: 20px; overflow: hidden; }
.proxy_process_list:hover .proxy_process_list_top:before { opacity: 1; transform: scale(1); -webkit-transform: scale(1); }
.proxy_process_list:hover .proxy_process_list_top { color: #3ba1f2; color: rgba(255, 255, 255, 1); }
.proxy_process_list:hover .proxy_process_list_bottom .text { color: #333; }
.proxy_process .container { width: 96%; max-width: 1200px; margin: 0 auto; }
.all_title2 { margin-bottom: 50px; text-align: center; color: #fff; }
.all_title2 .title { font-size: 35px; margin:0; padding:0;  }
.rowFluid { clear: both; }
.rowFluid:after { content: "."; display: block; clear: both; height: 0; font-size: 0; visibility: hidden; overflow: hidden; }
@media screen and (max-width: 767px) { .col-sm-4 { width: 33.33333333%; }
}
@media screen and (max-width: 479px) {
 .col-xs-6 { width: 50%; }
}


.items-steps { background-color: #F6F6F6; text-align:center; }
.items-steps .items-block { height: 432px; position: relative; margin: 90px 0 30px; }
.items-steps .item { position: absolute; top: 0; width: 156px; height: 186px; background-color: #fff; border-radius: 5px; transform: translateX(-78px); z-index: 1; box-shadow: 0 0 5px 2px rgba(135, 135, 135, 0.15); backface-visibility: hidden; }
.items-steps .item:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; border-radius: 5px; z-index: -1; }
.items-steps .item:after { content: ""; position: absolute; width: 15px; height: 15px; left: 50%; bottom: -7px; box-shadow: 0 0 5px 2px rgba(135, 135, 135, 0.15); background-color: #fff; z-index: -2; transform: translateX(-50%) rotateZ(135deg); }
.items-steps .item.cur { margin-top: -10px; }
.items-steps .item.even { top: auto; bottom: 0; }
.items-steps .item.even:after { top: -7px; bottom: auto; }
.items-steps .item.even.cur { margin-bottom: -10px; }
.items-steps .item:nth-child(1),
.items-steps .step:nth-child(1) { left: 75px; }
.items-steps .item:nth-child(2),
.items-steps .step:nth-child(2) { left: 225px; }
.items-steps .item:nth-child(3),
.items-steps .step:nth-child(3) { left: 375px; }
.items-steps .item:nth-child(4),
.items-steps .step:nth-child(4) { left: 525px; }
.items-steps .item:nth-child(5),
.items-steps .step:nth-child(5) { left: 675px; }
.items-steps .item:nth-child(6),
.items-steps .step:nth-child(6) { left: 825px; }
.items-steps .item:nth-child(7),
.items-steps .step:nth-child(7) { left: 975px; }
.items-steps .item:nth-child(8),
.items-steps .step:nth-child(8) { left: 1125px; }
.items-steps .img-block { width: 70px; height: 70px; border-radius: 50%; background-color: #fff; margin: 0 auto; margin-top: -35px; position: relative; transition-duration: 1s; }
.items-steps .img-block:before { content: ""; width: 100%; height: 100%; box-shadow: 0 0 5px 2px rgba(135, 135, 135, 0.15); position: absolute; z-index: -2; border-radius: 50%; left: 0; top: 0; }
.items-steps .img-block img { position: relative; top: 50%; transform: translateY(-50%); }
.items-steps .item:hover .img-block { transform: rotateZ(360deg); }
.items-steps .item-title { font-size: 18px; text-align: center; margin-bottom: 10px; }
.items-steps .item-p { color: #999; text-align: center; margin-bottom: 5px; }
.items-steps .item.even .item-title { margin-top: 15px; }
.items-steps .item.even .img-block { margin: 0 0 0 -35px; position: absolute; left: 50%; bottom: -35px; }
.items-steps .item-col2 { width: 267px; transform: translateX(-133.5px); }
.items-steps .item-col2 .flex-row { justify-content: space-around; }
.items-steps .item-col2 .item-p { text-align: left; }
.items-steps .steps-block { position: absolute; height: 24px; width: 100%; top: 50%; left: 0; transform: translateY(-50%); }
.items-steps .steps-block:before { content: ""; position: absolute; width: 99.4%; height: 8px; background-color: #E9E9E9; border-radius: 2px; left: 0; top: 50%; transform: translateY(-50%); }
.items-steps .steps-block:after { content: ""; position: absolute; width: 26px; height: 38px; background: url(../images/items-steps-arrow.png) no-repeat center; right: 0; top: 50%; transform: translateY(-50%); }
.items-steps .step { position: absolute; width: 24px; height: 24px; background-color: #fff; border-radius: 50%; transform: translateX(-12px); box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2); }
.items-steps .step:before { content: ""; position: absolute; width: 10px; height: 10px; background-color: #FFAE12; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all .3s ease; }
.items-steps .step.cur:before { width: 100%; height: 100%; }
.titleall { text-align: center; width: 600px; margin: 0 auto; }
.tlt { width: 240px; height: 50px; margin: 0 auto; position: relative; line-height: 50px; margin-bottom: 20px; }
.tlt .line { position: absolute; left: 50%; bottom: -1px; margin-left: -40px }
.tlt .sp { display: block; position: absolute; transition: all 0.2s }
.tlt .sp1 { width: 20px; height: 1px; background: #a1a1a1; right: 118px }
.tlt .sp2 { width: 20px; height: 1px; background: #a1a1a1; left: 118px }
.tlt .sp3 { width: 0; height: 1px; background: #a1a1a1; right: 2px; top: 0 }
.tlt .sp4 { width: 0; height: 1px; background: #a1a1a1; left: 3px; top: 0 }
.tlt .sp5 { width: 1px; height: 0; background: #a1a1a1; left: 2px; bottom: 0 }
.tlt .sp6 { width: 1px; height: 0; background: #a1a1a1; right: 2px; bottom: 0 }
.title2 { font-size: 28px; color: #1b1917; font-weight: normal; }
.title2 { line-height: 50px !important; }
.Ptext { font-size: 20px; font-family: "Arial"; color: #1b1917; }
.titleall3 .Ptext2 { color: #000; }
.Ptext2 { font-size: 14px; color: #948f8f; margin-top: 5px; line-height: 23px; }

.pageSite .section06 { height: 574px; background: url(../images/bg_section06.png) 50% 50% no-repeat #f4f4f4; text-align: center }
.pageSite .section06 li { width: 170px; float: left; text-align: center; margin: 0 61px }
.pageSite .section06 h3 { line-height: 50px; font-size: 36px; color: #000; position: relative; top: 67px }
.pageSite .section06 ul { position: relative; top: 210px; margin: 0 auto; display: inline-block; }
.pageSite .section06 li .font { display: inline-block; width: 78px; height: 78px; line-height: 78px; margin-bottom: 35px }
.pageSite .section06 li span { font-size: 16px; color: #666; display: block }
.pageSite .section06 p, .pageSite .section06 p a { font-size: 14px; color: #a8a8a8 }
.pageSite .section06 p { position: relative; top: 280px }

.xcx_fangan{ width:968px; text-align:center; margin:0 auto; padding-bottom:50px}
.xcx_fangan .tit{ font-size:42px; font-weight:bold; padding:20px 0}
.xcx_fangan .nr { width: 968px; border: 7px solid #40dfb7 }
.xcx_fangan .nr table{ width:100%; height:70px;}
.xcx_fangan .nr table td{ vertical-align:middle;}
.xcx_fangan .nr .zx_tab .ipt_k {  margin:0; font-size:20px;}
.xcx_fangan .nr .zx_tab .ipt_k .w1{ padding-left:20px;}
.xcx_fangan .nr .zx_tab .ipt_k .ipt1 { padding-left: 80px; }
.xcx_fangan .nr .zx_tab .ipt_k .ipt2 { padding-left: 120px; }
.xcx_fangan .nr .zx_tab .ipt_k input { background: none; font-size: 20px; }
.xcx_fangan .nr .zx_tab .zx_alink { margin: 0; display:inline-block; font-size:20px;  color:#fff;}


.wrap { width: 1200px; margin: 0 auto; }
.Let_5 { width: 100%; height: 787px; overflow: hidden; padding-top: 92px; background: url(../images/Applet_bg2.jpg) no-repeat center; box-sizing: border-box; }
.Let_5 div.fl { width: 45%; padding-left: 64px; box-sizing: border-box; }
.Let_5 div.fl .tit { position: relative; padding-bottom: 36px; }
.Let_5 div.fl .tit:before { position: absolute; left: 0; bottom: 0; width: 50px; height: 6px; content: ' '; background: #fcd72d; }
.Let_5 div.fl .tit h4 { font-size: 40px; font-weight: 100; color: #fff; line-height: 54px; }
.Let_5 div.fl .tit h5 { font-size: 46px; font-weight: bold; color: #fff; line-height: 54px; }
.Let_5 div.fl .tit h5 span { color: #3fdd84; }
.Let_5 div.fl .mian_1 { padding: 40px 0; font-size: 18px; color: #fff; line-height: 1; }
.Let_5 div.fl .mian_2 { position: relative; width: 363px; height: 485px; margin-left: -88px; background: url(../images/Applet_20.png) no-repeat left bottom; }
.Let_5 div.fl .mian_2 .s_tc { position: absolute; top: 94px; left: 220px; width: 320px; height: 180px; padding: 24px 34px; border-radius: 20px; background: #fff; box-shadow: 5px 5px 30px 0 rgba(0, 0, 0, .3); box-sizing: border-box; animation:scale .8s ease-in-out; }
.Let_5 div.fl .mian_2 .s_tc span { display: block; font-size: 24px; color: #434343; line-height: 30px; }
.Let_5 div.fl .mian_2 .s_tc font { display: block; font-size: 38px; font-weight: bold; color: #3ad180; line-height: 45px; }
.Let_5 div.fl .mian_2 .s_tc i { position: absolute; top: 20px; right: 20px; width: 16px; height: 16px; background: url(../images/Applet_21.png) no-repeat center; cursor: pointer; }
.Let_5 div.fr { width: 50%; }
.Let_5 div.fr ul li { float: left; width: 46%; height: 216px; margin-left: 4%; }
.Let_5 div.fr ul li i { display: block; width: 64px; height: 64px; }
.Let_5 div.fr ul li h6 { padding: 20px 0; font-size: 26px; color: #fff; line-height: 1; }
.Let_5 div.fr ul li p { font-size: 14px; color: #ddd; line-height: 20px; }
@keyframes scale {
 0% { transform: scale(0); opacity: 0.0; }
 60% { transform: scale(1.1); }
 80% { transform: scale(0.9); opacity: 1; }
 100% { transform: scale(1); opacity: 1; }
}
.Let_8 { padding: 64px 0; background: #fff; }
.Let_8 h3 { position: relative; box-sizing:initial; height: 36px; padding: 16px 0; font-size: 36px; font-weight: bold; color: #60646a; text-align: center; line-height: 36px; cursor: default; }
.Let_8 h3:before { position: absolute; left: 50%; bottom: -2px; width: 30px; height: 2px; content: ' '; margin-left: -15px; background: #3bb6eb; }
.Let_8 { text-align: center; }
.Let_8 ul { display: inline-block; padding: 236px 0; }
.Let_8 ul li { position: relative; float: left; width: 124px; height: 124px; margin-left: 61.7px; cursor: pointer; -webkit-transition: margin-left .5s; transition: margin-left .5s; }
.Let_8 ul li:before { position: absolute; top: 50%; left: -32px; width: 9px; height: 14px; content: ''; margin-top: -7px; background: url(../images/D-pment-p19.png) no-repeat center; -webkit-transition: left .5s; transition: left .5s; }
.Let_8 ul li:first-child { margin-left: 0; }
.Let_8 ul li:first-child:before { display: none; }
.Let_8 ul li .gb { width: 100%; height: 100%; }
.Let_8 ul li .gb i { display: block; width: 100%; height: 100%; overflow: hidden; border: 1px solid #c0deef; border-radius: 50%; background: no-repeat center; box-sizing: border-box; }
.Let_8 ul li.a1 .gb i { background-image: url(../images/D-pment-p20.jpg); }
.Let_8 ul li.a2 .gb i { background-image: url(../images/D-pment-p21.jpg); }
.Let_8 ul li.a3 .gb i { background-image: url(../images/D-pment-p22.jpg); }
.Let_8 ul li.a4 .gb i { background-image: url(../images/D-pment-p23.jpg); }
.Let_8 ul li.a5 .gb i { background-image: url(../images/D-pment-p24.jpg); }
.Let_8 ul li.a6 .gb i { background-image: url(../images/D-pment-p25.jpg); }
.Let_8 ul li em { position: absolute; left: 50%; width: 3px; height: 38px; margin-left: -1.5px; background: #c0deef; }
.Let_8 ul li.odd em { bottom: -58px; }
.Let_8 ul li.even em { top: -58px; }
.Let_8 ul li em:before { position: absolute; left: 50%; width: 11px; height: 11px; content: ''; overflow: hidden; margin-left: -5.5px; border-radius: 50%; background: #c0deef; }
.Let_8 ul li.odd em:before { top: -10px; }
.Let_8 ul li.even em:before { bottom: -10px; }
.Let_8 ul li em:after { position: absolute; left: 50%; width: 11px; height: 11px; content: ''; overflow: hidden; margin-left: -5.5px; border: 2px solid #c0deef; border-radius: 50%; background: #fff; box-sizing: border-box; -webkit-transition: background .3s; transition: background .3s; }
.Let_8 ul li.odd em:after { bottom: -10px; }
.Let_8 ul li.even em:after { top: -10px; }
.Let_8 ul li .gh { position: absolute; left: 50%; width: 248px; margin-left: -124px; padding: 12px 25px; border-radius: 50px; border: 1px solid #fff; box-sizing: border-box; -webkit-transition: border .5s; transition: border .5s; }
.Let_8 ul li.odd .gh { top: 180px; }
.Let_8 ul li.even .gh { bottom: 180px; }
.Let_8 ul li .gh p { padding: 10px 0 0; font-size: 14px; color: #60646a; line-height: 22px; }
.Let_8 ul li .gh h5 { font-size: 15px; font-weight: bold; color: #373d41; line-height: 36px; }
.Let_8 ul li .gh h5 span { display: inline-block; width: 45px; margin-right: 5px; background: no-repeat left center; color: #999; font-weight: 100; text-align: right; vertical-align: top; -webkit-transition: background .5s; transition: background .5s; }
.Let_8 ul li.a1 .gh h5 span { background-image: url(../images/D-s-01.png); }
.Let_8 ul li.a2 .gh h5 span { background-image: url(../images/D-s-02.png); }
.Let_8 ul li.a3 .gh h5 span { background-image: url(../images/D-s-03.png); }
.Let_8 ul li.a4 .gh h5 span { background-image: url(../images/D-s-04.png); }
.Let_8 ul li.a5 .gh h5 span { background-image: url(../images/D-s-05.png); }
.Let_8 ul li.a6 .gh h5 span { background-image: url(../images/D-s-06.png); }
.Let_8 ul li .gh { border: 1px solid #c0deef; }
.Let_8 ul li:hover em:after { background: #ffed52; }
.Let_8 ul li.a1:hover .gh h5 span { background-image: url(../images/D-sh-01.png); }
.Let_8 ul li.a2:hover .gh h5 span { background-image: url(../images/D-sh-02.png); }
.Let_8 ul li.a3:hover .gh h5 span { background-image: url(../images/D-sh-03.png); }
.Let_8 ul li.a4:hover .gh h5 span { background-image: url(../images/D-sh-04.png); }
.Let_8 ul li.a5:hover .gh h5 span { background-image: url(../images/D-sh-05.png); }
.Let_8 ul li.a6:hover .gh h5 span { background-image: url(../images/D-sh-06.png); }

.function-server-top { height: 372px; padding: 113px 0 0 0; text-align: center; }
.xcx-more { padding-top: 50px; text-align:center; }
.xcx-more a { display: inline-block; height: 50px; line-height: 50px; color: #fff; background: #007eca ; border-radius:25px; padding:0 33px; font-size:20px;}

.app_fangan{ width:410px; height:375px; position:absolute; left:52%;bottom:0; margin-left:-70px; padding:0 70px;}
.app_fangan .tit{color:#fff; font-size:30px; margin:0px auto;}
.app_fangan .zx_tab{ height:auto;}
.app_fangan .ipt_txt{ padding-top:30px;}
.app_fangan .ipt_txt input { width: 100%; height: 50px; line-height: 50px; padding: 0 20px; font-size: 18px; border:0; outline:0; }
.app_fangan .ipt_txt2{ padding-top:10px;}
.app_fangan .ipt_txt2 a{ display:inline-block; border:1px solid #fff; color:#fff; border-radius:25px; padding:0 30px; font-size:18px;}

.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after { display: table; content: " "; }
.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-header:after, .modal-footer:after { clear: both; }
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after { display: table; content: " "; }
.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }
.index_tit { text-align: center; padding: 4% 0 3%; max-width: 820px; margin-left: auto; margin-right: auto; }
.index_tit h2 { font-size: 40px; color: #333; margin: 20px 0; }
.undis { display: none; }

.app_nav ul { overflow: hidden; text-align: center; }
.app_nav ul li { overflow: hidden; display: inline-block; font-size: 16px; line-height: 42px; border-radius: 30px; padding: 0 20px; border: 1px solid #fff; cursor: pointer; margin: 0 25px; }
.app_nav ul li.hovertab { border: 1px solid #867fc2; background: #f3fafe; color: #867fc2; }
.app_nav ul li i { display: block; width: 27px; height: 32px; background: url(../images/ico10.png) no-repeat; float: left; margin-right: 9px; margin-top: 5px; }
.app_nav ul li i.yl-ico01 { background-position: 0 0; }
.app_nav ul li i.yl-ico02 { background-position: -27px 0; }
.app_nav ul li i.yl-ico03 { background-position: -54px 0; }
.app_nav ul li i.yl-ico04 { background-position: -81px 0; }
.app_nav ul li.hovertab i.yl-ico01 { background-position: 0 -32px; }
.app_nav ul li.hovertab i.yl-ico02 { background-position: -27px -32px; }
.app_nav ul li.hovertab i.yl-ico03 { background-position: -54px -32px; }
.app_nav ul li.hovertab i.yl-ico04 { background-position: -81px -32px; }

.ctt { overflow: hidden; }
.screen_app { overflow: hidden; padding: 5% 0 3%; }
.scrCon { min-height: 160px; }
.scrCon h3 { font-size: 22px; color: #343434; }
.scrCon h3 em { font-style: normal; color: #867fc2; }
.scrCon p { font-size: 14px; color: #646464; line-height: 20px; min-height: 40px; margin: 20px 0 10px; }
.scrCon a { cursor: default; }
.screen_r { text-align: right; }
.screen_m { text-align: center; }
.screen_m img { max-width: 100%; }

.yl-mdwt { width: 100%; background: #f7f7f7; padding: 3% 0; }
.yl-mdwt .w1200 { overflow: hidden; }
.yl-mdwt .pic { text-align: center; }
.yl-mdwt img { max-width: 100%; }
.yl-mdwt .floatR p { font-size: 26px; line-height: 46px; }
.yl-mdwt .floatR p.orange { color: #FF9B00; }
.yl-mdwt .floatR p em { background: #FF9C00; color: #fff; line-height: 46px; display: inline-block; padding: 0 10px; font-style: normal; }
.yl-zx.h40 { display: inline-block; height: 38px; line-height: 38px; padding: 0 44px; border-radius: 30px; }
.yl-mdwt .yl-zx { margin-top: 30px; border: 1px solid #867fc2; color: #867fc2; font-size: 20px }
.yl-mdwt .yl-zx:hover { background: #867fc2; color:#fff; }
.yl-mdwt .floatR { margin-top: 120px; }
.yl-zx.h40 { display: inline-block; height: 38px; line-height: 38px; padding: 0 44px; border-radius: 30px; }
.yl-mdwt .floatR { margin-top: 120px; }
.yl-indtit { text-align: center; font-size: 36px; color: #212121; padding-top: 50px; }
.yl-indtitBot { font-size: 20px; text-align: center; margin-top: 5px; }
.yl-FwCon { color: #fff; text-align: center; margin-top: 50px; }
.yl-FwCondt { width: 60px; height: 370px; background: #7373EB; font-size: 20px; font-weight: bold; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; float: left; margin-right: 10px; cursor: pointer; }
.yl-FwCondt p { width: 22px; line-height: 40px; margin: 0 auto; padding-top: 140px; }
.yl-FwCondd { float: left; }
.yl-FwCondd ul { float: left; }
.yl-FwCondd ul li { width: 100%; height: 180px; padding: 1px; background: #7373EB; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; }
.yl-FwCondd ul li div { width: 28px; height: 28px; background: #fff; color: #7373EB; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; line-height: 28px; margin: 20px auto 0; font-size: 16px; }
.yl-FwCondd ul li h3 { font-size: 16px; font-weight: bold; margin-top: 12px; }
.yl-FwCondd ul li p { margin: 10px auto 0; }
.peoples { padding: 3% 0 2%; }
.ctt .scrCon a { cursor: default; -webkit-transition: 0.5s all; outline: none; box-sizing: border-box }
.ctt .btns { line-height: 60px; display: inline-block; text-align: center; font-size: 20px; border-radius: 50px; margin: 3% 20px; padding: 0 85px; }
.ctt .btn_app { border: 1px solid #867fc2; color: #867fc2; font-size: 14px; margin: 0; line-height: 34px; width: 118px; padding: 0; }

@media (min-width: 992px) {
 .col-md-4 { width: 33.33333333%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
}
@media (max-width: 991px) {
 .screen_m { display: none; }
 .screen_r { text-align: left; }
}

.title_com { padding: 50px 0; }
.col-title_p { display: flex; justify-content: center; background: url(../images/gang.jpg) no-repeat bottom center; }
.title-desc { text-align: center; margin-top: 14px; font-size: 16px; color: #333; }
.col-title { text-align: center; font-size: 36px; color: ##222; margin-bottom: 1px; border-bottom: 1px solid #afafaf; padding: 0 10px; padding-bottom: 14px; /* display: block; */ }
.service_list { width: 100%; height: auto; padding-bottom: 50px; }
.service_list li { position: relative; float: left; width: 33.33%; height: 245px; }
.service_link { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.service_link a { display: block; width: 100%; height: 100%; }
.service_icon { margin: 40px auto 10px auto; width: 80px; height: 80px; border: solid 1px #fff; border-radius: 1000px; }
.service_icon img { margin: 15px; width: 50px; height: 50px; }
.service_title { text-align: center; font-size: 30px; color: #fff; }
.service_desc { text-align: center; font-size: 16px; color: #e4e4e4; }
.service_list2 { width: 100%; }
.service_list2 li { float: left; margin-right: 100px; width: 100px; text-align: center; line-height: 36px; font-size: 24px; color: #000; }
.service_list2 li p { font-size: 14px; color: #666; }
.fwdz{ padding-bottom:80px;}
.fwdz .fw_link { display: inline-block; font-size: 14px; color: #867fc2; width: 95%; border: 1px solid #867fc2; border-radius: 20px; }


.part6 { background-image: url(../images/part6.png); background-repeat: no-repeat; background-position: center 0;  height: 289px; }
.part6 .container { position: relative; height: 100%; width:1200px; }
.part6 .container .block { position: absolute; left: 500px; top: 110px; }
.part6 .container .block li { height: 35px; line-height: 35px; font-size: 16px; color: #ffffff; }
.part6 .container .block li input { margin-right: 10px; width: 18px; height: 18px; vertical-align: middle; background: url(radio_icon.png) no-repeat 0 0; -webkit-appearance: none; }
.part6 .container .block li input:checked { background: url(radio_icon.png) no-repeat 0 -38px; }
.part6 .container .block li.active { color: #ff9724; }
.part6 .container .foot_form { position: absolute; right: 70px; top: 50px; width: 540px; height: 120px; }
.part6 .container .foot_form .left { width: 400px; float: left; }
.part6 .container .foot_form input { width: 387px; height: 50px; line-height: 50px; padding: 0; border: none; border-radius: 3px; padding-left: 15px; box-sizing: border-box; background-color: #9966dc; color: #fefeff; float: left;}
.part6 .container .foot_form input::placeholder { color: #fefeff; }
.part6 .container .foot_form .right { width: 120px; height: 120px; float: right; }
.part6 .container .foot_form .right button { width: 120px; height: 120px; color: #ffffff; background: -webkit-linear-gradient(left, #8d4eff, #b382ff); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #8d4eff, #b382ff); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #8d4eff, #b382ff); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #8d4eff, #b382ff); /* 标准的语法 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8d4eff,endColorstr=#b382ff,grandientType=1); border-radius: 4px; font-size: 20px; border: none; border-radius: 3px; line-height: 25px; }
.part6 .pb20 { padding-bottom: 20px; }
.part6 .t_c{ color:#fff;}


.hotservice-content { background: url('../images/aa14.jpg') center no-repeat; background-size: 100% 100%; height: 556px }
.hotservice-content .content { width: 1200px; height: 556px; position: relative; margin: 0 auto; text-align: center; padding-top: 40px }
.hotservice-content .content .title { margin:0; padding:0; font-size: 30px; font-family: HYTieXianHei-GEJ; font-weight: 700; margin-bottom: 50px }
.hotservice-content .content .title .span1 { color: #fff; font-weight: 700; font-size: 30px; }
.hotservice-content .content .title .span2 { float:none; width:auto; margin-top: 20px; font-size: 18px; font-family: PingFang-SC-Regular; font-weight: 400; color: #fff }
.hotservice-content .content .ser-content { width: 1200px; height: 328px; position: relative; margin: 0 auto; clear: both }
.hotservice-content .content .ser-section { width: 230px; height: 325px; float: left; background: #fff; margin-right: 12px; border: 1px solid #f1f1f1; padding: 0 8px }
.hotservice-content .content .ser-section .ser-title { text-align: left; margin-top: 20px; margin-left: 6px }
.hotservice-content .content .ser-section .ser-title .span-b { border-left: 2px solid #f1c573; color: #333; display: inline-block; height: 25px; line-height: 25px; padding-left: 8px; width: 100%; font-size: 24px; cursor: pointer; text-decoration: none }
.hotservice-content .content .ser-section .ser-pub-title { text-align: left; color: #999; font-size: 14px; margin-left: 6px; margin-top: 15px }
.hotservice-content .content .ser-section .btn-list { margin-top: 12px; clear: both }
.hotservice-content .content .ser-section .btn-list .btn-section { width: 104px; height: 36px; display: inline-block; border: 1px solid #f1f1f1; line-height: 36px; text-align: center; text-decoration: none; float: left; margin-top: 10px; font-size: 14px; color: #333 }
.hotservice-content .content .ser-section .btn-section:nth-child(odd) { margin-left: 0 }
.hotservice-content .content .ser-section .btn-section:nth-child(even) { margin-left: 4px }
.hotservice-content .content .ser-section .ser-btn-publish { width: 212px; height: 56px; line-height: 56px; color: #fff; font-size: 18px; text-align: center; background: #d09e49; position: absolute; bottom: 18px }
.hotservice-content .content .ser-section:last-child { margin-right: 0 }
.hotservice-content .content .ser-section:hover .ser-pub-title { color: #fff }
.hotservice-content .content .ser-section:hover { cursor: pointer }
.hotservice-content .content .ser-section:hover .btn-section { border: 1px solid #f1f1f1; color: #fff }
.hotservice-content .content .ser-section:hover .span-b { color: #f1c573 }
.hotservice-content .content .ser-section:hover { background: url('../images/aa15.png') center no-repeat }
.hotservice-content .content .ser-section:hover .ser-btn-publish { background-color: #d09e49 !important }
.hotservice-content .content .btn-section:hover { border: 1px solid #d09e49 !important; color: #f1c573 !important }
.advantage-content .content { width: 100%; background: url('../images/aa16.png') no-repeat center 0; background-size: auto 100%; position: relative; height: 848px; text-align: center; padding-top: 38px }
.advantage-content .content .title { margin:0;  padding:0; font-size: 30px; font-family: HYTieXianHei-GEJ; font-weight: 700; color: #fff; margin-bottom: 50px }
.advantage-content .content .title .span1 { font-weight: 700; font-size: 30px; }
.advantage-content .content .title .span2 { float: none; width: auto; margin-top: 20px; font-size: 18px; font-family: PingFang-SC-Regular; font-weight: 400; color: #fff }
.advantage-content .app-more{ display:inline-block; width:186px; height:55px; position:absolute; left:50%; margin-left:-93px; bottom:10px;}
.advantage-content .app-more a { display: block; width: 100%; height: 55px; line-height: 55px; border: 1px solid #d3a0ff; color: #d3a0ff ; font-size:20px; border-radius:20px; }

.service_case .app-more{text-align:center;padding-top:20px; padding-bottom:50px;}
.service_case .app-more a { display: inline-block;box-sizing:initial; width: 186px; height: 55px; line-height: 55px; border: 3px solid #d3a0ff; color: #d3a0ff; font-size: 20px; border-radius: 20px; text-align: center; }

.eight_safeguard { width: 100%;  background: #f9f9f9; overflow: hidden; }
.eight_safeguard .title { font-size: 24px; color: #333; margin-bottom: 0px; line-height: 130px; position: relative; margin-left: 10px; text-align: left; }
.eight_safeguard .title:before { content: ""; position: absolute; width: 3px; height: 24px; background: #20B09F; left: -10px; top: 53px; }
.eight_safeguard .title span { color: #20b09f; }
.eight_safeguard ul { width: 100%; overflow: hidden; }
.eight_safeguard ul li { width: 586px; height: 110px; box-sizing: border-box; border: 1px solid #e5e5e5; margin-right: 28px; margin-bottom: 20px; float: left; background: #fff; }
.eight_safeguard ul li:nth-child(even) { margin-right: 0px; }
.eight_safeguard ul li .img-block { width: 56px; margin: 0px 20px 0px 30px; }
.eight_safeguard ul li .item-s-r { flex: 1; }
.eight_safeguard ul li .item-title { font-size: 18px; color: #333; margin-bottom: 8px; }
.eight_safeguard ul li .item-p { font-size: 12px; color: #666666; line-height: 20px; }
.eight_safeguard ul li .item-p span { color: #20B09F; }
.eight_safeguard .app-more { text-align: center; padding-top: 30px; padding-bottom: 50px; }
.eight_safeguard .app-more a { display: inline-block; box-sizing: initial; width: 186px; height: 55px; line-height: 55px; border: 3px solid #d3a0ff; color: #d3a0ff; font-size: 20px; border-radius: 39px; text-align: center; }

.zx_tab.dycs { background: #fecfb3 } 
.zx_tab.dycs .icon1{ width:100%; margin-top:5px}
.zx_tab.dycs .icon1 img{max-width:100%}
.zx_tab.dycs .zx_alink {  margin-top: 15px }
.dysc-more { text-align: center; padding-top: 40px; padding-bottom: 50px; }
.dysc-more a { display: inline-block; box-sizing: initial; width: 186px; height: 55px; line-height: 55px; color: #fff; font-size: 20px;  text-align: center; background: -webkit-linear-gradient(left, #e46226, #fb8e3c); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #e46226, #fb8e3c); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #e46226, #fb8e3c); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #e46226, #fb8e3c); /* 标准的语法 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e46226,endColorstr=#fb8e3c,grandientType=1); }


.dycs_fangan { width: 968px; text-align: center; margin: 0 auto; padding-bottom: 50px }
.dycs_fangan .tit { font-size: 42px; font-weight: bold; padding: 20px 0 }
.dycs_fangan .nr { width: 968px; border: 7px solid #40dfb7 }
.dycs_fangan .nr table { width: 100%; height: 70px; }
.dycs_fangan .nr table td { vertical-align: middle; }
.dycs_fangan .nr .zx_tab .ipt_k { margin: 0; font-size: 20px; }
.dycs_fangan .nr .zx_tab .ipt_k .w1 { padding-left: 20px; }
.dycs_fangan .nr .zx_tab .ipt_k .ipt1 { padding-left: 80px; }
.dycs_fangan .nr .zx_tab .ipt_k .ipt2 { padding-left: 120px; }
.dycs_fangan .nr .zx_tab .ipt_k input { background: none; font-size: 20px; }
.dycs_fangan .nr .zx_tab .zx_alink { margin: 0; display: inline-block; font-size: 20px; color: #fff; }



.text-center{ text-align:center;}
.landing-page .navy-line { width: 60px; height: 1px; margin: 60px auto 0; border-bottom: 2px solid #f7aa47; }
.landing-page h1, .landing-page h2 { margin-top: 10px; font-size: 30px; font-weight: 500; line-height: 50px; }
.landing-page p { color: #999; font-size: 14px; }
.table-box { padding-left: 410px; margin: 0 auto; background: url(../images/yewu_bg.jpg) no-repeat #2b6a96; height: 508px; }
.table-box ul { height: 118px; width: 100%; color: #fff; }
.table-box ul li { cursor: pointer; text-align: center; border-bottom: 1px solid #f7aa47; float: left; width: 33.3%; height: 117px; line-height: 20px; position: relative; overflow: hidden; }
.table-box ul li label { display:block; margin-top: 30px; margin-bottom: 13px; max-width: 100%; }
.table-box ul li label i { font-size: 34px !important; }

.table-box > ul > li > p { margin-top: 0; font-size: 15px; color: #fff; }
.table-box ul li:hover, .table-box > ul > li.active { background: #f7aa47; }
.table-box .table { display: block; height: 302px; padding: 10px 34px 45px 53px; width: 100%; margin-bottom: 28px; max-width: 100%; }
.table-box .table ul li { float: left; cursor: pointer; width: 144px; height: 144px; overflow: hidden; transition: .6s; transition-timing-function: linear; margin: 14px 10px; border: 1px solid transparent; }
.table-box .table ul li .ico { width: 144px; height: 144px; transition: .6s; transition-timing-function: linear; margin-top: 30px; margin-bottom: 13px; }
.ss-icon-bg { width: 76px; height: 76px; font-size: 40px; line-height: 76px; border-radius: 50%; display: block; background: #d9e4e8; color: #ff5353; }
.ico i { color: #ffffff8a; border: 1px solid #ededed; }
.ico i.ss-icon-bg { width: 70px !important; height: 70px !important; line-height: 70px !important; background: transparent; margin: 0 auto; font-family: zerocons !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.ico i:before { font-size: 24px; vertical-align: middle; margin-top: -6px; }
.table-box ul li p { font-size: 15px; color: #fff; margin-top: 16px; }
.table-box .table ul li .text { transform: scale(0,1); width: 138px; height: 138px; transition: .6s; transition-timing-function: linear; padding: 17px 18px; border-radius: 50%; background: #fff; text-align: center; margin: 2px 0 0 2px; font-size: 12px; overflow: hidden; color: #000; }
.table-box .table ul li .text h3 { font-size: 16px; color: #f7aa47; margin-bottom: 13px; line-height: 16px; margin-top: 5px; font-weight: 600; }
.pace-done li.active { -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.table-box .table ul li:hover { border: 1px solid #fff; border-radius: 50% }
.table-box .table ul li:hover .ico { display: none }
.table-box .table ul li:hover .text { transform: scale(1,1) }
.hide { display: none !important; }
@font-face { font-family: zerocons; src: url(//at.alicdn.com/t/font_76931_uwmxwc8n93k.eot?t=1547191285405); src: url(//at.alicdn.com/t/font_76931_uwmxwc8n93k.eot?t=1547191285405#iefix) format('embedded-opentype'),url(//at.alicdn.com/t/font_76931_uwmxwc8n93k.woff?t=1547191285405) format('woff'),url(//at.alicdn.com/t/font_76931_uwmxwc8n93k.ttf?t=1547191285405) format('truetype'),url(//at.alicdn.com/t/font_76931_uwmxwc8n93k.svg?t=1547191285405#zerocons) format('svg') }
.zerocons { font-family: zerocons !important }
@font-face { font-family: zc; src: url(//at.alicdn.com/t/font_479702_vmhxufvfvki.eot?t=1551537587517); src: url(//at.alicdn.com/t/font_479702_vmhxufvfvki.eot?t=1551537587517#iefix) format('embedded-opentype'),url(//at.alicdn.com/t/font_479702_vmhxufvfvki.woff?t=1551537587517) format('woff'),url(//at.alicdn.com/t/font_479702_vmhxufvfvki.ttf?t=1551537587517) format('truetype'),url(//at.alicdn.com/t/font_479702_vmhxufvfvki.svg?t=1551537587517#zc) format('svg') }
.zc { font-family: zc !important }
.icon-dianpu:before { content: "\e60f"; }
.icon-code1:before { content: "\eb9f"; }
.zc-sheji:before { content: "\e66b" }
.zc-xiangqing:before { content: "\e665" }
.zc-haibao:before { content: "\e66c" }
.zc-tupian:before { content: "\e667" }
.zc-_huaban:before { content: "\e669" }
.zc-dianshang:before { content: "\e661" }
.zc-weibiaoti-:before { content: "\e66d" }
.zc-daiyunying:before { content: "\e65f" }
.zc-pinpai1:before { content: "\e66e" }
.zc-chanpinnormal:before { content: "\e71e" }
.zc-zu:before { content: "\e6ae" }
.zc-kefu:before { content: "\e7a6" }
.zc-yunying1:before { content: "\e672" }
.zc-icon-shoot:before { content: "\e678" }
.zc-fuwuqi:before { content: "\e676" }
.zc-yingxiao1:before { content: "\e674" }
.zc-xinwen:before { content: "\e675" }
.zc-jingjia:before { content: "\e670" }
.zc-seo:before { content: "\e677" }
.zc-toutiao:before { content: "\e68b" }
.zc-xinxiliu:before { content: "\e681" }
.zc-ziyuan:before { content: "\e63e" }
.zc-daiyunying1:before { content: "\e69d" }
[class*=" icon-"]:before, [class^=icon-]:before { font-family: zerocons; font-style: normal; font-weight: 400; speak: none; display: inline-block; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: .2px; -moz-osx-font-smoothing: grayscale; }
[class*=" zc-"]:before, [class^=zc-]:before { font-family: zc; font-style: normal; font-weight: 400; speak: none; display: inline-block; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: .2px; -moz-osx-font-smoothing: grayscale; }

.pp_fangan { width: 580px;  margin:0 auto; padding: 0 70px; margin-top:30px; padding-bottom:50px }
.pp_fangan .tit { color: #fff; font-size: 30px; padding: 20px 0 }
.pp_fangan .zx_tab { height: auto; }
.pp_fangan .ipt_txt { padding-top: 20px; }
.pp_fangan .ipt_txt input { width: 60%; height: 35px; line-height: 35px; padding: 0 20px; font-size: 18px;  outline: 0; border: 1px solid #c7c7c7;}
.pp_fangan .ipt_txt2 { padding-top: 10px; }
.pp_fangan .ipt_txt2 a { display: inline-block; border: 1px solid #fff; color: #fff; border-radius: 25px; padding: 0 30px; font-size: 18px; }
h3 p.f_title { line-height: 0.9; } 
h3 span.line { display: block; height: 1px; width: 100px; }

.cl_box { position: relative; z-index: 9; }
.cl_con01 { min-height: 260px; background:#f6f6f6 url(../images/brand_bg.png) no-repeat -300px 50px; z-index: 1; padding-bottom:80px; }
.cl_con01 .cl_c01_bg { width: 100%; position: absolute; top: 0px; right: 0px; bottom: 0px; background: #f6f6f6; z-index: 0; }
.cl_con01 h3 { z-index: 5; text-align: center; width: 840px; margin: 80px auto 0; position: relative; }
.cl_con01 h3 p { color: #000; }
.cl_con01 h3 span.line { margin-left: auto; margin-right: auto; width: 100px; background: #262626; }
.cl_con01 .p { position: relative; z-index: 5; text-align: center; width: 840px; margin-left: auto; margin-right: auto; color: #7d7d7d; }
.brand_con01 .commer_c01_bg { position: absolute; z-index: 2; height: 0; padding-bottom: 30%; width: 69%; bottom: 0; left: 0px; clip: rect(0px, 1920px, 1000px, 0px); background-size: cover !important; }
.brand_con01 .commer_c01_bg.commer_ani { -webkit-animation: animateOne linear 4s; -ms-animation: animateOne linear 4s; animation: animateOne linear 4s; }
.fnt_40 { font-size: 40px; line-height: 1.3; }
.fnt_16 { font-size: 16px; line-height: 1.5; }
.mt_40 { margin-top: 40px; }
.mt_30 { margin-top: 30px; }
@media only screen and (max-width: 1400px) {
 .fnt_40 { font-size: 30px; }
}
@media only screen and (min-width: 1950px) {
 .brand_con01 .commer_c01_bg { width: 62%; padding-bottom: 27%; clip: rect(0px, 1920px, 1000px, 0px); }
}

@media only screen and (max-width: 1440px) {
 .brand_con01 .commer_c01_bg { width: 87%; padding-bottom: 40%; }
}

@media only screen and (max-width: 1200px) {
 .cl_con01 { height: 550px; }
 .cl_con01 h3 { margin-top: 150px; }
}

@media only screen and (max-width: 900px) {
 .cl_con01 { height: 400px; }
 .cl_con01 .p { width: 100%; box-sizing: border-box; padding: 0 20px; }
 .cl_con01 h3 { margin-top: 80px; width: 100%; }
}

@media only screen and (max-width: 767px) {
 .cl_con01 { position: relative !important; height: auto; padding-bottom: 90px; }
 .cl_con01 h3 { margin-top: 40px; }
 .cl_con01 .p br { display: none; }
}

.section03 { padding: 112px 40px 145px; background: #fff; }
.section03 .inner { margin: 0 auto; max-width: 1190px; }
.section03 .inner .textBox { margin-top: 172px; float: left; }
.section03 .inner .textBox .ttl { margin: 0 0 72px; color: #000; font-size: 30px; line-height: 1.2; }
.section03 .inner .textBox .ttl span { margin: 17px 0 0 -5px; display: block; font-size: 60px; font-weight: bold; }
.section03 .inner .textBox .text { padding: 0 20px; display: inline-block; color: #fff; font-size: 18px; line-height: 40px; border-radius: 20px; background: #000; }
.section03 .inner .img { margin-right: 3px; float: right; }
@media (max-width: 1440px) {
 .section03 { padding: 112px 100px 145px; }
}
@media (max-width: 1200px) and (min-width: 768px){
 .section03 .inner .img { float: none; text-align: center; }
}
.items-custom-design { height: 560px; background: url(../images/xys_one_4.png) no-repeat center; overflow: hidden; }
.items-custom-design .items-title { font-size: 24px; margin-top: 65px; text-align:center; }
.main-color { color: #20b09f; }
.items-custom-design .img-block { margin-top: 40px; }
.items-custom-design .items-btn { text-align: center; margin-top: 32px; }
.items-custom-design .items-a { display: inline-block; border: none; padding: 0; background-color: #fff; color: #20b09f; border: 1px solid #20b09f; box-sizing: border-box; text-align: center; width: 175px; height: 46px; line-height: 46px; font-size: 18px; background-color: transparent; }
.items-custom-design .items-a:hover { background-color: #20B09F; color: #fff; }

.part6.dysc{ background-image:url(../images/part6_2.png);}
.part6.dysc .container .foot_form input { background: #f0874e;}
.part6.dysc .container .foot_form .right button { background: -webkit-linear-gradient(left, #fe9b35, #ffbe7a); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #fe9b35, #ffbe7a); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #fe9b35, #ffbe7a); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #fe9b35, #ffbe7a); /* 标准的语法 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fe9b35,endColorstr=#ffbe7a,grandientType=1); }


.ppwz-more { text-align: center; padding-top: 40px; padding-bottom: 50px; }
.ppwz-more a { display: inline-block; box-sizing: initial; width: 186px; height: 55px; line-height: 55px; color: #fff; font-size: 20px; text-align: center; border: 3px solid #fff; padding: 0 30px; border-radius: 30px; }
.ppwz-more2{ text-align: center; padding-top: 40px; padding-bottom: 50px; }
.ppwz-more2 a { display: inline-block; box-sizing: initial; width: 186px; height: 55px; line-height: 55px; color: #fff; font-size: 20px; text-align: center; background: #1fb09f; padding: 0 30px; border-radius: 30px; }
.proxy_process.ppwz { background: #3ba1f3 }
.proxy_process.ppwz .proxy_process_list_top { color: #3ba1f3 }
.proxy_process.ppwz .proxy_process_list_top:hover { color:#fff }
.proxy_process.ppwz .proxy_process_list_top:before { background: #3ba1f3 ; color:#fff;}


/*通用类*/
*{
	margin:0;
	padding:0;	
}
body{		
	min-width:1180px;
	margin:0 auto;
	font-size:14px;	
	background:#fff;
	text-align:justify;	
	color:#000;
}
h1,h2,h3{	
	font-weight:500;	
}
img{
	border:none;	
}
a{
	cursor:pointer;
	color:#000;
	text-decoration:none;	
	outline:none;
}
a:hover{
	color:#1a1a1a;	
}
ul{
	list-style-type:none;	
}
em{
	font-style:normal;	
}
.lt{
	float:left;	
}
.rt{
	float:right;	
}
input.sub,label{
	border:none;	
	cursor:pointer;
}
select {
	 appearance:none; 
    -moz-appearance:none; 
    -webkit-appearance:none;
}

table{
	border-collapse:collapse;	
}
table td,table th{
	padding:0;	
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
    color:#515151;
}
input::-moz-placeholder,textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#515151;
}
input:-moz-placeholder,textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#515151;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:#515151;
}
div.clear{
	font: 0px Arial; line-height:0;
	height:0; 
	overflow:hidden;	
	clear:both;	
}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.line5{
	font-size:1px;height:5px;width:100%;clear:both;	
}
.line10{
	font-size:1px;height:10px;width:100%;clear:both;	
}
.line20{
	font-size:1px;height:20px;width:100%;clear:both;	
}
.line50{
	font-size:1px;height:50px;width:100%;clear:both;	
}
.line150{
	font-size:1px;height:150px;width:100%;clear:both;	
}
.show {
	display:block !important;
}

/*wrapin 主体容器宽度*/
.wrapin{
	width:1180px;
	margin-left:auto;
	margin-right:auto;
}

/*公用CSS 开始*/
.footer {
	background:#111;
	padding:10px 0;
}
.footer .fot_tit {
	height:100px;
	line-height:100px;
	color:#fff;
	border-bottom:1px dashed #888;
}
.footer .fot_tit h3 {
	font-size:18px;
	background:url(../images/fon_icon1.png) no-repeat center left;
	padding-left:35px;
	display:inline-block;
}
.footer .fot_tit .btn {
	width:85px;
	height:30px;
	border:1px solid #fff;
	display:inline-block;
	float:right;
	line-height:30px;
	text-align:center;
	color:#fff;
	margin-top:33px;
}
.footer .fot_tit .btn:hover {
	background:#fff;
	color:#333;
}
.fot_company {
	padding:25px 0;
	border-bottom:1px dashed #888;
}
.fot_company li {
	width:25%;
	float:left;
}
.fot_company li h3{
	height:40px;
	line-height:40px;
	color:#fff;
	font-size:16px;
	background:url(../images/fon_icon2.png) no-repeat center left;
	background-size:13px auto;
	padding-left:25px;
}
.fot_company li .int {
	margin-top:5px;
	color:#888;
	line-height:24px;
}
.fot_company li .int span {
	float:left;
	width:75px;
	text-align:right;
}
.fot_company li .int p {
	float:left;
}
.fot_button {
	padding:40px 0;
}
.fot_button .fot_nav {
	min-height:300px;
	width:740px;
	border-right:1px solid #888;
	float:left;
}
.fot_button .fot_nav li {
	width:25%;
	float:left;
	margin-top:10px;
}
.fot_nav li h3 {
	height:40px;
	line-height:40px;
	font-size:16px;
}
.fot_nav li h3 a {
	color:#fff;
}
.fot_nav li p {
	height:30px;
	line-height:30px;
	font-size:12px;
}
.fot_nav li p a {
	color:#888;
}
.fot_logo {
	width:365px;
	float: right;
}
.fot_logo img {padding: 15px 0;}
.fot_logo .Tel {
	font-size:47px;
	color:#787878;
}
.fot_logo .ft_icon {
	padding:30px 0;
}
.fot_logo .ft_icon li {
	display:inline-block;
	margin-left:15px;
}
.fot_logo .ft_icon .wx {
	background:url(../images/fon_icon3.png) no-repeat center top;
	width:23px;
}
.fot_logo .ft_icon .wb {
	background:url(../images/fon_icon4.png) no-repeat center top;
	width:23px;
}
.fot_logo .ft_icon .qq {
	background:url(../images/fon_icon5.png) no-repeat center top;
	width:23px;
}
.fot_logo .ft_icon .tx {
	background:url(../images/fon_icon6.png) no-repeat center top;
	width:23px;
}

.fot_logo .ft_icon .icon {
	height:20px;
	display:block;
	position:relative;
}
.wx_tc {
	position:absolute;
	width:100px;
	height:100px;
	top:100%;
	display:none;
}
.fot_logo .ft_icon .wx:hover .wx_tc {
	display:block;
}
.wx_tc img {
	width:100%;
	height:100%;
}
.fot_logo .ft_icon .icon:hover {
	background-position:center bottom;
}
.copyright {
	font-size:12px;
	color:#787878;
	line-height:25px;
}.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px; }
.pagination > li {
    display: inline; }
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #337ab7;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px; }
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px; }
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px; }
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eeeeee;
    border-color: #ddd; }
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default; }