@import url(global.css);
/*-----------banner---------------------------------------- */
.banner {width:100%;min-width:1200px;height:400px;}
.dqwz{width: 100%;min-width:1200px;border-bottom: 1px solid #ccc;padding: 15px 0;}
.dqwz .main{ width:1200px; margin:0 auto; height:36px; line-height:36px;}
.dqwz .main h2{ width:400px; float:left; height:36px; font-weight: normal; color: #666; font-size: 14px;}
.dqwz a{ color: #333;}
.dqwz a:hover{ color: #666;}
.dqwz .main ul{ width:700px; float:right; height:36px;}
.dqwz .main ul li{ width:auto; float:right; padding:0 0 0 10px;}
.dqwz .main ul li a{ width:auto; padding:0 20px; height:36px; display:block; background:#a4181f; color:#fff;}
.dqwz .main ul li a:hover{display:block; background:#000 ; color:#fff;}
.dqwz .main .u-crt{display:block; background:#000; color:#fff;}
.list_img{background:url(../images/12.jpg) repeat 0 0;}
.mainBody{ margin: 30px auto; width:1140px; overflow:hidden; background:#fff; padding: 30px;}
.mainBody .titless{width:1140px; height: 30px; line-height: 30px; overflow:hidden; padding-bottom:25px; border-bottom: 1px solid #eee;}
.mainBody .titless h2{width:600px; height: 30px; float: left; font-size: 16px;}
.mainBody .titless .dqwzs{width:500px; height: 30px; float: right; font-size: 14px; text-align: right; color: #999;}
.mainBody .titless .dqwzs a{ color:#999;}
.mainBody .titless .dqwzs a:hover{ color:#666;}
.mainBody .contents1{line-height:40px; font-size: 14px;}
.mainBody .contents1 a{ color: #333;}
.mainBody .contents1 a:hover{ color: #666;}

/*---------------新闻----------------------*/
.mainBody_15{width:1200px; margin: 0 auto;overflow:hidden;padding-bottom: 30px;}
.mainBody_15 .left{width:860px;}
.mainBody_15 .right{width:290px;}
.mainBody_15 .dqwzs{width: 100%;border-bottom: 1px solid #ccc;padding: 15px 0; line-height: 30px; font-size: 14px; text-indent:25px; background:url(../images/maps.png) no-repeat 0 center;}
.mainBody_15 .dqwzs a{ color: #666;}
.mainBody_15 .dqwzs a:hover{ color: #999;}
.news{width:100%; height: auto; overflow: hidden; padding-bottom: 20px;}
.news ul{width:858px; height:195px; background: #f7f7f7; margin: 15px 0 0 0; border: 1px solid #f7f7f7;}
.news ul:hover{border: 1px solid #a4181f;}
.news .n1{width:120px; height:195px; overflow:hidden; background: #a4181f; color:#fff; float: left;text-align: right; padding-right: 20px; margin-right:40px;}
.news .n1 .a1{width:100%; height: 58px; line-height:58px; font-size: 58px;font-family: "Impact"; padding:30px 0 20px 0;}
.news .n2{width:650px; float: left; height:30px; line-height: 30px; font-size: 18px; padding: 30px 0 10px 0;}
.news .n2 a{ color: #000;}
.news .n2 a:hover{ color: #888;}
.news .n4{width:650px; float: left; height:58px; line-height: 24px;color: #777;}
.news .n5{width:650px; float: left; height:35px; line-height: 35px; padding-top: 10px;}
.news .n5 a{width:120px; height:35px;color: #666; text-align: center; border: 1px solid #666; display: block;}
.news .n5 a:hover{border: 1px solid #a4181f;color: #a4181f;display: block;}
.news .content{width:100%; height: auto; overflow: hidden; padding-bottom: 50px;}
.news .con1{width:100%; height:30px; line-height:30px; padding:30px 0 10px 0; font-size:24px; color:#333; text-align:center;overflow:hidden;}
.news .con3{width:100%; height:20px; padding:15px 0 10px 0;}
.news .con4{width:100%; height:24px; line-height:24px; text-align:center; padding-bottom:20px;}
.news .con2{font-size: 14px; line-height: 30px; color: #888;overflow:hidden;}
.news .con2 a{ color: #c00;}
.news .con2 a:hover{ color: #888;}
.news .con2 img{width: 100%;}
.con6{width:100%;height:54px;padding:10px 0;line-height:27px; font-size: 14px; overflow:hidden; border-top:1px solid #eee;border-bottom:1px solid #eee;}
.con6 a{ color: #000;}
.con6 a:hover{ color: #888;}

/* ---------------mainBody_04-------------------------------  */
.mainBody_04{ width: 100%;}
.mainBody_04 h3{width: 100%;border-bottom: 1px solid #ccc;padding: 15px 0; font-size: 18px;}
.mainBody_04 h3 p{border-left: 3px solid #a4181f; text-indent: 20px; line-height: 30px;}
.mainBody_04 .list{overflow:hidden; padding-top:15px; width: 110%;}
.mainBody_04 .list ul li {margin:0 10px 13px 0; float: left;}
.mainBody_04 .list ul .nobor01 { margin:0;}
.mainBody_04 .list ul li a {background:#f5f5f5 url(../images/h2.png) no-repeat right bottom; width:140px; height:150px; display:block; text-align:center; padding:20px 0 0;
-webkit-transition: background 0.8s;
-moz-transition: background 0.8s;
-ms-transition: background 0.8s;
-o-transition: background 0.8s;
transition: background 0.8s;}
.mainBody_04 .list ul li a:hover {background:#ffe6e7 url(../images/h3.png) no-repeat right bottom; }
.mainBody_04 .list ul li a img { display:block; width:80px; height:80px; margin:0 auto;
-moz-transition: width 1s, height 1s, -webkit-transform 1s; /* For Safari 3.1 to 6.0 */
-webkit-transition: width 1s, height 1s, -webkit-transform 1s; /* For Safari 3.1 to 6.0 */
transition: width 1s, height 1s, transform 1s;}
.mainBody_04 .list ul li a:hover img {   
-webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
transform: rotate(deg);
-moz-transform: rotate(360deg); /* Chrome, Safari, Opera */
-ms-transform: rotate(360deg); /* Chrome, Safari, Opera */
}	
.mainBody_04 .list ul li a b { display:block; height:40px; line-height:40px; font-size:16px; color:#222; padding-top: 10px;} 

.mainBody_04 .list1{overflow:hidden; padding-top:15px;}
.mainBody_04 .list1 ul{background:#f5f5f5;overflow:hidden; padding: 10px 0;}
.mainBody_04 .list1 ul li{ height:35px; line-height:35px; background:url(../images/h20.png) no-repeat 10px center; text-indent: 35px;}
.mainBody_04 .list1 a{ color: #666; font-size: 14px;}
.mainBody_04 .list1 a:hover{ color: #a4181f;}
/* ------------分页--------------------- */
.page{ width:100%; text-align:center; border-top:1px solid #eee; padding:20px 0;}
.page a{ display:inline-block; margin:0 3px; padding:3px 8px; border:1px solid #eee; color: #999;}
.page span{ display:inline-block;  padding:3px 8px; border:1px solid #eee;}
.page .current{background:#f1f1f1; color:#666;}
.page a:hover{background:#f1f1f1; color:#666;}

/* --------------jdcx----------------------------- */
.chaxun{width:1200px; margin: 0 auto; overflow: hidden; padding: 30px 0;}
.chaxun h2{width:1200px; height: 50px; line-height: 50px;text-align: center; font-size: 30px; padding: 30px 0; font-weight: normal;}
.chaxun .list{width:600px; margin: 0 auto;}
.chaxun input{border: 1px solid #ccc; width: 500px; height: 50px; line-height: 50px; text-indent: 10px; font-size: 16px; float: left;}
.chaxun button{border:0; width: 80px; height: 50px; line-height: 50px; background: #c00; float: right;border: 1px solid #ccc; color: #fff; font-size: 16px;}
.chaxun button:hover{background: #f00;}
.jdcx{width:1200px; margin: 0 auto; overflow: hidden; padding: 30px 0 80px 0;}
.jdcx td{ padding: 10px; border: 1px solid #ccc; font-size: 14px;}
.jdcx h2{width:1200px; height: 50px; line-height: 50px;text-align: center; font-size: 30px; padding: 30px 0; font-weight: normal;}
.jdcx h2 span{ color: #c00;}
.jdcx td span{ color: #c00; font-size: 27px;}
.ssjg{width:1200px; margin:0 auto 30px auto; overflow: hidden; padding: 30px 0; background: #f1f1f1; text-align: center; font-size: 20px; }
.ssjg a{color: #c00;}
.ssjg a:hover{ color: #f00;}

/* --------------case----------------------------- */
.wbal{width:1224px; margin: 0 auto; overflow: hidden; padding: 30px 0;}
.wbal .title{width:1200px; height: 50px; line-height: 50px; margin: 0 auto; border-bottom: 1px solid #ccc;}
.wbal .title h3{ width: 20%; float: left; font-weight: normal;}
.wbal .title .more{ width: 20%; float: right; display: block; text-align: right;}
.wbal .title a{ color: #333; font-size: 20px;}
.wbal .title a:hover{ color: #c00;}
.cases{width:1224px;overflow: hidden;margin: 0 auto; padding: 30px 0;}
.sph{width:1300px;}
.spbq{width:388px;height: auto;float: left;margin:0 10px 20px 10px;position: relative;overflow: hidden; box-shadow:3px 3px 6px 3px rgba(0, 0, 0, 0.1);}
.zst{padding:10px 10px 0 10px;}
.zst img{ width:100%; height: 500px;}
.spbq h2{width:100%; height:40px; line-height: 40px; padding-bottom: 10px; color: #333; font-weight: normal;}
.spbq h2 p{width:250px; height:40px; float: left; padding-left: 11px; font-size: 14px;}
.spbq h2 span{width:80px; height:40px; float: right;background: url(../images/eye.png) no-repeat 0 center; text-indent:25px;}
.biankuang{width: 10px;height: 10px;position: absolute;z-index: 99;/*background: black;*/}
.biankuang_1{height: 10px;top: -20px;left:0px;border-left: 10px solid #ff3333 ;}
.biankuang_2 {width: 0px;bottom:-10px;left: 0px;border-top: 10px solid #ff3333 ;}
.biankuang_3{height: 0px;bottom:0px;right:0px;border-right: 10px solid #ff3333 ;}
.biankuang_4{width:0px;top:-10px;right:0px;border-bottom: 10px solid #ff3333 ;}
.text_gobuy {position: absolute;z-index:9;top: -30px;left: 0px;width:100%;height:30px;overflow: hidden;cursor: pointer;}
.text_gobuy_show{height:600px;position: absolute;z-index:9;bottom: 0px;width:388px;overflow: hidden;cursor: pointer;background: url(../images/casebg.png) repeat;}
.text_gobuy p{ width:120px; height:120px;position: absolute;top:240px;left:50%; margin-left: -60px;background: url(../images/zx.png) no-repeat 0 0;}

/* --------------About---------------------- ------ */
.about_top{width:100%; min-width:1200px; text-align:center; line-height:30px; color:#555; position:relative; height:800px; overflow:hidden;background:#fff;}
.about_top_wrap{ position:absolute; left:0; top:0; width:100%; margin-top:80px}
.eag{width:100%; min-width:1200px; position:relative; height:410px;}
.eye{ width:841px; height:274px; background:url(../images/eyes.gif) no-repeat; position:absolute; top:30px; z-index:1; left:50%; margin-left:-420px }
.glasses{ width:930px; height:330px; background:url(../images/glasses.png) no-repeat; position:absolute; top:0; z-index:2; left:50%; margin-left:-465px }
.about_top p{ background:url(../images/icon_hello.png) center top no-repeat; padding-top:173px }

.mainBody_a01{ width:100%;min-width:1200px; height:auto; overflow:hidden;background:url(../images/about1.jpg) no-repeat center 0;}
.mainBody_a01 h2{height:72px; line-height:72px; text-align:center; font-size:46px; font-weight:normal; padding:100px 0 60px 0;background:url(../images/about3.png) no-repeat center 0}
.mainBody_a01 .content{ width:1000px; height:auto; line-height:36px; font-size:14px; margin:0 auto; overflow:hidden; padding-bottom:80px;}
.news .article{ font-size:14px;}
.news .article a{ color:#666;}
.news .article a:hover{ color:#c00;}
.mainBody_a02{ width:100%;min-width:1200px; height:auto; overflow:hidden;background:#fff; padding-top:50px;}
.mainBody_a02 .list{ width:100%; height:auto; overflow:hidden; padding-bottom:50px;}
.mainBody_a02 .list .left1{ width:880px; height:380px; float:left;}
.mainBody_a02 .list .right1{ width:260px; height:320px; padding:30px; float:right; background:#333;}
.mainBody_a02 .list .right1 ul{width:260px; height:320px;}
.mainBody_a02 .list .right1 .m1{background:url(../images/map_01.jpg) no-repeat right 125px;}
.mainBody_a02 .list .right1 .m2{background:url(../images/map_02.jpg) no-repeat right 125px;}
.mainBody_a02 .list .right1 .m3{background:url(../images/map_03.jpg) no-repeat right 125px;}
.mainBody_a02 .list .right1 li{ width:260px; line-height:30px;color:#999; font-size:14px;}
.mainBody_a02 .list .right1 .a1{ font-size:18px;color:#fff;}
.mainBody_a02 .list .right1 .a2{ font-size:16px;color:#ccc; overflow:hidden; padding-bottom:30px;}

.mainBody_a03{ width:100%;min-width:1200px; overflow:hidden; padding-bottom:50px;}
.mainBody_a03 img{ width:100%;min-width:1200px;}

/* ---------------mainBody_01-------------------------------  */
.mainBody_01{width:100%; min-width: 1200px; position:relative;  height:684px; background:#000;}	
.mainBody_01 .bd{margin:0 auto; position:relative; z-index:0; overflow:hidden;}	
.mainBody_01 .bd ul{width:100% !important;}	
.mainBody_01 .bd li{width:100% !important;height:684px; overflow:hidden; text-align:center;}	
.mainBody_01 .bd li a{display:block; height:684px;}	
.mainBody_01 .hd{width:100%;  position:absolute; z-index:1; bottom:20px; left:0; height:25px;}	
.mainBody_01 .hd ul{ text-align:center;}	
.mainBody_01 .hd ul li {cursor:pointer; display:inline-block; *display:inline; zoom:1; width:25px; height:25px;line-height:25px; font-size: 14px; color: #fff; margin:0 5px; overflow:hidden; background:#000;filter:alpha(opacity=70);opacity:0.7;}	
.mainBody_01 .hd ul .on{background:#b80a01;}	
.mainBody_01 .prev,.mainBody_01 .next{ display:block; position:absolute; z-index:1; top:50%; margin-top:-30px; left:15%;  z-index:1; width:65px; height:129px;background:url(../images/bpre.png) no-repeat 0 0; cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none;  }	
.mainBody_01 .next{left:auto; right:15%; background:url(../images/bnext.png) no-repeat 0 0;}

/* --------------xcx_01---------------------- ------ */
.xcx_01{width:1200px; margin: 0 auto; height: auto; text-align: center; padding:100px 0;}
.xcx_01 .list{ overflow: hidden;}
.xcx_01 .list p{ line-height: 36px; font-size:18px; padding-bottom: 30px;}

/* --------------xcx_02---------------------- ------ */
.xcx_02{width:100%;min-width:1200px; height: auto; text-align: center; padding:100px 0; background: #f7f7f7;}
.xcx_02 .list{width:1200px; margin: 0 auto; height: auto; overflow: hidden;}
.xcx_02 .list li{width:194px; height: 231px; line-height:30px; float: left; font-size: 20px;background:url(../images/xcx_02.png) no-repeat center 0; padding: 0 53px 20px 53px;}
.xcx_02 .list li:hover{background:url(../images/xcx_03.png) no-repeat center 0; color: #fff;cursor:pointer;}
.xcx_02 .list li p{ height: 50px; line-height: 50px; color: #c00; font-size:54px; padding:60px 0 20px 0;}
.xcx_02 .list li:hover p{color: #fff;}

/* --------------xcx_03---------------------- ------ */
.xcx_03{width:1200px; margin: 0 auto; height: auto; text-align: center; padding:120px 0;}
.xcx_03 .box3{width: 1200px;margin: 20px auto 0px;overflow: hidden;}
.xcx_03 .box3 li{width: 280px;height: 400px;overflow: hidden;margin: 10px;float: left;position: relative;cursor: pointer;background: #f7f7f7;}
.xcx_03 .box3 li:hover{ box-shadow:4px 4px 8px #ccc;}
.xcx_03 .box3 .top{position: absolute;z-index:1;height: 1px;width: 0px;top: 10px; left: 10px; width: 0px;}
.xcx_03 .box3 .bottom{position: absolute;z-index:1;height: 1px;width: 0%;bottom: 10px;right: 10px;}
.xcx_03 .box3 .left{height: 0;position: absolute;left: 10px;width: 1px;top: 10px;}
.xcx_03 .box3 .right{height: 0;position: absolute;right: 10px;width: 1px;bottom: 10px;}
.xcx_03 .box3 .p1{width:100px;height:100px; margin: auto; background:#a4181f; border-radius: 50%; margin-top: 60px;}
.xcx_03 .box3 .p1 img{width:100px;height:100px;-moz-transition: width 1s, height 1s, -webkit-transform 1s; /* For Safari 3.1 to 6.0 */
-webkit-transition: width 1s, height 1s, -webkit-transform 1s; /* For Safari 3.1 to 6.0 */
transition: width 1s, height 1s, transform 1s;}
.xcx_03 .box3 li:hover img{   
-webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
transform: rotate(deg);
-moz-transform: rotate(360deg); /* Chrome, Safari, Opera */
-ms-transform: rotate(360deg); /* Chrome, Safari, Opera */
}
.xcx_03 .box3 .p2{width:100%;height:60px; line-height: 60px; margin: auto; font-size:24px;}
.xcx_03 .box3 .p3{width:40px;height:5px; margin: auto; background:#a4181f; }
.xcx_03 .box3 .p4{width:88%;height:120px; line-height: 24px; font-size: 14px; padding: 20px 6%; color: #666;}
.mores{ width:200px; height:50px; line-height:50px; font-size:16px; margin:30px auto 0 auto; display: block; text-align: center; color: #fff; background: #c00 url(../images/kf.png) no-repeat 40px center; padding-left: 20px;}
.mores:hover{display: block; background:#f00 url(../images/kf.png) no-repeat 40px center; color: #fff;} 

/* --------------xcx_04---------------------- ------ */
.xcx_04{width:100%;min-width:1200px; height: auto; text-align: center; padding:100px 0; background: #f7f7f7;}
.xcx_04 .list{width:1200px; margin: 0 auto; height: auto; overflow: hidden;}
.xcx_04 table{}
.xcx_04 table tr:nth-child(2n){background: #F1F1F1;}
.xcx_04 table td{border:1px solid #DEDEDE;color: #000;text-align: center;line-height: 1.7;font-size: 17px}
.xcx_04 thead td{font-size: 32px;}
.xcx_04 td span{display: block;padding:16px 0;}
.xcx_04 .td-tit{font-weight: 900;color: #c00;font-size: 18px;width: 170px;}
.xcx_04  .ce11-2{position: relative;width: 510px;}
.xcx_04  .ce11-3{position: relative;color: #fff;background: #c00;width: 510px;	}
.xcx_04  .ce11-3 span{ border-bottom:1px solid #C5C5C5;}

/* --------------xcx_05---------------------- ------ */
.xcx_05{width:1200px; margin: 0 auto; height: auto;padding:100px 0;}
.xcx_05 .list{width: 1200px;margin: 20px auto 0px;overflow: hidden;}
.xcx_05 .list .a1{ width: 383px; height:900px; float: left;background:url(../images/xcx_10.png) no-repeat 0 0;padding:78px 0 0 23px;}
.xcx_05 .list .a2{ width: 386px; height:600px;float: left; text-align: center; padding-top: 300px;}
.xcx_05 .list .a3{ width: 383px; height:900px;float: right;background:url(../images/xcx_10.png) no-repeat 0 0;padding:78px 0 0 23px;}
.xcx_05 .list .a1 h3{ overflow-x: hidden; margin:74px 0 168px 0;height:493px;}
.xcx_05 .list .a1 h3 img{width:350px;}
.xcx_05 .list h3{width: 364px;height: 635px; margin-bottom: 100px;}
.xcx_05 .list h3 img{width:364px;}
.xcx_05 .list h4{ text-align: center; height: 80px; line-height: 80px; font-size: 30px;}
.xcx_05 .list .a1 h4{  color: #c00;}
.xcx_05 .list p{ text-align: center; height: 30px; line-height: 30px; font-size: 14px; color: #666;}

.xcx_05 .list1{width: 1200px;margin: 20px auto 0px;overflow: hidden; text-align: center;}
.xcx_05 .list1 h4{height:auto; line-height: 1.5em; font-size: 38px; color: #000;}
.xcx_05 .list1 h4 span{font-size:64px; color: #c00;}

/* --------------xcx_06---------------------- ------ */
.xcx_06{width:100%;min-width:1200px; text-align: center; background:url(../images/xcx_12.jpg) no-repeat center 0;}
.xcx_06 .list{width:1200px; margin: 0 auto; height: 787px; overflow: hidden; position: relative;padding-top: 70px;}
.xcx_06 .list h2{height: 60px;text-align: center;font-size: 42px;color: #040000; padding-top: 30px;}
.xcx_06 .list p{text-align: center;font-size: 24px;color: #040000; line-height: 30px;}
.xcx_06 .list span{position: absolute; display: block; left:670px;top:720px;width: 286px;height: 64px;line-height: 64px;text-align: center;font-size: 24px;color: #fce6cc;font-weight: bold;}
.xcx_06 .list span a{ display: block;background: #c00;width: 286px;height: 64px;color: #fce6cc;}
.xcx_06 .list span a:hover{ display: block;background: #f00;}

/* --------------xcx_07---------------------- ------ */
.xcx_07{width:1200px; margin: 0 auto; height: auto;padding:100px 0;}
.xcx_07 .text_gobuy_show{background: url(../images/casebg1.png) repeat;}
.xcx_07 .text_gobuy p{ width:200px; height:200px;position: absolute;top:200px;left:50%; margin-left: -100px;background: url(../images/xcx.png) no-repeat 0 0;}

/* --------------app---------------------- ------ */
.app_01{width:100%;min-width:1200px; height: 828px; background:url(../images/app1.jpg) no-repeat center 0; text-align: center;}
.app_01 h2{width:100%;height:50px; line-height: 50px; font-size:32px; font-weight: normal; padding-top: 80px;}
.app_01 h2 span{ color: #c00;}
.app_01 p{width:100%;height:30px; line-height: 30px; font-size:20px;padding-top:10px; color: #666;}
.app_02{width:100%;min-width:1200px; height:602px; background:url(../images/app2.jpg) no-repeat center 0; padding-top: 70px;}
.app_02 .title{width:810px;height:270px; background:url(../images/app3.png) no-repeat center 0; margin: 0 auto; position: relative;}
.app_02 .title p{width:130px;height:30px; line-height: 30px; border-radius: 6px; background:#acacac; position: absolute; text-align: center; font-size: 20px; color:#fff;}
.app_02 .title .p1{ top: 150px; left: 0;}
.app_02 .title .p2{ top: 220px; left: 340px; background: #c00;}
.app_02 .title .p3{ top: 150px; right: 0;}
.app_02 .list{width:100%;height:auto; text-align: center; padding:30px 0; color:#666;}
.app_02 .list h2{width:100%;height:54px; line-height: 54px;  font-size: 35px;  font-weight: normal;}
.app_02 .list h2 span{ color: #c00; font-size: 46px;}
.app_02 .list h3{width:100%;height:27px; line-height: 27px;  font-size:14px;  font-weight: normal; color: #999; padding: 5px 0;}
.app_02 .list p{width:100%;height:auto; line-height: 30px;  font-size:16px;}

.app_03{width:1200px; height:auto; margin: 0 auto; padding: 50px 0; overflow: hidden;}
.app_03 h2{width:100%;height:54px; line-height: 54px;  font-size: 35px;  font-weight: normal; text-align: center; padding-bottom: 60px;}
.app_03 h2 span{ color: #c00; font-size: 46px;}
.app_03 .list{width:888px;height:569px; background:url(../images/app4.jpg) no-repeat center 0; margin: 0 auto; position: relative;}
.app_03 .list p{width:260px;height:72px; line-height:24px;position: absolute;font-size:14px; color:#999;}
.app_03 .list .p1{ top: 175px; left: 40px;}
.app_03 .list .p2{ top: 330px; left: 40px;}
.app_03 .list .p3{ top: 175px; right: 0;}
.app_03 .list .p4{ top: 330px; right: 0;}
.app_03 h3{ width: 100%; text-align: center;}


/* --------主体内容-------------------------------------------- */
.right .content {padding:15px;text-align:justify;font-size:14px;line-height:24px;background:#fff;overflow:hidden;min-height:980px;}

/* --------案例详情-------------------------------------------- */
.content1{ padding-top:20px; line-height:24px;}
.content1 .con1{width:100%; overflow:hidden; padding-bottom:20px;}
.content1 .con1 .le{width:540px; height:445px; float:left;background:url(../images/imac.jpg) no-repeat 0 0; border-right:1px solid #eee; padding-right:40px;}
.content1 .con1 .le h4{width:500px; height:292px; padding:16px 0 0 19px; overflow:hidden;}
.content1 .con1 .le img{width:500px; height:auto;}
.content1 .con1 .les{width:540px; height:753px; float:left; border-right:1px solid #eee; padding-right:40px;background:url(../images/phones.png) no-repeat center 0;}
.content1 .con1 .les h4{width:375px; height:580px; margin:72px 0 0 127px; overflow-x:hidden;}
.content1 .con1 .les img{width:325px; height:auto;}
.content1 .con1 .ri{width:515px; float:right;}
.content1 .con1 .ri h3{width:100%; line-height:30px; font-size:24px;padding-bottom:10px; color:#fd6868;}
.content1 .con1 .ri .main{width:100%; height:210px; overflow:hidden; margin:10px 0 15px 0;line-height:24px; font-size:13px;}
.content1 .con1 .ri .main1{width:100%; padding:15px 0; line-height:24px; font-size:13px; border-top:1px solid #eee;border-bottom:1px solid #eee;}
.content1 .con1 .ri .main2{width:100%; padding-top:20px; height: 40px;}
.content1 .con1 .ri .main2 a{width:130px; height:40px; line-height:40px; display:block; float:left; margin-right:20px; font-size: 14px; background:#f00; color:#fff; text-align:center;}
.content1 .con1 .ri .main2 .l1{background:#303030;}
.content1 .con1 .ri .main2 a i{width:40px; height:40px;background:#cb2a30 url(../images/ljll.png) no-repeat center center;display:block; float:left;}
.content1 .con1 .ri .main2 a:hover{ display:block; background:#fd6868;cursor: pointer;}
.content1 .con1 .ri .main2 .l2{ position: relative;}
.content1 .con1 .ri .main2 .l2 span{ display: none; width: 200px; height: 200px; padding: 10px 0; position: absolute; top: -230px; left: -35px; border: 3px solid #f1f1f1; text-align: center; background:#fff; line-height: 20px; color: #666;}
.content1 .con1 .ri .main2 .l2 span img{width: 180px; height: 180px;}
.content1 .con1 .ri .main2 .l2:hover span{ display:block;}

.content1 .con11{width:100%; overflow:hidden; padding-bottom:20px;}
.content1 .con11 .le{width:445px; height:445px; float:left; border-right:1px solid #eee; padding-right:40px;}
.content1 .con11 .le h5{width:445px; height:445px;overflow:hidden;}
.content1 .con11 .le h5 img{width:445px;}
.content1 .con11 .ri{width:610px; float:right;}
.content1 .con11 .ri h3{width:100%; line-height:30px; font-size:24px;padding-bottom:10px; color:#fd6868;}
.content1 .con11 .ri .main{width:100%; height:190px; overflow:hidden; margin:10px 0 15px 0;line-height:24px; font-size:13px;}
.content1 .con11 .ri .main1{width:100%; padding:15px 0; line-height:24px; font-size:13px; border-top:1px solid #eee;border-bottom:1px solid #eee;}
.content1 .con11 .ri .main2{width:100%; padding-top:20px; height: 40px;}
.content1 .con11 .ri .main2 a{width:130px; height:40px; line-height:40px; display:block; float:left; margin-right:20px; font-size: 14px; background:#f00; color:#fff; text-align:center;}
.content1 .con11 .ri .main2 .l1{background:#303030;}
.content1 .con11 .ri .main2 a i{width:40px; height:40px;background:#cb2a30 url(../images/ljll.png) no-repeat center center;display:block; float:left;}
.content1 .con11 .ri .main2 a:hover{ display:block; background:#fd6868;}
.content1 .con11 .ri .main2 .l2{ position: relative;}
.content1 .con11 .ri .main2 .l2 span{ display: none; width: 200px; height: 200px; padding: 10px 0; position: absolute; top: -230px; left: -35px; border: 3px solid #f1f1f1; text-align: center; background:#fff; line-height: 20px; color: #666;}
.content1 .con11 .ri .main2 .l2 span img{width: 180px; height: 180px;}
.content1 .con11 .ri .main2 .l2:hover span{ display:block;}


.content1 .con2 {width:100%; overflow: hidden; padding: 20px 0; text-align: center; border-top:1px solid #eee;}
.content1 .con2 img{width:800px; border:10px solid #eee;}
.con5 { width:100%; overflow: hidden; padding: 20px 0; border-top:1px solid #eee; font-size: 14px; line-height: 27px; color: #666;}
.con5 span{ font-size: 16px;  color: #f00;}
.content a{color: #333;}
.content a:hover{color: #666;}
.content1 a{color: #333;}
.content1 a:hover{color: #666;}
.content1 .con7{ width:100%; overflow: hidden; padding: 20px 0; font-size: 16px; line-height: 30px; border-top:1px solid #eee;}

/*---------------------------  vr /  ar   ------------------*/
.vrBody_01{width:100%; min-width: 1200px; position:relative;height:780px; background:#f40008;}
.vrBody_01 .bd{margin:0 auto; position:relative; z-index:0; overflow:hidden;}
.vrBody_01 .bd ul{width:100% !important;}
.vrBody_01 .bd li{width:100% !important;height:780px; overflow:hidden; text-align:center;}
.vrBody_01 .bd li a{display:block; height:780px;}
.vrBody_01 .hd{width:100%;  position:absolute; z-index:1; bottom:20px; left:0; height:28px;}
.vrBody_01 .hd ul{ text-align:center;}
.vrBody_01 .hd ul li {cursor:pointer; display:inline-block; *display:inline; zoom:1; width:15px; height:15px;line-height:15px;border-radius: 20px; font-size: 14px; color: #fff; margin:0 5px; overflow:hidden; background:#000;filter:alpha(opacity=70);opacity:0.7;}
.vrBody_01 .hd ul .on{background:#f40008;}
.vrBody_01 .prev,.vrBody_01 .next{ display:block; position:absolute; z-index:1; top:50%; margin-top:-30px; left:15%;  z-index:1; width:65px; height:129px;background:url(../images/bpre.png) no-repeat 0 0; cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none;  }
.vrBody_01 .next{left:auto; right:15%; background:url(../images/bnext.png) no-repeat 0 0;}

.vrBody{text-align: center;width: 100%;min-width: 1200px;}

/* ---------------mainBody_11-------------------------------  */
.vrBody_02{width:100%;min-width: 1200px;overflow: hidden; padding:100px 0 50px 0;}
.vrBody_02 .list{width: 1220px;margin:0 auto; height:auto;}
.vrBody_02 .list ul{overflow: hidden; position: relative;}
.vrBody_02 .list li{width:590px; height:415px; float: left; margin:10px;position: relative;z-index:20;cursor:pointer;}

.vrBody_02 .list .p1{width:100%; height:360px; overflow: hidden;position: relative;}
.vrBody_02 .list .p1 img{width:100%;height:360px;position: absolute;transition: 200ms;}
.vrBody_02 .list li:hover .p1 img{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);}
.vrBody_02 .list .p2{width:100%; height:auto; margin-top: 10px; line-height: 30px; font-size: 20px;text-align: center}
.vrBody_02 .list .p2 a{ color: #333;}
.vrBody_02 .list .p2 a:hover{ color: #b80a01;}
.vrBody_02 .list .p3{width:100%; height:30px; line-height: 30px;color: #999; font-size: 16px;}
.vrBody_02 .list .p4{width:100%; height:72px; line-height: 24px; overflow: hidden;color: #999; font-size: 15px;}

/* ---------------vrBody_03-------------------------------  */
.vrBody_03{width:1200px; margin:0 auto; overflow:hidden; padding:100px 0; }
.vrBody_03 .list{width: 1200px;height: 700px;margin-top: 60px;position: relative;}
.vrBody_03 .list ul{width:280px;height:320px; padding-top:60px; margin: 10px; float: left; text-align: center;background:#f5f5f5 url(../images/h2.png) no-repeat right bottom;
    -webkit-transition: background 0.8s;
    -moz-transition: background 0.8s;
    -ms-transition: background 0.8s;
    -o-transition: background 0.8s;
    transition: background 0.8s;}
.vrBody_03 .list ul:hover{background:#ffe6e7 url(../images/h2.png) no-repeat right bottom;}
.vrBody_03 .list .a1{width:100px;height:100px; border: 1px solid #f40008; padding: 10px; margin:0 auto; border-radius: 100%;}
.vrBody_03 .list .a1 a{width:100px;height:80px; padding-top: 20px; display: block; background: #f40008;border-radius: 100%;}
.vrBody_03 .list ul img {width:60px; height:60px;
    -moz-transition: width 1s, height 1s, -webkit-transform 1s; /* For Safari 3.1 to 6.0 */
    -webkit-transition: width 1s, height 1s, -webkit-transform 1s; /* For Safari 3.1 to 6.0 */
    transition: width 1s, height 1s, transform 1s;}
.vrBody_03 .list ul:hover img {
    -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
    transform: rotate(deg);
    -moz-transform: rotate(360deg); /* Chrome, Safari, Opera */
    -ms-transform: rotate(360deg); /* Chrome, Safari, Opera */
}
.vrBody_03 .list .a2{width:100%;height:30px; line-height: 30px; font-size: 24px; color: #f40008; padding: 10px 0;}
.vrBody_03 .list .a3{width:100%;height:auto; line-height: 24px; font-size: 16px;}
.vrBody_03 .list .a4{width:100%;height:72px; line-height: 24px;color: #666;}


.vrBody_04{width:100%;min-width:1200px;padding:120px 0;}
.vrBody_04 .list{width:1200px;margin:0 auto;overflow:hidden;}
.vrBody_04 .list ul li{float:left;margin-right:13px;}
.vrBody_04 .list ul .nobor01{margin:0;}
.vrBody_04 .list ul li a{background:#f5f5f5 url(../images/h2.png) no-repeat right bottom;width:290px;height:350px;display:block;text-align:center;padding:46px 0 0;
    -webkit-transition:background 0.8s;-moz-transition:background 0.8s;
    -ms-transition:background 0.8s;
    -o-transition:background 0.8s;
    transition:background 0.8s;}
.vrBody_04 .list ul li a:hover{background:#ffe6e7 url(../images/h3.png) no-repeat right bottom;}
.vrBody_04 .list ul li a img{display:block;width:118px;height:118px;margin:0 auto;-moz-transition:width 1s,height 1s,-webkit-transform 1s;-webkit-transition:width 1s,height 1s,-webkit-transform 1s;transition:width 1s,height 1s,transform 1s;}
.vrBody_04 .list ul li a:hover img{-webkit-transform:rotate(360deg);transform:rotate(deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);}.vrBody_04 .list ul li a b{display:block;height:66px;line-height:66px;font-size:20px;color:#222;}
.vrBody_04 .list ul li a i{width:28px;height:3px;background:#f40008;margin:20px auto 0;display:block;line-height:0;font-size:0}
.vrBody_04 .list ul li a em{display:block;font-size:16px;color:#555;line-height:28px;padding:20px 45px 0;}
.vrBody_04 .list ul li a em span{color:#f40008;font-weight:bold;}

/* ---------------vrBody_05-------------------------------  */
.vrBody_05{width:100%;min-width:1200px; overflow:hidden; padding-top:120px; text-align: center; background: #111 url(../images/h8.png) repeat;}
.vrBody_05 .list{width:1200px; overflow:hidden;  margin: 0 auto; padding:30px 0 80px 0;}
.vrBody_05 .list ul{width:200px; height: 400px; float: left; color:#fff; text-align: center;}
.vrBody_05 .list ul li{width:100%;}
.vrBody_05 .list ul .a1 a{width:120px; height:90px; padding-top: 30px; display: block; border-radius: 100%; background:url(../images/h10.png) repeat; margin:0 auto;}
.vrBody_05 .list ul .a1 a:hover{background: #f40008;}
.vrBody_05 .list ul .a1 a img {width:60px; height:60px;
    -moz-transition: width 1s, height 1s, -webkit-transform 1s; /* For Safari 3.1 to 6.0 */
    -webkit-transition: width 1s, height 1s, -webkit-transform 1s; /* For Safari 3.1 to 6.0 */
    transition: width 1s, height 1s, transform 1s;}
.vrBody_05 .list ul .a1 a:hover img {
    -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
    transform: rotate(deg);
    -moz-transform: rotate(360deg); /* Chrome, Safari, Opera */
    -ms-transform: rotate(360deg); /* Chrome, Safari, Opera */
}
.vrBody_05 .list ul .a4{ padding: 20px 0 10px 0;}
.vrBody_05 .list ul .a2{ height: 30px; line-height: 30px; font-size:20px; padding-bottom: 10px;}
.vrBody_05 .list ul .a3{ width:126px; height: 108px; line-height:27px; color: #999; font-size:15px; margin: 0 auto;}

/* ---------------vrBody_06-------------------------------  */
.vrBody_06{width:1200px; height:auto; margin: 100px auto 0 auto;}
.vrBody_06 .list{width:1180px; height:600px; border: 10px solid #f1f1f1; overflow:hidden;}

/*---------------liucheng--------------*/
.liucheng{width: 1200px; margin:0 auto; height:auto;overflow: hidden; padding:50px 0;}
.liucheng .list{width:1200px; height:auto;overflow: hidden;margin-bottom: 70px;}
.liucheng .list ul{width:278px; height:494px; margin-right:93px; float: left; padding:0 30px; text-align: center;background:url(../images/b1.png) no-repeat center 60px;}
.liucheng .list .a1{width:100%; height:226px;}
.liucheng .list .a2{width:100%; height:50px; line-height: 50px; font-size: 30px; color: #f40008; padding-top: 20px;}
.liucheng .list .a3{width:100%; height:auto; line-height:27px; font-size:16px;margin-top: 25px;}
.liucheng .list .a3 span{color: #f40008;}
.liucheng .list img{width:233px;}