*{ padding: 0; margin: 0; text-decoration: none; list-style: none; outline: none;}
body{ font-family:"微软雅黑","黑体","宋体";}
a{ direction: none;}
table{direction:none;}
img{border: none;}

.pubCon{ width:1200px; margin: 0 auto;}
.pubTit{ text-align: center; padding-top:40px;} 
/* top */
.top{ width:100%; height: 120px; background: url(../images/topbj.jpg) no-repeat center;}
.top .logo{ float:left; margin-top:21px;}
.top .ttel{ float:right; margin-top:32px;}
.nav{ width:100%; height: 60px; background: #0066cc;}
.nav ul li{ width:133px; height: 60px; text-align: center; line-height: 60px; float: left;}
.nav ul li a{ color:#fff; display: inline-block;} 
.nav ul li:hover{ background:url(../images/navbj.jpg) no-repeat center;}
.nav ul li:hover a{ color:#0066cc; font-weight: 600;}

/*banner*/
.banner{ height:670px; width:100%; position:relative; overflow:hidden; z-index:1; }
.banner ul li{ position:absolute; top:0; left:50%; margin-left:-960px; display:none;}

.banner ol li{ display:inline-block; width:16px; height:16px; font-size:12px; background:#333; color:#fff; text-align:center; line-height:16px; border-radius:50%; margin:0 3px; cursor:pointer;}
.banner ol{ position:absolute; bottom:20px; left:0; width:100%; font-size:0px; text-align:center;}
.banner ol li.on{ background:#0066cc;}

.banner .btn{ width:40px; height:80px; font-size:50px; position:absolute; top:50%; margin-top:-40px; text-align:center; line-height:80px; color:#fff; cursor:pointer; transition:0.3s; opacity:0;}
.banner:hover .btn{ opacity:1;}
.banner .btn_l{ left:11%;}
.banner:hover .btn_l{ left:5%;}
.banner .btn_r{ right:11%;}
.banner:hover .btn_r{ right:5%;}
/*banner*/

/* product */
.product{ width:100%; }
.pronav{ margin-top:30px; overflow: hidden;}
.pronav li{ width:185px; height: 40px; background:#0066cc; line-height: 40px; text-align: center; float:left; margin-right:18px; border-radius: 10px; margin-bottom:15px; transition:0.5s;}
.pronav li a{color:#fff; }
.pronav li:nth-child(6){ margin-right:0px;}
.pronav li:hover{ background: #ffcc1b;}
.pronav li:hover a{ color:#333;}

.proList { margin-top:15px;}
.proList li{ width:285px; height: 325px; float: left;margin-right:20px; margin-bottom:20px;}
.proimg{ width:285px; height: 285px; overflow: hidden;}
.proList li img{ width:100%; min-height: 285px; }
.proList li:nth-child(4n){ margin-right:0px;}
.proList li h4{ width:285px; height:40px; font-size:16px; color:#fff; background:#212121;margin-top:-5px; text-align: center; transition:0.5s; line-height: 40px; font-weight: 100;}
.proList li:hover h4 { background:#0066cc;}

/* about */
.about{ width:100%; height: 684px; background:url(../images/abbj.jpg) no-repeat center; margin-top:20px; overflow: hidden;}
.about .pubTit{padding-top:90px;}
.abneirong{ width:1200px; height: 330px; background:url(../images/abtextbj.png) no-repeat bottom right; margin-top:30px;}
.abimg{ float:left;}
.abtext{ width:725px;float:left;margin-left:30px; text-align: center; }
.abtext h1{ font-size:24px; color:#212121; margin-top:60px; margin-bottom: 12px;}
.abtext i{ display: block; width:165px; height: 1px; background:#0066cc; margin-bottom:20px;margin-left:280px; }
.abtext p{ font-size:16px; color:#333; line-height: 30px;}
.abmore{ margin-top:50px; margin-left:50px;}
.abmore a{ color:#333; font-size:18px;}
.abmore img{transition:0.5s;}
.abmore:hover a{ color:#0066cc;}
.abmore:hover img{ margin-left:10px;}

.abicon{ width:1200px; margin-top:40px;}
.abicon li{ width:240px; text-align: center; float:left;}
.abicon li img{ transition:0.75s;}
.abicon li p{ color:#fff;line-height: 35px;}
.abicon li:hover img{ transform: rotate(360deg);}

/* anli */
.case{ width:100%; overflow: hidden; min-height: 480px;}
#wrapper {
    width: 1200px;
    height: 167px;
    margin-top:30px;
    /* margin: -110px 0 0 -367px; */
    position: absolute;
    /* left: 50%;
    top: 50%; */
}

#carousel {
    width: 1200px;
    position: relative;
}
#carousel ul {
    width:1200px;
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
}

#carousel li {

    /* background: transparent url(img/carousel_polaroid.png) no-repeat 0 0; */
    font-size: 40px;
    color: #999;
    text-align: center;
    display: block;
    width: 385px;
    height: 330px;
    padding: 0;
    margin-right: 15px;
    float: left;
    position: relative;
    border-radius:20px;
}

.caseimg{ width:385px; height: 290px; overflow: hidden;}

#carousel li .caseimg img {
    width: 385px;
    height: 290px;
    transition:0.75s;
    /* margin-top: 14px; */
}
#carousel li i{ width:385px; height: 5px; background: #0066cc; display: block; transition:0.5s;}
#carousel li a p{ font-size:18px; color:#333; line-height: 45px;}
#carousel li:hover i{ background: #ffcc1b;}
#carousel li:hover .caseimg img{ transform: scale(1.1);}
.casejia{ position: absolute;  left:300px; transition:0.5s;}
#carousel li:hover .casejia{ position: absolute; top:111px; left:159px;}
.zhe{ width:385px; height: 290px; background: rgba(0,0,0,00.35); position: absolute; top:-400px; transition:0.5s;}
#carousel li:hover .zhe{ top:0px;}
#carousel li:hover a p{color:#0066cc;}
.clearfix {
    float: none;
    clear: both;
}


/* message */
.message{ width:100%; height: 368px; background: url(../images/mesbj.jpg) no-repeat center;}
.mesLeft{ width:550px; float:left; margin-top:120px;}
.onlinecon{ width:150px;height: 40px; border:1px solid #fff; text-align: center; line-height: 40px; margin-top:40px; transition:0.5s;}
.onlinecon a{ color:#fff; width:100%; display: block;}
.onlinecon:hover{ background:#ffcc1b;}
.mesRight{ width:523px; height: 355px; float:right; background: url(../images/mestoumin.png) no-repeat center bottom; margin-top:13px;}

.message form{ margin-top:40px;}
.message .faqline{ width:455px;margin-bottom: 15px; height: 40px; margin-left:40px; }
.message .faqline input{ height:40px; width:385px; border-radius:5px; border:1px solid #0066cc; background:none;}
.message .Content{ margin-bottom:20px;margin-left:40px;  }
.message .Content .faqtit{display:inline-block;color:#0066cc; font-size:16px; float:left; margin-right:5px;}
.message .Content span{ line-height: 40px; display: inline-block; }
.message .FaqTitle{  border-radius:5px; background:none;border:1px solid #0066cc; width:385px;}
.message .faqtit{ display:inline-block; color:#0066cc; font-size:16px;}
.message button{ width:455px; height:40px; border:none; color:#333;  background: #ffcc1b; cursor:pointer;  transition:0.5s; margin-top:5px; font-size:16px; border-radius:5px; ma rgin-left:90px; }
.message button:hover{  color:#fff; background: #0066cc;}
.yzm{ margin-left:23px; float:left;}
.yzm img{ float:right; width:130px; height: 40px;}

/* news */
.news{ width:100%; overflow: hidden;}
.newsLeft{ width:400px; float:left; margin-top:30px;}
.newsLeft:hover h3{ color: #0066cc;}
.newsLeft:hover .ndate{ color:#333;}
.ndate{ font-size:30px; color:#999;}
.newsLeft h3{ font-size:18px; color:#333; font-weight: 100; margin:15px 0px;}
.nimg { position: relative;}
.nimg p{ width:380px; font-size:14px; padding:10px; background:rgba(0,102,204,0.65); position: absolute; bottom:0px; color:#fff;}
.newsLeft .nmore{ width:190px; height: 35px; background: #0066cc; margin-top:20px;text-align: center; transition:0.5s;}
.newsLeft .nmore  a{ width:100%; display: block;}
.newsLeft .nmore img{ margin-top:6px;}
.newsLeft .nmore:hover{ background:#ffcc1b}
.nList{ width:710px; float:right; margin-top:30px;}
.nList li{ width:710px; border-bottom:1px dashed #ddd;padding-bottom:20px; margin-bottom:25px;}
.nList li i{width:7px ; height: 7px; border-radius:50%; display:inline-block; background:#333; margin-right:5px; }
.nList li h4{ font-size:16px; color:#333; font-weight: 600; line-height: 35px; float:left;}
.nList li  span{ font-size:16px; color:#999; float:right; line-height: 35px;}
.nList li p{ font-size:14px; color:#666; width:710px; text-align: justify; margin-top:10px;}
.nList li:hover h4{ color:#0066cc;}
.nList li:hover span{ color:#0066cc;}
.nList li:hover{ box-shadow: 1px 5px 6px 1px rgba(0,0,0,00.15);}


/* footer */
.footer{width:100%; height: 287px; background: url(../images/footbj.jpg) no-repeat center; margin-top:20px; margin-bottom:-10px;}
.fLeft{ float:left; height: 287px;}
.fRight{ width:860px; float:right;}
.fRight .fnav li{ width:95px;float:left; text-align: center; line-height: 60px;}
.fRight .fnav li a{ color:#fff; display: inline-block;}
.fRight .fnav li:hover a{ color:#ffcc1b;}

.ftext{ width:335px; float:left; margin-left:10px;}
.ftext li{ line-height: 50px; height: 35px; overflow: hidden; color:#fff; font-size:15px; margin-left:50px;}
.ftext li i{ display: inline-block; float: left; margin-top:5px; margin-right:5px;}
.fdizhi{ width:331px; height: 42px;}
.ewm{ width:320px;float: left; margin-left:90px; margin-top:25px;}
.ewm .ewm1{ width:132px; float:left;margin-right:20px;}
.ewm .ewm1 p{ font-size:15px; color:#fff; text-align: center; line-height: 30px;}

.copyright{width:100%; height: 40px; background: #141414; margin-top:-10px;  color:#fff; font-size:14px; text-align:center; line-height:40px; overflow:hidden;}
.copyright a{ color:#fff;}
.copyright p{ float:left; margin-right:25px; margin-left:350px;}
.copyright b{ display:inline-block; float:left; margin-top:5px; }


/******************************************************************内页样式*************************************************************/
.pubNei{ width:100%; }
.pubNei .pubCon{ width:1200px; }
.pubNei h2{ font-size:30px; color:#005cd9; text-align: center; margin-bottom:30px; margin-top:30px;}

.address{ width:100%; height:60px;  overflow:hidden; background: #0066cc; line-height:60px;   border-bottom:1px solid #eee; font-size:15px; }
.address .pubCon{ width:1200px; height: 60px; }
.juyou{ float:right; color:#fff;}
.address i{ float:left; display:inline-block; margin-top:8px;  }
.address a{ color:#fff; line-height:60px; font-size:15px;}
.address a:hover{ color:#ffcc1b;}
.address img{ display:block; float:left; margin-top:5px; margin-right:10px;}
.i1{ width:100%; height:3px; background:#1590e6; margin-top:3px;}

/*about*/
.aboutText{ width:1200px;   height:auto; font-size:16px; color:#333;  margin-top:40px;}
.aboutText p{ font-size:16px; line-height:35px;  text-align:justify; color:#333; text-align: justify; }
.aboutText table .firstRow img{ margin-right:20px; margin-bottom:10px;}

/*product内页*/
.proNei{ width:1200px; overflow:hidden; }
.proNei .proLie{ width:1200px;}
.proNei .proLie li{ width:282px; height:320px;  float:left; margin-right:23px; margin-bottom:23px; overflow:hidden; text-align:center; }
.proNei .proLie li:nth-child(4n){ margin-right:0px;}
.proNei .proLie li .propic{ width:280px; height:280px; overflow:hidden; border:1px solid #ddd; }
.proNei .proLie li .propic img{ display:block; width:100%; transition:0.5s; min-height:280px;}
.proNei .proLie li:hover .propic img{ transform:scale(1.1);}
.proNei .proLie li h4{ height:40px; background:#005cd9; font-size:16px; color:#fff; font-weight:100; text-align:center; line-height:40px; width:100%; transition:0.5s;}
.proNei .proLie li:hover h4{ background:#f1c101;}


.page{ width:1200px; margin-top:15px; text-align:center; margin:15px auto;}
.page .current{ width:50px; height:30px; background:#005cd9; border-radius:3px; display:inline-block; color:#fff; text-align:center; line-height:30px;}
.page a{ display:inline-block; width:50px; height:30px; border:1px solid #ccc;  color:#666; line-height:30px; text-align:center; margin-left:10px; transition:0.5s;border-radius:3px; font-size:16px;font-family:"微软雅黑","黑体","宋体"; font-weight:100;}
.page a:hover{ background:#005cd9; border-color:#005cd9;color:#fff;}


/*产品详情页*/
.proneirong{margin-top:40px; margin-bottom:30px; overflow: hidden;}
.productnei{width:1200px; float:right;  }
.productnei h3{ text-align:center; }
.fbdate{ text-align:center; margin:20px auto 30px; font-size:14px; color:#666;}
.productText{ width:1200px; }
.productText p{ font-size:16px; text-align:justify; text-indent:2em; line-height:30px;  color:#333;}

.pian{ margin-top:30px;}
.pian p{ font-size:16px; line-height:30px; }
.pian a{ color:#333;}
.pian p:hover a{ color:#005cd9;}


/* case */
.caseNei{ width:1200px; overflow:hidden; }
.caseNei .caseLie{ width:1200px; float:right;}
.caseNei .caseLie li{ width:282px; height:auto;  float:left; margin-right:20px; margin-bottom:23px; overflow:hidden; text-align:center; }
.caseNei .caseLie li:nth-child(4n){ margin-right:0px;}
.caseNei .caseLie li .propic{ width:280px; height:210px; overflow:hidden; border:1px solid #ddd; }
.caseNei .caseLie li .propic img{ display:block; width:100%; transition:0.5s; min-height:210px;}
.caseNei .caseLie li:hover .propic img{ transform:scale(1.1);}
.caseNei .caseLie li h4{ height:40px; background:#333; font-size:18px; color:#fff; font-weight:100; text-align:center; line-height:40px; width:100%; transition:0.5s;}
.caseNei .caseLie li:hover h4{ background:#005cd9;}



/*news新闻内页*/
.newslist{ margin-top:30px;width:1200px;}
.newslist li{ float:left; width:1200px;height:170px; border-bottom:2px solid #eee; margin:0px 0px 30px;}
.newslist li a{ color:#666;}
.newspic{ width:220px; height:150px;  text-align:center; float:left; transition:0.5s; overflow: hidden;}
.newspic img{ width:100%;min-height: 150px; transition:0.75s;}
.newslist .newstext{ width:940px; float:left; margin-left:40px;}
.newslist .newstext h3{font-size:18px; color:#333; font-weight:100; margin:0px 0px 5px; transition:0.5s;}
.newslist .newstext span{ font-size:14px; color:#999;}
.newslist .newstext p{ font-size:14px; line-height:1.75em; color:#777; margin-top:3px; }
.nmore{ width:240px; height: 40px; background: #ddd;color:#333; font-size:16px; text-align: center; transition:0.5s; line-height: 40px; border-radius: 20px; margin-top:5px;}

.newslist li:hover a h3{ color:#005cd9; margin-left:20px;}
.newslist li:hover .newspic img{ transform: scale(1.1);}
.newslist li:hover .nmore{ background: #005cd9; color:#fff;}


.newsneiCon{ margin-bottom:30px;width:1100px; float:right; padding:0px 30px 0px 50px;  }
.newsneiCon h3{ text-align:center;margin-top:40px;}
.newsneiCon .fbdate{ text-align:center; margin:15px auto;}
.newsText { margin-bottom:30px; font-size:16px; color:#333; text-indent:2em;}
.newsText p{ line-height:30px;}

/*联系我们*/
.contacttext{ font-weight:600; width:300px; font-size:16px; line-height:60px !important; padding-left:60px;float:left;}
.contacttext img{ display:inline-block; float:left; margin-right:5px; margin-top:20px;}
.contactimg{ float:right; position:relative; top:-240px; }
.contactimg img{display:block;float:right; }
#dituContent{ width:1100px; margin-left:50px; margin-bottom:20px;}

/*在线留言*/
.messageCon{ margin-left:300px; padding-top:30px; float:left;}
.faqline{margin-bottom:20px;}
.messageCon input{ height:40px; width:500px; margin-left:15px; border-radius:10px; border:1px solid #ccc;}
.messageCon .Content{ margin-bottom:20px; }
.messageCon textarea{  border-radius:10px; border:1px solid #ccc;margin-left:15px; width:500px;}
.messageCon .faqtit{ width:100px; display:inline-block; font-weight:600;}
.messageCon button{ width:620px; height:50px; border:none; background:#fff; color:#005cd9; border:1px solid #005cd9; cursor:pointer;  margin-top:20px; transition:0.5s; font-size:16px; border-radius:25px;}
.messageCon button:hover{ background:#005cd9; color:#fff;}