@charset "UTF-8";
/*
* @ description: 仅用于产品中心展示页样式
* @ author: jonwel
* @ update: (2017.v2.0)
*/


*{padding: 0;margin: 0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b,u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td ,button,input{margin: 0px; padding: 0px; border: 0px none; outline: 0px none; font-size: 100%; vertical-align:baseline;background: none repeat scroll 0% 0% transparent;}
ol,ul,li{list-style:none;}


body{font:12px "microsoft yahei", Tahoma, Arial, Helvetica, Sans-serif;color:#666;}

a{text-decoration:none; outline: none; cursor:pointer;color:#8D8D8D; }
a:hover{color: #ff6600;}

.clear{clear: both;margin-bottom: 10px;}

.banner{width: 100%;height: 447px;background: url(https://img.alicdn.com/imgextra/i1/2783343422/TB2McETmQqvpuFjSZFhXXaOgXXa-2783343422.jpg) top center no-repeat;}

/*标题区域样式*/
.content{}
.title{width: 1200px;height: 120px;margin:30px auto -30px;text-align: center;}
.title h2{font-size: 28px;font-weight: bold;text-shadow: 2px 2px 5px #ccc;}
.title h3{font-size: 18px;}

/*之推荐产品区域*/
.tui{width: 1200px;height: auto;margin:0 auto;}
.tui_l{float: left;width: 500px;margin-left:20px;}
.tui_r{float: left;width: 660px; margin-left:20px;}
.tui_r_1{}
.tui_r_2{margin-top: 30px;}
.tui_r_3{margin-top: 30px;}
.tui_r_3 a{margin-right: 30px; }
.tui_r_4{margin-top: 50px;}
.tui_r_4 a{display: inline-block;width: 120px;height: 30px;line-height: 30px;background: #2786E0;color: white;text-align: center;margin-right: 30px;}
.tui_r_4 a:hover{background: #0D4FD9;color: white;}

 /*产品列表展示区域*/
.list{width: 1200px;height: auto;margin:10px auto;}
.list li{width: 258px;height: auto;border: 1px solid #E5E5E5;margin:20px;float: left;transition: all 0.36s;padding-bottom: 10px; }
.list li .img{width: 258px;overflow: hidden;}
.list li img{width: 258px;transition: all 0.36s;}
.list li .name{line-height: 36px;padding: 0 10px}
.list li .des{padding: 6px;height: 43px;overflow: hidden;}
.list li .more {text-align: center;margin-top: 20px;}
.list li .more a{display: inline-block;width: 80px;height: 30px;line-height: 30px;margin: 0 10px;}
/*.list li:hover img{opacity: 0.8;transform:scale(1.2,1.2);}*/
.list li:hover{box-shadow: 0 0 20px #333;}
.list li:hover .more a{color: #ff6600;font-weight: bold;}


/*列表页区域样式开始*/
.list3{width: 1200px;min-height: 360px;margin:10px auto;}
.list3 li{float: left;width: 258px;border:1px solid #E5E5E5;margin:20px;position: relative;}
.list3 li .img{width: 258px;background: #F65563;text-align:center;}
.list3 li img{height: 258px;transition: all 0.8s;/*opacity: 0.8;*/}
.list3 li h3{height: 52px;line-height: 26px;padding-left: 10px;margin-top: 5px;}
.list3 li .jiage{height: 30px;margin-top: 10px;padding-left: 10px;}
.list3 li .jiage b{color: #ff6600;font-weight: bold;float: left;}
.list3 li .jiage span{color: #555;float: right;padding-right: 10px;font-weight: bold;}
.list3 li:hover{box-shadow: 0 0 20px #333;}
/*.none {background: #EBF3FA;}*/
.none .circle{width:68px;height:68px;background: url(img/icon_circle.png) center center no-repeat;position: absolute;top:30%;left: 35%;transition: all 0.8s;transform: translate(-200px,0);opacity:0;}
.none .zoom{width:33px;height:33px;background: url(img/icon_zoom.png) center center no-repeat;position: absolute;top:36%;left: 43%;transition: all 0.8s;transform: translate(200px,0);opacity:0;}
.list3 li:hover img{opacity: 0.3;}
.list3 li:hover .none .circle{transform: translate(0,0);opacity:1;}
.list3 li:hover .none .zoom{transform: translate(0,0);opacity:1;}
.shop_more a{display: block;width: 260px;height: 50px;line-height: 50px;text-align: center;border:1px solid #FEC30A;border-radius: 15px;background: #FEC30A;color: white;margin:20px auto;font-size:16px;}