﻿/* nav */
.nav_box{ background:#fff; height:80px; position:fixed; z-index:999; left:0; top:0; width:100%;box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);}
.nav_box .logo{ padding:10px 0; }
.nav_box .nav ul li{ float:left;}
.nav_box .nav ul li a{ font-size:16px;font-size: 16px;line-height:80px;display: inline-block;padding: 0 18px;position: relative;}
.nav_box .nav ul li a:after{content: '';display: block;width:100%;height: 2px;background:transparent;position: absolute;bottom: 0;left:0}
.nav_box .nav ul li.active a,.nav_box .nav ul li a:hover{color:#fc4b69;}
.nav_box .nav ul li.active a:after,.nav_box .nav ul li a:hover:after{background: #fc4b69;}
.nav_box .btn{ display:block; width:90px; height:32px; border-radius:16px; line-height:32px; font-size:16px; color:#fff; text-align:center; margin-left:35px; float:left; margin-top:26px; background:#fc4b69;}

/* banner */
.banner{ width: 100%; height: 600px; background: url(banner_bg.jpg) no-repeat center top; background-size: cover; overflow: hidden; }
.banner .pagewd{ height: 600px; position: relative; }
.banner .img1{position: absolute;top: 80px;right: 358px;animation: fadeInUp 1s ease 0s 1 both;-webkit-animation: fadeInUp 1s ease 0s 1 both;}
.banner .img2{position: absolute;bottom: 40px;right: -120px;animation: fadeInRight 1s ease .5s 1 both;-webkit-animation: fadeInRight 1s ease .5s 1 both;}
.banner .img3{position: absolute;bottom: 150px;left: 60px;animation: fadeInRight 1s ease 1s 1 both;-webkit-animation: fadeInRight 1s ease 1s 1 both;}

/* cont1 */
.zqCont1{ width: 100%; height: 846px; background: url(cont1_bg.png) no-repeat center top; background-size: cover; }
.zqCont1 .tit{ font-size: 40px; line-height: 50px; padding: 55px 0 152px; }
.zqCont1 .listBox li{ float: left; width: 240px; height: 216px; text-align: center; position: relative; }
.zqCont1 .listBox li h3{ font-size: 32px; line-height: 30px; margin-bottom: 20px; }
.zqCont1 .listBox li p{ font-size: 18px; color: #666; }
.zqCont1 .listBox li img{ margin-bottom: 125px; }
.zqCont1 .listBox li .box{ position: absolute; left: 39px; }
.zqCont1 .listBox li .box1{ top: 96px; }
.zqCont1 .listBox li .box2{ top: 24px; }
.zqCont1 .listBox li .box3{ left: 0; top: -102px; }
.zqCont1 .bot{ margin-top: 80px; }
.zqCont1 .bot h4{ font-size: 28px; line-height: 36px; }
.zqCont1 .bot h3{ font-size: 30px; color: #ff3300; margin: 24px 0 44px; }

/* cont2 */
.pub_tit h3{ font-size: 40px; height: 50px; line-height: 50px; margin-bottom: 20px; }
.pub_tit h3 span{ display: inline-block; font-size: 48px; }
.pub_tit p{ font-size: 20px; line-height: 30px; color: #666; }
.zqCont2{ padding-top: 55px; width: 100%; height: 354px; background: url(cont2_bg.jpg) no-repeat center top; background-size: cover; }
.zqCont2 h3{ color: #fd5a81; margin-bottom: 28px; }
.zqCont2 p{ color: #fff; line-height: 36px; }

/* cont3 */
.zqCont3{ background: #f7fafc; padding: 75px 0 70px; }
.zqCont3 .slideBox{ width: 946px; height: 538px; position:relative; margin: 20px auto 0; }
.zqCont3 .slideBox .hd{ width: 100%; text-align: center; overflow:hidden; position:absolute; left: 0; bottom: 0; z-index:1; zoom:1; }
.zqCont3 .slideBox .hd a{ display: inline-block; width:12px; height:12px; line-height:12px; background: #ccc; border-radius: 100%; margin: 0 4px; text-indent: -999px; overflow: hidden; }
.zqCont3 .slideBox .hd a.on{ background:#46af76; }
.zqCont3 .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.zqCont3 .slideBox .bd li{ zoom:1; vertical-align:middle; }
.zqCont3 .slideBox .bd img{ width: 946px; height: 538px; display: block;  }

/* cont4 */
.zqCont4{ padding: 75px 0 60px; }
.zqCont4 img{ margin: 35px 0 0 18px; }

/* cont5 */
.zqCont5{ background: #f7fafc; padding: 75px 0 66px; }
.zqCont5 .slideBox{ width: 946px; height: 552px; position:relative; margin: 20px auto 0; }
.zqCont5 .slideBox .hd{ width: 100%; text-align: center; overflow:hidden; position:absolute; left: 0; bottom: -8px; z-index:1; zoom:1; }
.zqCont5 .slideBox .hd a{ display: inline-block; width:12px; height:12px; line-height:12px; background: #ccc; border-radius: 100%; margin: 0 4px; text-indent: -999px; overflow: hidden; }
.zqCont5 .slideBox .hd a.on{ background:#46af76; }
.zqCont5 .slideBox .bd{ position:relative; height:100%; z-index:0; }
.zqCont5 .slideBox .bd li{ zoom:1; vertical-align:middle; }
.zqCont5 .slideBox .bd img{ width: 946px; height: 552px; display: block; }

.slideBox .prev,.slideBox .next{ position:absolute; top:160px; display:block; width:80px; height:80px; background-color: #c8c9ca; background-repeat: no-repeat; background-position: center; background-size: 21px 38px; border-radius: 100%; }
.slideBox .prev{ left: -127px; background-image: url(cont5_prev.png); }
.slideBox .next{ right: -127px; background-image: url(cont5_next.png); }
.slideBox .prev:hover,.slideBox .next:hover{ background-color: #45ae75; }
.slideBox .prevStop{ display:none; }
.slideBox .nextStop{ display:none; }


/* cont6 */
.zqCont6{ padding: 75px 0 60px; }
.zqCont6 img{ margin: 35px 0 0 216px; }

/* cont7 */
.zqCont7{ background: #f7fafc; padding: 75px 0 60px; }
.zqCont7 img{ margin-top: 35px; }

/* cont8 */
.zqCont8{ padding: 55px 0 60px; }
.zqCont8 .listBox{ margin-top: 55px; }
.zqCont8 .listBox ul{ overflow: hidden; margin-right: -20px; }
.zqCont8 .listBox li{ float: left; width: 285px; height: 120px; line-height: 120px; text-align: center; background: #fafafa; margin-right: 20px; margin-bottom: 20px; border: 1px solid #e6e6e6; border-radius: 2px;overflow: hidden; }
.zqCont8 .listBox li:hover{ box-shadow:0 0 10px #e6e6e6; }

/* cont4 */
.zqCont9{ background: #f7fafc; padding: 55px 0 40px; }
.tableBox{ background: #fff; padding-bottom: 50px; margin-top: 35px; }
.tableBox table tr th{ width: 235px; height: 70px; line-height: 70px; font-size: 24px; background: #ebf0f5; border-radius: 10px 10px 0 0; font-weight: normal; border-right: 5px solid #fcfcfc; position: relative; }
.tableBox table tr th:first-child{ width: 235px; height: 70px; background: url(cont9_th_bg.png) no-repeat; color: #fff; }
.tableBox table tr th .tag{ display: inline-block; width: 54px; height: 54px; background: url(cont9_tag.png) no-repeat; position: absolute; right: 0; top: 0; }
.tableBox table tr td{ width: 235px; text-align: center; border-bottom: 2px solid #fafafa; border-right: 5px solid #fcfcfc; font-size: 16px; height: 60px; }
.tableBox table tr th:last-child,.tableBox table tr td:last-child{ border-right: none; width: 240px; }
.tableBox table tr td .name{ font-size: 24px; }
.tableBox table tr td .price{ font-size: 30px; color: #ff1010; }
.tableBox table tr td .phone{ font-size: 18px; color: #ff1010; }
.tableBox table tr td .phone span{ font-size: 24px; }
.tableBox table tr td .ico{ display: inline-block; background-repeat: no-repeat; }
.tableBox table tr td .ico1{ width: 38px; height: 27px; background-image: url(cont9_ico1.png); }
.tableBox table tr td .ico2{ width: 18px; height: 18px; background-image: url(cont9_ico2.png); }
.tableBox table tr td.h120{ height: 120px; }
.tableBox table tr td.color{ color: #ff1010; }
.tableBox .tishi{ font-size: 16px; color: #666; line-height: 24px; padding: 25px 20px 35px; }
.tableBox .tishi span{ color: #ff1010; }
.tableBox .btn{ padding: 0 20px; }

/* ÃƒÂ¦Ã…Â¸Ã‚Â¥ÃƒÂ§Ã…â€œÃ¢â‚¬Â¹ÃƒÂ¦Ã‚Â¼Ã¢â‚¬ÂÃƒÂ§Ã‚Â¤Ã‚ÂºÃƒÂ¥Ã‚Â®Ã…Â¡ÃƒÂ¤Ã‚Â½Ã‚Â */


.minimall-tocode{height: 300px;background:#1f2123;padding-top: 50px;text-align: center;}
.minimall-tocode .text{font-size: 24px;color:#f6f7fb;margin-top: 20px;}
