@charset "UTF-8";
header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details, summary, picture { display: block; }
::-moz-selection {
background:#0464b0;
color:#fff;
text-shadow:none;
}
*{ word-wrap:break-word;}
::selection { background: #0464b0; color: #fff; text-shadow: none; }
/*input:focus{-moz-outline-style:none; border:0px;}*/
:focus { outline: none; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, figure { margin: 0; padding: 0; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
ol, li, ul, dl, dt, dd { list-style: none; }
fieldset, img, input, select { border: 0; }

table { border-collapse: collapse; border-spacing: 0; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
img { vertical-align: middle; }
input, textarea, select, button { font-family: inherit; font-size: inherit; font-weight: inherit; outline-style: none; outline-width: 0pt; resize: none; padding: 0; margin: 0; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
b, em, i { display: inline-block; vertical-align: middle; font-weight: normal; font-style: normal; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { zoom: 1; }
.clear{ clear:both;}
html { verflow: -Scroll; overflow-x: hidden; zoom: 1; overflow-y: scroll; overflow: -moz-scrollbars-vertical; }
body {/*overflow-x:hidden;*/ font-family: "方正兰亭",  "arial"; color: #91969B;  position: relative; font-size: 14px; line-height: 24px; /*font-weight: 300;*/ }
a { /*color: #636363;*/ text-decoration: none; outline: 0 none; -webkit-transition: color .2s; -moz-transition: color .2s; -ms-transition: color .2s; -o-transition: color .2s; transition: color .2s; }
a:hover { color: #000; text-decoration: none; }

a.blue{ color:#005691;}




.width{ max-width:1200px; margin:0 auto; padding:0 3%; width:94%;}
/*首页banner条*/
.IndexBanner { }
.IndexBanner .banner { width: 100%; height: auto; z-index: 0 }
.IndexBanner .swiper-container { width: 100%; height: 100% }
.IndexBanner .swiper-slide img { width: 100%; height: 100%; }
.IndexBanner .swiper-slide .info { width: 100%; left: 0; margin: 0 auto; position: absolute; height:auto; z-index: 2 }
.IndexBanner .swiper-slide .info h3 { color: #fff; text-align: left; font-size: 40px; font-weight: 400; max-width: 1120px; margin: 10% auto 8% auto; z-index: 2; padding: 0 3%; }
.IndexBanner .swiper-slide .info p { color: #fff; text-align: left; font-size: 18px; max-width: 1120px; margin: 0 auto; z-index: 2; padding: 0 3%; }
.IndexBanner .swiper-slide .info p span { margin-right: 30px; }
.IndexBanner .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 20px }
.IndexBanner .swiper-pagination-bullet { width: 40px; height: 5px; border-radius: 0 }
.IndexBanner .swiper-pagination-bullet-active {width: 40px;background: #fff;}



header .pc_head{ border-top:1px solid #f4f4f4; border-bottom:2px solid #e6e6e6; clear:both; width:100%; background:#fff; height:80px;position:relative; z-index: 9;}
header .pc_head .logo{ float:left; width:170px;padding:8px 0;}
header .pc_head .menu{ float:left;width: calc(100% - 250px); height:80px;}
header .pc_head .lang{ float:left; width:79px; text-align:right; line-height:47px; font-size:14px;padding:14px 0; }
header .pc_head .lang ul li{ padding-right:30px; cursor:pointer;background:url(../img/lang_ico.jpg) no-repeat right center; position:relative; }
header .pc_head .lang ul li .yuyan{ display:none;}
header .pc_head .lang ul li:hover .yuyan{ width:100%; border-top:1px solid #ccc;display:block; position:absolute; left:0; top:47px; z-index:9999; }
header .pc_head .lang ul li:hover .yuyan a{ height:30px; line-height:30px; text-align:center; background:#fff; border-bottom:1px solid #ccc; display:block; width:100%; font-size:12px;}
header .pc_head .lang ul li:hover .yuyan a:hover{ color:#0464b0;}
header .pc_head .search{ float:left; width:197px; border:1px solid #bababa; border-radius:3px; height:30px; line-height:30px; margin-top:21px;}
header .pc_head .search button{ width:32px; background:url(../img/search_btn.jpg) no-repeat center; height:30px; border:0; float:left; cursor:pointer;}
header .pc_head .search input{ float:left;width: calc(100% - 32px);  font: 400 12px Arial; height:30px; line-height:30px;}


.animenu__toggle { display: none; cursor: pointer; border: 0; }
.animenu__toggle:hover {  height: 2px; background-color: #fff; -webkit-transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); -o-transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); }
.animenu__toggle__bar + .animenu__toggle__bar { }
.animenu__toggle--active .animenu__toggle__bar { margin: 0; position: absolute; }
.animenu__toggle--active .animenu__toggle__bar:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.animenu__toggle--active .animenu__toggle__bar:nth-child(2) { opacity: 0; }
.animenu__toggle--active .animenu__toggle__bar:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.animenu { display: block;}
.animenu ul { padding: 0; list-style: none;  }
.animenu li, .animenu a { display: inline-block; font-size: 14px; }
.animenu a { color: #91969b; text-decoration: none;display: block;width: 100%; }
.animenu__nav {  }
.animenu__nav > li { position: relative; text-align:center; width:14%; max-width:130px;  }
.animenu__nav > li.noposition { position:static; text-align:center; width:14%; max-width:130px;  }

.animenu__nav > li > a { text-transform: uppercase; line-height:78px; }
.animenu__nav > li:hover > ul { opacity: 1; visibility: visible; margin: 0; }
.animenu__nav > li:hover > a,.animenu__nav > li > a.dq { color:#000; background:url(../img/hei_line.jpg) no-repeat center bottom;}
.animenu__nav__child { min-width: 150%; border:1px solid #d8eaf8; position: absolute; top: 100%; left: -15%; z-index:99999999 !important; opacity: 0; visibility: hidden; margin: 20px 0 0 0;  background: #d8eaf8; transition: margin .15s, opacity .15s; }
.animenu__nav__child2{ border-bottom:2px solid #ccc; border-top:1px solid #ccc; min-width:100%; position: absolute; top: 100%; left: 0; z-index:99999999; opacity: 0; visibility: hidden;  background-color: #fff; transition: margin .15s, opacity .15s; }
.animenu__nav__child > li { width: 100%; border-bottom: 1px solid #fff; }

.animenu__nav__child > li:last-child { border: 0; }
.animenu__nav__child a {width: 100%; border-color: #fff; color:#0464b0; line-height:22px; padding:8px 8px; }
.animenu__nav__child a:hover { background-color: #0464b0; border-color: #0464b0; color: #fff; }
 
.animenu__nav--open { display: block !important; }
.animenu__nav--open .animenu__nav__child { display: block; }

.animenu__nav__child2 li{ width:22%; margin-right:3%; padding:35px 0; float:left; text-align:left;}
.animenu__nav__child2 li a{ color:#000; margin-bottom:5px;}
.animenu__nav__child2 li p{ margin-bottom:10px;}
.animenu__nav__child2 img{ width:100%; max-width:200px;}



footer .link_bar{ background:#323232; padding:38px 0 50px 0; clear:both; overflow:hidden;}
footer .link_bar ul li{ float:left; width:16.66666%;}
footer .link_bar ul li h5{ color:#fff; font-weight:bold; font-size:14px; line-height:36px;}
footer .link_bar ul li.aboutli h5{ text-align:right;}
footer .link_bar ul li a{ display:block; font-size:14px; line-height:36px; color:#91969b;}
footer .link_bar ul li a:hover{ color:#fff;}
footer .link_bar ul li span{ float:right; margin-left:5px; overflow:hidden; display:block; width:24px; height:22px;}
footer .link_bar ul li span a{ display:block;}
footer .link_bar ul li span.bg1{ background:url(../img/link1.png) no-repeat;}
footer .link_bar ul li span.bg1:hover{background:url(../img/link11.png) no-repeat;}
footer .link_bar ul li span.bg2{ background:url(../img/link2.png) no-repeat;}
footer .link_bar ul li span.bg2:hover{background:url(../img/link22.png) no-repeat;}
footer .link_bar ul li span.bg3{ background:url(../img/link3.png) no-repeat;}
footer .link_bar ul li span.bg3:hover{background:url(../img/link33.png) no-repeat;}
footer .link_bar ul li span.bg4{ background:url(../img/link4.png) no-repeat;}
footer .link_bar ul li span.bg4:hover{background:url(../img/link44.png) no-repeat;}


footer {}
footer .copyright_bar{ background:#000; padding:10px 0; clear:both; overflow:hidden;}
footer .copyright{ padding-bottom:7px;}
footer .copyright_bar h5{ font-size:14px; font-weight:bold; color:#fff; line-height:30px;}
footer .copyright_bar .brandSort { height: inherit; position: relative; zoom: 1 }
footer .copyright_bar .v_box, footer .copyright_bar .h_box, .close_box {  }
footer .copyright_bar .v_box ul li,footer .copyright_bar .h_box ul li { padding: 0 20px 0 0; font-size:14px; height: 28px; line-height: 28px; float: left; }
footer .copyright_bar .v_box ul li a, footer .copyright_bar .h_box ul li a { color: #787C80; }
footer .copyright_bar .v_box ul li a:hover, footer .copyright_bar .h_box ul li a:hover { color: #fff; }
footer .copyright_bar .close_box { position: absolute; right: 0; bottom: 0; width: 15px; height: 15px; line-height: 15px; cursor: pointer; }
footer .copyright2 ul li{ float:left; width:20%;}
footer .copyright2 ul li a{ text-align:center; margin:0 auto; width:100%; display:block; max-width:80px;} 
footer .copyright2 ul li.tel{ width:30%; color:#fff; font-size:14px; text-align:right; margin-top:20px;}
footer .copyright2 ul li.tel img{ margin-right:10px;}
footer .copyright2 ul li.text2{ margin-top:40px; line-height:20px; width:50%;}




.sj_head{ display:none;}
footer .link_bar2{ display:none;}

.sj_search2{ display:none;}


.pager{ width:100%; padding:0 0; clear:both; overflow:hidden;}
.pager a{ border:1px solid #ccc; padding:4px 8px; margin-right:5px; color:#636363; line-height:18px; display:block; float:left; margin-bottom:5px; }
.pager select{ padding:3.5px 8px; border:1px solid #ccc;margin-right:5px;margin-bottom:5px;  }
.pager a:hover{ color:#fff; background:#0464b0;}


@media (max-width: 768px) {
/*首页banner条*/

.IndexBanner .banner { width: 100%; height: auto; z-index: 0; }
.IndexBanner .swiper-container { width: 100%; height: 100%; }
.IndexBanner .swiper-slide img {     width: 160%; height: 100%; margin-left: -30%; }
.IndexBanner .swiper-slide .info { width: 100%; left: 0; margin: 0 auto; position: absolute; height:auto; z-index: 2 }
.IndexBanner .swiper-slide .info h3 { color: #fff; text-align: left; font-size: 18px; font-weight: 400; max-width: 1120px; margin: 8% auto 2% auto; z-index: 2; padding: 0 3%; }
.IndexBanner .swiper-slide .info p { color: #fff; text-align: left; font-size: 12px; line-height: 20px; max-width: 1120px; margin: 0 auto; z-index: 2; padding: 0 3%; }
.IndexBanner .swiper-slide .info p span { margin-right: 20px; }
.IndexBanner .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 6px }
.IndexBanner .swiper-pagination-bullet { width: 20px; height: 3px; border-radius: 0 }
.IndexBanner .swiper-pagination-bullet-active { width: 20px; background: #fff }
        


.sj_head{ display:block; position:relative; height:66px;}
.sj_head .sj_logo{ position:absolute; left:3%; top:8px; z-index:999999; }
.sj_head .sj_logo img{ max-width:115px;}



.pc_head{ display:none;}
footer .link_bar{ display:none;}	


footer .link_bar2{ display:block;}

footer .link_bar2 .bellows__item:not(.bellows--is-open) > .bellows__content {display: none; }
footer .link_bar2 .bellows__item.bellows--is-open > .bellows__content-wrapper,
footer .link_bar2 .bellows__item.bellows--is-closing > .bellows__content-wrapper {display: block; }
footer .link_bar2 .bellows__content-wrapper {display: none; }
footer .link_bar2 .bellows .bellows__item{ float:left; width:100%; margin:0 0% 0 0%;}
footer .link_bar2 .bellows { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
footer .link_bar2 .bellows__header { position: relative; line-height:24px; padding:11px 3% 11px 3%; -webkit-tap-highlight-color: transparent; font-size:14px; background:#323232; border-bottom:1px solid #232323; }
footer .link_bar2 .bellows__item img{ width:100%;}
footer .link_bar2 .bellows__header:active { background: #0464b0; color:#fff; }
footer .link_bar2 .bellows__header::before, footer .link_bar2 .bellows__header::after { content: ''; position: absolute; top: 50%; right: 15px; z-index: 2; display: block; width: 16px; height: 4px; margin-top: -2px; background:#eee; pointer-events: none; -webkit-transition: -webkit-transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out; }
footer .link_bar2 .bellows__header::before { content: ''; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
footer .link_bar2 .bellows__header::after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
footer .link_bar2 .bellows__item.bellows--is-open > .bellows__header::before, .bellows__item.bellows--is-opening > .bellows__header::before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
footer .link_bar2 .bellows__item.bellows--is-open > .bellows__header::after, footer .link_bar2 .bellows__item.bellows--is-opening > .bellows__header::after { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
footer .link_bar2 .bellows__item:last-child > .bellows__header { border-bottom:1px solid #232323; background:#323232;}
footer .link_bar2 .bellows__header h1,  footer .link_bar2 .bellows__header h2,  footer .link_bar2 .bellows__header h3,  footer .link_bar2 .bellows__header h4 { margin: 0; color:#fff; }
footer .link_bar2 .bellows__content { font-size:14px; line-height:30px; background:#fff; padding:0 3% 0 3%; }
footer .link_bar2 .bellows__content a{ display:block;}
footer .link_bar2 .bellows__content a:hover{ color:#0464b0}
footer .link_bar2 .bellows__content .bellows { margin-top: 20px; }

footer .link_bar2 .fx { background:#323232; clear:both; overflow:hidden;}
footer .link_bar2 .fx h5{ color:#fff; font-weight:bold; float:left; margin-right:10px; font-size:14px; line-height:45px;}
footer .link_bar2 .fx a{ display:block; font-size:14px; line-height:26px; color:#999;}
footer .link_bar2 .fx a:hover{ color:#fff;}
footer .link_bar2 .fx span{ float:left; margin-top:11px; margin-right:5px; overflow:hidden; display:block; width:24px; height:22px;}
footer .link_bar2 .fx span a{ display:block;}
footer .link_bar2 .fx span.bg1{ background:url(../img/link1.png) no-repeat;}
footer .link_bar2 .fx span.bg1:hover{background:url(../img/link11.png) no-repeat;}
footer .link_bar2 .fx span.bg2{ background:url(../img/link2.png) no-repeat;}
footer .link_bar2 .fx span.bg2:hover{background:url(../img/link22.png) no-repeat;}
footer .link_bar2 .fx span.bg3{ background:url(../img/link3.png) no-repeat;}
footer .link_bar2 .fx span.bg3:hover{background:url(../img/link33.png) no-repeat;}
footer .link_bar2 .fx span.bg4{ background:url(../img/link4.png) no-repeat;}
footer .link_bar2 .fx span.bg4:hover{background:url(../img/link44.png) no-repeat;}





footer .copyright_bar{ background:#000; padding:10px 0; clear:both; overflow:hidden;}
footer .copyright{ padding-bottom:20px;}
footer .copyright_bar h5{ font-size:14px; font-weight:bold; color:#fff; line-height:30px;}
footer .copyright_bar .brandSort { height: inherit; position: relative; zoom: 1 }
footer .copyright_bar .v_box, footer .copyright_bar .h_box, .close_box {  }
footer .copyright_bar .v_box ul li,footer .copyright_bar .h_box ul li { padding: 0 20px 0 0; font-size:14px; height: 28px; line-height: 28px; float: left; }
footer .copyright_bar .v_box ul li a, footer .copyright_bar .h_box ul li a { color: #999; }
footer .copyright_bar .v_box ul li a:hover, footer .copyright_bar .h_box ul li a:hover { color: #fff; }
footer .copyright_bar .close_box { position: absolute; right: 0; bottom: 0; width: 56px; height: 15px; line-height: 15px; cursor: pointer; }
footer .copyright2 ul li{ float:left; height:22px; line-height:22px; width:100%;}
footer .copyright2 ul li a{ text-align:center; width:100%; display:block;} 
footer .copyright2 ul li.tel{ width:100%; color:#fff; display:none;}
footer .copyright2 ul li.img{ display:none;}
footer .copyright2 ul li.tel img{ margin-right:10px;}
footer .copyright2 ul li.text2{ margin-top:00px; line-height:20px; width:100%;}



.sj_search2{ display:block; border-top:1px solid #ccc;border-bottom:1px solid #ccc; height:35px; line-height:35px;}
.sj_search2 input{ float:left;width: calc(100% - 32px); height:35px; line-height:35px;}
.sj_search2 button{width:32px; background:url(../img/search_btn.jpg) no-repeat center; height:35px; border:0; float:left; cursor:pointer;}

footer { }



}