.banner{min-width:1200px; background:no-repeat center;overflow:hidden;}
.banner-query{background-image:url(../img/query/query01.jpg); height:585px;}
.banner-query article{width:496px; margin:220px auto 0; text-align:center;}
.banner-query article h3{color:#fff; font-size:32px; letter-spacing:8px; -webkit-animation:TopIn 1s .3s both; -moz-animation:TopIn 1s .3s both; animation:TopIn 1s .3s both;}
.banner-query article p{color:#999; font-size:20px; margin-top:10px; -webkit-animation:TopIn 1s .5s both; -moz-animation:TopIn 1s .5s both; animation:TopIn 1s .5s both;}

.banner-contact{background-image:url(../img/contact_banner.jpg); height:445px;}
.banner-contact article{width:800px; margin:110px auto 0; text-align:center;}
.banner-contact article h3{color:#fff; font-size:32px; letter-spacing:8px; -webkit-animation:TopIn 1s .3s both; -moz-animation:TopIn 1s .3s both; animation:TopIn 1s .3s both;}
.banner-contact article p{color:#999; font-size:20px; margin-top:15px; margin-bottom:30px; -webkit-animation:TopIn 1s .5s both; -moz-animation:TopIn 1s .5s both; animation:TopIn 1s .5s both;}
.banner-contact article a{border:1px solid #e0e0e0; width:120px; height:40px; line-height:40px; display:inline-block; *display:inline; *zoom:1; margin:0 8px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; color:#e0e0e0; font-size:16px;}
.banner-contact article a:hover, .banner-contact article a.act{background:#fff; border-color:#fff; color:#000;}

.banner-contact article a:nth-of-type(1){-webkit-animation:lateFlIn 1s .7s both; -moz-animation:lateFlIn 1s .7s both; animation:lateFlIn 1s .7s both;}
.banner-contact article a:nth-of-type(2){-webkit-animation:lateFrIn 1s .7s both; -moz-animation:lateFrIn 1s .7s both; animation:lateFrIn 1s .7s both;}

.banner-college{background-image:url(../img/wb_banner.jpg); height:521px;}
.banner-college article{width:800px; margin:170px auto 0; text-align:center;}
.banner-college article h3{color:#fff; font-size:32px; letter-spacing:8px; -webkit-animation:TopIn 1s .3s both; -moz-animation:TopIn 1s .3s both; animation:TopIn 1s .3s both;}
.banner-college article p{color:#999; font-size:20px; margin-top:10px; -webkit-animation:TopIn 1s .5s both; -moz-animation:TopIn 1s .5s both; animation:TopIn 1s .5s both;}

.banner-repair{background-image:url(../img/repair01.jpg); height:445px;}
.banner-repair article{width:800px; margin:170px auto 0; text-align:center;}
.banner-repair article h3{color:#fff; font-size:32px; letter-spacing:8px; -webkit-animation:TopIn 1s .3s both; -moz-animation:TopIn 1s .3s both; animation:TopIn 1s .3s both;}
.banner-repair article p{color:#999; font-size:20px; margin-top:10px; -webkit-animation:TopIn 1s .5s both; -moz-animation:TopIn 1s .5s both; animation:TopIn 1s .5s both;}

.banner-my{background-image:url(../img/video01.jpg); height:443px;}
.banner-my article{width:800px; margin:170px auto 0; text-align:center;}
.banner-my article h3{color:#fff; font-size:32px; letter-spacing:8px; -webkit-animation:TopIn 1s .3s both; -moz-animation:TopIn 1s .3s both; animation:TopIn 1s .3s both;}
.banner-my article p{color:#999; font-size:20px; margin-top:10px; -webkit-animation:TopIn 1s .5s both; -moz-animation:TopIn 1s .5s both; animation:TopIn 1s .5s both;}

.banner-brand{background-image:url(../img/brand01.jpg); height:642px;}
.banner-brand article{width:800px; margin:240px auto 0; text-align:center;}
.banner-brand article h3{color:#fff; font-size:32px; letter-spacing:8px; -webkit-animation:TopIn 1s .3s both; -moz-animation:TopIn 1s .3s both; animation:TopIn 1s .3s both; padding-bottom:30px; background:url(../img/brand02.png) no-repeat center bottom; margin-bottom:15px;}
.banner-brand article p{color:#ccc; font-size:20px; margin-top:10px; -webkit-animation:TopIn 1s .5s both; -moz-animation:TopIn 1s .5s both; animation:TopIn 1s .5s both;}

.query-search{overflow:hidden; height:375px; background:url(../img/query/query02.jpg) no-repeat center; border-bottom:2px solid #303030; min-width:1200px; background-size:cover;}
.query-search section{width:1200px; margin:auto;}
.query-search section div{overflow:hidden; text-align:center; margin-top:50px;}
.query-search section div em{font-size:20px; color:#999; line-height:51px; float:left; margin-left:160px;}
.query-search section div input[type="text"]{ padding:15px; background:#fff; border:0; width:106px; margin-right:20px; text-align:center; float:left;}
.query-search section div .query-submit{height:51px; font-size:20px; background:#cf0000;    border:0; width:150px; text-align:center; float:left; color:#fff;}
.query-search section article{text-align:center; margin-top:50px;}
.query-search section article h3{font-size:32px; color:#fff; position:relative;}
.query-search section article h3 i{width:60px; border-bottom:1px solid #5a5a5a; position:absolute; left:50%; margin-left:-30px; bottom:-30px;}
.query-search section article p{font-size:20px; color:#999; margin-top:85px;}


.query-other{height:514px; background:url(../img/query/query03.jpg) no-repeat; min-width:1200px; overflow:hidden;}
.query-other section{width:1200px; margin:50px auto 0;}
.query-other section h3{font-size:32px; color:#fff; position:relative; text-align:center;}
.query-other section h3 i{width:60px; border-bottom:1px solid #5a5a5a; position:absolute; left:50%; margin-left:-30px; bottom:-30px;}
.query-other section ul{overflow:hidden; margin-top:78px; margin-right:-26px;}
.query-other section ul li{width:280px; float:left; text-align:center; margin-right:26px;}
.query-other section ul li picture{height:170px; overflow:hidden;}
.query-other section ul li picture img{width:100%; -webkit-transition:.5s; -moz-transition:.5s; transition:.5s;}
.query-other section ul li p{color:#999; font-size:20px; margin-top:10px; -webkit-transition:.5s; -moz-transition:.5s; transition:.5s;}

.query-other section ul li:hover p{color:#fff;}
.query-other section ul li:hover img{-webkit-transform:scale(1.05); -moz-transform:scale(1.05); transform:scale(1.05);}


.contact-con{min-width:1200px; background:url(../img/contact01.jpg) no-repeat center; background-size:100% 100%; overflow:hidden;}
.contact-con section{width:1200px; margin:auto;}

.contact-search{overflow:hidden; margin:48px 0 48px 300px;}
.contact-search select{float:left; width:200px; padding:14px 13px; background:#fff; border:0; color:#333; margin-right:20px; line-height:50px; font-size:16px;}
.contact-search input[type="button"]{height:51px; font-size:20px; background:#cf0000; border:0; width:150px; text-align:center; float:left; color:#fff;}

.contact-nr{overflow:hidden;}
.contact-nr h2{font-size:32px; color:#fff; position:relative; text-align:center;}
.contact-nr h2 i{width:60px; border-bottom:1px solid #5a5a5a; position:absolute; left:50%; margin-left:-30px; bottom:-30px;}

.contact-nr ul{overflow:hidden; margin-top:80px; margin-bottom:160px;}
.contact-nr ul li{width:50%;height:100px;border-bottom:1px solid #2a2a2a; overflow:hidden; float:left; padding:15px 0;}
.contact-nr ul li h3{color:#f2f2f2; font-size:18px;}
.contact-nr ul li article{color:#fff; font-size:16px;}
.contact-nr ul li article p{color:#999; display:inline-block; *display:inline;}


.contact-zb{overflow:hidden; margin:50px 0;}
.contact-zb h2{font-size:32px; color:#fff; margin-bottom:80px; position:relative; text-align:center;}
.contact-zb h2 i{width:60px; border-bottom:1px solid #5a5a5a; position:absolute; left:50%; margin-left:-30px; bottom:-30px;}
.contact-zb div{overflow:hidden;}
.contact-zb div picture{float:left;}
.contact-zb div picture img{display:block;}
.contact-zb div article{float:right; width:580px;}
.contact-zb div article h3{color:#fff; font-size:24px; margin-top:25px;}
.contact-zb div article p{font-size:16px; color:#fff; line-height:35px;}
.contact-zb div article p span{ margin-right:30px; color:#999;}


.college-sl{min-width:1200px; height:581px; background:url(../img/college01.jpg) no-repeat center; overflow:hidden;}
.college-sl section{width:1200px; margin:64px auto 0;}
.college-sl section h2{font-size:32px; color:#333; text-align:center; position:relative; }
.college-sl section h2 i{position:absolute; left:50%; bottom:-15px; width:60px; margin-left:-30px; border-bottom:1px solid #aaa8a4;}
.college-sl section picture{overflow:hidden; text-align:center; margin-top:50px; margin-bottom:60px;}
.college-sl section picture img{display:block; margin:auto;}
.college-sl section summary{font-size:16px; line-height:26px; color:#666; width:1060px; margin:auto;}


.college-sl.act section h2{-webkit-animation:TopIn 1s .3s both; -moz-animation:TopIn 1s .3s both; animation:TopIn 1s .3s both;}
.college-sl.act section picture{-webkit-animation:TopIn 1s .5s both; -moz-animation:TopIn 1s .5s both; animation:TopIn 1s .5s both;}
.college-sl.act section summary{-webkit-animation:TopIn 1s .7s both; -moz-animation:TopIn 1s .7s both; animation:TopIn 1s .7s both;}


.college-fs{min-width:1200px; height:474px; background:url(../img/college03.jpg) no-repeat center; overflow:hidden;}
.college-fs section h2{font-size:32px; color:#fff; text-align:center; position:relative; margin-top:126px; letter-spacing:8px;}
.college-fs section h2 i{position:absolute; left:50%; bottom:-15px; width:60px; margin-left:-30px; border-bottom:1px solid #aaa8a4;}
.college-fs section summary{font-size:16px; line-height:26px; color:#999; width:1060px; margin:60px auto 0;}

.college-fs.act section h2{-webkit-animation:TopIn 1s .3s both; -moz-animation:TopIn 1s .3s both; animation:TopIn 1s .3s both;}
.college-fs.act section summary{-webkit-animation:TopIn 1s .5s both; -moz-animation:TopIn 1s .5s both; animation:TopIn 1s .5s both;}


.college-bd{background:url(../img/college04.jpg) no-repeat; padding:80px 0; min-width:1200px;}
.college-bd section{width:1200px; margin:auto;}
.college-bd section div{overflow:hidden;}
.college-bd section div picture{float:left;width:600px; height:400px; overflow:hidden;}
.college-bd section div picture img{width:100%; display:block;}
.college-bd section div article{width:600px; float:left;}
.college-bd section div article h3{font-size:32px; color:#fff; margin:30px 50px 40px;}
.college-bd section div article summary{margin:0 50px; color:#999; line-height:30px; font-size:16px;margin-bottom: 30px;}
.college-bd section div article i{  height:1px; color:#fff;   margin-top:30px; margin-left:50px;   border:1px solid #fff;  padding:5px 10px;  }
.college-bd section div article i:hover {  background:#fff; border-color:#fff;  color:#000;  }

.college-bd.act section div:nth-of-type(1) picture{-webkit-animation:lateFlIn 1s .3s both; -moz-animation:lateFlIn 1s .3s both; animation:lateFlIn 1s .3s both;}
.college-bd.act section div:nth-of-type(1) article{-webkit-animation:lateFrIn 1s .5s both; -moz-animation:lateFrIn 1s .5s both; animation:lateFrIn 1s .5s both;}

.college-bd.act section div:nth-of-type(2) article{-webkit-animation:lateFlIn 1s .7s both; -moz-animation:lateFlIn 1s .7s both; animation:lateFlIn 1s .7s both;}
.college-bd.act section div:nth-of-type(2) picture{-webkit-animation:lateFrIn 1s .9s both; -moz-animation:lateFrIn 1s .9s both; animation:lateFrIn 1s .9s both;}

.college-by{background:url(../img/college07.jpg) no-repeat; height:424px; overflow:hidden; min-width:1200px;}
.college-by section{width:1200px; margin:auto; text-align:center;}
.college-by section h3{font-size:32px; color:#fff; position:relative; margin-top:100px; margin-bottom:50px;}
.college-by section h3 i{position:absolute; left:50%; bottom:-15px; width:60px; margin-left:-30px; border-bottom:1px solid #aaa8a4;}
.college-by section summary{color:#afafaf; font-size:16px;}
.college-by.act section h3{-webkit-animation:TopIn 1s .3s both; -moz-animation:TopIn 1s .3s both; animation:TopIn 1s .3s both;}
.college-by.act section summary{-webkit-animation:TopIn 1s .5s both; -moz-animation:TopIn 1s .5s both; animation:TopIn 1s .5s both;}


.college-detail{background:url(../img/college08.jpg) no-repeat; background-size:cover; padding-top:140px; padding-bottom:30px; min-height:665px; min-width:1200px;}
.college-detail section{width:1200px; margin:auto; overflow:hidden;}
.college-detail section h2{font-size:32px; color:#fff; text-align:center;}
.college-detail section aside{font-size:16px; color:#999999; text-align:center;  margin-top:10px;}
.college-detail section .college-detail-con{border-top:1px solid #454545; margin-top:30px;}
.college-detail section .college-detail-con p{line-height:30px; font-size:16px; color:#999; margin:30px 0;}
.college-detail section .college-detail-con .w100{width:100%; display:block;}


.repair-con{min-width:1200px; background:url(../img/query/query02.jpg) no-repeat center; background-size:cover; overflow:hidden; border-bottom:1px solid #222;}
.repair-con section{width:1200px; margin:auto;}

.repair-search{overflow:hidden; margin:48px 0 48px 300px;}
.repair-search select{float:left; width:200px; padding:14px 13px; background:#fff; border:0; color:#333; margin-right:20px; line-height:50px; font-size:16px;}
.repair-search input[type="submit"]{height:51px; font-size:20px; background:#cf0000; border:0; width:150px; text-align:center; float:left; color:#fff;}

.repair-nr{overflow:hidden;}
.repair-nr h2{font-size:32px; color:#fff; position:relative; text-align:center;}
.repair-nr h2 i{width:60px; border-bottom:1px solid #5a5a5a; position:absolute; left:50%; margin-left:-30px; bottom:-30px;}

.repair-nr ul{overflow:hidden; margin-top:80px; margin-bottom:80px;}
.repair-nr ul li{ border-bottom:1px solid #2a2a2a; overflow:hidden; overflow:hidden; padding:15px 0;}
.repair-nr ul li div{float:left;}
.repair-nr ul li div h3{color:#f2f2f2; font-size:18px;}
.repair-nr ul li div p{color:#fff; font-size:16px;}
.repair-nr ul li div p span{color:#999;}
.repair-nr ul li article{float:right; width:320px;}
.repair-nr ul li article p{font-size:16px; color:#fff; margin-left:20px;}
.repair-nr ul li article p span{color:#999;}



.pro-banner{background:no-repeat center; height:600px; min-width:1200px; overflow:hidden;}
.pro-banner div{width:1200px; margin:200px auto 0; color:#fff;}
.pro-banner div h3{font-size:42px;letter-spacing:10px;-webkit-animation:TopIn 1s .3s both; -moz-animation:TopIn 1s .3s both; animation:TopIn 1s .3s both;}
.pro-banner div p{font-size:22px;letter-spacing:6px;-webkit-animation:TopIn 1s .5s both; -moz-animation:TopIn 1s .5s both; animation:TopIn 1s .5s both;}

.pro-box{background:#000 url(../img/pro01.jpg) no-repeat center top; padding:80px 0; min-width:1200px;}
.pro-box section{width:1200px; margin:auto;}
.pro-box section h2{text-align:center; font-size:32px; color:#fff; position:relative; margin-bottom:40px;}
.pro-box section h2 i{width:60px; border-bottom:1px solid #5a5a5a; position:absolute; left:50%; margin-left:-30px; bottom:-20px;}
.pro-box section aside{text-align:center; line-height:24px; color:#999; width:690px; margin:0 auto 44px;}

.pro-list{overflow:hidden; margin-right:-30px; margin-bottom:30px;}
.pro-list li{width:380px; height:450px; background:url(../img/pro02.jpg) no-repeat; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; float:left; margin-right:30px;}
.pro-list li:hover{background-image:url(../img/pro02_pre.jpg);}

.pro-list li a{display:block; height:100%;}
.pro-list li picture{height:310px; overflow:hidden;}
.pro-list li picture img{width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; transition:.5s;}
.pro-list li i{width:30px; height:1px; background:#999; display:block; margin:44px auto 26px;}
.pro-list li p{margin:0 15px; color:#ccc; text-align:center;}

.pro-list li:hover picture img{-webkit-transform:translateY(-20px); -moz-transform:translateY(-20px); transform:translateY(-20px);}


.pro-modular{overflow:hidden; margin-bottom:30px;}
.pro-modular a{display:block;}
.pro-modular picture{float:left; width:788px; height:538px;overflow:hidden;}
.pro-modular picture img{width:100%; display:block;}
.pro-modular article{float:left; margin-left:68px; margin-top:164px; width:284px;}
.pro-modular article i{width:40px; border-bottom:1px solid #999; display:block;}
.pro-modular article h3{margin-top:30px; font-size:24px; color:#fff;}
.pro-modular article summary{color:#858585; margin-top:20px;}

.pro-bt-list{overflow:hidden; margin-right:-30px;}
.pro-bt-list dt{width:380px; height:450px; float:left; margin-right:30px; overflow:hidden; margin-bottom:30px;}
.pro-bt-list dt i{width:40px; border-bottom:1px solid #999; display:block; margin:136px 40px 26px;}
.pro-bt-list dt h3{margin-top:30px; font-size:24px; color:#fff; margin:0 40px;}
.pro-bt-list dt summary{color:#858585; margin:20px 40px 0;}

.pro-bt-list dd{width:380px; height:450px; background:url(../img/pro02.jpg) no-repeat; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; float:left; margin-right:30px; margin-bottom:30px;}
.pro-bt-list dd:hover{background-image:url(../img/pro02_pre.jpg);}
.pro-bt-list dd a{display:block; height:100%;}
.pro-bt-list dd picture{height:310px; overflow:hidden;}
.pro-bt-list dd picture img{width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; transition:.5s;}
.pro-bt-list dd i{width:30px; height:1px; background:#999; display:block; margin:44px auto 26px;}
.pro-bt-list dd p{margin:0 15px; color:#ccc; text-align:center;}

.pro-bt-list dd:hover picture img{-webkit-transform:translateY(-20px); -moz-transform:translateY(-20px); transform:translateY(-20px);}


.pro-detail-box{background:url(../img/pro09.jpg) no-repeat center; background-size:cover; height:692px; min-width:1200px; overflow:hidden;}
.pro-detail-box section{width:1200px; margin:50px auto 0;}

.pro-pic{float:left;}
.pro-pic-list{width:80px; float:left; margin-top:80px;}
.pro-pic-list div{width:80px; height:300px; overflow:hidden; position:relative; margin:20px 0;}
.pro-pic-list ul{width:80px; position:absolute; top:0; left:0;}
.pro-pic-list ul li{width:80px; height:80px; overflow:hidden; position:relative; margin-bottom:20px; cursor:pointer;}
.pro-pic-list ul li img{width:100%; display:block;}
.pro-pic-list ul li.act:after{content:''; position:absolute; left:0; top:0; width:78px; height:78px; border:1px solid #797979;}
.pro-pic-list button{width:80px; height:26px; border:0; background:no-repeat center;}
.pro-pic-list button#pro-prev{background-image:url(../img/pro_btn01.png);}
.pro-pic-list button#pro-next{background-image:url(../img/pro_btn02.png);}

.pro-pic picture{width:585px; height:585px; overflow:hidden; float:left;}
.pro-pic picture img{width:100%; display:block;}


.pro-detail-fl{width:450px; float:right; position:relative;}
.pro-detail-fl div{margin-top:100px;}
.pro-detail-fl div em{color:#fff; font-size:16px;}
.pro-detail-fl div p{font-size:48px; color:#fff;}
.pro-detail-fl div h3{font-size:26px; color:#fff;}
.pro-detail-fl div summary{color:#8f8f90; font-size:16px; margin-top:15px;}
.pro-detail-fl div i{display:block; color:#fff; font-size:32px; margin-top:20px;}

.pro-detail-fl div ul{overflow:hidden; margin:20px 0;}
.pro-detail-fl div ul li{line-height:22px; display:inline-block; *display:inline; zoom:1;  margin-right:20px; font-size:16px;}
.pro-detail-fl div ul li b{display:inline-block; *display:inline; zoom:1; width:18px; height:18px; border:2px solid; vertical-align:middle; margin-right:10px; }


.return{position:absolute; right:0; top:0; border:1px solid #404040; color:#7c7c7c; width:98px; height:36px; line-height:36px; text-align:center; border-radius:3px; display:block; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.return:hover{color:#d2d2d2; border-color:#d2d2d2;}



.pro-detail{background:#000; min-width:1200px;}
.pro-detail section{width:1200px; margin:auto; overflow:hidden; padding:40px 0;}
.pro-detail section h2{font-size:32px; position:relative; text-align:center; color:#fff;}
.pro-detail section h2 i{width:60px; border-bottom:1px solid #5a5a5a; position:absolute; left:50%; margin-left:-30px; bottom:-30px;}
.pro-detail-cs{overflow:hidden; margin-top:60px;}
.pro-detail-cs article{border-right:1px solid #1f1f1f; width:33%; float:left; min-height:240px;}
.pro-detail-cs article.border{border-right:0;}
.pro-detail-cs article h3{margin:0 14px 10px; font-size:18px; color:#fff;}
.pro-detail-cs article p{margin:0 14px;color:#fff; font-size:16px; line-height:36px;}
.pro-detail-cs article p span{color:#999; font-size:14px;}


.collection{height:610px; background:no-repeat center; min-width:1200px;}

.collection02{height:558px; min-width:1200px; background:url(../img/collection02.jpg) no-repeat center; overflow:hidden;}
.collection02 section{width:1200px; margin:66px auto 0; text-align:center;}
.collection02 section h2{font-size:28px; color:#333; position:relative;}
.collection02 section h2 i{width:60px; border-bottom:1px solid #c3bfbc; position:absolute; left:50%; margin-left:-30px; bottom:-30px;}
.collection02 section article{line-height:28px; font-size:16px; color:#666; width:990px; margin:66px auto 0;}

.collection02.act h2{-webkit-animation:TopIn 1s .3s both; -moz-animation:TopIn 1s .3s both; animation:TopIn 1s .3s both;}
.collection02.act article{-webkit-animation:TopIn 1s .5s both; -moz-animation:TopIn 1s .5s both; animation:TopIn 1s .5s both;}


.collection03{height:651px; min-width:1200px; background:url(../img/collection03.jpg) no-repeat center; overflow:hidden;}
.collection03 section{width:1200px; margin:auto;}
.collection03 section picture{width:514px; height:492px; float:left; margin-top:66px;}
.collection03 section picture img{width:100%; display:block;}
.collection03 section article{width:530px; float:right; margin-top:80px;}
.collection03 section article h2{font-size:28px; color:#f8f0db;}
.collection03 section article div{font-size:18px; color:#beb6a0; line-height:28px; margin-top:34px;}

.collection03.act picture{-webkit-animation:fadeIn 1s .3s both; -moz-animation:fadeIn 1s .3s both; animation:fadeIn 1s .3s both;}
.collection03.act h2{-webkit-animation:lateFrIn 1s .5s both; -moz-animation:lateFrIn 1s .5s both; animation:lateFrIn 1s .5s both;}
.collection03.act article{-webkit-animation:lateFrIn 1s .7s both; -moz-animation:lateFrIn 1s .7s both; animation:lateFrIn 1s .7s both;}



.collection04{height:655px; min-width:1200px; background:url(../img/collection05.jpg) no-repeat center; overflow:hidden;}
.collection04 section{width:1200px; margin:auto;}
.collection04 section picture{width:443px; height:655px; float:right; margin-right:40px;}
.collection04 section picture img{width:100%; display:block;}
.collection04 section article{width:600px; float:left; margin-top:80px;}
.collection04 section article h2{font-size:28px; color:#333;}
.collection04 section article div{font-size:18px; color:#666; line-height:28px; margin-top:34px;}


.collection04.act picture{-webkit-animation:fadeIn 1s .3s both; -moz-animation:fadeIn 1s .3s both; animation:fadeIn 1s .3s both;}
.collection04.act h2{-webkit-animation:lateFlIn 1s .5s both; -moz-animation:lateFlIn 1s .5s both; animation:lateFlIn 1s .5s both;}
.collection04.act article{-webkit-animation:lateFlIn 1s .7s both; -moz-animation:lateFlIn 1s .7s both; animation:lateFlIn 1s .7s both;}



.collection05{height:548px; min-width:1200px; overflow:hidden;}
.collection05 picture{width:50%; float:left;height:548px; background:url(../img/collection07.jpg) no-repeat center right;}
.collection05 article{width:50%; float:left; background:url(../img/collection08.jpg) no-repeat center left; height:548px;}
.collection05 article h2{font-size:28px; color:#333; width:528px; margin-left:72px; margin-top:30px;}
.collection05 article div{font-size:16px; color:#666; line-height:28px; margin-top:34px;  width:528px; margin-left:72px;}


.collection05.act h2{-webkit-animation:lateFrIn 1s .3s both; -moz-animation:lateFrIn 1s .3s both; animation:lateFrIn 1s .3s both;}
.collection05.act div{-webkit-animation:lateFrIn 1s .5s both; -moz-animation:lateFrIn 1s .5s both; animation:lateFrIn 1s .5s both;}



.collection06{height:548px; min-width:1200px; overflow:hidden;}
.collection06 picture{width:50%; float:left;height:548px; background:url(../img/collection09.jpg) no-repeat center left;}
.collection06 article{width:50%; float:left; background:url(../img/collection08.jpg) no-repeat center left; height:548px;}
.collection06 article div{width:600px; float:right;}
.collection06 article div h2{font-size:28px; color:#333; width:528px; margin-top:30px;}
.collection06 article div p{ font-size:16px; color:#666; line-height:28px; margin-top:34px;  width:528px;}

.collection06.act h2{-webkit-animation:lateFlIn 1s .3s both; -moz-animation:lateFlIn 1s .3s both; animation:lateFlIn 1s .3s both;}
.collection06.act div{-webkit-animation:lateFlIn 1s .5s both; -moz-animation:lateFlIn 1s .5s both; animation:lateFlIn 1s .5s both;}


.collection07{height:558px; min-width:1200px; background:url(../img/collection11.jpg) no-repeat center; overflow:hidden;}
.collection07 section{width:1200px; margin:auto;}
.collection07 section picture{width:295px; height:558px; float:left; margin-left:138px;}
.collection07 section picture img{width:100%; display:block;}
.collection07 section article{width:530px; float:right; margin-top:80px;}
.collection07 section article h2{font-size:28px; color:#f8f0db;}
.collection07 section article div{font-size:16px; color:#beb6a0; line-height:28px; margin-top:34px;}

.collection07.act picture{-webkit-animation:fadeIn 1s .3s both; -moz-animation:fadeIn 1s .3s both; animation:fadeIn 1s .3s both;}
.collection07.act h2{-webkit-animation:lateFrIn 1s .5s both; -moz-animation:lateFrIn 1s .5s both; animation:lateFrIn 1s .5s both;}
.collection07.act article{-webkit-animation:lateFrIn 1s .7s both; -moz-animation:lateFrIn 1s .7s both; animation:lateFrIn 1s .7s both;}



.brand-culture{background:url(../img/college01.jpg) no-repeat center; background-size:cover; padding:80px 0; min-width:1200px;}
.brand-culture section{width:1200px; margin:auto; overflow:hidden;}
.brand-culture section div{overflow:hidden;}
.brand-culture section picture{width:600px; float:left;}
.brand-culture section picture img{width:100%; display:block;}
.brand-culture section article{width:560px; float:right;}
.brand-culture section article h3{color:#cf0000; font-size:28px; margin-top:20px; margin-bottom:30px;}
.brand-culture section article p{line-height:26px; font-size:16px;}

.brand-culture section div.fl picture{float:right;}
.brand-culture section div.fl article{float:left; margin-right:40px; margin-left:0;}

.brand-culture.act section div:nth-of-type(1){-webkit-animation:lateFlIn 1s .3s both; -moz-animation:lateFlIn 1s .3s both; animation:lateFlIn 1s .3s both;}
.brand-culture.act section div:nth-of-type(2){-webkit-animation:lateFrIn 1s .5s both; -moz-animation:lateFrIn 1s .5s both; animation:lateFrIn 1s .5s both;}


.brand-jp{min-width:1200px; height:490px; background:url(../img/brand05.jpg) no-repeat center; overflow:hidden;}
.brand-jp section{width:1200px; margin:auto;}
.brand-jp section h2{font-size:28px; color:#fff; text-align:center; position:relative; margin-top:126px; letter-spacing:8px;}
.brand-jp section h2 i{position:absolute; left:50%; bottom:-15px; width:60px; margin-left:-30px; border-bottom:1px solid #aaa8a4;}
.brand-jp section p{width:884px; text-align:center; font-size:16px; line-height:26px; color:#ccc; margin:60px auto 0;}

.brand-jp.act section h2{-webkit-animation:TopIn 1s .3s both; -moz-animation:TopIn 1s .3s both; animation:TopIn 1s .3s both;}
.brand-jp.act section p{-webkit-animation:TopIn 1s .5s both; -moz-animation:TopIn 1s .5s both; animation:TopIn 1s .5s both;}


.brand-wd{background:url(../img/brand06.jpg) no-repeat center; min-width:1200px; height:495px;}
.brand-wd section{width:1200px; margin:auto; overflow:hidden;}
.brand-wd section p{width:600px; color:#999; font-size:18px; line-height:34px; margin-top:180px;}


.brand-sj{background:url(../img/brand07.jpg) no-repeat center; min-width:1200px; height:495px;}
.brand-sj section{width:1200px; margin:auto; overflow:hidden;}
.brand-sj section article{width:600px; float:right; margin-top:100px;}
.brand-sj section article p{color:#999; font-size:18px; line-height:34px;}
.brand-sj section article h3{font-size:24px; color:#fff; padding-top:30px; margin-top:20px; border-top:1px dotted #4e4d4d;}

.brand-sj.act section article p{-webkit-animation:TopIn 1s .3s both; -moz-animation:TopIn 1s .3s both; animation:TopIn 1s .3s both;}
.brand-sj.act section article h3{-webkit-animation:TopIn 1s .5s both; -moz-animation:TopIn 1s .5s both; animation:TopIn 1s .5s both;}



.brand-dt{background:url(../img/contact01.jpg) no-repeat center; background-size:cover; padding:80px 0; min-width:1200px;}
.brand-dt section{width:1200px; margin:auto; overflow:hidden;}
.brand-dt section div{overflow:hidden;}
.brand-dt section picture{width:600px; float:left;}
.brand-dt section picture img{width:100%; display:block;}
.brand-dt section article{width:560px; float:right;}
.brand-dt section article h3{color:#ccc; font-size:28px; margin-top:40px; margin-bottom:30px;}
.brand-dt section article p{line-height:26px; font-size:16px; color:#999;}

.brand-dt section div.fl picture{float:right;}
.brand-dt section div.fl article{float:left; margin-right:40px; margin-left:0;}

.brand-dt.act section div:nth-of-type(1){-webkit-animation:lateFlIn 1s .3s both; -moz-animation:lateFlIn 1s .3s both; animation:lateFlIn 1s .3s both;}
.brand-dt.act section div:nth-of-type(2){-webkit-animation:lateFrIn 1s .5s both; -moz-animation:lateFrIn 1s .5s both; animation:lateFrIn 1s .5s both;}


.news{background:url(../img/college08.jpg) no-repeat; background-size:cover; padding-top:140px; padding-bottom:30px; min-height:665px; min-width:1200px;}
.news section{width:1200px; margin:auto;}
.news section h1{font-size:32px; color:#fff; text-align:center;}
.news section summary{font-size:20px; color:#999; line-height:36px; text-align:center;}
.news section ul{overflow:hidden; margin-top:80px;}
.news section ul li{height:250px; background:url(../img/news01.png); overflow:hidden; margin-bottom:40px;}
.news section ul li:nth-of-type(2n){background:transparent;}
.news section ul li picture{width:380px; height:280px; float:left;}
.news section ul li picture img{width:100%; display:block;}
.news section ul li article{width:700px; float:right; margin-top:25px; margin-right:40px;}
.news section ul li article span{display:block; color:#cacaca; font-size:20px;}
.news section ul li article p{ font-size:16px; color:#cacaca; line-height:36px; margin:20px 0;}
.news section ul li article a{color:#cacaca; border:1px solid #999; width:130px; height:40px; line-height:40px; text-align:center; display:block; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.news section ul li article a:hover{background:#fff; color:#050505; border-color:#fff;}


.my-pro-video{background:url(../img/video02.jpg) no-repeat center; min-width:1200px; height:570px; position:relative; overflow: hidden;}
.my-pro-video.hd-video{background-image:url(../img/video06.jpg); height:562px;}
.my-pro-video section{width:1200px; margin:auto; overflow:hidden; position:absolute; left:50%; margin-left:-600px; top:0; z-index:1;}
.my-pro-video section a{text-align:center; display:block; margin-top:211px;}
.my-pro-video section a p{font-size:32px; color:#fff; margin-bottom:10px;}
.my-pro-video section a i{width:128px; height:40px;display:block; margin:auto; cursor:pointer; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; text-align:center; line-height:40px; color:#fff; border:1px solid #fff; font-size:16px; margin-top:30px;}
.my-pro-video section a:hover i{background:#fff; color:#333;}
.my-pro-video video{display: none; position:absolute; left:50%; height:100%; margin-left:-960px; width:1920px;}



.my-brand{background:url(../img/college01.jpg) no-repeat center; background-size:cover; padding:80px 0; min-width:1200px;}
.my-brand section{width:1200px; margin:auto; overflow:hidden;}
.my-brand section div{overflow:hidden;}
.my-brand section picture{width:600px; float:left;}
.my-brand section picture img{width:100%; display:block;}
.my-brand section article{width:600px; float:left;}
.my-brand section article h3{color:#1e1e1e; font-size:28px; margin:30px 120px 30px;}
.my-brand section article p{line-height:26px; font-size:16px; margin:0 120px 0;}
.my-brand section article a{width:128px; height:44px; line-height:44px; text-align:center; color:#666; font-size:18px; display:block; margin-left:120px; border:1px solid #adadad; margin-top:20px;}


.my-brand.act section div:nth-of-type(1){-webkit-animation:lateFlIn 1s .3s both; -moz-animation:lateFlIn 1s .3s both; animation:lateFlIn 1s .3s both;}
.my-brand.act section div:nth-of-type(2){-webkit-animation:lateFrIn 1s .5s both; -moz-animation:lateFrIn 1s .5s both; animation:lateFrIn 1s .5s both;}

.pro-video{background:#000 url(../img/video07.jpg) no-repeat center top; overflow:hidden; min-height:690px; min-width:1200px;}
.pro-video section{width:1200px; margin:70px auto 0;}
.pro-video-title{text-align:center; width:800px; margin:0 auto 70px;}
.pro-video-title h2{font-size:32px; color:#fff;}
.pro-video-title p{color:#999; font-size:18px; line-height:32px; width:466px; margin:15px auto ;}
.pro-video-title a{border:1px solid #e0e0e0; width:160px; height:40px; line-height:40px; display:inline-block; *display:inline; *zoom:1; margin:0 8px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; color:#e0e0e0; font-size:16px;}
.pro-video-title a:hover, .pro-video-title a.act{background:#fff; border-color:#fff; color:#000;}

.pro-video01{overflow:hidden; position:relative;}
.pro-video01 img{width:100%; display:block;}
.pro-video01 i{width:83px; height:83px; position:absolute; left:50%; top:50%; margin:-42px 0 0 -42px; background:url(../img/video03.png) no-repeat; cursor:pointer; -webkit-transform:scale(.88); -moz-transform:scale(.88); transform:scale(.88); -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.pro-video01 i:hover{-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}


.pro-video02{ margin-bottom:80px;}
.pro-video02 section{overflow:hidden;}
.pro-video02 section picture{float:left;width:600px; height:500px; overflow:hidden; position:relative;}
.pro-video02 section picture img{width:100%; display:block;}
.pro-video02 section article{width:600px; float:left;}
.pro-video02 section article h3{font-size:32px; color:#fff; margin:70px 50px 40px;}
.pro-video02 section article summary{margin:0 50px; color:#999; line-height:30px; font-size:16px;}
.pro-video02 section article i{width:80px; height:1px; background:#5c5c5c; display:block; margin-top:30px; margin-left:50px;}
.pro-video02 picture i{width:83px; height:83px; position:absolute; left:50%; top:50%; margin:-42px 0 0 -42px; background:url(../img/video03.png) no-repeat; cursor:pointer; -webkit-transform:scale(.88); -moz-transform:scale(.88); transform:scale(.88); -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.pro-video02 picture:hover i{-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}


.video-fixed{display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:111;}
.video-fixed i{width:100%; height:100%; display:block; background:url(../img/hei.png);}
.video-fixed video{width:1000px; height:500px; position:absolute; left:50%; top:50%; margin:-250px 0 0 -500px; background:#000;}


/*常见问题*/
.qa_list{ padding:60px 0 30px;}
.qa_list h2{height:60px; color:#fff; font-size:24px; text-align:center;}
.qa_list ul{}
.qa_list ul li{position:relative; padding-left:8px; border-bottom:1px solid #202020;}
.qa_list ul li h3{position:relative; /*height:74px; line-height:74px;*/ padding:20px 0; padding-right: 20px; color:#d0d0d0; font-size:18px; cursor:pointer; -webkit-user-select:none; user-select:none; -webkit-transition:color 0.3s; -moz-transition:color 0.3s; transition:color 0.3s;}
.qa_list ul li h3 span{margin-right:10px; color:#666;}
.qa_list ul li div{display:none; margin-bottom:25px; padding:30px; font-size:16px; border-radius:4px; background:#262626; color:#cfcfd0; line-height:30px;}
.qa_list ul li i{position:absolute; top:27px; right:8px; width:20px; height:20px; border-radius:50%; background:#6f6e70 url(../img/icon_arr_w.png) no-repeat center center; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}

.qa_list ul li.act h3, .qa_list ul li:hover h3{color:#fff;}
.qa_list ul li.act i{background-color:#cf0032; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); transform:rotate(180deg);}


.page{overflow:hidden; text-align:center; padding:30px 0;}
.page a{display:inline-block; *display:inline; *zoom:1;width:36px; height:36px; line-height:36px; color:#ccc; margin:0 5px;}
.page a.act{background:#ccc; color:#333; border-radius:3px;}