@charset 'utf-8';

*{margin: 0; padding: 0;}
body{font-size: 16px; font-family: Arial;}
a{text-decoration: none; color: #333;}
li{list-style: none;}
img{vertical-align: middle;}
input,button,textarea{outline: none; vertical-align: middle;}

@font-face {
	font-family: 'MV Boli';
	src: url('../fonts/mvboli.ttf');
}
.clear{clear: both;}

.whole{width: 1400px; margin: 0 auto;}

.webhead{width: 100%; min-width: 1400px; height: 120px; background: #fff; border-bottom: solid #f2f2f2 1px; position: sticky; left: 0; top: 0; z-index: 99;}
.webhead .logo{float: left; line-height: 120px;}
.webhead .menu{float: right;}
.webhead .menu ul{margin-top: 40px;}
.webhead .menu li{float: left; font-size: 16px; line-height: 40px; padding: 0 25px; position: relative;}
.webhead .menu li a{color: #222;}
.webhead .menu li a:hover{color: #008cd5;}
.webhead .menu li .dropdown{width: max-content; background: #fff; border: solid #f2f2f2 1px; border-top-color: #1453ac; position: absolute; left: 50%; top: 40px; transform: translateX(-50%); padding: 10px 0; display: none;}
.webhead .menu li .dropdown::before{width: 2px; height: 2px; content: ''; background: #fff; border: solid #1453ac 2px; position: absolute; left: 50%; transform: translateX(-50%) rotate(45deg); top: -4px;}
.webhead .menu li:hover .dropdown{display: block;}
.webhead .menu li .dropdown ul{display: inline-block; vertical-align: top; margin: 0;}
.webhead .menu li .dropdown h4{font-size: 15px; line-height: 32px; padding: 0 15px;}
.webhead .menu li .dropdown li{float: none; font-size: 14px; line-height: 32px; padding: 0 15px;}
.webhead .search{width: 222px; height: 32px; box-sizing: border-box; float: right; border: solid #999 1px; padding: 0 20px; border-radius: 16px; margin: 44px 40px 0;}
.webhead .search input{width: 160px; height: 30px; float: left; border: none;}
.webhead .search button{width: 20px; height: 30px; float: right; border: none; background: url("../images/search.png") center no-repeat; cursor: pointer;}
.webhead .lang{float: right; margin-top: 40px; position: relative;}
.webhead .lang p{line-height: 40px; cursor: pointer;}
.webhead .lang ul{width: max-content; background: #fff; border: solid #f2f2f2 1px; border-top-color: #1453ac; padding: 10px 0; position: absolute; left: 50%; transform: translateX(-50%); top: 40px; display: none;}
.webhead .lang:hover ul{display: block;}
.webhead .lang ul::before{width: 2px; height: 2px; content: ''; background: #fff; border: solid #1453ac 2px; position: absolute; left: 50%; transform: translateX(-50%) rotate(45deg); top: -4px;}
.webhead .lang ul li{ line-height: 32px; padding: 0 20px;}
.webhead .lang ul li i{float: none; display: inline-block; vertical-align: middle;}

.banner{min-width: 1400px;}
.banner .video video{width: 100%; height: auto;}
.banner .video img{width: 100%; height: auto;}

.webfoot{width: 100%; min-width: 1400px; background: url("../images/footer.jpg") center top no-repeat; background-size: auto 100%;}
.webfoot .social_media{text-align: center; line-height: 40px; padding-top: 110px;}
.webfoot .social_media b{display: inline-block; vertical-align: middle; font-family: 'MV Boli'; font-size: 22px; color: #fff; margin: 0 15px;}
.webfoot .social_media .line{display: inline-block; width: 1px; height: 40px; vertical-align: middle; background: #666; margin: 0 15px;}
.webfoot .social_media a{display: inline-block; margin: 0 15px;}
.webfoot .social_media img{width: auto; height: 35px;}
.webfoot .footmenu{border-top: solid #6f6f6d 1px; font-family: 'MV Boli'; padding: 60px 0; margin-top: 60px; color: #fff;}
.webfoot .footmenu::after{content: ''; display: table; clear: both;}
.webfoot .footmenu ul{width: 300px; float: left;}
.webfoot .footmenu ul:nth-child(4){width: 500px;}
.webfoot .footmenu ul h3{font-size: 22px; margin-bottom: 30px;}
.webfoot .footmenu ul li{font-size: 16px; line-height: 32px;}
.webfoot .footmenu ul li a{color: #fff;}
.webfoot .footmenu p{font-size: 16px; line-height: 32px;}
.webfoot .foottext{border-top: solid #6f6f6d 1px; padding: 30px 0;}
.webfoot .foottext p{font-size: 20px; font-family: 'MV Boli'; color: #ef8200; text-align: center; line-height: 40px;}

.crumbs{padding: 15px 0; line-height: 30px; font-size: 16px; color: #000; border-bottom: solid #e8e8e8 1px;}
.crumbs a{color: #000;}
.crumbs a:hover{color: #1453ac;}
.crumbs .current{color: #1453ac;}
.crumbs .home{width: 14px; height: 12px; display: inline-block; background: url("../images/home.png"); margin-right: 6px;}

.con_title{text-align: center;}
.con_title h2{display: inline-block; font-size: 46px; color: #000; position: relative; padding-bottom: 48px;}
.con_title h2::after{width: 50px; height: 5px; content: ''; background: #1453ac; border-radius: 3px; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0;}

.common-page{text-align: center; padding: 30px 0;}
.common-page a{display: inline-block; font-size: 14px; line-height: 28px; border: solid #1453ac 1px; padding: 0 10px; margin: 0 8px;}
.common-page .current{display: inline-block; font-size: 14px; line-height: 28px; background: #1453ac; color: #fff; border: solid #1453ac 1px; padding: 0 10px; margin: 0 6px;}

#myform .error{width: max-content; color: #f00; position: absolute; bottom: -70px; line-height: 30px; border: solid #2b479a 1px; padding: 10px; background: #fff; z-index: 99; border-radius: 5px;}
#myform .error::before{content: ''; border-bottom: solid #2b479a 10px; border-left: solid transparent 10px; border-right: solid transparent 10px; position: absolute; left: 13px; top: -10px;}
#myform .error::after{content: ''; border-bottom: solid #fff 10px; border-left: solid transparent 10px; border-right: solid transparent 10px; position: absolute; left: 13px; top: -8px;}
#myform .errorborder{border-color: #2b479a !important;}
.common_success{padding: 80px 0;}
.common_success .title{text-align: center;}
.common_success .title h2{font-size: 30px;}
.common_success .goback{margin-top: 50px; text-align: center;} 
.common_success .goback a{display: inline-block; line-height: 50px; background: #1453ac; color: #fff; font-size: 18px; padding: 0 30px; border-radius: 6px;}