@charset "utf-8";

/*引入字体*/
@font-face {
 font-family: 'PristinaRegular';
 src: url('Pristina.eot');
 src: local('Pristina Regular'),
        local('Pristina'),
        url('Pristina.woff') format('woff'),
        url('Pristina.ttf') format('truetype'),
        url('Pristina.svg#Pristina') format('svg');
}

/*css reset*/
body,nav,dl,dt,dd,p,h1,h2,h3,h4,h5,ul,ol,li,input,button,textarea,footer{margin:0;padding:0}
body{font:16px/1.5 'Microsoft Yahei','Simsun';  color:#000;background:#fff;-webkit-text-size-adjust: none; min-width:320px;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight: normal; margin: 0; padding: 0;}
ul,ol{list-style:none}
a{text-decoration:none;color:#1a1a1a; cursor: pointer;}
a:hover, a:active, a:focus{color:#1c5aa2;text-decoration: none;}
a:active{color:#aaa;}
img{border:0;-ms-interpolation-mode:bicubic; display: block;}
button,input,select,textarea{font-size:100%; vertical-align:middle; outline:none;}
textarea{resize:none}
button,input[type="button"],input[type="reset"],input[type="submit"] {cursor:pointer;-webkit-appearance:button;-moz-appearance:button}
input:focus:-moz-placeholder,input:focus::-webkit-input-placeholder {color:transparent}
button::-moz-focus-inner,input::-moz-focus-inner { padding:0; border:0}

.fl{float:left;}
.fr{float:right;}
.hide{display:none;}
.show{display: block;}
.clear { clear:both;}
.img_auto{ display: block; max-width: 100%; margin: 0 auto;}
.img_box_auto {text-align: center; display: table-cell; vertical-align:middle;}
.img_box_auto img { max-height: 98%; max-width: 98%; }
.img_max { max-height: 100%; max-width: 100%; }
.box { position:relative; width:100%; overflow: hidden; min-width:1200px; max-width:1440px; _width:expression_r(document.body.clientWidth < 1200? "1200": "100%" ); margin:0 auto;}
.mar1200 { width: 1200px; margin: 0 auto; }
.banner { width: 100%; height: 100%; }
.swiper-container { width: 100%; height: 100%;}
.swiper-container .swiper-wrapper { width: 100%; height: 100%;}
.swiper-container .swiper-wrapper a { display: block; width: 100%; height: 100%; }
.swiper-container .swiper-wrapper a.a1 { background: url(../images/1.jpg) no-repeat center; background-size:cover;}
.swiper-container .swiper-wrapper a.a2 { background: url(../images/5.jpg) no-repeat center; background-size:cover;}
.swiper-container .swiper-wrapper a.a3 { background: url(../images/6.jpg) no-repeat center; background-size:cover;}
.swiper-container .swiper-wrapper a.a4 { background: url(../images/wangxun.jpg) no-repeat center; background-size:cover;}
.swiper-container .swiper-pagination { padding-left: 10px;}
.swiper-container.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {    margin: 20px 0;}
.swiper-container.swiper-container-vertical>.swiper-pagination-bullets { right: 58px;}
.swiper-container .swiper-pagination-bullet {
    width: 33px;
    height: 20px;
    display: inline-block;
    border-radius: 0;
    background: url(../images/29.png) no-repeat right;
    opacity: 1;
}
.swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background: url(../images/28.png) no-repeat right;}

.page { width: 100%; position: relative;}

.header {position: fixed; left: 0; top:0; width: 100%; z-index: 2;}
.header .nav { width: 660px; float: right; margin-top: 30px; text-align: right;}
.header .nav a { display: inline-block; font-size: 16px; color: #fff; margin-right: 30px; padding-bottom: 10px;}
.header .nav a.active { border-bottom: 1px solid #f5a200;}
.header .link { width: 100px; float: right; margin-top: 26px;}
.header .link a { display: block; float: left; width: 50px; text-align: center; position: relative;}
.header .link a img.ewm { z-index: 3; position: absolute; display: none; top:34px; left: -50px;} 
.header .link a:hover img.ewm { display: block;}
.header2 {position: fixed; opacity: 0; left: 0; top:0; width: 100%; z-index: 2; background: url(../images/31.png) repeat;}
.header2 .nav { width: 660px; float: right; margin-top: 20px; text-align: right;}
.header2 .nav a { display: inline-block; font-size: 16px; color: #fff; margin-right: 30px; padding-bottom: 10px;}
.header2 .nav a.active { color:#f5a200 ; border-bottom: 1px solid #f5a200;}
.header2 .link { width: 100px; float: right; margin-top: 20px;}
.header2 .link a { display: block; float: left; width: 50px; text-align: center; position: relative;}
.header2 .link a img.ewm { z-index: 3; position: absolute; display: none; top:34px; left: -50px;} 
.header2 .link a:hover img.ewm { display: block;}
.header3 {position: fixed; left: 0; top:0; width: 100%; z-index: 2;background: url(../images/h50.png) repeat;}
.header3 .nav { width: 600px; float: right; margin-top: 40px; text-align: right;}
.header3 .nav a { display: inline-block; font-size: 16px; color: #fff; margin-right: 30px; padding-bottom: 10px;}
.header3 .nav a.active { color:#f5a200 ; border-bottom: 1px solid #f5a200;}
.header3 .link { width: 100px; float: right; margin-top: 36px;}
.header3 .link a { display: block; float: left; width: 50px; text-align: center;position: relative;}
.header3 .link a img.ewm { z-index: 3; position: absolute; display: none; top:34px; left: -50px;} 
.header3 .link a:hover img.ewm { display: block;}
.header4 {position: relative; width: 100%; z-index: 2; background: #fff;}
.header4 .nav { width: 600px; float: right; margin-top: 34px; text-align: right;}
.header4 .nav a { display: inline-block; font-size: 16px; color: #000; margin-right: 30px; padding-bottom: 10px;}
.header4 .nav a.active { color:#f5a200 ; border-bottom: 1px solid #f5a200;}
.header4 .link { width: 100px; float: right; margin-top: 26px;}
.header4 .link a { display: block; float: left; width: 50px; text-align: center;position: relative;}
.header4 .link a img.ewm { z-index: 3; position: absolute; display: none; top:34px; left: -50px;} 
.header4 .link a:hover img.ewm { display: block;}

.index_part1_bottom { width: 100%; position: fixed; z-index: 2; left: 0; bottom: 0; background: url(../images/3.png) repeat;}
.index_part1_bottom  img { width: 800px; margin: 0 auto;}
.index_part1_bottom  .a_zone { width: 800px; position: absolute; height: 100%; left: 50%; margin-left: -400px;}
.index_part1_bottom  .a_zone a { position: absolute; display: block; width: 33.3%; height: 100%; top:0;}
.index_part1_bottom  .a_zone a.a1 { left: 0;}
.index_part1_bottom  .a_zone a.a2 { left: 33.3%;}
.index_part1_bottom  .a_zone a.a3 { left: 66.6%;}

.page2 { background: url(../images/2.jpg) center repeat-y; overflow: hidden;}
.page2 .zone { width: 870px; margin: 0 auto;}
.page2 .zone h3 { font-size: 48px; text-align: center; margin-left: 300px; padding-top: 60px; opacity:0;}
.page2 .zone h4 { font-size: 24px; text-align: center; margin-left: 300px; opacity:0;}
.page2 .zone .list { text-align: center; margin: 28px 0; margin-left: 300px; opacity:0;}
.page2 .zone .list a { position: relative; display: inline-block; color: #000; font-size: 18px; line-height: 36px;height: 36px; width: 130px; text-align: center; margin: 0 10px; border: 2px solid #999;}
.page2 .zone .list a.active { background: url(../images/h50.png) repeat; color: #fff;}
.page2 .zone .list a
{

transition:border-radius 1s;
-moz-transition:border-radius 1s; /* Firefox 4 */
-webkit-transition:border-radius 1s; /* Safari and Chrome */
-o-transition:border-radius 1s; /* Opera */
}
.page2 .zone .list a:hover
{
border-radius: 30px;
}
.page2 .zone .swiper-container2 { width: 870px; margin: 0 auto; margin-top: 200px; overflow: hidden; opacity:0;}
.page2 .zone .cell .p_zone { text-align: center; font-size: 12px; line-height: 24px; font-family: "宋体"; margin-bottom: 40px;}
.page2 .zone .cell img { display: block; max-width: 100%; max-height: 250px; margin: 0 auto;}

.page3 .part1 h3 { font-size: 48px; text-align: center; padding-top: 100px; margin-left: 300px; opacity:0;}
.page3 .part1 h4 { font-size: 24px; text-align: center; margin-left: 300px; opacity:0; margin-bottom: 40px;}
.page3 .part1 .img_zone { width: 1126px; margin: 0 auto; margin-top: 200px;}
.page3 .part1 .img_zone .cell_box_box { width: 256px; height: 110px;  opacity:0; margin: 11px; border: 1px solid #ccc; float: left; }
.page3 .part1 .img_zone .cell_box { width: 256px; height: 110px; text-align: center; display: table-cell; vertical-align:middle;}
.page3 .part1 .img_zone .cell_box .cell img { display: block; margin: 0 auto;}
.page3 .part1 .img_zone .cell_box .cell img 
{
transition:width 2s, height 2s;
-moz-transition:width 2s, height 2s, -moz-transform 2s; /* Firefox 4 */
-webkit-transition:width 2s, height 2s, -webkit-transform 2s; /* Safari and Chrome */
-o-transition:width 2s, height 2s, -o-transform 2s; /* Opera */
}

.page3 .part1 .img_zone .cell_box .cell:hover img
{

transform: rotateY(360deg);
-webkit-transform: rotateY(360deg);	/* Safari 和 Chrome */
-moz-transform: rotateY(360deg);	/* Firefox */
}
.page3 .part2 { position: absolute; left: 0; bottom: 0; width: 100%; background: #191919; padding-top: 36px;}
.page3 .part2>img { margin: 0 auto; margin-bottom: 10px;}
.page3 .part2 h4 { text-align: center; font-size: 12px; color: #a3a3a3;}
.page3 .part2 .link { text-align: center; margin: 14px 6px;}
.page3 .part2 .link a { display: inline-block; margin: 0 10px;}
.page3 .part2 h5 { text-align: center;}
.page3 .part2 h5 span { display: inline-block; font-family: arial; line-height: 40px; border-top: 1px solid #ccc; font-size: 12px; color: #a3a3a3;}

.section_lxwm { background: #aaaaaa;}
.lxwm h3 { font-size: 48px; line-height: 48px; text-align: center;}
.lxwm h4 { font-size: 24px; text-align: center;}
.lxwm_main { width: 950px; margin: 50px auto 0; padding-bottom: 50px;}
.lxwm_main .left { width: 328px;}
.lxwm_main .left input { width: 100%; margin-bottom: 8px; padding-left: 20px; font-size: 18px; border: 1px solid #ccc; line-height: 40px; height: 40px; background: #eeeeee;}
.lxwm_main .left textarea { width: 100%; line-height: 24px;  padding-left: 20px; padding-top: 10px; font-size: 18px; border: 1px solid #ccc; height:200px; background: #eeeeee;}
.lxwm_main .left a.tj { background: #f5a200; width: 114px; height: 40px; line-height: 40px; font-size: 14px; color: #fff; text-align: center; display: block; margin:10px auto 0; }
.lxwm_main .right { width: 480px; float: right;}
.lxwm_main .right .link { margin-bottom: 16px;}
.lxwm_main .right .link .cell { width: 108px; text-align: center; margin-right: 17px; float: left;}
.lxwm_main .right .link .cell p {font-family: "宋体"; margin-top: 10px; font-size: 12px; color: #737373;}
.lxwm_main .right .p_zone { font-size: 14px; color: #4d4d4d; line-height: 24px;}
.lxwm_main .right .p_zone p { margin-bottom: 5px;}
.lxwm_main .right .p_zone p span { font-weight: 500; font-size: 18px; color: #000; line-height: 30px;}
.lxwm_main .right .p_zone p a { font-family: "宋体"; display: block; float: right; font-size: 12px; color: #b1b1b1; background: #737373; line-height: 24px; height: 24px; width: 100px; text-align: center;}
.section_lxwm .copyright { text-align: center; position: absolute; width: 100%; left: 0; bottom: 0;  color: #a3a3a3;font-size: 12px; line-height: 40px; padding-bottom: 10px; background: #191919;}






.swiper-container3 { width: 100%; height: 100%;}
.swiper-container3 .swiper-wrapper { width: 100%; height: 100%;}
.swiper-container3 .swiper-wrapper a { position: relative; display: block; width: 100%; height: 100%; }
.swiper-container3 .swiper-wrapper a.a1 { background: url(../images/3.jpg) no-repeat center; background-size:cover;}
.swiper-container3 .swiper-wrapper a.a2 { background: url(../images/7.jpg) no-repeat center; background-size:cover;}
.page6_part1 { width: 800px; position: absolute; left: 50%; margin-left: -280px; bottom: 90px; background: url(../images/3.png) repeat;}
.page6_part1 .zone { width: 90%; margin: 0 auto; padding: 50px 0;}
.page6_part1 .zone h3 { font-size: 20px; color: #fff; margin-bottom: 10px;}
.page6_part1 .zone .p_zone { font-size: 14px; line-height: 20px; color: #bcbcbc;}

.section7 { background:#fff url(../images/10.png) no-repeat center bottom; background-size: 100% auto;}
.section7 h3 { margin-bottom: 90px; text-align:center; font-size: 22px; line-height: 40px; color: #4c4f51;}
.section7 h3 span { color: #d50000;}
.section7 .img_zone { width: 1000px; margin: 0 auto; padding-bottom: 100px;}
.section7 .img_zone .cell { cursor: pointer; width: 200px; margin-bottom: 30px; float: left; line-height: 48px; font-size: 20px; color: #0a050d;}
.section7 .img_zone .cell .img_box { float: left; background: #6a6a6a; border-radius: 5px; height: 48px; width: 48px; margin-right: 12px;text-align: center; display: table-cell; vertical-align:middle;}
.section7 .img_zone .cell:hover { color: #f5a100;}
.section7 .img_zone .cell:hover .img_box { background: #f5a100;}

.section8 { position: relative;}
.section8 .part1 { position: absolute; width: 100%; top:100px; left: 0; z-index: 2;}
.section8 .part1 h3 { font-size: 48px; text-align: center; color: #fff;}
.section8 .part1 h4 { font-size: 24px; text-align: center; color: #fff;}
.section8 .part1 .p_zone { font-size: 12px; line-height: 24px; margin-top: 30px; color: #bbbbbb; font-family: "宋体"; text-align: center;}

.swiper-container5 { position: absolute; left: 0; top:0; width: 100%; height: 100%;}
.swiper-container5 .swiper-wrapper { width: 100%; height: 100%; position: relative;}
.swiper-container5 .swiper-wrapper .swiper-slide { width: 100%; height: 100%; position: relative;}
.swiper-container5 .swiper-wrapper .swiper-slide.a1 { background: url(../images/14.jpg) no-repeat center; background-size:cover;}
.swiper-container5 .swiper-wrapper .swiper-slide.a2 { background: url(../images/14.jpg) no-repeat center; background-size:cover;}
.swiper-container5 .swiper-wrapper .part2 { z-index: 2; width: 1100px; padding-top: 250px; margin: 0 auto;}
.swiper-container5 .swiper-wrapper .part2 .part2_main { width: 1000px; margin: 0 auto;}
.swiper-container5 .swiper-wrapper .part2 .part2_main .swiper-container4 { width: 500px; float: right; overflow: hidden; position: relative;}
.swiper-container5 .swiper-wrapper .part2 .part2_main .swiper-container4 img { width: 100%;}
.swiper-container5 .swiper-wrapper .part2 .part2_main .part2_left { width: 400px; padding-top: 10px;}
.swiper-container5 .swiper-wrapper .part2 .part2_main .part2_left h5 { font-size: 30px; color: #f08200;}
.swiper-container5 .swiper-wrapper .part2 .part2_main .part2_left h6 { font-size: 12px; color: #919191; margin-bottom: 10px;}
.swiper-container5 .swiper-wrapper .part2 .part2_main .part2_left .p_zone { font-size: 14px; line-height: 30px; color: #fff;}
.swiper-container5 .swiper-wrapper .part2 .part2_main .part2_left .link { line-height: 18px; margin-top: 30px; height: 20px;}
.swiper-container5 .swiper-wrapper .part2 .part2_main .part2_left .link a { display: inline-block; float: left; min-width: 1px; height: 20px; padding-left: 24px; margin-right: 10px; color: #999999; font-size: 12px; font-family: 宋体;}
.swiper-container5 .swiper-wrapper .part2 .part2_main .part2_left .link a.a1 { background: url(../images/40.png) left no-repeat;}
.swiper-container5 .swiper-wrapper .part2 .part2_main .part2_left .link a.a2 { background: url(../images/38.png) left no-repeat;}
.swiper-container5 .swiper-wrapper .part2 .part2_main .part2_left .link a.a2.active { background: url(../images/39.png) left no-repeat;}
.swiper-container5 .swiper-wrapper .part2 .part2_main .part2_left .link a.a3 { background: url(../images/41.png) left no-repeat;}
.swiper-container5 .swiper-wrapper .part2 .part2_main .part2_left .side { margin-top: 20px;}
.swiper-container5 .swiper-wrapper .part2 .part2_main .part2_left .side a { display: inline-block; width: 55px; height: 55px;  margin-right: 10px;}
.swiper-container5 .swiper-wrapper .part2 .part2_main .part2_left .side a.left { background: url(../images/36.png) center no-repeat;}
.swiper-container5 .swiper-wrapper .part2 .part2_main .part2_left .side a.right { background: url(../images/37.png) center no-repeat;}
.swiper-container5 .swiper-wrapper .part2 .part2_main .part2_left .side a.left:hover { background: url(../images/42.png) center no-repeat;}
.swiper-container5 .swiper-wrapper .part2 .part2_main .part2_left .side a.right:hover  { background: url(../images/43.png) center no-repeat;}
.swiper-container4>p { position: absolute; width: 100%; left: 0; bottom: 0; font-size: 14px; color: #fff;}
.swiper-container4 .swiper-pagination { text-align: right; position: relative; margin-top: 10px;}
.swiper-container4 .swiper-pagination .swiper-pagination-bullet{ background: #8e8980; border-radius: 0;}
.swiper-container4 .swiper-pagination .swiper-pagination-bullet-active {background:#f5a200;}

.section9 { background: #f5f5f5;}
.section9 .part1 h3 { font-size: 48px; text-align: center; padding-top: 50px;}
.section9 .part1 h4 { font-size: 24px; text-align: center;}
.section9 .part1 .swiper-container6 { width: 70%; overflow: hidden; margin: 70px auto 0; }
.section9 .part1 .swiper-container6 .cell {}
.section9 .part1 .swiper-container6 .cell img { max-width: 100%; margin: 0 auto;}
.section9 .part1 .swiper-container6 .cell .p_zone { padding: 10px 5%; background: #fff;}
.section9 .part1 .swiper-container6 .cell .p_zone h5 { font-size: 14px; margin-bottom: 8px;}
.section9 .part1 .swiper-container6 .cell .p_zone p { color: #7a7a7a; font-size: 12px;}



/*新闻*/
.news_part1 img { width: 100%;}
.page4 { background: #191919; padding-top: 50px;}
.page4>img { margin: 0 auto; margin-bottom: 20px;}
.page4 h4 { text-align: center; font-size: 12px; color: #a3a3a3;}
.page4 .link { text-align: center; margin: 24px 16px;}
.page4 .link a { display: inline-block; margin: 0 10px;}
.page4 h5 { text-align: center;}
.page4 h5 span { display: inline-block; font-family: arial; line-height: 50px; border-top: 1px solid #ccc; font-size: 12px; color: #a3a3a3;}

.sf_title { color: #787878; font-size: 12px; line-height: 40px; padding-top: 10px; border-bottom: 1px dashed #787878;}
.sf_title a {  color: #787878; }
.news_main { padding-top: 30px;}
.news_main_right { width: 341px; float: right;}
.news_main_left { width: 800px; padding-bottom: 50px;}
.news_main_left h3 { font-size: 24px; font-weight: bold;}
.news_main_left .link { overflow: auto; line-height: 18px; margin-top: 24px; margin-bottom: 36px; font-size: 12px; color: #5e5e5e;}
.news_main_left .link span { float: left;margin-right: 20px;}
.news_main_left .link a { display: inline-block; float: left; min-width: 1px; height: 20px; padding-left: 24px; margin-right: 10px; color: #999999; font-size: 12px; font-family: 宋体;}
.news_main_left .link a.a1 { background: url(../images/40.png) left no-repeat;}
.news_main_left .link a.a2 { background: url(../images/38.png) left no-repeat;}
.news_main_left .link a.a2.active { background: url(../images/39.png) left no-repeat;}
.news_main_left .link a.a3 { background: url(../images/41.png) left no-repeat;}
.news_main_left .pro { margin-bottom: 30px; position: relative; background: #e5e5e5; padding: 45px 80px; font-size: 14px; line-height: 24px; color: #666;}
.news_main_left .pro span { font-size: 18px; position: absolute; left: 0; top:10px; padding: 0 10px; color: #fff; background: #ff4400;}
.news_main_left .contant { font-size: 14px; line-height: 30px; color: #3d3d3d;}
.news_main_left .contant h4 { font-size: 18px; line-height: 36px; font-weight: bold; color: #000;}
.news_main_left .contant img { margin: 30px auto;}
.news_main_left .back { text-align: center; margin: 50px 0;}
.news_main_left .back a { font-size: 14px; color: #4b4b4b; background: #f2f2f2; padding: 12px 30px;}
.news_main_left .next { color: #1c1c1c; font-size: 14px; padding-top: 30px; border-top: 1px dashed #787878;}