.index{position:relative;overflow:hidden;}

.header_top{ background-color:#43556b; height:30px; width:100%; position:relative; z-index:33;}

.header_top_fr{ float:left;margin-left: 3vw; font-size:12px; color:#dce3eb; line-height:30px;}

.header_top_fl{ float:right;margin-right: 3vw; }

.header_top_fl a{ display:block; float:left; color:#fff; font-size:12px; color:#dce3eb; line-height:30px;}

.header_top_fl i{ float:left; display:block; width:1px; height:10px; background-color:#dce3eb; margin:0 16px; margin-top:10px;}

.header_top_fl a:hover{ color:#fff;}

.header_top_fl a.yd{ position:relative;}

.header_top_fl a.yd img{ display:block; width:120px; height:0;transition: all 0.5s ease-out 0s; position:absolute; left:-35px; top:30px;}

.header_top_fl a.yd:hover img{ height:120px;}



.header_main{position:fixed;width:100%;height:100px;transition: all 0.9s ease-out 0s; z-index:22; top:0; left:0; background-color:#fff;}

.header_main.xc{ position:fixed; left:0; top:0;transition: all 0.9s ease-out 0s;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); background-color:#fff; height:100px;}

.header{ width:100%;height:100px;}

.header_main .webLogo{ position:relative; z-index:55;transition: all 0.9s ease-out 0s; float:left; padding-top:17px;margin-left: 3vw;}

.header_main .webLogo img{display:block;height: 68px;}

.header_main .nav_main{ height:90px; text-align:center;transition:all ease 0.36s;float: right;margin-right: 2vw;}

.header_main .nav_main .nav{ display:inline-block;}

.header_main .nav_main .item{ float:left;position:relative;height:100px;line-height:100px;z-index:12;transition:all ease 0.36s;}

.header_main .nav_main .item a{display:block;height:34px;font-size: 18px;line-height:32px;color:#333;position:relative;transition:all ease 0.36s;padding:0 32px;margin-top: 34px;border-radius:30px;}

.header_main .nav_main .item:hover,.header_main .nav_main .item.hover{ }

.header_main .nav_main .item:hover .alink,.header_main .nav_main .item.hover .alink{background-color: #171c61;color:#fff;}

.header_main.xc .nav_main .item:hover .alink,.header_main.xc .nav_main .item.hover .alink{}

.header_main .nav_main .item i{ display:none;background:url("../images/t3_03.png") no-repeat center center; width:6px; height:12px; position:absolute; top:40px; right:-3px;transition:all ease 0.36s;}

.header_main .nav_main .item:hover i,.header_main .nav_main .item.hover i{ display:block;}

.header_main .nav li .subnav{position: absolute;left: 50%;top:85px;background-color: #fff;width: 120px;margin-left: -60px;display: none;border-radius: 4px;overflow: hidden;}

.header_main .nav li .subnav .subA{color: #333;line-height: 35px;height: 35px;overflow: hidden;display: block;margin: 0;font-size: 14px;line-height: 35px;height: 35px;overflow: hidden;display: block;font-size: 14px;border-bottom: 1px dotted #ddd;margin: 0;text-align: center;}

.header_main .nav li .subnav .subA:hover{font-weight:bold;background: #3bb79b;color: #4872de;background: #ffbe8b;background: rgba(21, 21, 21, 0.8);}

.header_main .nav .sub-box{width:100%;position:absolute;left:0px;text-align:center;top:90px;background:#fff;display:none;line-height:35px;}

.header_main .nav .sub-box p{ width:100%;}

.header_main .nav .sub-box p a{color:#fff}

.header_main .nav .sub-box p .icon{width:6px;height:10px;background-position:-96px 0;position:absolute;top:19px;left:15px}

.header_main .nav .sub-box p a{border-bottom:1px solid #ddd;color:#333 !important;line-height:46px!important;height:46px!important;padding:0;font-weight:100;text-align:left;overflow:hidden;vertical-align:top;font-size:14px;display:block;background:none;transition: ease-in-out 0.2s;text-shadow:none;float: left;

width:90%; padding-left:10%; border-radius:0; margin-top:0;

}

.header_main .nav .sub-box p a:last-child{ border-bottom:none;}

.header_main .nav .sub-box p a:hover{text-indent: 6px;color:#0f4494!important;}

.header_main .nav .sub-box .img{ display:block; float:right; width:240px;}

.header_main .nav_main .item.li7 .sub-box{left: -110px;}

.header_main .nav_main .item.li8 .sub-box{left: -196px;}

.header_main .nav_main .item.li9 .sub-box{left: -300px;}

.header_main .nav_main .item.li10 .sub-box{left: -400px;}

.header_main .nav_main .item.li11 .sub-box{left: -400px;}

.header_main .nav_main .item.li10 i{ display:none;}

.header_main .nav_main .item.hover i,.header_main .nav_main .item:hover i{ display:none;}



.header_main .quick{float:right;transition:all ease 0.36s;margin-top:38px;margin-right: 1vw;font-size:26px;color:#0f4494;line-height:26px;font-family:"Arial";padding-left:0px;padding-right:35px;}

.header_main .cnt{ float:right; margin-right: 3vw;padding-top: 40px;}

.header_main .cnt .cn{ float:left; font-family:"Arial"; font-size:20px; text-transform:uppercase;text-shadow:1px 0px 1px rgba(0, 0, 0, 0.6); color:#fff; line-height:24px;} 

.header_main .cnt i{ float:left; font-family:"Arial"; font-size:20px; text-transform:uppercase; padding-left:8px; color:#fff; opacity:0.6;} 

.header_main .cnt .en{ float:left; font-family:"Arial"; font-size:16px;padding-left:8px; text-transform:uppercase;text-shadow:1px 0px 1px rgba(0, 0, 0, 0.6);color:#fff; line-height:16px;padding-top: 4px;} 





.header_main .en{ float:left; font-size:20px; color:#fff; line-height:30px; font-weight:normal;}

.header_main .en:hover{ }

.header_main .menu-btn{position:relative;background:url("../images/menuico.png") no-repeat center center;cursor: pointer;z-index:99; width:18px; height:29px;background-size: 100%;display:block; float:left; margin-left:30px; }

/*.header_main .menu-btn:hover{background:url("../images/menuico1.png") no-repeat center center;background-size: 100%;}*/



.header_main.on{ opacity:0;transition:all ease 0.5s;}

.navigation{ -webkit-transform: translate3d(0, 0, 0);overflow: hidden;position: fixed;top: 0;right: 0;bottom: 0;background:rgba(255, 255, 255, 1);z-index:999;display: flex;

align-items: center;height: 100vh; width:100%;

justify-content: center;

clip-path: circle(0 at calc(100% - 0.775rem) 0.675rem);

background-position: top right;

background-repeat: no-repeat;

transition: clip-path 0.7s ease-in-out;

pointer-events: none;}

.navigation.on { pointer-events: auto; clip-path: circle(110vw at calc(100% - 0.775rem) 0.675rem) !important;}

#navigation .webLogo{position: absolute;top:5%;left:3%; display:block;}



#navigation .toggle{position: absolute;top:5%;right:2%;/* border:#0f4494 solid 1px;*/ width:50px; height:50px; border-radius:50%;}

#navigation .toggle b{display:block; width: 26px;height: 25px;background: url(../images/sprite.png) -79px -234px no-repeat;cursor: pointer;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;margin: 0 auto;margin-top: 12px;}

#navigation .toggle:hover b{opacity: .8;transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);}



.g_navbox{width:100%; height:100%; position:relative;}

.g_navbox .g_nav{background:#fff;position: absolute;top: 0px;width: 100%;box-sizing: border-box;}





.header_main.xc .en{ color:#333;}





.header_main.xc .cnt .cn{text-shadow:none; color:#333;}

.header_main.xc .cnt i{text-shadow:none; color:#333;}

.header_main.xc .cnt .en{text-shadow:none; color:#333;}

.header_main.xc .cnt a:hover{color:#0f4494;}

.header_main.xc .menu-btn{background:url("../images/menuico1.png") no-repeat center center; background-size:100%;}

.header_main.xc .menu-btn:hover{background:url("../images/menuico2.png") no-repeat center center; background-size:100%;}





.header_main .sj{ float:right; transition:all ease 0.36s;}

.header_main .sj p{ display:block;font-size:16px; color:#333;  line-height:88px;}

.header_main .sj p span{ display:inline-block; font-size:24px; font-family:"Arial"; font-weight:bold;}

.header_main .sj img{ display:block; width:120px; height:0; position:absolute; left:-60px; top:40px;transition:all ease 0.36s;}

.header_main .sj:hover img{ height:120px;transition:all ease 0.36s;}



.header_main .dl{float:right; margin-left:60px; margin-top:32px;margin-right: 4vw;font-size:18px;}

.header_main .dl a{ display:inline-block; font-size:18px; padding:0 3px;}



.header_main .quick .searcher{ float:left;}

.header_main .quick .search_btn{width:36px;height:36px;background:url("../images/t2_031.png") no-repeat center center;float:left;display: block;cursor: pointer;}

.header_main .quick .search_btn:hover{opacity:.8;filter:alpha(opacity=80);}

.header_main .quick .search_main{position: absolute; z-index: 10; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; width: 0; height: 80px; right: 50px; top:90px; overflow: hidden; background: rgba(0,0,0,0.2);*background:#000;}

.header_main .quick .search_box{width:280px;height:40px;margin-top:20px;margin-left:40px;background:url(../images/search_main.png) no-repeat bottom center;}

.header_main .quick .search_box input{background-color: none; border: none;}

.header_main .quick .search_box .stxt{width: 240px; height: 40px;line-height: 40px; display: block; text-indent: 10px;color:#fff; background-color:transparent;    outline: none;}

.header_main .quick .search_box .sbtn{font-size:0;width: 34px;height: 34px;display: block;cursor: pointer;border-radius:100%;margin-top: 5px;outline: none;background:url("../images/searchico.png") no-repeat center center;}

.header_main .quick .cte{position:relative;float:left;margin-right:14px;cursor: pointer;}

.header_main .quick .cte .cvalue{padding-right:12px;font-family:arial;font-size:20px;color:#fff;background:url("../images/cearr.png") no-repeat right center;}



.header_main .quick .member{float:left;display:block;width:20px;height:20px;background:url("../images/member.png") no-repeat center center;}

.header_main .quick .member:hover{opacity:.8;filter:alpha(opacity=80);}

/*.header_main.xc{height:100px;border-bottom:1px solid #ddd;transition: all 0.9s ease-out 0s; position:fixed; left:0; top:0;background-color: rgba(255,255,255,1);}

.header_main.xc .nav_main .item{height:100px;line-height:100px;}

.header_main.xc .nav_main .item a{height:99px;line-height:100px;color:#333;}*/

.header_main.xc .quick .search_btn{background:url("../images/t2_031.png") no-repeat center center;}

.header_main .tel{margin-top:35px;float:right;margin-left:1vw;padding-left:44px;font-family:arial;font-size:30px;color:#333;background:url("../images/f2_03.png") no-repeat left center; line-height:36px; font-weight:bold;}

.header_main .tel_right .webTel{}



.header_main.xc .cte .cvalue{color:#666;background:url("../images/cearr2.png") no-repeat right center;}

.header_main.xc .member{background:url("../images/member2.png") no-repeat center center;} 

/*.header_main.xc .quick{padding-top:40px;}

.header_main.xc .quick .search_btn{background:url("../images/searchico2.png") no-repeat center center;}*/



.header_main.xc .tel_right .webTel{color:#0f4494;background:url("../images/telIco2.png") no-repeat left center;}



.header_main .lag_sel_box{margin-top:-40px;position: relative;line-height: 100px;}

.header_main .lag_box{display: none; position: absolute; top: 150px; left: 50%; margin-left:-40px; transform: translateX(-50%); background-color: #fff; color: #758190; font-size: 14px; line-height: 32px; padding: 10px 20px;} 

.header_main .lag_box::after{content: ''; position: absolute; top: -5px; left: 30%; width: 10px; height: 10px; background-color: #fff; transform: rotate(45deg);} 

.header_main .lag_box .item{cursor: pointer; padding-right: 25px; width:30px; border-bottom: 1px solid #758190;} 

.header_main .lag_box .item:last-child{border-bottom: none;} 

.header_main .lag_box .item::hover{color: #004bc6;} .header_box .lag_sel_box .lag_box li.on{color: #004bc6;}

.header_main .lag_box.on{top:100px;display:block;}

.header_main .nav_main .item.li8 .alink i{ display:none;}

.header_main .quick .searcher{ height:30px; border-radius:20px;}

.header_main .quick .searcher .stxt{float:left; width:108px; height:30px;  padding-left:10px; line-height:30px;background-color:transparent; color:#fff; border:none; outline:none; font-size:14px;}

.header_main .quick .searcher .sbtn{width:24px; height:20px; background:url("../images/search_btn.png") no-repeat center center;border:none; cursor:pointer;  outline:none; background-size:100%; margin-top:5px; }



@media (max-width: 1750px) {

	.header_main .nav_main .item a{padding: 0 20px;}

}

@media (max-width: 1660px)

{

	.header_main .webLogo {  margin-left:2.2vw;padding-top: 23px;}

	.header_main .nav_main .item a{ padding: 0 23px;}

	.header_main .nav_main { margin-right: 2vw;}

	.header_main .cnt { margin-right:2.5vw;}

	.header_main .webLogo img { height: 56px;}



}

@media (max-width: 1550px)

{

	.header_main .quick{ display:block;}



}

@media (max-width: 1400px)

{

	.header_main .webLogo { margin-left:1.5vw;}

	.header_main .nav_main .item a{ padding: 0 22px;}

	.header_main .nav_main { margin-right: 1vw;}

	.header_main .cnt { margin-right:1.5vw;}

.header_main .quick { margin-left: 0px;}



}

@media (max-width: 1366px)

{

	

	.header_main .nav_main .item a{ padding: 0 20px;}



}







.modal{display: none; /* 默认隐藏 */ position: fixed; /* 根据浏览器定位 */ z-index:666; /* 放在顶部 */ left: 0; top: 0; width: 100%; /* 全宽 */ height: 100%; /* 全高 */ overflow: auto; /* 允许滚动 */ background-color: rgba(0,0,0,0.4); /* 背景色 */}

/*模态框内容*/

.modal-content{display: flex; /*采用flexbox布局*/ flex-direction: column; /*垂直排列*/ position: relative; background-color: #fefefe; margin: 15% auto; /*距顶部15% 水平居中*/ padding: 20px; padding-top:20px; border: 1px solid #888; width:612px; animation: topDown 0.4s; /*自定义动画，从模态框内容上到下出现*/}

@keyframes topDown{from{top: -300px; opacity: 0} to{top: 0; opacity: 1}}

/*模态框头部*/

.modal-header{display:block; /*采用flexbox布局*/ flex-direction: row; /*水平布局*/ align-items: center; /*内容垂直居中*/ justify-content: space-between; text-align:right;}

/*关闭X 样式*/

.close{float:right;color: #aaa; font-size: 28px; font-weight: bold;transition:all ease 0.36s;display:block;width:32px;height:32px;background:url("../images/closeModal.png") no-repeat center center;}

.close:hover{color: black; text-decoration: none; cursor: pointer;transform: rotate(360deg);transition:all ease 0.36s;}

.modal-body{padding-top:20px; padding-bottom:30px;margin-top:10px;}

.modal-body .stxt{float:left; width:500px; height:48px; border:#CCC solid 1px; padding-left:30px;outline: none;}

.modal-body .sbtn{width:80px; height:50px; background:url("../images/search_btn.png") no-repeat center center #0f4494;border:none; cursor:pointer;}


/*reset css start*/

html{min-width:1200px;font-family:sans-serif}

body{text-align:left;padding:0;margin:0; font-size:14px;color:#333;font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Tahoma,sans-serif;height:auto;background:#fff;overflow-x:hidden;-webkit-font-smoothing: antialiased;}