/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification\ 
for details on configuring this project to bundle and minify static web assets. */

html { width: 100%;}
body { padding-bottom: 0px; font-family: Microsoft YaHei; height: 100%; overflow-y: scroll;background:url(../images/home_bg.png)0 0 fixed repeat-y;}
* { font-family: Microsoft YaHei!important; margin: 0px; padding: 0px; }
ul { padding: 0; }
ul li { list-style: none; }
.swiper-pagination-bullet{width:12px!important;height:12px!important;opacity:1!important;transform:scale(0.8);}
.swiper-pagination-bullet.swiper-pagination-bullet-active { transform: scale(1); }
#nav .am-container { width: 1350px !important; max-width: 1350px; }

#nav { background-color: rgba(255,255,255,1); box-shadow: 0px 2px 5px #cccccc; border: none; position: fixed; top: 0; width: 100%; z-index: 999;display:block; }
.am_navbar { position: relative; }
.am_logo_blue { display: none; }

.am_logo_white { display: block; }
.am_navbar .am-nav .am-dropdown .am-dropdown-content { transition-delay:1s;margin:0;display:none;}
.am_navbar .am-nav .am-dropdown .am-dropdown-content:before{} 
.am_navbar .am-nav .am-dropdown:hover .am-dropdown-content {display:block; }
.am_navbar_icon_search { margin-right: 10px; margin-left: 10px; }
.am_navbar_icon_tmall { margin-right: 10px; }
.am_navbar_icon_border { border: 1px solid #2c2c2c; border-radius: 50%; padding: 5px 5px; width: 34px; height: 34px; cursor: pointer; }
.am_navbar_icon_item:hover .am_navbar_icon_border { background: #00469C; border: 1px solid #00469C; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.am_navbar_icon_item svg path { fill: #2c2c2c; }

.am_navbar_nav { margin-left:330px;  }
.am_navbar_icon { position: absolute; top:35px; right: 0px; }
.am_navbar_brand { padding-top: 13px; }

#nav .am_navbar_icon_item:hover svg path { fill: #ffffff; }
#nav .am_logo_blue { display: block; }
#nav .am_logo_white { display: none; }

.rang_phone { animation: shake-little 3s infinite; animation-direction: alternate; }
.am-topbar-nav > li > a:after{content:none;}
.am_navbar_icon_index .am_navbar_icon_border { background: #00469C; border: 1px solid #00469C; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#nav .am_navbar_icon_index svg path { fill: #ffffff; }
.font_blue h2, .font_blue h5 { color: #00469C; }
/*表单提交遮罩*/
#formMask { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #000000; opacity: .6;z-index:999;display:none; }

@-webkit-keyframes shake-little { 0% { -webkit-transform: translate(0px, 0px) rotate(0deg) }
    2% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg) }
    4% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg) }
    6% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg) }
    8% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg) }
    10% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg) }
    12% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg) }
    14% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg) }
    16% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg) }
    18% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg) }
    20% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg) }
    22% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg) }
    24% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg) }
    26% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg) }
    28% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg) }
    30% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg) }
    32% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg) }
    34% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg) }
    36% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg) }
    38% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg) }
    40% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg) }
    42% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg) }
    44% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg) }
    46% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg) }
    48% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg) }
    50% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg) }
    52% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg) }
    54% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg) }
    56% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg) }
    58% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg) }
    60% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg) }
    62% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg) }
    64% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg) }
    66% { -webkit-transform: translate(0px, 0px) rotate(0deg) }
    68% { -webkit-transform: translate(0px, 0px) rotate(0deg) }
    70% { -webkit-transform: translate(0px, 0px) rotate(0deg) }
    72% { -webkit-transform: translate(0px, 0px) rotate(0deg) }
    74% { -webkit-transform: translate(0px, 0px) rotate(0deg) }
    76% { -webkit-transform: translate(0px, 0px) rotate(0deg) }
    78% { -webkit-transform: translate(0px, 0px) rotate(0deg) }
    80% { -webkit-transform: translate(0px, 0px) rotate(0deg) }
    82% { -webkit-transform: translate(0px, 0px) rotate(0deg) }
    84% { -webkit-transform: translate(0px, 0px) rotate(0deg) }
    86% { -webkit-transform: translate(0px, 0px) rotate(0deg) }
    88% { -webkit-transform: translate(0px, 0px) rotate(0deg) }
    90% { -webkit-transform: translate(0px, 0px) rotate(0deg) }
    92% { -webkit-transform: translate(0px, 0px) rotate(0deg) }
    94% { -webkit-transform: translate(0px, 0px) rotate(0deg) }
    96% { -webkit-transform: translate(0px, 0px) rotate(0deg) }
    98% { -webkit-transform: translate(0px, 0px) rotate(0deg) }
    100% { -webkit-transform: translate(0px, 0px) rotate(0deg) }
}

.am-container { width: 1350px;max-width:1350px; }
.body-content { padding: 0; }
.white_box{background:none!important;padding-top:0px;font-size:14px;}
/*#banner { margin: 70px 0 85px; overflow: hidden; }
    #banner .box { margin: 0 -15px; }*/
#banner { margin: 70px 0 0px; overflow: hidden; }
    #banner .box { margin: 0 -15px;}
.am_project_label { position: absolute; right: 0; top: 0; display: none; }
    .am_project_label ul li { float: left; }


/*动画延迟*/
.my-animation-delay-1 { -webkit-animation-delay: 1s; animation-delay: 1s; }
.my-animation-delay-2 { -webkit-animation-delay: 2s; animation-delay: 2s; }
.my-animation-delay-3 { -webkit-animation-delay: 3s; animation-delay: 3s; }
.my-animation-delay-4 { -webkit-animation-delay: 4s; animation-delay: 4s; }
.my-animation-delay-5 { -webkit-animation-delay: 5s; animation-delay: 5s; }

#footer {
	background-color: #007cc3;
	text-align: center;
	font-size: 1.5rem;
	line-height: 2.7rem;
	color: #fff;
	width:100%;
	padding-top:3.7rem;
	padding-bottom:3.7rem;
}
#footer a{ color:#FFF;}
#footer a:hover{ color:#eff7fc;}
@media screen and (max-width:1200px) and (min-width:970px){
	#footer {}
}
@media screen and (max-width:969px) and (min-width:640px){
}
@media screen and (max-width:639px){
	#footer {
	background-color: #007cc3;
	text-align: center;
	font-size: 1.1rem;
	line-height: 2.7rem;
	color: #fff;
	width:100%;
	padding-top:1.5rem;
	padding-bottom:1.5rem;
}
.yqlj{ display:none;}
}

 /*title*/
.am_title{font-size:3rem;font-weight:normal;}
.am_sub_title { font-size: 1.4rem; color: #b1b1b1 ;font-weight:normal;margin-top:3px;}
.main_title { text-align: center; margin-bottom: 35px; }
    .main_title .am_sub_title { color: #b1b1b1; }

.am_main_title_navigation { text-align: center; margin-bottom: 70px; position: relative; }
.am_main_title_nav { overflow: hidden; margin: 0 auto; display: inline-block; }
    .am_main_title_nav li { float: left; margin: 0 5px; border: 1px solid #a9a7a8; }
        .am_main_title_nav li a { display: block; text-decoration: none; color: #111; padding: 10px 20px; font-size: 1.6rem; background-color: #fff;transition-duration:0.5s; }
            .am_main_title_nav li a:hover { background: #a9a7a8; color: #111; }
            .am_main_title_nav .active a { background: #a9a7a8; color: #111; }
.am-pagination > .am-active > a, .am-pagination > .am-active > a:focus, .am-pagination > .am-active > a:hover, .am-pagination > .am-active > span, .am-pagination > .am-active > span:focus, .am-pagination > .am-active > span:hover { z-index: 2; color: #fff; background-color: #dc2223; cursor: default; }


.am-pagination > li > a, .am-pagination > li > span { position: relative; display: block; padding: .5em 1em; text-decoration: none; line-height: 1.2; background-color: #e8e8e6; color: #111; border-radius: 0; margin-bottom: 5px; margin-right: 5px;}



#banner{margin-top:95px!important;}
#banner span{ display:block; position:absolute; z-index:999; color:#FFF; font-size:42px; width:250px; left:18%; top:5%; font-weight:bold;}
.am-header{display:none;}
.am-with-fixed-header{padding-top:0;}
@media only screen and (min-width: 641px) { .am-topbar-nav > li > a { position: relative; line-height: 95px; padding: 0 10px; color: #fff; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;font-size:1.4rem; }
    #nav.am-active .am-topbar-nav > li > a { color: #211713; }
    /*.am-nav > li > a:focus, .am-nav > li > a:hover { text-decoration: none; color: #ffffff; background: #00469C; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }*/
    .am-nav > li > a:focus{background:none;}
    .am-nav > li > a:hover { text-decoration: none; color: #ffffff; background: #007cc3; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
    #nav.am-active .am-nav > li > a:focus, #nav.am-active .am-nav > li > a:hover { color: #ffffff; }
    .am-topbar-nav > li.am-active > a, .am-topbar-nav > li.am-active > a:focus, .am-topbar-nav > li.am-active > a:hover { border-radius: 0; color: #ffffff; background: #00469C; }
    ul.am-dropdown-content > li > a { display: block; padding: 6px 12px; clear: both; font-weight: 400; border-bottom: 1px solid #ebebeb; color: #666666; white-space: nowrap; font-size: 14px; }
    ul.am-dropdown-content { list-style: none; padding: 0px 0; }
        ul.am-dropdown-content > li > a:hover:after { content:'>';text-decoration: none; color: #262626; background-color: #f5f5f5; text-indent: 10px;float:right; }
}
@media screen and (max-width:1440px) {
    /*#banner .box { height: 265px; }*/
}
@media screen and (max-width:1368px) {
    .am-container { width: 1268px!important; max-width: 1268px!important; }
}

@media screen and (max-width:1280px) {
    .am-container { width: 1200px!important; max-width: 1200px!important; }
}
@media only screen and (max-width: 641px) {
    .am-header { display: block; }
    #nav { display: none; }
    .am-with-fixed-header { padding-top: 49px; }
    .am-container { width: 100%; max-width: 100%; }
    #banner { margin-top: 0 !important; margin-bottom: 50px; }
    .am_main_title_nav li { width: 47%; margin: 5px; }
    .am_main_title_navigation { margin-bottom: 40px; }
    .am-pagination > li > a, .am-pagination > li > span { padding: .5rem .8rem; }
	#nav .am_navbar_icon{ color:#333;}
}

#news_navigation .l2 li { display: inline-block; font-size: 8px; padding: 0 20px 0 10px; position: relative; color: #3c3c3c; }
#news_navigation .l2 li a{color:#3c3c3c; }
    #news_navigation .l2 li.active a { color: #0e90d2; }

    #news_navigation .l2 li:before { content: '\f0da'; font-family: FontAwesome; font-size: 2em; display: inline-block; top: 50%; left: 0; position: absolute; transform: translateY(-50%); }

@media only screen and (min-width: 641px) {
    .am-topbar-nav > li > a { color: #211713; }
}

 @keyframes titleShow {
 0% {
transform: translateX(100%);
opacity: 0;
}
 30% {
transform: translateX(0);
opacity: 1;
}
 85% {
transform: translateX(0);
opacity: 1;
}
 100% {
transform: translateX(0);
opacity:0;
}
}