@charset "utf-8";
body,html{ overflow-x:hidden;}
body{ color:#3a3838;  height:auto; box-sizing:border-box; background-color:#fff;}
.course{-moz-user-select: none; /*»ðºü*/
  -webkit-user-select: none;  /*webkitä¯ÀÀÆ÷*/
  -ms-user-select: none;   /*ie10*/
  -khtml-user-select: none; /*ÔçÆÚä¯ÀÀÆ÷*/
  user-select: none;}
a{ color:#3a3838; text-decoration:none;}
a:hover{ text-decoration:none; color:#073680;}
i,em{ font-style:normal;}
.span arti_publisher{padding-rignt:20px;}
.span arti_update{padding-rignt:20px;}
.picbase1-content h2{
    background: #073680;
    color: #fff;
    font-size: 1.5em;
    font-family: "ProximaNova","Helvetica Neue",Arial,sans-serif;
    margin: 0;
    padding: 8px 12px;
     border-bottom: 1px solid #073680; 
    -moz-opacity: 0.7;
    filter: alpha(opacity=70);
    opacity: 0.7;}
.picbase1-content p {
    display: none;}
.pro_list .pd,
.nav_con a,
.nav_con a:before
{
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;}

.menu-link{
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;}
.menu-link *{box-sizing: border-box;}
.menu-link { display:none; border-radius:5px; box-sizing: border-box; position:absolute; top:12px;right:-8px;font-size: 12px;z-index: 10;width:42px;height:42px; padding:6px 8px;}
.menu-link:hover,
.menu-link:focus {}
.menu-link span {position: relative;display: block;margin-top:12px;}
.menu-link span,
.menu-link span:before,
.menu-link span:after {background-color: #fff;width: 100%;height:3px;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
.menu-link span:before,
.menu-link span:after {position: absolute;top: -.7em;content: " ";}
.menu-link span:after {top: .7em;}
.menu-link.active span {background: transparent;}
.menu-link.active span:before { background-color:#fff;
-webkit-transform: rotate(45deg) translate(.5em, .4em);
-moz-transform: rotate(45deg) translate(.5em, .4em);
-ms-transform: rotate(45deg) translate(.5em, .4em);
-o-transform: rotate(45deg) translate(.5em, .4em);
transform: rotate(45deg) translate(.5em, .4em);}
.menu-link.active span:after { background-color:#fff;
-webkit-transform: rotate(-45deg) translate(.6em, -.5em);
-moz-transform: rotate(-45deg) translate(.6em, -.5em);
-ms-transform: rotate(-45deg) translate(.6em, -.5em);
-o-transform: rotate(-45deg) translate(.6em, -.5em);
transform: rotate(-45deg) translate(.6em, -.5em);} 

.menu .h3 em,
.menu .h3 span,
.slick-arrow,
.top_nav em{
font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.slick-arrow{
font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

.ibanner .slick-slide{ background:no-repeat top center; background-size:cover; position:relative;}
.ibanner .slick-slide img{ width:100%; height:auto;}
.ibanner .slick-arrow{font-size:44px; position:absolute; top:50%; z-index:2; height:44px; margin-top:-22px; line-height:44px; width:44px; text-align:center; padding:0px; border:none; color:#000; background:none;}
.ibanner .slick-prev{ left:-56px;}
.ibanner .slick-prev:before{ content: "\e6bd";}
.ibanner .slick-next{ right:-56px;}
.ibanner .slick-next:before{ content: "\e651";}

.ibanner .slick-dots,
.iscenery .slick-dots,
.iperiodical .slick-dots{ position:absolute; margin-left:-15px; left:50%; bottom:110px;}
.ibanner .slick-dots li,
.iscenery .slick-dots li,
.iperiodical .slick-dots li{ float:left; margin:0 5px;}
.ibanner .slick-dots li button,
.iscenery .slick-dots li button,
.iperiodical .slick-dots li button{ display:block; border:none; padding:0px; width:12px; height:12px; text-indent:-99px; border-radius:50%; overflow:hidden;  background:rgba(255,255,255,0); box-sizing:border-box; box-shadow:0 0 0 1px #fff;}
.ibanner .slick-dots li.slick-active button,
.iscenery .slick-dots li.slick-active button,
.iperiodical .slick-dots li.slick-active button{background:#fff;}

.iscenery .slick-dots{ bottom:20px;}

.iperiodical .slick-dots li button{ box-shadow:0 0 0 1px #073380;}
.iperiodical .slick-dots li.slick-active button{ background:#073380;}


.ibanner .single-item:hover .slick-arrow{ color:#009fe3;}

.ibanner .text{ position:absolute; left:0px; right:0px; bottom:0px; background:rgba(0,0,0,0.4); color:#fff;}
.ibanner .npd{ padding:15px 0;}
.ibanner .h3{ font-size:16px; height:26px; line-height:26px; overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.ibanner .p{ font-size:15px; height:25px; line-height:25px; overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}

.wp{ width:1162px; position:relative; margin:0 auto;}

.header{ position:fixed; left:0px; top:40px; right:0px; background:url(/gjjyxy/dfiles/11165/sie/images/menu_bg.jpg) repeat-y #073680 top center; z-index:15;}
.header:before{ content:"\20"; position:absolute; top:-40px; height:40px; left:0px; right:0px; background:url(/gjjyxy/dfiles/11165/sie/images/header_bg.jpg) repeat-y  #073680 top center;}
.header .wp{ height:62px;}
.logo{ width:327px; position:absolute; left:0px; top:-20px;}
.logo img{ width:100%; height:auto; display:block;}
.menu{ float:right;}
.menu li{ float:left; margin-left:28px; position:relative; padding:14px 0;}
.menu .h3 a{ line-height:34px; height:34px; display:block; border-radius:3px; color:#fff; font-size:18px;}
.menu .h3 i{ font-size:12px;}
.menu .box{ position:absolute; top:62px; left:0px; width:158px; box-sizing:border-box; background:#fff; border-top:3px solid #073680; display:none;}
.menu .box a{ display:block; font-size:14px; line-height:34px; background:#f5f5f5; padding-left:22px; border-bottom:1px solid #bfbfbf;}
.menu li:hover .box{ display:block;}
.menu .box a:hover{ color:#073680;}

.menu .h3 span{ display:none; position:absolute; right:0px; top:0px; width:40px; height:40px; text-align:center; line-height:40px; cursor:pointer; color:#3a3838;}
.menu .h3 span:before { content: "\e605";}
.menu .h3 span.active:before { content: "\e606";}
.menu li.curr .h3 span{ color:#fff;}
.menu .h3 em{ display:none; position:absolute; right:0px; top:0px; width:40px; height:40px; text-align:center; line-height:40px;}
.menu .h3 em:before{ content:"\e88b";}

.top_nav{ position:absolute; top:-40px; right:0px;}
.top_nav em{ display:none; position:absolute; right:0px; top:0px; width:40px; height:40px; text-align:center; line-height:40px;}
.top_nav em:before{ content:"\e88b";}
.top_nav a{ height:40px; line-height:40px; color:#fff; padding:0 38px; font-size:16px; display:block; float:left; position:relative;}
.top_nav a:before{ content:'\20'; position:absolute; right:0px; width:1px; background:#fff; height:16px; top:50%; margin-top:-8px;}
.top_nav a.wt:before{display:none;}
.top_nav a:last-child{ padding-right:0px;}
.top_nav a:last-child:before{ display:none;}

#search{display:none;}
.body_fix .top_nav{ display:none;}
.body_fix .header{ top:0px;}
.body_fix .header:before{ display:none;}
.body_fix .logo{ top:50%; margin-top:-20px; width:200px;}


.tit1{ position:relative; padding-bottom:23px; background:url(/gjjyxy/dfiles/11165/sie/images/tit1_b.jpg) no-repeat left bottom; margin-bottom:20px;}
.tit1 strong{ font-size:22px; color:#073380; font-weight:normal; line-height:1; padding-left:25px;}
.tit1 a{ background:url(/gjjyxy/dfiles/11165/sie/images/tit1_m.jpg) no-repeat; width:74px; height:23px; line-height:23px; text-align:center; display:block; position:absolute; right:0px; bottom:0px;}
.icon1{ padding:40px 0;}
.iconfl{ float:left; width:547px;}
.iconfr{ float:right; width:547px;}

.inews{}
.inews li{ font-size:17px; border-bottom:1px dotted #aaaaaa; overflow:hidden; line-height:40px;}
.inews a{ height:40px; color:#333333; display:block; padding-left:25px; overflow:hidden; margin-right:80px; position:relative;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.inews a:hover{ color:#073380;}
.inews a:before{ content:'\20'; background:url(/gjjyxy/dfiles/11165/sie/images/news_bg.jpg) no-repeat; width:9px; height:9px; position:absolute; left:0px; top:50%; margin-top:-4.5px;}
.inews em{ float:right; color:#666666;}

.iscenery{ position:relative;}
.iscenery img{ width:100%; height:auto; display:block;}





.icon3{ padding-bottom:40px;}
.iperiodical{}
.iperiodical .single-item{ margin-right:-20px; padding-bottom:40px;}
.iperiodical .pd{ display:block; margin-right:20px;}
.iperiodical img{  height:auto; display:block;margin: 0 10px;}
.iperiodical .slick-dots{ bottom:0px;}

.footer{ background:#222; color:#fff; padding:60px 0;}
.footer a{ color:#fff;}
.footer_fl{ position:relative; float:left;}
.footer_fl:before{ content:'\20'; width:2px; height:80px; background:#414141; position:absolute; left:142px; top:0px;}
.footer_fl .pd{ padding-left:176px; position:relative; margin-bottom:18px;}
.footer_fl .h3{ font-size:26px; line-height:30px; position:absolute; left:0px; top:0px;}
.footer_fl .p{ overflow:hidden;}
.footer_fl .p a{ margin-right:7px; display:block; float:left;}
.footer_fl .pd:last-child{ margin-bottom:0px;}
.footer_fr{ float:right; font-size:16px;}
.footer_fr li{ overflow:hidden;}
.footer_fr .h3{ float:left;}
.footer_fr .p{ overflow:hidden;}





.pg{background:#f5f5f5;}
.pgfl{ width:auto; border-bottom:1px solid #ccc; background: #f5f5f5;}
.nav_tit{ float:left; color:#000; height:80px; line-height:80px; padding-left:25px; font-size:24px; position:relative;}
.nav_tit:before{ content:'\20'; border-radius:2px; background: #073380; position:absolute; left:0px; width:4px; height:24px; top:50%; margin-top:-12px;}
.nav_con{ float:right;}
.nav_con li{ float:left;}
.nav_con a{ padding:0 15px; margin:0 10px; height:80px; line-height:80px; display:block; position:relative;}
.nav_con a:before{ content:'\20'; position:absolute; bottom:-2px; left:50%; margin-left:0px; width:0px; height:4px; border-radius:2px;background: #073380;}
.nav_con li.curr a:before,.nav_con li:hover a:before{ width:100%;left:50%; margin-left:-50%;}
.nav_con li.curr a,.nav_con li:hover a{ color:#073380;}

.pgfr{}
.pg_con{}
.pro_list{}
.pro_list ul{ margin-right:-15px;}
.pro_list .pd{ margin-right:15px; background:#ffffff; display:block; color:#3a3838;}
.pro_list .img img{ width:100%; height:auto; display:block;}
.pro_list .text{ padding:15px;}
.pro_list .h3{ font-size:16px; font-weight:bold; line-height:28px; overflow:hidden; padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed #d8d7d7;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.pro_list .p{ font-size:14px; line-height:24px; height:48px; overflow:hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.pro_list .pd:hover{ box-shadow:2px 2px 5px rgba(0,0,0,0.3); transform:translateY(-5px);}

.info_tit{ font-size:16px; font-weight:bold; text-align:center; margin-bottom:30px;}
.info_con{ font-size:14px; line-height:2;}
.info_con img{ display:block; margin:0 auto; height:auto !important; padding:20px 0;}


.tit2{ font-size:24px; color:#3a3838; position:relative; line-height:1; padding-bottom:16px; margin-bottom:30px;padding-top:30px; font-weight:bold;}
.tit2:before{ content:'\20'; height:4px; width:52px; border-radius:2px; background:#073380; position:absolute; left:0px; bottom:0px;}
@media screen and (max-width:1024px){
body{ padding-top:62px;}
#search{display:block;}
.header:before{ display:none;}
.header{ top:0px;}
.logo{ width:180px; top:50%; margin-top:-18px;}

.menu{ position:fixed; top:62px; right:-200px; bottom:0px; background:#fff; width:200px;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;}
.menu.active{ right:0px; box-shadow: 0 0 10px rgba(0,0,0,0.3);}
.menu li{ margin-left:0px; float:none; padding:0px; border-bottom:1px solid #ccc;}
.menu .h3 a{ background:#fff; padding:0 20px; font-size:14px; color:#000; border-radius:0px; height:40px; line-height:40px;}
.menu .h3 a i{ display:none;}
.menu-link{ display:block;}
.menu .box{ position:static; width:auto; border:none;}
.menu li:hover .h3 a{}
.menu li:hover .box{ display:none;}
.menu li.curr .h3 a{ background:#073380; color:#fff;}

.menu .h3 span{ display:block;}
.menu .h3 em{ display:block;}

.top_nav{ position:fixed; top:62px; right:-200px; bottom:0px; background:#fff; width:200px;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;}
.top_nav a{background:#fff; padding:0 20px; font-size:14px; color:#000; border-radius:0px; height:40px; line-height:40px; border-bottom:1px solid #ccc; float:none; display:block;}
.top_nav em{ display:block;}
.top_nav.active{ right:0px; box-shadow: 0 0 10px rgba(0,0,0,0.3);}
.nav-link{ position:absolute; right:40px; top:11px; color:#fff;}
.nav-link:hover{ color:#fff;}
.nav-link span{ font-size:28px; width:40px; height:40px; line-height:40px; text-align:center; display:block;}

.slick-dots{ bottom:10px;}
.slick-dots li{ margin:0 3px;}
.slick-dots li button{ width:6px; height:6px;}

.iconfl{ width:auto; float:none; margin-bottom:50px;}
.iconfr{ width:auto; float:none;}
.ibanner .text{ position:static;}

.wp{ width:auto; margin:0 30px;}

.pg{}
.pgfl{ display:none;}
.pgfr{ width:auto;}
.info_con{ line-height:1.66;}

.tit2{ margin-bottom:20px;}
}
@media screen and (max-width:768px){
.pro_list li{ width:97%;}
.pro_list a {padding-left: 5px;}

}

@media screen and (max-width:480px){
.wp{ margin:0 20px;}
.ibanner .h3{ font-size:16px;}
.ibanner .p{ font-size:12px;}
.inews li{ font-size:14px;}
.iconfl{ margin-bottom:30px;}
.tit1{ margin-bottom:15px;}

.pg{ padding:30px 0;}
.pro_list ul{ margin-right:-10px;}
.pro_list .pd{ margin-right:10px;}
.pro_list .text{ padding:10px;}
.pro_list .h3{ padding-bottom:5px; margin-bottom:5px; font-size:14px; height:20px; line-height:20px;}
.pro_list .p{ font-size:12px; line-height:18px; height:36px;}

.info_tit{ margin-bottom:15px;}
.info_con img{ padding:15px 0;}

.tit2{ margin-bottom:15px; font-size:18px; text-align:center;}
.tit2:before{ width:30px; height:2px; border-radius:1px; left:50%; margin-left:-15px;}


.ibanner .slick-dots{ bottom:90px;}

.inews a{ padding-left:15px;}

.footer_fl{ float:none; margin-bottom:30px;}
.footer_fl:before{ display:none;}
.footer_fl .h3{ font-size:18px; position:static; margin-bottom:10px; text-align:center;}
.footer_fl .pd{ padding:0px; text-align:center;}
.footer_fl .p{ display:inline-block;}
.footer_fr{ float:none; font-size:14px; text-align:center;}
.footer_fr .copy{ display:inline-block; text-align:left;}
.footer_fr ul{ display:inline-block; text-align:left;}
}
@media screen and (max-width:413px){
.fmenu a{ margin:0 10px;}
}
@media screen and (max-width:374px){
.wp{ margin:0 15px;}
body{ font-size:12px;}

}
.arti_metas {
    padding: 10px;
    text-align: center;
    border-top: 1px solid #ececec;}

.pro_list a:before {
    background: url(/gjjyxy/dfiles/11165/sie/images/news_bg.jpg) no-repeat;
    width: 9px;
    height: 9px;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -4.5px;}
.pro_list a {
    height: 40px;
    color: #333333;
    display: block;
    padding-left: 5px;
    overflow: hidden;
    margin-right: 80px;
    position: relative;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;}
.pro_list_li em {
    float: right;
    color: #666666;}
.pro_list_li{
font-size: 17px;
    border-bottom: 1px dotted #aaaaaa;
    overflow: hidden;
    line-height: 40px;}
.ddldown{
border-radius: 5px;background-color: #FFFFFF;padding: 15px;opacity: 0.8;line-height: 30px;box-shadow: 0px 0px 10px #2d1919;position: absolute;width: 160px;bottom: 50px;display:none;}
.ddldown img{width:160px;height:auto;}