@charset "gb2312";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin: 0;padding: 0;}
table {border-collapse: collapse;border-spacing: 0;width: 100%;line-height: 30px;}
td {line-height: 30px;}
fieldset, img {border: 0 none;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
ol, ul ,li{list-style: none outside none;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
a {color: #333;text-decoration: none;}
a:hover {text-decoration: underline;}
body,input,button,textarea,select{font-size: 12px;}
/*header*/

.header{width: 100%;float: left;}
.side_box{float: left;width: 100%;}
.header .logo{height: 22px;width: 22px;display: inline-block;float: left;margin-top: 12px;background: url(https://cpt.9136.com/img/ruiwen/m/m_logo.png) no-repeat right center;}
.header .login{ float:right; height:30px; line-height:30px; background:#1a6eb0; border-radius:0 0 4px 4px; padding:0 10px;}
.header .login a{ color:#fff; font-size:14px;}
.header .login code{ color:#fff; margin:0 5px;}
.sidebar{float: left;width: 100%;background: #F2F2F2;border-bottom: 1px solid #dfdfdf;color: #f2f2f2;white-space: nowrap;text-overflow: ellipsis;height: 42px;overflow: hidden;}
.sidebar a{height: 42px;line-height: 42px;display: inline-block;padding: 0 17px 0 6px;overflow: hidden;font-size: 16px;color: #1a1a1a;background: url(https://cpt.9136.com/img/ruiwen/m/site_icon.png) no-repeat right center;background-size: auto 42px;}
.sidebar span{color: #585858;font-size: 14px;}
/*search */
.search{float: left;margin-top: 7px;width: 62%;margin-left: 3%;display: none;}
.search .searchbar{border: 1px solid #ddd;width: 77%;font-size: 12px;float: left;height: 27px;padding-left: 3px;}
.search .search_results{height: 29px;background: #2ca6e0;color: #fff;text-align: center;font-size: 14px;border: 0 none;position: relative;line-height: 28px;float: left;width: 20%;}
.search .search_results:hover{opacity: .8;text-decoration: none;}

/*rougao*/
.rougao {float: right;width: 22%;margin-top: 8px;display: none;}
.rougao .jianyi {margin-left: 14px;background: url(https://cpt.9136.com/img/ruiwen/jc_icon2.png) 7px -875px no-repeat;background-color: #e6a01b;color: #e6a01b;}
.rougao a {height: 30px;line-height: 29px;float: left;font-size: 14px;background: url(https://cpt.9136.com/img/ruiwen/jc_icon2.png) 8px -847px no-repeat;background-color: #14a2d4;border-radius: 50%;color: #14a2d4;overflow: hidden;padding-left: 30px;width: 1px;}
.rougao a:hover{background-color: #0797ca;color: #fff!important;}
.rougao .jianyi:hover{background-color: #de9306;color: #fff!important;}


/*main*/
.main{width: 100%;float: left;}
.main_box{ float:left; width:100%;}
.allfixed{position: fixed;z-index: 20;right: 3%;top: 50px;width: 35px;}
.click_daohang{float: left;background: #4a4646cf;text-align: center;width: 34px;height: 34px;cursor: pointer;}
.click_daohang span{width: 20px;height: 2px;background: #fff;display: inline-block;position: relative;margin-top: 16px;}
.click_daohang span:before{content: '';width: 20px;height: 2px;background: #fff;display: inline-block;position: absolute;top: -7px;left: 0;}
.click_daohang span:after{content: '';width: 20px;height: 2px;background: #fff;display: inline-block;position: absolute;top: 7px;left: 0;}
.backtop{width: 34px;height: 34px;float: left;background: #4a4646cf;text-align: center;margin-top: 11px;position: relative;display: none;}
.backtop:after{content: '';float: left;width: 2px;height: 16px;background: #ffffff;border-radius: 20px;transform: rotate(-45deg);right: 10px;top: 10px;position: absolute;}
.backtop:before{content: '';float: left;width: 2px;height: 16px;background: #ffffff;transform: rotate(-135deg);margin-left: 10px;top: 10px;position: absolute;left: 2px;}

/*left*/
.main-left{float:left;width: 100%;line-height: 30px;font-size: 16px;}
.list_more{float: right;height: 25px;width: 34px;position: absolute;margin-top: 18px;right: 3%;}
.list_more:after{content: '';float: left;width: 2px;height: 12px;background: #2ea7de;border-radius: 20px;transform: rotate(45deg);right: 12px;top: 6px;position: absolute;}
.list_more:before{content: '';float: left;width: 2px;height: 12px;background: #2ea7de;transform: rotate(135deg);margin-left: 11px;top: 6px;position: absolute;left: 2px;}

.allbiaoti{width: 94%;padding: 0 3%;float: left;}
.allbiaoti .describe{width: 96%;float: left;margin-bottom: 10px;font-size: 14px;line-height: 24px;color: #888;background: #f4f4f4;padding: 2%;}
.article_box{width: 100%;float: left;}
.article{float: left;width: 94%;border-top: 10px solid #f2f2f2;padding: 0 3%;height: 80px;overflow: hidden;position: relative;transition: transform .5s ease-in-out;}
.article:nth-child(1){width: 94%;height: auto;}
.article:nth-child(1) em{display: none;}
.article:nth-child(2){width: 94%;height: auto;}
.article:nth-child(2) em{display: none;}
.article_top{float: left;width: 90%;font-size: 20px;font-weight: 700;color: #333;padding: 4% 0 1%;position: relative;}
.article_top:before{content: '';position: absolute;top: 38%;width: 4px;height: 20px;background: #2ea7de;left: -3%;}
.main-left .title{line-height: 32px;font-size: 24px;color: #333;margin: 15px 0;text-align: center;font-weight: 700;}
.main-left .info{line-height: 26px;color: #b1b0b0;overflow: hidden;width: 100%;}
.main-left .info span{margin-right: 10px;font-size: 14px;}
.main-left .info a{color: #b1b0b0;}
.main-left .cont_sourece{font-size: 16px;text-indent: 1.6em;margin: 8px 0 10px;float: left;width: 100%;}
.main-left .content_body{color: #000;width: 100%;font-size: 16px;line-height: 30px;float: left;}
.main-left .content_body p{color: #000;width: 100%;font-size: 16px;line-height: 30px;padding-bottom: 12px;}
.main-left .content_body h2{font-size: 16px; text-align: left; font-weight: bold; line-height: 31px; clear: both; color: #ff0000;margin-bottom: 15px;}
.main-left .content_body p a{color: #046ebb;}
.main-left .content_body img{max-width: 100%;}
.main-left .source_url{line-height: 30px;font-size: 14px;color: #333;float: left;width: 100%;}
.main-left .source_url a{color: #666;}
.main-left .more{float: left;width: 100%;text-align: center;}
.main-left .more a{color: #fe5300;padding: 4px 25px;font-size: 14px;display: inline-block;border: 1px solid #fe5300;}

/*pager */
.pager {float:left;text-align:center;width: 100%;margin-bottom: 10px;}
.pager  li{border: 1px solid #2965b1;display: inline-block;font-size: 14px; line-height: 30px; text-align: center;background-color: #FFFFFF; padding: 0 12px; margin: 0 3px;}
.pager li:hover ,.pager li.thisclass{ background-color:#2965b1; border:1px solid #2965b1; color:#FFFFFF; text-decoration:none;}
.thisclass{color: #fff;line-height: 28px; padding: 0px 12px;margin-right: 8px;background-color: #2965b1;font-size: 14px;}
.pager li:hover a ,.pager li.thisclass a{color:#FFFFFF;}
.pager a{font-size:16px;}
.hot_page{ float:left; width:710px;}

/*previous*/
.main-left .previous{float: left;margin: 0 3%;width: 94%;border-top: 1px solid #EEE;padding: 3% 0;}
.main-left .previous  a{font-weight: 700;}
.main-left .previous .next{float: left;width: 100%;height: 38px;line-height: 38px;overflow: hidden;font-size: 18px;}
.main-left .previous .pre{float: left;width: 100%;height: 38px;line-height: 38px;overflow: hidden;font-size: 18px;}

/*related_article*/
.related_article{overflow: hidden;float: left;margin: 3% 0;width: 100%;height: 185px;}
.related_article .related_top{float: left;width: 100%;height: 24px;line-height: 24px;color: #494949;font-size: 16px;}
.related_article .related_top span{color: #000;font-size: 16px;float: left;}.related_article ul{float: left;width: 100%;}
.related_article li{float: left;width: 100%;height: 33px;overflow: hidden;line-height: 33px;}
.related_article li a{font-size: 15px;color: #888;}
.related_article li a:before{float: left;content: "";width: 3px;height: 3px;background: #b7b7b7;margin-top: 16px;margin-right: 5px;}
.related_article li a:hover{color: #000;}

/*related_article*/
.article_about{overflow: hidden;float: left;width: 94%;padding: 3%;border-top: 10px solid #f2f2f2;}
.article_about .article_about_top{float: left;width: 100%;height: 39px;line-height: 38px;background-color: #f3f6f9;font-size: 18px;margin-bottom: 10px;padding-left: 10px;}
.article_about .article_about_top span{color: #0b8dcc;float: left;font-weight: 700;}
.article_about li{float: left;width: 100%;height: 34px;overflow: hidden;line-height: 34px;}
.article_about li a{font-size: 16px;}
.article_about li a:before{float: left;content: "";width: 3px;height: 3px;background: #b7b7b7;margin-top: 16px;margin-right: 5px;}
.article_about li a:hover{color: #000;}

.rightmenu{width: 100%;float: left;position: fixed;right: 0;background: rgba(0, 0, 0, 0.6);z-index: 30;top: 0;border: 1px solid #ccc;height: 100%;display: none;}
.rightmenu:after,.rightmenu:before{display: block;height: 30px;margin: 0 7px;border-left: 1px solid #e2e2e2;float: left;}
.rightmenu_title{width: 100%;font-size: 1.2rem;margin-bottom: 10px;color: #2ca6e0;font-weight: 700;float: left;}
.rightmenu ul{float: right;width: 58%;background: #fff;padding: 2% 4%;height: 100%;}
.rightmenu ul li{height: 40px;line-height: 40px;float: left;overflow: hidden;width: 100%;}
.rightmenu ul li a{font-size: 1rem;float: left;width: 80%;color: #464646;}
.rightmenu ul li em{width: 0px;height:0px;border-bottom: 5px solid transparent;  /* left arrow slant */border-top: 5px solid transparent; /* right arrow slant */border-left: 5px solid #a0a0a0; /* bottom, add background color here */float: left;margin-right: 10px;margin-top: 16px;}
.rightmenu .active em{border-left: 5px solid #2ca6e0;}
.rightmenu_close{border: 1px solid #d8d8d8;float: right;height: 31px;width: 31px;border-radius: 50%;position: relative;cursor: pointer;}
.rightmenu_close:after{content: '';float: left;width: 2px;height: 20px;background: #dadada;border-radius: 20px;transform: rotate(45deg);right: 14px;top: 6px;position: absolute;}
.rightmenu_close:before{content: '';float: left;width: 2px;height: 20px;background: #dadada;transform: rotate(135deg);margin-left: 13px;top: 6px;position: absolute;left: 2px;}

/*right*/
.main-right{width: 100%;float: left;border-top: 10px solid #f2f2f2;}
.main-right .right_box {float: left;width: 94%;margin: 3%;display: none;}
.main-right .right_box span {width: 100%;height: 39px;line-height: 38px;background-color: #f3f6f9;font-size: 18px;margin-bottom: 10px;color: #0b8dcc;float: left;font-weight: 700;padding-left: 10px;}
.main-right .right_box li {float: left;width: 100%;padding: 9px 0;}
.main-right .right_box li a{overflow: hidden;float: left;line-height: 20px;height: 20px;font-size: 16px;}
.main-right .right_box li a:before{content:"";float: left;height: 3px;width: 3px;background: #000;margin-top: 8px;margin-right: 5px;}
.right_fixed{bottom: 0;width: 336px;position: fixed!important;z-index: 300;}

/*footer*/
.footer{width: 100%;background: #2b333e;float: left;}
.foot_box{width: 94%;float: left;margin: 3%;}
.footer p {float:left;width:100%;color: #d8dde0;font-size: 12px;text-align: center;}
.footer p a:hover{text-decoration:none;}
.footer p span{height:30px;font-size:12px;color:#555;margin:0 auto;}
.footer p a{color: #d8dde0;font-size: 12px;}