@charset "utf-8";

.__AC{-webkit-transition-property:all;-webkit-transition-duration:.2s;-webkit-transition-timing-function:linear;-o-transition-property:all;-o-transition-duration:.2s;-o-transition-timing-function:linear;-ms-transition-property:all;-ms-transition-duration:.2s;-ms-transition-timing-function:linear}
.__AC_ *{-webkit-transition-property:all;-webkit-transition-duration:.2s;-webkit-transition-timing-function:linear;-o-transition-property:all;-o-transition-duration:.2s;-o-transition-timing-function:linear;-ms-transition-property:all;-ms-transition-duration:.2s;-ms-transition-timing-function:linear}

/* font: normal 62.5% Microsoft YaHei,  */

input,textarea,select{
	-webkit-appearance:none;
	outline:none
}
body,
ul,
p{margin:0;padding:0;font-size:12px;work-break:break-all;font-family:'Microsoft yahei';word-wrap:break-word;list-style:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-o-text-size-adjust:none;text-size-adjust:none}
table,
form{margin:0;padding:0}
a,
input,
textarea,
select{text-decoration:none;color:#221815;outline:none;hide-focus:expression(this.hideFocus=true);font-family:'Microsoft yahei'}
img{border:0}
html,
* html body{background-image:url(about:blank);background-attachment:fixed}
h1,
h2,
h3,
h4,
h5,
h6{margin:0;padding:0}
a:hover{text-decoration:none}
.text_c{text-align:center}
.text_r{text-align:right}
.text_l{text-align:left}
.cur_p{cursor:pointer}
.float_l{float:left}
.float_r{float:right}
.clear_b{clear:both}
.dis_b{display:block}
.dis_n{display:none}
.over_h{overflow:hidden}
.over_s{overflow:scroll}
.pos_a{position:absolute}
.pos_r{position:relative}
.text_c{text-align:center}

.pos_a{position:absolute}
.pos_r{position:relative}

.font_s12{font-size:12px}
.font_s13{font-size:13px}
.font_s14{font-size:14px}
.font_s15{font-size:14px}
.font_s16{font-size:16px}
.p_x2{text-indent:2em}

html{overflow-x:hidden;}
.m_{display:none;}
body,html{}
body{background:#ffffff;}

._BOX{position:relative;}

.DEFS{width:1200px;margin:0 auto;}

.text_hidden{overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}

#TOP_BG{height:142px;position:relative;z-index: 50;background:#fff;}
#TOP{height:92px;position:relative;z-index: 50;}
#TOP .logo{left:0;top:28px;}
#TOP .logo img{width:265px;height: auto;}
#TOP .tmall{left:650px;top:25px;}
#TOP .tmall img{float: left;}
#TOP .tmall span{float: left;height:40px;line-height: 40px;padding:0 0 0 10px;color:#555;font-size:15px;}
#TOP .jd{left:812px;;top:25px;}
#TOP .jd img{float: left;}
#TOP .jd span{float: left;height:40px;line-height: 40px;padding:0 0 0 10px;color:#555;font-size:15px;}
#TOP .tel{right:0;;top:0;}
#TOP .split{right:232px;top:35px;height:25px;width:1px;background:#999;overflow: hidden;}
#TOP .search{right:0px;top:105px;}
#TOP .search_show{position: absolute;right:0px;background:#fff;width:0;top:100px;overflow: hidden;}
#TOP .search_show form{width:187px;margin:0 auto;}
#TOP .search_show .i0{width:187px;background:none;border:0;border-bottom:1px solid #ddd;padding:2px 5px;height:23px;float:left;}
#TOP .search_show .i1{width:30px;height:25px;border:0;float:left;background:url(../img/search_icon.jpg) no-repeat center;border-bottom:1px solid #ddd;}
#MENU{height:48px;border-bottom:1px solid #bbbbbb;border-top:1px solid #bbbbbb;position: relative;z-index: 2;}
#MENU li a{display: inline-block;width:129px;font-size:1.3em;color:#555;text-align: center;line-height: 48px;}
#MENU li a:hover{background:#d00;color:#fff;}
#MENU li{position:relative;display: inline-block;height:48px;}
#MENU li ul{position: absolute;width:570px;overflow: hidden;height: 0;background:rgba(255,255,255,1);top:49px;}
#MENU li ul .l{width:150px;margin:30px 0 0 45px;border-right:1px solid #ddd;float: left;}
#MENU li ul .l a{text-align: left;width:150px;height:42px;line-height: 42px;margin:0;display: block;font-size:1.2em;}
#MENU li ul .r{float: left;width:280px;margin:30px 0 0 45px;}
#MENU li ul .r p{margin:5px 0 0 0;line-height: 23px;font-size:14px;}
#MENU li ul a:hover{background: none;color:#222;text-decoration: underline;}
#MENU .search{position: absolute;right:0;top:5px;}

#MENU_UL{position: absolute;left:0;height:0;overflow: hidden;width:100%;top:142px;background:rgba(255,255,255,0.9);z-index: 15;display: none;}
#MENU_UL ul{text-align: center;width:1600px;margin:0 auto;}
#MENU_UL ul a{display: inline-block;margin:22px 9px 0 9px;}
#MENU_UL ul a .name{width:100%;height:30px;line-height: 30px;font-size:14px;color:#444;}
#MENU_UL ul a:hover .name{color:#d82128;}
#MENU_UL ul a:hover{filter: contrast(1.2);}

#RIGHT{width:80px;border:1px solid #ddd;position: fixed;right:2%;top:26%;z-index: 10;background:#f8f8f8;}
#RIGHT a{display: block;padding:14px 0 13px 0;text-align: center;border-bottom:1px solid #ddd;color:#666;font-size:13px;position: relative;}
#RIGHT a:hover{color:#d82128;background:#eee;}
#RIGHT a img{padding:0 0 2px 0;}
#RIGHT a span{display: block;height:18px;line-height: 18px;}
#RIGHT a.gotop{background:#d82128;color:#fefefe;padding:13px 0 10px 0;}
#RIGHT a.gotop span{padding:5px 0 0 0;}
#RIGHT a .hidd{position: absolute;left:-103%;top:0;width:100%;height: 100%;opacity:0;display: none;}
#RIGHT a .hidd img{width:100%;height:auto;outline:1px solid #ddd;vertical-align: top;}
#RIGHT a:hover .hidd{opacity: 1;display: block;}




#FOOT_BG{height:282px;background:#e5e6ea;position:relative;}
#FOOT{width:1200px;height:282px;position: relative;}
#FOOT .menu{left:10px;top:68px;height:auto;width:470px;}
#FOOT .menu a{display: inline-block;width:130px;height:48px;line-height: 48px;font-size:16px;text-align: center;border-right:1px solid #ccc;color:#666;}
#FOOT .menu a:nth-of-type(2n){}
#FOOT .tel{right:0;top:70px;text-align: right;width:200px;font-size:28px;color:#555;line-height: 44px;}
#FOOT .qrcode{left:700px;top:60px;text-align: center;width:100px;}
#FOOT .qrcode img{width:100px;}
#FOOT .share{left:480px;top:68px;}
#FOOT .share p{height:35px;line-height: 25px;font-size:22px;color:#555;margin:0 0 15px 0;}
#FOOT .share a{margin:0 8px 0 0;display: inline-block;width:44px;height:44px;padding:0;border:1px solid #bbb;}
#FOOT .share a img{border:1px solid #ccc;}
#FOOT .share a img:hover{box-shadow: 0 1px 3px #ccc;}
#FOOT .t0{top:218px;left:0;width:100%;height:60px;line-height: 45px;color:#555;font-size:13px;border-top:1px solid #bbb;}
#FOOT .search{left:920px;top:50px;width:250px;}
#FOOT .search p{height:40px;line-height: 20px;font-size:14px;color:#f5f5f5;}
#FOOT .search .i0{width:150px;border:1px solid #777;padding:0 5px;height:35px;background:#333;color:#dedede;width:240px}
#FOOT .search .i1{width:35px;height:35px;position: absolute;background:#4d4d4d url(../img/icon_32.png) center no-repeat;border:0;right:-1px;top:41px}
#FOOT .t1{font-size:13px;color:#555;right:0;top:232px;}
#FOOT .t1 a{color:#555;}

.mainkeys{max-width: 1260px;margin: 0 auto;height: 40px;line-height: 40px;font-size: 13px;letter-spacing: 1px;text-align: left;}
.mainkeys span{padding:0 25px 0 0;}
@media screen and (max-width:600px){
	.mainkeys{margin: 1rem 2%;height:auto;line-height: 35px;}
	.mainkeys span{padding:0 0 0 0;}
	.mainkeys span::after{content:' ';}
	.mainkeys span:nth-of-type(n+2)::after{content:'、';}
}

#MASK{width:100%;height:100%;background:#000;opacity:0;display:none;position:fixed;z-index:50;top:0;left:0;_position:absolute;_left:expression(eval(document.documentElement.scrollLeft));_top:expression(eval(document.documentElement.scrollTop));zoom:1;_height:expression(document.body.clientHeight+"px")}
#MASK_BOX{width:100%;height:0;left:0;top:0;z-index:56;display:none}
#CLIENTMORE{background:#fff;border:10px solid #fff;margin:0 auto;height:55;box-shadow:0 0 10px #000;z-index:52;width:100px}
#CLIENTMORE #ZOOM_BOX .zoomimg{width:100%px;height:100%}
#CLIENTMORE #ZOOM_BOX .zoomimg .ll{left:0;top:0;width:50%;height:100%;background:url(../images/1x1.gif)}
#CLIENTMORE #ZOOM_BOX .zoomimg .ll:hover{background:url(../img/trun_l0.png) left center no-repeat}
#CLIENTMORE #ZOOM_BOX .zoomimg .rr{right:0;top:0;width:50%;height:100%;background:url(../images/1x1.gif)}
#CLIENTMORE #ZOOM_BOX .zoomimg .rr:hover{background:url(../img/trun_r0.png) right center no-repeat}
#CLIENTMORE #ZOOM_BOX_T{font:14px 微软雅黑,verdana;color:#333}
#CLIENTMORE #ZOOM_BOX .button_bg{height:40px;background:#d1d1d1;top:-50px;width:100%;padding:0 10px;left:-10px;text-align:center}
#CLIENTMORE #ZOOM_BOX .button_bg a{margin:0 1px;z-index:54;line-height:40px;padding:10px  32px;background:url(../images/icon_1-.png) center center no-repeat}


/* ----------------------------------------------
 * Generated by Animista on 2017-10-10 10:59:33
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

@keyframes rotate-scale-up{0%{transform:scale(1) rotateZ(0)}50%{transform:scale(2) rotateZ(180deg)}100%{transform:scale(1) rotateZ(360deg)}}


/*--------------------*/

@media screen and (max-width:600px)
{
	body,html{min-height:auto;height:auto;}
	body{padding:55px 0 60px 0;background:#f5f5f5;}


    .DEFS{margin:0 auto;width:100%;overflow:hidden;}

    .m_{display:inherit;}
    .pc_{display:none;}
	.del_{display:none;}


	.PAGE1{margin:22px 0;font-size:12px;color:#666}
	.PAGE1 a{padding:4px 10px;font-size:14px;color:#232;border:1px solid #ddd;margin:0 3px;overflow:hidden;background:#fff;box-shadow:1px 1px 2px rgba(0,0,0,0.1);}
	.PAGE1 a.selected,
	.PAGE1 a:hover{background:#fff;color:#fff;background:#444;outline:0;border:1px solid #454545;}
	.PAGE1 span{display:block;padding:20px 0 0 0;}

	#TOP_BG{height:55px;position:fixed;width:100%;z-index: 50;background:#fff;box-shadow: 0 2px 3px rgba(0,0,0,0.1);top:0;}
	#TOP{height:55px;position:relative;z-index: 50;overflow: inherit;}
	#TOP .logo{left:0;top:16px;width:100%;text-align: center;}
	#TOP .logo img{width:169px;height: auto;}
	#TOP .tmall{left:650px;top:25px;}
	#TOP .tmall img{float: left;}
	#TOP .tmall span{float: left;height:40px;line-height: 40px;padding:0 0 0 10px;color:#555;font-size:15px;}
	#TOP .jd{left:812px;;top:25px;}
	#TOP .jd img{float: left;}
	#TOP .jd span{float: left;height:40px;line-height: 40px;padding:0 0 0 10px;color:#555;font-size:15px;}
	#TOP .tel{right:0;;top:0;}
	#TOP .split{right:232px;top:35px;height:25px;width:1px;background:#999;overflow: hidden;display: none;}
	#TOP .search{right:0px;top:105px;}
	#TOP .search_show{left:100%;top:55px;height:35px;width:90%;position: absolute;z-index: 19;background:rgba(255,255,255,0.5);padding:2.6% 5%;}
	#TOP .search_show form{width:100%;}
	#TOP .search_show .i0{width:76%;padding:0 2%;height:34px;float:left;border:0;border-right:none;background:#fff;box-shadow:none;border-radius:0;box-shadow: 0 2px 3px #ddd inset;}
	#TOP .search_show .i1{position: inherit;right:inherit;top:inherit;width:20%;height:34px;padding:0;background:#e62129;float: left;border:0;font-size:15px;border-radius:0;color:#fefefe;}


	#MENU{display: none;}
	#MENU_UL{display: none;}

	.m_menuon{right:4%;top:16px;}
	.search_on{left:3%;top:14px;}
	#search_on{display:none;}
	#RIGHT{display:none;}

	#m_menuul{background:#e62129;right:-150px;top:55px;z-index:20;width:49%;display:none;box-shadow:-5px 0 4px rgba(0,0,0,0.3);overflow:inherit;position: fixed;height:100%;padding:0 0 0 0;}
	#m_menuul li{width:100%;line-height:50px;}
	#m_menuul li a{display: flex;font-size:16px;height:50px;color:#efefef;background:#e62129;width: 100%;}
	#m_menuul li a .icon{}
	#m_menuul li a .name{/* float:left; */padding:0 0 0 4%;}
	#m_menuul li a .r{/* float:left; */margin: 0 2%  0 6%;object-fit: contain;}
	#m_menuul li ul{display:block;background:rgba(128,128,128,0.75);height:0;overflow:hidden;margin:0;}
	#m_menuul li ul a{display:block;padding:0;width:90%;text-align:left;line-height:48px;height:45px;color:#dedede;font-size:15px;margin:0 auto;background:none;border-bottom:1px solid #777;position: relative;}
	#m_menuul li ul a span{position: absolute;right:5px;top:0;display:inline-block;height:42px;line-height: 42px;font-size:22px;color:#dedede;letter-spacing: -5px}
	#m_menuul .close{position:absolute;right: 8px;top:-44px;}

	#FOOT_BG{background:#e5e6ea;border:0;width:100%;height:auto;}
	#FOOT{height:260px;position:relative;background:#e5e6ea;width:100%;height:auto;}
	#FOOT .t0{width:100%;text-align: center;padding:10px 0 0 0;height:35px;line-height: 32px;font-size:15px;}
	#FOOT .t1{width:100%;text-align: center;padding:8px 0 25px 0;}
	#FOOT .qrcode{width:100%;text-align: center;}
	#FOOT .qrcode img{border:4px solid #fff;}
	#FOOT .t2{width:100%;text-align: center;font-size: 1.2em;line-height: 2em;padding:0 0 5px 0;}
	#FOOT .t3{width:100%;text-align: center;padding:12px 0 2px 0;border-top:1px solid #cacaca;font-size:13.5px;}
	#FOOT .t4{width:100%;text-align: center;padding:8px 0 22px 0;color:#888;}
	

	#FOOT_MENU{background: #e62129;position: fixed;bottom:0;left:0;width:100%;height:58px;z-index: 35;}
	#FOOT_MENU a{display: block;width:25%;color:#fefefe;text-align: center;float:left;margin:8px 0 0 0;}
	#FOOT_MENU a .icon img{height:22px;width: auto;}
	#FOOT_MENU a span{font-size:14px;}
}