@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:37px;background: none; border-radius: 18px;line-height: 40px;text-align: center;color: #fff;font-size: 16px; float:left; padding:0 1.5em;margin-left:10px;background-color: #0C49A3;box-shadow: 0px 3px 0px #33333370;}
#headerChannel .links a:hover { background: linear-gradient(180deg, #FFFFFF 0%, #CFE2FA 100%); color: #021FA4; }

#headerChannel .con { position: absolute; left: 0; top: 164px; 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{margin: 97px 0 0;flex: 1;}
#headerChannel .con .left_box{width: 800px;}



/* new */
.top_p{width: 1400px;height: 80px;line-height: 80px;border-radius: 10px;box-shadow: 1px 4px 5px #CCD8E4;background-color: #fff;margin: -40px auto 0;position: relative;z-index: 9;text-align: left;text-indent: 2em;font-size: 20px;}
.flex_box{display: flex;}
.pub_bg{background: url(images/pub_bg.png) center top no-repeat;}
.pub_hd{height: 40px;display: flex;justify-content: center;}
.pub_hd h3{height: 40px;line-height: 40px;margin: auto 25px;font-size: 40px;font-weight: 700;color: #0C53B3;}
.pub_hd .left_line,.pub_hd .right_line{height: 40px;width: 50px;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: 90px 0 100px;}
.rowA .pub_hd{margin-bottom: 45px;}
.rowA .text_box p{line-height: 34px;text-indent: 2em;font-size: 18px;text-align: justify;margin-bottom: 15px;}
.data_box{display: flex;justify-content: space-between;}
.data_box .left_box{width: 350px;margin: 52px 0 0;}
.data_box .center_box{width: 377px;height: 377px;background: url(images/gljz_bg.png) center no-repeat;margin: auto 0;display: flex;}
.data_box .right_box{margin: auto 0;flex: 1;}
.data_box .hd{height: 44px;border-bottom: 1px dashed #677DBC;margin-bottom: 18px;position: relative;}
.data_box .hd .line{width: 60px;height: 1px;border-bottom: 1px dashed #677DBC;right: -59px;position: absolute;bottom: -19px;transform: rotate(35deg);}
.data_box .hd h3{float: left;font-size: 24px;font-weight: 700;color: #677DBC;height: 43px;border-bottom: 2px solid #677DBC;}
.data_box .bd li{display: flex;margin-bottom: 24px;height: 22px;line-height: 22px;}
.data_box .bd li i{display: block;width: 5px;height: 5px;border: 1px solid #CCCCCC;border-radius: 50%;margin: auto 10px auto 0;}
.data_box .bd li span{margin: auto 0;font-size: 16px;}
.data_box .ul1{margin-bottom: 38px;}
.data_box .ul2 .hd{border-color: #66B37E;}
.data_box .ul2 .hd h3{border-color: #66B37E;color: #66B37E;}
.data_box .ul2 .hd .line{border-color: #66B37E;transform: rotate(-35deg);bottom: 17px;}
.data_box .ul3 .hd{border-color: #E39832;}
.data_box .ul3 .hd h3{border-color: #E39832;color: #E39832;}
.data_box .ul3 .hd .line{border-color: #E39832;transform: rotate(-35deg);left: -59px;right: auto;}
.data_box .center_box .con{width: 90px;margin: auto;}
.data_box .center_box .con p{line-height: 34px;text-align: center;font-size: 16px;font-weight: 700;}


.rowB{padding: 100px 0;background-color: #EFF3FF;}
.rowB .pub_hd{margin-bottom: 70px;}
.advantage_box{position: relative;}
.advantage_box .prev,.advantage_box .next{width: 10px;height: 19px;position: absolute;top: 45%;cursor: pointer;}
.advantage_box .prev{background: url(images/prev_icon.png) center no-repeat;left: 50px;}
.advantage_box .next{background: url(images/next_icon.png) center no-repeat;right: 50px;}
.advantage_box .prev:hover{background: url(images/prev_icon_on.png) center no-repeat;}
.advantage_box .next:hover{background: url(images/next_icon_on.png) center no-repeat;}
.advantage_box .hd{margin: 15px 0 44px;}
.advantage_box .hd ul{display: flex;justify-content: center;}
.advantage_box .hd ul li{width: 12px;height: 12px;background-color: #999999;margin: 0 5px;border-radius: 50%;cursor: pointer;}
.advantage_box .hd ul li.on{background-color: #E49E3E;}

.text_box li{line-height: 34px;margin-bottom: 14px;display: flex;border-bottom: 1px solid #D9D9D9;padding-bottom: 14px;}
.text_box li i{width: 20px;height: 20px;background: url(images/p_icon.png) center no-repeat;margin: 6px 11px 0 8px;}
.text_box li p{flex: 1;font-size: 18px;text-align: left;}
.text_box li:last-child{margin: 0;}

.rowC{padding: 100px 0;background-color: #F7F9FF;}
.rowC .pub_hd{margin-bottom: 60px;}

.rowD{padding: 100px 0;background-color: #fff;}
.rowD .pub_hd{margin-bottom: 65px;}

#content #technicalSupport{padding: 100px 0 70px;background-color: #EFF3FF;}
#content #technicalSupport .rowTi h2{font-size: 40px;font-weight: 700;color: #0C53B3;}
#content .techSupportList li a:hover {background-color: #1E5BB3 ;color: #fff;}

.users_box{height: 884px;}
.users_box .msg_box{width: 500px;text-align: center;margin: auto;position: relative;top: 320px;}
.users_box .msg_box .p1{color: #333;font-size: 24px;font-weight: 700;line-height: 1;}
.users_box .msg_box .p2{margin: 30px 0;color: #555;font-size: 20px;font-weight: 400;line-height: 34px;}
.users_box .msg_box .p2 em{color: #22468C;font-size: 34px;font-weight: 700;padding: 0 20px;}
.users_box .msg_box .p3{color: #555;font-size: 20px;font-weight: 400;line-height: 1;}
#content .lxss{padding: 53px 0;}
#content .lxss a{background-color: #3456A9;}