@charset "gb2312";
/* CSS Document */
body{margin: 0;
    padding: 0;
    font-size: 12px;
    font-family: "Arail";
    color: #666;
    background: #eee;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    position: relative;}
div, form, img, ul, li,dl,dt,dd,p,input,article,aside,details,figcaption,figure,footer,header,hgroup,nav,section
{ margin: 0; padding: 0; border: 0; }
li, dl { list-style-type:none; }
i,em{ font-style:normal}
ul li,ol li{list-style-type: decimal}
h1, h2, h3, h4, h5, h6{ margin:0; padding:0; font-weight:500;font-size:16px;}
a:link, a:visited {color:#666;text-decoration:none;}
a:hover, a:active {color:#388FDF;text-decoration:none; cursor:pointer}
a:focus {outline:none; -moz-outline:none}
table{border-collapse: collapse;}
input[type=button], input[type=submit], input[type=text],button,input, select, textarea {  -webkit-appearance: none;outline:none;border:none; margin:0; padding:0 } 
input[type=button], input[type=submit],button,.wx{cursor: pointer;}
/* 一致的框大小和外观*/
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear{ clear:both;}
*, *::after, *::before{box-sizing:border-box;-moz-box-sizing:border-box;	/* Firefox */-webkit-box-sizing:border-box;	/* Safari */}
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]),[hidden] { display: none; }
object, embed, video {max-width: 100%}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,ul,ul li,ul li a{ display: block; }
{ display:inline-block}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.wrap {
    background: #fff;
    max-width: 720px;
    margin: 0 auto;
    height: auto;
}
.divBody,.divWide{margin:0 auto}
.divBody{ width:100%}
.divWide{ width:100%;}
.width{width:96%;margin:0 auto;}
.fleft{ float:left}
.fright{ float:right}
/*header*/
.header{box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
background-image: -webkit-linear-gradient(#fff, #ffffff 50%, #eee);
background-image: -o-linear-gradient(#fff, #ffffff 50%, #eee);
background-image: linear-gradient(#fff, #ffffff 50%, #eee);
background-repeat: no-repeat}
.headR-top{background:#EDEDED; padding:3px 0}
.logo{width:42%;}
.logo img{width:100%;margin-top:8px;margin-bottom:5px;padding-left:5px;}

.loginH,.language{ margin-left:10px}
.loginH i,.language i{ margin:0 6px; color:#ccc}
.loginH span{ margin:0 20px}
.language{ margin-top:1px}
.tel img{ height:15px; margin-top:3px; margin-right:8px}
.tel h3,.tel img{ float:right}
.tel h3{color:#8A7266;font-size:16px;font-family:Tahoma, Geneva, sans-serif}
.headRight{ height:100%;width:50%;margin-right:10px;}
.search{overflow:hidden;margin-top:7px}
.searchForm{width:100%;border:1px solid #999;height:30px; padding-left:10px; position:relative}
.search input{height:100%;width:86%;border:none;background:#fff;cursor:pointer; font-size:12px}
.search button{background:url(../images/secher.png) no-repeat 8px 6px;background-size:auto 13px;border:none;height:100%;width:32px;position:absolute;top:0;right:0;cursor:pointer}
.search button:before{content: "";}

.headR-bot{background:#055EA9;color:#fff; padding:12px 0px;}
.headR-bot a{color:#fff;}
.nav{}
.nav>.sub-menu{ float:left;width:25%;position:relative; cursor:pointer; font-size:12px; font-weight:500; text-align:center;    padding-left: 2px}
.sub-menu:hover{color:#388FDF;}
.menu-dropdown {position: absolute;left:0;top:36px;background-color:#ffffff;height:0;z-index:0;overflow:hidden}
.menu-dropdown a{color:#666}
.open{box-shadow:rgba(0, 0, 0, 0.2) 0 0 18px 0;-webkit-transition: box-shadow 0.1s linear;-moz-transition: box-shadow 0.1s linear; -o-transition: box-shadow 0.1s linear;-ms-transition: box-shadow 0.1s linear;transition: box-shadow 0.1s linear;display:block}
.menu-dropDiv{ background:#fff; width:140px}
.menu-dropdiv2{ background:#fff; width:380px}
.menu-dropdown-inner {font-size:14px;line-height:37px;text-align:left;padding:20px 20px 81px; z-index:999}
.module-bd a {display: inline-block;width:150px;color: #333333;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;-ms-transition: all 0.2s linear;transition: all 0.2s linear}
.module-bd a:hover {color:#388FDF}
.nav-sidebar-wrapper {width:200px;left:0px;text-align:left;background-color:#F7F8F9}
.menu-dropdown-sidebar {width:100%}
.sidebar-link {position: relative;display: block;font-size: 14px;width: 100%;padding-left: 16px;height: 37px;line-height: 37px;color: #333;
-webkit-transition: background-color 0.1s linear;-moz-transition: background-color 0.1s linear; -o-transition: background-color 0.1s linear; -ms-transition: background-color 0.1s linear; transition: background-color 0.1s linear}
.nav-link-arrow {position: absolute;right: 16px;top: 50%;margin-top: -3px;}
.sidebar-link:hover,.sidebar-link.hover {color:#388FDF;background-color: #ffffff;border-left:2px solid #388FDF;padding-left: 14px}
.sidebar-link:hover .nav-link-arrow,.sidebar-link.hover .nav-link-arrow{background-position: 0 0}
.menu-dropdown-content{position: relative;margin-left:25%;padding:16px 0;background-color: #ffffff;height:100%;padding-bottom: 81px}
.menu-sub-wrapper{display:none;padding: 0 16px}
.menu-sub-wrapper.show{display: block}
.menu-pd-list{display:inline-block;width:100%;vertical-align:top}
.menu-pd-item{display:inline-block;width:25%}
.menu-pd-item a{ display:block;cursor:pointer}
.menu-pd-item .title{color:black;line-height:1;margin-bottom:6px;color:#388FDF;cursor:pointer}
.menu-pd-item:hover .title{ text-decoration:underline}
.menu-Span{ margin-bottom:15px; height:100px; overflow:hidden}
.menu-Span,.menu-Span a{ display:block; width:100%; font-size:12px}
.menu-Span a:hover{ color:#F63}
/*banner*/
.banner{ position:relative; overflow:hidden;height:auto}
.banner video,.banInner>img{ width:100%; display:block}
.content{}
.plate{padding:10px 0;overflow:hidden}
.box{background: #fff;position: relative;z-index: 0;overflow: hidden;border:1px solid rgba(0,0,0,.14);box-shadow:0 3px 8px -6px rgba(0,0,0,.1);box-sizing: border-box}
.plate .title{background:#fafafa;position:relative;display:block;line-height:60px; overflow:hidden}
.plate .title:after{content: " ";height:1px;width:100%;background:rgba(0,0,0,.1);position: absolute;bottom:0;left:0;z-index:10;}
.title h5{margin-left:20px;font-size:16px;}
.more{position: absolute;right: 14px;top: 0}
.more a{display: inline-block;padding: 0 15px 0 19px;line-height: 34px;border: 1px solid #e1e1e1;border-radius: 4px;background-color: #fafafa; color:#666;
background-image: -webkit-linear-gradient(top,#fff,#fafafa);
background-image: linear-gradient(180deg,#fff,#fafafa);
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;}
.more a:hover{background-color:#eee;background-image:-webkit-linear-gradient(top,#f5f5f5,#eee);background-image:linear-gradient(180deg,#f5f5f5,#eee)}
.Inabout{ background:#fff}
.Inabout .title{ text-align:center; background:none; line-height:30px}
.Inabout .title p{ margin:0; padding-bottom:20px}
.InaboutS{position:relative;overflow:hidden}
.InaboutS img{ width:100%;height:150px}
.flex-control-nav{position:absolute; bottom:0px;z-index:12;width:100%;text-align:center; left:0 }
.flex-control-nav li{display:inline-block;width:12px;height:10px;margin:0 4px;*display:inline;zoom:1}
.flex-control-nav a{ display:inline-block;width:12px;height:10px;line-height:40px;overflow:hidden;cursor:pointer; background:url(../images/banScorll_ico.png) no-repeat 0 0}
.flex-control-nav .flex-active{background-position:-22px 0px;}
.flex-direction-nav{width:100%; height:100%; position:absolute; top:0; z-index:5}
.flex-direction-nav li {width:61px;height:60px;overflow:hidden}

.flex-direction-nav li a.flex-prev{background-position:19px 0; left:30px}
.flex-direction-nav li a.flex-next{background-position:-42px 0; right:30px}
.InaboutT,.InaboutT p{ margin-top:20px}
.Inproduct,.Indiploma{background:#fff; position:relative}
.Inproduct{padding:50px 0}
.tabMore{ top:12px; z-index:99}



.info .link {display: block;margin-top: 8px; line-height: 1.2;font-size: 12px;font-weight: 500;}
.newsUl li{height:auto;}
.newsUl li .image{height:auto; /*display:block;*/width:100%/*border-radius: 4px;*/}
.newsUl .info{margin-top:15px;}

.newsUl .info p{margin-top:10px;height:auto;line-height:18px;font-family:"微软雅黑";font-size:12px; }
.Indiploma{ padding:20px 0}
.IndiplomaUl li{ float:left; text-align:center; width:33%;margin-top:10px;}
.IndiplomaUl li img{ display:inline-block; width:100px}
.InLinks{ background:#055EA9}
.InLinksL{ width:760px}
.logoF img{ height:60px}
.InLinksL-a{ overflow:hidden}
.InLinksL-a li{ width:180px; float:left}
.InLinksL-a li h3,.InLinksL-a li a,.InLinksR-way h3,.InLinksR-way,.InLinksL-a li p{ color:#fff; font-size:13px}
.InLinksL-a li h3,.InLinksR-way h3,.InLinksL-a li p{height:45px; line-height:45px; margin-bottom:5px}
.InLinksL-a li h3,.InLinksR-way h3{  border-top:1px solid #4A89BD;border-bottom:1px solid #4A89BD}
.InLinksL-a li a{ height:24px; line-height:24px}
.InLinksL-a li p,.InLinksL-a li img{ margin-left:60px}
.InLinksL-a li img{height:120px}
.InLinksR{ width:400px}
.InLinksR-way h5{ line-height:50px;font-size:16px;}
.InLinksR-way p{ margin-bottom:10px}


/*footer*/
.footer{background:#343434; font-size:12px;padding:10px 0 ; overflow:hidden}
.footer,.footer a{ color:#ddd}
.footTxt{ width:98%;margin:0 auto;}
.footP{ text-align:center;}
#Inlink li{width:33%;text-align:center;}
.wx p{height: 24px;line-height: 24px;color:#fff;}


/*about*/
.banInner img{height:250px;}
.bodyP .content{ background:#fff;}
.companyS h5{font-size:16px;}
#styA,.TitleCon a:hover{ background:#f51727; }
.mainTitle{margin-top:30px}
.mainTitle h2{ font-weight:600}
.mainTitle h4{ border-bottom:1px solid #444; display:inline-block; height:30px; line-height:30px; margin-bottom:30px}
.mainTitle p{ color:#c06}
.mainCon{ color:#777; line-height:28px}
.companyS{font-size:14px;background:#f9f9f9;padding:0px 10px;}
.companyS h5{ display:inline-block; line-height:40px; color:#000}
.companyS span{ float:none; width:100%; }
.companyS img{ float:none; width:100%;margin-top:10px;}

.TitleCon a{display:inline-block;width:32%;text-align:center;height:45px;line-height:45px;background:#055EA9;color:#fff;margin-top:10px;}



.flex-active-slide img{width:100%;}
.return { margin:5px 0;}
.return img {vertical-align: middle;margin-top: -4px;margin-right: 10px;}
.jt_tit { border-bottom: 2px solid #f51727;padding-bottom:3px;font-size: 20px;color: #333;margin-bottom:10px;}
.infoP {margin-top:10px; font-size: 14px;color: #929292;}
.icon-phone-blue { width: 42px;height: 42px; float: left; margin-right: 30px;margin-top: 12px;}
.icon-phone-blue  img{width:100%;}
#map{width:100%;height:350px;margin-top:10px;margin-bottom:10px;}
.grayDotLine{margin-top:5px;}
#area1 h3{font-size:18px;font-weight:600;}
.lic_list li { overflow: hidden; padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px dotted #ccc;}
.lic_list li span {float: left;width: 20%; font-weight: 600;color:#f51727;}
.lic_list li p {float: left; width: 75%;margin-left: 2%;line-height: 25px;text-align: left;}

.Down_cont{}
.Down_tit{background:#378EDE;color:#fff;height:40px;line-height:40px;padding-left:15px;}
.down_ul{padding:10px;padding-top:0px;padding-bottom:3px;}
.down_ul li{border-bottom:1px dashed #e5e5e5;padding:8px 0; overflow:hidden}
.d_small_tit{margin-left:10px;margin-top:20px;font-size:15px;color:#64B2F7;font-weight:600;}
.du_erji{color:#333 !important;width:105px;}
.du_font{width:100%;border:0px solid red;margin-left:5px;}
.du_font a{float: left;margin-right: 9px;margin-bottom: 5px; width: 46%;text-align:left}

.rleft{width:76%;}
.publicUl li {
    border: 0px solid red;
    border: 1px solid #eee;
    float: left;
    width: 50%;
    text-align: left;
    position: relative;
}
.InproductUl li .InproductImg {
    padding: 0 5px;
    overflow: hidden;
    text-align: center;
}
.InproductUl li .image {
    display: inline-block;
    width: 100%;
   border:0px solid red;
}
.info {
    z-index: 1;
    width: 100%;
    box-sizing: border-box;
	text-align: center;
}

.info h6 {
    font-size: 14px;
    color: #424242;
    line-height: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width: 100%;
}
.detail-btn {
    border: 1px solid #e1e1e1;
    background-color: #f9f9f9;
    background-image: -webkit-linear-gradient(top,#fff,#f9f9f9);
    background-image: linear-gradient(180deg,#fff,#f9f9f9);
    color: #646464;
}
.detail-btn, .cart-btn input, .cart-price {
    font-size: 12px;
    margin: 0 5px;
    box-sizing: border-box;
    width: 100px;
    height: 30px;
    line-height: 28px;
    vertical-align: middle;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
}
.cart-price {
    border: 1px solid #5c81e3;
    background: #678ee7;
    background-image: -webkit-linear-gradient(top,#678ee7,#5078df);
    background-image: linear-gradient(to bottom,#678ee7,#5078df);
}
.cart-price a, .cart-btn input {
    color: #fff;
}.shoS {
    margin-top: 20px;
}
.jt_menu {
    overflow: hidden;
    margin-top: 18px;

}
.jt_menu li {
    float: left;
    width: 30%;
    margin-right: 3%;
    margin-bottom: 8px;
}
.jt_menu li .jt_cur {
    background: #f51727;
}
.jt_menu li a {
    display: block;
    background: #055EA9;
    color: #fff;
    border-radius: 3px;
    padding: 6% 3%;
	width:100%;
    text-align: center;
}

.PL_menu{background:#368FE2;}
.PL_menu li{width:100%;display:inline-block;}
.PL_menu li a{} 
.PL_menu>li{border-bottom:1px dashed #B3D1ED;}
.PL_menu>li>a{color:#fff;font-size:14px;display:block;line-height:30px;padding:0 10px;}
.PL_menu>li>a:hover{background:#069;}/**/
.PL_menu>li:last-child{border-bottom:0}

.PL_Smenu{margin-left:20px;margin-bottom:10px;}
.PL_Smenu>li{line-height:25px;}
.PL_Smenu>li>a{display:block;color:#fff;padding-left:10px;}
.PL_Smenu li a:hover{background:#2E7CC1;}
.jia{background: url(images/jia.png) no-repeat;width: 11px;height: 11px;float:left;margin-top:15px;margin-left:0px;display:block;margin-right:5px;}
.jian{background: url(images/jian.png) no-repeat;width: 11px;height: 11px;float:left;margin-top:15px;margin-left:0px;display:block;margin-right:5px;}
.PL_three{ overflow:hidden;margin-bottom:10px;}
.PL_three li{margin-left:20px;}
.PL_three li a{padding-left:20px;display:block;color:#fff;}/**/


/*pro_det.asp*/
.swiper-container {
	
	max-width: 100%;
	
	max-height: 100%;
	
}
.swiper-container img{width:100%}
.swiper-slide {
	position:relative;
	text-align: center;
	font-size: 18px;
	background: #fff;
	 
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.col-md-12{}
.pro_Det{overflow:hidden;}
.pD_imgleft{width:100%;height:auto;border:1px solid #eee;text-align:center;padding-bottom:20px;}
.pD_imgleft img{width:100%;border:0px solid red;margin-top:10px;margin-bottom:15px;}
.pd_tit{font-size:18px;margin-bottom:20px;font-weight:600;color:#666;}
.swiper_font{position:absolute;z-index:9999;background:rgba(104, 106, 107, 0.35);color:#fff;left:0;bottom:25px;font-size:15px;font-weight:400;width:100%;padding:5px 5px;}
.proD_right{width:100%;margin-top:20px;}
.PDR_tit{font-size:17px;color:#368EDF;}
.PDR_tit span{font-size:15px !important;color:#333}
.PDR_tit i{color:#999;font-size:14px;}

.pd_top{margin-bottom:5px;}
.pd_xh{font-size:16px !important;margin-top:5px;float:left;text-align:right}
.pd_xhImg{width:100%;}
.pd_xhImg li{float: left; margin-right: 8px;font-size: 13px;border: 1px solid #ccc;padding: 5px 21px;border-radius: 3px; margin-bottom: 7px;}
.pd_xhImg li:hover{ border:1px solid #368EE5}
.pd_xhImg .sty-select,.pd_xhImg .sty-select:hover{ border:1px solid #f00}
.pd_xhImg .sty-select a{ color:#f00}
.yt_gshu{line-height:25px;}
.pd_gsT{font-size:15px;float:left;text-align:right}
.pd_menu {overflow: hidden;background: #368EDF; border-radius: 3px;}
.pd_menu li a:hover, .pd_menu .pd_cur {background: #1A6CBC !important}
.pd_menu li a {color: #fff; float: left; height: 45px;line-height: 45px;font-size: 15px;padding: 0 12px;}
.pd_Mcont{margin-top:15px;}
.pd_Mcont>div{display:none;margin-top:20px;}
.pdM_table{}
.pdM_table table{width:100%;}
.pdM_table table thead{background:#F2F2F2;padding:5px 0}
.pdM_table table tr{}
.pdM_table table tr td{border:1px solid #e5e5e5;padding:8px 10px;}

.pdM_tit{font-size:15px;color:#368EDF;margin-bottom:10px;display:block;}
.js_zhibiao{}
.js_zhibiao table{width:100%;margin-top:15px;}
.js_zhibiao table thead{background:#F2F2F2;padding:5px 0;}
.js_zhibiao table thead td{} 
.js_zhibiao table td{border:1px solid #e5e5e5;padding:8px 10px;}


@media only screen and (max-width:800px) {	
.InproductUl .info h6 {
    height: 50px;
	overflow:hidden;
    line-height: 25px;
}
}
@media only screen and (max-width:400px) {
.newsUl .info h6{height:68px;overflow:hidden;}
.newsUl .info p{height:75px;overflow:hidden;}
.info .link{margin-bottom:5px;}
	}

.page {
    margin: 30px 0px 10px 0px;
    text-align: center;
	margin-left: 20px
}
.page a {
    /*padding: 2px 8px;
    border: 1px solid #D72D39;*/
    color: #3376c7;
}

.page ul li{border:1px solid #3376c7 ;padding:2px 8px;margin-right:10px;border-radius:3px;}
.page ul li{float:left;margin:8px;}