@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}
ul{list-style: none;}
a{color:black;text-decoration: none;}
.media:first-child{margin-top:15px;}
.my-container{width:1200px;margin:0px auto;}
.my-container:after,.my-container:before{ display: table; content: " ";}
.my-container:after{ clear: both;}

/*header*/
header{ height:166px; min-width: 1200px; max-width: 1920px; margin:0px auto; border-bottom: 1px solid #d5d5d5;}
header .my-logo{height:116px;background-image: url(../images/header_bg.png);background-size:100% 116px; background-repeat: no-repeat;}
header .my-logo img{}
header .my-container nav {}
header .my-container nav ul {padding:0;	margin:0;}
header .my-container nav li {float: left; width: 10%;}
header .my-container nav li h2 {font-weight: normal; margin: 0; padding: 0;}
header .my-container nav li h2 a { color: #010101;display: block;font-size: 16px; height: 50px;line-height: 50px; text-align: center;text-decoration:none;}
header .my-container nav li.active { background: #efaa0c none repeat scroll 0 0; color: #fff;}
header .my-container nav li.active a {color: #fff;}
header .my-container nav li:hover {background: #efaa0c none repeat scroll 0 0;color: #fff;}
header .my-container nav li:hover a { color: #fff;}

/*banner*/
#my-carousel{margin:0px auto; min-width:1200px;max-width: 1920px;}
.carousel-control.left {background: transparent;background-repeat: repeat-x;}
.carousel-control.right {background: transparent;background-repeat: repeat-x;left: auto;right: 0;}

/*profile*/
#my-profile{width:100%;max-width: 1920px;min-width: 1200px; margin:0px auto;background-color: #f1f1f1;padding-top: 60px;padding-bottom: 60px;}
#my-profile h1{color: #333333; font-size: 30px; font-weight: bold; line-height: 40px;}
#my-profile .my-profile-left{width:650px;}

/*products*/
#my-products {overflow: hidden; width: 100%; min-width: 1200px; max-width: 1920px;padding-top: 20px;padding-bottom: 60px;margin:0px auto;}
#my-products h1 {color: #333333;font-size: 30px;font-weight: bold;line-height: 40px;text-align: center;}
#my-products .my-products-entitle {background: #d9d9d9 none repeat scroll 0 0;height: 1px;margin: 20px 0;position: relative;width: 1200px;}
#my-products .my-products-entitle::before {background: #fff none repeat scroll 0 0;color: #333333;content: "PRODUCTS";font-size: 16px;height: 30px;left: 43%;line-height: 28px;position: absolute;text-align: center;top: -16px;width: 160px;}
#my-products .my-products-content:after,.my-products-content:before{ display: table; content: " ";}
#my-products .my-products-content:after{ clear: both;}
#my-products .my-products-right{width:650px;}

/*news*/
#my-news {overflow: hidden; width: 100%; min-width: 1200px; max-width: 1920px;padding-top: 20px;padding-bottom: 60px;margin:0px auto;}
#my-news h1 {color: #333333;font-size: 30px;font-weight: bold;line-height: 40px;text-align: center;}
#my-news .my-news-content{display:table;content:" ";}
#my-news .my-news-entitle {background: #d9d9d9 none repeat scroll 0 0;height: 1px;margin: 20px 0;position: relative;width: 1200px;}
#my-news .my-news-entitle::before {background: #fff none repeat scroll 0 0;color: #333333;content: "NEWS CENTER";font-size: 16px;height: 30px;left: 43%;line-height: 28px;position: absolute;text-align: center;top: -16px;width: 160px;}

/*cases*/
#my-cases{padding-top: 20px;padding-bottom: 60px;background-color: #efaa0c;width:100%;min-width:1200px;max-width: 1920px;margin:0px auto;}
#my-cases h1 {color: #fff;font-size: 30px;font-weight: bold;line-height: 40px;text-align: center;}
#my-cases .my-cases-entitle {background: #fff none repeat scroll 0 0;height: 1px;margin: 30px 0;position: relative;width: 1200px;}
#my-cases .my-cases-entitle::before {background: #fff none repeat scroll 0 0;color: #333333;content: "DISPLAY CASES";font-size: 16px;height: 30px;left: 40%;line-height: 28px;position: absolute;text-align: center;top: -16px;width: 240px;}
#my-cases .my-cases-content{position:relative;top:-30px;border-width:0px 1px 1px 1px; border-style: solid; border-color: #fff;word-wrap: nowrap;white-space: nowrap;}
#my-cases .my-case-box{margin:5px;padding-top: 25px;width:250px;text-align: center;display: inline-block;}
#my-cases .my-case-box a{color:#fff;}
#my-cases .my-case-box a img{width:250px;border:1px solid #fff;padding: 5px;background: #fff;}
#my-cases h3{color:#fff;letter-spacing:5px;margin-bottom: 20px;}

/*join*/
#my-join {background-color: #e5e5e5;overflow: hidden; width: 100%; min-width: 1200px;max-width: 1920px;padding-top: 60px;padding-bottom: 60px;margin:0px auto;}
#my-join .my-join-left{width:345px;padding-left: 20px;float: left;}
#my-join .my-join-right{
    position: relative; 
    width: 750px;
    float:right;
    background: #fff;
    border-bottom: 3px solid #bbbbbb;
    padding-bottom: 60px;
}
#my-join .my-join-right h2{
    font-size: 24px;
    font-weight: bold;
    line-height: 28px;
    padding: 10px 50px;
}
#my-join .my-join-right h2 span{font-size: 16px;}
#my-join .my-join-right h2 span a{color:#777;text-decoration: none;}
#my-join .my-join-content{
    border: 1px solid #dcdcdc;
    margin: 0 auto;
    overflow: hidden;
    padding: 20px;
    width: 650px;
}

/*footer*/
#my-bottom {background-color: #999;color: #fff;min-width: 1200px;max-width: 1920px;width:100%;margin:0px auto;}
#my-bottom .my-friendlink{background-color:#999}
#my-bottom .my-friendlink-ul{padding-left: 0px;}
#my-bottom .my-friendlink-ul li{height:50px;line-height:50px;float: left;padding-right: 15px;}
#my-bottom .my-friendlink-ul li a{color:#fff;}
#my-bottom .my-copyright {padding: 15px 0; text-align: center; color: #fff; background-color: #ec971f;}
#my-bottom .my-copyright a{color:#fff;}

.my-to-top{width:50px;height:50px;position: fixed;right:10px;top:70%;background:#121212;color:#ccc;line-height: 50px;font-size: 20px;text-align: center;}
.my-to-top:hover{color:#eee;cursor: pointer;}

.my-model-top{min-width: 1200px;max-width: 1920px;margin:0px auto;margin-bottom: 20px;}
.my-active{background: #efaa0c;color:#fff;}
.my-active a{color:#fff;}

#dituContent{width:100%;height:400px;margin:0px auto;}

/* 小屏幕（平板，大于等于 768px） */
@media (min-width: 768px) { 

}

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px) {

}

/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 1200px) {

}