/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0; list-style:none; text-decoration:none; border:0; list-style:none;}
body{ font-size:12px; font-family: Arial,''; color:#333;}
a{ color:#666;}
a:hover{ color:#ffcfcf; text-decoration:none;}
p{line-height:1.5em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}
.wapper1{ width:1200px; margin:0 auto;}
.wapper2{ width:90%; min-width:1200px; margin:0 auto;}
.wapper3{ width:80%; min-width:1200px; margin:0 auto;}
input,textarea,select{outline:none}
@media(max-width:768px){
.wapper{ width:90%; }
.wapper1{ width:90%; }
.wapper2{ width:90%; min-width:0px; }
.wapper3{ width:90%; min-width:0px; }
}
/*common end*/


.headbg{ width:100%; background:rgba(181, 182, 184, 0.68); position:fixed; z-index:55; top:0; left:0; border-bottom:1px solid #e7e7e7; transition:all .3s ease;}

.headbg .Warp{ width:100%; padding:0 5%; box-sizing:border-box;}

.head{ height:170px; transition:all .3s ease; position:relative;}
.head .logo{ float:left; width:225px; height:170px; position:relative; transition:all .3s ease;}
.head .logo img{ max-width:100%; max-height:90%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto 0;}
/*menu*/
.menu{height:40px;line-height:40px; float:right; margin:65px 0 0 0; transition:all .3s ease;margin-right: 15%;}
.menu ul li{ float:left; position:relative; margin-left:5px;}
.menu ul li .erji{ background:#fff; width:120px; position:absolute; left:0; top:100%; box-shadow:2px 2px 5px rgba(0,0,0,0.2); display:none; line-height:24px; }
.menu ul li:hover .erji{ display:block;}
.menu ul li .erji dl{ border:1px solid #fff;}
.menu ul li .erji dl dd{ border-top:1px solid #fff;}
.menu ul li .erji dl dd:nth-child(1){ border-top:none;}
.menu ul li .erji dl dd a{ font-weight:normal; font-size:14px; padding:8px 10px; color:#333; text-align:center;}
.menu ul li .erji dl dd a:hover{ color:#06618e;}
.menu a{ font-size:17px;color:#fff; text-decoration:none; font-weight:normal; display:block;text-align:center; padding:0 10px;}
.menu a:hover{color:#06618e;}
a.menu_hover{ color:#06618e; }
.menu ul li.menu_down span{ display:block; padding-right:12px; background:url(../images/menu_down.png) right center no-repeat;}
.menu ul li.menu_down:hover span{ background:url(../images/menu_down2.png) right center no-repeat;}
/**/
.nav_open{ width:40px; height:40px; line-height:40px; text-align:center; font-size:20px; color:#999; background:#ff9226; border-radius:5px; float:right; margin:20px 0 0 0; display:none;}
.nav_open i{ vertical-align:middle;}
.navbg{ width:100%; height:100%; /*background:rgba(0, 0, 0, 0.5);*/ position:fixed; top:0; left:0; z-index:666; display:none;}
.nav{ padding:80px 5% 20px 65%; position:relative;}
.nav_close{ width:40px; height:40px; line-height:40px; text-align:center; font-size:20px; color:#999; background:#ff9226; border-radius:5px; position:absolute; right:5%; top:20px;}
.nav_close i{ vertical-align:middle; }
.nav_list{ height:calc(100vh - 100px); overflow-Y:scroll;background:rgba(0, 0, 0, 0.5);}
.tree{}
.tree_box{ }
.tree_one{display: none; overflow: hidden;}
.tree_box h3{ font-weight:normal; font-size:16px; height:49px; line-height:49px; overflow:hidden; margin:0; position:relative; border-bottom:1px solid #eee;text-align: center;}
.tree_box h3 a{ color:#fff; position:relative; z-index:10;}
.tree_box h3 a:hover{ color:#fff;}
.tree_box h3 span{ position:absolute; width:100%; height:100%; left:0; top:0; text-align:right;}
.tree_box h3 span i{ color:rgba(255,255,255,.5);}
.tree_one h4{ font-weight:normal; font-size:14px; position:relative; height:39px; line-height:39px; overflow:hidden; margin:0 0 0 5%; border-bottom:1px solid #eee;text-align: center;}
.tree_one h4 a{ color:#fff; position:relative; z-index:10;}
.tree_one h4 a:hover{ color:#fff;}
.tree_two h5{ font-weight:normal; font-size:12px; position:relative; height:39px; line-height:39px; overflow:hidden; margin:0 0 0 10%; border-bottom:1px solid #eee;}
.tree_two h5 a{ color:#fff; position:relative; z-index:10;}
.tree_two h5 a:hover{ color:#fff;}
.h_height{ height:170px;}
.headbg.active{ background:rgba(181, 182, 184, 0.68);}
.headbg.active .head{ height:140px;}
.headbg.active .head .logo{ height:140px; }
.headbg.active .menu{ margin:50px 0 0 0;margin-right: 15%;}


.iLanguage{position: absolute;top: 41%;right: 5%;text-align: right;padding:0px 9px;}
.iLanguage .title{font-size: 17px;color: #fff;}
.iLanguage .panel{background: #fff;width: 86px;position: absolute;right: 0;top: 100%;box-shadow: 2px 2px 5px rgb(0 0 0 / 20%);line-height: 24px;border: 1px solid #fff;display: none;}
.iLanguage .panel a{font-size: 14px;padding: 8px 10px;color: #000;text-align: center;display: block;border-bottom: 1px solid #fff;}
.iLanguage .panel a:last-child {border-bottom: none;}
.iLanguage:hover .panel{display: block;}
.nav_list .iLanguage{display: block;padding-top: 10px;text-align: center; position:relative; top: auto; right:auto;}
.nav_list .iLanguage .panel{display: block;border: none; width:100%; background:none;}
.nav_list .iLanguage .panel a{text-align: left;display: block;border-bottom: none;}


@media(max-width:1520px){
.menu{margin-right:7%;}
.headbg.active .menu{margin-right:7%;}
}

@media(max-width:1400px){
.headbg .Warp{ width:1380px;}
}

@media(max-width:768px){
.headbg .Warp{ width:100%;}
.head{ height:80px;}
.head .logo{ float:left; width:50%; height:80px; }
.menu{ display:none;margin-right: 7%;}
.nav_open{ display:block;}
.h_height{ height:0px;}
.nav_list .iLanguage .panel a{text-align: center;display: block;border-bottom: none;color:#fff;}
.iLanguage{display:none;}
img{width:100%}
}



.footbg{ padding:30px 0; background:rgba(181, 182, 184, 0.68); color:#fff;}
.foot{ text-align:center; font-size:16px; line-height:26px;}
.foot a{ color:#fff; opacity:.9;}
.foot a:hover{ color:#fff; opacity:1;}
.foot ul li{}
@media(max-width:768px){
.footbg{ padding:30px 0; }
.foot{ font-size:16px; line-height:26px;}
}


.swiper-container1 { }
.swiper-container1 .swiper-slide { padding:15% 0 0 0; height:calc(100vh - 170px);filter: grayscale(50%);
/* Center slide text vertically */
/*display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;*/}
.swiper-container1 .swiper-slide .txt{ margin:0 auto; width:80%; text-align:center; color:#06618e;}
.swiper-container1 .swiper-slide .txt .h2{ font-size:56px; line-height:66px; font-weight:600}
.swiper-container1 .swiper-slide .txt .h3{ font-size:22px; line-height:32px; margin-top:10px;}
.swiper-container1 .swiper-pagination1{ display:none;}
.swiper-container1 .swiper-pagination1 .swiper-pagination-bullet{}
.swiper-container1 .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active{}
.swiper-container1 .swiper-button-prev1,.swiper-container1 .swiper-button-next1{ display:none;}
.swiper-container1 .swiper-button-prev1{}
.swiper-container1 .swiper-button-next1{}
@media(max-width:768px){
.swiper-container1 .swiper-slide { padding:100px 0 40px 0; height:calc(50vh - 140px); background-size:cover !important;}
.swiper-container1 .swiper-slide .txt .h2{ font-size:20px; line-height:40px;}
.swiper-container1 .swiper-slide .txt .h3{ font-size:14px; line-height:32px; margin-top:10px;}
}


.tit1{ text-align:center;}
.tit1 .h2{ font-size:40px; line-height:50px;}
.tit1 .h3{ font-size:18px; line-height:28px; color:#999; font-style:italic; margin-top:15px;}
.con01bg{ padding:40px 0;}
.con01{}
.con01 .list{ font-size:15px; line-height:35px; text-align:center; margin-top:20px;}

.con02bg{ background:#e2dad7; padding:40px 0;}
.con02{}
.con02 .list{ margin-top:40px;}
.con02 .list ul li{ float:left; width:calc((100% - 60px)/3); margin:30px 30px 0 0; text-align:center;}
.con02 .list ul li:nth-child(3n){ margin-right:0;}
.con02 .list ul li:nth-child(3n-2){ clear:left;}
.con02 .list ul li .nr_box{}
.con02 .list ul li .img_box{ border:7px solid #fff; border-radius:100%; overflow:hidden; width:239px; margin:0 auto;}
.con02 .list ul li .img{ padding-bottom:100%;}
.con02 .list ul li .txt{}
.con02 .list ul li .txt .h2{ font-size:20px; line-height:30px; margin-top:30px;}
.con02 .list ul li .txt .h3{ font-size:16px; line-height:26px; color:#999;}
.con02 .list ul li .txt .h4{ font-size:16px; line-height:26px; margin-top:10px;}

.con03bg{ padding:40px 0;}
.con03{}
.con03 .list{ }
.con03 .list ul li{/* float:left; width:calc((100% - 120px)/4); margin:10px 40px 10px 0;*/}
.con03 .list ul li:nth-child(4n){ margin-right:0;}
.con03 .list ul li .img{ padding-bottom:36%; position:relative;}
.con03 .list ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.swiper-container2 { width: 100%; }
.swiper-container2 .swiper-slide { }
.swiper-container2 .swiper-pagination2{}
.swiper-container2 .swiper-pagination2 .swiper-pagination-bullet{}
.swiper-container2 .swiper-pagination2 .swiper-pagination-bullet.swiper-pagination-bullet-active{}
.swiper-container2 .swiper-button-prev2,.swiper-container2 .swiper-button-next2{}
.swiper-container2 .swiper-button-prev2{}
.swiper-container2 .swiper-button-next2{}

.con04bg{ padding:40px 0;}
.con04{}
.con04 .tit1{ color:#fff;}
.con04 .tit1 .h3{ color:#fff;text-shadow: 1px 1px #2F2F2F;}
.con04 .list{ margin-top:50px;}
.con04 .list .h2{ font-size:30px; line-height:40px; margin-bottom:30px;}
.con04 .list table td{}
.con04 .list .w1{ width:calc((100% - 30px)/2); padding:0 0 30px 0;}
.con04 .list .w2{ width:calc((100% - 30px)/2); padding:0 0 0 30px;}
.con04 .list .w3{ width:calc((100% - 30px)/2); padding:0 0 30px 0;}
.con04 .list .w4{ width:calc((100% - 30px)/2);}
.con04 .list .text1{ border:none; background:#fff; width:calc(100% - 20px); height:60px; line-height:60px; border-radius:5px; padding:0 10px;}
.con04 .list .text2{ border:none; background:#fff; width:calc(100% - 20px); height:240px; line-height:60px; border-radius:5px; padding:0 10px;}
.con04 .list .button1{}
.more1{ text-align:center; margin-top:30px;}
.more1 a{ display:inline-block; width:160px; height:60px; line-height:60px; border-radius:5px; text-align:center; background:#ed7702; color:#fff; font-weight:bold; font-size:18px; transition:all .3s ease;}
.more1 a:hover{
opacity: 0.9;
-webkit-transform: scale(1.01);
-moz-transform: scale(1.04);
-o-transform: scale(1.04);
transform: scale(1.04);}
@media(max-width:768px){
.tit1 .h2{ font-size:40px; line-height:50px;}
.tit1 .h3{ font-size:18px; line-height:28px; margin-top:15px;}
.con01bg{ padding:40px 0;}
.con01 .list{ font-size:15px; line-height:35px; margin-top:20px;}

.con02bg{ padding:40px 0;}
.con02 .list{ margin-top:40px;}
.con02 .list ul li{ float:left; width:100%; margin:30px 0 0 0; }
.con02 .list ul li .img_box{ border:7px solid #fff; width:239px; }
.con02 .list ul li .txt .h2{ font-size:20px; line-height:30px; margin-top:30px;}
.con02 .list ul li .txt .h3{ font-size:16px; line-height:26px; }
.con02 .list ul li .txt .h4{ font-size:16px; line-height:26px; margin-top:10px;}

.con03bg{ padding:40px 0;}
/*.con03 .list ul li{/* float:left; width:calc((100% - 20px)/2); margin:10px 20px 10px 0;*/}
.con03 .list ul li:nth-child(4n){ margin-right:20px;}
.con03 .list ul li:nth-child(2n){ margin-right:0;}*/

.con04bg{ padding:40px 0;}
.con04 .list{ margin-top:50px;}
.con04 .list .h2{ font-size:30px; line-height:40px; margin-bottom:20px;}
.con04 .list .w1{ width:calc((100% - 20px)/2); padding:0 0 20px 0;}
.con04 .list .w2{ width:calc((100% - 20px)/2); padding:0 0 0 20px;}
.con04 .list .w3{ width:calc((100% - 20px)/2); padding:0 0 20px 0;}
.con04 .list .w4{ width:calc((100% - 20px)/2);}
.con04 .list .text1{ width:calc(100% - 20px); height:40px; line-height:40px; padding:0 10px;}
.con04 .list .text2{ width:calc(100% - 20px); height:160px; line-height:40px; padding:0 10px;}
.more1{ margin-top:30px;}
.more1 a{ width:140px; height:40px; line-height:40px; font-size:16px; }
}








/*Add------------------------------------------------------------------------------*/

.inbanner{}
.inbanner img{ display:block; width:100%;}



.tit2{ text-align:center;}
.tit2 .h2{ font-size:35px; line-height:45px; color:#fca465;}
.dt_page{ padding-top:170px; margin-top:-170px;}
.dtechnology1bg{ padding:170px 0 0 0; min-height:calc(100vh - 170px);}
.dtechnology1{ padding:100px 0 0 0;}
.dtechnology1 .list{ position:relative; margin-top:80px;}
.dtechnology1 .list:before{ content:""; width:0; height:100%; border-left:2px dashed #4d4b4b; position:absolute; top:0; left:23px; z-index:1;}
.dtechnology1 .list ul{ position:relative; z-index:2;}
.dtechnology1 .list ul li{ margin-bottom:40px;}
.dtechnology1 .list ul li .nr_box{}
.dtechnology1 .list ul li .num{ float:left;}
.dtechnology1 .list ul li .num span{ display:block; width:48px; height:48px; line-height:48px; text-align:center; border-radius:100%; background:#bec0c7; color:#fff; font-size:20px;}
.dtechnology1 .list ul li .txt{ float:right; width:calc(100% - 60px); font-size:23px; line-height:40px;}
.dtechnology1 .list ul li .txt a{ color:#333;}
.dtechnology1 .list ul li .txt a:hover{ text-decoration:underline;}

.tit3{ text-align:center;}
.tit3 .h2{ font-size:36px; line-height:46px;}
.tit3 .h2 span{ display:block; border:1px double #ccc; padding:10px 10px;}
.dtechnology2bg{ padding:40px 0;}
.dtechnology2{}
.dtechnology2 .list{ margin-top:30px; font-size:15px; line-height:25px; text-align:center;}

.dtechnology3bg{ padding:40px 0; background:#e2dad7;}
.dtechnology3{}
.dtechnology3 .list{ margin-top:30px; background:#fff; padding:20px;}
.slideTxtBox_01{}
.slideTxtBox_01 .hd{ height:76px;}
.slideTxtBox_01 .hd ul li{ float:left; width:calc(100%/6); text-align:center; font-size:17px;}
.slideTxtBox_01 .hd ul li a{ display:block; border-left:1px solid #fff; border-right:1px solid #fff; border-top:1px solid #fff; border-bottom:1px solid #ccc; line-height:27px; height:59px; padding:10px 0;}
.slideTxtBox_01 .hd ul li.on a{ border-left:1px solid #ccc; border-right:1px solid #ccc; border-top:1px solid #ccc; border-bottom:1px solid #fff;}
.slideTxtBox_01 .hd ul li:hover a{ background:#eee; color:rgba(255, 169, 83, 0.57);}
.slideTxtBox_01 .bd{}
.slideTxtBox_01 .bd .box1{}
.slideTxtBox_01 .bd .h2{ font-size:30px; line-height:40px; margin-top:15px;}
.slideTxtBox_01 .bd .txt{ font-size:16px; line-height:26px; margin-top:10px;}

.dtechnology4bg{ padding:40px 0; }
.dtechnology4{}
.dtechnology4 .list{ max-width:860px; margin:0 auto; margin-top:40px; }
.dtechnology4 .list ul li{ margin-bottom:10px;}
.dtechnology4 .list ul li .h2{ font-size:16px; line-height:60px; height:60px; padding:0 60px 0 15px; cursor:pointer; overflow:hidden; position:relative;}
.dtechnology4 .list ul li:hover .h2{ background:rgba(255, 169, 83, 0.57);}
.dtechnology4 .list ul li .h2 span{ float:right; width:60px; height:60px; line-height:60px; font-size:20px; text-align:center; position:absolute; top:0; right:0;}
.dtechnology4 .list ul li .h2 span i{ display:inline-block; vertical-align:middle;}
.dtechnology4 .list ul li .h2 span .i2{ display:none;}
.dtechnology4 .list ul li.active .h2{ background:rgba(255, 169, 83, 0.57);}
.dtechnology4 .list ul li.active .h2 span .i1{ display:none;}
.dtechnology4 .list ul li.active .h2 span .i2{ display:inline-block;}
.dtechnology4 .list ul li .h3{ font-size:16px; line-height:26px; padding:10px 15px; display:none;}
@media(max-width:768px){
.tit2 .h2{ font-size:35px; line-height:45px; }
.dt_page{ padding-top:140px; margin-top:-140px;}
.dtechnology1bg{ padding:140px 0 0 0; min-height:calc(100vh - 140px);}
.dtechnology1{ padding:50px 0 0 0;}
.dtechnology1 .list{ margin-top:40px;}
.dtechnology1 .list ul li{ margin-bottom:20px;}
.dtechnology1 .list ul li .txt{ font-size:23px; line-height:40px;}

.tit3 .h2{ font-size:36px; line-height:46px;}
.dtechnology2 .list{ margin-top:30px; font-size:15px; line-height:25px; }

.dtechnology3bg{ padding:40px 0; }
.dtechnology3 .list{ margin-top:30px; padding:10px;}
.slideTxtBox_01 .hd{ height:76px;}
.slideTxtBox_01 .hd ul li{ float:left; width:calc(100%/6); font-size:12px;}
.slideTxtBox_01 .bd .box1 .h2{ font-size:30px; line-height:40px; margin-top:15px;}
.slideTxtBox_01 .bd .box1 .txt{ font-size:16px; line-height:26px; margin-top:10px;}

.dtechnology4bg{ padding:40px 0; }
.dtechnology4 .list{ margin-top:40px; }
.dtechnology4 .list ul li{ margin-bottom:10px;}
.dtechnology4 .list ul li .h2{ font-size:16px; line-height:60px; height:60px; padding:0 60px 0 15px; }
.dtechnology4 .list ul li .h2 span{ width:60px; height:60px; line-height:60px; font-size:20px; }
.dtechnology4 .list ul li .h3{ font-size:16px; line-height:26px; padding:10px 15px; }
}



.rtechnology1bg{ padding:40px 0; min-height:calc(100vh - 340px);}
.rtechnology1{}
.rtechnology1 .list{ margin-top:30px; border-radius:20px; background:#eee; padding:35px 40px; font-size:16px; line-height:26px;}
@media(max-width:768px){
.rtechnology1bg{ padding:40px 0; min-height:calc(100vh - 340px);}
.rtechnology1 .list{ margin-top:30px; border-radius:10px; padding:35px 40px; font-size:16px; line-height:26px;}
}


.tit4{}
.tit4 .h2{ font-size:30px; line-height:40px; color:#fca465;}
.tit5{ text-align:center;}
.tit5 .h2{ font-size:24px; line-height:60px; font-weight:bold; font-style:italic; color:#c4c4c4;}
.super-sesi1bg{ padding:60px 0 0px 0;}
.super-sesi1{}
.super-sesi1 .list{ margin-top:70px;}
.super-sesi1 .list ul li{ margin-bottom:60px;}
.super-sesi1 .list ul li .txt{ width:55%;}
.super-sesi1 .list ul li .txt .h2{ font-size:24px; line-height:34px; font-weight:bold; font-style:italic; color:#c4c4c4;}
.super-sesi1 .list ul li .txt .h3{ font-size:16px; line-height:26px; margin:10px 0 0 0;}
.super-sesi1 .list ul li .txt dl{ margin:40px 0 0 0; }
.super-sesi1 .list ul li .txt dl dd{ font-size:14px; line-height:24px; position:relative; padding-left:15px;}
.super-sesi1 .list ul li .txt dl dd:before{ content:""; width:6px; height:6px; background:#333; border-radius:100%; position:absolute; top:9px; left:0;}
.super-sesi1 .list ul li .img{ width:45%;}
.super-sesi1 .list ul li .img img{ display:block; max-width:100%;}
.super-sesi1 .list ul li:nth-child(2n-1) .txt{ float:left;}
.super-sesi1 .list ul li:nth-child(2n-1) .img{ float:right;}
.super-sesi1 .list ul li:nth-child(2n) .txt{ float:right;}
.super-sesi1 .list ul li:nth-child(2n) .img{ float:left;}
.super-sesi2bg{ padding:0px 0 60px 0;}
.super-sesi2{}
.super-sesi2 .list{ margin-top:20px;}
.super-sesi3bg{ padding:60px 0 60px 0;}
.super-sesi3{}
.super-sesi3 .list{}
.super-sesi3 .list ul li{ margin-bottom:100px;}
.super-sesi3 .list ul li .txt{ width:45%;}
.super-sesi3 .list ul li .txt .h2{ font-size:24px; line-height:34px; font-weight:bold; font-style:italic; color:#c4c4c4;}
.super-sesi3 .list ul li .txt .h3{ font-size:16px; line-height:26px; margin:10px 0 0 0;}
.super-sesi3 .list ul li .txt dl{ margin:20px 0 0 0; }
.super-sesi3 .list ul li .txt dl dd{ font-size:14px; line-height:24px; position:relative; padding-left:15px;}
.super-sesi3 .list ul li .txt dl dd:before{ content:""; width:6px; height:6px; background:#333; border-radius:100%; position:absolute; top:9px; left:0;}
.super-sesi3 .list ul li .img{ width:45%;}
.super-sesi3 .list ul li .img img{ display:block; max-width:100%;}
.super-sesi3 .list ul li:nth-child(2n-1) .txt{ float:left;}
.super-sesi3 .list ul li:nth-child(2n-1) .img{ float:right;}
.super-sesi3 .list ul li:nth-child(2n) .txt{ float:right;}
.super-sesi3 .list ul li:nth-child(2n) .img{ float:left;}
@media(max-width:768px){
.tit4 .h2{ font-size:30px; line-height:40px; }
.tit5 .h2{ font-size:24px; line-height:34px; }
.super-sesi1bg{ padding:60px 0 60px 0;}
.super-sesi1 .list{ margin-top:50px;}
.super-sesi1 .list ul li{ margin-bottom:50px;}
.super-sesi1 .list ul li .txt{ float:none !important; width:100%;}
.super-sesi1 .list ul li .txt .h2{ font-size:24px; line-height:34px; }
.super-sesi1 .list ul li .txt .h3{ font-size:16px; line-height:26px; margin:10px 0 0 0;}
.super-sesi1 .list ul li .txt dl{ margin:20px 0 0 0; }
.super-sesi1 .list ul li .txt dl dd{ font-size:14px; line-height:24px; padding-left:15px;}
.super-sesi1 .list ul li .img{ float:none !important; width:100%; margin-top:20px;}

.super-sesi2bg{ padding:60px 0 60px 0;}
.super-sesi2 .list{ margin-top:20px;}
.super-sesi3bg{ padding:60px 0 60px 0;}
.super-sesi3 .list ul li{ margin-bottom:50px;}
.super-sesi3 .list ul li .txt{ float:none !important; width:100%;}
.super-sesi3 .list ul li .txt .h2{ font-size:24px; line-height:34px; }
.super-sesi3 .list ul li .txt .h3{ font-size:16px; line-height:26px; margin:10px 0 0 0;}
.super-sesi3 .list ul li .txt dl{ margin:20px 0 0 0; }
.super-sesi3 .list ul li .txt dl dd{ font-size:14px; line-height:24px; padding-left:15px;}
.super-sesi3 .list ul li .img{ float:none !important; width:100%; margin-top:20px;}
}


.exhalion1bg{ padding:60px 0 0px 0;}
.exhalion1{}
.exhalion1 .list{ margin-top:60px;}
.exhalion1 .list ul li{ margin-bottom:60px;}
.exhalion1 .list ul li .txt{ width:45%;}
.exhalion1 .list ul li .txt .h2{ font-size:24px; line-height:34px; font-weight:bold; font-style:italic; color:#c4c4c4;}
.exhalion1 .list ul li .txt .h3{ font-size:16px; line-height:26px; margin:10px 0 0 0;}
.exhalion1 .list ul li .txt dl{ margin:20px 0 0 0; }
.exhalion1 .list ul li .txt dl dd{ font-size:14px; line-height:24px; position:relative; padding-left:15px;}
.exhalion1 .list ul li .txt dl dd:before{ content:""; width:6px; height:6px; background:#333; border-radius:100%; position:absolute; top:9px; left:0;}
.exhalion1 .list ul li .img{ width:45%;}
.exhalion1 .list ul li .img img{ display:block; max-width:100%;}
.exhalion1 .list ul li:nth-child(2n-1) .txt{ float:left;}
.exhalion1 .list ul li:nth-child(2n-1) .img{ float:right;}
.exhalion1 .list ul li:nth-child(2n) .txt{ float:right;}
.exhalion1 .list ul li:nth-child(2n) .img{ float:left;}
.exhalion2bg{ padding:0px 0 60px 0;}
.exhalion2{}
.exhalion2 .list{ margin-top:30px;}
.exhalion2 .list .img{ text-align:center;}
.exhalion2 .list .img img{ display:block; max-width:100%;}
.exhalion2 .list .txt{ margin-top:65px;}
.exhalion2 .list .txt .h2{ font-size:24px; line-height:34px; font-weight:bold; font-style:italic; color:#c4c4c4;}
.exhalion2 .list .txt .h3{ font-size:16px; line-height:26px; margin:10px 0 0 0;}
.exhalion2 .list .txt dl{ margin:20px 0 0 0; }
.exhalion2 .list .txt dl dd{ font-size:14px; line-height:24px; position:relative; padding-left:15px;}
.exhalion2 .list .txt dl dd:before{ content:""; width:6px; height:6px; background:#333; border-radius:100%; position:absolute; top:9px; left:0;}
@media(max-width:768px){
.exhalion1bg{ padding:60px 0 60px 0;}
.exhalion1 .list{ margin-top:50px;}
.exhalion1 .list ul li{ margin-bottom:50px;}
.exhalion1 .list ul li .txt{ float:none !important; width:100%;}
.exhalion1 .list ul li .txt .h2{ font-size:24px; line-height:34px; }
.exhalion1 .list ul li .txt .h3{ font-size:16px; line-height:26px; margin:10px 0 0 0;}
.exhalion1 .list ul li .txt dl{ margin:20px 0 0 0; }
.exhalion1 .list ul li .txt dl dd{ font-size:14px; line-height:24px; padding-left:15px;}
.exhalion1 .list ul li .img{ float:none !important; width:100%; margin-top:20px;}
.exhalion2bg{ padding:60px 0 60px 0;}
.exhalion2 .list{ margin-top:30px;}
.exhalion2 .list .txt{ margin-top:50px;}
.exhalion2 .list .txt .h2{ font-size:24px; line-height:34px; }
.exhalion2 .list .txt .h3{ font-size:16px; line-height:26px; margin:10px 0 0 0;}
.exhalion2 .list .txt dl{ margin:20px 0 0 0; }
.exhalion2 .list .txt dl dd{ font-size:14px; line-height:24px; padding-left:15px;}
}



.retina-camera1bg{ padding:60px 0 0px 0;}
.retina-camera1{}
.retina-camera1 .list{ margin-top:70px;}
.retina-camera1 .list ul li{ margin-bottom:70px;}
.retina-camera1 .list ul li .txt{ width:45%;}
.retina-camera1 .list ul li .txt .h2{ font-size:24px; line-height:34px; font-weight:bold; font-style:italic; color:#c4c4c4;}
.retina-camera1 .list ul li .txt .h3{ font-size:16px; line-height:26px; margin:10px 0 0 0;}
.retina-camera1 .list ul li .txt dl{ margin:20px 0 0 0; }
.retina-camera1 .list ul li .txt dl dd{ font-size:14px; line-height:24px; position:relative; padding-left:15px;}
.retina-camera1 .list ul li .txt dl dd:before{ content:""; width:6px; height:6px; background:#333; border-radius:100%; position:absolute; top:9px; left:0;}
.retina-camera1 .list ul li .img{ width:45%;}
.retina-camera1 .list ul li .img img{ display:block; max-width:100%;}
.retina-camera1 .list ul li:nth-child(2n-1) .txt{ float:left;}
.retina-camera1 .list ul li:nth-child(2n-1) .img{ float:right;}
.retina-camera1 .list ul li:nth-child(2n) .txt{ float:right;}
.retina-camera1 .list ul li:nth-child(2n) .img{ float:left;}
.retina-camera1 .list ul li.li4 .txt dl dd{ font-size:16px; line-height:34px; position:relative; padding-left:0; text-indent:0em; margin-bottom:20px;}
.retina-camera1 .list ul li.li4 .txt dl dd:before{ display:none;}
.retina-camera1 .list ul li.li4 .txt dl dd i{ font-size:12px; font-style:normal;}
.retina-camera2bg{ padding:0px 0 60px 0;}
.retina-camera2{}
.retina-camera2 .list{ margin-top:30px;}
.retina-camera3bg{ padding:20px 0 60px 0;}
.retina-camera3{}
.retina-camera3 .list{ margin-top:0px;}
.retina-camera3 .list ul li{ margin-bottom:100px;}
.retina-camera3 .list ul li .txt{ width:45%;}
.retina-camera3 .list ul li .txt .h2{ font-size:24px; line-height:34px; font-weight:bold; font-style:italic; color:#c4c4c4;}
.retina-camera3 .list ul li .txt .h3{ font-size:16px; line-height:26px; margin:10px 0 0 0;}
.retina-camera3 .list ul li .txt dl{ margin:20px 0 0 0; }
.retina-camera3 .list ul li .txt dl dd{ font-size:14px; line-height:24px; position:relative; padding-left:15px;}
.retina-camera3 .list ul li .txt dl dd:before{ content:""; width:6px; height:6px; background:#333; border-radius:100%; position:absolute; top:9px; left:0;}
.retina-camera3 .list ul li .img{ width:45%;}
.retina-camera3 .list ul li .img img{ display:block; max-width:100%;}
.retina-camera3 .list ul li:nth-child(2n-1) .txt{ float:right;}
.retina-camera3 .list ul li:nth-child(2n-1) .img{ float:left;}
.retina-camera3 .list ul li:nth-child(2n) .txt{ float:left;}
.retina-camera3 .list ul li:nth-child(2n) .img{ float:right;}
@media(max-width:768px){
.retina-camera1bg{ padding:60px 0 60px 0;}
.retina-camera1 .list{ margin-top:50px;}
.retina-camera1 .list ul li{ margin-bottom:50px;}
.retina-camera1 .list ul li .txt{ float:none !important; width:100%;}
.retina-camera1 .list ul li .txt .h2{ font-size:24px; line-height:34px; }
.retina-camera1 .list ul li .txt .h3{ font-size:16px; line-height:26px; margin:10px 0 0 0;}
.retina-camera1 .list ul li .txt dl{ margin:20px 0 0 0; }
.retina-camera1 .list ul li .txt dl dd{ font-size:14px; line-height:24px; padding-left:15px;}
.retina-camera1 .list ul li .img{ float:none !important; width:100%; margin-top:20px;}

.retina-camera2bg{ padding:60px 0 60px 0;}
.retina-camera2 .list{ margin-top:30px;}

.retina-camera3bg{ padding:60px 0 60px 0;}
.retina-camera3 .list{ margin-top:50px;}
.retina-camera3 .list ul li{ margin-bottom:50px;}
.retina-camera3 .list ul li .txt{ float:none !important; width:100%;}
.retina-camera3 .list ul li .txt .h2{ font-size:24px; line-height:34px; }
.retina-camera3 .list ul li .txt .h3{ font-size:16px; line-height:26px; margin:10px 0 0 0;}
.retina-camera3 .list ul li .txt dl{ margin:20px 0 0 0; }
.retina-camera3 .list ul li .txt dl dd{ font-size:14px; line-height:24px; padding-left:15px;}
.retina-camera3 .list ul li .img{ float:none !important; width:100%; margin-top:20px;}
}


.desampler1bg{ padding:60px 0 0px 0;}
.desampler1{}
.desampler1 .list{ margin-top:100px;}
.desampler1 .list ul li{ margin-bottom:60px;}
.desampler1 .list ul li .txt{ width:45%;}
.desampler1 .list ul li .txt .h2{ font-size:24px; line-height:34px; font-weight:bold; font-style:italic; color:#c4c4c4;}
.desampler1 .list ul li .txt .h3{ font-size:16px; line-height:26px; margin:10px 0 0 0;}
.desampler1 .list ul li .txt dl{ margin:20px 0 0 0; }
.desampler1 .list ul li .txt dl dd{ font-size:14px; line-height:24px; position:relative; padding-left:15px;}
.desampler1 .list ul li .txt dl dd:before{ content:""; width:6px; height:6px; background:#333; border-radius:100%; position:absolute; top:9px; left:0;}
.desampler1 .list ul li .img{ width:45%;}
.desampler1 .list ul li .img img{ display:block; max-width:100%;}
.desampler1 .list ul li:nth-child(2n-1) .txt{ float:right;}
.desampler1 .list ul li:nth-child(2n-1) .img{ float:left;}
.desampler1 .list ul li:nth-child(2n) .txt{ float:left;}
.desampler1 .list ul li:nth-child(2n) .img{ float:right;}
.desampler2bg{ padding:0px 0 60px 0;}
.desampler2{}
.desampler2 .list{ margin-top:30px;}
.desampler3bg{ padding:0px 0 60px 0;}
.desampler3{}
.desampler3 .list{ margin-top:10px;}
.desampler3 .list ul li{ margin-bottom:100px;}
.desampler3 .list ul li .txt{ width:100%;}
.desampler3 .list ul li .txt .h2{ font-size:24px; line-height:34px; font-weight:bold; font-style:italic; color:#c4c4c4;}
.desampler3 .list ul li .txt .h3{ font-size:16px; line-height:26px; margin:10px 0 0 0;}
.desampler3 .list ul li .txt dl{ margin:20px 0 0 0; }
.desampler3 .list ul li .txt dl dd{ font-size:14px; line-height:24px; position:relative; padding-left:15px;}
.desampler3 .list ul li .txt dl dd:before{ content:""; width:6px; height:6px; background:#333; border-radius:100%; position:absolute; top:9px; left:0;}
.desampler3 .list ul li .img{ width:100%;}
.desampler3 .list ul li .img img{ display:block; max-width:100%;    margin: 0 auto;}
.desampler3 .list ul li:nth-child(2n-1) .txt{ float:left;}
.desampler3 .list ul li:nth-child(2n-1) .img{ float:left;}
.desampler3 .list ul li:nth-child(2n) .txt{ float:left;}
.desampler3 .list ul li:nth-child(2n) .img{ float:right;}
@media(max-width:768px){
.desampler1bg{ padding:60px 0 60px 0;}
.desampler1 .list{ margin-top:50px;}
.desampler1 .list ul li{ margin-bottom:50px;}
.desampler1 .list ul li .txt{ float:none !important; width:100%;}
.desampler1 .list ul li .txt .h2{ font-size:24px; line-height:34px; }
.desampler1 .list ul li .txt .h3{ font-size:16px; line-height:26px; margin:10px 0 0 0;}
.desampler1 .list ul li .txt dl{ margin:20px 0 0 0; }
.desampler1 .list ul li .txt dl dd{ font-size:14px; line-height:24px; padding-left:15px;}
.desampler1 .list ul li .img{ float:none !important; width:100%; margin-top:20px;}

.desampler12bg{ padding:60px 0 60px 0;}
.desampler12 .list{ margin-top:30px;}

.desampler3bg{ padding:60px 0 60px 0;}
.desampler3 .list{ margin-top:50px;}
.desampler3 .list ul li{ margin-bottom:50px;}
.desampler3 .list ul li .txt{ float:none !important; width:100%;}
.desampler3 .list ul li .txt .h2{ font-size:24px; line-height:34px; }
.desampler3 .list ul li .txt .h3{ font-size:16px; line-height:26px; margin:10px 0 0 0;}
.desampler3 .list ul li .txt dl{ margin:20px 0 0 0; }
.desampler3 .list ul li .txt dl dd{ font-size:14px; line-height:24px; padding-left:15px;}
.desampler3 .list ul li .img{ float:none !important; width:100%; margin-top:20px;}
}



.d_page{ padding-top:170px; margin-top:-170px;}
.download_nav{ position:fixed; z-index:999; top:50%; left:50px; transform:translateY(-50%);}
.download_nav ul li{ color:#e09a16; font-size:14px; font-weight:bold; line-height:26px;}
.download_nav ul li a{ font-size:16px; color:#ddd9d8;}
.download_nav ul li a:hover{ color:rgba(255, 169, 83, 0.57);}

.download1bg{ padding:60px 0 60px 0;}
.download1{}
.download1 .list{}
.download1 .list .h2{ margin-top:20px;}
.download1 .list ul li{ margin-top:20px;}
.download1 .list ul li dl dt{ font-size:16px; line-height:26px;}
.download1 .list ul li dl dd{ font-size:15px; line-height:25px; margin-top:10px;}
@media(max-width:768px){
.d_page{ padding-top:140px; margin-top:-140px;}
.download_nav{ display:none;}

.download1bg{ padding:60px 0 60px 0;}
.download1 .list .h2{ margin-top:20px;}
.download1 .list ul li{ margin-top:20px;}
.download1 .list ul li dl dt{ font-size:16px; line-height:26px;}
.download1 .list ul li dl dd{ font-size:15px; line-height:25px; margin-top:10px;}
}


.tit6{ text-align:center;}
.tit6 .h2{ font-size:35px; line-height:45px; color:#fca465;}
.tit6 .h3{ font-size:16px; line-height:26px; margin-top:20px;}
.newsbg{ padding:60px 0 60px 0;}
.news{}
.news .list{ margin-top:60px;}
.news ul li{ float:left; width:calc((100% - 120px)/3); margin:0 60px 60px 0;}
.news ul li:nth-child(3n){ margin-right:0;}
.news ul li:nth-child(3n-2){ clear:left;}
.news ul li .nr_box{}
.news ul li .img_box{    height: 240px;width: 285px;}
.news ul li .img{ padding-bottom:84%;}
.news ul li .h2{ font-size:20px; line-height:30px; font-weight:bold; margin-top:5px;}
@media(max-width:768px){
.tit6 .h2{ font-size:35px; line-height:45px; }
.tit6 .h3{ font-size:16px; line-height:26px; margin-top:20px;}
.newsbg{ padding:60px 0 60px 0;}
.news .list{ margin-top:30px;}
.news ul li{ float:left; width:100%; margin:0 0 30px 0;}
.news ul li .h2{ font-size:20px; line-height:30px; margin-top:5px;}
}



.insidebg{ padding:60px 0 120px 0; min-height:calc(100vh - 440px);}
.inside{}
@media(max-width:768px){
.insidebg{ padding:60px 0 120px 0; min-height:calc(100vh - 440px);}
}


.newsDetailbg{ padding:60px 0 120px 0;}
.newsDetail{ border:1px solid #efefef; padding:20px 10px;}
.newsD_tit{}
.newsD_tit .lt{ float:left; width:calc(100% - 230px); padding-bottom:20px; border-bottom:1px dotted #ddd;}
.newsD_tit .lt .h2{ font-size:30px; line-height:35px;}
.newsD_tit .lt .h3{ font-size:14px; line-height:24px; margin-top:10px;}
.newsD_tit .n_search{ float:right; width:210px; height:35px; border:1px solid #ccc;}
.newsD_tit .n_search .text1{ float:left; border:none; width:165px; padding:0 0 0 10px; height:35px; line-height:35px;}
.newsD_tit .n_search a{ float:right; width:35px; height:35px; line-height:35px; text-align:center;}
.newsD_tit .n_search a i{ display:inline-block; vertical-align:middle;}
.newsD_con{ margin-top:40px;    font-size: 16px;}
.newsD_btn{ margin-top:40px;}
.newsD_btn ul li{ float:left; width:calc((100% - 40px)/2); margin:0 40px 0 0; font-size:20px; line-height:30px;}
.newsD_btn ul li:nth-child(2n){ margin-right:0;}
.newsD_btn ul li a{}
.newsD_comment{ margin-top:40px;}
.newsD_comment .h2{ font-size:18px; line-height:28px;}
.newsD_comment .list{}
.newsD_comment .list ul li{ margin-top:20px;}
.newsD_comment .list ul li strong{ display:block; font-size:15px; line-height:25px; font-weight:bold;}
.newsD_comment .list ul li .text1{ border:1px solid #ccc; width:50%; height:50px; line-height:50px; padding:0 10px;}
.newsD_comment .list ul li .text2{ border:1px solid #ccc; width:70%; height:180px; line-height:30px; padding:0 10px;}
.newsD_comment .list ul li label{ font-size:15px; line-height:25px; font-weight:bold;}
.more2{ margin-top:20px;}
.more2 a{ background:#fec503; color:#fff; display:inline-block; text-align:center; width:220px; height:40px; line-height:40px; border-radius:5px; font-size:18px;}
.more2 a:hover{ background:#D0A100;}
@media(max-width:768px){
.newsDetailbg{ padding:60px 0 120px 0;}
.newsDetail{ padding:20px 10px;}
.newsD_tit .lt{ float:none; width:100%; padding-bottom:20px; }
.newsD_tit .lt .h2{ font-size:30px; line-height:35px;}
.newsD_tit .lt .h3{ font-size:14px; line-height:24px; margin-top:10px;}
.newsD_tit .n_search{ float:none; width:100%; height:35px; border:1px solid #ccc; margin-top:30px;}
.newsD_con{ margin-top:40px;}
.newsD_btn{ margin-top:20px;}
.newsD_btn ul li{ float:left; width:100%; margin:20px 0 0 0; font-size:12px; line-height:22px;}
.newsD_comment{ margin-top:40px;}
.newsD_comment .h2{ font-size:18px; line-height:28px;}
.newsD_comment .list ul li{ margin-top:20px;}
.newsD_comment .list ul li strong{ font-size:15px; line-height:25px; }
.newsD_comment .list ul li .text1{ width:calc(100% - 22px); height:50px; line-height:50px; padding:0 10px;}
.newsD_comment .list ul li .text2{ width:calc(100% - 22px); height:180px; line-height:30px; padding:0 10px;}
.newsD_comment .list ul li label{ font-size:15px; line-height:25px; }
.more2{ margin-top:20px;}
.more2 a{ width:220px; height:40px; line-height:40px; font-size:18px;}
}