@charset "utf-8";

/*begin  --------clear */

* { padding: 0; margin: 0; text-decoration: none;}

a { text-decoration: none; outline: none; }

a:link, a:hover { text-decoration: none; }

a:active { text-decoration: none; }

a:visited { text-decoration: none; }

.clear { clear: both; height: 0; display: block; width: 100%; font-size: 0;}

object, .wrap embed { display: block; outline: none; }

html, body { -webkit-text-size-adjust: none; }

.wrap textarea { resize: none; overflow: auto; }

article, aside, dialog, footer, header, section, footer, nav, figure, menu { display: block;}

.wrap br { font-size: 0px;}

.wrap a:link, .wrap a:hover { text-decoration: none; }

.wrap { width: 100%; height: auto; margin: 0 auto; max-width:1900px;min-width:1200px; position: relative; background: #fff !important; font-size: 14px; font-family:"微软雅黑";}

.wrap img { border: 0 none;display: inline-block; }

.wrap ul {list-style: none;}

.wrap br {font-size: 0px; line-height:0;display: block; width:100%;}

h1,h2,h3,h4,h5,h6{font-weight:normal;}

/*end--------clear  */

/*star --slider 通用*/

.slick-slider { position: relative; }

.slick-list { position: relative; overflow: hidden; display: block;margin: 0 auto; }

.slick-list:focus { outline: none; }

.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float:left;min-height: 1px; position:relative; }

.slick-slide img { display: block !important; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; position: relative; }

.slick-loading .slick-slide { visibility: hidden;}

.slick-vertical .slick-slide {display:block; height:auto; }

/*end --slider 通用  */

/*start ---btn left right*/

.btn_slick{ position: absolute; display: block;line-height: 0; font-size: 0; cursor: pointer;padding: 0; border: none; outline: none; transition: all 1s ease-out;left:50%; top: 50%;}

.slick-prev {background: url(../images/btn_left.png) no-repeat;}

.slick-next {background: url(../images/btn_right.png) no-repeat;}

/*end ---btn left right*/



/*banner*/

.wrap #top_banner {width: 100%; font-size: 0px; position: relative; min-width: 1200px; background-color: #000;}

.wrap #top_banner h1 {width: 100%; height: 200px; background: url(../images/banner1.jpg) no-repeat center top;}

.wrap #top_banner h1.h1{background-image:url(../images/banner1.jpg) ;}

.wrap #top_banner h1.h2{background-image:url(../images/banner2.jpg) ;}

.wrap #top_banner h1.h3{background-image:url(../images/banner3.jpg) ;}

.wrap #top_banner h1.h4{background-image:url(../images/banner4.jpg) ;}

.wrap #top_banner h1.h5{background-image:url(../images/banner5.jpg) ;}

.b_text { position: absolute; left: 0; top: 0; opacity: 0; transition: all 1s ease-out 0.5s; }

.b_text img {width:100%;}

#top_banner .b_text11{left:65%; opacity: 1;}

.b_text1{width:36.10526%;left:0%; top:19.577%;}

#top_banner .b_text11{margin-left:-32.68421%;}



.b_down{width:288px; height:186px; text-align: center; position: absolute; bottom:20px; left: 50%;margin-left: -144px;}

.bd_w{width:100%;font-size:18px;line-height:24px; color:#c4c4c4; z-index: 2; background: url(../images/bg_trans_b.png);  padding: 8px 0;}

.b_light{width:100px; height:155px; display:block; position: absolute; top:30px; left: 50%; margin-left:-50px; z-index: 1; cursor: pointer; transition: all 0.5s ease-in-out;}

.b_light:hover{top:40px;}

/*content*/

/*part2*/

#part2{width:100%;height:743px; background: url(../images/part2_bg1.jpg) no-repeat center top #000;}

.part2_con{width: 1200px; margin: 0 auto;padding-top: 75px; position: relative;}

.title_left{color: #937343; width: 348px;}

.title_left h1{font-size: 30px; line-height: 40px; border-bottom: 1px solid #937343;}

.title_left h2{font-size: 23px; line-height: 30px; font-family: "Century Regular";}

.title{margin:0 auto; text-align: center;display:block; /*display:inline-block;*/}

.title h1{font-size:36px; line-height: 46px; color: #937343; font-family:"궁서 Regular";}

.title h2{font-size:30px;line-height: 40px; color: #c7c6c4; font-family: "宋体"; font-weight: lighter; letter-spacing: 7px;padding: 5px 0 5px;}

.title h3{ font-size:14px;line-height:24px; color: #c3c2c2;}



.part2_con .title{ width:375px; margin-top: 27px;}

.pro_list{width: 100%; display: block; overflow: hidden;height: 435px;}

.pro_list li{margin:25px 5px 0 0; float: left; width:294px;height:190px;}

.pro_list li a{ width:294px;display: block; color: #fff; border: 1px solid transparent;}

.pro_list li a:hover{color: #937343; border: 1px solid #937343;}

.pro_list li a span{ font-size: 18px; line-height: 24px;padding: 10px 0; width: 100%; display: block; text-align: center;}



/*part3*/

#part3{ width:100%; height: 1389px; background: url(../images/part3_bg1.jpg) no-repeat center top;}

.part3_con{width: 1200px; margin: 0 auto;padding-top: 33px;}

.part3_con .title{ width:470px; margin-top: 50px;}

.p3_p{color: #d2d2d2; font-size: 14px;line-height: 24px;padding:10px 20px;display:block; width: 1028px; margin:24px auto 0; border: 1px dashed #D2D2D2;}

.p3_p a{ color:#937343;}

.p3_p a:hover{color:#fff;text-decoration:underline;}

.p3_list{width: 100%;margin-top: 35px;}

.p3_list li{float:left; display:block;}

.p3_list li.l2,.p3_list li.l4{padding-top:24px;}

.p3_list li .div{width:291px; height: 461px; background: url(../images/part3_img1.jpg) no-repeat left top; position: relative;margin:12px 7px 0 0; cursor: pointer;}

.p3_list li .div.div1{background-image: url(../images/part3_img1.jpg);}

.p3_list li .div.div2{background-image: url(../images/part3_img5.jpg);}

.p3_list li .div.div3{background-image: url(../images/part3_img2.jpg);}

.p3_list li .div.div4{background-image: url(../images/part3_img6.jpg);}

.p3_list li .div.div5{background-image: url(../images/part3_img3.jpg);}

.p3_list li .div.div6{background-image: url(../images/part3_img7.jpg);}

.p3_list li .div.div7{background-image: url(../images/part3_img4.jpg);}

.p3_list li .div.div8{background-image: url(../images/part3_img8.jpg);}





.p3_list li .div .div_con{padding:22px 20px 36px; background: url(../images/img_transb1.png); position: absolute; bottom:7px; left: 13px; right: 13px; transition: all 0.3s ease-in-out;}

.p3_list li .div.hover .div_con{bottom:30px;transition: all 0.3s ease-in-out;}

.p3_list li .div .div_con h1{font-size: 24px; color: #937343; line-height:30px; text-align: center;}

.p3_list li .div .div_con p{font-size: 12px; color: #d2d2d2; line-height:18px;padding-top: 10px;}



/*part4*/

#part4{width: 100%; height: 860px; background: url(../images/part4_bg1.jpg) no-repeat center top #000;}

.part4_con{ width: 1200px; margin: 0 auto; padding-top: 58px;}

.part4_con .title{margin-top: 45px; width: 395px;}

.p4_con1{ width: 100%; margin-top: 88px;}

.p4_con1 .card_lists{ width:603px; margin:22px 0 0 80px; float: left;}

.p4_con1 .card_lists li img{display: block; margin-bottom: 30px;}

.card_lists .btn_slick{width: 36px; height: 72px; margin-top: -36px;}

.card_lists .slick-prev{left:-85px;}

.card_lists .slick-next{left:620px;}

.card_w{width:240px; float: left;margin-left: 140px; }

.card_w li{font-size: 14px; line-height:25px;color:#d2d2d2;}

/*part5*/

#part5{width:100%;/* height:783px;*/ position: relative;}

#part5 .btn_eg{ width: 100%; height: 100%; display:block;}

.t_con{ width: 1200px;position: absolute; left: 50%; margin-left: -600px; top: 45px;z-index: 10;}

.t_con .title{padding-top: 30px;}

.t_con .title h2{color: #3e3e3d;}

#part5 .eg{width:100%; height: 783px; background: url(../images/part6_eg1_bg1.jpg) no-repeat center top;}

#part5 .eg.eg1{ background-image: url(../images/part6_eg1_bg1.jpg);}

#part5 .eg.eg2{ background-image: url(../images/part6_eg2_bg1.jpg);}

#part5 .eg.eg3{ background-image: url(../images/part6_eg3_bg1.jpg);}



.eg_con{ width:1200px; margin: 0 auto;}

.eg_con1{width:425px; padding-top: 330px;margin-left:77px;color: #626262;}

.eg_con1 img{ display: block;padding-bottom: 18px;}

.eg_con1 h2{ font-size:18px; line-height:27px;}

.eg_con1 h1{ font-size:24px; line-height:30px;padding: 15px 0;}

.eg_con1 p{ font-size:14px; line-height:22px;}



#part5 .btn_slick{width:36px; height:72px; margin-top:-36px;}

#part5 .slick-prev{margin-left: -658px;}

#part5 .slick-next{ margin-left:658px;}

/*part6*/

#part6{width:100%; height:925px; position: relative;background: url(../images/part7_bg1.jpg) no-repeat center top;}

#part6 .title_left{width: 400px;}

#part6 .title{width: 455px;}

#part6 .title h2{color:#c7c6c4;}

.zj_img{ width: 1200px;height: 260px; margin:0 auto;padding-top: 366px;}

.zj_img li{float: left; height:505px;display:block;/* background: url(../images/bg_trans_b.png);*/}

.zj_img li a{ display: block; width: 100%; height: 100%;}

.zj_img li.l1{width: 210px; margin-left:0px;}

.zj_img li.l2{width: 240px; margin-left:10px;}

.zj_img li.l3{width: 280px; margin-left:10px;}

.zj_img li.l4{width: 250px; margin-left:15px;}

.zj_img li.l5{width: 175px; margin-left:5px;}



.zj_img li.l1,.zj_img li.l5{margin-top:50px;}

.zj_img li.l2,.zj_img li.l4{margin-top: 30px;}

.zj_img li.l3{margin-top:0;}

/*part7*/

#part7{width: 100%; background: #1e1e1e; height: ;padding-bottom:95px;}

.part7_con{width: 1200px; margin: 0 auto;}

.part7_con .title_left{padding:45px 0 15px 0;}

.ser_list{ width: 1200px; margin:70px auto 0;}

.ser_list li{ float: left; width: 350px;height: 490px; border: 1px dashed #937343; text-align: center;margin-right: 70px;}

.ser_list li.last_child{margin-right: 0;}

.ser_list li .btn_ser{ width: 100%; height: 100%;}

.ser_list li img{ display: inline-block; text-align:center;padding-top: 40px; transform: scale(0.9,0.9); transition: all 0.5s ease-out;}

.ser_list li.hover img{transform: scale(1,1); transition: all 0.5s ease-out;}

.ser_list li h1{font-size: 30px; color: #937343; line-height: 48px; text-align: center;padding-top: 20px;}

.ser_list li.hover h1{color:#fff;}

.ser_list li p{font-size:12px;line-height:20px; color: #8b8b8b;padding: 40px 40px 0; text-align: left;}

/*part8*/

#part8{ width:100%; height:779px;background: url(../images/part9_bg1.jpg) no-repeat center top;}

.part8_con{width: 1200px; margin: 0 auto;}

.part8_con .title_left{padding-top:48px;}

.img_list{width:1130px; margin:60px auto 0; display: inline-block; border:6px solid #1e1e1e; height: 394px;}

.img_list li{ float: left; height: 394px;}



/*系统*/

.btn_zx8{display:inline-block; font-size: 26px; color: #fff; line-height: 48px; padding: 0 40px; background: #937343;position: absolute; bottom:50px; left: 50%; margin-left: 323px;}

.btn_zx8:hover{color: #000;}

#part9{width:100%;}

.xt_con{width:100%;}

.xt_con { width:100%; background: #4e3c2f; position: relative; }

.xt_con .YX_title { margin: 0 auto; width: 993px; height:100px;background: url(../images/YX_bottom_title.png) no-repeat center center; }

.xt_con .YX_button { display: block; position: absolute; top: 520px; left: 70%; width: 120px; height: 35px; background-color: #c6c6c6; color: #503728; font-size: 22px; line-height: 35px; text-align: center; z-index: 10000; text-decoration: none; }

.xt_con .YX_button:hover { background-color: #856d4b; color: #fffefe; }

.xt_con #pp_ul { width: 100%; background: #553e2c; }

.xt_con #tabs { overflow: hidden; width: 1089px; display: block; height: auto; margin: 0 auto; padding: 0; list-style: none; }

.xt_con #tabs li { float: left; width: 120px; height:75px; margin: 0; padding-top:35px; margin-right: 1px; background-image: url(../images/button.jpg); color: #e8e3da; font-size: 18px; text-align: center; text-decoration: none; display: block; cursor: pointer; }

.xt_con #tabs a span { letter-spacing: -1px; color: #e8e3da; }

.xt_con #tabs li:hover, .xt_con #tabs li:focus { background-position: 0 100%; }

.xt_con #tabs li:focus { outline: 0; }

.xt_con #tabs .current { z-index: 3; background-position: 0 100%; }

.xt_con #content { background: #dcdbdb; padding: 55px 0 66px 0; }

.xt_con .tab_context { width: 910px; margin: 0 auto; display: none; }

.xt_con .tab_context .YX_left { float: left; width: 390px; }

.xt_con .tab_context .YX_right { float: right; width: 465px; margin-top: 20px; }

.xt_con .tab_context .YX_right strong { color: #000000; font-size: 30px; letter-spacing: 2px; line-height: 50px; font-weight: normal; }

.xt_con .tab_context .YX_right p { color: #000000; font-size: 14px; line-height: 25px; width: 420px; height: auto; margin: 0; padding: 0; }