@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 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:#333; text-decoration:none;}
a:hover {color:#f40; text-decoration:none;}

/*结构*/
.view { width:1200px; min-width:1200px; margin:0 auto; clear:both; overflow:hidden;}

/*头部导航*/
.head { background:#090723; height:120px;}
.head .con { width:1200px; min-width:1200px; margin:0 auto; display:flex; justify-content:space-between;}
.head .logo { width:450px; height:120px; background:url(../img/logo.png) 0 bottom no-repeat;}
.head .tel { width:400px; height:120px; background:url(../img/tel_head.png) right center no-repeat;}

/*焦点图样式*/
.focus { width:100%; min-width:1200px; height:550px; margin:0px auto; position:relative; top:-1px;}
.focus .slides li { display:block; width:100%; height:100%;}
.focus .slides div { width:100%; height:550px;}
.focus-arr { width:1200px; min-width:1200px; margin:0 auto;}
.focus-arr a { width:30px; height:60px; overflow:hidden; margin:0px 0 0; display:block; background:url(../img/focus/arrow.png) no-repeat; position:relative; z-index:1; opacity:0; filter:alpha(opacity=0); -webkit-transition:all .3s ease;}
.focus .flex-prev { float:left;}
.focus .flex-next { float:right; background-position:0 -70px;}
.focus:hover .flex-prev { opacity:0.8; filter:alpha(opacity=25); margin-top:195px;}
.focus:hover .flex-next { opacity:0.8; filter:alpha(opacity=25); margin-top:195px;}
.focus:hover .flex-next:hover,.focus:hover .flex-prev:hover { opacity:1; filter:alpha(opacity=50);}
.focus-btn { width:100%; position:absolute; bottom:20px; 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; width:16px; height:16px; cursor:pointer; overflow:hidden;}
.focus-btn li a.flex-active,.focus-btn li.active a { background-position:0 -16px;}

/*Main*/
.col-a { text-align:center; margin:60px auto 40px auto;}
.col-a .cn { background:url(../img/ico_e.png) center center no-repeat; line-height:50px; font-size:32px; color:#FFC926;}
.col-a .en {font-size:16px; color:#868686; font-family:Arial, Helvetica, sans-serif; margin-top:10px;}
.col-b { text-align:center; margin:70px auto 80px auto; background:url(../img/adv_a.jpg) center center no-repeat; height:200px; line-height:200%; overflow:hidden;}
.col-b .tit { font-size:32px; color:#FFC926; margin:56px 0 10px 0;}
.col-b .des { color:#fff; font-size:15px;}
.col-b .en { font-size:16px; color:#868686; font-family:Arial, Helvetica, sans-serif;}
.col-c { text-align:center; height:120px; background:url(../img/ico_a.png) center 0 no-repeat; position:relative; top:-4px;}
.col-c .cn-a { font-size:32px; margin-top:30px;}
.col-c .cn-b { display:none;}
.col-c .en-a { font-size:16px; color:#fff; font-family:Arial, Helvetica, sans-serif; margin-top:20px;}
.col-c .en-b { display:none;}
.ite { text-align:center; display:flex; justify-content:space-between; flex-wrap:wrap;}
.ite li { width:254px; height:114px; padding:180px 20px 0 20px; margin-bottom:8px; text-align:center; line-height:140%; color:#666;}
.ite span { display:block; font-size:26px; margin-bottom:18px; color:#333;}
.ite .ico-a { background:#F6F6F6 url(../img/pro_a.png) center 40px no-repeat;}
.ite .ico-b { background:#F6F6F6 url(../img/pro_b.png) center 40px no-repeat;}
.ite .ico-c { background:#F6F6F6 url(../img/pro_c.png) center 40px no-repeat;}
.ite .ico-d { background:#F6F6F6 url(../img/pro_d.png) center 40px no-repeat;}
.ite .ico-e { background:#F6F6F6 url(../img/pro_e.png) center 40px no-repeat;}
.ite .ico-f { background:#F6F6F6 url(../img/pro_f.png) center 40px no-repeat;}
.ite .ico-g { background:#F6F6F6 url(../img/pro_g.png) center 40px no-repeat;}
.ite .ico-h { background:#F6F6F6 url(../img/pro_h.png) center 40px no-repeat;}
.cas { text-align:center; font-size:16px; display:flex; justify-content:space-between; flex-wrap:wrap;}
.cas a { width:228px; display:block; height:220px; margin-bottom:30px;}
.cas img { width:228px; height:180px; margin-bottom:14px;}
.sup { background:#090723; margin-top:70px;}
.sup .con { background:#090723 url(../img/ico_c.png) center 26px no-repeat; height:630px; margin-top:50px;}
.sup ul { margin-top:100px; display:flex; justify-content:space-between;}
.sup li { width:290px; height:76px; border:1px solid #504F63; border-radius:12px; color:#fff; font-size:16px; line-height:160%;}
.sup .li-a { background:#090723 url(../img/ico_b_03.png) 8px center no-repeat; margin:0 auto; padding:24px 20px 0 48px;}
.sup .li-b { background:#090723 url(../img/ico_b_02.png) 330px center no-repeat; padding:24px 48px 0 20px; text-align:right;}
.sup .li-c { background:#090723 url(../img/ico_b_04.png) 8px center no-repeat; padding:24px 20px 0 48px;}
.sup .li-d { background:#090723 url(../img/ico_b_01.png) 330px center no-repeat; padding:24px 48px 0 20px; text-align:right; margin-left:36px;}
.sup .li-e { background:#090723 url(../img/ico_b_05.png) 8px center no-repeat; padding:24px 20px 0 48px; margin-right:36px;}
.sup .li-f { text-align:center; font-size:24px; color:#FFC926; margin-top:16px; font-weight:bold;}
.abo { margin:80px auto 100px auto; display:flex; justify-content:space-between;}
.abo .l { width:570px; line-height:200%; font-size:16px;}
.abo .r img { width:570px; height:380px;}
.dat { height:300px; background:url(../img/adv_b.jpg) center center no-repeat; overflow:hidden;}
.dat ul { display:flex; justify-content:space-between; margin-top:104px;}
.dat li { width:32%; border-right:1px solid #504F63; color:#fff; line-height:200%; font-size:16px; text-align:center; }
.dat .val { font-size:60px; font-family:Arial, Helvetica, sans-serif; line-height:100%; }
.dat .uni { font-size:18px; }
.dat .li-d { border:none;}
.cal { display:none;}

/*Foot*/
.foot { min-width:1200px; background:#090723; height:260px; overflow:hidden; }
.foot .cod { display:none;}
.foot .con { color:#B6B5BD; text-align:center; display:flex; justify-content:space-between;}
.foot .l { width:340px; height:110px; background:url(../img/tel_foot.png) 0 0 no-repeat; margin-top:60px;}
.foot .m { background:url(../img/ico_d.png) center 60px no-repeat; width:500px; line-height:200%; padding-top:146px;}
.foot .m a { color:#B6B5BD;}
.foot .r { width:340px; margin-top:35px; display:flex; justify-content:space-between; flex-direction:row-reverse;}
.foot .r img { border:3px solid #fff; width:100px; height:100px; margin-top:6px;}
.foot .r .li { width:106px;}