@charset "utf-8";
/* CSS Document */

/**common**/
*{ margin:0; padding:0;}
body, div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { margin:0; padding:0; font:14px Helvetica,Arial,\5FAE\8F6F\96C5\9ED1,sans-serif;}
table,td,tr,th { border-collapse: collapse; border-spacing: 0; font-size:14px;}
ol,ul {list-style:none;}
li { list-style-type:none;}
img { vertical-align:middle; border:0; max-width: 100%;}
h1,h2,h3,h4,h5,h6 { font-size:inherit; font-weight:normal;}
address,cite,code,em,th,i { font-weight:normal; font-style:normal;}
.clear { clear:both; *zoom:1;}
.clear:after { display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
a {text-decoration:none;}
a:visited { text-decoration:none;}
a:hover { text-decoration:none;}
a:active { text-decoration:none;}
body{ overflow-x:hidden;}
.fl { float:left;}
.fr { float:right;}
@font-face { font-family: "Helvetica"; src: url('../fonts/Helvetica.ttf'); }
@font-face { font-family: "HelveticaBold"; src: url("../fonts/HelveticaBold.ttf");}
@font-face { font-family: "Helvetica-Roman-SemiB"; src: url("../fonts/Helvetica-Roman-SemiB.ttf");}
@font-face { font-family: "OppoSansBold"; src: url("../fonts/OppoSansBold.ttf");}

/* 设置滚动条的样式 */
::-webkit-scrollbar { width:0;}/* 滚动槽宽度 */
::-webkit-scrollbar-track { background-color:#f3f5f9; border-radius:0px;}
::-webkit-scrollbar-thumb { background-color:#22509f;} /* 滚动条滑块默认状态 */
::-webkit-scrollbar-thumb:window-inactive { background-color:#22509f;} /* 滚动条滑块点击状态 */

.w1500 { width: 1500px; margin: 0 auto; }
@media screen and (max-width:1699px) and (min-width:1500px) {
.w1500 { width: 95%; }
}
@media screen and (max-width:1499px) and (min-width:1300px) {
.w1500 { width: 95%; }
}
@media screen and (max-width:1299px) and (min-width:1200px) {
.w1500 { width: 95%; }
}
@media screen and (max-width:1199px) and (min-width:1080px) {
.w1500 { width: 95%; }
}
@media screen and (max-width:1079px) and (min-width:768px) {
.w1500 { width: 95%; }
}
@media screen and (max-width:767px) {
.w1500 { width: 95%; }
}

/**top start**/
.ly_top {width:100%;height:110px;margin:0 auto;padding: 0 90px;position:relative;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;z-index: 999999;}
.ly_top .lytop_main {width:100%;height: 110px;margin:0 auto;padding:0;}
.lytop_main .ly_logo {width: 28%;height:110px;margin:0 2% 0 0;float:left;}
.ly_logo a {display: table-cell;vertical-align: middle;width: 100%;height: 110px;overflow: hidden;margin: 0;padding: 0;}
.ly_logo a img{display: inline-block;max-width: 100%;height: auto;max-height: 100%;margin: 0;padding: 0;}

.ly_nav {width:50%;height: 110px;margin:0;padding:0;float:left;}
.nav_ul {height: 110px;margin:0 auto;padding:0;display: flex;}
.nav_item { position: relative; margin:0; padding: 0; -webkit-flex:1; -ms-flex:1; -moz-flex:1; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.nav_item:hover {}
.nav {width:100%;height: 110px;margin: 0 auto;padding: 0;position: relative;}

.nav_item > a {display: block;width: 100%;height: 40px;line-height: 20px;color: #fff;font-size: 18px;text-align: center;padding: 30px 0 40px;-webkit-transition: all .4s;transition: all .4s;position:relative;}
.nav_item > a span {display:block;width:100%;height:20px;line-height:20px;color:rgba(255,255,255,0.5);font-size: 14px;text-align:center;margin: 10px auto 0;padding:0;}
.nav_item > a em {display:none;width: 80px;height:2px;overflow:hidden;margin: 0 0 0 -40px;background-color:#fff;position:absolute;bottom:0;left:50%;}
.nav_item:hover > a, .nav_item > a.navon { color:#fff;}
.nav_item:hover > a span, .nav_item > a.navon span { color:#fff;}
.nav_item:hover > a em, .nav_item > a.navon em { display:block;}

.fxd { box-shadow: 0 0 10px rgba(0,0,0,.1);}
.fxd .nav_item > a{ color:#333;}
.fxd .nav_item > a span{ color:#999;}
.fxd .nav_item:hover > a span, .fxd .nav_item > a.navon span{ color:#006bd5;}
.fxd .nav_item > a em{background-color: #006bd5;}
.fxd .nav_item:hover > a, .fxd .nav_item > a.navon {color: #006bd5;}
.menu_open { display: none;}

.nav_item_open { width: 180%; height: auto; position: absolute; left: -40%; top: 100%; z-index: 10; background-color:#fff; box-shadow: 0 4px 8px 0 rgba(0, 12, 49, 0.1); border-radius: 0; opacity: 0; visibility: hidden; -webkit-transform: translateY(34px); transform: translateY(34px); -webkit-transition: all .4s; transition: all .4s; padding:15px 0; }
.nav_item_open1{ position:absolute;right:-100%; top:0; width:100%; background:#fff; display:none;}
.ny_top .nav_item_open { background-color:#fff;}
.nav_item:hover .nav_item_open { visibility: visible; opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px);}
.subopen { display: none; }
.nav_item2 {width: 100%; position:relative;}
.nav_item2 a {display: block;width:100%;height:44px;overflow:hidden;line-height:44px;padding: 0 10px;color: #666;font-size: 15px;white-space:nowrap;text-overflow: ellipsis;text-align: center;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.ny_top .nav_item2 a { color:#565656;}
.nav_item2:hover a { color: #fff; background:#006bd5;}
.hcover { display: none;}
.nav_item2:hover .nav_item_open1{ display:block;}
.nav_item2:hover .nav_item_open1 .nav_item3 a{ background:#fff; color:#666;}
.nav_item_open1 .nav_item3:hover a { color: #fff !important; background:#006bd5 !important;}
.lytop_main .lytop_Order { width:127px; height:44px; line-height:44px; color:#fff; font-size:18px; margin:30px 3% 30px 0; float:right; background:#006bd5 url(../images/ico1.png) no-repeat 90%; padding-left:15px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; border-radius:10px;}
.lytop_main .lytop_Order a{ color:#fff; display:block; width:100%; height:100%;}
.lytop_main .top_line{ width:1px; height:44px; background:#e2e2e2; margin:30px 0; float:right;}


.lytop_form {width:40px;height: 65px;margin:0 0 0 2%;padding: 0 20px 45px;background:url(../images/ss.png) center 36% no-repeat;background-size:26px 26px;float:right;cursor:pointer;}
.lytop_form p{font-size:14px;color:#999;margin-top: 60px;text-align:center;margin-left:-5px;}
.lytop_form:hover { background-color:#006bd5; border-left:0;}
.lytop_form .lytop_sc {width:100%;overflow:hidden;margin:0;padding:30px 100px;position:absolute;left:0;top: 110px;background-color:rgba(37,45,59,0.8);box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;opacity: 0;visibility: hidden;-webkit-transform: translateY(34px);transform: translateY(34px);-webkit-transition: all .4s;transition: all .4s;z-index:999;}
.lytop_form:hover .lytop_sc { visibility: visible; opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px);}
.lytop_sc form { display:block; width:400px; height:40px; overflow:hidden; margin:0; padding:0 80px 0 0; position:relative; float: right; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.lytop_sc form .ly_ipt { display:block; width:100%; height:40px; overflow:hidden; margin:0; padding:0; background-color:#fff;}
.ly_ipt input { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#666; font-size:14px; margin:0; padding:0 14px; border:0; outline:none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.lytop_sc form .ly_btn { width:80px; height:40px; overflow:hidden; margin:0; padding:0; position:absolute; top:0; right:0;}
.ly_btn input { display:block; width:80px; height:40px; overflow:hidden; line-height:40px; color:#fff; font-size:15px;margin:0; padding:0; background:#006bd5; background-size:20px 20px; border:none; outline:none; cursor:pointer;}
.fxd .lytop_form{background: url(../images/ss.png) center 36% no-repeat;background-size:26px 26px;}
.fxd .lytop_form:hover{ background:#006bd5 url(../images/ss1.png) center 36% no-repeat; background-size:26px 26px; border-left:0;}
.fxd .lytop_form:hover p{ color:#fff;}
@media screen and (width:1600px){
	.ly_top { padding:0 40px;}
	.ly_top .lytop_main { max-width:inherit;}
	.lytop_form .lytop_sc { padding:30px 40px;}
}
@media screen and (min-width:1440px) and (max-width:1599px) {
	.ly_top { padding:0 40px;}
	.ly_top .lytop_main { max-width:inherit;}
	.lytop_main .ly_logo { width:22%;}
	.lytop_form .lytop_sc { padding:30px 40px;}
	.ly_nav { width:55%;}
}
@media screen and (min-width:1360px) and (max-width:1439px) {
	.ly_top {padding:0 40px;}
	.ly_top .lytop_main { max-width:inherit;}
	.lytop_main .ly_logo { width:22%;}
	.lytop_form .lytop_sc { top:80px; padding:20px 40px;}
	.ly_nav {width:53%;}

}
@media screen and (min-width:1280px) and (max-width:1359px) {
	.ly_top {padding: 0 30px 0 30px;}
	.ly_top .lytop_main { max-width:inherit;}
	.lytop_main .ly_logo { width:22%;}
	.lytop_form {margin:0 0 0 1%;}
	.lytop_form .lytop_sc { top:80px; padding:20px;}
	.ly_nav {width:54%;}

}
@media screen and (min-width:1200px) and (max-width:1279px) {
	.ly_top { width:100%;  margin:0 auto; padding:0 0 0 40px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
	.ly_top .lytop_main { width:100%; margin:0 auto; padding:0;}
	.lytop_main .ly_logo { width:30%; height:60px; margin:0 10px 0 0;float:left;}
	.lytop_form { margin:0 0 0 100px; padding:0;}
	.lytop_form {width:80px;height: 100px;}
	.lytop_form .lytop_sc { top:80px; padding:20px;}
	.nav_item2:hover .nav_item_open1 .nav_item3 a{ background:#006bd5; color:#fff;}
	.ly_nav { width:auto; height:0;}
	.menu_open {display: block;float: right;width: 80px;height: 80px;padding: 30px 0;position: absolute;top:0;right:80px;box-sizing: border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;z-index: 98;cursor: pointer;}
    .menu_open i { width: 28px; height: 2px; background-color: #fff; display: block; margin: 9px auto;}
	.menu_open:hover, .menu_open:active { background-color:#22509f;}
	.menu_open:hover i, .menu_open:active i { background-color: #fff;}
	
	.fxd .menu_open i{ background-color:#333;}
	.fxd .menu_open:hover, .fxd .menu_open:active{ background-color:#22509f;}
	.fxd .menu_open:hover i, .fxd .menu_open:active i{ background-color:#fff;}
	
    .nav { width: 50%; height: 100%; position: fixed; top: 0; left: -50%; z-index: 100; overflow: hidden; background-color:rgba(34,80,159,0.98);}
    .hcover { display: block; width: 50%; height: 100%; background: rgba(0, 0, 0, .7); position: fixed; right: -50%; top: 0; z-index: 99; }
    .nav_ul { display: block; margin: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow-x: hidden; overflow-y: auto; padding: 0; text-align: left; }
    .nav_item { float: none; margin: 0; width: 100%; height: 80px;}
    .nav_item:after { content: ''; display: block; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
    .nav_item > a { display: block; margin: 0; height: 80px; line-height: 80px; color:rgba(255,255,255,0.5); font-size: 16px; text-align: left; padding: 0 60px 0 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; opacity: 1; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
	.nav_item > a:active {}
	.nav_item > a.navon { opacity:1;}
	.nav_item > a em { width:30px; height:2px; left:30px; margin:0;}
	
	.fxd .nav_item > a{ color:rgba(255,255,255,0.5);}
	.fxd .nav_item > a em{ background-color:#fff;}
	.fxd .nav_item:hover > a, .fxd .nav_item > a.navon{ color:#fff;}
	
    .nav_item i { position: absolute; z-index: 2; top: 0; right: 0; width: 60px; height: 100%; display: block;}
    .nav_item i:after { content: ''; display: block; width: 12px; height: 12px; margin:-6px 0 0 -6px; border: 1px solid rgba(255, 255, 255, 0.5); border-top: 0; border-left: 0; position: absolute; left: 50%; top: 50%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
    .nav_item_open { width: 50%; height: 100%; margin: 0; box-shadow: none; background-color: rgba(34,80,159,1); border-radius: 0; opacity: 1; visibility: visible; -webkit-transform: translateY(0px); transform: translateY(0px); position: fixed; left: -50%; top: 0; }
    .subopen { display: block; }
    .subopen a { display: block; overflow: hidden; line-height: 80px; margin: 0; padding: 0 30px; white-space: nowrap; text-overflow: ellipsis; font-size: 18px; color: #fff; text-indent:12px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); position: relative;}
    .subopen a:before { content: ''; display: block; width: 12px; height: 12px; position: absolute; left: 20px; top: 50%; margin: -6px 0 0 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border: 1px solid rgba(255, 255, 255, 1); border-right: 0; border-bottom: 0; }
    .nav_item2 { position: relative; }
    .nav_item2 a { display: block; overflow: hidden; margin: 0; height: 60px; line-height: 60px; color:rgba(255,255,255,0.5); font-size:16px; text-align:left; padding: 0 30px; white-space: nowrap; text-overflow: ellipsis; opacity: 1;}
    .nav_item2:after { content: ''; width: 100%; position: absolute; bottom: 0; left: 0; display: block; border-bottom-width: 1px; border-bottom-style: solid; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
	.nav_item2 a:hover, .nav_item2 a:active {color:#fff;}
	
	
}
@media screen and (min-width:1024px) and (max-width:1199px) {
	.ly_top { width:100%;  margin:0 auto; padding:0 0 0 40px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
	.ly_top .lytop_main { width:100%;  margin:0 auto; padding:0;}
	.lytop_main .ly_logo { width:32%; height:60px; margin:0 10px 0 0;float:left;}
	.lytop_form { margin:0 0 0 100px; padding:0;}
	.lytop_form {width:80px;height: 100px;}
	.lytop_form .lytop_sc { top:80px; padding:20px;}
	
	.ly_nav { width:auto; height:0;}
	.menu_open {display: block;float: right;width: 80px;height: 80px;padding: 30px 0;position: absolute;top:0;right:80px;box-sizing: border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;z-index: 98;cursor: pointer;}
    .menu_open i { width: 28px; height: 2px; background-color: #fff; display: block; margin: 9px auto;}
	.menu_open:hover, .menu_open:active { background-color:#22509f;}
	.menu_open:hover i, .menu_open:active i { background-color: #fff;}
	
	.fxd .menu_open i{ background-color:#333;}
	.fxd .menu_open:hover, .fxd .menu_open:active{ background-color:#22509f;}
	.fxd .menu_open:hover i, .fxd .menu_open:active i{ background-color:#fff;}
	
    .nav { width: 50%; height: 100%; position: fixed; top: 0; left: -50%; z-index: 100; overflow: hidden; background-color:rgba(34,80,159,0.98);}
    .hcover { display: block; width: 50%; height: 100%; background: rgba(0, 0, 0, .7); position: fixed; right: -50%; top: 0; z-index: 99; }
    .nav_ul { display: block; margin: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow-x: hidden; overflow-y: auto; padding: 0; text-align: left; }
    .nav_item { float: none; margin: 0; width: 100%; height: 80px;}
    .nav_item:after { content: ''; display: block; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
    .nav_item > a { display: block; margin: 0; height: 80px; line-height: 80px; color:rgba(255,255,255,0.5); font-size: 16px; text-align: left; padding: 0 60px 0 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; opacity: 1; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
	.nav_item > a:active {}
	.nav_item > a.navon { opacity:1;}
	.nav_item > a em { width:30px; height:2px; left:30px; margin:0;}
	
	.fxd .nav_item > a{ color:rgba(255,255,255,0.5);}
	.fxd .nav_item > a em{ background-color:#fff;}
	.fxd .nav_item:hover > a, .fxd .nav_item > a.navon{ color:#fff;}
	
    .nav_item i { position: absolute; z-index: 2; top: 0; right: 0; width: 60px; height: 100%; display: block;}
    .nav_item i:after { content: ''; display: block; width: 12px; height: 12px; margin:-6px 0 0 -6px; border: 1px solid rgba(255, 255, 255, 0.5); border-top: 0; border-left: 0; position: absolute; left: 50%; top: 50%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
    .nav_item_open { width: 50%; height: 100%; margin: 0; box-shadow: none; background-color: rgba(34,80,159,1); border-radius: 0; opacity: 1; visibility: visible; -webkit-transform: translateY(0px); transform: translateY(0px); position: fixed; left: -50%; top: 0; }
    .subopen { display: block; }
    .subopen a { display: block; overflow: hidden; line-height: 80px; margin: 0; padding: 0 30px; white-space: nowrap; text-overflow: ellipsis; font-size: 18px; color: #fff; text-indent:12px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); position: relative;}
    .subopen a:before { content: ''; display: block; width: 12px; height: 12px; position: absolute; left: 20px; top: 50%; margin: -6px 0 0 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border: 1px solid rgba(255, 255, 255, 1); border-right: 0; border-bottom: 0; }
    .nav_item2 { position: relative; }
    .nav_item2 a { display: block; overflow: hidden; margin: 0; height: 60px; line-height: 60px; color:rgba(255,255,255,0.5); font-size:16px; text-align:left; padding: 0 30px; white-space: nowrap; text-overflow: ellipsis; opacity: 1;}
    .nav_item2:after { content: ''; width: 100%; position: absolute; bottom: 0; left: 0; display: block; border-bottom-width: 1px; border-bottom-style: solid; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
	.nav_item2 a:hover, .nav_item2 a:active {color:#fff;}
}
@media screen and (min-width:768px) and (max-width:1023px) {
	.ly_top { width:100%; margin:0 auto; padding:0 0 0 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
	.ly_top .lytop_main { width:100%;  margin:0 auto; padding:0;}
	.lytop_main .ly_logo { width:40%; height:60px; margin:0 10px 0 0; float:left;}
	.lytop_main .lytop_Order{margin: 30px 0;float:right;}
	.lytop_main .top_line{ display:none;}
	.lytop_form { margin:0 0 0 100px; padding:0;}
	.lytop_form {width:80px;height: 100px;}
	.lytop_form .lytop_sc { top:80px; padding:20px;}
	
	.ly_nav { width:auto; height:0;}
	.menu_open {display: block;float: right;width: 80px;height: 80px;padding: 30px 0;position: absolute;top:0;right:80px;box-sizing: border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;z-index: 98;cursor: pointer;}
    .menu_open i { width: 28px; height: 2px; background-color: #fff; display: block; margin: 9px auto;}
	.menu_open:hover, .menu_open:active { background-color:#22509f;}
	.menu_open:hover i, .menu_open:active i { background-color: #fff;}
	
	.fxd .menu_open i{ background-color:#333;}
	.fxd .menu_open:hover, .fxd .menu_open:active{ background-color:#22509f;}
	.fxd .menu_open:hover i, .fxd .menu_open:active i{ background-color:#fff;}
	
    .nav { width: 50%; height: 100%; position: fixed; top: 0; left: -50%; z-index: 100; overflow: hidden; background-color:rgba(34,80,159,0.98);}
    .hcover { display: block; width: 50%; height: 100%; background: rgba(0, 0, 0, .7); position: fixed; right: -50%; top: 0; z-index: 99; }
    .nav_ul { display: block; margin: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow-x: hidden; overflow-y: auto; padding: 0; text-align: left; }
    .nav_item { float: none; margin: 0; width: 100%; height: 60px;}
    .nav_item:after { content: ''; display: block; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
    .nav_item > a { display: block; margin: 0; height: 60px; line-height: 60px; color:rgba(255,255,255,0.5); font-size: 16px; text-align: left; padding: 0 60px 0 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; opacity: 1; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
	.nav_item > a:active {}
	.nav_item > a.navon { opacity:1;}
	.nav_item > a em { width:30px; height:2px; left:30px; margin:0;}
	
	.fxd .nav_item > a{ color:rgba(255,255,255,0.5);}
	.fxd .nav_item > a em{ background-color:#fff;}
	.fxd .nav_item:hover > a, .fxd .nav_item > a.navon{ color:#fff;}
	
    .nav_item i { position: absolute; z-index: 2; top: 0; right: 0; width: 60px; height: 100%; display: block;}
    .nav_item i:after { content: ''; display: block; width: 12px; height: 12px; margin:-6px 0 0 -6px; border: 1px solid rgba(255, 255, 255, 0.5); border-top: 0; border-left: 0; position: absolute; left: 50%; top: 50%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
    .nav_item_open { width: 50%; height: 100%; margin: 0; box-shadow: none; background-color: rgba(34,80,159,1); border-radius: 0; opacity: 1; visibility: visible; -webkit-transform: translateY(0px); transform: translateY(0px); position: fixed; left: -50%; top: 0; }
    .subopen { display: block; }
    .subopen a { display: block; overflow: hidden; line-height: 60px; margin: 0; padding: 0 30px; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; color: #fff; text-indent:12px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); position: relative;}
    .subopen a:before { content: ''; display: block; width: 12px; height: 12px; position: absolute; left: 20px; top: 50%; margin: -6px 0 0 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border: 1px solid rgba(255, 255, 255, 1); border-right: 0; border-bottom: 0; }
    .nav_item2 { position: relative; }
    .nav_item2 a { display: block; overflow: hidden; margin: 0; height: 60px; line-height: 60px; color:rgba(255,255,255,0.5); font-size:16px; text-align:left; padding: 0 30px; white-space: nowrap; text-overflow: ellipsis; opacity: 1;}
    .nav_item2:after { content: ''; width: 100%; position: absolute; bottom: 0; left: 0; display: block; border-bottom-width: 1px; border-bottom-style: solid; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
	.nav_item2 a:hover, .nav_item2 a:active {color:#fff;}
		
}
@media screen and (max-width:767px) {
	.ly_top { width:100%; height:60px; margin:0 auto; padding:0 12px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
	.ly_top .lytop_main { width:100%; height:60px; margin:0 auto; padding:0;}
	.lytop_main .ly_logo { width:64%; height:60px; margin:0;  float:left;}
	.ly_logo a {height: 60px;}
	.lytop_main .lytop_Order{ display:none;}
	.lytop_main .top_line{margin: 15px 0 0;height: 33px;}
	.ly_nav { width:auto; height:0;}
	.menu_open { display: block; float: right; width: 60px; height: 60px; padding: 13px 0; position: absolute; top:0; right:60px; box-sizing: border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; z-index: 98; cursor: pointer}
    .menu_open i { width: 24px; height: 2px; background-color: #fff; display: block; margin: 7px auto;}
	.menu_open:hover, .menu_open:active { background-color:#22509f;}
	.menu_open:hover i, .menu_open:active i { background-color: #fff;}
	.nav_item2:hover .nav_item_open1 .nav_item3 a{ background:#006bd5; color:#fff;}
	.fxd .menu_open i{ background-color:#333;}
	.fxd .menu_open:hover, .fxd .menu_open:active { background-color:#22509f;}
	.fxd .menu_open:hover i, .fxd .menu_open:active i{ background-color:#fff;}
	
    .nav { width: 50%; height: 100%; position: fixed; top: 0; left: -50%; z-index: 100; overflow: hidden; background-color:rgba(34,80,159,0.98);}
    .hcover { display: block; width: 50%; height: 100%; background: rgba(0, 0, 0, .7); position: fixed; right: -50%; top: 0; z-index: 99; }
    .nav_ul { display: block; margin: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow-x: hidden; overflow-y: auto; padding: 0; text-align: left; }
    .nav_item { float: none; margin: 0; width: 100%; height: 60px;}
    .nav_item:after { content: ''; display: block; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
    .nav_item > a { display: block; margin: 0; height: 60px; line-height: 60px; color:rgba(255,255,255,0.5); font-size: 14px; text-align: left; padding: 0 60px 0 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; opacity: 1; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
	.nav_item > a:active {}
	.nav_item > a.navon { opacity:1;}
	.nav_item > a em { width:30px; height:2px; left:20px; margin:0;}
	
	.fxd .nav_item > a{ color:rgba(255,255,255,0.5);}
	.fxd .nav_item > a em{ background-color:#fff; left:20px;}
	.fxd .nav_item:hover > a, .fxd .nav_item > a.navon{ color:#fff;}
	
    .nav_item i { position: absolute; z-index: 2; top: 0; right: 0; width: 60px; height: 100%; display: block;}
    .nav_item i:after { content: ''; display: block; width: 10px; height: 10px; margin:-5px 0 0 5px; border: 1px solid rgba(255, 255, 255, 0.5); border-top: 0; border-left: 0; position: absolute; left: 50%; top: 50%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
    .nav_item_open { width: 50%; height: 100%; margin: 0; box-shadow: none; background-color: rgba(34,80,159,1); border-radius: 0; opacity: 1; visibility: visible; -webkit-transform: translateY(0px); transform: translateY(0px); position: fixed; left: -50%; top: 0; }
    .subopen { display: block; }
    .subopen a { display: block; overflow: hidden; line-height: 60px; margin: 0; padding: 0 30px; white-space: nowrap; text-overflow: ellipsis; font-size: 15px; color: #fff; text-indent:12px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); position: relative;}
    .subopen a:before { content: ''; display: block; width: 12px; height: 12px; position: absolute; left: 20px; top: 50%; margin: -6px 0 0 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border: 1px solid rgba(255, 255, 255, 1); border-right: 0; border-bottom: 0; }
    .nav_item2 { position: relative; }
    .nav_item2 a { display: block; overflow: hidden; margin: 0; height: 60px; line-height: 60px; color:rgba(255,255,255,0.5); font-size:15px; text-align:left; padding: 0 20px 0 10px; white-space: nowrap; text-overflow: ellipsis; opacity: 1;}
    .nav_item2:after { content: ''; width: 100%; position: absolute; bottom: 0; left: 0; display: block; border-bottom-width: 1px; border-bottom-style: solid; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
	.nav_item2 a:hover, .nav_item2 a:active {color:#fff;}
	
	
	.lytop_form .lytop_sc { padding:10px 12px; top:60px;}
	.lytop_sc form { width:100%; height:40px; padding:0 60px 0 0;}
	.lytop_sc form .ly_ipt { height:40px;}
	.ly_ipt input { height:40px; line-height:40px; font-size:14px; padding:0 12px;}
	.lytop_sc form .ly_btn { width:60px; height:40px;}
	.ly_btn input { width:60px; height:40px;}
	.lytop_form {background:url(../images/ss.png) center 46% no-repeat;background-size:22px 22px;margin:0 -12px 0 0;padding: 0 10px;height: 60px;}
	.lytop_form p{ display:none;}
	.fxd .lytop_form{background: url(../images/ss.png) center 46% no-repeat;background-size:22px 22px;}
	.fxd .lytop_form:hover{ background:#006bd5 url(../images/ss1.png) center 46% no-repeat; background-size:22px 22px; border-left:0;}
}
/**top end**/
/*右侧客服 开始*/
.kfView { width:85px; height:auto; margin:0; padding:0; background-color:#fff; box-shadow:0 0 16px rgba(0,0,0,0.1); border-radius:32px 0 0 32px; position:fixed; bottom:80px; right:0; z-index:999; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.kfView .kfBtn { width:100%; overflow:hidden; margin:0 auto; padding:15px; cursor:pointer; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.kfBtn p {}
.kfBtn p i { display:block; width:40px; height:40px; overflow:hidden; margin:0 auto; padding:0;}
.kfBtn p i.kfHidd { background:url(../images/kf_jt1.png) center center no-repeat; background-size:40px 40px;}
.kfBtn:hover p i.kfHidd { background:url(../images/kf_jt2.png) center center no-repeat; background-size:40px 40px;}
.kfBtn p i.kfOpen { background:url(../images/kf_jt3.png) center center no-repeat; background-size:40px 40px;}
.kfBtn:hover p i.kfOpen { background:url(../images/kf_jt4.png) center center no-repeat; background-size:40px 40px;}

.kfView .kfMain { width:100%; height:auto; margin:0 auto; padding:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.kfMain ul li { width:100%; height:auto; margin:0 auto; padding:0;}
.kfMain ul li a { display:block; width:100%; height:auto; margin:0 auto; padding:15px 15px 0; position:relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.kfMain ul li a p { padding:0 0 15px; border-bottom:1px solid #ddd;}
.kfMain ul li:nth-child(1) a { padding:0 15px;}
.kfMain ul li:nth-child(1) a p { padding:15px 0; border-top:1px solid #ddd;}
.kfMain ul li a p i { display:block; width:40px; height:40px; overflow:hidden; margin:0 auto 5px; padding:0;}
.kfMain ul li a p i.kfIco { background:url(../images/kf_ico01.png) center center no-repeat; background-size:40px 40px;}
.kfMain ul li a p i.zxIco { background:url(../images/kf_ico02.png) center center no-repeat; background-size:40px 40px;}
.kfMain ul li a p i.telIco { background:url(../images/kf_ico03.png) center center no-repeat; background-size:40px 40px;}
.kfMain ul li a p i.gzIco { background:url(../images/kf_ico04.png) center center no-repeat; background-size:40px 40px;}
.kfMain ul li a p i.ddIco { background:url(../images/kf_ico05.png) center center no-repeat; background-size:40px 40px;}
.kfMain ul li:hover a p i.kfIco { background:url(../images/kf_ico1.png) center center no-repeat; background-size:40px 40px;}
.kfMain ul li:hover a p i.zxIco { background:url(../images/kf_ico2.png) center center no-repeat; background-size:40px 40px;}
.kfMain ul li:hover a p i.telIco { background:url(../images/kf_ico3.png) center center no-repeat; background-size:40px 40px;}
.kfMain ul li:hover a p i.gzIco { background:url(../images/kf_ico4.png) center center no-repeat; background-size:40px 40px;}
.kfMain ul li:hover a p i.ddIco { background:url(../images/kf_ico5.png) center center no-repeat; background-size:40px 40px;}
.kfMain ul li.kfTop a p { border:0;}
.kfMain ul li.kfTop a p i { display:block; width:40px; height:30px; overflow:hidden; margin:0 auto 5px; padding:0;}
.kfMain ul li.kfTop a p i.topIco { background:url(../images/kf_top1.png) center center no-repeat; background-size:40px 40px;}
.kfMain ul li.kfTop:hover a p i.topIco { background:url(../images/kf_top2.png) center center no-repeat; background-size:40px 40px;}
.kfMain ul li.kfEwm a img { display:none; width:103px; height:103px; margin:0; padding:0; position:absolute; top:0; right:95px; max-width:inherit;}
.kfMain ul li.kfEwm:hover a img { display:block;}
.kfMain ul li .pf_tel{ display:none;font-size: 16px;color: #666;width: 180px;height: 102px;line-height: 30px;background: #fff;position: absolute;top: 0;right: 95px; padding:20px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.kfMain ul li .pf_tel b{ display:block; color:#006bd5; font-size:20px;}
.kfMain ul li:hover .pf_tel{ display:block;}
.kfMain ul li a span { display:block; width:100%; overflow:hidden; line-height:25px; color:#333; font-size:16px; text-align:center; margin:0 auto; padding:0;}
.kfMain ul li:hover a span { color:#0056cc;}

@media (max-width:1680px) {
}
@media (max-width:1600px) {
}
@media (max-width:1560px) {
}
@media (max-width:1440px) {
	.kfView { width:60px; border-radius:20px 0 0 20px;}
	.kfView .kfBtn { padding:10px;}
	.kfMain ul li a { padding:5px 10px 0;}
	.kfMain ul li a p { padding:0 0 10px;}
	.kfMain ul li:nth-child(1) a { padding:0 10px;}
	.kfMain ul li:nth-child(1) a p { padding:5px 0 10px; border-top:0;}
	.kfBtn p i.kfHidd { background:url(../images/kf_jt1.png) center center no-repeat; background-size:30px 30px;}
	.kfBtn:hover p i.kfHidd { background:url(../images/kf_jt2.png) center center no-repeat; background-size:30px 30px;}
	.kfBtn p i.kfOpen { background:url(../images/kf_jt3.png) center center no-repeat; background-size:30px 30px;}
	.kfBtn:hover p i.kfOpen { background:url(../images/kf_jt4.png) center center no-repeat; background-size:30px 30px;}
	.kfMain ul li a p i { margin:0 auto;}
	.kfMain ul li a p i.kfIco { background:url(../images/kf_ico01.png) center center no-repeat; background-size:30px 30px;}
	.kfMain ul li a p i.zxIco { background:url(../images/kf_ico02.png) center center no-repeat; background-size:30px 30px;}
	.kfMain ul li a p i.telIco { background:url(../images/kf_ico03.png) center center no-repeat; background-size:30px 30px;}
	.kfMain ul li a p i.gzIco { background:url(../images/kf_ico04.png) center center no-repeat; background-size:30px 30px;}
	.kfMain ul li a p i.ddIco { background:url(../images/kf_ico05.png) center center no-repeat; background-size:30px 30px;}
	.kfMain ul li:hover a p i.kfIco { background:url(../images/kf_ico1.png) center center no-repeat; background-size:30px 30px;}
	.kfMain ul li:hover a p i.zxIco { background:url(../images/kf_ico2.png) center center no-repeat; background-size:30px 30px;}
	.kfMain ul li:hover a p i.telIco { background:url(../images/kf_ico3.png) center center no-repeat; background-size:30px 30px;}
	.kfMain ul li:hover a p i.gzIco { background:url(../images/kf_ico4.png) center center no-repeat; background-size:30px 30px;}
	.kfMain ul li:hover a p i.ddIco { background:url(../images/kf_ico5.png) center center no-repeat; background-size:30px 30px;}
	.kfMain ul li a span { line-height:16px; font-size:14px;}
	.kfMain ul li.kfTop a p i { margin:0 auto;}
	.kfMain ul li.kfTop a p i.topIco { background:url(../images/kf_top1.png) center center no-repeat; background-size:30px 23px;}
	.kfMain ul li.kfTop:hover a p i.topIco { background:url(../images/kf_top2.png) center center no-repeat; background-size:30px 23px;}
}
@media (max-width:1366px) {

}
@media (max-width:1280px) {

}
@media (max-width:1200px) {

}
@media (max-width:1080px) {

}
@media (max-width:1024px) {
	
}
@media (max-width:800px) {
	.kfView .kfBtn, .kfMain ul li { display:none;}
	.kfMain ul li:nth-child(1),.kfMain ul li:nth-child(2), .kfMain ul li.kfTop { display:block; border-top:0;}
}
@media (max-width:767px) {
	
}
@media (max-width:375px) {

}
@media (max-width:320px) {
	
}
/*右侧客服 结束*/