@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 16px;
	font-family:"Microsoft Yahei",宋体,Verdana,Arial,Helvetica,Sans-serif;
	font-weight:normal;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}
input,textarea{outline:none;}
blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/*input框自动填充背景色*/
input:-webkit-autofill{ -webkit-box-shadow: 0 0 0 1000px #fff inset; /**通过边框阴影遮挡住背景*/
/*-webkit-text-fill-color: #333; !**填充字体颜色*!*/
}
body{}
a,a:link,a:visited{color:#333333; text-decoration:none;}
a.active{color: #ffb02c; text-decoration:none;}
.cl{clear:both; visibility:hidden; font-size:0px; line-height:0px; width:100%; height:0; padding:0px; margin:0px;}

/*clear float*/
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}

.red,a.red:link,a.red:visited{color:#ee7800;}
a.red:hover {color:#ffb02c;}

.dot{color:#ae1d2c;}
.fnav2{ display: none;}

/*header*/
.headerpage{clear:both; width:100%; margin:0 auto 0 auto; padding:0; }
.headerpage:after, .headerpage:before {content: '';display: block;clear: both;height: 0;}

header{ float:left; width:100%; background:#f8f8f8;}
header .head{clear:both; margin:20px auto; width:90%; display: flex;align-items: center;}
header:after,header:before {content: '';display: block; clear: both; height: 0;}
header .logo{ overflow: hidden;margin-right: auto;}
header .logo a{ display: inline-block; overflow: hidden;}
header .logo img{ width:100%;}
header .headerright{position:relative; width: 80%; margin-left:2%;}
header .headerright img{ float:right;padding-top:5px;   }
header .headerright span{ font-size:28px; color:#e65802;  float:right; text-align:left;}
header .headerright span i{ font-weight:normal; font-style:normal;color:#999; line-height: 16px;}
header .wapnav{float:right; display:none;}

/*Banner大图调用 开始*/
.bannerwrap{clear:both; width:100%; margin:0 auto; padding:0; background:#e5e5e5;}
.bannerwrap .banner{position:relative;width:100%;margin:0 auto;padding:0;overflow:hidden;}
.bannerwrap .banner a{background-position:center;}
.bannerwrap .banner .mask{vertical-align:middle;position:absolute; width:100%; height:20px; right:0; bottom:10px; text-align:center; }
.bannerwrap .banner .mask span{color:#ffffff;padding:0 5px;text-align:center;line-height:15px;width:15px;height:15px;font-family:Arial;font-size:12px;cursor:pointer;overflow:hidden;margin:3px 1px;background-color:#ffffff; -webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%; height:450px;}
.bannerwrap .banner .mask span.show{color:#fff;line-height:10px;width:10px;height:10px;font-size:12px;margin:0 1px;border:0;background-color:#ae1d2c;font-weight:bold;}
#showbanner{display:block;width:100%; text-align:center;background-position:top;background-repeat:no-repeat;}
#showbanner img{ width:100%; display:block;}
#showbanner img:after,#showbanner img:before {content: '';display: block;clear: both;height: 0;}
/*Banner大图调用 结束*/

/*搜索框*/
#trigger{ float:right; margin:0 0 0 0; padding-left:3%;  }
#trigger a{ margin:0px 18px 0 0; padding:0px 0 0 0; }
#trigger span{ border-left:1px solid #004ea2; background:url(../images/dianhua.png) no-repeat 15px 3px; padding:0 0 0 35px; color:#004ea2;  }
#fade { display: none; /* Hidden as default */background: #000;position: fixed; left: 0; top: 0;width: 100%; height: 100%;opacity: .80;z-index: 9999;}
.infosearch1{ margin:3% auto 0 auto; padding:0px 0px 0 0; border:0px solid red; text-align:center; width:60%; overflow:hidden; }
.infosearch1 input[type="text"]{width:60%; padding:0 20%; height:45px;border:1px solid #dddddd;-moz-border-radius: 3px;-webkit-border-radius:3px;border-radius:3px;padding-left:3px;background:rgba(255,255,255,.5); font-size:18px;  border-radius:30px; color:#333; }
.infosearch1 input[type="submit"]{background:#345dac; cursor:pointer; border: 0px solid #345dac;height:45px;width:45px;color:#ffffff;font-weight:bold; border-radius:30px; font-size:16px;}
.infosearch1 input[type="submit"]:hover{background:#4cc5d3;}
.sec{ display:none;}
/*搜索框*/

.container-fluid{ margin:0 auto; width:90%;}
.row{margin:0 auto;}
.biaoti{ text-align:center; padding:3% 0 1% 0; margin:0 auto;}
.biaoti h3 a{ font-size:32px; font-weight:bold; line-height:48px;}
.biaoti h2 { font-size:14px;line-height:48px;}
.cpfenlei{ clear:both; text-align:center;  color:#555555;  margin:0 auto; display:flex; flex-wrap:wrap; }
.cpfenlei a{ border:#eee 1px solid; padding:0px 0px; color:#555555; padding:10px 3px; margin:3px 0.3%; width:16%; text-decoration:none; font-size:14px;display:inline-block;}
.cpfenlei a:hover{ border:#0753a1 1px solid;}

.cptupian{ margin: 0 auto 4% auto;}
.cptupian .xqlb { }
.cptupian .xqlb a{ text-align:center; display:block; background:#f5f5f5 ; padding: 0 0 8% 0; transition: all 0.3s; }
.cptupian .xqlb img{ display:block; width:100%; border:1px solid #e7e7e7}
.cptupian .xqlb a span {line-height:62px; font-size:16px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:1;
    overflow: hidden;
    text-overflow: ellipsis;
    text-overflow: -o-ellipsis-lastline; }
.xqlb a p{ line-height:26px; font-size:16px; color:#505b91 ; border-radius:25px; background:#FFF ; border: 1px #d7d7d7 solid; width:50%; margin:0 auto; padding:2% 0; }
.xqlb a:hover{  background:#0753a1; box-shadow: #bcbcbc 0px 0px 10px 0px;-webkit-transform: translate3d(0, -15px, 0);transform: translate3d(0, -15px, 0);   -webkit-transition: all 0.3s;transition: all 0.3s; }
.cptupian .xqlb a:hover  p{ color:#FFF; border: 1px #FFF solid;background:#0753a1 ; }
.cptupian .xqlb a:hover span{ color:#FFF;}
.cptupian .xqlb a:hover  img{  border:1px solid #d7d7d7}

/*----------------*/
.cptupian1{ margin:auto;  clear:both;overflow:hidden;}
.cptupian1 ul{ clear:both;}
.cptupian1 ul li{ float:left; width:19%;margin:2% 0.5% 1% 0.5%; }
.cptupian1 ul li a{ text-align:center; display:block; border:#e7e7e7 1px solid ; }
.cptupian1 ul li img{ width:99.8%;border-bottom:1px #e7e7e7 solid; transition: all 1s linear; transform-style: preserve-3d;}
.cptupian1 ul li p{ line-height:56px; font-size:16px;  text-align:left; background:url(../images/jiantou.png) no-repeat right; margin:0 4%;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:1;
    overflow: hidden;
    text-overflow: ellipsis;
    text-overflow: -o-ellipsis-lastline;}
.cptupian1 ul li a:hover{  border:#0753a1 1px solid ;}
.cptupian1 ul li a:hover img{ border-bottom:1px #0753a1 solid; transform: rotateY(-360deg); }
.cptupian1 ul li a:hover  p{ color:#0753a1 ;background:url(../images/jiantou2.png) no-repeat right; }
.cptupian1-1{ display:none}

/*----------------*/
.mainbg2{ background:url(../images/aboutbg.jpg) no-repeat }
.aboutmin2 { background-color: rgba(255, 255, 255, 0.4);}
.aboutt img{ width:100%;}
.aboutw {color:#FFF; padding-right:2%;}
.aboutw strong { font-size:32px;  font-weight:bold; }
.aboutw p{font-size:16px; line-height:28px; padding-top:2%; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:5;
    overflow: hidden;
    text-overflow: ellipsis;
    text-overflow: -o-ellipsis-lastline; margin-bottom:4%;}
.aboutw  a{background-color: rgba(255, 255, 255, 0.6); padding:1% 6%;border-radius:25px; font-size:16px; transition: background-color 1.0s; }
.aboutw  a:hover{ background:#0073bc; color:#FFF; transition: background-color 1.0s;box-shadow: #0073bc 0px 0px 20px 5px;}

.Ishuzi { margin:0 auto; overflow:hidden; z-index:999; position: relative; margin:2% 0 4% 0;}
.shuzi {}
.shuzi dl{ float:left; width:20%; margin:3% 0%; }
.shuzi dl dt{ clear:both;font-size:20px; font-weight:bold; color:#fff;  font-family:pf_dintext_proextrathin,Verdana, Geneva, sans-serif; margin-top:-2px; margin-bottom:-2px;}
.shuzi dl dd{ font-size:16px; color:#fff; }
.shuzi dl dt span{ font-size:32px; font-weight:bold; color:#0073bc;   text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;font-family:pf_dintext_proextrathin,Verdana, Geneva, sans-serif; }

.mainbg3{ background:#f4f4f4;}
.casetp{   }
.casetp a{ text-align:left; display:block; border:#e7e7e7 1px solid ; }
.casetp img{ display:block; width:100%;border-bottom:1px #e7e7e7 solid;}
.casetp P{ display:none;}
.casetp a:hover .casetpwz{  margin-top: -90px; height: 190px;background: #fff; transition: all 0.6s ease; z-index: 9999;display: block;position: relative;}
.casetpwz{background: #fff;padding:4% 16px; display: block;height: 108px;overflow: hidden;margin-top: 0px;transition: all 0.6s ease; }
.casetpwz strong{ font-size:16px; line-height:48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; }
.casetpwz p{ padding-top:9%; display:block}
.cakanbt { text-align:center;  margin:2% auto 4% auto ; width:10%;border-radius:25px;  background:#0753a1;   -webkit-transition: all 0.3s;transition: all 0.3s; }
.cakanbt a{ line-height:40px; font-size:16px; color:#FFF; margin-bottom:3%;}
.cakanbt:hover{  -webkit-transform: translate3d(0, -15px, 0);transform: translate3d(0, -15px, 0);   -webkit-transition: all 0.3s;transition: all 0.3s; box-shadow: #c1c1c1 0px 0px 20px 5px; }

/*--------优势--------*/
.youshitw ul {background: overflow:hidden;}
.youshitw li { float:left; width:17.5%; color:#fff; font-size:15px; color:#d1d1d1; line-height:26px; margin:1% 2.2% 4% 0%; background: #f5f5f5;text-align:center; color:#fff; padding:4% 2%; color:#333; border-bottom:8px solid #0753a1;}
.youshitw li img {  background:#0753a1;border-radius:50%; border:10px solid  rgba(255,255,255,0.8); }
.youshitw li .wzys strong { font-size:24px; line-height:68px; font-weight:normal;  color:#0753a1; font-weight:bold;}
.youshitw li .wzys p {clear:both;  font-size:16px; line-height:24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;color:# 5a5a5a;}
/*--转动边框--*/
.youshitw li:hover {border-bottom:8px solid transparent;background: linear-gradient(white,white) padding-box, repeating-linear-gradient(-45deg,red 0,red 12.5%, transparent 0,transparent 25%,#58a 0,#0753a1 37.5%, transparent 0,transparent 50%)  0/5em 5em;animation: ants 2.5s linear infinite;}
@keyframes ants { to {background-position: 100%}}
/*--循环转动图标--*/
.youshitw li:hover img {   -webkit-animation:rotateImg 1s linear infinite; vertical-align: middle; }
@keyframes rotateImg {0% {transform : rotate(0deg);}100% {transform : rotate(360deg);}}
@-webkit-keyframes rotateImg { 0%{-webkit-transform : rotate(0deg);}100%{-webkit-transform : rotate(360deg);}}

.dqck{ background:#0753a1;border-radius:50px; padding:0.1% 2%; color:#FFF; margin-top:2%; margin:0 auto; }
.dqck1{ font-size:16px; }
.dqck2{ font-size:24px; font-weight:bold; }
.dqck3 { font-size:16px; background:#3d7fcb;border-radius:50px; -webkit-transition: all 0.3s;transition: all 0.3s; }
.dqck3 a { color:#FFF;font-size:16px;}
.dqck3:hover {  background:#d5e8fd;-webkit-transition: all 0.3s;transition: all 0.3s; }
.dqck3:hover a { color:#333;}


.mainbg4{ padding-bottom:4%;}

.newstw a:hover{ color:#0753a1;webkit-transition: all 0.3s;transition: all 0.3s;}
.newstw a{ font-size:18px; line-height:62px; font-weight:bold; padding:0 2%;
display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:1;
    overflow: hidden;
    text-overflow: ellipsis;
    text-overflow: -o-ellipsis-lastline;webkit-transition: all 0.3s;transition: all 0.3s;}

.newstw p{padding:0 2%;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
    overflow: hidden;
    text-overflow: ellipsis;
    text-overflow: -o-ellipsis-lastline; color:#898989;}

.xinwen  img{ width:100%;}
.xwlb{ background:#FFF; padding:3% 3% 6% 3%; margin-bottom:4%;}

.xwlb li a:hover{color:#0753a1;webkit-transition: all 0.3s;transition: all 0.3s; -webkit-transform: translate3d(0, -8px, 0);transform: translate3d(0, -8px, 0);   -webkit-transition: all 0.3s;transition: all 0.3s;}
.xwlb li a{ font-size:18px; line-height:42px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:1;
    overflow: hidden;
    text-overflow: ellipsis;
    text-overflow: -o-ellipsis-lastline; padding-top:2%;  -webkit-transition: all 0.3s;transition: all 0.3s;}
.xwlb li p{ color:#838383; font-size:15px;  display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
    overflow: hidden;
    text-overflow: ellipsis;
    text-overflow: -o-ellipsis-lastline;}

/*-----------------*/
.footbg{ background:#004587;}
.footmenu { padding-left:3%; display:flex; flex-wrap:wrap; justify-content:space-between; }
.footmenu a,.footmenu a:link,.footmenu a:visited{color:#fbfcfd;}
.footmenu a:hover {color:#a1b0c7;}
.footmenu .dibumenu1{  padding:0 0 0 0px; text-align: center; width:33.3%; }
.footmenu .dibumenu1 h2{ color:#555555; font-weight:bold;  padding:0px 0px 5px 0px;text-align:left;text-align: center; margin:3%  1%;}
.footmenu .dibumenu1 h2 a{ font-size:16px; white-space:nowrap;text-align: center;}

.footercontact{ border-right:#396fa2 1px solid; border-left:#396fa2 1px solid; padding-left:8%;}
.footercontact h2{ font-size:32px; font-weight:bold; color:#FFF; padding-bottom:2%;}
.footsj{ background:url(../images/footsj.png) no-repeat center left; padding-left:7%; font-size:15px; line-height:35px; color:#FFF;}
.footdh{ background:url(../images/footdh.png) no-repeat center left; padding-left:7%; font-size:15px; line-height:35px; color:#FFF;}
.footlxr{ background:url(../images/footlxr.png) no-repeat center left; padding-left:7%; font-size:15px; line-height:35px; color:#FFF;}
.footdz{ background:url(../images/footdz.png) no-repeat center left; padding-left:7%; font-size:15px; line-height:35px; color:#FFF; padding-right:3%;}
.wxtz{ text-align:center; font-size:15px; line-height:42px; color:#a1b0c7;}

.footbgds{ background:#022a51; text-align:center;}
.footerbgbottom { text-align:center; line-height:24px; font-size:14px; color:#FFF;display:inline-block;}
.footerbgbottom a{color:#FFF;font-size:14px;}
.footbgliks { color:#FFF;font-size:14px;}
.footbgliks a{ color:#FFF;font-size:14px;}

.gongan{ width:270px;margin:0 auto; padding:20px 0; }

/*首页样式 end*/

/*内页*/
.mainpage{clear:both; width:100%; margin:2px auto 0 auto; padding:0;  }
.mainpage:after, .mainpage:before{content: '';display: block;clear: both;height: 0;}
.left{clear:both; overflow:hidden; padding:0 0%; margin:0 auto;}
.right{clear:both; max-width:1450px; margin:0 auto; padding:0 1%; background:#FFF;}

.mainarea{ position:relative; clear:both; overflow:hidden; padding:10px 0 20px 0; min-height:360px; height:360px;}
[class].mainarea{height:auto;}
.mainarea div.content{font-size:14px; line-height:23px;}

.zoominfo { clear:both; }
.zoominfo .zoominforight { float:left; margin-left:15px; font-size:14px; line-height:25px; }
.zoominfo .zoominforight h3 { font-size:16px; font-weight:bold; }
.zoominfo .htmleaf-content { max-width:500px; margin:3% auto 0 auto; }
.zoominfo .thumbnails { border:1px solid #d6d6d6; }
/*产品view页*/
.proinfo_view { clear:both; }
.proview { clear:both; margin:0 auto 3%; overflow:hidden; }
.proviewle { float:left; width:40%; }
.proviewri { clear:both; margin-left:5%; float:left; width:55%; overflow:hidden; }
.proview h1.title { font-size: 22px; padding: 15px 0; line-height: 26px; font-weight: bold; }
.proview h2.subtitle { line-height:1.875rem; color:#666; margin:0 auto 40px; overflow:hidden; }
.proview .proviewsummary { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; }
.proviewle .bigimg img { width:100%; border:1px solid #ccc; }
.proview .thumb-box { padding: 1.4em 0 1em; margin-left: -1%; width: 102%; }
.proview .thumb-box .thumbs { overflow: hidden;  *zoom: 1;
}
.proview .thumb-box .thumbs li { float: left; width: 23%; text-align: center; padding: 0 1%; }
.proview .thumb-box .thumbs li img { width: 100%; opacity: .8; -moz-transition: opacity 0.32s; -o-transition: opacity 0.32s; -webkit-transition: opacity 0.32s; transition: opacity 0.32s; border-bottom: 4px solid transparent; }
.proview .thumb-box .thumbs li img.active { border-color: #31ACE2; opacity: 1; }
.proview .thumb-box .thumbs li:hover img { opacity: 1; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; }

.midpicarea { border:solid 1px #bbbbbb; z-index:5; cursor:crosshair; }
.bigpicarea { border:solid 1px #bbbbbb; overflow:hidden; position:absolute; z-index:6; }
.viewarea { border:solid 1px #fff; cursor:move; background-color:#999; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; overflow:hidden; position:absolute; z-index:10; }
.zoomsmall { margin-top:8px; }
.zoomsmall ul { clear:both; }
.zoomsmall ul li { float:left; margin:0 2px; }
.zoomsmall ul li img { border:solid 1px #bbbbbb; padding:2px; cursor:pointer; }

table { border-collapse:collapse; border-spacing: 0; border:#CCCCCC 1px solid; width:100%; }
table tr:nth-child(2n-1){ background:#eee; }
td { border:#CCCCCC 1px solid; text-align:center; padding:10px 4px; }
/*产品view页*/

/*内页位置*/
.container, .container-lg, .container-md, .container-sm, .container-xl{ max-width:1450px;}

.positionbg { background:#e8e8e8; padding:10px 0;}
.position{font-size:16px; background:url(../images/ndwz.png) no-repeat center left; padding-left:2%;}
.position a,.position a:link,.position a:visited { font-size:16px;}
.position a:hover,.position font.active,.position a.active,.position a.active:link,.position a.active:visited{ color:#ff0001;}

.positioninfo{ float:left; padding:0px 0 0 10px; line-height:40px; color:#000; font-size:20px;}
.positioninfobox{ clear:both; margin:0 auto; width:100%; background:#eeeeee;  }

.posbox{  clear:both;  padding:0; width:100%; text-align:center; margin-bottom:1%; box-shadow: 0px 0px 8px #d6d6d6; }
.menu1{ overflow:hidden; text-align:center; margin:0 auto; padding:0.8% 0; }
.menu1 a {color:#fff; line-height:28px; margin:10px 5px; padding:0.5% 2.5%;border-radius:30px; font-size:18px; text-decoration:none; text-align:center; background:#3377b9;display:inline-block;}
.menu1 a:link,.menu1 a:visited{background:#3377b9;color:#fff;}
.menu1 a:hover,.menu1 a.active,.menu1 a.active:link,.menu1 a.active:visited{ color:#FFFFFF; background:#022a51;}

.menucp{ overflow:hidden; text-align:center; margin:0 auto; padding:0.8% 0; max-width:1400px; display:flex; flex-wrap:wrap; }
.menucp a {color:#fff; line-height:22px; margin:5px 0.3%; padding:0.5% 3px;border-radius:30px; font-size:15px; text-decoration:none; text-align:center; background:#3377b9;display:inline-block; width:24.4%; }
.menucp a:link,.menucp a:visited{background:#3377b9;color:#fff;}
.menucp a:hover,.menucp a.active,.menucp a.active:link,.menucp a.active:visited{ color:#FFFFFF; background:#022a51;}

.menu3{ margin:0px auto 0px auto; max-width:1300px; clear:both;  padding:15px 0;  }
.menu3 h3{}
.menu3 h3 a,.menu3 h3 a:link,.menu3 h3 a:visited{ font-size:16px; display:block; text-align:center; color:#fff;
	-webkit-transition: background-color 0.5s ;	-moz-transition: background-color 0.5s ;-o-transition: background-color 0.5s;	transition: background-color 0.5s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height:40px; line-height:40px; }
.menu3 h3 a:hover,.menu3 h3 a.active,.menu3 h3 a.active:link,.menu3 h3 a.active:visited{background:#e94f25; color:#fff; text-decoration:none;}
.menu3 li{ float: left; padding: 0px 0px;margin: 0.5% 0.5%; width:99%; background:#026a43}
.menu3 h4 a,.menu3 h4 a:link,.menu3 h4 a:visited{ font-size:16px; display:block; text-align:center; padding:10px 0; color:#fff; line-height:20px;-webkit-transition: background-color 0.5s ;-moz-transition: background-color 0.5s ;-o-transition: background-color 0.5s;transition: background-color 0.5s;background:#c2c2c2; }
.menu3 h4 a:hover,.menu3 h4 a.active,.menu3 h4 a.active:link,.menu3 h4 a.active:visited{background:#eee; color:#fff; text-decoration:none;}

.menu4{ clear:both; margin:0 auto; max-width:1200px;}
.menu4 ul{clear:both; margin:0 auto; text-align:center;}
.menu4 ul a { display:block; float:left; width:13%; background:#ffffff; color:#000; border:1px solid #dddddd; border-radius:15px; font-size:13px; line-height:20px; margin:5px 0.5% 5px 0.5%; text-decoration:none; padding:6px 15px; overflow:hidden;}
.menu4 ul a:hover,.menu4 ul a.active,.menu4 ul a.active:link,.menu4 ul a.active:visited{color:#fff; background:#d71820; border:none;
	-webkit-transition: background-color 0.3s ;
	-moz-transition: background-color 0.3s ;
	-o-transition: background-color 0.3s;
	transition: background-color 0.3s; }

.menu5{ clear:both; margin:0 auto; max-width:1200px;}
.menu5 ul{clear:both; margin:0 auto; text-align:center;}
.menu5 ul a { display:block; float:left; width:13%; background:#ffffff; color:#000; border:1px solid #dddddd; border-radius:15px; font-size:13px; line-height:20px; margin:5px 0.5% 5px 0.5%; text-decoration:none; padding:6px 15px; overflow:hidden;}
.menu5 ul a:hover,.menu5 ul a.active,.menu5 ul a.active:link,.menu5 ul a.active:visited{color:#fff; background: #ff8a84; border:none;
	-webkit-transition: background-color 0.3s ;
	-moz-transition: background-color 0.3s ;
	-o-transition: background-color 0.3s;
	transition: background-color 0.3s; }


.menu2{clear:both;}
.menu2 h3{padding:0; margin-bottom:10px; border:#FF0000 1px solid;float:left; width:20%;}
.menu2 h3 a {color:#000;line-height:32px;padding-left:40px; font-size:14px;text-decoration: none; float:left }
.menu2 h3 a:link,.menu2 h3 a:visited{background-image: url(../images/menu1.png);background-repeat:no-repeat; background-position:12px;  }
.menu2 h3 a:hover,.menu2 h3 a.active,.menu2 h3 a.active:link,.menu2 h3 a.active:visited{color: #ff6501;background-image: url(../images/menu1a.png);background-repeat: no-repeat;}

.menu2 ul{padding:0px;}
.menu2 li a {color:#000;line-height:32px; padding-left:40px;margin-bottom:8px;text-decoration: none; display:block;}
.menu2 li a:link,.menu2 li a:visited{background-image: url(../images/menu1.png);background-repeat:no-repeat; background-position:12px;}
.menu2 li a:hover,.menu2 li a.active,.menu2 li a.active:link,.menu2 li a.active:visited{color: #ff6501;background-image: url(../images/menu1a.png);background-repeat:no-repeat;}

.backtop{ text-align:right; margin:10px 0 20px 0;}
.infosearch{ text-align:right; margin-bottom:10px; margin-top:10px; padding:5px 5px 0 0;}
.infosearch input[type="text"]{width:150px;height:23px;border: 1px solid #0753a1;-moz-border-radius: 3px;-webkit-border-radius:3px;border-radius:3px;padding-left:3px;background-color:#ffffff;}
.infosearch input[type="submit"]{background-color:#0753a1;border: 1px solid #0753a1;height:27px;width:60px;color:#ffffff;font-weight:bold;-moz-border-radius:3px;-webkit-border-radius: 3px;border-radius:3px;}

.infodes{ clear:both; padding:10px 0; line-height:20px;}

.af{ clear:both;}
.af dl{ clear:both;font-size:12px;line-height:23px;}
.af dl dt,.addf dl dd{ float:left;}
.af dl dt{ width:70px; text-align:right;}

/*信息*/
.info_list{clear:both;margin-top:0px;padding:0px;}
.info_list ul{clear:both;}
.info_list ul li{ float:left; text-align:center; margin-top:15px;}

.info_listimg{clear:both;margin-top:0px;padding:0px; overflow:hidden}
.info_listimg ul{clear:both; margin-top:10px; }
.info_listimg ul li{float:left; width:25%; padding:5px 1% 5px 1%; text-align:center; line-height:36px;margin-bottom:1rem;}
.info_listimg ul li:hover{ background:#0753a1;text-decoration: none;}
.info_listimg ul li:hover a{ color:#fff;text-decoration: none;}
.info_listimg ul li a{display:block; padding:0px; overflow:hidden;}
.info_listimg ul li a>span{white-space:nowrap;overflow: hidden;text-overflow:ellipsis;}

.info_listimg ul li img{ width:100%;display:block; border:1px solid #dddddd;}
.info_listimg ul li a:hover{text-decoration:none;}
.info_listimg ul li a p{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.info_list ol.head{background: #eeeeee;font-size:14px;height:30px;line-height:30px; text-align:center; color:#333333;}
.info_list ol.head span.title{float:left;width:65%; font-size:15px; font-weight:bold;}
.info_list ol.head span.title a{font-size:15px; font-weight:bold;}
.info_list ol.head span.views{float:left;width:10%; }
.info_list ol.head span.date{float:right;width:16%; text-align:right; padding:0 25px 0 0;}

.info_list ol.info{clear:both; font-size:12px;height:30px;line-height:30px; padding:0 0 0 10px;}
.info_list ol.bg{background: #f5f5f5; padding:0 0 0 10px;}
.info_list ol.info font.dot{color:#ee7700; font-family:"宋体";}
.info_list ol.info a.title{float:left;width:75%; line-height:42px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:1;
    overflow: hidden;
    text-overflow: ellipsis;
    text-overflow: -o-ellipsis-lastline;}
.info_list ol.info span.views{float:left;width:10%;text-align:center;font-size:12px;color:#666666;}
.info_list ol.info span.date{float:right;width:16%;  text-align:right; padding:0 20px 0 0; font-size:12px;color:#666666;}

.info_list dl{ float:left; width:300px; height:265px; text-align:center; margin:0 25px 15px 25px; }
.info_list dl dd{ height:20px;line-height:20px;}

.info_view{ clear:both;padding:5px 0 10px 0;}
.info_view h1.title{border-bottom:1px dotted #ccc; font-size:22px;line-height:26px; padding:15px 0; text-align:center; font-weight:bold; color:#3aa3e9}
.info_view h2.subtitle{ background:#f5f5f5; color:#999; font-size:14px;line-height:22px; padding:5px 0;text-align:center;}
.info_view div.content{padding:5px; font-size:14px;line-height:23px; }
.info_view div.content p{padding:10px 0; font-size:16px;}
.info_view img{ max-width:100%; display:block; margin:0 auto;}
.info_view div.atta{font-size:14px;line-height:23px;padding-top:2px;color:#ee7700; font-weight:bold;}
.info_view div.comment{font-size:12px;line-height:23px;padding-top:2px;}
.info_view div.other{ text-align:left; padding-right:0px;}
.info_view .bigimg{ padding:10px 0px; text-align:center;}

.info_commentlist{clear:both;margin-top:0px;padding:0px;}
.info_commentlist h1{background:#eeeeee;font-size:14px;line-height:28px;padding-top:3px;text-align:center;}
.info_commentlist p.name{clear:both; font-weight:bold; padding:3px 0;}
.info_commentlist p.date{clear:both; padding:3px 0; }
.info_commentlist p.content{clear:both; font-size:12px;line-height:20px; margin-bottom:20px; padding-bottom:10px; border-bottom:dotted 1px #ccc;}

.info_commentadd{ padding:5px;}
.info_commentadd p{ padding:3px 0;}
.info_commentadd input[type="text"]{ width:230px;}
.info_commentadd #txtcode{width:80px;}
.info_commentadd textarea{ width:230px;}

.supply_add{ padding:5px;}
.supply_add h2{ padding:5px; background-color:#f0f0f0; text-align:center;}
.supply_add p{ padding:3px 0;}
.supply_add input[type="text"]{ width:230px;}
.supply_add #txtcode{width:80px;}
.supply_add textarea{ width:230px;}

/*产品*/
.product_cate{clear:both;}
.product_cate dl{ clear:both; width:100%; margin-top:10px;}
.product_cate dl dt{ float:left; width:30%;}
.product_cate dl dd{ float:right; width:69%; line-height:21px;}
.product_cate dl strong{ font-size:14px;}

.product_list{clear:both;}
.product_list ul{clear:both;}

/*产品：上图下字*/
.product_list{clear:both; margin-top:0px; padding:0px; overflow:hidden}
.product_list ul{clear:both; margin-top:10px; }
.product_list ul li{float:left; width:25%; padding:5px 1% 5px 1%; text-align:center;line-height:26px;}
.product_list ul li a{display:block; background:#efefef; padding:5% 5%; -webkit-transition: background-color 1.0s ; -moz-transition: background-color 1.0s ; -o-transition: background-color 1.0s; transition: background-color 1.0s;  }
.product_list ul li img{ width:100%;display:block;}
.product_list ul li a:hover{text-decoration:none; background:#0753a1; color:#ffffff;}
.product_list ul li p{ text-align:center; margin:5px 0 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:16px; line-height:42px;}
.product_list ul li p span{ display:block; line-height:28px;}


/*产品：列表*/
.product_list ol.head{background: #eeeeee;font-size:14px;height:26px;line-height:26px;padding-top:2px; padding-left:16px;text-align:center; color:#333333;}
.product_list ol.head span.title{float:left;width:60%;}
.product_list ol.head span.views{float:left;width:10%;  }
.product_list ol.head span.date{float:right;width:28%; }

.product_list ol.info{clear:both; font-size:12px;height:27px;line-height:27px;padding:2px 0 1px 16px;background-image:url(../images/bg.gif); background-repeat:no-repeat;}
.product_list ol.bg{background: #f5f5f5;}
.product_list ol.info font.dot{color:#ee7700; font-family:"宋体";}
.product_list ol.info a.title{float:left;width:60%; }
.product_list ol.info span.views{float:left;width:10%;text-align:center;font-size:12px;color:#666666;}
.product_list ol.info span.date{float:right;width:28%; text-align:center;font-size:12px;color:#666666;}

/*产品：左图右字*/
.product_list dl{ clear:both; width:100%; margin-top:10px;}
.product_list dl dt{ float:left; margin-right:10px;}
.product_list dl dd{ float:left; line-height:21px;}
.product_list dl strong{ font-size:14px;}
.product_list dl div.summary{ line-height:20px;}

.product_view h1.title{border-bottom:1px dotted #ccc; font-size:22px;line-height:40px; padding:10px 0; text-align:center; font-weight:bold;}
.product_view h1.title b{ display:block; line-height:30px; font-size:20px;}
.product_view h2.subtitle{ background:#f5f5f5; color:#999; font-size:14px;line-height:22px; padding:5px 0;text-align:center;}
.product_view div.bigimg{ text-align:center; padding:10px 0;}
.product_view div.bigimg img{}

.product_view dl{ clear:both;}
.product_view dl dt,.product_view dl dd{ float:left;}
.product_view dl dt{ margin-right:10px; }
.product_view dl dd ul{ clear:both;}
.product_view dl dd li{ clear:both;font-size:12px;line-height:23px;}
.product_view dl dd span,.product_view dl dd p{ float:left;}
.product_view dl dd span{ width:70px; text-align:right;}
.product_view div.atta{font-size:12px;line-height:20px;color:#ee7700;}

.product_viewcart{padding:5px;}
.product_viewcart h2{ padding:5px; background-color:#f0f0f0; text-align:center; font-weight:bold;}
.product_viewcart p{ padding:3px 0; border-bottom:dotted 1px #ccc; margin-bottom:10px; padding-bottom:10px;}
.product_viewcart strong{ font-weight:bold;}
.product_viewcart input[type="text"]{ width:230px;}
.product_viewcart input.pnum{width:80px;}
.product_viewcart textarea{ width:230px;}

.proinfo_view div.content { padding:5px 5px; font-size:16px; line-height:30px; }
.proinfo_view div.content p { padding:4px 0; font-size:16px; }

/*留言内页*/
.message_add{ padding:5px;}
.message_add p{ padding:3px 0; float:left; width:50%;}
.message_add input[type="text"]{ width:96%; height:30px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cccccc;}
.message_add #txtcode{width:100px;}
.message_add textarea{ width:96%; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cccccc;}

.message_list{clear:both; margin-bottom:25px;padding:0px;font-size:12px;line-height:20px; padding:1px;}
.message_list h1.title{background:#ebebeb;font-size:14px;line-height:28px;text-align:center;}
.message_list div.memo{padding:5px 0;}
.message_list div.nickname{text-align:left; padding:3px 0px;}
.message_list div.adddate{text-align:left; padding:3px 0px;}
.message_list div.reply{ padding:5px 0;background-color:#f7f7f7; }

.order_add{ padding:5px;}
.order_add p{ padding:3px 0;}
.order_add input[type="text"]{ width:230px;}
.order_add #txtcode{width:100px;}
.order_add textarea{ width:230px;}

/*人力资源内页*/
.job_add { padding:5px; }
.job_add p { padding:3px 0; }
.job_add input[type="text"] { width:98%; height:30px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cccccc; }
.job_add #txtcode { width:100px; }
.job_add textarea { width:98%; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cccccc; }
.job_add select { height:30px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cccccc; }
.joblist { clear:both; margin-bottom:15px; padding:10px 3px 10px 3px; border-bottom:dotted #333 1px; }
.joblist p { padding:3px 0; }
.joblist p.biaoti { font-size:18px; }
.joblist p.biaoti span { font-size:18px; }
.joblist p.biaoti a { background:#eeeeee; padding:3px 15px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cccccc; }
.joblist p.fabu { color:#666666; }
.viewpic { width:100%; text-align:center; clear:both; }
.viewpic img { margin:20px auto; display:block; }
/*招聘列表*/
.job_list{ clear:both; overflow:hidden;}
.job_list ul{ clear:both; overflow:hidden;max-width:1200px; width:100%;}
.job_list ul ol{color:#fff;display:flex; justify-content:space-around;align-items:center;line-height: 55px;width:100%;}
.job_list ul ol.head{background: #ceae59;}
.job_list ul ol span{flex:1; text-align:center;}
.job_list ul ol.info{color:#333;border-bottom: 1px solid rgba(0, 0, 0, .05);}
.job_list ul ol a span{}
.white_content{ display:none;}
/*招聘列表*/
/*job招聘*/
.job_shuoming{ line-height:36px; margin:25px 0 25px 0; }
.job_tel{ text-align:center; margin:0 0 4% 0; }
.job_tel span{ font-weight:bold; font-size:30px; color:#d43126; }

.menus{width:100%;text-align: center; margin:0 auto; }
.menus ul{width: 100%;text-align: center; display:flex; justify-content:center; }
.menus ul li{ margin: 5px;border: 1px solid #d3d3d3;border-radius: 50px; padding:10px 6%; cursor: pointer}
.menus ul li:hover {background-color: #bbbdbe;color: white}
.menus ul li:hover a{background-color: #bbbdbe;color: white}
.menus a{padding: 5px}
.li_active{background-color: #bbbdbe;color: white}
.li_active a{background-color: #bbbdbe;color: white !important;}

.show_table{width: 100%}
.show_table tbody tr{ border-bottom:1px solid #ccc; }
.show_table tbody tr:first-child{ background-color:#eab25f;color:#FFF; }
.show_table tbody tr td{padding: 10px; font-size:17px; }
.zhezhao{   display:none;background-color: rgba(0,0,0,.3);width: 100%;height: 100%;position: fixed;top: 0;z-index: 7;left: 0;}
.zhezhao .bai{position: absolute;
    min-height: 200px;
	background: #fff;
	left: 50%;
	max-width: 100%;
	width: 1000px;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 8;}
.zhan{margin-top: 20px;}
.bai_title{background-color: #eab25f;line-height: 35px;padding: 15px;}
.bai_title_lef{line-height: 35px;padding: 15px;color: white}
.bai_title_right{cursor: pointer;width: 80px;border-radius: 50px;position: absolute;right: 15px;display: inline-block;border: 1px solid #9F9F9F;text-align: center;line-height: 30px;background-color: white}
#content{padding: 20px}
@media screen and (max-width:860px)
{
	.menus ul li {width: 30.66% !important;}
	.des{display: none}
	.weiixn{position: fixed;top: 200px;width:100%;left: 0;text-align: center;background-color: white;padding: 20px;border-radius: 15px;display: none}

}
@media screen and (min-width: 860px) and (max-width:1280px){
	.menus ul li {width: 32.2% !important;}
}
/*job招聘 end*/

/*分页*/
.pagelist{clear:both; font-size:14px; line-height:26px; margin:2.5% 0%; text-align:center; color:#333333;}
.pagelist a{color: #363535; text-decoration: none;line-height: 26px;margin: 5px 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 1px 3px; display:inline-block;}
.pagelist a:hover{color:#0a51a3; text-decoration:none; border:#ccc solid 0px; background:#f1f1f1;}
.pagelist a.red{color:#ffffff; text-decoration:none; font-weight:bold; background:#d71820; border:none; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.pagelist a.red:hover{color:#ffffff; text-decoration:none;}

.plinktop{text-align:right;font-size:12px;line-height:25px; padding-right:8px;}
.plinktop a,.plinktop a:link,.plinktop a:visited { padding:0 3px;color:#363535;  text-decoration:none;}
.plinktop a:hover{color:#ee7700; text-decoration:underline;}
.plinktop a.red,.plinktop a.red:link,.plinktop a.red:visited {color:#ee7700; text-decoration:underline; }
.plinktop a.red:hover{color:#ee7700; text-decoration:underline;}

.plinkbottom{text-align:center;font-size:14px;line-height:25px;  padding-right:0px; margin:20px 0 0 0;}
.plinkbottom a,.plinkbottom a:link,.plinkbottom a:visited {padding:0 3px;color:#363535;text-decoration:none; }
.plinkbottom a:hover{color:#ee7700; text-decoration:underline;}
.plinkbottom a.red,.plinkbottom a.red:link,.plinkbottom a.red:visited {color:#ee7700; text-decoration:underline; }
.plinkbottom a.red:hover{color:#ee7700; text-decoration:underline;}

.imgborder{ border:#dedede solid 1px;}

.roundabout-holder  {
	width:850px;
	height:496px;
	margin:0 auto;

}
.roundabout-moveable-item {
   width:650px;
   height:394px;
   cursor: pointer;
	border:3px solid #ccc;
	border:3px solid rgba(0, 0, 0, 0.08);
   border-radius:4px;
	 -moz-border-radius:4px;
	 -webkit-border-radius:4px;
}
	.roundabout-moveable-item img{
		width:100%;
	}
.roundabout-in-focus {
	border:4px solid rgba(0, 0, 0, 0.1);
}

/*新闻内页*/
.info_listxw{clear:both; padding:0px; margin-top:20px; display:block; overflow:hidden;}
.info_listxw dl{ clear:both; padding:1.5% 0px; border-bottom:1px dotted #cccccc; overflow:hidden;position: relative;}
.info_listxw dl:before{ content:""; background:#f8f8f8; width:100%; height:100%; position:absolute; left: 0; top: 0;  opacity: 0; visibility: hidden; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); transition: 570ms; }

.info_listxw dl:hover:before {opacity: 1; visibility: visible; transform: scaleY(1); -webkit-transform: scaleY(1); -moz-transform: scaleY(1); }
.info_listxw dl:hover dt img {transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}

.info_listxw dl dt{ display:none;}
.info_listxw dl dd{ clear:both; position:relative; padding:0px 1%;}
.info_listxw dl dd a.title{ clear:both; display:block; font-size:18px; line-height:24px;}
.info_listxw dl dd .jianyao{ clear:both; font-size:13px; line-height:24px; color:#666666; height:48px; overflow:hidden;}
.info_listxw dl dd .jianyao p{ float:left; color:#666666; text-align:left; }
.info_listxw dl dd .jianyao div{float:left; color:#666666; text-align:left; list-style-type: none;}
.info_listxw dl dd .jianyao font{float:left; color:#666666; text-align:left;}
.info_listxw dl dd .jianyao span{float:left; color:#666666; text-align:left;}
.info_listxw dl dd .jianyao strong{float:left; font-weight:normal;}
.info_listxw dl dd .jianyao a{float:left; color:#666666;}
.info_listxw dl dd .jianyao img{ display:none;}
.info_listxw dl dd .jianyao br{ display:none;}
.info_listxw dl dd .jianyao iframe{ display:none;}
.info_listxw dl dd .newsdate{ clear:both; color:#999999; line-height:26px;}

/* 特效滚动 */
#focus_Box{position:relative;width:800px;height:554px;margin:20px auto;}
#focus_Box ul{position:relative;width:800px;height:554px}
#focus_Box li{z-index:0;position:absolute; width:0px;background:#787878;height:0px;top:146px;cursor:pointer;left:200px;border-radius:4px;box-shadow:1px 1px 12px rgba(200, 200, 200, 1)}
#focus_Box li img{width:100%;background:url(../images/loading.gif) no-repeat center 50%;height:100%;vertical-align:top}
#focus_Box li p{position:absolute;left:0;bottom:0px;width:100%;height:40px;line-height:40px;background:url(../images/float-bg.png) repeat;text-indent:8px;color:#fff;}
#focus_Box li p span{display:inline-block;width:70%;height:40px;overflow:hidden;}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:52px;height:52px;top:131px;}
#focus_Box .prev{background:url(../images/btn.png) left bottom no-repeat;left:0px}
#focus_Box .next{background:url(../images/btn.png) right bottom no-repeat;right:0px}
#focus_Box .prev:hover{background-position:left top;}
#focus_Box .next:hover{background-position:right top;}
#focus_Box a.imgs-scroll-btn{display:block;position:absolute;z-index:110;top:7px;right:15px;width:51px;height:23px;overflow:hidden;background:url(../images/share-btn.png) no-repeat;text-indent:-999px;}

/*QQ客服样式*/
.main-im{position:fixed;right:10px;top:300px;z-index:100;width:110px;height:272px;}
.main-im .qq-a{display:block;width:106px;height:116px;font-size:14px;color:#0484cd;text-align:center;position:relative;}
.main-im .qq-a span{bottom:5px;position:absolute;width:90px;left:10px;}
.main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9;}
.main-im .qq-container{z-index:99;position:absolute;width:109px;height:118px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #dddddd;background:url(../images/qq-icon-bg.png) no-repeat center 8px;}
.main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute;}
.main-im .im_main{background:#F9FAFB;border:1px solid #dddddd;border-radius:10px;background:#F9FAFB;display:none;}
.main-im .im_main .im-tel{color:#000000;text-align:center;width:109px;height:105px;border-bottom:1px solid #dddddd;}
.main-im .im_main .im-tel div{font-weight:bold;font-size:12px;margin-top:6px;}
.main-im .im_main .im-tel .tel-num{font-family:Arial;font-weight:bold;color:#e66d15;}
.main-im .im_main .im-tel:hover{background:#fafafa;}
.main-im .im_main .weixing-container{width:55px;height:47px;border-right:1px solid #dddddd;background:#f5f5f5;border-bottom-left-radius:10px;background:url(../images/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show{width:112px;height:172px;background:#ffffff;border-radius:10px;border:1px solid #dddddd;position:absolute;left:-125px;top:-126px;}
.main-im .im_main .weixing-show .weixing-sanjiao{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #ffffff;border-width:6px;left:112px;top:134px;position:absolute;z-index:2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #dddddd;border-width:8px;left:112px;top:132px;position:absolute;}
.main-im .im_main .weixing-show .weixing-ma{width:104px;height:103px;padding-left:5px;padding-top:5px;}
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto;text-align:center;}
.main-im .im_main .go-top{width:50px;height:47px;background:#f5f5f5;border-bottom-right-radius:10px;background:url(../images/toTop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a{display:block;width:52px;height:47px;}
.main-im .close-im{position:absolute;right:10px;top:-12px;z-index:100;width:24px;height:24px;}
.main-im .close-im a{display:block;width:24px;height:24px;background:url(../images/close_im.png) no-repeat left top;}
.main-im .close-im a:hover{text-decoration:none;}
.main-im .open-im{cursor:pointer;margin-left:68px;width:40px;height:133px;background:url(../images/open_im.png) no-repeat left top;}
.cart-btn {
	width: 60px;
	height:60px;
	height:60px;
	position: fixed;
	top:300px;
	right:0px;
	z-index: 99;
	cursor: pointer;
}
/*导航栏开始*/
.mainnav ul li:hover > ul {
	display:block;
}
.mainnav ul li:hover > ul li:hover {
	display:block;
}
/*.mainnav li > a:after { content:  ' +'; }*/
.mainnav li > a:only-child:after { content: ''; }
/*导航栏结束*/
.menu1_box{ overflow:hidden; text-align:center; }
.menu1_box h2{display: none;}
.menu1_box a {color:#000000; line-height:40px;  padding:10px 15px; font-size:15px; text-decoration:none; text-align:center; background:#e6e6e6; 	-webkit-transition: background-color 0.5s;	-moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s;}
.menu1_box a:link,.menu1_box a:visited{background:#e6e6e6;}
.menu1_box a:hover,.menu1_box a.active,.menu1_box a.active:link,.menu1_box a.active:visited{background:#d71820; color:#FFFFFF;}
.menu1_box ul li {display: inline;float: left;width:120px;}
.menu1_box ul {display: inline-block;overflow: auto;}
.page_road{text-align: center;}
/*订单信息*/
.tipcontent {
	width: 300px;
	margin: 10px auto 0 auto;
}
.tipcontent .reason{
	margin-left: 10px;
}
#iknow{
	display: block;
	line-height: 30px;
	height: 30px;
	width: 100px;
	margin: 0 auto;
	text-align: center;
	border-radius:5px;
	cursor:pointer;
	background:#d71820;
	color: #fff;
	margin-top:20px;
}
.tipcontent table td{
	height:40px;
}
.order_title{
	height:40px;line-height:40px;
	padding-left: 10px;
}
.product_info{
	width:70%;
}
.product_info td{
	width:25%;
	height: auto;
	line-height:35px;
	text-align: left;
	padding-left:30px;
}
.pro_name{
	cursor:pointer;
}
.address_info{
	width:80%;
}
.address_info td:nth-child(2),.address_info td:nth-child(4){
	width:30%;
	height: auto;
	line-height:35px;
}
/*订单退款申请结束*/
#layui-layer1{
	border: 1px solid #8D8D8D;
}
#layui-layer1 .layui-layer-title{padding-left:10px;font-size:15px;}
.action_box span,.action_box a{
	color:#40a9ff;
	cursor: pointer;
}
/*相关产品/相关新闻*/
.product_related{ clear:both; overflow:hidden}
.product_related .title{ line-height:34px; font-size:16px; font-weight:bold; border:#e6e6e6 1px solid; margin-bottom:2%; padding-left:2%;}
.product_related ul{}
.product_related ul li{float:left; width:21%; padding-right:2%; padding-left:2%; padding-bottom:2%; line-height:24px;}
.product_related ul li img{ border:#e5e5e5 1px solid;width:100%;}
.product_related li a{ text-align:center; display:block}

.news_related{ clear:both; margin-top:2%;}
.news_related .title{ line-height:34px; font-size:16px; font-weight:bold; border:#e6e6e6 1px solid; margin-bottom:2%; padding-left:2%;}
.news_related ul{ width:96%; margin:0 auto}
.news_related li{float:left; width:48%; margin-left:0.5%; margin-right:0.5%; line-height:34px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}

.mins {
	position: fixed;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 999;
	display: none;
	text-align: center;
}
.mins form{      width: 350px;
	margin: 220px auto;
	background: rgba(0,0,0,.7);
	padding: 20px;
}
.mins span{    padding-right: 20px;
	margin-top: 225px;
	display: inline-block;
	position: absolute;
	margin-left: 175px;}
.mins span a{color:#FFF}


.chanel_list{width: 100%;margin-bottom: 10px}
.chanel_list li{float: left;margin: 5px;cursor: pointer;}
.search_request{width: 100%}
.pagelist_ul li {float: left;margin: 5px auto;max-width: 5%}
.pagelist a {color: #363535;
	text-decoration: none;
	line-height: 26px;
	margin: 5px 2px;
	border: #CCCCCC solid 1px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 3px 8px;}
.search_request_ul li{line-height: 50px;height: 50px;border-bottom: 1px solid #CCCCCC;color: grey}
.search_request_ul li span{font-size: 13px}
.search_request_ul li a{color: #333333}
.search_request_ul li span:last-child{float: right}