body{ font-family:"微软雅黑"; font-size:14px;  color:#333; overflow-x:hidden;}
li{ list-style:none;}
ul{ padding:0; margin:0;}
a{ color:#444;text-decoration:none}
a:hover{ text-decoration:none !important; color:#fdcc00;}
a:focus{ text-decoration:none !important;}
img{ max-width:100%;}
 input {outline:none;}
.container{ width: 1230px; }
.top{ height: 48px; background: #ebebeb; line-height: 48px; position: relative; z-index: 10; }
.top-l{ font-size: 16px; }
.top-l span{ padding-left: 35px; }
.email{ height: 48px; border-right: solid 1px #d3d5d1; padding-right: 40px; font-size: 14px; color: #797b7a; margin-right: 40px; background: url(../images/icon01.png) left center no-repeat; padding-left: 23px; }
.phone{ height: 48px;background: url(../images/icon02.png) left center no-repeat; padding-left: 23px; font-size: 14px; color: #797b7a;}
.logo { margin:34px 70px 0 0; }
.nav-list li{ float: left; position:relative; }
.nav-list li a{ display: block; height: 94px; line-height: 94px; padding:0 20px; color: #666; font-size: 18px; }
.nav-list li.active a{ color: #333; }
.nav-list li:hover{ background: #fdc500;  }
.nav-down{ display: block; top: 100%; width: 100%; display: none; background: #fdc500; margin-top: -1px; padding-top: 1px; position: absolute; z-index: 1000;}
.nav-down li{ float: none; text-align: center; }
.nav-down li:hover{ box-shadow: none; background: none; }
.nav-down li a{ display: inline-block; height: 61px; line-height: 60px; color: #333; border-top: solid 1px #fff; padding:0 !important; }
.nav-list li:hover .nav-down{ display: block; }
.qq-a:hover{ color: #fff; }

.user-icon{ font-size: 18px; color: #999; background:url(../images/icon-user.png) left center no-repeat; padding-left: 20px; margin-top: 33px; display: block; float: left; margin-right: 15px;  }
.user-out{ display: block; float: left; font-size: 18px; color: #999; margin-top: 33px; }
.banner {
    height: 400px;
    width: 100%;
    margin: 0 auto;
}
.banner .item {
    width: 100%;
    height: 400px;
}
.banner .item img {
    width: 1920px;
    max-width: 1920px !important;
    height: 400px !important;
    position: absolute;
    left: 50%;
    margin-left: -960px;
}
.header{ background: #fff; }
.link-back{ height: 90px; background: #fed129; line-height: 90px; font-size: 18px; color: #333; }
.link-back a{ display: inline-block; }
.link-back a:hover{ color: #fff; }
.link-back span{ padding-left: 20px; }
.after-no:after{ display: none !important; }
.link-back .col-xs-3:after{ height: 28px; display: block; content: ""; border-right: solid 0px #333; position: absolute; right: 0; top: 50%; margin-top: -14px; }
.search-c{ position: relative; margin:40px auto; width: 730px; }
.search-c .form-control{ width: 100%; height: 68px; border-color: #0076bb; box-shadow: none; border-right: none; font-size: 22px; padding:0 12px; line-height: 66px; }
.btn-search{ width: 190px; height: 68px; background:#0076bb url(../images/search.png) 27px center no-repeat; padding-left: 60px; position: absolute; right: 0; top: 0; border:none; border-radius: 0 4px 4px 0; padding-top: 0; padding-bottom: 0; color: #fff; font-size: 22px; color: #fff; line-height: 68px;   }
.news-back{ background: #f4f4f4; padding:55px 0; }
.news-tt{ height: 50px; line-height: 50px; background: #fed129; border-radius: 4px; font-size: 20px; color: #fff; padding:0 15px; }
.news-tt a{ float: right; color: #fff; font-size: 18px; padding-right: 15px; background: url(../images/icon-a.png) right center no-repeat; }
.news-tt i{ position: absolute; left: 50px; top: 45px; color:#fed129;  }
.news-list{ background: #fff; padding:20px 15px; border:solid 1px #f4f4f4; }
.news-list li a{ display: block; position: relative; height: 77px; padding-left: 80px; }
.news-list li{ margin-bottom: 10px; }
.news-date{ height: 68px; width: 68px; color: #898989; border:solid 1px #cacaca; line-height: 25px; padding-top: 10px; border-radius: 4px; text-align: center; position: absolute; left: 0; top: 0; font-size: 12px; }
.news-date span{ font-size: 30px; }
.news-a-tt{ font-size: 13px; color: #666; max-width: 100%; position: relative; display:inline-block; padding-right: 45px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
.news-a-tt span{ position: absolute; right: 0; background: #fed129; padding:0 5px; color: #fff; font-size: 12px; }
.news-txt{ color: #999; font-size: 12px; height: 51px; line-height: 20px; border-bottom: solid 1px #ddd; padding-bottom: 10px; margin-top: 5px; }
.news-li .news-date{ color: #fed129; border-color: #fed129; }
.news-li .news-date span,.news-li .news-a-tt,.news-li .news-txt{ color: #fed129; }
.news-tt02{ background: #fd8300; }
.news-tt02 i{ color: #fd8300; }
.news-li02 .news-date{ color: #fd8300; border-color: #fd8300; }
.news-li02 .news-date span,.news-li02 .news-a-tt,.news-li02 .news-txt{ color: #fd8300; }
.news-li02 .news-a-tt span{ background: #fd8300;  }
.news-tt03{ background: #0076bb; }
.news-tt03 i{ color: #0076bb; }
.news-li03 .news-date{ color: #0076bb; border-color: #0076bb; }
.news-li03 .news-date span,.news-li03 .news-a-tt,.news-li03 .news-txt{ color: #0076bb; }
.news-li03 .news-a-tt span{ background: #0076bb;  }
.news-date-img{ border:none; padding:0; }
.news-date-img img{ width: 100%; height: 100%; border-radius: 4px; }
.news-row{ margin:0 -5px; }
.news-row .col-xs-4{ padding:0 5px; }
.zy-tt { position: relative; font-size: 30px; color: #333; text-align: center; margin:50px 0; }
.zy-tt span.tt-lind{ border-bottom: solid 1px #ddd; width: 730px; position: absolute; left: 50%; margin-left: -365px; top: 50%; }
.zy-tt span.tt-lind:after{ position: absolute; display: block; width: 10px; height: 10px; border-radius: 50%; background:#ddd; content: ""; left: 0; top: 50%; margin-top: -5px;  }
.zy-tt span.tt-lind:before{ position: absolute; display: block; width: 10px; height: 10px; border-radius: 50%; background:#ddd; content: ""; right: 0; top: 50%; margin-top: -5px;  }
.zy-tt span.tt-txt{ padding:0 50px; background: #fff; position: relative; z-index: 20; }
.lc-row li{ float: left; width: 20%; padding:0 15px; }
.lc-tt{ font-size: 18px; color: #666; margin:20px 0 10px 0; }
.lc-txt{ font-size: 18px; color: #666; }
.hb-list li{ float: left; width: 25%; padding:0 15px; margin-bottom: 50px; }
.bottom-back{ background: #fed129; }
.bottom-list li{ float: left; width: 20%; font-size: 28px; color: #000; height: 108px; line-height: 108px; }
.bottom-list li span{ padding-left: 20px; }
.footer{ background: #2f2b2c; padding:40px 0; }
.footer-tt{ font-size: 20px; color: #fdd000; height: 20px; line-height: 20px; border-left: solid 5px #fdd000; padding-left: 10px; margin-bottom: 15px; }
.footer-list li{ margin-bottom: 10px; padding-left: 10px;  }
.footer-list li a{ color: #8f8b8b; }
.footer-list li span{ font-weight: bold; padding-right: 5px; }
.footer-left{ position: relative; padding:20px 100px 20px 40px; }
.footer-left:before{ display: block; content: ""; position: absolute; height: 229px; border-left: solid 1px #454445; left: 0; top: 0; }
.footer-left:after{ display: block; content: ""; position: absolute; height: 229px; border-left: solid 1px #1a1a1a; left: 1px; top: 0; }
.footer-right{ padding-right: 0 !important; padding-top: 0; }
.footer-phone{ color: #fff; font-size: 24px; padding-left: 65px; background: url(../images/footer01.png) left center no-repeat; margin-top: 20px; }
.footer-phone span{ font-size: 16px; }
.footer-email{ font-size: 30px; height: 48px; line-height: 48px; background: url(../images/footer02.png) left center no-repeat; margin-top: 20px;  }
.ewm-txt{ height: 30px; line-height: 30px; text-align: center; background: #fed129; font-size: 16px; color: #000; }
.ewm{ margin-left: 100px; }
.fixed-ul{ position: fixed; right: 0; top: 50%; margin-top: -185px;  z-index: 10000;}
.fixed-ul li{ width: 70px; height: 70px; margin-bottom: 5px; background: #d2d2d2; position: relative; }
.fixed-ul li:hover{ background: #568ab9; }
.fixed-ul li.phone-li:hover{ background: #fed129; }
.fixed-ul li.wx-li:hover{ background: #1ec621; }
.fixed-ul li.jsq-li:hover{ background: #fd8300; }
.fixed-qq{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../images/fixed01.png) 18px center no-repeat; }
.fixed-phone{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../images/fixed02.png) 18px center no-repeat; }
.fixed-wx{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../images/fixed03.png) 10px center no-repeat; }
.fixed-jsq{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../images/fixed04.png) 15px center no-repeat; }
.fixed-top{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../images/fixed05.png) 22px center no-repeat; }
.qq-c{ position: absolute; right: 70px; top: 0; padding-right: 10px; display: none; }
.qq-back{ background: #fff; padding:15px; width: 220px; height: 300px; border:solid 1px #ddd; }
.fixed-ul li:hover .qq-c{ display: block; }
.qq-tt{ color: #333; font-size: 18px; margin-bottom: 15px; }
.qq-left{ font-size: 12px; }
.qq-a{ display: block; background: #fd8300; color: #fff; border-radius: 4px; width: 80px; height: 30px; text-align: center; line-height: 30px; }
.qq-border{ border-bottom: solid 1px #ddd; padding-bottom: 10px; }
.qq-tank{ font-size: 12px; color: #666;white-space: nowrap; margin-top: 20px; display: block; }
.qq-tank img{ margin-bottom: 5px; }
.login-c{ width: 320px; height:340px; position: absolute; left: 50%; margin-left: 280px; top: 30px; padding:20px; }
.login-mask{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #000; opacity: 0.3; border-radius: 4px; z-index: 0; }
.login-tt{ font-size: 26px; color: #fff; position: relative; z-index: 1; margin-bottom: 20px; }
.login-relative{ position: relative; margin-bottom: 15px; }
.login-input{ height: 42px; background: #fff; box-shadow: none; border:none; padding:0 0 0 50px; line-height: 42px; font-size: 18px; }
.login01{ position: absolute; left: 15px; top: 0; height: 42px; width: 19px; background: url(../images/login01.png) center no-repeat; }
.login02{ background: url(../images/login02.png) center no-repeat;}
.btn-login{ height: 42px; display: block; width: 100%; padding:0; line-height: 42px; text-align: center; background: #0076bb; border:none; color: #fff; font-size: 20px; }
.login-container{ position: relative; z-index: 10; }
.login-link{ margin:8px 0 20px 0; }
.login-link a{ color: #fff; }
.kj-tt{ font-size: 14px; color: #fff; position:relative; }
.kj-tt:before{ display: block; width: 90px; border-top: solid 1px #c1b5b3; position: absolute; left: 0; top: 50%; content: ""; }
.kj-tt:after{ display: block; width: 90px; border-top: solid 1px #c1b5b3; position: absolute; right: 0; top: 50%; content: ""; }
.login-bottom .pull-left{ width: 25%; margin-top: 15px; }
.login-bottom .pull-left a{ display: block; width: 42px; height: 42px; border-radius: 50%; margin:0 auto; }
.login-bottom .pull-left a.login-qq{ background: #c9c9c9 url(../images/login03.png) center no-repeat; }
.login-bottom .pull-left a.login-wb{ background: #c9c9c9 url(../images/login04.png) center no-repeat; }
.login-bottom .pull-left a.login-wx{ background: #c9c9c9 url(../images/login05.png) center no-repeat; }
.login-bottom .pull-left a.login-f{ background: #c9c9c9 url(../images/login06.png) center no-repeat; }
.login-bottom .pull-left a.login-qq:hover{ background: #568ab9 url(../images/login03.png) center no-repeat; }
.login-bottom .pull-left a.login-wb:hover{ background: #568ab9 url(../images/login04.png) center no-repeat; }
.login-bottom .pull-left a.login-wx:hover{ background: #568ab9 url(../images/login05.png) center no-repeat; }
.login-bottom .pull-left a.login-f:hover{ background: #568ab9 url(../images/login06.png) center no-repeat; }
.btn-login:hover{ color: #fff; background: #0889d5; }
.login-link a:hover{ color: #0889d5; }
.btn-search:hover{background: #0889d5 url(../images/search.png) 27px center no-repeat; color: #fff;}
.footer-list li a:hover{ color: #fdd100; }
.register-link{ display: block; height: 32px; width: 70px; line-height: 32px; text-align: center; color: #666; font-size: 18px; float: left; margin-top: 30px; }
.register-login{ display: block; height: 32px; width: 70px; line-height: 32px; text-align: center; color: #fff; font-size: 18px; float: left; margin-top: 30px; background: #0076bb; border-radius: 4px;}
/*********产品列表********/
.product-c{ padding:35px 0; }
.banner-product{ height: 310px; background: url(../images/banner-product.png) center no-repeat; padding-top: 90px; }
.banner-tt{ font-size: 60px; color: #fff; }
.banner-englist{ font-size: 46px; color: #fff; }
.product-left{ width: 260px; }
.search-p{ position: relative; }
.search-input{ height: 42px; box-shadow: none; font-size: 18px; padding:0 12px; line-height: 40px; border-right: 0; }
.cp-search{ position: absolute; right: 0; top: 0; height: 42px; width: 70px; background:#0076bb url(../images/search.png) center no-repeat; border-radius: 0 4px 4px 0; }
.product-nav{ margin-top: 30px; }
.product-nav li{ margin-bottom: 25px; }
.product-nav li a{ display: block; background: #ffd94c; border-radius: 4px; height: 60px; line-height: 60px; text-align: center; font-size: 24px; color: #333; }
.rm-border{ border:solid 1px #ddd; padding-bottom: 45px; }
.rm-tt{ border-bottom:solid 1px #ddd; height: 38px; line-height: 37px; font-size: 18px; color: #333; background: #f4f4f4; }
.cp-img img{ width: 145px; height: 100px; }
.rm-list li{ margin-top: 45px; }
.rm-list-tt{ font-size: 16px; color: #333; margin:10px 0 5px 0; }
.cp-name{ font-size: 20px; color: #f00000; }
.product-right{ width: 940px; padding-left: 50px; }
.product-top{ border-bottom: solid 1px #ddd; padding-bottom: 15px; }
.product-tt{ font-size: 24px; color: #333; background: url(../images/icon-cp.png) left center no-repeat; padding-left: 35px; height: 24px; line-height: 24px; }
.nav-b{ height: 24px; line-height: 24px; font-size: 16px; color: #999; }
.nav-b a{ color: #999; }
.nav-b span{ padding:0 10px; }
.chooise-border{ border:solid 1px #ddd; margin-top: 20px; border-bottom: none; }
.chooise-tt{ height: 43px; line-height: 42px; background: #f4f4f4; border-bottom: solid 1px #ddd; font-size: 18px; color: #333; padding-left: 20px; }
.chooise-position{ position: relative; min-height: 60px; border-bottom: solid 1px #ddd; padding-left: 84px; }
.chooise-left{ position: absolute; left: 0; top: 0; line-height: 59px; font-size: 20px; color: #333; padding-left: 20px; }
.chooise-list li{ float: left; margin-right: 15px; font-size: 20px; line-height: 59px; }
.chooise-list li a{ color: #666;}
.chooise-list li a:hover{ color: #333; }
.chooise-list li a.active{ color: #ff0000; }
.pl-border{ border:solid 1px #ddd; margin-top: 20px; background: #f4f4f4; }
.pl-c{ border-bottom: solid 1px #ddd; }
.pl-left{ height: 42px; line-height: 42px; font-size: 18px; color: #333; padding-left: 20px; margin-right: 30px; }
.pl-list li{ line-height: 42px; margin-right: 60px; }
.pl-list li i{ font-size: 14px; }
.pl-txt{ padding:15px 20px; font-size: 16px; }
.cp-list{ margin: 20px -10px 0 -10px; }
.cp-list li{ float: left; width: 33.333333%; padding:0 10px; margin-bottom: 20px; }
.cp-list li a{ display: block; box-shadow:0px 1px 5px 3px #eee; padding:15px; }
.bottom-img{ height:210px; display: table; margin:0 auto;}
.bottom-img img{ max-width: 100%; max-height: 100%; }
.bottom-img span{display: table-cell; vertical-align: middle; }
.cp-list-tt{ font-size: 18px; color: #333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
.cp-bottom{ font-size: 16px; color: #999; margin-top: 5px; }
.cp-bottom span{ font-size: 24px; color: #f00000; padding-right: 10px; }
.nav-down-c{ display: none; }
.login03{ background: url(../images/login-index03.png) center no-repeat; }
.login-input-xs{ width: 210px; }
.btn-yzm-xs{ height: 42px !important; width: 60px !important; line-height: 42px !important; }
/******产品详细页****/
.cp-news{ padding-top: 30px; }
.cp-c{ margin: 30px 0; }
.cp-left{ width: 610px; }
.cp-tabs img{ width: 500px; height: 500px; }
.cp-list-tabs img{ width: 78px; height: 78px; }
.cp-list-tabs li{ margin-bottom: 28px; }
.cp-left{ width: 610px; }
.cp-right{ width: 520px; }
.cp-news-tt{ font-size: 24px; color: #333; }
.cp-pj{ color: #999; margin-top: 5px; }
.cp-pj span{ padding-right: 10px; }
.star-color{ color: #fed129; }
.cp-money{ font-size: 18px; color: #333; margin-top: 10px; }
.cp-money span{ color: #f00000; font-size: 26px; padding-left: 10px; }
.cp-weight{ font-size: 18px; color: #666; margin-top: 5px; }
.cp-lind{ border-bottom: solid 1px #ddd; margin:15px 0; max-width:411px; }
.cp-relative{ position: relative; margin-bottom: 20px; padding-left: 95px; }
.cp-la-left{ position: absolute; font-size: 18px; color: #333; line-height: 46px; left: 0; top: 0; }
.cp-select{ height: 46px; border-radius: 0; box-shadow: none; padding:0 12px; line-height: 44px; max-width:316px; font-size: 18px; }
.btn-move{ width: 42px; height: 42px; background: #fff; border:solid 1px #ddd; float: left; }
.number-input{ height: 42px; line-height: 40px; text-align: center; width: 66px; background: #fff; border:solid 1px #ddd; float: left; margin-left:-1px; margin-right: -1px; }
.number-right{ line-height: 42px; font-size: 14px; padding-left: 10px; }
.number-right span{ color: #999;  }
.cp-btn input{ float: left; margin-right: 25px; border:none; display: block; float: left; border-radius: 4px; height: 48px; line-height: 48px; padding:0 25px; font-size: 24px; }
.cp-btn-shop{ color: #000; background: #fed129; }
.cp-btn-car{ background: #fd8300; color: #fff; }
.cp-list-tabs{ height: 502px; overflow-y: hidden; }
.cp-b-tabs{ border-top: solid 1px #ddd; background: #f4f4f4; margin-bottom: 35px; }
.cp-b-tabs li{ float: left; width: 33.333333%; }
.cp-b-tabs li a{ display: block; height: 70px; line-height: 70px; color: #333; font-size: 24px; position: relative; text-align: center; color: #333; }
.cp-b-tabs li.active a{ color: #fd8300; border:solid 1px #ddd; border-top: none; background: #fff;}
.cp-b-tabs li.active a:after{ display: block; content: ""; width: 100%; border-top: solid 2px #fd8300; top: -1px; left: 0; position: absolute; }
.cp-b-tabs li a:hover{ color: #fd8300;}
.cp-b-border{ border:solid 1px #ddd; padding:20px 25px 10px 25px; font-size: 22px; color: #666; margin-bottom: 35px; }
.cp-b-border .row div{overflow: hidden;text-overflow:ellipsis;white-space: nowrap; margin-bottom: 10px;}
.cp-bottom-c{ margin-bottom: 50px; }
/******login*****/
.login-back{ background: #f4f4f4; }
.login-header{ padding-bottom: 32px; margin-bottom: 30px; box-shadow: 1px 2px 10px #ddd; }
.login-index{ background: #fff; padding:30px; margin-bottom: 70px; }
.login-index-tt{ font-size: 24px; color: #333; margin-bottom: 35px; }
.login-index-re{ position: relative; margin-bottom: 24px; }
.index-input{ height: 54px; border-color: #e5e5e5; padding:0 12px 0 127px; font-size: 16px; box-shadow: none; }
.login-txt-icon{ position: absolute; left: 12px; font-size: 16px; top: 0; height: 54px; line-height: 54px; background: url(../images/login-index01.png) left center no-repeat; padding-left: 30px; }
.login-left{ width: 495px; }
.login-txt-icon02{ background: url(../images/login-index02.png) left center no-repeat;}
.login-txt-icon03{ background: url(../images/login-index03.png) left center no-repeat;}
.index-input-sm{ width: 350px; }
.btn-yzm{ position: absolute; right: 0; top: 0; width: 120px; height: 54px; background: #fdcc00; text-align: center; padding:0; border:none; line-height: 54px; color: #fff; font-size: 18px; }
.btn-login-t{ height: 54px; line-height: 54px; padding:0; text-align: center; background: #fdcc00; color: #fff; font-size: 20px; margin-top: 20px; display: block; width: 100%; }
.forget{ margin-top: 10px; font-size: 16px; }
.forget .pull-left a{ color: #666; }
.forget .pull-right a{ color: #0076bb; }
.login-kj{ color: #333; margin:20px 0; }
.login-kj:before{ width: 175px; }
.login-kj:after{ width: 175px; }
.login-lg a{ margin:0 20px; }
.login-right{ width: 565px; }
.login-right-tt{ font-size: 24px; color: #333; }
.login-right p{ margin:0; line-height: 30px; font-size: 16px; color: #666; }
.login-right img{ margin-top: 5px; }
.login-kj span{ background: #fff; padding:0 10px; position: relative; z-index: 10; }
.welcome{ font-size: 24px; height: 28px; line-height: 28px; margin-top: 32px; }
/********about*****/
.banner-about{ background: url(../images/about-banner.png) center no-repeat; }
.about-padding{ background: #f4f4f4; padding-top: 30px; padding-bottom: 70px; }
.about-left{ margin-top: 30px; width: 280px; box-shadow:0px 1px 10px 2px #ddd; background: #fff; }
.about-left li a{ display: block; height: 90px; line-height: 90px; font-size: 20px; color: #333; padding-left: 90px; position: relative; }
.about-left li.active a{ background: #fff2c3; color: #ef9800; }
.about-left li a:hover{ color: #ef9800;}
.about-left li.active a:before{ display: block; content: ""; position: absolute; width: 4px; height: 100%; background: #fdd100; left: 0; top: 0; }
.nav01{ display: block; position:absolute; left: 46px; width: 28px; height: 100%; top: 0; background: url(../images/about01.png) center no-repeat; }
.nav02{ background: url(../images/about02.png) center no-repeat;}
.nav03{ background: url(../images/about03.png) center no-repeat;}
.nav04{ background: url(../images/about04.png) center no-repeat;}
.nav05{ background: url(../images/news01.png) center no-repeat;}
.nav06{ background: url(../images/news02.png) center no-repeat;}
.nav07{ background: url(../images/news03.png) center no-repeat;}
.nav08{ background: url(../images/news04.png) center no-repeat;}
.nav09{ background: url(../images/news05.png) center no-repeat;}
.about-left li.active .nav01{ background: url(../images/about01-1.png) center no-repeat;}
.about-left li.active .nav02{ background: url(../images/about02-1.png) center no-repeat;}
.about-left li.active .nav03{ background: url(../images/about03-1.png) center no-repeat;}
.about-left li.active .nav04{ background: url(../images/about04-1.png) center no-repeat;}
.about-left li.active .nav05{ background: url(../images/news01-1.png) center no-repeat;}
.about-left li.active .nav06{ background: url(../images/news02-1.png) center no-repeat;}
.about-left li.active .nav07{ background: url(../images/news03-1.png) center no-repeat;}
.about-left li.active .nav08{ background: url(../images/news04-1.png) center no-repeat;}
.about-left li.active .nav09{ background: url(../images/news05-1.png) center no-repeat;}
.about-left li a:hover .nav01{ background: url(../images/about01-1.png) center no-repeat;}
.about-left li a:hover .nav02{ background: url(../images/about02-1.png) center no-repeat;}
.about-left li a:hover .nav03{ background: url(../images/about03-1.png) center no-repeat;}
.about-left li a:hover .nav04{ background: url(../images/about04-1.png) center no-repeat;}
.about-left li a:hover .nav05{ background: url(../images/news01-1.png) center no-repeat;}
.about-left li a:hover .nav06{ background: url(../images/news02-1.png) center no-repeat;}
.about-left li a:hover .nav07{ background: url(../images/news03-1.png) center no-repeat;}
.about-left li a:hover .nav08{ background: url(../images/news04-1.png) center no-repeat;}
.about-left li a:hover .nav09{ background: url(../images/news05-1.png) center no-repeat;}
.about-right{ margin-top: 30px; width: 900px; background: #fff; padding:30px 40px; box-shadow:0px 1px 10px 2px #ddd; }
.about-tt{ font-size: 24px; color: #333; border-bottom: solid 1px #ddd; padding-bottom: 10px; margin-bottom: 20px; }
.article p{ font-size: 20px; line-height: 45px; margin:0; }
.article p.about-p-lg{ font-size: 24px; }
/********新闻列表*****/
.news-tt-left{ font-size: 24px; border-bottom: solid 1px #ddd; padding:25px 0; text-align: center; }
.news-tt-left02{ margin-top: -30px; text-align: left; }
.news-list-c li{ margin:30px 0; position:relative;}
.news-list-c li a{ font-size: 20px; color: #666; position:relative; display: block; padding-right: 130px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
.news-list-c li a:hover{ color: #ffcd10; }
.news-list-c li span.news-date-r{ position: absolute; right: 0; top: 0; }
.news-banner{ background: url(../images/news-banner.png) center no-repeat; }
.article-tt{ font-size: 24px; color: #333; }
.article-date{ font-size: 14px; color: #666; margin:10px 0; }
.article-date span{ padding-left: 30px; }
.article-c{ line-height: 35px; font-size: 18px; color: #666; }
.news-nev{ border-top: solid 1px #ddd; margin-top: 30px; font-size: 16px; padding-top: 30px; }
.news-nev a{ margin-left: 5px; }
/*******注册*******/
.register-index{ max-width: 530px; margin:0 auto; }
.register-index .index-input-sm{ width: 320px; }
.login-txt-phone{ background: url(../images/register01.png) left center no-repeat; }
.login-txt-email{ background: url(../images/register02.png) left center no-repeat; }
.btn-yzm:hover,.btn-login-t:hover{ color: #fff; background: #efc309; }
.checkbox a{ color: #2182db; }
.register-index{ margin-bottom: 70px; }
.wx-img{ position: absolute; right: 100%; top: 0; width: 160px; height: 160px; display: none; }
.wx-img img{ width: 160px; height: 160px; }
.fixed-ul li:hover .wx-img{ display: block; }
.phone-txt{ height: 70px; display: none; width: 180px; line-height: 70px; text-align: center; position: absolute; right: 100%; top: 0;background: #fed129; color: #fff; font-size: 18px; }
.fixed-ul li:hover .phone-txt{ display: block; }
/**计算器*/
.calculator {display: block;}
.calculator-l1 {  padding-left: 20px; background: url("../images/cal.png") left 20px center no-repeat; padding-left: 50px; font-size: 26px; }
.calculator-c {background-color: #FFF;  font-size: 20px; padding-top: 25px; padding-bottom: 25px; border: 2px solid #e51d27;  margin-top: 40px;}
.first-con , .second-con , .three-con{display: inline-block;}
.second-con {font-size: 18px; margin-left: 20px; color: #000; font-size: 20px;}
.form-control {-webkit-border-radius: 0  !important;  -moz-border-radius: 0  !important;  -khtml-border-radius: 0  !important;  border-radius: 0  !important; }
.select-way1 {font-size: 18px;  margin-top: 4px; margin-left: 20px; color: #000; height: 34px; border-radius: 0 !important;  padding: 0; line-height: 34px;-webkit-border-radius: 0;  -moz-border-radius: 0;  -khtml-border-radius: 0;}
.title-select {line-height: 34px;}
.select-way2 {font-size: 18px; padding-left: 10px; color: #000; height: 34px; width: 100px;border-radius: 0 !important;  padding: 0; line-height: 34px;}
.price-list {background-color: #fff;}
.gusuan-btn {font-size: 18px; border: 0; border-radius: 0;background-color: #e51d27;color: #fff; padding: 4px 20px; margin-left: 5px;}
.calculator-r1 {padding-left: 20px; font-weight: bold; font-size: 25px;}
.calculator-l2 {}
.calculator-l3{height:38px;}
.calculator-l3 label {font-size: 20px; line-height: 34px; margin: 0; font-weight: bold; margin-left: 10px;}
.test {width: 850px;}
@media (max-width:1279px){
    .container{ width: 991px; }
    .top-l{ font-size: 14px; }
    .email{ padding-right: 20px; margin-right: 20px; }
    .logo{ margin-right: 30px; }
    .nav-list li a{ font-size: 16px; padding:0 10px; }
    .user-icon{ font-size: 16px; margin-top: 35px; }
    .user-out{ font-size: 16px; margin-top: 35px; }
    .login-c{ margin-left: 170px; }
    .footer-left{ padding-right: 50px; }
    .product-right{ width: 700px; padding-left: 20px; }
    .cp-tabs img{ width: 400px; height: 400px; }
    .cp-right{ width: 420px; margin-top: -5px; }
    .cp-left{ width: 510px; }
    .cp-list-tabs{ height: auto; }
    .cp-list-tabs li{ margin-bottom: 2px; }
    .cp-relative{ margin-bottom: 10px; }
    .cp-lind{ margin:10px 0; }
    .login-left{ width: 375px; }
    .index-input-sm{ width: 250px; }
    .login-lg a{ margin:0 10px; }
    .login-right{ width: 500px; }
    .about-right{ width: 650px; }
}
@media (max-width:991px){
    .container{ width: 750px; }
    .fixed-ul,.top-l{ display: none; }
    .logo img{ width: 100px; }
    .logo{ margin-right: 10px; margin-top: 25px; margin-bottom: 0; }
    .nav-list li a{ font-size: 14px; height: 60px; line-height: 60px; }
    .user-icon,.user-out{ font-size: 14px; margin-top: 20px; }
    .login-c{ margin-left: 28px; }
    .link-back span{ padding-left: 10px; font-size: 16px; }
    .link-back img{ width: 40px; }
    .search-c{ width: 100%; }
    .news-row .col-xs-4{ width: 100%; margin-bottom: 15px; }
    .lc-tt,.lc-txt{ font-size: 14px; }
    .lc-img img{ width: 80px; }
    .bottom-list li span{ padding-left: 10px; font-size: 14px; }
    .bottom-list li{ height: 60px; line-height: 60px; }
    .footer-left{ padding-left:20px; padding-right: 20px; }
    .ewm{ margin-left: 15px; margin-top: 10px; }
    .product-left{ display: none; }
    .product-right{ width: 100%; padding-left: 0; }
    .register-login,.register-link{ margin-top: 15px; font-size: 14px; }
    .cp-left,.cp-tabs{ width: 100%; }
    .cp-tabs img{ width: 500px; height: 500px; }
    .cp-list-tabs{ width: 100%; margin-top: 10px; }
    .cp-list-tabs li{ float: left; margin-right: 27px; }
    .cp-right{ width: 100%; margin-top: 20px; }
    .login-left{ width: 100%; }
    .login-right{ display: none; }
    .welcome{ font-size: 14px; height: 14px; line-height: 14px; margin:22px 0 0 10px;  }
    .about-right{ width: 400px; }


}
@media (max-width:767px){
    .cp-tabs img{ width: 100%; height: auto; }
    .cp-list-tabs{ margin:10px -2px 0 -2px; width: auto; float:none; }
    .cp-list-tabs img{ width: 100%; height: auto; }
    .cp-list-tabs li{ width: 20%; margin:0; padding:0 2px; }
    .cp-news-tt{ font-size: 18px; }
.container{ width: 100%; }
.email{ padding-right:5px; margin-right: 5px; border:none; height: 40px;}
.top{ height: 40px; line-height: 40px; }
.phone{ height: 40px; }
.nav-list li{ width: 100%; float: none; background: none !important; }
.nav-list li a{ height: 40px; line-height: 40px; }
.header{ position:relative; height: 50px; z-index: 1000; margin-top: 30px; border-top: solid 1px #ddd; }
.nav-list{ position: absolute; left: 0; top: 49px; width: 100%; border-top: solid 1px #ddd; background: #fff; display: none; box-shadow: 1px 2px 3px #ddd; }
.header-right{ position: absolute; right: 15px; top: -30px; }
.user-icon,.user-out{ margin-top: 5px; }
.logo{ margin-top: 19px; }
.navbar-toggle{ border:solid 1px #ddd; margin-right: 0; }
.navbar-toggle span{ background: #ddd; }
.login-c{ display: none; }
.banner {
    height: auto;
    width: 100%;
    margin: 0 auto;
}
.banner .item {
    width: 100%;
    height: auto;
}
.banner .item img {
    width: 100%;
    max-width: 100% !important;
    height: auto !important;
    position:static;
    left: 0;
    margin-left: 0;
}
.carousel-indicators{ bottom: 0; }
.link-back .col-xs-3{ padding:0 5px; }
.link-back{ margin:0 -5px; }
.link-back .col-xs-3 span{ display: block; padding-left: 0; margin-bottom: 10px; font-size: 12px; margin-top: 5px; }
.link-back .col-xs-3:after{ display: none; }
.link-back{ height: auto; line-height: 18px; padding-top: 10px; }
.search-c{ margin:15px 0; }
.search-c .form-control{ height: 34px; line-height: 32px; font-size: 14px; }
.btn-search{ height: 34px; line-height: 34px; font-size: 14px; width: 100px; padding-left:35px; background: #0076bb url(../images/search.png) 10px center no-repeat; background-size: 20px auto;  }
.news-back{ padding:15px 0; }
.news-tt{ height: 34px; line-height: 34px; font-size: 16px; }
.news-tt a{ font-size: 16px; }
.news-tt i{ top: 30px; left: 40px; }
.news-list li a{ height: auto; }
.news-txt{ height: auto; }
.zy-tt{ margin:20px 0; }
.zy-tt span.tt-txt{ font-size: 18px; padding:0 20px; }
.zy-tt span.tt-lind{ width: 100%; left: 0; margin-left: 0; }
.lc-row li{ width: 33.333333%; margin-bottom: 15px; height: 133px; }
.lc-img img{ width: 50px; }
.lc-tt{ margin:10px 0 5px 0; }
.hb-list li{ width: 50%; margin-bottom: 15px; }
.bottom-list li{ height: auto; width: 50%; }
.footer-left{ width: 50%; padding-top: 0; }
.footer-left:after,.footer-left:before{ display: none; }
.footer-right{ width: 100%; padding-bottom: 0; }
.footer-phone{ font-size: 14px; min-height: 48px; }
.footer-phone span{ font-size: 12px; }
.ewm{ width: 100%; text-align: center; margin-left: 0; }
.ewm-txt{ margin:0 auto; width: 106px; }
.footer-qq img{ width: 200px; }
.register-login, .register-link{ height: 24px; line-height: 24px; width: 60px; margin-top: 2px; }
.banner-product{ height: 150px; padding-top: 50px; }
.banner-tt{ font-size: 24px; text-align: center; }
.banner-englist{ font-size: 18px; text-align: center; }
.chooise-position{ padding-left: 0; }
.chooise-left{ position: static; width: 100%; line-height: 30px; padding-top: 5px; font-size: 16px; }
.chooise-list{ padding-left: 20px; }
.chooise-list li{ line-height: 30px; margin-bottom: 10px; font-size: 16px; }
.chooise-list li{ margin-right: 20px; }
.pl-txt{ font-size:14px; padding:5px 10px; }
.cp-list li{ width: 50%; }
.bottom-img{ height: 100px !important;  margin-bottom: 10px;}
.bottom-img img{ max-height: 100px; }
.cp-list-tt{ font-size: 16px; }
.cp-bottom{ font-size: 14px; }
.cp-bottom span{ font-size: 16px; }
.nav-down-c{ display: block; position: absolute; right: 0; height: 40px; width: 40px; text-align: center; padding-top: 13px; top: 0; }
.nav-list li:hover .nav-down{ display:none; }
.nav-down{ position: static; margin:0; background: none; }
.nav-down li{ text-align: left; }
.nav-down li a{ padding-left: 25px !important; }
.cp-money,.cp-weight,.cp-la-left{ font-size: 14px; }
.cp-money span{ font-size: 18px; }
.cp-relative{ padding-left: 75px; }
.cp-select{ height: 34px; line-height: 32px; font-size: 14px; }
.cp-la-left{ line-height: 34px; }
.btn-move{ height: 34px; width: 34px; }
.number-input{ height: 34px; }
.number-right{ width: 100%; padding-left: 0; }
.cp-btn input{ height: 34px; line-height: 34px; font-size: 14px; }
.cp-b-tabs li a{ font-size: 16px; height: 40px; line-height: 40px; }
.cp-b-border .row div{ width: 100%; font-size: 14px; }
.cp-b-tabs{ margin-bottom: 20px; }
.cp-b-border{ margin-bottom: 20px; padding:10px; }
.nav-b{ font-size: 14px; }
.cp-news{ padding-top: 15px; }
.cp-bottom-c{ margin-bottom: 15px; }
.login-header{ margin-top: 0; border-top: none; }
.login-index{ padding:15px; margin-bottom: 20px; }
.index-input{ height: 34px; line-height: 32px; font-size: 14px; padding-left: 40px; }
.login-txt-icon{ height: 34px; line-height: 34px; font-size: 14px; padding-left: 20px; }
.btn-yzm{ height: 34px; width: 60px; line-height: 34px; font-size: 14px; }
.login-index-re-b{ padding-right: 70px; }
.index-input-sm{ width: 100%; }
.btn-login-t{ height: 34px; line-height: 34px; font-size: 16px; }
.forget{ font-size: 14px; }
.login-lg img{ width: 40px; }
.login-index-tt{ font-size: 18px; margin-bottom: 10px; }
.about-left{ width: 100%; }
.about-left li a{ height: 40px; line-height: 40px; font-size: 16px; padding-left: 50px; }
.nav01{ left: 10px; }
.nav01,.about-left li.active .nav01{ background-size: 16px auto;  }
.about-right{ width: 100%; padding:15px; }
.about-tt{ font-size: 18px; }
.article p{ font-size: 14px; line-height: 25px; }
.article p.about-p-lg{ font-size: 18px; margin:10px 0; }
.about-padding{ padding-bottom: 30px; }
.banner-product{ background-size: auto 100%; }
.news-tt-left{ font-size: 16px; padding:10px 0; }
.news-tt-left02{ margin-top: -15px; }
.news-list-c li{ margin:15px 0; }
.news-list-c li a{ font-size: 14px; padding-right: 80px;}
.article-c{ font-size: 14px; line-height: 25px; }
.news-nev{ font-size: 14px; margin-top: 20px; padding-top: 20px; }
.article-tt{ font-size: 18px; }
.register-index .index-input-sm{ width: 100%; }
.login-index-re{ margin-bottom: 10px; }
.welcome{ margin-top: 18px; }
    /*价格与服务*/
    .calculator-l1 {background: url("../images/cal.png") left 10px center no-repeat;
        padding-left: 40px; font-size: 20px;}
    .second-con {width: 100%; margin-top: 20px; margin-left: 10px;}
    .gusuan-btn {float: left;}
    .text-lc ,.gusuan-btn{margin-left: 10px;}
    .gusuan-btn {padding: 10px 30px; margin-top: 10px;}
    .calculator-r1 {padding-left: 10px;}
    .price-con {  margin-top: 30px;  }
    .price-claims {margin-top: 0px;}
    .md-6 {width: 100%; float: left; margin-top: 20px;}
    .title-tab1 { padding: 20px 0;}
    .title-pr1 {margin-bottom: 20px;}
    .select-way1,.select-way2{height: 40px; margin-top: 0; font-size: 15px; height: 30px; padding: 2px 15px;}
    .title-select {line-height: 30px;}
    .calculator-l3 label {font-size: 18px;}
    .second-con ,.title-tab1 ,.first-btd1  span, .first-btd2  span {font-size: 17px;}
    .first-btd1 ,.first-btd2 ,.font-con tr ,.last-td a, .last-td span{font-size: 14px;}
    .search-text-1 { height: 40px; line-height: 40px;}
    .clo-tt {padding: 0 10px; height: 42px; line-height: 42px; font-size: 14px;}
    .search-b {padding: 10px 12px;}
    .transshipment { margin-top: 5px;}
    .title-h2 {font-size: 15px;}
}