/******************************html***********************************/
/*class*/
#html{position:relative;overflow:hidden;}
#body{width:100%;background:white;}
#body.fd{position:relative;z-index:20;}
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }
body{padding-bottom:60px;}
.clear{display: block;content: '';clear:both;}
/******************************common***********************************/
/*bans(topa)*/
#bans{width:100%;position:relative;overflow:hidden;}
#bans .swiper-slide{background:#000;}
#bans img{width:100%;display:block;}
#bans video{width:100%;display:block;}
#bans .swiper-pagination{bottom:0px;}

/*foot(foot)*/
#foot{padding:2%;background:#020c1a url("../img/s1_10.png") no-repeat;background-size:100%;overflow:hidden;color:white;text-align: center;}
#foot #foot_logo{display:block;margin:30px auto;}
#foot #rex{margin-bottom:20px;}
#foot #rex span{font-size:18px;}
#foot #rex p{font-size:36px;margin-top:10px;}
#foot dl{line-height:40px;font-size:16px;}

#footer{padding:2%;color:white;overflow:hidden;text-align: center;border-top:1px solid #eee;}
#footer a{color:white;}

#tabber{width:100%;max-width:700px;height:60px;background:white;border-top:1px solid #ddd;position: fixed;bottom:0;left:50%;z-index: 999;}
#tabber ul li{width:25%;float:left;text-align: center;}
#tabber ul li img{width:35px;display: block;margin:5px auto;}
#tabber ul li a.me{color:#02427f}


/*navs(foot)*/
#navs{width:100%;position: absolute;left:100%;top:0;z-index:997;background:#fff;}

/*nav_t(foot)*/
#nav_t{height:50px;padding:5px 0;background:white;position:relative;}
#nav_t a#ht{width:40px;height:100%;line-height:45px;padding-left:2%;position:absolute;top:-2px;display:block;font-size:45px;color: #02427f;}
#nav_t a#lo{display:block;}
#nav_t a#lo img{height:40px;margin:0 auto;display:block;}

/*nav_c(foot)*/
#navs #nav_c ul li a{line-height:47px;padding:0 5%;display:block;font-size:15px;border-bottom:1px solid #eee;}
#navs #nav_c ul li.bg{background:#f6f6f6;}
#navs #nav_c ul li dl{display:none;}
#navs #nav_c ul li dd{width:95%;margin-left:5%;}
#navs #nav_c ul li dd a{color:#888;}
#navs #nav_c ul li a span{width:20px;height:47px;float:right;color:#999;background:url("../img/d_foot3.png") no-repeat 2px 17px;background-size:70%;display:block;}
#navs #nav_c ul li a.xl span{background:url("../img/d_foot3.png") no-repeat 0px -55px;background-size:70%;}
#navs #nav_c ul li a.xl:hover span{background:url("../img/d_foot3.png") no-repeat 0px -90px;background-size:70%;}
#navs #nav_c ul li a.me{color:#006699;background:#f6f6f6;}
#navs #nav_c ul li a.me span{color:#006699;background:url("../img/d_foot3.png") no-repeat 3px -19px;background-size:70%;}
#navs #nav_c ul li a:hover{color:#006699;background:#f6f6f6;}
#navs #nav_c ul li a:hover span{color:#006699;background:url("../img/d_foot3.png") no-repeat 3px -19px;background-size:70%;}
#navs #nav_c ul li ul{display:none;}
#navs #nav_c ul li ul li a{padding-left:13%;}
#navs #nav_c ul li div.mtan{width:90%;margin-left:10%;display:none;}
#navs #nav_c ul li div.mtan:after{clear:both;display:block;content:"";}
#navs #nav_c ul li div a{padding:0 5px;display:block;float:left;}

/*topa(index)*/
#topa h1{height:50px;padding:5px 0;background:white;overflow:hidden;position:relative;}
#topa a#ht{width:40px;height:100%;line-height:45px;padding-left:2%;position:absolute;top:-2px;display:block;font-size:45px;color: #02427f;}
#topa a#lo{display:block;}
#topa a#lo img{height:40px;margin:0 auto;display:block;}
#topa h1 a#cd{width:50px;height:100%;position:absolute;top:0;right:0;display:block;}
#topa h1 a#cd img{width:28px;margin:12px auto;display:block;}

/*topb(topb)*/
#topb h1{height:50px;padding:5px 0;background:white;overflow:hidden;position:relative;}
#topb a#lo{display:block;}
#topb h1 a#shuangyu{width:40px;height:50px;line-height:50px;display: block;text-align:center;color:white;font-weight:normal;font-size:15px;background:url('../../static/img/zy01.png') center no-repeat;position:absolute;right:50px;top:0;z-index: 5}
#topb h1 a#lo img{height:40px;display:block;margin-left:10px;}
#topb h1 a#cd{width:50px;height:100%;position:absolute;right:0;top:0;display:block;}
#topb h1 a#cd img{width:28px;margin:12px auto;display:block;}

/*float*/
.to_top#type2{width:60px;padding:5px;display:none;background:white;border-radius: 5px;position: fixed;bottom:100px;right:10px;z-index: 98;}
.to_top#type2 ul li{width:50px;height:50px;border:1px solid #e5e5e5;border-radius:5px;text-align:center;margin:0 auto;margin-top:5px;position: relative}
.to_top#type2 ul li:first-child{margin-top:0;}
.to_top#type2 ul li img{width:30px;display:block;margin:10px auto;}
.to_top#type2 ul li a{width:100%;height:100%;display:block;border-radius:5px;}

/*bans(topa)*/
#bans{width:100%;position:relative;overflow:hidden;}
#bans img{width:100%;display:block;}
#bans .swiper-pagination{bottom:0px;}

/*gy_top*/
.gy_top{padding:30px 0;text-align:center;font-size:20px;}
.gy_top  p{color:#000;font-size:26px;}
.gy_top span{color:#01458e;display: block}
.gy_top strong{line-height:50px;font-weight: normal;color:#aaa;font-size:14px;}

    /*ind1*/
#ind1{margin-top:2%;}
#ind1 .cent{padding:2%;background:#eceff4;}
#ind1 #ind1_l #ind1_tit{font-size:24px;color:#000;}
#ind1 #ind1_l #ind1_abou{line-height:30px;color:#555;margin-top:7%;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
#ind1 #ind1_l a{width:130px;line-height:40px;border-radius: 7px;display: inline-block;text-align: center;background:#01458e;color:white;margin-top: 7%;}
#ind1 #ind1_l a:hover{opacity: 0.7}
#ind1 #ind1_l a.lx{background:#333;margin-left:30px;}
#ind1 #ind1_l ul{padding-bottom:30px;margin-top:10%;border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;}
#ind1 #ind1_l ul:after{display:block;clear:both;content:''}
#ind1 #ind1_l ul li{width:50%;margin-top:7%;float:left;text-align: center;}
#ind1 #ind1_l ul li p{color:#01458e;font-size:36px;font-weight: bolder;}
#ind1 #ind1_l ul li p em{font-style: normal;}
#ind1 #ind1_l ul li p i{font-style: normal;font-size:14px;}
#ind1 #ind1_l ul li span{color:#555;}
#ind1 #ind1_r img{width:100%;display:block;}

/*ind2*/
#ind2{padding:50px 0;background:url('../../static/img/ind2_bg.jpg') center no-repeat;background-size:100% 100%;margin-top:10px;background-attachment: fixed;color:white;text-align:center;}
#ind2 #ind2_tit{font-size:24px;}
#ind2 #ind2_abou{font-size:16px;margin-top:50px;}
#ind2 ul{margin-top:50px;}
#ind2 ul:after{display:block;clear:both;content:''}
#ind2 ul li{width:27.3%;margin:3%;float:left;background:white;}
#ind2 ul li img{width:50%;display: block;margin:0 auto;margin-top:15%;}
#ind2 ul li span{line-height:40px;color:#333;display: block;font-size:15px;}

/*ind3*/
#ind3{padding-bottom:50px;background:#eceff4;}
#ind3 #ind3_nav{width:98%;padding:10px 0;margin:0 1%;background:white;text-align: center}
#ind3 #ind3_nav a{padding:5px 10px;color:#555;display: inline-block;border-radius: 5px;margin:0 10px;font-size:15px;}
#ind3 #ind3_nav a:hover,#ind3 #ind3_nav a.me{background:#01458e;color:white;}
#ind3 .dl:after{display:block;clear:both;content:''}
#ind3 .dl .dd{width:46%;float:left;margin:2%;background:#f7f7f7;}
#ind3 .dl .dd img{width:100%;display:block;}
#ind3 .dl .dd span{line-height:30px;font-size:16px;color:#000;background:#d6dbe1;text-align:center;display:block;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}

/*ind4*/
#ind4{padding-bottom: 50px;}
/*
#ind4 .in_plan_w .in_plan {padding: 20px 0 60px;}
#ind4 .roundabout_box {width: 90%;margin: 0 auto;}
#ind4 .roundabout_box ul {margin: 0 auto;}
#ind4 .roundabout_box ul li {width: 90%;text-align: center;}
#ind4 .roundabout_box ul li img {width: 100%;box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.1);border-radius: 10px;overflow: hidden;}
*/
#ind4 .swiper{width:90%;height: 100%;margin-top:30px;}
#ind4 .swiper-slide {width:50%;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;}
#ind4 .swiper-slide img{width:90%;display:block;border:1px solid #999;}
#ind4 #ind7_c{width:90%;margin:0 auto;overflow: auto}



/*ind5*/
#ind5{padding-bottom:30px;background:url('../../static/img/ind2_bg.jpg') center no-repeat;background-size:100% 100%;background-attachment: fixed;color:white;}
#ind5 .gy_top p{color:white;}
#ind5 .gy_top span{color:white;}
#ind5 ul li{padding:2% 3%;margin:2%;background:#0b80ca;display: flex}
#ind5 ul li div.img{width:70px;height:70px;margin-right:10%;overflow:hidden;position: relative}
#ind5 ul li div.img img{width:100%;display: block}
#ind5 ul li div.div{flex: 1;}
#ind5 ul li span{display: block;font-size:18px;font-weight:bold}
#ind5 ul li p{margin-top:10px;}

/*ind6(newf)*/
#ind6{padding-bottom: 50px;background:#eceff4;}
#ind6 #ind6_nav{line-height:50px;font-size:22px;text-align: center;}
#ind6 #ind6_nav a{padding:5px 8px;margin:0 5px;display:inline-block;}
#ind6 #ind6_nav a:hover,#ind6 #ind6_nav a.me{color:#01458e;}
#ind6 ul#ul{display: none}
#ind6 ul#ul li{background:white;margin-top:10px;}
#ind6 ul#ul li a{width:100%;padding:2%;display: flex;}
#ind6 ul#ul li img{width:150px;height:90px;display: block;margin-right: 2%;}
#ind6 ul#ul li div{flex: 1;}
#ind6 ul#ul li div h3{width:95%;height:40px;line-height:40px;font-size:18px;color:#000;display:block;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;word-wrap:break-word}
#ind6 ul#ul li div p{width:95%;height:40px;color:#777;margin-top:10px;word-wrap:break-word;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

/*ind7*/
#ind7{padding-bottom: 80px;}
#ind7 .swiper{width:90%;height: 100%;margin-top:30px;}
#ind7 .swiper-slide {width:50%;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;}
#ind7 .swiper-slide img{width:80%;display:block;}
#ind7 #ind7_c{width:90%;margin:0 auto;overflow: auto}
/*ind8*/
#ind8{padding-bottom:50px;background:#eceff4;}
#ind8 .swiper{width:90%;height: 100%;margin-top:30px;}
#ind8 .swiper-slide {width:50%;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;}
#ind8 .swiper-slide img{width:90%;display:block;border:1px solid #999;}
#ind8 #ind7_c{width:90%;margin:0 auto;overflow: auto}

/*part*/
#part ul:after{display:block;clear:both;content:''}
#part ul li{width:48%;margin:1%;float:left;background:white;border:1px solid #999;position: relative;overflow:hidden;}
#part ul li img{width:100%;display:block;position: absolute;top:0;left:0;z-index: 5}
#part li img:last-child{top:100%;}
/*abou*/
.abou #ind1_abou{min-height:120px;line-height:30px;color:#555;margin-top:7%;}
#abou_sjz{padding:10px;}
#abou_sjz_bot{margin-top:10px;}
#abou_sjz_bot .dl{padding:10px 0;}
#abou_sjz_bot .dl:after{display:block;clear:both;content:''}
#abou_sjz_bot .dl img{width:100%;display:block;}
#abou_sjz_bot .dl .dd{line-height:35px;font-size:16px;}

/*案例*/
#casf .cass ul:after{display:block;clear:both;content:''}
#casf .cass ul li{width:46%;padding:1%;float:left;margin:2%;border:1px solid #eee}
#casf .cass ul li:hover{box-shadow: 3px 3px 3px #ccc,-3px -3px 3px #ccc}
#casf .cass ul li img{width:100%;display:block;}
#casf .cass ul li a.tit{height:50px;line-height:50px;background:#f5f5f5;display: block;font-size:18px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
#casf .cass ul li a.tit:hover{color:#03458e}


/*newn*/
#newsi{padding-top:2%;background:#eee;}
#newsi:after{display:block;clear:both;content:''}
#newn{padding:20px;padding-bottom:70px;background:white;position: relative;}
#newn .tit{min-height:100px;margin-bottom:10px;text-align:center;}
#newn .tit h3{line-height:60px;margin-bottom:15px;font-size:24px;color:#333;text-align:center;font-weight:normal;border-bottom:1px solid #ddd;}
#newn .tit ul{text-align:center;}
#newn .tit ul li{padding:0 10px;display:inline-block;border-left:1px solid #aaa;color:#333;}
#newn .tit ul li:first-child{border:none;}
#newn .tit ul li a{color:#333;}
#newn .tit ul li a:hover{color:#fe9309}
#newn .cont{line-height:35px;min-height:290px;font-size:16px;overflow:hidden;}
#newn .cont img{max-width:100%;}
#newn .abou{width:96%;line-height:35px;padding:10px;background:#f3f3f3;margin:0 auto;margin-bottom:20px;}
#newn ul#ul{width:100%;position: absolute;left:0;bottom:20px;}
#newn ul#ul li{width:95%;height:30px;line-height:30px;overflow:hidden;margin:0 auto;}
#newn ul#ul li a{width:100%;height:30px;line-height:30px;overflow:hidden;display:block;}

/*lxwm*/
#lxwm1:after{display:block;content:'';clear:both;}
#lxwm1l{line-height:50px;font-size:18px;color:#555;}
#lxwm1l img{width:80%;margin:0 auto;display:block;}
#lxwm1l dd{display:flex}
#lxwm1l span{width:100px;float:left;display:block;}
#lxwm1l p{flex: 1;}
#lxwm2{background:#eaeaea;}
#lxwm2:after{display:block;content:'';clear:both;}
/*map(lxwm)*/
#map{width:100%;}
#map #dituContent{width:100%;padding-bottom:5%;}
#map #dituContent img{width:100%;display:block;}

/*mess*/
#mess #mesn div {width:90%;line-height:50px;margin:30px auto;font-size:16px;}
#mess #mesn div input[type='text']{width:100%;height:50px;line-height:50px;text-indent:10px;display: inline-block;background:#eee;color:#999;border:none;}
#mess #mesn div input:focus,#mess #mesn div textarea{outline:none}
#mess #mesn div select{width:100%;height:50px;line-height:50px;text-indent:10px;display: inline-block;background:#eee;color:#999;border:none;}
#mess #mesn div textarea{width:100%;min-height:200px;padding:0 10px;line-height:40px;background:#eee;color:#999;border:none;}
#mess #mesn a.tijiao{width:200px;line-height:50px;display: block;margin:50px auto;text-align: center;background:#01458e;color:white;font-size:18px;}
#mess #mesn a.tijiao:hover{opacity: 0.7}
