@charset "utf-8";
body{font-family:"Microsoft Yahei";overflow-x:hidden;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
em,i{font-style: normal;}


.intro {
    background: url(../images/intro_bg.png) no-repeat center 364px;
    padding-top: 55px;    padding-bottom: 92px;    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box}
.intro_con {    width: 960px;    padding-top: 36px}
.intro_con h2 a {    display: block;    padding-bottom: 44px;    position: relative}
.intro_con h2 a:after {    position: absolute;    content: "";    width: 46px;    height: 4px;    background: #cc0000;    left: 0;    bottom: 0}
.intro_con h2 strong {    display: block;    font-size: 38px;    line-height: 100%;    color: #21499b}
.intro_con h2 span {    display: block;    font-size: 18px;    line-height: 100%;    color: grey;    font-weight: 400;    margin-top: 12px}
.intro_con p {    font-size: 16px;    color: #333;    line-height: 30px;    margin-top: 46px}
.intro_pic {    width: 386px;    padding-top: 46px;    padding-right: 66px;    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;    background: url(../images/intro_pic_bg.png) no-repeat right top;
    margin-right: -18px;    line-height: 0;    position: relative}
.intro_pic span{    display: block;    position: absolute;    left: 0;    bottom: 0;    width: 320px;    height: 40px;    background: rgba(0,0,0,.5);    color: #fff;    line-height: 40px;    text-align: center;    font-size: 16px;    letter-spacing: 1px;}

/**/
.index_product_title {margin: 40px 0 50px 0;}
.index_product_title h2{ text-align: center; font-size: 50px; line-height:50px; color:#cc0000; text-transform: uppercase;}
.index_product_title h3{ text-align: center; font-size: 42px; line-height:52px; color: #21499b; margin: 0px 0 10px 0;}
.index_product_title p{ text-align: center; font-size: 16px; color: #999;font-family: 思源黑体 inherit}

/*产品展示左边*/	
.w14 { width:1400px; margin:0 auto; font-family:"Microsoft Yahei";}
.w138 { width:1380px; margin:0 auto; font-family:"Microsoft Yahei";}
.w13 { width:1300px; margin:0 auto; font-family:"Microsoft Yahei";}
.content14 { width:1350px; margin:0 auto;}

/*产品展示*/
.tab3{width: 1500px; padding-top:0px;overflow: hidden;}
.sec2_ul ul{width:1500px;}
.sec2_ul li{float: left; width: 280px; border:0px solid #ccc; display: block; margin-right: 25px; text-align: left; overflow: hidden; margin:5px;}
.sec2_ul li a{width: 280px; height: 300px; background: #eee; position: relative;}
.sec2_ul li a img{width: 280px; height:275px; transition: .9s;  line-height: 1em; overflow: hidden;}
.sec2_ul li .p{padding:0 15px;position: relative;width: 280px;overflow:hidden;background-color: #f0f0f0;z-index: 666; height:44px; line-height:44px; border-top:0px solid #ccc;}
.sec2_ul li .p a:hover{padding:0 15px;position: relative;width: 203px;overflow:hidden;background-color: #fff;z-index: 666; height:44px; line-height:44px; border-top:1px solid #ccc; color:FF9B09;}
.sec2_ul li img{width: 280px; height: 225px; overflow: hidden;display:block;}
.sec2_ul li a:hover img{transform: scale(1.2);  z-index: 1;}
.sec2_ul li a:hover{background: #0042ae; width: 280px; height: 300px; overflow: hidden;}
.sec2_ul ul .sec2_ul_r{width: 280px; border:1px solid #ccc; display: block;text-align: left; overflow: hidden;}
.p{font-size: 16px;color: #333333; line-height: 34px; height: 32px; margin-top:5px; text-align:center;}
.w1500 { width:1500px; margin:0 auto; font-family:"Microsoft Yahei";}
/*产品展示*/
.case_bg{background:url(../images/cp002.jpg) no-repeat center 0;height: 950px;overflow: hidden;padding: 25px 0 0; margin-top:50px;}
.case_t{height: 85px;padding: 25px 0 0;}
.case_t ul li{width: 175px;float: left;margin-left: 13px;}
.case_t ul li a{font-size: 16px;color: #fff;display: block;float: left;width: 160px;text-align: center;height: 50px;line-height: 50px;overflow: hidden;background: #21499b;}
.case_t ul li a:hover{background: #da1000;color: #fff;}
.case_t ul li:first-child{margin-left: 0;}
.case_btn{width: 234px;height: 110px;padding: 0 0 0 30px;}
.case_btn a{display: block;float: left;width: 117px;height: 110px;}
.case_btn .case_btn02{background:url(../images/case_lico01.png) no-repeat;}
.case_btn .case_btn02:hover{background:url(../images/case_lico01.png) no-repeat;}
.case_btn .case_btn01{background:url(../images/case_rico01.png) no-repeat;}
.case_btn .case_btn01:hover{background:url(../images/case_rico01.png) no-repeat;}
.case_l{width: 265px;height: 680px;overflow: hidden;background:url(../images/case_line.png) repeat-y;}
.case_l ul li{width: 234px;height: 170px;position: relative;margin-left: 30px;margin-bottom: 16px;}
.case_l ul li em{display: block;width: 234px;height: 170px;line-height: 0;overflow: hidden;}
.case_l ul li img,.case_r dl dt img,.news01 dl dt img{width: 234px;height: 170px;
-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.case_l ul li img:hover,.case_r dl dt img:hover,.news01 dl dt img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.case_l ul li.on:before{content: "";width: 0;height: 0;position: absolute;top: 60px;left: -20px;
border-right:20px solid #21499b; border-top:20px solid transparent;border-bottom:20px solid transparent;}
.case_r{width: 1055px;height: 680px;overflow: hidden;}
.case_r dl{width: 1055px;background: #fff;}
.case_r dl dt{width: 1055px;height: 580px;line-height: 0;overflow: hidden;}
.case_r dl dt img{width: 1055px;height: 580px;}
.case_r dl dd{width: 1000px;margin: 0 auto;padding: 10px 0 0px;}
.case_r dl dd h5{overflow: hidden;}
.case_r dl dd h5 a{font-size: 18px;color: #333;font-weight: 700;}
.case_r dl dd h5 a:hover{color: #21499b;}
.case_r .case_desc{font-size: 14px;color: #666; line-height: 22px;overflow: hidden;padding: 5px 0 10px 0; }
/* -- 口碑 -- */
.sl-1{background: url(../images/sl-10.jpg) no-repeat center bottom; padding-bottom: 240px;}
.sl1{padding-top: 164px;}
.sl1 h3{text-align: center;height: 80px;margin-bottom: 24px;}
.sl1 h3 em{font-size: 48px;color: #ffffff;display: block;font-weight: bold;line-height: 56px;}
.sl1 h3 span{font-size: 20px;line-height: 20px;font-weight: normal;display: block;padding-top: 8px;color: #ffffff;}
.sl1 p{font-size: 16px;line-height: 30px;color: #ffffff;display: block;font-weight: normal;text-align: center;}
.sz{padding-top: 37px;overflow: hidden;width: 1500px;margin: 0 auto;}
.sz ul li{float: left;height: 65px;width:300px; padding-left:75px;}
.sz ul li b{ display: inline-block;font-size:52px;line-height: 40px;color: #ffffff;font-weight:bold;vertical-align:sub;font-family: "Arial";}
.sz ul li i{margin-left: 8px;display: inline-block;line-height:16px;font-size: 16px;color: #ffffff;font-weight:normal;}
.sz ul li span{ display: block;font-size: 16px; line-height:16px; color: #ffffff; font-weight:normal;padding-top: 6px;}
.sz ul li:last-of-type{margin-right: 0;}
/*案例*/
/**/
.cp02{height: 400px;overflow: hidden; margin-top:50px;}
.cp02 ul li{width: 340px;float: left;margin: 10px 7px 0 5px; border:1px solid #e5e5e5;}
.cp02 ul li em{width: 330px;height: 250px;line-height: 0;overflow: hidden;-webkit-transition:all .3s;transition:all .3s;display: block;}
.cp02 ul li img{width: 330px;height: 250px; padding:5px 5px;}
.cp02 ul li:hover em{box-shadow: 0 3px 5px 3px rgba(0,0,0,0.2);z-index:2;-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px);}
.cp02 ul li span{display: block;width: 330px;height: 50px;line-height: 50px;text-align: center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 16px;color: #000;}
.cp02 p,.photo_qie p{width: 36px;height: 36px;position: absolute;top: 115px;z-index: 30;border-radius: 50%;-webkit-transition:all .3s;transition:all .3s;line-height: 0;box-shadow: 0 3px 5px 3px rgba(0,0,0,0.1);cursor: pointer;}
.cp02 p img,.photo_qie p img{display: block;width: 36px;height: 36px;border-radius: 50%;}
.cp02 p:hover,.photo_qie p:hover{box-shadow: 0 3px 5px 3px rgba(0,0,0,0.2);z-index:2;-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px);}
.cp02_l,.phtoto_lico{left: -50px;}
.cp02_r,.phtoto_rico{right: -50px;}

/* -- 证书 -- */
.sl-4{height: 640px;background: url(../images/ys4-bg.jpg) no-repeat center;background-size: 100% 640px;}
.sl-4 h2{text-align: left;padding-top: 88px;width: 56%;}
.sl-4 h2 em{font-size: 40px;color: #21499b;display: block;font-weight: bold;line-height: 48px;}
.sl-4 h2 em b{font-size: 20px;line-height: 20px;font-weight: bold;display: inline-block;vertical-align: text-top;margin-left: 4px;color: #e44241;}
.sl-4 h2 span{font-size: 14px;line-height: 24px;font-weight: normal;display: block;padding-top: 8px;color: #333333;}
.d-sl4{margin-top: 40px;position: relative;}
.d-sl4 ul li{transition: 0.35s;float: left;width: calc((94% - 25px)/6);margin-right:20px;}
.d-sl4 ul li a{overflow: hidden;position: relative;display: block;background: url(../images/bg-ry.png) no-repeat center top;padding: 9px;background-size: 100% 100%;}
.d-sl4 ul li a img{width: 100%;display: block;transition: all 0.5s;}
.d-sl4 ul li:last-of-type{margin-right: 0;}
.d-sl4 .prev{position: absolute;right:6%;top:20px;width:43px;height:43px;;background:url(../images/uu.png) no-repeat center;z-index: 10;background-size:100% 43px;;}
.d-sl4 .next{position: absolute;right:1%;top:20px;width:43px;height:43px;;background:url(../images/dd.png) no-repeat center;z-index: 10; background-size:100% 43px;}

/**/
.index_news_title h2{    font-size: 60px;    text-align: center;    line-height: 80px;    color: #0761aa;}
.index_news_title h3{    font-size: 35px;    text-align: center;    color: #323232;    margin-bottom: 68px;}
.index_news_list_ul li{    display: inline-block;    width: 29%;    margin: 20px;    padding-bottom: 32px;    border-bottom: 1px solid #e5e5e5;}
.index_news_list_ul li h2{    font-size: 17px;    color: #222222;    margin: 38px 0 24px 0;}
.index_news_list_ul li p{    font-size: 14px;    color: #666666;    line-height: 30px;}
.index_news_list_ul {    width: 72%;    margin: 0 auto;}
.index_news_list_ul li img{    width: 100%;}
.news_buttom {    margin-top: 40px;}
.news_buttom p{    color: #999999;    font-size: 14px;    width: 80%;    border-right: 1px solid #e5e5e5;}
.jiantou img{  width: 25px ! important;    float: right;    padding-top: 8px;}
.index_news {    margin: 100px 0;}
.index_news_list_ul li a:hover h2{    color: #004ea0;}
.index_news_list_ul li:hover{    border-bottom:1px solid #004ea0;}
/**/




@-webkit-keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
@-webkit-keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
@-webkit-keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }
@-webkit-keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2 }
@-webkit-keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
@keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
@-webkit-keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }