@charset "utf-8";
*{margin: 0;padding: 0;border: 0;outline: none;
box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
-ms-box-sizing: border-box; -moz-box-sizing: border-box;}
html {width: 100%; font-weight: normal;
	-webkit-text-size-adjust:none; -ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
body{ font-size: 14px; line-height: 1.6; background-color:#fff; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;overflow-x: hidden; min-width:1200px;}
ul,ul li,ol,li { list-style: none outside none;}
h1,h2,h3,h4,h5,h6,i{ font-weight: normal; font-style: normal;}
img {vertical-align: middle;border: none;}
input,select,option,label,th{vertical-align: middle;border: none}
a {text-decoration: none;color: inherit;}
a:hover {text-decoration: none;  }
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix { zoom: 1;display: block;_height: 1px;clear: both;}
.fl { float: left; }
.fr { float: right; }
.container{display: block;width:86%; max-width: 1600px; min-width: 1150px;
 margin: 0 auto; }
body,
button, input, select, textarea /* for ie */ {
    font: 14px "MIcrosoft YaHei";
    font-style: normal;
}
 .transition5,.index-fwxm-li-nr,.index-news-nr-li-left-db-left h5 i,.index-news-nr-li-left-img img,.index-news-nr-li-right-ri h5 i,.index-liucheng li span,.index-ditu-nr ul li,.head-nav li a,.page-seo-play li,.core_li_line,.core_li_text span,.chakan-tc{-webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.moban-index-left-2-nr a,.moban-index-right-nr-mb-pic-tc,.moban-index-right-nr-mb-bo-right span,.mbanxq-head-right-3,.mbanxq-head-right-4,.cgal-banner-lx a,.tuiguang-xz li h4,.tuiguang-xz li p,.tuiguang-xz li,.page-seo-quick-s,.page-seo-quick ul li a ,.newsxia li b>i,.newsxia li,.more-a{-webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
 body{ max-width:1920px; margin:0 auto; margin:0 auto;}

#ClCache{ display:none;}
.head{ display: block;position: fixed;width: 100%;height: 80px;top:0;left:0;z-index: 99999;-webkit-transition: 0.3s linear;-o-transition: 0.3s linear;transition: 0.3s linear; border-bottom: 1px solid rgba(255, 255, 255, .2); -webkit-transition: 0.3s linear;-o-transition: 0.3s linear;transition: 0.3s linear;}  
.head-bg{ background-color: rgba(0,0,0,0.6); }
.head-auto{ width: 86%; display: block;max-width: 1600px;min-width: 1150px;margin: 0 auto; position: relative;}
.head-logo{ position: absolute; left: 0; top: 14px;  }
.head-logo img{ height: 50px;  }
.head-nav{ margin: auto; text-align: center;}
.head-nav li{ display:inline-block; display:-moz-inline-stack;zoom:1;*display:inline; line-height: 80px; margin: 0 10px; }
.head-nav li a{ display: block; color: #fff; padding: 0 15px; font-size: 16px;}
.head-nav li.on a{ height: 80px; border-bottom: 2px solid #fff;}
.head-tel{ position:absolute; right: 0; top: 10px; padding-left: 58px; padding-top: 5px; }
.head-tel p{ color: #fff; font-size: 18px; }
.head-tel>span{ position:absolute; top: 0; left: 0; line-height: 60px; color: #fff; font-size: 45px; }
.head-tel p>span{ color: #fff; font-size: 14px; }

.head-bg .head-nav li.on a{ background-color: #e62022; border-bottom: none; }

/*弹框*/
.tkform{background:#fff;width:530px;height:262px;padding:40px 36px;position: fixed;left: 50%;top: 50%;  margin-left:-301px;margin-top:-171px;}
.yc_tankuan{z-index:99999;display:none;}
.tk_gg{background:#e62022;padding:28px 26px !important;height: 340px;width: 550px;}
.xianbor{border:solid 1px #fff;padding:30px;text-align:center;}
.tk_gg .tk_gg_tit{font-size: 32px;font-weight:600;color:#fff;line-height:55px;padding-bottom:30px;letter-spacing: 5px;}
.tk_gg .tk_gg_tit span{font-size: 44px;letter-spacing: 2px;}
.tk_gg .tk_gg_a{width:100%;}
.tk_gg .tk_gg_a a{display:inline-block;height:40px;line-height:40px;border-radius:5px;border:solid 1px #fff;color:#fff;float:left;width:43.5%;text-align:center;font-size:18px;margin:0 3%;cursor: pointer;}
.tk_gg .tk_gg_a a:hover{background:#fff;color:#565656;border:solid 1px #ffffff;}
.tk_gg .tk_gg_a a.gg_cur{background:#fff;color: #565656;}
.tk_gg .tk_gg_a a.gg_cur:hover{background:#e62022;color: #ffffff;}
.tk_gg .tk_gg_zi{padding-top: 25px;padding-bottom: 15px;clear: both;}
.tk_gg .tk_gg_zi a{float:left;color:#fff;font-size:16px;width: 25%;}
/* .tk_gg .tk_gg_zi a:hover{background:#fff;color:#565656;border-radius:30px;} */
.gg_rtk{position:fixed;bottom: 12%;left: 0;display:none;height:40px;z-index:150;}
.gg_rtk .gg_r_tel{border-bottom-left-radius:5px;width:40px;height:40px;border-top-left-radius:5px;background: #ce1400 url(../images/gg_tel.png) no-repeat center;float: left;}
.gg_rtk .gg_r_zi{border-bottom-right-radius:5px;border-top-right-radius:5px;background: #ff1900 url(../images/gg_r_t.png) no-repeat 133px center;font-size:14px;padding-left:10px;padding-right: 15px;height:40px;line-height:40px;color:#fff;cursor:pointer;float: left;}
.tk_gg .tk_gg_a a{transition:color .2s,background .2s;-webkit-transition:color .2s,background .2s}
.opgb{position: absolute;
    right: -10px;
    top: -10px;
    background-color: #f33b3c;
    color: #fff;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    line-height: 40px;
    text-align: center; cursor:pointer; }

/*弹框*/

.zhudian{ background: #1e1e1e url(../images/zhudian-bg.jpg) center bottom no-repeat; padding: 50px 0 110px;}
  .index-zhudian-title{ padding: 30px 0; text-align: center; margin-bottom: 10px;}
  .index-zhudian-title-1{font-size: 40px; color: #ffffff; display: block; margin-bottom: 5px;}
  .index-zhudian-title-2{ font-size: 15px; color: #999999;}
  .index-zhudian-title-1-i1{ color: #cdcdcd; display: inline-block; padding: 0 5px; font-family: "宋体"; font-size: 24px;}
  .index-zhudian-title-1-i2{ color: #e62022;}
  
  .zhudian-nr{ }
  .zhudian-nr-li{ float: left; width: 33.333%; font-size: 15px;  color: #dcdcdc; padding: 45px 0; position: relative; }
  .zhudian-nr-li-1{ color: #ffffff; font-size: 18px; margin-bottom: 25px; font-weight: bolder; background: url(../images/zhudian-ico.png) left center no-repeat; background-size: 23px 23px; padding-left: 35px; }
  .zhudian-nr-li-2{  margin-bottom: 10px; }
  .zhudian-nr-li::after{ content: ""; position: absolute; bottom: 0px; height: 1px; width: 80%; background-color: #676767; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
  .zhudian-nr-li:hover::after{background-color: #ffffff; }

.gizle {
    top: -80px;
  }
  .sabit {
    top:0;
      z-index: 9999;
  }

  .index-yd {
    height: 180px;
    font-size: 24px;
    text-align: center;
    color: #fff;
    line-height: 180px;
    background: url(../images/index-yd-bg.jpg) no-repeat center center;
    background-size: cover;
}
.index-yd span {
    margin: 0 10px;
    font-size: 32px;
    color: #eb4b4b;
    font-weight: 700;
}

.swiper-container-banner{ }
.swiper-container-banner .swiper-slide{ height: 750px; background-size: cover; background-position: center top; }
.swiper-container-banner .swiper-slide img{ width:100%; display: none;  }
.swiper-container-banner .swiper-slide a{ display: block; width: 100%; height: 100%;}

.swiper-container-banner-auto{ width: 80%; margin: auto; padding-top: 80px;}
.swiper-container-banner-left{ float: left;}
.swiper-container-banner-right{ float: right;}

.index-banner-title-1-1{ font-size: 48px;color: #fff;line-height: 1.5em; margin-top: 90px;}
.index-banner-title-1-1 span{ border-radius: 5px; background-color: #e62022; color: #fff; font-size: 16px; padding: 5px 20px; margin-left: 15px; }
.index-banner-title-1-2{color: #fff;font-size: 24px;margin-top: 15px; padding-bottom: 40px;}
.index-banner-title-1-2-span{ display: block; width: 80px; height: 4px;background-color: #fff; }
.index-banner-title-1-3{font-size: 18px;background: none;
    border-radius: 0;
    line-height: normal;
    padding: 0;color: #fff;
    margin-top: 50px;}
.index-banner-title-1-3-a{ margin-top: 80px; text-align: center; width: 210px; color: #333; display: block; height: 48px; line-height: 48px; background-color: #fff; font-size: 20px;}

.swiper-container-banner-right img{ width: 560px; margin-top: 120px;} 
.swiper-container-banner .swiper-pagination.swiper-pagination-banner{ bottom:35px;}
.swiper-container-banner .swiper-pagination-banner .swiper-pagination-bullet{ width: 36px;
    height: 4px;
    opacity: .4;
    background: #fff; border-radius: 50px;}
.swiper-container-banner .swiper-pagination-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #fff; cursor: pointer;
    opacity: 1; }

.index-youshi{width: 100%; height: 238px;
		margin: 0 auto;
		z-index: 999;
		background: #272826 url(../images/index-ys-bg.jpg) center center no-repeat;}
.index-youshi-auto{ }
.index-youshi-list{ width: 25%; height: 238px;
    float: left;
    text-align: center;
    box-sizing: border-box;
    padding-bottom: 20px; position:relative; }
.index-youshi-list::after{ content: "";width:1px; height:60%; position:absolute; right:0; top:20%; background-color:#3d3d3d; }
.index-youshi-list-no::after{ display:none}
.index-youshi-list p{ font-size: 30px;
    margin: 60px 0px 10px 0px;
    color: #f7f7f7;}
.index-youshi-list p span{ font-size: 50px;
    color: #f7f7f7;}
.index-youshi-list h3{font-weight: normal;
    font-size: 16px;
    margin: 0;
    color: #f7f7f7;}

.index-title{ padding: 30px 0; text-align: center; margin-bottom: 10px;}
.index-title-1{font-size: 40px; color: #161616; display: block; margin-bottom: 5px;}
.index-title-2{ font-size: 15px; color: #888888;}
.index-title-1-i1{ color: #cdcdcd; display: inline-block; padding: 0 5px; font-family: "宋体"; font-size: 24px;}
.index-title-1-i2{ color: #e62022;}


.index-fwxm{ padding: 35px 0 60px;}
.index-fwxm-nr{ }
.index-fwxm-nr li{
	float: left;
    width: 17%;
    text-align: center;
    color: #888888;
    min-height: 380px;
    position: relative;
	margin: 0 1.5%; 
}

.index-fwxm-nr li i{
	display: block;
    width: 65px;
    height: 61px;
	margin: 40px auto;
	transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out;
	-ms-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out;
}
.index-fwxm-nr li i.index-fwxm-nr-i1{ background: url(../images/index-fwxm-nr-i1.png) 0 0; } 
.index-fwxm-nr li i.index-fwxm-nr-i2{ background: url(../images/index-fwxm-nr-i2.png) 0 0; } 
.index-fwxm-nr li i.index-fwxm-nr-i3{ background: url(../images/index-fwxm-nr-i3.png) 0 0; } 
.index-fwxm-nr li i.index-fwxm-nr-i4{ background: url(../images/index-fwxm-nr-i4.png) 0 0; } 
.index-fwxm-nr li i.index-fwxm-nr-i5{ background: url(../images/index-fwxm-nr-i5.png) 0 0; } 

.index-fwxm-nr li:hover i{ background-position: 0 -61px; } 


.index-fwxm-nr li a{ display: block; transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out;
	-ms-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out;
    line-height: 28px;}
.index-fwxm-nr li span{font-size: 18px;
    display: block;
    color: #292929; font-weight: bolder;
    line-height: 35px; transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out;
	-ms-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out;}

.index-fwxm-nr li:after {
		content: "";
		display: block;
		width: 100%;
		height: 0;
		position: absolute;
		left: 0;
		bottom: 0;
		background: #e62022;
		z-index: -1; transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out;
		-ms-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out;
}
.index-fwxm-nr li:hover:after {
    height: 100%;
}
.index-fwxm-nr li:hover a,.index-fwxm-nr li:hover span{ color: #fff; }

.index-bg{ background-color: #f5f5f5; }

.index-ymcx{ }
.index-ymcx-1{ background: #f5f5f5; width: 60%; margin: auto; margin-top: 25px;}
.index-ymcx-1-nr{  position: relative; }

.index-moban{ margin:0 20px}

.index-ymcx-1-nr-sr{ width: 85%;
    height: 64px;
    text-indent: 15px;
    border: 1px solid #ddd;
    font-size: 15px;
    resize: none;
    vertical-align: bottom;
    overflow: auto;
    position: relative; font-family: "微软雅黑"; }
.index-ymcx-1-nr-submit{padding-left: 30px;
    position: absolute;
    right: -0;
    top: 0;
    width: 15%;
	background: url(../images/sousuo-ico2.png) no-repeat 26px 16px #e62022;
	background-size: 30px 30px;
    height: 64px;
    text-align: center;
    line-height: 64px;
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    font-style: italic;
    border: 0;
    cursor: pointer;  }
.index-ymcx-2{ width: 50%; margin: auto;}


.icheckbox_sm-blue, .radio_sm-blue {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 36px;
    color: #666;
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
    border: 1px solid #eee;
}
.icheckbox_sm-blue:hover, .radio_sm-blue:hover{
    border: #e62022 solid 1px;
    color: #333;
}
.icheckbox_sm-blue.checked, .radio_sm-blue.checked {
    background: #fff;
    background: url(../images/icon-right.png) no-repeat right bottom #fff;
    border: 1px solid #e62022;
    color: #333;
}
.icheckbox_sm-blue.disabled, .radio_sm-blue.disabled {
    opacity: 0.6;
    cursor: default;
}
.icheckbox_sm-blue.disabled:hover, .radio_sm-blue.disabled:hover{
    border-color: #ccc;
}
.icheckbox_sm-blue.checked:hover, .radio_sm-blue.checked:hover{
    border-color: #e62022;
}

.user-sex-list{
	width: 68px;
	height: 40px; margin: 0 10px; margin-bottom: 15px;
	display: inline-block;
}
.user-sex{
	margin: 50px auto 20px; text-align: center;
}

.icheckbox_sm-blue{ background-color: #fff;}
.index-fwxm{ }
.index-fwxm-li{ width: 25%; float: left; margin-bottom: 16px; }
.index-fwxm-li-img{ position: relative; }
.index-fwxm-li-img img{ width: 100%; }

.index-fwxm-li-nr{ overflow: hidden;
    display: block;
    height: 60px;
    line-height: 60px;
    padding: 0 10px 0 10px; background-color: #f1f1f1;}

.index-fwxm-li-nr h4{ float: left; font-size: 16px;}
.index-fwxm-li-nr .index-fwxm-li-nr-ico{ float: right; }

.index-fwxm-li-nr-ico .zhenyi{ font-size: 25px;  margin: 0 5px; color: #666; vertical-align: middle; border-radius: 50%; line-height: 35px; display: inline-block; text-align: center; height: 35px; width: 35px; }
.index-fwxm-li-nr-ico .zhenyi.index-fwxm-li-nr-ico-pc{ font-size: 23px; }
.index-fwxm-li-nr-ico .zhenyi.index-fwxm-li-nr-ico-sj{ }
.index-fwxm-li-nr-ico .zhenyi.index-fwxm-li-nr-ico-xcx{ }

.index-fwxm-li-img-ico{  background-color:rgba(230, 32, 34, 0.9); color: #fff; display: block; margin: auto; width: 75px; height: 75px; line-height: 75px; font-size: 25px; border-radius: 50%; transform:skew(30deg,10deg); opacity: 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.index-fwxm-li-img-fd{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; -webkit-display: flex; display: flex; -webkit-justify-content: center;justify-content: center; flex-direction: column; text-align: center; }

.index-fwxm-li-cong{ padding: 0 8px;}

.index-fwxm-li:hover .index-fwxm-li-img-ico{transform:skew(0deg,0deg); opacity: 1; }
.index-fwxm-li:hover .index-fwxm-li-nr{ background-color:#e62022;}
.index-fwxm-li:hover h4,.index-fwxm-li:hover .index-fwxm-li-nr-ico .zhenyi{ color: #fff;}

.index-anli-top{ margin-top: 30px; margin-bottom: 45px;}
.index-anli{margin: 0 -8px;}

.index-hzhb{ border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf;}
.index-hzhb li{ float: left; width: 20%;
    border-left: 1px solid #dfdfdf;
    border-top: 1px solid #dfdfdf;}
.index-hzhb li img{ width: 100%; opacity: 0.8;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;}
.index-hzhb li:hover img{ opacity: 1;
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
    filter: none;
}    

.index-hzhb li.index-list-1{ width: 40%; }
.index-hzhb li.index-list-1 img{ opacity: 1; -webkit-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        -ms-filter: grayscale(0%);
        -o-filter: grayscale(0%);
        filter: grayscale(0%);}
.index-hzhb li.index-list-1:hover img{ -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);} 

.index-news-title{ text-align: center;}
.index-news-title li{ display:inline-block; display:-moz-inline-stack;zoom:1;*display:inline; font-size: 16px;
    color: #535353;
    background: #fff;
    border-radius: 20px;
    margin-right: 10px;
    overflow: hidden;}
.index-news-title li a{display: block;
    padding: 6px 28px;
    font-size: 16px;}

.index-news-title li.on{color: #fff;
    background: #e62022; }

.index-news-nr-li{ display: none;}

.index-news-nr-li-left{ display: block;
    width: 35%;
    background: #fff; float: left;
    padding: 2.5%;}
.index-news-nr-li-left-img{width: 100%;
    height: 308px;
    display: block;
    overflow: hidden;
    margin-bottom: 20px; }
.index-news-nr-li-left-img img{ height: 100%;}
.index-news-nr{ margin-top: 45px;padding-bottom: 20px;}
.index-news-nr-li-left-db-left h5{ display: block;
    font-size: 18px;
    color: #484848;
    margin-bottom: 8px;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.index-news-nr-li-left-db-left p{color: #818181;
    height: 45px;
    overflow: hidden;}

.index-news-nr-li-left-db-left{ width: 70%; float:left; }
.index-news-nr-li-left-db-right{ display: block;
    padding: 10px 3%;
    background: #e62022;
    text-align: center;
    color: #fff; float: right;}
.index-news-nr-li-left-db-right .day{ display: block;
    font-size: 38px;
    line-height: 1.2;}
.index-news-nr-li-left-db-right .month{ display: block;
    line-height: 1;}
.index-news-nr-li-left-db-left h5:hover{ color: #e62022;}
.index-news-nr-li-left-db-left h5 i{display: inline-block;
    width: 0;
    height: 1px;
    background: #e62022;
    vertical-align: middle; }

.index-news-nr-li-left-db-left h5:hover i{ width: 20px;}
.index-news-nr-li-left-img:hover img {
    transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.index-news-nr-li-right{ width: 63%; overflow: hidden; float: right;}
.index-news-nr-li-right li{width: 49.7%;
    background: #ffffff;
    overflow: hidden;
    padding: 4.3% 3%;
    margin: 1px;
    float: left;}
.index-news-nr-li-right-le{    color: #555555;
    text-align: center;
    margin-top: 10px; float: left;}
.index-news-nr-li-right-le .d{ font-size: 40px; display: block; line-height: 1;}
.index-news-nr-li-right-le .y{     display: block;}

.index-news-nr-li-right-ri{ width: 79%; float: right;}
.index-news-nr-li-right-ri h5{ color: #484848;
    font-size: 16px;
    margin-bottom: 10px;
    display: block;
    height: 25px;
    overflow: hidden;}
.index-news-nr-li-right-ri h5 i{display: inline-block;
    width: 0;
    height: 1px;
    background: #e62022;
    vertical-align: middle; }
.index-news-nr-li-right-ri h5:hover i{ width: 20px;}
.index-news-nr-li-right-ri h5:hover{ color: #e62022; }

.index-news-nr-li-right-ri p{ color: #818181;
    height: 40px;
    overflow: hidden;
    line-height: 20px;}

.index-liucheng{ margin-top: 30px; padding-bottom: 10px;}
.index-liucheng li{ width: 20%; float: left; text-align: center;}

.index-liucheng li .zhenyi{ width: 110px; height: 110px; line-height: 110px; font-size: 48px; border-radius: 50%; display: block; margin: auto; color: #fff; background-color: #e62022; }
.index-liucheng li:nth-child(3) .zhenyi{ font-size: 43px; }
.index-liucheng-1{ margin-top: 20px; color: #212121;
    display: block;
    font-size: 22px; font-weight: bolder;}
.index-liucheng-2{ color: #5f5f5f; font-size: 15px; margin-top: 10px;}

.index-liucheng li span:after{position:absolute;width:100%;height:100%;border-radius:50%;content:'';
    top:0;left:0;z-index:-1;}

.index-liucheng li:hover span:after{ animation:yidongfangda 1.3s ease-out 75ms;
	-webkit-animation:yidongfangda 1.3s ease-out 75ms;
	-moz-animation:yidongfangda 1.3s ease-out 75ms;}
.index-liucheng li:hover span {
        -webkit-transform: scale(.86);
        -moz-transform: scale(.86);
        -ms-transform: scale(.86);
        transform: scale(.86);
        -o-transform: scale(.86);
}

@keyframes yidongfangda{
    0%{opacity:.3;}
    40%{opacity:.5;box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 5px 5px #e62022,0 0 0 5px rgba(255,255,255,.5)}
    100%{box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 5px 5px #e62022,0 0 0 5px rgba(255,255,255,.5);
        -webkit-transform:scale(1.25);opacity:0;}
    }
    @-webkit-keyframes yidongfangda{
    0%{opacity:.3}
    40%{opacity:.5;box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 5px 5px #e62022,0 0 0 5px rgba(255,255,255,.5)}
    100%{box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 5px 5px #e62022,0 0 0 5px rgba(255,255,255,.5);
        -webkit-transform:scale(1.25);opacity:0}
    }
    @-moz-keyframes yidongfangda{
    0%{opacity:.3}
    40%{opacity:.5;box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 5px 5px #e62022,0 0 0 5px rgba(255,255,255,.5)}
    100%{box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 5px 5px #e62022,0 0 0 5px rgba(255,255,255,.5);
        -webkit-transform:scale(1.25);opacity:0}
}

.index-ditu{ position: relative; }
.index-ditu-nr{ position: absolute; top: 0; left: 7%; background-color: #fff;  }
.index-ditu-nr ul{ position: absolute; top: 350px; left: -1%; width: 104%;  }
.index-ditu-nr ul li{ color: #fff; width: 21%; margin: 0 2%; float: left; border-radius: 5px; height: 130px; padding-top: 20px; text-align: center; background-color: rgba(0,0,0,0.7);}
.index-ditu-nr ul li:hover{ background-color: rgba(230, 32, 34, 0.85);}
.index-ditu-nr ul li .zhenyi{ width: 50px; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 48px; }
.index-ditu-nr ul li p{ display: block;
    color: #fff;
    line-height: 22px;
    margin-top: 8px; font-size: 16px;}

.footer{ background-color: #1e1e1e;}

.footer-1{ padding: 25px 0 25px;}
.footer-1-li{ width: 31%; overflow: hidden; float: left; }
.footer-1-li-title{ padding: 15px 0 15px;}
.footer-1-li-title span{
    color: #fff;
    font-weight: normal;
    font-size: 18px; float: left;}
.footer-1-li-title a{ width: 150px; float: right;
    height: 32px;
    line-height: 32px;
    color: #fff;
    background-color: #e62022;
    font-size: 14px;
    text-align: center;
    border-radius: 20px; display: inline-block;}

.footer-1-li-nr{ margin-top: 0; }
.footer-1-li-nr a{ font-size: 14px;
    color: #868686;
    text-decoration: none;
    margin-right: 10px;}
.footer-1-li-nr a:hover{ color: #ffffff;}
.footer-1-li-title a:hover{ background-color: #c8011c; }


.footer .interactive-body-r{
	position: relative;
	display: block;
	float: right;
	padding-top: 15px;
}

.footer .interactive-body-r button{
	display: block;
	float: left;
	width: 120px;
	height: 38px;
	margin-left: 11px;
	line-height: 38px;
	color: #fff;
	border-radius: 5px;
	text-align: center;
	border: none;
	outline: none;
	cursor: pointer;
	-webkit-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;
}

.footer .interactive-body-r button:hover{
	opacity: 0.8;
}

.footer .interactive-body-r .wx-btn{
	background-color: #04c38e;
}

.footer .interactive-body-r .go-top{
	background-color: #0856ab;
}

.footer .interactive-body-r button i{
	display: inline-block;
	vertical-align: top;
	margin-right: 7px;
}

.footer .interactive-body-r .ewm{
	display: none;
	position: absolute;
	bottom:48px;
	left:11px;
	z-index: 10;
}
.wx-icon-white{background:url(../images/foot-wx-ico.png) no-repeat 0px 8px;height:37px;padding-left:29px;}
.go-top-icon{background:url(../images/foot-db-ico.png) no-repeat 0px 8px;height:37px;padding-left:26px;}

.footer-2{display: block;
    width: 100%;
    padding: 23px 0 20px 0;
    background-color: #0a0a0a;
    text-align: center; line-height: 1.8;
    color: #b2b2b2;}


    .side{position:fixed;width:68px;right:0;top:50%; margin-top:-200px;z-index:1000; border:1px solid #e0e0e0; background:#ffffff; border-bottom:0;}
    .side ul li{width:68px;height:68px;float:left;position:relative; border-bottom:1px solid #e0e0e0;color:#333; font-size:13px; line-height:30px; text-align:center;transition:all 0.3s; cursor:pointer;}
    .side ul li img{ }
    .side ul li:hover{background:#e62022; color:#fff;}
    .side ul li:hover a{ color:#fff;}
    .side ul li i{height:25px; margin-bottom:1px; display:block; overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:auto 25px; margin-top:10px;transition:all 0.3s;}
    .side ul li i.bgs1{ background-image:url(../images/right_pic5.png);}
    .side ul li i.bgs2{ background-image:url(../images/right_pic7.png);}
    .side ul li i.bgs3{ background-image:url(../images/right_pic2.png);}
    .side ul li i.bgs4{ background-image:url(../images/right_pic1.png);}
    .side ul li i.bgs5{ background-image:url(../images/right_pic3.png);}
    .side ul li i.bgs6{ background-image:url(../images/right_pic6_on.png);}
    .side ul li:hover i.bgs1{background-image:url(../images/right_pic5_on.png);}
    .side ul li:hover i.bgs2{background-image:url(../images/right_pic7_on.png);}
    .side ul li:hover i.bgs3{background-image:url(../images/right_pic2_on.png);}
    .side ul li:hover i.bgs4{background-image:url(../images/right_pic1_on.png);}
    .side ul li:hover i.bgs5{background-image:url(../images/right_pic3_on.png);}
    .side ul li:hover i.bgs6{}
    .side ul li .sidebox{position:absolute;width:68px;height:68px;top:0;right:0;transition:all 0.3s;overflow:hidden;}
    
    .side ul li:hover div{ display:block !important;}
    
    .side ul li.sidetop{background:#e62022; color:#fff;}
    .side ul li.sidetop:hover{}
    .side ul li.sideewm .ewBox {
      width: 238px;
      display: none; 
      color: #363636;
      text-align: center;
      padding-top: 270px;
      position: absolute;
      left: -238px;
      top: 0;
      background-image: url('../images/right-weixin.jpg');
      background-repeat: no-repeat;
      background-position: center center;
      border:1px solid #e0e0e0; background-color: #fff;
    }
    .side ul li.sideetel .telBox {
       width: 240px;
      display: none; 
      color: #fff;
      text-align: left;
      position: absolute;
      left: -241px;
      top: -102px;
      background:#e62022;
    }
    .side ul li.sideetel .telBox dd{ display:block; height:102px; overflow:hidden; padding-left:82px; line-height:24px; font-size:18px;}
    .side ul li.sideetel .telBox dd span{ display:block; line-height:28px; height:28px; overflow:hidden; margin-top:23px; font-size:16px;}
    .side ul li.sideetel .telBox dd.bgs1{ background:url(../images/right_pic8.png) 28px center no-repeat; background-color:#d8191b;}
    .side ul li.sideetel .telBox dd.bgs2{ background:url(../images/right_pic9.png) 28px center no-repeat;}

.index-yuming{ background:url(../images/yuming-bg.jpg) center top no-repeat; }


/* 网站建设 */
.gy2 {
    width: 86%;
    margin: 0 auto;
    overflow: hidden;
}
.service-wrap{ position: relative; }
.service-wrap1{ background-repeat:no-repeat; background-position:center center; background-size:cover; background-image:url(../images/zhanti_bg1.jpg); color:#fff;}
.service-wrap1 .imgs{ float:left; width:648px; height:519px; background:url(../images/zhanti1_pic1.png) right top no-repeat; background-size:auto 100%; position:relative;}
.service-wrap1 .imgs img{ bottom:3px; position:absolute; left:0; width:221px;}
.service-wrap1.active img.bounceInLeft{animation-delay:0.6s;}
.service-wrap1 .txts{ float:right; width:800px; margin-top:39px;}
.service-wrap1 .txts h2{ font-size:72px; font-weight:normal; height:175px; background:url(../images/zhanti_ico2.png) left bottom no-repeat;opacity:0;filter:Alpha(opacity=0);}
.service-wrap1 .txts h2 span{ display:block; height:50px; line-height:50px; font-size:30px;}
.service-wrap1 .txts .p{ line-height:30px; font-size:20px; overflow:hidden; margin-top:44px; max-width:645px; color:#fff;opacity:0;filter:Alpha(opacity=0);}
.service-wrap1 .txts .a{ overflow:hidden; margin-top:54px;}
.service-wrap1 .txts .a a{ float:left; width:188px; border-radius:26px; border:1px solid #fff; text-align:left; text-indent:30px; background:url(../images/zhanti_ico1.png) 138px center no-repeat; font-size:16px; height:46px; line-height:46px; color:#fff; margin-right:18px; position:relative;}
.service-wrap1 .txts .a a label{ display:block;  position:relative; cursor:pointer;}
.service-wrap1 .txts .a a:before{content: "";display: block;position: absolute;left: 0%;top: 0px;height:46px; width:0;background:url(../images/zhanti_ico1_on.png) #fff 138px center no-repeat;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;border-radius:24px;}
.service-wrap1 .txts .a a:hover:before{  width:100%;}
.service-wrap1 .txts .a a:hover label{color:#027ffd;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.service-wrap1.active .txts .p.fadeInUp{animation-delay:0.5s;}
.service-wrap1.active .txts .a.fadeInUp{animation-delay:0.8s;}

.service-wrap2{ background-repeat:no-repeat; background-position:center center; background-size:cover; background-image:url(../images/zhanti_bg2.jpg); color:#000;}
.service-wrap2 .txts{ float:left; width:646px; margin-top:39px; margin-bottom:39px;}
.service-wrap2 .txts h2{ font-size:72px; font-weight:normal; height:175px; background:url(../images/zhuanti2_ico1.png) left bottom no-repeat;opacity:0;filter:Alpha(opacity=0);}
.service-wrap2 .txts h2 span{ display:block; height:50px; line-height:50px; font-size:30px; color:#333;}
.service-wrap2 .txts .p{ line-height:30px; font-size:20px; overflow:hidden; margin-top:44px; max-width:645px; color:#666;opacity:0;filter:Alpha(opacity=0);}
.service-wrap2 .txts .a{ overflow:hidden; margin-top:54px;}
.service-wrap2 .txts .a a{ float:left; width:188px; border-radius:26px; border:1px solid #000; text-align:left; text-indent:30px; background:url(../images/zhanti_ico3.png) 138px center no-repeat; font-size:16px; height:46px; line-height:46px; color:#000; margin-right:18px; position:relative;}
.service-wrap2 .txts .a a label{ display:block;  position:relative; cursor:pointer;}
.service-wrap2 .txts .a a:before{content: "";display: block;position: absolute;left: 0%;top: 0px;height:46px; width:0;background:url(../images/zhanti_ico1.png) #e62022 138px center no-repeat;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;border-radius:24px;}
.service-wrap2 .txts .a a:hover{border:1px solid #e62022;}
.service-wrap2 .txts .a a:hover:before{  width:100%;}
.service-wrap2 .txts .a a:hover label{color:#fff;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.service-wrap2.active .txts .p.fadeInUp{animation-delay:0.5s;}
.service-wrap2.active .txts .a.fadeInUp{animation-delay:0.8s;}
.service-wrap2 .imgs1{ position:absolute;height:49.7%; right:14%; top:7%;opacity: 0;}
.service-wrap2 .imgs2{ position:absolute;height:47.6%;right:19%; top:51%;opacity: 0;}
.service-wrap2 .imgs3{ position:absolute;height:49.6%;right:0%; top:24.3%;opacity: 0;}
.service-wrap2.active .imgs1,.service-wrap2.active .imgs2,.service-wrap2.active .imgs3{opacity: 1;}
.service-wrap2.active .imgs1.bounceInRight{animation-delay:0.5s;}
.service-wrap2.active .imgs3.bounceInRight{animation-delay:0.8s;}

.service-wrap3{ background-repeat:no-repeat; background-position:center center; background-size:cover; background-image:url(../images/zhanti_bg3.jpg); color:#fff;}
.service-wrap3 .imgs{ float:left; width:676px; height:396px; background:url(../images/zhuanti3_pic1.png) no-repeat; background-size:100% 100%; position:relative; margin-top:57px; margin-bottom:47px;}
.service-wrap3 .imgs img{ display:block;width:514px; height:322px; margin:0 auto; margin-top:24px;}
.service-wrap3 .imgs i{ display:block; position:absolute; background-repeat:no-repeat; background-size:100% 100%;}
.service-wrap3 .imgs i.bgs1{ width:150px; height:150px; right:0; top:-57px; background-image:url(../images/zhuanti3_ico1.png);}
.service-wrap3 .imgs i.bgs2{ width:155px; height:155px; left:-3px; top:62px; background-image:url(../images/zhuanti3_ico2.png);}
.service-wrap3 .imgs i.bgs3{ width:181px; height:181px; right:-16px; bottom:-47px; background-image:url(../images/zhuanti3_ico3.png);}
.service-wrap3.active .imgs i.bgs1.flipInY{animation-delay:0.5s;}
.service-wrap3.active .imgs i.bgs2.flipInY{animation-delay:0.8s;}
.service-wrap3.active .imgs i.bgs3.flipInY{animation-delay:1.1s;}
.service-wrap3 .txts{ float:right; width:800px; margin-top:43px;}
.service-wrap3 .txts h2{ font-size:72px; font-weight:normal; height:175px; background:url(../images/zhanti_ico2.png) left bottom no-repeat;opacity:0;filter:Alpha(opacity=0);}
.service-wrap3 .txts h2 span{ display:block; height:50px; line-height:50px; font-size:30px;}
.service-wrap3 .txts .p{ line-height:30px; font-size:20px; overflow:hidden; margin-top:44px; max-width:645px; color:#fff;opacity:0;filter:Alpha(opacity=0);}
.service-wrap3 .txts .a{ overflow:hidden; margin-top:54px;}
.service-wrap3 .txts .a a{ float:left; width:188px; border-radius:26px; border:1px solid #fff; text-align:left; text-indent:30px; background:url(../images/zhanti_ico1.png) 138px center no-repeat; font-size:16px; height:46px; line-height:46px; color:#fff; margin-right:18px; position:relative;}
.service-wrap3 .txts .a a label{ display:block;  position:relative; cursor:pointer;}
.service-wrap3 .txts .a a:before{content: "";display: block;position: absolute;left: 0%;top: 0px;height:46px; width:0;background:url(../images/zhuanti3_ico4.png) #fff 138px center no-repeat;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;border-radius:24px;}
.service-wrap3 .txts .a a:hover:before{  width:100%;}
.service-wrap3 .txts .a a:hover label{color:#55baad;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.service-wrap3.active .txts .p.fadeInUp{animation-delay:0.5s;}
.service-wrap3.active .txts .a.fadeInUp{animation-delay:0.8s;}

.service-wrap4{ background-repeat:no-repeat; background-position:center center; background-size:cover; background-image:url(../images/zhanti_bg4.jpg); color:#fff;}
.service-wrap4.active img.bounceInLeft{animation-delay:0.6s;}
.service-wrap4 .txts{ float:left; width:650px; margin-top:39px; margin-bottom:39px; }
.service-wrap4 .txts h2{ font-size:72px; font-weight:normal; height:175px; background:url(../images/zhuanti4_ico1.png) left bottom no-repeat;opacity:0;filter:Alpha(opacity=0);}
.service-wrap4 .txts h2 span{ display:block; height:50px; line-height:50px; font-size:30px;}
.service-wrap4 .txts .p{ line-height:30px; font-size:20px; overflow:hidden; margin-top:44px; max-width:645px; color:#fff;opacity:0;filter:Alpha(opacity=0);}
.service-wrap4 .txts .a{ overflow:hidden; margin-top:54px;}
.service-wrap4 .txts .a a{ float:left; width:188px; border-radius:26px; border:1px solid #fff; text-align:left; text-indent:30px; background:url(../images/zhanti_ico1.png) 138px center no-repeat; font-size:16px; height:46px; line-height:46px; color:#fff; margin-right:18px; position:relative;}
.service-wrap4 .txts .a a label{ display:block;  position:relative; cursor:pointer;}
.service-wrap4 .txts .a a:before{content: "";display: block;position: absolute;left: 0%;top: 0px;height:46px; width:0;background:url(../images/zhanti_ico3.png) #fff 138px center no-repeat;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;border-radius:24px;}
.service-wrap4 .txts .a a:hover:before{  width:100%;}
.service-wrap4 .txts .a a:hover label{color:#000000;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.service-wrap4.active .txts .p.fadeInUp{animation-delay:0.5s;}
.service-wrap4.active .txts .a.fadeInUp{animation-delay:0.8s;}
.service-wrap4 .imgs{ position:absolute; width:50%; height:100%; top:0; right:0;}
.service-wrap4 .img1{ top:4.4%; position:absolute; left:-22px; width:467px;opacity: 0;}
.service-wrap4 .img2{ top:25.5%; position:absolute; left:168px; width:639px;opacity: 0;}
.service-wrap4.active .img1,.service-wrap4.active .img2{opacity: 1;}

.service-wrap5{ background-repeat:no-repeat; background-position:center center; background-size:cover; background-image:url(../images/zhanti_bg5.jpg); color:#fff;}
.service-wrap5 .imgs{ float:left; width:648px; height:540px; background:url(../images/zhuanti5_pic1.png) no-repeat; background-size:100% 100%; position:relative;}
.service-wrap5 .imgs img{ display:block;width:596px; height:336px; margin:0 auto; margin-top:26px;}
.service-wrap5 .txts{ float:right; width:800px; margin-top:49px;}
.service-wrap5 .txts h2{ font-size:72px; font-weight:normal; height:175px; background:url(../images/zhanti_ico2.png) left bottom no-repeat;opacity:0;filter:Alpha(opacity=0);}
.service-wrap5 .txts h2 span{ display:block; height:50px; line-height:50px; font-size:30px;}
.service-wrap5 .txts .p{ line-height:30px; font-size:20px; overflow:hidden; margin-top:44px; max-width:645px; color:#fff;opacity:0;filter:Alpha(opacity=0);}
.service-wrap5 .txts .a{ overflow:hidden; margin-top:54px;}
.service-wrap5 .txts .a a{ float:left; width:188px; border-radius:26px; border:1px solid #fff; text-align:left; text-indent:30px; background:url(../images/zhanti_ico1.png) 138px center no-repeat; font-size:16px; height:46px; line-height:46px; color:#fff; margin-right:18px; position:relative;}
.service-wrap5 .txts .a a label{ display:block;  position:relative; cursor:pointer;}
.service-wrap5 .txts .a a:before{content: "";display: block;position: absolute;left: 0%;top: 0px;height:46px; width:0;background:url(../images/zhuanti5_ico1.png) #fff 138px center no-repeat;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;border-radius:24px;}
.service-wrap5 .txts .a a:hover:before{  width:100%;}
.service-wrap5 .txts .a a:hover label{color:#e62022;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.service-wrap5.active .txts .p.fadeInUp{animation-delay:0.5s;}
.service-wrap5.active .txts .a.fadeInUp{animation-delay:0.8s;}

.service-wrap6{ background-repeat:no-repeat; background-position:center center; background-size:cover; background-image:url(../images/zhanti_bg6.jpg); color:#000;}
.service-wrap6 .txts{ float:left; width:646px; margin-top:39px; margin-bottom:39px;}
.service-wrap6 .txts h2{ font-size:72px; font-weight:normal; height:175px; background:url(../images/zhuanti2_ico1.png) left bottom no-repeat;}
.service-wrap6 .txts h2 span{ display:block; height:50px; line-height:50px; font-size:30px; color:#333;}
.service-wrap6 .txts .p{ line-height:30px; font-size:20px; overflow:hidden; margin-top:44px; max-width:645px; color:#666;}
.service-wrap6 .txts .a{ overflow:hidden; margin-top:54px;}
.service-wrap6 .txts .a a{ float:left; width:188px; border-radius:26px; border:1px solid #000; text-align:left; text-indent:30px; background:url(../images/zhanti_ico3.png) 138px center no-repeat; font-size:16px; height:46px; line-height:46px; color:#000; margin-right:18px; position:relative;}
.service-wrap6 .txts .a a label{ display:block;  position:relative; cursor:pointer;}
.service-wrap6 .txts .a a:before{content: "";display: block;position: absolute;left: 0%;top: 0px;height:46px; width:0;background:url(../images/zhanti_ico1.png) #e62022 138px center no-repeat;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;border-radius:24px;}
.service-wrap6 .txts .a a:hover{border:1px solid #e62022;}
.service-wrap6 .txts .a a:hover:before{  width:100%;}
.service-wrap6 .txts .a a:hover label{color:#fff;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.service-wrap6.active .txts .p.fadeInUp{animation-delay:0.5s;}
.service-wrap6.active .txts .a.fadeInUp{animation-delay:0.8s;}
.service-wrap6 .imgs{ position:absolute; width:50%; height:100%; top:0; right:0;}
.service-wrap6 .imgs1{ position:absolute; width:736px; max-width:100%; left:0; top:18.6%;opacity:0;}
.service-wrap6.active .imgs1{opacity:1;}

.service-wrap7{ background-repeat:no-repeat; background-position:center center; background-size:cover; background-image:url(../images/zhanti_bg7.jpg); color:#fff;}
.service-wrap7 .imgs{ position:absolute; width:50%; height:100%; top:0; left:0;}
.service-wrap7 .imgs img{width:856px; height:525px; position:absolute; right:-100px;top: 50%; transform: translate(0%, -50%);}
.service-wrap7 .txts{ float:right; width:660px; margin-top:39px; margin-bottom:39px;}
.service-wrap7 .txts h2{ font-size:72px; font-weight:normal; height:175px; background:url(../images/zhanti_ico2.png) left bottom no-repeat;}
.service-wrap7 .txts h2 span{ display:block; height:50px; line-height:50px; font-size:30px;}
.service-wrap7 .txts .p{ line-height:30px; font-size:20px; overflow:hidden; margin-top:44px; max-width:645px; color:#fff;}
.service-wrap7 .txts .a{ overflow:hidden; margin-top:54px;}
.service-wrap7 .txts .a a{ float:left; width:188px; border-radius:26px; border:1px solid #fff; text-align:left; text-indent:30px; background:url(../images/zhanti_ico1.png) 138px center no-repeat; font-size:16px; height:46px; line-height:46px; color:#fff; margin-right:18px; position:relative;}
.service-wrap7 .txts .a a label{ display:block;  position:relative; cursor:pointer;}
.service-wrap7 .txts .a a:before{content: "";display: block;position: absolute;left: 0%;top: 0px;height:46px; width:0;background:url(../images/zhanti_ico3.png) #fff 138px center no-repeat;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;border-radius:24px;}
.service-wrap7 .txts .a a:hover:before{  width:100%;}
.service-wrap7 .txts .a a:hover label{color:#000;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.service-wrap7.active .txts .p.fadeInUp{animation-delay:0.5s;}
.service-wrap7.active .txts .a.fadeInUp{animation-delay:0.8s;}
#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
}
#fp-nav.right {
    right: 17px;
}
#fp-nav.left {
    left: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.fp-slidesNav ul li {
    display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
    height: 12px;
    width: 12px;
    margin: -6px 0 0 -6px;
    border-radius: 100%;
 }
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 4px;
    width: 4px;
    border: 0;
    background: #333;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
    width: 10px;
    height: 10px;
    margin: -5px 0px 0px -5px;
}
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
    cursor: pointer;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}
#fp-nav ul li .fp-tooltip.right {
    right: 20px;
}
#fp-nav ul li .fp-tooltip.left {
    left: 20px;
}

#fp-nav ul li, .fp-slidesNav ul li{ width:auto; height:50px; margin:0; margin-top:1px; margin-bottom:2px;}
#fp-nav.right{ right:auto; left:0;}
#fp-nav ul li a{ background:rgba(0,0,0,0.5); width:50px;transition:all 0.3s;}
#fp-nav ul li a.active{ background:#e62022;}
#fp-nav ul li a:hover{background:#e62022; width:180px;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{ width:50px; height:50px; border-radius:0%; margin:0; left:0px; top:0;transition:all 0.3s;}
#fp-nav ul li a label{ position:absolute; left:0; top:0;width:0px; height:50px; line-height:50px; color:#fff; text-align:right; font-size:14px; cursor:pointer; overflow:hidden;transition:all 0.3s;}
#fp-nav ul li a:hover label{ width:130px;}
#fp-nav ul li a:hover span{ left:130px;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{ width:50px; height:50px; margin:0; border-radius:0;}
#fp-nav ul li a.active span,.fp-slidesNav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li:hover a.active span{height: 50px;width: 50px;margin:0;border-radius: 0%;}
#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{ width: 50px; height: 50px;margin: 0;}
#fp-nav ul li:last-child{ display:none;}
#fp-nav ul li:nth-child(1) span{ background:url(../images/tool_bg1.png) center center no-repeat;}
#fp-nav ul li:nth-child(2) span{ background:url(../images/tool_bg2.png) center center no-repeat;}
#fp-nav ul li:nth-child(3) span{ background:url(../images/tool_bg3.png) center center no-repeat;}
#fp-nav ul li:nth-child(4) span{ background:url(../images/tool_bg4.png) center center no-repeat;}
#fp-nav ul li:nth-child(5) span{ background:url(../images/tool_bg5.png) center center no-repeat;}
#fp-nav ul li:nth-child(6) span{ background:url(../images/tool_bg6.png) center center no-repeat;}
#fp-nav ul li:nth-child(7) span{ background:url(../images/tool_bg7.png) center center no-repeat;}

.active .fadeInUp{visibility: visible;animation-duration: 1s; animation-delay: 0.25s;animation-iteration-count: 1;animation-name: fadeInUp;opacity: 1;animation-fill-mode: both;-webkit-animation-name: fadeInUp;-webkit-animation-duration: 1s; -webkit-animation-fill-mode: both;}


.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}
@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}
@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}
/*.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}*/
.active .bounceInDown{visibility: visible;animation-duration: 1s; animation-delay: 0.25s;animation-iteration-count: 1;animation-name: bounceInDown;opacity: 1;animation-fill-mode: both;-webkit-animation-name: bounceInDown;-webkit-animation-duration: 1s; -webkit-animation-fill-mode: both;}
@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}
@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}
.active .bounceInLeft{ visibility: visible;animation-duration: 1s; animation-delay: 0.25s;animation-iteration-count: 1; animation-name: bounceInLeft;opacity: 1;animation-fill-mode: both;-webkit-animation-name:bounceInLeft;-webkit-animation-duration: 1s; -webkit-animation-fill-mode: both;}
@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}
@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}
.active .bounceInRight{visibility: visible;animation-duration: 1s; animation-delay: 0.25s;animation-iteration-count: 1;animation-name: bounceInRight;opacity: 1;animation-fill-mode: both;-webkit-animation-name: bounceInRight;-webkit-animation-duration: 1s; -webkit-animation-fill-mode: both;}

@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}
/*.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}*/
.active .bounceInUp{visibility: visible;animation-duration: 1s; animation-delay: 0.25s;animation-iteration-count: 1;animation-name: bounceInUp;opacity: 1;animation-fill-mode: both;-webkit-animation-name: bounceInUp;-webkit-animation-duration: 1s; -webkit-animation-fill-mode: both;}
@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}
@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}
@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
.active .fadeIn{visibility: visible;animation-duration: 1s; animation-delay: 0.25s;animation-iteration-count: 1;animation-name: fadeIn;opacity: 1;animation-fill-mode: both;-webkit-animation-name: fadeIn;-webkit-animation-duration: 1s; -webkit-animation-fill-mode: both;}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}
.active .fadeInDown{visibility: visible;animation-duration: 1s; animation-delay: 0.25s;animation-iteration-count: 1;animation-name: fadeInDown;opacity: 1;animation-fill-mode: both;-webkit-animation-name: fadeInDown;-webkit-animation-duration: 1s; -webkit-animation-fill-mode: both;}
@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}
.active .fadeInUp{visibility: visible;animation-duration: 1s; animation-delay: 0.25s;animation-iteration-count: 1;animation-name: fadeInUp;opacity: 1;animation-fill-mode: both;-webkit-animation-name: fadeInUp;-webkit-animation-duration: 1s; -webkit-animation-fill-mode: both;}

@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}
@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}
@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}
.active .flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-duration: 2s; animation-delay: 0.25s;animation-iteration-count: 1;animation-name:flipInY;opacity: 1;animation-fill-mode: both;-webkit-animation-name:flipInY;-webkit-animation-duration: 2s; -webkit-animation-fill-mode: both;}
@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}
@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}
.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}

@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}



@keyframes mymove6
{
	from {filter:alpha(opacity=0);opacity:0;  -webkit-transform: translateY(100px) translateX(0);
  -moz-transform: translateY(100px) translateX(0);
  transform: translateY(100px) translateX(0);
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;}
	to { filter:alpha(opacity=100);opacity:1; -webkit-transform: translateY(0px) translateX(0);
  -moz-transform: translateY(0px) translateX(0);
  transform: translateY(0px) translateX(0);}
}

@-webkit-keyframes mymove6
{
	/*from { filter:alpha(opacity=0);opacity:0; margin-bottom:-20%;}
	to {margin-bottom:3%;filter:alpha(opacity=1);opacity:1;}*/
	from {filter:alpha(opacity=0);opacity:0;  -webkit-transform: translateY(100px) translateX(0);
  -moz-transform: translateY(100px) translateX(0);
  transform: translateY(100px) translateX(0);
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;}
	to { filter:alpha(opacity=100);opacity:1; -webkit-transform: translateY(0px) translateX(0);
  -moz-transform: translateY(0px) translateX(0);
  transform: translateY(0px) translateX(0);}
}

.fp-tableCell {
    -webkit-display: flex; display: flex; -webkit-justify-content: center;justify-content: center; flex-direction: column;
}
#section-footer .fp-tableCell{ display: block; }

.dbinfo{ overflow: hidden; padding-bottom:50px; background: #333; width: 100%; }
.dbinfo li{  float: left; width:32%;  padding:15px 20px 0 20px; color: #ccc;  }
.dbinfo li h3{ border-bottom:1px solid #ccc; font-weight: bold; font-size:20px; margin-bottom:10px; padding-bottom: 10px; }
.dbinfo li p{text-align:justify; color: #999;font-size: 14px; line-height: 1.8; }

.footer-book{ background: url(../images/foot-bg.jpg) no-repeat center center; background-size: cover;}

.lian{width: 30%;  background:#d72c2e; padding: 4% 3%; color: #fff; margin-top: -40px; line-height: 1.5; }
.lian b{font-size: 30px;display: block; letter-spacing: -1px; font-family:Arial;}
.lian span{font-size: 23px;display: block;}
.lian p{font-size: 18px;display: block; margin-top: 10px}

.mess{width:62%;overflow: hidden; margin-top:3%}
.mess span{ color:#fff; font-size:30px; display:block;margin-bottom:25px; }
.mess span>i{font-size: 14px; margin-left: 20px}
.mess .k{ width:49.5%; background: #fff; height:50px; line-height:50px; margin-bottom:15px; 
 padding:0 20px; color:#9f9f9f;}
.mess .dk{font-size: 14px; padding:10px 20px; width:100%; height:100px; line-height:1.8; }
.mess button{ background:#d72c2e; color:#ffffff; height:50px; line-height: 50px; width:100%;
 border:none; font-size:18px; font-weight: bold; cursor:pointer;}
.copy{font-size: 14px; color: #9b9b9b; background: #141414; padding:10px 0;}

.cgal-banner{ height: 415px; padding-top:1px; text-align: center; }
.cgal-banner-title{ font-size: 40px;
    color: #ffffff;
    margin-top: 150px;}
.cgal-banner-2{ font-size: 18px;
    color: #ffffff;
    margin-top: 25px; }
.cgal-banner-a{ border: 1px solid #fff;
    text-align: center;
    cursor: pointer;
    margin-top: 35px;
    font-size: 16px; display: inline-block;
    padding: 0 20px;
    height: 36px;
    line-height: 34px;
    background: transparent;
    color: #fff;
    transition: color .3s ease-in-out,background .3s ease-in-out;}

.cgal-banner-lx{ margin-top: 35px; }

.cgal-banner-lx a{ display: inline-block; height: 50px; line-height: 50px; border-radius: 50%; text-align: center; margin-right: 18px;  color: #fff; width: 50px; border: 1px solid #fff;}
.cgal-banner-lx a .zhenyi{ font-size: 20px;}
.cgal-banner-lx a.lx-2{ line-height: 48px; }
.cgal-banner-lx a.lx-2 .zhenyi{ font-size: 22px;}
.cgal-banner-lx a.on,.cgal-banner-lx a:hover{background:#fff; color: #d72c2e; border: 1px solid #fff; }

.xq-nav{ text-align: center; padding: 20px 0; background-color: #fff; border-bottom: 1px solid #eaeaea; }
.xq-nav li{ display:inline-block; display:-moz-inline-stack;zoom:1;*display:inline; font-size: 18px;
   
    border-radius: 18px;
    margin:0 15px;
    overflow: hidden; line-height: 32px;}
.xq-nav li a{ display: block; padding: 4px 30px;  color: #373737;}

.xq-nav li.on a,.xq-nav li:hover a{ background-color: #e62022; color: #fff;}

.page-nr{ text-align: center; margin-top: 35px; margin-bottom: 15px; }
.page-nr a{ background-color: #f1f1f1; padding: 18px 135px; font-size: 20px; color: #333; display: inline-block; margin: 0 20px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.page-nr a:hover{ background-color: #e62022; color: #fff; }

.moban-index{ background-color: #f5f5f5; padding: 20px 18px; min-height: 580px; padding-bottom: 55px; }
.moban-index-left{ float: left; width: 267px; margin-right: -100%; background: #fff; min-height: 580px; -moz-box-shadow: 3px 3px 10px rgba(0,0,0,0.1);
    -webkit-box-shadow: 3px 3px 10px rgba(0,0,0,0.1);
    box-shadow: 3px 3px 10px rgba(0,0,0,0.1); position: relative; z-index: 999;}

.moban-index-left-p{ padding:0 13px;}
.moban-index-left-1{ font-size:12px; padding-top:15px; display:block; }
.moban-index-left-1 li{
                    text-align: center;
                    text-indent: 0px;
                    background-color: #e62022;
                    color: #fff;
                    width: 100%; font-size: 14px;
                    height: 38px;
                    line-height: 38px;
                    cursor: pointer;
                    box-sizing: border-box; 
}
.moban-index-left-2-title{ margin-top: 15px;}
.moban-index-left-2-title img{vertical-align: top; margin-right: 20px;}                
.moban-index-left-2-title span{ }

.moban-index-left-lx-nr{ margin-top: 18px;  overflow: hidden;  }
.moban-index-left-lx-nr a{ display: inline-block; border: 1px solid #dcdcdc; padding: 0 8px; height: 33px;
    line-height: 31px;
    border-radius: 5px;
    font-size: 12px; margin:0 4px;  margin-bottom: 10px; color: #535353;}
.moban-index-left-lx-nr a:hover,.moban-index-left-lx-nr a.on{ background-color: #e62022;border: 1px solid #e62022; color: #fff; }

.moban-index-left-2{ border-top: 1px solid #dcdcdc; margin-top: 10px; padding-top: 5px;}
.moban-index-left-2-nr{ margin-top: 15px; height: 255px; overflow: hidden; text-align: center; }
.moban-index-left-2-nr a{ display: inline-block; border: 1px solid #dcdcdc; padding: 0 12px; height: 33px;
    line-height: 31px;
    border-radius: 5px;
    font-size: 12px; margin:0 5px;  margin-bottom: 10px; color: #535353;}
.moban-index-left-2-nr a:hover,.moban-index-left-2-nr a.on{ background-color: #e62022;border: 1px solid #e62022; color: #fff; }
.moban-index-left-2-qb{ margin-top:15px; text-align: center; }
.moban-index-left-2-qb span{ background-color: #f4f4f4; display: block; margin: auto; width: 88%; border-radius: 30px; line-height: 32px; height: 32px; font-size: 12px; color: #333; cursor:pointer; }
.moban-index-left-2-qb span:hover{ background-color: #f0f0f0; }

.moban-index-left-3{ border-top: 1px solid #dcdcdc; margin-top: 25px; padding-top: 20px;}
.moban-index-left-3-input{
    height: 35px;
    width: 80%;
    line-height: 35px;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    padding-left: 8px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    vertical-align: top;
    box-sizing: border-box;
}
.moban-index-left-3-submit{
    display: inline-block;
    height: 35px;
    width: 18%;
    line-height: 35px;
    border: 1px solid #dcdcdc;
    border-left: none;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    box-sizing: border-box;
    margin-left: -4px; cursor:pointer;
    background: url(../images/sousuo-ico.png) no-repeat center center;
}

.moban-index-left-4{  border-top: 1px solid #dcdcdc; margin-top: 25px; padding-top: 20px;}
.moban-index-left-4 a{ display: block;
    text-align: center;
    line-height: 30px;
    color: #535353;
    text-decoration: underline; font-size: 12px;}

.moban-index-right{ float: left; width: 100%; position: relative; }
.moban-index-right-nr{ margin-left: 287px;
    background: #fff;
    min-height: 680px;
    -moz-box-shadow: 4px 3px 10px rgba(0,0,0,0.1);
    -webkit-box-shadow: 4px 3px 10px rgba(0,0,0,0.1);
    box-shadow: 4px 3px 10px rgba(0,0,0,0.1);}

.moban-index-right-nr-color{ text-align: center; padding: 35px 0 20px; border-bottom: 1px solid #dcdcdc;}
.moban-index-right-nr-color p{ display:inline-block; display:-moz-inline-stack;zoom:1;*display:inline; vertical-align: top; line-height: 25px; }
.moban-index-right-nr-color span b{ position: absolute;
    left: 5px;
    top: -4px;
    color: #fff; font-weight: normal; }
.moban-index-right-nr-color span{ position: relative;
    box-sizing: border-box;
    width: 39px;
    height: 28px;
    display: inline-block;
    background: #e62022;
    margin: 0 11px 0 0;
    cursor: pointer;
    border: 2px solid transparent;
    font-size: 12px;
    line-height: 30px;}
.moban-index-right-nr-color span i {
        position: absolute;
        display: inline-block;
        width: 5px;
        height: 5px;
        background: #e62022;
        transform: rotate(45deg);
        bottom: -5px;
        left: 15px;
        z-index: 0;
        display: none; border-radius: 3px 0 0 0;
    }
.moban-index-right-nr-color span.on i,.moban-index-right-nr-color span:hover i{ display: block;}
.moban-index-right-nr-color span.on,.moban-index-right-nr-color span:hover{ border: 2px solid #e62022;}

.moban-index-right-nr-color span.duose{ background: url(../images/color-ds.png) no-repeat center center;}
.moban-index-right-nr-color span.color-red{ background: #fe0000;}
.moban-index-right-nr-color span.color-orange{ background: #ff6300;}
.moban-index-right-nr-color span.color-yellow{ background: #fae242;}
.moban-index-right-nr-color span.color-green{ background: #80d031;}
.moban-index-right-nr-color span.color-lightblue{ background: #26e0d2;}
.moban-index-right-nr-color span.color-blue{ background: #198ede;}
.moban-index-right-nr-color span.color-lightpurple{ background: #fe68ff;}
.moban-index-right-nr-color span.color-white{ background: #fff; width: 37px;
    height: 28px;
    border: 1px solid #d0d0d0;}
.moban-index-right-nr-color span.color-gray{ background: #999;}
.moban-index-right-nr-color span.color-black{ background: #000;}
.moban-index-right-nr-color span.color-purple { background: #990099;}
.moban-index-right-nr-color span.color-brown{ background: #974b00;}

.moban-index-right-nr-color span.color-white.on,.moban-index-right-nr-color span.color-white:hover{ border: 2px solid #e62022;}

.moban-index-right-nr-mb{ padding: 28px 20px; min-height: 600px;}
.moban-index-right-nr-mb li{ width: 25%; float: left; margin-bottom: 35px;  }
.moban-index-right-nr-mb li .moban-index-right-nr-mb-pa{ padding: 0 5px;  }
.moban-index-right-nr-mb li .moban-index-right-nr-mb-pic{ position: relative;  }
.moban-index-right-nr-mb li .moban-index-right-nr-mb-pic-bg{ width: 100%; position: relative; z-index: 9;}

.moban-index-right-nr-mb li .moban-index-right-nr-mb-pic-sc{ position: absolute;
    left: 11.2%;
    top: 5.85%;
    width: 78%; z-index: 99;}
.moban-index-right-nr-mb-pic-tc{ position: absolute;
    left: 11.2%;
    top: 5.85%; bottom: 6.5%;
    width: 78%; z-index: 999; background-color: rgba(0, 0, 0, 0.2); -webkit-display: flex; display: flex; -webkit-justify-content: center;justify-content: center; flex-direction: column; opacity: 0;}
.yulan-an{ width: 100px; height: 100px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.9);-webkit-display: flex; display: flex; -webkit-justify-content: center;justify-content: center; flex-direction: column;  text-align: center; color: #ec393b; margin: auto;  }

.yulan-an .zhenyi{ font-size: 38px;}
.yulan-an p{ font-size: 12px; margin-top: 1px;}

.moban-index-right-nr-mb-pic-tc:hover{ opacity: 1;}
.moban-index-right-nr-mb li .moban-index-right-nr-mb-pic:after {
    content: "";
    height: 5%;
    background: #333;
    filter: blur(10px);
    position: absolute;
    left: 10%;
    right: 10%;
    bottom: 0;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
.moban-index-right-nr-mb-bo{ margin-top: 22px; padding:0 9%;}
.moban-index-right-nr-mb-bo-left{ float: left; }
.moban-index-right-nr-mb-bo-left-1{ font-size: 13px; color: #666; margin-top: 8px; margin-bottom: 8px; }
.moban-index-right-nr-mb-bo-left-2{ font-size: 12px; color: #959595; }

.moban-index-right-nr-mb-bo-right{ float: right; }
.moban-index-right-nr-mb-bo-right span{  display: inline-block; color: #ec393b;
    font-size: 13px;
    padding: 0 6px;
    border: 1px solid #ec393b;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;

    text-align: center;
    box-sizing: border-box;
    height: 26px;
    line-height: 26px;
    margin-top: 6px;}
.moban-index-right-nr-mb-bo-right span:hover{ background-color: #ec393b; color: #fff;}
.moban-index-right-nr-mb-sb{ margin-top: 10px; color: #535353;
    font-size: 12px;
    line-height: 24px;}
.moban-index-right-nr-mb-sb{}
.moban-index-right-nr-mb-sb span{ vertical-align: middle;}
.moban-index-right-nr-mb-sb-title{ }
.moban-index-right-nr-mb-sb .zhenyi{ font-size: 28px; color: #ec393b;}

.moban-index-right-nr-mb-sb-ms{ color: #ec393b; margin-left: 2px;}

.pages{font-size:0;text-align:center;overflow:hidden;padding-bottom:50px}

.pages ul{display:inline-block;vertical-align:middle}

.pages li{float:left;margin:0 5px}

.pages li a{display:block;width:34px;height:34px;border-radius:17px;background-color:#f5f5f5;text-align:center;line-height:34px;font-size:14px;color:#000;overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}

.pages .pages-next a,.pages .pages-prev a{width:100px}

.pages li.on a,.pages li:hover a{background-color:#e62022;color:#fff}

#page1,#page2,#page3,#page4,#page5,#page6{background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}

.mobanxq{ min-height: 800px;}

.mbanxq-head{ background-color: rgba(0,0,0,0.8); height: 50px; position: fixed; top: 0; left: 0; right: 0; z-index: 99;}
.mbanxq-head-left{ float: left;}
.mbanxq-head-right{ float: right;}
.mbanxq-head-left .mbanxq-logo{ height: 40px; margin-top: 3px; float: left; }
.mbanxq-head-left .mbanxq-logo img{ height: 38px;}

.mbanxq-head-left-dnsj{ width: 190px; float: left; background-color: #f4f4f4; border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -o-border-radius: 50px; overflow: hidden; color: #e62022; margin-top: 9px; margin-left: 40px;}
.mbanxq-head-left-dnsj-list{ width: 45%; float: left; text-align: center; line-height: 30px; height: 31px; }
.mbanxq-head-left-dnsj-list .zhenyi{ font-size: 20px;}
.mbanxq-head-left-dnsj-list a{ display: block;}
.mbanxq-head-left-dnsj-list.on{ width: 55%;  background-color: #e62022; color: #fff; border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -o-border-radius: 50px;}
.mbanxq-head-right{ color: #e3e3e3; line-height: 50px; font-size: 14px; }
.mbanxq-head-right-1,.mbanxq-head-right-2{ display: inline-block;}
.mbanxq-head-right-1 .moban-index-right-nr-mb-sb-ms{ color: #e3e3e3;}

.mbanxq-head-right-1{}
.mbanxq-head-right-2 span{ margin-left: 30px; display: inline-block;}
.mbanxq-head-right-1 .zhenyi{ font-size: 28px; vertical-align: middle; color: #fff;}

.mbanxq-head-right-3{ border-radius: 3px; background-color: #e62022; padding:0 25px; margin-left: 30px; color: #fff; line-height: 32px; height: 33px; display: inline-block; }
.mbanxq-head-right-4{ border-radius: 3px;  padding:0 25px; margin-left: 15px; line-height: 31px; height: 33px; color: #fff; display: inline-block; border: 1px solid #e3e3e3; }
.mbanxq-head-right-2 b,.mbanxq-head-right-1 b{ font-weight: normal; color: #fff;}

.mbanxq-head-right-3:hover{ background-color: #f21114; }
.mbanxq-head-right-4:hover{ border: 1px solid #e62022; background-color: #e62022; } 

.mbanxq-container{ position: fixed; top: 50px; left: 0; right: 0; bottom: 0; width: 100%;}

.cgalxq{ background-color: #f5f5f5; padding-bottom: 70px;}
.cgalxq-nr{ background-color: #fff;  min-height: 800px;}
.cgalxq-nr-here{ padding: 18px 35px; background: #f6f6f6;}
.cgalxq-nr-here-left{ float: left; color: #333; font-size: 14px; line-height: 45px;}
.cgalxq-nr-here-right{ float: right; }
.cgalxq-nr-here-left a{ }
.cgalxq-nr-here-right span{ display: inline-block; padding: 0 50px; color: #fff; line-height: 45px; font-size: 16px; background-color: #e62022; }

.cgalxq-nr-al{ padding-bottom: 60px; }
.cgalxq-nr-al img{ display: block; max-width: 86%; height:auto !important; margin: auto; margin-top: 50px; }

.cgalxq-rm{ background-color: #fff; padding: 15px 35px 35px; margin-top: 55px;}
.cgalxq-rm-title{ font-size: 36px; color: #2e2e2e; text-align: center; margin-bottom: 35px; margin-top: 25px; }

.cgalxq-rm-nr .index-fwxm-li{ width: 33.333%; }

.tuiguang{ margin: 50px 0 10px;}
.tuiguang-list-left{ height: 450px; width: 50%; background-color: #ff9640; float: left; color: #fff;}

.tuiguang-list-padding{ padding: 60px 45px; position: relative;}
.tuiguang-list-padding h3{ font-size: 36px; margin-bottom: 25px; margin-top: 8px;}
.tuiguang-list-padding .tuiguang-list-left-nr{ font-size: 15px; margin-bottom: 12px; line-height: 30px;}
.tuiguang-list-padding b{ font-size: 100px; position: absolute; right: 20px; top: 0; color: rgba(255, 255, 255, 0.1);}

.tuiguang-list-left-2{ background-color: #059fe5;}
.tuiguang-list-left-3{ background-color: #15bc66;}
.tuiguang-list-left-4{ background-color: #fc673d;}
.tuiguang-list-left-5{ background-color: #7a51be;}
.tuiguang-list-left-6{ background-color: #00a5c6;}

.tuiguang{ padding-bottom:0;}
.tuiguang-nanchu{ margin-top: 65px;}

.tuiguang-nanchu-nr{ text-align: left;
    font-size: 16px;
    padding: 20px 0;
    background: url(../images/sem_why.jpg) no-repeat right center; width: 1200px; margin:auto; margin-top: 40px; }

.tuiguang-nanchu-nr p{font-size:20px;background:url(../images/sem_inco.png) no-repeat left center;padding-left:20px; margin-bottom: 40px;}
.tuiguang-nanchu-nr p span{font-size:24px;}
.tuiguang-nanchu-nr p span {
    color: #dd2918;
}

.lnet3-ul{margin: 0 0; padding-top: 20px;}
.lnet3-ul li{float: left;width: 33.333%;padding: 0 25px;}
.lnet3-ul li>div{border-radius: 15px; position: relative; text-align: center;padding: 39px 10px 59px;}
.lnet3-ul li>div::before{border-radius: 15px; position: absolute;content: "";width: 100%;height: 0%;background: #fff;box-shadow: 0 0 13px rgba(0,0,0,.1);left: 0%;top: 50%;transform: translate(0%,-50%);transition: ease .4s;}
.lnet3-ul li>div:hover::before{width: 100%;height: 100%;}
.lnet3-ul li>div::after{border-radius: 15px 15px 0 0; position: absolute;content: "";width: 0%;height: 8px;background: #e62022;left: 50%;top: 0;transform: translate(-50%,0%);transition: ease .5s;}
.lnet3-ul li>div:hover::after{width: 100%;}
.lnet3-icon{text-align: center;font-size: 0;position: relative;}
.lnet3-icon img{display: inline-block;max-width: 100%;}
.lnet3-ul li h3{margin-top: 39px;position: relative; font-size: 26px;line-height: 30px;color: #333;}
.lnet3-ul li p{margin-top: 13px;position: relative; font-size: 16px;line-height: 28px;color: #666;}
.lnet3-ul li p em{display: block;font-style: normal;}

.lnet3-mo{position: relative;padding-top: 60px;margin-top: 61px;}
.cgalxq-rm-title p{ font-size: 16px; margin-top: 15px; color: #666; }
.cgalxq-rm-title span{color: #e62022; }

.tuiguang-xz{ text-align: center; padding-top: 28px;}
.tuiguang-xz li{ width: 31%; margin: 0 1%; text-align: center; display: inline-block; height: 120px; margin-bottom: 35px; background: #f6f6f6; border: 1px solid #dcdcdc; }
.tuiguang-xz li h4{ font-size: 24px; color: #333; margin-top: 25px;}
.tuiguang-xz li p{ font-size: 16px;
    color: #666;
    margin-top: 12px;}

.tuiguang-xz li:hover{ background: #e62022; border: 1px solid #e62022; }
.tuiguang-xz li:hover h4,.tuiguang-xz li:hover p{ color: #fff; }

.bidding4-con{margin-top: 51px;}
.bidding4-ul{font-size: 0;}
.bidding4-ul li{float: left;}
.bidding4-ul li:nth-child(1){padding: 0 8px 10px;max-width: 26.19%;}
.bidding4-ul li:nth-child(2){padding: 0 23px;max-width: 47.18%;}
.bidding4-ul li:nth-child(3){padding: 0 29px 0 12px;max-width: 26.63%;}
.bidding4-img{overflow: hidden;box-shadow: 0 0 30px rgba(0,0,0,.1);}
.bidding4-img img{width: 100%;}
.bidding4-mo{position: relative;padding-top: 60px;margin-top: -98px;}

.lnet5-mo{margin-top: -136px;}

.head-btn{ text-align: center; }
.head-btn a{ background-color: #e62022;  display: inline-block;  width: 300px; line-height: 55px; font-size: 18px; border-radius: 3px; color: #fff; position: absolute;
    left: 50%;
    top: 35px; margin-left: -150px;}
.head-btn a:hover{ background-color: #f01517; }


.page-seo-quick{background-color: #f5f6fc;}

.page-seo-quick ul li{float: left; width: 16.66%; padding: 30px 0; padding-left: 50px;}
.page-seo-quick ul li:first-child{width: 66.66%;padding-left : 0;}

.page-seo-quick ul li a,
.page-seo-quick-s{display: block; height: 140px; background-color: #fff;}

.page-seo-quick ul li a{position: relative; padding: 0 20px; padding-top: 52px;}
.page-seo-quick ul li a h3{font-size: 16px;}
.page-seo-quick ul li a p{color: #777;}
.page-seo-quick ul li a>img{position: absolute; top: 50px; right: 20px; z-index: 1; max-width: 100%;}
.page-seo-quick-s{padding: 30px;}
.page-seo-quick-s h3{font-size: 18px; font-weight: bold; padding-bottom: 15px;}
.page-seo-quick-s button{width: 20%;  line-height: 45px; margin-top: -5px; font-size: 16px; background-color: #e62022; color: #fff; border: none; border-radius: 4px; cursor: pointer;}

.page-seo-quick-f{ float: left; width: 40%;}
.page-seo-quick-f input{ width: 75%; padding:0 10px; line-height: 35px; margin-left: 10px; border-radius: 4px;border: 1px solid #ccc;}

.page-seo-quick ul li a:hover,
.page-seo-quick-s:hover{box-shadow: 0 0 10px rgba(0,0,0,.3);}

.seo-height{ height: 800px;}

.page-seo-intro-left,
.page-seo-intro-right{float: left; width: 50%; }
.page-seo-intro-left{padding: 50px 50px 50px 0;}
.page-seo-intro-left h3{margin-top: 30px; padding-bottom: 30px; font-size: 30px; font-weight: bold;}
.page-seo-intro-left p{margin-bottom: 35px; font-size: 16px; color: #666;}
.page-seo-intro-left a{display:inline-block; padding: 0 30px; line-height: 38px; margin-top: 20px; font-size: 16px; color: #fff; background-color: #e62022;border-radius: 4px;}
.page-seo-intro-right{text-align: center; padding: 50px 25px;}
.page-seo-intro-right img{max-width: 100%;}

.page-seo-title{text-align: center; padding: 70px 0 60px; font-size: 34px; color: #2e2e2e;}

.page-seo-do-bg{background-color: #f8f8f9;}
.page-seo-do-left,
.page-seo-do-right{float: left; width: 35%; padding-top: 40px;}
.page-seo-do-left ul li,
.page-seo-do-right ul li{float: none; margin-bottom: 70px;}
.page-seo-do-left ul li h3,
.page-seo-do-right ul li h3{font-size:20px;color: #333;}
.page-seo-do-left ul li p,
.page-seo-do-right ul li p{padding-top: 5px; color: #666;}
.page-seo-do-center{position: relative; float: left; width: 30%; text-align: center; padding: 25px;}
.page-seo-do-center img{ max-width:100%;}
.page-seo-do-left{text-align: right;}

.page-seo-play-bg{background-image: url(../images/play-bg.jpg); background-repeat: no-repeat; background-size: cover; padding-bottom: 65px;}
.page-seo-play li{float: left; width: 30%; text-align: center;}

.page-seo-play-title{ padding: 40px 0 30px; background-color: #9d9d9d; color: #fff;}
.page-seo-play-title h3{font-size: 24px; font-weight: bold;}
.page-seo-play-title p{font-size: 16px;}
.page-seo-play-content{padding-bottom: 40px;background: #fff; }
.page-seo-play-content p{ background-color: #fff; font-size: 16px; line-height: 35px; padding: 15px 0;}
.page-seo-play-content a{margin-top: 45px; display: inline-block; padding: 0 30px; border-radius: 38px; line-height: 38px; font-size: 16px; background-color: #9d9d9d; color: #fff;}

.play-active{ position: relative; width: 40%!important; box-shadow: 0 0 15px rgba(0,0,0,.4);}
.play-active .page-seo-play-title{background-color: #e62022;}
.play-active .page-seo-play-content a{background-color: #e62022;}

.page-seo-adver{background-image: url(../images/page-adver.jpg); background-repeat: no-repeat; background-size: cover; padding: 60px 15px 50px; text-align: center;}
.page-seo-adver h3{font-size: 32px;  padding-bottom: 15px; color: #fff;}
.page-seo-adver p{font-size: 18px;padding-bottom: 25px; color: #fff;}
.page-seo-adver a{display: inline-block; padding: 0 20px; line-height: 38px; font-size: 16px;color: #e62022; background-color: #fff;  margin: 0 15px; border-radius: 4px;}
.page-seo-adver a:last-child{background: none; color: #fff; border: 1px solid #fff;}


.page-seo-service-bg{background-color: #f5f6fa; text-align: center; padding-bottom: 50px;}
.page-seo-service-bg .container-chl>a{margin-top: 50px; display: inline-block; padding: 0 60px; line-height: 45px; font-size: 16px; background-color: #1D7AE3; color: #fff; border-radius:4px;}

.page-seo-service-list li{float: left; width: 20%; padding: 15px; text-align: center;}

.page-seo-service{ padding: 30px; background-color: #fff;}
.page-seo-service img{max-width: 100%;}
.page-seo-service h3{ font-size: 22px; padding-bottom: 25px;}
.page-seo-service p{line-height: 20px; color: #777; height: 60px; overflow: hidden;}
.page-seo-service-list li .page-seo-service:hover{box-shadow: 0 0 15px rgba(0,0,0,.2);}

.page-seo-service-bg{background-color: #f5f6fa; text-align: center; padding-bottom: 50px;}
.page-seo-service-bg .container>a{margin-top: 50px; display: inline-block; padding: 0 60px; line-height: 45px; font-size: 16px; background-color: #e62022; color: #fff; border-radius:4px;}
.page-seo-service-bg .container>a:hover{ background-color: #e12224; }

.page-seo-contact{background-image: url(../images/form-bg.jpg); background-repeat: no-repeat; background-size: cover; padding: 80px 0;}

.page-seo-contact-left,
.page-seo-contact-right{float: left; width: 50%; }
.page-seo-contact-left{padding-right: 50px;}
.page-seo-contact-left img{width: 100%;}
.page-seo-contact-right{padding-left: 50px;}

.page-seo-contact-intro,
.page-seo-contact-form{height: 600px; background-color: #fff;}
.page-seo-contact-intro span,
.page-seo-contact-intro p,
.page-seo-contact-intro a{margin: 0 30px;}
.page-seo-contact-intro span{display: block; width: 60px; height: 3px; background-color: #e62022; margin-top: 25px; margin-bottom: 30px;}
.page-seo-contact-intro p{font-size: 16px; color: #666 ; line-height: 34px;}
.page-seo-contact-intro a{display: inline-block; padding: 0 30px; line-height: 40px; font-size: 16px; color: #fff; background-color: #e62022; margin-top: 25px;border-radius: 4px;}

.page-seo-contact-form{padding: 30px 60px; border-radius: 4px; }
.page-seo-contact-form h3{font-size: 24px; margin-bottom: 35px;}
.page-seo-contact-form label{font-size: 16px;}
.page-seo-contact-form input{width: 100%; line-height: 40px; padding: 0 10px; margin-bottom: 25px; margin-top: 10px; border-radius: 4px; border: 1px solid #ccc;}
.page-seo-contact-form textarea{font-family: "microsoft yahei"; width: 100%;padding: 15px; margin-bottom: 25px; margin-top: 10px; border-radius: 4px; border: 1px solid #ccc;}
.page-seo-contact-form button{display: inline-block; padding: 0 30px; line-height: 40px; font-size: 16px; color: #fff; background-color: #e62022; border-radius: 4px;border: 1px solid #e62022;}


.newsxia{ display: table; overflow:hidden; padding-bottom: 20px; }
.newsxia li{width:49%;overflow:hidden; padding:2% 0; margin: 0 .5%; float: left;
	position: relative; border-bottom: 1px solid #efefef; padding: 20px}
.newsxia li b{ color:#191919; font-size:18px; display: block;
height: 25px; overflow: hidden;} 
.newsxia li b>i{ display: inline-block; width: 0px; height: 1px; background: #fff; vertical-align: middle; }
.newsxia li p{ color:#909090; height:40px; overflow: hidden; margin: 15px 0;}
.newsxia li span{color: #979797; display: block; background: url(../images/biaobg.png) no-repeat center left;
padding-left: 20px;}
.newsxia li:hover:after{width: 100%;}
.newsxia li:hover b>i{ width: 15px;margin-right: 5px;}
.newsxia li:hover {background: #e62022; }
.newsxia li:hover b{color: #fff;}
.newsxia li:hover p{color: #fff;}
.newsxia li:hover span{color: #fff;}
.newsxia li:hover span{background: url(../images/biaobgh.png) no-repeat center left;}

.youhuamore{background: #e62022; border-radius: 20px; font-size: 14px; color: #fff;
    padding: 12px 80px; display: inline-block; margin:3% auto}
   .youhuamore:hover{box-shadow: 0px 0px 10px #5d5d5d}
   
.body-gradient {background: linear-gradient(to right, #1c79e2 0%, #3d91f0 100%); overflow: hidden;}	
		.page-oTsearch{position: fixed; top: 0 ; left: 0; width: 100%;height: 100%; text-align: center; z-index: 999;}
		.page-oTsearch-title{padding: 0 25px;padding-top: 200px;}
		.page-oTsearch-title img{max-width: 400px;}
		.page-oTsearch-title h3{position: relative; font-size: 32px; color: #fff; max-width: 500px; margin: 0px auto 40px;}
		.page-oTsearch-title h3:before,.page-oTsearch-title h3:after{position: absolute;top: 50%; z-index: -1; content: ''; width: 100px; height: 2px; background-color: #fff;}
		.page-oTsearch-title h3:before{left: 0;}
		.page-oTsearch-title h3:after{right: 0;}
		
		.page-oTsearch-form{max-width: 850px; margin: 0 auto;}
		.page-oTsearch-form input{float: left; display: block; font-size: 16px; color: #555; padding: 0 15px; width: 85%; line-height: 50px;border:1px solid #fff; outline: none;}
		.page-oTsearch-form button{float: left;display: block; width: 15%; line-height: 38px; border: 1px solid #e62022; background-color: #e62022; cursor:pointer;}
		.page-oTsearch-form button span{position: relative; margin: 16px auto;  display: block; width: 18px; height: 18px;border: 2px solid #fff; border-radius: 50%;}
		.page-oTsearch-form button span:before{position: absolute; bottom: -2px; right: -3px;content: ''; width: 5px; height: 3px; border-radius: 2px; transform: rotate(45deg); background-color: #fff; }
		.page-oTsearch-window{background-color: #fff;max-width: 850px; margin:5px auto; padding: 55px; border-radius: 4px; display:none; }
		.page-oTsearch-window img{max-width: 100%; margin-bottom: 45px;}
		@media (max-width:768px) {
			.page-oTsearch-title h3:before,
			.page-oTsearch-title h3:after{display: none;}
		}		
		.search-result-show{ visibility: visible; opacity: 1; transform: scale(1);}

#particles-js{ position: absolute;}




.core_list_box {

    position: relative;
}

.core_list_box:after {
    height: 2px;
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #fff;
    width: 100%;
}

.core_li_box {
    width: 25%;
    background: #efefef;
    position: relative;
    text-align: center; padding: 1px 0;
    float: left; border-bottom: 2px solid #fff;
}
.core_li_box:hover .core_li_line{ width: 380px; background: #e62022;
}
.core_li_box:after {
    width: 2px;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
    height: 100%;
}

.core_li_box:nth-child(4n):after {
    display: none;
}

.core_li_icon {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    font-size: 0;
    z-index: 1;
   /* -webkit-filter: blur(30px);
    filter: blur(30px);
    opacity: 0;
    */
    /*
    -webkit-transition: all .6s cubic-bezier(.645, .045, .355, 1);
    transition: all .6s cubic-bezier(.645, .045, .355, 1);
    */
   /* -webkit-transition:opacity .1s ease-out, filter .8s ease-out .1s;
    transition:opacity .1s ease-out, filter .8s ease-out .1s;*/
    opacity:0;
}
.core_li_box:hover .core_li_icon {
    /*-webkit-filter: blur(0);
    filter: blur(0);*/
    -webkit-transition:opacity 1.8s linear;
    transition:opacity 1.8s linear;
    opacity: 1;
}



.core_li_en {
    font-size: 26px;
    font-weight: bold;
    color: #231815;
    line-height: 32px;
    height: 64px;
    margin: 0 0 10px 0;
}

.core_li_line {
    width: 220px;
    background: #3d3330;
    height: 1px;
    margin: 0 auto;
}

.core_li_title {
    font-size: 21px;
    font-weight: bold;
    color: #231815;
    line-height: 32px;
    height: 64px;
    margin: 10px 0 0 0;
}

.core_li_text {
    font-size: 14px;
    line-height: 24px;

    overflow: hidden;
    margin: 0 0 100px 0; padding: 0 20px;
}
.core_li_text span{ display: inline-block; line-height: 30px; padding: 0 10px; border: 1px solid #ccc; margin: 5px 5px;}
.core_li_text span:hover{ border: 1px solid #e62022; }
.core_li_read {
    position: relative;
    margin: 100px 0 25px 0;
}

.core_li_content {
    position: relative;
    z-index: 2;
}

.an-sheji{ padding: 8px 25px; background-color: #e62022; display: block; color: #fff; width: 150px; border-radius: 5px; margin:35px auto 0; }
.an-sheji:hover{  background-color: #d91b1d;}

.page_banner_read {
    position: absolute;
    width: 100%;
    z-index: 2;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
}

.page_banner_title {
    font-size: 60px;
    color: #f6ca27;
    font-weight: bold;
}

.page_banner_text {
    font-size: 36px;
    color: #fff;
    font-weight: bold;
}

.view_list_title {
    padding: 70px 0 30px 0;
}

.view_list_cn {
    font-size: 27px;
    color: #000000;
    padding-bottom: 5px;
}

.view_list_en {
    font-size: 16px;
    color: #000000;
}

.view_list_wrap {
    padding-bottom: 80px;
}

.view_list_box {
    font-size: 0;
    padding-bottom: 20px;
}

.view_li_box {
    width: 23.5%;
    margin: 0 2% 3% 0;
    -webkit-transition: all .6s cubic-bezier(.645, .045, .355, 1);
    transition: all .6s cubic-bezier(.645, .045, .355, 1);
}

.view_li_box:nth-child(4n) {
    margin: 0 0 3% 0;
}

.view_li_img a {
    padding-bottom: 75.62%;
    display: block;
}

.view_li_img a img {
    -webkit-transition: all .6s cubic-bezier(.645, .045, .355, 1);
    transition: all .6s cubic-bezier(.645, .045, .355, 1);
}

.view_li_title {
    padding: 25px 0 15px 0;
}

.view_li_title a {
    font-size: 16px;
    color: #595757;
    line-height: 24px;
    display: inline-block;
    -webkit-transition: all .6s cubic-bezier(.645, .045, .355, 1);
    transition: all .6s cubic-bezier(.645, .045, .355, 1);
}

.view_li_line {
    background: #e2e2e2;
    height: 1px;
}

.view_li_text {
    font-size: 12px;
    line-height: 30px;
    color: #717071;
    padding-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.view_li_box:hover .view_li_img a img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.view_li_box:hover .view_li_title a {
    color: #f6ca27;
}

.view_list_page {
    text-align: center;
    font-size: 0;
}

.view_list_page a, .view_list_page span {
    height: 25px;
    line-height: 23px;
    border: 1px solid #efeff0;
    text-align: center;
    padding: 0 10px;
    display: inline-block;
    font-size: 12px;
    margin: 0 4px;
    -webkit-transition: all .6s cubic-bezier(.645, .045, .355, 1);
    transition: all .6s cubic-bezier(.645, .045, .355, 1);
    background: #fff;
}

.view_list_page a:hover {
    background: #f2ce2a;
    border: 1px solid #f2ce2a;
}

.view_list_page span {
    background: #f2ce2a;
    border: 1px solid #f2ce2a;
}

#ztbox {width:1140px; height:180px; margin:0 auto;}
#ztbox #conter { width:1140px; height:180px; display:inline;}
#ztbox #conter>ul {width:1140px !important;height:140px;-webkit-transition: all 0.5s;transition: all 0.5s;display: flex;justify-content: space-between;}
#ztbox #conter>ul:after{content: "";display: block;clear: both;}
#ztbox #conter>ul>li { width:172px; height:140px;background-color: #fff;text-align: center;float: left;margin: 0 5px;}
#ztbox #conter>ul>li:hover{box-shadow: 0 0 20px #d4e4ef;transition:.3s ease-in;-moz-transition: .3s ease-in;-webkit-transition: .3s ease-in;-o-transition: .3s ease-in;}
#ztbox #conter>ul>li a img{margin-top: 20px}
#ztbox #conter>ul>li a .title{margin-top: 10px;font-size: 18px;color:#333333;margin-bottom: 5px;}
#ztbox #conter>ul>li a .titletext{font-size: 12px;color: #757575;}
#ztbox #conter>ul>li:hover a p{color:#008be9;transition:.3s ease-in;-moz-transition: .3s ease-in;-webkit-transition: .3s ease-in;-o-transition: .3s ease-in;}


.news_one{ overflow:hidden; margin-top:60px; margin-bottom:60px;}
.news_one .news_one_l{ float:left; overflow:hidden;}
.news_one .news_one_l a{ float:left; margin-right:2px; padding-left:38px; padding-right:38px; overflow:hidden; height:50px; line-height:50px; color:#000000; font-size:16px; background:#fff;transition:all 0.3s;}
.news_one .news_one_l a:hover{ color:#fff; background:#e62022;}
.news_one .news_one_l a.flon{color:#fff; background:#e62022;}
.news_one .news_one_r{ float:right; overflow:hidden;height:50px; line-height:50px; background:#fff;}
.news_one .news_one_r .cinputs{ width:270px;border:0;height:50px; text-indent:20px; background:none; color:#999999; font-size:14px; font-family:"微软雅黑"; outline:none; float:left;}
.news_one .news_one_r .cbnts{ float:right;width: 50px; height: 50px;  display: block; background:url(../images/news_bg1.jpg) no-repeat; border:0; outline: none; color: #fff;font-size: 18px; text-align: center; line-height: 68px;cursor: pointer;font-family: '微软雅黑';transition:all 0.3s;}
.news_one .news_one_r .cbnts:Hover{opacity:0.8;filter:Alpha(opacity=80);}

.news_list{ margin-top: 45px;}
.news_list ul li{ float:left; width:32%; overflow:hidden; margin-right:2%; background:#fff; transition:all 0.5s; margin-bottom:2%;}
.news_list ul li:nth-child(3n+0){ margin-right:0;}
.news_list ul li .txts{ width:92%; margin:0 auto; max-width:400px;}
.news_list ul li .txts .h2{ color:#000000; font-size:18px; font-weight:normal; height:48px; line-height:48px; margin-top:24px;transition:all 0.3s;overflow:hidden;}
.news_list ul li .txts .p{ font-size:16px; color:#666666; line-height:24px; height:48px; overflow:hidden;transition:all 0.3s;}
.news_list ul li .txts .dates{ margin-top:16px; padding-top:24px; border-top:1px solid #f5f5f5; overflow:hidden; font-size:14px; color:#666666; line-height:22px; margin-bottom:26px;background:url(../images/case_bg4.png) right 50px no-repeat;transition:all 0.3s;}
.news_list ul li .txts .dates span{ display:block; color:#000000; font-size:48px; line-height:46px; height:46px;transition:all 0.3s; margin-bottom:2px;}
.news_list ul li .txts .tags{ overflow:hidden; height:22px; line-height:22px; color:#999; margin-top:10px;}
.news_list ul li .txts .tags span{ float:left; margin-right:6px;font-size:14px;}
.news_list ul li .txts .tags a{ float:left; margin-right:5px;font-size:14px; color:#999;}
.news_list ul li:hover .txts .dates{background:url(../images/case_bg4_on.png) right 50px no-repeat; color:#fff; border-top:1px solid #ff6e70;}
.news_list ul li:hover .txts .dates span{ color:#fff;}
.news_list ul li:hover .txts .h2{ color:#fff; overflow:hidden}
.news_list ul li:hover .txts .p{ color:#fff;}
.news_list ul li:hover{-webkit-box-shadow: 0 5px 25px rgba(0,0,0,0.1); box-shadow: 0 5px 25px rgba(0,0,0,0.1);-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); background:#e62022; }
.news_list ul li:hover .tags span{ color:#fff;}
.news_list ul li:hover .tags a{ color:#fff;}

.Page{width:100%; text-align:center; padding:35px 0px;}
.Page a{display:inline-block;width:65px;background:#ffffff;height:48px; vertical-align:middle; line-height:48px; font-size:14px; border:1px solid #e5e5e5; margin-left:-5px}
.Page a:hover{ background:#e62022; color:#FFF}
.Page a.cur{ background:#e62022; color:#FFF}
.Page a.on{ background:#e62022; color:#FFF}

.Page a.Prev{ border-radius:6px 0px 0px 6px;width:90px;}

.Page a.next{ border-radius:0px 6px 6px 0px;width:90px;}

.fenye{ margin-bottom: 50px;}

/*新闻详细*/
.news_show2{ overflow:hidden; margin-top: 35px; margin-bottom: 55px;}
.news_show2 .news_show_l{width: 75%;float: left;overflow: hidden; color:#333; background:#fff; padding-left:30px; padding-right:30px; padding-bottom:60px;}
.news_show2 .news_show_l .new_show_l_top{ margin-top:30px; padding-bottom:23px; overflow:hidden; border-bottom:1px solid #e1e1e1;}
.news_show2 .news_show_l .new_show_l_top h1{ font-size:26px; line-height:45px; overflow:hidden; color:#000; text-align: center; font-weight:normal;}
.news_show2 .news_show_l .new_show_l_top p{ height:50px; line-height:50px; overflow:hidden; font-size:16px; text-align: center;}
.news_show2 .news_show_l .new_show_l_top p span{ margin: 0 15px;}
.news_show2 .news_show_l .new_show_l_text{ padding-top:35px;line-height:30px; font-size:16px; }
.news_show2 .news_show_l .new_show_l_text p{ margin-bottom:17px; font-size:16px;}
.news_show2 .news_show_l .new_show_l_text h1{ line-height:35px; font-size:14px;}
.news_show2 .news_show_l .new_show_l_text img{display: block; margin: 0 auto; max-width: 100%; margin-bottom:10px;}
.news_show2 .news_show_l .new_show_l_text .news_show_tag{ overflow:hidden; margin-top:33px; line-height:32px; margin-bottom:50px;}
.news_show2 .news_show_l .new_show_l_text .news_show_tag span{ margin-bottom:10px; float:left; font-size:16px;}
.news_show2 .news_show_l .new_show_l_text .news_show_tag a{ float:left; padding-left:20px; padding-right:20px;line-height:32px; height:32px; overflow:hidden; color:#999; font-size:16px; margin-bottom:10px; margin-right:1px; background:#fff; border:1px solid #fff;transition:all 0.3s;}
.news_show2 .news_show_l .new_show_l_text .news_show_tag a:hover{opacity:0.8;filter:Alpha(opacity=80); border:1px solid #e62022; color:#e62022;}
.news_show2 .news_show_l .fenxiang{  overflow:hidden; text-align:center; border-top:1px solid #e8e8e8; padding-top:2%; margin-top:2%;}
.news_show2 .news_show_l .fenxiang .span{line-height:34px; color:#333333; display:block; font-size:18px;}
.news_show2 .news_show_l .fenxiang .news_fx{ text-align:center; margin-top:3%; margin-bottom:4%;}
.news_show2 .news_show_l .fenxiang .news_fx ul li{ display:inline-block; width:58px; height:58px; overflow:hidden; margin-left:3%; margin-right:3%; background-repeat:no-repeat; background-size:100% 100%; cursor:pointer;}
.news_show2 .news_show_l .fenxiang .news_fx ul li.bgs1{ background-image:url(../images/ico1.png);}
.news_show2 .news_show_l .fenxiang .news_fx ul li.bgs2{ background-image:url(../images/ico2.png);}
.news_show2 .news_show_l .fenxiang .news_fx ul li.bgs3{ background-image:url(../images/ico3.png);}
.news_show2 .news_show_l .fenxiang .news_fx ul li:hover{transition:all 0.3s;opacity:0.9;filter:Alpha(opacity=90);}
.news_show2 .news_show_l .fenxiang .news_fx ul li a{ display:block; width:100%; height:100%;}
.prenext{text-align:center; padding-bottom:3%; overflow:hidden; border-top:1px solid #e8e8e8; padding-top:4%;}
.prenext a{ color:#333333; display:inline-block; height:50px; line-height:50px; width:260px; overflow:hidden;  font-size:18px; background:#e8e8e8;}
.prenext a:hover{ color:#fff; background:#e62022; text-decoration:none;}
.prenext a label{ font-family:"宋体"; font-size:22px;}
.prenext a label.a{ padding-right:12%;}
.prenext a label.b{ padding-left:12%;}
.prenext a.nodata{ background:#e8e8e8;color:#333333;}
.news_show2 .news_show_r{width: 23%;float: right; overflow:hidden;}
.news_show2 .news_show_r .new_show_right_top{ font-size:24px; color:#000; margin-top:30px; margin-bottom:10px; font-weight:normal; height:38px; line-height:38px;font-family:"微软雅黑"; padding-left:30px; padding-right:30px;}
.news_show2 .news_show_r .new_show_right_top .tagchange{ float:right; padding-left:29px;  background:url(../images/tag_bg1.png) left center no-repeat;font-size:16px; color:#999999;}
.news_show2 .news_show_r .new_show_right_top .tagchange:hover{color:#e62022;}
.news_show2 .news_show_rnews{overflow: hidden; color:#666; background:#fff;}
.news_show2 .news_show_rnews .ul li{ display:block; border-bottom:1px dashed #cccccc; padding-bottom:20px; margin-bottom:20px; overflow:hidden; margin-left:30px; margin-right:30px;}
.news_show2 .news_show_rnews .ul li h1{ font-weight:normal; font-size:18px; color:#000000; height:38px; line-height:38px; overflow:hidden}
.news_show2 .news_show_rnews .ul li h1 a{color:#000000;}
.news_show2 .news_show_rnews .ul li h1 a:hover{color:#e62022;}
.news_show2 .news_show_rnews .ul li p{ color:#666666; font-size:14px; height:36px; line-height:36px; overflow:hidden;}
.news_show2 .news_show_rnews .ul li:last-child{ border-bottom:0; margin-bottom:0;}

.l{float:left;}
.r{float:right;}


.solutionlist{ overflow:hidden; padding: 0 5%; margin:30px 0;}
.solutionlist li{ float: left; width: 100%; overflow:hidden; margin-bottom: 20px; padding-bottom: 35px;}
.solutionlist li .snum{ padding:10px 0 0 0; height:150px;  float: left; width: 12%; background:url(../images/xiex.png) no-repeat right top;
color: #e6e6e6; font-size: 90px; font-family: arial; line-height: 1;}
.solutionlist li .scon{ float: right; width: 88%; border-bottom:1px solid #dcdcdc; padding-bottom:20px; }
.solutionlist li .scon h3{ color: #0a0a0a; font-size:28px; font-weight: bold; }
.solutionlist li .scon h3:after {
    content: "";
    display: block;
    width: 55px;
    height: 5px;
    background: #e62022;
    margin: 10px 0;
}
.solutionlist li .scon .stxt{ color: #666666; font-size:18px; line-height:1.8; margin-top:20px; }


.scheme{
	background: #f5f5f5;
	padding: 0 0 92px;
}
.scheme:after{content:"";height:0;display:block;clear:both}
.scheme .left{
	width: 50%;
	float: left;
	padding-right: 80px;
	box-sizing: border-box;
}
.scheme .txt1{
	line-height: 30px;
	font-size: 24px;
	color: #666666;
}
.scheme .txt2{
	line-height: 60px;
	font-size: 48px;
	color: #000000;
	margin-top: 30px;
}
.scheme .btn{
	width: 220px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: url(../images/20180809/scheme_btn.png) no-repeat right 44px center #333333;
	display: block;
	font-size: 20px;
	color: #fff;
	text-indent: 44px;
	text-align: left;
	margin-top: 120px;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}
.scheme .btn:hover{
	background-color: #e62022;
	background-position: right 32px center;
}
.scheme .text{
	width: 50%;
	float: right;
	line-height: 36px;
	font-size: 18px;
	color: #666666;
	text-align: justify; padding-top: 10px;
}
.scheme .text p{
	font-size: 18px;
	color: #666666;
}

.gywm-fwxm{ background-color: #fff; padding-bottom: 80px;}

.dtit {
    text-align:center;
    padding:60px 0 50px;
    }
    
    .dtit span {
    font-size:36px;
    color:#161616;
    display:block;
    }
    
    .dtit p {
    font-size:15px;
    color:#888; margin-top: 15px;
    }
.abwhat li {
        float:left;
        width:17%;
        text-align:center;
        color:#000;
        margin:0 1.5%;
        }
        
        .abwhat li span {
        font-size:18px;
        display:block;
        }
        
        .abwhat li i {
        display:block;
        width:65px;
        height:61px;
        margin:4% auto;
        }
        
        .abwhat li i.i1 {
        background:url(../images/index-fwxm-nr-i1.png) 0 0;
        }
        
        .abwhat li i.i2 {
        background:url(../images/index-fwxm-nr-i2.png) no-repeat 0 0;
        }
        
        .abwhat li i.i3 {
        background:url(../images/index-fwxm-nr-i3.png) no-repeat 0 0;
        }
        
        .abwhat li i.i4 {
        background:url(../images/index-fwxm-nr-i4.png) no-repeat 0 0;
        }
        
        .abwhat li i.i5 {
        background:url(../images/index-fwxm-nr-i5.png) no-repeat 0 0;
}
        

.service{
	background: #f5f5f5;
	padding: 0 0 100px 0; padding-bottom:0;
}

.service .tab{
	width: 72%;
	border-top: solid 1px #eaeaea;
	border-left: solid 1px #eaeaea;
	box-sizing: border-box;
	float: left;
	background-color: #ededed;
}
.service .tab li{
	width: 25%;
	height: 240px;
	float: left;
	border-right: solid 1px #eaeaea;
	border-bottom: solid 1px #eaeaea;
	box-sizing: border-box;
	text-align: center;
	cursor: pointer;
	transition:all 0.3s;
}
.service .tab li:nth-child(8),
.service .tab li:nth-child(6),
.service .tab li:nth-child(3),
.service .tab li:nth-child(1){
	background: #fff;
}
.service .tab li .icon2,
.service .tab li .icon1{
	height: 100px;
	margin-top: 30px;
	background-repeat:no-repeat; background-position:center center; background-size:100px 100px;
}
.service .tab li .icon1 img{transition:all 0.3s;opacity:0;filter:Alpha(opacity=0);}
.service .tab li .icon1 .service-i-1{ display:block; -webkit-display: flex; display: flex; -webkit-justify-content: center;justify-content: center; flex-direction: column; border-radius:50%; margin:auto; width:100px; height:100px; background-color:#f5f5f5; font-size:38px; color:#555; }
.service .tab li:hover .icon1 .service-i-1,.service .tab li.on .icon1 .service-i-1{ background-color:#e62022; color:#fff;}
.service .tab li .number{
	line-height: 60px;
	font-size: 60px;
	color: #e2e2e2;
	margin-top: 10px;
}
.service .tab li .text{
	line-height: 36px;
	height: 36px;
	font-size: 20px;
	color: #000000;
	margin-top: -20px;
	background: #ededed;
	position: relative;
	z-index: 5;
}
.service .tab li:nth-child(8) .text,
.service .tab li:nth-child(6) .text,
.service .tab li:nth-child(3) .text,
.service .tab li:nth-child(1) .text{
	background: #fff;
}
.service .tab li .icon2{
	display: none;
}
.service .tab li.on .icon2{
	display: block;
}
.service .tab li.on{z-index: 10;box-shadow: -6px 6px 10px rgba(0,0,0,.1); position:relative; -webkit-transform: translate3d(0, -2.5px, 0); transform: translate3d(0, -2.5px, 0);}
.service .tab li.on .icon1 img{
	/*display: none;*/opacity:1.0;filter:Alpha(opacity=100);
}
.service .tabBox{
	width: 25%;
	height: 480px;
	float: right;
	background: url(../images/aboutPage_service_tabBox.jpg) no-repeat;
	padding: 80px 78px 0 78px;
	box-sizing: border-box;transition:all 0.3s;
}
.service .tabBox:hover{ margin-top:-10px;}
.service .tabBox .box{ display:none;}
.service .tabBox li{
	display: none;
}
.service .tabBox .tit{
	line-height: 50px;
	font-size: 48px;
	color: #fff;
}
.service .tabBox .line{
	width: 50px;
	height: 4px;
	background: #fff;
	margin-top: 18px;
}
.service .tabBox .txt{
	line-height: 30px;
	font-size: 20px;
	color: #fff;
	margin-top: 36px;
}
.service .tabBox .txt p{
	font-size: 20px;
	color: #fff;
}

.list{
	border-left: solid 1px #e6e6e6;
	box-sizing: border-box;
}
.list:after{content:"";height:0;display:block;clear:both}
.list li{
	width: 25%;
	float: left;
	border-right: solid 1px #e6e6e6;
    border-bottom: solid 1px #e6e6e6;
    border-top: solid 1px #e6e6e6;
	box-sizing: border-box;
	text-align: center;
	padding-bottom: 66px;
}
.list li .icon{
	height: 138px;
	margin-top: 45px;
}
.list li .icon img{
	height: 100%;
}
.list li .text{
	line-height: 30px;
	font-size: 18px;
	color: #666666;
	margin-top: 40px;
    padding: 0 30px;
}
.list li .text a,
.list li .text p{
	font-size: 18px;
	color: #666666;
}


.intention{
	background: #f5f5f5;
    margin-top: 80px;
    padding: 0px 0 80px 0;
}
.intention .title{
	line-height: 40px;
	font-size: 36px;
	color: #000000;
}
.intention .right,
.intention .left{
	float: left;
	width: 49%;  
	margin-top: 0; 
}
.intention .right{
	float: right;
}
.intention .inpu{
	border: solid 1px #e6e6e6;
	box-sizing: border-box;
	background: #fff;
	padding: 10px 0px;
	margin-bottom: 20px;
}
.intention .inpu textarea,
.intention .inpu input{
	width: 100%;
	height: 48px;
	line-height: 48px;
	box-sizing: border-box;
	font-size: 18px;
	color: #333;
	border: none;
	outline:none;
	padding: 0 20px;
	box-sizing: border-box;
	background: none;
}
.intention .inpu input::-webkit-input-placeholder{color:#666;}
.intention .inpu input:-moz-placeholder{color:#666;}
.intention .inpu input::-moz-placeholder{color:#666;}
.intention .inpu input:-ms-input-placeholder{color:#666;}
.intention .inpu textarea::-webkit-input-placeholder{color:#666;}
.intention .inpu textarea:-moz-placeholder{color:#666;}
.intention .inpu textarea::-moz-placeholder{color:#666;}
.intention .inpu textarea:-ms-input-placeholder{color:#666;}
.intention .inpu textarea{
	height: 223px;
	resize: none;
	line-height: 24px;
	padding: 10px 20px;
}
.intention .btn{
	margin: 0;
	padding: 0;
	height: 70px;
	text-align: center;
}
.intention .btn a,
.intention .btn button,
.intention .btn input{
	width: 100%;
	height: 70px;
	line-height: 70px;
	text-align: center;
	display: block;
	border: none;
	border-radius: 0;
	background: #e62022;
	-webkit-appearance:none;
	font-size: 18px;
	color: #fff;
	cursor: pointer;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}
.intention .btn a,
.intention .btn button,
.intention .btn input:hover{
	background: #ec0f12;
}

.traffic{

	padding: 100px 0;
}
.traffic .title{
	text-align: center;
	line-height: 40px;
	font-size: 36px;
	color: #000000;
}
.traffic .list{
	border: solid 1px #e6e6e6;
	box-sizing: border-box;
	margin-top: 58px;
}
.traffic .list:after{content:"";height:0;display:block;clear:both}
.traffic li{
	width: 33.333%;
	float: left;
	border-left: solid 1px #e6e6e6;
	box-sizing: border-box;
	background: #fff;
	padding: 102px 40px 68px 40px;
	box-sizing: border-box;
	text-align: center;
}
.traffic li:first-child{
	border-left: none;
}
.traffic li .icon{
	height: 56px;
}
.traffic li .icon img{
	max-height: 100%;
}
.traffic li .tit{
	line-height: 30px;
	font-size: 24px;
	color: #000000;
	margin-top: 24px;
	padding-bottom: 38px;
	background: url(../images/traffic_line.gif) repeat-x 0 bottom;
}
.traffic li .text{
	line-height: 24px;
	font-size: 16px;
	color: #666666;
	margin-top: 35px;
}

.more-a{ height: 50px; line-height: 50px; border: 1px solid #ccc; color:#333; display: block; width: 228px; font-size: 16px; margin: auto; margin-top: 20px; text-align: center; }
.more-a:hover{ color:#fff; background-color:#e62022; border: 1px solid #e62022; }


/* 小程序页面 */

.banner_footer .banner_footer_wrap .banner_footer_item {
    width: 240px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    color: #676767;
    float: left;
}
.banner_footer .banner_footer_wrap .banner_footer_item img {
    vertical-align: sub;
    height: 20px; margin-right: 2px;
}
.banner_footer .banner_footer_wrap .banner_footer_item em {
    color: #ff6800;
}
.banner_footer .banner_footer_wrap {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden; font-size:16px;
}

.c-content-box{ padding: 70px 0 75px;}
.c-content-title-1 > .c-line-center {
    width: 30px;
    height: 3px;
    background-color: #ffffff;
    margin: 0 auto 30px auto; }
  
  .c-content-title-1 > .c-line-right,
  .c-content-title-1 > .c-line-left {
    width: 30px;
    height: 3px;
    background-color: #32c5d2;
    margin: 0 0 30px 0; }
  
  .c-content-title-1 > .c-line-right {
    margin: 0 0 30px auto; }
  
  .c-content-title-1 > h3 {
    font-size: 28px;
    color: #333333;
    font-weight: 500;
    margin: 0 0 30px 0; }
    .c-content-title-1 > h3 > i {
      font-size: 22px;
      color: #88909a; }
    .c-content-title-1 > h3.c-font-uppercase {
      font-size: 34px; }
  
  .c-content-title-1 > p {
    font-size: 16px;
    font-weight: 400;
    color: #8f8e8e;
    margin: 30px auto;
    width: 60%;
 }
    .c-content-title-1 > p.c-font-uppercase {
      font-size: 15px; }
  
  .c-content-title-1 > hr {
    margin-bottom: 30px; }
  
  .c-content-title-1.c-title-md > .c-line-left,
  .c-content-title-1.c-title-md > .c-line-center {
    margin-bottom: 20px; }
  
  .c-content-title-1.c-title-md > h3 {
    font-size: 22px;
    margin-bottom: 22px; }
    .c-content-title-1.c-title-md > h3 > i {
      font-size: 18px;
      color: #88909a; }
    .c-content-title-1.c-title-md > h3.c-font-uppercase {
      font-size: 20px; }
  
  .c-content-title-1.c-title-md > p {
    font-size: 17px;
    margin: 20px 0; }
    .c-content-title-1.c-title-md > p.c-font-uppercase {
      font-size: 14px; }
  
  .c-content-title-1.c-title-sm > .c-line-left,
  .c-content-title-1.c-title-sm > .c-line-center {
    margin-bottom: 15px; }
  
  .c-content-title-1.c-title-sm > h3 {
    font-size: 18px;
    margin-bottom: 15px; }
    .c-content-title-1.c-title-sm > h3 > i {
      font-size: 16px;
      color: #88909a; }
    .c-content-title-1.c-title-sm > h3.c-font-uppercase {
      font-size: 14px; }
  
  .c-content-title-1.c-title-sm > p {
    font-size: 16px;
    margin: 15px 0; }
    .c-content-title-1.c-title-sm > p.c-font-uppercase {
      font-size: 14px; }
  
  .c-content-title-2 {
    margin-bottom: 20px; text-align: center; }

    .c-content-title-2 > .c-line {
      height: 2px;
      background-color: #88909a;
      opacity: 0.8;
      filter: alphaopacity=80; }
      .c-content-title-2 > .c-line.c-line-short {
        width: 180px;
        margin: 0 auto; }
      .c-content-title-2 > .c-line.c-dot {
        height: 1px;
        position: relative; }
        .c-content-title-2 > .c-line.c-dot:after {
          background-color: #88909a;
          left: 50%;
          display: inline-block;
          position: absolute;
          content: '';
          width: 10px;
          height: 10px;
          top: -4px;
          margin-left: -5px;
          border-radius: 10px !important; }
        .c-content-title-2 > .c-line.c-dot.c-dot-left:after {
          left: 0; }
        .c-content-title-2 > .c-line.c-dot.c-dot-right:after {
          left: auto;
          right: 0; }
        .c-content-title-2 > .c-line.c-dot.c-dot-square:after {
          border-radius: 0 !important; }
    .c-content-title-2 > h3 {
      font-size: 34px;
      color: #3f444a;
      font-weight: 500;
      margin: 0 0 30px 0; }
      .c-content-title-2 > h3 > i {
        font-size: 22px;
        color: #88909a; }
    .c-content-title-2 > p {
      font-size: 16px;
      font-weight: 400;
      color: #5c6873;
      margin: 30px auto;
      width: 65%;
    }
      .c-content-title-2 > p.c-font-uppercase {
        font-size: 15px; }
    .c-content-title-2 > hr {
      margin-bottom: 30px; }
    .c-content-title-2.c-title-md > .c-line-left,
    .c-content-title-2.c-title-md > .c-line-center {
      margin-bottom: 20px; }
    .c-content-title-2.c-title-md > h3 {
      font-size: 22px;
      margin-bottom: 22px; }
      .c-content-title-2.c-title-md > h3 > i {
        font-size: 18px;
        color: #88909a; }
      .c-content-title-2.c-title-md > h3.c-font-uppercase {
        font-size: 20px; }
    .c-content-title-2.c-title-md > p {
      font-size: 17px;
      margin: 20px 0; }
      .c-content-title-2.c-title-md > p.c-font-uppercase {
        font-size: 14px; }
    .c-content-title-2.c-title-sm > .c-line-left,
    .c-content-title-2.c-title-sm > .c-line-center {
      margin-bottom: 15px; }
    .c-content-title-2.c-title-sm > h3 {
      font-size: 18px;
      margin-bottom: 15px; }
      .c-content-title-2.c-title-sm > h3 > i {
        font-size: px;
        color: #88909a; }
      .c-content-title-2.c-title-sm > h3.c-font-uppercase {
        font-size: 14px; }
    .c-content-title-2.c-title-sm > p {
      font-size: 16px;
      margin: 15px 0; }
      .c-content-title-2.c-title-sm > p.c-font-uppercase {
        font-size: 14px; }
  
  .c-content-title-3 {
    margin-bottom: 20px;
    padding-left: 20px;
    border-left: 4px solid #88909a; }
    .c-content-title-3 > h3 {
      font-size: 28px;
      color: #3f444a;
      font-weight: 500;
      margin: 0 0 15px 0; }
      .c-content-title-3 > h3 > i {
        font-size: 22px;
        color: #88909a; }
      .c-content-title-3 > h3.c-font-uppercase {
        font-size: 30px; }
    .c-content-title-3 > p {
      font-size: 17px;
      font-weight: 400;
      color: #5c6873;
      margin: 15px 0 0 0; }
      .c-content-title-3 > p.c-font-uppercase {
        font-size: 15px; }
    .c-content-title-3.c-right {
      padding-left: 0px;
      padding-right: 20px;
      border-left: 0;
      border-right: 4px solid #88909a; }
      .c-content-title-3.c-right > h3 {
        text-align: right; }
      .c-content-title-3.c-right > p {
        text-align: right; }
    .c-content-title-3.c-title-md > .c-line-left,
    .c-content-title-3.c-title-md > .c-line-center {
      margin-bottom: 15px; }
    .c-content-title-3.c-title-md > h3 {
      font-size: 22px;
      margin-bottom: 22px; }
      .c-content-title-3.c-title-md > h3 > i {
        font-size: 18px;
        color: #88909a; }
      .c-content-title-3.c-title-md > h3.c-font-uppercase {
        font-size: 20px; }
    .c-content-title-3.c-title-md > p {
      font-size: 17px;
      margin: 15px 0; }
      .c-content-title-3.c-title-md > p.c-font-uppercase {
        font-size: 14px; }
    .c-content-title-3.c-title-sm > .c-line-left,
    .c-content-title-3.c-title-sm > .c-line-center {
      margin-bottom: 10px; }
    .c-content-title-3.c-title-sm > h3 {
      font-size: 18px;
      margin-bottom: 10px; }
      .c-content-title-3.c-title-sm > h3 > i {
        font-size: px;
        color: #88909a; }
      .c-content-title-3.c-title-sm > h3.c-font-uppercase {
        font-size: 14px; }
    .c-content-title-3.c-title-sm > p {
      font-size: 16px;
      margin: 10px 0; }
      .c-content-title-3.c-title-sm > p.c-font-uppercase {
        font-size: 14px; }
        
        .c-content-counter-1 > .row > div > .c-title {
            margin-top: 5px; }
          .c-content-counter-1 > .row > div > .c-first {
            margin-top: 0; }
          .c-content-counter-1 > .row > div > .c-content {
            margin-bottom: 60px; } }
        
        .c-content-feature-1 {
          padding-right: 40px; }
          .c-content-feature-1 > h4 {
            font-size: 18px;
            color: #3f444a;
            margin-top: 0;
            font-weight: 500;
            text-transform: uppercase; }
          .c-content-feature-1 p {
            font-size: 16px;
            color: #5c6873; }
          .c-content-feature-1 > h3 {
            font-size: 26px;
            color: #3f444a;
            font-weight: 500;
            margin: 30px 0 25px 0; }
.c-content-title-1{ text-align: center; }

.c-content-line-icon {
    background-image: url(../images/default.png);
    display: inline-block;
    width: 80px;
    height: 80px;
    background-size: cover;
}
.c-theme {
    background-repeat: repeat;
}
.c-content-line-icon.c-theme {
    background-image: url(../images/default.png);
}
.c-content-line-icon.c-icon-31 {
    background-position: 0px 3000%;
}

.c-content-line-icon.c-icon-32 {
    background-position: 0px 3100%;
}
.c-content-line-icon.c-icon-33 {
    background-position: 0px 3200%;
}
.c-content-line-icon.c-icon-34 {
    background-position: 0px 3300%;
}

.xcx-nr-1{ padding: 35px 0;}
.xcx-nr-1 .col-sm-3{ float: left; width: 25%; text-align: center; }
.xcx-nr-1 .col-sm-3 .c-content-feature-1{ padding: 0 10%; }

.c-bg-parallax {
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    background-color: transparent;
    min-height: 100%; }
    .c-font-white {
        color: #FFFFFF !important;
    }
    .c-theme-bg-after:after {
        background: #ffffff!important;
    }
    .c-theme-bg {
        background: #ffffff!important;
    }


    .c-content-counter-1 > .row > div {
        text-align: center; }
        .c-content-counter-1 > .row > div > .c-title {
          font-weight: 600;
          font-size: 22px;
          color: #3f444a;
          margin: 20px 0 15px 0; }
        .c-content-counter-1 > .row > div > .c-counter {
          font-size: 45px;
          font-weight: 300;
          color: #32c5d2;
          margin: 10px auto 30px auto;
          background-color: #fff;
          width: 200px;
          height: 200px;
          padding: 65px 0;
          display: block;
          border-radius: 200px;
          border: 1px solid transparent; }
          .c-content-counter-1 > .row > div > .c-counter.c-bordered {
            border: 4px solid transparent;
            background: none; }
        .c-content-counter-1 > .row > div > .c-content {
          color: #5c6873; font-size: 16px;
          padding: 0 30px; }
          .c-bg-red {
            background-color: #ed4345 !important;
        }
        .c-bg-red.c-bg-red-font {
            color: #ffffff !important;
        }
        .c-bg-green.c-bg-green-font {
            color: #ffffff !important;
        }
        .c-bg-green {
            background-color: #32c5d2 !important;
        }
        .c-bg-blue.c-bg-blue-font {
            color: #ffffff !important;
        }
        .c-bg-blue {
            background-color: #3498DB !important;
        }
        .xcx-nr-2 .col-md-4{ width: 33.33%; float: left; }
        .xcx-nr-2 .c-margin-t-60{ margin: auto; width: 90%; margin-top: 70px;}

        .section11, .section12, .section13, .section14, .section15, .section16, .section17, .section18 { padding-top: 80px; padding-bottom: 80px;  }
        .section11 .list{ width: 1160px; margin: auto;}

        .g-title { text-align: center; margin-bottom: 50px; }
        
        .g-title h2 { font-size: 34px; margin-bottom: 20px; color:#fff;}
        .g-title h2.g-title-st{ color:#333;}
        
        .g-title .summery { font-size: 16px; color: #8f8e8e; }
        
        .section11 .operate { margin-top: 35px; }
        
        .section11 .operate .btns { font-size: 16px; width: 207px; height: 50px; line-height: 48px; border: #e62022 1px solid; border-radius: 50px; color: #e62022; display: block; margin: 0 auto; text-align: center; }
        
        .section11 .operate .btns:hover { background-color: #e62022; color: #fff; }
        
        .section11 .list { margin-bottom: 50px; }
        
        .section11 .list .item { width: 374px; height: 220px; overflow: hidden; position: relative; float: left; margin-right: 14px; margin-bottom: 14px; }
        
        .section11 .list .item:nth-child(3n) { float: left; margin-right: 0; }
        
        .section11 .list .item img { display: block; }
        
        .section11 .list .item:hover .con { opacity: 0; }
        
        .section11 .list .item:hover .over-box { top: 0; }
        
        .section11 .list .con { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; text-align: center; }
        
        .section11 .list .con h3 { font-size: 26px; margin-bottom: 20px; }
        
        .section11 .list .con p { font-size: 12px; }
        
        .section11 .list .over-box { background-color: rgba(230, 32, 34, 0.9); -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; color: #fff; position: absolute; left: 0; top: 100%; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 38px 50px 10px; text-align: center; }
          
        .section11 .list .over-box .title { font-size: 26px; }
        
        .section11 .list .over-box .line { width: 40px; height: 3px; background-color: #fff; margin: 15px auto 30px; }
        
        .section11 .list .over-box .intro { font-size: 14px; line-height: 26px; text-align: center; }

        .add-lxr b, .red {
            color: #ff4747;
            padding-left: 5px;
        }

        .c-content-line-icon {
            background-image: url(../images/default.png);
            display: inline-block;
            width: 80px;
            height: 80px; 
            z-index: 9999;
            position: relative;
            background-size: cover; }
            .c-content-line-icon.c-white {
              background-image: url(../images/white.png); }
            .c-content-line-icon.c-icon-screen-chart {
              background-position: 0px -1300%; }
            .c-content-line-icon.c-icon-support {
              background-position: 0px -2500%; }
            .c-content-line-icon.c-icon-bulb {
              background-position: 0px 1200%; }
            .c-content-line-icon.c-icon-comment {
              background-position: 0px -300%; }
            .c-content-line-icon.c-icon-globe {
              background-position: 0px -2600%; }
            .c-content-line-icon.c-icon-sticker {
              background-position: 0px  2300%; }
            .c-content-line-icon.c-icon-md {
              width: 50px;
              height: 50px; }
            .c-content-line-icon.c-icon-sm {
              width: 30px;
              height: 30px; }
            .c-content-line-icon.c-icon-xs {
              width: 20px;
              height: 20px; }
            .c-content-line-icon.c-icon-1 {
               background: url(../images/xcx/xcx-nt-1.png) center center no-repeat; }
            .c-content-line-icon.c-icon-2 {
              background: url(../images/xcx/xcx-nt-2.png) center center no-repeat; }
            .c-content-line-icon.c-icon-3 {
              background: url(../images/xcx/xcx-nt-3.png) center center no-repeat; }
            .c-content-line-icon.c-icon-4 {
              background: url(../images/xcx/xcx-nt-4.png) center center no-repeat; }
            .c-content-line-icon.c-icon-5 {
              background-position: 0px 400%; }
            .c-content-line-icon.c-icon-6 {
              background-position: 0px 500%; }
            .c-content-line-icon.c-icon-7 {
              background-position: 0px 600%; }
            .c-content-line-icon.c-icon-8 {
              background-position: 0px 700%; }
            .c-content-line-icon.c-icon-9 {
              background-position: 0px 800%; }
            .c-content-line-icon.c-icon-10 {
              background-position: 0px 900%; }
            .c-content-line-icon.c-icon-11 {
              background-position: 0px 1000%; }
            .c-content-line-icon.c-icon-12 {
              background-position: 0px 1100%; }
            .c-content-line-icon.c-icon-13 {
              background-position: 0px 1200%; }
            .c-content-line-icon.c-icon-14 {
              background-position: 0px 1300%; }
            .c-content-line-icon.c-icon-15 {
              background-position: 0px 1400%; }
            .c-content-line-icon.c-icon-16 {
              background-position: 0px 1500%; }
            .c-content-line-icon.c-icon-17 {
              background-position: 0px 1600%; }
            .c-content-line-icon.c-icon-18 {
              background-position: 0px 1700%; }
            .c-content-line-icon.c-icon-19 {
              background-position: 0px 1800%; }
            .c-content-line-icon.c-icon-20 {
              background-position: 0px 1900%; }
            .c-content-line-icon.c-icon-21 {
              background-position: 0px 2000%; }
            .c-content-line-icon.c-icon-22 {
              background-position: 0px 2100%; }
            .c-content-line-icon.c-icon-23 {
              background-position: 0px 2200%; }
            .c-content-line-icon.c-icon-24 {
              background-position: 0px 2300%; }
            .c-content-line-icon.c-icon-25 {
              background-position: 0px 2400%; }
            .c-content-line-icon.c-icon-26 {
              background-position: 0px 2500%; }
            .c-content-line-icon.c-icon-27 {
              background-position: 0px 2600%; }
            .c-content-line-icon.c-icon-28 {
              background-position: 0px 2700%; }
            .c-content-line-icon.c-icon-29 {
              background-position: 0px 2800%; }
            .c-content-line-icon.c-icon-30 {
              background-position: 0px 2900%; }
            .c-content-line-icon.c-icon-31 {
              background-position: 0px 3000%; }
            .c-content-line-icon.c-icon-32 {
              background-position: 0px 3100%; }
            .c-content-line-icon.c-icon-33 {
              background-position: 0px 3200%; }
            .c-content-line-icon.c-icon-34 {
              background-position: 0px 3300%; }
            .c-content-line-icon.c-icon-35 {
              background-position: 0px 3400%; }
            .c-content-line-icon.c-icon-36 {
              background-position: 0px 3500%; }
            .c-content-line-icon.c-icon-37 {
              background-position: 0px 3600%; }
            .c-content-line-icon.c-icon-38 {
              background-position: 0px 3700%; }
            .c-content-line-icon.c-icon-39 {
              background-position: 0px 3800%; }
            .c-content-line-icon.c-icon-40 {
              background-position: 0px 3900%; }
            .c-content-line-icon.c-icon-41 {
              background-position: 0px 4000%; }
            .c-content-line-icon.c-icon-42 {
              background-position: 0px 4100%; }
            .c-content-line-icon.c-icon-43 {
              background-position: 0px 4200%; }
            .c-content-line-icon.c-icon-44 {
              background-position: 0px 4300%; }
            .c-content-line-icon.c-icon-45 {
              background-position: 0px 4400%; }
            .c-content-line-icon.c-icon-46 {
              background-position: 0px 4500%; }
            .c-content-line-icon.c-icon-47 {
              background-position: 0px 4600%; }
            .c-content-line-icon.c-icon-48 {
              background-position: 0px 4700%; }
            .c-content-line-icon.c-icon-49 {
              background-position: 0px 4800%; }
            .c-content-line-icon.c-icon-50 {
              background-position: 0px 4900%; }

              .c-content-step-1 > .c-title {
                margin-top: 20px; font-size: 16px;
            }
            .c-font-white {
                color: #FFFFFF !important;
            }
            .xcx-nr-4 .col-md-3{ float: left; width: 25%; position: relative; text-align: center;}

            .c-content-step-1 > .c-icon > .c-hr.c-hr-first:before {
                width: 34%;
                left: 4%;
            }
            .c-content-step-1{ padding: 0 10%;}
       
            .xcx-nr-4-2{ position: relative; width: 80%; margin: auto; margin-top: 60px; margin-bottom: 40px;}
            .xcx-nr-4-2:after{ border-top: 1px solid #ed4345;
                display: block;
                height: 1px;
                content: " ";
                width: 100%;
                position: absolute;
                left: 0;
                top: 35px; }
            .c-theme-border-before:before {
                border-color: #32c5d2!important;
            }
            .c-content-step-1 > .c-icon > .c-hr {
                display: inline-block;
            }
            .c-theme-border-after:after {
                border-color: #32c5d2!important;
            }
          .xcx-nr-5 .owl-item{ float: left; text-align: center; width: 33.333%;}
          .c-font-uppercase{ margin-top: 35px; font-weight: bold; font-size: 25px; margin-bottom: 15px; color: #555555;}
          .c-body p{ font-size: 16px; color: #8f8e8e;} 
          .xcx-nr-5 .owl-wrapper{ margin-top: 55px;}
          .xcx-nr-5 .item{ padding-bottom: 20px; }

          .section16 { background-color: #3e3e3e; color: #fff; }

.section16 .list .item { width: 100%; height: 80px; padding: 5px 10px; margin-bottom: 30px; background-color: rgba(255, 255, 255, 0.1); font-size: 18px; border-radius: 7px; }

.section16 .list .item.title { background: none; font-size: 22px; margin-bottom: 0; }

.section16 .list .item.title .left, .section16 .list .item.title .right, .section16 .list .item.title .center { font-size: 22px; color: #ffffff; line-height: 70px; font-weight: bold; }

.section16 .list .left { float: left; text-align: right; width: 420px; line-height: 70px; }

.section16 .list .center { text-align: center; float: left; width: 260px; margin-left: 20px; font-size: 14px; padding-top: 3px; }

.section16 .list .center img { width: 45px; height: 45px; display: block; margin: 0 auto 3px; }

.section16 .list .right { float: right; text-align: left; width: 420px; line-height: 70px; }
.section16 .list{width: 1150px; margin: auto;border: none; } 
/* 小程序页面 end */

/* 域名 */
.yuming-xq{ padding-top: 65px;}
em{ font-style:normal; }
.xi_doplist{ margin-top: 55px; text-align: center; }
.xi_doplist li{ padding-top: 42px; width: 20%; height: 280px; box-sizing: border-box; border: 1px solid #eee; border-left: none; float: left; transition: background-color .25s; -webkit-transition: background-color .25s; transition: transform .25s; -webkit-transition: transform .25s; }
.xi_doplist li:first-child{ border-left: 1px solid #eee; }
.xi_doptop{ font-weight: bold; font-size: 44px; text-transform: uppercase; font-family: '微软雅黑'; }
.xi_dopline{ width: 20px; height: 2px; margin: 25px auto 52px; background: #eee; }
.xi_dopmid{ line-height: 25px; font-size: 16px; color: #999; margin-bottom: 4px; }
.xi_dopbot{ color: #e6000a; font-size: 18px; }
.xi_dopbot em{ font-size: 24px; font-style:normal }
.xi_doplist li:hover{ box-shadow: 0 10px 20px rgba(0,0,0,.1); -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.1); border: none; position: relative; z-index: 1; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.xi_doplist li:hover *{ color: #fff!important; }
.xi_doadv li{ height: 320px; padding-top: 35px; }
.xi_doadv_h2{ padding: 0 22px; font-size: 20px; color: #555; margin-bottom: 27px; }
.xi_doadv_icon{ width: 100px; height: 100px; line-height: 100px; font-size: 0; border-radius: 50%; margin: 0 auto 32px; display: block; }
.xi_doadv_icon img{ max-width: 80%; max-height: 80%; }
.xi_doadv_p{ height: 72px; padding: 0 22px; font-size: 12px; color: #999; line-height: 24px; }
.xi_doadv li:hover .xi_doadv_icon{ background: #fff; }
.xi_doadv li:hover .xi_doadv_icon img{ animation: swing 1s 0s linear normal; -webkit-animation: swing 1s 0s linear normal; }
.xi_li1 .xi_doptop{ color: #ff9000; }
.xi_li1:hover,.xi_li1 .xi_doadv_icon{ background: #ff9000; }
.xi_li2 .xi_doptop{ color: #3b99f0; }
.xi_li2:hover,.xi_li2 .xi_doadv_icon{ background: #3b99f0; }
.xi_li3 .xi_doptop{ color: #57be5b; }
.xi_li3:hover,.xi_li3 .xi_doadv_icon{ background: #57be5b; }
.xi_li4 .xi_doptop{ color: #ff6868; }
.xi_li4:hover,.xi_li4 .xi_doadv_icon{ background: #ff6868; }
.xi_li5 .xi_doptop{ color: #25b49b; }
.xi_li5:hover,.xi_li5 .xi_doadv_icon{ background: #25b49b; }

.page-yuming-title{text-align: center; padding: 60px 0 0px; font-size: 34px; color: #2e2e2e;}
.page-yuming-title-cx{text-align: center; padding: 00px 0 50px; font-size: 34px; color: #2e2e2e;}

.page-yuming-title-b{text-align: center; padding: 20px 0 0px; font-size: 34px; color: #fff;}

.xi_donplist{ background: #f6f6f6 url(../images/xbg1.jpg) top center no-repeat; padding: 50px 0; margin-top: 65px; }
.xi_donplist .xi_doetit,.xi_donplist .xi_doctit,.xi_host_sup .xi_doetit,.xi_host_sup .xi_doctit,.xi_ema_fun .xi_doetit,.xi_ema_fun .xi_doctit,.xi_ema_pri .xi_doetit,.xi_ema_pri .xi_doctit{ color: #fff; }

.xi_donpbox{ box-shadow: 0 5px 10px rgba(0,0,0,.05); -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.05); margin-top: 55px; background: #fff; }
.xi_donp_top li{ cursor: pointer; width: 50%; text-align: center; height: 80px; line-height: 80px; float: left; background: #eee; color: #555; font-size: 18px; transition: all .25s; -webkit-transition: all .25s; }
.xi_donp_top li.on{ background: #fff; color: #e62022; }
.xi_donp_top li:hover{ color: #e62022; }
.xi_donp_bot{ padding: 50px 80px; }
.xi_donp_wrap table{ width: 100%; }
.xi_donp_wrap th{ border: 1px solid #eee; width: 33.3%; box-sizing: border-box; font-size: 16px; color: #333; background: #f6f6f6; height: 50px; padding: 0 30px; line-height: 50px; text-align: left; }
.xi_donp_wrap td{ border: 1px solid #eee; font-size: 14px; color: #555; padding: 12.5px 30px; height: 25px; line-height: 25px; }
.xi_donp_wrap tr span{ color: #555; }
.xi_donp_wrap .xi_price{ border-right: none; color: #e6000a; }
.xi_donp_wrap .xi_price.gray{ color: #555; }
.xi_donp_wrap .xi_price em{ font-size: 18px; }
.xi_donp_wrap .xi_new{ color: #e6000a; }
.xi_donp_wrap .xi_new i{ display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 26px; height: 13px; margin-left: 12px; background: url(../images/xicon2.png) center no-repeat; }
.xi_donp_wrap .xi_hot{ color: #239c28; }
.xi_donp_wrap .xi_hot i{ display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 26px; height: 13px; margin-left: 12px; background: url(../images/xicon3.png) center no-repeat; }
.xi_donp_wrap tr th:first-child,.xi_donp_wrap tr td:first-child{ border-left: none; }
.xi_donp_bot .xi_donp_wrap{ display: none; opacity: .6; }
.xi_donp_bot .xi_donp_wrap:first-child{ display: block; opacity: 1; }
table {
    border-collapse: collapse;
    border-spacing: 0;
}

.xi_doplist{ margin-top: 55px; text-align: center; }
.xi_doplist li{ padding-top: 42px; width: 20%; height: 280px; box-sizing: border-box; border: 1px solid #eee; border-left: none; float: left; transition: background-color .25s; -webkit-transition: background-color .25s; transition: transform .25s; -webkit-transition: transform .25s; }
.xi_doplist li:first-child{ border-left: 1px solid #eee; }
.xi_doptop{ font-weight: bold; font-size: 44px; text-transform: uppercase; font-family: '微软雅黑'; }
.xi_dopline{ width: 20px; height: 2px; margin: 25px auto 52px; background: #eee; }
.xi_dopmid{ line-height: 25px; font-size: 16px; color: #999; margin-bottom: 4px; }
.xi_dopbot{ color: #e62022; font-size: 18px; }
.xi_dopbot em{ font-size: 24px; }
.xi_doplist li:hover{ box-shadow: 0 10px 20px rgba(0,0,0,.1); -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.1); border: none; position: relative; z-index: 1; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.xi_doplist li:hover *{ color: #fff!important; }
.xi_doadv li{ height: 320px; padding-top: 35px; }
.xi_doadv_h2{ padding: 0 22px; font-size: 20px; color: #555; margin-bottom: 27px; }
.xi_doadv_icon{ width: 100px; height: 100px; line-height: 100px; font-size: 0; border-radius: 50%; margin: 0 auto 32px; display: block; }
.xi_doadv_icon img{ max-width: 80%; max-height: 80%; }
.xi_doadv_p{ height: 72px; padding: 0 22px; font-size: 14px; color: #888; line-height: 24px; }
.xi_doadv li:hover .xi_doadv_icon{ background: #fff; }
.xi_doadv li:hover .xi_doadv_icon img{ animation: swing 1s 0s linear normal; -webkit-animation: swing 1s 0s linear normal; }
.xi_li1 .xi_doptop{ color: #f38f0e; }
.xi_li1:hover,.xi_li1 .xi_doadv_icon{ background: #f38f0e; }
.xi_li2 .xi_doptop{ color: #388bd7; }
.xi_li2:hover,.xi_li2 .xi_doadv_icon{ background: #388bd7; }
.xi_li3 .xi_doptop{ color: #43b047; }
.xi_li3:hover,.xi_li3 .xi_doadv_icon{ background: #43b047; }
.xi_li4 .xi_doptop{ color: #ee5f5f; }
.xi_li4:hover,.xi_li4 .xi_doadv_icon{ background: #ee5f5f; }
.xi_li5 .xi_doptop{ color: #2eae97; }
.xi_li5:hover,.xi_li5 .xi_doadv_icon{ background: #2eae97; }

.index-ymcx-1{ position: relative;}
.index-ymcx-1-cxjg{ position: absolute; top: 65px; left: 0; width: 100%;  background: #fff; z-index: 99; border: 1px solid #ddd; border-top: none;}

.index-ymcx-1-cxjg-title{ font-size: 16px; color: #333; font-weight: bolder; margin-bottom: 15px;}
.index-ymcx-1-cxjg-list{   }
.index-ymcx-1-cxjg-list li{ float: left; width: 100%;   }

.index-ymcx-1-cxjg-p{ padding: 15px 15px;}

.index-ymcx-1-cxjg-list li{ line-height: 50px; border-bottom: 1px dashed #e1e1e1;}
.index-ymcx-1-left{ float: left; width: 50%; text-indent: 10px;}
.index-ymcx-1-right{ float: right;  width: 50%; text-align: center;}

.index-ymcx-1-left span{ font-size: 16px;}
.index-ymcx-1-left span.zc{ font-size: 14px; color:#e6000a; margin-left: 15px;}
.index-ymcx-1-left span.wzc{ font-size: 14px; color:#239c28; margin-left: 15px;}

.index-ymcx-1-cxjg-list li:hover{ background-color: #f7f7f7; }
.index-ymcx-1-cxjg-p-gb{ line-height: 35px; padding: 0 30px; display: block; margin: 18px auto 0; width: 160px; border:1px solid #e62022; color: #e62022; font-size: 14px; text-align: center; }

.scheme-gywm-jj{ width:100%; height:430px; background:url(../images/gywm-jj.jpg) center center no-repeat; background-size:cover;} 

.mb-xq-app-bg{ background-image: url(../images/mb-sj-bg.jpg); background-repeat: repeat;}
.mb-xq-app{ width:800px; margin:auto; margin-top:120px; }
.mb-xq-app-left{ width: 400px; float: left; height:712px;  background:url(../images/mb-sj-bg.png) center center no-repeat; position: relative;}

.mb-xq-app-left-iframe{ width: 83.5%;
    height: 71%;
    position: absolute;
    left: 9%;
    top: 9.2%;
    border: 2px #c6c6c6 solid;}

.mb-xq-app-right{ float:right; }

.mb-xq-app-right #qrcode {
width:300px;
  height:300px;
  margin-top:85px; padding:15px; background-color: #fff;
} 
.mb-xq-app-right #qrcode img{width:270px;
  height:270px;} 
.mb-xq-app-right-tishi{ color: #f15433; font-size: 26px; text-align:center; margin-top:15px;
}

.zuopin-lxkf{ text-align:center; padding:65px 0 20px;}
.zuopin-lxkf-a{ border:1px solid #e62022; background-color:#e62022;  color:#fff; padding:0 35px; font-size:18px; display:inline-block; line-height:45px; border-radius:5px; }
.zuopin-lxkf span{ font-size:18px; margin:0 15px} 

.chakan-tc{ position: fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8); -webkit-display: flex; display: flex; -webkit-justify-content: center;justify-content: center; flex-direction: column; text-align:center; display:none;  }
.chakan-tc-nr{ background-color:#fff; width:350px; margin:auto; padding:15px; border-radius:5px; box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.5); }
.chakan-tc-nr img{ width:100%; }
.chakan-tc-nr p{ font-size:16px; line-height:38px; margin-top:10px}


@media only screen and (min-width:1501px) and (max-width:1680px) {  
.head-nav li a{ padding: 0 5px; font-size: 16px;}

}

@media only screen and (max-width:1500px) {  
.gy2{ width:1200px; margin:auto; }
.head-nav li a{ padding: 0 11px; font-size: 15px;}
.head-tel{ display:none; }
.head-auto{width: 94%; min-width: 320px;}
.head-nav{ float:right;}
.head{ height:72px; }
.head-nav li.on a{ height:72px;  }
.head-nav li{ line-height: 72px; }

.swiper-container-banner .swiper-pagination.swiper-pagination-banner{ bottom: 15px;}
.index-title-1{ font-size: 36px;}
.index-title{ padding: 25px 0;}
.index-fwxm{ padding: 35px 0 50px;}


.swiper-container-banner .swiper-slide{ height: auto; background-size: cover; background-position: center top; }
.swiper-container-banner .swiper-slide img{ width:100%; display: block; }
.swiper-container-banner .swiper-slide a{ display: block; width: 100%; height: 100%;}

.container{ width: 94%; min-width: 350px;}
.index-fwxm-nr li{ width: 20%; margin: 0%;}

.index-ymcx-1{ width: 80%;}
.index-ymcx-2{ width: 70%;}
.moban-index-right-nr-mb-bo-left{ width: 60%; }
.moban-index-right-nr-mb-bo-left-1{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.index-youshi-list p span{ font-size: 38px;}
.index-youshi-list p{ font-size: 20px;}
.index-youshi{ height:200px; }
.index-youshi-list{ height: 200px;}

.index-fwxm-li-nr h4{ width: 60%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.index-fwxm-li-nr-ico .zhenyi.index-fwxm-li-nr-ico-pc{ font-size: 18px;}
.index-fwxm-li-nr-ico .zhenyi{ font-size: 20px; height: 35px; width: 25px;}

.index-fwxm-li-img-ico{ width: 65px; height: 65px; line-height: 65px; font-size: 20px;}
.index-news-nr-li-left-img img{ width:100%}
.index-news-nr-li-left-img{ height:auto;}
.index-liucheng-1{ font-size: 20px;}
.index-liucheng li .zhenyi{ width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 38px;}
.index-liucheng li:nth-child(3) .zhenyi{ font-size: 32px;}
#mapall{ height: 500px !important;}  
.index-ditu-nr ul{ width:100%; top:250px; }

.index-ditu-nr{ left:3%; }
.index-ditu-nr ul li p{ font-size: 14px;}

.service-wrap1 .imgs{ width:539px; height:432px;}
.service-wrap1 .imgs img{ width:184px;}
.service-wrap1 .txts{ width:599px; margin-top:32px;}
.service-wrap1 .txts h2{ font-size:60px; height:146px;}
.service-wrap1 .txts h2 span{  height:42px; line-height:42px; font-size:25px;}
.service-wrap1 .txts .p{ line-height:25px; font-size:17px;margin-top:37px; max-width:537px;}
.service-wrap1 .txts .a a{ font-size:15px;width:156px; background-position:115px center; height:38px; line-height:38px;}
.service-wrap1 .txts .a a:before{background-position:115px center; height:38px;}

.service-wrap2 .txts{ width:599px; margin-top:32px;}
.service-wrap2 .txts h2{ font-size:60px; height:146px;}
.service-wrap2 .txts h2 span{  height:42px; line-height:42px; font-size:25px;}
.service-wrap2 .txts .p{ line-height:25px; font-size:17px;margin-top:37px; max-width:537px;}
.service-wrap2 .txts .a a{ font-size:15px;width:156px; background-position:115px center; height:38px; line-height:38px;}
.service-wrap2 .txts .a a:before{background-position:115px center; height:38px;}

.service-wrap3 .imgs{ width:563px; height:323px;}
.service-wrap3 .imgs img{ width:428px; height:268px; margin-top:20px;}
.service-wrap3 .imgs i.bgs1{ width:125px; height:125px;top:-48px;}
.service-wrap3 .imgs i.bgs2{ width:129px; height:129px; left:-2.5px; top:52px;}
.service-wrap3 .imgs i.bgs3{ width:150px; height:150px; right:-13px; bottom:-39px; }
.service-wrap3 .txts{ width:549px;}
.service-wrap3 .txts h2{ font-size:60px; height:146px;}
.service-wrap3 .txts h2 span{  height:42px; line-height:42px; font-size:25px;}
.service-wrap3 .txts .p{ line-height:25px; font-size:17px;margin-top:37px; max-width:537px;}
.service-wrap3 .txts .a a{ font-size:15px;width:156px; background-position:115px center; height:38px; line-height:38px;}
.service-wrap3 .txts .a a:before{background-position:115px center; height:38px;}

.service-wrap4 .txts{ width:542px;margin-top:32px; margin-bottom:32px; }
.service-wrap4 .txts h2{ font-size:60px; height:146px;}
.service-wrap4 .txts h2 span{  height:42px; line-height:42px; font-size:25px;}
.service-wrap4 .txts .p{ line-height:25px; font-size:17px;margin-top:37px; max-width:537px;}
.service-wrap4 .txts .a a{ font-size:15px;width:156px; background-position:115px center; height:38px; line-height:38px;}
.service-wrap4 .txts .a a:before{background-position:115px center; height:38px;}
.service-wrap4 .img1{ top:4.4%; position:absolute; left:-18px; width:389px;opacity: 0;}
.service-wrap4 .img2{ top:25.5%; position:absolute; left:140px; width:532px;opacity: 0;}

.service-wrap5 .imgs{ width:540px; height:450px;}
.service-wrap5 .imgs img{ display:block;width:496px; height:280px;margin-top:22px;}
.service-wrap5 .txts{ width:549px;}
.service-wrap5 .txts h2{ font-size:60px; height:146px;}
.service-wrap5 .txts h2 span{  height:42px; line-height:42px; font-size:25px;}
.service-wrap5 .txts .p{ line-height:25px; font-size:17px;margin-top:37px; max-width:537px;}
.service-wrap5 .txts .a a{ font-size:15px;width:156px; background-position:115px center; height:38px; line-height:38px;}
.service-wrap5 .txts .a a:before{background-position:115px center; height:38px;}

.service-wrap6 .txts{ width:599px; margin-top:32px;}
.service-wrap6 .txts h2{ font-size:60px; height:146px;}
.service-wrap6 .txts h2 span{  height:42px; line-height:42px; font-size:25px;}
.service-wrap6 .txts .p{ line-height:25px; font-size:17px;margin-top:37px; max-width:537px;}
.service-wrap6 .txts .a a{ font-size:15px;width:156px; background-position:115px center; height:38px; line-height:38px;}
.service-wrap6 .txts .a a:before{background-position:115px center; height:38px;}

.service-wrap7 .imgs img{ display:block;width:713px; height:437px;margin-top:22px;}
.service-wrap7 .txts{ width:549px;margin-top:32px; margin-bottom:32px;}
.service-wrap7 .txts h2{ font-size:60px; height:146px;}
.service-wrap7 .txts h2 span{  height:42px; line-height:42px; font-size:25px;}
.service-wrap7 .txts .p{ line-height:25px; font-size:17px;margin-top:37px; max-width:537px;}
.service-wrap7 .txts .a a{ font-size:15px;width:156px; background-position:115px center; height:38px; line-height:38px;}
.service-wrap7 .txts .a a:before{background-position:115px center; height:38px;}

.moban-index-right-nr-mb li{ width: 33.333%;}
.moban-body{ padding-top:72px !important; }

.mb-xq-app-right #qrcode{ width: 230px; height: 230px; margin-top: 55px;}
.mb-xq-app-right #qrcode img{ width: 100%; height: auto;}
.mb-xq-app-right-tishi{ font-size: 20px;}

.mb-xq-app{ width: 700px; }
.mb-xq-app-left{ margin-bottom:55px; }

.index-fwxm-li{ width:33.333%}

.zuopin-nr{ margin:0 15px;}
.page-seo-quick ul li a>img{ display:none;}
.page-seo-quick ul li{ padding-left: 30px;}

.page-seo-quick ul li a{ text-align: center;}
.page-seo-service-list li{ padding: 10px;}
.page-seo-service-bg .container>a{ margin-top: 30px;}
.tuiguang-nanchu-nr{ width: 86%;}
.xi_doptop{ font-size: 32px;}

.news-nr{ margin:0 20px; width:auto;}
.xq-nav li{ font-size: 17px;}
.xq-nav li a{ padding: 4px 20px; }
.head-logo img{ height:45px;}

.scheme .text p{ line-height:30px; font-size: 17px;}
.scheme .left{ padding-right: 60px; }
.list li .icon{ height: 115px;}








}