@charset "utf-8";
/* CSS Document */

/**/
.fullSlide{ min-width: 1000px; border-top: 4px solid #3D9EE9; position: relative; height: 565px; overflow: hidden;}
.fullSlide .bd{ position: relative; z-index: 0;}
.fullSlide .bd ul{ width: 100% !important;}
.fullSlide .bd li{ width: 100% !important; height: 565px;}
.fullSlide .bd li .siteWidth{ width: 1000px; position: relative; margin: 0 auto; height: 565px;}
.fullSlide .hd{ width: 100%; position: absolute; z-index: 1; bottom: 0; left: 0; height: 30px; line-height: 30px; text-align: center;}
.fullSlide .hd ul li{ cursor: pointer; display: inline-block; *display: inline; zoom: 1; width: 11px; height: 11px; margin: 4px; background: #222222; border-radius: 50%; overflow: hidden; line-height: 9999px; filter: alpha(opacity=40);opacity: 0.4;}
.fullSlide .hd ul .on{ filter: alpha(opacity=100);opacity: 1;}

.fixtxt { height:56px; background:#1B252E; position:absolute; bottom:0px; z-index:5; }
.fixtxt .ftext * { line-height:56px; color:#fff; }

/**/
.retext{height: 200px; background: #1B252E; display:none; }
.retext .text{ width: 640px; margin-top: 30px;}
.retext .text dt{ height: 55px; line-height: 55px; font-size: 24px; color: #fff;}
.retext .text dt,.retext .text dt a{ font-size: 24px; color: #fff;}
.retext .text dd{ font-size: 16px; color: #FFF; line-height: 30px;}
.retext .link{ width: 160px; height: 50px; margin: 70px 100px 0 0;}
.retext .link .btn,.file .profile .btn{ display: block; width: 160px; height: 50px; line-height: 50px; text-align: center; border-radius: 25px; background: #fff; font-size: 16px;}

/**/
.region{ padding: 60px 0px; overflow: hidden;}
.region .title{ font-size: 30px; color: #666; line-height: 40px; margin-bottom: 30px; text-align: center; font-weight: normal;}
.inews{ height: 480px;}
.inews li{ width: 400px; float: left;position: relative;}
.inews .fiximg { width:400px; height:480px;position:absolute; top:0px; overflow:hidden; }
.inews .fiximg img { width:400px; min-height:480px;transition: transform 1s; -webkit-transition: transform 1s; }
.inews li:hover img { transform: scale(1.1);transition: transform 1s; -webkit-transition: transform 1s;}
.inews .fnew{ width: 320px; height: 400px; padding: 40px;position:relative; z-index:9}
.inews .fnew dt,.inews .fnew dt a{ font-size: 26px; color: #FFFFFF;line-height: 1.2;}
.inews .fnew dd{ font-size: 16px; line-break: 30px;color: #FFFFFF; margin-top: 20px; }
.inews .fnew .flink{ width: 126px; height: 36px; margin-top: 30px; border: 2px solid #fff; font-size: 16px; text-align: center; line-height: 36px; color: #fff; }
.inews .fnew .flink:hover{ border-color: #E50000;}
.inews li + li{width: 399px; border-left: 1px solid #fff;}
.inews .fnew dd,.inews .fnew .flink{ visibility: hidden;}
.inews .fnew:hover dd,.inews .fnew:hover .flink{ visibility: visible;}

/* 本例子css */
.bg504{ height: 65px; background: #504E4F;}
.rollcate{ position: relative; width: 1200px; margin: 0px auto; padding: 0px; overflow: hidden; height: 65px;}
.rollcate .prev, .rollcate .next{ border-left: 1px dashed #666; border-right: 1px dashed #666; background: #404040; display: block; position: absolute; top: 0px; left: 0px; width: 23px; height: 65px; z-index: 99999; line-height: 65px; text-align: center; font-size: 24px; color: #fff;}
.rollcate .prev {}
.rollcate .next{left: auto; right: 0px;}
.rollcate .prev:hover, .rollcate .next:hover {}

.rollcate ul{ overflow: hidden; zoom: 1; padding-left: -2px; height: 65px; margin-left:25px; }
.rollcate ul li{ width: 165px; height: 45px; font-size: 18px; float: left; overflow: hidden; padding:10px 0px; text-align: center;}
.rollcate ul li a { border-left: 1px dashed #666; border-right: 1px dashed #666; margin:10px 0; }
.rollcate ul li a {display:block; width:100%; height:26px;}
.rollcate ul li:hover,.rollcate ul li.on { background:#f00; }
.rollcate ul li,.rollcate ul li a{ color: #fff;}

/**/
.ipros{ width: 300px; height: 380px; float: left;}
.ipros .pros{ height: 340px; border: 1px solid #dedede; margin: 10px; padding: 10px;}
.ipros .pros img{ width: 260px; height: 340px;}

/**/
/* .gcell { padding-bottom:50px; } */
.problock { padding:30px;}
.problock .pic { width:570px; height:405px;line-height:405px; display: table-cell; float:left; text-align:left; }
.problock .pic img { max-height:405px; max-width:540px; vertical-align:middle; }
.problock .txt { width:570px; height:405px; float:right; }
.problock .txt .name {font-size: 24px; line-height: 1.425; display: block; padding-top: 35px; padding-bottom: 20px; color: #333;}
.problock .txt .name:hover { color:#f00; }
.problock .txt .textbox {font-size: 16px; line-height: 30px; margin-bottom: 10px; color: #666;}
.problock .txt .link { display:block; width:126px; height:36px; line-height:36px; border:2px solid #333; font-size: 16px; text-align:center; }
.problock .txt .link:hover { border-color:#e50000; }

/**/
.itxts { width:340px; margin:0px 30px; float:left; border-top: 1px solid #B3B3B3; }
.itxts .name {font-size: 22px; line-height: 1.2; display: block; padding-top: 25px; padding-bottom: 15px; color: #333;}
.itxts .tbox {font-size: 16px; line-height: 1.375; margin-bottom: 10px; color: #666;}
.itxts .more {font-size: 16px; transition: .4s; color: #333; border-bottom: 1px solid #333;}
.itxts .name:hover ,.itxts .more:HOVER { color:#f00; }

/**/
.whys{ background: url(../images/storageLinks-bg.jpg);}
.service{ display: table; margin: 30px auto 60px; padding: 45px 0px; border-top: 1px solid #ddd; text-align: center;}
.cases{ border: none !important; padding: 0; margin-bottom: 0px;}
.service li{ display: table-cell; width: 40%; position:relative; }
.service .icon{ display: table-cell; width: 90%; height: 130px; vertical-align: middle; text-align: center;}
.service .svc{ width: 85%;}
.service .svc dt,.service dd{ display: inline-block; width: 100%;}
.service .svc dt{ font-size: 24px; line-height: 35px;}
.service .svc dd{ font-size: 14px; margin-top: 20px;}
.service .svc .icon img{ width: 400px;}
.service .fiximg { width:380px; height:466px; position:absolute; top:0px; left:10px; overflow:hidden; z-index:-9; }
.service .fiximg img {transition: transform 1s; -webkit-transition: transform 1s; }
.service li:hover img {transform: scale(1.1);transition: transform 1s; -webkit-transition: transform 1s;}

/**/
.file{ height: 560px;}
.file .profile{ width: 400px; position: relative; left: 55%; top: 80px;}
.file .profile dt{ font-size: 38px; line-height: 50px; color: #fff;}
.file .profile dd{ font-size: 16px; line-height: 35px; color: #fff;; margin: 20px 0px;}
.file .profile .btn:hover{ color: #263039;}

/**/
.cases li{ width: 30%;}
.case{ width: 380px; height: 460px; margin: 10px; overflow: hidden; display:table-cell;vertical-align: bottom;}
.case dd { width: 300px; padding: 40px; font-size: 24px; color: #fff; text-align: left; }
.case dd:hover { color:#f00; box-shadow:3px 3px 5px rgba(255,255,255,0.7); }
/**/
.isns { display: table; }
.isns li { display: table-cell; }
.isns .sns { width: 368px; height: 126px; margin: 20px; border: 1px solid #ddd; color: #666; }
.isns .sns .ico { width:88px; height:88px; margin:19px; border:1px solid #efefef; float: left; }
.isns .sns .fa { line-height: 88px; width: 88px; text-align: center;}
.isns .sns dt { font-size: 14px; padding: 15px 0px 5px;}
.isns .sns dd { font-size: 16px;}
.isns .sns:hover  { color:#f00 !important; }
/**/
.fastnews { width: 360px; margin: 0px 20px; border: 1px solid #A0A0A0; padding-bottom: 5px; }
.fastnews dt { background: #6f6f6f; text-indent: 2em; }
.fastnews dt ,.fastnews dt a { font-size: 16px; color: #fff;}
.fastnews dd { margin: 0px 10px; height: 37px; line-height: 37px; border-bottom:1px dashed #6f6f6f;}
.fastnews dd ,.fastnews dd a {  font-size: 14px; }
.fastnews dd a { display:inline-block; width:270px; height:38px; overflow:hidden; text-overflow:elevation; }
.fastnews dd span { float: right;}
.fastnews dd:hover a,.fastnews dd:hover span { color:#f00;}

/**/
.icobar { width:358px; height:38px; line-height:38px; margin:0px 10px; padding:10px; border:1px solid #ccc; float:left; color:#333; text-align:center; transition: all 0.5s; }
.icobar:hover { background:#E50000; color:#fff; transition: all 0.5s;}