/*reset*/
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, dl, dt, dd, header, footer, nav, section, article, aside, textarea { margin: 0; padding: 0; }
body { color:#666; font-family: "微软雅黑"; font-size:100%; line-height:1.7em; }
ul, li { list-style:none; }
img { border: none; vertical-align:top; max-width: 100%; }
a { text-decoration:none; outline: medium none; color:#666; }
a:visited { text-decoration:none; }
a:hover { color:#DA5D61; text-decoration: none; }
/*public*/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
.cPink, .cPink a, .cPink a:active, .cPink a:hover { color:#da5d61; }
.cPurple, .cPurple a, .cPurple a:active, .cPurple a:hover { color:#969; }
header { position:relative; background: #0168aa; height:50px; }
.ui-content { padding:0; overflow:hidden; }
.text-center { text-align:center; }
.mt20 { margin-top:20px; }
.fa-x { font-size:1.2em; }
.fa-xx { font-size:1.5em; }
.font-song { font-family:"宋体"; }
/*header*/
.topnav { height: 50px; position:relative; z-index:99; background:url(logo.jpg) no-repeat center;}
.topnav a { position: absolute; top:10px; height: 26px; width:26px; display:block; }
.navbtn { left:12px; }
.home, .so { right:12px; }
.nav-right { background:#342638; }
.nav-right li, .nav-right .FirstLi, .search_box #s, .pic p, .sub-item li, .list-center, .doclist p.doc-vip, .zd-doc .imgbox div, .zd .bd .zd-zx, #footer, #tab-title, .topnav a, .nav-right a, .sub-item li a, .list-center a, #footer a, .footnav-center li a { color:#fff; }
.topnav a:hover, .nav-right li a:hover, .sub-item li a:hover, .list-center li a:hover, #footer a:hover, .footnav li a:hover, .footnav-center li a:hover { color:#ffea00; }
.sub-item1 li a:hover,.sub-item2 li a:hover,.sub-item3 li a:hover,.sub-item4 li a:hover,.sub-item5 li a:hover,.sub-item6 li a:hover,.sub-item7 li a:hover,.sub-item8 li a:hover,.sub-item9 li a:hover{color:#ffea00;}
#loading { width:100%; height:100%; background-color:#333; position: fixed; z-index:9999; background:#fff url(loading.gif) no-repeat center center; background-size: 32px 32px; }
/***************************************************************
* (6) Search Box *
****************************************************************/
.search_box { position:absolute; right:5px; top:10px; }
.search_box .search-icon { display:none; }
.search_box .ui-input-text { float:right; margin:0; }
.search_box .ui-input-text input.ui-input-text { color: #2c2f32; padding: 4px 10px 4px 4px; width: 196px; background-color:#fff; }
.fa-search{background: url(search.png) no-repeat 1px 5px; width:24px; height:2em; float:left;}
.fa-check{background: url(duihao.png) no-repeat 1px 5px; width:15px; height:2em; float:left;}
.fa-mobile{background: url(phone.png) no-repeat; width:10px; height:17px; float:left;margin-right: 5px;}
.fa-laptop{background: url(computer.png) no-repeat; width:26px; height:17px; float:left;margin-right: 5px;}
.fa-arrow-circle-up{background: url(back.png) no-repeat; width:22px; height:23px; float:left;margin-right: 5px;}
.search_box #s {  width: 2.5em; height:2em; line-height: 2em; -webkit-transition: width .2s linear; -moz-transition: width .2s linear; -ms-transition: width .2s linear; -o-transition: width .2s linear; transition: width .2s linear; overflow:hidden; }
.search_box #s label {  font-size:1.5em; line-height:1.2em; margin-left:0.5em; }
.search_box #s.search { width: 248px; height:2em; line-height:2em; background-color: #fff; border-left: 3px solid #e7e085; }
.search_box #s.search label { color:#999; font-size:1em; }
/*侧边栏*/
.ui-panel-inner { padding: 0; }
.nav-right li { border-bottom: 1px solid #1F1722; border-top:1px solid #413146; padding: 10px; }
.nav-right li a { display:block; }
.nav-right .leftI { display: block; float: left; width: 24px; padding:4px 0 0 0; }
.nav-right .rightI { display: block; float: right; color: #5e5362; padding-top:4px; }
.nav-right li span, .submenu li .fa-angle-right { color: #5e5362; }
.nav-right .FirstLi { position:relative; line-height:25px; font-size: 22px; }
.nav-right .FirstLi .en { font-size: 16px; font-family: Verdana; }
.nav-right .rightarrow { position: absolute; top: 8px; right: 20px; font-size: 50px; }
.nav-right .rightI.fa-minus, .nav-right .rightI.active { color: #DA5D61; }
.submenu { display: none; background-color:#2a1e2d; margin:10px -10px -10px; border-top:1px solid #1F1722; padding:5px 0 5px 25px; }
.submenu li { border: none; float: left; font-size:0.875em; width:45%; font-family:"宋体"; padding:2% 1% 2% 3%; }
.submenu li a { display:inline; }
/*main*/
.container { margin-left:auto; margin-right:auto; }
.owl-theme .owl-controls { margin-top:0; }
.owl-theme .owl-controls .owl-buttons div { position:absolute; top:50%; margin:-24px 0 0; padding:0; border-radius:0; background:none; font-size: 2em; font-family:"宋体"; text-shadow:0 1px 0 #666; opacity:0.3; }
.owl-theme .owl-controls .owl-buttons .owl-prev { left: 10px; }
.owl-theme .owl-controls .owl-buttons .owl-next { right: 10px; }
.owl-theme .owl-controls .owl-page span { background-color:#DA5D61; }
.owl-theme .owl-controls .owl-page span { width:6px; height:6px; }
#banner_slider .owl-theme .owl-controls .owl-pagination { position:absolute; left:0; bottom:0; width:100%; line-height:1em; }
#banner_slider .owl-theme .owl-controls .owl-buttons, #case_slider .owl-theme .owl-controls .owl-buttons { display:none; }
.item > li,.item > .sub { display: inline-block; margin-top:5px; margin-right:-4px; vertical-align:top; padding:0 5px; }
.pic { position:relative; margin-bottom:5px; background: #0168aa; }
/*.pic { position:relative; margin-bottom:5px; background: #65b119; }*/
.pic a { display:block; overflow:hidden; }
.item > li.grid2 .pic,.item > .grid2 .pic { background:none; }
/*.item > li.grid2 .pic img { border:solid 1px #d0bcd1; }*/
.pic p { position:absolute; width:100%; left: 0; bottom: 0; margin: 0; font-family:"微软雅黑"; line-height:1em; padding:4px 0; text-align:center; font-size:0.875em; }
.pic p.txt { background: #dd4952; text-indent:2.5%; background: rgba(221, 73, 82, 0.4); filter: alpha(opacity=40); text-shadow:1px 0 0 #e6777d; text-align:left; }
.pic img { width: 100%; height: 100%; vertical-align:top; }
.pic i { position:absolute; left:50%; bottom:-13px; margin-left:-10px; display:none; width:19px; height:14px; background: url(arr.gif) no-repeat; }
.pic.item-expanded { background-color:#0168aa; }
.pic.item-expanded i { display: block; }
.brick1 { height: 100%; width: 100%; }
.pic .nav-item { position: relative; display: block; width: 100%; height: 100%; text-align: center; font-size: 19.2px; }
.pic .nav-item .nav-hover { content: ''; display: block; position: absolute; width: 100%; height: 100%; top: -8px; left: -8px; border: 8px solid rgba(255, 255, 255, 0.5); opacity: 0; z-index: 1; -webkit-transition: 0.2s ease-in-out all; -moz-transition: 0.2s ease-in-out all; -o-transition: 0.2s ease-in-out all; transition: 0.2s ease-in-out all; -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); transform: scale(0.95); }
.pic .nav-item:hover, .pic .nav-item:active, .pic .nav-item:focus { color: #fff; text-decoration: none; }
.pic .nav-item:hover .nav-hover { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.pic .nav-item i { display: block; font-size: 60px; padding-top: 45px; }
/*.pic .nav-item span { display: block; padding-top: 10px; }*/
.pic .thumb { background: none; -webkit-perspective: 800px; -moz-perspective: 800px; -ms-perspective: 800px; -o-perspective: 800px; perspective: 800px; }
.pic .thumb img { display: block; width: 100%; height: 100%; position: absolute; }
.pic .thumb .scroll { overflow: hidden; }
.pic .thumb .scroll .img2 { bottom: -195px; }
.pic .thumb .nav-item { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: transform 1s; -moz-transition: transform 1s; -o-transition: transform 1s; transition: transform 1s; -webkit-transition: -webkit-transform 1s; }
.pic .thumb .nav-item img { -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-backface-visibility: visible; -webkit-backface-visibility: hidden; }
.pic .thumb .nav-item.flipX .img2 { -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); -ms-transform: rotateX(-180deg); -o-transform: rotateX(-180deg); transform: rotateX(-180deg); }
.pic .thumb .nav-item.flipY .img2 { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); }
.pic .thumb.active .flipX { -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); -ms-transform: rotateX(-180deg); -o-transform: rotateX(-180deg); transform: rotateX(-180deg); }
.pic .thumb.active .flipY { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); }
.pic .thumb .nav-hover { display: none; }
.item .grid2 .pic .tt { border:solid 1px #d0bcd1; }
.pic p.txt{ position:absolute; width:100%; left: 0; bottom: 0; margin: 0; font-family:"微软雅黑"; line-height:1em; padding:2px 0; text-align:center; font-size:0.875em; background: #dd4952; text-indent:2.5%; background: rgba(221, 73, 82, 0.4); filter: alpha(opacity=40); text-shadow:1px 0 0 #e6777d; text-align:left;}
/*.tree.current .pic .fa-caret-up{ display:block;}*/
.sub-item { background-color:#0168aa; }
.sub-item li { display:inline-block; width:46%; padding-left:3%; line-height:1em; }
.sub-item li a { padding-left:10px; line-height:1em;}
.sub-item li:first-child { margin-top:10px; }
.sub-item li:last-child { margin-bottom:10px; }

.sub-item1,.sub-item2,.sub-item3,.sub-item4,.sub-item5,.sub-item6,.sub-item7,.sub-item8,.sub-item9 { background-color:#0168aa; }
.sub-item1 li,.sub-item2 li,.sub-item3 li,.sub-item4 li,.sub-item5 li,.sub-item6 li,.sub-item7 li,.sub-item8 li,.sub-item9 li { display:inline-block; width:46%; padding-left:3%; line-height:1em; }
.sub-item1 li a,.sub-item2 li a,.sub-item3 li a,.sub-item4 li a,.sub-item5 li a,.sub-item6 li a,.sub-item7 li a,.sub-item8 li a,.sub-item9 li a { padding-left:10px; line-height:1em; color:#fff;}
.sub-item1 li:first-child,.sub-item2 li:first-child,.sub-item3 li:first-child,.sub-item4 li:first-child,.sub-item5 li:first-child, .sub-item6 li:first-child,.sub-item7 li:first-child,.sub-item8 li:first-child,.sub-item9 li:first-child{ margin-top:10px; }
.sub-item1 li:last-child,.sub-item2 li:last-child,.sub-item3 li:last-child,.sub-item4 li:last-child,.sub-item5 li:last-child,.sub-item6 li:last-child,.sub-item7 li:last-child,.sub-item8 li:last-child,.sub-item9 li:last-child { margin-bottom:10px; }


/*列表*/
.item-path { position:relative; }
.list-center { margin-bottom:15px; min-height:90px; background: #996699; }
.path-box { position:relative; min-height:90px; }
.path { position: absolute; right:10px; bottom:15px; text-align:right; }
.item-name { position: absolute; left:20px; bottom:15px; }
.item-name .en { text-transform: capitalize; }
.list-hd { margin:1em 0; border-bottom: 1px solid #CCCCCC; color: #996699; background-color:#fff; }
.list-hd span { padding-bottom:2px; border-bottom: 1px solid #DD4952; z-index: 10; margin-bottom:-1px; display:inline-block; }
.list-hd i { padding-right: .5em; }
.list { background-color:#f7f7f7; margin-bottom:10px; color:#999; }
.list li { float:left; margin-left: 10px; font-family:"宋体"; }
.list-more { font-size: .8em; text-align:right; padding:0 10px 5px 0; }
.list-more i { color: #DD4952; padding-left: .5em; }
/*案例中心*/
.sample-hd { color: #a47ca6; padding: .5em 0; }
.sample-hd i { color: #636; padding-right: .5em; }
.sample-hd strong { color: #636; }
/*关于我们*/
.about { margin-bottom: 20px; }
.about-envir li { float: left; margin: 5px; }
.article { padding-top:20px; padding-bottom:20px; padding-left:10px; padding-right:10px; }
/*专家页*/
#doc_slider.owl-theme .owl-controls .owl-pagination { display:none; }
.doclist li { position:relative; float: left; margin:10px 5px; }
.doclist li a.imgbox { display: block; border: 1px solid #E3E3E3; position:relative; }
.doclist li a.imgbox:hover { border-color:#DA5D61; }
.doclist li a.imgbox:hover .imgbg { background: rgba(221, 73, 82, 0.4); filter: alpha(opacity=40); position:absolute; left:0; top:0; width:100%; height:100%; }
.doclist li .imgbox img { width:100%; }
.doclist p { text-align: center; font-size:0.875em; line-height:1.7em; }
.doclist p.doc-vip { position: absolute; width: 100%; line-height:1em; padding:4px 0; left: 0; bottom: 1.7em; background: #A47CA6; background: rgba(164, 124, 166, 0.8); filter: alpha(opacity=80); font-size:0.875em; }
/*终端*/
.zd .hd { padding:5px 1em; height: 1em; line-height: 1em; background:#f9f9f9 url(zd-bg.jpg) no-repeat 2px center; color: #969; }
.zd .bd { padding: 1.5em 0; overflow:hidden; font-size:0.76em; font-family: "宋体"; line-height:1.5em; }
.zd-xm img { display: block; margin-right: 10px; }
.zd-shy span { display: inline-block; padding-left:10px; margin:0 10px; background: url(angle-right.jpg) no-repeat scroll left center; }
.zd-tech img { display: block; margin: 0 auto 1em; }
.zd-xm p, .zd-tech p, .zd-things p { text-indent: 2em; }
.zd-doc .imgbox { position:relative; margin-right:10px; }
.zd-doc .imgbox div { position: absolute; left:0; bottom:0; width:100%; background-color:#000; opacity:0.5; text-align:center; }
.zd .bd .zd-zx { margin:15px auto 0; background-color: #da5d61; text-align: center; padding:10px 0; display:block; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; box-shadow:0 3px 0 #bb3e42; }
.zd .bd .zd-zx:hover { background-color: #cc3333; }
.zd-doc-info { overflow:hidden; }
/*项目列表页*/
.item-list { padding: 15px 0; border-bottom: 1px dotted #A297A4; position:relative; }
.item-list:last-child { border-bottom:0; }
.item-list img { float: left; width:80px; height:80px; margin-right:12px; border-radius: 40px; }
.item-list strong{ display:block; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; padding-right:1.5em;}
.item-list p { line-height:1.5em; font-size:0.76em; font-family: "宋体"; }
.item-list i { position: absolute; top: 20px; right: 5px; }
/*专家内容页*/
.full-title { padding:3px 0 3px 24px; background: url(doc-arrow.jpg) no-repeat scroll left center; border-bottom: 1px solid #E5E5E5; color: #333333; font-weight:bolder; font-size:1.2em; }
/*联系我们*/
#tab-title { height:25px; line-height:25px; background: #DD4952; }
#tab-title .selected { background: #A03F4E; }
#tab-title span { display:inline-block; width: 24%; height:100%; text-align: center; margin-right:-4px; }
#tab-content .hide { display:none; }
#tab-content .contact { padding-left:10px; padding-right:10px; }
#tab-content .contact .fa, .article .fa { padding-right:0.5em; }
#tab-content .contact .company-name { padding-left:1.5em; }
#tab-content .contact .contact-tel { padding-left:6.5em; }
#tab-content .contact .contact-qq { padding-left:4em; }
/*修改横栏*/
.circle_ask{font-size: 10px;color: #fff;
line-height: 13px;
border-radius: 50%;
top: 0px;
left: 50%;
position: absolute;
background: red;
width: 15px;
height: 15px;}
.scale_ask{animation: scale_ask 0.4s alternate infinite;position:relative;
-moz-animation: scale_ask 0.4s alternate infinite;	/* Firefox */
-webkit-animation: scale_ask 0.4s alternate infinite;	/* Safari 和 Chrome */
-o-animation: scale_ask 0.4s alternate infinite;}
@keyframes scale_ask
{
from {-webkit-transform: scale(1,1);
-ms-transform: scale(1,1);
-o-transform: scale(1,1);
transform: scale(1,1);}
to {-webkit-transform: scale(1.3,1.3);
-ms-transform: scale(1.3,1.3);
-o-transform: scale(1.3,1.3);
transform: scale(1.3,1.3);}
}
@-moz-keyframes scale_ask /* Firefox */
{
from {-webkit-transform: scale(1,1);
-ms-transform: scale(1,1);
-o-transform: scale(1,1);
transform: scale(1,1);}
to {-webkit-transform: scale(1.3,1.3);
-ms-transform: scale(1.3,1.3);
-o-transform: scale(1.3,1.3);
transform: scale(1.3,1.3);}
}
@-webkit-keyframes scale_ask /* Safari 和 Chrome */
{
from {-webkit-transform: scale(1,1);
-ms-transform: scale(1,1);
-o-transform: scale(1,1);
transform: scale(1,1);}
to {-webkit-transform: scale(1.3,1.3);
-ms-transform: scale(1.3,1.3);
-o-transform: scale(1.3,1.3);
transform: scale(1.3,1.3);}
}
@-o-keyframes scale_ask /* Opera */
{
from {-webkit-transform: scale(1,1);
-ms-transform: scale(1,1);
-o-transform: scale(1,1);
transform: scale(1,1);}
to {-webkit-transform: scale(1.3,1.3);
-ms-transform: scale(1.3,1.3);
-o-transform: scale(1.3,1.3);
transform: scale(1.3,1.3);}
}
/*footer*/
.footer-bg { background-color: #0168aa; }
#footer { padding:10px 12px 66px; margin:0 5px; line-height:1.6em; font-size:0.76em; }
#footer ul { margin-bottom:8px; }
#footer ul li { width: 33.33%; display:inline-block; margin-right:-4px; }
.footnav.fixed { display: block; left: 0; position: fixed; bottom: 0; z-index:999; width:100%; }
.footnav-center { background: #342638; }
.footborder { height:3px; background: #000; opacity:0.7; overflow:hidden; width:100%; }
.footnav-center li { width: 25%; display: inline-block; padding-top: 8px; margin-right:-4px; height:50px; }
.footnav-center li:hover, .footnav li:active { background-color:#2b192c; }
.footnav-center li .fa { font-size: 1.6em; }
.footnav-center li a { display: block; text-align: center; }
.footnav-center li p { font-size:0.76em; line-height:1em; }
address{ font-style:normal;}
 @media(min-width:120px) and (max-width:320px) {
.container { width:240px; }
.search_box .ui-input-text input.ui-input-text { width: 158px; }
.search_box #s.search { width: 210px; }
.item > .sub { width:50px; }
.item > .grid2 { width:110px; }
.item > .second .sub-item { margin-left:-60px; }
.item > .three .sub-item { margin-left:-120px; }
.item > .four .sub-item { margin-left:-180px; }
.item > .sub .pic { height:50px; }
.item .pic .tt { height:48px; }
.item > .sub .sub-item,.item > .sub .sub-item1,.item > .sub .sub-item2,.item > .sub .sub-item3,.item > .sub .sub-item4,.item > .sub .sub-item5,.item > .sub .sub-item6,.item > .sub .sub-item7,.item > .sub .sub-item8,.item > .sub .sub-item9 { width:230px; }
.list, .row { margin-left:5px; margin-right:5px; }
.doclist li { width:70px; }
}
@media(min-width:320px) and (max-width:480px) {
.container { width:320px; }
.item > .sub { width:70px; }
.item > .grid2 { width:150px; }
.item > .second .sub-item1 { margin-left:-80px; }
.item > .second .sub-item5 { margin-left:-80px; }
.item > .second .sub-item9 { margin-left:-80px; }
.item > .three .sub-item2 { margin-left:-160px; }
.item > .three .sub-item3 { margin-left:-160px; }
.item > .three .sub-item6 { margin-left:-160px; }
.item > .four .sub-item3 { margin-left:-240px; }
.item > .four .sub-item7 { margin-left:-240px; }
.item > .sub .pic { height:70px; }
.item .pic .tt { height:68px; }
.item > .sub .sub-item,.item > .sub .sub-item1,.item > .sub .sub-item2,.item > .sub .sub-item3,.item > .sub .sub-item4,.item > .sub .sub-item5,.item > .sub .sub-item6,.item > .sub .sub-item7,.item > .sub .sub-item8,.item > .sub .sub-item9 { width:310px; }
.sub-item li,.sub-item1 li,.sub-item2 li,.sub-item3 li,.sub-item4 li,.sub-item5 li,.sub-item6 li,.sub-item7 li,.sub-item8 li,.sub-item9 li { font-size:0.875em; }
.list, .row { margin-left:5px; margin-right:5px; }
.doclist li { width:96.66667px; }
}
@media(min-width:480px) and (max-width:640px) {
.container { width:480px; }
.search_box .ui-input-text input.ui-input-text { width: 268px; }
.search_box #s.search { width: 320px; }
.item > .sub { width:110px; }
.item > .grid2 { width:230px; }
.item > .second .sub-item1 { margin-left:-120px; }
.item > .second .sub-item5 { margin-left:-120px; }
.item > .second .sub-item9 { margin-left:-120px; }
.item > .three .sub-item2 { margin-left:-240px; }
.item > .three .sub-item3 { margin-left:-240px; }
.item > .three .sub-item6 { margin-left:-240px; }
.item > .four .sub-item3 { margin-left:-360px; }
.item > .four .sub-item7 { margin-left:-360px; }
.item > .sub .pic { height:110px; }
.item .pic .tt { height:108px; }
.item > .sub .sub-item,.item > .sub .sub-item1,.item > .sub .sub-item2,.item > .sub .sub-item3,.item > .sub .sub-item4,.item > .sub .sub-item5,.item > .sub .sub-item6,.item > .sub .sub-item7,.item > .sub .sub-item8,.item > .sub .sub-item9 { width:470px; }
.sub-item li,.sub-item1 li,.sub-item2 li,.sub-item3 li,.sub-item4 li,.sub-item5 li,.sub-item6 li,.sub-item7 li,.sub-item8 li,.sub-item9 li { font-size:0.875em; }
.list, .row { margin-left:5px; margin-right:5px; }
.doclist li { width:150px; }
}
@media(min-width:640px) and (max-width:800px) {
.container { width:640px; }
.item > .sub { width:150px; }
.item > .grid2 { width:310px; }
.item > .second .sub-item1 { margin-left:-160px; }
.item > .second .sub-item5 { margin-left:-160px; }
.item > .second .sub-item9 { margin-left:-160px; }
.item > .three .sub-item2 { margin-left:-320px; }
.item > .three .sub-item3 { margin-left:-320px; }
.item > .three .sub-item6 { margin-left:-320px; }
.item > .four .sub-item3 { margin-left:-480px; }
.item > .four .sub-item7 { margin-left:-480px; }
.item > .sub .pic { height:150px; }
.item .pic .tt { height:148px; }
.item > .sub .sub-item,.item > .sub .sub-item1,.item > .sub .sub-item2,.item > .sub .sub-item3,.item > .sub .sub-item4,.item > .sub .sub-item5,.item > .sub .sub-item6,.item > .sub .sub-item7,.item > .sub .sub-item8,.item > .sub .sub-item9 { width:630px; }
.pic p { font-size:1.5em; }
.list, .row { margin-left:5px; margin-right:5px; }
.doclist li { width:203.33337px; }
}
@media(min-width:800px) and (max-width:960px) {
.navbtn { left:10px; }
.home, .so { right:10px; }
.container { width:800px; }
.item > .sub { width:180px; padding:0 10px; margin-top:10px; }
.item > .grid2 { width:380px; }
.item > .second .sub-item1 { margin-left:-200px; }
.item > .second .sub-item5 { margin-left:-200px; }
.item > .second .sub-item9 { margin-left:-200px; }
.item > .three .sub-item2 { margin-left:-400px; }
.item > .three .sub-item3 { margin-left:-400px; }
.item > .three .sub-item6 { margin-left:-400px; }
.item > .four .sub-item3 { margin-left:-600px; }
.item > .four .sub-item7 { margin-left:-600px; }
.item > .sub .pic { height:180px; }
.item .pic .tt { height:178px; }

.item > .sub .sub-item,.item > .sub .sub-item1,.item > .sub .sub-item2,.item > .sub .sub-item3,.item > .sub .sub-item4,.item > .sub .sub-item5,.item > .sub .sub-item6,.item > .sub .sub-item7,.item > .sub .sub-item8,.item > .sub .sub-item9 { width:780px; }
.item > .sub .pic { margin-bottom:10px; }
.item > .sub .pic p { font-size:1.8em; }
.list, .row { margin-left:10px; margin-right:10px; }
.doclist li { width:246.66667px; margin-left:10px; margin-right:10px; }
#footer { margin:0 10px; }
}
@media(min-width:960px) {
.navbtn { left:10px; }
.home, .so { right:10px; }
.container { width:960px; }
.item > .sub { width:220px; padding:0 10px; margin-top:10px; }
.item > .grid2 { width:460px; }
.item > .second .sub-item1 { margin-left:-241px; }
.item > .second .sub-item5 { margin-left:-241px; }
.item > .second .sub-item9 { margin-left:-241px; }
.item > .three .sub-item2 { margin-left:-480px; }
.item > .three .sub-item3 { margin-left:-480px; }
.item > .three .sub-item6 { margin-left:-480px; }
.item > .four .sub-item3 { margin-left:-721px; }
.item > .four .sub-item7 { margin-left:-721px; }
.item > .sub .pic { height:220px; }
.item .pic .tt { height:218px; }
.item > .sub .sub-item,.item > .sub .sub-item1,.item > .sub .sub-item2,.item > .sub .sub-item3,.item > .sub .sub-item4,.item > .sub .sub-item5,.item > .sub .sub-item6,.item > .sub .sub-item7,.item > .sub .sub-item8,.item > .sub .sub-item9 { width:940px; }
.item > .sub .pic { margin-bottom:10px; }
.item > .sub .pic p { font-size:2em; }
.list, .row { margin-left:10px; margin-right:10px; }
.doclist li { width:300px; margin-left:10px; margin-right:10px; }
#footer { margin:0 10px; }
}