@charset "utf-8";
html{ font:normal 62.5%/2.4em '微软雅黑',arial, \5b8b\4f53,"Hiragino Sans GB",sans-serif;}
body{position:relative;font-size: 12px; margin:0px; padding:0px; margin:0px auto;/* font-size:12px;*/ width:100%;  zoom:1; background-color: #fff; color: #555;}
*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
ul,li,form, dl,dt,dd, div{ padding: 0px; margin: 0px; list-style-type:none;}
/*.ul,.ul li{ list-style:none;}*/
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;font-weight: normal;}
select,input,textarea{ border-radius:0; -webkit-border-radius:0;font:normal 62.5%/2.4em '微软雅黑',arial, \5b8b\4f53,"Hiragino Sans GB",sans-serif;}
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
address{font-style:normal;}
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ border:none; border:0; max-width:100%; vertical-align:top;}
a{ color: #555; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;}
a:focus {outline:none; -moz-outline:none;}
a:hover{color: #0088d2;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;} 

.justify{text-align:justify;text-justify:distribute-all-lines;text-align-last:justify; overflow:hidden;}
.justify:after{content: ".";display: inline-block;float: left;width: 100%;height: 0px;overflow: hidden;}/*text-align:justify 兼容FF和Chrome*/
.w3em{width: 3em;}
.w4em{width: 4em;}

.clear{ clear:both; overflow:hidden;}
.warp{width: 1366px;max-width: 96%; margin: 0 auto;position: relative;}
.warp2{width: 1440px;max-width: 100%; margin: 0 auto;position: relative;padding-right: 37px;}
.SinglePage{ /*text-justify:inter-ideograph; text-align:justify;*/ word-wrap:break-word; /*clear:both;*/ overflow:hidden;}
/*.SinglePage *,.txtbox *{max-width: 100%;}*/
.hide{ display:none;}
/*.Contain{width: 1280px; max-width: 96%; margin: 0px auto;}*/
.BgGrey{background-color: #f6f8f9;}

.table{display: table;width:100%; height: 100%; position:relative;}
.table .td{display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%; width:100%; }
.table .td .cont{display: block;position:relative; *top:-50%; *left:-50%;}



/*头部*/
.HeaderTop{height: 39px;border-bottom: 1px solid #ddeaed;background-color: #f3f8fa;line-height: 39px;}
.HeaderTop .Lan{float: left;border-left: 1px solid #ddeaed;}
.HeaderTop .Lan a{padding: 0 20px;border-right: 1px solid #ddeaed;display: inline-block;}
.HeaderTop .Right{position: relative;margin-left: 151px;}
.HeaderTop .Right .MemberBtn{float: right;;border-left: 1px solid #ddeaed;}
.HeaderTop .Right .MemberBtn a{border-right: 1px solid #ddeaed;padding: 0 23px 0 45px;display: inline-block;}
.HeaderTop .Right .MemberBtn .btn_login{background: url(../images/btn_login.png) no-repeat 21px 11px;}
.HeaderTop .Right .MemberBtn .btn_register{background: url(../images/btn_register.png) no-repeat 21px 9px;}
.HeaderTop .Right .MemberBtn .btn_buycart{background: url(../images/btn_buycart.png) no-repeat 19px 10px;position: relative;padding-right: 40px;}
.HeaderTop .Right .MemberBtn .btn_order{background: url(../images/btn_order.png) no-repeat 25px center;}
.HeaderTop .Right .MemberBtn .btn_buycart i{display: block; width: 23px;height: 23px;background-color: #ff7800;border-radius: 50%;color: #fff; line-height: 23px;text-align: center;font-style: normal;position: absolute;top: 1px;right: 21px;}
.HeaderTop .Search{float: right;margin-right: 47px;position: relative;padding-right: 24px;}
.HeaderTop .Search input{color: #adadad;font-size: 14px;width: 327px;max-width: 100%;}
.HeaderTop .Search .btn_search{display: block;width: 18px;height: 18px;background: url(../images/ico_search.png) no-repeat;position: absolute;right: 0;top: 10px;}
.HeaderTop .SearchBox{display: none; position: absolute;width: 400px;background-color: #fff; max-width: 100%; right: 436px;top: 39px;z-index: 9; border: 1px solid #c2c2c2;}
.HeaderTop .SearchBox .p{background: #efefef;padding: 0px 10px;height: 30px;line-height: 30px;}
.HeaderTop .SearchBox .p span{float: right;font-size: 12px;color: #575757;}
.HeaderTop .SearchBox .p b{font-weight: bold;}
.HeaderTop .SearchBox .list{padding: 12px 0;}
.HeaderTop .SearchBox li{padding: 12px;}
.HeaderTop .SearchBox li img{width:90px;float: left;padding-right: 12px;}
.HeaderTop .SearchBox li span{font-size: 12px;line-height: 20px;padding: 4% 0;display: block; }
.HeaderTop .SearchBox .a_all{display: block;line-height: 30px;text-align: center;}


.HeaderBot{background: #fff;}
.HeaderBot .warp{height: 100px;}
.Header .Logo{position: absolute; left: 0%;top: 50%;margin-top: -24px;}
.Header .Logo img{height: 48px;}
.Header .MainNav{width: 840px;float: right;max-width: 100%;padding-top: 41px;}
.Header .MainNav ul{}
.Header .MainNav li{float: left;width: 12.5%;position: relative;text-align: center;padding-bottom: 25px;}
.Header .MainNav li a{display: inline-block; padding:0 6px;height: 37px;line-height: 37px;border-bottom:transparent 2px solid;font-size: 16px;color: #555;}
.Header .MainNav li.on a,.Header .MainNav li a:hover{ border-color: #0088d2;}

.blank {clear:both; width:100%; height:142px; display:none;}


.btn_nav{display: none; width: 30px; height: 26px; padding: 11px 0; position: absolute; right: 10px; top: 35px; z-index: 2;}
.btn_nav span{width: 30px; height: 4px; background: #0084d7; display: block;}
.btn_nav::before, .btn_nav::after{content: '';display: block;width: 30px;height: 4px;position: absolute;background: #0084d7;}
.btn_nav::before{top: 0;transition-duration: 300ms;
-moz-transition-duration: 300ms; /* Firefox 4 */
-webkit-transition-duration: 300ms; /* Safari 和 Chrome */
-o-transition-duration: 300ms; /* Opera */}
.btn_nav::after{bottom: 0;transition-duration: 300ms;
-moz-transition-duration: 300ms; /* Firefox 4 */
-webkit-transition-duration: 300ms; /* Safari 和 Chrome */
-o-transition-duration: 300ms; /* Opera */}
.btn_nav.on span{background-color:rgba(0,0,0,0);}
.btn_nav.on::before{-webkit-transform: rotate(45deg);transform: rotate(45deg);top: 11px;}
.btn_nav.on::after{-webkit-transform: rotate(-45deg);transform: rotate(-45deg); bottom: 11px;}

/*尾部*/
.Foot {position:relative; z-index:2; background-color:#f6f8f9;}
.Foot .FootTop{border-top: 1px solid #f0f0f0;}
.Foot .FootTop .warp{padding: 63px 0 5%;}
.FootTop .FootNav{width: 70%;}
.FootTop .FootNav dl{width: 25%;float: left;}
.FootTop .FootNav dt{padding-bottom: 9px;}
.FootTop .FootNav dt .h3{line-height: 1em;padding-bottom: 17px;position: relative;font-size: 16px;padding-top: 25px;}
.FootTop .FootNav dt .h3:after{content: "";display: block;width: 19px;height: 1px;background-color: #696969;position: absolute;bottom: 0px;left: 0;}
.FootTop .FootNav dt a{font-size: 14px;color: #fff;font-weight: bold;}
.FootTop .FootNav dd{padding: 2px 0;}
.FootTop .FootNav dd a{font-size: 14px;color: #909090;}
.FootTop .FootRight{width: 30%;position: absolute;right: 0;top: 63px;}
.FootTop .FootContact{width: 238px;}
.FootTop .FootContact i{display: block;padding-bottom: 7px;}
.FootTop .FootContact .p{font-size: 14px;color: #888888;line-height: 18px;padding: 16px 0 16px 43px;border-bottom: 1px dashed #dbdbdb;background-position: left center;background-repeat: no-repeat;}
.FootTop .FootContact .p{background-image: url(../images/ico_foot_c1.png);}
.FootTop .FootContact .p+.p{background-image: url(../images/ico_foot_c2.png);}
.FootTop .FootContact .p+.p+.p{background-image: url(../images/ico_foot_c3.png);}
.FootTop .FootContact .p+.p+.p+.p{background-image: url(../images/ico_foot_c4.png);}
.FootTop .QRBox{position: absolute;right: 0;top: 85px;text-align: center;}
.FootTop .QRBox img{width: 111px;padding: 5px;border:1px solid #797979;}
.FootTop .QRBox .h3{font-size: 14px;color: #a9a9a9;padding-top: 7px;}
.FootBot{padding: 18px 0;background-color: #f8f8f8;border-top: 1px solid #f0f0f0;}
.FootBot .otherNav{float: left;}
.FootBot .otherNav li{float: left;margin-left: 13px;padding-left: 14px;position: relative;}
.FootBot .otherNav li a{font-size: 12px;color: #888;}
.FootBot .otherNav li:after{content: "";width: 0px;height: 10px;background-color: #a9a9a9;position: absolute;top: 50%;margin-top: -5px;left: 0;border-right: 1px dashed #c8c8c8;}
.FootBot .otherNav li:first-child{margin-left: 0px;padding-left: 0px;}
.FootBot .otherNav li:first-child:after{display: none;}
.FootBot .Copyright{float: right;font-size: 12px;color: #888;}



/*首页*/
.HomBan{position: relative;}
.HomBan .item{ height: 500px;background-repeat: no-repeat;background-position: center;background-size: cover;}
.HomBan .item a{display: block;height: 100%;}
.HomBan .item img{display: none;}
.HomBan .slick-dots{bottom: 32px;position: absolute;text-align: center;width: 100%;}
.HomBan .slick-dots li{width: 12px;height: 12px; background-color: #fff;border-radius: 6px;display: inline-block;margin: 0 10px;}
.HomBan .slick-dots li button{width: 100%;height: 100%;opacity: 0;cursor: pointer;}
.HomBan .slick-dots li.slick-active{background-color: #ff7800;width:32px;}


.HomBan1{position: relative;}
.HomBan1 .item{ height: 320px;background-repeat: no-repeat;background-position: center;background-size: cover;}
.HomBan1 .item a{display: block;height: 100%;}
.HomBan1 .item img{display: none;}
.HomBan1 .slick-dots{bottom: 7px;position: absolute;text-align: center;width: 100%;}
.HomBan1 .slick-dots li{width: 12px;height: 12px; background-color: #fff;border-radius: 6px;display: inline-block;margin: 0 10px;}
.HomBan1 .slick-dots li button{width: 100%;height: 100%;opacity: 0;cursor: pointer;}
.HomBan1 .slick-dots li.slick-active{background-color: #ff7800;width:32px;}

.HomTitle{padding: 82px 0 53px;background: url(../images/ico_homtitle.png) no-repeat top center;text-align: center;}
.HomTitle .h2{padding-bottom: 14px;position: relative;font-size: 30px;line-height: 1em;}
.HomTitle .h2:before{content: "";width: 26px;height: 3px;background-color: #0084d7;position: absolute;left: 50%;margin-left: -13px; bottom: 0px;}
.HomTitle .p{font-size: 14px;color: #888;line-height: 18px;padding-top: 18px;}

.HomPro{position: relative;}
.HomPro1:after{content: ""; position: absolute;width: 100%;height: 50%;background-color: #f6f8f9;left: 0;bottom: 0;}
.HomPro .warp{z-index: 2;}
.HomPro .slider{width: 100%;padding-bottom: 6.6%;}
.HomPro .slick-slide{height: 409px;}
.HomPro .item .Box{width: 310px;background-color: #eef2f4;margin: 0 auto;padding-bottom: 32px;}
.HomPro .item .h3{font-size: 16px;line-height: 1em;padding: 25px 0 32px;text-align: center;position: relative;}
.HomPro .item .h3:after{content: "";width: 24px;height: 1px;background-color: #656565;position: absolute;bottom: 17px;left: 50%;margin-left: -12px;}
.HomPro .item .p{font-size: 12px;color: #777;line-height: 18px;padding: 0px 20px;height: 54px;overflow: hidden;}
.HomPro .slick-prev,.HomPro .slick-next{display: block;width: 15px;height: 26px;position: absolute;top: 29%;margin-top: -13px;background-position: center;background-repeat: no-repeat;border: 0;text-indent: 15px;overflow: hidden;background-color: transparent;}
.HomPro .slick-prev{left: -37px;background-image: url(../images/btn_prev.png);}
.HomPro .slick-next{right: -37px;background-image: url(../images/btn_next.png);}
.HomPro .slick-prev:hover{background-image: url(../images/btn_prevon.png)}
.HomPro .slick-next:hover{background-image: url(../images/btn_nexton.png)}
.HomPro1 .slick-dots{display: none !important;}
.HomPro2 .slick-prev,.HomPro2 .slick-next{display: none !important;}
.HomPro .slick-dots{text-align: center;width: 100%;margin-top: 35px;height: 9px;}
.HomPro .slick-dots li{width: 30px;height: 9px; background-color: #b9b9b9;display: inline-block;margin: 0 10px;}
.HomPro .slick-dots li button{width: 100%;height: 100%;opacity: 0;cursor: pointer;}
.HomPro .slick-dots li.slick-active{background-color: #0086db;}

.HomNews{min-height: 700px;background: url(../images/bg_homnews.jpg) no-repeat center / cover;}
.HomNews .HomTitle{background-image: url(../images/ico_homtitle_w.png);padding-bottom: 22px;}
.HomNews .HomTitle .h2{color: #fff;}
.HomNews .HomTitle .h2:before{background-color: #b4e9ff;}
.HomNews .HomTitle .p{color: #b4e9ff;}
.HomNews .hd{text-align: center;margin-bottom: 22px;}
.HomNews .hd li{display: inline-block;line-height: 30px;border-bottom: 2px solid transparent;margin: 0 15px;}
.HomNews .hd li a{color: #b4e9ff;font-size: 14px;}
.HomNews .hd li.on{border-bottom-color: #fff;}
.HomNews .hd li.on a{color: #fff;font-weight: bold;}
.HomNews .bd li{width: 50%;float: left;padding-bottom: 30px;margin-bottom: 39px;border-bottom: 1px dashed #50ade9;}
.HomNews .bd .item{display: none;}
.HomNews .bd li a{color: #fff;}
.HomNews .bd li .time{width: 60px;float: left;text-align: center;}
.HomNews .bd li .time b{font-size: 42px;font-weight: normal;line-height: 1em;border-bottom: 1px solid #e5e5e5;display: block;margin-bottom: 1px;padding-bottom: 3px;}
.HomNews .bd li .time span{display: block;color: #b4e9ff;font-size: 12px;}
.HomNews .bd li .h3{margin-left: 100px;font-size: 16px;font-weight: bold;padding-bottom: 16px;line-height: 1em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.HomNews .bd li .p{margin-left: 100px;color: #b4e9ff;font-size: 14px;line-height: 20px;height: 40px;overflow: hidden;}
.HomNews .bd li.top{width: 41%;float: right;border-bottom: 0px;background-color: #279ce7;padding: 10px 24px 32px;}
.HomNews .bd li.top .img{padding-bottom: 52px;}
.HomNews .bd li.top .img img{ width:100%;}
.HomNews .bd .more{display: block;width: 118px;height: 34px;line-height: 34px;text-align: center;border:1px solid #3da4e4;font-size: 14px;color: #fff;position: relative;top: -23px;left: 100px;}

.HomAbout{min-height: 615px;}
.HomAbout .HomTitle{padding-bottom: 62px;}
.HomAbout .Left{margin-right: 680px;padding-right: 9%;}
.HomAbout .Left .h3{font-size: 24px;padding-bottom: 23px;}
.HomAbout .Left .p{font-size: 14px;line-height: 30px;padding-bottom: 75px;}
.HomAbout .Left .more{display: block;width: 118px;height: 34px;line-height: 34px;text-align: center;border:1px solid #eeeeee;font-size: 14px;color: #606060;}

.HomAbout .Right{width: 680px;position: absolute;right: 0;top: 90px;}
.HomAbout .slide{position: relative;}
.HomAbout .slide dt{width: 340px;max-width: 100%;float: left;height: 262px;background-color: #f6f8f9;text-align: center;}
.HomAbout .slide dt .h3{font-size: 24px;color: #555;padding: 80px 0 20px;}
.HomAbout .slide dt .h4{font-size: 14px;color: #0084d7;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; padding:0 10px;}
.HomAbout .slide dd{width: 340px;max-width: 100%;float: right;}
.HomAbout .slide .slick-prev,.HomAbout .slide .slick-next{display: block;width: 15px;height: 26px;position: absolute;top: 175px;background-position: center;background-repeat: no-repeat;border: 0;text-indent: 15px;overflow: hidden;background-color: transparent;z-index: 2;}
.HomAbout .slide .slick-prev{left: 144px;background-image: url(../images/btn_prev.png);}
.HomAbout .slide .slick-next{left: 180px;background-image: url(../images/btn_next.png);}
.HomAbout .slide .slick-prev:hover{background-image: url(../images/btn_prevon.png)}
.HomAbout .slide .slick-next:hover{background-image: url(../images/btn_nexton.png)}
.HomAbout .box_video{width: 340px;max-width: 100%;float: left;position: relative;}
.HomAbout .box_video img{width: 340px;height: 262px;max-width: 100%;}

.HomAbout .box_about{width: 340px;max-width: 100%;height: 262px;float: left;background-color: #f6f8f9;padding: 40px 51px 10px;text-align: center;}
.HomAbout .box_about .p{font-size: 14px;color: #888;line-height: 26px;padding-top: 26px;text-align: left;}

.HomBot{padding: 40px 0;}
.HomBot li{width: 25%;float: left;}
.HomBot li a{display: block;margin-left: 1px;padding-top: 47%;position: relative;}
.HomBot li .Img{position: absolute;top: 0px;left: 0;width:100%;}
.HomBot li .Img img{width: 100%;}
.HomBot li .Ico{text-align: center;background-color: #0084d7;padding-bottom: 47%;position: relative;}
.HomBot li .Ico .cont{width: 60px;height: 80px; position: absolute;left: 50%;top: 50%;margin: -40px 0 0 -30px;}
.HomBot li .Ico img{display: block;margin: 0 auto;}
.HomBot li .Ico span{font-size: 18px;color: #fff;}
.HomBot li.even a{padding:0 0 47% 0;}
.HomBot li.even .Img{top: auto;bottom: 0;}
.HomBot li.even .Ico{background-color: #4dc2f1;}

/*内页公共*/
.Banner{ height: 320px;background-repeat: no-repeat;background-position: center;background-size: cover;}
.Banner img{display: none;}
.Location{height: 58px;line-height: 58px; background-color: #f0f6f8;margin-bottom: 34px;}
.Location .h2{font-size: 26px;line-height: 58px;padding-bottom: 34px;padding-left: 70px;background: url(../images/ico_homtitle.png) no-repeat left top;float:left;}
.Location .cont{float: right;padding-left: 21px;font-size: 14px;color: #999; background: url(../images/ico_location.png) no-repeat left center;}
.Location .cont a{color: #999;}
.Location .cont span{color: #0088d2;}
.Sidebar{background: url(../images/ico_homtitle.png) no-repeat left top;width: 324px;float:left; margin-top: -92px;}
.Sidebar .h2{font-size: 26px;line-height: 58px;padding-bottom: 34px;padding-left: 70px;}
.Sidebar .h2 .tit_wap{display: none;}
.Sidebar ul{margin-left: 37px;background-color: #fff;}
.Sidebar li{position: relative; line-height: 58px;border-bottom: 1px solid #f5f7f9;}

.Sidebar li a{display: block;padding: 20px 0;padding-left: 25px;padding-right: 50px;line-height: 20px;font-size: 16px;background: url(../images/arrow_sidebar.png) no-repeat 246px center;position: relative;}
.Sidebar li.on a,.Sidebar ul li:hover>a{background-image: url(../images/arrow_sidebaron.png);color: #0088d2;}
.Sidebar li.on a.a:after,.Sidebar ul li:hover  a.a:after{content:"";width: 4px;height: 58px;position: absolute;left: -4px;top: 50%;margin-top: -29px; background-color: #0088d2;}
/*.Sidebar li .a,.Sidebar li:hover .a{background: url(../images/ico_subnav_colse.png) no-repeat 242px center;}
.Sidebar li.on .a,.Sidebar li.on:hover .a{background-image: url(../images/ico_subnav_open.png);color: #0088d2;}*/
.Sidebar li dl{background-color: #eff5f8;padding: 0 8%;display: none;}
.Sidebar li dd{border-top: 1px solid #e3e9eb;}
.Sidebar li dd a{background: url(../images/arrow_sidebar.png) no-repeat right center;padding-left: 0px;}
.Sidebar li dd:first-child{border-top: 0px;}
.Sidebar li.on dd a{background-image: url(../images/arrow_sidebar.png);color: #555;}
.Sidebar li dd.on a,.Sidebar li dl dd:hover a{background-image: url(../images/arrow_sidebaron.png);color: #0088d2;}

.MemberSidebar{background: none;margin: 0;width: 290px;}
.MemberSidebar .h2{position: relative; background-color: #f6f8f9;line-height: 60px;padding: 0;border-top: 3px solid #0088d2;font-size: 22px;color: #555;padding-left: 27px;}
.MemberSidebar ul{margin-left: 0;}
.MemberSidebar li.on::after,.MemberSidebar ul li:hover::after{display: none;}

.Contain{padding-bottom: 5%;}

.MainContent{margin-left: 390px;background-color: #fff;overflow: hidden;}
.MainContent .ContPadding{padding: 5% 8%;}

.MemberMainContent{margin-left: 350px;}

.MemberCloumn{font-size: 26px;color: #555;line-height: 1em;padding: 106px 0 43px;background: url(../images/ico_homtitle.png) no-repeat top center;text-align: center;}

/*内页公共 end*/

/*pages*/



/*.PageBox{ padding:10px 0; }
.PageBox .Pages{text-align: center;}
.PageBox .Pages a{padding:8px 10px;border:1px solid #ededed; background: #fff; color: #333; font-size: 14px; margin:0 3px;transition: all .5s;}
.PageBox .Pages a:hover,.PageBox .Pages a.a_cur{ background: #bd141d;color: #fff; border:1px solid #bd141d; }
.PageBox .Pages .num{font-style: normal;}
.PageBox .Pages .num a{display: none;}

.PageBox .Pages a{padding:5px 15px;}
.PageBox .Pages .num a{display:inline-block; padding: 3px 15px;}*/
.p_page{overflow: hidden; clear: both; border-radius: 4px; display: inline-block; border: 1px solid #eee;}
.p_curs{    float: left; display: inline-block; color: #23527c; background-color: #fff; border-color: #f9f9f9; padding: 6px 12px; line-height: 1.42857143;  font-size: 14px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; display:none;}
.PageBox{ padding:10px 0; }
.PageBox *{ vertical-align:middle;}
.PageBox .Pages{text-align: center;}
.PageBox .Pages a{/* border:1px solid #ededed; */background: #fff;color: #333;font-size: 14px;margin:0 3px;transition: all .5s;float: left;}
.PageBox .Pages a:hover,.PageBox .Pages a.a_cur{background: #337ab7;color: #fff;}
.PageBox .Pages .num{font-style: normal;}
.PageBox .Pages .num a{display: none;}

.PageBox .Pages a{margin: 0;padding: 6px 12px;line-height: 1.42857143;border-right: 1px solid #eee;}
.PageBox .Pages .num a{display:inline-block;padding: 6px 15px;}
.Pages .i_text{width: 29px;height: 32px;line-height:36px;padding-left: 5px;border:1px solid #ceced5;background: #fff;border-radius: 5px;}
.Pages .i_button{cursor:pointer;background:none;width: 44px;height: 32px;border:1px solid #ceced5;background: #fff;border-radius: 5px;}
.Pages .p_jump b{font-weight:normal; margin:0 5px;}
/*pages end*/


.About .h3{font-size: 22px;color: #333;padding-bottom: 25px;}
.About .p{font-size: 14px;color: #999;line-height: 26px;}
.About .VideoBox{margin: 34px 0;position: relative;}
.About .VideoBox a{display: block;}
.About .VideoBox:after{width:86px;height: 86px;background: url(../images/ico_video_about.png) no-repeat;position: absolute;top: 50%;left: 50%;margin: -43px 0 0 -43px;}

.History dl{padding-bottom: 20px;}
.History dt{border-bottom: 1px solid #ddd;height: 29px;margin-bottom: 12px;}
.History dt span{font-size: 18px;font-weight: bold;color: #0088d2;border-bottom: 1px solid #0088d2;line-height: 28px;display: inline-block;}
.History dd{font-size: 14px;color: #666;background: url(../images/dot_history.jpg) no-repeat left 14px;margin-left: 45px;line-height: 24px;padding: 3px 0 3px 60px; position:relative;}
.History dd span{display: inline-block;width: 40px; position:absolute; left:20px; top:3px;}

.Application{background-color: transparent;}
.Application .h3{font-size: 34px;font-weight: bold;color: #555555;line-height: 1em;padding: 70px 0 36px;}
.Application .p{font-size: 16px;color: #666;line-height: 36px;}
.Application .img img{width: 33%;margin-left: 0.5%; float:left;}
.Application .img img:first-child{margin-left: 0px;}

.NewsList{background-color: transparent;}
.NewsList li{padding: 12px 0 12px 12px;background-color: #fff;margin-bottom: 37px;position: relative;}
.NewsList li a{display: block;}
.NewsList li:after{content: "";display: block; width: 6%;height: 100%;border-left: 1px solid #f6f8f9;background: url(../images/arrow_new.png) no-repeat center;position: absolute;right: 0;top: 0;}
.NewsList li .Img{width: 32%;float: left;}
.NewsList li .Cont{width: 476px; margin-left:36%;max-width: 62%;}
.NewsList li .h3{font-size: 18px;padding: 8% 0 2%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.NewsList li span{font-size: 14px;color: #999;font-style: italic;}
.NewsList li .p{font-size: 14px;color: #555;line-height: 20px;margin-top: 3%;}
.NewsList li:hover{background-color: #0088d2;}
.NewsList li:hover:after{background: url(../images/arrow_newon.png) no-repeat center;border-color: #0088d2;}
.NewsList li:hover .h3{color: #fff;}
.NewsList li:hover span{color: #299bd9;}
.NewsList li:hover .p{color: #fff;}
.NewsList .Pages{padding-top: 40px;}

.NewsShow{padding-left: 4%;padding-right: 4%;padding-bottom: 50px;}
.NewsShow .NsTop{text-align: center;border-bottom: 1px dashed #d8d8d8;margin-bottom: 30px;padding-bottom: 10px;padding-top: 50px;}
.NewsShow .NsTop .h3{font-size: 20px;padding-bottom: 10px;}
.NewsShow .NsTop span{color: #a5a5a5;font-size: 14px;}

.Sample{background-color: transparent;}
.Sample .img{width: 42%;float: left;}
.Sample .Form{width: 55%;float: right;}
.Sample .Form li{margin-bottom: 12px;}
.Sample .Form input{background-color: #fff;width: 380px;height: 50px;line-height: 48px;border:1px solid #d2d2d2;font-size: 16px;color: #000;text-indent: 14px;max-width: 100%;}
.Sample .Form input::-webkit-input-placeholder,
.Sample .Form textarea::-webkit-input-placeholder{ color:#c2c2c2;}
.Sample .Form textarea{background-color: #fff;width: 100%;height: 200px;line-height: 26px;border:1px solid #d2d2d2;font-size: 16px;color: #000;padding: 14px;}
.Sample .Form .btn{width: 380px;height: 60px;line-height: 60px;text-align: center;background-color: #0088d2;font-size: 20px;color: #fff;max-width: 100%;margin-top: 30px;display: block;}

.Sample .MessageBox{width: 45%;float: right;}
.Sample .MessageBox .Box{padding-top: 129px;background: url(../images/img_message.png) no-repeat top center;width: 228px;margin: 0 auto;margin-top: 51px;}
.Sample .MessageBox .h3{font-size: 24px; color: #333;line-height: 1em;}
.Sample .MessageBox span{font-size: 14px;color: #666;line-height: 1em;padding: 18px 0 30px;display: block;}
.Sample .MessageBox .p{font-size: 16px;color: #666;line-height: 30px;}

.Inquiry{background-color: transparent;}
.Inquiry form{width: 780px;max-width: 100%;}
.Inquiry li{margin-bottom: 12px;width: 48.7%;float: left;margin-right: 2.6%;}
.Inquiry li.even{margin-right: 0px;}
.Inquiry li.long{width: 100%;}
.Inquiry input{background-color: #fff; width: 100%;height: 50px;line-height: 48px;border:1px solid #d2d2d2;font-size: 16px;color: #c2c2c2;text-indent: 14px;max-width: 100%;}
.Inquiry textarea{background-color: #fff;width: 100%;height: 200px;line-height: 26px;border:1px solid #d2d2d2;font-size: 16px;color: #c2c2c2;padding: 14px;}
.Inquiry .btn{float: left; width: 380px;height: 60px;line-height: 60px;text-align: center;background-color: #0088d2;font-size: 20px;color: #fff;max-width: 100%;margin-top: 30px;display: block;}

.DownloadList{padding: 2.8% 3.5%;}
.DownloadList ul{padding-bottom: 50px;}
.DownloadList li{position: relative; line-height: 59px;border-bottom: 1px solid #e9e9e9;}
.DownloadList li .h3{font-size: 14px;color: #333;padding-right: 108px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.DownloadList li .a{display: block;width: 90px;height: 30px;line-height: 30px;font-size: 14px;color: #fff;text-indent: 20px;background: #0088d2 url(../images/ico_download2.png) no-repeat 61px center;position: absolute;right: 0;top: 50%;margin-top: -15px;}

.Contact{border:1px solid #e1e1e1;padding: 3%;}
.ContactTop{}
.ContactTop li{float: left;font-size: 14px;color: #666;margin-bottom: 16px;}
.ContactTop li b{color: #000;}
.ContactTop .li1{width: 28%;}
.ContactTop .li2{width: 24%;}
.ContactTop .li3{width: 48%;}
.ContactTop .map{width: 100%;height: 490px;border:1px solid #e1e1e1;margin-top: 24px;}
.ContactList{}
.ContactList li{padding: 4% 0;border-top: 1px dashed #9d9d9d;}
.ContactList li:first-child{border-top: 0px;}
.ContactList .Img{width: 270px;float: left;}
.ContactList .Cont{margin-left: 295px;}
.ContactList .Cont .h3{font-size: 14px;font-weight: bold;color: #000;padding: 3% 0;}
.ContactList .Cont .h3 span{color: #0088d2;padding-right: 16px;}
.ContactList .Cont .p{font-size: 14px;color: #666;line-height: 20px;padding:5px 0;word-break:break-all;word-wrap:break-word;}
.ContactList .Cont .p span{ color:#000; font-weight:bolder;}


.MallBan .item{height: 440px;}
.MallSidebar{position: absolute;left: 0;top: 0; height: 100%;overflow: hidden;width: 277px;}
.MallSidebar ul{background-color: #eef2f4;height: 100%;}
.MallSidebar ul li{background-position: 205px center;}
.MallSidebar ul li a{ font-size: 14px; background-position: 215px center; background-image:url(../images/ico_subnav_colse.png); }
.MallSidebar ul li.on a{ background-image:url(../images/ico_subnav_open.png); }
.MallSidebar ul li:hover a{ background-image:url(../images/ico_subnav_colse.png); }
.MallSidebar ul li.even{/*background-color: #f3f6f7;*/}
.MallSidebar ul li dl a{ padding-bottom: 10px; padding-top:10px; }
.Mall{margin-left: 307px;}
.MallSearch{border:1px solid #ff7800;width: 477px;max-width: 100%;position: relative;margin-bottom: 36px;}
.MallSearch .inputbox{padding-right: 112px; }
.MallSearch input{width: 364px;height: 47px;line-height: 47px;font-size: 16px;color: #999999;padding-left: 5%;}
.MallSearch .btn_search{width: 112px;height: 48px;line-height: 48px;text-indent: 20px;font-size: 20px;color: #fff;background:#ff7800 url(../images/ico_search2.png) no-repeat 70px center;position: absolute;top: 0;right: 0;font-weight: bold;}
.MallGroups {z-index:2; background-color:#f7f8fa;}
.MallGroups dl{position: relative;}
.MallGroups dl dt{width: 86px;height: 36px;line-height: 34px;text-align: center;background-color: #eef2f4;border:1px solid #dddfe0;font-size: 14px;color: #666;float: left;}
.MallGroups dl dd{margin-left:97px;padding-right: 93px;}
.MallGroups dl dd a{margin:0 18px 14px 18px; line-height: 34px;border-bottom: 2px solid transparent;font-size: 15px;color: #666;display: inline-block;position: relative;}
.MallGroups dl dd a:after{content: "";display: block;width: 1px;height: 12px;background-color: #e5e5e5;position: absolute;right: -18px;top: 50%;margin-top: -6px;}
.MallGroups dl dd a.on{color: #0084d7;border-color: #0084d7;}
.MallGroups dl dd a:first-child:after{display: none;}
.MallGroups .btn_more{display: block;width: 86px;height: 32px;text-align: center;line-height: 32px;color: #fff;background-color: #0088d2;border-radius: 5px;position: absolute;top: 2px;right: 0;}
.MallGroups .HeightTab dd{height: 50px;overflow: hidden;}
.MallSort{background-color: #eef2f4;border: 1px solid #dddfe0;line-height: 47px;padding-left: 4%;margin: 5% 0 8% 0;}
.MallSort .sort{padding: 0 5%;float: left;position: relative;height: 47px;}
.MallSort .sort a{padding-right: 25px;position: relative;font-size: 15px;color: #666;}
.MallSort .sort a:before,
.MallSort .sort a:after{content: "";width: 7px;height: 4px;position: absolute;right: 0;background-repeat: no-repeat;}
.MallSort .sort a:before{top: 3px;background-image: url(../images/arrow_sort1.png);}
.MallSort .sort a:after{bottom: 3px;background-image: url(../images/arrow_sort2.png);}
.MallSort .sort.up a:before{background-image: url(../images/arrow_sort1on.png);}
.MallSort .sort.down a:after{background-image: url(../images/arrow_sort2on.png);}
.MallSort .select{ position: relative;float: left;padding: 0 5%;}
.MallSort .select span{display: block;font-size: 15px;color: #666;padding-right: 27px;text-indent: 10px;background:url(../images/arrow_category.png) no-repeat right center;}
.MallSort .select ul{display: none; position: absolute;left: 0;top: 47px;z-index: 2;width: 100%; border: 1px solid #D3D3D3;border-top: 0px;background: #fff;border-bottom: 0px;}
.MallSort .select li a{padding: 0 10px;display: block;height: 40px;line-height: 40px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 14px;border-bottom: 1px solid #D3D3D3;}
.MallSort .select li a:hover{background: #8E8E8E;color: #fff;}
.MallSort .select:after,
.MallSort .sort:after{content: "";display: block;width: 1px;height: 21px;background-color: #dddfe0;position: absolute;left: 0;top: 50%;margin-top: -10.5px;}
.MallSort .sort:first-child:after{display: none;}

.MallList{width: 100%;overflow: hidden;}
.MallList ul{width: 107.2%;}
.MallList li{width: 26.6%;margin-right: 6.7%; background-color: #eef2f4;float: left;position: relative;margin-bottom: 6.7%;}
.MallList li .h3{margin:15px 9%;   overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.MallList li .h3 a{font-size: 20px;}
.MallList li .pad{ padding:0 9%; }
.MallList li .pad span{ padding:0; font-size: 16px; }
.MallList li .pad .kc{ float:right; display: inline-block; }
.MallList li span{font-size: 26px;color: #ff7800;padding: 0 9%;}
.MallList li span i{font-size: 20px;font-style: normal;}
.MallList li .Checkbox{font-size: 16px;padding: 22px 9% 28px;}
.MallList li .Checkbox label{width: 20px;height: 20px;background-color: #fff;float: left;margin-right: 8px;border: 1px solid #d5d5d5;margin: 2px 8px 2px 0; position: relative;}
.MallList li .Checkbox.on label:after{content: "\2714";position: absolute;top: -5px;left: 2px;font-size: 19px;}
.MallList li .Checkbox label input{opacity: 0;}
.MallList li .btn_buycart{display: block;width: 124px;height: 36px;text-align: center;line-height: 36px;font-size: 16px;color: #fff;text-indent: 27px;background: #0084d7 url(../images/ico_buycart.png) no-repeat 7px center;position: absolute;right: 30px;bottom: 21px;}

.MallShow{padding-top: 50px;}
.MallShowImg{width: 44%;float: left;}
.MallShowImg .bd img{width: 100%;}
.MallShowImg .hd{padding:0 15px;margin-top: 17px;}
.MallShowImg .hd img{max-width: 172px;margin: 0 auto;width: 91%;}
.MallShowImg .hd img.on{border:2px solid #42a6dc;}
.MallShowImg .hd .slick-slide{outline: none;}
.MallShowImg .hd .slick-prev,.MallShowImg .hd .slick-next{display: block;width: 15px;height: 100%;position: absolute;top: 0px;background-position: center;background-repeat: no-repeat;border: 0;text-indent: 15px;overflow: hidden;background-color: transparent;z-index: 2;}
.MallShowImg .hd .slick-prev{left:-15px;background-image: url(../images/prev_mallshow.png);}
.MallShowImg .hd .slick-next{right:-15px;background-image: url(../images/next_mallshow.png);}
.MallShowImg .hd .slick-prev:hover{background-image: url(../images/prev_mallshowon.png)}
.MallShowImg .hd .slick-next:hover{background-image: url(../images/next_mallshowon.png)}
.MallShowInfo{width: 52%;float: right;}
.MallShowInfo .h2{font-size: 30px;font-weight: bold;border-bottom: 1px solid #dddfe0;line-height: 1em;padding: 8px 0 20px;}
.MallShowInfo .p{font-size: 16px;line-height: 27px;padding: 8px 0 27px;border-bottom: 1px solid #dddfe0;}
.MallShowInfo .ul{padding:12px 0;border-bottom: 1px solid #dddfe0;}
.MallShowInfo .ul li{float: left; padding-left: 23px;background: url(../images/dot_download.png) no-repeat 9px center;margin-right: 5%;}
.MallShowInfo .ul li:last-child{margin-right: 0px;}
.MallShowInfo .ul li a{display: block;font-size: 16px;color: #666; padding-right: 46px;line-height: 34px;background: url(../images/ico_download.png) no-repeat right center;}

.MallShowInfo dl{font-size: 16px;color: #999;line-height: 30px;}
.MallShowInfo dl.weight{ display:none;}
.MallShowInfo dt{float: left;}
.MallShowInfo dt span{display: inline-block;float: left;}
.MallShowInfo dd{margin-left: 77px;}
.MallShowInfo .distribution{padding-top: 24px;}
.MallShowInfo .distribution .select{display: inline-block;padding-right: 21px;background: url(../images/arrow_category.png) no-repeat right center;}
.MallShowInfo .distribution i{font-size: 16px;color: #ff7800;font-style: normal;margin-left: 27px;}
.MallShowInfo .price dd{font-size: 20px;color: #ff7800;}
.MallShowInfo .num{padding: 20px 0 34px;}
.MallShowInfo .num .btn_num{display: block;float: left;margin-right: 10px; width: 33px;height:33px;border:1px solid #d2d2d2;background-color: #f3f3f3;font-size: 26px;color: #999;line-height: 26px;text-align: center; }
.MallShowInfo .num .numtxt{display: block;float: left;margin-right: 10px; width: 80px;height:33px;border:1px solid #d2d2d2;background-color: #f6f8f9;font-size: 16px;color: #999;line-height: 33px;text-align: center;}
.MallShowInfo .BuyBtn a{display: block;float: left; width:32%; margin-left: 2%;height: 50px;line-height: 50px;text-align: center;}
.MallShowInfo .BuyBtn a:first-child{margin-left: 0px;}
.MallShowInfo .BuyBtn a.btnStyle1{background-color: #ff7800;font-size: 16px;color: #fff;}
.MallShowInfo .BuyBtn a.btnStyle2{background-color: #0088d2;font-size: 16px;color: #fff;}
.MallShowInfo .BuyBtn a.btnStyle3{background-color: #eef2f4;border:1px solid #dddfe0;line-height: 48px;font-size: 16px;color: #222;}
.MallShowInfo .btn_collect{color: #555;padding-left: 22px;background: url(../images/ico_collect.png) no-repeat left center;margin-top: 28px;display: inline-block;}
.MallShowDetail .hd{background-color: #eef2f4;margin-top: 6%;}
.MallShowDetail .hd ul{width: 492px;max-width: 100%;}
.MallShowDetail .hd li{border-top: 2px solid transparent; line-height: 58px; cursor: pointer;width: 33%;float: left;text-align: center;font-size: 22px;color: #666;}
.MallShowDetail .hd li.on{background-color: #fff;border-color: #0088d2;color: #0088d2;}
.MallShowDetail .bd{background-color: #fff;padding: 4%;margin-bottom: 5%;}
.MallShowDetail .bd .item{display: none;}
.MallShowSinglePage .p{font-size: 16px;color: #666;}
.MallShowSinglePage .p span{margin-right: 4.8%;}
.MallShowSinglePage .img{padding: 7% 0 5%;text-align: center;}
.MallShowSinglePage .h3{font-size: 22px;color: #666666;padding-bottom: 24px;}
.MallShowSinglePage .table table{border-left: 1px solid #d2d2d2;border-top: 1px solid #d2d2d2;width: 875px;max-width: 100%;font-size: 16px;color: #666;}
.MallShowSinglePage .table td{border-right: 1px solid #d2d2d2;border-bottom: 1px solid #d2d2d2;padding: 7px 0 7px 7%;}
.MallShowSinglePage .table .td1{width: 32%;}

.RelaProduct{position: relative;}
.RelaProduct:after{content: ""; position: absolute;width: 100%;height: 50%;background-color: #f6f8f9;left: 0;bottom: 0;}
.RelaProduct .warp{z-index: 2;}
.RelaProduct .slider{width: 100%;padding-bottom: 6.6%;}
.RelaProduct .slick-slide{ height: 429px; }
.RelaProduct .slick-prev,.RelaProduct .slick-next{display: block;width: 15px;height: 26px;position: absolute;top: 29%;margin-top: -13px;background-position: center;background-repeat: no-repeat;border: 0;text-indent: 15px;overflow: hidden;background-color: transparent;}
.RelaProduct .slick-prev{left: -37px;background-image: url(../images/btn_prev.png);}
.RelaProduct .slick-next{right: -37px;background-image: url(../images/btn_next.png);}
.RelaProduct .slick-prev:hover{background-image: url(../images/btn_prevon.png)}
.RelaProduct .slick-next:hover{background-image: url(../images/btn_nexton.png)}
.RelaProduct .slick-dots{display: none !important;}
.RelaProduct .li{}
.RelaProduct .li .box{ display: block; margin:0 5%; background-color: #eef2f4; position: relative; }
.RelaProduct .li .h3{margin:15px 9%;   overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.RelaProduct .li .h3 a{font-size: 20px; display: block;}
.RelaProduct .li span{font-size: 26px;color: #ff7800;padding: 0 9%;}
.RelaProduct .li span i{font-size: 20px;font-style: normal;}
.RelaProduct .li .Checkbox{font-size: 16px;padding: 22px 9% 28px;}
.RelaProduct .li .Checkbox label{width: 20px;height: 20px;background-color: #fff;float: left;margin-right: 8px;border: 1px solid #d5d5d5;margin: 2px 8px 2px 0; position: relative;}
.RelaProduct .li .Checkbox.on label:after{content: "\2714";position: absolute;top: -5px;left: 2px;font-size: 19px;}
.RelaProduct .li .Checkbox label input{opacity: 0;}
.RelaProduct .li .btn_buycart{display: block;width: 124px;height: 36px;text-align: center;line-height: 36px;font-size: 16px;color: #fff;text-indent: 27px;background: #0084d7 url(../images/ico_buycart.png) no-repeat 7px center;position: absolute;right: 30px;bottom: 21px;}

.ContrastList{position: relative;width: 100%;overflow: hidden;}
.ContrastList ul{width: 102.8%;}
.ContrastList li{position: relative;width: 22.3%;margin-right: 2.7%;float: left;margin-bottom: 2.7%;background-color: #eef2f4;padding-bottom: 30px;}
.ContrastList .item .h3{display: block; font-size: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 18px 9%;}
.ContrastList .item span{font-size: 26px;color: #ff7800;padding: 0 9%;}
.ContrastList .item span i{font-size: 20px;font-style: normal;}
.ContrastList .item .img{position: relative;display: inline-block;}
.ContrastList .item .btn_colse{display: block;width: 33px;height: 38px;background: url(../images/colse_contrast.png) no-repeat center;position: absolute;top: 0;right:0;}
.ContrastList .Additem{border: 1px solid #dddfe0;}
.ContrastList .Additem a{display: block;width: 100%;height: 100%;}
.ContrastList .Additem .img{padding-bottom: 90px;}
.ContrastList .Additem span{padding-top: 110px;font-size: 20px;color: #555;line-height: 1em;background: url(../images/add_contrast.png) no-repeat top center;position: absolute;top: 50%;left: 50%;margin: -65px 0 0 -40px;}
.ContrastResults{}
.ContrastResults .h3{font-size: 22px;color: #666;line-height: 57px;background-color: #d8e1e6;text-align: center;}
.ContrastResults .Box{width: 100%;overflow-x: auto;height: 550px;}
.ContrastResults dl{border-left: 1px solid #d8e1e6;border-bottom: 1px solid #d8e1e6;min-width: 1200px;}
.ContrastResults dt,
.ContrastResults dd{width: 20%;float: left;border-right: 1px solid #d8e1e6;padding: 20px 0 20px 3%;}
.ContrastResults dl span{display: block;width: 100%;font-size: 16px;color: #666;line-height: 24px;padding: 12px 0;}


.ProList{overflow: hidden;background: #f7f8fa;}
.ProList ul{width: 102.9%;padding-bottom: 38px;}
.ProList li{width: 30.1%;margin-right:3.2%;margin-bottom: 25px;padding-bottom: 6%;float:left;background-color: #eef2f4;}
.ProList li img{width: 100%;}
.ProList li .h3{font-size: 20px;text-align: center;line-height: 24px;height: 48px;overflow: hidden; margin: 10% 0;}
.ProList li span{display: block; font-size: 14px;border:1px solid#666;width: 120px;height: 36px;line-height: 34px;text-align: center;margin: 0 auto;}
.ProList li:hover span{border-color: #0088d2;}

.ProList2{overflow: hidden;background: #f7f8fa;}
.ProList2 ul{width: 103.4%;padding-bottom: 38px;}
.ProList2 li{width: 46.7%;margin-right:3.3%; margin-bottom: 25px;position: relative; float:left;background-color: #eef2f4;}
.ProList2 li img{width: 58.2%;}
.ProList2 li .h3{font-size: 20px;text-align: center;margin:0 0 18% 0;line-height: 27px;height: 54px;overflow: hidden;}
.ProList2 li span{display: block; font-size: 14px;border:1px solid#666;width: 120px;height: 36px;line-height: 34px; text-align: center;margin: 0 auto;}
.ProList2 li:hover span{border-color: #0088d2;}
.ProList2 li .table{text-align: center;position: absolute;top: 25%;right: 0;width: 41.8%;}
.ProList2 li .table .in{display: inline-block;text-align: left;width: 120px;}

.ProblemList{background-color: transparent;}
.ProblemList .List{padding-bottom: 24px;}
.ProblemList dl{margin-bottom: 30px;background-color: #fff;}
.ProblemList dt{line-height: 23px;padding: 22px 80px 22px 70px; position: relative;font-size: 16px;color: #666;}
.ProblemList dt:before{content: "";display: block;width: 37px;height:37px;border-radius: 50%;background: #eff5f8 url(../images/ico_help.png) no-repeat center;position: absolute;left: 15px;top: 15px;}
.ProblemList dt:after{content: "";display: block;width: 28px;height: 28px;background: url(../images/arrow_help.png) no-repeat;position: absolute;top: 20px;right: 33px;}
.ProblemList dl.on dt{background-color: #0088d2;color: #fff;}
.ProblemList dl.on dt:before{background-color: #fff;}
.ProblemList dl.on dt:after{background:url(../images/arrow_helpon.png);}
.ProblemList dd{padding: 3%; display:none;}

.ProShow{background-color: transparent;}
.ProShow .MallShowImg{width: 58%;}
.ProShow .MallShowInfo{width: 37%;}
.ProShow .MallShowInfo .p{padding: 13px 0;}
.ProShow .MallShowInfo .ul{border-bottom: 0px;padding: 6% 0 8%;}
.ProShow .MallShowInfo .ul li{margin-bottom: 27px;}
.ProShow .MallShowInfo .btn_cs{background-color: #ff7800;display: block;width: 100%; height: 50px;line-height: 50px;text-align: center;font-size: 16px;color: #fff;}
.ProShowDetail .hd{background-color: #0088d2;margin-top: 6%;padding-top: 1px;}
.ProShowDetail .hd ul{width: 492px;max-width: 100%;}
.ProShowDetail .hd li{ line-height: 59px; cursor: pointer;width: 33%;float: left;text-align: center;font-size: 22px;color: #fff;}
.ProShowDetail .hd li.on{background-color: #fff;color: #0088d2;}
.ProShowDetail .bd{background-color: #fff;padding: 4%;margin-bottom: 5%;}
.ProShowDetail .bd .item{display: none; /*overflow:auto;*/}
.ProShowDetail .bd .item ul{ /*width:600px; overflow-y: auto;*/}

.Login{background-position: center;background-repeat: no-repeat;height: 652px;}
.Login .LoginBox{width: 443px;height: 489px;max-width: 100%; border-top: 3px solid #0088d2;background-color: #fff;padding: 0 3%;margin-top: 79px;float: right;}
.LoginBox .h2{font-size: 26px;line-height: 1em;padding: 50px 0 35px;text-align: center;}
.LoginBox li{margin-bottom: 12px;}
.LoginBox li input{background-color: #fff; width: 100%;height: 50px;line-height: 48px;border:1px solid #d2d2d2;font-size: 16px;color: #000;text-indent: 14px;}
.LoginBox li .left{margin-right: 165px;}
.LoginBox li .right{float: right;width: 154px;}
.LoginBox li .right .VCode{float: left;}
.LoginBox li .right .VCode img{width: 129px;height: 50px;}
.LoginBox li .right .btn{display: block;width: 16px;height: 16px;background: url(../images/btn_code.png) no-repeat;float: right;margin-top: 18px;}
.LoginBox .a_forget{font-size: 14px;color: #0088d2;}
.LoginBox .btn_confirm{width: 100%;height: 54px;line-height: 54px;text-align: center;background-color: #0088d2;font-size: 20px;color: #fff;margin: 28px 0 16px;display: block;}
.LoginBox .p{font-size: 16px;color: #999;text-align: center;}
.LoginBox .p a{color: #999;margin-left: 30px;}
.LoginBox .p a:hover{color: #0088d2;}

.Register{}
.Register .CloumnTitle{font-size: 26px;line-height: 1em;padding: 50px 0 40px;text-align: center;}
.Register .RegisterBox{width: 100%;border-top: 3px solid #b2dbf1;background-color: #fff;padding-bottom: 11%;margin-bottom: 5%;}
.RegisterBox .h3{font-size: 26px;line-height: 1em;padding: 118px 0 33px;text-align: center;background: url(../images/ico_homtitle.png) no-repeat top center; }

.RegisterForm{width: 924px;max-width: 100%;margin: 0 auto;padding-top: 30px;}
.RegisterForm ul{width: 50%;float: left;padding: 0 15px;}
.RegisterForm li{margin-bottom: 12px;padding-right: 12px;position: relative;}
.RegisterForm li input{background-color: #fff; width: 100%;height: 50px;line-height: 48px;border:1px solid #d2d2d2;font-size: 16px;color: #000;text-indent: 14px;}
.RegisterForm li.col_2 input{width: 49%;margin-left: 2%;float: left;}
.RegisterForm li.col_2 input:first-child{margin-left: 0px;}
.RegisterForm li i{position: absolute;right: 0;top:0;line-height: 50px;font-style: normal;font-size: 16px;color: #e50000;}
.RegisterForm .select{ position: relative;float: left;width: 32%;margin-left: 2%;}
.RegisterForm .select:first-child{margin-left: 0px;}
.RegisterForm .select span{display: block; width: 100%;height: 50px;line-height: 48px;border:1px solid #d2d2d2;font-size: 16px;color: #c2c2c2;text-indent: 14px;background:#fff url(../images/arrow_register.png) no-repeat right center;}
.RegisterForm .select ul{display: none; position: absolute;left: 0;top: 50px;z-index: 2;width: 100%; border: 1px solid #D3D3D3;border-top: 0px;background: #fff;border-bottom: 0px;padding: 0;float: none;}
.RegisterForm .select li{margin: 0;padding: 0;}
.RegisterForm .select li a{padding: 0 10px;display: block;height: 40px;line-height: 40px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 14px;border-bottom: 1px solid #D3D3D3;}
.RegisterForm .select li a:hover{background: #8E8E8E;color: #fff;}
.RegisterForm .btn_confirm{width: 420px; max-width: 100%;height: 54px;line-height: 54px;text-align: center;background-color: #0088d2;font-size: 20px;color: #fff;margin: 60px auto 30px;display: block;}
.RegisterForm .p{font-size: 16px;color: #999;text-align: center;}
.RegisterForm .p a{color: #999;margin-left: 30px;}
.RegisterForm .p a:hover{color: #0088d2;}

.ForgetForm{width: 500px;max-width: 100%;margin: 0 auto;}
.ForgetForm li{margin-bottom: 12px;}
.ForgetForm li.last{width: 537px;}
.ForgetForm li input{background-color: #fff; width: 100%;height: 50px;line-height: 48px;border:1px solid #d2d2d2;font-size: 16px;color: #c2c2c2;text-indent: 14px;}
.ForgetForm li .left{margin-right: 287px;}
.ForgetForm li .right{float: right;width: 282px;}
.ForgetForm li .right .VCode{float: left;}
.ForgetForm li .right .VCode img{width: 145px;height: 50px;}
.ForgetForm li .right .btn{display: block;width: 16px;height: 16px;background: url(../images/btn_code.png) no-repeat;float: right;margin-top: 18px;}
.ForgetForm .btn_confirm{width: 100%;height: 54px;line-height: 54px;text-align: center;background-color: #0088d2;font-size: 20px;color: #fff;margin: 47px 0 16px;display: block;}

.MemberInfo{padding: 5%;}
.MemberInfo dl{margin-bottom: 20px;width: 493px;max-width: 100%;}
.MemberInfo dt{width: 4em;float: left;font-size: 14px;color: #555;line-height: 41px;}
.MemberInfo dd{margin-left: 73px;}
.MemberInfo dd input{background-color: #fff; width: 100%;height: 41px;line-height: 39px;border:1px solid #d2d2d2;font-size: 14px;color: #c2c2c2;text-indent: 14px;}
.MemberInfo .name dd{padding-left: 25px;position: relative;}
.MemberInfo .name dd span{position: absolute;top: 0;left:0px;font-size: 16px;color: #0084d7;line-height: 41px;}
.MemberInfo .name dd input{width: 128px;max-width: 100%;}
.MemberInfo .radio dt{line-height: 24px}
.MemberInfo .radio label{margin-right: 21px;font-size: 14px;}
.MemberInfo .radio input{width: auto;height: auto;margin-right: 8px;}
.MemberInfo .birthday div{position: relative;width: 33.3%; padding-right:8%;float: left;}
.MemberInfo .birthday div span{position: absolute;top: 0;right: 10px;font-size: 14px;color: #888;line-height: 41px;}
.MemberInfo .select{ position: relative;float: left;width: 128px;max-width: 49%;margin-left: 2%;}
.MemberInfo .select:first-child{margin-left: 0px;}
.MemberInfo .select{display: block; width: 130px;height: 41px;line-height: 39px;border:0px solid #d2d2d2;font-size: 14px;color: #888;text-indent: 14px;background:#fff url(../images/arrow_register.png) no-repeat right center;}
.MemberInfo .select ul{display: none; position: absolute;left: 0;top: 50px;z-index: 2;width: 100%; border: 1px solid #D3D3D3;border-top: 0px;background: #fff;border-bottom: 0px;padding: 0;float: none;}
.MemberInfo .select li{margin: 0;padding: 0;}
.MemberInfo .select li a{padding: 0 10px;display: block;height: 40px;line-height: 40px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 14px;border-bottom: 1px solid #D3D3D3;}
.MemberInfo .select li a:hover{background: #8E8E8E;color: #fff;}
.MemberInfo .btn_confirm{width: 133px;height: 37px;line-height: 37px;text-align: center;background-color: #0088d2;font-size: 14px;color: #fff;margin: 28px 0 16px 73px;display: block;}


/*订单中心*/
.OCTab{width: 528px;max-width: 100%;}
.OCTab li{width: 25%;float: left;border-top: 3px solid #fff;line-height: 47px;text-align: center;}
.OCTab li a{display: block; font-size: 16px;}
.OCTab li:hover,.OCTab li.on{border-top-color: #0088d2;}
.OCTab li:hover a,.OCTab li.on a{color: #0088d2;}

.OCTable{width: 100%;border-collapse:collapse;border-spacing:0;margin-bottom: 54px; }
.OCTable td{border: 1px solid #ebebeb;  vertical-align:middle;font-size: 14px;padding: 0;}
.OCTable th{border: 1px solid #ebebeb; height: 33px; color: #4f4f4f; font-weight: normal;padding: 0;}
.OCTable .OCTableHeader{padding: 7px 0;background-color: #f6f8f9;}
.OCTable .OCTableHeader div{ font-weight: normal;text-align: left;  height: 25px; line-height: 25px;font-size: 14px;}
.OCTable .OrderInfo1{padding-left: 3%; width: 22%; float: left;}
.OCTable .OrderInfo1 span{font-weight: bold;}
.OCTable .OrderInfo2{width: 26%; float: left;}
.OCTable .OrderInfo3{width: 24%;float: left;}
.OCTable .OrderInfo3 span{color: #0088d2;}
.OCTable .OrderInfo3 span b{font-size: 14px;font-weight: bold;}
.OCTable .OCTableHeader .OrderInfo4{width: 28%; float: left;text-align: right;padding-right: 2%;}
.OCTable .OrderInfo4 span{color: #c6c6c6;font-weight: bold;}
.OCTable .OrderInfo4 span.color_false{color: #ffaa00;}
.OCTable .hide_txt{display: none;}
.OCTable .Price{text-align: center;}
.OCTable td.Price{color: #3f3f3f;}
.OCTable td.Price span{color: #0088d2;font-weight: bold;}
.OCTable .Num{text-align: center;width: 9%;}
.OCTable .Sum{ text-align: center;}
.OCTable td.Sum span{font-size: 14px;color: #0088d2;font-weight: bold;}
.OCTable .State{width: 120px;text-align: center;}
.OCTable .State span.color_false{color: #ffaa00;}
.OCTable .State a.active{color: #0088d2;}
.OCTable .Operation{ text-align: center;}
.OCTable td.Operation a{color: #0088d2; display: block;}
.OCTable .Info{position: relative;width: 360px;padding-right: 3%;}
.OCTable .Info a{display: block;}
.OCTable .Info img{width: 146px; height: 110px; float: left; margin: 20px 27px 20px 22px;}
.OCTable .Info .tit{display:table-cell;vertical-align:middle; height: 150px;}
.OCTable .Info span{display: block; font-size: 14px;color: #605f5e;line-height: 30px;}
.OCTable tr.sep-row td{height: 28px; border: 0px;}

.OCItem{display: none;padding: 1% 4% 5%;}

.OrderShowInfo{padding-top: 35px;}
.OrderShowInfo .color_blue{color: #0088d2;}
.OrderShowInfo .h2{font-size: 20px;line-height: 30px;padding: 19px 0;border-top: 2px solid #f2f2f2;border-bottom: 2px solid #f2f2f2;}
.OrderShowInfo .p{font-size: 14px;line-height: 24px;padding: 28px 0 38px;}
.OrderShowInfo dl{font-size: 16px;line-height: 30px;margin-bottom: 30px;}
.OrderShowInfo dt{font-weight: bold;}

.OrderProInfo{padding-top: 20px;}
.OrderProInfo .list td{  color:#555;border-bottom:1px solid #e7e7e7; border-top:1px solid #e7e7e7; text-align:center; padding:1.5% 0;font-size: 14px;}
.OrderProInfo .list td{border-left:1px solid #e7e7e7;}
.OrderProInfo .list td:last-child{border-right:1px solid #e7e7e7;}
.OrderProInfo .list .tr_name td,
.OrderProInfo .list .no_border td:nth-child(1){ border:0; font-weight: bold;padding: 1% 0;}
.OrderProInfo .list .tr_name td{background-color: #f6f8f9;padding: 0.7% 0;}
.OrderProInfo .list td:nth-child(1){ width:38.8%; text-align:left;}
.OrderProInfo .list td:nth-child(2){ width:13.7%;}
.OrderProInfo .list td:nth-child(3){ width:14.7%;}
.OrderProInfo .list td:nth-child(4){ width:21%;}
.OrderProInfo .list .tr_name{background-color: #f2f2f2;}
.OrderProInfo .list .tr_name td{border-top:1px solid #dfdfdf;}
.OrderProInfo .list .tr_name td:first-child{border-left:1px solid #dfdfdf;text-align: center; }
.OrderProInfo .list .tr_name td:last-child{border-right: 1px solid #dfdfdf;}
.OrderProInfo .list .pic{ position:relative; padding-left: 4%;}
.OrderProInfo .list .pic dl{ position:absolute; left: 4%;top: 35px;}
.OrderProInfo .list .pic img{ width: 146px; height:110px;border:1px solid #e8e8e8;float: left;}
.OrderProInfo .list .pic .tit{display:table-cell;vertical-align:middle;height: 110px;padding: 0 20px;}
.OrderProInfo .list .pic span{display: block; font-size: 14px;color: #605f5e;line-height: 30px;}
.OrderProInfo .list .text{width: 70px;text-align:center; height: 35px;line-height: 33px; border-top:1px solid #ccc; border-bottom: 1px solid #ccc;float: left;font-size: 14px;}
.OrderProInfo .list .Money{font-weight: bold;color: #0088d2;}
.OrderProInfo .list .Num{}
.OrderProInfo .list .color_true{color: #c0c0c0;}
.OrderProInfo .list .color_false{color: #ffaa00;}
.OrderProInfo .list .a_logistics{color: #0088d2;}
.OrderProInfo .list td a{ color:#333;}
.OrderProInfo .list td a:hover{ color:#ff651a;}
.OrderProInfo .list td .hide_txt{ display:none;}
.OrderProInfo .list .bot td{border-top: 0px;padding: 1.5% 2%;}
.OrderProInfo .list .bot .fl{float: left;}
.OrderProInfo .list .bot .fr{float: right;}

.Logistics{padding: 18px 5% 30px;font-size: 14px;color: #858584;}

/*订单中心 end*/


.ChangePw{padding: 10% 0;}

.texthide{display: none;}
.InquiryList{padding: 4%;min-height: 560px;}
.InquiryList table{font-size: 14px;border-top: 1px solid #eee;border-right: 1px solid #eee;text-align: center;border-collapse: collapse;border-spacing: 0;width: 100%;}
.InquiryList table th{color: #222;background-color: #f6f8f9;line-height: 39px;}
.InquiryList table th:first-child{border-left: 1px solid #eee;}
.InquiryList table td{color: #555;border-left: 1px solid #eee;border-bottom: 1px solid #eee;line-height: 24px;padding: 2% 5%;width: 33.3%;}

.CollectList{width: 948px;overflow: hidden;margin: 0 auto;max-width: 96%;padding-top: 7.2%;}
.CollectList ul{margin-bottom: 16px;}
.CollectList li{width: 29.7%;margin: 0 1.8%; background-color: #eef2f4;float: left;position: relative;margin-bottom: 3.6%;padding-bottom: 21px;}
.CollectList li img{/*width: 267px;*/ width:100%;}
.CollectList li .h3{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 26px 9% 4px;}
.CollectList li .h3 a{font-size: 20px;}
.CollectList li span{font-size: 26px;color: #ff7800;padding: 0 9%;}
.CollectList li span i{font-size: 20px;font-style: normal;}


/*购物车*/
.BuyCart{}
.BuyCart .CloumnTitle{font-size: 26px;line-height: 1em;padding: 118px 0 33px;text-align: center;background: url(../images/ico_homtitle.png) no-repeat top center; }
.BuyCart .cart_Content{width: 100%;background-color: #fff;border-top: 3px solid #0088d2;padding: 4% 3%;}
.cart_Content .list td{  color:#555;border-bottom:1px solid #e7e7e7; border-top:1px solid #e7e7e7; text-align:center; padding:1.5% 0;font-size: 14px;}
.cart_Content .list td{border-left:1px solid #e7e7e7;}
.cart_Content .list td:last-child{border-right:1px solid #e7e7e7;}
.cart_Content .list .tr_name td,
.cart_Content .list .no_border td:nth-child(1){ border:0; font-weight: bold;padding: 1% 0;}
.cart_Content .list .tr_name td{background-color: #f6f8f9;padding: 0.7% 0;}
.cart_Content .list td:nth-child(1){ width:38.8%; text-align:left;}
.cart_Content .list td:nth-child(2){ width:13.7%;}
.cart_Content .list td:nth-child(3){ width:14.7%;}
.cart_Content .list td:nth-child(4){ width:21%;}
.cart_Content .list td:nth-child(5){ width:11.8%;}
.cart_Content .list .tr_name{background-color: #f2f2f2;}
.cart_Content .list .tr_name td{border-top:1px solid #dfdfdf;}
.cart_Content .list .tr_name td:first-child{border-left:1px solid #dfdfdf;text-align: center; }
.cart_Content .list .tr_name td:last-child{border-right: 1px solid #dfdfdf;}
.cart_Content .list .pic{ position:relative; padding-left:13%;}
.cart_Content .list .pic dl{ position:absolute; left: 4%; top: 50%; margin-top: -14px;}
.cart_Content .list .pic dl:before{ position: absolute; display: block; content: ""; background-color: #f6f7f9; border-radius: 50%; border:1px solid #e5e5e5; height: 16px; width: 16px; margin-left:-9px; margin-top:-9px; left: 50%; top: 50%; z-index: 1; }
.cart_Content .list .pic dl.checked:after{ display: block; content: ""; position: absolute; margin-left: -4px; margin-top:-4px; left: 50%; top: 50%; height: 8px; width: 8px; background-color: #999; z-index: 1; border-radius: 50%; }
.cart_Content .list .pic dl input{ opacity: 0; position: relative; z-index: 2; cursor: pointer; }
/*.cart_Content .list .pic img{ width: 146px; height:110px;border:1px solid #e8e8e8;float: left;}
.cart_Content .list .pic .tit{display:table-cell;vertical-align:middle;height: 110px;padding: 0 20px;}*/
.cart_Content .list .pic img{ width: 43%; border:1px solid #e8e8e8; display: inline-block; vertical-align: middle; }
.cart_Content .list .pic .tit{ box-sizing: border-box; width: 53%; padding:10px 3% 10px 9%; display:inline-block; vertical-align:middle; }
.cart_Content .list .pic span{display: block; font-size: 14px;color: #605f5e;line-height: 20px;}
.cart_Content .list .pic a{ display: block; }
.cart_Content .list .text{width: 70px;text-align:center; height: 35px;line-height: 33px; border-top:1px solid #ccc; border-bottom: 1px solid #ccc;float: left;font-size: 14px;}
.cart_Content .list .Money{font-weight: bold;}
.cart_Content .list .NumWarp{display: block;width: 152px;margin: 0 auto;}
.cart_Content .list .addNum,
.cart_Content .list .subNum{ width:41px; height:35px; text-align: center; overflow:hidden; line-height:33px; position:relative; cursor:pointer; vertical-align:middle;border: 1px solid #ccc;float: left;}
.cart_Content .list .a_del{color: #006ba5; display: inline-block; padding:1px 0; border-bottom: 1px solid #006ba5;}
.cart_Content .list td a{ color:#333;}
.cart_Content .list td a:hover{ color:#ff651a;}
.cart_Content .list td .hide_txt{ display:none;}
.cart_Content .list .all_operate{line-height:31px;}
.cart_Content .list .all_operate td{border:0px;padding: 0;}
.cart_Content .list .all_operate .all{}
.cart_Content .list .all_operate .all .fl{float: left; position: relative; padding-left: 12px;}
.cart_Content .list .all_operate .all .fl input{ opacity: 0; position: relative; left: -10px; top:2px; cursor: pointer; z-index: 2; }
.cart_Content .list .all_operate .all .fl:before{ position: absolute; display: block; content: ""; background-color: #f6f7f9; border:1px solid #e5e5e5; height: 16px; width: 16px; left: 0; top: 7px; z-index: 1; }
.cart_Content .list .all_operate .all .fl.checked:after{ display: block; content: ""; position: absolute; left: 5px; top: 12px; height: 8px; width: 8px; background-color: #999; z-index: 1;  }
.cart_Content .list .all_operate .all a{ margin-left:30px;}
.cart_Content .list .all_operate .all .a_delall{display: inline-block;padding-left: 32px;background: url(../images/ico_del.png) no-repeat left center;}
.cart_Content .list .all_operate .r2{color:#555;font-size: 24px;display: block;margin: 0px 0 53px 0;float: right;}
.cart_Content .list .all_operate .r2 em{font-size: 30px;color: #ff7800;font-style: normal;}
.cart_Content .list .btn_buy{text-align: right;padding-bottom: 5%;clear: both;}
.cart_Content .list .btn_buy a{ background-color:#0088d2; color:#fff; font-size:18px;display:inline-block; width: 238px;height: 50px;text-align: center;line-height: 48px;border: 1px solid #0088d2;margin-left: 3%;}
.cart_Content .list .btn_buy a.btn1{ background-color: #fff;color: #0088d2;}
.cart_Content .list .btn_buy a.Buynone{ background-color: #c1c6c8; color:#fff; border-color:#c1c6c8; cursor: default; }
.cart_Content .list .btn_buy a.Buynone:hover{ color:#fff; }
#CarNumNo{ text-align: center; }
#CarNumNo .Content{ text-align: left; display: inline-block; padding-left:150px; background:url(../images/cart.png) no-repeat left center; font-size: 16px; color: #666; line-height: 30px; padding-bottom: 40px; }
#CarNumNo h2{ margin: 0; font-size: 25px; line-height: 35px; padding: 26px 0 37px; color:#ff7800; }
#CarNumNo p{ margin:0; }
#CarNumNo p a{ color:#ff7800; }
@media screen and (max-width:768px){
	#CarNumNo .Content{ padding:120px 0 55px 0; background-position: top center; }
	#CarNumNo h2{ font-size: 22px; padding-bottom: 15px; }
}
/*购物车 end*/

.OrderConfirm .CloumnTitle{font-size: 26px;line-height: 1em;padding: 118px 0 33px;text-align: center;background: url(../images/ico_homtitle.png) no-repeat top center; }
.OrderConfirm .OrderConfirmBox{width: 100%;background-color: #fff;border-top: 3px solid #0088d2;padding: 4% 3%;}
.OrderConfirmBox dl{background-color: #f8f9fa;margin-bottom: 11px;border:1px solid #ededed;}
.OrderConfirmBox dt{float: left;width: 11%;padding-left: 16px;padding-top: 14px;}
.OrderConfirmBox dt span{color: #666;font-size: 14px;padding:0px 14px 0 0;}
.OrderConfirmBox dt a{font-size: 12px;color: #0088d2;white-space: nowrap;}
.OrderConfirmBox dd{width: 89%;background-color: #fff;float: left;padding: 2.4%;font-size: 12px;line-height: 29px; color: #666;}
.OrderConfirmBox .hide{display: none;}
.OrderConfirmBox .error{background-color: #dbeaf2;border:1px solid #a5c8db;padding-left: 5%;margin-bottom: 11px;}
.OrderConfirmBox .error .p{font-size: 12px;color: #666;line-height: 23px;padding: 7px 0;}
.OrderConfirmBox .form{}
.OrderConfirmBox .form li{margin-bottom: 5px;}
.OrderConfirmBox .form .dt{padding-left: 11px;position: relative;font-size: 12px;color: #666;float: left;line-height: 29px;}
.OrderConfirmBox .form .dt span{float: left;width: 4em;}
.OrderConfirmBox .form .dt i{color: #c40000;position: absolute;left: 0;top: 0;}
.OrderConfirmBox .form .dd{margin-left: 72px;max-width: 332px;}
.OrderConfirmBox .form .dd input{background-color: #fff; width: 332px;max-width: 100%; height: 29px;line-height: 27px;border:1px solid #d2d2d2;font-size: 12px;text-indent: 14px;}
.OrderConfirmBox .form .select{ position: relative;float: left;width: 24.7%;margin-right: 2.4%;}
.OrderConfirmBox .form .select:last-child{width: 45.8%;margin-right: 0px;}
.OrderConfirmBox .form .select span{display: block; width: 100%;height: 29px;line-height: 27px;border:1px solid #d2d2d2;font-size: 14px;color: #888;text-indent: 14px;background:#fff url(../images/arrow_register.png) no-repeat right center;}
.OrderConfirmBox .form .select ul{display: none; position: absolute;left: 0;top: 29px;z-index: 2;width: 100%; border: 1px solid #D3D3D3;border-top: 0px;background: #fff;border-bottom: 0px;padding: 0;float: none;}
.OrderConfirmBox .form .select li{margin: 0;padding: 0;}
.OrderConfirmBox .form .select li a{padding: 0 10px;display: block;height: 29px;line-height: 29px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 14px;border-bottom: 1px solid #D3D3D3;}
.OrderConfirmBox .form .select li a:hover{background: #8E8E8E;color: #fff;}
.OrderConfirmBox .form .fixed_line{position: relative;}
.OrderConfirmBox .form .fixed_line div{width: 24%;float: left;padding-right: 15px;position: relative;}
.OrderConfirmBox .form .fixed_line div i{position: absolute;right: 7px;top: 0px;font-size: 12px;color: #333;line-height: 29px;}
.OrderConfirmBox .form .fixed_line div.last{width:52%;padding-right: 0px;}
.OrderConfirmBox .form .fixed_line  span{color: #999;position: absolute;left: 103%;top: 0;white-space: nowrap;line-height: 29px;}
.OrderConfirmBox .btn_confirm{width: 149px;height: 36px;line-height: 36px;text-align: center;background-color: #0088d2;font-size: 14px;color: #fff;margin: 14px 0 0px 73px;display: block;}
.OrderConfirmBox .table{border: 1px solid #eaeaea;border-left:0px;line-height: 26px;text-indent: 14px;border-collapse:collapse;border-spacing:0;}
.OrderConfirmBox .table th{background-color: #f7f7f7;text-align: left;}
.OrderConfirmBox .table th:first-child{border-left: 1px solid #eaeaea;}
.OrderConfirmBox .table td{border-left: 1px solid #eaeaea;border-top: 1px solid #eaeaea;}
.OrderConfirmBox .table_col2 .td1{width: 20%;}
.OrderConfirmBox .ocb3 label{margin-right: 30px;}
.OrderConfirmBox .ocb4 label{margin-right: 30px;line-height: 29px;float: left;}
.OrderConfirmBox .ocb4 .dd label input{width: auto;float: left;margin-right: 5px;}
.OrderConfirmBox .blue{color: #0088d2;font-weight: bold;}
.OrderConfirmBox .proinfo{padding: 0%;}
.OrderConfirmBox .proinfotable{border-left:0px;line-height: 26px;border-collapse:collapse;border-spacing:0;width: 100%;text-align: center;}
.OrderConfirmBox .proinfotable th{background-color: #f7f7f7;color: #646464;font-weight: normal;line-height: 23px;padding: 8px 0;}
.OrderConfirmBox .proinfotable td{border-top: 1px solid #eaeaea;padding: 20px 0;}
.OrderConfirmBox .proinfotable .h3{font-size: 14px;color: #000;line-height: 22px;}
.OrderConfirmBox .proinfotable .h4{color: #959595;line-height: 22px;}
.OrderConfirmBox .ocb6 dd{padding: 0;}
.OrderConfirmBox .ocb6 .left{padding: 30px;position: relative;width: 60.4%;float: left;}
.OrderConfirmBox .ocb6 .left .box{padding-left: 41px;position: relative;}
.OrderConfirmBox .ocb6 .left span{position: absolute;left: 0;top: 0;font-size: 12px;color: #333;}
.OrderConfirmBox .ocb6 .left textarea{width: 592px;max-width: 100%;padding: 10px; height: 184px;border:1px solid #7f9db9;}
.OrderConfirmBox .ocb6 .right{width: 39.6%;float: right;border-left: 1px solid #ededed;text-align: right;padding-top: 30px;min-height: 247px;}
.OrderConfirmBox .ocb6 .right .p{color: #333;padding: 3px 0;padding-right: 17%;}
.OrderConfirmBox .ocb6 .right .p span{padding-left: 20px;}
.OrderConfirmBox .ocb6 .right .bot{border-top: 1px dashed #d4d4d4;font-size: 14px;font-weight: bold;padding: 16px 17% 16px 0;margin-top: 20px;}
.OrderConfirmBox .ocb6 .right .bot span{padding-left: 0px;}
.OrderConfirmBox .btn_submit{width: 178px;height: 40px;line-height: 40px;text-align: center;background-color: #0088d2;font-size: 16px;color: #fff;margin: 27px 0 0px 0px;display: block;float: right;}


.MemberInfo .name dd{padding-left: 25px;position: relative;}
.MemberInfo .name dd span{position: absolute;top: 0;left:0px;font-size: 16px;color: #0084d7;line-height: 41px;}
.MemberInfo .name dd input{width: 128px;max-width: 100%;}
.MemberInfo .radio dt{line-height: 24px}
.MemberInfo .radio label{margin-right: 21px;font-size: 14px;}
.MemberInfo .radio input{width: auto;height: auto;margin-right: 8px;}
.MemberInfo .birthday div{position: relative;width: 33.3%; padding-right:8%;float: left;}
.MemberInfo .birthday div span{position: absolute;top: 0;right: 10px;font-size: 14px;color: #888;line-height: 41px;}


@media screen and (max-width:1440px){
.RelaProduct  .warp{ padding:0 20px; }
.RelaProduct .slick-prev{left: -20px;}
.RelaProduct .slick-next{right:-20px;}
.HomPro .warp{padding: 0 20px;}
.HomPro .slick-prev{left: -20px;}
.HomPro .slick-next{right:-20px;}
.MallList ul{width: 104%;}
.MallList li{width: 29.7%;margin-right: 3.6%;}
.MallList li .btn_buycart{right: 15px;}

.ContactTop .li1{width: 50%;}
.ContactTop .li2{width: 50%;}
.ContactTop .li3{width: 100%;}
}

@media screen and (max-width:1200px){
.blank {height:139px;}
.Header .MainNav{display: none;}
.Header .btn_nav{display: block;}

.HeaderTop .Search{margin-right: 10px;}
.HeaderTop .Search input{width: 110px;}
.FootTop .QRBox{display: none;}

.HomBan .slick-dots{display: none !important;}
.HomBan .item{background-position: 9999px;height: auto;}
.HomBan .item img{display: block;}
.HomBan1 .slick-dots{display: none !important;}
.HomBan1 .item{background-position: 9999px;height: auto;}
.HomBan1 .item img{display: block;}
.HomAbout .Left{width: 100%;margin-right:0px;padding-right:0px;}
.HomAbout .Right{position: static;margin:40px auto 0;}
.HomBot li .Ico .cont{margin: -30px 0 0 -30px;}
.HomBot li .Ico img{width: 40px;}

.Banner{ background-position: 9999px;height: auto;}
.Banner img{display: block;}
.Sidebar{width: 220px;}
.Sidebar ul li a,.Sidebar ul li .a{background-position:right 20px center;}
.MainContent{margin-left: 240px;}

.NewsList li .h3{padding: 0% 0 2%;}
.NewsList li:after{display: none;}
.NewsList li .p{height: 40px;overflow: hidden;}

.Pages .a_first, .Pages .a_end{display: block;}

.MallSidebar ul li a{padding-left: 15px;}


.MallShowImg{width: 100%;}
.MallShowInfo{width: 100%;padding-top: 5%;}
.MallShowInfo .h2{font-size: 30px;}
.MallShowSinglePage .table table{width: 100%;}

.ProShow .MallShowImg{width: 100%;;}
.ProShow .MallShowInfo{width: 100%;padding-top: 5%;}

.OCTable .OrderInfo1,.OCTable .OrderInfo3{padding-left: 3%;width: 50%;}
.OCTable .OrderInfo2,.OCTable .OrderInfo4{width: 50%;}
.OCTable .OCTableHeader .OrderInfo4{text-align: left;width: 50%;padding-right: 0px;}
.OCTable .State{width: auto;min-width: 57px;}
.OCTable .Operation{min-width: 78px;}

.OrderConfirmBox .ocb6 .left{width: 100%;float: none;}
.OrderConfirmBox .ocb6 .right{width: 100%;float: none;border-left: 0px;border-top: 1px solid #ededed;}


.MallList li img,
.ContrastList li img{width: 100%;}

.OrderConfirmBox .table_col2 .td1{width:auto; }

.HeaderTop .Right{position: static;}
.HeaderTop .SearchBox{width: 96%;right: 2%;}
}

@media screen and (max-width:1024px){
   .MallList li{width: 46.4%;}

   .ContrastList li{width: 47.3%;}

   .ProList li{width: 46.8%;}

   .CollectList li{width: 46.4%;}

   .OrderConfirmBox dt{width: 90px;}
   .OrderConfirmBox dd{float: none;margin-left: 90px; width: auto;}
   .OrderConfirmBox .form .fixed_line span{position: static;}


   .ProList2 ul{width: 100%;}
   .ProList2 li{width: 100%;}
}

@media screen and (max-width:769px){
  /*.HeaderTop .Search{display: none;}*/
  .HeaderTop .warp{max-width: 100%;}
  .HeaderTop .Lan a{padding: 0 4px;}
  .HeaderTop .Right .MemberBtn a{padding: 0 8px 0 30px;}
  .HeaderTop .Right .MemberBtn .btn_login{background-position: 8px 11px;}
  .HeaderTop .Right .MemberBtn .btn_register{background-position: 8px 9px;}
  .HeaderTop .Right .MemberBtn .btn_buycart{background-position: 8px 10px;}
  .HeaderTop .Right .MemberBtn .btn_order{background-position: 8px center;}
  .HomNews .bd li{width: 100%;float: none;}
  .HomNews .bd li.top{width: 100%;float: none;}
  .HomNews .bd li .h3,.HomNews .bd li .p{margin-left:80px;}
  .HomAbout .Right{width: 340px;max-width: 100%;}
  .HomBot li{width: 50%;}
  .HomBot li .Ico .cont{margin: -30px 0 0 -30px;}
  .HomBot li .Ico img{width: 40px;}
  .Foot .FootTop{display: none;}
  .FootBot .otherNav{float: none;text-align: center;}
  .FootBot .otherNav li{float: none;display: inline-block;}
  .FootBot .Copyright{float: none;text-align: center;}
  
  .warp2{padding-right: 0px;}
  .Location{display: none;}
  .Sidebar{width: 100%;margin-top: 0px;float: none;padding-bottom: 5%;}
  .Sidebar .btn_nav2{position: absolute;display: block;top: 15px;right: 16px;width: 30px;height: 30px; background: url(../images/add_contrast.png) no-repeat center / 100% 100%;}
  .Sidebar .btn_nav2.on{background-image: url(../images/add_contrast2.png)}
  .Sidebar ul{display: none;}
  .Sidebar .h2 .tit_pc{display: none;}
  .Sidebar .h2 .tit_wap{display: inline;}
  .MainContent{max-width: 96%;margin: 0 auto;}
  .MainContent .ContPadding{padding: 5% 2%;}

  .History dd{margin-left: 0px;}

  .Pages em{display: none;}
  .Pages .a_prev, .Pages .a_next{width: 80px;border: 1px solid #e3e3e3;}

  .MallSidebar{position: static;}
  .Mall{width: 96%;margin: 0 auto;}
  .MallGroups dl dd{padding-right:0px;}
  .MallGroups .HeightTab dd{height: auto;}
  .MallGroups dl dd a{margin: 0 10px 14px 10px;}
  .MallGroups .btn_more{display: none;}
  .MallSort .sort{width: 50%;}
  .MallSort .select{width: 50%;}
  .MallSort .select span{text-indent: 0px;}
  .MallSort .select.first:after{display: none;}
  .MallList ul{width: 100%;}
  .MallList li{width: 100%;margin-right: 0px;}

  .MallShowInfo .h2{font-size: 24px;}

  .ContrastList li{width: 97.3%;}
  
  .ProList{width: 96%;margin: 0 auto;}


  .Sample .img{display: none;}
  .Sample .Form{width: 100%;float: right;}
  .Sample .MessageBox{width: 100%;}
  .Sample .MessageBox .Box{margin: 10px auto 50px;}

  .Inquiry li{width: 100%;margin-right: 0px;}

.ContactTop .li1{width: 100%;}
.ContactTop .li2{width: 100%;}
.ContactTop .map{height: 300px;margin-bottom: 30px;}

.RegisterForm ul{width: 100%;}

.OCTable .OrderInfo1,.OCTable .OrderInfo2, .OCTable .OrderInfo3{width: 100%;padding-left: 3%;}
.OCTable .OCTableHeader .OrderInfo4{width: 100%;padding-left: 3%;}
.OCTable td{display: block;width: 100%;}
.OCTable .Info{width: 100%;}
.OCTable .Info img{float: none;margin: 10% auto 0 auto;display: block;}
.OCTable .Info .tit{height: auto;padding: 5%;text-align: center;display: block;}
.OCTable .Info span{line-height: 20px;}
.OCTable .Num{width: 100%;}
.OCTable .Price,
.OCTable .Num,
.OCTable .Sum,
.OCTable .State,
.OCTable .Operation{text-align: left;padding-left: 5%;}
.OCTable td.Operation a{display: inline;margin-right: 20px;}
.OCTable .hide_txt{display: inline-block;font-style: normal;}


.cart_Content #list .pic{padding-left:3%;}
.cart_Content .list .tr_name{ display:none;}
.cart_Content .list .NumWarp{margin: 0 0 0 62px;padding: 5px 0;}
.cart_Content .list td{ display:block; width:100% !important;padding:2px 0 2px 4%; float:none !important; text-align:left; border:0; border-bottom:1px solid #e7e7e7;line-height: 35px;}
.cart_Content .list td:nth-child(1){ width:100% !important; padding-left:0;border-bottom:1px solid #e7e7e7;}
.cart_Content .list td:nth-child(3){height: 50px;}
.cart_Content .list td:nth-child(3) .hide_txt{line-height: 50px;}
.cart_Content .list td .hide_txt{ display:inline-block;float: left;font-style: normal;line-height: 35px;}
.cart_Content .list .all_operate td{ border:0; float:none;width:100% !important;}
.cart_Content .list .all_operate .all .r1{float: none;display: block;text-align: right;}
.cart_Content .list .all_operate .r2{float: none;clear: both;}
.cart_Content .list .btn_buy{text-align: left;}
.cart_Content .list .btn_buy a{width: 44%;margin: 0 3% 0 0;}

.OrderProInfo .list .tr_name{ display:none;}
.OrderProInfo .list .pic{padding: 0 0 4% 0;}
.OrderProInfo .list td{ display:block; width:100% !important;padding:2px 0 2px 4%; float:none !important; text-align:left; border:0; border-bottom:1px solid #e7e7e7;line-height: 35px;}
.OrderProInfo .list td:nth-child(1){ width:100% !important; padding-left:0;border-bottom:1px solid #e7e7e7;}
.OrderProInfo .list td .hide_txt{ display:inline-block;float: left;font-style: normal;line-height: 35px;}
.OrderProInfo .list td:last-child{border-right: 0px;}


.OrderConfirmBox dt{width: 100%;background-color: #f8f9fa;padding: 7px 16px;margin-bottom: 20px;}
.OrderConfirmBox dd{margin-left: 0px; }
.OrderConfirmBox .ocb6 .right .p{padding-right: 8%;}
.OrderConfirmBox .ocb6 .right{min-height: 0px;}

.ProShowDetail .hd li,.MallShowDetail .hd li{line-height: 48px;font-size: 18px;}
}

@media screen and (max-width:640px){
.blank {height:150px;}
.ProList2 li .table{top: 20%;}

  .HeaderTop{height: auto;}
  .HeaderTop .Right{width: 100%;float: none;margin-left: 0;}
  .HeaderTop .Right .MemberBtn{display: table;width: 100%; float: none;border-top: 1px solid #ddeaed;}
  .HeaderTop .Right .MemberBtn a{display: table-cell;}
  .HeaderTop .Right .MemberBtn .btn_buycart{padding-right: 30px;}
  .HeaderTop .Right .MemberBtn .btn_buycart i{right: 10px;}
  .HeaderBot .warp{height: 70px;}
  .btn_nav{top: 21px;}
  .HeaderTop .Search{position: absolute;top: 0;right: 20px;}
  .HeaderTop .SearchBox{top: 79px;}

  .HomPro .item{height: auto;}
  .HomPro .item .Box{width: 100%;}
  .HomPro .item .Box img{width: 100%;}
  .HomPro .slick-dots li{width: 15px;height: 5px;margin: 0 5px;}

  .NewsList{padding: 0 2%;}
  .NewsList li{padding: 2%;width: 100%;}
  .NewsList li .Img{width: 100%;float: none;}
  .NewsList li .Img img{width: 100%;}
  .NewsList li .Cont{width: 100%;max-width: 100%;margin: 0;}
  .NewsList li .h3{padding-top: 5%;}

  .ProList li{width: 96.8%;}

  .CollectList li{width: 96.4%;}

  .ContactList .Img{width: 100%;float: none;}
  .ContactList .Cont{margin-left: 0px;}

  .ForgetForm li.last{max-width: 100%;}
  .ForgetForm li .left{margin-right: 180px;}
  .ForgetForm li .right{width: 170px;}
  .ForgetForm li .right .VCode img{width: 145px;}

  .MemberInfo .birthday div{padding-right: 30px;}

  .Application .img img{width: 100%;margin: 0 0 5px 0;}
}

@media screen and (max-width:480px){

}
@media screen and (max-width:400px){
	.RelaProduct .slick-slide{ height: auto; }
	.RelaProduct .li .box{ margin:0 5px; }
	.RelaProduct .li span{ font-size: 22px; }
	.RelaProduct .li .Checkbox{font-size: 14px; padding:22px 5% 28px;}
	.RelaProduct .li .Checkbox label{ width: 15px; height: 15px; margin-top:8px; }
	.RelaProduct .li .btn_buycart{ font-size: 14px; width: 114px; text-indent:18px; }
	.RelaProduct .li .h3{ margin:15px 5%; }
	.RelaProduct .li span{ padding:0 5%; }
}




.OrderConfirmBox .form .select{ width:30.8%;}
.OrderConfirmBox .form .select select{ width:100%;}
.OrderConfirmBox .ocb4 .dd label input{ vertical-align:middle; width:12px; height:12px; line-height:12px; margin-top:8px;}
.OrderConfirmBox .ocb6 .left span{ top:28px;}

.MemberInfo .select{ width:32%;}
.MemberInfo .select select{ width:100%;}
.MemberInfo dd{ margin-left:0; padding-left:73px;}

.RegisterForm .select{ width:32%; padding-left:6px;}
.RegisterForm .select select{ width:100%;}
@media screen and (max-width:480px){
.OrderConfirmBox .form .select select,
.MemberInfo .select select,
.RegisterForm .select select{ font-size:12px; text-indent:0;}
.Sidebar .h2{ font-size:18px; padding-right:50px;}
}




/* 企业文化 */
.MainContent .Culture{ padding: 5%; }
.Culture .img{}
.Culture .img img{ width: 100%; }
.Culture .title{font-size: 22px; color: #0088d2; font-weight: normal; margin: 15px 0; padding: 0;}
.Culture .title1{margin-top: -10px; font-size: 14px;font-weight: normal;}


.Culture  .F1Lsit{}
.Culture  .F1Lsit ul{text-align: center;font-size: 0;}
.Culture  .F1Lsit ul li{ display: inline-block; width: 100%; border-radius: 20px 0; overflow: hidden; background-size: cover; background-position: center; background-repeat: no-repeat }
.Culture  .F1Lsit ul li .liBox{margin:0 auto; padding: 20px;}
.Culture  .F1Lsit ul li .h3{font-size: 22px; text-align: center;color: #fff; margin: 0; padding: 0;}
.Culture  .F1Lsit ul li .h3 i{display: block;width: 40px;height: 2px; background: #0088d2; margin:15px auto 0;}
.Culture  .F1Lsit ul li .liBox .txt{text-align: left;padding-top: 20px; min-height: 180px; color: #fff; font-size: 14px;}


@media screen and (min-width:540px ){
	.Culture  .F1Lsit ul li{width:48%;margin: 0 1%;}
	.Culture  .F1Lsit ul li .liBox .txt{min-height: 300px;}
}



@media screen and (min-width:1200px ){
	.Culture .title{font-size: 24px; margin: 20px 0;}
	.Culture  .F1Lsit ul li .liBox .txt{min-height: 280px;}
	.Culture  .F1Lsit ul li{display: block; float: left; width:19.2%;margin: 0;margin-right: 1%;}
	.Culture  .F1Lsit ul li.last{margin-right: 0;}
	.Culture .F1Lsit ul li .liBox{padding-top: 30px;}
}





.Culture  .F2Lsit{ font-size: 14px; }
.Culture  .F2Lsit ul li{ background: #0088d2;border: 1px solid #e8eff2; margin-bottom:15px; padding-bottom: 10px; border-radius: 10px;overflow: hidden; }
.Culture  .F2Lsit ul li .liBox{background:#f6f8f9; padding: 20px 20px 30px;}

.Culture  .F2Lsit .img{width: 60px; margin:0 auto 10px;}


@media screen and (min-width:1000px ){
	.Culture  .F2Lsit ul li{float: left; width: 32%;margin-right: 2%;}
	.Culture  .F2Lsit ul li:nth-child(3n){margin-right: 0;}
	.Culture  .F2Lsit .img{margin-bottom: 20px;}
	.Culture  .F2Lsit ul li .liBox{min-height: 300px;  padding: 30px 40px;}
}

@media screen and (min-width:1200px ){
	.Culture  .F2Lsit .img{width:109px;}
}


/* 企业文化 */


/* 人力资源 */

.Manpower{ font-size: 14px; }
.Manpower .title{font-size: 22px; color: #0088d2; font-weight: normal; margin: 15px 0; padding: 0;}
.Manpower .title span{font-size: 14px;color: #999;}
.Manpower .jobsTxt{background:#f9fbfc; padding:20px; margin: 20px 0; border:1px solid #e2eef5; border-radius: 20px;}
.Manpower .jobsTxt .txt{max-width: 405px; text-align: center; margin:0 auto;}

.JobList{ overflow-x: auto; }
.JobList .ul{ min-width: 500px; }
.JobList dl dd{float: left; text-align: center; line-height: 30px;}
.JobList .ul .JobTop{padding:8px 30px; border-bottom: 1px solid #eee; cursor: pointer;} 
.JobList .ul .first .JobTop{background: #0088d2; color: #fff; border-radius: 5px;font-size: 14px;}
.JobList .dd1{overflow: hidden; text-overflow: ellipsis;white-space: nowrap;text-align: left; }
.JobList .dd6 .icon{display: block;font-style: normal; background: url('../images/jobbtn01.png') no-repeat right center;padding-right:18px;width: 21px;height: 21px;margin: 0 auto; }
.JobList li.on .dd6 .icon{background-image: url('../images/jobbtn02.png'); color: #1e5aa2;}
.JobList .ul .JobCon{padding: 45px;display: none;border-bottom: 1px solid #eee;background: #f8f8f8;} 
.JobList .ul .JobCon .jobBtn{display: block; width: 145px; line-height: 46px; background: #374e68;border-radius: 5px; text-align: center; color: #fff;margin: 50px auto 0;}
.JobList .dd1{ width:25%;}
.JobList .li{background: #fff;}
.JobList .li .dd1{padding-left: 25px; background: url('../images/jobuse.png') no-repeat 0 center;}
.JobList .dd2{ width:18%;}
.JobList .dd3{width:17%;}
.JobList .dd4{width:15%}
.JobList .dd5{width:15%;}
.JobList .dd6{width:10%;}

.Manpower .List1 ul li{margin-bottom: 15px;}
.Manpower .List1 ul li .liBox{background:#f9fbfc;border:1px solid #e2eef5; border-radius: 20px;padding-top: 20px; overflow: hidden;}
.Manpower .List1 ul li .liBox .img{ width: 70px;height: 70px; margin: 0 auto; }
.Manpower .List1 ul li .liBox .img img{ width: 100%; }
.Manpower .List1 ul li .liBox .txt{padding: 20px;}


@media screen and (min-width:1200px ){
	.Manpower .List1 ul li{float: left; width: 32%;margin-right: 2%; }
	.Manpower .List1 ul li:nth-child(3n){margin-right: 0%;}
	.Manpower .List1 ul li .liBox{padding-left: 80px; position: relative; padding-top: 0;}
	.Manpower .List1 ul li .liBox .img{position: absolute; left: 5px;top: 50%;margin-top: -35px;}
	.Manpower .List1 ul li .liBox .txt{padding:5px 10px; height: 95px; position: relative;}
	.Manpower .List1 ul li .liBox .txt .txtCon{position: absolute;width: 90%; left: auto;line-height:1.4em;top: 50%;-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);}
}



.Manpower .List2{ margin-bottom: 15px; }
.Manpower .List2 ul li{margin-bottom: 15px;}
.Manpower .List2 ul li .liBox{background:#f9fbfc;border:1px solid #e2eef5; border-radius: 20px; overflow: hidden;}
.Manpower .List2 ul li .liBox .img{}
.Manpower .List2 ul li .liBox .img img{ width: 100%; }
.Manpower .List2 ul li .liBox .txt{padding: 20px;}

@media screen and (min-width:1000px ){
.Manpower .List2{ margin-bottom: 50px; }
.Manpower .List2 ul li{float: left; width: 32%;margin-right: 2%; margin-bottom: 0;}
.Manpower .List2 ul li:nth-child(3n){margin-right: 0%;}
.Manpower .List2 ul li .liBox .txt{min-height: 200px;}
}


@media screen and (min-width:1200px ){
	.Manpower .jobsTxt{margin: 30px 0 50px;}
}

/* 人力资源 */




/*产品详情-应用*/
.yy_item{}
.yy_item .ul li{ width:31.83%; margin-right:2.2%; float:left;}
.yy_item .ul li:nth-child(3n){ margin-right:0;}
.yy_item .ul figure{ display:block; width:100%; height:0; padding-bottom:81.87%; position:relative; overflow:hidden;}
.yy_item .ul figure img{ position:absolute; top:0; left:0; width:100%;}
.yy_item .ul .p{ text-align:center; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; padding:10px 0 30px;}
.yy_item .ul .p a{ font-size:16px;}
.yy_item .ul .p a:hover{ color:#0088d2;}

@media screen and (max-width:640px ){
.yy_item .ul li{ width:49%; margin-right:2%;}
.yy_item .ul li:nth-child(3n){ margin-right:2%;}
.yy_item .ul li:nth-child(2n){ margin-right:0;}
}
/*产品详情-应用 结束*/



.yy_ban{ padding:20px 50px;}
.yy_ban .item .p{ text-align:center; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; padding:10px 0;}
.yy_ban .item figure{ display:block; width:100%; height:0; padding-bottom:100%; position:relative; overflow:hidden;}
.yy_ban .item figure img{ position:absolute; top:0; left:0; width:100%;}
.yy_ban .owl-carousel .owl-nav.disabled{ display:block;}
.yy_ban .owl-theme .owl-dots{ display:none;}
.yy_ban .owl-theme .owl-nav [class*=owl-]{ font-size:0; margin:0; padding:0; width:35px; height:50px; position:absolute; top:35%;}
.yy_ban .owl-carousel .owl-nav .owl-prev{background: url(../images/yy_pre.png) no-repeat center center; left:-50px;}
.yy_ban .owl-carousel .owl-nav .owl-next{background: url(../images/yy_next.png) no-repeat center center; right:-50px;}



.Header{position: relative;width: 100%;top: 0;left: 0;z-index: 999;
	-webkit-transition:all .4s ease-out;
	-moz-transition:all .4s ease-out;
	-ms-transition:all .4s ease-out;
	-o-transition:all .4s ease-out;
	transition:all .4s ease-out;
}
.HeaderOn{position: fixed;
	-webkit-transition:all .4s ease-out;
	-moz-transition:all .4s ease-out;
	-ms-transition:all .4s ease-out;
	-o-transition:all .4s ease-out;
	transition:all .4s ease-out;
	background-color:#fff;
}


.box_flaot{    margin-left: 37px;
    background-color: #fff;
    padding: 20px;
    margin-top: 10px;}
.box_flaot h2{ font-size:17px; text-align: -webkit-center; margin-top: 5px;}
.box_flaot p{ 
    font-size: 14px;
    color: #3e3c3c;
    line-height: 20px;}
.box_flaot span{    color: #999;}
.box_flaot p em{    font-style: inherit; color: #7f7f7f;    font-weight: bolder;}
.box_flaot p:nth-last-child(1){ margin:7px 0;}
@media screen and (max-width:768px ){
.box_flaot{ display:none}	
}


@media screen and (max-width:1286px ){
.HeaderTop .Search{margin-right: 24px;}
.HeaderTop .Search input{ width:255px}
}
@media screen and (max-width:769px ){
.HeaderTop .Search input { width: 125px;}	
}


/*弹出框*/
.popTit .titles{  padding-left: 29px; color: #fff; background: #0088d2; line-height: 40px; font-size: 16px;}
.popTit .cin{ padding: 20px 30px; font-size: 16px; color: #000;}
.popBox{position: fixed;top:0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.6); z-index:999; display:none;}
.popCon{margin: 4% auto; width: 35%;  background-color: #fff;  position: relative; border-radius: 10px; overflow: hidden;}
.popCon .pop-as{ text-align: -webkit-center;  margin-bottom: 20px;}
.popCon .pop-as .pop-a{ padding:0px !important; margin:0px !important; border:0 !important;    width: 55px; line-height: 28px; background: #0088d2; display: inline-block; color: #fff;}




/*select下拉样式*/
.ZJselectBox{width:100%; height: 36px; position: relative;font-size: 14px;color: #666;}
.ZJselectTxt{position: relative; padding-left: 15px; line-height: 36px; color: #999; font-size: 14px;border:1px solid #ccc;height: 36px;overflow: hidden;color:#666;padding-right: 26px;cursor: pointer;}

.ZJselectTxt span{}
.ZJselectTxt i.icon{ display: block; width: 36px;height: 36px; position: absolute; right: 0;top: 0;background: url(../images/zjdown.png) no-repeat center;z-index: 2;cursor: pointer; }
.ZJselectTxt i.iconOn{background-image: url(../images/zjup.png);}



.ZJselectBox .ZJselectUl{position: absolute; display: none; width: 100%; z-index: 4; top: 36px;left: 0; background: #fff; }
.ZJselectBox .ZJselectUl .ZJselectUlBox{max-height: 240px;overflow-y:auto; border:1px solid #ccc;}
.ZJselectBox .ZJselectUl ul li{font-size: 16px;float: none; height: 36px; line-height:36px; padding: 0;margin: 0;padding-left: 15px;border-bottom: 1px solid #f9f9f9; -webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s; cursor: pointer;overflow: hidden;font-size: 14px;color: #666;}
.ZJselectBox .ZJselectUl ul li:hover{background: #f5f5f5;}

.pro_list_11{width:295px;display: inline-block;}
.pro_list_11 dl{display: inline-block;}
.pro_list_11 .product_Box{width: 187px;display: inline-block;}

.pro_list_9 a{width:86px;display: inline-block;height: 36px;text-align: center;color:#fff;background: #0084d7 ;line-height: 36px;}
.pro_list_9 a.cleartj{ float:right; margin-right: 18px; }
.pro_list_9{vertical-align: top;}

.MallSort .left{float: left;padding-top:7px;}
.MallSort .left>div{float:left;}
.MallSort .right{float: left;width: 42%;}
.MallSort .left dl{float: left;vertical-align: middle;height: 36px;line-height: 36px;font-size: 15px;}
.MallSort .sort_Box{float: left;width: 80px;margin-right: 15px;height: 36px;font-size: 15px;}
.MallSort .sort{display: inline-block;float: none;}
.MallSort .span{display: inline-block;padding-right: 5px;font-size: 15px;}
.MallSort .left .clear{float: none;}

@media screen and (max-width:960px ){
   .MallSort .left>div{float:left;margin-bottom: 10px;}
   .MallSort .left{float: none;}
   .MallSort .right{float: none;text-align: left;width: 100%;}

}
@media screen and (max-width:768px ){
	.MallSort .sort{width: 88px;padding:0 15px;}
}


/**悬窗**/
.GoTop{ position:fixed; right:12px; z-index:30; bottom:78px;}
.GoTop .close{ position:absolute; width:30px; height:30px; background:url(../images/fancy_close.png); right:-15px; top:-15px; cursor:pointer;}
.GoTop a{ display:block; width: 55px; height: 65px; border: 1px solid #d0e0e9;}
.GoTop a span{display: block; text-align: center; font-size: 12px; color: #8db6cb; padding-top: 40px;}
.GoTop a.icon1{background: #f3f7fa url(../images/icon_float1.png) top center no-repeat;}
.GoTop a.icon3{background: #f3f7fa url(../images/icon_float3.png) center -6px no-repeat; border-top: none;}
.GoTop a.icon1:hover{background: #f38224 url(../images/icon_float1_2.png) top center no-repeat;}
.GoTop a.icon3:hover{background: #f38224 url(../images/icon_float3_1.png) center -6px no-repeat;}
.GoTop a:hover span{color: #fff;}

.ZJselectBox .ZJselectUl ul li{width: 100%;}




/* 分类图标  */

.icon-sort{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.icon-sort .item{
  width: 32%;
  text-align: center;
  font-size: 15px;
  margin-bottom: 20px;
}
.icon-sort::after{
  width: 32%;
  content: '';
}



.icon-sort.xz .item .sort-con{
  font-weight: bold;
  margin-top: 5px;
}
.icon-sort.xz .item .sort-img{
  position: relative;
}
.icon-sort.xz .item .text{
  width: 100%;
  font-size: 14px;
  color: #333;
  margin-top: 5px;
  text-align: center;
}
.icon-sort.xz .item .text *{
  margin: 0;
  font-weight: initial;
}
.icon-sort.xz{
  align-items: initial;
}


/* 2022/5/17 */
.PageBox{
  display: none !important;
}



/* 2023.0103 */
.FootTop .FootNav dt i,
.FootTop .FootContact i{
  display: none;
}
.FootTop .QRBox {
  top: 15px;
}

.FootTop .FootNav {
    display: flex;
    justify-content: space-between;
}
.FootTop .FootNav dl{
    width: auto;
}





.HomBan a{
	position: relative;
}
.HomBan video{
	 position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    object-fit: cover;
}