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

/*public*/
.pubCon{ width:1200px; margin:0 auto;}


/*welcome*/
.welcome{ width:100%; height:30px; line-height:30px; border-bottom:1px solid #eee;}
.pubCon h4{font-size:14px; color:#999; float:left; font-weight:100;}
.pubCon p{ font-size:14px; float:right; color:#999;}
.pubCon p a{ color:#999;}

.top{ ove rflow:hidden; position:relative; z-index:99;}
.logo{ width:660px; height:110px; float:left; margin:15px 0px;transform:translate(-100%); opacity:0; transition: all 0.75s ease-out;}
.logo.started { transform:none; opacity:1; }

.toptel{width:270px; float:right;  margin-top:45px;transform:translate(100%); opacity:0; transition: all 0.75s ease-out;}
.toptel.started { transform:none; opacity:1; }
.toptel img{ float:left;margin-right:10px;}
.toptel p{ font-size:16px; margin-bottom:-5px; color:#999; float:none;}
.toptel b{ font-size:30px; color:#2383cf;} 

.nav{ width:100%; height:60px; background:#2383cf; line-height:60px; z-index:999;}
.navCon{ width:1200px; height:60px; margin:0 auto; } 
.navCon ul li{ width:120px; height:60px; float:left; font-size:16px; text-align:center; position:relative; transition:0.5s;}
.navCon ul li a{ color:#fff;}
.navCon ul li:hover{ background:#f9b200;}

.navCon ul li .down{ background:rgba(35,131,207,0.55);box-shadow:1px 1px 15px #333; position:absolute; top:60px; left:0px; display:none; }
.navCon ul li .down1{width:680px; }
.navCon ul li .down2{width:340px; }
.navCon ul li .down3{width:510px; overflow:hidden;}
.navCon ul li .down4{width:850px; margin-left:-170px;}
.navCon ul li .down li{ width:170px; height:170px; }
.navCon ul li .down li dd img{ margin-top:10px; width:150px; height:118px;}
.navCon ul li .down li p{font-size:14px; line-height:1px; color:#333;}
.navCon ul li .down li:hover{ background:#2383cf;}
.navCon ul li .down li:hover p{ color:#fff;}
.navCon ul li:hover .down{ display:block;}
.navCon ul li .down4 li p{ font-size:12px;}

/*banner*/
.banner{ height:600px; 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:#f9b200;}

.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*/

/*service*/
.service{ margin:50px auto; overflow:hidden;}
.serTit{ text-align:center; position:relative;transform:translate(100%); opacity:0; transition: all 1s ease-out;}
.serTit.started { transform:none; opacity:1; }
.sericon{ width:1200px; margin-top:30px;}
.sericon ul li{ width:270px; margin-right:40px; float:left; transform:translate(-100%); opacity:0; transition: all 1s ease-out;}
.sericon ul.started li{ transform:none; opacity:1; }
.sericon ul.started li:nth-child(1) { transition: all 1s ease-out .3s; }
.sericon ul.started li:nth-child(2) { transition: all 1s ease-out .5s; }
.sericon ul.started li:nth-child(3) { transition: all 1s ease-out .7s; }
.sericon ul.started li:nth-child(4) { transition: all 1s ease-out .9s; }
.iconpic{ width:150px; height:172px; margin-left:60px; margin-bottom:20px; transition:0.3s;}
.iconpic1{ background:url(../images/service1.png) no-repeat bottom center;}
.iconpic2{ background:url(../images/service2.png) no-repeat bottom center;}
.iconpic3{ background:url(../images/service3.png) no-repeat bottom center;}
.iconpic4{ background:url(../images/service4.png) no-repeat bottom center;}
.sericon ul li p{ width:270px; height:40px; background:#c8e0f3; border-radius:20px; text-align:center; line-height:40px; font-size:16px; color:#00294a; transition:0.5s;}
.sericon ul li:hover .iconpic{ background-position:top;}
.sericon ul li:hover p{ background:#fdecbf;}
.sericon ul li:nth-child(4n){ margin-right:0px;}
/*service*/

/*product*/
.product{ width:100%;}
.pubTit{ width:310px; text-align:center; margin-bottom:30px; margin-left:445px; }
.pubTit h3{ font-size:30px; color:#2383cf;}
.pubTit p{ font-size:18px; background:url(../images/pubtitbj.png) no-repeat center; float:none;}

.probj{ width:100%; height:80px; background:url(../images/pronavbj.png) no-repeat top center; }
.proNav ul{transform: translatey(100%);opacity:0; transition: all 1.5s ease-out;}
.proNav ul.started { transform:none; opacity:1;}
.proNav ul li{ width:238px; border:1px solid #ddd; height:38px; background:#c8e0f3; text-align:center; line-height:38px; float:left; transition:0.5s;}
.proNav ul li a{ color:#666;transition:0.5s;}
.proNav ul li:hover{ background:#2383cf;}
.proNav ul li:hover a{ color:#fff;}

.proShowbj{ width:100%; background:#eee; height:705px; margin-top:-2px;} 
#marquee1{ width:1200px;height:675px;overflow:hidden;}
#marquee1 ul{ transform: translate(100%);opacity:0; transition: all 1s ease-out;}
#marquee1 ul.started { transform:none; opacity:1;}
#marquee1 ul li{ width:382px; float:left; margin-right:27px; }
#marquee1 .propic{width:380px; height:285px; border:1px solid #ddd;overflow:hidden; transition:0.5s;}
#marquee1 ul li:hover .propic{ border:1px solid #2383cf;}
#marquee1 .propic img{display:block; width:100%; transition:0.5s;}
#marquee1 .propic img:hover{ transform:scale(1.1);}
#marquee1 ul li h4{ width:382px; font-size:16px; color:#212121; text-align:center; line-height:40px;}
#marquee1 ul li:hover h4{ color:#2383cf;}
#marquee1 ul li:nth-child(3n){margin-right:0px;}

/*case*/
.case{ width:100%; overflow:hidden;}
.case .caseTit img{ width:100%;}
.caseMore{ width:1200px; position:relative; }
.caseMore .morepic{ width:350px; height:261px; position:relative; top:-100px; overflow:hidden;transform:translate(-100%); opacity:0; transition: all 1s ease-out;}
.caseMore .morepic.started { transform:none; opacity:1;}
.caseMore .morepic img{display:block; width:100%; transition:0.5s; }
.caseMore .morepic img:hover{  transform:scale(1.1);}
.caseText{ width:775px; position:absolute; top:30px; right:0px; transform:translate(100%); opacity:0; transition: all 1s ease-out;}
.caseText.started { transform:none; opacity:1;}
.caseText p{ font-size:16px; color:#666; line-height:25px; text-indent:2em;}
.caseText img{ margin-top:10px; transition:0.5s;}
.caseText:hover img{transform:rotate(360deg)}
/*caselunbo*/

.case .caseCon{width:1160px;  position:relative; margin:0 auto;  margin-top:-70px;}
.case .swiper-container{}
.case .swiper-slide{ width:330px; height:260px;}
.case .swiper-slide img{ display:block; width:100%; height:100%;}

.More{ width:1200px; height:40px; border:1px solid #2383cf; text-align:center; line-height:40px; margin-top:30px; transition:0.5s;}
.More a{ color:#2383cf;}
.More:hover{ background:#2383cf; }
.More:hover a{ color:#fff;}

/*about*/
.about{ width:100%; height:537px; background:url(../images/aboutbj.jpg) no-repeat center bottom; margin-top:50px; overflow:hidden;}
.about .pubCon{ width:1200px; margin:0 auto; position:relative;}
.abLeft{ width:633px; height:334px;transform:translate(-100%); opacity:0; transition: all 1s ease-out;}
.abLeft.started { transform:none; opacity:1;}
.abRight{ width:600px; position:absolute; top:90px; left:580px;transform:translate(100%); opacity:0; transition: all 1s ease-out;}
.abRight.started { transform:none; opacity:1;}
.abRight .abMore{ width:175px; height:40px; border:1px solid #2383cf; border-radius:10px; font-size:16px; line-height:40px; padding-left:40px;float:right; transition:0.3s;}
.abRight .abMore a {color:#2383cf; background:url(../images/jaintou.png) no-repeat center right; padding-right:55px; transition:0.5s;}
.abRight .abMore:hover{ background:#2383cf;}
.abRight .abMore:hover a{ color:#fff; background:url(../images/jaintouhover.png) no-repeat center right;}
.abText{ width:540px; height:200px; background:#fff; opacity:0.85; box-shadow:1px 1px 15px #333; margin-top:20px; padding:20px 30px;}
.abText h1{ font-size:18px; color:#f9b200;}
.abText b{ font-weight:100; color:#999; font-size:14px; margin-bottom:10px; display:block;}
.abText p{ font-size:14px; line-height:27px; text-indent:2em; text-align:justify; color:#333; }

.qiye{ width:1200px; margin:30px auto 0px;}
.qiye ul{ margin-left:80px;}
.qiye ul li{ width:275px; height:70px; border-right:1px dashed #76b0dd; float:left;transform:translate(100%); opacity:0; transition: all 1s ease-out;}
.qiye ul li:last-child{border:none;}
.qiye ul li h4{ font-size:18px; color:#fff; float:none; font-weight:600; margin-left:70px;}
.qiye ul li i{ display:block; margin-top:-10px; margin-bottom:5px; margin-left:70px;}
.qiye ul li p{ float:none; color:#fff; margin-left:70px;}

.qiye ul li:first-child h4{margin-left:20px;}
.qiye ul li:first-child i{margin-left:20px;}
.qiye ul li:first-child p{margin-left:20px;}

.qiye ul.started li{ transform:none; opacity:1; }
.qiye ul.started li:nth-child(1) { transition: all 1s ease-out .3s; }
.qiye ul.started li:nth-child(2) { transition: all 1s ease-out .5s; }
.qiye ul.started li:nth-child(3) { transition: all 1s ease-out .7s; }
.qiye ul.started li:nth-child(4) { transition: all 1s ease-out .9s; }


/*advantages*/
.advantages{ width:100%; height:334px; background:url(../images/adbj.jpg) no-repeat center;  overflow:hidden;}
.advantages .pubCon{ position:relative;}
.advantages .pubTit{ padding-top:50px;}
.jiangbei{ position:absolute; left:46px; }


.adyuan ul li .adtext1{ width:400px; position:absolute; top:500px; left:50px;transition:0.5s; }
.adyuan ul li .adtext1 .adTit .shuzi img{float:right; margin-left:40px; transition:1s;}
.adyuan ul li .adtext1:hover .adTit .shuzi img{transform:rotate(360deg);}
.adyuan ul li .adtext b{ color:#2383cf; font-size:18px; transition:0.3s; margin-bottom:8px; display:block;}
.adyuan ul li .textcon{ font-size:14px; width:400px; line-height:1.5em;  text-align:justify; color:#666;}

.adyuan ul li .adtext2{width:400px; position:absolute; top:500px; left:50px; transition:1s;}
.adyuan ul li .adtext2 .adTit .shuzi img{float:right;margin-left:40px;transition:1s;}
.adyuan ul li .adtext2:hover .adTit .shuzi img{transform:rotate(360deg);}

.adyuan ul li .adtext3{width:400px; position:absolute; top:500px;right:50px;transition:1.5s; }
.adyuan ul li .adtext3 .adTit .shuzi img{float:left; margin-right:40px;transition:1s;}
.adyuan ul li .adtext3:hover .adTit .shuzi img{transform:rotate(360deg);}

.adyuan ul li .adtext4{width:400px; position:absolute; top:500px; right:50px; transition:2s;}
.adyuan ul li .adtext4 .adTit .shuzi img{float:left; margin-right:40px;transition:1s;}
.adyuan ul li .adtext4:hover .adTit .shuzi img{transform:rotate(360deg);}

/*news*/
.news{ width:100%; margin-top:50px; overflow:hidden;}
.news .newNav ul li{ width:398px; height:50px; border:1px solid #ddd; text-align:center; line-height:50px; float:left; transition:0.3s;}
.news .newNav ul li a{ font-size:18px; color:#666;}
.news .newNav ul li i{ display:none;transition:0.3s; margin-right:10px;}
.news .newNav ul li:hover{ background:#2383cf;}
.news .newNav ul li:hover a{ color:#fff;}
.news .newNav ul li:hover i{ display:inline-block; }

.newsNum{ float:left; margin-left:50px;transform:translate(100%); opacity:0; transition: all 1s ease-out;}
.newsNum.started { transform:none; opacity:1;}
.newsNum ul li{ margin-bottom:37px;}
.newsNum ul li:last-child{ margin-bottom:0px;}

.newsCon{ margin-top:40px;}
.newsLeft{ float:left; transform:translate(-100%); opacity:0; transition: all 1s ease-out;}
.newsLeft.started { transform:none; opacity:1;}
.newsRight{ float:right; width:530px; height:375px;transform:translate(100%); opacity:0; transition: all 1s ease-out; }
.newsRight.started { transform:none; opacity:1;}
.newsRight ul li{ width:530px; height:63px; margin-bottom:40px;}
.newsRight .newsT{ width:530px; float:right;}
.newsRight .newsT h4{width:540px; font-size:16px; color:#333;}
.newsRight .newsT h4 span{ font-size:14px; float:right;margin-right:10px; color:#888;}
.newsRight .newsT p{ width:530px; font-size:14px; color:#888; margin-top:10px; }
.newsRight .newsT:hover h4{ color:#2383cf;}
.newsRight .newsT:hover h4 span{ color:#2383cf;}
.newsRight .newsT:hover p{ color:#666;}

/*footer*/
.footer{ width:100%; margin-top:50px; height:300px; background:#2383cf; }
.footer .pubCon{position:relative; height:300px; }
.f_Left{ width:335px; height:320px; background:url(../images/footerLeft.png) no-repeat center; position:relative; top:-20px; transform:translatey(-50%); opacity:0; transition: all 1s ease-out;}
.f_Left.started { transform:none; opacity:1;}
.f_Left h2{ font-size:22px; color:#2383cf; padding-top:25px; text-align:center; margin-bottom:20px;}
.f_Left ul li{ width:159px; border-right:1px solid #fcdc8c; height:35px; float:left; text-align: center; line-height:35px;}
.f_Left ul li a{ color:#fff;}
.f_Left ul li:hover a{ font-weight:600;}
.f_tel{ width:300px; margin:0 auto;}
.f_tel img{ float:left; margin-top:20px;}
.f_tel p{ font-size:14px; color:#2383cf; float:left; margin-top:25px; margin-left:10px;}
.f_tel b{ font-size:18px;}


.f_Mid{position:absolute; top:0px; left:360px; width:660px; margin-top:20px;}
.f_Mid .fLogo{ te xt-align:center; margin-bottom:30px;}
.f_Mid ul li{ width:330px; float:left; font-size:14px; color:#fff; line-height:45px;}
.f_Mid ul li i { margin-right:5px;}

.f_Right{ position:absolute; top:60px; right:0px;}
.f_Right img{ display:block; }
.f_Right p{ width:180px; text-align:center; line-height:35px; color:#fff;} 

.copyright{ width:100%; height:30px; background:#1368ac; color:#fff; font-size:14px; text-align:center; line-height:30px;}
.copyright a{ color:#fff; display:inline-block;}


/****************************************************内页样式***********************************************************/
/*关于我们内页*/
.pubNei{width:1200px; margin:0 auto;}
.pubNeitit{ width:210px; height:100px; background:url(../images/neititbj.png) no-repeat center; position:relative;top:-40px; float:left; z-index:99;}
.pubNeitit h2{ font-size:24px; color:#fff; text-align:center; line-height:85px; height:85px; overflow:hidden;}
/*位置*/
.address{width:970px;height:30px; border-bottom:1px dashed #ccc; padding-bottom:15px; margin:13px 0px; float:right; line-height:30px; font-size:14px;  }
.address i img{ margin-top:3px; margin-left:5px;}
.address p{ display:inline; line-height:30px; margin-left:5px;}
.address a{ color:#666;}
.address a:hover{ color:#2383cf;}

.aboutNei{ width:1200px;  position:relative; overflow:hidden;}
.aboutNei .aboutPic{width:1200px; text-align:center; margin-bottom:30px;}
.aboutText{ font-size:14px; line-height:30px; color:#212121; text-indent:2em;}


/*产品中心*/
.pubNei{ margin-bottom:60px;}
/*.pro_neinav{ width:1200px; overflow: hidden;}
.pro_neinav li{ width:299px; height:35px; background:#c8e0f3; float:left; text-align:center; line-height:35px; transition:0.5s; margin-right:1px;}
.pro_neinav li:last-child{ margin-right:0px;}
.pro_neinav li a{ color:#666; transition:0.5s; display:block;}
.pro_neinav li:hover{background:#2383cf;}
.pro_neinav li:hover a{ color:#fff;}

.proshow{ overflow:hidden; margin-top:30px; }
.proshow li{width:382px; float:left; margin-right:27px; }
.proshow li:nth-child(3n){ margin-right:0px;}
.proshow li a{ font-size:16px; color:#666; text-align:center;}
.proshow li:hover a{ color:#2383cf;}
.proshow li p{ margin-bottom:10px; line-height:30px;}
.proshow li .proPic{width:380px; height:300px; border:1px solid #ddd;overflow:hidden; transition:0.5s; background:#fff;}
.proshow li:hover .proPic{ border-color:#2383cf;}
.proshow li .proPic img{display:block; width:100%; transition:0.5s;}
.proshow li img:hover{ transform:scale(1.1);}
*/

.proList{ width:1200px; overflow:hidden; mar gin-top:30px;}
.proLeft{ width:210px;  float:left;}
.proLeft .pro_neinav .navTit{ width:210px;height:50px; background:#2383cf; font-size:18px; }
.proLeft .pro_neinav .navTit a{ color:#fff;text-align:center; line-height:50px; display:block;}
.proLeft .pro_neinav .navdown li{ width:210px; height:45px; background:#c8e0f3; border:1px dashed #eee; transition:0.5s;}
.proLeft .pro_neinav .navdown li a{ display:block; line-height:45px; text-align:center; color:#333; font-size:14px;}
.proLeft .pro_neinav .navdown li:hover{ background:#3194e3;}
.proLeft .pro_neinav .navdown li:hover a{ color:#fff;}

.proShow{ width:960px; marg in-top:30px; float:right;}
.proShow ul li{ width:302px; margin-right:24px; float:left; margin-bottom:15px; overflow:hidden;}
.proShow ul li:nth-child(3n){ margin-right:0px;}
.proShow ul li p{ line-height:30px; font-size:16px; text-align:center; font-weight:100;}
.proShow ul li a{ color:#333; }
.proShow ul li:hover a{ color:#2383cf;}
.proShow ul li .proPic{width:300px; height:237px; border:1px solid #ddd;overflow:hidden; transition:0.5s;}
.proShow ul li:hover .proPic{ border:1px solid #2383cf;}
.proShow ul li img{display:block; width:100%; transition:0.5s;}
.proShow ul li img:hover{ transform:scale(1.1);}


.page{ width:1200px; text-align:center; margin-top:15px;}
.page a{ display:inline-block; width:50px; height:30px; border:1px solid #ccc; color:#999; line-height:30px; text-align:center; margin-left:10px; transition:0.5s;}
.page a:hover{ background:#2383cf; border-color:#2383cf;color:#fff;}


/*产品中心内页*/
.proCon{ width:960px; margin-top:30px; float:right; text-align:center;}
.proCon h2{ font-size:24px; }
.fbdate{ text-align:center; margin:10px auto;}
.proCon p{ font-size:14px; text-indent:2em; line-height:30px; }
.proCon img{ text-align:center; margin-top:15px; margin-bottom:15px; w idth:600px; height:auto;}
.pub_neipic{width:960px; overflow:hidden;}
.pub_neipic img{ max-width:100%; }

.pian{ width:1200px; text-align:left; font-size:14px; margin-top:20px;}
.pian a{ color:#212121;}
.pian a:hover{ color:#2383cf;}



/*新闻中心内页*/
.news_neinav{ width:1200px; overflow: hidden;}
.news_neinav li{ width:399px; height:35px; margin-right:1px; background:#c8e0f3; float:left; text-align:center; line-height:35px; transition:0.5s;}
.news_neinav li:last-child{ margin-right:0px;}
.news_neinav li a{ color:#666; transition:0.5s; }
.news_neinav li:hover{background:#2383cf; border-color:#2383cf;}
.news_neinav li:hover a{ color:#fff;}

.news_neiCon .newslist{ margin-top:30px; }
.newslist li{ float:left; width:1200px;height:120px; border-bottom:1px dashed #ccc; margin:20px 0px 20px;}
.newslist li a{ color:#666;}
.newsDate{ width:100px; height:100px; background:#eee; text-align:center; float:left; transition:0.5s;}
.newsDate p{font-size:20px; line-height:100px;  }
.newslist .newstext{ width:990px; float:left; margin-left:50px;}
.newslist .newstext h3{font-size:18px; color:#333; font-weight:100; margin:5px 0px 15px; transition:0.5s;}
.newslist .newstext p{ font-size:14px; line-height:1.75em; }

.newslist li:hover .newsDate{ background:#2383cf;}
.newslist li:hover a .newsDate b{ color:#fff;}
.newslist li:hover a .newsDate p{ color:#fff;}
.newslist li:hover a h3{ color:#2383cf;}

/*new内页*/
.newsneiCon{ width:1100px; padding:0px 50px;}
.newsneiCon h3{ text-align:center;}
.newsneiCon .fbdate{ text-align:center; margin:10px auto; font-size:14px;}
.newsneiCon .proneiPic{ text-align:center;}
.newsneiCon .proneiPic img{ margin:15px auto; border:1px solid #ccc; display:block; }
.newsneiCon p{ font-size:16px; line-height:30px; text-align:justify;}


/*case内页*/
.caseTable{ width:600px; margin-left:300px; }
.caseTable table{ width:600px;}
.caseTable table th{ width:600px; height:35px; line-height:35px; background:#8db3e2; border:none;}
.caseTable table td{ width:600px; min-height:35px; line-height:35px; padding-left:10px;}
.caseTable table td p{ display:inline-block;}
.caseTable table td img{ width:400px; height:auto; margin:15px 100px;}

/*honor*/
.honor{ width:100%; min-height:600px;  background:url(../images/honorbj.png) repeat;}
.honorTit{ width:200px; float:left;}
.honorNei ul{ width:1000px; float:right;}
.honorNei ul li{  float:left; margin-right:50px; margin-bottom:20px;width:300px; height:auto;}
.honorNei ul li:nth-child(3n){ margin-right:0px;} 
.honorNei ul li img{ width:100%;}
.honorNei ul li p{ font-size:14px; line-height:30px; margin-bottom:15px; text-align:center;}
.honorNei ul li a{color:#333;}
.honorNei ul li:hover a{ color:#2383cf;}


/*联系我们*/
.contacttext { width:551px; padding-top:20px; font-weight:600; margin-left:50px; font-size:16px; float:left;}
#dituContent{ width:530px; float:left; margin-bottom:40px; margin-right:50px; margin-top:-240px;}
.contacttext img{ margin-right:10px;}