@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: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: #198E84;}
#headerChannel .links a:hover { background-color: #23A194;}

#headerChannel .con { position: absolute; left: 0; top: 205px; right: 0; line-height: 1.3; color: #fff; text-align: center;display: block;}
#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;}
#headerChannel .header_img{position: absolute;left: 0;right: 0;bottom: 0;margin: auto;}



/* 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 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: 60px;display: flex;justify-content: center;margin-bottom: 20px;}
.pub_hd h3{height: 60px;line-height: 60px;margin: auto 10px;font-size: 40px;font-weight: 700;color: #333;}
.pub_hd .left_line,.pub_hd .right_line{height: 60px;width: 24px;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;}

.pub_box h3{float: left;padding: 18px 40px;line-height: 32px;background: linear-gradient(to right,#1BB4A7,#42CCB2);border-radius: 10px 10px 0 0;font-size: 24px;color: #FFFFFF;font-weight: 700;position: relative;z-index: 9;box-shadow: 0 0 3px #D9F2EFD9;}
.pub_box .con{clear: both;padding: 30px 40px 30px 30px;border-top: 3px solid #1EB6A8;border-radius: 10px;box-shadow: 0px 0px 2px 2px #efefef;position: relative;top: -3px;}
.pub_box .con p,.pub_box2 .con2 p{font-size: 16px;line-height: 32px;padding-left: 30px;background: url(images/list_icon.png) 0 1px no-repeat;text-align: justify;margin-bottom: 10px;}
.pub_box .con p:last-child,.pub_box2 .con2 p:last-child{margin-bottom: 0;}
.pub_box .con img{display: block;margin: 29px auto 0;}

.pub_box2{margin-bottom: 30px;}
.pub_box2 h2{height: 52px;line-height: 52px;background-color: #F6FCF1;text-align: center;font-size: 20px;font-weight: 700;}
.pub_box2 .con2{padding: 30px 40px 30px 30px;position: relative;border: 1px solid #F3F8EF;}

.row_A{display: flex;justify-content: space-between;}
.row_A .left_text_box{width: 788px;}
.row_A .right_text_box{width: 498px;}
.row_A .right_text_box .pub_box2 .con2{height: 240px;}

.row_B{display: flex;justify-content: space-between;flex-wrap: wrap;}
.row_B .pub_box2{width: 640px;}
.row_B .pub_box2 .con2{display: flex;flex-wrap: wrap;}
.row_B .pub_box2 .con2 p{margin: auto 0;}
.row_B .box1 .con2{height: 64px;}
.row_B .box2 .con2{height: 170px;}
.row_B .box5 .con2{height: 96px;}


.rowA{padding: 30px 0 60px;}
.rowA .pub_hd{margin-bottom: 30px;}
.rowA .con p{text-align: justify;text-indent: 2em;font-size: 16px;line-height: 32px;margin-bottom: 18px;}
.rowA .con p:last-child{margin-bottom: 0;}

.rowB{padding: 50px 0 40px;background-color: #F7FBFA;}
.rowB .pub_hd{margin-bottom: 43px;}
.rowB .flex_box{flex-wrap: wrap;}
.rowB .flex_box li{width: 680px;margin-bottom: -13px;position: relative;}
.rowB .flex_box li p{height: 70px;line-height: 70px;border-left: 5px solid #16B9AA;background: linear-gradient(to right,#CDFEF5,#40C9B0);padding: 1px 5px 1px 0px;border-radius: 0 50px 50px 0;float: left;z-index: 9;position: relative;}
.rowB .flex_box li p span{display: block;background-color: #fff;font-size: 24px;font-weight: 700;padding: 0 40px 0 30px;border-left: 5px solid #CDFEF5;border-radius: 0 50px 50px 0;}
.rowB .flex_box li .con{padding: 50px 40px 30px 30px;background-color: #fff;border-radius: 10px;clear: both;position: relative;top: -35px;box-shadow: 0px 0px 2px 2px #efefef;display: flex;height: 96px;}
.rowB .flex_box li .con h3{font-size: 16px;line-height: 32px;padding-left: 30px;background: url(images/list_icon.png) 0 1px no-repeat;text-align: justify;margin: auto 0;}

.rowC{padding: 70px 0 57px;background-color: #fff;}
.rowC .pub_hd{margin-bottom: 63px;}
.rowC .row1{display: flex;justify-content: space-between;margin-bottom: 10px;}
.rowC .row1 .left_box,.rowC .row1 .right_box{width: 680px;}
.rowC .row1 .left_box .pub_box{margin-bottom: 30px;}
.rowC .row2,.rowC .row3,.rowC .row4{margin-bottom: 40px;}
.rowC .row2 .pub_box .con{padding: 50px 40px 0px;}
.rowC .row2 .pub_box .con .top_text{line-height: 32px;text-align: left;margin-bottom: 35px;font-size: 16px;}
.row2 .pub_box .con,.row3 .pub_box .con{padding: 30px 40px 0px 30px;}
.row3 .pub_box h3,.row5 .pub_box h3{float: right;}
.row3 .pub_box2 .con2{padding: 30px 25px 30px 22px;}




#content #technicalSupport{padding: 50px 0;background-color: #F7FBFA;}
#content #technicalSupport .rowTi h2{font-size: 40px;font-weight: 700;color: #333;}
#content .techSupportList li{border-radius: 10px;}
#content .techSupportList li:hover {background: linear-gradient(to right, #2ECAB7 0%, #28B9AA 100%);color: #fff;}
#content .techSupportList li:hover a{background-color: transparent;}
#content #technicalSupport .rowTi{display: none;}


#content .lxss{padding: 45px 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: #23A194; z-index:-1; border-radius:30px; transition:0.5s}
#content .lxss a:hover{background-color:#0a8578; box-shadow:none}