@charset "utf-8";
/* CSS Document */
/*top 头部*/
.clearfix:before,.clearfix:after {content:""; display:table; }.clearfix:after{clear:both;overflow:hidden;}.clearfix{*zoom:1;} 
.top{background: #FFF; height:114px; line-height: 60px;}
.logo{ width: 590px;}
.top_tel{ height:45px; padding-top: 15px; line-height: 45px; font-size: 27px; font-family: Impact; color:#0075c2; background: url(../Image/top_tel.jpg) no-repeat left 20px; text-indent: 44px; }
.top_tel span{ font-size: 18px; font-family:Microsoft YaHei  }
.nav{ width:100%; background: #1a83c8 }
.nav li{  width: 12.5%; line-height: 50px; float: left; }
.nav li a{ color: #FFF; display: block; text-align: center; }
.search{ width: 280px; border: 1px solid #0075c2; height: 30px; background: #FFF; border-radius: 15px; margin-top: 10px; float: right;}
.search .txt{ width: 240px; float: left; height: 30px;border-radius: 15px; padding-left: 10px}
.search .but{ width: 30px; height: 30px; float: right; background: #0075c2;border-radius: 15px; color: #FFF}

.flash{ height: 752px; }
.zy{ height: 400px; background: url(../Image/zy.jpg) no-repeat top center; }
.cp8{ height: 420px; background: url(../Image/cp8.JPG) no-repeat top center; }
/*end 底部*/
.end_tel{ position: relative; background-image: linear-gradient(to right, #0075c2 0%,#0075c2 50%,#393b3e 50%, #393b3e 100%); height: 230px;}
.end_tel .end_zp{ width: 550px; float: left; text-align:center; color: #FFF; height: 230px; background: url(../Image/zp1.png) no-repeat center center}
.end_tel .end_zp:last-of-type{background: url(../Image/zp2.png) no-repeat center center}
.end_tel .end_hot{ height: 50px; line-height:50px; font-family: Impact; font-size: 30px; font-style: italic; }
.end_tel .end_zp a{ width: 138px; margin: 15px auto; height: 48px; line-height: 48px; transition: 0.3s; border: 1px solid #FFF; display: block; color: #FFF }
.end_tel .end_zp a:hover{ background: #FFF; color:#0075c2 }
.end_tel .end_zp:last-of-type a:hover{ color:#393b3e}
.end_tel+.kb50{ height: 52px; background: url(../Image/end_zp.png) no-repeat center center; }

.go_top{ height: 52px;background: url(../Image/go_top.jpg) no-repeat top center;position: relative; }
.go_top a{ display: block; width: 100%; height: 52px; background: url(../Image/go_top.png) no-repeat center center; }
.end_lx{ padding: 140px 0 45px 30px; background: url(../Image/end_lx.png) no-repeat 30px 40px; float: left; width: 400px;}
.end_chart{ float: left; background: url(../Image/end_chart.png) no-repeat top center; width: 155px; height: 185px; margin:20px 0 0 97px;}
.end_a{ width: 410px; float: right; margin:50px 20px; line-height: 34px; }
.end_a li{ width: 25%; float: left;}
.end_nr{ line-height: 48px; }
/*首页代码*/
.sy_inco{ text-align: center;background: url(../Image/sy_inco.png) no-repeat center bottom; height: 95px; margin-top: 20px; }
.sy_inco span{ display: block; font-size: 28px; color: #4d4d4d; line-height: 45px;}
.sy_inco p.eng{ color: #b2b2b2; }

.fl_box{ width: 574px; height: 219px; color: #FFF; line-height: 33px; position: relative; z-index:99; padding-left: 207px; box-sizing: border-box; }
.fl_box .mask{width: 574px; height: 219px; position: absolute; top: 0; left: 0; z-index: 0}
.fl_box .img{ position: absolute; top: 50px; left: 44px; width: 208px; height:219px; z-index: 9 }
.fl_box .tit{ width: 300px;position: relative; z-index: 9;color:#fff;}
.fl_box .tit p{ padding: 35px 0 30px 0; font-size: 24px; line-height: 30px; height: 30px; }
.fl1{ background: url(../Image/fl1.jpg) no-repeat top center;}
.fl1 .mask{background-image: linear-gradient(to right, #00aa9e 0%, #0294dd 100%); opacity: 0.8; transition: 0.3s}
.fl2{ background: url(../Image/fl2.jpg) no-repeat top center; }
.fl2 .mask{background-image: linear-gradient(to right, #0075c2 0%, #0075c2 100%); opacity: 0.8; transition: 0.3s}
.fl_box:hover .mask{opacity: 1;}

.jj .jj_inco{ margin: 40px 0 20px 0;line-height: 50px;}
.jj .jj_inco span{ font-size: 24px; color: #4d4d4d;  margin-right: 10px; }
.jj .jj_inco span.eng{ font-size: 14px; color: #a3a3a3 }
.jj .jj_inco a{font-size: 14px; color: #4d4d4d; transition: 0.3s; padding: 3px 5px}
.jj .jj_inco a:hover{ color: #FFF; background: #0075c2; }
.jj .cont{ width: 600px; color: #818181}
.jj .cont img{ margin: 40px 0 0 0 }

.cp{ background: #ececec }
.ys{background: url(../Image/ys.jpg) no-repeat left bottom #f0f5f9; background-size: 45%;}
.ys .box{ width: 630px; float: right; }
.ys .tit{ font-size: 30px; color: #313131; line-height: 50px; margin: 60px 0 40px 0; }
.ys .tit span{ color: #c3c3c3; font-size: 24px; }
.ys li{ height: 130px; color: #818181; transition: 0.3s}
.ys li .img{ width: 68px; height: 68px; border-radius: 50%; background: #4f629a; float: left; margin-right:20px;}
.ys li p{ font-size: 18px; color: #313131; font-weight: bold; margin-bottom: 10px; transition: 0.3s}
.ys li:hover,.ys li:hover p{ color: #0075c2 }
.ys li:hover .img{ background: #0075c2 }

.newslist li{ width:540px; padding: 20px; margin-bottom: 30px; background: #f7f7f7; height: 125px; float: left; color: #868686; transition: 0.3s }
.newslist li:nth-of-type(2n){ float: right; }
.newslist li .img{ width: 160px; height: 120px; float: left; margin-right: 15px;}
.newslist li .tit{ font-size: 16px; color: #474747 }
.newslist li .time{ font-size: 12px; color: #8e8e8e }
.newslist li:hover{ background: #0075c2;color: #FFF;}
.newslist li:hover .tit a{color: #FFF;}
.newslist li:hover .time{color: #cbdcee;}

.fuwu{ background: url(../Image/fw_bj.jpg) no-repeat top center; margin-bottom: 20px;}
.fw_list li{ width: 290px; height: 384px; background: #FFF; float: left; margin:30px 5px; transition: 0.3s; -moz-box-shadow:0px 0px 20px rgba(0,0,0,0.09); -webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.09); box-shadow:0px 0px 20px rgba(0,0,0,0.09); }
.fw_list li .img{ margin: 40px auto 30px auto; width: 102px; height: 120px;overflow: hidden;}
.fw_list li .tit{ font-size: 24px; color: #4d4d4d; text-align: center; height: 50px;}
.fw_list li .cont{color: #868686; line-height: 30px; padding: 0 40px; }
.fw_list li:hover{ background: #0075c2 }
.fw_list li:hover .img img{ margin-top:-120px; display: block;}
.fw_list li:hover .tit{color: #FFF;}
.fw_list li:hover .cont{ color: #FFF;}
/*jjbox*/
.jjbox1 .img{ width: 370px; float: left; }
.jjbox1 .article{ width: 815px; float: right; }

.jjbox4{ background: url(../Image/jj/jjbox.jpg) no-repeat bottom center; color: #FFF; text-align: center; padding-top: 260px; font-size: 24px; }
.jjbox4 a{ margin: 60px auto; line-height: 40px; width: 165px; height: 40px; display: block; text-align: center; color: #FFF; border:1px solid #FFF;}
.jj_fw{ font-size: 44px; text-align: center;; padding: 50px 0; color: #363636;}
/*产品中心*/
.zy_inco{ font-size: 30px; color: #2d2d2d; text-align: center; margin: 40px 0; position: relative; height: 50px; }
.zy_inco:after{ position: absolute; content: ""; width: 50px; height: 3px; background: #bebebe; bottom: 0; left:575px; }
.cp_inco{ height: 60px; line-height: 60px; background: #efefef; margin: 10px auto; }
.cp_inco span{ float: left; background: #2086ca; width:225px; color: #FFF; font-size: 18px; text-align: center; }
.cplist li{ width: 380px; float: left; margin: 10px 0; position: relative; height: 361px; overflow: hidden;}
.cplist li .img{ width: 380px; height: 285px; box-sizing: border-box; border: 1px solid #f2f2f2; }
.cplist li .tit{ background: #f8f8f8; border: 1px solid #f2f2f2; height: 74px;text-align: center; line-height: 74px; font-size: 16px;  }
.cplist li .mask{ position: relative; opacity: 0; width: 380px; z-index: 9; height:361px; margin-top: -0; transition: 0.3s; color: #FFF; padding: 33px; box-sizing: border-box;}
.cplist li .mask:after{content: ''; position: absolute; opacity: 0.8; z-index: -1; background-image: linear-gradient(to right, #00aa9e 0%, #0294dd 100%); width: 380px; height:361px; top: 0; left: 0;}
.cplist li:hover .mask{margin-top: -361px; opacity: 1;}
.cplist li:nth-of-type(3n+2){ margin:10px 30px;}
.cplist li .mask .name{ font-size: 18px; line-height: 30px; width: 130px; position: relative; }
.cplist li .mask .name:after{content: ''; position: absolute; left: 123px; top: 115px; width: 65px; height: 65px; background: url(../Image/mask.png) no-repeat center center;}
.cplist li .mask a{ position: absolute; z-index: 9; width: 110px; height: 32px; line-height: 32px; border: 1px solid #FFF; bottom: 70px; left: 135px; color: #FFF; border-radius: 17px; text-align: center; }
.cp_more{ width: 148px; height: 38px; border: 1px solid #d6d6d6; line-height: 38px; text-indent: 22px; display: block; margin: 10px auto; background: url(../Image/cp_more.png) no-repeat 94px top; transition: 0.3s}
.cp_more:hover{ background-color: #2086ca; color: #FFF; border-color: #2086ca;  background-position:94px -38px;}
.cp_img{ width: 600px; height: 450px; float: left; margin: 60px 0 70px 0; overflow: hidden; }
.cp_info{ width: 560px; float: right; margin: 60px 0 70px 0; overflow: hidden;}
.cp_info .cptit{font-size: 30px; color: #303030; line-height: 50px; }
.cp_info .cpfl{margin: 20px 0; height: 40px; background: #e7e7e7; border-radius: 5px; line-height: 40px; width: 125px; color: #4f4f4f; text-align: center; }
.cp_info .desc{ color: #575757; font-size: 16px; line-height: 30px;padding-bottom: 18px; border-bottom: 1px dotted #c1c1c1; margin-bottom: 18px;  }
.cp_info .desc span{ color: #2e2e2e; }
.cp_info .cp_a a{ width: 228px; height: 58px; color: #FFF; line-height: 58px; text-align: center; float: left; margin-right: 22px;  }
.cp_info .cp_a a.cp_tel{background:url(../Image/cp_tel.png) no-repeat 20px center #2086ca; font-family: Impact; font-size: 24px;}
.cp_info .cp_a a.cp_line{background:url(../Image/cp_line.png) no-repeat 40px center #e24141; font-size: 16px}
.pro_info{background:url(../Image/cp_info.jpg) no-repeat top center}
.pro_info .title{ height: 114px; line-height: 114px; color: #FFF; font-size: 30px; }
.pro_info .info_title{}
.pro_info .info_title a{ width: 294px; height: 66px; line-height: 66px; font-size: 16px; font-weight: bold; margin-right:8px; color: #FFF; background: url(../Image/info_title.jpg) no-repeat top center; float: left; text-align: center;}
.pro_info .info_title a:last-of-type{ margin: 0;}
.pro_info .info_title a:hover{ background: #FFF; color: #535353 }

.cpbox{ padding: 50px 0; color: #29201d }
.cpbox table{ width: 100% }
.cpbox tr{ background: #FFF; border: 1px solid #FFF }
.cpbox tr.firstRow{ background: #00a1e9; color: #FFF;font-size: 18px; font-weight: bold; }
.cpbox tr:nth-of-type(2n){ background: #dddddd }
.cpbox td{ padding: 8px 0px 8px 50px; font-size: 15px; }
.like_inco{  font-size: 24px; color: #5c5c5c; line-height: 60px; }
/*新闻详情*/
.xw_tit{font-weight: bold; color: #121212; font-size: 18px; padding: 10px 0 5px 10px}
.meta{ border-bottom: 1px solid #e6e6e6; padding-left: 12px;}
.news_nr{ padding: 20px; color: #333333 }
#prev_next{ padding: 20px 0 }
/*联系方式*/
.lxfs{ width: 880px; margin: 20px auto; }
.lxfs li{ border-right: 1px solid #e0e0e0; min-height: 150px; float: left; width: 440px; box-sizing: border-box; padding: 10px 50px; font-size: 16px; color: #333333; line-height: 30px; }
.lxfs li:last-of-type{ border:none; }
.lxfs li .tit{ border-bottom: 1px solid #e0e0e0; font-size: 18px; font-weight: bold; padding-bottom: 10px; margin-bottom: 10px; color: #123123; width: 60px; white-space: pre; }