@charset "utf-8";
/* CSS Document */
body{ margin:0px; padding:0px; font-size:14px; background:#FFF; line-height:30px; font-family:"Microsoft Yahei", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333;}
ul,li,ol{ margin:0px; padding:0px; list-style:none;}
a{ color:#333; text-decoration:none;}
img{ border:0px;}
.clear{ clear:both; display:block;}

.index{ clear:both; width:1200px; margin:15px auto; }
.indexpic{ clear: both; display: block; width: 100%; height: 3258px; background: url(../images/indexpic.jpg) center top no-repeat; }

.topText{ clear: both; display: block; height: 30px; background: #f2f2f2; border-bottom: 1px solid #e3e3e3;}
.topTextC{ clear: both; display: block; width: 1200px; margin: 0px auto;}
.topTextLeft{ float: left; display: block;}
.topTextLeft a{ margin-right: 15px; }
.erweima{ display: none; position: absolute; top: 31px;  z-index: 200;}
.erweima img{ border: 0px; width: 180px; }

.topTextRight{ float: right; display: table-cell; height: 30px; text-align: right;}
.topTextRight a{ margin: 0px 10px;}
.topTextRight img{ border: 0px; margin-top: 3px;}


.top{ clear: both; display: block; }
.topC{ clear: both; display: block; width: 1200px; height: 120px; position: relative; margin: 0px auto;}
.logo{ position: absolute; left: 0px; bottom: 20px; width: 250px; }

.logo a{ display: flex; }
.logo-img{ display: flex; margin-right: 10px; }
.logo-img img{ border: 0px; width: 75px; height: 65px; }

.logo-txt{ display: flex; flex-direction: column; text-align: center; }
.logo-txt strong{ clear: both; display: block; font-size: 30px; color:#910000; margin-bottom: 10px; }
.logo-txt span{ clear: both; display: block; font-size: 18px; color:#910000; }



.search{ position: absolute; left: 350px; bottom: 30px; width: 450px; height: 40px;}
.search from{ position: relative; width: 100%; height: 30px;}
.searchInput{ width: 380px; height: 30px; border: 3px solid #910000; position: absolute; right: 0px; top: 0px; text-indent: 1em; font-size: 16px; }
.searchBtn{ width: 40px; height: 36px; border: none; position: absolute; right: 0px; top: 0px; background: #910000; width: 80px; text-align: center; font-size: 18px; color: #FFF; font-family: "Microsoft Yahei"; cursor: pointer; }



/* menu style ========================================= */
.menu{ clear: both; display: block; height: 40px; border-bottom: 2px solid #910000; }
.nav { clear: both; display: block; width: 1200px; height: 40px; margin: 0px auto;}
.nav li { display: inline-table; float: left; position: relative; height: 40px; }
.nav li.last { background: none;}
.nav li:hover{ background: #910000; }
.nav li span a{ clear: both; display: block; width: 100%; height: 40px; line-height: 40px; font-size: 16px; padding: 0px 40px;}
.nav li:hover span a{ color: #fff; }
.nav .on{ clear: both; display: block; background: #910000; width: auto; color: #fff; }
.nav li.selected .submenu { display: block; }
.nav li .submenu { display: none; position: absolute; top: 42px; left: -145px; width: 600px; z-index: 10000; background: #FFF; border-left: 1px solid #f7f7f7; box-shadow: 0px 0px 20px #999; }
.secondMenu{ float: left; display: inline-table; width: 199px; height: 200px; border-bottom: 1px solid #f7f7f7; border-right: 1px solid #f7f7f7;  }
.secondMenu strong{ clear: both; display: inline-block; border-bottom: 2px solid #343434; margin: 15px;}
.thirdMenu{ clear: both; display: block; }
.thirdMenu a{ display: inline-table; margin-left: 15px; font-size: 12px;}


.indexContent{ clear:both; display:block;}



.indexFix{ clear: both; display: block; width: 100%; height: 460px; position: relative; border-bottom: 1px solid #ccc; }
.indexMenuF{ position: absolute; top: -42px; left: 50%; margin-left: -600px; background-color: #910000; color: #fff; font-size: 16px; text-align: center; width: 210px; height: 42px; line-height: 42px; }
.indexFixC{ position: absolute; left: 50%; margin-left: -600px; height: 460px; z-index: 300; }

/* index list tree */
.indexFixList{ float: left; display: block; width: 210px; height: 460px; background: #fff;  }
.indexFixList a:hover{ color: #910000; }
.listTree ul{ margin: 0px; padding: 0px; position: relative; }
.listTree ul li{ clear: both; display: block; height: 55px; border-bottom: 1px solid #e3e3e3; line-height: 55px; }
.listTree ul li ul{ position: absolute; width: 100%; height: 460px; left: 210px; top: 0px; display: none; background-color: #f7f7f7; border-left: 1px solid #e3e3e3; padding: 10px 0px; }


.listLA{ clear: both; display: block; }
.listLA a{ font-size: 16px; color: #000; }
.listLA i{ margin: 0px 15px 0px 20px; display: inline-block; color: #910000; font-size: 24px; height: 55px; line-height: 55px; }
.listLA span{ float: right; margin-right: 10px; }
.listLA span i{ margin: 0px 10px 0px 0px; color: #666; font-size: 14px; }

.listTree ul li ul li{ clear: both; display: block; height: 40px; line-height: 40px; overflow: hidden; left: 210px; margin: 0px 20px; font-size: 12px; }
.listTree ul li ul li a{ font-size: 14px; }





/* index login */
.indexFixLogin{ float: right; display: none; width: 210px; height: 460px; background: URL(../images/loginBg.png) left top repeat; position: relative; }

.indexLogin{ clear: both; display: block; margin: 15px; color: #fff; }
.indexLogin a{ color: #fff; }
.loginPic{ clear: both; display: block; text-align: center; }
.loginPic i{ display: inline-block; width: 90px; height: 90px; line-height: 90px; font-size: 50px; border: 5px solid #fff; border-radius: 50%; }
.loginText{ clear: both; display: block; margin: 15px 0px; text-align: center; }
.loginBtn{ clear: both; display: block; }
.loginBtn a{ clear: both; display: block; height: 45px; line-height: 45px; text-align: center; font-size: 18px; cursor: pointer; background-color: #910000; }
.loginOut{ clear: both; display: block; margin-top: 15px; }
.loginOther{ clear: both; display: block; margin-top: 15px; text-align: center; font-size: 12px; }
.loginOther a{ margin: 0px 15px; }



.wechatLogin{ width: 210px; position: absolute; left: 0px; bottom: 10px; text-align: center; }
.wechatLogin i{ display: inline-block; width: 90px; height: 90px; line-height: 90px; font-size: 50px; border: 5px solid #fff; border-radius: 50%; color: #fff; }
.wechatLogin p{ margin: 0px; padding: 0px; }
.wechatLogin a{ clear: both; display: block; color: #fff; }



/* banner style start */
.flexslider { position: relative; height: 460px; overflow: hidden; }
.slides { position: relative; z-index: 1;}
.slides li { height: 460px; }
.slides li a{ clear:both; display:block; width:100%; height:460px;}
.flex-control-nav { position: absolute; bottom: 20px; z-index: 400; width: 100%; text-align: center;}
.flex-control-nav li { display: inline-block; width: 14px; height: 14px; margin: 0 5px; *display: inline; zoom: 1;}
.flex-control-nav a { display: inline-block; width: 14px; height: 14px; line-height: 50px;  border-radius: 50%; background: #ccc; overflow: hidden; cursor: pointer;}
.flex-control-nav .flex-active { background: #910000;}

.pageBanner{ clear: both; display: none; }



/* index list */

.tabTitClass{ clear: both; display: block; width: 100%; height: 42px; border-bottom: 1px solid #e3e3e3; position: relative; overflow: hidden; }

.tabTitMore{ position: absolute; left: 0px; bottom: 5px; font-size: 18px; font-weight: bold; color: #910000; }



.tabTit{ position: absolute; right: 0px; bottom: 0px; height: 42px; border-bottom: 1px solid #e3e3e3; }
.tabTit span{ float: left; display: inline-block; height: 42px; line-height: 42px; background: #e2dbcb; font-size: 16px; padding: 0px 20px; border-left: 1px solid #fff; cursor: pointer; }



.tabTit .active{ background: #910000; color: #fff; }
.tabContent{ clear: both; display: none; margin-bottom: 30px; }
.tabContent ul{ clear: both; display: block; height: 680px; background: #fff; }

.tabContent li{ float: left; display: block; width: 239px; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; }
.tabContent li:hover{ border-bottom: 1px solid #910000; }
.tabContent li div{ clear: both; display: block; width: 239px; height: 239px; }
.tabContent li div img{ border: 0px; width: 239px; height: 239px; }
.tabContent li span{ clear: both; display: block; margin: 10px 15px; height: 40px; line-height: 20px; overflow-y: hidden; }
.tabContent li p{ clear: both; display: block; color: #910000; font-size: 20px; margin: 0px 15px 10px; }
.tabContent li p i{ float: right; display: inline-block; width: 30px; height: 30px; line-height: 30px; color: #fff; background: #910000; text-align: center; border-radius: 50%; font-size: 24px; }
.tabContent li p i:hover{ background: #f00; }


/* index news list */
.indexNews{ clear: both; display: block; }
.indexNewsOne{ float: left; display: block; width: 390px; margin-right: 15px; background: #fff; }
.indexNewsOne:nth-child(3){ margin-right: 0px; }

.indexNewsTit{ clear: both; display: block; }
.indexNewsTit span{ float: left; display: inline-block; padding: 0px 15px; background: #910000; color: #fff; }
.indexNewsTit a{ float: right; display: inline-block; margin-right: 5px; }

.indexnewsList{ clear: both; display: block; margin: 10px; }
.indexnewsList li{ clear: both; display: block; height: 32px; line-height: 32px; border-bottom: 1px solid #e3e3e3; }



/* copy style */
.copyMenu{ clear: both; display: block; border-top: 1px solid #e3e3e3; padding: 20px 0px; }
.copyMenu ul{ clear: both; display: block; width: 1200px; margin: 0px auto; }
.copyMenu li{ float: left; display: block; width: 200px; margin-left: 80px; border-right: 1px solid #e3e3e3; }
.copyMenu li:nth-child(4n){ border-right: 0px; }
.copyMenu li p{ clear: both; display: block; font-weight: bold; font-size: 16px; color: #000; }
.copyMenu li a{ clear: both; display: block; }


.copyOther{ clear: both; display: block; background: #e7e8eb; padding: 30px 0px; }
.copyOther ul{ clear: both; display: block; width: 1200px; margin: 0px auto; }
.copyOther ul li{ float: left; display: block; width: 240px; }
.copyOther ul i{ float: left; display: block; width: 40px; height: 40px; line-height: 40px; background: #910000; margin-right: 15px; text-align: center; color: #fff; font-size: 24px; font-style: normal; }
.copyOther ul strong{ display: block; clear: right; height: 20px; line-height: 20px; }
.copyOther ul span{ display: block; height: 20px; line-height: 20px; }


.copyText{ clear: both; display: block; padding: 50px 0px; text-align: center; }




.copyright{ clear: both; display: block; background: #404040;}
.copytext{ clear: both; display: block; width: 1200px; margin: 0px auto; padding: 20px 0px;}

.backToTop{ position: fixed; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0px 0px 10px #666; cursor: pointer; right: 20px; bottom: 20px; background: URL(../images/backTop.png) center 50% no-repeat; }



/* location style */
.location{ clear: both; display: block; width: 1200px; margin: 10px auto; }


/* left style */

.left{ float:left; width:190px; border-top: 3px solid #910000;}
.firList{ clear: both; display: block; height: 35px; line-height: 35px; background: #e3e3e3; text-indent: 1em; cursor: pointer; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; }
.firList .cur{ color: #910000; font-weight: bold;}
.secList{ clear: both; display: block; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; padding-bottom: 10px; }
.secList li{ clear: both; display: block; margin: 0px 30px; border-bottom: 1px dashed #e3e3e3; }
.secList a{ clear: both; display: block; }
.secList .cur a{ color: #910000; }

/* product sub left style */
.leftTit{ clear: both; display: block; height: 35px; line-height: 35px; background: #f4f4f4; text-indent: 1em; cursor: pointer; border: 1px solid #e3e3e3; }
.leftProductList{ clear: both; display: block; border: 1px solid #e3e3e3; border-top: 0px;}
.leftProductList li{ clear: both; display: block; margin: 0px 10px 10px; border-bottom: 1px solid #f5f5f5; padding: 10px 0px;}
.leftProductList li div{ clear: both; display: block; text-align: center;}
.leftProductList li div img{ border: 0px; max-width: 90%; height: 110px;}
.leftProductList li span{ clear: both; display: block; height: 30px; line-height: 30px; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center;}
.leftProductList li strong{ clear: both; display: block; text-align: center; font-size: 16px; color: #910000;}



/* right style */
.right{ float: right; width: 995px;}
.rightTitle{ clear: both; display: block; height: 38px; line-height: 38px; border: 1px solid #e3e3e3; background: #f4f4f4; margin-bottom: 15px; }
.rightTitle span{ display: inline-block; margin: 7px 0px 0px 10px; height: 25px; line-height: 25px; background: #e3e3e3; text-indent: 0px; padding: 0px 10px; }
.rightTitle .cur{ background: #910000;}
.rightTitle .cur a{ color: #FFF;}



/* sub product content style */
.productList{ clear:both; display:block;}
.productList li{ float: left; display: block; width: 222px; margin: 0px 10px 20px; border: 3px solid #FFF; background: #FFF;}
.productList li:hover{ border: 3px solid #910000;}
.productListC{ clear: both; display: block; border: 1px solid #f4f4f4;}
.productListPic{ clear: both; display: block; width: 160px; height: 160px; vertical-align: middle; text-align: center; margin: 15px auto;}
.productListPic img{ border: 0px; max-width: 160px; max-height: 160px; width: 160px \9; height: 160px \9;}
.productListTit{ clear: both; display: block; height: 40px; line-height: 40px; overflow: hidden; margin: 0px 10px; text-overflow: ellipsis; white-space: nowrap;}
.productListPrice{ clear: both; display: block; margin: 0px 10px; height: 40px; line-height: 40px; font-size: 20px; color: #910000;}



/* zoom img style */
.productPicList{ float: left; display: block; width: 320px; }
.focusPic{ clear: both; display: block; border: 1px solid #e3e3e3; text-align: center; }
.focusPic img{ border: 0px; height: 300px; }


.focusList{ clear: both; display: block; margin-top: 10px; }
.focusList a{ float: left; display: inline-block; width: 62px; height: 62px; overflow: hidden; margin-right: 10px; }
.focusList a img{ border: 1px solid #e3e3e3; width: 60px; height: 60px; }
.focusList a img:hover{ border: 1px solid #910000; }

.Selector.Active img { border: 1px solid #910000; }


/* product info */
.productInfoList{ float: right; display: block; width: 640px;}
.productTitle{ clear: both; display: block; line-height: 35px; font-size: 20px; }
.productText{ clear: both; display: block; margin: 15px 0px; font-size: 12px; color: #999; line-height: 22px; }
.productInfo{ clear: both; display: block; height: 35px; line-height: 35px; margin: 20px;}
.productInfo span{ float: left; display: inline-block; width: 50px;}
.productInfo strong{ font-size: 20px; font-weight: bold; color: #910000;}


.productBuy{ clear: both; display: block; border: 1px solid #ffe6ca; background: #fffdf4; margin: 20px 0px;}
.buyNum a{ display: inline-block; width: 30px; height: 30px; line-height: 30px; font-size: 20px; cursor: pointer; border: 1px solid #e3e3e3; text-align: center;}
.buyNum #buyNum{ display: inline-block; width: 30px; height: 30px; line-height: 30px; font-size: 20px; cursor: pointer; border: 1px solid #e3e3e3; text-align: center; color: #910000;}
.buyNum{ clear: both; display: block; margin: 20px;}

.order_btn{ clear: both; display: block; margin: 20px;}
.order_btn input{ border: none; font-family: "Microsoft Yahei"; cursor: pointer; display: inline-block; width: 150px; height: 40px; line-height: 40px; text-align: center; background: #910000; color: #FFF; font-size: 20px;}



.productTextTitle{ clear: both; display: block; height: 40px; line-height: 40px; background: #f7f7f7; border: 1px solid #e3e3e3; border-top: 3px solid #910000; text-indent: 1em; font-size: 18px; color: #910000; margin: 50px 0px 30px;}
.productTextContent{ clear: both; display: block;}
.productTextContent img{ border: 0px; max-width: 1200px;}




/* sub news content style */
.newsList{ clear:both; display:block;}
.newsList li{ float: left; display: block; width: 380px; margin: 0px 15px 25px 0px; background: #f0f0f0;}
.newsList li:hover{ background: #258fa5; color: #FFF;}
.newsList li:hover a{ color: #FFF;}
.newsList li:hover img{ opacity: 0.6;}
.newsList li img{ border: 0px; width: 380px; height: 188px;}
.newsList p{ clear: both; display: block; margin: 5px 20px; padding: 0px;}
.newsList p a{ clear: both; display: block; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}


.newsTitle{ clear: both; display: block; height: 70px; line-height: 70px; font-size: 26px; font-weight: bold; color: #910000; text-align: center; border-bottom: 1px solid #f6f6f6;}
.newsInfo{ clear: both; display: block; text-align: center; padding: 20px 0px;}
.newsInfo span{ display: inline-block; margin: 0px 15px;}
.newsContent{ clear: both; display: block; margin: 20px 0px; font-size: 16px; line-height: 30px; color: #666;}
.newsContent p{ margin: 0px;}
.newsContent img{ clear: both; display: block; border: 0px; margin: 15px auto; text-align: center;}



/* page style */
.page{ clear: both; display: block; text-align: right; margin: 50px 10px 50px 0px;}
.page a{ display: inline-block; padding: 0px 10px; height: 30px; line-height: 30px; border: 1px solid #ccc; margin-right: 7px;}
.page b{ display: inline-block; padding: 0px 10px; height: 30px; line-height: 30px; border: 1px solid #910000; background: #910000; color: #FFF; margin-right: 7px;}

.pageList{ clear: both; display: block; height: 60px; line-height: 60px; font-size: 16px; border-top: 1px solid #e3e3e3;}
.pageList a{ font-size: 16px;}
.pageList span{ float: right;}

.pageContent{ clear: both; display: block; font-size: 16px; margin: 30px 0px;}



/* user center style */

/* login.php */
.user_login{ clear: both; display: block; width: 800px; margin: 30px auto; padding: 50px 0px; border: 1px solid #910000; box-shadow: 0px 0px 5px #666;  }

.user_li{ clear: both; display: block; width: 500px; height: 50px; line-height: 50px; margin: 10px auto;}
.user_li_text{ float: left; display: block; width: 100px; line-height: 35px; font-size: 14px;}
.user_li_input{ float: left; display: block;}
.user_li_input input{ border: 1px solid #e3e3e3; height: 30px; line-height: 30px; width: 335px; font-size: 18px; color: #666; text-indent: 1em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.user_li_input img{ border: 0px; cursor: pointer; width: 70px; height: 26px;}

.user_btn{ clear: both; display: block; text-align: center;}
.user_btn input{ border: 0px; width: 170px; height: 45px; line-height: 45px; font-size: 20px; color: #FFF; font-family: "Microsoft Yahei"; text-align: center; background: #910000; margin: 0px 15px; cursor: pointer;}


.user_title{ clear: both; display: block; text-align: center; font-size: 20px; font-weight: bold;}
.user_text_align{ clear: both; display: block; margin: 10px 0px; text-align: center;}
.user_text_align a{ margin: 0px 15px;}


/* user common */
.user_index{ clear: both; display: block; width: 1200px; margin: 20px auto;}
.user_right{ float: right; width: 990px; border: 1px solid #e3e3e3; border-top: none; }
.user_location{ clear: both; display: block; height: 30px; background: #f4f4f4; height: 35px; line-height: 35px; border-top: 3px solid #910000; border-bottom: 1px solid #e3e3e3; text-indent: 1em;}
.user_right_table{ clear: both; display: block; margin-bottom: 20px;}
.user_left_list{ clear: both; display: block; border: 1px solid #e3e3e3; padding: 10px 0px 20px;}
.user_left_list li{ clear: both; display: block; height: 35px; line-height: 35px; border-bottom: 1px dashed #e3e3e3; margin: 0px 15px;}

/* cp.php */
.user_cp_right{ clear: both; display: block; margin: 20px; }
.user_cp_pic{ float: left; display: block; width: 150px; margin: 0px 20px;}
.user_cp_text{ float: left; display: block; width: 400px;}
.user_cp_text span{ clear: both; display: block; }

/* orderList.php */
.user_order_list{ clear: both; display: block; margin: 20px;}
.user_order_list li{ clear: both; display: block; height: 40px; line-height: 40px; overflow: hidden; border-bottom: 1px solid #e3e3e3;}
.user_order_list li strong{ font-size: 16px;}
.user_order_name{ float: left; display: block; width: 430px; overflow: hidden;; text-overflwo: ellipsis; white-space: nowrap;}
.user_order_num{ float: left; margin-left: 15px; display: block; width: 80px;  text-align: center;}
.user_order_time{ float: right; width: 90px; height: 40px; overflow: hidden;}


/* float div */
#roll{width:auto; position:absolute; background:#FFF; z-index:100000; border: 2px solid #000; box-shadow: 0px 0px 10px #FFF;}
#roll img{ border: 0px; }