@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_ *,.__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:1260px;margin:0 auto;}

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

#TOP_BG{height:130px;position:relative;z-index: 50;background:#fff;}
#TOP{height:80px;position:relative;z-index: 50;}
#TOP .logo{left:0;top:24px;}
#TOP .logo img{width:330px;height:auto;}
#TOP .tmall{left:800px;top:25px;}
#TOP .tmall img{float: left;}
#TOP .tmall span{float: left;height:26px;line-height: 28px;padding:0 0 0 10px;color:#777;font-size:13px;}
#TOP .jd{left:922px;;top:25px;}
#TOP .jd img{float: left;}
#TOP .jd span{float: left;height:26px;line-height: 28px;padding:0 0 0 10px;color:#777;font-size:13px;}
#TOP .tel{right:0;;top:25px;font-size: 20px;color:#DB1F25;font-weight: bold;}
#TOP .tel img{margin:0 10px 0 0;}
#TOP .search{right:0px;top:92px;width:22px;height:28px;background:#DB1F25;text-align: center;}
#TOP .search img{margin:5px  0 0 0;}
#TOP .search_show{position: absolute;right:0px;background:#fff;width:0;top:92px;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.html) no-repeat center;border-bottom:1px solid #ddd;}
#MENU{height:50px;position: relative;z-index: 2;background: #DB1F25;}
#MENU li a{display: inline-block;width:139px;font-size:1.3em;color:#fff;text-align: center;line-height: 50px;position: relative;}
#MENU li a:hover{background:#be0000;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,0.9);top:50px;}
#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;color:#333;}
#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;}

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

#MENU_UL{position: absolute;left:0;height:0;overflow: hidden;width:100%;top:132px;background:rgba(255,255,255,0.9);z-index: 45;}
#MENU_UL ul{width:1260px;margin:0 auto;position: relative;}
#MENU_UL ul .l{position: absolute;left:10px;top:13px;}
#MENU_UL ul .l img{width:418px;height:215px;}
#MENU_UL ul .r{position: absolute;left:480px;top:0px;width:600px;}
#MENU_UL ul .r h3{font-weight: normal;font-size:18px;color:#E62129;border-bottom:1px solid #E62129;line-height: 58px;height:50px;margin:0 0 8px 0;}
#MENU_UL ul .r h3 span{font-weight: normal;border-bottom:3px solid #E62129;display: inline-block;height:49px;padding:0 5px;}
#MENU_UL ul .r a{display: inline-block;margin:14px 1% 0 1%;width:30%;font-size:14.5px;color:#333;}
#MENU_UL ul .r a span{display: block;color:#999;}
#MENU_UL ul .r a:hover{color:#d82128;}

#RIGHT{width:90px;border:1px solid #ddd;position: fixed;right:2%;top:26%;z-index: 10;background:#fff;}
#RIGHT a{display: block;padding:18px 0 11px 0;text-align: center;color:#666;font-size:13px;position: relative;}
#RIGHT a:hover{color:#222;}
#RIGHT a img{padding:0 0 2px 0;width:40px;height:auto;}
#RIGHT a span{display: block;height:18px;line-height: 18px;}
#RIGHT a.gotop{color:#555;padding:13px 0 15px 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:#DB1F25;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:28px;line-height: 28px;font-size:16px;text-align: center;border-right:1px solid #eee;color:#f6f6f6;}
#FOOT .menu a:nth-of-type(1){padding:0 0 20px 0;}
#FOOT .menu a:nth-of-type(2){padding:0 0 20px 0;}
#FOOT .menu a:nth-of-type(3){padding:0 0 20px 0;}
#FOOT .tel{right:0;top:70px;text-align: right;width:220px;font-size:28px;color:#f9f9f9;line-height: 48px;letter-spacing: 0.02em;}
#FOOT .qrcode{left:700px;top:60px;text-align: center;width:100px;color:#f5f5f5;}
#FOOT .qrcode img{width:100px;}
#FOOT .share{left:480px;top:48px;}
#FOOT .share p{height:35px;line-height: 25px;font-size:22px;color:#f4f4f4;margin:0 0 15px 0;}
#FOOT .share a{margin:0 5px 0 0;display: inline-block;width:46px;text-align: center;height:46px;float: left;padding:0;}
#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:#f6f6f6;font-size:13px;border-top:2px solid #dcdcdc;}
#FOOT .t0 a{color:#eee;}
#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:#f6f6f6;right:0;top:232px;}
#FOOT .t1 a{color:#f6f6f6;}


.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;border-radius: 4px;}
#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.html)}
#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.html)}
#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-.html) 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:#DB1F25;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:4%;top:19px;text-align: center;}
	#TOP .logo img{width:221px;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;display: none;}
	#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%;display: none;}
	#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:#f2f2f2;top:0px;z-index:20;width:100%;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:91%;line-height:50px;margin:0 auto;border-bottom:1px solid #ddd;}
	#m_menuul li a{display:block;font-size:16px;height:50px;color:#555;background:#f2f2f2;}
	#m_menuul li a .icon{}
	#m_menuul li a .name{float:left;padding:0 0 0 4%;}
	#m_menuul li a .r{float:right;margin:22px 2%  0 6%;width:6px;}
	#m_menuul li a .r.select{transform: rotate(90deg);}
	#m_menuul li ul{display:block;background:#e9e9e9;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:#444;font-size:15px;margin:0 auto;background:none;border-bottom:1px dashed #ccc;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;display: none;}
	#m_menuul .close{position:absolute;right: 8px;top:-44px;}

	#FOOT_BG{background:#e6e6e6;border:0;width:100%;height:auto;}
	#FOOT{height:auto;position:relative;background:#e6e6e6;width:100%;height:auto;}
	#FOOT .ft0{margin:0 4%;font-size: 17px;border-bottom: 1px solid #aaa;padding:29px 0 0 0;color:#666;height:27px;}
	#FOOT .ft1{margin:0 4%;font-size: 14px;padding:10px 0;color:#666;line-height: 24px;}
	#FOOT .search{margin:0 4%;width:92%;}
	#FOOT .search .txt{color:#555;font-size: 15px;height:24px;line-height: 24px;margin: 15px 0 0 0;}
	#FOOT .search .i0{width:76%;background:#e6e6e6;outline:1px solid #bbb;border:0;padding:0 2%;color:#555;}
	#FOOT .search .i1{width:20%;outline:1px solid #666;border:1px solid #bbb;position:inherit;border:0;background:#666;color:#fefefe;border-radius: 0;}
	#FOOT .infos{margin:15px 4%;width:92%;position:relative;}
	#FOOT .infos .qrcode{width:35%;display: inline-block;}
	#FOOT .infos .qrcode img{width:100%;}
	#FOOT .infos .qrcode p{width:100%;color:#555;font-size:16px;}
	#FOOT .infos .gotop{width:16%;position:absolute;right:0;bottom:0;text-align: center;}
	#FOOT .infos .gotop img{width:100%;}
	#FOOT .copyright{border-top:1px solid #bbb;text-align: center;padding:10px 0;font-size: 13px;}
	#FOOT .copyright .cc0{padding:6px 0;}
	#FOOT .copyright .cc1{padding:6px 0;color:#999;}
	

	#FOOT_MENU{background: #DB1F25;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;}
}