@charset "utf-8";

/*==========格式化全局==========*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0; }
table{border-collapse:collapse;border-spacing:0;} 
input,textarea{outline-style:none;}
fieldset,img{border:0; display:block;} 
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal;} 
ol,ul,li{list-style:none;} 
caption,th{text-align:left;} 
q:before,q:after{content:'';} 
abbr,acronym{ border:0;}

/*==========设置全局==========*/
html{ overflow-x:hidden;}
body{ font-size: 12px; line-height:1.6; color:#444; background:rgba(0,0,0,0.05);}
*{ font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif; }
a input{ mayfish:expression(this.onfocus=this.blur);cursor:handbblr:expression(this.onFocus=this.blur());/*IE使用*/ outline-style:none;/*FF使用*/ } /*去除a标签带来的虚框*/ 
a:hover,a:active{outline:none;}
i{ font-style:normal;}
::selection{background:#ff8800; color:#fff;}
::-moz-selection{background:#ff8800; color:#fff;}
::-webkit-selection{background:#ff8800; color:#fff;} 
html,body{ width:100%;}
a{ color:#444;}
a:link, a:visited{text-decoration: none;cursor:pointer;}
a:hover, a:active{border:none;color:#ff8800;}

.left{ float:left;}
.right{ float:right;}
.color{ color:#ff8800 !important;}
.bg_no{ background:none !important;}
.border_no{ border:0 !important;}
.margin_no{ margin:0 !important;}
.padding_no{ padding:0 !important;}
.border{ border:1px solid rgba(0,0,0,0.15);}
.block{display: block;}
.none{display: none;}
.clear{clear: both; float:none}
{background: linear-gradient(-90deg, #ff8800, #ff6600);}

button{ font-size:100%; border:1px solid rgba(0,0,0,0.15); background:none;padding:3px 6px; cursor:pointer;} 
input{ padding: 2px 5px; vertical-align: middle; line-height: normal; font-size:100%; color:#444; border:1px solid rgba(0,0,0,0.15);}
input:focus{ color:#ff8800;}
textarea{padding: 2px 5px; font-size:100%; color:#444; border:1px solid rgba(0,0,0,0.15); }
textarea:focus{ color:#ff8800;}

table{ width:100%;}
table tr td{ border:1px solid rgba(0,0,0,0.1); text-align:center; padding:6px;}
 
/***********select************/
select{ border:1px solid rgba(0,0,0,0.2);appearance:none;-moz-appearance:none;-webkit-appearance:none;background: url("../images/arrow.png") no-repeat scroll 96% center transparent; min-width:100px; padding-left:4px; font-size:100%;}
option{ padding-left:4px;}


/*==========过渡效果transition==========*/
*,.slideGroup .sPrev,.slideGroup .sNext,.slideGroup .parBd ul li *{
transition: all 0.2s ease;
} 

.slider-item.active,.case_list ul li .pic img{
transition: all 0.6s ease;
}

.qianyue *,.contact .map *{
transition: all 0s ease;
}

.slideGroup .parBd ul li .pic *{
transition: all 0.6s ease;
}

/*==========等待效果==========*/
{
transition-property: all ;
transition-duration:2s;
transition-delay:0.6s;
}

/*==========放大效果==========*/
.slideGroup .parBd ul li:hover .pic img,.case_list ul li:hover .pic img,.list_article .right ul li:hover .img img{
transform:scale(1.1);
}

/*==========旋转效果==========*/
{
transform: rotate(360deg);
}

/*==========移动效果==========*/
{
transform: translate(0px,-10px);
}

/*==========进场效果==========*/
.slider-content,.slider-content,.tabs .tab-content div,.tabs_news .list,.active .text,.id_banner .text,footer .right .ewm:hover .img{
animation-name:opacity;
animation-duration:2s;
}

{animation-name:left;
animation-duration:2s;
}

{position:relative;
animation-name:right;
animation-duration:2s;
}

.case_list ul li{position:relative;
animation-name:bottom;
animation-duration:1s;
}

#navmap .navmapkj{position:relative;
animation-name:navmap;
animation-duration:1s;
}

@keyframes opacity
{
from{ opacity:0;}
to{ opacity:1;}
}

@keyframes left
{
from{left:-300px; opacity:0;}
to{left:0px; opacity:1;}
}

@keyframes right
{
from{right:-300px; opacity:0;}
to{right:0px; opacity:1;}
}

@keyframes bottom
{
from{bottom:-100px; opacity:0;}
to{bottom:0px; opacity:1;}
}

@keyframes navmap
{
from{top:60%; opacity:0;}
to{top:50%; opacity:1;}
}


{width:100px;
height:100px;
background:red;
position:relative;
animation-name:myfirst;
animation-duration:5s;
animation-timing-function:linear;
animation-delay:2s;
animation-iteration-count:infinite;
animation-direction:alternate;
animation-play-state:running;
}

@keyframes myfirst
{
0%{background:red; left:0px; top:0px;}
25% {background:yellow; left:200px; top:0px;}
50% {background:blue; left:200px; top:200px;}
75% {background:green; left:0px; top:200px;}
100%{background:red; left:0px; top:0px;}
}


/***********屏幕大小自适应************/
@media screen and (max-width: 1366px){
}