html,body{font-size:625%;font-family:Microsoft YaHei; word-wrap:break-word;font-family:"Microsoft YaHei","微软雅黑","MicrosoftJhengHei","华文细黑","STHeiti,MingLiu";background:#F7F7F7;}

/*html,body{font-size:625%;font-family:Microsoft YaHei; word-wrap:break-word;font-family:webfont !important;background:#F5F7F6;*/

#header{width:100%;font-size:0.12rem;}
#header .head01{width:100%;background:#fff;}
#header .head01 .head01_c{width:1200px; margin:0px auto;height:0.8rem; position:relative;}
#header .head01 .head01_c .logo{width:175px; height:0.8rem; float:left; overflow:hidden;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;text-align:center;}
#header .head01 .head01_c .logo img{max-width:100%;display:block;}

#header .head01 .head01_c .shop{width:157px; height:0.8rem; float:left; overflow:hidden; margin-left:20px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;text-align:center;}
#header .head01 .head01_c .shop img{max-width:100%;display:block;}

#header .head01 .head01_c .nav{width:660px;float:left;margin-left:50px;}
#header .head01 .head01_c .nav .getAppNav{display:none;}
#header .head01 .head01_c .nav ul{width:100%;}
#header .head01 .head01_c .nav ul li{width:16.6%; float:left; height:0.8rem;text-align:center; position:relative; z-index:200;}
#header .head01 .head01_c .nav ul li > a{color:#333; font-size:0.14rem; display:inline-block; border-top:2px solid #fff; line-height:0.78rem;width:100%; text-align:center;}
#header .head01 .head01_c .nav ul li > a:hover{color:#2882E8;border-top:2px solid #2882E8;background:#F3F3F3;}
#header .head01 .head01_c .nav ul li > a.on{color:#2882E8;border-top:2px solid #2882E8;background:#F3F3F3;}

#header .head01 .head01_c .nav ul li .showbox{ position:absolute;left:0px; top:0.8rem; width:100%;background:#F1F1F1;/*border-top:2px solid #00BAFF;*/ display:none;padding-bottom:3px;box-shadow:5px 5px 5px #333;-webkit-box-shadow:5px 5px 5px #333;-moz-box-shadow:5px 5px 5px #333;}

#header .head01 .head01_c .nav ul li .showbox a{width:100%; text-align:center; display:block; line-height:0.2rem; font-size:0.14rem;color:#333; padding:10px 0px;}
#header .head01 .head01_c .nav ul li .showbox a:hover{color:#2882E8;}

#header .head01 .head01_c .search{width:128px; height:28px; border:1px solid #8A8787; border-radius:3px; overflow:hidden; float:right; margin-top:0.25rem;}
#header .head01 .head01_c .search .s_input{width:80%;border:0px; line-height:28px; padding:0px 5px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#header .head01 .head01_c .search .s_btn{width:20%;border:0px; background:none; font-family:iconfont !important; font-size:0.14rem; line-height:0.28rem;color:#8A8787}

#header .banner{width:100%;position:relative; overflow:hidden;}
#header .banner img{max-width:100%; display:block;}
#header .banner a.banner_prev{ font-family:iconfont !important;position:absolute;left:2%;top:50%;margin-top:-0.2rem;width:0.4rem;height:0.4rem;border-radius:0.4rem;z-index:100;color:#fff;font-size:0.26rem;text-align:center;line-height:0.4rem;}
#header .banner a.banner_next{ font-family:iconfont !important; position:absolute; right:2%;top:50%;margin-top:-0.2rem;width:0.4rem;height:0.4rem;border-radius:0.4rem;z-index:100;color:#fff;font-size:0.26rem;text-align:center;line-height:0.4rem;}
#header .banner a.banner_prev:hover{ background:#2882E8;}
#header .banner a.banner_next:hover{ background:#2882E8;}
#header .banner .more_page{width:100%; text-align:center; position:absolute; bottom:30px; z-index:99;}
#header .banner .more_page span{width:0.08rem; height:0.08rem; margin:0px 8px;background:none; border:2px solid #fff; opacity:1;}
#header .banner .more_page span.swiper-pagination-bullet-active{background:#2882E8; border:2px solid #2882E8;}

.banneri{width:100%; overflow:hidden;}
.banneri img{max-width:100%;display:block;}

.position{width:100%; overflow:hidden;}
.position .position_c{width:1200px;height:0.6rem; line-height:0.6rem; overflow:hidden; margin:0px auto;font-size:0.14rem;}
.position .position_c a{color:#333333;}
.position .position_c a:hover{color:#2882E8;}


#mainer{width:100%;font-size:0.12rem;}
.productbox{width:100%;}
.productbox .tit{width:100%;background:#F7F7F7;border-bottom:1px solid #DEDEDE;padding-top:30px;}
.productbox .tit .tit_c{width:1200px;margin:0px auto;height:86px; }
.productbox .tit .tit_c h2{ display:inline-block; float:left; font-size:0.24rem; line-height:0.85rem; font-weight:100; position:relative; border-bottom:2px solid #3D3D3D;}
.productbox .tit .tit_c i{ line-height:0.85rem;color:#999; font-style:normal; font-size:0.14rem; padding-left:10px;}
.productbox .tit .tit_c span{ float:right; line-height:0.85rem;}
.productbox .tit .tit_c span a{color:#999; font-size:0.14rem;}
.productbox .tit .tit_c span a:hover{color:#2882E8;}
.productbox .con{width:100%; background:#EFF7F9; overflow:hidden;}
.productbox .con .con_c{width:1200px; margin:0px auto; padding:0.48rem 0px; overflow:hidden;}
.productbox .con .con_c .con_l{width:28%;float:left; overflow:hidden; position:relative; padding-bottom:47%;}
.productbox .con .con_c .con_l img{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; height:100%;width:100%;}
.productbox .con .con_c .con_l a .txt1{width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:0.2rem;position:absolute;left:0px;bottom:0px;animation-duration: 0.2s;-moz-animation-duration: 0.2s;-webkit-animation-duration:0.2s;background:rgba(40,130,232,0.9); height:1rem; display:none;}
.productbox .con .con_c .con_l a .txt{width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:0.2rem;position:absolute;left:0px;bottom:0px;}
.productbox .con .con_c .con_l a .txt p{ line-height:0.2rem;}
.productbox .con .con_c .con_l a .txt p.t1{color:#fff;}
.productbox .con .con_c .con_l a .txt p.t2{color:#999999;}
.productbox .con .con_c .con_l a .txt hr{ display:none;}
.productbox .con .con_c .con_l a .arrow{ display:none;animation-duration: 0.3s;-moz-animation-duration: 0.3s;-webkit-animation-duration:0.3s;}

.productbox .con .con_c .con_l a:hover .txt1{display:block;}
.productbox .con .con_c .con_l a:hover .txt{animation-delay:3s;}
.productbox .con .con_c .con_l a:hover .txt hr{ display:block; border:0px; border-top:1px dotted #5E97D7; margin:0.1rem 0px;}
.productbox .con .con_c .con_l a:hover .arrow{width:0.32rem; height:0.32rem; overflow:hidden; border:1px solid #fff; position:absolute; right:0.2rem; top:0.2rem; font-family:iconfont !important; border-radius:40px; text-align:center; line-height:0.32rem; font-size:0.16rem;color:#fff; display:block;}

.productbox .con .con_c .con_l a.on .txt1{display:block;}
.productbox .con .con_c .con_l a.on .txt{ background:rgb(40,130,232,0.9);}
.productbox .con .con_c .con_l a.on .txt hr{ display:block; border:0px; border-top:1px dotted #5E97D7; margin:0.1rem 0px;}
.productbox .con .con_c .con_l a.on .arrow{width:0.32rem; height:0.32rem; overflow:hidden; border:1px solid #fff; position:absolute; right:0.2rem; top:0.2rem; font-family:iconfont !important; border-radius:40px; text-align:center; line-height:0.32rem; font-size:0.16rem;color:#fff;}

.productbox .con .con_c .con_r{width:70%; float:right; overflow:hidden;}
.productbox .con .con_c .con_r ul{width:100%;}
.productbox .con .con_c .con_r ul li{width:48%;float:left; margin-bottom:3.1%; overflow:hidden; padding-bottom:32%; position:relative;}
.productbox .con .con_c .con_r ul li img{ position:absolute; left:0px; top:0px; right:0px; bottom:0px;width:100%;height:100%;}

.productbox .con .con_c .con_r ul li .txt{width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:0.2rem;position:absolute;left:0px;bottom:0px;}
.productbox .con .con_c .con_r ul li .txt p{ line-height:0.2rem;}
.productbox .con .con_c .con_r ul li p.t1{color:#fff;}
.productbox .con .con_c .con_r ul li p.t2{color:#999999;}
.productbox .con .con_c .con_r ul li hr{ display:none;}
.productbox .con .con_c .con_r ul li a .arrow{ display:none;animation-duration: 0.3s;-moz-animation-duration: 0.3s;-webkit-animation-duration:0.3s;}
.productbox .con .con_c .con_r ul li a .txt1{width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:0.2rem;position:absolute;left:0px;bottom:0px;animation-duration: 0.2s;-moz-animation-duration: 0.2s;-webkit-animation-duration:0.2s;background:rgba(40,130,232,0.9); height:1rem; display:none;}

.productbox .con .con_c .con_r ul li a:hover .txt1{display:block;}
.productbox .con .con_c .con_r ul li a:hover .txt{}
.productbox .con .con_c .con_r ul li a:hover .txt hr{ display:block; border:0px; border-top:1px dotted #5E97D7; margin:0.1rem 0px;}
.productbox .con .con_c .con_r ul li a:hover .arrow{width:0.32rem; height:0.32rem; overflow:hidden; border:1px solid #fff; position:absolute; right:0.2rem; top:0.2rem; font-family:iconfont !important; border-radius:40px; text-align:center; line-height:0.32rem; font-size:0.16rem;color:#fff; display:block;}

.productbox .con .con_c .con_r ul li a.on .txt{ background:rgb(40,130,232,0.9);}
.productbox .con .con_c .con_r ul li a.on .txt hr{ display:block; border:0px; border-top:1px dotted #5E97D7; margin:0.1rem 0px;}
.productbox .con .con_c .con_r ul li a.on .arrow{width:0.32rem; height:0.32rem; overflow:hidden; border:1px solid #fff; position:absolute; right:0.2rem; top:0.2rem; font-family:iconfont !important; border-radius:40px; text-align:center; line-height:0.32rem; font-size:0.16rem;color:#fff;}


.productbox .con .con_c .con_r ul li:nth-child(2n){width:49%;float:right;}
.productbox .con .con_c .con_r ul li:nth-child(3){ margin-bottom:0px;}
.productbox .con .con_c .con_r ul li:nth-child(4){ margin-bottom:0px;}

.aboutbox{width:100%; background:#0F132C;}
.aboutbox .aboutbox_c{width:1200px; margin:0px auto; background:url(../images/aboutbox_bg.jpg) no-repeat center top; background-size:auto 100%; height:520px;}
.aboutbox .aboutbox_c .txt{width:44%; margin:0px 3%; float:right; margin-top:10%;}
.aboutbox .aboutbox_c .txt .tit{width:100%;color:#fff; background:url(../images/line01.png) no-repeat left bottom;}
.aboutbox .aboutbox_c .txt h2{ display:inline-block; float:left; font-size:0.24rem; line-height:0.85rem; font-weight:100; position:relative; border-bottom:2px solid #3D3D3D;}
.aboutbox .aboutbox_c .txt i{ line-height:0.85rem;color:#fff; font-style:normal; font-size:0.14rem; padding-left:10px;}
.aboutbox .aboutbox_c .con{width:100%;overflow:hidden;color:#fff; margin-top:0.2rem;}
.aboutbox .aboutbox_c .con p{ line-height:0.25rem;}

.menubox{width:100%; height:0.75rem; border-bottom:1px solid #E5E5E5;background:#fff;}
.menubox .menubox_c{width:1200px; margin:0px auto;}
.menubox .menubox_c ul{text-align:center;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:flex;justify-content:left;-webkit-justify-content:left;}
.menubox .menubox_c ul li{float:left;display:inline-block;width:150px; text-align:center;}
.menubox .menubox_c ul li a{display:inline-block;line-height:0.74rem; font-size:0.16rem;color:#333333;}
.menubox .menubox_c ul li a:hover{ border-bottom:2px solid #2882E8; position:relative;color:#2882e8;}
.menubox .menubox_c ul li a.on{ border-bottom:2px solid #2882E8; position:relative;color:#2882e8;}

.main{width:1200px; overflow:hidden; margin:45px auto;}

.questionlist{width:100%; overflow:hidden;}
.questionlist li{width:32%;margin-right:2%;float:left;vertical-align:middle;margin-bottom:2%;}
.questionlist li:nth-child(3n){ margin-right:0px;}
.questionlist li .pic{width:100%;padding-bottom:80%;overflow:hidden;position:relative; background:#fff;}
.questionlist li img{position:absolute;left:0px;top:0px;right:0px;bottom:0px; margin:auto;-webkit-transition: all .5s;transition: all .5s;width:100%; height:100%;}
.questionlist li img:hover{-webkit-transform: scale(1.2);transform: scale(1.2);-ms-transform: scale(1.2);}
.questionlist li .txt{width:100%; background:#fff; padding:0.2rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.questionlist li .txt p.t{font-size:0.16rem;}
.questionlist li .txt p.c{ line-height:0.25rem; height:0.5rem; overflow:hidden;color:#666; padding-top:0.1rem; font-size:0.14rem;}
.questionlist li a{color:#333;}
.questionlist li a:hover{color:#2882E8;}

.caselist{width:100%; overflow:hidden;border-bottom:1px solid #E8E8E8; margin-bottom:0.4rem;}
.caselist li{width:100%; overflow:hidden; position:relative; border-top:1px solid #E8E8E8; padding:0.3rem 0px;}
.caselist li .date{width:150px; position:absolute;left:0px;top:30px;}
.caselist li .date .d{ line-height:0.5rem;color:#333333;font-size:0.16rem; background:url(../images/line02.png) no-repeat right center;}
.caselist li .date .m a{color:#999; font-size:0.14rem;}
.caselist li .date .m a:hover{color:#2882E8;}
.caselist li .txt{ padding-left:175px; padding-right:225px; height:130px; overflow:hidden;}
.caselist li .txt .t{width:100%; height:0.5rem; line-height:0.5rem; overflow:hidden;font-size:0.16rem;}
.caselist li .txt .t a{color:#333333;}
.caselist li .txt .t a:hover{color:#2882E8;}
.caselist li .txt .c{ font-size:0.14rem; line-height:0.25rem; height:0.5rem; overflow:hidden;color:#999999;}
.caselist li .pic{width:200px; position:absolute;right:0px;top:30px;}
.caselist li .pic img{max-width:100%;}

.main .left{width:20%; overflow:hidden; float:left; background:#fff; padding:15px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.main .left .tit{width:100%; font-size:0.18rem; line-height:0.3rem; overflow:hidden; border-bottom:1px solid #D9D9D9; padding-bottom:0.1rem;color:#333;}
.main .left .con{width:100%; overflow:hidden;}
.main .left .con ul li{width:100%; overflow:hidden; border-bottom:1px solid #D9D9D9;}
.main .left .con ul li > .t{width:100%; height:0.5rem; line-height:0.5rem; overflow:hidden;}
.main .left .con ul li > .t a{color:#666; font-size:0.14rem; overflow:hidden;height:0.5rem;}
.main .left .con ul li > .t a:hover{color:#2882E8;}
.main .left .con ul li > .t span{ float:right; font-family:iconfont !important; line-height:0.5rem; display:inline-block;cursor:pointer;padding-left:10px;}
.main .left .con ul li .show{width:100%;border-top:1px solid #d9d9d9; padding-left:1em;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.main .left .con ul li > .show .show{ display:none;}
.main .left .con ul li > .show > .t{ display:block;}
.main .left .con ul li .show > .t{width:100%; height:0.5rem; line-height:0.5rem;}
.main .left .con ul li .show > .t a{color:#666; font-size:0.14rem; overflow:hidden;height:0.5rem;width:90%;display:inline-block;overflow:hidden; float:left; line-height:0.5rem;}
.main .left .con ul li .show > .t a:hover{color:#2882E8;}
.main .left .con ul li .show > .t span{width:10%; float:right; font-family:iconfont !important; line-height:0.5rem; display:inline-block;cursor:pointer; text-align:right;}
.main .left .con ul li .show a{line-height:0.3rem;height:0.3rem;display:inline-block;color:#666;width:100%;overflow:hidden;}
.main .left .con ul li .show a:hover{color:#2882E8;}
.main .left .con ul li .show a span{ font-family:iconfont !important;}

/*.main .left .con ul li .show .show{width:100%; overflow:hidden; padding-bottom:0.1rem; display:none;padding-left:2em;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.main .left .con ul li .show .show > .t{width:100%; height:0.5rem; line-height:0.5rem;}
.main .left .con ul li .show .show > .t a{color:#666; font-size:0.14rem; overflow:hidden;height:0.5rem;width:90%;display:inline-block;overflow:hidden; float:left; line-height:0.5rem;}
.main .left .con ul li .show .show > .t a:hover{color:#2882E8;}
.main .left .con ul li .show .show > .t span{width:10%; float:right; font-family:iconfont !important; line-height:0.5rem; display:inline-block;cursor:pointer; text-align:right;}

.main .left .con ul li .show .zshow a{line-height:0.3rem;height:0.3rem;display:inline-block;color:#666;width:100%;overflow:hidden;}
.main .left .con ul li .show .zshow a:hover{color:#2882E8;}
.main .left .con ul li .show .zshow a span{ font-family:iconfont !important;}*/

.main .right{width:78%; overflow:hidden; float:right;}

.productlist{width:100%; overflow:hidden;}
.productlist li{width:23.5%;margin-right:2%;float:left;vertical-align:middle;margin-bottom:2%;}
.productlist li:nth-child(4n){ margin-right:0px;}
.productlist li .pic{width:100%;padding-bottom:90%;overflow:hidden;position:relative; background:#fff;}
.productlist li img{position:absolute;left:0px;top:0px;right:0px;bottom:0px; margin:auto;-webkit-transition: all .5s;transition: all .5s;width:100%; height:100%;}
.productlist li img:hover{-webkit-transform: scale(1.2);transform: scale(1.2);-ms-transform: scale(1.2);}
.productlist li .txt{width:100%; background:#fff; padding:0.1rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.productlist li .txt p{font-size:0.12rem; text-align:center;line-height:0.25rem; height:0.5rem; overflow:hidden;}
.productlist li a{color:#666;}
.productlist li a:hover{color:#2882E8;}


.contactbox{width:1200px; overflow:hidden; margin:45px auto;}
.contactbox .tit{width:100%; line-height:0.5rem; text-align:center;}
.contactbox .tit h2{ display:inline-block; font-size:0.24rem;color:#333333; font-weight:500;}
.contactbox .tit i{color:#999; font-size:0.24rem; font-style:normal; font-weight:100; padding-left:5px;}
.contactbox .con{width:100%; margin-top:0.45rem; margin-bottom:0.3rem; overflow:hidden;}
.contactbox .con .txt{width:30%; float:left;}
.contactbox .con .txt p{line-height:0.35rem;width:100%; overflow:hidden;font-size:0.24rem; font-weight:100;color:#333;}
.contactbox .con .txt p.t1{}
.contactbox .con .txt p.t2{margin-top:45px;}
.contactbox .con .txt p.t3{margin-top:45px;}
.contactbox .con .txt p.t4{margin-top:45px;}
.contactbox .con .map{width:68%; border:1px solid #D5D5D5; float:right; height:436px;}


.air_tit{width:100%; line-height:0.3rem; padding:10px 0px; overflow:hidden; text-align:center;}
.air_tit h1{font-size:0.18rem; font-weight:500;}
.air_info{width:100%; padding:10px 0px; line-height:0.2rem; text-align:center; border-top:1px dashed #ddd; border-bottom:1px dashed #ddd; font-size:0.12rem; margin:0.1rem 0px;color:#999;}
.air_pic{width:100%; text-align:center; overflow:hidden; padding:10px 0px;}
.air_pic img{max-width:100%; border:1px solid #eee;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.air_con{width:100%; overflow:hidden; font-size:0.14rem;}
.air_con a{color:#333;}
.air_con a:hover{color:#333;}
.air_con p{ line-height:0.3rem;color:#555;}
.air_con img{max-width:100%;}

/*上一页下一页*/
.air_page{width:100%; overflow:hidden; border-top:1px dashed #ddd; padding-top:0.15rem; margin-top:0.2rem;}
.air_page a{ display:block;width:100%; line-height:0.25rem;color:#666;}
.air_page a:hover{color:#42A600;}
.air_page span{ display:block;width:100%; line-height:0.25rem;color:#999;}

.pages{text-align:center;margin-top:20px;}
.pages a{display:inline-block;padding:9px 15px;background-color:#edecec;border-radius:3px;text-align:center;font-family:Arial;font-size:14px;color:#666;margin:0 4px;}
.pages a:hover,.pages .on{background-color:#2882E8;color:#fff;}

#footer{width:100%;font-size:0.12rem; overflow:hidden; padding-top:15px; background:#fff;}
#footer .foot{width:1200px; margin:0px auto; overflow:hidden;}
#footer .foot .foot01{width:100%; line-height:54px; height:54px; border-bottom:1px solid #333333;}
#footer .foot .foot01 a{ display:inline-block;font-size:0.14rem;color:#333;}
#footer .foot .foot01 a:hover{color:#2882E8;}
#footer .foot .foot01 span{ padding:0px 0.2rem;}
#footer .foot .foot02{width:100%;overflow:hidden; height:0.7rem; padding:0.2rem 0px;}
#footer .foot .foot02 .foot02_l{width:50%; float:left;}
#footer .foot .foot02 .foot02_l p.t1{font-size:0.14rem;}
#footer .foot .foot02 .foot02_l p{line-height:0.35rem;color:#999999;}
#footer .foot .foot02 .foot02_r{width:50%; float:right; text-align:right;}
#footer .foot .foot02 .foot02_r p.tel{font-size:0.18rem;color:#333333; font-weight:bold;}
#footer .foot .foot02 .foot02_r p.tel span{font-family:iconfont !important; font-size:0.25rem; font-weight:100;}
#footer .foot .foot02 .foot02_r p{line-height:0.35rem;color:#999999;}


@font-face {
  font-family:'iconfont';
  src:url('font/iconfont.eot');
  src: url('font/iconfont.eot?#iefix') format('embedded-opentype'),
  url('font/iconfont.woff') format('woff'),
  url('font/iconfont.ttf') format('truetype'),
  url('font/iconfont.svg#iconfont') format('svg');
}

@font-face {font-family: 'webfont';
    src: url('font/webfont.eot'); /* IE9*/
    src: url('font/webfont.eot?#iefix') format('embedded-opentype'),
    url('font/webfont.woff') format('woff'),
    url('font/webfont.ttf') format('truetype'),
    url('font/webfont.svg#webfont') format('svg');
}
