@charset "utf-8";
/* CSS Document */



.search_body {
-webkit-transition: all .25s ease;
   -moz-transition: all .25s ease;
     -o-transition: all .25s ease;
        transition: all .25s ease;	
}

.navtit>span,.services_form .formele,.paging a,.enter_number,.navbody a,.newslists a,.related_handle .firstli a {
-webkit-transition: all .3s ease;
   -moz-transition: all .3s ease;
     -o-transition: all .3s ease;
        transition: all .3s ease;	
}
.momenubar i {
-webkit-transition: all .4s ease;
   -moz-transition: all .4s ease;
     -o-transition: all .4s ease;
        transition: all .4s ease;	
}

.search_link,.search_widget,.search_form .select_lists li span,.vipmenu,.vipmenu li a,.footlink li a {
-webkit-transition: all .5s ease;
   -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
        transition: all .5s ease;
}

.header .navbody,.form_select .select_lists,.monav,.Crysdot_wrap {
-webkit-transition:all .7s ease;
   -moz-transition:all .7s ease;
     -o-transition:all .7s ease;
        transition:all .7s ease;
}








body {background-color:#fafafa;}
.Crysdot_body,.Crysdot_wrap {position:relative; overflow:hidden;}


/*--------------------------------+
	header                      
+--------------------------------*/
.header {position:absolute; z-index:1000; top:0; color:#2D5E91; width:100%; background-color:#fafafa;}
.header.special {background-color:transparent; color:#fff;}
.header.on {position:fixed; background-color:#fff; box-shadow: 0 0 10px 0 rgba(0,0,0,.5); color:#2D5E91;
-webkit-animation: app1 .3s ease-out;
        animation: app1 .3s ease-out;
}

@keyframes app1 {
0% {
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-85px,0);
}
100% {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
}
@-webkit-keyframes app1 {
0% {
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-85px,0);
}
100% {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
}
.headwrap {margin-left:50px; padding-right:200px; border-bottom:1px solid #2D5E91;}
.header.special .headwrap {border-color:#fff;} 
.header.on .headwrap {border-color:transparent;} 
.logo {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    height: 42px;
    margin-top: -36px;
}
.logo img {top:15px; left:0; width:auto; height:100%;}
.header.special .blue_logo {opacity:0; position:absolute;}
.header.special .white_logo {opacity:1; position:relative;}
.blue_logo,.header.on .blue_logo {opacity:1; position:relative;}
.white_logo,.header.on .white_logo {opacity:0; position:absolute;}
.nav {font-size:0; margin-left:290px;}
.nav .navwrap>li {display:inline-block; vertical-align:top; padding:0 16px; position:relative;}
.nav .navtit {display:block; height:85px; /*line-height:85px; font-size:20px;*/ line-height:100px; font-size:24px;}
.nav .navtit .fontbold {font-family:"MyriadProBold"; position:absolute; top:0; bottom:0; left:0; right:0; opacity:0;}
.nav .navtit:hover .fontbold,.nav .navtit.on .fontbold {opacity:1;}
.nav .navtit:hover .fontnormal,.nav .navtit.on .fontnormal {opacity:0;}
.nav .navbody {top:75px; left:-50%; height:0; overflow:hidden; color:#fff; text-align:left; font-size:20px; display:none;}
.navwrap>li:hover .navbody {display:block;}
.nav .ejnav {margin-top:10px; padding:20px 0; box-shadow:0 0 10px 0 rgba(0,0,0,.25); background-image: linear-gradient(45deg,#2D5E91 0,#2D5E91 100%);}
.nav .navbody .ui_icon,.signout .ui_icon {display:block; width:27px; height:10px; background:url(../images/jt2.png) no-repeat center; position:absolute; top:0; left:50%;}
.nav .navbody a {font-family:"MyriadProBold"; display:block;  min-width:8.375rem; padding:0.5rem 1.625rem 0.5rem 0.875rem;}
.nav .navbody a:hover {background-color:#2D5E91;}
.header_r {position:absolute; top:50%; right:-15px; /*margin-top:-13.5px;*/ margin-top:-6.5px;}
.header_r>a {display:block; float:left; margin:0 15px; position:relative;}
.header_r>a:before {content:""; display:block; width:1px; height:20px; background-color:rgba(255,255,255,.1); position:absolute; top:0; bottom:0; left:-15px; margin:auto;}
.header_r>a:first-of-type:before {display:none;}
.header.on .header_r>a:before,.header.special .header_r>a:before {background-color:rgba(0,65,142,.1);}
.header.special .search_key .ui_icon {background:url(../images/search-btn.png) no-repeat center;} 
.search_key .ui_icon,.header.on .search_key .ui_icon {width:22px; height:22px; background:url(../images/search-btn2.png) no-repeat center; margin-right:9px; top:-2px; background-size:100% !important;}

.monav {display:none;}


.my_cart {position:fixed; z-index:10; top:50%; margin-top:-24px; left:0; width:67px; height:48px; line-height:48px; background-image: linear-gradient(45deg,#4682B4 0,#2D5E91 100%); color:#fff; text-align:center; border-radius:0 3px 3px 0; font-size:16px;}
.my_cart .ui_icon {width:23px; height:22px; background:url(../images/cart.png) no-repeat center; background-size:100%; margin-right:5px;}

.header_r>.signout {position:absolute; top:24px; left:-25px; width:120px; height:0; line-height:60px;  color:#fff; text-align:center; overflow:hidden; padding-top:14px;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;	
}
.header_r>.signout .em {background-color: #2D5E91; position:relative; margin-top:10px;}
.header_r>.signout.out {height:70px;}


/*--------------------------------+
	search                      
+--------------------------------*/
.search_widget {position:absolute; top:150px; opacity:0; left:0; right:0;background-image: linear-gradient(45deg,#2D5E91 0,#2D5E91 100%); padding:1rem 0.6rem 1.5rem 0.6rem; display:none;}
.search_widget.on1 {display:block;}
.search_widget.on2 {top:125px; opacity:1;}
.search_widget>.ui_icon {display:block; width:27px; height:10px; background:url(../images/jt3.png) no-repeat center; position:absolute; top:-10px; right:33.5px;}
.search_widget>.hint {font-family:"MyriadProBold"; font-size:0.85rem; color:#fff; margin-bottom:0.3rem;}
.search_widget .search_form {width:100%;}

.search_form {position:relative; margin:auto; width:820px; max-width:100%; height:60px; background-color:#fff; box-shadow:0 0 19px 0 rgba(0,0,0,.4); color:#2D5E91;}
.slogan {text-align:center; color:#fff; margin-bottom:0.9rem;}
.slogan span{ font-family:"宋体"; font-weight: 700;font-size:35px;display:inline-block;}
.slogan span:first-child{ margin-right: 50px;}
.search_select {min-width:110px; max-width:190px; position:relative;}
.search_input {width: calc(100% - 110px);max-width: calc(100% - 190px);padding:0 66px 0 20px;float: left;}
.search_input::-webkit-input-placeholder {color:#2D5E91;}
.search_input::-moz-input-placeholder {color:#2D5E91;}
.search_select:after {content:""; display:block; width:1px; height:33.3333%; background-color:#dfdfdf; position:absolute; top:33.3333%; right:0;}
.search_btn {display:block; position:absolute; top:50%; right:25px; z-index:2; margin-top:-15.5px; width:31px; height:31px; background:url(../images/search-btn2.png) no-repeat center;}
.search_obj {padding:0 10px; height:60px; line-height:60px; cursor:pointer;}
.search_obj .ui_icon {width:8px; height:4px; background:url(../images/jt1.png) no-repeat center; margin-left:10px;}
.search_obj .value {font-family:"MyriadProBold"; max-width:147px;}
.search_select .select_lists {position:absolute; z-index:3; top:60px; left:0; width:176px; color:#fff; background-color:rgba(0,117,174,.6); text-align:center; display:none; font-size:16px;}
.search_select .select_lists li {padding:0 10px; height:40px; line-height:40px; border-bottom:1px dashed rgba(255,255,255,.6); cursor:pointer; }
.search_select .select_lists li:last-of-type {border-bottom:none;}
.search_select .select_lists li span {display:block;white-space:nowrap;text-overflow:ellipsis;-webkit-text-overflow:ellipsis; -o-text-overflow:ellipsis; -moz-binding:url('ellipsis.xml#ellipsis'); overflow:hidden;/*min-height:36px;*/display:block;
-webkit-transform:scale(.9,.9);
   -moz-transform:scale(.9,.9);
	-ms-transform:scale(.9,.9);
     -o-transform:scale(.9,.9);
        transform:scale(.9,.9);
}
.search_select .select_lists li:hover span {
-webkit-transform:scale(1,1);
   -moz-transform:scale(1,1);
    -ms-transform:scale(1,1);
     -o-transform:scale(1,1);
        transform:scale(1,1);
}
.search_link {position:absolute; z-index:2; opacity:0; top:90px; left:110px; right:25px; background-color:#fff; box-shadow:0 0 10px 0 rgba(0,0,0,.18);display:none;}
.search_link.on1 {display:block;}
.search_link.on2 {top:60px; opacity:1;}
.search_link .fr {width:215px; background-color:#eef2f4; padding:0.4rem 0.6rem 0.4rem 0.7rem; min-height:calc(120px + 4.8rem); text-align:right; font-size:16px;}
.search_lists li {padding:0.6rem 0;}
.search_link .fl {width:calc(100% - 215px); padding:0.8rem 20px; font-family:"MyriadProLight"; line-height:24px; color:#333333; font-size:16px;}


/*--------------------------------+
	footer                      
+--------------------------------*/
.footer {color:#fff;}
.footlink {padding:0.3rem 0 0.75rem 0;}
.footlink li {float:left;}
.footlink li:first-of-type {width:18.64%;}  
.footlink li:nth-of-type(2) {width:38.98%;}
.footlink li:nth-of-type(3) {width:18.64%;}
.footlink li:last-of-type {width:23.74%;}
.footlink li a {display:block; margin:0.45rem 0;}
.footlink li a:hover {font-family:"MyriadProBold";}
.footlink li .firstA {font-family:"MyriadProBold"; margin:0.7rem 0; position:relative;}
.footlink li:last-of-type p {margin:0.45rem 0; position:relative; padding-left:40px;}
.footlink li:last-of-type .ui_icon {position:absolute; top:0; left:0;}
.phone_number .ui_icon {width:27px; height:26px; background:url(../images/icon3.png) no-repeat center;}
.e-mail .ui_icon {width:26px; height:21px; background:url(../images/icon4.png) no-repeat center;}
.address .ui_icon {width:24px; height:29px; background:url(../images/icon5.png) no-repeat center;}
.footbot {padding:0.75rem 0; border-top:1px solid #fff;}
.footbot .fl {font-family:"MyriadProLight";}
.footbot .fl .ela {position:relative; margin:0 7px;}
.footbot .fl .ela:first-of-type {margin-left:0.75rem;}
.footbot .fl .ela:after {content:""; display:block; width:100%; height:1px; /*background-color:#fff;*/ position:absolute; bottom:-5px; right:0;}
.footbot .fl {font-family:"MyriadProBold";}
.web_share .bdsharebuttonbox a {display:inline-block; vertical-align:middle; float:none; margin:0 10px 0 0; padding:0;}
.web_share .bdsharebuttonbox .popup_fbook {width:19px; height:15px; background:url(../images/icon1.png) no-repeat center;}
.web_share .bdsharebuttonbox .popup_twi {width:10px; height:18px; background:url(../images/icon2.png) no-repeat center;}



/*--------------------------------+
	paging                      
+--------------------------------*/
.perpage {font-family:"MyriadProLight"; margin-bottom:3rem;}
.perpage select,.perpage .valarea {width:70px; height:32px; padding:0 8px; border:1px solid #ececec; border-radius:3px; background-color:#fff;}
.perpage .form_select {width:70px;}
.perpage .form_select .select_lists.on {top:32px;}
.perpage .form_select {margin:0 15px 0 5px;}
.perpage .valarea {line-height:32px; color:#666;}
.perpage .form_select .select_lists li {height:32px; line-height:32px;}
{border:1px solid #ebebeb;}
.paging {margin-right:-6px;}
.paging a,.enter_number {font-family:"MyriadProBold"; display:inline-block; vertical-align:middle;padding: 0 5px;margin:0 6px; width:32px; height:32px; line-height:32px; text-align:center; border-radius:3px; background-color:#ebedf1 !important; color:#2D5E91;}
.paging .enter_number{width:50px;}
.paging a:not(.btn):hover {background-color:#2D5E91 !important; color:#fff;}
.paging .prev .ui_icon {width:9px; height:16px; background:url(../images/jt.png) no-repeat 0 0;}
.paging .next .ui_icon {width:9px; height:16px; background:url(../images/jt.png) no-repeat -9px 0;}
.paging .prev:not(.not):hover .ui_icon {background:url(../images/jt.png) no-repeat -18px 0;}
.paging .next:not(.not):hover .ui_icon {background:url(../images/jt.png) no-repeat -27px 0;}
.paging a.page-on{background-color:#2D5E91 !important; color:#fff;}



/*--------------------------------+
	innerBanner                      
+--------------------------------*/
.inner_banner {max-height:402px; min-height:10rem; color:#fff; overflow:hidden;}
.inner_banner .page_tit {font-family:"MyriadProBold"; font-size:1.1rem; position:absolute; bottom:1.5rem; left:0;}
.inner_banner .page_position {position:relative; top:0.4rem; margin-top:0; right:0; text-align:right;}
.inner_banner .page_position .ui_icon {width:10px; height:14px; background:url(../images/jt9.png) no-repeat center; margin:0 0.25rem;}



/*--------------------------------+
	position                      
+--------------------------------*/
.page_position {margin-top:0.6rem;}
.page_position .ui_icon {width:8px; height:14px; background:url(../images/jt.png) no-repeat -36px 0; margin:0 0.5rem;}



/*--------------------------------+
	order step                      
+--------------------------------*/
.order_step {height:32px; line-height:32px; background-color:#e9edf3; position:relative; color:#2D5E91; text-align:center; overflow:hidden; margin-bottom:15px;}
.order_step li {position:absolute; top:0; background:url(../images/bgjt.png) no-repeat right center; width:33.33%; height:100%; background-size:0 100%; padding-right:17px;}
.order_step .step1 {z-index:3; left:0;}
.order_step .step2 {z-index:2; left:33.3333%;}
.order_step .step3 {z-index:1; left:66.6666%;}
.order_step li.on {background-size:100% 100%; color:#fff;}



/*--------------------------------+
	share                      
+--------------------------------*/
.dets_share .bdsharebuttonbox a {display:inline-block; vertical-align:middle; float:none; margin:0 5px 0 0; padding:0; width:32px; height:32px; border-radius:2px; background-color:#2D5E91 !important;}
.dets_share .bdsharebuttonbox .popup_fbook {background:url(../images/icon2.png) no-repeat center;}
.dets_share .bdsharebuttonbox .popup_twi {background:url(../images/icon1.png) no-repeat center;}



/*--------------------------------+
	scrollbody                      
+--------------------------------*/
.jspContainer {position:relative;}
.jspPane {position: absolute;}
.jspVerticalBar {position: absolute; top:0; right:-5px; width:10px; height: 100%;}
.jspHorizontalBar {position: absolute; bottom: 0; left: 0; width: 100%;}
.jspCap {display: none;}
.jspHorizontalBar .jspCap {float: left;}
.jspTrack {width: 1px; position: relative; left:4.5px;}
.jspDrag {position: relative; top: 0; left: -5px; cursor: pointer; width:6px; border-radius:0; background-color:#2D5E91 !important;}
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag {float: left; height: 0;}
.jspArrow {background: none; text-indent:0; display: block; cursor: pointer; padding: 0; margin: 0;}
.jspArrow.jspDisabled { cursor: default; background:none;}
.jspVerticalBar .jspArrow {height:0;}
.jspHorizontalBar .jspArrow {width:0; float: left; height: 0;}
.jspVerticalBar .jspArrow:focus {outline: none; }
.jspCorner {background:none; float: left; height: 0;}




/*--------------------------------+
	index                      
+--------------------------------*/
.swiper1 {max-height:482px; min-height:12rem; background-color:#efefef;} 
.swiper1 .swiper-slide {width:100% !important;}
.procat {padding-top:0.875rem; margin-top:0.875rem;}
.partit {font-family:"MyriadProBold"; color:#2D5E91;}
.posterwrap {margin-top:1.125rem;}
.poster-main{position:relative;margin:0px auto;visibility:hidden;}
.poster-main.done{visibility:visible;}
.poster-main a,.poster-main img{display: block;border:0px}
.poster-main .poster-list{position:relative; width:100%; height:100%;list-style:none; margin:auto;}
.poster-main .poster-btn{
    position:absolute;
    height: 234px;
    width:100px;
    top:0;
    z-index:10;
    opacity:.5;
    color:black;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;
    transition: opacity .3s; 
}
.poster-main .poster-btn:hover{
    opacity:.8;
    transition: opacity .3s; 
}
.poster-main .poster-item{position:absolute;left:0;top:0; opacity:1 !important;}
.slide-style.slide-icon li:last-child{
    margin-right:0px;
}
.poster-item .text {position:absolute; top:0; left:0; width:100%; height:100%; padding:0.75rem; color:#fff;}
.poster-item .text .p1 {margin-bottom:0.5rem;}
.poster-item .text .more {position:absolute; bottom:18px; right:18px; line-height:24px;}
.poster-item .text .ui_icon {width:24px; height:24px; background:url(../images/jt8.png) no-repeat center; margin-left:0.5rem;}
.posterwrap .poster-left-btn{
    left:-100px;
    background:url(../images/jt4-1.png) no-repeat center;
}
.posterwrap .poster-right-btn{
    right:-100px;
    background:url(../images/jt4-2.png) no-repeat center;
}
.posterwrap .poster-btn {width:44px !important; height:44px !important; background-color:#2D5E91; position:absolute; z-index:20; top:50%; margin-top:-22px; cursor:pointer;}

.newpro {padding-top:35px;}
.index_news {padding-top:0.25rem; padding-bottom:1.375rem;}
.swiper2,.swiper3 {margin:0 -0.25rem; padding-top:0.75rem;}
.swiper2 a,.swiper3 a {display:block; margin:0 0.25rem; color:#2D5E91; border:1px solid #ebeff1; border-bottom:none;
-webkit-transition:all .3s;
   -moz-transition:all .3s;
    -ms-transition:all .3s;
     -o-transition:all .3s;
        transition:all .3s;
}
.swiper2 a:hover,.swiper3 a:hover {box-shadow:0 0 10px 0 rgba(0,0,0,.1);}
.swiper2 a .text {margin:0.5rem 0.375rem; line-height:22.5px; height:45px;}
.swiper3 a .tit {font-family:"MyriadProBold"; margin:0.5rem 0.375rem; line-height:24px; height:72px;}
.swiper3 a .date {font-family:"MyriadProLight"; margin:1rem 0.375rem 0.625rem 0.375rem; line-height:24px;}
.swiper2 a .ui_icon,.swiper3 a .ui_icon {display:block; width:100%; height:0.25rem; background:url(../images/bg1.jpg) repeat-y center; background-size:100% auto; padding:0 1px; left:-1px;}
.swiper-prev2 {
    left:0;
    background:url(../images/jt4-1.png) no-repeat center;
}
.swiper-next2 {
    right:0;
    background:url(../images/jt4-2.png) no-repeat center;
}
.swiper-btn2 {width:44px !important; height:44px !important; background-color:#2D5E91; position:absolute; z-index:2; top:50%; margin-top:-22px; cursor:pointer;}
.view_more {font-family:"MyriadProBold"; display:inline-block; margin:0.5rem 0; color:#2D5E91;}
.view_more .ui_icon {width:8px; height:12px; background:url(../images/jt5.png) no-repeat center; margin-left:0.5rem;}

.slide{
	display:none;
	width: 100%;
	min-height: 180px;
	overflow: hidden;
	position: relative;
	margin-top:1.125rem;
}
.slide .img{
	position:relative; 
	font-size:0;
	position: absolute;
	transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;
}
.slide .img img{
	width: 100%;
	height: 100%;
}
.slide .img1{
	width: 44.7%;
	height:65.2%;
	top:17.4%;
	left: -44.7%;
	z-index: 2;
}
.slide .img2{
	width: 56.7%;
	height:82.6%;
	top:8.7%;
	left: 0%;
	z-index: 2;
}
.slide .img3{
	width: 68.65%;
	height:100%;
	top:0;
	left: 15.675%;
	z-index: 3;
}
.slide .img4{
	width: 56.7%;
	height:82.6%;
	top:8.7%;
	left: 43.28%;
	z-index: 2;
}
.slide .img5{
	width: 44.7%;
	height:65.2%;
	top:17.4%;
	left: 144.7%;
	z-index: 2;
}
.slide-bt{
	position: absolute;
	left: 50%;
	bottom: 13%;
	z-index: 10;
	display:none;
}
.slide-bt span{
	width: 24px;
	height: 8px;
	background: #c9caca;
	float: left;
	margin: 5px;
	border-radius: 4px;
}
.slide .slide-bt .on{
	background: #ffd200;
}
.slidebtn_l,.slidebtn_r {width:44px; height:44px; position:absolute; z-index:10; top:50%; margin-top:-22px; font-size:0; overflow:hiddden; background-image:-webkit-linear-gradient(left, #2D5E91, #0053a4 100%); display:none;}
.slidebtn_l {left:0;}
.slidebtn_r {right:0;}
.slidebtn_l:after,.slidebtn_r:after {content:""; display:block; width:12px; height:18px; position:absolute; top:50%; left:0; right:0; margin:-9px auto 0;}
.slidebtn_l:after {background:url(../images/jt4-1.png) no-repeat center;}
.slidebtn_r:after {background:url(../images/jt4-2.png) no-repeat center;}
.slide .text {position:absolute; top:0; left:0; width:100%; height:100%; padding:0.75rem; color:#fff;}
.slide .text .p1 {margin-bottom:0.5rem;}
.slide .text .more {position:absolute; bottom:18px; right:18px; line-height:24px;}
.slide .text .ui_icon {width:24px; height:24px; background:url(../images/jt8.png) no-repeat center; margin-left:0.5rem;}


/*--------------------------------+
    page_index                      
+--------------------------------*/
.page_con {font-family:"MyriadProLight";width:100%;max-width:100%;line-height:33.6px;padding:2.5rem 0 1.75rem 0;}
.page_con>* {margin-bottom:0.75rem;}
.page_con img {padding:0.75rem 0;}
.page_con .areatit {font-family:"MyriadProBold"; font-size:28px; color:#2D5E91; margin-bottom:0.6rem;}
.page_con .blueblod {font-family:"MyriadProBold"; color:#2D5E91;}

/*--------------------------------+
	about                      
+--------------------------------*/
.about_con {font-family:"MyriadProLight"; width:780px; max-width:100%; line-height:33.6px; padding:2.5rem 0 1.75rem 0;}
.about_con>* {margin-bottom:0.75rem;}
.about_con img {padding:0.75rem 0;}
.about_con .areatit {font-family:"MyriadProBold"; font-size:28px; color:#2D5E91; margin-bottom:0.6rem;}
.about_con .blueblod {font-family:"MyriadProBold"; color:#2D5E91;}
.services_form>ul {margin:0 -0.25rem;}
.services_form>ul>li {width:50%; float:left; margin-bottom:12px;}
.services_form>ul>li:last-of-type {width:100%;}
.services_form .elewrap {margin:0 0.25rem;}
.services_form .formele {width:100%; height:50px; padding:0 10px; border:1px solid #dce4e8; border-radius:3px;}
.services_form .formele:hover {border-color:#2D5E91;}
.services_form textarea.formele {padding:0.3rem 0.25rem; min-height:150px;}
.services_form select.formele {background:url(../images/jt10.png) no-repeat 95% center; color:#2D5E91; display:none;}
.services_form .submit {width:115px; height:40px; line-height:40px; border-radius:3px; color:#fff; background-color:#f18e00; text-align:center; float:right; margin-right:0.25rem;}
.form_select {position:relative;}
.valarea {cursor:pointer; line-height:50px; color:#2D5E91;}
.valarea .ui_icon {width:14px; height:10px; background:url(../images/jt10.png) no-repeat center; position:absolute; top:50%; margin-top:-5px; right:20px;}
.form_select .select_lists {position:absolute; display:none; opacity:0; top:70px; left:0; width:100%; background-color:#fff; border:1px solid rgba(255,255,255,0); box-shadow:0 0 10px 0 rgba(0,0,0,.2);}
.form_select .select_lists.on {overflow: auto;max-height: 329px;top:50px; z-index:2; opacity:1;display:block;}
.form_select .select_lists:hover {border-color:#7a9cd3;}
.form_select .select_lists li {padding:0 0.25rem; height:40px; line-height:40px; border-bottom:1px solid #ebebeb; cursor:pointer;}
.form_select .select_lists li:hover {background-color:#2D5E91; color:#fff;}
.form_select .select_lists li:last-of-type {border-bottom:none;}
.form_select .select_lists li span {display:block;white-space:nowrap;text-overflow:ellipsis;-webkit-text-overflow:ellipsis; -o-text-overflow:ellipsis; -moz-binding:url('ellipsis.xml#ellipsis'); overflow:hidden;/*min-height:36px;*/display:block;}




/*--------------------------------+
	products                      
+--------------------------------*/
.proarea1 {padding-bottom:2rem;}
.proarea1 .areatit {font-family:"MyriadProBold"; font-size:1.1rem; color:#2D5E91; padding:1.25rem 0 0.75rem 0; }
.proarea1 .proarea1_det{position:relative;}
.proarea1 .show-toggle {position: absolute;bottom:-40px;z-index: 2;width: 100%;padding-top: 10px;height: 45px; background:url(../images/show-toggle-bg.png) left -20px;}
.proarea1 .show-toggle-bt45{bottom:-45px;position:unset;}
.proarea1 .show-toggle .content_move {display: block;margin: 0 auto;width: 120px;height: 30px;line-height: 30px;background:#0070c0;color: #fff;border-radius: 3px;box-shadow: 0 0 1px 0px #eee;text-align: center;text-indent: 0;font-size: 14px;cursor: pointer;}
.proarea1 .ui_text {font-family:"MyriadProLight"; line-height:33.6px;}
.proarea1 .ui_text.morebox img{display:none;}
.proarea1 .ui_text.morebox{max-height: 100.8px;overflow: hidden;position: relative;}
.proarea1 .ui_text.morebox.show{max-height: 100%;}
.proarea1 .ui_text.morebox .content_move{ }
.pro_category a {font-family:"MyriadProBold"; display:inline-block; padding:0 0.375rem; height:32px; line-height:32px; background-color:#b9c9d0; color:#fff; margin:0 3px 0.5rem 5px; text-transform:uppercase;}
.pro_category a.on{ background-color:#2D5E91; }
.Sort_select {padding:0.375rem; border:1px solid #ebeff1; background-color:#eceff3; margin-top:0.5rem;}
.Sort_select .form_select {width:310px; float:right;}
.Sort_select .valarea {height:36px; line-height:36px; border:1px solid #dce4e8; padding:0 12px; background-color:#fff;}
.Sort_select .select_lists.on {top:36px;}
.Sort_select .select_lists li {height:36px; line-height:36px;}
.pro_lists {margin-bottom:1rem;}
.pro_lists ul {margin:0 -0.25rem;}
.pro_lists li {width:50%; float:left; margin-top:0.5rem;}
.pro_lists .elewrap {margin:0 0.25rem; background-color:#fff; border:1px solid #edf0f2;}
.pro_lists .ui_img {width:calc(100% - 4.25rem - 5.57rem);}
.pro_lists .ui_text {word-break:break-all; padding-right:0.5rem;}
.pro_lists .textbody1 {width:4.25rem; font-family:"MyriadProBold"; color:#2D5E91;}
.pro_lists .textbody2 {width:5.57rem; font-family:"MyriadProLight"; line-height:22px;}
.pro_lists .textbody2 .inwrap>p {white-space:nowrap;text-overflow:ellipsis;-webkit-text-overflow:ellipsis; -o-text-overflow:ellipsis; -moz-binding:url('ellipsis.xml#ellipsis'); overflow:hidden;/*min-height:36px;*/display:block;}
.pro_lists .fontblue {color:#2D5E91;}
.pro_lists .fontcyan {color:#4da236;}




/*--------------------------------+
	products details                      
+--------------------------------*/
.pro_details {margin-bottom: 3rem;}
.prodets_top .pro_name {font-family:"MyriadProBold"; font-family: times;font-size:1.1rem; color:#2D5E91; padding:2rem 0 0.5rem 0; background-image: -webkit-linear-gradient(left, #2D5E91, #2D5E91 100%); color: transparent;-webkit-text-fill-color: transparent; -webkit-background-clip: text;}
.prodets_top .pro_des {width:calc(100% - 330px);}
.prodets_top .pro_des span {font-family:"MyriadProLight"; display:inline-block; vertical-align:middle; margin-right:1rem;} 
.prodets_top .ui_btn0 {float:right; min-width:80px; padding: 0 5px;height:36px; line-height:36px; border-radius:3px; background-color:#f18e00; color:#fff; text-align:center; margin-left:10px;}
.prodets_top .ui_btn0 .ui_icon {width:19px; height:19px; background:url(../images/jt.png) no-repeat -44px 0; margin-right:7px; top:-1px;}
.prodets_body {padding:1.5rem 0 1.25rem 0;}
.prodets_body .ui_img {width:9.5rem; max-width:380px; background-color:#fff; border:1px solid #ecf0f2;}
.prodets_body .ui_null {width:0.5rem;}
.prodets_body table {border:1px solid #ecf0f2; text-align:center; font-size:18px;}
.prodets_body table tr {border-bottom:1px solid #ecf0f2;}
.prodets_body th,.prodets_body td {padding:15px 0;}
.prodets_body th {background-color:#eceff3;}
.prodets_body td {font-family:"MyriadProLight";}
.prodets_body .cell1 {width:21.25%;}
.prodets_body .cell2 {width:20%;}
.prodets_body .cell3 {width:21.25%; color:#f18e00;}
.prodets_body .cell4 {width:100px;}
.prodets_body .cellbot {text-align:right;}
.prodets_body .cellbot .ui_block1 {width:4.5rem; margin:0 0.875rem 0 0.625rem;}
.prodets_body .discount {margin-bottom:15px;}
.prodets_body .total .ui_block1 {font-family:"MyriadProBold";}
.prodets_body .note {font-family:"MyriadProLight"; padding:0.5rem 0;}
.amount1 .ui_btn1 {width:22px; height:24px; background-color:#ebedf1; border-radius:2px; cursor:pointer;}
.amount1 .jian .ui_icon {width:4px; height:2px; background:url(../images/jt.png) no-repeat -63px 0;}
.amount1 .jia .ui_icon {width:7px; height:8px; background:url(../images/jt.png) no-repeat -63px -3px;}
.amount1 .ui_block1 {width:40px; height:24px; border:1px solid #ebedf1; border-radius:2px; text-align:center;}
.amount1 .ui_block1 input {width:100%; height:100%; text-align:center; font-size:14px;}
.quotation,.add_to_cart {font-family:"MyriadProBold"; float:right; height:40px; line-height:40px; border-radius:3px; color:#fff; margin-left:0.5rem;}
.quotation {padding:0 0.6rem; background-color:#f18e00;}
.add_to_cart {padding:0 0.9rem; background-color:#2D5E91;}
.add_to_cart.gray-btn {color: #fff;background-color: #868686;}
.tabbar {background-color:#eceff3; height:55px; line-height:55px; font-size:18px;}
.tabbar span {float:left; padding:0 1rem; min-width:75px; text-align:center; color:#2D5E91; cursor:pointer; font-size:20px;}
.tabbar span.on {font-family:"MyriadProBold"; background-image: linear-gradient(45deg,#2D5E91 0,#2D5E91 100%); color:#fff;}
.swiper4>.swiper-wrapper>.swiper-slide:first-of-type {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:1rem;}
.swiper4 {border:1px solid #ebeff1; border-top:none;}
.swiper4 .swiper-slide {background-color:#fff;}
.swiper4 .swiper-slide-active {opacity:1 !important;}
.swiper4 .swiper2 {padding:1rem 0;}
.swiper4 table {width:100%; padding:0.75rem 1.1rem; font-size:18px;}
.swiper4 table td {line-height:36px;}
.swiper4 table td:first-of-type {width:230px;}
.prodets3 {margin-bottom:3rem;}
.prodets3 .areatit {padding:0 1rem; height:55px; line-height:55px; background-color:#cddfee; color:#2D5E91;}
.prodets3 .areabody {padding:1rem; background-color:#fff; border:1px solid #ebeff1; border-top:none;}
.prodets3 table {width:100%;}
.prodets3 table td {line-height:36px;}
.prodets3 table td:first-of-type {width:230px;}
.protc {background-color:rgba(0,0,0,.3); display:none;}
.protc.on {display:block;}
.protc .ui_close2 {z-index:9;top:23px; right:23px; width:23px; height:23px; background:url(../images/close.png) no-repeat center;}
.protc>.ui_block1 {width:890px; height:670px; max-width:100%; max-height:100%; background-color:#fff;}
.protc .scrollbody {position:relative; width:100%; height:100%;} 
.protc .apsbody {padding:1rem 1.625rem;}


.protc .tit {font-family:"MyriadProBold"; color:#2D5E91; padding:5px 0; margin-bottom:0.75rem;}
.protc .p {line-height:32px;}
.protc .mail a {display:inline-block; margin-right:1.625rem; color:#2D5E91;}
.protc .tcwrap>ul {margin-top:0.75rem;} 
.protc .ui_tabcell {padding:9px 0;}
.protc .ui_tabcell:first-of-type {width:225px;} 
.protc .ui_tabcell:first-of-type i {font-size:20px; color:#f18e00;}
.protc input,.protc .valarea {width:100%; height:50px; border-radius:3px; border:1px solid #dce4e8; background-color:#fafafa; padding:0 13px;} 
.protc .submit {font-family:"MyriadProBold"; display:block; margin:1rem auto 0; width:195px; height:40px; background-color:#f18e00; color:#fff;}
.protc .gray-btn {color: #fff;background-color: #868686;}
.protc .ui_ramps {position:absolute; bottom:0; left:0; height:10px;}



/*--------------------------------+
	news                       
+--------------------------------*/
.news_center {margin-bottom:2rem;}
.news_center .page_tit {font-family:"MyriadProBold"; padding:1.5rem 0 1.75rem 0;}
.newslists {margin:-0.5rem -0.25rem;}
.newslists .ui_img {background:url(../images/loading.gif) no-repeat center;}
.newslists li {width:33.33%; float:left;}
.newslists a {display:block; margin:0.5rem 0.25rem; color:#2D5E91; border:1px solid #ebeff1; border-bottom:none;}
.newslists a:hover {box-shadow: 0 0 10px 0 rgba(0,0,0,.1);}
.newslists a .tit {margin:0.5rem 0.375rem; line-height:24px; height:72px;}
.newslists a .date {margin:1rem 0.375rem 0.625rem 0.375rem; line-height:24px;}
.newslists a .ui_icon {display:block; width:100%; height:0.25rem; background:url(../images/bg1.jpg) repeat-y center; background-size:100% auto; padding:0 1px; left:-1px;}
.news_center .lists_bot {padding:0.5rem 0;}



/*--------------------------------+
	news details                       
+--------------------------------*/
.news_con {font-family:"MyriadProLight"; width:860px; max-width:100%;}
.news_con {padding-bottom:2.5rem;}
.news_con .areatit {font-family:"MyriadProBold";color:#2D5E91; padding:0.5rem 0;}
.news_con .news_date {color:#2D5E91; padding:0.75rem 0 1.25rem 0;}
.newshows {padding-bottom:1rem;}
.newshows img {max-width:100%;}
.newshows>p {margin-bottom:1rem;}
.newsdets_bot {border-top:1px dashed #000; padding:1rem 0 2rem 0;}



/*--------------------------------+
	support Billing                       
+--------------------------------*/
.support .page_tit {font-family:"MyriadProBold"; padding:1.25rem 0 1.5rem 0;}
.sup_con {padding-bottom:2rem; min-height:11.25rem;}
.coming_soon {position:absolute; top:30%; left:0; right:0; margin:auto; width:9.2rem; height:1.55rem; background-size:100%;}



/*--------------------------------+
	support brochures                       
+--------------------------------*/
.brochures {padding-bottom:15px;}
.brochures .ui_img {background:url(../images/loading.gif) no-repeat center;}
.brochures ul {margin:-0.625rem -0.25rem;}
.brochures li {width:25%; float:left;}
.brochures .liwrap {margin:0.625rem 0.25rem; text-align:center; overflow:hidden;}
.brochures .ui_btn1 {width:138px; height:40px; line-height:40px; border-radius:3px; background-color:#f18e00; color:#fff; margin:0.625rem 0;}
.brochures .ui_btn1 .ui_icon {width:19px; height:19px; background:url(../images/jt.png) no-repeat -44px 0; margin-right:8px;}




/*--------------------------------+
	support download                       
+--------------------------------*/
.supdownload .swiper-slide {font-family:"MyriadProLight"; padding:1.75rem 1.2rem 1.5rem 1.2rem;}
.supdownload p {line-height:33.6px;}
.supdownload .slidewrap {width:730px; max-width:100%;}
.supdownload ul {padding:1rem 0 0.5rem 0}
.supdownload li input {width:100%; height:55px; border-radius:3px; border:1px solid #dce4e8; background-color:#fafafa; margin:0.375rem 0; padding:0 0.375rem;}
.supdownload .ui_btn0 {font-family:"MyriadProBold"; float:right; padding:0 0.625rem; height:42px; line-height:42px; background-color:#f18e00; color:#fff; border-radius:2px;}
.supdownload .inputit {font-family:"MyriadProBold";}
.supdownload .p1 {margin-bottom:0.5rem;}
.findresult table {width:100%; margin:0.5rem 0 1.25rem 0; color:#2D5E91;}
.findresult tr:first-of-type {margin:0.5rem 0;}
.findresult th {height:74px; line-height:74px; background-color:#eceff3; border-bottom:1px solid #ebeff1;}
.findresult td {background-color:#fff; padding-top:0.625rem; padding-bottom:0.625rem; border-bottom:1px solid #ebeff1;}
.findresult td.cell1 {font-family:"MyriadProBold"; border-left:1px solid #ebeff1; width:220px; padding-left: 1.125rem; padding-right: 1.125rem; word-break:break-all; text-align:left;}
.findresult td.cell2 {width:6rem; min-width:120px; text-align:center;}
.findresult td.cell3 {border-right:1px solid #ebeff1; padding-left: 1.2rem; padding-right: 1.2rem; text-align:right;}
.findresult .ui_btn1 {width:138px; height:40px; line-height:40px; border-radius:3px; background-color:#f18e00; color:#fff;}
.findresult .ui_btn1 .ui_icon {width:19px; height:19px; background:url(../images/jt.png) no-repeat -44px 0; margin-right:8px;}


/*--------------------------------+
	support support                       
+--------------------------------*/
.clientsup {padding-bottom:0.5rem;}
.clientsup li {margin-bottom:0.8rem;}
.clientsup .suptit {color:#2D5E91; padding:0.3rem 34px 0.3rem 0; border-bottom:1px solid #ebeff1; position:relative; cursor:pointer;}
.clientsup .on .suptit {color:#2D5E91;}
.clientsup .suptit:after {content:""; display:block; width:17px; height:11px; background:url(../images/jt.png) no-repeat 0 -16px; position:absolute; top:50%; margin-top:-5.5px; right:0;}
.clientsup .on .suptit:after {background:url(../images/jt.png) no-repeat 0 -28px;}
.clientsup .supbody {font-family:"MyriadProLight"; padding:0.8rem 1rem; line-height:36px; display:none;}
.clientsup .on .supbody {display:block;}
.clientsup .botp {padding:5px 0}





/*--------------------------------+
	  join_us                     
+--------------------------------*/
.join_us {padding-bottom:3rem;}
.join_us .page_tit {font-family:"MyriadProBold"; padding:1.25rem 0 2rem 0;}
.job_lists {margin-bottom:1rem;}
.job_lists ul {margin:-0.5rem -0.25rem;}
.job_lists li {width:33.33%; float:left;}
.linkjobdet {display:block; margin:0.5rem 0.25rem; background-color:#fff;}
.linkjobdet .awrap {border:1px solid #ebeff1; border-bottom:none;}
.linkjobdet .job_name {font-family:"MyriadProBold"; color:#2D5E91; margin:0.375rem 0.5rem 0.5rem 0.5rem; max-height:47px;}
.linkjobdet .job_des {font-family:"MyriadProLight"; line-height:24px; padding:0 0.5rem;}
.linkjobdet .issue_date {font-family:"MyriadProLight"; color:#2D5E91; padding:0.375rem 0.5rem 0.5rem 0.5rem;}
.linkjobdet .ui_ramps {height:10px;}




/*--------------------------------+
	  join_us details                    
+--------------------------------*/
.job_con {font-family:"MyriadProLight"; width:840px; max-width:100%;}
.job_con {padding-bottom:1.5rem;}
.job_con .areatit {font-family:"MyriadProBold";color:#2D5E91; padding:0.5rem 0;}
.job_con .issue_date {color:#2D5E91; padding:0.75rem 0 1.25rem 0;}
.jobshows {padding-bottom:1rem; line-height:28px;}
.jobshows img {max-width:100%;}
.jobshows>p.ui_bluefont1,.jobshows a.ui_bluefont1 {font-family:"MyriadProBold";}
.jobdets_bot {border-top:1px dashed #000; padding:1rem 0 2rem 0;}
.job_table {width:780px; max-width:100%; border:1px solid #ebeff1;}
.job_table li {float:left; padding-bottom:0.375rem;}
.job_table .lie1 {width:25.6%;}
.job_table .lie2 {width:48.7%;}
.job_table .lie3 {width:25.7%;}
.job_table .pwrap {padding:5px 0.375rem;}
.job_table .tit {font-family:"MyriadProBold";background-color:#eceff3; padding:10px 0.375rem; margin-bottom:0.25rem; color:#2D5E91;}
.job_table .pwrap p:first-of-type {font-family:"MyriadProBold";}



/*--------------------------------+
	  join_us search                    
+--------------------------------*/
.intotal {font-family:"MyriadProBold"; color:#2D5E91; padding:1.5rem 0 1rem 0;}
.search_page .search_area {max-width:100% !important; padding:0.75rem; background-color:#eef2f4;}
.search_page .search_form{width:100%; box-shadow:none; border:1px solid #dce4e8; border-radius:2px;}
.search_page .search_btn {width:48px; height:48px; background:#2D5E91 url(../images/search-btn3.png) no-repeat center; border-radius:2px; margin-top:-24px; right:6px;}




/*--------------------------------+
	  login                    
+--------------------------------*/
.login_page .page_tit {font-family:"MyriadProBold"; padding:1rem 0 1.5rem 0;}
.login_table {margin-bottom:2.5rem;}
.login_table .ui_tabcell {width:48.9%; padding:1rem 1rem 2rem 1rem;}
.tabl {background-color:#eceff3;}
.tabr {background-color:#E5FAF8;}
.login_table .p1 {font-family:"MyriadProBold"; color:#2D5E91; padding-bottom:0.5rem; margin-bottom:0.75rem;} 
.tabl .p1 {border-bottom:1px solid #2D5E91;}
.tabr .p1 {border-bottom:1px solid #b9c2c9;}
.login_table .p2 {margin-bottom:0.375rem;}
.tabl ul {line-height:28px; margin-bottom:0.5rem; font-size:18px;}
.tabl li .ui_icon {width:5px; height:5px; border-radius:50%; background-color:#333; top:-2px; margin-right:0.375rem;} 
.login_table .gosign,.login_table .submit {width:auto; padding:0 1rem; height:42px; line-height:42px; border-radius:3px; background-color:#2D5E91; color:#fff; text-align:center;}
.tabr li {margin-bottom:0.5rem;}
.tabr .inputit {width:calc(100% - 7.625rem); float:left; line-height:50px;}
.tabr .input {width:7.625rem; height:50px; background-color:#fff; border:1px solid #dce4e8; border-radius:2px; float:right;padding: 0 0.2rem;}
.tabr .li3,.tabr .li4 {color:666; padding-left:calc(100% - 305px); position:relative;}
.tabr .li3 .ui_block1 {position:relative; margin:10px 0; font-size:16px;}
.tabr .li3 .ui_icon {width:12px; height:12px; background-color:#fff; border:1px solid #dce4e8; margin-right:0.25rem; top:-2px;}
.tabr .li3 .checked {border-color:#333; background:#fff url(../images/jt.png) no-repeat -76px -18px;}
.tabr .li3 input {position:absolute; z-index:2; top:0; left:0; width:100%; height:100%; opacity:0;}
.tabr .li4 {text-align:right;}
.tabr .li4 .forgot_pwd {color:#2D5E91; margin-right:0.7rem;}




/*--------------------------------+
	  Register                    
+--------------------------------*/
.sign_page .page_tit {font-family:"MyriadProBold"; padding:1rem 0 1.25rem 0;}
.sign_table {margin-bottom:3rem;}
.signl {width:calc(100% - 14.5rem); padding-right:2rem; font-size:18px;}
.signr {width:14.5rem; padding:0.9rem 1rem; background-color:#E5FAF8;}
.signl .ui_bluefont1 {font-family:"MyriadProBold"; padding:0.25rem 0; margin-top:0.5rem;}
.signl .ui_bluefont1:first-of-type {margin-top:0.25rem;}
.signl .link {color:#2D5E91; text-decoration:underline;}
.signr>p {margin-bottom:0.75rem;}
.signl p:not(.ui_font28){line-height:28px;}
.signr .p1 {font-family:"MyriadProBold"; color:#2D5E91; padding-bottom:0.5rem; border-bottom:1px solid #6da5d4;}
.signr .inputit {display:block; width:38%; float:left; line-height:50px;}
.signr li>.ui_block0 {width:62%; float:left;}
.signr .input {width:100%; height:50px; line-height:50px; background-color:#fff; border:1px solid #dce4e8; border-radius:2px; padding:0 0.375rem;}
.format {color:#666;padding:5px 0; font-size:16px;}
.signr li:last-of-type {margin-bottom:0;}
.signr .submit {padding:0 0.625rem; height:40px; background-color:#2D5E91; color:#fff; border-radius:2px;}
.signr .submit.gray-btn {color: #fff;background-color: #868686;}
.sign_step1 .signr .li2 .format {padding-right:75px; position:relative;}
.sign_step1 .signr .li2 .format a {position:absolute; top:5px; right:0; color:#2D5E91; text-decoration:underline;}
.sign_step1 .signr .li3 {padding:0.625rem 0;}
.sign_step1 .signr .li3>.ui_block1 {width:68%; padding-left:25px; color:#666; position:relative; font-size:16px;}
.sign_step1 .signr .li3 .ui_icon {width:12px; height:12px; background-color:#fff; border:1px solid #dce4e8; margin-right:0.25rem; position:absolute; top:0; left:0;}
.sign_step1 .signr .li3 .checked {border-color:#333; background:#fff url(../images/jt.png) no-repeat -76px -18px;}
.sign_step1 .signr .li3 input {position:absolute; z-index:2; top:0; left:0; width:100%; height:100%; opacity:0;}
.sign_step1 .signr .li4 {text-align:right;}

.sign_step2 .signr li {margin-bottom:0.5rem;}
.sign_step2 .signr .li5 {padding-top:0.5rem; text-align:right;}
.sign_step2 .skip {color:#2D5E91; float:left; line-height:40px;}

.sign_step3 ul {padding-top:0.25rem;}
.sign_step3 .signr .li2 {text-align:right; padding-top:1rem;}




/*--------------------------------+
	  member center                    
+--------------------------------*/
.memberCenter .page_tit {font-family:"MyriadProBold"; margin:1rem 0; position:relative;}
.vipbody {margin-bottom:2.5rem; position:relative;}
.vipmenu {width:280px; background-color:#eceff3; margin-right:18px;}
.vipmenu ul {padding:16px 0;}
.vipmenu li a {display:block; padding:14px 0.7rem; color:#2D5E91;}
.vipmenu .on a,.vipmenu li:hover a {font-family:"MyriadProBold";}

.vipmenu li:first-of-type a {padding:20px 0.7rem;} 
.vipmenu:after {content:""; display:block; width:100%; height:10px; background-image: linear-gradient(45deg,#2D5E91 0,#2D5E91 100%);}
.vipmain {width:calc(100% - 298px); background-color:#eceff3;}

.my_account {font-family:"MyriadProLight"; padding:1rem 1.25rem;}
.accountinfo {padding-bottom:0.9rem; border-bottom:1px solid #ebeff1; margin-bottom:1.25rem;}
.accountinfo li {line-height:34px;}
.accountinfo li>span {display:inline-block; vertical-align:middle;}
.accountinfo li .tit {width:80px;}
.accountinfo li .con {color:#fa8100;}
.dollar {font-family:"MyriadProBold"; margin-right:0.7rem;}
.recharge {text-decoration:underline;}
.accountinfo .firstli {padding-right:150px; position:relative; line-height:inherit; margin-bottom:0.6rem;}
.edit_account {position:absolute; top:0; right:0; color:#2D5E91; line-height:24px;}
.edit_account .ui_icon {width:16px; height:16px; top:-1px; background:url(../images/jt.png) no-repeat -72px 0; margin-right:0.3rem;}
.manageui {padding-bottom:0.5rem;}
.manageui ul {margin:-0.7rem 0;}
.manageui li {width:50%; float:left; margin:0.7rem 0;}
.manageui .ui_img {width:2.625rem; height:2.625rem; border-radius:50%;}
.manageui .ui_text {font-family:"MyriadProLight"; width:calc(100% - 2.625rem);}
.manageui .ui_text>p {padding:0 0.375rem;}




/*--------------------------------+
	  member order                    
+--------------------------------*/
.my_order {padding:1rem 1.25rem 1.25rem 1.25rem;}
.my_order .areratit {font-family:"MyriadProBold"; color:#2D5E91;}
.order_type {padding-right:245px; padding:11.5px 0; margin:10px 0 0.75rem 0;}
.order_type a {display:block; float:left; color:#2D5E91; margin:0 15px; position:relative;}
.order_type a:first-of-type {margin-left:0;}
.order_type a:before {content:""; display:block; width:1px; height:16px; background-color:#dcdedf; position:absolute; top:1.5px; left:-15px;}
.search_order {position:absolute; top:0; right:0; width:150px; padding-right:40px; height:42px; border-radius:3px; border:1px solid #dce4e8; background-color:#fff;}
.search_order:focus{ width:100%;}
.order_type a:first-of-type:before {display:none;}
.search_order .input {height:40px; padding:0 10px; width:100%;}

.search_order .button {position:absolute; top:50%; margin-top:-18px; right:2px; width:36px; height:36px; border-radius:2px; background:#2D5E91 url(../images/search-btn3.png) no-repeat center; background-size:18px;}

.order_lists ui {padding:0 0.25rem 0.25rem 0;; }
.order_lists li {margin-bottom:0.75rem;}
.order_lists .orderbox {border:1px solid #2D5E91; position:relative;}
.tophalf {padding:0.75rem; background-color:#deeaf4;}
.tophalf .p1 {color:#2D5E91; margin-bottom:0.375rem;}
.orderinfo li {float:left; margin:0 10px; position:relative;}
.orderinfo li:before {content:""; display:block; width:1px; height:16px; background-color:#c7d2db; position:absolute; top:1.5px; left:-10px;}
.orderinfo li:first-of-type {margin-left:0;}
.orderinfo li:first-of-type:before {display:none;}
.bothalf {padding:15px 0;}
.order_lists .bothalf {padding-left:0.75rem; padding-right:0.75rem;}

.bothalf_list {position:relative;}
.orderbox .ui_img {width:98px; border:1px solid #ecf0f1; background-color:#fff;}
.orderbox .lastcell {position:absolute; top:50%; right:0.75rem; width:150px;
-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);
}
.orderbox .lastcell a {display:block; width:100%; height:30px; line-height:30px; margin:10px 0; text-align:center; cursor:pointer;}
.orderbox .lastcell a:hover {border-color:#2D5E91; color:#2D5E91;}
.orderbox .pay {background-color:#f69a0a; color:#fff;}
.orderbox .lastcell .pay:hover {color:#fff;}
.orderbox .order_dets,.orderbox .order_del {border:1px solid #d6d6d6; color:#777;}
.orderbox .tabwrap {max-width:295px; padding:0 15px;}
.orderbox .pro_name {margin-bottom:10px; color:#2D5E91;}

/*--------------------------------+
	  member order details                   
+--------------------------------*/
.order_details {padding:1rem 1.25rem;}
.order_details .detstop {padding:0.75rem 0 0.5rem 0; border-bottom:1px solid #dcdedf;}
.order_details .areatit {font-family:"MyriadProBold"; color:#2D5E91;}
.order_no {line-height:30px; padding-right:321.5px;}
.handle_order {position:absolute; top:0; right:0;}
.handle_order a {display:inline-block; vertical-align:middle; width:150px; height:30px; line-height:30px; text-align:center; margin-left:9px;}
.handle_order .cancel {border:1px solid #d6d6d6;}
.handle_order .pay {background-color:#f69a0a; color:#fff;}
.orderbox .p0 {padding:0.75rem 0; color:#f69a0a;}
.related_handle {border-top:1px solid #dcdedf;}
.related_handle>ul {padding:1rem 0; border-bottom:1px solid #dcdedf;}
.related_handle .firstli {padding-right:200px; position:relative; margin-bottom:24px;}
.related_handle .firstli a {width:150px; height:30px; line-height:30px; border:1px solid #d6d6d6; text-align:center; position:absolute; top:0; right:0;}
.related_handle .firstli a:hover {border-color:#2D5E91; color:#2D5E91;}
.related_handle li>div {display:block; float:left; line-height:32px;}
.related_handle .tit {width:125px;}
.related_handle .con {width:calc(100% - 125px);}
.order_bot {padding-top:0.625rem;}
.order_bot .row {padding:0.375rem 0;}
.order_bot .ui_block1 {width:170px;}
.order_bot .ui_orangefont {font-family:"MyriadProBold";}
.tax_select .form_select {display:inline-block; vertical-align:middle; width:52px;}
.tax_select .valarea {line-height:25px; border:1px solid #dfdfdf; background-color:#fff; text-align:left; padding:0 0.25rem; color:#333;}
.tax_select .valarea .ui_icon {width:5px; height:4px; margin-top:-2px; background: url(../images/jt.png) no-repeat -53px -29px; right:8px;}
.tax_select .select_lists {top:45px;}
.tax_select .select_lists.on {top:27px;}
.tax_select .select_lists li {height:23px; line-height:23px;}

.handle_tc {background-color:rgba(0,0,0,.3); display:none;}
.handle_tc.on {display:block;}
.handle_tc .hdltc_main {opacity:0; background-color:#fff; max-width:100%; max-height:100%; position:relative;}
.handle_tc .hdltc_main.on {opacity:1;}
.handle_tc .ui_close2 {width:23px; height:23px; background:url(../images/close.png) no-repeat center; position:absolute; z-index:10; top:0.625rem; right:1.25rem;}
.handle_tc .scrollbody {position:relative; width:100%; height:100%;}
.handle_tc .scrollbody.on {opacity:1;}
.handle_tc .data_handle {padding:40px 1.25rem 1.25rem 1.25rem; display:none; text-align:left;}
.handle_tc .data_handle.on {display:block;}
.handle_tc .scrollbody:after {content:""; position:absolute; bottom:0; left:0; width:100%; height:10px; background-image: linear-gradient(45deg,#2D5E91 0,#2D5E91 100%); box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.handle_tc .hdlbtn {font-family:"MyriadProBold"; width:110px; height:40px; color:#fff; border:none; margin:0.5rem 0.2rem 0 0.2rem; border-radius:2px;}
.handle_tc .submit {background-color:#f18e00;}
.handle_tc .cancel {background-color:#a6a6a6;}
.hdltit {font-family:"MyriadProBold"; margin-bottom:0.75rem; color:#2D5E91;}

.edit_comdz>ul {margin:0 -0.25rem;}
.edit_comdz>ul>li {width:50%; float:left; margin-bottom:0.4rem;}
.edit_comdz .lastli {width:100%;}
.edit_comdz .elewrap {margin:0 0.25rem; position:relative;}
.edit_comdz input {width:100%; height:50px; border:1px solid #dce4e8; border-radius:2px; padding:0 0.25rem; color:#2D5E91;}
.edit_comdz .speli input {padding-top:15px;}
.edit_comdz .speli .ui_block1 {position:absolute; top:0; left:0.25rem; line-height:24px; color:#868688;}
.edit_comdz .lastli .ui_block1 {position:absolute; top:0; left:0.25rem; line-height:30px; color:#868688;}
.edit_comdz textarea {width:100%; height:150px; border:1px solid #dce4e8; padding:25px 0.25rem 0.25rem 0.25rem; color:#2D5E91;}

.edit_pay .firstli {padding:0.5rem 0;}
.edit_pay .paylabel {display:inline-block; vertical-align:middle; width:190px; height:38px; line-height:38px; border:1px solid #e0e0e0; text-align:center; margin:0.5rem 0.25rem 0.5rem 0; position:relative; cursor:pointer;}
.paylabel:hover,.paylabel.selected,.paylabel.item-checked {border-color:#2D5E91 !important;}
.paylabel input {width:0;} 

.edit_express .kdbar {width:190px; height:40px; line-height:40px; border:1px solid #e0e0e0; margin:0.75rem 0.15rem 0.5rem 0.15rem;}
.edit_express .kdbar:hover,.edit_express .kdbar.on {border-color:#2D5E91;}
.edit_express .kdbar input {width:0;}
.expdata {display:none;}
.expdata.on {display:block;}
.edit_express .expdata[data-id="kd1"] {padding-bottom:0.25rem; color:#666;}
.edit_express .expdata .p1 {color:#333; margin-bottom:0.5rem;}
.edit_express .expdata[data-id="kd2"] {padding-bottom:0.75rem; color:#666;}
.edit_express .expdata>ul {padding-bottom:1rem;}
.expdata .form_select {display:inline-block; vertical-align:middle; width:100px; margin-left:0.5rem; text-align:left;}
.expdata .valarea {line-height:40px; border:1px solid #e0e0e0; border-radius:2px; padding:0 0.25rem; color:#333;}
.expdata .form_select .select_lists.on {top:40px;}
.expdata .valarea .ui_icon {width: 5px; height: 4px; margin-top: -2px; background: url(../images/jt.png) no-repeat -53px -29px; right: 8px;}
.edit_express .expdata .input {width:150px; height:40px; border:1px solid #e0e0e0; border-radius:2px; margin:0 0.375rem; padding:0 10px;}

.data_handle .form_select {border:1px solid #dce4e8;}
.data_handle .valarea {padding:0 0.25rem;}


/*--------------------------------+
	  member Address                   
+--------------------------------*/
.my_address {padding:1rem;}
.my_address .areatit {font-family:"MyriadProBold"; color:#2D5E91;}
.address_lists ul {margin:0 -0.25rem; padding-top:0.75rem; color:#666;}
.address_lists li {width:33.33%; float:left; margin-bottom:20px;cursor: pointer;}
.address_lists li.hidden { display:none;}
.address_lists .firstli .dzwrap {background:url(../images/add.png) no-repeat center; background-size:44%; cursor:pointer;}
.address_lists .dzwrap {margin:0 0.25rem; padding:0.5rem; border:1px solid #d7d9da;position: relative;}
.address_lists .dzwrap.on { border:1px solid #2D5E91;}
.address_lists .dzwrap.on .isdefault {background:url(../images/check_mark.png) no-repeat center;width:32px;height:32px;display: inline-block;position: absolute;top:-2px;right:-5px; }
.address_lists .dzwrap>.ui_textr {height:17px;}
.address_lists .linkman {height:24px; margin-bottom:10px; color:#333;}
.address_lists .phone_number {height:22px;}
.address_lists .address {height:66px;line-height:22.5px; margin-bottom:0.5rem;}
.address_lists .ui_textr a {color:#2D5E91; margin-right:10px; position:relative; z-index:-1; opacity:0;}
.address_lists .dzwrap:hover a {z-index:2; opacity:1;}


/*--------------------------------+
	  member message                   
+--------------------------------*/
.my_message {padding:1rem 1.25rem;}
.my_message .areatit {font-family:"MyriadProBold"; color:#2D5E91;}
.mesform>ul>li {margin-bottom:0.5rem;}
.mesform .elewrap {padding-left:210px; position:relative;}
.mesform .inputname {position:absolute; top:0; left:0; line-height:50px;}
.mesform .input {width:100%; height:50px; border:1px solid #dce4e8; border-radius:2px; padding:0 0.5rem;} 
.mesform textarea.input {height:150px; padding:0.25rem 0.5rem;}
.mesform .submit {width:95px; height:40px; border-radius:2px; margin-top:0.5rem; background-color:#f18e00; color:#fff;} 

.mesform .valarea {border:1px solid #dce4e8; background-color:#fff; padding:0 0.5rem;}



/*--------------------------------+
	  member recharge                   
+--------------------------------*/
.my_recharge {padding:1rem 1.25rem;}
.my_recharge .areatit {font-family:"MyriadProBold"; color:#2D5E91; margin-bottom:1.25rem;}
.rechargeform {padding-bottom:40px;}
.rechargeform li {margin-bottom:0.9rem;}
.rechargeform li:first-of-type {margin-bottom:0.45rem;}
.rechargeform .elewrap {padding-left:205px; position:relative;}
.rechargeform .inputname {position:absolute; top:0; left:0; line-height:50px;}
.rechargeform .label {padding:0 30px; position:relative; margin-bottom:0.45rem;}
.rechargeform .label .ui_btn1 {width:210px; height:50px; border:1px solid #d1d1d1; background-color:#fff; overflow:hidden;position:relative;}
.rechargeform .label.on .ui_btn1 {border-color:#2D5E91;}
.rechargeform .label img {max-width:100%; max-height:100%; position:relative; top:50%; 
-webkit-transform:translateY(-50%);
   -moz-transform:translateY(-50%);
     -o-transform:translateY(-50%);
        transform:translateY(-50%);
}
.rechargeform .label input {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0;}
.rechargeform .label .ui_icon {width:13px; height:13px; background:url(../images/jt.png) no-repeat -18px -16px; cursor:pointer; position:absolute; left:0; top:50%; margin-top:-6.5px;}
.rechargeform .label.on .ui_icon {background-position:-18px -30px;}
.rechargeform .input {width:210px; height:50px; border:1px solid #d1d1d1; background-color:#fff; padding:0 0.25rem; margin:0 30px;}
.rechargeform .li2 .ui_block0 {position:absolute; top:0; left:0; line-height:50px;}
.rechargeform .li3 .ui_block0 {font-family:"MyriadProBold"; margin:0 30px; color:#e80000; line-height:50px;}
.rechargeform .submit {width:140px; height:42px; border-radius:2px; background-color:#f18e00; color:#fff; margin:0 30px 0 240px;} 




/*--------------------------------+
	  member data editing                   
+--------------------------------*/
.my_editing {padding:1rem 1.25rem;}
.my_editing .areatit {font-family:"MyriadProBold"; color:#2D5E91; margin-bottom:0.75rem;}
.dataform>ul>li {margin-bottom:0.5rem;}
.dataform .elewrap {padding-left:210px; position:relative;}
.dataform .inputname {position:absolute; top:0; left:0; line-height:50px;}
.dataform .input {width:100%; height:50px; border:1px solid #dce4e8; border-radius:2px; padding:0 0.5rem;} 
.dataform .select {
    width:100%; height:50px; border:1px solid #dce4e8; border-radius:2px; padding:0 0.5rem; 
    appearance:none;-moz-appearance:none;-webkit-appearance:none;
    background-color:#fff;
    background-image: url(../images/jt10.png);
    background-repeat:  no-repeat;
    background-position: -moz-calc(100% - 0.5rem) center;
    background-position: -webkit-calc(100% - 0.5rem) center;
    background-position: calc(100% - 0.5rem) center;
} 
.dataform .submit {width:120px; height:40px; border-radius:2px; margin:0.5rem 0 0 210px; background-color:#f18e00; color:#fff;} 

.dataform .form_select {border: 1px solid #dce4e8;}
.dataform .valarea {background-color:#fff; padding:0 0.5rem;}



/*--------------------------------+
	  member pwd                   
+--------------------------------*/
.my_pwd {padding:1rem 1.25rem;}
.my_pwd .areatit {font-family:"MyriadProBold"; color:#2D5E91; margin-bottom:1rem;}
.pwdform li {margin-bottom:0.5rem;}
.pwdform .elewrap {padding-left:210px; position:relative;}
.pwdform .inputname {position:absolute; top:0; left:0; line-height:50px;}
.pwdform .input {width:100%; height:50px; border:1px solid #dce4e8; border-radius:2px; padding:0 0.5rem;} 
.pwdform .submit {width:120px; height:40px; border-radius:2px; margin-left:210px; background-color:#f18e00; color:#fff;} 




/*--------------------------------+
	  member cart1                 
+--------------------------------*/
.cart_page .page_tit {font-family:"MyriadProBold"; padding:1rem 0 1.5rem 0;}
.cart_page .order_step {height:50px; line-height:50px; margin-bottom:1.1rem;}
.cart_page .order_step li {padding-right:23px;}
.cart1 {background-color:#fff;}
.cart1 table {border:1px solid #ebeff1; text-align:center; margin-bottom:0.5rem;}
.cart1 th {padding:0.375rem 0; line-height:21px; color:#2D5E91;}
.cart1 td {padding:0.5rem 0; vertical-align:top; border-top:1px solid #ebeff1;}
.cart1 .cell1 {text-align:left;}
.cart1 .cell1>.ui_btn1 {margin:0 0.75rem 0 0.9rem; color:#666;}
.cart1 input[type="checkbox"] {width:20px; height:20px; border:1px solid #2D5E91; border-radius:2px; vertical-align:middle;}
.cart1 input.mark {background:url(../images/jt.png) no-repeat -32px -27px; border:none;}
.cart1 th input[type="checkbox"] {margin-right:0.3rem;}
.cart1 .ui_img {width:80px; height:80px; border:1px solid #ecf0f2;}
.cart1 .ui_text {padding:0 0.45rem;}
.cart1 .p1 {width:190px; max-width:100%; color:#2D5E91; word-break:break-all; margin-bottom:0.25rem;}
.cart1 .cell1 {width:11.85rem; min-width:385px;}
.cart1 .cell2 {width:3rem;}
.cart1 .cell4 {width:85px;}
.cart1 .cell4 a.ui_btn1 {color:#666;}
.cart1 .cell5 {width:5rem;}
.cart1 .cellbot {padding:0.9rem; text-align:left;}
.cart1 .cellbot .fl {line-height:32px;}
.cart1 .ui_orangefont {font-family:"MyriadProBold"; margin-left:0.5rem;}

.cart1 .empty {margin: 80px auto 65px;background: url(../images/empty_cart.gif) no-repeat;width: 375px;height: 110px;padding: 18px 0 18px 150px;}
.cart1 .empty h2 {text-align: left;font-size: 24px;color: #e13d00;margin-bottom: 10px;line-height: 30px;}
.cart1 .empty ul {margin-top: 3px;line-height: 26px;color: #484848;font-size: 14px;}
.cart1 .empty ul li{ text-align: left; }
.cart1 .empty ul li a{color: #2D5E91;}
.cart1 .loading-box{margin: 80px auto 65px;text-align: center; }
.amount2 {border:1px solid #e5e5e5; margin-bottom:0.3rem; font-size:0;}
.amount2 .ui_btn1 {width:22px; height:22px; background-color:#fff; cursor:pointer;}
.amount2 .ui_btn1 .ui_icon {top:50%;}
.amount2 .jian .ui_icon {width:7px; height:2px; background:url(../images/jt.png) no-repeat -32px -15px; margin-top:-1px;}
.amount2 .jia .ui_icon {width:7px; height:7px; background:url(../images/jt.png) no-repeat -32px -18px; margin-top:-3.5px;}
.amount2 .ui_block1 {width:35px; background-color:#fff; border-top:none; border-bottom:none; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
.amount2 .ui_block1 input {width:100%; height:100%; text-align:center;}
.cart_bot {padding-left:0.75rem; height:55px; line-height:55px; background-color:#fff; border:1px solid #ebeff1; position:relative; margin-bottom:2.5rem;}
.cart_bot .submit {display:block; position:absolute; top:-1px; right:-1px; min-width:198px; padding:0 10px; text-align:center; background-color:#f18e00; color:#fff;}
.cart_bot .submit.gray-btn {color: #fff;background-color: #868686;}
.cart_bot .ui_icon {width:8px; height:14px; background:url(../images/jt.png) no-repeat -18px 0; margin-right:0.25rem; top:-1px;}

.del_tc {background-color:rgba(0,0,0,.3); display:none;}
.del_tc.on {display:block;}
.del_tc>.ui_block1 {width:890px; height:auto; max-width:100%; background-color:#fff; padding:1.25rem; position:relative; z-index:10;}
.del_tc>.ui_block1:after {content:""; position:absolute; bottom:0; left:0; width:100%; height:10px; background-image: linear-gradient(45deg,#2D5E91 0,#2D5E91 100%); box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.del_tc .p1 {font-family: "MyriadProBold"; color: #2D5E91;}
.del_tc .p2 {margin:1rem 0 1.25rem 0;}
.del_tc .ui_btn1 {font-family: "MyriadProBold"; width: 110px; height: 40px; line-height:40px; color: #fff; border: none; margin:0 0.2rem; border-radius: 2px;}
.del_tc .ok {background-color:#f18e00;}
.del_tc .cancel {background-color:#a6a6a6;}
.del_tc .ui_close2 {width: 23px; height: 23px; background: url(../images/close.png) no-repeat center; position: absolute; z-index: 10; top: 0.625rem; right: 1.25rem;}

.mo_layout {display:none;} 




/*--------------------------------+
	  member cart2                   
+--------------------------------*/
.cart2 {background-color:#fff;}
.cart2_wrap {padding:0 1rem; margin-bottom:0.5rem;}
.cart2 .areatit {color:#2D5E91;    line-height: 24px;}
.cart2 .areatit .show-add { cursor:pointer; float: right;font-size: 14px;text-decoration: underline;}
.cart2 .address_lists ul {padding:0.5rem 0;}
.cart2 .address_lists li {width:25%;}
.pay_lists {padding:0.75rem 0 0.5rem; border-bottom:1px solid #ebeff1; margin-bottom:0.5rem;}
.express_lists {padding:0.5rem 0 1rem 0;}
.pay_lists,.express_lists {padding-left:280px; position:relative;}
.pay_lists .areatit,.express_lists .areatit {position:absolute; top:1rem; left:0; line-height:38px;}
.payway .paylabel,.expway .kdbar {display:inline-block; vertical-align:middle; width:190px; height:38px; line-height:38px; border:1px solid #e0e0e0; text-align:center; position:relative; cursor:pointer; margin:0.25rem 0.25rem 0.25rem 0;}
.expway .kdbar {margin:0.5rem 0.25rem 0.5rem 0;}
.expway .kdbar input {width:0;}
.expway .kdbar:hover,.expway .kdbar.on,.expway .kdbar.selected {border-color: #2D5E91;}

.expway .form_select {display:inline-block; vertical-align:middle;}
.expway .form_select .valarea {width:100px; height:40px; line-height:40px; border:1px solid #e0e0e0;}
.expway .expdata .input {width:150px; height:40px; border:1px solid #e0e0e0; border-radius:2px; margin:0 0.375rem; padding:0 10px;}

.expway .expdata>ul>li {margin:0.5rem 0;}

.express_lists>.expdata,.payway_desc>.expdata,.expway_desc>.expdata {color:#666;}
.expdata.ui_block1.on,.expdata.ui_block1.selected {display:inline-block !important;}

.cart2 .order_bot {padding:0.75rem 0;}
.orderpro_lists table {border-left:none; border-right:none; margin-bottom:0;}
.order_botl {width:500px; background-color:#f4f4f4; padding:0.5rem 0.75rem; line-height:25px;}
.order_botr {width:calc(100% - 500px);}

.cart2 .cart1 th.cell1 {text-indent:80px;}

.orderpro_lists .areatit {padding:0.5rem;}




/*--------------------------------+
	  member cart3                   
+--------------------------------*/
.cart3 {background-color:#fff; margin-bottom:0.5rem;}
.cart3_wrap {padding:0 1rem;}
.cart3_wrap>div {padding:0 2.25rem 0 3.625rem;}
.cart3 .success {position:relative; margin:1.5rem 0 1.25rem 0;}
.cart3 .success .ui_icon {width:2.25rem; height:2.25rem; background:url(../images/sucess.png) no-repeat center; background-size:100%; position:absolute; top:50%; margin-top:-1.125rem; left:0.25rem;}
.cart3 .orderview ul {border-top:1px solid #ebeff1; padding:0.75rem 0 1.75rem 0;}
.cart3 .orderview li {padding-left:210px; position:relative; margin:0.25rem 0; line-height:20px; min-height:20px;}
.cart3 .orderview .tit {position:absolute; top:0; left:0;}

.sucbot {padding-right:198px; text-align:right;}
.sucbot .ui_orangefont {font-family:"syhtBold"; display:inline-block; vertical-align:middle; margin:0 1rem 0 0.7rem;}


@media only screen and (max-width: 1200px) {
/*-------+ order +-------*/
.search_order {position:relative; margin-bottom:0.75rem;}



}
@media only screen and (max-width: 1185px) {
/*-------+ header +-------*/
.nav .navwrap>li {padding:0 9px;}
.nav .navtit {font-size:19px;}


}
@media only screen and (max-width: 1045px) {
/*-------+ header +-------*/
.ui_mopadrem1 {padding:0 1rem;}
.ui_mo {display:block;}
.ui_pc {display:none;}
.headwrap {margin:0; position:relative;padding-right: 0px;}
.headwrap:before,.headwrap:after {content:""; display:block; width:100%; height:0.55rem; max-height:10px;}
.ui_padding85 {padding-top:83px;}
.logo {position:relative; top:0; margin-top:0;}
.logo img{ top:0;}
.momenubar {font-family:"MyriadProBold"; position:absolute; top:50%; right:0;
-webkit-transform:translateY(-50%);
   -moz-transform:translateY(-50%);
     -o-transform:translateY(-50%);
        transform:translateY(-50%);
}
.momenuline {margin-left:0.5rem; position:relative; width:1.1rem; height:0.85rem;}
.momenuline i {display:block; position:absolute; left:0; width:100%; height:0.15rem; background-color:#2D5E91; border-radius:2px;}
.header.special .momenuline i {background-color:#fff;}
.header.on .momenuline i {background-color:#2D5E91;}
.momenuline .line1 {top:0;}
.momenuline .line2 {top:0.35rem;}
.momenuline .line3 {top:0.7rem;}
.clickon .line1,.clickon .line3 {opacity:0;}
.clickon .momenuline .deg1 {
-webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
     -o-transform: rotate(45deg);
        transform: rotate(45deg);
}
.clickon .momenuline .deg2 {
-webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
}
.monav .ui_close3 {display:none;}
.monav.on .ui_close3 {display:block;}
.monav {display:block; position:fixed; z-index:10000; top:0; right:-13.25rem; width:13.25rem; height:100%; font-size:0.9rem; color:#fff;background-color:#2D5E91;}
.monav.on {right:0;}
.monavmain {position:relative; height:100%; overflow-y:auto;}
.monavwrap {padding:0 1rem 2.5rem 1rem; position:relative;}
.Crysdot_wrap {left:0;}
.Crysdot_wrap.on {left:-13.25rem;}
.monav_top {padding:1rem 0.5rem;}
.monav .search_area {position:relative; top:0;
-webkit-transform:translateY(0);
   -moz-transform:translateY(0);
     -o-transform:translateY(0);
        transform:translateY(0);
}
.monav .navwrap>li {width:100%; text-align:left; padding:0 0.5rem;}
.monav .navtit {position:relative; height:2.5rem; line-height:2.5rem;}
.monav .navtit.on {font-family:"MyriadProBold";}
.monav .navtit .fontbold {display:none;}
.monavbox {padding:1rem 0;}
.monavbox a {display:block;}
.monav .navbody {display:none; position:relative !important; width:100% !important;}
.monav .navbody a {padding:0.5rem;}
.monav .navbody .ui_icon {display:none;}
.monav .monav_btm {width:13.25rem; height:2.5rem; line-height:2.5rem; position:fixed; bottom:0; background-color:#2D5E91; border-top:2px solid rgba(255,2552,255,.2);}

.monav .search_area {border-radius:3px; overflow:hidden;}
.monav .search_select {display:none;}
.monav .search_input {width:100%;}
.monav .search_btn {width:46px; height:46px; margin-top:-23px; right:2px; background:#2D5E91 url(../images/search-btn.png) no-repeat center; border-radius:3px;}

}
@media only screen and (max-width: 1000px) {

	
/*-------+ header +-------*/



/*-------+ footer +-------*/
.sonbody {display:none;}
.footlink {padding:1.25rem 0 3rem 0; margin:0 -0.5rem;}
.footlink li {width:50% !important; position:relative;}
.footlink .liwrap {border-bottom:1px solid #fff;}
.footlink li:nth-of-type(2n-1) .liwrap {margin:0 0.5rem;}
.footlink li:nth-of-type(2n) .liwrap {margin:0 0.5rem;}
.footlink li .firstA {text-indent:5px;}
.footlink .firstA:after {content:""; display:block; width:12px; height:8px; background:url(../images/jt.png) no-repeat -53px -20px; position:absolute; top:50%; margin-top:-4px; right:10px;}
.sonbody {z-index:2; top:100%; left:0; width:100%;}
.sonbody a {padding:0 0.5rem;}
.footlink li:last-of-type p {margin:0.45rem 0.5rem;}
.footbot {padding:0; border-top:none;}
.footbot>div,.footbot .fl p.ui_block1  {width:100%;}
.footbot .fr {margin-bottom:1.25rem;}
.footbot .fl p.ui_block1 {margin:1.25rem 0;}
.footbot .fl .ela:first-of-type {margin-left:0;}


/*-------+ search +-------*/
.content .search_area  {max-width:92%;}

/*-------+ index +-------*/
.swiper1 {min-height:14rem;} 

/*-------+ products +-------*/
.pro_lists .ui_img {width: calc(100% - 3rem - 4.5rem);}
.pro_lists .textbody1 {width:3rem; padding-right:0.5rem;}
.pro_lists .textbody2 {width:4.5rem; padding-right:0.5rem;}

/*-------+ login +-------*/
.tabr .inputit,.tabr .input {width:100%;}
/*-------+ sign +-------*/
.signl {padding-right:0.5rem;}

/*-------+ support +-------*/
.brochures li {width:33.33%;}

/*-------+ vip center +-------*/
.page_tit .ui_btn0 {width:1.125rem; height:0.875rem; background:url(../images/menu.png) no-repeat center; background-size:100%; position:absolute; top:50%; right:0; margin-top:-0.4375rem;}
.vipmenu {position:absolute; top:20px; right:0; z-index:-1; opacity:0; margin-right:0; box-shadow:0 0 10px 0 rgba(0,0,0,.3);}
.vipmenu.on {top:0; z-index:10; opacity:1;}
.vipmenu ul {position:relative; z-index:20;}
.vipmain {width:100%;}

/*-------+ cart1 +-------*/
.cart1 .cell1 {min-width:348px;}
.cart1 .cell1>.ui_btn1 {margin: 0 0.25rem 0 0.5rem;}
.cart1 .cell5 {width:auto;}

/*-------+ cart2 +-------*/
.cart2 .order_bot>div {width:100% !important;}
.cart2 .address_lists li {width:33.33%;}
.pay_lists, .express_lists {padding-left:0;}
.pay_lists .areatit, .express_lists .areatit {position:static;}

}

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

/*-------+ news +-------*/
.newslists li {width:50%;}

/*-------+ job +-------*/
.job_lists li {width:50%;}

/*-------+ job details +-------*/
.job_table li {width:100% !important;}

/*-------+ products +-------*/
.pro_lists .elewrap>div {width:100% !important;}
.pro_lists .textbody1,.pro_lists .textbody2 {padding:0.5rem;}
.pro_lists .textbody1 .ui_clamp3 {-webkit-line-clamp:1;}

.perpage{margin-bottom: 1rem; text-align: center;width: 100%;}
.perpage .form_select .ui_clamp1{text-align: left;}
.perpage .form_select .ui_icon{text-align: right;}
.paging{ margin-bottom: 3rem;margin-right: 0; width:100%; text-align: center;}
.paging a.prev,.paging a.next{ padding:0;}
.paging a, .enter_number {margin:0 1px;border-radius:0;padding: 0 2.5px;}



/*-------+ products details +-------*/
.prodets_body div {display:block; width:100% !important; max-width:inherit !important;}
.prodets_top .pro_des {width:100%; margin-bottom:1.5rem;}

/*-------+ login +-------*/
.login_table,.login_table div {display:block; width:100% !important;}

/*-------+ sign +-------*/
.sign_table>div {width:100% !important; padding:1rem 0.7rem !important;}
.signr .inputit,.signr li>.ui_block0 {width:100%;}
.sign_page .page_tit {padding: 1rem 0.7rem 1.25rem 0.7rem;}

/*-------+ message +-------*/
.mesform .inputname {position:relative;}
.mesform .elewrap {padding-left:0;}

/*-------+ data +-------*/
.dataform .elewrap {padding-left:0;}
.dataform .inputname {position:relative;}

/*-------+ vip order +-------*/
.edit_comdz li {width:100%;}

/*-------+ cart1 +-------*/
.cart1 .cell2,.cart1 .cell3,.cart1 .cell4,.cart1 .cell5 {display:none;}
.cart1 .cell1 {position:relative; width:100%; min-width:inherit;}
.cart_goods .cell1 {padding:20px 0;}
.cart1 .p1 {width:auto;}
.mo_layout {display:block;}
.btm_r {position:absolute; bottom:20px; right:0.5rem; width:100%;}
.btm_r .amount2 {display:inline-block; vertical-align:middle; width:85px; margin:0 0.5rem;}
.btm_r .pc,.btm_r .del {font-size:13px; color:#666;}
.cart1 .ui_text {width:calc(100% - 20px - 0.75rem - 90px); box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.pa,.pb,.pd {font-size:12px; color:#999;} 

/*-------+ cart2 +-------*/
.cart2 .address_lists li {width:50%;}

/*-------+ cart3 +-------*/
.cart3_wrap {padding:0 0.5rem;}
.cart3 .orderview li {padding-left:0; margin:0.5rem 0;}
.cart3 .orderview .tit {position:static; margin-bottom:0.25rem;}
.cart3_wrap>div {padding-right:0 !important;}
.sucbot {padding-right:120px;}

}
@media only screen and (max-width: 640px) {
.ui_font20 {font-size:17px;}
.ui_font24 {font-size:19px;}
.ui_font28 {font-size:19px;}
.ui_font30 {font-size:22px;}
.ui_font32 {font-size:23px;}

/*-------+ header +-------*/
.ui_mopadrem1 {padding:0 0.5rem;}	
.headwrap:before,.headwrap:after {content:""; display:block; width:100%; height:0.3rem; max-height:7px;}
.ui_padding85 {padding-top:67px;} 

/*-------+ footer +-------*/
.footlink li {width:100% !important; margin:0 !important;} 

/*-------+ search +-------*/
.search_area {top:57.5%;}
.search_form {height:50px;}
.search_form .search_obj {height:50px; line-height:50px; padding:0 7px;}
.search_select .select_lists {top:50px;}
.search_select {width:90px;}
.monavmain .search_input  {width:calc(100% - 90px); max-width: 100%;padding: 0 50px 0 10px;}
.search_obj .value {max-width:58px;}
.search_btn {right:10px;}
.search_link {left:90px;}
.search_link>div {width:100% !important;}
.search_link .fl {padding:0.5rem; width:100%;}
.search_link .fr {min-height:inherit;}
.search_link.on2 {top:50px;}


/*-------+ index +-------*/
.posterwrap {display:none;}
.slide,.slidebtn_l,.slidebtn_r {display:block;}

/*-------+ goods +-------*/
.tabbar span {font-size:16px;}
.prodets_body table {font-size:14px;}
.prodets_body .cell1,.prodets_body .cell2,.prodets_body .cell3 {width:18%;}
.protc .ui_table,.protc .ui_tabrow,.protc .ui_tabcell {display:block; width:100%;}


/*-------+ about +-------*/
.services_form>ul>li {width:100%;}


/*-------+ support +-------*/
.brochures li {width:50%;}
.findresult td.cell3 {padding-left:0; padding-right:0.75rem;}
.findresult .ui_btn1 {width:20px; height:20px; font-size:0; background-color:transparent; border:2px solid #f18e00; border-radius:50%; position:relative;}
.findresult .ui_btn1 .ui_icon {width:9px; height:11px; background: url(../images/jt.png) no-repeat -66px -20px; position:absolute; top:4.5px; left:5.5px;}
.clientsup .supbody {line-height:28px;}

/*-------+ vip center +-------*/
.address_lists li {width:50%;}

.vipwrap {padding:1rem 0.5rem;}

/*-------+ vip recharge +-------*/
.rechargeform .elewrap {padding-left:0;}
.rechargeform .inputname {position:relative; display:block; width:100%;}
.rechargeform .submit {margin:0;}

/*-------+ vip pwd +-------*/
.pwdform .elewrap {padding-left:0;}
.pwdform .inputname {position:relative;}
.pwdform .submit {display:block; margin:auto;}

/*-------+ vip order +-------*/
.orderbox .ui_img{display:none;}
.orderbox .tabwrap{max-width:100%;padding:0;}
.orderinfo li{ margin:0;padding:0;border:none;width:100%;}
.orderbox .lastcell {display:block; width:100%; position:static; padding:0 0.75rem;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);}
.orderbox .lastcell a {display:inline-block; vertical-align:middle; width:auto; padding:0 0.5rem; font-size:12px;}
.bothalf .lastcell .pay { width:140px;left:0.75rem;}
.bothalf .lastcell .order_dets {width:100px; left:150px; margin-left:1rem;}
.related_handle .firstli {padding-right:150px;}
.related_handle .firstli a {width:100px;}
.order_bot .ui_block1 {width:130px;}
.order_no {padding-right:0;}
.handle_order {position:relative; margin:0.5rem 0;}
.handle_order a {margin-left:0; margin-right:9px;}
.order_step {font-size:12px; text-indent:20px;}




/*-------+ cart1 +-------*/
.cart_page .order_step {height:35px; line-height:35px;}
.cart_goods .cell1 {padding:20px 0 55px 0;}
.cart_bot .submit {min-width:120px;padding:0 5px;}
.cart_bot {height:45px; line-height:45px;}

.cart1 .empty{ width:calc(100% - 20px);background-position: center top;padding:150px 10px 18px;}

/*-------+ cart2 +-------*/
.cart2_wrap {padding:0 0.5rem;}

/*-------+ billing +-------*/
.supdownload .swiper-slide {padding: 1.5rem 0.75rem 1.5rem 0.75rem;}
.tabbar {height:45px; line-height:45px;}
.supdownload li input {height:45px;}
.findresult th {height:50px; line-height:50px;}
.findresult td.cell1 {padding-left:0.75rem; padding-right:0.75rem;}

/*-------+ search page +-------*/
.search_page .search_btn {width:40px; height:40px; margin-top:-20px;}
}

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

.logo {height:32px;}
.momenutext{display:none;}

.slogan span{ font-weight: normal;font-size:24px; display:block;}
.slogan span:first-child{ margin-right: 0px;}
/*-------+ products lists +-------*/
.pro_lists li{width:100%;}

/*-------+ news +-------*/
.newslists li {width:100%;}

/*-------+ job +-------*/
.job_lists li {width:100%;}

/*-------+ support +-------*/
.tabbar span {padding:0 0.5rem;}
	
}