.shoppingBanner .item{height: 450px;background-size:cover;}
.shoppingBanner .owl-page{opacity: 0.4;width: 12px;height: 12px;border-radius: 6px;}
.shoppingBanner .owl-page.active{opacity: 1;background: #fff;width: 12px;}
.shoppingBanner{position: relative;}
.shoppingNav .width{position: absolute;top: 0;height:450px;left: 50%;width:540px;margin-left: -640px;overflow: hidden;}

.posiWidth{position: absolute;left:0;top:0;width:540px;height: 450px;}
.leftMenu{ width: 250px;background: #265390;}
.leftMenu .dd{height: 74px;border-bottom: 1px solid #5175a6;cursor: pointer;transition: 0.5s;-webkit-transition: 0.5s;}
.leftMenu .dd.on{background: #2d64ae;}
.leftMenu .dd .zhu{padding: 12px 20px;overflow: hidden;display: block;line-height: 24px;}
.leftMenu .dd .zhu>p{ height:28px; overflow:hidden;}
.leftMenu .dd .zhu>h4{font-size: 18px;color: #fff;}
.leftMenu .dd .zhu>p a{color: #98acd1;font-size: 14px; padding-right:10px;}
.leftMenu .dd .zhu>p a:hover{ color:#fff;}
.rightMenu{position: absolute;left: 250px;top: 0;width: 290px;}
.rightMenu dl dd{display:none;padding-top:10px;height: 440px;position: absolute;left: 0;top: 0;width: 100%;background: url(/images/blue.png) repeat;}
.rightMenu dl dd a{display: block;line-height: 36px;color: #fff;border-bottom: 1px solid #6186b8;font-size: 14px;margin: 0 18px;}
.rightMenu dl dd a:hover{color: #00B6FF;}


.titleH1{border-bottom: 1px solid #d9d9d9;margin-bottom: 12px;}
.titleH1 h1{float: left;font-size: 24px;color: #0d386d;position: relative;line-height: 39px;padding-bottom: 5px;}
.titleH1 h1 span{position: absolute;left: 0;bottom: -1px;width: 100%;height: 2px;background: #0D386B;}
.titleH1 a.more{float: right;display: block;line-height: 20px;color: #47c2e9;font-size: 14px;margin-top: 15px;}
.titleH1 a.more span{font-family: \5B8B\4F53;margin-left: 2px;}
.titleH1 a.more:hover{color: #0D386D;}
.product{padding: 25px 0;}
.productDL{ margin-left: -1%;}
.productDL .dd{float: left;width: 24%;margin-left: 1%;margin-bottom: 1%;}
.productHotlunbo  .dd{ margin:0; width:100%;}
.productHotlunbo{ margin-left:-2px;}
.productHotlunbo .owl-pagination{ position:static; margin-top:15px;}
.productHotlunbo .owl-pagination .owl-page{ background:#ccc; width:12px; height:12px; border-radius:6px;}
.productHotlunbo .owl-pagination .owl-page.active{ background:#204270;}

.productDL .dd a{display: block;border: 1px solid #e7e7e7;background: #fff;}
/*.productDL .dd a .img{height: 245px;padding: 30px 70px;}*/
.productDL .dd a .img div{transition: 0.5s;-webkit-transition: 0.5s;background-size: contain !important;height: 100%;}
.productDL .dd a .img{ overflow:hidden;}
.baibai{ width:100%; min-height:229px;}
.baibaiBan{ position:absolute; left:20%; top:50%; margin-top:-93px; display:block;  width:60%;}
.productDL .dd a .img div:hover{transform: scale(1.1);-webkit-transform: scale(1.1);}
.productDL .dd .txt{padding: 9px 15px;border-top: 1px solid #E7E7E7;transition: 0.5s;-webkit-transition: 0.5s;}
.productDL .dd .txt >span{display: inline-block;*display: inline;*zoom: 1;padding-left: 18px;background: url(/images/more1.png) no-repeat left center;font-size: 12px;color: #43618c;transition: 0.5s;-webkit-transition: 0.5s;}
.productDL .dd .txt >span:hover,.listNav .hot dl dd span:hover{color: #B71B2C;background: url(/images/more2.png) no-repeat left center;}
.productDL .dd .txt h4{color: #333; height:20px; width:100%;overflow: hidden;}
/*.productDL .dd .txt h4{position:relative;line-height:1.6em;height:3.2em;overflow:hidden; }
.productDL .dd .txt h4::after { content:"..."; font-weight:bold; position:absolute; bottom:0;right:0; padding:0 20px 1px 45px; background:url(http://css88.b0.upaiyun.com/css88/2014/09/ellipsis_bg.png) repeat-y;}*/
.productDL .dd:hover a,.productDL .dd:hover .txt{border-color: #26aad8 ;}

.hotProduct_1,.hotProduct_3{background: #f7f7f7;}
.kindProduct{position: relative;padding-left: 325px; min-height:597px;}
/*.kindProduct .productDL .dd a .img{height: 190px;padding: 20px 45px;}*/
.productLeft{position: absolute;left: 0;top:0;width: 310px;height: 98.4%;}
.productLeft .top{height: 412px;}
.productLeft .top div{ height: 100%; position:relative;}
.productLeft .bottom ul{padding: 0 3px;}
.productLeft .bottom ul li{float: left;width: 48%;padding: 0 1%;}
.productLeft .bottom ul li a{display: block;line-height: 36px;background:url(/images/bjt.png) no-repeat 95% center;border-bottom: 1px dashed rgba(255,255,255,0.3);*border-bottom: 1px dashed #f5f5f5;font-size: 14px;color: #fff;padding-left: 5px;}
.productLeft .bottom ul li a:hover{color: #B71B2C;background:url(/images/hjt.png) no-repeat 95% center;}
.hotProduct_1 .productLeft{background: #569bc6;}
.hotProduct_2 .productLeft{background: #69b1c4;}
.hotProduct_3 .productLeft{background: #4cbcb8;}
.hotProduct_4 .productLeft{background: #5785c4;}
.hotProduct_1 .titleH1 h1{color: #569bc6;}
.hotProduct_1 .titleH1 h1 span{background:#569bc6;}
.hotProduct_2 .titleH1 h1{color: #69b1c4;}
.hotProduct_2 .titleH1 h1 span{background:#69b1c4;}
.hotProduct_3 .titleH1 h1{color: #4cbcb8;}
.hotProduct_3 .titleH1 h1 span{background:#4cbcb8;}
.hotProduct_4 .titleH1 h1{color: #5785c4;}
.hotProduct_4 .titleH1 h1 span{background:#5785c4;}
.hotProduct_1 .productLeft .top{background:#6ab3e0 url(/images/fmbg.png) no-repeat center top;}
.hotProduct_2 .productLeft .top{background:#8ed4e6 url(/images/fmbg.png) no-repeat center top;}
.hotProduct_3 .productLeft .top{background:#61d9d5 url(/images/fmbg.png) no-repeat center top;}
.hotProduct_4 .productLeft .top{background:#6a9ce0 url(/images/fmbg.png) no-repeat center top;}

.newsHot{background: #fff;margin: 0px 0 30px 0;font-size: 14px;}
.newsHot a{display: block;float: left;padding: 0 25px;color: #888;border-right: 1px solid #f1f1f1;line-height: 40px;}
.newsHot a.active,.newsHot a:hover{color: #B71B2C;}

.listNav{background: transparent;z-index: 10;position: relative;}
.listNav >h1{padding-right: 15px;position: relative;z-index: 3;}
.listNav >h1 >span{display: block;background: url(/images/aa.png) no-repeat right center;cursor: pointer;}
.listNav .da .link{display: block;background: url(/images/jiantou.png) no-repeat right center;height: 37px;line-height: 37px;color: #333;font-size: 14px;}
.listNav .da .padding{padding: 0 20px;border-bottom: 1px solid #f1f1f1;}
.listNav .all{background: #fff;padding-bottom: 15px;}
.listNav .da.active .link,.listNav .da:hover .link{background: url(/images/jiantou_.png) no-repeat right center;color: #B71B2C;}
.listNav .dd.active .link{background: url(/images/jiantou_2.png) no-repeat right center;}
.listNav .hot{margin-top: 18px;}
.listNav .hot .tit{line-height: 40px;background: #b71b2c;font-size: 18px;position: relative;}
.listNav .hot .tit>span{display: inline-block;padding-left: 20px;color: #fff;}
.listNav .hot .tit>a{position: absolute;right: 15px;top: 0;font-size: 14px;color: #fff;}
.listNav .hot dl{padding-bottom: 45px;background:#fff;}
.listNav .hot dl dd{position: relative;padding-left: 95px;padding-top: 15px;padding-bottom: 15px;border-bottom: 1px solid #f1f1f1;}
/*.listNav .hot dl dd:nth-last-child(1){border-bottom: 0;}*/
.listNav .hot dl dd .save{position: absolute;left: 15px;top: 16px;width: 65px;height: 65px;border: 1px solid #ECECEC;background-size: 80% 80% !important;}
.listNav .hot dl dd h5{font-size: 14px;line-height: 20px;height: 40px;overflow: hidden;margin-bottom: 6px;}
.listNav .hot dl dd span{display: inline-block;*display: inline;*zoom: 1;padding-left: 18px;background: url(/images/more1.png) no-repeat left center;font-size: 12px;color: #43618c;}
.listNav .hot dl dd a{display: block;padding-right:15px;}
.listNav .hot dl dd span:hover{color: #B71B2C;}
.listNav .history .tit{background: #204270;}
.listNav .history dl dt{text-align: center;font-size: 14px;line-height: 40px;}
.listNav .history dl{padding-bottom: 0;}
.listNav .posiWidth{top: 70px;display: none;}


/*产品列表*/
.currentPage{margin-bottom: 12px;}
.currentPage h1{float: left;color: #20416f;font-size: 24px;line-height: 24px;padding-right: 20px;margin-right:20px;border-right: 1px solid#bdbdbd;}
.currentPage > div > a{float: left;display: block;line-height: 23px;}
.currentPage > div > a:hover{border-color: #26aad8;}
.currentPage .zt{color: #26aad8;font-size: 13px;padding: 0 30px 0 5px;border: 1px solid #a8a8a8;margin-right: 10px;text-transform: uppercase;position: relative;}
.currentPage .zt em{transition: 0.5s;-webkit-transition: 0.5s; position: absolute;right: 0px;top: 0px;width: 25px;height: 100%;background: url(/images/close.png) no-repeat center;}
.currentPage .zt em:hover{background:#26aad8 url(/images/closew.png) no-repeat center;}
.currentPage .zt span{color: #666;}
.currentPage .remove{font-size: 14px;color: #333;}
.currentPage .remove:hover{color: #26aad8;}
.shoppingList dl{font-size: 14px;background: #fff;border: 1px solid #e7e7e7;border-bottom: 0;margin-bottom: 12px;}
.shoppingList dl dd{position: relative;padding:10px 88px;border-bottom: 1px solid #e7e7e7;}
.shoppingList dl dd label{position: absolute;left: 0;top: 0;line-height: 44px;color: #333;width: 80px;text-align: right;font-weight: bold;}
.shoppingList dl dd .manyOf{font-size: 0;line-height: 24px;height: 24px;overflow: hidden;}
.shoppingList dl dd .manyOf a{white-space:nowrap;display:block;float:left;font-size: 13px;color: #26aad8;padding-right: 21px;}
.openOrColse{position: absolute;right: 0;top: 0;line-height: 44px;width: 88px;text-align: center;background: #fff;color: #666;cursor: pointer;}
.openOrColse img{transition: 0.5s;-webkit-transition: 0.5s;margin-left: 5px;}
.openOrColse.active img{transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.shoppingList dl dd .manyOf a:hover{color: #B71B2C;}
.productDL.productDLShpping .dd a .img{height: 184px;padding: 30px 40px; height:auto; padding:0; overflow:hidden;}
.productDL.productDLShpping{margin-left: -2.5%;}
.productDL.productDLShpping .dd{ width: 22.5%;margin-left: 2.5%;margin-bottom: 2.5%;+margin-left: 2.2%;}
.productDL.productDLShpping .dd .txt .zan{color: #888;font-size: 14px;}
.productDL.productDLShpping .dd .txt .zan em{color: #f3c200;}
.productDL.productDLShpping .dd .gwc{padding: 5px 10px 0 10px;}
.productDL.productDLShpping .dd .gwc a{line-height: 24px;font-size: 12px;text-align: center;}
.productDL.productDLShpping .dd .gwc a span{display: inline-block;*display: inline;*zoom: 1;padding-left: 22px;}
.productDL.productDLShpping .dd .gwc a.a1{float: left; width: 35%;color: #afafaf;border: 1px solid #afafaf;}
.productDL.productDLShpping .dd .gwc a.a1 span{background: url(/images/zan.png) no-repeat left center;}
.productDL.productDLShpping .dd .gwc a.a1:hover, .productDL.productDLShpping .dd .gwc a.cur{border-color: #f3c200;color: #f3c200;}
.productDL.productDLShpping .dd .gwc a.a1:hover span, .productDL.productDLShpping .dd .gwc a.cur span{background: url(/images/zan2.png) no-repeat left center;}
.productDL.productDLShpping .dd .gwc a.a2{float: right; width: 61%;color: #b71b2c;border: 1px solid #b71b2c;}
.productDL.productDLShpping .dd .gwc a.a2 span{background: url(/images/gwc.png) no-repeat left center;}
.productDL.productDLShpping .dd .gwc a.a2:hover, .productDL.productDLShpping .dd .gwc a.a2.cur{background: #B71B2C;color: #fff;}
.productDL.productDLShpping .dd .gwc a.a2:hover span, .productDL.productDLShpping .dd .gwc a.a2.cur span{background: url(/images/gwc1.png) no-repeat left center;}
.productDL.productDLShpping .dd a{border: none;}
.productDL.productDLShpping .dd .aBorder{border: 1px solid #e7e7e7;background: #fff;padding-bottom: 16px;transition: 0.5s;-webkit-transition: 0.5s;}
.productDL .dd .txt{padding: 9px 10px;}
.productDL.productDLShpping .dd:hover .aBorder{border-color:#26aad8 ;}

.qiehuan .xiaotu{ position:relative; width:100%; height:110px; margin-top: 30px;}
.qiehuan .xtu{ position:relative; margin:0px auto; overflow:hidden; height:100px;}
.qiehuan .xtu dl{ position:absolute; height:100px; left:0px; top:0px;}
.qiehuan .xtu dl dd{ position:relative; width:95px; margin-right:10px; height:95px; float:left;cursor:pointer;background-size: 70% !important;background-color: #fff !important;}
.qiehuan .xtu dl dd.current{color:yellow;}
.xiaotu .prev{ display:inline-block;  cursor:pointer; width:37px; height:37px;background:url(/images/bb1.jpg) no-repeat; position:absolute; left:0px; top:35px;}
.xiaotu .next{ cursor:pointer; display:inline-block;  width:37px; height:37px;background:url(/images/bb2.jpg) no-repeat; position:absolute; right:0px; top:35px;}
.qiehuan .xtu dl dd span{display: block;border: 1px solid #eeeeee;height: 93px;transition: 0.5s;-webkit-transition: 0.5s;}
.qiehuan .xtu dl dd.current span{border-color: #00B6FF;}
#ink_showImg { height: 530px; width: 53%; position: relative; float: left;z-index: 5;}
#ink_showImg .small_pic {background: #eee; position: relative; height: 100%;}
#ink_showImg .float_layer { width: 150px; height: 150px; border: 1px solid #204270; background: #204270;z-index: 1; filter: alpha(opacity: 40); opacity: 0.4; position: absolute; top: 0; left: 0; display:none; }
#ink_showImg .mark {width:100%; height:100%; position:absolute; z-index:6; left:0px; top:0px; /*background:red; filter:alpha(opacity:0); opacity:0;*/}
#ink_showImg .big_pic {background: #F5F5F5; position: absolute; top: 0px; left: 100%; width:88.5%; height:100%; overflow:hidden; display:none; }
#ink_showImg .big_pic img {/*position:absolute; top: -30px; left: -80px;*/position: relative; min-width: 800px;min-height: 800px;width: 800px\9;height: 800px\9;}
#ink_showImg .small_pic .img{background: #fff;  height:100%; width: 100%;position: absolute;left: 0;top: 0;display: none;/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/datu1.jpg',sizingMethod='scale');*/}
#ink_showImg .small_pic .img div{height: 90%;margin: 5% 40px;background-size:contain !important;}
.allImg{ width: 100%; height: 100%;}
.inkJanjie{float: right;width: 46%;background: #fff;height: 530px;}
.inkJanjie .padding{padding: 26px;}
.inkJanjie .padding .dd1{font-size: 24px;color: #26aad8;}
.inkJanjie .padding .dd2{font-size: 14px;color: #888;line-height: 24px; position:relative;}
.inkJanjie .padding .dd2 em{color: #f3c200;}
.inkJanjie .padding .price { font-weight:bold; color:#b71b2c;font-size: 18px;}
.inkJanjie .padding .dd2 a{color: #888;display: inline-block;*display: inline;*zoom: 1;padding-left: 20px;background: url(/images/zan2.png) no-repeat left center;margin-left: 40px;}
.inkJanjie .padding .dd3 li{line-height: 28px;color: #333;}
.inkJanjie .padding .dd3 li span{color: #888;}
.inkJanjie .padding .dd3{ height: 205px;overflow: hidden;margin-top: 15px;}
.inkJanjie .padding .dd4 .a{display: inline-block;*display: inline;*zoom: 1;text-align: center;line-height: 42px;font-size: 18px;color: #fff;padding: 0 15px; cursor:pointer; *display:inline;*zoom:1;}
.inkJanjie .padding .dd4 .a1{background: #26aad8;margin-right: 10px;}
.inkJanjie .padding .dd4 .a2{background: #b71b2c; position:relative;}
.inkJanjie .padding .dd4 .a img{margin-right: 10px;}
.inkJanjie .padding .dd4 .a:hover{background: #0D386B;}
.inkJanjie .padding .dd4{font-size: 0;padding-bottom: 30px;border-bottom: 1px dashed #e1e1e1;}
.shipingTiy{background: #fff;line-height: 50px;margin-bottom: 10px;margin-top: 10px;}
.shipingTiy li{position: relative;width: 146px;text-align: center;color: #b5b5b5;font-size: 18px;font-weight: bold;float: left;cursor: pointer;transition: 0.2s;-webkit-transition: 0.2s;}
.shipingTiy li span{position: absolute;left: 0;bottom: 0;height: 3px;width: 100%;background: #e1e1e1;}
.shipingTiy li.on span{background: #0E386A;}
.shipingTiy li.on a{color:#0E386A;}
.shipingTiy li a{color: #b5b5b5;}
.zixunUL{border-top:1px solid #fff; display:none; position:absolute; left:0; top:100%; padding:30px 30px 20px 30px; background:url(/images/qq4.png) repeat; z-index:8;}
.zixunUL li a{border-radius:7px; display:block; text-align:center; color:#666; line-height:20px; width:205px; padding:8px 0; border:2px solid #fff; background:#fff;}
.zixunUL li a:hover{border-color:#b71b2c;}
.inkJanjie .padding .dd4 .a2:hover ul{ display:block;}

.zixunUL li a img{ margin:0; padding:0; margin-right:14px;}
.zixunUL li{ margin-bottom:10px; font-size:16px;}
.bianjieInputPadding{padding:15px 25px;background: #fff;margin-bottom: 10px;}
.bianjieInputPadding .dd{border-bottom: 1px dashed #E1E1E1;}
.bianjieInputPadding .dd img{width: 100%;}
.bianjieInputPadding .dd .txt1{font-size: 18px;color: #26aad8;padding: 30px 0 15px 0;}
.bianjieInputPadding .dd .txt2{padding: 20px 0;color: #666;}
.bianjieInputPadding .items3{background: #fff;color: #b71b2c;font-size: 14px;line-height: 34px;}
.bianjieInputPadding .items3 .dt a{color: #0e386a;}
.bianjieInputPadding .items3 .dt a:hover{text-decoration: underline;}
.maodian{ padding-bottom: 50px;}
.bianjieInputPadding2{padding: 35px;}
.allDL{border: 1px solid #e5e5e5;border-bottom: 0;}
.allDL dl dt{line-height: 48px;height:48px;padding-left: 15px;color: #26aad8;font-size: 18px;border-bottom: 1px solid #E5E5E5;}
.allDL dl dd{line-height: 38px;height: 38px;overflow: hidden;border-bottom: 1px solid #E5E5E5;}
.allDL dl dd div>span{display: block;padding-left: 15px;color:#666;height: 100%;}
.allDL dl dd div{line-height: 38px;height: 38px; ;}
.allDL dl dd .li2 span{border-left: 1px solid #E5E5E5;border-right: 1px solid #E5E5E5;}
.allDL dl dd .li1{float: left;width: 20%;}
.allDL dl dd .li2{float: left;width: 60%;}
.allDL dl dd .li3{float: left;width: 20%;}


.shipingTiy.active{position: fixed;right: 50%;top: 0;width: 1000px;margin:0;margin-right: -640px;background: #26aad8;}
.shipingTiy.active li span{height: 0;}
.shipingTiy.active li a{color: #fff;}
.shipingTiy.active li.on{background: #43618c;}
div.zoomDiv {
				z-index: 999;
				position: absolute;
				top: 0px;
				left: 0px;
				width: 200px;
				height: 200px;
				background: #ffffff;
				display: none;
				text-align: center;
				overflow: hidden;
			}
			
			div.zoomMask {
				position: absolute;
				background: rgba(0,0,0,0.2);
				cursor: move;
				z-index: 10;
				width: 150px !important;
				height: 150px !important;
			}
			div.zoomDiv img{ width:800px;position: relative;}
/*@media only screen and (max-width:1300px) {
	.shoppingNav .width{ margin-left: -540px;}
	.autowidth{ width: 1080px;}
	.listNav{ width:20%;}
	.rightNav{ width: 79%;}
	.styleList .dd .position .txt{ line-height: 22px;}
	.teacherDt .right{ width: 780px;}
	.questionsDL .dd h3{font-size: 14px;}
	.plandetailDL .dd .fl{ width: 255px;}
	.shipingTiyUL .items1 .fr{ width: 800px;}
	.shipingOpen .left,.shipingOpen .left .video_s .box, .shipingOpen .left .video-js{ width: 800px !important; height: 420px !important;}
	.shipingOpen .right{ width: 280px;height: 420px;}
	.videoListElse .zR{ width: 160px;margin-left: 15px;font-size: 14px;}
	.videoListElse .zL{font-size: 14px;}
	.shipingTiy.active{margin-right: -540px;width: 853px;}
	.leftMenu{ width: 216px;}
	.rightMenu dl dd{ left: -35px;}
}*/