@font-face {
 font-family:'Semibold';
 src: url(../fonts/SourceSansPro-Semibold.otf);
}
@font-face {
 font-family:'MSemibold';
 src: url(../fonts/MyriadPro-Semibold.otf);
}
@font-face {
 font-family:'Regular';
 src: url(../fonts/SourceSansPro-Regular.otf);
}
@font-face {
 font-family:'MRegular';
 src: url(../fonts/MinionPro-Regular.otf);
}
@font-face {.
 font-family:'SLight';
 src: url(../fonts/SourceSansPro-Light.otf);
}
@font-face {
 font-family:'RRegular';
 src: url(../fonts/Roboto-Regular.ttf);
}
@font-face {
 font-family:'rbold';
 src: url(../fonts/roboto-bold.ttf);
}
@font-face {
 font-family:'SBold';
 src: url(../fonts/SourceSansPro-Bold.otf);
}
roboto-bold.ttf
rl(../fonts/Arial-Bld.ttf);
body,div,ul,li,h1,h2,h3,h4,h5,p,table,td,tr,p,dl,dt,dd,a,ol {padding:0; margin:0; list-style:none;}
html{font-size: 50px;height: 100%;}
body{font-family:'sans'; font-size:14px;color:#000000;height: 100%;margin: 0 0;}
a{font-size: 18px; text-decoration:none;}
a:hover{text-decoration: none;}
img{border:0;max-width: 100%;vertical-align: middle;}
p{-webkit-margin-before: 0em; -webkit-margin-after: 0em;line-height: 38px;}
h2{-webkit-margin-before: 0em; -webkit-margin-after: 0em;}
h3{-webkit-margin-before: 0em; -webkit-margin-after: 0em;font-size: 30px;}
h4{-webkit-margin-before: 0em; -webkit-margin-after: 0em;}
._flex{display:block;display: -ms-flexbox;display: -webkit-flex;}
._block{display: block;}
.clear{clear:both;}
.icon {width: 1em; height: 1em;vertical-align: -0.15em;fill: currentColor;overflow: hidden;}
.wid{ margin:0 auto;}
.wid:after{ content:""; display:block; clear:both;}
.mid{ width:1200px; margin:0 auto;}
.mid:after{ content:""; display:block; clear:both;}
.sid{width: 1100px;margin:0 auto;}
.sid:after{content:""; display:block; clear:both;}
.div-relative {position: relative;top:100px;}
.container{display: inline-block;}
.mid_nav{display: inline-block;width: 20%;}
.mid_nav>ul>li a{font-size: 24px;color: #5e5e5e;}

/*header*/
.header_wrap {height:130px;position: fixed;top: 0;width: 100%;background-color: #FFFFFF;z-index: 100;}
.header_logo {width:520px;}
.header_logo img{display: block;width:225px;padding:20px 0 0 100px;}
.nav_ul li{display:block;margin-top:60px;white-space:nowrap;}
.nav_ul a{margin: 10px 20px;font-size: 25px;color:#8b96a3;font-family:Semibold;line-height:31px;}
.nav_ul a:hover {border-top: #504d4d 2px solid ;border-bottom: #504d4d 2px solid ;}
.chat1 {margin: auto 50px;}
.nav1{ display:none;position: absolute;top:110px;background: #ffffff;padding: 8px 2px;border-radius: 4px;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);}
.nav1_part  a{font-size:20px;line-height:30px;font-family:RRegular;}

 /*banner*/
.index_banner_wrap {height: 765px;background: url(../images/banner_bg.jpg);margin-top:130px;}
.swiper-slide {justify-content: space-between;}
.btn1 {margin-top: 405px;cursor: pointer;}
.btn2 {margin-top: 405px;cursor: pointer;}
.index_banner_txt {color: #525a63;font-size: 36px;text-align: center;text-transform:uppercase;padding-top: 80px;font-family:Regular;}
/* .index_banner_txt p{line-height:26px} */
.index_banner_txt span{font-size: 60px;font-family:Semibold;}
.index_banner_img {height:865px; margin:-40px auto;overflow: hidden;}
.banner {background-image: url(../images/banner2.jpg);height: 432px;margin-top:130px;}
.banner_txt {margin:auto;color: #FFFFFF;font-size: 48px;font-weight: bolder;}

/*index_content*/
.index_content_projects {background-color: #f8f6f6;padding-bottom: 50px;}
.index_content_title img{display: block; margin: 90px auto;width: 450px;}
.index_content_title p{font-size: 50px; color: #a8d8ec;text-align: center;margin: 90px 0;font-family:MSemibold;}
.index_content_title p:first-of-type{font-size: 107px;color: transparent;-webkit-text-stroke:1px #d2d1d1;-webkit-text-fill-color:#FFFFFF;}
.index_content_title p:nth-child(2){margin-top: -120px;}
.index_content_content {margin-bottom: 10px;justify-content:space-between;flex-wrap: wrap;}
.index_content_6section {background-color: #354e64;width: 33%;margin-bottom: 30px;}
.index_content_6section_img {width: 300px;}
.index_content_6section_txt {width: 200px;}
.index_content_6section_txt p{font-size: 30px;margin: 15px 0 15px 10px;color: #FFFFFF;font-family:MSemibold;}
.index_content_6section_txt a{width: 100px; margin-left: 20%;color: #FFFFFF; border: 1px solid #FFFFFF;padding: 5px 8px;text-align: center;font-size:22px;}
.index_content_company {height: 684px; flex-direction: column;position: relative;z-index: 9;}
.index_content_company::after{content: '';position: absolute;width: 100%;height: 100%;background: url(../img/companybgnew.png) no-repeat center 0;opacity:0.2;left: 0;top: 0;z-index: -1;}
.index_content_services {min-height: 658px;background-image: url(../images/services_bg.png);}
.index_content_p {width:780px; font-size: 18px;margin: 0 auto;font-family:MRegular;color:#656a6a;max-width: 100%;}
.index_content_a {width: 120px; background-color: #1ba9e8; border-radius: 20px;text-align: center;padding: 10px 20px;margin: 60px auto;font-size:19px;}
.index_content_a a{color: #FFFFFF;}
.index_content_section {width: 31%;}
.index_content_section_img {width:15%}
.index_content_section_txt {width:75%;font-size: 17px;color:#827e7e;}
.index_content_section_txt  p{font-family:MSemibold;}
.index_content_section_txt h3{color: #ffffff;font-size:29px;font-weight: bold;}

/*section*/
.content{flex-direction: column;}
.location {padding:30px 0 0 15%;font-size:16px;text-transform: uppercase;font-family:SLight;}
.location p{color:#1a4e88;}
.location a{color:#00000;}
.section {justify-content: space-between;padding: 50px 10%;flex-wrap: wrap;}
.section2 {background-color: #f8f6f6;color: #000000;}
.section_title {text-align: center;padding-top: 50px;}
.section_title h3{font-size:48px;color: #1a4e88;text-transform: uppercase;}
.section_left {width:45%;font-size: 25px;color: #000000;flex-direction: column;}
.section_left span{font-size: 24px;font-family:MRegular;}
.section_left h2{font-size: 40px; }
.section_left p{font-size:23px;font-family:RRegular;}
.section_right {width: 45%;font-size: 20px;flex-wrap: wrap;}
.section_right p{color:#656a6a;font-family:RRegular;font-size:18px;}
.section_right span{font-family:MRegular;}
.section_right li{font-family:MRegular;}
.culture {font-size:16px;font-family:MRegular;line-height:30px;}
.culture p{font-size:16px;font-family:rbold;color:#79797b;line-height: 30px;}
.section_part {padding-bottom:50px;flex-direction: column;text-align: center;align-items: center;}
.section_part img{padding-bottom:10px;}
.section_part p{font-size: 20px;color: #454444;line-height: 30px;}
.section_part h4{color: #348eca;font-size: 25px;font-weight: bolder;line-height:100px;}
.section_part span{font-size: 16px;color: #595858;padding: 10px 0;}
.section_part a{color: #579ed1;}
.width30 {width: 30%;}
.width15 {width: 19%;}
.contact {padding: 10px 0;align-items: center;}
.contact span{font-size: 18px;padding:0 10px;}
.contact span:nth-of-type(2){ font-weight: 100;}
.input {flex-direction: column;padding: 10px 10px;margin-bottom: 20px;}
.input input{height: 20px; margin-bottom: 10px;border:1px solid #d2d2d2;}
.input textarea{ overflow: hidden;}
._contact {margin: 30px 0;}
._contact a{text-transform: uppercase;background-color: #2c7095;color: #FFFFFF;padding: 10px 20px;border-radius: 4px;}
.img {width: 32%;margin-bottom: 20px;}
.section_news {justify-content: space-between;border-bottom: 1px dashed #354E64;padding: 20px 0;}
.left {width: 160px;margin: auto;}
.middle {width: 70%; padding: 0 20px;}
.middle h3{font-size: 24px;font-weight: bolder;color: #222222;margin-bottom:10px;}
.middle p{color:#7e7e7e;}
.right {width: 150px;margin: auto;}
.right p{padding-bottom: 20px;font-size:20px;}
.right a{font-size: 14px; background-color: #2c7095;color: #FFFFFF;padding: 10px 20px;border-radius: 4px;}
.newsdetails {margin: 50px 8%;}
.newsdetails h3{color: #262626;text-align: center;margin-bottom: 30px;}
.newsdetails p{color: #7E7E7E;margin-bottom:15px;font-size: 18px;}
.product_title {width: 25%;}
.product_title li{padding-bottom: 10px;}
.product_title a{font-size: 24px;color: #5e5e5e;}
.product_mould {width: 70%;flex-wrap: wrap;justify-content: space-between;}
.section .product_title {padding-left: 5%;}
ul.pagination {display: inline-block;padding: 0;margin: 0;}
ul.pagination li {display: inline;}
ul.pagination li a {color: black;float: left;padding: 8px 16px;text-decoration: none;transition: background-color .3s;border: 1px solid #ddd;}
ul.pagination li a.active {background-color: #42a5c9;color: white;border: 1px solid #42a5c9;}
ul.pagination li a:hover:not(.active) {background-color: #ddd;}
div.center {width: 100%; text-align: center;}

/*footer*/
.footer_wrap_home {background-color:#ebecf0;}
.footer_wrap {background-color:#ebecf0;}
.footer_content {justify-content: space-around;padding: 100px 5% 100px 10%;}
.footer_section {width: 25%;flex-direction: column;line-height:30px;font-family:MRegular;}
.footer_section h3{color: #58b0cd;font-size: 30px;font-family:MRegular;text-transform:uppercase;margin-bottom:10px;line-height:38px;}
.footer_section a{color: #646969;line-height:35px;}
.footer_section p{color: #5e5e5e;font-size:24px;}
.footer_section p:first-child{color: #58b0cd;}
.copyright_home {background-color: #1a4e88;text-align: center;padding: 8px 0;color:#58afcc;font-size:20px;font-family:MRegular;}
.copyright {background-color: #1a4e88;text-align: center;padding: 8px 0;font-size:20px;font-family:MRegular;}


/*dropdowm*/
.dropdown {position: relative;display: inline-block;}
.dropdown-content {display: none;position: absolute;background-color: #FFFFFF;min-width: 250px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);padding: 10px 10px; z-index: 100;}
.dropdown-content a{font-size: 20px;color:#5e5e5e;}
.dropdown:hover .dropdown-content {display: block;}

.prolist{
padding-top: 80px;
}

.prolist>h3{
margin-left: 25%;
    font-size: 2em;
    font-weight: bold;
}

.prolist dl{
text-align: center;
width: 25%;
display: inline-block;
}
.procont_pic{
width: 30%;
    display: inline-block;
}

.procont_common{
    display: inline-block;
}

.protitle>h1{
margin-left: 30%;
}

.nbanner_nav ul li {
    list-style: none;
    margin-right: 1px;
    float: left;
}

.clearfix{
display: flex;
    padding-left: 30%;
    padding-top: 5%;
    align-items: center;
}

.about-banner{
padding: 20px;
    margin-left: 10%;
}

 .oemPro{
width: 45%;
    display: inline-block;
}
.menu,.dl-menu{display: none;}
@media screen and (max-width:1399px){
.wid,.mid{ width:1200px; margin:0 auto;}
}

@media screen and (max-width:1199px){
.wid,.mid{width:94%;}
}
@media screen and (max-width:1100px){
.sid{width:94%;}
}
@media screen and (max-width: 768px){

}

@media screen and (max-width: 480px){
.footer_content{display: block;}
.footer_section{width: fit-content;}
.index_content_section,.index_content_6section{width: 100%;margin: 10px 0;}
.index_content_title p:first-of-type{font-size: 70px;}
.index_banner_txt{font-size: 21px;}
.index_banner_txt span,.section_left h2{font-size: 30px;}
.index_banner_img{margin: auto;height: auto;}
.index_content_6section_txt p{font-size: 16px;}
.index_content_company{height: auto;}
.index_content_section_txt p{line-height: 1.5;}
.index_banner_wrap{height: auto;    background-size: cover;background-position: 20%;}
.section_left,.section_right{width: 100% !important;}
.section_right p{font-size: 18px !important;line-height: 2 !important;}
.section_left p{font-size: 18px;}
.prolist_part{padding: 0 10px !important;}
.prolist_part dl{width: 100% !important;}
.prolist_part dl img{width: -webkit-fill-available;}
.prolist_part h2{text-align: center;}
.mid_nav{display: none;}
.clearfix{padding: 0 !important;margin: auto;display: table;}
.width15,.middle,.left,.right{width: 100%;}
.section_part img{max-width: 100px;}
.section_news{flex-wrap: wrap;}
.header_logo img{width: 100px;padding: 10px;}
.banner{margin-top:65px}
.header_wrap{height: 65px;}
.nav_ul{display: none;}
.menu{display: flex;align-items: center;padding: 0 10px;}
.chat1{display: none;}
.dl-menu{position: absolute;background: #fff;margin-top: 65px;text-align: center;padding: 0 10px;width: 100%;}
.nav li .erji{left: 0; top:calc(100% + 2px); padding: 15px; white-space: nowrap; display: none; z-index: 2000;}
.nav li .erji a{display: block; padding: 0 15px; line-height: 26px; font-size: 13px; margin: 2px 0; border-radius: 50px;}
.procont_pic{width: 100%;}
.prolist>div{margin: 0 10px !important;}
.prolist dl{width: 50%;}
}