@charset "utf-8";
/* CSS Document */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {padding:0;margin:0; font-size:13px; }
body{ background-color:#FFFFFF;font: 13px "Microsoft Yahei";}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0; margin:0;}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%}
q:before,q:after{content:''}
abbr,acronym{border:0}
a:link,a:visited{ text-decoration:none;color: #333;}
a:hover{text-decoration: none;}
*, :after, :before {box-sizing: border-box;border: 0 solid #dee2e6;}
.wid1200{ width: 1200px; margin: 0 auto;}
/*star 标题*/
.line{ clear:both;height:109px; text-align:center; background:url(images/line.jpg) center no-repeat;margin: 70px auto;}
.word_big{ font-size:48px; color:#003771; FONT-FAMILY: Arial, "宋体"; line-height:50px; font-weight:bold;}
.word_small{ padding-top:16px; font-size:31px; color:#949494; line-height:35px; }
.word_small2{ padding-top:16px; font-size:26px; color:#949494; line-height:35px; }
.xxtitle{text-align: center;margin: 30px;font-size: 24px;font-weight: 400;color: #666;}
/*end*/
.banner{ height:618px; overflow:hidden; background:url(images/banner.png) no-repeat center center;}
.main{width:100%;height:126px;box-shadow: 0px 1px 14px 1px #868686;position: relative;}
.logo{background:url(images/top.png) no-repeat; width:1141px;height:127px;margin:0 auto;}
/*star pro*/
.pro li{ width: 25%;padding: 0 10px 16px;text-align: center;float: left;}
.paihang_pro {display: inline-block;width: 100%;background-color: #fff;position: relative;box-shadow: 0px 4px 6px 3px rgba(0, 0, 0, 0.12); transition: all 0.8s; box-sizing: border-box;white-space: nowrap;padding-bottom: 20px;}
.paihang_img {width: 100%;overflow: hidden;padding:20px;box-sizing: border-box;vertical-align: middle !important;}
.paihang_pro img {transition: all 0.8s;}
.paihang_right {vertical-align: middle; white-space: normal;}
.paihang_name {text-align: center;font-size: 18px;height: 20px;line-height: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 15px;}
.paihang_xinghao {text-align: center;font-size: 12px;height: 12px; line-height: 12px;color: #999;}
.paihang_ling{display: inline-block;width: 180px;height: 53px;line-height: 50px;border: 1px solid #003771; border-radius: 50px;box-sizing: border-box;margin-top: 38px;display: inline-block;font-size: 16px;color: #003771;text-align: center;}
.pro li .paihang_pro:hover {box-shadow: 0px 4px 24px 3px rgba(0, 0, 0, 0.25);}
.pro li .paihang_pro:hover img {transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1); -ms-transform: scale(1.1);-o-transform: scale(1.1);}
.pro li .paihang_pro:hover .paihang_ling {background-color: #003771;color: #fff;box-shadow: 0 10px 24px rgba(0, 0, 0, 0.25);}
.search{clear: both;overflow: hidden; margin-bottom: 30px;}
.search p.btb6{float: left; font-size: 28px;color: #003771;margin: 30px 0 20px; text-indent: 20px; font-weight: bold;letter-spacing: 3px;border-left: 4px solid #003771;}
.searchbg{ width:700px; height:40px; overflow:hidden; float:right;margin-top: 30px;}
.search_txt .text{width:474px; height:40px; line-height:36px;color:#4a4a4a;font-size:larger;border: 1px solid #adadad;text-indent: 10px;}
.search_btn .button{ height:40px; line-height:40px; width:100px; background:#003771; color:#fff; cursor:pointer; font-size:14px;border: none;}
.search_txt { float:left; width:474px; height:40px; margin-left:5px;}
.search_btn{ float:left;}
.search .myp{line-height: 40px;width: 100px;background: #fe8618;display: block;float: right;text-align: center; color: #fff; font-size: 14px;}
/*star com*/
.about-us{width:100%;overflow: hidden;margin-bottom: 60px;}
.about-us .main-intro{width:1190px;margin:0 auto;padding:50px 0 30px;overflow: hidden;}
.about-us .main-intro .left-img{float:left;margin-right:115px}
.about-us .main-intro .left-img .left-box{width:394px;height:394px;border:solid 3px #003771;position:relative}
.about-us .main-intro .left-img span.title{width:26px;word-wrap:break-word;font-size:26px;color:#000;line-height:30px;display:block;margin:37px 0 0 19px}
.about-us .main-intro .left-img i{width:12px;height:183px;background:#fff;word-wrap:break-word;font-size:12px;color:#ccc;line-height:24px;display:block;position:absolute;left:-3px;top:82px;font-style:normal}
.about-us .main-intro .left-img img{position:absolute;top:51px;left:62px}
.about-us .main-intro .right-intro{margin-top:45px;float:left}
.about-us .main-intro .right-intro span{font-size:30px;color:#000;display:block}.about-us .main-intro .right-intro em{width:42px;height:2px;background:#003771;margin:18px 0 22px 0;display:block}
.about-us .main-intro .right-intro p{width:635px;margin-top:15px;font-size:15px;color:#696969;line-height:34px}
.about-us .main-intro .right-intro a.more{width:116px;height:34px;border:solid 1px silver;border-radius:20px;line-height:34px;text-align:center;display:block;margin:20px 0 0 0;font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#999;font-weight:bold}
.about-us .main-intro .right-intro a:hover{color:#003771;border-color:#003771}
.justify-center {  overflow: hidden; clear: both; padding: 30px 8px;}
.justify-center li{ width: 23%; float: left;text-align: center;padding:30px;margin: 0 10px;background: #fafafa;}
.justify-center li i{background: url(images/comp1-bg.png) no-repeat;width: 70px;height: 70px;display: block;margin: 0 auto 10px;}
.justify-center li i.i1{background-position: 0 -903px;}
.justify-center li i.i2{background-position: -183px -903px;}
.justify-center li i.i3{background-position: -367px -905px;}
.justify-center li i.i4{background-position: -550px -903px;}
.justify-center li h3{ font-size: 20px;font-weight: bold;margin-bottom: 10px;}
.justify-center li p{font-size: 14px;color: #999;}
.justify-center li:hover {border-color: transparent;box-shadow: 0 0 16px rgba(0,0,0,.25);    transition-duration: .25s;}
.h22{font-size: 17px;line-height: 34px;overflow: hidden;color: #808080;text-align: center; font-weight: bold;margin-top: 20px;}
.ppp{font-size: 15px;line-height: 34px;text-align: center;color: #666;}
.company-history__list {position: relative;padding-top: .5rem;padding-bottom: .5rem;}
.company-history__item:nth-child(odd) {flex-direction: row-reverse;transform: translateX(4%);}
.company-history__item {display: flex;align-items: center;width: 50%;margin-top: 2.5rem; margin-bottom: 2.5rem;transform: translateX(96.5%);}
.relative {position: relative;}
.company-history__item span {position: relative;width: 48px;padding-top: 1px;padding-bottom: 1px;margin-right: 4rem;font-size: .75rem;text-align: center; --text-opacity: 1;color: #868e96;color: rgba(134,142,150,var(--text-opacity));
    border-width: 1px; --border-opacity: 1;border-color: #ced4da; border-color: rgba(206,212,218,var(--border-opacity)); border-radius: 9999px; box-shadow: 0 0 8px rgba(0,0,0,.15); --bg-opacity: 1;background-color: #fff;
    background-color: rgba(255,255,255,var(--bg-opacity));}
.company-history__item:nth-child(odd) span {margin-right: 0;margin-left: 4rem;}
.company-history__item .company-history__item-text { --text-opacity: 1;color: #868e96;color: rgba(134,142,150,var(--text-opacity));}
.company-history__item .company-history__item-text p{ font-size: 15px;}
.company-history__item:nth-child(odd) span:before {left: -87%;}
.company-history__item span:before {position: absolute;width: 2.5rem;height: 1px;--bg-opacity: 1; background-color: #ced4da;background-color: rgba(206,212,218,var(--bg-opacity));top: 50%;right: -87%;content: "";}
.company-history__item span:after {position: absolute;width: .5rem;height: .5rem;border-width: 1px; --border-opacity: 1;border-color: #ced4da;border-color: rgba(206,212,218,var(--border-opacity));--bg-opacity: 1;   background-color: #fff;
    background-color: rgba(255,255,255,var(--bg-opacity));border-radius: 9999px;top: 50%;right: -100%;content: "";transform: translateY(-50%);}
.company-history__item:nth-child(odd) span:after { left: -100%;}
.company-history__list:before {position: absolute;top: 0;bottom: 0;border-width: 1px;--border-opacity: 1;border-color: #f1f3f5;border-color: rgba(241,243,245,var(--border-opacity));left: 50%;content: "";}
.flex-wrap {/*flex-wrap: wrap;display: flex;*/overflow: hidden;}
.company-honor__item {position: relative;width: 20%;overflow: hidden;float: left;height: 160px;}
.company-honor__item  img{ max-width: 237px; max-height: 253px;}
.company-honor__item:nth-child(-n+5) {margin-bottom: 1rem; order: 1;}
.company-honor__item:nth-child(2) { order: 2;}
.company-honor__item:before {position: absolute;top: 0;height: 100%;left: -130px;width: 80px;background: linear-gradient(270deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 50%,hsla(0,0%,100%,0));content: "";transform: skewx(-25deg);}
.company-honor__item:hover:before {left: 100%;transition: left .3s;}
/*end com*/
/*star article*/
.artic{overflow: hidden;}
.artic li{margin-bottom:20px;display:block;overflow:hidden;background:#ffffff;padding:24px;position:relative;box-shadow: 0px 0px 5px 1px #eaeaea;float: left;width: 49%;margin: .5%;}
.artic li .news_time{position:absolute;left:24px;top:24px;width:90px;text-align:center;padding:10px 0;overflow:hidden;border-radius:4px 0 4px 0;}
.artic li .news_time p{font-size:24px;font-weight:bold;color:#515671;padding-bottom:5px;position:relative;}
.artic li .news_time p:after{content:'';display:inline-block;width:20px;height:1px;background:#515671;position:absolute;bottom:0;left:50%;margin-left:-10px;}
.artic li .news_time span{font-size:16px;color:#515671;}
.artic li .news_con{padding-left:110px;}
.artic li .news_con p {font-size:17px;font-weight:bold;color:#515671;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;width: 100%;
    display: block;}
.artic li .news_con span{display:block;font-size:14px;color:#999;line-height:22px;padding-top:5px;height:45px;overflow:hidden;}
.artic li:hover{background:#1983cd;}
.artic li:hover p{color:#fff}
.artic li:hover p{color:#fff}
.artic li:hover span{color:#fff}
.artic li:hover p:after{background:#ffffff;}
/*end*/
/*star new&down*/
.newdown{background: #f7f8f9;overflow: hidden;margin: 60px auto;  padding: 60px 0;}
.main_news{width:1200px;} 
.main_news_left{width:650px; float: left; } 
.swiper-container{ position: relative;}
.main_news_left_tit{font-size: 36px; margin: 0px auto 35px; width: 650px; font-weight: bold;} 
.main_news_left img{ width: 650px; height: 400px; display: block;} 
.main_news_left p{ font-weight: lighter;background: #333333;  padding: 20px 0px 20px 20px; } 
.main_news_left p a{color: #FFFFFF;font-size: 18px; }
.main_news_left p em{ display: block; margin-top: 10px; font-size: 14px; color: #999999;font-weight: normal;} 
.main_news_right{width:460px; float: right; padding-left: 40px; border-left: #DDDDDD 1px solid;} 
.main_news_right_tit{font-size: 36px; margin: 0px auto 35px; width: 450px; font-weight: bold;} 
.control{position: absolute;top: 368px;float: right;text-align: right;  right: 0px;}
.control li{ float: left;background: #f9f9f9;padding: 6px 10px;}
.control li.current{background: #ff6409;}
.control li.current a{color: #fff;}
.main_news_right ul{} 
.main_news_right ul li{ padding:16px 0px;overflow: hidden;} 
.main_news_right ul li:last-child{ padding: 16px 0px 0px 0px;} 
.main_news_right ul li p a{ font-size: 14px;} 
.main_news_right ul li p{float: left;}
.main_news_right ul li span{float: right; color: #999999; font-size: 12px;}
/*end new&down*/
/*star foot*/
.content1{ overflow: hidden;margin: 30px auto;}
.content1 ul li{float: left;width:30%;margin-right: 40px;}
.content1 ul li:nth-child(3n){margin-right:0;}
.content1 ul li a{display:block;}
.content1 ul li a em{display:block;float:left;width:60px;height:60px;border:1px solid #ddd;border-radius:50%;margin-right:15px;}
.content1 ul li.lx1 em{background:url(images/contact_tel.png) center center no-repeat;}
.content1 ul li.lx2 em{background:url(images/contact_email.png) center center no-repeat;}
.content1 ul li.lx3 em{background:url(images/contact_address.png) center center no-repeat;-webkit-animation: bounce-up 1.4s linear infinite;animation: bounce-up 1.4s linear infinite;}
.content1 ul li a .wz{float:left;width:78%;}
.content1 ul li a .wz p{font-size:20px;padding-bottom:10px;}
.content1 ul li a .wz span{font-size:20px;}
/*end*/
.footer{width:100%;height:45px;text-align: center;color:#717171;line-height: 45px;background: #efefef;}
.footer a{color:#717171;}