*{ margin: 0; padding: 0; list-style: none; text-decoration: none; box-sizing: border-box;}
body{ position: relative; font: 14px Microsoft YaHei, arial, 微软雅黑, sans-serif; vertical-align: baseline; width: 100%; overflow-x: hidden;}
i, em{ font-style: normal;}
a{ color: #333;}
h1, h2, h3, h4, h5, h6, b{ font-weight: normal;}
img{ border: none \9; display: inline-block;}
::-webkit-scrollbar{ width: 8px; height: 8px; background-color: #F5F5F5;}
::-webkit-scrollbar-track{ border-radius: 10px; background-color: #E2E2E2;}
::-webkit-scrollbar-thumb{ border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #555;}
.row{ white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.rows{ word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;}
.clearfix:after,.clear{ content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}
.fl{ float: left;}
.fr{ float: right;}
.tywidth{ width: 1200px; margin: 0 auto;}
.more_topic{ width: 1200px; margin: 70px auto 35px; text-align: center;}
.more_topic h3{ color: #333; font-weight: bold; font-size: 36px; line-height: 36px; margin-bottom: 13px;}
.more_topic h4{ color: #666; font-size: 20px; line-height: 20px;}
@font-face{ font-family: 'PINGFANG REGULAR';src: url('../fonts/PINGFANG REGULAR.TTF');font-weight: normal; font-style: normal;}


.htop{width: 100%;height: 36px;background:#10A0D8;}
.htop .tnr{width: 1200px;height: 36px;margin:0 auto;line-height: 36px;color: #fff;letter-spacing: 1px;}
.htop .tnr a{color: #fff;}
.htop .tnr a:hover{text-decoration: underline;}
.htop .tnr .l{float: left;}
.htop .tnr .r{float: left;margin-left:698px;}


.m1{width: 100%;height: 904px;background: url(../images/m1_bg.png)no-repeat center;padding-top:100px;}
.m1 .top{width: 100%;text-align: center;}
.m1 .nr{width: 1200px;height: 500px;margin:0 auto;margin-top: 60px;}
.m1 .nr .t1{font-size: 24px;color: #E6212A;font-weight: bold;letter-spacing: 1px;}
.m1 .nr .t2{font-size: 12px;color: #666;margin-top: 3px;margin-bottom: 72px;}
.m1 .nr .hd{width: 265px;height: 520px;float: left;}
.m1 .nr .bd{width: 890px;height: 520px;float: left;margin-left: 45px;}
.m1 .nr .bd li{width: 890px;height: 498px;}

.m1s{width: 100%;height:257px;background: url(../images/m2_bgs.png)no-repeat center;margin-top: -5px;}




.m3{width: 100%;height:769px;background: url(../images/m3_bg.png)no-repeat center;padding-top:100px;}
.m3 .nr{width: 1200px;height: 600px;margin:0 auto;}
.m3 .nr .bd{width: 813px;height: 600px;float: left;padding-top:15px;}
.m3 .nr .bd .b1{font-size:28px;font-weight: bold;color: #E6212A;letter-spacing: 1px;margin-bottom: 20px;}
.m3 .nr .bd .b2{width: 500px;height: 22px;margin-top: 16px;}
.m3 .nr .bd .b2 div{float: left;}
.m3 .nr .bd .b2 .bb{width: 150px;border-left: 1px solid #333;height: 22px;line-height: 22px;letter-spacing:7px;font-size: 17px;}
.m3 .nr .bd .b3{color: #999;margin-top: 12px;margin-bottom: 30px;}
.m3 .nr .bd li .l1{width: 813px;height: 308px;overflow: hidden;}
.m3 .nr .bd li .l1 img{ width: 100%; transition: all ease-in .6s;}
.m3 .nr .bd li:hover .l1 img{ transform: scale(1.1);}
.m3 .nr .bd li .l2{width: 813px;height: 106px;background: #E6212A;padding-top:17px;padding-left: 35px;padding-right: 35px;line-height: 25px;color: #FCEAEA;}

.m3 .nr .hd{float: left;width: 320px;height: 500px;margin-left: 65px;}
.m3 .nr .hd li{width: 320px;height:145px;background: url(../images/m3_xbg.png)no-repeat center;margin-bottom:2px;}
.m3 .nr .hd li.on{background: url(../images/m3_xbga.png)no-repeat center;}

/*@font-face{font-family: 'Kozuka Gothic Pr6N-Regular'; src: url('../fonts/Kozuka Gothic Pr6N-Regular.otf');
font-weight: normal; font-style: normal;}*/

.m3 .nr .hd li .l1{width: 100%;text-align: center;color: #E6212A;font-size:40px;font-weight: bold;padding-top:30px;}
.m3 .nr .hd li .l1 span{/*font-family: 'Kozuka Gothic Pr6N-Regular';*/font-family: 'KaiTi';}
.m3 .nr .hd li .l2{width: 100%;text-align: center;color: #666666;font-size:16px;}
.m3 .nr .hd li.on .l1{color: #fff;}
.m3 .nr .hd li.on .l2{color: #fff;}


.m4{width: 100%;height:346px;background: url(../images/m4_bg.png)no-repeat center;}
.m4 .nr{width: 1200px;height: 356px;margin:0 auto;overflow: hidden;}
.m4 .nr .hd{width: 125px;height:280px;float: left;margin-top: 32px;overflow: hidden;padding-top:10px;}
.m4 .nr .hd li{height: 56px;}
.m4 .nr .hd li .l1{width: 20px;height: 1px;background: #fff;position: absolute;margin-top: 12px;margin-left: 12px;}
.m4 .nr .hd li .l2{font-size: 18px;color: #AFB0B0;padding-left: 40px;line-height: 30px;}
.m4 .nr .hd li.on .l2{color: #E6212A;font-size: 30px;font-weight: bold;}
.m4 .nr .hd li.on .l1{background: #E6212A;}

.m4 .nr .bd{width: 1058px;height: 300px;float: left;padding-top:48px;}
.m4 .nr .bd li{width: 1115px;height: 250px;border:1px solid #747575;padding-left: 55px;padding-top:40px;}
.m4 .nr .bd li .l1{font-size: 38px;color: #fff;}
.m4 .nr .bd li .l1 b{font-size: 18px;color: #E6212A;}
.m4 .nr .bd li .l2{width: 700px;line-height: 27px;font-size:16px;color: #fff;margin-top: 24px;}
.m4 .nr .bd li .tp{width: 193px;height: 199px;overflow: hidden;position: absolute;margin-left:776px;margin-top: -15px;}
.m4 .nr .bd li .tp img{ width: 100%; transition: all ease-in .6s;}
.m4 .nr .bd li .tp:hover img{ transform: scale(1.1);}

.m5{width: 1200px;height: 300px;margin:0 auto;margin-top: 76px;}

.m5 li{width: 285px;height: 292px;border-bottom: 4px solid #E9E9E9;float: left;margin-right: 19px;}
.m5 li .tp{width: 285px;height: 230px;background: #E6212A;}
.m5 li .title{width: 100%;text-align: center;padding-top:13px;font-size: 16px;}
.m5 li:last-child{margin-right: 0;}
.m5 li:hover{border-bottom: 4px solid #E6212A;}

/*285 292*/

/*header*/

.header{ font-size: 0;}
.header .header_mid .nr{ height: 145px;}
.header .header_mid .logo{ padding-top: 10px; width: 145px;}
.header .header_mid .text h3{ font-weight: bold; color: #000; font-size: 24px; line-height: 24px; margin: 35px 0 10px;}
.header .header_mid .text h3 b{ color: #10a0d8; font-weight: bold;}
.header .header_mid .text h4{ color: #333; font-size: 18px; line-height: 18px;}
.header .header_mid .right{ margin-top: 30px;}
.header .header_mid .right img{ vertical-align: middle; margin-left: 10px;}
.header .header_mid .right p{ display: inline-block; vertical-align: middle;}
.header .header_mid .right i{ margin-top: 5px; display: block; font-size: 26px; line-height: 26px; color: #333; font-family: arial; font-weight: bold;}
.header .nav{ width: 100%; border-top: 1px solid rgb(220, 220, 220); height: 68px; padding-top: 11px;}
.header .nav .nav-content nav .xz{ position: relative;display: inline-block; vertical-align: top;width: 120px; height: 56px; margin-right: 3px; text-align: center;}
.header .nav .nav-content nav .xz:first-child+.xz,.header .nav .nav-content nav .xz:first-child+.xz+.xz{width: 168px;}
.header .nav .nav-content nav .xz:last-child{ margin-right: 0;}
.header .nav .nav-content nav .xz a{ display: block; height: inherit; padding-top: 15px; transition: all .3s ease; color: #333; font-size: 16px;}
.header .nav .nav-content nav .xz.on a,.header .nav .nav-content nav .xz:hover a{ background: #10a0d8; color: #fff;}
.header .nav .nav-content nav .xz:before{ content: ""; background-color: rgb(201, 201, 201); position: absolute; right: 0; bottom: -10px; background: url(../images/navhr.png)no-repeat center; width: 100%; height: 15px; transition: all .3s ease; opacity: 0;}
.header .nav .nav-content nav .xz.on:before,.header .nav .nav-content nav .xz:hover:before{opacity: 1; bottom: 0;}
.header .nav .nav-content nav .xz ul{ display: none; padding: 5px 0; text-align: center; position: absolute; z-index: 2; background: #f5f5f5; width: 100%; left: 50%; margin-left: -60px; top: 68px;}
.header .nav .nav-content nav .xz ul li{ height: 30px; line-height: 30px; font-size: 16px; color: #222;}
.header .nav .nav-content nav .xz ul li:hover{ color: #10a0d8;}

/*banner*/

.banner-index{ line-height: 0;}
.banner-index img{ width: 100%;}
.banner-index .slideBox{ width: 100%; height: auto; overflow: hidden; position: relative;}
.slideBox .hd{ position: absolute; bottom: 35px;left: 50%; transform: translateX(-50%); font-size: 0; z-index: 1;}
.slideBox .hd ul li{ background: #a3a4a1; width: 9px; height: 9px; margin-right: 10px; float: left; border-radius: 50%; cursor: pointer;}
.slideBox .hd ul li:last-child{ margin-right: 0;}
.slideBox .hd ul li.on{ background: #10a0d8;}
.banner-index .slideBox .bd img{ width: 100%;}
.slideBox .bd ul li{ display: none;}
.slideBox .bd ul li:first-child{ display: none;}
.banner img{ width: 100%;}

/*search*/

.search{ font-size: 0; height: 68px; line-height: 68px; box-shadow: 0px 0px 38px 0px rgba(0, 0, 0, 0.06); overflow: hidden;}
.search-content>div{ display: inline-block;vertical-align: top;}
.search-keywords span{ color: #333; font-size: 14px; font-weight: bold; border-left: 3px solid #10a0d8; height: 20px; padding-left: 10px;}
.search-keywords span img{ vertical-align: middle; margin: -5px 10px 0 0;}
.search-keywords a{ color: #666; font-size: 14px;}
.search-keywords a:hover{ color: #10a0d8;}
.search-keywords i{ margin: 0 15px;color: #666; font-size: 14px;}
.search-form{ float: right;}
#searchForm{ margin-top: 20px; background: url(../images/search.png)no-repeat right center; width: 230px; height: 24px; display: inline-block; vertical-align: top; text-indent: 10px;}
#searchForm>input{ background: none; border: none; outline: none; display: inline-block; vertical-align: top; color: #999;}
#searchForm .search-input{ height: 24px; line-height: 24px; width: 85%;}
.search-form #s_btn{ width: 24px; height: 24px; cursor: pointer;}
#searchForm .search-input::-webkit-input-placeholder{ color: #999;}
#searchForm .search-input:-moz-placeholder{ color: #999;}
#searchForm .search-input::-moz-placeholder{ color: #999;}
#searchForm .search-input:-ms-input-placeholder{ color: #999;}

/*model1*/

.model1 .more_topic i{ display: block; margin: 20px auto 0; width: 60px; height: 3px; background-color: #10a0d8;}
.model1 .nr{ height: 420px; overflow: hidden;}
.model1 .nr ul li{ float: left; position: relative; width: 380px; height: 200px; cursor: pointer; border-radius: 5px; overflow: hidden; margin-bottom: 20px;}
.model1 .nr ul li:first-child,.model1 .nr ul li:first-child+li{ width: 390px; height: 420px;}
.model1 .nr ul li:first-child+li{ margin: 0 20px;}
.model1 .nr ul li .pic img{ width: 100%; transition: all ease-in .3s;}
.model1 .nr ul li .pic:hover img{ transform: scale(1.1);}
.model1 .nr ul li:after{ content: ""; position: absolute; left: 0; top: 0; z-index: 1; border-radius: 5px;
 /*background-color: rgb(17, 17, 17); opacity: 0.402; */width: 100%; height: 100%;}



 .model1 .nr ul li .title{width: 100%;height: 52px;line-height: 52px;text-align: center;color: #fff;font-size: 18px;
 background-color: rgb(0, 0, 0, .6);position: relative;margin-top: -52px;z-index: 99;}
  .model1 .nr ul li:hover .title{background-color: rgb(16, 159, 215, .9);}


/*.model1 .nr ul li:first-child:after,.model1 .nr ul li:first-child+li:after{ background-color: rgb(0, 0, 0);}*/
/*.model1 .nr ul li .text{ position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; padding: 30px 0 0 25px;}
.model1 .nr ul li .text dt{ color: #fff; font-size: 22px; line-height: 22px;}
.model1 .nr ul li .text dt:after{ content: ""; display: block; margin: 20px 0 15px; background-color: rgb(255, 255, 255); width: 30px; height: 2px;}
.model1 .nr ul li:first-child .text,.model1 .nr ul li:first-child+li .text{ padding: 35px 0 0 30px;}
.model1 .nr ul li:first-child .text dt,.model1 .nr ul li:first-child+li .text dt{ color: #fff; font-size: 24px; line-height: 24px;}
.model1 .nr ul li .text dd{ color: #eee; font-size: 16px; line-height: 25px; width: 92%;}
.model1 .nr ul li .text em{ display: block; margin-top: 20px; background: url(../images/model1jt1.png)no-repeat; width: 40px; height: 28px;}
.model1 .nr ul li:hover .text em{ background: url(../images/model1jt1s.png)no-repeat;}*/

/*model2*/

.model2{ background: url(../images/model2bg.png)no-repeat center; background-size: cover; width: 100%; height: 580px; margin-top: 80px; font-size: 0;}
.model2 .nr .left{ width: 608px;}
.model2 .nr .left dt{ color: #fff; font-size: 48px; line-height: 48px; font-weight: bold; border-bottom: 1px solid rgba(255, 255, 255, 0.302); padding: 95px 0 40px; margin-bottom: 55px;}
.model2 .nr .left dl dd{ display: inline-block; vertical-align: top; text-align: center; margin-right: 49px; width: 115px; margin: 0 49px 45px 0;}
.model2 .nr .left dl dd .icon{ height: 70px;}
.model2 .nr .left dl dd p{ color: #fff; font-size: 16px; line-height: 16px;}
.model2 .nr .left dl dd:nth-child(4n){ margin-right: 0;}
.model2 .nr .left dl dd .icon img{ position: relative; transition: all .5s ease-in;}
.model2 .nr .left dl dd:hover .icon img{ transform: rotateY(360deg); top: 10px;}
.model2 .nr .right{ width: 465px; padding-top: 65px;}
.model2 .nr .right ul li{ margin-bottom: 55px;}
.model2 .nr .right ul li dt{ display: inline-block; vertical-align: top; margin-right: 25px;}
.model2 .nr .right ul li dd{ display: inline-block; vertical-align: top;}
.model2 .nr .right ul li dd p{ color: #fff; font-size: 24px; line-height: 24px; font-weight: bold;}
.model2 .nr .right ul li dd p:after{ content: ""; display: block; width: 20px; height: 2px; background-color: rgb(255, 255, 255); transition: all .5s ease-in; margin: 23px 0 15px;}
.model2 .nr .right ul li dd i{ display: block; width: 384px; color: #fff; font-size: 16px; line-height: 24px;}
.model2 .nr .right ul li:hover p:after{ width: 100%;}

/*product*/

.product{ background: url(../images/cpbg.png)no-repeat center; background-size: cover; font-size: 0; padding-top: 70px; width: 100%; height:919px; 
	padding-bottom: 40px; overflow: hidden;}
.product .nr .pro-left{ width: 280px; background: #fff; /*border: 1px solid #dcdcdc;*/border-bottom:5px solid #0FA0D7;}
.product .nr .pro-left .top{width: 278px;height:126px;background: url(../images/m1_l_t.png)no-repeat center;padding-left: 113px;padding-top:32px;
font-size: 28px;color: #fff;font-weight: bold;letter-spacing: 2px;}
.product .nr .pro-left .sideMenu{padding-top:25px;}
.product .nr .pro-left .sideMenu h3{ height: 72px; }
.product .nr .pro-left .sideMenu h3 a{color: #fff; font-size: 18px; display: block; background: url(../images/cpicon1.png)no-repeat 225px center #fff;}
/*.product .nr .pro-left .sideMenu h3.on a{ background: url(../images/cpicon1s.png)no-repeat 225px center #10a0d8; color: #fff;}
*/
.product .nr .pro-left .sideMenu h3 a{background: #303030;width: 240px;height: 48px;line-height: 48px;text-align: center;margin-left: 17px;color: #fff;}
.product .nr .pro-left .sideMenu h3.on a{background: #109FD7;color: #fff;}



.product .nr .pro-left .sideMenu ul{ padding-left: 40px;/* border-bottom: 1px solid #dcdcdc; *//*padding-bottom: 15px;*/}
.product .nr .pro-left .sideMenu ul li{color: #656565;font-size: 16px;line-height: 16px;cursor: pointer;margin-bottom:29px;}
.product .nr .pro-left .sideMenu ul dl dd{ color: #656565; font-size: 15px; line-height: 15px; margin-bottom: 15px; cursor: pointer;}
.product .nr .pro-left .sideMenu ul li:hover,.product .nr .pro-left .sideMenu ul dl dd:hover{ color: #10a0d8;}
.product .nr .pro-left .sideMenu ul li:last-child{/* margin-bottom: 45px; */
	}
.product .nr .right{ margin-left: 40px; width: 876px;}
.product .nr .right ul li{ display: inline-block; vertical-align: top; width: 280px; height: 320px; position: relative; text-align: center; margin-right: 18px; margin-bottom: 20px; border: 1px solid #dcdcdc; overflow: hidden;}
.product .nr .right ul li:nth-child(3n){ margin-right: 0;}
.product .nr .right .pic img{ width: 100%; transition: all ease-in .3s;}
.product .nr .right .pic:hover img{ transform: scale(1.1);}
.product .nr .right ul li .title{ position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 40px; line-height: 40px; background: #333; color: #fff; font-size: 16px;}
.product .nr .right ul li:hover .title{ background: #10a0d8;}



/*m2*/
.m2{width: 100%;height:454px;background: url(../images/m2_bg.png)no-repeat center;}
.m2 .nr{width: 1200px;height: 400px;margin:0 auto;padding-top:72px;}
.m2 .nr .n1{width:666px;height: 50px;background: url(../images/m2_xbg1.png)no-repeat center;margin-bottom: 47px;line-height: 50px; }
.m2 .nr .n1 .na{width: 118px;line-height: 50px;text-align:center;color: #fff;font-weight: bold;font-size: 18px;float: left;margin-right:10px;}
.m2 .nr .n1 .nb{float:left;padding-left: 27px;padding-right: 27px;height: 50px;color: #BCBCBA;font-size: 16px;}
.m2 .nr .n1 .nc{width: 1px;height:17px;background: #575958;float: left;margin-top: 16px;}
.m2 .nr .n1:hover .nb{color: #fff;}

/*.m2 .nr .n1:hover .nc{background: #fff;}*/
.m2 .nr .n2{width:666px;height: 81px;background: url(../images/m2_xbg2.png)no-repeat center; margin-bottom: 47px;padding-top:15px;}
.m2 .nr .n2 .na{width: 118px;line-height: 50px;text-align:center;color: #fff;font-weight: bold;font-size: 18px;float: left;margin-right:10px;}
.m2 .nr .n2 .nb{float:left;padding-left: 27px;padding-right: 27px;color: #BCBCBA;height: 30px;font-size: 16px;}
.m2 .nr .n2 .nc{width: 1px;height:17px;background: #575958;float: left;margin-top:5px;}
.m2 .nr .n2:hover .nb{color: #fff;}

/*m2*/

/*advantage*/


.advantage{ background: url(../images/ysbg.png)no-repeat center; background-size: cover; padding-top: 70px; font-size: 0; width: 100%; height: 1000px; overflow: hidden;margin-top: 80px;}
.advantage .nr{ background: url(../images/ysleftbg.png)no-repeat 95px 0; height: 814px;}
.advantage .nr .bd ul li .pic{ width: 660px; height: 550px; margin-top: 140px; margin-right: 110px;}
.advantage .nr .bd ul li .pic img{ margin-left: -90px;}
.advantage .nr .bd ul li .text{ width: 425px;}
.advantage .nr .bd ul li .text .more{ margin-top: 15px; float: right; width: 84px; height: 42px; background-color: rgb(16, 160, 216); border-radius: 21px; color: #fff; font-size: 16px; line-height: 42px; font-family: arial; text-align: center;}
.advantage .nr .bd ul li .text dt{ display: inline-block; vertical-align: top;}

/*.advantage .nr .bd ul li .text dt:after{ content: ""; display: block; margin: 40px auto 0; background-color: rgb(255, 255, 255); width: 1px; height: 98px;}*/

.advantage .nr .bd ul li .text p{ color: #10a0d8; font-size: 34px; line-height: 34px; font-weight: bold; margin: 45px 0;}
.advantage .nr .bd ul li .text dd{ margin-bottom: 30px;}
.advantage .nr .bd ul li .text dd:before{ content: ""; display: inline-block; vertical-align: top; width: 6px; height: 6px; margin: 12px 20px 0 0; border-radius: 50%; background: #10a0d8;}
.advantage .nr .bd ul li .text dd i{ width: 390px; display: inline-block; vertical-align: top; color: #fff; font-size: 16px; line-height: 36px;}
.advantage .nr .bd ul li .text .btnr{ background: url(../images/ysbtnr.png)no-repeat; width: 168px; height: 46px;}
.advantage .nr .bd ul li .text .btnr>div{ width: 50%; height: 46px; cursor: pointer; display: inline-block; vertical-align: top;}

/*model3*/

.model3{ height: 615px;overflow: hidden;}
.poster-main{ position: relative;margin: 40px auto 0;}
.poster-main a,.poster-main img{ display: block; width: 100%; height: 100%;}
.poster-main img{ width: 100%; height: 100%;}
.poster-main .poster-list{ width: 1200px; height: 372px;}
.poster-main .poster-list .poster-item{ position: absolute; left: 0; top: 0;}
.poster-main .poster-list .poster-item-titles{background: url(../images/model3bs.png)no-repeat center; width: 55px; height: 71px; line-height: 85px; color: #fff; font-size: 22px; text-align: center; position: absolute; right: 40px; top: -10px;}
.poster-main .poster-list .poster-item-titlex{ position: absolute;width: 100%; height: 62px; line-height: 62px; overflow: hidden; text-align: center; background: url(../images/model3hr.png)no-repeat center #10a0d8; left: 50%; transform: translateX(-50%);}
.poster-main .poster-list .poster-item-titlex span{ font-size: 18px; color: #fff;}
.poster-main .poster-btn{ position: absolute; top: 175px; cursor: pointer; width: 26px!important;height: 50px!important;transition: all .3s ease;}
.poster-main .poster-prev-btn{background: url(../images/casebtn1.png)no-repeat center #10a0d8; left: -50px;}
.poster-main .poster-next-btn{background: url(../images/casebtn2.png)no-repeat center #cbcbcb; right: -50px;}
.poster-main .poster-prev-btn:hover{ background: url(../images/casebtn1.png)no-repeat 2px center #10a0d8;}
.poster-main .poster-next-btn:hover{ background: url(../images/casebtn2.png)no-repeat 12px center #10a0d8;}

/*.poster-main:after{ content: ""; width: 100%; height: 100%; position: absolute; right: 0; top: 0; background-color: rgba(255, 255, 255, 0.5);}*/


/*honor*/

.honor{ background: url(../images/honorbg.png)no-repeat center; background-size: cover; width: 100%; height: 570px; margin-top: 70px; padding-top: 70px;}
.honor .bd{ height: 320px; overflow: hidden;}
.honor .bd ul li{ float: left; margin-right: 58px; width: 256px; position: relative; text-align: center; height: 320px; overflow: hidden;}
.honor .bd ul li .pic{ width: 191px; height: 271px; overflow: hidden; position: relative; z-index: 2; margin: 0 auto 10px;}
.honor .bd ul li .pic img{ width: 100%;}
.honor .bd ul li .title{ position: relative; z-index: 2; margin: 0 auto; width: 256px; color: #474747; font-size: 16px;}
.honor .bd ul li:hover .title{ color: #fff;}
.honor .bd ul li:before{ content: ""; width: 100%; height: 130px; border-radius: 5px; position: absolute; left: 0; bottom: 0; background: #fff; overflow: hidden;}
.honor .bd ul li:after{ content: '';display: block; width: 100%; height: 50px; opacity: 0; background: #10a0d8; border-radius: 5px; position: absolute; left: 0; bottom: -10px; z-index: 1; transition: all .5s;}
.honor .bd ul li:hover:after{ height: 130px; bottom: 0; opacity: 1;}

/*case*/

.case{ background: url(../images/casebg.png)no-repeat center 100px;background-size: cover; width: 100%; height: 655px; padding-top: 70px; overflow: hidden;}
.case .nr{ position: relative; font-size: 0;}
.case .nr .bd{ height: 404px; overflow: hidden;}
.case .nr .bd ul li{ display: inline-block; vertical-align: top; width: 385px; height: 404px; margin-right: 22px; transition: all .3s ease; border-radius: 5px; overflow: hidden;}
.case .nr .bd ul li:hover{ background: #10a0d8;}
.case .nr .bd ul li:hover .text{ padding: 0 25px 0 20px;}
.case .nr .bd ul li .pic{ width: 100%; height: 280px; overflow: hidden;}
.case .nr .bd ul li .pic img{ width: 100%; transition: all .8s;}
.case .nr .bd ul li:hover .pic img{ transform: scale(1.1);}
.case .nr .bd ul li .title{ color: #333; font-size: 20px; line-height: 20px; margin: 25px 0 15px;}
.case .nr .bd ul li .text{ color: #666; font-size: 14px; line-height: 24px; transition: all .3s ease;}
.case .nr .bd ul li:hover .text p,.case .nr .bd ul li:hover .title{ color: #fff;}
.case .nr .btn{ position: absolute; width: 26px; height: 50px; top: 165px; cursor: pointer; z-index: 2; transition: all .3s ease;}
.case .nr .prev{ background: url(../images/casebtn1.png)no-repeat center #10a0d8; left: -50px;}
.case .nr .next{background: url(../images/casebtn2.png)no-repeat center #cbcbcb; right: -50px;}
.case .nr .prev:hover{ background: url(../images/casebtn1.png)no-repeat 2px center #10a0d8;}
.case .nr .next:hover{ background: url(../images/casebtn2.png)no-repeat 12px center #10a0d8;}

/*about*/

.about{ background: url(../images/aboutbg.png)no-repeat center; width: 100%; height: 662px; margin-top: 70px; padding-top: 65px;}
.about .nr .text{ width: 545px;height: 450px;padding-top: 46px;}
.about .nr .text dt{ display: inline-block; vertical-align: top; color: #fff; font-size: 26px; line-height: 26px;}
.about .nr .text:hover dt:after{ width: 100%;}
.about .nr .text dt:after{ content: ""; display: block; width: 30px; height: 2px; background-color: #10a0d8; transition: all .5s ease-in; margin: 25px 0 20px;}
.about .nr .text p{ color: #cdcdcd; font-size: 16px; line-height: 30px; -webkit-line-clamp: 8;}
.about .nr .text p:hover{ text-decoration: underline;}
.about .nr .text .more{ margin-top: 30px; transition: all .3s; width: 130px; height: 42px; line-height: 42px; border-radius: 21px; border: 1px solid rgb(160, 160, 160); text-align: center; color: #fff; font-size: 16px; display: block;}
.about .nr .text .more:hover{ border-radius: 0;}
.about .bottom{ padding: 30px 80px 0; width: 1200px; height: 146px; border-radius: 15px; background: #10a0d8; overflow: hidden; font-size: 0;margin-top: 41px;}
.about .bottom dd{ float: left;}
.about .bottom dd p{ color: #fff; font-size: 20px; line-height: 48px;}
.about .bottom dd p i{ font-size: 48px; font-family: arial; margin-right: 10px;}
.about .bottom dd b{ display: block; color: #fff; font-size: 18px; line-height: 18px;}
.about .bottom dd+dd{ margin-left: 134px;}

/*new*/

.new{ font-size: 0; margin-top: 80px;margin-bottom: 40px;}
.new .nr>div{ display: inline-block; vertical-align: top; width: 700px; height: 570px; border-radius: 10px; overflow: hidden; border: 1px solid #dcdcdc;}
.new .nr .newlist2{ width: 470px; margin-left: 30px;}
.new .nr .newlist .top{ height: 55px; line-height: 55px; background: #eee; padding: 0 20px;}
.new .nr .newlist .top ul li{ color: #333; font-size: 18px; position: relative; float: left; cursor: pointer;}
.new .nr .newlist .top ul li:first-child+li{ margin-left: 20px;}
.new .nr .newlist .top ul li:after{ position: absolute; left: 50%; bottom: 0; width: 0; height: 3px; content: ""; background: #10a0d8; -webkit-transition: 0.3s ease 0s; -moz-transition: 0.3s 0s; -o-transition: 0.3s 0s; transition: 0.3s 0s;}
.new .nr .newlist .top ul li.on:after{ width: 100%; left: 0;}
.new .nr .newlist .top ul a{ float: right; color: #666; font-size: 14px;}
.new .nr .newlist .bj{ padding: 20px 20px 0 20px; background: #fff; height: 515px; overflow: hidden;}
.new .nr .newlist .bd .newjs>div{ display: inline-block; vertical-align: top; width: 314px; height: 200px; overflow: hidden;}
.new .nr .newlist .bd .pic img{ width: 100%; transition: all .3s;}
.new .nr .newlist .bd .pic:hover img{ transform: scale(1.1);}
.new .nr .newlist .bd .js{ width: 329px; margin-left: 15px;}
.new .nr .newlist .bd .js h3 a{ display: block; color: #333; font-size: 16px; line-height: 16px;margin-top: 10px;}
.new .nr .newlist .bd .js p{ margin: 15px 0 20px; -webkit-line-clamp: 4;}
.new .nr .newlist .bd .js p a{ display: block; color: #888; font-size: 14px; line-height: 26px;}
.new .nr .newlist .bd .js p:hover{ text-decoration: underline;}
.new .nr .newlist .bd .js .more{ transition: all .3s; width: 100px; height: 30px; line-height: 30px; border-radius: 15px; background: #10a0d8; text-align: center; color: #fff; font-size: 14px; display: inline-block; vertical-align: top;}
.new .nr .newlist .bd .js .more:hover{ border-radius: 0;}
.new .nr .newlist .bd .js h3 a:hover,.new .nr .newlist .top ul a:hover{ color: #10a0d8;}
.new .nr .newlist .bd .list{ margin: 25px 0 0; overflow: hidden;}
.new .nr .newlist .bd .list dl{ float: left; width: 100%; padding-right: 25px;}
.new .nr .newlist .bd .list dl dd{ margin-bottom: 18px; display: inline-block; vertical-align: top; width: 50%;}
.new .nr .newlist .bd .list dl dd a:before{ content: "→"; display: inline-block; vertical-align: top; margin: 0 10px 0 0;}
.new .nr .newlist .bd .list dl dd a{ display: inline-block; width: 100%; color: #333; font-size: 14px;}
.new .nr .newlist .bd .list dl dd a:hover{ color: #10a0d8;}
.new .nr .newlist2 .listbd{ height: 515px; overflow: hidden;background: #fff;}
.new .nr .newlist2 .listbd ul li{ height: 102px!important; padding: 15px 20px 0; margin-bottom: 1px;}
.new .nr .newlist2 .listbd ul li:hover{ background: #10a0d8;}
.new .nr .newlist2 .listbd ul li .wen{ margin-bottom: 10px;}
.new .nr .newlist2 .listbd ul li .wen a{ color: #333; font-size: 16px;}
.new .nr .newlist2 .listbd ul li .wen a i{ width: 400px; display: inline-block;}
.new .nr .newlist2 .listbd ul li .wen a:before{ content: "问"; background: #10a0d8;}
.new .nr .newlist2 .listbd ul li .da a:before{ content: "答"; background: #999;}
.new .nr .newlist2 .listbd ul li:hover .wen a:before{ background: #fff; color: #10a0d8;}
.new .nr .newlist2 .listbd ul li:hover .da a:before,.new .nr .newlist2 .listbd ul li:hover .wen a{ color: #fff;}
.new .nr .newlist2 .listbd ul li:hover .da a i{ color: #f5f5f5;}
.new .nr .newlist2 .listbd ul li .wen a:before,.new .nr .newlist2 .listbd ul li .da a:before{ border-radius: 50%; width: 20px; height: 20px; text-align: center; line-height: 20px; color: #fff; font-size: 14px; display: inline-block; vertical-align: top; margin: 1px 7px 0 0;}
.new .nr .newlist2 .listbd ul li .da a i{ color: #888; font-size: 14px; display: inline-block; vertical-align: top; line-height: 22px; width: 395px;}

/*foot*/

.foot{ font-size: 0; margin-top: 55px;}
.foot .link ul li:first-child{ width: 150px;margin-right: 0;}
.foot .link ul li{ display: inline-block; vertical-align: top; margin-right: 40px;}
.foot .link ul li a{ color: #666; font-size: 14px;}
.foot .link ul li:hover a{ color: #10a0d8;}
.foot .footbg{ background: #202020; width: 100%; height: 385px; margin-top: 25px;}
.foot .nav{ padding: 55px 0 30px; border-bottom: 1px solid rgba(238, 238, 238, 0.102); overflow: hidden;}
.foot .nav ul li:first-child{ width: 160px; height: 20px; text-align: left; margin-right: 0; background: url(../images/footnav.png)no-repeat;}
.foot .nav ul li{ cursor: pointer; display: inline-block; vertical-align: top; color: #fff; font-size: 16px; margin-right: 42px;}
.foot .nav ul li:last-child{ margin-right: 0;}
.foot .nav ul li:hover{ color: #10a0d8;}
.foot .content{ padding-top: 45px;overflow: hidden;}
.foot .content .left{ width: 515px;}
.foot .content .left ul li{ color: rgba(255, 255, 255, 0.702); font-size: 16px; line-height: 16px; margin-bottom: 15px;}
.foot .content .left ul li a{ color: rgba(255, 255, 255, 0.702); font-size: 16px;}
.foot .content .left ul li a:hover{ color: #fff;}
.foot .content .wechat>div{ display: inline-block; vertical-align: top; color: #fff; font-size: 14px;text-align: center;}
.foot .content .wechat span{ position: relative; display: block; width: 150px; height: 150px; border-radius: 5px; margin-bottom: 10px; overflow: hidden;}
.foot .content .wechat span:after{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 26px; background: url(../images/light.png)no-repeat center; animation: light 4s linear infinite;}
.foot .content .right{ text-align: right;}
.foot .content .right .morekf{ display: block; width: 108px; height: 30px; line-height: 30px; border-radius: 14px; text-align: center; float: right; background: #10a0d8; font-size: 14px; color: #fff; transition: all .3s ease;}
.foot .content .right .morekf:hover{ border-radius: 0;}
.foot .content .right i{ display: block; color: #ccc; font-size: 16px; line-height: 16px; margin: 20px 0;}
.foot .content .right p{ color: #fff; font-size: 30px; line-height: 30px; font-weight: bold; font-family: arial; margin-bottom: 10px;}