/* 全局设置 Start */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;word-wrap:break-word}
body,html,input,textarea,select,option{font:12px/1.5 tahoma,arial,\5b8b\4f53,sans-serif;font-family:"微软雅黑";}
table{border-collapse:collapse;border-spacing:0;}
img{border:none}
h1{font-size:34px;}
h2{font-size:26px;}
h3{font-size:18px; }
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}
input,label,img,th{vertical-align:middle;}
.font-fixh{font-family: Georgia,Arial; color: #f00; font-size: 16px; font-weight: 700;}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
input.button ,input.btn{padding:0.25em;width: auto;_width:0;overflow:visible !ie;}
ul,ol,li{list-style:none;}
a{text-decoration:none; color:#222;}
a{outline:none;}
a:hover{text-decoration:none; color:#028dc8;}
.white,.white a{color:#fff}
.blue,.blue a{color:#004499}
.gray,a.gray{color:#999}
.red,.red a, a.red{color:red;}
.green{color:#0E774A}
.grey{ color:#ccc;}
select optgroup{color:#CAC8BB;}
header{ display:block}
.hidden{display:none;}
.invisible{visibility:hidden;}
.ib,.ib-a a{display:inline-block;zoom:1;*display:inline;}
.clear:after,.main:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear,.main{display:inline-block;}
* html .clear,* html .main{height:1%;}
.clear,.main{display:block;}
.wrapper-out{min-width:1000px}
.wrapper-inner{}
.layout{margin:0 auto;width:1000px;min-width:1000px; font-size:14px; line-height:30px;}
.fleft{float:left}
.fright{float:right}
.mt12{ margin-top:12px;}
.mb15{ margin-bottom:15px;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#049ad9;}
.red {color:#f00}
.green{ color:#009933;}
.blue,
a.blue,
a.blue:visited {color:#1CA1DA}
.bgGray{ background:#f8f8f8; }
/* End 全局设置 */

/* banner Start */
#banner { height:510px; width:100%; min-width:1200px; margin:0 auto; background:#1d3b7b; }
#banner .banner { height:510px; width:100%; min-width:1200px; position:relative; }
#banner .banner .slides{width:100%; height:510px; position:relative; z-index:1; overflow:hidden;}
#banner .banner .slides li{width:100%; height:100%;}
#banner .banner .slides li a{ width:100%; height:100%; display:block;}
#banner .banner .slides a:hover{ text-decoration:none;}
#banner .banner .slides li .textBox { width:100%; height:30px; padding-bottom:0px; position:absolute; bottom:10px; margin:0px auto; }
#banner .banner .slides li .textBox .text { height:100%; width:1000px;min-width:1000px; /*background-color:rgba(0,0,0,0.6);*/ color:#fff; line-height:30px; text-align:center; margin:0px auto;}
#banner .banner .slides li .textBox .text a{ color:#fff; background:#000; padding:4px;}
#banner .banner .slides li .textBox .text a span{ padding:4px;}
#banner .banner .slides li .textBox .text a span:hover{ background:#000; }
#banner .banner  .flex-direction-nav{position:absolute;z-index:3;width:100%;top:50%;}
#banner .banner  .flex-direction-nav li a{display:block;width:30px;height:80px;overflow:hidden;cursor:pointer;position:absolute;}
#banner .banner  .flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) left top no-repeat;}
#banner .banner  .flex-direction-nav li a.flex-next{right:40px;background:url(../images/prev.png) right top no-repeat;}
#banner .banner  .flex-direction-nav li a.flex-prev:hover{ background:url(../images/prev.png) left bottom no-repeat;}
#banner .banner  .flex-direction-nav li a.flex-next:hover{ background:url(../images/prev.png) right bottom no-repeat;}
#banner .banner  .flex-control-nav{position:relative;/*bottom:26px;*/ top:-5%; z-index:2;width:100%;text-align:center;}
#banner .banner  .flex-control-nav li{display:inline-block;width:23px;height:14px;margin:0 5px;*display:inline;zoom:1;}
#banner .banner  .flex-control-nav a{display:inline-block;width:23px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
#banner .banner  .flex-control-nav .flex-active{background-position:0 0;}

/* 头部 Start */
#header { width:100%; min-width:1200px; height:82px; margin:0px auto; position:absolute; z-index:9999; display:inline; }
#header .header { width:1200px; height:82px; margin:0px auto; z-index:9999; /*border-bottom:1px solid #1d3b7b; */}
#header .header .logo { width:auto; float:left; padding-top:10px; }
.nav-bg{ background:#1d3b7b;}
.nav { height:auto; width:auto; float:right; line-height:42x; font-size:14px;}
.nav ul { height:100%; width:auto; font-family:"微软雅黑"; margin:0 auto;}
.nav ul li { height:100%; width:120px; float:left;text-align:center; position:relative; display:block; }
.nav ul li:first-child { background:none;}
.nav ul li a{ width:100%; display:block; color:#fff;}
.nav ul li.on,
.nav ul li:hover { height:45px; }
.nav ul li:hover blockquote a { color:#feed01; font-weight:bolder;}
.nav ul li.on a,
.nav ul li:hover a{ display:block; color:#feed01;}
.nav ul li a { display:block; font-weight:100; text-decoration:none;}

/* 底部 */
#footer{ width:100%; height:auto; margin:0px auto; min-width:1200px; background:#3e404c; color:#9a9b9f;  }
#footer .footer{ width:1100px; height:auto; margin:0px auto;line-height:24px; overflow:hidden; }
#footer .footer .footerUp{ width:100%; height:auto; margin:30px auto; overflow:hidden; clear:both; }
#footer .footer .footerUp dl{ width:25%; float:left; line-height:30px;}
#footer .footer .footerUp dl dt{ font-weight:bold; font-size:14px; padding:10px 0px; }
#footer .footer .footerUp dl dt a{ color:#ddd;}
#footer .footer .footerUp dl dd{}
#footer .footer .footerUp dl dd a{ color:#9a9b9f;}
#footer .footer .footerDown{ width:100%; height:auto; margin:0px auto; border-top:1px solid #535562; padding:20px 0px;}
#footer .footer .footerDown a{ color:#9a9b9f;}

.navBar{ display:none; }

.blockArea{ width:100%; min-width:1200px; height:auto;  margin:20px auto 0px auto; padding:50px 0px 50px 0px; overflow:hidden;}
.blockArea .subject{ width:100%; margin:0px auto; overflow:hidden; }
.blockArea .subject .title{ font-size:32px; color:#333; text-align:center; font-weight:100; padding:15px 0px;}
.blockArea .subject .titleSub{font-size:16px; color:#666; text-align:center; font-weight:100; background:url(../images/titleSubBg.png) no-repeat center; }
.blockArea .subject .titleSub span{ background:#fff; padding:0px 20px;}
.blockArea .subject .description{ width:60%; margin:20px auto; text-align:center; color:#666; }
   .bgGray .subject .titleSub span{ background:#f8f8f8; padding:0px 20px;}
   
/* 解决案例/产品服务 */
#aboutus{}
#aboutus .listDefault{ line-height:24px; }
#aboutus .listDefault .content{ width:100%; padding:60px 0px 0px 0px; line-height:200%; font-size:16px; text-align:center; }

/* 服务范围 */
#service{ }
#service .service{ line-height:24px; }
#service .service .content{ width:100%; padding:80px 0px 0px 0px;}
#service .service .content ul{}
#service .service .content ul li{ width:25%; float:left; overflow:hidden; }
#service .service .content ul li div{ width:90%; margin:0px auto; }
#service .service .content ul li div span{ width:100%; text-align:center; display:block; }
#service .service .content ul li div span img{  text-align:center; width:100%; max-height:180px; }
#service .service .content ul li div h3{ height:52px; margin:10px 0px; line-height:26px; font-size:16px; text-align:center; padding:20px 0px; font-weight:100; }
#service .service .content ul li div h3 a{ color:#666;}

/* 解决案例/产品服务 */
#case{}
#case .listDefault{ line-height:24px; }
#case .listDefault .content{ width:100%; padding:60px 0px 0px 0px;}
#case .listDefault .content ul{}
#case .listDefault .content ul li{ width:25%; float:left; overflow:hidden; }
#case .listDefault .content ul li div{ width:90%; margin:0px auto; }
#case .listDefault .content ul li div span{}
#case .listDefault .content ul li div span img{ width:100%; height:180px;}
#case .listDefault .content ul li div h3{ margin:10px 0px; line-height:30px; font-size:16px; text-align:center; padding:20px 0px; font-weight:100; height:60px; overflow:hidden; }
#case .listDefault .content ul li div h3 a{ color:#666;}

/* 公司动态 */
#companyNews{ }
#companyNews .companyNews{ line-height:24px; }
#companyNews .companyNews .content{ width:100%; padding:80px 0px 0px 0px;}
#companyNews .companyNews .content ul{}
#companyNews .companyNews .content ul li{ width:25%; float:left; overflow:hidden; }
#companyNews .companyNews .content ul li div{ width:90%; margin:0px auto; }
#companyNews .companyNews .content ul li div span{}
#companyNews .companyNews .content ul li div span img{ width:100%; height:180px}
#companyNews .companyNews .content ul li div h3{ margin:10px 0px; line-height:30px; font-size:16px; font-weight:100; }
#companyNews .companyNews .content ul li div h3 a{ color:#666;}
#companyNews .companyNews .content ul li div p{ width:100%; height:60px; overflow:hidden; line-height:20px; margin:6px 0px 20px 0px;}
#companyNews .companyNews .content ul li div p a{ color:#999;}
#companyNews .companyNews .content ul li div b{ font-weight:100;  }
#companyNews .companyNews .content ul li div b a{ padding:4px; background:#3070f8; color:#fff; border-radius:3px; }

/* 首页合作 */
#cooperation{ }
#cooperation .cooperation{ line-height:24px; }
#cooperation .cooperation .content{ text-align:center; padding:50px 0px 0px 0px;}
#cooperation .cooperation .content{}
#cooperation .cooperation .content ul{}
#cooperation .cooperation .content ul li{ width:auto; padding:0px 10px 40px 10px; display:inline-block; overflow:hidden; }
#cooperation .cooperation .content ul li img{ max-width:218px; max-height:102px;}

/* 分页 */
.pages{ width:auto; display:block;clear:both; height:auto; text-align:center;line-height:40px; color:#333; font-size:14px; padding:10px 0px; }	
.pages a{ color:#333; padding:4px 10px; margin:0px 6px; border-radius:3px; background:#f0f0f0; }
.pages a:hover{  text-decoration:none; background:#2f70f2; color:#fff;}
.pages .current{background:#2f70f2; color:#fff; padding:4px 8px; margin:0px 4px; cursor:pointer; border-radius:3px;}

/* 上下页 */
.pre-next{ width:100%; height:auto; float:left; margin:10px 0px; line-height:28px; font-size:14px; text-align:left; text-indent:2px;}
.pre-next h4{ padding:0; margin:0; border:none; height:33px; line-height:33px; color:#000;}
.pre-next .pre{ width:100%; float:left;}
.pre-next .next{ width:100%; float:left;}


/* 主体 Start */
.mainBody{ height:auto; width:100%; min-width:1200px; margin:0px auto; overflow:hidden; background:#f8f8f8; }
.main{ width:1200px; height:auto; min-width:1200px; margin:0px auto; }

/* 当前位置 */
.website{ width:100%; height:30px; margin:0px auto; overflow:hidden; line-height:30px; color:#999; padding:10px 0px;}
.website .site{width:70%; height:auto; float:left; text-align:left;}
.website .site em{ width:auto;  float:left;}
.website .site span{ width:auto;  float:left;}
.website .site i{ width:15px; height:30px; float:left;background:url(../images/news.png) no-repeat center;}
.website .site a{ color:#049ad9; float:left; }
.website .site a:hover{ color:#049ad9; text-decoration:none;}
.website .site b{ width:auto; float:left; color:#666; font-weight:100;}
.website .title{width:30%; height:auto; float:left; text-align:right;}

/* sideCommon Start */
.sideCom{height:auto; width:260px; float:left; }
.sideCom .side { height:auto; width:99%; float:left; border-bottom:none; border:1px #eaeaea solid; border-radius:3px; background:#fcfcfc;}
.sideCom .side ul { height:auto; width:100%; float:left;}
.sideCom .side ul li { height:auto; width:100%; line-height:50px; border-bottom:1px #ccc solid; text-indent:70px; overflow:hidden; border-bottom:1px #ccc solid;}
.sideCom .side ul li a { display:block; font-size:16px; background:url(../images/common/sideCate.png) repeat-x; color:#fff;}
.sideCom .side ul li a span { height:100%; width:50%;}
.sideCom .side ul.dot li { background:url(../images/common/sideDot.png) 50px 18px no-repeat;}
.sideCom .side ul li ul { height:auto; width:100%; padding:10px 0; border-top:1px #ccc solid;}
.sideCom .side ul li ul li { height:40px; line-height:40px; width:100%; border-bottom:none;}
.sideCom .side ul li ul li.on,.sort ul li ul li:hover { height:40px; width:100%; background-color:#f9f7fd;}
.sideCom .side ul li ul li.on a,.sort ul li ul li:hover a { display:block; color:#f4560c; font-weight:bold;}
.sideCom .side ul li ul li a { display:block; font-size:12px; background:none; color:#000;}
/* 当前栏目子栏目 */
.sideCom .sideCate{height:auto; width:99%; float:left; border:1px #eaeaea solid; border-radius:3px; border-bottom:none; background:#fff; margin-bottom:20px;}
.sideCom .sideCate h2{ width:100%; float:left; font-family:"微软雅黑"; font-size:18px; text-align:left; text-indent:80px; line-height:40px; background:#2f70f2;}
.sideCom .sideCate h2 a{ color:#fff;}
.sideCom .sideCate ul { height:auto; width:100%; float:left;}
.sideCom .sideCate ul li { height:auto; width:auto; line-height:50px; border-bottom:1px #eaeaea solid; overflow:hidden; border-left:6px solid #fff; text-indent:74px; margin:0px auto; }
.sideCom .sideCate ul li span{ width:6px; height:50px; float:left; display:block;}
.sideCom .sideCate ul li b{ text-indent:70px; font-weight:100; float:left;}
.sideCom .sideCate ul li.on,
.sideCom .sideCate ul li:hover{ border-left:6px solid #2f70f2; background:#f0f0f0; }
.sideCom .sideCate ul li.on a,
.sideCom .sideCate ul li:hover a{ color:#2f70f2; text-decoration:none;}
.sideCom .sideCate ul li a { font-size:16px; width:100%; height:100%; display:block; overflow:hidden; }

.sideCom .sideDiv{ margin:0px auto; margin-bottom:20px; overflow:hidden; border:1px #eaeaea solid; border-radius:3px; background:#fff; margin-bottom:20px;}
.sideCom .sideDiv h1{ font-size:16px; font-weight:100; text-indent:24px; line-height:34px; height:34px; border-bottom:1px solid #eee; background:#2f70f2; color:#fff; }
.sideCom .sideDiv h1 span{ width:auto; float:left; background:url(../images/sidediv.png) 4px 10px no-repeat;}
.sideCom .sideDiv h1 b{ width:auto; float:right; font-size:12px; color:#999; font-weight:100; padding-right:4px;}
.sideCom .sideDiv h1 b a{color:#999;}
.sideCom .sideDiv ul{ margin:12px 0px; overflow:hidden;}
.sideCom .sideDiv ul li{ width:100%; float:left;  line-height:200%;}
 
.sideCom .siteSearch{ overflow:hidden; background:#fff; margin-bottom:20px; }
.sideCom .siteSearch form{ margin:10px auto; width:90%; overflow:hidden;border:1px solid #eee;}
.sideCom .siteSearch form .keywords{ width:80%; float:left; height:30px; border:none; text-indent:10px; outline:none; }
.sideCom .siteSearch form .submit{ width:40px; float:right; height:32px; background:url(../images/sidesearch.png) 15px 8px no-repeat; border:none; cursor:pointer; outline:none;}
.sideCom .newsLatest ul{}
.sideCom .newsLatest ul li{height:28px; line-height:28px; text-indent:20px; background:url(../images/common/article.png) 8px 12px no-repeat; overflow: hidden; }
.sideCom .newsImg ul{}
.sideCom .newsImg ul li{ width:50%; height:126px; text-align:center; line-height:150%;}
.sideCom .newsImg ul li a{ padding:0px 6px; display:block;}
.sideCom .newsImg ul li a img{ width:95%; height:74px;}
/* sideCommon End */

/* artMain Start */
.artCom{height:auto; width:900px; float:right; margin:0px 0px 15px 0px; }
/* 主体-右侧-列表 */
.artCom .lists{ width:900px; border:1px #eaeaea solid; border-radius:3px; border-top-left-radius:0; border-top-right-radius:0; padding-top:10px; float:left; margin-bottom:15px; background:#fff; }
/* 文字列表 */
.artCom .lists ul{ margin:0; width:100%;}	
.artCom .lists ul li{ padding:0; margin:0; height:34px; line-height:34px; font-size:14px; text-indent:24px; display:block;}
.artCom .lists ul li{ border-bottom:#e7e7e7 1px dashed; background:url(../images/common/article.png) 10px 12px no-repeat ;}
.artCom .lists ul li span{width:80%; float:left; text-align:left; font-size:14px; color:#000; }
.artCom .lists ul li b{width:20%; float:left;text-align:right; font-size:12px; color:#999; font-weight:100;margin-left:-10px;}	
.artCom .lists ul li a:hover{ color:#003f98!important;}
/* 图文列表（上下） */
.artCom .lists .imgUp{width:25%; height:220px; float:left; text-align:center; padding:10px 0px 5px 0px;}
.artCom .lists .imgUp .img{ width:170px; height:128px; margin:0px auto; }
.artCom .lists .imgUp .img a img{ height: 128px;}
.artCom .lists .imgUp .img img{  height: 128px;}
.artCom .lists .imgUp .text{width:150px; height:auto; display:block; margin:auto;line-height:22px; overflow:hidden; padding-top:4px;}
.artCom .lists .imgUp a:hover{ color:#003f98;}
/* 图文列表（左右） */
.artCom .lists .imgUpleft{width:100%; height:auto; float:left; display:block; padding:15px 0px 15px 0px; border-bottom:1px dashed #ddd;}
.artCom .lists .imgUpleft .title{ width:100%; height:40px; line-height:40px; }
.artCom .lists .imgUpleft .title h3{ width:auto; float:left; font-size:16px; font-weight:100; color:#000; overflow:hidden; }
.artCom .lists .imgUpleft .title strong{ width:auto; float:right; color:#666; }
.artCom .lists .imgUpleft .title b{ width:auto; float:right; font-weight:100; color:#999; }
.artCom .lists .imgUpleft .title a{ color:#333;}
.artCom .lists .imgUpleft .pagram { line-height:22px; }
.artCom .lists .imgUpleft .intime { margin-bottom:4px;}
.artCom .lists .imgUpleft .img{ width:31%; height:auto; float:left; display:inline; text-align:left; text-align:center; margin:8px 0px;}
.artCom .lists .imgUpleft .img img,.lists .imgLeft .img a img{  width:240px; height:160px; }
.artCom .lists .imgUpleft .text{width:67%; float:left; margin:8px 0px;}
.artCom .lists .imgUpleft .text h3{ font-size:20px; font-weight:100; color:#000; }
.artCom .lists .imgUpleft .text p{ height:auto; overflow: hidden; line-height:24px;padding:0; margin:0; font-size: 12px;}
.artCom .lists .imgUpleft a:hover{ color:#049ad9;}
.artCom .lists .imgUpleft a{ color:#049ad9;}
/* 左图 */
.artCom .lists .imgLeft{width:100%; height:auto; float:left; display:block; padding:15px 0px 15px 0px; border-bottom:1px dashed #ddd;}
.artCom .lists .imgLeft .img{ width:35%; height:auto; float:left; display:inline; text-align:center;}
.artCom .lists .imgLeft .img img,.lists .imgLeft .img a img{  width:220px; height:160px; padding:3px;}
.artCom .lists .imgLeft .text{width:60%; float:left; margin-left:20px; }
.artCom .lists .imgLeft .text h3{ font-size:14px; font-weight:bold; color:#000; }
.artCom .lists .imgLeft .text p{ height:auto; overflow: hidden; line-height:32px;padding:0; margin:0; font-size: 12px;}
.artCom .lists .imgLeft a:hover{ color:#049ad9;}
.artCom .lists .imgLeft a{ color:#049ad9;}

/* 正文标题 Subject */
.artCom .artSubject{ width:100%; height:40px; float:left;  font-size:14px; text-align:left; border:1px #ddd solid; border-bottom:none; border-top-left-radius:3px; border-top-right-radius:3px; background:#fafafa; }
.artCom .artSubject b {height:40px; float:left; line-height:40px; font-size:14px; border-left:4px solid #2f70f2; text-indent:24px;}
.artCom .artSubject b a{}
.artCom .artSubject span{ float:right; line-height:36px;}
.artCom .artSubject span a{ color:#999; font-size:12px;}
.artCom .artSubject span a:hover{ color:#f45d0c;}
/* 正文内容 Main */
.artCom .artMain { width:100%; border:1px #eaeaea solid; border-radius:3px; border-top-left-radius:0; border-top-right-radius:0; background:#fff; }
.artCom .artMain .title{ width: 100%; height:auto; text-align:center; line-height:30px; font-family:"微软雅黑"; font-size:20px; color:#222; margin:20px 10px 20px 10px; float:left;}
.artCom .artMain .author{ width:100%; text-align:center; color:#666; overflow:hidden;}
.artCom .artMain .cutLine{ width:100%; height:1px; float:left; border-bottom:1px solid #eee;}
.artCom .artMain .content{ margin:0px auto; overflow:hidden; line-height:28px; color:#222; font-size:14px; padding:20px 10px; }
.artCom .artMain .content{ text-align:justify; text-justify:inter-character; _text-align:justify; _text-justify:inter-character;*text-align:justify; *text-justify:inter-character; }
.artCom .artMain .content p{ text-indent:2em; padding: 4px 0px; line-height: 150%;}
.artCom .artMain .content img{ max-width:100%;}
.artCom .artMain .content .video{ text-align:center; margin:0px auto; }
.artCom .artMain .content div{}

.articleApage{}
.articleApage .artMain{}
.articleApage .artMain .title{ border-left:4px solid #2f70f2; text-align:left; margin-left:20px; }
.articleApage .artMain .content{ padding:20px; }

.article{}
.artCom .artMain{}
.artCom .artMain .title{ border-left:4px solid #2f70f2; text-align:left; padding-left: 20px; margin-left:20px; }
.artCom .artMain .content{ padding:20px; }
.artCom .artMain .author{text-align:left; text-indent:45px;}
/* Jiathis */
.artCom .artMain .artJia{ width:100%; float:left; text-align:right; margin:15px auto;}
/* 无侧边栏 */
.artCom .artNone { width:1100px!important; border-top:1px #ccc solid; border-radius:3px;}
/* 分页 */
.artCom .page{ width:auto; display:block;clear:both; height:auto; text-align:center;line-height:40px; color:#333; font-size:12px; padding:10px 0px; }	
.artCom .page a{ color:#333; padding:4px 8px; margin:0px 4px; border-radius:3px;}
.artCom .page a:hover{  text-decoration:none;background:#eee; color:#006699;}
.artCom .page .current{background:#eee; color:#006699; padding:4px 8px; margin:0px 4px; cursor:pointer; border-radius:3px;}
/* 上下页 */
.artCom .pre-next{ width:100%; height:auto; float:left; padding:10px 0px; line-height:28px; font-size:14px; text-align:left; }
.artCom .pre-next h4{ padding:0; margin:0; border:none; height:33px; line-height:33px; color:#000;}
.artCom .pre-next .pre{ width:100%; float:left;}
.artCom .pre-next .next{ width:100%; float:left;}


/* 导航自适应 */
#cssmenu{ padding-top:20px;}
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {margin: 0;padding: 0;border: 0;list-style: none;line-height: 1;display: block;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#cssmenu:after,#cssmenu > ul:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
#cssmenu #menu-button {display: none;}
#cssmenu {width: auto;font-family: 'Open Sans', sans-serif;line-height: 1; }
#menu-line {position: absolute;top: 36px;left: 0;height: 3px; -webkit-transition: all 0.25s ease-out;-moz-transition: all 0.25s ease-out;-ms-transition: all 0.25s ease-out;-o-transition: all 0.25s ease-out;transition: all 0.25s ease-out;}
#cssmenu > ul > li {float: left;}
#cssmenu.align-center > ul {font-size: 0;text-align: center;}
#cssmenu.align-center > ul > li {display: inline-block;float: none;}
#cssmenu.align-center ul ul {text-align: left;}
#cssmenu.align-right > ul > li {float: right;}
#cssmenu.align-right ul ul {text-align: right;}
#cssmenu > ul > li.on a{ color:#feed01;}
#cssmenu > ul > li > a {padding: 15px;font-size: 14px;text-decoration: none;/*text-transform: uppercase;*/color: #fff;-webkit-transition: color .2s ease;-moz-transition: color .2s ease;-ms-transition: color .2s ease;-o-transition: color .2s ease;transition: color .2s ease;}
#cssmenu > ul > li:hover > a,#cssmenu > ul > li.active > a {color: #feed01;}
#cssmenu > ul > li.has-sub > a {padding-right: 25px;}
#cssmenu > ul > li.has-sub > a::after {
	position: absolute;top: 21px;right: 10px;width: 4px;height: 4px;border-bottom: 1px solid #fff;border-right: 1px solid #fff;content: "";-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: border-color 0.2s ease;-moz-transition: border-color 0.2s ease;-ms-transition: border-color 0.2s ease;-o-transition: border-color 0.2s ease;transition: border-color 0.2s ease;
}
#cssmenu > ul > li.has-sub:hover > a::after {border-color: #feed01;}
#cssmenu ul ul {position: absolute;left: -9999px;}
#cssmenu li:hover > ul {left: auto;}
#cssmenu.align-right li:hover > ul {right: 0;}
#cssmenu ul ul ul {margin-left: 100%;top: 0;}
#cssmenu.align-right ul ul ul {margin-left: 0;margin-right: 100%;}
#cssmenu ul ul{ width:120px; }
#cssmenu ul ul li {padding:0px 0px; width:100%; z-index:99999;background:url(../images/navBg.png); border-radius:0px;}
#cssmenu ul li:hover > ul > li { z-index:9999!important;}
#cssmenu ul ul li a {padding: 20px 20px; display:block; width: 100%;font-size: 12px;}

#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover {color: #ffffff;}
#cssmenu ul ul li.has-sub > a::after {
	position: absolute;top: 13px;right: 10px;width: 4px;height: 4px;border-bottom: 1px solid #dddddd;border-right: 1px solid #dddddd;content: "";-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transition: border-color 0.2s ease;-moz-transition: border-color 0.2s ease;-ms-transition: border-color 0.2s ease;-o-transition: border-color 0.2s ease;transition: border-color 0.2s ease;
}
#cssmenu.align-right ul ul li.has-sub > a::after {
	right: auto;left: 10px;border-bottom: 0;border-right: 0;border-top: 1px solid #dddddd;border-left: 1px solid #dddddd;
}
#cssmenu ul ul li.has-sub:hover > a::after {border-color: #ffffff;}

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
#cssmenu {width: 100%; padding-top:0px;}
#menu-button{ background:url(../images/logo.png) 6px 10px no-repeat; background-size:90px;}
#cssmenu ul {width: 100%;display: none;}
#cssmenu.align-center > ul,#cssmenu.align-right ul ul {text-align: left;}
#cssmenu ul li,#cssmenu ul ul li,#cssmenu ul li:hover > ul > li {width: 100%;height: auto;border-top: 1px solid rgba(200, 200, 200, 0.15);}
#cssmenu ul li a,#cssmenu ul ul li a {width: 100%; text-align:left; text-indent:20px; }
#cssmenu > ul > li,#cssmenu.align-center > ul > li,#cssmenu.align-right > ul > li {float: none;display: block;}
#cssmenu ul ul li a {padding: 20px 20px 20px 30px;font-size: 12px;color: #fff;background: none;}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover {color: #feed01;}
#cssmenu ul ul ul li a {padding-left: 40px;}
#cssmenu ul ul,#cssmenu ul ul ul {position: relative;left: 0;right: auto;width: 100%;margin: 0;}
#cssmenu > ul > li.has-sub > a::after,#cssmenu ul ul li.has-sub > a::after {display: none;}
#menu-line {display: none;}
#cssmenu #menu-button {display: block;padding: 25px;color: #fff;cursor: pointer;font-size: 12px;text-transform: uppercase; }
#cssmenu #menu-button::after {content: '';position: absolute;top: 20px;right: 20px;display: block;width: 15px;height: 2px;background: #fff;}
#cssmenu #menu-button::before {content: '';position: absolute;top: 25px;right: 20px;display: block;width: 15px;height: 3px;border-top: 2px solid #fff;border-bottom: 2px solid #fff;}
#cssmenu .submenu-button {position: absolute;z-index: 10;right: 0;top: 0;display: block;border-left: 1px solid rgba(120, 120, 120, 0.15);height: 52px;width: 52px;cursor: pointer;}
#cssmenu .submenu-button::after {content: '';position: absolute;top: 21px;left: 26px;display: block;width: 1px;height: 11px;background: #fff;z-index: 99;}
#cssmenu .submenu-button::before {content: '';position: absolute;top: 26px;left: 21px;display: block;width: 11px;height: 1px;background: #fff;z-index: 99;}
#cssmenu .submenu-button.submenu-opened:after {display: none;}
.multiUl{ background:#174497;}
.menuBG{ background:#174497;}
.ChildNavIn{ overflow:hidden;}
#cssmenu ul li.sa-nav a{ text-indent:50px;}
#cssmenu ul ul li{ background:#1754c6;}
}


@media screen and (max-width:768px){
#banner{ min-width:inherit; height:auto;}
#banner .banner{ min-width:inherit; height:200px; }
#banner .banner .slides{ height:100%;}
#banner .banner .slides li{ background-size:auto 100%!important; }
#banner .banner .flex-direction-nav{ top:35%;}
#banner .banner .flex-direction-nav li a.flex-prev{ left:10px;}
#banner .banner .flex-direction-nav li a.flex-next{ right:10px;}

#header { min-width:inherit; width:auto;}
#header .header{min-width:inherit; width:auto; height:50px; display:block; }
#header .header .logo img{ display:none;}
#header .header .nav{ width:100%; height:50px; position: fixed; top: 0px;}

.blockArea{ width:auto; min-width:inherit; padding:20px 10px; margin:0px 0px 20px 0px; background:#fff;}
.blockArea .subject .title{ font-size:26px;}
.blockArea .subject .description{ width:90%;}
.blockList{ padding:0px 10px; margin:0px 0px;}
.bgGray{ background:#f8f8f8; }

#aboutus{ min-width:inherit;} 
#aboutus .listDefault .content{ padding-top:20px; font-size:14px; text-align:left; text-indent:2em;}

#service{ min-width:inherit;} 
#service .service .content{ padding-top:20px;}
#service .service .content ul li{ width:50%;}
#service .service .content ul li div h3{ padding:0px; font-size:12px;}

#case{ min-width:inherit;} 
#case .listDefault .content{ padding-top:20px;}
#case .listDefault .content ul li{ width:100%;}
#case .listDefault .content ul li div span img{ height:auto;}
#case .listDefault .content ul li div h3{ padding:0px; font-size:16px; line-height:20px;}

#companyNews{ min-width:inherit;} 
#companyNews .companyNews .content{ padding-top:20px;}
#companyNews .companyNews .content ul li{ width:auto;}
#companyNews .companyNews .content ul li div{ display:block; margin-bottom:20px;}
#companyNews .companyNews .content ul li div span img{ height:auto;}
#companyNews .companyNews .content ul li div h3{ margin:6px 0px;}
#companyNews .companyNews .content ul li div p{ height:auto; margin-bottom:6px; line-height:18px; }
#companyNews .companyNews .content ul li div b{}

#cooperation{ min-width:inherit;} 
#cooperation .cooperation .content{ padding-top:20px;}
#cooperation .cooperation .content img{ max-width:100%;}

.mainBody{ min-width:inherit;} 
.main{ width:100%; min-width:inherit;} 
.website .site{ width:auto; margin:0px auto;}
.side{ float:inherit; width:100%; margin:10px auto;}
.sideCom{ float:inherit; width:auto; margin:0px auto;}
.sideCom .sideCate{ float:inherit; width:100%; margin:0px auto 10px auto; overflow:hidden; }
.artCom{ float:inherit; width:auto; margin:0px auto;}
.artCom .artSubject{ width:100%; margin:0px auto; float:inherit; }
.artCom .artMain{ width:auto; margin:0px auto; float:inherit;}
.artCom .artMain .title{width:auto; float:inherit; margin-left:10px; }
.artCom .artMain .content iframe{ max-width:100%; overflow:hidden;}
.sideCom .sideCate ul li{ text-indent: 30px;}
.artCom .lists{ width:100%;}
.artCom .artMain .content{ padding:20px 10px;}
.artCom .artMain .content .video{ width:100%!important; min-height:150px!important;}

.artCom .lists .imgUp{ width:100%; height:auto; }
.artCom .lists .imgUp .img{ width:auto; height:auto;}
.artCom .lists .imgUp .img a img{ width:90%; height:auto;}
.artCom .lists .imgUp .text a span{ font-size:16px;}
.artCom .lists .imgUp .text a em{ font-size:12px;}
.artCom .lists .imgUpleft .img{ width:auto; margin:0px 10px; float:inherit; }
.artCom .lists .imgUpleft .img img, .lists .imgLeft .img a img{ width:auto; height:auto; max-width:100%;}
.artCom .lists .imgUpleft .text{ width:auto; margin:0px 10px; float:inherit; }
.artCom .lists .imgUpleft .text h3{ font-size:16px;}
.artCom .lists .imgUpleft .pagram{ max-height:66px; overflow:hidden; }
.artCom .pre-next{ width:auto; margin:0px 10px; float:inherit; overflow:hidden; }

#footer{ min-width:inherit; display:none;} 
#footer .footer {width:100%; }
#footer .footer .footerUp{ margin:20px 0px 0px 0px; }
#footer .footer .footerUp dl{ width:auto; float:left; padding:0px 10px 20px 10px; line-height:22px; }
#footer .footer .footerUp dl dt{ width:auto;}
#footer .footer .footerDown{ width:auto; padding:10px 10px;}


body{ margin-bottom:50px;}
#banner{ display:none;}
.caseNav{ display:none;}
.navBar{ width:100%; height:50px;  display:block; position:fixed; bottom:0px; background:#1d3b7b;}
.navBar ul{ width:100%; }
.navBar ul li{ float:left;  width:25%; text-align:center; font-size:12px; margin-top:8px; line-height:100%; }
.navBar ul li i{ width:auto; display:block; font-size:22px; line-height:120%;  }
.navBar ul li a{ color:#fff; width:100%; height:100%; display:block;}
#cooperation .cooperation .content ul li{ width:33.3%; padding:10px 0px; float:left; }
#cooperation .cooperation .content ul li img{ max-width:95%;}
#service .service .content ul li{ width:100%;}
#service .service .content ul li img{}
#service .service .content ul li div{ width:100%;}
#service .service .content ul li div h3{ height:auto;}
#service .service .content ul li div h3 a{ font-size:16px;}
#service .service .content ul li div span img{ max-height:none;}
#case .listDefault .content ul li div{ width:100%;}
#companyNews .companyNews .content ul li div{ width:100%;}
}