@charset "UTF-8";
@import "/web/20211227152752cs_/http://www.jtxdjx.com/css/style.css";

a:hover{text-decoration: none}
body{ background: #fff}
i{color:#ccc}
.nav a:hover, .newslist a:hover{text-decoration: none;}
.container{width:1200px; min-width: 1200px}
.top_bar{ background: url("../css/top_bar_bg.jpg"); line-height: 32px; height: 32px}
.top{ width:100%; margin:auto; position:relative; overflow:hidden;}
.logo{width: 462px; height: 115px;}
.nav{ background:url("../css/nav_bg.jpg"); height: 50px; line-height: 50px}
.nav li{width:132px; float: left; text-align: center; height:50px }
.nav a{font-size:16px; display:block; text-decoration: none; border-left:1px solid #F9D7D5; }
.nav ul .item a{ height: 1em; line-height: 1em; margin-top: 19px;}
.banner{height:510px;}
.gonggao{ height: 40px; line-height: 40px; background: url("../css/bar_bg.jpg") repeat-x bottom #E9E9E9; padding-bottom:19px;  }
.gonggao .-info{padding-left:130px; font-size:10px;line-height: 40px;color:#333;background: url("../css/tongzhi_icon.jpg") 24px center no-repeat;}
@keyframes animations{0%{padding-left:180px;opacity:0;}100%{padding-left:130px;opacity:1;background: url("../css/tongzhi_icon.jpg") 24px center no-repeat;}}
.gonggao .-info a{color:#333;font-size:14px}
.imglist .-item .-title{font-size:16px; line-height:2.5em; height: 2.5em; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding: 0 1em;text-align: center;}
.about_index{ background: url("../css/about_index_bg.jpg") no-repeat center; height: 517px; position: relative}
.about_index .-box{ position: absolute; right:0; top:44px; width:744px; height:415px;}
.about_index .-box .-title{margin: 1em 4em 2em 4em; border-bottom: 1px solid #dbdbdb}
.about_index .-box .-title h2{width:6em; margin: auto; font-size:26px; line-height: 60px; border-bottom: 4px solid #f90; text-align: center;margin-bottom:-2px }
.about_index .-box .-cont{ padding: 0 4em 2em 4em; line-height:2em;}

.box > .-title h2{width:7em; font-size:24px; line-height: 50px; border-bottom: 3px solid #FF6714; text-align: center; margin-bottom:-2px;transition: all .8s ease; color:#1960CC; overflow: hidden}
.box > .-title:hover h2{width:5em;}
.box > .-title{border-bottom: 1px solid #dbdbdb; position: relative}
.box > .-title .more{bottom:1em; font-size:16px;}
.box > .-title .bread{bottom:1em; right: 2em;}
.box > .-title .bread i{font-size:20px;color: #f60; margin-right: 2px}
.box > .-info img{max-width:800px !important;height:auto !important;}

.sitemap a{display: block}
.sitemap dt{font-size:18px;line-height: 2.5em; text-indent: 1.5em; margin: 0 2em .3em}
.sitemap dd{ margin: 0 2em}
.sitemap dd a{font-size:14px; line-height: 2em;text-indent: 1em}
.sitemap dd a i{font-size:12px; margin-right: .5em; margin-bottom: 2px; }

.code2{width:50%; margin: auto; display: block}

.copyright{width:1020px; font-size:14px; margin: auto; border-top:1px solid #6B95E1; margin-top: 4em}
.copyright p{ line-height: 25px; text-align: center; color:#4273D2}
.copyright p span{margin-right:2em}
.copyright p a{color:#6B95E1; margin-right: 2em}
.copyright p a:hover{color:#fff}

.main .col_left{width:23%; float: left}
.main .col_right{width:73%; float: right; min-height:569px; }

.sidebar{ margin: auto 10px 25px;box-shadow:0px 0px 4px #ccc}
.sidebar > .-title{ background: #0D8DCE; color: #fff}
.sidebar > .-title h2{ line-height: 40px; font-size:18px; text-indent: 2em}
.sidebar > .-title h2 .en{line-height: 40px;  font-size:12px; color: #e9cac7}
.sidebar > .-list{ background: #fff; padding-bottom: 1em}
.sidebar > .-list ul{ margin: 0 1em;}
.sidebar > .-list ul li{ border-bottom: 1px solid #efefef; line-height: 40px; height:40px; text-align: center}
.sidebar > .-list ul li i{display:none}
.sidebar > .-list ul li:hover i{display:inline}
.sidebar > .-list ul li a{ display: block; text-decoration: none}
.sidebar > .-list ul li:last-child{ border-bottom: none}
.sidebar > .-thumb{ margin: 0; padding: 0}
.sidebar > .-thumb img{width:100%; display: block}
.sidebar > .-info{padding:15px; line-height: 1.8em; background: #fff}

.sidebar_pro{}
.sidebar_pro .-header{background: url("../css/left_menu_top.jpg") ; height: 101px; width: 250px; margin: auto}
.sidebar_pro .-footer{background: url("../css/left_menu_bottom.jpg"); height: 132px; width: 250px; margin: -20px auto 0 auto}
.sidebar_pro .-body{background: url("../css/left_menu_bg.jpg") center repeat-y; text-align: center; padding: .5em 0}
.sidebar_pro .-body h2{background:#2A6CCD;color:#fff; line-height: 2.5em; height:2.5em; width:80%; margin:.5em auto .5em auto;    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;}
.sidebar_pro .-body h2 a{color:#fff; font-size:16px; font-weight: bold}
.sidebar_pro .-body ul li{ line-height: 2.4em; border-bottom: 1px solid #ccc; width:80%; margin: auto; text-align: left; text-indent: 1em}
.sidebar_pro .-body ul{ padding-bottom: .41em}
.sidebar_pro .-body ul li a{color: #333; padding-left: .5em;font-size:14px; }

.index .imglist ul li{ margin-bottom: 2em}
.imglist .-item .-btn1{ background: url("../css/btn.jpg"); width: 50%; overflow: hidden; height: 33px; float: left}
.imglist .-item .-btn2{ background: url("../css/btn.jpg") 146px 0; width: 50%; overflow: hidden; height: 33px; float: left}

.layer1 .-title{background: url("../css/layer1_title.jpg") center no-repeat; height: 162px}
.layer2{ background: url("../css/layer2_bg.jpg") center no-repeat; height: 519px}
.layer2 .-groupbtn .-item{width:200px; height: 200px;
    background: #fff;
    -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px;
}
.layer2 .-groupbtn{margin-top: 30px}
.layer2 .-groupbtn .-item{ float: left; margin: 0 50px;position: relative; }
.layer2 .-groupbtn .-item i{font-size:100px; color:#F98C2F; position: absolute; top:30px;left:52px }
.layer2 .-groupbtn .-item .-title{ border-top:1px dotted #ccc; width:5em; margin: auto; text-align: center;position: absolute; bottom:20px;left:60px;font-size:16px; line-height: 40px;}
.layer3 > .-title{ background: url("../css/layer3_title.jpg") center no-repeat; height: 162px}
.layer3 > .-title a{ display: block; height: 100%}
.layer3 .imglist .-item{ overflow: hidden; padding-bottom: 1.5em}
.layer3 .imglist .-thumb{}
.layer3 .imglist .-inputtime{ text-indent: 20px; text-align: left; font-size:14px; color:#F98C2F;margin-bottom: 10px;}
.layer3 .imglist .-description{padding-left: 20px;}

.layer4 > .-title{ background: url("../css/layer4_title.jpg") center no-repeat; height: 135px; margin: 30px auto}
.layer4 .-body{clear: both}
.layer4 .-item{width:50%; float: left;}
.layer4 .-item .-thumb{width:40%; float: left}
.layer4 .-item .-thumb img{width:90%}
.layer4 .-item .-cont{ float: left; margin-right: 1em;width:56%}
.layer4 .-item .-title{font-size:20px; line-height: 2em; margin-bottom: 1em}
.layer4 .-item .-btn1{width:120px; line-height: 2em;  height: 2em; text-align: center; background: #ccc; color: #fff; display: block; margin-top: 2em}
.layer4 .-item .-btn1:hover{background:#F98C2F}

.layer5 > .-title{background: url("../css/layer5_title.jpg") center no-repeat; height: 173px; margin: 2em auto}

.hasMoreTab{ }
.hasMoreTab .more a{font-size:14px; font-weight: bold}
.hasMoreTab .hd{border:none; line-height: 48px; height: 48px}
.hasMoreTab .hd ul{line-height: 48px; height: 48px}
.hasMoreTab .hd li.on,.hasMoreTab .hd li{color:#fff;width:168px; height: 48px; line-height: 48px; text-align: center; font-size:18px}
.hasMoreTab .hd li.on{background:#1751BD;}
.hasMoreTab .hd li{background:#ccc}
.hasMoreTab .con{clear: both}
.hasMoreTab .con .hot{width:45%; float: left; line-height: 2em;}
.hasMoreTab .con .hot .-thumb{ text-align: center}
.hasMoreTab .con .hot .-thumb img{width:90%}
.hasMoreTab .con .hot h2{ text-indent: 1em}
.hasMoreTab .con .hot p{padding-left:1em}
.hasMoreTab .con ul{ width:55%; float: right; }
.hasMoreTab .con ul li{ padding-left:2em; line-height: 3em}
.hasMoreTab .con ul li span{ float: right; font-family: 'Courier New', Monospace}
.hasMoreTab .bd{overflow: hidden}

.zswd{ line-height: 2em}
.zswd dl{ margin-top: 1em}
.zswd dt a{font-size:15px; font-weight: bold; margin-top: 1em}
.zswd dd{color:#666;padding-bottom: 18px;border-bottom: 1px dotted #ccc; margin-bottom: 1em}
.zswd dl span{background: #0A4CC4; color: #fff; padding:2px 6px; margin-right: 1em; }

.footer{ font-size:14px; line-height: 2em ;background:#04399F; color:#fff; padding-top:2em; margin-top:2em}
.footer h2{font-size:24px; line-height: 2em; border-bottom: 1px solid #4273D2; width:90%; margin-bottom:.2em}
.footer .col33 a{color:#fff;}

.myform {width:90%}
.myform textarea{width:99%; margin-bottom: .5em}
.myform input{width:48.8%; float: left; margin: 0 1px .5em 1px}
.myform button{width:50%; float: left}

.newslist ul li{padding:10px 0 1em 0; transition: all .8s ease;}
.newslist ul li:hover{ background: #fffee7}
.newslist ul li:hover .-title a{color:#E93100}

.imglist .-item .-thumb a{ height: 150px}

.main .hasMoreTab .hd li{
    color:#333;
    background:#fafafa;
    font-size:14px;
    width: 130px;
    height: 40px;
    line-height: 40px;
}

.main .hasMoreTab .hd li.on{color:#fff; background: #0D8DCE}

.footer-menu{width:1200px; margin:36px auto -10px;  height:30px;background: #4a6fb7; clear: both; overflow: hidden;
    -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;box-shadow: 1px 1px 2px #bbb; border: 1px solid #325BAA}
.footer-menu .item{width:11.0201%; float: left; text-align: center; border-right: 1px solid #6886c2; margin-top: 4px; line-height: 22px;}
.footer-menu .item a{color:#fff; display: block}
.footer-menu .item:hover{background:#04399F}
.footer-menu .item:last-child{border: none}

.txtMarquee-top{ height: 340px; width: auto}
.txtMarquee-top .bd{padding:0}

.copyright .fn-tac,.copyright .fn-tac a{color:#4273D2}