@charset "utf-8";
html{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);font-family:"siyuan","微软雅黑","sans-ser-oneif";}
ul li{list-style: none;}
body, h1, h2, h3, h4, p, ul, ol, dd, dl, form { margin: 0; padding:0}
img{border: none;}
a{text-decoration: none; color: #333;}
a:hover{text-decoration: none;}
i{font-style: normal;}
.clearfix{clear: both;}
.clearfix::after { height: 0px; overflow: hidden; clear: both; display: block; visibility: hidden; content: "."; }

.head {width: 100%;margin: 0 auto; }
.head .logo {margin-top: 40px}
.head .head-r {border-left: 1px solid #dedede;}
.head .head-r .top {padding: 18px 0 0 4%;}
.head .head-r .top ul {float: left;}
.head .head-r .top li {float: left;margin-right: 30px;}
.head .head-r .top li a {border: 1px solid #e6e9f0;display: block;padding: 12px 54px;
    box-sizing: border-box;border-radius: 30px;font-size: 18px;color: #05163f;
    font-weight: bold;-moz-box-shadow: 2px 0 15px rgba(21, 53, 129, 0.2) inset;
    -webkit-box-shadow: 2px 0 15px rgba(21, 53, 129, 0.2) inset;
    box-shadow: 2px 0 15px rgba(21, 53, 129, 0.2) inset;}
.head .head-r .top .dh-sj {float: left; margin-top: 7px;}
.head .head-r .top li.active a {color: #e61e37;border: 1px solid #fbebed;
        -moz-box-shadow: 2px 0 15px rgba(230, 30, 55, 0.2) inset;
        -webkit-box-shadow: 2px 0 15px rgba(230, 30, 55, 0.2) inset;
        box-shadow: 2px 0 15px rgba(230, 30, 55, 0.2) inset;}
.head .ul-bot { margin-top: 18px;border-top: 1px solid #f0f3fa;}
.head .ul-bot li {float: left;width: 16.333%;text-align: center;outline: 0;position: relative;}
.head .ul-bot li:before,.head .ul-bot li:after {content: '';width: 100%;height: 2px;z-index: -1;
background: #e61e37;position: absolute;-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);-webkit-transition: -webkit-transform .5s;transition: transform .5s;}
.head .ul-bot li:hover:before,.head .ul-bot li:hover:after {-webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)}
.head .ul-bot li:before {right: 0;top: 0;-webkit-transform-origin: 100% 50%;transform-origin: 100% 50%;}
.head .ul-bot li:after {left: 0;bottom: 0;-webkit-transform-origin: 0 50%;transform-origin: 0 50%;}
.head .ul-bot li a {font-size: 18px;color: #05163f;font-weight: bold;display: block;
        padding: 18px 0;position: relative;-webkit-transition: color .5s;transition: color .5s;}
.head .ul-bot .active a { color: #e61e37;}
.head .ul-bot li:hover a {color: #e61e37;}
.head .ul-bot li a:before,.head .ul-bot li a:after {position: absolute;color: #fff;opacity: 0;
        -webkit-transition: -webkit-transform .5s, opacity .5s;transition: transform .5s, opacity .5s;}
.head .ul-bot li a:before {content: attr(data-letters-l);left: 0;
        -webkit-transform: translate3d(-5px, 0, 0);transform: translate3d(-5px, 0, 0);}
.head .ul-bot li a:after {content: attr(data-letters-r);right: 0;
        -webkit-transform: translate3d(5px, 0, 0);transform: translate3d(5px, 0, 0);}
.head .ul-bot li:hover a:before,
.head .ul-bot li:hover a:after {opacity: 0;-webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)}
.head .head-r .top li:hover a {color: #e61e37;border: 1px solid #fbebed;
        -moz-box-shadow: 2px 0 15px rgba(230, 30, 55, 0.2) inset;
        -webkit-box-shadow: 2px 0 15px rgba(230, 30, 55, 0.2) inset;
        box-shadow: 2px 0 15px rgba(230, 30, 55, 0.2) inset;}



.ny_header { background: #0b153a;padding:4px 0;-webkit-transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1);
    -moz-transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1);-o-transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1);
    transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1);box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);-moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);}
.header_home .logo,.ny_header .logo{float:left;width:20%;text-align:left;display: block;
    margin-top:5px;vertical-align:top;}
.ny_header .logo img{max-width:85%;}
.header_home .nav_right,.ny_header .nav_right{float:right; width:70%;}
.header_home .nav_right ul,.ny_header .nav_right ul{ float:left; width:73%;}
.header_home .nav_right .tel,.ny_header .nav_right .tel{float:right;width:23%;
    box-shadow:0px 4px 9px rgba(7, 29, 49, 0.48);
    background-image: linear-gradient(to right, #f58805 0%, #ff6912 100%);
    clip: rect(1px,1px,1px,1px);color: #ffefd8;  border:2px dotted #ffc24f;    
    background-size: cover;text-align: center;line-height: 46px; height:46px;border-radius: 30px;
    font-size:24px;position: relative;margin-top:4px; padding-right:5px;z-index:5;}
.header_home .nav_right .tel:before,.ny_header .nav_right .tel:before{content: '';position:absolute; 
  background:#3852A6;  background: -webkit-linear-gradient(left, #3a97ff, #486ff7 100%);
  background: -o-linear-gradient(left, #3a97ff, #486ff7 100%);
  background: linear-gradient(to right, #3a97ff, #486ff7 100%); z-index:1;width:40px;height:10px; 
      right:0px; bottom:-2px;border-radius:5px  40px 40px 40px;}  
.header_home ul li,.ny_header ul li{float:left;position:relative; width:14%; 
    text-align:center;font-size:18px;display:block;height:60px; line-height:60px;}
.header_home ul li:before,.ny_header ul li:before{ content: ""; border-bottom:50%;   width: 0;
    height: 2px;background: #f1801b;display: block;position: absolute;left: 50%;bottom:5px;
    -webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);-o-transform: translateX(-50%);
    transform: translateX(-50%);transition: all .3s;}
.header_home ul li:hover:before,.ny_header ul li:hover:before {width:73px;}
.header_home ul li a,.ny_header ul li a{color:#fff;font-size:18px;display: block;transition:all 0.5s; 
    -webkit-transition:all 0.5s; -moz-transition:all 0.5s; }
.header_home ul li span,.ny_header ul li span{ color:#FEA34A; font-weight:800; margin-right:4px;}
.header_scroll{ width:100%;background:#212546 !important; z-index:999999px;
    position: fixed !important;top: 0 !important;
    box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.15);-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.1); z-index:999999999}
.header_scroll .logo{width:16%;-webkit-transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1);
    -moz-transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1);
    -o-transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1);
    transition: all 500ms cubic-bezier(0.455, 0.03, 0, 1);
    background: none;line-height: 1;height: auto;padding-top:5px;}
.header_scroll ul li{float:left;}
.header_scroll ul li a{color:#fff;}

.fl{float: left;}
.banav_left{width:42%;}
.banav_rig{width:58%;background: url(../images/about-bg02.jpg) repeat; padding-bottom:32px;}
.banav_rig_con{width:76%;}
.banav_rig .font{position: relative;  margin-top:5%; margin-left:8%; }
.banav_rig .font span{color: #FF8000; }
.banav_rig .font h3{font-size:32px; font-weight:700; line-height:60px;}
.banav_rig .font p{font-size:16px;  line-height:34px;}
.banav_rig .more_font{float: right; margin-top:10px;  }
.banav_rig .more_font a{ display: inline-block; color: #FFF; font-size: 16px; height: 46px; 
    line-height: 46px; padding: 0 25px; background-color: #FF8000;}
.banav_rig .more_font a:hover{ font-weight: bold;}
.banav_rig .more_font a.btn-ico{ width: 46px; padding: 0; 
    background: url(../images/tit-arrow02.jpg) no-repeat left center;}

.con-nav{padding-top: 120px;}
.con-nav .font{text-align: center;}
.con-nav h2 {font-size: 38px;color: #05163f;text-align: center;font-weight: bold;margin-top: -50px}
.con-nav .tit {text-align: center;font-size: 18px;color: #555f7d;margin-top: 20px;}
.con-nav ul{margin-top:50px;}
.con-nav ul li{background: url(../images/inprobg.png) no-repeat 0; padding-bottom:30px;
    background-size:95%;}
.con-nav ul li img{margin-top:30px;  width:95%; height:95%;}
.con-nav ul li p{position: relative; text-align: center; margin-top:10px; font-size:18px; line-height:45px;}

.index-about{background:url(../images/inaboutbg.jpg) repeat-y;  margin-top:80px; padding:80px 0 80px; }

.home_about{margin: 0 auto 80px;    clear: both; display:block; position:relative}
.home_about .ab_left{float: left;width: 54%;box-sizing: border-box;margin: 5px 0;  padding-right: 71px;}
.home_about .ab_left .tit{ font-size:32px; margin-bottom:30px; color:#333}  
.home_about .ab_left .tit span{ color:#1761C6; font-weight:600;display: inline-block;}
.home_about .ab_left .tit
.home_about .ab_left .con{font-size: 16px;text-indent: 2em;line-height: 32px; color:#666;}
.home_about .ab_left .box{ position: absolute;left:0;background:#fff;border-radius: 5px;box-shadow:2px 0 20px rgba(21, 53, 129, 0.2); padding:15px 20px; width:56%; z-index:999; margin:30px 15px 30px 15px;}
.home_about .ab_left .box li{float:left;width:33.22233%; text-align:center}
.home_about .ab_left .box li strong{font-size:40px; margin-bottom:15px; display:block;}
.home_about .ab_left .box li p{font-size: 18px; display:block;}
.home_about .ab_right{float:right;width: 46%; background:url(../images/whiteback.png) repeat; padding:10px;}
.home_about .ab_right img{width: 100%;height: 100%}

.index-ab{background: url(../images/inaboutbg.jpg) no-repeat; margin:80px 0; padding:100px 0 120px;}
.index-ab .titl{color:#fff; text-align: center; padding:80px 0 30px;}
.index-ab .titl h3{font-size:40px;  line-height:50px; }
.index-ab .titl p{font-size:20px;  line-height:50px;}
.index-ab .concon-left{ background:url(../images/whiteback.png) repeat; padding:10px;}
.index-ab .concon-right{color:#fff;}
.index-ab .concon-right .p1{font-size:24px;  margin-top:28px;}
.index-ab .concon-right .p1:before {content: ''; background: url(../images/home_ico1.png) no-repeat center center;
    background-size:30px;width:30px;height:30px; display: inline-block;margin-right: 10px; 
    vertical-align: top;margin-top:0px; }
.index-ab .concon ul{position: relative; background: #f0f0f0; padding:10px 0px 10px 30px; bottom:-70px;left:60px; 
    z-index:88;box-shadow: 2px 0 20px rgba(21, 53, 129, 0.2);border-radius:8px; width:104%;}
.index-ab .concon ul li{float:left; line-height:20px; text-align:center; width:21%; margin-right:4%; 
    position:relative; padding:22px 10px; font-size:16px;color:#000; }
.index-ab .concon ul li i{clear:both; display:block; text-align:center; font-style:normal; padding-bottom:10px; }
.index-ab .concon ul li i img{height:46px !important; display:inline-block; vertical-align:bottom; margin-right:5px; width:auto; }
.index-ab .concon ul li:after,.index-ab .concon ul li:before{content:''; position:absolute; border-style:solid; border-color:#cf2423; }
.index-ab .concon ul li:after{border-width:1px; left:0px; bottom:0px; right:5px; top:5px; }
.index-ab .concon ul li:before{border-width:2px; right:0px; top:0px; bottom:5px; left:5px; }
.index-ab .concon .p2{margin-top: 30px;font-size:18px; line-height: 35px; margin-left: 0px; }

.index-solution {padding:0px 45px 50px 55px;}
.index-solution h2 {font-size: 38px;color: #05163f;text-align: center;font-weight: bold;margin-top: -50px}
.index-solution .tit {text-align: center;font-size: 18px;color: #555f7d;margin-top: 20px;}
.index-solution ul {margin-left: -3%;box-sizing: border-box;margin-top: 40px;}
.index-solution ul li {float: left;width: 30.333%;margin-left: 3%;position: relative;}
.index-solution .box {padding: 25px 20px 25px 0;box-sizing: border-box;position: relative;
        background: url(../images/index_case_bg.png) no-repeat right top;}
.index-solution .box a {display: block;overflow: hidden;position: relative;padding-top: 62%;}
.index-solution .box img {width: 100%;transition: all 0.6s ease;position: absolute;top: 0;left: 0;}
.index-solution ul li .box:hover img {transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);
        -moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);
        -o-transform: scale(1.1, 1.1);-moz-transition: all .6s ease;-ms-transition: all .6s ease;
        -o-transition: all .6s ease;-webkit-transition: all .6s ease;transition: all .6s ease;}
.index-solution .box-bot {margin-top: 30px;}
.index-solution .box-bot h3 {margin-bottom: 20px;width: 90%;}
.index-solution .box-bot h3 a {font-size: 26px;color: #05163f;font-weight: bold;
        display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.index-solution li:hover a {color: #e61e37;}
.index-solution .box-bot p {font-size: 18px;color: #4b556e;margin-top: 10px;}
.index-solution .box-bot p img {width: 22px;vertical-align: middle;margin-top: -5px;margin-right: 5px;}
.index-solution .box-bot p span {color: #e61e37;font-size: 18px;}
.index-solution ul li .more {position: absolute;right: 10px;bottom: 5px}
.index-material {background: url(../images/meat_bg.jpg);background-size: 100% 100%;
    padding: 20px;box-sizing: border-box;}
.index-material .neb {background: #fff;border-radius: 15px;padding: 75px 95px;box-sizing: border-box;}
.index-material .neb .neb-l {float: left;width: 25%;}
.index-material .neb .neb-l strong {display: block;font-size: 38px;color: #05163f;font-weight: bold}
.index-material .neb .neb-l strong span {font-size: 38px;color: #e61e37;font-weight: bold;}
.index-material .neb .neb-l p {font-size: 22px;color: #4b556e;line-height: 40px;margin-top: 20px}
.index-material .neb .neb-head ul {float: left;width: 70%;margin-left: 5%;margin-top: -25px}

 
  

.index-new{margin:10px auto 120px;}
.index-new li{margin-top: 50px;}
.index-new .date{float:left; width:15%;color:#05163f;text-align:center;margin-top:35px; }
.index-new .date p{font-size:40px; font-weight: 600;}
.index-new .date span{font-size:16px; }
.index-new .news{float:left;width:85%;  box-shadow: 0px 2px 3px #d3c9c9;}
.index-new .news .line{float:left; width:15%; color:#d3c9c9; margin-top:60px;}
.index-new .news .font{float:left; width:80%; padding:30px 0px 50px;}
.index-new .news .font h3{font-size:22px;  line-height:50px; font-weight:600;}
.index-new .news .font p{font-size:16px;  line-height:30px;}
.index-new li:nth-child(2n) .news .font{margin-left:5%; } 
.index-new li:nth-child(2n) .news .line{width:7.5%; float: right;}
.index-new li a:hover{color: #FF8000;}

.footer{width: 100%;background: #000000;overflow: hidden;}
.footer li{width: 50%;float: left;font-size: 18px;color: #888;text-align: center;line-height: 109px;
    font-weight: bold;}
.footer li strong{font-size: 20px;color: #999;margin-left: 28px;}
.footer li span{font-size: 16px;color: #999;margin-left: 28px;}
.home-footer ul{height: 218px;}
.home-footer li{height: 100%;line-height: 1!important;text-align: left;display: flex;align-items: center;
    padding: 45px 0;}
.home-footer .one{width: 16%;}
.home-footer .two{width: 30%;border-left: 1px solid #1b1b1b;border-right: 1px solid #1b1b1b;
    text-align: center;justify-content: center;}
.home-footer .three{width: 54%;padding-left: 5%;}
.home-footer .two p{display: inline-block;text-align: left;}
.home-footer .three p{width:100%;}
.home-footer .one,.home-footer .two{padding: 80px 0;}
.home-footer li strong{display: block;margin: 18px 0 0;}
.home-footer li span{display:block;margin: 18px 0 0;overflow: hidden;}
.home-footer li span a{color: #999;line-height: 30px;padding-right: 10px;display: block;float: left;}
.home-footer .beian{width: 100%;font-size: 16px;color: #999;line-height: 60px;
    text-align: center;border-top: 1px solid #1b1b1b;}
.home-footer .beian a{color: #999;}

.index-foot{background: url(../images/homefourbg01.jpg) no-repeat; padding:80px 0;height:660px;
    overflow: hidden;}
.index-foot .concon-left{position: relative; bottom:90px;left:-15px;}
.index-foot .concon-right{padding-left:6%; margin-top:10px;}
.index-foot .concon-right .p1{font-size:24px; margin-top:23px; color:#fff;}
.index-foot .concon{background: url(../images/homefourbg02.png) no-repeat; margin-top:30px;}
.index-foot .concon ul{margin-top: 50px;}
.index-foot .concon ul li{float:left; line-height:20px; text-align:center; width:21%;  
    margin-right:4%; position:relative; padding:22px 10px; font-size:16px; }
.index-foot .concon ul li i{clear:both; display:block; text-align:center; font-style:normal; padding-bottom:10px; }
.index-foot .concon ul li i img{height:46px !important; display:inline-block; vertical-align:bottom; margin-right:5px; width:auto; }
.index-foot .concon ul li:after,.index-foot .concon ul li:before{content:''; position:absolute; border-style:solid; border-color:#cf2423; }
.index-foot .concon ul li:after{border-width:1px; left:0px; bottom:0px; right:5px; top:5px; }
.index-foot .concon ul li:before{border-width:2px; right:0px; top:0px; bottom:5px; left:5px; }
.index-foot .concon .p2{margin-top:50px;font-size:18px; line-height: 35px; }
/*关于我们*/
.nav {background: #f0f3fa;padding: 15px 0;border-bottom: 1px solid #d3dcf0;}
.nav p a {font-size: 14px;color: #4b556e;}
.nav p a:hover {color: #e61e37;}
.about-top {margin:80px auto;}
.about-top h1 {font-size: 38px;color: #05163f;text-align: center;font-weight: bold;}
.about-top h1 img {display: inline-block;margin-left: -35px;width: 30px;height: 30px;}
.about-top .tit{text-align: left;text-indent: 2em;text-align:center;color: #555f7d;
    line-height: 28px;font-size: 16px;color: #555f7d;margin-top: 20px;margin-bottom: 40px;}
.about-info{ clear: both; overflow: hidden; margin-top: 35px; }
.about-video{ float: left; width:62%; height: 500px; 
    background: url('../images/video_bg.jpg') no-repeat left top; background-size: 100%; }
.about-video video{width: 95%; box-sizing: border-box;margin-left:20px;margin-top:6px;}
.about-info p{ float: right; width: 39%; color: #333; font-size: 16px; line-height: 32px; 
    text-align: left; padding: 50px 50px 60px 60px; box-sizing: border-box; margin-top: 25px; margin-left: -1%; border:6px solid #DCDCDC; border-left: 0; }
.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s;
 -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); 
    -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); 
    -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }
.jianjie .r_box{}
.jianjie .l_box .pd{position:absolute; left:50px; top:13%; width:70%; padding:30px 30px 30px;
 background:url(../images/white87.png) repeat;}
.jianjie h5{line-height:1; color:#1f1f1f; margin-bottom:10px; font-size:24px}  
.jianjie .r_box .pd .title{ margin-bottom:20px;}
.jianjie .l_box .pd p{font-size:14px; color:#787878; line-height:26px; margin-bottom:40px;}
.jianjie .l_box  .icon_list li{width:25%; float:left; text-align:center;}
.jianjie .l_box  .icon_list li a{display:block;}
.jianjie .l_box  .icon_list li a:hover .icon{transform:rotateY(180deg); 
    -webkit-transform:rotateY(180deg);}
.jianjie .l_box  .icon_list li .icon{width:55px; height:55px; margin:0 auto 15px; 
    display:block; background:url(../images/about_icons.png) 0 0 no-repeat;}
.jianjie .l_box  .icon_list .li2 .icon{background-position:-55px 0;}
.jianjie .l_box  .icon_list .li3 .icon{background-position:-110px 0;}
.jianjie .l_box  .icon_list .li4 .icon{background-position:-165px 0;}
.jianjie .l_box  .icon_list .name{display:block;font-size:14px; color:#1f1f1f; line-height:20px;}
.info_box{background:#F2F6FF url(../images/pro_x.png) repeat repeat; padding:13px; }
.jianjie .r_box .pd{ background:#fff;    box-shadow: #E2E8FB 0px 3px 10px; padding:15px} 
.jianjie .r_box .pd ul{ margin:10px 0 5px}
.jianjie .r_box .pd li{font-size:15px; color:#787878; line-height:29px;}
.about h3{font-size: 40px;color: #333333;font-weight: bold;}
.about h3:after{content: "";width: 120px;height: 4px;background: #d4500f;display: block;margin: 25px 0 30px;}
.about p{font-size: 16px;line-height: 30px;}
.about3{width: 100%;background: #f8f8f8;padding: 33px 0 12px;}
.about3 .fl{width: 48%;padding: 90px 5% 0 0;}
.about3 .fl p{margin: 30px 0;}
.about3 .fl .btn-hover{margin-top: 50px;}
.about3 .fr{width: 51.534%;}
.about3 .fr{width: 51.534%;}
.about3 .fr ul{background: url(../images/about-cpbg.png) center no-repeat;
    background-size: 100%;padding: 20px 0 60px;}
.about3 .fr li{width: 50%;float: left;text-align: center;line-height: 300px;}
.about3 .fr li img{width:80%; margin:0 auto;}
.about3 .fr li:nth-child(3) img{margin-top:30px;}
.about3 .fr li:nth-child(4) img{margin-top:30px;}
.btn-hover{width: 268px;height: 64px;background: #de5217;border: 4px solid #fd9861;border-radius: 100px;font-size: 20px;color: #ffffff;font-weight: bold;
    line-height: 54px;text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);padding: 0 20px;display: block;box-shadow: 0 6px 0 #de5217,0 0 6px rgba(0, 0, 0, 0.1) inset;
    overflow: hidden;position: relative;transition:all 0.8s ease;}
.btn-hover:after{content: "";width: 14px;height: 24px;background: url(../images/btn-jt.png) center no-repeat;background-size: 100%;display: block;position: absolute;
    right: 28px;top: 50%;margin-top: -12px;}
.btn-hover:before{content: "";display: block;position: absolute;left: -100%;top: 0;width: 100%;height: 100%;
    background-image: -webkit-linear-gradient(0deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5),hsla(0,0%,100%,0));
    transform: skewx(-25deg);-o-transform: skewx(-25deg);-moz-transform: skewx(-25deg);-webkit-transform: skewx(-25deg);
    transition:all 0.8s ease;opacity: 0.8;}
.btn-hover:hover:before{left:100%;}

.about-zb{padding:0px 0 120px; overflow:hidden}
.about-zb li{ width:30.333%; margin:0 1.5%;background-color:#f0f3fa;position: relative;
    overflow: hidden;cursor: pointer; float:left}
.about-zb .tit{font-size: 18px;color:#07284E;text-align: center; line-height:80px; height:80px;}
.about-zb .fugai{position: absolute;top: 100%;left: 0;right: 0;bottom: 0;background: #ffd900;
    text-align: center;opacity: 0;transition: all .5s ease;-webkit-transition: all .5s ease;}
.about-zb .fugai .c_icon{display: block;padding-top:20%;margin:0 auto;}
.about-zb .fugai:hover img{transform: scale(1);-webkit-transform: scale(1);}
.about-zb li:hover .fugai{top: 0;opacity: 1;}
.about-zb li:hover .fugai .c_icon{transform: rotateY(-180deg);transition-delay:.2s; }

.about4{text-align: center; padding-top: 80px;}
.about4 h1{padding-bottom:20px;}
.about4 ul{overflow: hidden;margin: 50px 0;}
.about4 ul li{position: relative;}
.about4 ul li:first-child{margin-left: 0;}
.about4 ul li:before{content: "";width: 1px;background: #de5217;position: absolute;
    top:33px;bottom:10px; right:0;}
.about4 ul li strong{font-size: 24px;color: #de5217;}
.about4 ul li strong a{font-size: 24px;color: #de5217; display: block;}
.about4 ul li p{color: #999999;margin-top: 25px; width: 95%;}
.aboutbott h1{padding-bottom:20px; text-align: center;}
.aboutbott p{ text-align: center;}
/*新闻中心*/
.new-top .bottom{margin-top:50px;}
.new-top .bottom ul {float: left;width:47%;margin-right:3%;position: relative;padding-left: 3%;}
.new-top .bottom ul:before {background: url(../images/ul2_bg.png) no-repeat;background-size: 100% 100%;
width: 34px;height: 206px;content: "";display: block;position: absolute;left: 0;top: 18px;}
.new-top .bottom li {box-shadow: 0 5px 20px rgba(42, 93, 171, 0.15);border-radius:20px 0 0 6px;
    height: 66px;line-height: 66px; margin-bottom: 20px;padding: 0 35px;
    white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.new-top .bottom li a {font-size: 18px;color: #374864;}
.in-new-center{background: url(../images/inaboutbg.jpg) no-repeat; padding:80px 0 80px;  margin-top:80px;}
.news-cont-c .nb-bot {background: #383a3f;color: #fff;-moz-box-sizing: border-box;box-sizing: border-box;
    padding:15px 30px 20px 33px;margin-bottom:28px; font-size:14px;    margin-top:0;}
.news-cont-c .nb-bot a{display: block; color: #fff; font-size:16px; line-height:28px;}
.news-cont-r{position:relative; bottom: 0}
.news-cont-l img{width: 100%;}
.news-cont-l p{background:#f3f3f3; line-height:64px; font-size: 18px; text-indent:20px;}
.news-cont-l p a{color:#333; display: block;font-weight:600;}
.new-hyh2{font-size:36px; /*font-weight:600;*/ color:#fff;}
.new-hyh2 a{ color:#fff;}
.news-cont-r .ts {background: #fff;position:absolute;border-bottom-right-radius: 40px;
    border-top-left-radius: 5px;border-top-right-radius: 5px; top:88px;}
.news-cont-r .ts:before {background: url(../images/wx.png) no-repeat;-o-background-size: cover;
background-size: cover;content: "";display: block;width: 219px;height: 345px;position: absolute;top: 0;}
.news-cont-r .ts:after {background: url(../images/wd.png) no-repeat;-o-background-size: cover;right: 15px;
background-size: cover;content: "";display: block;width: 208px;height: 87px;position: absolute;top: 50px;}
.news-cont-r .ts .text {font-size: 16px;color: #6b9ee3;line-height: 1.8em;
margin-bottom: 50px;padding: 30px 25px 0;position: relative;z-index: 5;}
.news-cont-r .ts .text span {color: #cc9f67;}
.news-cont-r .ts .whrit {padding: 0 30px 25px;}
.news-cont-r .ts .whrit img {display: block;float: left;}
.news-cont-r .ts .l-r {float: left;margin-left: 10px;}
.news-cont-r .ts .l-r p {font-size: 16px;color: #1d427a;}
.news-cont-r .ts .l-r strong {font-size: 20px;color: #1d427a;font-weight: bold;}
.news-cont-r .ts .l-r strong span {font-size: 16px;font-weight: normal;}
.news-cont-r .ts .zx-sy {background: url(../images/zk.png) no-repeat;-o-background-size: 100%;
background-size: 100%;padding: 35px 0 35px 70px;display: block;cursor: pointer;z-index: 5;position: relative;}


.ser-one-four{height:auto; }
.ser-one-four-r .text{background: url(../images/ser-one_icon1.png) left center no-repeat;padding-left: 15%;}
.ser-one-four-r .text1{background: url(../images/ser-one_icon2.png) left center no-repeat;padding-left: 15%;}
.ser-one-four-r .text2{background: url(../images/ser-one_icon3.png) left center no-repeat;padding-left: 15%;}
.ser-one-four-l .fu{font-size: 14px;color: #727171;margin-bottom: 20px;line-height: 28px;height: 80px;overflow: hidden;}
.ser-one-four-l .four-a{display: block;padding:40px 10%;background: #ffcd11;}
.ser-one-four-l .four-a p,.ser-one-four-r p{color:#666;line-height: 28px;font-size: 14px;}
.ser-one-four-r .img-box{}
.ser-one-four-r .img-box>img{}
.ser-one-four-r ul{}
.ser-one-four-r ul li{}
.ser-one-four-r ul li a{padding: 40px 8%;display: block;background: url(../images/white_bg.png) repeat;}
.ser-one-four-r ul li:hover a{background:#ffcd11}



.box-hot{ margin-top: 30px;}
.box-hot{padding: 20px;background-color: #FFF;-webkit-border-radius: 10px;-moz-border-radius: 10px;
    -ms-border-radius: 10px;-o-border-radius: 10px;
    border-radius: 10px;-webkit-box-shadow: 0 3px 15px rgba(37, 92, 79, .15);
    -moz-box-shadow: 0 3px 15px rgba(37, 92, 79, .15);-ms-box-shadow: 0 3px 15px rgba(37, 92, 79, .15);
    -o-box-shadow: 0 3px 15px rgba(37, 92, 79, .15);box-shadow: 0 3px 15px rgba(37, 92, 79, .15);
    overflow: hidden;position: relative;margin-bottom: 40px;}
.box-pic {float: left;width:25%; margin-right:5%;}
.box-pic a {display: block;position: relative;overflow: hidden;}
.box-pic a img {-webkit-border-radius: 10px;
    -moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;}
.box-info {display: block;padding: 6px 20px;}
.box-info a {display: block;color: #333;font-size: 18px;line-height: 28px;font-weight: bold;}
.box-info a:hover {color: #05163f;}
.box-info p.box-font{line-height:30px;margin-top: 10px; font-size:16px;}
.box-info span {display: inline-block;color: #AAA;font-size: 16px;margin-top: 12px;}
.box-more {position: absolute;right: 0;bottom: 0;width: 42px;height:30px;line-height: 42px;text-align: center;
    background-color:#05163f;-webkit-border-top-left-radius: 10px;-moz-border-top-left-radius: 10px;
    -ms-border-top-left-radius: 10px;-o-border-top-left-radius: 10px;border-top-left-radius: 10px;
    -webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.box-more img{margin-top:8px;}
.box-more:hover {width: 50px;}
.in-new-bottom{padding:30px 0 80px;}
/*新闻内页*/
.news-title h1 {font-size:36px;font-weight:bold;line-height:50px;}
.news-title p {margin:20px 0 50px 0;}
.news-title span {font-size:16px;color:#666666;padding-left:30px;}
.news-title .author {background:url("../images/author.png") left center no-repeat;margin-right:30px;}
.news-title .date {background:url("../images/time.png") left center no-repeat;}
.new-con {border-radius:10px;padding:40px;box-shadow: -12px -13px 30px #d8d8d8;
    position:relative;overflow:inherit; margin:80px 0; }
.new-con-con{}
.new-con-con p{font-size:16px;line-height:36px;margin:20px 0;}
.new-con-conr{ border: 10px solid #f5f5f5; }
.new-con-conr li { padding:15px 0; border-bottom: 3px solid #f5f5f5;}
.new-con-conr li b{ font-size:14px; line-height:40px;}
.new-con-conr li a{display: block; font-size:16px; line-height:40px;}
/*产品封面*/
.pro-navy{ clear: both; overflow: hidden;padding:80px 0;background:#fff; }
.pro-navy ul li{ float: left; width:16.6%; text-align: center; border-radius: 6px; 
    border:1px solid #D5D5D5; box-sizing: border-box; }
.pro-navy ul li a{ display: block; }
.pro-navy ul li .pro-nav{ height:140px; padding-top: 15px; }
.pro-navy ul li .pro-nav01{ background:url(../images/ico-pic01.png) no-repeat center; }
.pro-navy ul li .pro-nav02{ background:url(../images/ico-pic02.png) no-repeat center; }
.pro-navy ul li .pro-nav03{ background:url(../images/ico-pic03.png) no-repeat center; }
.pro-navy ul li .pro-nav04{ background:url(../images/ico-pic04.png) no-repeat center; }
.pro-navy ul li .pro-nav05{ background:url(../images/ico-pic05.png) no-repeat center; }
.pro-navy ul li .pro-nav06{ background:url(../images/ico-pic06.png) no-repeat center; }
.pro-navy ul li p{ font-size: 18px; margin-top: 3px; }
.pro-navy ul li p a{ color: #333; }
.pro-navy ul li b{ display: block; }
.pro-navy ul li b img{ margin: 6px auto;}
.pro-navy ul li:hover{ background:url(../images/ico-arrow04.png) #172d5c no-repeat right bottom; border:none; padding: 1px; }
.pro-navy ul li:hover .pro-nav01{ background-image:url(../images/ico-pic011.png); }
.pro-navy ul li:hover .pro-nav02{ background-image:url(../images/ico-pic022.png); }
.pro-navy ul li:hover .pro-nav03{ background-image:url(../images/ico-pic033.png); }
.pro-navy ul li:hover .pro-nav04{ background-image:url(../images/ico-pic044.png); }
.pro-navy ul li:hover .pro-nav05{ background-image:url(../images/ico-pic055.png); }
.pro-navy ul li:hover .pro-nav06{ background-image:url(../images/ico-pic066.png); }
.pro-navy ul li:hover p a{ color: #FFF; }
.pro-navy ul li.cur{ background:url(../images/ico-arrow04.png) #172d5c no-repeat right bottom; border:none; padding: 1px; }
.pro-navy ul li.cur .pro-nav01{ background-image:url(../images/ico-pic011.png); }
.pro-navy ul li.cur .pro-nav02{ background-image:url(../images/ico-pic022.png); }
.pro-navy ul li.cur .pro-nav03{ background-image:url(../images/ico-pic033.png); }
.pro-navy ul li.cur .pro-nav04{ background-image:url(../images/ico-pic044.png); }
.pro-navy ul li.cur .pro-nav05{ background-image:url(../images/ico-pic055.png); }
.pro-navy ul li.cur .pro-nav06{ background-image:url(../images/ico-pic066.png); }
.pro-navy ul li.cur p a{ color: #FFF; }

.pro_list{padding-bottom: 80px;}
.pro-cons {position: relative;margin-top: -95px;z-index: 0;padding-top: 50px;}
.pro-cons:before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: -1;
    background-color: #FFF;-webkit-border-radius: 40px 40px 0 0;-moz-border-radius: 40px 40px 0 0;
    -ms-border-radius: 40px 40px 0 0;-o-border-radius: 40px 40px 0 0;border-radius: 40px 40px 0 0;}
.txt-con {overflow: hidden;display: block;color: #333;font-size: 30px;font-weight: bold;}
.txt-con:before {content: '';display: inline-block;vertical-align: middle;width:35px;height: 34px;
    background: url(../images/home_ico2.png) no-repeat;margin-right:5px;margin-top: -2px;}
.txt-con:hover {color: #15143b;}
.pro-txt p {color: #666;font-size: 18px;line-height: 36px;margin-top: 10px;}
.more-btn {float: right;width: 200px;line-height: 50px;background: url(../images/more-btn.png) no-repeat;
    color: #FFF;font-size: 22px;padding-left: 40px;position: relative;top:50px;}
.more-btn:before,.more-btn:after {content: "";position: absolute;transition: all .3s;
-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;}
.more-btn:before {right: 10px;top: 10px;width: 30px;height: 30px;
    background: url(../images/more-icon.png) no-repeat;}
.more-btn:after {right: 20px;top: 19px;width: 27px;height: 12px;
    background: url(../images/more-arrow.png) no-repeat;}
.more-btn:hover {color: #F0BE4D;}
.more-btn:hover:before {right: 24px;}
.more-btn:hover:after {right: 10px;}
.pro_list li{margin-top:50px;}
.pro_list li:hover {-moz-box-shadow: 0 5px 10px silver;-webkit-box-shadow: 0 5px 10px silver;
    box-shadow: 0 5px 10px silver; background: #f0f3fa;}
 
.pro_list dt{border:#CCD5E9 1px solid; text-align:center; padding:10px 1%;background: #fff url(../images/pro_x.png) repeat;}
.pro_list dt img{  margin-bottom:3px;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;
    -o-transition:.3s;transition:.3s;box-shadow:#E2E8FB 0px 3px 10px;}
.pro_list dt a:hover img{filter:alpha(opacity=80);opacity:0.8; -moz-opacity:0.8;
    -khtml-opacity: 0.8;opacity: 0.8;}
.pro_list dd h3{ font-size:20px;background:#f0f3fa;padding:15px 0;}
.pro_list dd h3 a{ color:#475770;display: block; text-align:center;}

.pro_list{margin-top:20px; }
.pro_list .bj-btn,.pro_list .r_btn{ width:90px; margin: 15px 0 15px;  display: inline-block;
 text-align: center;  font-size: 14px;   line-height: 36px;}
.pro_list .bj-btn{color: #617798;border:#617798 1px solid;-webkit-transform: skew(-8deg, 0);
    transform: skew(-8deg, 0); background:#fff}
.pro_list .r_btn{ background: #617798; border:#333 1px solid;color: #fff;}
.pro_list .bj-btn:hover{color: #07284E; background: #fff; border:1px solid #999;}
.pro_list .r_btn:hover{color: #fff; background:#252A3C; border:1px solid #252A3C;}
/*产品内容*/
.pro-pro{padding:80px 0;  background: url(../images/ProPro_bg.jpg) no-repeat;color:#fff;}
.pro-pro-left{border-radius: 30px; }

.pro-pro-left span{border-radius:20px;  margin-top:10px;}
.pro-pro-left .font{display: inline-block; padding:10px 80px 10px 20px;
    -webkit-box-shadow:inset 0px 3px 24px rgba(33,120,198,.35);
    -moz-box-shadow:inset 0px 3px 24px rgba(33,120,198,.35);
    -ms-box-shadow:inset 0px 3px 24px rgba(33,120,198,.35);
    -o-box-shadow:inset 0px 3px 24px rgba(33,120,198,.35);
    box-shadow:inset 0px 3px 24px rgba(33,120,198,.35);-webkit-border-radius: 0 0 30px 9.33px;
    -moz-border-radius: 0 0 30px 9.33px;-ms-border-radius: 0 0 30px 9.33px;
    -o-border-radius: 0 0 30px 9.33px;border-radius: 0 0 30px 9.33px;}

.pro-pro-left .span1 img{display: inline-block; margin: 6px 3px 10px 20px; padding:0;}
.pro-pro-left .span1{line-height:30px; font-size:18px; display: inline-block;padding-bottom:10px;}.
.pro-pro-leftbg img{border-radius: 0 0 30px 9.33px; }
.pro-pro-leftbg .img:after{content: '';display: block;position: absolute;background:#f00;}
.pro-pro-rig{padding-left:50px;}
.pro-pro-rigtit h1{font-size:42px; line-height: 72px; text-indent:46px; background: url(../images/sp_bg.png) left 10px no-repeat;}
.pro-pro-rigtit .p1{font-size:16px; line-height:40px; margin:20px 0;}
.pro-pro-rigtit .p2{font-size:18px;text-indent: 30px;margin-top:30px;
    background: url(../images/icon_cs.png) left 9px no-repeat; line-height:35px;}
.pro-pro-rigcon{margin-top:60px;width: 100%;position: relative;}
.pro-pro-rigcon .play {height: 90px;width: 90px;display: block;float: left;border-radius: 100%;position: relative;}
.pro-pro-rigcon .play a{display: block;position: absolute;left: 16px;top: 16px;right: 16px;
    bottom: 16px;border-radius: 100%;background: #15143b;z-index: 3;font-size: 16px;
    line-height: 20px;padding: 10px;color: #fff;text-align: center;font-weight: bold;
    -webkit-box-shadow: 0 0 38px rgba(9,19,24,0.78);-moz-box-shadow: 0 0 38px rgba(9,19,24,0.78);
    box-shadow: 0 0 38px rgba(9,19,24,0.78);transition: all .5s linear;}
.play:before {left: 0;top: 0;right: 0;bottom: 0;opacity: .16;
    filter: alpha(opacity=16);z-index: 1;}
.play:after {left: 8px;top: 8px;right: 8px;bottom: 8px;opacity: .28;
    filter: alpha(opacity=28);z-index: 2;}
.pro-pro-rigcon .play:after ,.pro-pro-rigcon .play:before{content: '';display: block;
    border-radius: 100%;background:#15143b;position: absolute;}
.pro-pro-rigcon dl{position: absolute;top: 0;height: 100%;left: 72px;
    right: 200px;padding-top: 14px;}
.pro-pro-rigcon dl:before{content: '';display: block;width: 100%;top:319%;
    height: 1px;left: 0;position: absolute;background: #7d7d7d;}
.pro-pro-rigcon dt{ font-size:18px; margin-top:5px;text-align: center; }
.pro-pro-rigcon dd{ font-size:24px; text-align: center; font-weight:600; }
.pro-pro-rigcon dd a{ color:#f00;}
.pro-pro-rigcon p{height: 70px;margin-top: 10px;padding: 5px;border-radius: 70px;
    float: right;border: 1px dotted #15143b;}
.pro-pro-rigcon p a{height: 58px;display: block;position: relative;}
.pro-pro-rigcon p a:before{z-index: 1;  background:#132e5d; border:3px #15143b solid;}
.pro-pro-rigcon p a:after,.pro-pro-rigcon p a:before{border-radius: 58px;content: '';
    display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.pro-pro-rigcon p a span{padding: 0 32px;font-size: 22px;line-height: 58px;display: inline-block;
    font-weight: bold;color: #fff;position: relative;z-index: 3;transition: all .5s linear;}    

.pro-pro-confen{padding:20px 0; background:#f0f0f0;}
.pro-pro-confen li {float: left;position: relative;z-index: 2;width:13%;margin-right:5%;} 
.pro-pro-confen li a{display: block; border:1px dashed #dadada; padding:10px 0;
    color: #606470;font-size:20px;text-align: center;}
.pro-pro-confen li a:before {background:#f0f0f0;}
.pro-pro-confen li:hover a,.pro-pro-confen .active{background:#fc752e;border:1px solid transparent;
    color:#fff;background:-webkit-linear-gradient(left top,#fa8c35,#ff461f);
    background:-o-linear-gradient(bottom left,#fa8c35,#ff461f);
    background:-moz-linear-gradient(bottom left,#fa8c35,#ff461f);
    background:linear-gradient(to bottom left,#fa8c35,#ff461f);}
.pro-pro-confen .active a{color:#fff;}
.pro-pro-conlejs{}
.pro-pro-conlejs p{}
.pro-pro-conle h2{font-size:30px; padding:50px 0 10px; }
.pro-pro-conle p{font-size:18px; line-height:40px; }
.pro-pro-conle img{margin:30px auto;}
.pro-pro-conle p strong{font-size:20px;}
.pro-pro-conlead p{background: url(../images/xqysicon1.png) no-repeat; text-indent:30px; 
    background-size: auto 44px;    margin:10px 0 30px; line-height:45px;}
.pro-pro-conrig{border: 1px solid #dedede; border-top: none; padding:40px 30px;}
.pro-pro-conrig li{margin-top:30px;}
.pro-pro-conrig li img{  border-radius:15px;}
.pro-pro-conrig li p{font-size:18px; line-height:55px; text-align: center;}

.proonefr{ position:relative; z-index:1; }
.proonefr h1{color:#fff; font-size:36px; display:inline-block; position:relative; 
    line-height:1.7; margin-bottom:28px;text-indent: 80px;  font-weight:600; }
.proonefr h1:after{content:''; position:absolute; left:10px; top:-5px; width:63px; height:63px;
    background-size:63px; background:url(../images/prooneicon01.png) no-repeat center top;}
.proonefr .proonefrtab{clear:both; }
.proonefr .proonefrtab li{float:left; font-size:16px; line-height:45px; color:#fff; width:180px; margin-right:10px; 
    border-radius:5px 5px 0px 0px; background-color:#9d4a15; white-space:nowrap; overflow:hidden; 
    background-image:linear-gradient(90deg, #7e3719, #cb640f); 
    background-position:left center; background-size:100% 100%; 
    background-repeat:no-repeat; text-overflow:ellipsis; text-align:center;  }
.proonefr .proonefrbox{margin:0px 11px 30px;  width: 113%; position:relative; border-radius:5px; 
    padding:20px 15px; z-index:2;}
.proonefr .proonefrbox:after{content:''; position:absolute; left:0px; bottom:0px; right:0px; top:0px;
    background:#fff; z-index:2; border-radius:5px; box-shadow:0px 4px 20px rgba(0, 0, 0, 0.2) inset; }
.proonefr .proonefrbox:before{content:''; position:absolute; left:-11px; right:-11px; top:-9px;
    bottom:-9px; background:url(../images/homefivebg.jpg) repeat; z-index:1; 
    box-shadow:0px 4px 20px rgba(0, 0, 0, 0.2); border-radius:5px; }
.proonefr .proonefrbox p{position:relative; z-index:3; clear:both; display:block; 
    font-size:16px; line-height:45px; padding:5px 0px; color:#1b1b1b; }
.proonefr .proonefrbox p strong{font-weight:normal; }
.proonefr .proonefrbox p:first-child,.proonefr .proonefrbox p:nth-child(2){clear:none; float:left; 
    background:url(../images/prooneicon02.jpg) no-repeat left 16px; padding-left:20px; 
    margin-bottom:7px; }
.proonefr .proonefrbox p:first-child span,.proonefr .proonefrbox p:nth-child(2) span{color:#bc0000; 
    font-size:16px; font-weight:bold; }
.proonefr .proonefrbox p:first-child{padding-right:80px; }
.proonefr .proonefrbox p:nth-child(3){border-top:1px solid #e8e8e8; padding-top:10px; }

table{width:100%;text-align: center;margin:0 auto;border-left:1px solid #eeeeee;
    border-top:1px solid #eeeeee; font-size:18px; }
table tr th{background:#15143b;text-align:center;color: #fff;}
table tr th,table tr td{padding:10px 0;border-right:1px solid #eeeeee;border-bottom:1px solid #eeeeee;}
table tr th.tbg,table tr td.tbg{background:#15143b;color: #fff;font-weight: bold;text-align:center;}
.pro-pro-conlecy img{}
.pro-pro-case{padding-top:60px;}
.pro-pro-case li{margin-top:40px;padding-top:20px;box-shadow: 0 -2px 10px #e0dddd;}
.pro-pro-case li:hover{box-shadow: 2px 2px 10px #15143b;; transition:.5s;}
.pro-pro-case li p{font-size:18px; line-height:55px; text-align: center;}
.pro-pro-connew{box-shadow: 0 -2px 10px #e0e0e0;padding:30px 60px 60px; border-radius: 10px; margin:80px 0;}
.pro-pro-connew h2{padding-top:20px;}
.pro-pro-connew li{border-bottom: 1px solid #ffecec; margin-top:10px;}
.pro-pro-connew li a{background: url(../images/cp-tb2.png) no-repeat left center; text-indent:30px;
 display:block; line-height:60px; font-size:16px;}


/*客户案例*/
.inside_main {background: url(../images/banner_bg.jpg) no-repeat top center; padding:30px 0 80px;
    -webkit-background-size: cover;-moz-background-size: cover;position: relative;
    -ms-background-size: cover;-o-background-size: cover;background-size: cover;}
.solu_nav,.solu_nav a{color: #fff;}
.content_tit {width:100%;position:relative;}
.content_tit .left {width:44%;padding:70px 0 50px;}
.content_tit .left h3 {font-size:36px;color:#eef2ff;font-weight:bold;margin:15px 0 20px 0; line-height:1.5;}
.content_tit .left p {font-size:16px;color:#cadefc;line-height:32px; padding:10px 0;}
.content_tit .right { width:53%;max-width:780px;position:absolute;right:0;top:-7px;border-radius:50px 0 0 50px;overflow:hidden;}
.case_titbg{ max-width:1560px;padding:0 15px; margin:0 auto;/*background:url("../images/banner_bg.jpg") left  20px no-repeat;*/}
.caselist{ width:100%; margin:170px auto 30px;  position: relative;}
.caselist ul { margin: 0 -2.65%; padding: 0 0 0 0;}
.caselist ul li { float:left;width: 28%;margin: 0 2.65% 88px;}
.inside_main ul li{ margin-top:15px; border-radius:60px; display:table; float:left; 
    color: #a7cbfd;  border: 1px dashed #cadefc;  font-size:18px; line-height: 2;  
    margin-left: -15px; margin-bottom:20px;}
.inside_main ul li a{color: #cadefc; display:block; padding: 0 28px;  }
.casenav-listul{position:relative; top:-50px; background:#fff;box-shadow: 2px 2px 5px #333333; 
    padding:25px 0;}
.casenav-listul li{float:left; width:33.3333%;border-right:1px solid #f00; }
.casenav-listul li a{ font-size:20px; display:block; text-align:center;}
.case-list{margin-bottom:60px;}
.case-list ul li{margin:30px 0; }
.case-list ul li img{overflow: hidden; }
.case-list ul li:hover img{transform: scale(1.01);}
.case-list ul li p{width:80%;background:#1d252d; position:absolute;
    right:15px;bottom:-2px;transition:all ease .3s;}
.case-list ul li p a{font-size:20px;color:#fff; text-align:center;padding:10px ;
    line-height:30px;border:2px solid #db511b; 
    display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.case-list ul li:hover p,.case-list ul li:hover p a{white-space:normal; right:13px;}
.case-two{margin-bottom:50px;}
.case-two h2{text-align: center;font-size: 42px;color:#333;line-height: 60px;font-weight: 600;}
.case-two-tit{text-align: center;font-size: 16px;color:#666;line-height: 32px;
    width:75%;margin:0 auto 30px;}
.case-two ul li{text-align: center; /*width:20%;float: left;margin-left:4%;*/}
.case-two ul li a{display: block;overflow: hidden;}
.case-two ul li a img{-moz-transition: all 1s ease;-o-transition: all 1s ease;
    -webkit-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease;
    display:block;width:100%;}
.case-two ul li a img:hover{-moz-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);transform: scale(1.1,1.1);}
.case-two ul li h4{display: block;border:1px solid #666;margin-top:0px;}
.case-two ul li h4 a{font-size: 16px;line-height: 54px;height: 54px;display: block}
.case-two ul li:hover h4{border:1px solid #e6221a;background: #e6221a;transition: all 1s ease}
.case-two ul li:hover h4 a{color:#fff;transition: all 1s ease;}
.case-three,.case-five{background:#f0f3fa;padding:50px 10%;}
.case-three{ line-height:30px;  }  
.case-three h3{ margin:20px 0;font-size: 32px;color:#333;}
.case-three p{ margin-bottom:30px;font-size:16px;color:#333;line-height:36px;width:95%;}

.case-four{margin:50px auto;}
.case-four h3{text-align: center;font-size: 36px;font-weight: 600;color: #333;}
.case-four-tit{text-align: center;font-size: 16px;color:#666;line-height: 32px;margin: 10px auto;}
.case-four ul{ width:100%; margin:0 auto 20px; overflow:hidden}
.case-four li{ width:22%;  float:left; margin-right:3%;}
.case-four li a{ display:block;  width:100%;text-align:center; line-height:21px; padding-top:20px; 
    font-size:14px; color:#9a9a9a;}
.case-four li b{ display:block; font-size:18px; font-weight:normal; margin-bottom:5px; 
    margin-top:20px;color:#242424;}
.case-four-ico {display: inline-block;width:145px;height:145px;vertical-align: middle;
    background: url(../images/sy_15.png) no-repeat #fff;margin: 0 0.3em;
    box-shadow: 2px 0 20px rgba(21, 53, 129, 0.2);border-radius:50%;}
.case-four-ico_2 {background-position: -145px 0;}
.case-four-ico_3 {background-position: -290px 0;}
.case-four-ico_4 {background-position: -435px 0;}
.case-four li:hover .case-four-ico{background-position: 0 -145px;}
.case-four li:hover .case-four-ico_2 {background-position: -145px -145px;}
.case-four li:hover .case-four-ico_3 {background-position: -290px -145px;}
.case-four li:hover .case-four-ico_4 {background-position: -435px -145px;}
.case-five-l{float: left;width: 12%;text-align: center;}
.case-five-l span{background: linear-gradient(#D5E1FC,#A6B6E2);border-radius:50%; display:block}
.case-five-l img{width: 100%;border-radius:50%;}
.case-five-l strong{text-align: center;font-size: 18px;color:#333;font-weight: 600;line-height: 42px}
.case-five-r{float:right;width:80%;background: url(../images/yinhao.png) no-repeat right top; }
.case-five-r h4{font-size: 30px;color:#333;font-weight: 600;line-height: 60px}
.case-five-r p{font-size: 16px;color:#666;line-height: 32px;margin-top: 15px;margin-bottom:30px;}
.case-five-r a{height: 50px;line-height: 50px;width: 40%;margin: 3px 1.5%;*margin: 3px 1.3%;
    float: left;font-size: 20px;text-align: center;border-radius:30px;}
.case-five-r .zixun{background: #e6221a;color: #fff;}
.case-five-r .tel{background:#38425a;color: #fff;}
.case-last{margin:80px 0;}
.case-last h2{text-align: center;font-size:38px;color:#333;line-height: 60px;font-weight: 600;}
.case-last ul li p{font-size:18px; line-height:45px;text-align:center;}


.casesp h1{text-align:center; font-size:40px; line-height:60px;}

.casesp video{font-size:16px;line-height:32px;   width:90%; margin-left: 5%; }
.casesp p.date{text-align:center;}
.casesp span {width: 100%;height: 1px;border-bottom: 1px dashed #ddd;display: block; margin-bottom:30px;}
.casesp p{margin-bottom:10px;}
.casesp img{margin:0 auto;display:block;}
/*联系我们*/
.cont-con1 {padding:80px 0 30px;}
.cont-con1 h1{text-align:center; margin-bottom:50px;font-weight:600;}
.cont-con1 ul {}
.cont-con1 li {background: #fff;border-radius: 10px;padding: 10px;float: left;
    width:19%;margin-left:1%;text-align: center;-webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;-moz-transition: all .3s ease-out;transition: all .3s ease-out;}
.cont-con1 li:hover {box-shadow: 4px 4px 20px 5px rgba(0, 0, 0, 0.13);
    -webkit-transform: translate(0, -3px);-moz-transform: translate(0, -3px);
    -ms-transform: translate(0, -3px);-o-transform: translate(0, -3px);transform: translate(0, -3px);}
/*.cont-con1 li:hover img {-webkit-animation: bounceIn 1000ms both;
    -moz-animation: bounceIn 1000ms both;-o-animation: bounceIn 1000ms both;
    animation: bounceIn 1000ms both;}*/
.cont-con1 li .box {border: 1px solid #e8f2ff;border-radius: 10px;padding-top: 40px;padding-bottom: 55px;}
.cont-con1 li .box p {font-size: 14px;color: #333;margin-top: 30px;margin-bottom: 3px;}
.cont-con1 li .box p a {font-size: 18px;color: #333}
.cont-con1 li:hover .box p a {color: #da251d;font-weight: bold;}
.cont-con1 li .box span {font-size: 14px;color: #333;}
.cont-con1 li .box .tel {font-size: 20px;font-weight: bold;display: inline-block;
background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgb(249, 140, 48)), to(rgb(249, 73, 40)));
-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.cont-con1 li .box .tel-sj {font-size: 20px;font-weight: bold;display: inline-block;
background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgb(249, 140, 48)), to(rgb(249, 73, 40)));
-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.cont-con2{background: url(../images/bg-contact.jpg) repeat-y; padding:60px 0;}
.cont-con2-left h2{ color: #333; font-size:30px; margin-bottom: 30px; font-weight:600; }
.cont-con2-left p{ line-height: 30px; color: #333; font-size: 16px; margin-bottom: 10px; }
.cont-con2-left p img{ margin-right: 10px; }
.cont-con2-left p em{ color: #ed1c24; font-size: 24px; font-weight: bold; }
.way-con{ clear: both; overflow: hidden; padding-top: 50px; margin-top: 40px; 
    border-top:1px solid #EEE; }
.way-con img{ float: left; width: 170px; height: 170px; margin-right: 15px; }
.way-con b{display: block; color: #666; font-size: 15px; font-weight: normal; 
    line-height: 30px; margin: 10px 0; }
.way-con span{ display: block; overflow: hidden; color: #FFF; font-size: 14px; 
    width: 125px; height: 35px; line-height: 35px; border-radius: 5px; 
    text-align: center; margin-top: 20px; cursor: pointer; background-color: #ed1c24; }
.cont-con2-rig {background: url(../images/message_mark.jpg) left top repeat;}
.cont-con2-rig h2 {font-size:30px;font-weight: bold;color: #3d3d3d;}
.cont-con2-rig p {margin-top: 10px;font-size: 16px;line-height: 26px;color: #888888;}
.item-title{margin-top:20px; font-size:18px;}
.item-form input{width:90%; line-height:28px; font-size:16px; }
.item-form textarea{width:90%; line-height:28px; font-size:16px; padding:10px 0;}
.item-button input{width:30%; line-height:28px; font-size:16px; margin-top:10px;
    background:#051766; color:#fff;}
.contact-bs{margin-top:40px;}
.contact-bs ul li{} 
.contact-bs ul li a{text-align:center;display: block; font-size:16px; line-height:46px;border:1px solid #dedede; 
    margin:10px 0;    background:#fefefe; color: #333;} 
/*服务页面*/
.ser-idea {padding:60px 0 80px;background-color: #F4F4F4;}
.ser-idea-txt h2{font-size:40px; line-height:80px; text-align:center;}
.ser-idea-txt p{font-size:18px; line-height:45px;text-align:center;}
.ser-idea ul {margin-left: -3%;margin-top: 50px;}
.ser-idea ul li {float: left;width: 30.3%;margin-left: 3%;position: relative;}
.ser-idea ul li img {width: 100%;height: auto;-webkit-border-radius: 10px;-moz-border-radius: 10px;
    -ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;}
.ser-idea ul li strong {position: absolute;left: 0;bottom: 0;width: 112px;height: 74px;
    line-height: 77px;background: url(../images/ser-idea.png) no-repeat;
    color: #FFF;font-size: 24px;z-index: 2;padding-left: 24px;}
.ser-idea ul li p {position: absolute;right: 0;bottom: 0;left: 90px;background-color: #F0BE4D;
    line-height: 50px;text-align: center;padding-left: 6px;color: #333;font-size: 18px;
    -webkit-border-bottom-right-radius: 10px;-moz-border-bottom-right-radius: 10px;
    -ms-border-bottom-right-radius: 10px;-o-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;}
/*.ser-parts {margin-top: 80px;padding: 80px 0 90px;background-color: #F4F4F4;}
.base-txt h2 {color: #333;font-size: 46px;line-height:90px;}
.base-txt p {color: #333;font-size:18px;line-height:35px;margin:20px 0;}
.part-info {float: left;width: 65%;}.part-con {position: relative;margin-top: 52px;}
.part-con span {position: absolute;left: 0;top: -6px;cursor: pointer;}
.part-con span img {width: 100%;height: auto;}
.part-pic {float: right;width: 30%;}
.part-pic img {width:94.5%;height: auto;}*/

.capacity-panel {padding: 70px 0 90px;overflow: hidden;background: #1c2a37;
    background: -webkit-linear-gradient(70deg, #141f2a, #2c3d4d);
    background: linear-gradient(70deg, #141f2a, #2c3d4d);}
.capacity-panel .lf-panel {width: 52%; float:left;}
.capacity-panel .lf-panel>h2 {height: 100px;padding-top: 36px;line-height: 64px;font-size: 48px;
    width: 100%;color: #e6e6e6;background-position: left top;background-repeat: no-repeat;
    -webkit-background-size: auto 100%;background-size: auto 100%;}
.capacity-panel .lf-panel>p {margin-top: 40px;font-size: 17px;line-height: 32px;padding-bottom: 18px;
    width: 100%;overflow: hidden;color: #e6e6e6;}
.capacity-panel .item-img {margin-top: 50px;display: block;width: 100%;overflow: hidden;}
.capacity-panel .rt-panel {padding-top: 20px;width: 43.33333%;float: right;}

.contact_main2{ padding:50px 0 0; clear:both; }
.contact_main2 ul{margin:30px -1.4% 0px; padding-bottom:80px; overflow:hidden; clear:both;}
.contact_main2 h2 {display: block;position: relative;font-size: 38px;line-height: 1.2em;color: #05163f;
    text-align: center;font-weight: bold;}
.contact_main2 .tit {text-align: center;line-height: 28px;font-size: 16px;color: #555f7d;width: 73%;margin: 20px auto 40px;}
.contact_main2 li {width: 20%;float: left;padding: 0 1.4%;}
.contact_main2 li .item {background: #fff;text-align: center;border-radius: 16px 16px 10px 10px;
    -webkit-box-shadow: 0 0 10px rgba(1, 3, 8, .1);-moz-box-shadow: 0 0 10px rgba(1, 3, 8, .1);
    -ms-box-shadow: 0 0 10px rgba(1, 3, 8, .1);-o-box-shadow: 0 0 10px rgba(1, 3, 8, .1);
    box-shadow: 0 0 10px rgba(1, 3, 8, .1);}
.contact_main2 .item .pic {padding: 20px 0;}
.contact_main2 .txt{background: -webkit-linear-gradient(bottom left, #50649a, #8098da);
    background: -o-linear-gradient(bottom left, #50649a, #8098da);
    background: linear-gradient(to top right, #50649a, #8098da);
    background-image: linear-gradient(to right, #677cac 0%, #3b517f 100%, #6b8cce 100%, #a2b6df 100%);
    /*padding: 18px 20px 25px;*/border-radius: 0 0 16px 16px;}
.contact_main2 .txt strong {display: block;font-size:26px;line-height:55px;color:#fff;}
.contact_main2 .txt span {color:#fff;display: block;font-size:18px;line-height:36px;}


/*新做产品封面*/
/*.insideban01{background:url(../image/insideban01.jpg) no-repeat center top; background-size:100%; }*/
.insideban01{background:url(../images/contact_banner.jpg) no-repeat center top; background-size:100%; }
.insideban01 .breadnav:after{content:''; background:url(../image/insideban01icon.png) no-repeat center top;
 width:500px; height:100px; background-size:500px; position:absolute; right:120px; top:80px; }
.insideban01 .breadnav{position:relative; font-size: 16px; padding: 25px 0px 46px 0px;  color:#fff;}
.insideban01 .breadnav a{ color:#fff;}
.prozhtit{clear:both; display:block; color:#fff; font-size:18px; line-height:1; 
    background:url(../image/homeoneicon01.png) no-repeat left 11px; padding-left:32px; 
    margin-bottom:32px; background-size:13px; }
.prozhtit strong{clear:both; display:block; font-size:32px; line-height:1;  margin-bottom:15px; }
.prozhtit h1{clear:both; display:block; font-size:32px; line-height:1; margin-bottom:15px; }
.prozhtit a{color:#fff; }
.prozhtit a:hover{color:#c9221e; }

.proin{clear:both; background:url(../image/homefivebg.jpg) repeat; 
    padding:30px 30px 60px 30px; margin-bottom:58px; position:relative; }
.proin .prointop{position:relative; z-index:2; }
.proin .prointop span{float:left; width:; }
.proin .prointop .prointoptit{float:left; width:; padding-left:5px; font-size:18px; 
    color:#121212; line-height:20px; padding-top:9px; }
.proin .prointop .prointoptit h3{clear:both; display:block; font-size:38px; 
    color:#252525; padding-bottom:30px; line-height:1; background-size:24px; 
    background:url(../image/proinicon01.png) no-repeat left 40px; }
.proin .prointop .prointoptit h3 a{font-weight:600;}
.proin .prointop .more_detail{float:right; border:1px dashed #dd8581; width:120px;font-size:18px; 
    line-height:35px; transition:all .2s linear; border-radius:15px; text-align:center; 
    color:#161616; background:url(../image/proinicon04.png) no-repeat 19px center; 
    background-size:8px; padding-left:15px; margin-top:22px; }
.proin .prointop .more_detail:hover{background:#c9221e; color:#fff; transition:all .2s linear; }
.proin .proinul{clear:both; display:block;  padding-top:21px; 
    position:relative; z-index:2; }
.proin:nth-of-type(1)  .proinul li:nth-child(2):after,.proin:nth-of-type(2) 
    .proinul li:first-child:after,.proin:nth-of-type(3) .proinul li:first-child:after,
    .proin:nth-of-type(4) .proinul li:first-child:after{content:''; position:absolute; 
     top:-6px; background:url(../image/proinicon03.png) no-repeat center top; 
    width:; height:35px; background-size:30px; }
.proin .proinul li>a{clear:both; display:block; border-radius:6px 6px 0px 0px; overflow:hidden; }
.proin .proinul li>a img{width: 100%;}
.proin .proinul li .proinulpic{clear:both; display:block; }
.proin .proinul li .proinultit{background-color:#c9221e; border-radius:0px 0px 6px 6px; 
    overflow:hidden; background-image:linear-gradient(90deg, #c9221e 30%, #e35d10 50%, #ca231e);
     background-position:left center; background-size:200% 100%; background-repeat:no-repeat; 
     transition:background-position .6s ease; }
.proin .proinul li .proinultit a{clear:both; display:block; text-align:center; color:#fff; 
    background:url(../image/proinicon05.png) no-repeat right center; line-height:30px; 
    padding:7px 0px; font-size:18px; }
.proin .proinul li:hover .proinultit{background-position:right center; }
.proinbom{clear:both; padding-top:30px; padding-left:8px; }
.proinbom a{float:left; margin-top:17px; border:1px dashed #969696; margin-left:-8px; 
    padding:1px 27px; line-height:35px; font-size:18px; border-radius:13px; }
.proinbom a:hover{color:#c9221e; border-color:#c9221e; }

/*产品列表*/
.Prolist{}
.Prolist ul li{margin-top:20px; margin-bottom:20px;}


/*公司新闻*/
.list-page {position: relative;overflow: hidden;}
.wrapper {width: 100%;max-width: 1920px;position: relative;}
.newsCenter-banner>span {background-image: url(../images/news_banner.jpg);height: 460px;}
.list-page .abs-panel {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;}
.list-page .abs-panel .wrap {padding: 30px 0 0;height: 100%;}
.loca{width:100%;height:36px;font-size:0;overflow:hidden;position:relative;z-index:3}
.loca a,.loca span{display:inline-block;font-size:14px;color:#a0a0a0;line-height:36px;
    transition:all .5s linear}
.product-center{overflow:hidden;z-index:1;margin-top:-50px}
.product-center .wrap>span{display:block;margin:0 -78px;border-radius:20px 20px 0 0;height:50px;background:#fff}

.list-page .abs-panel .wrap h2 {height: 92px;font-size: 58px;letter-spacing: 64px;line-height: 72px;
    padding-top: 20px;margin-top: 70px;margin-bottom: 25px;width: 100%;background-image: url(../images/font_mark.png);
    background-position: left top;background-repeat: no-repeat;
    -webkit-background-size: auto 100%;background-size: auto 100%;color: #fff;font-weight: bold;}
.list-page .abs-panel .wrap p {font-size: 20px;line-height: 32px;width: 100%;overflow: hidden;color: #dfdddd;}
.product-center {overflow: hidden;z-index: 1;margin-top:-36px;}
.product-center .wrap>span {display: block;margin:0 -78px;border-radius:20px 20px 0 0;height:66px;background: #fff;}
.news-list-third {margin: 30px -36px 70px;}
.news-h2:before {width: 40px;height: 40px;margin-top: -20px;content: '';background-image: url(../images/icon_news.png);
background-position: center center;background-repeat: no-repeat;-webkit-background-size: 100% 100%;
background-size: 100% 100%;position: absolute;left: 0;top: 50%;}
.news-h2 {padding-left: 60px;font-size: 42px;width: 100%;overflow: hidden;color: #333333;position: relative;}
.news-list-third li {padding: 0 25px;}
.news-list-third li .item-news {border-radius: 40px 0 40px 0;width: 100%;background: #f5f5f5;overflow: hidden;position: relative;}
.news-list-third li .item-news .item-img {border-radius: 40px 0 40px 0;display: block;width: 100%;overflow: hidden;}
.news-list-third li .item-news dl {margin-top: -30px;width: 100%;overflow: hidden;background-image: url(../images/news_mark_bg.png);
background-position: left top;background-repeat: no-repeat;-webkit-background-size: 100% auto;background-size: 100% auto;
z-index: 1;position: relative;}
.news-list-third li .item-news dl dt{height:30px;padding:6px 16px 0;width:100%;overflow:hidden;font-size:0;}
.news-list-third li .item-news dl dt span {font-size: 14px;line-height: 24px;display: inline-block;position: relative;
color: #f77836;}
.news-list-third li .item-news dl dt span:before {width: 40px;height: 1px;right: -50px;
top: 50%;background: #f77836;}
.news-list-third li .item-news dl dt span:after {width: 7px;height: 7px;background: #f77836;
border-radius: 100%;top: 50%;margin-top: -3px;right: -50px;}
.news-list-third li .item-news dl dd {height: 60px;padding: 0 16px;width: 100%;overflow: hidden;}
.news-list-third li .item-news dl dd a {line-height: 60px;font-size: 18px;color: #333333;font-weight: bold;transition: all .5s linear;}
.newlist {padding:60px 10px 30px 10px;/*background: url(../images/insidedot01.jpg) repeat center top #fff;*/}
.newlist .newlistitem li { background: url(../images/prodot01.png) no-repeat left center;
   padding:18px 0px 18px 21px;}
.newlist .newlistitem li .lili{width:90%;} 
.newlist .newlistitem li h2 {float:left;font-size:20px; text-indent:3px; }
.newlist .newlistitem li time {float:right;font-size:16px;color: #9e9e9e;}
.in-new-bott{margin:60px auto 100px; }
.in-new-bott .newlist{padding:0;}

.news-cont-r .ts .zx-sy a{display: block;}
/*页码*/
.pglist{margin:40px auto; font-size:16px; text-align:center;}
.pglist a{margin-right:15px;}
.pglist a:hover{margin-right:15px;}