body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{margin:0;padding:0;border:0;} 
body{background:#fff;color:#333;font-size:12px;font-family:"Microsoft YaHei","SimSun","宋体","Arial Narrow";} 
*{box-sizing: border-box;}
@font-face { 
  font-family: YOUROOKMARBELOUS_0; /*这里是说明调用来的字体名字*/ 
  src: url('YOUROOKMARBELOUS_0.TTF'); /*这里是字体文件路径*/ 
} 
ul,ol{list-style-type:none;} 
select,input,img,select{vertical-align:middle;} 
em, i {font-style: normal;}
a{ color:#333;text-decoration:none;} 
a:link{color:#333;} 
a:visited{color:#333;} 
a:hover,a:active,a:focus{color:#c00;text-decoration:none;}
.p_0_30{padding:0 30px;}
.p_15_0{padding:15px 0;}
.w1200{width:1200px; margin:0 auto;}
.fl{float:left}
.fr{float:right}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix{*zoom:1;}

.title{text-align:center; margin:50px auto 35px; line-height:36px;}
.title h1{ font-size:28px; font-family:YOUROOKMARBELOUS_0; color:#0098e1;}
.title h1 .id-color{ color:#ffa200;}
.title h2{ font-size:26px;}
.title p{ color:#eceff3; font-size:18px; letter-spacing: .5px; font-family: 'Raleway',Arial, Helvetica, sans-serif;}
.title span.line{ height:1px; background:#fff; width:120px; display:inline-block;}
/*header*/
.header{width:100%; height:100px; position:relative; background-color:#fff;}
.header.navtop{ -webkit-transform: translateZ(0); transform: translateZ(0); will-change: transform; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; position:relative; z-index:99999; }
.header.navfix{ position:fixed; top:0; width:100%; }
/*.header.is-hidden {-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);transform: translateY(-100%);}
*/.header .logo{ display:block;}
.header .nav{ position:relative; z-index:2;}
.header .nav ul.ulBox{ z-index:2; position: relative; }
.header .nav ul.ulBox li{ float:left; position:relative;}
.header .nav ul.ulBox li.current a.itemaLink { color: #000;background: #00a7ba;}
.header .nav ul.ulBox li a:hover{color:#000}
.header .nav ul.ulBox li:hover .itemaLink{ color:#000;}	
.header .nav ul.ulBox li ul{ display: block; overflow:hidden; width:150px; height:0px; background:#fff; position:absolute; top:55px; left:-38px;}
.header .nav ul.ulBox li ul li{ height:40px; line-height:40px; width:100%; text-align:center;}
.header .nav ul.ulBox li ul li a{ color:#333; height:40px; line-height:40px; display:block;}
.header .nav ul.ulBox li ul li a:hover{  height:40px; line-height:40px; color:#000;}

.header .nav ul{ display:inline-block;}
.header .nav ul li{float:left;}
.header .nav ul li a{ padding:3px 20px; color:#333; font-size:16px; line-height:98px; height:98px; display:block;}
.header .menu { display:none;}
.header .menu_search{ height:100px; line-height:100px;}
.header .menu_search .tel{ margin-left:20px; padding:3px 10px 3px 30px; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; background:url(http://snnz.net/templets/web/OA/Public/Home/images/h_img1.png) left 25px no-repeat; background-size:26px; font-size:16px; line-height:68px; height:68px;}
.header .menu_search .tel span{ font-family:"Microsoft YaHei"}
.header .menu_search .search .keywords{ display:none;}
.header .menu_search .search .botn{ background-color:none; border:0; background:url(../images/ionbg.png) 5px 0 no-repeat; text-indent:-99999px; cursor:pointer; width:40px; height:30px;}
.header .menu_search .search .botn:hover{ background-position:-94px 0;}
.header .menu_search .menu .menu_ion.animated .top {-webkit-transform: translateY(10px) rotateZ(45deg);
    -moz-transform: translateY(10px) rotateZ(45deg);
    -ms-transform: translateY(10px) rotateZ(45deg);
    -o-transform: translateY(10px) rotateZ(45deg);
    transform: translateY(10px) rotateZ(45deg);
}
.header .menu_search .menu .menu_ion.animated .middle{width: 0;}
.header .menu_search .menu .menu_ion.animated .bottom {-webkit-transform: translateY(-11px) rotateZ(-45deg);
    -moz-transform: translateY(-11px) rotateZ(-45deg);
    -ms-transform: translateY(-11px) rotateZ(-45deg);
    -o-transform: translateY(-11px) rotateZ(-45deg);
    transform: translateY(-11px) rotateZ(-45deg);
}
.header .menu_search .menu .menu_ion{ display:block; margin: 22px 0; padding:0 20px;}
.header .menu_search .menu .menu_ion.animated span{ background:#000;}
.header .menu_search .menu .menu_ion span{ -webkit-transition: all .7s ease;-moz-transition: all .7s ease; -ms-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; z-index: 999999; display:block; width:40px; height:4px; margin-bottom:6px; background:#ccc;}
.header .menu_search .menu .menu_ion:hover span{ background:#000;}
.header .menu_search .menu .menu_nav{ display:none;}

/*客户*/
.WeClient{ left:50%; margin-left:-590px; top:100px;position:absolute; width:1180px; height:560px; background:#fff; overflow:hidden; z-index:9999; display:none; opacity:0.98;}
.WeClient ul{width: 1200px;overflow: hidden;}
.WeClient ul li{ float:left; width:196px; border:1px solid #e6e6e6; margin-left:-1px; margin-top:-1px;}
.WeClient ul li img{ display:block; width:196px; height:124px;}
.WeClient span{ display:block; text-align:center; font-size:14px; left:50%; margin-left:-54px; position:absolute; bottom:12px; width:108px; height:35px; line-height:35px; background:url(../images/index_323.png) no-repeat;}
.WeClient span a{ color:#FFF;}

/*banner*/
.bannerbox{width:100%;position:relative;overflow:hidden;}
.Homebanner{width:100%;position:relative;height:600px;overflow:hidden;}
.Homebanner ul{width:100%;position:absolute;height:600px;}
.Homebanner ul li{width:100%;height:560px;position:absolute;overflow:hidden;}
.Homebanner ul li img{width: 1920px; height:560px; position: absolute;left: 50%;top: 0px; display: block; margin-left: -960px;}
.Homeleft,.Homeright{background:#000;font-family:"宋体";width:50px;height:50px;line-height:50px;text-align:center;font-size:40px;color:#fff;position:absolute;top:45%;cursor:pointer;transition:all .2s ease;opacity:0;z-index:899999}
.Homeleft{left:-60px;}
.Homeright{right:-60px;}
.bannerbox:hover .Homeleft{left:0px;opacity:1}
.bannerbox:hover .Homeright{right:0px;opacity:1}
.Homedot{position:absolute;width:100%;text-align:center;z-index:999;bottom:60px;}
.Homedot a{display:inline-block;margin:0px 5px;height:12px;width:12px;line-height:1000px;overflow:hidden;background:url(../images/index_229.png) no-repeat;}
.Homedot a.cur{background:url(../images/index_228.png) no-repeat}
.Homebannertext{position:absolute;left:0px;top:0px;width:100%;height:100%;}
.Homebannertext img.bigimg{transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}
.Homebannertext dl.bannerone{position:absolute;width:1180px;left:50%;margin-left:-590px;top:251px;text-align:center;z-index:9999;}
.Homebannertext dl.bannerone dt{float:right;font-size:45px;width:750px;height:80px;margin-left:100px;line-height:75px;color:#fff;background:#eb3900;transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}
.Homebannertext dl.bannerone dd{float:right;font-size:29px;color:#fff;background:#000;width:360px;height:60px;line-height:60px;margin-right:45px;transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}
.Homebannertext dl.bannertwo{position:absolute;width:1180px;left:50%;top:0px;color:#fff;margin-left:-590px;z-index:9999;}
.Homebannertext dl.bannertwo dt{padding-top:110px;position:relative;transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}
.Homebannertext dl.bannertwo dt h3{font-size:50px;line-height:60px;font-weight:700;position:relative;}
.Homebannertext dl.bannertwo dt p{font-size:20px;position:relative;padding-top:20px;}
.Homebannertext dl.bannerthree{position:absolute;width:1220px;left:50%;margin-left:-610px;top:0px;}
.Homebannertext dl.bannerthree dt{float:left;position:relative;transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);-webkit-transform:translateX(100px);}
.Homebannertext dl.bannerthree img{display:block;position:relative;width:auto;height:auto;left:0px;margin:0px;top:0px;}
.Homebannertext dl.bannerthree dd{width:500px;float:left;color:#fff;padding-top:170px;position:relative;padding-left:25px;transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);-webkit-transform:translateX(100px);}
.Homebannertext dl.bannerthree dd h3{font-size:55px;font-weight:700;line-height:70px;}
.Homebannertext dl.bannerthree dd p{font-size:20px;line-height:30px;}

.bannereffect{opacity:0;filter:alpha(opacity=0);}
.bannertime{transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;}
.bannertime1{transition:all .8s ease-in-out .2s;-moz-transition:all .8s ease-in-out .2s;-ms-transition:all .8s ease-in-out .2s;-o-transition:all .8s ease-in-out .2s;-webkit-transition:all .8s ease-in-out .2s;}
.bannertime2{transition:all 1s ease-in-out .2s;-moz-transition:all 1s ease-in-out .2s;-ms-transition:all 1s ease-in-out .2s;-o-transition:all 1s ease-in-out 2s;-webkit-transition:all 1s ease-in-out .2s;}
.Homebanner li.cur .Homebannertext img.bigimg{transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px);}
.Homebanner li.cur .Homebannertext dl.bannerone dt{transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px);}
.Homebanner li.cur .Homebannertext dl.bannerone dd{transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px);}
.Homebanner li.cur .Homebannertext dl.bannertwo dt{transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px);}
.Homebanner li.cur .Homebannertext dl.bannerthree dt{transform:translateX(0px);-moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);-webkit-transform:translateX(0px);}
.Homebanner li.cur .Homebannertext dl.bannerthree dd{transform:translateX(0px);-moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);-webkit-transform:translateX(0px);}
.Homebanner li.cur .bannereffect{opacity:1;filter:alpha(opacity=100);}
.Homebanner li.cur1 .bannertime{transition:all .4s linear .2s;-moz-transition:all .4s linear .2s;-ms-transition:all .4s linear .2s;-o-transition:all .4s linear .2s;-webkit-transition:all .4s linear .2s;}
.Homebanner li.cur1 .bannertime1{transition:all .4s linear .1s;-moz-transition:all .4s linear .1s;-ms-transition:all .4s linear .1s;-o-transition:all .4s linear .1s;-webkit-transition:all .4s linear .1s;}
.Homebanner li.cur1 .bannertime2{transition:all .4s linear;-moz-transition:all .4s linear;-ms-transition:all .4s linear;-o-transition:all .4s linear;-webkit-transition:all .4s linear;}
.Homebanner li.cur1 .Homebannertext img.bigimg{transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}
.Homebanner li.cur1 .Homebannertext dl.bannerone dt{transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}
.Homebanner li.cur1 .Homebannertext dl.bannerone dd{transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}
.Homebanner li.cur1 .Homebannertext dl.bannertwo dt{transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}
.Homebanner li.cur1 .Homebannertext dl.bannerthree dt{transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);-webkit-transform:translateX(100px);}
.Homebanner li.cur1 .Homebannertext dl.bannerthree dd{transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);-webkit-transform:translateX(100px);}
.Homebanner li.cur1 .bannereffect{opacity:0;filter:alpha(opacity=0);}
.index_btn{width:100%;position:absolute;height:40px;top:560px;z-index:9999;background:#191919;}
.index_btn ul{margin:0px auto;padding:0px;}
.index_btn ul li{float:left;width:295px;height:40px;position:relative;}
.index_btn ul li span{position:relative;z-index:999;width:294px;display:block;height:40px;}
.index_btn ul li span a{display:block;width:294px;color:#FFF;background:#191919;cursor:pointer;font-size:14px;text-align:center;line-height:40px;border-right:1px solid #a7a7a7;float:left;height:40px;}
.index_btn ul li span a:hover{color:#FFF;background:#e60012;}
.index_btn ul li span a.cur{border:none;width:295px;}
.index_btn ul li em{display:inline-block;height:40px;padding-left:30px;}
.index_btn ul li em.btn{background:url(../images/btn1.png) no-repeat left center;}
.index_btn ul li em.btn1{background:url(../images/btn3.png) no-repeat left center;}
.index_btn ul li em.btn2{background:url(../images/btn4.png) no-repeat left center;}
.index_btn ul li em.btn3{background:url(../images/btn2.png) no-repeat left center;}
.index_btnbox{width:294px;height:280px;background:#FFF;position:absolute;top:0px;left:0px;padding:20px 0px 0px 0px;}
.index_btnbox img{display:block;margin:auto;}
.index_btnbox p{margin:0px;padding:20px 0px 0px 19px;}
.index_btnbox p a{display:block;float:left;width:130px;padding-bottom:5px;line-height:24px;}

/*友情连接*/
#logo-full{ background:#000; padding:20px 0;}
#demo{ width:100%;}
/*底部*/
.text-center{ text-align:center;}
.footer .neirong{ width:834px; padding:0 20px;} 
.footer .neirong input{ padding:5px 15px; background: none; border:1px solid #fff; height:40px;  color: #fff;font-size: 14px;}
.footer .neirong input.form-control1{ width:375px; margin-right:26px;}
.footer .neirong input.form-control2{ width:375px;}
.footer .neirong textarea{ padding:5px; background: none;color: #fff; width:100%; margin:20px 0; border:1px solid #ccc;}
.footer .neirong #send_message{ width:30%; height:40px; line-height:40px; padding:0;}
.footer .neirong #send_message:hover{ background:#fff; color:#000; cursor:pointer;}
.footer .contact { background: url(../images/bg-4.jpg) top fixed; padding:90px 0;}
.footer .address{ width:350px;}
.footer .address span { line-height: 35px; display: block; font-size: 16px;border-bottom: solid 1px #808080;padding-bottom: 10px; margin-bottom: 10px;font-weight: 300;color:#fff;}
.footer .address span a{ color:#fff;}
 
.logo-carousel{ width:100%; overflow:hidden;}
.logo-carousel li{ float:left; list-style:none;}
 
.hmBom_share{text-shadow: none; color: #ffa200; padding: 16px; width: 48px; height: 48px; text-align: center; border: solid 1px #ffa200;}
.fa-lg{font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%;}
.fa{display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}


    input::-webkit-input-placeholder {

        color: #aab2bd;

        font-size: 12px;

    }

    input {//边框效果

        border: 1px solid red;

    }