@charset "utf-8";
.mainbanner{width:100%;min-width:1300px; height:450px; margin:0 auto; margin-top:0px;    position: relative; display: flex;justify-content: center;align-items: center; overflow: hidden;}
.banner_img{ width:100%;height:100%;object-fit:cover;}
#daohang { float:right;position: relative; padding: 13px 0px; height: 24px; line-height:24px;  color: #fff; text-align: right; }
#daohang span{ padding-right:5px; color:#fff; background:url(../images/icon-home.png) left 1px no-repeat; padding-left:20px;}
#daohang a{ margin-right:5px;color:#fff;}
#daohang a:hover{ margin-right:5px;color:#00a1e1;}
#daohang a:after {content:'>';font-size:13px;color:#eee; padding-left:5px;font-family:"Microsoft Yahei";width:20px;height:26px;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;position:relative;left:0;text-indent:20px}
#daohang a:last-of-type:after { width: 0; height: 0;content:'';}
#daohang a:last-of-type{ color:#FFF;}
#daohang a.njt:after {content:'—'; }
.nweizhi{ width:100%;  position:absolute;height:50px; margin-top:-50px;background: rgba(0,0,0,.15); }
.dqname{font-size:36px; color:#000;margin: 40px 0 60px 0; text-align:center; }
.dqname span{font-size:26px;color:#666; }

/*page*/
#page{ height:40px; padding:20px 0px; text-align:center}
#page a{ display:block; display:inline-block;margin-right:10px; padding:2px 12px;  border:1px #cccccc solid; background:#fff; text-decoration:none; color:#808080; font-size:12px;  }
#page a:hover{ color:#34b4e7; border:1px #34b4e7 solid;}
#page a.cur{border:1px #34b4e7 solid; background:#34b4e7; color:#fff;}
#page p{display:inline-block; padding:2px 12px; font-size:14px; color:#bbb; border:1px #ccc solid; background:#fcfcfc; margin:0; margin-right:8px;}
#page p.pageRemark{ border-style:none; background:none; margin-right:0px; padding:4px 0px; color:#666;}
#page p.pageRemark b{ color:#34b4e7; font-weight:normal; padding:0 2px;}
#page p.pageEllipsis{ border-style:none; background:none; padding:4px 0px; color:#808080;}

#cntrBody{font-size:14px;line-height:28px;color:#333;}
#cntrBody p strong {font-weight:bold;}
#cntrBody p,.proinfo p,.age_li_about p{margin:0 0 25px 0; font-size:16px;line-height:28px;}
#cntrBody p{/*text-indent:2em;*/line-height:28px; color:#333;}
#cntrBody table p,.proinfo table p,.age_li_about table p{margin:25px 0; font-size:14px;}
#cntrBody iframe{ width:1150px; height:730px; padding-left:25px;}
#cntrBody img{ max-width:100%;}




#cntrBodypro{font-size:14px;line-height:28px;}
#cntrBodypro p strong {font-weight:bold;}
#cntrBodypro p,.proinfo p,.age_li_about p{margin:0px 0; font-size:14px;line-height:28px;}
#cntrBodypro p{line-height:28px; color:#2a2a2a;}
#cntrBodypro table p,.proinfo table p,.age_li_about table p{margin:0px 0; font-size:14px;}

#cntrBodypro img {max-width:100%; max-height:2880px; scale:expression((this.offsetWidth > this.offsetHeight)?(this.style.width = this.offsetWidth >= 100% ? "100%" : "auto"):(this.style.height = this.offsetHeight >= 2880 ? "2880px" : "auto")); display:inline !important ; }
#cntrBodypro a{ color:#666;}
#cntrBodypro a:hover{ color:#333;}

#cntrBodypro table{ border:1px solid #ccc; border-collapse:collapse; background:#fff; width:100%; clear:both;}
#cntrBodypro table caption{ padding-bottom:5px; text-align:left;} 
#cntrBodypro table th{ border:1px solid #ccc; background-color:#eee; font-weight:bold;  padding:10px 15px; font-size:18px; }
#cntrBodypro table td{ border:1px solid #ccc; padding:5px 15px;}
#cntrBodypro table td p{ margin:0 !important;}
#cntrBodypro table tr.altrow{ background-color:#ccc;}
#cntrBodypro table tbody tr.odd{background:#f9f9f9;}
#cntrBodypro table tbody tr:hover{background:#ddd;}



.plan{height:150px;background:url(../images/contact_bg.jpg) no-repeat center center; background-size:100% 100%;text-align:center; border-radius:3px;}
.plan-title-wrap{padding:37px 0 16px}
.plan-title{font-size:30px;color:#fff;margin:0 12px; font-weight:300; }
.plan-des{font-size:16px;color:#cce0fe; text-align:center}


.index_tite{ width:100;padding: 40px 0;}
.index_tite .intitle { height:60px; line-height:60px; font-size: 40px;    color: #364054;      font-weight: 800;    text-align: center;}
.index_tite .intitle span {   color: #238de0; font-weight:800;}
.index_tite .intext { display:block;font-size: 22px;    text-align: center;    color: #364054; height:40px; line-height:40px;  font-family: "Open Sans Light"; font-weight: 300;}
.index_tite .intitle4 { height:60px; line-height:60px; font-size: 28px;    color: #238de0;      font-weight: 300;    text-align: center;}


.start-title-box{padding:30px 0;margin-top:20px}
.start-title{font-size:32px;font-weight:bold;color:#333333}
.start-title span{color:#ec3c3c}
.start-des{font-size:14px;font-weight:400;color:#999999}

.txt-center{
    font-size:16px; color: #000; line-height: 26px;
}
.solution_img{ display: block; margin: 20px auto; text-align: center;}
.solution_img img{ max-width: 100%; border: 0;}
.solution_02{
    background:#e9ecef url(../images/solution-bg.jpg);background-size:cover;no-repeat;
}
.solution_04{
    background:#f5f5f5;
}
.solution_05{
    background:#fff;
}
.yd_page{position:relative;transition:background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:30px 20px 30px 20px;display:flex}
.yd_page_container{display:flex;margin-right:auto;margin-left:auto;position:relative;}
/* flex-flow:row-reverse */
.yd_page_container .banner_left{width:54%;display:flex;float:left}
.yd_page_container .banner_right{width:46%;float:right;align-content:center;align-items:center}
/* display:flex; */
.yd_page_container .banner_left_txt{display:flex;position:relative;width:100%;flex-wrap:wrap;margin:0px 50px 0px 0px;padding:10px;align-content:center;align-items:center}
.yd_page_container .banner_left_txt span{color:#111111;text-transform:capitalize;line-height:1.3em;font-weight:700;text-shadow:0px 0px 10px rgba(219.1061553955078,219.1061553955078,219.1061553955078,0.3);margin-bottom:20px}
.yd_page_container .banner_left_txt p{text-align:left;color:#3e3e3e;line-height:1.7em;z-index:1;margin-bottom:20px}
.yd_page_container .banner_left_txt p.aboutit{text-align:center; font-size:24px; font-weight:700;color:#2f237c;line-height:1.7em;z-index:1;margin-bottom:20px}

.yd_page_container .banner_button{font-size:14px;border-radius:3px 3px 3px 3px;padding:10px 24px;background-color:#2f237c;margin-top:20px}
.yd_page_container .banner_button a{font-weight:400;color:#FFFFFF}
.yd_page_container .banner_right_bg{background-position:center center;background-repeat:no-repeat;background-size:100% auto;transition:background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s;/*padding:10px 30px 10px 30px*/}
.yd_page_container .banner_right_bg .img{z-index:8;width:100%;text-align:center;position:relative;align-content:center;align-items:center;}
.yd_page_container .banner_right_bg .img  img{max-width:100%}


.yd_pageimg{position:relative;transition:background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:30px 20px 30px 20px;display:flex}
.yd_pageimg_container{display:flex;margin-right:auto;margin-left:auto;position:relative;flex-flow:row-reverse}
.yd_pageimg_container .banner_left{width:54%;display:flex;float:left}
.yd_pageimg_container .banner_right{width:46%;float:left;align-content:center;align-items:center}
/* display:flex; */
.yd_pageimg_container .banner_left_txt{display:flex;position:relative;width:100%;flex-wrap:wrap;margin:0px 0px 0px 50px;padding:10px;align-content:center;align-items:center}
.yd_pageimg_container .banner_left_txt span{color:#111111;text-transform:capitalize;line-height:1.3em;font-weight:700;text-shadow:0px 0px 10px rgba(219.1061553955078,219.1061553955078,219.1061553955078,0.3);margin-bottom:20px}
.yd_pageimg_container .banner_left_txt p{text-align:left;color:#3e3e3e;line-height:1.7em;z-index:1;margin-bottom:20px}
.yd_pageimg_container .banner_left_txt p.aboutit{text-align:center; font-size:24px; font-weight:700;color:#2f237c;line-height:1.7em;z-index:1;margin-bottom:20px}

.yd_pageimg_container .banner_button{font-size:14px;border-radius:3px 3px 3px 3px;padding:10px 24px;background-color:#2f237c;margin-top:20px}
.yd_pageimg_container .banner_button a{font-weight:400;color:#FFFFFF}
.yd_pageimg_container .banner_right_bg{background-position:center center;background-repeat:no-repeat;background-size:100% auto;transition:background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s;/*padding:10px 30px 10px 30px*/}
.yd_pageimg_container .banner_right_bg .img{z-index:8;width:100%;text-align:center;position:relative;align-content:center;align-items:center;}
.yd_pageimg_container .banner_right_bg .img  img{max-width:100%}





.bg-white {
    background-color: #fff !important;
}





.energy01{ margin:0 auto;}
.energy01 li{float: left;_display: inline;overflow: hidden;width: calc(33.3% - 78px);padding: 0px;margin-right: 80px; margin-bottom:24px;   border: 1px solid #fff;   padding-bottom: 0px;    overflow: hidden;    transition: 0.2s ease all;    -webkit-transition: 0.2s ease all;    -moz-transition: 0.2s ease all; border-radius:10px;background:#f5f5f5;}
.energy01 li span{background: #f5f5f5;width: 100%;overflow: hidden;display:block; border-radius:0;}
.energy01 li span img{width: 100%; display:block;transition: 0.4s ease all;}
.energy01 li p{ min-height: 260px;  display:block; line-height:28px; text-align:left;  padding:30px 20px; color:#666; font-size:16px;}

.energy01 li:nth-child(3n){ margin-right:0;}

.energy01_bg{ background:#fff;}




.energy02{ margin:0 auto;}
.energy02 li{float: left;_display: inline;overflow: hidden;padding: 0px;margin-right: 100px; margin-bottom:24px;   border: 1px solid #fff;   padding-bottom: 0px;    overflow: hidden;    transition: 0.2s ease all;    -webkit-transition: 0.2s ease all;    -moz-transition: 0.2s ease all; border-radius:10px;width: 523px;height: 244px;
    background:url(../images/energy_tit.png) center bottom no-repeat #f5f5f5;
}
.energy02 li .ene_tit{
    width: 90%; margin: 10px auto; color: #fff; font-size: 24px;
    line-height: 40px;
}
.energy02 li .ene_tit span{line-height: 40px;
     color: #facd06; font-size: 26px; margin-right: 10px; display: inline-block;
}

.energy02 li p{ min-height: 260px;  display:block; line-height:28px; text-align:left;  padding:30px 20px; color:#333; font-size:16px;}

.energy02 li:nth-child(2n){ margin-right:0;}

.energy02_bg{ background:url(../images/energy_bg.jpg) center bottom no-repeat #FFF;}

.energy03_bg{ background:#f5f5f5; padding-bottom: 50px;}
.energy03{ margin:0 auto;}
.energy03 li{float: left;_display: inline;overflow: hidden;width: calc(25% - 18px);padding: 0px;margin-right: 20px; margin-bottom:24px;   border: 1px solid #fff;   padding-bottom: 0px;    overflow: hidden;    transition: 0.2s ease all;    -webkit-transition: 0.2s ease all;    -moz-transition: 0.2s ease all; border-radius:10px;background:#FFFF;}
.energy03 li span{background: #ffff;width: 100%;overflow: hidden;display:block; border-radius:0; text-align: center;}
.energy03 li span img{max-width: 100%; height: 95px; display:block;transition: 0.4s ease all; margin: 20px auto;}
.energy03 li p{ min-height: 300px;  display:block; line-height:28px; text-align:left;  padding:30px 20px; color:#333; font-size:16px;}
.energy03 li:nth-child(4n){ margin-right:0;}
.energy03 li b{ width:85%; margin: 0 auto; display:block; height:70px; line-height:60px; font-weight:normal; text-align:center; background:#FFF;  color:#000; font-size:24px; border-bottom: 5px solid #eee; padding-bottom: 0px;}


.energy05{}
.energy05>div{width:100%; display:block; float:left;background:#fff;margin:20px auto;}
.energy05 div>dl{ width:1300px; margin:0px auto; display:block; clear:both;}

.energy05 div>dl dt{ width:45%; float:right;}
.energy05 div>dl dd{ width:55%; float:left; padding-right:2%;}
.energy05 img{ max-width:100%; display:block;}
.energy05 div>dl dd p{ font-size:16px; line-height:30px;margin-bottom: 15px; }
.energy05 div>dl dd p:before {content:'√';font-size:14px;color:#FFF; padding:0 5px;width:25px;height:26px; background:#229ecf;position:relative;left:0;text-indent:20px; margin-right:10px;}


.energy05 div>dl dd .title{ width:100%; border-bottom:0px solid #ddd; height:50px; line-height:50px; margin-top:30px; font-size:18px; font-weight:600; color:#000;}
.energy05 div>dl dd .cent{ width:100%; margin:20px auto; display:block;}
.energy05 div:nth-child(2n) dl dt{float:left;}
.energy05 div:nth-child(2n) dl dd{float:right;padding-left:2%; padding-right:0;}





.custody_box{position:relative;background-color:#FFFFFF;transition:background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:30px 20px 30px 20px;display:flex}
.custody_box_container{display:flex;margin-right:auto;margin-left:auto;position:relative;flex-flow:row-reverse}
.custody_box_container .banner_left{width:45%;display:flex;float:left}
.custody_box_container .banner_right{width:55%;float:right;display:flex;align-content:center;align-items:center}
.custody_box_container .banner_left_txt{display:flex;position:relative;width:100%;flex-wrap:wrap;margin:0px 50px 0px 0px;padding:10px;align-content:center;align-items:center}
.custody_box_container .banner_left_txt span{color:#111111;text-transform:capitalize;line-height:1.3em;font-weight:700;text-shadow:0px 0px 10px rgba(219.1061553955078,219.1061553955078,219.1061553955078,0.3);margin-bottom:20px}
.custody_box_container .banner_left_txt p{text-align:left;color:#3e3e3e;line-height:1.7em;z-index:1;margin-bottom:20px}
.custody_box_container .banner_button{font-size:15px;border-radius:3px 3px 3px 3px;padding:16px 24px 16px 24px;background-color:#E30613;margin-top:20px}
.custody_box_container .banner_button a{font-weight:700;color:#FFFFFF}
.custody_box_container .banner_right_bg{/*background-image:url(../images/svg/banner_bg.svg);*/background-position:center center;background-repeat:no-repeat;background-size:100% auto;transition:background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s;/*padding:10px 30px 10px 30px*/}
.custody_box_container .banner_right_bg .img{z-index:8;width:100%;text-align:center;position:relative;align-content:center;align-items:center;}
.custody_box_container .banner_right_bg .img  img{max-width:100%}
.custody_box_container .banner_right_bg .img video{max-width:100%}
.custody_box_container .banner_left_txt p.tit{ font-size: 30px; font-weight: 700;}


.custody_boximg{position:relative;background-color:#FFFFFF;transition:background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:30px 20px 30px 20px;display:flex}
.custody_boximg_container{display:flex;margin-right:auto;margin-left:auto;position:relative;}
.custody_boximg_container .banner_left{width:45%;display:flex;float:left;align-content:center;align-items:center}
.custody_boximg_container .banner_right{width:55%;float:left;display:flex;align-content:center;align-items:center}
.custody_boximg_container .banner_left_txt{display:flex;position:relative;width:100%;flex-wrap:wrap;margin:0px 0px 0px 50px ;padding:10px;align-content:center;align-items:center}
.custody_boximg_container .banner_left_txt span{color:#111111;text-transform:capitalize;line-height:1.3em;font-weight:700;text-shadow:0px 0px 10px rgba(219.1061553955078,219.1061553955078,219.1061553955078,0.3);margin-bottom:20px}
.custody_boximg_container .banner_left_txt p{text-align:left;color:#3e3e3e;line-height:1.7em;z-index:1;margin-bottom:20px}
.custody_boximg_container .banner_button{font-size:15px;border-radius:3px 3px 3px 3px;padding:16px 24px 16px 24px;background-color:#E30613;margin-top:20px}
.custody_boximg_container .banner_button a{font-weight:700;color:#FFFFFF}
.custody_boximg_container .banner_right_bg{background-position:center center;background-repeat:no-repeat;background-size:100% auto;transition:background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s;}
.custody_boximg_container .banner_right_bg .img{z-index:8;width:100%;text-align:center;position:relative;align-content:center;align-items:center;}
.custody_boximg_container .banner_right_bg .img  img{max-width:100%}
.custody_boximg_container .banner_right_bg .img video{max-width:100%}

.custody_boximg_container .banner_left_txt p.tit{ font-size: 30px; font-weight: 700;}

.custody_bottom {
    background: #fdfeff url(../images/mg-bg.jpg) repeat-x bottom;
}
.custody_bottom img{ max-width: 100%;}





.tabs{padding:50px 0 20px 0;background-color: #fff !important;}
.tabs ul li{width:calc(20.2% - 19px);height:120px;float:left;text-align:center;border:1px solid #eee;box-shadow:0 4px 6px #eee;margin-right:20px;font-family:Arial;cursor:pointer;transition:all .3s}
.tabs ul li .iconfont{font-size:46px;transition:all .2s linear;margin-top:5px}
.tabs ul li a{color:#333;display:block;height:100%;padding:5px}
.tabs ul li p{font-size:16px;color:#333; font-weight: 700;}
.tabs ul li b{color:#9a9a9a;font-size:12px;font-weight:normal}
.tabs ul li:hover,.tabs ul li.active{color:#00a1e1;box-shadow:0 6px 8px #ddd;transform:translate3d(0, -2px, 0)}
.tabs ul li:hover a,.tabs ul li.active a{color:#00a1e1}
.tabs ul li:hover a p,.tabs ul li.active a p,.tabs ul li:hover a b,.tabs ul li.active a b{color:#00a1e1}
.tabs ul li:nth-child(5n){ margin-right:0;}
.tabs ul li i{ margin:5px 0}
.tabs ul li i img{ max-width:155px; margin:15px 0; filter: grayscale(100%);    filter: gray;    filter: grayscale(100%) brightness(150%);}
.tabs ul li:hover i img,.tabs ul li.active i img{ filter: grayscale(10%); }

.protype{position: relative;background-color: #fff !important;clear: both;width: 100%;text-align: left;height: 50px;}
.protype ul{height:50px; }
.protype ul ul{margin: 0 auto; text-align: left; display: table;}
.protype ul li{display: inline-block; padding: 8px 35px;border-radius:0px; border-radius:0px;   cursor: pointer; font-size: 14px; color: #000; margin: 0 5px; background: #eee;transition:all .3s; }
.protype ul li:hover{background:#da2337;position: relative;color: #fff;}
.protype ul li:hover a{color: #fff;}



.adv_b{ position: relative; box-sizing: border-box; height: 745px; background: url(../images/aboutbg.jpg)center top no-repeat;}

.adv_b_t{width:1300px;position: relative; height: 176px; overflow: hidden; line-height: 45px; }
.adv_b_t a{ display: block; width: 260px; font-size: 28px;padding-top: 46px; position: relative; box-sizing: border-box;float: left;text-align: center;margin:0; color: #222; height: 100%;}
.adv_b_t a:after{ display: block; height: 80px; position: absolute;top:50px; content: "";border-right: 1px dashed rgba(0,0,0,0.2); right: 0;}
.adv_b_t #p05 a:after{ border: none;}
.adv_b_t a i{ display: block;font-style: normal;font-size: 40px;font-weight:300; color: #999;}
.adv_b_b{position: relative;padding-left:60px; margin-top: 5px; height: 450px;overflow: hidden; background: #fff;border:5px solid #ddd; box-sizing: border-box;}
.adv_b_b:before{ display: block;content: "";width: 7px;height: 7px;background: #E64552;position: absolute;left:7px;top: 7px;}
 .adv_b_b:after{ display: block;content: "";width: 7px;height: 7px;background: #E64552;position: absolute;left: 0;top: 0;}

.nep01 a{ color: #E64552;}
.nep01 a i{color: #E64552;}

.adv_b_r{width: 650px; overflow: hidden;}
.adv_b_l{ font-size: 16px; width: 530px; line-height: 32px; position: relative; }
.adv_b_l .title{padding:45px 0 10px 0;}
.adv_b_l .title_l{ line-height: 45px; font-family: "arial";font-size:25px;  color: #999;}
.adv_b_l .title_r{ font-size: 30px;color: #222;line-height: 60px;font-weight: bold;}
.adv_b_l .font{ text-align: justify;}
.adv_b_l .font p{ padding-top: 5px;}

 .adv_b_l .phone{height: 40px; line-height: 40px;color: #333;font-size: 16px; margin-top:35px;}
.adv_b_l .phone a{display: block; font-size: 14px; width: 120px; text-align: center; margin-right:15px; float: left;background: #364054;color: #fff;transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; }
.adv_b_l .phone i{display: block;font-style: normal;float: left; }
.adv_b_l .phone span{display: block;float: left;color: #E64552;font-size: 28px; letter-spacing: 0.5px; font-family: "impact";}
.adv_b_l .phone a:hover{ background: #E64552; border-radius: 0px;}
.adv_b_l em{ display: block;font-style: normal;font-size: 12px;color: #ccc; line-height: 18px; font-family: "arial"; margin-top: 22px;}



.typenav{ width:100%;text-align: left;padding:0px 0;font-size: 0; margin-top: 30px;}
.typenav ul{ margin:0 auto; }
.typenav a{display: inline-block; padding: 10px 30px;border-radius:10px;  cursor: pointer; font-size: 15px; color: #333;btransition:all .3s;background:#FFF!important; margin:0 10px; font-weight: 700;}
.typenav a:hover{position: relative;color: #00a1e1;background:#d8e9f0!important;}
.typenav a.on{background:#00a1e1!important; color:#fff;}
.typenav a:first-child{ border-left:0px; margin: 0;}
.typenav a.one{padding: 10px 35px; font-size: 16px; background:#f7b234!important; color:#fff;}
.typenav a img{ max-height: 20px; margin-right: 15px;}
.typenav a.on img{filter: brightness(0) invert(1)}


.typenavother{ width:100%;text-align: left;padding:0px 0;font-size: 0; padding-top: 10px; border-top:0px dashed #ddd; }
.typenavother dl{ margin:0 auto; }
.typenavother dl dt{}
.typenavother dl dd{ float:left;}
.typenavother a{display: inline-block; padding: 10px 30px;border-radius:10px;  cursor: pointer; font-size: 15px; color: #333; margin: 0px; btransition:all .3s;background:#FFF!important; margin:0 10px;}
.typenavother a span{ color:#FF0000; font-size:12px;border-radius:30px; background:#f5f5f5!important;}
.typenavother a:hover{position: relative;color: #00a1e1;background:#d8e9f0!important;}
.typenavother a.on{background:#00a1e1!important; color:#FFF;font-weight: 700;}
.typenavother a:first-child{ border-left:0px; margin: 0;font-weight: 700;}
.typenavother a.one{padding: 10px 35px; font-size: 16px; background:#f7b234!important; color:#fff;}

.typenavtext{ width:100%;text-align: left;padding:0px 0;font-size: 0;background:#FFF; border-top:1px dashed #ddd; }
.typenavtext ul{ margin:0 auto; }
.typenavtext p{display: inline-block; padding: 10px 15px;border-radius:0px; font-size: 15px; color: #429900; font-weight:bold;margin: 0px; btransition:all .3s;}
.typenavtext p.on{background:#fff!important; color:#f7b234;}
.typenavtext p:first-child{ border-left:0px;}
.typenavtext p.one{padding: 10px 35px; font-size: 16px; background:#50b900!important; color:#fff;}

.right_nav{ border:1px solid #eeeeee;    padding: 30px 20px 20px;	box-shadow: 0 4px 0 rgba(0, 0, 0, 0.04);}
.right_nav .nav_article_title { margin-left:-20px; padding-left:20px;font-size: 16px;	font-weight:normal;	color:#00a1e1; text-align:left; height:40px; line-height:40px; background:#f8f8f8;}
.right_nav h3.nav_article_title span {    color: #aaa;    font-size: 16px;    font-family: Arial;}
.right_nav .nav_article_title:before {    background: none repeat scroll 0 0 #00a1e1;    color: #F4BF1E;    content: "";    display: block;    height: 40px;	width: 3px;    position: absolute;    margin-top:0px;
	margin-left: -21px;    text-indent: 5px;}
/*	.right_nav .nav_article_title:after {    background: none repeat scroll 0 0 #00a1e1;    color: #F4BF1E;    content: "";    display: block;    height: 40px;	width: 2px;    position: absolute;    margin-top: -40px;
	margin-left: 238px;    text-indent: 5px;}*/
.nav_type{ width:100%;float:left;padding-top:20px; padding-bottom:28px; }
.nav_type ul{ list-style:none}
.nav_type ul li{ text-align:left;  height:40px; display:block; color:#585858; border-bottom:1px solid rgba(0, 0, 0, 0.07); background:url(../images/partner_arrow_r.gif) 205px  center no-repeat; background-size:5px 9px;}
.nav_type ul li a{font-size:14px;line-height:40px; color:#333;display:block; }
.nav_type ul li a:hover{  color:#00a4f3; background-size:12px 7px;}
.phov a{ color:#00a4f3 !important; display:block;}
/*.nav_type ul li:last-child{border-bottom:0px solid rgba(0, 0, 0, 0.07);}*/


.in_pro-swiper{position:relative}
.in_pro-swiper .swiper-slide{display:block;}
.in_pro-img{transition:ease .2s}
.in_pro-img img{display:inline-block;width:100%; display:block;}
.in_pro-swiper:hover p{color:#00a1e1}
.in_pro-swiper .swiper-pagination{width:100%;display: block;position:relative; text-align:center; font-size:12px; color:#aaa; margin-top:-20px;}
.in_pro-swiper .swiper-pagination-bullet{margin:0 5px}
.in_pro-swiper .swiper-pagination-bullet-active{background:#00a1e1}


.proh h3{ text-align:center;  font-size:24px; font-weight:normal; padding:60px 0 30px 0;}
.proh h3 a{color:#333; text-decoration:none;}
.proh h3 strong{ font-weight:bold; color:#00a1e1;}
.proh h3 span{ display:block; color:#858e9c; font-size:13px;}

.prohother{ width:100%; border-bottom:1px solid #ddd; height:60px; margin-top:30px; margin-bottom:50px; display:block;}
.prohother h3{ text-align:center;  font-size:24px; font-weight:normal; padding:10px 20px 10px 20px; position:absolute; margin-left:40px; margin-top:20px; background:#fff;}
.prohother h3 a{color:#333; text-decoration:none;}
.prohother h3 strong{ font-weight:bold; color:#00a1e1;}
.prohother h3 span{ display:block; color:#858e9c; font-size:13px;}


.cust_list{ margin:30px auto;}
.cust_list li{float: left;_display: inline;overflow: hidden;width: calc(25% - 16px);padding: 0px;margin-right: 20px; margin-bottom:24px; border: 1px solid #eee;   padding-bottom: 0px;    overflow: hidden;    transition: 0.2s ease all;    -webkit-transition: 0.2s ease all;    -moz-transition: 0.2s ease all; border-radius:0px;}
.cust_list li span{background: #fff;width: 100%;overflow: hidden;display:block; border-radius:0;}
.cust_list li span img{width: 100%; display:block;transition: 0.4s ease all;}
.cust_list li p{ width:100%; display:block; height:50px; line-height:50px; text-align:center; background:#FFF; padding-top:0px; color:#333; font-size:16px;}
.cust_list li:hover p{color: #00a1e1; background:#FFF; }
.cust_list li:hover {    border-color: #FFF;}
.cust_list li:nth-child(4n){ margin-right:0;}
.cust_list li:hover span img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}


.news_list{ width:100%; margin:0 auto;display:block;}
.news_list dl{ width:100%; height:320px;display:block; overflow:hidden; padding:20px; margin-bottom:15px; background:#fff;}
.news_list dl dt{ width: 420px; height:280px;  float:left; display:inline-block;}
.news_list dl dt img{ display:block; max-width:100%; max-height:100%; border:0; margin:0 auto;}
.news_list dl dd{ width: calc(100% - 480px); height:280px; display:inline-block;float:right; margin-right:20px;}
.news_list dl dd p.title{ font-size:24px; height:50px; line-height:50px; color:#000; font-weight:400;overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;}
.news_list dl dd p.time{ font-size:14px;height:40px; line-height:30px; color:#666;}
.news_list dl dd p.des{ font-size:15px; color:#666;line-height:28px; display:block; height:110px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;}
.news_btn{ display:inline-block; padding:10px 50px;background:#00a1e1; color:#fff; border-radius:10px; float:right; margin-top:30px;}
.news_btn:hover{background:#34b4e7;}

.newsbg{ background:url(../images/newsbg.jpg);}
.news_detail{ margin-top:50px; background:#fff; padding:50px;}
.news_detail h1{  text-align:center; height:70px; font-size:26px; font-weight:normal; color:#333;}
.news_detail .ndate{ text-align:center; margin-bottom:20px; border-bottom:1px dashed #ddd; padding-bottom:10px; font-size:14px; color:#999;font-family:heliosextthinregular, Arial;}
.news_detail .ndate span{ text-align:center; font-size:14px; color:#999;font-family:heliosextthinregular, Arial;}
.news_detail .newsinfo{ font-size:13px; color:#777;  line-height:24px; padding:15px;text-indent:2em; background:#f6f6f6; margin:15px 0;}
.news_detail .newsinfo span{ font-size:13px; color:#000; }
.news_detail_page{ width:100%; height:100px; overflow:hidden;}
.news_detail_page a{ font-size:14px;display:block;width:100%;height:50px;line-height:50px;color:#666;padding-left:35px;}
.news_detail_page a:nth-child(1){background:url(../images/icon-dd7.png) no-repeat 5px center;border-bottom:1px dashed #ddd;border-top:1px solid #ddd;}
.news_detail_page a:nth-child(2){background:url(../images/icon-dd8.png) no-repeat 5px center;border-bottom:1px dashed #ddd;}
.news_detail_page a:hover{ color:#00a1e1;}
.news_detail_page .baklist{ width:15%;  border-radius:10px;background:#fff; margin-left:85%; margin-top:-70px;}
.news_detail_page .baklist a{ width:100px; border:1px solid #00a1e1; border-radius:10px;background:#fff; padding:0 20px; height:40px; line-height:40px; margin-left:50px;}
.news_detail_page .baklist a:hover{  border:1px solid #00a1e1; border-radius:10px;background:#00a1e1; color:#fff;}
.news_other{}
.otitle{display:inline-block;height:20px;line-height:20px;color:#000;font-size:16px;font-weight:600;border-bottom:1px solid #999;padding-bottom:25px; margin:20px 0; }
.news_other li{ width:48%; display:inline-block; float:left; margin-right:4%; margin-bottom:10px;}
.news_other li img{ width:30%; float:left;}
.news_other li span{ width:65%; float:left; margin-left:2%; font-size:16px; color:#000; padding-top:5px; display:block;  overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.news_other li i{ width:65%; float:left; margin-left:2%;font-size:12px; padding:5px 0;color:#999; }
.news_other li p{ width:65%; float:left;margin-left:2%; font-size:14px; color:#999; overflow:hidden;
text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  }
.news_other li:nth-child(2n){ margin-right:0;}
.news_other li:hover span{color:#00a1e1;}


.service_list{ width:100%; margin:0 auto;display:block;}
.service_list dl{ width:100%;display:block; overflow:hidden; padding:20px 40px; margin-bottom:15px; background:#fff;}
.service_list dl dt{font-size:24px; height:50px; line-height:50px; color:#000; border-bottom:1px dashed #bbb; font-weight:400;overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;}
.service_list dl dd{font-size:15px; color:#333;line-height:28px; display:block; margin-top:10px; }



.index_tit{text-align: center;padding: 40px 0; }
.index_tit .entit{font-size: 35px;color: #067de9;}
.index_tit .chtit{font-size: 25px;color: #FFF;}
.index_tit .entit01{font-size: 32px;padding-top: 0px; color:#eee;    ; font-weight: 300;text-transform : uppercase;}
.index_tit .chtit01{font-size: 32px;color: #000;margin-top: 10px;font-family: "Open Sans Light"; font-weight: 300;}
.index_tit .chtit03{font-size: 28px;color: #067de9;margin-top: 10px;font-weight: 600;}
.index_tit .chtit01 i{width: 100px;height: 1px;display: inline-block;border-bottom: 1px solid #ccc;margin: 10px;}
.index_tit .chtit02{font-size: 15px;padding-top: 10px; color:#888/*6087fb*/;    font-family: "Open Sans Light"; font-weight: 400;}
.titcol2{color:#6087fb!important;  }
.titcol3{color:#fff!important;  }
.titcol5{color:#2ce314!important;  }

.contact-ul{ margin-top: 5px;}
.contact-ul li{ float: left; width: calc(32% - 0px); margin-right:2%; margin-bottom:30px; background-image: url(../images/about/contact_li_bg.png); background-size: cover; border: 1px solid #e5e5e5;  padding-bottom: 10px; height: 125px;}
.contact-ul li:nth-child(3n){ margin-right: 0;}
.contact-ul li img{ float: left;}
.contact-ul li .item{ padding:32px 10px 0 30px;}
.contact-ul li .item div{ margin-left:70px; padding-left: 25px; border-left: 1px dashed #e5e5e5;}
.contact-ul li .item div span{ display: block;  color: #333333; font-size: 16px;}
.contact-ul li .item div p{ margin-top: 8px; font-size: 18px; color: #00a1e1;}
.contact-ul li .item div b{ font-size: 20px;}
.contact-ul li .des{ margin-top:7px; font-size: 12px; text-align: center; letter-spacing: 1px;}
.contact-ul li .des em{ color: #ee0f0f;}
/*.contact-ul li:last-child{ background:#da2337;}
.contact-ul li:last-child .item div p{ margin-top: 8px; font-size: 18px; color: #eee;}
.contact-ul li:last-child .item div span{color: #FFF;}*/

/*case*/
.cloud-content {background:#f8f8f8;padding:20px 0 50px 0}
.cloud-header {width:1340px;margin:0 auto;position:relative}
.cloud-wrapper .cloud-card {float:left;padding:20px;cursor:pointer;min-height:269px;background:0 0;width:335px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;text-decoration:none}
.cloud-card-image {height:221px;overflow:hidden;position:relative}
.cloud-card-text {margin-top:10px;color:#000;font-size:16px;line-height:30px; text-align:center;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.cloud-card-image-back {width:295px;height:221px;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .5s ease;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}
.cloud-card-image-back img{ width:100%; height:100%;}
.cloud-card-image .cloud-card-image-back {z-index:0;position:absolute}
.cloud-card-image-title {width:100%;color:#eee;text-align:right;font-size:14px;position:absolute;z-index:1; bottom:10px; right:10px;}
.cloud-wrapper .cloud-card:hover .cloud-scale {-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}
.cloud-wrapper .cloud-card:hover {background:#fff;-webkit-box-shadow:0 0 25px rgba(186,204,207,.7);-moz-box-shadow:0 0 25px rgba(186,204,207,.7);box-shadow:0 0 25px rgba(186,204,207,.7)}
.cloud-wrapper .cloud-card:hover .cloud-card-text{ color: #00a1e1;}



.video_list{margin-right:-3%}
.video_list li{width:30.3%;float:left;margin-bottom:20px;margin-right:3%;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s}
.video_list li .pic{position:relative;padding-top:56%;overflow:hidden}
.video_list li .pic .icon{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;background:rgba(0,0,0,0.3);text-align:center;opacity:0;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s}
.video_list li .pic .icon span{width:100%;height:100%;display:block;box-sizing:border-box;padding-top:21%}
.video_list li .pic .img img{width:100%;height:100%;position:absolute;top:0;left:0;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s}
.video_list li .text{box-sizing:border-box;height:50px;overflow:hidden;margin-top:16px;font-size:18px;position:relative; text-align:center;}
.video_list li .text span{position:absolute;top:0px;right:0}
.video_list li:hover .icon{opacity:1}
.video_list li:hover .pic{box-shadow:0 0 30px rgba(0,0,0,0.1)}
.video_list li:hover .img img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.popup{position:fixed;width:100%;height:100%;left:0;top:0;z-index:10000;background:rgba(0,0,0,0.6);display:none}
.map-pop{position:fixed;width:100%;height:100%;left:0;top:0;z-index:10000;background:rgba(0,0,0,0.6);opacity:0;z-index:-1}
.map-pop.on{opacity:1;z-index:10000}
.popup .main,.map-pop .main{width:92%;max-width:1200px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.popup .close,.map-pop .close{position:absolute;right:20px;top:20px;z-index:2;cursor:pointer}




.video_list_other{ margin:0 auto;}
.video_list_other li{float: left;_display: inline;overflow: hidden;width: calc(25% - 15px);padding: 0px;margin-right: 20px; margin-bottom:24px;   border-bottom: 3px solid #a4a2a2;   padding-bottom: 0px;    overflow: hidden;    transition: 0.2s ease all;    -webkit-transition: 0.2s ease all;    -moz-transition: 0.2s ease all; border-radius:0px;}
.video_list_other li span{background: #f9f9f9;width: 100%;overflow: hidden;display:block; border-radius:0;}
.video_list_other li span img{width: 100%; display:block;transition: 0.4s ease all;}
.video_list_other li p{ width:100%; display:block; height:40px; line-height:40px; text-align:center; background:#bdbdbd; padding-top:0px; color:#000;}
.video_list_other li:hover p{color: #FFF; background:#00a1e1; }
.video_list_other li:hover {    border-color: #00a1e1; border-bottom: 3px solid #34b4e7; }
.video_list_other li:nth-child(4n){ margin-right:0;}
.video_list_other li:hover span img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}


.casebg{ background:#f2f2f2;}
.caseico{padding:60px 0 60px 0;}

.caseico li{float:left;background:#efefef;margin-left:2px;width:24.8%}
.caseico li a{padding-top:35px;padding-bottom:45px;text-align:center;font-size:16px;color:#656565;display:block;background:#fff;transition:all .2s ease-in;-moz-transition:all .2s ease-in;-webkit-transition:all .2s ease-in}
.caseico li a img{width:115px;margin:0 auto 20px;display:block}
/*.level_ul li a .on1{display:none}
.level_ul li:hover a .on,.level_ul li.active a .on{display:none}
.level_ul li:hover a .on1,.level_ul li.active a .on1{display:block}*/
.caseico li:hover a,.caseico li.on a{background:#00a1e1;color:#fff}
.caseico li:hover  img,.caseico li.on img{filter: grayscale(100%);    filter: gray;    filter: grayscale(100%) brightness(600%);}

.casetype{background:#FFF}
.casetype_com{padding-bottom:0px}
.casetype_com .divf{width:33%}
.casetype_com .divf img{width:400px; height:300px; display:block;}
.casetype_size{width:60%; margin-right:50px;}
.casetype_size dt{color:#000000;font-size:30px;margin:25px 0;font-weight:bold}
.casetype_size dd{color:#5d5d5d;font-size:16px;line-height:30px}

.case_list{margin:0 auto;}
.case_list dl{ width:640px;height:260px; margin-right:20px; margin-bottom:30px; float:left; display:inline-block; background:#FFF; overflow:hidden;}
.case_list dl dt{ width:270px; height:260px; float:left;}
.case_list dl dt img{ width:100%; display:block;}
.case_list dl dd{ width:330px; margin:10px 20px; float:left;}
.case_list dl dd p.title{ font-size:16px; height:40px; line-height:40px; font-weight:600; overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;}
.case_list dl dd div.des{ font-size:12px; line-height:22px; height:160px; overflow: hidden;  }
.case_list dl:nth-child(2n){ margin-right:0;}

.case_btn1{ background:url(../images/case_btn1.png) 10px center no-repeat #fff; display:inline-block; padding:3px 10px; padding-left:30px; border:1px solid #666; color:#666; border-radius:20px; float:right; margin-top:10px;transition:all .2s ease-in;-moz-transition:all .2s ease-in;-webkit-transition:all .2s ease-in; margin-right:15px;}
.case_btn1:hover{background:url(../images/case_btn11.png) 10px center no-repeat #fff; border:1px solid #212f7a; color:#212f7a; }

.case_btn2{ background:url(../images/case_btn2.png) 10px center no-repeat #fff; display:inline-block; padding:3px 10px; padding-left:30px; border:1px solid #666; color:#666; border-radius:20px; float:right; margin-top:10px;transition:all .2s ease-in;-moz-transition:all .2s ease-in;-webkit-transition:all .2s ease-in}
.case_btn2:hover{background:url(../images/case_btn21.png) 10px center no-repeat #fff; border:1px solid #212f7a; color:#212f7a; }

.down_list{ width:100%; margin:0 auto;display:block;}
.down_list dl{ width:100%; height:150px;display:block; overflow:hidden; padding:20px; margin-bottom:15px; background:#fff; transition: 0.2s ease all;    -webkit-transition: 0.2s ease all;    -moz-transition: 0.2s ease all; }
.down_list dl dt{ width: 130px; float:left; display:inline-block;}
.down_list dl dt img{ display:block; max-width:100%; max-height:100%; border:0; margin:0 auto;}
.down_list dl dd{ width: calc(100% - 190px);  display:inline-block;float:right; margin-right:20px;}
.down_list dl dd p{ width:490px; float:left;}
.down_list dl dd p span{color:#000; }
.down_list dl dd p{ font-size:15px; height:35px; line-height:35px; color:#666; font-weight:400;overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;}
.down_list dl dd p span{color:#000; }
.down_list dl:hover{ background:#808080; }
.down_list dl:hover p,.down_list dl:hover p span{color:#eee;}
.down_list dl:hover  img{filter: grayscale(100%);    filter: gray;    filter: grayscale(100%) brightness(600%);}

.down_btn{ width:33px; height:30px; display:inline-block; padding:10px 50px;float:right; margin-top:-40px; cursor:pointer;}

.anchor{position:fixed;top:0px;left:0;width:100%;padding:15px 0;z-index:490;background:#fff;box-shadow:0 2px 5px 0 rgba(0,0,0,0.1);text-align:center;display:none}
.anchor li{display:inline-block;vertical-align:middle;margin:0 5px}
.anchor li a{display:block;padding:0 26px;font-size:14px;line-height:34px;text-align:center;color:#333;transition:all .3s}
.anchor li.on a{color:#fff;background:#00a1e1}
.anchor li a:hover{color:#00a1e1}
.anchor li.on a:hover{color:#fff}

/*.ny-padd {padding: 75px 0 80px;}*/
.aboutbg{ background:#fff;}
.about_tit{font-size:42px;line-height:50px;color:#222;text-align:center;position:relative;padding-bottom:35px}
.about_tit::before{position:absolute;content:"";width:240px;height:1px;background:#ababab;bottom:0;left:50%;transform:translateX(-50%)}
.about_tit_des{font-size:15px;line-height:30px;color:#666;text-align:center;position:relative;padding-bottom:35px; margin:20px 100px;}


.about-one{padding-top:76px}
/* .about_company_bg{ background:url(../images/about_company_bg.jpg) center bottom no-repeat #f5f5f5;} */
.about_company_bg{ background: #FFF;}
.about_company{font-size:14px;line-height:30px;color:#333;text-align:left;position:relative;padding-bottom:35px; margin:20px 0px;min-height: 500px;}

.about_wx .img{text-align:center;width:480px;margin:0 auto}
.about_wx .img img{width:100%;display:block;animation:rotate 20s linear infinite}
@keyframes rotate{0%{transform:rotateZ(0deg)}
100%{transform:rotateZ(360deg)}
}
.about-two{padding-top:76px}
.about_culture {width:100%;margin:50px auto; }
.about_culture ul{ width:1300px;  margin:0px auto; }
.about_culture li{ width:24.91%;*width:24.9%; float:left; text-align:center; padding:50px 0;  background:#f2f2f2; transition:all .2s ease-in;-moz-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;}

.about_culture li a{display:block; width:100%;height:260px; padding-top:30px; transition:all 0.2s; border-right:1px solid #ddd; }
.about_culture li:last-child a{border-right:0px solid #999;}

.about_culture li span{ font-size:14px; color:#666; line-height:25px;height:50px; padding:0 30px; display:none}
.about_culture li b{ width:40px; margin:0 auto; border-bottom:1px solid #f1f1f1; margin-bottom:20px; position:absolute; margin-left:-20px;}
.about_culture li p{ font-size:14px; color:#666; line-height:25px; padding:0 30px; display:block; }
.about_culture li h3{ font-size:18px; height:50px; display:block;color:#000; font-weight:normal; line-height:50px;}
.about_culture li i{ width:40%; margin:0 auto;margin-bottom:0px; line-height:40px;}
.about_culture li i img{ width:83px; transition:all 0.2s;}
.about_culture li:hover{background:url(../images/about_wx_bg.jpg) top center no-repeat; }
.about_culture li:hover img{filter: grayscale(100%);    filter: gray;    filter: grayscale(100%) brightness(300%);}
.about_culture li:hover h3,.about_culture li:hover span{color:#fff; }
.about_culture li:hover p{ display:none;}
.about_culture li:hover span{ display:block;margin-top:30px;}
.about_culture li:hover a{border-right:0px solid #1654a7;}
.about_culture li:hover i img{ margin-top:-30px;}

.about2-con{margin-top:40px}
.research-tit{font-size:48px;line-height:50px;color:#333;text-align:center}
.about-dec{font-size:16px;line-height:26px;color:#666;text-align:center;margin-top:25px}
.about-three{padding-top:76px}


.unionysbg{ width:100%;background: url(../images/youshibg.png) no-repeat center center/cover;}

.unionys{ margin-top:20px; padding-top:30px;}
.unionys dl{ width: 630px; float:left; margin-right:40px; display:relative;   border-radius: 0px; height:200px; overflow:hidden;    border: 0px solid #c9c9c9; margin-bottom:20px;}
.unionys dl dt{ width:160px; margin-top: 10px;padding: 0 0px; float:left;font-size:18px; }
.unionys dl dt .img{ width:140px; height:140px; border:1px solid #FFF; border-radius:50%; }
.unionys dl dt img{ max-width:100%; display:block; padding:25px;}
.unionys dl dd{ font-size: 14px; float:left; width:420px; margin:20px 0;    display: block;    padding: 0 20px;    line-height: 26px; color:#eee;}
.unionys dl dd em{ display:block; font-size:20px; font-weight:400; margin-bottom:20px;color:#fff;}
.unionys dl:nth-child(2n){margin-right:0; text-align:right;}
.unionys dl:nth-child(2n)  dt{float:right;}
.unionys dl:nth-child(1),.unionys dl:nth-child(2){border-bottom:1px solid #999;padding-bottom:60px}
.unionys dl:nth-child(1)::before,.unionys dl:nth-child(3)::after{position:absolute;left:50%; margin-top:-4px;content:"";display:block;background:#999;width:1px;height:185px}
.unionys dl:hover dt img{animation:rotate 1s linear infinite;transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg)}

@keyframes rotate{0%{transform:rotateZ(0deg)}
100%{transform:rotateZ(360deg)}
}

/*技术*/
.about-four{background:#FFF;padding-top:76px}.
/*证书*/
.about-fiv{padding-top:76px}
.abt5-con{margin-top:40px}
.abt5-swiper{position:relative}
.abt5-slide{display:block; }
.abt5-img{transition:ease .5s;}
.abt5-img img{display:inline-block;width:100%}
.abt5-slide p{margin-top:12px;text-align:center;font-size:16px;line-height:32px;color:#333;transition:ease .5s}
.abt5-slide:hover p{color:#00a1e1}
.abt5-swiper .swiper-pagination{width:100%;display:none}
.abt5-swiper .swiper-pagination-bullet{margin:0 5px}
.abt5-swiper .swiper-pagination-bullet-active{background:#00a1e1}
.abt5-swiper .swiper-button-next,.abt5-swiper .swiper-button-prev{margin-top:-40px;width:55px;height:55px;border-radius:50%;line-height:55px;background:#fff;color:#333;box-shadow:0 0 13px rgba(0,0,0,.1);text-align:center;opacity:1;cursor:pointer;transition:ease .5s;font-weight:bold}
.abt5-swiper .swiper-button-next{right:-75px}
.abt5-swiper .swiper-button-prev{left:-75px}
.abt5-swiper .swiper-button-next:hover,.abt5-swiper .swiper-button-prev:hover{background:#00a1e1;color:#fff;box-shadow:none}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { font-size: 14px;}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { font-size: 14px;}

/*风采*/
.about-se{padding-top:86px}
.abt6-con{margin-top:40px}
.abt6-swiper{position:relative}
.abt6-slide{display:block; }
.abt6-img{transition:ease .5s;}
.abt6-img img{display:inline-block;width:100%}
.abt6-slide p{margin-top:12px;text-align:center;font-size:16px;line-height:32px;color:#333;transition:ease .5s}
.abt6-slide:hover p{color:#00a1e1}
.abt6-swiper .swiper-pagination{width:100%;display:none}
.abt6-swiper .swiper-pagination-bullet{margin:0 5px}
.abt6-swiper .swiper-pagination-bullet-active{background:#00a1e1}
.abt6-swiper .swiper-button-next,.abt6-swiper .swiper-button-prev{margin-top:-40px;width:55px;height:55px;border-radius:50%;line-height:55px;background:#fff;color:#333;box-shadow:0 0 13px rgba(0,0,0,.1);text-align:center;opacity:1;cursor:pointer;transition:ease .5s;font-weight:bold}
.abt6-swiper .swiper-button-next{right:-75px}
.abt6-swiper .swiper-button-prev{left:-75px}
.abt6-swiper .swiper-button-next:hover,.abt6-swiper .swiper-button-prev:hover{background:#00a1e1;color:#fff;box-shadow:none}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { font-size: 14px;}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { font-size: 14px;}


/*pro*/
.probg{background:#f6f4f5;}
.erji{background:#f6f4f5;padding-top:30px}
.pro_nav dl{float:left;width:48%;margin-right:2%;margin-left:-1px;padding-top:20px;border-bottom:1px dashed #bbb}
.pro_nav dl dt{float:left;padding-bottom:20px}
.pro_nav dl dt a{background:#00a1e1;font-size:16px;width:130px;text-align:center;display:inline-block;color:#fff;font-weight:bold;padding:2px 5px;letter-spacing:1px;border-radius:5px}
.pro_nav dl dd{overflow:hidden;padding-left:30px}
.pro_nav dl dd a{color:#6c6c6c;margin-bottom:20px;text-align:center;display:inline-block;padding:2px 13px;border-radius:6px}
.pro_nav dl dd a.active{color:#FFF;background-color:#00a1e1}

.products_list{ margin:0 auto;}
.products_list li{float: left;_display: inline;overflow: hidden;width: calc(25% - 18px);padding: 0px;margin-right: 20px; margin-bottom:24px;   border: 1px solid #fff;   padding-bottom: 0px;    overflow: hidden;    transition: 0.2s ease all;    -webkit-transition: 0.2s ease all;    -moz-transition: 0.2s ease all; border-radius:10px;}
.products_list li span{background: #fff;width: 100%;overflow: hidden;display:block; border-radius:0; text-align: center;}
.products_list li span img{max-width: 100%; max-height: 200px; display:block;transition: 0.4s ease all; margin: 20px auto;}
.products_list li p{ width:100%; display:block; height:40px; line-height:40px; text-align:center; background:#FFF; padding-top:0px; color:#333; font-size:16px;}
.products_list li b{ width:100%; display:block; height:40px; line-height:30px; font-weight:normal; text-align:center; background:#FFF; padding-top:0px; color:#999; font-size:14px;}
.products_list li:hover p,.products_list li:hover b{color: #00a1e1; background:#FFF; }
.products_list li:hover {    border-color: #FFF;}
.products_list li:nth-child(4n){ margin-right:0;}
.products_list li:hover span img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}

.products_listother{ margin:0 auto;}
.products_listother li{float: left;_display: inline;overflow: hidden;width: calc(25% - 18px);padding: 0px;margin-right: 20px; margin-bottom:24px;   border: 1px solid #ddd;   padding-bottom: 0px;    overflow: hidden;    transition: 0.2s ease all;    -webkit-transition: 0.2s ease all;    -moz-transition: 0.2s ease all; border-radius:10px;}
.products_listother li span{background: #f9f9f9;width: 100%;overflow: hidden;display:block; border-radius:0;}
.products_listother li span img{width: 100%; display:block;transition: 0.4s ease all;}
.products_listother li p{ width:100%; display:block; height:30px; line-height:30px; text-align:center; background:#FFF; padding-top:0px; color:#333; font-size:16px;}
.products_listother li b{ width:100%; display:block; height:40px; line-height:30px; text-align:center; background:#FFF; padding-top:0px; color:#999; font-size:14px; font-weight:normal;}
.products_listother li:hover p{color: #00a1e1; background:#FFF; }
.products_listother li:hover {    border-color: #FFF;}
.products_listother li:nth-child(4n){ margin-right:0;}
.products_listother li:hover span img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
/*详情切换效果*/
.hb_tab{ }
.hb_tab ul {width:100%; background:#f2f2f2; text-align:center; padding:5px 0; border-top:2px solid #00a1e1;}
.hb_tab > ul > .hb_tab_title{box-sizing:border-box;line-height:38px;height:38px; color:#555;    cursor:pointer; display:inline-block;font-size:16px; font-weight:600;padding:0px; margin:0 28px; letter-spacing:0px;}
.hb_tab > ul > .hb_tab_title_this{box-sizing:border-box; line-height:36px;border-bottom:3px solid #00a1e1;  height:38px; color:#00a1e1;  cursor:pointer; display:inline-block; font-size:16px; padding:0px; font-weight:600;margin:0 28px;
-moz-border-radius: 2px 2px 0px 0px;   -webkit-border-radius: 2px 2px 0px 0px; border-radius:2px 2px 0px 0px; letter-spacing:0px;
}
.hb_tab > .hb_tab_content{ width:100%;margin:20px auto;  display:none; box-sizing:border-box; padding:10px 0;  }
.hb_tab > .hb_tab_content_this{ width:100%;margin:20px auto;  display:block; box-sizing:border-box; padding:10px 0; }




.prodetailbg{ background:#fff;}
.pro_detail{ margin:0 auto;}
.pro_detail_img{ width:432px; height:432px; display:inline-block;border:1px solid #eee; float:left; background:#fff;position:relative; text-align:center; }
.pro_detail_img img{ width:430px; height:430px; margin:auto; display:block; }
.pro_detail_txt{ width:500px; display:inline-block;  float:right;border-left:0px solid #ddd; padding-left:0px;}
.pro_detail_txt h1{  text-align:left; height:40px; line-height:40px; font-size:30px; font-weight:normal; color:#000; margin-top:0px; padding-bottom:10px;border-bottom:0px solid #ddd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; margin-bottom:20px;}
.pro_detail_txt h5{ height:30px; line-height:30px; font-size:16px; font-weight:bold; margin-top:10px;}
.pro_detail_txt h6{ height:30px; line-height:30px; display:inline-block; font-size:16px; font-weight:bold; margin-top:30px/*;border-bottom:2px solid #00a1e1;*/ }
.pro_detail_txt .newsinfo{ margin-top:10px; font-size:14px; color:#666; height:175px;  line-height:30px; padding:0px; overflow:hidden;}
.pro_detail_txt .newsinfo span{ font-size:13px; color:#000; }
.pro_btn{ width:100%;}
.pro_btn li{ width:80px; text-align:center; display:inline-block; font-size:16px; margin-top:20px;}
.pro_btn li  img{ width:30px; display:block; border:0; margin:0 auto; margin-bottom:10px;filter: grayscale(100%);    filter: gray;    filter: grayscale(100%)  brightness(100%);}
.pro_btn li:hover  img{filter: none;}
.pro_btn li:hover { color:#00a1e1}

.pro_otherbg{ background:#f2f2f2; margin-bottom:-50px; padding:30px 0;}
.protitle{display:inline-block;height:20px;line-height:20px;color:#000;font-size:18px;font-weight:600;border-bottom:1px solid #999;padding-bottom:25px; margin:20px 0; }

.propagetitle{ width:1300px; margin:20px auto; text-align:center;  }
.propagetitle p{ height:30px; line-height:30px; text-align:center; display:inline-block; font-size:18px; font-weight:bold; margin-top:30px;border-bottom:2px solid #00a1e1; }
.propagetitle span{ line-height:30px; text-align:center; display:block; font-size:15px;margin-top:30px; }



.propage_list{ margin:0 auto;}
.propage_list li{float: left;_display: inline;overflow: hidden;width: calc(25% - 18px);padding: 0px;margin-right: 20px; margin-bottom:24px;   border: 1px solid #fff;   padding-bottom: 0px;    overflow: hidden;    transition: 0.2s ease all;    -webkit-transition: 0.2s ease all;    -moz-transition: 0.2s ease all; border-radius:0px;}
.propage_list li span{background: #f9f9f9;width: 100%;overflow: hidden;display:block; border-radius:0;}
.propage_list li span img{width: 100%; display:block;transition: 0.4s ease all;}
.propage_list li p{ width:100%; display:block; height:50px; line-height:50px; text-align:center; background:#FFF; padding-top:0px; color:#333; font-size:16px;}
.propage_list li:hover p{color: #00a1e1; background:#FFF; }
.propage_list li:hover {    border-color: #FFF;}
.propage_list li:nth-child(4n){ margin-right:0;}
.propage_list li:hover span img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}



.visual_tit{font-size:30px;line-height:50px; font-weight:600;color:#222;text-align:center;position:relative;padding-bottom:35px; background:url(../images/visual_titbg.png) bottom center no-repeat; margin-bottom:50px;}
.visual_des{ margin:0 50px;}
.visual_tit_btn{ margin:0 auto; text-align:center;}
.visual_tit_btn p{ padding:10px 30px; margin:0 auto; background:#0a2f97; color:#fff; font-size:16px; font-weight:bold; display:inline-block; border-radius:10px;}
.visual_titbg01{ width:25px; height:26px; background:url(../images/visual_titbg01.png) no-repeat; display:block;}
.visual_titbg02{ width:23px; height:27px; float:right; background:url(../images/visual_titbg02.png) no-repeat; display:block;}

.visual_sysbg{ width:100%; background:url(../images/visual_sysbg.jpg) center top no-repeat; }
.visual_sys{ width:100%;}
.visual_sys_left{ width:500px; float:left;}
.visual_sys_left img{ max-width:100%; display:block; }
.visual_sys_right{ width:700px; height:500px;  float:left; margin-left:80px; overflow:hidden;}
.visual_sys_right p.tit{ font-size:24px; font-weight:bold; height:50px; line-height:50px; margin-bottom:15px;}
.visual_sys_right p.des{ font-size:15px ; line-height:26px; height:78px; display:block; margin-bottom:15px; overflow:hidden;}
.visual_sys_right p.maximg{ font-size:14px ; line-height:26px; margin-top:15px;}
.visual_sys_right p.maximg img{ max-width:100%; display:block;}
.visual_tab{ }
.visual_tab ul {width:100%; text-align:center; padding:15px 0;}
.visual_tab > ul > .visual_tab_title{box-sizing:border-box;color:#FFF;  background:#999999;   cursor:pointer; display:inline-block;font-size:16px; padding:10px 25px; border-radius:10px;  font-weight:400; margin:0 20px; letter-spacing:0px;}
.visual_tab > ul > .visual_tab_title_this{box-sizing:border-box;  background:#3753a7; color:#FFF;  cursor:pointer; display:inline-block; font-size:16px; padding:10px 25px; border-radius:10px; font-weight:400;margin:0 20px; letter-spacing:0px;}
.visual_tab > .visual_tab_content{ width:1300px;margin:20px auto;  display:none; box-sizing:border-box; padding:10px 0; height: 500px;    overflow: hidden; }
.visual_tab > .visual_tab_content_this{ width:1300px;margin:20px auto;  display:block; box-sizing:border-box; padding:10px 0; }

.visual_jishu {width:100%;margin:0px auto; }
.visual_jishu ul{ width:1300px;  margin:0px auto; }
/*.visual_jishu li{ width:22.91%;*width:22.9%; height:464px; float:left; margin-right:2.5%; text-align:center; padding:50px 0;  background:#f2f2f2; transition:all .2s ease-in;-moz-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;
position:relative;

}*/
.visual_jishu li{ width:22.91%;*width:22.9%; height:464px; float:left; margin-right:2.5%; text-align:center; padding:0px 0;  background:#f2f2f2; transition:all .2s ease-in;-moz-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;position:relative;}

.visual_jishu li em{ display:block; width:100%; height:100%; position:absolute; z-index:1;}
.visual_jishu li a{ display:block; width:100%; height:100%; position:absolute; z-index:2;background: rgba(0, 0, 0, .5);}

.visual_jishu li a{ padding-top:150px; transition:all 0.2s;  }
.visual_jishu li:last-child a{border-right:0px solid #999;}
.visual_jishu li:nth-child(4n){ margin-right:0;}

.visual_jishu li span{ font-size:14px; color:#FFF; line-height:25px;height:50px; padding:0 30px; display:block;margin-top:30px}
.visual_jishu li b{ width:40px; margin:0 auto; border-bottom:1px solid #f1f1f1; margin-bottom:20px; position:absolute; margin-left:-20px;}
.visual_jishu li p{ font-size:154pxpx; color:#fff; line-height:25px; padding:0 30px; display:block; }
.visual_jishu li h3{ font-size:18px; height:50px; display:block;color:#fff; font-weight:normal; line-height:50px;}
.visual_jishu li i{ width:40%; margin:0 auto;margin-bottom:0px; line-height:40px;}
.visual_jishu li i img{ width:83px; transition:all 0.2s;margin-top:-30px;}

.visual_jg_bg{ /*background:#e8e6e7;*/}
.visualjj{ width:100%; display:block;}
/*.visualjj dl{ width: 600px; float:left; margin-right:100px;    border-radius: 0px;    border: 1px solid #c9c9c9; margin-bottom:20px;}
.visualjj dl dt{ width:150px; margin: 0px 0;padding: 0 0px; float:left;font-size:18px; background:#999999;}
.visualjj dl dt img{ max-width:100%; display:block; margin:15px;}
.visualjj dl dd{ font-size: 15px; float:right; width:430px; margin:20px 0;    display: block;    padding: 0 20px;    line-height: 26px;}
.visualjj dl dd p{ display:block; font-size:20px; font-weight:bold; margin-bottom:20px;}
.visualjj dl:nth-child(2n){margin-right:0;}*/

.visualjj dl{ width: 600px; float:left; margin-right:100px;    border-radius: 0px;    border: 1px solid #c9c9c9; margin-bottom:20px;}
.visualjj em{ width:100%;display:block;text-align:center; color:#999;}
.visualjj dl dt{ width:170px; margin: 0px 0;padding: 0 0px; float:left;font-size:18px; background:#999999;}
.visualjj dl dt img{ max-width:100%; display:block; }
.visualjj dl dd{ font-size: 15px; float:right; width:410px; margin:19px 0;    display: block;    padding: 0 20px 0 10px;    line-height: 26px;}
.visualjj dl dd span{ display:block; font-size:20px; font-weight:bold; margin-bottom:20px;}
.visualjj dl dd p{ display:block; font-size: 15px;   line-height: 26px; color:#666;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:3;overflow:hidden}
.visualjj dl:nth-child(2n){margin-right:0;}

.contact{ border:1px solid #ddd; position:relative; display:block; padding:10px; background:#fff; margin:10px auto;}
.contact_map{ width:500px; height:500px; background:#f8f8f8; float:left;}
.contact_lx{ width:500px; float:right;}
.contact_lx p{ height:50px; line-height:50px; color:#666;border-bottom:1px solid #ddd;font-size:16px; display:block; }
.contact_lx p.title{ font-size:24px; font-weight:bold;  display:inline-block; margin-bottom:30px; color:#000; }
.contact_lx p.address{ background:url(../images/con_ico01.png) left center no-repeat; padding-left:30px; background-size:20px 20px;    }
.contact_lx p.tel{ background:url(../images/con_ico02.png) left center no-repeat; padding-left:30px; background-size:20px 20px;    }
.contact_lx p.mb{ background:url(../images/con_ico03.png) left center no-repeat; padding-left:30px; background-size:20px 20px;    }
.contact_lx p.email{ background:url(../images/con_ico04.png) left center no-repeat; padding-left:30px; background-size:20px 20px;    }
.contact_lx .cewm{ margin-top:50px}
.contact_lx .cewm li{ width:130px; display:inline-block; margin-right:30px;}
.contact_lx .cewm li img{ width:100%; display:block;}
.contact_lx .cewm li p{ display:block; text-align:center; color:#666; border:0; font-size:14px; height:30px; line-height:30px;}


.feedback{ border:1px solid #ddd; float:right;position:relative; height:600px; display:block; background:#fff; margin:0px auto;}
.feedback_input{ width:600px;float:right; margin-top:20px; margin-left:20px;}
.feedback_input input{ border:1px solid #ddd; background:#fff; width:280px; float:left; margin:0 20px 20px 0; height:50px; line-height:50px; border-radius:0px; padding:0 10px;}
.feedback_input textarea{ border:1px solid #ddd; background:#fff; width:580px; float:left; margin:0 20px 20px 0; height:150px; line-height:20px; border-radius:0px; padding:10px;}

.feedback_input .ptitle{ font-size: 24px; font-weight: normal; display:block; height: 128px; line-height: 38px;  color:#555;}
.feedback_input .ptitle span{ font-size: 16px; font-weight:normal; height: 38px; line-height: 38px; margin-left:10px; color:#666;}
.feedback_input .ptitle i{display:block;height:25px; float:left;width:50px;margin-bottom:5px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#ccc}
.feedback_input .ptitle b{font-size: 12px; font-weight:normal; height: 28px; line-height: 28px; margin-left:10px; color:#999;}

.feedback_input .ico01{ background:url(../images/input_ico01.png) right center no-repeat; background-size: 26px 26px;}
.feedback_input .ico02{ background:url(../images/input_ico02.png) right center no-repeat; background-size: 26px 26px;}
.feedback_input .ico03{ background:url(../images/input_ico03.png) right center no-repeat; background-size: 26px 26px;}
.feedback_input .ico04{ background:url(../images/input_ico04.png) right center no-repeat; background-size: 26px 26px;}
.feedback_input .ico05{ background:url(../images/input_ico05.png) right top no-repeat; background-size: 26px 26px;}

.feedback_input .feed_btn{ display:block; float:right; margin-right:25px; width:100px; height:40px; line-height:40px; font-size:16px; border-radius:0px;  background:#00a1e1;  text-align:center; color:#fff;cursor:pointer;}

.all404{ background:#f8f8f8; width:100%;min-height:800px; margin-bottom:-50px;}
.all404_img{ width:1000px; margin:0px auto; text-align:center; margin-top:90px; }
.all404_img img{ margin:100px 0 30px;}
.all404_img P{ height:60px; margin-top:130px;display:block; font-size:18px; text-align:center; color:#000;}
.all404 .btm{ margin:0 auto; margin-top:60px; min-height:100px; padding-bottom:50px; text-align:center;}
.all404 .btm a{ width:160px; border-radius:10px; height:38px; text-align:center; margin:0 15px; display:inline-block; background:#3ea8d3; color:#fff; line-height:38px;transition:all .2s ease-in;-moz-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;}
.all404 .btm a:hover{background:#00a1e1; }

/*site map*/
.sitemap{ width:100%; background:#e6e6e6; padding:50px 0; margin-bottom:-50px;margin-top:90px;}
.sitemap_con{ padding:10px 0px 10px 0px; width:1000px; margin:0px auto; margin-bottom:20px;}
.sitemap_con p a{width:130px;  display:block; text-align:left; height:34px;font-size:16px;font-weight:600; line-height:34px; color:#000; float:left;}
.sitemap_con p a::after {    content: '';    position: absolute;    width: 20px;    height: 1px;    display: block;    background: #000;    transition: 0.6s all ease-in-out;}
.sitemap_con:nth-child(1){ padding-top:30px;}

.sitemap_con ul{ width:1000px;border-top: 1px solid #E5E5E5; padding-top:20px; margin-bottom:5px;display:block; overflow:hidden;}
.sitemap_con ul li{ float:left; height:39px;  line-height:39px; font-size:14px;  display:inline; margin:0  18px 10px 0;}
.sitemap_con ul li a{ display:block;width:130px;border-radius:10px;background:#f6f6f6;  text-align:center;  font-size:15px;height:39px;line-height:39px;color:#333;transition:all .2s ease-in;-moz-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;}
.sitemap_con ul li a:hover{ color:#fff; background:#666 !important; text-decoration:none;border-radius:10px; }
.sitemap_con ul li:nth-child(8n+0){margin-right:0px;}



.about2_img{width:460px;height:448px; float:left;border:solid 1px #ddd;position:relative;box-sizing:border-box}
.about2_img .img{position:absolute;left:25px;top:25px}
.about2_img .img img{width:100%;height:100%;display:block;}
.about_txt{width:calc(100% - 530px);float:right;}
.about_txt h3{font-size:25px;margin-bottom:20px}
.about_txt p{line-height:28px;text-align:justify;margin-top:15px;color:#555}

/* width:calc(100% - 530px); */
.product-number-info{width:100%;float:right;position:relative;background:rgba(255,255,255,0.66);height:100px; margin-top:50px;}
.product-number-info ul{padding:0px 0}
.q{zoom:1}
.product-number-info li{float:left;width:calc(25% - 20px);padding-left:80px;height:80px; margin-right:20px;border-right:0px solid #ddd;box-sizing:border-box}
.product-number-info li.li-1{background:url(../images/youshi01.png) no-repeat 0px center}
.product-number-info li.li-2{background:url(../images/youshi02.png) no-repeat 0px center}
.product-number-info li.li-3{background:url(../images/youshi03.png) no-repeat 0px center}
.product-number-info li.li-4{background:url(../images/youshi04.png) no-repeat 0px center}
.product-number-info li:last-child{border:none}
.product-number-info li b{font-weight:300;font-size:36px;line-height:1;display:inline-block;position:relative;margin:10px 0 5px}
.product-number-info li p{font-size:14px;color:#666}
.product-number-info li b i{font-style:normal;font-family:Impact;color:#146bbb}
.product-number-info li b sup{position:absolute;font-size:20px;right:-20px;top:-3px;color:#146bbb}
.product-number-info li b span{position:absolute;font-weight:normal;color:#146bbb;font-size:14px;right:-30px;top:18px}







.pro_btn{display: none;}

.nmt30{ margin-top:30px;}
.nmt50{ margin-top:50px;}

@media screen and (max-width:767px){
    
	.wrap,.container,.container-middle{width:100%; min-width:100%;}
.container1200{width:100%; min-width:100%;margin:0 auto}
.container_left{ width:0px; float:left; padding:30px 0px; display: none;}
.container_right{width:100%; float:left;padding:30px 0px;  margin-top: -50px;}
.mainbanner{width:100%; min-width:100%; height: 150px; margin:0 auto}

.about_culture ul{
    width: 100%;
}
.custody_box_container .banner_left_txt {
    margin: 0px 0px 0px 0px;
}
.custody_boximg_container {
    display: block;
}

.index_tite .intitle {
    height: auto;
    line-height: 30px;
    font-size: 26px;
    color: #364054;
    font-weight: 800;
    text-align: center;
    max-width: 80%;
    margin: 0 auto;
}
.index_tite .intext {
    display: block;
    font-size: 18px;
    text-align: center;
    color: #364054;
    height: auto;
    line-height: 40px;
    font-family: "Open Sans Light";
    font-weight: 400;
}
.custody_box_container .banner_left_txt p.tit {
    font-size: 20px;
    font-weight: 700;
}
.custody_boximg_container .banner_left_txt p.tit {
    font-size: 20px;
    font-weight: 700;
}


.index_tit {
    text-align: center;
    padding: 30px 0;
}
.index_tit .chtit01 {
    font-size: 24px;
    color: #000;
    margin-top: 10px;
    font-family: "Open Sans Light";
    font-weight: 300;
}
.index_tit .chtit01 i {
    width: 0px;
    height: 1px;
    display: inline-block;
    border-bottom: 1px solid #ccc;
    margin: 10px;
}
.txt-center {
    max-width: 90%;
    margin: 0 auto;
    font-size: 14px;
    color: #000;
    line-height: 26px;
}
.solution_img {
    max-width: 90%;
    display: block;
    margin: 20px auto;
    text-align: center;
}

.yd_page_container .banner_left_txt {
    display: flex;
    position: relative;
    width: 100%;
    flex-wrap: wrap;
    margin: 0px 0px 0px 0px;
    padding: 10px;
    align-content: center;
    align-items: center;
}
.start-title-box {
    padding: 0px 0;
    margin-top: 0px;
}
.plan-title-wrap {
    padding: 27px 0 16px;
}
.plan-title {
    font-size: 18px;
    color: #fff;
    margin: 0 12px;
    font-weight: 400;
}
.plan-des {
    max-width: 90%;
    margin: 0 auto;
    font-size: 14px;
    color: #cce0fe;
    text-align: center;
}
.about-se {
    padding-top: 16px;
}
.energy05 div{
    max-width: 90%;
    margin: 0 auto;
    margin-left: 5%;
}
.energy05 div>dl {
   width: 100%;
}

.energy05 div>dl dt {
        width: 100%;
        float: right;
}
.energy05 div>dl dd {
    width: 100%;
    float: left;
    padding-right: 0%;
}
.energy03 li {
    float: left;
    _display: inline;
    overflow: hidden;
    width: calc(50% - 18px);
    
}
.energy03 li:nth-child(2n){ margin-right:0;}
.energy01,.energy02{
    max-width: 90%;
    margin: 0 auto;
    margin-left: 5%;
}
.energy01 li {
    float: left;
    _display: inline;
    overflow: hidden;
    width: 100%;
    padding: 0px;
    margin-right: 80px;
    margin-bottom: 24px;
}
.energy01 li p {
    min-height: auto;
}
.energy02_bg {
    /* background: url(../images/energy_bg.jpg) repeat-y #FFF; */
}
.energy02 li {
    float: left;
    width: 100%;
    height: 244px;
}
.about-one {
    padding-top: 16px;
}
.about-two {
    padding-top: 16px;
}
.adv_b {
    position: relative;
    box-sizing: border-box;
    height: auto;
}
.adv_b_t a {
    display: block;
    width: 20%;
    font-size: 12px;
    padding-top: 46px;
}
.adv_b_t a i {
    display: block;
    font-style: normal;
    font-size: 20px;
    font-weight: 300;
    color: #999;
}
.adv_b_b {
    position: relative;
    padding-left: 30px;
    margin-top: 5px;
    height: 450px;
}
.adv_b_r {
    display: none;
}
.adv_b_l {
    font-size: 14px;
    width: 100%;
    line-height: 32px;
    position: relative;
}
.adv_b_l .font p {
    padding-top: 5px;
    padding-right: 30px;
}
.adv_b_l .title_r {
    font-size: 24px;
    color: #222;
    line-height: 30px;
    font-weight: bold;
}
.adv_b_l .title_l {
    line-height: 45px;
    font-family: "arial";
    font-size: 20px;
    color: #999;
}





.about2_img {
    width: 94%;
    /* min-height: 350px; */
    height: auto;
    margin: 0 auto;
    margin-left: 3%;
    /* height: 448px; */
}
.about2_img .img {
    display: block;
    position:relative;
    left: 0px;
    top: 0px;
}
.about2_img .img img {
    max-width: 100%;
    max-height: 100%;
    display: block;
}
.about_txt {
    width: 94%;
    margin: 0 auto;
    margin-left: 3%;
    float: left;
}
.anchor{ display: none !important;}
.product-number-info {
    width: 96%;
    margin: 0 auto;
    /* float: right; */
    position: relative;
    background: rgba(255, 255, 255, 0.66);
    height: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}
.product-number-info li{float:left;width:calc(50% - 20px);padding-left:40px;height:80px; margin-right:20px;border-right:0px solid #ddd;box-sizing:border-box}
.product-number-info li.li-1{ background-size:30px ;}
.product-number-info li.li-2{background-size:30px ;}
.product-number-info li.li-3{background-size:30px ;}
.product-number-info li.li-4{background-size:30px ;}

.product-number-info li b {
    font-weight: 300;
    font-size: 30px;
}

.product-number-info li p {
    font-size: 12px;
    color: #666;
}
.unionys dl {
    width: 100%;
    float: left;
    height: auto;
}
.unionys dl dt {
    width: 30%;
    margin-top: 10px;
    padding: 0 0px;
    float: left;
    font-size: 18px;
}
.unionys dl dt .img {
    width: 100%;
    height: 100%;
    border: 1px solid #FFF;
    border-radius: 50%;
}
.unionys dl dt img {
    max-width: 100%;
    display: block;
    padding: 15px;
}
.unionys dl dd {
    font-size: 12px;
    float: left;
    width: 70%;
    margin: 10px 0;
    display: block;
    padding: 0 10px;
    line-height: 20px;
    color: #eee;
}
.unionys dl:nth-child(1)::before, .unionys dl:nth-child(3)::after {
    position: absolute;
    left: 50%;
    margin-top: -4px;
    content: "";
    display: block;
    background: #999;
    width: 0px;
    height: 185px;
}
.unionys dl:nth-child(1), .unionys dl:nth-child(2) {
    border-bottom: 1px solid #999;
    padding-bottom: 30px;
}
.abt5-swiper .swiper-button-next {
    right: 0px;
}
.abt5-swiper .swiper-button-prev {
    left: 0px;
}
.about-three {
    padding-top: 0px;
}
.about_culture li {
    width: 50%;
    float: left;
    padding: 20px 0;
}
.about_culture li:nth-child(2){border-right:0px solid #999;}
.about_culture li p {
    font-size: 14px;
    color: #666;
    line-height: 25px;
    padding: 0 10px;
}

.about_culture li span {
    font-size: 14px;
    color: #666;
    line-height: 25px;
    height: 30px;
    padding: 0 10px;
}
}





@media screen and (max-width:767px){.custody_box_container,.yd_page_container{display:block}
.custody_box_container .banner_left{width:100%;float:right}
.custody_box_container .banner_right{width:100%;float:left}

.custody_boximg_container .banner_left{width:100%;float:right}
.custody_boximg_container .banner_right{width:100%;float:left}
.custody_boximg_container .banner_left_txt{ margin:0;}

.yd_page_container .banner_left{width:100%;display: flex;float:left}
.yd_page_container .banner_right{width:100%;display: flex;float:right}

/* .turning_container{display:block}
.turning_container .left{width:100%;float:right}
.turning_container .right{width:100%;float:left}

.materials_list{display:block}
.materials_list .left {width:100%;}
.materials_list .right {width:100%;}

.materials_all{display:block}
.materials_all .left {width:100%;}
.materials_all .right {width:100%;} */

.casetype{ display: none;}
.cloud-header {
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.cloud-wrapper .cloud-card {
    float: left;
    padding: 20px;
    cursor: pointer;
    min-height: auto !important;
    width: 50%;
}
.cloud-card-image-back {
    width: 100%;
    height: auto;
}
.cloud-card-image {
    max-height: 130px;
    overflow: hidden;
    position: relative;
}
.video_list_other li {
    float: left;
    _display: inline;
    overflow: hidden;
    width: calc(49% - 15px);
}
.video_list_other li:nth-child(2n){ margin-right:0;}
.news_list dl {
    width: 100%;
    height: auto;
    display: block;
}
.news_list dl dt {
    width: 30%;
    height: auto;
    float: left;
    display: inline-block;
}
.news_list dl dd {
    width: 60%;
    height: auto;
    display: inline-block;
    float: right;
    margin-right: 0px;
}
.news_list dl dd .news_btn{ display: none;}
.news_list dl dd .time{ display: none;}
.news_other li {
    width: 100%;
    display: inline-block;
    float: left;
    margin-right: 0%;
    margin-bottom: 10px;
}
.contact-ul{
    width: 94%;
    margin: 0 auto;
    margin-left: 3%;
}
.contact-ul li {
    float: left;
    width: 100%;
    margin-right: 0%;
    margin-bottom: 10px;
}
.products_list li {
    float: left;
    _display: inline;
    overflow: hidden;
    width: calc(50% - 18px);
    padding: 0px;
    margin-right: 20px;
}
.products_list li:nth-child(2n){ margin-right:0;}
.products_list li span img {
    max-width: 100%;
    max-height: 100px;
    display: block;
    transition: 0.4s ease all;
    margin: 20px auto;
}
.products_list li p {
    overflow: hidden;
}
.pro_detail_img {
    width: 100%;
    height: 432px;
}
.pro_detail_txt {
    width: 94%;
    margin: 0 auto;
    margin-left: 3%;
}

}