@charset "utf-8";
/*全局样式*/
@import url("base.css");
body {margin:0 auto;padding:0;width:100%;color:#333;font:14px/1.5 Arial,"Microsoft Yahei";background:#fff;-webkit-font-smoothing:antialiased;}
input,button,select,textarea,img,p,h1,h2,h3,h4,h5 {margin:0;padding:0;border:0;font-family:'Microsoft YaHei','微软雅黑';}
a {color:#333;text-decoration:none;}
a:hover {color:#f10110;text-decoration:none;-webkit-transition:all 0.2s linear;transition:all 0.2s linear;}
ol,ul,li,dl,dd {margin:0 auto;padding:0;list-style-type:none;}
i,em {font-style:normal;}
table {border-collapse:collapse;border-spacing:0;}
/*Clear Fix*/
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}
.mr5{margin-left: 5px !important;}
.mr10{margin-right: 10px !important;}
.clear {clear:both;font-size:0px;height:0px;overflow:hidden;}
.line5 {clear:both;font-size:0px;height:5px;overflow:hidden;}
.line10 {clear:both;font-size:0px;height:10px;overflow:hidden;}
.line15 {clear:both;font-size:0px;height:15px;overflow:hidden;}
.mt50{margin-top: 50px !important;}
.mb50{margin-bottom: 50px !important;} 
/*页面布局*/
.section {position:relative;margin:0 auto;width:1300px;max-width:1300px;text-align:left;}
.wrapper {position:relative;margin:0 auto;padding:0;width:100%;height:auto;text-align:left;overflow:hidden;}
.wrapper:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.wrap-box {width:1300px;}
.bg-wrap {margin:0;padding:0;background:#fff;}
.bg-wrap:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.bg-wrap.nobg {background:none;}
.pad-15 {position:relative;padding:15px;}
.pt-30 {padding-top:30px;}
.icon {position:absolute;display:block;width:20px;height:20px;background:url(../images/icon.png) no-repeat;zoom:1;}
.fl {float:left !important;}
.fr {float:right !important;}
.main-title .title {text-align:center;text-transform:uppercase;}
.main-title h1 {font-size:30px;font-weight:bold;color:#1b1b1b;text-align:center;padding-top:50px;border-bottom:1px solid #d3d3d3;color:#c80007;}
.pagination {margin:28px 0 0;text-align:center;font-size:14px;}
.main-title .nav-tit {padding:30px 0;text-align:center;color:#a7a7a7;font-size:18px;}
.main-title .nav-tit a {margin-left:10px;color:#a7a7a7;background:#ffffff;border:2px solid #a7a7a7;padding:5px 0;width:180px;display:inline-block;}
.main-title .nav-tit a:hover,.nav-tit a.selected {color:#fff;background:#c6000d;border-color:#c6000d;}
.location{ padding:5px 0; width:100%; height:40px; line-height:40px; color:#999; font-size:12px; text-align:left; }
.location a{ margin:0 5px; }
.location span{ color:#666; }
.banner{margin: 0 auto;width: 100%;}
.banner img {width: 100%;height: auto;}

.c-breadcrumb {line-height:22px;font-size:14px;background:#fafafa;width:100%;padding: 25px 0;}
.c-breadcrumb span {color:#999999;}
.c-breadcrumb a {color:#999999;}
.c-breadcrumb a:hover {color:#00af9a;text-decoration:underline;}
.c-breadcrumb .navtxt {display:inline-block;margin-left:12px;padding-left:22px;background:url(../images/home.png) no-repeat left center;}

/*头部*/
header{height: 100px; z-index: 99;line-height: 100px;position:absolute;left: 0;right: 0;border-bottom: 1px solid #535353;background: rgba(52, 52, 52, .65);}
header .nav {position: relative;}
header span {padding-left: 50px;}
header span a{display: inline-block;font-size: 16px;line-height: 100px;height: 100px;color: #fff;padding: 0 12px;position: relative;}
header span a i{position: absolute;width: 60%;height: 3px;background: #f10110;bottom: -2px;display: none;left: 50%;margin-left: -30%;}
header span a:hover i{display:block;}
#index header span a.nav-index i,
#about header span a.nav-about i,
#tong header span a.nav-tong i,
#lv header span a.nav-lv i,
#video header span a.nav-video i,
#gongyi header span a.nav-gongyi i,
#shop header span a.nav-store i,
#contact header span a.nav-contact i,
#news header span a.nav-news i{display:block;}
.swiper-pagination-bullet {background: #fff;width: 18px !important;height: 11px !important;border-radius:11px !important;opacity: 1;}
.swiper-pagination-bullet-active {opacity: 1;width: 39px !important;background: #f10110 !important;}
.banner{margin: 0 auto;width: 100%;}
.banner img {width: 100%;height: auto;}
header .language {background:url(../images/en.png) no-repeat left center;padding-left: 36px; margin-left:32px;height:28px;line-height:28px;font-size:14px;position:absolute;right:0;width:100px;top:50%;margin-top:-14px;}
header .language .chose {display:block;padding-left:10px;;width:90px;cursor:pointer;color: #fff;font-size: 15px;}
header .language .chose:after {content:">";position:absolute;right:10px;top:0;color:#fff;font-family:SimSun,sans-serif;font-size:22px;font-weight:bold;-webkit-transform:rotate(90deg);transform:rotate(90deg);}
header .language ul {position:absolute;left:0;padding:5px 0;display:block;background:#000000;color:#fff;}
header .language li {font-size:14px;color:#fff;width:100px;text-align:center;}
header .language li a {color:#fff;text-decoration:none;}
header .language ul {visibility:hidden;opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px);-webkit-transition:.35s;transition:.35s;}
header .language.active ul {visibility:visible;opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
.i-technology{height: 700px;background: #fff;}
.i-technology .left{width:331px; background:#ededed url(../images/jin.png) no-repeat top 50px left 40px;float: left;height: 600px;padding: 50px 0;}
.i-technology .left .info{padding-top: 245px;padding-left: 40px;}
.i-technology .left h2{font-size: 45px;font-weight: bold;color: #000;padding-bottom: 25px;}
.i-technology .left p{font-size: 14px;color: #666;}
.i-technology .left b{font-size: 18px;margin-top: 30px;display: block;}
.i-technology .right{float: right;width:969px;padding-top: 120px;}
.i-technology .right li{width: 218px;float: left;padding-left: 105px;padding-top: 40px;height: 150px;position: relative;}
.i-technology .right li h2{font-weight: bold;color: #333;font-size: 14px;}
.i-technology .right li p{color: #333;font-size: 14px;}
.i-technology .right li i{height: 125px;width: 1px;position:absolute;background: #b7b7b7;top: 40px;left: 28px;}
.i-technology .right li.one{background: url(../images/01.png) no-repeat left 60px top 42px;}
.i-technology .right li.two{background: url(../images/02.png) no-repeat left 60px top 42px;}
.i-technology .right li.three{background: url(../images/03.png) no-repeat left 60px top 42px;}
.i-technology .right li.four{background: url(../images/04.png) no-repeat left 60px top 42px;}
.i-technology .right li.five{background: url(../images/05.png) no-repeat left 60px top 42px;}
.i-technology .right li.six{background: url(../images/06.png) no-repeat left 60px top 42px;}
.i-cate {position: relative;}
.i-cate .section{position: absolute;left: 50%;margin-left: -650px;top: 0;}
.i-cate .left{position: absolute;top: 321px;left: 0;}
.i-cate .center{width: 650px;position: absolute;left: 50%;margin-left: -325px;text-align: center;top: 180px;}
.i-cate .right{position: absolute;top: 321px;right:0;}
.i-cate  h2{color: #fff;font-weight: bold;font-size: 40px;}
.i-cate .center img{padding-bottom: 20px;}
.i-cate  p{color: #fff;font-size: 14px;padding-top: 20px;}
.i-cate  a.more{color: #fff;width: 151px;height: 45px;line-height: 45px;margin-top: 25px; font-size: 14px; background: rgba(251, 233, 21, 0.65);display: inline-block;text-align: center;}
.i-cate  a.more2{background: none;border: 1px solid #fff;margin-top: 40px;}
.i-about {background: #fff;padding: 60px 0;}
.i-about .section{background:#fff url(../images/aboutimg.jpg) no-repeat right top;padding-bottom:100px;}
.i-about h2{font-size: 28px;font-weight: bold;color: #000;padding: 30px 0;}
.i-about .des{font-size: 16px;color: #666;width: 550px;line-height: 35px;padding: 45px 0;}
.i-about .more a{display: inline-block; font-size: 18px;color: #000;height: 50px;line-height: 50px; text-align: center;width: 200px;background: #fbe915;}
.i-about .step{width: 600px;background: #fff;padding-top: 110px;}
.i-about .step li{width: 200px;float: left;font-size: 18px;color: #242424;text-align: center;padding-top: 50px;}
.i-about .step .one{background: url(../images/c.png) no-repeat center top;}
.i-about .step .two{background: url(../images/h.png) no-repeat center top;width: 198px;border-left: 1px solid #c9caca; border-right: 1px solid #c9caca;}
.i-about .step .three{background: url(../images/s.png) no-repeat center top;}
.youshi{padding: 60px 0;background: url(../images/ys.jpg) no-repeat;min-height: 700px;}
.youshi .section{overflow: hidden;}
.youshi .title {text-align: center;}
.youshi .title h2{font-size: 35px;font-weight: bold;color: #fff;}
.youshi .title h2 b{font-size: 65px;color: #f1e307;}
.youshi .title p{color: #fff;font-size: 14px;}
.youshi ul{width: 1301px;overflow: hidden;padding: 40px 0;}
.youshi li{width: 153px;border-right: 1px solid #fff;background: rgba(0, 0, 0, 0.6);height: 500px;float: left;text-align: center;cursor:pointer;}
.youshi li.active{background: rgba(241, 1, 16, 0.60);width: 162px;padding: 0 30px;}
.youshi li .one p{color: #fff;font-size: 24px;padding: 40px 0;}
.youshi li .one p span{display: inline-block;}
.youshi li .two{display: none;}
.youshi li .one, .youshi  li .two{padding-top: 100px;}
.youshi li h2{padding: 15px;font-size: 24px;color: #fff;}
.youshi li .two p{font-size: 14px;color: #fff;}
.youshi li.active .one{display: none;}
.youshi li.active .two{display: block;}
.i-news{background: #fff;padding: 75px 0;}
.i-news .title {text-align: center;}
.i-news .title h2{color: #000;font-size: 35px;font-weight:400;}
.i-news .title p{font-size: 14px;color: #666;}
.i-news .news-info {padding-top: 50px;}
.i-news .left{width: 600px;float: left;padding-right: 50px;position: relative;height: 500px;}
.i-news .left .info{background:#f1f1f1 url(../images/newsmore.png) no-repeat left 35px bottom 25px; z-index: 999; right: 0;bottom: 50px; position: absolute;width: 530px;height: 175px;box-shadow: 0 0 20px rgba(0,0,0,.18);border-radius: 5px;}
.i-news .left .info h2{padding-top: 30px;padding-left: 35px;padding-right: 35px; color: #333;font-size: 20px;font-weight: bold;}
.i-news .left .info p{font-size: 14px;padding-left: 35px;padding-right: 35px;text-indent: 2em;margin-top: 10px;line-height: 30px;}
.i-news .left .time{width: 126px;}
.i-news .left .time .day{text-align: center;font-size: 42px;font-weight: bold;color: #f10110;}
.i-news .left .time .year{font-size: 14px;color: #f9010e;text-align: center;}
.i-news .right{padding-left: 70px;width: 580px;float: left;}
.i-news .photo{ display:table; width:600px; height:370px; overflow:hidden; position:relative; z-index:1;}
.i-news .photo .cell{ display:table-cell; vertical-align:middle; text-align:center;}
.i-news .photo img{ max-height:370px; -webkit-transition:.45s; transition:.45s}
.i-news .right li {border-bottom: 1px solid #ddd;margin-bottom: 20px;}
.i-news .right li h2{color: #000;font-size: 18px;}
.i-news .right li p.des{color: #666;font-size: 14px;margin: 15px 0;}
.i-news .right li p.time{background: url(../images/more.png) no-repeat right center;font-size: 14px;color: #666;margin-bottom: 15px;}

/*搜索*/
.search-tit {display:block;margin:0 30px;padding-top:15px;line-height:38px;border-bottom:1px solid #f0f0f0;}
.search-tit h3 {display:inline-block;color:#333;font-size:16px;font-weight:normal;}
.search-tit span {margin-left:15px;color:#999;font-size:14px;}
.search-tit span strong {margin:0 2px;color:#1e7bb3;font-weight:600;}
.n-list {padding:15px 30px;}
.n-list li {display:block;padding-bottom:15px;border-bottom:1px solid #f0f0f0;overflow:hidden;}
.n-list li:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.n-list li h2 {padding:15px 0 15px;font-size:18px;line-height:24px;font-weight:normal;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.n-list li h2 a {color:#333;text-decoration:none;}
.n-list li h2 a:hover {color:#8CAC52;}
.n-list li .note b {position:relative;display:block;float:left;margin-right:16px;width:118px;height:118px;border:1px solid #e8e8e8;font-style:normal;}
.n-list li .note b img {min-width:100%;min-height:100%;width:100%;_height:100%;}
.n-list li .note p {display:block;font-size:14px;max-height:84px;line-height:28px;font-weight:500;color:#666;overflow:hidden;}
.n-list li .note .info {padding-top:10px;height:20px;line-height:20px;}
.n-list li .note .info span {margin-right:10px;color:#999;font-size:12px;}
.n-list li .note .info span i {margin-right:3px;font-size:12px;}
.n-list .nodata {margin-top:30px;color:#666;font-size:14px;line-height:100px;text-align:center;}

/*分页*/
div.digg {margin:0;padding:0;text-align:left;font-size:14px;display:inline-block;}
div.digg a {display:block;float:left;padding:5px 12px;margin:0 0 0 8px;border:1px solid #e1e2e3;line-height:20px;height:20px;color:#666666;background:#fff;text-decoration:none;border-radius:3px;}
div.digg a:hover {border:1px solid #f10110;background:#f10110;color:#fff;}
div.digg span {display:block;float:left;padding:5px 0;line-height:20px;height:20px;}
div.digg span.current {padding:5px 12px;margin:0 0 0 8px;color:#fff;font-weight:bold;background:#f10110;border-radius:3px;}
div.digg span.disabled {border:1px solid #eee;padding:5px 12px;margin:0 0 0 8px;color:#ddd;}

/*内容详情*/
.entry{ margin-top:20px; padding:0 50px 30px; font-size:14px; line-height:2em; word-wrap:break-word; }
.entry img{ max-width:100%!important; height:auto!important; }
.entry h2,.entry h3,.entry h4{ margin:0.8em auto; padding-bottom:5px; border-bottom:1px solid #f6f6f6; color:#333; }
.entry h2{ font-size:1.2em; }
.entry h3,.entry h4{ font-size:1.1em; }
.entry strong{ color:#DC2523; }
.entry ul,.entry ol{ margin:1em; padding:0; }
.entry li{ margin-left:1em; }
.entry ul li{ list-style:disc outside none; }
.entry ol li{ list-style:decimal outside none; }
.entry p{ display:inherit; margin:1em 0; color:#333; word-wrap:break-word; }
.entry a{ text-decoration:underline; }
.entry code{ display:block; padding:0.5em; background:#eee; border-radius:.5em; color:#777; font-family:'courier new'; font-size:12px; line-height:1.7em; }
.entry table{ margin:10px auto; border-left:1px solid #eee; border-top:1px solid #eee; }
.entry table th{ background:#F9F9F9; text-align:center; }
.entry table td,.entry table th{ border-bottom:1px solid #eee; border-right:1px solid #eee; padding:0.35em 0.5em; }
.cate-box{background: #fff;border-bottom: 1px solid #eae4e4;height: 50px;line-height: 50px;}
.cate-box a{font-size: 16px;color: #333333;line-height: 50px;height: 50px;border: 1px solid #eae4e4;border-bottom: none; float: left;text-align: center;padding:0 20px;border-right:none;}
.cate-box a:last-child{border-right:1px solid #eae4e4;}
.cate-box a.active,.cate-box a:hover{color: #f10110;border-bottom: 1px solid #f10110;}
.news-box{background: #fff;}
.news-list ul{width: 105%;overflow: hidden;padding: 50px 0;}
.news-list li{width: 408px;height: 436px;float: left;background: #f5f5f5;margin-right: 38px;margin-bottom:20px;}
.news-list li .photo{ display:table; width:408px; height:233px; overflow:hidden;}
.news-list li .photo .cell{ display:table-cell; vertical-align:middle; text-align:center;}
.news-list li .photo img{ max-width:408px; max-height: 233px; -webkit-transition:.45s; transition:.45s}
.news-list .time{ border-top: 1px solid #c5c5c5;margin-top: 30px;background: url(../images/view.png) no-repeat right bottom;padding-top: 15px;}
.news-list .time span{background: url(../images/time.png) no-repeat left center;padding-left: 20px;color: #999;font-size: 14px;}
.news-list .info{padding: 0 40px;}
.news-list .info h2{font-size: 20px;color:#000;padding-bottom: 10px;padding-top: 30px;}
.news-list .info p{color: #666;font-size: 14px;}
 /*内容标题样式*/
.meta{ margin:0; padding:50px 50px 0 50px;text-align: center;border-bottom: 1px solid #e2e2e2; }
.meta:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
.meta h2{ margin:0 0 20px; padding:0; color:#434343; font-size:24px; font-weight:300; line-height:1em; text-align: center;}
.meta .info{ margin:0 0 10px; }
.meta .info span{ margin-right:10px; color:#999; font-size:12px; line-height:14px; }
.meta .info span i{ margin-right:5px; display:inline-block; font-size:14px; }
.meta .note{ margin-top:10px; padding:15px 20px; background:#f5f5f5; line-height:22px; color:#757575; font-size:12px; }
.r-product{padding: 80px 0;background: #fafafa;}
.product-box {background: #fff;padding: 30px 0;}
.r-product .list{overflow: hidden;padding: 0 2px;}
.r-product ul{width: 105%;}
.r-product li{width: 307px;border: 1px solid #eeeeee;background: #fff;float: left;margin-right: 20px;margin-bottom: 20px;}
.r-product li:hover{ -webkit-box-shadow:0 0 15px rgba(0,0,0,0.2); box-shadow:0 0 15px rgba(0,0,0,0.2);}
.r-product .p_photo{ display:table; width:100%; height:310px; overflow:hidden; position:relative; z-index:1;}
.r-product .p_photo .cell{ display:table-cell; vertical-align:middle; text-align:center;}
.r-product .p_photo img{ max-height:310px;max-width:307px; -webkit-transition:.45s; transition:.45s}
.r-product .info{font-size: 18px;position: relative;line-height: 60px; text-align: center;color: #141414;border-top: 1px solid #eee;}
.r-product li:hover .info {color: #fff;background: #f10110;}
.r-product .more{text-align: center;}
.r-product .more a{display: inline-block;text-align: center;background: #007cc2;color: #fff;padding: 12px 57px;border-radius: 5px;}
.catelist{padding: 30px 0;background: #fff;}
.catelist a{font-size: 16px;color: #333333;padding: 15px 20px;border: 1px solid #cccccc;margin-right: 15px;display: inline-block;margin-bottom:15px;}
.catelist a:hover{color: #fff;background: #f10110;border-color:#f10110;}
.catelist a.active{color: #fff;background: #f10110;}
.contactinfo .title {border-bottom: 1px solid #d2d4d3;} 
.contactinfo .title h2{font-size: 30px;color: #000;font-weight: bold;text-align: center;}
.contactinfo .title p{padding: 30px 0;color: #666;font-size: 14px;text-align: center;}
.contactinfo{padding: 48px 0;background: #fff;}
.info-box {padding: 30px 0;border-bottom: 1px solid #d2d4d3;}
.info-box .left{width: 500px;float: left;padding-left: 150px;}
.info-box .right{width: 499px;border-left: 1px solid #d2d4d3;float: left;padding-left: 150px;}
.info-box  h2{color: #f10110;font-size: 20px;font-weight: bold;padding-top: 50px;}
.contactinfo ul{padding-top: 20px;}
.contactinfo li {font-size: 16px;color: #333333;padding: 10px 0 10px 20px;}
.contactinfo li.tel{background: url(../images/tel.png) no-repeat left center;}
.contactinfo li.address{background: url(../images/map.png) no-repeat left center;}
.contactinfo li.fax{background: url(../images/fax.png) no-repeat left center;}
.contactinfo li.mobile{background: url(../images/mobile.png) no-repeat left center;}

.areaMap{ padding:50px  0;background: #fff;}
#amap-container{ height:400px;}
.message-box{background: #f6f6f6;padding: 50px 0;}
.message-box .title{color: #333;font-size: 30px;font-weight: bold;text-align: center;}
.nyaboutus9{ padding:50px 0;}
.nyaboutus9 .divTips{line-height: 25px;font-size: 14px;text-align: center;color: #999;width: 1000px;margin: 0 auto;}
.messagelist{ margin:25px 0 0;}
.messagelist .m_input{ float:left;background: #fff; display:inline; margin:18px 0 0; height:28px; width:625px; padding:8px 0 9px; border:1px solid #e0e0e0; -webkit-border-radius:5px; border-radius:5px; -webkit-transition:all .45s; transition:all .45s;}
.messagelist .m_input_mobile,.messagelist .m_input_fax,.messagelist .m_input_email{ float:right;}
.messagelist .m_input label{ float:left; display:inline; padding-left:48px; height:28px; line-height:28px; font-size:14px; color:#898986;}
.messagelist .m_input label span{ display:inline-block; padding-left:14px; border-left:1px solid #dfdfdf;}
.messagelist .m_input input{ float:left; display:inline;background: #fff; margin:0; padding:0; width:440px; height:28px; line-height:28px; font-family:Arial, "Microsoft YaHei", sans-serif; font-size:14px; color:#333; border:0; outline:0 none;}
.messagelist .m_textarea { margin:18px 0 0;}
.messagelist .m_textarea textarea{ display:block; background: #fff;margin:8px 0 0; padding:10px 20px; width:1258px; height:195px; line-height:30px; font-family:Arial, "Microsoft YaHei", sans-serif; font-size:14px; color:#333; border:1px solid #dfdfdf; outline:0 none; border-radius:5px; -webkit-transition:all .45s; transition:all .45s; overflow:hidden;}
.messagelist .m_input_nickname label{ background:url(../images/icon_nyfeedback01.png) no-repeat 14px center;} 
.messagelist .m_input_mobile label{ background:url(../images/icon_nyfeedback02.png) no-repeat 14px center;} 
.messagelist .m_input_phone label{ background:url(../images/icon_nyfeedback03.png) no-repeat 14px center;} 
.messagelist .m_input_fax label{ background:url(../images/icon_nyfeedback04.png) no-repeat 14px center;} 
.messagelist .m_input_address label{ background:url(../images/icon_nyfeedback05.png) no-repeat 14px center;} 
.messagelist .m_input_email label{ background:url(../images/icon_nyfeedback06.png) no-repeat 14px center;} 
.messagelist .m_input.active,.messagelist .m_textarea.active textarea{ border-color:#f10110;}
.messagelist .m_btnlist{ margin:45px 0 0; text-align:center;}
.messagelist .m_btnlist .m_link{ display:inline-block; margin:0 12px; width:132px; height:40px; line-height:40px; font-size:16px; text-align:center; color:#fff; background:#f10110; border-radius:20px;}
.messagelist .m_btnlist .m_cancel{ background:#ccc;}
.video-box{background: #fff;}
.video-list ul{width: 105%;overflow: hidden;padding: 50px 0;}
.video-list li{width: 426px;float: left;margin-right: 11px;}
.video-list li .photo{ display:table; width:426px; height:319px; overflow:hidden;position: relative;}
.video-box li .photo .play{position: absolute;left: 50%;top: 50%;margin-left: -41px;margin-top: -41px;}
.video-list li .photo .cell{ display:table-cell; vertical-align:middle; text-align:center;}
.video-list li .photo img{ max-width:426px; max-height: 319px; -webkit-transition:.45s; transition:.45s}
.video-list h2{text-align: center;color: #000;font-size: 16px;padding: 25px 0;}
.shop-box{background: #fff;}
.shop-list ul{width: 105%;overflow: hidden;padding: 50px 0;}
.shop-list li{width: 307px;float: left;margin-right: 24px;margin-bottom:24px;}
.shop-list li .photo{ display:table; width:307px; height:230px; overflow:hidden;position: relative;}
.shop-list li .photo .cell{ display:table-cell; vertical-align:middle; text-align:center;}
.shop-list li .photo img{ max-width:307px; max-height: 230px; -webkit-transition:.45s; transition:.45s}
.product-box{background: #fff;}
.goods-pic{width: 598px;height: 598px;background-color: #fff;float: left;display: table;margin-right: 50px;margin: 40px 50px;border: 1px solid #dcdcdc;position: relative;}
.goods-spec{width: 560px;min-height: 580px; margin-top: 40px;float: left;padding-left: 40px;}
.goods-pic .cell {display: table-cell;vertical-align: middle;text-align: center;}
.goods-pic .cell img{max-width:598px;max-height:598px;}
.goods-spec .title{font-size: 18px;color: #666;padding-bottom:25px;}
.goods-spec .title h2{font-size: 24px;color: #000;padding-top: 10px;}
.goods-spec .des-box {min-height: 410px;}
.goods-spec .des-box .info{font-size: 16px;color: #141414;border-top: 1px solid #dcdcdc;padding: 17px 0;}
.goods-spec .next-box a{color: #666;}
.goods-spec .next-box{border-top: 1px dashed #aeaeae;border-bottom: 1px dashed #aeaeae;padding: 15px 30px;}
.goods-spec .next-box .prev{color: #666;font-size: 16px; background: url(../images/pl.png) no-repeat left center;padding-left: 80px;float: left;height: 55px;width:169px;border-right:1px solid #aeaeae;}
.goods-spec .next-box .next{color: #666;font-size: 16px;background: url(../images/pr.png) no-repeat right center;padding-right: 80px;float: left;height: 55px;text-align: right;width: 170px;}
.recommendlist{background: #fff;padding: 70px 0;}
.recommendlist .title {position: relative;border-bottom: 1px solid #a9a9a9;}
.recommendlist .title h2{color: #f10110;font-size: 24px;font-weight: bold;}
.recommendlist .title p{color: #a9a9a9;font-size: 16px;padding: 10px 0 20px 0;}
.recommendlist .title  i{height: 3px;width: 180px;background: #f10110;position: absolute;left: 0;bottom: -2px;}
.shop-box{background: #fff;}
.shop-box .title  {padding: 50px 0;text-align: center;}
.shop-box .title h2{text-align: center;font-size: 30px;color: #000;}
.shop-box .title p{font-size: 14px;color: #666;padding-top: 25px;}
.shop-box .search-box{box-shadow: 0 0 20px rgba(0,0,0,.18);border-radius: 5px;margin-bottom:60px;}
.shop-box .search-box .left{width: 785px;padding: 30px 0 30px 55px;float:left;}
.shop-box .search-box .left img{border-right: 1px solid #eaeaea;padding-right: 55px;}
.shop-box .search-box .right{width: 389px;float: left;padding: 0 35px;border-left: 1px solid #c3c3c3;margin: 40px  0;}
.shop-box .search {position: relative;}
.shop-box .search input{border: 1px solid #f10110;height: 48px;line-height: 48px;width: 388px;text-indent: 2em;outline-style: none;}
.shop-box .search button{cursor: pointer; width: 80px;height: 50px;line-height: 50px;background: #f10110;color: #fff;text-align: center;font-size: 18px;position: absolute;right: 0;top: 0;}
.shop-box .page{padding: 30px 0;position: relative;}
.shop-box .page .net{font-size: 24px;color: #323232;}
.shop-box .page .more{position: absolute;right: 0;top: 50%;margin-top: -16px;}
.shop-box .page .up{display: inline-block; background: url(../images/up.png) no-repeat center center;width: 28px;height: 28px;cursor: pointer;margin-right: 10px;}
.shop-box .page .down{display: inline-block;background: url(../images/down.png) no-repeat center center;width: 28px;height: 28px;cursor: pointer;}
.shop-box .right ul li{border-top: 1px solid #eaeaea; position: relative; padding: 20px 75px 20px 25px;background: url(../images/map2.png) no-repeat top 20px left;}
.shop-box .right ul li .more{width: 73px; top: 50%;margin-top: -14px; right: 0; position:absolute;height: 28px;line-height: 28px;border: 1px solid #929292; color: #929292;font-size: 14px;text-align: center;border-radius: 5px;}
.shop-box .right .name{font-size: 16px;color: #929292;font-weight: bold;}
.shop-box .right .address{font-size: 14px;color: #929292;padding-top: 12px;}
.shop-box .right .link{font-size: 14px;color: #ff0000;}

.department{background: url(../images/department.jpg) no-repeat;min-height: 413px;}
.department .section{padding: 100px;}
.department h2{background: url(../images/d.png) no-repeat left center;padding-left: 80px;padding-bottom: 10px; font-size: 25px;color: #fbe915;line-height: 60px;}
.department p{color: #fff;font-size: 16px;padding: 5px 0;}
.department .left{width: 575px;float: left;padding-left: 75px;}
.department .right{width: 574px;float: left;border-left: 1px solid #fff;padding-left: 75px;}
.footer{padding: 50px 0;background: #fff;}
.footer .section{position: relative;}
.footer p{padding: 10px 0;color: #333;}
.footer a{color: #333;}
.footer .icons{padding-top: 15px;}
.footer .icons img{padding-right: 10px;}
.footer .wx{position: absolute;right: 0;width: 116px;top: 0;}
.footer .wx p{text-align: center;}
.footer .wx img{border: 1px solid #9d9d9d;}