body{  background-color: #ffffff; min-width: 1200px}
.container{margin:0 auto; padding: 0; width:1200px; min-width: 1200px; height:auto;overflow: hidden; position: relative;}
li{list-style: none;}
/*header*/
.header{    width: 1200px; height: 92px;position: relative; margin: 0 auto}
.header .head-left{  width: 250px;height: 60px;margin-top: 18px;  float: left  }
.header .head-right {   width:225px ;
    height: 92px;  float: right}
.head-right img{  float: left;  margin: 32px 5px 32px 0;  }
.head-right a{  color: #000;  }
.header .head-right .phone-number{  float: left; margin: 26px 0; font-weight: 400;font-size: 24px }

/*content*/
.content{width:100%;height: 540px;  background:url("../images/banner.png") no-repeat scroll center center;}
.content .content-show{  height: 100%;  width: 380px;  margin: 54px 0 0 700px;  }
.content-show h1{ width: 400px; font-size: 36px;  color:#2a2b32;  font-weight: 600;  }
.content-show h4{ width: 450px; font-size: 16px;  line-height: 40px;   color:#2a2b32;  font-weight: 500;  }
.content-show form{  width: 338px;  height: 313px;  padding: 16px 20px;  background: #ffffff;  border: 1px solid #323232;  border-radius: 6px;   }
.content-show form h2{  font-size: 20px;  color: #000000;  font-weight: 500;  padding-bottom: 10px;  }
.content-show .form-group {  margin-top: 12px;  position: relative;  }
.content-show .form-group input{  width: 338px;  height: 38px;  color: #7a7a7a;  border: 1px solid #414141;  border-radius: 2px;  font-size: 14px;  text-indent: 45px;  }
.content-show .form-group .img-show{  position: absolute;  top: 9px;  left:4px;  }
.img-show img{  margin-left: 7px;  }
.content-show  .submit{  width: 338px;  height: 40px;  color: #ffffff;  background: #2a2b32;  font-size: 18px;  line-height: 40px;  border: none;  border-radius: 2px;  margin-top: 24px;  }

.adv h1,.serve h1, .product h1, .company h1{ font-size:36px; width: 100%;text-align: center;padding: 40px 0; font-weight: 500; }
.adv h1{ color:#000000; }
.company h1{color:#474747;}
.product h1{color:#323232}
.adv{background: #ffffff;padding-bottom: 40px}
.adv ul{width: 100%}

.adv ul li{
    float: left;
    list-style: none;
    width: 98%;
    height: auto;
    text-align: center;
}
.adv img{
    
}
.adv h3{
    font-size: 18px;
    color:#000000;
    font-weight: 500;
    margin: 40px 0 20px 0;
}
.adv p{
    font-size: 14px;
    color: #979797;
    text-align: left;
    margin: 0 auto;
	line-height:180%;
}
.serve{float:left; width:100%; min-width:1000px; height:auto; overflow:hidden;text-align: center;padding-bottom: 40px;background-color: #ffffff;}
.serve img{
    width: 86px;
    height: 86px;
    margin-top: 30px;
}

.talk{float:left; width:100%; min-width:1000px; height:auto; overflow:hidden;text-align: center;padding-bottom: 40px;background-color: #ebebeb;}
.talk_left,.talk_right{width: 100%;overflow: hidden;}
.talk_left img{float: left;margin-right: 40px;margin-top: 22px;}
.talk_right img{float: right;margin-left: 40px;margin-top: 22px;}
.talk_left h2{font-size: 14px; float: left;margin-left: -115px;margin-top: 110px;width: 75px;text-align: center;}
.talk_right h2{font-size: 14px;float: right;margin-right: -115px;margin-top: 110px;width: 65px;text-align: center;}
.talk h1{font-size: 36px;text-align: center;padding: 30px 0;color: #333333;font-weight: 400;}
.paopao{position: relative;background-color: #ffffff;width: 750px;height: auto;float: left;border-radius: 10px;margin-bottom: 30px;}
.paopao p,.paopao_1 p{font-size: 14px;text-align: left;padding:20px 20px 0 20px;}
.paopao_1 p{float: left;color: #ffffff;line-height: 28px;}
.paopao .arrow {  position:absolute;  top:50px;  left:-40px;  width:0;  height:0;  font-size:0;  border:solid 20px;  border-color:#eee #fff  #eee #eee ;  }
.paopao_1{position: relative;background-color: #f57575;width: 750px;height: auto;float:right;border-radius: 10px;margin-bottom: 30px;}
.paopao p{font-size: 14px;text-align: left;padding:20px 20px 0 20px;color:#666666;line-height: 28px;}
.paopao_1 .arrow_1 {  position:absolute;  top:50px;  right:-40px; /* 圆角的位置需要细心调试哦 */  width:0;  height:0;  font-size:0;  border:solid 20px;  border-color:#eee #eee #eee #f57575 ;  }
.talk_mid{color: #000000;width: 100%;display:block;overflow: hidden;}
.talk_mid h2{font-size: 16px;}
.talk_mid p{color: #7f7f7f;padding-top:5px;}
.mid_left{float: left;text-align: left;margin-left: 30px;margin-top: 20px;margin-bottom: 30px;}
.mid_right{float: right;text-align: right;margin-right: 30px;margin-top: 20px;margin-bottom: 30px;}

.company{background: #ffffff;padding-bottom: 40px}
.company ul{ width: 960px; height: auto;margin: 0 auto}
.company ul li{ list-style: none;width: 25%; float: left}
.company img{width:220px ;height:80px; margin: 10px;}

.product{background: #f0f0f0;padding-bottom: 40px;}
.product ul{width: 1200px;margin: 0 auto;}
.product ul li{list-style: none;width: 300px;height: 235px; float: left; margin:15px 0;}
.product .show-view{
    background: #ffffff;
    border:1px solid #dd9470;
    width: 280px;
	margin: 0 auto;
}
.product img{width: 280px;height: auto;}
.product li .product-show{  height: 162px;  display: inline-block;  width: 104px; vertical-align: middle }
.product-show h3{font-size: 20px;  color: #404040;line-height: 60px; padding: 0 20px; font-weight: 400;}
.product-show p{font-size: 14px;  color: #919191; line-height: 18px; padding: 0 20px;}

.footer{float:left; width:100%; min-width:1000px; height:auto;
    overflow:hidden; background:#272727;}
.footer h1{font-size: 36px;}
.footerContent{float:left; width:100%; padding:30px 0; text-align:center; height:auto; color:#ffffff; font-size:14px; line-height:30px;}
.footerContent p{ margin-top:20px; font-size: 14px;color: #ffffff}
.footerContent p a{ color:#ffffff;}
.footerPic{ margin: 0 auto; width:200px ;height:40px ; position: relative }
.footerPic img{  float: left;}
.footerPic p{color:#ffffff}
.footerPic .phone-number{font-size: 22px;  }
.footer a{
    color: #ffffff;
}

.mask-wrapper {
    position: relative;
    overflow: hidden;
}

.mask-inner {

    position: absolute;
    left: 0;
    top:85%;
    -moz-transition: top ease 200ms;
    -o-transition: top ease 200ms;
    -webkit-transition: top ease 200ms;
    transition: top ease 200ms;
}
.adv-show .title{
    color: #ffffff;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    font-weight: 300;
}
.adv-show {  width: 377px;  height: 259px;background: rgba(76,76,76,0.8)}
.adv-show h3{
    text-align: center;
    width: 100%;
    font-size: 24px;
    color: #ffffff;
    padding-top: 85px;
}
.adv-show a{
    display: block;
    margin: 25px 122px;
}
.adv-show a input{
    width: 125px;
    height: 36px;
    background: none;
    border: 2px solid #1bb86b;
    color: #1bb86b;
    font-size: 18px;
    border-radius: 4px;
}
.show-shadow{
    box-shadow: 0 0 2px #444444;
}
.form-group span{
    position: absolute;
    right: 5px;
    top: 11px;
    font-size: 13px;
}

svg{
    width: 86px;
    height: 86px;
    margin-top: 30px;
}
.active svg{
    margin-top: 20px;
}
.st0{fill:#ffa071;}
.st1{fill:#ffa071;}
.active .st0{fill:#ffffff;}
.active .st1{fill:#ffffff;}

.serve img.you{
    width: 33px;
    height: 33px;
    left: -16px;
    position: absolute;
    top: 55px;
}