*{font-family: Arial,Tahoma,"Microsoft YaHei","SimSun";-webkit-font-smoothing: antialiased}
.layui-container{padding:0}
header{padding:0;position: relative;z-index: 99999}
body{overflow-x:hidden}
.bg{background-color: #333 !important;}
.top{padding:2em;overflow: hidden;}
.logo{text-indent:-2000px;background:url(/images/logo.jpg) center no-repeat;width:587px;height:89px}
.topTel{position:absolute;right:2%;top: 30%;padding-left: 140px;padding-top: 6px;height: 80px;background-image: url(/images/topTel.jpg);background-repeat: no-repeat;background-position: top left;font-size: 28px;font-weight: bold;line-height: 1.2em;color: #d80000;font-family: Georgia, serif, verdana;}
.nav_wrap{background:#033162;height: 60px;}
.banner{position:relative}
.banner .owl-nav{position:absolute;top: 40%;width: 100%;}
.banner .owl-nav .owl-prev{left:10%;position:absolute}
.banner .owl-nav .owl-next{right:10%;position:absolute}
.banner .owl-nav i{font-size: 24px;color: rgba(255,255,255,.75);font-weight: bold;}
.banner .owl-item > div{height:600px;background-position: center;background-repeat: no-repeat;background-size: cover;}
.banner_cat{height:400px;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative}
.banner_cat h1{position:absolute;top:30%;left:45%;color: #06315e7d;font-weight:bold;font-size: 32px;text-shadow:2px 2px 4px #ccc;letter-spacing: .1em;font-family: "FANGSONG";}
.banner_cat .en{position:absolute;top:48%;left:45%;color: #5a5a5a59;font-size:16px;letter-spacing: 2px;}

.title1{position:relative;text-align:center}
.title1 h1{position:relative;font-size:40px;font-weight:bold;z-index:2;top:40px}
.title1 .en{color:#e8e8e8;font-size:50px;position:relative;z-index:1;top:-35px}
.title1 p{font-size:18px;color:rgba(0,0,0,.6)}
.blue{color:#06315E}
.red{color:#C7291D}
.title2{position:relative}
.title2 h1{font-size:40px;font-weight:bold}
.title2 .en{font-size:50px; white-space:nowrap;color:#e6e8ec;position:relative;top:-70px;z-index:-1}
.subTitle1{position:relative;text-align:center;padding: 1em 0 2em;}
.subTitle1 h1{position:relative;font-weight: bold;}
.subTitle1 h1 span{background-color:#fff;position: relative;z-index: 2;padding: 0 5px;}
.subTitle1 h1 hr{position:absolute;top:50%;left: 0;right: 0;z-index: 1;height: 0;/* border:none; */border-top: 1px solid #989898;}
.subTitle1 p{font-size:18px;color:rgba(0,0,0,.6);padding-top: 1em;}


.product_index{padding:5em 0}
.product_index .product_cat{width: 90%;margin:auto;height:732px;position:relative;background-color:#e5e5e5}
.products_index{overflow:hidden;clear:both}
.products_index .-item{display:block;float:left;width:33.3%;height:356px;position:relative;margin-bottom:1.4em;}
.products_index .-item .-thumb{height:100%;width:95%;margin:0 auto;background-position:center;background-repeat:no-repeat;background-size: 100%;border-radius:5px;transition: all .4s;}
.products_index .-item .caption{transition: all .5s;opacity: 0;background-color: rgba(6, 49, 94, 0.42);padding:2em;position:absolute;left:5%;top:5%;bottom:5%;right:5%;border: 1px solid #06315e3b;border-radius:5px;padding: 35% 0 0 0;text-align: center;}
.products_index .-item:hover .caption{opacity: 1;}
.products_index .-item:hover .-thumb{background-size: 115%;}
.products_index .-item .caption h3{color:#fff;font-weight:bold;font-size: 24px;}
.products_index .-item .caption p{color:#e6e6e6}


.product_index .product_cat .-head{background-color:#06315E;position:relative;text-align:center;font-weight:bold;height:100px}
.product_index .product_cat .-head h1{color:#fff;font-size:30px;font-weight:bold;position:relative;top:25px}
.product_index .product_cat .-head .en{font-size:35px;color:rgba(255,255,255,.1);position:relative;top:-12px}
.product_index .product_cat ul{background-color:#fff}
.product_index .product_cat ul li{margin-bottom:1px}
.product_index .product_cat ul li a{font-size:15px;line-height:56px;display:block;text-indent:2em;background-color:#e5e5e5;letter-spacing:2px}
.product_index .product_cat ul li a:hover,.product_index .product_cat ul li a.active{background:#C7291D;color:#fff}
.product_index .product_cat .-foot{line-height:50px;text-align:center;font-size:18px;color:#fff;background-color:#06315E;position: absolute;right: 0;left: 0;bottom: 0;}


.product_main .product_cat{margin-bottom:2em}
.product_main .product_cat .-head{background-color:#06315E;position:relative;text-align:center;font-weight:bold;height:100px}
.product_main .product_cat .-head h1{color:#fff;font-size:30px;font-weight:bold;position:relative;top: 17px;}
.product_main .product_cat .-head .en{font-size: 24px;color:rgba(255,255,255,.1);position:relative;top: 21px;}
.product_main .product_cat ul{}
.product_main .product_cat ul li{margin-bottom:1px}
.product_main .product_cat ul li a{font-size:14px;line-height:43px;display:block;text-indent:2em;background-color:#e5e5e5;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.product_main .product_cat ul li a:hover,.product_index .product_cat ul li a.active{background:#C7291D;color:#fff}

.product_main .product_cat > p{
    text-align: center;
    line-height: 30px;
    color: #fff;
    font-size: 16px;
    margin: 0 auto;
    padding: 1em;
    background-color:hsla(211, 88%, 20%, 0.85)
}
.product_main .product_cat > p b{
    font-family: "Arial";
    font-size: 28px;
}
.product_main .product_cat .-foot{line-height:50px;text-align:center;font-size:18px;color:#fff;background-color:#06315E}


.banner1{height:300px;position:relative;background:url(/images/banner1_bg.jpg) center center no-repeat;margin-bottom: 5em;}
.banner1 img{position:absolute;right:28%;top:-30%;transform:translateZ(20px) ;}

.case_index ul{margin-bottom:5em}
.case_index ul li a{font-size:16px; line-height:2em}
.case_index .-more{display:block;height:40px;width:113px;text-align:center;line-height:40px;background-color:#C7291D;color:#fff;transition: all .5s;}
.case_index .-more:hover{width:120px;color:#fbf8ad;box-shadow:2px 2px 5px #d60b0bb0}

.case_index .items{overflow:hidden;clear:both;}
.case_index .items .-item{float:left;width:50%;height:290px;position: relative;overflow:hidden}
.case_index .items .-item .-thumb{height:100%;width:100%;background-position: center;background-repeat: no-repeat;background-size: 100%;transition: all .5s;}
.case_index .items .-item:hover .-thumb{background-size: 115%;}
.case_index .items .-item:hover .caption{opacity: .3}

.case_index .items .-item .caption{position:absolute;width:25%;top:0;bottom:0;padding:3em 2em 0 2em;line-height:2em;background: #C7291D;color:#fff;text-align:center;transition: all .5s;}
.case_index .items .-item .caption h3{text-align:left;height:7em;}
.case_index .items .-item:nth-child(2) .caption{background-color:#033162;}
.case_index .items .-item:nth-child(3) .caption{background-color:#033162;right:0}
.case_index .items .-item:nth-child(4) .caption{right:0}
.case_index .items .-item .caption img{margin:2em auto}

.about_index{background-color:#f7f7f7;padding: 3em 0 5em 0;text-align:center;margin-top: 5em;}
.about_index .-about{}
.about_index .companyName{font-size:30px;text-align:center;margin-top:12px}
.about_index .line{border-bottom:5px solid #033162;width:55px;margin:14px auto}
.about_index .-article{font-size:16px;line-height:2em;color:#2c2c2b;}
.about_index .btn{color:#fff;background-color:#C7291D;width:156px;height:40px;display:inline-block;text-align:center;line-height:40px;margin:0 1em}
.about_index .-about a:last-child{background-color:#033162}



.search{background-color:#902827;color:#fff;padding:36px 0;line-height:36px}
.search .gg{line-height:36px;padding-left:36px}
.search .gg i{position:relative;top:3px;left:-2px}
.search .gg a{color:#fff}
.search .gg p{display:inline}
#search{text-align: center;}
#search input{border:none;background: #f0f0f0;padding:0 .5em;height: 36px;}
#search #keyword{width:234px;font-size: 14px;height:36px;line-height: 36px;background: #fff}
#search .searchBtn{background: #fff;color:#902827;position: relative;top:1px;left:-2px;height: 36px;padding: 0;font-size: 14px;width: 100px}


form.msg{padding-bottom: 40px;padding-top: 0;overflow: hidden}
form.msg .row div{padding-top:.5em;padding-bottom:.5em}
form.msg input[type=text]{width: 90%;border: 1px solid #d4d4d4;padding: 2px .5em;line-height: 30px;border-radius: 3px;}
form.msg textarea{width: 95%;padding: 10px 10px;border: 1px solid #d4d4d4;height: 9em;border-radius: 5px;}

.msg .col-lg-1{padding-right:0}
.msg span{color:red}
#notReply{text-align:right}

#myform td{padding:1em}
#myform .input-text{width:100%}
#myform{ text-align: center}


footer{background:#333;padding: 3em 0 1em;line-height: 2em;color:#a1a1a1;}
footer a{color:#a1a1a1}
.bottomMenu{clear:both;overflow:hidden;padding-bottom:1em}
.bottomMenu > div{width:25%;float:left;text-align:center}
.bottomMenu > div h3 a{font-size:18px; line-height:3em;display:block;border-bottom:1px solid #a1a1a1;margin-bottom:1em}
.bottomMenu > div a{display:block;font-size:14px;}
.bottomInfo{padding-top:1em;float: right;width: 80%;}
.bottomInfo > div{line-height:1.5em;clear:both;position:relative;overflow: hidden;padding: 1em 0;}
.bottomInfo > div i{font-size:42px;position:absolute;top: 24px;}
.bottomInfo > div div{width: 82%;float:right;}

.about_icon{clear:both;overflow:hidden;margin:auto}
.about_icon div{float:left;display:block;width:25%;text-align:center}
.about_article{padding: 3em 0 0 42%;background-image:url(/images/about_bg.jpg);background-repeat: no-repeat;background-position: left center;line-height: 1.8em;font-size: 18px;}

.child-menu{text-align: center;overflow: hidden;padding: 26px 0;position: relative;font-size:0}
.child-menu a{line-height: 26px;padding: 0px 48px;color:#333;font-size: 16px;line-height: 2.5em;display: inline-block;background-color: #efefef;}
.child-menu a:before{content: "";border-left: 1px solid #ccc;width: 100%;height: 26px;position: absolute;left: -10px;top: 0;bottom: 0;}
.child-menu a:last-child:after{content: "";border-right:1px solid #ccc;width: 100%;height: 26px;position: absolute;right: -10px;top: 0;bottom: 0;}
.child-menu a.active{background:#DC0608;color: #fff;}
.child-menu a:hover{background:#DC0608;color:#fff;}


.sidebar{margin: 1em 0;border-radius: 16px 0 16px 0;overflow: hidden;box-shadow: 2px 2px 2px 0px #ded9d5;border: 1px solid #9226034f;/* border-top:none; */}
.sidebar h2{background:url('/images/subcat_title_bg.jpg') center no-repeat;height: 82px;font-size: 16px;color: #fff;width: 100%;margin: auto;position: relative;}
.sidebar h2 div{line-height: 84px;;font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; text-align:center}
.sidebar h2 div strong{display: none;font-size: 12px;padding-top: 0px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.sidebar > ul, .sidebar > div{margin: auto;background-color: #f5dad7;}
.sidebar > ul > li{position: relative;margin-bottom: 1px;overflow: hidden;}
.sidebar > ul > li:last-child{margin-bottom:0}
.sidebar > ul > li:last-child a{padding-bottom: 8px;background-color: #f6f6f6;background-position: 85% 20px}
.sidebar > ul > li.active > a{background: #318BCA;color: #fff;border: none}
.sidebar > ul > li a.active{font-weight: bold;background-color: rgb(241, 221, 207);}
.sidebar > ul > li > a:hover{background-color: #fff5ec;background-position:88% center}
.sidebar > ul > li > a{
    text-decoration: none;
    text-align: center;
    font-size: 14px;
    display: block;
    line-height: 52px;
    color: #333;
    background-repeat: no-repeat;
    background-position: 85% center;
    background-color: #fff0e2;
    overflow: hidden;
    background-image:url(/images/in.png);
    transition: all .5s;
    }
.sidebar > div{ padding-top:.5em}
.sidebar > div > div{ overflow: hidden}
.sidebar .select{margin: .5em auto 1em auto; display: block;font-size:14px;color:#333;border-color:#ccc}
.sidebar h3{font-size:12px; padding:4em 1em; text-align: center}
.sidebar h3 strong{font-size:36px;color: #ffab00; font-weight: bold; font-family: fantasy; text-shadow: 0px 0px 4px #fff}
.navFix{position: fixed;top:0;min-width: 200px;}


.bread{line-height: 1.5em;padding-left: 1.5em;font-size: 16px;clear: both;color: #494949;border-left: 4px solid #c7291d;margin: 1em 0;}
.bread i.layui-icon-home{margin-right:6px}
.bread a{font-size: 16px;color: #494949}
.bread h2{width:50%;float: left;text-align: left;font-size: 14px;line-height: 30px; height:32px;text-indent: 2.5em;color:#fff}
.bread h2 span{font-size:12px;padding: 0 .5em;color: #fff}

#main_page main{padding-top:5px}
.right_wrap{/* border:1px solid #ccc; */padding:1em 2em;background:#fff;/* margin: 1em 0 2em auto; *//* width: 92%; *//* border-radius: 5px; */}
.listName{border-bottom: 1px solid #e0e0e0;clear:both;overflow:visible;position: relative;margin-bottom:1em}
.listName h2{padding-right:.5em;position:relative;bottom:-1px;display:inline-block;font-size: 16px;padding-left: 3em;line-height: 2.2em;font-weight: bold;}



.right_content{padding: 1em 3em 2em;line-height: 2.5em;margin-bottom: 1em;font-size: 16px;clear:both;overflow: auto;text-align: justify;color: #484848;}
.right_content .main_title{font-size: 28px;text-indent: 0;line-height: 38px;margin-top: 28px;letter-spacing: 2px}
.right_content .title_split{border-color: #eee;margin: 1em 0}
.right_content .news_other{margin: 0 0 1em 0;text-align: center;font-size: 13px}
.right_content > h1{font-size: 26px;text-align: center}
.right_content >  p{text-indent: 2em;line-height: 2em;padding: 0 0 .5em 0;text-align: justify;font-size: 16px;font-family: Arial,Tahoma,"Microsoft YaHei","SimSun";-webkit-font-smoothing: antialiased}
.right_content > p > img{max-width:100%}
.right_content strong{font-weight: bold}
.right_content > div > img{max-width:100%}
.right_content ol li{list-style-type: decimal}
.right_content blockquote, .right_content ol{padding:0 0 1em 0}
.right_content blockquote div, .right_content ol li{margin-left:3em}
.right_content #img_box,.right_content .img_box{text-align: center; margin: 1em auto; max-width: 100%}
.right_content #img_box img,.right_content .img_box img{max-width: 100%}
.right_content img{/* max-width: 95%; */display:block;margin:1em auto;}
.right_content table td{word-break: break-all;font-size:12px;padding:.5em}
.table1 tr td{text-align:center}

.img-list{padding-top:2em}
.img-list .-item{display: block;width: 80%;margin: 0 auto 2.5rem;text-align: center;/* padding: 1rem; */}
.img-list .-item .-thumb{width: 100%;min-height: 320px;background-repeat:no-repeat;background-position:center;background-size:100%;position: relative;border-radius: 4px;overflow: hidden;box-shadow: 1px 1px 3px #ccc;transition: all .3s;display: block;}
.img-list .-item:hover .-thumb{background-size:110%}
.img-list .-item .-caption{font-size: 14px;text-align: center;line-height: 2.5em;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;position: absolute;bottom: 0;left: 0;right: 0;background-color: hsla(211, 94%, 20%, 0.36);color: #fff;}


.index-news-list a{font-size:14px}
.news-list{margin-bottom: 2em;padding:1em 2em;border-top:none}
.news-list li{ margin-bottom: 1em;border-bottom: 1px dashed #cbcbcb}
.news-list .-title{display: block;font-size: 16px;line-height: 2em;color:#333}
.news-list .-thumb{height:200px;background-size:cover;background-position:cover;margin-right:2em;margin-bottom:2em;border-radius:4px;position:relative}
.news-list .-thumb:after{content: "";position: absolute;top: 5px;right: -9px;bottom: -8px;left: 5px;background: #fde7e7;z-index: -1;border-radius: 4px}
.news-list .-thumb img{width:100%}
.news-list .-description{font-size:12px;line-height: 1.5em;padding: .5em 0 1em 0;color: #999}
.news-list .-inputtime{font-size:12px;float: right;margin-bottom: 1rem;color: #666}
.hasimg-list .-title{font-size:1.5em; line-height:3em}
.hasimg-list .-description{font-size:14px}


#pages{text-align: center;padding-bottom: 3em;line-height: 40px;clear: both}
#pages span{color:red;padding: 8px}
#pages a{
    padding: 1px 8px;
    background: #ececec;
}
#pages .a1{
    background: no-repeat;
    font-size: 12px;
}
.content_bottom{font-size:12px;padding: 1em 0;padding-left: 0;margin-left: 0;}
.content_bottom > div{text-align:center}

.layui-fixbar li{background-color:rgba(0, 0, 0, 0.4); position:relative}
.layui-fixbar i{font-size:30px}
.-qrcode{display:none}
.showcode{display: block;position: absolute;right: 125%;top: -200%;}