@charset "utf-8";
html{color:#000;background:#FFF; }
body { color:#666;font:13px/1.231 arial,helvetica,clean,sans-serif,"微软雅黑";} /*网站字体颜色*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
.h_top b a{color: #f0f0f0}

table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:super;}
sub{vertical-align:sub;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
body{font:13px/1.231 arial,helvetica,clean,sans-serif; font-family:'Microsoft YaHei','微软雅黑';}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
b{
    font-weight: unset;
}
#cntrBody b{
    font-weight: 600;
}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;font-weight: unset;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}
.sctype {
    position: absolute;
    left: 1px;
    text-align: center;
    width: 105px;
    height: 41px;
    line-height: 41px;
    font-size: 14px;
    color: #8D8D8D;
    top: 0;
}
.sctype span {
    color:#008eda;
}
a.sctype {
    text-decoration: none;
}
body .sea li {
    width: 100%;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
}
.sea {
    position: absolute;
    top: 40px;
    width: 90px;
    display: none;
    background: #E5E5E5;
    left: 8px;
    z-index: 99999;
    border: 1px solid #a0a0a0;
}

.mt10{ margin-top:10px;}

a { color:#008eda; text-decoration:none; font-family:"Microsoft YaHei";}  
a:focus{outline:0;} 
a:hover { text-decoration: none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px; font-family:"Microsoft YaHei";}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em { font-style:normal; font-family:"Microsoft YaHei";}
/* -- 购物车外部框架 -- */
.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}

/* -- 弹出窗口 -- */
#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}
#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}
#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}
/*处理中动画占全屏*/
#oran_div_processing{width:300px;padding:20px;z-index:9999;text-align:center;background:#fffeef;border:solid 1px #b8ab04;}
.b15 {background: url(Img/SkinsVIBtn.gif) no-repeat; border:0; cursor: pointer; overflow:hidden;  background-position:-79px -650px; width:60px; height:24px; line-height:24px; color:#fff; font-size:14px; font-weight:bold; }

.cart_content{ margin-top:15px; margin-bottom:15px;}

.youce {bottom: 10px;right:10%;padding-bottom: 5px;position: fixed;z-index: 99999; display:none;}
.youce ul li {margin-bottom: 3px;width: 41px; height:41px; overflow:hidden;}
.youce ul li em{ display:block;height: 41px;width: 41px;}
.youce ul li a.yc1 em{background: url("Img/yc_01.png") no-repeat scroll center center;}
.youce ul li a.yc2 em{background: url("Img/yc_02.png") no-repeat scroll center center;}
.youce ul li a.yc3 em{background: url("Img/yc_03.png") no-repeat scroll center center;}
.youce ul li a.yc3 .wx_box {bottom: 3px;cursor: default;display: none;padding-right: 9px;position: absolute;right: 46px;width: 153px;}
.youce ul li a.yc3 .yc_weixin {background: none repeat scroll 0 0 #fff;border: 1px solid #d6d6d6;padding: 12px 11px 0;}
.youce ul li a.yc3 .yc_weixin span {color: #333;display: block;line-height: 30px;text-align: center;}
.youce ul li a.yc4 em{background: url("Img/yc_04.png") no-repeat scroll center center;}
.youce ul li a.yc3:hover .wx_box {display: inline;}
.youce ul li a {display: block;height: 41px;width: 41px; background:#118947;}
.youce ul li a:hover {background: #F1A71A;}

#roll_top, #fall, #ct
{
	position: relative;
	cursor: pointer;
	height: 60px;
	width: 60px;
}
#roll_top
{
	background: url(/Skins/Default/Img/top.gif) no-repeat;
}
#fall
{
	background: url(/Skins/Default/Img/top.gif) no-repeat 0 -80px;
}
#ct
{
	background: url(/Skins/Default/Img/top.gif) no-repeat 0 -40px;
}
#roll
{
	display: block;
	width: 15px;
	margin-right: -500px;
	position: fixed;
	right: 42%;
	top: 85%;
	_margin-right: -505px;
	_position: absolute;
	_margin-top: 300px;
	_top: expression(eval(document.documentElement.scrollTop));
}
.header_top {
    overflow: hidden;
    width: 100%;
    height: 30px;
    background-color: #eee;
}
.header_top .content{
    width: 1200px;
    margin: 0 auto;
    line-height: 30px;
    font-size: 13px;
    color: #333;
    text-align: center;
}
.header_top p {
    line-height: 30px;
    font-size: 13px;
    
    text-align: center;
}
.header_top p strong{color: #ff2626;}
/* -- 页面整体布局 -- */
.header , .content , .footer { width:1200px; margin:0 auto;  }
.left2 { width:900px; float:left; overflow:hidden; margin-top:15px;}
.left3 { width:754px; float:left; overflow:hidden; color:#666;}
.lefttop {height:0px; font-size:0; overflow:hidden; margin-top:10px;}
.leftbot { height:0px; font-size:0; overflow:hidden;  margin-bottom:10px;}
.left2bot { height:0px; font-size:0; overflow:hidden; margin-bottom:10px; }

.right2 { width:275px;  float:right; overflow:hidden;margin-top:15px;}
.right3 { width:201px; float:right; overflow:hidden; color:#666;}
.rightbot {font-size:0; overflow:hidden; margin-bottom:10px;}
.right2bot { height:0px; font-size:0; overflow:hidden; margin-bottom:10px;}

.right_main { overflow:hidden; }
.right2_main { width:273px;overflow:hidden;border: 1px solid #f9f9f9;margin-bottom: 10px;}
.left2_main { width:900px;overflow:hidden;}

.h_nav li a:-webkit-any-link{ display:block;}

#flashs{ position:relative; height:auto; overflow:hidden; clear:both;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; height:auto;}
#flashs .btn{ width: 100%; bottom: 5px;padding: 5px 0;position: absolute;z-index: 7;margin: 0 auto;text-align: center;}
#flashs .btn span{ border-radius:10px;cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#fff;filter:alpha(opacity=80);opacity:0.8;line-height:999px;}
#flashs .btn span.cur{ background:#008eda;filter:alpha(opacity=100);opacity:1;}

/*内容页标签样式*/
.protag p{background-color: #008eda;color: #fff;text-align: center;}
.protag p em{display:inline-block;line-height:36px;font-size:16px;font-weight: bold;}
.protag li{float:left;padding:5px 10px;border:1px solid #666;border-radius:5px;width: 37%;margin: 10px 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;}
.protag li a{color: #666;}

.bdshare-slide-button,.bdshare-slide-button-box{z-index:99;}

.ImTable *{padding:0px;margin:0px}
.ImTable{border-collapse:collapse;border:none;background:url(/UserControls/im/kefu/bg.gif)}
.ImTable h2{font-size:14px;font-weight:bold;margin-top:5px}
.ImHeader{height:165px;background:url(/UserControls/im/kefu/im_01.gif)}
.ImRow0{background:url(/UserControls/im/kefu/ico_item1.gif) no-repeat;margin:10px 10px 0;height:24px;padding-left:3px;padding-top:4px; }
.ImRow1{background:url(/UserControls/im/kefu/ico_item1.gif) no-repeat;margin:10px 10px 0;height:24px;padding-left:3px;padding-top:4px;}
a.im,a:hover.im{text-decoration:none;height:35px;color:#fff; font-size:12px;}
.ImFooter{height:90px;background:url(/UserControls/im/kefu/im_04.gif) no-repeat; display:inline-block; width:150px;font-family:Arial,Helvetica,sans-serif;}
.ImFooter h5{font-size:14px;font-weight:normal; color:#333;text-align:center;margin:15px 0 0;font-family:'微软雅黑';}
.ImFooter p{font-size:18px;font-weight:normal;  color:#333;text-align:center;margin:10px 0;}


/*头部开始*/
.top_bg{ background:url(Img/Common/top_bg.png) repeat-x; height:147px;}
.h_top{ height:36px; line-height:36px;color: #adadae; position:relative; z-index:999;}
.h_top em{ float:left;}
.h_top span{ float:right; display:inline-block; _padding:8px 0 0;}
.h_top span a{ padding:0 10px; display:inline-block;}
.h_top span img{width: 12px;height: 13px; display:inline-block; vertical-align:middle; padding:0 5px 0 0;}
.h_con{ height:91px; overflow:hidden; padding-left: 50px; padding-right: 50px;}
.h_con-middle{float:right; width: 760px;}
.h_con h1 {
    float: left;
    background: url(https://www.ty1971.cn/Uploadfiles/pictures/setting/20210616154003_3525.png);
    background-size: 246px 77px;
    background-repeat: no-repeat;
    background-position:center;
    width:246px;
    height:77px;
    margin-top: 7px;
}
.h_con h1 a{
    display:block;
    text-indent:-9999px;
    float: left;
    width:246px;
    height:77px;
}
/*.h_con h1{ float:left; padding:5px 22px 0 0;}*/
/*.h_con h1 img{ width:246px; height:77px;margin-top: 5px;}*/
.h_con .h_con_logo{ float:left; padding:5px 22px 0 0;}
.h_con .h_con_logo img{ width:246px; height:77px;margin-top: 5px;}
.h_con .h_dw{ float:left; padding:17px 0 10px 0px; font-size:21px; color:#787878; text-align: center;}
.h_dw span{  display:block; font-size:20px; color:#787878; margin:5px 0 0; background:url(Img/Common/t_kbg.gif) no-repeat 0 12px; width: 189px;height: 26px;text-align: center; line-height: 24px;overflow: hidden; width:378px;}
.h_con .tel{ /* background:url(Img/Common/tel.gif) no-repeat 0 35px;*/ float:right; padding:0 0 0 25px; font-size:14px; color:#373838;}
q select{background:url(Img/h_ico02.gif) no-repeat;float: right; margin:50px 0 0 50px; width:170px; height:34px; border:none; font-size:15px; line-height:34px; padding-left:12px;appearance:none;-moz-appearance:none;-webkit-appearance:none;}
q select option{ padding-left:10px;}
q select::-ms-expand { display: none; }

.phone-png{vertical-align: middle;margin-bottom: 2px;}
.tel span{ display:block;font-size:16px; color:#787878;margin-top: 15px;text-align: left;line-height: 22px;height: 23px;}
.h_nav{ height:56px; line-height:56px;}
.h_nav li{ float:left; background:url(Img/Common/nav_bor.gif) no-repeat right 19px; position:relative; z-index:9;}
.h_nav li a{ font-size:15px; color:#fff; padding:0 21px;display:block; float:left;}
.h_nav li.cur a,.h_nav li a:hover{ background:#f39801; text-decoration:none;}
.h_nav .nobor{ background:none;}
.h_nav .outyes{background: #d90303;}

.h_nav li .erj{ display:none; width:102px; position:absolute; top:56px; left:0;height: 550px;}
.h_nav li .erj li{ background:none; float:none;}
.h_nav li .erj a,.h_nav li.cur .erj a{font-size: 14px; height:35px; line-height:35px;width:100%; display:block; text-align:center; padding: 0; background:#008EDA;}
.h_nav li.cur .erj a:hover,.h_nav li .erj a:hover{ background:#f39801;}

.h_nav ul li ul li .sanj{ display:none; width:135px; position:absolute; top:0; left:102px;height: 530px;}
.h_nav ul li ul li .sanj li{ background:none; float:none;}
.h_nav ul li ul li .sanj a,.h_nav ul li ul li.cur .sanj a{font-size: 12px; height:35px; line-height:35px;width:100%; display:block; text-align:center; padding: 0; background:#008EDA82;}
.h_nav ul li ul li.cur .sanj a:hover,.h_nav ul li ul li .sanj a:hover{ background:#f39801c9;}

.h_xl { background:url(Img/Common/site.gif) no-repeat; width:103px; height:21px; margin:5px 0 0 10px;}
#site{ position:relative; z-index:3;top:2px;cursor:pointer;}
#siteDiv{  background-color: #FFFFFF;border: 1px solid #999999;display: none;padding: 8px 10px;position: absolute;top: 26px;white-space: nowrap;width: 126px;z-index: 1000; display:none;left:0px;}
#siteDiv a{float: left;list-style-type: none;padding-right: 15px; display:inline-block; color:#666;}
#siteDiv a:hover{ color:#008EDA;}

/*头部结束*/

/*搜索开始*/
.so{ padding-top: 15px;}
.so_n{width:1200px; margin:0 auto;height: 44px;}
.so p{ float:left;font-size: 14px; color:#a0a0a0;height:42px; line-height:42px; overflow:hidden;}
.so p a{ color:#a0a0a0; padding:0 10px 0 0;}
.sokefu{display: none; float: left; text-decoration: none;color: #a0a0a0; height: 26px; margin-top: 23px;font-size: 14px;}
.sokefu span{background-color: #f39801; color: #fff;line-height: 20px; padding: 3px;}
.so .inp1{float: right; /*background:url(Img/Common/s_inp.gif) no-repeat;*/ width:400px; height:36px; margin-top:2px; font-family:"Microsoft YaHei";font-size: 14px; color:#a0a0a0; line-height:26px; outline:none;}
.so .so_so{ float:right; margin-top:1px; width:80px; height:41px; background-color: #008EDA; color: #fff;}
.fixedso{position: fixed; top: 0; width: 100%; background-color: rgba(255,255,255,0.05);box-shadow: 0 0 5px #888;border-bottom: 1px solid #ebebeb;background-image: linear-gradient(rgba(255,255,255,.95) 0,rgba(255,255,255,.95) 100%) !important; z-index: 999999;}
.soinput{}
/*搜索结束*/

/*底部开始*/
.f_bg{ background: url(Img/Common/f_bg.jpg) no-repeat center 0; overflow:hidden; height:314px;}

.f_logo{ padding:35px 0 0 19px; width:232px;}
.f_logo i img { width:215px; height:auto;}
.f_logo p { margin:0px 0 0;padding-right: 10px; font-size:14px; color:#373838}
.f_logo p b { display:block; font-size:22px; color:#008eda;}
.f_logo em { display:block; padding:20px 0 0 50px;}


.f_ban{ padding:60px 0 0 70px; width:870px; position: relative;}
.jiance360{position: absolute; left: 560px; bottom:50px;}

.f_nav01{ height:45px; text-align:center; overflow:hidden; padding-bottom:20px;}
.f_nav01 a{ font-size:15px; color:#f5f5f6; padding:0 14px;}
.f_nav01 a:hover{color:#000000;}
.f_ban p{ font-size:12px; color:#fff; line-height:30px; float: left; padding-left:40px;}
.f_ban p a { color:#fff;}
.f_ban span{ padding:0 50px;}
.f_er{ padding:10px 40px 0;}
.f_er img{ width:104px; height:104px; float:left;}

/*底部结束*/

.a_fz {
    margin: 0 auto;
}
.dzform{height:500px;position:relative;}
.weixs {
    bottom: 200px;
    position: absolute;
    right: 20%;
    z-index: 999;
}
.weix_tit{display:block;text-align:center;color:black;font-size:16px;}
.dzform .fm_3 {
    width: 700px;
}
.dzform .fm_3 {
    padding: 20px;
    text-align: left;
    width: 900px;
}
.dzform .fm_3 ul li {
    height: 40px;
    line-height: 40px;
}
.dzform .fm_3 ul li span.tit {
    color: black;
    display: block;
    float: left;
    font-size: 14px;
    text-align: left;
    width: 100px;
}
.dzform .fm_3 ul li input {
    display: block;
    float: left;
    height: 25px;
    line-height: 25px;
    margin-top: 5px;
    padding-left: 10px;
    width: 290px;
    color:#8a8a8a;
}
.dzform .fm_3 ul li textarea.textarea_17 {
    clear: both;
    display: block;
    height: 120px;
    padding-left: 15px;
    width: 390px;
    color:#8a8a8a;
}
.dzform .fm_3 ul li.warp_17 {
    height: 180px;
}
.dzform .fm_3 ul li input.verify {
    width: 70px;
}
.dzform .fm_3 ul li input.submit {
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: 33px;
    line-height: 30px;
    margin-right: 30px;
    margin-top: 20px;
    padding: 0;
    text-align: center;
    width: 85px;
    color:Black;
}
.dzform .fm_3 ul li input.reset {
    display: none;
}
.dzform .fm_3 ul li i {
    color: red;
    display: block;
    float: left;
    text-align: center;
    width: 20px;
}
.dzform .fm_3 ul li.li_bn {
    padding-left: 18%;
}


/* -- 产品详情页展示新模板 -- */
.main-left .mod18Box { margin: 0px auto; width: 510px;}
.mod18{ width: 510px; height: 365px; margin: 0px auto; position: relative;}
.mod18 .btn{position:absolute;width:20px;height:122px;top:352px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:0;background:url(/images/prevBtn.png) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{top:140px;width:46px;height:48px;}
.mod18 #prevTop{background:url(/images/prevBtnTop.png) 0 0 no-repeat;}
.mod18 #nextTop{background:url(/images/nextBtnTop.png) 0 0 no-repeat;}
.mod18 .next{right:0;background:url(/images/nextBtn.png) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf a{display:block;width:510px;height:330px;position:absolute;color:#fff;}
.mod18 .cf li span{display:block;width:640px;position:absolute;left:0;bottom:0;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}
.mod18 .picBox{height:350px;position:relative;overflow:hidden;}
.mod18 .picBox ul{height:350px;position:absolute;display: table-cell;vertical-align: middle;}
.mod18 .picBox li{width:510px;height:350px;}
.mod18 .picBox li img{height:350px;max-width: 100%;max-height: 100%;display: block;margin: auto;}
.mod18 .picBox .on img{;height:350px;max-width: 100%;max-height: 100%;display: block;margin: auto;}
.mod18 .listBox{width: 470px; height: 128px; margin: 0 auto; position: relative; padding: 2px 0 0px; overflow: hidden; display: none;}
.mod18 .listBox ul{height:100px;position:absolute;}
.mod18 .listBox li{width:157px;height:128px;cursor:pointer;position:relative;display: table-cell;vertical-align: middle;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li img{height:120px;max-width: 100%;max-height: 100%;display: block;margin: auto;}
.mod18 .listBox .on img{;height:116px;max-width: 100%;max-height: 100%;display: block;margin: auto;}
.mod18 .listBox .on i{display:block;}
.mb50 {margin-top: 10px; margin-bottom: 0.5rem;}
.mb50 {
    margin-bottom: 50px;
}
.mauto {
    max-width: 1180px;
    margin: 0 auto;
    float: left;
    height: 520px;
}
.main-left {
    float: left;
    max-width: 850px;
}
.margin-right2 {
    float: right;
    max-width: 380px;
}
.rightimg{margin-top: 15px;}
#printableview{margin-top: -35px;background: #f9f9f985;}
.mb20 {
    margin-top: 10px;
    margin-bottom: 17px;
}
.mb20-01{
    background: url(/skins/default/img/pp.png) no-repeat 5px 7px;
}
.mb20-02{
    background: url(/skins/default/img/CAS.png) no-repeat 5px 7px;
}
.mb20-03{
    background: url(/skins/default/img/bz.png) no-repeat 5px 7px;
}
.mb20-04{
    background: url(/skins/default/img/zxbz.png) no-repeat 5px 7px;
}
.mb20-05{
    background: url(/skins/default/img/jg.png) no-repeat 5px 7px;
}
.li30 {
    line-height: 30px;
}
.fz20 {
    color: #003954;
    font-size: 20px;
}
.fz20 h1 {
    font-size: 21px;
    font-weight: 800;
    margin-left: 5px;
}
.prod-list01 li {
    font-size: 15px;
    padding-left: 22px;
    position: relative;
    margin-bottom: 10px;
}
.prod-list01 li b{
    font-weight: bold;
}
/*.prod-list01 li::after {*/
/*    content: ' ';*/
/*    display: block;*/
/*    width: 8px;*/
/*    height: 8px;*/
/*    background: #d7d7d7;*/
/*    border-radius: 50%;*/
/*    position: absolute;*/
/*    left: 5px;*/
/*    top: 50%;*/
/*    margin-top: -4px;*/
/*}*/
.prod-list02 .box2 {
    overflow: hidden;
}
.dingzhi {
    margin: 10px 0 10px 58px;
    width: 100%;
    text-align: center;
}
.dingzhi a {
    font-size: 14px;
    display: block;
    float: left;
    width: 110px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    overflow: hidden;
    margin: 0 40px 0 0;
    background: #36457F;
    color: #fff;
    border-radius: 30px;
}
.dingzhi a:hover {
    background: #f39801;
}
a:link, a:visited {
    text-decoration: none;
    outline: none;
}
.prod-list02 .cl {
    color: #36457F;
}
.li40 {
    line-height: 25px;
}
.fz16 {
    font-size: 18px;
    margin-bottom: 40px;
    margin-top: 20px;
}
.tac {
    text-align: center;
}
.prod-list02 .box2 span.bd {
    border-right: 1px solid #333333;
}
.turn-box {
    overflow: hidden;
}
.turn-box li {
    padding: 9px 0;
    float: left;
    width: 33.333%;
    text-align: center;
    cursor: pointer;
    position: relative;
    list-style: none;
}
.turn-box li .out {
    font-size: 16px;
    transition: all 0.6s ease-in-out;
    transform-style: preserve-3d;
    transform: rotateX(0deg);
    backface-visibility: hidden;
}
.turn-box li .in a {
    font-size: 12px;
    display: block;
}
.turn-box li.l1 .out i {
    background-position: 0px center;
}

.interested, .main_wrap, .p_TabRecommends, .p_scombo {
    margin: 50px 0 0;
}
.clear {
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
}
.p_scombo_tab {
    height: 55px;
    line-height: 26px;
    text-align: center;
}
.OrderList, .interested, .p_TabRecommends, .p_combo_body, .p_content, .p_scombo, .p_scombo_tab {
    width: 100%;
}
.p_scombo_tab .active, .p_scombo_tab li:hover {
    padding-top: 20px;
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    color: #333333;
}
.clearfix {
}
.clearfix:after, .clearfix:before {
    display: table;
    content: "";
    line-height: 0;
    visibility: hidden;
    font-size: 0;
    height: 0;
}
.p_attrList {
    width: 100%;
    margin: 25px 0 0;
}
.p_attrList dl {
    position: relative;
    bottom: -1px;
    width: 31.3%;
    height: 32px;
    padding: 0 0 0 15px;
    line-height: 32px;
    color: #4c4c4c;
    border-bottom: 1px dashed #d1d3d4;
}
.fl {
    float: left;
}
.p_attrList dt {
    width: 95px;
    font-weight: 700;
}
.p_attrList dd {
    margin: 0 0 0 95px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.p_description {
    padding: 75px 15px 0;
    line-height: 30px;
    color: #4c4c4c;
    FONT-SIZE: 15PX;
    text-indent: 2rem;
}
.proinfo p {
    white-space: normal;
    word-spacing: 10px;
    margin: 15px 0;
    font-size: 14px;
}
.p_description p {
    line-height: 30px;
    color: #4c4c4c;
}
.xiaochengxu {    
	width: 100px;
    height: 100px;
    padding-top: 30px;
    padding-left: 10px;
	padding-bottom: 10px;
}
.xiaochengxuziti {
	text-align: center;
    font-size: 16px;
    color: #373838;
	line-height: 15px;
}


/*地区地图*/
#area{
    width: 100%;
    height: 130px;
}
#area .active{
    display: block;
    color: #008EDA;
    box-shadow: 0 0 5px 3px #f9f9f9;
}
#area .active a p{
    color: #000;
}
#area ul{
    position: relative;
}
#area li{
    text-align: center;
    line-height: 35px;
    padding: 0.9%;
    float: left;
    color: #3a3a3a;
    border-bottom: 1px solid #ececec;
}
#area li:hover{
    color: #000000;
    box-shadow: 0 0 5px 3px #f9f9f9;
}
#area li p{cursor: pointer;}
#area li:hover p{color: #000000;}
#area dl{
    display: none;
    position: absolute;
    top: 110px;
    border-top: 1px solid #ececec;
    width: 900px;
    border-bottom: 1px solid #ececec;
}
#area dl dt{
    float: left;
    margin: 10px;
    line-height: 20px;
}
#area dl dt a{
    color: #888888;
    cursor: pointer;
}
#area dl dt a:hover{
    color: #008EDA;
}
#area-content{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}
#area-content p{
    font-size:14px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    float:left;
    line-height:40px;
    width:21%;
    padding-right:4%;
}
.area-one{
    width: 32%;
    height: 350px;
    border: 1px solid #e8e8e8;
    margin-bottom: 15px;
}
.area-one dl{
    padding: 15px 10px;
}
.area-one dt{
    float: left;
}
.area-one dt a:hover{
    color: #333333;
}
.area-one dd{
    float: right;
}
.area-one.cur {
    width: 100%;
    height: auto;
}
.area-one-top{
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    background-color: #008EDA;
    color: #fff;
    padding-left: 15px;
}
.area-one-top span{
    float: right;
    padding-right: 15px;
    color: #ffffff;
}
.area-one-tops{
    width: 95%;
}

.procs{
    width: 87%;
    margin: 0 6.5%
}
.procs ul{
    padding: unset;
    margin: auto;
    display: flex;
    justify-content: space-around;
    text-align: center;
}
.procs ul li{
    margin: 1%;
}
.procs ul li a:hover{
    color: #333333;
}
.procsimg{
    border: 1px solid #e8e8e8;
    max-height: 240px;
}
.procsimg img{
    width: 100%;
    min-width: 193px;
}
.procs ul li p{
    line-height: 30px;
}


/*搜索下拉框*/
#append {
    width: 258px;
    border: solid #008EDA 1px;
    border-top: 0;
    display: none;
    position: absolute;
    top: 42px;
    left: 8px;
    background-color: #ffffff;
    z-index: 999;
}
.item{
    line-height: 20px;
    padding: 10px
}
.item:hover{
    background-color: #008EDA;
    color: #ffffff;
}

/*推荐资讯*/
.new-s dl{width: 732px;margin: 0 auto;padding-top:25px;height:194px;}
.new-s dl dt {height:180px;width: 297px;float: left;position: relative;border-bottom: 1px solid #e2e2e2}
.new-s dl dt img{width: 300px;height: 162px;}
.new-s dl dt p{background:url(/Skins/Default/img/index/new_03.png) no-repeat;width: 296px;height: 28px;display: inline-block;position: absolute;top:132px;left:2px;font: 14px 'Microsoft  YaHei';color: #fff;text-align: center;line-height: 28px}
.new-s dl dd{width: 405px;float: right;height:180px;border-bottom: 1px solid #e2e2e2; position:relative;}
.new-s dl dd p{color: #353e47;font-size: 16px;font-weight: bold;margin-bottom:8px;}
.new-s dl dd span{font-size: 14px ;color: #353e47;display:inline-block;width: 405px;line-height: 28px; height:112px; overflow:hidden;}
.new-s dl dd a{display: inline-block;font: 12px 'Microsoft YaHei','微软雅黑';color: #fd8d00; float:right; position:absolute; bottom:15px; right:5px;}
.news_random ul li a{ color:#353e47;padding-top:2px;}
.news_random ul{ padding-top:0; margin:0 auto;}
.news_random ul li{width:350px; padding:0; font-size:12px;}
.news_random ul li.fr{ float:right;}
#area-content .area-one div p{width:210px;overflow:hidden;height:45px;}

/*热销产品排行榜*/
.navbar{
    margin: 0 auto;
    width: 100%;
    height: 100px;
    background-color: #ffffffc9;
    z-index: 999;
}

.navbar-active{
    position: fixed;
    top: 0;
    background-color: #ffffff;
    z-index: 9999999;
}

.navbar-default{
    display: flex;
    flex-direction: row;
}
.navbar-left{
    width: 25%;
}
.navbar-left img{
    width: 90%;
    padding: 6%;
}
.navbar-middle{
    width: 66%;
}
.navbar-middle ul{
    display: flex;
    justify-content: right;
    flex-direction: row;
    margin: auto;
}
.navbar-middle ul li{
    width: 100px;
    line-height: 100px;
    text-align: center;
    position: relative;
}
.navbar-middle ul li a{
    position: relative;
    color: #333333;
    text-decoration: none;
}
.navbar-middle ul li .navbar-xian::before {
    content: "";
    position: absolute;
    bottom: -25px;
    left: 50%;
    width: 0;
    height: 2px;
    background-color: #333333;
    transition: all 0.3s ease-out;
}
.navbar-middle ul li .navbar-xian:hover::before {
    left: 0;
    width: 100%;
}
.navbar-right{
    width: 8%;
    display: flex;
    flex-direction: row;
    padding: 31px 0 31px 30px;
}
.navbar-right input{
    width: 140px;
    height: 30px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    border: 2px solid #b9b9b9;
    color:#555;
    padding-left:15px;
}

.navbar-right .sousuo{
    float: right;
    width: 80px;
    height: 34px;
    background-color: #ffffff;
    color: #333333;
    border-color: #b9b9b9;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 7px;
}
.navbar-middle li .erj{
    display:none;
    width:120px;
    position:absolute;
    top:100px;
    left:0;
    border: 1px solid #ffffff;
}
.navbar-middle li .erj li{
    background:none;
    float:none;
    width: 120px;
    border-bottom: 1px solid #ffffffc9;
    z-index: 99999999;
}
.navbar-middle li .erj a{
    font-size: 14px;
    height:35px;
    line-height:35px;
    width:100%;
    display:block;
    text-align:center;
    padding: 0;
    background:#ffffff;
    color: #333333;
}
.navbar-middle li .erj a:hover{
    background:#ffffff;
    width: 120px;
    color: #333333;
}

.navbar-middle ul li ul li .sanj{
    display:none;
    width:120px;
    position:absolute;
    top:0;
    left:121px;
    z-index: 99999999;
    border: 1px solid #ffffff;
}
.navbar-middle ul li ul li .sanj li{
    background:none;
    float:none;
    border-bottom: 1px solid #ffffffc9;
}
.navbar-middle ul li ul li .sanj a{
    font-size: 12px;
    height:35px;
    line-height:35px;
    width:100%;
    display:block;
    text-align:center;
    padding: 0;
    background:#ffffff;
}
.navbar-middle ul li ul li .sanj a:hover{
    background:#ffffff;
}
.f_bgs{
    overflow: hidden;
    height: 314px;
    background-color: #fff;
}
.f_bgs .f_logo{ padding:35px 0 0 19px; width:232px;}
.f_bgs .f_logo i img { width:215px; height:auto;}
.f_bgs .f_logo p { margin:0px 0 0;padding-right: 10px; font-size:14px; color:#373838}
.f_bgs .f_logo p b { display:block; font-size:22px; color:#008eda;}
.f_bgs .f_logo em { display:block; padding:20px 0 0 50px;}


.f_bgs .f_ban{ padding:60px 0 0 70px; width:870px; position: relative;}
.f_bgs .jiance360{position: absolute; left: 560px; bottom:50px;}

.f_bgs .f_nav01{ height:45px; text-align:center; overflow:hidden; padding-bottom:20px;}
.f_bgs .f_nav01 a{ font-size:15px; color:#f5f5f6; padding:0 20px;}
.f_bgs .f_ban p{ font-size:12px; color:#333; line-height:30px; float: left; padding-left:40px;}
.f_bgs .f_ban p a { color:#333;}
.f_bgs .f_ban span{ padding:0 50px;}
.f_bgs .f_er{ padding:10px 40px 0;}
.f_bgs .f_er img{ width:104px; height:104px; float:left;}

.hotrank{
    background-color: #f10001;
    padding-bottom: 100px;
}
.hotrank-link{
    display: flex;
    flex-direction: row;
    padding: 50px;
    border: 10px dashed #ffffff;
}
.hotrank-img{
    width: 50%;
    border: 1px solid #333333;
    transform: rotate(16deg);
    background-color: #ffffff;
    position: relative;
}
.hotrank-img:hover{
    transform: rotate(0deg);
}
.hotrank-img img{
    width: 100%;
}
.hotrank-size{
    width: 50%;
    font-size: 18px;
    line-height: 55px;
    color: #333333;
    background: linear-gradient(102deg, #ffffff  103px,#ffffff 0);
    padding: 50px;
    border: 1px dashed #333;
}
.hotrank-size h2{
    text-indent: 2em;
}
.hotrank-size h2 span a {
    font-size: 16px;
}
.hotrank-sizes{
    width: 50%;
    font-size: 18px;
    line-height: 55px;
    color: #333333;
    background: linear-gradient(-102deg, #ffffff  103px,#ffffff 0);
    padding: 50px;
    border: 1px dashed #333;
}
.hotrank-sizes h2{
    text-indent: 2em;
}
.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.hotrank-top{
    width: 98%;
    height: 930px;
    border: 19px solid #f10001;
}
.hotrank-top-content{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.hotrank-title{
    text-align: center;
    line-height: 1000px;
    width: 30%;
    color: #333333;
    padding-top: 188px;
    line-height: 365px;
    letter-spacing: 18px;
}
.hotrank-title h2{
    font-size: 65px;
    writing-mode: tb-rl;
}
.hotrank-content{
    background-color: #fbbaba;
}
.hotrank-content-title{
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #ffffff;
    background-color: #ff6161;
    padding: 40px;
}
.hotrank-content-title span{
    line-height: 0px;
}
.hotrank-content-text{
    text-align: left;
    padding: 40px 130px;
    line-height: 35px;
    color: #ffffff;
}
.hotrank-content-text h1{
    padding-bottom: 30px;
    text-align: center;
}
.hotrank-content-text p{
    font-size: 18px;
    text-indent: 2em;
}
.hotrank-content-text p b{
    font-weight: bold;
}
.hotrank-links-top {
    width: 100%;
    padding: 60px 0 40px;
}
.hotrank-links-top p{
    text-align: center;
    background-color: #ffffff;
    width: 18%;
    line-height: 50px;
    margin: 0 auto;
    box-shadow: 0 0 30px #fff;
    font-size: 18px;
    font-weight: bold;
}

.information-main {
    background: #fff;
}
.information-main-fl {
    width: 800px;
    overflow: hidden;
    float: left;
    height: 800px;
    position: relative;
    top: 60px;
}
.prev {
    display: block;
    position: absolute;
    z-index: 1;
    top: 45%;
    margin-top: -30px;
    left: 10%;
    z-index: 1;
    width: 40px;
    height: 60px;
    background: url(/Skins/Default/images/icon-arrow.png) -126px -137px no-repeat #b3b3b3;
    cursor: pointer;
}

.next {
    display: block;
    position: absolute;
    left: auto;
    right: 10%;
    top: 45%;
    margin-top: -30px;
    z-index: 1;
    width: 40px;
    height: 60px;
    background: url(/Skins/Default/images/icon-arrow.png) -6px -137px no-repeat #b3b3b3;
    cursor: pointer;
}

.information-main-back {
    background: #ffffff;
    filter: Alpha(opacity=70);
    opacity: 0.7;
    position: absolute;
    z-index: 1;
    height: 60px;
    bottom: 17px;
    width: 378px;
}

p.information-main-text {
    position: absolute;
    bottom: 17px;
    left: 22px;
    width: 375px;
    line-height: 59px;
    display: block;
    z-index: 2;
    text-align: center;
    margin-top: -20px;
    font-size: 18px;
    color: #fff;
    height: 59px;
}

.main-btn {
    padding: 17px 17px 0px;
    border: 1px solid #ffffff;
    line-height: 1;
    color: #fff;
    float: right;
    font-size: 16px;
    height: 745px;
    width: 91%;
}
.main-btn img{
    width: 100%;
    max-height: 800px;
    box-shadow: 0 0 3px 3px #f3f3f3
}

.information-main-fl .bd ul li {
    position: relative;
    margin-top: 20px;
}

.information-main-fr .hd ul,.information-main-fl .hds ul {
    font-size: 16px;
}

.information-main-fr .hd ul li,.information-main-fl .hds ul li{
    float: left;
    cursor: pointer;
    list-style: none;
    height: 60px;
    line-height: 60px;
    color: #666;
    text-align: center;
    border-top: 0;
    width: 100%;
    border-left: 0;
}

.information-main-fr .hd ul .on,.information-main-fl .hds ul .on  {
    color: #ffffff;
    border-top: 4px solid #ffffff;
    border-bottom: 4px solid #ffffff;
    height: 45px;
    line-height: 45px;
}

.information-main-fr .bd ul {
    color: #333;
    padding: 0 0 0 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.information-main-fr .bd ul li {
    height: 45px;
    border-bottom: 1px solid #e5e5e5;
    line-height: 45px;
    text-align: left;
    list-style-type: disc;
    width: 47.5%;
}
.information-main-fr .bd ul li.prt_1 {
    /*padding-right: 35px;*/
}

.information-main-fr .bd ul li span {
    float: right;
    margin: auto;
}

.information-main-fr .bd ul li a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 800px;
    float: left;
}

.information-main-fr .bd ul li a:hover {
    color: #ffffff;
}

.information-more {
    cursor: pointer;
    text-align: center;
    line-height: 34px;
    margin-top: 12px;
    font-size: 14px;
    background-color: #ffffff;
}

.information-more a {
    cursor: pointer;
    color: #fff;
    text-align: center;
    line-height: 34px;
    margin-top: 12px;
}

.information-more a:hover {
    color: #000;
}