﻿/*固定*/
/*banner开始*/
.main {  width: 100%;  }
.main .banner {  width: 100%;  font-size: 0;  position: relative;  }
.main .banner img {  width: 100%;  }
.main .banner .subnav {  width: 100%;  background-color: rgba(0, 0, 0, .5);  position: absolute;  left: 0;  bottom: 0;  }
.main .banner .subnav .center {  width: 1200px;  margin: 0 auto;  font-size: 0;  position: relative;  }
.main .banner .subnav ul {  width: 100%;  }
.subnav ul > .bor_rig {  border-right: 1px solid #949494;  }
.main .banner .subnav ul > li {  width: 20%;  box-sizing: border-box;  text-align: center;  padding: 15px 0;  font-size: 18px;  display: inline-block;  }
li.yellow {  background-color: #e59231;  }
.main .banner .subnav ul > li a {  color: #fff;  }



/*banner结束*/

.brief_introduction>div{height:auto!important;}
.brief_introduction  p img {
    width: 100%!important;
    height: auto!important;
    max-height: 100%;
    font-size: 0;
}
div{line-height:26px;}
/*内容展示开始*/
.content {  width: 1200px;  margin: 40px auto;  }
.content .brief_introduction{width: 100%;box-sizing: border-box;padding:20px 0;}
.content .brief_introduction>img{width: 100%;box-sizing: border-box;margin-bottom:30px;}
.content .brief_introduction .title {width: 100%;box-sizing: border-box;font-size: 12px;color:#999999;}
.content .brief_introduction .title .h{background: url(../Images/yellow_tiao.png) no-repeat 0 100%;line-height: 36px; display: inline-block;padding-left:20px;margin-right:20px;font-size: 36px;font-weight: 600;}
.content .brief_introduction .title .h span{color:#e59231;}
.content .brief_introduction .word {color:#666;font-size: 16px;line-height: 30px;margin:15px 0;}
.content .brief_introduction .advertisement {font-size: 0;  width: 100%;margin:15px 0;}
.content .brief_introduction .advertisement img{ width: 100%;}
.content .brief_introduction .information{ width: 100%;padding-top:10px;margin-bottom:150px}
.content .brief_introduction .information .left{ width: 52%;box-sizing: border-box;padding-right:30px}
.content .brief_introduction .information .left p{ width: 100%;margin:10px 0;font-size: 14px;color:#666;line-height: 30px;}
.content .brief_introduction .information .people{ width: 100%;padding:20px 0;font-size: 0;border-top:1px solid #eee}
.content .brief_introduction .information .people>li{ width: 33.3%;display: inline-block;text-align: center;box-sizing: border-box}
.content .brief_introduction .information .people>li.bor{ border-right:1px solid #eee}
.content .brief_introduction .information .people .p1{ font-size: 16px;color:#333333;margin:15px 0;}
.content .brief_introduction .information .people .p2{font-size: 14px;color:#666;}
.content .brief_introduction .information .people .p2 span{font-size: 36px;color:#e59231; font-weight: 600}
.content .brief_introduction .information .right{ width: 46%;box-sizing: border-box;font-size: 0;box-shadow:20px 20px 0 #e59231; }
.content .brief_introduction .information .right img{ width:100%}

.headquarters{  width: 100%;box-sizing: border-box;padding:90px 0;background-color: #2690a4;margin-top: 180px;}
.headquarters .center{  width: 1200px;box-sizing: border-box;position: relative;margin:0 auto;}
.headquarters .left{  width: 43%;font-size: 0;position: absolute;top:-240px;left:0}
.headquarters .left img{  width: 100%;}
.headquarters .left .title {width: 100%;box-sizing: border-box;font-size: 12px;color:#999999;margin:20px 0;}
.headquarters .left .title .h{background: url(../Images/yellow_tiao.png) no-repeat 0 100%;line-height: 36px; display: inline-block;padding-left:20px;margin-right:20px;font-size: 36px;font-weight: 600;}
.headquarters .left .title .h span{color:#e59231;}

.headquarters .right{  width: 55%; color:#fff}
.headquarters .right h4{ margin:15px 0;font-size: 20px;}
.headquarters .right p{ margin:15px 0; font-size: 16px;line-height: 35px;}
/*内容展示结束*/



/*自适应*/

/*中*/
@media screen and (min-width: 720px) and (max-width: 1200px) {

    .main .banner .subnav .center {  width: 720px;  }
    .main .banner .subnav ul > li {  width: 20%;  box-sizing: border-box;  padding: 12px 0;  font-size: 14px;  }


    /*banner结束*/
    .content {   width: 720px; margin: 70px auto;  }
    div{line-height:26px;}
    .brief_introduction>p{ margin: 0 auto;}
    .brief_introduction>p img{ width:auto!important;
        height:auto!important;
        max-width:100%;
        max-height:100%;font-size: 0}
    .brief_introduction>div{ margin: 20px  auto;width: 720px;}
    .brief_introduction>div>p{ margin: 0  auto;width: 720px;}
    .brief_introduction>div>p img{width:100%!important;
        height:auto!important;
        max-height:100%;font-size: 0}

    /*以上新加*/

    .content .brief_introduction .title .h{line-height: 32px;font-size: 32px;}
    .content .brief_introduction .word {font-size:14px;line-height: 24px;margin:15px 0;}
    .content .brief_introduction .information{ margin-bottom:20px}
    .content .brief_introduction .information .left{width: 60%;padding-right:10px}
    .content .brief_introduction .information .left p{ margin:5px 0;font-size: 12px;line-height: 21px;}

    .content .brief_introduction .information .people{padding:5px 0;}
    .content .brief_introduction .information .people>li{ width: 33.3%;}
    .content .brief_introduction .information .people .p1{ font-size: 12px;margin:5px 0;}
    .content .brief_introduction .information .people .p2{font-size: 10px;}
    .content .brief_introduction .information .people .p2 span{font-size: 20px;color:#e59231; font-weight: 600}
    .content .brief_introduction .information .right{ width: 40%;box-sizing: border-box;font-size: 0;box-shadow:10px 10px 0 #e59231; }
    .content .brief_introduction .information .right img{ width:100%}

    .headquarters{ padding:50px 0;margin-top: 0px;}
    .headquarters .center{  width: 720px;}
    .headquarters .left{  width: 48%;font-size: 0;position: absolute;top:-150px;left:0}
    .headquarters .left .title {width: 100%;font-size: 12px;margin:25px 0;}
    .headquarters .left .title .h{line-height: 30px;padding-left:15px;margin-right:15px;font-size: 28px;}

    .headquarters .right{  width: 50%; color:#fff}
    .headquarters .right h4{ margin:5px 0;font-size: 16px;}
    .headquarters .right p{ margin:5px 0; font-size: 14px;line-height: 24px;}
    /*内容展示结束*/
}

/*小*/
@media screen and (min-width: 320px) and (max-width: 720px) {
    .main{ margin-top:47px;}
   div{line-height:16px;}		
    .content {   width: 96%; margin: 70px 2%;  }
    .brief_introduction>p{ margin: 0 auto;}
    .brief_introduction>p img{ width:auto!important;
        height:auto!important;
        max-width:100%;
        max-height:100%;font-size: 0}
    .brief_introduction>div{ width: 96%; margin: 0 2%; }
    .brief_introduction>div span:not(.h){font-size: 12px!important;}
    .brief_introduction>div>p{  width: 96%; margin: 0 2%; }
    .brief_introduction>div>p img{width:auto!important;
        height:auto!important;
        max-width:100%;
        max-height:100%;font-size: 0}
	
  
    /*以上新加*/


    .main .banner .subnav .center {   width: 96%; margin:0 2%;  }
    .main .banner .subnav ul > li {  width: 20%;  box-sizing: border-box;  padding: 6px 0;  font-size: 10px;  }


    .main .banner .catalog .introduce{display: none}
    /*banner结束*/

    .content {  width: 96%;  margin: 20px 2%;  }

    .content .brief_introduction .title .h{line-height: 24px;font-size: 22px!important;}
    .content .brief_introduction .title .h span{line-height: 24px;font-size: 22px!important;}
    .content .brief_introduction .advertisement img{height: 90px;}

    .content .brief_introduction .information .left{width: 100%;padding:10px;}
    .content .brief_introduction .information .left p{ margin:5px 0;font-size: 12px;line-height: 20px;}
    .content .brief_introduction .word{font-size: 12px;box-sizing: border-box;padding:0 8px;}
    .content .brief_introduction .information .people>li{ width: 33.3%;}
    .content .brief_introduction .information .people .p1{ font-size: 10px;margin:3px 0;}
    .content .brief_introduction .information .people .p2{font-size: 10px;}
    .content .brief_introduction .information .people .p2 span{font-size: 16px;color:#e59231; font-weight: 600}
    .content .brief_introduction .information .right{ padding:5px;width: 100%;box-sizing: border-box;font-size: 0;box-shadow:0 0 0 ; }
    .content .brief_introduction .information .right img{ width:100%}
    .content .brief_introduction .information {  margin-bottom: 0;}
    .content .brief_introduction {  padding:0;  }
    .content .brief_introduction .information .people {padding:10px 0;}
    .headquarters{ padding:30px 0;margin-top: 0px}
    .headquarters .center{  width: 96%;  margin: 20px 2%; }
    .headquarters .left{  width: 100%;font-size: 0;position: static;padding:5px}
    .headquarters .left img{width: 97%;margin:0 auto;display: inline-block}
    .headquarters .left .title {width: 100%;font-size: 12px;margin:15px 0;color:#333;}
    .headquarters .left .title .h{line-height: 24px;padding-left:10px;margin-right:10px;font-size: 22px;}
    .headquarters .right{  width: 100%; color:#fff}
    .headquarters .right h4{ margin:10px 0;font-size: 14px;box-sizing: border-box;padding:0 8px;}
    .headquarters .right p{ margin:5px 0; font-size: 14px;line-height: 20px;box-sizing: border-box;padding:0 8px;}

    /*内容展示结束*/
}