html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size:12px;font-family:微软雅黑,Arial, Helvetica, sans-serif;vertical-align: baseline;box-sizing:border-box;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
html,body {width:100%;height:100%;min-width:1200px;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;}
a,input,button,textarea{margin:0;outline:none;}
input,button,textarea,select {font-family:"微软雅黑";}
input[type="button"],button {cursor:pointer;}
a,span,img {display:inline-block;}
ol, ul {list-style: none;}
a {text-decoration:none;color:#333;cursor:pointer;outline:none;}
img {border:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
td {word-break:break-all;word-wrap:break-word;vertical-align:middle;}
textarea {resize:none;}
.clear {clear:both;}

/* 头部 */
.cm-top {width:100%;height:95px;}
.cm-top .main {width:1200px;height:100%;margin:0 auto;}
.cm-top .main .logo {float:left;margin-top:3px;margin-left:32px;}
.cm-top .main .nav {float:right;height:95px;box-sizing:border-box;}
.cm-top .main .nav .list {float:left;width:130px;margin-top:30px;position:relative;}
.cm-top .main .nav .list>a {width:100%;height:35px;line-height:35px;text-align:center;display:inline-block;}
.cm-top .main .nav .list>a span {position:relative;font-size:14px;}
.cm-top .main .nav .list.ok>a,.cm-top .main .nav .list:hover>a {color:#6BB313;}
.cm-top .main .nav .list.active>a span:before,.cm-top .main .nav .list.active>a span:after {content:"";width:8px;height:1px;position:absolute;right:0;top:18px;background:#628CB8;border-radius:10px;transition:all 0.3s;}
.cm-top .main .nav .list.active>a span:before {right:-10px;transform:rotate(55deg);}
.cm-top .main .nav .list.active>a span:after {right:-14px;transform:rotate(-55deg);}
.cm-top .main .nav .list.active:hover>a span:before {right:-10px;transform:rotate(-55deg);}
.cm-top .main .nav .list.active:hover>a span:after {right:-14px;transform:rotate(55deg);}
.cm-top .main .nav .list.active .child {position:absolute;left:-10%;top:35px;width:120%;background:rgba(0,0,0,0.6);border:2px solid rgba(255,255,255,0.6);display:none;z-index:2;}
.cm-top .main .nav .list.active:hover .child {display:block;}
.cm-top .main .nav .list.active .child ul,.cm-top .main .nav .list.active .child ul li,.cm-top .main .nav .list.active .child ul li>a,.cm-top .main .nav .list.active .child ul li>.child-list>a {float:left;width:100%;}
.cm-top .main .nav .list.active .child ul li {padding:0 10px 5px 10px;}
.cm-top .main .nav .list.active .child ul li>a {padding:5px 0;}
.cm-top .main .nav .list.active .child ul li>a,.cm-top .main .nav .list.active .child ul li>.child-list>a {color:#fff;font-size:14px;}
.cm-top .main .nav .list.active .child ul li>.child-list>a {padding:5px 0px 5px 20px;}
.cm-top .main .nav .list.active .child ul li>a:hover,.cm-top .main .nav .list.active .child ul li>.child-list>a:hover {text-decoration:underline;}

/* 底部 */
.cm-bottom {float:left;width:100%;height:206px;background:#333333;}
.cm-bottom .main {width:1200px;height:100%;margin:0 auto;}
.cm-bottom .main .msg {float:left;width:335px;padding-left:10px;margin-top:45px;}
.cm-bottom .main .msg a {float:left;color:#ccc;padding:3px 0;}
.cm-bottom .main .msg a.a1 {margin-right:30px;}
.cm-bottom .main .code {float:right;margin-top:25px;}
.cm-bottom .main .code a {float:left;width:134px;font-size:14px;text-align:center;color:#ccc;margin-right:25px;}
.cm-bottom .main .code a img {margin-bottom:5px;}

/* 内容公共部分 */
.cm-advertisement,.cm-advertisement img {float:left;width:100%;height:auto;}
.cm-content {width:1200px;margin:0 auto;padding:0 30px;padding-bottom:120px;}
.cm-main {float:left;width:100%;margin-top:40px;overflow:hidden;}
.cm-left {float:left;width:274px;}
.cm-left .list,.cm-left .list ul {float:left;width:100%;}
.cm-left .list>a {float:left;width:100%;height:60px;line-height:60px;color:#fff;font-size:16px;padding-left:62px;background:url(../images/common/left-bg.png) no-repeat left top;position:relative;}
.cm-left .list>a:after {content:"";width:13px;height:13px;background:#fff;position:absolute;right:30px;top:24px;border-radius:100%;}
.cm-left .list ul li {float:left;width:250px;height:65px;line-height:65px;color:#fff;font-size:16px;padding-left:82px;border-bottom:1px solid #ccc;position:relative;}
.cm-left .list ul li:last-child {border:none;}
.cm-left .list ul li a {float:left;width:100%;height:100%;font-size:14px;transition:all 0.3s;}
.cm-left .list ul li a:after {content:"";width:13px;height:13px;background:#ccc;position:absolute;right:5px;top:27px;border-radius:100%;transition:all 0.3s;}
.cm-left .list ul li:hover a,.cm-left .list ul li.active a {color:#6BB313;}
.cm-left .list ul li:hover a:after,.cm-left .list ul li.active a:after {background:#6BB313;}
.cm-right {padding-left:304px;width:100%;}

.right-content {width:60px;height:auto;position:fixed;right:20px;top:50%;}
.right-content a {float:left;width:100%;height:60px;line-height:60px;text-align:center;color:#fff;background:rgba(101,101,101,1);margin-bottom:5px;transition:all 0.3s;position:relative;}
.right-content a .iconfont {font-size:28px;}
.right-content a:hover {background:rgba(245,169,51,1);}
.right-content a .rc-child {width:100px;color:#333;position:relative;right:100px;top:-65px;background:rgba(101,101,101,1);display:none;transition:all 0.3s;}
.right-content a .rc-child img {float:left;width:100%;}
.right-content a:hover .rc-child {display:block;background:rgba(245,169,51,1);}

