@charset "gb2312";
body{ margin:0;padding:0;font:14px/20px "Microsoft Yahei";position:relative;color:#333;background:#ededed; font-weight:300;overflow-y: scroll;/*overflow-x:hidden*/}
div, form, img, ul, li,dl,dt,dd,p,input,article,aside,details,figcaption,figure,footer,header,hgroup,nav,section
{ margin: 0; padding: 0; border: 0; }
li, dl { list-style-type:none; }
i,em{ font-style:normal}
ul li,ol li{list-style-type: decimal}
h1, h2, h3, h4, h5, h6{ margin:0; padding:0; font-weight:500}
a:link, a:visited {color:#666;text-decoration:none;}
a:hover, a:active {color:#388FDF;text-decoration:none; cursor:pointer}
a:focus {outline:none; -moz-outline:none}
table{border-collapse: collapse;}
input[type=button], input[type=submit], input[type=text],button, select, textarea {  -webkit-appearance: none;outline:none;border:none; margin:0; padding:0 } 
input[type=button], input[type=submit],button,.wx{cursor: pointer;}
/* 一致的框大小和外观*/
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear{ clear:both;}
*, *::after, *::before{box-sizing:border-box;-moz-box-sizing:border-box;	/* Firefox */-webkit-box-sizing:border-box;	/* Safari */}
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]),[hidden] { display: none; }
object, embed, video {max-width: 100%}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,ul,ul li,ul li a{ display: block; }
{ display:inline-block}
.fleft{ float:left}
.fright{ float:right}
.InaboutUl,.InaboutTxt p{ overflow:hidden}
h5{font-size:18px}
.divBody,.divWide{margin:0 auto}
.divBody{ width:100%}
.divWide{ width:1200px}
/*header*/
.header{box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
background-image: -webkit-linear-gradient(#fff, #ffffff 50%, #eee);
background-image: -o-linear-gradient(#fff, #ffffff 50%, #eee);
background-image: linear-gradient(#fff, #ffffff 50%, #eee);
background-repeat: no-repeat;
min-width:1200px;}
.headR-top{background:#EDEDED; padding:3px 0}
.loginH,.language,.tel{ margin-left:40px}
.loginH i,.language i{ margin:0 6px; color:#ccc}
.loginH span{ margin:0 20px}
.language{ margin-top:1px}
.tel img{ height:15px; margin-top:3px; margin-right:8px}
.tel h3,.tel img{ float:right}
.tel h3{color:#8A7266;font-size:19px;font-family:Tahoma, Geneva, sans-serif}
.logo img{ height:80px; margin:10px auto; display:block}
.headRight{ height:100%}
.search{overflow:hidden;margin-top:13px}
.searchForm{width:220px;border:1px solid #999;height:26px; padding-left:10px; border-radius:14px; position:relative}
.search input{height:100%;width:86%;border:none;background:#fff;cursor:pointer; font-size:12px}
.search button{background:url(../images/secher.png) no-repeat 8px 6px;background-size:auto 13px;border:none;height:100%;width:32px;position:absolute;top:0;right:0;cursor:pointer}
.search button:before{content: "";}
.headR-bot{ margin-top:18px}
.nav{}
.nav>.sub-menu{ float:left; margin-left:3em;position:relative; cursor:pointer; font-size:16px; font-weight:500; letter-spacing:1px}
.sub-menu:hover{color:#388FDF;}
.menu-dropdown {position: absolute;left:0;top:41px;background-color:#ffffff;height:0;z-index:0;overflow:hidden}
.open{box-shadow:rgba(0, 0, 0, 0.2) 0 0 18px 0;-webkit-transition: box-shadow 0.1s linear;-moz-transition: box-shadow 0.1s linear; -o-transition: box-shadow 0.1s linear;-ms-transition: box-shadow 0.1s linear;transition: box-shadow 0.1s linear;display:block}
.menu-dropDiv{ background:#fff; width:140px}
.menu-dropdiv2{ background:#fff; width:380px}
.menu-dropdown-inner {font-size:14px;line-height:37px;text-align:left;padding:20px 20px 0px; z-index:999}
.module-bd a {display: inline-block;width:150px;color: #333333;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;-ms-transition: all 0.2s linear;transition: all 0.2s linear}
.module-bd a:hover {color:#388FDF}
.nav-sidebar-wrapper {width:1000px;left:-468px;text-align:left;background-color:#F7F8F9}
.menu-dropdown-sidebar a{height:37px;overflow:hidden}
.menu-dropdown-sidebar {float:left;width:25%}
.sidebar-link {position: relative;display: block;font-size: 14px;width: 100%;padding-left: 16px;height: 37px;line-height: 37px;color: #333;
-webkit-transition: background-color 0.1s linear;-moz-transition: background-color 0.1s linear; -o-transition: background-color 0.1s linear; -ms-transition: background-color 0.1s linear; transition: background-color 0.1s linear}
.nav-link-arrow {position: absolute;right: 16px;top: 50%;margin-top: -3px;}
.sidebar-link:hover,.sidebar-link.hover {color:#388FDF;background-color: #ffffff;border-left:2px solid #388FDF;padding-left: 14px}
.sidebar-link:hover .nav-link-arrow,.sidebar-link.hover .nav-link-arrow{background-position: 0 0}
.menu-dropdown-content{position: relative;margin-left:25%;padding:16px 0;background-color: #ffffff;height:100%;padding-bottom: 81px}
.menu-sub-wrapper{display:none;padding: 0 16px;}
.menu-sub-wrapper.show{display: block}
.menu-pd-list{display:inline-block;width:100%;vertical-align:top}
.menu-pd-item{display:inline-block;width:50%}
.menu-pd-item a{ display:block;cursor:pointer}
.menu-pd-item .title{color:black;line-height:1;margin-bottom:6px;color:#388FDF;cursor:pointer}
.menu-pd-item:hover .title{ text-decoration:underline}
.menu-Span{ margin-bottom:15px; height:100px; overflow:hidden}
.menu-Span,.menu-Span a{ display:block; width:100%; font-size:12px}
.menu-pd-item a{height:16px;overflow:hidden}
.menu-Span a:hover{ color:#F63}
/*banner*/
.banner{ position:relative; overflow:hidden;height:700px;min-width:1200px;}
@media only screen and (min-width: 1600px) {
.banner{ position:relative; overflow:hidden;height:auto}
}

.banner video,.banInner>img{ width:100%; display:block}
@media only screen and (max-width: 1200px) {
.banner video,.banInner>img{ width:1200px; display:block}
}
/*content*/
.content{}
.plate{padding:20px 0;overflow:hidden;min-width:1200px;}
.box{background: #fff;position: relative;z-index: 0;overflow: hidden;border:1px solid rgba(0,0,0,.14);box-shadow:0 3px 8px -6px rgba(0,0,0,.1);box-sizing: border-box}
.plate .title{background:#fafafa;position:relative;display:block;line-height:60px; overflow:hidden}
.plate .title:after{content: " ";height:1px;width:100%;background:rgba(0,0,0,.1);position: absolute;bottom:0;left:0;z-index:10;}
.title h5{margin-left:20px}
.more{position: absolute;right: 14px;top: 0}
.more a{display: inline-block;padding: 0 15px 0 19px;line-height: 34px;border: 1px solid #e1e1e1;border-radius: 4px;background-color: #fafafa; color:#666;
background-image: -webkit-linear-gradient(top,#fff,#fafafa);
background-image: linear-gradient(180deg,#fff,#fafafa);
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;}
.more a:hover{background-color:#eee;background-image:-webkit-linear-gradient(top,#f5f5f5,#eee);background-image:linear-gradient(180deg,#f5f5f5,#eee)}
.Inabout{ background:#fff}
.Inabout .title{ text-align:center; background:none; line-height:30px}
.Inabout .title p{ margin:0; padding-bottom:20px}
.InaboutS{position:relative;overflow:hidden}
.InaboutS img{ width:100%}
.flex-control-nav{position:absolute; bottom:30px;z-index:12;width:100%;text-align:center; left:0 }
.flex-control-nav li{display:inline-block;width:12px;height:10px;margin:0 4px;*display:inline;zoom:1}
.flex-control-nav a{ display:inline-block;width:12px;height:10px;line-height:40px;overflow:hidden;cursor:pointer; background:url(../images/banScorll_ico.png) no-repeat 0 0}
.flex-control-nav .flex-active{background-position:-22px 0px;}
.flex-direction-nav{width:100%; height:100%; position:absolute; top:0; z-index:5}
.flex-direction-nav li {width:61px;height:60px;overflow:hidden}
.flex-direction-nav li a{width:61px;height:60px;background:url(../images/banScorll-sides.png) no-repeat;position:absolute; z-index:11;top:50%;margin-top:-30px}
.flex-direction-nav li a.flex-prev{background-position:19px 0; left:30px}
.flex-direction-nav li a.flex-next{background-position:-42px 0; right:30px}
.InaboutT,.InaboutT p{ margin-top:20px}
.Inproduct,.Indiploma{background:#fff; position:relative}
.Inproduct{padding:50px 0}
.tabMore{ top:12px; z-index:99}




.perM a{float:left;margin-right:10px}

.newsUl li{height:362px;}
.newsUl li .image{height:156px; display:block;width:100%/*border-radius: 4px;*/}
.newsUl .info{margin-top:28px;}
.newsUl .info h6{height:48px}
.newsUl .info p{margin-top:13px;height:35px;line-height:18px;}
.Indiploma{ padding:20px 0}
.IndiplomaUl li{ float:left; text-align:center; width:20%}
.IndiplomaUl li img{ display:inline-block; width:100px}
.InLinks{ background:#055EA9}
.InLinksL{ width:760px}
.logoF img{ height:60px}
.InLinksL-a{ overflow:hidden}
.InLinksL-a li{ width:137px; float:left}
.InLinksL-a li h3,.InLinksL-a li a,.InLinksR-way h3,.InLinksR-way,.InLinksL-a li p{ color:#fff; font-size:13px}
.InLinksL-a li h3,.InLinksR-way h3,.InLinksL-a li p{height:45px; line-height:45px; margin-bottom:5px}
.InLinksL-a li h3,.InLinksR-way h3{  border-top:1px solid #4A89BD;border-bottom:1px solid #4A89BD}
.InLinksL-a li a{ height:24px; line-height:24px}
.InLinksL-a li p,.InLinksL-a li img{ margin-left:60px}
.InLinksL-a li img{height:120px}
.InLinksR{ width:400px}
.InLinksR-way h5{ line-height:50px}
.InLinksR-way p{ margin-bottom:10px}

/*footer*/
.footer{background:#343434; font-size:12px;padding:20px 0 ; overflow:hidden;min-width:1200px;}
.footer,.footer a{ color:#ddd}
.footTxt{ width:100%}
.footP{ display:inline-block; margin-right:20px}


/*about*/
.bodyP .content{ background:#fff;}
@media only screen and (max-width: 1200px) {
.bodyP .content{width:1200px; background:#fff;}
}
.TitleCon{border-bottom:1px solid #999}
.TitleCon a{ float:left; height:45px; margin-right:30px; border-bottom:2px solid none; margin-bottom:-1px}
a.styA,.TitleCon a:hover{ color:#388FDF; border-bottom:2px solid #388FDF; }
.mainTitle{margin-top:30px}
.mainTitle h2{ font-weight:600}
.mainTitle h4{ border-bottom:1px solid #444; display:inline-block; height:30px; line-height:30px; margin-bottom:30px}
.mainTitle p{ color:#c06}
.mainCon{ color:#777; line-height:28px}
.companyS{ margin-bottom:20px; font-size:18px;background:#f9f9f9}
.companyS h5{ display:inline-block; line-height:40px; color:#000}
.companyS span{ float:left; width:48%; margin:30px}
.companyS img{ float:right; width:47%}

/*timeline*/
.container,.mainTitle{text-align: center!important; position:relative} 
#timeline{height:420px;overflow: hidden;position: relative; background: url(../images/timeD.jpg) left 340px repeat-x; }
#dates {width:1200px;height:160px;overflow: hidden;padding-left: 0; }
#dates li {list-style: none;float:left; width:100px;font-size:13px;text-align: center;}
#dates a {padding-bottom:10px;padding-top:58px; background: url(../images/timeS.png) center 32px no-repeat;color:#999}
#dates .selected {font-weight:600;color:#389ce7;background: url(../images/timeS1.png) center 32px no-repeat; }
#issues {width:1200px;height:300px;overflow:hidden;text-align: center;padding-left: 0}
#issues li {width:1200px;height:400px;list-style:none;float: left; background:#f9f9f9}
#issues li .courseTxt{ width:900px; margin:0 auto}
#issues li h5 {color:#389ce7;font-size:22px;margin:60px 0 -5px 0; height:50px; line-height:50px; overflow:hidden}
#issues li p{font-size:14px;margin:10px;line-height:22px; height:110px; overflow:hidden }
#prev img,#next img{position:absolute;margin-top:103px;cursor:pointer}
#prev img {left:-50px }
#next img {right:-50px}
#center-line {position:absolute;margin-top:237px;margin-left:600px; z-index:999; display:none }


/*product.asp*/


.InproductUl{ height:100%; overflow:hidden;}
.InproductUl li{ height:320px;}
.InproductUl li .InproductImg{ padding:0 30px; overflow:hidden; text-align:center;}
.InproductUl li .image{ display:inline-block; height:138px; width:auto;/* margin-top:30px*/} 
.InproductUl .info,.operator{ text-align:center}
.InproductUl .info h6{height:25px;line-height:25px; margin-top:20px}
.InproductUl .info p{height:25px;line-height:25px;text-overflow: ellipsis;white-space:nowrap;  width:100%}
.Inprice{ color:#C06;display:block; margin-top:28px}
.Inprice b{ font-size:18px;font-family: Arial;}
.operator{width:100%;}
.shoS{ margin-top:23px;}
.hidS{visibility: hidden;position: absolute; left:0;bottom:25px;z-index:20;opacity: 0;}
.detail-btn,.cart-btn input,.cart-price{ font-size:12px;margin:0 5px;box-sizing:border-box;width:100px;height:30px;line-height:28px;vertical-align:middle;border-radius: 4px;cursor: pointer;display:inline-block}
.detail-btn{border: 1px solid #e1e1e1;background-color: #f9f9f9;background-image: -webkit-linear-gradient(top,#fff,#f9f9f9);background-image: linear-gradient(180deg,#fff,#f9f9f9);color:#646464;}
.cart-price{border:1px solid #5c81e3;background:#678ee7;background-image: -webkit-linear-gradient(top,#678ee7,#5078df);background-image: linear-gradient(to bottom,#678ee7,#5078df);}
.cart-price a,.cart-btn input{color:#fff;}
.cart-btn input{border:1px solid #C33;background:#C03;background-image: -webkit-linear-gradient(top,#F33,#C03);background-image: linear-gradient(to bottom,#F33,#C03)}
.InproductUl li:hover .operator{opacity:1;}
.InproductUl li:hover .Inprice,.InproductUl li:hover .Inprice {opacity:0;display:none}
.InproductUl li:hover .hidS,.InproductUl li:hover .hidS{visibility:visible;opacity:1}


.publicUl li{padding:25px;border:0px solid red;border:1px solid #eee;float:left;width:297px;text-align: left;position: relative}
.publicUl li:first-child::before{border-left: none;}

.publicUl li:before {content: '';width:100%;height:100%;box-sizing:border-box;position:absolute;top:0;left:0;z-index:1;pointer-events:none}

.info {z-index:1;width:100%;box-sizing:border-box}
.info h6 {font-size:16px;color:#424242;line-height:24px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;}
.info p{font-size:12px;color:#929292;display:block;-webkit-line-clamp: 2;-webkit-box-orient:vertical;overflow: hidden}
.info .link {display: block;margin-top:8px;line-height: 1.2;font-size: 12px;color: #5079d9; font-weight:500}
.cover-link {display:block;position: absolute;left:0;top:0;bottom:0;right:0;z-index:4; width:100%; height:100%}
.cover-link:hover{box-shadow:0 0 38px rgba(0,0,0,.08) inset;-webkit-transition:all .15s ease;transition:all .15s ease}



.nei_main{ overflow:hidden;padding:30px 0;}
.pro_left{width:280px;float:left}
.return_bg{border-bottom:1px solid #eee;padding-bottom:20px;}
.return{height:30px;line-height:30px;padding-top:10px;color:#999;font-size:14px;}		
.return img{ margin-top:8px;margin-right:10px;}
 
.PL_menu{background:#368FE2;}
.PL_menu li{border:0px solid red;}
.PL_menu li a{} 
.PL_menu>li{border-bottom:1px dashed #B3D1ED;}
.PL_menu>li>a{color:#fff;font-size:14px;display:block;line-height:45px;padding:0 10px;}
.PL_menu>li>a:hover{background:#069;}/**/
.PL_menu>li:last-child{border-bottom:0}

.PL_Smenu{margin-left:20px;margin-bottom:10px;}
.PL_Smenu>li{line-height:25px;}
.PL_Smenu>li>a{display:block;color:#fff;padding-left:10px;}
.PL_Smenu li a:hover{background:#2E7CC1;}
.jia{background: url(images/jia.png) no-repeat;width: 11px;height: 11px;float:left;margin-top:15px;margin-left:0px;display:block;margin-right:5px;}
.jian{background: url(images/jian.png) no-repeat;width: 11px;height: 11px;float:left;margin-top:15px;margin-left:0px;display:block;margin-right:5px;}
.PL_three{ overflow:hidden;margin-bottom:10px;}
.PL_three li{margin-left:20px;}
.PL_three li a{padding-left:20px;display:block;color:#fff;}/**/

.pR_cont{width:900px;float:left;margin-left:20px;}

.page{ overflow:hidden;text-align:center;padding:15px 0;margin-top:25px;}
.page a{border:1px solid #ccc;padding:5px 15px;margin:0 10px;}



/*pro_det.asp*/
.swiper-container {
	
	max-width: 100%;
	
	max-height: 100%;
	
}
.swiper-container img{width:100%}
.swiper-slide {
	position:relative;
	text-align: center;
	font-size: 18px;
	background: #fff;
	 
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.col-md-12{}
.pro_Det{overflow:hidden;}
.pD_imgleft{width:400px;height:360px;border:1px solid #eee;text-align:center;padding-bottom:20px;}
.pD_imgleft img{width:340px;border:0px solid red;margin-top:10px;margin-bottom:15px;}
.pd_tit{font-size:18px;margin-bottom:20px;font-weight:600;color:#666;}

.proD_right{margin-left:50px;width:700px;}
.proD_right{}
.PDR_tit{font-size:17px;color:#368EDF;}
.PDR_tit span{font-size:15px !important;color:#333}
.PDR_tit i{color:#999;font-size:14px;}

.pd_top{margin-bottom:25px;}
.pd_xh{font-size:16px !important;margin-top:5px;float:left;width:80px;text-align:right}
.pd_xhImg{width:620px;}
.pd_xhImg li{float:left;margin-right:20px;font-size:15px;border:1px solid #ccc;padding:5px 10px;border-radius:3px;margin-bottom:7px;}
.pd_xhImg li:hover{ border:1px solid #368EE5}
.pd_xhImg .sty-select,.pd_xhImg .sty-select:hover{ border:1px solid #f00}
.pd_xhImg .sty-select a{ color:#f00}
.yt_gshu{line-height:25px;}
.pd_gsT{font-size:15px;float:left;width:80px;text-align:right}

.buy_button{ overflow:hidden;}
.buy_button strong{color:#368EE5;font-size:25px;margin-top:8px;margin-right:50px;display:block;margin-bottom:20px;font-weight:400;} 
.buy_button strong i{font-size:16px;color:#333;font-weight:400;float:left;}
.buy_button a{background:#EA1E33;font-size:18px;color:#fff;border-radius:3px;float:left;padding:10px 30px;margin-right:30px;}

.pd_cont{margin-top:20px;} 
.pd_menu{overflow:hidden;background:#368EDF;margin-top:40px;border-radius:3px;}
.pd_menu li{float:left;}
.pd_menu li a{color:#fff;float:left;height:45ppx;line-height:45px;font-size:15px;padding:0 30px;}
.pd_menu li a:hover,.pd_menu .pd_cur{background:#1A6CBC !important;}

.pd_Mcont{margin-top:15px;}
.pd_Mcont>div{display:none;margin-top:20px;}
.pdM_table{}
.pdM_table table{width:100%;}
.pdM_table table thead{background:#F2F2F2;padding:5px 0}
.pdM_table table tr{}
.pdM_table table tr td{border:1px solid #e5e5e5;padding:8px 10px;}

.pdM_tit{font-size:15px;color:#368EDF;margin-bottom:10px;display:block;}
.js_zhibiao{}
.js_zhibiao table{width:100%;margin-top:15px;}
.js_zhibiao table thead{background:#F2F2F2;padding:5px 0;}
.js_zhibiao table thead td{} 
.js_zhibiao table td{border:1px solid #e5e5e5;padding:8px 10px;} 

/*news*/
.inner-newsUl,.inner-newsUl li,.inner-newsUl li .info h6,.inner-newsUl li .info p{overflow:hidden;}
.inner-newsUl li{  border-bottom:1px solid #ccc; padding-bottom:20px; margin-bottom:20px; width:48%; float:left}
.inner-newsUl li:nth-child(2n+2){ float:right}
.inner-newsUl li .image{ width:30%}
.inner-newsUl li .info{ width:65%}
.inner-newsUl li .info h6{ height:30px; line-height:30px;text-overflow:ellipsis; white-space:nowrap; display:block}
.inner-newsUl li .info p{ height:40px;margin-bottom:20px}
.page{ margin:30px auto; text-align:center}
.page a{ padding:5px 15px; border:1px solid #6189e5;color:#6189e5}
.page a:hover,a.styS{background:#6189e5; color:#fff;}
.NewsL{ width:78%; border-right:1px dashed #eee}
.NewsL-title{ margin-bottom:30px}
.NewsL-title .Span{ color:#999; margin-right:30px}
.NewsL>p,.NewsL>img{ margin-bottom:10px}
.NewsL>p,.NewsL>img,.NewsL>h2{ margin-right:20px}
.NewsL>img{ max-width:100%; display:block; overflow:hidden}
.NewsR{ width:22%}
.NewsR>h3,.NewsR-detail{ margin-left:20px; }
.NewsR>h3{color:#f00}
.NewsR-detail{ margin:20px 0 20px 20px}
.NewsR-detail h6{ font-size:16px; height:30px; inline-box-align:30px; overflow:hidden}
.NewsR-detail img{ width:100%}
.NewsR-detail p{ color:#999; margin-top:10px}
.pageS{ margin:30px auto}
.pageS p{ margin-bottom:10px}
.pageS p a{color:#c06}

/*contcat*/
.contcat{ background:#fff url(../images/skyline-dark.jpg) no-repeat center bottom; padding:20px 20px 100px; background-size:100% auto; margin:30px auto 20px}
.contactTxt h3{ font-size:22px}
.contactImg{ margin-top:5px}
 .contactImg div{display:inline-block}
	  .contactImg  img{width:150px;}
	  .contactImg p{text-align:center;}
.map{ margin-bottom:20px}
.frame{ height:480px; width:100%}

/*advice*/
.adviceL{overflow:hidden}
.adviceL h3{ font-size:22px}
.pS{ color:#999; font-size:14px; line-height:20px; margin:10px auto}
.pS a{ display:inline-block; margin-top:-4px}
.coopForm{ overflow:hidden; margin-top:50px; margin-left:120px}
.inputD{ overflow:hidden}
.pri1{ color:#388FDF; font-weight:400; letter-spacing:2px; font-size:16px}
.input,.textarea{width:76%;border-radius: 5px;border: solid 1px #CFCFCF!important;overflow: hidden;background-color:#f6f7f7;font-size: 12px;padding: 0 10px !important;line-height: 30px;margin:10px 0 20px 0!important; height:30px}
.select option{ padding:3px 10px !important}
.textarea{ height:120px}
.inputE{ text-align:center; width:80%; overflow:hidden}
.btnE {width:110px;height: 30px;border: solid 1px #388FDF !important;border-radius: 5px;background-color: #f7f7f7;margin:20px 10px 50px !important;color:#388FDF;font-size: 13px; display:inline-block}
.coopR{ width:30%}
.coopR h3{ font-size:20px; margin-bottom:20px}


/*login*/
.loginBj{ background:#EFF2F5; background-size:cover}
.loginHead{margin-top:10px}
.loginHead>a{ margin-right:50px; margin-top:10px}
.loginHead>a img{ height:55px}
.loginHead .Tel img{ margin-top:3px}
.loginA{ margin-top:35px}
.loginCon{ margin:20px auto 0; padding:60px 0; background:#fff}
.loginCon-divWide{ width:700px; margin:0 auto}
.loginTxt{ width:400px}
.loginS{ width:50%; background:#E6E6E6; height:52px; text-align:center; font-size:14px; padding-top:6px}
.loginS p{ font-size:10px; color:#999}
.hrS{ border-left:1px solid #F7F7F5; padding-top:18px}
.Third-Login{ overflow:hidden; margin-left:100px}
.Third-Login h3{ height:60px; line-height:60px; font-size:18px; }
.third-p{margin-top:30px}
.third-p p{ margin-bottom:20px}
.third-p p a{ width:200px; height:40px; line-height:40px; color:#fff;padding-left:75px; background-position:35px center; background-repeat:no-repeat; background-size:25px auto; display:block}
.third-wx a{ background-color:#53b206; background-image:url(../images/wx.png)}
.third-qq a{ background-color:#0aa4e7; background-image:url(../images/qq.png)}
.Third-Login span a{ margin-left:20px; font-size:16px; color:#39F; letter-spacing:1px}
.Third-Login span a:hover{ text-decoration:underline}
.loginFoot{ overflow:hidden}
.loginFLink{ text-align:center; margin:30px auto 5px}
.loginFLink a,.loginFLink em,.loginFTxt p{ display:inline-block}
.loginFLink a,.loginFTxt p{padding:0 20px; font-size:12px}
.loginFLink em{ font-weight:600; margin-right:5px; color:#000}
.loginFTxt{ text-align:center}
.regForm{}
.regTitle{font-size:20px; height:40px}
.regTitle h3{ font-weight:400; float:left }
.regInput p{ font-size:14px; margin-bottom:8px}
.regInput input,.regInput .select{ height:35px; line-height:35px; border-radius:3px; border:1px solid #ccc; padding-left:10px}
.regInput,.regInputA{ overflow:hidden; margin-bottom:25px}
.regInputA{margin-bottom:10px}
.regInputA a{ display:inline-block}
.regInput .demInp,.regInput .select{ width:100%; background:#fff}
.regCode{ width:55% !important}
a.Code{ height:35px; line-height:35px; width:38%; text-align:center; color:#fff; background:#C6CACB; border:1px solid #C6CACB}
.regInputC{ text-align:center}
.regInputC .demInS{ width:100%; background:#3D99F0; color:#fff; border:1px solid #3D99F0; letter-spacing:3px; font-size:16px; line-height:40px; height:50px; cursor:pointe; padding-left:0 !important}
.regInputA .isAgree,.regInputA p,.regInputA a{ height:20px; float:left; line-height:17px; margin-right:5px}
.regInput>div{ font-size:14px; line-height:45px}
.regInput>div a{ color:#C90}
.registerP{ font-size:13px}
.registerP a{ color:#39F}


/*useHead*/
.useHead{background:#CAD4E7}
.useHead .logo img{ height:50px}
.headNav{ line-height:20px; margin-top:25px; margin-left:40px}
.headNav a,.headNav span,.headNav b,.headNav i,.headNav p{ display:inline-block;color:#fff;  float:left}
.headNav a{ margin:0 5px}
.headNav i{width:20px; height:15px;margin-top:3px; margin-right:5px }
.Alogin i{ background:url(../images/icon.png) no-repeat -62px 0}
.headNav b{ margin:0 10px}
.Acart i{background:url(../images/zxicon.png) no-repeat 0 0; background-size:90%}
.Aorder i{background:url(../images/ddicon.png) no-repeat 0 0; background-size:83%}
.perIns{ position:relative;font-style:normal; display:block; text-decoration:none; float:left}
.perIns:hover .perNav{ display:block }
.perNav{position:absolute; left:-15px; top:20px; padding:25px 0;text-align:center;width:120px; display:none; z-index:99}
.perNav a{color:#FFF;line-height:30px; display:block;background:#CAD4E7; float:none}
.perNav a:hover,.personalL a:hover,.AperS{ background:#AEC5F2; text-decoration:none !important; color:#fff !important}
.personalL{ width:160px; background:#fff; padding-bottom:50px}
.personalL a{ display:block; line-height:35px; padding-left:30px}
.personalR{ width:1040px; border-left:1px solid #CCC; background:#fff; min-height:500px}
.personalR>div{ padding:0 30px}
.perRtitle{ font-size:14px; line-height:35px; border-bottom:1px solid #eee}
.Hpic a{ color:#fff}
.Hpic img{ width:20px; height:20px; border-radius:20px}
.Hpic a:hover,.Acart:hover p,.Aorder:hover{ text-decoration:underline}
/*personal*/
.showC{ background:#f5f5f5; overflow:hidden; padding-bottom:30px}
.showC .divWide{ position:relative}
.place{ height:40px; line-height:40px; color:#888}
.AboutL{ width:150px}
.AboutL a{ display:block; height:50px; line-height:50px; text-align:center; background:#F7FAFA; border-bottom:1px solid #eee; font-size:16px}
.AboutL a:hover,.Asty{ background:#3B94E8 !important; color:#fff !important}
.AboutR,.newsR{ width:1050px; background:#fff; padding:8px 25px; line-height:25px; font-size:14px; border-left:1px solid #EEE}
.AboutR h3{ font-size:24px; border-bottom:1px solid #eee; line-height:42px; letter-spacing:2px; font-weight:400; margin-bottom:20px}
.AboutR>p{ margin:20px 0}
.AboutR img{ width:100%}
.personalClass{ background:#f9f9f9}
.personalClass a{ margin:0 30px;height:60px ; line-height:60px; display:inline-block; font-size:16px}
.personalClass a:hover,.perCA{ border-bottom:2px solid #3B94E8; color:#3B94E8 !important}
.personalC{ border:1px solid #ccc; margin-top:20px; overflow:hidden}
.perS,.perList{ padding:20px; overflow:hidden;}
.perS{ line-height:30px; border-bottom:1px solid #eee}
.perS h4,.BalCon h4{ font-size:16px}
.perF h4{ color:#f00}
.perS p{ float:left; color:#999; margin-right:50px; font-size:12px}
.perS b{ float:right; font-weight:400; font-size:16px}
.perS b i,.BalanR p i{ font-size:24px}
.perListUl li{ margin-bottom:20px; overflow:hidden}
.perListUl .tabImg{ width:140px; margin-right:30px}
.perM{ /*width:150px*/}
.perM a{ display:block; padding:0 20px;border-radius:3px; text-align:center; margin-bottom:10px; height:35px; line-height:35px}
.perM a.dx{background:#f9f9f9; border:1px solid #ccc; }
.perM a.dx:hover{ background:#fff}
.perM a.zf{ background:#f00;border:none;  color:#fff}
.perM a.zf:hover{ background:#900}
.tabName{ color:#333; margin:20px 0 5px !important}
.tabColor{ color:#999; margin:0 !important}

/*shopcar*/
.tabUl,.settlement{ width:100%; border:1px solid #eee; overflow:hidden}
.tabHead{background:#f9f9f9 }
.tabHead li{height:30px; line-height:30px}
.tabUl li{ float:left}
.tabUl li:first-child{ width:412px}
.tabUl li input,.choice input{  vertical-align:middle}
.tabUl li span,.settlement .choice,.settlement a,.settlement .fright span{ display:inline-block; padding-left:15px}
.tabUl li img{ width:100%}
.ProductInfo{ margin-left:25px}
.price,.total,.operate,.amount{ width:130px}
.tabContent{padding:15px 0}
.tabContent,.settlement{ border-top:none}
.tabUl .prodetD{ border-bottom:none; margin:0}
.tabUl .prodetD span{ margin:16px 0 0}
.tabUl .prodetD #minus{ margin:0}
.prodetD span>a{ display:inline-block; font-size:12px; padding:3px 15px; border:1px solid #ededed; margin-left:23px}
.prodetD span i,.prodetD span input{display:inline-block;height:25px;text-align:center;border:1px solid #EDEDED; float:left  }
.prodetD span i{ width:25px;  font-style:normal; cursor:pointer}
.prodetD span input{ width:39px;  background:#fff;border-left:none; border-right:none}
.tabImg{ width:100px; margin-right:20px}
.ProductInfo:hover .tabName,.settlement a:hover{ text-decoration:underline}
.tabContent .choice,.tabContent .price,.tabContent .total,.tabContent .amount{ margin-top:16px}
.tabContent .operate a{ display:block; margin-top:5px}
.settlement{ height:50px; background:#F9F9F9; line-height:50px}
.settlement a,.settlement .fright span{ margin-left:10px; color:#333}
.settlement .fright em,.settlement .fright i{ font-style:normal}
.buyC,.amounted{ color:#F00; font-weight:600}
.amounted{ font-size:16px}
.setSub{ height:50px; border:none; line-height:50px; width:120px; font-size:18px; letter-spacing:2px; margin-left:30px !important; cursor:pointer; text-align:center; padding-left:0 !important}
.setGo{background:#1C99D3; color:#fff}
.setSub:hover{background:#EE3531; color:#fff; text-decoration:none !important}
a.gm{padding:2px 15px; background:#C30; color:#fff}
a.gm:hover{ background:#F00}

/*data*/
.data-table{ border-top:1px solid #eee; border-left:1px solid #eee;overflow:hidden; width:100% !important; margin-bottom:20px}
.data-table tr td{border-bottom:1px solid #eee;border-right:1px solid #eee;padding:10px 20px}
.data-table h5{ color:#39F; display:inline-block}
a.modify{ background:#39F; color:#fff; padding:2px 10px; border-radius:3px}
a.edit{ color:#000}
.data-table p{ padding:5px 0}
.InvoiceUL,.InvoiceA{ overflow:hidden}
.InvoiceUL li{ float:left; width:25%}
.InvoiceUL li img{width:70%; display:inlien-block; margin-top:10px}
.InvoiceA{ margin:20px auto}
.shopping .user-form{ width:60%; margin:0 auto}
#s_province,#s_city,#s_county{ width:194px; background:#fff; height:35px; border:1px solid #ccc; border-radius:3px; padding-left:6px !important}

/*balance*/
.balance,.balance .perListUl li,.balance-add,.balance-Bot{ overflow:hidden}
.balance-add{ background:#f9f9f9; padding:30px 20px; margin-bottom:20px}
.balance-add p{ float:left; margin-right:60px}
.balance .perListUl li{ height:160px; border-bottom:1px solid #ccc}
.balance .perListUl li a,.balance-Total{ display:block; height:100%}
.balance .tabImg{ margin-left:30px}
.balance-txt{ margin-left:30px}
.balance-Total{ border-left:5px solid #fff; padding:30px 60px}
.balance-Total h5{ font-size:15px;color:#555; margin-top:20px}
.balance-Total h4{ font-size:16px; color:#C06}
.balance-Bot{ margin:20px auto}
.Amount{}
.Amount h5{ text-align:right; margin-right:40px; color:#f00}
.Amount p{ margin-bottom:10px}
.Amount i{ font-size:12px; color:#999}
.chk_2{ display:none}
.chk_2 + label {height:20px;line-height:25px;display:inline-block;position: relative;width:auto;padding-left:24px}
.chk_2 + label:after,.chk_2 + label:before{width:15px;height:15px;position: absolute;top:6px;left:4px;}
.chk_2 + label:after {content: ' ';border:1px solid #ccc;}
.chk_2 + label:before {content: '√';z-index:999;background:none;display:none; font-family:Verdana, Geneva, sans-serif;color:#f00;font-size:20px; line-height:10px; text-align:center;font-weight:200}
.chk_2:checked + label:before {display: block;}
.Amount label{ margin-right:40px}
.check{ margin-bottom:30px}
.Amount a{ background:#f00; color:#fff; float:right; padding:10px 45px; margin:20px 40px; font-size:16px}
.border-top{ border-top:1px solid #ccc; padding-top:10px}