body,dl,dt,uu,ul,ol,li,th,tr,td,p,form,img {margin:0;padding:0; border:0;}
ul,li {LIST-STYLE-TYPE: none;}
body{ font-size:14px; font-family:Arial, Helvetica, sans-serif;  background: url(../images/bg.png) repeat-x top #ffffff;}
a { color:#000018;text-decoration:none;}
a:hover {color:#03c0de; text-decoration:none;}
map area {outline: none;}
/*全局css*/
.clear {CLEAR: both; height:0;}
.h1px { height:1px; width:100%; clear:both;}
.h2px { height:2px; width:100%; clear:both;}
.h3px { height:3px; width:100%; clear:both;}
.h5px { height:5px; width:100%; clear:both;}
.h8px { height:8px; width:100%; clear:both;}
.h10px { height:10px; width:100%; clear:both;}
.h20px {height:20px; width:100%; clear:both;}
.h30px {height:30px; width:100%; clear:both;}
.h40px {height:40px; width:100%; clear:both;}
.h50px {height:50px; width:100%; clear:both;}
.h100px {height:50px; width:100%; clear:both;}
.box{ width:100%;}
.warp {width:1200px;max-width: 1200px; margin:0 auto;}
.fl { display:block; float:left;}
.fr { display:block; float:right;}
.header-top {height:40px; color:#ffffff;overflow:hidden;display: flex;justify-content: space-between;align-items: center}
.header {height:60px; overflow:hidden; }
.nav { width: auto; height:60px;}
.logo{ width:166px;height:60px;}
.topright a{ display:block; float:left; width:90px; height:40px; line-height:40px; text-align:center; color:#ffffff;}
.topright a:visited{ color:#ffffff; text-decoration:none;}
.topright a:hover{  color:#ffffff; text-decoration:underline;}
.topright a.on{ display:block; float:left; width:90px; height:40px; line-height:40px; text-align:center;color:#ffffff; background:#00aaff;}
.topright a.on:visited{ color:#ffffff; text-decoration:none;background:#00aaff;}
.topright a.on:hover{  color:#ffffff; text-decoration:underline;background:#00aaff;}
.youhuiquan { width:100% ; height: 150px;}
.youhuiquan li {float: left; width: 380px; margin: 10px; height: 130px;background: url(../images/quan.png) top center no-repeat;}
.yhq_left { width: 235px;float: left;}
.yhq_right { width: 145px;float: right;}
.yhq_title {margin: 5px auto; color:#000; font-size: 14px;text-align: center;width:180px; line-height: 30px;height: auto;}
.yhq_link {margin: 10px auto;border:2px solid #fff;color: rgb(255, 255, 255); font-size: 14px;text-align: center;width:80px; line-height: 25px;cursor: pointer;height: auto;border-radius: 10px;}
.yhq_link2 a{margin: 8px auto; background-color:#006aff; color: #fff; font-size: 14px;text-align: center;width:180px; line-height: 30px;height: 30px;display: block;border-radius: 10px;}
.yhq_link2 a:visited{ color: #fff; font-size: 14px;text-align: center;}
.yhq_link2 a:hover{ color: #fff; font-size: 14px;text-align: center;}
.yhq_con {margin: 0 auto; color: rgb(0, 0, 0); font-size: 14px;font-weight: bold;text-align: center; line-height: 30px;height: auto;}
.yhq_con span:nth-child(1) { font-size:30px ;color: rgb(255, 0, 0);}
.yhq_con span:nth-child(2){margin-left: 10px}
.yhq_time {margin-top: 20px;margin-left:5px;}
.yhq_time  p {color: rgb(255,255,255); font-size: 12px;font-weight:normal;height:20px;line-height: 20px;}
.topoutbox{ position:relative; height:540px;}
#bannerbox { width: 100%;position:absolute; z-index:0; }
.nav li { font-size:15px; line-height:58px; height:58px; width:120px; float:left; margin-right:10px; text-align:center; }
.nav li a { font-size:15px; line-height:58px; height:58px; display:block; width:100%; color:#ffffff;text-align:center;}
.nav li a.hot { background:url(../images/hot.png) 92px 30px no-repeat; }
.nav li a:visited {color:#ffffff; text-decoration:none;}
.nav li a:hover { font-size:15px; line-height:58px; height:58px; color:#fff;border-bottom:2px solid #00aaff;}
.nav li.on a { font-size:15px; line-height:58px; height:58px; color:#00aaff;text-align:center; border-bottom:2px solid #00aaff;}
.nav li.on a:visited {font-size:15px; line-height:58px; height:58px; color:#00aaff;text-align:center;border-bottom:2px solid #00aaff;}
.nav li.on a:hover { font-size:15px; line-height:58px; height:58px; color:#00aaff;border-bottom:2px solid #00aaff;}
.helpbox { height:480px; width:383px; border:1px solid #666666; float:left; margin: 5px}
.newslistbg {height:60px;width:355px;margin:0 auto;background:url(../images/newslistbg.png) top center no-repeat;  }
.newslistbg a {display: block;height:100%; line-height:60px;overflow: hidden; width:90%; color:#666666;  text-align:left;  font-size:16px; font-weight:normal;}
.newslistbg a:visited {color:#666666; text-decoration:none;}
.newslistbg a:hover{color:#00aaff; text-decoration:none;}
.subnav { width:100%; height:81px; background:url(../images/subnavbg.png) repeat-x top #fff; overflow:hidden;}
.subnav  a{ font-size:16px;  font-weight:normal; height:78px;color:#333333; line-height:90px; border-bottom:none; width:auto; float:left; margin-right:30px;}
.subnav  a:visited{ font-size:16px;color:#333333; font-weight:normal;   border-bottom:none;}
.subnav  a:hover{ font-size:16px;color:#00aaff; font-weight:bold;   border-bottom:3px solid #00aaff;}
.subnav  a.on{ font-size:16px; font-weight:bold;color:#00aaff; height:78px; line-height:90px; border-bottom:3px solid #00aaff; width:auto; float:left; margin-right:30px;}
.subnav  a.on:visited{ font-weight:bold;color:#00aaff;border-bottom:3px solid #00aaff;}
.subnav  a.on:hover{ font-weight:bold;color:#00aaff;border-bottom:3px solid #00aaff;}
.innerbg { background:url(../images/bg.jpg) top center no-repeat #ecf1f5;}
.innerbg2 { background:url(../images/bg2.jpg) top center no-repeat #ecf1f5;}
.probg { background:url(../images/pro_bg.png) top repeat-x #fff; height:auto;}
.probg2 { background:url(../images/pro_bg2.png) top repeat-x #f4f4f4; height:auto;}
.keyword_box { width:1200px; background:#fff; height:auto;}
.keyword_con { width:1200px; background:#fff; margin:0 auto; height:auto;}
.keyword { width:150px; float:left; text-align:center; line-height:50px;}
.bread { text-indent:40px; background: url(../images/local.png) left top no-repeat; line-height:30px; height:30px; font-size:18px; color:#333333;}
.bread a{ line-height:30px; height:30px; font-size:15px; color:#333333; }
.bread a:visited{ line-height:30px; height:30px; font-size:15px; color:#333333; }
.bread a:hover{ line-height:30px; height:30px; font-size:15px; color:#333333; }
.pronav {width:1200px; height: auto; overflow:hidden;}
.pronav li { float:left;  width:300px; height: auto; overflow:hidden; }
.pronav li a{ display:block; width:100%; height:58px; line-height:58px; color:#999999; font-size:16px; text-align:center; font-weight:bold; border-bottom:2px solid #ffffff; }
.pronav li a:visited{ display:block; width:100%; height:58px; color:#999999; line-height:58px; font-size:16px; text-align:center; font-weight:bold; border-bottom:2px solid #ffffff; }
.pronav li a:hover{ display:block; width:100%; height:58px; line-height:58px; color:#00aaff; font-size:16px; text-align:center; font-weight:bold; border-bottom:2px solid #00aaff; }
.pronav li.on a{ display:block; width:100%; height:58px; line-height:58px; color:#00aaff; font-size:16px; text-align:center; font-weight:bold; border-bottom:2px solid #00aaff; }
.pronav li.on a:visited{ display:block; width:100%; height:58px; line-height:58px; color:#00aaff; font-size:16px; text-align:center; font-weight:bold; border-bottom:2px solid #00aaff; }
.pronav li.on a:hover{ display:block; width:100%; height:58px; line-height:58px; color:#00aaff; font-size:16px; text-align:center; font-weight:bold; border-bottom:2px solid #00aaff; }
.solution_left { width:285px; height:546px; float:left;}
.solution_right { width:780px; height:546px; float:right; text-align:left;}
.solution_title { line-height:80px; height:80px; color:#FFF; font-size:36px; font-weight:normal; text-align:left;}
.solution_con {  line-height:25px; height: auto;color:#FFF; font-size:15px; font-weight:normal; text-align:left;}
.solution_link a{ display:block; width:350px;font-size:15px; height:40px;font-weight:normal; line-height:40px; overflow: hidden; text-align:center; border:1px solid #fff; color:#ffffff; background:#000; float:left; margin-right:20px; margin-bottom:20px;}
.solution_link a:visited{color:#ffffff; background:#000;}
.solution_link a:hover{color:#ffffff; background:#000;}
.solution_link a.but{ display:block; width:160px;font-size:15px; height:40px;font-weight:normal; line-height:40px; text-align:center; border:1px solid #fff; color:#ffffff; background:#000; float:left; margin-right:20px; margin-bottom:20px;}
.solution_link a.but:visited{color:#ffffff; background:#000;}
.solution_link a.but:hover{color:#ffffff; background:#000;}
.solution_left li { width:285px; padding-left:30px; height:90px; border-top:1px solid #333333; background:#000; line-height:20px; color:#fff; font-size:14px; font-weight:normal; color:#fff; }
.solution_left li a { font-size:16px;color:#fff; line-height:40px;}
.solution_left li a:visited { font-size:16px;color:#fff; line-height:40px;}
.solution_left li a:hover { font-size:16px;color:#fff; line-height:40px;}
.solution_left li.on { width:285px;padding-left:30px; height:90px; border-top:1px solid #00aaff; background:#00aaff; }
.solution_left li.on a {font-size:16px;color:#fff; line-height:40px;}
.solution_left li.on a:visited { font-size:16px;color:#fff; line-height:40px;}
.solution_left li.on a:hover { font-size:16px;color:#fff; line-height:40px;}
.conbox{ width:900px; background:#fff; float:left;}
.conbox_con{ width:860px; margin:0 auto; background:#fff; min-height:1250px;}
.conboxbig{ width:1200px; background:#fff; float:left;}
.conbox_conbig{ width:1160px; margin:0 auto; background:#fff; min-height:500px;}
.conbox_right { width:280px; height:auto; float:right;}
.conbox_r_link a{ width:280px; height:50px; display:block; background:#00c1de; font-weight:bold; line-height:50px; text-align:center; color:#fff; font-size:15px;}
.bigtitle { font-size:20px; font-weight:bold; text-align:left; line-height:60px; width:100%;}
.con { font-size:13px; font-weight:normal; line-height:25px; text-align:left; width:600px; clear:both;}
.toptitle { font-size:16px; font-weight:bold; text-align:center; line-height:60px;}
.redbutton a { font-size:16px; font-weight:bold; color:#fff; padding:10px 20px; background:#cc0000; line-height:30px;}
.redbutton a:visited { font-size:16px; font-weight:bold; color:#fff; padding:10px 20px; background:#cc0000;}
.redbutton a:hover { font-size:16px; font-weight:bold; color:#fff; padding:10px 20px; background:#cc0000;}
.youshi { border-top:1px solid #d8d9da;border-left:1px solid #d8d9da;  width:100%; background:#f6f8fa;}
.youshi td { text-align:left; padding:10px 20px;border-right:1px solid #d8d9da;border-bottom:1px solid #d8d9da; vertical-align:middle;}
.youshi td.cen { text-align:center; padding:10px 20px;border-right:1px solid #d8d9da;border-bottom:1px solid #d8d9da;vertical-align:middle;}
.youshi2 {border:1px solid #d8d9da; width:283px; height:130px; float:left; margin-right:20px;background:#f6f8fa;}
.youshi2top {border-bottom:1px solid #d8d9da; background:#fff; width:100%; text-align:center; height:40px; line-height:40px; color:#333; font-weight:bold; font-size:18px;}
.youshi2con { width:250px; height: auto; line-height:25px; color:#666; font-weight: normal; font-size:13px; margin:0 auto;}
.gong { width:100%;border:1px solid #d8d9da;background:#f6f8fa;}
.sub_gong { width:398px; height:190px; overflow:hidden; float:left; border-right:1px solid #d8d9da; }
.sub_con { width:340px; margin:0 auto;  }
.subtitle {font-size:16px; font-weight:bold; text-align:center; line-height:40px; color:#333333;}
.con_con {font-size:12px; font-weight:normal; line-height:20px; color:#666666;}
.sub_gong2 { width:299px; height:190px; overflow:hidden; float:left; border-right:1px solid #d8d9da; }
.sub_con2 { width:240px; margin:0 auto;  }
/*内页产品css*/
.inerprobox { width:300px; height:415px; float:left; background:url(../images/inerpro_bg.png) top center no-repeat;}
.inerprotitle { color:#000; font-size:18px; font-weight:normal; text-align:left; height:40px; line-height:40px;width:80%; margin:0 auto;  }
.inerprocon { color:#666666; font-size:15px; font-weight:normal; text-align:left; line-height:25px; width:80%; margin:0 auto; }
.peizhi { background:url(../images/pro_ge.png) top right no-repeat;color:#000; text-indent:8%; font-size:16px; font-weight:normal; text-align:left; height:50px; overflow:hidden;line-height:50px;width:285px; margin:0 auto;}
.peizhi2 { color:#000;  font-size:16px; font-weight:normal; text-align:left; height:60px; overflow:hidden;line-height:30px;width:80%; margin:0 auto;}
.peizhi5 { color:#000;  font-size:16px; font-weight:normal; text-align:left; height:110px; overflow:hidden;line-height:25px;width:80%; margin:0 auto;}
.peizhi5 span{ color:#999999;font-size:12px;font-weight:normal;text-align:left;line-height:20px; }
.peizhi3 { background:url(../images/pro_ge1.png) top left no-repeat;color:#000; text-indent:8%; font-size:16px; font-weight:normal; text-align:left; height:50px; overflow:hidden;line-height:50px;width:285px; margin:0 auto;}
.peizhi6 { background:url(../images/pro_ge2.png) top left no-repeat;color:#000; text-indent:8%; font-size:16px; font-weight:normal; text-align:left; height:50px; overflow:hidden;line-height:50px;width:285px; margin:0 auto;}
.peizhi4 { color:#666666;  font-size:12px; font-weight:normal; text-align:left; height:40px; overflow:hidden;line-height:20px;width:80%; margin:0 auto;}
.peizhi4 span { color:#ff6902;}
.peizhi7 { color:#666666;  font-size:15px; font-weight:normal; text-align:left; height: auto; overflow:hidden;line-height:30px;width:85%; margin:0 auto;}
.peizhi7 span { color:#00c2de;}
.peizhi8 { color:#ff8a00;  font-size:22px; font-weight:bold; text-align:left; height: 40px; overflow:hidden;line-height:40px;width:85%; margin:0 auto;}
a.zhekou { color:#b40202; font-size:12px;  padding:2px 8px; border:1px solid #b40202; border-radius:2px;}
a.zhekou:visited { color:#b40202; font-size:12px;  padding:2px 8px; border:1px solid #b40202; border-radius:2px;}
a.zhekou:hover { color:#b40202; font-size:12px;  padding:2px 8px; border:1px solid #b40202; border-radius:2px;}
a.zi { color:#fff; font-size:12px;  padding:2px 8px; background-color:  #ec9f3e; border-radius:2px;}
a.zi:visited { color:#fff; font-size:12px;  padding:2px 8px; background-color:  #ec9f3e; border-radius:2px;}
a.zi:hover { color:#fff; font-size:12px;  padding:2px 8px; background-color:  #ec9f3e; border-radius:2px;}
.gege1 {border-bottom:1px solid #eeeeee; width:85%; margin:0 auto;}
.gege {border-bottom:1px solid #eeeeee; width:285px; margin:0 auto;}
.inerprocon span { font-size:22px; font-weight:bold; color:#ff0000; text-decoration: none; height:25px; line-height:25px;}
.inerprocon h1 { font-size:20px; font-weight:bold; color:#ff0000; text-decoration:none;height:25px;line-height:25px;}
.inerprolink { text-align:center;}
.inerprobox2 { width:300px; height:435px; float:left; background:url(../images/inerpro_bg2.png) top center no-repeat;}
.inerprotitle2 { color:#fff; font-size:18px; font-weight:800; text-align:left; height:40px; line-height:40px;width:80%; margin:0 auto;  }
.inerprocon2 { color:#fff; font-size:15px; font-weight:normal; text-align:left; line-height:25px; width:80%; margin:0 auto; height:50px; }
.inerprobox3 { width:385px; height:385px; float:left; margin-left:15px; background:#ffffff; border-top:6px solid #373d41;}
.ying_nav { width:100%; height:50px; border:1px solid #d8d9da;background:#f6f8fa;}
.ying_nav a { display:block; float:left; width:399px; height:50px; line-height:50px; text-align: center; color:#333333; background:none;}
.ying_nav a:visited {color:#333333;background:none;}
.ying_nav a:hover {  color:#fff;background:#cc0000;}
.ying_nav a.on { display:block; float:left; width:399px; height:50px; line-height:50px; text-align: center;  color:#fff;background:#cc0000;}
.ying_nav a.on:visited { color:#fff;background:#cc0000;}
.ying_nav a.on:hover {  color:#fff;background:#cc0000;}
.ying_nav2 { width:100%; height:50px; border:1px solid #d8d9da;background:#f6f8fa;}
.ying_nav2 a { display:block; float:left; width:239px; height:50px; line-height:50px; text-align: center; color:#333333; background:none;}
.ying_nav2 a:visited {color:#333333;background:none;}
.ying_nav2 a:hover {  color:#fff;background:#cc0000;}
.ying_nav2 a.on { display:block; float:left; width:239px; height:50px; line-height:50px; text-align: center;  color:#fff;background:#cc0000;}
.ying_nav2 a.on:visited { color:#fff;background:#cc0000;}
.ying_nav2 a.on:hover {  color:#fff;background:#cc0000;}
.ying_nav3 { width:100%; height:50px; border:1px solid #d8d9da;background:#f6f8fa;}
.ying_nav3 a { display:block; float:left; width:1198px; height:50px; line-height:50px; text-align: center;  color:#fff;background:#cc0000;}
.ying_nav3 a:visited {color:#fff;background:#cc0000;}
.ying_nav3 a:hover { color:#fff;background:#cc0000;}
.ying_left { width:702px; height:402px;}
.ying_left img {width:700px; height:400px; border:1px solid #d8d9da;}
.ying_right { width:460px;height:402px; }
.ying_butt { background:#f6f8fa;border:1px solid #d8d9da; line-height:50px; height:50px; text-align:center; color:#333;}
.help { width:100%;}
.help_con { float:left; margin-right:30px; width:378px; border:1px solid #d8d9da;background:#f6f8fa; }
.helptitle a{ font-size:16px; text-align:left; text-decoration:none; line-height:40px; padding-left:15px; }
.helpnews a{font-size:13px; text-align:left; text-decoration:none; line-height:30px; padding-left:15px;}
.line { border-bottom:1px solid #d8d9da; width:345px; margin:0 auto;}
.innertitle { background:url(../images/innerbg.gif) repeat-x top #ecf1f5; height:100px; width:100%;}
.innertitle a{ background:#ecf1f5; height:100px; width: auto; padding-right:10px; line-height:100px; font-size:18px; font-weight:bold;}
.protitle { width:100%; height:50px; border-bottom:1px dashed #cecece; line-height:50px; text-align:left; font-size:18px; font-weight:bold; margin-bottom:20px;}
.newstitle { width:100%; height:35px; border-bottom:1px dashed #cecece; line-height:35px; text-align:left; font-size:18px; font-weight:bold;}
.indexnewstitle { width:100%; height:66px;line-height:33px; overflow: hidden;text-align:left; font-size:14px; font-weight:bold;}
/*内页-新闻栏目css*/
.white { background:#fff; height:auto;}
.black1 {background:#2f2f2f; height:auto;}
.black{background: url(../images/blackbg.jpg) no-repeat top center #000; height:678px;}
.grey {background:#f8f8f8; height:auto;}
.grey2 {background:#f4f4f4; height:auto;}
.input3 { line-height:30px; height:30px; width:300px; border:1px solid #666666; text-indent:10px;}
.input2 { line-height:30px; height:30px; width:200px; color:#fff;  background:#58cee5;}
.indexform { height: auto; width:100%;background:#00002e;}
.indexform td {font-size:14px; color:#fff;}
.input1 { font-size:14px; border-radius:10px;color:#fff; background:#00c1de; font-weight:normal; text-align:center; padding:5px 10px ;width:95%;}
.fangbox { float:left; width:300px; height:260px; background:url(../images/fang_bg.png) top center no-repeat;}
.fangimg { text-align:center;}
.fangtitle {text-align:center; font-size:20px; font-weight:bold; line-height:70px;}
.fangcon {text-align:center; font-size:14px; font-weight:normal; line-height:25px;}
.indexbottom { width:100%; height:160px; background:url(../images/indexbottom.jpg) top center no-repeat; overflow:hidden;}
.indexbottom_link { width:100%; height: 42px; text-align:center;overflow:hidden;}
.indexbottom_link a{ display:block; width:190px;font-size:15px; margin:0 auto; height:40px;font-weight:normal; line-height:40px; text-align:center; color:#fff; background:#00aaff; border:1px solid #fff;}
.indexbottom_link a:visited{display:block; font-weight:normal;font-size:15px; line-height:40px; text-align:center; color:#fff; background:#00aaff; border:1px solid #fff;}
.indexbottom_link a:hover{display:block; font-weight:normal;font-size:15px; line-height:40px; text-align:center; color:#00aaff; background:#fff; border:1px solid #fff;}
.indexbottom_con { width:1200px; margin:0 auto;text-align:center; font-size:15px; font-weight:normal; line-height:30px; color:#fff;}
.hezuo_list  li { float:left; width:200px; height: 80px; margin: 20px;display:inline; overflow:hidden;}
.hezuo_list li a.imgbg { display:block; width:197px; height: 78px;overflow:hidden;}
.hezuo_list li a.imgbg:hover {border:1px solid #eaeaea;}
.hezuo_list  li img {width:197px; height:78px;}
.hezuo_list  li img:hover{border:solid 1px #00aaff}


.liucheng { background:url(../images/indexbg.jpg) top center no-repeat #2f2f2f; height:500px; width:100%;}
.liubox { width:400px; height:220px; float:left; }
.liutitle { color:#fff; font-size:15px; font-weight:bold; text-align:center; height:30px; line-height:30px;  }
.liucon { color:#fff; font-size:15px; font-weight:normal; text-align:center; height:25px; line-height:30px; width:80%; margin:0 auto; }
.inerliu { background:url(../images/liucheng.jpg) top center no-repeat #fff; height:220px; width:100%;}
.inerliubox { width:250px; height:220px; float:left; margin-left:40px; }
.inerliutitle { color:#fff; font-size:18px; font-weight:bold; text-align:left; height:60px; line-height:60px;  }
.inerliucon { color:#fff; font-size:15px; font-weight:normal; text-align:left; height:25px; line-height:30px;  }
.liuliu { background:url(../images/liuliu.png) top center no-repeat #fff; height:250px; width:100%;}
.liuliubox { width:183px; height:170px; float:left; margin-left:20px; }
.liuliutitle { color:#fff; font-size:18px; font-weight:bold; text-align:center; height:60px; line-height:60px;  }
.liuliucon { color:#fff; font-size:15px; font-weight:normal; text-align:center; height:25px; line-height:30px;width:90%; margin:0 auto; margin-top:10px;  }
.helpbg { background:url(../images/help.jpg) top center no-repeat #fff; height:490px; overflow:hidden;}
.helpbgtitle { color:#fff; font-size:20px; font-weight:bold; line-height:100px; height:100px; text-align:left;}
.helpbgcon { color:#fff; font-size:15px; font-weight:normal; line-height:25px; height: auto; text-align:left;}
.helptop { height:212px; overflow:hidden;}
.helptopbox { height:210px; width:285px; border:1px solid #d4d4d4; background:#f4f4f4; overflow:hidden; float:left; margin-left:17px;}
.helptoptitle { color:#333; font-size:18px; font-weight:bold; line-height:35px; height: auto; text-align:left;width:85%; margin:0 auto;}
.helptopcon { color:#333; font-size:15px; font-weight:normal; line-height:25px; height: auto; text-align:left;width:85%; margin:0 auto;}
.helptopline { height:15px; border-bottom:1px solid #333333; width:85%; margin:0 auto;}
.bluetop2 { background: url(../images/indextop2.jpg) top center no-repeat #00002e; height:490px;}
.bluetop3 { background: url(../images/indextop3.jpg) top center no-repeat #00002e; height:450px;}
.bluetop { background: url(../images/indextop.jpg) top center no-repeat #00002e; height:450px;}
.bluetop_1 { color:#fff; font-size:36px; font-weight:normal; line-height:80px;}
.bluetop_1 span { color:#00c1de;}
.bluetop_2 { color:#fff; font-size:24px; font-weight:normal; line-height:80px;}
.bluetop_3 { color:#fff; font-size:13px; font-weight:normal; line-height:20px;}
.bluetop_4 a { font-size:15px; font-weight:normal; line-height:30px; padding:5px 20px; border:1px solid #fff; border-radius:8px; color:#fff; float:left; margin-right:10px;}
.bluetop_4 a.bluelink { font-size:15px; font-weight:normal; line-height:30px; padding:5px 20px; background:#00c1de; border-radius:8px; color:#fff; float:left; margin-right:10px;}
.bluetop_4 a.orange { font-size:15px; font-weight:normal; line-height:30px; padding:5px 20px; background:#fba100; border-radius:8px; color:#fff; float:left; margin-right:10px;}
.newslistpic{ float:left; width: 200px; height:132px; display:block;}
.newslistcon { width:960px; height:auto; float:right;}
.newslisttime { display: inline-block; height:25px; line-height:25px; width:auto; text-align:left; font-size: 14px; font-weight:normal;}
.newspic { width:100%; height:auto; padding-top:20px; text-align:center; }
.newslisttime_on { display:none;}
.newspic img { max-width:1200px;}
.newstitle1 { width:100%; height:50px; line-height:50px; text-align:center; font-size:18px; font-weight:bold;}
.keywordtitle { width:100%; height:25px; line-height:25px; text-align:left; font-size:25px; font-weight:bold;}
.keywordlist { width:137px; margin-left:2px; height:40px; line-height:40px; margin-bottom:10px; text-align:center; overflow:hidden;  }
.keywordlist a{ width:135px;height:38px; display:block; line-height:38px;text-align:center; border:1px solid #cecece;  }
.keywordlist a:current{ width:135px;height:38px; line-height:38px;text-align:center; border:1px solid #cecece;  }
.keywordlist a:hover{width:135px; height:38px; line-height:38px;text-align:center; color:#03c0de; border:1px solid #03c0de;  }
.ge { border-bottom:1px solid #cecece; width:100%; }
.newstime {margin:0 auto;background: url(../images/time2.png) top left no-repeat; padding-left:30px; height:30px; line-height:30px; width:200px; text-align:left; font-size: 14px; font-weight:normal; color:#666666; }
.newstimebox { border-bottom:1px dashed #cecece; height:40px; width:100%;}
/*分页css*/
.pagelist{ text-align:center; padding-top:20px; margin-right:20px;}
.pagelist li{display:inline-block;border:solid 1px #ccc;margin-right:2px;}
.pagelist li{*display:inline;}
.pagelist a{display:inline-block;padding:4px 12px;color:#666;background:#eee;text-decoration:none;}
.pagelist li a:hover{background:#ccc}
.pagelist li.on a{background:#ccc}
.imgbox2{ width:200px;height:132px; overflow:hidden;}
.imgbox{ width:385px;height:215px; overflow:hidden;}
.imgcon { transition:all 0.8s;}
.imgcon:hover {transform: scale(1.1);-webkit-transform: scale(1.1); /*Safari 和 Chrome*/-moz-transform: scale(1.1); /*Firefox*/-ms-transform: scale(1.1); /*IE9*/-o-transform: scale(1.1); /*Opera*/}
.newscon { margin:20px 0;}
.newscon p {line-height: 2}
.newscon img{ max-width:850px; height: auto}
/*内页-上下页标签css*/
.nextbox {height: auto; width:100%;}
.nextbox div {height:25px; width:100%; font-size:13px; color:#666; margin-bottom:20px;}
.nextbox a { height:25px; color:#666; line-height:40px; font-size:13px;}
.nextbox a:visited {height:25px; color:#666; line-height:40px; font-size:13px;}
.nextbox a:hover { height:25px; color:#58cee5; line-height:40px; font-size:13px;}
/*首页*/
.blue { background: url(../images/blue.png) repeat-x; height:140px; position:absolute; bottom:0; z-index:1;}
.bluebox { width:239px; border-right:1px solid #454647; float:left; margin:0; height:100px;}
.bluetitle{ width:auto; margin-left:10px; height:25px; font-size:14px; line-height:25px; font-weight:bold; color:#fff; }
.bluecon {width:auto; margin-left:10px; height:25px; font-size:12px; line-height:25px; font-weight:normal; color:#fff; }
.bluecon a{ width:auto; height:25px; font-size:12px; line-height:25px; font-weight:normal; color:#00c1de; }
.bluecon a:visited{ width:auto; height:25px; font-size:12px; line-height:25px; font-weight:normal; color:#00c1de; }
.bluecon a:hover{ width:auto; height:25px; font-size:12px; line-height:25px; font-weight:normal; color:#00c1de; }
.bluecon_1 { width:210px; margin:0 auto; height: auto;  }
.bigtitle1 { font-size:25px; font-weight:bold; text-align:center; line-height:60px; width:100%; color:#0f034e;}
.toptitle1 { font-size:16px; font-weight:normal; text-align:center; line-height:30px;color:#333;}
.probox_img { height: auto; text-align:center; width:100%;}
.probox { width:400px; height:380px; background:url(../images/box_bg.png) top center no-repeat; float:left; margin-left:0px; margin-bottom:20px;}
.youhui { width:382px; height:205px; background:url(../images/youhui.png) center center no-repeat; float:left; margin-right:27px; margin-bottom:20px;}
.youhui_top1 { width:100%; height:115px; background:url(../images/youhui_top1.png)  top right no-repeat;}
.youhui_top2 { width:100%; height:115px; background:url(../images/youhui_top2.png)  top right no-repeat;}
.youhui_top3 { width:100%; height:115px; background:url(../images/youhui_top3.png)  top right no-repeat;}
.solution_title1 {font-size:16px; height:30px; font-weight:bold; color:#333333; text-align:center; line-height:30px; width:285px;margin:0 auto;}
.solution_con1 {font-size:12px; font-weight:normal; color:#999999; text-align:center; line-height:25px; height: auto;  width:285px; margin:0 auto; }
.solution_title2 {font-size:14px; height:20px; font-weight:bold; color:#333333; text-align:left; line-height:20px; width: auto;}
.solution_con2 {font-size:12px; font-weight:normal; color:#999999; text-align:left; line-height:40px; height:40px;  width: auto; }
.solution_title3 {font-size:16px; height:30px; font-weight:bold; color:#333333; text-align:left; line-height:30px; width: auto;}
.solution { float:left; width:388px; height:486px; background:url(../images/solutionbg.png) top center no-repeat; margin-right:18px;}
.p1 { padding-left:100px;}
.p2 { padding-left:30px;}
.solutionbg { background:url(../images/zhengshu.png) top right no-repeat;}
.youhui_title {font-size:16px; height:50px; font-weight:bold; color:#333333; text-align:left; line-height:50px; width:285px;margin:0 auto;}
.youhui_con {font-size:15px; font-weight:normal; color:#999999; text-align:left; line-height:25px; height: 25px; overflow:hidden; width:285px; margin:0 auto; }
.youhui_con span { color:#00aaff;}
.youhui_link { width:285px;margin:0 auto; height: 32px; text-align:left;overflow:hidden;}
.youhui_link a{ display:block; width:140px;font-size:15px; float:left;  height:30px;font-weight:normal; line-height:30px; text-align:center; color:#333333; background:#fff; border:1px solid #333333;}
.youhui_link a:visited{display:block; font-weight:normal;font-size:15px; line-height:30px; text-align:center; color:#333333; background:#fff; border:1px solid #333333;}
.youhui_link a:hover{display:block; font-weight:normal;font-size:15px; line-height:30px; text-align:center; color:#ffffff; background:#00aaff; border:1px solid #00aaff;}
.youhui_link a.on{ display:block; width:140px;font-size:15px; float:left;  height:30px;font-weight:normal; line-height:30px; text-align:center; color:#ffffff; background:#00aaff; border:1px solid #00aaff;;}
.youhui_link a.on:visited{display:block; font-weight:normal;font-size:15px; line-height:30px; text-align:center; color:#ffffff; background:#00aaff; border:1px solid #00aaff;}
.youhui_link a.on:hover{display:block; font-weight:normal;font-size:15px; line-height:30px; text-align:center; color:#ffffff; background:#00aaff; border:1px solid #00aaff;}
.news_link{width:140px; height:30px;font-weight:normal; line-height:30px; text-align:center; color:#ffffff; background:#00aaff; border:1px solid #00aaff;;}
.news_link:hover{color: #FFF !important}
.pay_link a{ display:block; width:140px;font-size:15px; float:left;  height:30px;font-weight:normal; line-height:30px; text-align:center; color:#ff0000; background:#fff; border:1px solid #ff0000;;}
.pay_link a:visited{display:block; font-weight:normal;font-size:15px; line-height:30px; text-align:center; color:#ff0000; background:#fff; border:1px solid #ff0000;}
.pay_link a:hover{display:block; font-weight:normal;font-size:15px; line-height:30px; text-align:center; color:#ffffff; background:#ff0000; border:1px solid #ff0000;}
.pay_newsbox{position:relative;max-height:300px;overflow:hidden;}
.hide_box{text-align: center;background: linear-gradient(to bottom,#585454);padding-top: 100px;background: linear-gradient(to bottom,rgba(255,255,255,0),#fff);position: absolute;bottom: 0;width: 100%;}
.hide_box a{font-size:25px;color:#fb0000;display: block;background: white;}
.pay_pic{position: fixed;top: 50%;left: 50%;display:none;box-shadow:6px 6px 6px #666;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.notebox { border-bottom:1px solid #999999; width:100%; height:150px; margin-bottom:10px;}
.notebox_left {width:1000px; height:150px; float:left;}
.notebox_right {width:150px; height:150px; float:right;}
.probox_title {font-size:16px; height:65px; font-weight:normal; color:#ffffff; text-align:center; line-height:66px; width:90%;margin:0 auto;}
.probox_con {font-size:15px; font-weight:normal; color:#333333; text-align:left; line-height:25px; height:245px; overflow:hidden; width:80%; margin:0 auto; }
.probox_con span { font-size:25px; font-weight:bold;}
.probox_con span1 { font-size:15px; font-weight:normal; color:#F30; }
.probox_link {height:55px;text-align:center; width:90%;margin:0 auto; background: #F30}
.probox_link a{font-size:15px; font-weight:bold; color:#333333;text-align:center;  height:55px; line-height:55px; color: #FFF}
.probox_ad { width:285px; margin-right:20px; height:auto; float:left;}
.probox_ad a{ font-size:15px; width:285px; display:block;text-align:center; font-weight:normal; color:#333333;}
.probox_ad a:visited{ color:#333333;}
.probox_ad a:hover{ color:#00aaff;}
.bigtitle2 { font-size:25px; font-weight:bold; text-align:center; line-height:60px; width:100%; color:#fff;}
.toptitle2 { font-size:16px; font-weight:normal; text-align:center; line-height:30px;color:#fff;}
.indexbg { background:url(../images/indexbg.jpg) top center no-repeat; height:698px;}
.indexbg2 { background:url(../images/indexbg2.jpg) top center no-repeat; height:480px;}
.indexying_left { float:left;  width:900px; height:465px;}
.indexying_right {float:right;  width:190px; height:465px; background:url(../images/right_nav.png) top left no-repeat;}
.indexying_right  a{ color:#fff; font-size:15px; line-height:20px; margin-top:70px; height:20px; width:100%; display:block; text-align:center;}
.indexying_right  a:visited{  color:#fff;font-size:15px; line-height:20px;  height:20px; width:100%; display:block; text-align:center;}
.indexying_right  a:hover{  color:#00c1de;font-size:15px; line-height:20px;  height:20px; width:100%; display:block; text-align:center;}
.indexying_right  a.on{  color:#00c1de;font-size:15px; line-height:20px; margin-top:70px; height:20px; width:100%; display:block; text-align:center;}
.indexying_right  a.on:visited{  color:#00c1de;font-size:15px; line-height:20px; height:20px; width:100%; display:block; text-align:center;}
.indexying_right  a.on:hover{  color:#00c1de;font-size:15px; line-height:20px;  height:20px; width:100%; display:block; text-align:center;}
#indexyingcon1 { width:900px; height:465px; background:url(../images/indexying1.jpg) top left no-repeat; display:block;}
#indexyingcon2 { width:900px; height:465px; background:url(../images/indexying2.jpg) top left no-repeat;display:block;}
#indexyingcon3 { width:900px; height:465px; background:url(../images/indexying3.jpg) top left no-repeat;display:block;}
#indexyingcon4 { width:900px; height:465px; background:url(../images/indexying4.jpg) top left no-repeat;display:block;}
#indexyingcon5 { width:900px; height:465px; background:url(../images/indexying5.jpg) top left no-repeat;display:block;}
.bluebutton a { font-size:16px; font-weight:bold; color:#fff; padding:10px 20px; background:#00c1de; line-height:30px;}
.bluebutton a:visited { font-size:16px; font-weight:bold; color:#fff; padding:10px 20px; background:#00c1de;}
.bluebutton a:hover { font-size:16px; font-weight:bold; color:#fff; padding:10px 20px; background:#00c1de;}
.indexying_title {font-size:25px; font-weight:bold; text-align:left; height:60px; line-height:60px; width: 500px; color:#fff;  margin-left:40px; margin-top:0; }
.indexying_con {font-size:13px; font-weight:normal; text-align:left; line-height:25px; width: 500px; color:#fff; margin-left:40px; margin-top:10px;  }
.bluebutton {margin-left:40px;margin-top:40px;}
.news_box {width:280px; height: auto; display:block; background:#fff; height:310px;}
.news_box2_left { float:left; width:400px;}
.news_box2_right { float:right; width:400px;}
.news_box2 {width:100%; height: auto; display:block; background:#fff; height:310px;}
.indexnews_box { float:left; margin-right:30px; width:380px; height:315px; box-sizing: border-box;padding: 10px; display:block;}
.indexnews_img { width:100%; height:200px; overflow:hidden;}
.indexnews_title { border-bottom:1px solid #333333;width:100%; height:50px; margin:0 auto; display: flex;justify-content: space-evenly}
.indexnews_title h2{font-size:16px;font-weight:bold; color:#000; text-align:left;line-height:50px;flex: 6;margin-left: 40px}
.indexnews_bg1 { background:url(../images/indexnewsbg1.png) left top no-repeat;}
.indexnews_bg2 { background:url(../images/indexnewsbg2.png) left top no-repeat;}
.indexnews_bg3 { background:url(../images/indexnewsbg3.png) left top no-repeat;}
.indexnews_title a{ font-size:14px; line-height:50px;  width: auto; height:50px; color:#333; text-align:right; font-weight:normal; flex: 6;margin-right: 10px}
.indexnews_title2 { font-size:14px; line-height:40px; border-bottom:1px solid #333333; color:#000; font-weight: bold; width:260px; height:40px; margin:0 auto; text-align:left;}
.indexnews_title2 a{ font-size:14px; line-height:40px; color:#333;  width: auto; height:40px; float:right; text-align:left;font-weight:normal;}
.indexnews_title3 { font-size:14px; line-height:40px; border-bottom:1px solid #333333; color:#000; font-weight: bold; width:100%; height:40px; margin:0 auto; text-align:left;}
.indexnews_title3 a{ font-size:14px; line-height:40px; color:#333;  width: auto; height:40px; float:right; text-align:left;font-weight:normal;}
.indexnews_list {font-size:16px; line-height:40px; border-bottom:1px dotted #333333;font-weight:normal; color:#333; width:360px; height:40px; margin:0 auto; text-align:right;}
.indexnews_list a{font-size:16px; line-height:40px;  color:#000; width: auto; height:40px; text-align:left; float:left;}
.indexnews_listbox { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;margin-top: 10px;}
.indexnews_listpic { width: 145px ; height: 90px;}
.indexnews_listcon { width: 200px ; height: 90px;}
.indexnews_list2 {font-size:14px; line-height:40px; overflow: hidden; font-weight:normal;border-bottom:1px dotted #333333; color:#333; width:260px; height:40px; margin:0 auto; text-align:right;}
.indexnews_list2 a{font-size:14px; line-height:40px;  color:#000; width: auto; height:40px; text-align:left; float:left;}
.indexnews_list3 {font-size:14px; line-height:40px; font-weight:normal;border-bottom:1px dotted #333333; color:#333; width:100%; height:40px; margin:0 auto; text-align:right;}
.indexnews_list3 a{font-size:14px; line-height:40px;overflow: hidden;color:#000; width: auto; height:40px; text-align:left; float:left;}
.kehu li{ width:285px; height:125px;  float:left; margin-right:20px;margin-bottom:20px;overflow:hidden;}
.kehu li img {width:285px; height:125px;}
.tehuibg { background:url(../images/tehui.jpg) top center no-repeat; height:630px;}
.tehui { width:100%; height:108px;}
.tehuibox { width:auto; float:left; margin-left:40px;}
.tehuititle a{ font-size:16px; font-weight:bold; color: #FFF; line-height:40px; height:40px;}
.tehuicon a{ font-size:13px; font-weight:normal; color: #FFF; line-height:25px; height: auto;}
.footer { background:#000; color:#fff;font-size:14px; font-weight:normal; color:#cccccc; line-height:30px;}
.youqing { width:100%; border-bottom:1px solid #333333; height:auto;}
.footer a{ font-size:14px; font-weight:normal; color:#fff;line-height:30px; color:#cccccc;}
.footernav { width:239px; border-right:1px solid #333333;height:160px;float:left;text-align:left; }
.footernav1 { width:100px; margin:0 auto;}
.footernav2 { width:160px; margin:0 auto;}
.footernav3 { width:140px; margin:0 auto;}
.footernav4 { width:90px; margin:0 auto;}
.footernav p{ color:#ffffff;font-size:14px;}
.footernav p a{ color:#999999;font-size:14px;}
.footernav p a:hover{ color:#ffffff;font-size:14px;}
.footernav p a:visited{ color:#999999;font-size:14px;}
.footernav p.title{ color:#ffffff;font-size:16px; font-weight:bold;}
.footernav p.title a{ color:#ffffff;font-size:16px;font-weight:bold;}
.footernav p.title a:hover{ color:#ffffff;font-size:16px;font-weight:bold;}
.footernav p.title a:visited{ color:#ffffff;font-size:16px;font-weight:bold;}
.footernav p a.link{ color:#02bad5; font-size:14px; font-weight:bold;}
.footernav p a.link:hover { color:#02bad5; font-size:14px; font-weight:bold;}
.footernav p a.link:visited { color:#02bad5; font-size:14px; font-weight:bold;}
.left_sidebox{ width:238px; height:auto; position:fixed; left:0px; top:100px; z-index:999;}
.left_top {font-size:0px; margin: 0; padding: 0; clear: both;position:relative;}
.left_item {margin:0; margin-left: 9px; background: #3bc4fe; border-left: 1px solid #fff; border-right: 1px solid #fff; width:198px; height: 40px; line-height: 40px;}
.left_item a{ padding-left: 15px; display: block; font-weight: bold;font-size: 16px; color:#fff; line-height: 40px; height: 40px; }
.left_item a:hover { background: #006aff;color:#fff;}
.suspension li { margin-bottom:2px; width:80px; height:80px;}
.suspension li a{ display:block; line-height:80px; text-align:center;width:80px; height:80px; cursor: pointer;}
.right_tel {  background:url(../images/right_tel.png) top left no-repeat; }
.right_tel:hover { background:url(../images/right_tel.png) top right no-repeat; }
.red{color:#fc8080!important; font-size:20px;}
.right_wechat {background:url(../images/right_wechat.png) top left no-repeat; }
.right_wechat:hover {background:url(../images/right_wechat.png) top right no-repeat; }
.suspension{ width:85px; height:200px; position:fixed; right:5px; top:140px; z-index:999;}
.suspension-box{position:relative;float:right;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:90px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 0px 10px #333333;}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:40px;}
.suspension .d-service{top:60px;}
.suspension .d-service-phone{top:85px;}
.suspension .d-qrcode{top:0px;}
.suspension .d-ask1{top:180px;}
.suspension .d-ask2{top:240px;}
.suspension .d-ask3{top:300px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{padding:14px 0;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin:0;margin-left:12px;padding:0;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;color:#fc8080;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}
.suspension .qrcode-img img { width:180px; height:auto;}
.sale_nav { width:100%; height:80px; line-height:80px; font-size:20px; font-weight:bold; color:#0797ff; background:#e5f4ff;}
.sale_nav li { float:left; width:auto; margin-right:22px; text-align:center;height:80px; line-height:80px; font-size:20px; font-weight:bold; color:#0797ff;}
.sale_nav li a{width:100%; display:block;box-sizing:border-box; text-align:center;height:80px; line-height:80px; font-size:20px; font-weight:bold; color:#0797ff; padding:0 30px;}
.sale_nav li a:visited{font-size:20px; color:#0797ff; padding:0 30px; }
.sale_nav li a:hover{ background:url(../images/navbg.png) top right no-repeat; font-size:20px; font-weight:bold; color:#fff; padding:0 30px;}
.sale_nav li.on  a{width:100%; display:block; box-sizing:border-box; text-align:center;height:80px; line-height:80px; background:url(../images/navbg.png) top right no-repeat; font-size:20px; font-weight:bold; color:#fff; padding:0 30px;}
.sale_nav li.on a:visited{background:url(../images/navbg.png) top right no-repeat; font-size:20px; font-weight:bold; color:#fff; padding:0 30px; }
.sale_nav li.on a:hover{ background:url(../images/navbg.png) top right no-repeat; font-size:20px; font-weight:bold; color:#fff; padding:0 30px;}
.sale_con { display:none; width:100%; height:auto;}
.sale_tit { width:100%; text-align:left; line-height:60px; height:60px; font-size:16px; color:#000; font-weight:bold;}
.module{width: 1200px;margin: 0 auto;}
.module-title{margin:20px auto;height: auto;}
.module-title .module-title-name{font-family: MicrosoftYaHei;font-size: 26px;font-weight: normal;font-stretch: normal;line-height: 26px;letter-spacing: 0px;color: #333333;padding: 80px 0 50px 0;text-align: center;}
.product-advance{
width: 100%;height: 350px;background-color: #f7f8fa;}
.virtue-list {width: 1200px;margin: 0 auto;}
.virtue-list li {float: left;width:282px;height: 260px;background: white;}
.virtue-list li:not(:first-child){margin-left: 24px;}
.virtue-list li:hover {box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.12);}
.virtue-list li:first-child {margin-left: 0px;}
.virtue-info {margin: 36px 20px;}
.virtue-info-title {margin: 34px 0px 10px 0px;font-size: 18px;color: #333333;text-align: center;}
.virtue-info-stand {font-size: 12px;color: #999999;line-height: 22px;width:100%;  word-break:break-all;  display:-webkit-box;  -webkit-line-clamp:2;  -webkit-box-orient:vertical;text-align: center;  overflow:hidden;}
.virtue-bg {display: block;margin: 0 auto;height: 36px;width: 36px;}
.virtue-bg1 {background: url(../images/product-adv-1.png) no-repeat;background-size:contain ;}
.virtue-bg2 {background: url(../images/product-adv-2.png) no-repeat;background-size:contain ;}
.virtue-bg3 {background: url(../images/product-adv-3.png) no-repeat;background-size:contain ;}
.virtue-bg4 {background: url(../images/product-adv-4.png) no-repeat;background-size:contain ;}

/*news_items*/
.newsbox {height:auto;display: flex;flex-direction:row; align-items: center; margin-top: 20px}
.newsbox:nth-child(1){margin-top: 0px !important;}
.newsbox .newslistpic {flex: 3;width: auto}
.newsbox .newslistcon {margin-left: 20px;flex: 9;width:auto; display: flex;flex-direction: column;justify-content: start;}
.newsbox .newslistcon .desc{display: flex;justify-content: space-between;align-items: center}
.newsbox .newslistcon h3{font-size: 22px;height: 24px;width: 100%;line-height: 24px;overflow: hidden}