.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; border-bottom:6px solid #137c35}



.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: 0.5vw;}



.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 15px;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: #137c35;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; z-index:99999999999999}



.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:center;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%;  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:#137c35!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: 3vw; */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: 0.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:none; */}







}



@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 12px;}







}















.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;}