@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;-webkit-appearance: 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; width:100%;}
body{ font-size:1rem; color:#444;}
*{ 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:#457fc2; color:#fff;}
::-moz-selection{background:#457fc2; color:#fff;}
::-webkit-selection{background:#457fc2; color:#fff;}*/
a{ color:#444;}
a:link, a:visited{text-decoration: none;cursor:pointer;}

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

button{ font-size:1rem; border:0.1rem solid rgba(0,0,0,0.15); background:none;padding:0.3rem 0.8rem; cursor:pointer;} 
input{ padding:0.3rem 0.8rem; vertical-align: middle; line-height: normal; font-size:1rem; color:#444; border:0.1rem solid rgba(0,0,0,0.15);}
input:focus{ color:#457fc2;}
textarea{padding:0.3rem 0.8rem;font-size:1rem; color:#444; border:0.1rem solid rgba(0,0,0,0.15); }
textarea:focus{ color:#457fc2;}

table{ width:100%;}
table tr td{ border:0.1rem solid rgba(0,0,0,0.1); text-align:center; padding:1rem;}
 
/***********select************/
select{ border:0.1rem solid rgba(0,0,0,0.2); }
option{ padding-left:4%;}


/*==========过渡效果transition==========*/
*{
transition: all 0.2s ease;
} 

{
transition: all 0.6s ease;
} 

.contact_map *{
transition: all 0s ease;
} 
 

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

/*==========放大效果==========*/
{
transform:scale(1.5);
}

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

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

/*==========进场效果==========*/
header .search{
animation-name:opacity;
animation-duration:2s;
}

header .nav .left{animation-name:left;
animation-duration:1s;
}

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

{
animation-name:bottom;
animation-duration:1s;
}

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

@keyframes left
{
from{left:-20rem; opacity:0;}
to{left:0rem; opacity:1;}
}

@keyframes right
{
from{right:-20rem; opacity:0;}
to{right:0rem; opacity:1;}
}

@keyframes bottom
{
from{bottom:-20rem; opacity:0;}
to{bottom:0rem; 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 (min-width:1366px) and (max-width:1920px){
html,body{ font-size: 200% !important; }
}

/***********字体自适应************/
@media screen and (min-width:550px) and (max-width:1366px){
html,body{ font-size: 100% !important; }
}

/*********** btn ************/
.btn-group{margin: 1.2rem 1rem;}
.btn-group a{ display: block;width: 100%;height: 3rem;border-radius: 0.36rem;font-size: 1rem;line-height: 3rem;text-align: center;color: #fff;background-color: #5cb85c;}