@-webkit-keyframes z_fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,10%,0);
        transform: translate3d(0,10%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes z_fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,10%,0);
        transform: translate3d(0,10%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.z_fadeInUp {
    -webkit-animation-name: z_fadeInUp;
    animation-name: z_fadeInUp
}

@-webkit-keyframes z_fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-50%,0);
        transform: translate3d(0,-50%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes z_fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-50%,0);
        transform: translate3d(0,-50%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.z_fadeInDown {
    -webkit-animation-name: z_fadeInDown;
    animation-name: z_fadeInDown
}

@-webkit-keyframes goRightIn {
  0%{
    opacity: 0;
    filter:alpha(opacity=0);
    -webkit-transform: translate(-50px, 0);
       -moz-transform: translate(-50px, 0);
        -ms-transform: translate(-50px, 0);
         -o-transform: translate(-50px, 0);
            transform: translate(-50px, 0);
  }

  100% {
    opacity: 1;
    filter:alpha(opacity=100);
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes goRightIn {
  0%{
    opacity: 0;
    filter:alpha(opacity=0);
    -webkit-transform: translate(-50px, 0);
       -moz-transform: translate(-50px, 0);
        -ms-transform: translate(-50px, 0);
         -o-transform: translate(-50px, 0);
            transform: translate(-50px, 0);
  }

  100% {
    opacity: 1;
    filter:alpha(opacity=100);
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
body{padding-top:100px; background:#f2f2f2;}
@-webkit-keyframes z_fadeInLeft{
    0%{
        opacity:0;
        -webkit-transform:translate3d(-10%,0,0);
        transform:translate3d(-10%,0,0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;transform:none;
    }
}
@keyframes z_fadeInLeft{
    0%{
        opacity:0;
        -webkit-transform:translate3d(-10%,0,0);
        transform:translate3d(-10%,0,0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;transform:none;
    }
}
.z_fadeInLeft{
    -webkit-animation-name:z_fadeInLeft;
    animation-name:z_fadeInLeft
}
@-webkit-keyframes xie_fadeInLeft{
    0%{
        opacity:0;
        -webkit-transform:translate3d(-100%,100%,0);
        transform:translate3d(-100%,100%,0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;transform:none;
    }
}
@keyframes xie_fadeInLeft{
    0%{
        opacity:0;
        -webkit-transform:translate3d(-100%,100%,0);
        transform:translate3d(-100%,100%,0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;transform:none;
    }
}
.xie_fadeInLeft{
    -webkit-animation-name:xie_fadeInLeft;
    animation-name:xie_fadeInLeft
}

@-webkit-keyframes z_Downxie {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-50%,0);
        transform: translate3d(0,-50%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes z_Downxie {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,-50%,0);
        transform: translate3d(100%,-50%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.z_Downxie {
    -webkit-animation-name: z_Downxie;
    animation-name: z_Downxie
}

@keyframes xie_s{
    0%{
        opacity:1;
    }
    50%{
        opacity:0.75;
    }
    100%{
        opacity:1;
    }
}

/*header*/
.header{position: fixed;top: 0;left: 0;width: 100%;height: 100px;z-index: 999; background-color: #fff;}
.header .header_box{margin: 0 auto; padding: 0 3%;transition-duration: .5s;-webkit-transition-duration: .5s;}
.header h1{float: left;padding-top: 20px;}
.header h1 a{display: block;width: 193px;height: 60px; background:url(../images/logo_white.png) no-repeat center;transition-duration: .5s;-webkit-transition-duration: .5s; background-size:100%;}
.header .header_right{float: right;}
.header nav{position: relative;float: left;/* padding-top: 38px; */height: 100px;}
.header nav .subNav{ position: absolute;top: 100%;left: 0;width: 1920px;overflow: hidden;height: 0;transition-duration: .5s;-webkit-transition-duration: .5s;}
.header nav .long{left: -303px;}
.header nav .subNav .drapLink{padding-left: 60px; height: 68px;line-height: 68px; background-color: #1b96d5;}
.header nav .drapLink a{float: left;display: block;height: 100%;margin-right:26px;color: #d1ad6f;font-size: 15px;}
.header nav .drapLink a.on{color: #fff;}
.header nav li{margin-right: 30px;float: left;color: #fff;height: 100%;padding-top: 38px;font-size: 15px;transition-duration: .5s;-webkit-transition-duration: .5s;font-weight: bold;}
.linkbox{position: relative;}
.linkbox::after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0 }
.linkbox .sliderbar{position: absolute;bottom: 0;left: 0;width: 0;height: 4px;background-color: #1b96d5;pointer-events: none;}
.header_right .idx_lan{float: left;height: 100px; /*padding-top: 38px;*/color: #fff;font-size: 15px;transition-duration: .5s;-webkit-transition-duration: .5s;} 
.header_right .idx_lan .lan{float: left;width:67px;height:100px;/*background: url(../images/arrow-down_white.png) no-repeat center bottom;*/position:relative;cursor:pointer;}
.header_right .idx_lan .lan .box p{text-align:center;color:#0052ac;margin-top:37px;}
.header_right .idx_lan .lan .box .arrow_bg{width:12px;height:7px;margin:0 auto;background: url(../images/arrow-down-orange.png) no-repeat;margin-top:3px;}
.header_right .idx_lan .lan .language{position:absolute;top:100px;left:0;width:141px;height:69px;background:#ff9f00;box-sizing:border-box;padding-left:23px;display:none;}
.header_right .idx_lan .lan .language a{line-height:69px;font-size:14px;color:#676767;margin-right: 5px;}
.header_right .idx_lan .lan .language a.on{color:#fff;}
.header_right .idx_lan .lan:hover{background:#ff9f00;}
.header_right .idx_lan .lan:hover .box p{color:#fff;}
.header_right .idx_lan .lan:hover .box .arrow_bg{background: url(../images/arrow-down_white2.png) no-repeat;}

.header_right .idx_lan .plat{ float: left;margin-top:36px;padding-right:15px;margin-left: 16px;padding-left: 30px;background: url(../images/update1.png) no-repeat left center;}
.header_right .idx_lan .plat:hover{color:#1b96d5;background: url(../images/update1_on.png) no-repeat left center;}
.header_right .hamburger{cursor: pointer; float: left; position: relative; width: 60px;height: 100px;}
.header_right .hamburger span{display: block; position: absolute;top: 50%;left: 50%;margin-left: -10px;width: 20px;height: 2px;background-color: #fff;transition-duration: .5s;-webkit-transition-duration: .5s;}
.header_right .hamburger:hover span{background:#1b96d5;}
.header_right .hamburger .span1{margin-top: -8px;}
.header_right .hamburger .span3{margin-top: 8px;}
.header.on .header_box,.header.inner_header .header_box{box-shadow: 0 5px 5px 1px rgba(213,213,213,.1); padding-right: 0; background-color: #fff;}
.header.on .header_box h1 a,.header.inner_header .header_box h1 a{background-image: url(../images/logo.png);}
.header.on nav li,.header.inner_header nav li{color: #616161;}
.header.on .idx_lan,.header.inner_header .idx_lan{/*padding: 38px 25px 0;*/ border: 1px solid #ececec;border-top: none;border-bottom: none; color: #0052ac;opacity: 1;filter: alpha(opacity=100);}
/*.header.on .idx_lan .lan,.header.inner_header .idx_lan .lan{background-image: url(../images/arrow-down-orange.png);}*/
.header.on .header_right .plat,.header.inner_header .header_right .plat{background-image: url(../images/update.png);}
.header.on .header_right .hamburger span,.header.inner_header .header_right .hamburger span{background-color: #242424;}
.header.on .header_right .hamburger:hover span{background:#1b96d5;}
.header.on .header_right .plat:hover{background: url(../images/update1_on.png) no-repeat left center;}
.header.on nav li:hover .subNav,.header.inner_header nav li:hover .subNav{height: 68px;}
.header .linkbox .sliderbar{height: 0;}
.header.on .linkbox .sliderbar,.header.inner_header .linkbox .sliderbar{height: 4px;}


@media screen and ( max-width: 980px ) {
.header nav{ display:none}
}


 
/*声明以及地图*/
.legal_webmap{position:fixed;width:420px;height:100%;top:0;right:-420px;z-index:999;background: url(../images/right_bg.jpg) no-repeat center top;box-sizing:border-box;padding:0 60px;overflow:hidden;}
.legal_webmap .right_close{width:30px;height:30px;position:absolute;top:33px;right:39px;cursor:pointer;background: url(../images/right_close.png) no-repeat;}
.legal_webmap .right_close:hover{background: url(../images/right_close_on.png) no-repeat;}
/*法律*/
.legal_webmap .text1{font-family: 'Rubik-Regular';text-transform: uppercase;font-size:40px;color:#d1ad6f;font-weight:normal;line-height: 35px;margin-top:110px;}
.legal_webmap .text2{font-size:24px;color:#1b96d5;font-weight:normal;padding-top:15px;padding-bottom:26px;}
.legal_webmap .text3{font-size:14px;color:#999999;}
/*网站地图*/
.wab_mapnav{margin-top:80px;}
.wab_mapnav li{padding-bottom:20px;border-bottom:2px solid #f5e2c7;margin-bottom:17px;}
.wab_mapnav li .tit{font-size:18px;font-weight:bold;}
.wab_mapnav li .tit a{color:#635340;}
.wab_mapnav li .a_nav{margin-top:5px;width:338px;}
.wab_mapnav li .a_nav a{color:#a0917d;font-size:14px;margin-top:5px;margin-right:20px;float:left;}
.wab_mapnav li .a_nav a:hover{color:#1b96d5;}
.hk_text{color:#585552;font-size:14px;margin-bottom:10px;}
.hk_text em{color:#c5955a;font-size:24px;font-family: 'Rubik-Regular';}
@media screen and (max-width:800px) {
    .wab_mapnav li{margin-bottom: 5px;padding-bottom: 5px;}
    .wab_mapnav li .tit{font-size: 15px;}
    .wab_mapnav li .a_nav a{font-size: 12px;margin-top: 2px;}
	
}

 
#content.index{margin-top: 0; }
.master-slider{width: 100%!important;margin: 0 auto!important;}
.ms-slide{width: 100% !important}
#masterslider .ms-container .ms-nav-prev{width: 60px;height: 60px;margin-top: -30px; background: url(../images/l.png) no-repeat center;background-color: rgba(0,0,0,.4);}
#masterslider .ms-container .ms-nav-next{width: 60px;height: 60px;margin-top: -30px;background: url(../images/r.png) no-repeat center;background-color: rgba(0,0,0,.4);}
 
 

@media screen and (max-width:800px) {
	.header{ height:60px;}
	.header h1{ padding-top:0}
    .header h1 a{ width:110px;}
	.header_right .hamburger{ height:60px;}	
	body{padding-top:60px;}
}


 

.idx_top{margin-top: -260px;position: relative;height:260px;z-index: 2;}
.idx_top .box{position: absolute;bottom: 0;left: 0;width: 80%;height: 100%; padding-top:1%;background: url(../images/idx_pic_02.png);display:none;border-top-right-radius:30px;}
 
.indnews{ overflow:hidden; width:25%; min-width:375px; float:right; margin-right:10%; margin-bottom:3%}
.indnews h1{ font-size:18px; color:#1b96d5; line-height:24px; margin:3% 0 3%;}
.indnews h2{ font-weight:normal; font-size:18px; color:#333; line-height:24px; margin-bottom:5%;}
.indnews p{ line-height:18px; height:36px; font-size:22px;   margin-bottom:6%}
.indnews .ico{ float:right; font-size:22px;}
.indnews a:hover{ color:#ff9f22}


@media screen and (max-width:1200px) {
	.idx_top{margin-top: 0px;position: relative;height:inherit; overflow:hidden;z-index: 2;}
	.idx_top .box{ display:block;  position:relative; width:100%;}
	.indnews{   width:100%; min-width:375px;padding:0 5%; float:none; margin-right:0%; }
	.indnews h1{ font-size:16px; line-height:20px;}
	.indnews h2{ font-size:16px; line-height:20px;}
	.indnews p{ font-size:14px;margin-bottom:3%;}
}


.idx_business{position: relative; margin-bottom:60px}
.idx_business .slogan{position: absolute;top: 0;left: 50%;  margin-left: -600px;width: 1200px; height: 70px; line-height:70px;}
.idx_business .slogan .plan{position: absolute;top: 38px;left: 330px;}
.idx_business .slogan .en{letter-spacing: 15px; font-family: 'Rubik-Regular';   font-size: 140px;line-height: 50px; color: #fff;opacity: .1;filter: alpha(opacity=10);}
.idx_business .slogan .cn{font-size: 36px;  color: #fff;opacity: .6;filter: alpha(opacity=60);}
.idx_business .bg{height: 490px;background: url(../images/idx-bg1.jpg) no-repeat center;}
.idx_business .contBox{margin-top: -420px; position: relative; height: 457px;z-index: 3;}
.idx_business .box{position: absolute;right: 0;top:0;width: 1700px;}
.idx_business .slidebox{position: relative;}
.idx_business .slidebox .hd{position: absolute;top: -70px;right: 0;z-index: 2;}
.idx_business .slidebox .hd li{float: left;  cursor: pointer;}
.idx_business .slidebox .hd li:first-child{}
/*.idx_business .hd li.on{border-bottom: 4px solid #1b96d5;}*/
.idx_business .hd .tab{ background-image:none !important;padding:0 48px; }
.idx_business .hd .on .tab{ background:#ff9f22}
/*.idx_business .hd .tab1.on .tab{background-image: url(../images/idx_on_03.png)!important;}
.idx_business .hd .tab2.on .tab{background-image: url(../images/idx_on_05.png)!important;}
.idx_business .hd .tab4.on .tab{background-image: url(../images/idx_on_07.png)!important;}
.idx_business .hd .tab3.on .tab{background-image: url(../images/idx_on_09.png)!important;}*/
 
.idx_business .hd li.on .tab div{opacity: 1;filter: alpha(opacity=100);}
.idx_business .btn{position: absolute;top: 227px;right: 0;z-index: 2; width: 134px;height: 66px;background-color: #5c5c5c;}
.idx_business .btn .bg{position: absolute;top: 0;right: 0;width: 50%;height: 100%;background: url(../images/btn-bg.png);transition-duration: .5s;-webkit-transition-duration: .5s;}
.idx_business .btn .bg.on{right: 50%;}
.idx_business .btn a{position: relative;z-index: 2; float: left;width: 50%;height: 100%;}
.idx_business .btn .prev{background: url(../images/l.png) no-repeat center;}
.idx_business .btn .next{background: url(../images/r.png) no-repeat center;}
.idx_business .bd li{position: relative; height: 457px;background-repeat: no-repeat;background-position: right center;}
.idx_business .slidebox .tab{ height:70px; line-height:70px;background-repeat: no-repeat;background-position: center top;color: #eceffe;transition-duration: .5s;-webkit-transition-duration: .5s;}
.idx_business .slidebox .tab div{opacity: .5;filter: alpha(opacity=50);}
.idx_business .slidebox .txt{position: absolute;top: 130px;right: 224px; width: 480px;}
.idx_business .slidebox .cn{margin-bottom: 5px;font-size: 30px;line-height: 30px; color: #3647bc;}
.idx_business .slidebox .en{margin-bottom: 10px; font-size: 33px;line-height: 33px; color: #3647bc;font-family: 'Rubik-Regular';color: #333;opacity: .6;filter: alpha(opacity=60);}
.idx_business .slidebox p{color: #535353;line-height: 22px;opacity: .6;filter: alpha(opacity=60);}
.idx_business .slidebox em{display: block; margin-top: 15px; width: 43px;height: 13px; background: url(../images/arrow1.png) no-repeat right center;transition-duration: .5s;-webkit-transition-duration: .5s;}
.idx_business .slidebox .txt:hover em{width: 63px;}
.idx_business .bd{width: 901px;float: left;}
.idx_business .txtBox{width: 799px;height: 457px;float: right;background: url(../images/group_txt.jpg);}
.idx_business .txtBox .txt{display: none;}
.idx_business .txtBox .txt:first-child{display: block;} 



.mob_business{ width:100%; margin-bottom:10px; display:none}
.mob_business .hd{ height:36px;       background: url(../images/idx-bg1.jpg) no-repeat center; position:relative; }
.mob_business .hd ul{ width:100%; text-align:center  }
.mob_business .hd .tab{ background-image:none !important; padding:0 5px; height:36px; line-height:36px;}
.mob_business .hd .on .tab{ background:#ff9f22}
.mob_business .hd li{  cursor: pointer; display:inline-block}
/*.mob_business .hd .tab1.on .tab{background-image: url(../images/idx_on_03.png)!important;}
.mob_business .hd .tab2.on .tab{background-image: url(../images/idx_on_05.png)!important;}
.mob_business .hd .tab4.on .tab{background-image: url(../images/idx_on_07.png)!important;}
.mob_business .hd .tab3.on .tab{background-image: url(../images/idx_on_09.png)!important;}*/
.mob_business .tab{ background-repeat: no-repeat;background-position: center top;color: #eceffe;transition-duration: .5s;-webkit-transition-duration: .5s;}
.mob_business .tab div{opacity: .9;filter: alpha(opacity=50);}
.mob_business .bd .txt{ display:block; background:#1b96d5;  padding:15px 3%}
.mob_business .bd .txt .cn{ font-size:18px;  color:#fff;  }
.mob_business .bd .txt .en{ font-size:14px; color:#c7deff;}
.mob_business .bd .txt { color:#c7deff;}
 


@media screen and (max-width:1200px) {
.idx_business{ display:none}
.mob_business{ width:100%; display:block}
}



.idx_case{ width:1200px;overflow:hidden; margin:0px auto;}
.caseli{ position:relative}
.caseli .indcasedec{ position:absolute;  height:100%; color:#fff; top:0; width:28%;}
.caseli .indcasedec.le{left:3%;}
.caseli .indcasedec.ri{right:3%;}
.caseli .indcasedec h1{ font-size:26px; font-weight:normal; line-height:26px; margin-top:30%;}
.caseli .indcasedec em{ width:20px; height:3px; background:#fff; display:block; margin:5% 0;}
.caseli .indcasedec h2{ font-size:18px; font-weight:normal; line-height:26px; margin-bottom:3%}
.caseli .indcasedec p{ color:#d7dde9; margin-bottom:10%}
.caseli .ico{ font-size:18px; width:40px; line-height:40px; text-align:center; border:1px solid #fff; display:block; border-radius:21px;}

@media screen and (max-width:1200px) {
.idx_case{ width:inherit}
.caseli .indcasedec h1{ font-size:16px;   line-height:26px; margin-top:30%;}
.caseli .indcasedec em{ width:20px; height:3px; background:#fff; display:block; margin:5% 0;}
.caseli .indcasedec h2{ font-size:14px; font-weight:normal; line-height:26px; margin-bottom:3%} 
.caseli .indcasedec p{ display:none}
.caseli .ico{ display:none}
}


.casenva{ overflow:hidden; margin:20px 0;}
.casenva .casenvali{ width:49%; overflow:hidden; border-bottom:1px solid #F1F1F1; background:#FFF; margin-bottom:20px;}
.casenva .casenvali.fl{ float:left}
.casenva .casenvali.fr{ float:right}
.casenva a h1{ font-size:20px;padding:0 3%; font-weight:normal; margin:3% 0 1% ;}
.casenva a p{ font-size:14px;padding:0 3%; color:#999; margin-bottom:20px; height:44px; line-height:22px;}
.casenva a:hover{ background:#1b96d5; color:#fff;}
.casenva a:hover p{ color:#9bddff;}

@media screen and (max-width:700px) {
.casenva{ overflow:hidden; margin:10px 0;}
.casenva .casenvali{ width:49%; overflow:hidden; border-bottom:1px solid #dadada;}
.casenva .casenvali.fl{ float:none}
.casenva .casenvali.fr{ float:none}
.casenva a h1{ font-size:16px; }
.casenva a p{ font-size:14px;  }
}





.anli{ overflow:hidden; background:#fff; margin:20px 0; padding:3%;}
.anli h1{ font-size:28px; color:#000; line-height:30px;}
.anli em{ width:20px; height:3px; background:#333; margin:2% 0; display:block}
.anli h2{ font-size:20px; color:#444; font-weight:normal; margin-bottom:3%}
.anli .anlinva a{ width:32%; float:left; margin-right:2%; margin-bottom:20px;}
.anli .anlinva a:nth-child(3){ margin-right:0}
.anli .anlinva a h6{ font-size:18px; font-weight:normal; padding:4% 3%; color:#000}
.anli .anlinva a p{ font-size:14px; padding:0 3%; color:#777}





@media screen and (max-width:800px) {
.anli h1{ font-size:22px;}	
.anli h2{ font-size:16px;}
.anli .anlinva a{ width:49%;}
.anli .anlinva a:nth-child(2){ margin-right:0}
}

@media screen and (max-width:500px) {
.anli .anlinva a{ width:100%;margin-right:0}
 
}

 

.pcbot{ width:90%; margin:0 auto; font-size:12px; line-height:50px; }
.pcbot a{ float:right; 	}

 
.mobbot{ font-size:14px; line-height:40px; color:#9bddff; display:none}



@media screen and (max-width:1200px) {
.pcbot{ display:none}
.pcfoot{ display:none}
.mobbot{ display:block; text-align:center} 
}


.abtmain{ margin:60px auto; background:#fff; overflow:hidden; padding:60px 40px; max-width:1200px;box-shadow: 10px 0 5px -5px #e2e2e2,-10px 0 5px -5px #e2e2e2}
.abtmain h1{ font-size:26px; color:#333; font-weight:normal; margin-bottom:30px; text-align:center}
.abtmain p{ color:#999; line-height:24px; margin-bottom:30px; text-indent:2em;}




@media screen and (max-width:700px) {
 .abtmain{ margin:20px 3%; padding:20px 3%}
 .abtmain h1{  margin-bottom:10px; font-size:20px;}
 .abtmain p{   margin-bottom:20px}
}


.promain{ padding:60px 5%;  }
.promain h1{ font-size:26px; color:#333; font-weight:normal; margin-bottom:40px; text-align:center;}
.promain .promu{ text-align:center; margin-bottom:40px; border-bottom:1px solid #dadada; padding-bottom:40px;}
.promain .promu a{ display:inline-block; margin:0 2%; font-size:16px; padding:0 2%; border:1px solid #b5b5b5; height:40px; line-height:40px;}
.promain .promu a.on{ border:1px solid #1b96d5; background:#1b96d5; color:#fff;}

.prolist{ overflow:hidden;}
.prolist a{ display:block; overflow:hidden;width:100%; text-align:center }
.prolist h2{ padding:20px 3%; font-size:20px; font-weight:normal; }
.prolist  p{ font-size:14px; color:#999; padding:0 3%;  padding-bottom:20px;}
.prolist a span{ display:block; margin-left:3%; height:50px; line-height:50px;border-top:1px solid #dadada;}

.my-gallery .warpli{  display:block; float:left; width:31%; margin:0 1% 0; overflow:hidden;}
.my-gallery .warpli figure{background:#fff;}
.my-gallery .warpli img{ display:inline-block !important; width:auto !important} 

@media screen and (max-width:700px) {
 .promain{ padding:30px 0}
 .promain h1{  margin-bottom:20px; font-size:24px;}
 .promain .promu{   margin-bottom:0px;padding-bottom:10px;  }
 .promain .promu a{height:30px; line-height:30px; padding:0 4%; margin-bottom:10px;}
 .prolist{ padding:0 3%} 
 .my-gallery .warpli{ width:48%;}
 .prolist  h2{ font-size:16px;padding:10px 3% 0;}
 .prolist  p{ display:none}
 .prolist a span{ height:30px; line-height:30px;}
}




.joinmain{ overflow:hidden; padding:60px 9%;}
.joinmain h1{ font-size:26px; color:#333; font-weight:normal; margin-bottom:40px; text-align:center;}
.joinmain li{ width:31%; margin:0 1% 30px; overflow:hidden; float:left;}
.joinmain li p{ height:60px; line-height:60px; text-align:center; background:#fff; font-size:20px;}



@media screen and (max-width:700px) {
 .joinmain{ padding:30px 3%;}
 .joinmain h1{ margin-bottom:30px;}
 .joinmain li{ width:48%;}
 .joinmain li p{ height:40px; line-height:40px; font-size:16px; }
}


.fl{ float:left}
.fr{ float:right}

.newsmain{ overflow:hidden; padding:0px 0 60px;}
.newlist{ overflow:hidden;margin:0 5%  ;}
.newsmain .newsti{ text-align:center; font-size:32px; color:#fff;   margin-bottom:60px; height:100px; line-height:100px; background:#1b96d5;box-shadow: 0 10px 5px -5px #0376b1  inset,0 -10px 5px -5px #0376b1  inset}

.newsmain .newsli{ overflow:hidden; background:#fff; width:31%; float:left; margin:0 1% 20px;; }
.newsmain .newsli .newsdec{ padding:3%;}
.newsmain .newsli h1{ font-size:18px; line-height:20px; margin-bottom:5px;  overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;}
.newsmain .newsli p{ font-size:14px; color:#999; margin-bottom:10px;}
.newsmain .newsli span{ display:block; text-align:right; border-bottom:1px solid #dadada; padding-bottom:5px;}
.newsmain .newsli em{ height:40px; line-height:40px; display:block;}
.newsmain .newsli em i{ float:right}

.newsmain .newsli:hover{ background:#1b96d5; color:#fff;}
.newsmain .newsli:hover p{  color:#9bddff;}

.newsshow{ overflow:hidden;   margin:60px auto; background:#fff; overflow:hidden; padding:60px 40px; max-width:1200px;box-shadow: 10px 0 5px -5px #e2e2e2,-10px 0 5px -5px #e2e2e2}
.newdet-title{ overflow:hidden; margin:0 auto 30px;  }
.newdet-title h3 {
        font-size: 28px;
        text-align: center;
		line-height:30px;
		margin-bottom:20px;
		font-weight: normal;
}
.newdet-title p i b{font-weight: normal;}
.newdet-title .newsdate{ margin-bottom:60px;color:#999;font-size:14px; text-align:center}
	
.newdet-title .summary{   max-width: 900px;    margin: 0 auto; }
 
.newdet-link{ overflow:hidden;margin:0 auto 20px; max-width:900px; } 
.newdet-link a{ font-size:14px; color:#333;}
.newdet-link a.pre{ float:left}
.newdet-link a.next{ float:right}
.newdet-link a:hover{ color:#1b96d5}


@media screen and (max-width:1000px) {
.newsmain{ overflow:hidden; padding:20px 5%;}	
.newsmain .newsti{   font-size:22px;   line-height:26px; margin-bottom:20px;}
.newsmain .newsli{  width:48%; float:left; margin:0 1% 20px;; }
.newsmain .newsli .newsdec{ padding:5%;}
.newsmain .newsli h1{ font-size:16px;}
.newsmain .newsli p{ font-size:12px; display:none}

.newsshow{     margin:20px 5%; background:#fff; padding:30px 3%}
.newdet-title h3 { font-size:20px;}
.newdet-title p{ margin-bottom:20px}


.newdet-title .newsdate{ margin-bottom:20px;}

.newdet-link a{ display:block}
.newdet-link a.pre{ float:none}
.newdet-link a.next{ float:none}
}


.page {
    overflow: hidden;
    display: table;
    margin: 50px auto 0;
}




.conmain{overflow:hidden; padding:80px 0; max-width:1200px; margin:0 auto;}
.conmain .fl{ width:35%; overflow:hidden; }
.conmain .fr{  overflow:hidden; padding-top:30px}
.conmain .fl em{margin-top:20px; display:block; font-size:16px; color:#999}
.conmain .fl h1{ font-size:24px; font-weight:normal; line-height:30px; margin-bottom:10px;  }
.conmain .fl p{ line-height:30px; padding:2px 0;   color:#666;}
.conmain .fl p i{ display:block; float:left; margin-right:5px; font-size:20px;}
.conmain .fl .connl{ overflow:hidden; float:left; margin-top:30px; margin-right:50px;text-align:center;}
.conmain .fl .connl img{ display:inline-block}
.conmain .fl span{  display:block;} 




#map{width: 660px;height: 360px; float:left}
#map2{width: 360px;height: 360px; float:left; margin-left:20px;}

@media screen and (max-width:1000px) {
.conmain{overflow:hidden; padding:20px 3%;  } 
.conmain .fl{ margin-bottom:10px; width:100%}
.conmain .fl h1{  margin-bottom:10px; font-size:18px;}
#map{width: 375px;height: 268px;background: #000; margin:0 auto 10px}
#map2{width: 375px;height: 268px;background: #000; margin:0 auto; }
.conmain .fl p{ line-height:24px; }
.conmain .fl p i{ display:inline-block; margin-right:5px; font-size:20px; float:none;}
.conmain .fl .connl{ overflow:hidden; float:left; margin-top:20px; margin-right:0px;text-align:center; width:100%}
.conmain .fl .connl p{ text-align:center} 

.conmain .fr{   width:100%; }
#map{  float:none}
#map2{ float:none}
}


.casemain{overflow:hidden; padding:60px 5%;}

.casemain .caseti{ font-size:32px; line-height:32px; color:#333; font-weight:normal; margin-bottom:40px; text-align:center;}
.casemain .casemu{ text-align:center; margin-bottom:40px; border-bottom:1px solid #dadada; padding-bottom:40px;}
.casemain .casemu a{ display:inline-block; margin:0 2%; font-size:16px; padding:0 1% 10px;}
.casemain .casemu a.on{ border-bottom:3px solid #1b96d5}


@media screen and (max-width:1000px) {
 .casemain{overflow:hidden; padding:30px 3%;}
 .casemain .caseti{ font-size:22px; margin-bottom:10px;}
.casemain .casemu{ margin-bottom:20px; padding-bottom:20px; }


}