@charset "utf-8";
/* CSS Document */
img { vertical-align: top; }
a { transition:all 0.5s;}
body{min-width: 1400px;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:34px;background: none; border-radius: 18px;line-height: 34px;text-align: center;color: #fff;font-size: 16px; float:left; padding:0 1.5em;margin-left:10px;border: 1px solid #fff;}
#headerChannel .links a:hover { background: linear-gradient(180deg, #8FBAFB 0%, #1868DF 100%);border: none;}

#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: 710px;}
.flex_box .con p{line-height: 32px;font-size: 16px;text-indent: 2em;margin-bottom: 20px;text-align: justify;}
.flex_box .con p:last-child{margin: 0;}
.pub_bg{background: url(images/pub_bg.png) center top no-repeat;}
.pub_hd{height: 80px;display: flex;justify-content: center;margin-bottom: 20px;}
.pub_hd h3{height: 80px;line-height: 80px;margin: auto 35px;font-size: 40px;font-weight: 700;color: #333;}
.pub_hd .left_line,.pub_hd .right_line{height: 80px;width: 427px;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: 50px 0;background-color: #F7F9FF;}
.rowB{padding: 50px 0;background-color: #fff;}






#content #technicalSupport{padding: 50px 0;background-color: #F7F9FF;}
#content #technicalSupport .rowTi h2{font-size: 40px;font-weight: 700;color: #0C53B3;}
#content .techSupportList li{border-radius: 10px;}
#content .techSupportList li:hover {background: linear-gradient(to right, #A1C7FF 0%, #1465DE 100%);color: #fff;}
#content .techSupportList li:hover a{background-color: transparent;}
#content #technicalSupport .rowTi{display: none;}


#content .lxss{padding: 30px 0 50px;background-color: #F7F9FF;}
#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: linear-gradient(to right, #A1C7FF 0%, #1465DE 100%); z-index:-1; border-radius:30px; transition:0.5s}
#content .lxss a:hover{background-color:#1465DE; box-shadow:none}