@charset "utf-8";

html,body{ width:100%; height:100%; padding:0; margin:0; }
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,span,strong{ margin:0; padding:0; list-style:none; text-decoration:none; border:0;}
*{ padding:0; margin:0; font-family:'微软雅黑','Microsoft Yahei'; }
body{ color:#333; font-family:'微软雅黑','Microsoft Yahei'; }
a{ color:#333; text-decoration:none; }
i,em{font-style:normal; margin:0; padding:0; border:0;}
input{margin:0; padding:0; list-style:none; border:0;}

.clear{clear:both; height:0; line-height:0; font-size:0;}
.tr { text-align:right;}
.tl { text-align:left;}
.ta_c { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
.pdl_10{padding-left:10px;}
.mg0{margin:0 !important; }
.pd0{padding:0 !important; }

body{ width:100%; min-height:100%; overflow-x:hidden; color:#333333; font-family:'微软雅黑','Microsoft Yahei'; }
.width_1400 {  margin:auto; }
.banner{width:100%; background: url(../img/banner.jpg) no-repeat top center; background-size:auto 100%; }
.banner a{display: block; width:100%; height:100%;}

/*@media (min-width: 1350px) and (max-width: 1500px){
	
}
@media (min-width: 1230px) and (max-width: 1350px){
	
}
@media (min-width: 751px) and (max-width: 1230px){*/
@media (min-width: 801px){
body{ min-width:1420px;}
.width_1400 { width:1420px;}
.banner{ height:400px; }

.content_box{width:100%; padding:90px 0 60px 0; background-color:#ffffff; overflow:hidden; }
.content_box .seo_contact{ padding:35px 0 0 0; height:540px; position:relative; /*overflow:hidden;*/ z-index:0; }
.content_box .seo_contact .contact_left, .content_box .seo_contact .contact_con, 
.content_box .seo_contact .contact_right{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background-color:#00458F; border-radius:10px; padding:35px 35px 70px; box-shadow:0 0 4px 4px rgba(0,0,0,.1);  text-align:center; }
.content_box .seo_contact .contact_left{width:450px; height:470px; position:relative; z-index:0; }
.content_box .seo_contact .contact_con{width:540px; height:540px; padding-top:45px;position:absolute; top:0; left:440px; z-index:2; }
.content_box .seo_contact .contact_right{float:right; width:450px; height:470px; position:absolute; top:35px; right:0;  z-index:0;}
.content_box .seo_contact a{display:block;  }
.content_box .seo_contact .contact_icon{display:block; width:100%; background-position:top center;background-repeat:no-repeat; background-size:auto 100%; }
.content_box .seo_contact .c_icon1{height:80px; background-image: url(../img/icon_01.png);}
.content_box .seo_contact .c_icon2{height:99px; background-image: url(../img/icon_02.png);}
.content_box .seo_contact .c_icon3{height:80px; background-image: url(../img/icon_03.png);}
.content_box .seo_contact h2{width:100%; line-height:50px; margin:30px auto 30px auto; font-size:28px; color:#ffffff;  }
.content_box .seo_contact .c_text{width:100%; margin-bottom:10px; line-height:30px; font-size:18px; color:#79d0fe; }
.content_box .seo_contact .contact_but{width:100%; position:absolute; left:0; bottom:35px; }
.content_box .seo_contact .contact_but span{display:inline-block; line-height:35px; border-bottom:1px solid #79D0FE; padding: 0 6px 6px 6px; margin:auto; color:#ffffff;font-size:24px;}
.content_box .seo_contact .contact_con .contact_but{ bottom:40px; }

.subtitle{ padding:10px 0 10px 0; margin-bottom:30px; text-align: center; }
.subtitle h2 {margin-bottom:15px; line-height:50px; color:#333333; font-size:34px; font-weight:600; text-align:center; }
.subtitle .title_des{line-height:30px; color:#666666; font-size:18px; text-align:center; }

.seo_text{width:100%; padding:60px 0 80px; background-color: #ECF5FF;  }
.seo_text dl{ min-height:60px; }
.seo_text dl dd {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:100%; padding:30px 30px 30px 110px; box-shadow:0 0 4px 2px rgba(0,0,0,.1); margin-bottom:40px; border-radius:10px; background-color:#ffffff; position:relative; }
.seo_text dl dd .seo_icon{display:block; width:85px; height:100%; background: url(../img/seo_icon1.png) no-repeat left center; background-size: 100% auto; overflow:hidden; position:absolute; left:0; top:0; }
.seo_text dl dd .seo_icon2{background-image: url(../img/seo_icon2.png); }
.seo_text dl dd .seo_icon3{background-image: url(../img/seo_icon3.png); }
.seo_text dl dd .seo_icon4{background-image: url(../img/seo_icon4.png); }
.seo_text dl dd .seo_icon5{background-image: url(../img/seo_icon5.png); }
.seo_text dl dd .seo_icon6{background-image: url(../img/seo_icon6.png); }
.seo_text dl dd .seo_icon7{background-image: url(../img/seo_icon7.png); }

.seo_text dl dd h3{width:100%; line-height:50px; margin-bottom:10px; font-size:24px; color:#333333; }
.seo_text dl dd p{width:100%; line-height:28px; font-size:18px; color:#666666; }

.bottom_link{ min-height:60px; padding:25px 0 30px 0;  }
.bottom_link h3{height:45px;line-height:45px; text-align:center; font-size:20px; font-weight:600; color:#333333; }
.bottom_link .link_list{ font-size:0; }
.bottom_link .link_list a{display:inline-block; padding:0 8px;height:28px;line-height:28px; margin-right:10px; font-size:16px; color:#666666; text-decoration:none;}
.footer{width:100%; background-color:#0E1834; padding:10px 0 10px 0; }
.footer p{ min-height:30px; line-height:30px; text-align:center; color:#ffffff;font-size:14px; }
.footer a{ color:#ffffff;text-decoration:none;}


.contact_mode{ position:fixed; bottom:80px; right:30px; width:50px; padding-left:10px;   
	transform: scale(0);
    transform-origin: center center;
    transition: all ease 0.2s;
}
.contact_mode dd{display:block; width:48px;height:48px;margin-bottom:6px; border:1px solid #dedede; border-radius:5px; text-align:center; background-color:#ffffff; position:relative; cursor:pointer;}
.contact_mode dd .contact_icon{display:inline-block;width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size: auto; }
.contact_mode dd .icon_qq{background-image: url(../img/icon_qq2.png); }
.contact_mode dd .icon_weixin{background-image: url(../img/icon_weixin.png); }
.contact_mode dd .icon_qq:hover{background-image: url(../img/icon_qq2.png); }
.contact_mode dd .icon_weixin:hover{background-image: url(../img/icon_weixin2.png); }

.contact_mode dd .icon_top{ display:inline-block; width:16px; height:16px; border-radius-top-right:3px; border-right:2px solid #dedede; border-top:2px solid #dedede; margin:-5px 0 0 -10px; position:absolute; top:50%; left:50%; -webkit-transform: rotate(-45deg); }
.contact_mode dd:hover, .contact_mode dd.go_top:hover .icon_top{border-color:#1BC1FA; }
.contact_show{
    transform: scale(1);   
    visibility: visible; /*搭配transform*/
    transform-origin: center center;
    transition: all ease 0.2s;
}

.contact_mode .fixed_mode{width:300px; min-height:160px; box-shadow:0 0 4px 2px rgba(0,0,0,.1); background-color:#ffffff; position:absolute; left:-301px; bottom:0; display:none; }
.contact_mode .fixed_mode{ }
.contact_mode .fixed_mode .mode_title{ width:100%; height:45px; line-height:45px;margin-bottom:10px; text-align:center; font-size:16px; }
.contact_mode .fixed_mode .qq_list{ width:100%; font-size:0; }
.contact_mode .fixed_mode .qq_list a{display:inline-block; width:50%; color:#333333; font-size:18px; }
.contact_mode .fixed_mode .qq_list .qq_icon{display:block; width:40px; height:40px; margin:0 auto 10px; background: url(../img/qq_icon.png) no-repeat top center; background-size:auto 100%; }
.contact_mode .fixed_mode .weixin_list{ width:100%; font-size:0; }
.contact_mode .fixed_mode .weixin_list a{display:inline-block; width:50%; }
.contact_mode .fixed_mode .weixin_list img{ width:90%; margin:auto; }
.contact_mode dd:hover .fixed_mode{ display:block; }

	
}

@media (max-width: 800px){
		.width_1400 {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:94%;  margin:auto; }
		.banner{width:100%; height:180px; background: url(../img/banner.jpg) no-repeat top center; background-size:auto 100%; }
		.banner a{display: block; width:100%; height:100%;}

		.content_box{width:100%; padding:30px 0 20px 0; background-color:#ffffff; overflow:hidden; }
		.content_box .seo_contact{ padding:10px 0 0 0; }
		.content_box .seo_contact .contact_left, .content_box .seo_contact .contact_con, 
		.content_box .seo_contact .contact_right{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background-color:#00458F; border-radius:10px; padding:15px 15px;margin-bottom:30px; box-shadow:0 0 4px 4px rgba(0,0,0,.1);  text-align:center; position:relative; }
		.content_box .seo_contact .contact_left{ height:360px; }
		.content_box .seo_contact .contact_con{ height:420px; padding-top:35px; }
		.content_box .seo_contact .contact_right{ height:360px; }
		.content_box .seo_contact a{display:block;  }
		.content_box .seo_contact .contact_icon{display:block; width:100%; background-position:top center;background-repeat:no-repeat; background-size:auto 100%; }
		.content_box .seo_contact .c_icon1{height:60px; background-image: url(../img/icon_01.png);}
		.content_box .seo_contact .c_icon2{height:68px; background-image: url(../img/icon_02.png);}
		.content_box .seo_contact .c_icon3{height:60px; background-image: url(../img/icon_03.png);}
		.content_box .seo_contact h2{width:100%; line-height:40px; margin:10px auto 10px auto; font-size:24px; color:#ffffff;  }
		.content_box .seo_contact .c_text{width:100%; margin-bottom:8px; line-height:26px; font-size:15px; color:#79d0fe; }
		.content_box .seo_contact .contact_but{width:100%; position:absolute; left:0; bottom:30px; }
		.content_box .seo_contact .contact_but span{display:inline-block; line-height:30px; border-bottom:1px solid #79D0FE; padding: 0 6px 6px 6px; margin:auto; color:#ffffff;font-size:20px;}
		.content_box .seo_contact .contact_con .contact_but{ bottom:40px; }

		.subtitle{ padding:10px 0 10px 0; margin-bottom:30px; text-align: center; }
		.subtitle h2 {margin-bottom:15px; line-height:36px; color:#333333; font-size:24px; font-weight:600; text-align:center; }
		.subtitle .title_des{line-height:30px; color:#666666; font-size:16px; text-align:center; }

		.seo_text{width:100%; padding:20px 0 10px; background-color: #ECF5FF;  }
		.seo_text dl{ min-height:60px; }
		.seo_text dl dd {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:100%; padding:15px 10px 15px 60px; box-shadow:0 0 4px 2px rgba(0,0,0,.1); margin-bottom:40px; border-radius:10px; background-color:#ffffff; position:relative; }
		.seo_text dl dd .seo_icon{display:block; width:50px; height:100%; background: url(../img/seo_icon1.png) no-repeat left center; background-size: 100% auto; overflow:hidden; position:absolute; left:0; top:0; }
		.seo_text dl dd .seo_icon2{background-image: url(../img/seo_icon2.png); }
		.seo_text dl dd .seo_icon3{background-image: url(../img/seo_icon3.png); }
		.seo_text dl dd .seo_icon4{background-image: url(../img/seo_icon4.png); }
		.seo_text dl dd .seo_icon5{background-image: url(../img/seo_icon5.png); }
		.seo_text dl dd .seo_icon6{background-image: url(../img/seo_icon6.png); }
		.seo_text dl dd .seo_icon7{background-image: url(../img/seo_icon7.png); }

		.seo_text dl dd h3{width:100%; line-height:32px; margin-bottom:10px; font-size:20px; color:#333333; }
		.seo_text dl dd p{width:100%; line-height:26px; font-size:14px; color:#666666; }

		.bottom_link{ min-height:60px; padding:25px 0 30px 0;  }
		.bottom_link h3{height:45px;line-height:45px; text-align:center; font-size:20px; font-weight:600; color:#333333; }
		.bottom_link .link_list{ font-size:0; }
		.bottom_link .link_list a{display:inline-block; padding:0 8px;height:28px;line-height:28px; margin-right:10px; font-size:16px; color:#666666; text-decoration:none;}
		.footer{width:100%; background-color:#0E1834; padding:15px 0 15px 0; }
		.footer p{ min-height:30px; line-height:30px; text-align:center; color:#ffffff;font-size:14px; }
		.footer a{ color:#ffffff;text-decoration:none;}
	
	.contact_mode{
		display: none;
	}
}