html { width: 100%; height: 100%; }
body { height: 100%; padding: 0px; margin: 0px; color: #333; font-size: 14px; font-family: "微软雅黑"; }
a { color: #333; font-size: 14px; font-family: "微软雅黑"; }

.wrap { max-width:1920px;margin:0px auto; }
@media(max-width:1366px) {
    .wrap { width: 100%; margin: 0px auto; }
}

.panel_top { background-color: #fff; overflow: hidden; }
.panel_top .phones { margin: 10px 10px; position: absolute; top: 0; right: 0; }
.panel_navigate { height: 49px;background: url(images/nav_bg.png) repeat-x; background-color: #fff; }
.panel_navigate ul {float:left; display: block; margin: auto; background-color: #0071d3; margin: 3px 0px 0px 0px; }
.panel_navigate li { float: left; height: 46px; line-height: 46px; padding: 0px 15px; }
.panel_navigate li a { color:#fff;font-size:18px; }
@media(max-width:414px) {
    .panel_top { width: 100%; margin: 0px auto; }
    .panel_top .logo{ width: 100%;  }
    .panel_top .logo img{ width: 100%;  }
    .phones { display:none; }
}
.panel_banner { background-color: #fff; }
.panel_banner img { width:100%; }

.panel_header {position:relative;  color: #fff; padding: 30px 10px 20px 10px; background-image: url(/styles/images/butterfly.png); background-repeat: no-repeat;background-position:50% 50%; }
.panel_header .title { line-height: 45px;padding-left:45px; font-size: 26px; background-image: url(/styles/images/footicon.png); background-repeat: no-repeat; }
.panel_header .summary { font-size: 16px; line-height: 30px; padding:0px 45px; }
.panel_header .phones { margin: 10px 10px; position: absolute; top: 0; right: 0; }
.panel_header.inner .title { color: #dc0044; background-image: url(/styles/images/footiconred.png); }
.panel_header.inner .summary { color: #dc0044; }

.panel_bottom { background-color: #0071d3;   }
.panel_bottom ul { display: block; margin: auto; }
.panel_bottom li { float: left; line-height: 50px; padding: 0px 15px; }
.panel_bottom li a { color: #fff; font-size: 18px; }

.panel_footer { padding:30px; background: linear-gradient(90deg, #037fea 0%, #037fea 90%);color:#fff; }
.panel_footer .left { float: left; width: 20%; text-align: center; height: 300px; }
.panel_footer .left img { width:144px; }
.panel_footer .right { float: left; width: 50%; text-align: left; height: 300px; }
.panel_footer .middle .form { text-align: left; color: #fff; }
.panel_footer .middle .form .caption { padding-left:25px; font-size: 18px;  }
.panel_footer .middle .form .row { margin: 10px;position:relative;  }
.panel_footer .middle .form .row .title { display:inline-block;width:40px; font-size: 16px;  }
.panel_footer .middle .form .row .tip { display: inline-block; padding: 7px; color: #fff!important; }
.panel_footer .middle .form .row .input { width:120px;height:16px;padding:5px; }
.panel_footer .middle .form .buttonbar { padding-left: 30px; }
.panel_footer .middle .form .buttonbar .submit { width: 150px; padding: 10px; border: 0px; border-radius: 10px; background-color: #ffa201; color: #fff; }
.panel_footer .right p{ line-height:35px;font-size: 16px; }
.panel_footer .rightqr { float: left; width: 30%; text-align: center; height: 300px; }
.panel_footer .rightqr .qrcode { width: 100px; height: 100px; }
.panel_footer .rightqr .qrdiv { float: left; width: 50%; box-sizing: border-box; }
@media(max-width:414px) {
    .panel_footer .left { display: none; }
    .panel_footer .middle { display:none; }
    .panel_footer .right { width: 100%; margin-top:30px;}
    .panel_footer .rightqr { width: 100%; }
}

.panel_path { height: 40px; line-height: 40px; padding: 0px 15px; font-size: 16px; background-color: #ffe301; color: #dc0044; }
.panel_path a { display:inline-block; font-size: 16px; color: #dc0044; }
.panel_tab { background-color: #f28510; }
.panel_tab li { float: left; padding: 10px 20px; }
.panel_tab li a { color: #fff; font-size: 16px; }
.panel_tab li.on { background-color: #ffe301; }
.panel_content { min-height: 500px; position: relative; }

.panel .captions { background-image: url(/styles/images/ico_title.png); background-repeat: no-repeat; background-color: #ffe301; }
.panel .captions .more { float: right; color: #443f32; margin-right: 50px; }
.panel .captions p { height: 40px; line-height: 40px; font-size: 18px; padding-left: 40px; }

/*page box*/
.page { text-align: center; padding: 30px; background-color: #fff; }
.page a { display: inline-block; background-color: #ff7505; border-radius: 5px; padding: 5px 10px; color: #fff; cursor: pointer; }
.page a.on { background-color: #c3bdbd; }

.nodata { text-align: center; font-size: 14px; font-weight: bold;padding:200px;background-color:#fff; }
.nodata img { width: 96px; height: 96px; }
.nodata p { margin: 10px 0px 50px 0px; }

/* home page*/
.home { background-color: #0071d3; }
.home .panel_news { background-color: #fff; }
.home .panel_news .events,
.home .panel_news .cases,
.home .panel_news .videos { width: 33.3%; height: 380px; float: left; padding: 10px; box-sizing: border-box; }
@media(max-width:414px) {
    .home .panel_news .events,
    .home .panel_news .cases { width: 100%;padding:0px; }
    .home .panel_news .videos { display:none; }
}
.home .panel_news .events .slides .inner { border: solid 1px #ffe301; }
.home .panel_news .cases .list { border: solid 1px #ffe301; }
.home .panel_news .cases li { padding: 5px 15px; }
.home .panel_news .cases li a { display: block; height: 30px; overflow: hidden; line-height: 30px; }
.home .panel_news .cases li:nth-child(2n) { background-color: #f5f6f6; }
.home .panel_news .videos li img { height: 360px; }

.home .panel_products .list { background-color: #ffe301; margin-bottom: 4px; }
.home .panel_products .list li { width: 33.3%;float: left; }
.home .panel_products .list li .photo{ height: 330px; overflow: hidden;}
.home .panel_products .list li .title { height: 40px; line-height: 40px; text-align: center; font-size: 16px; }
.home .panel_products .list li img { width:100%;}

.home .panel_products .list li a { display:block;margin:0px 5px;}
@media(max-width:414px) {
    .home .panel_products .list li { width: 100%; }
    .home .panel_products .list li a { display: block; margin: 0px 0px; }
}
.home .panel_abouts .list { background-color: #fdf9d6; padding: 20px 0px; }
.home .panel_abouts .list ul{ display:block;margin: 10px auto; width: 1320px; }
.home .panel_abouts .list li { width: 33.3%;overflow:hidden; float: left; }
.home .panel_abouts .list li .item { background-color: #fff; height: 500px; margin: 0px 15px ; }
@media(max-width:414px) {
    .home .panel_abouts .list ul { width: 100%;margin:0px; }
    .home .panel_abouts .list li { width: 100%; overflow: hidden; float: left; }
    .home .panel_abouts .list li .item { margin: 0px 0px; }
}
.home .panel_abouts .list li .title { font-size: 16px;padding:5px 15px; }
.home .panel_abouts .list li .summary { line-height: 20px;height:80px;overflow:hidden; font-size: 14px; padding: 10px; color: #626363;  }
.home .panel_abouts .list li .picture {width:100%;height:305px; }
.home .panel_abouts .list li .buttonbar {padding: 0px 20px; }
.home .panel_abouts .list li .buttonbar a { display: inline-block; padding: 8px 30px; color: #fff; background-color: #ff6858; border-radius: 10px; font-size: 16px; }
.home .panel_scenes .list { background-color: #ffe301; margin-bottom: 4px; }
.home .panel_scenes .list li { width: 33.3%; float: left; }
.home .panel_scenes .list li .photo { height: 310px; overflow: hidden; }
.home .panel_scenes .list li .title { height: 40px; line-height: 40px; text-align: center;font-size: 16px; }
.home .panel_scenes .list li img { width: 100%; }
.home .panel_scenes .list li a { display: block; margin: 0px 5px; }
@media(max-width:414px) {
    .home .panel_scenes .list li { width: 100%; float: left; }
    .home .panel_scenes .list li a { margin: 0px 0px; }
}
/* about  page */
.about { background-color: #fff; }
.about .panel_content .panel_detail { float: left; width: 700px; box-sizing: border-box; }

.about .panel_content .panel_detail .title { text-align:center; font-size: 18px; margin:15px 0px;}
.about .panel_content .panel_detail p { line-height: 30px; color: #898985; font-size: 14px; }
.about .panel_content .panel_detail table { border-collapse:collapse; }
.about .panel_content .panel_detail table td { padding:3px 5px; }
.about .panel_content .panel_side { float: left; width: 310px; background-color: #eeeeee; margin: 20px; }
.about .panel_content .panel_side li { border-bottom:solid 1px #fff;height:40px;line-height:40px; }
.about .panel_content .panel_side li.on a{ background-image: url(/styles/images/ico_title.png); background-repeat: no-repeat; background-color: #ffe301; }
.about .panel_content .panel_side li a { display: block; padding-left: 40px; color: #000;  font-size: 18px; }
.about .panel_content .panel_side li a:hover { background-color: #ffe301; }
@media(max-width:414px) {
    .about .panel_content .panel_detail { width: 100%;padding:5px; }
    .about .panel_content .panel_detail img{ width: 100%; }
}

/* product list page */
.products { background-color: #fff; }
.products .panel_content .list { min-height: 500px; background-color: #ffe301; padding: 8px 0px 0px 0px; box-sizing: border-box; }
.products .panel_content .list ul { display:block;max-width:1920px;margin :0 auto; }
.products .panel_content .list li .photo { height: 330px; overflow: hidden; }
@media(max-width:1336px) {
    .products .panel_content .list ul { width: 100%; }
}
.products .panel_content .list li img { width: 100%; }
.products .panel_content .list li { width: 33.3%; float: left; }
.products .panel_content .list li .title { height: 40px; line-height: 40px; text-align: center;font-size: 16px; }
.products .panel_content .list li a { display: block; margin: 0px 5px; }
@media(max-width:414px) {
    .products .panel_content .list li {width:100%; }
    .products .panel_content .list li a { margin: 0px 0px; }
}
/* product detail page */
.product { background-color: #fff; } 
.product .panel_content .panel_detail { float: left; padding:20px 50px; width: 760px;overflow:hidden; }
.product .panel_content .panel_detail .title { text-align: center; font-size: 18px; margin: 40px; }
.product .panel_content .panel_detail p { line-height: 30px; color: #898985; }

.product .panel_relatives { float: left; width: 320px; margin: 30px 60px 30px 100px; }
.product .panel_relatives li { float: left; width: 50%;height:180px;overflow:hidden; padding: 10px 10px; background-color: #ffe301;box-sizing:border-box; }
.product .panel_relatives li img{ width: 100%; }
.product .panel_relatives li .title { text-align:center;height:22px;overflow:hidden; }
.product .panel_relatives .captions { background-image: url(/styles/images/ico_title.png); background-repeat: no-repeat; background-color: #ffe301; }
.product .panel_relatives .captions .more { float: right; color: #443f32; margin-right: 15px; }
.product .panel_relatives .captions p { height: 40px; line-height: 40px; font-size: 18px; padding-left: 40px; }
@media(max-width:414px) {
    .product .panel_content .panel_detail { float: left; padding: 0px 0px; width: 100%; overflow: hidden; }
    .product .panel_content .panel_detail .photo img{ width: 100%; }
    .product .panel_relatives { width: 100%; margin:30px 0px; }
}
/* case list page */
.cases { background-color: #fff; }
.cases .panel_cases { float: left; padding: 30px; width: 760px; overflow: hidden; }
.cases .panel_cases li { float: left; width: 100%; overflow: hidden; padding: 5px 5px; box-sizing: border-box; }
.cases .panel_cases li .title { text-align: left; }
.cases .panel_cases li a { display: block; height: 30px; overflow: hidden; line-height: 30px; }
.cases .panel_cases li:nth-child(2n+1) { background-color: #f5f6f6; }
.cases .panel_cases li .time { float:right;margin:10px 10px; }

.panel_relatives.cases { float: left; width: 360px; margin: 30px 60px 30px 100px; box-sizing: border-box; border: solid 1px #ffe301; }
.panel_relatives.cases li { float: left; width: 100%; overflow: hidden; padding: 5px 5px; box-sizing: border-box; }
.panel_relatives.cases li .title { text-align: left; }
.panel_relatives.cases li a { display: block; height: 30px; overflow: hidden; line-height: 30px; }
.panel_relatives.cases li:nth-child(2n) { background-color: #f5f6f6; }
.panel_relatives.cases .captions { background-image: url(/styles/images/ico_title.png); background-repeat: no-repeat; background-color: #ffe301; }
.panel_relatives.cases .captions .more { float: right; color: #443f32; margin-right: 15px; }
.panel_relatives.cases .captions p { height: 40px; line-height: 40px; font-size: 18px; padding-left: 40px; }
@media(max-width:414px) {
    .panel_relatives.cases { width: 100%; margin:30px 0px 30px 0px; }
    .cases .panel_cases { width: 100%; margin: 30px 0px 30px 0px; padding: 10px; }
}
/* case detail page */
.case { background-color: #fff; }
.case .panel_content .panel_detail { float: left; padding: 20px; width: 760px; overflow: hidden; }
.case .panel_content .panel_detail .title { text-align: center; font-size: 20px; margin: 30px; }
.case .panel_content .panel_detail p { line-height: 30px; color: #898985; }

/*baidumap*/
#dituContent { width:800px;height:800px; }
@media(max-width:414px) {
    #dituContent { width:100%; }
}
.backtop { position:fixed;bottom:370px;right:20px; }
.backtop img { width:32px;}

/*fix bottom guestbook */
.foot_fixbox { position: fixed; width: 800px; bottom: 0px; left: 250px; z-index: 9999; padding: 20px; background-color: #0071d3; box-sizing: border-box; }

.foot_fixbox_1 { width: 33%; height: 80px; float: left; margin: 7px auto 0; position: relative; overflow: hidden; padding-left: 10px; }
.foot_fixbox_close { float: right; margin-top: 1px;margin-right:1px; display: block; width: 19px; height: 19px; cursor: pointer; background: url(images/fixbox_close.png?d=20180419095515920) center no-repeat; }
.foot_fixbox_1 img { float: left; width: 67px; height: 67px; margin-right: 5px; }
.foot_fixbox_1 .spanbox { float: left; }
.foot_fixbox_1 span { display: block; color: #fefefe; font-size: 16px; font-weight: bold; }
.foot_fixbox_1 span:nth-child(1) { height: 30px; line-height: 30px; margin-bottom: 9px; }

.foot_fixbox .form { float: left; width: 33%; height: 80px; }
.foot_fixbox .form .form-left {width:50%;float:left; }
.foot_fixbox .form .form-right { width: 50%; float: left; }


.foot_fixbox .toolbar { float: left; width: 30%; height: 80px;margin:5px 0px; }
.foot_fixbox input { margin: 3px; width: 98px; height: 30px;padding:3px; line-height: 30px; background: #fefefe; border: none; outline: none; }
.foot_fixbox .submit { float: left; width: 64px; height: 64px; font-size: 0; margin: 0 3px; cursor: pointer; background: #ec155a url(images/fixbox_btn.png) center no-repeat; border: none; outline: none; }
.foot_fixbox .callme { float: left; width: 64px; height: 64px; font-size: 0; margin: 0 3px; display:none; background: #ec155a url(images/fixbox_phone.png) center no-repeat; border: none; outline: none; }
.foot_fixbox input.vcode { width:40px; }
@media(max-width:414px) {
    .foot_fixbox { width: 100%; left: 0px; padding: 3px;  }
    .foot_fixbox_1 { display:none; }
    .foot_fixbox .form { width: 60%; }
    .foot_fixbox .toolbar { width: 40%; }
    .foot_fixbox .callme { display:block; }
}