.hv a:hover { text-decoration: none; color: #003a8a; -webkit-transition: all .5s; transition: all .5s; }
.inn { width: 1200px; margin: 0 auto; }
.fl { float: left; }
.fr { float: right; }
.pr { position: relative; }
.pa { position: absolute; }
.oh { overflow: hidden; }
.ma15 { margin: 15px auto; }
.ma20 { margin: 20px auto; }
.ma30 { margin: 30px auto; }
.ma50 { margin: 50px auto; }
.mb80 { margin-bottom: 80px; }
.mb50 { margin-bottom: 50px; }
.mb40 { margin-bottom: 40px; }
.mb30 { margin-bottom: 30px; }
.mb20 { margin-bottom: 20px; }
.mb15 { margin-bottom: 15px; }
.mb10 { margin-bottom: 10px; }
.mt50 { margin-top: 50px; }
.mt40 { margin-top: 40px; }
.mt30 { margin-top: 30px; }
.mt20 { margin-top: 20px; }
.mt15 { margin-top: 15px; }
.mt10 { margin-top: 10px; }
.pb50 { padding-bottom: 50px; }
.pb40 { padding-bottom: 40px; }
.pb30 { padding-bottom: 30px; }
.pb20 { padding-bottom: 20px; }
.pb15 { padding-bottom: 15px; }
.pb10 { padding-bottom: 10px; }
.pt50 { padding-top: 50px; }
.pt40 { padding-top: 40px; }
.pt30 { padding-top: 30px; }
.pt20 { padding-top: 20px; }
.pt15 { padding-top: 15px; }
.pt10 { padding-top: 10px; }
.pa15 { padding: 15px 0; }
.pa20 { padding: 20px 0; }
.pa30 { padding: 30px 0; }
.pa50 { padding: 50px 0; }
.pa80{padding: 80px 0;}
.inn { width: 1200px; margin-right: auto; margin-left: auto; overflow: scroll;}
.clear { clear: both; height: 0; margin: 0; overflow: hidden; }
body, html { font-family: "Myriad Pro",arial; font-size: 14px; line-height: 2; width: 100%; height: 100%; color: #000;}
p, ol, ul, li, dd, dt, dl, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; list-style: none; }
a { color: #333; }
a:hover, a:focus { text-decoration: none; }
#feedback_form table { border-spacing: 8px; border-collapse: separate; }
.menu_top li, .menu_top li a, .menu_top li i, .menu_bottom li a, .menu_top, .nav_left, .hnav.on .nav_left.col-sm-3.on img, .hpro_top li p, .hpro_top li span, .pro_scroll .item > a span { -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -o-transition: all .5s linear; -ms-transition: all .5s linear; transition: all .5s linear; }
.m0a { margin: 0 auto; display: block; }

/* loading */
.loading{width: 100%;height: 100%;overflow: hidden;position: fixed;z-index: 9999;left: 0;top: 0;bottom: 0;right: 0;background:#aaaab0;color: #fff;text-align: center; cursor: pointer;}
.star{position: absolute;width: 100%;left: 0;bottom: 5%;}

/*top*/
.pro_top{margin: 10px 0;}
.w90 { width: 90%; margin-left: auto; margin-right: auto; }
.menu_fix{border-bottom: 1px solid #98e3dd;}
.menu > li{float: left;position: relative;line-height: 75px;}
.menu > li > a{display: block;padding: 0 15px;color: #000;font-size: 16px;}
.sub{position: absolute;}
.sub{position: absolute;min-width: 100%;background-color: #fff;border: 1px solid #ccc;padding: 5px 0;border-radius: 5px;display: none;}
.sub li a{display: block;text-align: center;}
.sea{float: right;position: relative;margin-top: 22px;margin-left: 50px;}
.sea span{display: block;width: 25px;height: 25px;background: url(../images/swa.jpg) no-repeat center;float: left;cursor: pointer;}
.sea input{position: absolute;height: 30px;display: none;top: 25px;z-index: 99;}
.sea input.sousuob{background-color: #1f328c;color: #fff;border: 0;width: 50px;right: 0;}
.sea input.sousuoa{border: 1px solid #ccc;right: 50px;padding-left: 10px;width: 220px;}
.logo{float: left;}
.logo a{display: block;width: 170px;height: 0;padding-top: 75px;overflow: hidden;line-height: 99;}
.men_nav{background-color: #fff;}

/*首页banner*/
#owl-demobanner .owl-controls .owl-buttons div,
#owl-deva .owl-controls .owl-buttons div,
#owl-devb .owl-controls .owl-buttons div,
#owl-devc .owl-controls .owl-buttons div,
#owl-sz .owl-controls .owl-buttons div{display: none;}
#owl-deva .owl-pagination,
#owl-devb .owl-pagination,
#owl-sz .owl-pagination,
#owl-devc .owl-pagination{bottom:auto;}

/*首页abouts*/
.home_about{background-color: #aaaab0;}
.first{margin-bottom: 10px;}
.third{margin-left: 10px;}
.home_about ul li{position: relative;}
.home_about ul li:hover p{display: block !important;}
.home_about ul li p{position: absolute;width: 100%; bottom: 5%; padding-left: 15px;padding-right: 15px;color: #fff;font-weight: bold;font-size: 32px;line-height: 1.5;}
.home_about ul li p a{color: #fff;}

/*首页products*/
.home_pro{background-color: #4f4f57;}
.l0{left: 0;}
.r0{right: 0;}
.r-20p{right: -20%;}
.l-20p{left: -20%;}
.cowboy{width: 55%;position: absolute;top: 10%;z-index: 99;background-color: #606069;padding-bottom: 10%;}
.cowboy img{display: block;margin: 15% 20px;}
a.home_more{display: block;width: 50%;position: absolute;bottom: 20%;background-color: #000000;color: #fff;padding: 10px 30px;}
a.home_more span{float: left;display: block;}
a.home_more em{display: block;width: 35px;height: 20px;background: url(../images/more.png) no-repeat center;}
.home_pro_b li div{ position: relative;display: table; }
.home_pro_b li a{ position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.2);text-align: center;line-height: 100%; }
.home_pro_b li a span{display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #fff;font-size: 25px;white-space:nowrap;}
.home_pro_b li{margin-bottom: 15px;}

/*首页 development*/
.dev_bg{background-color: #606069;color: #fff;width: 100%;overflow: hidden;}
.dev_dy{right: -150px;z-index: 99;}
.dev_wz b{font-size: 80px;text-transform: capitalize;line-height: 1.2;display: block;margin-top: 25%;}
.dev_wz span{width: 90px;height: 6px;background-color: #fff;display: block;margin: 20px 0;}
.dev_wz em{font-size: 20px;font-family: Myried Pro regular;font-style: normal;}
.dev_b li div{position: relative;}
.dev_b li div a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/dev.png) no-repeat center;border: 5px solid rgba(123,123,123,.3); transition: all .5s linear; -webkit-transition:all .5s linear;}
.dev_b li div span{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-size: 35px;color: #fff;white-space: nowrap;font-weight: bold;}
.dev_b li:hover div a{opacity: 1;} 

/*foot*/
.foot_bg{background-color: #606069; padding-top: 100px;color: #fff;}
.foot_bg ul{padding-top: 30px;line-height: 3;font-size: 16px;font-weight: normal;}
.foot_bg ul b{font-size: 35px;display: block;}
.foot_bg ul.last{background-color: #4f4f57;padding-bottom: 80px;}
.foot_bg ul img{margin-right: 5px;}
.foot_bg ul a{color: #fff;}
.foot_bg ul span{margin-top: 15px;display: block;border-bottom: 2px solid #a7a7ab;}
.foot_bg ul span em{display: block;width: 30px;height: 20px;background: url(../images/jt.png) no-repeat center; float: right;margin-top: 10px;}
.foot_bg ul span a{color: #a7a7ab;}
.foot_bg ul > a{ float: left;width: 48%;color: #fff; }
.foot_a{border-top: 1px solid #838389;padding: 10px 0;}
.foot_a span a{border-bottom: 1px solid #a6a6ab;color: #fff;}

/*abouts*/
.abouts_bg{background-color: #4f4f57;}
.abouts_title b{color: #fff;font-size: 22px;}
.abouts_con_a{color: #fff;}
.abouts_con_a b{font-size: 50px;line-height: 1;text-transform: uppercase;}
.abouts_con_a span{display: block;width: 80px;height: 2px;background-color: #fff;margin: 20px auto;}
.abouts_con_a p{font-size: 16px;margin-bottom: 10px;}

.cont_bg{background-color: #4f4f57; padding-bottom: 20px;}
.cont_bg img{max-width: 100%;}
.cont_bg ,.cont_bg a{color: #fff;}
/*development*/
.dev_a li.first{float: left;width: 54.66%;}
.dev_a li.second{float: left;width: 45.34%;}
.dev_a li{position: relative;}
.dev_a li span{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 99;}
.dev_a li span div{position: absolute;left: 50%;top: 50%;color: #fff;transform: translate(-50%,-50%);}
.dev_a li span div b{font-weight: bold;font-size: 35px;color: #fff;white-space: nowrap;}
.dev_a li span div i{display: block;width: 40px;height: 2px;margin: 10px auto;background-color: #fff;}
.dev_a li span div p{text-align: center;white-space: nowrap;}
.dev_a li span > b{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #fff;font-size: 20px;font-weight: bold;white-space: nowrap;text-transform: uppercase;font-style: normal;font-weight: normal;}

.dev_con_a{background-color: #aaaab0;color: #fff;padding: 30px 20px;right: 0;bottom: -10%;}
.mb10p{margin-bottom: 10%;}
.dev_con_a b{font-size: 30px;line-height: 1.2;}
.dev_con_a b i{font-size: 50px;font-style: normal;line-height: 1;}
.dev_con_a p{text-align: justify;}
.owl_dev_a .item{ margin: 0 3.75px; }
.owl_dev_a .item a{color: #fff;text-align: center;font-size: 16px;display: block;line-height: 3;}

.dev_con_b{background-color: #aaaab0;color: #fff;padding: 30px 20px;right: 0;top: 20%;left: 0;}
.dev_con_b b{font-size: 30px;line-height: 1.2;}
.dev_con_b b i{font-size: 50px;font-style: normal;line-height: 1;}
.dev_con_b p{text-align: justify;}
.dev_con_c{background: url(../images/des.jpg) no-repeat center top;color: #fff;}
.dev_con_c b{font-size: 30px;line-height: 1.2;margin-top: 10px;display: block;}
.dev_con_c b i{font-size: 50px;font-style: normal;line-height: 1;}
.dev_con_c p{text-align: justify;}

/*products*/
.side{padding: 20px 0;}
.side li{display: inline-block;color: #fff;}
.side li a{color: #fff;}
.side li span{margin: 0 10px;}
.side li.yinc span{display: none;}
.shareurl,.shareurl a,.FastMove,.FastMove a {color: #fff;}
.colw{color: white;}
.totop{margin: 0 auto; padding-bottom: 20px;margin-top: 30px;}
.totop p{width: 20%;height: 1px;background-color: #fff;margin: 0 auto;margin-bottom: 50px;}
.totop span{border: 1px solid #fff;width: 195px;height: 65px;display: block;margin: 0 auto;color: #fff;text-transform: uppercase;margin-bottom: 20px;cursor: pointer;}
.totop span em{display: block;margin: 0 auto;background: url(../images/up.png) no-repeat center;width: 20px;height: 20px;margin-top: 10px;}
.arList,.arList a{color: #fff;}

/*社会责任*/
.brand_title b{font-size: 35px;text-transform: uppercase;color: #fff;}
.brand_title span{width: 40px;height: 4px;background-color: #8a8a8a;margin: 10px auto;display: block;margin-bottom: 30px;}
#owl-sz .item{ margin: 0 10px; }
/*1920*/
@media (min-width: 1441px) {
    .home_about ul.fl{width: 51.5%;}
    .home_about ul.fr{width: 48.5%;}
    .dev_con_c{height: 485px;}
    .abouts_mta{ margin-top: 80px; }
}
/*1366-1440*/
@media (max-width: 1440px) and (min-width: 1366px) {
    .home_about ul.fl{width: 51.25%;}
    .home_about ul.fr{width: 47.9%;}
    .dev_con_c{height: 485px;}
    .abouts_mta{ margin-top: 80px; }
}
/*1024-1366  pad pro*/
@media (max-width: 1365px) and (min-width: 1024px){
    .home_about ul.fl{width: 51%;}
    .home_about ul.fr{width: 48%;}
    .home_about ul li.second{width: 49.5%;}
    .home_about ul li.third{width: 49.5%;margin: 0;float: right;}
    .abouts_con_a b{font-size: 30px;}
    .abouts_con_a p{font-size: 12px;margin-bottom: 10px;}
    .abouts_con_a span{margin: 10px auto;}
    .dev_con_c{height: 390px;}
    .dev_con_c b{font-size: 18px;}
    .dev_con_c b i{font-size: 25px;}
    .dev_con_c p{font-size: 12px;}
}
/*768-1024 ipad*/
@media (max-width: 1023px) and (min-width: 768px) {
    .home_about ul.fl{width: 50%;}
    .home_about ul.fr{width: 50%;}
    .home_about li img{ width: 100%;}
    .home_about li.four{ margin-bottom: 10px;float: none; text-align: center; }
    .home_about li.second{ width: 49%; margin-right: 0;}
    .home_about li.third{ width: 49%; float: right !important;}
    .home_about ul.fl{ width: 100%; float: none;text-align: center; }
    .home_about ul.fl .first{float: none;}
    .home_about ul.fr{ width: 100%; }
    .navbar-brand{ padding: 0;margin-left: 15px !important; }
    .navbar{margin-bottom: 0;}
    .foot_bg ul b{font-size: 25px;}
    .foot_bg ul{font-size: 12px;}
    .foot_bg{padding-top: 50px;}
    .foot_bg ul > a{width: 50%;}
    .cowboy img{margin: 5% 10%;}
    .cowboy{width: 70%;}
    .home_pro_b li a span{font-size: 18px;}
    .dev_wz b{font-size: 35px;}
    .abouts_con_a span{margin: 10px auto;}
    .dev_a li.first{width: 100%;}
    .dev_a li.second{width: 100%;}
    .dev_con_a,.dev_con_b{position: static;}
    .dev_con_c{height: 100px;-webkit-background-size: 140%;
        background-size: 140%;}
        .dev_con_c b{font-size: 18px;}
        .dev_con_c b i{font-size: 25px;}
        .dev_con_c p{font-size: 12px;}
    }
    /*767 mobile*/
    @media (max-width: 767px) {
        .navbar-brand{ padding: 0;margin-left: 15px; }
        .navbar{margin-bottom: 0;}
        .pa80{ padding: 30px 0;}
        .home_about{ padding-left: 15px;padding-right: 15px; }
        .home_about li.four{ margin-bottom: 10px; }
        .home_about li.second{ width: 47.5%; margin-right: 0;}
        .home_about li.third{ width: 47.5%; float: right !important;}
        .home_about ul.fl{ width: 100%; }
        .home_about ul.fr{ width: 100%; }
        /*foot*/
        .foot_bg ul {padding-top: 0;}
        .foot_bg ul b{font-size: 25px;line-height: 1;margin-top: 15px;margin-bottom: 10px;}
        .foot_bg ul.last{padding-bottom: 20px;}
        .foot_bg{padding-top: 30px;}
        .cowboy{width: 80%;}
        .home_pro_b li a span{font-size: 14px;}
        .dev_a li.first{width: 100%;}
        .dev_a li.second{width: 100%;}
        .dev_a li span div b{font-size: 20px;display: block;text-align: center;}
        .dev_a li span div p{white-space:normal;}
        .dev_a li span > b{font-size: 12px;}
        .dev_con_a,.dev_con_b{position: static;}
        .dev_con_a b,.dev_con_b b,.dev_con_c b{font-size: 18px;}
        .dev_con_a b i,.dev_con_b b i,.dev_con_c b i{font-size: 30px;}
        .ma50{margin: 20px 0;}
        #owl-sz .owl-pagination{margin-top: 10px;}
        .home_about ul li p{font-size: 25px;}
        .dev_wz b{font-size: 40px;margin-top: 10%;}
        .dev_wz em{margin-bottom: 15px;display: block;}
        .dev_b li{margin-bottom: 15px;}
        .foot_a .fr{display: block;float: none;}
        a.home_more{width: 80%;top: 20%;bottom:auto;left: 0;}
        a.home_more.fl{bottom: 5%;top:auto;}
        a.yuyan{float: right;margin-top: 12px;margin-right: 15px;font-size: 16px;}
        .cowboy{position: static;}
    }