@charset "utf-8";
/**
* @name         :vitualhost.css
* @date         :2014-9-16
* @updateTime   :()
* @author       :zhaoming@xinnet.com
* @version      :1.0
* @type         :虚机（dome）style
* @explain      :
* @relating     :依赖于整站标签初始化style
* @dependent    :整站页面都需要common1.css、headfooter1.css
**/
/*-- 虚机栏目icon 图标样式 begin --*/
.icon-feature{display: inline-block;*display: inline;width: 30px; height: 30px; background-image: url(icon_feature.png);background-position: 0 0;background-repeat: no-repeat;vertical-align:middle;*zoom:1;cursor:pointer;}
.icon-f-1{background-position: -32px 0;}
.icon-f-2{background-position: -64px 0;}
.icon-f-3{background-position: -96px 0;}

.icon-f-4{background-position: -128px 0;}
.icon-f-5{background-position: -160px 0;}
.icon-f-6{background-position: -192px 0;}

.icon-f-7{background-position: -224px 0;}
.icon-f-8{background-position: -256px 0;}
.icon-f-9{background-position: -288px 0;}

.c_current .icon-feature{background-position: 0px -32px;}
.c_current .icon-f-1{background-position: -32px -32px;}
.c_current .icon-f-2{background-position: -64px -32px;}
.c_current .icon-f-3{background-position: -96px -32px;}

.c_current .icon-f-4{background-position: -128px -32px;}
.c_current .icon-f-5{background-position: -160px -32px;}
.c_current .icon-f-6{background-position: -192px -32px;}

.c_current .icon-f-7{background-position: -224px -32px;}
.c_current .icon-f-8{background-position: -256px -32px;}
.c_current .icon-f-9{background-position: -288px -32px;}

.c_current .icon-feature.on{background-position: 0px -64px;}
.c_current .icon-f-1.on{background-position: -32px -64px;}
.c_current .icon-f-2.on{background-position: -64px -64px;}
.c_current .icon-f-3.on{background-position: -96px -64px;}

.c_current .icon-f-4.on{background-position: -128px -64px;}
.c_current .icon-f-5.on{background-position: -160px -64px;}
.c_current .icon-f-6.on{background-position: -192px -64px;}

.c_current .icon-f-7.on{background-position: -224px -64px;}
.c_current .icon-f-8.on{background-position: -256px -64px;}
.c_current .icon-f-9.on{background-position: -288px -64px;}

.icon-logo{display: inline-block;*display: inline;width:49px; height:66px; background: url(icon_products_title.png) no-repeat 0 0;vertical-align:middle;*zoom:1;position:absolute;left:0;top:0;}

.icon-l-1{background-position:0 0;}
.icon-l-2{background-position:0 -68px;}
.icon-l-3{background-position:0 -134px;}

.icon-btna{display: inline-block;*display: inline;width:30px; height:30px; background:url(icon_tool.png) no-repeat 0 0;vertical-align:middle;*zoom:1;}

.icon-b-1{background-position:0 -32px;}

.icon-s{background:url(icon_service.png) no-repeat 0 0;display: inline-block;*display: inline;width:100px; height:100px; vertical-align:middle;*zoom:1;}/*icon-service*/

.icon-s-1{background-position:0 -102px;}
.icon-s-2{background-position:0 -204px;}
.icon-s-3{background-position:0 -306px;}
.icon-s-4{background-position:0 -408px;}
.icon-s-5{background-position:0 -510px;}
.icon-s-6{background-position:0 -612px;}
.icon-s-7{background-position:0 -714px;}
/*-- 虚机栏目icon 图标样式 end --*/

/*-- 虚机tab begin--*/
.banner-content{height:320px;background:url(virtu_banner.jpg) no-repeat center top #000000;}
.tab-container1{background-color:#f5f5f5;overflow: hidden;}
.tab-container2{background-color:#fff;overflow: hidden;}
.tab-menu-container{position:relative;width:100%;height:70px;background-color:#ffffff; border-bottom: 1px solid #e8e8e8;}
.tab-menu,
.tm-c-main{width:960px; margin:0 auto;}
.tab-menu ul{height:70px;}
.tab-menu li{width:25%;*width: 24.8%; float:left; text-align:center;}
.tab-menu li:hover{background-color: #eeeeee; border-bottom: 4px solid #eeeeee;}
.tab-menu li a{display:inline-block;font-size:20px; color:#000000; width:100%; height:66px; line-height:66px; *display:inline;*zoom:1; }
.tab-menu li.focus-true{border-bottom:4px solid #ff3333;}
.tm-content{width: 100%; padding:50px 0; display:none;}
.c-tit .tit-h2{font-size:28px; font-weight:normal; height: 50px; line-height: 50px;}
.c-tit .stress{font-size:49px;}
.c-tit .tit-note{color:#666;}
.tit-h2-r{position:relative;float:left;height:50px;width:630px;}
.c-tit2{height:50px;clear:both;padding-bottom: 10px;}
.c-tit2 .tit-h2{font-size:28px; font-weight:normal; height: 50px; line-height: 50px;float:left;}
.c-tit2 .tit-note{color:#666;font-size:14px;position:absolute;bottom:-3px;}
.c-tit2 .tit-note b{font-size:22px;font-weight:normal;color:#666;}

.tab-container2 .tab-menu{width:760px;}
.tab-container2 .tab-menu li a{font-size:16px;}

.fixed-tab1{position:fixed; top:0; height:50px; z-index:998;}
.fixed-tab1 .tab-menu li a{height:48px; font-size:16px; line-height:48px;}

.tm-bg1{background-image: url(bg_1.jpg);background-repeat: no-repeat; background-position: center 0;}
.tm-bg2{background-image: url(bg_2.jpg);background-repeat: no-repeat; background-position: center 0;}
.tm-bg3{background-image: url(bg_3.jpg);background-repeat: no-repeat; background-position: center 0;}
.tm-bg4{background-image: url(bg_4.jpg);background-repeat: no-repeat; background-position: center 0;}
/*-- 虚机tab end--*/

/*-- tab-menu2条 begin --*/
.tab-menu-container2{width:100%;height:45px;background-color:#f5f5f5;}
.tab-container2 .tm-content{padding-top: 0px; padding-bottom: 25px; box-shadow: 0px 0px 5px #e0e0e0;
    -moz-box-shadow:0px 0px 5px #e0e0e0;
    -webkit-box-shadow:0px 0px 5px #e0e0e0;
    -o-box-shadow:0px 0px 5px #e0e0e0;}
.tab-menu2{width:990px; margin:0 auto;}
.tab-menu2 ul{height:45px;}
.tab-menu2 li{width:202px; float:left;height:45px; text-align:center; margin-right: 10px; background-color: #dbddde;}
.tab-menu2 li:hover{background-color: #e5e5e5;}
.tab-menu2 li a{display:inline-block;font-size:18px; color:#333333; width:100%; height:100%; line-height:45px; *display:inline;*zoom:1; }
.tab-menu2 li.focus-true{border-top:4px solid #ff3333; height: 41px; background-color: #ffffff;}
.tab-menu2 li.focus-true a{line-height: 41px;}
/*-- tab-menu2条 end --*/

/*虚机主内容 begin*/
.def_o{color:#f63;}
.def_r{color:#f33;}
.m_content{width:990px;margin:0 auto;}/*mamin_content*/
.c_def{position:relative;border:1px solid #dcdcdc;width:920px;height:228px;background:#fff;margin:30px 20px 0px 20px;}/*content_default*/
.def_h2{line-height: 66px;height:66px;padding:0 0 0 75px;font-size:26px;color:#000;font-weight:normal;position:relative;display:inline-block;}
.def_h2>span{font-size:14px;padding:0 0 0 10px;}
.def_model{ font-family:arial;font-size:28px;line-height:66px; height:66px; display:inline}
.def_model span{font-size:20px;}
.f_list{height:30px;margin:20px 0 0 75px;}/*features_list*/
.f_list li{margin:0 10px 0 0;display:inline;}
.c_def .f_list p{display:none;}
.f_list li:hover p { display:inline; }
.def_txt{padding:5px 0 20px 75px;}
.def_p{line-height: 24px; height:24px; overflow:hidden; color:#000;display:block;font-size:14px;}
.def_bom{position:absolute;left:0;bottom:0;height:44px;line-height: 44px;background:#f8f8f8;width:100%;}/*def_bottom*/
.bom_money{font-size:14px;color:#333;line-height: 44px;height:44px;padding:0 0 0 30px;display:inline-block;}
.bom_money label{margin:0 30px 0 0;display:inline-block;vertical-align: middle;cursor:pointer;}
.bom_money label span{vertical-align: middle;}
.bom_money label span b{color:#f63;}
.def_radio2,.def_more{display:none;}
.btn_a{width:226px;height:44px;line-height: 44px;text-align: center;border-left:1px solid #e8e8e8;background:#EFF0F1;color:#f63;font-size:22px;position:absolute;right: 0;bottom: 0;}
.btn_a:hover{color:#fff;background:#f67950;}
.def_big_money{position:absolute;font-size:20px;color:#666;height:54px;line-height: 54px;right:100px;top:75px;}
.def_big_money3{display:none;}
.def_big_money span{color:#f63;font-size:32px;}
.def_big_money span b{font-size:54px;font-family:tahoma;}

/*当前状态样式 begin*/
.c_current{height:285px;background-color:#000000;}
.c_current .def_h2{color:#fff;}
.c_current .def_h2>span{color:#ccc;}
.c_current .f_list p{font-size:14px;color:#fff;line-height: 30px;vertical-align:middle;*display:inline;*zoom:1;}
.c_current .def_p{display:none;}
.c_current .def_p_list {line-height: 24px;color:#ccc;font-size:13px;}
.c_current .def_p_list label{margin:0 10px 0 0;}
.c_current .def_p_list label input,
.c_current .def_p_list label span{vertical-align: middle;cursor:pointer;}
.c_current .def_radio2{display:inline-block;}
.c_current .def_bom{position:absolute;left:0;bottom:0;line-height: 68px;width:100%;background-color:#1E2125;z-index:2;}/*def_bottom*/
.c_current .bom_money{font-size:14px;color:#ccc;line-height: 68px;height:68px;padding:0 0 0 30px;display:inline-block;}
.c_current .bom_money label{margin:0 30px 0 0;display:inline-block;vertical-align: middle;cursor:pointer;font-size:18px;}
.c_current .bom_money label span{vertical-align: middle;}
.c_current .bom_money label span b{color:#f63;font-weight:normal;}
.bom_money em { font-style:normal; }
.c_current .btn_a{width:226px;height:68px;line-height: 68px;text-align: center;border-left:1px solid #F56231;background:#F56231;color:#fff;font-size:28px;position:absolute;right: 0;bottom: 0;}
.c_current .btn_a:hover{color:#fff;background:#f67950;}
.c_current .def_big_money{position:absolute;font-size:20px;color:#ccc;height:54px;line-height: 54px;right:100px;top:130px;}
.c_current .def_big_money2{position:absolute;font-size:13px;color:#ccc;height:54px;line-height: 54px;right:80px;top:180px; text-align: center;}
.c_current .def_big_money2 a{color:#cccccc; }
.c_current .def_big_money2 a:hover{color:#f67950;text-decoration: underline;}
.c_current .def_big_money3{position:absolute;font-size:14px;color:#ccc;height:54px;line-height: 54px;right:100px;top:170px; text-align: center;display:block;}
.c_current .def_big_money3 span{text-decoration:line-through;font-size:18px;}
.c_current .def_more{display:block;position:absolute;right:0;top:95px;width:50px;}
.def_more a{width:30px;color:#fff;clear:both;text-align:center;display:block;margin:0 0 15px;padding:10px;}
.def_more a:hover{background:#45484b;}
.icon-mark1{width: 16px; height: 16px;display: inline-block;vertical-align: middle; background:url(introduction.png) no-repeat center; position: relative;top: -2px; margin-left: 5px;}
 /*当前状态样式 end*/






/*虚机主内容 end*/
.def_big_money:hover{
  -webkit-animation: dese .75s linear 1;
  -moz-animation: dese .75s linear 1;
  -ms-animation: dese .75s linear 1;
  -o-animation: dese .75s linear 1;
  animation: dese .75s linear 1;
}
@keyframes dese{
    0% { transform: rotate(-12deg); }
    20% { transform: rotate(8deg); }
    30% { transform: rotate(6deg); }
    40% { transform: rotate(3deg); }
    55% { transform: rotate(0deg); }
    70% { transform: rotate(-4deg); }
    80% { transform: rotate(7deg); }
    90% { transform: rotate(-8deg); }
    90% { transform: rotate(12deg); }
}