/* ========================= 全局 =============================== */
/*
深蓝背景   background: rgba(21, 37, 69, 0.8) none repeat scroll 0 0;
浅蓝   background-color: #86a6df;
亮蓝   background-color: #5068a9;
深蓝   background-color: #324e7b;
*/
body {
    font-family: 'Lato', sans-serif;
    font-family: 'Open Sans', sans-serif;
    padding: 0px;
    margin: 0px;
    font: 12px/24px "微软雅黑",Arial;
}

a, a:hover, a:focus {
    text-decoration: none;
    outline: none;
}
::selection {
    background: #237aeb;
    color: #fff;
}

::-moz-selection {
    background: #237aeb;
    color: #fff;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Lato', sans-serif;
}

a { color: #000000; }
a:hover { color: #237aeb }
p { line-height: 22px }

hr {
    margin-top: 15px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #eee;
}

.clear {
    clear: both;
    height: 0px;
    overflow: hidden;
}

/* ========================= 最上层一条开始 =============================== */
.bg_header{
    width:100%;
    background: #324e7b;
    position:relative;
    z-index: 1;
}

.w1170 {
    width: 1170px;
    margin: 0 auto;
    color: #fff;
    font-size: 11px;
    padding:0 15px;
}
.header_left {
    float: left;
    line-height: 35px;
    color: #FFFFFF;
    padding: 0;
    margin: 0;
}
.header_right {
    float: right;
}
.header_right>ul {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
    list-style: none outside none;
    padding: 0;
    margin: 0;
}

.header_right li {
    float: left;
    background: url(../img/banner/triangle1.png) right 14px;
    background-repeat:no-repeat;
    background-size:9% 20%;
    padding: 0 10px;
    line-height: 35px;
    color: #FFFFFF;
}

.header_right li:last-child{
    background:none;
    padding-right:0;
}
.header_right li a {
    color: #FFFFFF;
}

.search {
    margin-top: 3px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    width: 20px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border: 1px solid #fff;
    box-shadow: none;
    background: url("../img/search-icon.jpg") no-repeat 10px 8px;
    padding: 0 5px 0 35px;
    color: #fff;
    margin-left: 10px;
}
.search:focus {
    margin-top: 3px;
    width: 180px;
    border: 1px solid #eaeaea;
    box-shadow: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    color: #c8c8c8;
    font-weight: 300;
    margin-left: 10px;
}

/* ===========================nav导航开始 =============================== */
.bgfff{
    background-color: #fff;
}

.head-section .navbar {
    margin-bottom: 0;
    min-height: 85px
}

.head-section .navbar-default {
    background-color: #fff;
    border: none;
}

.mycollapse {
    padding-left:0 !important;
    padding-right:0 !important;
}

.mylogo{
    display: inline-block;
    height:20px;
    width:100px;
}

.mylogob{
    display: inline-block;
    margin-top: 2px;
    font-size: 20px;
}

.mylogob>span{
   color:#2f2d8e;
}

img {
    box-sizing: border-box;
    vertical-align: middle;
}

.navbar-brand {
    color: #bcc0cd;
    font-size: 24px;
    font-weight: 100;
    line-height: 24px;
    margin-top: 35px;
    padding: 0;
}

.head-section .navbar-collapse  ul.navbar-nav {
    float: right;
    margin-right: 0;
    z-index: 99999;
}

.head-section .nav li a{
    color: #999;
    font-size: 14px;
    font-weight: 300;
    background: none;
}

.head-section .nav li a:hover,
.head-section .nav li a:focus,
.head-section .nav li.active a,
.head-section .nav li.active a:hover,
.head-section .nav li a.dropdown-toggle:hover,
.head-section .nav li a.dropdown-toggle:focus,
.head-section .nav li.active ul.dropdown-menu li a:hover,
.head-section .nav li.active ul.dropdown-menu li.active a {
    color: #fff;
    background-color: #237aeb;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.current{
    background: #237aeb !important;
    color: #fff !important;
}

.head-section .navbar-nav > li {
    padding-bottom: 25px;
    padding-top: 30px;
}
.head-section ul.navbar-nav li:last-child { margin-left: 10px !important }
.head-section  .navbar-nav > li > a {
    padding-bottom: 5px;
    padding-top: 5px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin-left: 2px;
    line-height: 30px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

/* ===================================内容开始 =============================== */
.three-title{
    font-size: 20px;
    color: #324e7b;
    font-weight: 600;
    text-align: center;
}

.mybg{
    width:100%;
    background: #f2f2f2;
}

.auto_1170{
    width:1170px;
    padding:30px 15px;
    margin: 0 auto;
}
.w22 {
    width: 22%;
}
.fl {
    float: left;
}

#leftmenu0 {
    padding: 0 20px;
    text-indent: 1em;
}

.MenuLeft nav {
    position: relative;
    z-index: 10;
    padding-top: 30px;
    background-color: #fff;
    border-radius: 5px 0px 0px 0px;
    min-height: 500px;
    background: url(../img/banner/left_bg.png) no-repeat left top #fff;
}

li{
    list-style: none;
}

.tit h1 {
    margin: 0;
    margin-bottom: 24px;
    border-left: 5px solid #324e7b;
    line-height: 21px;
    color: #324e7b;
    font: 30px/44px "Microsoft YaHei";
    padding-left: 15px;
}

.MenuLeft li {
    display: block;
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #7e7e7e;
    font: 16px/30px Microsoft YaHei;
}

.MenuLeft .active, .Menu000539 li:hover {
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    background: url(../img/banner/menu_hover_bg.jpg) center no-repeat;
}

.MenuLeft li:first-child {
    border-top: 1px #ececec dotted;
}

.MenuLeft li {
    border-bottom: 1px #ececec dotted;
    line-height: 50px;
    padding: 8px 0;
}

.MenuLeft>ul .active{
    color: #fff !important;
    font-weight: bold;
}

.RightBg {
    background: #fff;
    border-radius: 0px 5px 0px 5px;
    padding: 20px;
    min-height: 500px;
}

.w75 {
    width: 77%;
}

.fr {
    float: right;
}

.Location {
    border-bottom: 1px solid #324e7b ;
    margin-bottom: 20px;
    line-height: 36px;
    padding-top: 0;
}

.Location em {
    float: right;
    font-style: normal;
    background: url(../img/banner/Location000788-icon.png) no-repeat left center;
    position: relative;
    top: 8px;
    padding-left: 30px;
    font: 14px/20px Microsoft YaHei;
    color: #b2b2b2;
}

.Location b span {
    color: #9c9c9c;
    font-size: 16px;
    text-transform: uppercase;
    margin-left: 10px;
}

.Location em a {
    color: #999;
}

.Location em span {
    color: #fff;
    background-color: #5068a9;
    border-radius: 3px;
    display: inline-block;
    padding: 0 10px;
    line-height: 20px;
}

.Location b {
    display: inline-block;
    border-bottom: 4px solid #5068a9;
    padding-bottom: 0;
    padding-bottom: 0;
    font: 18px/36px Microsoft YaHei;
}

/*=====关于我们开始=====*/
.about-title{
    color:#324e7b;
    font-size:16px;
    text-indent: 34px;
    line-height:30px;
    letter-spacing:0.2px;
    font-weight: bolder;
    font-family: "微软雅黑", "Microsoft Yahei", "Arial";
    margin-bottom: 15px;
}
.about-text{
    font-size: 14px;
    line-height: 26px;
    text-indent: 34px;
    color:#000000;
}
.SinglePage{
    padding:0 15px;
}
.pt30{
    padding-top:30px;
}
.mb0{
    margin-bottom: 0;
}
/*=====解决方案开始=====*/
.container .menu ul{
    display: none;
}

.container {
    padding-right: 0px;
    padding-left: 0px;
}

.container .menu h3{
    font: 16px/30px Microsoft YaHei;
    border-bottom: 1px #ececec dotted;
    line-height: 50px;
    padding: 8px 0;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #7e7e7e;
}

.active0{
    color: #fff !important;
    font-weight: bold !important;
    cursor: pointer !important;
    background: url(../img/banner/menu_hover_bg.jpg) center no-repeat !important;
}

.container .menu h3:first-child {
    border-top: 1px #ececec dotted;
}

.ulmenu1,.ulmenu2,.ulmenu3,.ulmenu4,.ulmenu5,.ulmenu6{
    margin: 0px;
}

.ulmenu1 li,.ulmenu2 li,.ulmenu3 li,.ulmenu4 li,.ulmenu5 li,.ulmenu6 li {
    width:80%;
    margin: 0 auto;
    background: none !important;
    border-bottom: 1px #ececec dotted !important;
    border-top: none !important;
}

.container .menu ul li a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #333;
    white-space: nowrap;
    font-size: 14px;
}

.container .menu ul li a:hover,.container .menu ul li a:active,.container .menu ul li a:focus{
    background-color: #86a6df;
    color:#fff;
}

.container .menu .selected{
    background: #86a6df;
    color:#fff;
}

/*第一个菜单下的文档内容*/
.content .menu1 .tab {
    display: none;
}

.content .menu1 .myshow{
    display: block;
}

/*第二个菜单下的文档内容*/
.content .menu2 .tab {
    display: none;
}
.content .menu2 .myshow{
    display: block;
}

/*第三个菜单下的文档内容*/
.content .menu3 .tab {
    display: none;
}

.content .menu3 .myshow{
    display: block;
}

/*第四个菜单下的文档内容*/
.content .menu4 .tab {
    display: none;
}

.content .menu4 .myshow{
    display: block;
}

/*第五个菜单下的文档内容*/
.content .menu5 .tab{
    display: none;
}

.content .menu5 .myshow{
    display: block;
}

/*第六个菜单下的文档内容*/
.content .menu6 .tab {
    display: none;
}
.content .menu6 .myshow{
    display: block;
}

.text-title{
    color:#324e7b;
    font-size:16px;
    font-weight: bold;
}

/* Call to action Area style*/
.call-to-action-area {
    background: #ffffff;
    padding: 0px 0 0 0;
}

.call-to-action-area .container>.row{
    padding-left:15px;
    padding-right:15px;
}

.call-to-action-area .single-item {
    margin-bottom: 20px;
}

.call-to-action-area .single-item .img-holder {
    display: block;
    overflow: hidden;
    position: relative;
    height:120px;
    width:100%;
    box-sizing: border-box;
    background: #fcfcfc;
    border:1px solid #e9e9e9;
}

.call-to-action-area .single-item .img-holder img {
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    width: auto;
    height:120px;
}

.call-to-action-area .single-item .img-holder .overlay .box .content a i {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    border-radius: 3%;
    color: #ffffff;
    display: inline-block;
    font-size: 20px;
    height: 45px;
    line-height: 48px;
    transition: all 500ms ease 0s;
    width: 45px;
}

.call-to-action-area .single-item a h5 {
    color: #324e7b;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0 0 16px;
    transition: all 500ms ease;
}

.call-to-action-area .single-item .text-holder1 {
    margin: 0px 0 18px 0;
    padding:10px;
    background: #324e7b;
    color:#fff;
}

.call-to-action-area .single-item:hover a h5{
    color: #86a6df;
}

.call-to-action-area .single-item:hover .img-holder .overlay{
    -webkit-transform: scale(1);
    transform: scale(1);
}

.call-to-action-area .single-item:hover .img-holder img {
    -webkit-transform:scale(1.3);
    transform:scale(1.3);
}

.call-to-action-area .single-item .img-holder .overlay .box .content a:hover i{
    background: #152545;
    color: #86a6df;
}

.overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    background: rgba(134, 166, 234, 0.9) none repeat scroll 0 0;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

.overlay .box {
    display: table;
    height: 100%;
    width: 100%;
}

.overlay .box .content {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.call-to-action-area .single-item .text-holder2{
    height:100%;
}

.call-to-action-area .single-item .text-holder2 h4{
    color:#fff;
    text-align: left;
    font-size: 12px;
    line-height: 28px;
    height:28px;
    width:100%;
    overflow: hidden;
    color:#324e7b;
    font-weight: normal;
}

.single-item{
    background: url("../img/product/border.jpg") no-repeat center;
    background-size: 100% 100%;
    padding:15px 15px 22px 15px;
}

.call-to-action-area .single-item .text-holder2 div{
    color:#000000;
    text-align: left;
    overflow: hidden;
    text-overflow:ellipsis
/*overflow: hidden;white-space: nowrap;text-overflow: ellipsis;*/
overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
}

.call-to-action-area .single-item .text-holder2 a{
    line-height: 25px;
    height:25px;
    text-align: left;
    text-indent: 15px;
    color:#fff;
    background: url(../img/banner/menu_hover_bg.jpg) no-repeat 80% 56%;
    width: 81px;
    height: 25px;
    display: block;
    margin:0 auto;
    margin-right: 0;
}
.category h3{
    font-size: 20px;
    color: #324e7b;
    line-height: 30px;
    letter-spacing: 0.2px;
    font-weight: 600;
}

.businessIdeas-module .module-title {
    width: 598px;
    margin: 0 auto;
    height: 33px;
    line-height: 33px;
    padding-left: 34px;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    border-right: 1px solid #d0d0ce;
}

.module-title{
    background: url(../img/banner/businessIdeas-module.jpg) no-repeat;
}

.con-left-pic {
    width: 140px;
    height: 120px;
    float: left;
    padding-left: 30px;
}

.con-left-pic>img{
    width: 100%;
    height: 100%;
}

.businessIdeas-module .con-right-txt {
    width: 450px;
    float: left;
    padding: 0 5px 0 30px;
    font-size: 14px;
    line-height: 20px;
}

.businessIdeas-module-ct {
    width: 598px;
    margin:0 auto;
    border-bottom: 1px solid #d0d0ce;
    border-left: 1px solid #d0d0ce;
    border-right: 1px solid #d0d0ce;
    padding: 20px 0;
}

.w100 {
    width: 100% !important;
}

.businessIdeas-module1>.businessIdeas-module-ct {
    width: 100% !important;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
    border-bottom: 1px dashed #d0d0ce;
}

.businessIdeas-module1>.businessIdeas-module-ct>.con-right-txt{
    width: 600px;
}

/* ========= 招贤纳士 开始 ========== */
.employment-btn {
    font-size: 24px !important;
    height: 64px;
    width: 64px;
    line-height: 65px;
    border-radius: 50%;
    position: relative;
    background-color: #237aeb;
    color:#fff;
    margin-top: 30px;
}

.hr-title {
    margin: 15px 0 30px 0;
}

.object {
    color: #FFFFFF;
    background-color: #237aeb;
    padding: 4px 5px;
    border-radius: 3px;
    margin-bottom: 20px;
    width: 40%;
    text-align: center;
    font-size: 14px;
}

.object1>h5 {
    font-size: 14px;
    line-height: 26px;
    color:#000000;
}

.office-left,.office-right{
    position: absolute;
    top: 50%;
    color: #237aeb !important;
    border: 1px solid #237aeb;
    height: 34px;
    width: 34px;
    line-height: 31px;
    margin-top: 0px !important;
    font-size: 18px !important;
    border-radius: 50%;
    z-index: 15;
}

.office-left:hover,.office-right:hover{
    background-color: #237aeb !important;
    color: #fff !important;
    cursor: pointer;
}

.office-img {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto 0 !important;
}

/* ========= 新闻资讯 开始 ============= */
.left-text {
    float: left;
    border-right: 1px solid #eee;
    font-size: 16px;
}

.right-text>p {
    line-height: 25px !important;
    margin: 0 !important;
}

.right-text {
    width: 90%;
    float: right;
    padding-left: 20px;
    text-indent: 2em;
}

.gsxw>li{
    line-height: normal !important;
    list-style: none;
    margin-bottom: 5px !important;
    padding:10px 0;
    height: 100px;
}

.gsxw1{
    width:20% !important;
}

.gsxw2{
    width:80% !important;
}

.gsxw1>span{
    display: block;
    font-size:20px;
    text-align: center;
    color: #ccc;
    padding-top: 12px;
}

.gsxw1>p{
    text-align: center;
    color: #ccc;
    font-size:14px;
}

.gsxw2>div{
    color: #b2b2b2;
    line-height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 10px 0;
}

.gsxw2>p{
    font-size: 15px;
    padding-top: 10px;
}

.gsxw2>p>span{
    margin-left: -30px;
}

.gsxw>li:hover{
    box-shadow: 0 17px 50px 0 rgba(50,78,123,.19);
    transform: translate3d(0,-2px,0);
    transition: all .3s cubic-bezier(.55,0,.1,1);
}

.Tu1-img {
    padding: 30px !important;
}

a.btn-purchase {
    line-height: 25px;
    height: 25px;
    text-align: left;
    text-indent: 15px;
    color: #fff;
    background: url(../img/banner/menu_hover_bg.jpg) no-repeat 80% 56%;
    width: 81px;
    height: 25px;
    display: block;
    margin: 0 auto;
    margin-left: 0;
    margin-top:15px;
}

.pagess>ul>a{
    display: inline-block;
    width: auto;
    min-width: 1.5em;
    height: 24px;
    margin-left: 2px;
    background: white;
    border: solid 1px #dddddd;
    text-align: center;
    line-height: 24px;
    font-size: 12px;
    padding-left: 8px;
    padding-right: 8px;
    font-weight: 600;
    color:#324e7b;
}

.pagess>ul>a:hover{
    color:#ffffff;
    background: #5068a9;
    border: solid 1px #dddddd;
}

.liuyan-bg{
    background:#fff url(../img/banner/network_pic2.jpg) no-repeat 100% 200% !important;
    padding-bottom: 100px;
}

.newslist {
    background: url(../img/news_bg.jpg) no-repeat center;
    height: 35px;
    width: 100%;
    line-height: 35px;
    text-align: center;
    color: #999;
    font-weight: normal;
    margin: 15px auto 0px;
}

/* ====== 技术支持开始 ========= */
.technology3 {
    background: #f2f2f2 !important;
    padding: 8px;
}

.technology1{
    width: 60% !important;
}
.technology2{
    padding:10px;
    margin-bottom:0;
    background-color: #fff;
}
.technology2>i{
    font-size:15px;
    text-align: center;
    height:10px;
    line-height: 10px;
    vertical-align: middle;
    display: block;
    margin-top: -5px;
    color: #5068a9;
}

.technology3:hover .technology2 {
    color:#fff;
    background-color: #237aeb;
}

.technology3:hover .technology2 i {
    color:#fff;
}

.technology4 {
    margin-top: 5px;
}

.address h4 {
    color: #797979;
    margin-top: -3px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

section.contact-infos {
    border: 1px solid #eee;
    margin-bottom: 15px;
    padding: 10px;
}

.btn.btn-info {
    background: #475168;
    color: #fff;
    border: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.btn {
    font-weight: 500;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid transparent;
}
.wow {
    cursor: pointer;
}

.title {
    margin-top: 40px !important;
    color: #4E4E4E !important;
    font-size: 20px !important;
}

.intro{
    text-indent: 2rem;
    font-size: 12px;
    text-indent: 34px;
    color: #000000;
    line-height: 28px;
}

.mb20{
    margin-bottom: 20px;
}

/*table样式开始*/
table,tbody,tfoot,thead,tr,th,td {
    margin:0;
    padding:0;
}

.tablebox {
    width:100%;
    height:100%;
    margin:0 auto;
}

.tablebox table {
    width:100%;
}

.tablebox table th,.tablebox table td {
    font-size:12px;
    text-align:center;
    line-height:30px;
    border-radius:0px;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    font-family:'微软雅黑';
    font-style:normal;
    font-size:12px;
    border:1px solid gray;
    width:auto;
   vertical-align:middle;
}

.tablebox table th:first-child,.tablebox table td:first-child{
    padding:0 20px;
}

.tablebox table th {
    font-family: 微软雅黑;
    font-weight: 600;
    font-style: normal;
    font-size: 12px;
    color: #324e7b;
    background: #86a6df;
}

/* ========================= 底部footer 开始 =============================== */
.footer-small {
    background: #13213e none repeat scroll 0 0;
    margin-top: -6px;
    font-size: 12px;
}

ul.page-footer-list {
    list-style: none;
    padding: 0px 10px;
    text-align: center !important;
    margin-bottom: 5px;
}

ul.page-footer-list li {
    border-bottom: 1px dashed #636F79;
    float:none;
    line-height: 20px;
    border-bottom: 0;
    border-right: 1px dashed #636F79;
    display: inline;
}

ul.page-footer-list li a {
    color: #fff
    padding:0 20px;
}

ul {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

.myul>li>a{
    padding:0 20px;
}

.myul{
    text-align: center !important;
    margin-bottom: 5px;
}

.text{
    color:#fff !important;
}

.copyright {
    color: #fff;
    padding-top: 0px !important;
}

.copyright  a{
    color: #fff;
}

.copyright>p{
    text-align: center !important;
}

.zhuantilogo{
	height:30px;
	width:30px;
	display: inline-block;
	margin: -20px 0 0 1%;
}

.row {
    margin-right: 0px;
    margin-left: 0px;
}


.fa{
    line-height:inherit;
}

.bg-f0eeed{
    background-color:#f2f2f2 !important;
    width: 100%;
    max-width: 100% !important;
    padding:0;
}

.pad{
    padding: 30px  30px !important;
}

.pad1{
    background: #fff !important;
    padding: 30px !important;
}

.pad1 p {
    text-indent: 2em;
    font-family: 微软雅黑, "Microsoft Yahei", Arial;
    font-size: 12px;
    line-height: 26px;
    color: rgb(51, 51, 51);
}

.gywm3 {
    padding: 0 !important;
}

.gywm5 {
    width: 100% !important;
    margin: 0;
    max-width: 100% !important;
    padding: 0;
}

.gywm4 {
    width: 60%;
    margin: 0 auto !important;
}

.carousel-inner>.item{
    border-radius: 0px 0px 0 0;
    border:1px solid #dadada;
    width:100% !important;
    height:292px !important;
}
.product-img{
    display: block;
    margin:0 auto;
    width:auto !important;
    height:250px !important;
}

.product-div{
    transition:all .3s;
    position: relative;
    top:0;
}

.product-div:hover{
    top:-10px;
}

.list-unstyled{
    margin:22px 0 0 0;
}

.border-style{
    width: 100%;
    border-bottom: 1px dashed #d0d0ce;
}

.joinus{
    width:100%;
    height:auto;
}

.mb30{
    margin-bottom: 30px;
}





@media (min-width: 1200px) {
    .container {
        max-width: 1170px ;
    }
}

@media (max-width: 1120px) {
    .gywm4 {
        width: 90%;
        margin: 0 auto !important;
    }
}