article, aside, details, figcaption, figure, header, hgroup, nav, section { display:block }
html,body{height:100%; width:100%; }body {font-size:14px;color:#333; font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif;line-height: 20px;background:#eaeef1;}* {margin:0;padding:0}a { font-size:14px;color:#444; text-decoration:none;transition: all 0.4s ease;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; }a:hover { color:#0a6d9f; }a:active, a:focus, a:hover ,input:focus,textarea:focus { outline:0 }.transition { transition: all 0.4s ease;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; }img{ border-style:none;}li{list-style:none}img{border:0;margin:0;vertical-align:middle}table{border-collapse:collapse;border-spacing:0}.left{ float:left;}.right{ float:right;}.pc { display: block; }.phone { display: none; }.text-center { text-align: center; }.text-right{ text-align:right; }.red{ color:#cc2937; }.blue { color: #1a3471; }.block{ display:block; }.inline-block{ display:inline-block; }.white {color:#fff; }.gray { color:#888; }.clear { clear: both; }.phonepic { width:100%;}.relative { position:relative; }.absolute { position:absolute; }.wrap { position: relative; max-width: 1150px; margin: 0 auto; }.container {max-width: 1200px; width: 96%; margin:0 auto; }

.dimmed {width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: url(../images/black.png) repeat;display: none;opacity: 0;filter: alpha(opacity=0);z-index: 199;}
#header {width: 100%;height: 140px;z-index: 200;position: absolute;background:#fff;}
#header .t_top { position:absolute;width:100%;height:40px;background:#0093dd;font-size:13px; }
#header .word{position:absolute;width:500px;height:40px;line-height:40px;top:0;right:193px;z-index:6;height:61px; }
#header .header_util {position: absolute;right: 5%;top: 0;height: 40px;z-index:99;}
#header .header_util > ul.language {padding: 0 0 0 23px;position: relative;line-height:40px;background: url(../images/arr3.png) 0 12px no-repeat;}
#header .header_util > ul.language > li > ul {width: 82px;padding: 4px 0 4px 15px; background: #0093dd;position: absolute;top: 40px;display: none;overflow: hidden;height: 31px;margin:0 0 0 -24px;}
#header .header_util > ul.language > li > ul li { padding-left: 7px;line-height:26px; background: url(../images/lanbg.gif) 0 12px no-repeat;}
#header .header_util > ul.language > li > ul li:first-child {margin-top: 0;}
#header .header_util > ul.language > li > ul li:hover a:after {width: 100%;}
#header .header_util > ul.language > li > ul li a {position: relative;color:#fff;line-height: 14px; }
#header .header_util > ul.language > li > ul li a:after {width: 0;height: 1px;margin-top: 0; display: block;content: "";  position: absolute;  background-color: #fff;  -webkit-transition: width 0.2s ease;  -o-transition: width 0.2s ease;  -moz-transition: width 0.2s ease;  -ms-transition: width 0.2s ease;  -kthtml-transition: width 0.2s ease;  transition: width 0.2s ease;}
#header .t_cen{position:absolute;top:40px;left:0;z-index:6;width:100%;height:100px;background:#fff;}
#header .logo{position:absolute;z-index:100;left:3%;top:18px;width:281px;}
#header .menu{position:absolute;right:3%;width:760px;top:20px;height:100%;z-index:100;}
#header .menu li{position:relative;float:left;width:95px;margin:0 10px;text-align:center;z-index:35;}
#header .menu li.m1 { width:75px; }
#header .menu li.m7 { width:80px;text-align:right;margin-right:0; }
#header .menu li a{display:block;width:100%;height:100%;line-height:60px;font-size:16px; }
#header .menu li.cur a {color:#942a24; }

/*===============子菜单定位=================*/
#header .menu li .Nodes{position:absolute;overflow:hidden;width:121px;left:-11px;height:0px;top:52px;z-index:100; background:#fff;border-bottom-left-radius:6px;border-bottom-right-radius:6px;-moz-box-shadow:0 3px 10px rgba(0, 0, 0, 0.4); -webkit-box-shadow:0 3px 10px rgba(0, 0, 0, 0.4); box-shadow:0 3px 10px  rgba(0, 0, 0, 0.4); }
#header .menu.en li .Nodes{width:191px;left:-51px; }
#header .menu li .Nodes ul{position:static;float:left;width:100%;left:0px;top:0px;z-index:100;border-top:#1c4796 4px solid; }
#header .menu li .Nodes ul li{width:100%;height:42px;float:none;padding:0;margin:0;text-align:center; }
#header .menu li .Nodes ul li a{display:block;width:92%;margin:0 4%;font-size:14px;line-height:41px;border-bottom:#eee 1px solid;background:none;font-weight:normal;transition: all 0.3s ease;overflow: hidden;/*注意不要写在最后了*/ white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
#header .menu li .Nodes ul li:hover a { background-color:#f5f5f5; }

.home-banner { width:100%;height:100%;position:fixed;left:0;top:0;z-index:1;background:#333; }
.swiper-container { width: 100%;height:100%;z-index:9;}
.swiper-slide {  }
.swiper-container .swiper-pagination { top:78%;text-align:left;margin-left:5%;}
.swiper-container .swiper-pagination-bullet{opacity:1;width:6%;height:3px;background:#fff;border-radius:0;}
.swiper-container .swiper-pagination-bullet-active{opacity:1;background:#cd3337;}
.swiper-container .img { width:100%;height:100%;}
.swiper-container .content { width:100%;height:100%;let:0;top:0;z-index:9;  }
.swiper-container .content .text { width:100%;top:47%;left:0;font-size:44px;line-height:66px;color:#fff;font-weight:bold;}

.homespace { position:relative;width:100%;height:100%;z-index:0; }
@media screen and (max-width:1201px) {  
	.home-banner { height:480px; }
	.homespace { height:480px;}
	#header .menu{width:630px;}
	#header .menu li{width:95px;margin:0;}
 }

.home { width:90%;margin:0 5%;margin-top:-6%;min-height:300px;background:#fff;box-shadow:#aaa 1px 1px 3px;}
.scrolldown {  width:90%;position:absolute;z-index:14;margin-top:-10px; }
.home1 { padding:6% 0 4%; }
.home1 .left { width:20%;margin-top:3%;  }
.home1 .left .title { font-size:30px;font-weight:bold;margin-bottom:18px;}
.home1 .mid { width:48%;margin-left:4%;float:left; }
.home1 .mid p { text-indent:32px;padding-bottom:2%;}
.home1 .right { width:20%; }
.home1 .right li { width:25%;margin:0 2%;padding:0 2%;float:left;border-right:#ddd 1px solid; }
.home1 .right li .title { height:42px;margin-bottom:40px;font-size:18px; overflow:hidden;}
.home1 .right li .text { height:42px;margin-bottom:40px;font-size:12px; overflow:hidden;}
.home1 .right li .date { color:#444; }

.home2 li { width:33.3333%;float:left;}
.home2 li .content { width:100%;height:100%;left:0;top:0;z-index:9;background:rgba(0,0,0,.15);opacity:1; filter:alpha(opaity=100);}
.home2 li p { font-size:26px;padding:35% 0 20px;margin:-12% 0 18px;line-height:20px;background:url(../images/home2.gif) no-repeat bottom center; }
.home2 li span { padding:0 5%; }
.home2 li .more { width:120px;height:30px;line-height:30px;margin:0 auto;margin-top:20px; }
.home2 li .more a { display:block;background:#fff;border-radius:2px; }
.home2 li .more:hover a { background:#547dc7;color:#fff; }

.home3 { padding:4% 0 3%; }
.home3 li { width:32%;float:left;margin:0 0 2% 2%;}
.home3 li.m1 { margin-left:0; }
.home3 li.m1 .content { width:75%;left:0;top:15%;height:70%;z-index:9;}
.home3 li.m1 .title { font-size:26px;font-weight:bold;padding-bottom:3%; }
.home3 li.m1 .tit { margin:6% 0;}
.home3 li .text { left:6%;width:88%;top:65%;color:#eee;font-size:16px;z-index:9;}

.home4 { padding:5% 0 4%;margin:0 5%;background:#eaeef1;}
.home4 .title { font-size:26px;font-weight:bold;padding-bottom:3%; }

.footer { color:#333;position:relative;z-index:9;background:#fff;padding:2% 0;}
.footer .content {  margin:0 5%; }
.footer .footlogo { max-width:220px;width:20%;float:left;}
.footer .left { width:56%;margin-left:3%;}
.foot1 { word-spacing:14px;margin-bottom:3%; }
.foot2 li { width:30%;padding-right:1%;margin-right:2%;border-right:#aaa 1px solid;float:left;}
.footer .right { width:20%; max-width:250px;font-size:12px; }
.footer .right p { clear:right; }
.footer .header_util { float:right;margin:0 0 17px;}
.footer .header_util > ul.language {padding: 0 32px 0 44px;position: relative;border:#bbb 1px solid;line-height:30px;background: url(../images/arr11a.png) 25px 12px no-repeat;}
.footer .header_util > ul.language > li > ul {width: 80px;padding: 4px 0 4px 32px;border:#bbb 1px solid;background:#fff;position: absolute;top: 30px;display: none;overflow: hidden;height: 30px;margin:0 0 0 -45px;}
.footer .header_util > ul.language > li > ul li { padding-left: 7px;line-height:26px; background: url(../images/lanbg1.gif) 0 12px no-repeat;}
.footer .header_util > ul.language > li > ul li:first-child {margin-top: 0;}
.footer .header_util > ul.language > li > ul li:hover a:after {width: 100%;}
.footer .header_util > ul.language > li > ul li a {position: relative;line-height: 14px; }
.footer .header_util > ul.language > li > ul li a:after {width: 0;height: 1px;margin-top: 0; display: block;content: "";  position: absolute;  background-color: #ec616e;  -webkit-transition: width 0.2s ease;  -o-transition: width 0.2s ease;  -moz-transition: width 0.2s ease;  -ms-transition: width 0.2s ease;  -kthtml-transition: width 0.2s ease;  transition: width 0.2s ease;}

.backToTop {position: fixed;right: 0;bottom: 0;background: url('../images/backToTop.png') center no-repeat;z-index: 9999;width: 47px;height: 47px;display: none;cursor: pointer;}

.fadeInRight { animation:fadeInRight 1.3s 0.0s both }
@keyframes fadeInRight{0%{opacity:0;transform:translate3d(70px, 0, 0)}100%{opacity:1;transform:none}}
.fadeInLeft { animation:fadeInLeft 1.3s 0.0s both }
@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-70px, 0, 0)}100%{opacity:1;transform:none}}
.fadeIn { animation:fadeIn 1.3s 0.0s both}
@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}
@keyframes fadeOut{0%{opacity:0.5;}100%{opacity:0;}}
.fadeInUp { animation:fadeInUp 1.3s 0.2s both }
@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0, 50px, 0)}100%{opacity:1;transform:none}}
@keyframes fadeInDown {0%{opacity:0;transform:translate3d(0, -30px, 0)}100%{opacity:1;transform:none}}
@keyframes myfirst1 {0%   {}100% {transform:translateY(2px);}}

.banner { width:100%;border-top:#fff 120px solid; }
.banner .bg { width:100%;height:100%;left:0;top:0;z-index:2;}
.banner .text { width:100%;height:30px;left:0;top:42%;z-index:4;font-size:32px;animation:fadeIn 1.5s 0.0s both;-webkit-animation:fadeInUp 1.5s 0.0s both; }

.main { width:90%;margin:0 5% 5%;margin-top:-5%;padding:2% 0 6%;line-height:26px;color:#222;position:relative;z-index:9;min-height:300px;background:#fff;box-shadow:#aaa 1px 1px 10px;}

.daohang { border-bottom:#aaa 1px solid;padding:0 0 2%;margin:0 0 16px;font-size:13px; }
.daohang li { float:left;margin-left:22px;padding-left:22px;background:url(../images/daohangbg.gif) no-repeat left center;font-size:16px;}
.daohang li:nth-child(1) { padding-left:0;margin-left:0;background:none;}
.daohang li.cur a { color:#cc2937; }
.daohang1 { margin-bottom:3%;}
.daohang2 { margin:4% 0 3%;font-size:22px;font-weight:bold; }

.about .left { width:60%;}
.about .right { width:33%;margin-bottom:4%;}
.about .home2 { margin-top:2%; }
.about .home2 li { width:32.66666%;margin-left:1%; }
.about .home2 li:nth-child(1) { margin-left:0;}

.about .left p { margin:0;}
.about .left .text { padding-left:4%;border-left:#cc2937 6px solid;margin-bottom:30px;}

.culture li{ width:60%; padding:0 20% 0 20%;}
.culture li h4{ font-size:26px; color:#1c4796; border-bottom:#1c4796 dashed 1px; text-align:center; padding:50px 0 10px; margin-bottom:20px;}
.culture .left{ width:30%; float:left;}
.culture .right{ width:50%; float:right; padding-top:60px; font-size:20px; line-height:46px;}

.development li { width:23.5%;margin:2% 2% 2% 0;float:left;}
.development li .pic { border:#e5e5e5 9px solid;margin-bottom:6px; overflow:hidden; }
.development li:hover img {transform: scale(0.96, 0.96);}

.catalog li{float:left;width:32.66666%;margin:0 1% 3% 0;}
.catalog li .pic { overflow:hidden; }
.catalog li .bg { width:100%;height:100%;left:0;top:0;z-index:4; background:#212f6c; opacity: .5;filter:alpha(opacity=50);}
.catalog li:hover .bg { opacity: 0;filter:alpha(opacity=0);}
.catalog li img{ width: 100%;height:auto;overflow-x: hidden;overflow-y: hidden;z-index:1;}
.catalog li:hover img {transform: scale(1.05, 1.05);}
.catalog li .text { width:100%;left:0;top:50%;z-index:6;margin-top:-30px;}
.catalog li .title { font-size:20px;margin-bottom:2%;color:#fff; }
.catalog li:hover .title { margin-top:-20px;opacity: 0;filter:alpha(opacity=0);}
.catalog li .tit { color:#ccc; }
.catalog li:hover .tit { margin-top:60px;opacity: 0;filter:alpha(opacity=0);}

.products li{float:left;width:24.25%;margin:0 1% 3% 0;padding:0 0 2%;border-bottom:#ddd 1px solid;}
.products li .pic { overflow:hidden; }
.products li img{ width: 100%;height:auto;overflow-x: hidden;overflow-y: hidden;z-index:1;}
.products li:hover img {transform: scale(1.05, 1.05);}
.products li .text { width:90%;left:13%;top:50%;z-index:6;opacity: 0;filter:alpha(opacity=0);}
.products li:hover .text { left:10%;opacity: 1;filter:alpha(opacity=100);}
.products li .tit1 { line-height:20px;margin-top:15px;width:100%;overflow: hidden;/*注意不要写在最后了*/ white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; }
.products li .tit2 { line-height:20px;width:100%;overflow: hidden;/*注意不要写在最后了*/ white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; }

.market .title { font-size:26px;font-weight:bold;padding:0 0 4%;}
.market .text1 { max-width:460px;width:100%;color:#444;margin:0 auto;font-size:13px;}
.map { max-width:1000px;width:100%;height:500px;margin:0 auto;margin-top:6%;margin-bottom:3%; }
.map .pic {width: 100%;height: 100%;left: 0;top: 0;}
.map .pic img {width: 100%;height:100%;}
.map .content  {color:#fff;opacity: 1;line-height:28px;overflow: hidden;z-index:99;}
.map:hover .content{z-index: 10;background: url(../images/arrleft.png) no-repeat left center; }
.map1 .content,.map2 .content,.map3 .content,.map4 .content,.map5 .content,.map6 .content,.map7 .content,.map8 .content,.map9 .content,.map10 .content,.map11 .content{height: 0px;padding:0px 7px 0 22px;}
.map1:hover .content,.map2:hover .content,.map3:hover .content,.map4:hover .content,.map5:hover .content,.map6:hover .content,.map7:hover .content,.map8:hover .content,.map9:hover .content,.map10:hover .content,.map11:hover .content{ height:28px;}
.map .origin {width: 30px;height: 30px;z-index: 10; background:url(../images/yq.png) no-repeat center;}
.map .origin1 { left: 79%;top: 45.5%; }
.map .content1 { left: 82%;top: 46%; }
.map .origin2 { left: 78.5%;top: 40.7%; }
.map .content2 { left: 81.5%;top: 41.2%; }
.map .origin3 { left: 74.5%;top: 51.7%; }
.map .content3 { left: 77.5%;top: 52.2%; }
.map .origin4 { left: 84%;top: 37.3%; }
.map .content4 { left: 87%;top: 38.3%; }
.map .origin5 { left: 81.2%;top: 37.5%; }
.map .content5 { left: 84.2%;top: 37.8%; }
.map .origin6 { left: 12.2%;top: 32.5%; }
.map .content6 { left: 16.2%;top: 33.5%; }
.map .origin7 { left: 47.5%;top: 29.8%; }
.map .content7 { left: 50.5%;top: 30.3%; }
.map .origin8 { left: 54.5%;top: 35.1%; }
.map .content8 { left: 57.5%;top: 35.6%; }
.map .origin9 { left: 49.7%;top: 33.5%; }
.map .content9 { left: 52.7%;top: 34%; }
.map .origin10 { left: 48.9%;top: 25.9%; }
.map .content10 { left: 51.9%;top: 26.4%; }
.map .origin11 { left: 79.2%;top: 50.5%; }
.map .content11 { left: 82.2%;top: 51%; }
.yq { position:absolute;z-index:10;left:50%;top:50%;margin-left:-50%;margin-top:-50%;width:100%;height:100%; border-radius:25px;border:#e4515f 1px solid; }
.yq1{ -webkit-animation: fangda 1.4s ease 0s infinite;animation: fangda 1.4s ease 0s infinite; }
.yq2{ -webkit-animation: fangda 1.4s ease .2s infinite;animation: fangda 1.4s ease .2s infinite; }
.yq3{ -webkit-animation: fangda 1.4s ease .4s infinite;animation: fangda 1.4s ease .4s infinite; }
@-webkit-keyframes fangda {0%{-webkit-transform: scale(.6);opacity:1;}85%{-webkit-transform:scale(1.3);opacity:0;}100%{-webkit-transform:scale(1.3);opacity:0;}}

/*新闻切换*/
.news li { width:100%;float:left;}
.news li:hover { background:#eaeef1; }
.news li a { display:block;padding:2% 0;}
.news li .date { width:9%;}
.news li .date p { font-size:24px;margin-top:28px; }
.news li:hover .date p { color:#cd2836; }
.news li .pic { width:23%;height:102px;margin-right:3%;background-color:#f5f5f5;background-repeat:no-repeat;background-position:center;background-size: 100% auto; }
.news li:hover .pic { background-size:110% auto;}
.news li .tit { width:48%;margin-bottom:1%;font-size:15px;}
.news li .des { width:48%;font-size:12px;overflow:hidden;line-height:21px;}
.news li .des span { font-size:18px;font-weight:bold;margin-bottom:15px; }
.news li .more { width:12%;height:46px;line-height:46px;background:#cb2938;color:#fff; }
.news li:hover .more { color:#922925; }
.news li .more .m1 { color:#fff; width:60%;margin-right:5%;}
.news li .more .m2 { width:30px;height:22px;margin-top:12px;background:url(../images/arrright.png) no-repeat right center;}
.news li:hover .m2 { background-position:left center; }

.newsview { padding:1% 0 3%; }
.newsview .title { font-size:25px;padding:0 0 8px;}
.newsview .date { color:#888;padding:0 0 1%;font-size:11px;margin:0 0 5px;}
.newsview .text { line-height:28px;padding:20px 0;color:#666;font-size:14px;}
.newsview .text p img { width:100%;margin:12px 0  ;}
.newsview .text p { padding-bottom:12px; text-indent:32px;}
.newsview .text p img { margin-left:-32px;}

.join li {width:30%;float:left;margin-right:5%;margin-bottom:20px;}
.join li:nth-child(3n) {margin-right:0;}
.join1 {color:#A48349;font-weight:bold;line-height:23px;font-size:16px;padding-bottom:6px;}
.join2 img {width:100%;}
.join3 {padding-top:6px;font-size:13px;}

/*contact*/
.contact .title { font-size:30px;padding-bottom:2%;margin-bottom:5%;background:url(../images/contactbg.gif) no-repeat left bottom;}
.contact .text { margin-bottom:15px;}
.contact .left { width:39%;line-height:26px;font-size:16px;background:url(../images/arrmap.gif) no-repeat 0 47px;padding-left:20px;}
.contact .left .tit { font-size:21px;font-weight:bold;margin-bottom:5%; }
.contact .right { width:55%;height:360px;}
.contact.en .left { width:50%;line-height:28px;}
.contact.en .left .tit { margin-bottom:3%; }
.contact.en .right { width:40%;}
.bbs .title  { font-size:20px;padding:0 0 13px;margin:0 0 25px;border-bottom:#eee 1px solid;}

.bbs li { width:49%;margin:0 2% 1% 0;float:left;}
.bbs li p {border:#868686 1px solid;}
.bbs li.m1 { width:100%;margin-right:0;}
.bbs li input { width:94%;padding:0 3%;line-height:44px;border:0; }
.bbs li.m1 textarea { width:97%;padding:0.4% 1.5%;line-height:32px;height:100px;border:0; }
.bbs .tijiao { width:147px;background:#000;color:#fff; cursor:pointer; }
.bbs .tijiao:hover { background:#cb2938; }

#fenye {color:#888;padding:3% 0 0; height:25px; }
#fenye a {padding:6px 12px;color:#888; margin:0 3px; }
#fenye a:hover {text-decoration:none; background:#ac2a24;color:#fff;}
#fenye .a1 { padding:6px 10px 6px 11px; margin:0 3px;background:#ac2a24;color:#fff;}