@charset "UTF-8";
/*
    Css for PEL,    ver 1.0
    CopyRight By Dongyi Network Technology CO.,Ltd Design Center

    本网站通用布局
*/

/*----- 重置元素样式 -----*/
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,menu,tbody,tfoot,thead,th,tr,td,video,tt,u,ul,var{background: transparent;font-size: 100%;margin: 0;padding: 0;border: 0;outline: 0;}
blockquote,q{quotes: none;}
table,table td{padding: 0;border: none;border-collapse: collapse;border-spacing: 0;}
img{vertical-align: top;}
embed{vertical-align: top;}

/*获得html5新的标签的行为*/
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display: block;}
mark,rp,rt,ruby,summary,time{display: inline;overflow: hidden;}

/*预置全局样式*/
html{height: 100%;}
body{height: 100%;background-color: #fff;color: #222;font-size: 14px;line-height: 1.42857143;font-family: "Microsoft YaHei", "Helvetica Neue", SimSun, SimHei, Arial, Helvetica, Tahoma, Verdana, Georgia;cursor: default;word-break: normal;word-wrap: break-word;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;-ms-transition: all 300ms ease;}
a{color: #222;text-decoration: none;}
a:hover{color: red;}
li,ol,ul{list-style: none;vertical-align: middle;}
pre{overflow: auto;}
hr{margin: 1em 0;padding: 0;height: 1px;border: 0;border-top: 1px solid #ccc;}
label{display: inline-block;}
legend{font-weight: 700;}
button{border: none;cursor: pointer;}
q:after,q:before{content: '';}
p{margin-bottom: 1em;line-height: 1.75;}
table{border-collapse: collapse;border-spacing: 0;}
fieldset,img{border: 0;}
caption,th{text-align: left;}
abbr,acronym{border: 0;font-variant: normal;}
button,input,select,textarea{margin: 0;font-size: 100%;vertical-align: middle;}
sub,sup{position: relative;vertical-align: baseline;font-size: 75%;line-height: 0;}
sup{top: -.5em;}
sub{bottom: -.25em;}
small{font-size: 85%;}
code{padding: 2px 4px;border: 1px solid #e1e1e8;background-color: #f7f7f9;color: #d14;white-space: nowrap;}
pre{background-color: #f5f5f5;border: 1px solid #ccc;color: #333;display: block;margin: 0 0 10px;padding: 9px;word-break: break-all;word-wrap: break-word;}
blockquote{margin: 0 0 1em;padding: 0.75em 1em;border-left: 5px solid #eee;}
.h1,h1{font-size: 2em;}
.h2,h2{font-size: 1.7142857em;}
.h3,h3{font-size: 1.42857em;}
.h4,h4{font-size: 1.2857em;}
.h5,h5{font-size: 1.142857em;}
.h6,h6{font-size: 1em;}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight: 500;}
.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size: 65%;color: #777;}
.clearfix:after{clear: both;display: block;visibility: hidden;height: 0;content: ;}
* html .clearfix{height: 1%;}
.close{float: right;display: inline-block;*display: inline;zoom: 1;color: #000;text-shadow: 0 1px 0 #fff;font-weight: 700;font-size: 20px;line-height: 24px;opacity: .2;filter: alpha(opacity=20);}
.close:focus,.close:hover{color: #000;text-decoration: none;opacity: .4;cursor: pointer;filter: alpha(opacity=40);}

/* frame */
body{ min-width: 1000px;}
.container{ position: relative;width: 1000px; margin: 0 auto;overflow: hidden;}

/* 顶部 */
#header{ background: url(../images/headerBg.jpg) center 0 no-repeat}
#header .container{ height: 370px;}
#header .userPanel{ float: right;}
#header .userPanel .home{ display: block; padding: 8px 15px 8px 35px; background: #157de1 url(../images/icon.png) no-repeat 10px 11px; color: #fff; border-radius: 0 0 4px 4px; transition: all 0.25s ease 0s;}
#header .userPanel a:hover.home{ background-color: #258ef0; box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);}
#header #logo{ float: left; margin-top: 35px;}
#header #logo img{ width: 280px;}

/* 导航 */
.nav{ background-color: #0475e0; height: 60px; line-height: 60px;}
.nav ul{ overflow: hidden;}
.nav li{ float: left; font-size: 20px;}
.nav li a{ color: #fff; display: block; padding: 0 23px; font-weight: bold;}
.nav li.on a, .nav li a:hover{ background: #1182ee; text-decoration: none;}

/* 内容区 */
#content .container{ margin-top: 20px;}
#content .intro{ margin-bottom: 20px; padding: 19px; font-size: 16px; line-height: 30px; border: 1px solid #ddd; background-color: #f7f7f7; text-indent: 2em;}
.side{ float: left; width: 260px; margin-right: 20px;}
.mainContent{ overflow: hidden;}

/* 底部 */
#footer{ border-top: 2px solid #0475e0; background: #f5f5f5; font-size: 14px; padding: 20px 0 40px 0;}
#footer .container{ text-align: center;}
#footer .footNav{ padding-bottom: 10px;}
#footer .footNav a{ margin: 0 6px;}

/* 盒子 */
.box .hd{ position: relative; height: 50px; background-color: #f7f7f7;}
.box .hd .more{ position: absolute; bottom: 0; right: 0; padding: 0 10px 0 15px; height: 21px; line-height: 21px; background: url(../images/moreBg.png) no-repeat;}
.box .hd h3{ float: left;}
.box .hd h3 a{ padding: 0 15px; line-height: 46px; display: block; color: #0475e0; font-size: 20px; border-bottom: 4px solid #0475e0;}
.box .bd{ padding: 10px 5px 20px;}

/* 路径导航 */
.path em{font-style: normal;}
.path a{padding: 0 5px;}
.path span{padding: 0 5px;color: #666;}

/* 侧栏盒子模型 */
.sideBox{ margin-bottom: 20px;}
.sideBox .hd{ background-color: #3781c7;}
.sideBox .hd .more{float: right;}
.sideBox .hd h3 span, .sideBox .hd h3 a{display: inline-block;*display: inline;zoom: 1;padding: 0 20px;line-height: 40px; font-size: 18px; color: #fff;}
.sideBox .bd{padding: 14px; background-color: #f7f7f7; border-top: none;}

/* mainBox */
.mainBox .mHd{position: relative; margin-bottom: 20px; background-color: #eee; line-height: 50px; height: 50px;}
.mainBox .mHd h3{ float: left;}
.mainBox .mHd h3 span, .mainBox .mHd h3 a{ padding: 0 15px; line-height: 46px; display: block; color: #0475e0; font-size: 20px; border-bottom: 4px solid #0475e0;}
.mainBox .path{ float: right;}

/* url_方块样式分页 */
.page{ font-size: 0; text-align: center; padding: 25px 0; clear: both; overflow: hidden;}
.page a, .page span{ font-size: 14px; display: inline-block; _display: inline; zoom: 1; border: 1px solid #E1E1E1; padding: 0px 11px; margin: 0 3px 5px 0; line-height: 32px; height: 32px;}
.page a:hover, .page span:hover{ border: 1px solid #1258AD; text-decoration: none; color: #1258AD;}
.page .current{ background: #1258AD; border: 1px solid #1258AD; color: #fff !important; font-weight: bold;}
.page select, .page input{ margin: 0 4px; background: #fff; border: 0 solid #E1E1E1; vertical-align: middle;}
.page input{ text-align: center; padding: 0 4px; outline: none;}

/* 通用信息列表DOT */
.infoList{ text-align: left;}
.infoList li{height: 40px;line-height: 40px;overflow: hidden;padding-left: 16px; background: url(../images/icon.png) no-repeat 0 -26px; border-bottom: 1px dotted #ddd; position: relative;}
.infoList li a{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.infoList li .date{float: right;color: #999; margin-left: 10px;}
.infoList li.split{ display: none;}

/* infoListA */
.infoListMulti li{ height: auto; line-height: 22px;padding: 8px 0 8px 14px;border-bottom: 1px dotted #ccc;overflow: hidden;background: url(../images/icon.png) 0 -27px no-repeat;}
.infoListMulti li a{white-space: normal;}
.infoListMulti .last{border-bottom: 0}
.infoListMulti .date{color: #999; float: right; margin-left: 5px; font-size: 12px;}

/* 通用带图片的信息列表_普通式 */
.picList{margin: 0 -10px;}
.picList li{margin-bottom: 20px;}
.picList li .pic{margin: 0 10px;background-color: #fff;}
.picList li .title{margin: 0 10px;}
.picList li .pic img{width: 100%;height: auto;}
.picList li .pic a:hover img{filter: alpha(opacity=80);opacity: .8;}
.picList li .title{padding-top: 5px;height: 40px;line-height: 20px;text-align: center;overflow: hidden;}
.picList li.noData{ margin-left: 10px;}


.cloud-product-box{}
.cloud-product-wrapper{margin:0 auto;width:1000px}
.cloud-product{position:relative;z-index:9;padding:50px 0 80px}
.cloud-product-title{height:32px;text-align:center;line-height:32px;font-size:32px;color:#fff;}
.color-blue{color:#009fd9}
.cloud-product-explain{margin-top:26px;margin-bottom:82px;height:16px;line-height:16px;text-align:center;font-size:16px;color:#999}
.cloud-product-ul{width:100%}
.cloud-product-ul li{position:relative;margin-left:12px;width:166px;height:122px;float:left;background:#ffffff;overflow:hidden;}
.cloud-product-ul li:first-child{margin-left:0}
.cloud-product-single-top{width:100%;height:60px;line-height:60px;text-align:center;background-color:#f2f2f2}
.cloud-product-name{font-size:18px;color:#fff;font-weight:700}
.cloud-product-single-bottom{width:100%;height:340px}
.empty-space{width:100%;height:99px;padding:26px 0 0 0;}
.single-bottom-item{height:340px;width:100%}
.single-bottom-item:first-child{border-right:1px solid #eee}
.bg-product-pic{width:100%;height:82px}


.product-introduce-title{margin-bottom:14px;height:26px;line-height:26px;font-size:22px;text-align:center;vertical-align:middle;padding-left:2px;padding-right:2px;color:#fff;}
.product-introduce-title.normal-weight{font-weight:400}
.product-introduce-content{margin:0 auto 56px;width:180px;line-height:14px;font-size:14px;text-align:center;color:#999;margin-bottom:30px;}
.product-introduce-list{margin:0 auto;padding-top:38px;height:135px;width:84%;border:0px solid #f1f1f1;border-left:none;border-right:none}
.introduce-list-small{margin-bottom:18px;line-height:14px;font-size:14px;color:#999;text-align:center;}
.product-introduce-price{margin:48px auto 0;font-size:14px;text-align:center;color:#333}
.price-blue{color:#4f5051;font-size:20px}
.normal-inner{transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.active-inner{position:relative;display:none;height:100%;-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.introduce-link{position:absolute;top:0;left:0;width:100%;height:360px}
.normal-inner{background:url(../images/producet_bg_01.jpg) bottom no-repeat}

.active-inner-01{background:url(../images/producet_bg_01.jpg) bottom no-repeat}
.active-inner-02{background:url(../images/producet_bg_02.jpg) bottom no-repeat}
.active-inner-03{background:url(../images/producet_bg_03.jpg) bottom no-repeat}
.active-inner-04{background:url(../images/producet_bg_04.jpg) bottom no-repeat}
.active-inner-05{background:url(../images/producet_bg_05.jpg) bottom no-repeat}
.active-inner-06{background:url(../images/producet_bg_05.jpg) bottom no-repeat}
.cloud-product-ul li.active .active-inner{display:block;-moz-opacity:1;-khtml-opacity:1;opacity:1}
.cloud-product-ul li.active .normal-inner{display:none;-moz-opacity:0;-khtml-opacity:0;opacity:0}
.cloud-product-ul li{-webkit-box-shadow:1px 1px 12px rgba(0,0,0,.08);-moz-box-shadow:1px 1px 12px rgba(0,0,0,.08);box-shadow:1px 1px 12px rgba(0,0,0,.08);-webkit-transition:width .15s linear;-o-transition:width .15s linear;-moz-transition:width .15s linear;transition:width .15s linear}
.cloud-product-ul li.active{z-index:9;width:284px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.2);-moz-box-shadow:0 4px 20px rgba(0,0,0,.2);box-shadow:0 4px 20px rgba(0,0,0,.2)}
.active .product-introduce-content{color:#eff6ff}
.active-product-introduce-title{color:#fff}
.active .product-introduce-list{text-align:center;padding-top:22px;border-color:#3f9ff9}
.introduce-list-large{margin:0 auto;width:248px;line-height:22px;color:#ddebff;font-size:14px}
.active .product-introduce-price{margin-top:32px;color:#fefeff}
.product-introduce-price .price-white{display:inline-block;font-size:26px;height:26px;line-height:26px;color:#fff}
.buy-link-btn{display:block;margin:30px auto 0;width:90%;height:40px;line-height:40px;background-color:#ff9600;color:#fff;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.buy-link-btn:hover{background-color:#f80}