@charset "utf-8";
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset,figure,figcaption, table, th, td img{margin:0; padding:0; } 
a, abbr, acronym, address, big, blockquote, body, caption, cite, code, dd, dl, dt, fieldset, form, h1,time, h2, h3, h4, h5, h6, html, img, ins, kbd, label, legend, li, ol, p, pre, q, s, samp, small, span, strike, strong, ul {margin:0; padding:0; border:0; outline:0; vertical-align:baseline; }
body{font-family: "微软雅黑", "Microsoft Yahei"; font-size: 14px;color: #222;line-height:28px; text-align:left; margin:0 auto; background:#fafdff; font-weight:normal;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block; }
.transition{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;}
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
button{border-radius:0px;-webkit-border-radius:0px; outline:none;}
input{/*-webkit-appearance:none;*/border-radius:0; outline:none;}
input:-webkit-autofill{ -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;box-shadow: 0 0 0px 1000px #fff inset !important;-webkit-text-fill-color: #333!important;}
img{border:0; vertical-align:middle; }/*让链接里的 img 无边框；清除图片间距*/
ul,li{list-style:none; } 
button{cursor:pointer; } /*这个可以不用*/
textarea {resize :none; outline:none;}/*去掉提交框右下角箭头*/
/*全局的字体链接*/
a:link,a:visited{color:#333; text-decoration:none; }
a:hover,a:active{color:#3e47ca; text-decoration:none; }
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0px; }
.container{clear:both;width:1000px;margin: 0px auto 0px;padding:0px 0px;}
.newflboxtext a{color:#3e47ca;}
img{MAX-WIDTH:100%!important;HEIGHT:auto!important;_width:expression(this.width > 100% ? "100%" :this.width)!important;}
@media (min-width:1280px){
    .container{width:1200px;}
}
@media (min-width:1400px){
    .container{width:1350px;}
}
.icon{background-image: url(../images/icon.png);background-repeat: no-repeat;}
.icon_s{background-image: url(../images/icon05.png);background-repeat: no-repeat;}
.icon01{width:19px;height:13px;display:inline-block;background-position: -16px -19px;}
.icon02{background-position: -167px -16px;margin-top: 5px;}
.icon03{background-position: -217px -18px;margin-top: 7px;}
.icon04{background-position: -267px -18px;}
/*=========================顶部 start=============================*/
.header{background:#233142; padding:10px 0px;}
.header .logo{float:left; width:186px; padding:7px 0px 12px 0px;}
.header ul{float: right;width: 630px;padding-top: 10px;}
.header ul li,.header ul li.active{float:left;position:relative;}
.header ul li a{clear:both;position:relative;z-index:3;display:block;padding: 0px 19px;color:#fff;font-size:16px;line-height: 42px;}
.header ul li:hover:after,.header ul li.active:after{content:''; position:absolute; left:0px; top:0px; right:0px; bottom:0px; z-index:1; background:#3e47ca; border-radius:20px 10px;}
.header ul li:hover:before,.header ul li.active:before{content:'';position:absolute;left:0px;top:0px;right:5px;bottom:0px;z-index: 2;box-shadow: 0px 0px 5px rgba(21, 26, 101, 0.61);background:url(../images/navicon01.png) no-repeat left bottom #3e47ca;border-radius:20px 10px;background-size: 37px 30px;}
.header .headerPhoto{float:right;width:165px;font-size:20px;color:#facf5a;font-weight:bold;padding: 3px 0px 0px 0px;}
.header .headerPhoto span{clear:both;background:url(../images/topicon01.png) no-repeat left bottom;background-size:50px auto;display:block;text-align:right;font-size:14px;font-weight:normal;color:#ffffe7;line-height: 16px;padding-top: 10px;padding-bottom: 4px;margin-bottom: 3px;}
@media (min-width:1280px){
    .header .logo{width:223px;}
    .header ul{width: 740px;}
    .header ul li a{line-height:50px;padding: 0px 28px;}
    .header ul li:hover:before,.header ul li.active:before{background-size:44px 36px;}
    .header .headerPhoto{width: 212px;font-size: 26px;}
    .header .headerPhoto span{background-size:70px auto;padding-top: 20px;padding-bottom: 6px;}
}
@media (min-width:1400px){
    .header .logo{width:251px;}
    .header ul{width: 850px;}
    .header ul li a{line-height:57px;padding: 0px 33px;font-size:18px;}
    .header ul li:hover:before,.header ul li.active:before{background-size:49px 41px;}
    .header .headerPhoto{width: 228px;font-size:28px;}
    .header .headerPhoto span{background-size:78px auto;padding-top: 24px;padding-bottom: 7px;}
}
/*=========================顶部 end=============================*/
/*=========================banner start=============================*/
.banner{clear: both;}
.banner a{clear: both; display: block; text-align: center;}
/*=========================banner end=============================*/
/*=========================homeOne start=============================*/
.homeOne{margin-top: -40px;position:relative;z-index:1;padding-bottom:77px;}
.homeOne:before{width: 45px;height: 43px;content:'';position:absolute;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);bottom: 10px;background: url(../images/icon.png) no-repeat;background-size: 400px 400px;background-position: -337px -22px;}
.homeOne li{float:left;width:318px;margin-right:23px;position:relative;background: #fff;box-shadow: 0px 17px 30px rgba(6,18,33,0.3);padding: 5px 0px 5px 0px;}
.homeOne li:after{position:absolute; top:0px; left:171px; top:5px; bottom:5px; width:0px; border-right:1px dotted #cecece; content:'';}
.homeOne li i.homeOneicon01{position:absolute;left:0px;top: -10px;height: 10px;display:block;right:0px;background: url(../images/homeoneicon01.png) no-repeat center top;background-size: 100% auto;}
.homeOne li i.homeOneicon02{position:absolute;left:0px;bottom: -10px;height: 10px;display:block;right:0px;background: url(../images/homeoneicon02.png) no-repeat center top;background-size: 100% auto;}
.homeOne li:last-child{margin-right:0px;}
.homeOne li .homeOnepic{position:relative;float: left;display: block;width: 149px;margin-left: 10px;}
.homeOne li .homeOnepic:after{content:'';position:absolute;left:8px;right:8px;bottom:-5px;height:10px;border-radius:5px;background:#455d7a;box-shadow: 0px 3px 4px rgba(6,18,33,0.2);z-index: 1;}
.homeOne li .homeOnepic img{border-radius:5px;overflow:hidden;position: relative;z-index: 2;}
.homeOne li .homeOnebox{float:right;height: 104px;margin-right: 14px;position: relative;z-index: 3;width: 120px;}
.homeOne li .homeOnebox .homeOnetit{font-size: 15px;font-weight:bold;color:#233142;line-height:20px;clear: both;padding-bottom: 5px;display: block;}
.homeOne li .homeOnebox p{font-size: 12px;color:#666;line-height:18px;}
.homeOne li .homeOnebox .homeOnearrow{width: 28px;height: 28px;background:#539ddb;border-radius:50%;text-align: center;line-height: 13px;padding-top: 7px;position: absolute;right: 0px;bottom: -8px;}
.homeOne li:hover .homeOnepic:after{background:#f95959;box-shadow: 0px 3px 4px rgba(249, 89, 89, 0.5);}
.homeOne li:hover .homeOnebox .homeOnetit{color:#f95959;}
.homeOne li:hover .homeOnebox .homeOnearrow{background:#f95959;}
@media (min-width:1280px){
    .homeOne{padding-bottom:91px; margin-top: -48px;}
    .homeOne:before{width:50px;height: 48px;background-size: 430px 400px;background-position: -361px -22px;bottom: 15px;}
    .homeOne li{width:382px; margin-right:27px;}
    .homeOne li i.homeOneicon01{height:12px; top:-12px;}
    .homeOne li i.homeOneicon02{height:12px; bottom:-12px;}
    .homeOne li .homeOnepic{width:179px;margin-left: 12px;}
    .homeOne li .homeOnepic:after{height: 12px;bottom: -6px;}
    .homeOne li:after{left:206px;}
    .homeOne li .homeOnebox{width:145px;height: 125px;}
    .homeOne li .homeOnebox .homeOnetit{font-size: 17px; padding-bottom:10px;}
    .homeOne li .homeOnebox p{line-height:22px; font-size:14px;}
}
@media (min-width:1400px){
    .homeOne{padding-bottom:104px;margin-top: -58px;}
    .homeOne:before{width:55px;height:50px;background-size:500px 500px;background-position: -420px -30px;bottom: 20px;}
    .homeOne li{width:429px; margin-right:31px;}
    .homeOne li i.homeOneicon01{height:14px; top:-14px;}
    .homeOne li i.homeOneicon02{height:14px; bottom:-14px;}
    .homeOne li .homeOnepic{width:200px;margin-left: 14px;}
    .homeOne li .homeOnepic:after{height: 16px;bottom: -8px;}
    .homeOne li:after{left:231px;}
    .homeOne li .homeOnebox{width:165px;height: 140px;}
    .homeOne li .homeOnebox .homeOnetit{font-size:20px; padding-bottom:15px;}
    .homeOne li .homeOnebox p{line-height:25px; font-size:16px;}
}
/*=========================homeOne end=============================*/
/*=========================homeTit start=============================*/
.homeTit{clear: both; text-align: center; position: relative;}
.homeTit p{font-size:14px;color: #084a83;line-height: 1; padding-bottom:12px;}
.homeTit h1,.homeTit h3{display: inline-block; position: relative; font-size: 24px; line-height:26px; color:#233142; font-weight: bold;}
.homeTit h1{font-size:36px;line-height:1;margin-bottom:20px;}
.homeTit h1::after,.homeTit h3::after{content:''; width: 15px; height: 20px; position: absolute; left:-45px; top:50%; -webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%); background: url(../images/icon.png) no-repeat -68px -17px;}
.homeTit h1::before,.homeTit h3::before{content:''; width: 15px; height: 20px; position: absolute; right:-45px; top:50%; -webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%); background: url(../images/icon.png) no-repeat -119px -17px;}
.homeTit.line01{padding-bottom: 16px;}
.homeTit.line01::after{content:''; width: 50px; height: 4px; background: #facf5a; position: absolute; left:50%; bottom:0px; -webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%); }
@media (min-width:1280px){
    .homeTit.line01{padding-bottom:20px;}
    .homeTit p{font-size:16px; padding-bottom:16px;}
    .homeTit h3{font-size:28px; line-height:30px;}
}
@media (min-width:1400px){
    .homeTit.line01{padding-bottom:24px;}
    .homeTit p{font-size:18px; padding-bottom:20px;}
    .homeTit h3{font-size:32px; line-height:34px;}
}
/*=========================homeTit end=============================*/
/*=========================homeTow start=============================*/
.homeTwo{padding:30px 0px; background: #fff;}
.homeTwo ul{margin-left: -8px; padding-top:20px;}
.homeTwo ul li{float: left;margin-left: 8px;width: 244px;position: relative;overflow:hidden;}
.homeTwo ul li .homeTwopic{clear:both;}
.homeTwo ul li .homeTwopic img{width:100%; transition:all 0.5s;}
.homeTwo ul li .homeTwobox{position:absolute; left:0px; top:100%; padding-top:30px; width:100%; transition:all 0.5s; height:100%; background:#000; background:rgba(0,0,0,0.6);}
.homeTwo ul li .homeTwobox .homeTwotit{clear:both; font-size:30px; padding-bottom:10px; margin-bottom:10px; position:relative; font-weight:bold; color:#fff; line-height:1; text-align:center;}
.homeTwo ul li .homeTwobox .homeTwotit:after{position:absolute;content:'';left:50%;bottom: -2px;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);width:40px;height:2px;background:#fff;}
.homeTwo ul li .homeTwobox .homeTwotxt{clear:both; text-align:center; font-size:14px; color:#fff; line-height:24px;}
.homeTwo ul li:hover .homeTwobox{top:0px; transition:all 0.5s;}
.homeTwo ul li:hover .homeTwopic img{-webkit-transform:scale(1.05); -moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05); transition:all 0.5s;}
@media (min-width:1280px){
    .homeTwo ul{padding-top:30px;}
    .homeTwo ul li{width: 294px;}
    .homeTwo ul li .homeTwobox{padding-top:45px;}
    .homeTwo ul li .homeTwobox .homeTwotit{font-size:40px;}
    .homeTwo ul li .homeTwobox .homeTwotit:after{width:55px; height:3px;}
}
@media (min-width:1400px){
    .homeTwo ul{margin-left:-10px;padding-top: 40px;}
    .homeTwo ul li{width:330px; margin-left:10px;}
    .homeTwo ul li .homeTwobox{padding-top:50px;}
    .homeTwo ul li .homeTwobox .homeTwotit{font-size:50px;padding-bottom: 14px;margin-bottom: 14px;}
    .homeTwo ul li .homeTwobox .homeTwotxt{font-size:16px; line-height:24px;}
    .homeTwo ul li .homeTwobox .homeTwotit:after{width:70px;height:4px;bottom: -4px;}
}
/*=========================homeTow end=============================*/
/*=========================homeThree start=============================*/
.homeThree{margin-top:40px;margin-bottom:40px;}
.homeThree .container{background:url(../images/homeThreebg.jpg) no-repeat center top; margin-top:30px;background-size:1000px 361px;height: 361px;}
.homeThree .homeThreefl{float:left; width:270px; padding:45px 10px 0px 30px;}
.homeThree .homeThreefl .homeThreefltit,.homeThree .homeThreefr .homeThreefrtit{font-size:20px;font-weight:bold;color:#455d7a;line-height: 1;padding-bottom: 10px;}
.homeThree .homeThreefl .homeThreefltxt,.homeThree .homeThreefr .homeThreefrtxt{clear:both;display:block;text-align:left;font-size: 12px;line-height: 20px;color:#084a83;padding-top: 10px;}
.homeThree .homeThreefl .homeThreefltxt span{clear:both;display:block;text-align:left;font-size: 14px;color:#f95959;}
.homeThree .homeThreemid{float:left; width:498px; padding:0px;}
.homeThree .homeThreemid .homeThreemidtit{clear:both;position:relative;z-index:2;margin:-32px 85px 0px 50px;font-size: 12px;line-height: 26px;padding:6px 10px;background:url(../images/homeThreeicon02.png) repeat-y;background-size:100% auto;}
.homeThree .homeThreefr{float:right;width:232px;padding:45px 30px 0px 15px;height: 100%;position: relative;}
.homeThree .homeThreefr .homeThreefra{position:absolute;display:block;color:#facf5a;width: 188px;font-size:20px;height: 52px;line-height:52px;text-align:center;bottom: 40px;left: -20px;}
.homeThree .homeThreefr .homeThreefra:after{content:'';position:absolute;left: -10px;right: -10px;bottom:5px;border-radius: 10px;top:5px;box-shadow: 0px 0px 20px 5px rgb(108,179,239);z-index: 1;}
.homeThree .homeThreefr .homeThreefra i{clear:both;display:block;font-style:normal;background:#084a83;position: relative;z-index: 2;}
.homeThree .homeThreefr .homeThreefra i:after{content:'';position:absolute;left: -30px;top:0px;height:20px;border-top:16px solid transparent;border-right:15px solid #084a83;border-left: 15px solid transparent;border-bottom:16px solid transparent;}
.homeThree .homeThreefr .homeThreefra i:before{content:'';position:absolute;right: -30px;top:0px;height:20px;border-top:16px solid transparent;border-left:15px solid #084a83;border-bottom:16px solid transparent;border-right: 15px solid transparent;}
.homeThree .homeThreefr .homeThreefra:hover i{background:#f95959; color:#fff;}
.homeThree .homeThreefr .homeThreefra:hover:after{box-shadow: 0px 0px 20px 5px rgba(249, 89, 89, 0.5);}
.homeThree .homeThreefr .homeThreefra:hover i:after{border-right-color:#f95959;}
.homeThree .homeThreefr .homeThreefra:hover i:before{border-left-color:#f95959;}
@media (min-width:1280px){
    .homeThree .container{background-size:1200px 433px;height: 433px; margin-top:50px;}
    .homeThree .homeThreefl{width:327px;padding-left: 35px;padding-top: 60px;}
    .homeThree .homeThreemid{width:595px;}
    .homeThree .homeThreemid .homeThreemidtit{margin: -40px 120px 0px 60px;line-height: 32px;font-size: 15px;}
    .homeThree .homeThreefr{width: 278px; padding-top:60px; padding-right:35px;}
    .homeThree .homeThreefl .homeThreefltit,.homeThree .homeThreefr .homeThreefrtit{font-size:24px;}
    .homeThree .homeThreefl .homeThreefltxt,.homeThree .homeThreefr .homeThreefrtxt{font-size: 14px;line-height: 22px;padding-top: 20px;}
    .homeThree .homeThreefl .homeThreefltxt span{font-size:16px;}
    .homeThree .homeThreefr .homeThreefra{width: 224px;height:62px;line-height:62px;font-size:24px;left: -25px;bottom: 50px;}
    .homeThree .homeThreefr .homeThreefra:after{left: -13px;right: -13px;border-radius: 15px;}
    .homeThree .homeThreefr .homeThreefra i:after{left: -36px;top:0px;height:26px;border-top:18px solid transparent;border-right:18px solid #084a83;border-left: 18px solid transparent;border-bottom:18px solid transparent;}
    .homeThree .homeThreefr .homeThreefra i:before{right: -36px;top:0px;height:26px;border-top:18px solid transparent;border-left:18px solid #084a83;border-right: 18px solid transparent;border-bottom:18px solid transparent;}
}
@media (min-width:1400px){
    .homeThree .container{background-size:1350px 487px;height: 487px; margin-top:70px;}
    .homeThree .homeThreefl{width:365px; padding-top:65px; padding-left:40px;}
    .homeThree .homeThreemid{width:666px;}
    .homeThree .homeThreefr{width:315px; padding-top:65px; padding-right:40px;}
    .homeThree .homeThreefl .homeThreefltit,.homeThree .homeThreefr .homeThreefrtit{font-size:28px;}
    .homeThree .homeThreefl .homeThreefltxt,.homeThree .homeThreefr .homeThreefrtxt{font-size: 16px;line-height: 24px;}
    .homeThree .homeThreefl .homeThreefltxt span{font-size:18px;}
    .homeThree .homeThreemid .homeThreemidtit{margin: -43px 120px 0px 60px;line-height: 36px;font-size: 18px;}
    .homeThree .homeThreefr .homeThreefra{width: 253px;height:70px;line-height:70px;font-size:28px;bottom: 56px;}    .homeThree .homeThreefr .homeThreefra i:after{left: -40px;top:0px;height: 30px;border-top: 20px solid transparent;border-right: 20px solid #084a83;border-left: 20px solid transparent;border-bottom: 20px solid transparent;}
    .homeThree .homeThreefr .homeThreefra:after{left: -15px;right: -15px;border-radius: 20px;}
    .homeThree .homeThreefr .homeThreefra i:after{left: -40px;top:0px;height:30px;border-top:20px solid transparent;border-right:20px solid #084a83;border-left: 20px solid transparent;border-bottom:20px solid transparent;}
    .homeThree .homeThreefr .homeThreefra i:before{right: -40px;top:0px;height: 30px;border-top: 20px solid transparent;border-left: 20px solid #084a83;border-right: 20px solid transparent;border-bottom: 20px solid transparent;}   
}
/*=========================homeThree end=============================*/
/*=========================homeFour start=============================*/
.homeFour .homeFourtop{position:relative;margin-top: 25px;padding-bottom: 10px;}
.homeFour .homeFourtop:before{content:''; position:absolute; background:url(../images/homeFourline01.jpg) repeat-x center center; top:0px; bottom:0px; left:500px; width:3px;}
.homeFour .homeFourtop .homeFourtopfl{float:left;width:500px;padding-left: 70px;}
.homeFour .homeFourtop .homeFourtopfl .homeFourtopfltxt{clear:both; font-size:14px; color:#233142; line-height:24px;}
.homeFour .homeFourtop .homeFourtopfl ul{clear:both; padding-bottom:15px;}
.homeFour .homeFourtop .homeFourtopfl ul li{float:left; width:105px; position:relative; margin-right:37px;}
.homeFour .homeFourtop .homeFourtopfl ul li:after{content:'';width:30px;height:47px;position:absolute;right: -33px;top: 28px;background:url(../images/icon.png) no-repeat;background-size:380px auto;background-position: -5px -130px;}
.homeFour .homeFourtop .homeFourtopfl ul li:last-child:after{display:none;}
.homeFour .homeFourtop .homeFourtopfl ul li a.homeFourtopflpic{clear:both;display:block;border-radius:3px;border:2px solid #539ddb;width: 100%;position: relative;}
.homeFour .homeFourtop .homeFourtopfl ul li a.homeFourtopflpic:after{content:''; position:absolute; left:0px; top:50%; height:36px; border-top:3px solid transparent; border-bottom:3px solid transparent; border-left:3px solid #094983; border-right:3px solid transparent; -webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
.homeFour .homeFourtop .homeFourtopfl ul li a.homeFourtopflpic:before{content:''; position:absolute; right:0px; top:50%; height:36px; border-top:3px solid transparent; border-bottom:3px solid transparent; border-left:3px solid transparent; border-right:3px solid #094983; -webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
.homeFour .homeFourtop .homeFourtopfl ul li a.homeFourtopfltit{display:block;color: #fff;width: 100%;font-size: 14px;height: 31px;line-height: 31px;text-align:center;padding: 0px 10px;margin-top: 7px;}
.homeFour .homeFourtop .homeFourtopfl ul li a.homeFourtopfltit i{clear:both;display:block;font-style:normal;background:#084a83;position: relative;z-index: 2;}
.homeFour .homeFourtop .homeFourtopfl ul li a.homeFourtopfltit i:after{content:'';position:absolute;left: -20px;top:0px;height: 15px;border-top: 8px solid transparent;border-right: 10px solid #084a83;border-left: 10px solid transparent;border-bottom: 8px solid transparent;}
.homeFour .homeFourtop .homeFourtopfl ul li a.homeFourtopfltit i:before{content:'';position:absolute;right: -20px;top:0px;height: 15px;border-top: 8px solid transparent;border-left: 10px solid #084a83;border-bottom: 8px solid transparent;border-right: 10px solid transparent;}
.homeFour .homeFourtop .homeFourtopfl ul li:hover a.homeFourtopflpic{border-color:#fdcdcd;}
.homeFour .homeFourtop .homeFourtopfl ul li:hover a.homeFourtopfltit i{background:#f95959; color:#fff;}
.homeFour .homeFourtop .homeFourtopfl ul li:hover a.homeFourtopfltit i:after{border-right-color:#f95959;}
.homeFour .homeFourtop .homeFourtopfl ul li:hover a.homeFourtopfltit i:before{border-left-color:#f95959;}
.homeFour .homeFourtop .homeFourtopfl ul li:hover a.homeFourtopflpic:after{border-left:3px solid #f95959;}
.homeFour .homeFourtop .homeFourtopfl ul li:hover a.homeFourtopflpic:before{border-right:3px solid #f95959;}
@media (min-width:1280px){
    .homeFour .homeFourtop{margin-top:32px;padding-bottom: 15px;}
    .homeFour .homeFourtop:before{left:599px;}
    .homeFour .homeFourtop .homeFourtopfl{float:left;width:599px;padding-left:80px;}
    .homeFour .homeFourtop .homeFourtopfl ul{padding-bottom:22px;}
    .homeFour .homeFourtop .homeFourtopfl ul li{width:126px;margin-right:46px;}
    .homeFour .homeFourtop .homeFourtopfl ul li:after{width:35px;height:55px;background-size:450px auto;background-position: -5px -154px;right: -38px;top: 35px;}
    .homeFour .homeFourtop .homeFourtopfl ul li a.homeFourtopfltit{margin-top:10px;height: 37px;line-height: 37px;font-size: 16px;}
    .homeFour .homeFourtop .homeFourtopfl .homeFourtopfltxt{font-size:16px;line-height: 26px;}
    .homeFour .homeFourtop .homeFourtopfl ul li a.homeFourtopfltit i:after{height: 17px;border-top: 10px solid transparent;border-bottom: 10px solid transparent;}
    .homeFour .homeFourtop .homeFourtopfl ul li a.homeFourtopfltit i:before{height: 17px;border-top: 10px solid transparent;border-bottom: 10px solid transparent;}
}
@media (min-width:1400px){
    .homeFour .homeFourtop{margin-top:37px;padding-bottom: 20px;}
    .homeFour .homeFourtop:before{left:675px;}
    .homeFour .homeFourtop .homeFourtopfl{float:left;width:675px;padding-left:96px;}
    .homeFour .homeFourtop .homeFourtopfl ul{padding-bottom:24px;}
    .homeFour .homeFourtop .homeFourtopfl ul li{width:140px;margin-right:52px;}
    .homeFour .homeFourtop .homeFourtopfl ul li:after{width: 40px;height: 60px;background-size: 500px auto;background-position: -7px -173px;right: -46px;top: 44px;}
    .homeFour .homeFourtop .homeFourtopfl .homeFourtopfltxt{font-size:18px; line-height:30px;}
    .homeFour .homeFourtop .homeFourtopfl ul li a.homeFourtopfltit{height:40px;line-height:40px;font-size: 18px;}
    .homeFour .homeFourtop .homeFourtopfl ul li a.homeFourtopfltit i:after{height: 20px;}
    .homeFour .homeFourtop .homeFourtopfl ul li a.homeFourtopfltit i:before{height: 20px;}
}
.homeFour .homeFourtop .homeFourtopfr{float:right;width:497px;padding: 0px 70px 0px 35px;}
.homeFour .homeFourtop .homeFourtopfr .homeFourtopfrone{position:relative;background:#003273;padding: 2px;margin-bottom: 15px;}
.homeFour .homeFourtop .homeFourtopfr .homeFourtopfrone .homeFourtopfronetit{position:absolute;left: 2px;right: 2px;bottom: 2px;text-align:center; z-index:1;background: rgba(8,74,131,0.6);color: #fff;font-size: 16px;line-height: 36px;}
.homeFour .homeFourtop .homeFourtopfr .homeFourtopfrone .homeFourtopfronepic{clear:both; overflow:hidden; display:block;}
.homeFour .homeFourtop .homeFourtopfr .homeFourtopfrone .homeFourtopfronepic img{width:100%; transition:all 0.5s;}
.homeFour .homeFourtop .homeFourtopfr .homeFourtopfrone  i{width:10px; border-right:2px solid #003273; height:10px; background:#fafdff; position:absolute; z-index:2;}
.homeFour .homeFourtop .homeFourtopfr .homeFourtopfrone  i:nth-child(1){left:-3px; top:-3px; transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
.homeFour .homeFourtop .homeFourtopfr .homeFourtopfrone  i:nth-child(2){right:-3px; top:-3px; transform:rotate(135deg);-ms-transform:rotate(135deg);-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);}
.homeFour .homeFourtop .homeFourtopfr .homeFourtopfrone  i:nth-child(3){left:-3px; bottom:-3px; transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.homeFour .homeFourtop .homeFourtopfr .homeFourtopfrone  i:nth-child(4){right:-3px; bottom:-3px; transform:rotate(-135deg);-ms-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);-o-transform:rotate(-135deg);}
.homeFour .homeFourtop .homeFourtopfr .homeFourtopfrone  i:nth-child(5){width:20px; height:20px; background:none; border:0px; border-top:1px solid #5784ab; border-left:1px solid #5784ab; left:-2px; top:-2px;transform:rotate(0deg);}
.homeFour .homeFourtop .homeFourtopfr .homeFourtopfrone  i:nth-child(5):after{content:'';position:absolute;left: -4px;top: -4px;transform:rotate(-45deg);width:0px;height:0px;border-top: 5px solid transparent;border-bottom: 5px solid #84fffb;border-right: 5px solid transparent;border-left: 5px solid transparent;}
.homeFour .homeFourtop .homeFourtopfr .homeFourtopfrone:hover{background:#f95959;}
.homeFour .homeFourtop .homeFourtopfr .homeFourtopfrone:hover i{border-color:#f95959;}
.homeFour .homeFourtop .homeFourtopfr .homeFourtopfrone:hover  i:nth-child(5){border-color:#f9a1a1;}
.homeFour .homeFourtop .homeFourtopfr .homeFourtopfrone:hover  i:nth-child(5):after{border-bottom-color:#ff0080;}
.homeFour .homeFourtop .homeFourtopfr .homeFourtopfrone:hover .homeFourtopfronepic img{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
.homeFour .homeFourtop .homeFourtopfr .homeFourtopfrone:hover .homeFourtopfronetit{background:rgba(249, 89, 89, 0.6);}
@media (min-width:1280px){
    .homeFour .homeFourtop .homeFourtopfr .homeFourtopfrone{margin-bottom:18px;}
    .homeFour .homeFourtop .homeFourtopfr .homeFourtopfrone  i:nth-child(5){width:24px; height:24px;}
    .homeFour .homeFourtop .homeFourtopfr .homeFourtopfrone .homeFourtopfronetit{line-height:38px;}
}
@media (min-width:1400px){
    .homeFour .homeFourtop .homeFourtopfr .homeFourtopfrone  i:nth-child(5){width:26px; height:26px;}
    .homeFour .homeFourtop .homeFourtopfr .homeFourtopfrone .homeFourtopfronetit{line-height:40px;}
    .homeFour .homeFourtop .homeFourtopfr .homeFourtopfrone{margin-bottom:20px;}
}
.homeFourtopfrtwo .homeFourtopfrtwofl{float:left; width:206px;}
.homeFourtopfrtwo .homeFourtopfrtwofl p{font-size:14px; color:#084a83; line-height:22px; padding:3px 0px;}
.homeFourtopfrtwo .homeFourtopfrtwofr{float:right;width: 156px;position:relative;display:block;color:#facf5a;font-size: 16px;line-height: 40px;text-align:center;}
.homeFourtopfrtwo .homeFourtopfrtwofr:after{content:'';position:absolute;left: -10px;right: -10px;bottom:5px;border-radius: 10px;top:5px;box-shadow: 0px 0px 20px 5px rgb(108,179,239);z-index: 1;}
.homeFourtopfrtwo .homeFourtopfrtwofr i{clear:both;display:block;font-style:normal;background:#084a83;position: relative;z-index: 2;}
.homeFourtopfrtwo .homeFourtopfrtwofr i:after{content:'';position:absolute;left: -30px;top:0px;height: 16px;border-top: 12px solid transparent;border-right:15px solid #084a83;border-left: 15px solid transparent;border-bottom: 12px solid transparent;}
.homeFourtopfrtwo .homeFourtopfrtwofr i:before{content:'';position:absolute;right: -30px;top:0px;height: 16px;border-top: 12px solid transparent;border-left:15px solid #084a83;border-bottom: 12px solid transparent;border-right: 15px solid transparent;}
.homeFourtopfrtwo .homeFourtopfrtwofr:hover i{background:#f95959; color:#fff;}
.homeFourtopfrtwo .homeFourtopfrtwofr:hover:after{box-shadow: 0px 0px 20px 5px rgba(249, 89, 89, 0.5);}
.homeFourtopfrtwo .homeFourtopfrtwofr:hover i:after{border-right-color:#f95959;}
.homeFourtopfrtwo .homeFourtopfrtwofr:hover i:before{border-left-color:#f95959;}
@media (min-width:1280px){
    .homeFour .homeFourtop .homeFourtopfr{width:598px;padding: 0px 84px 0px 41px;}
    .homeFourtopfrtwo .homeFourtopfrtwofl{width:249px;}
    .homeFourtopfrtwo .homeFourtopfrtwofl p{font-size:16px; line-height:26px; padding:3px 0px;}
    .homeFourtopfrtwo .homeFourtopfrtwofr{width: 184px;font-size: 18px;line-height: 48px;}
    .homeFourtopfrtwo .homeFourtopfrtwofr i:after{content:'';position:absolute;left: -40px;top:0px;height: 20px;border-top: 14px solid transparent;border-right: 20px solid #084a83;border-left: 20px solid transparent;border-bottom: 14px solid transparent;}
    .homeFourtopfrtwo .homeFourtopfrtwofr i:before{content:'';position:absolute;right: -40px;top:0px;height: 20px;border-top: 14px solid transparent;border-left: 20px solid #084a83;border-bottom: 14px solid transparent;border-right: 20px solid transparent;}
}
@media (min-width:1400px){
    .homeFour .homeFourtop .homeFourtopfr{width:673px;padding: 0px 95px 0px 47px;}
    .homeFourtopfrtwo .homeFourtopfrtwofl{width:280px;}
    .homeFourtopfrtwo .homeFourtopfrtwofl p{font-size:18px; line-height:30px; padding:3px 0px;}
    .homeFourtopfrtwo .homeFourtopfrtwofr{width:251px;font-size: 20px;line-height: 54px;}
    .homeFourtopfrtwo .homeFourtopfrtwofr i:after{content:'';position:absolute;left: -40px;top:0px;height: 20px;border-top: 17px solid transparent;border-right: 20px solid #084a83;border-left: 20px solid transparent;border-bottom: 17px solid transparent;}
    .homeFourtopfrtwo .homeFourtopfrtwofr i:before{content:'';position:absolute;right: -40px;top:0px;height: 20px;border-top: 17px solid transparent;border-left: 20px solid #084a83;border-bottom: 17px solid transparent;border-right: 20px solid transparent;}
}
/**/
.homeFourbom{margin-left:-21px;}
.homeFourbom li{float:left;width:234px;margin-left:21px;background:#003273;position:relative;padding: 2px;margin-top: 22px;}
.homeFourbom li i{width:10px; border-right:2px solid #003273; height:10px; background:#fafdff; position:absolute; z-index:2;}
.homeFourbom li i:nth-child(1){left:-3px; top:-3px; transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
.homeFourbom li i:nth-child(2){right:-3px; top:-3px; transform:rotate(135deg);-ms-transform:rotate(135deg);-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);}
.homeFourbom li i:nth-child(3){left:-3px; bottom:-3px; transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.homeFourbom li i:nth-child(4){right:-3px; bottom:-3px; transform:rotate(-135deg);-ms-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);-o-transform:rotate(-135deg);}
.homeFourbom li .homeFourbomtit{position:absolute;left: 2px;right: 2px;bottom: 2px;text-align:center; z-index:1;background: rgba(8,74,131,0.6);color: #fff;font-size: 16px;line-height: 36px;}
.homeFourbom li .homeFourbompic{clear:both; display:block; overflow:hidden;}
.homeFourbom li .homeFourbompic img{width:100%; transition:all 0.5s;}
.homeFourbom li:hover{background:#f95959;}
.homeFourbom li:hover i{border-right:2px solid #f95959;}
.homeFourbom li:hover .homeFourbompic img{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05); transition:all 0.5s;}
.homeFourbom li:hover .homeFourbomtit{background:rgba(249, 89, 89, 0.6);}
@media (min-width:1280px){
    .homeFourbom{margin-left:-25px;}
    .homeFourbom li{width:281px;margin-left:25px;margin-top: 26px;}
    .homeFourbom li .homeFourbomtit{line-height:38px;}
}
@media (min-width:1400px){
    .homeFourbom{margin-left:-30px;}
    .homeFourbom li{width:315px;margin-left:30px;margin-top: 30px;}
    .homeFourbom li .homeFourbomtit{line-height:40px;}
}
/*=========================homeFour end=============================*/
/*=========================homeFive start=============================*/
.homeFive{ padding-top:50px;}
.homeFive ul{margin-left:-23px; padding-top:20px;}
.homeFive ul li{float:left;width:318px;margin-left:23px;background:#fff;border:1px solid #539ddb;border-radius:5px;padding: 8px 8px 21px 8px;}
.homeFive ul li .homeFivepic{clear:both;position:relative;display: block;margin-bottom: 20px;}
.homeFive ul li .homeFivepic img{position:relative; z-index:2; border-radius:5px;}
.homeFive ul li .homeFivepic:after{content:'';position:absolute;left: 10px;right: 10px;bottom:-7px;height:14px;border-radius:5px;background:#455d7a;box-shadow: 0px 3px 4px rgba(6,18,33,0.2);z-index: 1;}
.homeFive ul li .homeFivepic:before{content:'';position:absolute;left: 20px;right: 20px;bottom: -20px;height: 0px;z-index: 1;border-bottom: 1px dotted #ccc;}
.homeFive ul li .homeFivebox{clear:both;padding: 10px 2px 5px 3px;position: relative;}
.homeFive ul li .homeFivebox .homeFivetit{clear:both; display:block; padding:5px 0px; font-size:14px; font-weight:bold; color:#233142; line-height:24px;}
.homeFive ul li .homeFivebox .homeFivetxt{clear:both;padding:2px 0px;font-size: 12px;line-height: 20px;color: #666;}
.homeFive ul li .homeFivebox .homeFivetxt span{float:right;width: 235px;color:#f95959;}
.homeFive ul li .homeFivebox .homeFivearrow{width: 28px;height: 28px;background:#539ddb;border-radius:50%;text-align: center;line-height: 13px;padding-top: 7px;position: absolute;right: 5px;bottom: -8px;}
.homeFive ul li:hover .homeFivebox .homeFivearrow{background:#f95959;}
.homeFive ul li:hover .homeFivepic:after{background:#f95959;}
.homeFive ul li:hover .homeFivebox .homeFivetit{color:#f95959;}
@media (min-width:1280px){
    .homeFive{ padding-top:60px;}
    .homeFive ul{margin-left:-27px; padding-top:27px;}
    .homeFive ul li{float:left;width:382px;margin-left:27px;padding: 10px 10px 24px 10px;}
    .homeFive ul li .homeFivepic{margin-bottom:25px;}
    .homeFive ul li .homeFivepic:after{left: 12px;right: 12px;bottom:-8px;height:16px;}
    .homeFive ul li .homeFivepic:before{bottom: -25px;}
    .homeFive ul li .homeFivebox .homeFivetit{font-size:16px;padding: 10px 0px;}
    .homeFive ul li .homeFivebox .homeFivetxt{font-size:14px;}
    .homeFive ul li .homeFivebox .homeFivetxt span{width: 285px;}
}
@media (min-width:1400px){
    .homeFive{ padding-top:70px;}
    .homeFive ul{margin-left:-30px; padding-top:30px;}
    .homeFive ul li{float:left;width:430px;margin-left:30px;padding: 13px 13px 27px 13px;}
    .homeFive ul li .homeFivepic{margin-bottom:27px;}
    .homeFive ul li .homeFivepic:before{bottom: -27px;}
    .homeFive ul li .homeFivebox .homeFivetit{font-size:18px;padding: 10px 0px;}
    .homeFive ul li .homeFivebox .homeFivetxt{font-size:16px;line-height: 24px;}
    .homeFive ul li .homeFivebox .homeFivetxt span{width: 317px;}
}
/*=========================homeFive end=============================*/
/*=========================homeSix start=============================*/
.homeSix{ padding-top:50px;padding-bottom:50px;}
.homeSix ul{margin-left:-40px; padding-top:20px;}
.homeSix ul li{float: left; margin-left:40px; width: 480px; line-height:1; padding:10px 0px;}
.homeSix ul li .homeSixtime{float: left; width: 50px; text-align:right; font-size:18px;}
.homeSix ul li .homeSixtime span{clear:both; display:block; text-align:right; font-size:12px; padding-top:5px; color:#999999;}
.homeSix ul li .homeSixbox{overflow:hidden; padding-left:15px;}
.homeSix ul li .homeSixbox .homeSixtit{clear:both;display:block;font-size:14px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;line-height: 20px;padding-bottom: 6px;}
.homeSix ul li .homeSixbox .homeSixtxt{font-size:12px; color:#999; line-height:20px; height:40px; overflow:hidden;}
.homeSix ul li:hover .homeSixbox .homeSixtit{color:#f95959;}
@media (min-width:1280px){
    .homeSix{ padding-top:60px;padding-bottom:60px;}
    .homeSix ul{margin-left:-60px; padding-top:27px;}
    .homeSix ul li{margin-left:60px; width:570px; padding-top:12px; padding-bottom:12px;}
    .homeSix ul li .homeSixtime{width:65px; font-size:22px;}
    .homeSix ul li .homeSixtime span{font-size:15px;padding-top: 8px;}
    .homeSix ul li .homeSixbox{padding-left:18px;}
    .homeSix ul li .homeSixbox .homeSixtit{font-size:16px;}
    .homeSix ul li .homeSixbox .homeSixtxt{font-size:14px; line-height:22px; height:44px;}
}
@media (min-width:1400px){
    .homeSix{ padding-top:70px; padding-bottom:70px;}
    .homeSix ul{margin-left:-70px; padding-top:30px;}
    .homeSix ul li{margin-left:70px; width:640px; padding-top:15px; padding-bottom:15px;}
    .homeSix ul li .homeSixtime{width:70px; font-size:24px;}
    .homeSix ul li .homeSixtime span{font-size:17px;padding-top:12px;}
    .homeSix ul li .homeSixbox{padding-left:20px;}
    .homeSix ul li .homeSixbox .homeSixtit{font-size:18px;}
    .homeSix ul li .homeSixbox .homeSixtxt{line-height:25px; height:50px;}
}
/*=========================homeSix end=============================*/
/*=========================footer start=============================*/
.footer{background:#15181e; line-height:24px; padding:25px 0px; font-size:14px; color:#555; text-align:center;}
.footer a:link,.footer a:visited{color:#555; text-decoration:none; padding:0px 5px;}
.footer a:hover,.footer a:active{color:#999; text-decoration:none; padding:0px 5px;}
.footer .link{clear:both; padding-top:5px;}
/*=========================footer end=============================*/
/*=========================inside banner start=============================*/
.inside{min-height:590px;padding: 20px 0px;}
.insideban{clear: both;border-bottom:1px solid #9ca2e4;position:relative;}
.insideban .container{position:relative;height: 100%;}
.insidebannav{clear:both;color:#999;font-size:12px;line-height: 24px;padding: 6px 0px 6px 0px;}
.insidebannav span{color:#084a83;}
.insidebannav a:link,.insidebannav a:visited{color:#999; text-decoration:none; }
.insidebannav a:hover,.insidebannav a:active{color:#f95959; text-decoration:none; }
.insidebantit{clear:both;text-align:center;font-size: 20px;font-weight: bold;color: #3e47ca;padding-bottom: 20px;}
.insidebantit i{clear:both;display:block;width:25px;height:23px;margin:0 auto;background: url(../images/icon.png) no-repeat -185px -14px;background-size: 220px;}
.insideban .container .insidebanbom{width:100%;padding-top: 23px;background: url(../images/insidebanbg.png) no-repeat center top;background-size: 100% auto;min-height: 49px;margin-bottom: -6px;overflow: hidden;color: #3e47ca;font-size: 24px;font-weight: bold;text-align: center;line-height: 1;}
.insideban .container .insidebanbom .insidebanbomfl{float:left;width:130px;height:59px;background:url(../images/icon01.png) no-repeat left top;background-size:130px 59px;font-size: 17px;color: #3e47ca;font-weight: bold;padding: 7px 50px 0px 15px;line-height: 22px;}
.insideban .container .insidebanbom .insidebanbomfr{float:right;width:130px;height:59px;background: url(../images/icon02.png) no-repeat right top;background-size:130px 59px;font-size: 17px;color: #3e47ca;font-weight: bold;padding: 17px 15px 0px 40px;line-height: 22px;text-align: right;}
.insideban .container .insidebanbom .insidebanbomfr:hover{background-image:url(../images/icon03.png);color:#f95959;}
.insideban .container .insidebanbom .insidebanbombox{float:left;width: 720px;padding-left:10px; text-align:left;}
.insideban .container .insidebanbom .insidebanbombox a{display:inline-block; position:relative; margin:0px 6px; font-size:12px;}
.insideban .container .insidebanbom .insidebanbombox a:nth-child(3){margin-right:105px;}
.insideban .container .insidebanbom .insidebanbombox a:after{content:'';width: 5px;height: 5px;background:#3e47c9;border-radius:50%;position:absolute;bottom: -5px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);}
@media (min-width:1280px){
    .insidebannav{ font-size:14px; line-height:26px;}
    .insidebantit{font-size:23px;padding-bottom: 23px;}
    .insidebantit i{width:29px;height:27px;background-position: -201px -14px;background-size: 240px;margin-bottom: 8px;}
    .insideban .container .insidebanbom{min-height: 59px;padding-top: 31px;font-size: 27px;}
    .insideban .container .insidebanbom .insidebanbomfl{width:157px;height:71px;background-size:157px 71px;font-size: 20px;padding: 8px 60px 0px 20px;line-height: 27px;}
    .insideban .container .insidebanbom .insidebanbomfr{width:157px;height:71px;background-size:157px 71px;font-size:20px;padding:22px 20px 0px 57px;}
    .insideban .container .insidebanbom .insidebanbombox{width: 880px;}
    .insideban .container .insidebanbom .insidebanbombox a{font-size:14px;margin: 0px 11px;}
    .insideban .container .insidebanbom .insidebanbombox a:after{bottom: -11px;}
}
@media (min-width:1400px){
    .insidebannav{line-height:38px; font-size:16px;}
    .insidebantit{font-size:26px;}
    .insidebantit i{width:33px;height:30px;background-position: -235px -16px;background-size: 280px;}
    .insideban .container .insidebanbom{min-height:66px;font-size: 30px;padding-top: 35px;}
    .insideban .container .insidebanbom .insidebanbomfl{width:175px;height:79px;background-size:175px 79px;font-size:22px;padding:8px 70px 0px 20px;line-height:30px;}
    .insideban .container .insidebanbom .insidebanbomfr{width:175px;height:79px;background-size:175px 79px;font-size:22px;padding:26px 20px 0px 57px;}
    .insideban .container .insidebanbom .insidebanbombox{width: 990px;}
    .insideban .container .insidebanbom .insidebanbombox a{font-size:16px;margin: 0px 15px;}
    .insideban .container .insidebanbom .insidebanbombox a:after{bottom: -13px;}
}
/*=========================inside banner end=============================*/
/*=========================proindex start=============================*/
.proindex{padding: 30px 0px;}
.proindexfl{float: left;}
.proindexfr{float:right;}
.proindexone{position:relative;width: 624px;border: 2px solid #084a83;}
.proindexone i{width:10px; z-index:3;height:10px;background:#fafdff;display:block;position:absolute;border-right: 2px solid #084a83;}
.proindexone i:nth-child(1){left: -5px;top:-5px;transform: rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
.proindexone i:nth-child(2){right: -5px;top:-5px; transform: rotate(135deg);-ms-transform:rotate(135deg);-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);}
.proindexone i:nth-child(3){right: -5px;bottom: -5px; transform: rotate(-135deg);-ms-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);-o-transform:rotate(-135deg);}
.proindexone i:nth-child(4){left: -5px;bottom: -5px; transform: rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}.proindexonepic{clear:both; display:block;}
.proindexonetit{position:absolute;left:40px;bottom: 10px;width: 556px;height: 49px;border: 3px solid #85bce5;line-height: 18px;color: #c6e5f3;font-size: 12px;padding: 3px 15px 0px 15px;background: rgba(0, 0, 0, 0.4);}
.proindexonetit:after{background:#73b2e6;position:absolute;content:'';left:-15px;top: -3px;width:7px;bottom: -3px;}
.proindexone:hover .proindexonetit{border-color:#f95959; color:#fdd2d2;}
.proindexone:hover .proindexonetit:after{background:#f95959;}
.proindexone:hover{border-color:#f95959;}
.proindexone:hover i{border-right-color:#f95959;}
.proindexone:hover .proindexones02,.proindexone:hover .proindexones01{border-bottom-color:#f95959;}
.proindexone:hover .proindexones02:before,.proindexone:hover .proindexones01:before{background:#f95959;}
@media (min-width:1280px){
    .proindexone{width:750px;}    
    .proindexonetit{width:667px;height:58px;font-size:14px;line-height:21px;padding-top: 5px;}
}
@media (min-width:1400px){
    .proindexone{width:841px;}
    .proindexonetit{width:751px; height:66px; font-size:16px; line-height:24px;}
}
/**/
.proindexbox{background-size:295px 10px;padding: 0px 0px;width: 345px;}
.proindexbox .proindexboxfl{float:left;width:385px;background: url(../images/line01.jpg) no-repeat right center;}
.proindexbox .proindexboxtit{font-size:37px;clear: both;display: block;color: #084a83;line-height: 1;background-image: -webkit-gradient(linear,center top, center bottom, from(#498cc6), to(#084a83));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-image: -webkit-linear-gradient(top,#498cc6, #084a83);}
.proindexbox .proindexboxfl .proindexboxtit:hover{color:#f95959; background-image: -webkit-gradient(linear,center top, center bottom, from(#ffa8a8), to(#f95959)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: -webkit-linear-gradient(top,#ffa8a8, #f95959);}
.proindexbox .proindexboxtwo{padding-top: 15px;}
.proindexbox .proindexboxtwo li{float:left;border: 1px solid #b5d6f0;border-image: -webkit-linear-gradient(left,#dbedf9,#80b7e5,#dbedf9) 1;border-image: -moz-linear-gradient(left,#dbedf9,#80b7e5,#dbedf9) 1;border-image: -ms-linear-gradient(left,#dbedf9,#80b7e5,#dbedf9) 1;border-image: -o-linear-gradient(left,#dbedf9,#80b7e5,#dbedf9) 1;font-size: 12px;color: #084a83;padding: 3px 5px 3px 3px;margin-right: 8px;}
.proindexbox .proindexboxtwo li:last-child{margin-right:0px;}
.proindexbox .proindexboxtwo li span{float:left;border-right:1px solid #85b8de;padding:0px 5px;margin-right:5px;font-size: 12px;color: #539ddb;}
.proindexbox .proindexboxtwo li span i{float:left;width:17px;height:16px;display: inline-block;margin-right: 5px;}
.proindexbox .proindexboxfr{float:right;width:615px;padding-left: 65px;}
.proindexbox .proindexboxthree{clear:both;display:block;padding-top: 13px;margin-top: 18px;}
.proindexbox .proindexboxthree li{float:left;width:50%;color: #539ddb;font-size: 12px;line-height: 24px;}
.proindexbox .proindexboxthree li i{float:left;width:16px;height:15px;margin-right: 8px;margin-top: 5px;}
.proindexbox .proindexboxfour{clear:both;text-align:right;padding-top: 35px;}
.proindexbox .proindexboxfour .proindexboxmore01{float:right;width: 125px;position:relative;display:block;color:#facf5a;font-size: 14px;line-height: 35px;text-align:center;margin-right: 90px;}
.proindexbox .proindexboxfour .proindexboxmore01:after{content:'';position:absolute;left: -10px;right: -10px;bottom:5px;border-radius: 10px;top:5px;box-shadow: 0px 0px 20px 5px rgb(108,179,239);z-index: 1;}
.proindexbox .proindexboxfour .proindexboxmore01 i{clear:both;display:block;font-style:normal;background:#084a83;position: relative;z-index: 2;}
.proindexbox .proindexboxfour .proindexboxmore01 i:after{content:'';position:absolute;left: -30px;top:0px;height: 17px;border-top: 9px solid transparent;border-right:15px solid #084a83;border-left: 15px solid transparent;border-bottom: 9px solid transparent;}
.proindexbox .proindexboxfour .proindexboxmore01 i:before{content:'';position:absolute;right: -30px;top:0px;height: 17px;border-top: 9px solid transparent;border-left:15px solid #084a83;border-bottom: 9px solid transparent;border-right: 15px solid transparent;}
.proindexbox .proindexboxfour .proindexboxmore01:hover{color:#fff;}
.proindexbox .proindexboxfour .proindexboxmore02{float:right;width: 125px;position:relative;display:block;color: #ffffff;font-size: 14px;line-height: 35px;text-align:center;}
.proindexbox .proindexboxfour .proindexboxmore02:after{content:'';position:absolute;left: -10px;right: -10px;bottom:5px;border-radius: 10px;top:5px;box-shadow: 0px 0px 20px 5px #f95959;z-index: 1;}
.proindexbox .proindexboxfour .proindexboxmore02 i{clear:both;display:block;font-style:normal;background: #f95959;position: relative;z-index: 2;}
.proindexbox .proindexboxfour .proindexboxmore02 i:after{content:'';position:absolute;left: -30px;top:0px;height: 17px;border-top: 9px solid transparent;border-right: 15px solid #f95959;border-left: 15px solid transparent;border-bottom: 9px solid transparent;}
.proindexbox .proindexboxfour .proindexboxmore02 i:before{content:'';position:absolute;right: -30px;top:0px;height: 17px;border-top: 9px solid transparent;border-left: 15px solid #f95959;border-bottom: 9px solid transparent;border-right: 15px solid transparent;}
.proindexbox .proindexboxfour .proindexboxmore01:hover:after,.proindexboxmore .proindexboxmore02:hover:after{box-shadow: 0px 0px 20px 5px rgba(62, 71, 202, 0.5);}
.proindexbox .proindexboxfour .proindexboxmore01:hover i,.proindexboxmore .proindexboxmore02:hover i{background:#3e47ca;}
.proindexbox .proindexboxfour .proindexboxmore01:hover i:after,.proindexboxmore .proindexboxmore02:hover i:after{border-right-color:#3e47ca;}
.proindexbox .proindexboxfour .proindexboxmore01:hover i:before,.proindexboxmore .proindexboxmore02:hover i:before{border-left-color:#3e47ca;}
.proindexbox dl{padding-top: 20px;}
.proindexbox dl dd{float:left;width: 133px;position:relative;margin:0px;margin-right: 15px;}
.proindexbox dl dt{line-height:48px;margin:0px;}
.proindexbox dl dd strong{float:left; width:48px; height:48px; border:3px solid #dde5f2; border-radius:50%; background:#fff; text-align:center; line-height:44px;font-size:12px; font-weight:normal; color:#539ddb;}
.proindexbox dl dd span{z-index:1;border:3px solid #dde5f2;border-radius:10px;display:inline-block;overflow:hidden;margin-left: -7px;width: 92px;}
@media (min-width:1280px){
    .proindexbox{width:410px;padding-top: 40px;}
    .proindexbox .proindexboxfl .proindexboxtit{font-size:44px;}
    .proindexbox .proindexboxfl .proindexboxparameter{padding-top:18px;}
    .proindexbox .proindexboxfour{padding-top: 34px;}
    .proindexbox .proindexboxthree li{font-size:14px;}
    .proindexbox .proindexboxtwo{padding-top:26px;}
    .proindexbox .proindexboxtwo li{margin-right:24px;padding-right: 8px;}
    .proindexbox .proindexboxtit{font-size:44px;}
    .proindexbox dl dd{width: 148px;margin-right: 25px;}
    .proindexbox dl dd span{width:100px;}
    .proindexbox dl dd strong{width: 52px; height: 52px;}
    .proindexbox .proindexboxfour .proindexboxmore01,.proindexbox .proindexboxfour .proindexboxmore02{font-size:17px;width: 150px;line-height: 42px;}
    .proindexbox .proindexboxfour .proindexboxmore02 i:before{right: -36px;height: 20px;border-top: 11px solid transparent;border-left: 18px solid #f95959;border-bottom: 11px solid transparent;border-right: 18px solid transparent;}
    .proindexbox .proindexboxfour .proindexboxmore02 i:after{left: -36px;height: 20px;border-top: 11px solid transparent;border-left: 18px solid transparent;border-bottom: 11px solid transparent;border-right: 18px solid #f95959;}
    .proindexbox .proindexboxfour .proindexboxmore01 i:before{right: -36px;height: 20px;border-top: 11px solid transparent;border-left: 18px solid #084a83;border-bottom: 11px solid transparent;border-right: 18px solid transparent;}
    .proindexbox .proindexboxfour .proindexboxmore01 i:after{left: -36px;height: 20px;border-top: 11px solid transparent;border-left: 18px solid transparent;border-bottom: 11px solid transparent;border-right: 18px solid #084a83;}
}
@media (min-width:1400px){
    .proindexbox{width:466px;}
    .proindexbox .proindexboxtit{font-size:50px;}
.proindexbox .proindexboxthree li i{margin-top:10px;}
    .proindexbox dl dd strong{font-size:14px;}
    .proindexbox .proindexboxfour{padding-top: 50px;}
    .proindexbox .proindexboxthree li{line-height: 35px;}
    .proindexbox .proindexboxtwo li{font-size:16px;}
    .proindexbox .proindexboxtwo li span{font-size: 14px;}
    .proindexbox .proindexboxfour .proindexboxmore01,.proindexbox .proindexboxfour .proindexboxmore02{font-size:20px;line-height: 48px;width: 170px;}
    .proindexbox .proindexboxfour .proindexboxmore02 i:before{right: -40px; height: 24px; border-top: 12px solid transparent; border-left: 20px solid #f95959; border-bottom: 12px solid transparent; border-right: 20px solid transparent;}
    .proindexbox .proindexboxfour .proindexboxmore02 i:after{left: -40px;height: 24px;border-top: 12px solid transparent;border-left: 20px solid transparent;border-bottom: 12px solid transparent;border-right: 20px solid #f95959;}
    .proindexbox .proindexboxfour .proindexboxmore01 i:before{right: -40px;height: 24px;border-top: 12px solid transparent;border-left: 20px solid #084a83;border-bottom: 12px solid transparent;border-right: 20px solid transparent;}
    .proindexbox .proindexboxfour .proindexboxmore01 i:after{left: -40px;height: 24px;border-top: 12px solid transparent;border-left: 20px solid transparent;border-bottom: 12px solid transparent;border-right: 20px solid #084a83;}
}
/**/
.proindexthreebg{background: url(../images/icon04.png) no-repeat center top;padding-top: 45px;}
.proindexthree{clear: both;padding-bottom: 35px;}
.proindexthree .proindexthreetit{font-size:22px;font-weight:bold;color:#3e47ca;text-align:center;padding-bottom: 30px;line-height: 1;}
.proindexthree .proindexthreetit a{color:#3e47ca;}
.proindexthree .proindexthreetit a:hover{color:#f95959;}
.proindexthree .proindexthreetop{clear:both; margin-left:-22px;}
.proindexthree .proindexthreetop li{float:left; width:233px; position:relative; margin-left:22px; margin-bottom:22px;}
.proindexthree .proindexthreetop li a{clear:both; display:block;}
.proindexthree .proindexthreetop li a.proindexthreetoptit{position:absolute;left:0px;bottom:0px;right:0px;color:#fff;background: rgba(8,74,131,0.6);text-align: center;font-size: 14px;line-height: 30px;}
.proindexthree .proindexthreetop li:hover a.proindexthreetoptit{background:rgba(249, 89, 89, 0.6);}
.proindexthree .proindexthreebom{clear:both; display:block; padding:22px 0px 0px 0px; text-align:left;}
.proindexthree .proindexthreebom a{float:left; border:1px dashed #56616e; font-size:12px; color:#233142; margin-right:27px; padding:0px 15px; line-height:28px;}
.proindexthree .proindexthreebom a:hover{border-color:#f95959; color:#f95959;}
.proindexthree .proindexthreebom a.proindexthreemore{border:0px;padding:0px;}
@media (min-width:1280px){
    .proindexthree .proindexthreetit{font-size:26px;}
    .proindexthree .proindexthreetop{margin-left:-28px;}
    .proindexthree .proindexthreetop li{width:279px; margin-left:28px; margin-bottom:28px;}
    .proindexthree .proindexthreetop li a.proindexthreetoptit{font-size:18px;line-height: 37px;}
    .proindexthree .proindexthreebom a{font-size:14px;}
}
@media (min-width:1400px){
    .proindexthree .proindexthreetit{font-size:30px;}
    .proindexthree .proindexthreetop{margin-left:-31px;}
    .proindexthree .proindexthreetop li{width:314px; margin-left:31px; margin-bottom:31px;}
    .proindexthree .proindexthreetop li a.proindexthreetoptit{font-size:20px;line-height: 42px;}
    .proindexthree .proindexthreebom a{font-size:16px;}
}
/*=========================proindex end=============================*/
/*=========================newindex start=============================*/
.newindex{position:relative;background: #fff;box-shadow: 0px 0px 16px rgba(6,9,51,0.09);}
.newindex i{z-index: 3;display:block;position:absolute;}
.newindex i:nth-child(1){left: -9px;top: -8px;width: 150px;height: 50px;background-image: url(../images/icon.png);background-repeat: no-repeat;background-position: -20px -350px;background-size: 400px 400px;}
.newindex i:nth-child(2){right: -9px;top: -8px;width: 150px;height: 50px;background-image: url(../images/icon.png);background-repeat: no-repeat;background-position: -206px -350px;background-size: 400px 400px;}
.newindex i:nth-child(3){left: -9px;bottom: -8px;width: 18px;height: 18px;background-image: url(../images/icon.png);background-repeat: no-repeat;background-position: -247px -16px;background-size: 400px 400px;}
.newindex i:nth-child(4){right: -9px;bottom: -8px;width: 18px;height: 18px;background-image: url(../images/icon.png);background-repeat: no-repeat;background-position: -297px -16px;background-size: 400px 400px;}
@media (min-width:1280px){
    .newindex i:nth-child(1){width: 164px;height: 53px;background-position: -24px -387px;background-size: 440px 440px;}
    .newindex i:nth-child(2){width: 164px;height: 53px;background-position: -227px -387px;background-size: 440px 440px;}
}
@media (min-width:1400px){
    .newindex i:nth-child(1){width: 186px;height: 60px;background-position: -27px -440px;background-size: 500px 500px;}
    .newindex i:nth-child(2){width: 186px;height: 60px;background-position: -257px -440px;background-size: 500px 500px;}
    .newindex i:nth-child(3){width: 23px;height: 23px;background-position: -309px -20px;background-size: 500px 500px;bottom: -9px;left: -11px;}
    .newindex i:nth-child(4){width: 23px;height: 23px;background-position: -370px -20px;background-size: 500px 500px;bottom: -9px;right: -11px;}
}
.newindex .newindexnav{clear: both;height: 59px;position: relative;}
.newindex .newindexnav:after{content:'';position:absolute;left:50%;bottom: -3px;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);width:6px;height:6px;border-radius:50%;border:1px solid #dfdfdf;}
.newindex .newindexnav:before{content:'';position:absolute;left:50%;bottom: 0px;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);width: 32px;height:6px;background: #fff;}
.newindex .newindexnav span{float:left;display:block;width:50%;border-bottom:1px solid #dfdfdf;text-align: center;}
.newindex .newindexnav span a,.newindex .newlisttop span{clear:both;display:inline-block;padding: 15px 22px;position:relative;font-size:15px;font-weight:bold;color:#539ddb;text-align: center;}
.newindex .newindexnav span a#newactive,.newindex .newindexnav span a:hover{background: #c6e5f3;background: -webkit-linear-gradient(top,#fff,#c6e5f3);background: -moz-linear-gradient(top,#fff,#c6e5f3);background: -ms-linear-gradient(top,#fff,#c6e5f3);background: -o-linear-gradient(top,#fff,#c6e5f3);}
.newindex .newindexnav span a:after,.newindex .newlisttop span:after{border-top:0px;border-bottom:3px solid #539ddb;border-right:3px solid transparent;border-left:3px solid transparent;content:'';position:absolute;left:-3px;right:-3px;bottom:0px;}
.newindex .newindexnav span a:before,.newindex .newlisttop span:before{border-top:0px;border-bottom:3px solid #c6e5f3;border-right:2px solid transparent;border-left:2px solid transparent;content:'';position:absolute;left: 2px;right: 2px;bottom:3px;}
.newindex .newlisttop{clear:both;text-align: center; width: 100%; padding-top: 15px;}
@media (min-width:1280px){
    .newindex .newindexnav{height: 61px;}
    .newindex .newindexnav span a,.newindex .newlisttop span{font-size:18px; padding: 16px 28px;}
}
@media (min-width:1400px){
    .newindex .newindexnav{height:67px;}
    .newindex .newindexnav span a{font-size: 20px;padding: 19px 32px;}
    .newindex .newindexnav span a:after,.newindex .newlisttop span:after{border-bottom-width:4px;border-right-width:4px;border-left-width:4px;}
    .newindex .newindexnav span a:before,.newindex .newlisttop span:before{border-bottom-width:3px; bottom:4px;}
}
.newindex .newlist{padding: 20px 0px;}
.newindex .newlist li{float: left;width: 452px;line-height:1;padding: 15px 0px;margin: 0px 24px;border-bottom: 1px solid #dfdfdf;}
.newindex .newlist li .newlisttime{float: left; width: 50px; text-align:right; font-size:18px;}
.newindex .newlist li .newlisttime span{clear:both; display:block; text-align:right; font-size:12px; padding-top:5px; color:#999999;}
.newindex .newlist li .newlistbox{overflow:hidden; padding-left:15px;}
.newindex .newlist li .newlistbox .newlisttit{clear:both;display:block;font-size:14px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;line-height: 20px;padding-bottom: 6px;}
.newindex .newlist li .newlistbox .newlisttxt{font-size:12px; color:#999; line-height:20px; height:40px; overflow:hidden;}
.newindex .newlist li:hover .newlistbox .newlisttit{color:#f95959;}
@media (min-width:1280px){
    .newindex .newlist{padding: 27px 0px;}
    .newindex .newlist li{width: 548px;padding-top: 20px;padding-bottom: 20px;margin: 0px 26px;}
    .newindex .newlist li .newlisttime{width:65px; font-size:22px;}
    .newindex .newlist li .newlisttime span{font-size:15px;padding-top: 8px;}
    .newindex .newlist li .newlistbox{padding-left:18px;}
    .newindex .newlist li .newlistbox .newlisttit{font-size:16px;}
    .newindex .newlist li .newlistbox .newlisttxt{font-size:14px; line-height:22px; height:44px;}
}
@media (min-width:1400px){
    .newindex .newlist{padding: 30px 0px;}
    .newindex .newlist li{width: 615px;padding-top:25px;padding-bottom:25px;margin: 0px 30px;}
    .newindex .newlist li .newlisttime{width:70px; font-size:24px;}
    .newindex .newlist li .newlisttime span{font-size:17px;padding-top:12px;}
    .newindex .newlist li .newlistbox{padding-left:20px;}
    .newindex .newlist li .newlistbox .newlisttit{font-size:18px;}
    .newindex .newlist li .newlistbox .newlisttxt{line-height:25px; height:50px;}
}
/*=========================newindex end=============================*/
/*=========================newshow start=============================*/
.insidenew{padding:20px 0px;}

.newfl{float:left;width:705px;}
.newfl .newflone{clear: both;position:relative;margin-bottom: 55px;background: #fff;box-shadow: 0px 0px 16px rgba(6,9,51,0.09);}
.newflone > i{display: block;position: absolute;}
.newflone > i:nth-child(1){left: -9px;top: -8px;width: 140px;height: 50px;background-position: -20px -334px;background-size: 380px 380px;}
.newflone > i:nth-child(2){right: -9px;top: -8px;width: 18px;height: 18px;background-position: -291px -50px;background-size: 400px 400px;}
.newflone > i:nth-child(3){left: -9px;bottom: -8px;width: 18px;height: 18px;background-position: -247px -16px;background-size: 400px 400px;}
.newflone > i:nth-child(4){right: -9px;bottom: -8px;width: 18px;height: 18px;background-position: -297px -16px;background-size: 400px 400px;}

.newflone .newflzx{float: left;width: 110px;padding-left: 10px;padding-top: 60px;}
.newflone .newflzx .newflzxone{clear:both;display:block;text-align:center;font-size:12px;color:#539ddb;position: relative;padding-bottom: 8px;border-bottom: 1px solid #dfdfdf;}
.newflone .newflzx .newflzxone:after{content:'';position:absolute;left:50%;bottom: -3px;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);width: 14px;height: 6px;background: url(../images/icon.png) no-repeat -68px -73px #fff;}
.newflone .newflzx .newflzxtwo{clear:both; text-align:center; padding-top:12px;}
.newflone .newflzx .newflzxtwo a{clear:both; background:#f95959; color:#fff; border-radius:5px; display:block;}
.newflone .newflzx .newflzxtwo a i{display:inline-block;vertical-align: middle;width: 18px;height:19px;background-position: -125px -50px;background-size: 380px 380px;margin-right: 5px;}
.newflone .newflzx .newflzxtwo a:hover{background:#3e47ca;}
.newflone .newflzx .newflzxthree{clear:both; color:#f95959; font-size:12px; text-align:center; line-height:15px; padding-top:15px;}

.newflone .newflbox{float: right;width: 567px;padding: 25px 0px;}
.newflone .newflbox h1{clear:both;font-size:22px;color:#000;line-height: 30px;}
.newflone .newflbox .newflboxtwo{position:relative;clear:both;border-bottom:1px solid #dfdfdf;text-align:left;font-size:12px;color: #333;line-height: 1;padding: 15px 0px 17px 0px;}
.newflone .newflbox .newflboxtwo:after{content:'';position:absolute;width: 15px;left: 0px;height: 9px;bottom:-4px;background: url(../m_images/dot01.jpg) no-repeat left center #fff;background-size: 7px 7px;}

.newflone .newflbox .newflboxtwo time{display:inline-block; padding-left:35px; color:#999;}
.newflone .newflbox .newflboxtext{clear:both;padding: 15px 40px 15px 0px;}
.newflone .newflbox .newflboxtext p{clear:both; font-size:13px; line-height:25px; color:#666; padding:8px 0px;}
.newflone .newflbox .newflboxtext p img{padding:14px 0px;max-width: 100%;}
.newflone .newflbox .newflboxtext h3,.newflone .newflbox .newflboxtext h2{font-size:20px; color:#333; font-weight:normal; padding:10px 0px 0px 0px;}
.newfr{float:right;padding: 23px 0px 20px 0px;width:265px;position:relative;background: #fff;box-shadow: 0px 0px 16px rgba(6,9,51,0.09);}
.newfr i{display: block;position: absolute;}
.newfr i:nth-child(1){left: -9px;top: -8px;width: 18px;height: 18px;background-position: -253px -50px;background-size: 400px 400px;}
.newfr i:nth-child(2){right: -9px;top: -8px;width: 140px;height: 50px;background-position: -200px -335px;background-size: 380px 380px;}
.newfr i:nth-child(3){left: -9px;bottom: -8px;width: 18px;height: 18px;background-position: -247px -16px;background-size: 400px 400px;}
.newfr i:nth-child(4){right: -9px;bottom: -8px;width: 18px;height: 18px;background-position: -297px -16px;background-size: 400px 400px;}
.newfr .newfrtit{clear: both;margin-left:23px;border-bottom: 1px solid #dfdfdf;font-size: 16px;font-weight: bold;color:#666;padding-bottom: 10px;}
#no_pro{float:none; clear:both; width:100%;}
#no_pro .newflone .newflbox{width:860px;}
@media (min-width:1280px){
    .newfl{width:845px;}
    .newfl .newflone{margin-bottom: 67px;}
    .newflone .newflzx{width: 123px; padding-left:13px;}
    .newflone .newflzx .newflzxtwo a{line-height:28px;}
    .newflone .newflzx .newflzxtwo a i{width: 22px;height:19px;background-position: -137px -55px;background-size: 420px 420px;}
    
    .newflone .newflbox{width:690px;padding: 28px 0px;}
    .newflone .newflbox h1{font-size:23px;padding: 20px 0px 2px 0px;}
    .newflone .newflbox .newflboxtext p{font-size:14px; line-height:26px;}
    .newflone .newflbox .newflboxtext h3,.newflone .newflbox .newflboxtext h2{font-size:21px; padding:15px 0px 0px 0px;}
    .newflone .newflbox .newflboxtext{padding-right:50px;}
    .newfr{width: 320px;padding: 26px 0px 20px 0px;}
    .newfr i:nth-child(2){width: 164px;height: 53px;background-position: -227px -387px;background-size: 440px 440px;}
    .newfr .newfrtit{margin-left:27px;padding-bottom: 15px; font-size:19px;}
    #no_pro .newflone .newflbox{width: 1042px;}
}
@media (min-width:1400px){
    .newfl{width:950px;}
    .newfl .newflone{margin-bottom: 80px;}
    .newflone .newflzx{width: 140px; padding-left:15px;}
    .newflone .newflzx .newflzxone,.newflone .newflzx .newflzxthree{font-size:14px;line-height: 20px;}
    .newflone .newflzx .newflzxtwo a{line-height:32px;}
    .newflone .newflzx .newflzxtwo a i{width: 24px;height: 20px;background-position: -164px -65px;background-size: 500px 500px;}
    .newflone .newflbox{width:778px;padding: 30px 0px;}
    .newflone .newflbox h1{font-size:26px;}
    .newflone .newflbox .newflboxtwo{font-size:14px;}
    .newflone .newflbox .newflboxtext{padding-right:55px;}
    .newflone .newflbox .newflboxtext p{font-size:16px; line-height:30px;}
    .newflone .newflbox .newflboxtext h3,.newflone .newflbox .newflboxtext h2{font-size:24px;padding: 20px 0px 2px 0px;}
    .newfr{width:360px;}
    .newfr .newfrtit{margin-left:30px;padding-bottom: 15px; font-size:22px;}
    #no_pro .newflone .newflbox{width: 1172px;}
}
.fenye{position: absolute;left: 20px;right: 20px;bottom: -25px;height:40px;background: #fff;box-shadow: 0px 0px 16px rgba(6,9,51,0.09);}
.fenye a{float:left;width:50%;border-right:1px dashed #999;padding-left:65px;padding-right: 65px;line-height: 18px;height: 36px;font-size: 12px;margin-top: 2px;}
.fenye a:nth-child(2){text-align: right;border-right: 0px dashed #999;}
.fenye a i{float:left;width:15px;height:22px;margin-top: 6px;background-size: 320px 320px;background-position: -135px -38px;margin-right: 10px;}
.fenye a:nth-child(2) i{float:right;margin-left: 10px;margin-right: 0px;background-position: -168px -38px;}
.fenye a:hover span{color:#3e47ca}
.fenye a:hover i{background-position: -135px -68px;}
.fenye a:hover:nth-child(2) i{background-position: -168px -68px;}
@media (min-width:1280px){
    .fenye{height:50px; bottom:-32px; right:25px; left:25px;}
    .fenye a{padding-left:79px;line-height: 20px;height: 40px;margin-top: 5px;}
    .fenye a:nth-child(2){padding-right:79px;}
    .fenye a i{width:18px;height:27px;margin-top: 6px;background-size: 400px 400px;background-position: -171px -46px;}
    .fenye a:nth-child(2) i{background-position:-212px -46px;}
    .fenye a:hover i{background-position: -172px -85px;}
    .fenye a:hover:nth-child(2) i{background-position:-212px -85px;}
}
@media (min-width:1400px){
    .fenye{height:60px; bottom:-40px; right:30px; left:30px;}
    .fenye a{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-left:90px;padding-right: 90px;font-size: 14px;line-height: 48px;height: 48px;margin-top: 6px;}
    .fenye a:nth-child(2){padding-right: 90px;padding-left: 90px;}
    .fenye a i{width:20px;height:30px;background-position: -213px -60px;margin-right: 10px;margin-top: 9px;background-size: 500px 500px;}
    .fenye a:nth-child(2) i{background-position:-267px -60px;}
    .fenye a:hover i{background-position: -214px -109px;}
    .fenye a:hover:nth-child(2) i{background-position:-267px -109px;}
}
/*=========================newshow end=============================*/
/*=========================csselist start=============================*/
.caselist{clear: both;}
.caselist li{clear:both; margin-bottom:45px;background: url(../images/casebg.png) no-repeat center top;height:318px;background-size: 100% auto;}
.caselistpic{float:left;width: 390px;border:1px solid #cab05d;margin: 5px;}
.caselistbox{float:right;width: 527px;padding: 42px 50px 0px 0px;position: relative;}
.caselistbox .caselistone{clear:both; display:block; font-size:22px; color:#facf5a; line-height:30px;}
.caselistbox .caselisttwo{margin-top: 22px;position:relative;}
.caselistbox .caselisttwo::before{content:'';position:absolute;top: -13px;left: -50px;width:218px;height:39px;background-image:url(../images/icon.png);background-repeat:no-repeat;background-size:350px 350px;background-position: 0px -175px;}
.caselistbox .caselisttwo .caselisttwofl{float:left;width:130px;padding-top: 10px;}
.caselistbox .caselisttwo .caselisttwofl p{font-size:12px; line-height:22px; padding-bottom:5px; color:#f95959;}
.caselistbox .caselisttwo .caselisttwofl p span{color:#fff;}
.caselistbox .caselisttwo .caselisttwofr{float:right;width: 343px;border:1px dashed #4e626b;background:#2a4660;font-size:12px;color:#c6e5f3;line-height:24px;padding: 15px 16px 15px 16px;position: relative;}
.caselistbox .caselisttwo .caselisttwofr:before{position:absolute;width: 24px;height: 15px;content:'';background-image:url(../images/icon.png);background-repeat:no-repeat;background-position: -7px -45px;top: 1px;left: 15px;background-size: 350px 350px;}
.caselistbox .caselistthree{clear:both;margin-top: -20px;display: inline-block;width: 100%;height: 98px;}
.caselistbox .caselistthree dt{font-size:14px;color:#f5cb5a;font-weight:bold;text-align:left;}
.caselistbox .caselistthree dd{float:left;width: 130px;margin-right: 5px;position:relative;}
.caselistbox .caselistthree dd a{display:block;}
.caselistbox .caselistthree dd .caselistthreepic{padding:0px 20px;}
.caselistbox .caselistthree dd .caselistthreetit{position:absolute;left: 0;bottom:0px; right:0; text-align:center;}
.caselistbox .caselistthree dd .caselistthreetit span{background:rgba(35,49,66,0.8);border:1px solid #c7aa54;color:#c7aa54;text-align:center;padding:0px 10px;line-height:24px;display: inline-block;}
.caselistbox .caselistfour{width: 29px;height: 42px;position: absolute;display: block;bottom: 34px;right: 36px;background: url(../images/icon.png) no-repeat -48px -100px;background-size: 300px 300px;}
.caselistbox .caselistone:hover{color:#fff;}
.caselistbox .caselistthree dd .caselistthreetit:hover  span{color:#294560; background:#f5cb5a;}
@media(min-width:1280px){
    .caselist li{height: 381px; margin-bottom:55px;}
    .caselistpic{margin:6px;width: 468px;}
    .caselistbox{width: 632px;padding-right:85px;padding-top: 56px;}
    .caselistbox .caselisttwo::before{top: -17px;left: -60px;width: 261px;height: 47px;background-size: 450px 450px;background-position: 0px -225px;}
    .caselistbox .caselistone{font-size:27px;}
    .caselistbox .caselisttwo{margin-top: 35px;}
    .caselistbox .caselisttwo .caselisttwofl{width:154px;padding-top: 15px;}
    .caselistbox .caselisttwo .caselisttwofl p{font-size:14px;}
    .caselistbox .caselisttwo .caselisttwofr{width:384px;}
    .caselistbox .caselisttwo .caselisttwofr:before{width: 30px;height: 15px;background-position: -9px -61px;top: 2px;left: 15px;background-size: 450px 450px;}
    .caselistbox .caselistthree{height:113px;}
    .caselistbox .caselistthree dt{font-size:16px;}
    .caselistbox .caselistthree dd{width: 151px;}
    .caselistbox .caselistthree dd .caselistthreetit span{font-size:14px;}
}
@media(min-width:1400px){
    .caselist li{height: 429px; margin-bottom:60px;}
    .caselistpic{width: 528px;}
    .caselistbox{width: 713px;padding-right:85px;padding-top: 70px;}
    .caselistbox .caselisttwo::before{top: -20px;left: -69px;width: 292px;height: 51px;background-size: 500px 500px;background-position: 0px -250px;}
    .caselistbox .caselistone{font-size: 30px;line-height: 35px;}
    .caselistbox .caselisttwo{margin-top: 40px;}
    .caselistbox .caselisttwo .caselisttwofl{width: 188px;}
    .caselistbox .caselisttwo .caselisttwofl p{font-size: 16px;}
    .caselistbox .caselisttwo .caselisttwofr{width: 430px;font-size: 14px;padding: 24px 16px 15px 16px;}
    .caselistbox .caselisttwo .caselisttwofr:before{width:33px;height:18px;background-position:-10px -67px;top: 4px;left: 15px;background-size: 500px 500px;}
    .caselistbox .caselistthree{height:139px;}
    .caselistbox .caselistthree dt{font-size: 18px;margin-bottom: 10px;}
    .caselistbox .caselistthree dd{width: 171px;}
    .caselistbox .caselistthree dd .caselistthreetit span{font-size: 16px;line-height: 32px;padding: 0px 15px;}
}
/*=========================csselist end=============================*/

/*=========================relatPro start=============================*/
.relatPro{clear:both; padding:15px 23px 0px 23px;}
.relatPro li{clear:both;}
.relatPro li a{clear:both; display:block; text-align:center;}
.relatPro li a.relatPropic img{width:100%;}
.relatPro li a.relatProtit{font-size:12px; padding:2px 0px 8px 0px; line-height:24px;}
@media(min-width:1280px){
    .relatPro{padding:15px 27px 0px 27px;}
    .relatPro li a.relatProtit{font-size:14px;padding: 9px 0px 9px 0px;}
}
@media(min-width:1400px){
    .relatPro{padding:15px 27px 0px 27px;}
    .relatPro li a.relatProtit{font-size:14px;padding: 9px 0px 15px 0px;}
}
/*=========================relatPro end=============================*/
/*=========================relatNew start=============================*/
.relatNew{background: #fff;box-shadow: 0px 0px 16px rgba(6,9,51,0.09);}
.relatNew .relatNewtit{position:relative;color:#666;font-size:16px; margin-left:70px; padding:15px 0px; font-weight:bold;border-bottom: 1px solid #dfdfdf;}
.relatNew .relatNewtit:after{content:'';position:absolute;width: 15px;left: 0px;height: 9px;bottom:-4px;background: url(../m_images/dot01.jpg) no-repeat left center #fff;background-size: 7px 7px;}
.relatNew ul{padding: 10px 0px;}
.relatNew ul li{float:left; margin-left:70px; width:247px;}
.relatNew ul li a{float: right;color:#666;display:inline-block;width: 228px;line-height:35px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.relatNew ul li a:hover{color:#3e47ca;}
.relatNew ul li i{display: inline-block;float: left;background-size:300px 300px;width: 11px;height: 12px;background-position: -70px -10px;margin-top: 12px;}
@media(min-width:1280px){
    .relatNew .relatNewtit{font-size:20px; margin-left:85px; padding:18px 0px;}
    .relatNew ul{padding: 10px 0px;}
    .relatNew ul li{margin-left:85px;width: 295px; line-height:40px;}
    .relatNew ul li a{width: 270px;}
    .relatNew ul li i{background-size: 400px 400px;width: 13px;height: 16px;background-position: -94px -14px;margin-top: 11px;}
}
@media(min-width:1400px){
    .relatNew .relatNewtit{margin-left:95px;font-size:22px;padding: 20px 0px;}
    .relatNew ul li{margin-left:95px;width: 332px;line-height: 25px;font-size: 16px;padding: 15px 0px;}
    .relatNew ul li a{width: 303px;}
    .relatNew ul li i{background-size:500px 500px;width:15px;height:20px;background-position:-120px -20px;margin-top:11px;}
}
/*=========================relatNew end=============================*/
/*=========================在线留言 start=============================*/
.insidecontact{clear:both; padding-top:15px;}
.insidecontact .insidecontacttit{color:#666;font-size:16px;margin-left:70px;padding: 0px 0px 0px 15px;font-weight:bold;border-left: 4px solid #084a83;margin-bottom: 15px;}
.insidecontactbox{border:2px solid #084a83; background:url(../images/insidecontactbg.jpg) no-repeat right bottom #fff; padding:20px 0px 20px 70px; position:relative;}
.insidecontactbox s{width: 18px;border-right:2px solid #003273;height: 18px;background:#fafdff;position:absolute;z-index:2;}
.insidecontactbox s:nth-child(1){left: -9px;top: -9px;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
.insidecontactbox s:nth-child(2){right: -9px;top: -9px;transform:rotate(135deg);-ms-transform:rotate(135deg);-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);}
.insidecontactbox s:nth-child(3){left: -9px;bottom: -9px;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.insidecontactbox s:nth-child(4){right: -9px;bottom: -9px;transform:rotate(-135deg);-ms-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);-o-transform:rotate(-135deg);}
.insidecontactbox .insidecontactxt{clear:both; font-size:12px; color:#084a83; line-height:24px;padding-bottom: 20px;}
.insidecontactbox .insideinput{clear:both; width:560px; height:60px; border:1px solid #084a83; margin-bottom:16px; position:relative;}
.insidecontactbox .insideinput:after,.insidecontactbox .insideinput:before,.insidecontactbox .insidetextarea:after,.insidecontactbox .insidetextarea:before{content:'';position:absolute;border-bottom: 3px solid transparent;border-top: 3px solid transparent;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
.insidecontactbox .insideinput:after,.insidecontactbox .insidetextarea:after{left: -6px;border-right: 6px solid transparent;border-left: 6px solid #084a83;}
.insidecontactbox .insideinput:before,.insidecontactbox .insidetextarea:before{right: -8px;border-right: 6px solid #084a83;border-left: 6px solid transparent;}
.insidecontactbox .insidetextarea{clear:both; width:560px; height:138px; border:1px solid #084a83; margin-bottom:16px; position:relative;}
.insidecontactbox .insidetextarea .insideinput02{margin:3px -7px;width:574px;height:130px;border:1px solid #084a83;padding: 15px;font-family: 微软雅黑;}
.insidecontactbox .insideinput input{margin:3px -7px;width:574px;height:52px;border:1px solid #084a83;padding-left: 15px;}
.insideinput03{background:url(../images/icon.png) no-repeat 0px -351px; border:0px; width:202px; height:54px; font-size:18px; color:#fff; cursor:pointer;}
.insideinput03:hover{background-position:-210px -351px;}
@media(min-width:1280px){
    .insidecontact{padding-top:18px;}
    .insidecontact .insidecontacttit{font-size:20px;margin-left:85px;margin-bottom: 18px;}
    .insidecontactbox{padding:20px 0px 20px 85px;}
    .insidecontactbox .insidecontactxt{font-size:14px; line-height:28px;}
}
@media(min-width:1400px){
    .insidecontact{padding-top: 30px;}
    .insidecontact .insidecontacttit{margin-left:95px;font-size:22px;margin-bottom: 30px;}
    .insidecontactbox{padding:20px 0px 20px 95px;}
    .insidecontactbox .insidecontactxt{clear:both; font-size:16px; color:#084a83; line-height:34px;}
}
/*=========================在线留言 end=============================*/
/*=========================案例展示 start=============================*/
.casebox{clear: both; width: 1000px; margin:0 auto;}
.caseboxtit{clear: both; text-align: center;}
.caseboxtit h3{font-size: 22px; background:#fafdff; padding:0px 65px; font-weight: bold; color: #233142; display:inline-block; position:relative;}
.caseboxtit h3:after,.caseboxtit h3:before{content:'';position:absolute;top:50%;width:15px;height:20px;display:block;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);background-image: url(../images/icon.png);background-repeat: no-repeat;}
.caseboxtit h3:after{left:20px; background-position:-67px -18px;}
.caseboxtit h3:before{right:20px; background-position:-119px -18px;}
@media(min-width:1280px){
    .casebox{width: 1200px;}
    .caseboxtit h3{font-size: 25px;}
}
@media(min-width:1400px){
    .casebox{width:1350px;}
    .caseboxtit h3{font-size: 28px;}
}
@media(min-width:1600px){
    .casebox{width:1535px;}
    .caseboxtit h3{font-size:32px;}
}
.caseone{background:#233142; border:3px solid #daae3a; padding:2px; margin-top: 30px; position:relative;}
.caseone .caseonepic{position:relative; z-index:2;}
.caseone .caseonepic img{width: 100%;}
.caseone s{width:15px; height:15px; position:absolute; z-index:1;}
.caseone s:nth-child(1){top:-3px; left:-3px; background-position:-17px -116px;}
.caseone s:nth-child(2){top:-3px; right:-3px; background-position:-67px -116px;}
.caseone s:nth-child(3){bottom:-3px; left:-3px; background-position:-116px -116px;}
.caseone s:nth-child(4){bottom:-3px; right:-3px; background-position:-167px -116px;}
.caseone .caseonebox{width:822px;height: 228px;padding:30px 160px 0px 55px;position:absolute;left:2px;bottom:2px;z-index:3;background:url(../images/caseonebg01.png) no-repeat left top;background-size:100%;}
.caseone .caseonebox h1{font-size:18px; line-heightL:24px; color:#fff; padding-bottom:5px;}
.caseone .caseonebox p{color:#fff;font-size:12px; line-height:20px; padding:2px 0px;}
@media(min-width:1280px){
    .caseone .caseonebox{width:986px;height: 274px;padding:45px 210px 0px 65px;}
    .caseone .caseonebox h1{font-size:21px; line-height:28px; padding-bottom:10px;}
    .caseone .caseonebox p{font-size:13px; line-height:20px; padding:5px 0px;}
}
@media(min-width:1400px){
    .caseone .caseonebox{width:1109px;height: 308px;padding:50px 240px 0px 75px;}
    .caseone .caseonebox h1{font-size:24px; line-height:32px;}
    .caseone .caseonebox p{font-size:14px; line-height:22px; padding:5px 0px;}
}
@media(min-width:1600px){
    .caseone{margin-top: 30px;}
    .caseone .caseonebox{width:1260px; height:350px; padding:55px 280px 0px 85px;}
    .caseone .caseonebox h1{font-size:28px; line-height:36px; padding-bottom:15px;}
    .caseone .caseonebox p{font-size:16px; line-height:24px;}
}
/**/
.casetwo{padding-top:35px;}
.casetwo ul{padding:25px 15px 0px 15px;}
.casetwo ul li{float: left;padding:0px 7px 0px; width:242px;}
.casetwo ul li a{clear: both; display: block;}
.casetwo ul li a.casetwopic img{width: 100%;}
.casetwo ul li a.casetwotit{color: #666; font-size: 14px; text-align:center; line-height:24px; padding:5px 0px;}
@media(min-width:1280px){
    .casetwo{padding-top:46px;}
    .casetwo ul{padding:20px 35px 0px 35px;}
    .casetwo ul li{padding:0px 10px; width:282px}
    .casetwo ul li a.casetwotit{font-size:16px;}
}
@media(min-width:1400px){
    .casetwo{padding-top:54px;}
    .casetwo ul{padding:25px 55px 0px 55px;}
    .casetwo ul li{padding:0px 13px; width:310px}
    .casetwo ul li a.casetwotit{font-size:18px; line-height:30px;}
}
@media(min-width:1600px){
    .casetwo{padding-top:60px;}
    .casetwo ul{padding:30px 75px 0px 75px;}
    .casetwo ul li{padding:0px 15px; width:346px;}
    .casetwo ul li a.casetwotit{font-size: 20px;}
}
/**/
.casethree{border:1px solid #539ddb; padding:30px 55px; margin-top:50px;}
.casethreebox{padding-top:15px;}
.casethree p{color:#666666; font-size:12px; line-height:24px; padding:5px 0px;}
.casethree p img{padding:11px 0px;}
.casethree .caseboxtit{margin-top: -46px;}
@media(min-width:1280px){
    .casethree{padding-left:60px; padding-right:60px; margin-top:61px}
    .casethree p{font-size:14px; line-height:28px;}
    .casethree p img{padding:12px 0px;}
}
@media(min-width:1400px){
    .casethree{padding-left:70px; padding-right:70px; margin-top:69px;}
    .casethree p{font-size:15px; line-height:30px; padding:8px 0px;}
    .casethree p img{padding:13px 0px;}
}
@media(min-width:1600px){
    .casethree{padding-left:80px; padding-right:80px; margin-top:67px;}
    .casethree p{font-size:18px; line-height:36px;}
    .casethree p img{padding:14px 0px;}
}
/**/
.casefour{padding:35px 0px;;}
.casefourbox{padding-top:10px; padding-left:55px; padding-right:55px;}
.casefourbox p{color:#666666; font-size:12px; line-height:24px; padding:5px 0px;}
.casefourbox p img{padding:11px 0px;}
@media(min-width:1280px){
    .casefour{padding:46px 60px;}
    .casefourbox p{font-size:14px; line-height:28px;}
    .casefourbox p img{padding:12px 0px;}
}
@media(min-width:1400px){
    .casefour{padding:54px 70px;;}
    .casefourbox p{font-size:15px; line-height:30px; padding:8px 0px;}
    .casefourbox p img{padding:13px 0px;}
}
@media(min-width:1600px){
    .casefour{padding:60px 80px;}
    .casefourbox p{font-size:18px; line-height:36px;}
    .casefourbox p img{padding:14px 0px;}
}
/**/
.casefive{padding-bottom:35px;}
.casefivetit{clear: both; text-align: center;}
.casefivetit h4{font-size: 22px; background:#fafdff; padding:0px 65px; font-weight: bold; color: #233142; display:inline-block; position:relative;}
.casefivetit h4:after,.casefivetit h4:before{content:'';position:absolute;top:50%;width:15px;height:20px;display:block;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);background-image: url(../images/icon.png);background-repeat: no-repeat;}
.casefivetit h4:after{left:20px; background-position:-67px -18px;}
.casefivetit h4:before{right:20px; background-position:-119px -18px;}
@media(min-width:1280px){
    .casefivetit h4{font-size: 25px;}
}
@media(min-width:1400px){
    .casefivetit h4{font-size: 28px;}
}
@media(min-width:1600px){
    .casefivetit h4{font-size:32px;}
}
.casefive ul{padding:30px 18px 0px;}
.casefive ul li{float:left; margin:0px 40px; width:241px;border-bottom:6px solid #eaf6fb; padding-bottom:4px;}
.casefive ul li .casefivepic{clear:both; display:block;}
.casefive ul li .casefivepic img{width:100%;}
.casefive ul li .casefivebox{clear:both; background:#f5fbfe; padding:10px 10px 20px 10px;}
.casefive ul li .casefivebox a{clear:both; padding-bottom:2px; display:block; font-size:14px; color:#282828; font-weight:bold;}
.casefive ul li .casefivebox p{font-size:12px; line-height:20px; color:#f95959;}
.casefive ul li .casefivebox p span{color:#666;}
.casefive ul li:hover .casefivebox{background:url(../images/casehover.jpg) no-repeat center top #f5fbfe;}
@media(min-width:1280px){
    .casefive{padding-bottom:46px;}
    .casefive ul{padding-left: 22px;padding-right: 22px;}
    .casefive ul li{margin:0px 48px; width:289px;}
    .casefive ul li .casefivebox a{font-size:17px; padding-bottom:5px;}
    .casefive ul li .casefivebox p{font-size:14px; line-height:22px;}
}
@media(min-width:1400px){
    .casefive{padding-bottom:54px;}
    .casefive ul{padding-left:25px;padding-right:25px;}
    .casefive ul li{margin:0px 54px; width:325px;}
    .casefive ul li .casefivebox a{font-size:20px; padding-bottom:10px;}
    .casefive ul li .casefivebox p{font-size:16px; line-height:24px;}
}
@media(min-width:1600px){
    .casefive{padding-bottom:60px;}
    .casefive ul{padding-left:32px;padding-right:32px;}
    .casefive ul li{margin:0px 61px; width:368px;}
    .casefive ul li .casefivebox a{font-size:22px;}
}
/*=========================案例展示 end=============================*/
/*=========================产品详情 start=============================*/
.proone{clear: both; background: url(../images/proonebg.jpg) no-repeat center top; padding-bottom: 15px;}
.proonebox{clear:both; margin-top: 50px;}
.proonebox .proonefl{float:left;background: rgba(35, 49, 66, 0.8);position:relative;width: 288px;padding: 30px 30px 20px 30px;margin-top: -39px;}
.proonebox .proonefl s{position:absolute; background:#455d7a; width:1px; border:0px; bottom:0px; display:block;}
.proonebox .proonefl s:nth-child(1){left:15px; top:30px;}
.proonebox .proonefl s:nth-child(2){right: 15px;top:30px;}
.proonebox .proonefl h1{clear:both; color:#fff; font-size:25px; line-height:26px;}
.proonebox .proonefl .proonefl01{font-size:12px;color:#c6e5f3; line-height:1; padding-top:5px;}
.proonebox .proonefl .proonefl02{clear:both;text-align:left;padding-bottom: 22px;}
.proonebox .proonefl .proonefl02 span{float:left;border:1px solid #c6e5f3;color:#c6e5f3;display:inline-block;width: 69px;margin-right: 7px;line-height:28px;border-radius:15px;margin-top: 15px;text-align:center;font-size: 12px;}
.proonebox .proonefl .proonefl03{background:rgba(0, 0, 0, 0.3);border:1px solid #455d7a;padding: 10px 13px;}
.proonebox .proonefl .proonefl03 p{color: #facf5a; font-size:12px; line-height:20px; padding:10px 0px;}
.proonebox .proonefl .proonefl03 span{color:#c6e5f3;}
.proonebox .proonefl .proonefl04{margin-left:-15px;margin-right:-15px;padding-top: 20px;}
.proonebox .proonefl .proonefl04 a{float: left;display: inline-block;color: #084a83;width: 96px;font-size: 14px;height: 40px;line-height: 40px;text-align:center;padding: 0px 15px;font-weight: bold;}
.proonebox .proonefl .proonefl04 a i{clear:both;display:block;font-style:normal;background:#c6e5f3;position: relative;z-index: 2;}
.proonebox .proonefl .proonefl04 a i:after{content:'';position:absolute;left: -30px;top:0px;height: 16px;border-top: 12px solid transparent;border-right: 15px solid #c6e5f3;border-left: 15px solid transparent;border-bottom: 12px solid transparent;}
.proonebox .proonefl .proonefl04 a i:before{content:'';position:absolute;right: -30px;top:0px;height: 16px;border-top: 12px solid transparent;border-left: 15px solid #c6e5f3;border-bottom: 12px solid transparent;border-right: 15px solid transparent;}
.proonebox .proonefl .proonefl04 p{float: right;display: inline-block;color: #facf5a;width: 157px;height: 40px;text-align: left;padding: 0px 15px;font-weight: bold;}
.proonebox .proonefl .proonefl04 p span{clear:both;display:block;font-style:normal;background: #f95959;position: relative;z-index: 2;font-size: 12px;line-height: 1;padding: 4px 0px 0px 0px;}
.proonebox .proonefl .proonefl04 p span b{clear:both;display:block;font-size: 14px;font-weight: bold;color: #fff;line-height: 24px;}
.proonebox .proonefl .proonefl04 p span:after{content:'';position:absolute;left: -30px;top:0px;height: 16px;border-top: 12px solid transparent;border-right: 15px solid #f95959;border-left: 15px solid transparent;border-bottom: 12px solid transparent;}
.proonebox .proonefl .proonefl04 p span:before{content:'';position:absolute;right: -30px;top:0px;height: 16px;border-top: 12px solid transparent;border-left: 15px solid #f95959;border-bottom: 12px solid transparent;border-right: 15px solid transparent;}
.proonebox .proonefl .proonefl05{clear:both; text-align:right;}
.proonebox .proonefl .proonefl05 span{color:#fff;display: inline-block;padding: 10px 0px; line-height:24px;}
.proonebox .proonefl .proonefl05 span i{float:left; width:25px; height:15px; margin-right:10px; margin-top:4px; background-position:-313px -117px;}
.proonebox .proonefr{float:right;width: 712px;}
.proonebom{clear:both;text-align:right;}
.proonebom dt,.proonebom dd{float:right;}
.proonebom dt{background:#c6e5f3; color:#084a83; font-weight:bold; font-size:20px; border-radius:12px 0px 0px 12px; padding:20px 10px; text-align:center; width:60px}
.proonebom dd{ margin-right:28px;}
.proonebom dd .proonebompic{border:3px solid #8ab7d5; border-radius:10px 0px 10px 0px; display:block; overflow:hidden; width:86px;}
.proonebom dd .proonebomtit{clear:both; display:block; text-align:center; color:#084a83; font-size:16px;}
@media(min-width:1280px){
    .proonebox .proonefl{width:346px;padding:36px 36px 30px 36px;margin-top: -41px;}
    .proonebox .proonefl s:nth-child(1){left:18px; top:36px;}
    .proonebox .proonefl s:nth-child(2){right: 18px;top:36px;}
    .proonebox .proonefl h1{font-size:30px; line-height:32px;}
    .proonebox .proonefl .proonefl01{font-size:14px;}
    .proonebox .proonefl .proonefl02{padding-bottom:26px;}
    .proonebox .proonefl .proonefl02 span{width: 80px; margin-right: 8px;line-height: 24px;border-radius: 13px;margin-top: 17px;}
    .proonebox .proonefl .proonefl03{padding:10px 15px;}
    .proonebox .proonefl .proonefl03 p{font-size:14px;line-height:24px;padding: 14px 0px;}
    .proonebox .proonefl .proonefl03 p span{font-size:12px;}
    .proonebox .proonefl .proonefl04{margin-left:-20px;margin-right:-20px;padding-top: 30px;}
    .proonebox .proonefl .proonefl04 a{padding: 0px 18px;width: 115px;line-height: 48px;font-size: 17px;height: 48px;}
    .proonebox .proonefl .proonefl04 a i:after{left: -36px;height: 20px;border-top: 14px solid transparent;border-right: 18px solid #c6e5f3;border-left: 18px solid transparent;border-bottom: 14px solid transparent;}
    .proonebox .proonefl .proonefl04 a i:before{right: -36px;height: 20px;border-top: 14px solid transparent;border-left: 18px solid #c6e5f3;border-bottom: 14px solid transparent;border-right: 18px solid transparent;}
    .proonebox .proonefl .proonefl04 p{width: 191px;height: 48px;padding: 0px 18px;}
    .proonebox .proonefl .proonefl04 p span{padding: 6px 0px;}
    .proonebox .proonefl .proonefl04 p span b{font-size: 16px;}
    .proonebox .proonefl .proonefl04 p span:after{left: -36px;height: 20px;border-top: 14px solid transparent;border-right: 18px solid #f95959;border-left: 18px solid transparent;border-bottom: 14px solid transparent;}
    .proonebox .proonefl .proonefl04 p span:before{right: -36px;height: 20px;border-top: 14px solid transparent;border-left: 18px solid #f95959;border-bottom: 14px solid transparent;border-right: 18px solid transparent;}
    .proonebox .proonefr{width:854px;}
}
@media(min-width:1400px){
    .proonebox .proonefl{width:390px;padding: 40px 40px 30px 40px;margin-top: -37px;}
    .proonebox .proonefl s:nth-child(1){left:20px; top:40px;}
    .proonebox .proonefl s:nth-child(2){right: 20px;top:40px;}
    .proonebox .proonefl h1{font-size:34px; line-height:40px;}
    .proonebox .proonefl .proonefl01{font-size:16px;}
    .proonebox .proonefl .proonefl02{padding-bottom: 30px;}
    .proonebox .proonefl .proonefl02 span{width: 89px;margin-right: 10px;line-height: 28px;border-radius: 15px;margin-top: 20px;font-size: 14px;}
    .proonebox .proonefl .proonefl03{padding:10px 15px;}
    .proonebox .proonefl .proonefl03 p{font-size:16px;line-height:28px;padding: 13px 0px;}
    .proonebox .proonefl .proonefl03 p span{font-size:14px;}
    .proonebox .proonefl .proonefl04{margin-left:-20px;margin-right:-20px;padding-top: 30px;}
    .proonebox .proonefl .proonefl04 a{width: 130px;font-size: 20px;height: 54px;line-height: 54px;padding: 0px 20px;}
    .proonebox .proonefl .proonefl04 a i:after{left: -40px;height: 22px;border-top: 16px solid transparent;border-right: 20px solid #c6e5f3;border-left: 20px solid transparent;border-bottom: 16px solid transparent;}
    .proonebox .proonefl .proonefl04 a i:before{right: -40px;height: 22px;border-top: 16px solid transparent;border-left: 20px solid #c6e5f3;border-bottom: 16px solid transparent;border-right: 20px solid transparent;}
    .proonebox .proonefl .proonefl04 p{width: 213px;height: 54px;padding: 0px 20px;}
    .proonebox .proonefl .proonefl04 p span{padding: 9px 0px;}
    .proonebox .proonefl .proonefl04 p span b{font-size: 18px;}
    .proonebox .proonefl .proonefl04 p span:after{left: -40px;height: 22px;border-top: 16px solid transparent;border-right: 20px solid #f95959;border-left: 20px solid transparent;border-bottom: 16px solid transparent;}
    .proonebox .proonefl .proonefl04 p span:before{right: -40px;height: 22px;border-top: 16px solid transparent;border-left: 20px solid #f95959;border-bottom: 16px solid transparent;border-right: 20px solid transparent;}
    .proonebox .proonefr{width:960px;}
}
/**/
.protwo{text-align:center; position:relative;}
.protwo:after,.protwo:before{content:''; width:1000px; height:7px; background:url(../images/protwoline.png) no-repeat center center; background-size:100%; position:absolute; left:50%;margin-left:-500px;}
.protwo:after{top:0px;}
.protwo:before{bottom:0px;}
.protwo a{font-size:16px; color:#539ddb;}
/**/
.protwo{text-align:center;position:relative;margin-top: 30px;}
.protwo:after,.protwo:before{content:''; width:1000px; height:7px; background:url(../images/protwoline.png) no-repeat center center; background-size:100%; position:absolute; left:50%;margin-left:-500px;}
.protwo:after{top: 0px;}
.protwo:before{bottom: 0px;}
.protwo a{font-size:16px;color:#539ddb;line-height: 44px;display:inline-block;margin: 0px;padding: 0px 47px;}

@media (min-width:1280px){
    .protwo{margin-top:35px;}
    .protwo:after,.protwo:before{width:1200px; height:9px;margin-left:-600px;}
    .protwo a{line-height:55px; padding:0px 50px; font-size:19px;}
}
@media (min-width:1400px){
    .protwo{margin-top:40px;}
    .protwo:after,.protwo:before{width:1350px; height:10px;margin-left:-675px;}
    .protwo a{line-height:62px; padding:0px 60px; font-size:22px;}
}
/**/
.prothree{clear:both; padding-top:40px; padding-bottom:22px;}
.prothree .prothreebox{clear:both; padding-top:22px;}
.prothree .prothreefl{float:left; width:530px;}
.prothree .prothreefl>span{font-size:17px; color:#084a83; font-weight:normal; padding:15px 0px;}
.prothree .prothreefl p{font-size:13px; line-height:26px; color:#666; padding:7px 0px;}
.prothree .prothreefr{float:right; width:445px;}
@media (min-width:1280px){
    .prothree{padding-top:45px; padding-bottom:26px;}
    .prothree .prothreebox{padding-top:26px;}
    .prothree .prothreefl{width:630px;}
    .prothree .prothreefl>span{font-size:21px; line-height:30px;}
    .prothree .prothreefl p{font-size:16px; line-height:32px;}
    .prothree .prothreefr{width:535px;}
}
@media (min-width:1400px){
    .prothree{padding-top:55px; padding-bottom:30px;}
    .prothree .prothreebox{padding-top:30px;}
    .prothree .prothreefl{width:705px;}
    .prothree .prothreefl>span{font-size:24px;}
    .prothree .prothreefl p{font-size:18px; line-height:36px;}
    .prothree .prothreefr{width:600px;}
}
/**/
.profive{padding: 20px 0px 0px 0px;}
.profive>span{font-size:17px; color:#084a83; font-weight:normal; padding:15px 0px;}
.profive p{font-size:13px; line-height:26px; color:#666;}
.profive ul{margin-left:-55px; padding-top:25px;}
.profive ul li{float:left;position:relative;width:296px;margin-left:55px;overflow: hidden;}
.profive ul li .profivepic{clear:both; display:block;}
.profive ul li .profivetit{clear:both;transition:all 0.5s;display:block;position:absolute;left: -100%;top:0px;width:100%;height:100%;background: rgba(85, 156, 220, 0.9);color: #fff;font-size: 20px;text-align: center;padding-top: 90px;}
.profive ul li:hover .profivetit{left:0%;transition:all 0.5s;}
.profive ul li .profivepic img{width:100%; transition:all 0.5s;}
.profive ul li:hover .profivepic img{transition:all 0.5s; transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);}
@media (min-width:1280px){
    .profive{padding: 30px 0px 0px 0px;}
    .profive>span{font-size:21px; line-height:30px;}
    .profive p{font-size:16px; line-height:32px;}
    .profive ul{margin-left:-66px;}
    .profive ul li{margin-left:66px; width:356px;}
    .profive ul li .profivetit{font-size:24px;padding-top: 122px;}
}
@media (min-width:1400px){
    .profive{padding-top:40px;}
    .profive>span{font-size:24px;}
    .profive p{font-size:18px; line-height:36px;}
    .profive ul{margin-left:-75px;}
    .profive ul li{margin-left:75px; width:400px;}
    .profive ul li .profivetit{padding-top: 135px;}

}
/**/
.prosix{padding: 40px 0px 0px 0px;}
.prosix .prosixbox{clear:both; padding-top:25px;}
.prosix .prosixbox p{padding:8px 0px; font-size:13px; line-height:26px; color:#666;}
@media (min-width:1280px){
    .prosix{padding: 30px 0px 0px 0px;}
    .prosix .prosixbox p{font-size:16px; line-height:32px;}
}
@media (min-width:1400px){
    .prosix{padding-top:55px;}
    .prosix .prosixbox p{font-size:18px; line-height:36px;}
}
/**/
.proseven{padding:40px 0px 0px 0px;}
.proseven p{font-size:13px; line-height:26px; color:#666; padding:8px 0px;}
.proseven ul{margin-left:-22px; padding-bottom:15px;}
.proseven ul li{float:left; margin-left:22px; width:489px; background:#233142; border:2px solid #539ddb; margin-top:22px; position: relative;}
.proseven ul li i{width: 10px;border-right:2px solid #539ddb;height: 10px;background:#fafdff;position:absolute;z-index:2;}
.proseven ul li i:nth-child(1){left: -5px;top: -5px;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
.proseven ul li i:nth-child(2){right: -5px;top: -5px;transform:rotate(135deg);-ms-transform:rotate(135deg);-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);}
.proseven ul li i:nth-child(3){left: -5px;bottom: -5px;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.proseven ul li i:nth-child(4){right: -5px;bottom: -5px;transform:rotate(-135deg);-ms-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);-o-transform:rotate(-135deg);}
.proseven ul li .prosevenpic{float:left;width:187px;padding: 0px;}
.proseven ul li .prosevenbox{padding: 34px 30px 0px 0px;color:#fff;float: right;width: 268px;}
.proseven ul li .prosevenbox p{font-size:13px; line-height:26px; color:#fff; padding:0px;}
.proseven ul li .prosevenbox p.prosevenboxtit{font-size: 22px;position:relative;font-weight:bold;color:#c6e5f3;line-height:26px;margin-bottom:26px;}
.proseven ul li .prosevenbox p.prosevenboxtit:before{content:'';width: 46px;height: 46px;display:block;position:absolute;right: -14px;top: -10px;background:url(../images/icon05.png) no-repeat;background-size: 323px auto;background-position: -10px -75px;}
.proseven ul li:nth-child(2) .prosevenbox p.prosevenboxtit:before{background-position: -74px -75px;}
.proseven ul li:nth-child(3) .prosevenbox p.prosevenboxtit:before{background-position: -139px -75px;}
.proseven ul li:nth-child(4) .prosevenbox p.prosevenboxtit:before{background-position: -203px -76px;}
.proseven ul li .prosevenbox p.prosevenboxtit:after{background:#f95959; content:''; width:33px; height:3px; position:absolute; left:0px; bottom:-16px;}
@media (min-width:1280px){
    .proseven p{font-size: 16px;line-height:32px;}
    .proseven ul{margin-left:-26px;}
    .proseven ul li{width:591px; line-height:26px;}
    .proseven ul li .prosevenpic{width:221px;}
    .proseven ul li .prosevenbox{width:330px;padding-top: 37px;}
    .proseven ul li .prosevenbox p{font-size:16px; line-height:32px;}
    .proseven ul li .prosevenbox p.prosevenboxtit{font-size: 24px;margin-bottom: 30px;}
    .proseven ul li .prosevenbox p.prosevenboxtit:before{width: 54px;height: 54px;top: -14px;background-size: 380px auto;background-position: -11px -88px;}
    .proseven ul li:nth-child(2) .prosevenbox p.prosevenboxtit:before{background-position: -87px -88px;}
    .proseven ul li:nth-child(3) .prosevenbox p.prosevenboxtit:before{background-position: -163px -88px;}
    .proseven ul li:nth-child(4) .prosevenbox p.prosevenboxtit:before{background-position: -239px -90px;}

    .proseven ul li .prosevenbox p.prosevenboxtit:after{bottom: -22px;}
}
@media (min-width:1400px){
    .proseven p{font-size:18px;line-height:36px;}
    .proseven ul{margin-left:-30px;}
    .proseven ul li{margin-left:30px; width:660px;}
    .proseven ul li .prosevenpic{width:249px;}
    .proseven ul li .prosevenbox{width:367px; padding-right:40px; padding-top:50px;}
    .proseven ul li .prosevenbox p{font-size: 18px;line-height: 36px;}
    .proseven ul li .prosevenbox p.prosevenboxtit{font-size: 28px;margin-bottom: 40px;}
    .proseven ul li .prosevenbox p.prosevenboxtit:after{bottom: -29px;}
    .proseven ul li .prosevenbox p.prosevenboxtit:before{width: 60px;height: 60px;top: -16px;background-size: 417px auto;background-position: -12px -97px;}
    .proseven ul li:nth-child(2) .prosevenbox p.prosevenboxtit:before{background-position: -96px -96px;}
    .proseven ul li:nth-child(3) .prosevenbox p.prosevenboxtit:before{background-position: -178px -97px;}
    .proseven ul li:nth-child(4) .prosevenbox p.prosevenboxtit:before{background-position: -261px -98px;}
}
/**/
.proeight{padding-top:60px;}
.proeight h4{font-weight:bold; padding-bottom:30px; margin-bottom:12px; background:url(../images/proeighticon.jpg)no-repeat center bottom;font-size: 20px; background-size:860px 15px; text-align:center;}
@media(min-width:1280px){
    .proeight h4{font-size: 25px;background-size:1032px 19px;padding-bottom: 35px;margin-bottom: 15px;}
}
@media(min-width:1400px){
    .proeight h4{font-size: 28px; padding-bottom:40px; margin-bottom:20px; background-size:1160px 20px;}
}
.proeight .proeightbox{clear:both;background:#233142;padding-bottom: 20px;border:2px solid #539ddb;position:relative;}
.proeight .proeightbox > i{width: 10px;border-right:2px solid #539ddb;height: 10px;background:#fafdff;position:absolute;z-index:2;}
.proeight .proeightbox > i:nth-child(1){left: -5px;top: -5px;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
.proeight .proeightbox > i:nth-child(2){right: -5px;top: -5px;transform:rotate(135deg);-ms-transform:rotate(135deg);-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);}
.proeight .proeightbox > i:nth-child(3){left: -5px;bottom: -5px;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.proeight .proeightbox > i:nth-child(4){right: -5px;bottom: -5px;transform:rotate(-135deg);-ms-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);-o-transform:rotate(-135deg);}
.proeight .proeightbox .proeightpic{clear:both;display:block;position:relative;z-index: 1;overflow: hidden;}
.proeight .proeightbox .proeightpic img{border-bottom: 2px solid #539ddb;}
.proeight .proeightbox .proeightpic i{width: 10px;height: 10px;border-right:2px solid #539ddb;background:#233142;position:absolute;z-index:2;}
.proeight .proeightbox .proeightpic i:nth-child(1){left: -5px;bottom: -3px;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.proeight .proeightbox .proeightpic i:nth-child(2){right: -5px;bottom: -4px;transform:rotate(-135deg);-ms-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);-o-transform:rotate(-135deg);}
.proeight .proeightbox .proeightboxtit{clear:both;padding: 20px 70px 0px 70px;}
.proeight .proeightbox .proeightboxtit a{color:#fff; font-size:19px;}
.proeight .proeightbox .proeightboxtit time{color:#c6e5f3;font-size:13px;display: inline-block;padding-left: 20px;}
.proeight .proeightbox .proeightboxtxt{ padding:10px 70px 0px 70px;font-size:13px; color:#c6e5f3; line-height:26px;}
@media(min-width:1280px){
    .proeight .proeightbox .proeightboxtit{padding:20px 80px 0px 80px;}    
    .proeight .proeightbox .proeightboxtit a{font-size:24px;}
    .proeight .proeightbox .proeightboxtit time{font-size:16px;}
    .proeight .proeightbox .proeightboxtxt{font-size:16px; line-height:32px;padding:5px 80px 0px 80px;}
}
@media(min-width:1400px){
    .proeight .proeightbox .proeightboxtit{padding:30px 90px 0px 90px;}    
    .proeight .proeightbox .proeightboxtit a{font-size:26px;}
    .proeight .proeightbox .proeightboxtit time{font-size:18px;}
    .proeight .proeightbox .proeightboxtxt{font-size:18px; line-height:36px;padding:15px 90px 0px 90px;}
}
/**/
.pronine{clear:both; padding:45px 0px 45px 0px;}
.xgtit{clear: both; text-align: center;}
.xgtit h4{font-size: 22px; background:#fafdff; padding:0px 65px; font-weight: bold; color: #233142; display:inline-block; position:relative;}
.xgtit h4:after,.xgtit h4:before{content:'';position:absolute;top:50%;width:15px;height:20px;display:block;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);background-image: url(../images/icon.png);background-repeat: no-repeat;}
.xgtit h4:after{left:20px; background-position:-67px -18px;}
.xgtit h4:before{right:20px; background-position:-119px -18px;}
@media(min-width:1280px){
    .xgtit h4{font-size: 25px;}
}
@media(min-width:1400px){
    .xgtit h4{font-size: 28px;}
}
@media(min-width:1600px){
    .xgtit h4{font-size:32px;}
}
.pronine ul{margin-left:-23px; padding-top:23px;}
.pronine ul li{float:left;width:232px;margin-left:23px;position:relative;border: 2px solid #084a83;}
.pronine ul li i{width: 10px;border-right:2px solid #003273;height: 10px;background:#fafdff;position:absolute;z-index:2;}
.pronine ul li i:nth-child(1){left: -5px;top: -5px;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
.pronine ul li i:nth-child(2){right: -5px;top: -5px;transform:rotate(135deg);-ms-transform:rotate(135deg);-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);}
.pronine ul li i:nth-child(3){left: -5px;bottom: -5px;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.pronine ul li i:nth-child(4){right: -5px;bottom: -5px;transform:rotate(-135deg);-ms-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);-o-transform:rotate(-135deg);}
.pronine ul li .proninepic{clear:both; display:block;}
.pronine ul li .proninetit{clear:both;display:block;font-size:14px;color:#fff;left: 0px;right: 0px;text-align: center;bottom: 0px;line-height: 30px;position: absolute;background:rgba(8,74,131,0.6);}
@media(min-width:1280px){
    .pronine{padding-bottom:50px;padding-top: 50px;}
    .pronine ul{margin-left:-26px;padding-top: 30px;}
    .pronine ul li{margin-left:26px; width:280px;}
    .pronine ul li .proninetit{font-size:17px; line-height:35px;}
}
@media(min-width:1400px){
    .proeight .proeighttit{font-size: 28px;}
    .pronine{padding-bottom:60px;padding-top:60px;}
    .pronine ul{margin-left:-30px;padding-top: 30px;}
    .pronine ul li{margin-left:30px;width: 315px;}
    .pronine ul li .proninetit{font-size:20px; line-height:40px;}
}
/**/
.proten{padding-bottom: 30px;}
.proten .protentit,.proten .protentitxgtit{font-size: 22px;font-weight: bold;color:#233142;line-height:30px;padding-bottom: 30px;}
.proten .protenfl{float: left; width: 475px;}
.proten .protenfl ul{margin-left:-40px;}
.proten .protenfl ul li{float: left;margin-left:40px;width: 480px;line-height:1;padding: 0px 0px 20px 0px;}
.proten .protenfl ul li .protenfltime{float: left; width: 50px; text-align:right; font-size:18px;}
.proten .protenfl ul li .protenfltime span{clear:both; display:block; text-align:right; font-size:12px; padding-top:5px; color:#999999;}
.proten .protenfl ul li .protenflbox{overflow:hidden; padding-left:15px;}
.proten .protenfl ul li .protenflbox .protenfltit{clear:both;display:block;font-size:14px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;line-height: 20px;padding-bottom: 6px;}
.proten .protenfl ul li .protenflbox .protenfltxt{font-size:12px; color:#999; line-height:20px; height:40px; overflow:hidden;}
.proten .protenfl ul li:hover .protenflbox .protenfltit{color:#f95959;}
@media (min-width:1280px){
    .proten{padding-bottom:100px;}
    .proten .protentit,.proten .protentitxgtit{padding-bottom:35px;font-size: 25px;}
    .proten .protenfl{width:575px;}
    .proten .protenfl ul{margin-left:-60px;}
    .proten .protenfl ul li{margin-left:60px;width:570px;padding-bottom: 24px;}
    .proten .protenfl ul li .protenfltime{width:65px; font-size:22px;}
    .proten .protenfl ul li .protenfltime span{font-size:15px;padding-top: 8px;}
    .proten .protenfl ul li .protenflbox{padding-left:18px;}
    .proten .protenfl ul li .protenflbox .protenfltit{font-size:16px;}
    .proten .protenfl ul li .protenflbox .protenfltxt{font-size:14px; line-height:22px; height:44px;}
}
@media (min-width:1400px){
    .proten .protentit,.proten .protentitxgtit{font-size: 28px;}
    .proten .protenfl ul{margin-left:-70px;}
    .proten .protenfl ul li{margin-left:70px;width:640px;padding-bottom: 22px;}
    .proten .protenfl ul li .protenfltime{width:70px; font-size:24px;}
    .proten .protenfl ul li .protenfltime span{font-size:17px;padding-top:12px;}
    .proten .protenfl ul li .protenflbox{padding-left:20px;}
    .proten .protenfl ul li .protenflbox .protenfltit{font-size:18px;}
    .proten .protenfl ul li .protenflbox .protenfltxt{line-height:25px; height:50px;}
}
.proten .protenfr{float: right; width:490px;}
.proten .protenfr .insidebtn{margin-left:-6px;}
.proten .protenfr .insidecontactbox {padding: 10px 33px 10px 33px; background: #fff;}
.proten .protenfr .insidecontactbox .insideinput{margin-bottom:12px; position:relative;}
.proten .protenfr .insidecontactbox .insideinput:after,.proten .protenfr .insidecontactbox .insidetextarea:after,.proten .protenfr .insidecontactbox .insideinput:before,.proten .protenfr  .insidecontactbox .insidetextarea:before{content:'';position:absolute;border-bottom: 3px solid transparent;border-top: 3px solid transparent;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
.proten .protenfr .insidecontactbox .insideinput:after,.proten .protenfr .insidecontactbox .insidetextarea:after{left: -5px;border-right: 6px solid transparent;border-left: 6px solid #084a83;}
.proten .protenfr .insidecontactbox .insideinput:before,.proten .protenfr .insidecontactbox .insidetextarea:before{right: -6px;border-right: 6px solid #084a83;border-left: 6px solid transparent;}
.proten .protenfr .insidecontactbox .insidecontactxt{margin: 0px -5px 10px -5px;}
.proten .protenfr .insidecontactbox .insideinput,.proten .protenfr .insidecontactbox .insidetextarea{width:100%;}
.proten .protenfr .insidecontactbox .insideinput input,.proten .protenfr .insidecontactbox .insidetextarea .insideinput02{margin: 2px -5px;width: 429px;}
@media (min-width:1280px){
    .proten .protenfr{width:588px;}
    .proten .protenfr .insidecontactbox{padding:15px 40px;}
    .proten .protenfr .insidecontactbox .insideinput input,.proten .protenfr .insidecontactbox .insidetextarea .insideinput02{margin: 2px -6px;width: 515px;}
}
@media (min-width:1400px){
    .proten .protenfl{width:645px;}
    .proten .protenfr{width:660px;}
    .proten .protenfr .insidecontactbox{padding: 15px 45px;}
    .proten .protenfr .insidecontactbox .insideinput input,.proten .protenfr .insidecontactbox .insidetextarea .insideinput02{margin: 2px -6px;width: 577px;}
}
/*=========================产品详情 end=============================*/
/*=========================联系我们 start=============================*/
.contactone{position:relative;background: #fff;box-shadow: 0px 0px 16px rgba(6,9,51,0.09);margin-top: 20px;margin-bottom: 25px;}
.contactone i{z-index: 3;display:block;position:absolute;}
.contactone i:nth-child(1){left: -9px;top: -8px;width: 150px;height: 50px;background-image: url(../images/icon.png);background-repeat: no-repeat;background-position: -20px -350px;background-size: 400px 400px;}
.contactone i:nth-child(2){right: -9px;top: -8px;width: 150px;height: 50px;background-image: url(../images/icon.png);background-repeat: no-repeat;background-position: -206px -350px;background-size: 400px 400px;}
.contactone i:nth-child(3){left: -9px;bottom: -8px;width: 18px;height: 18px;background-image: url(../images/icon.png);background-repeat: no-repeat;background-position: -247px -16px;background-size: 400px 400px;}
.contactone i:nth-child(4){right: -9px;bottom: -8px;width: 18px;height: 18px;background-image: url(../images/icon.png);background-repeat: no-repeat;background-position: -297px -16px;background-size: 400px 400px;}
.contactonefl{float:left;position:relative;z-index: 3;padding: 20px 0px 20px 20px;width:424px;}
.contactonefr{float:right;width:480px;padding-right:80px;padding-top: 15px;}
.contactonefr .contactonetit{font-size:24px;text-align:left;font-weight:bold;padding:25px 0px;color: #498cc6;background-image: -webkit-gradient(linear,center top, center bottom, from(#498cc6), to(#084a83));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-image: -webkit-linear-gradient(top,#498cc6, #084a83);}
.contactonefr .contactonetxt{font-size:12px; color:#666; line-height:22px;}
.contactonefr .contactonep{font-size:14px; color:#233142; line-height:20px; padding-top:15px;}
.contactonefr .contactonep strong{font-size:26px; color:#f95959;}
.contactonefr .contactonebom{display:block;width: 140px;font-size: 14px;height: 32px;line-height: 32px;text-align:center;padding: 0px 10px;margin-top: 20px;}
.contactonefr .contactonebom s{clear:both;display:block;font-style:normal;background:#084a83;position: relative;z-index: 2;color:#facf5a;text-decoration: none;}
.contactonefr .contactonebom s:after{content:'';position:absolute;left: -30px;top:0px;height: 10px;border-top: 11px solid transparent;border-right: 15px solid #084a83;border-left: 15px solid transparent;border-bottom: 11px solid transparent;}
.contactonefr .contactonebom s:before{content:'';position:absolute;right: -30px;top:0px;height: 10px;border-top: 11px solid transparent;border-left: 15px solid #084a83;border-bottom: 11px solid transparent;border-right: 15px solid transparent;}
.contactonefr .contactonebom:hover s{background:#f95959;color:#fff;}
.contactonefr .contactonebom:hover s:after{border-right-color:#f95959;}
.contactonefr .contactonebom:hover s:before{border-left-color:#f95959;}
@media (min-width:1280px){
    .contactone i:nth-child(1){width: 164px;height: 53px;background-position: -24px -387px;background-size: 440px 440px;}
    .contactone i:nth-child(2){width: 164px;height: 53px;background-position: -227px -387px;background-size: 440px 440px;}
    .contactonefl{width:508px;}
    .contactonefr{width:577px;padding-right: 90px;padding-top: 20px;}
    .contactonefr .contactonetit{font-size:28px;  padding:30px 0px;}
    .contactonefr .contactonetxt{font-size:14px; line-height:26px;}
    .contactonep{font-size:16px;padding-top: 20px;}
    .contactonefr .contactonebom{width: 170px;font-size: 18px;height: 42px;line-height: 42px;padding: 0px 18px;margin-top: 25px;}
    .contactonefr .contactonebom s{clear:both;display:block;font-style:normal;background:#084a83;position: relative;z-index: 2;color:#facf5a;text-decoration: none;}
    .contactonefr .contactonebom s:after{content:'';position:absolute;left: -36px;top:0px;height: 14px;border-top: 14px solid transparent;border-right: 18px solid #084a83;border-left: 18px solid transparent;border-bottom: 14px solid transparent;}
    .contactonefr .contactonebom s:before{content:'';position:absolute;right: -36px;top:0px;height: 14px;border-top: 14px solid transparent;border-left: 18px solid #084a83;border-bottom: 14px solid transparent;border-right: 18px solid transparent;}
}
@media (min-width:1400px){
    .contactone i:nth-child(1){width: 186px;height: 60px;background-position: -27px -440px;background-size: 500px 500px;}
    .contactone i:nth-child(2){width: 186px;height: 60px;background-position: -257px -440px;background-size: 500px 500px;}
    .contactone i:nth-child(3){width: 23px;height: 23px;background-position: -309px -20px;background-size: 500px 500px;bottom: -9px;left: -11px;}
    .contactone i:nth-child(4){width: 23px;height: 23px;background-position: -370px -20px;background-size: 500px 500px;bottom: -9px;right: -11px;}
    .contactonefl{width:590px;}
    .contactonefr{width:650px; padding-right:90px; padding-top:30px;}
    .contactonefr .contactonetit{font-size:32px;  padding:30px 0px;}
    .contactonefr .contactonetxt{font-size:16px; line-height:28px;}
    .contactonefr .contactonep{font-size:18px;}
    .contactonefr .contactonebom{height: 46px;line-height:46px;font-size: 20px;margin-top: 30px;}
    .contactonefr .contactonebom s{clear:both;display:block;font-style:normal;background:#084a83;position: relative;z-index: 2;color:#facf5a;text-decoration: none;}
    .contactonefr .contactonebom s:after{content:'';position:absolute;left: -40px;top:0px;height:14px;border-top:16px solid transparent;border-right:20px solid #084a83;border-left: 20px solid transparent;border-bottom:16px solid transparent;}
    .contactonefr .contactonebom s:before{content:'';position:absolute;right: -40px;top:0px;height:14px;border-top:16px solid transparent;border-left:20px solid #084a83;border-bottom:16px solid transparent;border-right:20px solid transparent;}
}
/**/
.contacttwo .contacttwotop{font-size:13px;color:#084a83;line-height: 24px;}
.contacttwo ul{margin-left:-65px;padding-top: 35px;padding-bottom: 70px;}
.contacttwo ul li{float:left;margin-left: 64px;width: 149px;height: 201px;background-image:url(../images/icon05.png);background-repeat:no-repeat;background-size: 373px auto;background-position: left bottom;}
.contacttwo ul li .contacttwotit{clear:both; text-align:center; color:#fff; font-size:16px; padding-top:40px;}
.contacttwo ul li .contacttwopic{clear:both;width:58px;height:58px;margin: 10px auto 0px;}
.contacttwo ul li .contacttwopic i{width:100%; height:100%; background-size:370px auto; display:block;}
.contacttwoicon01{background-position:-12px -11px;}
.contacttwoicon02{background-position:-82px -11px;}
.contacttwoicon03{background-position:-155px -11px;}
.contacttwoicon04{background-position:-305px -11px;}
.contacttwoicon05{background-position:-232px -11px;}
@media (min-width:1280px){
    .contacttwo .contacttwotop{font-size:16px;}
    .contacttwo ul{margin-left:-77px;}
    .contacttwo ul li{margin-left:77px;width: 178px;height: 239px;background-size: 443px auto;}
    .contacttwo ul li .contacttwotit{font-size:20px;}
    .contacttwo ul li .contacttwopic{margin-top: 20px;width: 70px;height: 70px;}
    .contacttwo ul li .contacttwopic i{width:100%;height:100%;    background-size: 443px auto;display:block;}
    .contacttwoicon01{background-position:-12px -11px;}
    .contacttwoicon02{background-position: -91px -11px;}
    .contacttwoicon03{background-position: -185px -11px;}
    .contacttwoicon04{background-position: -365px -11px;}
    .contacttwoicon05{background-position: -277px -11px;}
}
@media (min-width:1400px){
    .contacttwo ul{margin-left: -87px;}
    .contacttwo ul li{margin-left: 87px;width: 200px;height: 269px;background-size: 499px auto;}
    .contacttwo ul li .contacttwotit{font-size:20px;}
    .contacttwo ul li .contacttwopic{margin-top: 20px;width: 79px;height: 79px;}
    .contacttwo ul li .contacttwopic i{width:100%;height:100%;background-size: 500px auto;display:block;}
    .contacttwoicon01{background-position: -17px -11px;}
    .contacttwoicon02{background-position: -111px -11px;}
    .contacttwoicon03{background-position: -208px -12px;}
    .contacttwoicon04{background-position: -412px -11px;}
    .contacttwoicon05{background-position: -309px -11px;}
}
/**/
.contactthree{clear:both; padding-bottom:56px;}
.contactthree .contactthreefl{float:left;width:586px;background: #fff;padding: 15px 75px;}
.contactthree .contactthreefl .insidecontactxt{padding-bottom:15px;}
.contactthree .contactthreefl .insidecontactxt span{float:left;}
.contactthree .contactthreefl .insidecontactxt span:nth-child(1){font-size:16px;color:#666;border-left:3px solid #084a83;line-height:18px;font-weight:bold;padding-left:10px;margin-top: 5px;width: 80px;}
.contactthree .contactthreefl .insidecontactxt span:nth-child(2){font-size:12px;line-height:25px;float: right;color:#084a83;width: 330px;}
.contactthree .contactthreefl .insideinput,.contactthree .contactthreefl .insidetextarea{width:100%;margin-bottom: 12px;position:relative;}
.contactthree .contactthreefl .insideinput:after,.contactthree .contactthreefl .insideinput:before,.contactthree .contactthreefl .insidetextarea:after,.contactthree .contactthreefl .insidetextarea:before{content:'';position:absolute;border-bottom: 3px solid transparent;border-top: 3px solid transparent;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
.contactthree .contactthreefl .insideinput:before,.contactthree .contactthreefl .insidetextarea:before{right: -5px;border-right: 6px solid #084a83;border-left: 6px solid transparent;}

.contactthree .contactthreefl .insideinput input{width: 443px;}
.contactthree .contactthreefl .insidetextarea .insideinput02{width: 443px;}
.contactthree .contactthreefl .insidebtn{margin-left:-6px;}
.contactthree .contactthreefr{float:right; width:370px;}
.contactthree .contactthreefr .contactthreefrtit{font-size:16px;color:#666;border-left:3px solid #084a83;line-height:18px;font-weight:bold;padding-left:10px;display: block;margin-bottom: 10px;}
@media (min-width:1280px){
    .contactthree .contactthreefl .insidecontactxt span:nth-child(1){font-size:19px;width: 98px;}
    .contactthree .contactthreefl .insidecontactxt span:nth-child(2){font-size:14px;width: 360px;}
    .contactthree .contactthreefl{width:702px;padding: 15px 90px;}
    .contactthree .contactthreefl .insideinput input,.contactthree .contactthreefl .insidetextarea .insideinput02{width: 529px;}
    .contactthree .contactthreefr{width:444px;}
}
@media (min-width:1400px){
    .contactthree .contactthreefl .insidecontactxt span:nth-child(1){font-size:22px;width: 109px;}
    .contactthree .contactthreefl .insidecontactxt span:nth-child(2){font-size:16px;width: 408px;}
    .contactthree .contactthreefl{width:790px;padding: 15px 125px;}
    .contactthree .contactthreefl .insideinput input,.contactthree .contactthreefl .insidetextarea .insideinput02{width: 547px;}
    .contactthree .contactthreefr{width:500px;}
}
/*=========================联系我们 end=============================*/
/*=========================关于我们 start=============================*/
.aboutone .aboutonefl{float:left; width:500px;padding-top: 5px;}
.aboutone .aboutonefr{float:right;width:475px;padding-top: 10px;}
.aboutone .aboutonefr .aboutonetit{
    font-size:29px;
    line-height: 32px;
    font-weight:bold;
    color: #498cc6;
    padding-bottom: 10px;
    background-image: -webkit-gradient(linear,center top, center bottom, from(#498cc6), to(#084a83));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-linear-gradient(top,#498cc6, #084a83);
}
.aboutone .aboutonefr .aboutonetxt{font-size:12px; line-height:22px; color:#666; padding-top:15px;}
@media (min-width:1280px){
    .aboutone .aboutonefl{float:left; width:599px;}
    .aboutone .aboutonefr{float:right;width:570px;padding-top: 15px;}
    .aboutone .aboutonefr .aboutonetit{font-size:35px;line-height: 40px;}
    .aboutone .aboutonefr .aboutonetxt{font-size:14px; line-height:26px;}

}
@media (min-width:1400px){
    .aboutone .aboutonefl{float:left; width:674px;}
    .aboutone .aboutonefr{float:right; width:640px; padding-top:20px;}
    .aboutone .aboutonefr .aboutonetit{font-size:40px;}
    .aboutone .aboutonefr .aboutonetxt{font-size:16px; line-height:30px;}
}
/**/
.abouttwo{clear:both;padding: 42px 0px 30px 0px;}
.abouttwo li{float:left;width:149px;height: 203px;margin-right: 134px;background: url(../images/icon05.png) no-repeat;background-size: 373px auto;background-position: -189px bottom;padding: 0px 30px;}
.abouttwo li:last-child{margin-right:0px;}
.abouttwotop{width:53px;margin:0 auto;font-size:16px;font-weight:bold;color:#f95959;text-align:center;line-height:1;margin-top: -12px;}
.abouttwotop img{clear:both;display:block;margin-bottom: 5px;}
.abouttwo li .abouttwobom{color:#084a83;font-size: 12px;line-height: 20px;padding-top: 20px;}
@media (min-width:1280px){
    .abouttwo{clear:both;padding:60px 0px 40px 0px;}
    .abouttwo li{width: 179px;height: 239px;margin-right: 160px;background-size: 450px auto;background-position: -227px bottom;padding: 0px 40px;}
    .abouttwotop{width:60px;margin-top: -16px;font-size: 19px;}
    .abouttwo li .abouttwobom{font-size:14px; line-height:26px;}
}
@media (min-width:1400px){
    .abouttwo{clear:both;padding:65px 0px 45px 0px;}
    .abouttwo li{width:200px;height: 266px;margin-right: 183px;background-size: 500px auto;background-position: -252px bottom;}
    .abouttwotop{width: 71px;margin-top: -21px;font-size: 22px;}
    .abouttwotop img{margin-bottom:10px;}
    .abouttwo li .abouttwobom{font-size:16px; line-height:30px;}
}
/**/
#aboutban{width:100%;height:500px;overflow:hidden; margin-bottom: 50px;}
#aboutban .bannerCon{width:1160px;height:500px;margin:0px auto;position:relative;}
#aboutban .bannerCon .before{width:600px;height:500px;background:rgba(0,0,0,0.8);position:absolute;left:-600px;bottom:0px;z-index:333; cursor: pointer;}
#aboutban .bannerCon .after{width:600px;height:500px;background:rgba(0,0,0,0.8);position:absolute;right:-600px;bottom:0px;z-index:333; cursor: pointer;}
#aboutban .bannerCon .scroll{width:2000%;height:500px;position:relative;left:-1160px;}
#aboutban .bannerCon .scroll li{float: left; position:relative;width:1160px;height:500px;}
#aboutban .bannerCon .scroll li .aboutbanbox{position:absolute;left:0px;bottom:0px; right:0px;background: rgba(0,0,0,0.8);padding:20px 20px;}
#aboutban .bannerCon .scroll li .aboutbanbox .aboutbanboxp01{font-size:24px; color:#fff; font-weight:bold; font-weight:bold; text-align:center; line-height:30px;}
#aboutban .bannerCon .scroll li .aboutbanbox .aboutbanboxp02{font-size:16px; color:#fff; text-align:center; line-height:22px; padding:3px 0px;}
#aboutban .bannerCon .scroll li .aboutbanbox .aboutbanboxp03{font-size:16px; color:#999; text-align:center; line-height:22px; padding:3px 0px;}
#aboutban .bannerCon a{color: #fff;position: absolute;font-size:20px;width:149px;height:46px;line-height:46px;text-align:center;background:#084a83;z-index: 2;display: inline-block;right:40px;bottom: 30px;}
#aboutban .bannerCon a:after{content:'';position:absolute;left: -40px;top:0px;height: 14px;border-top:16px solid transparent;border-right:20px solid #084a83;border-left:20px solid transparent;border-bottom:16px solid transparent;}
#aboutban .bannerCon a:before{content:'';position:absolute;right: -40px;top:0px;height: 14px;border-top:16px solid transparent;border-left:20px solid #084a83;border-bottom:16px solid transparent;border-right:20px solid transparent;}
#aboutban .bannerCon .aboutbanbox a:hover{background:#f60;}
#aboutban .bannerCon .aboutbanbox a:hover:after{border-right-color:#f60;}
#aboutban .bannerCon .aboutbanbox a:hover:before{border-left-color:#f60;}
/**/
.aboutfour{clear:both; padding-bottom:30px;}
.aboutfour .aboutfourtit{clear:both;text-align:center;font-size:29px;font-weight:bold;color: #498cc6;background-image: -webkit-gradient(linear,center top, center bottom, from(#498cc6), to(#084a83));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-image: -webkit-linear-gradient(top,#498cc6, #084a83);}
.aboutfour ul{padding:30px 70px 0px 70px;}
.aboutfour ul li{float:left;width:232px;height:245px;background:url(../images/aboutfourpic02.png) no-repeat left center;background-size: 232px 245px;margin-left: -23px;padding: 85px 66px 0px 35px;}
.aboutfour ul li:nth-child(1){margin-left:0px;}
.aboutfour ul li:last-child{background:url(../images/aboutfourpic01.png) no-repeat left center;background-size: 232px 245px;}
.aboutfour ul li .aboutfourh{font-size:18px;color:#f95959;line-height:22px;font-weight:bold;padding-bottom: 15px;}
.aboutfour ul li .aboutfourtxt{font-size:12px; line-height:22px; color:#666;}
.aboutfour .aboutfourp{clear:both; text-align:right; padding-right:70px;}
.aboutfour .aboutfourp span{color:#666; font-size:14px; display:inline-block;}
.aboutfour .aboutfourp span i{float:left;width: 8px;height: 8px;display:block;margin-top: 9px;margin-right:8px;background-position: -371px -121px;}
@media (min-width:1280px){
    .aboutfour ul{padding:40px 85px 0px 85px;}
    .aboutfour ul li{width: 274px;height: 294px;background-size: 274px 294px;padding:100px 100px 0px 40px;}
    .aboutfour ul li:last-child{background-size: 274px 294px;}
    .aboutfour ul li .aboutfourh{font-size:21px;}
    .aboutfour ul li .aboutfourtxt{font-size:14px; line-height:26px;}
    .aboutfour .aboutfourp{padding-right:85px;}
    .aboutfour .aboutfourp span{font-size:16px;}
}
@media (min-width:1400px){
    .aboutfour ul{padding: 40px 83px 0px 84px;}
    .aboutfour ul li{width:313px;height:331px;background-size:313px 331px;padding: 110px 120px 0px 40px;}
    .aboutfour ul li:last-child{background-size:313px 331px;}
    .aboutfour ul li .aboutfourh{font-size:24px;}
    .aboutfour ul li .aboutfourtxt{font-size:16px; line-height:30px;}
    .aboutfour .aboutfourp{padding-right:84px;}
    .aboutfour .aboutfourp span{font-size:18px;}
}
/*=========================关于我们 end=============================*/
.floatbox {
            position: fixed;
            right: 0;
			z-index:9999;
            top: 200px;
            background: url(../images/icon-swt-bg.png) no-repeat center top;
            background-size: cover;
            -o-background-size: cover;
            -ms-background-size: cover;
            -moz-background-size: cover;
            -webkit-background-size: cover;
            padding: 0;
            width: auto;
            height: auto;
        }
        
        .swt-fk {
            position: relative;
            right: 10px;
            top: -10px;
            cursor: pointer;
        }
        
        .floatbox .serv {
            color: #ffce49;
            text-align: center;
        }
        
        .floatbox .serv i {
            font-size: 36px;
            font-weight: bold;
            margin-right: 7px;
            font-family: "Impact";
        }
        
        .floatbox .serv span {
            display: block;
            color: #fff;
            font-size: 20px;
        }
        
        .floatbox ul {
            padding: 10px 20px 5px;
        }
        
        .floatbox li {
            color: #083052;
            background-color: #ffce49;
            border-radius: 3px;
            -o-border-radius: 3px;
            -ms-border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            font-size: 18px;
            text-align: center;
            line-height: 34px;
            margin-bottom: 17px;
            cursor: pointer;
            position: relative;
        }
        
        .swt-tel {
            position: absolute;
            left: -50%;
            top: 0;
            width: 150%;
            height: 100%;
            background-color: #ffce49;
            color: #083052;
            border-radius: 3px;
            -o-border-radius: 3px;
            -ms-border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            opacity: 0;
            filter: alpha(opacity=0);
            transition: .3s;
            -o-transition: .3s;
            -ms-transition: .3s;
            -moz-transition: .3s;
            -webkit-transition: .3s;
        }
        
        .floatbox li:nth-child(2):hover .swt-tel {
            left: -169%;
            opacity: 1;
            filter: alpha(opacity=100);
        }
        
        #gotop {
            background: url(../images/icon-swt-top.png) no-repeat center top;
            display: block;
            padding: 27px 0 10px;
            text-align: center;
            color: #fff;
            font-size: 16px;
            cursor: pointer;
        }