@charset "utf-8";
/* CSS Document */
* {margin: 0px;padding: 0px; font-family:"微软雅黑";}	
body{ min-width:1024px;font-size: 0.8em;}
table,td,tr,ul,ol,li,dl,dd,dt,p,input,form,em,p,img,h1,h2,h3,h4,h5{margin:0px;padding:0px;}
h1{ color:#232323;}
.toptable{
	color:#FFF;
	}
.toptel{
	color:#F9762E;
	}	
	
ul{ list-style:none;}
.cursor{cursor:pointer;}
.clear{font-size:0;line-height:0;height:0;clear:both;visibility:hidden;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.l{float:left;}
.r{float:right;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
img {border:0;}
a{ text-decoration:none; color:#686868;}
.gy{ width:1200px; margin:0 auto; overflow:hidden;}
a:hover{ text-decoration:none; color:#f3782a;}
.top01{ width:100%; height:30px; line-height:30px; background:#1f2229; /*color:#f5f5f5;*/ color:#F3782A; overflow:hidden;}
.top01_center{ text-align:right; width:380px; padding-left:800px; margin:0 auto;}
.top01_center img{ float:left; margin-top:3px;}
.top02{ height:95px; width:100%;}
.logo{ width:365px; float:left; padding-top:20px;}
.nav{ width:770px; float:right;}
.nav ul{ width:780px;}
.nav li{ width:86px;  margin:0 5px 0 6px;float:left; text-align:center;/* position:relative;*/}
.nav a{ width:86px;  height:42px; padding-top:50px; display:block; font-size:1.33em; /*overflow:hidden; */}
.nav li a:after{
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	right: 50%;
	bottom: -3px;
	height: 3px;
	opacity: 0;
	background-color: #dc6103;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
}
.nav li a:hover:after{
	left: 1%;
	right: 1%;
	opacity: 1;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
}
.nav a:hover{ /*border-bottom:3px solid #f3782a;*/}
.nav a#sel{border-bottom:3px solid #f3782a;color:#f3782a;}
.nav a#sel:hover:after{opacity: 0;}

.nav .sub{ display:none; /*默认隐藏*//* width:1920px;*/ width:100%; padding:0; position:fixed; top:125px; overflow:hidden; text-align:left; z-index:110; left:0px; /*height:544px; padding-bottom:50px;*/background-color:#f5f5f5;}
.nav .sub .nav_xiao{ width:1200px; overflow:hidden; padding-top:5px; margin:0 auto;padding-bottom:50px;}
.nav .sub .nav_xiao .xiao_one{/* margin-left:405px; */width:760px; float:right;overflow:hidden;}
.nav .sub .nav_xiao .xiao_one a{ float:left; display:inline; height:28px; line-height:28px; width:108px; margin-right:12px; overflow:hidden; border-bottom:1px solid #d3d2d2; color:#313030; background:url(../images/nav_dian.jpg) left center no-repeat; padding:0; padding-left:15px; margin-top:13px; font-size:12px; font-family:"宋体";}
.nav .sub .nav_xiao .xiao_one a:hover{ color:#f3782a;}
.nav .sub .nav_xiao .xiao_two{ margin-top:28px;/*margin-left:405px; width:670px;*/width:760px; float:right;}
.nav .sub .nav_xiao .xiao_two img{ float:left; margin-right:25px;}
.nav .sub .nav_xiao .xiao_two .nav_div{ float:left; width:380px; padding-top:30px; font-size:12px; color:#666666; line-height:22px;}
.nav .sub .nav_xiao .xiao_two .nav_div h2{ font-size:16px; color:#f3782a; font-weight:normal; letter-spacing:1px; line-height:36px;}

.nav .sub .nav_xiao .xiao_three{width:760px; float:right;overflow:hidden;}
.nav .sub .nav_xiao .xiao_three ul{ width:790px;}
.nav .sub .nav_xiao .xiao_three ul li{ float:left; display:inline; width:172px; height:190px; overflow:hidden; margin-right:19px; text-align:center; position:inherit; line-height:46px; margin-left:0px;}
.nav .sub .nav_xiao .xiao_three ul li img{ width:100%; height:138px; display:block;}
.nav .sub .nav_xiao .xiao_three ul li a{ color:#686868; width:100%; font-size:14px; height:100%; padding-top:17px;}
.nav .sub .nav_xiao .xiao_three ul li a:hover{ color:#f3782a;}
.nav .sub .nav_xiao .xiao_three ul li:hover img{opacity: 0.8;filter: alpha(opacity=80);}
.nav .sub .nav_xiao .xiao_three ul.nav_wechat li{ width:195px;}
.nav .sub .nav_xiao .xiao_three ul.nav_wechat li img{ width:195px; height:138px;}

.nav .sub .nav_xiao .xiao_four{ width:512px; overflow:hidden;margin-right:25px; margin-left:55px;}
.nav .sub .nav_xiao .xiao_four h2{ font-size:18px; font-weight:normal; color:#333333; height:50px; line-height:50px; border-bottom:1px solid #b3b3b3; letter-spacing:3px; margin-top:10px;}
.nav .sub .nav_xiao .xiao_four .ul{ width:590px;}
.nav .sub .nav_xiao .xiao_four .ul li{ height:42px; line-height:42px; margin-right:80px; padding-right:10px; width:205px; overflow:hidden; float:left; display:inline; background:url(../images/nav_dian2.png) right center no-repeat; margin-left:0px; position:inherit;}
.nav .sub .nav_xiao .xiao_four .ul li a{ padding:0; width:205px; text-align:left;}

.nav .sub .nav_xiao .xiao_five{ width:680px; overflow:hidden; float:left; margin-top:15px; margin-left:50px;}
.nav .sub .nav_xiao .xiao_five img{ width:280px; height:212px;}
.nav .sub .nav_xiao .xiao_five a{ width:280px; height:212px; padding:0; margin-right:45px;float:left;}
.nav .sub .nav_xiao .xiao_five2{float: right;margin-right: 20px;text-align: left; width: 445px; margin-top:15px;}
.nav .sub .nav_xiao .xiao_five2 p{border-bottom: 1px solid #D9D9D9; box-shadow: none;font-size: 14px; padding: 10px 0;}
.nav .sub .nav_xiao .xiao_five2 p a{text-align: left;width: 200px; display: inline-block;padding-top:0; height:auto;padding: 5px 0; font-size:14px; }


.container{margin: 0 auto; max-width: 1024px;}
.row{width: 103%; float: left;  margin-top:80px; margin-left:-1.5%; margin-right:-1.5%; padding-left:14px;}

/*= common css to all effects =*/
.single-member{width: 244px; float: left; margin: 20px 0.5%; background-color: #f3f3f3; text-align: center; position: relative;}
.member-image img{max-width: 100%; vertical-align: middle;}
h3 {font-size: 24px; font-weight: normal; margin: 10px 0 0; text-transform: uppercase;}
h5 {font-size: 16px; font-weight: 300; margin: 0 0 15px; line-height: 22px; color:#999;}
p {font-size: 14px; font-weight: 300; line-height: 22px; padding: 0 30px; margin-bottom: 10px; color:#333;}
.social-touch a{display: inline-block; width: 27px; height: 26px; vertical-align: middle; margin: 0 2px; background-image: url(../images/social-icons.png); background-repeat: no-repeat; opacity: 0.7; transition: 0.3s;}
.social-touch a:hover{opacity: 1; transition: 0.3s;}
.fb-touch{background-position: 0 0;}
.tweet-touch{background-position: -35px 0;}
.linkedin-touch{background-position: -71px 0;}
.icon-colored .fb-touch{background-position: 0 -27px;}
.icon-colored .tweet-touch{background-position: -35px -27px;}
.icon-colored .linkedin-touch{background-position: -71px -27px;}
/*= common css to all effects end =*/

/*= effect-1 css =*/
.effect-1{border-radius: 5px 5px 0 0; padding-bottom: 40px;}
.effect-1 .member-image {border: 2px solid #fff; border-radius: 60px 0; display: inline-block; margin-top: -72px; overflow: hidden; transition: 0.3s;}
.effect-1 .social-touch{background-color: #e13157; position: absolute; left: 0; bottom: 0; height: 0px; overflow: hidden; padding: 7px 0 0; width: 100%; transition: 0.3s;}
.effect-1 .member-image img{transition: 0.3s; border-radius: 60px 0;}
.effect-1:hover .member-image{border-color: #e13157; transition: 0.3s; border-radius: 50%;}
.effect-1:hover .social-touch{padding: 6px 0; height: 26px; transition: 0.3s;}
/*= effect-1 css end =*/

/*= effect-2 css =*/
.effect-2{max-height: 302px; min-height: 302px; overflow: hidden;}
.effect-2 h3{padding-top: 7px; line-height: 33px;}
.effect-2 .member-image{border-bottom: 5px solid #1fb554; height: 212px; overflow: hidden; width: 100%; transition: 0.4s; display: inline-block; float: none; vertical-align: middle;}
.effect-2 .member-info{transition: 0.4s;}
.effect-2 .member-image img{width: 100%; vertical-align: bottom;}
.effect-2 .social-touch{background-color: #1fb554; float: left; left: 0; bottom: 0; overflow: hidden; padding: 5px 0; width: 100%; transition: 0.4s;}
.effect-2:hover .member-image{height: 81px; transition: 0.4s;}
/*= effect-2 css end =*/

/*= effect-3 css =*/
.effect-3{max-height: 302px; min-height: 302px; overflow: hidden;}
.effect-3 h3{padding-top: 7px; line-height: 33px;}
.effect-3 .member-image{border-bottom: 5px solid #e5642b; transition: 0.4s; height: 212px; width: 100%; display: inline-block; float: none; vertical-align: middle;}
.effect-3 .member-info{transition: 0.4s;}
.effect-3 .member-image img{width: 100%; vertical-align: bottom;}
.effect-3 .social-touch{background-color: #e5642b; float: left; left: 0; bottom: 0; overflow: hidden; padding: 5px 0; width: 100%; transition: 0.4s;}
.effect-3:hover .member-image{border-bottom: 0; border-radius: 0 0 50px 50px; height: 81px; display: inline-block; overflow: hidden; width: 109px; transition: 0.4s;}
/*= effect-3 css end =*/

/*= effect-4 css =*/
.effect-4{max-height: 289px; min-height: 289px; overflow: hidden;}
.effect-4 h3{line-height: 35px;}
.effect-4 .member-image{position: absolute; width: 100%; transition: 0.4s;}
.effect-4 .member-image img{width: 100%;}
.effect-4 .more-info{height: 0; transition: 0.4s; overflow: hidden; z-index: 9; position: relative; background-color: #fff;} 
.effect-4:hover .more-info{height: 208px; transition: 0.4s;}
/*= effect-4 css end =*/

/*= effect-5 css =*/
.effect-5{max-height: 289px; min-height: 289px; overflow: hidden;}
.effect-5 .member-info {background-color: #fff; position: absolute; width: 100%; top: 0; left: 0; height: 70px; transition: 0.3s; z-index: 2;}
.effect-5 .member-image{margin-top: 70px; float: left; width: 100%; position: relative; transition: 0.3s; z-index: 4;}
.effect-5 .member-image img{width: 100%;}
.effect-5 .member-info:before{border-left: 140px solid transparent; border-right: 140px solid transparent; border-top: 15px solid #fff; bottom: -15px; content: ""; left: 0; position: absolute; z-index: 9;}
.effect-5:hover .member-info{height: 255px; transition: 0.3s; z-index: 6;}
.effect-5:hover .member-image{margin-top: 200px; transition: 0.3s;}
/*= effect-5 css end =*/

/*= effect-6 css =*/
.effect-6{max-height: 289px; min-height: 289px; overflow: hidden;}
.effect-6 .member-info {background-color: #fff; position: absolute; width: 100%; top: 0; left: 0; height: 82px; transition: 0.3s; z-index: 2;}
.effect-6 .member-image{margin-top: 82px; float: left; width: 100%; position: relative; transition: 0.3s; z-index: 4; overflow: hidden;}
.effect-6 .member-image img{width: 100%;}
.effect-6:hover .member-info{height: 215px; transition: 0.3s; z-index: 6; border-radius: 0 0 50% 50%; overflow: hidden;}
.effect-6:hover .member-image{margin-top: 100px; transition: 0.3s; border-radius: 0;}
/*= effect-6 css end =*/

/*= effect-7 css =*/
.effect-7{max-height: 289px; min-height: 289px; overflow: hidden;}
.effect-7 h3{line-height: 35px;}
.effect-7 .member-image{position: absolute; bottom: 0; width: 100%; transition: 0.4s; z-index: 1;}
.effect-7 .member-image img{width: 100%; transition: 0.4s; opacity: 1; height: 100%;}
.effect-7 .more-info{height: 208px; transition: 0.4s; overflow: hidden; position: relative; background-color: #fff;}
.effect-7:hover .member-image{bottom: 40%;}
.effect-7:hover .member-image img{width: 0; height: 0; transition: 0.4s; opacity: 0;}
/*= effect-7 css end =*/

/*= effect-8 css =*/
.effect-8{max-height: 289px; min-height: 289px; overflow: hidden;  perspective: 800px;}
.effect-8 h3{line-height: 35px;}
.effect-8 .member-image{position: absolute; bottom: 0; width: 100%; transition: 0.4s; z-index: 1;}
.effect-8 .member-image img{width: 100%; transition: 0.4s; height: 100%;}
.effect-8 .more-info{height: 208px; transition: 0.4s; overflow: hidden; position: relative; background-color: #fff;}
.effect-8:hover .member-image{transform: rotateX(82deg); transform-origin: center bottom 0; transition: 0.4s;}
/*= effect-8 css end =*/

/*= effect-9 css =*/
.effect-9{max-height: 289px; min-height: 289px; overflow: hidden;  perspective: 800px;}
.effect-9 h3{line-height: 35px;}
.effect-9 .member-image{position: absolute; bottom: 0; width: 100%; transition: 0.4s; z-index: 1;}
.effect-9 .member-image img{width: 100%; transition: 0.4s; height: 100%;}
.effect-9 .more-info{height: 208px; transition: 0.4s; overflow: hidden; position: relative; background-color: #fff;}
.effect-9:hover .member-image{transform: translateY(100%); transition: 0.4s;}
/*= effect-9 css end =*/

/*= Media Query 
=============== */
@media only screen and (max-width: 1024px){
	.row{width: 100%; margin: 0px 0;}
	.team-members{text-align: center;}
	.single-member{float: none; display: inline-block; vertical-align: bottom;}
}
/*= Media Query End
=================== */


.index_button {
  font-family: 微软雅黑;
  color: #333;
  font-size: 22px;
  padding-top: 10px;
  padding-right: 70px;
  padding-bottom: 10px;
  padding-left: 70px;
  text-decoration: none;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  background: #DCDCDC;
}
.index_button:hover {
  background: #B7AFAF;
  color: #ffffff;
}

/*优势*/
.advantage{ text-align:center; }
.num_box{ display:inline-block; margin:0 16px }
.num{ font-weight:bold;color:#FFF; font-size:55px; width:166px; height:116px; line-height:116px; text-align:center; position:relative; z-index:2; letter-spacing:3px;}
.num_li{ position:relative; }
.num_bg{ position:absolute; z-index:1; width:166px; height:116px; border-radius:8px; left:0; top:0; background:#f69906;}
.num_li h3{ font-size:16px; color:#333333; font-weight:normal; line-height:82px; }
.num_line{ display:block; position:absolute; top:54px; left:0; z-index:10000; width:100%; height:3px; background-color:#f69906;}

.i_service_t{ text-align:center; padding-top:51px; color:#4e4e4e; font-size:14.06px; line-height:40px; padding-bottom:43px;}
.i_service_t h2{ height:70px; line-height:70px;background:url(../images/line.png) center bottom no-repeat; font-size:30.12px; color:#333333;}




/*********************************QQ*************************/
blockquote, q{quotes: none;}
blockquote:before, blockquote:after, q:before, q:after{content: '';content: none;}
table{border-collapse: collapse;border-spacing: 0;}
fieldset, a img, iframe{border: 0 none;}
address, em, i{font-style: normal;}
abbr, acronym{font-variant: normal;}
hr{display: block;height: 1px;border: 0;border-top: 1px solid #cccccc;margin: 1em 0;padding: 0;}
input, select, button{vertical-align: middle;}
input, textarea, select{*font-size: 100%;}
button{overflow: visible;}
button::-moz-focus-inner, input[type=reset]::-moz-focus-inner, input[type=button]::-moz-focus-inner, input[type=submit]::-moz-focus-inner, input[type=file] > input[type=button]::-moz-focus-inner{border: 0 none;padding: 0;}
:active{outline: 0 none;}
::selection{background: #e74700;color: white;}
/*main css*/
.main-im{ position:fixed; right: 10px; top:300px; z-index: 100; width: 110px; height: 272px; }
.main-im .qq-a { display: block; width: 106px; height: 116px; font-size: 14px; color: #0484cd; text-align: center; position: relative; }
.main-im .qq-a span { bottom: 5px; position: absolute; width: 90px; left: 10px; }
.main-im .qq-hover-c { width: 70px; height: 70px; border-radius: 35px; position: absolute; left: 18px; top: 10px; overflow: hidden; z-index: 9; }
.main-im .qq-container { z-index: 99; position: absolute; width: 109px; height: 118px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #dddddd; background: url(../images/qq-icon-bg.png) no-repeat center 8px; }
.main-im .img-qq {max-width: 60px; display: block; position: absolute; left: 6px; top: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.main-im .im-qq:hover .img-qq{ max-width: 70px; left: 1px; top: 8px; position: absolute; }
.main-im .im_main {background: #F9FAFB; border: 1px solid #dddddd; border-radius: 10px; background: #F9FAFB;display:none;}
.main-im .im_main .im-tel { color: #000000; text-align: center; width: 109px; height: 105px; border-bottom: 1px solid #dddddd; }
.main-im .im_main .im-tel div{font-weight:bold;font-size: 12px;margin-top:11px;}
.main-im .im_main .im-tel .tel-num { font-family: Arial; font-weight: bold; color: #e66d15;}
.main-im .im_main .im-tel:hover { background: #fafafa; }
.main-im .im_main .weixing-container {width: 55px; height: 47px; border-right: 1px solid #dddddd; background: #f5f5f5; border-bottom-left-radius: 10px; background: url(../images/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show {width: 112px; height: 172px; background: #ffffff; border-radius: 10px; border: 1px solid #dddddd; position: absolute; left: -125px; top: -126px; }
.main-im .im_main .weixing-show .weixing-sanjiao {width:0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 112px; top: 134px; position: absolute; z-index: 2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 112px; top: 132px; position: absolute; }
.main-im .im_main .weixing-show .weixing-ma { width: 104px; height: 103px; padding-left: 5px; padding-top: 5px; }
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto; text-align:center;}
.main-im .im_main .go-top { width: 50px; height: 47px; background: #f5f5f5; border-bottom-right-radius: 10px; background: url(../images/toTop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a { display: block; width: 52px; height: 47px; }
.main-im .close-im { position: absolute; right: 10px; top: -12px; z-index: 100; width: 24px; height: 24px; }
.main-im .close-im a { display: block; width: 24px; height: 24px; background: url(../images/close_im.png) no-repeat left top; }
.main-im .close-im a:hover { text-decoration: none; }
.main-im .open-im { cursor: pointer; margin-left: 68px; width: 40px; height: 133px; background: url(../images/open_im.png) no-repeat left top; }


/************************注册海外公司*************************/
.mode{
	padding:0;
}
.mode ul li{
	position: relative;float: left;margin-right: 30px;
}
.mode ul li a{
	display: inline-block;
	width: 124px;
	height: 34px;
	text-align: center;
	line-height: 34px;
	position: absolute;
	bottom:28px;
}

.nowReg{
	background: #3c9ad9;color:#fff;left: 30px;
}
.nowReg:hover{
	background: #0bb7ff;
}

.freeP{
	background: #f8fafe;border:1px solid #3c9ad9;color:#3c9ad9;left: 174px;
}
.freeP:hover{
	background: #f04a4a;color:#fff;
}