article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0;font-family:'Microsoft YaHei';-ms-touch-action:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
table{border-collapse:collapse;border-spacing:0}
audio,canvas,video{display:inline-block}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}
ol,ul{list-style:none}
ol,ul,li,dl,dt,dd{ display: block;}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:after,q:before{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
.clearfix:after{clear:both;content:"\20";display:block;height:0;visibility:hidden}
.clearfix{zoom:1}
input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit}
a,button,div,input{outline:0;text-decoration:none}
::-moz-focus-inner{border:0}
body{ background: #e0dace; }
.lf{ float: left;}
.rt{ float: right;}
.f20{ font-size: 20px;}
.f16{ font-size: 16px;}
.h15{ height: 15px;}
.pos{ position: absolute;}
.btn{ display: block;}
.main{ width: 1200px; margin: 0px auto; position: relative;}
.none{ display: none;}

.nav{ height: 86px; background: #041936; border-bottom: 1px solid #fffefb; }

.dw_cont{ min-height: 880px; width: 100%; height: 880px; background: url(../images/bg.jpg) no-repeat center top;}
.dw_cont .menu{ float: left; width: 318px; margin:65px 0px 0px 0px;}
.dw_cont .menu ul.nav1{ overflow:hidden; margin-bottom: 18px;}
.dw_cont .menu ul.nav1 li{ width: 100px; height: 46px; float:left; margin-right: 6px;  }
.dw_cont .menu ul.nav1 li.mr{ margin-right: 0px;}
.dw_cont .menu ul.nav1 li a{width: 100px; height: 46px; background: url(../images/btn-ui1.png) no-repeat; text-align: center; line-height: 46px; color: #532707; font-size: 22px; }
.dw_cont .menu ul.nav1 li a.on{  background: url(../images/btn-ui1-on.png) no-repeat; color: #fff; }

.dw_cont .menu .cwbox{ height: 510px; width: 318px; position: relative;}
.dw_cont .menu .cwbox .cwlist { display: none;}
.dw_cont .menu .cwbox .cwlist.show{ display: block;}
.dw_cont .menu .cwbox .cwlist .dlmenu{  height: 30px; margin-bottom: 20px;}
.dw_cont .menu .cwbox .cwlist .dlmenu .btn{  float: left; margin-right: 18px; height: 25px; text-align: center; line-height: 23px; color: #040000;}
.dw_cont .menu .cwbox .cwlist .dlmenu .btn.mr{ margin-right: 0px;}
.dw_cont .menu .cwbox .cwlist .dlmenu .btn.on{ border-bottom: 4px #2189e8 solid;}

.cwbox .cwlist .bbbox { position: relative;}
.cwbox .cwlist .bbbox.show{ display: block;}
.cwbox .cwlist .bbbox .bblist{  overflow: hidden; display: none; }
.cwbox .cwlist .bbbox .bblist.show{ display: block;}
.cwbox .cwlist .bbbox .bblist li{ float: left; width: 70px; overflow: hidden; cursor: pointer; height: 70px; margin-right: 5px; margin-bottom: 5px; position: relative; }
.cwbox .cwlist .bbbox .bblist li.mr{ margin-right: 0px;}
.cwbox .cwlist .bbbox .bblist li .cwimg{ position: absolute; width: 70px; height: 70px; left: 0px; top: 0px;}
.cwbox .cwlist .bbbox .bblist li .cwimg2{ display: none; position: absolute; width: 70px; height: 70px; left: 0px; top: 0px;}
.cwbox .cwlist .bbbox .bblist li .cwtxt{ text-align: center; display: block; line-height: 70px; display:block; height: 70px; color: #fff; }
.cwbox .cwlist .bbbox .bblist li.on{ background: url(../images/cwbg.png) no-repeat center;}
.cwbox .cwlist .bbbox .bblist li.on .cwimg{ display: none;}
/*.cwbox .cwlist .bbbox .bblist li.on .cwimg2{ display: block;}*/

.dw_cont .cwntbox{ width: 815px; height: 510px; float: right; margin: 128px 0px 0px 0px; position: relative;}
.cwntbox .cwcard{ width:355px; height: 503px; position: absolute; top: 0px; right: 0px; }
.cwntbox .cwname{  height: 45px; margin-bottom: 20px; padding-left: 50px; position: relative; font-size: 32px; font-weight: bold; color: #978847; }
.cwntbox .cwname .ic{ width:37px; height: 37px; position: absolute; left: 0px; top: 6px; }
.cwntbox .cwname .ic.ic-h{ background: url(../images/wuxing4.png) no-repeat center;}
.cwntbox .cwname .ic.ic-j{ background: url(../images/wuxing1.png) no-repeat center;}
.cwntbox .cwname .ic.ic-m{ background: url(../images/wuxing2.png) no-repeat center;}
.cwntbox .cwname .ic.ic-s{ background: url(../images/wuxing3.png) no-repeat center;}
.cwntbox .cwname .ic.ic-t{ background: url(../images/wuxing5.png) no-repeat center;}
.cwntbox .p1{ margin-bottom: 15px;}
.cwntbox .p2{ margin-bottom: 5px;}
.cwntbox .table1{ border-collapse:separate; border-spacing:1px; margin-bottom: 15px; background: #eec1ae; text-align: center; font-size: 14px;}
.cwntbox .table1 th{ width: 72px; height: 28px; background: #ffefe7; text-align: center; }
.cwntbox .table1 td{ width: 72px; height: 30px; background: #fefafb;}
.cwntbox .skill{ overflow: hidden; margin-bottom: 15px; width: 390px;}
.cwntbox .skill li{ width:71px; height: 71px;  float: left; margin-right: 6px; margin-bottom: 6px; }
.cwntbox .skill li img{ width:71px; height: 71px;  }
.cwntbox .skill li.mr{ margin-right: 0px;}

#skillpop{ position: absolute; left: 0px; top: 0px; z-index: 101; width: 380px; min-height: 148px; border-radius: 8px; background: rgba(255,255,255,0.8);}
#skillpop .nr{ width: 369px; min-height: 137px; margin:5px auto 5px auto; background: #fff;  border-radius: 8px; overflow: hidden; }
#skillpop .stop{ height: 51px; margin: 15px 20px 10px 20px; position: relative; padding-left: 65px;}
#skillpop .stop .skic{ position: absolute; left: 0px; top: 0px; width:51px; height: 51px; }
#skillpop .stop h3{ line-height: 25px; font-size: 24px; margin-bottom: 7px;}
#skillpop .stop p{ font-size: 14px;}
#skillpop .sbtm{ margin: 0px 20px;}

.dw_foot{ width: 100%; height: 130px; background: #f9f1e4; background: rgba(249,241,228,0.8); position: fixed; left: 0px; bottom: 0px; right: 0px; z-index: 99;}
.dw_foot .ic{ height: 13px; width: 1200px; margin:26px auto 26px auto; background: url(../images/ftic.png) no-repeat center;}
.dw_foot .bq{ text-align: center; color: #898989;}