body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td{ margin:0; padding:0;}
body{ font:12px/1.5 "\5FAE\8F6F\96C5\9ED1",arial,'Hiragino Sans GB'; color:#666; background:#fafafa;}
img{vertical-align: middle; border:none; max-width: 100%;}
ul,ol{list-style:none outside none;}
table{border-collapse:collapse; border-spacing:0;}
button, input, select, textarea {font-size: 100%; vertical-align:middle;}
a{ color:#333; text-decoration:none; blr:expression(this.onFocus=this.blur()); }
a:hover{ text-decoration:none;}
:focus {outline: 0 none;}
h1,h2,h3{ font-size:100%; font-weight:normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;-moz-appearance: button;}
.text,.btn,textarea{font-family:"\5FAE\8F6F\96C5\9ED1",arial,'Hiragino Sans GB';}
.wrap{ width:1200px; margin:auto;}
.clearfix:after{ content:"."; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}
.btn{ cursor: pointer; border: none;}
html,body{ width: 100%; height: 100%;}

.slidebox{ width: 100%; height: 100%; position: relative; overflow: hidden;}
.slide-img{ width: 100%; height: 100%;}
.slide-img li{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover!important;}

.rt{ position: absolute; right: 40px; top: 40px;}
.language{ text-align: right; margin-bottom: 15px;}
.language a{ background: url(../images/icon11.png) no-repeat; display: inline-block; width: 94px; height: 27px; margin-left: 12px;}
.language .cn{ background-position: 0 0;}
.language .en{ background-position: -106px 0;}
.toplink{ font-size: 13px; color: #fff; text-align: right; margin-right: -15px;}
.toplink a{ color: #fff; margin: 0 15px;}

.navbar{ height: 80px; line-height: 80px; background: #fff; width: 100%;}
.nwrap{ width: 1440px; margin: auto;}
.logo{ float:left; font-size: 0;}
.nav{ padding-left: 30px; float: left;}
.nav li{ float: left; text-align: center; width: 150px; margin-right: 1px;}
.nav li a{ display: block; height: 77px; font-size: 16px;}
.nav li a:hover{ background: #e9f8fe; border-bottom: 3px solid #49c9f4;}
.nright{ float: right;}
.nlan{ float: left;}
.nlan a{ margin: 0 5px}
.search{ width: 162px; height: 30px; background: #f7f7f7; float: left; margin: 25px 0 0 10px;}
.search .text{ width: 124px; height: 20px; line-height: 20px; padding: 5px 0 5px 8px; background:#f7f7f7; border: none; border: 0; float: left; }
.search .btn{ background: url(../images/icon2.png) no-repeat; width: 30px; height: 30px; float: right;}
.h80{ height: 80px; margin-bottom: 100px;}
.fix{ position: fixed; z-index: 9999; width: 100%; left: 0; top: 0; border-bottom: 1px solid #ccc;}

.w1290{ width: 1290px; margin: auto;}
.i-cloumn{ text-align: center; margin-bottom: 75px;}
.i-cloumn h3{ background: url(../images/hr.png) no-repeat center bottom; padding-bottom: 22px;}
.i-cloumn span{ font-size: 30px; color: #5c5c5c; margin-right: 10px;}
.i-cloumn em{ font-style: normal; color: #49c9f4; font-size: 18px; margin-left: 10px;}
.train{  margin-bottom: 110px; overflow: hidden;}
.train-pic{ width: 45%; border-right: 1px dotted #49c9f4; padding-right: 40px; box-sizing: border-box; float: left;}
.train-txt{ width: 55%; float: left;  padding-left: 35px; box-sizing: border-box; }
.train-txt h2{ font-size: 26px; margin-bottom: 22px; }
.train-txt .intro{ line-height: 28px; margin-bottom:30px;}
.conmon-more{ width: 102px; height: 36px; line-height: 36px; text-align: center; border: 1px solid #49c9f4; font-size: 14px; color: #49c9f4; display: block; border-radius: 6px;}

.bar{ background: url(../images/bg1.jpg) no-repeat center top; height: 233px; text-align: center; color: #e2e2e2;}
.bar h3{ font-size: 36px; padding-top: 68px; margin-bottom: 10px;}
.bar h3 span{ margin: 0 30px;}
.bar h4{ font-weight: 100; font-size: 24px;}

.probox{ background: url(../images/bg2.gif) no-repeat left top #fff; padding: 100px 0 90px; overflow: hidden;}
.tags{ text-align: center; margin-bottom: 90px;}
.tags a{ background: url(../images/icon5.png) no-repeat -123px 0; width: 116px; height: 134px; line-height: 134px; text-align: center; font-size: 16px; margin: 0 40px; display: inline-block;}
.tags .on{ background-position: 0 0; color: #fff;}
.tcons{ margin: 0 -12px 0 -5px; display: none;}
.tcons li{ float: left; width: 16.6%; padding: 0 12px; box-sizing:border-box;}
.tcons li img{width:100%;}
.tcons li a{ display: block; position: relative; overflow: hidden;}
.tinfo{ height: 75px; background: rgba(0,0,0,0.8); width: 100%; position: absolute; left: 0; bottom: 0;}
.tinfo h3{ color: #fff; font-size: 18px; padding: 13px 0 0 15px; margin-bottom: 3px;}
.iprice{ color: #49c9f4; margin-left: 15px;}

.itec{ background: url(../images/bg3.jpg) no-repeat center top; height: 785px; margin-bottom: 60px;}
.bai{ padding-top: 70px;}
.bai span,.bai em{ color: #fff;}


.itleft{ float: left; width: 732px;}
.fada{ float: right;}
.lt-tiem{ height: 236px;}
.tectxt{ color: #fff; float: left; width: 565px; padding-left: 10px; padding-top: 30px;}
.tectxt dt{ font-size: 24px; margin-bottom: 10px;}
.tectxt dd{ font-size: 14px; line-height: 28px;}
.lb-item{ position: relative; overflow: hidden;}
.lbtxt{ color: #fff; position: absolute; top: 55px; right: 0; width: 407px;}
.lbtxt dt{ font-size: 24px; text-align: right; margin-bottom: 10px; margin-right: 15px;}
.lbtxt dd{ line-height: 22px; background: rgba(0,0,0,0.4); padding: 10px 15px;}
.ie8 .lbtxt dd{ background: #000; filter:alpha(opacity==70);}

.itright{ float: left; width: 467px;}
.s1,.s2{ float: left;}
.s2{ width: 320px;}
.w1600{ width: 1600px; margin: auto;}

.train-list{ margin: 0 -40px 60px;}
.train-list li{ width: 25%; float: left; padding: 0 40px; box-sizing: border-box; }
.train-list li h3{ height: 48px; line-height: 48px; font-size: 16px; border-bottom: 1px solid #d6d4d2; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; position: relative; margin-bottom: 8px;}
.train-list li h3:after{ content: ''; width: 98px; height: 2px; background: #49c9f4; position: absolute; left: 0; bottom: 0;}
.train-list li .intro{ line-height: 24px; font-size: 14px; overflow: hidden; height: 48px; margin-bottom: 20px; }

.ibot{ background: url(../images/bg4.jpg) no-repeat center; height: 720px; position: relative;}
.imsg{ float: left; padding-top: 120px; }
.m-item{ overflow: hidden; margin-bottom: 20px;}
.mti{ width: 99px; float: left; color: #fff; font-size: 18px; text-align: right; margin-top: 3px;}
.mtxt{ float: left;}
.mtxt .text,.mtxt textarea{ width: 390px; height: 20px; line-height: 20px; padding: 8px; background: #fff; background: rgba(255,255,255,0.3); border: none; border: 0; color: #fff;}
.mtxt textarea{ width: 529px; height: 110px;  resize:none; overflow-y:hidden; }
.code{ margin-left: 10px;}
.m-item .btn{ width: 102px; height: 36px; border: 1px solid #49c9f4; color: #49c9f4; border-radius: 6px; background: #49c9f4; background: rgba(73,201,244,0.3);}
.btnpt{ padding-top: 40px;}
.botway{ float: right; color: #fff; line-height: 30px; font-size: 16px; color: #dfdfe0; padding-top: 120px;}
.er{ padding-top: 50px; overflow: hidden;}
.er img{ float: left;}
.er span{ margin:80px 0 0 10px; display: inline-block;}

.ft{ text-align: center; background: rgba(0,0,0,0.7); padding: 25px 0; font-size: 14px; color: #a1a1a1; position: absolute; left: 0; bottom: 0; width: 100%;}
.ft a{ margin: 0 8px; color: #a1a1a1;}


.non .h80{ margin-bottom: 0;}
.banner{ height: 305px;}
.w1280{ width: 1280px; margin: auto;}
.leftside{ width: 284px; float: left; padding-top: 40px;}
.menus{ background: #fff; border: 1px solid #e5e5e5; padding-bottom: 20px;}
.menus li{ height: 44px; line-height: 44px;}
.menus li a{ display: block; padding-left: 80px; font-size: 16px; background: url(../images/icon6.png) no-repeat center bottom; padding-bottom: 6px; color: #0181c8}
.menus li a:hover,.menus li .hover{ background: url(../images/hover.png) no-repeat; color: #000;}
.main{ background: url(../images/bg5.png) no-repeat center top ; width: 966px; float: right; }
.baibg{ background: #fff; width: 950px; float: right;  padding-bottom: 40px;}
.bread{ text-align: right; color: #bcc0c4; padding: 28px 20px 0 0;}
.bread a{ color: #bcc0c4;}
.article{ font-size: 14px; line-height: 28px; min-height: 600px; padding: 30px 35px; overflow: hidden;}
.non .ft{ position: static;}
.article img{ max-width: 100%;}

.topnews{ padding: 30px 35px;}
.list{ min-height: 400px;}
.topimg{ float: left;}
.toprighr{ float: left; padding: 10px 0 0 35px; width: 440px;}
.toprighr h3{ font-size: 24px; margin-bottom: 15px;}
.toprighr .intro{ font-size: 14px; line-height: 28px; margin-bottom: 30px;}

.news-list{ padding: 0 35px; margin-bottom: 20px;}
.news-list li{  padding: 25px 0;  background: url(../images/hr2.png) no-repeat center bottom;}
.fb-time{ width: 108px; height: 80px; text-align: center; background: #ededed; color: #fff; overflow: hidden; float: left; margin-right: 20px; font-family: '\5FAE\8F6F\96C5\9ED1';}
.fb-time span{ font-size: 24px; color: #0f84d1; display: inline-block; margin-top: 8px; margin-bottom: 2px; }
.fb-time p{ font-size: 14px; color: #5d5d5d;}
.news-list li h3{ font-size: 14px; height: 20px; overflow: hidden; margin-bottom: 8px; padding-top: 4px;}
.news-list li .intro{ line-height: 20px; height: 40px; overflow: hidden;}
.nbg{ height: 80px; background:#fbfbfb;}
.news-list li h3 a:hover{ color: #3f9dda;}

.pages{ text-align: right; margin-right: 35px;}
.pages a{ display: inline-block; padding: 5px 12px; margin: 0 2px;  color: #3f9dda;}
.pages .x,.pages .s{  background: #f4f4f4; }
.pages .cur{ background: #3f9dda; color: #fff;}

.atitle{ text-align: center; padding: 30px 0 25px;  background: url(../images/hr2.png) no-repeat center bottom;}
.atitle h1{ color: #0f84d1; font-size: 24px; margin-bottom: 12px;}
.atitle .data{ color: #bebebe;}
.atitle .data span{ margin: 0 10px;}
.goback{ text-align: right; padding-right: 35px;}

/*3f9dda*/
.dropmenus li{ height: auto;}
.dropmenus li > a{ height: 44px;}
.dropmenus .submenus{ padding: 5px 0; display: none;}
.dropmenus .submenus li{ height: 32px; line-height: 32px; margin-bottom: 1px;}
.dropmenus .submenus li a{ height: auto; background: none; font-size: 12px; text-align: center; padding: 0; color: #333;}
.dropmenus .submenus li .on,.dropmenus .submenus li a:hover{ background: #e2f6fc; color: #3f9dda;}


.pp-list{ padding: 0 35px; margin-bottom: 40px; overflow: hidden;}
.pp-pic{ float: left; padding: 1px; border: 1px solid #dcdcdc;}
.pp-list li{ height: 124px; padding: 20px 0; border-bottom: 1px dotted #dcdcdc; width: 33.3%; float: left;}
.ppr{ float: left; padding: 4px 0 0 10px; width: 158px;}
.ppr h3{ margin-bottom: 6px; font-size: 16px;}
.ppr h3 .fu{ font-size: 12px; margin-left: 30px;}
.zhib{ margin-bottom: 10px;}
.ppr .intro{ line-height: 20px; height: 40px; overflow: hidden; display: none;}

.down{ padding: 30px 35px 20px ;}
.down li{ height: 48px; line-height: 48px; font-size: 14px;  background: url(../images/icon8.png) no-repeat 20px #f3f3f3; padding-left:18px;
margin-bottom: 20px;}
.down li span{ float: right; margin-right: 20px;}
.down li em{ font-style: normal; margin-left: 18px;  background: url(../images/icon7.jpg) no-repeat right ; padding-right:24px;}
.down li a{ display: block;}
.down li a:hover{ color: #3f9dda;}

.s td{ color: #666; padding: 10px 5px;}
.s .text,.s select{ width: 240px; height: 26px; line-height: 26px; padding: 0 5px; border: 1px solid #ccc;}
.s textarea{ width: 440px; height: 90px; resize:none; padding:5px; border: 1px solid #ccc;}
.s select{ width: 250px; padding: 2px 0;}
.s span{ position: relative; font-size: 12px; left: 8px; top: 2px;}


.s .btn{
	background: none;
	width: 102px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border: 1px solid #49c9f4;
    font-size: 14px;
    color: #49c9f4;
    display: block;
    border-radius: 6px;
}
.s .error{ color: #c00;}
.s .suss{ color: #79b22d;}
.code2{ margin-left: 10px;}
.tips{ background: url(../images/icon5.jpg) no-repeat 36px 0; height:73px; padding:0 0 20px 140px; line-height: 28px; margin: 20px 65px 30px 65px; border-bottom: 1px dotted #cfcfcf;}
.tips h3{ color: #3f9dda; font-size: 18px;}
.tips p{ color: #333;}

.team{ margin-bottom: 50px;}
.team li{ float: left; text-align: center; margin: 70px 0 0 70px;}
.team-pic img{ display: block; width: 365px; height: 245px;}
.team li h3{ padding-top: 10px;}
.team li h3 a{ font-size: 14px; color: #3f9dda;}
.dmore{ width: 800px; margin-left: 70px; height: 45px; line-height: 45px; text-align: center; font-size: 16px; background: #d2d2d2;
cursor: pointer;}
.dmore:hover{ background: #3f9dda; color: #fff;}

.conmon-more:hover{ background: #3f9dda; color: #fff;}
.train-list li h3 a:hover,.train-txt h2 a:hover{ color: #3f9dda;}

a img:hover{ opacity: 0.9; filter:alpha(opacity=90);}
.yan{ margin-left: 10px; color: #fff}
.yan.error{ color: #fff}


@media only screen and (max-width: 1600px){
  .w1600{ width: 100%; box-sizing:border-box; padding: 0 10px;}
}

@media only screen and (max-width: 1440px){
	.nwrap{ width: 1200px;}
	.nav li{ width: 117px;}
	.tcons{ margin: 0 -8px 0 0px;}
	.tcons li{ padding: 0 5px;}
	.train-list{ margin-left: -10px; margin-right: -10px;}
	.train-list li{ padding: 0 20px;}
}
@media only screen and (max-width: 1290px){
	.w1290{ width: 100%; box-sizing:border-box; padding: 0 10px}
}
@media only screen and (max-width: 1200px){
	.wrap,.w1290,.w1600{  width: 1200px; padding: 0;}
}


.recu{ padding:0px 0 40px 0;}
.recu ul{ cursor:pointer;}
.pos dd li{ line-height:41px; color:#333; height:41px; border-bottom:1px dashed #b5b5b5; padding-left:24px; font-size:14px;  position:relative;}
.Requirement{ border-bottom:none; color:#333; line-height:30px; margin-left:24px; display:none; }
.pos li .jia{ position:absolute; top:10px; right:5px; background:url(../images/add.png) left center no-repeat; width:22px; height:22px;}
.recu dd .act li .jia{position:absolute; top:10px; right:5px; background:url(../images/jian.png) left center no-repeat; width:22px; height:22px;}

















