@charset "utf-8";
/*reset*/

/* CSS reset for c_b */
*{ margin:0;padding:0;font-size:14px;font-family:microsoft yahei;color:#333;}
body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
table th , table td {padding:5px;}
fieldset , img {border:0;}
address , caption , cite , code , dfn , em ,i , th , var {font-style:normal;font-weight:normal;}
ol , ul {list-style:none;}
ception , th{text-align:left;}
q:before , q:after{content:'';}
abbr , acronym{border:0;}
a {color:#333;text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:none;} /*for ff f6n.net*/
a:hover {text-decoration:none;}
/*定位*/
.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}
.bc {margin-left:auto;margin-right:auto;}
.fl {float:left;display:inline;}
.fr {float:right;display:inline;}
.zoom {zoom:1}
.hidden {visibility:hidden;}
.vam{vertical-align:middle;}
.clear{clear:both;height:0;line-height:0;font-size:0;}
p{ word-spacing:-1.5px;}
li{list-style:none;}
.page{width:1200px;margin:0 auto;}

-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box;

/*其他*/
.cur{cursor:pointer}

/*wel*/
.wel{width:100%;height:34px;border-top:1px solid #d8e5f2;border-bottom:1px solid #f4f4f4;}
.welbox {line-height:34px; color:#999;}
.web_nav{border-left:1px solid #f4f4f4; }
.web_nav ul li{border-right:1px solid #f4f4f4;float:left; text-align:center; padding: 0px 20px;}
.web_nav span{font-weight: bold; color: #ff0000;}
.head{width:1330px;margin:0 auto; color:#999;}
.headl{float:left; color:#999;}
.head a{color:#999;}

#top50,#top30,#top20,#top40,#top60{width:1200px; margin:0 auto; overflow:hidden;}
#top20{height:20px; overflow:hidden;}
#top30{height:30px; overflow:hidden;}
#top40{height:40px; overflow:hidden;}
#top50{height:50px; overflow:hidden;}
#top60{height:60px; overflow:hidden;}
.bomore{width:230px; margin:0 auto; height:50px; border-radius:50px; border:1px #ccc solid; font-size:18px; text-align:center; line-height:50px; color:#999; overflow:hidden; background:#fff;}
.bomore a{color:#999; font-size:18px;}
.bomore:hover{color:#fff; background:#005bac;}
.bomore:hover a{color:#fff;}

 /*top*/
.top{height:102px; width:1350px; margin:0 auto; height:99px;}
#top_left{ float:left;}
.logo{height:58px;width:195px; padding-right:42px;}
.logo img{margin-top:18px;}
.aslo{margin-left:42px;margin-top:25px; font-weight:bold}
.aslo p{font-size:20px;line-height:28px; letter-spacing:1.7px;}
.aslo span{font-size:15px;line-height:20px;color:#999;letter-spacing:1.1px; font-weight:normal}

/*nav*/
.navbor{ float:right; margin-top:2px;}
.nav {position:relative;}
.nav ul{text-align:center;font-size:0;}
.nav li{display:inline-block;line-height:97px;width:160px;position:relative;    z-index: 99;}
.nav li a{font-size:20px;color:#333;}
.nav .navline{position:absolute;height:3px;background:#0f88c7;bottom:0;z-index:0;}

.markermenu{position: absolute;top:97px;left: 0;z-index: 999;background: #fff;display:none;}
.nav li ul{left:133px !important; }
.markermenu ul li,.markermenu ul li a{width:160px !important; font-family:microsoft yahei !important; line-height:50px;}
.markermenu ul li a,.ddsubmenustyle li a{padding-left:0 !important; font-family:microsoft yahei !important; font-size:13px !important; display:block}
.markermenu ul li a:hover{background:#0f88c7 !important;color:#fff !important; line-height:50px;}
.ddsubmenustyle li,.ddsubmenustyle li a{width:180px !important;}
.ddsubmenustyle li a:hover{background:#0f88c7 !important;}


/*banner*/
#banner{height:556px;}
#bannerW{height:350px;}
#bannerW #banner{height:350px;}

/*small_ban*/
.small_ban{width:100%; overflow:hidden; padding:22px 0; background:#00528f;}
.small_banW{width:1200px; margin:0 auto; min-width:1200px;}
.small_ban_l{float:left; width:607px;}
.small_ban_lm{line-height:50px; font-size:36px; font-weight:bold; color:#fff; padding-top:10px;}
.small_ban_ls{font-size:24px; letter-spacing:1px; color:#fff; line-height:28px; height:50px;}
.small_ban_len{font-family:Arial, Helvetica, sans-serif; font-size:12px; text-transform:uppercase; color:#1d76b7; letter-spacing:1px;}
.small_ban_r{float:right;}
.small_ban_rli{float:left; overflow:hidden; width:126px; margin:0px 20px;}
.small_ban_rli_img{width:104px; height:104px; padding:10px; border:solid 1px #1d76b7; border-radius:50%;}
.small_ban_rli_img img{width:100px; height:100px; border-radius:50%; border:solid 2px #fff;}
.small_ban_rli_m{overflow:hidden; line-height:30px; font-size:16px; color:#fff; text-align:center;}
.small_ban_rli_m a{font-size:16px; color:#fff;}
.small_ban_rli:hover .small_ban_rli_img img{
	transition-delay: 1s;
    -webkit-transition-delay: 1s;animation: myrotate 5s forwards infinite linear;
    -webkit-animation: myrotate 5s forwards infinite linear;
	transition: all 0.8s linear;
}

/*service*/
#service_box{width: 100%; margin:0 auto; padding:30px 0px; background: #2c2c2c;}
#service{ width:1238px; margin:0 auto; overflow:hidden;}

#service li{width:260px; float:left; margin-left:38px; border-right:1px #333 solid; height:156px; padding-top:26px;}
#service li .iconfont{ font-size:80px; color:#b6b5b5; width:260px; text-align:center; float:left;}
#service li:hover .iconfont{color:#fff;}
#service li:hover{-webkit-animation: test 0.3s ease-in 2; background:#0f88c7; color:#fff;}
@-webkit-keyframes test{
0%{transform:translate(0,0)}
50%{transform:translate(0,5px)}
100%{transform:translate(0,0)}
}
#service li p{width:260px; float:left; line-height:40px; font-size:18px; text-align:center; padding-top:6px; color: #fff;}
#service li:hover p{ color:#fff;}

/*zx*/
#zx_box{width: 100%; margin:0 auto; padding:70px 0px; background:url(../images/20181109145739_444319757.jpg) center top no-repeat;
height: 700px;}

.btc{width: 360px; margin:0 auto; height: 38px; overflow: hidden;}
.btcl{width: 38px; float: left; height: 1px; overflow: hidden; margin-top: 17px; background: #ccc;}
.btcc{width: 284px; float: left;  font-size: 36px; line-height: 36px; text-align: center; font-weight: bold;}
.btcc span{color: #0f88c7; font-size: 36px;}
.btcx{width: 360px; margin:0 auto; height: 39px; overflow: hidden; line-height: 39px; text-align: center; border: 1px #ccc solid; font-size: 20px; letter-spacing: 2px;
margin-top:16px;}

/*solution*/
#solution{width:1214px; margin:0 auto; overflow: hidden;}
#solution li{width: 234px;float:left;margin-left:14px;background: rgba(255,255,255,0.8);padding:20px 27px 10px 28px;position:relative;z-index:2;margin-top: 35px;box-shadow: 0px 0px 7px #ccc;}
#solution li p{/* width:24px; */float:left;padding:0px 0px 10px 0px;text-align:center;line-height:28px;}
#solution li a{font-size:20px;}
#solution li:hover a{font-size:20px;  color:#fff;}
#solution li span{font-size:20px; line-height:28px;}
#solution .line{width:24px;margin: 14px auto;height:2px;background:#0f88c7;overflow:hidden;transition: all 0.3s linear;float: right;}
#solution li:hover .line{width:24px; transition: all 0.3s linear; background: #fff}

#solution li>div{position:relative; z-index:22}
#solution li:hover .iconfont{ color:#fff;}
#solution li:hover p{ color:#fff;}
#solution li:hover span{ color:#fff;}

#solution li::before{content:"";display:block;position:absolute;z-index:1;top:0;left:0;width:0;height:100%;background:#0f88c7;transition: all 0.3s linear;}
#solution li:hover div{transition: all 0.3s linear; color:#fff;}
#solution li:hover::before{transition: all 0.3s linear; width:100%;z-index:1; }

/*faq*/
#faq{width: 1200px; margin: 0 auto; overflow: hidden; padding: 80px 0px}
#faq_ld{width: 752px; float: left; position:absolute; z-index: 11;}
#faq_l{width: 752px; float: left; position: relative}
#faq_lbt{width: 752px; float: left; font-weight: bold; font-size: 36px;}
#faq_lbt span{font-family: Impact; color: #ccc; font-weight: normal; text-transform: uppercase; font-size: 26px;}
#faq_limg{width: 752px; float: left;  height: 382px; padding-top: 25px;}
#faq_r{width: 364px; float: right; height: 421px; border: 6px #ededed solid; position: relative; padding: 50px 39px 50px 95px;}
#faq_r li{width: 364px; float: left; border-bottom: 1px #ededed solid; font-size: 15px; line-height: 35px; padding-bottom: 15px; padding-top: 15px;}
#faq_r li span{font-size: 20px; font-weight: bold;}

/*优势*/
.fa_bj{height:817px;overflow: hidden; background:url(../images/20181109172243_1494320758.jpg) no-repeat center top;padding-top:80px; box-sizing: border-box; font-family: "Microsoft YaHei"; }
.tit01{text-align: center;  font-family: "Microsoft YaHei";}

.m_fa dl{cursor: pointer;width: 240px;height: 500px; float: left; position: relative; overflow: hidden;}
.m_fa dt{width: 240px;height: 500px; position: relative;z-index: 0;}
.m_fa dl dt h3{ position: absolute; left: 25px; top:60px; height: 128px;background: url(../images/20181109173509_1886292103.png) no-repeat left bottom; 
	font-size: 24px; font-weight: normal; color: #333; line-height: 36px; text-shadow:#fff 1px 0 0,#fff 0 1px 0,#ccc -1px 0 0,#fff 0 -1px 0;}
.m_fa dl dt h3 em{ display: block;font-weight: normal; font-family: Levenim MT,"Arial"; color: #666; font-size: 18px; text-transform:uppercase; font-style:normal}
.m_fa dt img{width: 240px;height: 500px;display: block;}

.m_fa dd{  position: absolute;left: -270px; top:0; background: url(../images/20181109173757_698536541.png) repeat;float: left;width: 240px; height: 500px;padding-left: 30px;}
.m_fa dd h3{ position: absolute; left: 25px; top:60px; height: 128px;background: url(../images/20181109174129_229475194.png) no-repeat left bottom; font-size: 24px; font-weight: normal; color: #fff; line-height: 36px;}
.m_fa dd h3 em{ display: block;font-weight: normal; font-family: Levenim MT,"Arial"; color: #fff; font-size: 18px; text-transform:uppercase; font-style:normal}
.m_fa dd p{ position: absolute;left: 22px; top:240px; font-size: 15px;color: #fff;line-height:28px; text-align: justify; width:194px;}

.m_fa dl:hover dd{transition:all 1s; left:0;}
.m_fa dl:hover dt h3{ display: none; line-height: 0;font-size: 0; background: none; font-weight:bold}
.m_fa dl:hover dt h3 em{display: none; line-height: 0;font-size: 0; background: none;}

.cases_d{width:100%; margin:0 auto;}
.cases_d td{display:block; float:left; width:25%; padding:0px !important; position:relative; transition: all 0.5s linear; background:#000; overflow: hidden;}
.cases_d td:hover{transition: all 0.5s linear;}
.cases_d td img{width:100% !important; height:100% !important; transition: all 0.5s linear; filter:Alpha(opacity=50); opacity:0.5; z-index:9; position:relative;}
.cases_d td:hover img{transition: all 0.5s linear; filter:Alpha(opacity=100); opacity:1; transform: scale(1.18); box-shadow:0 0 18px #000; z-index:999; position:relative;}
.cases_d td br{display:none;}
.cases_d td a{text-decoration:blink;}
.cases_d td div{position:absolute; padding-top:0 !important; width:100%; bottom:10px; width:100%; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; transition: all 0.5s linear; z-index:10;}
.cases_d td:hover div{transition: all 0.5s linear; bottom:-20px; height:2; z-index:8;}
.cases_d td div a{color:#fff; font-size:16px; line-height:50px; transition: all 0.5s linear;}
.cases_d td:hover div a{transition: all 0.5s linear;}

/*流程*/
#lc{width:1200px; margin:0 auto; overflow:hidden; padding-top:60px;}
#lc_bt{width:1222px; float:left; background:url(../images/20180621171347_744577964.jpg); height:262px; font-size:48px; color:#fff; font-weight:bold; line-height:48px; height:202px; overflow:hidden; padding-top:60px; padding-left:80px;}

.process_tline{width:560px; margin:0 auto; border:solid 1px #ccc; border-bottom:none; padding-top:50px;}
.process_tline_l{float:left; width:88px; background:#ccc; height:1px;}
.process_tline_r{float:right;}
.process_en{width:1200px; margin:0 auto; font-family:Arial, Helvetica, sans-serif; font-size:58px; line-height:58px; font-weight:bold; text-transform:uppercase; color:#009148; text-align:center; margin-top:-26px; text-shadow:5px 5px 50px #fff;}
.process_m{width:1220px; margin:0 auto; font-size:32px; font-weight:bold; line-height:40px; text-align:center;}
.process_line{width:80px; margin:0 auto; overflow:hidden; margin-top:20px; height:6px; background:#009148;}
.process_d{width:1200px; overflow:hidden; margin:0 auto; padding-top:40px;}
.process_dl{float:left; margin:11px; transition: all 0.8s linear;}
.process_dli{background:#fff; width:137px; text-align:center; padding:17px 20px; overflow:hidden; box-shadow:0 0 8px #ccc; height:143px; border-radius: 50%}
.process_dl_m{border-radius:50%; width:140px; height:40px; margin:0 auto; transition: all 1.6s linear;}
.process_dl_m span{display:block; font-size:24px; line-height:25px; margin-top:35px; transition: all 1.6s linear; color:#333; padding:0px 10px;}
.process_dl_en{font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:28px; font-size:15px; overflow:hidden; filter:Alpha(opacity=20); 
	opacity:0.5; border: 1px #ccc solid;}

.process_dl:hover{margin-top:-20px; transition: all 0.8s linear;}
.process_dl:hover .process_dli{transform: rotateX(360deg); transition: all 1.0s linear;}
.process_dl:hover .process_dl_m{transition: all 1.6s linear; transform: rotateY(360deg);}

/*简介*/
#company_box{width:100%;background:url(../images/20181111151926_1561459450.jpg) center no-repeat;  height:581px; overflow:hidden;}
#company{width:566px; float:left; padding:50px; margin-top:80px;}
#company_bt{width:566px; float:left; font-size:24px; line-height:44px;}
#company_bt1{width:566px; float:left; font-size:20px; line-height:34px; font-family:Tahoma, Geneva, sans-serif; color:#ccc; text-transform:uppercase;}
#company_bg{width:566px; float:left; font-size:14px; line-height:30px; padding-top:15px; padding-bottom:15px;}
#company_more{width:200px; float:left; text-align:center; border:1px #eee solid; line-height:33px; height:33px; color:#999; transition: all 0.4s;}
#company_more a{color:#999;}
#company_more:hover{width:220px; display:block; line-height:35px; background:#0f88c7; color:#fff; transition: all 0.4s;}
#company_more:hover a{color:#fff;}

.news_line{width:562px; margin:0 auto;}
.news_line_l{width:562px; height:1px; margin:0 auto; overflow:hidden; background:#999; position:absolute; margin-top:20px;}
.news_line_lo{width:178px; margin:0 auto; height:1px; background:#fff;}
.news_line_z{overflow:hidden; width:184px; margin:0 auto; height:38px; font-size:26px;  border-left:solid 1px #999; border-right:solid 1px #999; border-top:solid 1px #999; position:relative; z-index:2;}
.news_m{width:184px; margin:0 auto;}
.news_m_s{width:184px; margin:0 auto;width:184px; margin:0 auto; text-align:center; line-height:48px; font-size:30px; margin-top:-30px; position:absolute; z-index:3;}
.news_line_d{ width:184px; height:1px; margin:0 auto; background:#999;}
.news_line_di{width:144px; height:1px; margin:0 auto; background:#fff;}
.news_en{width:1200px; margin:0 auto; text-align:center; font-size:24px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:40px; color:#999; padding-top:10px;}
/*news*/
.news_box{width:100%;background:#f1f1f1; padding:50px 0px; overflow:hidden;}
.news .convert2{ width:1200px; height:530px; margin:0 auto; }
.news .convert2 .tab{width:585px; height:42px; margin:0 auto;}
.news .convert2 .tab a{display:block;text-align: center; width: 161px; height:42px; line-height: 42px; font-size:15px; float:left; 
margin-left:24px; border:1px #ccc solid; border-radius:0px; transition: ease all 0.2s;}
.news .convert2 .tab a.on{display:block;background:#0f88c7;color:#fff;border: 1px solid #0f88c7; transition: ease all 0.2s;}


.news .convert2 .content{ overflow:hidden; width:1200px; height:465px; position:relative;}
.news .convert2 .content ul{ position:absolute; left:0; top:10px; height:380px;}
.news .convert2 .content li{ width:1200px; height:auto; float:left;}
.news .content td br{ display:none;}
.news .content td a{ display:block; background:#ededee; line-height:40px; width:220px !important; color:#666; width:220px !important;}
.news .content td a:hover{ display:block; color:#0f88c7;border: 1px solid #0f88c7;}


.news_l{ float:right; width:535px;}
.news_l .news_div_item{ position:relative;}
.news_l .news_div_item_pic{ position:absolute; top:100px;}
.news_l .news_div_item_pic img{ width:535px; height:353px;}
.news_l .news_div_item_content{line-height:30px; width:535px; position:absolute; top:0;}
.news_l .news_div_item_a{ font-size:16px;}
.news_l .news_div_item_body{ color:#999; line-height:24px;}
.news_l .news_div_item_title{ line-height:28px;}

.news_l .divdgweb_new_div_item{ position:relative;}
.news_l .divdgweb_new_div_item_pic{ position:absolute; top:112px;}
.news_l .divdgweb_new_div_item_pic img{ width:535px; height:353px;}
.news_l .divdgweb_new_div_item_content{line-height:30px; width:535px; position:absolute; top:0;}
.news_l .divdgweb_new_div_item_a{ font-size:16px;}
.news_l .divdgweb_new_div_item_body{ color:#999; line-height:24px;}
.news_l .divdgweb_new_div_item_title{ line-height:28px;}

.news_r{ float:left; width:644px; }
.news_r .news_div .news_div_item:nth-child(1){ display:none;}   /*第一条新闻已在左边调用，所以此处设置不显示*/
.news_r .news_div_item{width:644px; height:80px; border-bottom:1px #ccc dashed; padding-bottom:15px; margin-bottom:20px;}
.news_r .news_div_item_date{float:left; width:70px; background:#F6F6F6;;  height:70px; position:relative;  font-family:Arial, Helvetica, sans-serif;}
.news_div_item:hover .news_div_item_date{ background:#0f88c7;}
.news_r .news_div_item_day{position:absolute; top:13px; left:35px; font-size:12px; color:#b6b6b6;}
.news_r .news_div_item_month{position:absolute; top:13px; left:9px; color:#b6b6b6;font-size:12px;}
.news_r .news_div_item_year{position:absolute; top:33px; left:10px; color:#b6b6b6; font-weight:bold; font-size:22px;}

.news_div_item:hover .news_div_item_day{color:#fff;}
.news_div_item:hover .news_div_item_month{color:#fff;}
.news_div_item:hover .news_div_item_year{color:#fff;}

.news_r .news_div_item_content{ float:left; line-height:24px; margin-left:20px; width:530px;}
.news_r .news_div_item_body{ color:#999; word-wrap:break-word;}
.news_r .news_div_item .news_div_item_day:hover,.news_r .news_div_item. news_div_item_month:hover ,.news_r .news_div_item .news_div_item_year:hover,.news_r .news_div_item:hover{ color:#fff;}
.news_r .news_div_item:hover .news_div_item_title a{ color:#333;}
.news_r .news_div_item:nth-child(5){ margin:0 auto;}


.news_r .divdgweb_new_div .divdgweb_new_div_item:nth-child(1){ display:none;}   /*第一条新闻已在左边调用，所以此处设置不显示*/
.news_r .divdgweb_new_div_item{width:644px; height:80px; border-bottom:1px #ccc dashed; padding-bottom:15px; margin-bottom:22px;}
.news_r .divdgweb_new_div_item_date{float:left; width:70px; background:#F6F6F6;;  height:70px; position:relative;  font-family:Arial, Helvetica, sans-serif;}
.divdgweb_new_div_item:hover .divdgweb_new_div_item_date{ background:#0f88c7;}

.news_r .divdgweb_new_div_item_day{position:absolute; top:13px; left:35px; font-size:12px; color:#b6b6b6;}
.news_r .divdgweb_new_div_item_month{position:absolute; top:13px; left:9px; color:#b6b6b6;font-size:12px;}
.news_r .divdgweb_new_div_item_year{position:absolute; top:33px; left:10px; color:#b6b6b6; font-weight:bold; font-size:22px;}

.divdgweb_new_div_item:hover .divdgweb_new_div_item_day{color:#fff;}
.divdgweb_new_div_item:hover .divdgweb_new_div_item_month{color:#fff;}
.divdgweb_new_div_item:hover .divdgweb_new_div_item_year{color:#fff;}

.news_r .divdgweb_new_div_item_content{ float:left; line-height:24px; margin-left:20px; width:530px;}
.news_r .divdgweb_new_div_item_body{ color:#999; word-wrap:break-word;}
.news_r .divdgweb_new_div_item .divdgweb_new_div_item_day:hover,.news_r .divdgweb_new_div_item. divdgweb_new_div_item_month:hover ,.news_r .divdgweb_new_div_item .divdgweb_new_div_item_year:hover,.news_r .divdgweb_new_div_item:hover{ color:#fff;}
.news_r .divdgweb_new_div_item:hover .divdgweb_new_div_item_title a{ color:#333;}
.news_r .divdgweb_new_div_item:nth-child(5){ margin:0 auto;}

/*版权*/
#bq_bg{width:100%; margin:0 auto; background: #333}

.copy {width:1200px; margin:0 auto; padding:20px 0px 40px 0px;}
.copy_row1{}
.copy_row1 .col4 { float: left; margin-right:60px; padding-right:59px; border-right:1px #3b3c3b dotted; padding-top:10px;}
.copy_row1 .col4:nth-last-child(1){ margin-right: 0; background: none; }
.copy_row1 .col4 .c4title { position: relative; padding: 0 0 25px 0; margin-bottom: 5px; display: inline-block; }
.copy_row1 .col4 .c4title em{font-size:16px; color:#666; font-family:"Courier New", Courier, monospace; text-transform:uppercase;}
.copy_row1 .col4 .c4title::after { content: ''; position: absolute; width:50px; height: 1px; display: block; background: #666; left: 0; bottom: 10px; transition:0.6s all ease-in-out; }
.copy_row1 .col4 .c4title a{ font-size: 17px; color: #fff; display: block; line-height: 35px; }
.copy_row1 .col4:hover .c4title::after{ width: 100%; background: #666;}
.copy_row1 .col4 ul li a { color: #999; font-size: 14px; display: block; line-height: 30px; }
.copy_row1 .col4 ul li a:hover{ text-decoration: underline; color: #fff; }

.copy_row1 .fr{ text-align: right; padding-top:30px;}
.copy_row1 .cr_2 { font-size: 32px; color: #e1e1e1; line-height: 35px; padding: 0px 0 5px; letter-spacing: 0.4px; }
.copy_row1 .cr_3{ font-size: 14px; color: #e1e1e1; line-height: 30px; }
.copy_row1 .cr_4 { font-size: 14px; border-top: #e1e1e1 1px solid; display: inline-block; padding: 5px; border-bottom: #e1e1e1 1px solid; margin: 15px 0 10px; color: #fff; line-height: 25px; }
.friendlink { margin-top: 10px;width: 270px;
margin-left: auto;}
.friendlink .fri_L { background: url(../images/20180324155731_68545225.png) no-repeat; width: 77px; height: 28px; float: left; color: #e4e4e4; font-size: 17px; letter-spacing: 1px; padding: 6px; text-align: center; }
.friendlink .fri_R { height: 37px; display: block; float: right; width: 181px; background: #e4e4e4; }
.friendlink .linkTagcs { width: 181px; max-height: 37px; background: rgba(228,228,228,0.8) url(../images/20180324155809_895138737.png) no-repeat 162px 18px; overflow: hidden; transition: 0.3s all ease-in-out; }
.friendlink .linkTagcs:hover { max-height: 200px; overflow-x: hidden; overflow-y: auto; }
.friendlink .fri_R .linkTagcs li { float: none; line-height: 37px; text-align: left; text-indent: 10px; }
.friendlink .fri_R .linkTagcs li a{display: block;}
.cr4button { float: right; }
.copy_row2 { height: 60px; line-height: 60px;margin-top: 25px;}
.copy_row2 .fla{ height: 60px; line-height: 60px; color: #fff; font-size: 13px; letter-spacing: 0.4px; text-align:center; width:1200px;}
.copy_row2 .fla a{ display: inline-block; color: #fff; font-size: inherit; }
.cr4button a {position: relative; font-size: 13px; color: #fff; display: inline-block; line-height: 25px; padding: 0 3px;}
.ine{ background: url(../images/20180324155835_622683017.png) no-repeat center; width: 11px; height: 11px; display: inline-block; padding: 0 5px; }
.copy .ewm {position: absolute;width: 120px;bottom: 35px;right: 0;z-index:1;display:none; z-index:99999;}
.copy .ewm img {width: 100%;height:auto; z-index:99999;}
.copy_row2 .fr > a { font-size: 14px; display: inline-block; color: #fff; height: 60px; line-height: 60px; }
.copy_row2 .fr{ position: relative; }
.copy_row2 a:hover{ text-decoration: underline; }

#db{ width:100%; overflow:hidden; background:#000;  line-height:30px; text-align:center; color:#fff; padding:20px 0px;}
#db a{color:#fff;}
#page1{ margin:0 auto; width:1200px}
@-webkit-keyframes tuest{
0%{transform:translate(0,0)}
50%{transform:translate(5px,0px)}
100%{transform:translate(0,0)}

}
#pradv_btmore{width:264px; margin:0 auto; height:37px; line-height:37px; border-radius:50px; color:#fff; font-size:18px; text-align:center; background:#333; letter-spacing:2px; transition: 0.2s all ease-in-out;}
#pradv_btmore a{color:#fff; font-size:18px;}
#pradv_btmore:hover{width:304px; transition: 0.2s all ease-in-out;}