@charset "utf-8";
/* CSS Document */

img{ vertical-align:top;}
.db_max{  margin-top:0px;}
.nav-abf{ width:1100px; text-align:center; padding:80px 0 70px 0;}
*{ margin:0 ; padding:0 ;}
#content{ margin:0;padding:0;}
#content .item{padding:0;margin:0;}
.com{ width:1100px; position:relative; margin:auto; text-align:center;}
.b1{ background: url(../../images/qcc/ban.png) no-repeat center; height:900px;  text-align:center;}
.ban_gg{ width:1006px; padding-top: 390px; text-align: center; position:relative;}
.bt02_c_a{ width:260px;display: inline-block; margin-top:50px;  transition:all 0.2s; position:absolute; top:150px; left:30px;}
.bt02_c_a a{  text-decoration:none;  }
.bt02_c_a:hover{ margin-top:45px;  }
.t1{ width:100%; background:#FFF; text-align:center; height:830px;}
.nav-qcc{ width:1100px; padding:70px 0; text-align:center;}
.t1-1{ width:1100px;}
.t1-1 p{ width:1100px; font-size:16px; text-align:center; padding-bottom:25px;}
.t1-1 ul{}
.t1-1 ul li{  height:345px; float:left; padding-left:47px; }
.t1-1 ul li span{ display:block; font-size:17px; padding:10px 0;}
.t1-1 .lp1{ position:relative; }
.t1-1 .btn1{ right:450px; width:230px; height:60px; display: block; position: absolute; top:100px; border:1px solid #5e3b36; overflow: hidden;
 font-size:22px; color:#5e3b36; font-weight:bold; border-radius:50px; margin-bottom:50px;}
.t1-1 .btn1 em{ display: block; position: absolute; top: 80%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); 
width: 100%; height: 100%; text-align: center; width:230px; height:70px;}
.t1-1 .btn1:before{ content: ""; position: absolute; width: 100%; height: 100%; opacity: 0; background: #5e3b36; -webkit-transition-timing-function:
 cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -webkit-transform: scale3d(0.7, 1, 1);
  transform: scale3d(0.7, 1, 1); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; left: 0; top: 0; }
.t1-1 .btn1:before{ border-radius:50px;}
.t1-1 .btn1:hover:before{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.t1-1 .btn1 a{ color:#5e3b36;}
.t1-1 .btn1:hover a{ color:#eee;  }
.t1-1 .btn1:hover a{ background:#5e3b36;}
.t2{ width:100%; background:#815b52; height:730px;}
.t2-1{ width:1100px; padding-top:30px;}
.t2-1 ul{}
.t2-1 ul li{ float:left; padding-left:20px;}
.t2-1 ul li.t2-01{ width:246px; height:246px; display:block; background:url(../../images/qcc/t2-01.png) no-repeat; transition:all 0.2s;}
.t2-1 ul li.t2-01:hover{ background:url(../../images/qcc/t2-001.png) no-repeat; transition:all 0.2s;}
.t2-1 ul li.t2-02{ width:246px; height:246px; display:block; background:url(../../images/qcc/t2-02.png) no-repeat; transition:all 0.2s;}
.t2-1 ul li.t2-02:hover{ background:url(../../images/qcc/t2-002.png) no-repeat; transition:all 0.2s;}
.t2-1 ul li.t2-03{ width:246px; height:246px; display:block; background:url(../../images/qcc/t2-03.png) no-repeat; transition:all 0.2s;}
.t2-1 ul li.t2-03:hover{ background:url(../../images/qcc/t2-003.png) no-repeat; transition:all 0.2s;}
.t2-1 ul li.t2-04{ width:246px; height:246px; display:block; background:url(../../images/qcc/t2-04.png) no-repeat; transition:all 0.2s;}
.t2-1 ul li.t2-04:hover{ background:url(../../images/qcc/t2-004.png) no-repeat; transition:all 0.2s;}
.t2-1 .lp1{ position:relative; }
.t2-1 .btn1{ right:450px; width:230px; height:60px; display: block; position: absolute; top:100px; border:1px solid #fff; overflow: hidden;
 font-size:22px; color:#5e3b36; font-weight:bold; border-radius:50px; margin-bottom:50px;}
.t2-1 .btn1 em{ display: block; position: absolute; top: 80%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); 
width: 100%; height: 100%; text-align: center; width:230px; height:70px;}
.t2-1 .btn1:before{ content: ""; position: absolute; width: 100%; height: 100%; opacity: 0; background: #5e3b36; -webkit-transition-timing-function:
 cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -webkit-transform: scale3d(0.7, 1, 1);
  transform: scale3d(0.7, 1, 1); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; left: 0; top: 0; }
.t2-1 .btn1:before{ border-radius:50px;}
.t2-1 .btn1:hover:before{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.t2-1 .btn1 a{ color:#fff;}
.t2-1 .btn1:hover a{ color:#eee;  }
.t2-1 .btn1:hover a{ background:#5e3b36;}
.t3{ width:100%; background:#eeeeee; }
.t3-1{ width:1100px; text-align:center;}
.t3-f{ width:100%; background:#e5e5e5; height:560px;}
.t3-f-01{ width:1100px;}
.t3-f-01 h3{ width:467px; margin:0 auto; text-align: center; font-size:30px; font-weight:bold; color:#815b52; padding-top:40px; }
.t3-f-01 ul{}
.t3-f-01 ul li{ float:left; padding:50px 0 30px 63px; text-align:center;}
.t3-f-01 ul li p{ font-size:16px; padding-top:5px;}
.t3-f-01 .lp1{ position:relative; }
.t3-f-01 .btn1{ right:450px; width:230px; height:60px; display: block; position: absolute; top:30px; border:1px solid #5e3b36; overflow: hidden;
 font-size:17px; color:#5e3b36; font-weight:bold; border-radius:50px; margin-bottom:50px;}
.t3-f-01 .btn1 em{ display: block; position: absolute; top: 70%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); 
width: 100%; height: 100%; text-align: center; width:230px; height:70px;}
.t3-f-01 .btn1:before{ content: ""; position: absolute; width: 100%; height: 100%; opacity: 0; background: #5e3b36; -webkit-transition-timing-function:
 cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -webkit-transform: scale3d(0.7, 1, 1);
  transform: scale3d(0.7, 1, 1); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; left: 0; top: 0; }
.t3-f-01 .btn1:before{ border-radius:50px;}
.t3-f-01 .btn1:hover:before{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.t3-f-01 .btn1 a{ color:#5e3b36;}
.t3-f-01 .btn1:hover a{ color:#eee;  }
.t3-f-01 .btn1:hover a{ background:#5e3b36;}
.t4{ width:100%; background:#9d675b;height:850px;}
.t4-1{ width:1100px; text-align:center;}
.t4-1 ul{}
.t4-1 ul li{ float:left; padding-left:24px;} 
.t4-1 ul li p{ width:241px; border-radius:0 0 50px 50px; background:#fff; font-size:15px; padding:20px 0; line-height:26px;}
.t4-1 ul li p span{ display:block; font-size:18px;margin-bottom: 10px;}
.t4-1 .lp1{ position:relative; }
.t4-1 .btn1{ right:450px; width:230px; height:60px; display: block; position: absolute; top:70px; border:1px solid #fff; overflow: hidden;
 font-size:22px; color:#5e3b36; font-weight:bold; border-radius:50px; margin-bottom:50px;}
.t4-1 .btn1 em{ display: block; position: absolute; top: 80%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); 
width: 100%; height: 100%; text-align: center; width:230px; height:70px;}
.t4-1 .btn1:before{ content: ""; position: absolute; width: 100%; height: 100%; opacity: 0; background: #5e3b36; -webkit-transition-timing-function:
 cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -webkit-transform: scale3d(0.7, 1, 1);
  transform: scale3d(0.7, 1, 1); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; left: 0; top: 0; }
.t4-1 .btn1:before{ border-radius:50px;}
.t4-1 .btn1:hover:before{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.t4-1 .btn1 a{ color:#fff;}
.t4-1 .btn1:hover a{ color:#eee;  }
.t4-1 .btn1:hover a{ background:#5e3b36;}
.t5{ width:100%;}
.c5_max{ width:1100px; background:#5e3b36; margin-bottom:50px;}
.c5_max .hd{width:1100px; height:57px; overflow:hidden;}
.c5_max .hd ul li{ width:274px; height:57px; line-height:57px; color:#FFF; margin-right:1px; text-align:center; display:inline-block;
*display:inline;*zoom:1;font-size:22px;letter-spacing:normal;vertical-align:top; background:#9d675b}
.c5_max .hd ul li.on{ background:#5e3b36;}
.c5_max .hd ul li.on a{ color:#FFF;}
.c5_max .bd{ width:1100px; background:#f3f3f3}
.c5_max .bd ul{ position:relative;}
.c5_max .bd ul a{ display:block; position:absolute; bottom:20px; left:130px; width:260px; line-height:50px; 
color:#FFF; background:#5e3b36;letter-spacing:normal; font-size:24px; text-align:center; border-radius:50px;}
.c5_max .bd ul li{ width:510px; padding:20px; color:#4e4e4e; 
display:inline-block;*display:inline;*zoom:1;font-size:24px;letter-spacing:normal;vertical-align:top;
 background:url(../images/wu_zong/wu_line.jpg) right bottom no-repeat;}
.c5_max .bd ul li.bd_li{ width:390px; padding:50px 80px;}
.c5_max .bd ul li strong{ display:block; color:#ea5555}
.t6{ width:100%; background:#fff8e3;} 
.c7 .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px;
 background:url(../../images/qcc/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.c7 .next{ left:auto; right:3%; background-position:0px 5px; }
.c7 .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.c7 .prevStop{ display:none;}
.c7 .nextStop{ display:none;}
.c7{ width:1100px; height:608px; overflow:hidden; position:relative; }
.c7 .bd{ position:relative; height:100%; z-index:0; }
.c7 .bd li{ zoom:1; vertical-align:middle; text-align:center}
.c7 .bd li img{ margin:0 10px}
.t7{ width:100%; background:#FFF; height:1050px;}
.t7-1,.t7-2{ width:1100px; text-align:center; margin-bottom:40px;}
.t7-1 ul{}
.t7-1 ul li{ float:left; padding-left:50px;}
.t7-2 .lp1{ position:relative; }
.t7-2 .btn1{ right:450px; width:230px; height:60px; display: block; position: absolute; top:70px; border:1px solid #5e3b36; overflow: hidden;
 font-size:22px; color:#5e3b36; font-weight:bold; border-radius:50px; margin-bottom:50px;}
.t7-2 .btn1 em{ display: block; position: absolute; top: 80%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); 
width: 100%; height: 100%; text-align: center; width:230px; height:70px;}
.t7-2 .btn1:before{ content: ""; position: absolute; width: 100%; height: 100%; opacity: 0; background: #5e3b36; -webkit-transition-timing-function:
 cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -webkit-transform: scale3d(0.7, 1, 1);
  transform: scale3d(0.7, 1, 1); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; left: 0; top: 0; }
.t7-2 .btn1:before{ border-radius:50px;}
.t7-2 .btn1:hover:before{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.t7-2 .btn1 a{ color:#5e3b36;}
.t7-2 .btn1:hover a{ color:#eee;  }
.t7-2 .btn1:hover a{ background:#5e3b36;}
.t8{ width:100%; background:#5e3b36; text-align:center;}
.t8-1{ width:1100px;}
/**1920px����**/
.m_box img{ width:100%; overflow:hidden;}























