/* CSS Document */
header{ width:100%; height:758px; background:url(../images/1-160P5135A6495.jpg) no-repeat center top;}
header img{}
header .header-tit .nav{ width:100%; height:70px; background:#333333;}
header .header-tit .nav .wapper{ width:1200px; height:70px; margin:0 auto;}
header .header-tit .nav .wapper .left{ width:400px; height:100%;  float:left; line-height:100px;}
/* header .header-tit .nav .wapper .left:before{ content:""; width:1px; height:30px; background:#f0f0f0; display:block; position:absolute; top:25px;  left:322px;}、 */
header .header-tit .nav .wapper .left img{ display:block; margin-top:15px; margin-left:20px;}
header .header-tit .nav .wapper .left p{ font-size:15px; float:right; color:#FFFFFF; display:block; margin:-80px; margin-right:10px;}
header .header-tit .nav .wapper .text{ width:600px; height:100%;  float:right; color:#FFFFFF;}
header .header-tit .nav .wapper .text ul li a{ float:left; padding-right:30px; line-height:70px; color:#FFFFFF; font-size:14px; padding:0px 15px ;}
header .header-tit .nav .wapper .text a:hover{ background:#dc1213; color:#FFFFFF;}

header .header-wz{ width:1200px; height:160px; display:block;  margin:218px auto; }
header .header-wz p{ font-size:40px; font-weight:600; padding-left:353px;}
header .header-wz span{ font-size:16px; display:block; padding:20px 0px 20px 353px;  }
header .header-wz a{ width:120px; height:35px; display:block; margin-left:353px; text-align:center; line-height:35px; border-radius:3px; background:#FFFFFF; color:#666666; }
header .header-wz a:hover{ background:#dc1213; color:#FFFFFF; transition:all ease-in-out 1s;}



header .header-tit .tu-txt{ width:1200px; height:190px;  margin:-98px auto; }
header .header-tit .tu-txt .tu{ width:300px; height:190px; background:#FF0000; text-align:center; float:left;}
header .header-tit .tu-txt .tu p{ font-size:14px; display:block; margin-top:-130px; line-height:5px; color:#FFFFFF; }
header .header-tit .tu-txt .tu span{ width:265px; height:50px;  font-size:16px; display:block; margin-top:31px; color:#FFFFFF; margin-bottom:10px; margin-left:15px; }
header .header-tit .tu-txt .tu a{ color:#FFFFFF; width:100px; height:30px; display:block; margin:-10px auto; line-height:30px; text-align:center; border:1px solid #FFFFFF;}
header .header-tit .tu-txt .tu img:hover{ opacity:0.3; background:#FF0000; transition:all ease-out 0s;}




section1{}
section1 .fangan{}
section1 .fangan .tit{ width:100%; height:265px;}
section1 .fangan .tit p{ font-size:38px; color:#FF0000; text-align:center; padding-top:100px;}
section1 .fangan .tit span{ font-size:16px; color:#666666; display:block; text-align:center; padding-top:28px;}

section1 .fangan .center{ width:1130px; height:458px;  margin:0 auto;}
section1 .fangan .center ul{}
section1 .fangan .center ul li{width:360px; height:458px; background:#f8f8f8; float:left; margin-right:25px; border-radius:80px 0 80px 0;}
section1 .fangan .center ul li:nth-child(3){ margin-right:0;}
section1 .fangan .center ul li p{ font-size:25px; text-align:center; padding:88px 0px 90px 0px;}
section1 .fangan .center ul li span{ font-size:14px; display:block; width:280px; height:160px; overflow:hidden;  text-align:center; margin:0 auto; line-height:20px;}
section1 .fangan .center ul li a{ display:block; width:100px; height:30px; border:1px solid #CCCCCC; margin:0px auto; text-align:center; line-height:30px; opacity:0; }
section1 .fangan .center ul li:hover{ background:#ea533e; color:#FFFFFF; }
section1 .fangan .center ul li:hover a{ background:#FFFFFF; color:#FF0000; border:none; opacity:1;}

section1 .fangan .banner{width:100%; height:440px; padding-top:90px; }
section1 .fangan .banner .banner-tu{ width:100%; height:420px; overflow:hidden;}
section1 .fangan .banner .banner-tu img{ width:100%; height:auto; float:left;  }
section1 .fangan .banner .banner-wz{ width:870px; height:50px; margin:-35px auto; text-align: 
; line-height:50px; }
section1 .fangan .banner .banner-wz p{ width:290px; height:50px; background:#656565; text-align:center; float:left; font-size:18px; opacity:0.8;/*背景*/ border-radius:60px 0 60px 0;}
section1 .fangan .banner .banner-wz p a{ color:#000000;}
section1 .fangan .banner .banner-wz p:hover{ background:#FF0000;}
section1 .fangan .banner .banner-wz p:hover a{color:#FFFFFF;}


section2{}
section2 .us .us-tit{ width:1200px; height:265px; margin:0 auto; }
section2 .us .us-tit p{ font-size:38px; color:#FF0000; text-align:center; padding-top:100px;}
section2 .us .us-tit span{ font-size:16px; color:#666666; display:block; text-align:center; padding-top:28px;}

section2 .us .us-bot{ width:870px; height:473px; margin:110px auto;}
section2 .us .us-bot .us-bot-left{width:280px; height:475px; background:url(../images/store-img1.jpg) no-repeat center top; overflow:hidden; float:left;}
section2 .us .us-bot .us-bot-left p{font-size:25px;  color:#FFFFFF; text-align:center; padding-top:140px; }
section2 .us .us-bot .us-bot-left span{font-size:14px; display:block; width:220px; height:100px; overflow:hidden; margin:50px auto; text-align:center; color:#FFFFFF;}
section2 .us .us-bot .us-bot-left a{ display:block; width:100px; height:30px; border:1px solid #CCCCCC;  color:#FFFFFF; margin:-30px auto; text-align:center; line-height:30px;}
section2 .us .us-bot .us-bot-left:hover a{ background:#FF0000; color:#FFFFFF; border:1px solid #FF0000;}

section2 .us .us-bot .us-bot-right{ width:554px; height:100%; float:right;}
section2 .us .us-bot .us-bot-right ul{}
section2 .us .us-bot .us-bot-right ul li{ width:554px; height:133px; background:#f8f8f8; display:block; margin-bottom:37px;}
section2 .us .us-bot .us-bot-right ul li h2{ font-size:34px; padding:20px 0px 20px 30px; }
section2 .us .us-bot .us-bot-right ul li span{ font-size:17px;  width:200px; padding-left:30px; overflow:hidden;}
section2 .us .us-bot .us-bot-right ul li a{ display:block; width:100px; height:30px; border:1px solid #CCCCCC;  color:#000000; margin:-80px auto; text-align:center; line-height:30px; margin-right:50px; opacity:0;}
section2 .us .us-bot .us-bot-right ul li:hover a{ background:#FFFFFF; color:#FF0000; border:1px solid #ea533e; opacity:1;}
section2 .us .us-bot .us-bot-right ul li:hover{ background:#ea533e; color:#FFFFFF;}


section3{ position:relative;}
section3 .firend .firend-tit{ width:1200px; height:265px; margin:0 auto; }
section3 .firend .firend-tit p{ font-size:38px; color:#FF0000; text-align:center; padding-top:100px;}
section3 .firend .firend-tit span{ font-size:16px; color:#666666; display:block; text-align:center; padding-top:28px;}
section3 .firend .wz{ width:1200px; height:200px;  margin:0 auto;}
section3 .firend .wz p{ font-size:16px; color:#666666; text-align:center; padding-top:90px;}
section3 .firend .tu-jaintou .tu{ width:1012px; height:103px;  margin:0 auto; overflow:hidden;  }
section3 .firend .tu-jaintou .tu li{ border:1px solid #f1e9e9; float:left; display:block; margin-right:100px; border-radius:5%;  }
section3 .firend .tu-jaintou .tu li:hover{ border:1px solid #0033CC;}
section3 .firend .tu-jaintou .tu li:nth-child(4){ margin-right:0;}
section3 .firend .tu-jaintou .tu li img{ width:176px; height:97px; border-radius:5%;}

section3 .firend .tu-jaintou .jiantou-left{ font-size:28px; width:40px; height:40px; position:absolute; top:510px; left:90px; text-align:center; line-height:40px; color:#CCCCCC;}
section3 .firend .tu-jaintou .jiantou-right{ font-size:28px; width:40px; height:40px; position:absolute; top:510px; right:-1270px;text-align:center; line-height:40px; color:#CCCCCC;}
section3 .firend .tu-jaintou .jiantou-left:hover{ background:#FF0000; color:#FFFFFF; cursor:pointer;}
section3 .firend .tu-jaintou .jiantou-right:hover{ background:#FF0000; color:#FFFFFF; cursor:pointer;}