@font-face {
    font-family: 'DOMDIAGB';
    src: url('../font/DOMDIAGB.eot');
    src:
    url('../font/DOMDIAGB.eot?#font-spider') format('embedded-opentype'),
    url('../font/DOMDIAGB.woff') format('woff'),
    url('../font/DOMDIAGB.ttf') format('truetype'),
    url('../font/DOMDIAGB.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

* { margin: 0; padding: 0; }

html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; height: 100%; }

body { color: #222222; overflow-x: hidden; margin: 0 auto; font-size: 12px; line-height: 1.25em; font-family: 'microsoft yahei'; -webkit-text-size-adjust: none; }

ol, ul, li { list-style: none; }

img { border: none; vertical-align: top; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; }

a { color: #222222; text-decoration: none; outline: none; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; }

button, input, select, textarea { font-size: 100%; font-family: 'microsoft yahei'; margin: 0; outline: 0 none; vertical-align: baseline; *vertical-align: middle; }

input { outline: none; border-radius: 0; font-family: 'microsoft yahei'; }

input:focus, textarea:focus { outline: none; }

input:focus { -webkit-tap-highlight-color: transparent; -webkit-user-modify: read-write-plaintext-only; }

input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; }

textarea { -webkit-appearance: none; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; }

.clearfix:before, .clearfix:after { content: ''; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

.none { display: none; }

em, i { font-style: normal; }

b { font-weight: normal; }

.w_1200 { width: 1200px; margin: auto; }

.p_top { background: #fafafa; line-height: 32px; border-bottom: 1px solid #e1e1e1; }
.p_top span { float: left; }
.p_top i { float: right; }

.w1200 { width:1260px; margin:0px auto;}
.mt150 { margin-top:-200px;}
.clear0 { clear:both;}


.pc_header { background:#ebebeb; margin:auto;}
.pc_header h1 { float: left; margin: 25px 0 34px 0; }
.pc_header .search { float: right; }
.pc_header .rbg { background:url(../images/u34.png) no-repeat 574px bottom;}

/*.nav_pc { background: #fbd2a6; }
.nav { width: 1200px; margin: auto; height:70px; line-height:70px; position: relative; z-index: 6; }
.nav a { color: #1E1E1E; }
.nav li:first-child { margin-left:92px;}
.nav .nLi { float: left; position: relative; display: inline; }
.nav .nLi h3 { float: left; }
.nav .nLi h3 a { display: block; width: 188px; font-size: 14px; text-align: center; }
.nav .sub{ display:none; width:122px; left:0; top:50px;  position:absolute; background:#017339;  line-height:30px; padding:5px 0;text-align: center;font-size: 14px;  z-index:9999; }
.nav .sub li{ zoom:1; z-index:9999; }
.nav .sub a{ display:block; padding:0 10px; }
.nav .sub a:hover{ background:#f38539; color:#fff;  }
.nav .on h3 a{ background:#017339; color:#fff;   }
*/


.nav_bg{background: #fbd2a6;}
.nav{ height:70px; line-height:70px;width: 1200px;margin: auto;  }
.nav li:first-child { margin-left:80px;}
.nav a{ color:#1E1E1E;  }
.nav .nLi{ float:left;  position:relative; display:inline;  }
.nav .nLi h3{ float:left;  }
.nav .nLi h3 a{ display:block; width: 188px; font-size: 16px; text-align: center; font-weight:bold; }
.nav .sub{ display:none; width:188px; left:0; top:70px;  position:absolute; background:#fff;  line-height:70px; text-align: center;font-size: 14px;  z-index:99999999; }
.nav .sub li{ zoom:1; z-index:9999; }
.nav .sub li:first-child { margin-left:0px;}
.nav .sub a{ display:block; padding:0 10px; }
.nav .sub a:hover{ background:#ffebd3;}
.nav .on h3 a{ background:#fff;  }





.m_header { display: none; position: relative; }
.m_header .m_logo { margin-left: 3%; }


/*transition*/
.tran200{-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}
.tran300{-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}
.tran400{-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; transition:all 0.4s linear;}
.tran500{-webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; transition:all 0.5s linear;}
.tran1000{-webkit-transition:all 1s linear; -moz-transition:all 1s linear; -ms-transition:all 1s linear; transition:all 1s linear;}
.tran5000{-webkit-transition:all 5s linear; -moz-transition:all 5s linear; -ms-transition:all 5s linear; transition:all 5s linear;}

.scaleimg:hover img,.scaleimg:hover .pic em{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.rotateY:hover{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); }
.translateX:hover{-webkit-transform:translateX(-6px); -moz-transform: translateX(6px); -ms-transform:translateX(-6px); transform:translateX(-6px);}

.clearfix:after{ display:block; visibility:hidden; clear:both; height:0; content:"";}
.clearfix{zoom:1;}
.fl{ float:left;}
.fr{ float:right;}
.auto{ margin-left:auto; margin-right:auto;}

/*.banner { width: 100%; margin: 0 auto 30px; }

.wap_banner { display: block; width: 100%; }
.wap_banner .swiper-slide { height: auto; }
.wap_banner .swiper-pagination-bullet { width: 10px; height: 10px; background: #333; }

.wap_banner .pic { width: 100%; height: 536px; }
.wap_banner .pic img { width: 100%; }

.banner_box { position: relative; width: 100%; overflow: hidden; }*/


.banner{width: 100%;position: relative;overflow: hidden; z-index:-999;}
.banner .swiper-slide a{display: block;height: 891px;background-repeat: no-repeat;background-position: center;}
.banner .swiper-button-prev,
.banner .swiper-button-next{width: 62px;height: 62px;position: absolute;top:50%;margin-top: -31px;cursor: pointer;text-align: center;line-height: 46px;background: url(../images/arrow1.png) no-repeat left top;border-radius: 50%;opacity: 0;}
.banner .swiper-button-next{background-position: left bottom;}
.banner:hover .swiper-button-prev{left: 5%;}
.banner:hover .swiper-button-next{right: 5%;}
.banner:hover .swiper-button-prev,
.banner:hover .swiper-button-next{opacity: 1;}
.banner.swiper-container-horizontal > .swiper-pagination-bullets{height: 12px;line-height: 12px;bottom: 20px;}
.banner.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{width: 12px;height: 12px;box-sizing: border-box;border:1px solid #ffffff;border-radius: 50%;margin: 0 5px;cursor: pointer;opacity: 1;background: none;}
.banner.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff;}




footer { background: #4c4a4a; padding: 20px 0; text-align: center; color: #999; font-size: 14px; line-height: 30px; }
footer p a { color: #999; padding: 0 40px; position: relative; display: inline-block; }
footer p a:after { width: 1px; height: 10px; content: ''; background: #999; position: absolute; left: 0; top: 10px; display: inline-block; }
footer p a:first-child:after { display: none; }

.main { width: 1200px; margin: auto; }


.common_title{  margin-bottom: 35px;}

.common_title b{display: block;color: #4c4a4a;font-size:72px;line-height: 63px;margin-bottom: 9px;font-family: "DOMDIAGB"; }

.common_title i{display: block;width:158px;height:5px;background: #f5d4a7; margin-top:25px; position:relative;}
.common_title i span{ width:50%;height:5px; background:#4c4a4d;display: block; position:absolute; left:0;}
/*.common_title span{display: block; color: #222222;font-size: 22px;font-weight: bold;margin-top: 11px;line-height: 33px;}*/




.nyWrap{margin: 60px auto 90px;min-height: 350px;}


.aboutWrap{margin: 0 auto;font-size: 16px;line-height: 32px;color: #4c4c4c;}
.aboutWrap img{max-width: 100%;}

.aboutWrap .item2{background: #fef3e7;overflow: hidden;}
.aboutWrap .item2 .text,.aboutWrap .item2 .pic{width: 50%;height: 475px; margin-top:128px; margin-bottom:128px;}
.aboutWrap .item2 .pic{overflow: hidden;position: relative;}
.aboutWrap .item2 .pic em,
.aboutWrap .item2 .pic b{position: absolute;width: 100%;height: 100%;}
.aboutWrap .item2 .pic em{background-repeat: no-repeat;background-position: left center;background-size: cover;}
.aboutWrap .item2 .pic b{z-index: 2;background: rgba(0,0,0,0.4);opacity: 0;}
.aboutWrap .item2:hover .pic em{-webkit-transform: scale(1.1);transform: scale(1.1);}
.aboutWrap .item2:hover .pic b{opacity: 1;}
.aboutWrap .item2 .text{box-sizing: border-box;}
.aboutWrap .item2 .text .wrap{width: 630px;height:475px;box-sizing: border-box;padding: 0 70px 0 0;color: #4C4A4A;overflow: auto ;font-size: 16px;line-height: 32px;}


.aboutWrap .item2 .text .wrap::-webkit-scrollbar{width:3px;height:3px}
.aboutWrap .item2 .text .wrap::-webkit-scrollbar-button:vertical{display:none}
.aboutWrap .item2 .text .wrap::-webkit-scrollbar-corner,
.aboutWrap .item2 .text .wrap::-webkit-scrollbar-track{background-color:#ccc}
.aboutWrap .item2 .text .wrap::-webkit-scrollbar-thumb{border-radius:0;background-color:#fff; }
.aboutWrap .item2 .text .wrap::-webkit-scrollbar-thumb:vertical:hover{ }
.aboutWrap .item2 .text .wrap::-webkit-scrollbar-thumb:vertical:active{ }



.nyTitle {font-size: 26px;padding: 5px 0px 0;line-height: 1.2;color: ##333333;font-weight: normal; margin-top:50px; margin-bottom:35px;}
.map{height:680px; width:100%; }
.contactWrap{padding-top: 0;}
.companyInfo{padding: 0px 0 68px;}
.companyInfo ul{}
.companyInfo ul li{overflow: hidden;box-sizing:border-box;}
.companyInfo ul li.li1 {width: 32%;}
.companyInfo ul li.li2 {width: 23%;}
.companyInfo ul li.li3 {width: 23%;}
.companyInfo ul li.li4 {width: 22%;}

.companyInfo ul li .icon {    font-family: 'Arial Negreta', 'Arial'; line-height:50px;
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    color: #333333;
    text-align: left;}
.companyInfo ul li .icon i{display: block;background-position: center center;width: 31px;height:39px;background-repeat: no-repeat;
transition: 300ms;-webkit-transition: 300ms;-moz-transition: 300ms;-o-transition: 300ms; float:left; margin-right:5px;}
.companyInfo ul li.li1 .icon i{background-image: url(../images/ctaico1.png);}
.companyInfo ul li.li2 .icon i{background-image: url(../images/ctaico2.png);}
.companyInfo ul li.li3 .icon i{background-image: url(../images/ctaico3.png);}
.companyInfo ul li.li4 .icon i{background-image: url(../images/ctaico4.png);}
.companyInfo ul li .tit{text-transform: uppercase;color: #b3b3b3;margin-top: 7px;font-size: 12px;line-height: 1.8;}
.companyInfo ul li .cont{margin-top: 12px;font-size: 16px;color: #333;line-height: 1.8;}
.companyInfo ul li:hover .icon i{transform: translateY(-5px);-webkit-transform: translateY(-5px);}




.nybox{ width:1549px;height: 783px;  margin:0 auto;}

.nybox .pic { width:100%; height:783px; position:relative; z-index:-999;}
.nybox .pic em,
.nybox .pic b{position: absolute;width: 100%;height: 100%;}
.nybox .pic em{background-repeat: no-repeat;background-position: left center;background-size: cover;}


.nySide{width: 255px;height:783px;box-sizing: border-box;background: rgba(0, 0, 0, 0.5); position:absolute; z-index:1;}

.nySide ul li{text-align:center;}
.nySide ul li a{display: block; height: 72px;line-height:72px;font-size: 15px;color: #cfc5bc; font-weight:bold;}
.nySide ul li:before{content: "";width: 0;height: 100%;background: #ded9d5;}
.nySide ul li.on:before,.nySide ul li:hover:before{width: 100%;}
.nySide ul li.on a,.nySide ul li:hover a{color: #3e3a37; z-index:999; background:#dcd8d5;}




.nybox2{ width:1549px;height: 783px;  margin:0 auto; }
.nybox2 .pic { width:83.54%; height:783px; position:relative; z-index:-999;}
.nybox2 .pic em,
.nybox2 .pic b{position: absolute;width: 100%;height: 100%;}
.nybox2 .pic em{background-repeat: no-repeat;background-position: left center;background-size: cover;}



.aboutWrap{margin: 0 auto;font-size: 16px;line-height: 32px;color: #4c4c4c;}




@media (max-width: 1200px) { .n_banner { margin-bottom: 0; }
  .p_top .w_1200 { width: 96%; padding: 0 2%; }
  .main, .right_box { width: 100%; }
  .nav_pc, .left_nav { display: none; }
  .index_four .four_div { width: 96%; padding: 0 2%; }
  .index_four ul li a i { display: none; }
  .index_four ul { width: 96%; padding: 0 2%; }
  .three_div { width: 100%; }
  .index_two .two_div { width: 100%; }
  .index_one { width: 96%; padding: 0 2%; }
  .index_oneul { width: 100%; }
  .index_tit { width: 96%; padding: 20px 2%; }
  .index_tit:after, .index_tit:before { width: 35%; }
  .index_five { width: 96%; padding: 40px 2%; }
  .five_left { width: 100%; }
  .five_right { width: 100%; margin-top: 40px; }
  .list_news_txt { width: 90%; padding: 5%; }
  .page_f { padding: 5%; width: 90%; }
  .page a { display: none; }
  .page a.prev, .page .next { display: inline-block; padding: 0 10%; }
  .location { padding: 10px 5%; }
  .list_about { width: 90%; padding: 5%; }
  .pc_header { display: none; }
  .m_header { display: block; }
  footer .w_1200 { width: 90%; margin: 0 5%; }
  .list_news { width: 90%; margin: 0 5%; }
  .list_news li { width: 49%; }
  .banner { width: 100%; margin-bottom: 0; }
  .n_nav { display: none; }
  .n_banner { height: 165px; }
  .n_nav a { padding: 0 10px; margin: 0 5px; }
  .pc_header { display: none; }
  .m_header { display: block; }
  .m_header .m_logo img { margin: 0; }
  .list_photo { width: 100%; } }
@media (max-width: 756px) { .index_oneul li { width: 33.3%; margin-bottom: 3%; }
  .list_news_txt li a i { display: none; }
  .wap_banner .pic { width: 100%; height: 0; padding-bottom: 50%; }
  .index_tit:after, .index_tit:before { width: 25%; }
  .three_div .swiper-slide { width: 45%; margin: 0 2.5%; }
  .list_news { width: 90%; margin: 0 5%; }
  .list_news li { width: 99%; }
  .list_photo { width: 90%; margin: 0 5%; }
  .list_photo li { width: 100%; margin: 1.5% 0; } }





.joinlist { width:100%; }
.joinlist li { float:left; width:46%; margin-right:2%;}

a .joinbutton {background: url(../images/u30.png) center no-repeat; height:40px; width:138px; display:block; text-align:center; line-height:40px; margin-top:20px; }
a .joinbutton:hover { color:#fff;}