@charset "utf-8";
/* CSS Document */
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
.sitenav, .logo i, .sitenav_more li, .areabox_city_drop .arrow, .areabox_city_tt, .header_app a, .hico, .hot .ico {background: url(../images/sitenav.png) no-repeat 0 0;color:#999;}
.header {width:1370px; height:63px; margin:20px auto 0;}
.hico {position: absolute; display: block;}
.logo {position:relative; float:left; width:160px; height:46px;}
.logo a {display:block; height:46px;}
.logo i {position:absolute; left:0; top:0; display:block; width:160px; height:46px;}
.site_hb .logo i {background-position:0 -93px;}
.site_hn .logo i {background-position:0 -140px;}
.site_js .logo i {background-position:0 -187px;}
.site_sc .logo i {background-position:0 -234px;}
.site_zj .logo i {background-position:-281px -93px;}
.areabox {float: left; height: 36px; line-height: 36px;color:#999; padding-left: 15px; margin: 7px 0 0 15px; font-size: 14px; border-left: #f3f3f3 1px solid;}
.header_pannel {float: right; display: inline; margin: 15px 0 0 30px;}
.header_banner {float: left; _display: inline; width: 300px; margin: 0 0 0 30px;}
.header_app {font-size: 14px; line-height: 26px;}
.header_app a {display: inline-block; color: #999;}
.header_app .mobile {background-position: -254px -47px; padding-left: 30px;}
.headersearch {float:right; margin: 6px 0 0; >margin: -34px 0 0;}
.headersearch input {float:left;width:215px;height:16px;padding:5px 10px;font-size:14px;line-height:16px;font-family:"Microsoft Yahei";border:solid #e8e8e8 1px;}
.headersearch button {float: left; width:70px;height:28px;background:#eaeaea;font-size:15px;color:#333;line-height:26px;font-family:"Microsoft Yahei";border:solid #dbdbdb 1px;border-left:none;}
.areabox_city {position: relative; float:left; display: inline; z-index: 9;}
.areabox_city_tt {height: 28px; background-position: 60px -65px; padding-right: 18px; color:#309de7; line-height: 20px; cursor: pointer;}
.areabox_city_drop {position: absolute; left: 0; top: 27px; display: none; width: 180px; background: #fff; padding: 5px 0; border: 1px #ddd solid;}
.areabox_city_drop a {float: left; display: block; width: 60px; font-size: 14px; line-height: 30px; text-align: center;}
.areabox_city_drop .arrow {position:absolute;left:54px;top:-9px;width:20px;height:14px;background-position:-21px -47px;}
.sitenav {background-position: 0 -281px; background-repeat: repeat-x; margin:0 auto;}
.sitenav_list {width: 1370px; height:50px;background:#1887d0; margin: 0 auto;}
.sitenav ul, .sitenav li {float:left;}
.sitenav_list a {position:relative;display:block;width:96px;height:50px;font-size:17px;color:#fff;font-family:"Microsoft Yahei";line-height:50px;text-align:center;}
.sitenav_list .cur, .sitenav_list a:hover {background:#0266a8; color:#fff;text-decoration:none;}
.sitenav_more li {background-position:0 -372px;padding-left:10px;}
.sitenav_channel {width: 1370px; height:40px; background: #f6f6f6; margin: 0 auto; font-size: 15px; line-height:40px;}
.sitenav_channel a {margin:0 15px; color: #666;}
.sitenav_channel a:hover {color:#309de7;}
.sitenav_channel .on {color: #005ca2; font-weight: bold;}
.sitenav_drop {position: relative; float: left; z-index: 10;}
.sitenav_list .sitenav_drop_tigger {width: 80px;}
.sitenav_drop_tigger .hico {right: 8px; top: 22px; width: 11px; height: 6px; background-position: -38px -47px;}
.sitenav_drop_con {position: absolute; left: 0; top: 50px; display: none; width: 80px; background: #1887d0;}
.sitenav_drop_con a {width: 80px;}
.hot {position:relative;}
.hot .ico {right:-5px;top:4px;width:20px;height:11px;background-position:0 -47px;}
.sitenav_channel .hot .ico {top: -10px; right: -15px;}
.pop_fadein {display:block;-webkit-animation:pop_fadein .5s alternate ease-in-out;-moz-animation:pop_fadein .5s alternate linear;-ms-animation:pop_fadein .5s alternate linear;animation:pop_fadein .5s alternate ease-in-out;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;}@-webkit-keyframes pop_fadein{0%{opacity:0;-webkit-transform:translateY(-30px);}50%{opacity:1;-webkit-transform:translateY(4px);}80%{-webkit-transform:translateY(-2px);}100%{-webkit-transform:translateY(0);}}@-moz-keyframes pop_fadein{0%{opacity:0;-moz-transform:translateY(-30px);}50%{opacity:1;-moz-transform:translateY(4px);}80%{-moz-transform:translateY(-2px);}100%{-moz-transform:translateY(0);}}@-ms-keyframes pop_fadein{0%{opacity:0;-ms-transform:translateY(-30px);}50%{opacity:1;-ms-transform:translateY(4px);}80%{-ms-transform:translateY(-2px);}100%{-ms-transform:translateY(0);}}@keyframes pop_fadein{0%{opacity:0;transform:translateY(-30px);}50%{opacity:1;transform:translateY(4px);}80%{transform:translateY(-2px);}100%{transform:translateY(0);}}
.header, .sitenav_list, .sitenav_channel {width: 1160px;}
.sitenav {margin-bottom: 10px;}


body,h1,h2,h3,h4,h5,h6,p,ul,li,input,dl,dt,dd{margin:0;padding:0;}
ul{list-style:none;}
input{border:none;}
a{text-decoration:none;}
i{font-style:normal;}
.clear:after{content:"200b";height:0;font-size:0;display:block;clear:both;}
body{font-family:"微软雅黑";}


.banner{height:500px;width:100%;background:url(../images/baner.jpg) no-repeat center top;}
.mainContent{width:872px;margin:0 auto;}
.mainContent .companyCulture h4{line-height:50px;font-size:18px;margin-bottom:5px;}
.mainContent .companyCulture h4 span{font-size:26px;margin-right:7px;}
.mainContent .companyCulture .companyCulture-left{float:left;width:570px;}
.mainContent .companyCulture p{text-indent:2em;font-size:13px;line-height:24px;color:#6d6b6b;}
.mainContent .companyCulture img{display:block;float:right;width:252px;height:42px;padding:56px 10px 0 0;}

.mainContent .vrDynamic{margin-top:30px;}
.mainContent .vrDynamic h4{font-size:30px;line-height:68px;}
.mainContent .vrDynamic h4 span{font-size:20px;}
.mainContent .vrDynamic h4 a{float:right;line-height:68px;font-size:20px;color:#000;}
.mainContent .vrDynamic ul li{float:left;width:423px;height:80px;margin-right:32px;margin:0 25px 15px 0;}
.mainContent .vrDynamic ul li .image{height:80px;width:160px;float:left;margin-right:11px;}
.mainContent .vrDynamic ul li .image img{display:block;width:100%;height:100%;}
.mainContent .vrDynamic ul li .article{float:left;width:252px;}
.mainContent .vrDynamic ul li .article h5{font-size:12px;line-height:19px;}
.mainContent .vrDynamic ul li .article h5 a{color:#000;}
.mainContent .vrDynamic ul li .article p{font-size:12px;line-height:18px;color:#817f7f;}
.mainContent .vrDynamic ul .noMargin_r{margin-right:0;}
.mainContent .vrDynamic ul .noMargin_b{margin-bottom:0;}


.mainContent .vrCase{margin-top:30px;}
.mainContent .vrCase h4{font-size:30px;line-height:68px;}
.mainContent .vrCase h4 span{font-size:20px;}
.mainContent .vrCase h4 a{float:right;line-height:68px;font-size:20px;color:#000;}
.mainContent .vrCase ul li{float:left;margin-right:16px;}
.mainContent .vrCase ul .noMarigin_r{margin-right:0;}
.mainContent .vrCase ul li img{height:127px;width:206px;display:block;}
.mainContent .vrCase ul li h6{font-size:14px;text-align:center;line-height:30px;}


.mainContent .footer{width:1000px;height:40px;padding-top:20px;margin:40px auto 0;color:#b1b1b1;font-family:"Arial";text-align:center;border-top:solid #f4f4f4 1px;}
.mainContent .footer .contactInfo{width:330px;margin:34px auto 28px;}
.mainContent .footer .contactInfo .info{float:left;}
.mainContent .footer .contactInfo .info p{color:#7f8081;font-size:14px;line-height:20px;}
.mainContent .footer .contactInfo .icon{width:77px;height:77px;float:right;}
.mainContent .footer .contactInfo .icon img{width:100%;display:block;margin-top:2px;}