html,body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, a, input, dl, dt, dd, span, em, table, tr, td,select,option {  margin: 0px; padding: 0px; font-family:"Microsoft YaHei"; color: #333; }
ul, li { margin: 0px; padding: 0px; list-style: none; }
em { font-style: normal; }
ul, li, dir, h4, h3, p { margin: 0px; padding: 0px; }
a { text-decoration: none; color: #333; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; }
a:hover { text-decoration: none; transition: all 0.3s linear; color: #0484cf; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; }
img { border: none; }
.clear { clear: both; }
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { *zoom:1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { *zoom:1; }
.qs_yin { display: none;}
a:focus,input:focus,button:focus{outline:none;}

/*** header ***/
.header { width: 100%; height: 200px; position: fixed; top: 0px; left: 0; z-index: 99999999999; background: #fff;
}
.head { background-color: #e7e8e8; float: left; height: 36px; width: 100%; }
.cen { width: 1200px; margin: 0 auto; }
.heads { background-color: #e7e8e8; float: left; height: 36px; width: 1200px; }
.head_left { float: left; height: 36px; color: #5d5d5d; }
.head_left_info { line-height: 36px; display: inline; float: left; height: 36px; margin-right: 30px; margin-left: 10px; }
.h_tianqi { line-height: 36px; float: left; height: 36px; }
.tianqi_bg { background-image: url(/eportal/fileDir/sygs/resource/cms/2017/12/img_pc_site/2017120813583032588.jpg); background-repeat: no-repeat; background-position: right center; display: inline;
    *display: inline-block; margin-right: 4px; padding-right: 40px; padding-top: 5px; padding-bottom: 5px; }
.zhiliang_link { background-image: url(/eportal/fileDir/sygs/resource/cms/2017/12/img_pc_site/2017120813583067288.jpg); background-repeat: no-repeat; background-position: right center; display: inline; padding-top: 3px; padding-right: 20px; padding-bottom: 3px; }
.top { float: left; height: 120px; width: 1200px; }
.logo { float: left; height: 75px; margin-top: 20px;width: 562px;  }
.nav1 { border-bottom:3px solid #3a89d8;float: left; height: 44px; width: 100%; position: relative; z-index: 99; }
.cen1 { width: 1200px; margin: 3px auto 0; background: url(/eportal/fileDir/sygs/resource/cms/2017/12/img_pc_site/2017120811470619645.png) no-repeat left top; height: 44px; }

.nav { width: 1000px; float: left; margin-left: 100px; }
.nav span { float: left; line-height: 50px; position: relative; padding: 0 0px; color: #FFFFFF }
.nav b { float: left; line-height: 50px; position: relative; padding: 0 0px; color: #FFFFFF }
.nav>ul { padding: 0; margin: 0; margin-top: 0px; }
.nav>ul>li { float: left; height: 52px; position: relative; }
.nav>ul>li>a { display: block; padding: 0 25px; margin-top: 14px; border-right: 1px solid #E3FCFC; font-size: 15px; letter-spacing: 0px; color: #fff; font-weight: bold }
.nav>ul>li>a:hover { text-decoration: underline;}
.nav>ul>li>b { width: 5px; height: 5px; border-radius: 5px; background: #fff; position: absolute; left: 50%; bottom: 13px; margin-left: -2px; opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.nav>ul>li>ul { width: 180px; position: absolute; top: 50px; left: -33px; background: #fff; padding: 20px; box-shadow: 0 0 10px 0 rgba(0,0,0,.2); display: none; -webkit-transition: top 0.4s ease 0.1s; -moz-transition: top 0.4s ease 0.1s; -ms-transition: top 0.4s ease 0.1s; -o-transition: top 0.4s ease 0.1s; transition: top 0.4s ease 0.1s; background: #fff; filter: alpha(opacity=80); opacity: 0.8;}
.erjion { top: 51px !important; }
.nav>ul>li>ul>li { line-height: 25px; text-align: left; padding: 2px 0; padding-left: 40px; }
.nav>ul>li>ul>li>a { font-size: 13px; color: #000; letter-spacing: 1px; }
.nav>ul>li>ul>li:hover>a { color: #0484cf;text-decoration: underline;  }
.erji_line { position: absolute; top: 0; left: 30px; width: 1px; height: 100%; background: #f4f4f4; }
.erji_line>span { width: 1px; height: 25px; background: #0484cf; position: absolute; top: 35px; left: 0; }
.third-nav { padding-left:15px;}
.third-nav li { height:26px; overflow:hidden;line-height: 26px; position: relative; padding: 0 0px; }
.third-nav li a { font-size: 14px; color: #333;}
.third-nav li:hover a {color: #0484cf;text-decoration: underline;}
.container { position: relative; z-index: 99999999; }
/*** header ***/


/*foot*/
.footer_top{background: #00598e;padding: 25px 0; border-top: 5px solid #4dcd28;}
.footer_top .container { width: 1200px; margin: 0 auto;}
.footer_left span{ float: left;line-height: 32px;width: 10%;font-size: 16px;color: #fff;}
.footer_left .bottom{ float: left;width:90%; }
.sele { float: left; font-size: 15px; width: 33.3%; height: 32px; line-height: 32px; position: relative; background-color: #fff; color: #333; cursor: pointer; padding-left: 14px; }
.sele .xiala { width: 34px; height:32px; position: absolute; display: block; top: 0px; right: 0; text-align: center; border-left: 1px solid #d5d5d5; color: #3a8bba;  }
.sele .xiala i{ line-height: 34px; font-size: 16px; }
.xiala_con{ position: absolute; bottom: 32px; left:0; display: none;
    /*height: 165px;*/
    /*overflow-y: scroll;*/
    /*overflow-x: hidden;*/
    width: 100%;
}
.xiala_con a { width: 100%; height: 32px; display: block; border-bottom: 1px solid #dadada ; text-indent: 14px; color: #333; background-color: #f1f1f1; font-size: 15px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}
.fa-caret-up:before {
    content: "\f0d8";
}
.footer_bottom{background: #002b45; color: #ccc;display: inline-block;width: 100%;}
.footer_bottom .container { width: 1200px; margin: 0 auto;}
.footer_bottom .copy span { line-height:45px;  font-size:12px; color: #ccc;}


.fl { float: left; }
.fr { float: right; }
.wrap{ clear:both; width:1200px; margin:0 auto; }
.h20 {clear: both; height: 20px;}
.h_30{height:30px; clear:both}
.h_50{height:50px; clear:both}
.h_80{height:80px; clear:both}
.h_95{height:118px; clear:both}
.h_93{height:93px; clear:both}
.h_113{height:113px; clear:both}
.h_118{height:118px; clear:both}
.h_195{height:195px; clear:both}
.tab_x_y { display: block; }
.tab_x_n { display: none; }

/******头部******/
.sygs_head{ clear:both; width: 100%; height:159px; background:#fff; left: 0; top:0; z-index: 9999999; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.sygs_head.fixed{top:-179px;}
.sygs_head.default{top:0;}
.topBox1{ clear:both; height:110px; overflow:hidden; background:url(/eportal/fileDir/sygs/resource/cms/2018/04/img_pc_site/2018041715305152309.png) repeat-x left center; border-bottom:5px solid #d7000f; }
.sygs_head .logo{ width:547px; height:58px; overflow:hidden; margin:25px 0 0 30px; }
.sygs_head .logo a{ display:block; width:547px; height:58px; background:url(/eportal/uiFramework/commonResource/image/2022011809154729734.png) no-repeat center center;}
.topBox1_r { padding-top: 15px; }
.sygs_head .register{ height:30px; line-height:30px; padding:0 0 0 28px; color:#9d9c9c; font-size:14px; background:url(/eportal/fileDir/sygs/resource/cms/2018/04/img_pc_site/2018041716172027703.png) no-repeat left center; margin:0 0 0 10px; }
.sygs_head .register a { color: #808080; }
.topBox1 em { height:30px; line-height:30px; padding:0 0 0 28px; margin:0 0 0 15px; background:url(/eportal/fileDir/sygs/resource/cms/2018/04/img_pc_site/2018041716172077720.png) no-repeat left center; }
.topBox1 em a { color: #808080;  }

.sygs_head .topBox1_r .alink { display: block; float: left; height:30px; line-height:30px; color: #808080; font-size:12px;  padding:0 0 0 20px; margin:0 0 0 15px; }
.sygs_head .topBox1_r .jjgs,.sygs_head .topBox1_r .xx { background:url(/eportal/fileDir/sygs/resource/cms/2018/04/img_pc_site/2018042710321731501.png) no-repeat left center; }
.sygs_head .topBox1_r .ly {  background:url(/eportal/fileDir/sygs/resource/cms/2018/04/img_pc_site/2018042710321727804.png) no-repeat left center;  }
.sygs_head .topBox1_r .sy {  background:url(/eportal/fileDir/sygs/resource/cms/2018/04/img_pc_site/2018042710390533441.png) no-repeat left center;  }
.sygs_head .topBox1_r .sc {  background:url(/eportal/fileDir/sygs/resource/cms/2018/04/img_pc_site/2018042710424565540.png) no-repeat left center;  }

.sygs_head .search{ clear:both; width:250px; height:26px; border:1px solid #c6c8cb; border-radius:26px; margin: 10px 0 0 auto; }
.sygs_head .search input{ display:inline; float:left; border:none; background:none; width:178px; height:15px; border-right:2px solid #c6c8cb; margin:5px 0 0 10px; color:#9d9c9c; line-height:15px; }
.sygs_head .search button{ background: none; border:0; float:left; width:59px; height:26px; text-align:center; line-height:26px; color:#696969; cursor: pointer; }
/****导航****/
.topBox2{ clear:both; height:44px; background:#005bac; margin:0px 0 0 0;  }
.menu_dl{ display:block; }
.menu_dl dd{ display:inline; float:left; width:120px; margin:0 0 0 0; position:relative; }
.menu_dl dd span{ display:block; height:44px; }
.menu_dl dd span a{ display:block; height:44px; line-height:44px; text-align:center; color:#ffffff; font-size:16px; }
.menu_dl dd.hover span a{background:#2998ff;}
.menu_dl dd .ddDiv{ position:absolute; top:44px; z-index:9999; width:100%; background:#2998ff; border-radius:0 0 5px 5px; display:none; padding-bottom:15px; }
.menu_dl dd .ddDiv.NN{display:none !important;}
.menu_dl dd .ddDiv .ddDivL{  overflow:hidden; padding:10px 0 0; }
.menu_dl dd .ddDiv .ddDivL a{ width:100%; display:block; line-height:28px; text-align:center; color:#ffffff; font-size:16px; }
.menu_dl dd .ddDiv .ddDivL a:hover{color:#ff3c00;}
.menu_dl dd .ddDiv .ddDivR{ width:135px; height:85px; overflow:hidden; margin:15px 30px 0 0; }
.menu_dl dd .ddDiv .ddDivR img{ display:block; width:135px; height:85px; }

/*公共底部*/
.sygs_footer .wrapper{ width:95%; max-width:1400px; margin:0 auto}
.sygs_footer{ background:#3f51b5;  padding:20px 0 35px; color:#a9b9e1; line-height:28px; position:relative; z-index:998}
.sygs_footer .footer-links{ width:98px; float:right; position:relative; margin-top:4px;}
.sygs_footer .footer-links a{ display:block; width:44px; height:44px; border-radius:22px; text-align:center; line-height:46px;-webkit-transition: all 400ms; transition: all 400ms; margin-left:5px; position:relative; float:left}
.sygs_footer .footer-links a.weixin { background:#2548a5 url(/eportal/fileDir/sygs/resource/cms/2018/04/img_pc_site/2018042311355550395.png) no-repeat center; }
.sygs_footer .footer-links a.tel { background:#2548a5 url(/eportal/fileDir/sygs/resource/cms/2018/04/img_pc_site/2018042311371538649.png) no-repeat center; }
.sygs_footer .footer-links a i{ font-size:28px; color:#fff}
.sygs_footer .footer-links div.code{ position:absolute; left:-36px;bottom:80px;  background-color:#fff; border:7px #3eb135 solid; display: none; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; -webkit-transition: all 400ms; transition: all 400ms;}
.sygs_footer .footer-links div.code img{ width:100px; height:100px; }
.sygs_footer .footer-links div.code em{ display:block;width: 0;height: 0;border-left:8px solid transparent;border-right: 8px solid transparent;border-top:8px solid #3eb135; position:absolute; left:50%; margin-left:-8px;bottom:-13px;}
.sygs_footer .footer-links div.code span{ display:block;border:0;line-height:20px; height:25px; padding:0; font-size:14px; margin:0}
.sygs_footer .footer-links a:hover div.code{ display: block; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; bottom:55px; }
.sygs_footer .footer-links a:hover{  background-color:#3eb135}
.sygs_footer .footer-left{ float:left; font-size: 14px;}
.sygs_footer .footer-right{ float:right; text-align:right; margin-right:20px; font-size: 14px; margin-top: 10px;}
.sygs_footer .footer-right span{ margin:0 10px; font-size:12px; position:relative;top:-1px; font-weight:bold; color:#a9b9e1}
.sygs_footer .footer-right a{ font-weight:bold; color:#fff; font-size: 14px;}
.sygs_footer .footer-right a:hover{ text-decoration:underline}
.sygs_footer .footer-right img{ position:relative;top:5px; margin-right:5px;}
.sygs_footer .footer-right i{ margin-right:5px; position:relative;top:2px; font-size:16px;}
.sygs_footer a.linking{ display:inline-block; background:url(../images/linking.png) no-repeat; text-indent:-10000px; overflow:hidden; width:170px; height:17px; position:relative;top:5px;}



/*二级导航*/
.sygs { overflow: hidden; }
.bgimg { display: none; }
/*二级banner*/
.sygs { background: #e0e2e4; }
.sygs_second { padding-top: 272px; position: relative; padding-bottom: 50px; }
.page-banner{ width:100%; position:absolute; height:450px; top: 0; left: 0; overflow:hidden;} 
.page-banner .image-con{ overflow:hidden; height:100%; width:100%; position:relative;-webkit-animation: cth2 800ms ease-out forwards;animation: bansimg 1.5s ease-out forwards;  }
.page-banner .image-con .image{ height:100%; width:100%; background-repeat:no-repeat; background-size:cover;}
.page-banner.hover .image-con{}
@-webkit-keyframes bansimg {
    0% {transform:scale(1.1);-webkit-transform:scale(1.1);}
    100% {transform:scale(1);-webkit-transform:scale(1); }
}
@keyframes bansimg {
     0% {transform:scale(1.1);-webkit-transform:scale(1.1);}
    100% {transform:scale(1);-webkit-transform:scale(1); }
}

/*二级内容*/
.page-wrapper{ background-color:#fff;width:96%; max-width:1400px; margin:0 auto; position:relative; z-index:997;min-height:600px;box-shadow: 0px 2px 15px 0 rgba(0, 0, 0, 0.05);}

/*二级标题*/
.page-top{ padding:30px 30px 0; height:120px; overflow:hidden; position:relative}
.page-title strong{margin-left: 30px;margin-left: 0px \9;color: #ddd;font-size:60px;font-family:"dincond-medium-webfont";text-transform: uppercase;letter-spacing: -1px;-webkit-animation: cth1 800ms ease-out forwards;animation: cth1 800ms ease-out forwards; opacity: 0; display:inline-block}
.page-title span{ display:inline-block; position:relative;top:-3px;margin-left: -30px;margin-left: 0 \9;color: #5a575b;font-size: 24px;font-weight: bold;-webkit-animation: cth2 800ms ease-out forwards;animation: cth2 800ms ease-out forwards; opacity: 0;}

@-webkit-keyframes cth1 {
    0% { margin-left: 30px; opacity: 0; }
    100% { margin-left: 0px; opacity: 1; }
}

@keyframes cth1 {
    0% { margin-left: 30px; opacity: 0; }
    100% { margin-left: 0px; opacity: 1; }
}

@-webkit-keyframes cth2 {
    0% { margin-left: -30px; opacity: 0; }
    100% { margin-left: 20px; opacity: 1; }
}

@keyframes cth2 {
    0% { margin-left: -30px; opacity: 0; }
    100% { margin-left: 20px; opacity: 1; }
}

/*导航条*/
.location{ position:absolute; right:30px;top:77px; line-height:20px; font-size:12px;}
.location i{ display:inline-block; width:10px; height:10px; background:url(/eportal/fileDir/sygs/resource/cms/2018/04/img_pc_site/2018042310043530721.png) no-repeat; position:relative;top:1px }
.location em{ display:inline-block; background:url(/eportal/fileDir/sygs/resource/cms/2018/04/img_pc_site/2018042310043591558.png) no-repeat; width:3px; height:5px; margin:0 10px; position:relative;top:-2px }
.location a{ color:#aaa}
.location a:hover{ color:#436dc2}
.location a:last-child{ color:#6a6a6a; font-weight:bold}

/*二级导航*/
.page-nav{ height:60px;text-align:center; background-color:#f2f2f2; margin:0 30px}
.page-nav ul{ float:left}
.page-nav ul li{ position:relative;display:inline-block; padding:0 20px;}
.page-nav ul li a{ vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale; position: relative;-webkit-transition-property: color; transition-property: color;transition: all 0.3s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; -webkit-transition: all 0.3s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; display:inline-block;  position:relative; text-align:center;  line-height:60px; font-size: 14px;  }
.page-nav ul li a:before {content:""; position: absolute;z-index: -1;bottom:-2px;left: 0;right: 0;background: #3f51b5;-webkit-transform: scaleX(0);transform: scaleX(0); transition: all 1s cubic-bezier(0.215,.61,.215,1);-webkit-transition: all 1s cubic-bezier(0.215,.61,.215,1);color: #fff;padding: 0px 20px; height:4px;display:none\9}
.page-nav ul li a:hover:before,.page-nav ul li a:focus:before,.page-nav ul li a:active:before {-webkit-transform: scaleX(1); transform: scaleX(1);}
.page-nav ul li a:hover{ color:#3f51b5; }
.page-nav ul li.current a{ color:#3f51b5; font-weight:bold}
.page-nav ul li.current a:before,.page-nav ul li.current a:focus:before,.page-nav ul li.current a:active:before {-webkit-transform: scaleX(1); transform: scaleX(1);}