@charset "utf-8";
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font:12px/1.5em arial,"微软雅黑",HELVETICA;background:#fff;color: #333}
a{text-decoration:none}
a:hover{text-decoration:none ;cursor: pointer}
em{font-style:normal}
ul,li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
img { border:0;display: block; }
.clearfix:after{content: "." ;clear:both;display: block;height: 0;
    overflow: hidden;visibility: hidden;}
html,body{height: 100%;width: 100%}
.con{margin: 0 auto; width: 1198px;}
/*---------------------------------------------------------------*/
.top{background: #fff;height: 98px}
.topL{width: 177px;height: 60px;float: left;padding-top: 22px;}
.topR{width: 1121px;float: left;height: 81px;padding-top: 12px}
.topR p{font-size: 36px;font-weight: 600;color:#000;}
.topR img{margin-top:13px;float:left}
.topR em{float: right;margin-top: 28px;font-size: 16px;}
/*top ends*/
#nav{height: 70px;background: #030303;}
.nav li{float: left;}
.nav li a{width: 198px;height: 70px;color: #fff;display: block;text-align: center;line-height: 70px;font-size: 18px}
.nav li a:hover{background: #18b3b8}
.bannertop{width:100%;height: 89px;background: #000;opacity: 0.3;filter: alpha(opacity=30);position: absolute;bottom: 0;z-index:999;}
.btpL{width:428px;height:61px;float: left;padding: 28px 0 0 171px}
.btpL img{float: left;}
.btPhone p{font-size: 24px;color: #fff;text-align: center;width: 269px;float: left; line-height: 44px}
/*nav end*/
.product{width:738px;height: 70px;background: url(../images/product.jpg) no-repeat center;padding:51px 0 0 460px;}
.pro{height: 58px;width: 276px}
.pro img{float: left;}
.pro p{float: left;font-size: 28px;color: #000;margin-left: 20px}
#proShow{background:#05d1d2;height: 384px;margin-bottom: 36px;}
.proShow{height: 384px;position: relative;}
.proShowL{width:261px;height: 343px;float: left;padding:41px 0 0 165px;}
.proShowL .img2{margin-top:16px;margin-bottom: 16px}
.proShowL p{font-size: 24px;color: #fff}
.proShowR{width: 772px;float: left;height: 312px;padding-top: 72px}
.tiao{width: 100px;height: 2px;background: #fff;margin-top: 16px;margin-bottom: 26px}
.proShowL .more a{color: #ff6587;font-size: 18px}
.imgCen a{color:#FFFFFF}
/*手风琴   start*/

.flash4{width:837px;height:241px;margin:0px auto;position:relative;}
.flash4 ul li{width:106px;height:241px;border-left:1px solid #000;position:relative;overflow:hidden;float:left;}
.flash4 ul li .imgTop img{opacity:0.4;}
.flash4 ul li .imgTop img.tm{opacity:1;}

.flash4 ul li .imgCon{width:194px;height:405px;}
.flash4 ul li .imgCen{width:194px;height:20px;background:rgba(0,0,0,0.5);color:#fff;font-size:12px;line-height:20px;position:absolute;left:0px;bottom:45px;text-indent:20px;display:none;}
.flash4 ul li .imgBot{width:194px;height:45px;background:#222;position: absolute;
    z-index: 90;
    bottom: 0;}
.flash4 ul li .imgBot p.bt_1{width:109px;line-height:45px;font-size:14px;color:#fff;text-indent:2px;float:left;}
.flash4 ul li .imgBot p.bt_2{width:194px;height:45px;line-height:45px;float:left;display:none;}
.flash4 ul li .imgBot p.bt_2 span{font-size:14px;color:#fff;padding-right:30px;background:url(../images/part2_icon.png)no-repeat left center;padding-left:10px;}

.flash4 ul li.first{width:194px;}
.flash4 ul li.fast{position:absolute;right:0px;bottom:0px;}
/*proImg  start*/
.proImg{height: 340px;}
.proImg1{width: 298px;height: 340px;background-color: #ccc;float: left;margin-left: 1px;position: relative;}
.proImgBt{height: 300px;}
.proImgBt1{width: 398px;background-color: #0093df;float: left;height: 300px;margin-left: 1px;position:relative}
.proror{width: 398px;height:300px;background: #000;opacity: 0.99;filter: alpha(opacity=45);position: absolute;top: 0;left: 0}
.proM{width: 298px;height: 340px;background: #000;opacity: 0.99;filter: alpha(opacity=45);position: absolute;top: 0;left: 0}
/*stbanner start*/
#stbanner{height: 468px;margin-top: 36px;}
.product1{width:738px;height: 70px;background: url(../images/company1.jpg) no-repeat center;padding:51px 0 0 460px;}
.pro1{height: 58px;width: 330px}
#proShow1{background:#ff6587;height: 384px}
.proShowL1{width: 219px}
.proShowR1{width: 642px;height: 303px;padding-top: 81px}
.proShowR1 p{font-size: 16px;color: #f3f6f6;line-height: 30px}
.proShowR1 em a{color: #fb040a}
/*pro3 start*/
.pro3 p{margin-left: 81px}
#proShow2{background:#ffca10;height: 384px}
.sw2{margin-top:16px;}
#proShow2 .more2{color: #fe0505}
.tab1{display: block;z-index: 900;color:#fff;font-size: 16px;text-align: center;line-height: 33px;width: 109px;height: 33px;background: #000;position: absolute;right: 7px;top: -33px;z-index: 99}
.tab2{z-index: 600;color:#fff;font-size: 16px;text-align: center;line-height: 33px;width: 109px;height: 33px;background: #000;position: absolute;right:119px;top: -33px;z-index: 99}
.proShowRr{width: 772px;float: left;height: 350px;padding-top: 34px}
.newst{width: 772px;height: 143px;}
.newstt{width: 281px;height: 117px;background: #fff;float: left;padding: 26px 0 0 26px;margin-right: 40px;
    margin-bottom: 35px;}
.newst1{margin-left: 41px}
.newst2{margin-top: 36px}
.np1{color: #d3d3d3;font-size: 16px}
.np2 a{color: #6e6e6e;font-size: 16px;margin:21px 0 21px 0;display:block;height: 20px;overflow: hidden;}
.more3{width: 69px;height: 17px;background: url(../images/morebg.jpg);color: red;text-align: center;line-height: 17px}
.more3 a{color: red;}
.proShowRr{display: block;z-index: 900}
.proShowRr2{display: none;z-index: 600}
.pro4 p{margin-left: 26px}
/*lianxi*/
#proShow3{height: 384px;border-top: 2px solid #05d1d2;border-bottom: 2px solid #ff6587}
.tiao2{background: #fe0505}
.proShowL .sw3{color: #848282}
.pho1{padding:20px 0 0 48px;width: 409px;height: 30px;border-bottom: 2px solid #a0a0a0;background: url(../images/phone.png) no-repeat left center;}
.pho1 p{font-size: 15px;color: #ff0002}
.pho1 em{color: #8f8f8f}
.pho2{background: url(../images/email.png) no-repeat left center;}
.pho3{background: url(../images/cz.png) no-repeat left center;}
.pho4{background: url(../images/dz.png) no-repeat left center;}
/*wxlunbo start*/
#wxlunbo{height: 247px;}
/* marqueeleft */
.marqueeleft{height:247px;width:1198px;overflow:hidden;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0 5px;display:inline;width:367px;height:247px;overflow:hidden;}
.marqueeleft li .pic{display:block;border:#ccc 1px solid;width:367px;height:247px;padding:2px;overflow:hidden;}
/*backTop*/
.backTop{height: 130px;background: url(../images/backtop.png) no-repeat center;}
#bottop{height: 110px;background: #f2f2f2}
.bottopl1{width: 378px;height: 72px;float: left;padding:37px 0 0 20px;}
.bottop{color: #2d2d2d;font-size: 14px}
.btop1{background: url(../images/tt1.png) no-repeat right center;line-height: 26px}
.bbbb{text-align: center;padding-top: 45px;height: 64px}
/*bottom*/
#bottom{height: 140px;background: #000}
.btop2{background: none}
.bottom{width: 856px;padding:30px 0 0 340px;font-size: 14px;color: #fff;line-height: 2; letter-spacing: 0.5px;}
.viewbox .content img{margin-top:10px}
.navli1{position: relative}
.nav1{height: 95px;background: #18b3b8;position: absolute;top: 70px;width: 821px;z-index: 999;padding:10px 0 0 10px}
.nav1 ul{width: 1512px;height: 32px;padding-top: 5px}
.nav1 ul li{float: left;margin-left: 10px;width:}
.nav .nav1 em a{display:inline-block;color: #fff;font-size: 15px;width:130px;height:30px;line-height:30px}
.nav1 ul li a:hover{background:none}
.nav1{display:none}