@charset "utf-8";
body{font-family:"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","WenQuanYi Micro Hei",sans-serif}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,.lead{font-family:"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif}
body{background-color: #f8f8f8;}
ul{list-style: none;padding:0;}
a{color:black;text-decoration: none;}
a:hover,a:focus{text-decoration: none;}

.my-container{width:1170px;padding-left: 15px;padding-right: 15px;margin-left: auto;margin-right:auto;}
.my-container:before,.my-container:after{display: table;content: " ";}
.my-container:after{clear: both;}
.my-row{margin-left: -15px;margin-right: -15px;}

#my-header{width:100%;background-color: #1da1f2;min-width: 1170px;}
#my-header .my-header-logo{padding:40px 0;min-width: 1170px;}
#my-header .my-header-link{float: right;color:#fff;font-size: 16px;margin-top: -20px;}
#my-header .my-header-link a{font-size: 16px;color:#fff;}
#my-header .my-header-nav{background-color:#fff;width:100%;height:55px;min-width: 1170px;border-top: 1px solid #e1e8ed;border-bottom: 1px solid #e1e8ed;}
#my-header .my-header-nav-menu{margin-left: -15px;margin-right: -15px;}
#my-header .my-header-nav-menu li{float: left;width:10%;}
#my-header .my-header-nav-menu li a{font-size: 18px;display: block;text-align: center;line-height: 45px;padding:5px 0;color:#292f33;border-right: 1px solid #e1e8ed;}
#my-header .my-header-nav-menu li.my-active a{border-left: 1px solid #e1e8ed;border-bottom: 5px solid #1da1f2;padding-bottom: 0;}
#my-header .my-header-nav-menu li a:hover,#my-header .my-header-nav-menu li a:focus{border-bottom: 5px solid #1da1f2;padding-bottom: 0;}

#my-carousel{width:100%;min-width: 1170px;}
#my-carousel .carousel-inner img{margin:0 auto;}
.carousel-control.left {background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 100%);}
.carousel-control.right {background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 100%);}
.carousel-indicators {bottom: 10px;left: 50%;list-style: outside none none;margin-left: -30%;padding-left: 0;position: absolute;text-align: center;width: 60%;z-index: 15;}
.carousel-indicators li {background-color: rgba(255,255,255,0.4);border: 0px solid #fff;border-radius: 10px;cursor: pointer;display: inline-block;height: 20px;margin: 1px;text-indent: -999px;width: 20px;}
.carousel-indicators .active {background-color: rgba(255,255,255,0.8);;height: 20px;margin: 0;width: 20px;}

#my-content{background-color: #fff;padding-top: 50px;padding-bottom: 50px;}
#my-content .my-content-right{float: right;width:400px;}
#my-content .my-content-left{float: left;width:710px;}

#my-about .my-about-header h3{margin-top: 0;height:65px;line-height: 65px;border-bottom: 2px #1da1f2 solid;}
#my-about .my-about-body{padding:10px 0;border-bottom: 2px #1da1f2 solid;margin-bottom: 20px;display: table;content: " ";}
#my-about .my-about-body img{float: left;border:1px #ddd solid;padding:5px;margin-right: 15px;}
#my-about .my-about-body p{text-indent: 2em;font-size: 16px;line-height: 28px;color: #000;}
#my-about .my-about-footer{}
#my-about .my-about-footer .btn-primary{padding: 8px 30px;}

#my-connect{background-color: #1da1f2;border-radius: 5px;box-sizing: border-box;padding: 15px;width: 390px;font-size: 14px;text-align: left;}

#my-connect .my-connect-box{border-radius: 5px;border: 0 none;margin-bottom: 10px;padding: 15px;}
#my-connect .my-connect-header h3{font-size: 30px;margin-bottom: 15px;color: #fff;font-weight: 200;text-align: center;line-height: 26px;overflow-wrap: break-word !important;font-family: Arial,sans-serif;}
#my-connect .my-connect-body p{font-size: 18px;letter-spacing: 1px;line-height: 24px;color: #fff;font-weight: 200;text-align: center;font-family: Arial,sans-serif;}
#my-connect .my-connect-footer{border-radius: 5px;padding: 10px 0;}
#my-connect .my-connect-footer .btn-primary{margin-top: 30px;display: block;background-color: #fff;color:#1da1f2;background-image: none;border: 0 none;box-shadow: none;font-size: 16px;font-weight: normal;padding: 11px 16px;}
#my-connect .my-connect-footer .btn-primary:hover{font-weight: bold;}


#my-news{padding:50px 0;background-color: #f8f8f8;}
#my-news .my-container{background-color: #fff;}
#my-news .my-companynews-title{border-bottom: 2px #1da1f2 solid;height:45px;line-height: 45px;}
#my-news .my-companynews-menu li{height:40px;line-height: 40px;font-size: 16px}
#my-news .my-companynews-menu li a:hover{font-weight: bold;}

#my-cases{}
#my-cases .my-cases-title{border-bottom: 2px #1da1f2 solid;height:45px;line-height: 45px;}
#my-cases .my-cases-body{padding-top: 20px;}
#my-cases .my-case-title{height:55px;line-height: 55px;text-align: center;}
#my-cases .thumbnail:hover a{color:#000;}
#my-cases .my-case-title a{font-weight: 600;font-size: 16px;color:#666;}

#my-products{background-color: #f8f8f8;min-width: 1170px;height:397px;overflow: hidden;}
#my-tabs{width:1170px;margin-left: -15px;margin-right: -15px;}
.nav > li > a:hover, .nav > li > a:focus {color:#1da1f2;background-color: transparent;text-decoration: none;}
.nav-tabs {border-bottom: 0px solid #ddd;}
.nav-tabs > li > a {border: 0px solid transparent;font-size: 24px;}
.nav-tabs > li > a:hover {border-color: #1da1f2;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {border-width: 0;color: #1da1f2;background-color: transparent;}
.nav-tabs.nav-justified > li > a{border-bottom:3px solid #ddd;}
.nav-tabs.nav-justified > li > a:hover{border-bottom:3px solid #1da1f2;}
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus{border-width: 0;border-bottom:3px solid #1da1f2;}
#my-products .my-pro-pic{height:225px;width:100%;background-color: #000;}
#my-products .my-pro-pic:hover{opacity: 0.9;}
#my-products .tab-content{padding: 20px 0px;margin-left: -15px;margin-right: -15px;}
.tab-content > .tab-pane{margin-left: -10px;margin-right: -10px;}
#my-products .tab-content .col-xs-3{height:320px;}
#my-products .tab-content h5{font-size: 16px;line-height: 40px;padding: 7px 5px;color:#000;margin:0;word-wrap: break-word;}

#my-footer{width:100%;min-width: 1170px;}
#my-footer .my-footer-friendlink{background-color: #1da1f2;width:100%;min-width: 1170px;}
#my-footer .my-footer-friendlink-menu{margin:0 auto;display: table;content: " ";}
#my-footer .my-footer-friendlink-menu li{float: left;}
#my-footer .my-footer-friendlink-menu li a{ border-right: 1px solid #ffffff;color: #ffffff;display: block;font-size: 16px;margin: 15px 0;padding: 0 30px;}
#my-footer .my-footer-friendlink-menu li span{border-left: 1px solid #ffffff;border-right: 1px solid #ffffff;color: #ffffff;display: block;font-size: 16px;margin: 15px 0;padding: 0 30px;}
#my-footer .my-footer-info{background-color: #fff;padding:20px 0;text-align: center;width:100%;min-width: 1170px;}
#my-footer .my-footer-info p{margin:0;line-height: 2em;color:#000;font-size: 16px;}

.my-page-top{width:100%;min-width: 1170px;max-width: 1920px;margin:0 auto;margin-bottom: 20px;}
.my-page-content .my-active{font-size: 16px;font-weight: 600;}
.my-page-content .my-hover{font-weight: 600;}
.my-page-content hr{margin:5px 0;}
.my-page-content .my-page-about{line-height: 2em;}
.my-page-content .my-page-news{line-height: 2em;}
.my-page-content .my-page-feedback .list-group-item{border:0;padding:0;font-size: 16px;line-height: 180%;}
.my-page-content .my-page-feedback .my-active{background-color: #1da1f2;margin-bottom: 20px;color:#fff;padding:5px 10px;border-radius: 4px;}

#dituContent{width:600px;height:450px;margin:0 auto;}