/*------------------------------------------
copyright:　　Copyright (c) 2014, ares-sport.com All rights reserved
author:　　　leozhong(chenxiaozhong)
Version:　　　1.0
Date:　　　　2017/02/14
--------------------------------------------*/

*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body{line-height:1.4;/*background:#f7f7f7; /*min-width: 1200px;*/}
  html, body {
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
        }
body,input,textarea,select{font-size:12px;font-family:'Microsoft YaHei','Helvetica','sans-serif';color:#666}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,form,dl,dt,dd{margin:0}
ul,ol{padding-left:0;list-style-type:none}
a img{border:0}
table{border-collapse:collapse;border-spacing:0}
textarea{overflow:auto;vertical-align:top}
a{color:#444;text-decoration:none}a:hover{text-decoration:none}
img{vertical-align:middle}

.clear{clear:both;/*font-size:0;height:0;line-height:0;overflow:hidden;*/}
.clearfix:after{ content:"."; display:block; height:0; visibility:hidden;clear:both}
.clearfix{ display:block; *display:inline-block}
*html .clearfix{height:1%}



audio, canvas, video {
    display: inline-block;
}

.fl{float:left}
.fr{float:right}
.tnd{display:inline-block;text-indent:-999em;position:absolute}
.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt20{padding-top:20px}
.pt30{padding-top:30px}
.pt40{padding-top:40px}
.pt50{padding-top:50px}
.pl20{padding-left:20px}
.pb5{padding-bottom:5px}
.pb40{padding-bottom:40px}
.mt16{margin-top:16px}
.mt22{margin-top:22px}
.ml40{margin-left:40px}
.mr18{margin-right:18px}
.mr40{margin-right:40px}
.lh55{line-height:55px}
.rel{position:relative}

.w1200{width:1200px; margin:auto;}
.cf{
    *zoom: 1;
}
.cf:after{
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
    content: ".";
}

.ico2 {
    background: url(../images/icon2.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
}


/*-------------------------- header ---------------------------*/
.top_bar{
    position: fixed;
    top: 0;
    left: 0;
    height:70px;
    width:100%; 
    background:#fff;
    z-index: 1000;
	/* border:1px solid black; */
}
.container{width:1200px; margin:0 auto; overflow: hidden;}
#menu-btn{display:none}
.header{
    padding-top: 65px;
}
.header .logo{
    float:left; 
    width:200px; 
    height:70px; 
    /* margin:18px 30px 0 0 !important;  */
    background:url(../images/logo.png) no-repeat;
	background-size:100% 100%;
}
.header .logo a{
    display: block;
    width: 100%;
    height: 100%;
}
/* .header .logo:hover{opacity:.7} */
.header .nav{position:relative;z-index:1;}
.header .nav li{float:left;}
.header .nav a{display:block; text-align: center;line-height:23px; font-family:"微软雅黑",Helvetica,sans-serif; color:#303030; width: 100px; padding: 13px 0 12px;  font-size: 14px;}
.header .nav li.on a,.header .nav a:hover{
    background-color: #003a89;
    color: #fff;
}
.header .nav li span{ display: block;}

.header .container,
.wrap_container{
    /* width: 1200px; */
    margin: 0 auto;
}

.img_bg{ background:url(/images/img_bg2.png) no-repeat;background-size:100% 100%;}


/*banner*/
 .banner { width: 100%; height: auto; position: relative; -webkit-user-select: none; -moz-user-select: none; }  
 .banner .swiper-slide { width: 100%; height: auto; position: relative; }  
 .banner .swiper-slide .bg { width: 100%; height: auto; }  
 .banner .swiper-slide .bg img { width: 100%; height: auto; }   
 .banner .swiper-pagination-bullet { background-color: #fff; opacity: 1; border-radius: 4px; transition: all 0.3s; }  
 .banner .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #0075a9; width: 48px; }  
 .banner .banner-btn { position: absolute; z-index: 3; color: #fff; top: 50%; cursor: pointer; outline: none; }  
 .banner .banner-btn i { display: block; width: 32px; height: 20px; background-size: 32px 9px; background-repeat: no-repeat; float: left; }  
 .banner .banner-btn span { display: block; float: left; font-size: 20px; line-height: 20px; }  
 .banner .banner-prev { left: 3.6%; }  
 .banner .banner-prev i { background-image: url(../images/04.png); background-position: left 4px; }  
 .banner .banner-prev span { margin-left: 16px; }  
 .banner .banner-next { right: 3.6%; }  
 .banner .banner-next i { background-image: url(../images/05.png); background-position: right 4px; }  
 .banner .banner-next span { margin-right: 16px; } 

/*footer*/
#footer { position: relative; width: 100%; background: url(../images/bj.jpg) no-repeat center; background-size:100% 100%; height: 274px }  
.nav_foot { line-height: 24px; }  
.copyright { line-height: 24px; width: 400px; margin-left: 102px; padding-top: 72px; font-size: 14px; color: #e8e7e7; }  
.copyright a { color: #e8e7e7 }  
.copyright .bott { margin-bottom: 18px }  
.botcont { width: 410px; color: #e8e8e8; font-size: 14px; line-height: 28px; padding-top: 62px; }  
.bott { color: #ffffff; margin-bottom: 10px }  
.bott h1 { font-size: 24px } 
.bott h2 { padding-top: 14px; font-size: 14px; font-weight: 500; }  
.botcode { width: 168px; height: 195px; background: rgba(255, 255, 255, 0.1);

 box-sizing: border-box; text-align: center; font-size: 14px; color: #ffffff; padding-top: 14px; margin-top: 43px; line-height: 48px; } 

/*标题*/
.zhu_tit{text-align: center;}
.zhu_tit a{display: inline-block; /*background: url(../images/zhu_tit.png) no-repeat 50% 50%;*/ background-size: 100% 100%; width: 75%; padding: 5px 0;}
.zhu_tit a h1{font-size: 25px; color: #003a89; font-family: "Arial"; line-height: 30px; font-weight: bold;}
.zhu_tit a h2{font-size: 25px; color: #003a89; line-height: 30px;}

  .more {
 	width: 200px;
 	height: 38px;
 	line-height: 38px;
 	text-align: center;
 	color: #aba8a8;
 	display: block;
 	margin:auto;
	margin-bottom:10px;
 	background: #fff;
 	text-transform: uppercase;
 	transition: all .3s ease-out 0s;
 	box-shadow: 0 3px 10px #dedede;
	font-size:18px;
 }

 .more span {
 	display: inline-block;
 	width: 40px;
 	height: 38px;
 	line-height: 38px;
 	background: url(/mycms/templates/images/icon.png) no-repeat 12px -92px #f4ae03;
 }

  .more:hover {
 	background: #f4ae03;
 	color: #fff;
 	text-indent: 10px
 }

  .more:hover span {
 	color: #fff
 }

/*服务项目*/
.vision_con{margin-bottom:30px;}
.vision_con .piece{ padding: 5% 3% 5%;  } 
.vision_con .v_tit{ margin: 0 auto 2.2%; font-size: 36px; text-align: center; color: #003a89; } 
.vision_con .v_txt{ font-size: 17px; color: #6b6b6b; /*white-space: nowrap;*/ /*text-align: center;*/ line-height: 46px; } 
.vision_con .v_tip{ padding: 4% 10% 0; text-align: center; font-size: 22px; color: #003a89; } 
.vision_con .item{ overflow: hidden; *zoom: 1; margin-bottom:30px;  } 
.vision_con .item li{ float: left; width: 49.2%; margin-bottom: 1.5%; box-sizing: border-box; } 
.vision_con .item li img{width:100%; height:100%;}
.vision_con .item .mr_li{ margin-right: 1.5%; } 

.vision_con .item .mr_li .masklayer { width:100%; height: 100%; position: relative; top: 0; left: 0; z-index: 2; overflow: hidden; transition: all 0.6s; border:1px solid black; background:red; }  
/* .vision_con .item li .img_2{ display: none; }  */
/* .vision_con .item li a:hover .img_1{ display: none; }  */
/* .vision_con .item li a:hover .img_2{ display: block; }  */

/*动态数字*/
 .numbers { /*width: 80%;*/ display: flex; /*position: absolute;*/ bottom: 0; left: 0; justify-content: space-between; flex-wrap: wrap;  margin-top:10px;/*padding:58px 0; */}  
 .numbers .item { /*width: 23%;*/ margin-top: 35px;  }  
 .numbers .item .num { font-size: 64px; line-height: 50px; font-family: 'DINCondensed'; color: #003a89; text-align:center;  }  
 .numbers .item .text { width: 100%; font-size: 20px; color: #8f8f8f; margin-top: 15px;text-align:center; padding:5px 10px; /*background:#003a89 */  }  

 
 /*活动案例*/
.js_main .js_content .js_new{margin-top: 50px;}
.js_main .js_content .js_new .js_coll{position: relative;}
.js_main .js_content .js_new .swiper-button-prev{left: -40px;}
.js_main .js_content .js_new .swiper-button-next{right: -40px;}
.js_main .js_content .js_new .js_box{display: block; overflow: hidden; border-radius: 7px; border: 1px solid #cecdcd;}
.js_main .js_content .js_new .js_box .imgbox{position: relative; display: block; overflow: hidden;}
.js_main .js_content .js_new .js_box .mask{width: 100%; height: 100%; position: absolute; top: 100%; left: 0; background: rgba(206,147,60,0.7); overflow: hidden;}
.js_main .js_content .js_new .js_box .mask .txtbox{position: absolute; top: 50%; transform: translate(0%,-50%); max-width: 100%; max-height: 100%; text-align: center; width: 100%;}
.js_main .js_content .js_new .js_box .mask .txtbox h1{font-size: 25px; color: #FFFFFF; font-weight: bold; display: table-cell; display: inline-block; width: 90%; border-bottom: 1px solid #FFFFFF; padding: 10px 0;}
.js_main .js_content .js_new .js_box .mask .txtbox h2{font-size: 25px; color: #FFFFFF;padding: 5px 0;}
.js_main .js_content .js_new .js_box:hover .mask{top: 0;}


.indexpro{
	width:100%;
	/* height:750px; */
	/* border:1px solid black; */
	    background: #f5f5f5;
	 padding:5px 0;
	margin:auto;
	margin-top:50px;
	margin-bottom:50px;
	/* overflow: hidden;  */
	/* *zoom: 1;  */
}


 .index_b{
    width: 95%;
	/* height:580px; */

    margin: auto;
	/* margin-top:30px; */
    padding-top:16px;
    overflow: hidden;
	padding-bottom:30px;
	
}

.index_bs{
    padding-top:5px;
	/* border:1px solid blue; */
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
	background:url(../images/bg01.png) ;
}

.indexpro .indexpro_l{
	position:relative;
	/* border:1px solid black; */
	left:7px;
    width:30px;
	height:100%;
    background:url(../images/main_title.png) no-repeat;
	background-size:100% 100%;
	
}
.indexpro .indexpro_r{
	position:relative;
	right:7px;
	width:30px;
	height:100%;
	
    /* border:1px solid black; */
	background:url(../images/main_title.png) no-repeat;
	background-size:100% 100%;
}

.index_bs a{
    width: 32.6%;
    display: block;
	margin:5px 5px;
	overflow:hidden;
	/* border:1px solid black; */
}
.index_bs div{
    margin-left: 10px;
	overflow:hidden;
}
.index_bs a .img{
    width: 100%;
    height:300px;
	display: block;
 	margin: 0 auto;
	
}

.index_bs a .img  img{ width:100%; height:100%;z-index:97 } 
.index_bs a span{ height: 40px; display: block; text-align: center; line-height: 40px; /* background: #003a89; */ color: #003a89; font-family: 宋体 常规; font-size: 16px; transition: all 0.3s; } 
.index_bs a:hover span{ background: #003a89; color:#fff; } 


.index_bs a  .img .masker{
	z-index:98;
	width:100%;
	height:100%;
	position:relative;
	background:red;
	border:1px solid black;
}


.index_case{ width:1400px;margin:auto;overflow:hidden;zoom:*1;margin-bottom:10px;}
.index_case h2{font-size:22px; font-weight:700; text-align:left; margin:10px 0;padding-left:10px;}

.index_case  .index_caseimg .img{width:calc(100%/3); height:380px;padding:5px; float:left;overflow:hidden; position:relative}
.index_case  .index_caseimg .img .masklayer{display:none;position:absolute;left:0;top:0;z-index:100;background:rgba(0,58,137,0.7);width:100%;height:100%}
.index_case  .index_caseimg .img .masklayer .text{ 
            width:80%;
            height:40%;
            margin: auto;  
            position: absolute;  
            top: 0; left: 0; bottom: 0; right: 0; 
            /* background-color: red; */
}
.index_case  .index_caseimg .img .masklayer .text h3{color:#fff;font-size:22px; font-weight:700; text-align:center;margin-top:5%;}
.index_case  .index_caseimg .img .masklayer .text p{color:#fff;font-size:18px; font-weight:700; text-align:center;margin-top:5%; }
.index_case  .index_caseimg .img .masklayer .text p span{border-bottom:3px solid #fff;padding-bottom:2% }

.index_case .index_caseimg  .img img{width:100%; height:100%;}
.index_case .index_casetext{font-size:18px;line-height:35px; text-align:center;}
.index_case .index_caseimg  .img:hover .masklayer{display:block;-webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;}


/* .index_case .index_caseimg  .img .masklayer { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; overflow: hidden; background:red;  }  */



.indexzz{width:1200px; overflow: hidden; *zoom: 1; margin:auto; padding:20px 0;}
.indexzz .zz_img{width:90%; margin:auto; margin-left:30px;}
.indexzz .zz_img  img{width:100%; height:auto;}
.indexzz .zz_text{width:100%;font-size: 17px;line-height: 37px;text-align:center;}

/*新闻动态*/
.indexnew{width:1214px; overflow: hidden; *zoom: 1; margin:auto; padding:20px 0; }
.indexnew .newleft{width:600px;}
.indexnew .newleft .newstitle {
	height: inherit;
	width::100%;
    margin-top:10px;
	margin-bottom:10px;
	overflow: hidden; *zoom: 1;
}
.indexnew .newleft .newstitle-title{width:200px;height:40px}
.indexnew .newleft .newstitle-more{font-size:16px;/*color:red;*/ margin-right:20px; height:40px; line-height:40px;}
.indexnew .newleft .newstitle-more:hover{color:red;}
/* .indexnew ul{ width:90% } */
.indexnew ul li{ width:100%; border:1px solid #ddd; overflow: hidden; *zoom: 1; padding:10px 10px; margin-top:10px; margin-bottom:10px; }
.indexnew ul .img{display:block; width:208px; height:130px; overflow:hidden;  }
.indexnew ul .img img{width:100%;height:100%;}
.indexnew ul .text{ width:358px; height:130px; margin-left:10px; }
.indexnew ul h3{font-size:18px;}
.indexnew ul p{font-size:14px; padding-top:5px; line-height:24px;}
.indexnew ul h4{font-size:14px; /*color:red;*/}
.indexnew ul li:hover{border-color:#003a89}
.indexnew ul li:hover .img img{transform: scale(1.2);}




/*-------------------内页---------------------------*/
/*ny_index css*/ 
 .nybanner {
 	width: 100%;
 	height: 200px;
 	position: relative;
 	overflow: hidden;
 	background-position: center top;
 	background-repeat: no-repeat;
 	background-image: url(/mycms/templates/css/images/nybanner.jpg)
 }

 .wrapper {
 	position: relative;
	/* padding:30px 0; */
 }
 
  .arecttitle{
	 text-align:center;
	 color:#0075a9;
	 margin-bottom:20px;
  }
 .tabtitle{ border:2px solid #0075a9; width:320px; height:40px; font-size:16px; margin-top:30px;margin-bottom:20px; }
 .tabtitle li{float:left; width:50%;text-align:center; line-height:38px;color:#0075a9;padding-top:-1px;}
 .tabtitle li:first-child{background:#0075a9;color:#fff; font-weight:500}
 .showContxt p{
     box-sizing: border-box;
    margin: 0px;
    font-size: 18px;
    color: rgb(107, 107, 107);
    line-height: 35px;
    font-family: "Microsoft YaHei", Helvetica, sans-serif;
}
 .showContxt {
   width:90%;
margin:auto;
     box-sizing: border-box;
  
    font-size: 18px;
    color: rgb(107, 107, 107);
    line-height: 35px;
    font-family: "Microsoft YaHei", Helvetica, sans-serif;
}

.showContxt img{width:100%;height:100%;margin:10px 0;}
 .imglist{width:80%; margin:auto;}
 .imglist img{  width:100%; height:100%; margin:3px; }
 
 
 
 .submiddle{width:100%;margin:50px 0;}
 
 .contlist{width:50%;}
 .contlist li{margin:10px; font-size:18px;letter-spacing:2px;}
 
  #allmapF{width:50%;height:300px;}
  
  .reLink {
	height: 38px;
	border: 1px solid #ccc;
	margin: 10px auto 10px;
	padding: 0px 10px;
}
.reLink .prevLink, .reLink .nextLink {
	height: 38px;
	line-height: 38px;
}
.reLink .prevLink a, .reLink .nextLink a {
	height: 38px;
	line-height: 38px;
}
.reLink .prevLink a:hover, .reLink .nextLink a:hover {
	color: #bb0404;
}
.reLink .prevLink {
	float: left;
}
.reLink .nextLink {
	float: right;
}

  /*分页样式*/
.pglist {
	padding: 20px 0 30px;
	width: 100%;
	text-align: center;
	clear: both;
}
.pglist a {
	color: #666;
	padding: 0 14px;
	margin: 0 3px;
    font-weight: bold;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.pglist * {
	display: inline-block;
	_zoom: 1;
	_display: inline;
	vertical-align: middle;
	line-height: 30px;
	padding-bottom: 1px;
}
.pglist a:hover, .pglist .hover {
	display: inline-block;
	color: #fff;
	background: #00aef3;
	border-color: #00aef3;
}



.serviemian{width:100%;margin:auto;}
.serviemian li{width:100%; height:300px;}
.serviemian  .text{width:50%;   height:100%;}

.serviemian  .text div{width:80%;margin:auto;   padding-top:80px;}
.serviemian  .text h2{font-size:30px; font-weight:600;text-align:center;color:#003a89;}
.serviemian  .text p{font-size:18px;text-align:center; color:#000; margin-top:10px; }

.serviemian  .textimg{width:50%;  height:100%; background:#ddd;}
.serviemian  .textimg img{width:100%; height:100%;}
/* .serviemian  .text:nth-child(2n){float:right} */
/* .serviemian  .textimg:nth-child(2n){float:left} */

 /*--leftnav--*/
 .subleft {
 	width: 240px;
 	position: relative;
	/* margin-top:50px; */
 }

 .subleft .toptitle {
 	/* width: 188px; */
	text-align: center;
 	background: #066dd8;
 	color: #fff;
 	padding:26px 26px 10px ;
 	top: -84px;
	/* border-radius:20px; */
	/* margin-bottom:20px; */
 }

 .subleft .toptitle h3 {
 	border-bottom: 3px solid #fff;
 	color: #f9f9f9;
 	font-weight: 700;
 	font-size: 26px;
 	display: block;
 	line-height: 44px;
 }

 .subleft .toptitle h4 {
 	font-size: 16px;
 	font-family: arial;
 	text-transform: uppercase
 }

 
 /*leftnav tab*/
 .subleft .cont {
 	padding: 14px;
 	background: #066dd8;
	/* border-radius:20px; */
 }

 .subleft .cont li {
 	border-bottom: 10px solid #066dd8;
 	line-height: 44px;

 }

 .subleft .cont li a.sub1 {
 	display: block;
    color: #066dd8;
    transition: all .3s ease-out 0s;
    /* padding-left:30px; */
	text-align:center;
    /* background:#fff; */
	background:url(../images/adv_w.png) left no-repeat #fff;
	background-origin:content-box;
	/* background-size:100% 100%; */
	font-size:16px;
	border-radius:30px;
	
 }
 .subleft .cont li a.sub1 i{
	
	 width:30px;
	 height:30px;
	 border:1px solid black;
 }

 .subleft .cont li a.sub1:hover,
 .subleft .cont li :hover a.sub1 {
	 background:url(../images/adv_wb.png) left no-repeat #fea600;
 	/* background: #fea600; */
	background-origin:content-box;
	color:#fff;
 	/* padding-left: 26px; */
 }

 /*leftnav productlist*/
 .leftRecomm {
 	padding: 25px 0 0
 }

 .leftRecomm .title {
	padding:10px 0 10px 10px;
 	border-bottom: 1px solid #f5f5f5;
 	color: #fff;
 	font-size: 18px;
 	font-weight: 700;
	background:#066dd8;
	border-radius:20px;

 }
  .leftRecomm .list{
	  /* border:1px solid black; */
	  margin-top:5px;
  }

 .leftRecomm .title a {
 	color: #fff;
 }

 .leftRecomm .item {
 	width: 112px;
 	float: left;
 	overflow: hidden;
 	text-align: center;
	 margin-right: 10px;
	 margin-bottom:10px;
 	border: 1px solid #e5e5e5;
	border-radius:20px;
 }

 .leftRecomm .item:nth-child(2n){
	width: 112px;
	float: left;
	overflow: hidden;
	text-align: center;
	margin-right: 0px;
	border: 1px solid #e5e5e5;
	margin-bottom:10px;
	border-radius:20px;
}

 .leftRecomm .item a {
 	width: 100%;
 	display: block
 }

 .leftRecomm .item img {
 	/* width: 110px; */
 	height: 82px;
 	margin: 5px auto;
 	-webkit-transition: all ease 300ms;
 	-moz-transition: all ease 300ms;
 	-ms-transition: all ease 300ms;
 	-o-transition: all ease 300ms;
 	transition: all ease 300ms;
 	border-radius: 3px;
 	display: block;
 }

 .leftRecomm .item h3 {
 	width: 100%;
 	text-align: center;
 	font-size: 12px;
 	line-height: 40px;
 	-webkit-transition: all ease 300ms;
 	-moz-transition: all ease 300ms;
 	-ms-transition: all ease 300ms;
 	-o-transition: all ease 300ms;
 	transition: all ease 300ms;
 	/* border-top: 1px dotted #e5e5e5; */
 }

 .leftRecomm .item:hover img,
  .leftRecomm .item:hover  h3
 {
 	-webkit-filter: brightness(110%);
 	filters: brightness(110%);
	color:#fea600;
 }

 
/*leftnav newslist*/ 
 .leftRecomm .newslist li {
 	line-height: 50px;
 	height: 50px;
 	overflow: hidden;
 	border-bottom: dotted 1px #e5e5e5;

 }

 .leftRecomm .newslist li a {
 	display: block;
 	width: 100%;
 	text-align: left
 }
 .leftRecomm .newslist li:hover a{
	 color:#fea600;
 } 
 
 /*----leftnav end----*/
 
 


 
 .sitepath {
	     font-size: 16px;
	 height:49px;
 	line-height: 49px;
 	color: #88848b;
 	 border-bottom: 1px dashed rgb(219, 219, 219);
 	margin-bottom: 20px;
 }
 .sitepath em{
    width: 14px;
    height: 14px;
    margin-right: 10px;
    background-position: -129px -30px;
}

 .sitepath .home {
 	width: 22px;
 	height: 22px;
 	display: inline-block;
	/* border:1px solid black; */
	margin:0 auto;
 	/* background-position: -100px -100px; */
 	/* margin-top: 20px */
	background:url(../images/title_i.png) no-repeat;
    background-size:100% 100%;
 }
 .sitepath  .d1{
	 /* color:red; */
	 color:#333;
	 font-size:22px;
	
 }

 .sitepath a {
 	color: #88848b;
 	display: inline-block;
 	white-space: nowrap
 }

 .sitepath a:hover {
 	color: #0075a9;
 }

 


  /*----rightmain start----*/
 .subright {
 	width: 80%;
	/* border:1px solid #e2e2e2; */
	/* margin:auto; */
	float:right;
	/* margin-top:20px; */
	/* padding:10px 0; */
 }

 .subright .t {
 	padding: 0 0 25px;
 	color: #ff0505;
 	font-size: 20px
 }

 .subright .t2 {
 	color: #ff0505;
 	font-size: 30px;
 	display: block;
 	padding: 30px 0
 }

.ny_case{ width:95%;margin:auto;overflow:hidden;zoom:*1;margin-bottom:10px;}
.ny_case h2{font-size:22px; font-weight:700; text-align:left; margin:10px 0;padding-left:10px;}

.ny_case  .index_caseimg .img{width:calc(100%/3); height:280px;padding:5px; float:left;overflow:hidden; position:relative}
.ny_case  .index_caseimg .img .masklayer{display:none;position:absolute;left:0;top:0;z-index:100;background:rgba(0,58,137,0.7);width:100%;height:100%}
.ny_case  .index_caseimg .img .masklayer .text{ 
            width:80%;
            height:40%;
            margin: auto;  
            position: absolute;  
            top: 0; left: 0; bottom: 0; right: 0; 
            /* background-color: red; */
}
.ny_case  .index_caseimg .img .masklayer .text h3{color:#fff;font-size:22px; font-weight:700; text-align:center;margin-top:5%;}
.ny_case  .index_caseimg .img .masklayer .text p{color:#fff;font-size:18px; font-weight:700; text-align:center;margin-top:5%; }
.ny_case  .index_caseimg .img .masklayer .text p span{border-bottom:3px solid #fff;padding-bottom:2% }

.ny_case .index_caseimg  .img img{width:100%; height:100%;}
.ny_case .index_casetext{font-size:18px;line-height:35px; text-align:center;}
.ny_case .index_caseimg  .img:hover .masklayer{display:block;-webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;}


 .newslist {
 	padding: 0;
	width:95%;
	float:right;
 }

 .newslist .item {
 	width: 100%;
 	display: block;
 	margin-bottom: 28px;
 	/* background: #f7f7f7; */
 	-webkit-transition: all .3s ease-in-out 0s;
 	-moz-transition: all .3s ease-in-out 0s;
 	transition: all .3s ease-in-out 0s
 }

 .newslist .item a {
 	display: block;
 	padding: 20px
 }

 .newslist .item .img {
 	width: 150px;
 	height: 112px;
 	background: #fff;
 	overflow: hidden;
 }

 .newslist .item .img img {
 	width: 100%;
 	height: 100%;
 	margin: 0 auto;
 	display: block;
 	transition: all .3s ease-out 0s;
 }

 .newslist .item a:hover .img img {
 	transform: scale(1.1, 1.1)
 }

 .newslist .item .txt {
	 float:left;
	 margin-left:15px;
 	width: 60%;
	/* border:1px solid black; */
 }

 .newslist .item .txt h3 {
 	color: #000;
 	font-size: 18px;
 	display: block;
 	padding-bottom: 10px;
 	-webkit-transition: all .3s ease-in-out 0s;
 	-moz-transition: all .3s ease-in-out 0s;
 	transition: all .3s ease-in-out 0s
 }

 .newslist .item .txt p {
 	font-size: 14px;
 	color: #999;
 	line-height: 24px
 }
 
  .newslist .item .newstime{
	  color:#066dd8;
	  float:right;
	  /* width:100px; */
	  /* border:1px solid black; */
  }
   .newslist .item .newstime h1{
	  /* border:1px solid black; */
	  font-size:50px;
	  font-family: "arial",微软雅黑!important;
	  text-align:center;
	  /* padding:30px 0 5px 0; */
	  /* border-bottom:3px solid #066dd8;; */
  }
   .newslist .item .newstime h2{
	  /* border:1px solid black; */
	  padding-top:5px;
	  font-family: "arial",微软雅黑!important;
	  font-size:16px;
	  text-align:center;
  }

 .newslist .item a:hover .txt h3 {
 	color: #066dd8
 }

 .newslist .item:hover {
 	box-shadow: 0 0 15px rgba(0, 0, 0, .2);
	/* border:1px solid #066dd8; */
 }
 
 

 
  .qqkefu{
    position: fixed;
    top:25%;
    z-index: 20;
    /*right:0;*/
    right: 30px;
    width:39px;
}
.qqkefu ul li{
    width: 45px;
    height:45px;
    margin-bottom:1px;
    float:right;
    background:url(../images/qr_bg.png) no-repeat;
    background-color: #00aef3;
    line-height:45px;
    font-size:14px;
    cursor:pointer;
    position:relative;
}
.qqkefu ul li a{
    color:#fff;
    overflow: hidden;
    display: block;
    height: 45px;
    padding-left: 10px;
}
.qqkefu ul li.qq_cza{
    overflow:hidden
}
.qqkefu ul li:hover{
    background-color:#066dd8;
}
.qqkefu ul li.top{
    background-position: 0 0;
    position:relative;
    width:45px;
    height: 45px;
    cursor:pointer;
}

.qqkefu ul li b{
    width:45px;
    height:45px;
    display:block;
    overflow:hidden;
    float:right;
}
.qqkefu ul li span{
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
}
.qqkefu ul li.qq_phone{
    background-position: right -46px;
}
.qqkefu ul li.qq_ku{
    background-position: right -92px;
}
.qqkefu ul li.qq_ms{
    background-position: right -138px;
}
.qqkefu ul li.qq_czb{
    background-position: right -184px;
}
.qqkefu ul li.qq_app{
    background-position: right -228px;
}
.qqkefu ul li.qq_czae{ line-height:15px !important}
.qqkefu ul li.qq_alibaba{
    background-position: right -275px;
}
.qqkefu ul li.qq_taobao{
    background-position: right -319px;
}
    .erweima{
    width: 130px;
    height: 150px;
    position: absolute;
    top: -107px;
    left: -150px;
    background: #FFF;
    border: 1px solid #CCC;
    float: left;
    cursor: default !important;
    display:none;
    /*overflow: hidden;*/
}
.erweima p{
    line-height: 20px;
    color: #000;
    font-size: 12px;
    text-align: center;
    float: left;
    width: 130px;
}
.erweima p img{
    width: 110px;
    height: 110px;
    margin: 10px 10px 0px 10px;
}
.erweima .arrow3 {
    width: 5px;
    height: 10px;
    display: block;
    /*background:url(../images/czx6.png) no-repeat;*/
    position: absolute;
    right: -5px;
    top: 122px;
}
    .app{
    width: 130px;
    height: 160px;
    position: absolute;
    top: -107px;
    left: -150px;
    background: #FFF;
    border: 1px solid #CCC;
    float: left;
    cursor: default !important;
    display:none;
    /*overflow: hidden;*/
}
.app p{
    line-height: 20px;
    color: #000;
    font-size: 12px;
    text-align: center;
    float: left;
    width: 130px;
}
.app p img{
    width: 110px;
    height: 110px;
    margin: 10px 10px 0px 10px;
}
.app .arrow3 {
    width: 5px;
    height: 10px;
    display: block;
    /*background:url(../images/czx6.png) no-repeat;*/
    position: absolute;
    right: -5px;
    top: 132px;
}