/* banner */
.page_banner{ width: 100%; height: 300px; overflow: hidden; position: relative; }
.page_banner img{ width: 1920px; height: 590px; position: absolute; top:50%; left: 50%; display: inline-block; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.page_box{ width: 100%; height: auto; overflow: hidden; background: #f7f7f7; padding: 0 0 5px 0; }
.page_box .page_con{ width: 1200px; height: auto; overflow: hidden; margin: 0 auto; }
.about{ width: 100%; height: auto; overflow: hidden; margin-top: 40px; cursor: pointer;}
.about1{ width: 705px; height: 475px; background: url(../images/about_03.jpg) no-repeat; float: left;}
.about_tit{ width: 582px; height: auto; overflow: hidden; background: #fff; margin-top: 27px; margin-left: 30px; padding: 20px 28px 25px 35px; line-height: 32px; font-size: 14px; color: #666; }
.about_tit span{ display: block; font-size: 24px; color: #009ad7; margin-bottom: 10px; }

.about2{ width: 470px; height: auto; overflow: hidden; float: right; overflow: hidden;}
.about2 img{ width: 470px; height: 310px;  overflow: hidden; -moz-transition:.5s ease-in;
        -webkit-transition:.5s ease-in;
        -o-transition:.5s ease-in;
        -ms-transition:.5s ease-in;
        transition:.5s ease-in;}
.about2:hover img{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);}
.about2 .about_text{ width: 435px; height: 125px; background: #fff; font-size: 16px; color: #666; padding: 40px 0 0 35px;}
.about2 .about_text span{ display: block; font-size: 24px; color: #009ad7; margin-bottom: 10px; }

.about3{ width: 392px; height: 384px; float: left; background: url(../images/about_09.jpg) no-repeat; margin-top: 23px;}
.about3 .about3_text{ color: #fff; padding-top: 55px; padding-left: 30px; width: 335px; line-height: 36px; font-size: 14px;}
.about3 .about3_text span{ display: block; font-size: 24px;  margin-bottom: 10px; }
.about3 .about3_text a{ display: block; width: 120px; height: 32px; margin-left: 190px; background: #fff url(../images/jt.png) no-repeat right 20px center; margin-top: 60px; line-height: 32px; padding-left: 20px; color: #009ad7; }

.about4{ width: 783px; height: auto; float: right; margin-top: 23px;}
.about4 .about4_text{ width: 332px; height: 384px; background: #fff; float: left; padding-left: 30px; padding-right: 30px; font-size: 14px; line-height: 32px;}
.about4 .about4_text span{ display: block; font-size: 24px; color: #009ad7; margin-bottom: 10px; margin-top: 55px; }
.about4 img{ float: right; width: 391px; height: 384px; }


.historyd{ width: 100%; height: auto; text-align: center; overflow: hidden; margin: 60px 0;}
.historyd span{ font-size: 24px; display: block; margin-bottom: 45px;}
.historyd dl{ width: 16.6666%; height: auto; overflow: hidden; float: left; }
.historyd dl dt{ width: 100%; margin-bottom: 5px;}
.historyd dl dd:nth-child(2){ font-size: 25px; }
.historyd dl dd:nth-child(3){ color: #666; margin-top: 20px;}


.honor{ width: 100%; height: auto;  overflow: hidden; margin: 60px 0;}
.honor span{ font-size: 24px; display: block; margin: 0 auto 45px auto; text-align: center;}
.honor ul{ }
.honor ul li{ display: block;  padding: 14px; overflow: hidden; height: auto; background: #fff; float: left; margin-left: 49px; text-align: center;}
.honor ul li:first-child{ margin-left: 0; } 
.honor ul li a{ display: block; width: 100%;   margin-bottom: 8px;position:relative; overflow: hidden;}
.honor ul li img{ display: block; height: 357px;  }
.honor ul li em{ font-style: normal; line-height: 28px; font-size: 15px; }

.patents{ width: 100%; height: auto;  overflow: hidden; margin: 60px 0 55px 0;}
.patents span{ font-size: 24px; display: block; margin: 0 auto 45px auto; text-align: center;}
.patents .patent{ width: 100%; height: 380px; overflow: hidden; }
.patents .patent ul{}
.patents .patent ul li{ display: block; width: 241px; height: 360px; padding: 15px; float: left; background: #fff; margin-right: 40px;  text-align: center; }
.patents .patent ul li em{ font-style: normal; font-size: 14px; height: 30px; line-height: 30px; }

.patents .patent ul li img{ width: 241px; height: 330px; }

/* banner */
.page_banner2{ width: 100%; height: 220px; overflow: hidden; position: relative; }
.page_banner2 img{ width: 1920px; height: 405px; position: absolute; top:50%; left: 50%; display: inline-block; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }


.caseList{ width:100%; height:auto; position:relative; overflow:hidden; margin-top: 40px;}
.caseList ul{ width:1200px; height:auto; margin: auto;}
.caseList li{ width:280px; height:229px; float:left; background:#fff; margin:0px 26px 35px 0px; position:relative; overflow:hidden;}
.caseList li:nth-child(4n){ margin-right: 0; }
.caseList li .caseThum{ width:280px; height:175px; position:relative; overflow:hidden;}
.caseList li .caseThum img{ position:absolute; left:0px; top:0px;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;}
.caseList li .caseName{ width:260px; padding-left:10px; padding-right: 10px; height:50px; line-height:50px;  font-size:16px; color:#3e3e3e; border-bottom:1px solid #f2f2f2; text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap;overflow:hidden;}
.caseList li .caseBottom{ width:100%; height:105px; position:absolute; left:0px; bottom:-55px; -webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s; background:#fff;}
.caseList li .caseInfo{ width:280px; height:55px; color:#d1d1d1;}
.caseList li .caseInfo .caseIcon{ width:75px; padding-left:25px; height:15px; float:left; font-size:8px; line-height:15px; margin-top:20px; margin-left:10px;}
.caseList li .caseInfo .caseIcon.ll{ background: url(../images/eye_03.png) no-repeat left center;}
.caseList li .caseInfo .caseIcon.pl{ display: none;}
.caseList li .caseInfo .caseTime{ width:100px; height:15px; float:right; margin-top:20px; font-size:8px; line-height:15px; text-align:right; margin-right:10px; color: #ccc;}
.caseList li:hover .caseBottom{ bottom:0px; background: #140b0c; color: #FFFFFF;}
.caseList li:hover .caseBottom .caseName,.caseList li:hover .caseInfo{ color: #FFFFFF;}
.caseList li:hover .caseBottom .caseName{ border-bottom: 1px solid #433c3d;}
.caseList li:hover .caseThum img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}


/* 产品中心 */
.nav{ width: 1162px;  background: url(../images/home.png) no-repeat left 18px center; padding-left: 38px; font-family: "宋体"; color: #999; height: 
58px; line-height: 58px;}
.nav a{ color: #999; }
.nav a:hover{ color: #1795d6; }

.pro_left{ width: 860px; height: auto; overflow: hidden; background: #fff; padding: 20px; margin-bottom: 30px; float: right; }
.pro_left ul{}
.pro_left ul li{  display: block; width: 200px; min-height: 250px; overflow: hidden; float: left; background: #fff; margin-right: 20px; margin-bottom: 20px;}
.pro_left ul li:nth-child(4n){ margin-right: 0; }
.pro_left ul li img{ width: 200px; height: 137px; }
.pro_left ul li span{ display: none !important; width: 64px; height: 19px; background: #83c44e; text-align: center; line-height: 19px; display: block; margin: 0 auto; color: #fff; }
.pro_left ul li .pro_text{ text-align: center; font-size: 13px; color: #ff6700;  margin-top: 10px;}
.pro_left ul li .pro_text b{ display: block; font-weight: normal; font-size: 14px; color: #333; height: 38px; overflow: hidden;}
.pro_left ul li .pro_text em{ font-size: 12px; color: #999; font-style: normal; display: block; margin-bottom: 12px;}

.pro_right{ width: 250px; height: auto; float: left; overflow: hidden;  background: #fff; padding-left: 20px; padding-top: 8px; padding-bottom: 8px; box-shadow: 0 1px 1px #ebebeb;}
.pro_right_tit{ font-size: 16px; font-weight: bold; height: 58px; line-height: 58px; border-bottom: solid 1px #dfdfdf; width: 225px; }
.pro_right_tit span{ color: #0092d3; margin-right: 10px;}
.pro_right ul{}
.pro_right ul li{ display: block; line-height: 30px; padding: 15px 0; padding-left: 5px;border-top: dotted 1px #c7c7c7; margin-top: -1px; border-bottom: dotted 1px #c7c7c7; width: 220px;  font-size: 14px; cursor: pointer;}
.pro_right ul li:last-child{ border-bottom: none; }
.pro_right ul li:hover{ color: #1795d6; }
.pro_right ul li em{ display: inline-block; width: 11px; height: 11px;  border-radius: 11px;}
.pro_right ul li span{ display: inline-block; width: 15px; height: 5px; border-top: dotted 1px #999; margin: 0 1px; }
.pro_right ul li a:hover{ font-weight: bold; color: #2b59c2;}
.pro_right ul li:hover em{ background: #2b59c2 url(../images/sj_03.png) no-repeat center;}

.sublist{ display: none; margin: 10px 0;}
.sublist a{ display: block; width: 210px; padding-left: 17px; height: 36px; line-height: 36px;  }


/* 产品详情 */
.pro_more_tit{ font-size: 16px; padding-bottom: 17px; border-bottom: solid 1px #dfdfdf; width: 100%; color: #0092d3; }
.pro_more_tit span{  margin-right: 10px; font-weight: bold; }

.pro_more{ width: 100%; height: auto; overflow: hidden; padding: 30px 0 50px 0; border-bottom: solid 1px #f1f1f1;}
.pro_more img{ width: 240px; height: 203px; float: left;}
.pro_more dl{ display: block; width: 190px; float: left; height: auto; overflow: hidden; border-right: solid 1px #f2f2f2;  margin-left: 60px; }
.pro_more dl:nth-child(3){ border-right: none; }
.pro_more dl dt{ width: 100%; float: left; font-size: 16px; font-weight: bold; margin-bottom: 5px;}
.pro_more dl dd{ width: 100%; height: 36px; line-height: 36px; color: #666; float: left;}

.more{ width: 100%; height: auto; overflow: hidden; text-align: center; padding-top: 60px; }
.more a{ display: block; margin-bottom: 83px; }
.more img{ display: block; margin: 0 auto; }


/* 解决方案详情 */
.solou_more{ width: 100%; height: auto; overflow: hidden; padding: 15px 0 50px 0; line-height: 28px; font-size: 13px;}
.solou_more em{ display: block; color: #999; font-style: normal; margin-bottom: 20px;}
.solou_more img{ display: block; max-width: 100%; margin-top: 10px; margin-bottom: 10px; }

.moree{ width: 100%; height: auto; overflow: hidden; padding-top: 30px; border-top: solid 1px #ccc; line-height: 30px; color: #999; }

.pro_right dl{ width: 280px; height: 80px; overflow: hidden; float: left; margin-top: 20px; padding-bottom: 19px; border-bottom: solid 1px #ebebeb; }
.pro_right dl dt{ width: 130px; height: 80px; float: left; overflow: hidden; }
.pro_right dl dt img{ width: 130px; height: 80px; }
.pro_right dl dd{ width: 140px; float: right; height: auto; overflow: hidden; line-height: 24px;}
.pro_right dl dd:nth-child(3){ color: #999; margin-top: 5px; }
.pro_right dl:hover img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}


/* 技术支持 */
.support{ width: 100%; height: auto; overflow: hidden; margin-top: 60px; }
.support ul{}
.support ul li{ width: 333px; height: 175px; background: #fff; float: left; display: block; margin-right: 35px; position: relative; padding-left: 32px; cursor: pointer; margin-bottom: 60px; overflow: hidden;}
.support ul li:nth-child(3n){ margin-right: 0; }
.support ul li span{ font-size: 18px; margin-top: 50px; display: block; height: 65px; }
.support ul li img{ margin-right: 8px; filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -o-filter: grayscale(1);
    -ms-filter: grayscale(1); }
.support ul li a{ display: block; font-size: 14px; color: #999; }
.support ul li .time{ width: 90px; height: 34px; position: absolute; top: -14px; left: 32px; background: #d5d5d5; border-radius: 8px; text-align: center; color: #fff; line-height: 48px;}
.support ul li:hover .time{ background: #1fc40e; }
.support ul li:hover img{ filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    -ms-filter: grayscale(0); }
.support ul li:hover a{ color: #ff6700; }


/* 加入我们 */
.join_box{ width: 1200px; height: auto; overflow: hidden; margin: 25px auto 30px auto; position: relative;}
.join_box img{ width: 613px; height: 350px; float: left; }
.join_text{ background:  url(../images/join_03.png) no-repeat left top 13px; position: absolute; top: 0; right:-10px; width: 666px; height: 350px; }
.join_text span{ display: block; width: 560px; height: auto; overflow: hidden; margin-top: 130px; font-size: 14px; color: #999; line-height: 46px; margin-left: 100px; }


.jion{ width: 100%; height: auto; overflow: hidden; margin-top: 30px; margin-bottom: 50px; }
.jion span{ font-size: 25px; }
.jion ul{}
.jion ul li{ display: block; height: 40px; line-height: 40px;  width: 98%;  font-size: 18px; cursor: pointer; background: #009ad7; color: #fff; padding-left: 2%; margin-top: 20px;}
.jion ul li:hover{ background: #009ad7; }

.jionlist{ display: none; background: #fff; padding: 2%; line-height: 30px; }


/* 联系我们 */
.contact_box{ width: 1200px; height: auto; overflow: hidden; margin: 25px auto 30px auto; }

.contact{ width: 100%; height: auto; overflow: hidden; margin-top: 30px; margin-bottom: 50px; }
.contact span{ font-size: 25px; display: block; }
.contact div{ width: 100%; height: 290px; margin-top: 20px; margin-bottom: 35px; }
.contact dl{ width: 299px; height: 200px; border-right: solid 1px #ebebeb; text-align: center; padding-top: 18px; float: left;}
.contact dl dt{ width: 88px; height: 88px;  background: #0093d4; border-radius: 88px; margin: 0 auto 22px auto;}
.contact dl dd{ width: 299px; float: left; font-size: 14px;}
.contact dl dd:nth-child(3){ font-weight: bold; font-size: 12px; color: #0093d4; margin-top: 5px;}
.contact dl:nth-child(6){ border: none; }



/* 新闻中心 */
.news{ width: 1200px; height: 175px; overflow: hidden; margin: 25px auto 30px auto;}
.news a{ display: block; float: left; width: 600px; height: 175px; }
.news img{ width: 600px; height: 175px; }

.news_box{ width: 100%; height: auto; overflow: hidden; margin-top: 30px; margin-bottom: 50px; }
.news_box span{ font-size: 25px; display: block; }
.news_box dl{ display: block; width: 100%; height: 140px; float: left; padding-bottom: 30px; margin-top: 30px; border-bottom: solid 1px #e4e4e4; overflow: hidden;}
.news_box dl dt{ width: 265px; height: 140px; float: left; overflow: hidden; }
.news_box dl dt img{ width: 265px; height: 140px; -moz-transition:.5s ease-in;
        -webkit-transition:.5s ease-in;
        -o-transition:.5s ease-in;
        -ms-transition:.5s ease-in;
        transition:.5s ease-in;}
.news_box dl dd{ width: 910px; height: auto; overflow: hidden; float: right; }
.news_box dl dd:nth-child(2){ font-size: 16px; margin-bottom: 12px; margin-top: 2px; text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap;overflow:hidden;
}
.news_box dl dd:nth-child(3){ font-size: 13px; line-height: 24px; color: #999;}
.news_box dl dd:nth-child(4){ color: #999; display: block; width: 114px; height: 27px; border: solid 1px #e7e7e7; float: left; margin-left: 25px; line-height: 27px; text-align: center; margin-top: 22px;}
.news_box dl:hover dd:nth-child(4){ background: #000; }
.news_box dl:hover img{transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1); cursor: pointer;  }

.paging{ width:100%; height:40px; text-align:center; line-height:40px; margin-bottom:10px;}
.paging a{  margin-right:10px; padding:5px 10px; color:#333; border-radius: 3px; border:  solid 1px #e8e8e8;}
.paging a:hover{ background:#0092d3; color:#FFF; border:  solid 1px #0092d3;}
.paging span{ padding:5px 10px; background:#0092d3; margin-right:10px; color:#FFF; border-radius: 3px;border:  solid 1px #0092d3;}
.paging .page{  margin-right:8px; padding:5px 10px; color:#333;}