.clear{clear:both;}
.clearfix:after{clear:both; content:"."; display:block; visibility:hidden; font-size:0; line-height:0; height:0;}
.hide{display:none;}
.font-Arial{font-family:Arial;}

/*文字颜色*/
.c-blue{color:#38f !important;}
.c-red{color:#ff534d !important;}
.c-green{color:#19be6b !important;}
.c-yellow{color:#ffa019 !important;}
.c-666{color:#666 !important;}
.c-999{color:#999 !important;}
.c-black{color:#222 !important;}

/*默认按钮（蓝色）*/
.h-btn{display:inline-block; height:30px; background-color:#38f; border:1px solid #38f; box-sizing:border-box; border-radius:2px; padding:0 20px; color:#fff; text-align:center; font-size:12px; line-height:28px; cursor:pointer; transition-property:background-color,border-color,color; transition-duration:0.3s; text-decoration:none; moz-user-select:-moz-none; -webkit-user-select:none; -moz-user-select:none; user-select:none;}
.h-btn:hover{background-color:#59f; border-color:#59f;}
.h-btn:focus{outline:0; outline:none;}
.h-btn:active{-moz-box-shadow:0 3px 30px 0 rgba(0,0,0,0.15) inset; -webkit-box-shadow:0 3px 30px 0 rgba(0,0,0,0.15) inset; box-shadow:0 3px 30px 0 rgba(0,0,0,0.15) inset;}

/*白色按钮*/
.h-btn-white{background-color:#fff; border-color:#bbb; color:#333;}
.h-btn-white:hover{background-color:#fff; border-color:#38f; color:#38f;}
/*白色镂空按钮*/
.h-btn-white-hole{background-color:transparent; border-color:#fff; color:#fff;}
.h-btn-white-hole:hover{background-color:#fff; border-color:#fff; color:#333;}

/*输入框*/
.h-input{width:190px; height:30px; display:inline-block; font-size:12px; line-height:28px; border:1px solid #bbb; box-sizing:border-box; border-radius:2px; text-indent:10px; padding-right:10px; transition-property:box-shadow,border-color,color; transition-duration:0.3s;}
.h-input:focus{border-color:#59f !important; outline:0; outline:none; transition-duration:0.3s;}
.h-input:hover{border-color:#59f !important;}
.h-input-small{height:20px; line-height:18px;}
::-ms-clear,::-ms-reveal{display:none;}
::-webkit-input-placeholder{font-size:12px; color:#ccc;}

/*下拉菜单*/
.h-dropdown{display:inline-block; height:30px; line-height:30px; position:relative; z-index:5;}
.h-dropdown [type="checkbox"]{display:none;}
.h-dropdown > a{width:100%; display:inline-block; box-sizing:border-box; text-align:center; padding:0 10px 0 20px;}
.h-dropdown > a i{margin-left:5px; display:inline-block; transform:scale(1.3, 0.7); -webkit-transform:scale(1.3, 0.7);}
.h-dropdown > div{min-width:100%; padding-top:9px; opacity:0; pointer-events:none; transform:scaleY(0.8); -webkit-transform:scaleY(0.8); transform-origin:center top; -webkit-transform-origin:center top; transition-duration:0.5s; -webkit-transition-duration:0.5s; position:absolute; left:0; top:100%; z-index:1;}
.h-dropdown > div::before{content:""; width:100%; height:100%; display:block; background:#fff; border-radius:2px; box-sizing:border-box; box-shadow:0 0 2px 1px rgba(0,0,0,0.15); position:absolute; top:5px; left:0; z-index:1;}
.h-dropdown > div a{display:block; line-height:30px; padding:0 20px; color:#555; white-space:nowrap; position:relative; z-index:2;}
.h-dropdown > div a:not(.disabled):hover{background:#f3f3f3;}
.h-dropdown:hover{z-index:10;}
.h-dropdown:hover > a:not(.disabled) i{transform:scale(1.3, 0.7) rotate(180deg);}
.h-dropdown:hover > a:not(.disabled) + div{opacity:1; pointer-events:auto; transform:scaleY(1); -webkit-transform:scaleY(1);}
.h-dropdown [type="checkbox"]:checked ~ a:not(.disabled) i{transform:scale(1.3, 0.7) rotate(180deg);}
.h-dropdown [type="checkbox"]:checked ~ a:not(.disabled) + div{opacity:1; pointer-events:auto; transform:scaleY(1);}











*{padding:0; margin:0;/*box-sizing:border-box;*/}
body{margin:0; height:0; font-size:12px;}
li{list-style:none;}
a{text-decoration:none;}
.in{display:flex;}
.on{display:flex; justify-content:space-between;}
.indexHeard{position:relative; width:100%;}
.layout{max-width:1200px; margin:0 auto; min-width:750px; align-items:center;}
.nav{display:flex; justify-content:space-around;}
.layout .heardL{width:161px; height:61px; margin:10px 0; cursor:pointer;}
.layout .heardL img{display:block; width:100%; height:100%;}
.layout .heardR{}
.layout .heardR li {text-align:center; margin-right:60px;}
.layout .heardR li a {text-decoration:none;}
.layout .heardR .select > a > p{font-family:MicrosoftYaHei-Bold; font-size:20px; font-weight:600; font-stretch:normal; letter-spacing:0px; color:#3388ff; border-bottom:2px solid #3388ff; padding:20px 20px 10px ; line-height:49px;}
.layout .heardR li p {font-family:MicrosoftYaHei-Bold; font-size:20px; font-weight:normal; font-stretch:normal; letter-spacing:0px; color:#222222; padding:20px 0 10px 0; line-height:49px;}
.layout .heardR li .h-dropdown{margin-top:30px;}
.layout .heardR li .h-dropdown > div{left:auto; right:-20px; padding-top:35px; border-radius:2px; overflow:hidden;}
.layout .heardR li .h-dropdown > div::before{top:35px;}
.layout .heardR li .h-dropdown > div::after{content:""; width:0; height:0; display:block; border:9px solid transparent; border-bottom-color:#fff; position:absolute; right:33px; top:17px; z-index:3;}
.layout .heardR .leftR{margin:23px 0;}
.layout .heardR .leftR img{width:25px; height:23px; margin-left:88px;}

.heardR .smallNav{width:100%; background-color:#f5f5f5; text-align:left; padding:18px 0; position:absolute; top:81px; left:0; display:none;}
.heardR .smallNav .layout{display:flex; justify-content:space-between;}
.heardR .smallNav a{border-left:2px solid #ccc; padding-left:20px; cursor:pointer;}
.heardR .smallNav a:hover{border-left:2px solid #3388ff; padding-left:20px;}
.heardR .smallNav a span{font-family:MicrosoftYaHei; font-size:20px; font-weight:normal; font-stretch:normal; letter-spacing:0px; color:#333333;}
.heardR .smallNav a p{font-family:MicrosoftYaHei; font-size:16px; font-weight:normal; font-stretch:normal; letter-spacing:0px; color:#999999; padding:0; line-height:0.34rem;}
.heardR .smallNav a i{font-family:MicrosoftYaHei; font-size:16px; font-weight:normal; letter-spacing:0px; color:#3388ff; font-style:normal;}
.layout .heardR li:hover .smallNav{display:block;}

.banner{width:100%; overflow:hidden;}
.banner img{display:block; width:100%;}

.foot{width:100%; background-color:#3e4146;}
.foot .top{padding:60px 0;}
.footL ul li{width:178px; text-align:left;}
.footL ul li span{display:inline-block; font-family:MicrosoftYaHei; font-size:20px; font-weight:normal; font-stretch:normal; letter-spacing:1px; color:#ffffff; padding:0 0 10px 0; border-bottom:1px solid #fff;}
.footL ul li p{font-family:MicrosoftYaHei; font-size:16px; font-weight:normal; font-stretch:normal; letter-spacing:0px; color:#cccccc; padding:10px 0;}
.footL ul .point p {cursor:pointer;}
.footR p:nth-of-type(1) {font-family:MicrosoftYaHei; font-size:20px; font-weight:normal; font-stretch:normal; line-height:29px; letter-spacing:1px; color:#ffffff;}
.footR p{font-family:MicrosoftYaHei; font-size:16px; font-weight:normal; font-stretch:normal; line-height:29px; letter-spacing:0px; color:#cccccc;}
.footR img{margin-top:26px;}
.intro{padding-top:55px; font-family:MicrosoftYaHei; font-size:16px; font-weight:normal; font-stretch:normal; letter-spacing:0px; color:#cccccc; text-align:center;}

.footerNav{display:none;}

.page_2{height:40px; margin:40px 0 50px; text-align:center; font-size:20px; line-height:40px;}
.page_2 button{height:40px; display:inline-block; background:#fff; border-radius:4px; font-size:20px; color:#333; border:none; margin:0 15px; padding:0 15px; cursor:pointer;}
.page_2 button.current_page{background:#eef5fd;}

.positionImg {display:flex; position:fixed; left:0px; top:50%; z-index:20;}
.positionImg #ImgShow {width:28px; height:120px; margin:95px 0;}
.positionImg #ImgCall {display:none; width:46px; height:178px;}
#iframe {display:none; position:fixed; top:25%; left:200px; width:362px; height:542px; z-index:20; border-radius:8px;}