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: 13px; width: 100%; line-height: 186%; background-color: #FFF; color:#666; 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; }
*/
@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);}

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

.container { width:1366px;}

/* Header One Star */
.header-one { text-align: center;}
    .header-one h1 { font-size:44px; font-family:impact; color:#43b6fe; display: inline-block; border-bottom: 4px solid transparent;}
    .header-one h2 { font-size:16px; color:#292929; margin: 5px 0 0 0;}
    .header-one h1:hover { border-bottom: 4px solid #2a6496;}
/* Header One End */

/* Header Two Star */
.header-two { text-align: center;}
    .header-two h1 { font-size:44px; font-family:impact; color: #fab23b; display: inline-block; border-bottom: 4px solid transparent;}
    .header-two h2 { font-size:16px; color:#FFF; margin: 5px 0 0 0;}
    .header-two h1:hover { border-bottom: 4px solid #2a6496;}
/* Header Two End */

/* Header Three Star */
.header-three { }
    .header-three span.eng { color:#43B6FE;font-family:impact;font-size:32px;text-transform:uppercase;white-space:normal;}
    .header-three span.cns { box-sizing:border-box;font-size:18px;position:relative;color:#FFFFFF;white-space:normal;}
/* Header Three End */

/* Header Four Star */
.header-four { margin: 0 0 20px 0; line-height: 1;}
/* Header Four End */

/* Header Five Star */
.header-five { text-align: center;}
    .header-five h1 { font-size: 30px; color:#43b6fe; display: inline-block; border-bottom: 4px solid transparent; font-weight: 700;}
    .header-five h2 { font-size:16px; color:#292929; margin: 5px 0 0 0;}
/* Header Five End */

/* Header Six Star */
.header-six { width: 100%; border-bottom: solid 1px #f3f3f3; color: #424242; margin: 20px 0 0 0;}
    .header-six h1 { font-size: 18px; border-bottom: solid 3px #2b68b2; font-weight: lighter; padding: 5px 0; float: left;}
    .header-six i { float: right; color: #35a9e6; margin: 12px 0 0 0; font-weight: lighter;}
    .header-six a { font-weight: lighter;}
/* Header Six End */

/* Toper Star */
#toper { box-sizing: border-box; width: 100%; height: 42px; line-height: 42px; background: rgba(51, 62, 85, 1);}
    .toper { text-align: right;}
    .toper .item { float: right;}

    .toper .searchs { }
    .toper .searchs .form-control { border-radius: 0; border: solid 2px #0074b9; height: 28px;}
    .toper .searchs .btn { border-radius: 0; color: #FFF;}
    .toper .searchs .input-group-addon { background-color: #0074b9; border: 1px solid #0074b9;}
    .toper .searchs .keys { margin: 5px 0 0 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
    .toper .searchs .keys a { margin: 0 5px 0 0;}

    .toper .phones { margin: 0 0 0 30px; color: #FFF; font-family:'Geometric415BT-BlackA'; font-size: 16px; letter-spacing: 1px;}
/* Toper End */

/* Menuer Star */
#menuer { box-sizing: border-box; width: 100%; height: 68px; background: rgba(71, 113, 159, 1);}
    #menuer .logos { float: left; margin: 5px 0 0 0;}
    #menuer .logos img { max-height: 58px;}

    #menuer ul.menus { float: right;}
    #menuer ul.menus>li { float: left; font-size: 14px; line-height: 68px; height: 68px; padding: 0 35px; position: relative;}
    #menuer ul.menus>li a { color: #43b6fe;}
    #menuer ul.menus>li:hover a { color: #FFF;}
    #menuer ul.menus>li:last-child { padding-right: 0;}

    #menuer ul.menus>li>ul.drop-menus { z-index: 99999999; opacity: 0; width: 100%; visibility: hidden; position: absolute; left:0; top:68px; background: rgba(45, 49, 57, 1); box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.1); -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px;}
    #menuer ul.menus>li:hover>ul.drop-menus { opacity: 1; visibility: visible; }
    #menuer ul.menus>li:hover ul.drop-menus li { border-bottom: solid 1px #464b57; text-align: center; line-height: 28px; }
    #menuer ul.menus>li:hover ul.drop-menus li:last-child { border-bottom: none;}
    #menuer ul.menus>li:hover ul.drop-menus li a { font-size: 13px; color: #FFF; text-transform: capitalize; white-space:nowrap; padding: 5px 0; display: block; }
    #menuer ul.menus>li:hover ul.drop-menus li a:hover { color: #43b6fe;}
/* Menuer End */


/* About Us Star */
#about-us { padding: 50px 0;}
    #about-us img { max-width: 100%; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
    .about-us { width: 980px; margin: 0 auto;}

    .about-us ul.advantage { margin: 30px 0 0 0;}
    .about-us ul.advantage li { float: left; margin: 0 2% 0 0; width: 23.500000%; background: rgba(33, 150, 208, 1); text-align: center; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
    .about-us ul.advantage li:nth-child(4n) { margin-right: 0;}
    .about-us ul.advantage li .imgs { overflow: hidden;}
    .about-us ul.advantage li:hover .imgs img { transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1);}

    .about-us ul.advantage li .infos { margin: 50px 10px 0 10px; height: 168px;}
    .about-us ul.advantage li .infos .names { color: #fff; font-size: 24px; font-weight: 700;}
    .about-us ul.advantage li .infos .texts { color: #dbdbdb; margin: 15px 0 0 0;}
    .about-us ul.advantage li:hover { -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3); behavior: url(ie-css3.htc);}
/* About Us End */

/* Hot Product Star */
#hot-product { padding: 50px 0; background: url("../img/pro-img-bg.jpg") center no-repeat; background-size: cover;}
    #hot-product img { max-width: 100%; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
    .hot-product { width: 980px; margin: 0 auto;}
    .hot-product .intros { margin: 15px 0 0 0; color:#FFF;}

    .hot-product ul.lists { margin: 30px 0 0 0;}
    .hot-product ul.lists li { }

    .hot-product ul.lists li { float: left; margin: 0 2% 0 0; width: 23.500000%; background: rgba(255, 255, 255, 1); text-align: center; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
    .hot-product ul.lists li:nth-child(4n) { margin-right: 0;}

    .hot-product ul.lists li .imgs { overflow: hidden; height: 170px; line-height: 170px;}
    .hot-product ul.lists li:hover .imgs img { transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1);}

    .hot-product ul.lists li .infos { margin: 0 10px 0 10px; height: 138px;}
    .hot-product ul.lists li .infos .names { color: #666; font-size: 18px; margin: 10px 0 0 0;}
    .hot-product ul.lists li .infos .texts { color: #666; margin: 15px 0 0 0;}
    .hot-product ul.lists li:hover { -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3); behavior: url(ie-css3.htc);}
/* Hot Product End */

/* Still More Star */
.still-more { margin: 30px auto 0 auto; text-align: center;}
    .still-more a { display: inline-block; background: #FFF; padding: 5px 30px; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
    .still-more a:hover { color: #FFF; background: #43b6fe;}
/* Still More End */

/* Latest News Star */
#latest-news { padding: 50px 0;}
    .latest-news { width: 980px; margin: 0 auto;}

    .latest-news ul.lists { margin: 30px 0 0 0;}
    .latest-news ul.lists li { float: left; margin: 0 4% 30px 0; width: 48%;}
    .latest-news ul.lists li:nth-child(2n) { margin-right: 0;}

    .latest-news ul.lists li .dates { width: 100px; text-align: center; float: left; color: #43b6fe; }
    .latest-news ul.lists li .dates p { font-size: 24px; height: 48px; line-height: 48px;}
    .latest-news ul.lists li .dates em { font-size: 16px;}

    .latest-news ul.lists li .infos { width: calc(100% - 100px); float: right;}
    .latest-news ul.lists li .infos .titles { color: #292929; height: 30px; line-height: 30px; border-bottom: solid 1px #CCC; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
    .latest-news ul.lists li .infos .intros { margin: 10px 0 0 0; color: #6e6e6e; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}

    .latest-news ul.lists li:hover .infos .titles { color: #43b6fe;}
    .latest-news ul.lists li:hover .infos .intros { color: #333;}
/* Latest News End */


/* Still More Blue Star */
.still-more-blue { margin: 30px auto 0 auto; text-align: center;}
    .still-more-blue a { display: inline-block; background: #0273b7; border: solid 1px #0273b7; color: #FFF; padding: 5px 30px; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
    .still-more-blue a:hover { color: #0273b7; background: #FFF;}
/* Still More Blue End */

/* Friendly Link Star */
#friendly-link { padding: 30px 0; background: url("../img/link-img-bg.jpg") center no-repeat; background-size: cover;}
    .friendly-link { width: 980px; margin: 0 auto;}
    .friendly-link .lists { margin: 15px 0 0 0;}
    .friendly-link .lists a { margin: 0 10px 0 0; color: #FFF;}
/* Friendly Link End */

/* Footer Star */
#footer { padding: 50px 0; background: rgba(22, 28, 34, 1);}
    #footer img { max-width: 100%;}
    .footer { width: 980px; margin: 0 auto;}
    .footer .item { float: left; height: 190px;}

    .footer .item.quicks { width: 50%; border-right: 1px solid #4a4d53;}
    .footer .item.contacts { width: 35%; border-right: 1px solid #4a4d53; padding: 0 0 0 30px;}
    .footer .item.wechats { width: 15%; padding: 0 0 0 30px;}
    .footer .item dl { float: left; margin: 0 1% 0 0; padding: 0 25px 0 0;}
    .footer .item dl:last-child { margin-right: 0; padding-right: 0;}
    .footer .item dl dt { margin: 0 0 20px 0;}
    .footer .item dl dd { margin: 0 0 5px 0;}

    .footer .item.wechats .qrcode { text-align: center;}
    .footer .item.wechats .qrcode p { margin: 10px 0 0 0;}


    .copyrights { width: 980px; margin: 50px auto 0 auto; padding: 15px 0 0 0; text-align: center; border-top: 1px solid #4a4d53;}
/* Footer End */


@media (max-width: 768px) {

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}

@media (min-width: 1366px) {

}

@media (min-width: 1500px) {

}

@media (min-width: 1920px) {

}