html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin: 0;padding: 0;font-weight: normal;}
input,select,textarea{margin: 0;padding: 0}
input,select{vertical-align: middle}
ul,ol{list-style: none}
ul,ol,li,dl,dt,dd,pre,form,fieldset,img,div{ margin: 0px; padding: 0px; border: none; }
img{ vertical-align: middle; border-style: none;}
textarea{resize: none}
a{text-decoration: none}
em{font-style: normal}
html{font-size: 100%;-webkit-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-size-adjust: 100%}
*,*::after,*::before{-webkit-box-sizing: border-box; box-sizing: border-box; }
.clear{clear: both}
.clearfix,.w{zoom: 1}
.clearfix:after,.w:after{content: ".";display: block;overflow: hidden;height: 0;clear: both;visibility: hidden}
.fl{float: left}
.fr{float: right}
html,body{ font-size: 14px; width: 100%; min-width: 1200px; line-height: 168%; background-color: #FFF; color:#323232; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;}
*{ moz-user-select: -moz-none;  -moz-user-select: none;  -o-user-select:none;  -khtml-user-select:none;  -webkit-user-select:none;  -ms-user-select:none;  user-select:none; }

/* links */
a{text-decoration:none; outline:none !important; color: inherit;}
a:hover{color:#1d2088; text-decoration:none;} a:focus{outline:thin dotted; text-decoration:none;} a:hover,a:active{outline:0;text-decoration:none;}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color:#999;}
input::-moz-placeholder,textarea::-webkit-input-placeholder { color:#999; }
input:-moz-placeholder,textarea::-webkit-input-placeholder { color:#999; }
input:-ms-input-placeholder,textarea::-webkit-input-placeholder { color:#999;}

@font-face {
    font-family:'Geometric415BT-BlackA';
    src:url("../fonts/Geometric415BT-BlackA.eot");
    src:url("../fonts/Geometric415BT-BlackA.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Geometric415BT-BlackA.woff") format("woff"),
    url("../fonts/Geometric415BT-BlackA.ttf") format("truetype"),
    url("../fonts/Geometric415BT-BlackA.svg#YourWebFontName") format("svg")
}

.filletBox { -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); behavior: url(ie-css3.htc);}
.filletBlack { -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.2); behavior: url(ie-css3.htc);}

/* Section Header One Star */
.section-header-one { margin: 0; padding: 0;  display: block;  color: #1c1c1c;  text-align: center;}
    .section-header-one em { font-family: "Geometric415BT-BlackA"; text-transform: uppercase; font-size: 26px;  font-style: normal;}
    .section-header-one i { display: block;  width: 38px;  height: 3px;  line-height: 3px;  background: #cf213a;  margin: 10px auto;}
    .section-header-one span { display: block; font-size: 17px; font-weight: bold;}
/* Section Header One End */

/* Sections Header Two Star */
.section-header-two h3 {  font-size: 13px; color: #888;  text-transform: uppercase;  text-align: center;  font-weight: lighter;  position: relative;  padding-bottom: 15px;  }
    .section-header-two h3::before {  content: '';  position: absolute;  display: block;  width: 300px;  height: 1px;  background: #DDD;  bottom: 1px;  left: calc(50% - 150px);  }
    .section-header-two h3::after {  content: '';  position: absolute;  display: block;  width: 60px;  height: 5px;  background: #cf213a;  bottom: -1px;  left: calc(50% - 30px);  }
    .section-header-two p { font-size: 26px; color: #1c1c1c; font-weight: 700; text-align: center; margin: 10px 0 20px 0;}
/* Sections Header Two End */

/* Header Star */
#header { position: absolute; min-width: 1200px; top: 0; left: 0; color: #fff; z-index: 1000000; background: transparent; width: 100%; transition: .5s ease-in-out; height: 98px; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
    #header:hover { background: rgba(255, 255, 255, 0.85); border-bottom: 1px solid rgba(255, 255, 255, 0.85);}
    #header:hover .header .rights .contacts { border-left: 1px solid rgba(255, 255, 255, 0.85);}
    #header:hover .header .rights .searchs { border-left: 1px solid rgba(255, 255, 255, 0.85);}
    #header:hover .header .rights .contacts { color: #333;}
    #header:hover .header .rights .searchs { color: #333;}
    #header:hover .header .rights .menus ul li { color: #333;}

    .header { position: relative;}
    .header .logos { float: left; padding: 8px 0 0 40px; margin: 0; overflow: hidden;  }
    .header .logos img { height: 80px; transition: .5s ease-in-out;}

    .header .rights { float: right;}
    .header .rights .menus { float: left; margin: 0 25px 0 0; transition: .5s ease-in-out;}
    .header .rights .menus ul li { font-size: 15px; float: left; padding: 0 25px; height: 98px; line-height: 98px; transition: .5s ease-in-out;}

    .header .rights .contacts {  border-left: 1px solid rgba(255, 255, 255, 0.2); float: right; height:98px; line-height: 30px; padding: 19px 15px 0 15px; font-size: 15px;  transition: .5s ease-in-out;}
    .header .rights .contacts i { display: inline-block; width: 16px; height: 16px; text-align: left; font-size: 17px; margin: 0 10px 0 0;}
    .header .rights .searchs { cursor: pointer; float: right; width: 98px; height:98px; line-height: 98px; font-size: 26px; border-left: 1px solid rgba(255, 255, 255, 0.2); text-align: center;  transition: .5s ease-in-out;}
    .header .rights .searchs:hover i { color: #1d2088;}

    .header .rights .searchs:hover .dropsearch { opacity: 1; visibility: visible;}
    .header .rights .searchs .dropsearch { z-index: 99999999; line-height: 100%; opacity: 0; visibility: hidden; position: absolute; width: 100%; top: 100%; left: 0; padding: 25px 0 25px 4.583333%; background: rgba(59, 64, 75, 0.95); color: #FFF; text-align: left; transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s;  -o-transition: all 0.6s;}
    .header .rights .searchs .dropsearch input { background: transparent; border: none; outline: 0; font-size: 18px; font-weight: lighter; color: #FFF; width: 50%; padding: 0 0 0 20px;}
    .header .rights .searchs .dropsearch i { color: rgba(255, 255, 255, 0.8); font-size: 22px;}

#header.pages { position: relative; color: #333; background: rgba(255, 255, 255, 1); border-bottom: none; -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); behavior: url(ie-css3.htc);}
    #header.pages:hover { background: rgba(255, 255, 255, 1); border-bottom: none;}
    #header.pages:hover .header .rights .contacts { border-left: 1px solid rgba(0, 0, 0, 0.1);}
    #header.pages:hover .header .rights .searchs { border-left: 1px solid rgba(0, 0, 0, 0.1);}

    .header.pages .rights .contacts { border-left: 1px solid rgba(0, 0, 0, 0.1);}
    .header.pages .rights .searchs { border-left: 1px solid rgba(0, 0, 0, 0.1);}
/* Header End */

/* Index Banner Star */
#index-banner { min-width: 1200px;}
/* Index Banner End */

/* About Us Star */
#about-us { background: url('../img/about_bg.jpg') center no-repeat; min-width: 1200px; overflow: hidden; height: 542px;}
    #about-us dl { position: relative; height: 542px;}
    #about-us dl dt { width:100%; height: 518px; line-height: 0;  overflow: hidden; position: absolute; top: 0; left: 50%;}
    #about-us dl dt img { max-width: 100%; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s;}
    #about-us dl dt img:hover {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
    #about-us dl dd { width: 47%; float: left; padding: 75px 0 0;}
    #about-us dl dd h5 { height: 95px; line-height: 40px; position: relative; }
    #about-us dl dd h5:before { content: ""; width: 70px; height: 3px; background: #cb2039; position: absolute; bottom: 0; left: 0; }
    #about-us dl dd h5 a { font-size: 40px; color: #fff; }
    #about-us dl dd h5 i { display: block; font-size: 20px; font-weight: normal; font-style: normal; }
    #about-us .intros { font-size: 14px; color: rgba(255,255,255,0.6);  line-height: 28px;  overflow: hidden;  height: 220px;  padding: 20px 0 0;  }
    #about-us dl dd span {  display: block;  width: 136px;  height: 40px; padding: 60px 0 0; }
    #about-us dl dd span a {  display: block;  font-size: 14px;  color: #fff;  background: url('../img/about_btn.gif') no-repeat;  height: 40px;  line-height: 40px;  overflow: hidden;  padding-left: 22px; }
    #about-us dl dd span a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}
/* About Us End */

/* Service Advantage Star */
#service-advantage { padding: 50px 0 60px 0; min-width: 1200px;}

    #service-advantage ul { margin: 30px 0 0 0;}

    #service-advantage ul li { float: left; width: 14.285714%; padding: 0 5px;}
    #service-advantage ul li .icos { background: #5c94db; color:#FFF; border: solid 1px #5c94db; width: 74px; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s; height: 74px; margin: 0 auto; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}

    #service-advantage ul li:nth-child(2) .icos { background: #e88a4d; border: solid 1px #e88a4d;}
    #service-advantage ul li:nth-child(3) .icos { background: #f30a86; border: solid 1px #f30a86;}
    #service-advantage ul li:nth-child(4) .icos { background: #9870ce; border: solid 1px #9870ce;}
    #service-advantage ul li:nth-child(5) .icos { background: #88cec9; border: solid 1px #88cec9;}
    #service-advantage ul li:nth-child(6) .icos { background: #cac456; border: solid 1px #cac456;}
    #service-advantage ul li:nth-child(7) .icos { background: #cb80e3; border: solid 1px #cb80e3;}

    #service-advantage ul li .icos i { font-size: 32px; }
    #service-advantage ul li .items { position: relative; text-align: center; color: #919192; cursor: pointer;}
    #service-advantage ul li .items h6 { font-size: 15px; margin: 15px 0 10px 0;}
    #service-advantage ul li .items:hover { }

    #service-advantage ul li:hover .icos { border: solid 1px #e6e1e1; color:#5c94db; background: transparent;}
    #service-advantage ul li:nth-child(2):hover .icos { border: solid 1px #e6e1e1; color:#e88a4d; background: transparent;}
    #service-advantage ul li:nth-child(3):hover .icos { border: solid 1px #e6e1e1; color:#f30a86; background: transparent;}
    #service-advantage ul li:nth-child(4):hover .icos { border: solid 1px #e6e1e1; color:#9870ce; background: transparent;}
    #service-advantage ul li:nth-child(5):hover .icos { border: solid 1px #e6e1e1; color:#88cec9; background: transparent;}
    #service-advantage ul li:nth-child(6):hover .icos { border: solid 1px #e6e1e1; color:#cac456; background: transparent;}
    #service-advantage ul li:nth-child(7):hover .icos { border: solid 1px #e6e1e1; color:#cb80e3; background: transparent;}

    #service-advantage ul li .items span { bottom: -15px; left: 0; line-height: 2px; width: 100%; text-align: center; margin: 0 auto; position: absolute;}
    #service-advantage ul li .items span label{ width: 60px; border-bottom: solid 2px #d5d5d5; line-height: 5px; -moz-transition: all 1.2s; -webkit-transition: all 1.2s; -o-transition: all 1.2s;}
    #service-advantage ul li:hover .items span label { border-bottom: solid 2px #03a9f4;}
/* Service Advantage End */

/* Cooperative Clients Star */
#cooperative-clients { padding: 50px 0; min-width: 1200px; overflow: hidden;}
    .cooperative-clients { margin: 30px 0 0 0;}
    .cooperative-clients ul { display: table; margin: 0 auto;}
    .cooperative-clients ul li { float: left; text-align: center; margin: 0 0 10px 0;}
    .cooperative-clients ul li .boxs { margin: 0 15px; padding: 0 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s;  -ms-transition: all .3s;  transition: all .3s;}
    .cooperative-clients ul li .boxs .pics { margin: 0 auto; width: 100%; padding-top: 20px;}
    .cooperative-clients ul li .boxs .pics img { max-height: 36px;}
    .cooperative-clients ul li .boxs .names { font-weight: 700; width: 90%; font-size: 17px; line-height: 24px; text-align: center; margin: 10px auto 0 auto; color: #0671ba;}

    .cooperative-clients ul li:hover .names { color: #000; }
    .cooperative-clients ul li:hover .boxs { background: #FFF; transform: translate(0, -10px); -ms-transform: translate(0, -10px); -moz-transform: translate(0, -10px); -webkit-transform: translate(0, -10px); -o-transform: translate(0, -10px); }
/* Cooperative Clients End */

/* Footer Star */
#footer { width: 100%; min-width: 1200px; padding: 50px 0; background: url("../img/footer-bg.jpg");}
    #footer .titles { font-size: 17px; color: rgba(255, 255, 255, 0.75); font-weight: 700; margin: 0 0 10px 0;}
    #footer .titles span { font-family:'Geometric415BT-BlackA'; margin: 0 0 0 10px; text-transform: capitalize;}

    #footer .contacts { float: left; width: 45%; color: #888;}
    #footer .contacts a { transition: .5s ease-in-out;}
    #footer .contacts a:hover { color: rgba(255, 255, 255, 0.75);}
    #footer .contacts h1.company { font-size: 15px; line-height: 168%; margin-bottom: 12px;}
    #footer .contacts ul.lists { }
    #footer .contacts ul.lists li { margin: 0 0 5px 0;}
    #footer .contacts ul.lists li i { width: 16px; height: 16px; color: #888; display: inline-block; margin: 0 10px 0 0; text-align: center;}

    #footer .messages { float: right; width: 40%; color: #888; }
    #footer .messages .thrs { margin: 12px 0 0 0;}
    #footer .messages .thrs .boxs { float: left; margin: 0 3% 10px 0; width: 31.333333%;}
    #footer .messages .thrs .boxs input { width: 100%; border-radius: 5px; padding: 3px 8px; border: transparent; outline: 0; background: rgba(255, 255, 255, 0.9);}
    #footer .messages .thrs .boxs:last-child { margin-right: 0;}

    #footer .messages .textareas { }
    #footer .messages .textareas textarea { width: 100%; height: 100px; border-radius: 5px; padding: 3px 8px; border: transparent; outline: 0; background: rgba(255, 255, 255, 0.9);}

    #footer .messages .buttons { margin: 5px 0 0 0;}
    #footer .messages .buttons button { outline: 0; padding: 5px 60px !important; letter-spacing: 5px; -webkit-box-flex: unset !important; -ms-flex: unset !important; flex: unset !important;  border-radius: 5px;  background: #193959 !important;  color: #fff !important;  border: 1px #193959 solid !important; cursor: pointer; -webkit-transition: .4s; transition: .4s;}
    #footer .messages .buttons button:hover { background: #1d2088 !important; border: 1px #1d2088 solid !important;}
/* Footer End */


/* Copyright Star */
#copyright { width: 100%; min-width: 1200px; padding: 15px 0; background: url("../img/footer-bg.jpg"); color: #868686; line-height: 30px; border-top: #454545 1px solid; }
    #copyright .infos { float: left;}
    #copyright .infos a { transition: .5s ease-in-out;}
    #copyright .infos a:hover { color: rgba(255, 255, 255, 0.75);}

    #copyright .links { float: right;}
    #copyright .links a { display: inline-block; color: #868686;}
    #copyright .links a:first-child { margin: 0 0 0 10px;}
    #copyright .links em { display: inline-block; margin: 0 10px; color: #454545; line-height: 12px; vertical-align: middle; overflow: hidden; }
/* Copyright End */

@media screen and (max-width: 1920px){

}

@media screen and (max-width: 1500px){

    /* Header Star */
    .header .logos { padding: 8px 0 0 25px;}
    .header .rights .menus { margin: 0 16px 0 0;}
    .header .rights .menus ul li { padding: 0 16px;}

    .header .rights .searchs { width: 80px;}
    /* Header End */

}

@media screen and (max-width: 1366px){
    /* Header Star */
    .header .logos { padding: 8px 0 0 18px;}
    .header .rights .menus { margin: 0 10px 0 0;}
    .header .rights .menus ul li { padding: 0 10px;}

    .header .rights .contacts { padding: 19px 10px 0 10px;}
    .header .rights .searchs { width: 60px;}
    /* Header End */
}

@media screen and (max-width: 1200px){
    /* Header Star */
    .header .logos { padding: 8px 0 0 15px;}
    .header .rights .menus { margin: 0 10px 0 0;}
    .header .rights .menus ul li { padding: 0 10px;}

    .header .rights .contacts { padding: 19px 10px 0 10px;}
    .header .rights .searchs { width: 60px;}
    /* Header End */

    /* Main Business Star */
    .main-business ul li .imgs { width: 120px; height: 120px;}

    #owl-products .owl-controls .owl-prev { top:-186px;}
    #owl-products .owl-controls .owl-next { top:-186px;}
    /* Main Business End */
}

@media screen and (max-width: 991px) {


}
@media screen and (max-width: 767px){

}

@media screen and (max-width: 450px){

}