@charset "utf-8";
 
 
/*--------------整体--------------*/
body,div,p,a,ul,li,dl,dt,dd
{margin:0; padding:0;font-style: normal;font: Arial, Helvetica, sans-serif;}
*{padding:0; margin:0;}
ol, ul ,li{list-style: none;}
img {border: 0; vertical-align:middle;}
body{ font-size:14px; color:#000; line-height:150%; text-align:left; font-family:"Microsoft YaHei",微软雅黑; background:#fff;}
 
a{color:#666666;text-decoration:none; } 
a:hover{ color:#b02923; text-decoration:underline;}

.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
 
/*--------------文字--------------*/
.font_yahei {font-family:"Microsoft YaHei",微软雅黑;}
.fontbg{ background:#fff;}
.fontbg02{ background:#a1840f;}
.font_line{text-decoration:underline;}
.font_down{text-decoration:line-through}
 
.font12{ font-size:12px;}
.font14{ font-size:14px;}
.font16{ font-size:16px;}
.font18{ font-size:18px;}
  
.fontb{ font-weight:bold;}
 
.white{ color:#fff;}
.red{ color:#f00;}
.red02{ color:#ab0000;}
.pink{ color:#e71e73;}
.red03{ color:#930e61;}
.jin{ color:#b4881c;}
.blue{ color:#227abe;}
.hui{ color:#898987; margin:0 10px 0 0;}
.hui_02{ color:#ccc;}


.hr{ width:95%; border-top:1px dashed #d3d3d3; margin:10px auto;}
.hr2{ width:1138px; border-top:2px solid #b2b3b3; margin:20px auto;}


/*--------------顶部--------------*/
.header{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.top{ width:1300px; height:auto; overflow:hidden; padding:0 0 0 0; margin:0 auto;}
.top_l{ width:auto; height:auto; float:left;}
.top_r{ width:auto; height:auto; margin:0 0 0 0; float:right;}

/*导航菜单*/
#navMenu { width:auto; height:60px; display:block; line-height: 80px; margin:10px auto;}
#navMenu ul{width:100%;}
#navMenu li { width:130px; height:100px; line-height:100px; text-align:center; float:left;}

#navMenu li a { color:#a4a8ab; font-family:"Microsoft YaHei",微软雅黑; font-size:18px; display: block;}
#navMenu li a:hover, #navMenu li.hover a { text-decoration: none; color:#0093dd; font-size:18px; background:url(../images/part01_line.jpg) no-repeat bottom center;}

/*-------- 下拉菜单 --------------*/
.dropMenu { width: 120px; position:absolute; top: 0; z-index:100; visibility: hidden; margin-top:0; background:#fff; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }

.dropMenu li { width:120px; height:40px; line-height:40px; display: block; line-height:30px;}
.dropMenu li a { width:120px; height:40px; line-height:40px; display: block; text-align:center; color:#000;}
.dropMenu+li a{}
* html .dropMenu a { width:120px; color:#fff;}

.dropMenu a:hover { width:120px; height:40px; display: block; text-decoration: none; color:#fff; background:#a4a8ab;}

.hdo{ width:100%; height:auto; display:block; overflow:hidden;}


/*--------------通用--------------*/
.part{ width:1300px; height:auto; overflow:hidden; margin:30px auto;}
.part_tit{ width:auto; height:auto; overflow:hidden; text-align:center; margin:10px auto 40px;}

.set_1_btn {
	color:#000;
	cursor: pointer;
	display: block;
	font-size: 18px;
	font-weight: 400;
	line-height: 80px;
	
	text-align: center;
	max-width:500px;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
	vertical-align: middle;
	width: 100%;
	margin:50px auto;
}

.set_1_btn:hover {	text-decoration: none; color:#227abe;}
.Vbtn-3 {
	background:transparent;
	text-align: center;
	float:left; margin:80px 0 50px 400px;
}
.Vbtn-3 svg {
	height: 80px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	margin:auto;
}
.Vbtn-3 rect {
	fill: none;
	stroke: #227abe;
	stroke-width: 5;
	stroke-dasharray: 100, 0;
	transition: all 450ms linear 0s;	
}
.Vbtn-3:hover {
	background: rgba(225, 51, 45, 0);
	font-weight: 900;
	letter-spacing: 1px;
	transition: all 150ms linear 0s;
}
.Vbtn-3:hover rect {
	stroke-width: 5;
	stroke-dasharray: 60, 490;
	stroke-dashoffset: 60;
	-webkit-transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
}






/*--------------第一栏--------------*/
#part01{ width:auto; height:auto; overflow:hidden;}
#part01 ul{ list-style:none;}
#part01 ul li{ width:162px; height:auto; display:block; margin:0 0 0 125px; list-style:none; float:left;}
#part01 ul li p{ font-size:12px; color:#626262; line-height:300%; text-align:left;}

#a1{ display:block; width:162px; height:207px; background:url(../images/../images/part01_a.jpg) no-repeat;
-webkit-animation-name: fadeIn; /*动画名称*/
-webkit-animation-duration: 3s; /*动画持续时间*/
-webkit-animation-iteration-count: 1; /*动画次数*/
-webkit-animation-delay: 0s; /*延迟时间*/}
#a1:hover{ display:block; width:162px; height:207px; background:url(../images/../images/part01_a_hover.jpg) no-repeat;}
#a2{ display:block; width:162px; height:207px; background:url(../images/../images/part01_b.jpg) no-repeat;
-webkit-animation-name: fadeIn; /*动画名称*/
-webkit-animation-duration: 3s; /*动画持续时间*/
-webkit-animation-iteration-count: 1; /*动画次数*/
-webkit-animation-delay: 1s; /*延迟时间*/}
#a2:hover{ display:block; width:162px; height:207px; background:url(../images/../images/part01_b_hover.jpg) no-repeat;}
#a3{ display:block; width:162px; height:207px; background:url(../images/../images/part01_c.jpg) no-repeat;
-webkit-animation-name: fadeIn; /*动画名称*/
-webkit-animation-duration: 3s; /*动画持续时间*/
-webkit-animation-iteration-count: 1; /*动画次数*/
-webkit-animation-delay: 2s; /*延迟时间*/}
#a3:hover{ display:block; width:162px; height:207px; background:url(../images/../images/part01_c_hover.jpg) no-repeat;}
#a4{ display:block; width:162px; height:207px; background:url(../images/../images/part01_d.jpg) no-repeat;
-webkit-animation-name: fadeIn; /*动画名称*/
-webkit-animation-duration: 3s; /*动画持续时间*/
-webkit-animation-iteration-count: 1; /*动画次数*/
-webkit-animation-delay: 4s; /*延迟时间*/}
#a4:hover{ display:block; width:162px; height:207px; background:url(../images/../images/part01_d_hover.jpg) no-repeat;}

.part01_txt{ width:80%; height:auto; overflow:hidden; margin:20px 0 0 19px; background:url(../images/part01_line.jpg) no-repeat left bottom; padding:10px 0 20px 0; float:left; }

#about{ width:100%; height:496px; overflow:hidden; background:url(../images/part01_bg.jpg) no-repeat center; margin:0 auto;}
.about_txt{ width:1134px; height:417px; margin:0 auto;
-webkit-animation-name: fadeIn; /*动画名称*/
-webkit-animation-duration: 12s; /*动画持续时间*/
-webkit-animation-iteration-count: 1; /*动画次数*/
-webkit-animation-delay: 0s; /*延迟时间*/
}

@-webkit-keyframes fadeIn {
0% {opacity: 0; /*初始状态 透明度为0*/}
50% {opacity: 1; /*中间状态 透明度为0*/}
100% {opacity: 2; /*结尾状态 透明度为1*/}
}



/*--------------第二栏--------------*/
.part02{ width:100%; height:auto; overflow:hidden; margin:0 auto 15px;}

.box { width:100%; height:auto;}
.box ul li { float: left; width: 415px; height: 245px; background:url(../images/zzc.png); margin: 8px; list-style: none; position: relative; overflow: hidden; }

.box ul li .cover { width:415px; height: 245px; background:url(../images/zzc2.png); position: absolute; left: 0; top: 0;transform-origin: center bottom; -webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transition: all 0.35s; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; }
.box ul li:hover .cover { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); }

.one{ width:100%; height:496px; background:url(../images/part02_bg.jpg) no-repeat center;}
.one_txt{ width:1180px; height:315px; margin:0 auto; padding:125px 0 0 0;
-webkit-animation-name: fadeIn; /*动画名称*/
-webkit-animation-duration: 12s; /*动画持续时间*/
-webkit-animation-iteration-count: 1; /*动画次数*/
-webkit-animation-delay: 0s; /*延迟时间*/}

/*--------------第三栏--------------*/

.part03{ width:100%; height:496px; background:url(../images/part03_bg.jpg) no-repeat center;}
.part03_line{ width:1100px; height:auto; overflow:hidden; padding:0 0 0 200px; margin:0 auto;}
.part03_line li{ width:228px; height:326px; float:left; margin:85px 0 0 20px;}


/*--------------第四栏--------------*/
.part04{ width:100%; height:auto; background:#f5f5f5; margin:0 auto; }
.yqlj{ width:1300px; height:auto; overflow:hidden; padding:20px 0; margin:0 auto;}
.yqlj li{ width:229px; height:96px; border:3px solid #c3c3c3; float:left; margin:20px 0 0 20px;}







/*-------页脚-------*/
.footer{ width:100%; height:auto; overflow:hidden; background:#227abe; margin:0 auto;}
.footer_tel{ width:1300px; height:auto; overflow:hidden; color:#fff; font-size:16px; line-height:26px; margin:20px auto;}
.footer_tel_01{ width:1023px; height:63px; background:url(../images/lxwm_01.jpg); margin:0 auto 20px;}
.footer_tel_02{ width:75%; height:auto; margin:auto; }
.footer_tel_02 li{ width:300px; height:54px; float:left; margin: 0 0 0 20px;}
.footer_tel_02 img{ width:54px; height:54px; float:left; margin:0 10px 0 0;}
.footer_tel_02 p{ float:left; color:#fff; font-size:18px;}


.footer_map{ width:100%; height:218px; background:url(../images/index_85.jpg) no-repeat center; margin:0 auto;}
.footer_yq,.footer_copyright{ width:100%; height:auto; overflow:hidden; padding:10px 0; background:#fff;}
.footer_copyright{ background:#4f4f4f;}
.f_outline{ width:1000px; margin:0 auto;}
.footer p{  width:auto; margin:0 auto;}







/*-------内页通用-------*/
.pageoutline{ width:1300px; height:auto; overflow:hidden; margin:30px auto 20px;}
.page_tit{ width:100%; height:50px; overflow:hidden; line-height:50px; border-bottom:1px solid #ccc; margin:0 auto 20px;}
.page_tit p{ padding:0 0 0 30px; float:left; font-size:36px; color:#008fdc; font-family:"Microsoft YaHei",微软雅黑;} 


.page_menu{ margin:10px 0 0 0; float:right;}
.page_menu li{ width:110px; height:30px; border:1px solid #ccc; margin:0 10px 0 0; text-align:center; line-height:30px; float:left; }
.page_menu li a{ font-size:14px; color:#999;}
.page_menu li a:hover{ width:110px; height:30px; display:block; background:#008fdc; color:#fff;}
.page_menu .select a{ width:110px; height:30px; display:block; background:#008fdc; color:#fff;}

.page_banner{ width:100%; height:398px; overflow:hidden; margin:auto;}
.pb01{ background:url(../images/pb01.jpg);}
.pb02{ background:url(../images/pb02.jpg);}
.pb03{ background:url(../images/pb03.jpg);}
.pb04{ background:url(../images/pb04.jpg);}
.pb05{ background:url(../images/pb05.jpg);}
.pb06{ background:url(../images/pb06.jpg);}


/*-------关于我们-------*/

.gsjj{ width:100%; height:auto; overflow:hidden; margin:0 auto;}

.gsjj h1{ text-align:center; color:#008fdc; line-height:60px; font-size:24px; font-family:"Microsoft YaHei",微软雅黑; margin:30px auto;}

.gsjj ul{ margin:60px 0 0 0;}
.gsjj ul li{ width:350px; height:auto; overflow:hidden; float:left; margin:10px 0 0 60px; }
.gsjj ul li img{ margin:0 0 20px 0;}
.gsjj ul li p{ font-size:14px; line-height:180%; text-align:left; }

.gslogo{ width:1091px; height:285px; background:url(../images/gsjj_05.jpg); margin:30px auto 55px;}
.gslogo p{ width:567px; margin:155px 0 0 457px; font-size:14px; line-height:30px; color:#5b5b5b; float:left;}

.gsicon{ width:990px; height:175px; margin:0 auto 30px;}
.gsicon ul{ margin:0; padding:0;}
.gsicon ul li{ width:136px; height:auto; margin:0 29px 0 0; text-align:center; float:left;}
.gsicon ul li img{ margin:auto; text-align:center;}
.gsicon ul li p{ text-align:center; font-size:14px; line-height:30px; letter-spacing:3px; color:#929191; font-family:"Microsoft YaHei",微软雅黑; margin:10px 0 0 0;}



.gs02{ width:100%; height:auto; overflow:hidden; background:#f5f5f5; margin:auto;}
.gs02_tit{ width:434px; height:55px; background:url(../images/gywm_17.jpg); margin:80px auto 20px;}
.gs02 p{ text-align:center; font-size:16px; line-height:45px; color:#757575;}
.gs02 ul{ width:1248px; height:auto; overflow:hidden; background:url(../images/xi.png) no-repeat top center; margin:20px auto;}
.gs02 ul li{ width:108px; height:566px; float:left; padding:20px 0 0 0; margin:0 0 0 90px;}

.gs02_up{ width:100%; height:36px; line-height:36px; font-size:16px; font-weight:bold; color:#4d4d4d; font-family:"Microsoft YaHei",微软雅黑; text-align:center; background:url(../images/di.png) no-repeat bottom center; padding:10px 0 18px 0;}
.gs02_down{ 
 width:50%; height:360px; font-size:14px; margin:18px auto 0; color:#4d4d4d;
 writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/ 
 writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/    }

.txrz{ width:100%; height:auto; overflow:hidden; background:url(../images/gywm_20.jpg) no-repeat center top; padding:50px 0 0 0; margin:0 auto;}
.txrz ul{ width:90%; height:auto; overflow:hidden; margin:30px auto;}
.txrz ul li{ width:77px; height:auto; float:left; margin:0 0 0 65px;}
.txrz ul li p{ text-align:center; font-size:12px; margin:8px 0 0 0;}

.gywm_sb{ width:1300px; height:296px; background:url(../images/gywm_03.jpg); margin:0 auto 20px;}
.gywm_sb h3{ padding:85px 0 0 710px; font-size:20px; color:#000; }
.gywm_sb p{ padding:15px 0 0 710px; width:520px; height:auto; font-size:14px; color:#6b6b6b;}




.worksbox{ width:386px; height:286px; position:relative; float:left; margin:25px 0 0 33px;}
.worksbox a{ border:1px solid #F0F0E8; background-color:#fff; padding:6px; display:block;}
.worksbox a:hover{ border:1px solid #008fdc; background-color:#008fdc; text-decoration: none;}
.worksbox a span{ display:none; text-align:center; font-size:14px;}
.worksbox a:hover span{ color:#fff; display:block; background-color:#008fdc; width:386px; position:absolute; top:236px; left:0px; line-height:50px;}
.worksbox a img{ width:372px; height:272px;}


/*-------客户案例-------*/

.khal{ width:100%; height:auto; overflow:hidden; padding:0; margin:10px auto 25px;}
.khal_tit{ width:100%; height:46px; overflow:hidden; border-bottom:1px solid #878684; margin:0 auto 15px; }
.khal_tit p{ font-size:22px; line-height:46px; float:left;}
.khal_tit img{ width:83px; height:22px; margin:15px 20px 0 0; float:right;}

.khal_left{ width:250px; height:100%; overflow:hidden; float:left; margin:0 25px 0 0;}
.khal_left img{ }


.khal_right{ width:1000px; height:auto; overflow:hidden; float:left;}

#navcontainer { margin:0 auto; } 

#navcontainer ul 
{ 
margin: 0; 
padding: 0; 
list-style-type: none; 
font-family:"Microsoft YaHei",微软雅黑;
} 

#navcontainer li { margin: 0; } 

#navcontainer a { width: 100%; height:36px; line-height:36px; display: block; color: #000; background: #fff; text-align:center; text-decoration: none; font-size: 16px; margin:0 0 10px 0; } 

#navcontainer a:hover{ display: block; color: #fff; background: #0093dd; text-align:center; text-decoration: none; margin:0 0 10px 0; } 

#navcontainer .select a{ display: block; color: #fff; background: #0093dd; text-align:center; text-decoration: none; margin:0 0 10px 0; } 












/*-------企业文化-------*/
.qywh{ width:100%; height:auto; overflow:hidden; padding:0; margin:10px auto 25px; }


.qywh_01{ width:1154px; height:318px; background:url(../images/qywh_03.jpg); padding:75px 0 0 0; margin:60px auto 50px;}
.qywh_01 p{ width:560px; background:url(../images/icon01.png) no-repeat left 14px; margin:0 0 0 488px; padding:0 0 0 30px; float:left; font-size:16px; color:#7c7c7c; line-height:240%; text-indent:0;}

.qywh_02,.qywh_03{ width:100%; height:auto; overflow:hidden; margin:80px 0 30px 0;}
.qywh_02,.qywh_03 img{ text-align:center; display: table-cell; margin:30px auto 5px;}

.qywh_02 li{ width:200px; height:auto; float:left; margin:30px 0 0 120px;}
.qywh_02 h4{ font-size:18px; color:#008fdc; text-align:center; line-height:45px; font-weight:normal;}
.qywh_02 h5{ font-size:14px; color:#1d1d1d; text-align:center; font-weight:normal;}


.qywh_03 p{ text-align:center; font-size:16px; line-height:45px; color:#757575;}

.qywh_03 li{ width:229px; height:auto; float:left; margin:0 0 0 30px;}
.qywh_03 li p{ width:100%; height:70px; background:url(../images/qywh_45.jpg) no-repeat bottom center; margin:20px 0 0 0; color:#484848; font-size:24px;}


.qywh_04{ width:100%; height:auto; overflow:hidden; background:#f5f5f5; margin:80px auto 0; padding:60px 0 50px 0;}
.qywh_04 img{ text-align:center; display: table-cell; margin: auto ;}
.qywh_04 p{ width:1200px; text-align:center; font-size:16px; line-height:45px; color:#757575; margin:auto;}






/*-------业务咨询-------*/

.ywzx_left{ width:370px; height:308px; overflow:hidden; background:url(../images/ywzx_05.jpg) no-repeat right center; float:left; margin:60px 100px 0 40px;}
.ywzx_left img{ text-align:center; margin:20px auto;}

.ywzx_right{ width:700px; height:auto; overflow:hidden; padding:0; margin:10px auto 25px; float:left;}

/* Basic Grey */
.basic-grey {
margin-left:auto;
margin-right:auto;
max-width: 700px;
background: #F7F7F7;
padding: 25px 15px 25px 10px;
font: 12px Georgia, "Times New Roman", Times, serif;
color: #888;
text-shadow: 1px 1px 1px #FFF;
border:1px solid #E4E4E4;
}
.basic-grey h1 {
font-size: 25px;
padding: 0px 0px 10px 40px;
display: block;
border-bottom:1px solid #E4E4E4;
margin: -10px -15px 30px -10px;;
color: #888;
}
.basic-grey h1>span {
display: block;
font-size: 11px;
}
.basic-grey label {
display: block;
margin: 0px;
}
.basic-grey label>span {
float: left;
width: 20%;
text-align: right;
padding-right: 10px;
margin-top: 10px;
color: #888;
}
.basic-grey input[type="text"], .basic-grey input[type="email"], .basic-grey textarea, .basic-grey select {
border: 1px solid #DADADA;
color: #888;
height: 30px;
margin-bottom: 16px;
margin-right: 6px;
margin-top: 2px;
outline: 0 none;
padding: 3px 3px 3px 5px;
width: 70%;
font-size: 12px;
line-height:15px;
box-shadow: inset 0px 1px 4px #ECECEC;
-moz-box-shadow: inset 0px 1px 4px #ECECEC;
-webkit-box-shadow: inset 0px 1px 4px #ECECEC;
}
.basic-grey textarea{
padding: 5px 3px 3px 5px;
}
.basic-grey select {
background: #FFF url('down-arrow.png') no-repeat right;
background: #FFF url('down-arrow.png') no-repeat right);
appearance:none;
-webkit-appearance:none;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
width: 70%;
height: 35px;
line-height: 25px;
}
.basic-grey textarea{
height:100px;
}
.basic-grey .button {
background: #0093dd;
border: none;
padding: 10px 25px 10px 25px;
color: #FFF;
box-shadow: 1px 1px 5px #B6B6B6;
border-radius: 3px;
text-shadow: 1px 1px 1px #9E3F3F;
cursor: pointer;
}
.basic-grey .button:hover {
background: #0093dd
}







/*-------招贤纳士-------*/
.zxls{ width:100%; height:auto; overflow:hidden; margin:auto;}
.zxls li{width:560px; height:100px; overflow:hidden; background:#efefef; margin:10px 15px; padding:30px; float:left; }
.zxls li h1{ font-size:18px; line-height:26px; float:left; }
.zxls li h3{ font-size:16px; line-height:26px; float:right;}
.zxls li p{ font-size:12px; color:#7e7e7e; font-family:'宋体'; margin-top:15px;}



.zxls_table{ width:1107px; height:335px; background:url(../images/zxls_05.jpg); margin:30px auto;}
.zxls_table h3{  line-height:30px; font-size:20px; font-family:"Microsoft YaHei",微软雅黑; padding:30px 0 20px 420px; margin: auto;}
.zxls_table p{ width:610px; height:auto; font-size:16px; line-height:220%; color:#7c7c7c; margin:0 0 0 420px; background:url(../images/icon01.png) no-repeat left 14px; padding:0 0 0 30px;}
.zxls_pic{ margin:60px auto; text-align:center;}



/*-------联系我们-------*/
.lxwm{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.lxwm_map{ width:700px; height:600px; float:left;}
.lxwm_txt{ width:550px; height:auto; float:right;}


/*---分页效果---*/
.fyxg{ width:365px; height:40px; margin:20px 10px 20px 0; float:right;}
.fyxg ul{ list-style:none}
.fyxg ul li{ height:40px; font-size:12px; display:block; line-height:30px; margin-left:10px; float:left;}
.fyxg ul li a { border:1px solid #e1e1e1; text-align:center; background:#fff; text-decoration:none; padding:5px ;}
.fyxg ul li a:hover { background:#5ca8e2; color:#fff; text-decoration:none; }



.page_xiangxi{ width:100%; height:auto; overflow:hidden; padding:10px 0 0 0 ; margin:auto;}
.page_xiangxi h1{ font-size:24px; font-weight:bold; font-family:"Microsoft YaHei",微软雅黑; line-height:60px; text-align:center;}
.page_time{ font-size:12px; color:#7c7c7c; text-align:center; line-height:12px;}
.page_txt{ width:100%; height:auto; overflow:hidden; text-indent:2em; line-height:24px; color:#474747; margin:10px auto;}
.page_txt p{ margin-top:15px;}
.page_txt img{ width:90%; text-align:center; margin:10px auto;}