@charset "utf-8";
/*头部样式*/
* {	margin: 0; padding: 0;}
a {text-decoration: none; color: #666;}
ul,li {	list-style-type: none; }
img{border: none}
:focus{ outline:none}
body {font: 16px "Microsoft Yahei"; color: #666; min-width: 1360px; background-color: #fff;}
		/* 头部导航栏 */
		.site-topbar {
			position: relative;
			height: 58px;
			background-color: #ff283c;
		}
		.topbar-container {
			position: relative;
			width: 1360px;
			height: 58px;
			margin: 0 auto;
			background-color: #ff283c;
			font-size:18px;
		}
		.topbar-container ul {
			float: left;
		}
		.topbar-container ul li {
			float: left;
			line-height: 58px;
		}
		.topbar-container ul a {
			padding: 0 35px;
			border-right: 1px solid #fff;
			color: #fff;
		}
		.topbar-container ul a:hover {
			color: #fff;
		}
		.topbar-container .topbar-container-first a {
			padding-left: 0;
		}
		.topbar-container .topbar-container-last a {
			border-right: none;
		}
		.topbar-info {
			float: right;
			width: 144px;
			height: 58px;
			background-color: rgb(76,76,76);
			line-height: 58px;
			text-align: center;
		}
		.topbar-info-entry {
			padding-right: 10px;
			border-right: 2px solid #fff;
			color: #fff;
		}
		.topbar-info-enroll {
			padding-left: 10px;
			color: #fff;
		}
		/* 下拉 */
		.top-drop {
			display: none;
			position: absolute;
			top: 58px;
			left: 0;
			width: 100%;
			padding: 20px 0;
			background-color: rgba(0,0,0,0.7);
			z-index: 2;
		}
		.drop-main {
			width: 1292px;
			padding-left: 68px;
			margin:0 auto;
		}
		.drop-main li {
			float: left;
			width: 135px;
			line-height: 36px;
			text-align: center;
		}
		.drop-main li a {
			display: block;
			color: #fff;
			font-size: 14px;
		}
		.drop-main li a:hover {
			color: #e65f25;
		}
/* 页头 */
.site-header {width: 100%;}
/*专栏页头中部*/
.header-container {width: 1360px;height: 125px;margin: 0 auto; position: relative;}
.logo{float: left; width: 254px; height: 125px}
.header-container a h4 { font-size: 24px; font-family: "微软雅黑"; color: #333333; float: left; margin-top: 40px; margin-left: 10px}
/*下拉框*/
#public_divselect{width:86px; position:absolute; left: 260px; top: 75px;}
#public_divselect cite{width:55px; height:24px;line-height:24px;  font-size: 20px; font-weight: 600; color: #040000;  font-family: "微软雅黑"; cursor:pointer;font-style:normal;padding-left:4px; padding-right:15px; background:url("../images/aticle_select.jpg") no-repeat right center;}
#public_divselect ul{width:88px;/*border:1px solid #dddddd;*/ background-color:#ffffff; position:absolute; left: -60px; z-index:20000; margin-top:-1px; display:none; overflow-y: scroll;  height:150px;scrollbar-arrow-color: #999694; scrollbar-face-color: #a4a3a2; scrollbar-track-color: #d1d0d0; }
#public_divselect ul li{height:24px; line-height:24px; width: 66px}
#public_divselect ul li a{display:block; height:24px; color:#666666; text-decoration:none; padding-left:10px; padding-right:10px;font-size: 20px;  font-family: "微软雅黑"; font-weight: 600;}
#public_divselect ul li a:hover{background-color:#e3e3e3;}

.header-container ul{ float: left;  margin-top: 35px; margin-left: 55px}
.header-container ul li{float: left;  width: 153px; margin-right: 15px; list-style: none inside;   overflow: hidden;  white-space: nowrap; text-overflow: ellipsis;}
.header-container ul li a{font-size: 16px; color: #666666; letter-spacing: 1px}
.header-container ul li a:hover{color:#e8672a}
/* 专栏搜索框 */
.columnist-bar {position: relative;float: right; width: 370px; height: 50px; margin-top: 20px; z-index: 3;}
.columnist-form input:first-child{position: absolute; right: 60px; width: 300px; height: 40px; font-size: 16px; text-indent: 15px; outline: none; border: 2px solid #e55f25; border-radius: 6px 0 0 6px; font-family: "微软雅黑";}
.columnist-keyword {color: #666666;font-size: 14px; font-family: "微软雅黑"; }
.columnist-button {
			position: absolute;
			right: 0;
			width: 60px;
			height: 44px;
			outline: none;
			background: #e55f25 url("../images/icon.png") -594px -48px;
			border: none;
			border-radius: 0 6px 6px 0;
			cursor: pointer;
		}

/*页头中部*/
.header-contain {width: 1360px;height: 125px;margin: 0 auto; position: relative;}
/*下拉框*/
#header_divselect{width:86px; position:absolute; left: 260px; top: 55px;}
#header_divselect cite{width:55px; height:24px;line-height:24px;  font-size: 18px; color: #040000;  font-family: "微软雅黑";  cursor:pointer;font-style:normal;padding-left:4px; padding-right:15px; background:url("../images/aticle_select.jpg") no-repeat right center;}
#header_divselect ul{width:88px;border:1px solid #dddddd; background-color:#ffffff; position:absolute; left: -140px; z-index:20000; margin-top:-1px; display:none; overflow-y: scroll;  height:150px;scrollbar-arrow-color: #999694; scrollbar-face-color: #a4a3a2; scrollbar-track-color: #d1d0d0; }
#header_divselect ul li{height:24px; line-height:24px; width: 71px}
#header_divselect ul li a{display:block; height:24px; color:#666666; text-decoration:none; padding-left:10px; padding-right:10px;font-size: 16px;  font-family: "微软雅黑";}
#header_divselect ul li a:hover{background-color:#e3e3e3;}    
    
.header-contain>select>option{border: none;}
.header-contain ul{ float: left;  margin-top: 55px; margin-left: 140px}
.header-contain ul li{float: left; margin-right: 30px; list-style: none inside;   overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; width: 153px}
.header-contain ul li a{font-size: 16px; color: #666666; letter-spacing: 1px}
.header-contain ul li a:hover{color: #e8672a}
/* 搜索框 */
.search-bar {position: relative; float: right; width: 370px; height: 50px; margin-top: 40px; z-index: 3;}
.search-form input:first-child{ position: absolute; right: 60px; width: 300px; height: 40px; font-size: 16px; text-indent: 15px; outline: none; border: 2px solid #e55f25; border-radius: 6px 0 0 6px; font-family: "微软雅黑";}
.search-keyword { color: #666666; font-size: 14px; font-family: "微软雅黑";}
.search-button {position: absolute; right: 0; width: 60px; height: 44px; outline: none; background: #e55f25 url("../images/icon.png") -594px -48px; border: none; border-radius: 0 6px 6px 0; cursor: pointer;	}

/*专栏视频*/
.video_box{height: 457px; width: 100%; background: #f2f2f2; clear: both;}
.video{width: 1360px; height: 437px;  margin: 0 auto}
.video_content{ width: 1360px; height: 254px; overflow: hidden;  margin-top: 57px; position: relative; /*background:red;*/}
.video_content ul{margin-right: -22px; position: absolute; left: 0; top: 0; transition: 0.5s;}
.video_content ul li{float: left; margin-right: 21px; width: 248px; height: 248px; border:2px solid #fff; border-radius: 2px; position: relative; padding:1px; overflow: hidden;}
.video_content ul li img{border-radius: 2px; width: 100%}
.video_content ul li .play_mask {width:100%; height:100%; position:absolute; top:0; left:0;background:url("../images/video_point.png") -172px -150px;  display: none; border-radius: 2px}
.video_content ul li:hover .play_mask{ display:block}
/*.video_content ul li img{margin:1px}
*/
.prev{display: block; width: 42px; height: 76px; background: blue; position: absolute; top: 90px; left: 3px;  background: url("../images/video_point.png") -24px -24px; }
.prev:hover{ background: url("../images/video_point.png") -232px -24px; }
.next{display: block; width: 42px; height: 76px; background: blue; position: absolute; top: 90px; right: 6px;  background: url("../images/video_point.png") -86px -24px;}
.next:hover{background: url("../images/video_point.png") -294px -24px}

		/* 页尾 */
		.footer {	
			width: 100%;
			height: 450px;
			background-color: #3e3e3e;
			overflow: hidden;
		}
		.footer-main {
			width: 1360px;
			height: 220px;
			margin: 60px auto 0;
		}
		.footer-main li {
			float: left;
			position: relative;
			height: 220px;
			border-right: 1px solid #616161;
			text-align: center;
			line-height: 30px;
		}
		.footer-main li:after {
			content: "";
			position: absolute;
			top: 0;
			right: -2px;
			height: 15px;
			border-right: 3px solid #eb6b33;
		}
		.footer-main li h3 {
			margin: 15px 0 2px;
			color: rgb(226,226,226);
		}
		.footer-logo {
			width: 259px;
		}
		.footer-logo a {
			display: inline-block;
			width: 170px;
			height: 180px;
			background: url("../images/jingling-icon.png") no-repeat -290px -570px;
		}
		.help {
			width: 320px;
		}
		.online-platform {
			width: 360px;
		}
		.help-icon,
		.online-platform-iocn {
			display: block;
			width: 100px;
			height: 80px;
			margin: 0 auto;
		}
		.help-icon {
			background: url("../images/jingling-icon.png") no-repeat -486px -641px;
		}
		.online-platform-iocn {
			background: url("../images/jingling-icon.png") no-repeat -612px -641px;
		}
		.help:hover .help-icon {
			background: url("../images/jingling-icon.png") no-repeat -32px -927px;
		}
		.online-platform:hover .online-platform-iocn {
			background: url("../images/jingling-icon.png") no-repeat -158px -927px;
		}
		.help-row1 {
			padding-right: 15px;
		}
		.help-row2 {
			padding-left: 15px;
		}
		.footer-main .contact-add {
			width: 310px;
			float: right;
			border-right: none;
		}
		.footer-main .contact-add:after {
			display: none;
			content:"";
		}
		.contact-number-icon,
		.contact-addr-icon {
			display: inline-block;
			width: 60px;
			height: 60px;
			vertical-align: middle;
		}
		.contact-number-icon {
			background: url("../images/jingling-icon.png") no-repeat -42px -802px;
		}
		.contact-addr-icon {
			background: url("../images/jingling-icon.png") no-repeat -131px -802px;
		}
		.contact-number {
			display: inline-block;
			vertical-align: middle;
		}
		.contact-number .phone-number a {
			font-size: 36px;
			color: #fff;
		}
		.phone-number a:hover {	
			color: #eb6b33;
		}
		.contact-number p {
			width: 245px;
			text-align: left;
		}
		.numb,.addr {
			margin-top: 10px;
		}
		.numb:hover .contact-number-icon {
			background: url("../images/jingling-icon.png") no-repeat -220px -802px;
		}
		.addr:hover .contact-addr-icon {
			background: url("../images/jingling-icon.png") no-repeat -309px -802px;
		}
		.new-media {
			position: relative;
			width: 100%;
			height: 43px;
			margin-top: 36px;
			border: 1px solid #5f5f5f;
			border-radius: 25px;
		}
		.weixin,.qq,.xinliang {
			position: absolute;
			top: -26px;
			width: 60px;
			height: 60px;
			-webkit-transition: 1s;
			transition: 1s;
			border-radius: 50%;
		}
        /*
		.xinliang:hover {
			-webkit-transform: rotate(360deg);
			transform: rotate(360deg);
		}*/
		.weixin {
			left: 50px;
			background: #3e3e3e url("../images/jingling-icon.png") no-repeat -394px -803px;
		}
		.wx-ewm {
			display: none;
			position: relative;
			top: -158px;
			left: -50px;
			width: 150px;
			height: 157px;
			background: url("../images/erweima.png") no-repeat;
		}
        .qq-ewm {
        	display: none;
        	position: relative;
        	top: -158px;
        	left: -50px;
        	width: 150px;
        	height: 157px;
        	background: url("../images/qqewm.png") no-repeat;
        	background-size: contain;
        }
        .blog-ewm{
        	display: none;
        	position: relative;
        	top: -158px;
        	left: -50px;
        	width: 150px;
        	height: 157px;
        	background: url("../images/blog-ewm.png") no-repeat;
        	background-size: contain;
        }
        .weixin:hover .wx-ewm,
        .qq:hover .qq-ewm,
        .xinliang:hover .blog-ewm {
        	display: block;
        }
		.qq {
			left: 128px;
			background: #3e3e3e url("../images/jingling-icon.png") no-repeat -473px -803px;
		}
		.xinliang {
			left: 205px;
			background: #3e3e3e url("../images/jingling-icon.png") no-repeat -554px -803px;
		}
		.footermenu {
			height: 78px;
			padding-top: 22px;
			margin-top: 50px;
			border-top: 1px solid #4a4a4a;
			text-align: center;
			line-height: 36px;
			color: #888;
		}
		.footermenu p a {
			padding:0 35px;
			border-right: 1px solid #5f5f5f;
			color: #888;
		}
		.footermenu p a:hover {
			color: #eb6b33;
		}
		.footermenu p span {
			padding-right: 20px;
		}
		.footermenu	.feedback {
			border-right: none;
		}
		a:hover {
			color: #eb6b33;
		}