@charset "utf-8";

/* html,body{font-family: "微软雅黑";} */

/* body{font-size:15px;font-family:arial,"微软雅黑",sans-serif,serif,"Microsoft YaHei";} */

body{font-size:15px;font-family: Montserrat,"Microsoft Yahei",sans-serif,"Lucida Grande",Verdana,STXihei;}

*{padding:0;margin:0;list-style:none;}

a{text-decoration:none;color:inherit;} 

i{font-style: normal;}

dl,ol,ul {list-style-type:none}

b{display: inline-block;}

em{font-style: normal;font-family: Montserrat,arial;}



.odcontent{margin:0 auto; width:90%;max-width:1500px;}

@media only screen and (max-width: 520px){

	.odcontent{width: 90%;}

}

.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}

.clearfix{zoom:1}

input,textarea{border: none;outline: none;border-radius: 0;-webkit-appearance:none;}

button {border: none;padding: 0;}

.fl{float:left}

.fr{float:right}



.por{position: relative;}

.poa{position: absolute;}

.head_fixed{position: fixed;top: 0;left: 0;width: 100%;height: auto;z-index: 9999;}

img{border: none;vertical-align: middle;max-width: 100%;}



*:focus{

	outline: none;

	-webkit-tap-highlight-color: transparent;

}



a,li,div {-webkit-tap-highlight-color:transparent}



input:-webkit-autofill,

 textarea:-webkit-autofill,

 select:-webkit-autofill {

     background-color: transparent!important;

     background-image: none !important;

     -webkit-box-shadow: 0 0 0 1000px #f2f3f7 inset !important;

     -webkit-text-fill-color: #333;

}



/* 自定义样式 */

.ver-mid{vertical-align: middle;}

.ver-bl{vertical-align: baseline;}

.flx{display: flex;flex-wrap: nowrap;justify-content: space-between;}

.flx_w{display: flex;flex-wrap: wrap;justify-content: space-between;}

.txt_center{text-align: center;}

.hide{display: none;}

.center{text-align: center;}

.right{text-align: right;}

.left_text{text-align: left;}

.w1200{margin: 0 auto;width: 90%;max-width: 1200px;}

.blue{color: #07a4df;}



@font-face {

	font-family:Montserrat;

	src: url(../fonts/Montserrat-Regular.otf);

}







/* header{height: 155px;} */

/* .idx .head {background: transparent;}

.idx .head .head_mid .head_nav .first_nav > li > a{color: #fff;}

.idx .head .head_mid .head_nav .first_nav > li > a:after{background: #fff;}

.idx .head .head_mid #search_btn{filter: grayscale(1) brightness(100);} */



.head{position: fixed;left: 0;top: 0;width: 100%;z-index: 98;background: rgba(0,0,0,0.15);color: #fff;background: transparent;transition: all .3s linear;/* border-bottom: 1px solid rgba(255,255,255,0.5); */}



.head .head_mid a.logo_w > .flx_w{align-items: center;}

.head .you{margin-left: 20px;color: #f09022;}
.head .you .name{font-weight: bold;font-weight: bold;display: block;font-size: 42px;transition: all .3s linear;letter-spacing: 2px;}
.head .you p{margin-top:0px;font-size: 16px;font-style: italic;font-weight: bold;}



/* scro */

#header{background: #fff;color: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);background-color: #1c2a45;}

#header .head_mid .head_nav .first_nav > li > a{padding: 54px 0;font-weight: bold;}

#header .head_mid #search_btn{filter: initial;}

#header .m_search .tel{filter: initial;}

#header .head_mid .menu_btn span{background: #666;}

#header .head_mid .head_nav .first_nav > li > a{}

#header .head_mid .head_nav .first_nav > li.cur > a{color: #f09022;}

#header .head_mid .menu_btn span{background: #fff;}

/* scro_end */



.nei #header{background: #fff;padding:20px 0;box-shadow: 0  0 10px rgba(0,0,0,0.1);}

.nei #header .head_mid .head_nav .first_nav > li > a{padding: 32px 0;}



.nei #header .head_mid .menu_btn span{background: #e50011;}



/* .head.scro {background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);}

.head.scro .head_mid .lf_part .logo{filter: initial;}

.head.scro .head_mid .head_nav .first_nav > li{color: #2a2a2a;}

.head.scro .head_mid .rt_part .hot_line{color: #2a2a2a;}

.head.scro .head_mid .head_nav .first_nav > li > a > i{filter: grayscale(1) brightness(0.2);} */

.head .top_wrap{margin:0 auto;width: 90%;max-width: 1500px;}

.head .head_top{padding: 11px 0;font-size: 12px;color: #716666;background: #f7f7f7;}

.head .head_top .top_share a{display: inline-block;margin-right: 13px;padding-right: 13px;border-right: 1px solid #d7d9ea;}

.head .head_top .top_share a i{display: block;}

.head .head_top .top_share a i img{display: block;}

.head .head_top .top_share a:nth-last-child(1){margin-right: 0;padding-right: 0;border-right: 0;}

.head .head_top .top_right{width: calc(100% - 186px);width: -webkit-calc(100% - 186px);}

.head .head_top .top_right .flx_w{justify-content: flex-end;}

.head .head_top .top_right .flx_w > div{margin-left: 2.5%;padding-left: 22px;}

.head .head_top .top_right .cts:nth-child(1){background: url(../images/icon_01.png)no-repeat left top;}

.head .head_top .top_right .cts:nth-child(2){background: url(../images/icon_02.png)no-repeat left top;}

.head .head_top .top_right .language {background: url(../images/icon_03.png)no-repeat left top;line-height: 19px;cursor: pointer;color: #00369c;}

.head .head_top .top_right .language ul{display: none;position: absolute;left: 50%;top: 150%;width: 110px;padding: 0 10px;box-shadow: 0 0 5px rgba(0,0,0,0.1);transform: translateX(-50%);background: #fff;z-index: 2;}

.head .head_top .top_right .language > i{margin-left: 3px;}

.head .head_top .top_right .language ul li{line-height: 30px;}

.head .head_top .top_right .language ul li i{display: inline-block;vertical-align: middle;margin-right: 6px;}

.head .head_top .top_right .language ul li span{display: inline-block;vertical-align: middle;white-space: normal;text-overflow: ellipsis;overflow: hidden;}



.head .hide_name{position: absolute;left: 0;top: 0;margin-left: -2000px;}

.head .head_mid{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}

.head .head_mid  a.logo_w{display: block;}

.head .head_mid .lf_part{position: relative;box-sizing: border-box;}

.head .head_mid .lf_part .logo{white-space: nowrap;font-size: 18px;position: relative;overflow: hidden;text-align: center;}

.head .head_mid .lf_part .logo img{display: inline-block;vertical-align: text-bottom;}

.head .head_mid .lf_part .logo span{display: block;margin-top: 5px;}

/* .head .head_mid .lf_part .cpy_name{color: #5b5b5b;}

.head .head_mid .lf_part .cpy_name p{font-size: 20px;font-weight: bold;letter-spacing: 3px;}

.head .head_mid .lf_part .cpy_name em{font-size: 12px;font-weight: bold;letter-spacing: 1px;} */

.head .head_mid .head_nav {width: calc(98% - 262px);box-sizing: border-box;position: relative;}

.head .head_mid .head_nav .first_nav{position: relative;text-align: center;}

.head .head_mid .head_nav .first_nav .curtain{position: absolute;left: 50%;top: 100%;width: 90vw;max-width: 1686px;height: 100%;background: rgba(255,255,225,0.95);transform: translateX(-50%);display: none;box-sizing: border-box;}

.head .head_mid .head_nav .first_nav > li{display: inline-block;padding: 0 1.6%;white-space: nowrap;position: relative;z-index: 1;}

.head .head_mid .head_nav .first_nav > li:after{content:"";position: absolute;left:0;top:0;width:100%;height:0;z-index: -1;background:#fff;box-shadow: 0 0 10px rgba(0,0,0,10%);transition: height 0.2s linear;}

/* .head .head_mid .head_nav .first_nav > li:first-child{padding-left:0}

.head .head_mid .head_nav .first_nav > li:last-child{padding-right:0} */

.head .head_mid .head_nav .first_nav > li > a{display: block;padding: 42px 0;position: relative;font-size: 16px;transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;}

/* .head .head_mid .head_nav .first_nav > li > a > i{position: absolute;display: inline-block;margin-left: 4px;top: 50%;left: 110%;width: 12px;height: 12px;transform: translateY(-50%);background: url(../images/icon_list.png)no-repeat center;} */

.head .head_mid .head_nav .first_nav > li.cur{background: transparent;}

/* .head .head_mid .head_nav .first_nav > li.cur > a{color: #1178a6;} */

.head .head_mid .head_nav .first_nav > li > a:after{content: initial;position: absolute;left: 50%;top: 0;width: 0;height: 5px;background: #f09022;transform: translateX(-50%);transition: width 0.3s linear;}

.head .head_mid .head_nav .first_nav > li.cur > a:after{width: 150%;}

.head .head_mid .head_nav .first_nav > li.cur > a{color: #f09022;}

.head .head_mid .head_nav .first_nav > li:hover > a{color: #f09022;}

/* 指向 */

/* .head .head_mid .head_nav .first_nav > li.cur > a:after{width: 100%;}

.head .head_mid .head_nav .first_nav > li:hover > a:after{content: "";width: 100%;} */

/* .head .head_mid .head_nav .first_nav > .hightlight{position: absolute;left: 50%;bottom: 0;width: 0;height: 4px;transform: translateX(-50%);background: #1178a6;transition: all 0.3s ease-out;} */

.head .head_mid .head_nav .pc_secnav{position: absolute;top: 100%;left: 50%;width: auto;min-width:100%;height: auto;transform: translate(-50%,-10px) scale(0.8);z-index: 3;display: none;box-sizing: border-box;z-index: 2;background:#ffca00;opacity: 0;transition: all .3s linear;transform-origin: center top;background-image: linear-gradient(#1d5acc,#561abb);background:rgba(0,116,190,1)}

/* .head .head_mid .head_nav .pc_secnav:before{content:"";position: absolute;left: 50%;top:0;width: 100%;max-width:1340px;height: 4px;transform:translateX(-50%);z-index: 1;background: #f5811f;} */

.head .head_mid .head_nav .pc_secnav.on{transform:translate(-50%,0) scale(1);opacity: 1;}

.head .head_mid .head_nav .pc_secnav .lf_nav{width: 100%;}

.head .head_mid .head_nav .pc_secnav .lf_nav > ul{display: flex;flex-wrap: wrap;justify-content: center;}

.head .head_mid .head_nav .pc_secnav .lf_nav > ul > li{padding:15x 15px 10px;width: 100%;text-align: left;font-size: 15px;color: #fff;box-sizing: border-box;transition: margin-bottom .3s ease-out;position: relative;text-align: center;}

.head .head_mid .head_nav .pc_secnav .lf_nav > ul > li > a{display: block;padding: 12px 20px;}

.head .head_mid .head_nav .pc_secnav .lf_nav > ul > li:hover > a{background: #f09022;color:#fff;}

.head .head_mid .head_nav .proNav{width: 1000px;left:100%}

.head .head_mid .head_nav .proNav .lf_nav{padding:20px 0;width: 160px;box-sizing: border-box;}

.head .head_mid .head_nav .proNav .sec_list{width:calc(100% - 160px);width:-webkit-calc(100% - 160px);background: #f2f2f2;}

.head .head_mid .head_nav .proNav .sec_list_wrap{padding:18px 3%;box-sizing: border-box;}

.head .head_mid .head_nav .proNav .sec_list_wrap:after{content:"";width: 31%;}

.head .head_mid .head_nav .proNav .sec_list .item{margin-top:2%;width:31%;text-align:left;}

.head .head_mid .head_nav .proNav .sec_list .item:nth-child(-n+3){margin-top: 0;}

.head .head_mid .head_nav .proNav .sec_list .item a{display: block;margin-top:10px;font-size: 14px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color:#000;}

.head .head_mid .head_nav .proNav .sec_list .item a.sec_hd{font-size:16px;font-weight: bold;padding-bottom:10px;border-bottom:1px solid #ccc;white-space: pre-wrap;}

.head .head_mid .head_nav .proNav .sec_list .item a:hover{color:#004da1}

.head .head_mid .head_nav .proNav .lf_nav > ul > li.on > a{background: #333;}



.head .head_mid .app_right{display: none;}

header .mobile_nav{position: fixed;left: -100vw;top: 0;width: 300px;height: 100vh;transition: all .3s;box-sizing: border-box;z-index: 100;background: #fff;}

header .mobile_nav .m_logo{display: block;padding:12px 5% 0;width: 100%;box-sizing: border-box;}

header .mobile_nav.sld{left:0;width: 100%;}

.head .head_mid .menu_part{position: relative;display:inline-block;width: 30px;height: 20px;vertical-align: middle;display: none;}



.head .head_mid .menu_btn{display: inline-block;position: absolute;left: 50%;top: 48%;width: 100%;height: 100%;transform: translate(-50%,-50%);z-index: 2;cursor: pointer;}

.head .head_mid .menu_btn span{display: block;width: 100%;height: 1px;transform-origin: center;background: #fff;}

.head .head_mid .menu_btn span:nth-child(1){top: 0;}

.head .head_mid .menu_btn span:nth-child(2){position: relative;margin: 5px 0px;width: 80%;opacity: 1;transition: width .5s;}

.head .head_mid .menu_btn span:nth-child(3){top:100%;margin: 0 0 0 0;}

.head .head_mid .menu_btn.open{width: 20px;height: 14px;z-index: 9999;}

.head .head_mid .menu_btn.open span{width: 100%;}

.head .head_mid .menu_btn.open span:nth-child(1){position: absolute;top: 50%;left: 0;transform: rotateZ(45deg);transition: transform 0.3s 0.5s;}

.head .head_mid .menu_btn.open span:nth-child(2){opacity: 0;width: 0;margin: 10px 0;}

.head .head_mid .menu_btn.open span:nth-child(3){position: absolute;top: 50%;left: 0;transform:rotateZ(-45deg);transition: transform 0.3s 0.5s;}

.head .head_mid .rt_part{box-sizing: border-box;position: relative;display: none;}

.head .head_mid .rt_part .flx_w{align-items: center;}

.head .head_mid .rt_part .hot_line{width: auto;box-sizing: border-box;color: #000;box-sizing: border-box;font-size: 18px;position: relative;overflow: hidden;}

.head .head_mid .rt_part .hot_line.on{overflow: initial;}

.head .head_mid .rt_part .hot_line i{display: block;width: 25px;height: 25px;background: url(../images/icon_tel.png)no-repeat center;background-size: 25px;cursor: pointer;}

.head .head_mid .rt_part .hot_line > div{position: absolute;padding: 10px;right: 0;top: 150%;background: #fff;opacity: 0;transition: all .3s linear;color: #1178a6;}

.head .head_mid .rt_part .hot_line.on > div{right: 0;opacity: 1;}

.head .head_mid .rt_part .hot_line b{display: block;white-space: nowrap;;}



.head .top_func{display:inline-block;position:relative;white-space: nowrap;z-index: 2;display: none;}

.head .top_func .tel {padding-left: 18px;color: #fff;background-image: url(../images/headtel.png);background-repeat: no-repeat;background-position: left center;}

.head .top_func .line{display: inline-block;margin: 0 24px;}

.head .top_func .language{display: inline-block;position: relative;}
.head .top_func .language > p{font-size: 16px;white-space: nowrap;}
.head .top_func .language img{vertical-align: middle;}
.head .top_func .language span{display: inline-block;vertical-align: middle;margin: 0 8px;}
.head .top_func .language i.drop_icon{display: inline-block;width: 12px;height: 9px;background: url(../images/drop_icon.png)no-repeat center;vertical-align: middle;}
.head .top_func .language .show{display: none;position: absolute;top: calc(100% + 10px);top: -webkit-calc(100% + 10px);right:0;padding: 10px 15px;width: 104px;height: auto;z-index: 2;background: #fff;color: #333;box-shadow: 0 3px 10px rgba(225,225,225);border-radius: 4px;}
.head .top_func .language .show .yuyan li{margin: 5px 0;padding-left:10px;position: relative;box-sizing: border-box;}
.head .top_func .language .show .yuyan li:hover{color: #1d5acc;}

.head .top_func .language .show .yuyan li:after{content:"";position: absolute;left:0;top:50%;width: 10px;height: 10px;transform: translateY(-50%);border-radius: 50%;background: #ccc;}



.head #search_btn{display: inline-block;width: 22px;height:22px;background: url(../images/i_search.png)no-repeat center;vertical-align: middle;filter: grayscale(1) brightness(100);}

#header .m_search{white-space: nowrap;}

#header #search_btn{position: relative;cursor: pointer;}

#header #search_box{position: absolute;right: calc(100% + 15px);top: 140%;width:300px;box-sizing: border-box;display: none;z-index: 2;filter: initial;}

#header #search_box input{display: inline-block;vertical-align: middle;height: 38px;}

#header #search_box input.key{padding:0 10px;width: calc(100% - 38px);border: 1px solid #ccc;box-sizing: border-box;}

#header #search_box input.upload{width: 38px;height: 38px;color: #fff;background: #ffd200;}

#header .m_search .hot_tel{display: inline-block;margin-left:12%;padding-left:12%;border-left:1px solid rgba(200,200,200,0.5)}

#header .m_search .tel{display: inline-block;margin-right:16px;width: 24px;height: 22px;background: url(../images/hot_line.png)no-repeat center/100% auto;vertical-align: middle;filter: grayscale(1) brightness(100);}

#header .m_search span{display: inline-block;vertical-align: middle;}





header .mobile_nav #m_btn{position: absolute;right: 20px;top: 12px;width: 60px;height: 60px;cursor: pointer;z-index: 100;}

header .mobile_nav #m_btn i{position: absolute;left: 50%;top: 50%;width: 30px;height: 30px;transform: translate(-50%,-50%);background: url(../images/m_btm.png)no-repeat center;}

header .mobile_nav #m_btn:hover i{transform: translate(-50%,-50%) rotateZ(180deg);}





/* mobile-start */

	header .mobile_nav .m_logo img{width: auto;}

	header .mobile_nav .second_nav {position: relative;padding: 12px 5%;width: 100%;height: 100%;background: #fff;box-sizing: border-box;z-index: 99;}

	header .mobile_nav .second_nav > li{padding: 20px 0;width: 100%;font-size:15px;line-height: 1.5;cursor: pointer;color: #2d2d2d;transform: translateY(-100%);transition: all 0.2s ease-out;opacity: 1;box-sizing: border-box;}

	header .mobile_nav .second_nav > li p{display: inline-block;}

	header .mobile_nav .second_nav > li > a:hover{color: #1f512a;}

	header .mobile_nav .second_nav > li i{display: inline-block;float: right;width: 20px;height: 20px;background:url(../images/down.png)no-repeat center;vertical-align: middle;transform: initial;}

	header .mobile_nav.sld .second_nav > li{transform: translateY(0);opacity: 1;border-bottom: 1px solid #f2f2f2;}

	header .mobile_nav.sld .second_nav > li:nth-child(1){transition-delay: 0.2s;border-top: 1px solid #f2f2f2;}

	header .mobile_nav.sld .second_nav > li:nth-child(2){transition-delay: 0.25s;}

	header .mobile_nav.sld .second_nav > li:nth-child(3){transition-delay: 0.3s;}

	header .mobile_nav.sld .second_nav > li:nth-child(4){transition-delay: 0.35s;}

	header .mobile_nav.sld .second_nav > li:nth-child(5){transition-delay: 0.4s;}

	header .mobile_nav.sld .second_nav > li:nth-child(6){transition-delay: 0.45s;}

	header .mobile_nav.sld .second_nav > li:nth-child(7){transition-delay: 0.5s;}

	header .mobile_nav.sld .second_nav > li > a{font-size: 18px;}

	header .mobile_nav .second_nav .next_nav{display: none;margin-top: 10px;}

	header .mobile_nav .second_nav .next_nav > li{padding-left: 24px;font-size: 16px;box-sizing: border-box;position: relative;}

	/* header .mobile_nav .second_nav .next_nav > li:before{content: "";position: absolute;left: 0;top: 50%;width: 6px;height: 6px;border-radius: 50%;transform: translateY(-50%);background: #fff;} */

	header .mobile_nav .second_nav .next_nav > li:hover{color: #1f512a;}

	header .mobile_nav .second_nav .bg_line{position: absolute;top: -4.5px;left: 50%;width: calc(100% + 20px);width: -webkit-calc(100% + 20px);height: 45px;background-color: #ff0000;transform: translateX(-50%);z-index: -1;border-radius: 30px;transition: top .3s ease;display: none;}

	@keyframes rotation{

		from{transform: rotateZ(0deg);}

		to{transform: rotateZ(720deg);}

	}

	

	/* header .mobile_nav .mobile_contact{width: 40%;height: 100%;position: relative;z-index: 2;}

	header .mobile_nav .mobile_contact .company_contact{width: 100%;height: 60%;text-align: center;color: #fff;position: relative;background: #195894;}

	header .mobile_nav .mobile_contact .company_contact .info{position: absolute;padding: 0 5%;left: 0;width: 100%;top: 50%;transform: translateY(-50%);font-size: 16px;box-sizing: border-box;}

	header .mobile_nav .mobile_contact .company_contact .info p{margin: 10px 0;}

	header .mobile_nav .mobile_contact .company_contact .info p.addr-tip{background: url(../images/icon_addrgery.png)no-repeat center 37px;font-size: 24px;}

	header .mobile_nav .mobile_contact .company_contact .info .address{font-size: 22px;}

	header .mobile_nav .mobile_contact .company_contact .info .contact-tel{font-size: 24px;}

	header .mobile_nav .mobile_contact .company_btm{width: 100%;height: 40%;background: #f5f2f2;position: relative;}

	header .mobile_nav .mobile_contact .company_btm .info{position: absolute;left: 0;width: 100%;top: 50%;padding: 0 5%;transform: translateY(-50%);font-size: 40px;text-align: center;font-weight: bold;color: #110a04;box-sizing: border-box;} */

	

	/* 手机端飞入特效 */

	/* header .mobile_nav.sld .mobile_contact .company_contact{}

	header .mobile_nav.sld .mobile_contact .company_btm{} */

	/* @keyframes a1{

		from{transform: translateX(100%);opacity: 0;}

		to{transform: translateX(0);opacity: 1;}

	}

	@-ms-keyframes a1{

		from{transform: translateX(100%);opacity: 0;}

		to{transform: translateX(0);opacity: 1;}

	}

	@-moz-keyframes a1{

		from{transform: translateX(100%);opacity: 0;}

		to{transform: translateX(0);opacity: 1;}

	}

	@keyframes a2{

		from{transform: translateY(100%);opacity: 0;}

		to{transform: translateY(0);opacity: 1;}

	}

	@-ms-keyframes a2{

		from{transform: translateY(100%);opacity: 0;}

		to{transform: translateY(0);opacity: 1;}

	}

	@-moz-keyframes a2{

		from{transform: translateY(100%);opacity: 0;}

		to{transform: translateY(0);opacity: 1;}

	} */



/* mobile-end */

@media only screen and (max-width:1600px){

	.head .head_mid .head_nav .first_nav{margin-right: 0;}

	.head .head_mid .head_nav .first_nav > li{padding: 0 1%;}

	/* .head .head_mid .btn_box{width: 150px;} */

	/* .head .head_mid .app_right .search input{width: 95px;} */

	.head .head_mid .head_nav{justify-content: flex-start;}

	.head .head_mid .rt_part{padding-left: 0;width: auto;min-width: initial;}

}



@media only screen and (max-width:1440px){

	/* .head .head_top{display: none;} */

	

	/* .head .head_mid .lf_part .logo{width: 300px;} */

	/* .head .head_mid .head_nav{width: calc(100% - 300px);width: -webkit-calc(100% - 300px);} */

	/* .head .head_mid .head_nav .first_nav > li{padding: 0 12px;} */

	.head .top_wrap{width: 90%;}

	.head .head_mid .head_nav .first_nav > li > a{font-size: 16px;}

	.head .you .name{font-size: 36px;}

	.head .you p{font-size: 14px;}

}





@media only screen and (max-width:1280px){

	

	.head .top_func{margin-right: 0;position: absolute;left: 0;top:50%;transform: translateY(-50%);}

	.head .top_func .language .show{right: auto;left: 0;}

	.head .top_func .language > p{}

	.head .top_func .language img{width: 20px;}

	.head #search_btn{width: 20px;background-size: 100% auto;}

	.head .m_search{position: absolute;right:80px;top:50%;transform: translateY(-50%);}

	#header #search_box{top:69px;right:0}

	.nei #header{padding: 2% 0;}

	/* .head .head_mid .lf_part .logo{width: 200px;} */

	.head .top_wrap > .flx{justify-content: center;}

	.head .head_top .top_share{display: none;}

	.head .head_top .top_right{width: 100%;white-space: nowrap;}

	.head .head_mid{position: relative;padding:14px 0;justify-content: center;}

	.head .head_mid .logo{font-size: 24px;}

	.head .head_mid .logo .log0_img img{display: block;}

	.head .head_mid .head_nav{padding: 0;position: initial;width: auto;position: absolute;right: 0;top:50%;transform: translateY(-50%);}

	.head .head_mid .head_nav .first_nav{display: none;}

	.head .head_mid .btn_box{width: auto;}

	.head .head_mid .app_right .laugage{margin-left: 30px;}

	

	.head .head_mid .lf_part{width:auto;}

	.head .head_mid .lf_part .cpy_name{margin-left: 8px;}

	.head .head_mid a.logo_w{display: inline-block;}

	.head .head_mid .rt_part{display: block;position: absolute;right:50px;top: 50%;transform: translateY(-50%);}

	.head .head_mid .menu_btn{width: 30px;height: 20px;display: inline-block;}

	.head .head_mid .menu_btn span:nth-child(2){margin: 8px 0;}

	/* .head .head_mid .menu_btn span:nth-child(2):after{content: "";position: absolute;left: 112%;top:-1px;width: 6px;height: 6px;background: #fff;clip-path: polygon(0 0, 50% 100%, 50% 100%, 100% 0);} */

	.head .head_mid .menu_part{left: auto;right: 0;visibility: visible;display: inline-block;}

	.head .top_func .line{margin:0 10px;}

	

	/* mobile-start */

	header .mobile_nav{}

	header .mobile_nav.sld .second_nav > li > a{}

	header .mobile_nav .second_nav .next_nav > li{padding: 12px 30px;background-color: #f4f1f2;}

	header .mobile_nav #m_btn{top:30px;right:5%;width: 30px;height: 30px;}

	header .mobile_nav #m_btn i{width: 24px;height: 24px;background-size:100% auto}

	/* header .mobile_nav .mobile_contact .company_contact .info .contact-tel{font-size: 20px;}

	header .mobile_nav .mobile_contact .company_btm .info{font-size: 30px;} */

	

	.head .head_mid .lf_part .logo{width: 54px;}

	.head .you{margin-left: 10px;}

	.head .you .name{font-size: 28px;letter-spacing: 6px;}

	.head .you p{font-size: 12px;}

}

	

	

	

@media only screen and (max-width:850px){

	.head .top_func{font-size: 12px;}

	#header .top_func #search_box{top:65px}

	header .mobile_nav{}

	header .mobile_nav.sld{}

	.head .head_mid .lf_part .logo{font-size: 16px;width:50px}

	.head .head_mid .lf_part .logo span{margin: 0 0 0 10px;}

	.head .head_mid .lf_part .cpy_name p{font-size: 16px;}

	.head .head_mid .lf_part .cpy_name em{letter-spacing: 0;}

	.head .head_mid .rt_part .hot_line{font-size: 14px;}

	header .mobile_nav .m_logo img{}

	header .mobile_nav .second_nav .next_nav > li{}

}

@media only screen and (max-width:680px){

	.head .search_nav .search_box{margin: 20px auto;width: 90%;}

	header .mobile_nav .mobile_contact{display: none;}

	header .mobile_nav .second_nav{width: 100%;}

}

@media only screen and (max-width:520px){

	.head{border-bottom-color: transparent;}

	.head .m_search{right:46px;}

	#header .m_search .hot_tel{display:none;}

	#header .top_func #search_box{top:61px}

	/* .head .head_mid{justify-content: space-between;} */

	.head .top_func{margin-right: 24px;}

	.head .top_func .line{margin:0 2px;}

	.head .top_func .language .show{width: 70px;font-size:12px}

	.head .top_func .language > p{font-size:12px}

	.head #search_btn{font-size: 16px;}

	.head .top_wrap{}

	.head .top_wrap span{display: none;}

	.head .head_top .top_right .language ul li{line-height: 24px;}

	.head .head_top .top_right .language ul li i{width: 20px;}

	/* .head .head_mid .lf_part{transform: translateX(50px);} */

	

	.head .head_mid{/* padding:6px 0; */}

	.head .head_mid .lf_part{transform: translateX(14%);}

	.head .head_mid .lf_part .logo{font-size: 15px;width: 34px;}

	.head .head_mid .lf_part .logo img{display: block;}

	.head .head_mid .lf_part .cpy_name p{letter-spacing: 1px;font-size: 16px;}

	.head .head_mid .lf_part .cpy_name em{display: none;}

	.head .head_mid .menu_btn.open span{width: 100%;}

	.head .head_mid .menu_btn.open span:nth-child(2){margin: 7px 0;}

	.head .head_mid .rt_part{right: 11%;}

	.head .hot_line{display: none;}

	

	.head .you .name{font-size: 18px;letter-spacing: 2px;}

	.head .you p{transform: scale(0.6);transform-origin: left;}

	

	header .mobile_nav .m_logo{padding:12px 10px 0}

	header .mobile_nav .m_logo img{width: 46px;opacity: 0;}

	header .mobile_nav{background: #fff;}

	header .mobile_nav.sld .second_nav > li > a{}

	header .mobile_nav .second_nav{padding: 12px 10px;max-height: 455px;overflow-y: scroll;box-sizing: border-box;}

	header .mobile_nav .second_nav > li{}

	header .mobile_nav .second_nav .next_nav > li{/* padding:6px 15px; */margin: 6px 0;}

	header .mobile_nav .second_nav .bg_line{top: 0;width: 100%;height: 28px;}

	.head .head_top .top_right .flx_w > .cts{display: none;}

	header .mobile_nav #m_btn{top:24px;right:20px;}

	

}

@media only screen and (max-width:320px){

	/* .head .head_mid .lf_part{width: 65px;} */

}



/* foot */

.foot{padding:52px 0;background-color: #1c2a45;color: #fff;}

.foot .col{width:auto;max-width: 50%;}

.foot .col .top_title .hd{font-size: 22px;color: #f09022;}

.foot .col .top_title .line{margin:30px auto 20px;width:30px;height: 2px;background-color: #f09022;}

.foot .col ul li{font-size: 18px;color: #dedede;}

.foot .col ul li a:hover{color: #0075c1;}

.foot .col ul li:not(:last-of-type){margin-bottom: 16px;}

footer{padding:20px 0;font-size: 16px;color: #999;border-top:2px solid rgba(225,225,255,0.05);background: #1e1e1e;}

footer > .flx_w{align-items: flex-end;}

footer span{display: inline-block;line-height: 1.6;}

footer a:hover{color: #fff;}

@media only screen and (max-width:850px){

	.foot .col .top_title .hd{font-size: 20px;}

	.foot .col ul li{font-size: 16px;}

}

@media only screen and (max-width:520px){

	.foot{padding:40px 0;}

	.foot .col{width: 100%;max-width: 100%;}

	.foot .col:not(:last-of-type){margin-bottom: 30px;}

	.foot .col .top_title .hd{font-size: 17px;}

	.foot .col .top_title .line{margin:24px auto 18px;}

	.foot .col ul li{font-size: 13px;}

	

	footer{font-size: 12px;}

}





/* top */
.side_kf{position: fixed;right: 2%;top: 80%;width:auto;height: auto;z-index: 99;opacity: 0;transition: all .4s;}
.side_kf #top{display: inline-block;position: relative;margin-top: 15px;width: 40px;height: 40px;background: url(../images/top.png)repeat-y center;border:2px solid #f09022;border-radius: 0;border-radius: 6px;/* animation: top 1s 0s infinite linear */;}
.side_kf #top i{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.side_kf #top:after{content: initial;position: absolute;left: 50%;bottom: -20px;width: 94%;height: 15px;border-radius: 50%;background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);transform: translate(-50%,0);}

@keyframes top{

	0{transform:rotateZ(0deg)}

	100%{transform:rotateZ(360deg)}

}

@media only screen and (min-width:520px){

	.side_kf #top:hover{animation: top 1s 0s infinite linear;}

}


@media only screen and (max-width:520px){
	.side_kf{right: 5px;min-width: initial;}
	.side_kf .phone{display: none;}
	.side_kf #top{width: 35px;height: 35px;background-size:100%}
}





/* mb_nav */
.mb_nav.fix{position: fixed;left: 0;bottom: 0;z-index: 99;}
.mb_nav{width: 100%;background: #1c2a45;color: #666;display: none;/* animation: colorchange2 5s 0s infinite linear; */}
.mb_nav ul{display: flex;flex-wrap: wrap;justify-content: flex-start;}
.mb_nav ul li{width: 25%;border-right: 1px solid #666;text-align: center;box-sizing: border-box;}
.mb_nav ul li .lst{padding: 14px 1%;box-sizing: border-box;}
.mb_nav ul li i{display: inline-block;margin-right: 3px;width: 18px;height: 18px;vertical-align: middle;background-repeat: no-repeat;background-size: 100% auto;background-position: center;filter: brightness(100);opacity: 0.6;}
.mb_nav ul li i.mb_h{background-image: url(../images/mb_home.png);}
.mb_nav ul li i.mb_t{background-image: url(../images/mb_tel.png);}
.mb_nav ul li i.mb_ab{background-image: url(../images/mb_ab.png);}
.mb_nav ul li i.mb_p{background-image: url(../images/mb_product.png);}
.mb_nav ul li i.mb_c{background-image: url(../images/mb_contact.png);}
.mb_nav ul li span{font-size: 12px;display: inline-block;vertical-align: middle;}
.mb_nav ul li:nth-last-child(1){border-right: 0;}

@keyframes colorchange2{

	0%{filter:hue-rotate(0deg)}

	100%{filter:hue-rotate(360deg)}

}
@media only screen and (max-width:480px){
	.mb_nav{display: block;}
}
@media only screen and (max-width:320px){
	.mb_nav ul li i{width: 15px;height: 15px;}
}