i,em{font-style:normal;}
.content{width:1200px;margin:0 auto;}
.head{background:#FFF;}
.head .top{ height:40px; line-height:40px; background:#f5f5f5; }
.head .hea-top{width: 1200px; height:104px;margin:0 auto;}
.head .hea-top .logo{width:50%; height:104px; float:left;padding-top:26px; box-sizing: border-box;}
.head .hea-top .logo .t_logo{width:235px; height:48px; float:left; line-height: 0; overflow: hidden;padding-top:5px; margin-right: 25px;}
.head .hea-top .logo .t_logo img{width:100%;}
.head .hea-top .logo h2{float:left; padding-left:34px; background:url(../images/hea-xt.png) no-repeat left;}
.head .hea-top .logo h2 span{display: block; height:29px; line-height: 29px;font-size: 20px; color:#231815; font-weight: normal;}
.head .hea-top .logo h2 em{display: block;height:29px; line-height: 29px;font-size: 19px;color:#231815;font-weight: bold;}
.head .hea-top .hea-tel{float:right;padding-top:26px;}
.head .hea-top .hea-tel span{display: inline-block;height:55px; line-height: 55px; padding-left:37px;font-size: 27px; color:#333333; font-family: "Arial"; font-weight: bold;}
.head .hea-top .hea-tel span.tel1{background:url(../images/hea-tel1.png) no-repeat left; margin-left: 50px;}
.head .hea-top .hea-tel span.tel2{background:url(../images/hea-tel2.png) no-repeat left;}
.head .menu{height:60px; background: #003171;}
.head .menu .nav{width: 1200px; height:60px;margin:0 auto;}
.head .menu .nav li{width:14.28%;height:60px; float:left; text-align: center; position: relative; line-height: 0;}
.head .menu .nav li a{display: block;height:60px;line-height: 60px;font-size: 16px; color:#fff; position: relative;}
.head .menu .nav li a:before{width:1px; height:10px; background:#dedede; content:""; position: absolute; right:0;top:27px;}
.head .menu .nav li:last-child a:before{display: none;}
.head .menu .nav li i{display: inline-block; width:0; height:1px;background: #E60012;margin:-1px auto 0; transition: .5s; vertical-align: bottom;}
.head .menu .nav li:hover a,.head .menu .nav li.cur a{font-size: 16px; color:#e60012; font-weight: bold;font-family: "思源黑体 CN";}
.head .menu .nav li:hover i,.head .menu .nav li.cur i{width:36px;}
    

.banner{position:relative;overflow:hidden;}
.banner .slick-arrow {position: absolute;font-size: 0;top: 50%;z-index:12;width: 100px;height: 100px;margin-top: -42px;border: 0;}
.banner .slick-prev {outline: none;position: absolute; top:50%; width: 52px; height: 52px; z-index: 9; text-align: center; margin-top: -40px;transition:.8s;background:url(../images/c_prev.png) no-repeat;left: 5%; opacity: 0;cursor: pointer;}
.banner .slick-next {outline: none;position: absolute; top:50%; width: 52px; height: 52px; z-index: 9; text-align: center; margin-top: -40px;transition:.8s;background:url(../images/c_next.png) no-repeat;right: 5%; opacity: 0;cursor: pointer;}
.banner:hover .slick-prev { left: 2%; opacity: 1; }
.banner:hover .slick-next { right: 2%; opacity: 1; }
.banner img {display: block;width: 100%;margin:0 auto;}
.slick-dots {position: absolute;left: 0; font-size:0;bottom: 5%;width: 100%;text-align: center;outline: none;}
.slick-dots li {display: inline-block;margin: 0 15px; outline: none;}
.slick-dots li button {display: block;border: 0 none;width: 41px;height: 4px;background:url(../images/ban-dd.png) no-repeat center; transition: .5s;}
.slick-dots .slick-active button {background:url(../images/ban-dd_h.png) no-repeat center;}


.footer{ background:#232324;border-top:8px solid #003171; overflow:hidden;}
.ft-top{padding:50px 0 ;border-bottom:1px solid rgba(255,255,255,0.04); box-sizing: border-box;overflow:hidden;}
.ft-top .ft-left{width:278px; height:314px;border-right:1px solid rgba(255,255,255,0.04);}
.ft-top .ft-left h2{width:184px; height:37px;margin-top: 28px; line-height: 0; overflow: hidden; margin-bottom: 20px;}
.ft-top .ft-left h2 img{width:100%;}
.ft-top .ft-left p{ margin-bottom: 20px; color:rgba(255,255,255,0.5); }
.ft-top .ft-left .ft-code{ width: 100px; text-align: center;}
.ft-top .ft-left .ft-code img{width: 100%;}
.ft-top .ft-left .ft-code em{display: block; font-size: 14px; color:rgba(255,255,255,0.53); line-height:14px;}
.ft-top .ft-cen{width:364px;height:314px;border-right:1px solid rgba(255,255,255,0.04);padding:25px 63px 0 75px; box-sizing: border-box;}
.ft-top .ft-cen h4{height:54px; line-height: 54px;display: inline-block; border-bottom:1px solid rgba(255,255,255,0.05); font-size: 18px; color:#cfcfcf; font-weight: bold; font-family: "思源黑体 CN"; margin-bottom: 16px;}
.ft-top .ft-cen ul{width:100%;}
.ft-top .ft-cen ul li{margin-bottom:8px; }
.ft-top .ft-cen ul li span{display: block; height:24px; line-height: 24px;font-size: 14px; color:rgba(255,255,255,0.2);}
.ft-top .ft-cen ul li p{height:23px; line-height: 23px;font-size: 14px; color:rgba(255,255,255,0.39);}
.ft-top .ft-nav{width:556px;padding:25px 0 0 75px; box-sizing: border-box;}
.ft-top .ft-nav h4{height:54px; line-height: 54px;display: inline-block; border-bottom:1px solid rgba(255,255,255,0.05); font-size: 18px; color:#cfcfcf; font-weight: bold; font-family: "思源黑体 CN"; margin-bottom: 6px;}
.ft-top .ft-nav ul li{float:left;width:215px;height:47px; line-height: 47px;}
.ft-top .ft-nav ul li a{font-size: 16px; color:rgba(255,255,255,0.3);display: block;background:url(images/ft-jt.png) no-repeat right;}
.ft-top .ft-nav ul li:nth-child(2n){float:right;}
.ft-bot{ width:100%; padding:20px 0;border-top:1px solid rgba(255,255,255,0.04); color:rgba(255,255,255,0.39); text-align: center; overflow:hidden;}
.ft-bot p{ font-size: 14px; line-height: 30px;}
.ft-bot a{ color:rgba(255,255,255,0.39);}


/**/
.guide{padding:87px 0 89px;background:url(../images/guide.jpeg) no-repeat center top;}
.gui-left{width:530px;height:500px; float:left;padding-top:43px; position: relative;z-index:200;}
.gui-left h2{margin-bottom: 28px;}
.gui-left h2 span{display: inline-block; height:56px; line-height: 56px; font-size: 45px; color:#333333;padding-right:37px;font-weight: bold;background:url(../images/gui-yy.png) no-repeat right 11px;}
.gui-left h2 em{display: block; height:73px; line-height: 73px;font-size: 55px;color:#003171; font-weight: bold;}
.gui-left strong{display: block; line-height: 33px; font-weight: normal;font-size: 20px; color:#333333; font-family: "思源黑体 CN"; margin-bottom: 37px;}
.gui-left .hd{width:330px; height:47px;background:#E1E1E1; margin-bottom: 94px;}
.gui-left .hd ul li{float:left;width:173px;height:47px; text-align: center;cursor: pointer;position: relative;}
.gui-left .hd ul li.jd2{margin-left: -16px;}
.gui-left .hd ul li i{display: block; width:100%; height:47px; line-height:47px;font-size: 16px; color:#666666; font-family: "思源黑体 CN"; position: relative;z-index:200;}
.gui-left .hd ul li.jd1:before{width:100%;height:47px; background:url(../images/gui-jd1.png) no-repeat center; content:"";position: absolute;left:0;top:0;display: none;}
.gui-left .hd ul li.jd2:before{width:100%;height:47px; background:url(../images/gui-jd2.png) no-repeat center; content:"";position: absolute;right:0;top:0;display: none;}
.gui-left .hd ul li.cur i{color:#FFF;}
.gui-left .hd ul li.jd1.cur:before{display:block;}
.gui-left .hd ul li.jd2.cur:before{display:block;}

.gui-rig{width:600px; height: 500px;overflow: hidden;float:right;}
.gui-rig .gui-con,.gui .gui-rig .gui-con .con{height:100%;}
.gui-rig span{display: block; width:100%;height:100%; line-height: 0; overflow: hidden;}
.gui-rig span img{width: 100%;height:100%; transition: 1s;}
.gui-rig span:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}


.gui-sz{ height:138px; background: #FFF;box-shadow: 0px 0px 10px rgba(0,0,0,0.2);padding-top:24px; box-sizing: border-box; overflow: hidden;}
.gui-sz ul li{float:left; width: 16.6666%; height:83px;border-right:1px solid #eeeeee; box-sizing: border-box;}
.gui-sz ul li span{display: block;text-align: center;height:56px;}
.gui-sz ul li span em{display: inline-block; height:56px; line-height: 56px;font-size: 55px; color:#003171; font-weight: bold;}
.gui-sz ul li span i{display: inline-block; width:17px; height: 17px; background:#E60012;border-radius: 50%; text-align: center; line-height: 17px;font-size: 13px;color:#FFFFFF; vertical-align: bottom;margin:0 0 5px -8px;}
.gui-sz ul li p{height:27px;font-size: 14px; line-height: 27px; color:#333333;text-align: center;}
.gui-sz ul li:last-child{border-right:0;}


.index_title{text-align: center; margin-bottom: 64px;}
.index_title span{display: inline-block; height:70px; line-height: 70px;font-size: 50px; color:#333;padding:0 21px;position: relative; font-weight: normal;}
.index_title span:before{width:15px; height:20px; background:url(../images/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:26px;}
.index_title span:after{width:15px; height:20px; background:url(../images/tit-rig.png) no-repeat center; content:""; position: absolute; right:0;top:26px;}
.index_title em{display: block; height:44px; line-height: 44px;font-size: 24px; color:#666;font-weight: normal;}

.index_product{ margin:0 auto 90px auto; width:100%; overflow: hidden; }
.product_list{ width:100%; margin-bottom: 50px; overflow: hidden; }
.product_list li{ float:left; width:20%; padding:10px; text-align: center; box-sizing: border-box;}
.product_list li .pic{ width:100%; border: 1px solid #ddd; overflow: hidden; box-sizing: border-box;}
.product_list li .pic img{width:100%;}
.product_list li p{ width:100%; height:30px; margin-top: 10px; }

.index_more{ margin: 0 auto; width: 346px; background:#E1E1E1; overflow: hidden;}
.index_more li{ float: left; width: 50%; height: 47px; line-height: 47px; text-align: center; overflow: hidden;}
.index_more li:first-child{ background:url(../images/gui-jd1.png) no-repeat center; }
.index_more li:first-child a{ color: #fff;}

.index_sb{ margin: 90px 0;}
.sb-list{ margin:0 auto; width:1200px; position: relative;}
.sb-list .bd{overflow: hidden;}
.sb-list .bd ul li{float:left; width:288px;margin-right: 16px; text-align: center;}
.sb-list .bd ul li span{display: block; width:100%; line-height: 0; overflow: hidden;}
.sb-list .bd ul li span img{width:100%;}
.sb-list .bd ul li em{display: block; width:100%; height:30px; margin-top: 10px;}
.sb-list .sb-jt i{display: block; width:19px; height:33px;cursor: pointer;}
.sb-list .sb-jt i.sb-prev{background:url(../images/abo-prev.png) no-repeat center;position: absolute; left:-40px;top:40%;}
.sb-list .sb-jt i.sb-next{background:url(../images/abo-next.png) no-repeat center;position: absolute; right:-40px;top:40%;}


/**/
.pro-top{height:775px;background:url(../images/product.jpg) no-repeat center top;padding-top:80px; box-sizing: border-box; overflow: hidden; /*margin-bottom: 30px;*/}
.pro-top h2{text-align: center; margin-bottom: 64px;}
.pro-top h2 span{display: inline-block; height:70px; line-height: 70px;font-size: 50px; color:#FFF;padding:0 21px;position: relative; font-weight: normal;}
.pro-top h2 span:before{width:15px; height:20px; background:url(../images/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:26px;}
.pro-top h2 span:after{width:15px; height:20px; background:url(../images/tit-rig.png) no-repeat center; content:""; position: absolute; right:0;top:26px;}
.pro-top h2 em{display: block; height:44px; line-height: 44px;font-size: 24px; color:#e0e0e0;font-weight: normal;}
.pro-top .pro-con{width: 75.3%; height:513px;margin:0 auto; position: relative;padding-top:31px; box-sizing: border-box;}
.pro-top .pro-con ul li{width:575px; height:85px; margin-bottom: 89px;}
.pro-top .pro-con ul li i{display: block; width:74px; height:84px;overflow: hidden;}
.pro-top .pro-con ul li i img{width:100%; transition: .5s;}
.pro-top .pro-con ul li h4{padding-top:3px;}
.pro-top .pro-con ul li h4 span{display: block; height:41px; line-height: 41px;font-size: 28px; color:#ffffff;font-weight: bold; font-family: "思源黑体 CN";}
.pro-top .pro-con ul li h4 p{height:33PX;line-height: 33px;font-size: 17px; color:rgba(255,255,255,0.66); font-weight: normal;}
.pro-top .pro-con ul li.odd{float:left;}
.pro-top .pro-con ul li.even{float:right;}
.pro-top .pro-con ul li.odd i{float:left; margin-right: 21px;}
.pro-top .pro-con ul li.even i{float:right; margin-left: 21px;}
.pro-top .pro-con ul li.odd h4{float:left;}
.pro-top .pro-con ul li.even h4{float:right; text-align: right;}
.pro-top .pro-con ul li:hover i img{margin-top:-84px;}
.pro-top .pro-con .pro-cen{width:562px; position: absolute; left:446px; top:0;}
.pro-top .pro-con .pro-cen i{display: block; width:275px; height:432px; margin:0 auto; line-height: 0; overflow: hidden;}
.pro-top .pro-con .pro-cen i img{width:100%;}
.pro-top .pro-con .pro-cen p em{display: block;float:left; height:20px; line-height: 20px; font-size: 14px; color:#FFF; font-weight: bold; padding-left:28px;background:url(../images/pro-dd.png) no-repeat left; margin-left: 38px;}
.pro-top .pro-con .pro-cen p em:first-child{margin-left: 0;}
.pro-bot{background:url(../images/probj.jpeg) no-repeat center top; padding:30px 12px 112px }
.pro-bot ul li{float:left; width:49%;padding:22px 0;background:#FFF;}
.pro-bot ul li dl dt{width:71.3%; line-height: 0; overflow: hidden; float:right;}
.pro-bot ul li dl dt img{width:100%;}
.pro-bot ul li dl dd{width:28.7%;float:left;padding:47px 0 0 5%; box-sizing: border-box;}
.pro-bot ul li dl dd h4{height:89px; line-height: 89px; margin-bottom: 21px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pro-bot ul li dl dd h4 a{font-size: 28px; color:#1e1e1e; font-weight: bold;padding-left:13px; background:url(../images/pro-xt.png) no-repeat left; font-weight: bold;}
.pro-bot ul li dl dd p{margin-bottom: 53px;}
.pro-bot ul li dl dd p em{display: block;height:36px;line-height: 36px;background:url(../images/pro-dd.png) no-repeat left;padding-left:27px;}
.pro-bot ul li dl dd p em a{font-size: 19px; color:#1e1e1e; font-family: "思源黑体 CN";}
.pro-bot ul li dl dd strong{display: block; width:159px; height:44px; background:url(../images/pro-kk.png) no-repeat center;}
.pro-bot ul li dl dd strong a{display: block;width:159px;height:44px; text-align: center;}
.pro-bot ul li dl dd strong i{display: inline-block; height:44px;line-height: 44px;padding-right:41px;background:url(../images/pro-jt.png) no-repeat right; font-weight: normal;}
.pro-bot ul li:last-child{float:right;}
@media screen and  (min-width:760px) and (max-width:1680px){
    .pro-top .pro-con{width:93.3%;}
    .pro-top .pro-con .pro-cen{left:400px;}
    .pro-bot ul li dl dd h4 a{font-size: 20px;}
    .pro-bot ul li dl dd p em a{font-size: 16px;}
}
/**/
.newsbj{height:825px; background:#f5f5f5; position: relative;}
.news{padding-top:71px;position: relative;z-index:300;}
.news h2{text-align: center; }
.news h2 span{display: inline-block; height:95px; line-height: 95px;font-size: 50px; color:#333333;padding:0 25px;position: relative; font-weight: bold; font-family: "思源黑体 CN";}
.news h2 span:before{width:15px; height:20px; background:url(../images/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:41px;}
.news h2 span:after{width:15px; height:20px; background:url(../images/tit-rig.png) no-repeat center; content:""; position: absolute; right:0;top:41px;}
.news .news-left{width:818px; float:left;}
.news .news-left h4{height:78px;}
.news .news-left h4 span{display: block;float:left; height:78px;line-height: 78px; font-size: 22px; color:#333333; font-weight: bold; padding-left:32px; background:url(../images/news-ico1.png) no-repeat left;}
.news .news-left h4 i{display: block; height:78px;line-height: 78px; font-size: 14px; color:#333333; font-weight: normal; float:right; text-transform: uppercase;}
.news .news-left .news-con{height:338px;position: relative;}
.news .news-left .news-con dl{height:338px;position: relative;}
.news .news-left .news-con dl dt{width:100%; line-height: 0; overflow: hidden;height:338px;}
.news .news-left .news-con dl dt img{width: 100%; }
.news .news-left .news-con dl dd{width:100%; height:113px; position: absolute;left:0;bottom:0;padding:0 37px 0 40px; box-sizing: border-box;}
.news .news-left .news-con dl dd h4{height:55px; border-bottom:1px solid rgba(255,255,255,0.35);}
.news .news-left .news-con dl dd h4 a{font-size: 20px; color:#FFF; font-family: "思源黑体 CN"; display: block; background:url(../images/news-jt.png) no-repeat right;}
.news .news-left .news-con dl dd p{height:44px;line-height: 44px;font-size: 14px; color:#FFF;}
.news .news-left .news-con .hd{width:38px; height:6px; position: absolute; right:37px;bottom:32px;}
.news .news-left .news-con .hd ul li{float:left; width:6px; height:6px;border:1px solid #FFF; box-sizing: border-box; margin-left: 10px;font-size: 0; border-radius: 50%;}
.news .news-left .news-con .hd ul li:first-child{margin-left: 0;}
.news .news-left .news-con .hd ul li.on{background:#FFF;}
.news .news-left .news-con .news-jt i{display:block; width:60px; height:60px;cursor:pointer;}
.news .news-left .news-con .news-jt i.news-prev{background:url(../images/news-prev.png) no-repeat center;position:absolute;left:9px;top:110px;}
.news .news-left .news-con .news-jt i.news-next{background:url(../images/news-next.png) no-repeat center;position:absolute;right:9px;top:110px;}
.news .news-left .news-bot{height:155px; background: #FFF;padding:0 46px 0 44px; box-sizing: border-box;}
.news .news-left .news-bot ul{position: relative;}
.news .news-left .news-bot ul li{width:319px;float:left;}
.news .news-left .news-bot ul li em{display: block; height:70px; line-height: 70px;border-bottom:1px solid rgba(0,0,0,0.04);}
.news .news-left .news-bot ul li em:last-child{border-bottom:0;}
.news .news-left .news-bot ul li em a{display: block; font-size: 15px; color:#333333;background:url(../images/news-jt2.png) no-repeat right;}
.news .news-left .news-bot ul li em:hover a{color:#E60012;}
.news .news-left .news-bot ul li:last-child{float:right;}
.news .news-left .news-bot ul:before{width:1px; height:110px; background:rgba(0,0,0,0.07);content:""; position: absolute; left:365px; top:21px;}
.news .news-rig{width:351px;float:right;}
.news .news-rig h4{height:78px;}
.news .news-rig h4 span{display: block;float:left; height:78px;line-height: 78px; font-size: 22px; color:#333333; font-weight: bold; padding-left:32px; background:url(../images/news-ico1.png) no-repeat left;}
.news .news-rig h4 i{display: block; height:78px;line-height: 78px; font-size: 14px; color:#333333; font-weight: normal; float:right; text-transform: uppercase;}
.news .news-rig .wd{height:492px; background:#FFF;padding:5px 28px 0 34px; box-sizing: border-box;}
.news .news-rig .wd .bd ul li{height:79px; line-height: 79px; border-bottom:1px solid #f5f5f5;background:url(../images/news-dd.png) no-repeat left;padding-left:9px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .news-rig .wd .bd ul li a{display: block;font-size: 15px; color:#333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .news-rig .wd .bd ul li:hover a{color:#E60012;}



.home{ width: 100%; height: 50px; line-height: 50px; background: #f5f5f5; overflow: hidden;}
.banner_nr{ width: 100%; overflow: hidden;}
.banner_nr img{ width: 100%; }
.aboutBox{ width: 100%; margin: 50px 0; overflow: hidden;}
.aboutBox .item{ width: 100%; margin: 50px 0; overflow: hidden;}
.aboutBox .pic{ width: 580px; overflow: hidden;} 
.aboutBox .pic img{ width: 100%;} 
.aboutBox .text{ width: 580px; overflow: hidden;}
.aboutBox .text h2{ padding: 20px 0 40px 0; font-size: 38px; }
.aboutBox .text p{ line-height: 30px; }

.contactBox{ width: 100%; margin: 90px 0; overflow: hidden;}
.contactBox h2{ line-height: 50px; font-size: 38px; text-align: center;}
.contactBox .contact{ width: 100%; margin: 30px 0; padding: 30px 0; background: #f5f5f5; overflow: hidden; }
.contactBox .contact li{ float: left; width: 25%; text-align: center; border-right: 1px dashed #ddd; box-sizing: border-box;}
.contactBox .contact li img{ width: 70px;}
.contactBox .contact li h4{ margin: 10px 0;}
.contactBox .contact li:last-child{ border: 0;}

.newsBox{ width: 100%; margin: 90px 0; display: inline-block; position: relative;}
.news_right{ float: right; width: 1050px; padding: 70px 40px; background: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); box-sizing: border-box;}
.news_right ul{ width: 100%; border: 1px solid #e3e3e3; overflow: hidden;}
.news_right ul li{ border-bottom: 1px solid #e3e3e3; padding: 20px; overflow: hidden;}
.news_right ul li:last-child{ border: 0;}
.news_right ul li .pic{ float: left; width: 260px; overflow: hidden;}
.news_right ul li .pic img{ width: 100%; }
.news_right ul li .text{ float: right; width: 640px; overflow: hidden;}
.news_right ul li .text h4{ font-size: 22px; font-weight: normal; line-height: 40px;}
.news_right ul li .text p{ padding: 10px 0; color: #666; font-size: 15px;}
.news_right ul li .text .more{ margin-top: 10px; overflow: hidden;}
.news_right ul li .text .more a{ display: block;width: 98px;height: 34px;
line-height: 34px;font-size: 14px;color: #013171;text-align: center;border: 1px solid #013171;position: relative;}
.news_right ul li .text .more a:before {content: '';position: absolute;border-top: 9px solid transparent;border-bottom: 9px solid transparent;border-left: 10px solid #fff;left: -1px;top: 50%;margin-top: -9px;z-index: 1;}
.news_right ul li .text .more a:after {content: '';position: absolute;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 7px solid #013171;left: -1px;top: 50%;margin-top: -5px;z-index: 2;}

.news_left{ position: absolute; left:0; top:0; width: 150px;}
.news_left h3{ margin-bottom: 5px;padding: 20px; background: #013171; color: #fff; font-size: 20px; font-weight: normal; text-align: center;}
.news_left ul li{  margin-bottom: 5px; padding: 20px 0; background: #ccc; text-align: center;  }
.news_left ul li a{ color: #666;}
.news_left ul li a:hover,.news_left ul li.active a{ color: #013171;}


.news_title{ margin-bottom: 50px; text-align: center; overflow: hidden;}
.news_title h2{ margin-bottom:20px; line-height: 38px; font-size: 32px; font-weight: 400; color:#333;}
.news_title p{ font-size: 14px; color:#999;}
.news_text{ line-height: 30px;}

.page{margin-top:50px;border-top:1px solid #ddd; padding-top:25px;display:flex;justify-content:space-between;align-items:center;}

.caseBox{ width: 100%; margin: 90px 0; display: inline-block; position: relative;}
.caseBox h2{ font-size: 28px; line-height: 40px; text-align: center;}
.caseBox .pic{ margin-top: 30px; text-align: center;}


.productBox{ width: 100%; margin: 90px 0; display: inline-block; position: relative;}
.productBox .productlist{ width: 100%; overflow: hidden;}
.productBox .productlist li{ float: left; margin: 0 20px 20px 0; width: 285px; border: 1px solid #eee; box-sizing: border-box; overflow: hidden;}
.productBox .productlist li:nth-child(4n){margin-right:0;}
.productBox .productlist li .pic{ width: 100%; height: 285px; padding: 5px; box-sizing: border-box; overflow: hidden;}
.productBox .productlist li .pic img{ width: 100%;}
.productBox .productlist li h4{ height: 50px; line-height: 50px; text-align: center; background: #eee;}


.product_right{ float: right; width: 1000px; padding: 70px 40px; background: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); box-sizing: border-box;}
.product_top{ width: 100%; overflow: hidden;}
.product_top .pic{ float: left; width: 500px; border: 1px solid #eee; box-sizing: border-box; overflow: hidden;}
.product_top .pic img{ width: 100%;}
.product_top .text{ float: right; width: 380px; margin-top: 20px; overflow: hidden;}
.product_top .text h2{ font-size: 28px; line-height: 40px;}
.product_top .text p{ margin: 20px 0 50px 0; line-height: 30px;}
.product_info{ width: 100%; min-height: 500px; margin-top: 30px; overflow: hidden;}
.product_info h2{ border-bottom: 1px solid #004386;height: 51px;margin-bottom: 30px;}
.product_info h2 span {display: block;font-size: 18px;color: #fff;height: 51px;width: 180px;text-align: center;line-height: 50px;background-color: #004386;}


.product_left{ position: absolute; left:0; top:0; width: 200px;}
.product_left h3{ margin-bottom: 5px;padding: 20px; background: #013171; color: #fff; font-size: 20px; font-weight: normal; text-align: center;}

.p_list{ width: 100%; overflow: hidden;}
.p_list li{ float: left; margin-bottom: 5px; width:100%; border: 1px solid #eee; box-sizing: border-box; overflow: hidden;}
.p_list li .pic{ width: 100%; padding: 5px; box-sizing: border-box; overflow: hidden;}
.p_list li .pic img{ width: 100%;}
.p_list li h4{ height: 50px; line-height: 50px; text-align: center; background: #eee;}

.piclist{ width: 100%; margin: 90px 0; overflow: hidden;}
.piclist dl {
            width: 24%;
            float: left;
            background: #f0f0f0;
            margin: 0 1.3% 13px 0
        }
        
        .piclist dl:nth-child(5n-1) {
            margin-right: 0;
        }
        
        .piclist dt {
            border: 1px solid #e5e5e5;
            padding: 10px 9px;
            background: #fff;
        }
        
        .piclist dt img {
            display: block;
            width: 100%;
        }
        
        .piclist dd h4{
            height: 50px;
            font-size: 14px;
            line-height: 50px;
            text-align: center;
            padding: 0 5px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            background: #f0f0f0;
        }
        
        .piclist dd h4 a {
            color: #4b4a4a;
        }


.styled-pagination{
	position: relative;
	padding-top: 40px;
	margin-bottom: 40px;
	text-align: center;
	border-top: 1px solid #eeeeee;
}
.styled-pagination a{
	display:inline-block;
	margin: 0 5px;
	font-size: 16px;
	color: #222222;
	font-weight: 400;
	text-align: center;
	padding: 0px 12px;
	background: #f7f7f7;
	border-radius: 5px;
	text-transform: uppercase;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
}
.styled-pagination a.page-num-current,.styled-pagination a:hover{ background: #0b4696; color: #fff;}