@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{ margin:0; padding:0;}
body{ color:#666; font-size:14px; font-family:"微软雅黑"; background:url(../images/bg.jpg) top center no-repeat;}
section,article,aside,header,footer,nav,dialog,figure{ display:block;}
ul, ol{ list-style:none;} 
img,fieldset{ vertical-align:top; border:0;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
address,cite,code,em,th,i{ font-weight:normal; font-style:normal;}
input,button,textarea,select{ font:100% 微软雅黑; vertical-align:middle}
table,td,tr,th{ font-size:14px;}
.nodispaly{ display:none;}
.line{ height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.clearfix{ *zoom:1;}
.clearfix:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{ color:#666; text-decoration:none;}
a:hover{ color:#06488e; text-decoration:underline;}
.width_all{ width:1200px; margin:0 auto;}
.width_all:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}

/*head_top*/
.head_top{ width:100%; margin:0 auto; overflow:hidden; position:relative;}
.head_width{ width:100%; left:0; top:0; position:absolute; margin:0 auto; overflow:hidden; z-index:99; background:#ffffff;}
.head_width h1{ width:188px; float:left; margin:0;}
.head_width h1 img{ width:100%;}
.head_width .nav{ float:right; margin:30px 0 0 0;}
.head_width .nav ul{ overflow:hidden;}
.head_width .nav ul li{ float:left; margin:0 32px; line-height:28px; position:relative;}
.head_width .nav ul li:hover:before{ position:absolute; content:""; left:50%; bottom:0; margin:0 0 0 -45px; background:#fff; width:90px; height:2px;}
.head_width .nav ul li.cutter:before{ position:absolute; content:""; left:50%; bottom:0; margin:0 0 0 -45px; background:#fff; width:90px; height:2px;}
.head_width .nav ul li a{ font-size:22px; color:#333;}
.head_width .nav ul li a:hover{ text-decoration:none;}

/*banner*/
.main_visual{ width:100%; margin:0 auto; overflow:hidden;}
.main_image{ height:696px; position:relative;}
.main_image ul{ overflow:hidden; position:absolute; top:0; left:0;}
.main_image li{ float:left; width:100%;}
.main_image li span{ display:block; width:100%;}
.main_image li a{ display:block; width:100%; height:696px;}
div.flicking_con{ width:1000px; margin:0 auto; position:relative;}
div.flicking_con .flicking_inner{ position:absolute; top:668px; left:50%; width:84px; margin:0 0 0 -42px; z-index:2;}
div.flicking_con a{ float:left; width:21px; height:21px; margin:0; padding:0; background:url('../images/btn_main_img.png') 0 0 no-repeat; display:block; text-indent:-1000px;}
div.flicking_con a.on{background-position:0 -21px;}
#btn_prev,#btn_next{ z-index:3; position:absolute; width:73px!important; height:74px!important; top:50%; margin-top:-37px; display:none;}
#btn_prev{ background:url(../images/hover_left.png) no-repeat left top; left:2%;}
#btn_next{ background:url(../images/hover_right.png) no-repeat right top; right:2%;}

/*case*/
.case{ margin:80px auto;}
.case img{ max-width:100%;}
.case ul{ overflow:hidden;}
.case ul li{ float:left; width:33%; margin:0 0.5% 0.5% 0; overflow:hidden; position:relative;}
.case ul li:nth-child(3n){ margin:0 0 0.5% 0;}
.case ul li img{ width:100%; display:block; transition:All 0.2s;}
.case ul li:hover img{ transform:scale(1.05);}
.case ul li .case_p_hover{ display:none; width:100%; height:100%; position:absolute; left:0; top:0; z-index:8; background:rgba(6,72,142,.6);}
.case ul li:hover .case_p_hover{ display:block;}
.case ul li .case_p_hover .case_p_n{ width:88%; margin:4% auto 0 auto; font-size:26px; line-height:36px; color:#fff;}
.case ul li .case_p_hover .case_p_wz{ width:88%; margin:0 auto; font-size:14px; line-height:25px; color:#fff;}
.case_more{ margin:52px auto; text-align:center;}
.case_more a{ font-size:30px; color:#666; line-height:30px; display:block;}
.case_more a:hover{ text-decoration:none; color:#333;}

/*services*/
.services{ margin:114px auto 0 auto;}
.services h2{ font-size:48px; color:#333; line-height:60px; text-align:center; margin:0 0 28px 0;}
.services .service{ width:54%; margin:0 auto; font-size:24px; text-align:center; color:#525252; line-height:36px;}
.services ul{ overflow:hidden; margin:80px auto 114px auto;}
.services ul li{ float:left; width:14%; background:#06488e; padding:3% 5.5% 4% 5.5%; font-size:12px; color:#fff; line-height:22px; text-align:center;}
.services ul li img{ width:100%;}
.services ul li:nth-child(2n){ background:#1d2088;}
.services ul li em{ display:block; font-size:24px; line-height:32px; margin:10px 0 22px 0;}
.services ul li span{ display:block;}
.lingyu{ border-top:#57585d 1px solid; width:68%; margin:0 auto 114px auto;}
.lingyu h3{ font-size:48px; color:#333; line-height:60px; text-align:center; padding:80px 0 0 0;}
.lingyu h4{ font-size:14px; color:#888; text-align:center; margin:10px 0 28px 0;}
.lingyu .ly_profile{ width:40%; margin:0 auto; font-size:16px; text-align:center; color:#525252; line-height:28px;}
.lingyu ul{ overflow:hidden; margin:20px auto;}
.lingyu ul li{ float:left; width:49%; margin:0 2% 2% 0; position:relative;}
.lingyu ul li img{ width:100%;}
.lingyu ul li:nth-child(2n){ margin:0 0 2% 0;}
.lingyu ul li em{ display:block; font-size:22px; line-height:32px; color:#fff; position:absolute; left:6%; bottom:46px; z-index:9;}
.lingyu ul li span{ display:block; font-size:12px; line-height:22px; color:#fff; position:absolute; left:6%; bottom:24px; z-index:9;}
.lingyu ul li .ly_hover{ display:none; width:100%; height:100%; position:absolute; left:0; top:0; z-index:8; background:rgba(6,72,142,.3);}
.lingyu ul li:hover .ly_hover{ display:block;}

/*about_us*/
.about_us{ margin:114px auto 80px auto; border-bottom:#57585d 1px solid; padding:0 0 100px 0;}
.about_us h2{ font-size:48px; color:#333; line-height:60px; text-align:center; margin:0 0 28px 0;}
.about_us .company{ font-size:26px; text-align:center; color:#525252; line-height:40px;}
.about_img{ margin:80px auto;}
.about_img ul{ overflow:hidden;}
.about_img ul li{ width:50%; float:left;}
.about_img ul li img{ width:100%;}
.why_us{ margin:80px auto;}
.why_us h3{ font-size:48px; color:#333; line-height:60px; text-align:center; margin:0 0 28px 0;}
.why_us .why_profiles{ font-size:26px; text-align:center; color:#525252; line-height:40px;}
.why_us ul{ overflow:hidden; margin:80px auto;}
.why_us ul li{ float:left; width:21%; background:#06488e; padding:2%; font-size:16px; color:#fff; line-height:30px;}
.why_us ul li:nth-child(2n){ background:#1d2088;}
.why_us ul li em{ display:block; font-size:24px; line-height:40px; margin:0 0 16px 0;}
.why_us ul li span{ display:block; height:150px;}

/*contact*/
.contact{ margin:80px auto 114px auto;}
.contact .contact_left{ float:left; width:68%;}
.contact .contact_left h2{ font-size:26px; color:#333; line-height:36px;}
.contact .contact_left h3{ font-size:16px; color:#525252; line-height:28px; margin:4px 0 16px 0;}
.messages_box{ width:100%; margin:0 auto;}
.messages_box ul{ overflow:hidden;} 
.messages_box ul li{ margin:0 2% 2% 0; float:left; width:49%;}
.messages_box ul li:nth-child(2n){ margin:0 0 2% 0;}
.messages_box ul li.ctttttp{ width:100%; float:none;}
.messages_box .text-input{ width:96%; border:none; padding:12px 0 12px 4%; font-size:16px; color:#666; line-height:26px;}
.messages_box .cont-input{ width:98%; padding:12px 0 12px 2%; height:156px; border:none; font-size:16px; color:#666; line-height:26px; cue-after:none;}
.messages_box .messages-button{ width:188px; line-height:50px; font-size:16px; color:#fff; text-align:center; background:#1d2088; cursor:pointer; text-transform:uppercase;}

.contact .contact_right{ float:right; width:28%;}
.contact .contact_right ul{ overflow:hidden;}
.contact .contact_right ul li{ font-size:16px; color:#333; line-height:28px; margin:0 0 16px 0;}
.contact .contact_right ul li.ct1 em{ width:39px; height:39px; background:url(../images/contact1.png) center no-repeat; display:block; margin:0 0 4px 0;}
.contact .contact_right ul li.ct2 em{ width:44px; height:26px; background:url(../images/contact2.png) center no-repeat; display:block; margin:0 0 4px 0;}
.contact .contact_right ul li.ct3 em{ width:39px; height:39px; background:url(../images/contact3.png) center no-repeat; display:block; margin:0 0 4px 0;}
.contact .contact_right ul li.ct4{ width:128px;}
.contact .contact_right ul li.ct4 img{ width:100%;}
.contact .contact_right ul li.ct4 span{ display:block; font-size:14px; color:#666; line-height:25px; margin:5px 0 0 0;}

/*footer*/
.footer{ width:100%; margin:0; overflow:hidden; background:url(../images/footer.jpg) center no-repeat;}
.footer .footer_company{ float:left; font-size:20px; color:#fff; line-height:30px; margin:80px 0 16px 0;}
.footer .footer_company em{ display:block; font-size:24px; margin:10px 0 0 0;}
.footer .footer_icp{ float:right; font-size:14px; color:#fff; line-height:20px; padding:25px 0; margin:80px 0 16px 0;}
.footer .footer_icp a{ color:#fff;}
.footer .footer_contact{ border-top:#fefefe 1px solid; padding:40px 0 80px 0;}
.footer .footer_contact ul{ overflow:hidden;}
.footer .footer_contact ul li{ float:left; font-size:16px; color:#fff; line-height:30px;}
.footer .footer_contact ul li.f_c1{ width:34%;}
.footer .footer_contact ul li.f_c1 em{ width:65px; height:65px; background:url(../images/footer1.png) center no-repeat; display:block; margin:0 0 12px 0;}
.footer .footer_contact ul li.f_c2{ width:16%;}
.footer .footer_contact ul li.f_c2 em{ width:65px; height:65px; background:url(../images/footer2.png) center no-repeat; display:block; margin:0 0 12px 0;}
.footer .footer_contact ul li.f_c3{ width:20%;}
.footer .footer_contact ul li.f_c3 em{ width:65px; height:65px; background:url(../images/footer3.png) center no-repeat; display:block; margin:0 0 12px 0;}
.footer .footer_contact ul li.f_c4{ width:15%;}
.footer .footer_contact ul li.f_c4 em{ width:65px; height:65px; background:url(../images/footer4.png) center no-repeat; display:block; margin:0 0 12px 0;}
.footer .footer_contact ul li.f_c5{ width:15%;}
.footer .footer_contact ul li.f_c5 em{ width:65px; height:65px; background:url(../images/footer5.png) center no-repeat; display:block; margin:0 0 12px 0;}

@media screen and (max-width:1200px) {

	.head_top{ width:1200px;}
	
	.footer{ width:1200px;}

}

/*kefu*/
.four-con{ position:fixed; right:2%; top:50%; margin-top:-90px; z-index:22;}
.four-con ul li{ position:relative; width:50px; height:50px; margin-bottom:10px;}
.f-all-con{ left:-90px; top:6px; padding-right:17px; display:none; position:absolute;}
.f-a-bg{ position:relative; background-color:#1d2088; padding:10px; border-radius:5px; font-size:14px; color:#fff;}
.f-a-bg b{ font-size:18px;}
.f-a-bg:after{ content:""; position:absolute; right:-7px; top:50%; width:0; height:0; margin-top:-6px; border-top:5px solid transparent; border-left:7px solid #1d2088; border-bottom:5px solid transparent;}
.four-con ul li:hover .f-all-con{ display:block;}
.four-con ul li.a-w1 .f-all-con{ top:-15px; left:-215px;}
.four-con ul li.a-w2 .f-all-con{ top:-43px; left:-154px;}
a.f-icon5, a.f-icon4, a.f-icon1{ width:50px; height:50px; display:inline-block; background:url(../images/ficon1.png) no-repeat 0 -51px; -webkit-transition-duration:.3s; -moz-transition-duration:.3s; -o-transition-duration:.3s; transition-duration:.3s; cursor:pointer;}
a.f-icon4{ background:url(../images/ficon4.png) no-repeat 0 -51px;}
a.f-icon5{ background:url(../images/ficon5.png) no-repeat 0 -51px;}
.four-con ul li:hover a.f-icon5, .four-con ul li:hover a.f-icon4, .four-con ul li:hover a.f-icon1{ background-position:0 0;}

.lyck_t{ width:240px; position:fixed; bottom:0; left:0; font-size:14px; cursor:pointer; z-index:99999;}
.lyck_t h3{ line-height:30px; color:#fff; padding:0 40px; border:1px #999 solid; border-bottom:none; border-radius:8px 8px 0 0; background:#999 url(../images/db_yx.png) 16px 8px no-repeat;}				 
.lyck{ width:260px; background:#fff; border-radius:4px; font-size:14px; position:fixed; bottom:0; left:0; display:none; z-index:99999;}
.lyck h4{ line-height:30px; color:#fff; background:#999; padding:0 20px; border:1px #999 solid; border-bottom:none; border-radius:8px 8px 0 0;} 
.lyck h3{ line-height:30px; color:#fff; background:#999; padding:0 20px; border:1px #999 solid; border-bottom:none; border-radius:4px 4px 0 0;} 
.lyck h3 a{ color:#fff;}
.lyck h3 a:hover{ text-decoration:none;}
.lyck .lycknr{ padding:10px 20px; border-left:1px #ccc solid; border-right:1px #ccc solid;}
.lyck .lycknr p{ line-height:22px; color:#666;}	
.lyck ul{ width:218px; margin:0 auto;}	 
.lyck ul li{ width:216px; border:1px #ccc solid; border-radius:2px; margin:10px 0 0 0;}
.lyck ul li .input_txt{ width:196px; border:none; padding:0 10px;line-height:30px;}
.lyck ul .textarea{ width:216px; border:1px #ccc solid;}
.lyck ul li textarea{ width:97%; height:68px; border:none; padding:1.5%;}
.lyck .more{ width:120px; overflow:hidden; margin:10px 0 0 0;}
.lyck .more .input_btn{ width:120px; height:30px; text-align:center; margin:0 auto; background:#666; font-size:12px; border:none; color:#fff;}

.loading_next{width: 100%; padding: 5px 0;
	text-align: center;
	display: none;
	margin: auto;
	clear: both;
}