@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0;font-size:14px;line-height:22px;font-family:Microsoft YaHei,黑体,Verdana,Arial,sans-serif;-webkit-text-size-adjust:none;color:#000;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
img{border:0;vertical-align:bottom;}
ul,li{list-style-type:none;}
a{color:#000;text-decoration:none;transition:all 0.3s;}
input:focus,select:focus,option:focus,textarea:focus{ outline:none;}
textarea,input[type=date],input[type=number]{ resize:none; border: none;}
button:hover,input[class*=b]:hover{ cursor:pointer;}
i,u{font-style: normal;font-weight: normal;}
.tl{text-align:left;}.tc{text-align:center;}.tr{text-align:right;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}
.f12{font-size:12px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.rel{position:relative;}
.min_w{min-width:1200px;}
.container{width:1200px;margin:0 auto;}

/*header*/
.top_box{height:110px;}
.top_tel{margin-top:30px;line-height:20px;background:url(../images/tel.png) no-repeat left center;padding-left:60px;}
.top_tel span{font-size:26px;line-height:40px;font-family:impact;color:#228ddb;}
.nav_bg{height:50px;background:#228ddb;z-index:99;position:relative;}
.nav_list li{display:inline-block;color:#4caff7;background:url(../images/nav_line.jpg) no-repeat right center;position:relative; height:50px;}
.nav_list li:last-of-type{background:none;}
.nav_list li>a{display:block;line-height:20px;padding:3px 40px;overflow:hidden;color:#fff;border-bottom:#228ddb solid 2px;text-transform:uppercase;text-align:left;position:relative;}
.nav_list li:hover>a{color:#228ddb;background:#e1f2ff;}
.nav_list li>a:after{content:"";position:absolute;left:50%;bottom:-10px;margin-left:-6px;border:transparent solid 6px;border-bottom:#228ddb solid 6px;transition:all .3s linear;}
.nav_list li:hover>a:after{bottom:0px;}

.nav_meau{display:none;position:absolute;left:0;top:50px;width:100%;padding:10px;box-sizing:border-box;background:#fff;z-index:999;}
.nav_meau>a{display:block;line-height:40px;}
.nav_meau>a:hover{color:#228ddb;}

/* banner */
.banner{ width:100%; height:365px; overflow:hidden; position:relative;}
.b-img{ height:365px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:365px; float:left;}
.b-list{ height:50px; padding-top:340px; position:relative; margin:0 auto;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:14px; height:14px; border-radius:7px; float:left; margin:0 5px; _margin:0 3px;background:#228ddb;}
.b-list .spcss{width:30px;background:#228ddb;}

/*index*/
.index_list{padding:30px 0;}
.index_list li{width:400px;float:left;padding:0 20px;border-right:#eee solid 1px;box-sizing:border-box;transition:all .5s linear;}
.index_list li img{transition:all .6s linear;}
.index_list li:hover img{transform:rotate(360deg);}
.index_list li:last-of-type{border-right:none;}
.index_list_con{width:300px;}
.index_list_con h3{font-size:16px;}
.index_list_text{margin:10px 0;height:50px;line-height:25px;color:#666;}
.index_list_btn{display:block;width:170px;height:35px;line-height:35px;background:#d0e6ff;color:#4685f9;}
.index_img{margin-bottom:50px;}

.about_bg{padding:30px 0;background:#f8f8f8;}
.about_tit{height:80px;line-height:80px;font-size:24px;position:relative;font-weight:bold;}
.about_tit:before{content:"";position:absolute;left:50%;top:0;margin-left:-25px;width:50px;height:2px;background:#228ddb;}
.about_con{padding:20px 100px;line-height:30px;color:#666;}

.about_list{width:1000px;height:280px;position:relative;padding:10px 100px;}
.about_list .hd{overflow:hidden; z-index:1;}
.about_list .hd ul{overflow:hidden;zoom:1;margin-left:-50px;}
.about_list .hd ul li{float:left;cursor:pointer;width:300px;height:40px;line-height:40px;border:#333 solid 1px;box-sizing:border-box;margin-left:50px;text-align:center;}
.about_list .hd ul li img{display:inline-block;}
.about_list .hd ul li i{color:#999;padding-left:10px;}
.about_list .hd ul li.on{border:#228ddb solid 1px;color:#228ddb;}
.about_list .hd ul li.on i{color:#228ddb;}
.about_list .hd ul li .db{display:inline-block;}
.about_list .hd ul li .dn{display:none;}
.about_list .hd ul li.on .db{display:none;}
.about_list .hd ul li.on .dn{display:inline-block;}

.about_list .bd{position:relative;}
.about_list .bd li{height:200px;padding:10px 30px;margin-left:30px;margin-top:30px;background:#edecec;margin-bottom:40px;zoom:1;vertical-align:middle;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.about_list .prev,
.about_list .next{position:absolute;top:120px;display:block;width:40px;height:40px;}
.about_list .prev{background:url(../images/btn_left.png) no-repeat;left:10px;}
.about_list .next{background:url(../images/btn_right.png) no-repeat;right:10px;}
.about_list .prev:hover{background:url(../images/btn_left2.png) no-repeat;}
.about_list .next:hover{background:url(../images/btn_right2.png) no-repeat;}

.about_list_pic{width:200px;}
.about_list_pic img{position:absolute;left:-60px;top:-40px;}
.about_list_con{width:650px;}
.about_list_con h3{color:#4186b1;line-height:60px;font-size:18px;font-weight:normal;}
.about_list_text{height:50px;line-height:25px;padding-left:20px;border-left:#228ddb solid 2px;margin:15px 0 40px;overflow:hidden;}
.about_list_more{color:#666;}

.pro_box{padding:30px 0;}
.pro_text{padding:30px 100px;font-size:16px;line-height:30px;color:#666;}
.pro_list li{width:270px;margin-right:10px;float:left;}
.pro_logo{position:absolute;right:0;top:15px;width:420px;height:300px;line-height:30px;background:#faf9f9;padding:30px 50px;box-sizing:border-box;}
.pro_logo_pic{margin-bottom:20px;}

.adv_pic{height:135px;}

.join_pic{margin:50px auto;height:500px;padding-top:70px;background:url(../images/join_pic.png) no-repeat center bottom;}
.join_center{position:absolute;top:250px;left:530px;font-size:60px;line-height:70px;color:#228ddb;}
.join_tit{position:absolute;color:#fff;font-size:30px;line-height:35px;}
.join_tit01{top:140px;left:490px;}
.join_tit02{top:260px;left:380px;}
.join_tit03{top:430px;left:440px;}
.join_tit04{top:140px;right:470px;}
.join_tit05{top:310px;right:390px;}
.join_tit06{top:440px;right:520px;}
.join_text{position:absolute;line-height:22px;}
.join_text01{left:10px;top:0;width:390px;}
.join_text02{left:10px;top:230px;width:340px;}
.join_text03{left:10px;top:470px;width:340px;}
.join_text04{right:10px;top:0;width:390px;}
.join_text05{right:10px;top:230px;width:340px;}
.join_text06{right:10px;top:470px;width:390px;}
.join_tel{width:320px;margin:0 auto 60px;height:60px;line-height:60px;font-size:22px;color:#fff;background:#ff6600;border-radius:30px;}

.link_list{padding:50px 0;}
.link_list li{border:#ddd solid 1px;float:left;margin:0 9px;}

.gbook_bg{padding:30px;background:#eee;}
.gbook_box{padding-left:80px;width:600px;}
.gbook_text{color:#999;padding-bottom:20px;}
.w280{width:280px;}
.gbook_inp{width:100%;height:40px;line-height:38px;border:none;border-right:#bbb solid 1px;border-bottom:#bbb solid 1px;box-shadow:2px 2px 5px #bbb;padding:0 20px;box-sizing:border-box;margin-bottom:25px;font-family:"微软雅黑";color:#666;}
.gbook_textarea{height:100px;padding:10px 20px;line-height:30px;}
.gbook_btn{width:100%;height:40px;line-height:40px;background:#228ddb;border:none;color:#fff;}

.contact_box{padding-right:80px;width:350px;}
.contact_text{height:150px;line-height:25px;margin-bottom:15px;color:#666;}
.contact_tel{color:#228ddb;}

/*footer*/
.bot_bg{padding:30px 0;background:#383838;color:#727272;}
.ewm{background:#fff;line-height:30px;margin-right:30px;}
.bot_m{padding-top:10px;}
.bot_tel{height:70px;padding-top:10px;line-height:25px;border-bottom:#727272 solid 1px;background:url(../images/iphone.png) no-repeat left top;padding-left:40px;color:#727272;margin-bottom:10px;}
.bot_tel span{color:#fff;}
.bot_nav{padding-top:60px;line-height:30px;}
.bot_nav a{padding:0 3px;color:#727272;}
.bot_nav a:hover{color:#eee;}

/*main*/
.main_banner{width:100%;height:300px;overflow:hidden; position:relative;margin-bottom:50px;}
.main_banner .hd{height:20px;overflow:hidden;position:absolute;left:0;bottom:10px;width:100%;text-align:center;z-index:99;}
.main_banner .hd ul{overflow:hidden; zoom:1;}
.main_banner .hd ul li{display:inline-block;width:10px;height:10px;margin:0 5px;border-radius:50%;text-align:center;background:#fff;cursor:pointer;font-size:0;}
.main_banner .hd ul li.on{ background:#228ddb; color:#fff; }
.main_banner .bd{ position:relative; height:100%; z-index:0;   }
.main_banner .bd li{height:300px; zoom:1; vertical-align:middle; }

.left{width:240px;}
.right{width:880px;}
.type_list{margin-bottom:50px;}
.type_list dt{height:60px;line-height:60px;background:#fafafa url(../images/m01.png) no-repeat 210px center;border-left:transparent 2px #fafafa;padding:0 20px;border-bottom:#eee solid 1px;font-size:18px;}
.type_list dd{display:none;background:#fff;padding:10px 20px;}
.type_list dd a{display:block;line-height:40px;background:url(../images/m03.png) no-repeat left center;padding-left:20px;}
.type_list dd a:hover{background:url(../images/m04.png) no-repeat left center;color:#228ddb;}
.type_list .on{border-left:#228ddb solid 2px;background:#fafafa url(../images/m02.png) no-repeat 210px center;}

.main_tit{height:60px;line-height:60px;text-transform:uppercase;}
.main_tit span{padding-left:10px;font-size:14px;}
.main_con{min-height:300px;line-height:40px;color:#666;margin-bottom:50px;}
.main_list li{width:176px;height:230px;padding:20px;border:transparent solid 1px;float:left;margin-bottom:55px;transition:all .5s linear;}
.main_list li a{display:block;}
.main_list li:hover{border:#228ddb solid 1px;}

.main_page{margin:2px 0  30px 0;}
.main_page a{display:inline-block;margin:0 5px;border:#ddd solid 1px;padding:0 15px;height:30px;line-height:30px;}
.main_page a:hover{background:#228ddb;color:#fff;border:#228ddb solid 1px;}


.main_news li{margin-bottom:30px;background:url(../images/icon02.jpg) no-repeat 10px 25px;padding-left:30px;}
.main_news li h3{line-height:50px;font-size:18px;font-weight:normal;color:#228ddb;}
.main_news li:hover h3{color:#005492;}
.main_news li a{display:block;color:#666;line-height:30px;}


.grey9{color:#666;}

/*地图弹出 */
.map_pop{width:600px;height:230px;padding:30px;margin:30px 0;font-size:14px;line-height:30px;box-sizing:border-box;background:rgba(255,255,255,.8);border:#ddd solid 1px;border-radius:10px;overflow-y:auto;z-index:99;position:relative;}
.map_close{position:absolute;right:10px;top:0px;}



.about_type{width:1000px;margin:0 auto;overflow:hidden; z-index:1;}
.about_type ul{overflow:hidden;zoom:1;margin-left:-50px;}
.about_type ul li{float:left;cursor:pointer;width:300px;height:40px;line-height:40px;border:#333 solid 1px;box-sizing:border-box;margin-left:50px;text-align:center;}
.about_type ul li:hover{border:#.about_type ul li a solid 1px;color:#228ddb;}
.about_type ul li a{display:block;}
.about_type ul li a:hover{color:#228ddb;}
.about_type ul li img{display:inline-block;}
.about_type ul li i{color:#999;padding-left:10px;}
.about_type ul li:hover i{color:#228ddb;}
.about_type ul li .db{display:inline-block;}
.about_type ul li .dn{display:none;}
.about_type ul li:hover .db{display:none;}
.about_type ul li:hover .dn{display:inline-block;}