/* CSS Document */
*{text-overflow: ellipsis;
/*去掉移动端点击阴影方块*/
-webkit-tap-highlight-color:transparent;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0);outline:none;}
html,body{
	height:100%;
	width:100%;
	/*font-family: Arial, Helvetica, sans-serif;*/font-family:Montserrat;
}
body{
	margin: auto; background-color:#FFFFFF;
	font-size: 14px;
	line-height: 2;
	color: #333333; min-width:1200px;/* overflow-x:hidden; */padding:0px;  margin:auto;
}
div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,input,button,textarea,p,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{ margin-left:auto; margin-right:auto; margin-top:5px; margin-bottom:5px;}

table{
border-collapse: collapse;
}
a{
color: #333333;
text-decoration: none;	text-decoration: none;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}
a:hover{
	color: #49617B;
}
img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
img[align="left"]{ margin-right:10px;}
img[align="right"]{ margin-left:10px;}
ul,li,p,dl,dt{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
div,span{text-overflow: ellipsis;}
.clear{ clear:both}

/*垂直居中*/
.center{ display: flex;
    justify-content:center;
    align-items:center;}
/*图片放大*/
.fd img{    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;}
.fd:hover img{    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);}

.fl{ float:left}
.fr{ float:right}

.xuanzhuan{
 -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 10s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 10s;
    -webkit-animation: rotate 30s linear infinite;
    -moz-animation: rotate 30s linear infinite;
    -o-animation: rotate 30s linear infinite;
    animation: rotate 30s linear infinite;
}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
    to{transform: rotate(359deg)}
}









.box{ width:1400px; margin:auto; max-width:100%; position:relative;}
.search{}

.nav{  line-height:60px;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms; z-index:2;/*font-family: Arial, Helvetica, sans-serif;*/ }
.nav ul li{
	float:left;
	position: relative;/*height:60px;*/ padding:0px; margin:0px;
}
.nav> ul >li{ max-height:60px;}
.nav ul li a{
	display:inline-block;
	padding-left:15px;
	padding-right:15px;
	position: relative;
	font-size:16px;
	color:#333333;font-family: Arial, Helvetica, sans-serif;
	/*text-transform: uppercase;*/ /*font-weight:bold; */overflow:hidden;
}

.nav ul li ul li a{ color:#ffffff;}
/*.nav>ul>li>a{
	text-transform: uppercase;
}*/
/*导航滚动*/
.nav>ul>li>a span{ display:inline-block;position:relative;transition: all 0.3s;height:60px;font-family: Arial, Helvetica, sans-serif; }
.nav>ul>li>a span+i{ margin-left:5px;}
.nav>ul>li>a:hover span{transform:translateY(-100%);}
.nav>ul>li>a:hover span:after{content:attr(data-title);position:absolute;left:0;transform:translateY(100%);width:100%;top:0; }


.nav> ul> li> a:hover,.nav> ul> li:hover> a,.nav> ul> li> a.select{
	color:#00A0EA;
}
.nav>ul>li:hover>a{background-color: rgba(0,0,0,0.5);}
.nav ul ul{
	display:none;
	background-color: rgba(0,0,0,0.5);
	position: absolute;
	width: 100%;
	left: 0px;
	top: 60px;
	z-index: 2; line-height:1.5;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}
.nav ul ul li{ width:100%;}
.nav ul ul li a{
	font-size:14px;
	display:block;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: rgba(255,255,255,0.1);
	border-bottom-color:rgba(0,0,0,0.1);
	padding-top:5px;
	padding-bottom:5px;
	text-transform: capitalize;
}
.nav ul ul li a:hover{ background-color:#00A0EA; color:#fff;}
.nav ul ul ul{ top:0px; left:100%;}

.nav ul li:hover>ul{ display:block; }
.pagination{ clear:both; text-align:center; padding-top:20px;}
.pagination li{
	display:inline-block;
	border: 1px solid #dddddd;
	padding-left:12px;
	padding-right:10px;
	margin: 0px; overflow:hidden;
}

.pagination li+li{
	border-left-style: none;
}
.pagination li:first-child+li{border: 1px solid #dddddd;border-radius:3px 0 0 3px;}
.pagination li:last-child,.pagination li:first-child{border: 1px solid #dddddd;border-radius:3px;}
.pagination li:nth-last-child(2){border-radius:0 3px 3px 0;}
.pagination li.disabled{}
.pagination li.active{ background-color:#00A0EA; color:#FFFFFF}

.pagination li a{ color:#333333}

#top{

	width:100%;
	float:left; /*box-shadow:0 0 5px rgba(0,0,0,0.2);*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;  position:fixed; z-index:9; background-color:#FFFFFF; top:30px; left:0px;padding-top:15px; padding-bottom:15px;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}


body .header{ margin-bottom:90px;}
body.isba .header{ margin-bottom:0px;}
body.isba #top{	
	background-color:rgba(0,0,0,0); border-color:rgba(255,255,255,0.6);}
body.isba #top,body.isba #top a{ color:#ffffff;}


#top.fixed{	
	background-color:#ffffff; border-color:#dddddd; top:0px;}
/*#top.fixed,#top.fixed a,#top.fixed .nav>ul>li>a{ color:#333333;}*/

body.isba  #top.fixed{		background-color:rgba(0,0,0,0.6); border-color:rgba(255,255,255,0.6);}

#top .logo{ font-size:12px; color:#FFFFFF; color:rgba(255,255,255,0.6);}
#top .logo img,#top .logo span{ float:left; line-height:60px;}

#top .nav ul li{ float:left}

.header{ background-color:#000000; color:#ffffff; line-height:30px;  height:30px;}
.header .fl i{ color:#999999; margin-right:5px;}
.header .fl{ color:#999999;}
.top-search-overlay{position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgb(102, 102, 102); z-index: 9999; opacity: 0.8; display: none;}

.top_search{ float:right;line-height:30px;  position:relative;transition:all 0.5s; }

.nav-hide .top_search{ margin-top:19px;}

.top_search em{height:100%; width:26px;cursor:pointer; display:block;float:right; overflow:hidden;transition:all 0.3s;}



.top_search em:Hover{opacity:0.8;filter:Alpha(opacity=80);}

.top_search[rel='showopen'] em{opacity:0;filter:Alpha(opacity=0);}

.top_search .search_con2{position:absolute;  right:0px; height:50px;z-index:10000;transform: scale3d(0, 0, 0);transform-origin: right center;transition:all 0.5s;opacity:0;filter:Alpha(opacity=0);width:500px;margin-top:5px;}

.top_search[rel='showopen'] .search_con2{opacity:1.0;filter:Alpha(opacity=100);transform: scale3d(1, 1, 1);}

.top_search .search_con2 .search-input{ width:380px; float:left; height:48px; line-height:48px; overflow:hidden; border:1px solid #d4d4d4; border-radius:5px;font-size: 16px;padding-left: 20px; background:#fff;}

.top_search .search_con2 .input1{ height:48px; line-height:48px; background:none; border:0;width:calc(100% - 57px);width:-webkit-calc(100% - 57px);width:-moz-calc(100% - 57px); float:left; outline:none; font-size:16px; color:#666666; font-family:"微软雅黑";}

.top_search .search_con2 .bnts{ float:right; width:56px; height:48px; margin-right:1px; cursor:pointer; border:none; background-color:rgba(0,0,0,0);}

.top_search .search_con2 .bnts:hover{transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80);}

.top_search .search_con2 .moblie-search-close{position: absolute; top: 10px; right: 0px; width:50px; height:50px; }
.top_search .search_con2 .moblie-search-close span{ font-size:30px; color:#FFFFFF}
.top_search[rel='showopen'] em{ display:none}
.top_search[rel='showopen']+.nav{ opacity:0;filter:Alpha(opacity=0);}




.banner{ position:relative;}
.banner .img img{ width:100%;}
.phone{ display:none}
.banner .title{ position:absolute; top:0px; height:100%; width:100%; color:#fff; display: flex;
    justify-content:center;
    align-items:center; text-align:center;}
.banner .title .h1{ font-size:52px;}
.banner .title .h2{ font-size:16px;}

.h2 span{ display:inline-block; background-color:#02A0E9; padding-left:20px; padding-right:20px;}

.flash img{ max-width:100%;}








#foot{ background-color:#1A1A1A; clear:both; margin-top:60px;}
/*body.isba #foot{ margin-top:0px;}*/
/*.biaodan{ float:left; clear:both; padding-top:30px; padding-bottom:20px; padding-right:50px;}
.biaodan input{
	border: 1px solid #ddd; float:left; height:43px; padding-left:10px; padding-right:10px; width:200px;
}
.biaodan button{
	background-color:#00A0EA;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none; float:left; height:45px; width:60px;
}

.biaodan button i{ color:#fff; font-size:32px;}*/







.share{ clear:both;}

#foot .fnav{ width:calc(100% - 750px);text-transform: uppercase;}
#foot .fnav>ul{width:100%;}
#foot .fnav>ul>li{ float:left; font-size:22px;width:40%; padding-left:10%;}
/*#foot .fnav>ul>li:nth-child(1){ text-align:left}*/
#foot .fnav>ul>li >a{ padding-left:10px; display:inline-block; color:#FFFFFF; padding-right:10px; position:relative;}

#foot .fnav>ul>li>ul{ padding-top:5px;}
#foot .fnav>ul>li ul{ line-height:1.5;}
#foot .fnav>ul>li ul li { font-size:14px;}
#foot .fnav>ul>li ul li a{
	color:#ffffff;
	padding-left:10px;
	display:inline-block;
	padding-right:10px;
	padding-top:3px;
	padding-bottom:3px; font-size:16px;
	
}
#foot .foot{ padding-top:60px; padding-bottom:60px;}
#foot .lianxi{
	float:left;
	width:600px;
	text-align:left;
 color:#ffffff; font-size:16px;
}
#foot .lianxi .li.lxtitle{
	color:#ffffff;
	font-size:22px;
	text-transform: uppercase;
}
#foot .lianxi .li{ clear:both; line-height:1.5; padding-top:5px; padding-bottom:5px; }
#foot .lianxi .li i{ float:left; color:#CE6217; font-size:22px; line-height:24px;}
#foot .lianxi .li>div{ margin-left:30px;}
.copy{ text-align:center; background-color:#131313; padding-top:10px; padding-bottom:10px; color:#999}


/*首页*/

body.isba{ background-color:#1A1A1A}

.prosort{ background-color:#030208; padding-top:0px; padding-bottom:30px;}
.prosort .picli{ float:left; width:calc(25% - 8px);  margin-left:10px;position:relative; overflow:hidden;}
.prosort .picli:nth-child(1){ margin-left:0px;}
.prosort .picli .title{ position:absolute; top:15px; left:15px; z-index:1;width:calc(100% - 30px); height:calc(100% - 30px);  color:#FFFFFF; font-size:40px; text-align:center; line-height:1.5;}

.prosort .picli .img img{ width:100%; min-height:40vw;max-height:40vw;}
.prosort .picli .img:after{
	content:'';

	left:10px;
	top:10px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #ffffff;
	border-left-color: #ffffff; width:0; height:0; position:absolute; z-index:1;Opacity:0;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;border-color:rgba(255,255,255,0.6);
}
.prosort .picli .img:before{
	content:'';

	right:10px;
	 bottom:10px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-right-style: solid;
	border-bottom-color: #ffffff;
	border-right-color: #ffffff; width:0; height:0; position:absolute; z-index:1;Opacity:0;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;border-color:rgba(255,255,255,0.6);
}
.prosort .picli a:after{ Opacity:0;content:''; background-color:rgba(0,0,0,0.5); position:absolute; width:100%; height:100%; top:0px; left:0px;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}

.prosort .picli:hover .img:after,.prosort .picli:hover .img:before{width:calc(100% - 21px); height:calc(100% - 21px);Opacity:1;}
.prosort .picli:hover a:after,.prosort .picli:hover .ntitle{ Opacity:1;}


.about{ background-color:#1f1f1f; padding-top:30px; padding-bottom:30px;  font-size:16px;}
.about,.about a{color:#FFFFFF;}
.about .picli .title{ font-size:44px;}
.about .picli .hc{ padding-top:20px;}
.about .picli .img{ width:100%;}
.about .picli .tv{ min-width:100%; min-height:100px;}
.about .picli .more{ padding-top:20px; clear:both;}
.about .picli .more a{
	display:inline-block;
	padding-left:15px;
	padding-right:15px;
	border: 1px solid #666666;
	text-transform: capitalize;
}
.about .picli .more a:hover{ background-color:#ffffff; color:#555555;}

.about .picli{ width:49%; float:left; margin-bottom:10px; margin-top:10px; overflow:hidden;}
.about .picli *{ max-width:100%;}
.about .picli:nth-child(2n){ float:right;}
.about .picli:nth-child(2n+1){ clear:both;}



/*产品*/
.pro{
	padding-top:50px;

	padding-bottom: 50px; clear:both; background-color:#1B1A18;
}
.pro .etitle{

	font-size:44px;
	text-transform: uppercase; color:#FFFFFF; position:relative; line-height:1;
}
.pro .etitle a{ display:inline-block; position:relative; color:#FFFFFF;}



.pro .econtent{ clear:both; padding-top:50px; position:relative;}
.pro .econtent .picli{ float:left; width:100%; text-align:center; position:relative; background-color:#FFFFFF;}

.pro .econtent .picli .img{ overflow:hidden;  min-height:24.2vw; max-height:24.2vw;  float:left; width:100%; }
.pro .econtent .picli .img img{ width:100%; display:block;}
.pro .econtent .picli .title{ position:absolute;font-size:24px; top:0px; left:10%; height:100%; width:80%; text-align:center;line-height:1.2; z-index:2; color:#ffffff;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;color:rgba(0,0,0,0);}
.pro .econtent .picli .img:after{ content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0); z-index:1;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
.pro .econtent .picli:hover .img:after{background-color:rgba(0,0,0,0.2);}
.pro .econtent .picli:hover .title{ color:#00A0E8;text-shadow: 0 0 2px #ffffff, 0 0 2px #ffffff; }

.pro .econtent .swiper-container{ overflow:hidden;}

.pro .box{ position:relative;}
.pro   .swiper-button-next,.pro  .swiper-button-prev{
	left:auto;
	right:0px; 
	margin-top:auto;
	top:0px;
	border: 2px solid #ffffff; background-size:10px; width:40px; height:40px;
}
.pro   .swiper-button-next{ margin-right:60px;}




.newspic{ position:relative;}
.newspic img{ width:100%;}
.newspic .txt{text-shadow: 0 0 2px #999999, 0 0 2px #999999;  position:absolute; top:0; height:100%; left:0; width:100%; height:100%; z-index:1; font-size:40px; color:#ffffff; font-weight:bold; text-align:center; line-height:1.5; padding-bottom:100px; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; }


/*#cms .picli{	float:left;
	width:100%;
	padding-top: 10px;
	padding-bottom: 10px;}
	
#cms .picli .img{ float:left; overflow:hidden;}

#cms .picli .right{ margin-left:120px;}*/


.ny{ padding-top:10px;}


#left{ background-color:#F2F2F2; width:240px; float:left; clear:both; }
#left .ptitle,#right .etitle{
	background-color:#BFBFBF;
	line-height:45px;
	padding-left:20px;
	color:#333333;
	text-transform: uppercase;
	font-weight: bold; font-size:16px;
}
#right .etitle >a{
	float:right;

	line-height:17px;
	width:17px;
	height: 17px;
	background-repeat: no-repeat;
	background-position: center center; background-color:#01406B; text-align:center; color:#FFFFFF; margin-top:16px; margin-right:15px;
}
#right .etitle .postion a,#right .etitle .postion { color:#FFFFFF; font-size:12px}
#right .etitle .postion a{ margin-left:2px; margin-right:2px;}
#right .etitle .postion{ margin-right:10px;}
#left .leftdh ul li a{
	display:block;
	padding-left:20px;
	padding-right:20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	line-height:1.5;
	padding-top:6px;
	padding-bottom:6px;
	background-image: url(x3.png);
	background-repeat: no-repeat;
	background-position: 210px center;
}
#left .leftdh ul li a:hover,#left .leftdh ul li a.select{background-image: url(x2.png);}
#left .leftdh ul li a.z{background-image: url(x1.png);}
#left .leftdh ul li a.z:hover,#left .leftdh ul li a.z.select{background-image: url(x4.png);}

#left .leftdh ul li ul{ display:none}

#left .leftdh ul li a:hover,#left .leftdh ul li a.select{ background-color:#00A0EA; color:#FFFFFF}
#left .leftdh ul li ul li a{ padding-left:40px;}
#left .leftdh ul li ul li ul li a{ padding-left:60px;}
#right{background-color:#F2F2F2; float:right;  width:1120px;}
#right .econtent{ padding:20px;}
#cms  .list{
	float:left;
	width:23%;
	margin-left: 1%; margin-bottom:20px; margin-right:1%;
}
#cms  .list:nth-child(4n+1){ clear:both; }
#cms  .list .img{
	overflow:hidden;
	background-color:#FFFFFF;
	max-height:175px;
	overflow:hidden;
	border: 1px solid #dddddd;display: flex;
    justify-content:center;
    align-items:center;
}
#cms  .list .img img{ max-height:100%; max-width:100%;}
#cms  .list .ntitle{ line-height:1.5; padding:10px; min-height:3em; max-height:3em; text-align:center;}

#cms  .list:hover .ntitle a{ color:#49617B;}


#cms3  .list{
	float:left;
	width:23%;
	margin-left: 1%; margin-bottom:20px; margin-right:1%;
}
#cms3 .list:nth-child(4n+1){ clear:both; }
#cms3  .list .img{
	overflow:hidden;
	background-color:#FFFFFF;
	max-height:300px; min-height:300px;
	overflow:hidden;
	border: 1px solid #eee;display: flex;
    justify-content:center;
    align-items:center; position:relative; text-align:center;
}
#cms3  .list .img>span{ display:block; float:left; width:100%; }
#cms3  .list .img>span img{ max-width:100%;}
#cms3  .list .img .bg{ position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:rgba(0,0,0,0.2); z-index:1; line-height:300px; display:none}
#cms3  .list:hover .img .bg{ display:block}
#cms3  .list .img .bg i{  color:#FFFFFF; font-size:24px}

#cms3  .list .img img{ max-height:100%; max-width:100%;}
#cms3  .list .ntitle{
	line-height:1.5;
	padding:10px;
	text-align:center;
	background-color:#eee;
	white-space: nowrap;
	overflow: hidden; 
}

#cms3 .list:hover .ntitle{ background-color:#00A0EA;color:#FFFFFF;}
#cms3 .list:hover .ntitle a{ color:#fff;}

/*联系*/
.contact *{ max-width:100%;}
.contact .left{ float:left; width:100%;overflow:hidden;}
.contact .right{ float:left;width:100%; overflow:hidden; margin-top:20px;}
.contact .map{ clear:both; }
.contact .map iframe{ width:100%; min-height:300px;}

#postion{
	text-align:right;
	line-height:32px;
	font-size: 14px;
	margin-top:10px;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd; padding-bottom:10px;
}
#postion .fl{
	 color:#000000; /*font-weight:bold;*/ font-size:20px;
}
#postion font{ display:inline-block;
}
#postion span{ margin-left:3px; margin-right:3px;}
#postion,#postion a{ color:#999999}

.sort{ background-color:#f5f5f5; margin-top:-20px; padding-top:10px; padding-bottom:10px; margin-bottom:20px;}

.sort a{ display:inline-block; position:relative; margin-left:5px; margin-right:5px;}
.sort a:hover,.sort a.select{
	color:#00A0EA;

}
.sort a:after{
-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #00A0EA; position:absolute; bottom:0px; left:0px; width:0%; content:'';
}
.sort a:hover:after,.sort a.select:after{width:100%;}

#cms .picli{
	float: left;
	width: 98%;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	padding-left:1%;
	padding-right:1%;

}
#cms .picli:nth-child(2n+1){ clear:both}

/*#cms .picli:hover a{color: #0099FF;}*/
#cms .picli .img{

	overflow:hidden;
	padding: 2px;
	border: 1px solid #dddddd; border-radius:3px; overflow:hidden; float:left; background-color:#FFFFFF;
}

#cms .picli .img img{ width:235px; height:120px; }


#cms .picli .img+.right{ margin-left:270px; margin-right:10px;}
#cms .picli .right .dp{ float:left; width:100%; 
/*	font-family: "宋体";*/
	font-size: 14px;
	color: #999999; line-height:1.5; height:3em; overflow:hidden;
}
#cms .picli .img+ .right> .dp{ max-height:6em;}
#cms .picli .date+ .right> .dp{ height:3em;}
#cms .picli .right .ntitle{
	font-size: 18px;
	white-space: nowrap;
	float: left;
	width: 100%;
	overflow: hidden;
	padding-bottom: 5px;
}
#cms .picli .right .ntitle a{	font-size: 18px;}
#cms .picli .date{
	float:left;
	overflow:hidden; background-color:#999999;
	background-color:rgba(0,0,0,0.3);

	width:90px;
	height:90px;
	text-align: center;border-radius:5px; font-size:12px;
}
#cms .picli .date+.right{ margin-left:100px;}	
#cms .picli .date>span{display:block; font-size:32px;background-color:rgba(255,255,255,0.2); color:#FFFFFF; line-height:60px;}
#cms .picli .date>i{
	font-size: 14px;
	font-style: normal;
	line-height: 30px;
	color: #ffffff; display:block; height:40px;
}

#cms .picli:hover{background-color: #00A0EA; 
-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
#cms .picli img{    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;}
#cms .picli:hover img{    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);}


#cms .picli .right .ntitle{
	float: left;
	width: 80%;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;

text-overflow: ellipsis;
}
#cms .picli .ntitle a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
#cms .picli .time{
	float: right;
	width: 12%;
	color: #999999;
	font-size: 12px;
}
#cms .picli .title,#cms .picli .dp{ float:left; width:100%;}
#cms .picli .dp{ font-size:12px; color:#999999; line-height:1.5;  }
#cms .picli:hover a,#cms .picli:hover .dp,#cms .picli:hover .time{ color:#FFFFFF}
#cms .picli:hover{ margin-left:-5px;}


#cms .downli{
	clear:both;
	float: left;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}
#cms .downli .img{
	float:left;
	width:58px;
	height:58px;
	display: flex;
	justify-content:center;
	align-items:center;
	background-color: #FFFFFF;
	border: 1px solid #dddddd;
}
#cms .downli .img img{ max-height:100%; max-width:100%;}
#cms .downli .right{
	margin-left:80px;
	position: relative;
}
#cms .downli .right .btn{
	position: absolute;
	top: 10px;
	right: 0px;
}
#cms .downli .right .btn a{ background-color:#00A0EA; display:inline-block; color:#FFFFFF; padding-left:10px; padding-right:10px;}
#cms .downli .right .btn a i{ margin-right:5px;}

#cms:after,#cms1:after{
	content:'';
	clear:both;
	height:30px;
	
	width:100%;
	float: left;
}



#cms1 .content{ width:98%; margin:auto;

	overflow-x:auto;
	margin-top: 10px;
	padding-bottom: 10px; color:#333333;
}

.content li{
	list-style-type: disc;
	list-style-position: inside;
}

.back a{
	background-color: #666666;

	padding-right: 15px;

	padding-left: 15px; color:#fff; clear:both; font-size:12px; display:inline-block;
}
.back a:hover{ background-color:#49617B; color:#FFFFFF}

.back { text-align:right; clear:both; line-height:32px; padding-top:20px;
	
}

#info{
	font-size: 12px;
	color: #999999;
	text-align: center;
}
#cms1 *{ max-width:100%;}
#cms img,#cms1 img{ margin-bottom:5px; margin-top:5px;}
#cms1 h1.h1{ color:#333333;}

.proshow .right .h1{ font-size:18px; color:#000000;}
.proshow .right .item{ padding-bottom:10px;}
.proshow .right .prono{ color:#555555;}
.proshow .right .xq{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dddddd;  padding-top:10px; line-height:1.5;
}

#cms1 .proshow .right .down a{ background-color:#00A0EA; display:inline-block; color:#FFFFFF; padding-left:10px; padding-right:10px;}
#cms1 .proshow .right .down a i{ margin-left:3px;}

.tvshow{
	background-color:#FFFFFF;
	border: 1px solid #dddddd; display:none;
}
.jqzoom{ overflow:hidden; padding:0px;height:380px;}

.keyword{ padding:20px;}
.keyword span{ display:inline-block; background-color:#dddddd; padding-left:5px; padding-right:5px;}

.proin .content{ display:none}
.proin .content *{ max-width:100%;}
.ptitle{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd; margin-top:30px; font-size:16px; line-height:35px; cursor:pointer; margin-bottom:30px;
}
.ptitle span{ display:inline-block; padding-left:20px; padding-right:20px; background-color:#f5f5f5; cursor:pointer;}
.ptitle span.select{ background-color:#00A0EA; color:#fff;}


/*内页下载*/
.downin{ box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */font-size:16px; background-color:#f5f5f5; padding:20px; display:inline-block; margin:auto; width:420px; max-width:90%; text-align:center;}
.downin .ico{}
.downin .ico i{ font-size:60px; color:#999999}
.downin .dp{ color:#999999; text-align:left; line-height:1.5;}
.downin .down{ padding-top:10px; padding-bottom:10px;}
.downin .down a{
	display:inline-block;
	background-color:#195591;
	color:#FFFFFF;
	background-image: url(downlogo.jpg);
	background-repeat: no-repeat;
	background-position: 20px center;
	padding-left: 60px;border-radius:5px;  padding-right:20px; line-height:45px;
}
.downin txt{ color:#666666}

.proli .banner{ margin-bottom:20px;}
.proli .banner .h2  i{ margin-right:5px;}



.searchres{ padding-bottom:20px;}
.searchres form{ float:left; width:100%;}
.searchres .res{ color:#999999; font-size:12px;}
.searchres input{
	border: 1px solid #ddd; float:left; height:43px; padding-left:10px; padding-right:10px; width:200px;
}
.searchres button{
	background-color:#00A0EA;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none; float:left; height:45px; width:60px; color:#FFFFFF;
}
body.isba #foot{ padding-top:100px;}

 .kefu{
	background-image: url(kefu.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 334px;
	width: 800px;
	position:absolute; z-index:999; top:50%; right:10%; margin-top:-200px; background-color:#ffffff;
}
.kefu .form{ padding-left:40%; min-height:100%; padding-right:20px;	box-sizing:border-box;}
.kefu .form form{ margin:auto; padding:0;} 
.kefu .form form textarea{ min-height:100px;background-color:#DEDEDE;width:100%; border:none;font-family: Arial, Helvetica, sans-serif; margin-top:10px; padding:10px; box-sizing: border-box; }
.kefu .form >div{ text-align:left; width:100%;	box-sizing:border-box;}
.kefu .form .title{
	font-size:44px;
	text-transform: uppercase; line-height:1;
}

.kefu .form input{
	height:45px;
	width:100%;
	background-color:#DEDEDE;
	border:none;
	background-image: url(sms.jpg);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left:40px;
	box-sizing:border-box;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px; margin-top:10px;
}
.kefu .form button{
	background-color:#D86001;
	border:none;
	height:55px;
	width:200px;
	margin-top:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 18px;
	
}
.kefu .icon-guanbi{ position:absolute; right:0px; top:0px; width:50px; height:50px; line-height:50px; text-align:center; font-size:28px; font-weight:lighter; cursor:pointer;}
.kefu.hide{ display:none}

.footnav{ position:fixed; bottom:0px; left:0px; width:100%; background-color:rgba(0,0,0,0.9); color:#ffffff; z-index:998; display:none; }
.footnav a{ color:#FFFFFF; color:rgba(255,255,255,0.9); display:block;padding-top:5px; padding-bottom:5px;}
.footnav>div{ float:left; width:25%; text-align:center; line-height:1.2;}
.footnav>div i{ font-size:22px;}


@media screen and (max-width :1024px){

body.isba .kefu.hide{display:block;}
body.isba .kefu{ z-index:0; height:auto; right:auto; padding:20px; padding-left:0px; padding-right:0px; width:100%; background-image:none; background-color:#000000;box-sizing:border-box; position:relative;  top:auto; margin:auto; left:auto;}
body.isba .kefu .icon-guanbi{ display:none;}
body.isba .kefu>div{box-sizing:border-box; width:100%;  overflow:hidden; display:block;/*background-image: url(kefu2.jpg);	background-position: top; background-size:100%;background-repeat: no-repeat;
	background-position: center top; */background-color:#FFFFFF;}
.kefu .form >div{ padding:20px;}	
body.isba #foot{ margin-top:0px;padding-top:0px;}
body.isba .kefu .form{ padding-left:0%; min-height:0;  padding-right:0px;}
.kefu .form .title{
	font-size:32px;

}
.newspic .txt{ padding-bottom:0px;}
.footnav{ display:block}
}
.liuyan {
   height:auto; overflow:hidden;
   padding-top:75px;
   padding-bottom:45px;
   background-color:#ededed; clear:both; margin-top:50px; clear:both; float:left; width:100%; margin-bottom:-70px;
   }
   
.liuyan h2 {
   font-family: 'DINCond-Bold', Helvetica, Arial, sans-serif;
   font-size:17px;
   margin-top:0px;
   margin-bottom:16px;
   color:#2d2d2d;
   text-align:center;
   }
   
.liuyan h3 {
   font-family: 'DINCond-Bold', Helvetica, Arial, sans-serif;
   font-size:42px;
   font-weight:bold;
   text-align:center;
   color:#2d2d2d;
   margin-top:0px;
   margin-bottom:75px;
   }  
   
.hzi {
   color:#003ca5;
   }
   
.biao {
   height:auto; overflow:hidden;
   margin-bottom:20px;
   }
 .biao  .col-md-4{ float:left; width:32%; margin-left:2%;}
 .biao  .col-md-4:nth-child(3n+1){ clear:both; margin-left:0px;}
.biao h4 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:16px;
   margin-top:0px;
   margin-bottom:14px;
   color:#666666;
   }
   
.kk {
   height:60px;
   border:1px solid #d2d2d2; width:100%; padding-left:10px; padding-right:10px;box-sizing: border-box;font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   }
  .kk2{ 
   border:1px solid #d2d2d2; width:100%;  font-family: Microsoft YaHei, Helvetica, Arial, sans-serif; padding:10px;box-sizing: border-box;} 
.anniu {
  width: 208px;
  height: 54px;
  background-color: #00A0E9;
  border: 1px solid #00A0E9;
  padding: 0px; color:#FFFFFF; font-size:18px;
}
.hzi {
  color: #00A0E9;
}
@media screen and (max-width :768px){
 .biao  .col-md-4{ width:100%; margin-left:0;}
.anniu{ width:100%;} 
.liuyan { margin-bottom:-20px;}
}
button{ cursor:pointer;}
.msg{ position:fixed; background-color:rgba(0,0,0,0.2); height:100%; width:100%; left:0; top:0; z-index:999;}
.msg .txt{ position:fixed; text-align:center; color:#FFFFFF; top:50%; margin-top:-20px; width:200px; margin-left:-100px; left:50%;}








 .recommend {

  padding: 60px 15% 60px 15%;
  background-color: #F6F6F6;
}
 .recommend .t1 {
  font-size: 34px;
  color: #343434;
  font-weight: bolder;
  width: 80%;
  margin: 0 auto;
}
 .recommend .oNews {
  width: 100%;
  margin-top: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
 .recommend .oNews .pic {
  width: 48%;
  overflow: hidden;
}
 .recommend .oNews .pic img {
  width: 100%;
  display: block;
  object-fit: cover;
  transition: all 2s;
}
 .recommend .oNews .pic:hover img {
  transform: scale(1.05);
}
 .recommend .oNews .text {
  width: 48%;
}
 .recommend .oNews .text .time {
  color: #252525;
  font-size: 14px;
}
 .recommend .oNews .text .st1 {
  color: #303030;
  font-size: 26px;
  font-weight: 500;
  margin: 25px 0; line-height:1.2;
}
 .recommend .oNews .text .des {
  color: #494949;
  font-size: 14px;
  line-height: 28px;
}
 .recommend .oNews .text .more {
  margin: 30px 0;
}
 .recommend .oNews .text .more .base-cta-text {
  cursor: pointer;
}
 .recommend .oNews .text .more .base-cta-text .base-cta-text__label {
  letter-spacing: -1px;
}


.allNews {

  margin: 60px auto;
}
.allNews .item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 50px 0;
  border-bottom: 1px solid #EFEFEF;
  position: relative;
}
 .allNews .item::after {
  content: "";
  display: inline-block;
  width: 0;
  transition: all 600ms;
  height: 1px;
  background: #00A1E9;
  position: absolute;
  left: 0;
  bottom: -1px;
}
 .allNews .item .pic {
  width: 30%;
  overflow: hidden;
}
 .allNews .item .pic img {
  width: 100%;
  display: block;
  object-fit: cover;
  transition: all 2s;
}
 .allNews .item .text {
  width: 63%;
}
 .allNews .item .text .time {
  color: #252525;
  font-size: 14px;
}
 .allNews .item .text .p1 {
  font-size: 22px;
  font-weight: 500;
  margin: 10px 0 30px 0;line-height:1.2;
}
 .allNews .item .text .des {
  color: #616161;
  font-size: 14px;
  line-height: 28px;
}
 .allNews .item .text .more {
  margin: 10px 0;
  text-align: right;
}
 .allNews .item .text .more .base-cta-text {
  cursor: pointer;
  color: #121212;
  transition: color 600ms;
}
 .allNews .item .text .more .base-cta-text .base-cta-text__label {
  letter-spacing: -1px;
}
 .allNews .item .text .more .base-cta-text:hover {
  color: #D0111B;
}
 .allNews .item:hover .pic img {
  transform: scale(1.05);
}
 .allNews .item:hover::after {
  width: 100%;
}



  @media screen and (max-width: 768px){
 .recommend {
  width: 90% !important;
margin: auto !important;
padding: 20px 5% 50px 5% !important;
}
.recommend .oNews {
  display: inherit !important;
  margin-top: 15px !important;
}
.recommend .t1 {
  font-size: 30px !important; width:100%;
}
.recommend .oNews .pic {
  width: 100% !important;
}
.recommend .oNews .text {
  width: 100% !important;
  margin-top: 30px !important;
}
.allNews .item {
  display: inherit !important;
}
.allNews .item .pic {
  width: 100% !important;

  margin-right: 40px;
 
}
 .allNews .item .text {
  width: 100% !important;
  margin-top: 30px !important;
}
}