@charset "utf-8";
/* html,body{font-family: "微软雅黑";} */
body{font-size:14px;font-family:"微软雅黑","Microsoft JhengHei",arial,sans-serif,serif,"Microsoft YaHei";}
*{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: arial;}

.odcontent{margin:0 auto; width:90%;max-width:1634px;}
@media only screen and (max-width: 480px){
	.odcontent{width: 94%;}
}
.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;}
.w1200{margin: 0 auto;width: 90%;max-width: 1200px;}
.blue{color: #07a4df;}

@font-face {
	font-family:impact;
	src: url(./fonts/impact.ttf);
}

/* head */
.head{position: relative;/* box-shadow: 0 0 10px #666; */width: 100%;z-index: 10;border-bottom: 1px solid #ccc;background: #fff;}
.head .top_wrap{margin:0 auto;width: 94%;max-width: 1803px;overflow: hidden;}
.head .head_mid{display: flex;flex-wrap: nowrap;justify-content: space-between;align-items: center;}
.head .head_mid  a.logo_w{display: block;}
.head .head_mid .lf_part{display: flex;flex-wrap: nowrap;justify-content: space-between;padding-right: 2%;width: 25%;align-items: center;position: relative;box-sizing: border-box;max-width: 439px;}
.head .head_mid .lf_part:after{content: "";position:absolute;top: 50%;right: 0;width: 1px;height: 130px;background: #dedede;z-index: 1;transform: translateY(-50%);}
.head .head_mid .lf_part .logo{width: 59px;}
.head .head_mid .lf_part .cpy_name{margin-left: 22px;color: #231815;}
.head .head_mid .lf_part .cpy_name p{font-size: 21px;font-weight: bold;white-space: nowrap;}
.head .head_mid .lf_part .cpy_name em{display: inline-block;font-size: 10px;text-transform: uppercase;letter-spacing: -1px;font-weight: bold;}
.head .head_mid .lf_part .cpy_name em img{display: block;}
.head .head_mid .head_nav {width: auto;}
.head .head_mid .head_nav .first_nav{margin-right: 0;position: relative;}
.head .head_mid .head_nav .first_nav .curtain{position: absolute;left: 0;top: 100%;width: 100%;height: 250px;background: #4b80c1;display: none;}
.head .head_mid .head_nav .first_nav > li{float: left;padding: 0 24px;white-space: nowrap;font-size: 18px;color: #000;position: relative;}
.head .head_mid .head_nav .first_nav > li:nth-child(1){padding-left: 0;}
.head .head_mid .head_nav .first_nav > li > a{display: block;padding: 39px 0;position: relative;}
.head .head_mid .head_nav .first_nav > li.cur > a:after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 4px;background: #07a5df;}
.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:hover > a:after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 4px;background: #07a5df;}
.head .head_mid .head_nav .pc_secnav{padding: 2% 5%;position: fixed;top: 100%;left: 50%;width: 100vw;height: auto;z-index: 3;display: none;box-sizing: border-box;transform: translateX(-50%);background: linear-gradient(to bottom,rgba(255,255,255,0.85),rgba(255,255,255,.8),#eee);}
/* .head .head_mid .head_nav .first_nav > li:nth-child(2) .pc_secnav{display: block;} */
.head .head_mid .head_nav .pc_secnav .ly{display: flex;flex-wrap: wrap;justify-content:  center;}
.head .head_mid .head_nav .pc_secnav .title_box{width: 200px;}
.head .head_mid .head_nav .pc_secnav .title_box b{display: block;font-size: 24px;color: #07a5df;}
.head .head_mid .head_nav .pc_secnav .title_box .line{margin-top: 50px;width: 45px;height: 4px;background-color: #231815;}
.head .head_mid .head_nav .pc_secnav .lf_nav{margin: 0 80px 0 20px;width: 200px;}
.head .head_mid .head_nav .pc_secnav .lf_nav > ul{}
/* .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-bottom: 6px;width: 100%;text-align: center;font-size: 16px;line-height: 28px;color: #333;box-sizing: border-box;transition: margin-bottom .3s ease-out;position: relative;}
.head .head_mid .head_nav .pc_secnav .lf_nav > ul > li:after{content: "";position: absolute;right: 0;top: 102%;width: 0;height: 1px;transition: all .3s;background: #0092d8;}
.head .head_mid .head_nav .pc_secnav .lf_nav > ul > li:hover{margin-bottom: 5px;color: #0092d8;}
.head .head_mid .head_nav .pc_secnav .lf_nav > ul > li:hover:after{width: 100%;}
.head .head_mid .head_nav .pc_secnav .rt_img{width: 445px;}
.head .head_mid .app_right{display: none;}
.head .mobile_nav{position: fixed;padding:73px 20px 20px;right: -350px;top: 0;width: 300px;height: 100vh;background:#fff;z-index: 999;transition: all .3s;box-sizing: border-box;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.head .mobile_nav .m_logo{display: none;}
.head .mobile_nav.sld{right:0;}
.head .head_mid .menu_btn{float: right;display: inline-block;/* width: 30px;height: 20px; */width: 0;height: 0;cursor: pointer;}
.head .head_mid .menu_btn span{display: block;width: 100%;height: 2px;background-color: #0092d8;transform-origin: center;}
.head .head_mid .menu_btn span:nth-child(1){top: 0;}
.head .head_mid .menu_btn span:nth-child(2){margin: 6px 0px;opacity: 1;transition: all .5s;}
.head .head_mid .menu_btn span:nth-child(3){top:100%;}
.head .head_mid .menu_btn.open{width: 30px;height: 20px;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 .btn_box{width: 195px;} */
/* .head .head_mid .app_right{display: flex;flex-wrap: nowrap;justify-content: space-between;align-items: center;}
.head .head_mid .app_right i{display: block;cursor: pointer;}
.head .head_mid .app_right i img{display: block;}
.head .head_mid .app_right .search{background:#d1d6d8;border-radius: 30px;width: 100%;height: 37px;overflow: hidden;padding: 0 5px 0 20px;box-sizing: border-box;border: 1px solid #b8babb;}
.head .head_mid .app_right .search input{display: inline-block;background:#d1d6d8;width: 130px;height: 37px;vertical-align: middle;}
.head .head_mid .app_right .search input::placeholder{color: #333;} */
/* .head .head_mid .app_right .laugage{color: #fff;cursor: pointer;position: relative;} */
.head .head_mid .rt_part{padding-left: 1.7%;width: 16%;max-width: 281px;box-sizing: border-box;position: relative;}
.head .head_mid .rt_part:after{content: "";position: absolute;top: 50%;left: 0;width: 1px;height: 130px;background: #dedede;z-index: 1;transform: translateY(-50%);}
.head .head_mid .rt_part .flx_w{align-items: center;}
.head .head_mid .rt_part .hot_line{width: calc(100% - 50px);width: -webkit-calc(100% - 50px);}
.head .head_mid .rt_part .hot_line strong{display: inline-block;padding-left: 32px;background: url(../images/icon_01.png)no-repeat center left;font-size: 16px;font-weight: normal;white-space: nowrap;}
#search{width: 50px;text-align: center;}
#search i{display: inline-block;width: 18px;height: 18px;background: url(../images/search.png)no-repeat center;cursor: pointer;}

.head .search_nav{position: absolute;width: 300px;height: auto;top: 100%;right: 3%;background: #fff;display: none;z-index: 998;box-shadow: 5px 5px 5px rgba(0,0,0,0.1);}
.head .search_nav .search_box {margin: 20px auto;padding: 0 10px;display: flex;flex-wrap: wrap;justify-content: space-between;box-sizing: border-box;}
.head .search_nav .search_box i{display:inline-block;width: 6%;}
.head .search_nav .search_box .content{width: 75%;background: transparent;border-bottom: 1px solid #e3e3e3;color:#e3e3e3;}
.head .search_nav .search_box .tijiao{width: 30px;background-color: transparent;}
.head .search_nav .search_box .search_close{margin-left: 1%;width: 20px;filter: brightness(0);}
.head .search_nav .search_box input::-webkit-input-placeholder {color: #000;}
.head .search_nav .search_box input:-moz-placeholder {color: #000;opacity: 1;font-size: 14px;}
.head .search_nav .search_box input::-moz-placeholder {color: #000;opacity: 1;font-size: 14px;}
.head .search_nav .search_box input:-ms-input-placeholder {color: #000;font-size: 14px;}
@media only screen and (max-width:1700px){
	.head .head_mid .lf_part .cpy_name p{font-size: 18px;}
	.head .head_mid .head_nav .first_nav > li{padding: 0 20px;}
	.head .head_mid .head_nav .first_nav > li > a{font-size: 16px;}
	/* #search{right:40px}
	.head .hot_line{right: -252px;width:272px}
	.head .hot_line:hover{right: 0;}
	.head .hot_line::before{content:"";position: absolute;left: 5px;top:0;width: 15px;height:100%;background:url(../images/icon_dot.png)no-repeat center}
	.head .hot_line:hover::before{visibility: hidden;} */
}
@media only screen and (max-width:1600px){
	.head .head_mid .head_nav .first_nav{margin-right: 0;}
	/* .head .head_mid .btn_box{width: 150px;} */
	/* .head .head_mid .app_right .search input{width: 95px;} */
	.head .hot_line strong{padding: 5px 0 5px 40px;font-size: 20px;}
	.head .head_mid .head_nav{justify-content: flex-start;}
	.head .head_mid .lf_part{width: auto;}
	.head .head_mid .rt_part{width: auto;}
	.head .head_mid .rt_part .hot_line{display: none;}
}

@media only screen and (max-width:1440px){
	.head .head_mid .head_nav .first_nav > li > a{padding: 27px 0;}
}
@media only screen and (max-width:1260px){
	.head .head_mid{padding: 10px 0;position: relative;}
	.head .head_mid .logo{margin-top: 0;}
	.head .head_mid .logo .log0_img img{display: block;}
	.head .head_mid .head_nav{width: 30px;right:50px;}
	.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 .menu_btn{display: inline-block;float: initial;position: relative;width: 30px;height: 20px;}
	.head .head_mid .lf_part{width: auto;}
	.head .head_mid a.logo_w{display: inline-block;}
	.head .head_mid .rt_part{position: absolute;right: 5%;top: 50%;transform: translateY(-50%);}
	.head .mobile_nav .m_logo img{width: auto;}
	.head .mobile_nav .second_nav > li{font-size:18px;line-height: 2;cursor: pointer;}
	.head .mobile_nav .second_nav > li p{display: inline-block;}
	.head .mobile_nav .second_nav > li p:hover{color: #000;}
	.head .mobile_nav .second_nav > li i{display: inline-block;margin-left: 30px;width: 20px;height: 20px;background:url(../images/down.png)no-repeat center;vertical-align: middle;transform: initial;}
	.head .mobile_nav .second_nav .next_nav{display: none;}
	.head .mobile_nav .second_nav .next_nav > li{padding-left: 15px;font-size: 16px;line-height: 2;box-sizing: border-box;}
	.head .mobile_nav .second_nav .next_nav > li:hover{color: #000;}
	@keyframes rotation{
		from{transform: rotateZ(0deg);}
		to{transform: rotateZ(720deg);}
	}
}
@media only screen and (max-width:768px){
	.head .mobile_nav{padding: 58px 20px 20px;}
	.head .mobile_nav .second_nav > li{font-size: 18px;}
	.head .mobile_nav .second_nav .next_nav > li{font-size: 14px;}
}
@media only screen and (max-width:680px){
	/* .head .head_mid .lf_part{width: 80px;} */
	/* .head .mobile_nav{left: -100%;} */
	.head .search_nav .search_box{margin: 20px auto;width: 98%;}
}
@media only screen and (max-width:480px){
	.head .head_top{display: none;}
	.head .head_mid .menu_btn{width: 25px;}
	.head .head_mid .lf_part:after{content: initial;}
	.head .head_mid .lf_part .logo{width: 45px;}
	.head .head_mid .lf_part .cpy_name{margin-left: 10px;}
	.head .head_mid .lf_part .cpy_name p{display: none;}
	.head .head_mid .lf_part .cpy_name em{display:none}
	.head .head_mid .rt_part{right: 10%;}
	.head .head_mid .menu_btn.open{height: 23px;}
	.head .head_mid .menu_btn.open span{width: 100%;}
	.head .head_mid .menu_btn.open span:nth-child(2){margin: 7px 0;}
	.head .hot_line{display: none;}
	.head .mobile_nav .m_logo img{width: 114px;}
	.head .mobile_nav{width:80%;}
	.head .mobile_nav .second_nav > li{font-size: 14px;}
	.head .mobile_nav .second_nav .next_nav > li{font-size: 12px;}
	.head .search_nav{width: 94%;}
	#search{right:15px;}
}


/* foot */
.foot{background: #404440;color: rgba(255,255,255);position: relative;}
.foot .layout_mid{padding: 6% 0 3% 2%;box-sizing: border-box;}
.foot .lf_part{width: 229px;padding-bottom: 7%;}
.foot .lf_part ul.company_mes{margin: 20px 0;padding: 8% 0 10%;border-top: 1px solid rgba(255,255,255,0.1);border-bottom:1px solid  rgba(255,255,255,0.1);}
.foot .lf_part ul.company_mes li.company_name{margin: 20px 0 38px;padding: 0;color: #fff;font-size: 20px;font-weight: bold;}
.foot .lf_part ul.company_mes li{margin: 4px 0;font-size: 14px;background-repeat: no-repeat;background-position: left center;background-size: initial;}
.foot .lf_part ul.company_mes li span{display: inline-block;margin-right: 20px;}
.foot .lf_part ul.company_mes li span:nth-last-child(1){margin-right: 0;}
.foot .lf_part ul.company_mes li.tel{background-image:url(../images/ft_tel.png);}
.foot .lf_part ul.company_mes li.tel span{font-size: 15px;}
.foot .lf_part ul.company_mes li.fax{background-image:url(../images/ft_fax.png);}
.foot .lf_part ul.company_mes li.email{background-image:url(../images/ft_email.png);}
.foot .lf_part ul.company_mes li.address{background-image:url(../images/ft_add.png);}
.foot .lf_part .share{width: 100%;}
.foot .lf_part .share ul {justify-content: flex-start;}
.foot .lf_part .share ul li{margin-right: 8%;}
.foot .lf_part .share ul li i{display: inline-block;width: 34px;height: 34px;border-radius: 50%;background-position: center;background-size: 24px;background-repeat: no-repeat;border: 1px solid #fff;box-sizing: border-box;}
.foot .lf_part .share ul li i.qq{background-image: url(../images/share_qq.png);}
.foot .lf_part .share ul li i.wechat{background-image: url(../images/share_wx.png);}
.foot .lf_part .share ul li i.weibo{background-image: url(../images/share_wb.png);}
.foot .mid_nav{width: 80.5%;}
.foot .mid_nav ul{padding-left: 3.5%;width: calc(100% / 7);width: -webkit-calc(100% / 7);min-height: 320px;border-left: 1px solid rgba(255,255,255,0.15);box-sizing: border-box;}
.foot .mid_nav ul li.hd{font-size: 18px;color: #fff;}
.foot .mid_nav ul li{margin-bottom: 13px;}
.foot .mid_nav ul .line{margin: 18px 0;width: 16px;height: 1px;background: #07a4df;}
/* 
.foot .rt_part{width: 161px;}
.foot .rt_part .hd{margin-bottom: 22px;font-size:18px;color: #fff;font-weight: bold;}
.foot .rt_part .ewm{display: flex;flex-wrap: nowrap;justify-content: space-between;align-items: center;margin-bottom: 30px;padding: 3% 10% 3% 12%;box-sizing: border-box;border-radius: 6px;}
.foot .rt_part .ewm .ewm_img{width: 40px;}
.foot .rt_part .ewm .txt{margin-left: 4%;width: calc(100% - 40px);width: -webkit-calc(100% - 40px);color: #000;}
.foot .rt_part .ewm .txt p.en{font-size: 12px;}
.foot .rt_part .ewm.white{background: #fff;}
.foot .rt_part .ewm.white .txt p{color: #000;}
.foot .rt_part .ewm.white .txt p.en{color: #b0b0b0;} */

footer{padding: 1.4% 0;background: #f0f0f0;color: #404440;font-size: 16px;}
footer .icp{margin:0 20px;}
@media only screen and (max-width:1300px){
	.foot .layout_mid{padding: 6% 0 3%;}
	.foot .lf_part{padding-bottom: 45px;width: 100%;}
	.foot .lf_part ul.company_mes{padding: 3% 0;}
	.foot .lf_part .share ul li{margin-right: 3%;}
	.foot .mid_nav{width: 100%;}
	.foot .mid_nav ul{min-height: initial;}
}
@media only screen and (max-width:768px){
	.foot .lf_part{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
	footer{font-size: 14px;}
}
@media only screen and (max-width:680px){
	.foot .mid_nav{display: none;}
	footer .fr{float: left;}
}
@media only screen and (max-width:480px){
	.foot{padding: 30px 0 0;}
	.foot .layout_mid{padding: 0;}
	.foot .mid_nav{display: none;}
	/* .foot .rt_part{display: none;margin-bottom: 20px;} */
	.foot .lf_part .ft_logo{width: 160px;}
	.foot .lf_part ul li.company_name{margin: 20px 0 10px;font-size: 16px;}
	.foot .lf_part ul li{padding: 7px 0;font-size: 14px;background-size:18px;}
	footer{font-size: 12px;}
	footer .tag{display: none;}
	footer .icp{float: left;}
}

/* #top{display: none;position: absolute;top: 40px;right: 3%;width: 40px;height: 40px;background: #07a5df;border-radius: 50%;}
#top i{display: block;width: 100%;height: 100%;text-align: center;line-height: 40px;cursor: pointer;} */

.celan-list {position: fixed;right: 0;top: 50%;margin-top: -115px;z-index: 101;}
.celan-list li {position: relative;margin-top: 3px;}
.celan-list li:first-child {margin-top: 0;}
.celan-list li .a1 {width: 55px;height: 55px;display: flex;align-items: center;justify-content: center;background: #07a5df;border-radius: 10px 0 0 10px;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.celan-list li .a1:hover {background: #DB261F;}
.celan-list li .a1.return-top {opacity: 0;visibility: hidden;}
.celan-list li .a1.return-top.on {visibility: visible;opacity: 1;}
.celan-list li .span-01 {display: block;white-space: nowrap;position: absolute;right: -300px;top: 0;bottom: 0;z-index: 3;padding: 0 20px 0 65px;border-radius: 10px 0 0 10px;background-position: 10px center;background-repeat: no-repeat;background-color: #DB261F;color: #fff;font-size: 18px;font-weight: bold;font-family: "Times New Roman";line-height: 36px;padding-top: 10px;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;background-image: url('../images/c-icon1.png')}
.celan-list li .span-02 {position: absolute;width: 120px;top: 50%;margin-top: -60px;border: 5px solid #fff;right: -300px;z-index: -1;border-radius: 10px;visibility: hidden;filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.celan-list li .span-02 img {width: 100%;}
.celan-list li .span-03 {font-weight: normal;font-size: 16px;background-image: url('../images/c-icon3.png');}
.celan-list li:hover .span-01 {right: 0;}
.celan-list li:hover .span-02 {right: 100%;visibility: visible;filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}
@media only screen and (max-width:480px){
	.celan-list li{display: none;}
	.celan-list li:last-child{display: block;}
	.celan-list li .a1{width: 37px;height: 37px;}
	.celan-list li .a1 img{width: 26px;}
}