body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button,
textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
	}
fieldset, img {
    border: 0;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}
address, caption, cite, code, dfn,
em, strong, th, var, optgroup {
    font-style: normal;
    font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}
abbr, acronym {
    border: 0;
    font-variant: normal;
}
input, button, textarea,
select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}
code, kbd, samp, tt {
    font-size: 100%;
}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {
    *font-size: 100%;
}

body{
	position:relative;
	line-height:2em;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th {
    text-align: left;
}
sup, sub {
    font-size: 100%;
    vertical-align: baseline;
}
:link, :visited , ins {
    text-decoration: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
a{
	text-decoration:none;
	font-weight:500;
	
}
a:hover{
	text-decoration:none;
}
body{
	font-family:"微软雅黑", sans-serif;
	font-size:16px;
	background-color:#fff;
	color:#353b40;
	padding-top:7rem;
	}
html{
	font-size:10px;
	}
@media (min-width: 768px) and (max-width: 1400px) {	
	body{
	font-size:14px;
	padding-top:0px;
	}
html{
	font-size:9px;
	}
}
@media screen and (max-width: 767px) {
	body{
	font-size:10px;
	padding-top:0px;
}
	html{
	font-size:7px;
	}
}

/*公共代码*/

section{
		padding:10rem 0;
	}
	
.wrap-flex{
	 display: -webkit-flex; 
  	display: flex;
	}
.wrap-flex-1{
	 display: -webkit-flex; 
  	display: flex;
}
.wrap-flex-2{
	display: -webkit-flex; 
  	display: flex;
}	
		
.mt2{
	margin-top:2rem;
	}
.mt3{
	margin-top:3rem;
	}
.mt4{
	margin-top:4rem;
	}
.mt5{
	margin-top:5rem ;
	}
.mt6{
	margin-top:6rem;
	}
.mt8{
	margin-top:8rem;
	}
.pd1{
	padding:1rem 0;}
.pd2{
	padding:2rem 0;}	
.pd3{
	padding:3rem 0;}
.pd4{
	padding:4rem 0;}
.pd5{
	padding:5rem 0;}
.pd6{
	padding:6rem 0;}
:root{
	--web-theme-color:#00a2e9;
	--web-theme-color-red:#E62129;
}	
h1{
	font-size:4rem;
	line-height:1.2em;
	color:#00a2e9;
	}
	
h2{
	font-size:2.6rem;
	line-height:1.5em;
	text-align:center;
	}	
h3{
	font-size:1.8rem;
	line-height:1.5em;
	}													
p{ 
line-height:1.8em;
padding-top:1.4rem;
	font-weight:lighter;
color:#666;}

.bannermore{
	background-image:linear-gradient(to right, #c41b22,#E62129);
	letter-spacing:2px;
	padding:0.6em 4rem;
	border-radius:25px;
    color:#fff;
	display:inline-block;
	text-align:center;
	margin-top:6rem;
}
.bannermore:hover{
	background-image: linear-gradient(to right, #049eff,#7b70a7,#f93e49);
	color:#fff;
}

.about-imgmore{
		background-image:linear-gradient(to right, #c41b22,#E62129);
		border-radius:30px;	
		padding:0.4em 4rem;
		text-align:center;
		display:inline-block;
		-webkit-transition: all .3s ease-in-out;
 -moz-transition: all .3s ease-in-out;
 -ms-transition: all .3s ease-in-out;
 -o-transition: all .3s ease-in-out;
 transition: all .3s ease-in-out;
}
.about-imgmore:hover{
	background-image: linear-gradient(to right, #049eff,#7b70a7,#f93e49);
	color:#fff;
	}
.com-left{ margin-left:2rem;}
.about-left{ margin:0 4rem;}
.box-left{ margin-left:2rem;} 
/*---------------
	搜索
----------------*/
#pro-search{
	background-image: linear-gradient(to right, #049eff,#7b70a7,#f93e49);
}
#pro-search .wrap-flex{
	justify-content: space-between;
	align-items: center;
}
#pro-search ul span{ color:#fff;}
#pro-search li,#pro-search li a{
		color:#fff;
		padding:0;
}	

#pro-search li i{ font-size:2rem;}	
#pro-search li a:hover{color:#f93f4a;}
#pro-search .input-group{
	width:300px;
}
#pro-search .form-control{
		border-radius:15px 0px 0px 15px;
		border-right:none;
}		
#pro-search .btn-default{
	background-color:#fff;
	border-radius:0px 15px 15px  0px ;
	border-left:none;
	height:34px;}
#pro-search .btn{
	font-size:16px;
	color:#05a4e9;}
	
@media only screen and (max-width: 767px) {
	#pro-search li a{
		padding:0;}
	#pro-search .wrap-flex{
		  flex-direction: column;
		 justify-content: flex-start;
		  align-items: flex-start;
	}	
	#pro-search .input-group{
	width:100%;}
	.pro-search-right{
		width:100%;
	}
}	
/*公共视频*/

#play-button-circle,#play-button-triangle{
    fill: none;
    stroke:#fff;
    stroke-width: 5;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}
#play-button-circle{
    -webkit-transform-origin: center center;
    transform-origin: center center;
    /* stroke-dashoffset: 340; */
    stroke-dasharray: 340;
}
#play-button-triangle{
    /* stroke-dashoffset: 180; */
    stroke-dasharray: 180;
}
@keyframes stroke {
    0% {
        stroke-dashoffset: 340;
        /* stroke-dasharray: 340; */
    }
    100% {
        stroke-dashoffset: 0;
        /* stroke-dasharray: 0; */
    }
}

@keyframes stroke2 {
    0% {
        stroke-dashoffset: 180;
        /* stroke-dasharray: 180; */
    }
    100% {
        stroke-dashoffset: 0;
        /* stroke-dasharray: 0; */
    }
}

 .play-btn{
        transform:translate(-50%,calc(-50% + 30px));
        opacity: 1;
        filter: alha(opacity=1);
    }
.play-btn:hover #play-button-circle{
        /* stroke-dashoffset: 340;
        stroke-dasharray: 340; */
        animation: stroke 1s ease-in-out;
    }
 .play-btn:hover #play-button-triangle{
        /* stroke-dashoffset: 340;
        stroke-dasharray: 340; */
        animation: stroke2 1s ease-in-out;
    }
   
 .btns{
        transform:translateY(30px);
        opacity: 0;
        filter: alha(opacity=0);
        
    }		
/*--------
咨询服务
---------*/
#index-contact{
	padding:3rem 0;
	background-color:#0065a7;
	color:#fff;}
#index-contact .col-sm-4{ margin-top:6px;}		
#index-contact h3{ font-weight:lighter}
#index-contact input{
	flex:1;}	
#index-contact .btn{
		background-image: linear-gradient(to right, #ee0979,#fc5b11);
		padding:1rem 4rem;
		border:none;
		border-radius:30px;
		color:#fff;
		margin-left:2rem;
}
#index-contact .form-control{
	height:4rem;}

@media only screen and (max-width: 767px){
	#index-contact .col-sm-8{
		margin-top:2rem;}
}


/*--------------内页commonarea-------------*/
/*---------
快捷链接
-------*/
#taililink{
	padding:0;
	box-shadow:0px 0px 10px rgba(0,0,0,0.2);
	font-weight:lighter;
	z-index:5;
	position:relative;
}
#taililink .wrap-flex{
	justify-content:space-between;
}
.taililink-right, .taililink-con{
	flex: 0 0 auto;
}
.taililink-con a{
	display:inline-block;
	color:#1b1b1b;
	padding:1.2rem 5rem;
	text-align:center;
	}
.taililink-right{
	padding:1rem 0 1rem 5rem;
	color:#aaa;
	font-size:0.9em;
}
#taililink a:hover, .taililinkactive{
	background-image: linear-gradient(to right, #049eff,#f93e4a);
	color:#fff;
}
.taililinkactive{ color:#FFF !important;}
@media only screen and (max-width: 767px){
	.taililink-right{
		display:none;
}
}


/*企业文化*/
.mbshow{ display:none !important;}