*{ margin: 0; padding: 0; list-style: none; text-decoration: none; box-sizing: border-box;}
body{ position: relative; font: 14px/1.5 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;}
/*.clearfix:after{ content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}*/
/*.fl{ float: left;}*/
/*.fr{ float: right;}*/
@font-face { font-family: 'impact';src: url('../fonts/impact.ttf');font-weight: normal; font-style: normal;}
.ty_content{ width: 1400px; margin: 0 auto;}
.more-title{ width: 100%;}

@font-face{font-family: Arial;src: url('../fonts/Arial.ttf');font-weight: normal; font-style: normal;}



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

/*header */
.header{width: 100%;height: 150px;/*background: url("../images/h_bb.png")no-repeat center;*/}
.header .header-1{height: 35px;width: 100%;line-height: 35px;background: #eee;}
.header .header-1 .content{width: 1200px;margin: auto;}
.header .header-1 .content b{color: #999999;font-size: 14px;line-height: 35px;}
.header .header-1 .content nav{line-height: 35px;float: right;height: 35px;}
.header .header-1 .content nav a{color: #999;font-size: 14px;margin-right: 25px;}


.header .header-2{height: 136px;/*background: #fff;*/}

.header .header-2 .content{width: 1200px;height: 136px;margin: auto;}
.header .header-2 .content .log{float: left;margin-top:18px;}
.header .header-2 .content .text{float: left;margin-top: 47px;margin-left:17px;}
.header .header-2 .content .text h3{font-size: 32px;color: #0968BE;margin-bottom: 5px;font-weight: bold;}
/*.header .header-2 .content .text h3 span{font-size: 24px;color: #0968BE;font-weight: bold;}
.header .header-2 .content .text b{font-size: 18px;color: #1c1b1b;font-family: "Arial"}*/
/*.header .header-2 .content .phone{float: right;margin-top: 50px;width: 260px;background-position-y: 6px;}
.header .header-2 .content .phone .dh{color: #0968BE;font-size: 18px;float: left;text-align: center;margin-top: 5px;}
.header .header-2 .content .phone .dh h3{letter-spacing: 2px; color: #0968BE;font-size: 24px;line-height: 30px;font-weight: bold;}*/

.header .header-2 .content .rr{width:200px;height:130px;float: left;margin-left:60px;padding-top:50px;}
.header .header-2 .content .r2{width:260px;height:130px;float: left;margin-left:12px;padding-top:46px;}



.header .header-3{height: 60px;width: 100%;background: url("../images/a_nav_bg.png")no-repeat center;background: #E2E2E2;}
.header .header-3 .content{width: 1200px;margin: auto;}
.header .header-3 .content nav a{ display:block;float: left;height:60px; line-height:60px;font-size: 15px;color: #333;
    text-align: center;padding:0px 30px; position: relative;border-left: 1px solid #fff;}

.header .header-3 .content nav a:hover{background: #0968BE;color: #fff;}
.header .header-3 .content nav .on{background: #0968BE;color: #fff;}

.header .header-3 .content nav ul{
    position: absolute;
    top: 60px;
    z-index: 999;
    width: 100%;
    display: none;
    left: 0px;
}
.header .header-3 .content nav ul li{
    /*width: 150px;*/
    display: block;
    float: left;
    text-align: center;
    height: 54px;
    line-height: 54px;
    font-size: 14px;
    color: #fff;
    background: #0968BE;
    float: left;
    width: 100%;
    padding: 0px 10px;
    overflow: hidden;
}
.header .header-3 .content nav ul li:hover{background: #E2E2E2;color: #333;}



/*banner*/
.banner-index{ font-size: 0;overflow: hidden;    width: 100%;  }
.banner-index img{ width: 100%;line-height: 0;}
.slideBox{ width: 100%;overflow: hidden; position: relative;}
.slideBox .hd{ height: 12px; overflow: hidden; position: absolute; left: 48%; bottom: 38px; z-index: 1;}
.slideBox .hd ul{ overflow: hidden; zoom: 1; float: left;}
.slideBox .hd ul li{ float: left; width: 12px; height: 12px;margin-right: 10px; cursor: pointer;background: #ccc;border-radius: 50%;}
.slideBox .hd ul li.on{background: #666666;}
.banner-index .slideBox .bd img{ width: 100%;}
.slideBox .bd ul li:first-child{ display: block;}
.slideBox .bd ul li{ display: none;}



/*search*/
.search{ font-size: 0; height: 60px; line-height: 60px; /*border-bottom: 1px solid #333; *//*background: #009B8B;*/ overflow: hidden;width: 1200px;}
.search-content>div{ display: inline-block;vertical-align: top;}
.search-keywords span{ color: #333333; font-size: 16px; /*font-weight: bold;*/ margin-right: 15px;}
.search-keywords span img{ vertical-align: middle; margin: -5px 8px 0 0;}
.search-keywords a{ color: #666666; font-size: 14px;}
.search-keywords a:hover{ color: #0968BE;}
.search-keywords i{ margin: 0 15px; color: #666; font-size: 14px;}
/*.search-form{ float: right;margin-right: -30px;}*/
#searchForm{ margin-top: 15px; /*background: url(../images/ss_rl.png)no-repeat;*/ width: 239px; height: 31px; display: inline-block; vertical-align: top;}
#searchForm>input{ background: none; border: none; outline: none; display: inline-block; vertical-align: top; }
#searchForm .search-input{ height: 34px; line-height: 31px; width: 77%;background: #F5F5F5;padding-left: 15px;}
.search-form #s_btn{ width: 31px; height: 35px; cursor: pointer;background: url(../images/ss_2s.png)no-repeat;}
#searchForm .search-input::-webkit-input-placeholder{ color: #999999;}
#searchForm .search-input:-moz-placeholder{ color: #999999;}
#searchForm .search-input::-moz-placeholder{ color: #999999;}
#searchForm .search-input:-ms-input-placeholder{ color: #999999;}



.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;}

/*product*/

.product{ background: url(../images/cpbg.png)no-repeat center; background-size: cover; font-size: 0; padding-top: 70px; width: 100%; height:1010px; 
    padding-bottom: 40px; overflow: hidden;}
.product .nr .pro-left{ width: 280px; background: #fff; /*border: 1px solid #dcdcdc;*/border-bottom:5px solid #0FA0D7;float: left;}
.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;float: left;}
.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:45px; 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 img{height: 278px;}



.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;}



.product .nr .rights{ margin-left: 40px; width: 876px;float: left;}
.product .nr .rights ul li{ display: inline-block; vertical-align: top; width: 280px; height: 320px; position: relative; text-align: center;
 margin-right: 18px; margin-bottom:45px; border: 1px solid #dcdcdc; overflow: hidden;}
.product .nr .rights ul li:nth-child(4n){ margin-right: 0;}
.product .nr .rights .pic img{ width: 100%; transition: all ease-in .3s;}
.product .nr .rights .pic img{height: 278px;}



.product .nr .rights .pic:hover img{ transform: scale(1.1);}
.product .nr .rights 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 .rights ul li:hover .title{ background: #10a0d8;}


.ys{width: 1193px;height: 430px;margin:0 auto;border-top:1px solid #DBDBDB;border-left:1px solid #DBDBDB;text-align: center;}
.ys .ysa{width: 298px;height: 143px;border-right: 1px solid #DBDBDB;border-bottom: 1px solid #DBDBDB;float: left;background: #EBEBEB;}
.ys .ysb{width: 596px;height: 143px;border-right: 1px solid #DBDBDB;border-bottom: 1px solid #DBDBDB;float: left;background: #0968BE;padding-top:28px;}

.ys .ysa .l{width: 130px;height: 140px;/*padding-left: 30px;*/float: left;}
.ys .ysa .l .l1{font-size: 22px;font-weight: bold;color: #0064B2;padding-top:47px;}
.ys .ysa .r{width: 167px;height: 140px;float: left;color: #666;padding-top:52px;text-align: left;}


.ys .ysa:hover{background: 0;}



.ttop{width: 1200px;height: 150px;margin:0 auto;text-align: center;}
.ttop .t1{font-size: 35px;color: #222222;font-weight: bold;padding-top:81px;}
.ttop .t2{font-size: 18px;color: #666;margin-top: 5px;}

.m1{width: 100%;height:1231px;background: url(../images/m1_bg.png)no-repeat center;}

.m1 .nr .r .rb li:hover .ti{background: url(../images/m1_cpbg.png)no-repeat center;}
.m1 .hd{width: 1200px;height:220px;margin:0 auto;margin-top: 55px;background: #fff;}
.m1 .hd .l{width: 194px;height: 125px;float: left;}
.m1 .hd .r{width: 1200px;height: 125px;float: left;padding-top:22px;}

.m1 .hd .r .d1{width: 200px;height: 98px;background: #0968BE;float: left;}
.m1 .hd .r .d2{width: 1000px;height: 100px;float: left;padding-left: 20px;}






.m1 .hd .r .d1 li{float: left;height:43px;line-height: 43px;font-size:16px;color: #666;padding-left: 20px;font-weight: bold;color: #fff;line-height: 98px;}
.m1 .hd .r .d1 li b{font-weight: bold;margin-right:6px;}
/*.m1 .hd .r .d1 li:hover{color: #DF060C;}*/


.m1 .hd .r .d2 li{float: left;height:43px;line-height: 43px;font-size:15px;color: #666;width: 130px;color: #666;width: 180px;}
/*.m1 .hd .r .d2 li:hover{color: #0968BE;text-decoration: underline;}*/
.m1 .hd .r .d2 li:hover a{color: #0968BE;text-decoration: underline;}


.m1 .bd{width: 1200px;height: 720px;margin:0 auto;margin-top:50px;}
.m1 .bd li{width: 276px;height: 300px;margin-bottom: 49px;margin-right: 31px;float: left;}
.m1 .bd li .tp{width: 276px;height: 278px;overflow: hidden;}
.m1 .bd li .tp img{width: 100%;transition: all .6s ease;}
.m1 .bd li:hover .tp img{ transform: scale(1.1);}
.m1 .bd li .tt{width: 276px;height: 56px;margin-top: 1px;line-height: 56px;background: #f5f5f5;font-size: 15px;text-align: center;}
.m1 .bd li .tt .yc{display: none;position: absolute;margin-left:320px;margin-top: 25px;}
.m1 .bd li .tt .xs{position: absolute;margin-left:320px;margin-top: 25px;}
.m1 .bd li:hover .tt .xs{display: none;}
.m1 .bd li:hover .tt .yc{display: block;}
.m1 .bd li:hover .tt{background: #0968BE;color: #fff;}










/*ys*/
.ys{height: 750px;background: url(../images/cp_ppp.png)no-repeat center;max-width: 1920px;margin:0 auto;background: #333;}
.ys{height: 775px;width: 100%;text-align: left;}
.ys .im1{position: absolute;z-index: -1;}
/*.ys .im1 img{width: 100%}*/
.ys .im2{position: absolute;margin-left: 0px;margin-top:426px; }

.ys .nr .im3{position: absolute;margin-left:620px;margin-top:-120px; }
/*.ys .nr .nrs{margin-left: -130px;}*/
.ys .nr{width: 1200px;height: 750px;margin:0 auto;padding-top:52px;position: relative;z-index: 2;}
.ys .nr .t1{line-height: 35px;font-size:28px;color: #fff;}
.ys .nr .t2{width: 470px;height: 50px;color: #fff;font-size:39px;}

.ys .nr .t3{width: 69px;height: 107px;position: absolute;margin-top: -75px;margin-left:480px;}
.ys .nr .hd{height: 500px;width:1200px;margin-top:88px;}
.ys .nr .hd ul li{width: 600px;height: 160px;float: left;
    /*margin-right: 8px;*/
    margin-bottom: 10px; }

.ys .nr .hd ul li .l1{width: 112px;height: 112px;border-radius:50%;border:2px solid #fff;text-align: center;overflow: hidden;float: left;margin-top:7px;}
.ys .nr .hd ul li .l1 img{width:100%;}
.ys .nr .hd ul li.on .l1{border:2px solid #E86738;}
.ys .nr .hd ul li .l1 img{transition: all .5s;}
.ys .nr .hd ul li.on .l1 img{transform: scale(1.1, 1.1);}

.ys .nr .hd ul li .l2{width: 258px;height: 160px;padding-left:28px;float: left;}
.ys .nr .hd ul li .l2 .t1{font-size: 18px;color: #fff;font-weight:bold;}
.ys .nr .hd ul li .l2 .t2{height: 72px;line-height: 24px;font-size: 16px;color: #B0B0B0;width: 405px;margin-top:10px;}
.ys .nr .hd ul li .l2 .t5{font-size: 16px;color: #fff;margin-top: 30px;}
.ys .nr .hd ul li .l2 .t6{font-size: 28px;color: #fff;font-family:Impact;margin-top: 6px;}

/*ys*/



/*advantage*/

/*.advantage:before{ content: ""; position: absolute; width: 100%; height: 177px; top: 0; left: 0; background: #0968BE;}*/
.advantage{ position: relative; padding: 0px 0 60px; font-size: 0;}
.advantage .nr ul li>div,.advantage .nr ul li .text>div{ display: inline-block; vertical-align: top;}
.advantage .nr ul li .pic{ width: 566px; line-height: 0;border:0;height: 290px;overflow: hidden;}
.advantage .nr ul li .text .bt{ margin-right: 30px; text-align: center; font-weight: bold; color: #fff; font-size: 24px; 
    line-height: 24px; padding-top: 60px; width: 48px; height: 234px; background: url(../images/ysxl.png)no-repeat;}
.advantage .nr ul li:nth-child(1) .text,.advantage .nr ul li:nth-child(3) .text{ padding-top: 33px;margin-left: 40px;}
.advantage .nr ul li:nth-child(2) .text{ padding-top: 15px;}
.advantage .nr ul li:nth-child(4) .text{ padding-top: 30px;}
.advantage .nr ul li .text .wb dt{ margin-top: 20px;}
.advantage .nr ul li .text .wb dt b{ display: block; color: #0968BE; font-size: 24px; line-height: 24px; font-weight: bold; margin-bottom: 12px;}
.advantage .nr ul li .text .wb dt p{ color: #18px; font-size: 18px; line-height: 18px;}
.advantage .nr ul li .text .wb dt p:after{ content: ""; display: block; background: url(../images/yshr.png)no-repeat center; width: 505px; height: 4px; margin: 15px auto 30px;}
.advantage .nr ul li .text .wb dd{ color: #333; font-size: 14px; line-height: 30px;}
.advantage .nr ul li .text .more{ margin-top: 20px; border: 1px solid #0968BE; display: block; color: #0968BE; font-size: 14px; width: 89px; height: 24px; line-height: 24px; text-align: center;}
.advantage .nr ul li .text .more:hover{ text-decoration: underline;}
.advantage .nr ul li:nth-child(3):before{ content: ""; background:#0968BE; position: absolute; left: -390px; bottom: 0; width: 381px; height: 68px; z-index: 1;}



.m0{width:100%;height: 620px;background: #f5f5f5;}
.m0 .nr{width:1200px;height: 400px;margin:0 auto;padding-top:40px;}
.m0 .nr .zt{width:270px;height: 350px;float: left;background: url("../images/ii_bg.png")no-repeat center;margin-right: 40px;}
.m0 .nr .zt .z1{width: 100%;text-align: center;padding-top:55px;}
.m0 .nr .zt .z2{width: 100%;text-align: center;padding-top:40px;font-size:22px;color: #fff;}
.m0 .nr .zt .z3{width: 100%;text-align: center;padding-top:23px;font-size:16px;color: #fff;line-height:30px;}





.m2 .nr .hd li .l2 .yc{ display: none;}
.m2 .nr .hd li.on .l2 .xs{ display: none;}
.m2 .nr .hd li.on .l2  .yc{ display: inline-block;}


.mos1{width: 100%;height: 990px;background: #EBEBEB;}
.mo1{width: 1200px;height:950px;margin:0 auto;}
.tto{text-align: center;font-size: 36px;font-weight: bold;padding-top:60px;margin-bottom:46px;color: #0968BE;}
.mo1 .left{width: 246px;height:600px;float: left;}

/*.mo1 .left .dh{width: 210px;height:32px;background: url("../images/a_cp_left.png")no-repeat center;line-height: 32px;padding-left:35px;color: #fff;font-weight: bold;}
.mo1 .left .dhs{width: 210px;height:31px;background: url("../images/a_cp_left2.png")no-repeat center;line-height: 32px;padding-left: 35px;color: #666;font-size: 12px;}*/
.mo1 .left .dh{width: 246px;height:120px;background:#0968BE;text-align: center;padding-top:33px;color:#fff;font-size: 32px;font-weight: bold;border:1px solid #DEDBDB;
border-top-left-radius:10px;
border-top-right-radius:10px;}
.mo1 .right .ra{width: 940px;height: 565px;background: pink;}
.mo1 .left .dhs{width: 246px;height: 64px;padding-left:33px;line-height: 64px;border:1px solid #DEDBDB;border-top: 0px;color: #333;font-size: 17px;}
.mo1 .left .dhs:hover{background: #0968BE;color: #fff;}

/*.mo1 .hd{width:1400px;height:70px;margin-bottom:30px;text-align: center;}
.mo1 .hd li{ont-size: 17px;color: #666;margin-right:6px;display: inline-block;height: 50px;
  background: #f1f1f1;line-height: 50px;text-align: center;padding-left:20px;padding-right: 20px;}
.mo1 .hd li:hover{color: #0968BE;border-bottom:2px solid #0968BE;}

.mo1 .bd li .cp{width:330px;height: 350px;float: left;margin-right:20px;}
.mo1 .bd li .cp .tp{width: 280px;height: 280px;overflow: hidden;border:1px solid #999;}
.mo1 .bd li .cp .tp img{width: 100%;transition: all .8s}
.mo1 .bd li .cp:hover .tp img{transform: scale(1.1, 1.1);}
.mo1 .bd li .cp .tt{width: 280px;height: 50px;text-align: center;padding-top:10px;color: #666;font-size: 16px;}*/




.m5{width: 100%;height:600px;background: url(../images/m5_bg.png)no-repeat center;}
.m4{width: 100%;height:460px;background: url(../images/m5_bg.png)no-repeat center;}


.mo2{width: 1200px;height:251px;margin:0 auto;overflow: hidden;}
.mo2 li{float: left;margin-right: 30px;float: left;width:280px;}
.mo2 li .tp{width:280px;height: 208px;line-height: 150px;background: #fff;overflow: hidden;}
.mo2 li .tp img{vertical-align: middle;line-height: 135px;}
.mo2 li .title{font-size: 16px;color: #666;text-align: center;}
.mo2 li img{width: 100%;}












.m6{width: 1200px;height:630px;margin:0 auto;}
.m6 .l{width: 600px;height: 555px;float: left;}
.m6 .r{width: 500px;height: 555px;float: left;padding-top:146px;}

.m6 .l .l1{width: 758px;height: 555px;position: absolute;margin-left: -256px;z-index:-1;}
.m6 .l .l2{font-size: 40px;padding-top:100px;color: #333;font-weight: bold;}
.m6 .l .xtp{margin-left: 176px;margin-top: -80px;}
.m6 .l .l3{width: 340px;height: 35px;background: #0968BE;margin-top: 23px;
text-align: center;line-height: 35px;color: #fff;font-size: 18px;letter-spacing: 1px;font-weight: bold;}
.m6 .l .l4{width: 535px;line-height: 26px;color: #737373;margin-top: 28px;}
.m6 .l .l5{width: 125px;height: 32px;border:1px solid #0968BE;text-align: center;line-height:30px;margin-top: 43px;}
.m6 .l .l5:hover{background: #0968BE;color: #fff;}


.m6 .r .r1{width: 595px;overflow: hidden;}
.m6 .r .r1 img{ width: 100%;transition: all .9s ease;}
.m6 .r .r1:hover img{ transform: scale(1.1);}



.gsgs{width: 1190px;height:410px;margin:0 auto;padding-left:15px;background: #fff;position: relative;z-index: 33;padding-top:12px;}
.gsgs .hd{width: 259px;height: 400px;float: left;}
.gsgs .hd li{width: 259px;height: 119px;background: url(../images/gs_2.png)no-repeat center;margin-bottom:12px;text-align: center;padding-top:25px;font-size: 18px;color: #fff;}
.gsgs .hd li.on{background:#0968BE;}

.gsgs .bd{width: 900px;height: 400px;float: left;}
.gsgs .bd ul li{width: 950px;height: 400px;padding-left:25px;}
.gsgs .bd ul li .div{width: 276px;height:183px;float: left;background: #333;margin-right:20px;margin-bottom: 15px;}
.gsgs .bd ul li .div .tp{width: 100%;height: 183px;overflow:hidden;}
.gsgs .bd ul li .div .tp img{width: 238px;height: 183px;width: 100%;transition: all .6s ease;}
.gsgs .bd ul li .div:hover .tp img{ transform: scale(1.1);}


.gsgs .bd ul li .div .tt{width: 100%;height: 25px;background: rgba(0, 0, 0, .6);text-align: center;line-height: 25px;position: relative;z-index: 9;margin-top: -25px;color: #fff;}





.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;}





/*new*/

.news{ font-size: 0; width: 100%;height: 665px;background: url(../images/m7_bg.png)no-repeat center; padding: 80px 0; overflow: hidden;}
.news .hd{ text-align: center; margin-bottom: 65px;}
.news .hd ul li{ width: 193px; height: 49px; line-height: 49px; 
    cursor: pointer; text-align: center; overflow: hidden; background: #eaeaea; display: inline-block; vertical-align: top;border-radius: 30px;}
.news .hd ul li+li{ margin-left: 36px;border-radius: 30px;}
.news .hd ul li em{ display: block; overflow: hidden;}
.news .hd ul li i{ position: relative; display: inline-block; color: #666; font-size: 18px; transition: all ease-out .3s;}
.news .hd ul li i:after{ position: absolute; left: 0; width: 100%; color: #fff; content: attr(data-title); transform: translateY(100%); top: 100%; transition: all ease-out .3s;}
.news .hd ul li.on i:after{ transform: translateY(0);}
.news .hd ul li.on i{ transform: translateY(-100%);}
.news .hd ul li.on{ background: #0968BE;}
.news .bd{ height: 393px; overflow: hidden;}
.news .bd ul li>div{ display: inline-block; vertical-align: top;height: 393px; overflow: hidden;}
.news .bd ul li .newtj{ width: 436px; position: relative;}
.news .bd ul li .newtj .pic{ width: 436px; height: 322px; overflow: hidden;}
.news .bd ul li .newtj .pic img{ width: 100%;transition: all .6s ease;}
.news .bd ul li .newtj:hover img{ transform: scale(1.1);}
.news .bd ul li .newtj .text{ position: absolute; left: 25px; bottom: 0; z-index: 1; transition: .5s; width: 385px; height: 120px; margin: 0 auto; padding: 20px 28px 0; background: #fff;}
.news .bd ul li .newtj .text dt{ color: #333; font-size: 16px; line-height: 16px;margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #dcdcdc;}
.news .bd ul li .newtj .text dd{ color: #999; font-size: 14px; line-height: 20px;margin-bottom: 19px;}
.news .bd ul li .newtj:hover .text dt{ color: #0968BE;}
.news .bd ul li .newtj:hover .text dd{ text-decoration: underline;}
.news .bd ul li .newlist{width:1405px;}
.news .bd ul li .newlist dl{ display: inline-block; vertical-align: top; /*border: 1px solid #dcdcdc;*/ /*background: #fff; */
    padding: 30px 15px 0; width: 406px; height: 393px;padding-left: 0px;}

.news .bd ul li .newlist dl{width: 1206px;}


/*.news .bd ul li .newlist dl+dl{ margin-left: 30px;}*/
.news .bd ul li .newlist dl dd{ margin-bottom: 20px; padding-bottom: 19px; line-height: 16px; border-bottom: 1px dotted rgba(112, 112, 112, 0.11);}
.news .bd ul li .newlist dl dd a{ color: #666; font-size: 16px;}
.news .bd ul li .newlist dl dd a em{ display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;width: 272px;}

.news .bd ul li .newlist dl dd a em{width: 600px;}

.news .bd ul li .newlist dl dd a i{ float: right;color: #999; font-size: 14px;}
.news .bd ul li .newlist dl dd:hover a,.news .bd ul li .newlist dl dd:hover a i{ color: #0968BE;}
/*@media only screen and (max-width: 1400px){.news .nr{ width: 1200px;}
    }
@media only screen and (max-width: 1400px){ .news .bd ul li .newtj{ width: 410px;}
    }
@media only screen and (max-width: 1400px){ .news .bd ul li .newlist{ margin-left: 15px; width: 775px;}
    }
@media only screen and (max-width: 1400px){ .news .bd ul li .newlist dl{ width: 380px;}
    }
@media only screen and (max-width: 1400px){ .news .bd ul li .newlist dl+dl{margin-left: 15px;}
    }
@media only screen and (max-width: 1400px){ .news .bd ul li .newlist dl dd em{ width: 275px; white-space: nowrap; text-overflow: ellipsis; display: inline-block; -webkit-box-orient: vertical; overflow: hidden;}
    }*/


/*link*/
/*.link{height: 60px;margin-top: 50px;}
.link .left{height: 57px;background: url("../images/link_bj.png")no-repeat;width: 1050px;float: left;padding-left: 130px;padding-top: 32px;overflow: hidden;}
.link .left a{color: #666;margin-right: 30px;}
.link .left a:hover{color: #0968BE;}
.link .right{float: right;}*/

iframe{display: none}


/*foot*/
.footbg{background:#DF060C; width: 100%; height: 405px; overflow: hidden;background: url(../images/m8_bg.png)no-repeat center;}
.footbg .link{width: 1200px;margin:0 auto;height: 50px;margin-bottom:80px;line-height: 50px;}
/*.footbg .link .t1{width: 130px;height: 50px;line-height: 50px;font-size: 32px;}
.footbg .link .list{width: 1050px;height: 50px;float: left;margin-left:130px;margin-top: -50px;}*/
.footbg .link ul li{float: left;height: 50px;font-size:15px;/*padding-top:2px;*/margin-left:10px;color: #fff;}
.footbg .link ul li a{color: #fff;}
.footbg .link ul li:hover a{text-decoration: underline;}



.footbg .nr{width: 1200px;margin:0 auto;height: 230px;margin-top: 36px;}
.footbg .nr>div{ display: inline-block; vertical-align: top;}


.footbg .nr .text{width:299px;height: 181px;border-right: 1px solid rgba(67, 67, 67, .8);text-align: center;}
.footbg .nr .text .t1{font-size: 18px;color: #fff;letter-spacing: 1px;font-weight: bold;}
.footbg .nr .text .t0{color: #6A8BB7;margin-bottom:20px;}
.footbg .nr .text .t2{font-size: 16px;color: #BEBEBE;margin-bottom: 14px;}
.footbg .nr .text .t2:hover{text-decoration: underline;color: #fff;}


.footbg .nr .code{width: 336px;height: 181px;border-right: 1px solid rgba(67, 67, 67, .8);padding-left: 75px;}

.footbg .nr .code .c1{width: 150px;height: 200px;margin-left:12px;}
.footbg .nr .code .c1 .t1{width: 150px;height: 150px;background: #fff;}
.footbg .nr .code .c1 .t1 img{width: 100%}
.footbg .nr .code .c1 .t2{width: 147px;height: 50px;font-size: 16px;line-height:46px;text-align: center;color: #fff;}
.footbg .nr .code .c1 span{ display: block; position: relative; width: 150px; height: 150px; overflow: hidden;}
.footbg .nr .code .c1 span img{width: 100%;}
.footbg .nr .code .c1 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;}

.footbg .nr .rr{width: 361px;height:181px;/*background: yellow;*/border-right: 1px solid rgba(67, 67, 67, .8);}
.footbg .nr .rr .r1{color: #FEFEFE;margin-top: 17px;font-size: 16px;}
.footbg .nr .rr .r2{color: #fff;font-size: 31px;font-style:italic;font-family: 'KaiTi';color: #DF060C;margin-bottom:18px;font-weight:bold;}

.footbg .nr .rr .r3{color: #FEFEFE;margin-top: 8px;font-size: 16px;}

.footbg .bbbd{width: 100%;height: 38px;margin-top:10px;}
.footbg .bbbd .nr{width: 1400px;height: 38px;margin:0 auto;text-align: center;font-size: 14px;color: #FEFEFE;line-height: 38px;}
/*.footbg .bbbd .left{float: left;}*/

input::-webkit-input-placeholder {color: #C9C8C8;}
input::-moz-input-placeholder {color: #C9C8C8;}
input::-ms-input-placeholder {color: #C9C8C8;}

textarea::-webkit-input-placeholder {color: #C9C8C8;}
textarea::-moz-input-placeholder {color: #C9C8C8;}
textarea::-ms-input-placeholder {color: #C9C8C8;}



.link{width: 1200px;margin:0 auto;padding-top:15px;margin-bottom: 50px;}
.link li{float: left;margin-right: 15px;line-height: 30px;}
.link li:hover a{text-decoration: underline;}

@media only screen and (max-width: 1200px){ .foot .content .text{ padding-right: 20px;}
    }
@media only screen and (max-width: 1200px){ .foot .bottom .fr{ padding-right: 20px;}
    }
@keyframes move
{
    0%, 65%{ 
      -webkit-transform:rotate(0deg);
      transform:rotate(0deg);
    }
    70% {  
      -webkit-transform:rotate(15deg);
      transform:rotate(15deg);
    }
    75% {  
      -webkit-transform:rotate(-15deg);
      transform:rotate(-15deg);
    }
    80% {  
      -webkit-transform:rotate(15deg);
      transform:rotate(15deg);
    }
    85% {  
      -webkit-transform:rotate(-15deg);
      transform:rotate(-15deg);
    }
    90% {  
      -webkit-transform:rotate(15deg);
      transform:rotate(15deg);
    }
    95% {  
      -webkit-transform:rotate(-15deg);
      transform:rotate(-15deg);
    }
    100% {  
      -webkit-transform:rotate(0deg);
      transform:rotate(0deg);
    }
}

@-webkit-keyframes move
{
    0%, 65%{ 
      -webkit-transform:rotate(0deg);
      transform:rotate(0deg);
    }
    70% {  
      -webkit-transform:rotate(15deg);
      transform:rotate(15deg);
    }
    75% {  
      -webkit-transform:rotate(-15deg);
      transform:rotate(-15deg);
    }
    80% {  
      -webkit-transform:rotate(15deg);
      transform:rotate(15deg);
    }
    85% {  
      -webkit-transform:rotate(-15deg);
      transform:rotate(-15deg);
    }
    90% {  
      -webkit-transform:rotate(15deg);
      transform:rotate(15deg);
    }
    95% {  
      -webkit-transform:rotate(-15deg);
      transform:rotate(-15deg);
    }
    100% {  
      -webkit-transform:rotate(0deg);
      transform:rotate(0deg);
    }
}