@import url('master.css');
@import url('headfoot.css');


.inside { width: 100%; clear: both; padding: 30px 0; }
.inside img { max-width: 1200px; }
.insidecon { margin: 0 auto; width: 1200px; }


/*页面顶部大图片*/
.headbanner { width: 100%; height: 280px; position: relative; overflow: hidden; margin-top: 60px; }
.headbanner img { width: 1920px; position: absolute; left: 50%; top: 0; margin-left: -960px; }

/*内页定位*/
.location { width: 100%; clear: both; height: 40px; line-height: 40px; border-bottom: 1px solid #e9e9e9; }
.locationcon { margin: 0 auto; width: 1200px; }
.locationlist li { float: left; margin-right: 10px; }
.locationlist li a { margin-left: 5px; }
.locationlist li a:hover { color: #1579bc; }


.insidenav { background: #ededed; height: 50px; }
.insidenav .sort { padding-top: 15px; }
.insidenav .sort li { float: left; font-size: 16px; text-align: center; margin-right: 15px; border-right: 1px #333 solid; }
.insidenav .sort li a { display: block; margin-right: 15px; }
.insidenav .sort li a.hover, .insidenav .sort li a:hover { color: #e62129; }

.insideleft { float: left; width: 260px; margin-bottom: 20px; }
.insideleft .sortsname { width: 220px; height: 45px; line-height: 45px; text-indent: 20px; font-size: 18px; background: #e62129; color: #fff; border-radius: 5px; }
.insideleft .sortslist li { width: 200px; }
.insideleft .sortslist li a { width: 200px; display: block; padding: 10px; line-height: 20px; border: 1px solid #dcdcdc; margin-top: 5px; border-radius: 5px;font-size:15px; }
.insideleft .sortslist li a:hover, .insideleft .sortslist li.hover a { width: 200px; display: block; background: #e62129; color: #fff; font-weight: bold; }
.insideleft .sortslist li a i { float: right; height: 20px; line-height: 20px; }

.insideright { float: left; width: 940px; margin-bottom: 20px; }
.insideright .title { font-size: 16px; height: 43px; line-height: 43px; border-bottom: 2px solid #14a83c; }
.insideright .title i { margin-right: 10px; }
.insideright .content { padding: 15px 10px; }
.insideright img { max-width: 800px; }


.about{}
.about .websitecontent { margin: 10px 0; }
.about .websitecontent p { margin-top: 10px; font-size: 16px; line-height: 30px; }

.aboutphoto { width: 1220px; margin: 0 auto; overflow: hidden; }
.aboutphotolist ul{}
.aboutphotolist li { width: 285px; float: left; margin: 30px 10px; height: auto; position:relative;}
.aboutphotolist li .photo { width: 285px; height: auto; overflow: hidden; border: 1px #e9e9e9 solid; text-align: center; }
.aboutphotolist li .photo img { width: 285px; object-fit: cover;  }
.aboutphotolist li .name { font-size: 16px; height: 30px; line-height: 30px; text-align: center; }



/*产品展示*/
.productscon { width: 1220px; margin: 0 auto; }
.productslist { overflow: hidden; padding: 10px 0; }
.productslist .items { float: left; margin:30px 10px; width: 285px; overflow: hidden; }
.productslist .items .photo { width: 285px; height: 285px; overflow: hidden; border-radius: 5px; }
.productslist .items .photo img { width: 285px; height: 285px; object-fit: cover; }
.productslist .items .name { line-height: 50px; text-align: center; font-size: 16px; font-weight: bold; }
.productslist .items .more { width: 80px; margin: 0 auto; text-align: center; background: #FF9600; color: #fff; padding: 5px 10px; border-radius: 5px; }


/*产品详情*/
.productsdetail { margin-bottom: 20px; }
.pimage { float: left; width: 400px; }
.pimage img { width: 400px; height: 400px; object-fit: cover; border: 1px solid #dcdcdc; border-radius: 5px; }

.market { float: left; margin-left: 30px; width: 450px; overflow: hidden; }
.market .pname { font-size: 20px; color: #14a83c; margin-bottom: 20px; line-height: 35px; }
.market .pno { font-size: 16px; margin-top: 10px; }
.market .pstock { font-size: 16px; margin-top: 10px; }
.market .pmarket { font-size: 16px; line-height: 30px; }
.market p { margin-top: 15px; }
.market .pcolor { padding-top: 10px; }
.market .pcolor a { display: block; width: 100px; background-color: #14a83c; color: #fff; height: 30px; line-height: 30px; border-radius: 5px; text-align: center; font-size: 15px; }
.market .pcolor a:hover { background: #dcdcdc; color: #14a83c; }

.ppcolor a { display: block; width: 200px; background-color: #14a83c; color: #fff; height: 30px; line-height: 30px; border-radius: 5px; text-align: center; font-size: 15px; float: right; }
.ppcolor a:hover { background: #dcdcdc; color: #14a83c; }

.detail { margin: 20px 0px; }
.detail .title { font-size: 18px; font-weight: bold; color: #e62129; border-bottom: 1px solid #dcdcdc; padding-bottom: 10px; margin-top: 20px; }
.detail .title i { margin-right: 8px; }
.detail .pdetail { padding: 20px 0px; }
.detail .pdetail p { margin-bottom: 20px; }
.detail img { max-width: 790px; display: block !important; margin: 0 auto; }

/*产品放大镜*/
.bg { width: 900px; height: 510px; margin: 0 auto; padding: 20px; border: 1px solid #E8E8E8; overflow: hidden; box-sizing: border-box; background: #fff; }
.bg_left { width: 400px; height: auto; float: left }
.bg_right { float: left }

.show { width: 400px; height: 400px; margin-bottom: 10px; position: relative; border: 1px solid #E8E8E8; cursor: move }
.show img { width: 400px; height: 400px; object-fit: cover; }

.mask { width: 200px; height: 200px; background: #000; filter: Alpha(opacity=50); opacity: 0.5; position: absolute; top: 0; left: 0; display: none; }

.bigshow { width: 400px; height: 400px; overflow: hidden; display: none; border: 1px solid #E8E8E8; position: relative; top: -482px; left: 0px; }
.bigshow img { width: 800px; height: 800px; margin-right: 10px; }

.smallshow { width: 100%; height: 70px; position: relative }
.smallshow img { width: 100%; border: 1px solid #e8e8e8; box-sizing: border-box; transition: all 0.5s; margin-top: 5px; }
.smallshow > .middle_box { margin-left: 30px; margin-right: 30px; width: 340px; overflow: hidden; height: 70px; }
.smallshow .middle { overflow: hidden; transition: all 0.5s; height: 70px; }
.smallshow .middle > li { width: 60px; height: 60px; float: left; cursor: pointer; padding: 0 4px; }
.smallshow > p { position: absolute; top: 50%; width: 22px; height: 32px; margin-top: -16px; }
.smallshow > .prev { left: 0; background: url(../images/hover-prev.png) no-repeat; transition: all 0.5s }
.smallshow > .next { right: 0; background: url(../images/hover-next.png) no-repeat; transition: all 0.5s }
.smallshow > .prev.prevnone { left: 0; background: url(../images/prev.png) no-repeat; cursor: not-allowed }
.smallshow > .next.nextnone { right: 0; background: url(../images/next.png) no-repeat; cursor: not-allowed }

.market_lot { margin-left: 20px; float: left; width: 400px; height: 400px; overflow: hidden; }
.market_lot .pname { font-size: 20px; color: #ff0000; margin-bottom: 20px; line-height: 35px; }
.market_lot .pno { font-size: 16px; margin-top: 10px; }
.market_lot .pstock { font-size: 16px; margin-top: 10px; }
.market_lot .pmarket { font-size: 16px; line-height: 30px; }
.market_lot p { margin-top: 15px; }
.market_lot .pcolor { padding-top: 10px; }
.market_lot .pcolor a { display: block; width: 100px; background-color: #e62129; color: #fff; height: 30px; line-height: 30px; border-radius: 5px; text-align: center; font-size: 15px; }
.market_lot .pcolor a:hover { background: #dcdcdc; color: #e62129; }


/*相关产品*/
.relatedproducts { margin-top: 20px; }
.relatedproducts .sort i { margin-right: 8px; }
.relatedproducts .sort { font-size: 16px; font-weight: bold; border-bottom: 1px #dcdcdc solid; height: 35px; line-height: 35px; color: #e62129; }
.relatedproducts ul { margin-top: 10px; }
.relatedproducts ul li { width: 230px; height: 250px; float: left; overflow: hidden; background: #f5f5f5; margin-bottom: 20px; }
.relatedproducts ul li .photo { width: 200px; height: 200px; overflow: hidden; margin: 10px 20px; }
.relatedproducts ul li .photo img { width: 200px; height: 200px; border-radius: 5px; }
.relatedproducts ul li .name { height: 50px; line-height: 25px; text-align: center; padding: 0 20px; }



/*新闻动态*/

.news { width: 865px; margin-bottom: 30px; margin: 0 auto; }
.news .sorts li { float: left; margin-right: 30px; font-size: 18px; }
.news .sorts li.hover a { color: #1579bc; }

.newslist ul { }
.newslist li { float: left; width: 820px; padding: 10px 0; margin-top: 20px; border-bottom: 1px solid #dcdcdc; }
.newslist li:hover { border-bottom: 1px solid #1579bc; }
.newslist .photo { float: left; width: 300px; margin-right: 40px; height: auto; overflow: hidden; }
.newslist li img { height: 180px; width: 300px; object-fit: cover; }
.newslist .text { width: 480px; height: 225px; overflow: hidden; }
.newslist .name { width: 480px; font-size: 18px; font-weight: bold; overflow: hidden; line-height: 35px; }
.newslist .time { font-size: 14px; line-height: 24px; }
.newslist .note { width: 480px; font-size: 14px; line-height: 22px; height: 72px; margin-top: 15px; overflow: hidden; }


.newsright { float: right; width: 315px; background: #ededed; padding: 10px; }
.newsright .title { font-size: 20px; text-align: center; padding: 20px; border-bottom: 1px #fff solid; }
.newsright .items { margin: 20px 15px; width: 275px; overflow: hidden; }
.newsright .items .photo { width: 275px; height: 275px; overflow: hidden; border-radius: 5px; }
.newsright .items .photo img { width: 275px; height: 275px; object-fit: cover; }
.newsright .items .name { line-height: 25px; text-align: left; font-size: 14px; font-weight: bold; padding: 10px; }


.shownews { width: 1000px; margin: 0 auto; padding-bottom: 30px; }
.shownews .articletitle { font-size: 24px; font-weight: bold; height: 35px; line-height: 35px; text-align: center; }
.shownews .articlefrom { margin-top: 20px; border-bottom: 1px #dcdcdc solid; padding-bottom: 20px; text-align: center; }
.shownews .articlefrom ul { text-align: center; width: 100%; height: 100%; }
.shownews .articlefrom li { display: inline; margin-right: 20px; }
.shownews .articlefrom li i { margin-right: 10px; }

.shownews .articlecontent { margin-top: 30px; }
.shownews .articlecontent p, .shownews .articlecontent section { margin-top: 15px; font-size: 16px; line-height: 30px; }
.shownews .articlecontent img { max-width: 1000px; }

/*下一篇*/
.pagenext { border-top: 1px solid #dcdcdc; padding: 10px; font-size: 16px; line-height: 35px; margin: 10px 0; }
.pagenext a:hover { color: #ff0000; }



/*分页控件*/
.pagelist { clear: both; margin-top: 30px; margin-bottom: 20px; height: 50px; text-align: center; }
.pagelist ul { list-style-type: none; }
.pagelist li { display: inline; }
.pagelist li a { padding: 8px 15px; border: 1px solid #dcdcdc; margin-right: 10px; }
.pagelist li:hover a, .pagelist li.hover a { border: 1px solid #e62129; background: #e62129; color: #fff; }

.video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video iframe,
.video object,
.video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*在线留言表格*/
.uctable { width: 95%; overflow: hidden; border: 1px solid #EEE; font-size: 16px; }
.uctable * a { color: #0066CC; font-size:16px;}
.uctable * a:hover { color: #FF0000; text-decoration: underline; }
.uctable tr th { background: #FFE; border-bottom: 1px solid #DBDFE1; padding: 10px; }
.uctable tr td { padding: 5px 10px; color: #333; vertical-align: top; border-bottom: 1px solid #F0F0F0; }
.uctable input, .uctable button { padding: 5px; border: 1px solid #dcdcdc; font-size: 16px; }