@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: 250px; position: relative; overflow: hidden; margin-top: 50px; }
.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.hover a, .insidenav .sort li:hover a { color: #14a83c; }


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



.insideleft { float: left; width: 260px; margin-bottom: 20px; }
.insideleft .sortsname {  width: 220px; height: 45px; line-height: 45px; text-indent: 20px; font-size: 18px; background: #14a83c; 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; }
.insideleft .sortslist li a:hover, .insideleft .sortslist li.hover a { width: 200px; display: block; background: #14a83c; 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; }

/*产品展示*/
.productslist { overflow: hidden; padding: 20px 0; }
.productslist .items { float: left; margin:20px 10px; width: 285px; overflow: hidden; padding-bottom:30px;}
.productslist .items .photo { width: 280px; height: 280px; overflow: hidden; border-radius: 5px;border:1px #dcdcdc solid; }
.productslist .items .photo img { width: 280px; height: 280px; object-fit: cover; }
.productslist .items .name { line-height:25px; text-align: center; font-size: 12px; font-weight: bold; height:70px;overflow:hidden;padding:10px;}
.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: #14a83c; 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: 400px; overflow: hidden; height: 70px; }
.smallshow .middle { overflow: hidden; transition: all 0.5s; height: 70px; }
.smallshow .middle > li { width: 64px; height: 64px; float: left; cursor: pointer; padding: 0 5px; }
.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:#14a83c;color:#fff;height:30px;line-height:30px;border-radius:5px;text-align:center;font-size:15px;}
.market_lot .pcolor a:hover{background:#dcdcdc;color:#14a83c;}


/*相关产品*/
.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:#14a83c; }
.relatedproducts ul { margin-top: 10px; }
.relatedproducts ul li { width: 230px; height: 300px; 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; }


/*客户案例*/

.caselist { margin-top: 10px; }
.caselist { width: 1200px; margin: 0 auto; }
.caselist li { width: 200px; height: 100px; float: left; position: relative; }
.caselist li img { max-width: 150px; max-height: 50px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }

.showcase { margin-top: 10px; margin-bottom: 20px; }
.showcase .articlephoto img { border-radius: 5px; }
.showcase .articletitle { margin: 10px 0; font-size: 18px; }
.showcase .articlecontent p { margin-top: 10px; }


/*新闻动态*/

.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; }
.newsright .title { font-size: 20px; }
.newsright .list { background: #dcdcdc; padding: 20px; margin-top: 20px; min-height: 300px; text-indent: -10px; }
.newsright .list li { line-height: 30px; margin-left: 10px; }
.newsright .list li i { color: #666; margin-right: 8px; }*/

.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 #14a83c; background: #14a83c; 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; }
.uctable * a { color: #0066CC; }
.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; }