body{font-family:"Arial","黑体","宋体",sans-serif;font-weight:normal;}
.vryun h2{color:#333333;line-height:45px;font-weight:normal;font-size:40px;margin:140px 0 50px 0;font-weight:200;position:relative;}
.vryun h2:after{content:"";position:absolute;width:158px;height:12px;background-color:#e0e0e0;left:50%;top:33px;margin-left:-79px;z-index:-1;}
.vryun h2.white:after{background-color:#fff;}
.vryun{width:100%;max-width:1920px;margin:auto;min-width:1148px;padding-bottom:60px;text-align:center;}
.vryun .banner{line-height:0;position:relative;}
.vryun h1{color:#fff;line-height:30px;font-family:"Arial","黑体","宋体",sans-serif;font-weight:normal;font-size:48px;margin:0 0 18px 0;}
.vryun .banner .intro{position:absolute;left:0;top:50%;line-height:48px;margin:-215px 0 0 0;color:#FFF;font-family:"Arial","黑体","宋体",sans-serif;font-weight:normal;font-size:24px;text-align:center;width:100%;}
.vryun .banner .inner{margin: auto;width: 480px;padding: 0 8px;display: block;position: relative;}
.vryun .banner .service{position:relative;text-align:center;margin:40px 30px 0 30px;left:0;}
.vryun .banner .service_item{width:60px;height:80px;display: block;}
.vryun .banner .service .icon{width:60px;height:60x;}
.vryun .banner .service .title{font-size:12px;line-height:10px;font-weight:normal;}

.vryun .advantage{}
.vryun .advantage h3{font-size:22px;color:#333;margin-bottom:16px;line-height:28px;}
.vryun .advantage .list{height:352px;width:100%;background:url("/images/vryun/polygon.png") no-repeat center 0;position:relative;font-size:18px;color:#666;line-height:24px;padding-bottom:60px;margin-top:100px;}
.vryun .advantage .top{position:absolute;left:50%;top:-50px;padding-left:106px;width:298px;margin-left:-43px;background:url("/images/vryun/top.png") no-repeat left 23px;text-align:left;height:106px;}
.vryun .advantage .lf1{position:absolute;left:50%;top:70px;padding-right:106px;width:286px;margin-left:-528px;background:url("/images/vryun/lf1.png") no-repeat right 23px;text-align:right;height:106px;}
.vryun .advantage .lf2{position:absolute;left:50%;top:309px;padding-right:106px;width:317px;margin-left:-492px;background:url("/images/vryun/lf2.png") no-repeat right 0;text-align:right;padding-top:25px;}
.vryun .advantage .rt1{position:absolute;left:50%;top:70px;padding-left:106px;width:316px;margin-left:136px;background:url("/images/vryun/rt1.png") no-repeat left 23px;text-align:left;height:106px;}
.vryun .advantage .rt2{position:absolute;left:50%;top:309px;padding-left:106px;width:264px;margin-left:69px;background:url("/images/vryun/rt2.png") no-repeat left 0;text-align:left;padding-top:25px;}
.vryun .advantage .list:after{content:"";width:258px;height:157px;position:absolute;left:50%;top:50%;margin:-104px 0 0 -129px;background:url("/images/vryun/yun.png") no-repeat 0 0;cursor:pointer;}
.vryun .advantage .allfunctions{text-align:center;margin-top:30px;font-size:18px;text-decoration:none;}
.vryun .advantage .allfunctions a:link {color:#999999;text-decoration:none;}
.vryun .advantage .allfunctions a:visited{color:#999999;text-decoration:none;}
.vryun .advantage .allfunctions a:hover{color:#59bdf6;text-decoration:none;}

.vryun .operate{line-height:0;position:relative;text-align:center;}
.vryun .operate h2{color:#000;line-height:30px;font-family:"Arial","黑体","宋体",sans-serif;font-weight:normal;font-size:30px;margin:90px 0 12px 0;font-weight:200;}
.vryun .operate .item{padding:70px 0 90px 0;font-size:16px;line-height:24px;}
.vryun .operate .kind{width:33%;}
.vryun .operate .kind .tt{margin:50px 0;font-size:24px;line-height:24px;font-weight:normal;}
.vryun .operate .kind .intro{padding:0 30px;font-size:15px;color:#000;line-height:20px;}
.vryun .operate .kind .icon{margin:40px 0 100px 0;}

.vryun .create{}
.vryun .create h2{margin:60px 0 120px 0;}
.vryun .create .create-nav-ct{border-top:6px solid #f3f3f3;}
.vryun .create .create-nav{position:relative;top:-73px;height:140px;}
.vryun .create .create-nav-item{width:20%;height:140px;text-align:center;float:left;position:relative;cursor:pointer;}
.vryun .create .create-nav-item i{font-style:normal;font-size:16px;position:absolute;width:58px;height:58px;line-height:58px;left:50%;top:50%;margin:-29px 0 0 -29px;background:url("/images/vryun/flow.png") no-repeat scroll 0 0;color:#fefefe;}
.vryun .create .create-nav-item.on i{width:78px;height:78px;line-height:78px;margin:-39px 0 0 -39px;background:url("/images/vryun/flow-sel.png") no-repeat scroll 0 0;}
.vryun .create .create-nav-item .title{position:absolute;left:0;top:122px;width:100%;font-size:20px;color:#666;height:24px;line-height:24px;}
.vryun .create .create-nav-item.on .title{background:url("/images/vryun/flow-txt.png") no-repeat scroll center 0;padding:27px 0 20px 0;color:#59bdf6;font-weight:bold;}
.vryun .create .create-main{width:1132px;height:518px;overflow:hidden;position:relative;margin-top:20px;}
.vryun .create .create-main .intro{position:absolute;left:0;bottom:0;width:100%;background-color:rgba(108,108,108,0.9);font-size:18px;color:#fff;text-align:left;padding:12px;}
.vryun .create .create-main .title{font-size:24px;margin-bottom:12px;}
.vryun .create .create-main .subtitle{font-size:18px;color:rgba(255,255,255,0.6);margin-left:10px;}
.vryun .create .create-main .img{width:100%;height:auto;}
.vryun .create .create-main li{display:none;}
.vryun .create .create-main .show{display:block;}

.vryun .case{position:relative;}
.vryun .case h2{margin-bottom:50px;}
.vryun .case-nav{text-align:center;color:#000;}
.vryun .case-nav-item{display: inline-block;width: 100px;height: 80px;margin: 10px 60px -40px 60px;padding-top: 60px;cursor: pointer;}
.vryun .case-nav-item.pc{background:url("/images/vryun/normal_ts.png") no-repeat center 0;}
.vryun .case-nav-item.pc.on{background-image:url("/images/vryun/click_ts.png")}
.vryun .case-nav-item.phone{background:url("/images/vryun/normal_cs.png") no-repeat center 0;}
.vryun .case-nav-item.phone.on{background-image:url("/images/vryun/click_cs.png")}
.vryun .case-pc{background:url("/images/vryun/case_03.png") no-repeat 0 0;width:1310px;height:813px;margin:0 auto;display:block;position:relative;}
.vryun .case .cover{position:absolute;left:0;top:0;width:100%;height:100%;cursor:pointer;}
.vryun .case-iframe{padding:60px 62px 78px 44px;display:none;}
.vryun .case .bg{position:absolute;width:100%;height:auto;left:0;top:280px;z-index:-1;}

.vryun .feature{background:url("/images/vryun/picture03.png") no-repeat scroll center center;height:690px;text-align:center;}
.vryun .feature h2{color:#000;line-height:30px;font-family: "Arial","黑体","宋体",sans-serif;font-weight:normal;font-size:30px;padding:90px 0 0 0;}
.vryun .feature .inner{margin: auto;width: 1300px;padding: 0 8px;display: block;position: relative;}
.vryun .feature .kind{background:url("/images/vryun/gn.png") no-repeat scroll 0 0;width:25%;margin:70px 0 0 0;text-align:center;}
.vryun .feature .kind_item{width:308px;height:291px;display: block;margin-bottom:30%;}
.vryun .feature .kind .icon{margin:61px 0 0 0;}
.vryun .feature .kind .title{font-size:18px;line-height:18px;padding:35px 0 24px 0;font-weight:normal;}
.vryun .feature .kind .intro{font-size:14px;line-height:20px;font-weight:normal;}

.vryun .contact{margin-top:80px;text-align:center;}
.vryun .contact .nav-ct{text-align:center;line-height:0;height:75px;line-height:75px;position:relative;}
.vryun .contact .nav-item{width:33%;float:left;font-size:18px;color:#333;background-color:#fff;cursor:pointer;}
.vryun .contact .nav-item:before{content:"";width:50px;height:42px;display:inline-block;background-repeat:no-repeat;background-position:0 0;position:relative;top:14px;left:0;}
.vryun .contact .nav-item.on{background-color:#104F6E;color:#fff;}
.vryun .contact .item1:before{background-image:url("/images/vryun/try.png");}
.vryun .contact .item1.on:before{background-image:url("/images/vryun/try-sel.png");}
.vryun .contact .item2:before{background-image:url("/images/vryun/contact.png");}
.vryun .contact .item2.on:before{background-image:url("/images/vryun/contact-sel.png");}
.vryun .contact .item3:before{background-image:url("/images/vryun/phone.png");}
.vryun .contact .item3.on:before{background-image:url("/images/vryun/phone-sel.png");}
.vryun .contact .detail{display:inline-block;width:1132px;margin:85px auto 0 auto;}
.vryun .contact .txt{display:block;height:24px;line-height:24px;padding:12px 12px 12px 24px;border:1px solid #999;font-size:16px;width:600px;font-weight:normal;margin:13px auto 13px auto;background-color:#f7f7f7;color:#999;font-family:"Arial","黑体","宋体",sans-serif;letter-spacing:1px;outline:medium;}
.vryun .contact .txt.area{height:80px;color:#999;font-family:"Arial","黑体","宋体",sans-serif;}
.vryun .contact .txt.on{color:#000;border:1px solid #104F6E;background-color:#fff;}
.vryun .contact .btn-ct{width:638px;text-align:left;margin:auto;}
.vryun .contact .btn1{font-family:"Arial","黑体","宋体",sans-serif;width:120px;height:45px;line-height:45px;text-align:center;color:#999;font-weight: normal;background-color:#f7f7f7;font-size:18px;border:none;cursor:pointer;border:1px solid #999;}
.vryun .contact .btn1:hover{background-color:#104F6E;color:#fff;border:1px solid #104F6E;}
.vryun .contact .btn2{font-family:"Arial","黑体","宋体",sans-serif;width:120px;height:45px;line-height:45px;text-align:center;color:#999;font-weight: normal;background-color:#f7f7f7;font-size:18px;border:none;cursor:pointer;border:1px solid #999;}
.vryun .contact .btn2:hover{background-color:#104F6E;color:#fff;border:1px solid #104F6E;}