@charset "utf-8";
/* by Sean cyy 20160708 */
html ,body{overflow-x:hidden }
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0; -webkit-tap-highlight-color:rgba(0,0,0,0);}
body { font-size:12px; background:#fff; color:#96989d; font-family:Arial, "微软雅黑";}
ul,li { list-style: none; }
img { border: 0; }
input:focus { outline: none; }
.input_noline{ background-color:transparent;border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}

/* 圆细滚动条样式 20150717 */
::-webkit-scrollbar{width:6px;height:12px}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#8E8E8E;border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/* 全局 */
a { text-decoration: none; color: #333; outline:none;}
a:hover { text-decoration: none; }

/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.fl { float: left; }
.fr { float: right; }

.wrapper { width: 1100px; margin: 0 auto; }


.h_banner{ width:100%; height:958px; overflow:hidden; position:relative;background:url(../images/banner-1.jpg) no-repeat center top;background-size:cover;}
.h_b_desc{ position:absolute;top:0; right:0; bottom:0; width:66%; z-index:8; background:rgba(81,163,239,0.9); color:#FFF;}
.h_b_desc .h_b_F{ position:absolute; left:15%;right:10%;height:100%; top:0;vertical-align:middle;display:inline-block;}
.h_b_desc .h_b_F .b_b_fbox{ vertical-align:middle;display:inline-block;}
.h_b_desc .h_b_F em{ vertical-align:middle;display:inline-block;height:100%}
.h_b_desc .h_b_F .h_b_F01{ font-size:30px; line-height:65px; font-weight:lighter;}
.h_b_desc .h_b_F .h_b_F02{ font-size:60px; line-height:70px; font-weight:bold;}
.h_b_desc .h_b_F .h_b_more{ width:200px; height:40px; margin-top:40px ;background:#fff; float:left;border-radius:4px;}
.h_b_desc .h_b_F .h_b_more a{ float: left;display: block; width:14px;background: url(../images/h_b_more2.png) no-repeat center center / 14px; height:14px; padding:13px; margin-left:28px}
.h_b_desc .h_b_F .h_b_more p{ font-size:14px; line-height:40px; font-weight:lighter; color:#3e3f4a; /*cursor:pointer;*/}

/*功能*/

.function{ background:#eef1f3; padding:60px 0;}
.function .fun_title{ color:#3d4046; font-size:30px; text-align:center; line-height:48px;}
.function .subtitle{ width:50%; margin:0 auto; color:#8e9197; line-height:22px; text-align:center;}

.function_list .swiper-button-next,.function_list .swiper-button-prev{display:none;}
.function_list .swiper-wrapper{}

.function_list{ overflow:hidden; position:relative; margin-top:35px;}

.function_list .funlist{float:left; text-align:center;}
.function_list .funlist a{ display:block;}
.function_list .funlist .img{}
.function_list .funlist .img img{height:113px; margin:0 auto; overflow:hidden;}
.function_list .funlist .fun_desc{ width:80%; margin:30px auto 0;}
.function_list .funlist .fun_desc .desc_title{ color:#3d4f77; font-size:18px; font-weight:bold; line-height:36px;}
.function_list .funlist .fun_desc .desc_info{ line-height:24px; padding-top:10px; color:#96989d;}
.inserbox{overflow:hidden;}
.inserbox div.inser_boxlist{padding:0 15px;text-align:center;}
.inserbox div.inser_boxlist {display:block;}
.inserbox div.inser_boxlist .img{}
.inserbox div.inser_boxlist .img img{display:block;max-width:100%;margin:0 auto;}
.inserbox div.inser_boxlist .fun_desc{margin-top:30px;}
.inserbox div.inser_boxlist .fun_desc .desc_title{color: #3d4f77;font-size: 18px;font-weight: bold;line-height: 36px;}
.inserbox div.inser_boxlist .fun_desc .desc_info{line-height:24px; margin-top:10px; color:#96989d;}

.inserbox .slick-prev,.inserbox  .slick-next {
    display: none !important;
}
 

.quality{ padding:42px 0 30px; height:auto; overflow:hidden; background:#f9f9f9;}
.quality .qua_title{ color:#3d4046; font-size:30px; text-align:center; line-height:48px;}

.quality ul{ width:105%; margin:0 auto; overflow:hidden; padding:0; list-style:none;}
.quality ul li{ width:25%; float:left; margin-right:8%; display:block; margin-top:50px; margin-bottom:20px;}
.quality ul li a{ display:block;}

.quality ul li .qua_img{ float:left; width:78px; height:78px; background:#f2f3f4; border-radius:100%;transition: all .2s ease-in;}

.quality ul li:hover .qua_img{ background-position:0 -78px;}
.quality ul li .qua_desc{ width:180px; float:right;}
.quality ul li .qua_desc .q_d_title{ color:#3d4f77; font-size:18px; padding:4px 0 8px;}
.quality ul li .qua_desc .qua_info{ line-height:24px; color:#96989d;}

 
.service{ padding:40px 0 50px; background:#f9f9f9 url(../images/service_bg.png) center 389px no-repeat;}
   
.service .s_title{ height:185px;background:url(../images/service_title_bg.png) center no-repeat; text-align:center; color:#2474ba;}

.service .s_title .s_t{ font-size:48px; font-weight:bold; line-height:58px; padding:60px 0 0;}
.service .s_title .sub_t{ font-size:18px; font-weight:normal;}
.service .wrapper{ width:55%; overflow:hidden; margin:0 auto;}
.service .edition{ width:42%; border-radius:10px; padding:40px 0 0; margin:10px auto 0; box-shadow:1px 1px 6px #9b9b9b; text-align:center;color:#FFF;}
.service .edition .s_box{ padding:0 14%;}
.service .ed_lt{ width:42%; background:#4fc483; float:left; margin:0 4%; }
.service .ed_rt{ width:42%; background:#3180c6; float:left;  margin:0 4%;}

.service .edition .ed_title{ font-size:24px; padding-bottom:18px; border-bottom:1px solid #FFF;}
.service .edition .ed_title .sub_t{ font-size:18px; padding-top:2px; word-wrap:break-word;}
.service .edition .ed_desc{ font-size:14px; padding-top:18px;}
.service .edition .price{ font-size:18px; padding-top:28px;}
.service .edition .price font{ font-size:45px;}

.service .edition .purchase_but{ width:50%; height:46px; border:1px solid #FFF; border-radius:10px; margin:28px auto 0; cursor:pointer;}
.service .edition .purchase_but font{ font-size:18px; line-height:48px;}
.service .edition .purchase_but font a{ color:#FFF;}

.service .edition .ed_FF{ font-size:12px; padding:30px 0;}

.service .ed_info{ height:auto; overflow:hidden; display:block;}
.service .ed_info ul{ margin:0; padding:0; text-align:left; padding:2% 10% 8% 38%;}
.service .ed_info ul li{ line-height:24px; padding:5px 0 5px 4px; list-style:disc;}
.service .ed_info ul li a{ color:#FFF; display:block;}
.service .ed_info:hover,.service .ed_info:hover a{ background:#FFF; color:#666; cursor:pointer;}



.cooperation{ height:auto; overflow:hidden; padding:80px 0 20px; background:#f9f9f9;}
.cooperation .coop_title{ font-size:30px; color:#3d4046; text-align:center; padding:20px 0;}
.cooperation .coop_desc{ padding:30px 110px; background:url(../images/cop_desc_bg.png) center no-repeat; font-size:14px; line-height:24px;}


.cooperation_img .swiper-button-next,.cooperation_img .swiper-button-prev{display:block;}
.cooperation_img .cooperation_list{}
.cooperation_img .cooperation_list.div{outline:none;}
.cooperation_img .cooperation_list img{display:block; margin:0 auto;}
.cooperation_img .slick-next,.cooperation_img .slick-prev{background-repeat:no-repeat;position:absolute;top:50%;width:45px;height:45px;display: block;border:none medium;text-indent:-9999px;background-image:url(../images/slick_jt.png);background-color:transparent;outline:none;background-size:90px;margin-top:-20px;}
.cooperation_img .slick-next{background-position:-45px center;right:-40px}
.cooperation_img .slick-prev{background-position:0 0; left:-40px}

.slick-slide{outline:none;}



.pro-container{ width:100%; background:#f9f9f9; padding:1% 0 0;}
.cooperation_img{width:80%; margin:36px auto 0;padding:0 16px 36px;position:relative;}
.cooperation_img .swiper-slide {
	margin-top:10px !important; padding:0;
	height:auto;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.cooperation_img .swiper-slide img{ max-width:100%;}


.news_box{ height:auto; overflow:hidden; background:#f9f9f9; padding:60px 0 70px;}
.news_box .n_b_title{ font-size:24px; color:#666;}

.news_box .n_b_title0{ font-size:24px; color:#666; display:block;}
.news_box .n_more{ font-size:14px; text-align:right; margin-top:20px;}
.news_box .n_more a{ color:#0154a0;}

.news_box .news{ width:22%; border-right:1px solid #c3c1c1; float:left; padding-right:2%;}
.news_box .news ul{ margin:0; padding:10px 0 0;}
.news_box .news ul li{ line-height:16px; padding:4px 0; background:url(../images/n_li.png) 0 8px no-repeat;}
.news_box .news ul li a{ color:#808080; font-size:14px; padding-left:14px;}
.news_box .news ul li a i{ font-size:16px; padding-right:5px;}

.news_box .notice{ width:30%; border-right:1px solid #c3c1c1; float:left; padding:0 2% 0 3%;}
.news_box .notice ul{ margin:0; padding:10px 0 0;}
.news_box .notice ul li{line-height:16px; padding:4px 0;  display:block; background:url(../images/n_li.png) 0 8px no-repeat;}
.news_box .notice ul li a{ color:#808080; font-size:14px;}
.news_box .notice ul li a .desc{  padding-left:2px;}
.news_box .notice ul li a font{ padding:0 2px 0 14px;}


.news_box .contact{ width:34%; float:right; padding:0 2% 0 2%;}
.news_box .contact .con_ewm{ float:left; width:28%; padding-top:10px;}
.news_box .contact .con_ewm img{}
.news_box .contact .con_desc{ float:left; width:60%; margin:3% 0 0 12%;color:#024e99; font-size:14px;}
.news_box .contact .con_desc .c_d_tel{ background:url(../images/con_iron01.png) left 3px no-repeat; padding-left:20px; display:block;}
.news_box .contact .con_desc .c_d_tel .tel{ font-size:30px; color:#045ac7; padding:10px 0;}

.news_box .contact .con_desc .c_d_tel0{ background:url(../images/con_iron01.png) left 3px no-repeat; padding-left:20px; display:none;}


.news_box .contact .con_desc .c_d_email{ background:url(../images/con_iron02.png) left 3px no-repeat; padding-left:20px; margin:2px 0; display:block;}
.news_box .contact .con_desc .c_d_coop{ background:url(../images/con_iron03.png) left 3px no-repeat; padding-left:20px; margin:2px 0;display:block;}
.news_box .contact .con_desc font{ font-size:12px; color:#045ac7;}


.e_mail_box{ background:#3180c6; height:auto; overflow:hidden;  padding:60px 0 50px;}

.e_mail_box .e_mail_desc{ background:url(../images/email_bg.png) center top no-repeat; padding:0 20%; color:#FFF; font-size:24px; text-align:center;}
.e_mail_box .e_mail_desc .b{ font-weight:bold; font-size:30px; padding-top:10px;}

.e_mail_box .e_mail_con{ width:60%; height:78px; line-height:78px; display:block; margin:3% auto 0; padding:0 12%; background:#4fc483; border-radius:10px;}
.e_mail_box .e_mail_con .e_FF{ width:80%; font-size:24px; color:#FFF; text-align:center; margin:0 auto;}
.e_mail_box .e_mail_con .e_FF .icon{padding:12px 0; float:left;}
.e_mail_box .e_mail_con .e_FF .icon img{ max-width:100%;}


.message{ height:auto; overflow:hidden; background:#eef1f3; padding:78px 0 70px;}
.message .mess_title{ color:#3d4046; font-size:30px; text-align:center; padding-bottom:75px;}
.message .message_box{ width:100%; color:#898d92; display:block;}
.message .message_box_a{ width:100%; color:#898d92; display:none;}

.message .m_b{ margin:16px 0; font-size:16px; height:auto; overflow:hidden;}

.message .m_b .mmb_w{ width:48%;}
.message .m_b .m_label{ width:20%; line-height:18px; padding:15px 0; margin-right:4%; float:left;}
.message .m_b .m_input{ width:60%; line-height:18px; padding:15px 1%; border-radius:4px; background:#FFF; float:left; color:#999;}

.message .m_b .mm_label{ width:7.5%; line-height:18px; padding:15px 0; margin-right:4%; float:left;}
.message .m_b .mm_input{ width:81%; line-height:18px; padding:15px 1%; border-radius:4px; background:#FFF; float:left; color:#999;}

.message .m_b_b{ line-height:46px; margin:35px 0 0; height:auto; overflow:hidden;}
.message .m_b_b .m_sub{ width:170px; height:42px; background:url(../images/sub.png) no-repeat; float:right; margin-right:5.5%;}



.h_footer{ background:#282a30; padding:12px 0; height:auto; overflow:hidden; color:#FFF;}
.h_footer .h_f_lt{ float:left;}
.h_footer .h_f_rt{ float:right;}
/*1440分辨率下的样式*/
@media (max-width:1440px){
	.wrapper{ width:980px;}
	.news_box .contact .con_desc .c_d_tel .tel{ font-size:20px;}
	.quality ul li {
    width: 27%;
    float: left;
    margin-right: 6%;}

}

/*1366分辨率下的样式*/
@media (max-width:1366px){

	.h_b_desc .h_b_F .h_b_F02 {font-size:48px;}
	

}

/*960分辨率下的样式*/
@media (max-width:960px){
	.h_banner{ width:100%; height:auto;}
	.h_b_desc{}
	.h_banner img{ max-width:100%; width:auto}
	.h_b_desc .h_b_F{}
	.h_b_desc .h_b_F .h_b_F01{ font-size:30px; line-height:65px;font-weight:400;}
	.h_b_desc .h_b_F .h_b_F02{ font-size:48px; line-height:70px;}
	.h_b_desc .h_b_F .h_b_more{  margin:5% 0; float:none}
	.h_b_desc .h_b_F .h_b_more img{ max-width:100%;}
	.h_b_desc .h_b_F .h_b_more p{ float:left; }
	
	.h_footer{ background:#282a30; padding:12px 0; height:auto; overflow:hidden; color:#FFF; text-align:center;}
	.h_footer .h_f_lt{ float:none;}
	.h_footer .h_f_rt{ float:none;}
}

/*720分辨率下的样式*/
@media (max-width:720px){
	.h_b_desc .h_b_F .h_b_F01{ font-size:24px; line-height:65px;font-weight:400;}
}
/*640分辨率下的样式*/
@media (max-width:640px){
	.h_b_desc .h_b_F{ }
	.h_b_desc .h_b_F .h_b_F01{ font-size:20px; line-height:55px;font-weight:400;}
	.h_b_desc .h_b_F .h_b_F02{ font-size:30px; line-height:42px;}
	.h_b_desc .h_b_F .h_b_more{margin:2% 0; float:none}
	.h_b_desc .h_b_F .h_b_more img{ max-width:100%;}
	.h_b_desc .h_b_F .h_b_more p{ float:left; }
}

@media (max-width:550px){
	.h_b_desc .h_b_F{}
	.h_b_desc .h_b_F .h_b_F01{ font-size:18px;}
	.h_b_desc .h_b_F .h_b_F02{ font-size:24px;}
	.h_b_desc .h_b_F .h_b_more{  margin:2% 0; float:none}

}

@media (max-width:440px){
	.h_b_desc .h_b_F{ }
	.h_b_desc .h_b_F .h_b_F01{ font-size:16px; line-height:38px;}
	.h_b_desc .h_b_F .h_b_F02{ font-size:24px;line-height:38px;}
	.h_b_desc .h_b_F .h_b_more{  margin:2% 0; float:none}

}

@media (max-width:360px){
	.h_b_desc .h_b_F{}
	.h_b_desc .h_b_F .h_b_F01{ font-size:14px; line-height:30px;}
	.h_b_desc .h_b_F .h_b_F02{ font-size:20px;line-height:30px;}
	.h_b_desc .h_b_F .h_b_more{ width:100px; margin:2% 0; float:none; height:30px; text-align:center;}
	.h_b_desc .h_b_F .h_b_more a{ display:none;}
	.h_b_desc .h_b_F .h_b_more p{ font-size:12px; float:none; line-height:30px;}

}
@media (max-width:330px){
	.h_b_desc .h_b_F .h_b_F01{ font-size:12px; line-height:30px;}

}

/*1100分辨率下的样式*/
@media (max-width:1100px){
	.wrapper{ width:95%;}
	.navbtn{ display:block;}
	.smhidden{ display:none;}
	.fixbottom{ display:none;}
	.quality ul{ width:100%; text-align:center; margin:0 auto;}
	.quality ul li{ width:42%; height:130px; float:left; margin:40px 4%;}
	.quality ul li a{ display:block;}
	
	.quality ul li .qua_img{ float:none; width:78px; height:78px; overflow:hidden; background:#f2f3f4; border-radius:100%; margin:0 auto;}
	.quality ul li .qua_img img{ height:40px; display:block; margin:20px auto; filter:3d4f77}
	.quality ul li .qua_desc{ width:100%; float:none; margin:0 auto;}
	.quality ul li .qua_desc .q_d_title{ color:#3d4f77; font-size:18px; padding:8px 0 8px;}
	.quality ul li .qua_desc .qua_info{ line-height:22px; color:#96989d; font-size:16px;}
	
	.cooperation .coop_desc{ padding:30px 4%; font-size:14px; line-height:24px;}
	.cooperation_img{ width:90%; margin:0 auto;position:relative;}

	.service .wrapper{ width:98%; overflow:hidden; margin:0 auto;}
    .service .edition{ width:32%; border-radius:10px; padding:40px 0 0; margin:10px auto 0; box-shadow:1px 1px 6px #9b9b9b; text-align:center;color:#FFF;}
	.service .ed_info{ padding:0;}
    .service .ed_info ul{ margin:0; padding:0; text-align:left; padding:2% 10% 8% 38%;}
	
	.service .edition .s_box{ padding:0 14%;}
	.service .ed_lt{ width:42%; background:#4fc483; margin:0 4%; display:inline-block;}
	.service .ed_rt{ width:42%;background:#3180c6; margin:0 4%;display:inline-block;}



	.e_mail_box{ background:#3180c6; height:auto; overflow:hidden;  padding:5% 0 5%;}
	
	.e_mail_box .e_mail_desc{ background:url(../images/email_bg.png) center top no-repeat; padding:0 6%; color:#FFF; font-size:20px; text-align:center;}
	.e_mail_box .e_mail_desc .b{ font-weight:bold; font-size:26px; padding-top:10px;}
	
	.e_mail_box .e_mail_con{ width:60%; height:60px; line-height:60px; display:block; margin:3% auto 0; padding:0 12%; background:#4fc483; border-radius:10px;}
	.e_mail_box .e_mail_con .e_FF{ width:90%; font-size:18px; color:#FFF; text-align:center; margin:0 auto;}
	.e_mail_box .e_mail_con .e_FF .icon{padding:12px 0; float:left;}
	.e_mail_box .e_mail_con .e_FF .icon img{ max-width:100%;}

		
	
	.message{ height:auto; overflow:hidden; background:#eef1f3; padding:78px 0 70px;}
	.message .mess_title{ color:#3d4046; font-size:26px; text-align:center; padding-bottom:6%;}
	
	.message .m_b{ margin:16px 0; font-size:13px; height:auto; overflow:hidden;}
	
	.b_sub{ width:35%; position:absolute; top:60px; bottom:60px; left:50%; z-index:9999; background:#FFF; border-radius:6px;}
	.b_sub .b_title{ font-size:20px; color:#494644; text-align:center; padding:8% 0 5%;}
	.b_sub .b_sub_box{ width:84%; color:#898d92; display:block; padding:0 8%; font-family:"微软雅黑"; display:none;}
	.b_sub .b_sub_box_a{ width:84%; color:#898d92; display:block; padding:0 8%; font-family:"微软雅黑";display:block;}
	
	.b_sub .sub_m_b{ margin:8px 0; font-size:16px; height:auto; overflow:hidden;}
	.b_sub .sub_m_b .mmb_w{ width:48%;}
	.b_sub .sub_m_b .mm_input{ width:92%; line-height:18px; padding:10px 4%; border-radius:4px; background:#f8f8f8; color:#999; font-size:14px;}
	.b_sub .sub_m_b_b{ margin:15px 0 0; height:auto; overflow:hidden;}
	.b_sub .sub_m_b_b .m_sub{ width:214px; height:46px; background:url(../images/ban_sub.png) no-repeat; margin:0 auto; float:none;}

    .cooperation_img .wrapper{ width:90%; overflow:hidden; margin:0 auto;}
	.cooperation{ height:auto; overflow:hidden; padding:2% 0 2%; background:#f9f9f9;}

}

/*1000分辨率下的样式*/
@media (max-width:1000px){
	.news_box{ padding:20px 0 50px;}
	.news_box .news{ width:20%;}
	.news_box .notice{ width:26%;}
	.news_box .contact{ width:40%;}
	
	.b_sub{ display:none;}
	.bannerslide{ height:270px;}
	  .swiper-container {
        width: 100%;
        height:270px;
        margin-left: auto;
        margin-right: auto;
    }
	
	.b_sub .b_sub_box{ display:none;}
    .b_sub .b_sub_box_a{ display:none;}
	.banner{ display:none;}
    .banner_a{ display:block;}
	
	.bannerslide{ height:400px; width:100%; position: relative;}
	
}


/*960分辨率下的样式*/
@media (max-width:960px){
	.navbtn{ display:block;}
	.smhidden{ display:none;}
	.news_box .news{ width:16%;}
	.news_box .notice{ width:24%;}
	.news_box .contact{ width:46%;}
	.news_box .contact .con_desc .c_d_tel .tel{ font-size:24px; color:#045ac7; padding:10px 0;}
	.news_box .contact .con_ewm img{ width:100%; display:block;}
	
}

/*840分辨率下的样式*/
@media (max-width:840px){
	.news_box .contact{ width:45%; float:right; padding:0 2% 0 2%;}
	.news_box .contact .con_ewm{ float:left; width:28%; padding-top:10px;}
	.news_box .contact .con_ewm img{ max-width:100%;}
	.news_box .contact .con_desc{ float:left; width:66%; margin:3% 0 0 6%;color:#024e99; font-size:12px;}
	.news_box .contact .con_desc .c_d_tel{ background:url(../images/con_iron01.png) left 3px no-repeat; padding-left:20px; display:block;}
	.news_box .contact .con_desc .c_d_tel .tel{ font-size:25px; color:#045ac7; padding:10px 0;}
	
	.news_box .contact .con_desc .c_d_tel0{ background:url(../images/con_iron01.png) left 3px no-repeat; padding-left:20px; display:none;}
	
	
	.news_box .contact .con_desc .c_d_email{ background:url(../images/con_iron02.png) left 3px no-repeat; padding-left:20px; margin:2px 0; display:block;}
	.news_box .contact .con_desc .c_d_coop{ background:url(../images/con_iron03.png) left 3px no-repeat; padding-left:20px; margin:2px 0;display:block;}
	.news_box .contact .con_desc font{ font-size:12px; color:#045ac7;}
}

/*768分辨率下的样式*/
@media (max-width:768px){
	.header{ height:55px;}
	.header .logo{ float:left; padding:16px 0 0;}
    .header .logo img{ height:26px; display:block;}
	.header .h_rt{ display:block;margin:20px 10px 0 0;}
	.header .h_rt .tel{ font-size:14px;}
	.header .h_rt .botm a{ font-size:12px;}
	
	.header .nav{ display:none;}
	.navbtn{ height:60px;}
	
	.bannerslide{ height:270px;}
	
	.function{ padding:30px 0 30px;}
	.function_list .swiper-button-next,.function_list .swiper-button-prev{display:block;}
    .function_list .swiper-wrapper{}
	.function_list{ width:100%; margin-top:16px;}
	.function_list .funlist{ width:100%; margin:0;}	
	
	.function .fun_title{ color:#3d4046; font-size:20px; text-align:center; line-height:30px;}
	.function .subtitle{ width:95%; margin:0 auto; color:#8e9197; line-height:18px; text-align:center;}
	
	.function_list .funlist .img img{height:80px; margin:0 auto; overflow:hidden;}
	.function_list .funlist .fun_desc{ width:80%; margin:5px auto 0;}
	.function_list .funlist .fun_desc .desc_title{ color:#3d4f77; font-size:16px; font-weight:bold; line-height:30px;}
	.function_list .funlist .fun_desc .desc_info{ line-height:18px; padding-top:10px;}
	
	
	
	.quality .qua_title{ color:#3d4046; font-size:20px; text-align:center; line-height:22px;}
	.quality ul li .qua_desc .q_d_title{ color:#3d4f77; font-size:15px; padding:8px 0 5px;}
	.quality ul li .qua_desc .qua_info{ line-height:18px; color:#96989d; font-size:12px;}
	
	
	.service{ padding:5% 0 8%; background:none;}   
    .service .s_title{ height:45px; background:none; text-align:center; color:#2474ba; padding-bottom:2%;}
	
	.service .s_title .s_t{ font-size:24px; font-weight:bold; line-height:38px; padding:10px 0 0;}
	.service .s_title .sub_t{ font-size:12px; font-weight:normal;}
	
	
	.service .wrapper{ width:60%; overflow:hidden; margin:0 auto;}
	.service .edition{ width:42%; border-radius:10px; padding:40px 0 0; margin:10px auto 0;text-align:center;color:#FFF;}
    .service .edition .s_box{ padding:0 14%;}
	
	.service .ed_lt{float:none; width:100%; margin:8% auto 0;}
	.service .ed_rt{float:none;width:100%; margin:10% auto 0;}
	
	.service .edition .ed_title{ font-size:18px; padding-bottom:10px; border-bottom:1px solid #FFF;}
	.service .edition .ed_title .sub_t{ font-size:12px; padding-top:2px; word-wrap:break-word;}
	.service .edition .ed_desc{ font-size:14px; padding-top:18px;}
	.service .edition .price{ font-size:18px; padding-top:12px;}
	.service .edition .price font{ font-size:45px;}
	
	.service .edition .purchase_but{ width:40%; height:34px; border:1px solid #FFF; border-radius:10px; margin:18px auto 0;cursor:pointer;}
	.service .edition .purchase_but font{ font-size:14px; line-height:34px;}
	
	.service .edition .ed_FF{ font-size:12px; padding:20px 0 0;}
	.service .edition .ed_info{ padding:0px 0 10px 30%;}
	.service .ed_info ul{ margin:0; padding:0; text-align:left; padding:8% 10% 10% 10%;}
	.service .edition .ed_info ul li{ line-height:20px; padding:0px 0 0px 4px; list-style:disc;}

	
	.cooperation{ height:auto; overflow:hidden; padding:20px 0 10px; background:#f9f9f9;}
	.cooperation .coop_title{ font-size:22px; color:#3d4046; text-align:center; padding:10px 0;}
	.cooperation .coop_desc{ padding:10px; background:url(../images/cop_desc_bg.png) center no-repeat; font-size:12px; line-height:24px;}
	
	
	.news_box{ height:auto; overflow:hidden; background:#f9f9f9; padding:80px 0 50px;}
	.news_box .wrapper{ width:90%;}
	.news_box .n_b_title{ font-size:20px; color:#666;}
	.news_box .n_b_title0{ display:none;}
	.news_box .n_more{ font-size:12px; text-align:right; margin-top:10px;}
	.news_box .notice ul li a{ color:#808080; font-size:12px;}
	.news_box .news ul li a{ color:#808080; font-size:12px;}
	
	
	.news_box .n_more{ font-size:14px; text-align:right; margin-top:20px;}
	.news_box .n_more a{ color:#0154a0;}
	.news_box{ padding:20px 0 40px;}
	.news_box .news{ width:42%; float:left; padding-right:5%;}
	
	.news_box .notice{ width:45%; float:left; padding:0 0 0 5%; border-right:none;}

	.news_box .contact{ width:70%; margin:4% 0 0; padding:4% 15% 0; border-top:1px solid #c3c1c1;}	
	
	.news_box .contact .con_desc{ float:left; margin:3% 0 0 5%;color:#024e99; font-size:14px;}
	.news_box .contact .con_desc .c_d_tel .tel{ font-size:22px; color:#045ac7; padding:1% 0; display:none;}
	
	
	.news_box .contact .con_ewm{ float:left; width:20%; padding-top:10px;}
    .news_box .contact .con_ewm img{ max-width:100%;}

	.news_box .contact .con_desc .c_d_tel{ display:none;}
	.news_box .contact .con_desc .c_d_tel0{ background:url(../images/con_iron01.png) left 3px no-repeat; margin:4px 0 10px; padding-left:20px; display:block;}
	.news_box .contact .con_desc .c_d_email{ background:url(../images/con_iron02.png) left 3px no-repeat; padding-left:20px; margin:10px 0; display:block;}
	.news_box .contact .con_desc .c_d_coop{ background:url(../images/con_iron03.png) left 3px no-repeat; padding-left:20px; margin:10px 0;display:block;}
	
	.e_mail_box{ background:#3180c6; height:auto; overflow:hidden;  padding:30px 0 30px;}
	.e_mail_box .e_mail_desc{ padding:0 20px; font-size:15px;}
	.e_mail_box .e_mail_desc .b{ font-weight:bold; font-size:22px; padding-top:10px;}
	.e_mail_box .e_mail_con .e_FF{}
	.e_mail_box .e_mail_con .e_FF .icon{ display:none;}
	
	
	.message{ height:auto; overflow:hidden; background:#eef1f3; padding:36px 0 40px;}
    .message .mess_title{ color:#3d4046; font-size:18px; text-align:center; padding-bottom:20px;}
	
	.message .message_box{ width:100%; color:#898d92; display:none;}
	
	.message .message_box_a{ width:100%; color:#898d92; display:block; margin:0 auto;}
	
	.message .m_b{  margin:10px 0; font-size:14px; height:auto; overflow:hidden;}
	
	.message .m_b .mm_label{ width:25%; line-height:18px; padding:10px 0; margin-right:4%; float:left; text-align:right;}
	.message .m_b .mm_input{ width:65%; line-height:18px; padding:10px 1%; border-radius:4px; background:#FFF; float:left;}
	
	.message .m_b_b{ line-height:46px; margin:35px 0 0; height:auto; overflow:hidden;}
	.message .m_b_b .m_sub{ width:170px; height:42px; background:url(../images/sub.png) no-repeat; float:right; margin-right:5.5%;}
	.e_mail_box .e_mail_con .e_FF .icon img{ max-width:100%;}
	
    .cooperation_img{ width:90%; margin:0 auto;position:relative;}
	
	}

/*700分辨率下的样式*/
@media (max-width:700px){
	.news_box .contact{ width:84%; margin:4% auto 0; padding:4% 8% 0; border-top:1px solid #c3c1c1;}
	.e_mail_box .e_mail_con{ margin-top:6%;}
	.e_mail_box .e_mail_con .e_FF{ font-size:12px; width:100%;}
	
}

/*550分辨率下的样式*/
@media (max-width:550px){
	.header .h_rt{ display:none;}
	#menu{}
	#menu ul{}
	#menu ul li#tel{ background:#FFF; color:#9f0216; padding-left:22px; font-weight:bold;}
	#menu ul li#botm{ background:#9f0216;padding-left:22px;}
	
	.news_box .n_b_title{ font-size:16px; color:#666;}
	/*.b_sub .b_sub_box_a{display:none;}*/

    .news_box{ height:auto; overflow:hidden; background:#f9f9f9; padding:80px 0 50px;}
	.news_box .wrapper{ width:90%;}
	.news_box .n_b_title{ font-size:20px; color:#666;}
	.news_box .n_b_title0{ display:none;}
	.news_box .n_more{ font-size:12px; text-align:right; margin-top:10px;}
	.news_box .notice ul li a{ color:#808080; font-size:12px;}
	.news_box .news ul li a{ color:#808080; font-size:12px;}
	
	
	.news_box .n_more{ font-size:14px; margin-top:10px;}
	.news_box .n_more a{ color:#0154a0;}
	.news_box{ padding:20px 0 40px;}
	.news_box .news{ width:90%; float:none; padding:6% 0 5% 5%; border-right:none; margin:0 auto; border-top:1px solid #c3c1c1;}
	.news_box .notice{ width:90%; float:none; padding:6% 0 5% 5%; border-right:none; margin:0 auto; border-top:1px solid #c3c1c1;}	

	.news_box .contact{ width:88%; margin:0 auto 0; padding:6% 5% 0; border-top:1px solid #c3c1c1;}
	.news_box .contact .con_ewm{ float:left; width:26%; padding-top:10px;}
	.news_box .contact .con_ewm img{ width:100%;}
	.news_box .contact .con_desc{ float:left; width:70%; margin:3% 0 0 4%;color:#024e99; font-size:12px;}
	.news_box .contact .con_desc .c_d_tel .tel{ font-size:14px; color:#045ac7; padding:0}
	
	
	
	.service{ padding:20px 0 30px; background:none;}   
    .service .s_title{ height:45px; background:none; text-align:center; color:#2474ba; padding-bottom:10%;}
	
	.service .s_title .s_t{ font-size:24px; font-weight:bold; line-height:38px; padding:10px 0 0;}
	.service .s_title .sub_t{ font-size:12px; font-weight:normal;}
	
	
	.service .wrapper{ width:90%; overflow:hidden; margin:0 auto;}
	.service .edition{ width:42%; border-radius:10px; padding:40px 0 0; margin:10px auto 0;text-align:center;color:#FFF;}
    .service .edition .s_box{ padding:0 14%;}
	
	.service .ed_lt{float:none; width:100%; margin:0 auto;}
	.service .ed_rt{float:none;width:100%; margin:10% auto 0;}
	
	
	.service .edition .price font{ font-size:24px;}
	
	.service .edition .purchase_but{ width:50%; height:34px; border:1px solid #FFF; border-radius:10px; margin:18px auto 0; cursor:pointer;}
	.service .edition .purchase_but font{ font-size:14px; line-height:34px;}
	
	.message .m_b{  margin:10px 0; font-size:12px; height:auto; overflow:hidden;}
	.e_mail_box .e_mail_con{ margin-top:6%;}
	.e_mail_box .e_mail_con .e_FF{ font-size:12px; width:100%; line-height:18px; padding:12px 0;}
	
	
	.news_box .contact .con_ewm{ float:left; width:20%;}
    .news_box .contact .con_ewm img{ max-width:100%;}

    .news_box .contact .con_desc .c_d_tel0{ height:22px; background:url(../images/con_iron01.png) left 1px no-repeat; padding-left:20px; display:block;}
	.news_box .contact .con_desc .c_d_email{ height:22px; background:url(../images/con_iron02.png) left 1px no-repeat; padding-left:20px; margin:4px 0 6px; display:block;}
	.news_box .contact .con_desc .c_d_coop{ height:22px; background:url(../images/con_iron03.png) left 1px no-repeat; padding-left:20px; margin:6px 0;display:block;}


}


/*400分辨率下的样式*/
@media (max-width:400px){
	 .service .s_title{ height:45px; background:none; text-align:center; color:#2474ba; padding-bottom:20%;}
	 
	 .news_box .contact .con_ewm{ float:left; width:20%; display:none;}
	 .news_box .contact .con_ewm img{ max-width:100%;}
     .news_box .contact .con_desc{ width:100%;}
	 .news_box .contact .con_desc .c_d_tel0{ height:22px; background:url(../images/con_iron01.png) left 1px no-repeat; padding-left:20px; display:block;}
	 .news_box .contact .con_desc .c_d_email{ height:22px; background:url(../images/con_iron02.png) left 1px no-repeat; padding-left:20px; margin:4px 0 6px; display:block;}
	 .news_box .contact .con_desc .c_d_coop{ height:22px; background:url(../images/con_iron03.png) left 1px no-repeat; padding-left:20px; margin:6px 0;display:block;}
}