@charset "utf-8";
/* CSS Document */
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {margin: 0;padding: 0;}
h1,h2,h3,h4{ font-weight:normal;}
ul li {list-style: none;}
a {text-decoration: none; color:#666666;}
img {border: none;}
input {border: none;background: none;}
input, textarea {font-family: "宋体", Arial, "微软雅黑";outline: 0;font-size: 14px;-webkit-appearance: none;}
.clear {clear: both;}
.fl {float: left;}
.fr {float: right;}
.jieq {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.jieq2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow:hidden;}
.jieq3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;overflow:hidden;}
body{ font-size:14px;font-family: "Microsoft YaHei", "宋体", "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif;color: #666666;}
body {overflow-x: hidden;min-width: 1200px;}
.wid1080 {margin: 0 auto;width:1200px; overflow:hidden;}

#header {width: 100%;height: auto;font-size: 14px;transition: all 0.6s ease 0s; background:#fff url(../images/header_bg.gif) repeat-x;}
#header {box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);}
#header.mini {position: fixed;box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); top:0; left:0; right:0; z-index:99;}
#header.mini .content{ display:none;}
#header .top{ overflow:hidden;padding:25px 0;}
#header .logo {float: left;height: 80px;}
.tel{ margin-top:10px;padding-left:56px; width:183px; height:58px;background:url(../images/tel_ioc.png) left center no-repeat; font-size:14px; color:#198fe8;}
.tel p{  font-size:28px;font-family:impact; font-weight:bold;}
#header .content {margin: 0 auto;width: 1200px;}
#nav { height:52px; background:#198fe8;}
#nav ul.wid{width:1200px; margin:auto; display:block;}
#nav ul li.navitem {float: left; width:141px; padding:10px 0;line-height: 32px; text-align:center;position: relative; font-size:16px;}
#nav ul li.navitem{}
#nav ul li.navitem a { display:block;color: #fff;transition: none ease-out .3s;transition-property: color, background, text-indent, opacity;border-right: 1px solid rgba(255,255,255,.2);}
#nav ul li.navitem a.active ,#header ul li.navitem:hover a { color:#fff;}
#nav ul li.navitem ul.subnav { padding:5px 0; background-color:#fff;transition: all 0.3s ease-out 0s;position: absolute; z-index:99999; left:0; right:0; margin-top:10px;opacity: 0;
	visibility: hidden;
	transform: translate3d(0px, 10px, 0px);
	-moz-transform: translate3d(0px, 10px, 0px);
	-webkit-transform: translate3d(0px, 10px, 0px);
}
#nav ul li.navitem:hover ul.subnav {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0px, 0px, 0px);
	-moz-transform: translate3d(0px, 0px, 0px);
	-webkit-transform: translate3d(0px, 0px, 0px);
}
#nav ul li.navitem ul.subnav li { padding:10px 0;}
#nav ul li.navitem ul.subnav li a {line-height:26px;display: block; background:none;color: #323232;font-size: 15px; border:none;}
#nav ul li.navitem ul.subnav li a:hover { color:#198fe8; }
#nav ul li.navitem ul.subnav li.dq a { color:#198fe8; }

/* banner */
.banner{ position:relative; height:450px; overflow:hidden;}
.banner .bd{ position:relative; z-index:0;  }
.banner .bd ul{ width:100% !important; }
.banner .bd li{ width:100% !important;  height:450px; }
.banner .bd li a{ height:510px; display:block;  }
.banner .hd{ width:100%;  position:absolute; z-index:1; bottom:20px; left:0;text-align:center; }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:28px; height:12px; margin:4px; border-radius:7px;  background:#198fe8; overflow:hidden; line-height:9999px; filter:alpha(opacity=40);opacity:0.4}
.banner .hd ul li.on{filter:alpha(opacity=100);opacity:1;  }




.bot{ padding:45px 0 0; line-height:24px; font-size:14px; background-color:#198fe8;color:#fff;}
.bot_tit{ width:100px; font-size:12px; color:#fff; text-transform:uppercase;}
.bot_left{ padding-right:100px; height:128px;}
.bot_tit span{ display:block; padding-top:10px; font-size:24px;}
.bot_copy{ padding-bottom:13px; border-top:1px solid #1184da;text-align:center; color:#e6f6fe; font-size:12px;}
.bot_copy a{ color:#e6f6fe;}
.bot_nva{ padding:20px 0 3px; font-size:14px;}
.bot_nva a{ color:#fff; padding:0 20px;}
.piao{ position:fixed; z-index:99; right:0;top:100px; width:138px; height:210px; padding:48px 0 0; background:url(../images/piao_bg.png) no-repeat; line-height:22px; text-align:center; color:#fff;}
.piao_tel{ padding:0px 0 8px; font-size:19px;font-family:impact;}

.tit{ padding:50px 0 30px; margin-bottom:10px; background:url(../images/tit_bg.png) center bottom no-repeat; text-align:center; text-transform:uppercase; color:#bcbcbc; font-size:12px; position:relative;}
.tit a{color:#bcbcbc;}
.tit span{ display:block; margin-bottom:5px; height:30px;color:#323232; font-size:24px; font-weight:bold;}
.tit:after { content: ""; display: block; background-color:#2bb9f8; width:4px; height: 1px; position: absolute; bottom:4px; left:50%; margin-left:-2px;transition: all 0.6s ease 0s;}
.cont5_tit{ padding:60px 0 15px; margin-bottom:10px; background:url(../images/cont5_tit_bg.png) 125px 95px no-repeat; text-transform:uppercase; color:#fff; font-size:12px;}
.cont5_tit a{color:#fff;}
.cont5_tit span{ display:block; margin-bottom:5px; height:30px; color:#fff; font-size:24px; font-weight:bold;}
.homenews:hover .tit:after,.cont1:hover .tit:after,.cont2:hover .tit:after,.cont3:hover .tit:after,.cont4:hover .tit:after{width: 200px; left:50%;margin-left:-100px; }

.cont1{ overflow:hidden; padding:0 0 30px; background:#f3f3f3;}
.remmleft{ position:relative;}
.remmleft .bd{}
.remmleft .bd ul{ overflow:hidden; zoom:1;}
.project li{ float:left;width:370px; height:318px; margin:25px 30px 10px 0; position:relative; background:#fff;transition: all 0.3s ease-out 0s;}
.project li .project_img{ width:370px; height:260px; overflow:hidden;}
.project li .project_img img { width:370px; height:260px; display: block;}
.project li .project_info { position: inherit; height:27px; line-height:27px; padding:15px 30px; text-align:center;font-size: 16px; color: #525252;transition: all 0.3s ease-out 0s;}
.project li .project_info:after { content: ''; width: 0; left:0; height: 1px; bottom:0px; background: #198fe8; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; display: block; position:absolute;z-index: 2; }
.project li:hover .project_info:after { width: 100%; background: #2bb9f8;}
.project li:hover .project_info{box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
.project li:hover{ margin-top:15px;}
.more_kanc{ display:block; text-align:center; line-height:31px; width:95px; height:31px; background:#004fa4; font-size:12px; color:#fff; position:relative;}
.cont2{ background:#fff; padding-bottom:46px;}
.youshi_txt{ padding-top:22px;font-size:14px; line-height:26px;  color:#515151; text-align:center;}
.cont3{ padding-bottom:60px; overflow:hidden;background:#fff;}
/*.cont3 .tit span{ color:#fff;}*/
.liyou{ padding-top:50px; width:1200px; margin:auto; overflow:hidden;}
.liyou li{ float:left; padding:60px 60px; margin:0 20px; width:240px; height:240px;text-align:center; background:#f6f6f6;transition: all 0.3s ease-out 0s;}
.liyou li a{ color:#596770;}
.liyou li i{ display:block; margin:auto; width:100px; height:100px; background:url(../images/liyouIcon.png) no-repeat;transition: all 0.3s ease-out 0s;}
.liyou li i.liyouIcon1{ background-position:0 0;}
.liyou li i.liyouIcon2{ background-position:-100px 0;}
.liyou li i.liyouIcon3{ background-position:-200px 0;}
.liyou li:hover i{ background-position-y:-100px}
.liyou li .p1{ font-size:18px; }
.liyou li .p2{text-transform:uppercase;font-size:12px; color:#596770;opacity: 50%;}
.liyou li img{ width:80px;}
.liyou li em{display: block;width: 40px; height:40px; margin:10px auto; line-height:40px; text-align:center;font-size:14px;border-radius: 20px;transition: all 0.6s ease 0s; color:#999; font-style:normal;}
.liyou li:hover em{ opacity: 1; background-color:#f6f6f6; color: #198fe8; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1); }
.liyou li:hover{ background:#198fe8; color:#fff;}
.liyou li:hover .p1,.liyou li:hover .p2{color:#fff;}
.cont4{ overflow:hidden; height:541px; background:#f4f8fa;}
/*.homenews{}
.homenews ul{ margin-top:15px; padding-top:10px;}
.homenews ul li{ margin-bottom:20px; padding-left:20px; height:25px; line-height:25px; font-size:14px;}
.homenews ul li:hover a{ color:#2bb9f8;}*/
.cont5{ overflow:hidden; padding:50px 0; background:#198fe8; color:#fff;}
.cont5_left{ width:720px; height:425px;}
.js_img{ width:450px; height:380px; margin-top:20px;}
.js_img img{ width:450px; height:380px;}
.js_txt{height:156px; padding-right:50px; overflow:hidden; margin-bottom:12px;font-size:14px; line-height:26px;}


.more1{ padding:35px 0 20px; height:50px}
.more1 a.more { margin:auto; display:block; width: 150px; height: 38px;line-height: 38px;box-shadow: 0px 0px 10px rgba(0,0,0,0.1); background:#ffffff; transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; font-size:14px; color:#a8a8a8; text-align:center; text-transform:uppercase;}
.more1 a.more:hover{ color:#fff; background:#2bb9f8;}
.more1 a.more i{ float:right; width:38px; height:38px; display:block; background:#383838 url(../images/icon.png) center 4px no-repeat;transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.more1 a.more:hover i { background:#383838 url(../images/icon.png) center -26px no-repeat;}
.cont6{ overflow:hidden; padding:50px 0 40px;background:#f6f6f6;}


/*内页*/
.dqwz{ padding-top:50px; height:44px; line-height:44px; font-size:24px; color:#414141; text-align:center;}
.dqwz span{ color:#004fa4;}

.breadcrumb{ padding-top:50px; height:44px; line-height:44px; font-size:14px; color:#414141;}
.breadcrumb span{ color:#004fa4;}
.category{ padding:10px 0 0; height:38px; text-align:center;}
.category a { display:inline-block; padding:0 12px; height:30px; line-height:30px; margin:0 6px; background: #f6f6f6; color:#515151; font-size:14px;transition: all 0.3s ease-out 0s; }
.category a.dq ,.category a.active, .category a:hover { background: #198fe8; color: #fff; }
.danye{ padding-top:33px; padding-bottom:40px; font-size:14px; color:#515151; line-height:28px;}
.project_list{ list-style:none;  width:1056px; margin:auto; height:980px;}
.project_list li{ float:left;width:320px; height:282px; margin:40px 16px 0px; position:relative; background:#fff;transition: all 0.3s ease-out 0s;}
.project_list li .project_img{ width:320px; height:224px; overflow:hidden;}
.project_list li .project_img img { width:320px; height:224px; display: block;}
.project_list li .project_info { position: inherit; height:27px; line-height:27px; padding:15px 30px; text-align:center;font-size: 16px; color: #525252;transition: all 0.3s ease-out 0s;}
.project_list li:hover .project_info{box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
/*page style*/
.page { padding:40px 0;overflow: hidden; text-align:center;}
.page span {display:inline-block;height: 28px; border:1px solid #ccc;line-height: 28px;font-size: 14px;color: #6b6b6b;padding: 0 9px;margin: 0 3px;white-space: nowrap;}
.page span a {}
.page span.disabled {color: #6b6b6b;}
.page span.current {background: #198fe8; border:1px solid #198fe8;color: #fff;border: none;line-height: 32px;height: 32px;}
.zxdt_tit {line-height: 24px; padding-top:20px;font-size: 20px;text-align: center;color: #222222; font-weight:bold;}
.zxdt_time {height: 25px;padding-bottom:5px;margin-bottom: 30px;line-height: 25px;font-size: 12px;border-bottom: 1px dashed #cfcece;text-align: center;color: #b3b2b2;}
.sxp { padding:0px 0 60px;ont-size: 14px;color:#444444;}
.sxp span {display: block;padding-top: 10px;}
.sxp font {float: left;width: 60px;display: block; color:#676767;margin-right: 5px;font-size: 14px;text-align: center;}
/*新闻*/
.xinwen { height:2200px;}
.xinwen li{ height:150px; border-bottom:1px solid #ebebeb; padding:30px 0;}
.newsimg{width:347px;height: 150px;overflow: hidden;}
.newsimg img{
	width:347px;height: 150px;
}
.newsbody{ width:705px;}
.newsbody .title{ padding-top:5px; height:28px; line-height:28px; font-size:16px; color:#383838;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newsbody .description { margin-bottom:5px; position:relative; width:680px; padding-top:17px;overflow: hidden;font-size: 14px; text-align: left; color: #7b7b7b; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin-left:0px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.newsbody p.date { padding-bottom:17px; border-bottom:1px solid #e2e2e2; padding-top:3px; height:20px; font-size:12px; color:#a3a3a3;}
.xinwen li:hover .description{ padding-left:26px;}
.newsbody .description::after{content: ""; display: block; height:48px; left:5px; width: 1px; background-color: #e0e0e0;position: absolute;top:15px;opacity: 0;}
.xinwen li:hover .description::after{ opacity:1;}
.news{ list-style:none; height:612px;}
.news li{ height:50px; border-bottom:1px solid #ebebeb; line-height:50px; font-size:14px;}
.news li span{ float:right; padding-left:20px;}
.news li a{ display:block;}
.news li:hover a{ color:#2bb9f8;}
.header2 {overflow:hidden;padding-top:45px; padding-bottom:40px; border-bottom:1px solid #f2f2f2; text-align:center;animation-name: fadeInUp;}
.header2 .title{ font-size:20px; color:#323232;}
.header2 .subtitle{ color:#8c8c8c; font-size:12px; padding-top:5px;}
/*视频中心*/
.shipin_list{ list-style:none;  width:1040px; margin:auto; height:1245px;}
.shipin_list li{ float:left;width:220px; height:380px; margin:35px 20px 0px; position:relative; background:#fff;transition: all 0.3s ease-out 0s;}
.shipin_list li .project_info { position: inherit; height:27px; line-height:27px; padding:15px 30px; text-align:center;font-size: 16px; color: #525252;transition: all 0.3s ease-out 0s;}
.shipin_list li:hover .project_info{box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
.photoIMG .zhezhao{ position:absolute; left:0; right:0; top:0; bottom:0;}

.photoIMG{ margin:auto;width:220px; height:320px; overflow:hidden; position:relative;}
.photoIMG img { width:220px; height:320px; display: block;}
.phototxt{ padding-top:30px;}
.phototitle{ margin-top:5px; text-align:center;}
/*合作伙伴*/
.link_list{ width:1000px; padding:20px 40px; height:612px; overflow:hidden; margin:auto;}
.link_list li{ padding-left:25px;height:55px; border-bottom:1px solid #ebebeb; line-height:55px;font-size:16px; background:url(../images/dd.png) left no-repeat;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.link_list li .date{ float:right; color:#999; }
.link_list li:hover{color:#2bb9f8;}


/* 焦点图 */
.imgList { float:left; width:550px;position: relative; padding-top:10px;}
.imgList .bd li .pic { width:100%; height:0; padding-bottom:63%; overflow:hidden;}
.imgList .bd li .title { width:100%;height:40px;position:absolute;bottom:0;left:0;background:rgba(0,103,191,0.7); line-height: 40px; padding: 0 120px 0 20px; box-sizing: border-box; color:#fff;}
.imgList .bd li .title a { color: #fff; width: 100%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display: block;}	
.imgList .bd li .title a:hover { text-decoration: underline;}
.imgList .hd { position: absolute; z-index: 3; bottom:15px; right: 5px; }
.imgList .hd li{ float: left; position: relative; width:8px; height:8px; border-radius:4px; background:#fff;overflow: hidden; text-align: center; margin-right:5px; cursor: pointer; font-size:0; opacity:.5;}
.imgList .hd li.on,.focusBox .num li:hover{ background:#fff; opacity:1;}


/*tab 切换*/
.slideTxtBox{overflow:hidden; width:600px;}
.slideTxtBox .hd{ height:39px; border-bottom:1px solid #dddddd;font-size:18px; }
.slideTxtBox .hd ul{ overflow:hidden; zoom:1;}
.slideTxtBox .hd ul li{ float:left; margin-right:30px; height:38px; line-height:38px;text-align:center; font-weight:bold;}
.slideTxtBox .hd ul li a{ display:block;}
.slideTxtBox .hd ul li.on{border-bottom:2px solid #198fe8;}
.slideTxtBox .hd ul li.on a{ color:#198fe8;}
.slideTxtBox .bd{ padding-top:30px;}
.slideTxtBox .bd ul{}
.slideTxtBox .bd li{ margin-bottom:19px; padding-left:25px;height:25px; line-height:25px;font-size:16px; background:url(../images/dd.png) left no-repeat;}
.slideTxtBox .bd li a{ display:block; margin-right:90px;}
.slideTxtBox .bd li .date{ float:right; color:#999;  font-size:14px; }
.slideTxtBox .bd li a:hover{ color:#198fe8;}


.About .description{width: 720px;text-align: center;margin:40px auto 20px;font-size: 15px;color: #848484;line-height: 24px;overflow: hidden;}
.About_bg{margin-top:15px;background:#198fe8 url(../images/About_bg.jpg) repeat-x;}
.About_img{ width:628px; height:180px; padding:20px; border:1px solid #99ddfe; margin:auto;box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
.About_img img{width:628px; height:180px;}
.About_bg ul{ width:632px; height:150px; padding-top:50px; margin:auto;}
.About_bg ul li{ float:left; width:210px;color:#99ddfe; text-align:center;}
.About_bg ul li span{color:#fff; font-size:48px;font-family: "impact", Arial;}





.cd-nav-trigger { display:none; position: absolute;top:18px;right:12px; width: 30px; height: 24px; background: rgba(255,255,255,1); border: solid 1px #ddd;border-radius: 3px;text-indent: 100%; white-space: nowrap;z-index: 9999;cursor: pointer;}
.cd-nav-trigger span {  position: absolute; display: block;width: 14px; height: 2px; background: #4c8be0;top: 50%; margin-top: -1px; left: 50%;margin-left: -7px;-webkit-transition: background 0.5s;-moz-transition: background 0.5s; transition: background 0.5s;}
.cd-nav-trigger span::before, .cd-nav-trigger span::after { content: '';position: absolute;left: 0;background: inherit;width: 100%;height: 100%;-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);-webkit-backface-visibility: hidden; backface-visibility: hidden;-webkit-transition: -webkit-transform 0.3s, background 0s;-moz-transition: -moz-transform 0.3s, background 0s;transition: transform 0.3s, background 0s;}
.cd-nav-trigger span::before {top: -6px;-webkit-transform: rotate(0);-moz-transform: rotate(0);-ms-transform: rotate(0);-o-transform: rotate(0);transform: rotate(0);}
.cd-nav-trigger span::after {bottom: -6px;-webkit-transform: rotate(0);-moz-transform: rotate(0);-ms-transform: rotate(0); -o-transform: rotate(0);transform: rotate(0);}
.cd-nav-trigger.menu-is-open { box-shadow: none;}
.cd-nav-trigger.menu-is-open span {background: #fff;}
.cd-nav-trigger.menu-is-open span::before, .cd-nav-trigger.menu-is-open span::after { background: #4c8be0;}
.cd-nav-trigger.menu-is-open span::before {top: 0;-webkit-transform: rotate(135deg); -moz-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);}
.cd-nav-trigger.menu-is-open span::after {bottom: 0;-webkit-transform: rotate(225deg);-moz-transform: rotate(225deg);-ms-transform: rotate(225deg);-o-transform: rotate(225deg);transform: rotate(225deg);}
.selfmark{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000;opacity: .6;filter:alpha(opacity=60);z-index: 80;}

@media screen and (max-width:750px) {
body {min-width:100%;}
.wid1080,#header #nav ul.wid,.liyou,#header .content {width:100%;}
.m-topHeight{ height:60px;}
.cd-nav-trigger{ display:block}
#header{position: fixed;top:0; left:0; right:0; z-index:99;}
#header .top{ padding:10px;}
#header .logo,#header .logo img{ height:40px;}
.banner,.tel{ display:none}
#menu_show_mobile{display: block;}
#nav {height: auto;position: absolute;top: 60px;z-index: 999;width: 100%; height:auto;display: none;}
#nav::before {content: ''; position: absolute;border: 10px solid transparent;top: -20px;right: 16px;border-bottom-color: #198fe8;}
#nav ul li.navitem{ width:33.3%; box-sizing:border-box; font-size:17px;}
#nav ul li.navitem a{ border-right:none}
#nav ul li.navitem ul.subnav{ display:none}
.cont5{ padding:20px 0;}
.cont6{ padding:0; background:#fff;}
.slideTxtBox{float:none; width:100%; padding:20px 12px;box-sizing:border-box;}
.imgList{float:none; padding:0; width:100%;}

.cont5_left{float:none; width:100%; height:auto; padding:0 12px;box-sizing:border-box;}
.js_img{ display:none}
.js_txt{ padding-right:0; font-size:16px;}
.cont5_tit{ padding-top:20px;}


.project li{ float:left;width:100%; height:318px;position:relative; background:#fff;transition: all 0.3s ease-out 0s;}
.project li .project_img{width:100%; height:260px; overflow:hidden;}
.project li .project_img img { width:100%; height:260px; display: block;}

.tit{ padding:40px 0 20px;}
.cont3{ padding-bottom:40px;}
.liyou{ padding-top:30px;}
.liyou li{ margin:0; padding:0px; height:auto; width:33.3%;box-sizing:border-box; background:none;}
.liyou li i{ width:60px; height:60px; background-size:180px}
.liyou li i.liyouIcon1{ background-position:0 0;}
.liyou li i.liyouIcon2{ background-position:-60px 0;}
.liyou li i.liyouIcon3{ background-position:-120px 0;}
.liyou li:hover i{ background-position-y:-60px}

.bot{ padding:12px}
.bot .fl{ float:none;}
.bot_tit{ width:auto; padding-bottom:20px;}
.bot_left{ padding-right:0; height:auto}
.bot_copy{ margin-top:20px; text-align:left;}
.bot_nva{ overflow:hidden; padding-bottom:20px;}
.bot_nva a{ float:left; width:25%; padding:0;}
.piao{ display:none}

/*内页*/
img{ max-width:100%;}
#header.mini .content {display:block;}
.dqwz{ display:none}
.category{/* position:fixed; left:0; right:0; top:51px; z-index:99;*/ background:#f6f6f6; display:flex;}
.category a{flex:1; padding:0; border-radius:5px; font-size:15px;}
.breadcrumb{ padding:12px;}
.header2{ padding:0px 12px 20px;}
.danye{ padding:30px 12px;}
.sxp{ padding:20px 12px;}
.xinwen{ width:100%; box-sizing:border-box; height:auto;}
.xinwen li{ height:auto;padding:20px 12px; border-bottom:none;}
.xinwen li:nth-child(2n){ background:#f9f9f9;}
.newsimg{ float:none;width:100%;height:60%; overflow:hidden;}
.newsimg img{width:100%;}
.newsbody{ float:none; width:100%;}
.newsbody .title{ font-size:19px;}
.newsbody .description { width:100%;padding-top:5px; font-size:15px;}
.newsbody p.date { padding-bottom:0px; border-bottom:none; padding-top:10px;}
.link_list { width:100%; box-sizing:border-box; padding:12px; height:auto;}
.shipin_list{width:auto; height:auto; padding:0 7px;}
.shipin_list li{ float:left;width:50%;height:auto;box-sizing:border-box; padding:20px 5px 0; margin:0;}
.phototxt{ padding-top:30px;}

.project_list{ list-style:none;width:auto; height:auto; padding:0 7px;}
.project_list li{float:left;width:50%;height:auto;box-sizing:border-box; padding:20px 5px 0; margin:0;}
.project_list li .project_img{width:100%;height:0; padding-bottom:70%; overflow:hidden;}
.project_list li .project_img img { width:auto; height:auto; display: block;}
.shipin_list li .project_info,.project_list li .project_info{ padding:15px 0;}

}