@charset "utf-8";

/* site style */
body { background:#fff; font-size:1em; font-family:Microsoft YaHei,微软雅黑,Helvetica Neue,Verdana,simsun,sans-serif,Tahoma,Arial,Helvetica; margin:0; padding:0; color:#000; line-height:200%; }
body a { transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all;	-o-transition:0.5s all;	-ms-transition:0.5s all; }
ul, ol { list-style-position:outside; }
li { list-style-type:none; }
img { border:0; }
div { overflow:hidden; }
input , select { vertical-align:middle; }
p , dl ,dt, dd { margin:0; padding: 0;}
img { border: none; max-width:100%; }
em { font-weight: bold; font-style: normal }
h1 , h2 , h3 , h4 , h5 , h6 , ul , ol, li, dl, dt, dd, p, form { padding:0;margin:0; }
a { color:#000; text-decoration: none }
a:hover { color:#0066cc; text-decoration:none }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary { display: block; }
audio,
canvas,
progress,
video { display: inline-block; vertical-align: baseline; }

.zoom-img {
  -webkit-transform: scale(1, 1);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 250ms;
  -moz-transform: scale(1, 1);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 250ms;
}
.zoom-img:hover {
  -webkit-transform: scale(1.1);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 750ms;
  -moz-transform: scale(1.1);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 750ms;
  overflow: hidden;
}

@media (min-width: 801px) {
.topac { clear:both; height:3em; line-height:3em; background:#eef5ff; color:#3a66c9; text-align:center; }
.topac a { color:#3a66c9; }
}
@media (max-width: 800px){	
.topac { clear:both; height:3em; line-height:3em; background:#eef5ff; color:#3a66c9; text-align:center; font-size:90%; }
.topac a { color:#3a66c9; }
}

/* 主菜单 s */
@media (min-width:1100px) {
.header { width:100%; margin:0 auto; background:#fff; overflow: visible; min-height:100px; }
.header div { width:100%; padding:0.6em 0; max-width:1200px; margin:0 auto; overflow:visible; }
.header div h1 { display:none; }
.header div h2 { float:left; line-height:0; display:block; }
.header div h2 img { max-width:180px; max-height:80px; line-height:0; }
.header nav { float:right; width:80%;  z-index:999; overflow:visible;  }
.header nav ul { overflow:visible; }
.animenu__nav { margin:0; padding:0; z-index:999; overflow:visible; }
.animenu__nav li { float:left; position:relative; }
.animenu a {  text-decoration: none;  }
.animenu li, .animenu a { }
.animenu__toggle {  display: none; }
.animenu a { color:#fff;  text-decoration: none; z-index:999; }
.animenu__nav { float:right; margin-top:1em; padding:0.6em 1em; border:1px #000 solid; border-radius:2em; overflow:visible; }
.animenu__nav > li { position:relative; }
.animenu__nav > li i { display:none; }
.animenu__nav > li > a { display:block; font-size:95%; font-weight:bold; color:#000; height:2.2em; line-height:2.2em; padding:0 1em;  }
.animenu__nav > li:hover > ul { opacity: 1;  visibility: visible;  margin:0; padding:0;  -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; }
.animenu__nav > li:hover > a { color:#000; text-decoration:none; }
.animenu__nav > li:hover > a:hover {  color:#000; }
.animenu__nav__child { background:#000; min-width:100%; position:absolute; top:2em; left:0; z-index:1; opacity:0; display:block; visibility:hidden; border-radius:1em; }
.animenu__nav__child > li { float:none; padding:0 1em; overflow:visible; text-align:center; margin:0; display:block; line-height:180%; }
.animenu__nav__child > li:first-child { padding-top:0.6em; }
.animenu__nav__child > li:last-child { padding-bottom:0.6em; }
.animenu__nav__child a { color:#fff; text-align:center; padding:0; font-size:90%; font-weight:normal; white-space: nowrap; text-overflow: ellipsis; }
.animenu__nav__child a:hover { text-decoration:underline; }
.animenu__nav #muis { background:#000; color:#fff; border-radius:2em; }
.animenu__nav #muis:hover { text-decoration:none; }
}

@media (min-width: 830px) and (max-width:1099px) {
.header { width:100%; overflow: visible; }
.header div { width:100%; padding:0.6em 0; max-width:1200px; margin:0 auto; overflow:visible; }
.header div h1 { display:none; }
.header div h2 { width:100%; line-height:0; display:block; }
.header div h2 a {  }
.header div h2 img { max-width:180px; max-height:80px; line-height:0; margin:0 auto; display:block; }
.header nav { width:100%;  z-index:999; overflow:visible; }
.header nav ul { width:100%; overflow:visible; margin:0 auto; padding:0; }
.animenu__nav { width:100%; display:block; margin:0 auto; padding:0; z-index:999; overflow:visible; }
.animenu__nav li { display:block; position:relative; text-align:center; }
.animenu a { text-decoration: none;  }
.animenu li, .animenu a {  display: inline-block; }
.animenu__toggle {  display: none; }
.animenu a { text-decoration: none; z-index:999; }
.animenu__nav { width:100%; padding:0; display:block; overflow:visible;  }
.animenu__nav > li { float:left; width:14.28%; display:block;  position:relative; text-align:center; margin:0; padding:0.6em 0; background:#000; }
.animenu__nav > li i { display:none; }
.animenu__nav > li > a { display:block; font-size:95%; font-weight:bold; color:#fff; text-align:center; }
.animenu__nav > li:hover > ul { opacity: 1;  visibility: visible;  margin:0; padding:0; }
.animenu__nav > li:hover > a { color: #fff; text-decoration:none; text-align:center; }
.animenu__nav > li:hover > a:hover { color: #fff; text-decoration:underline; }
.animenu__nav__child { min-width:100%; position:absolute; top:2.2em; left:0; z-index:1; opacity:0; visibility:hidden; display:block; text-align:center; background:#000; }
.animenu__nav__child > li { min-width:100%; padding:0; margin:0; overflow:visible; display: block; line-height:200%; }
.animenu__nav__child > li:first-child { padding-top:0.6em; }
.animenu__nav__child > li:last-child { padding-bottom:0.6em; }
.animenu__nav__child a { color:#fff; font-size:90%; font-weight:normal; white-space: nowrap; text-overflow: ellipsis; }
.animenu__nav__child a:hover { text-decoration:underline;  }
.animenu__nav #muis { color:#fff; }
.animenu__nav #muis:hover { }
}

@media (max-width: 829px) {
.animenu { display: block; overflow:visible; }
.animenu ul {  padding: 0; list-style: none; }
*, *:after, *:before { box-sizing: border-box; }
.animenu__nav--open { display: block !important; }
.header { background:#fff; background-size:100%; width:100%; z-index:999;   }
.header div { overflow: visible; margin: 0; min-height: 60px; position:relative; }
.header div h1 { display:none; }
.header div h2 { float:none; margin:10px auto 0 auto; display:block; }
.header div h2 img { max-width:180px; max-height:65px; padding-left:10px; }
.header p { float:none; width:100%; font-size:120%; text-align:center; display:block; }
.header p i { padding-right:6px; }
.header .toptel { background:#000; overflow:hidden; color:#fff; line-height:36px; }
.header .toptel a { color:#fff; }
.header .topfav { display:none; }
.header nav { width:60%; z-index:999; text-align:right; padding:0 0 0 0; position:absolute; top:12px; right:10px; }
.header nav ul { z-index:999; }
.animenu__nav { }
.animenu li, .animenu a { display:inline-block; font-size:15px; text-align:center; }
.animenu__toggle { display:none; cursor:pointer; background-color:#000; border:0; padding:10px; height:40px; width:40px; outline:none; margin:0; position:relative; }
.animenu__toggle:hover { background-color: #000;}
.animenu__toggle__bar { display:block; width:20px; height:2px; background-color: #fff; -webkit-transition:0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); -o-transition:0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); transition:0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); }
.animenu__toggle__bar + .animenu__toggle__bar { margin-top: 4px; }
.animenu__toggle--active .animenu__toggle__bar { margin: 0; position: absolute;}
.animenu__toggle--active .animenu__toggle__bar:nth-child(1) {  -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg); }
.animenu__toggle--active .animenu__toggle__bar:nth-child(2) {  opacity: 0;}
.animenu__toggle--active .animenu__toggle__bar:nth-child(3) {  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg); }
.animenu a { text-decoration: none; color:#fff; }
.animenu__nav { background-color: #000; margin-top: 0; }
.animenu__nav > li { position: relative; }
.animenu__nav > li > a {  padding:10px 30px; text-transform: uppercase; }
.animenu__nav > li:hover > ul { opacity:1; visibility:visible; margin:0;}
.animenu__nav > li:hover > a { color:#fff; }
.animenu__nav__child { min-width:100%; position:absolute; top:100%; left:0; z-index:1; opacity:0; visibility:hidden; margin:0; background-color:#000; transition: margin .15s, opacity .15s; }
.animenu__nav__child > li { width:100%; border-bottom:1px #363636 solid;  }
.animenu__nav__child > li:first-child > a:after { content: ''; position:absolute; height:0; width:0; left:1em; top:-16px; border:6px solid transparent; border-top:0; border-bottom-color: inherit; }
.animenu__nav__child > li:last-child { border:0;}
.animenu__nav__child a { padding:6px 10px; width:100%; border-color:#000; }
.animenu__nav__child a:hover { background-color:#000; color: #fff; }
.animenu__toggle { display:inline-block; }
.animenu__nav { display:none; }
.animenu__nav__child { display:none; }
.animenu__nav { margin:0; padding:0  }
.animenu__nav > li { width:100%; border-right:0; border-bottom:1px solid #363636; }
.animenu__nav > li:last-child { border: 0; }
.animenu__nav > li:first-child > a:after { }
.animenu__nav > li > a { width:100%; padding:10px; border-color:#000; position: relative; }
.animenu__nav > li i { margin-left:8px; }
.animenu__nav a:hover { background-color:#000; color:#fff; }
.animenu__nav__child { position:static; background-color:#212121; margin:0; transition:none; visibility:visible; opacity:1; }
.animenu__nav__child > li:first-child > a:after { content:none; }
.animenu__nav__child a { background:#212121; padding-left:20px; width:100%; padding:10px 0; border-bottom:1px #363636 solid; }
.navmini i {  -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); webkit-transform:rotate(180deg); }
}
/* 主菜单 e */

.gradient-text {
  /* 创建一个线性渐变 从红色到蓝色 */
  background:#fff url(itxtbg.jpg); background-size:cover;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

/* 顶部图文字s */
@media (min-width: 1300px) {
.flexslider { width:100%; max-width:3840px; clear:both; background:url(sectionbg.jpg) center; background-size:100% 100%; }
.flexslider ul li { width:100%; }
.flexslider ul li dl { width:80%; max-width:1200px; margin:5em auto 5em auto; display:block; overflow:hidden; background:rgba(0,0,0,0.6); border-radius:1em; }
.flexslider ul li dl dd { float:left; width:60%; display:block; text-align:center; padding:5em 0; }
.flexslider ul li dl dd h2 { font-size:220%; line-height:160%; padding:0 1em 0.5em 1em; }
.flexslider ul li dl dd span { font-size:150%; color:#fff; display:block; line-height:180%; padding:0 1em; }
.flexslider ul li dl dd a { display:inline-block; color:#fff; font-size:90%; border:1px #fff solid; padding:0.2em 1.6em; margin-top:2em; border-radius:2em; }
.flexslider ul li dl dd a i { padding-left:5px; }
.flexslider ul li dl dd a:hover { padding:0.2em 2.6em; }
.flexslider ul li dl dt { float:right; width:40%; }
.flexslider ul li dl dt img { width:100%; }
}
@media (min-width: 1001px) and (max-width: 1299px) {
.flexslider { width:100%; clear:both; background:url(sectionbg.jpg) center; background-size:100% 100%; }
.flexslider ul li { width:100%; }
.flexslider ul li dl { width:80%; max-width:1200px; margin:5em auto 5em auto; display:block; overflow:hidden; background:rgba(0,0,0,0.6); border-radius:1em; }
.flexslider ul li dl dd { float:left; width:60%; display:block; text-align:center; padding:5em 0 2em 0; }
.flexslider ul li dl dd h2 { font-size:180%; line-height:160%; padding:0 1em 0.5em 1em; }
.flexslider ul li dl dd span { font-size:120%; color:#fff; display:block; line-height:180%; padding:0 1em; }
.flexslider ul li dl dd a { display:inline-block; color:#fff; font-size:90%; border:1px #fff solid; padding:0.2em 1.6em; margin-top:2em; border-radius:2em; }
.flexslider ul li dl dda i { padding-left:5px; }
.flexslider ul li dl dd a:hover { padding:0.2em 2.6em; }
.flexslider ul li dl dt { float:right; width:40%; }
.flexslider ul li dl dt img { width:100%; }
}
@media (min-width: 901px) and (max-width: 1000px) {
.flexslider { width:100%; clear:both; background:url(sectionbg.jpg) center; background-size:100% 100%; }
.flexslider ul li { width:100%; }
.flexslider ul li dl { width:80%; max-width:1200px; margin:4em auto 4em auto; display:block; overflow:hidden; background:rgba(0,0,0,0.6); border-radius:1em; }
.flexslider ul li dl dd { float:left; width:60%; display:block; text-align:center; padding:4em 0 2em 0; }
.flexslider ul li dl dd h2 { font-size:130%; line-height:160%; padding:0 1em 0.5em 1em; }
.flexslider ul li dl dd span { font-size:100%; color:#fff; display:block; line-height:180%; padding:0 1em; }
.flexslider ul li dl dd a { display:inline-block; color:#fff; font-size:90%; border:1px #fff solid; padding:0.2em 1.6em; margin-top:2em; border-radius:2em; }
.flexslider ul li dl dda i { padding-left:5px; }
.flexslider ul li dl dd a:hover { padding:0.2em 2.6em; }
.flexslider ul li dl dt { float:right; width:40%; }
.flexslider ul li dl dt img { width:100%; }
}
@media (max-width: 900px){	
.flexslider { width:100%; clear:both; background:url(sectionbg.jpg) center; background-size:auto 100%; }
.flexslider ul { background:rgba(0,0,0,0.5); }
.flexslider ul li { width:100%;  }
.flexslider ul li dl { width:100%; margin:1em auto 3em auto; display:block; overflow:hidden; }
.flexslider ul li dl dd { float:none; width:96%; margin:1em auto 1em auto; padding:0; display:block; text-align:center; }
.flexslider ul li dl dd h2 { font-size:130%; color:#fff; line-height:150%; padding-bottom:0.5em; }
.flexslider ul li dl dd span { font-size:90%; color:#fff; line-height:150%; display:block; }
.flexslider ul li dl dd a { display:inline-block; color:#fff; font-size:90%; border:1px #fff solid; padding:0.2em 2em; margin-top:1em; border-radius:2em; }
.flexslider ul li dl dd a i { padding-left:5px; }
.flexslider ul li dl dd a:hover { padding:0.2em 3em; }
.flexslider ul li dl dt { float:none; width:90%; margin:1em auto 0 auto;  padding:0; line-height:0; display:block; }
.flexslider ul li section p img { width:100%; margin:0 auto; display:block; line-height:0; }
}
/* 顶部图文字e */

/* 首页中部盒子e */
@media (min-width: 1200px){	
.indexsbox { width:100%; background:#000 url(indexsboxbg.jpg) center; background-size:100% 100%; }
.indexsbox div { width:96%; max-width:1200px; margin:0 auto; }
.indexsbox div aside { float:right; width:40%; padding:5em 0 0 0; }
.indexsbox div aside img { width:100%; }
.indexsbox div article { float:left; width:56%; padding:5em 0; color:#fff; }
.indexsbox div article h3 { font-size:220%; line-height:160%; padding:0; background:#fff url(itxtbg.jpg); background-size:cover;  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  background-clip: text;  text-fill-color: transparent; }
.indexsbox div article span { font-size:150%; color:#fff; display:block; line-height:180%; padding:0 0 1em 0; }
.indexsbox div article p { }
.indexsbox div article ul { padding-top:2em; }
.indexsbox div article ul li { padding:1em 0; }
.indexsbox div article ul li h4 { font-weight:bold; font-size:130%; }
.indexsbox .ibussiness { background:url(ibussiness.png) no-repeat; background-size:32px; padding-left:46px; }
.indexsbox .iperson { background:url(iperson.png) no-repeat; background-size:32px; padding-left:46px; }
}
@media (min-width: 1000px) and (max-width: 1199px){	
.indexsbox { width:100%; background:#000 url(indexsboxbg.jpg) center; background-size:100% 100%; }
.indexsbox div { width:96%; max-width:1200px; margin:0 auto; }
.indexsbox div aside { float:right; width:36%; padding:3em 0 3em 0; }
.indexsbox div aside img { width:100%; }
.indexsbox div article { float:left; width:62%; padding:3em 0; color:#fff; }
.indexsbox div article h3 { font-size:180%; line-height:160%; padding:0; background:#fff url(itxtbg.jpg); background-size:cover;  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  background-clip: text;  text-fill-color: transparent; }
.indexsbox div article span { font-size:130%; color:#fff; display:block; line-height:180%; padding:0 0 0.5em 0; }
.indexsbox div article p { font-size:90%; }
.indexsbox div article ul { padding-top:1em; }
.indexsbox div article ul li { padding:0.5em 0; font-size:90% }
.indexsbox div article ul li h4 { font-weight:bold; font-size:130%; }
.indexsbox .ibussiness { background:url(ibussiness.png) no-repeat; background-size:30px; padding-left:36px; }
.indexsbox .iperson { background:url(iperson.png) no-repeat; background-size:30px; padding-left:36px; }
}
@media (min-width: 800px) and (max-width: 999px){	
.indexsbox { width:100%; background:#000 url(indexsboxbg.jpg) center; background-size:100% 100%; }
.indexsbox div { width:96%; max-width:1200px; margin:0 auto; }
.indexsbox div aside { float:right; width:36%; padding:6em 0 0 0; }
.indexsbox div aside img { width:100%; }
.indexsbox div article { float:left; width:62%; padding:3em 0; color:#fff; }
.indexsbox div article h3 { font-size:130%; line-height:160%; padding:0; background:#fff url(itxtbg.jpg); background-size:cover;  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  background-clip: text;  text-fill-color: transparent; }
.indexsbox div article span { font-size:110%; color:#fff; display:block; line-height:180%; padding:0 0 0.5em 0; }
.indexsbox div article p { font-size:90%; }
.indexsbox div article ul { padding-top:1em; }
.indexsbox div article ul li { padding:0.5em 0; font-size:90% }
.indexsbox div article ul li h4 { font-weight:bold; font-size:120%; }
.indexsbox .ibussiness { background:url(ibussiness.png) no-repeat; background-size:30px; padding-left:36px; }
.indexsbox .iperson { background:url(iperson.png) no-repeat; background-size:30px; padding-left:36px; }
}
@media (max-width: 799px){	
.indexsbox { width:100%; background:#000 url(indexsboxbg.jpg) right; background-size:auto; }
.indexsbox div { width:96%; max-width:1200px; margin:0 auto; padding:2em 0; }
.indexsbox div aside { width:100%; padding:1em 0 0 0; }
.indexsbox div aside img { width:100%; }
.indexsbox div article { width:100%; padding:1em 0; color:#fff; }
.indexsbox div article h3 { font-size:150%; line-height:160%; padding:0; background:#fff url(itxtbg.jpg); background-size:cover;  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  background-clip: text;  text-fill-color: transparent; text-align:center; }
.indexsbox div article span { font-size:110%; color:#fff; display:block; line-height:180%; padding:0 0 0.5em 0; text-align:center; }
.indexsbox div article p { font-size:90%; }
.indexsbox div article ul { padding-top:1em; }
.indexsbox div article ul li { padding:0.5em 0; font-size:90% }
.indexsbox div article ul li h4 { font-weight:bold; font-size:120%; }
.indexsbox .ibussiness { background:url(ibussiness.png) no-repeat; background-size:30px; padding-left:36px; }
.indexsbox .iperson { background:url(iperson.png) no-repeat; background-size:30px; padding-left:36px; }
}
/* 首页中部盒子e */

/* 首页中部copilot s */
@media (min-width: 1200px){	
.indexcopilot { width:100%; background:#000 url(indexcopilotbg.jpg) top center; background-size:100% 100%; }
.indexcopilot div { width:96%; max-width:1200px; margin:0 auto; padding:3em 0 3em 0; color:#fff; }
.indexcopilot div h3 { font-size:220%; line-height:160%; padding:0; background:#fff url(itxtbg.jpg) center; background-size:cover; -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; text-fill-color:transparent; text-align:center; }
.indexcopilot div p { padding:1em 0; font-size:110%; text-justify:inter-ideograph; text-align:center;  }
.indexcopilot ul { display:block; widows:100%; padding-top:1em; }
.indexcopilot ul li { width:48%; display:block; background:rgba(0,0,0,0.6); border-radius:1em; }
.indexcopilot ul li article { padding:2em 2em 0 2em; min-height:276px; }
.indexcopilot ul li article h4 { font-weight:bold; font-size:130%; padding:0 0 0 0; line-height:46px; }
.indexcopilot ul li article .icontrol { height:46px; padding-left:52px; display:inline-block; background:url(control.png) left center no-repeat; background-size:46px; }
.indexcopilot ul li article .conve { height:46px; padding-left:52px; display:inline-block; background:url(conve.png) left center no-repeat; background-size:46px; }
.indexcopilot ul li article p { font-size:100%;  text-align:justify; text-justify:inter-ideograph; padding:0.5em 0 }
.indexcopilot ul .copilotleft p a { color:#fb7185; }
.indexcopilot ul .copilotright p a { color:#a5f3fc; }
.indexcopilot ul li span { text-align:center; display:block; padding:1em 0 2.5em 0; }
.indexcopilot ul li span a { display:inline-block; color:#fff; font-size:90%; border:1px #fff solid; padding:0.2em 1.6em; border-radius:2em; }
.indexcopilot ul li span a i { padding-left:5px; }
.indexcopilot ul li span a:hover { padding:0.2em 2.6em; }
.copilotleft { float:left; }
.copilotright { float:right; }
}
@media (min-width: 800px) and (max-width: 1199px) {
.indexcopilot { width:100%; background:#000 url(indexcopilotbg.jpg) top center; background-size:100% 100% ; }
.indexcopilot div { width:96%; max-width:1200px; margin:0 auto; padding:3em 0 3em 0; color:#fff; }
.indexcopilot div h3 { font-size:180%; line-height:160%; padding:0; background:#fff url(itxtbg.jpg); background-size:cover;  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  background-clip: text;  text-fill-color: transparent; text-align:center; }
.indexcopilot div p { padding:1em 0; font-size:100%; text-align:center; text-justify:inter-ideograph; }
.indexcopilot ul { display:block; widows:100%; padding-top:1em; }
.indexcopilot ul li { width:48%; display:block; background:rgba(0,0,0,0.6); border-radius:1em; }
.indexcopilot ul li article { padding:2em 2em 0 2em; min-height:270px; }
.indexcopilot ul li article h4 { font-weight:bold; font-size:130%; padding:0 0 0 0; line-height:46px; }
.indexcopilot ul li article .icontrol { height:46px; padding-left:52px; display:inline-block; background:url(control.png) left center no-repeat; background-size:46px; }
.indexcopilot ul li article .conve { height:46px; padding-left:52px; display:inline-block; background:url(conve.png) left center no-repeat; background-size:46px; }
.indexcopilot ul li article p { font-size:90%;  text-align:justify; text-justify:inter-ideograph; padding:0.5em 0 }
.indexcopilot ul .copilotleft p a { color:#fb7185; }
.indexcopilot ul .copilotright p a { color:#a5f3fc; }
.indexcopilot ul li span { text-align:center; display:block; padding:1em 0 2.5em 0; }
.indexcopilot ul li span a { display:inline-block; color:#fff; font-size:90%; border:1px #fff solid; padding:0.2em 1.6em; border-radius:2em; }
.indexcopilot ul li span a i { padding-left:5px; }
.indexcopilot ul li span a:hover { padding:0.2em 2.6em; }
.copilotleft { float:left; }
.copilotright { float:right; }
}
@media (max-width: 799px){	
.indexcopilot { width:100%; background:#000 url(indexcopilotbg.jpg) center; background-size:auto 100% ; }
.indexcopilot div { width:96%; max-width:1200px; margin:0 auto; padding:3em 0 3em 0; color:#fff; }
.indexcopilot div h3 { font-size:150%; line-height:160%; padding:0; background:#fff url(itxtbg.jpg); background-size:cover;  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  background-clip: text;  text-fill-color: transparent; text-align:center; }
.indexcopilot div p { padding:1em 0 0 0; font-size:100%; text-align:center; text-justify:inter-ideograph; }
.indexcopilot ul { display:block; widows:100%; }
.indexcopilot ul li { width:96%; display:block; background:rgba(0,0,0,0.6); border-radius:1em; margin:1em auto 0 auto; }
.indexcopilot ul li article { padding:2em 2em 0 2em;  }
.indexcopilot ul li article h4 { font-weight:bold; font-size:120%; padding:0; line-height:40px; }
.indexcopilot ul li article .icontrol { height:40px; padding-left:52px; display:inline-block; background:url(control.png) left center no-repeat; background-size:40px; }
.indexcopilot ul li article .conve { height:40px; padding-left:52px; display:inline-block; background:url(conve.png) left center no-repeat; background-size:40px; }
.indexcopilot ul li article p { font-size:90%;  text-align:justify; text-justify:inter-ideograph; padding:0.5em 0 }
.indexcopilot ul .copilotleft p a { color:#fb7185; }
.indexcopilot ul .copilotright p a { color:#a5f3fc; }
.indexcopilot ul li span { text-align:center; display:block; padding:1em 0 2em 0;  }
.indexcopilot ul li span a { display:inline-block; color:#fff; font-size:90%; border:1px #fff solid; padding:0.2em 1.6em; border-radius:2em; }
.indexcopilot ul li span a i { padding-left:5px; }
.indexcopilot ul li span a:hover { padding:0.2em 2.6em; }
}
/* 首页中部copilot e */

@media (min-width: 601px) {
.mores { clear:both; width:100%; margin:0 auto; padding:1em 0 0 0; text-align: center; overflow:hidden }
.mores a {  display:inline-block; color:#fff; font-size:90%; border:1px #fff solid; padding:0.2em 1.6em; border-radius:2em; }
.mores a i { padding-left:5px; }
.mores a:hover { padding:0.2em 2.6em;  }
}
@media (max-width: 600px){	
.mores { clear:both; width:100%; margin:0 auto; padding:1em 0 0 0; text-align: center; overflow:hidden }
.mores a {  display:inline-block; color:#fff; font-size:90%; border:1px #fff solid; padding:0.2em 1.6em; border-radius:2em; }
.mores a i { padding-left:5px; }
.mores a:hover { padding:0.2em 2.6em;  }
}

@media (min-width: 601px) {
.moresfff { clear:both; width:100%; margin:0 auto; padding:1em 0 0 0; text-align: center; overflow:hidden }
.moresfff a {  display:inline-block; background:#fff; color:#000; font-size:100%; font-weight:bold; padding:0.2em 1.6em; border-radius:2em; }
.moresfff a i { padding-left:5px; }
.moresfff a:hover { padding:0.2em 2.6em;  }
}
@media (max-width: 600px){	
.moresfff { clear:both; width:100%; margin:0 auto; padding:1em 0 0 0; text-align: center; overflow:hidden }
.moresfff a {  display:inline-block; background:#fff; color:#000; font-size:90%; font-weight:bold; padding:0.2em 1.6em; border-radius:2em; }
.moresfff a i { padding-left:5px; }
.moresfff a:hover { padding:0.2em 2.6em;  }
}

/* 首页新闻 s */
@media (min-width: 1000px) {
.indexnews { width:100%; background:#000 url(indexnewbg.jpg) top center; background-size:100% auto; }
.indexnews div { width:96%; max-width:1230px; margin:0 auto; padding:4em 0; display:block; overflow:hidden; color:#fff; }
.indexnews div a { color:#fff; }
.indexnews div h2 { text-align:center; font-size:220%; line-height:160%; padding:0; background:#fff url(itxtbg.jpg); background-size:cover; -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  background-clip: text;  text-fill-color: transparent; }
.indexnews div aside { padding:1em 0; font-size:110%; text-align:center; }
.indexnews div ul { width:100%; display:block; }
.indexnews div ul li { float:left; width:33.333%;}
.indexnews div ul li dl { margin:1em; background:rgba(0,0,0,0.6); border-radius:1em; }
.indexnews div ul li dl dt { overflow:hidden; border-radius:1em; }
.indexnews div ul li dl dt img { border-radius:1em; }
.indexnews div ul li dl dd { padding:0.5em 1em 1em 1em; overflow:hidden; font-weight:bold; text-align:center; }
}
@media (min-width: 700px) and (max-width: 999px) {
.indexnews { width:100%; background:#000 url(indexnewbg.jpg) top center; background-size:100% auto; }
.indexnews div { width:96%; max-width:1230px; margin:0 auto; padding:4em 0; display:block; overflow:hidden; color:#fff; }
.indexnews div a { color:#fff; }
.indexnews div h2 { text-align:center; font-size:180%; line-height:160%; padding:0; background:#fff url(itxtbg.jpg); background-size:cover; -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  background-clip: text;  text-fill-color: transparent; }
.indexnews div aside { padding:1em 0; font-size:100%; text-align:center; }
.indexnews div ul { width:100%; display:block; }
.indexnews div ul li { float:left; width:33.333%;}
.indexnews div ul li dl { margin:1em; background:rgba(0,0,0,0.6); border-radius:1em; }
.indexnews div ul li dl dt { overflow:hidden; border-radius:1em; }
.indexnews div ul li dl dt img { border-radius:1em; }
.indexnews div ul li dl dd { padding:0.5em 1em 1em 1em; overflow:hidden; font-size:90%; text-align:center; }
}
@media (max-width: 699px){	
.indexnews { width:100%; background:#000 url(indexnewbg.jpg) top center; background-size:100% auto; }
.indexnews div { width:96%; max-width:1230px; margin:0 auto; padding:4em 0 1em 0; display:block; overflow:hidden; color:#fff; }
.indexnews div a { color:#fff; }
.indexnews div h2 { text-align:center; font-size:150%; line-height:160%; padding:0; background:#fff url(itxtbg.jpg); background-size:cover; -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  background-clip: text;  text-fill-color: transparent; }
.indexnews div aside { padding:1em 0; font-size:100%; text-align:center; }
.indexnews div ul { width:100%; display:block; }
.indexnews div ul li { width:100%;}
.indexnews div ul li dl { margin:1em; background:rgba(0,0,0,0.6); border-radius:1em; }
.indexnews div ul li dl dt { overflow:hidden; border-radius:1em; }
.indexnews div ul li dl dt img { border-radius:1em; }
.indexnews div ul li dl dd { padding:0.5em 1em 1em 1em; overflow:hidden; font-size:90%; text-align:center; }
}
/* 首页新闻 e */

/* 通用底部联系s */
@media (min-width: 801px) {
.contactallpage { clear:both; width:100%; background:#000; }
.contactallpage div { width:96%; margin:0 auto; padding:4em 0 0 0; }
.contactallpage h3 { text-align:center; font-size:220%; line-height:200%; padding:0; background:#fff url(itxtbg.jpg); background-size:cover; -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  background-clip: text;  text-fill-color: transparent; }
}
@media (max-width: 800px){	
.contactallpage { clear:both;  width:100%; background:#000; overflow:hidden; }
.contactallpage div { width:96%; margin:0 auto; padding:3em 0 0 0; overflow:hidden; }
.contactallpage h3 { text-align:center; font-size:180%; line-height:180%; padding:0; background:#fff url(itxtbg.jpg); background-size:cover; -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  background-clip: text;  text-fill-color: transparent; }
}
/* 通用底部联系e */

/* footer s */
@media (min-width: 1180px) {
#footer {  width:100%; background:#000; padding:3em 0; overflow:hidden; }
#footer div { width:96%; max-width:1200px; margin:0 auto; }
#footer dl { float:left; width:130px; color:#fff; text-align:center; font-size:80%; }
#footer dl dt { line-height:0; }
#footer dl dt img { max-width:100px; }
#footer article { float:left; color:#fff; text-align:left; font-size:90%; }
#footer article a { font-size:150%; color:#fff; }
#footer article a:hover { text-decoration:underline; }
#footer article p i { width:1em; text-align:center; }

#footer nav { float:right; text-align:right; color:#fff; font-size:90%; }
#footer nav h3 { display:block; font-weight:bold; font-size:100%; }
#footer nav ul { float:right; }
#footer nav ul li { float:right; margin-left:1.6em; }
#footer nav ul li a { font-weight:bold; color:#fff; }
#footer nav ul li a:hover { text-decoration:underline; }
#footer nav ul li ol li { float: none; margin-left:0; }
#footer nav ul li ol li a { font-weight:normal; }

#footer section { width:96%; max-width:1200px; margin:2em auto 0 auto; padding-top:2em; display:block; border-top:1px #252525 solid; text-align:center; color:#666; font-size:90%; }
#footer section a { color:#666; }
#footer section a:hover { text-decoration:underline; }
}

@media (min-width: 850px) and (max-width: 1179px){	
#footer {  width:100%; background:#000; padding:3em 0; overflow:hidden; }
#footer div { width:96%; margin:0 auto; }

#footer div aside { display:block; width:530px; margin:0 auto; overflow:hidden; }

#footer dl { float:left; width:130px; color:#fff; text-align:center; font-size:80%; }
#footer dl dt { line-height:0; }
#footer dl dt img { max-width:100px; }
#footer article { float:left; color:#fff; text-align:left; font-size:90%; }
#footer article a { font-size:150%; color:#fff; }
#footer article a:hover { text-decoration:underline; }
#footer article p i { width:1em; text-align:center; }

#footer nav { clear:both; display:block; color:#fff; font-size:90%; text-align:center; padding-top:2em; }
#footer nav h3 { display:block; font-weight: normal; font-size:120%; padding-bottom:0.5em; }
#footer nav ul { display: inline-block; width:auto; margin:0 auto; }
#footer nav ul li { float:left; margin-left:1.6em; }
#footer nav ul li a { font-weight:bold; color:#fff; padding:0 1em; }
#footer nav ul li a:hover { text-decoration:underline; }
#footer nav ul li ol li { float: none; margin-left:0; text-align:center; }
#footer nav ul li ol li a { font-weight:normal; }

#footer section { width:96%; max-width:1200px; margin:2em auto 0 auto; padding-top:2em; display:block; border-top:1px #252525 solid; text-align:center; color:#666; font-size:90%; }
#footer section a { color:#666; }
#footer section a:hover { text-decoration:underline; }
}

@media (max-width: 849px){	
#footer { clear:both; width:100%; background:#000; padding:2em 0 3em 0; overflow:hidden; }
#footer div { clear:both; width:96%; margin:0 auto; }

#footer div aside { display:block; margin:0 auto; overflow:hidden; text-align:center; }

#footer dl { float:none; color:#fff; text-align:center; font-size:80%; }
#footer dl dt { line-height:0; }
#footer dl dt img { max-width:100px; }
#footer article { float:none; color:#fff; text-align:center; font-size:90%; }
#footer article a { font-size:150%; color:#fff; }
#footer article a:hover { text-decoration:underline; }
#footer article p i { width:1em; text-align:center; }

#footer nav { display:none; }

#footer section { width:96%; max-width:1200px; margin:2em auto 0 auto; padding-top:2em; display:block; border-top:1px #252525 solid; text-align:center; color:#666; font-size:85%; }
#footer section a { color:#666; }
#footer section a:hover { text-decoration:underline; }
}
/* footer e */

/* 通用顶部banner图s */
@media (min-width: 801px) {
.pagetop { clear:both; width:100%; margin:0 auto; z-index:1; display:block; overflow: hidden; background:#000; }
.pagetop div { width:96%; max-width:1100px; margin:0 auto; padding:3em 0; text-align:center; }
.pagetop div h3 { font-size:230%; line-height:120%; color:#fff; padding-bottom:0.3em; background:#fff url(itxtbg.jpg) center; background-size:cover; -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; text-fill-color:transparent; text-align:center; }
.pagetop div p { font-size:130%; color:#fff; }
}
@media (max-width: 800px){	
.pagetop { clear:both; width:100%; margin:0 auto; z-index:1; display:block; overflow: hidden; background:#000; }
.pagetop div { width:92%; margin:0 auto; padding:1em 0; text-align:center; }
.pagetop div h3 { font-size:120%; line-height:120%; color:#fff; background:#fff url(itxtbg.jpg) center; background-size:cover; -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; text-fill-color:transparent; text-align:center; }
.pagetop div p { font-size:100%; color:#fff; }
}
/* 通用顶部banner图e */


/* page s */
@media (min-width: 801px) {
.pagination { clear:both; text-align:center; padding:0.5em 0 0 0; line-height:2.6em; }
.pagination a { background:#000; color:#fff; padding:0 1em; text-align:center; text-decoration:none ;  margin:0 0.3em 0.5em 0.3em; display:inline-block; border-radius:10px; }
.pagination em { background:#f2f2f2; color:#000; padding:0.5em 1em; text-align:center; text-decoration:none; border-radius:10px; }
.pagination a:hover { background:#0066cc; color:#fff; text-decoration:none; }
.pagination span { background:#f2f2f2; color:#333; padding:0 1em; margin:0 0.3em; display:inline-block; border-radius:10px; }
.pagination  .current { background:#e5e5e5; color:#000; display:inline-block; border-radius:10px; font-weight:bold; }
}
@media (max-width: 800px){	
.pagination { clear:both; text-align:center; padding:0.5em 0 0 0; line-height:2.6em; font-size:90%; }
.pagination a { background:#000; color:#fff; padding:0 1em; text-align:center; text-decoration:none ;  margin:0 0.3em 0.5em 0.3em; display:inline-block; border-radius:10px; }
.pagination em { background:#f2f2f2; color:#000; padding:0.5em 1em; text-align:center; text-decoration:none; border-radius:10px; }
.pagination a:hover { background:#0066cc; color:#fff; text-decoration:none; }
.pagination span { background:#f2f2f2; color:#333; padding:0 1em; margin:0 0.3em; display:inline-block; border-radius:10px; }
.pagination  .current { background:#e5e5e5; color:#000; display:inline-block; border-radius:10px; font-weight:bold; }
}
/* page e */

/* 通用页中部 s */
@media (min-width: 801px) {
.pagemain { width:96%; max-width:1200px; margin:0 auto; padding:0 0 3em 0; }
}
@media (max-width: 800px){	
.pagemain { width:96%; max-width:1200px; margin:0 auto; padding:0 0 1.8em 0; }
}
/* 通用页中部 e */

/* 面包销s */
@media (min-width: 801px) {
.classnav { background:#fff; width:100%; max-width:1200px; padding:6px 0; overflow:hidden; margin:1em 0; font-size:90%; }
.classnav p { float:left; display:block; margin:0 auto; color:#999; text-align:right;  }
.classnav a { color:#999; }
}
@media (max-width: 800px){	
.classnav { width:100%; background:#f8f8f8; overflow:hidden; padding:3px 0; font-size:90%; margin:1em 0; border-radius:0.5em; }
.classnav p { display:block; width:96%; max-width:1200px; margin:0 auto; color:#999; text-align:left; padding-left:0.5em;  }
.classnav a { color:#999; }
}
/* 面包销e */

@media (min-width: 961px) {
.newslist { width:100%; }
.newslist dl { width:100%; display:block; margin:0 auto 2em auto; background:#f2f2f2; border-radius:0.6em; overflow:hidden; }
.newslist dl:hover { background:#eef5ff; }
.newslist dl dt { float:left; width:30%; height:100%; display:block; overflow:hidden; }
.newslist dl dt img { width:100%; height:100%; display:block; line-height:0; border-radius:0.6em 0 0 0.6em; }
.newslist dl dd { float:left; width:70%;  }
.newslist dl dd article { padding:2em; }
.newslist dl dd article span { color:#999; }
.newslist dl dd article h3 { color:#252525; font-size:160%; line-height:180%; padding:0; }
.newslist dl:hover dd article h3 { color:#0066cc; }
.newslist dl dd article p { color:#666; padding-top:0.5em; }
}
@media (min-width: 661px) and (max-width: 960px) {
.newslist { width:100%; }
.newslist dl { width:100%; display:block; margin:0 auto 2em auto; background:#f2f2f2; border-radius:0.6em; overflow:hidden; }
.newslist dl:hover { background:#eef5ff; }
.newslist dl dt { float:left; width:30%; height:100%; display:block; overflow:hidden; }
.newslist dl dt img { width:100%; height:100%; display:block; line-height:0; border-radius:0.6em 0 0 0.6em; }
.newslist dl dd { float:left; width:70%;  }
.newslist dl dd article { padding:2em; }
.newslist dl dd article span { color:#999; }
.newslist dl dd article h3 { color:#252525; font-size:130%; line-height:180%; padding:0; }
.newslist dl:hover dd article h3 { color:#0066cc; }
.newslist dl dd article p { display:none; }
}
@media (max-width: 660px){	
.newslist { clear:both; width:100%; }
.newslist dl { width:100%; display:block; margin:0 auto 2em auto; background:#f2f2f2; border-radius:0.6em; overflow:hidden; }
.newslist dl dt {  display:block; overflow:hidden; }
.newslist dl dt img { width:100%; height:100%; display:block; line-height:0; border-radius:0.6em 0.6em 0 0; }
.newslist dl dd { }
.newslist dl dd article { padding:1em; }
.newslist dl dd article span { color:#999; }
.newslist dl dd article h3 { color:#252525; font-size:120%; line-height:180%; padding:0; }
.newslist dl:hover dd article h3 { color:#0066cc; }
.newslist dl dd article h3 {}
.newslist dl dd article p { display:none; }
}

/* 文章页小导航s */
@media (min-width: 601px){
#titlenav { text-align:center; padding:0; color:#999; padding-bottom:0.5em; } 
#titlenav , #titlenav a { font-size:100%; }
.form_details { margin:0 auto; width:80%; }
}
@media (max-width: 600px){
#titlenav { text-align:center; padding:0; color:#999; padding-bottom:0.5em; } 
#titlenav , #titlenav a { font-size:80%; }
.form_details { margin:0 auto; width:100%; }
}
/* 文章页小导航e */

/* 分享到s */
@media (min-width: 800px) {
.bdsharebuttonbox { float: right;text-align: right; margin: 0 auto; padding: 0 1em 0 0; overflow: hidden; }
.bdsharebuttonbox a { float: none;text-align: center; margin: 0 auto; padding: 0; }
}
@media (max-width: 799px){	
.bdsharebuttonbox { display: none; }
}
/* 分享到e */

/* 文章内容框s */
@media (min-width: 801px) {
.pageshow { clear:both; width:100%; overflow:hidden; }
.pageshow h3 { text-align:center; font-size:160%; line-height:180%; padding:5px 0 10px 0; }
.pageshow article { clear:both; text-align:justify; text-justify:inter-ideograph; }
.pageshow article { font-size:110%; line-height:220%; }
.pageshow article a { color:#0066cc; }
.pageshow article a:hover { text-decoration:underline; }
.pageshow article img {  }
}
@media (max-width: 800px){	
.pageshow { clear:both; width:100%; overflow:hidden; }
.pageshow h3 { text-align:center; font-size:130%; line-height:180%; padding:5px 0 10px 0;}
.pageshow article { clear:both; text-align:justify; text-justify:inter-ideograph; }
.pageshow article , .pageshow article a { font-size:100%; line-height:180%; }
.pageshow article img {  }
}
/* 文章内容框e */

/* 上下篇s */
@media (min-width: 801px) {
#gonetbox { width:100%; max-width:1200px; border-top:1px #f2f2f2 solid; margin:1em auto; padding-top:1em; }
}
@media (max-width: 800px){	
#gonetbox { width:100%; max-width:1200px; border-top:1px #f2f2f2 solid; margin:1em auto; padding-top:1em; }
}
/* 上下篇e */

/* 右侧面包销s */
@media (min-width: 801px) {
.classnavtwo { background:#fff; width:100%; border-bottom:1px #cfcfcf solid; overflow:hidden; margin:1em 0 0 0;line-height:100%; }
.classnavtwo ul { float:left; display:block;  }
.classnavtwo ul li { float:left; display:block; margin-right:1em; }
.classnavtwo ul li a { color:#252525; line-height:200%; display:block; font-size:95%; }
.classnavtwo ul li a:hover { color:#0066cc;  }
.classnavtwo ul li .classnavactive { border-bottom:5px #0066cc solid; }
.classnavtwo p { float:right; display:block; margin:0 auto; color:#999; text-align:right; line-height:200%; font-size:90%; }
.classnavtwo p a { color:#999; }

}
@media (max-width: 800px){	
.classnavtwo { width:100%; overflow:hidden; padding:3px 0; font-size:90%; margin:1em 0 0 0; }
.classnavtwo ul { display:block; width:100%; margin:0 auto 1em auto; overflow:hidden; border-bottom:1px #ebe6e2 solid; }
.classnavtwo ul li { float:left; width:29.333%; margin:0 2%; display: block; text-align:center; }
.classnavtwo ul li a { background:#f2f2f2; color:#0066cc; border-radius:1em; line-height:230%; display: block; margin:0 auto 0.6em auto; font-size:100%; }
.classnavtwo ul li .classnavactive { background:#0066cc; color:#f2f2f2; border-radius:1em; }

.classnavtwo p { display:block; padding:3px 2%; background:#f8f8f8; margin:0 auto; color:#999; text-align:left; padding-left:0.5em; }
.classnavtwo p a { color:#999; }
}
/* 右侧面包销e */

/* 例表页中部 s */
@media (min-width: 801px) {
.pagelimain { width:96%; max-width:1200px; margin:0 auto; padding:0.5em 0 2em 0; }
}
@media (max-width: 800px){	
.pagelimain { width:96%; max-width:1200px; margin:0 auto; padding:0 0 1em 0; }
}
/* 例表页中部 e */

@media (min-width: 801px) {
.inproduct { width:100%; max-width:1230px; margin:0 auto 2em auto; }
}
@media (max-width: 800px){	
.inproduct { width:100%; max-width:1200px; margin:0 auto 1em auto; }
}

/* 产品列表 s */
@media (min-width: 801px) {
.productlist { width:100%; max-width:1230px; margin:0 auto; overflow: visible; }
.productlist a { float:left; width:31.333%; margin:0 1% 2em 1%; display:block; }
.productlist a dl { width:auto; text-align:center; box-shadow: 0px 2px 5px 0px #efefef, 0px 2px 10px 0px #efefef; border-radius:1em; overflow:hidden; }
.productlist a dl dt { line-height:0; overflow:hidden; }
.productlist a dl dt img { width:100%; line-height:0; }
.productlist a dl dd { background:#f2f2f2; overflow:hidden; padding:1em 0 0.8em 0; }
.productlist a dl dd h4 { width:90%; font-size:120%; height:18px; line-height:18px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; display:inline-block; margin:0 auto; }
.productlist a:hover dl dd { color:#0066cc; }
}
@media (min-width: 500px) and (max-width: 800px) {
.productlist { width:100%; max-width:1230px; margin:0 auto; overflow:visible; }
.productlist a { float:left; width:46%; margin:0 2% 1em 2%; display:block; }
.productlist a dl { width:100%; text-align:center; box-shadow: 0px 2px 5px 0px #efefef, 0px 2px 10px 0px #efefef; border-radius:1em; overflow:hidden; }
.productlist a dl dt { line-height:0; overflow:hidden; }
.productlist a dl dt img { width:100%; line-height:0; }
.productlist a dl dd { background:#f2f2f2; overflow:hidden; padding:0.6em 0 0.5em 0; }
.productlist a dl dd h4 { width:90%; font-size:120%; height:16px; line-height:16px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; display:inline-block; margin:0 auto; }
}
@media (max-width: 499px){	
.productlist { width:100%; max-width:1230px; margin:0 auto; overflow:visible; }
.productlist a { width:96%; margin:0 auto 1em auto; display:block; }
.productlist a dl { width:100%; text-align:center; box-shadow: 0px 2px 5px 0px #efefef, 0px 2px 10px 0px #efefef; border-radius:1em; overflow:hidden; }
.productlist a dl dt { line-height:0; overflow:hidden; }
.productlist a dl dt img { width:100%; line-height:0; }
.productlist a dl dd { background:#f2f2f2; padding:0.6em 0 0.5em 0; }
.productlist a dl dd h4 { width:90%; font-size:120%; display:inline-block; margin:0 auto; }
}
@media (min-width: 1100px) {
.productlist a dl dt { width:auto; height:260px; }
.productlist a dl dt img { min-height:260px; }
}
@media (min-width: 900px) and (max-width: 1099px){	
.productlist a dl dt { width:auto; height:220px; }
.productlist a dl dt img { min-height:220px; }
}
@media (min-width: 600px) and (max-width: 899px) {
.productlist a dl dt { width:auto; height:260px; }
.productlist a dl dt img { min-height:260px; }
}
@media (max-width: 599px) {
.productlist a dl dt { width:auto; }
}
/* 产品列表 e */

/* 产品列表带左边分类布局面包销s */
@media (min-width: 961px) {
.proboxnav { background:#fff; width:100%; border-bottom:1px #cfcfcf solid; overflow:hidden; margin:0;line-height:100%; }
.proboxnav h3 { float:left; display:block; font-size:1em; font-weight:normal; }
.proboxnav p { float:right; display:block; margin:0 auto; color:#999; text-align:right; line-height:200%; font-size:90%; }
.proboxnav p a { color:#999; }

}
@media (max-width: 960px){	
.proboxnav { width:100%; overflow:hidden; padding:0; font-size:90%; margin:0.5em 0 0 0; }
.proboxnav h3 { display:none; }
.proboxnav p { display:block; padding:3px 2%; background:#f8f8f8; margin:0 auto; color:#999; text-align:left; padding-left:0.5em; }
.proboxnav p a { color:#999; }
}
/* 产品列表带左边分类布局面包销e */

/* 产品列表带左边分类布局s */
@media (min-width: 961px) {
.pagprolist { float:left; width:18%; border-radius:0.6em; }
.pagprolist h3 { background:#000; color:#fff; text-align:center; font-weight:normal; padding:3px 0; font-size:100%; }
.pagboxright { float:right; width:80%; }
}
@media (max-width: 960px){	
.pagprolist { float:none;  }
.pagprolist h3 { display:none; }
.pagboxright { clear:both; float:none; width:100%; }
}
/* 产品列表带左边分类布局e */

/* 展开菜单 */

@media (min-width: 961px) {
.nav { height:auto; }
.nav li { width:100%; display:block; border-bottom:1px #e2e2e2 dotted; background:#f2f2f2; overflow:hidden; font-size:100%;  }
.navleft { float:left; margin-left:1em; width:70%; overflow:auto; line-height:160%; padding:0.6em 0; }
.nav #pcdisnone { display:none; }
.navright { float:right; width:2em; }
.navright i { font-size:130%;}
.nav li a {  font-size:100%;  }
.nav li i { margin-right:1em; }
.nav li a:hover { color:#0066cc; }
.nav li ul { width:100%; display:none; clear:both; padding-bottom:5px; }
.nav li ul li { padding:0; border-bottom:0; }
.nav li ul li a { display:block; padding-left:1em; padding-right:1em; line-height:160%; font-size:90%; padding-bottom:5px; }
.nav li ul li a:hover { color:#0066cc;  }
.nav li ul li i { margin-right:0; }
.nav-more{ float:right; margin:12px 0 0 0; transition: transform .3s; }
.nav-show .nav-more{transform:rotate(90deg);}
.nav-show a { }
.nav-show li a { border-left:0; }
}
@media (max-width: 960px){	
.nav { clear:both; width:100%; padding-top:6px; }
.nav li { float:left; width:31.333%; padding:0; overflow:hidden; margin:0 1% 0.8em 1%; }
.nav li a { margin:0; display:block; background:#f2f2f2; font-size:90%; color:#0066cc; text-align:center; border-radius:1em; line-height:160%; padding:0.3em 0.8em; overflow:hidden; }
.nav #isactive a { background:#0066cc; color:#fff; }
.nav #pcdisnone a { display:block; }
.nav .mbpromu a { background:#0066cc; color:#fff; }

.nav li .navright { display:none; }
.navright { display:none; }
.navright i { display:none;}
.nav li i { display:none; }
.nav li ul {display:none; }
.nav li ul li { display:none; }
.nav li ul li a { display:none; }
.nav li ul li a:hover { display:none; }
.nav-more{ display:none; }
.nav-show .nav-more{transform:rotate(90deg);}
.nav-show a { display:none; }
.nav-show li a { display:none;}
}

/* 产品列表带左边分类s */
@media (min-width: 961px) {
.productpagemain {  width:96%; max-width:1200px; margin:0 auto; padding:1.5em 0; overflow:hidden; }
.pagboxleft { float:left; width:18%; }
.pagboxleft h3 { background:#2f4d93; color:#fff; text-align:center; font-weight:normal; padding:6px 0; }
.pagboxleft ul {  }
.pagboxleft ul li { display:block; border-bottom:1px #e2e2e2 dashed; background:#fcfdff; padding-left:1em;  }
.pagboxleft ul li:hover { display:block; border-bottom:1px #e2e2e2 dashed; background:#426bca; }
.pagboxleft ul li a { display:block; background:url(cli.png) left center no-repeat; padding-left:12px; line-height:300%; font-size:100%; }
.pagboxleft ul li a:hover { color:#fff; }
}
@media (max-width: 960px){	
.productpagemain {  width:96%; margin:0 auto; padding:1em 0 1em 0; overflow:hidden; }
.pagboxleft { display:none; }
}

@media (min-width: 961px) {
.prolist { width:100%; margin:1.6em auto 0 auto; overflow: visible; }
.prolist a { float:left; width:31.333%; margin:0 1% 2em 1%; display:block; }
.prolist a dl { width:auto; text-align:center; box-shadow: 0px 2px 5px 0px #efefef, 0px 2px 10px 0px #efefef; border-radius:1em; overflow:hidden; }
.prolist a dl dt { line-height:0; overflow:hidden; }
.prolist a dl dt img { width:100%; line-height:0; }
.prolist a dl dd { background:#f2f2f2; overflow:hidden; padding:0.6em 0 0.5em 0; }
.prolist a dl dd h4 { width:90%; font-size:120%; height:18px; line-height:18px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; display:inline-block; margin:0 auto; }
.prolist a:hover dl dd { color:#0066cc; }
}
@media (min-width: 600px) and (max-width:960px){	
.prolist { width:100%; margin:1.6em auto 0 auto; overflow:visible; }
.prolist a { float:left; width:46%; margin:0 2% 1em 2%; display:block; }
.prolist a dl { width:100%; text-align:center; box-shadow: 0px 2px 5px 0px #efefef, 0px 2px 10px 0px #efefef; border-radius:1em; overflow:hidden; }
.prolist a dl dt { line-height:0; overflow:hidden; }
.prolist a dl dt img { width:100%; line-height:0; }
.prolist a dl dd { background:#f2f2f2; overflow:hidden; padding:0.5em 0 0.4em 0; }
.prolist a dl dd h4 { width:90%; font-size:120%; height:16px; line-height:16px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; display:inline-block; margin:0 auto; }
}
@media (max-width: 599px){	
.prolist { width:100%; margin:1.5em auto 0 auto; overflow:visible; }
.prolist a { width:96%; margin:0 auto 1em auto; display:block; }
.prolist a dl { width:100%; text-align:center; box-shadow: 0px 2px 5px 0px #efefef, 0px 2px 10px 0px #efefef; border-radius:1em; overflow:hidden; }
.prolist a dl dt { line-height:0; overflow:hidden; }
.prolist a dl dt img { width:100%; line-height:0; }
.prolist a dl dd { background:#f2f2f2; padding:0.6em 0 0.5em 0; }
.prolist a dl dd h4 { width:90%; font-size:120%; display:inline-block; margin:0 auto; }
}
@media (min-width: 1100px) {
.prolist a dl dt { width:auto; height:210px; }
.prolist a dl dt img { width:auto; min-height:210px; }
}
@media (min-width: 961px) and (max-width: 1099px){	
.prolist a dl dt { width:auto; height:180px; }
.prolist a dl dt img { width:auto; min-height:180px; }
}
@media (min-width: 600px) and (max-width: 960px) {
.prolist a dl dt { width:auto; height:220px; }
.prolist a dl dt img { width:auto; min-height:220px; }
}
@media (max-width: 599px) {
.prolist a dl dt img { width:auto; height:auto; }
}
/* 产品列表带左边分类e */

/* 解决方案列表 s */
@media (min-width: 900px) {
.solutionlist { width:100%; max-width:1226px; margin:0 auto; overflow:visible; }
.solutionlist dl { float:left; width:31.333%; margin:0 1% 2em 1%; display:block; box-shadow: 0px 2px 5px 0px #efefef, 0px 2px 10px 0px #efefef; overflow:hidden; border-radius:1em; }
.solutionlist dl dt { overflow:hidden; }
.solutionlist dl dt img { width:100%; line-height:0; }
.solutionlist dl dd { padding:1em;   overflow:hidden; }
.solutionlist dl dd h4 { font-size:120%; height:22px; line-height:22px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; }
.solutionlist dl dd p { font-size:90%; line-height:22px; height:66px; overflow:hidden; margin:0.6em 0 0.6em 0; }
.solutionlist dl dd p:hover { color:#000; }
.solutionlist dl dd a { text-align:center; border:1px #0066cc solid; color:#0066cc; font-size:90%; padding:5px 1em; border-radius:1em; }
.solutionlist dl dd a:hover { border:1px #0066cc solid; background:#0066cc; color:#fff;}
}
@media (min-width: 601px) and (max-width: 899px) {
.solutionlist { width:100%; margin:0 auto; overflow:visible; }
.solutionlist dl { float:left; width:48%; margin:0 1% 2em 1%; display:block; box-shadow: 0px 2px 5px 0px #efefef, 0px 2px 10px 0px #efefef; overflow:hidden; border-radius:1em; }
.solutionlist dl dt { overflow:hidden; }
.solutionlist dl dt img { width:100%; line-height:0; }
.solutionlist dl dd { padding:1em;   overflow:hidden; }
.solutionlist dl dd h4 {font-size:120%; height:22px; line-height:22px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; }
.solutionlist dl dd p { font-size:90%; line-height:22px; height:66px; overflow:hidden; margin:0.6em 0 0.6em 0; }
.solutionlist dl dd p:hover { color:#000; }
.solutionlist dl dd a { text-align:center; border:1px #0066cc solid; color:#0066cc; font-size:90%; padding:5px 1em; border-radius:1em; }
.solutionlist dl dd a:hover { border:1px #0066cc solid; background:#0066cc; color:#fff;}
}
@media (max-width: 600px){	
.solutionlist { width:96%; margin:0 auto; overflow:visible; }
.solutionlist dl { width:100%; display:block; background:#f2f2f2; box-shadow: 0px 2px 5px 0px #efefef, 0px 2px 10px 0px #efefef; margin:0 0 1em 0; border-radius:1em; overflow:hidden; }
.solutionlist dl dt { overflow:hidden; }
.solutionlist dl dt img { width:100%; line-height:0; }
.solutionlist dl dd { padding:1em;   overflow:hidden; }
.solutionlist dl dd h4 { font-size:120%; height:22px; line-height:22px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; }
.solutionlist dl dd p { font-size:90%; line-height:22px; height:66px; overflow:hidden; margin:0.6em 0 0.6em 0; }
.solutionlist dl dd p:hover { color:#000; }
.solutionlist dl dd a { text-align:center; border:1px #0066cc solid; color:#0066cc; font-size:90%; padding:5px 1em; border-radius:1em; }
.solutionlist dl dd a:hover { border:1px #0066cc solid; background:#0066cc; color:#fff;}
}
/* 解决方案列表自适应图片比例 */
@media (min-width: 1100px) {
.solutionlist dl dt { width:auto; height:260px; }
.solutionlist dl dt img { min-height:260px; }
}
@media (min-width: 900px) and (max-width: 1099px){	
.solutionlist dl dt { width:auto; height:220px; }
.solutionlist dl dt img { min-height:220px; }
}
@media (min-width: 600px) and (max-width: 899px) {
.solutionlist dl dt { width:auto; height:260px; }
.solutionlist dl dt img { min-height:260px; }
}
@media (min-width: 400px) and (max-width: 599px) {
.solutionlist dl dt { width:auto; }
}
@media (max-width: 400px) {
.solutionlist dl dt { width:auto; }
}
/* 解决方案列表 e */

@media (min-width: 801px) {
.incase { width:100%; max-width:1226px; margin:0 auto 2em auto; }
.incase .classnav { margin:1.3em auto; max-width:1200px; padding:0; }
}
@media (max-width: 800px){	
.incase { width:100%; max-width:1200px; margin:0 auto 1em auto; }
.incase .classnav { width:96%; padding:0; margin:1em auto; border-radius:0.5em; }
}

/* 成功案例列表s */
@media (min-width: 870px) {
.caseboxpg { width:100%; margin:0 auto; overflow:visible; }
.caseboxpg a { float:left; width:33.333%; text-align:center; margin-bottom:2em; }
.caseboxpg a dl { width:94%; display:block; margin:0 auto;  border-radius:1em; box-shadow: 0px 2px 5px 0px #efefef, 0px 2px 10px 0px #efefef; overflow:hidden; }
.caseboxpg a dl dt { width:100%; display:block; line-height:0; overflow:hidden; }
.caseboxpg a dl dt img { width:100%; display:block; line-height:0; border-radius:1em 1em 0 0; }
.caseboxpg a dl dd { background:#f2f2f2;padding:2em 2em;border-radius:0 0 1em 1em;  }
.caseboxpg a:hover dl dd { background:#eef5ff;  }
.caseboxpg a dl dd p { font-size:90%; line-height:22px; height:66px; overflow:hidden; color:#666; }
.caseboxpg a:hover dl dd { border-radius:0 0 1em 1em; }
.caseboxpg a dl dd h3 { color:#362d23; padding-bottom:0.6em; font-size:120%; height:22px; line-height:22px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; }
.caseboxpg a:hover dl dd h3 { color:#0066cc; }
.caseboxpg a dl dd span { display: inline-block; margin:1em auto 0 auto; padding:0 1em; font-size:90%; border:1px #000 solid; border-radius:1em; }
.caseboxpg a dl dd span i { padding-left:0.5em; }
.caseboxpg a:hover span { border:1px #0066cc solid; color:#0066cc;  padding:0 2em; transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all;	-o-transition:0.5s all;	-ms-transition:0.5s all; }
}
@media (min-width: 600px) and (max-width: 869px){	
.caseboxpg { width:100%; margin:0 auto; overflow:visible; }
.caseboxpg a { float:left; width:50%; text-align:center; margin-bottom:2em; }
.caseboxpg a dl { width:94%; display:block; margin:0 auto;  border-radius:1em; box-shadow: 0px 2px 5px 0px #efefef, 0px 2px 10px 0px #efefef; overflow:hidden; }
.caseboxpg a dl dt { width:100%; display:block; line-height:0; overflow:hidden; }
.caseboxpg a dl dt img { width:100%; display:block; line-height:0; border-radius:1em 1em 0 0; }
.caseboxpg a dl dd { background:#f2f2f2;padding:2em 2em;border-radius:0 0 1em 1em;  }
.caseboxpg a:hover dl dd { background:#eef5ff;  }
.caseboxpg a dl dd p { font-size:90%; line-height:22px; height:66px; overflow:hidden; color:#666; margin-top:0.6em; }
.caseboxpg a:hover dl dd { border-radius:0 0 1em 1em; }
.caseboxpg a dl dd h3 { color:#362d23; padding-bottom:0.6em; font-size:120%; height:22px; line-height:22px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; }
.caseboxpg a:hover dl dd h3 { color:#0066cc; }
.caseboxpg a dl dd span { display: inline-block; margin:1em auto 0 auto; padding:0 1em; font-size:90%; border:1px #000 solid; border-radius:1em; }
.caseboxpg a dl dd span i { padding-left:0.5em; }
.caseboxpg a:hover span { border:1px #0066cc solid; color:#0066cc;  padding:0 2em; transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all;	-o-transition:0.5s all;	-ms-transition:0.5s all; }
}
@media (max-width:599px){	
.caseboxpg { width:96%; margin:0 auto; overflow:visible; }
.caseboxpg a { width:100%; text-align:center; }
.caseboxpg a dl { width:100%; display:block; margin:0 auto;  border-radius:1em; margin-bottom:1em; box-shadow: 0px 2px 5px 0px #efefef, 0px 2px 10px 0px #efefef; overflow:hidden; }
.caseboxpg a dl dt { width:100%; display:block; line-height:0; overflow:hidden; }
.caseboxpg a dl dt img { width:100%; display:block; line-height:0; border-radius:1em 1em 0 0; }
.caseboxpg a dl dd { background:#f2f2f2;padding:2em 2em;border-radius:0 0 1em 1em;  }
.caseboxpg a:hover dl dd { background:#eef5ff;  }
.caseboxpg a dl dd p { font-size:90%; line-height:22px; height:66px; overflow:hidden; color:#666; margin-top:0.6em; }
.caseboxpg a:hover dl dd { border-radius:0 0 1em 1em; }
.caseboxpg a dl dd h3 { padding-bottom:0.6em; font-size:120%; height:22px; line-height:22px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; }
.caseboxpg a dl dd span { display: inline-block; margin:1em auto 0 auto; padding:0 1em; font-size:90%; color:#0066cc; border:1px #0066cc solid; border-radius:1em; }
.caseboxpg a dl dd span i { padding-left:0.5em; }
}
/* 解决方案列表自适应图片比例 */
@media (min-width: 1100px) {
.caseboxpg a dl dt { width:auto; height:260px; }
.caseboxpg a dl dt img { min-height:260px; }
}
@media (min-width: 900px) and (max-width: 1099px){	
.caseboxpg a dl dt { width:auto; height:220px; }
.caseboxpg a dl dt img { min-height:220px; }
}
@media (min-width: 600px) and (max-width: 899px) {
.caseboxpg a dl dt { width:auto; height:260px; }
.caseboxpg a dl dt img { min-height:260px; }
}
@media (max-width: 599px) {
.caseboxpg a dl dt { width:auto; }
}
/* 成功案例列表e */

/* 下载列表s */
@media (min-width: 601px) {
.donwlist { margin:1em 0 0 0; }
.donwlist dl { width:100%; border-bottom:1px #f2f2f2 solid; padding:0 0 1em 0; margin:0 0 1em 0; overflow:hidden; }
.donwlist dl dt h3 { font-size:130%; }
.donwlist dl article { font-size:90%; color:#666; padding-bottom:8px; }
.donwlist dl dd a { text-align:center; border:1px #0066cc solid; color:#0066cc; font-size:90%; padding:5px 1.5em; border-radius:1em; }
.donwlist dl dd a:hover { border:1px #0066cc solid; background:#0066cc; color:#fff;}
}
@media (max-width: 600px){	
.donwlist { margin:1em 0 0 0; }
.donwlist dl { width:100%; border-bottom:1px #f2f2f2 solid; padding:0 0 1em 0; margin:0 0 1em 0; overflow:hidden; }
.donwlist dl dt h3 { font-size:130%; }
.donwlist dl dd { text-align:center;}
.donwlist dl dd article { text-align:left; font-size:90%; color:#666; padding-bottom:8px; }
.donwlist dl dd a { text-align:center; border:1px #0066cc solid; color:#0066cc; font-size:90%; padding:5px 1.5em; border-radius:1em; }
.donwlist dl dd a:hover { border:1px #0066cc solid; background:#0066cc; color:#fff;}
}
/* 下载列表e */

/* 招聘s */
@media (min-width: 801px) {
.zbtable { width:96%; max-width:1200px; margin:0 auto; padding:0 0 1em 0; }
.zbtable table { width:100%; font-size:100%; }
.zbtable table thead td { border-bottom:1px #e5e5e5 solid; font-weight:bold; }
.zbtable table td { border-bottom:1px #e5e5e5 dashed; height:3em; line-height:3em; overflow:hidden; }
.zbtable table thead td { background:#eef5ff; }
.zbtable table .more { color:#818181; }
.zbtable table .more:hover { color:#f60; }
.zbtable .tbsmtit { min-width:100px; }
.zbtable .tbsmtitpc { min-width:100px; }
.zbtable .more a { color:#0066cc; }
.zbtable .more a:hover { color:#fb7176; }
}
@media (max-width: 800px){	
.zbtable { width:96%; max-width:1200px; margin:0 auto; padding:0 0 1em 0; }
.zbtable table { width:100%; font-size:90%; }
.zbtable table thead td { border-bottom:1px #e5e5e5 solid; font-weight:bold; }
.zbtable table td { border-bottom:1px #e5e5e5 dashed; height:3em; line-height:3em; overflow:hidden; }
.zbtable table thead td { background:#eef5ff; }
.zbtable table .more { color:#818181; }
.zbtable table .more:hover { color:#f60; }
.zbtable .tbsmtit { min-width:100px; }
.zbtable .tbsmtitpc { min-width:100px; }
.zbtable .more a { color:#0066cc; }
.zbtable .tbsmnone { display:none;}
}

@media (min-width: 801px) {
.zbpageshow { clear:both; width:100%; overflow:hidden; }
.zbpageshow h3 { text-align:center; font-size:160%; line-height:180%; padding:5px 0 10px 0; }
.zbpageshow article { clear:both; text-align:justify; text-justify:inter-ideograph; }
.zbpageshow article { font-size:100%; line-height:220%; }
.zbpageshow article a { color:#0066cc; }
.zbpageshow article a:hover { text-decoration:underline; }
.zbpageshow aside { text-align:center; display:block; margin:0.5em 0; }
.zbpageshow aside a { text-align:center; border:1px #0066cc solid; color:#0066cc; line-height:100%; padding:6px 1em; border-radius:1em; }
.zbpageshow aside a:hover { padding:6px 2em; }
}
@media (max-width: 800px){	
.zbpageshow { clear:both; width:96%; margin:0 auto; overflow:hidden; }
.zbpageshow h3 { text-align:center; font-size:130%; line-height:180%; padding:5px 0 10px 0;}
.zbpageshow article { font-size:90%; clear:both; text-align:justify; text-justify:inter-ideograph; }
.zbpageshow article , .pageshow article a { line-height:180%; }
.zbpageshow aside { text-align:center; display:block; margin:0.5em 0; }
.zbpageshow aside a { text-align:center; border:1px #0066cc solid; color:#0066cc; font-size:90%; padding:5px 1em; border-radius:1em; }
.zbpageshow aside a:hover { border:1px #0066cc solid; background:#0066cc; color:#fff;}
}
/* 招聘e */

@media (min-width: 800px) {
.gbook { width:96%; max-width:1200px; margin:0 auto; padding-bottom:1em; }
.gbook label { width:100%; display:block; margin:1em 0; }
.gbook .myinput { width:96%; background:#fff; border:1px #dedede solid; font-size:100%; padding:0.5em; outline:none; }
.gbook textarea { font-size:120%; }
.gbook .txtContent { height:10em; font-size:120%; padding:1em; }
.gbook .myinput:hover { background:#fff; border:1px #1668cc solid;}
.gbook span { display:block; text-align:center; }
.gbook .btn { width:auto; background:#fff; border:1px #2059b0 solid; color:#2059b0; font-size:100%; border-radius:1em; padding:0.3em 2em; display:inline-block; cursor:pointer; }
.gbook .btn:hover { width:auto; background:#2059b0; border:1px #2059b0 solid; color:#fff; padding:0.3em 2em; }
}
@media (max-width: 799px){	
.gbook { width:96%; margin:0 auto; }
.gbook label { width:100%; display:block; margin:1em 0; }
.gbook .myinput { width:98%; background:#fff; border:1px #dedede solid; font-size:100%; padding:0.5em;  outline:none; }
.gbook .txtContent { height:8em; font-size:100%; padding:1em; }
.gbook .myinput:hover { background:#fff; border:1px #1668cc solid;}
.gbook span { display:block; text-align:center; }
.gbook .btn { width:120px; background:#2059b0; border:1px #2059b0 solid; color:#fff; font-size:100%; border-radius:1em; padding:0.3em 2em; text-align:center; margin:0 auto; display:block; }
}

/* 左右响应内容框s */
@media (min-width: 801px) {
.towboxshow { clear:both; width:100%; overflow:hidden; }
.towboxshow .towboxleft { float:left; width:48%; }
.towboxshow .towboxright { float:right; width:48%; }
.towboxshow .towboxright h2 { padding-bottom:0.8em;}
.towboxshow .towboxright i { width:1em; text-align:center; }
}
@media (max-width: 800px){	
.towboxshow { clear:both; width:96%; margin:0 auto; overflow:hidden; font-size:90%; }
.towboxshow .towboxleft { float: none; }
.towboxshow .towboxright { float:none;}
.towboxshow .towboxright h2 { font-size:120%; }
.towboxshow .towboxright i { width:1em; text-align:center; }
}
/* 左右响应内容框e */


/*附件样式*/
.downlistweb { width:100%; }
.downlistweb h2 { padding:0.6em 0; font-size:120%;}
.downlistweb li { color:#333; }
.downlistweb span a { text-align:center; border:1px #0066cc solid; color:#0066cc; font-size:90%; padding:5px 1.5em; border-radius:1em; }
.downlistweb span a:hover { border:1px #0066cc solid; background:#0066cc; color:#fff;}


/* 留言页 e */
@media (min-width: 601px) {
.gbooksub { width:100%; max-width:800px; margin:0 auto; }
.gbooksub label { width:100%; display:block; margin:1em auto; }
.gbooksub label p { display:block; }
.gbooksub .inputnone { border:0; outline:none; font-size:100%; font-family:Microsoft YaHei,微软雅黑,Helvetica Neue,Verdana,simsun,sans-serif,Tahoma,Arial,Helvetica; line-height:100%; padding:0; margin:0; }
.gbooksub .inputtxt { width:90%; background:#fff; border:1px #dedede solid; font-size:100%; padding:0.6em; outline:none; border-radius:5px; }
.gbooksub .inputtxt:hover { border:1px #0766cc solid;}
.gbooksub .txtContent { width:90%; background:#fff; height:11em; font-size:100%; padding:0.6em; margin:0;  border:1px #dedede solid; outline:none; border-radius:5px; font-family:Microsoft YaHei,微软雅黑,Helvetica Neue,Verdana,simsun,sans-serif,Tahoma,Arial,Helvetica; }
.gbooksub .txtContent:hover { border:1px #0766cc solid;}
.gbooksub .subweb { width:auto; background:#2059b0; border:1px #2059b0 solid; color:#fff; font-size:100%; border-radius:1em; padding:0.3em 2em; display:inline-block; cursor:pointer; }
.gbooksub .subweb:hover { width:auto; background:#fff; border:1px #2059b0 solid; color:#2059b0; padding:0.3em 2em; }

}
@media (max-width: 600px){	
.gbooksub { width:100%; max-width:800px; margin:0 auto; font-size:90%; }
.gbooksub label { width:100%; display:block; margin:1em auto; }
.gbooksub label p { display:block; }
.gbooksub .inputnone { border:0; outline:none; font-size:100%; font-family:Microsoft YaHei,微软雅黑,Helvetica Neue,Verdana,simsun,sans-serif,Tahoma,Arial,Helvetica; line-height:100%; padding:0; margin:0; }
.gbooksub .inputtxt { width:90%; background:#fff; border:1px #dedede solid; font-size:100%; padding:0.6em; outline:none; border-radius:5px; }
.gbooksub .inputtxt:hover { border:1px #0766cc solid;}
.gbooksub .txtContent { width:90%; background:#fff; height:11em; font-size:100%; padding:0.6em;  border:1px #dedede solid; outline:none; border-radius:5px; font-family:Microsoft YaHei,微软雅黑,Helvetica Neue,Verdana,simsun,sans-serif,Tahoma,Arial,Helvetica; }
.gbooksub .txtContent:hover { border:1px #0766cc solid;}
.gbooksub .subweb { width:auto; background:#2059b0; border:1px #2059b0 solid; color:#fff; font-size:100%; border-radius:1em; padding:0.3em 2em; display:inline-block; cursor:pointer; }
}


/* 客服代码 s */
@media (min-width: 1201px) {
.izl-rmenu { margin-right: 0; width:50px; position: fixed; right: 2px; bottom:160px; z-index:99; overflow:visible; }
.izl-rmenu span { display:block; }
.izl-rmenu .consult { cursor: pointer; background:rgba(0,0,0,0.5) url(r_qq.png) center no-repeat; display: block; height: 50px; width: 50px; z-index:999; overflow: visible; position:relative; }
.izl-rmenu .consult:hover { background:rgba(0,0,0,0.8) url(r_qq.png) center no-repeat; }

.izl-rmenu .izlwx { cursor: pointer; background:rgba(0,0,0,0.5) url(r_wx.png) center no-repeat; display: block; height: 50px; width: 50px; z-index:999; overflow: visible; position:relative; }
.izl-rmenu .izlwx:hover { background:rgba(0,0,0,0.8) url(r_wx.png) center no-repeat; }
.izl-rmenu .izlwx .pic {	display:none; position: absolute; right:50px; top:0; width:150px;height:150px;background:url(wechat.png); background-size:150px; z-index:999; overflow: visible; }
.izl-rmenu .izlwx:hover .pic{ display:block;overflow: visible; }

.izl-rmenu .izlphone { cursor: pointer; background:rgba(0,0,0,0.5) url(r_qq.png) center no-repeat; display: block; height: 50px; width: 50px; z-index:999; overflow: visible; position:relative; }
.izl-rmenu .izlphone:hover { background:rgba(0,0,0,0.8) url(r_qq.png) center no-repeat; }
.izl-rmenu .izlphone .phone {	display:none; position: absolute; right:50px; top:0; width:130px;height:50px; line-height:50px; background:rgba(0,0,0,0.8); z-index:999; overflow: visible; text-align:center; color:#fff; font-size:110%; }
.izl-rmenu .izlphone:hover .phone{ display:block;overflow: visible; }

.izl-rmenu .izlqq { cursor: pointer; background:rgba(0,0,0,0.5) url(r_qq.png) center no-repeat; display: block; height: 50px; width: 50px; z-index:999; overflow: visible; position:relative; }
.izl-rmenu .izlqq:hover { background:rgba(0,0,0,0.8) url(r_qq.png) center no-repeat; }
.izl-rmenu .izlqq .iqq {	display:none; position: absolute; right:50px; top:0; width:130px;height:50px; line-height:50px; background:rgba(0,0,0,0.8); z-index:999; overflow: visible; text-align:center; color:#fff; font-size:110%; }
.izl-rmenu .izlqq:hover .iqq{ display:block;overflow: visible; }

.izl-rmenu .btn_top { cursor: pointer; background:rgba(0,0,0,0.5) url(r_top.png) center no-repeat; display: block; height: 50px; width: 50px; z-index:999; overflow: visible; position:relative; -webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out;    -o-transition: all 0s ease-in-out;transition: all 0s ease-in-out;}
.izl-rmenu .btn_top:hover { background:rgba(0,0,0,0.8) url(r_top.png) center no-repeat; }
}
@media (max-width: 1200px){	
.izl-rmenu { margin-right: 0; width: 50px; position: fixed; right: 2px;bottom:5em; z-index:99; overflow:visible; 	filter:alpha(opacity=80);	-moz-opacity:0.8;	-khtml-opacity: 0.8;	opacity: 0.8; }
.izl-rmenu li { padding-bottom:1px; }
.izl-rmenu span { display:block; }
.izl-rmenu .izlphone { display:none; }
.izl-rmenu .consult { display:none; }
.izl-rmenu .cart { display:none; }
.izl-rmenu .izlqq { display:none; }
.izl-rmenu .btn_top { cursor: pointer; background:#5d5d5d url(r_top.png) center no-repeat; background-size:100%; display: block; height: 46px; width: 46px; z-index:999; border-radius:50%; overflow: visible; position:relative; -webkit-transition: all 0s ease-in-out;    -moz-transition: all 0s ease-in-out;    -o-transition: all 0s ease-in-out;    transition: all 0s ease-in-out;}
}
/* 客服代码 e */