﻿@charset "utf-8";
/* CSS Document */
body{font-size:14px; background:#fff; font-family:"Microsoft Yahei","微软雅黑",sans-serif; width:100%; overflow-x:hidden;overflow-y: auto;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body,form,div,span,ul,ol,li,p,pre,dl,dt,dd,h1,h2,h3,h4,h5,h6,em,a,fieldset,legend,address,label,textarea,select,input,figure,table,th,td,b,i{margin:0;padding:0; }
.hy-main input[type=text]:focus,.hy-main input[type=password]:focus,.hy-main textarea:focus{
 transition:border linear .2s,box-shadow linear .5s;
 -moz-transition:border linear .2s,-moz-box-shadow linear .5s;
 -webkit-transition:border linear .2s,-webkit-box-shadow linear .5s;
 outline:none;border-color:rgba(140,215,255,.75);
 box-shadow:0 0 8px rgba(140,215,225,.5);
 -moz-box-shadow:0 0 8px rgba(140,215,225.5);
 -webkit-box-shadow:0 0 8px rgba(140,215,225,3);
}
fieldset,img{border:0;} 
ul,li{list-style:none;}
em,i{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;}
a{text-decoration:none; color:#333;}
a:hover{ text-decoration:none;}
a:focus,input,button,select,textarea{outline:none;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-variant: normal;}
input,select,img{ vertical-align:middle;}
legend{ display:none;}
textarea{resize:none; font-family:"Microsoft Yahei","微软雅黑",sans-serif;}
.clear:after{clear:both; content:"";display:block;height:0;line-height:0;visibility:hidden;}
.mt10{ margin-top:10px;}.mt20{ margin-top:20px;}.pt10{ padding-top:10px;}.fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}.tl{ text-align: left;}.ov{ overflow:hidden;}.rel{ position:relative;}.tc{ text-align:center;}
.none{ display:none;}.block{ display:block;}.mr10{ margin-right:10px;}.mt5{ margin-top:5%;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #ccc;  
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #ccc;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #ccc;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #ccc;
}
.bd_weixin_popup{ box-sizing:content-box;}
@media (min-width: 1201px){
a:hover{ color:#dd4128;}
}
@media screen and (max-width: 480px) {
   
  
    img{ max-width:100%;}
    }










    /*优势*/
#youshi_bg {
	width: 100%;
	height: 900px;
	background: url(../images/ls.jpg) center no-repeat;
	margin: auto;
}
#youshi_t {
	width: 100%;
	text-align: center;
	margin: auto;
	padding-top: 40px;
	color: #fff;
	padding-bottom: 15px;
}
.youshi_t1 {
	line-height: 45px;
	font-size: 42px;
	font-weight: bold;
	padding-top: 20px;
}
.youshi_t2 {
	font-size: 16px;
	line-height: 40px;
	color: #c8e8f9;
}
.youshi_t3 {
	padding-top: 10px;
	margin: auto;
	animation: myfirst 2s infinite;
	display: inherit-block;
}
#youshi_fl {
	width: 513px;
	height: 630px;
	background: url(../images/bs.png) left no-repeat;
	float: left;
	color: #fff;
}
.youshi_c {
	width: 380px;
	padding-top: 90px;
	padding-left: 35px;
	float: left;
}
.youshi_h1 {
	font-size: 34px;
	font-weight: bold;
	line-height: 42px;
}
.youshi_h2 {
	font-size: 26px;
	line-height: 42px;
	font-family: Century Gothic;
}
.youshi_h3 {
	width: 320px;
	height: 44px;
	border: 1px solid #c8e8f9;
	line-height: 44px;
	text-align: center;
	margin-top: 50px;
	font-size: 18px;
}
.youshi_h4 {
	width: 84px;
	margin-right: 28px;
	float: left;
	text-align: center;
	line-height: 42px;
	font-size: 14px;
	margin-top: 55px;
	animation: myfirst 2s infinite;
	display: inherit-block;
}
.youshi_h4 .v1 {
	width: 82px;
	height: 82px;
	padding-top: 22px;
	border: 1px solid #fff;
	border-radius: 5px;
}
.youshi_ted {
	width: 290px;
	height: 22px;
	line-height: 22px;
	background: url(../images/tels.png) left no-repeat;
	float: left;
	font-size: 16px;
	padding-left: 35px;
	margin-top: 55px;
}
.youshi_ted span {
	float: left;
}
.youshi_ted strong {
	font-size: 28px;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	color: #ff0;
}
#youshi_r {
	width: 810px;
	height: 565px;
	float: right;
	background: rgba(200,232,249,0.85);
	margin-top: -595px;
}
.youshi_p {
	width: 390px;
	float: left;
	padding-top: 35px;
	padding-bottom: 10px;
	padding-left: 45px;
}
.youshi_p:hover {
	-webkit-animation: test 0.4s ease-in 2;
	cursor: pointer;
}
@-webkit-keyframes test {
0% {
transform:translate(0, 0)
}
50% {
transform:translate(0, 5px)
}
100% {
transform:translate(0, 0)
}
}
.youshi_v1 {
	font-size: 46px;
	line-height: 46px;
	font-family: Arial, Helvetica, sans-serif;
	color: #0067d0;
}
.youshi_v2 {
	line-height: 50px;
	font-size: 26px;
	padding-bottom: 5px;
	color: #222;
}
.youshi_v3 {
	width: 55px;
	height: 2px;
	background: #0067d0;
}
.youshi_v4 {
	padding-top: 25px;
	font-size: 14px;
	line-height: 28px;
	color: #666;
}


.totalwidth {
	width: 1200px;
	margin: 0 auto;
	height: auto;
}
.totalwidthpercent {
	width: 100%;
	margin: 0 auto;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.xigtnjd {
    width: 26px;
    height: 25px;
    margin: 0 auto;
    animation: myfirst 2s infinite;
}
 


