@charset "utf-8";



/* 注意：以下长度用em换算，1em=10px。特别注意文字大小，父子层级会继承，所以不要在div中定义字体大小，只能用span修改字体。

------------------------------------------------------------------------------------------------------ */



/* 全局样式

-------------------------------------------------------------- */

html,body,a,p,span,ul,img{ padding:0; margin:0; list-style:none; border:none; font-size:14px; font-family:"微软雅黑","Arial"; color:#666;}

p{line-height:25px;}

img{ border:none; vertical-align:middle;}

td{ vertical-align:center; font-size:14px;}

body{ background-color:#FFFFFF; }



*{margin:0;padding:0;}

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img{border:medium none;margin:0;padding:0;}

body,button,input,select,textarea{outline:none;}

ul,ol,li{list-style:none;}



table{ }

html,body{height:auto;margin:0 auto;}

.hide{display:none;}

.clear{clear:both;}





h1,h2,h3,h4,h5,h6 { font-weight: bold; }



h1 { font-size: 3em; line-height: 1; margin:0; padding:0;}

h2 { font-size: 2em;  margin:0; padding:0;}

h3 { font-size: 1.5em; line-height: 1;  margin:0; padding:0;}

h4 { font-size: 1.2em; line-height: 1.25; margin:0; padding:0;}

h5 { font-size: 1em;  margin:0; padding:0;}

h6 { font-size: 1em; }



/* 页面基本元素

-------------------------------------------------------------- */



/* 链接样式 */

a {text-decoration:none;}

a:visited {text-decoration:none;}

a:hover {text-decoration:none;}



/* 常用元素 */

.clear { clear:both; font-size:1px; line-height:0px; height:0px; }



/* 层浮动 */

.left { float: left; }

.right{ float: right; }

.center { margin: 0 auto; }



/* 文字对齐 */

.tleft { text-align:left; }

.tright { text-align:right; }

.tcenter {text-align:center; }



/* 全局 */

.w1200m { width:1200px; margin:0 auto; }



/* 头部 */

.header-tel{display:none;}

.header{padding:22px 3% 20px;position:fixed;top:0;z-index:1;width:94%;}

.header_logo{float:left;}

.header_img{padding-top:8px;float:right;}

.header_img img{margin-left:18px;}

.html5zoo-arrow-left-0{display:block!important;left:10%!important;}

.html5zoo-arrow-right-0{display:block!important;right:10%!important;}

.html5zoo-slider-0{overflow:hidden!important;}

/* 一级导航 */

.menu{float:left;transition:all 0.8s ease;padding-top:16px;}

.menu_li{float:left;width:90px;text-align:right;transition:all 0.8s ease;position:relative;margin-left:30px;height:42px;}

.menu_li:nth-child(1){margin-left:0;}

.menu_li:after{content:'';width:5px;height:5px;background:#fff;position:absolute;left:0;top:10px;}

.menu_li .menu_a{font-size:20px;color:#fff;line-height:24px;display:block;transition:all 0.8s ease;}

.menu .current .menu_a{color:#5a98c7;}

.current:after{background:#5a98c7;}

.menu_li:hover .menu_a{color:#5a98c7;}

.menu_li:hover:after{background:#5a98c7;}

/* 二级导航 */

.menu_sub{display:none;transition:all 0.8s ease;}

.menu .menu_li:hover .hid2{display:block;-webkit-animation:aa 1s;-moz-animation:aa 1s;} 

.hid2{width:100px;overflow:hidden;position:absolute;top:40px;left:50%;margin-left:-50px;transition:all 0.8s ease;z-index:9;}

.hid2 li:nth-child(1){border-top:5px solid #5a98c7;}

.hid2 li a{color:#5a98c7;background:#fff;line-height:30px;text-align:center;display:block;transition:all 0.8s ease;font-size:14px;}

.hid2 li a:hover{background:#5a98c7;color:#fff;}

@-webkit-keyframes aa{ /*写一个动画函数*/

	from{-webkit-transform:rotateY(0deg);}

	to{-webkit-transform:rotateY(360deg);}

}

@-moz-keyframes aa{  /*写一个动画函数*/

	from{-moz-transform:rotateY(0deg);}

	to{-moz-transform:rotateY(360deg);}

}

/* banner */

.banner_n{width:100%;height:600px;background:url("../images/banner1.jpg") no-repeat top center;}

/* common */

.index_t{padding-bottom:32px;position:relative;margin-bottom:25px;}

.index_t p{font-size:30px;color:#666666;line-height:30px;height:30px;}

.index_t font{font-size:24px;color:#d6d6d6;text-transform:uppercase;height:30px;display:inline-block;}

.index_t:after{content:'';width:28px;height:3px;background:#1c6eac;position:absolute;left:0;bottom:0px;}

.mkc{padding-bottom:85px;}

.index_more{width:140px;line-height:38px;text-align:center;color:#5a5a5a;border:1px solid #707070;border-radius:50px;display:block;transition:all 0.8s ease;}

.index_more:hover{color:#fff;background:#1c6eac;border:1px solid #1c6eac;}

.main{padding-top:85px;background:url(../images/main_bg.jpg) top center;background-size:100% 100%;}

/* mk1 */

.mk1_l{float:left;width:35%;}

.mk1_l span{font-size:18px;color:#666666;display:block;line-height:36px;}

.mk1_l p{color:#666666;line-height:26px;margin-top:25px;}

.mk1_l a{margin-top:50px;}

.mk1_r{float:right;width:58%;}

.mk1_div{float:left;width:33%;border-left:1px solid #dedede;text-align:center;}

.mk1_div p{color:#333333;padding-bottom:11px;position:relative;transition:all 0.8s ease;cursor:pointer;}

.mk1_div font{font-size:36px;transition:all 0.8s ease;}

.mk1_div p:after{content:'';width:40px;height:1px;background:#dedede;position:absolute;left:50%;margin-left:-20px;bottom:0px;}

.mk1_div span{color:#333333;padding:14px 0 10px;display:block;}

.mk1_r img{margin-top:64px;max-width:100%;}

.mk1_div p:hover{color:#1066a9;}

/* mk2 */

.mk2_l{width:35%;float:left;}

.mk2_text{width:35%;}

.mk2_l .mk2_text{width:100%;}

.mk2_text span{font-size:18px;color:#666666;line-height:26px;display:block;margin:40px 0 28px;}

.mk2_l .mk2_text span{margin-top:0;}

.mk2_text p{color:#666666;line-height:26px;}

.mk2_text a{margin-top:32px;}

.mk2_img{width:58%;overflow:hidden;}

.mk2_img img{max-width:100%;transition:all 0.8s ease;cursor:pointer;}

.mk2_img img:hover{transform: scale(1.08);}

.mk2_div{margin-top:60px;}

.mk2_div:nth-child(1){margin-top:0px;}

.mk2_div:nth-child(2n+1) .mk2_text{float:left;}

.mk2_div:nth-child(2n+1) .mk2_img{float:right;}

.mk2_div:nth-child(2n) .mk2_img{float:left;}

.mk2_div:nth-child(2n) .mk2_text{float:right;}

/* mk3 */ 

.mk3_t .index_t{float:left;}

.index_menu{float:right;}

.index_menu a{padding:0 30px;line-height:38px;color:#999999;display:inline-block;border:1px solid #e2e2e2;margin-left:15px;transition:all 0.8s ease;cursor:pointer;}

.index_menu a:hover{border:1px solid #1c6eac;background:#1c6eac;color:#fff;}

.index_menu .cur{border:1px solid #1c6eac;background:#1c6eac;color:#fff;}

.mk3_c{width:1200px;position:relative;overflow:hidden;/*padding-bottom:50px;*/}

.mk3_c ul li{width:1200px;float:left;}

.mk3_div{float:left;width:19%;margin-left:1.25%;margin-bottom:15px;}

.mk3_div:nth-child(5n+1){margin-left:0;}

.mk3_img{border:1px solid #e6e6e6;cursor:pointer;overflow:hidden;}

.mk3_img img{max-width:100%;transition:all 0.8s ease;}

.mk3_img:hover img{transform: scale(1.08);}

.v_cont{display:none;}

.v_cont27{display:block;}

.flder{overflow:hidden;}

.trigger{width:49px;height:36px;position:absolute;bottom:0px;}

.zuo{left:50%;margin-left:-60px;background:url(../images/left_bg.jpg) no-repeat top center;}

.zuo:hover{background-image:url(../images/left2_bg.jpg);}

.you{right:50%;margin-right:-60px;background:url(../images/right_bg.jpg) no-repeat top center;}

.you:hover{background-image:url(../images/right2_bg.jpg);}

/* mk4 */

.mk4_div{float:left;width:28%;margin-left:8%;}

.mk4_div:nth-child(1){margin-left:0;}

.mk4_div font{font-size:24px;color:#666666;display:block;line-height:24px;margin:15px 0;}

.mk4_div span{font-size:18px;color:#666666;display:block;line-height:24px;transition:all 0.8s ease;height:48px;overflow:hidden;}

.mk4_div p{color:#999999;line-height:24px;margin-top:25px;}

.mk4_div .more{display:block;width:38px;height:38px;background:url(../images/news_a1.png) no-repeat top center;transition:all 0.8s ease;margin-top:50px;}

.mk4_div:hover span{color:#1c6eac;}

.mk4_div:hover a{background-image:url(../images/news_a2.png);}

.mk4_c{display:none;}

.mk4_c20{display:block;}

/* footer */

.footer{padding-top:80px;background:url(../images/footer.jpg) no-repeat top center;}

.footer_top{text-align:center;padding:60px 0;}

.footer_top a{display:inline-block;color:#fff;line-height:28px;margin:0 25px;transition:all 0.8s ease;}

.footer_top a:hover{color:#000;}

.footer1{width:30%;}

.footer2{width:42%;padding-left:5%;}

.footer3{width:18%;padding-left:5%;}

.footer_c{position:relative;}

.footer_c span{font-size:18px;height:20px;line-height:20px;display:block;color:#fff;margin-bottom:20px;}

.footer_c p{color:#fff;line-height:30px;}

.footer2:after{content:'';width:1px;height:160px;background:#fff;position:absolute;left:0;top:0px;}

.footer3:after{content:'';width:1px;height:160px;background:#fff;position:absolute;left:0;top:0px;}

.footer3 .tb{margin-top:50px;}

.footer3 .tb a{width:30px;height:30px;display:inline-block;cursor:pointer;}

.footer3 .tb .qq{background:url(../images/qq.png) no-repeat top center;}

.footer3 .tb .wx{background:url(../images/wx.png) no-repeat top center;margin-left:10px;}

.links{margin:30px 0;}

.links span{display:inline-block;line-height:18px;color:#fff;padding-left:30px;background:url(../images/link.jpg) no-repeat left center;}

.links a{display:inline-block;line-height:18px;color:#fff;margin:0 5px;transition:all 0.8s ease;}

.links a:hover{color:#000;}

.footer_bottom{padding:20px 0;border-top:1px solid #fff;}

.footer_bottom p{color:#fff;line-height:28px;transition:all 0.8s ease;}

.footer_bottom p a{color:#fff;line-height:28px;transition:all 0.8s ease;}

.footer_bottom p a:hover{color:#000;}

#ewm{display:none;position:absolute;right:0;bottom:45px;background:#5a98c7;padding:20px 10px 5px;border-radius:10px;width:400px;z-index:1;}

.ewm_div{width:80px;float:left;margin:5px 10px 0;}

.ewm_div img{max-width:100%;height:auto;}

.ewm_div p{font-size:16px;line-height:40px;text-align:center;color:#fff;}

/* 自适应 */

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

	.banner_n{height:525px;background-size:cover!important;}

	.menu{margin-left:18%;}

}

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

	.banner_n{height:500px;}

	.menu{margin-left:14%;}

}

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

	.banner_n{height:450px;}

	.menu{margin-left:6%;padding-top:10px;}

	.header{padding:10px 3%;}

	.header_logo img{height:50px;}

	.menu_li{height:40px;}

}

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

	.banner_n{height:427px;}

	.menu_li{margin-left:30px;}

}

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

	.banner_n{height:400px;}

	.menu_li{margin-left:20px;}

}

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

	.banner_n{height:320px;}

	.header{display:none;}

	.header-tel{display: block;width:100%;}

	.logo-tel{width:100%;}

	.logo-tel img{width:100%;}

	.touch-menu{position:absolute;right:2%;top:50px;}

	.touch-menu img{width:60px;height:auto;}

	.tel-menu{display:none;overflow:hidden;background:#116dac;padding:10px 3%;}

	.tel-menu ul li{position:relative;float:left;width:100%;border-bottom: 1px solid #fff;}

	.tel-menu ul li .tel-a{color:#fff; display:block; font-size:16px; height:36px; line-height:36px;padding:0 10px;}

	.tel-menu ul li:hover ul, .touch-menu ul li:active ul{background-color:#ababab;}

	.tel-menu ul li i{position:absolute; top:12px; right:10px; display:block; width:13px; height:13px; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:contain;}

	.tel-menu ul li i.touch-arrow-down{background-image:url(../images/touch-arrow-d.png);}

	.tel-menu ul li i.touch-arrow-up{background-image:url(../images/touch-arrow-u.png);}

	.tel-menu ul ul{display:none; margin:0;overflow:hidden;}

	.tel-menu ul ul li{border-bottom:none; margin:0; padding-left:20px;}

	.tel-menu ul ul li a{padding:0; padding-left:5px; font-size:14px; height:30px; line-height:30px;color:#fff;}		

	.tel-menu ul ul li i{top:13px;}

	.w1200m{width:96%;}

	.mk1_l{width:40%;}

	.mk1_l a{margin-top:30px;}

	.mk2_l{width:40%;}

	.mk2_text{width:40%;}

	.mk2_text span{margin:10px 0;}

	.mk3_c{width:100%;}

	.mk3_c ul li{width:983px;}

	.mk4_div .more{margin-top:20px;}

	.footer2{width:45%;padding-left:2%;}

	.footer3{width:21%;padding-left:2%;}

}

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

	.banner_n{height:240px;}

	.touch-menu{top:30px;}

	.main{padding-top:40px;}

	.mk1_l{width:100%;}

	.mk1_r{width:100%;text-align:center;margin-top:40px;}

	.mk1_r img{margin-top:25px;}

	.mk1_r .mk1_div:nth-child(1){border-left:none;}

	.mk2_img img{margin-top:50px;}

	.mk2 .mk2_div:nth-child(1) .mk2_img{margin-top:70px;}

	.mk3_t{margin-bottom:25px;}

	.mk3_c ul li{width:737px;}

	.mk4_div p{max-height:144px;overflow:hidden;}

	.footer_top a{margin:0 15px;}

	.footer1{width:40%;}

	.footer2{width:58%;}

	.footer3{width:100%;padding-left:0;margin-top:20px;}

	.footer3:after{display:none;}

	.footer3 .tb{margin-top:10px;}

	

}

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

	.banner_n{height:130px;}

	.touch-menu{top:17px;}

	.touch-menu img{width:30px;}

	.main{background-size:contain;}

	.mk2_l{width:100%;}

	.mk2_img{width:100%;}

	.mk2 .mk2_div:nth-child(1) .mk2_img{margin-top:20px;}

	.mk2_img img{margin-top:0;}

	.mk2_text{width:100%;}

	.mkc{padding-bottom:40px;}

	.mk2_img{margin-top:20px;}

	.mk2_div{margin-top:40px;}

	.index_menu a{margin-left:11px;}

	.index_menu a{margin-bottom:20px;}

	.mk3_c ul li{width:397px;}

	.mk3_div{width:49%;margin-left:2%;}

	.mk3_div:nth-child(5n+1){margin-left:2%;}

	.mk3_div:nth-child(2n+1){margin-left:0;}

	.mk4_div{width:100%;margin-left:0;margin-bottom:20px;}

	.mk1_div{width:100%;margin-top:30px;border:none;}

	.mk3_t{margin-bottom:0;}

	.mk4_div span{height:auto;}

	.footer{background:#6077c5 url(../images/footer.jpg) no-repeat top center;padding-top:0;}

	.footer_c{width:100%;padding-left:0;}

	.footer2:after{display:none;}

	.footer2{margin-top:20px;}

	.footer_top{padding-bottom:30px;}

	.index_t p{font-size:24px;}

	.index_t font{font-size:18px;}

	.footer_bottom p{float:left!important;}

	.html5zoo-arrow-left-0{display:block!important;left:5%!important;}

	.html5zoo-arrow-right-0{display:block!important;right:5%!important;}

	.ewm_div{width:75px;}

	#ewm{width:380px;}

}

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

	.touch-menu{top:14px;}

	.index_menu a{padding:0 24px;}

	.mk3_c ul li{width:360px;}

	.ewm_div{width:65px;}

	#ewm{width:340px;}

}

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

	.index_menu a{padding:0 22px;}

	.footer_top a{margin:0px 12px;}

	.ewm_div{width:65px;margin:5px 8px 0;}

	#ewm{width:328px;}

}