<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*Ä¬ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½*/

body{
    margin:0;
    padding: 0;
    font-size: 16px;
    width: 100%;
    height: 100%;
     background-color: #fff;
    font-family: 'Î¢ï¿½ï¿½ï¿½Åºï¿½' !important;
    font-style: normal;
    zoom: 1;
    max-width: 1920px;
    margin: 0 auto !important;
}
img{ border:none;}
/*È¥ï¿½ï¿½boostrapï¿½ï¿½ukitï¿½ï¿½Ä¬ï¿½ï¿½ï¿½ï¿½Ê½*/
blockquote {
     border-left: 0 !important;
    padding-left: inherit;
    font-size: inherit !important;
    line-height: inherit;
}
ul{  margin: 0; padding: 0}

li{  list-style-type: none;  }

.content{  min-width: 1314px;  }
a{
    color: inherit;
    text-decoration: none;
    *display: inline; zoom: 1; cursor: pointer;
}
a:active,
a:hover {
    text-decoration: underline;
}
.left{ float:left}
.right{ float:right}
h2{
    margin: 0;
}
.margin_auto {
    margin: 0 auto;
}

.qp_banner {
  height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.qp_banner .qp_nav {
  position: absolute;
  top: 0;
  right: 0;
  margin-right: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.qp_banner .qp_nav a {
  padding: 20px;
}

.ind_dx{ border:1px #e9e9e9 solid; display:block; float:left;}
.ind_xxb{ border-bottom:1px #e9e9e9 dashed !important; }
.ind_xxt{ border-top:1px #e9e9e9 solid;}
.ind_xxr{ border-right:1px #e9e9e9 dashed;}

.text-align-center{  text-align:center;  }
.text-align-left{  text-align:left;  }
.text-align-right{  text-align:right;  }
.mt20{ margin-top:20px;}
.mt35{ margin-top:35px !important;}
.ml50{ margin-left:50px;}
.ml62{ margin-left:62px;}
.ml64{ margin-left:64px;}
.ml190{ margin-left:190px;}
.ml196{ margin-left:196px;}
.ml208{ margin-left:208px;}

/* ï¿½ï¿½*/
.header{ background:#1e89e1; width:100%;z-index:99; border-bottom:1px solid #E6E6E6; position:fixed; top:0; margin:0 auto; max-width:1920px;}
.header_menu{ width:1200px; position:relative; height:80px; margin:0 auto; background:#1e89e1}
.nav_submenu {font-weight: 300; text-transform: none; display:none; position: absolute; background-color:#1e89e1; border:1px #fff solid; margin:-2px 0 0 -15px; z-index:99; border-radius:10px;}
.header_nav{ float:left;position:relative;z-index:1000; margin:0 0 0 50px;}
.header_nav ul li {list-style:none; float:left; font:16px/41px Î¢ï¿½ï¿½ï¿½Åºï¿½; display:block;}
.header_nav ul li a { margin:0 1px 0 0;color:#fff; display:block;  padding: 0 20px; line-height: inherit; cursor: pointer; line-height:80px; height:80px; overflow:hidden}
.header_nav ul li a:hover { text-decoration:none; color:#fff; background:#006ac7; }
.header_nav ul li.last { font-family:\5b8b\4f53; font-size:12px; padding-top:1px; color:#333; background:#006ac7;}
.header_nav ul li.last a { color:#fff;}
.header_nav ul .cur{ z-index:1; color:#fff;}
.header_nav ul .cur a{ color:#fff; background:#006ac7;}
.nav_menu-item { display: inline-block;  position: relative;}
.nav_submenu-item a, .nav_submenu-item a:hover{ line-height:40px !important; height:40px !important}
.nav_menu-item li{line-height:40px; height:40px; display:block; float:left;}
.nav_submenu-item:hover { background: #006ac7; line-height:40px;}

/* ï¿½ï¿½ï¿½ï¿½*/
.header_logo{ width:170px; height:40px; margin-top:20px; float:left;}
.header_nav ul{  text-transform: uppercase;}

.nav_menu-item {
  display: inline-block;
  position: relative;
}
.nav_menu-item:hover {
  background-color: #006BC7;
}
.nav_menu-item:hover .nav_submenu {
  display: block;
}
.nav_submenu {
  font-weight: 300;
  text-transform: none;
  display:none;
  position: absolute;
  background-color: #006BC7;
  border:1px #B7B7B7 solid;
  margin:-2px 0 0 -15px;
  z-index:99;
  border-radius:10px;
}
.nav_submenu-item{ width:200px; display:block; text-align:center;}
.nav_submenu-item:hover {
  background: rgba(0, 0, 0, 0.1);
}

/* ï¿½ï¿½ï¿½ï¿½ */
.search{height:32px;line-height:32px;margin-top:24px;float:right; font-family:"Î¢ï¿½ï¿½ï¿½Åºï¿½"}
.search a{text-decoration:none;cursor:pointer}
.search input{float:left}
.sa{width:86px;height:30px;line-height:30px;background: url(../images/su_bj.png) 80px 0 #f9f9f9 no-repeat;border:1px solid #2e91bd;border-right:1px solid #eff0ef;position:relative;float:left;color:#666;padding-left:8px;z-index:9; font-size:14px;}
.sa_hover{background:url(../images/su_bj.png) 80px -31px no-repeat}
.lanmu{border:#ddd 1px solid;position:absolute;width:94px;top:30px;left:-1px;z-index:9}
.lanmu a{height:30px;line-height:30px;display:block;padding-left:10px;border-bottom:1px solid #eee;background:#FFF;color:#666}
.lanmu a:hover{background:#f6f6f6;color:#390}
.sb{width:190px;height:28px;line-height:28px;border:1px solid #2e91bd;border-left:none;font-size:14px;color:#CCC;padding-left:4px!important;padding-left:0px}
.sc{background: #2e91bd; border:1px #2e91bd solid;width:80px;height:32px;cursor:pointer; color:#fff; font-size:14px;}


.in_banner_eping{position:absolute;  width:100%;}

.in_banbox{ width:1200px; height:970px; margin:0 auto; position: relative; }
.in_banboxs ul{ list-style-type:none; margin:0 auto 0 auto; padding:0; position:relative; display: block; width:1200px;  z-index:999;}
.in_banboxs ul li{ width:24.8%; height:141px;float:left;display:block; overflow:hidden;}
.wli1{ background:url(../images/li1.png) #00bed6 20px 38px no-repeat; width:380px; height:170px; display:block;}
.wli1 span{ width:60px; height:28px; float:left; margin:106px 0 0 26px; overflow:hidden;}
.wli1 .sukbox{ margin-top:104px; float:left; height:28px; width:132px; color:#979797; border:0; text-indent:1em; font-size:14px;}
.wli1 .jtbox{ height:30px; width:38px; cursor: pointer; margin-top:104px; background:none; border:0;}
.wli2{ width:280px; height:170px; background:#2c2c2c;}
/*.wli3{background:url(../images/li1.png) #ff3f1e -10px -210px no-repeat; width:270px;}*/
.wli3{background:url(../images/activity.jpg); width:270px;}
.wli4{background: #4ec699  12px -384px  no-repeat; width:250px; color:#fff;}
.wli4 h3{ font-size:18px; margin-top:54px !important;}
.wli4 p{ font-size:15px;}
.wli4 h3, .wli4 p{ float:left; height:24px; text-align:left; width:250px;  overflow:hidden; line-height:24px; margin:0; padding:0; margin-top:5px;}
.in_ewm{ width:320px; height:340px; float:right; cursor:pointer}
.in_ewm i{ background:url(../images/erma.png) 8px 17px no-repeat; width:320px; height:340px; display:block;}
.in_ewm i:hover{ background:url(../images/ermhover.png) 8px 17px no-repeat;}
/* ï¿½ï¿½ */
.in_banr{ width:600px; float:left; position: absolute; left:0; top:22%}
.in_banr h3{ font-size:35px; color:#fff; line-height:24px; margin:0; padding:0;font-family:ï¿½ï¿½Ô²;}
.in_srk{width:460px; height:60px; float:left; position:relative; margin-top:20px; left:0;}
.in_srkin{width:300px; height:40px; background:#FFF; border:1px #CCCCCC solid; padding:5px 10px; font-size:14px; color:#979797;float:left}
.in_srkin_an{ background:#4ec698; color:#fff; width:130px; height:52px; text-align: center; border:1px #1e89e1 solid; background:#1e89e1;  font-size:14px; font-family: 'Î¢ï¿½ï¿½ï¿½Åºï¿½';  display:block; float:left}
/* ï¿½ï¿½ */
.in_bottom{width:100%; height:170px; position:absolute; bottom:0; left:0; right:0;}
.in_tm05{ background:url(../images/bannerbg.png) repeat;/*background-color:#000; filter:alpha(opacity=50);  -moz-opacity:0.5; opacity:0.5;*/}


/* ï¿½ï¿½Ñ¡ */
.index_main{ margin:15px auto; width:100%; overflow:hidden; }

.tz_fls {
	font-size: 16px;
	background: #FFF;
	display: block;
	padding:0;
	margin:6px 48px;
}
.tz_fls ul {
	list-style-type: none;
	float: left;
	display: block;
	overflow: hidden;
	width: 1100px;
	height: 32px;
	margin: 5px 0;
}
.tz_fls ul li {
	float: left;
	line-height: 30px;
}

.tz_fl ul span {
	width: 100px;
	float: left;
	text-align: right;
	line-height: 30px;
	color: #868686`;
	margin-right: 10px
}


.tz_dxuan {
    width: 100px;
    float: left;
    text-align: right;
    line-height: 30px;
    color: #868686;
    margin-right: 10px;
}


.tz_fls .comment {
        width: 700px;
        margin: 10px auto 0px auto;
    }

.tz_fls .comment-text-area {
        width: 700px;
    }

.tz_fls .text-area {
        width: 680px;
        max-width: 680px;
        max-height: 150px;
        border: 5px #ebebeb solid;
        overflow: hidden;
        padding: 5px 5px 5px 5px;
        color: #868686;
    }

.tz_fls .text-area-input-length {
        font-size: 12px;
        line-height: 30px;
    }

.tz_fls .text-area-input-length span {
        margin: 0px 5px 0px 5px;
        color: red;
    }

.tz_fls .text-area-bottom {
        text-align: right;
        margin: 5px 0px 0px 0px;
        float: right;
        padding: 0px 0px 0px 0px;
    }

.tz_fls .text-area-bottom a {
        border: #ebebeb 2px solid;
        padding: 10px 8px 10px 8px;
        text-decoration: none;
        color: #000000;
        font-size: 14px;
    }

.tz_fls .text-area-star1 {
        overflow: hidden;
        text-align: center;
    }

.tz_fls .text-area-star1 label {
        float: left;
        line-height: 30px;
        height: 30px;
        font-size: 16px;
        margin: 0px 5px 5px 0px;
        padding: 0px 2px 0px 2px;
        cursor: pointer;
		color:#868686;
    }
.tz_fls .text-area-star2 {
        overflow: hidden;
        text-align: center;
    }

.tz_fls .text-area-star2 label {
        float: left;
        line-height: 30px;
        height: 30px;
        font-size: 16px;
        margin: 0px 5px 5px 0px;
        padding: 0px 2px 0px 2px;
        cursor: pointer;
			color:#868686;
    }
.tz_fls .text-area-star3 {
        overflow: hidden;
        text-align: center;
    }

.tz_fls .text-area-star3 label {
        float: left;
        line-height: 30px;
        height: 30px;
        font-size: 16px;
        margin: 0px 5px 5px 0px;
        padding: 0px 2px 0px 2px;
        cursor: pointer;
			color:#868686;
    }
    .tz_fls .text-area-star4 {
        overflow: hidden;
        text-align: center;
    }

.tz_fls .text-area-star4 label {
        float: left;
        line-height: 30px;
        height: 30px;
        font-size: 16px;
        margin: 0px 5px 5px 0px;
        padding: 0px 2px 0px 2px;
        cursor: pointer;
			color:#868686;
    }
.tz_fls .tz_bglan {
        color:#fff !important;
		background:#4ec699;
    }

.tz_fls .text-area-star1 label input {
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        opacity: 0;
        position: absolute;

    }

.tz_fls .text-area-star1 label span {
        padding: 10px 10px 10px 10px;
        position: relative;

    }
.tz_fls .text-area-star2 label input {
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        opacity: 0;
        position: absolute;

    }

.tz_fls .text-area-star2 label span {
        padding: 10px 10px 10px 10px;
        position: relative;

    }

.tz_fls .text-area-star3 label input {
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        opacity: 0;
        position: absolute;

    }

.tz_fls .text-area-star3 label span {
        padding: 10px 10px 10px 10px;
        position: relative;

    }
.tz_fls .text-area-star4 label input {
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        opacity: 0;
        position: absolute;

    }

.tz_fls .text-area-star4 label span {
        padding: 10px 10px 10px 10px;
        position: relative;

    }

.tpmain {
	overflow: hidden;
	border-radius: 4px;
	position: relative;
	margin:0 20px 20px 20px;
}

.hm_sxtop{ background:#f8f8f8; border-bottom:1px #e9e9e9 solid; width:100%; height:40px; display:block; float: left;}
.hm_sxtop i{ width:25px; height:25px; float:left; margin:7px 15px 0 15px; font-size:14px;}
.hm_sxtop span{ color:#333; line-height:40px; font-size:16px;}
.icon{ background:url(/fgasset/images/icon.png) 0 0 no-repeat;}
.hm_yihm{ width:45%; padding:0 2% 0 2%; list-style-type:none; margin:2% 0 0 0; float:left; font-size:16px; color:#868686;}
.hm_yihm li{ height:40px; width:100%; float:left; line-height:40px;}
.hm_yihm li a{ background:#4ec699; border:1px #e9e9e9 solid; width:50px; color:#fff; display:block; float:left; height:24px; text-align:center; line-height:24px; margin:8px 15px 8px 30px;}
.hm_yihm li span{ float:left; height:40px; width:240px; text-align:center; margin-right:60px;}
.hm_genduo{ color:#4ec699; text-align:center; width:85px; height:40px; line-height:40px; border:0; float:right; margin:10px 550px; float:left;cursor: pointer; font-size:16px;}
.hm_genduo i{ background: url(../images/gh_icon.jpg) no-repeat; width:16px; height:16px; margin:12px 10px; float:left;
-webkit-transition: -webkit-transform 4s ease-out;
	-moz-transition: -moz-transform 4s ease-out;
	-o-transition: -o-transform 4s ease-out;
	-ms-transition: -ms-transform 4s ease-out;}

.hm_genduo i:hover{-webkit-transform: rotateZ(720deg);
	-moz-transform: rotateZ(720deg);
	-o-transform: rotateZ(720deg);
	-ms-transform: rotateZ(720deg);
	transform: rotateZ(720deg);}


.hm_sbjr{ background:url(../images/in_bgic.jpg) center no-repeat; width:1022px; height:282px; margin:0 auto; padding:20px 0;}

.index_bt{ margin-top:30px; font-family:"Î¢ï¿½ï¿½ï¿½Åºï¿½", Arial; padding-top:30px;}
.index_bt h1{ color:#808b8f;margin:0; padding:0;}
.index_bt h3{ color:#abb7bb; margin:0; padding:0;}


/* ÎªÊ²Ã´ï¿½ï¿½Ñ¡ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ */
.xznav{ width:100%; height:260px; margin:0 auto;}
.xznav ul{ width:1200px; list-style-type:none; margin:0 auto; padding-top:20px;}
.xznav ul li{ width:300px; float:left; height:260px;transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;}
.xznav ul li:hover{transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -o-transform:scale(1.2);
    -ms-transform:scale(1.2);
}
.xznav ul li i{ width:94px; height:94px; float:left; background-image:url(../images/index_icon.png); margin:20px 105px;
	-webkit-transition: -webkit-transform 2s ease-out;
	-moz-transition: -moz-transform 2s ease-out;
	-o-transition: -o-transform 2s ease-out;
	-ms-transition: -ms-transform 2s ease-out;}
.xznav ul li i:hover{-webkit-transform: rotateZ(360deg);
	-moz-transform: rotateZ(360deg);
	-o-transform: rotateZ(360deg);
	-ms-transform: rotateZ(360deg);
	transform: rotateZ(360deg);}
.xznav ul li p{ width:300px; color:#808b8f; font-size:18px; line-height:30px; margin:0; padding:0; text-align:center; float:left;}
.xznav ul li span{ width:300px; color:#abb7bb; font-size:14px; line-height:24px; margin:0; padding:0; text-align:center; float:left;}
.iicon1{ background-position:0 0;}
.iicon2{ background-position:0 -102px;}
.iicon3{ background-position:0 -205px;}
.iicon4{ background-position:0 -311px;}
.iicon5{ background-position:0 -417px;}
.iicon6{ background-position:0 -524px;}
.iicon7{ background-position:0 -630px;}
.iicon8{ background-position:0 -735px;}
.xznavbg{ background:url(../images/navbg.jpg) #e1f5fc center bottom no-repeat; display:block;}


/* ï¿½ï¿½ï¿½ÇµÄ¿Í»ï¿½ */
.kh_nav{ width:1200px; margin:0 auto; list-style-type:none; padding-top:20px;}
.kh_nav b{ border-left:1px #F4F4F4 solid; height:450px; width:1px; float:left; margin:80px 0 0 90px;}
.kh_nav li{ width:350px; margin:10px 25px; float:left; height:150px;transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
}
.kh_nav li:hover{transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -o-transform:scale(1.2);
    -ms-transform:scale(1.2);
}
.kh_nav li i{ background:url(../images/logoic.png); width:130px; height:45px; float:left}
.kh_nav li h2{ font-size:16px; color:#aaaaaa; float:right; width:200px; margin-top:14px; font-weight:400; text-align:left;}
.kh_nav li p{ width:350px; margin-top:20px; line-height:20px;  font-size:14px; color:#aaaaaa; display:block; overflow:hidden; text-indent:2em; font-weight:normal;}
.kh_nav li .kicon1{ background-position:0 0; background-repeat:no-repeat;}
.kh_nav li .kicon2{ background-position:0 -58px; background-repeat:no-repeat;}
.kh_nav li .kicon3{ background-position:0 -114px; background-repeat:no-repeat;}
.kh_nav li .kicon4{ background-position:0 -168px; background-repeat:no-repeat;}
.kh_nav li .kicon5{ background-position:0 -236px; background-repeat:no-repeat;}
.kh_nav li .kicon6{ background-position:0 -295px; background-repeat:no-repeat;}


/* ï¿½ï¿½ï¿½ï¿½ */
.kh_new{ width:1150px; margin:0 auto; list-style-type:none; padding-top:20px;}
.index_new{ width:450px; margin:10px 25px;}
.index_new h2{ color:#2e91bd; font-size:20px; margin:20px 0;}
.index_new h2 span{ color:#50575e; font-size:16px;}
.nav_new{margin:0 auto; list-style-type:none; padding-top:20px; float:left;}
.nav_new li{ width:440px; float:left; height:40px; line-height:40px; margin:10px 0;}
.nav_new li a{ margin:0; padding:0;}
.nav_new li p{ float:left; width:320px; line-height:40px; height:40px; overflow:hidden; margin:0; padding:0; font-size:14px; text-align:left;text-indent:inherit; color:#aaa;}
.nav_new li span{ float:right; width:120px;line-height:40px; height:40px; overflow:hidden; margin:0; padding:0; font-size:14px; color:#aaa; text-align:right;}
/*ï¿½ï¿½ï¿½ï¿½ï¿½Ð±ï¿½*/
.nav_newlist{margin:0 auto; list-style-type:none; padding-top:20px; float:left;}
.nav_newlist li{ width:790px; float:left; height:40px; line-height:40px; margin:10px 0;}
.nav_newlist li a{ margin:0; padding:0;}
.nav_newlist li p{ float:left; width:320px; line-height:40px; height:40px; overflow:hidden; margin:0; padding:0; font-size:14px; text-align:left;text-indent:inherit; color:#aaa;}
.nav_newlist li span{ float:right; width:120px;line-height:40px; height:40px; overflow:hidden; margin:0; padding:0; font-size:14px; color:#aaa; text-align:right;}



/* ï¿½Ö»ï¿½ */
.bnspic{ width:888px; margin:0 auto;}
.bnspic a{display:block;}
.big_pic ul li{width:266px;height:474px;}
.big_pic{ background:url(../images/yybg.png) no-repeat; width:315px; height:634px; display:block; overflow:hidden;position:relative; margin:25px 286px; position:relative;}
.big_pic, .small_pic{float:left;}
.big_pic img{ margin:74px 0 0 24px;}
.big_pic a, .big_pic img{width:266px;height:474px;}
.big_pic li{position:absolute;top:0;left:0;opacity:0;-webkit-transform:scale(0.9);transform:scale(0.4);z-index:-1;transition:all linear 0.2s;}
.big_pic .on{opacity:1;-webkit-transform:scale(1);transform:scale(1);z-index:1;}
.big_pic a{position:relative;}
.big_pic a:hover .txt{color:#FFFFFF;}
.small_pic{position:relative; width:888px; margin:0 auto; position:relative;}
.small_pic ul{ list-style-type:none; padding:0; margin:0; display:block; widows:1000px;}
.small_pic ul li{width:91px;height:103px; float:left; margin:0 10px; position: absolute;}
.small_pic a span{ line-height:20px; height:40px; overflow:hidden; width:80px; float:left; margin:32px 5px 0 6px;}
.small_pic a{width:91px;height:103px; background:url(../images/six2.png) center no-repeat; color:#6fa2ef; text-align:center; line-height:103px}
.small_pic a:hover{background:url(../images/six1.png) center no-repeat; color:#fff; text-decoration:none}
.on{background:url(../images/six1.png) center no-repeat !important; color:#fff !important;}
.on a{color:#fff !important;}
/* ï¿½Å´ï¿½ï¿½ï¿½Ð¡ */
.animated { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.animated.hinge {-webkit-animation-duration: 3s; animation-duration: 3s;}
.animated2 {animation:mymove infinite; animation-duration:3s;
/* Safari and Chrome */
-webkit-animation:mymove infinite;
-webkit-animation-duration:3s;}
@-webkit-keyframes pulse {
  0% { -webkit-transform: scale(1); transform: scale(1);}
  50% { -webkit-transform: scale(1.1); transform: scale(1.1); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }

@keyframes pulse {
   0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
  50% {  -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
  100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } }
 .pulse { -webkit-animation-name: pulse; animation-name: pulse;}

/*ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ê½*/
.cd-popup{
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index:9999;
}
.cd-popup.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container {
    position: relative;
    width:800px;
    margin:10% auto;
    height:450px;
    background: #FFF;
    border-radius: .4rem .4rem .4rem .4rem;
    text-align: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-transform:scale(0.8);
  -moz-transform:scale(0.8);
  -ms-transform:scale(0.8);
  -o-transform:scale(0.8);
  transform:scale(0.8);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.cd-popup-close{ position: absolute;right:-22px;top:-22px; z-index: 10;width:auto;height:47px; display: block;font-size:14px; background:url(../images/icon_fh.png) 0 0 no-repeat; width:46px;}
.cd-popup-close:hover{ background:url(../images/icon_fh.png) 0 -48px no-repeat;}
.is-visible .cd-popup-container {
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  -o-transform:scale(1);
  transform:scale(1);
  }
.cd-popup-trigger{ position:relative}
.cd-popup-trigger img{width:100%;}
.cd-popup-trigger i{ position: absolute; background:url(../mp4/img/bigplay.fw.png) no-repeat; width:94px; height:94px; margin:46px 0 0 94px}
.cd-popup-trigger i:hover{ background:url(../mp4/img/bigplay.fw.png) 0 -100px no-repeat;}


/*Ò³ï¿½ï¿½*/
.footer{ width:100%; background:#151515; overflow:hidden;float:left;margin-top:20px;}
.footer p{color: #888888; margin:10px auto; width:1000px; font-size:14px; line-height:30px;}








/*ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½*/
.kfz_banner{
    width: 100%;
    height: 280px;
    background: url(../images/developer_img1.jpg) 50% 0 no-repeat;
    margin-top:80px;
}
.developer_div1 {
    width: 100%;
    height: 360px;
    padding-top: 48px;
    background: url(../images/developer_img2.jpg) left top repeat-x;
}




.developer_div1{width:100%; height:360px; padding-top:48px; background:url(../images/developer_img2.jpg) left top repeat-x;
}
.developer_div1 .blocklist{width:916px; overflow:hidden; margin:0 auto;
}
.blocklist .link{width:216px; height:311px; float:left; margin-right:17px; background:url(../images/developer_img3.png) 0 0 no-repeat;
}
.blocklist .link .content{line-height:24px; padding-top:210px; padding-left:22px; font-size:14px;  color:#FFF;
}
.blocklist .link:hover .content{color:#cccccc;
}
.blocklist .block2{background-position: 0 -311px;
}
.blocklist .block3{background-position: 0 -622px;
}
.blocklist .block4{margin-right:0; background-position: 0 -933px;
}
.blocklist .block1:hover{background-position: 0  -1244px; text-decoration:none;
}
.blocklist .block2:hover{background-position: 0  -1555px; text-decoration:none;
}
.blocklist .block3:hover{background-position: 0  -1866px; text-decoration:none;
}
.blocklist .block4:hover{background-position: 0  -2177px; text-decoration:none;
}
.developer_div2{width:100%;
}
.developer_div2 .div2_con{width:946px; margin:0 auto; font-family:'Microsoft YaHei';
}
.div2_con .jt{width:1px; height:1px; display:block; border-top:#0c7b93 solid 23px; border-bottom:solid 23px transparent; border-left:solid 30px transparent; border-right:solid 30px transparent; position:relative; margin:0 auto; top:-1px;
}
.developer_div2 .div2_con .title{line-height:64px; width:304px; margin:0 auto; padding-top:22px; margin-bottom:32px; font-size:40px; font-weight:normal; text-align:center; border-bottom:#e7eaec solid 2px;
}
.div2_con .doc_content{width:944px; margin-bottom:72px; border:#e7e8e8 solid 1px; border-top:0;
}
.div2_con .doc_content .stitle{width:100%; height:48px; background:#e7e8e8;
}
.doc_content .stitle .name{float:left; line-height:48px; padding-left:14px; font-size:20px; color:#081f30;font-weight:normal;
}
.doc_content .taglist{padding:24px 0 24px 16px; overflow:hidden;
}
.doc_content .taglist .link{float:left; margin-right:42px; height:24px; line-height:24px; background:#f1f1f1; font-size:16px; color:#142f42; padding:0 6px;
}
.doc_content .taglist .link:hover{background:#02ab71; color:#FFF;
}
.doc_content .sdklist{width:100%; overflow:hidden; padding-bottom:36px;
}
.doc_content .sdklist li{line-height:25px; width:100%; float:left; overflow:hidden; margin-top:35px;
}
.doc_content .sdklist .name{float:left; width:122px; padding-left:16px; font-size:18px; color:#0b2334; line-height:25px;
}
.doc_content .sdklist .mr{margin-right:0;
}
.doc_content .sdklist a{float:left; line-height:25px; font-size:14px; color:#142f42; font-family:'ï¿½ï¿½ï¿½ï¿½'; margin-right:22px;
}
.doc_content .sdklist .andicon{padding:0 17px 0 38px; background:url(../images/developer_img4.png) 14px 2px #f1f1f1 no-repeat;
}
.doc_content .sdklist .iosicon{padding:0 16px 0 33px; background:url(../images/developer_img4.png) 12px -27px #f1f1f1 no-repeat;
}
.doc_content .sdklist .winicon{padding:0 14px 0 38px; background:url(../images/developer_img4.png) 12px -57px #f1f1f1 no-repeat;
}
.doc_content .sdklist .webicon{padding:0 19px 0 34px; background:url(../images/developer_img4.png) 11px -86px #f1f1f1 no-repeat;
}
.doc_content .sdklist .ocxicon{padding:0 16px 0 35px; background:url(../images/developer_img4.png) 10px -116px #f1f1f1 no-repeat;
}
.doc_content .sdklist .andicon:hover{padding:0 17px 0 38px; background:url(../images/developer_img4.png) 14px -148px #02ab71 no-repeat; color:#FFF;
}
.doc_content .sdklist .iosicon:hover{padding:0 16px 0 33px; background:url(../images/developer_img4.png) 12px -176px #02ab71 no-repeat; color:#FFF;
}
.doc_content .sdklist .winicon:hover{padding:0 14px 0 38px; background:url(../images/developer_img4.png) 12px -207px #02ab71 no-repeat; color:#FFF;
}
.doc_content .sdklist .webicon:hover{padding:0 19px 0 34px; background:url(../images/developer_img4.png) 11px -236px #02ab71 no-repeat; color:#FFF;

}
.doc_content .sdklist .ocxicon:hover{padding:0 16px 0 35px; background:url(../images/developer_img4.png) 10px -266px #02ab71 no-repeat; color:#FFF;
}
.developer_div3{width:100%; height:154px; padding-top:230px; background:url(../images/developer_img5.jpg) 50% 0 no-repeat;}

.developer_div3 .div3_con{width:1060px; overflow:hidden; margin:0 auto;
}
.developer_div3 .div3_con .linkbox{width:232px; float:left; overflow:hidden; margin-right:174px;
}
.developer_div3 .div3_con .mr{margin-right:0;
}
.div3_con .linkbox .link{float:left; margin-left:16px; margin-bottom:24px; width:99px; height:24px; line-height:24px; text-align:center; font-size:16px; background:#0f161b; color:#FFF; letter-spacing:2px;
}
.div3_con .linkbox .link:hover{background:#086146;
}
.developer_div4{width:100%; height:326px;
}
.developer_div4 .jt{width:1px; height:1px; display:block; border-top:#101e2d solid 23px; border-bottom:solid 23px transparent; border-left:solid 30px transparent; border-right:solid 30px transparent; position:relative; margin:0 auto; top:-1px;
}
.developer_div4 .div4_con{width:1034px; padding-top:34px; overflow:hidden; margin:0 auto;
}
.developer_div4 .div4_con dl{float:left; overflow:hidden;
}
.developer_div4 .div4_con dt{height:101px;
}
.developer_div4 .div4_con .dl1{width:287px;
}
.developer_div4 .div4_con .dl2{width:245px;
}
.developer_div4 .div4_con .dl3{width:330px;
}
.developer_div4 .div4_con .dl4{width:170px;
}
.div4_con .dl1 .img{margin-left:85px;
}
.div4_con .dl2 .img{margin-left:68px;
}
.div4_con .dl3 .img{margin-left:99px;
}
.div4_con .dl4 .img{margin-left:47px;}
.div4_con .dl4 dt{text-align:center;
}
.developer_div4 .div4_con .link{float:left; width:142px; height:24px; line-height:24px; font-size:16px; color:#142f42; font-family:'Microsoft YaHei'; text-align:center; background:#f1f1f1;
}
.div4_con .dl2 .link{width:122px;
}
.div4_con .dl3 .con{width:212px; height:24px; line-height:24px; font-size:16px; color:#142f42; font-family:'Microsoft YaHei'; text-align:center; background:#f1f1f1; margin-bottom:4px;
}
.developer_div4 .div4_con .link:hover{background:#20a56e; color:#FFF;
}
.div4_con .dl4 .stitle{font-size:16px; color:#0c283d; font-family:'Microsoft YaHei'; font-weight:normal; text-align:center; padding:4px 0;
}
.div4_con .dl4 .con{line-height:24px; text-align:center; font-size:14px; color:#969696;  letter-spacing:0;
}

/*ï¿½ï¿½ï¿½ï¿½*/
.number_banner{
    width: 100%;
    height: 386px;
    background: url(../images/number_img1.jpg) 50% 0 no-repeat;
	margin-top:80px;
}


/*ï¿½ï¿½Æ·*/
.product_banner{
    width: 100%;
    height: 386px;
    background: url(../images/product_img1.jpg) 50% 0 no-repeat;
	margin-top:80px;
}



/*ï¿½Ì³ï¿½*/
.store_banner{
    width: 100%;
    height: 386px;
    background: url(../images/store_img1.jpg) 50% 0 no-repeat;
	margin-top:80px;
}
.store_div1 {
    width: 100%;
    height: 360px;
    padding-top: 48px;
    background: url(../images/store_img2.jpg) left top repeat-x;
}


.store_div1 .storemain{width:700px; overflow:hidden; margin:0 auto;
}
.storemain .link{width:216px; height:311px; float:left; margin-right:17px; background:url(../images/store_img3.png) 0 0 no-repeat;
}
.storemain .link .content{line-height:24px; padding-top:210px; padding-left:22px; font-size:14px;  color:#FFF;
}
.storemain .link:hover .content{color:#cccccc;
}
.storemain .block2{background-position: 0 -311px;
}
.storemain .block3{background-position: 0 -622px;
}
.storemain .block4{margin-right:0; background-position: 0 -933px;
}
.storemain .block1:hover{background-position: 0  -1244px; text-decoration:none;
}
.storemain .block2:hover{background-position: 0  -1555px; text-decoration:none;
}
.storemain .block3:hover{background-position: 0  -1866px; text-decoration:none;
}
.storemain .block4:hover{background-position: 0  -2177px; text-decoration:none;
}
.storecon ,.storecon span { color:#fff;}
.storecon span { width:120px; line-height:30px; border:1px #FFFFFF solid; border-radius:5px; display:block; text-align:center; margin:230px auto 0 auto;}


.store_div2{ margin:0 auto; width:100%; background:#f0fff7; display:block; overflow:hidden;}
.store_div2 h2{ color:#04bc5a; text-align:center; font-size:30px;}
.store_div2 .stjt{width:1px; height:1px; display:block; border-top:#089962 solid 23px; border-bottom:solid 23px transparent; border-left:solid 30px transparent; border-right:solid 30px transparent; position:relative; margin:0 auto; top:-1px;
}
.store_div2 ul{ list-style-type:none; width:1100px;padding:25px 0; margin:0 auto; overflow:hidden;}
.store_div2 ul li{ width:330px; height:400px; border:1px #F3F3F3 solid; border-top:3px #04bc5a solid; float:left; margin:25px 16px; background:#fff;transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out; color:#04bc5a;}

.store_div2 ul li:hover{transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -o-transform:scale(1.1);
    -ms-transform:scale(1.1);
	border:1px #009A4F solid;
	background:#02bf5b; color:#fff !important;

}
.store_div2 ul li:hover .stp2{ border-color:#fff; }
.store_div2 ul li:hover .stp2 samp{color:#FFFFFF}
.store_div2 ul li:hover .stp5 a{ border:1px solid #fff;  color:#FFFFFF; background:none;}
.store_div2 ul li p{ text-align:center;}
.store_div2 .stp1{font-size:20px; margin-top:26px; }
.store_div2 .stp2{ width:120px; height:120px; border:3px #04bc5a solid; text-align:center; border-radius:100px; margin:0 auto;}
.store_div2 .stp2 span,.store_div2 .stp2 samp{ width:100px; margin:0 10px; float:left;}
.store_div2 .stp2 span{ font-size:24px;}
.store_div2 .stp2 samp{ font-size:14px; color:#A4A4A4}
.store_div2 .stp2 span i{ font-style:inherit; font-size:14px;}
.store_div2 .stp3{ border-bottom:1px #F0F0F0 solid; margin:0 35px; padding:20px 0; font-size:16px;}
.store_div2 .stp4{ border-bottom:1px #F0F0F0 solid; margin:0 35px; padding:20px 0; font-size:16px;}
.store_div2 .stp5 a{ background:#02bf5b; text-align:center; line-height:40px; height:40px; margin:20px  auto; width:80px; border-radius:5px; color:#FFFFFF; display:block; width:150px;}


.store_div3{ margin:30px auto 20px auto; width:1100px;  display:block; overflow:hidden;}
.store_div3 .tabb1{ border-bottom:2px #02bf5b solid;}
.store_div3 table tr{ height:60px; line-height:60px; text-align:center; color: #777; display:block; width:100%;}
.store_div3 table tr td{ display:block; float:left; overflow:hidden; border-bottom:#E3E3E3 1px dotted;}
.store_div3 table span{ color:#02bf5b; font-size:20px;}
.store_div3 table input{ border:1px #DBDBDB solid; width:80px; height:24px; text-align:center;}
.store_div3 table button{ background:#04bc5a; text-align:center; color:#fff; border:none;  padding:5px 10px; border-radius:5px;}
.store_zjg{ width:90%; text-align:right; margin:20px 5%; height:60px; font-size:20px; line-height:60px; color:#777}
.store_zjg span{color:#02bf5b; font-size:30px;}
.store_zja{ width:100%; text-align:right;  height:60px; font-size:20px; line-height:60px; color:#777;}
.store_zja1{ background:#007ffc; line-height:50px; width:250px; height:50px; text-align:center; color:#fff; float:left; margin-right:50px;}
.store_zja2{ background:#d9534f; line-height:50px; width:250px; height:50px; text-align:center; color:#fff; float:left}
.store_zja3{ background:#5cb85c; line-height:50px; width:250px; height:50px; text-align:center; color:#fff; float:right;}



.contactleft{ width:220px; float:left; margin-right:20px;}
.contactleft ul{ list-style-type:none; margin:30px 0; border-right:1px #D3D3D3 solid;}

/*ï¿½ï¿½*/
.contactbox{ margin:80px auto 0 auto; width:1100px; background:#f6f6f6; overflow:hidden; border-left:1px #E6E6E6 solid;}
.contactleft ul li{ float:left; width:180px; padding:0 20px; margin:5px 0; text-align:left; color: #9B9B9B; line-height:70px;}
.contactright{ width:850px; float:right; border-left:1px #E6E6E6 solid; background:#fff; padding:30px 0; color:#333;}
.contactleft ul li:hover{ background:#1e89e1; color:#fff; border-radius:0 10px 10px 0; border:1px #257fa7 solid; box-shadow: inset 0px 0px 10px #237aa1;}
.myho{ background:#1e89e1; color:#fff !important; border-radius:0 10px 10px 0; border:1px #257fa7 solid; box-shadow: inset 0px 0px 10px #237aa1;}
/*ï¿½ï¿½ï¿½ï¿½*/

.contactleft ul li a{ text-decoration:none;}



.contact_t{ margin:0 30px; width:790px; line-height:60px; font-size:24px;  border-bottom:1px #E6E6E6 solid;}
.contact_txt{ line-height:24px;  margin:0 30px; width:790px; overflow:hidden}
.text2em{ text-indent:2em;}
.fs16{  font-size:16px !important;}
.fs18{  font-size:18px !important;}
.contact_txt p{ font-size:14px;}
.contact_txt p span{ font-weight:bold;}
.contact_txt p img{ max-width:790px;}

/*ï¿½ï¿½Â¼Ò³ï¿½ï¿½*/
.usertop{ margin-top:157px;overflow:hidden;zoom:1;}
.user{ width:1045px; overflow:hidden;zoom:1; margin:0 auto; }
.user_left{ width:664px; float:left; }
.user_right{ width:287px; margin-left:40px; float:left; background:url(../image/user/gang.png) no-repeat left top; height:354px; padding-left:40px}
.user_one{ font-size:16px; font-family:"Î¢ï¿½ï¿½ï¿½Åºï¿½"; padding-left:10px; background:url(../image/user/jiao.png) no-repeat left center; }
.user_form{border-top:1px solid #E4E4E4; margin-top:20px; padding-top:40px;}
.user_form form{ overflow:hidden; width:368px; }
.user_form form label{ width:110px; text-align:right;font-family:"Î¢ï¿½ï¿½ï¿½Åºï¿½"; font-size:17px; margin-right:10px}
.user_form .but{ background:#04B2E5; width:214px; height:38px; font-family:"Î¢ï¿½ï¿½ï¿½Åºï¿½"; font-size:17px; text-align:center; color:#fff; letter-spacing:1em; border:0; cursor:pointer; margin-top:20px; margin-left:120px;}
.user_form .but:hover{background:#06AADA;}
.user_form input{ width:214px; height:30px; line-height:20px; font-family:"Î¢ï¿½ï¿½ï¿½Åºï¿½"; font-size:14px; padding-left:5px; margin-bottom:20px;}
.fl{ float:left;}
.clearboth{ clear:both;}
.user_form .untitled{ margin-left:120px;float:left; }

.user_right .but{ display:block; line-height:38px; background:#fff; width:222px; height:38px; font-family:"Î¢ï¿½ï¿½ï¿½Åºï¿½"; font-size:17px; text-align:center; color:#04B2E5; letter-spacing:0.125em; border:0; border:1px solid #04B2E5; margin-top:35px; margin-left:20px;transition: all 0.2s;-moz-transition: all 0.2s;-webkit-transition: all 0.2s;-o-transition: all 0.2s;}
.user_right .but:hover{border:1px solid #fff;background:#04B2E5;color:#fff;}
/*×¢ï¿½ï¿½Ò³ï¿½ï¿½*/
.user_reg{ overflow:hidden;zoom:1;}
.user_reg form label{ font-family:"ï¿½ï¿½ï¿½ï¿½"; font-size:14px; color:#3C3C3C;}
.user_reg input{ margin-bottom:40px;}
.redstar{ color:#fe3600; padding-right:5px}
/*×¢ï¿½ï¿½ï¿½É¹ï¿½*/
.mt200{ margin-top:200px; height:650px;}
.user .user_ok{ text-align:center;}
.user h3{  font-weight:normal; font-size:18px;font-family:"Î¢ï¿½ï¿½ï¿½Åºï¿½"; color:#555555; text-align:center; margin-top:32px; margin-bottom:66px;}
.jinru{ width:452px; margin:0 auto;}
.kongzhi{ background:#56B4F0; margin-right:48px;}
.kongzhi:hover{background:#50ACE6; }
.huidao{ background:#18BD9C;}
.huidao:hover{ background:#15B293;}
.jinstyle{ padding:10px 48px;font-size:18px;font-family:"Î¢ï¿½ï¿½ï¿½Åºï¿½"; color:#fff; text-align:center; display:block; float:left;}


/*ï¿½ï¿½ï¿½ï¿½×¢ï¿½ï¿½ */
.signin{height:32px;line-height:32px;float:right; font-family:"Î¢ï¿½ï¿½ï¿½Åºï¿½"}
.signin p{ color:#fff; line-height:80px; font-size:16px; padding:0; margin:0}
.signin p span{ margin-right:5px; float:left}
.signin p i img{ width:30px; height:30px;margin:25px 10px; float:left}
.signin .zc{border:0; width:60px; height:80px;cursor:pointer; color:#fff; font-size:16px; display:block; float:left; line-height:80px; text-align:center}
.signin .zc:hover{background:#006ac7; color:#fff;border-left:1px #006ac7 solid;text-decoration:none;}
.signin .dr{border:0; width:60px; height:80px; cursor:pointer; color:#fff; font-size:16px; display:block; float:left;line-height:80px; text-align:center}
.signin .dr:hover{background:#006ac7; color:#fff;border-right:1px #2e91bd solid;text-decoration:none;}


/*ï¿½ï¿½Æµ*/
.in-banner-video{ background:#000;  position: absolute; width:100%; overflow:hidden; height:auto;}
@media screen and (min-width:1880px) {
.in-banner-video{  height:852px;}
}
@media screen and (max-width: 1919px) {
.in-banner-video{  height:891px; }
}



.cndns-banner-video {
    position: absolute;
    left: 0;
    bottom: 0px;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;}

.cndns-banner{ height:710px; overflow:hidden; position:relative; background-color:#000}
.cndns-banner-bg{ width:100%; height:710px; background:url(../images/02index-banner-9.jpg) no-repeat center top; position:absolute; left:0; top:0; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
.cndns-banner-video{ position:absolute; left:0; bottom:0px; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
.cndns-banner .cndns-top-banner{ display:none;}
.cndns-banner .cndns-header{ position:absolute; left:0; top:0; width:100%; background-color:transparent; border-bottom:none;}
.cndns-banner .cndns-header-nav{ display:none}
.cndns-banner .cndns-header-info-btn{ color:#fff}
.cndns-banner .cndns-header-info-btn.last{ border:2px solid rgba(102,102,102,.5); color:#fff}
.cndns-banner .cndns-header-info-btn.last:hover{background-color:#ff6800; border-color:#ff6800; color:#fff}
.cndns-banner-tex{ text-align:center; position:relative; margin:100px 0 50px 0}
.cndns-banner-tex h2{ font-size:54px; line-height:54px; color:#fff; }
.cndns-banner-tex h3{ font-size:16px; line-height:24px; color:#e8e8e8; padding:40px 0 30px 0; font-weight:normal}
.cndns-banner-tex p{ font-size:24px; line-height:24px; color:#fff; padding-bottom:38px;}
.cndns-banner-tex a{ width:138px; height:40px; border:1px solid #fff; text-align:center; line-height:40px; font-size:16px; margin:0 5px; display:inline-block; color:#fff}
.cndns-banner-tex a.login-btn,.cndns-banner-tex a:hover{ background-color:#ff6800; border-color:#ff6800; color:#fff}
.cndns-banner-tex a.login-btn:hover{ background-color:#ed6101}
.cndns-banner-con{ position:relative; text-align:center;}
.cndns-banner-con h4.cndns-tit{ color:#e8e8e8}
.cndns-banner-con ul{ display:inline-block;}
.cndns-banner-con li{ float:left; width:238px; border-right:1px solid rgba(242,242,242,.1); padding:15px 0;  transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s;}
.cndns-banner-con li a{ display:block}
.cndns-banner-con li .li-img{ width:238px; height:62px; vertical-align: middle; text-align: center; display: table-cell;}
.cndns-banner-con li .li-img img{ display:inline-block;}
.cndns-banner-con li .li-tex{ text-align:center; padding-top:20px}
.cndns-banner-con li .li-tex h5{ color:#fff; font-size:14px; font-weight:normal; padding-bottom:5px;}
.cndns-banner-con li .li-tex p{ color:#ccc; font-size:12px; line-height:12px;}
.cndns-banner-sea{ width:580px; margin:0 auto;}
.cndns-banner-sea .sea-input{border:1px solid rgba(255,255,255,.5); border-right:0; float:left;}
.cndns-banner-sea .sea-input input{ height:40px; line-height:40px; width:328px; padding:0 10px; float:left; color:#fff; font:16px; font-family:"Microsoft Yahei"; border:none; background-color:transparent}
.cndns-banner-sea .selectstyle_188{ float:left; width:109px; position:relative; height:26px; padding:7px 0;}
.cndns-banner-sea .selectmemberw_show{ text-align:center; color:#fff; font-size:16px; font-weight:bold; height:26px; line-height:26px; border-left:1px solid rgba(255,255,255,.5)}
.cndns-banner-sea .selectmemberw_show .icon-arrow-down{ border-top-color:#fff;}
.cndns-banner-sea .selectmemberw_hide{ position:absolute; left:0; top:40px; background-color:rgba(255,255,255,.5); width:109px; display:none; overflow-y: scroll;height: 170px; z-index:10}
.cndns-banner-sea .selectmemberw_hide li{ color:#fff; cursor:pointer; line-height:26px;}
.cndns-banner-sea .selectmemberw_hide li:hover{ background-color:#c5c5c5}
.cndns-banner-sea .selectstyle_188:hover .selectmemberw_show .icon-arrow-down{transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); vertical-align:2px}
.cndns-banner-sea .sea-btn{ float:left}
.cndns-banner-sea .sea-btn a{ display:block; height:42px; border:0; background-color:#ff6800; color:#fff; font-size:16px; width:122px; text-align:center; line-height:42px; margin:0}
.cndns-banner-sea .sea-btn a:hover{ background-color:#eb6000}



 .fadeInDown {
      -webkit-animation-name: fadeInDown;
       animation-name: fadeInDown;
    }
    .footer_xo_1 {
        width: 80%;
        max-width: 1200px;
        margin: 0 auto;
    }
    .footer_xo_1 ul {
        float: left;
        width: 80%;
        margin-top:30px;
    }
    ul, li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .footer_xo_1 ul li {
        width: 18%;
        float: left;
        margin-left: 7%;
   }
    .footer_xo_1 ul li h3 {
        font-weight: 100;
        color: #333;
        font-size: 1.2em;
        line-height: 25px;
    }

    p {
        margin: 0px;
        padding: 0px;
    }

    .footer_xo_1 ul li a {
        display: block;
        font-size: 14px;
        line-height: 30px;
        color: #999;
        text-decoration: none;
    }

    .contact {
        text-align: right;
        float: right;
        width: 20%;
        margin-top:40px;
    }

    .contact b {
        font-size: 1.2em;
        color: #666;
        font-weight: 100;
    }

    .contact h3 {
        color: #1e89e1;
        padding-bottom: 1%;
        padding-top: 1%;
        font-size: 1.2em;
    }

    .contact img {
        width: 40%;
    }

    img {
        border: 0;
    }

    .footer_xo_1 ul li a:hover{transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -o-transform:scale(1.1);
    -ms-transform:scale(1.1);
}

    .footers {
       width:100%;
    }
</pre></body></html>