﻿/* CSS Document */
body,span,ul,li,dl,dt,dd,p,h1,h2,h3{ padding:0; margin:0;}
body{ font-size:16px; color:#666; font-family:"Microsoft yahei";}
a{ text-decoration:none;}
li{ list-style-type:none;}
.undis{ display:none;}
.clear{ clear:both;}
.news_head{ display: none;}
.topnav{ width:100%; height:39px; font:16px/40px "Microsoft yahei"; color:#fff; border-bottom:1px #76767a solid; background:rgba(0,0,0,0.3);}
.div_main{ width:1350px; margin:0 auto;}
.div_main1{ width: 1000px; margin: 0 auto;}
.mainbanner{ width:100%; height:938px; position:relative; /*margin-top:75px;*/}
.banner{ width:100%; height:938px; color:#fff; overflow:hidden;}
.banner span{ font:500 70px/80px "Microsoft yahei"; color:#fff; position:absolute; top:50%; animation:goto 1s; animation-fill-mode: forwards;}
@-webkit-keyframes goto{ 0%   { left:6%;} 100% { left:4%;}}
.banner span em{ font: 500 18px/30px "Microsoft yahei"; position:absolute; top:-50px; font-style:normal; color:#fff;}
.banner a{ display:block; width:100%; height:100%;}
.banner_scrool{ width:9600px; height:938px;}
 .banner_park,.banner_studio,.banner_exhibit,.banner_service,.banner_ss{ float:left; width:1920px; height:938px;}
/* .banner_ss{ background:url(../images/banner_ss.jpg) top center no-repeat;} */
 .banner_park{ background:url(../images/banner1.jpg) top center no-repeat;}
 .banner_studio{ background:url(../images/banner2.jpg) top center no-repeat;}
 .banner_exhibit{ background:url(../images/banner3.jpg) top center no-repeat;}
 .banner_service{ background:url(../images/banner4.jpg) top center no-repeat;}
/*.banner_static{ width:1920px; height:938px; background:url(../images/banner1.png) top center no-repeat; margin:0 auto;}*/
.mainnav,.mainnav_dark{ width:100%; height:auto; padding:15px 0; position:fixed; top:0;}
.mainnav_dark{ background:#fff;  z-index:99999;}
.navslide{height: 310px; background: rgba(11,15,25,0.2); transition: all 1s;}
.navslide_dark{height: 310px; background: #fff; box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.03); transition: all 1s; z-index:99999;}
.mainnav a.logo,.mainnav_dark a.logo{ float:left; display:block; width:246px; height:39px; background:url(../images/logo_col.png) no-repeat; margin:5px 0 0 0;}
.mainnav ul,.mainnav_dark ul{ float:right;}
.mainnav ul li,.mainnav_dark ul li{ float:left; height:45px; line-height:45px; position:relative;}
.mainnav ul li a,.mainnav_dark ul li a{ font:normal 16px/30px "Microsoft yahei"; margin-right:66px; color:#fff; cursor:pointer;}
.mainnav ul li a:hover,.mainnav_dark ul li a:hover{ font-weight:bold; color:#2050D1;}
.mainnav ul li:hover p,.mainnav_dark ul li:hover p{display:block;}
.mainnav ul li p,.mainnav_dark ul li p{ display:none; background:url(../images/li_bg.png) left top no-repeat; padding-top:10px; position:absolute;}
.mainnav ul li p a,.mainnav_dark ul li p a{ float:left; line-height:35px; font-weight: normal; margin-right:25px;}
.mainnav ul li p a:hover{ color:#2050D1;}
.mainnav ul li.about p,.mainnav_dark ul li.about p{ width:250px;}
.mainnav ul li.product p,.mainnav_dark ul li.product ul{ width:550px;}
.mainnav ul li.product p a,.mainnav_dark ul li.product ul a{ display:inline-block; margin-right: 20px; font-size:15px;}
.mainnav ul li.product p a:hover, .mainnav_dark ul li.product ul a:hover{
    font-weight: bold;
}
.mainnav_dark ul li.product ul {
    display: none;
    background: url(../images/li_bg.png) 270px top no-repeat;
    padding-top: 10px;
    position: absolute;
    left: -270px;
}
.mainnav_dark ul li.product:hover ul{
    display: block;
}
.mainnav_dark ul li.product ul li {
    width: 100%;
    min-height: 30px;
    height: auto;
    line-height: 30px;
    padding: 15px 0;
    border-bottom: 1px #E5E5E5 solid;
}
.mainnav_dark ul li.product ul li:nth-last-child(1){
    border: 0;
}
.mainnav_dark ul li.product ul li a{
    font-weight: 400;
}
.mainnav_dark ul li span{ float: left; margin-right: 25px; color: #999;}
.mainnav_dark ul li a {
    color: #000;
}
.turnpage{ width:1200px; height:58px; position:absolute; bottom:180px; left:0;}
.turnpage_l,.turnpage1_l{ float:left; width:900px; height:2px; background:#f3f3f3; margin-top:28px;}
.turnpage_l a{ display:block; float:left; width:25%; height:2px;}
.turnpage1_l a{ display:block; float:left; width:33.3%; height:2px;}
.turnpage_l a.current,.turnpage1_l a.current{ background:#ff6600;}
.turnpage_r,.turnpage1_r{ float:right; width:156px; font-size:24px; line-height:58px; text-align:center; color:#9a9d9b;}
.turnpage_r a,.turnpage1_r a{ display:block; width:58px; height:58px; border:1px #9a9d9b solid; border-radius:58px; cursor:pointer;}
.turnpage_r a.turnleft,.turnpage1_r a.turnleft{ float:left;}
.turnpage_r a.turnright,.turnpage1_r a.turnright{ float:right;}
.turnpage_r a.current{ border:1px #fff solid; color:#fff; transition:all 2s;}
.turnpage1{ width:1350px; height:58px; margin:30px 0;}
.turnpage1_l{ width:1100px; background:#b5b5b5;}
.turnpage1_r a.current{ border:1px #3f3f3f solid; color:#3f3f3f;}
.industrynav{ width:100%; height:100px; line-height: 100px; text-align:center; background:rgba(0,0,0,0.3); position:absolute; bottom:0;}
.industrynav a{ display: inline-block; width: 113px; font:normal 18px/20px "Microsoft yahei";  color:#fff; border-right: 1px rgba(255,255,255,0.2) solid;}
.industrynav a:first-child { text-align: left; width: 100px;}
.industrynav a:last-child{ border-right: 0;text-align: right;width: 100px;}
h2{ height:100px; position:relative; padding-top:90px; }
h2 span{ font: 700 38px/50px "Microsoft yahei"; padding-top:30px; color:#222; position:relative; z-index:99;}
h2 span em{ font-style:normal; color:#2050D1;}
h2 i{ font-style:normal; font: normal 70px/60px arial; color:#f1f1f1; position:absolute; left:0; top:70px; z-index:88; }
h2 a{ float:right; color:#999; font-weight:normal;}
.rooter{ width:100%; height:240px; background:#fcfcfc; padding-top:80px;}
.rooter dl{ width:1350px; margin:0 auto 30px;}
.rooter dl dd p.hotline{ font:normal 12px/18px "Microsoft yahei"; color:#666;font-weight:400;margin-top: 10px;}
.rooter dl dd p.hotline span{ margin-left: 6px; font-size: 16px; font-weight: bold; color:#2050D1; line-height: 20px;}
.rooter dl dd p.report{ font:normal 12px/18px "Microsoft yahei"; color:#999;margin: 8px 0 9px 0;text-align: left;}
.rooter dl dd p.tel{ font:normal 20px/20px "Microsoft yahei"; color:#2050D1;font-weight:bold;}
.rooter dl dd{ float:left; height: 166px; font:normal 12px/25px "Microsoft yahei";}
.rooter dl dd a{ color:#666;}
.rooter dl dd.add{ border-left:1px #ececec solid; border-right:1px #ececec solid;}
.rooter dl dd.follow {padding-right: 0;}
.rooter dl dd.follow > div > img{ width:40px; height:40px;margin-right: 13px;vertical-align: top;}
.rooter dl dd.follow > div > div > p{ font-weight: bold; line-height: 12px;margin: 2px 0 4px 0;}
.rooter dl dd.copyright{ border-left:1px #ececec solid; border-right:1px #ececec solid;}
.rooter dl dd{ padding:0 34px;}
.rooter dl dd:first-child{ padding-left: 0;}
.rooter dl dd strong{ display:block; font-size:18px; margin-bottom:25px;}
.rooter dl dt strong{ display: block;  font-size:18px; margin: 14px 0 5px 0; color: #666;}
.rooter dl dt span.lighter{ font-weight: lighter; color: #999;}
.rooter dl dt b.tel{ font-size: 20px; color: #2050D1; line-height: 30px;}
.rooter ul {line-height: 18px;}
.rooter ul li{ display:inline-block; text-align:center; font-size:12px; line-height:12px; position:relative;}
.rooter ul li span{ display:none; width:92px; height:92px; border:7px #fff solid; box-shadow:0 0 5px 1px #cdcdcd; position:absolute; bottom:30px; left:50%; -ms-transform:translateX(-50%); transform:translateX(-50%); transition: opacity 3s ease-in 2s;}
.rooter ul li span i{ width:10px; height:10px; background:#fff; transform:rotate(45deg); position:absolute; left:50%; bottom:-11px; -ms-transform:translateX(-50%) rotate(45deg); transform:translateX(-50%) rotate(45deg);}
.rooter ul li span img{ width:100%;}
.rooter ul li:hover span{ display:block;}
.rooter p{ font-size:12px;}
.rooter p a{ margin:0 20px; color:#666; line-height:30px;}
/**内页**/
.ny_turnpage{text-align: center; margin:20px 0; height: 35px; line-height:35px;}
.ny_turnpage a{ margin:0 15px; color:#626262;}
.ny_turnpage span{ margin:0 15px;}
.nybanner{ width:100%; height:400px; position:relative; margin-top: 75px;}
.nybanner b{ font: 500 60px/70px "Microsoft yahei"; color:#fff; position:absolute; left:25%; bottom:-200px;}
.newsbg{ background:url(../images/banner/banner_news.jpg) top center no-repeat;}
/* .growthbg{ background:url(../images/banner/banner_growth.jpg) top center no-repeat;} */
.developbg{ background:url(../images/banner/banner_develop.jpg) top center no-repeat;}
.aboutusbg{ background:url(../images/banner/banner_aboutus.png) top center no-repeat;}
.honorbg{ background:url(../images/banner/banner_honor.jpg) top center no-repeat;}
.culturebg{ background:url(../images/banner/banner_culture.jpg) top center no-repeat;}
.contactbg{ background:url(../images/banner/banner_contact.jpg) top center no-repeat;margin-top: 75px;}
/* .leaderbg{ background:url(../images/banner/banner_leader.jpg) top center no-repeat;} */
.joinusbg{ background:url(../images/banner/banner_joinus.jpg) top center no-repeat;}
/* .copybg{ background:url(../images/banner/banner_copyright.jpg) top center no-repeat;} */
/* .agreementbg{ background:url(../images/banner/banner_agreement.jpg) top center no-repeat;} */
/* .independentbg{ background:url(../images/banner/banner_independent.jpg) top center no-repeat;} */
/* .lawannouncebg{ background:url(../images/banner/banner_lawannounce.jpg) top center no-repeat;} */
/* .privacybg{ background:url(../images/banner/banner_privacy.jpg) top center no-repeat;} */
/* .accountbg{ background:url(../images/banner/banner_account.jpg) top center no-repeat;} */
/* .nybanner_irm {
    width: 100%;
    height: 470px;
    position: relative;
    margin-top: 75px;
    background: url(../images/banner/banner_irm.jpg) top center no-repeat;
} */
.main{ width: 1350px; margin: 0 auto;}


.f12 {
    font-size: 12px
}
.f20{font-size:20px}
.f24{font-size:24px}
.f14{font-size:14px}
.clearfix-time{display:block}
/***适配宽屏*窄屏分辨率**/
@media only screen and (max-width: 1370px) {
     .div_main{ width:1200px; margin:0 auto;}
     .industrynav a{ margin:0 19px;}
     .mainnav_dark ul li a{margin-right:50px;}
     .rooter dl{ width:1200px;}
     .rooter dl dd{ padding:0 28px;}
     .rooter dl dd.add {width: 180px;}
    .rooter dl dd .follow { width: 170px; }
    .rooter dl dt {width: 190px !important;}
}
 @-webkit-keyframes goto{ 0%   { left:3%;} 100% { left:1%;}}

@media screen and (min-width:1950px){
    .banner_scrool {  position: absolute;  left: 50%; margin-left: -960px; }
    .topnav,.industrynav{ width:1920px; left:50%; margin-left:-960px;}
    .mainnav { width: 1920px; left: 50%; margin-left: -960px;}
 }
@media screen and (max-width:1200px){
    
    .div_main1{ width: 100%;}
    .mainnav_dark ul{ width:770px;}
    .mainnav_dark ul li a{margin-right:40px;}
    .rooter dl dt {width: 190px!important;}
    .rooter dl dd{ padding:0 28px;}
    .rooter ul li{ margin-left:0;}
    
    /*.news_title, .news_content, .news_content p, .news_content span {
        font-size: 1.1em;
    }*/
   .news_title h1 { font: bold 20px/30px "Microsoft yahei"!important; }
     }
@media screen and (max-width:1000px) {
    .nybanner, .newsbg {
        display: none;
    }
    .div_main1 {
        width: 100%;
    }
    .news_head{ display: block;}
    .news_head img{ width: 100%;}
    .rooter{ display: none;}
}

