@charset "utf-8";
/*样式-手机版响应式*/
body, div, ul, li, span, p, th, td, dl, dt, dd, form, input, textarea, select { padding:0; margin:0; border:0;}
body { font:14px/1rem Microsoft Yahei,verdana,san-serif; background:#fff; color:#333;}
header, nav, section, aside, article, footer { display:block; width:100%; padding:0; margin:0; border:0;}
* { padding:0; margin:0; }
li { list-style:none; line-height:100%;}
a { cursor:pointer; border:none;}
img { border:0; line-height:0; vertical-align:middle;}
input, select, textarea { font-size:16px; vertical-align:middle; color:#888; font-family:Microsoft Yahei; -webkit-appearance:none; /*去除iPhone上input默认样式*/}

/*字体链接样式*/
a:link, a:visited {color:#444; text-decoration:none;}
a:hover {color:#444; text-decoration:none;}

/*结构*/
.view { width:92%; margin:0 auto; clear:both; overflow:hidden;}

/*头部导航*/
.head { background:#090723; height:60px;}
.head .con { width:100%; min-width:100%; margin:0 auto;}
.head .logo { width:56%; height:60px; margin:0 auto; background:url(../img/logo.png) 0 bottom no-repeat; background-size:contain;}
.head .tel { display:none;}

/*焦点图样式*/
.focus { width:100%; height:200px; margin:0px auto; position:relative; top:-1px;}
.focus .slides li { display:block; width:100%; height:auto;}
.focus .slides div { width:100%; height:200px;}
.focus-arr { display:none;}
.focus-btn { width:100%; position:absolute; bottom:6px; text-align:center;}
.focus-btn li { display:inline-block; *display:inline;}
.focus-btn li a { display:block; background:url(../img/focus/btn.png) no-repeat; background-size:cover; width:10px; height:10px; cursor:pointer; overflow:hidden;}
.focus-btn li a.flex-active,.focus-btn li.active a { background-position:0 -10px;}

/*Main*/
.col-a { text-align:center; margin:30px auto 20px auto;}
.col-a .cn { background:url(../img/ico_e.png) center center no-repeat; background-size:cover; height:32px; line-height:32px; font-size:1.2rem; color:#FFC926; font-weight:bold;}
.col-a .en {font-size:0.8rem; color:#868686; font-family:Arial, Helvetica, sans-serif; margin-top:6px;}
.col-b { text-align:center; margin:30px auto 40px auto; background:url(../img/adv_a.jpg) center center no-repeat; background-size:cover; height:80px; overflow:hidden;}
.col-b .tit { font-size:1.2rem; color:#FFC926; margin:24px 0 6px 0; font-weight:bold;}
.col-b .des { display:none;}
.col-b .en { font-size:0.8rem; color:#868686; font-family:Arial, Helvetica, sans-serif;}
.col-c { text-align:center; background:url(../img/ico_a.png) center 0 no-repeat; background-size:contain; position:relative; top:-2px;}
.col-c .cn-a { display:none;}
.col-c .cn-b { font-size:1.2rem; margin-top:18px; font-weight:bold;}
.col-c .en-a { display:none;}
.col-c .en-b { font-size:0.8rem; color:#E7E7E9; font-family:Arial, Helvetica, sans-serif; margin-top:14px;}
.ite { text-align:center; display:flex; justify-content:space-between; flex-wrap:wrap;}
.ite li { width:43%; height:96px; padding:116px 3% 0 3%; margin-bottom:8px; text-align:center; line-height:150%; color:#888; font-size:0.75rem;}
.ite span { display:block; font-size:1.1rem; margin-bottom:8px; color:#333; font-weight:bold;}
.ite .ico-a { background:#F6F6F6 url(../img/pro_a.png) center 20px no-repeat; background-size:46%;}
.ite .ico-b { background:#F6F6F6 url(../img/pro_b.png) center 20px no-repeat; background-size:46%;}
.ite .ico-c { background:#F6F6F6 url(../img/pro_c.png) center 20px no-repeat; background-size:46%;}
.ite .ico-d { background:#F6F6F6 url(../img/pro_d.png) center 20px no-repeat; background-size:46%;}
.ite .ico-e { background:#F6F6F6 url(../img/pro_e.png) center 20px no-repeat; background-size:46%;}
.ite .ico-f { background:#F6F6F6 url(../img/pro_f.png) center 20px no-repeat; background-size:46%;}
.ite .ico-g { background:#F6F6F6 url(../img/pro_g.png) center 20px no-repeat; background-size:46%;}
.ite .ico-h { background:#F6F6F6 url(../img/pro_h.png) center 20px no-repeat; background-size:46%;}
.cas { text-align:center; font-size:0.9rem; display:flex; justify-content:space-between; flex-wrap:wrap;}
.cas a { width:48%; display:block; margin-bottom:18px;}
.cas img { width:100%; height: auto; margin-bottom:8px; border-radius:4px;}
.sup { background:#090723; margin-top:30px;}
.sup .con { background:#090723 url(../img/ico_c.png) center -40px no-repeat; background-size:100%; padding-bottom:36px;}
.sup ul {}
.sup li { width:80%; height:66px; border:1px solid #504F63; border-bottom:none; color:#E7E7E9; font-size:0.9rem; line-height:160%; padding:20px 20px 0 40px; margin:0 auto 0px auto;}
.sup .li-a { background:#090723 url(../img/ico_b_01.png) 8px center no-repeat; margin:260px auto 0px auto; border-radius:10px 10px 0 0; }
.sup .li-b { background:#090723 url(../img/ico_b_02.png) 8px center no-repeat;}
.sup .li-c { background:#090723 url(../img/ico_b_03.png) 8px center no-repeat;}
.sup .li-d { background:#090723 url(../img/ico_b_04.png) 8px center no-repeat;}
.sup .li-e { background:#090723 url(../img/ico_b_05.png) 8px center no-repeat; border-bottom:1px solid #504F63; border-radius:0 0 10px 10px;}
.sup .li-f { display:none;}
.abo { margin:0 auto 50px auto;}
.abo .l { width:100%; line-height:180%; font-size:1rem; color:#666;}
.abo .r img { width:100%; height:auto; margin-top:30px;}
.dat { height:200px; background:url(../img/adv_b.jpg) center center no-repeat; background-size:cover; overflow:hidden;}
.dat ul { display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:40px;}
.dat li { width:49%; border-right:1px solid #504F63; color:#E7E7E9; line-height:160%; font-size:0.75rem; text-align:center; margin-bottom:40px;}
.dat .val { font-size:1.4rem; font-family:Arial, Helvetica, sans-serif; line-height:100%;}
.dat .uni { font-size:0.8rem; }
.dat .li-b { border:none;}
.dat .li-d { border:none;}
.cal { margin-top:20px; display:flex; justify-content:space-between;}
.cal .cal-l { width:70%;}
.cal .cal-l img { width:100%; height:auto;}
.cal .cal-r { background:#FFC926; width:22%; height:30px; line-height:30px; border-radius:4px; text-align:center; color:#333; margin-top:0px; font-size:0.8rem;}

/*Foot*/
.foot { min-width:100%; background:#090723; overflow:hidden; }
.foot .cod { margin-top:50px; color:#888; display:flex; justify-content:space-between;}
.foot .cod .cod-l { width:30%; text-align:center; font-size:0.7rem; margin-left:3%;}
.foot .cod .cod-l img { width:100%; height:auto; margin-bottom:6px;}
.foot .cod .cod-r { width:61%; margin-top:8px;}
.foot .cod .cod-r img { width:96%; height:auto;}
.foot .con { color:#B6B5BD; text-align:center;}
.foot .l { display:none;}
.foot .m { border-top:1px solid #504F63; width:100%; line-height:150%; font-size:0.8rem; padding:10px 0 40px 0; margin-top:30px;}
.foot .m a { color:#B6B5BD;}
.foot .r { display:none;}