@charset "utf-8";
*{ margin:0;padding:0;}
body{margin:0px;padding:0px;background:#e2e2e2;color:#333;line-height:150%;font-size:14px;font-family:Arial, Helvetica, sans-serif}

div,form,img,ul,ol,li,dl,dt,dd,p{margin:0;padding:0;border:0;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-weight:bold;margin-right:auto;margin-left:auto;}
table,td,tr,th{font-size: 12px;line-height: 150%;color: #444;text-decoration: none;	font-family: Arial, Helvetica, sans-serif;}
.dd1{ width:100%; border-left:#eee solid 1px;border-top:#eee solid 1px;border-collapse:collapse;} 
.dd1 td{border-right:#eee solid 1px;border-bottom:#eee solid 1px;padding:4px;}
li{list-style-type:none;}
ul,li {list-style:none;}
.clear {clear: both; margin:0; padding:0; height:0; font-size:0; line-height:0;visibility: hidden;}
.time{font-size:11px;color:#666}

a:link {	color: #555;	text-decoration: none;}
a:visited {	color: #555;	text-decoration: none;}
a:hover {	color: #d7124a;	text-decoration:underline;}
a:active {	color: #d7124a;	text-decoration: none;}
a.menu2:link {	color: #143d89;	text-decoration:none;}
a.menu2:visited {	color:#143d89;	text-decoration:none;}
a.menu2:hover {	color: #000;	text-decoration: none}
a.menu2:active {	color: #000;	text-decoration: none;}
.menu2 {color: #0f5403;}
.biaodan{border:1px solid #ccc;height:18px; line-height:18px;color:#001282;background-color:#fefefe;}
.biaodan1{border:1px solid #ccc;background-color:#fefefe;color:#001282}
.linkline{ padding-left:5px; padding-right:5px}
.button {border: #333 1px double; color: #fff; padding-top: 3px; background-color: #ff6600; padding-left:3px; padding-right:3px}
/**首页头部与底部**/
#head,#nav,#index,#foot,#banner,#aboutmain,#top,#footlink,.banner{ width:1200px; margin:0px auto;}
#headok{ background:url(../img/topdi.gif) repeat-x bottom; height:95px}
#menuok{ background:#0051a3; height:52px;}
#head{height:85px;}
#logo{ width:400px; height:auto; float:left}
#right{ width:580px; float:right; height:85px; background-image:url(../img/phone.gif); background-repeat:no-repeat; background-position:bottom right}
.luange{ height:21px; width:185px; background-image:url(../img/languer.gif); padding-top:7px;text-align:center;color:#FFFFFF; margin-left:394px}
.luange a{ color:#FFFFFF}
.qq{ text-align:right; padding-top:20px; padding-right:290px}
#banner{ height:auto; padding-top:10px; padding-bottom:10px}

/*banner*/
.banner{margin-top: 10px;}
.banner img{width:100%}
.banner .swiper-slide {overflow: hidden;}
.banner .swiper-pagination{bottom:5px;}
.banner .swiper-pagination-clickable .swiper-pagination-bullet{height: 6px;width:10px;border-radius: 3px;margin: 0 2px;opacity:1;background-color: #fff;}
.banner .swiper-pagination-bullet-active{width:20px !important;background: #ffff00 !important;opacity: 1 !important;}
.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'; display: none;}
.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'; display: none;}
.indexline{height: 1px;background: #e2e2e2; margin: 0 35px;}
.newpro{padding: 15px 0 0;}
.index{padding:20px 35px 30px;}
.indexcontact{ border:1px solid #ccc;background-color:#FFFFFF; border-radius: 5px; margin:10px 20px 0; padding: 15px 18px; line-height: 1.8;}
.indexcontact strong{ color:#CC0000}
.indexcontact p{ padding-top:6px}
.leftindex{ width:61%; float:left}
.indexabout{line-height: 1.8; padding-top: 15px; color: #555}
.indexabout dt{ padding-top:10px}
.rightindex{ width:35%; float:right}
.indexnews{ width:auto; padding-top: 10px;}
.indexnews ul {padding: 0px; margin:0px; list-style-type:none;}
.indexnews li { text-indent:10px;line-height:35px;height:35px;background:url(../img/leftjian1.gif) no-repeat 2px 50%; border-bottom:1px dashed #ccc;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#footok{ background-image:url(../img/line.gif); background-position:top; background-repeat: repeat-x; margin-top:20px}
#foot{ height:30px; padding-top:20px;color:#143d89}
#footleft{ float:left; width:300px; text-align:left}
#footright{ float:right; width:660px; text-align:right}
#footlink{ height:50px;}
#footlink ul{ margin:0; padding:0; list-style-type:none}
#footlink img{ width:130px; height:40px; border:1px solid #eee}
#footlink li{ float:left; width:140px; height:auto}
.friendlink{ padding-top:5px; padding-bottom:10px; line-height:24px; text-align:center}
/* 导航菜单 */
#nav{ height:52px;overflow:hidden;}
#nav ul{ padding:0px;margin:0px;list-style-type: none;height:52px;border-left:1px solid rgba(255,255,255,0.15)}
#nav li{float:left;width:16.66%;text-align:center;line-height:52px;font-size:16px; border-right:1px solid rgba(255,255,255,0.15); box-sizing: border-box; -webkit-box-sizing: border-box;}
#nav a,#nav a:link,#nav a:active {color:#fff;display:block;}
#nav a:hover{display:block;color:#ffff00; text-decoration:none;}
#nav li.home{}
#nav li.home a{color:#ffff00;}
#nav li.home a:hover{color:#ffff00;}
/*内页*/
#aboutmain{height:auto;background:#ebf1f2; border-radius: 5px; overflow: hidden;}
#leftabout{ width:22%;float:left;height:auto; text-align:left;}
.leftmenu{padding:20px 20px;}
.lefttitle{border-bottom: 1px solid #b3b4b9; height: 42px;}
.lefttitle h2{font-size: 18px; line-height: 40px; font-weight: bold; border-bottom: 3px solid #d7124a; display: inline-block;}
.leftmenu p{}
.leftmenu a,.leftmenu a:link,.leftmenu a:visited,.leftmenu a:active {color: #666; text-decoration:none;padding-left:23px; display: block;}
.leftmenu a:hover {color: #d7124a;}
.leftmenu ul {	padding: 0px; margin: 0px; list-style-type:none;border-bottom: 1px solid #fff;}
.leftmenu li {background:url(../img/leftmenujian.gif) no-repeat 5px 16px; line-height:22px; padding: 8px 0; border-bottom: 1px solid #b3b4b9;border-top: 1px solid #fff;}
.leftzs{ padding-top:10px; text-align:center}

#rightabout{ width:78%;float:left;text-align:left; background: #fff;}
.locationok{padding: 20px 35px 0;}
.location{border-bottom: 1px solid #ddd; height: 42px;}
.location h2{font-size: 18px; line-height: 40px; font-weight: bold; border-bottom: 3px solid #d7124a; display: inline-block;}

.locationright{ width:610px; text-align:right; line-height:32px; float:right; padding-right:15px}
.aboutcontent{padding: 20px 35px 30px; line-height:1.8; min-height: 500px;}
.aboutcontent strong{ color:#124170}
.newscontent{ padding: 30px 35px;}
.leftcontent{ float:left; width:50%;}
.leftcontent img{max-width: 100%;}
.rightcontent{ float:right; width:46%; line-height:2; font-size: 16px;}
.productcontent{width:auto;height:auto; margin:0px auto; padding-top:15px;min-height: 1080px;}
/**左边导航二级**/
.pro_type{padding:20px 20px;}
.pro_type p{ padding:0}
.pro_type ul{padding:0; margin:0; list-style-type:none;border-bottom: 1px solid #fff;}
.pro_type li {background:url(../img/leftmenujian.gif) no-repeat 5px 16px; line-height:22px; padding: 8px 0; border-bottom: 1px solid #b3b4b9;border-top: 1px solid #fff;}
.pro_type ol{line-height:20px; list-style-type:none; padding-left:25px; padding-top:3px; _padding-left:0px}
.pro_type a { color: #364b5a;font-weight: normal; padding-left:23px; display: block;}
.pro_type a:hover {color: #0066cc;font-weight: normal;}
/**产品分页**/
.page_pic {padding:0 25px 15px;}
.page_pic a {text-decoration: none;}
.page_pic img {max-width: 100%;}
.page_pic ul { margin: 0px;padding: 0px;list-style-type: none;}
.page_pic dt { text-align: center;margin: 0px;padding: 5px 0 0;line-height:26px;}
.page_pic li {text-align: center;float: left; width:25%;}
.page_box{margin:10px;}
.page_pic li:nth-child(4n+1){clear: both;}
.xxcs{  height:37px;border-bottom:1px solid #d5d5d5; width:auto; text-align:left; margin-top:25px}
.xxcs h3{background-image:url(../img/xx.gif);line-height:37px;height:37px;font-size:16px; font-weight:bold; width:120px; text-align:center; float:left}
.procs{ width:auto; height:auto; padding-top:25px;min-height: 550px;}
/**新闻**/
.news{margin-top: -20px;}
.news a {color: #333; TEXT-DECORATION: none}
.news a:hover {	color: #ff0000}
.news ul {padding: 0px; margin:0px; list-style-type:none;}
.news li { text-indent:15px;line-height:45px;height:45px;background:url(../img/leftjian1.gif) no-repeat 2px 50%;border-bottom:1px dashed #ccc;}
.leftnews{float:left; width:90%;text-indent:15px;line-height:45px;background:url(../img/leftjian1.gif) no-repeat 2px 50%;border-bottom:1px dashed #ccc;}
.rightnews{float:right; text-align:right; width:10%;line-height:45px;font-size:11px; color:#ccc;border-bottom:1px dashed #ccc;}

.viewbox{}
.viewbox h1{font-size:18px;color:#0a3767;line-height:1;text-align:center; padding-bottom: 15px;font-weight: normal;}
.content{ height:auto;border-top:1px #ccc dashed; padding-top:20px; color: #666; line-height: 1.8;}
.content img{display: block; text-align: center; margin: 10px auto 0;}
.context{margin-top:20px;width:auto;border-top:1px #ccc dashed;padding-top:10px;}
.context ul{ padding:0px; margin:0px;list-style-type:none;}
.context li{ line-height: 26px;}

/* 分页 */
.newspage{ height:auto; padding-top: 15px; margin: 0 35px;}
.propage{ border-top:1px dotted #ccc; height:65px; padding-top: 15px; margin: 0 35px;}
DIV.black2 {PADDING-TOP:8px; TEXT-ALIGN: center;}
DIV.black2 A {BORDER: #000000 1px solid;  PADDING:4px 8px;MARGIN: 2px;COLOR: #000000;TEXT-DECORATION: none}
DIV.black2 A:hover {BORDER: #000000 1px solid;COLOR: #fff;BACKGROUND-COLOR: #000}
DIV.black2 A:active {BORDER: #000000 1px solid;COLOR: #fff;BACKGROUND-COLOR: #000}
DIV.black2 SPAN.current {BORDER: #d7124a 1px solid; PADDING:4px 8px;FONT-WEIGHT: bold; MARGIN: 2px; COLOR: #fff; BACKGROUND-COLOR: #d7124a}
DIV.black2 SPAN.disabled {BORDER: #eee 1px solid; PADDING:4px 8px;MARGIN: 2px;COLOR: #ddd;}
/**客服效果**/
.kefubox{width:124px;position:fixed;z-index:99;right:0px;top:95px;text-align:left;}
.kefutop{ background:url(../images/kefu/kf-top.png) no-repeat top; height:10px}
.kefumiddle{background:url(../images/kefu/kf-di.png); padding-left:4px; padding-right:4px}
.kefutitle{background:url(../images/kefu/kftitle.png); height:29px; line-height:29px; font-weight:bold; text-align:center}
.kefucontent{background:#ffffff; text-align:center; padding-top:8px}
.kefucontent li{ text-align:center; line-height:30px}
.kefucontent span{ padding-left:5px}
.kefudown{ background:url(../images/kefu/kfdown.png) no-repeat top; height:12px}
.telbox{ padding-top:6px; font-size:12px; text-align:center; padding-bottom:6px}
.telbox span{font-size:12px;}
.qqonimage{ text-align:center; padding-top:5px}