﻿@charset "utf-8";
/* CSS Document */
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%; font-weight:normal;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:14px/1.5 arial,\5b8b\4f53;color:#000;outline:0;}
body{background:#fff; font-size:14px; font-family: arial,helvetica,sans-serif;}
address,cite,dfn,em,var {font-style:normal; }
code,kbd,pre,samp {font-family:couriernew, courier, monospace; }
small{font-size:12px;}
ul,ol {list-style:none;}
a{text-decoration:none; }
a:hover{text-decoration:none; }
sup{vertical-align:text-top; }
sub{vertical-align:text-bottom; }
img{vertical-align:bottom;}
.clear{clear:both;}
a,input,button{outline:none; }
::-moz-focus-inner{border:0px;}
/*******************************************初始化完成*******/
/*全局*/
.container-fluid{ padding:0 15px;}
.container{ width:1120px; margin:0 auto;}
.flo_left{ float:left;}
.flo_right{ float:right;}
.m_top{ margin-top:20px;}
/*顶部链接*/
.top_strip{ background:#e9e9e9; padding:6px 15px; font-size:12px; color:#343434;}
.container .top_wcme{}
.container .top_wcme .fa-envelope{ font-size:14px;}
.container .top_link{ position:relative;}
.container .top_link a{ color:#343434;}
.container .top_link .fa{ font-size:18px; margin-left:5px;}
.container .top_link .facebook{ color:#4f6cbd;}
.container .top_link .twitter{ color:#2e97e9;}
.container .top_link .vimeo{ color:#fa8e2f;}
.container .top_link .google{ color:#d7402a;margin-right:105px;}
.container .top_link .linkedin{ color:#2d5885; margin-right:105px;}
.container .top_link .fa-toggle-off{ margin-right:5px; color:#a8a8a8;}
.container .top_link .cart{ position:absolute; right:0; top:-6px; display:block; height:36px; width:100px; background:#f98801; color:#fff; text-align:center; line-height:36px;}
.container .top_link .cart span{ margin-right:5px;}
/*logo*/
.container .logo{ width:640px; margin:15px 0; position:relative;}
.container .logo a{ display:block; float:left;}
.container .logo .fa{ display:none;}
.container .logo a img{     display: block;
    margin-left: 5px;}
.container .logo p{     float: left;
    padding-left: 10px;
    color: #025ab2;
    position: absolute;
    bottom: 0;
    left: 6px;
    font-size: 25px;
    top: -20px;}
.container .search{ width:350px; margin-top:30px;}
.container .search .search_text{ width:300px; padding:5px; border:1px #ddd solid; box-shadow:0 0 3px #999; border-radius:4px;}
.container .search .fa-search{ padding:5px; margin-left:5px; color:#333; font-size:18px; transition-duration:0.2s; -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s;}
.container .search .fa-search:hover{ color:#f98801;}
/*nav*/
.nav_bg{ background:#025ab2; height:35px; line-height:35px;}
.container{}
.container .navbar{ position:relative;}
.container .navbar .r_link{ position:absolute; right:0; top:-5px; width:130px; height:45px; line-height:45px; color:#fff; font-weight:bold; font-size:16px; background:#f98801; text-align:center; box-shadow:4px 4px 0px 0px #be9059; transition-duration:0.2s; -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s;}
.container .navbar .r_link span{ margin-right:5px;}
.container .navbar .r_link:hover{ width:150px;}
.container .navbar ul{}
.container .navbar ul li{ float:left;}
.container .navbar ul li a{ color:#fff; font-weight:bold; display:block; width:110px; text-align:center;transition-duration:0.2s; -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s;}
.container .navbar ul li a:hover{ background:#f98801;}
.container .navbar ul .active a{ background:#f98801;}
/*banner*/
.container .sub_nav{ width:240px;}
.container .sub_nav h1{ background:#025ab2; color:#fff; font-size:18px; padding:0 15px; height:50px; line-height:50px; font-weight:normal; text-shadow:0 1px 3px #000;}
.container .sub_nav h1 span{ margin-right:5px;}
.container .sub_nav ul{ border:1px #e2e2e2 solid; border-top:0; border-bottom:0; box-shadow:0px 0px 1px 1px #ccc;}
.container .sub_nav ul li{ position:relative;}
.container .sub_nav ul li .cont{ position:absolute; right:-230px; z-index:999; top:0; width:200px; background:#fff; padding:10px 15px; max-height:170px; display:block; display:none; overflow:scroll; box-shadow:0px 0px 1px 1px #ccc;}
.container .sub_nav ul li:hover .cont{ display:block;}
/*滚动条整体部分，其中的属性有width,height,background,border（就和一个块级元素一样）等。*/
.cont::-webkit-scrollbar{ width:10px;height:5px;/*高度暂时看不效果*/box-shadow:0 0 2px 2px #FF7677;}
/*滚动条上下两端的按钮。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果。*/
.cont::-webkit-scrollbar-button{ display:none;}
/*外层轨道。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果。*/
.cont::-webkit-scrollbar-track{ background:#fff;}
/*内层轨道，滚动条中间部分（除去）。*/
.cont::-webkit-scrollbar-track-piece{ background:#fff;}
/*可拖动滚动条*/
.cont::-webkit-scrollbar-thumb{ background:#f98801;cursor:pointer;}
/*边三角*/
.cont::-webkit-scrollbar-corner{ background:#ccc;}
/*定义右下角拖动块的样式*/
.cont::-webkit-scrollbar-resizer{ background:#ccc;}
.container .sub_nav ul li .cont dl dd{}
.container .sub_nav ul li .cont dl dd a{ display:block; color:#000; padding:5px;}
.container .sub_nav ul li .cont dl dd a:hover{ color:#fff;}
.container .sub_nav ul li > a{ display:block; border-bottom:1px #e2e2e2 solid; padding-left:15px; font-size:16px; color:#000; height:49px; line-height:49px;}
.container .sub_nav ul li a:hover{ background:#f98801; color:#fff;}
.container .wrap_slide{ width:880px;}
/*轮播图*/
.flexslider{ position:relative; overflow: hidden; background: url(../images/loading.gif) 50% no-repeat; box-shadow:7px 5px 10px #ccc; width:100%;}
.slides{ position:relative; z-index:1; height:400px;}
.slides li{ height:100%; z-index:9999;}
.slides .li1{ background:#0a78e6;}
.slides .li2{ background:#0a78e6;}
.slides .li3{ background:#0a78e6;}
.slides li .ban_img{ width:49%; margin-top:70px;}
.slides li .ban_img img{ max-width:100%; display:block; margin:0 auto; max-height:245px;}
.slides li .ban_txt{ width:49%; margin-top:70px;}
.slides li .ban_txt h1{ font-size:32px;  color:#fff; line-height:32px; width:100%; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -moz-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; overflow: hidden;}
.slides li .ban_txt .p_bg{ color:#000; background:#ffba00; padding:2px; margin-bottom:10px;}
.slides li .ban_txt .p_txt{ color:#fff; line-height:24px;}
/*轮播图-圆点*/
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:10px;height:10px;margin:0 5px;zoom:1;}
.flex-control-nav a{display:inline-block;width:10px;height:10px;line-height:15px;overflow:hidden;background:#999;cursor:pointer; text-indent:-9999em; float:left; border-radius:50%;}
.flex-control-nav .flex-active{background-position:0 0; background:#f98801;}
/*轮播图-把手*/	
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:30px;height:30px;overflow:hidden;cursor:pointer;position:absolute; border-radius:50%;}
.flex-direction-nav li a.flex-prev{left:20px;background: #999;}
.flex-direction-nav li a.flex-next{right:20px;background:#999;}
/*首页-最新产品*/
.container .pro_slide{ padding:5px; background:#b7b7b7; width:390px;}
.container .wrap_tab{ width:695px;}
/*首页-TAB*/
.demolayout{width: 100%;position:relative; margin-bottom:0px; overflow:hidden;}
/*tab导航*/
.demo_list{position:absolute;top:10px;width:100%;z-index:9; border-bottom:2px #025ab2 solid;}
.demo_list li {float: left;width:25%;height:30px;line-height:30px;}
.demo_list li a {text-align:center;display:block;color:#343434;background:#fff; font-weight:bold;}
.demo_list li .active { color:#fff; background:#025ab2;}
/*tab内容*/
.tabs-container{ clear: left; margin-top:55px;}
.tabs-container .tab-nested{width:100%;}
.tabs-container .tab-nested ul{}
.tabs-container .tab-nested ul li{ float:left; width:25%; margin-bottom:15px;}
.tabs-container .tab-nested ul li a{ font-size:12px; text-align:center; color:#343434; display:block; border:1px #fff solid; margin:1%;}
.tabs-container .tab-nested ul li a:hover{ border:1px #ddd solid; color:#f98801;}
.tabs-container .tab-nested ul li a img{ width:160px; height:155px;}
.tabs-container .tab-nested ul li a p{ margin-top:10px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -moz-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; overflow: hidden;}
/*footer*/
.footer_bg{ width:100%; background:#025ab2; padding:30px 0;}
.footer{ width:1140px; margin:0 auto;}
.footer p{ color:#fff; text-align:center; line-height:24px;}
/**********************************************************************内页开始*/
/*头部搜索*/
.container .pro_search{ width:790px;}
.container .pro_search .sch_bar{ border:3px #e64545 solid; height:34px; line-height:34px;}
.container .pro_search .sch_bar select{ border:0; width:150px;}
.container .pro_search .sch_bar .s_b_search{ border:0; width:458px; border-left:1px #ddd solid; padding:0 15px;}
.container .pro_search .sch_bar .btn_sch{ border:0; width:137px; background:#e64545; color:#fff; height:35px; font-size:18px;}
.container .pro_search .sch_keyword{ padding:3px; font-size:12px;}
.container .pro_search .sch_keyword a{ margin-left:5px;}
.container .pro_search .sch_keyword a:hover{ text-decoration:underline;}
/*头部搜索-right*/
.container .pro_btn{ width:188px; text-align:center; border:1px #e6e6e6 solid; position:relative;}
.container .pro_btn a{ color:#e64545; display:block; line-height:38px; background:#fafafa; height:38px}
.container .pro_btn a span{ margin-right:5px; font-size:18px;}
.container .pro_btn .pro_qr{ position:absolute; bottom:-130px; right:0; width:100%; height:130px; background:#ddd; display:none;}
/*路径导航*/
.container .breadcrumb{ border-top:1px #ddd solid; padding:3px 0; font-size:12px;}
.container .breadcrumb a{ color:#888888;}
/*热门商品*/
.container{}
.container .hot_pro{ border:1px #ddd solid; margin-bottom:25px;}
.container .hot_pro .title{ background:#f1f1f1; padding:5px 0 0 15px;}
.container .hot_pro .title .pro_active{ display:inline-block; background:#fff; width:118px; border:1px #ddd solid; border-bottom:0; text-align:center; font-size:14px; color:#025ab2; font-weight:normal; height:30px; line-height:30px;}
.container .hot_pro .hot_link{ padding:15px; padding-bottom:0;}
.container .hot_pro .hot_link ul li{ float:left; width:180px; margin-bottom:0px;}
.container .hot_pro .hot_link ul li a{ display:inline-block; color:#025ab2;}
.container .hot_pro .hot_link ul li a:hover{ text-decoration:underline;}
.container .hot_pro .title a{ margin-right:25px; color:#343434;}
/*产品列表*/
.container .hot_pro .hot_list{ padding:15px; padding-bottom:0;}
.container .hot_pro .hot_list ul{ width:1105px;}
.container .hot_pro .hot_list ul li{ width:194px; height:240px; float:left; margin-right:15px; margin-bottom:15px; padding:5px; border:1px #ddd solid;}
.container .hot_pro .hot_list ul li:hover{ border:1px #bbb solid;}
.container .hot_pro .hot_list ul li a{ color:#025ab2; display:block; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -moz-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; overflow: hidden;}
.container .hot_pro .hot_list ul li a img{ display:block; width:196px; height:155px;}
.container .hot_pro .hot_list ul li p{ font-size:12px; height:36px; overflow:hidden;}
.container .hot_pro .hot_list ul li .contact_btn{ display:inline-block; background:#ccc; padding:2px 10px; text-align:center; color:#555; margin-top:5px;}
.container .hot_pro .hot_list ul li .go_cart{ display:inline-block; background:#f98801; padding:2px 10px; text-align:center; color:#fff; margin-top:5px; float:right;}
.container .hot_pro .hot_list ul li .go_cart span{ margin-right:5px;}
/*购物车与弹窗*/
.shade_page{ display:none; position:fixed; z-index: 10002; width: 420px; height: 240px; top:50%; left:50%; margin-left:-210px; margin-top:-120px; background:#fff;}
.shade_page .layui-title{ padding:0 20px; height: 42px; line-height: 42px; border-bottom: 1px solid #eee; font-size: 14px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color: #FFF; border-radius: 2px 2px 0 0;}
.shade_page .layui-title a{ float:right; line-height:42px; font-size:20px;}
.shade_page .layui-content{ padding:20px;}
/*产品详情页*/
.line{ width:1120px; margin:0 auto; height:3px; background:#025ab2; margin-bottom:15px; margin-top:15px;}
.container{}
.container .parameter{ border:1px #ddd solid; padding:25px;}
.container .parameter .par_img{ width:425px;}
.container .parameter .par_img p{ text-align:center;}
.container .parameter .par_img p img{ width:325px; height:255px;}
.container .parameter .par_img p a{ color:#343434;}
.container .parameter .par_img p a span{ font-size:16px; color:#f98801;}

.container .parameter .par_details{ width:620px;}
.container .parameter .par_details .top_title{ font-size:22px; color:#025ab2;}
.container .parameter .par_details .top_title span{ font-size:28px; margin-right:10px;}
.container .parameter .par_details h1{ color:#000; font-size:24px; line-height:28px;}
.container .parameter .par_details table{ margin-top:25px;}
.container .parameter .par_details table tr{ border-bottom:1px #ddd solid; line-height:26px;}
.container .parameter .par_details table tr .gray{ color:#777; width:20%;}
.container .parameter .par_details table tr td{ width:60%;}
.container .parameter .par_details table tr td span{ font-size:12px; margin:3px 0; position: relative; z-index: 1; display:inline-block; width: 28px; height: 28px; text-align: center; border: solid #E1E1E1 1px; background-color: #FAFAFA; line-height: 28px; cursor: pointer;}
.container .parameter .par_details table tr td .input-text{ position: relative; z-index: 1; display: inline-block; width: 40px; height: 20px; text-align: center; padding: 4px; border: solid 1px #E1E1E1; line-height: 20px;}
.container .parameter .par_details .cssc{width: 93%; margin: 5px 0 5px 0;}
.container .parameter .par_details .cssc tr td{width: 57px !important;}

.container .parameter .par_lays{ margin-top:25px;}
.container .parameter .par_lays .send{ display:inline-block; width:140px; height:35px; background:#f98801; color:#fff; text-align:center; line-height:35px; border:1px #754000 solid; border-radius:2px;}
.container .parameter .par_lays .send span{ margin-right:5px; font-size:16px;}
.container .parameter .par_lays .add{ color:#f98801; margin-left:25px;}
.container .parameter .par_lays .add span{ font-size:18px; margin-right:5px;}

.container .parameter .cart_btn{ padding:20px 0; margin:20px 0; border-top:1px #ccc solid;}
.container .parameter .cart_btn a{ color: #fff; text-align: center; display: inline-block; width: 150px; height: 40px; margin: 0 10px 0 0; border: solid 1px; background-color: #FF6D02; line-height:40px; font-size:18px;}
.container .parameter .cart_btn .go_cart{}
.container .parameter .cart_btn input{ color: #fff; text-align: center; display: inline-block; width: 150px; height: 40px; margin: 0 10px 0 0; border: solid 1px; background-color: #FF6D02; line-height:40px; font-size:18px;}

/*产品描述*/
.container .hot_pro .hot_link .wrap_left{ width:340px;}
.container .hot_pro .hot_link .wrap_left .video{ height:260px; width:340px;}
.container .hot_pro .hot_link .wrap_left .video a{ display:block; position:relative;}
.container .hot_pro .hot_link .wrap_left .video a img{ width:340px; height:260px;}
.container .hot_pro .hot_link .wrap_left .video a span{ position:absolute; right:15px; bottom:15px; color:#fff; z-index:100; font-size:36px;}
.container .hot_pro .hot_link .wrap_left .video a .mask{ background:rgba(0,0,0,0.7); position:absolute; top:0; left:0; width:100%; height:100%; z-index:99;}
.container .hot_pro .hot_link .wrap_left .video a .mask:hover{ background:rgba(0,0,0,0.5);}
.container .hot_pro .hot_link .wrap_left .left_info{ margin-top:25px;}
.container .hot_pro .hot_link .wrap_left .left_info .left_title{ font-size:18px; color:#025ab2; padding-bottom:5px; border-bottom:2px #025ab2 solid; margin-bottom:10px; font-weight:bold;}
.container .hot_pro .hot_link .wrap_left .left_info p{ line-height:24px;}
.container .hot_pro .hot_link .wrap_right{ width:720px;}
.container .hot_pro .hot_link .wrap_right h1{ font-size:24px;}
.container .hot_pro .hot_link .wrap_right > p{ margin-bottom:25px;}
.container .hot_pro .hot_link .wrap_right .article p{ line-height:24px;}
/*关于我们*/
.container .menu{ width:210px;}
.container .menu .menu_title{ background:#025ab2; border-bottom:3px #f98801 solid;}
.container .menu .menu_title h1{ padding:8px 20px; font-size:16px; font-weight:bold; color:#fff;}
.container .menu .menu_title h1 span{ font-size:24px; margin-right:5px;}
.container .menu ul{ }
.container .menu ul li{ margin-bottom:5px;}
.container .menu ul li a{ border-right:1px #ddd solid; border-bottom:1px #ddd solid; display:block; padding:8px 20px; font-size:16px; font-weight:bold; color:#343434; transition-duration:0.2s; -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s;}
.container .menu ul li a:hover{ color:#025ab2; border-right:3px #025ab2 solid;}
.container .menu ul li .active { color:#025ab2; border-right:3px #025ab2 solid;}
.container .menu .img_sch{ margin-top:25px;}


.container .content{ width:885px;}
.container .content .article{}
.container .content .article .top_title{ font-size:22px; color:#025ab2;}
.container .content .article .top_title span{ font-size:38px; margin-right:5px;}
.container .content .article h1{ font-size:24px; color:#000; font-weight:normal;}
.container .content .article .sidebar_b{ line-height:24px;}
.container .content .article .sidebar_b p{ margin-bottom:25px;}
.container .content .article .sidebar_list{}
.container .content .article .sidebar_list ul{ width:910px;}
.container .content .article .sidebar_list ul li{ float:left; background:#f6f6f7; width:208px; margin-right:25px; padding:35px;}
.container .content .article .sidebar_list ul li .top_ico{ color:#025ab2; font-size:38px; padding:0; border:0;}
.container .content .article .sidebar_list ul li h2{ color:#025ab2;}
.container .content .article .sidebar_list ul li p{ padding-top:15px; text-align:left; padding-bottom:35px; border-bottom:3px #f98801 solid;}
/*page*/
.container .page { width:100%; text-align:center; margin:15px 0;}
.container .page a { display:inline-block; padding:2px 20px; line-height:initial; border:1px #025ab2 solid; color:#025ab2; margin:0 5px;}
/*page2*/
.container .page2 { padding:15px; border:1px #ddd solid; margin-bottom:15px;}
.container .page2 a { font-weight: bold; color:#343434;}
.container .page2 span { color:555; cursor:not-allowed;}
/*视频*/
.container .content .article .video_list{ padding-top:25px; margin-top:15px; border-top:3px #025ab2 solid;}
.container .content .article .video_list ul li{ background:#f6f6f7; margin-bottom:15px; transition-duration:0.2s; -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s;}
.container .content .article .video_list ul li:hover{ background:#e6e6e7;}
.container .content .article .sidebar_list ul li a{ display:block;}
.container .content .article .sidebar_list ul li a p{ font-size:12px;}
/*招聘*/
.container .content .article .slide_bg{ background:url(../images/workwithus.jpg) no-repeat top center; background-size:100%; box-shadow:none;}
.container .content .article .slide_bg .slides li{ background:none; color:#fff;}
.container .content .article .slide_bg li h1{ color:#fff; font-size:36px; text-align:center; margin-top:15%;}
.container .content .article .slide_bg li p{ text-align:center; font-size:36px; font-weight:bold;}
.container .content .article .car_btn{ padding-bottom:15px; border-bottom:1px #f98801 solid; margin:20px 0;}
.container .content .article .car_btn a{ display:block; width:135px; height:30px; line-height:30px; border-radius:3px; background:#f98801; text-align:center; color:#fff;}
/*新闻*/
.container .content .article .news_list{ margin-top:25px; border-top:3px #025ab2 solid;}
.container .content .article .news_list .pr-main{ width: 100%; border-bottom: solid 1px #f5f5f5; padding-bottom: 2%; margin-top: 2.5%;}
.container .content .article .news_list .pr-main .press-release-details .pr-heading{font-size: 16px; line-height: 30px;font-weight: 600;}
.container .content .article .news_list .pr-main .press-release-details .pr-heading a{    color: #333333;text-decoration: none;font-weight: 600;}
.container .content .article .news_list .pr-main .press-release-details .pr-middle-content{font-size: 14px;line-height: 22px;}
.container .content .article .news_list .pr-main .press-release-details .view-all-left{color: #999;float: left;}
/*新闻详情*/
.container .content .article .news_detailed{}
.container .content .article .news_detailed .news-details-heading{}
.container .content .article .news_detailed .news_date{ font-size:12px; color:#025ab2; padding-bottom:5px; border-bottom:1px #025ab2 solid; margin-bottom:25px;}
.container .content .article .news_detailed .news-details-img{ height:300px; margin-bottom:25px;}
.container .content .article .news_detailed .news-details-img img{ width:100%; height:100%;}
.container .content .article .news_detailed .news-details-txt{}
.container .content .article .news_detailed .news-details-txt p{ line-height:24px; text-align:justify; margin-bottom:25px;}
/*联系我们*/
.container .content .article .contact_bg{ background:url(../images/workwithus.jpg) no-repeat top center; background-size:100%; width:100%; height:400px; position:relative;}
.container .content .article .contact_bg .contact-maintxt{ width:50%; box-shadow: 3px 3px 35px 3px #474747; background:#fff; position:absolute; top:20%; left:20%; padding:20px;}
.container .content .article .contact_bg .contact-maintxt h3{ font-size:24px; border-bottom:3px #f98801 solid;}
.container .content .article .contact_bg .contact-maintxt p{ margin:10px 0;}
.container .content .article .contact_bg .contact-maintxt p span{ margin:0 10px;}
.container .content .article .contact_bg .contact-maintxt strong{ color:#025ab2; cursor:pointer;}
.container .content .article .contact_bg .contact-maintxt strong span{ font-size:18px; margin-right:5px;}
.container .content .contactform{ margin:25px 0;}
.container .content .contactform h3{ font-size:24px; border-bottom:3px #f98801 solid; margin-bottom:15px;}
.container .content .contactform ul{ width:60%;}
.container .content .contactform ul li{ margin-top:10px; padding-bottom:10px; border-bottom:1px #ddd solid;}
.container .content .contactform ul li .form-control{ display: block; width:90%; padding: 6px 12px;font-size: 14px;line-height: 1.42857143; color: #555;  background-color: #fff;background-image: none; border: 1px solid #ccc; border-radius: 4px;}
.container .content .contactform ul li .msg{ height:140px;}
.container .content .contactform ul li .btn-submit{ text-align: center; cursor: pointer; padding: 4px 15px; border-radius:3px; border:0; background:#025ab2; color:#fff;}
/*遮罩*/
.overlay{ display:none;opacity: 0.7; visibility: visible; position: fixed; width: 100%; height: 100%; background-color: #000; top: 0; left: 0; z-index: 999; overflow: hidden;}
/*地图*/
.indiamap{ display:none;}
/*登录*/
.wrapper{ width:1120px; margin:0 auto; padding:15px; border-top:1px #ddd solid;}
.wrapper .flo_left{ width:50%;}
.wrapper .flo_left img{ display:block; max-width:100%; margin:0 auto; margin-top:40px;}
.wrapper .flo_right{ border:1px #ddd solid; width:40%; background:#f9f9f9;}
.wrapper .flo_right .login{ padding:15px;}
.wrapper .flo_right .login .demo_list li{ line-height:40px; height:40px; width:50%;}
/*注册表单部分*/
.wrapper .flo_right .login{ min-height:460px; margin-bottom:120px;}
.wrapper .flo_right .login .tabs-container{ margin-top:70px;}
.wrapper .flo_right .login .login_form dl{ background-color: #FFF; width: 398px; height: 52px; margin-top: -1px; border: solid 1px #E6E6E6; position: relative; z-index: 1;}
.wrapper .flo_right .login .login_form dl dt{ font-size: 14px; line-height: 20px; color: #666; width: 88px; padding: 16px 0 16px 20px; float: left;}
.wrapper .flo_right .login .login_form dl dd{ height: 28px; float: left; padding: 12px 0;}
.wrapper .flo_right .login .login_form dl dd .text{ font-family: "microsoft yahei"; font-size: 14px; line-height: 28px; width: 290px; height: 28px; padding: 0; border: none 0;}
.wrapper .flo_right .login .login_form .code-div{ width: 100%; height: 54px;}
.wrapper .flo_right .login .login_form .code-div dl{ width: 277px; float: left;}
.wrapper .flo_right .login .login_form .code-div dl dd .text{ width:auto;}
.wrapper .flo_right .login .login_form .code-div span{ width: 120px; height: 52px; float: left; margin: -1px 0 0 -1px; border: solid 1px #E6E6E6; position: relative; z-index: 1;}
.wrapper .flo_right .login .login_form .code-div span a{ display:inline-block;}
.wrapper .flo_right .login .login_form .code-div span img{ width: 120px; height: 52px;}
.wrapper .flo_right .login .login_form .clause-div{ font-size: 14px; color: #666; line-height: 30px; width: 400px; height: 30px; margin-top: 15px; border: none 0;}
.wrapper .flo_right .login .login_form .clause-div .checkbox{ display: inline-block; vertical-align: middle; margin-right: 5px;}
.wrapper .flo_right .login .login_form .clause-div a{ color:#06C;}
.wrapper .flo_right .login .login_form .submit-div{ margin-top:15px;}
.wrapper .flo_right .login .login_form .submit-div .submit{ font-family: "microsoft yahei"; font-size: 16px; font-weight: 600; color: #FFF; background-color: #fa8801; width: 398px; height: 42px; border: solid 1px #F15C18; border-radius: 3px; cursor: pointer;}
/*个人信息*/
.members_bg{ background:#f5f5f5; border-top:1px #fa8801 solid; border-bottom:1px #ddd solid;}
.members{ width:1120px; margin:0 auto; padding:15px;}
.members .flo_left{ width:265px; float:left; border:#dddddd 1px solid;}
.members .flo_left .user_info{padding:15px;}
.members .flo_left .user_info .u_main{}
.members .flo_left .user_info .u_main .avatar{float:left;width:110px;}
.members .flo_left .user_info .u_main .u_name{float:right;width:110px;}
.members .flo_left .user_info .u_main .u_name p{font-size:14px;line-height:28px;}
.members .flo_left .user_info .u_main .u_name p a{color:#fa8801;}
.members .flo_left .user_info .welcome{width:100%;font-size:18px;margin-top:10px;}
/*右侧*/
.members .flo_right{width:830px;float:right;color:#343434;}
.members .flo_right .r_m_avatar h1{font-size:24px;font-weight:normal; border-bottom:1px #dddddd solid;}
.members .flo_right .r_m_avatar ul{margin-top:25px;}
.members .flo_right .r_m_avatar li{float:left;margin-right:30px;}
.members .flo_right .r_m_avatar li p{margin-bottom:5px;}
.members .flo_right .r_m_avatar li a{display:block;width:130px;height:35px;line-height:35px;font-size:16px;background:#025ab3;color:#fff;text-align:center;}
.members .flo_right .r_m_avatar li a:hover{background:#3282d2;}
/*购物信息*/
.transaction { width:1120px; margin:0 auto; margin-top:15px; margin-bottom:15px;}
.transaction .flo_left{ width:748px; border: solid 1px #E1E1E1; min-height:410px;}
.transaction .order_title{ margin:15px;}
.transaction .order_title h3{ font-size: 14px; font-weight: 600; line-height: 16px; display: inline-block; height: 16px; padding-left: 5px; border-left: solid 3px #FD6760;}
.transaction .flo_left .order_title ul{ font-size: 0; vertical-align: top; display: inline-block; margin-left: 80px; overflow: hidden;}
.transaction .flo_left .order_title ul li{ font-size: 12px; line-height: 14px; vertical-align: middle; letter-spacing: normal; word-spacing: normal; display: inline-block; height: 14px; padding: 0 20px; margin-left: -1px; border-left: solid 1px #E1E1E1;}
.transaction .flo_left .order_title ul li a{ text-decoration: none; color: #333;}
.transaction .flo_left .order_title ul li a em{ color:#FD6760;}
.transaction .flo_left .order_list{}
.transaction .flo_left .order_list ul{ width: 95%; margin: 0 auto;}
.transaction .flo_left .order_list ul li{ background-color: #FAECE0; padding: 8px; margin-bottom: 15px;}
.transaction .flo_left .order_list ul li:hover{ background:#fae5d4;}
.transaction .flo_left .order_list ul li .thumb{ position: relative; z-index: 1; vertical-align: top; display: inline-block; width:60px; height:60px;}
.transaction .flo_left .order_list ul li .thumb a{ line-height: 0; background-color: #FFF; text-align: center; vertical-align: middle; display: table-cell; width: 60px; height: 60px; overflow: hidden;}
.transaction .flo_left .order_list ul li .thumb a img{ max-width: 60px; max-height: 60px;}
.transaction .flo_left .order_list ul li .info{ width: 480px; margin: 0 10px; vertical-align: top; display: inline-block;}
.transaction .flo_left .order_list ul li .info dt{ background-position: -80px -30px; font-weight:600;}
.transaction .flo_left .order_list ul li .info dt a{ text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; display: inline-block; max-width: 480px; font-size:14px; overflow: hidden; color:#333;}
.transaction .flo_left .order_list ul li .info dd{ color:#777; font-size:12px;}
.transaction .flo_left .order_list ul li .info dd .order-date{ width:280px; display:inline-block;}
.transaction .flo_left .order_list ul li .info dd .ncm-order-price{ display:inline-block;}
.transaction .flo_left .order_list ul li .info dd em{ font-family: Verdana, Arial; color: #EC4F4A;}
.transaction .flo_left .order_list ul li .info dd .order-state{ display:inline-block;}
.transaction .flo_left .order_list ul li .btn-xs{ background-color: #fa8801; border-radius:4px; border-color: #F59C1A; color: #FFF; display:inline-block; padding:3px 15px;}
.transaction .flo_left .order_list ul li .btn-xs .fa-shield{ margin-right:5px;}
/*购物车*/
.transaction .flo_right{ width:348px; background:#f5f5f5; border: solid 1px #E1E1E1; min-height:410px;}
.transaction .flo_right .cart_list{}
.transaction .flo_right .cart_list ul{ width: 95%; margin: 0 auto; margin-bottom:30px;}
.transaction .flo_right .cart_list ul li{ background-color: #fff; padding: 8px; margin-bottom: 15px;}
.transaction .flo_right .cart_list ul li .ncm-goods-thumb{ position: relative; z-index: 1; vertical-align: top; display: inline-block; width:60px; height:60px;}
.transaction .flo_right .cart_list ul li .ncm-goods-thumb a{  line-height: 0; background-color: #FFF; text-align: center; vertical-align: middle; display: table-cell; width: 60px; height: 60px; overflow: hidden;}
.transaction .flo_right .cart_list ul li .ncm-goods-thumb a img{ max-width: 60px; max-height: 60px;}
.transaction .flo_right .cart_list ul li .ncm-goods-info{ width:230px; margin-left:10px; vertical-align: top; display: inline-block;}
.transaction .flo_right .cart_list ul li .ncm-goods-info dt{ background-position: -130px -30px; font-weight:600;}
.transaction .flo_right .cart_list ul li .ncm-goods-info dt a{ text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; display: inline-block; width:100%; font-size:12px; overflow: hidden; color:#333;}
.transaction .flo_right .cart_list ul li .ncm-goods-info dt a:hover{ color:#025ab2;}
.transaction .flo_right .cart_list ul li .ncm-goods-info dd{}
.transaction .flo_right .cart_list ul li .ncm-goods-info dd .ncm-order-price{}
.transaction .flo_right .cart_list ul li .ncm-goods-info dd .ncm-order-price em{ color:#EC4F4A;}
.transaction .flo_right .cart_list .more{ line-height: 40px; text-align: center; width: 95%; height: 40px; margin: 8px auto 0 auto; border-top: dotted 1px #E1E1E1;}
.transaction .flo_right .cart_list .more a{ color:#777; font-size:12px;}
/*修改信息*/
.default_form{ width:1120px; margin:25px auto;}
.default_form h2{ font-size: 14px; font-weight: 600; line-height: 16px; display: inline-block; height: 16px; padding-left: 5px; border-left: solid 3px #FD6760;}
.default_form dl{ font-size: 0; line-height: 20px; clear: both; padding: 0; margin: 0; border-bottom: dotted 1px #E6E6E6; overflow: hidden;}
.default_form dl dt{ font-size: 12px; line-height: 32px; vertical-align: top; letter-spacing: normal; word-spacing: normal; text-align: right; display: inline-block; width: 14%; padding: 10px 1% 10px 0; margin: 0;}
.default_form dl dd{ text-align: left; width: 85%; padding: 10px 0 10px 0; font-size: 12px; line-height: 32px; vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; margin: 0;}
.default_form dl dd .w400{ width:400px !important;}
.default_form dl dd inptu{ font: 12px/20px Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;}
.default_form dl dd .w400 a{ color:#333;}
input[type="radio"], .radio { vertical-align: middle; display: inline-block; margin-right: 5px;}
/*提交订单*/
.buy_main{ width:1160px; margin:25px auto; border-top:1px #3282d2 solid;}
.buy_main .ncc-title{ display: block; height: 50px; padding: 15px 0; border: solid #F7F7F7; border-width: 1px 0 0; border-bottom: solid 1px #F5F5F5;}
.buy_main .ncc-title h3{ color:#616161; font-size:24px;}
.buy_main .ncc-title h5{ font-size:12px; color:#bfbfbf;}
.buy_main .receipt-info{ margin:15px 0; padding:10px 15px; background:#f5f5f5; border-bottom: solid 1px #E1E1E1;}
.buy_main .receipt-info h4{ color:#333; padding:5px 0;}
.buy_main .receipt-info .items{ color:#777;}
.buy_main .receipt-info .items span{ font-size:12px; display:inline-block; line-height:20px; height:20px; margin:0 5px;}
.buy_main .receipt-info .items .true-name{}
.buy_main .receipt-info .items .address{}
.buy_main .receipt-info .items .phone{ color:#3282d2;}
.buy_main .receipt-info .items .phone i{}
.buy_main .receipt-info .items > div table{ display:block; border:0 !important;}
.buy_main .receipt-info .items > div table tr{}
.buy_main .receipt-info .items > div table .tr_title{ background:#fa8801; color:#fff;}
.buy_main .receipt-info .items > div table td{ padding:5px;}
.buy_main .receipt-info .items > div table .d1{ width:60px;}
.buy_main .receipt-info .items > div table .d2{ width:560px; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; overflow:hidden;}
.buy_main .receipt-info .items > div table .d3{ width:120px;}
.buy_main .receipt-info .items > div table .d4{ width:60px;}
.buy_main .receipt-info .items > div table td a{ display:inline-block;}
.buy_main .receipt-info .items > div table td a img{ display:block; max-width:60px; max-height:60px;}
.buy_main .receipt-info .ncc-submit{ float:right; display: inline-block; line-height: 20px; padding: 6px 20px; margin: 0; border: solid 1px #F15C18; border-radius: 3px; background-color:#F15C18; font-size: 14px; font-weight: 600; color: #FFF;}
/*鞋子码数选择*/
.ma{float:left;  border:1px; border-style:solid; border-color:#b8b7bd; line-height:28px; padding: 0 9px; text-align:center;}



/***********************************************************************************响应式*/
@media screen and (min-width: 320px) and (max-width: 1150px) {

/*全局*/
.container-fluid{ padding:0 10px;}
.container{ width:100%;}
.flo_left{ float:none; width:100%;}
.flo_right{ float:none; width:100%;}
.m_top{ margin-top:20px;}
/*顶部*/
.top_wcme{ display:none;}
.top_link .fa{ display:none;}
.top_strip{ padding:7px;}


/*nav*/
.nav_bg{ background:#025ab2; height:auto; line-height:auto; padding:0; margin-bottom:45px; position:absolute; z-index:999999; width:55%; top:96px; right:10px; min-height:400px; display:none;}
.container .navbar{ position:relative;}
.container .navbar .r_link{ position:absolute; right:0; top:auto; bottom:-45px; width:100%; height:45px; line-height:45px; color:#fff; font-weight:bold; font-size:16px; background:#f98801; text-align:center; box-shadow:none;}
.container .navbar .r_link span{ margin-right:5px;}
.container .navbar .r_link:hover{ width:100px;}
.container .navbar ul{ width:100%;}
.container .navbar ul li{ float:none; width:100%;}
.container .navbar ul li a{ color:#fff; font-weight:bold; padding:5px 0; display:block; width:100%; text-align:center;transition-duration:0.2s; -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s;}
.container .navbar ul li a:hover{ background:#f98801;}
.container .navbar ul .active a{ background:#f98801;}
/*banner*/
.container .sub_nav{ display:none;}
.container .wrap_slide{ display:none;}
/*产品*/
.container .pro_slide{ padding: 0; background: #b7b7b7; width: auto; max-width:390px; margin:0 auto;}
.container .wrap_tab { width: auto;}
.demo_list li{ float: left; width: 50%; height: 40px; line-height: 40px;}
.tabs-container .tab-nested ul li{ float: left; width: 50%; margin-bottom: 15px;}
/*底部*/
.footer{ width: 100%; margin: 0 auto;}
/**********************************************************************内页开始*/
.tabs-container .tab-nested ul { margin-top:100px;}
.line{ width:auto; margin:0 auto; height:3px; background:#025ab2; margin-bottom:15px; margin-top:15px;}
.container .menu{ width: auto;}
.container .content{ width: auto;}
.container .content .article .sidebar_list ul{ width:100%;}
.container .content .article .sidebar_list ul li { width: auto;float:none; margin-right: 0; padding:15px 0;}
.container .content .article .sidebar_list ul li p{ width:100%;}
.container .pro_search{ width: auto;}
.container .pro_search .sch_bar { border: 3px #e64545 solid; display:inline-block; line-height: 34px; width:100%;}
.container .pro_search .sch_bar select{ width:auto;}
.container .pro_search .sch_bar .btn_sch { border: 0; margin:10px 0; width: 100%;}
.container .pro_search .sch_bar .s_b_search { border: 0; width: auto; border-left:0; border-bottom:1px #ccc solid; padding: 0 15px;}
.container .pro_search .sch_keyword{ margin-top:15px;}
.container .pro_btn { width: auto;}
.container .hot_pro .hot_list{ padding:0; padding-top:10px;}
.container .hot_pro .hot_list ul{ width: auto;}
.container .hot_pro .hot_list ul li { width: 50%; height: auto; float: left; margin-right: 0; margin-bottom: 15px; padding: 0; border:0;}
.container .hot_pro .hot_list ul li:hover{ border:0;}
.container .hot_pro .hot_list ul li a{ padding:10px; color:#025ab2; display:block; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -moz-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; overflow: hidden;}
.container .hot_pro .hot_list ul li a img{ display:block; max-width:196px; max-height:155px; margin:0 auto;}
.container .hot_pro .hot_list ul li p{ padding:0 10px; font-size:12px; height:36px; overflow:hidden;}
.container .hot_pro .hot_list ul li .contact_btn{ display:inline-block; margin:0 5%; width:30%; height:20px; background:#f98801; line-height:20px; text-align:center; color:#fff; margin-top:5px;}
.container .hot_pro .hot_list ul li .contact_btn span{ margin-right:5px;}
.container .hot_pro .hot_list ul li .contact_btn:hover{ width:80%;}
/*产品内页*/
.container .parameter .par_details{ width: auto;}
.container .hot_pro .hot_link ul li { width: 33.33%;}
.container .hot_pro .hot_link .wrap_left{ width: auto;}
.container .hot_pro .hot_link .wrap_left .left_info{ width:100%;}
.container .hot_pro .hot_link .wrap_right { width: 100%;}
.container .parameter .par_img { width: 100%;}
.container .parameter .par_img p img { width: 100%; height: auto; display:block; margin:0 auto; max-width:325px;}
.container .hot_pro .hot_link .wrap_right .article p img{ display:block; margin:0 auto; max-width:380px; width:100%;}
.container .hot_pro .hot_link .wrap_left .video { height: 260px; width: 100%;}
.container .hot_pro .hot_link .wrap_left .video a img { width: 100%; height: 260px;}
.container .content .contactform ul { width: 100%;}

/*********************************************************************************************************************************购物功能*/
/*登录*/
.wrapper{ width:auto; padding:10px; border-top:1px #ddd solid;}
.wrapper .flo_left{ width:100%;}
.wrapper .flo_right{ border:1px #ddd solid; width:98%; background:#f9f9f9;}
.wrapper .flo_right .login{ padding:10px;}
/*注册表单部分*/
.wrapper .flo_right .login .login_form dl{ width: 98%;}
.wrapper .flo_right .login .login_form dl dd .text{ width: 100%;}
.wrapper .flo_right .login .login_form .code-div{ width: 98%; height: 54px;}
.wrapper .flo_right .login .login_form .code-div dl{ width: 100%; float: left;}
.wrapper .flo_right .login .login_form .code-div dl dd .text{ width:80px; display:block;}
.wrapper .flo_right .login .login_form .code-div span{ width: 100%;}
/*个人信息*/
.members{ width:auto; padding:10px;}
.members .flo_left{ width:auto; float:none; border:0;}
.members .flo_left .user_info{padding:0;}
/*右侧*/
.members .flo_right{width:auto;float:none;color:#343434;}
.members .flo_right .r_m_avatar li{float:none;margin-right:0;}
/*购物信息*/
.transaction { width:auto;}
.transaction .flo_left{ width:auto;}
.transaction .flo_left .order_title ul{ display: inline-block; margin-left: 0px; margin-top:10px; background:#f5f5f5; padding:5px 0;}
.transaction .flo_left .order_title ul li{ font-size: 12px; line-height: 14px; display: inline-block; height: 14px; padding-right:20px; margin-left: -1px; border-left: solid 1px #E1E1E1;}
.transaction .flo_left .order_list{ width:100%;}
.transaction .flo_left .order_list ul{ width:auto; margin:10px;}
.transaction .flo_left .order_list ul li .info{ width: auto; margin: 0; display:block;}
.transaction .flo_left .order_list ul li .info dt a{ display: inline-block; max-width: 100%;}
.transaction .flo_left .order_list ul li .info dd .order-date{ width:auto; display:inline-block;}
.transaction .flo_left .order_list ul li .info dd .ncm-order-price{ display:inline-block;}
/*购物车*/
.transaction .flo_right{ width:auto;}
/*修改信息*/
.default_form{ width:auto; margin:25px 10px;}

/*提交订单*/
.buy_main{ width:auto; margin:10px; border-top:0;}
.buy_main .receipt-info{ margin:15px 0; padding:10px; background:#f5f5f5; border-bottom: solid 1px #E1E1E1;}
.buy_main .receipt-info .items table{ display:block;}
.buy_main .receipt-info .items table tr{}
.buy_main .receipt-info .items table .tr_title{ background:#fa8801; color:#fff;}
.buy_main .receipt-info .items table td{ padding:5px;}
.buy_main .receipt-info .items table .d1{ width:auto;}
.buy_main .receipt-info .items table .d2{ width:100px; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; overflow:hidden;}
.buy_main .receipt-info .items table .d3{ width:120px;}
.buy_main .receipt-info .items table td a{ display:block; width:100px; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; overflow:hidden;}
.buy_main .receipt-info .items table td a img{ display:block; max-width:60px; max-height:60px;}
.buy_main .receipt-info .ncc-submit{ float:right; display: inline-block; line-height: 20px; padding: 6px 20px; margin: 0; border: solid 1px #F15C18; border-radius: 3px; background-color:#F15C18; font-size: 14px; font-weight: 600; color: #FFF;}

}

















