﻿@charset "utf-8";
/* CSS Document */
img { vertical-align: top; }
a { transition:all 0.5s;}
body{min-width: 1400px!important;background: #fff;}
.wrap { overflow: hidden; }
.clear{clear: both;}
#content{zoom: 1;width: 100%;}
.row{width: 1400px; margin: auto; position: relative;} 
.row:after { content:""; clear:both; display:block; overflow:hidden;} 
 
/*-- All --*/ 
body{color:#333;text-align:center;font:normal 15px/200% "Microsoft YaHei",宋体,Tahoma,Helvetica,Arial,sans-serif;min-width: 1200px;}
.siteWidth {max-width: 1400px;min-width: 1200px;margin: 0 auto;text-align: left;position: relative;}
#header{display: none;}
#headerChannel{ position:relative; width:100%; height: 720px; background: url(images/banner.jpg) no-repeat center bottom; background-size: cover; overflow: hidden; }
#headerChannel .logo{display:block;float: left;overflow:visible;margin: 41px 0 100px;}
#headerChannel .logo img { width: 238px;height: 50px;} 
#headerChannel .links {height: 36px;position: absolute;top: 48px;right: 0;}
#headerChannel .links a { height:36px;background: none; border-radius: 18px;line-height: 36px;text-align: center;color: #fff;font-size: 16px; float:left; padding:0 1.5em;margin-left:10px;background-color: rgba(0, 0, 0, 0.34);}
#headerChannel .links a:hover { background-color: #8f58fd;}

#headerChannel .con { position: absolute; left: 0; top: 205px; right: 0; line-height: 1.3; color: #fff; text-align: left;display: flex;justify-content: space-between;}
#headerChannel .con h1 { font-size: 80px; font-weight: bold; line-height: 120px;}
#headerChannel .con h3 { margin-bottom: 17px; font-size: 50px; font-weight: bold; }
#headerChannel .con .intro {font-size: 18px; color: #fff;line-height: 32px;margin: 14px 0 0 10px;text-align: left;}
#headerChannel .con .left_box,#headerChannel .con .right_box{margin: 0;flex: 1;}



/* new */
.top_p{width: 1400px;height: 36px;line-height: 36px;margin: 0 auto 50px;position: relative;text-align: center;font-size: 20px;}
.flex_box{display: flex;justify-content: space-between;}
.flex_box img{margin: auto 0;}
.flex_box .con{margin: auto 0;width: 1050px;}
.flex_box .con p{line-height: 32px;font-size: 16px;text-indent: 2em;text-align: justify;}
.pub_hd{height: 48px;display: flex;justify-content: center;margin-bottom: 20px;}
.pub_hd h3{height: 48px;line-height: 48px;margin: auto 24px;font-size: 40px;font-weight: 700;color: #4A00E0;}
.pub_hd .left_line,.pub_hd .right_line{height: 48px;width: 48px;position: relative;margin: auto 0;}
.pub_hd .left_line{background: url(images/left_hd.png) right center no-repeat;}
.pub_hd .right_line{background: url(images/right_hd.png) left center no-repeat;}


.rowA{padding: 43px 0;background: url(images/rowA_bg.png) center no-repeat;}
.rowB{padding: 100px 0;}
.rowB .pub_hd{margin-bottom: 44px;}
.rowB .text_p{text-align: center;height: 34px;line-height: 34px;font-size: 18px;margin-bottom: 52px;}
.rowB .flex_box{display: flex;justify-content: space-between;}
.rowB .flex_box .left_box{width: 570px;}
.rowB .flex_box .left_box li{margin-bottom: 30px;line-height: 30px;padding: 23px 20px 23px 58px;border-radius: 106px 0 0 106px;text-align: justify;background: url(images/left_box_bg.png) left center no-repeat;position: relative;}
.rowB .flex_box .left_box li:last-child{margin: 0;}
.rowB .flex_box .right_box{width: 570px;}
.rowB .flex_box .right_box li{margin-bottom: 30px;line-height: 30px;padding: 23px 20px 23px 58px;border-radius: 0 106px 106px 0;text-align: justify;background: url(images/right_box_bg.png) left center no-repeat;position: relative;}
.rowB .flex_box .right_box li:last-child{margin: 0;}
.rowB .flex_box .left_box li em,.rowB .flex_box .right_box li em{display: block;width: 18px;height: 18px;background: url(images/error_icon.png) center no-repeat;position: absolute;top: 30px;left: 30px;}
.down_img{display: block;margin: 0 auto 28px;}
.down_p{padding: 22px 40px;font-size: 18px;text-align: justify;background-color: #5213D2;line-height: 34px;color: #fff;border-radius: 112px;text-indent: 2em;}

.pub_row{padding: 100px 0;}
.pub_row.hasbg{background-color: #F5F3FF;}
.pub_row .pub_hd2{display: flex;height: 60px;line-height: 60px;justify-content: center;margin-bottom: 40px;}
.pub_row .pub_hd2 i{display: flex;width: 60px;height: 60px;border-radius: 50%;background-color: #4A00E0;margin-right: 20px;}
.pub_row .pub_hd2 i img{margin: auto;}
.pub_row .pub_hd2 p{font-weight: 700;font-size: 40px;color: #4A00E0;}
.pub_row .text_p{line-height: 34px;text-align: center;font-size: 18px;}
.pub_row .text_p2{line-height: 34px;text-align: justify;font-size: 18px;text-indent: 2em;width: 1200px;margin: auto;}
.jk_ul{display: flex;width: 860px;margin: auto;justify-content: space-between;}
.pub_img,.jk_ul{margin-top: 35px;}
.jk_ul li{display: flex;width: 78px;height: 81px;border: 1px solid #DDDDDD;}
.jk_ul li img{margin: auto;}

#content #technicalSupport{background-color: #F8F8F8;padding: 100px 0;}
#technicalSupport .rowTi h2{font-size: 40px;color: #4A00E0;}
#content .techSupportList li{border-radius: 10px;}
#content .techSupportList li:hover {background: #4A00E0;}
#content .techSupportList li:hover a{background-color: transparent;}


#content .lxss{padding: 50px 0;background-color: #fff;}
#content .lxss .row{z-index:0; position:relative;}
#content .lxss a{position:relative; }
#content .lxss a,
#content .lxss a.sq{background-color:transparent; }
#content .lxss a::after{content:""; position:absolute; left:0px; top:0; right:0; bottom:0; display:block; background: #4A00E0; z-index:-1; border-radius:30px; transition:0.5s}
#content .lxss a:hover{background-color:#3c03af; box-shadow:none}







