@charset "utf-8";
/* CSS Document */


* { padding: 0; margin: 0; box-sizing: border-box; line-height: 100%; }
body { font-family: '微软雅黑'; font-size: 14px;  }
li { list-style: none; }
a:hover { text-decoration: none; }
h1, h2, h3, h4, h5 { margin: 0; }
.c1 { color: #fd2323; }
.c2 { color: #ff0000 !important; }
.position { position: relative; }


/*   head   */
.head .navbar-default { background: none; border: none; }
.head .navbar { margin-bottom: 0; min-height: 77px; }
.head .navbar-brand { height: auto; padding: 0; margin-top: 23px; }
.head .navbar-nav { padding-top: 25px; margin-left: 230px; }
.head .navbar-nav>li>a { padding: 0 20px; height: 30px; border-bottom: 2px solid #fff; font-size: 16px; color: #6c6c6c; margin: 0 35px; }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { border-bottom: 2px solid #ff606c; background: none; }
.head .tel { position: absolute; right: 0; top: 17px; font-size: 18px; color: #ed4855; background: url(../images/online.png) right center no-repeat; height: 33px; width: 168px; padding-right: 10px; }


/*   foot   */
.foot { background-color: #000000; padding: 35px 28px; }
.foot a { color: #fff; padding: 0 50px; border-right: 1px solid #2a2a2a;  }
.foot a:last-child { border-right: none; }
.foot p { color: #6e6e6e; margin-top: 40px; }


/*   index  background-color: #9a7e85;   */
.banner { padding: 115px 0 75px; background:url(../images/banner.jpg) top center; background-size:cover; }
.banner .t2 { font-size: 142px;  color: #ffffff; }
.banner .t2 b { padding: 0 30px; }
.banner .more { display: block; width: 690px; height: 95px; background-color: #ff6666; border-radius: 10px; margin: 80px auto 0; font-size: 46px; color: #fff; line-height: 93px; }
.banner p { font-size: 40px; color: #ffffff; margin-top: 45px; }
.title h2 { font-size: 40px; color: #343434; font-weight: bold; }
.title p { font-size: 26px; color: #0e0e0e; margin-top: 30px; }
.box1 { padding: 70px 0px; }
.box1 .arc1 { font-size: 30px; color: #363636; line-height: 62px; }
.box1 .arc2 { font-size: 26px; color: #4e4e4e; margin-top: 25px; }
.box1 .arc3 { font-size: 26px; color: #0e0e0e; margin: 45px auto 50px; border-bottom: 3px solid #ff606c; width: 583px; padding-bottom: 30px; }
.testList { height: 330px; overflow: hidden; width: 100%; }
.testList .sub , .test-info .yzm { display: block; width: 263px; height: 66px; line-height: 66px; background-color: #ff606c; border-radius: 10px; margin: 0 auto; font-size: 28px; color: #fefefe; }
.testList dl { margin: 0 75px; clear: both; display: none; }
.testList dt { font-size: 40px; color: #151515; margin-bottom: 70px; }
.testList dl dd { float: left; width: 263px; height: 66px; background-color: #ff606c; border-radius: 10px; margin: 0 115px 40px; line-height: 66px; font-size: 28px; color: #fefefe; cursor: pointer; }
.testList ul { width: 10000px; padding-left: 75px; }
.testList li { float: left; width: 992px; }
.testList li h1 { font-size: 40px; color: #151515; margin-bottom: 70px; }
.testList li span { display: block; float: left; width: 263px; height: 66px; background-color: #ff606c; border-radius: 10px; margin: 0 115px 40px; line-height: 66px; font-size: 28px; color: #fefefe; cursor: pointer; }
.test-info { display: none; }
.test-info p { font-size: 18px; margin-top: 15px; line-height: 140%; }
.box2 { padding: 110px 0; }
.box2 ul { margin-top: 90px; }
.box2 li h2 { font-size: 26px; color: #e1514f; margin: 50px 0 30px; }
.box2 li p { font-size: 24px; color: #343434; line-height: 40px; }
.box3 { background-color: #f5f6f7; padding: 50px 0 70px; }
.box3 .line { background: url(../images/bg2.png) center center no-repeat; font-size: 16px; color: #848484; height: 20px; padding-top: 5px; }
.box3 .line span { padding-left: 65px; }
.box3 ul { margin-top: 50px; }
.box3 li { height: 471px; margin-bottom: 50px; padding-top: 50px; }
.box3 li:nth-child(odd) { background: url(../images/bg1.jpg) left center no-repeat; }
.box3 li:nth-child(odd) .left-img { text-align: right; background: url(../images/bg2.jpg) right center no-repeat; padding-right: 40px;  }
.box3 li:nth-child(odd) .left-img img { border-bottom-left-radius: 3px; border-top-left-radius: 5px; }
.box3 li:nth-child(odd) .right-cont { padding-left: 25px; padding-right: 55px; }
.box3 li:nth-child(even) { background: url(../images/bg1.jpg) right center no-repeat; }
.box3 li:nth-child(even) .left-img { text-align: left; background: url(../images/bg2.jpg) left center no-repeat; padding-left: 40px; }
.box3 li:nth-child(even) .left-img img { border-bottom-right-radius: 3px; border-top-right-radius: 5px; }
.box3 li:nth-child(even) .right-cont { padding-left: 60px; padding-right: 25px;  }
.box3 li a { display: block; padding-left: 0; padding-right: 0; height: 391px; }
.box3 li .right-cont { background-color: #fff; padding-top: 40px; }
.box3 li .right-cont .t1 { font-size: 30px; margin-bottom: 30px; }
.box3 li .right-cont .t1 b { font-size: 36px; color: #262626; margin-left: 5px; }
.box3 li .right-cont .arc { font-size: 18px; color: #2e2e2e; line-height: 28px; }
.right-cont .right-cont-bot { border-top: 1px solid #b8b8b8; margin-top: 25px; padding-top: 20px; }
.right-cont .right-cont-bot img { position: absolute; left: 0; top: 20px; }
.right-cont .right-cont-bot .bot-info { margin-left: 42px;}
.bot-info div { padding-left: 55px; }
.bot-info div p { height: 30px; font-size: 16px; color: #5b5b5b; font-weight: bold; }
.box3 .more { display: inline-block; width: 290px; height: 64px; line-height: 64px; font-size: 26px; color: #ffffff; background-color: #f35a5a; border-radius: 8px; box-shadow: 0px 0 6px rgba(243, 90, 90, 1);  }
.box4 { padding: 90px 0 110px; background-color: #ffffff; }
.box4 .s-info { padding-top: 80px;  }
.s-info h2 { font-size: 80px; color: #585858; font-family: Arial, Helvetica, sans-serif; }
.s-info h2 span { font-size: 40px; margin-left: 10px; }
.s-info p { font-size: 28px; color: #404040; margin-top: 20px; }
.box5 { padding: 55px 0 0; height: 662px; background: url(../images/bg.jpg) top center no-repeat; }
.box5 .line { width: 1px; position: absolute; height: 475px; background-color: #bcbcbc; left: 33px; z-index: 1; top: -44px; }
.box5 ul { margin-top: 40px; position: relative; z-index: 9; }
.box5 li { height: 67px; font-size: 28px; color: #585858;  margin-bottom: 35px; }
.box5 li .num { display: inline-block; width: 67px; height: 67px; border-radius: 50%; background-color: #ed4956; line-height: 67px; text-align: center; color: #ffffff; font-family: Arial, Helvetica, sans-serif; margin-right: 80px; }
.box6 { background-color: #ffeae9; padding: 25px 0; }
.box6 h1 { font-size: 40px; color: #6e6767; font-weight: bold; }
.box6 a { display: inline-block; width: 250px; height: 60px; line-height: 58px; background-color: #ff6666; border-radius: 5px; font-size: 30px; color: #fff; }
.fix-right { position: fixed; right: 55px; z-index: 9; top: 15%; width: 270px; background-color: #fff; border: 1px solid #c0c0c0; padding: 35px 0; }
.fix-right p { font-weight: bold; font-size: 16px; color: #a89b9b; margin-top: 20px; line-height: 200%; padding: 0 25px;  }
.more:hover , .box6 a:hover { transform:scale(1.2);}


@media (max-width:1024px) {
	.head .navbar-nav { margin-left: 35px; padding-top: 25px; }
	.head .navbar-nav>li>a { margin: 0 15px; }
	.testList dl { margin: 0; }
	.testList dl dd { margin: 0 3% 40px; width: 44%; }
	.testList li h1 { font-size: 24px; margin-bottom: 20px; }
	.testList li span { margin: 0 3% 40px; width: 44%; font-size: 20px; height: 46px; line-height: 46px; }
	.bot-info div { padding-left: 5px; }
	.banner { padding: 50px 0; }
	.banner .t2 { font-size: 48px; }
	.banner .more { width: 80%; font-size: 28px; margin-top: 40px; height: 75px; line-height: 75px; }
	.banner p { font-size: 22px; }
	.testList ul { padding-left: 0; }
}


@media (width:768px) {
	.head .navbar-nav { padding-top: 0; }
	.foot-info { display: none; }
}
@media (max-width:768px) {
	.head .navbar { min-height: auto; }
	.head .navbar-brand { margin-top: 10px; }
	.head .navbar-nav { margin-left: 0; text-align: center;}
	.head .navbar-nav>li>a {  height: auto; padding: 15px 0;  }
	 .foot { padding-top: 0; } 
	.title h2 { font-size: 32px; }
	.banner { padding: 35px 0; }
	.banner .t2 { font-size: 40px; }
	.banner .more { width: 80%; font-size: 24px; margin-top: 40px; height: 75px; line-height: 75px; }
	.banner p { font-size: 18px; }
	/*.testList dl { margin: 0; }
	.testList dt { font-size: 24px; margin-bottom: 20px; }
	.testList dl dd { margin: 0 3% 15px; width: 44%; font-size: 20px; height: 46px; line-height: 46px; }*/
	.testList li h1 { font-size: 24px; margin-bottom: 20px; }
	.testList li span { margin: 0 3% 15px; width: 44%; font-size: 20px; height: 46px; line-height: 46px; }
	.testList .sub , .test-info .yzm { height: 46px; line-height: 46px; }
	.bot-info div { padding-left: 5px; }
	.box1 .arc1 { font-size: 18px; line-height: 28px; text-align: left; text-indent: 2em; }
	.box1 .arc2 { font-size: 18px; }
	.box1 .arc3 { width: 100%;  font-size: 18px; padding-bottom: 10px; margin-bottom: 25px; }
	.box2 li p { font-size: 18px; line-height: 22px; }
	.box3 li { height: auto; padding-top: 0; }
	.box3 li:nth-child(odd) { background: none; }
	.box3 li:nth-child(odd) .left-img{ padding-right: 0; }
	.box3 li:nth-child(even) .left-img { padding-left: 0; }
	.box3 li .left-img img { width: 100%; }
	.box3 li:nth-child(odd) .right-cont , .box3 li:nth-child(even) .right-cont { padding: 0 15px; }
	.box3 li .right-cont .t1 { margin-bottom: 15px; padding-top: 15px; }
	.right-cont .right-cont-bot { margin-top: 0; }
	.box5 { height: auto; }
	.box5 li .num { display: block; float: left; width: 40px; height: 40px; margin-right: 10px; line-height: 40px; }
	 .box5 li { font-size: 18px; clear: both; line-height: 180%; }
	 .box5 .line { display: none; }
	 .box6 h1 { font-size: 30px; }
	 .box6 a { height: 45px; line-height: 43px; font-size: 22px; margin-top: 20px; }
	.box3 li a , .box5 li { height: auto; }
	.box2 li , .box2 li h2 , .box2 ul , .box3 li , .box4 div , .box5 li { margin: 15px 0; }
	.box1 , .box2 , .box3 , .box4 , .box4 .s-info { padding: 20px 0; }
	.s-info h2 { font-size: 40px; }
	.s-info h2 span { font-size: 20px; }
	.s-info p { font-size: 20px; }
	
}