@charset "utf-8";
@font-face {
    font-family: 'f820';
    src: url('f820-roman-italic-webfont.eot');
    src: url('f820-roman-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('f820-roman-italic-webfont.woff2') format('woff2'),
         url('f820-roman-italic-webfont.woff') format('woff'),
         url('f820-roman-italic-webfont.ttf') format('truetype'),
         url('f820-roman-italic-webfont.svg#f820-romanitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'oswaldregular';
    src: url('oswald-regular-unhinted-webfont.eot');
    src: url('oswald-regular-unhinted-webfont.eot?#iefix') format('embedded-opentype'),
         url('oswald-regular-unhinted-webfont.woff2') format('woff2'),
         url('oswald-regular-unhinted-webfont.woff') format('woff'),
         url('oswald-regular-unhinted-webfont.ttf') format('truetype'),
         url('oswald-regular-unhinted-webfont.svg#oswaldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansregular';
    src: url('opensans-regular-webfont.eot');
    src: url('opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-regular-webfont.woff2') format('woff2'),
         url('opensans-regular-webfont.woff') format('woff'),
         url('opensans-regular-webfont.ttf') format('truetype'),
         url('opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
  font-family: "HeroicCondensed-Bold";
  src: url("HeroicCondensed-Bold.woff2") format("woff2"),
       url("HeroicCondensed-Bold.woff") format("woff"),
       url("HeroicCondensed-Bold.ttf") format("truetype"),
       url("HeroicCondensed-Bold.eot") format("embedded-opentype"),
       url("HeroicCondensed-Bold.svg") format("svg");
}

@font-face {
  font-family: "HeroicCondensed-Light";
  src: url("HeroicCondensed-Light.woff2") format("woff2"),
       url("HeroicCondensed-Light.woff") format("woff"),
       url("HeroicCondensed-Light.ttf") format("truetype"),
       url("HeroicCondensed-Light.eot") format("embedded-opentype"),
       url("HeroicCondensed-Light.svg") format("svg");
}
*{padding:0; margin:0;}
html,body{ color:#434343; font-family: Cambria,'HeroicCondensed-Bold','open_sansregular', Arial, sans-serif, FontAwesome, 'Glyphicons Halflings' !important; font-weight:normal; font-style:normal;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color:#ffffff; width:100%;}
div{padding:0; margin:0 auto; font-weight:normal; font-style:normal;}
img{border:none;}
a{ /*font-size:12px;*/}
a:hover{text-decoration:none;}
.clear{ clear:both; font-size:0;}
.hiddenx{ display:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
.px72{font-size:72px;}
.px64{font-size:64px;}
.px48{font-size:48px;}
.px32{font-size:32px;}
.px24{font-size:24px;}
.px18{font-size:18px;}
.px16{font-size:16px;}
.px15{font-size:15px;}
.px14{font-size:14px;}
.px13{font-size:13px;}
.px12{font-size:12px;}
.px10{font-size:10px; -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -o-transform:scale(1); }
.px8{font-size:8px; -webkit-transform:scale(0.7); -moz-transform:scale(0.7); -o-transform:scale(1); }
.o{width:50%; padding:10px; padding-left:50px; margin:10px; border:1px solid #ccc;text-align:left;}
ul li{ list-style:disc inside; }
/*主要色系*/
.gray_s_b{background-color:#f5f5f5;}/*浅灰底色*/
.gray_d_b{background-color:#262626;}/*深灰底色*/
.page_color_b{background-color:#0b0e12;}/*深黑色*/
.t_color{color:#757575;}/*文字色深灰*/
.t_y_color{color: #cd590e}/*文字橙黄搭配色*/
.btn_color_b{background-color:#009ce0;}/* 蓝色主色和按钮色*/
.t_btn_color_b{color:#006699;}
/*标题效果横线+两竖线隔离文字*/

/*首页部分*/
.headdiv{ margin-bottom:0px; background-color: #f1f1f1;}
.topnav{ /*background-color:#262626 !important;*/background-color:#fff !important; width:100%; height:100px; padding-top:20px;}
.navbar{border:none; border-radius: 0px;}
.logo{width:100%;}
.slogan{ padding-left: 15px; border-left: 1px solid #999; font-size: 13px; color: #ccc; color: #333333; line-height: 130%; margin-top: 4px; margin-left: 15px;}
.navbar-brand { padding: 0px 20px 0px 0px; height: 50px;}
.phonediv{ margin-top:10px;}
.phonediv i{color:#009230; color:#3ebe2b; font-size:36px;}
.phonediv span{padding-left:10px; color:#fff;color:#333; display:inline-block; font-size:16px; font-weight:bold; font-family:'Microsoft YaHei'; line-height:100%;}
.phonediv span small{font-size:12px;}
.md_language{ margin-top:15px; margin-left:30px;}
.md_language a.up_a{ display:inline-block; width:60px; height:30px; font-size:12px; font-family:'Microsoft YaHei'; color:#fff; text-align:center; line-height:28px; vertical-align:middle; border-radius:6px 0px 0px 6px;}
.md_language a.down_a{ display:inline-block; width:60px; height:30px; background-color:transparent; border:1px solid #009ce0; font-size:12px; font-family:'Microsoft YaHei'; color:#fff;color:#009ce0; text-align:center; line-height:28px;vertical-align:middle; border-radius:0px 6px 6px 0px;}
.downnav{background-color: #fff;background-color: #009ce0;}
.navdiv{padding-left:0px; padding-right:0px; position:relative; z-index:9;}
.navmenu{ display:block; width:100%; text-align:center; margin:0px auto; border-bottom:1px solid transparent; position:relative;}
.navmenu li{float:left; list-style:none;}
.navmenu li a{ display:inline-block; padding:15px 30px; font-size:14px; color:#434343;color:#FFFFFF; background-color:transparent;}
.navmenu li a:hover, .navmenu li a.on{ background-color:#003956; color:#fead50; text-decoration:none; font-weight: bold;}
.navbar_submenu{ display:none; position:absolute;}
.navbar_submenu li{float:none !important;}
.navbar_submenu li a{display:block; padding:10px 60px; font-size:14px; color:#444; background-color:rgba(255,255,255,.90); margin-bottom:1px; font-size:12px; box-shadow:0px 1px 3px #333;}
.navbar_submenu li a:hover{background-color:#ff7319; color:#fff; text-decoration:none;}

/*banner*/
.rslides {  position: relative;  list-style: none;  overflow: hidden;  width: 100%;  padding: 0;  margin: 0;  }
.rslides li {  -webkit-backface-visibility: hidden;  position: absolute;  display: none;  width: 100%;  left: 0;  top: 0;  list-style: none;}
.rslides li:first-child {  position: relative;  display: block;  float: left;  }
.rslides img { display: block;  height: auto;  float: left;  width: 100%;  border: 0;  } 
.wrap { position: relative; width: 100%; margin: 0 auto;}
.centered-btns_nav { position: absolute; top: 50%; z-index: 2; width: 38px; height: 61px; margin-top: -40px; line-height: 200px; background-image:url(../images/arrow.gif); overflow: hidden; opacity: .4;}
.next { right: 0; background-position: right 0;}
.centered-btns_nav:active { opacity: 1;}
.centered-btns_tabs { /*text-align: center; font-size: 0; list-style-type: none; position: absolute; top:97%; left:47%; z-index:99;*/}
.centered-btns_tabs{margin:-10px auto 0 auto; /*text-align:center;*/ list-style-type:none; font-size:0px; position:relative; left:50%; z-index:99; display:none;}
.centered-btns_tabs li { display: inline-block; margin: 0 3px; *display: inline; *zoom: 1;}
.centered-btns_tabs a { display: inline-block; width: 60px; height: 3px; line-height: 20px; background-color: rgba(255, 255, 255, .3); background-color: #f00\9; overflow: hidden; *display: inline; *zoom: 1;}
.centered-btns_tabs .centered-btns_here a { background-color: rgba(255, 255, 255, .8); background-color: #fff\9;}
.hproducts{ padding:40px 0px;}

.innerbanner{width:100%; height: 200px; background-color: #555;}
.aboutbgpic{background: url(../images/about.jpg) center top no-repeat;}
.newsbgpic{background: url(../images/news.jpg) center top no-repeat;}
.productbgpic{background: url(../images/product.jpg) center top no-repeat;}
.casebgpic{background: url(../images/case.jpg) center top no-repeat;}
.contactbgpic{background: url(../images/contact.jpg) center top no-repeat;}
.videobgpic{background: url(../images/video.jpg) center top no-repeat;}
.hrbgpic{background: url(../images/hr.jpg) center top no-repeat;}
.solutionbgpic{background: url(../images/solution.jpg) center top no-repeat;}
.caller{max-width: 90%; text-align: center; }
.caller img{display: block; border-radius: 12px; margin: 0 auto; max-width: 100%;}

/*推荐产品*/
.roll{width: 100%; height: 220px; overflow: hidden; position: relative;}
.roll ul{ width: 100%; height: 220px; position:relative;}
.roll ul li{ float: left; margin: 15px; margin-right: 6px; list-style: none; background-color: #fff; border:5px solid #e0e0e0;  transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
.roll ul li:hover{box-shadow: 0px 0px 10px #999; transform: scale(1.08); border:none;}
.roll ul li img{display: inline-block; height:150px; width: auto; border:5px solid #fff; }
.roll ul li p{ background-color: #fff; width: 100%; color:#000; font-size: 14px; text-align: center; height: 30px;}
.roll ul li a:hover img{}

#contentpro{}
#contentpro h3 small{font-size: 12px; }
#contentpro .page-header{border-bottom:none;}
.guangban{margin: 30px auto; background-color:#009ce0; background:url(../images/g2.png) repeat #0b4a75; padding: 0;}
.ipclass{font-size: 14px; border-left:5px solid #cc0000;}
.ipclass a{padding:1px 10px; font-size: 13px; font-weight: bold; color:#009ce0; border-right:1px solid #ccc; white-space:nowrap;}
.ipclass a:hover{color:#cc0000;}
/*.ipclass a:first-child{padding:1px 10px 1px 0px;}*/
.ipclass a:last-child{border-right:none;}
.zhuti{background: url(../images/d1.jpg) top center no-repeat #0b4a75; padding: 50px 0; text-align: center; color:#fff; background-size:cover;}
.peti{ background-color: transparent;}
.peti:hover{background-color:#005c85;}
.peti a{display:block; width: 100%; height: auto; text-align: center; color:#fff;}
.peti a i{font-size: 42px; padding: 30px 0px 15px 0px;}
.peti a h5{padding-bottom: 17px;}

.lingyu{}
.lingyu h3 small{float:right;}
.ymly{margin-bottom: 15px;}
.ymly img{max-width:100%; display: block;}
.ymly h5{text-align: center;}
.lingyu .page-header{border-bottom:none;}

.inewitem{}
.inewitem  span.badge{background-color: #fff; color:#777;}
.inewitem .panel-heading span{float: right;}
.inewitem .panel-heading span a{color:#fff; font-size: 13px;}
.inewitem .panel{border-color:#0b4a75;border-radius: 0;}
.inewitem .panel-heading{color: #fff;  font-size: 16px; background-color: #0b4a75;  border-color: #ddd; border-bottom:none; border-radius: 0; font-weight: bold;}
.inewitem dl dt{}
.inewitem dl dt img{max-width: 100%;}
.inewitem dl dd h4 a{color:#009ce0;font-size: 15px; font-weight: bold;}
.inewitem dl dd h4 a:hover{color:#cc0000;}
.inewitem dl dd p{font-size: 13px;}

.aboutPanel{}
.aboutPanel .page-header{border-bottom:none;}
.aboutPanel .panel{border-color:#0b4a75;border-radius: 0;}
.aboutPanel .panel-heading{color: #fff;  font-size: 16px; background-color: #0b4a75;  border-color: #ddd; border-bottom:none; border-radius: 0; font-weight: bold;}

.aboutPanel img{width:250px;}
.aboutPanel  .tab-pane{height:305px; overflow: hidden;}
.aboutPanel  .tab-pane p{font-size: 13px;}
.aboutPanel  .tab-pane img{ float: left; width:250px; margin-right: 20px; margin-bottom: 20px;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #009ce0;
	background: url(../images/navtophoverline.jpg) left top repeat-x;
    background-color: #fff;
    border: 1px solid #ddd;
	border-top-color: transparent;
    border-bottom-color: transparent;
    cursor: default;
	font-weight: bold;
}
.nav-tabs>li>a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent;  border-radius: 4px 4px 0 0; color:#222; font-weight: bold;}
.icase blockquote{ border-left: 5px solid #cc0000;}
.icase blockquote p{font-size: 13px;}
.roll2{width: 100%; height: 166px; overflow: hidden; position: relative;}
.roll2 ul{ width: 100%; height: 166px; position:relative;}
.roll2 ul li{ float: left; margin: 15px; margin-right: 6px; list-style: none; background-color: #fff; box-shadow: 0px 0px 5px #999;  transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
.roll2 ul li:hover{box-shadow: 0px 0px 10px #999; transform: scale(1.08); border:none;}
.roll2 ul li img{display: inline-block; height:80px; width: auto; border:5px solid #fff; }
.roll2 ul li p{ background-color: #fff; width: 100%; color:#000; font-size: 14px; text-align: center; height: 30px;}
.roll2 ul li a:hover img{}

a.list-group-item, button.list-group-item {
    color: #222;font-weight: bold; font-size: 13px;
}
a.list-group-item:hover{color:#cc0000;}


.xyad{padding:70px 0px 70px 0px; background: url(../images/755.jpg) center top no-repeat;}
.xyad h2{color:#fff; font-size:36px; font-family:'Microsoft YaHei'; text-align: center; font-weight: bold; text-shadow: 1px 1px 1px #000; padding: 30px 0px;}
.xyad p{font-size: 15px; color:#fff; text-align: center; text-shadow: 1px 1px 1px #000;}

.friendlinksdiv{background-color: #fff; padding: 30px 0px 30px; border-bottom: 1px solid #f1f1f1;}
.friendlinks{}
.friendlinks span{font-size: 18px; color:#000;}
.friendlinks a{ padding: 0px 13px; white-space:nowrap; }
.friendlinks a:hover{color:#f60; text-decoration: none;}

.footerUp{padding: 40px 0px; background-color: #e9e9e9;}
.footerUp h4{padding-bottom: 25px;}
.footerUp h4 a{color:#333;}
.footerUp h4 a:hover{color:#009ce0;}
.footerUp ul li{list-style: none;border-bottom:1px solid #ccc;}
.footerUp ul li a{font-size: 12px; color:#555; line-height: 2em;}
.footerUp ul li a:hover{color:#cc0000;}
.tiaoma img{width:120px;}
.footerDown{padding: 20px 0px; background-color: #333; text-align: center;}

.copyright p{font-family: Arial; font-size: 12px; color:#ccc;}
.copyright p span{ line-height: 32px; padding: 0 30px;}
.copyright p span.supportlink{padding-left: 30px;}
.copyright p span.supportlink a{color:#ccc; font-size: 12px; }
.copyright p span.sharelink a{color:#ccc; font-size: 30px; padding: 0px 4px;}
.copyright a{color:#ccc;}
.copyright a:hover{ text-decoration: underline;}

/*手机页脚四个按钮*/
.footersubdiv{ margin-bottom:0px;  height:70px; border-top:3px solid #f60;}
.footersub{ background-color:#006699; height:60px; width:100%; padding-top:10px; padding-bottom:0px;}
.footersub li{ list-style:none; text-align:center;}
.footersub li a{color:#fff;}
.footersub li a i{font-size: 20px;}

/*在线客服QQ层*/
.side{position:fixed;width:54px;height:275px;right:0px;top:135px;z-index:100;}
.side ul li{ display:block; width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444; list-style:none;}
.side ul li a{ text-decoration:none;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.6;filter:Alpha(opacity=60);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidebox:hover{cursor:pointer;}
.side ul li:first-child .sidebox{ border-radius:12px 0 0 0;}
.side ul li:last-child .sidetop{ border-radius:0 0 0 12px;}
.side ul li #sidebox{position:absolute;width:160px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.6;filter:Alpha(opacity=60);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.6;filter:Alpha(opacity=60);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}

.positiondiv{padding:20px 0px; width:100%; background-color: #fff; border-bottom: 1px solid #f5f5f5;}
.positiondiv span{font-size: 15px; color:#333; font-weight:bold;}
.positiondiv a{color:#434343; padding: 0px 15px; font-size: 15px;}
.positiondiv a:hover{color:#f60; text-decoration: none;}

/*about*/
.aboutfix{ background:#ffffff;}
.aboutcon{width:100%; background-color: #fff; padding: 0px; margin-top: 0px; margin-bottom: 20px; }
.innersubnav{background-color: #fff; margin: 0 auto;/*border-top:1px solid #ccc;border-bottom: 1px solid #f5f5f5;*/  z-index: 8;}
.innersubnavlist{/*border: 1px dotted #f60; padding: 25px;*/ background:url(../images/e2.jpg) repeat; border:1px solid #009ce0; border-left-color: #009ce0;; margin: 18px 0px;border-radius:0px;}
.innersubnavlist ul{ display: block;  margin-left: 16px; margin-bottom: 0px; background-color: #fff; padding: 15px;}
.innersubnavlist ul li{ float: left; list-style: none; margin-right: 6px; margin-bottom: 0px;}
.innersubnavlist ul li a{ display: inline-block; padding: 5px 15px; font-size: 14px; color: #806F66; background-color: #ffffff; /*font-family: 'oswaldregular';*/ border-radius: 4px;}
.innersubnavlist ul li a.on, .innersubnavlist ul li a:hover{background-color: #009ce0;; color:#fff;}
.innersubnavlist ul li span{ display: inline-block; padding: 9px 24px; font-size: 15px; color:#434343;  border:1px solid #ff6600; margin-right: 5px; border-radius:8px; background-color: white;}
h2.titleH2{ padding-bottom: 20px; border-bottom: 1px dashed #ccc; margin-bottom: 30px; font-size: 24px;}
h2.titleH2 span{float: right; font-size: 14px; line-height: 42px; }
h2.titleH2 span a{color:#434343; padding: 0px 8px; font-size: 14px;}
h2.titleH2 span a:hover{color:#f60; text-decoration: none;}
h2.titleH2 span a:last-child {color:#009ce0;}

.aboutcon p{font-size: 14px; line-height: 2em; padding-bottom: 20px;}
.aboutrow{margin-left: 0; margin-right: 0;}
.aboutrow h1,.aboutrow h2,.aboutrow h3, .aboutrow h4, .aboutrow h5, .aboutrow h6{font-weight: bold; color:#000; margin-bottom: 25px;}
.abpic{padding-left: 0; padding-right: 0;}
.abpic img{width:100%; border-radius: 8px; transition: all 0.3s ease;}
.abpic img:hover{ transform: scale(0.9);}
a.backbtn{display: inline-block; padding: 5px 25px; background-color: #f5f5f5; color:#434343; font-size: 16px; border:1px solid #434343; margin: 50px auto 100px; text-align: center; border-radius: 8px;}
a.backbtn:hover{background-color: #ff6600; border:1px solid #ff6600; color:#fff;}
.boxx { margin-bottom: 20px; float: left; width: 250px; height: auto; padding: 20px;  border: 1px solid #ccc; border-radius: 12px; text-align: center; overflow: hidden;}
.boxx img { max-width: 100%; max-height: 100%;}
.boxx p{text-align: center;}
.aboutpic{ }
.aboutpic img{max-width: 100%; transition: all 0.3s ease;}
.aboutpic img:hover{ transform: scale(1.08);}
.aboutxt{padding-top: 30px;}
.aboutxt p{text-decoration: none; text-indent: 2em; padding-bottom: 25px;}

.customerIco{width:100%;}
.customerIco a img{display: inline-block; height:80px; width: auto; border:5px solid #fff; box-shadow: 0px 0px 5px #999; margin: 5px;}
.customerIco a img:hover{box-shadow: 0px 0px 10px #999;}


/*products*/
.productsfix{ background:#fff;}
.productcon{width:100%; background-color: #fff; padding: 0px; margin-top: 0px; margin-bottom: 20px; }
blockquote { font-size: 14px; }
.prorow{margin: 0px;}
.productchannel{margin:10px 0px; margin-left: 1%; margin-right: 1%; background-color: #fff; border: 1px solid #ccc; width: 48%; padding-left: 0px; padding-right: 0px;}
.productchannel .productchannelleft{padding-left: 0px; padding-right: 0px; float: left; width: 49%;}
.productchannel .productchannelleft img{max-width:100%;}
.productchannel .productchannelright{padding:30px; float: right; width: 49%;}
.productchannel .productchannelright h4 a { font-size: 20px; color: #333333; font-weight: normal;}
.productchannel:hover{background-color: #fff; border:1px solid #e53935;}
.productchannel:hover .productchannelright h4 a{color:#e53935;}
.productchannel .productchannelright p{padding-top: 15px;}
.productpic{/*box-shadow: 0px 0px 3px rgba(0,0,0,0.3);*/ border:1px solid #ccc; text-align: center;}
.productpic a{display: block; padding: 10px;}
.productpic a img{transition: all 0.3s ease; max-width: 100%;}
.productpic a:hover img{transform: scale(1.06);}

.producttext{padding-left: 25px;}
.producttext h3{padding-top:100px; padding-bottom: 35px;}
.producttext p{padding-bottom: 35px;}

.producttext a i{font-size: 20px; padding-right: 10px;}
.producttext a.firsta {display: inline-block; width:164px; height: 40px; background-color:#ffe4d0; color:#E5511D; text-align: center; font-size: 14px; font-family: 'oswaldregular'; border-radius: 8px; margin-bottom: 10px; margin-right: 10px; line-height: 40px; }
.producttext a.firsta:hover{background-color: #ffd9bc; text-decoration: none;}
.producttext a.firsto{display: inline-block; width:164px; height: 40px; background-color: #666666; color:#fff; text-align: center; font-size: 14px; font-family: 'oswaldregular'; border-radius: 8px; margin-bottom: 10px; margin-right: 10px; line-height: 40px;}
.producttext a.firsto:hover{background-color: #ff500b; text-decoration: none;}
.productshortdescription{}
.productshortdescription h3{padding-top:35px;}

.otherbigpic{display: block; margin-top: 30px; margin-bottom: 20px;}
.otherbigpic li{list-style: none; display: inline-block; margin-right: 7px; margin-bottom: 10px;}
.otherbigpic li a{ display:block; width:80px; height: 80px; overflow: hidden; border: 1px solid #cccccc; vertical-align: middle;}
.otherbigpic li a img{display: block; max-width: 100%;}
.otherbigpic li a:hover{border: 1px solid #ff0000;}

.callp{font-size: 16px; padding-top: 0px;}
.callp span{padding-left: 15px; font-size: 21px; color:#000; font-family: Georgia, serif;}

.deh3{border-bottom: 1px dotted #ccc; font-size: 18px;}
.deh3 span{ padding: 5px 25px; background-color: #333333; color:#fff; border-radius: 8px 8px 0px 0px;}
.productdescontent{padding:25px 25px 50px 25px; border: 1px dotted #ccc; border-top:none;}
.productdescontent div, .productdescontent p{ color:#333; font-size: 14px; line-height: 2em;}
.productdescontent img{max-width: 100%; height: auto !important; margin: 15px auto; text-align: center;}
.picimage{text-align: center; margin: 0 auto 20px; border: 1px solid #ccc;}
.picimage img{ display: block; max-width: 100%; height: auto !important;}

.inset{transition: all 0.3s ease; position: relative; border-top:1px solid #f5f5f5;}
.inset:hover{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05)}
.thumbnail { display: block; padding: 10px; margin-bottom: 20px; line-height: 1.42857143; background-color: #fff; border: none; border-radius: 0px; box-shadow: 0px 2px 5px rgba(0,0,0,.3);
	-moz-box-shadow: 0px 2px 5px rgba(0,0,0,.3); -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out; }
.thumbnail .caption h3 a{font-size: 14px; color:#434343; text-align:center; display: block;}
.thumbnail .caption h3 a:hover{text-decoration: none; color:#f60;}
.thumbnail .caption h3 a span.short-name{font-size: 20px; color:#006699; text-align:center; font-family: 'HeroicCondensed-Bold'; display: inline-block; padding: 3px 25px; border:1px solid #006699; border-radius: 12px;}
.thumbnail .caption h3 a span.brand{font-size: 16px;  color:#000; text-align:center; display: inline-block; height: 80px; padding-top: 10px; text-transform:capitalize; }
.thumbnail .caption h3 a:hover span.short-name{color:#f00!important; font-weight: bold!important; border:1px solid #f00;}
.thumbnail .caption p{text-align: center;}
.thumbnail .caption p a.btn{margin: 0 auto; text-align: center}

.pagediv{ margin:10px auto 60px auto; width:100%;  height:30px; font-size:14px; color:#777; font-family:Cambria,'Microsoft YaHei'; text-align:center;}
.pagediv a{ display:inline-block; _zoom:1;*display:inline; padding:5px 10px; margin-left:2px; margin-right:2px; color:#f60; border:1px solid #f60; background-color:#fff;}
.pagediv span{display:inline-block; _zoom:1;*display:inline;margin-left:2px; margin-right:2px;padding:5px 10px;color:#ccc; border:1px solid #ccc;}
.pagediv span.pageinfo{padding:5px 10px;color:#ccc; border:1px solid #ccc; background-color:#fff;}
.pagediv span.thisclass{padding:5px 10px; color:#fff; border:1px solid #333; background-color:#333;}

/*news*/
.newsfix{ background:#ffffff;}
.newsitemlist{margin-bottom: 30px;}

.newsitemlist dl{ display: block; box-sizing: border-box; background-color: transparent; padding: 10px;}
.newsitemlist dl:hover{background-color: #2d3f68;background-color: #f5f5f5; padding: 10px; box-sizing: border-box;}
.newsitemlist dl dt{float: left;width: 38%; padding-right: 2%;}
.newsitemlist dl dt a{ display: block;  position: relative; width: 100%; height: 0; padding-top: 75%; font-size: 0; overflow: hidden;}
.newsitemlist dl dt a img{position: absolute; left: 0; right: 0; bottom: 0; top: 0; max-width: 100%;  max-height: 100%; margin: auto;}
.newsitemlist dl dd{float: right; width:60%;}
.newsitemlist dl dd a{font-size: 15px;}
.newsitemlist dl dd a:hover{color:#f60; text-decoration: none;}
.newsitemlist dl dd p{font-size: 12px; color:#999; text-align: justify; padding-right: 15px; line-height: 120%;}
.newsitemlist dl:hover dd a{color:#f60;}

.newscontainer{}
h2.newsh2{text-align: center; font-size: 24px;}
p.athp{font-size: 12px; color:#777; text-align: center; margin-bottom: 1px; margin-top: 0px; }
p.athp span{padding-left: 15px; padding-right: 15px;}
p.athp span i{padding-right: 6px;}
.newsdetails{ padding: 35px 45px;}
.newsdetails div, .newsdetails p{padding-bottom: 25px;}
.newsdetails img{display: block; padding: 10px; text-align: center; background-color: #f5f5f5; margin: 15px auto 20px auto; max-width: 100%;}
.productviewnextprev{ clear: both; margin-top: 35px; padding-top: 20px; border-top:1px dotted #ccc;}
.servicefix{ background:#ffffff;}
.downloadfix{ background:#333333;}
.infolist{ display: block; min-height: 300px;}
.infolist li{border-bottom: 1px dotted #ccc; line-height: 42px; list-style: none;}
.infolist li a{font-size: 26px;}
.infolist li a:hover{color:#f60;}
.infolist li span{padding-right: 8px;}
.infolist li span i{padding-right: 8px;}


/*feedbook*/
.frow{}
.frow p{padding: 0px 30px 30px;}
.feeditem{margin-bottom: 15px;}
.feeditem textarea{height: 180px;}
.yzmspan{background-color: #fff;}
.mbtn{ padding: 6px 35px; font-size: 16px;}

/*contact*/
.contacttxt{}
.contacttxt ul li{list-style: none; line-height: 2em;}
/*百度地图CSS*/
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content { display: block; font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
#dituContent{width:100%;height:350px;}
#dituContent label { max-width:none; }
#dituContent div { box-sizing: initial;} 

.whdiv{width:100%; background:url(../images/j1.png) top right no-repeat transparent;}
.zldiv{width:100%; background:url(../images/j2.png) top right no-repeat transparent;}
.qcdiv{}
.qcdiv p{font-size: 15px; line-height: 2em;}
.qcdiv img{ float: left; margin-right: 50px; width:380px;}
.qcCertificate{text-align: center;}
.qcCertificate img{max-width: 100%; height: 336px; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
.qcCertificate:hover img{transform: scale(1.08);}
.qch3{padding-left: 15px; height: 50px;}
.qch31{padding-top: 0px;}
.ooopic img{max-width: 100%;}

.applicationcontent{padding-top:35px;}
.applicationitem{padding-left: 7px; padding-right:8px; margin-bottom: 30px;}
.applicationitem a{display: block; width:100%; overflow: hidden; background-color: #ffffff; border-radius: 12px; border:1px solid #fff;}
.applicationitem a img{width:100%; border-radius: 12px 12px 0 0; transition: all 0.3s ease;}
.applicationitem a:hover img{ transform: scale(1.2); border:none;}
.applicationitem a p{font-size: 14px; text-align: center; line-height: 32px; color:#434343; position: relative; z-index: 5; background-color: #fff; border-radius:0 0 6px 6px; }
.applicationitem a:hover p{color:#fff; font-size: 14px; font-weight: bold; background-color: rgba(255,102,0,.9); border-radius:0;}
.applicationitem a:hover{border:1px solid #f60; }
.samplerow{padding-top:35px;}
.videoitem{position: relative; margin-bottom: 30px;}
.videoitem a.videoa{ display: block; width:100%; height: 248px; overflow: hidden;border:1px solid #888; border-radius:12px 12px 0px 0px; background-color: #000;}
.videoitem a.videoa img{width:100%; max-width:100%; transition: all 0.3s ease; }
.videoitem p{ display: block; width:100%; height: 32px; text-align: center; background:#888; color:#fff; border: 1px solid #888; border-top:none; font-size: 13px; line-height: 32px; }
.videoitem .maskicon{position: absolute; left: 50%; top: 0; width:100%; height: 248px; line-height: 268px; text-align: center; margin-left: -50%;}
.videoitem .maskicon a i{color:rgba(255,255,255,.8); font-size:72px;}
.videoitem:hover a.videoa{border:1px solid #ff6600;}
.videoitem:hover a.videoa img{ transform: scale(1.15);}
.videoitem:hover p{background: #f60; color:#fff; border: 1px solid #f60; border-top:none;}
.videoitem:hover .maskicon a i{ text-shadow: 0px 0px 15px #f60; color:#fff;}
.saitem{display: flex; flex-flow: column wrap;}
.boxx { margin-bottom: 20px; float: left; width: 270px; height: 240px; padding: 20px;  border: 1px solid #ccc; border-radius: 12px; text-align: center; overflow: hidden;}
.boxx img { max-width: 100%; max-height: 100%;}
.boxx p{text-align: center;}
.aboutpic{padding-left: 0; padding-right: 0;}
.aboutpic img{max-width: 100%; transition: all 0.3s ease; padding-right: 15px;}
.aboutpic:hover img{ transform: scale(0.9);}
p.aboutp{ clear: both; padding: 35px 20px 0 20px;}

.coverlist{}
.coverlist ul{}
.coverlist ul li{border-bottom: 1px dotted #ccc; line-height: 3em;}
.coverlist ul li a{ font-size: 15px;}
.coverlist ul li a span{color: #333; font-weight: bold; padding-right: 8px;}
.coverlist ul li a:hover{color:#f60;}

/*apid平板电脑 调整部分*/
@media (min-width:300px) and (max-width:320px)
{
body{width:auto;}

}

/*手机显示器 调整部分*/
@media (max-width:767px)
{
.topnav{ /*background-color:#262626 !important;*/ background-color:#fff !important; width:100%; height:72px; padding-top:20px;}
.logo{margin:0!important;}
.navbar-brand { padding: 0px; height: 50px;}
.navbar-brand img{width:200px;}
.md_language{ margin-top:0px; margin-left:0px; margin-right:0px;}
.md_language a.up_a{ display:inline; padding:5px; border-right:1px solid #000; background-color:transparent; font-size:15px; font-family:'Microsoft YaHei'; color:#fff;color:#333333; text-align:center; line-height:28px; }
.md_language a.down_a{ display:inline; padding:5px; background-color:transparent; border:none; font-size:16px; font-family:'Microsoft YaHei'; color:#fff; color:#333333; text-align:center; line-height:28px;}
.navbar-toggle {margin-right:0px; padding:5px;margin-top:0px; }
.navbar-collapse{border-top:none;}
.navmenu{ display:block; width:100%; text-align:left; margin:0px auto; border-bottom:1px solid transparent; position:static;}
.navmenu li{clear:both; float:none !important; list-style:none;}
.navmenu li a{ display:block; padding:10px; padding-right:0px; font-size:14px; color:#fff; background-color:#333; border-bottom:1px solid #262631;}
.navmenu li a:hover, .navmenu li a.on{ background-color:#006699; color:#fff; text-decoration:none;}
.navmenu li a i{padding-left:8px; padding-right:8px;}
.navbar_submenu{ display:block; background-color:transparent; padding:0px; position:static;}
.navbar_submenu li{ clear:both; float:none !important;}
.navbar_submenu li a{display:block; width:100%; padding:10px 0px 10px 25px; color:#fff; background-color:#014262; margin-bottom:0px; border-bottom:1px solid #262631; font-size:12px; box-shadow:none;}
.navbar_submenu li a:hover{background-color:#006699; color:#fff; text-decoration:none;}
.navbar_submenu li a i{padding-left:8px; padding-right:8px;}
	
.rslides img { display: block; float: left; width:auto; height: 200px; margin-left: -51%; border: 0;}
.iaboutdiv { padding: 4px 0px 20px 0px;}
.iaboutcon h2{ height: 60px; line-height: 60px; text-align: left; color: #000; font-weight: bold; background: none; font-size: 24px;}
.iaboutcon h2 span { padding: 0px; background-color: #fff;}
.iaboutpic { width: 100%; text-align: center; padding-top: 0px;}

.aboutcontent{ border-top: 20px solid #f5f5f5;}
.aboupic{ margin-bottom: 15px;}
.applicationcontent{padding-top:0px;}	
.iproductdiv { padding: 0px 0px 40px 0px; background-color:#f5f5f5;}
.iproductcon h2 { height: 60px; line-height: 60px; text-align: left; color: #f60; font-weight: bold; background: none; font-size: 24px;}
.iproductcon h2 span { padding: 0px; background-color: #f5f5f5; border-left: none; color:#000;}
.iproductItem { margin-top: 10px; margin-bottom: 0px;}
.advantagediv { padding: 0px 0px 20px 0px;}
	
.advantageCon h2 { height: 60px; line-height: 60px; text-align: left; color: #000; font-weight: bold; background: none; margin-bottom: 30px; font-size: 24px;}
.advantageCon h2 span { padding: 0px; background-color: #ffffff; color: #000; border: none;}
.advantageItem { margin-bottom: 25px; background-color: #fff; margin-left: 1%; margin-right: 1%; width: 98%; box-shadow: 0px 0px 10px rgba(0,0,0,.2);}
.advantagetxt h3 {font-size: 64px; font-family: 'HeroicCondensed-Bold'; color: #ff6600; margin-top: 0px;}
.advantagetxt p { font-size: 12px;  display: none;}
	
.clientdiv{padding:0px 0px 40px 0px;}
.clientCon h2{height: 60px; line-height: 60px; text-align: left; color:#000; font-size: 24px; margin-bottom: 20px;}
.clientCon h2 span{padding:0px; background-color: #fff; }
	
.aimdiv{padding:0px;}
.aimCon h2{ height: 60px; line-height: 60px; text-align: left; color:#000; font-size: 24px; margin-bottom: 20px;}
.aimCon h2 span{padding:0px; background-color: #ffffff; color:#000;}
	
.inewdiv { padding: 20px 0px 40px 0px; background-color: #333333;}
.inewleftpic {margin-bottom: 20px;}
.inewright h2 { color: #fff; margin-top: 10px; font-size: 24px;}
	
.shareQc { padding-left: 15px;}
.footerUp { padding: 10px 0px; background-color: #f9f9f9;}
.footerUp h4 {   padding-bottom: 0px; margin-top: 20px; margin-bottom: 10px;}
.copyright p span { line-height: 32px; padding-left: 0px!important; display: block; float: none!important;}

.navbar-form {
    margin-left: -15px;
    margin-right: -15px;
    padding: 0px 20px;
	border:none;
	-webkit-box-shadow:none;
	box-shadow:none;
    margin-top: 8px;
    margin-bottom: 8px;
    position: relative;
}
.searchsubmit{position: absolute; top: 0px; right: 20px;}
.panel-default>.panel-heading {
    color: #fff;
    background-color: #006699;
    border: none;
	border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}
.panel-title a{font-size: 15px;}
.panel { margin-bottom: 0px; margin-left: -15px; margin-right: -15px; border: none; border-bottom:1px solid #ccc;}
.iproductcontainer{margin-left: 0px; margin-right: 0px;}	
	
.pager {
    padding-left: 30px;padding-right: 30px;
    margin: 20px 0;
    list-style: none;
    text-align: left;
    font-family: 'oswaldregular';
}
.pager li>a{
    display: inline;
    padding: 5px;
    background-color:transparent;
    border: none;
    border-radius: 0;
    font-family: 'oswaldregular';
}
.productparameter {  padding-left: 15px; padding-right: 15px;}
	
.my-video-dimensions {
    width: 320px;
    height: 180px;
}
	
.newscontainer h2 {
    background: none;
    text-align: left;
    margin-bottom: 30px;
    font-size: 20px;
	
}
.newscontainer h2 span{background-color: transparent; padding: 0px;}
.productitle h2 {
    text-align: left;
    font-size: 24px;
	padding-left:20px;
    margin: 0px auto;
    margin-top: 45px;
    color: #000;
    text-transform: uppercase;
    border-bottom: 1px dotted #ccc;
    
}
	
.formdiv {
    background-color: #f5f5f5;
    padding: 20px;
    margin-bottom: 25px;
}
a.backbtn {
    clear: both;
    display: block;
    margin: 10px auto;
    text-align: center;
    width: 140px;
    background-color: #ccc;
    font-size: 16px;
    color: #000;
    border-radius: 6px;
}
	
.aboutPanel{margin-top: 20px;}
.aboutPanel .tab-pane img{width:150px;}
.productchannel {margin: 10px 0px;margin-left: 1%;margin-right: 1%;background-color: #fff;border: 1px solid #f5f5f5; width: 98%; padding-left: 0px;padding-right: 0px;}
.productchannel .productchannelright{padding:20px; float: right; width: 49%;}
.productchannel .productchannelright h4 a { font-size: 16px; color: #333333; font-weight: normal;}
.innersubnav {background-color: #f5f5f5;}

.panel-title a { font-size: 16px;}
.panel-default>.panel-heading {text-align: left!important;}
.panel-body { border-top: 1px solid #fff!important; color: #333333;  text-align: left;}
.panel-body a { font-size: 15px; color: #337ab7;  font-weight: bold; padding-left: 6px;}
.whdiv{width:100%; background:none;}
.zldiv{width:100%; background:none;}	
.qcdiv img{ float:none;margin-right: 10px; margin-bottom: 20px; width:100%;}
.qcCertificate img{ width:100%; height: auto; margin-bottom: 15px;}
a.backbtn {  margin: 50px auto 30px;}
.newsdetails { padding: 35px 10px;}

.innerbanner{width:100%; height: 130px; background-color: #555;}
.aboutbgpic{background-position: center; background-size: cover;}
.newsbgpic{background-position: center; background-size: cover;}
.productbgpic{background-position: center; background-size: cover;}
.casebgpic{background-position: center; background-size: cover;}
.contactbgpic{background-position: center; background-size: cover;}
.hrbgpic{background-position: center; background-size: cover;}
.videobgpic{background-position: center; background-size: cover;}
	
}
/*apid平板电脑 调整部分*/
@media (min-width:768px) and (max-width:1024px)
{
.navmenu li a { display: inline-block; padding: 20px 22px; font-size: 14px; color: #434343;  background-color: transparent;}
.advantageItem { margin-bottom: 25px; background-color: #fff;  margin-left: 1%;  margin-right: 1%;  width: 98%;  box-shadow: 0px 0px 10px rgba(0,0,0,.3);}
.productlinks{height: 240px;}
.infolinks{height: 240px;}
.copyright p span { line-height: 32px;  float: left!important;}
.navmenu li a{ display:inline-block; padding:20px 30px; font-size:14px; color:#434343;color:#FFFFFF; background-color:transparent;}
.navmenu li a:hover, .navmenu li a.on{ background-color:#006699;background-color:#262626; color:#fff;color:#fead50; text-decoration:none; font-weight: bold;}
.videoitem a.videoa {
    display: block;
    width: 100%;
    height: 124px;
    overflow: hidden;
    border: 1px solid #888;
    border-radius: 12px 12px 0px 0px;
    background-color: #000;
}
.videoitem .maskicon {
    position: absolute;
    left: 50%;
    top: 0;
    width: 100%;
    height: 124px;
    line-height: 144px;
    text-align: center;
    margin-left: -50%;
}
	
.phonediv{display: none;}
.aboupic{margin-bottom: 20px;}
.aboupic img{width: 100%; transition: all 0.3s ease;}
}

/*桌面PC电脑 和 系列17“的笔记本显示器 调整部分*/
@media (min-width:992px) and (max-width:1199px)
{

}

/*19寸及其以上宽屏电脑 调整部分*/
@media (min-width:1200px) and (max-width:1366px)
{
.iproductItem{width:33%;}
}