/*
 * 公用样式
 */

html{font-family:'微软雅黑','Microsoft YaHei';color:#332c2a;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,table,td,img,div,dl,dt,dd,input,figure{margin:0;}
ul,ol,input,textarea{padding:0;}
body{width:100%;min-width:1200px;text-align:left;-webkit-overflow-scrolling:touch;}
a,a:hover{text-decoration:none;outline:none;}
li{list-style:none;}
img{border:none;}
input,select,textarea{font-family:'微软雅黑','Microsoft YaHei';outline:none;}
em,i{font-style:normal;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
.f_right{float:right!important;}
.f_left{float:left!important;}
.clearfix{*zoom:1;margin: 0 auto;}
.clearfix:after{display:block;visibility:hidden;clear:both;height:0;content:'';}
.nowrap{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.nowrap2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.nowrap3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.nowrap4{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:4;}

/*通用样式*/
.w_1200{width:1200px;margin:0 auto; }
.btn_style{display:inline-block;padding:5px 20px;-webkit-transition:all .5s;transition:all .5s;color:#fff;border:2px solid #f9b530;border-radius:25px;background:#1db8fb;}
.btn_style:hover{color:#1db8fb;background:#fff;box-shadow:0 0 10px #fff;}
.icon_star01{display:inline-block;width:20px;height:11px;vertical-align:middle;background:url(../image/star_01.png) no-repeat center;}
.icon_star02{display:inline-block;width:50px;height:41px;vertical-align:middle;background:url(../image/star_02.png) no-repeat center;}
.icon_star03{display:inline-block;width:40px;height:23px;vertical-align:middle;background:url(../image/star_03.png) no-repeat center;}
.icon_phone{display:inline-block;width:40px;height:36px;vertical-align:middle;background:url(../image/icon_phone.png) no-repeat center;}
.icon_qq{display:inline-block;width:25px;height:21px;margin-right:5px;-webkit-transition:all .5s;transition:all .5s;vertical-align:middle;background:url(../image/icon_qq.png) no-repeat center;}

/*返回顶部*/
.topmove{position:fixed;z-index:-999;right:5%;bottom:10%;width:64px;height:64px;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;opacity:0;border:2px solid #4e4692;background:url(../image/retop.png) no-repeat center #eee;-webkit-box-shadow:0 0 5px #4e4692;box-shadow:0 0 5px #4e4692;}
.topmove:hover{opacity:1;border-radius:64px;background:url(../image/retop.png) no-repeat center #c1baff;}

/* ==================== 头部 ==================== */
.header{height:130px;background:#fff;}
.header .w_1200{display:table;height:116px;}
.header .cell{display:table-cell;height:116px;vertical-align:middle;}
.header .cell img{display:inline-block;max-height:100%;vertical-align:middle;margin-left: 6px;}
.header .h_logo{width:200px; text-align: right;}
.header .h_cpname{width:300px;}
.header .h_cpname h1{font-size:26px;font-weight:bold;position:relative;display:inline-block;text-align:center;color:#f9b530;}
.header .h_cpname .icon_star02{position:absolute;top:0;}
.header .h_cpname .icon01{left:-50px;}
.header .h_cpname .icon02{right:-50px;}
.header .h_slogan{width:350px;}
.header .h_slogan p{font-size:18px;line-height:28px;color:#1db8fb;}
.header .h_slogan .icon_star01{margin-right:5px;}
.header .h_phone .link{font-size:14;text-align:center;width:210px;}
.header .h_phone .link a{font-size:14px;display:inline-block;padding:0 10px;color:#1db8fb;border-right:1px solid #babacc;}
.header .h_phone .link a:hover{text-decoration:underline;}
.header .h_phone .phone{width:210px;margin-top:15px;text-align:center;color:#1db8fb; }
.header .h_phone .phone span{display:inline-block;vertical-align:middle;}
.header .h_phone .phone .icon_phone{margin-right:3px;}

/* ==================== 导航 ==================== */
.main_nav{height:55px;}
.main_nav .nav_box{width:100%;height:55px;transition:all .5s;background:#1db8fb;}
.main_nav .nav_box.on{position:fixed;z-index:999;top:0;animation-name:fadeInDown;animation-duration:1s;animation-fill-mode:both;}
.main_nav .nav_list li{float:left;width:150px;height:55px;}
.main_nav .nav_list li a{line-height:36px;display:block;width:99px;height:36px;margin-top:10px;-webkit-transition:all 1s;transition:all 1s;text-align:center;color:#fff;}
.main_nav .nav_list li a:hover,.main_nav .nav_list li a.active{background:url(../image/nav_active1.png) no-repeat center;}

/* ==================== 轮播 ==================== 
.banner{position:relative;width:100%;height:600px;}
.banner .slide_box{height:600px;}
.banner .slide_box .slide_item{height:600px;background-size:cover;}
.banner .slide_box .slide_item img{display:block;width:100%;height:100%;}
.banner .w_1200{position:absolute;top:0;left:50%;height:100%;margin-left:-600px;}
.banner .slide_btn{font-size:0;position:absolute;bottom:22px;width:100%;text-align:center;}
.banner .slide_btn li{display:inline-block;zoom:1;width:15px;height:15px;margin:0 3px;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;vertical-align:middle;border:1px solid #737373;border-radius:50%;background:#fff;}
.banner .slide_btn li.on{border:1px solid #db0a1f;background:#db0a1f;}*/

/* ==================== 轮播 ==================== */
.banner{position:relative;width:100%;height:400px;box-sizing: border-box;background: url(../image/banner_bg.jpg) no-repeat top center;overflow: hidden;}
.banner .slide_box{height:400px;}
.banner .slide_box .slide_item{height:400px;position: relative;}
.banner .slide_box .slide_item .line{height: 5px; position: relative; background-color: #f9b530;}
.banner .slide_box .slide_item .p1{position: absolute;left: 50%;top: 0;margin-left: -680px;}
.banner .slide_box .slide_item .p2{position: absolute;left: 50%;top: 0;}
.banner .slide_box .slide_item.animate .p1{animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.banner .slide_box .slide_item.animate .p2{animation-name:fadeInRight;-webkit-animation-name:fadeInRight;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.banner .w_1200{position:absolute;top:0;left:50%;height:100%;margin-left:-600px;}
.banner .slide_btn{font-size:0;position:absolute;bottom:45px;width:100%;text-align:center;}
.banner .slide_btn li{display:inline-block;zoom:1;width:40px;height: 6px;margin:0 5px;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;vertical-align:middle;border:2px solid #3781ff;border-radius: 6px;background: transparent;}
.banner .slide_btn li.on{border:2px solid #3781ff;background:#3781ff;}

.banner .banner-form-box{position: absolute; z-index: 999; width: 220px; height: 350px; right: 2%; background: #fdfbfb; top:16px;}
.banner .banner-form-box .contact-title{ line-height: 2.5rem; width: 100%; font-size: 1rem; text-align: center; margin-top: 20px; background-color: #fb0101;color: #F8F6F6;}
.banner .banner-form-box .contact-title-s{width: 100%; font-size: 0.9rem; text-align: center; margin-top: 10px;}
.banner .banner-form-box .contact-info{width: 90%; margin: 10px 5%;}
.banner .banner-form-box .contact-info .form-line{width: 100%; margin: 10px 0px;}
.banner .banner-form-box .contact-info .form-line input,select{width: 100%; height: 38px; line-height: 38px;}
.banner .banner-form-box .contact-info .form-line button {width: 50%; background:  #fb0101; height: 30px; line-height: 30px; border: 0px; color: #fff; font-size: 1rem; margin-top: 5px;}
/* ==================== 底部 ==================== */
.footer{background:#1db8fb;}
.footer .f_nav_box{padding-bottom:30px;background:url(../image/line_01.png) repeat-x bottom;}
.footer .f_nav_list{font-size:0;padding-top:25px;text-align:center;}
.footer .f_nav_list li{display:inline-block;zoom:1;margin:0 20px;}
.footer .f_nav_list li a{font-size:16px;color:#fff;}
.footer .f_nav_list li a:hover{text-decoration:underline;}
.footer .f_info{display:table;width:100%;margin-top:50px;}
.footer .f_info .f_cell{display:table-cell;vertical-align:middle; text-align: left;}
.footer .f_info .f_logo{width:300px;}
.footer .f_info .f_phone{width:430px;color:#fff;}
.footer .f_info .f_phone .p_style01{font-size:22px;margin-bottom:8px;}
.footer .f_info .f_phone .p_style01 span{color:#db0a1f;}
.footer .f_info .f_phone .p_style02{font-size:16px;margin-bottom:3px;}
.footer .f_info .f_phone .p_style03{font-size:12px;line-height:26px;}
.footer .f_info .f_qrcode{width:160px;}
.footer .f_info .f_qrcode .ewm{font-size:16px;display:table-cell;text-align:center;color:#fff;}
.footer .f_info .f_qrcode .img{width:94px;height:94px;margin-bottom:15px;}
.footer .f_info .f_qrcode .img img{display:block;width:100%;height:100%;}

.footer .f_info .f_link .btn_style span{display:inline-block;vertical-align:middle;}
.footer .f_info .f_link .btn_style .icon_qq{background-position:0 0;}
.footer .f_info .f_link .btn_style:hover .icon_qq{background-position:0 -25px;}
.footer .copyright{font-size:12px;padding:30px 0;text-align:center;color:#fff;}
@keyframes fadeInDown{
	from{transform:translate3d(0,-100%,0);opacity:0;}
	to{transform:none;opacity:1;}
}