﻿body{ background:#fff; background-size:cover; font-family:"黑体";font-size:18px; line-height:40px; color:#000; min-width:980px;}

body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr,input{ margin:0; padding:0;font-family:"黑体"; }
li,img,input,em{ list-style:none; border:none; font-style:normal; margin:0; padding:0;}
a{ text-decoration:none; color:#000000;}
*{ margin:0; padding:0;}

.wrap{ width:980px; margin:0 auto;}
.clear{ clear:both;}

.top{width:100%; float:left; background:#fff; padding-bottom:20px;}
.logo{float:left;}
.tel{float:right; background:url(../images/tel.jpg) no-repeat left center; padding-left:58px; margin-top:32px;}
.tel span{display:block;font-size:18px; line-height:24px; color:#666666; height:24px; font-weight:bold;}



.banner{width:100%; float:left;}
/*切换大图*/
.flexslider{position:relative;height:341px;overflow:hidden; z-index:0;}
.slides{position:relative;z-index:0;height:341px;overflow:hidden;}
.slides li{height:341px;}
.slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:-9999px}
.flex-control-nav{position:absolute;bottom:10px;z-index:2; left:45%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px; float:left;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:45px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
/*左右箭头，如果不要可删除*/
.flex-direction-nav{position:absolute;z-index:3; left:0;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:60px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:60px;background:url(../images/next.png) center center no-repeat;}



.content{width:100%; float:left; background:#fff;}
.pos{ text-align:center; padding:48px 0px;}
.pos ul{ margin:0 auto; overflow:hidden;}
.pos li{ width:245px; height:78px; float:left; text-align:center; overflow:hidden;}
.pos li a{display:block; line-height:78px; font-size:24px;  color:#fff; text-align:center; letter-spacing:1px; font-family:"黑体";}
.pl1{ background:#e03a3e;}
.pl2{ background:#004b85;}
.pl3{ background:#018287;}
.pl4{ background:#e9cc32;}

.zbox{ overflow:hidden; padding-top:20px; }
.ztit{ font-size:38px; font-weight:bold; line-height:48px;padding-left:40px; color:#454545;}
.znr{ font-size:16px; line-height:26px; overflow:hidden; padding:20px 40px; color:#333333;}


.you{ overflow:hidden; padding:40px;}
.ytit{font-size:32px; font-weight:bold; line-height:42px;color:#454545;}

.ynr{ overflow:hidden; padding-top:40px;}

.ylist{ overflow:hidden; width:930px;}
.ylist li{ width:400px; float:left; overflow:hidden; padding-right:65px; padding-bottom:15px;}
.ylist li span{ display:block; font-size:16px; line-height:24px; background:url(../images/ylog.png) no-repeat left 8px; padding-left:20px; height:48px; overflow:hidden; color:#565656;}
.ylist li span:hover{color:#c62520;}


.news{ overflow:hidden; padding:40px;}

.ngd{ overflow:hidden; padding-top:40px; height:300px;}


/* 本例子css */
.txtMarquee-top{ width:900px;  overflow:hidden; position:relative;}
.txtMarquee-top .hd{ overflow:hidden;  height:31px; padding:0 20px;}
.txtMarquee-top .hd .prev{ display:block; width:50px; height:31px; float:right;overflow:hidden;cursor:pointer; background:url(../images/shang.jpg) no-repeat left top;}
.txtMarquee-top .hd .next{ display:block; width:50px; height:31px; float:right;overflow:hidden;cursor:pointer; background:url(../images/xia.jpg) no-repeat left top; margin-right:2px;}
.txtMarquee-top .bd{overflow:hidden; background:#fff;width:900px}

.nlist{ overflow:hidden; width:930px;}
.nlist li{ overflow:hidden;}
.nlist dd{ width:400px; float:left; overflow:hidden; padding-right:65px; padding-bottom:15px;}
.nlist li dd a{ display:block; font-size:16px; line-height:24px; background:url(../images/nlog.png) no-repeat left 8px; padding-left:20px; height:48px; overflow:hidden; color:#565656;}
.nlist li dd a:hover{color:#e68120;}


.tu{ overflow:hidden; text-align:center;}

.pro{ overflow:hidden; margin:20px 0px;}
.pro ul{ overflow:hidden; width:878px; margin:0 auto;}
.pro ul li{ width:230px; height:230px; border:1px dashed #b5b5b5; overflow:hidden; float:left; margin:20px 30px; border-radius:15px;}
.pro ul li .pic{border-radius:15px;border-bottom:1px dashed #8b8888; width:230px; height:180px; position:relative; overflow:hidden; text-align:center; vertical-align:middle;}
.pro ul li .pic img{ max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;transition:all 0.4s;}
.pro ul li .pic i{ display:inline-block; vertical-align:middle; height:100%;}
.pro ul li .pic .ptu{text-align: center;position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;}
.pro ul li .pmc{ width:230px; text-align:center; line-height:50px; font-size:16px; color:#6b6b6b;}
.pro ul li:hover .pic img{transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-webkit-transform: scale(1.2,1.2);}
.pro ul li:hover .pmc{ color:#b30a60;}

.news_img{ text-align:center; overflow:hidden;}
.news_img img{max-width:100%; height:auto;}

.pro_nr{ font-size:18px; line-height:40px; overflow:hidden; padding-top:50px;}
.ptit{ font-size:24px; font-weight:bold; color:#bf153a; line-height:50px;}

.pn1{  overflow:hidden; text-align:left; vertical-align:top; padding-top:20px;}
.pn1 img{max-width:100%; height:auto;}
.pn2{width:40px; clear:both;}
.pn3{ overflow:hidden;}

/*
.pn1{ width:380px; overflow:hidden; text-align:center; vertical-align:top; padding-top:20px;}
.pn1 img{max-width:100%; height:auto;}
.pn2{width:40px; clear:both;}
.pn3{ width:560px; overflow:hidden;}
*/





.foot{width:100%; float:left; background:#333; border-top:10px solid #4c4c4c; padding:10px 0px 20px 0px;font-size:12px; line-height:22px; color:#a6a6a6;}
.fole{ font-size:12px; line-height:22px; color:#a6a6a6; overflow:hidden; float:left;}
.fori{ font-size:12px ; line-height:22px; color:#dddddd; overflow:hidden; float:right;}
.fori a{font-size:12px ; line-height:22px; color:#dddddd; padding:0 5px;}
.fojj{ clear:both; overflow:hidden; text-align:center;font-size:12px; line-height:20px; color:#a6a6a6; padding-top:10px; margin:0 auto;}
.fojj a{font-size:12px; line-height:20px; color:#a6a6a6; padding:0px 8px; display:inline-block; text-align:center;}

/*在线客服*/
.keifu{ position:fixed; top:10%; right:0; width:131px;  _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom,10)||0)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
 z-index:990;}
.keifu_tab{ width:160px;}
.icon_keifu{ width:26px; height:160px; float:left; background:url(../images/keifu.png) 0 0; position:relative; display:none; cursor:pointer;}
.keifu_box{ float:left; width:131px; height:221px;}
.keifu_tab img{ display:block;}
.keifu_head{ width:131px; height:41px; background:url(../images/keifu.png); background-position: 0 -103px; font-size:0; line-height:0; position:relative;}
.keifu_close:link,.keifu_close:visited{ display:block; width:11px; height:11px; background:url(../images/keifu.png) -42px 0; position:absolute; top:5px; right:5px;}
.keifu_close:hover{ background-position:-60px 0;}
.keifu_con{ border-left:7px solid #3da3e3; border-right:7px solid #3da3e3; padding:15px 0px; background:#fbfbfb;}
.keifu_con li{}
.keifu_con li img{ max-width:110px; display:block; margin:0 auto;}
.keifu_con .weixin{ height:96px;}
.keifu_con .bt{ font-size:16px; height:30px; line-height:30px; text-align:left; padding:0 0 0 20px; color:#012646;}
.keifu_bot{ width:131px; height:30px; background:url(../images/keifu.png); background-position:0 -149px; }

.company{ overflow:hidden; padding:50px 0px;}
.news_tit{ overflow:hidden; text-align:center; line-height:40px; font-size:30px; font-weight:bold; color:#333333;}
.news_nr{ overflow:hidden; font-size:14px; line-height:24px; color:#333333; padding:20px 0px;}



.box1{ overflow:hidden; padding:40px 30px;}
.btit1{ font-size:30px; line-height:44px; color:#2d2d2d; font-weight:bold; letter-spacing:4px;}
.btit1 span{ color:#db2b4f;}
.bjj{ overflow:hidden; letter-spacing:1px; color:#6e6f70;}
.ble{width:480px; float:left; overflow:hidden;}

.bnr1{ overflow:hidden; font-size:14px; line-height:28px; color:#010000; padding:5px 0px;}
.btit2{ font-size:26px; letter-spacing:1px; line-height:34px; color:#010000; overflow:hidden; padding:10px 0px; font-weight:bold;}
.bnspan{ color:#f50206;}

.blele{ width:235px; float:left; overflow:hidden; line-height:28px; font-size:16px;}
.bleri{ width:220px; float:right; overflow:hidden;line-height:28px; font-size:16px;}
.bletit{ overflow:hidden; font-size:18px; line-height:24px; padding:10px 0px;}
.bri{ padding-top:20px; width:400px; overflow:hidden; float:right;}
.bri img{max-width:400px; height:auto;}
.bjtel{ padding-left:10px; font-weight:bold; color:#f30100;}

.fbox{ overflow:hidden; padding:40px 30px; color:#000; font-family:"黑体";}
.fle{ width:450px; float:left; overflow:hidden;}
.fle img{max-width:450px; height:auto;}
.fri{ width:440px; float:right; overflow:hidden; font-size:24px; line-height:44px; color:#363233;}
.fnr1{ padding:20px 0px 30px 10px; overflow:hidden; font-family:"黑体"; color:#000; font-weight:bold;}
.fspan{ color:#cd0220;}
.fnr2{ padding:10px 0px 20px 10px; overflow:hidden; font-family:"黑体"; color:#000; font-weight:bold;}

.ybox{ overflow:hidden; padding:40px 30px;}
.ynle{ width:450px; float:left; overflow:hidden;}
.ystit{ font-size:26px; line-height:44px; color:#c20018; font-weight:bold; letter-spacing:4px; padding-top:20px;}
.ysnr{ overflow:hidden; padding:30px 0px 0px 20px; font-size:18px; line-height:30px; color:#000; font-weight:bold;}
.ynri{ width:400px; float:right; overflow:hidden;}
.ynri img{max-width:400px; height:auto;}



.tbox{ overflow:hidden; padding:40px 30px;}
.tle{width:500px; float:left; overflow:hidden;}
.tle img{max-width:100%; height:auto;}
.tri{ width:420px; float:right; overflow:hidden;}
.ttit1{ font-size:30px; line-height:44px; color:#2d2d2d; font-weight:bold; letter-spacing:2px; padding:15px 0px 10px 0px;}
.ttit1 span{ color:#db2b4f;}
.tnr{ font-size:18px; line-height:28px; color:#4f4f4f; padding:10px;}
.tspan{ color:#e93251;}
.tspan1{ display:block; color:#e93251; padding-left:89px; letter-spacing:1px; font-size:18px; line-height:18px; overflow:hidden;}























