html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#666;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:link{color:#fff;}
a:visited{color:#fff;}
a:hover,a:active,a:focus{color:#e87518;text-decoration:none;outline:none;font-style:italic;}

input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2,h3,h4{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}

.top {
margin:0 8%;
max-width:1600px;
position:relative
}

.w1600 {
margin:0 8%;
max-width:1600px;
}
.w16001 {
max-width:1600px;
}

.w_top {
background-color:#333;
color:#fff
}

.w_menu {
margin-top:-75px;
margin-right:80px;
width:700px;
height:30px;
float:right;
background-color:#E6E6E6;

z-index:30;
position: relative;
}

.wel {
font:400 14px/36px "Microsoft yahei";  
width:auto;
display:inline;
}

.w_right .k1 a {
color:#ff0000;
text-decoration:underline;
font:400 14px/36px "Microsoft yahei"
}

.w_right .k1 a:hover {
color:#FF0
}

.w_right .k2 {
background:url(../images/top_phone.png) no-repeat left center;
font:400 14px/36px "Microsoft yahei";
margin:0 50px;
padding-left:15px
}

.w_right .k2 p {
margin:0
}

#header {
background-color:rgba(255,255,255,.9);
width:100%;
z-index:99
}

.head {
padding:5px 0;
position:relative
}

.magin20 {
	margin:20px 0;
}

.logo img {
max-width:100%;

}
.logo h1 {
width:400px;
height:100px;
background-size:contain;
}
.w_menu .menu ul {
	width:100%;
min-width:268px;
max-width: 1300px;

}

.w_menu .menu ul li {
float:left;
width:100%;
line-height:22px;
position:relative;
text-align:center;
padding-top:5px;
width:16.6%
}

.w_menu .menu ul li span{
color:#FFF;
float:right;
font-size:18px;
}

.w_menu .menu ul li a {
color:#000;
font-size:18px;
font-weight:400;
margin:auto
}
ul li a:hover{text-decoration:none;font-style:italic}
.w_menu .menu ul li:hover {
background-color:#16205E;
text-decoration:none
}
.w_menu .menu ul li:hover a {color:#fff;}
.w_menu .menu ul>li:hover .ulchild{ display:block;}
.w_menu .menu ul li ul {
display: none;
min-width:420px !important;
max-width:250% !important;
padding:0px;
border-top: 3px solid #cacaca;
border-bottom: 2px solid #0076ff;
position: absolute;
z-index: 100;
background:rgb(255,255,255,0.7) url(../images/comp.png) no-repeat right center;
}
.w_menu .menu ul li ul li {
float: none !important;
background: #009688;
margin:10px 0;
line-height:28px;
border-bottom:2px solid #cacaca;
width: 50%
}
.w_menu .menu ul li ul li a{font-size: 16px;}
 .w_menu .menu ul li ul li:hover {
background: #009688;
border-bottom:2px solid #ff0000;
}
	
.search {
background-color:rgba(255,255,255,.8);
padding:5px 10px 8px;
position:absolute;
right:0;
top:30px;
width:300px
}

.search-form .search-text-box {
background-color:#fff;
background-position:6px 56%;
background-repeat:no-repeat;
border:1px solid #c8c8c8;
border-radius:30px;
box-shadow:none;
cursor:pointer;
font-size:13px;
color:#999;
height:25px;
line-height:18px;
margin:0;
padding:0;
transition:all .3s ease-in-out;
width:150px
}
.search-form .mybtn{ background:none; border:0; padding:0;}

.formsearch {
float:right;
margin-top:65px;
width:230px
}

.fr {
float:right
}

.navbar-header {
padding-top:0;
position:relative
}

.navbar-header .navbar-toggle {
border:1px solid #b4b8bc;
height:34px;
padding:0 5px 0 55px
}

.navbar-header .navbar-toggle .menu {
color:#333;
left:10px;
line-height:34px;
position:absolute;
top:0
}

.navbar-header .navbar-toggle .icon-bar {
background-color:#999
}

.navbar-header .navbar-toggle:hover {
background:#a50505;
border:1px solid #a50505
}

.navbar-header .navbar-toggle:hover .icon-bar {
background-color:#fff
}

.toleft {
-webkit-transition:all .21s ease-out;
left:0;
overflow-x:hidden;
position:relative;
transition:all .21s ease-out
}

.push-toleft {
-webkit-transition:all .21s ease-out;
left:-260px;
transition:all .21s ease-out
}

.menuid.menuopen {
-webkit-transition:all .21s ease-out;
left:0;
opacity:1;
transition:all .21s ease-out
}

.push-toleft .head {
left:-260px
}

#cbp-spmenu-s2 {
-webkit-transition:all .21s ease-out;
transition:all .21s ease-out
}

.menuid {
-webkit-transition:all .21s ease-out;
height:100%;
left:100%;
opacity:0;
position:fixed;
top:0;
transition:all .21s ease-out;
width:100%;
z-index:9999
}
.menuopen .mobile-menu-overlay {
display: block;
-webkit-transition: all 0.21s ease-out;
transition: all 0.21s ease-out;
}
.mobile-menu-overlay {
background:#000;
display:none;
filter:alpha(opacity=30);
height:100%;
opacity:0.3;
position:absolute;
right:0;
top:0;
width:200%;
z-index:9
}
.cbp-spmenu-right {
-webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);
-webkit-overflow-scrolling:touch;
background:rgba(0, 65, 187, 0.8);
box-shadow:0 0 10px rgba(0,0,0,0.3);
display:block;
height:100%;
max-width:260px;
overflow:auto;
padding:60px 0 40px;
position:absolute;
right:0;
top:0;
width:100%;
z-index:10
}

.cbp-spmenu-right .ulchild {
padding-left:20px;
}
.cbp-spmenu-right li a {
border-bottom:solid 1px #333;
color:#fff;
display:block;
padding:15px 23px
}
.cbp-spmenu-right li a:hover {
background:#f58222;
text-decoration:none
}

.menuid .icon-close {
-webkit-transition:all .21s ease-out;
cursor:pointer;
display:block;
font-size:16px;
padding:20px 20px 0 0;
position:absolute;
right:0;
top:0;
transition:all .21s ease-out
}

.menuid .icon-close span {
-webkit-transition:all .21s ease-out;
background:url(../images/clod.png) no-repeat center;
color:#fff;
font-size:18px;
height:14px;
transition:all .21s ease-out;
width:14px
}

.menuid .icon-close:hover span {
color:#f58222
}

.fullwidthbanner-container {
    width:100%!important;
    position: relative;
    max-height: 570px!important;
	box-shadow: 0px 5px 8px rgb(0,0,0,0.3);
	background:#EBEBEB url(../images/loader.gif) no-repeat 50%;
}

.tp-simpleresponsive>ul>li {
    list-stye: none;
    position: absolute;
    visibility: hidden;
}
.tp-caption h3 {
	font: 500 50px/60px "Microsoft Yahei";
    color:#FF0;
	width:50%;
    padding: 6% 0 0;
	margin:0 auto;
	display:block;
	-webkit-transition:font-size 0.2s ease-out;
	text-shadow: 0 1px 5px rgba(86, 86, 86, 0.8);
}

.tp-caption h4 {
	font:600 60px/80px "Microsoft Yahei";
    color:#C00;
	width:30%;
	padding: 6% 0 0;
	margin:0 auto;
	display:block;
	-webkit-transition:font-size 0.2s ease-out;
    text-shadow: 0 4px 5px rgba(255, 255, 255, 0.98);
}

.tp-simpleresponsive .slotholder *,.tp-simpleresponsive img {
-webkit-transform:translateZ(0);
-webkit-backface-visibility:hidden;
-webkit-perspective:1000;
}

.tp-simpleresponsive .caption,.tp-simpleresponsive .tp-caption {
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0;
position:absolute;
visibility:hidden;
}

.tp-simpleresponsive img {
max-width:none;
}

.tp-leftarrow.default {
border-radius:3px;
z-index:100;
cursor:pointer;
position:relative;
background:url(../images/prev.png) no-repeat;
background-size:contain;
padding-top:20px!important;
width:80px;
height:80px;
text-align:center;
-webkit-transition:background .5s ease-in-out;
-moz-transition:background .5s ease-in-out;
-o-transition:background .5s ease-in-out;
-ms-transition:background .5s ease-in-out;
transition:background .5s ease-in-out;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
filter:alpha(opacity=0);
opacity:0;
-khtml-opacity:0;
-moz-opacity:0;
visibility:visible;
left:50px !important;
}
.tp-rightarrow.default {
border-radius:3px;
z-index:100;
cursor:pointer;
position:relative;
background:url(../images/next.png) no-repeat;
background-size:contain;
padding-top:20px!important;
width:80px;
height:80px;
text-align:center;
-webkit-transition:background .5s ease-in-out;
-moz-transition:background .5s ease-in-out;
-o-transition:background .5s ease-in-out;
-ms-transition:background .5s ease-in-out;
transition:background .5s ease-in-out;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
filter:alpha(opacity=0);
opacity:0;
-khtml-opacity:0;
-moz-opacity:0;
visibility:visible;
right:50px !important;
}

.container-img{
	background:#16205E;
	width:100%;
	
	box-shadow: 0px 0px 10px #333;
    z-index: 100;
    position: relative;
}
.container-img .left{
	float:left;
}
.container-img .right{
	float:left; padding:0;
}
h3.title {
	color:#404042;
	overflow:hidden;
    position:relative;
	margin: 40px auto;
	float:left;
	margin-left:-150px;
	text-align:left;
	font: 600 30px/46px "Microsoft Yahei";
	background-size:contain;

}
col-lg-8{
	margin-left:-50px;}
h3.feedbacktitle {
	color: #C00;
	overflow:hidden;
    position:relative;
	width:50%;
	margin: 20px auto 5%;
	text-align:center;
	font: 20px "Microsoft Yahei";
	background-size:contain;
	border-bottom:#CCC 1px solid;
}
h3.title_comp{
	color:#404042 !important;
	background: url(../images/cloum_center2.gif) no-repeat center;
}
h3.titlelink{
	color: #16205E !important;
	margin-bottom:30px !important;
	background: url(../images/cloum_center3.gif) no-repeat center;
}

.pro-center li {
    margin-bottom: 20px;
	padding:0 5px;
}
.pro-center li .img {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: block;
	border:#f2f2f2 5px solid;
}
.pro-center li img {
    max-width: 100%;
    height: auto;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.pro-center li .hides {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color:rgba(0, 102, 255, 0.2);
    text-align: center;
    display: none;
}
.pro-center li .hides div {
    display: table;
    height: 100%;
    width: 100%;
}
.pro-center li .hides p {
    display: table-cell;
    vertical-align: middle;
}
.pro-center li h3 {
    padding: 8px;
    margin: 0px;
	color: #333;
	overflow:hidden;
	text-align:center;
	background:#E4E4E4;
	white-space:nowrap;
	border: 5px solid #f2f2f2;
	box-shadow: 0px 1px 0px rgb(0,0,0,0.1);
    font: 400 16px/16px "Microsoft Yahei";
}
.pro-center li h3:hover {
	background:#d4d2d2;
	color:#F00;
	font-style:italic;
}
.pro-center li:hover .hides {
    display: block;
}

.pro-center li:hover img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}

/*indexnew*/
.indexnews li{ background:#fff; padding:0px 0px 8px 0px;height:120px; overflow:hidden;border-color:#f44336; overflow:hidden; margin-bottom:10px;margin-top:10px;}
.indexnews li img{ float:left; height:120px; margin-right:12px;}
.indexnews li h3, .indexnews li h3 a{ margin-top:5px;font: 400 16px/16px "Microsoft Yahei"; color:#673ab7;white-space:nowrap;}
.indexnews li h3 a:hover{ font-style:italic}
.indexnews li p{margin:0;padding:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;}
.indexnews .div li myp{height:10px; overflow:hidden;}

/*indexabout*/
/*.indexabout{ background:url(../images/company.jpg) no-repeat top right ;}*/
.div_dashed{ border:#000 dashed 2px;padding:10px; height:300px; width:60%; margin-left:0%; margin-bottom:6%;border-radius: 60px 0px; }
.div_dashed .in_dashed{padding:10px 20px 20px;background:rgba(255, 255, 255, 0.7);border-radius: 0px 50px;}
.div_dashed .in_dashed .content p{ line-height:30px; font-size:16px; color:#666}
.div_dashed .in_dashed .content{overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient:vertical;height: 225px;-webkit-line-clamp:7}


.more{width:150px; height:45px; background:#16205E; z-index:999; margin-top:-50px;margin-bottom:50px; text-align:center; font-size:16px; line-height:45px;}
.more a:hover{color:red;}
.companyimg{position:absolute;z-index:-1; margin-left:0; overflow:hidden; float:right;right:0px;}
.culture{width:100px; height:500px; float:left;}
.culture2{float:left; margin-left:100px; margin-top:-500px;background:url(../images/culture.jpg); width:1140px; height:500px;}
.culture2 a{ font-size:18px;color:#fff; margin-top:400px;margin-left:50px;}
.culture2 a:hover{color:red;}
.culture2 h4{ font-size:24px;color:#fff;margin-top:400px; margin-left:50px;}

.freidlink { display:inline-block; margin-bottom:20px;}
.freidlink p a{color: rgba(0, 0, 0, 0.6)}
.freidlink p{ display:inline-block; width:auto;color: rgba(0, 0, 0, 0.8);margin:5px; font: 400 16px/30px "Microsoft Yahei";}

.footer, .footer a{ color:#FFF;font: 400 16px/30px "Microsoft Yahei";}
.footer{ background:#16205E;box-shadow: 0px -3px 5px rgb(0,0,0,0.4); width:100%;}
.footer p{ margin:0; display:inline-block; width:auto;}
.footer p img{ padding-top:20%;}
.footer, .footer a:hover{color:#FFF}
.footer .contact{ padding:20px 10px;height:250px;border-bottom:1px solid #fff; }
.footer .contact a:visited{ color:#FFF;}

.footer1{ margin-left:50px; width:100%; }

/*about*/
.left .box {
    margin-bottom: 15px;
    border: 1px solid #d2d2d2;
    padding: 0 5px 5px 5px;
	border-radius:5px
}
.left .box h3 {
    font: 500 16px/40px "Microsoft yahei";
    padding-left: 15px;
    background:#16205E;
    color: #fff;
	border-radius:3px;
    margin-top: 0px;
}
.left .box p {line-height: 2em;}
.left .box p span{font-size: 14px; font-family: Microsoft YaHei;}
.box .content, .box .sort { margin:auto 2px;}
.sort li {
    position: relative;
    z-index: 999;
}
.sort1{margin-left:29%;
margin-top:3%;
	text-align:center;
	width:785px;
	height:160px;
	
	padding:10px
	}
.sort1 li {
	border-radius:5px;
	width:100px;
	font-size:12px;
	padding:10px;
    float:left;
	background:#16205E;
    position: relative;
	overflow: hidden;
    white-space: nowrap; /*设置不换行*/
text-overflow: ellipsis;
    z-index: 999;
	margin:10px;

	
}
.sort .on a{color:#C00;}
.sort1 .on a{color:#C00;}
.sort1 li a {
    color:#fff;
    display: block;
    line-height: 30px;
    font-family: Microsoft YaHei;

 
}
.sort li a {
    color: rgb(102, 102, 102);
    display: block;
    line-height: 30px;
    font-family: Microsoft YaHei;
    padding-left: 25px;
    background: url(../images/dot4.png) 5px -41px no-repeat;
    border-bottom: 1px dotted rgb(221, 221, 221);
}
.sort li a:hover{color:#C00}
.sort1 li:hover{background:#C00}
.right {
    padding-bottom: 10px;
}
.sitemp {
    height: 40px;
    overflow: hidden;
    padding-left: 50px;
    background: url(../images/site.jpg) no-repeat #f0f0f0;
    color: #cc0001;
	border-radius:3px;
    line-height: 40px;
}
.right .content {
    padding: 25px 0 10px;
    overflow: hidden;
    line-height: 24px;
	font-size: 16px;
}
.right .content img{margin:10px; margin-right:0}
.sitemp a {
    color: #cc0001;
}
.sitemp .cc{  color:#cc0001}
.left .box .content {
    padding: 5px 0px;
}
.news_list li {
    line-height: 27px;
    position: relative;
    padding-left: 10px;
}
.news_list li a:hover {
    text-decoration: none;
    color: #e87518;
}

.news_list li a {
    line-height: 27px;
    color: #666;
}
/*products*/
.right .pro-center {
    padding: 20px 10px;
    overflow: hidden;
    line-height: 24px;
}
.prodescription {
	margin:0 6px;
	color:#999;
    border: 1px solid #e5e5e5;
    background: #f9f9f9;
    line-height: 24px;
    padding: 10px;
    margin-bottom: 15px;
    text-indent: 20px;
	border-radius:3px;
}
.right .pro-center li{ margin-bottom:25px}
.pagination-centered{ text-align:center;}
.right .pro-center .title {
    text-align: center;
    line-height: 30px;
    font-size: 18px;
	font-family: "Microsoft YaHei";
    border-bottom: 1px solid #e0e1dc;
    margin: 15px;
    padding-bottom: 5px;
	margin-bottom: 10%;
}
ul#product1{ width:50px; height:30px; background:red;}

.right .pro-center .fenxiang {border:0;}
.right .pro-center .webaddr { color:#CCC}
.right .pro-center .bdsharebuttonbox {margin-left:12px;}
.modal-footer {border-top:0 !important;}
.right .pro-center p { margin-left:12px;margin-right:12px; font-family: "Microsoft YaHei";border-bottom: 1px dashed #e0e1dc;}
.product-tab {
    border-bottom: 1px solid #ddd;
    margin-top: 15px;
}
.product-tab li {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    width: 100px;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color: #000;
    cursor: pointer;
    margin-left: -1px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    z-index: 1;
    margin-bottom: -1px;
    float: left;
	border-radius: 5px 5px 0 0px;
}
.product-tab li.cur {
    border-top: 2px solid #3480ce;
    border-bottom: 1px solid #FFF;
    color: #3480ce;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    z-index: 3;
}
.right .tab-content {
    padding: 20px 15px;
    overflow: hidden;
    line-height: 24px;
}
.right .tab-content td{ border:#ccc 1px solid}
/* news*/
.right .newsmargin  { margin:20px 6px}
.news_detail { padding:10px }
.news_detail .webaddr{ border-bottom: 1px dashed  #e1e4e6; border-top: 1px dashed  #e1e4e6; margin-bottom:20px; color:#CCC; }
.news_detail h1.title {
    text-align: center;
    font-family: "Microsoft YaHei";
    font-size: 18px;
    border-bottom: 1px solid #e0e1dc;
    margin-bottom: 5px;
    padding-bottom: 10px;
}
.news_detail .info_title { text-align:center;border-bottom: 1px dashed  #e1e4e6; }
.news_detail .info_title .share{ width:140px;margin: auto;border-bottom: 1px dashed #e1e4e6;}
.news_detail p {
	margin:auto;
    display:block;
    color: #808080;
	width:auto;
	line-height: 26px;
    overflow: hidden;
	font-size: 16px;
	font-family: "Microsoft YaHei";
}
.news_detail p span {
    padding-right: 10px;
}
.contact-us { padding:2%;}
.contact-us li p {line-height:30px;}
.contact-us li p a{ color:#C00; font-size:18px; line-height:30px;}




@font-face {
font-family:iconfont;
src:url(//at.alicdn.com/t/font_455609_md6xsqc4pwrk9.eot?#iefix) format(embedded-opentype), url(//at.alicdn.com/t/font_455609_md6xsqc4pwrk9.woff) format(woff), url(//at.alicdn.com/t/font_455609_md6xsqc4pwrk9.ttf) format(truetype), url(//at.alicdn.com/t/font_455609_md6xsqc4pwrk9.svg#iconfont) format(svg)
}

@media (max-width:680px) {
  .tp-caption h3 {
    font: 500 8px "Microsoft Yahei";
	}
  .tp-caption h4 {
    font: 600 10px "Microsoft Yahei";
  }
}
@media (max-width:767px) {
  .logo h1 {
  background:url(../images/logo_sm.png) no-repeat left;
  background-size:contain;
  margin-top: 8px;
  }
  .top {
	margin: 10px 3%;
  }
  .tp-caption h3 {
  font: 500 15px/25px "Microsoft Yahei";
  }
  .tp-caption h4 {
  font: 600 17px/30px "Microsoft Yahei";
  }
  .div_dashed .in_dashed .content{
  -webkit-line-clamp:3;
  height: 95px;
  }
  h3.titlelink{margin-bottom:0 !important;}
}

@media (max-width:768px) {
  .logo {
  width:68%;
  }
  h3.title {
	margin: 10px auto;
	font: 500 23px/46px "Microsoft Yahei";
	}
  h3.titlezixun{ margin-top:0}
  .right .content img{margin-right:0}
}
@media (max-width:1200px) {
  .top {
	  margin:0 3%;
  }
}

@media (min-width:768px) and (max-width:992px) {
  .logo {
	  width:auto;
  }
  .tp-caption h3 {
	margin: 20px 0 0 100px;
    font: 500 25px/28px "Microsoft Yahei";
  }
  h3.title {
	margin: 20px auto;
	}
  .tp-caption h4 {
	margin: 10px 0 0 150px;
    font: 600 30px/35px "Microsoft Yahei";
  }
}
@media (max-width:1200px ) and ( min-width:992px) {
  .logo {
	  width:auto;
  }
  .tp-caption h3 {
    font: 500 30px/40px "Microsoft Yahei";
	}
  .tp-caption h4 {
    font: 600 40px/60px "Microsoft Yahei";
  }
}

@media (min-width:1200px) {

}