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

a, audio, blockquote, body, button, caption, dd, del, div, dl, dt, embed, fieldset, footer, form, h1, h2, h3, h4, h5, h6, header, img, input, label, li, mark, nav, ol, output, p, pre, progress, section, span, sub, summary, table, tbody, td, tfoot, th, thead, time, tr, ul, video {
    padding: 0;margin: 0;}
	address, caption, cite, code,  figcaption, h1, h2, h3, h4, h5, h6, pre, strong, th {
    font-style: normal;font-weight: 400;}
	li {display: list-item;text-align: -webkit-match-parent;}
	dl {display: block;-webkit-margin-before: 5px;-webkit-margin-after: 5px;-webkit-margin-start: 0px;-webkit-margin-end: 0px;}
	.overflowH{overflow:hidden;}
	* {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

		body {font-family: "Microsoft YaHei","微软雅黑",Arial,sans-serif;font-size: 14px;color: #424242; background-color:#fafafa}
		.button {cursor: pointer;-webkit-transition: background-color .3s ease-in-out;-moz-transition: background-color .3s ease-in-out;-o-transition: background-color .3s ease-in-out;transition: background-color .3s ease-in-out;}
		a {color: #f39b16;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;transition: all .3s ease-out;}
		a, a.gray3_red, a.red_no:hover, a:hover {text-decoration: none;}
		h3 {display: block;
		-webkit-margin-before:0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
		font-weight: bold;}

/*top*/
.top{ background-color:#484747; color:#fff;width:100%;position:fixed;top:0;left:0;z-index:999}
.top .nav{ float:left;}
.top h1{float:right; font-size:24px; padding-right:0; padding-top:28px; padding-bottom:20px; font-weight:bold;}
/*nav*/
nav {
    text-align: center; float:left;
}
 
nav ul ul {
    display: none;
}
    nav ul li:hover > ul {
        display: block;
    }
 
nav ul {
    padding:12px 0;  
    list-style: none;
    position: relative;
    display: inline-table;
	
}
    nav ul:after {
        content: ""; clear: both; display: block;
    }
 
    nav ul li {
        float: left;
    }
        nav ul li:hover {
            background: #f39b16;
			color:#fff;
        }
            nav ul li:hover a {
                color: #fff;
            }
         
        nav ul li a {
            display: block; padding: 25px 30px;
            color: #eee; text-decoration: none;font-size:16px;
        }
             
         
    nav ul ul {
        background: #484747; padding: 0;
        position: absolute; top: 100%;
    }
        nav ul ul li {
            float: none; 
            border-bottom: 1px solid #555; position: relative;
        }
            nav ul ul li a {
                padding: 15px 30px;
                color: #fff;
				
            }   
                nav ul ul li a:hover {
                    background: #f39b16;
					color:#fff;
                }
         
    nav ul ul ul {
        position: absolute; left: 100%; top:0;
    }
.nav .trial,.nav .trial:hover{ color:#fff;}

/*banner*/
#slide{min-width:1300px;height: 572px;position: relative;overflow: hidden; margin-top:60px}
#slide ul{position: absolute;left: 0;}
#slide ul li{float: left;}
#slide ul li img{position: relative;left: 0;}

#slide ol{width:100%;position: absolute;bottom:5%;text-align: center;}
#slide ol li{width: 11px;height: 11px;background: white;display: inline-block;font-size: 0;-webkit-border-radius: 10px;
-moz-border-radius: 10px;border-radius: 10px; opacity:0.6; margin-left:3px; margin-right:3px}
#slide ol li.selected{background: #f39b16}
#slide ol li a{height: 11px;display: block;}

.login {
    color: #fff;
    background: url(../images/newpassword/index_03.png) no-repeat left top;
    padding: 30px 25px 0px;
    width: 265px;
    line-height: 30px;
    height: 384px;
    position: absolute;
    right:100px;
    top: 170px;
	z-index:899;
}
form{ display:block}
.logintit {
    font-size: 20px;
	letter-spacing:4px;
    color: #fff;
    text-align: center;
    border-bottom: 1px solid #CCC;
    line-height: 45px;
    height: 45px;
    margin-bottom: 20px;
}
.login label {
    display: block;
    /* padding-top: 10px; */
    font-size: 16px;
}
.loginname, .loginpass {
    background: url(../images/newpassword/index_02.png) no-repeat left top;
	font-size:14px;
	
    text-indent: 15px;
    border: none;
    color: #fff;
    width: 264px;
    height: 28px;
    line-height: 28px;
	outline:none;
    margin-bottom: 15px;
}
.login_p {
    height: 34px;
    line-height: 30px;
	 padding-left:8px
}
.login_for {
    float: left;
    text-decoration: underline;
}
.login_for, .login_for2 {
    font-size: 16px;
}
.input_check {
    vertical-align: middle;
}
.loginSubmit {
    clear: both;
    width: 100%;
    text-align: center;
    font-size: 16px;
    height: 38px;
    line-height: 38px;
    background: url(../images/newpassword/index_05.png) no-repeat center top;
    margin-top: 18px;
    cursor: pointer;
}




		.pr {position: relative;}
		.main {width: 1100px;margin: 0 auto;}
		.fl {float: left;}
		.main_padding80 {padding: 32px 0 0 0;}
		.leadermanager ul {float: left;width: 24%;margin: 0 1% 4% 0;text-align: center;}
		.leadermanager ul li {display: inline-block;width: 100%;line-height: 26px;}
		.leadermanager ul li.icon {width: 120px;height: 120px;border-radius: 60px;border: 1px solid #d4d4d4;line-height: 120px;transform: scale(1);transition: all .4s ease-in-out 0s;}
		.leadermanager ul li.title {font-size: 18px;font-weight: 700;margin: 25px 0 -10px 0; color:#7a7a7a}
		.leadermanager ul li.title:hover{ color:#f39b16}
		.leadermanager ul li.icon i, .question .content dt.icon i {
    width: 66px;height: 66px;background: url(../images/newpassword/icon1.png) no-repeat;display: inline-block;margin-top: 25px;}
		.leadermanager ul li.icon i.icon-application {background-position: -91px -74px;margin-top: 28px;}
		.leadermanager ul li.icon i.icon-role{background-position: -85px -143px;height: 70px;}
		.leadermanager ul li.icon i.icon-cloud{background-position: -87px -5px;}
		.leadermanager ul li.icon i.icon-mixed{background-position: -1488px -1012px;}
		
		
		
		
		

.clients{ background-color:#f0f0f0; padding-bottom:0;position:relative;}
.clients h1{font-size:34px; font-weight:bold; text-align:center; padding-top:70px; padding-bottom:20px; border-bottom:#CCC solid 1px;}
.clients .bottomcubic{ width:108px; height:4px; background-color:#f39b16; margin-left:auto; margin-right:auto; margin-top:-1px;}
.clients p{text-align:center; line-height:22px; padding-top:14px; padding-bottom:40px;}
.clients img{ padding-left:4%;}
		.con1 {position: absolute;top: 40%;right: 20%;line-height: 24px;width: 328px;height: 205px;}
		.con1 dl {margin-bottom: 20px;}
		.con1 dl dt {font-size: 24px;line-height: 34px; font-weight:normal}
		.colory {color: #f39b16;}
		.clients .titicon {font-size: 14px;line-height:28px;display: inline-block;width: 145px;text-align: left;}
		.con1 h3{ font-weight:normal; font-size: 14px;}
		
.appthree{ padding-bottom:20px;position:relative; }
.appthree h1{ color:#484747; font-size:34px; font-weight:bold; text-align:center; padding-top:70px; padding-bottom:20px; border-bottom:#CCC solid 1px;}
.appthree .bottomcubic{ width:108px; height:4px; background-color:#f39b16; margin-left:auto; margin-right:auto; margin-top:-1px;}
.appthree p{ color:#484747; text-align:center; line-height:22px; padding-top:14px; padding-bottom:40px;}
.appthree img{ padding-left:20%;}
	.appbox{ position:relative;}
		.appthree .con1 { color:#484747;top: 10%;right:18%;line-height: 24px;width: 320px;height: 205px;}
		.appthree .con1 img{ padding-left:0}

		.mapp{ margin-top:50px;}
		.mapp img{ position:absolute; right:22%; top:4%}
		.mapp .con1 {text-align:right; position:static;height:600px; padding-top:5%; padding-left:14%}
		.mapp .con1 .mappimg{left:10%; top:48%}
		.appimg{ height:55px; alignment-baseline:middle; margin-bottom:-18px; margin-left:20px; cursor:pointer}
		.mapp .con1 .colory .appimg2{ height:55px; alignment-baseline:middle; margin-bottom:-18px;margin-right:20px;position:static}


		.allrole .titicon {width: 420px;}
		.allrole{ padding-bottom:60px}
		.allrole .con1{ top:38%;right:20%}
		
		.mixcloud img{ padding:0 5px 50px 10%}
		.mixcloud p{ font-size:18px; line-height:28px;}
		.biggerp{ font-size:18px}
		
		.page-footer-wrap {background-color: #484747;padding: 12px 0;}
		.copyright{ float:left; color:#CCC;}
		.downnav{ float:right; color:#999; margin-left:20px;}
		.downnav a{ color:#CCC;}
		.downnav a:hover{ color:#f39b16}
		.downnav img{ padding-right:20px; width:28px; padding-bottom:25px}
		.contact h1{ font-size:16px; line-height:54px; font-weight:bold; color:#FFF}
		.contact p{ color:#CCC; line-height:24px;}
		.contact,.ewmbox{padding:25px 0 20px 0;}
		.ewmbox{ float:right}
		.ewmbox img{ width:146px; padding-left:25px; padding-right:5px;}


/*book*/	
.book{ padding-bottom:80px;position:relative; background-color:#f0f0f0;}	
.book h1{ color:#484747; font-size:34px; font-weight:bold; text-align:center; padding-top:70px; padding-bottom:20px; border-bottom:#CCC solid 1px;}
.book .bottomcubic{ width:108px; height:4px; background-color:#f39b16; margin-left:auto; margin-right:auto; margin-top:-1px;}
.book p{ color:#484747; text-align:center; line-height:22px; padding-top:14px; padding-bottom:40px;}
.book dl dt{ font-size: 24px;
    line-height: 34px;
    font-weight: normal;}
.book h3 {
    font-weight: normal;
    font-size: 14px;
	line-height:28px;
}
.booktl{ float:left; width:30%; padding-left:10%; padding-top:5%}









/*city*/
.citycon {
    overflow: hidden;
    margin: 60px auto auto auto;
}
.citytit1 {
    font-size: 26px;
    text-align: center;
    padding-top: 80px;
    letter-spacing: 2px;
	
}
.citytit2 {
    font-size: 20px;
    padding-top:4px;
    text-align: center;
}
.citytit3 {
	color: #333;
    font-size: 26px;
    text-align: center;
    font-weight: bold;
	line-height:100px;
}
.cityset{ margin-bottom:80px;}
.cityset .btn {
    border: none;
    font-size:14px;
    display: inline-block;
    margin: 10px 20px;
    font-weight: bold;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
	.cityset .btn1{
	background: #8b809c;
    color: #fff;}
	.cityset .btn2{
	background: #7684A7;
    color: #fff;}
	.cityset .btn3{
	background: #6699D2;
    color: #fff;}
.cityset .btn:before {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    line-height: 2;
    width: 60px;
}
.cityset .btn:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
/* Button 3e */
.cityset .btn-3e {
	width:110px;
	height:56px;
	cursor:pointer;
	overflow: hidden;
}
.cityset .btn-3e:before {
	left: auto;
	right: 10px;
	z-index: 2;
}
.cityset .btn-3e:after {
	width: 30%;
	height: 200%;
	background: rgba(255,255,255,0.1);
	z-index: 1;
	right: 0;
	top: 0;
	margin: -5px 0 0 -5px;
	-webkit-transform-origin: 0 0;
	-webkit-transform: rotate(-20deg);
	-moz-transform-origin: 0 0;
	-moz-transform: rotate(-20deg);
	-ms-transform-origin: 0 0;
	-ms-transform: rotate(-20deg);
	transform-origin: 0 0;
	transform: rotate(-20deg);
}
.cityset .btn-3e:hover:after {
	width: 60%;
}


/*news*/
.newslist{ margin-top:120px; margin-bottom:60px;}
.newslist .onenews{ clear:both; display:block; overflow:hidden}
.newslist .onenewl{ float:left; display:inline; width:300px}
.newslist .onenewr{ float:right; width:700px;padding:15px 50px 0 0;}
.newslist .onenewr h1{ font-weight:bold; color:#333; font-size:24px;}
.newslist .onenewr h2{ font-size:14px; color:#999; margin-bottom:5px; margin-top:5px}
.newslist .onenewr p{text-indent: 2em;text-align:justify;; color:#333;
height:80px; line-height:20px;word-wrap: break-word;overflow:hidden;
 margin-bottom:10px; font-size:14px}
 
/*CSS yahoo2 style pagination*/

DIV.yahoo2 {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center;
	margin-top:120px;
	margin-bottom:30px;
}
DIV.yahoo2 A {
	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 8px; BACKGROUND-POSITION: 50% bottom; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 8px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ddd 1px solid; COLOR: #484747; MARGIN-RIGHT: 3px; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none
}
DIV.yahoo2 A:hover {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #ccc 1px solid; COLOR: #fff; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-COLOR: #f39b16
}
DIV.yahoo2 A:active {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #ccc 1px solid; COLOR: #fff; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-COLOR: #f39b16
}
DIV.yahoo2 SPAN.current {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR: #f39b16; MARGIN-RIGHT: 3px; PADDING-TOP: 2px
}
DIV.yahoo2 SPAN.disabled {
	filter:alpha(opacity=50); 
	-moz-opacity:0.5;
	opacity:0.5;
	BORDER-RIGHT: #ddd 1px solid; 
	PADDING-RIGHT: 8px; 
	BACKGROUND-POSITION: 50% bottom;
	 BORDER-TOP: #ddd 1px solid; 
	 PADDING-LEFT: 8px; 
	 PADDING-BOTTOM: 2px; 
	 BORDER-LEFT: #ddd 1px solid; 
	 COLOR: #484747; 
	 MARGIN-RIGHT: 3px; 
	 PADDING-TOP: 2px; 
	 BORDER-BOTTOM: #ddd 1px solid; 
	 TEXT-DECORATION: none
}
DIV.yahoo2 A.next {
	BORDER-RIGHT: #ddd 2px solid; BORDER-TOP: #ddd 2px solid; MARGIN: 0px 0px 0px 10px; BORDER-LEFT: #ddd 2px solid; BORDER-BOTTOM: #ddd 2px solid
}
DIV.yahoo2 A.next:hover {
	BORDER-RIGHT: #ccc 2px solid; BORDER-TOP: #ccc 2px solid; BORDER-LEFT: #ccc 2px solid; BORDER-BOTTOM: #ccc 2px solid
}
DIV.yahoo2 A.prev {
	BORDER-RIGHT: #ddd 2px solid; BORDER-TOP: #ddd 2px solid; MARGIN: 0px 10px 0px 0px; BORDER-LEFT: #ddd 2px solid; BORDER-BOTTOM: #ddd 2px solid
}
DIV.yahoo2 A.prev:hover {
	BORDER-RIGHT: #ccc 2px solid; BORDER-TOP: #ccc 2px solid; BORDER-LEFT: #ccc 2px solid; BORDER-BOTTOM: #ccc 2px solid
}
/*newscontent*/
.newscontent{ margin-top:120px; margin-bottom:120px}
.bignews{ width:750px; float:left}
.bignews h1{ font-weight:bold}
.bignews h1,.bignews h2{ text-align:center}
.bignews h2{font-size:14px; color:#999; margin-bottom:20px; margin-top:5px}
.bignews p{text-indent: 2em;text-align:justify;line-height:24px; font-size:14px; padding:6px 0;}
.bignews img{  margin:20px 0;}

.smallnews{ width:300px; padding:0 0 0 50px; float:left; margin-bottom:140px;}
.smallnews .onesmall{ clear:both; display:block; overflow:hidden}
.smallnews .onesmalll{ float:left; display:inline; width:120px}
.smallnews .onesmallr{ float:right; width:160px;padding:0 0 0 20px;}
.smallnews .onesmallr h1{ font-size:16px; font-weight:bold; margin-top:10px;
width:160px;/*要显示文字的宽度*/
 overflow:hidden; /*超出的部分隐藏起来。*/
 white-space:nowrap;/*不显示的地方用省略号...代替*/
    text-overflow:ellipsis;/* 支持 IE */
    -o-text-overflow: ellipsis;    /* 支持 Opera */}
.smallnews .onesmallr h2{ font-size:12px; color:#999; margin-bottom:5px; margin-top:5px}
.smallnews .onesmallr p{text-align:justify;line-height:20px;word-wrap: break-word;overflow:hidden; font-size:14px;
width:160px;/*要显示文字的宽度*/
white-space:nowrap;/*不显示的地方用省略号...代替*/
    text-overflow:ellipsis;/* 支持 IE */
    -o-text-overflow: ellipsis;    /* 支持 Opera */}

.newscontent .main .yahoo2{ clear:both; display:inline;overflow:hidden; margin-left:50px;}


/*tms banner*/
.slide{min-width:640px; height:572px;position: relative;overflow: hidden;
 margin-top:60px !important; background:url(../images/newpassword/tmsbanner.jpg) no-repeat center center;}


/*index part*/
/*earthbase*/
.earthbase{ background-color:#484747;padding-bottom:80px;}
.earthbase h1{ color:#fff; font-size:34px; font-weight:bold; text-align:center; padding-top:50px;padding-bottom:20px; border-bottom:#CCC solid 1px;}
.earthbase .bottomcubic{ width:108px; height:4px; background-color:#f39b16; margin-left:auto; margin-right:auto; margin-top:-1px;}
.earthbase p{ color:#fff; text-align:center; line-height:22px; padding-top:10px; padding-bottom:30px;}


/*casepart*/
.casepart h1{ color:#333; font-size:34px; font-weight:bold; text-align:center;padding-bottom:20px; border-bottom:#CCC solid 1px;}
.casepart .bottomcubic{ width:108px; height:4px; background-color:#f39b16; margin-left:auto; margin-right:auto; margin-top:-1px;}
.casepart p{ color:#333; text-align:center; line-height:22px; padding-top:10px; padding-bottom:24px;}
.casepart{width:1100px; overflow:hidden;margin:50px auto 80px auto;}

.casepart ul{ height:210px; padding:0 22px;}
.casepart ul li{width:340px;height:210px;float:left;margin:6px 6px;position:relative;overflow:hidden;cursor:pointer;}
.casepart .txt{width:310px;height:45px; background:url(../images/newpassword/serbox/1px.png) repeat;position:absolute;left:0;bottom:0;
padding:0 15px;}
.casepart .txt h3{font-size:18px;font-weight:100;height:45px;text-align:center;line-height:45px;color:#fff;}
.casepart .txt p{font-size:14px;text-align:center;color:#fff;}

.testbox,.testbox2{ width:100%;overflow:hidden; margin:30px auto;}
.testbox .testboxl{ width:75%; float:left;}
.testbox .testboxr{ width:20%; float:right; padding:20px;}
.testbox .testboxl *,.testbox .testboxr *{ float:left;}
.testbox .testboxl p{ width:80%; padding:20px;}
.testbox .testboxr p{ text-align:left; padding:15px 20px;}
.testbox2{ width:100%;overflow:hidden; margin:30px auto;}
.testbox2 .testboxl{ width:70%; float:left;}
.testbox2 .testboxr{ width:20%; float:left; padding:10px 20px;}
.testbox2 .testboxl *,.testbox2 .testboxr *{ float:left;}
.testbox2 .testboxl p{ width:80%; padding:20px;}
.testbox2 .testboxr p{ text-align:left; padding:15px 20px;}

.servicesBox { width:1000px; height:240px; margin:20px auto; clear:both; line-height:18px; color:#666; font-size:12px;}
.servicesBox .serBox { cursor:pointer; border:1px solid #fafafa; display:inline; width:198px; height:250px; float:left; overflow:hidden; background-color:#fafafa; position:relative;}
.servicesBox .serBoxOn { display:none; width:320px; height:270px; background:url(../images/newpassword/serbox/serboxon_bg.gif) repeat 0px 0px; position:absolute; left:0px; top:0px; z-index:19;}
.servicesBox .serBox .pic1 { width:110px; height:110px; text-align:center; position:absolute; top:22px; right:45px; z-index:99;}
.servicesBox .serBox .pic2 { width:110px; height:110px; text-align:center; position:absolute; top:22px; left:-114px; z-index:99;}
.servicesBox .serBox .txt1 { width:198px; height:100px; color:#666; position:absolute; top:145px; left:0px; z-index:99;}
.servicesBox .serBox .txt2 { width:198px; height:100px; color:#eee; position:absolute; top:145px; right:-240px; z-index:99;}
.servicesBox .serBox span.tit { font-size:20px; display:block; text-align:center;}
.servicesBox .serBox .txt1 .tit { color:#333; line-height:34px; font-weight:bold}
.servicesBox .serBox .txt2 .tit { color:#fff; line-height:34px; font-weight:bold}
.servicesBox .serBox .txt2 p { color:#fff; line-height:20px;}
.servicesBox .serBox p{ padding:0 20px; text-align:center;}

/*wms*/
.wmsbanner{
	min-width:640px; 
	height:572px;
	position: relative;
	overflow: hidden;
 	margin-top:60px !important;
	background:url(../images/newpassword/wms/wmsbanner.jpg) no-repeat center center;
	}


.wmsoneflow{ margin:60px auto;}
.wmsoneflow .oneicon{ float:left; width:25%; padding-bottom:60px;}
.wmsoneflow img{margin-left:34.85%; border:solid 1px #208888;-moz-border-radius: 15px; /* Firefox */
  -webkit-border-radius: 15px; /* Safari 和 Chrome */
  border-radius: 15px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */}
.wmsoneflow p{ font-size:16px; text-align:center; line-height:36px;}

.wmstwo,.wmsfour{ background-color:#f0f0f0;}
.wmsone h1,.wmsthree h1,.wmsfive h1,.wmstwo h1,.wmsfour h1{color:#333; font-size:34px; font-weight:bold; text-align:center; padding-top:70px; padding-bottom:20px; border-bottom:#208888 solid 1px;}
.wmsone .bottomcubic,.wmstwo .bottomcubic,.wmsthree .bottomcubic,.wmsfour .bottomcubic,.wmsfive .bottomcubic{ width:108px; height:4px; background-color:#00b000; margin-left:auto; margin-right:auto; margin-top:-1px;}
.wmstwo p{ float:left;font-size:16px; line-height:36px; padding-top:120px; padding-left:250px;}

.wmsthree{background:url(../images/newpassword/wms/wmsbg.jpg) no-repeat center center;}

.mobilebox{ position:relative; height:700px;}
.mobilebox img{ position:absolute; width:270px;/*height:480px;*/

}
.mobile01{ left:2%; top:6%; z-index:102}
.mobile02{ left:20%; top:14%;z-index:101;-moz-box-shadow:10px 10px 25px rgba(32,136,136,.4); /* Firefox */  
-webkit-box-shadow:10px 10px 25px rgba(32,136,136,.4); /* Safari 和 Chrome */  
box-shadow:10px 10px 25px rgba(32,136,136,.4); /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */  }
.mobile03{ left:42%;  top:22%;z-index:100;-moz-box-shadow:10px 10px 25px rgba(32,136,136,.4); /* Firefox */  
-webkit-box-shadow:10px 10px 25px rgba(32,136,136,.4); /* Safari 和 Chrome */  
box-shadow:10px 10px 25px rgba(32,136,136,.4); /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */  }

.mobile01,.mobile02,.mobile03{transition:left 1s;
-moz-transition:left 1s; /* Firefox 4 */
-webkit-transition:left 1s; /* Safari and Chrome */
-o-transition:left 1s; /* Opera */}


.mobile02:hover{ left:23.8%;}
.mobile03:hover{ left:44.7%;}

.mobilebox p{ position:absolute; font-size:16px; line-height:36px; right:3%; top:30%; width:280px;}

.wmsfour p{font-size:16px; line-height:36px; padding-top:30px; padding-left:150px;}

.wmsfive{ margin-bottom:60px;}
.iconbox {margin:30px 25px;}
.iconbox .onebox{ float:left; text-align:center; }
.iconbox .onebox img{ padding:0 100px;}
.iconbox .onebox h5{ font-size:18px; font-weight:bold; line-height:48px; padding-top:10px;}
.iconbox .onebox p{width:230px; padding:0px 60px; font-size:14px;}
.wmsfivepic{position:relative; width:100%; height:550px;}
.wmsfivepic img{position:absolute; -moz-box-shadow:10px 10px 25px rgba(32,136,136,.4); /* Firefox */  
-webkit-box-shadow:10px 10px 25px rgba(32,136,136,.4); /* Safari 和 Chrome */  
box-shadow:10px 10px 25px rgba(32,136,136,.4); /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */  }
.fivepic1{top:10%; left:6%;}
.fivepic2{ top:2%; right:6%; width:650px;}
.fivepic3{ bottom:5%; left:6%;}
.fivepic4{ bottom:22%; right:12%;}

/*about*/
.aboutintro{ margin-top:100px; margin-bottom:100px;}
.aboutintro h2{ font-weight:bold; font-size:34px;}
.aboutintro p{ font-size:14px; text-indent:2em;line-height:28px; width:50%; text-align:justify;float:left;}
.aboutintro img{ width:46%; padding:0 2%; float:right; margin-top:-100px;}

.aboutline {
	background:#f39b16;
	width: 180px;
	height: 3px;
	margin: 20px 0;
	display:block;
}
.email{ background:url(../images/newpassword/intro02.png) no-repeat}
.email .main{ padding:60px 0;}
.email h2{font-size: 24px;text-align:center;color:#666;
    line-height: 30px;
    margin-bottom: 18px;}
.email a{    
	transition: all 0.225s ease-in-out;
    color: #666;
    background: transparent;
    border: 1px solid #666;
    font-size: 16px!important;
    line-height: 36px;
    padding:7px 28px;
    height: 36px;
    outline: none;
    cursor: pointer;}
.email a:hover {
    color: #fff;
    background: #f39b16;
    border-color: #f39b16;
}


/*book*/
.bookbanner{
	min-width:640px; 
	height:572px;
	position: relative;
	overflow: hidden;
 	margin-top:60px !important;
	background:url(../images/newpassword/book/banner.png) no-repeat center center;
	}
.bookone h1,.bookthree h1,.booktwo h1,.bookfour h1{color:#333; font-size:34px; font-weight:bold; text-align:center; padding-top:70px; padding-bottom:20px; border-bottom:rgb(50,171,132) solid 1px;}
.bookone .bottomcubic,.bookthree .bottomcubic,.booktwo .bottomcubic,.bookfour .bottomcubic{ width:108px; height:4px; background-color:rgb(50,171,132); margin-left:auto; margin-right:auto; margin-top:-1px;}
.colory2{ color:rgb(50,171,132)}
.book01{ margin-top:30px; overflow:hidden; margin-bottom:60px;}
.book01 img{ float:left; margin-left:5%;}
.book01 dl{ float:right; margin-right:5%; margin-top:15%;}
.book01 dl dt{ font-size:18px; font-weight:bold;}
.book01 dl dd h3{ font-size:14px; line-height:28px; font-weight:normal}

.booktwo{ background:#f0f0f0;}
.booktwo .book01 dl{ margin-right:10%;}
.booktwo .book01 img{ margin-left:10%;}

.bookthree p{
	text-align: center;
    line-height: 22px;
    padding-top: 14px;
    padding-bottom: 40px;
	font-size:18px}
.bookfour .book01 img{ margin-left:10%;}
.bookfour{ background:#f0f0f0;}

/*pair*/
.pairbanner{
	min-width:640px; 
	height:572px;
	position: relative;
	overflow: hidden;
 	margin-top:60px !important;
	background:url(../images/newpassword/pair/banner.png)no-repeat center center;
	}
.pairone h1,.pairthree h1,.pairtwo h1,.pairfour h1{color:#333; font-size:34px; font-weight:bold; text-align:center; padding-top:70px; padding-bottom:20px; border-bottom:rgb(230,124,46) solid 1px;}
.pairone .bottomcubic,.pairthree .bottomcubic,.pairtwo .bottomcubic,.pairfour .bottomcubic{ width:108px; height:4px; background-color:rgb(230,124,46); margin-left:auto; margin-right:auto; margin-top:-1px;}
.colory2{ color:rgb(230,124,46)}
.pair01{ margin-top:30px; overflow:hidden; margin-bottom:10px;}
.pair01 img{ float:left; margin-left:1%;}
.pair01 dl{ float:right; margin-right:10%; margin-top:15%;}
.pair01 dl dd h3{ font-size:14px; line-height:28px; font-weight:normal;}

.pairtwo{ background:#f0f0f0;}
.pairtwo .book01 dl{ margin-right:10%;}
.pairtwo .book01 img{ margin-left:10%;}

.pairtwo p{
	text-align: center;
    line-height: 22px;
    padding-top: 14px;
    padding-bottom: 40px;
	font-size:18px}
	
.pairthree p{
	text-align: center;
    line-height: 22px;
    padding-top: 14px;
    padding-bottom: 40px;
	font-size:18px}
.pairfour .book01 img{ margin-left:10%;}
.pairfour{ background:#f0f0f0;}