/**
 * Created by wanping on 2015/10/22
 */
.new-index ul, .new-index ul li {
	display: block;
	width: 100%;
}
/*banner*/
.ql_banner {width: 100%;overflow: hidden;text-align:center;clear:both;position: relative;}
.ql_banner li a{display:block;width:1000px;margin:0 auto; cursor:pointer;}
.ql_banner ul li {float: left;width: 100%;}
.ql_banner .dots {position:  absolute; left: 0;bottom: 10px;width: 100%;text-align: center; }
.ql_banner .dots li {display: inline-block;width: 10px;height: 10px;margin: 0 4px;text-indent: -999em;border: 2px solid #fff;border-radius: 6px;cursor: pointer;opacity: .4;-webkit-transition: background .5s, opacity .5s;-moz-transition: background .5s, opacity .5s;transition: background .5s, opacity .5s;}
.ql_banner .dots li.active {background: #fff;opacity: 1;width: 24px;}
.ql_banner .arrow{display: block;width: 50px;height: 50px;position: absolute;top:50%;}
.ql_banner .prev{background: url(../images/prev.png) left top no-repeat;left: -50px;-webkit-transition:left 300ms; transition:left 300ms;}
.ql_banner .prev:hover{background: url(../images/prev_on.png) left top no-repeat;}
.ql_banner .next{background: url(../images/next.png) left top no-repeat;right: -50px;-webkit-transition:right 300ms; transition:right 300ms;}
.ql_banner .next:hover{background: url(../images/next_on.png) left top no-repeat;}
.ql_banner:hover .prev{left: 120px;}
.ql_banner:hover .next{right: 120px;}
/*焦点图*/
.focus{ position:absolute; width:300px; height:203px; background-color: #000; float: left;overflow:hidden;}  
.focus img{ width: 334px; height: 203px;} 
.focus .shadow .title{width: 260px; height: 35px;padding-left: 30px;padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px;  margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  
.focus .fPic{ position:absolute; left:0px; top:0px; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:35px; line-height: 35px; background:rgba(0,0,0,0.6);    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }  
.focus .shadow a{ text-decoration:none; color:#fff; font-size:14px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}  
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }  
.focus .fcon img{ display:block; }  
.focus .fbg{bottom:25px; right:30px; position:absolute; height:21px; text-align:center; z-index: 200; }  
.focus .fbg div{margin:24px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative; display:inline; width:10px; height:10px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#0e3092;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
 
.pr_index{margin:0 auto; width:1000px; height:auto; overflow:hidden; margin-top:10px;}
.pr_index_t{width:auto; line-height:35px; text-align:center;background:url(../images/index_hx.jpg) bottom center no-repeat ; font-size:16px; font-weight:bold; color:#666}
.pr_index_d {width:1000px;height:auto ;text-align:center;}
.pr_index_d ul {margin:0 auto;width:auto;display:table;text-align:center;overflow:hidden}
.pr_index_d ul li {float:left;width: auto;line-height:20px;border:#f2f2f2 solid 1px;margin:10px;overflow:hidden;padding:3px 10px 3px 10px;}
.pr_index_d ul li h3 a{font-size:14px;}
 
.pro_bg{background:#eaeaea;padding-top:10px;width:100%}
.pro_index{margin:0 auto;width:1000px;}
.pro_index ul{width:1020px;overflow:hidden;padding-bottom:20px;}
.pro_index ul li{float:left;width:242px;margin-right:12px;background:#fff;height:272px;-webkit-transition: all .2s linear; transition: all .2s linear;}
.pro_index ul li a{display:block;text-align:center;}
.pro_index ul li:nth-child(n+2):hover{-webkit-box-shadow: 3px 3px 8px #a0a0a0;-moz-box-shadow: 3px 3px 8px #a0a0a0;box-shadow: 3px 3px 8px #a0a0a0;}
.pro_index ul li p{font-size:16px;}
.pro_index ul li a em{display:block;font-style: normal;font-size:13px;}

.m_contents {
	display: block;
	width: 100%;
	height: 280px;
	margin-bottom: 5px;
}
.m_contents .block-title {
	width: 100%;
	height: 75px;
	display: block;
	overflow: hidden;
	position: relative;
	
}
.m_contents .block-title p {
	height: 67px;
	line-height: 73px;
	font-size: 18px;
	font-weight: bold;
	background: url("images/index/index.flow.png") no-repeat scroll transparent;	
	border-bottom:solid 2px #0e3092;
	padding-left:40px;
}
.m_contents .block-title p a {
	color: #000;
	display: inline-block;
	padding:0 18px;
}
.m_contents .block-title p a.cur{color:#0e3092;border-bottom:solid 5px #0e3092; height:64px;}
.m_contents .block-title .hot-info-icon {
	background-position: -162px 20px
}
.m_contents .block-title .hot-video-icon {
	background-position: -162px -35px;
}
.m_contents .block-title .hot-zhanti-icon {
	background-position: -162px -90px;
}
.m_contents .block-title .hot-jishu-icon {
	background-position: -162px -150px;
}


.m_contents .block-title .see-more {
	position: absolute;
	right: 0;
	top: 50%;
	color: #000000;
	line-height: 22px;
	font-size: 14px;
	margin-top: -11px;
}
.m_contents .block-title .see-more:hover {
	color: #0e3092;
}
.m_contents .block-title .see-more span {
	color: #0e3092;
	margin-left: 3px;
	position: relative;
	top: -2px;
}
.hot-information {
	width: 958px;
	float: left;
}
.hot-video {
	width: 308px;
	float: right;
}

.synews{float:right;width:368px;}

.qlnews  dd{
	height:35px;
	line-height:35px;	
	display: block;
	padding:0 10px 0 0;
	margin:0;
	background:url(img/c-bg.png) no-repeat  -660px -195px;	
	}
.qlnews  dd a{float:left;font-size:14px;padding-left:20px;color:#000;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:280px;}
.qlnews  dd a:hover{color:#0e3092;}
.qlnews  dd span{float:right;}

.hot-information .hot-info-images {
	width: 302px;
	height: 203px;
	float:left;
}


.hot-information .hot-info-block .hot-info-text {
	width: 402px;
	height: 100%;
	float: right;
	display: block;
	position: relative;
	z-index: 2;
	padding-left: 11px;
}
.hot-information ul li + li .hot-info-text {
	border-top: 1px solid #e5e5e5;
}


.hot-information .hot-info-block .hot-info-name, .hot-information .hot-info-block .hot-info-simple {
	width: 100%;
}


.hot-video li {
	height: 35px;
	line-height: 35px;
	position: relative;
	text-indent: 10px;
	overflow: hidden;
	border-bottom: solid 1px #ececec;
}

.hot-video li.hot-video-image {
	height: 181px;
}

.hot-video li a {
	color: #000000;
	font-size: 14px;
	font-weight: normal;
}
.hot-video li a:hover {
	color: #0e3092;
}
.hot-video li.hot-video-image img {
	width: 100%;
	height: 100%;
	display: block;
}
.hot-video li.hot-video-image .overLayer {
	
	display: none;
}


.hot-video li.hot-video-image .icon_play {
	background: url(img/download/paly.png) no-repeat center center;
	background-color: rgba(0, 0, 0, 0);
	height: 54px;
	left: 50%;
	margin-left: -27px;
	margin-top: -39px;
	top: 50%;
	width: 54px;
	position: absolute;
	z-index: 3;
}
.hot-video li.hot-video-image .hot-video-option {
	/*opacity: 0.4;*/
    /*filter: alpha(opacity=40);*/
    /*background: #000;*/
	background: url("images/black0.8.png") repeat scroll 0 0;
}
.hot-video li.hot-video-image .hot-video-option, .hot-video li.hot-video-image .hot-video-title {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 30px;
	color: #ffffff;
	line-height: 30px;
 *line-height: 30px;
	display: block;
	z-index: 2;
}

.hot-jishu-content ul{
	background:none;
	border:none;
	}
.hot-jishu-content ul li{height:35px;line-height:35px; border-bottom:solid 1px #e5e5e5}	
.hot-jishu-content ul li a{color:#333}

.come-from .qq {
    display: inline-block;
    height: 25px;
    vertical-align: middle;
    width: 35px;
}
 .fresh-text {
    font-size: 14px;
    height: 26px;
    line-height: 24px;
    margin-top: 5px;
    position: relative;
    width: 100%;
}
.come-from {
    display: inline-block;
    position: relative;
}
.fresh-time {
    color: #000000;
    float: right;
    font-size: 14px;
}
.group-content {
    display: block;
    margin-bottom: 10px;
    overflow: hidden;
    width: 100%;
}
.group-content .block-title {
    display: block;
    height: 75px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.group-content .block-title p {
    background: transparent url("images/index/index.flow.png") no-repeat;
    font-size: 18px;
    font-weight: bold;
    height: 67px;
    line-height: 73px;
	border-bottom: 2px solid #0e3092;
	padding-left: 40px;
	
}

.group-content .block-title p a {
    color: #0e3092;
    display: inline-block;
	border-bottom: 5px solid #0e3092;
	height: 64px;
	padding:0 10px;
	width:auto;
}
.group-content .block-title .case-icon {
    background-position: -162px -208px;
}


.product_ul{ width:1180px; margin:0 auto;margin-top:11px;}
.product_ul .product_li{width:23.8%;margin-left:1.6%;float:left;margin-top:19px;}
.product_ul .product_li:nth-child(4n+1){margin-left:0;}
.product_ul .product_li .p_img{width:100%;padding-bottom:75%;position:relative;}
.product_ul .product_li .p_img img{width:100%;height:100%;position:absolute;left:0;top:0;display:block;object-fit:cover;border:1px solid #DADBDA;transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;}
.product_ul .product_li .p_img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}
.product_ul .product_li p{margin:0;line-height:40px;color:#434343;text-align:center;background:#f0f0f0;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.product_ul .product_li p a{color:#434343;}


.home{width:1000px; margin:0 auto; position:relative;}
.mtop20{margin-top:40px;}
.hotWrap{ height:320px; position:relative; top:-110px;}
.hotWrap .hot{ width:1000px; height:320px; overflow:hidden; position:relative;margin: 0 auto;}
.hotWrap .block-title a{ width:12px; height:18px; display:block;} 
.hotWrap .block-title .traL{ background:url(images/sec_05.png) no-repeat; margin-top:35px;}
.hotWrap .block-title .traL:hover{ background:url(images/sec_08.png) no-repeat;}
.hotWrap .block-title .traR{ background:url(images/sec_07.png) no-repeat; margin:35px 15px 0 35px;}
.hotWrap .block-title .traR:hover{ background:url(images/sec_06.png) no-repeat;}
.hotWrap .hotB{ width:5000px; height:222px; position:absolute; top:40px; left:0;}
.hotWrap .hotB li{ width:330px; height:220px; float:left; margin-right:11px; cursor:pointer; text-align:center; overflow:hidden;position: relative;}
.hotWrap .hotB li a img{width:330px;height:220px;}
.hotWrap .hotB li .bg { width: 100%; height: 30px; background: #000; filter: alpha(opacity=40); opacity: 0.4; position: absolute; bottom: 0px; left: 0px; z-index: 1; }
.hotWrap .hotB li .text { width: 100%; height: 30px; position: absolute; bottom: 0px; left: 0px; z-index: 2; }
.hotWrap .hotB li .text h4 { height: 30px; overflow: hidden; }
.hotWrap .hotB li .text h4 a { width: auto!important; height: 30px!important; line-height: 30px; padding: 0 5px; font-size: 14px; overflow: hidden; text-align: center; color: #fff; }

.hotWrap .hotB li:hover{ box-shadow:0px 2px 10px rgba(0,0,0,0.2);}

.ql-main .m_contents {
	padding-right: 325px;
	position: relative;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.ql-main .m_contents .hot-video {
	position: absolute;
	right: 0;
	top: 0;
}
.ql-main .m_contents .hot-information {
	width: 100%;
}

.clear{clear: both}	
.mr15{margin-right: 15px;}		
.mer{width: 1000px;float: left;}
.mer .mlis{width:236px;float: left;color: #0e3092;height: 50px;line-height: 50px;text-align: center;margin-bottom: 15px;border: 1px solid #0e3092;border-radius: 5px;font-size: 18px;}
.mer .mlis:hover{background: #0e3092;color: #fff;}
.mer .mlis.on{background: #0e3092;color: #fff;}	
.mer .mlis .asf{color: #0e3092;}
.mer .mlis .sas{color: #fff;}	

.port-1{float: left; width:330px;height: 220px; position: relative; overflow: hidden; text-align: center; border: 4px solid rgba(255, 255, 255, 0.9);}
.port-1 .text-desc{position: absolute; left: 0; top: 0; height: 100%; background: rgba(0, 0, 0, 0.7); width: 100%;top: -100%; transition: 0.5s; color: #fff;}
.port-1 img{transition: 0.5s;}
.port-1:hover img{transform: scale(1.2);}
.titmer{font-size: 16px;color: #fff;text-align: center;font-weight: bold;padding-bottom: 10px;}
.titmer4{width: 80%; font-size: 14px;color: #fff;text-align: left;padding-left: 30px;line-height: 28px;height:56px; overflow: hidden;}		
.titmer2{width: 80%; font-size: 14px;color: #fff;text-align: left;padding-left: 30px;line-height: 28px;}	
.titmer3{width: 80%;font-size: 14px;color: #fff;text-align: right;padding-left: 30px;padding-top: 12px;font-weight: bold;}	
.titmer3 a{color: #fff;}
.titmer3 a:hover{ text-decoration: underline;}	
.port-1.effect-2 .text-desc{top: auto; bottom: -100%;}
.port-1.effect-2:hover .text-desc{bottom: 0;}
.port-1 .titmer_a{position:relative;z-index99;top:-40px;text-align:center;color:#fff;font-size:14px;background: rgba(0, 0, 0, 0.7);height:40px;line-height:40px;}

.port-1 .image-box img{
	width:100%;
	}
.port-1 .image-box h3{
	width:100px;
	position:absolute;
	border-bottom:0px;
	line-height:35px;
	z-index:100;
	}