@charset "utf-8";
@font-face {font-family: 'arial','HELVETICANEUELTPRO-THEX';src: url('fonts/HELVETICANEUELTPRO-THEX.OTF');font-weight: normal;font-style: normal;}
article, aside, details, figcaption, figure, header, hgroup, nav, section { display:block }html {font-size:100%;}
body {font-size: 14px;font-family: 'HELVETICANEUELTPRO-THEX',"Microsoft YaHei", "微软雅黑", Arial, sans-serif;line-height: 24px;color: #444;background:#fff;}html,body{height:100%; width:100%; }h2,h3{ font-style:normal; font-weight:normal;}* {margin:0;padding:0}a { font-size: 14px;color:#333; text-decoration:none;transition: all 0.3s ease;-moz-transition: all 0.3s ease;-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; }a:hover { color:#2453a1; }a:active, a:focus, a:hover ,input:focus,textarea:focus,select:active { outline:0 }.trans { transition: all 0.4s ease;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; }.transfast { transition: all 0.1s ease;-moz-transition: all 0.2s ease;-webkit-transition: all 0.2s ease; -o-transition: all 0.2s 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-left { text-align: left; }.text-center { text-align: center; }.text-right{ text-align:right; }.red{ color:#9c231b; }.red1{ color:#922925; }.blue { color: #2453a1; }.block{ display:block; }.inline-block{ display:inline-block; }.white {color:#fff; }.gray { color:#888; }.clear,.clearfix { clear: both; }.phonepic { width:100%;}.relative { position:relative; }.absolute { position:absolute; }.wrap { position: relative; max-width: 1500px;width:96%;margin:0 auto;}.container {max-width: 1600px; width: 96%; margin:0 auto; }.container-fluid { width:100%;display:block;}
.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 0.4s 0.0s both}
@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}
@keyframes fadeOut{0%{opacity:0.5;}100%{opacity:0;}}
.fadeInUp { animation:fadeInUp 1.2s 0.1s 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);}}
.zoomIn { animation:zoomIn 1s 1.1s both; }
@-webkit-keyframes zoomIn{0%{transform:scale(0);opacity: 0;}100%{transform:scale(1);opacity:1;}}

.top { position: fixed;left:0;top:0;width: 100%;height: 91px;z-index: 99;background-color: #fff;-moz-box-shadow:0 3px 12px rgba(0, 0, 0, 0.3); -webkit-box-shadow:0 3px 12px rgba(0, 0, 0, 0.3); box-shadow:0 3px 12px  rgba(0, 0, 0, 0.3); }
.top .wrap { height: 100%; }
.topbg.on { left: 0;top:0;width: 100%;height: 80px;position: fixed;z-index: 98;background-color: #9b231c; }
.top .logo{z-index:100;left:0;top:13px;width:170px;}
.top .tel { right: 7.5%;top:34px;width: 165px;height: 20px;z-index: 200;color: #fff;font-size: 18px; }
.top .lan .sea_con{padding:2px 0; }
.top .search{z-index:100;right:0;top:34px;width:40px;height:30px;color:#fff;font-weight: bold; }
.top .lan{z-index:100;right:0;top:34px;width:40px;height:30px;color:#fff;font-weight: bold; }
.top .lan a:hover { color: #eee; }
.top .t_c_cen{right:0;max-width:1200px;width:75%;top:0;height:100%;z-index:200; }
.top .t_c_bottom{width:92%;height:100%; float: left;}
.top .t_c_bottom .thisMenu{position:absolute;left:0;top:40px;width:14.285%;height:46px;background:url(../images/menus.gif) no-repeat center 20px ;z-index:30;}
.top .t_c_bottom ul{width:100%;}
.top .t_c_bottom ul li{position:relative;float:left;width:14.285%;text-align:center;z-index:35}
.top .t_c_bottom ul li a{display:block;width:100%;font-size:17px;height:91px;line-height:91px;color:#222;}
.top .t_c_bottom ul li.cur a,.top .t_c_bottom ul li a:hover { color: #2453a1;font-weight: bold; background: #f4f4f4;}
.top .tb { max-width:120px;width:100%;float:right; }
/*===============×Ӳ˵¥¶¨Î»=================*/
.top .t_c_bottom ul li .Nodes{position:absolute;overflow:hidden;width:370px;height:0px;left:0;top:91px;z-index:100;background:#f4f4f4; }
.top .t_c_bottom ul li .Nodes ul{position:static;float:left;width:99%;left:0px;top:0px;z-index:100;}
.top .t_c_bottom ul li .Nodes ul li{width:100%;height:36px;float:none;padding:0;margin:0;text-align:left;border-top:#eee 1px solid; }
.top .t_c_bottom ul li .Nodes ul li a{display:block;width:70%;padding:0 10% 0 12%;height:36px;line-height:36px;overflow: hidden;/*×¢ÒⲻҪдÔÚ×îºóÁË*/ white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;    FONT-SIZE: 12PX;}
.top .t_c_bottom ul li .Nodes ul li:hover a { background:#2453a1;color:#fff;}
.menubg {position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: #fff;z-index: 999;opacity: 1;filter:alpha(opacity=100); }
.menu-icon { margin-top: 18px; }
.visible-phone {display: none;}


.language{list-style: none; box-sizing:border-box; z-index: 999; margin:32px 0 0; position: relative; display:inline-block; width: 8%; float: right; }
.language .menu{display: block;position: relative;cursor: pointer; z-index: 2}
.language .menu-title {width:100%; height:auto; display: flex; align-items: center; justify-content: center;position: relative;font-style: normal;} 
.language .menu-title img{width:24px; height: 24px; border:1px #fff solid; border-radius: 50%; margin-right: 12px} 
.language .menu-title p{display: inline-block; margin:0; color: #666;font-size: 16px; line-height: 25px; text-transform:capitalize;}  
.language .menu-title i{position: relative; margin-left:8px; width: 7px;display: inline-block; height:6px; vertical-align: middle; text-align: center; background: url(../images/lan_down.png) no-repeat; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); font-style: normal;}  


.language .menu-dropdown {padding:0;position:absolute; background: #fff; z-index: 100; transition: 0.5s padding, 0.5s background; box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.15); opacity:0; width:145px; left:0px; top:34px; display: flex; flex-wrap: wrap; z-index: 10000000000000000000000}
.language:hover .menu-dropdown{opacity: 1; z-index: 10000000000000000000000}

.language .menu:not(:hover) > .menu-dropdown {background: #fff;;}
.language .menu:not(:hover) > .menu-title:after {border-bottom-color: #fff;}
.language .menu-dropdown > * {
  overflow: hidden;
  padding: 5px 10px;
  background: transparent;
  white-space: nowrap;
  transition: 0.5s height cubic-bezier(0.73, 0.32, 0.34, 1.5), 0.5s padding cubic-bezier(0.73, 0.32, 0.34, 1.5), 0.5s margin cubic-bezier(0.73, 0.32, 0.34, 1.5), 0.5s 0.2s color, 0.2s background-color;
}

.language p {display: inline-block;}
.language img {margin-right: 12px;border-radius: 50%;}
.language .menu-dropdown > *:hover {background: rgba(0, 0, 0, 0.1);}
.language .menu:not(:hover) > .menu-dropdown > * {
  visibility: hidden;
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin: 0;
  color: rgba(25, 25, 25, 0);
  transition: 0.5s 0.1s height, 0.5s 0.1s padding, 0.5s 0.1s margin, 0.3s color, 0.6s visibility;
  z-index: 99;
}
.language .menu-dropdown li{width:100%; padding: 10px 10px 10px 15px; border-bottom: 1px solid #e5e5e5; text-align: left;} 
.language .menu-dropdown li a{display: block; text-decoration: none}
.language .menu-dropdown li p{margin: 0;font-size: 14px; text-transform: capitalize;display: inline-block;}
.language .menu-dropdown li img{max-width: 24px; margin-right:8px; border-radius: 50%; overflow: hidden; border:1px #dedede solid}

@media screen and (max-width:1000px) {
	.top .t_c_cen{max-width:1000px;width:78%;}
	.top .t_c_bottom{width:90%;}
	.language{width:8%;}
	
}

@media screen and (max-width:850px) {
	.top .t_c_cen{max-width:280px;width:76%;}
	.top .t_c_bottom{width:90%;}
	.language{width:8%;}
	
}
@media screen and (max-width:770px) {
	
	.language{margin:16px 0 0;  }
	.language .menu-title p{color: #666;}
    .language .menu{ padding: 0px;} 
    .language .menu-title{height: 40px; border-radius: 0; width: 60px;}
    .language .menu-dropdown{left: -21px; top: 45px; max-height: 265px; overflow-y: auto; overflow-x: hidden;}
    .language{right: 105px;}

	}



.home-banner { width:100%;border-top:#fff 91px solid;}
.home-banner .swiper-container { width: 100%;}
.home-banner .swiper-slide { width: 100%;height: 630px;background-repeat: no-repeat;background-position: center;background-size: auto 100%; }
@media screen and (max-width:1700px) { .home-banner .swiper-slide { height: 570px; } }
@media screen and (max-width:1500px) { .home-banner .swiper-slide { height: 530px; } }
@media screen and (max-width:1200px) { .home-banner .swiper-slide { height: 450px; } }
@media screen and (max-width:1000px) { .home-banner .swiper-slide { height: 380px; } }
.home-banner .swiper-slide a { position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 7; }
.home-banner .swiper-container .swiper-pagination-bullet{opacity:1;width:12px;height:12px;font-size:20px;color:#ddd;background: #aaa;}
.home-banner .swiper-container .swiper-pagination-bullet-active{font-size:26px;color:#fff;background: #fff; }
.swiper-container .swiper-button-prev { background:url(../images/arrprew.png) no-repeat center;background-size:100% auto;width:4.16%;height:80px;left:1%;margin-top:-30px;opacity: 0;filter:alpha(opacity=0); }
.swiper-container .swiper-button-next { background:url(../images/arrnext.png) no-repeat center;background-size:100% auto;width:4.16%;height:80px;right:1%;margin-top:-30px;opacity: 0;filter:alpha(opacity=0); }
.swiper-container:hover .swiper-button-prev { opacity: .8;filter:alpha(opacity=80);left:2%; }
.swiper-container:hover .swiper-button-next { opacity: .8;filter:alpha(opacity=80);right:2%; }

.home { overflow: hidden; }
.home .title { padding:0 0 35px; }
.home .title .tit { font-size: 32px;font-weight: bold;float: left;width: 150px; }
.home .title .des { font-size: 14px;color:#aaa;float: left;width: 60%;padding-top:10px; }
.home .title .more { float: right;width: 120px;text-align: right;margin-top:10px;background: url(../images/arr.png) no-repeat right center;padding-right: 12px; }
.home .title .more:hover { margin-right: -5px; }
.home1 { padding:4% 0; }
.home1 .content li{float:left;width:23%;margin:0 2.666% 2.666% 0; }
.home1 .content li:nth-child(4n) { margin-right: 0; }
.home1 .content li .pic{ overflow:hidden; }
.home1 .content li .pic img{ transform: scale(1.1, 1.1);}
.home1 .content li:hover .pic img {transform: scale(1.0, 1.0);}
.home1 .content li .text { padding:4%;background: #f2f2f2;min-height: 64px; }
.home1 .content li:hover .text { background-color: #2453a4;color:#fff; }
.home1 .content li .text1 { font-size: 18px;font-weight: bold; }
.home1 .content li .line { width:44px;height: 3px;background-color: #888;margin:8px 0 5px; }
.home1 .content li:hover .line { background: #fff; }

.home2 { padding:1% 0 4%; }
.home2 .left { width: 47%; }
.home2 .left .pic{ overflow:hidden; }
.home2 .left .pic img{ transform: scale(1, 1);}
.home2 .left:hover .pic img {transform: scale(1.1, 1.1);}
.home2 .left .content { padding:2% 0; }
.home2 .left .date { word-spacing: 8px; }
.home2 .left span { font-size: 30px;font-weight:bold; }
.home2 .left .title { padding:12px 0;font-size: 18px; }
.home2 .left .des { line-height: 20px; }
.home2 .right { width: 47%; }
.home2 .right li { width: 100%;float: left;border-top:#eee 1px solid;padding:3% 0; overflow: hidden; }
.home2 .right li:nth-child(1) { padding-top:0;border-top: 0; }
.home2 .right li .pic { width:18%;float: left;color: #999; }
.home2 .right li .pic img { height: 90px; }
.home2 .right li .content { max-width:450px;width:79%;float: left;padding-left: 3%; }
.home2 .right .tit { font-size: 17px;color:#111;padding:0 0 3px;overflow: hidden;/*×¢ÒⲻҪдÔÚ×îºóÁË*/ white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; }
.home2 .right .des { color:#888;line-height: 20px; }
.home2 .right li:hover .tit { color:#2453a1; }
.home2 .right li:hover { background: #fafafa; }
.home2 .right li:hover a { margin-left: -150px; }
.home2 .right li .more { right: 0;top: 40px;z-index: -1; }
.home2 .right li .more div { background-color: #2453a4;color:#fff;text-align: center;line-height: 46px;line-height: 46px;padding:0 20px;border-radius: 30px;margin-right: -180px; }
.home2 .right li:hover .more div { margin-right: 0; }

.home3 { padding:1% 0;background-color: #f2f2f2; height: 56px;overflow: hidden; }
.home3 img { margin:0 25px;height: 56px; }
.home3 img:nth-child(1) { margin-left: 0; }

.footer { padding:2% 0 0;background: #2453a3;overflow: hidden;color:#93b3eb; }
.footer a { color:#93b3eb; }
.footer a:hover { color:#fff; }
.footer .left { width:14%;margin-right: 12%; }
.footer .left img { max-width:200px;width: 100%; }
.footer .middle { width:60%;float: left;padding-top:1%; }
.footer .middle .ca { margin:0 0 20px; }
.footer .middle .ca a  { display: inline-block;margin-right: 25px;color:#c1d5f7;font-size: 16px; }
.footer .right { min-width:100px;width: 10%;text-align: right; }
.foot12 { padding:1% 0;margin-top:2%;border-top: #7298d8 1px solid;color:#93b3eb; }
.foot12 .left { width:60%;margin:0; }
.foot12 .right { width:35%; }

.fadeInRight { animation:fadeInRight 1s 0.0s both }
@keyframes fadeInRight{0%{opacity:0;transform:translate3d(30px, 0, 0)}100%{opacity:1;transform:none}}
.fadeInLeft { animation:fadeInLeft 1s 0.0s both }
@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-30px, 0, 0)}100%{opacity:1;transform:none}}
.fadeInUp { animation:fadeInUp 1s 0s both }
@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0, 30px, 0)}100%{opacity:1;transform:none}}
.zoomIn { animation:zoomIn 1s 1.1s both; }
@-webkit-keyframes zoomIn{0%{transform:scale(0);opacity: 0;}100%{transform:scale(1);opacity:1;}}

.banner { width:100%;border-top:#fff 91px solid;height: 240px;background-position: center;background-repeat: no-repeat;font-size: 16px; }
.banner .left { width:40%;margin-top: 120px; }
.banner .left div { font-size: 32px;font-weight: bold;margin:0 0 30px; line-height:32px;}
.banner .right { width: 40%;margin-top: 180px; }

.search { height: 160px;border-top:#fff 91px solid;background:#eee; }
.search .container { padding-top: 50px;max-width: 800px; }
.search form { display: block; }
.search1,.search2  { float:left; }
.search1 { width: 92%; }
.search2 { width: 7%; }
.sear { background-color: #fff;border-radius:2px; }
.search input[type=search] {border:0;padding: 0px 1px 0 2%;height: 51px;line-height:42px;width: 95%;outline: none;background:none;color: #999;font-family: inherit;font-family: "Microsoft YaHei", Arial, sans-serif;border:0;}
.search input[type=submit] {border: 0;width: 8%;width:100%;height: 51px;background:url(../images/search.png) no-repeat center;cursor:pointer;text-indent:-9999px;border:0;font-family: "Microsoft YaHei", Arial, sans-serif;font-size:15px;}

.main { padding:4% 0;min-height:450px; }
.main .titen { text-transform:capitalize;font-size: 66px;font-weight:bold;color:#eee; }
.main .titcn { font-weight: bold;font-size: 26px;margin-top: -11px; }
.main .tit1 { font-size: 24px; }
.main .tit2  {font-size: 10px;color: #666666;}
.main .tit2 a {font-size: 10px;color: #333333;}
.main .about .text { padding:4% 0 0;line-height: 32px; }
.main .about .text p { padding: 12px 0; }
.main .culture { padding:4% 5%;background:url('../images/home7.jpg') no-repeat bottom center;margin:3% 0;  }
.main .culture li { width:19%;margin:0 3%;float: left; }
.main .cert { padding:3% 0 0; }
.main .cert li { width: 25%;margin:2% 0;float: left; }
.main .cert li .pic { padding:0 10%;overflow: hidden; }
.main .cert li .pic img{ transform: scale(1, 1);}
.main .cert li:hover .pic img {transform: scale(1.1, 1.1);}

.hexin li { width:100%;margin:0 0 9%;padding:2% 0;float:left;background:#f2f2f2;position: relative; overflow: hidden;}
.hexin li:hover { box-shadow: #aaa 0 4px 8px; }
.hexin li .tit { margin-left: 56%;width:37%;font-size: 24px;background: url(../images/shu.png) no-repeat 40px bottom;padding-bottom: 52px;line-height: 32px; }
.hexin li .des { margin-left: 56%;margin-top:1%;width:37%;min-height: 180px;line-height: 28px;font-size: 16px; }
.hexin li .pic { position: absolute;left: 8%;width: 40%;top: 8%;height:84%;z-index: 1;text-align: center; }
.hexin li .pic image { max-height: 400px;height: 100%; }
.hexin li:nth-child(2n) .tit { margin-left:8%; }
.hexin li:nth-child(2n) .des { margin-left: 8%; }
.hexin li:nth-child(2n) .pic { left: 52%; }

.products li { width:100%;padding:5% 0;float:left;background:#f2f2f2;position: relative; overflow: hidden;}
.products li:nth-child(2n) { background:#fff; }
.products li:hover { box-shadow: #eee 0 2px 4px; }
.products li .tit { margin-left: 8%;width:37%;font-size: 28px;padding-bottom: 22px;line-height: 32px; }
.products li .des { margin-left: 8%;width:37%;margin-bottom:3%;line-height: 28px; }
.products li .pic { position: absolute;right: 8%;width: 40%;top: 20%;height:60%;z-index: 1; }
.products li .pic image { max-height: 400px;height: 100%; }
.products li:hover .pic image { border:#2453a1 1px solid;margin-top:-1px; }
.products li .more { width: 150px;height: 38px;line-height: 38px;border:#2452a1 1px solid;background: #fff;border-radius: 4px;margin-left: 8%;color: #2452a1; }
.products li:hover .more { background: #2452a1;color:#fff; }
.products li:hover .more span { margin-left: 10px; }
.products li:nth-child(2n) .tit { margin-left:56%; }
.products li:nth-child(2n) .des { margin-left: 56%; }
.products li:nth-child(2n) .pic { right: 52%; }
.products li:nth-child(2n) .more { margin-left: 56%; }

.proview  { line-height:28px;}
.proview  p { margin:12px 0; }

.proview .des .tu { width: 40%;border:#ccc 1px solid;float: left; }
.proview .des .wenzi { width:56%;float: right; padding-top: 20px; }
.proview .biaoti { padding:8px 0 12px;margin:0 0 15px;border-bottom: #ddd 1px solid;font-size: 24px;font-weight: bold; }
.proview .dianhua { padding:6% 0 3%;margin:0 0 3%;border-bottom:#ccc 1px solid; }
.proview .dianhua a { font-size: 22px; }
.proview .more a { display:block;width:150px;text-align: center;background-color: #2452a1;height: 40px;line-height: 40px;color: #fff;border-radius: 10px;font-size: 17px; }
.proview .more a:hover { background-color: #4171c2; }
.proview .xg { margin-top: 2%; }

.advantage.container { max-width: 1200px;padding:3% 0; }
.advantage p { padding:12px 0; }


/*news*/
.news { padding:3% 0 1%; }
.news li { width:100%;padding:0 0 4%;float:left;background: url(../images/newsbg.png) no-repeat left top; }
.news li:hover { background-image: url(../images/newsbg1.png); }
.news li a { display:block;}
.news li .left { width: 15%; padding:12px 0 0; }
.news li .middle { width: 60%; padding:12px 0 0;float: left; }
.news li .right { width: 22%;height:157px;background-repeat:no-repeat;background-position:center;background-size: 100% auto; }
.news li:hover .right { background-size: 108% auto; }
.news li .date { 5px;}
.news li .tit { font-size:18px;line-height:26px;margin-bottom:15px;color:#333;overflow: hidden;/*×¢ÒⲻҪдÔÚ×îºóÁË*/ white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; }
.news li:hover .tit { color: #2453a4;font-weight: bold; }
.news li .des { font-size:12px;min-height:50px; overflow:hidden;color:#aaa; }
.news li .des {font-size:12px;min-height:50px;overflow:hidden;color:#aaa;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;width: 450px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; width: 400px; }
.news li .more { color:#fff;margin-top:18px;background: #e6e6e6;width: 120px;height:38px;line-height: 38px;}
.news li:hover .more { background:#2453a4;}

.newsview .title { font-size:24px;text-align:center;padding:0 0 22px;margin-top:-12px;}
.newsview .date { color:#888;padding:10px 0;font-size:13px;border-bottom:#ccc 1px solid;border-top:#ccc 1px solid;margin:0 0 10px;}
.newsview .date .left { padding:4px 0 0;width:80%; }
.newsview .date .right { width:20%;text-align: right; }
.newsview .content { line-height:1.15;padding:3% 0;}
.newsview .content p { margin:0px 0; }
.newsview .content img { width:100%;margin:5px 0;}
.newsview .xg { border-top:#ccc 1px solid;padding:15px 0 0; }
.newsview .xg .left { width: 48%;overflow: hidden;/*×¢ÒⲻҪдÔÚ×îºóÁË*/ white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; }
.newsview .xg .right { width: 48%;text-align: right;overflow: hidden;/*×¢ÒⲻҪдÔÚ×îºóÁË*/ white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; }
.newsview {max-width: 900px; width: 96%; margin:0 auto; }

.daohang { background: #f2f2f2; }
.daohang a { display: inline-block;width: 260px;padding:15px 0;font-size: 12px; }
.daohang a:hover,.daohang a.cur { background: #f9f9f9; }

.downtit { font-size:24px;padding:3% 0;color:#111; }
.download { border-top:#ccc 1px solid; }
.download li { width:100%;float: left;border-bottom: #666 1px dotted; }
.download li a { display: block;font-size: 14px;padding:18px 0; }

.about .left { width: 45%; }
.about .right { width: 47%;line-height: 26px;margin-top: 10px; }
.about .right .titcn { padding:0 0 4%; }
.about .right .titcn span { color: #ccc;font-size: 16px;font-weight: normal;margin-left: 15px; }
.about .right p { margin:3% 0; }

.honor .tit { font-weight: bold;font-size: 26px;margin:6% 0 2%; }
.honor li { width:23%;margin:0 2.66% 2.66% 0;float: left; }
.honor li:nth-child(4n) { margin-right: 0; }
.honor li .pic { padding:4%;border:#ccc 1px solid;border-radius: 2px; }

.bbs { border:#eee 1px solid;border-radius: 4px;padding:45px 4%;margin-top: 8%;color:#aaa; }
.bbs .lx { width: 140px;height: 44px;line-height: 44px;background-color: #fff;color:#444;margin-left: 3%;margin-top:-70px;margin-bottom:50px;font-size:30px;font-weight:bold;text-align: center; }
.bbs li { width: 48%;float: left;margin: 0 4% 4% 0; }
.bbs li:nth-child(2n) { margin-right: 0; }
.bbs input { width:94%;padding:0 3%;line-height:44px;border:0;background:#f2f2f2;border-radius:2px;font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif;margin:4px 0 12px; }
.bbs textarea { width:95%;padding:0.4% 2.5%;margin:0 0 20px;line-height:32px;height:150px;border:0;background:#f2f2f2;border-radius:2px;font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif; }
.bbs .tijiao { width:147px;height:38px;line-height:38px;background:#2453a4;color:#fff; cursor:pointer;padding:0;border:0;border-radius: 2px; }
.bbs .tijiao:hover { background:#0f3e8f; }

#fenye {float:left;color:#888;margin:20px 0 0 10%; height:25px;font-weight:bold; }
#fenye a {padding:7px 12px;color:#888; border:#cacaca 1px solid;margin:0 3px;border-radius:4px;background:url(../images/fanyebg.gif);background-size:100% 100%; }
#fenye a:hover {text-decoration:none; background:#1f9acc;color:#fff;}
#fenye .a1 { padding:7px 10px;border:#1f9acc 1px solid; margin:0 3px;border-radius:4px;background:#3cb8eb;color:#fff;}
@media (max-width:720px){
	.newsview .content img { width:100%;margin:5px 0;}
}


/*fixed-contact*/
.fixed-contact {
    z-index:999999;
    position:fixed;
    right:0;
    top:40%;
    width:50px;
    margin-top:-90px;
    overflow:hidden;
    opacity:0;
	filter:alpha(opacity=0);
    transition:all .4s;
    transform: translateX(95px);
    -webkit-transform: translateX(95px);
    -moz-transform: translateX(95px);
}
.fixed-contact:hover{ right: 0; width: 210px; opacity: 1;}
.fixed-contact.show{  transform:none; opacity:1;filter:alpha(opacity=100); }
.fixed-contact.active {width:230px;}
.fixed-contact li {position:relative;height:50px;overflow:hidden;transition:all .4s;list-style: none; background:#2453a3; background-size: cover;  border-bottom: 2px solid rgba(255,255,255,1); border-top-left-radius: 12px;border-bottom-left-radius: 12px;}
.fixed-contact.active li a {opacity: 1;}
.fixed-contact li a {position:relative;z-index:1000;display:block;}
.fixed-contact li i {
    z-index:1000;
    position:absolute;
    left:0;
    display:block;
    width:50px;
    height:50px;
    transition:all .4s;
	background-repeat: no-repeat;
	background-position: center center;
	background-image:url(../images/icon.png);
}

.fixed-contact.active li:last-child:after {display:none;}
.fixed-contact li:hover i,.fixed-contact li:hover a{ color: #fff;}
.fixed-contact .online_p i {
	background-position: 0 -262px;
    border-top-left-radius:30px;
    -moz-border-top-left-radius:30px;
    -webkit-border-top-left-radius:30px;
    border-top-right-radius:30px;
    -moz-border-top-right-radius:30px;
    -webkit-border-top-right-radius:30px;
}
.fixed-contact .online_e i {background-position: -50px -262px;}
.fixed-contact .online_w i {background-position: -150px -262px;}
.fixed-contact .online_mess i{background-position: -125px -215px;}
.fixed-contact .online_messs i {display:none}

.fixed-contact li a {
    position:absolute;
    top:0;
    right:-105px;
    display:block;
    width:180px;
	line-height:110%;
    padding:18px 0 0 50px;
    color:#fff;
    white-space:nowrap;
    transition:all .4s;
	font-size: 16px;
	text-align: left;
	font-weight: normal;
	opacity: 0;
}
.fixed-contact:hover li a{ right: -15px; opacity: 1;}
.fixed-contact.active li a {right:50px;}
.fixed-contact .online_code a img{max-width:80px;}
.fixed-contact.active .online_code{height:130px;}
.fixed-contact.active .online_code a p{margin:0;margin-bottom:5px;}
.fixed-contact li.online_code:hover a{opacity:1; right: auto;left: 0;}

@media only screen and (max-width: 768px) {
	.fixed-contact{display:none !important;}
	.fixed-contact.show{opacity:0;}
	.proview  p img {width:100%; }
}