@charset "UTF-8";
html,body,h1,h2,h3,h4,h5,div,p,ul,ol,dl,dt,dd,fieldset,img,q,i,em,strong,sub,sup,section{ margin:0;padding:0; }
body{font-family:"Microsoft Yahei","SimHei",Arial,Tahoma,sans-serif,serif;font-size:14px;color:#333;line-height:1.5; margin:0 auto; -webkit-text-size-adjust:none; height:100%; background-color:#fff; -webkit-tap-highlight-color:rgba(0,0,0,0); }
html { height:100%; font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5% */ } 
ul,ol,li{ list-style:none;}
img{border:0;vertical-align:middle;display:block;max-width:100%;height:auto;}
input{ outline:none}
a,a:hover{ text-decoration:none; }
em{ font-style: normal; } 
select{appearance:none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari 和 Chrome */}
*{box-sizing: border-box;-webkit-box-sizing: border-box;}
.container{ width:100%;}
.ind_t{ width:100%; overflow:hidden; clear:both}
.top_line{ position:absolute; z-index:100; left:0;}
.logo{ width:37.3%; margin:5.4% 0 0 7.45%; float:left}
.menu{ width:11%; margin:6%  10% 0 0; float:right}
.ind_d{  width:100%; overflow:hidden;  clear:both ;}
.diart{width:64.4%; overflow:hidden; margin:5.4% 0 5.4% 7.45%; float:left}
.ind_c{ width:100%; background:url(/images/capge/ind_c_bj.jpg) no-repeat center bottom; background-size:cover; position:relative}
.d_line{ width:100%; position:absolute; left:0; z-index:100;}

.nav{ width:51.2%; position:absolute; background:#66c6e7; z-index:50;  right:0; display:none}
#nav{ width:100%; margin-top:22%; clear:both}
#nav ul{-webkit-font-smoothing: antialiased;}
#nav ul { width: 100%;padding: 0;margin: 0; list-style: none;}
#nav ul li{ float:left;}
#nav ul li a { width:100%; height:50px;font-size:1.8rem; font-weight:bold; line-height:50px; padding:0 24px; color: #fff;  display: block;  font-weight:bold;  text-decoration: none;}
.nav_li{ width:100%; border-bottom:1px solid #fff;}
#nav ul li a.active{ color:#fff}
#nav > ul > li > ul > li > a { font-family:'Microsoft Yahei'; height:40px; line-height:40px;}
#nav ul li a:hover {  color: #fff;text-decoration: none;}
#nav ul span.menu-item-parent {  display: inline-block;  margin:0px;  padding:0px 0 0 32%;  font-family:'Microsoft Yahei';}
/* Second and Third level line color */
#nav ul ul { width:100%; margin: 0;  padding: 0;  display: none; }
#nav ul ul li { width:100%; float:left; position:relative}
#nav ul ul li::before {position: absolute;content: "";left:21%;top:48%;width:9%;height:9%;background:url(/images/capge/disc.png) no-repeat center;background-size: contain;}
#nav ul ul li > a {width: 100%;color: #fff;font-size: 1.6rem;font-weight: normal;outline: 0;padding: 0 0 0 36%;}
#nav ul ul li > a:hover {   color: #fff;}
.nav_li_active{ background:#4dc2b0}
.menu-item-parent.bj1{height: 100%;background: url(/images/capge/nav_bj1.png) no-repeat left center;background-size: 23% auto; }
.menu-item-parent.bj2{height: 100%;background: url(/images/capge/nav_bj2.png) no-repeat left center;background-size: 26% auto; }
.menu-item-parent.bj3{height: 100%;background: url(/images/capge/nav_bj3.png) no-repeat left center;background-size: 23% auto; }
.menu-item-parent.bj4{height: 100%;background: url(/images/capge/nav_bj4.png) no-repeat 1% center;background-size: 20% auto; }
 
.foot{ width:100%; position:absolute; left:0; bottom:0; overflow:hidden; background:#0098cc; z-index:1;}
.back{ width:10.4%; margin:3% 0 3% 10.6%; float:left;}
.gr_center{ width:7.4%; margin:3% 10.6% 3% 0; float:right;}
.home{ width:7.4%;top:22%;position:absolute; left:50%; margin-left:-3.7%}
.processbj{background: url(/images/capge/process.jpg) no-repeat top center; background-size:cover;}

.about_nr1{ width:100%;background: url(/images/capge/about_bj.png) no-repeat top center;background-size:contain;margin-bottom:1rem; overflow:hidden}
.about_nr1 span{ width:33.33%; display:block; text-align:center;  color:#413d3a; font-size:1.6rem; margin-top:15%; float:left;}
.about_nr1 span em{  color:#ed771a; display:block;}
.about_nr2{ width:100%;background: url(/images/capge/about_artbj.png) no-repeat top center;background-size:cover; }
.about_nr2 p{ color:#333; font-size:1.4rem; padding:5% 8%;}
.brand_nr{ width:100%; padding:3% 5.3%; overflow:hidden;}
.brand_nr p{ color:#4d4d4d; padding:6px 0; font-size:1.4rm;}
.brand_nr p img{margin:12px auto}
.brand_bt1{ width:55.2%;}
.brand_bt2{ width:38%;}
.brand_tp1{ width:86%; margin:6px auto}
.brand_tp2{ width:72%; margin:6px auto}
.train_nr{ width:100%; padding:3% 5.3%; overflow:hidden;}
.train_nr p{ color:#4d4d4d; padding:6px 0; font-size:1.4rm;}
.train_bt1{ width:29.5%;}
.train_bt2{ width:48.5%;}
.train_bt3{ width:29.4%;}
.train_bt4{ width:39.2%;}
.train_tp1{ width:92.8%; margin:6px auto}
.train_tp2{ width:84.7%; margin:6px auto}
.train_tp2{ width:74.1%; margin:6px auto}
.train_nr p img{margin:12px 0}
.gr_center_nr{ width:100%; padding:3% 5.3%; overflow:hidden;}
.center_pic{ width:68%; position:relative;margin:14% auto 5%}
.center_pic .wdjl{ width:27%; position:absolute;left: 36%;top: -10%}
.center_pic .wdsc{ width:27%; position:absolute;left:-11%;top: 28%;}
.center_pic .sqjl{ width:27%; position:absolute;right:-11%;top: 28%;}
.center_pic .ygrz{ width:27%; position:absolute;left: 9%;bottom: -10%}
.center_pic .wdjf{ width:27%; position:absolute;right: 9%;bottom: -10%}
.welfare_nr{ width: 100%;
    position: relative;
    overflow: hidden;
    background: url(/images/capge/welfare_bj.png) no-repeat bottom center;
    background-size: auto 99%;}
.welfare_nr .t_p{ width:76%; position:absolute; left:12%; bottom:0}