/**
说明：
0,每个样式块之间间隔两行。
1，样式都定义单独的块，在需要的页面都可以复用。
2，所有内页控制器有一个公共的名字：neicontent。每个控制器有一个单独的名字（格式为：viewcon productcon listcon  videocon messagecon...）。便于更细致的调整单独的样式块。
3,大容器的结尾名称作为内部容器的开头名称如：大容器为wztop,内容器为top0 top1 top2...
*/


/*1 首页样式------------------------------------------------------------------------------------------------------------------------------------------*/
@font-face {
    font-family: 'SIMLI';
    src: url('../font/SIMLI.TTF');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'impact';
    src: url('../font/impact.ttf');
    font-weight: normal;
    font-style: normal;
}


/*网站顶部*/
.header_bg{ width:100%; height:100px; margin:0 auto; background-color:#fff;}
.header_center{ width:1300px; height:100px; margin:0 auto;}
.header_center_l{ width:350px; height:40px; overflow:hidden; margin:30px auto; float:left;}
.header_center_l .logo{ width:100px; height:40px; overflow:hidden; float:left;}
.header_center_l .webname{ width:240px; height:40px; overflow:hidden; float:right;}
.header_center_l .webname_cn{ width:100%; height:25px; overflow:hidden; font-family:"microsoft yahei"; font-size:20px; color:#333; font-weight:bold;}
.header_center_l .webname_en{ width:100%; height:15px; overflow:hidden; font-family:"Arial"; font-size:10px; color:#333; letter-spacing:-1.2px;}
.header_center_c{ width:755px; height:100px; margin:0 15px; float:left; text-align:center;}
.header_center_r{ width:165px; height:auto; margin:0 auto; float:right;}
.header_center_r .title{ width:100%; height:25px; margin:20px auto 0 auto; font-family:"microsoft yahei"; font-size:16px; color:#333; text-align:left;}
.header_center_r .tel{ width:100%; height:25px; margin:0 auto; font-family:"impact"; font-size:26px; color:#e9001a; text-align:left;}

.header_center_c .nav_li{ width:85px; height:98px; line-height:98px; font-size:18px; text-align:center; font-family:"microsoft yahei"; color:#333333; border-bottom:2px solid #fff; overflow:hidden; display:inline-block; transition:all 0.3s;}
.header_center_c .nav_li:hover{ width:85px; height:98px; line-height:98px; font-size:18px; text-align:center; font-family:"microsoft yahei"; color:#023575; border-bottom:2px solid #023575; overflow:hidden; display:inline-block; transition:all 0.3s;}
.header_center_c .nav_lib{width:85px; height:98px; line-height:98px; font-size:18px; text-align:center; font-family:"microsoft yahei"; color:#023575; border-bottom:2px solid #023575; overflow:hidden; display:inline-block; transition:all 0.3s;}

.banner{ width:100%; height:auto; overflow:hidden; margin:0 auto;}


/*公共box*/
.web_box{ width:1200px; height:auto; margin:0 auto; overflow:hidden;}

/*产品*/
.product{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding:40px 0;}
.product_top{ width:100%; height:auto; overflow:hidden; margin:0 auto; font-size:38px; color:#0f4b96; font-family:"microsoft yahei"; text-align:center; font-weight:bold; line-height:1;}
.product_con{ width:100%; height:auto; overflow:hidden; margin:20px auto 0 auto; font-size:16px; color:#7b828c; font-family:"microsoft yahei"; text-align:center; line-height:200%;}
.product_down{ width:100%; height:auto; margin:0 auto; overflow:hidden; padding:10px 0;}

.product_down .right_box{width:30%; height:auto; overflow:hidden; float:left; margin:25px 1.65% auto 1.65%; position:relative; -moz-box-shadow:0px 0px 5px #ebebeb; -webkit-box-shadow:0px 0px 5px #ebebeb; box-shadow:0px 0px 5px #ebebeb; border-radius:10px;}
.right_box_img{ width:100%; height:275px; overflow:hidden;}
.right_box .right_box_img img{ width:100%; height:auto; min-height:275px; transition:0.3s;}
.right_box_title{ width:100%; height:60px; overflow:hidden; background-color:#fff; font-size:22px; line-height:60px; color:#333; font-weight:bold; text-align:center;}
.right_box:hover .right_box_img img{ width:100%; height:auto; min-height:275px; transform:scale(1.1); transition:0.3s;}
.right_box:hover .right_box_title{ width:100%; height:60px; overflow:hidden; background-color:#fff; font-size:22px; line-height:60px; color:#023575; font-weight:bold; text-align:center;}
.product .propic{ width:100%; height:auto; overflow:hidden; margin: 40px auto 0 auto;}
.product .propic img{ width:100%; height:auto;}



/*简介*/
.about{ width:100%; height:470px; overflow:hidden; margin:0 auto; background:url(../img/images/bg.jpg) no-repeat center top;}
.about_left{ width:445px; height:auto; overflow:hidden; margin:60px auto 0 auto; float:left;}
.about_left img{ width:100%; height:auto;}
.about_right{ width:680px; height:auto; overflow:hidden; margin:60px auto 0 auto; float:right;}
.about_top{ width:100%; height:auto; overflow:hidden; margin:0 auto; color:#fff; font-size:38px; line-height:55px; font-family:"microsoft yahei"; text-align:left; font-weight:bold;}
.about_con{ width:100%; height:auto; overflow:hidden; margin:30px auto 0 auto; font-size:16px; color:#fff; font-family:"microsoft yahei"; text-align:left; text-indent:2em; line-height:200%;}
.about_more{ width:120px; height:40px; margin:30px auto 0 0; overflow:hidden; background-color:#e9001a; font-size:16px; font-family:"microsoft yahei"; color:#fff; line-height:40px; text-align:center;}
.about_more:hover{ width:120px; height:40px; margin:30px auto 0 0; overflow:hidden; background-color:#023575; font-size:16px; font-family:"microsoft yahei"; color:#fff; line-height:40px; text-align:center;}

/*优势*/
.youshi{ width:100%; height:717px; display:block; overflow:hidden; margin:0 auto; background:url(../img/images/bg1.jpg) no-repeat center top;}
.youshi_box{ width:300px; height:auto; overflow:hidden; margin:0 auto 50px auto; text-align:center;}
.youshi_box:nth-child(1){ width:300px; height:auto; overflow:hidden; margin:0 auto; text-align:center; position:absolute; top:385px; left:-20px;}
.youshi_box:nth-child(2){ width:300px; height:auto; overflow:hidden; margin:0 auto; text-align:center; position:absolute; top:245px; left:55px;}
.youshi_box:nth-child(3){ width:300px; height:auto; overflow:hidden; margin:0 auto; text-align:center; position:absolute; top:145px; left:165px;}
.youshi_box:nth-child(4){ width:300px; height:auto; overflow:hidden; margin:0 auto; text-align:center; position:absolute; top:30px; left:440px;}
.youshi_box:nth-child(5){ width:300px; height:auto; overflow:hidden; margin:0 auto; text-align:center; position:absolute; top:145px; left:710px;}
.youshi_box:nth-child(6){ width:300px; height:auto; overflow:hidden; margin:0 auto; text-align:center; position:absolute; top:245px; left:850px;}
.youshi_box:nth-child(7){ width:300px; height:auto; overflow:hidden; margin:0 auto; text-align:center; position:absolute; top:385px; left:920px;}
.youshi_box .youshi_left{ width:200px; height:auto; overflow:hidden; float:left; margin:0 auto; font-size:18px; font-family:"microsoft yahei"; color:#333; line-height:30px; font-weight:bold;}
.youshi_box .youshi_right{ width:69px; height:69px; overflow:hidden; float:left; margin:15px; -moz-box-shadow:0px 10px 15px #eee; -webkit-box-shadow:0px 10px 15px #eee; box-shadow:0px 10px 15px #eee; border-radius:50%;}
.youshi_box .youshi_right img{width:100%; height:auto;}
.youshi_box:nth-child(1) .youshi_left{ width:178px; height:auto; overflow:hidden; float:left; margin:0 auto; font-size:18px; font-family:"microsoft yahei"; color:#333; line-height:30px; font-weight:bold;}
.youshi_box:nth-child(4) .youshi_left{ width:95%; height:auto; overflow:hidden; float:left; margin:0 auto; font-size:18px; font-family:"microsoft yahei"; color:#333; line-height:30px; font-weight:bold;}
.youshi_box:nth-child(4) .youshi_right{ width:69px; height:69px; overflow:hidden; clear:both; float:none; margin:15px auto; -moz-box-shadow:0px 10px 15px #eee; -webkit-box-shadow:0px 10px 15px #eee; box-shadow:0px 10px 15px #eee; border-radius:50%;}
.youshi_box:nth-child(5) .youshi_left{ width:160px; float:right;}
.youshi_box:nth-child(5) .youshi_right{float:right;}
.youshi_box:nth-child(6) .youshi_left{ width:178px; float:right;}
.youshi_box:nth-child(6) .youshi_right{float:right;}
.youshi_box:nth-child(7) .youshi_left{ width:185px; float:right;}
.youshi_box:nth-child(7) .youshi_right{float:right;}

/*案例*/
.case{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding:40px 0 40px 0; background:#fff url(../img/images/bg2.png) no-repeat center 10%;}
.case_down{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0 0 0 0; position:relative;}
.case_box{ width:350px; height:370px; overflow:hidden; float:left; margin:25px auto 0 auto; padding:0 25px; position:relative;}
.case_box_img{ width:100%; height:300px; overflow:hidden; margin:15px auto; -moz-box-shadow:0px 0px 25px #dedede; -webkit-box-shadow:0px 0px 25px #dedede; box-shadow:0px 0px 25px #dedede; }
.case_box_img img{ width:100%; height:auto; min-height:300px; transition:0.3s;}
.case_title{ width:90%; height:35px; overflow:hidden; margin:0 auto; font-size:18px; line-height:35px; color:#333; font-weight:bold; text-align:center;}
.case_box:hover .case_box_img img{ width:100%; height:auto; min-height:300px; transform:scale(1.1); transition:0.3s;}
.case_box:hover .case_title{ color:#023575; transition:0.3s;}

.case_down .swiper-container{width:100%; height:100%; margin:0 auto;}
.case_down .swiper-wrapper{ width:1200px; margin:0 auto;}
.case_down .swiper-slide{ width:100%; height:100%; overflow:hidden; text-align:center;}
.case_down .swiper-slide img{ width:100%; height:100% ;}

.case_down .swiper-paginationin{ height:10px; overflow:hidden; position:absolute; right:0px; bottom:10px !important; left:0 !important; margin:auto; z-index:1; text-align:center; }
.case_down .swiper-paginationin span{ display:inline-block;width:10px; border-radius:100%; height:10px; background:#dbdbdb; cursor:pointer; vertical-align:top; margin:0 4px;opacity:0.9 !important;}
.case_down .swiper-paginationin span.swiper-pagination-bullet-active{ background-color:#999;opacity:1 !important;}
.case_down .swiper_btnz{position: absolute;top:94%;width: 50px;height: 42px; left:45%;background: url(../img/images/left.png) 0 0 no-repeat; background-size:cover;display: block;z-index:10;}
.case_down .swiper_btnz:hover{position: absolute;top:94%;width: 50px;height: 42px; left:45%;background: url(../img/images/lefta.png) 0 0 no-repeat; background-size:cover;display: block;z-index:10;}
.case_down .swiper_btny{position: absolute;top:94%;width: 50px;height: 42px; left:50%;background: url(../img/images/right.png) 0 0 no-repeat;background-size:cover;display: block;z-index:10;}
.case_down .swiper_btny:hover{position: absolute;top:94%;width: 50px;height: 42px; left:50%;background: url(../img/images/righta.png) 0 0 no-repeat;background-size:cover;display: block;z-index:10;}

#marquee1{width:100%;height:400px;overflow:hidden; margin:0 auto;}




/*news*/
.news{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding:40px 0 20px 0; background:#f6f8fa;}
.news_down{ width:100%; height:auto; overflow:hidden; margin:50px auto 0 auto;}
.news_down .news_left{ width:620px; height:auto; overflow:hidden; margin:0 auto; float:left;}
.news_left .news_k{ width:100%; height:auto; overflow:hidden; padding:20px 0; border-bottom:1px dashed #dedede;}
.news_left .news_time{ width:60px; height:50px; overflow:hidden; float:left;}
.news_left .news_time .day{ width:100%; height:30px; overflow:hidden; font-size:28px; color:#333; font-family:"impact"; line-height:30px;}
.news_left .news_time .year{ width:100%; height:20px; overflow:hidden; font-size:12px; color:#333; font-family:"impact"; line-height:20px;}
.news_left .news_shu{ width:1px; height:22px; overflow:hidden; float:left; margin:14px auto; background-color:#dedede;}
.news_left .news_lie{ width:530px; height:50px; overflow:hidden; float:right;}
.news_left .news_lie .title{ width:100%; height:30px; overflow:hidden; font-size:18px; color:#333; font-family:"microsoft yahei"; line-height:30px; text-align:left; font-weight:bold;}
.news_left .news_lie .con{ width:100%; height:20px; overflow:hidden; font-size:14px; color:#999; font-family:"microsoft yahei"; line-height:20px; text-align:left;}

.news_down .news_right{ width:520px; height:auto; overflow:hidden; margin:0 auto; float:right;}
.news_down .news_right .pic{ width:485px; height:330px; position:relative; margin:10px auto 0 35px; background-color:#0f4b96;}
.news_down .news_right .pic img{ width:510px; height:330px; position:absolute; top:-10px; left:-35px;}

.news_left .news_k:hover .day{color:#0f4b96;}
.news_left .news_k:hover .title{color:#0f4b96;}

/*伙伴*/
.partner{ width:100%; height:auto; overflow:hidden; margin:40px auto;}
.partner_box{ width:100%; height:auto; overflow:hidden; margin:40px auto 0 auto;}
.partner_img{width:237px; height:110px; overflow:hidden; margin:0 auto; float:left; border:1px solid #eee; text-align:center;}
.partner_img img{ width:auto; height:auto; max-height:60px; max-width:200px; transition:0.3s; margin:25px 0 0 0;}
.partner_img:hover img{ width:auto; height:auto; max-height:60px; max-width:200px; transform:scale(1.1); transition:0.3s;}

.links{ width:100%; height:auto; overflow:hidden; margin:50px auto 0 auto;}
.links_left{ width:110px; height:35px; overflow:hidden; margin:0 auto; float:left; line-height:35px; color:#0f4b96; font-size:22px; font-family:"microsoft yahei"; font-weight:bold;}
.links_right{ width:1090px; height:auto; overflow:hidden; margin:0 auto; float:right; text-align:left;}
.links_right a{ padding:0 15px; line-height:35px; color:#0f4b96; font-size:16px; font-family:"microsoft yahei"; white-space:nowrap;}
.links_right a:hvoer{ padding:0 15px; line-height:35px; color:#e9001a; font-size:16px; font-family:"microsoft yahei"; white-space:nowrap;}

/*底部*/
.footer_bg { width:100%; height:auto; background:#023575; overflow:hidden; margin:0 auto; padding-top:60px;}
.footer{ width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.footer_l{ width:690px; height:auto; overflow:hidden; float:left; margin:0 auto;}
.footer_l .footer_top{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.footer_l .footer_top .box{ width:auto; height:auto; overflow:hidden; float:left; margin:0 30px 0 auto;}
.footer_l .footer_top .box .t{ width:100%; height:120px; overflow:hidden; margin:0 auto; text-align: center;}
.footer_l .footer_top .box .t img{ width:120px; height:120px; }
.footer_l .footer_top .box .name{width: 100%; height: auto; font-size:18px; color:#fff; font-family: "microsoft yahei"; font-weight:400; line-height:1.5; text-align: center;}
.footer_l .footer_top .box .phone{ width:100%; height:25px; overflow:hidden; margin:10px auto 0 auto; background:url(../img/images/t5.png) no-repeat left center; font-size:18px; color:#fff; font-family: "microsoft yahei"; line-height:25px; text-indent:25px;}

.footer_l .footer_down{ width:100%; height:auto; overflow:hidden; margin:30px auto; font-size:14px; color:#8099b8; font-family:"microsoft yahei"; line-height:24px;}
.footer_l .footer_down pre{ font-size:14px; color:#8099b8; font-family:"microsoft yahei"; line-height:30px;}
.footer_r{ width:auto; height:auto; overflow:hidden; float:right; margin:0 auto;}
.footer_r .box{ width:120px; height:auto; overflow:hidden; margin:0 10px; float:left;}
.footer_r .box_pic{ width:120px; height:120px; overflow:hidden; margin:0 auto;}
.footer_r .box_pic img{ width:120px; height:120px;}
.footer_r .box_title{ width:120px; height:35px; overflow:hidden; margin:0 auto; color:#8099b8; font-family:"microsoft yahei"; line-height:35px; font-size:14px; text-align:center;}

.footer_copy{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding:20px 0; font-size:14px; color:#fff; font-family:"microsoft yahei"; text-align:center; border-top:1px solid #1c4a83;}
.footer_copy a{ font-size:14px; color:#fff; font-family:"microsoft yahei";}



.mo_nav{ width:100%; height:auto; background-color:rgba(255,255,255,0.85); position:absolute; z-index:100; margin-top:60px;}
/*--内页侧边导航--*/
.subNav{width:90%; height:45px; cursor:pointer; font-size:16px; text-indent:1em; line-height:45px; background:url(../img/images/sorrow.png) no-repeat center left; margin:0 auto; border-bottom:1px  dotted #1860bf;}
.navContent{ display:none;width:100%; height:auto;}
.navContent li{width:85%; height:45px; margin:0 auto;}
.navContent li a{display:block;width:100%; height:45px;text-align:left;font-size:14px;line-height:45px;color:#666;}
.navContent li a:hover{color:#1860bf;}
.navsama{color:#1860bf;}

/*热销定制*/

.subnav{margin-top: 10px;}
.subnav a{margin-left: 8px;}

.neisubnav{background-color: #f5f5f5;padding: 1.8% 4.2%;margin-bottom: 2.5%;margin-top: 0;}
.neisubnav a{margin:0 1.88%;font-size: 16px;padding: 0.3% 1.4%;;border-radius: 18px;}
.neisubnav a:hover{ color:#efc800;}
.neisubnav a.active{background-color: #efc800;color: #fff; color:#efc800;}

.neisubnav2{padding: 1% 4.2%;background-color: #fff;   /* box-shadow: 0px 2px 29px rgba(1,1,1,0.15);*/background: url("../img/sbg.png") no-repeat bottom;margin-bottom: 0.5%;}
.neisubnavbg{height:24px;}
.neisubnav2 a{font-size: 20px;margin:0 0.58%;}
.neisubnav2 .nsx{width: 2px;height: 12px;background: #dedede;}
.neisubnav a.active{color:#efc800;background:none;}

/*关于我们*/

/*neipage*/
.neileft{
 animation: fadeInUp 1s .5s ease both;
 -webkit-animation: fadeInUp 1s .5s ease both;
 -moz-animation: fadeInUp 1s .5s ease both;
 width: 968px;padding-top: 48px;padding-right: 38px;border-right: 1px solid #e1e1e1;min-height: 480px;}
.neiright{opacity: 0;filter:alpha(opacity=0);
 animation: faderight 1s .5s ease forwards;
 -webkit-animation: faderight 1s .5s ease forwards;
 -moz-animation: faderight 1s .5s ease forwards;
 width: 286px;}
 .neisub{margin-left:40px;width: 246px;}
 .neisub .t{margin-top:48px;padding-right:75px;font-size: 20px;padding-bottom: 10px;border-bottom: 2px solid #d78f1a;}
 .neisub ul{margin-top: 30px;font-size: 16px;}
 .neisub li{padding-left: 10px;/*margin-bottom:2px;*/background: url("../img/d.png") no-repeat left;}
 .neisub li a{display: block;height: 60px;line-height: 60px;/*padding: 0 5px;*/font-size: 14px;border-bottom: 1px solid #e5e5e5;padding-right: 28px;}
 .neisub li a img{float: right; display: inline-block; padding-top: 5px; height: 50px; /*width: 50px;*/max-width: 110px;}
 .neisub li a img.szjt{float: right; display: inline-block; padding-top: 22px; height: auto; width: auto;}
 .neisub li a:hover{text-decoration: underline;}
 .neisub li.active a{color:#d78f1a;text-decoration: underline;}
.neifeatured{padding-top: 0;}
.neifeatured .list{/*padding-top: 35px;*/padding-bottom: 15px;}
.neifeatured .list li{margin-bottom: 26px;font-size: 16px;}
.neifeatured .list li .p{margin-bottom: 13px;line-height: 1.9;}
.neifeatured .list li .p1{line-height: 1;}
.neifeatured .list li .t{font-size: 18px;font-weight: bold;}
.neifeatured .list li .email{font-size: 15px;color:#bc360a;}
.neifeatured .list li .email:hover{color:#005eb8;}
.neifeatured .list li .pic{max-height: 360px;width: 266px;}
.neifeatured .list li .jj .ss{padding-bottom: 0;}
.neifeatured .list li .lti{font-size: 16px;margin-top: 16px;margin-bottom: 14px;width: 750px;}
.neifeatured .list li:hover{box-shadow: none;}


/*详情页面分享*/
.neileft span.span2{ font-size:12px;line-height:25px;display:inline-block; width:100%;margin-top: 5px;}
.neileft span.span2 i{ display:inline-block; float:right;}




.viewcontent .p{margin-bottom: 13px;line-height: 1.9;font-size: 16px;}
/*渐变色*/
/* background-color: #f8788b; */
/*background: linear-gradient(90deg,#f8c84c,#f8788b);*/

/*盒子的阴影*/
/*width: 236px;
height: 318px;
box-shadow: 0 0 10px 0 rgba(0,0,0,0.15);
left: -45px;
top: -13px;
border-radius: 20px;*/

/*opacity: 0;
filter: alpha(opacity=0);*/


/*返回*/
.videoview_back{cursor:pointer;width: 92px;background: #d9aa39;height: 30px;text-align: center;margin-left: 1092px;color: white;line-height: 30px;font-size: 14px;margin-top: 25px;}
.videoview_back:hover{background: #e59962;}



/*mess*/
.inquire{width:400px; height:auto; overflow:hidden; margin:0 auto;}
.inquire_dx{ width:100%; height:20px; overflow:hidden; line-height:20px; font-size:14px; color:#333; font-family:"microsoft yahei"; }
.inquire_box{ width:100%; height:50px; overflow:hidden; margin:20px auto;}
.inquire_input{ width:328px; height:46px; overflow:hidden; float:left; text-indent:1em;  line-height:20px; font-size:14px; color:#333; font-family:"microsoft yahei";}
.inquire_btn{ width:68px; height:50px; overflow:hidden; float:left; background:#136e38 url(../img/images/cx.png) no-repeat center; border:0;}
.inquire_centent{ width:100%; height:auto; overflow:hidden; min-height:400px;}



.regcon{ width:100%; height:auto; margin:30px auto; overflow:hidden;}
.loli{ width:40%; height:auto; overflow:hidden; margin:10px 5%; float:left;}
.loli .l{width:45%;min-width: 128px;text-align: right; padding-right:2%; font-size:16px; line-height:40px;}
.loli .r{width:40%;}
.loli .r2{height: 28px;text-align: left;}

.regcon .loli .top{ line-height:40px;}
.regcon .loli .inp{float:left;text-indent: 10px;width: 83%;height: 40px;background-color: #fbfbfb;border:1px solid #d8d8d8;outline: none;  border-radius: 5px;}
.regcon .loli .tex{min-height: 100px;width: 60%;padding: 2%;text-indent: 0;}
.regcon .loli .sinp{float:left;text-indent: 10px;width: 40%;margin-right:2%;height: 40px;background-color: #fff;border: none;outline: none;}
.regcon .loli .mescode{background-color: #fbfbfb;border: 1px solid #d8d8d8;}
.regcon .loli .send{text-indent: 10px;width: 50%;margin-right:0;height: 40px;background-color: #fff;border: none;outline: none;cursor:pointer;font-size: 16px;font-family: "微软雅黑";}
.regcon .loli .inpf{height: auto;background: none;text-indent: 0;}
.regcon .loli .inpty{width: 60%;display: inline-block;text-align: left;}
.regcon .loli .sel{text-indent: 10px;width: 60%;height: 45px;background-color: #fff;border: none;outline: none;}
.regcon .loli .sub{width: 130px;border:none;height: 35px; background-color:#00b050;color: #fff;font-size: 18px; line-height:35px; text-align:center; margin-top:25px; border-radius: 5px;}
.regcon .loli .sub:hover{background-color:#ff6600;}

.regcon .loli .ts{color: #ff0000;text-indent: 10px;width: 100%; line-height:28px;clear: both; text-align:left; font-size:14px;}
.regcon .loli .ts.active{background-color: #ccc;}
.regcon .loli .zc{margin-left: 15px;color: #e00404;}
.regcon .loli .zc a{color: #e00404;}
.regcon .loli .zc:hover a{color: #e00404}
.regcon .loli .fw{font-size: 18px;}
.regcon .loli .ty{width: 32%;margin-right: 2%;background-color: #d8d8d8;height: 40px;line-height: 40px;color: #fff;text-align: center;float: left;    border-radius: 5px;}
.regcon .loli .ty.g{width: 100%;}
.regcon .loli .tyend{margin-right: 0;}
.regcon .loli .ty.active{background-color: #e00404;}
.regcon .fkk i{color: #e00404;/*1a6df6*/margin-right: 8px; font-weight:bold}



.regcona{ width:1200px; height:auto; margin:30px auto; overflow:hidden;}
.lolia{ width:50%; height:auto; overflow:hidden; margin:10px 20%; }
.lolia .l{width:30%;min-width: 128px;text-align: right; padding-right:2%; font-size:16px; line-height:40px;}
.lolia .r{width:65%;}
.lolia .r2{height: 28px;text-align: left;}


.regcona .lolia .inp{float:left;text-indent: 10px;width: 100%;height: 40px;background-color: #fbfbfb;border:1px solid #d8d8d8;outline: none;  border-radius: 5px;}
.regcona .lolia .tex{min-height: 100px;width: 60%;padding: 2%;text-indent: 0;}
.regcona .lolia .sinp{float:left;text-indent: 10px;width: 40%;margin-right:2%;height: 40px;background-color: #fff;border: none;outline: none;}
.regcona .lolia .mescode{background-color: #fbfbfb;border: 1px solid #d8d8d8;}
.regcona .lolia .send{text-indent: 10px;width: 25%;margin-right:0;height: 40px;background-color: #fff;border: none;outline: none;cursor:pointer;font-size: 16px;font-family: "微软雅黑";}
.regcona .lolia .inpf{height: auto;background: none;text-indent: 0;}
.regcona .lolia .inpty{width: 60%;display: inline-block;text-align: left;}
.regcona .lolia .sel{text-indent: 10px;width: 60%;height: 45px;background-color: #fff;border: none;outline: none;}
.regcona .lolia .sub{width: 130px;border:none;height: 35px; background-color:#0f4b96;color: #fff;font-size: 18px; line-height:35px; text-align:center; margin-top:25px; border-radius: 5px;}
.regcona .lolia .sub:hover{background-color:#017dff;}

.regcona .lolia .ts{color: #ff0000;text-indent: 10px;width: 100%; line-height:28px;clear: both; text-align:left; font-size:14px;}
.regcona .lolia .ts.active{background-color: #ccc;}
.regcona .lolia .zc{margin-left: 15px;color: #e00404;}
.regcona .lolia .zc a{color: #e00404;}
.regcona .lolia .zc:hover a{color: #e00404}
.regcona .lolia .fw{font-size: 18px;}
.regcona .lolia .ty{width: 32%;margin-right: 2%;background-color: #d8d8d8;height: 40px;line-height: 40px;color: #fff;text-align: center;float: left;    border-radius: 5px;}
.regcona .lolia .ty.g{width: 100%;}
.regcona .lolia .tyend{margin-right: 0;}
.regcona .lolia .ty.active{background-color: #e00404;}
.regcona .fkk i{color: #e00404;/*1a6df6*/margin-right: 8px; font-weight:bold}


/*倒计时*/
.djsitem .item{/*margin: 0px 2%;*/z-index: 9; position:relative}
.djsitem .item .xs_pic_tt{ width:100%; text-align:right; position:absolute; top:0px;border-radius:4% 4% 0px 0px; height:40px; line-height:40px; background:url(../img/xs_tt_bgxx.png) repeat;}
.djsitem .item .xs_pic_tt span{ color:#fff;}
.djsitem .item .xs_pic_tt font{color:#fff;}
.djsitem .item .xs_pic_tt font i{ background-color:#d78f1a; padding:0.8% 2.5%; margin:0px 1.2%; border-radius:6px; text-align:center}
.djsitem .item .xs_pic_tt font i.bad{ background-color:#ccc; color:#333;}
.djsitem .item img{display: block;width: 100%;height: auto;border-radius: 0.08rem}
.djsitem .item_tit{ width:100%; height:auto; overflow:hidden; padding-top:3%;}
.djsitem .item_tit p.p1{ color:#333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; padding:0px 3%}
.djsitem .item_tit2{ height:auto; overflow:hidden; line-height:240%;padding:0px 3%}
.djsitem .item_tit2 span{ display:block; float:left; color:#e00012;/*ff7800*/}
.djsitem .item_tit2 span i{ font-family:Arial; font-weight:bold;}
.djsitem .item_tit2 font{ display:block; float:right; color:#b6b6b6}
.djsitem.loading{min-height: 150px;background: url(../img/AjaxLoader.gif) no-repeat center center}

/* v.wl */
.wl_bjcon{width: 1200px;height: auto;overflow: hidden;margin: 55px auto 30px;}
.wl_bjcon .wl_bgleft{width: 270px;float: left;overflow: hidden;}
.wl_bjcon .wl_bgleft p.p1{font-size: 42px;font-weight: bold;color: #0f4b96;margin-bottom: 20px;}
.wl_bjcon .wl_bgleft p.p2{font-size: 20px;color: #0f4b96;font-weight: bold;line-height: 32px;}
.wl_bjcon .wl_bgleft p.p3{font-size: 20px;color: #7b828c;font-weight: bold;line-height: 32px;}

.wl_bjcon .wl_bgrig{width: calc(100% - 270px);float: right;overflow: hidden;}
.wl_bjcon .wl_bgrig .txtipt{width: 100%;height: auto;overflow: hidden;margin-bottom: 12px;}
.wl_bjcon .wl_bgrig .txtipt .inputwl{color: #7b828c;width: 100%;height: 100%;border: none;float: left;}
.wl_bjcon .wl_bgrig .txtipt .boxinput{width: 31.3%;float: left;box-sizing: border-box;margin: 0px 1%;border: 1px solid #d3d3d3;height: 38px;font-size: 16px;padding: 0px 10px;line-height: 38px;position: relative;}
.wl_bjcon .wl_bgrig .txtipt .inpucoin{width: 20px;height: 18px;background: url(../img/ms_coin1.png) no-repeat center;background-size: 100%;position: absolute;right: 10px;top:10px}
.wl_bjcon .wl_bgrig .txtipt .boxinput2{width: 98%;float: left;box-sizing: border-box;margin: 0px 1%;border: 1px solid #d3d3d3;height: 78px;font-size: 16px;padding: 0px 10px;position: relative;}
.wl_bjcon .wl_bgrig .txtipt .boxinput2 .inputtext{width: 100%;border: none;height: 76px;color: #7b828c;line-height: 24px;}
.wl_bjcon .wl_bgrig .uplodbg{background-color: #f6f6f6;text-align: center;padding: 30px 0px;}
.wl_bjcon .wl_bgrig .marup{margin: 0px auto;}
.wl_bjcon .wl_bgrig .layui-upload-drag{border: none;background-color: #f6f6f6;}
.wl_bjcon .wl_bgrig .layui-upload-drag .layui-icon{color: #0f4b96;}
.wl_bjcon .wl_bgrig .layui-upload-drag p.p1{font-size: 16px;font-weight: bold;color: #4e4e4e;margin-bottom: 5px;}
.wl_bjcon .wl_bgrig .layui-upload-drag p.p2{font-size: 12px;color: #7b828c;}
.wl_bjcon .wl_bgrig .layui-btn{background-color: #e9001a;font-size: 20px;height: 45px;line-height: 45px;border-radius: 6px;}
.txtipt .wl-cloudcoin{width: 46px;height: 42px;background: url(../img/ms_coin2.png) no-repeat center;background-size: 100%;display: inline-block;}
#getKey2{border: none;float: right;color: #0f4b96;background: none;line-height: 38px;cursor: pointer;}
#uploadlist .uk-input{background: none;border: none;margin: 0px 15px;width: 140px;color: #0f4b96;}
#uploadlist .uk-text-left{color: #0f4b96;margin: 0px 20px;}
#uploadlist .del{color: #e9001a;padding: 0px 10px;}
/* laber */
.wl_bjlaberbg{width: 100%;height: auto;overflow: hidden;padding: 45px 0px;background-color: #0f4b96;}
.wl_bjlaber{width: 1200px;height: auto;margin: 0px auto;overflow: hidden;}
.wl_bjlaber ul li{width: calc(100% / 4);float: left;overflow: hidden;position: relative;color: #fff;text-align: center;}
.wl_bjlaber ul li::after{display: inline-block;width: 1px;height: 44px;position: absolute;right: 0px;top: 8px;content: "";background-color: #fff;}
.wl_bjlaber ul li .pic{width: 52px;height: 52px;overflow: hidden;display: inline-block;}
.wl_bjlaber ul li .pic.pic1{background: url(../img/ms_coin3.png) no-repeat center;background-size: 80%;}
.wl_bjlaber ul li .pic.pic2{background: url(../img/ms_coin4.png) no-repeat center;background-size: 70%;}
.wl_bjlaber ul li .pic.pic3{background: url(../img/ms_coin5.png) no-repeat center;background-size: 80%;}
.wl_bjlaber ul li .pic.pic4{background: url(../img/ms_coin6.png) no-repeat center;background-size: 70%;}
.wl_bjlaber ul li .txt{overflow: hidden;display: inline-block;}
.wl_bjlaber ul li .txt p.p1{font-weight: bold;font-size: 22px;margin-bottom: 5px;text-align: left;}
.wl_bjlaber ul li .txt p.p2{font-size: 14px;text-align: left;}
/* 流程 */
.wl_lcbox{width: 1200px;height: auto;overflow: hidden;margin: 40px auto;}
.wl_lcboxtt{text-align: center;font-size: 38px;font-weight: bold;color: #000;}
.wl_lcboxtt i{color: #0f4b96;}
.wl_lcboxc1{width: 100%;height: auto;overflow: hidden;margin: 40px auto 0px;}
.wl_lcboxc1 ul li{width: calc(100% / 7); float: left;position: relative;margin-bottom: 25px;}
.wl_lcboxc1 ul li .pic{width: 122px;height: 122px;box-sizing: border-box;border: 1px solid #175199;border-radius: 50%;font-weight: bold;font-size: 20px;color: #0f4b96;text-align: center;margin: 0px auto;}
.wl_lcboxc1 ul li .pic p.p1{padding-top: 30px;}
.wl_lcboxc1 ul li .pic p.p2{margin-top: 2px;padding: 0px 15px;}
.wl_lcboxc1 ul li::after{position: absolute;display: inline-block;width: 51px;height: 1px;background-color: #175199;right: -25px;top: 50%;content: "";}
.wl_lcboxc1 ul li:nth-child(7)::after{bottom: -26px;left: 85px;width: 1px;height: 27px;right: auto;top: auto;}
.wl_lcboxc1 ul li:nth-child(8),.wl_lcboxc1 ul li:nth-child(9),.wl_lcboxc1 ul li:nth-child(10),.wl_lcboxc1 ul li:nth-child(11),.wl_lcboxc1 ul li:nth-child(12),.wl_lcboxc1 ul li:nth-child(13),.wl_lcboxc1 ul li:nth-child(14){float: right;}
.wl_lcboxc1 ul li:nth-child(8)::after,.wl_lcboxc1 ul li:nth-child(9)::after,.wl_lcboxc1 ul li:nth-child(10)::after,.wl_lcboxc1 ul li:nth-child(11)::after,.wl_lcboxc1 ul li:nth-child(12)::after,.wl_lcboxc1 ul li:nth-child(13)::after{right: auto;left: -25px;}
.wl_lcboxc1 ul li:nth-child(14)::after{display: none;}
.wl_lcboxc1 ul li .pic:hover{background-color: #175199;color: #fff;}
.wl_lcboxpic{width: 100%;height: auto;overflow: hidden;margin: 10px auto 0px;}
.wl_lcboxpic img{width: 100%;}
/* 代言 */
.wl_dybg{width: 100%;height: auto;overflow: hidden;background-color: #f1f2f6;padding: 20px 0px 25px;}
.wl_dybox{width: 100%;height: auto;overflow: hidden;margin: 40px auto 0px;}
.wl_dybox ul li{width: 18%;float: left;margin: 0px 1%;background-color: #fff;height: 315px;position: relative;transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.wl_dybox ul li p.p1{font-size: 24px;color: #0f4b96;text-align: center;margin-top: 80px;margin-bottom: 10px;}
.wl_dybox ul li p.p1 i{font-size: 58px;}
.wl_dybox ul li p.p2{font-size: 18px;color: #000;text-align: center;}
.wl_dybox ul li .labert{width: 133px;height: 133px;border-radius: 50%;background-color: #175199;position: absolute;bottom: -75px;left: 0px;right: 0px;margin: 0px auto;}
.wl_dybox ul li .labert p.p3{font-size: 24px;font-weight: bold;text-align:center;color: #fff;padding-top: 15px;}
.wl_dybox ul li .pic{width: 54px;height: 45px;margin: 65px auto 18px;}
.wl_dybox ul li .pic img{width: 100%;}
.wl_dybox ul li p.p4{background-color: #0f4b96;width: 148px;height: 48px;margin: 0px auto;border-radius: 40px;line-height: 48px;text-align: center;color: #fff;font-size: 18px;}
.wl_dybox ul li:hover{margin-top: -5px;}
/* 10流程 */
.wl_lcboxc2{width: 1050px;height: auto;overflow: hidden;margin: 40px auto 0px;}
.wl_lcboxc2 ul li{width: calc(100% / 5); float: left;position: relative;margin-bottom: 25px;}
.wl_lcboxc2 ul li .pic{width: 122px;height: 122px;box-sizing: border-box;border: 1px solid #175199;border-radius: 50%;font-weight: bold;font-size: 20px;color: #0f4b96;text-align: center;margin: 0px auto;}
.wl_lcboxc2 ul li .pic p.p1{padding-top: 30px;}
.wl_lcboxc2 ul li .pic p.p2{margin-top: 2px;padding: 0px 15px;}
.wl_lcboxc2 ul li .pic:hover{background-color: #175199;color: #fff;}
/* 6大贴心 */
.wl_txlist{width: 100%;height: auto;overflow: hidden;margin: 40px auto 0px;}
.wl_txlist ul li{width: 31.3%;float: left;overflow: hidden;margin: 0px 1% 50px;text-align: center;}
.wl_txlist ul li .pic{width: 54px;height: 54px;margin: 0px auto 10px;}
.wl_txlist ul li .pic.pic1{background: url(../img/wl_coin2.png) no-repeat center; background-size: 80%;}
.wl_txlist ul li .pic.pic2{background: url(../img/wl_coin3.png) no-repeat center; background-size: 80%;}
.wl_txlist ul li .pic.pic3{background: url(../img/wl_coin4.png) no-repeat center; background-size: 80%;}
.wl_txlist ul li .pic.pic4{background: url(../img/wl_coin5.png) no-repeat center; background-size: 85%;}
.wl_txlist ul li .pic.pic5{background: url(../img/wl_coin6.png) no-repeat center; background-size: 85%;}
.wl_txlist ul li .pic.pic6{background: url(../img/wl_coin7.png) no-repeat center; background-size: 90%;}
.wl_txlist ul li p.p1{font-size: 24px;color: #0f4b96;font-weight: bold;margin-bottom: 18px;}
.wl_txlist ul li p.p2{font-size: 16px;color: #000;line-height: 30px;padding: 0px 25px;height: 90px;}