@font-face {font-family: '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: 15px;font-family: "Microsoft YaHei", "΢ÈíÑźÚ", Arial, sans-serif;line-height: 24px;color: #333;background:#fff;min-height: 1000px;}html,body{height:100%; width:100%; }h2,h3{ font-style:normal; font-weight:normal;}* {margin:0;padding:0}a { color:#333; text-decoration:none; }a:hover { color:#c8281c; }a:active, a:focus, a:hover ,input:focus { 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; }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:#da251c; }.orange{ color:#fb8c00; }.blue { color: #2675da; }.block{ display:block; }.inline-block{ display:inline-block; }.white {color:#fff; }.gray { color:#999; }.clear { clear: both; }.phonepic { width:100%;}.relative { position:relative; }.absolute { position:absolute; }.wrap { position: relative; max-width: 1580px; margin: 0 auto; }.container {max-width: 1580px; width: 96%; margin:0 auto; }.container-fluid { width:100%;display:block;}

.container2 {max-width: 1920px; width: 100%; margin:0 auto; }
.top { width:100%;background:#fff;}
.top .t_cen{position:relative;height:137px;background:#2675da; }
.top .logo{position:absolute;z-index:10;left:50px;bottom:0;width:304px; padding-bottom:40px;}
.top .lan{position:absolute;z-index:10;right:0;top:31px;width:160px;}
.top .menu{position:absolute;right:11%;width:70%;top:10px;height:110px;line-height:110px;z-index:555;text-align:center;overflow: hidden;}
.top .menu li{position:relative;display:inline-block;padding:0 2.7%;z-index:35;height:110px;line-height:110px;justify-content: center;align-items: center; }
.top .menu li a{display:inline-block;color:#eff0f3;font-size: 16px;text-transform:uppercase;background:url(../images/menubg.png) no-repeat bottom center;background-size: 0 5px; }
.top .menu li a:hover{background-size: 100% 5px;}
.top .menu li a.cur { background-size: 100% 5px;transition:none; }
.top .search{position:absolute;right:50px;/*width:198px;*/top:45px;z-index:10; font-size: 24px; color: #ffffff; background: url(../images/tel.png) no-repeat; height: 60px;line-height:40px;     padding-left: 60px;}
.top .search form { display: block;border:#bfbfbf 1px solid;border-radius: 50px;height:41px;overflow: hidden;padding-left: 15px;}
/*.top .search1,.search2  { float:left;background: url(../images/tel.png) no-repeat center; height: 41px;line-height:30px;}*/
.top .search input[type=search] {border:0;padding: 0px 1px 0 0;height: 41px;line-height:30px;width: 127px;outline: none;background:none;color: #999;font-family: inherit;font-family: "Microsoft YaHei", Arial, sans-serif;border-top-left-radius:30px;border-bottom-left-radius:30px;}
.top .search input[type=submit] {border: 0;width: 50px;height: 41px;background:url(../images/search.png) no-repeat center;cursor:pointer;text-indent:-9999px;border-top-right-radius:30px;border-bottom-right-radius:30px;font-family: "Microsoft YaHei", Arial, sans-serif;font-size:15px;}
.top .search:hover { width: 218px; }
.top .search:hover  input[type=search]  { width: 147px; }


.menubg {position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: #fff;z-index: 9991;opacity: .98;filter:alpha(opacity=98); }
.menu-icon { margin-top: 11px;margin-right: 10px; }
.visible-phone {display: none;}

.swiper-container { overflow: hidden; }
.swiper-container img { height: 100%;width: 100%; }
.swiper-container .swiper-pagination-bullet{opacity:0.6;width:32px;height:2px;background:#a64a35;border-radius:0;}
.swiper-container .swiper-pagination-bullet-active{opacity:1;}

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

.home1 { padding:5% 0;background: #f8f8f8;overflow: hidden; }
.home1 .left { width:50%; }
.home1 .left .title { font-size: 32px;letter-spacing:2px;margin:0 0 26px;font-family: "Segoe Script", Arial, sans-serif;text-transform:uppercase;color: #2675da; }
@media screen and (max-width:1600px) {.home1 .left .title { font-size: 30px;letter-spacing:1px; }}
@media screen and (max-width:1400px) {.home1 .left .title { font-size: 26px;letter-spacing:0; }}
.home1 .left .content { line-height: 30px; }
.home1 .right { width: 46%; }
.home1 .right li { width:49%;margin: 2% 2% 0 0;float: left; }
.home1 .right li:nth-child(1),.home1 .right li:nth-child(2) { margin-top: 0; }
.home1 .right li:nth-child(2n) { margin-right: 0; }
.home1 .right li .pic { overflow: hidden; }
.home1 .right li .pic img{ transform: scale(1, 1);}
.home1 .right li:hover img {transform: scale(1.05, 1.05);}
.home1 .right li .bg { opacity: 0;filter:alpha(opacity=0);background: #000;left: 0;top: 0;width: 100%;height: 100%;z-index: 1; }
.home1 .right li:hover .bg { opacity: 0.6;filter:alpha(opacity=60);}
.home1 .right li .play { opacity: 0;filter:alpha(opacity=0);left: 50%;top: 50%;width: 36px;height: 36px;margin:-18px 0 0 -18px;z-index: 2; }
.home1 .right li:hover .play { opacity: 1;filter:alpha(opacity=100);width: 66px;height: 66px;margin:-33px 0 0 -33px;}

.home2 { padding:4% 0; overflow:hidden; }
.home2 .left { width: 21%; }
.home2 .left .title { font-size: 22px;font-weight: bold;background-color: #2675da;padding:13px 6%;    letter-spacing: 5px; }
.home2 .left .content { border:#ddd 1px solid;padding:0 0 5% 3%; }
.home2 .left li.big { width: 95%;line-height: 32px;font-weight: bold;padding:15px 0 0 7%;margin:12px 0 15px -3%;border-top:#ddd 1px solid; }
.home2 .left li.big:nth-child(1) { border-top:0;margin-top:0; }
.home2 .left li.big a { background-repeat: no-repeat;background-size: auto 31px;background-position: right 35px center;font-size: 18px;}
.home2 .left li.small { display: inline-block;margin:0 4% 8px 0; }
.home2 .left li.small a { padding:6px 12px; }
.home2 .left li.small a:hover { background-color: #002a5c;color:#fff; }
.home2 .right { width: 77%; }
.home2 .pic1 { height: 94%;left: 11%;top:3%;z-index: 9; }
.home2 .pic2 { height: 94%;left: 26.25%;top:3%;z-index: 8; }
.home2 .pic3 { height: 94%;left: 41.5%;top:3%;z-index: 7; }
.home2 .pic4 { height: 94%;left: 56.75%;top:3%;z-index: 6; }
.home2 .pic5 { height: 94%;left: 72%;top:3%;z-index: 5; }
.home2 .right .content { background-color: #f5f5f5;padding:1% 2%;margin-top:15px; }
.home2 .right .content li { width:23%;margin: 1.6% 2.6666% 0 0;float: left; }
.home2 .right .content li:nth-child(4n) { margin-right: 0; }
.home2 .right .content li .pic { overflow: hidden; }
.home2 .right .content li .pic img{ transform: scale(1, 1);}
.home2 .right .content li:hover img {transform: scale(1.05, 1.05);}
.home2 .right .content .text { font-size: 14px;text-transform:uppercase;padding:12px 0 0; }

.home3 { padding:4% 0 4%;background: #f8f8f8; overflow: hidden; }
.home3 .title { width:400px;top:4px;left:0;z-index:1;font-size: 26px;text-transform:uppercase;padding:0 0 20px; }
.overflow-hide { overflow: hidden}
/*tab分类*/
.home3 .tabs { left:400px;top:0;height: 42px;width: 400px;z-index: 1;}
.home3 .tabs li {float: left; padding: 0 41px;border: 0;border-radius: 20px;line-height: 42px;font-size: 18px;color: #333;background:#f8f8f8;letter-spacing: .35px}
.home3 .tabs li {margin-right: 21.2667px;cursor: pointer }
.home3 .tabs li.on {background: #2675da;color: #fff }
.home3 .tab-content-wrap { left:0;top:8%;height:92%;width: 100%;z-index: 1;}
.home3 .tab-content {position: absolute;transition: all .7s linear;opacity: 0;z-index: -1;height: 0;width: 100%}
.home3 .tab-content.show {height: auto;opacity: 1;top: 0;z-index: 1}
.home3 .tab-content li { width:23%;margin: 1.6% 2.6666% 0 0;float: left; }
.home3 .tab-content li:nth-child(4n) { margin-right: 0; }
.home3 .tab-content li:nth-child(4n+1) { clear: left; }
.home3 .tab-content li .pic { overflow: hidden; }
.home3 .tab-content li .pic img{ transform: scale(1, 1);}
.home3 .tab-content li:hover img {transform: scale(1.05, 1.05);}
.home3 .tab-content .text { font-size: 18px;text-transform:uppercase;padding:12px 0 0; }

.footer { background:#092c56 url(../images/footbg.jpg) no-repeat center; }
.foot1 { height: 34px;line-height:34px;padding:75px 0;justify-content: center;align-items: center;font-size: 16px; }

.banner { background:#eee no-repeat center;width:100%;height:320px; }
.banner .text1 { width:100%;top:35%;font-size:44px;font-weight:bold;color:#032225;letter-spacing:5px; }
.banner .text2 { width:100%; top:55%;letter-spacing:3px;font-size:32px;font-family: 'HELVETICANEUELTPRO-THEX';}

.daohang { height: 60px;line-height: 60px;border-bottom: #ddd 1px solid;overflow: hidden; }
.daohang a { display: inline-block;padding:0 3%;border-right: #ddd 1px solid;font-size: 16px; }
.daohang a:nth-child(1) { border-left: #ddd 1px solid; }
.daohang a:hover,.daohang a.cur { background: #062b57;color:#fff; }

.main { min-height:200px;padding:4% 0; }
.main .title { text-transform:capitalize;font-size: 30px;margin:0 0 2%; }

.main .content { padding:3% 0%;line-height:32px; }

.main .content { padding:3% 7%;}
.main .content p { margin:22px 0;font-size:16px;line-height:38px; }

.appliques li { width:18%;margin: 2.5% 2.5% 0 0;float: left; overflow: hidden; }
.appliques li:nth-child(5n) { margin-right: 0; }
.appliques li:nth-child(5n+1) { clear: left; }
.appliques li .pic { overflow: hidden;border:#eee 1px solid; }
.appliques li .pic img{ transform: scale(1, 1);}
.appliques li:hover img {transform: scale(1.05, 1.05);}
.appliques li .bg { opacity: 0;filter:alpha(opacity=0);background: #000;left: 0;top: 0;width: 100%;height: 100%;z-index: 1; }
.appliques li:hover .bg { opacity: 0.3;filter:alpha(opacity=30);}
.appliques li .play { opacity: 0;filter:alpha(opacity=0);left: 50%;top: 50%;width: 36px;height: 36px;margin:-18px 0 0 -18px;z-index: 2; }
.appliques li:hover .play { opacity: 1;filter:alpha(opacity=100);width: 54px;height: 54px;margin:-27px 0 0 -27px;}
.appliques li .tit { opacity: 0;filter:alpha(opacity=0);left: 0;bottom: 0;width: 87%;height: 42px;line-height:42px;padding-left:15%;z-index: 3;background-color: #082a57;color:#fff;font-size: 18px;font-weight: bold;margin-bottom: -42px; }
.appliques li:hover .tit { opacity: 1;filter:alpha(opacity=100);margin-bottom:0;width: 83%;padding-left:17%;}

.quality { padding:1% 0 2%; }
.quality_tit { margin:0 0 2%; }
.quality li { width: 14%;margin:0 3.2% 2% 0;float: left; }
.quality li:nth-child(6n) { margin-right: 0; }
.quality li .bt { background:#eee;padding:5px 10px;border-radius: 30px;margin-top: 15px;min-height:20px;line-height: 18px; }
.quality_des { margin:0 0 2%; }

/*new*/
.common{ height: auto; overflow: hidden; margin:20px auto 50px;}
.common .com_font{ line-height: 30px; padding-bottom: 10px;}
.common .com_font font{ display: block; line-height: 44px; font-size: 34px; color: #072b43; padding-bottom: 15px;}
.com_news{height: auto;overflow: hidden;}
.com_news ul{ margin: 0; padding: 0;}
.com_news ul li{  margin-bottom: 20px; overflow: hidden; background:#f7f7f7;transition: 0.5s;}
.com_news ul li a{color: #00a29a}
.com_news ul li a .c_img{ width: 30%; height: 100%; overflow: hidden; float: left;}
.com_news ul li a .c_img img{ max-width: 100%;transform: scale(1); transition: 0.5s;}
.com_news ul li a .c_font{ width:62%; float:right; padding: 3% 0;transition: 0.5s;}
.com_news ul li a .c_font font{ display: block; font-size: 24px; line-height: 26px;}
.com_news ul li a .c_font span{ display: block; line-height: 24px;color: #666;}
.com_news ul li a .c_font i{ display: block;  margin:10px 0 8px; font-size: 12px;}
.com_news ul li a .c_font .more{ background:#2285d2;width:120px;padding:5px 0;text-align:center;border-radius:20px;color: #fff; font-style: italic; margin-top: 5px;}
.com_news ul li:hover a .c_img img{ transform: scale(1.1);transition: 0.5s;}
.com_news ul li:hover a .c_font font{color: #ed6d32;transition: 0.5s;}
.com_news ul li:hover a .c_font{ padding: 3% 0 3% 5%;transition: 0.5s;}


/*new-neiye*/

.main_box {max-width: 1200px;width: 96%;margin: 0 auto;padding: 0;min-height: 300px;}

#cms1 h1.h1 {text-align: center;font-weight: 200;color: #fff;}
#cms1 .info {text-align: center;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #CCCCCC; padding-top: 15px;}





/*contact*/
.contact { max-width:1200px;width:100%;margin:0 auto; }
.contact .left { width: 50%;line-height: 34px;font-size: 16px;  }
.contact .left .tit { font-size: 22px;margin:0 0 15px; }
.contact .left .tit img { width: 100px; }
.contact .left p { margin:15px 0 15px;}
.contact .right { width: 50%;margin:15px 0 0; }
.bbs h2 { border-bottom: #062b57 1px solid;padding:0 0 10px;margin:0 0 10px;  }
.bbs input { width:87%;padding:0 5% 0 8%;line-height:44px;border:#aaa 1px solid;background:#f5f5f5;border-radius:20px;font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif;margin:4px 0 12px; }
.bbs textarea { width:97%;padding:0.4% 2.5%;margin:0 0 20px;line-height:32px;height:150px;border:#aaa 1px solid;background:#f5f5f5;border-radius:10px;font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif; }
.bbs .tijiao { width:147px;height:44px;line-height:44px;background:#082a57;color:#fff; cursor:pointer;padding:0;border:0;border-radius: 10px; }
.bbs .tijiao:hover { background:#145199; }

#fenye {float:right;color:#000;margin:20px 10% 0 0; height:25px;font-weight:bold; }
#fenye a {padding:7px 12px;color:#888; border:#cecece 1px solid;margin:0 3px;border-radius:4px; }
#fenye a:hover {text-decoration:none; background:#333;border:#333 1px solid;color:#fff;}
#fenye .a1 { padding:7px 10px;border:#cecece 1px solid; margin:0 3px;border-radius:4px;background:#333;color:#fff;}