@charset "utf-8";
*{margin:0;padding:0;outline:0;vertical-align:baseline;font-family:"Microsoft YaHei","微软雅黑","宋体";}
form,ul,li,ol,dl,dt,dd,img,i,em,h1,h2,h3,h4,h5,h6,input,button{border:none;list-style:none;text-decoration:none;font-style:normal;}
a{text-decoration:none;cursor:pointer;color: #3C3C3C;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
.fl{float:left;}
.fr{float:right;}
.w1180{width:1180px;margin:0 auto;height: auto;}

/*导航头*/
.xkd_nav{height: 88px;overflow: hidden;border-bottom: #e5e5e5 1px solid;}
.xkd_nav img.fl{margin-top:30px;}
.xkd_nav:after{display:block;content: " ";height: 0;visibility: hidden;clear: both;}
.xkd_nav ul{height:auto;overflow:hidden;}
.xkd_nav ul li{float:left;padding: 0 18px;height:88px;}
.xkd_nav ul li>a{font-size:16px;color:#565656;display: block;line-height:88px;}
.xkd_nav ul li:hover>a,.xkd_nav ul li.on>a{color: #ff9000;}
.xkd_nav li form{margin-top:24px;height:36px;font-size:14px;margin-right:10px;}
.xkd_nav li form input{display:inline-block;padding-left:40px;line-height:36px;border:#e5e5e5 1px solid;background:url(../../images/vfx/syzn/search_ico.png) no-repeat 10px center;border-radius:4px 0 0 4px;}
.xkd_nav li form button{background-color: #ff9800;width:70px;height:38px;color:#fff;display: inline-block;border-radius:0 4px 4px 0;}

/* l2级导航 */
.main{background-color: #f5f5f5;height:auto;padding-top:20px;overflow: hidden;padding-bottom: 30px;}
.main .onleft{width: 860px;background-color: #fff;float: left;}
.main .lev_nav{height: 90px;border-bottom: #e5e5e5 1px solid;margin: 0 40px;}
.main .lev_nav li{font-size: 18px;color:#565656;float: left;margin-top:50px;line-height:38px;margin-right: 40px;}
.main .lev_nav li>a{color:#565656;display:block;}
.main .lev_nav li:hover>a,.main .lev_nav li .on{color:#ff9000;border-bottom: #ff9000 3px solid;}
.main .lev_nav li:hover{border-bottom: #ff9000 1px solid;}

.layer1{height:auto;float: left;width: 860px;padding-bottom:60px;}
.layer1 .tab_nav{margin: 0 40px;height: auto;overflow: hidden;}
.layer1 .tab_nav p{float: left;margin-right: 30px;margin-top: 30px;font-size: 16px;}
.layer1 #tab2,.layer1 #tab3{display: none;}
.layer1 ul{height: auto;clear: both;margin-top: 30px;margin-left: 40px;width: 700px;}
.layer1 ul li{margin-bottom: 50px;height:130px;}
.layer1 ul li img{float:left;width: 220px;height: 130px;}
.layer1 ul li p{float: left;float: left;margin-left: 20px;width: 460px;}
.layer1 ul li p a{font-size:22px;line-height:42px;color: #000;}
.layer1 ul li em{font-size:16px;color:#7a7a7a;display:block;}
.layer1 ul li span{color:#7a7a7a;display:block;float:left;}
.layer1 ul li i{float:right;display: block;color: #7a7a7a;}

.layer1 ul.pagination{text-align:right;clear: both;height:38px;overflow: hidden;margin-top: 0;margin-left:0;}
.layer1 .pagination li{display: inline-block; min-width:35px;text-align: center;box-sizing: border-box;color: #999;height:36px;margin-bottom: 0;}
.layer1 .pagination li:last-child {margin-left:10px}
.layer1 .pagination li a{display: inline-block;font-size:14px;line-height: 34px;padding: 0 12px;color: #a3a3a3;background-color: #fff;border-radius: 4px;border: 1px solid #c9c9c9;margin-left: 3px;cursor: pointer;}
.layer1 .pagination li:hover a{color: #13b5ad;}
.layer1 .pagination li.thisclass{color: #fff;background-color: #13b5ad;display: inline-block;font-size: 14px;line-height: 34px;padding: 0 12px;border-radius: 4px;border: 1px solid #13b5ad;margin-left: 3px;cursor: pointer;}

.main .onright{width: 300px;float: right;}
.title_r{font-size:18px;margin-bottom: 20px;padding-top: 30px;}
.layer2{padding-left:20px;background-color: #fff;height:auto;overflow: hidden;padding-bottom: 30px;}
.layer2 p{color: #7a7a7a;margin-top: 10px;margin-bottom: 10px;}
.layer2 i{color: #7a7a7a;}

.layer3{padding-left:20px;height: auto;overflow: hidden;background-color:#fff;margin-top: 20px;}
.layer3 li{position: relative;margin-bottom: 40px;}
.layer3 li img{height: 156px;}
.layer3 li p{position:absolute;background-color:rgba(0, 0, 0, 0.2);line-height: 36px;font-style: 16px;text-align: center;bottom: 0;color: #fff;width: 240px;}

/*文章页样式开始*/
.l_article{padding:0 40px;overflow: hidden;height: auto;clear: both;}
.l_article .crumbs{height: auto;overflow: hidden;padding: 30px 0 20px 5px;font-size: 14px;color:#6c6c6c;margin-bottom: 20px;}
.l_article .l_text .title_l{font-size: 30px;text-align: center;font-weight: normal;}
.l_article .l_text .article_tim{overflow: hidden;text-align:center;color: #7d7d7d;margin-top: 20px;}
.l_article .l_text .article_tim em{font-size: 14px;margin-right:18px;display: inline-block;}
.l_article .l_text span em{color: #f56b26;}
.l_article .l_text .body{font-size: 14px;color: #4e4e4e; line-height: 30px;margin:20px 0 60px;}
.l_article .l_text .body p{text-indent:2em;}
.l_article .like{padding-top:20px;}
.l_article .like strong{display: block;font-size: 18px;color:#0b0b0b;margin-bottom: 20px;font-weight: normal;}
.l_article .like a{display: block;margin-bottom: 16px;}
.l_article .like a span{display: block;color:#ff8900;margin-bottom: 6px;}
.l_article .like a p{color:#666;line-height: 24px;}
.l_article .tjtag{padding:25px 0;}
.l_article .tjtag .bq span.fl strong{font-size: 18px;}
.l_article .tjtag .bq span.fl a{display: inline-block;color:#373737;padding: 5px 12px;background: #dedcdc;margin-right: 5px;}
.l_article .tjtag .tjyd strong{display: block;font-size: 18px;color:#0b0b0b;margin-bottom: 14px;}
.l_article .tjtag .tjyd a{display: inline-block;font-weight: bold;color:#373737;margin-right: 54px;margin-bottom: 10px;}
.l_article .tjtag .Turn{overflow: hidden;text-align: left;color: #666;}
.l_article .tjtag .Turn em{display:inline-block;width: 375px;font-size: 14px;line-height: 40px;}
.l_article .tjtag .Turn em a{font-size: 16px;font-weight: normal;color:#666;}
.l_article .tjtag .Turn p{line-height: 32px;color: #000;font-size: 16px;}
.l_article .tjtag .Turn p i{color: #FF9800;}

.upgrade_img{margin-bottom: 30px;}

.footer{background-color: #393b3d;color: #adadad;padding-top: 30px;}
.footer .width{width: 1200px!important;margin: 0 auto;}
.footer a{color: #FFF;font-size: 14px;}
.footer .f_info{height: auto;overflow: hidden;}
.footer .f_info dl{float: left;border-right: 1px dashed #4b4b4b;height: auto;overflow: hidden;}
.footer .f_info dl dt{font-size: 18px;color: #FFF;margin-bottom: 25px;line-height: 30px;height: 30px;}
.footer .f_info dl dt::before{display: block;content: "";width: 26px;height: 26px;background-image: url(../images/hf/footer_icons.png);float: left;margin-top: 2px;}
.footer .f_info dl dt::after{display: block;content: "";width: 1px;height: 16px;background-color: #616264;float: left;margin: 7px 5px 0 0;}
.footer .f_info dl:nth-child(1){width: 160px;}
.footer .f_info dl dd a{display: block;line-height: 36px;padding-left: 20px;position: relative;}
.footer .f_info dl dd a:hover::before{display: block;content: "";width: 0;height: 0;border-left: 3px solid #FFF;border-top: 3px solid transparent;border-bottom: 3px solid transparent;position: absolute;top: 15px;left: 0;}
.footer .f_info dl:nth-child(2){padding: 0 37px;}
.footer .f_info dl:nth-child(2) dt{width: 120px;margin: 0 auto 25px;}
.footer .f_info dl:nth-child(2) dt::before{background-position: -26px 0;}
.footer .f_info dl:nth-child(2) dd{width: 135px;float: left;}
.footer .f_info dl:nth-child(2) dd:nth-of-type(1){margin-right: 40px;}
.footer .f_info dl:nth-child(3){padding: 0 60px 0 40px;}
.footer .f_info dl:nth-child(3) dt::before{background-position: -52px 0;}
.footer .f_info dl:nth-child(4){padding: 0 60px;}
.footer .f_info dl:nth-child(4) dt::before{background-position: -78px 0;margin-right: 3px;}
.footer .f_info dl:nth-child(4) dd p{font-size: 12px;line-height: 24px;color: #FFF;border-bottom: 1px dashed #4b4b4b;padding: 7px 0;}
.footer .f_info dl:nth-child(4) dd p:last-child{border: none;}
.footer .f_info dl:nth-child(4) dd p b{color: #FFF;font-weight: bold;font-size: 12px;display: block;}
.footer .f_info dl:nth-child(4) dd p::before{display: block;content: "";width: 26px;height: 26px;background: url(../images/hf/footer_icons.png) -104px 0;float: left;margin: 11px 15px 0 0;}
.footer .f_info div{float: right;text-align: center;font-size: 14px;color: #adadad;}
.footer .f_info div a{display: block;width: 100px;height: 30px;line-height: 30px;font-size: 14px;color: #FFF;border-radius: 15px;background-color: #2380ff;margin: 0 auto;}
.footer .f_info div img{display: block;margin: 32px auto 20px;width: 120px;height: 120px;}
.footer .f_link{font-size: 0;position: relative;padding: 20px 0;border-bottom: 1px solid #4B4B4B;display: none;}
.footer .f_link p{font-size: 14px;color: #FFF;display: inline-block;vertical-align: bottom;width: 98px;position: relative;line-height: 16px;}
.footer .f_link p::before{display: block;content: "";width: 26px;height: 26px;background: url(../images/hf/footer_icons.png) -130px 0;float: left;margin: 3px 5px 0 0;}
.footer .f_link p::after{display: block;content: "";width: 1px;height: 26px;background-color: #4b4b4b;position: absolute;top: 5px;right: 0;}
.footer .f_link p b{display: block;font-size: 12px;font-weight: bold;color: #FFF;}
.footer .f_link a{display: inline-block;color: #adadad;font-size: 12px;padding: 0 12px;vertical-align: bottom;border-right: 1px solid #4b4b4b;}
.footer .f_link a:last-child{border: none;}
.footer .f_link em{display: block;font-size: 12px;color: #FFF;height: 16px;line-height: 16px;width: 264px;border: 1px solid #4b4b4b;border-radius: 8px;text-align: center;position: absolute;right: 0;bottom: 25px;}
.footer .f_bot{height: auto;overflow: hidden;}
.footer .f_bot .fl{padding: 20px 0;}
.footer .f_bot .fr{width: 300px;padding-top: 38px;}
.footer .f_bot ul li,.footer .f_bot ul li a{font-size: 12px;color: #adadad;line-height: 30px;}
.footer .f_bot .fr li{text-align: center;}
.footer .f_bot .fr li:first-child a{display: inline-block;width: 39px;height: 39px;background-image: url(../images/new_footer/icons.png); background-position: 0 -36px;}
.footer .f_bot .fr li:first-child a:nth-child(2){background-position: -42px -36px;}
.footer .f_bot .fr li:last-child{height: auto;overflow: hidden;}
.footer .f_bot .fr li:last-child a{display: block;width: 68px;height: 22px;line-height: 22px;border: 1px solid #4B4B4B;border-radius: 4px;margin-right: 6px;float: left;margin-bottom: 6px;}
.footer .f_bot .fr li:last-child a:nth-child(4n){margin-right: 0;}

/* 弹窗 */
.pop_tit{padding-bottom: 0!important;}
.popup_bg .tel{position: inherit!important;}
.pop_bot{display: block!important;}