body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td{ margin:0; padding:0;}
/* body{ font:12px/1.5 '\5FAE\8F6F\96C5\9ED1',arial,'SimHei'; color:#333; -webkit-text-size-adjust: none; } */
img{vertical-align: middle; border:none;}
ul,ol{list-style:none outside none;}
table{border-collapse:collapse; border-spacing:0;}
button, input, select, textarea {font-size: 100%; vertical-align:middle; outline:none; font-family:'arial';}
a{ color:#333; text-decoration:none; blr:expression(this.onFocus=this.blur());  }
a:focus {outline: 0 none;}
h1,h2,h3,h4{ font-size:100%; font-weight:normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;-moz-appearance: button;}
.text,.btn,textarea{font-family:"\5FAE\8F6F\96C5\9ED1",arial,'Hiragino Sans GB';}
.clearfix:after{ content:"."; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}
.btn{ border: none; cursor: pointer;}
html,body{ width: 100%; }
li{ list-style:none;}
 .list-paddingleft-2 li{list-style: initial !important;} 
.list-paddingleft-2 { padding-left: 23px!important; }
em,i{ font-style: normal; }
.box{ width: 1260px; margin: 0 auto }

/* news */
.catalog{ padding: 0 146px; background: #ffffff; height:54px; overflow: hidden;  }
.catalog_ul li{ float: left; margin: 0 20px; }
.catalog_ul li a{ display: block; transition: all 0.5s ease 0s; height: 54px; line-height: 54px; font-size:16px; padding: 0 18px; position: relative; }
.catalog_ul li a:after{content: '';transition: all 0.5s ease 0s;  position: absolute; left: 0; bottom: 0; height:4px; background: #0063b2; width: 0; }
.catalog_ul li a:hover:after,.catalog_ul li a.for:after{ width: 100%; transition: all 0.5s ease 0s; }
.catalog_ul li a:hover,.catalog_ul li a.for{ color: #0063b2; transition: all 0.5s ease 0s; font-weight: bold; }

.innerball{padding: 0px 146px 80px; }
.news_dl{ padding:30px 0; border-bottom: 1px solid #dcdcdc;  }
.news_dl dt{ float: left; width:30%; height: 295px; overflow: hidden; border-radius: 5px;  }
.news_dl dt img{ width:100%; height: 295px; overflow: hidden;transition: all 1s ease 0s;border-radius: 5px; }
.news_dl dt:hover img{  transition: all 1s ease 0s; transform: scale(1.1); }
.news_dl dd{ float: right; width: 67%; }
.news_tit{ display: block;font-size: 24px; transition: all 0.5s ease 0s; overflow:  hidden; height:80px; line-height: 80px;overflow: hidden;  }
.news_di{ overflow: hidden; height:48px; line-height: 24px; font-size:16px; margin-bottom: 18px; color: #666666;   }
.news_time{ display: block;height:38px;background: url(../image/time.png) left center no-repeat;  line-height: 38px; margin-bottom: 44px; overflow: hidden; padding-left:34px;  font-size: 18px; color: #666666; }
.news_see{ display: block;transition: all 0.5s ease 0s; width:108px; height: 30px; line-height: 30px; border: 1px solid #d8dadc; font-size: 14px; text-align: center; background: #d8dadc; color: #fff;  }
.news_tit:hover{color: #0063b2; transition: all 0.5s ease 0s;}
.news_see:hover{color: #fff; background: #0063b2; transition: all 0.5s ease 0s; border: 1px solid #0063b2}
.rel{ border-bottom: 1px solid #ebebeb; padding:0 0 16px 0; margin-bottom: 40px;  }
.rel_h3{ text-align: center; height:60px; line-height: 60px; overflow: hidden; font-size:24px;  }
.rel_div{ text-align: center; height:52px; line-height: 52px; overflow: hidden; font-size: 14px; color: #666666  }
.rel_img{ margin: -2px 8px 0 0; }
.reutrn{ display: block; float: right; width:160px; margin-bottom: 28px; height: 42px; line-height: 42px;transition: all 0.5s ease 0s; border: 1px solid #eeeeee;text-indent:33px; background: #eeeeee url(../image/return.png) 106px center no-repeat; font-size: 14px; color: #666666;  }
.reutrn:hover{background: #fff url(../image/return1.png) 106px center no-repeat; color: #2981ed;  border: 1px solid #2981ed; transition: all 0.5s ease 0s;}
.news_word{border-bottom: 1px solid #ebebeb; }
.piece{ padding: 30px 0; }
.piece a{ display: block; height:38px; line-height: 38px; transition: all 0.5s ease 0s;  overflow: hidden; font-size: 14px; color: #666666  }
.piece a:hover{ color: #2981ed; transition: all 0.5s ease 0s; }
.series_ul{ padding:12px 0 48px 0;  }
.series_ul li{ float: left; margin-right:16px;   }
.series_ul li a{ display: block; width:188px; height: 50px;transition: all 0.5s ease 0s;  line-height: 50px; text-align: center; font-size: 16px; background: #e4e4e4  }
.series_ul li a:hover,.series_ul li a.on{ transition: all 0.5s ease 0s; color: #fff; background: #0063b2 }
.pro_ul{ margin-left: -50px; }
.pro_ul li{ float: left; width: 25%; padding: 0 0 32px 44px; box-sizing: border-box; }
.pro_ul li a{ display: block;background: #fff; box-shadow: 0 0 10px #efeff0; }
.pro_img{ width: 100%; height: 180px; display: block; overflow: hidden; }
.pro_img img{ width: 100%; height: 113%; max-width: 100%;transition: all 1s ease 0s; }
.pro_div{ padding: 0 50px;  }
.pro_tit{ display: block; overflow: hidden; transition: all 0.5s ease 0s; font-size: 24px; font-weight: bold; height: 72px; line-height: 72px; }
.pro_zi{ height: 140px; line-height: 29px; overflow: hidden; font-size:14px; color: #666666  }
.pro_see{ height: 66px; line-height: 66px; overflow: hidden; display: block; font-size:14px; color: #0063b2;  }
.pro_ul li:hover .pro_img img{ transition: all 1s ease 0s; transform: scale(1.1); }
.pro_ul li:hover .pro_tit{ transition: all 0.5s ease 0s; color: #0063b2}
.head-text {
            margin: 0 auto;
            width: 1200px;
            padding: 155px 0 0 50px;
            color: #fff;
        }
        .head-text h3 {
            font-size: 36px;
            color: #fff;
            font-weight: normal;
        }
        .head-text p {
            margin-top: 23px;
            line-height: 33px;
            font-size: 19px;
            font-family: "Microsoft Yahei";
            width: 390px;
            float: left;
        }