@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Barlow+Condensed:300,400,500,600,700');
*{ margin:0; padding:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,blockquote,p{padding:0; margin:0; font-size:100%; background:transparent; outline:0; border:0;}
li{list-style-type:none;}img{vertical-align:top;border:0; margin:0; overflow:hidden}ol,ul {list-style:none;}   
.blank1 {clear:both; height:1px; font-size:0; overflow:hidden; display:block;}
.blank10 {clear:both; height:10px; overflow:hidden; display:block;}
.blank12 {clear:both; height:12px; overflow:hidden; display:block;}
.blank15 {clear:both; height:15px; overflow:hidden; display:block;}
.blank5 {clear:both; height:5px; overflow:hidden; display:block;}
.blank30 {clear:both; height:30px; overflow:hidden; display:block;}
.blank20 {clear:both; height:20px; overflow:hidden; display:block;}
.blank40 {clear:both; height:40px; overflow:hidden; display:block;}
.blank50 {clear:both; height:50px; overflow:hidden; display:block;}
.blank60 {clear:both; height:60px; overflow:hidden; display:block;}
.blank80 {clear:both; height:80px; overflow:hidden; display:block;}
.blank360 {clear:both; height:360px; overflow:hidden; display:block;}
.cb{ clear:both;}.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}
a{color: #323232; text-decoration: none; outline:none;}a:hover {color: #1b68cf; text-decoration: underline}
body {background:#fff;font-size:14px;color: #3a3a3a;line-height:22px;font-family:Arial; -webkit-text-size-adjust:none;}

.mainbody { width:1300px; margin:0 auto; overflow:hidden;}

.mainbody { width:90%; margin:0 5%;}
.sybg { width:90%; margin:0 5%;}

.top{width:100%; top:0;left:0; z-index:889; position:absolute;}
/*语言下拉*/
#nav {float:right;margin-left:10px;}
#nav dl {list-style: none;}
#nav dl dt {padding:0 15px;line-height: 90px;position: relative;background:#164a95;text-align:center;}
#nav dl dt a{color:#fff;}
#nav dl dt img{ vertical-align:middle;padding-right:6px;}
#nav p {position: absolute;left: 0px;padding-bottom: 0px;float: left;height: 0;overflow: hidden;background-color: #f1f1f1; z-index:999;}

#nav p a {padding:0 38px;text-decoration: none;color:#333 !important;line-height:38px;display: block;}
#nav p a:hover {background-color: #164a95;color: #FFFFFF !important;}

.head-v3{position:fixed;height:90px; left:0; top:0;z-index:100;width:90%; padding:0 5%;background:#fff;-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 10px 10px 10px;}
.head-v3 .navigation-inner{margin:0 auto;width:100%;position:relative}
.navigation-up{height:90px;}
.navigation-up .navigation-v3{float:right;}
.navigation-up .navigation-v3 li{float:left;font:normal 18px/59px "microsoft yahei";color:#444}
.navigation-up .navigation-v3 .nav-up-selected{ color:#164a95;}
.navigation-up .navigation-v3 li h2{font-weight:normal;padding:0;margin:0}
.navigation-up .navigation-v3 li h2 a{margin:0 38px;color:#444;display:inline-block;height:90px; line-height:90px; text-decoration:none;}
.navigation-up .navigation-v3 li h2 a:hover,.navigation-up .navigation-v3 .nav-up-selected h2 a {color:#164a95}
.navigation-up .navigation-v3 li a.bq {background:#164a95; color:#fff; padding:0 25px; margin-right:0; text-align:center; line-height:30px; padding-top:15px; height:75px; overflow:hidden;}
.navigation-up .navigation-v3 li a.bq:hover { color:#fff;}
.navigation-up .navigation-v3 li a.bq img{
transition:width 1s, height 1s;
-moz-transition:width 1s, height 1s, -moz-transform 1s; /* Firefox 4 */
-webkit-transition:width 1s, height 1s, -webkit-transform 1s; /* Safari and Chrome */
-o-transition:width 1s, height 1s, -o-transform 1s; /* Opera */
}
.navigation-up .navigation-v3 li a.bq:hover img{
transform:rotate(-360deg);
-moz-transform:rotate(360deg); /* Firefox 4 */
-webkit-transform:rotate(360deg); /* Safari and Chrome */
-o-transform:rotate(360deg); /* Opera */
}

.navigation-down{position:absolute;top:90px;left:0px;width:100%;}
.navigation-down .nav-down-menu{width:100%;margin:0;background:rgba(247,247,247,.8);position:absolute;top:0px; overflow:hidden;}
.navigation-down .nav-down-menu .navigation-down-inner{margin:auto;width:40%; margin-right:15%;position:relative; float:right; background:#efefef; overflow:hidden;}
.navigation-down .nav-down-menu dl{float:left; width:90%; padding:20px 5%;}
.navigation-down .nav-down-menu dt{ width:100%; border-bottom:#999 2px solid; margin-bottom:10px; font-size:20px; font-weight:bold;}
.navigation-down .nav-down-menu dt span { padding-left:10px; font-family:Arial; text-transform:uppercase; font-size:14px; font-weight:400;}
.navigation-down .menu-1 dd a{color:#444;font-size:16px; display:block; width:90%; margin:0 0 10px 0; background:#fff url(../images/aa1.png) no-repeat 20px center; padding-left:60px; height:40px; line-height:40px;}
.navigation-down .menu-1 dd a:hover{color:#fff; background:#164a95 url(../images/aa2.png) no-repeat 20px center; text-decoration:none;}
.navigation-down .menu-2 dd a,.navigation-down .menu-3 dd a{color:#444;}
.navigation-down .menu-1 dd .aa { padding-left:60px;}
.navigation-down .menu-1 dd .aa a { width:20%; background:url(../images/01.gif) no-repeat left center; padding-left:20px; color:#444; display:inline-block;}
.navigation-down .menu-1 dd .aa a:hover { color:#164a95; font-weight:bold;}

/*导航栏部分*/
.navs11 { width:100%;height:100px; background-color:#fff;}
.logo { height:35px; float:left; margin-top:28px;}
.logo img { height:35px;}

/*导航栏变异部分*/

.navs22 { width:100%;height: 100px;background:#fff;-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 10px 10px 10px;}
.fixnav {position: fixed;top: 0px;left: 0px;z-index:888;}

.header{width:100%; top:0;left:0; z-index:889; position:absolute;}
.dh { float:right; text-align:right; color:#444; font-size:14px; padding-top:5px; width:100%;}

.menu{ height:100px; overflow:hidden; padding-right:5%;}

.nav { height:50px; float:right; padding-top:10px;}
.nav ul li { height:50px; text-align:center; font-size:16px; float:left; text-transform:uppercase;}
.nav ul li a,.nav ul li a:visited{color:#444; margin:0 25px; padding:0 3px;height:50px; line-height:50px;display:block; text-decoration:none;}
.nav ul li a:hover { color:#004ea2}
.nav li.bq a { margin-left:15px; font-size:12px; width:28px; height:28px; line-height:28px; padding:0 2px; margin:10px 0 0 15px; text-align:center; color:#fff; background:#004ea2; border-radius:100%;}
.nav li.bq a:hover { color:#fff;}

.menu2 { padding-right:5%;height:100px; overflow:hidden; }

/* 轮播图 */
.slider {position: relative;overflow: hidden;width: 100%;}
.slideBox .hd { width:70%;height:50px;z-index:1; overflow: hidden;position: absolute;left: 15%;bottom: 20px;z-index: 1; padding-top:20px;}
.slideBox .hd ul{ text-align:center;}
.slideBox .hd ul li {cursor:pointer;float: left;margin:0 5px;width: 30%;height: 50px;line-height: 25px;text-align: center; font-size:16px;}
.slideBox .hd ul li span { display:none; width:1px; height:2px; background:#164a95; vertical-align:middle; margin-right:15px;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.slideBox .hd ul .on {color: #164a95; font-weight:bold; transition:all 0.4s;}
.slideBox .hd ul .on span { display:inline-block; width:30px;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li { width:100%; height:650px; background-image:url(../images/pbg.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; overflow:hidden;}

.slideBox .bd li .img { margin-right:5%; float:right;width:43%;height:430px; margin-top:100px;line-height: 430px;vertical-align: middle;overflow:hiddentext-align:center;display: inline-block; position:relative;}
.slideBox .bd li .img img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;max-width:100%; max-height:100%;animation: fade-in;/*动画名称*/  
    animation-duration: 1.5s;/*动画持续时间*/  
    -webkit-animation:fade-in 1.5s;/*针对webkit内核*/ }
.slideBox .bd li .text{width:43%;height:400px; padding-top:235px; padding-left:5%; float:left;line-height:24px;overflow:hidden;color:#444;}
.slideBox .bd li .text h2 { font-size:28px; padding-bottom:15px; font-weight:400; color:#164a95;transition: all .7s ease-out .2s;}
.slideBox .bd li .text span.s3 { display:inline-block; background:#f00;font-family: Impact;src: url(../fonts/impact.ttf); font-size:28px; width:50px; height:50px; text-align:center; line-height:50px; color:#fff; border-radius:100%; margin-right:25px; float:left;}
.slideBox .bd li .text span.s1 { width:85%; float:left; display:inline-block;}
.slideBox .bd li .text .tex { clear:both; font-size:16px; line-height:24px; padding-right:20px;overflow:hidden;}
.slideBox .bd li .text .tex p { padding:5px 0 5px 15px; background:url(../images/dian3.png) no-repeat 0 13px; margin-left:10px;}
.slideBox .bd li .text .tex sup { font-size:10px;}
.slideBox .bd li .text .more { padding-top:15px; padding-left:15px;}
.slideBox .bd li .text .more a { display:inline-block; border:#164a95 1px solid; color:#164a95; text-decoration:none; padding:2px 25px; border-radius:25px;}
.slideBox .bd li .text .more a:hover { background:#164a95; color:#fff;}

.flash { clear:both; width:100%; height:600px;overflow:hidden; margin-top:90px;}
.flash2 { clear:both; width:100%; height:300px;overflow:hidden; margin-top:90px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.zpbg { height:720px; text-align:center;}
.zpbg h3 { font-size:3em; color:#fff; line-height:1.4em; padding-top:12%; padding-bottom:50px;}
.zpbg .tex a { display:inline-block; font-size:1.4em; color:#fff; text-decoration:none; margin:0 60px; padding:10px 60px; border-radius:35px; border:#fff 2px solid;}

.abtit { clear:both; text-align:center; padding-bottom:30px; overflow:hidden; width:100%; line-height:40px;}
.abtit h3 { font-size:36px; color:#000; font-weight:bold;}
.abtit p { font-size:16px; color:#999; text-transform:uppercase; font-weight:400; line-height:30px;}

.ttt { width:100%; padding-bottom:30px; overflow:hidden;}
.ttt h3 { font-size:48px; font-weight:bold; color:#000; padding-top:20px;}
.ttt h3 span { font-weight:400; padding-left:10px; font-size:16px; color:#777;}
.ttt p { font-size:44px; line-height:35px; color:#164a95;font-family: Impact;src: url(../fonts/impact.ttf); text-transform:uppercase;}
.ttt p span { width:50px; height:3px; display:inline-block; vertical-align:middle; font-size:0; overflow:hidden; margin-left:20px; background:#164a95;}

.ttt2 { width:100%; height:133px; margin-bottom:30px; overflow:hidden; background:url(../images/tit.png) no-repeat left top; padding-left:20px;}
.ttt2 h3 { font-size:40px; font-weight:600; color:#164a95; margin:55px 0 8px 0;}
.ttt2 p { font-size:24px; line-height:35px; display:inline-block; padding:5px 0; color:#333;font-family: Arial; font-weight:600; text-transform:uppercase;}

#content2{position:relative; overflow:hidden;}
#content2 .ttt2 { width:80%; height:140px; position:absolute; z-index:80; left:5%; top:55px;}
#slides2{ width:100%;height:610px; overflow:hidden;position:absolute; left:0;top:0;background-color:#f4f4f4; z-index:9;}

.slide2{width:100%;height:500px;overflow:hidden;position:relative; margin:55px 0; float:left;}
.slide2 .img { margin-right:5%; float:right;width:43%;height:500px;line-height: 500px;vertical-align: middle;overflow:hiddentext-align:center;display: inline-block; position:relative;}
.slide2 .img img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;max-width:100%; max-height:100%;}
.slide2 .mask{width:43%;height:400px; padding-top:10%; padding-left:5%; float:left;line-height:24px;overflow:hidden;color:#444;}
.slide2 .mask h2 { padding-bottom:20px; font-size:20px; font-weight:bold; overflow:hidden;}
.slide2 .mask span.s3 { display:inline-block; background:#f00;font-family: Impact;src: url(../fonts/impact.ttf); font-size:28px; width:50px; height:50px; text-align:center; line-height:50px; color:#fff; border-radius:100%; margin-right:25px; float:left;}
.slide2 .mask span.s1 { width:85%; float:left; display:inline-block;}
.slide2 .mask p { clear:both; font-size:16px; line-height:30px; padding:0 20px;}

#controller2{ width:90%; position:absolute; left:0;bottom:0; z-index:99;overflow:hidden; padding:20px 5%; margin-bottom:10px; background:#fff;bottom:0;box-shadow: 0 0 10px #ddd;}
#controller2 span{display:block;float:left;width:17%;cursor:pointer;text-align:center; border-right:#ddd 1px solid; padding:0 1%;}
#controller2 span a{display:block;line-height:24px;font-weight:bold;font-size:16px;color:#444; padding:20px; text-align:center; text-decoration:none;}
#controller2 span a:hover{color:#fff;}
#controller2 .jflowselected a{color:#fff;background-color:#164a95;}
#controller2 .jflowselected a:hover{color:#fff;}
#controller2 span.flowprev,#controller2 span.flownext{font:24px/50px arial;font-weight:800;width:65px;color:#164a95;text-align:center; border:0; padding:20 0;}

.hdbg { clear:both; width:100%; height:50px; line-height:50px; border-bottom:#ddd 1px solid; overflow:hidden;}
.hdbg p { background:url(../images/aa01.png) no-repeat left center; padding-left:20px; color:#939393;}
.hdbg img { vertical-align:middle;}
.hdbg a {color:#939393;}

.abbg { clear:both; padding:70px 5%; background-color:#f8f8f8; background:url(../images/abbb.jpg) no-repeat center top; overflow:hidden;}
.abimg { display:none;}
.abimg img{ max-width:100%; height:auto !important; height:100%;}
.syabout { width:30%; float:left;  font-size:16px; line-height:30px;}
.syabout .sytex p { padding:5px 0; }
.syabout .sytex a { color:#444;}

.row { clear:both; width:85%; background:#fff; padding:10px 0; text-align:center; overflow:hidden; margin:20px 0;-moz-box-shadow: 0px 0px 10px #ccc;-webkit-box-shadow: 0px 0px 10px #ccc;box-shadow:0px 0px 10px #ccc;}
.row li { padding:10px 0 0 0; margin:30px 0; width:19%; display:inline-block; border-right:#a2a2a2 1px dotted; text-align:center; float:left;}
.row li:last-child { border:0;}
.row li p {font-size:4em;font-weight: 700;color: #155098;display:inline-block;font-family: Impact;src: url(../fonts/impact.ttf);}
.row li h3 {font-size: 14px;color: #9e9e9e;font-weight:400;}
.row li span { width:20px; height:20px; line-height:20px; display:inline-block; text-align:center;font-size: 14px;color: #fff; margin-left:6px; background:#666; border-radius:100%; vertical-align:middle;}
.row li b { width:20px; height:10px; line-height:10px; display:inline-block; text-align:center;font-size: 18px;margin-left:-15px; vertical-align:top; font-weight:400;}

.more33 { padding-top:15px; text-align:center;}
.more33 a{ background:#164a95; color:#fff; border-radius:35px; padding:5px 40px; display:inline-block; font-size:16px; text-decoration:none;}

#tabbox{ width:100%; overflow:hidden; margin:10px 0;}
.tab_con{ display:none;}

.tabs{ width:50%; float:right;}
.tabs li{ width:96%; background:#fff;float:left; margin:12px 0;overflow: hidden;-moz-box-shadow: 0px 0px 10px #ccc;-webkit-box-shadow: 0px 0px 10px #ccc;box-shadow:0px 0px 10px #ccc; padding:15px;}
.tabs li h3 { font-size:18px; padding-bottom:10px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.tabs li .tex { color:#666;font-size:16px;min-height:60px;line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.tabs li:hover h3,.tabs li:hover .tex { padding-left:15px; transition:all 500ms;}
.tabs li .fl { width:90%; float:left; padding-left:10px;}
.tabs li a.more { width:40px; height:30px; float:right; display:block; margin-top:10px; background:url(../images/cc1.png) no-repeat left top; background-size:30px 30px;}
.tabs li:hover a.more { display:block; transition:all 500ms; background:url(../images/cc.png) no-repeat right top; background-size:30px 30px; margin-right:20px;}

.tab_conbox { width:45%; float:left; padding-top:10px;}
.tab_con { width:100%; height:440px; position:relative; overflow:hidden;}
.tab_con .img { width:100%; height:440px; position:absolute; left:0; top:0; z-index:9; overflow:hidden;}
.tab_con .img img {width:100%; height:440px;}
.tab_con .tex { width:100%; height:80px; position:absolute; left:0; bottom:0; z-index:20; background:rgba(0,0,0,.5); color:#fff;}
.tab_con .tex h3 { font-size:18px; padding:10px 15px 0 15px;}
.tab_con .tex p { padding:0 15px; margin:13px 0; font-size:14px;min-height: 48px;line-height: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.whbg { clear:both; padding:50px 0; overflow:hidden; background:#f7f7f7; overflow:hidden;}
.whbg img { max-width:100%; height:auto !important; height:100%;}
.whbg .about p {text-indent:0;}
.weihu { padding-top:20px; overflow:hidden;}
.weihu li { width:25%; float:left; text-align:center; background:url(../images/whjt.png) no-repeat center 38px;}
.weihu li h5 { border:#ccc 1px solid; width:70%; display:inline-block; padding:5px 0; color:#245fae; margin-bottom:55px;}
.weihu li p {border:#ccc 1px solid; display:inline-block; padding:5px 40px; margin:0 20px 25px 20px; text-indent:0;}
.weihu li .tex { width:35%; margin:2%; border:#ccc 1px solid; padding:5%; float:left; text-align:left;}

.newlist2 li { width:23%; float:left; margin:1%; padding-bottom:7px; overflow:hidden; background:#fff;-moz-box-shadow: 0px 0px 10px #ccc;-webkit-box-shadow: 0px 0px 10px #ccc;box-shadow:0px 0px 10px #ccc;}
.newlist2 li .pimg { width:100%;}
.newlist2 li .pimg img{ max-width:100%; height:auto !important; height:100%;}
.newlist2 li h3 { font-size:14px; font-weight:400; padding:6px 15px; color:#333; height:28px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.newlist2 li h3 a{ color:#333;}

.jq222{width: 100%;height:190px;position: relative; display:block; padding:15px 1%;}
.jq222 .border-bottom{width: 0px;height: 2px;background: #004ea0;position:absolute;left:0px;bottom:0;z-index:9999}

.newbg { padding:60px 5%; background:url(../images/newbg.jpg) no-repeat center; background-size:cover; overflow:hidden;}
.synews li { width:27.5%; float:left; margin:0 2.5%; overflow:hidden; border:#ddd 1px solid; background:#fff; overflow:hidden;}
.synews li .pimg { width:100%; overflow:hidden;}
.synews li .pimg img { max-width:100%; height:auto !important; height:100%;}
.synews li .text { padding:25px; overflow:hidden;}
.synews li .text h3 { font-size:16px;color:#030303;line-height:24px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.synews li .text .tex { line-height:24px; color:#4a4a4a;-moz-opacity:0.7;padding-top:15px; filter:alpha(opacity=70); opacity:0.7;min-height: 120px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;}
.synews li .more3 { padding-top:15px; font-size:12px;}
.synews li .more3 a{ float:right; display:block; text-align:right;color:#09509e;}
.synews li .more3 span{ display:block; float:left; color:#4a4a4a;-moz-opacity:0.7; filter:alpha(opacity=70); opacity:0.7;}

.rybg { padding:60px 5%; background:url(../images/48e.jpg) no-repeat center; background-size:cover; overflow:hidden;}

.footer { clear:both; width:90%; padding:45px 5%; background:#333; overflow:hidden; color:#fff; text-align:center;}
.footer a{ color:#fff;}
.footer h3 { font-size:18px; padding-bottom:10px;}
.footer .ftbq { float:left; text-align:left;}
.footer .ftbq li { float:left; padding:0 50px;}
.footer .ftbq li a { display:block;-moz-opacity:0.7; filter:alpha(opacity=70); opacity:0.7; line-height:24px;}
.footer .ftew { float:left; padding-left:100px; border-left:#666 1px solid; margin-left:50px;}
.footer .ftew h3 { text-align:left;}
.footer .ftew ul { padding-top:15px;}
.footer .ftew li { width:120px; padding-right:50px; float:left; text-align:center; font-size:12px;}
.footer .ftew li img {max-width:100%; height:auto !important; height:100%;}
.footer .ftlx { float:left; padding-left:30px; text-align:left;}
.footer .ftlx img { float:left; margin-right:15px;}
.footer .ftlx h2 {font-family: Impact;src: url(../fonts/impact.ttf); font-size:28px; font-weight:400; float:left; line-height:40px;}
@font-face {
  font-family: Impact;
  font-weight: bold;
  src: url(../fonts/impact.ttf);
}
.footer .ftlx h2 span { letter-spacing:1.5px;}
.footer .ftlx .tt2 { clear:both; padding-top:30px;}

.footer2 { clear:both; width:100%; padding:15px 0; line-height:24px; background:#073e82; overflow:hidden; text-align:center; color:#fff; font-size:14px;}
.footer2 a{ color:#fff;}

.about {padding:0 2%; font-size:16px; line-height:1.6em; overflow:hidden;}
.about p { padding:5px 0; }
.about img { margin-top:10px;}

.nyab h3 { font-size:20px; padding-bottom:15px;}
.nyab .about { padding:0;}
.nyab .about p { text-indent:0;}
.nyab .hy { padding-top:20px;}
.nyab .hy li { float:left; width:10.5%; padding:0 3%; text-align:center;}
.nyab .hy li p { line-height:20px; padding-top:10px; font-size:14px;}
.nyab .hy li .img { width:80px; height:80px; line-height:80px; overflow:hidden; text-align:center; border:#09509e 1px solid; border-radius:5px; margin:0 auto;}
.nyab .hy li .img img { height:60px; vertical-align:middle;}

/*time*/
.sociales {text-align: center;margin-bottom: 20px;}
#timeline {width: 1300px;height: 500px;overflow: hidden;margin: 10px auto;position: relative;}
#dates {width: 1300px;height: 60px;overflow: hidden; margin:0 auto;}
#dates li {list-style: none;float: left;width: 100px;height: 80px;font-size: 24px;text-align: center;}
#dates a {line-height: 38px;padding-bottom: 10px; text-decoration:none; color:#000;background: url('../images/biggerdot.png') center bottom no-repeat; display:block; text-indent:-9999px;}
#dates .selected {font-size: 38px; color:#09509e;background: url('../images/lc.png') center bottom no-repeat;}
#issues {width: 1300px;height: 450px;overflow: hidden;}	
#issues li {width: 1300px;height: 450px;list-style: none;float: left; text-align:center;}
#issues li.selected img {-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);transform: scale(1.1,1.1);}
#issues li img { margin-top:20px;background: transparent;-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);/* IE 6 & 7 */ zoom: 1;-webkit-transition: all 1.2s ease-in-out;-moz-transition: all 1.2s ease-in-out;-o-transition: all 1.2s ease-in-out;-ms-transition: all 1.2s ease-in-out; transition: all 1.2s ease-in-out;-webkit-transform: scale(0.8,0.8);-moz-transform: scale(0.8,0.8);-o-transform: scale(0.8,0.8);-ms-transform: scale(0.8,0.8);transform: scale(0.8,0.8);}
#issues li h1 {color: #09509e;font-size: 36px;margin: 10px 0;text-shadow: #76aae4 1px 1px 2px;}
#issues li p {font-size: 14px;font-weight: normal;line-height: 22px;/*text-shadow: #000 1px 1px 2px;*/ color:#333; padding:20px 20% 0 20%;}
#next,#prev {position: absolute;top: 0;font-size: 70px;top: 50%; margin-top:-19px;width: 22px;height: 38px;background-position: 0 0;background-repeat: no-repeat;text-indent: -9999px;overflow: hidden;}
#next:hover,#prev:hover {background-position: 0 -76px;}
#next {right: 0;background-image: url('../images/next.png');}
#prev {left: 0;background-image: url('../images/prev.png');}
#next.disabled,#prev.disabled {opacity: 0.2;}

.fw h3 { border-left:#245fae 3px solid; padding-left:15px; margin:10px 0; color:#333; font-size:18px; font-weight:400;}
.fw h3 span { color:#245fae; font-weight:bold; display:inline-block; background:url(../images/tel3.png) no-repeat left center; background-size:20px 20px; padding-left:30px;}
.fw table { width:98%; margin:10px auto;border-bottom:#ccc 1px solid;border-right:#ccc 1px solid;}
.fw td,.fw th {padding:5px 10px; font-size:16px; line-height:24px;border-top:#ccc 1px solid;border-left:#ccc 1px solid; font-family:Arial;}
.fw th { background:#ddd; color:#333; font-weight:bold;}
.fw tr:nth-child(odd){background:#f7f7f7;}
.fw tr:nth-child(even){background:#fff;}

.abbg1 { clear:both; width:100%; padding:50px 0; background:#09509e url(../images/abbg2.jpg) no-repeat center bottom; overflow:hidden;}
.abbg1 .about p,.abbg1 .about a { color:#fff;}
.abt {border-bottom:#ddd 1px solid; overflow:hidden;}
.abt p { display:inline-block; text-align:center; padding:0 2%;}
.abt img { max-width:96%; height:auto !important; height:100%;}
.abt p.s1 { width:41%; border-right:#ddd 1px solid;}
.abt p.s2 { width:50.9%;}

.row2 { clear:both; width:90%;padding:10px 5%; text-align:center; overflow:hidden; margin:20px 0;}
.row2 li { padding:10px 0 0 0; margin:20px 0; width:19%; text-align:center; float:left;}
.row2 li p {font-size:4em;font-weight: 700;color: #fff;display:inline-block;font-family: Impact;src: url(../fonts/impact.ttf);}
.row2 li h3 {font-size: 14px;color: #fff;font-weight:400;-moz-opacity:0.7; filter:alpha(opacity=70); opacity:0.7; padding-top:10px;}
.row2 li span { width:20px; height:20px; line-height:20px; display:inline-block; text-align:center;font-size: 14px;color: #fff; margin-left:6px; background:#164a95; border-radius:100%; vertical-align:middle;}
.row2 li b { width:20px; height:10px; line-height:10px; display:inline-block; text-align:center;font-size: 18px;margin-left:-15px; vertical-align:top; font-weight:400;}

.partner li { width:12.2%; padding:5px; height:95px; line-height:95px; border:#ddd 1px solid; margin:10px; float:left;position: relative; text-align:center;vertical-align: middle;}
.partner li:hover { border:#95c9ee 3px solid;}
.partner li img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;max-width:94%; max-height:94%;}

.nybg { clear:both; width:100%;background:#f4f4f4 url(../images/show_bg.jpg) no-repeat center; overflow:hidden;}
#FontScroll{width: 80%;height:440px;line-height: 40px;overflow: Hidden;padding: 5px 0;margin: 0 10%; background:url(../images/dian1.png) repeat-y 215px 0}
#FontScroll a{color: #444;text-decoration: none;}
#FontScroll .fontColor a{color: #164a95;transition: all 1s ease 0s; font-weight:bold; font-size:16px; background:url(../images/dian.png) no-repeat left center}
#FontScroll{padding-left: 10px}
#FontScroll e,#FontScroll .tt { display:inline-block;}
#FontScroll e { min-width:240px; text-align:center;}

.rybg { clear:both; width:90%; padding:70px 5%;background:url(../images/rough.jpg) no-repeat center bottom; background-size:cover; overflow:hidden; border-top:#bccde2 3px solid;}
.fl { float:left;} .fr { float:right;}
.rybg .text { font-size:16px; padding-right:3%; width:25%;}
.rybg .text h2 { font-size:28px; color:#fff; font-weight:bold; margin-bottom:20px; background:#09509e; border-radius:35px; padding:10px 40px; display:inline-block; line-height:30px;}
.rybg .text h3 { color:#000;padding:6px 0; font-size:18px;}
.rybg .text h3 b {color:#09509e; font-size:36px; vertical-align:middle; padding-right:10px;}
.rybg .text .tt{ padding-top:10px;}
.rybg .text .tt p { background:url(../images/ry1.png) no-repeat left 6px; padding:5px 0 5px 30px; line-height:24px;}
.rybg .img { text-align:center; width:44%;}
.rybg .img img { max-width:80%; height:auto !important; height:100%;}

.servic li { float:left; width:16.5%; padding:20px 3%; margin:10px 15px; border:#ddd 1px solid; min-height:250px;}
.servic li h3 { font-size:18px; font-weight:bold; padding-bottom:15px;}

.pro2 li { float:left; width:22%; overflow:hidden; color:#444; margin:16px; border:#ddd 1px solid;}
.pro2 li .pimg { width:100%; height:230px; background:#fff;border-bottom:#ddd 1px solid; overflow:hidden;text-align:center;position: relative;line-height: 230px;vertical-align: middle;}
.pro2 li .pimg img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;max-width:96%; max-height:96%;}
.pro2 li h3 { font-size:16px; font-weight:bold; padding:15px 0; text-align:center;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.pro2 li h3 a { color:#444;}
.pro2 li h3 a:hover,.pro2 li:hover h3 a { color:#fff;}
.pro2 li .more { padding:10px 0; text-align:center;}
.pro2 li .more a { display:inline-block; padding:0 25px; background:#fff; border-radius:30px; text-decoration:none;}
.pro2 li:hover .more a,.pro2 li .more a:hover { color:#004ea2;}

.nyleft { width:18%; float:left; padding-left:5%;}
.nyright { width:70%; float:right; padding-right:5%;}

.nyleft h3 { background:#09509e url(../images/cp.png) no-repeat 85% center; background-size:40px 40px; font-size:20px; width:100%; height:70px;border:#09509e 1px solid; line-height:70px; color:#fff; text-indent:25px;}
.nyleft a { display:block; border:#ddd 1px solid; line-height:24px; font-size:16px; color:#444; text-decoration:none; padding: 10px 9% 10px 9%; width:82%; margin-top:10px;-moz-box-shadow: 0px 0px 5px #d5d5d5;-webkit-box-shadow: 0px 0px 5px #d5d5d5;box-shadow:0px 0px 5px #d5d5d5;background:url(../images/right.png) no-repeat 115% center;}
.nyleft a:hover {background:url(../images/right.png) no-repeat 93% center; transition:all 500ms; color:#000; font-weight:bold;padding:10px 10% 10px 10%; width:80%;}

.pro3 li { float:left; width:25%; padding:15px 25px; overflow:hidden; color:#444; margin:15px 20px; border:#ddd 1px solid;-moz-box-shadow: 0px 0px 10px #d5d5d5;-webkit-box-shadow: 0px 0px 10px #d5d5d5;box-shadow:0px 0px 10px #d5d5d5; background:#fff;}
.pro3 li:hover {-moz-box-shadow: 0px 0px 10px #adadad;-webkit-box-shadow: 0px 0px 10px #adadad;box-shadow:0px 0px 10px #adadad;}
.pro3 li .pimg { width:100%; height:200px; overflow:hidden;text-align:center;position: relative;line-height: 200px;vertical-align: middle;}
.pro3 li .pimg img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;max-width:80%; max-height:80%;}
.pro3 li h3 { font-size:20px; font-weight:bold; padding:10px 0;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.pro3 li h3 a { color:#444;}
.pro3 li h3 a:hover,.pro3 li:hover h3 a { color:#09509e; font-weight:bold;}
.pro3 li .tex {min-height: 44px;color: #999;line-height: 22px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.pro3 li .more { padding:10px 0; text-align:center; border-top:#ddd 1px solid; margin-top:15px;}
.pro3 li .more a { display:inline-block; padding:0 25px; background:#fff; border-radius:30px; text-decoration:none;}
.pro3 li .more a span { display:none;}
.pro3 li:hover .more a,.pro3 li .more a:hover { color:#004ea2;}
.pro3 li .more a:hover span,.pro3 li:hover .more a span { display:inline-block; padding-left:10px; transition:all 500ms;}
.pro3 li:hover .tex { color:#000;}

.hl_main5_content{ width:100%; overflow:hidden; padding-top:25px;}
.hl_main5_content1{width:100%;overflow:hidden; margin:0 auto;}
.hl_main5_content1 ul{width:2000%;height:400px; overflow:hidden;}
.hl_main5_content1 ul li{width:224px; height:332px; padding:22px 53px 44px 21px; background:url(../images/rybg.png) no-repeat; margin:0 20px; float:left;}
.hl_main5_content1 .ryimg {width:224px; height:332px; line-height:332px; overflow:hidden;position: relative; text-align:center;vertical-align: middle;}
.hl_main5_content1 .ryimg  img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;max-width:94%; max-height:94%;transition:all 0.2s;}
.hl_main5_content1 ul li:hover .pimg img{ transform:scale(1.1,1.1);transform-origin:center center}
.hl_main5_content1 ul li h3 { font-size:18px; color:#3e3e3e; padding:15px 0;border-bottom:#d2d2d2 1px solid;}
.hl_scrool_leftbtn,.hl_scrool_rightbtn{width:47px;height:34px; border:#d2d2d2 1px solid; float:left; cursor:pointer; background-repeat:no-repeat; background-position: center;}
.hl_scrool_leftbtn { background-image:url(../images/left.png);}
.hl_scrool_rightbtn{float:right; background-image:url(../images/right.png);}
.hl_scrool_leftbtn:hover,.hl_scrool_rightbtn:hover{ background-color:#0344ac;}
.hl_scrool_leftbtn:hover { background-image:url(../images/lefts.png);}
.hl_scrool_rightbtn:hover{ background-image:url(../images/rights.png);}

.jq22{width: 282px;height:435px;position: relative; display:block;}
.jq22 .border-bottom{width: 0px;height: 2px;background: #fa0;position:absolute;left:0px;bottom:0;z-index:9999}

.hl_main5_content .text { width:7%; height:36px; margin:0 auto; overflow:hidden;}
.hl_main5_content .text a { display:inline-block; width:139px; height:34px;border:#d2d2d2 1px solid; line-height:34px; font-size:12px; color:#848484; text-align:center; text-decoration:none; margin-left:19px; float:left;}
.hl_main5_content .text a:hover {background-color:#0344ac; color:#fff;}

.product table { width:98%; margin:10px auto;border-bottom:#ccc 1px solid;border-right:#ccc 1px solid;}
.product td,.product th {padding:10px; font-size:14px; line-height:22px;border-top:#ccc 1px solid;border-left:#ccc 1px solid; font-family:Arial;}
.product th { background:#ddd; color:#333; font-weight:bold;}
.product .pro { width:20%; text-align:center;}
.product tr:nth-child(odd){background:#f7f7f7;}
.product tr:nth-child(even){background:#fff;}

.product .text2 { float:right; width:46%; margin-right:3%; font-size:16px;}
.product .text2 h1 { text-align:left; width:100%; padding-bottom:15px;}
.product .text2 h3 { font-size:20px; font-weight:bold; margin:10px 0; border-left:#245fae 5px solid; padding-left:15px;}
.product .text2 p { padding:5px 15px 5px 40px; background:url(../images/a31.png) no-repeat 15px 12px; border-bottom:#999 1px dotted; margin-top:5px; line-height:24px;}
.product .text2 a.big-link { display:inline-block; background:#245fae; color:#fff; text-decoration:none; padding:6px 50px; border-radius:5px;}


.xiangq { clear:both; border:#dcdcdc 1px solid; overflow:hidden;}
.xiangq h3 { background:linear-gradient(to bottom, #fefefe, #f6f6f6); font-size:18px; line-height:50px;}
.xiangq h3 b { display:inline-block; padding:0 30px; border-top:#245fae 2px solid;}
.xiangq .ttex { font-size:16px; padding:15px; padding-bottom:25px; overflow:hidden;}
.xiangq .ttex .cp04 li { width:20%; text-align:center; padding:20px 2%; float:left;}
.xiangq .ttex .cp04 li .img { width:100%; height:200px; line-height:200px; overflow:hidden;text-align:center;vertical-align: middle;position: relative; overflow:hidden;}
.xiangq .ttex .cp04 li .img img { position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;max-width:96%; max-height:96%;transition:all 1s;}
.xiangq .ttex .cp04 li .img:hover img{ transform:scale(1.1,1.1);transform-origin:center center}

.othpro { clear:both;}
.othpro li { width:24%; float:left; margin-right:1%;}
.othpro li a { background:url(../images/01.gif) no-repeat 10px center; border-bottom:#999 1px dotted; padding-left:30px; display:block;}

.product .order { padding-top:25px;}
.mainbody h4 { margin:10px 0; background:#0f5cb2; color:#fff; padding:5px 15px; font-size:16px;}

.pro_img td { padding:0 5px; text-align:center;}
.pro_img .pro { background:#efefef; padding:10px;}
.pro_img .img { width:310px; height:200px; text-align:center; overflow:hidden; background:#fff;position: relative;line-height: 200px;vertical-align: middle;}
.pro_img .img img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width:100%; height:100%;transition:all 1s;}
.pro_img .img:hover img{ transform:scale(1.1,1.1);transform-origin:center center}
.pro_img p { max-width:300px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis; padding-top:5px; text-align:center;}
#marquePic2 { display:none;}

.ny_lf { width:65%; float:left; padding-right:5%; border-right:#ddd 1px solid;}
.ny_r { width:20%; float:left; padding-left:4%;}
.ny_r h3 { text-align:center; color:#fff; font-size:18px; line-height:50px; background:#245fae; font-weight:bold;}
.ny_r li { width:100%; margin-top:2px; line-height:40px;}
.ny_r li a { padding:0 10px 0 30px; font-size:14px; background:#f7f7f7 url(../images/01.gif) no-repeat 12px center;overflow:hidden;white-space: nowrap;text-overflow: ellipsis; height:40px; display:block;}

.news { padding:0 2%;font-size:16px; line-height:32px;}
.time0 { text-align:center; padding-top:10px; color:#999; font-size:14px;}
.news h1,.product h1 { width:85%; text-align:center; font-size:30px; font-weight:bold; line-height:35px; color:#333;margin:0 auto;}
.news p {padding:5px 0; }
.news img { margin:5px 0; max-width:100%; height:auto !important; height:100%;}
.news table { width:98%; margin:5px auto;border-bottom:#666 1px solid;border-right:#666 1px solid;}
.news td,.news th {padding:5px 10px; font-size:14px; line-height:22px;border-top:#666 1px solid;border-left:#666 1px solid;}
.news th { background:#f5f5f5; color:#666; font-weight:bold; line-height:35px; text-align:center;}

.news .ppimg { text-align:center; width:100%; margin:0 auto;}
.news .ppimg li { display:inline-block; margin:10px;}
.news ul.ppimg2 { width:80%; padding:0 10%;}

.contact { width:90%; font-size:16px; line-height:30px; margin:0 auto;}
.contact li { width:25%; float:left;}
.contact li h3 { padding:15px 0; font-size:20px; color:#999;}
.contact li h3 img { margin-right:10px;}
.contact li p { padding-left:45px;}
.contact li .tt p { display:inline-block; text-align:center; padding-left:10px; font-size:14px; line-height:22px;}

.iw_poi_title { font-size:14px;}
.iw_poi_content { font-size:12px;}

.pnpage { clear:both; text-align:center;padding-top:25px; font-size:14px;}
.pnpage a { padding:2px 10px; font-weight:bold; margin:0 6px; border-radius:35px; text-decoration:none;}

.close { clear:both; color:#f60; text-align:center; padding-top:10px;}
.close a{color:#f60; }

.yy td {padding:3px 0; font-size:14px;}
.yy input { border:#b2b5b5 1px solid;height:25px;line-height: 25px; margin:0 3px; color: #222; padding:0 10px; outline:none;}
.yy textarea {border:#b2b5b5 1px solid; line-height:25px;margin:0 3px;color: #222; padding:0 10px; outline:none; width:70%;}
.yy input.aak { background:#000; color:#fff; line-height:25px; padding:0 10px; cursor:pointer;}
.yy input.s1 { width:70%;}
.yy input.s2 { width:10%;}

.sousou { width:90%; height:50px; margin:10px auto; border:#0f5cb2 3px solid; border-radius:5px;}
.sousou input { font-size:16px; color:#999;padding:0; height:50px; line-height:50px; margin:0; border:0; background:none; outline:none;}
.sousou input.search1 { width:64%; background:url(../images/ss.png) no-repeat 15px center;padding:0 15px 0 45px; float:left;}
.sousou input.searchimg1 { width:20%; background:#0f5cb2; color:#fff; border:0; text-align:center; float:right; cursor:pointer;}

.txtc { clear:both; text-align:center; padding-right:25px; padding-top:10px;}
span.current,a.num { display:inline-block; margin:0 5px; padding:0 12px; height:30px; line-height:30px; border:#ddd 1px solid; vertical-align:middle;}
span.current,a.num:hover { background:#ebf5fe; border:#adcae3 1px solid; color:#075da1;}
a.next,a.prev { text-decoration:none; text-indent:-9999px; margin:0 5px; width:32px; height:32px; display:inline-block; vertical-align:middle;}
a.prev { background:#075da1 url(../images/a2.png) no-repeat center;}
a.next{ background:#075da1 url(../images/a1.png) no-repeat center;}

.hzbg { width:100%; background:#f8f8f8; padding:15px 0; overflow:hidden; }
.hzbg .left { margin-top:20px;}

.ablist { padding-bottom:40px; overflow:hidden; text-align:center; font-size:16px;}
.ablist a { display:inline-block; padding:8px 60px; background:#efefef; color:#666; margin:5px 20px; text-decoration:none; border-radius:40px;}
#kk1 a.kk1,#kk2 a.kk2,#kk3 a.kk3,#kk4 a.kk4,#kk5 a.kk5,#kk6 a.kk6,#kk7 a.kk7,#kk8 a.kk8,#kk22 a.kk22{background:#09509e; color:#fff;}

.ablist p { color:#999; text-align:left; padding-left:23px; font-size:14px; background:url(../images/h.jpg) no-repeat left center;}
.ablist p a { padding:0; background:none; color:#999; margin:0;}

.newlist li { width:27%; float:left; margin:20px 3%;background:#fff; line-height:24px;}
.newlist li:hover { -moz-box-shadow: 0px 0px 10px #ccc;-webkit-box-shadow: 0px 0px 10px #ccc;box-shadow:0px 0px 10px #ccc;}
.newlist li .nimg { width:100%; height:240px; overflow:hidden;position: relative; text-align:center;display: inline-block;line-height: 240px;vertical-align: middle;}
.newlist li .nimg img {width:100%; max-height:100%;transition:all 1s;}
.newlist li .nimg:hover img{ transform:scale(1.2,1.2);transform-origin:center center}

.newlist li .text { padding:0 15px;}
.newlist li .time1 {padding:10px 0;}
.newlist li h3 { font-size:18px; padding-bottom:10px;overflow:hidden;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.newlist li h3 a { color:#005aba;}
.newlist li .more3 { height:30px; margin-bottom:15px;}
.newlist li .more3 a{height:30px; line-height:30px;background:url(../images/yd.png) no-repeat left center; padding-left:25px; display:block;transition:all 500ms; font-size:14px; text-transform:uppercase; color:#999;}
.newlist li .more3 a:hover {transition:all 500ms; margin-left:15px;background:url(../images/yd11.png) no-repeat left center; color:#005aba;}

.zlxz li { width:30%; margin:20px 5%; padding:2% 5%; float:left;-moz-box-shadow: 0px 0px 10px #ccc;-webkit-box-shadow: 0px 0px 10px #ccc;box-shadow:0px 0px 10px #ccc;}
.zlxz li h3 { font-size:20px; float:left; width:80%;}
.zlxz li .more { width:15%; float:right; text-align:center; height:75px; position:relative;}
.zlxz li .more a { text-decoration:none;}
#move li img { width:40px;}
#move li i{ width:100%; height:40px; display:inline-block;position: absolute;top: 0;left:0;filter:alpha(opacity=100);opacity: 1; overflow:hidden;}
#move li p { font-size:14px; color:#3f3f3f; padding-top:50px;}

.joblist li { float:left; width:100%; padding:15px 0;}
.joblist li h3 { background:#ddd; padding:6px 15px; font-size:18px; font-weight:bold; border-radius:3px;}
.joblist li h3 span { display:inline-block; margin-left:15px; background:#f7f7f7; padding:0 15px; border-radius:30px; font-size:12px; font-weight:400; line-height:20px;}
.joblist li .tex { padding:10px 15px; border:#ddd 1px solid;}

.dingdan { padding:1% 2%; background:#f9f9f9; overflow:hidden;}
.dingdan p { padding:5px 0;}
.dingdan input,.dingdan textarea { height:40px; line-height:40px; padding:0 1%; border:#ddd 1px solid; border-radius:5px; background:#fff; width:46%; color:#999; font-size:14px; font-family:Arial;}
.dingdan span { padding:0 5px; color:#f00; font-size:16px;}
.dingdan input.s1 { width:96%; color:#09509e; font-weight:bold;}
.dingdan input.s2 { width:120px;}
.dingdan input.aak { width:120px; background:#000; color:#fff;}
.dingdan textarea { padding:5px 1%; line-height:20px; height:100px; width:96%;}
.dingdan img { margin:0 10px; height:45px;}

.ssou5 { width:1240px; height:50px; margin:10px auto; border:#666 3px solid; border-radius:5px;}
.ssou5 input { font-size:16px; color:#666;padding:0; height:50px; line-height:50px; margin:0; border:0; background:none; outline:none;}
.ssou5 input.search1 { width:855px; background:url(../images/ss1.png) no-repeat 15px center;padding:0 15px 0 45px;}
.ssou5 form select {appearance:none;-moz-appearance:none;-weblit-appearance:none;}
.ssou5 select { width:185px; height:50px;position:relative; background:none; border:0; font-size:16px; line-height:50px; padding:0 25px 0 10px; margin:0; border-right:#ddd 1px solid;background: url(../images/arrow-down.png) no-repeat 158px center; cursor:pointer; color:#666;}
.ssou5 input.searchimg1 { width:130px; background:#666; color:#fff; border:0; text-align:center; float:right; cursor:pointer;}

.m_nav,.m_img { display:none;}
.wap_down{ position:fixed; left:0px; bottom:0px; z-index:99999; width:100%; height:60px; background:#f8f8f7; display:flex; justify-content:space-between; align-items:center; padding: px 2%; display:none;}
.wap_downa{ width:100%; display:flex; justify-content:center; align-items:center;}
.wap_downa img{ width:30px; height:30px; }
.wap_downb{ width:20%; float:left; padding-top:8px;}
.wap_downba{width:100%;  display:flex; justify-content:center; align-items:center;}
.wap_downba img{ width:20px; height:20px;  }
.wap_downbb{ text-align:center; font-size:13px; line-height:13px; color:#535353; padding-top:5px;   }
.wap_downbba{ width:80px; height:80px;}

.reveal-modal-bg {position: fixed;height: 100%;width: 100%;z-index: 100;display: none;top: 0;left: 0;background: rgba(00, 00, 00, 0.8)}
.reveal-modal {visibility: hidden;top:50%; margin-top:-210px; height:360px;left: 50%;margin-left: -160px;width: 320px;position: absolute;z-index: 101;padding:30px 40px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);-box-shadow: 0 0 10px rgba(0,0,0,.4);background-color: #FFF;}
.reveal-modal.small {width: 200px;margin-left: -140px;}
.reveal-modal.medium {width: 400px;margin-left: -240px;}
.reveal-modal.large {width: 600px;margin-left: -340px;}
.reveal-modal.xlarge {width: 800px;margin-left: -440px;}
.reveal-modal .close-reveal-modal {font-size: 22px;line-height: 0.5;position: absolute;top: 8px;right: 11px;color: #333;text-shadow: 0 -1px 1px rbga(0, 0, 0, .6);font-weight: bold;cursor: pointer;}
.reveal-modal h1 { font-size:32px; line-height:40px; color:#004892; padding-bottom:15px; margin:0 auto;}
.reveal-modal p { padding:5px 0;overflow:hidden;}
.reveal-modal input,.reveal-modal textarea { width:296px; height:35px; font-size:14px; line-height:35px; padding:0 10px; border:#7389a0 1px solid; border-radius:10px; color:#bdccdb;}
.reveal-modal textarea { padding:5px 10px; line-height:22px; border-radius:5px; height:66px;}
.reveal-modal input.s1 { width:100px;}
.reveal-modal input.aa { color:#000; font-weight:bold; font-size:16px;}
.reveal-modal input.aak { clear:both; width:316px; height:37px; background:#fff; text-align:center; background:#004892; color:#fff; font-size:14px; font-weight:100;}
.reveal-modal img { height:37px; margin:0 10px;}

@media screen and (min-width: 980px) and (max-width:1480px){
	.row li { width:30%;}
	.row li:nth-last-child(3) { border:0;}
	.syabout { width:50%;}
	.navigation-up .navigation-v3 li h2 a { margin:0 15px;}
}
@media screen and (min-width: 750px) and (max-width:980px){
	.row li { width:30%;}
	.row li:nth-last-child(3) { border:0;}
	.syabout { width:50%;}
	.navigation-up { display:none;}
	.slideBox .hd { width:80%; left:10%;}
}

@media screen and (min-width: 360px) and (max-width: 750px){
  .flash2 { margin-top:60px; height:150px;}
  .ablist { padding-bottom:20px;}
  .blank40 { height:20px;}
	.navigation-up { display:none;}
	.ttt h3 { font-size:2em;  padding-top:10px;}
	.ttt p { font-size:1.8em; line-height:30px;}
	.ttt p span { width:40px;margin-left:10px; }

    .abbg { background:none;}
	.syabout { width:100%;}
	.abimg { display:block;}

	.row li { width:30%;}
	.row li:nth-last-child(4) { border:0;}
	.tabs{ width:96%; margin-right:2%;}
	.tabs li { padding:10px 15px;}
	.tabs li h3 { font-size:16px;}
	.tabs li .tex { font-size:14px; line-height:22px; min-height:44px;}
	.tab_conbox { width:99%;}
	.tab_con { height:250px;}
    .tab_con .img { height:250px;}
	.footer {width:96%; padding:25px 2%;}
	.footer .ftbq li { padding-top:10px;}
	.footer .ftew { float:left; padding-left:50px; border-left:0; margin-left:0;}
	
	#content2{width:100%; height:500px; position:relative; overflow:hidden;}
	#content2 .ttt { width:100%; height:100px; position:absolute; z-index:80; left:2%; top:25px;}
	#slides2{ width:100%;height:410px;}
	
	.slide2{width:100%;height:300px;margin:0;}
	.slide2 .img { margin-right:0;width:100%;height:300px;line-height: 300px;}
	.slide2 .img img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;max-width:100%; max-height:100%;}
	.slide2 .mask{width:100%;height:250px; padding-top:8%; padding-left:0;}
	.slide2 .mask h2 { padding-bottom:20px; font-size:20px; font-weight:bold; overflow:hidden;}
	.slide2 .mask span.s3 { display:inline-block; background:#f00;font-family: Impact;src: url(../fonts/impact.ttf); font-size:28px; width:50px; height:50px; text-align:center; line-height:50px; color:#fff; border-radius:100%; margin-right:25px; float:left;}
	.slide2 .mask span.s1 { width:85%; float:left; display:inline-block;}
	.slide2 .mask p { clear:both; font-size:16px; line-height:30px; padding:0 20px;}
	
	#controller2{ width:96%;top:0;padding:10px 2%;}
	#controller2 span{width:47%;border-right:0; padding:1%;}
	#controller2 span a{ padding:10px;}

	#controller2 span.flowprev,#controller2 span.flownext{font:24px/50px arial;font-weight:800;width:65px;color:#164a95;text-align:center; border:0; padding:20 0;}
}

/*移动端导航*/
@media screen and (max-width: 750px) and (min-width: 0px){
	.flash { margin-top:60px; display:none;}
   .footer2 { width:96%; padding:10px 2%; margin-bottom:60px;}
   .ttt2 { background:none; padding-bottom:15px; line-height:1.8em; height:auto; margin-bottom:0; padding-left:0;}
   .ttt2 h3 { font-size:2em; margin:0;}
   .ttt2 p { font-size:1.4em;}
   .abbg { padding:25px 3%;}
   .row { width:100%;}
   .row li { width:46%; margin:10px 0;}
   .row li:nth-last-child(2),.row li:nth-last-child(4) { border:0;}
   #content2 { margin-top:0; height:auto;}
   #content2 .slider{margin-top: 0;}
   #content2 .ttt2 { top:4%;}
   .slideBox .bd li { background-size:cover; height:820px;}
   .slideBox .bd li .img{ width:94%; margin:0 3%; margin-top:10px; height:280px; line-height:280px;max-width:100%; max-height:100%;}
   .tab_con .img img { height:280px;}
   .tabs { float:left; width:98%;}
   .tabs li { padding:10px; width:96%;}
   .tabs li .fl { width:80%;}
   .tabs li:hover h3,.tabs li:hover .tex { padding-left:10px;}
   .tabs li .fl { width:80%; float:left; padding-left:10px;}
   .tabs li a.more { margin-right:0;}
   .tabs li:hover a.more { margin-right:15px;}
   .slideBox .bd li .text { width:100%; padding:0; padding-top:20%; height:auto;}
   .slideBox .bd li .text h2,.slideBox .bd li .text p { padding-left:20px;}
   .slideBox .bd li .text .tex { font-size:14px; line-height:16px;}
   .slideBox .hd { width:100%; left:0%; height:76px; bottom:10px;}
   .slideBox .hd ul li { width:99%; height:24px; line-height:24px; font-size:14px;}
   #content2 .ttt2 { height:40px;}
   .newbg { padding:25px 3%}
   .more33 { padding-top:0;}
   .footer .ftbq li { width:40%; padding-left:10%; padding-right:0;}
   .footer .ftew { padding-left:10%;}
   .footer .ftew li:nth-last-child(1) { padding-right:0;}
   .mainbody { width:96%; margin:0 2%;}
   .ablist { padding-bottom:30px;}
   .ablist a { margin:5px 6px; padding:0 20px;}
   .abtit { padding-bottom:20px;}
  .dingdan input,.dingdan textarea {width:92%; margin:5px 0;}
  .dingdan p { padding:0;}
}

@media screen and (max-width: 1024px) and (min-width: 0px){
	.wap_down { display:block;}
   .flash2 { margin-top:60px; height:150px;}
   .ablist { padding-bottom:20px;}
   .abtit h3 { font-size:2em;}
   .abtit p { font-size:1em;}
   .fw td,.fw th { font-size:14px; padding:5px; line-height:22px;}
   .blank40 { height:20px;}
   .blank60 { height:20px;}
   .blank30 { height:15px;}
   .head-v3{display: none;}
   .row2 { width:100%; padding:0;}
   .row2 li{ width:46%; margin:10px 0;}
   .head{display:none}
   .m_img{display:block;height:60px;background:#fff;-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 5px 5px 5px;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:1px solid #ddd;overflow: hidden;}
   .m_img .headlf{padding-top:2px;padding-left:5px;float: left;}
   .m_img .headlf .m_logo{height:30px;display: block; margin:15px 0 0 15px;}
   .m_img .headrg{padding-right:4%;padding-top:20px;float: right;}
   .m_img .headrg a .m_menuimg{height:16px;vertical-align:top;display: block}
   .m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
   .m_nav .closecover{position:absolute;width:100%;height:100%;-moz-opacity:0; filter:alpha(opacity=0); opacity:0;left:0px;top:60px;z-index:1}
   .m_nav .closeicon{position:absolute;width:10%;right:3%;top:72px;z-index:1000;text-align:center;filter:alpha(opacity=0);opacity:0}
   .m_nav .m_navList{position:absolute;width:60%;right:0px;top:60px;background:#164a95;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
   .m_nav .m_navList ul{padding-left:5%;padding-right:5%}
   .m_nav .m_navList ul li{border-bottom:1px solid #6588b9}
   .m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
   .m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
   .m_nav .m_navList ul li .m_f_a a{flex: 1;}
   .m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
   .icon{ background:url(../images/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .icon_on{background:url(../images/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
   .m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis; background:#2663bb; border-top:#fff 1px dotted;}
   .m_nav .m_navList ul li .m_s_nav .aa { padding:5px 0; overflow:hidden;}
   .m_nav .m_navList ul li .m_s_nav .aa a { background:none; height:30px; line-height:30px;}
	#FontScroll{width: 94%;height:440px;line-height: 20px;overflow: Hidden;padding: 5px 0;margin: 0 3%; background:url(../images/dian1.png) repeat-y 6px;}
	#FontScroll .fontColor a{color: #164a95;transition: all 1s ease 0s; font-weight:bold; font-size:16px; background:url(../images/dian2.png) no-repeat 0 3px; display:block;}
	#FontScroll{padding-left: 0}
    #FontScroll li { padding:5px 0;}
	#FontScroll e,#FontScroll .tt { display:block; padding-left:20px;}
	#FontScroll e { min-width:140px; text-align:left; padding-bottom:6px;}
	.product .pimg { width:96%; height:250px; line-height:250px;}
	.product h1 { font-size:1.6em;}
	.product .text2 { width:96%; margin:20px 2% 0 2%; }
	.reveal-modal {margin-left: -45%;width: 80%;padding:30px 5%;}
	.pro3 li {  width:85%; margin:10px 0;}
	.pro2 li {  width:98%; margin:10px 3px;}
	.sousou { width:98%;}
	.sousou input.search1 { width:62%;}
	.xiangq .ttex { padding:10px;}
	.ny_lf { width:100%; border:0;}
	.ny_r { display:none;}
	.pnpage { padding-bottom:15px;}
	.newlist li { width:96%; padding:0; line-height:24px;border:0;-moz-box-shadow: 0px 0px 10px #ccc;-webkit-box-shadow: 0px 0px 10px #ccc;box-shadow:0px 0px 10px #ccc; margin:10px;}
	.newlist li .time1 { display:none;}
	.newlist li .nimg { width:96%; float:left; border:0; margin:2%;}
.newlist li .nimg img { max-width:100%; height:auto !important; height:100%;}
	.newlist li h3 {  width:96%; padding:2%;}
	.newlist li .text { width:96%; padding:2%;}
	.newlist li .text .tex { font-size:14px;}
	.hl_main5_content { width:100%;}
	.hl_main5_content1 ul li{margin:0 10px;}
	.hl_main5_content .text { width:28%;}
	.xiangq .ttex .cp04 li { width:40%; padding:10px 5%;}
	.xiangq .ttex .cp04 li .img { height:120px; line-height:120px;}
	.nyleft { width:90%; padding-bottom:15px;}
	.nyleft h3 { display:none;}
	.nyleft a { line-height:32px;}
	.nyright { width:100%; padding:0;}
	.txtc span.zi { display:none;}
	.nyab .hy li { width:28%; padding:0 1%; margin:10px 0; }
	.nyab .hy li p { font-size:16px; line-height:18px; padding-top:10px;min-height:36px;}
	.abbg1 { padding:25px 0}
	.rybg .img img { max-width:100%;}
	#timeline {width: 380px;height: 650px;}
	#dates {width: 380px;}
	#issues {width: 380px;height: 550px;}	
	#issues li {width: 380px;height: 550px;}
	.rybg { padding:40px 5%;}
	.rybg .text,.rybg .img { width:100%;}
	.rybg .text .tt { padding:15px 0;}
	.rybg .text .tt p { line-height:22px; margin:5px 0; background:url(../images/ry1.png) no-repeat left 2px;}
	.rybg .text h2 { font-size:1.4em; padding:5px 30px;}
	.rybg .text h3 { font-size:1.2em;}
	#next, #prev { top:60%;}
	.abt p.s1 { width:100%; border:0;}
	.abt p.s2 { width:100%;}
	.abt img { max-width:100%;}
	.pro2 li h3 { font-size:18px; padding:10px 0;}
	.news p { line-height:22px;}
	.zpbg { height:500px;}
	.zpbg h3 { font-size:2.4em; padding-top:30%;}
	.zpbg .tex a { margin-bottom:20px;}
	.contact li { width:100%; padding:15px 0; line-height:22px; border-bottom:#ddd 1px solid; overflow:hidden;}
	.contact li h3 { padding:10px 0; font-size:18px;}
	.zlxz li { width:90%; margin:15px 0; padding:15px 5%;}
	.footer .ftew { padding-top:10px;}
	.footer .ftew h3 { padding-bottom:0;}
	.nyab .hy li p { min-height:60px;}
	.contact li .tt p { width:48%; padding-left:0; float:left;}
	#issues li p { padding:20px 10% 0 10%; line-height:20px;}
	#issues li.selected img {-webkit-transform: scale(0.7,0.7);-moz-transform: scale(0.7,0.7);-o-transform: scale(0.7,0.7);-ms-transform: scale(0.7,0.7);transform: scale(0.7,0.7); margin-left:-70px;}
	.pro_img p { width:250px; margin:0 auto;}
   .ttt2 h3 { font-size:2em; margin:0;}
   .row li p{ font-size:3.2em;}
}