@charset "utf-8";
/* CSS Document */
/*
*********************************
武汉中网维优网络科技有限公司
http://www.wuhan163.com
联系电话：027-87862018
客服QQ：15035405
*********************************
*/
/*----------------------------通用---------------------------------------*/




body { font-size: 14px; font-family: "Raleway", Arial, Helvetica, sans-serif; background: #fff; }
* { padding: 0; margin: 0; }
a { text-decoration: none; color: #333; }
ul, li { list-style: none; }
img { border: 0; max-width: 100%; }
input, textarea { font-family: "Raleway", Arial, Helvetica, sans-serif; outline: none; }
.cl { clear: both; height: 0px; }
.fl { float: left; }
.fr { float: right; }
.all { width: 1200px; margin: 0 auto; }
.all1 { width: 1200px; margin: 0 auto; overflow: hidden; }
/*--head--*/


.head { width: 100%; height: 85px; background: #fff; box-shadow: 0px 1px 5px 0px #666; z-index: 99999; position: fixed; top: 0; left: 0; }
.logo { width: 166px; height: 85px; position: relative; margin-right: 100px; }
.logo img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: 80px; }
.nav ul li { float: left; position: relative; height: 85px; line-height: 85px; }
.nav ul li:after { content: ''; width: 10px; height: 10px; background: #11929f; position: absolute; right: 0; top: 50%; transform: translateY(-50%); border-radius: 50%; }
.nav ul li a { display: block; font-size: 12px; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; padding: 0 30px; }
.hr { height: 5px; }
.son { position: absolute; top: 85px; left: 50%; transform: translateX(-50%); background: #fff; display: none; }
.son dd { position: relative; }
.son dd a { display: block; padding: 0px 12px 0px 12px; line-height: 35px; background: #222327; border-top: none; color: #ccc; width: 250px; border-left: none; text-align: left; text-transform: capitalize; box-sizing: border-box; }
.son dd a:hover { background: #11929f; color: #333; }
.nav ul li:hover .son { display: block; }
.son2 { display: none; position: absolute; left: 250px; top: 0; }
.son dd:hover .son2 { display: block; }
#wrapper { margin-top: 85px; }



/*--banner--*/
.w-banner { width: 100%; height: 500px; overflow: hidden; position: relative; margin-top:85px;  }
.w-banner .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; }
.w-banner .bd ul { width: 100% !important; }
.w-banner .bd li { width: 100% !important; height: 500px; overflow: hidden; text-align: center; }
.w-banner .bd li a { display: block; height: 400px; }
.w-banner .hd { width: 100%; position: absolute; z-index: 1; bottom: 0; left: 0; height: 30px; line-height: 30px; }
.w-banner .hd ul { text-align: center; }
.w-banner .hd ul li { cursor: pointer; display: inline-block; width: 10px; height: 10px; margin: 1px 3px 1px 1px; overflow: hidden; background: #3F3B3B; opacity: 0.5; line-height: 999px; border-radius: 50%; }
.w-banner .hd ul .on { background: #fff; }
.w-banner .prev, .w-banner .next { display: block; position: absolute; z-index: 1; top: 50%; left: 15%; z-index: 1; width: 34px; height: 60px; background: url(img/pro.png) -104px -120px no-repeat; cursor: pointer; opacity: 0.5; display: none; }
.w-banner .next { left: auto; right: 15%; background-position: -70px -120px; }


/*--首页商品列表--*/


.index-pro-list { padding: 90px 0; }
.index-pro-list li { width: 25%; margin-bottom: 40px; float: left; padding: 0 15px; box-sizing: border-box; }
.img-responsive { border: 1px solid #fff; transition: .5s; }
.img-responsive:hover { border-color: #11929f; }
.index-pro-list .price { margin-bottom: 10px; font-size: 16px; color: #11929f; line-height: 1.8em; height: 2rem;}
.index-pro-list p { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;height: 2rem; }
.index-pro-list p a { line-height: 1.8em; color: #888; }
.index-pro-list p a:hover { text-decoration: underline; color: #555; }



/*--首页关于我们--*/


.index-about { padding: 90px 0; background: #11929f; }
.index-about-left { width: 520px; margin-right: 30px; border-radius: 6px; overflow: hidden; }
.index-about-right { width: 650px; }
.index-about-right h3 { font-size: 24px; color: #fff; margin-bottom: 20px; line-height: 40px; border-bottom: 1px solid #fff; }
.index-about-right p { font-size: 14px; color: #fff; margin-bottom: 15px; line-height: 1.5em; }
.btn-primary { background: #181A1C; border: 1px solid #585858; padding: 6px 10px; font-size: 14px; margin-top: 10px; font-weight: 400; color: #fff; display: inline-block; }
/*--foot--*/


.foot { background: #111; color: #ccc; padding: 80px 0 30px 0; }
.foot-desc { width: 25%; padding: 0 15px; line-height: 1.8em; box-sizing: border-box; float: left; }
.logo-small { max-height: 70px; margin-bottom: 20px; }
.foot h3 { margin-bottom: 20px; }
.foot-nav { width: 50%; float: left; }
.col3 { width: 33.33%; padding: 0 15px; box-sizing: border-box; float: left; }
.col3 dd a { display: block; padding: 0 0 5px 0; color: #ccc; font-size: 14px; font-weight: 500; line-height: 1.8em; border-bottom: solid 1px #222; }
.col3 dd a:hover { text-decoration: underline; color: #555; }
.foot-contact { width: 25%; float: left; }
.address span { display: block; border-bottom: solid 1px #222; line-height: 1.5em; padding-bottom: 5px; margin-bottom: 5px; font-weight: 300; }
.address span a { font-size: 14px; color: #ccc; line-height: 1.5em; }
.address span strong { width: 60px; display: inline-block; color: #11929f; }
.copy { background: #0b0b0b; padding: 30px 0 20px 0; font-size: 14px; color: #ccc; }
/*--商品列表页--*/


.nav-banner {     height: 250px;margin-top: 85px; background:url(/skin/img/subheader-bg.jpg) center no-repeat; }
.nav-banner-con { overflow: hidden; }
.nav-banner-con h1 { color: #eceff3; margin-top: 80px; font-size: 32px; letter-spacing: 5px; padding-right: 40px; margin-right: 40px; text-transform: uppercase; }
.position, .position a { font-size: 14px; color: #11929f; }
.porduct-left { width: 75%; padding: 0 15px; box-sizing: border-box; }
.porduct-right { width: 25%; padding: 0 15px; box-sizing: border-box; }
.search input { display: block; width: 75%; height: 34px; float: left; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; box-sizing: border-box; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; }
#btn-search { background: #11929f url(img/search.png) no-repeat center; border: none; padding: 7px; width: 25%; height: 34px; }
.search { padding-bottom: 20px; border-bottom: 1px solid #999; }
.widget h4 { text-transform: uppercase; padding: 20px 0; font-size: 16px; letter-spacing: normal; letter-spacing: 1px; line-height: 1.5em; }
.widget ul li { width: 100%; padding: 8px 20px 8px 20px; margin-bottom: 8px; background: #111; text-transform: uppercase; background: #eee; }
.widget ul li a { display: block; }
/*--联系我们--*/


.contact-con { padding: 90px 0; }
.col-m-6 { width: 50%; padding: 0 15px; box-sizing: border-box; }
.contact-left { font-size: 16px; color: #333; line-height: 1.5em; }
.contact-left h2 { font-weight: 500; font-size: 30px; margin-bottom: 30px; line-height: 1.2em; }
.contact-right label { position: relative; display: block; width: 100%; margin-bottom: 10px; }
.contact-right label input, .contact-right label textarea { display: block; width: 100%; font-size: 14px; font-weight: 400; line-height: 1.2; color: #333; background: #fff; padding: 0 15px; border: 1px solid #666666; }
.contact-right label input { height: 40px; }
.contact-right label textarea { height: 150px; padding: 15px; }
.sub-but input { padding: 1px 6px; font-size: 16px; color: #333; height: 30px; }
/*--内页--*/


.article-left { width: 75%; padding: 0 15px; box-sizing: border-box; }
.team-article-box { background: #FFFFFF; border: 20px solid #FFFFFF; box-shadow: 0 5px 30px 0 rgba(140,153,191,0.40); font-size: 16px; color: #666; line-height: 32px; min-height: 600px; }
.team-article-left { width: 30%; }
.team-article-right { width: 70%; font-size: 16px; color: #666; line-height: 32px; }
.team-article-right h2{ margin:1.2rem 0;}
.team-article-right div{}

.team-article-left .title { width: 100%; height: 40px; line-height: 40px; font-size: 18px; color: #333333; text-align: center; }
/*--搜索结果--*/
.index-pro-list2{ padding-top:90px;} 
.team-article-box3{}
.team-article-box3 ul{}
.team-article-box3 ul li{ padding: 2rem 0 2rem 0; border-bottom:1px solid #eee;}
.team-article-box3 ul li h3{ line-height:2rem;}
.team-article-box3 ul li p{ line-height:2rem;}
.team-article-box3 ul li span{  line-height:2rem; }
.team-article-box3 ul li span a{ color:#11929f;  }


/* pages */

.pages UL { text-align: center; }
.pages UL LI { width: auto; border: 1px solid #ccc; margin-bottom: 30px; color: #888; display: inline-block; padding: 0 10px; text-align: center; margin-right: 6px; height: 33px; line-height: 33px; }
.pages UL LI span { line-height: 35px; margin: 0 10px; }
.pages UL LI a { display: block; color: #888; }
.thisclass { display: block; }
.pages UL LI select { border: 0; background: none; color: #888; }
.pages UL LI:hover { border: 1px solid #11929f; color: #11929f; }
.pages UL LI:hover a { color: #11929f; }
.thisclass { background: #11929f !important; border: 1px solid #11929f !important; color: #fff !important; }
.thisclass a { color: #fff !important; }
.nexc_c { }
.nexc_c li{ width: 46%; height:2rem; line-height:2rem; border: 1px solid #ccc; float:left; margin:10px 5px 0 0; font-size:12px;}


.nexc_c li:hover { border: 1px solid #11929f; color: #11929f; }
.nexc_c a { display: block;}
.plist_c { }
.plist_c p { height: 1rem; }


.chaty {
    position: fixed;
    bottom: 15px;
    right: 15px;
    transition: all .5s;
    border-radius: 50%;
    cursor: pointer;
}
.chaty img{ overflow:hidden; height:54px; width:54px;border-radius: 50%; }