*{padding:0;margin:0;}
ul li{list-style:none;}
a{text-decoration:none;}
img{border:none;float:left;}
input{border:none;background:none;-webkit-appearance: none;}
.clear{clear:both;}
html,body{font:12px "Microsoft YaHei",Arial,"微软雅黑", Helvetica, sans-serif;color:#6b6a6a;width:100%;background:#F3F3F3;min-width:320px}
.img_center {width:0; height:100%; display:inline-block;vertical-align:middle;}
.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fl {float:left;}
.fr {float:right;}

/* header */
.w_1200 { width: 96%; margin: 0 auto; max-width: 1200px; }
.w1200_center{ width:100%; max-width:1200px; margin:auto;}

.header { position: absolute; left: 0; top: 0; z-index: 999; width: 100%; height: 90px; background: rgba(255, 255, 255, 0.7); }
.header .w_1200 { height: 90px;/* position: relative; */}
.header .logo { display: block; float: left; line-height: 90px; height: 90px; vertical-align: middle; }
.header .logo img { vertical-align: middle; }
.header_right { float: right; }
.header_righttop { line-height: 24px; padding-top: 2px; height: 24px; font-size: 0; text-align: right; }
.header_righttop i { padding: 0 14px; font-size: 12px; color: #b3b3b3; }
.header_righttop a { font-size: 12px; color: #1a1a1a; }
.header_nav ul li { float: left; text-align: center; }
.header_nav ul li > a { display: block; padding: 8px 15px 20px; }
.header_nav ul li > a b { display: block; line-height: 22px; height: 22px; overflow: hidden; font-size: 16px; font-weight: bold; color: #1a1a1a; }
.header_nav ul li > a i { display: block; line-height: 14px; height: 14px; overflow: hidden; font-size: 12px; color: rgba(26, 26, 26, 0.7); text-transform: uppercase; }
.header_nav ul li:last-child a { padding-right: 0px; }
.header { z-index: 998; }
.hidden_nav { position: absolute; left: 0; top: 90px; width: 100%; background: rgba(0,0,0,0.5); height: 60px; border-top: 1px solid #dbdbdb; text-align: left; overflow: hidden;text-align: center;
 display: none;}
.hidden_nav dd{ display: inline-block;}
.hidden_nav dd a{ height: 60px;line-height: 60px;overflow: hidden;font-size: 16px; color: rgba(255,255,255,0.6); padding: 0 20px;  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);  }
.hidden_nav dd a:hover{color: #fff;}
.header_nav ul li:nth-child(5) .hidden_nav,
.header_nav ul li:nth-child(6) .hidden_nav,
.header_nav ul li:nth-child(7) .hidden_nav{ text-align: right;}
.header_nav li:hover>a b{color: #08307e;}

.footer { width: 100%; padding: 32px 0; background: #eaebed; }
.footer .footer_left { float: left; padding-top: 5px; line-height: 32px; font-size: 14px; color: #666666; }
.footer .footer_right { float: right; }
.footer .footer_right .ewm { border: 1px solid #d7d7d8; height: 104px; width: 104px; text-align: center;}

.float_service { position: fixed; right: 0; bottom: 15%; z-index: 999; }
.float_service li { margin-bottom: 2px; position: relative; }
.float_service li a:hover span { background-color: #61666c; }
.float_service li a:hover .hidden_ewm, .float_service li a:hover .hidden_tel { opacity: 1; visibility: visible; }
.float_service li span { display: block; width: 40px; height: 40px; background: #3b4249 url(../image/service_icon.png) no-repeat; }
.float_service .li1 span { background-position: center top; }
.float_service .li2 span { background-position: center -42px; }
.float_service .li3 span { background-position: center -84px; }
.float_service .hidden_ewm { position: absolute; top: 0; left: -134px; width: 132px; height: 148px; background: url(404.png) no-repeat center; padding-top: 2px; padding-left: 2px; opacity: 0; visibility: hidden; }
.float_service .hidden_ewm img { width: 126px; height: 126px; border-radius: 2px; }
.float_service .hidden_ewm em { display: block; text-align: center; line-height: 20px; font-size: 14px; color: #808080; }
.float_service .hidden_tel { position: absolute; left: -120px; top: 0; height: 40px; line-height: 40px; width: 120px; color: #61666c; text-align: center; font-size: 14px; color: #fff; text-align: center; background: #61666c; opacity: 0; visibility: hidden; }

html.overflow { height: auto; overflow: hidden; }
html.overflow .p-menuModal { -webkit-overflow-scrolling: touch; overflow-y: scroll; max-height: 100%; }
.menu_btn { position: absolute; right: 2.5%; top: 50%; margin-top: -21px; display: inline-block; width: 32px; padding: 10px; }
.menu_btn.is-hidden { visibility: hidden; }
.menu_btn > * { display: block; height: 2px; background-color: #282636; -webkit-transition: width 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0s; transition: width 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0s; margin-bottom: 8px; }
.is-white .menu_btn > * { background-color: #fff; }
.menu_btn .-top { width: 32px; }
.menu_btn .-middle { width: 32px; }
.menu_btn .-bottom { width: 32px; margin-bottom: 0; }
.menu_btn:hover .-top { width: 30px; }
.menu_btn:hover .-middle { width: 40px; }
.menu_btn:hover .-bottom { width: 50px; }
.p-menuModal { position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; color: #fff; background-color: #333333; overflow: auto; }
.p-menuModal.is-hidden { /*display: none*/ }
.modal_closebtn { display: block; width: 52px; height: 42px; width: 22px; height: 22px; padding: 10px 15px; position: absolute; z-index: 9999; right: 2.5%; top: 21px; }
.modal_closewrap { position: relative; display: block; width: 30px; height: 30px; }
.modal_closewrap .-left { position: absolute; left: 0; top: 50%; display: block; width: 28px; height: 2px; background-color: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.modal_closewrap .-left:before { content: ""; position: absolute; z-index: 1; left: 0; top: 50%; display: block; width: 32px; height: 4px; background-color: #333333; margin-top: -2px; margin-left: -1px; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform .8s ease 0s; transition: -webkit-transform .8s ease 0s; transition: transform .8s ease 0s; transition: transform .8s ease 0s, -webkit-transform .8s ease 0s; transition: transform 0.8s ease 0s, -webkit-transform 0.8s ease 0s; }
:hover > .modal_closewrap .-left:before { -webkit-transform: translateX(100%); transform: translateX(100%); }
.modal_closewrap .-right { display: block; position: absolute; left: 0; top: 50%; width: 28px; height: 2px; background-color: #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.modal_closewrap .-right:after { content: ""; position: absolute; z-index: 1; left: 0; top: 50%; display: block; width: 32px; height: 4px; background-color: #333333; margin-top: -2px; margin-left: -1px; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform .8s ease .1s; transition: -webkit-transform .8s ease .1s; transition: transform .8s ease .1s; transition: transform .8s ease .1s, -webkit-transform .8s ease .1s; transition: transform 0.8s ease 0.1s, -webkit-transform 0.8s ease 0.1s; }
:hover > .modal_closewrap .-right:after { -webkit-transform: translateX(100%); transform: translateX(100%); }
.modal_content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; }
.modal_menu { padding-top: 20px; }
.modal_menu ul li { margin-bottom: 20px; text-align: center; }
.modal_menu ul li > a { display: block; position: relative; padding-bottom: 12px; margin-bottom: 6px; font-size: 18px; color: #d8d7d7; }
.modal_menu ul li > a:after { position: absolute; left: 50%; margin-left: -10px; bottom: 0; width: 20px; height: 1px; background: #fe8f00; content: ""; }
.modal_menu dl dd { display: inline-block; }
.modal_menu dl dd a { line-height: 30px; font-size: 14px; color: #a4a4a4; -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
.modal_menu dl dd a:hover { color: #fff; }
.modal_menu dl dd i { font-size: 14px; color: #a4a4a4; }
.modal_menu dl dd:last-child i { display: none; }
.modal_menu ul li a em { display: block; position: relative; -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
.modal_menu ul li a em:before { left: 0; position: absolute; top: 0; clip: rect(0, 0, 100px, 0); content: attr(data-content); color: #fe8f00; display: inline-block; zoom: 1; -webkit-transition: clip 1s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-transition: clip 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: clip 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); width: 100%; }
.modal_menu ul li:hover em:before { clip: rect(0, 600px, 100px, 0); }
.modal_menu ul li > a:before { content: ""; width: 30px; height: 1px; background: #fe8f00; position: absolute; left: 50%; margin-left: -15px; bottom: 0; -webkit-transform-origin: center; transform-origin: center; -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9; }
.modal_menu ul li:hover > a:before { transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9; }
.menu_btn { display: none; }
.trans300, .float_service li span, .common_title a, .sec1_news .img em, .sec1_news .list li a, .quick_nav a, .quick_nav dt, .quick_nav dd h3, .sec_notice .js_notice li em { transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; }
.trans100, .sec1_news .img a, .list_business li .img em, .index_honor .img em { -webkit-transition: 1s cubic-bezier(0.35, 1.69, 0.35, 0.81); transition: 1s cubic-bezier(0.35, 1.69, 0.35, 0.81); }
.imgem, .sec1_news .img em, .list_business li .img em, .index_honor .img em { position: absolute; left: 0; width: 100%; top: 0; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; }
.transx5, .sec1_news .list li a:hover { transform: translateX(5px); -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); }
.transy5, .sec1_news .img a:hover, .quick_nav a:hover { transform: translateY(5px); -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -ms-transform: translateY(5px); }
@font-face { font-family: 'human777light'; src: url(""); src: url("") format("embedded-opentype"), url("") format("woff"), url("") format("truetype"), url("") format("svg"); font-weight: normal; font-style: normal; }
.human777light { font-family: 'human777light'; }
.header_nav ul li > a{     padding: 8px 24px 20px;}
.header_nav ul li > a i{ font-family: 'human777light';  }
.float_service{bottom: 80px;}

.banner { width: 100%; }
.banner .img { position: relative; padding-bottom: 500px; }
.banner .img em { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center; background-size: cover; }
.banner .swiper-button-prev, .banner .swiper-button-next { display: block; width: 25px; height: 42px; position: absolute; top: 50%; margin-top: -21px; z-index: 99; cursor: pointer; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
.banner .swiper-button-prev { background: url(../image/ip-prev.png) no-repeat left center; left: -15px; -webkit-transform:translateX(-100%);transform:translateX(-100%); }
.banner .swiper-button-next { right: -15px; background: url(../image/ip-next.png) no-repeat right center; -webkit-transform:translateX(100%);transform:translateX(100%);}
.banner:hover .swiper-button-prev { left: 15px; opacity: 1; visibility: visible;-webkit-transform:translateX(0);transform:translateX(0);   }
.banner:hover .swiper-button-next { right: 15px; opacity: 1; visibility: visible; -webkit-transform:translateX(0);transform:translateX(0);  }
.banner .swiper-pagination { display: none; }
.banner a { display: block; }
.banner .w_1200 { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 96%; margin: 0 auto; max-width: 1200px; height: 600px; }
.banner .txt { position: absolute; left: 0; top: 0; height: 100%; }

#index_01{ width:100%; margin:0px auto; padding:20px 0 30px 0;}

.index_notice{ background:url(../image/notice.png) no-repeat left 80%; height:25px; padding:20px 0 0 20px; line-height:25px; zoom:1;}
.index_notice:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.index_notice h3{ float:left; display:inline; font-size:16px; color:#000; font-weight:normal; margin:0 5px 0 0;}
.topLoop{ float:left; width:670px; overflow:hidden; position:relative;}
.infoList li{ height:24px; line-height:24px; clear: both;position: relative;}
.infoList li a{ color:#373737; font-size:14px;white-space: nowrap;overflow: hidden;position: absolute;left: 0;top: 0;-ms-text-overflow: ellipsis;text-overflow: ellipsis;padding-left: 28px;background: url(404.png) no-repeat left center;*top: 15px;}
.infoList li .date{font-size:12px; color:#707070;position: absolute;right: 0;top: 0;*top: 15px;}
.index_notice .more{ float:right;color:#1561a5;}
.index_notice .more a{color:#1561a5;}
.index_notice .more a:hover{color:#1561a5; text-decoration:underline;}

#index_news{ width:66.2%; float:left; margin-right:1.3%;}
#index_news #tags {height:40px;line-height:40px;position:relative;}
#index_news #tags li {float:left;list-style-type: none; width:24.8%; border:1px solid #ccc; margin-left:-1px;}
#index_news #tags li a {color: #222;line-height:45px;height:45px;width:100%; background:#fff; text-decoration: none;display:block; text-align:center;font-size:14px;}
#index_news #tags li a:hover{ color:#004098; border-top:none;}

#index_news #tags li.emptyTag {BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 4px;}
#index_news #tags li.selectTag {background-position: left top;  position: relative;background:#004098; border-top:2px solid #004098; }
#index_news #tags li.selectTag a {color:#004098;}

#index_news #tagContent {font-size:12px;color:#333;overflow:hidden;clear:both; width:100%; clear:both; min-height:200px; line-height:24px; background:#fff;transition: all 0.5s; position:relative;}
#index_news .tagContent { display:none; COLOR: #474747; padding-top:30px; transition: all 0.5s;}
#index_news #tagContent DIV.selectTag {DISPLAY: block; overflow:hidden;transition: all 0.5s;}

#index_news #tit {height:20px;line-height:20px;position:relative;}
#index_news #tit li {float:left;list-style-type: none; width:100%; border-bottom:1px solid #ccc; margin-left:-1px;}
#index_news #tit li h2{font-size: 20px; font-weight: bold;text-align:left;}
#index_news #tit li a {color: #222;line-height:25px;height:25px;width:100%; background:#fff; text-decoration: none;display:block; }
#index_news #tit li a:hover{ color:#004098; border-top:none;}

#index_news #tit li.selectTag {background-position: left top;  position: relative;background:#fff; border-bottom:2px solid #004098; }
#index_news #tit li.selectTag a {color:#222;margin-left: 20px;}

.marquee {width: 770px;height: 120px;overflow: hidden;	margin-top: 10px;margin-bottom: 10px;margin: 0 auto;}
.marquee li {display: inline;float: left;margin-right: 12px;}
.marquee li a {display: block;}
.marquee li img {width: 200px;height:120px;}

.index_news_list{ font-size:12px;top:0px; width:100%; float:left; margin-left:0%;}
.index_news_list dl{ clear:both;  border-bottom:1px dotted #ccc; padding-bottom:15px; margin-bottom:15px; overflow:hidden;}
.index_news_list dl dd{ float:left; margin-right:10px; width:30%;  max-width:215px; margin-right:15px; max-height:150px; overflow:hidden;}
.index_news_list dl dd img{ width:100%;}
.index_news_list dl dt{  position:inherit;}
.index_news_list dl dt a.bt{ color:#333; font-size:18px; height:20px; line-height:20px; overflow:hidden; display:block; margin-bottom:5px; font-weight:bold;}
.index_news_list dl dt i{ color:#999; font-style:normal;}
.index_news_list dl dt a:hover{ color:#ff7e00;}
.index_news_list dl dt p.ms{ color:#666; font-size:12px; line-height:20px; overflow:hidden; height:60px; margin-bottom:5px; margin-top:10px; text-indent:24px;}
.index_news_list dl dt a.more{ color:#999; font-size:12px; }
.index_news_list dl dt a.more:hover{ color:#ff7e00; }
.index_news_list dl dt a.more span{font-family:'simsun';}
.index_news_list li { width:47%;margin-bottom:15px; font-family: "Microsoft YaHei"!important;  height:40px; float:left; margin-right:3%;}

.index_news_list .datetime {width:40px;height:40px; margin-top:5px; margin-right:10px;text-align:center;display:block; float:left;font-family:Arial, Helvetica, sans-serif; background:#004098;}
.index_news_list .datetime strong{display:block; font-size:20px; line-height:25px;height:20px; color:#fff; font-weight:normal;}
.index_news_list .datetime b{font-size:12px; line-height:12px; margin-top:5px; display:block; color:#fff; font-weight:normal;}

.index_news_list .cnt { position:inherit;height:20px; padding-top:5px;}
.index_news_list .cnt .bt {font-size: 16px;margin-bottom:0px; margin-top:0px;color:#444; font-weight:normal; height:20px; line-height:20px; overflow:hidden; display:block;}
.index_news_list p.summary {line-height:20px;margin-top:0px; color:#999; height:20px; overflow:hidden;}

.index_news_list .cnt .bt:hover{ color:#ed6d34;}
.index_news_list li:hover  .datetime{ background:#ff7e00;}

.index_about{ width:20.5%; float:left; background:#fff;}
.biaoti{ height:30px; line-height:30px; margin-top:5px;}
.biaoti b.x{ width:5px; height:22px; display:block; float:left; background:#004098; margin-top:5px; margin-right:5px;}
.biaoti h1{ float:left; font-size:20px; }
.biaoti h1 span{ color:#ccc; font-weight:normal; font-size:16px; margin-left:5px;}
.biaoti a{ float:right; width:20px; height:20px; line-height:20px; background:#fff; border:1px solid #999; display:block; margin-top:5px;}
.biaoti a:hover{ border:1px solid #004098;}
.index_video{ margin-top:25px; margin-bottom:25px;clear:both; display:block; width:100%;transition: all 0.3s; overflow:hidden; height:175px;}
.index_video img{ float:none; width:100%;transition: all 0.3s;}
.index_video:hover img{-webkit-transform:scale(1.2, 1.2); transform:scale(1.2, 1.2);}
.about_icon{ clear:both; margin-left:-5%;}
.about_icon li{ float:left; width:45%; margin-bottom:10px; margin-left:5%;}
.about_icon li a{ display:block; height:45px; line-height:45px; border:1px solid #ddd; color:#333; font-size:14px;transition: all 0.3s;}
.about_icon li a:hover{ color:#004098; border:1px solid #004098; padding-left:5%;}
.about_icon li a img{ float:left; vertical-align:middle; margin-left:15%; margin-top:10px; margin-right:5%;}

.index_02 { margin-bottom: 20px; }

.index_business { float: left; width: 66.25%; height: 320px; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 13px 1.67% 20px 1.67%; }
.index_honor { float: right; width: 32.5%; height: 320px; margin-top: 5px; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 13px 1.67% 20px 1.67%; }

.common_title { overflow: hidden; }
.common_title span { float: left; }
.common_title span b { display: block; line-height: 31px; font-size: 20px; font-weight: bold; color: #333333; }
.common_title span em { display: block; line-height: 32px; font-size: 32px; color: #e5e5e5; text-transform: uppercase; font-family: 'Noto Serif CJK SC', 'Noto Serif CJK', 'Source Han Serif SC', 'Source Han Serif', source-han-serif-sc, serif; }
.common_title a { float: right; position: relative; margin-top: 4px; padding-right: 23px; font-size: 14px; color: #242424; }
.common_title a:after { position: absolute; right: 0; top: 5.5px; background: #b3b3b3; width: 13px; height: 13px; content: "+"; text-align: center; line-height: 13px; color: #fff; overflow: hidden; font-size: 10px; }
.common_title a:hover { color: #133984; }
.common_title a:hover:after { background: #133984; }

.list_business { margin-top: -8px; position: relative; }
.list_business li { float: left; margin-left: 0.66%; }
.list_business li a { display: block; position: relative; width: 100%; }
.list_business li a:hover em { -webkit-transform: scale(1.05); transform: scale(1.05); }
.list_business li .img { position: relative; height: 0; width: 100%; overflow: hidden; }
.list_business li .txt { position: absolute; left: 0; width: 100%; bottom: 0; height: 30px; line-height: 30px; background: rgba(0, 0, 0, 0.5); font-size: 14px; color: #fff; padding: 0 4.57%; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }
.list_business .li1 { margin-left: 0; }
.list_business .li1, .list_business .li2 { width: 23.84%; }
.list_business .li1 .img { padding-bottom: 230px; }
.list_business .li3, .list_business .li4 { width: 24.9%; margin-bottom: 5px; }
.list_business .li2 .img, .list_business .li3 .img, .list_business .li4 .img { padding-bottom: 135px; }
.list_business .li5{width: 56.42%; }
.list_business .li5 .img{ padding-bottom: 90px; }
.list_business .li8 { width: 17.61%; }
.img, .list_business .li8 .img { padding-bottom: 90px; }

.index_honor .img { margin-top: -8px; position: relative; }
.index_honor .img a { display: block; position: relative; width: 100%; height: 0; padding-bottom: 230px; overflow: hidden; }
.index_honor .img a:hover em { -webkit-transform: scale(1.05); transform: scale(1.05); }
.index_honor .img i { position: absolute; left: 50%; top: 50%; margin-top: -27px; margin-left: -27px; width: 54px; height: 54px; background: url(../image/video_icon.png) no-repeat center; }

.index_honor_list {margin-top: 5px;position: relative;width: 100%;overflow: hidden;}
.index_honor_list .bd {width: 100%;height: 100%;}
.index_honor_list .bd a {display: block;position: relative;width: 100%;padding-bottom: 75.3%;}
.index_honor_list .bd a img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.index_honor_list .bd a span {display: block;position: absolute;left: 0;bottom: 0;width: 100%;height: 4rem;padding: 0 1.5rem;line-height: 4rem;font-size: 1.6rem;color: #FFFFFF;background-color: rgba(252, 143, 2, 0.4);overflow: hidden;
white-space: nowrap;text-overflow: ellipsis;}
.index_honor_list .prev,
.index_honor_list .next {position: absolute;top: 50%;width: 3rem;height: 10rem;margin-top: -5rem;background-repeat: no-repeat;cursor: pointer;background-color: rgba(84, 84, 84, 0.4);background-position: center center;}
.index_honor_list .prev {left: 0;background-image: url(../image/slide_arrl.png);}
.index_honor_list .next {right: 0;background-image: url(../image/slide_arrr.png);}

.Box {position: relative;}
.Box .content {width: 1200px;margin: 0 auto;background:#fff;margin-bottom:20px;}
.Box h2 {font-size: 20px; font-weight: bold;text-align: center;margin-bottom: 35px;padding-top: 10px;color: #333333;}
.Box .Box_con {position: relative;}
.Box .Box_con .btnl {position: absolute;}
.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 80px;cursor: pointer;}
.Box .Box_con .btnl {background: url(../image/jtl01.png) no-repeat center;left: -72px;}
.Box .Box_con .btnr {background: url(../image/jtr01.png) no-repeat center;right: -72px;}
.Box .Box_con .btnl:hover {background: url(../image/jtl02.png) no-repeat center;}
.Box .Box_con .btnr:hover {background: url(../image/jtr02.png) no-repeat center;}
.Box .Box_con .conbox {position: relative;overflow: hidden;}
.Box .Box_con .conbox ul {position: relative;list-style: none;}
.Box .Box_con .conbox ul li {float: left;width: 285px;height: 200px;margin-left: 20px;overflow: hidden;}
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box .Box_con .conbox ul li img {display: block;width: 285px;height: 200px;transition: all 0.5s;}
.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}
			
.Box .BoxSwitch {margin-top: 30px;text-align: center;}
.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
.Box .BoxSwitch span.cur {background: #004098;}

.index_04 { background: #fff; padding: 46px 1.67% 44px; margin-top: 20px; margin-bottom: 40px; }

.quick_nav { float: left; width: 24%; }
.quick_nav a { display: block; }
.quick_nav a:hover h3 { color: #133984; }
.quick_nav dt { float: left; margin-right: 22px; }
.quick_nav dd h3 { font-size: 20px; color: #1a1a1a; line-height: 28px; }
.quick_nav dd h4 { font-size: 12px; color: #666666; line-height: 20px; }
.quick_nav:nth-child(1) { width: 26%; }
.quick_nav:nth-child(2) { width: 21.5%; }
.quick_nav:nth-child(3) { width: 28.62%; }
.quick_nav:nth-child(4) {  width: 23.88%; }

.index_link .select { position: relative; float: left; width: 30.83%; height: 44px; margin-right: 3.75%; margin-bottom: 10px; background: #fff; text-align: left; }
.index_link .select:nth-child(3) { margin-right: 0; }
.index_link .select dt { display: block; line-height: 42px; height: 42px; font-size: 14px; color: #333333; overflow: hidden; border: 1px solid #d4d4d4; padding: 0 20px; background: url(../image/select_icon.png) no-repeat 95% center; cursor: pointer; }
.index_link .select dt:hover, .index_link .select dt.cur { -webkit-box-shadow: 0 0 3px #e0fee0; box-shadow: 0 0 3px #e0fee0; }
.index_link .select dd { position: absolute; z-index: 2; left: 0; top: 42px; width: 100%; border: 1px solid #d4d4d4; background: #fff; display: none; -webkit-box-sizing: border-box; box-sizing: border-box; }
.index_link .select dd ul { width: 100%; max-height: 192px; overflow: auto; }
.index_link .select dd ul li { display: block; width: 100%; float: left; }
.index_link .select dd ul li a { display: block; padding: 0 20px; font-size: 14px; color: #333333; height: 32px; line-height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.index_link .select dd ul li a:hover { background: #f7f7f7; }

@media only screen and (max-width: 1260px) { 
.header_right { display: none; }
.menu_btn { display: block; } 
.common_title { margin-bottom: 8px; }
.common_title span em { display: none; }
.list_business, .index_honor .img { margin-top: 0; }
.banner .img { padding-bottom: 40%; }
}
@media screen and (max-width:1200px) {
.marquee {width: 100%;}
}
@media only screen and (max-width:1023px){
.w1200_center{ width:98%; margin:auto;}
}
@media only screen and (max-width: 991px) { 
.footer .footer_left, .footer .footer_right { float: none; width: 100%; text-align: center; }
.footer .footer_right .ewm { margin: 0 auto; }
.footer .footer_left { line-height: 22px; margin-bottom: 15px; }
.index_04 { padding: 20px 1.67%; }
.quick_nav { width: 48% !important; padding: 15px 0; }
.quick_nav:nth-child(1), .quick_nav:nth-child(3) { margin-right: 4%; }
.index_link .select { width: 100%; margin-right: 0; } 
.header { position: relative; height: 80px; }
.header .logo { height: 80px; line-height: 80px; }
.banner .img { padding-bottom: 65%; }
.banner .swiper-pagination { display: block; }
.modal_content { height: 830px; }
.header .logo img { width: 200px; } 
.index_notice{position: relative;height: 60px;padding-left: 0;}
.index_notice h3{float: none;position: absolute;left: 25px;top: 0;}
.index_notice .more{float: none;position: absolute;right: 0;top: 0;}
.topLoop{float: none;padding-top: 30px;width: auto;}
}
@media only screen and (max-width:800px){	
div#index_news{ width:100%;}	
#index_news #tags li{ width:24.8%;}
.index_about{ width:100%; margin-top:15px; height:auto;}
.index_video{ height:auto;}
}
@media only screen and (max-width: 780px) { 
.index_business, .index_honor { float: none; width: 100%; margin-bottom: 15px; height: auto; }
.index_honor .img a { padding-bottom: 65.71%; }
.list_business li { width: 50% !important; margin-left: 0; margin-bottom: 5px; }
.list_business li .img{ padding-bottom:73.17%!important;}
.quick_nav { width: 100% !important; margin-right: 0% !important; }
}
@media only screen and (max-width:659px){
#index_01{ margin-top:20px;}
}
@media only screen and (max-width:480px){
#index_news #tags li{ width:24.5%;}
}