﻿@charset "utf-8";
/* CSS Document */

/*public css*/
*{ margin:0px; padding:0px;}
body{ font-size:14px; font-family:"Microsoft YaHei",SimSun,Arial,Helvetica,sans-serif; color:#222; background:#FFF; line-height:26px; overflow-x:hidden;}
ul li{ margin:0px; padding:0px; list-style-type:none;}
form,ul,li,table,td,p,span,h1,h2,h3,h4,h5,img,dl,dt,dd{ margin:0px; padding:0px;}
img{ border:none; width:auto; max-width:100%;}
a{ color:#222; text-decoration:none;}
a:hover,a:active{color:#38B2C3;text-decoration:none;}
.dispblock{ display:block;}
.dispnone{ display:none;}
.float_l{ float:left}
.float_r{ float:right}
.clear_both{clear:both;}
.hand{ cursor:pointer;}
.f12{ font-size:12px;}
.en_ft{ font-family:Arial;}
.txt_cent{ text-align:center;}
.Word_Break{ word-break:break-all; overflow:hidden; TABLE-LAYOUT:fixed; WORD-WRAP:break-word;}
.txthid{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}


/*首页*/
.in_bkg { background: #45883a url(../images/bkg.jpg) no-repeat; background-size: cover; }
.in_boxA { width: 1200px; margin: 0 auto; }
.in_boxA .lgbox { padding-top: 110px; overflow:hidden; }
.in_boxA .lgbox .a_1 { display: inline-block; padding:0 40px; height: 60px; line-height: 60px; font-size: 18px; color: #333; background-color: rgba(255,255,255,1); transition: all 0.3s ease-out; }
.in_boxA .lgbox .a_1:hover { color: #000; background-color: #FFF; }
.in_boxA .p_1 { color: #FFF; font-size: 50px; line-height: 1.3; padding-top: 90px; }
.in_boxA .p_2 { padding-top: 25px; width: 100%; color: #FFF; font-size: 20px; line-height: 1.5; opacity: 0.4; font-family: arial; text-transform: uppercase; }
.in_boxA .boxA { overflow: hidden; padding-top: 100px; }
.in_boxA .boxA .box { width: calc(50% - 135px); padding: 65px 50px 50px 50px; border-radius: 5px; background-position: right 45px top 30px; background-repeat: no-repeat; }
.in_boxA .boxA .lt { float: left; background-color: #f69d0d; _background-color: rgba(130,191,31,0.7); background-image: url(../images/index_03_1.png); }
.in_boxA .boxA .rt { float: right; background-color: #02B2B5; background-image: url(../images/index_03_2.png); }
.in_boxA .boxA .box .tit { color: #FFF; font-size: 28px; line-height: 1; font-weight: bold; position: relative; }
.in_boxA .boxA .box .tit .jt { display: none; position: absolute; left: 30px; bottom: 20px; width: 0; height: 0; border: 15px solid transparent; border-top: 15px solid #fff; }
.in_boxA .boxA .box .info { display: none; position: absolute; left: 0px; bottom: 50px; padding: 20px; font-size: 14px; line-height: 1.8; font-weight: normal; border-radius: 5px; background-color: #FFF; color: #333; }
.in_boxA .boxA .box .info b { color: #1a65f2; }
.in_boxA .boxA .box .tit:hover .jt { display: block; }
.in_boxA .boxA .box .tit:hover .info { display: block; }
.in_boxA .boxA .box .tit_en { color: #FFF; opacity: 0.5; font-size: 17px; text-transform: uppercase; padding-top: 13px; }
.in_boxA .boxA .box .btnbox { overflow: hidden; padding-top: 50px; }
.in_boxA .boxA .box a { display: block; width: calc(50% - 36px); padding-left: 20px; height: 60px; line-height: 60px; font-size: 18px; color: #333333; background-color: rgba(255,255,255,1); background-image: url(../images/index_05_4.png); background-repeat: no-repeat; background-position: right 15px center; transition: all 0.3s ease-out; }
.in_boxA .boxA .box .cn { float: left;}
.in_boxA .boxA .box .en { float: right; color: #FFF; background-color: rgba(255,255,255,0.45); background-image: url(../images/index_05_3.png); background-repeat: no-repeat; background-position: right 15px center; }
.in_boxA .boxA .box a:hover { color: #000; background-color: #FFF; background-image: url(../images/index_05_1.png); }
.in_boxA .boxA .rt .cn:hover { background-image: url(../images/index_05_2.png); }
.in_boxA .boxA .rt .en:hover { background-image: url(../images/index_05_2.png); }
.in_boxA .boxA .rt .info b { color: #02b2b5; }
.in_boxA .cpy { padding-top: 50px; text-align: center; color: #FFF; font-size: 16px; opacity: 0.4; }
.in_boxA .cpy a { color: #FFF; }
.in_boxA .cpy a:hover { text-decoration: underline; }

/*头*/
.log_top { width:100%;min-width:1200px; background: url(../images/index_01.jpg) center top no-repeat; }
.log_top .box { width: 1200px; padding:35px 0; margin: 0 auto; overflow: hidden; }
.log_top .lt { float: left; }
.log_top .rt { float: right; }
.log_top .rt a { display: inline-block; margin-left: 15px; padding: 15px 30px; font-size: 16px; background-color: #FFF; color: #333; }


/*头、底*/
.web_top { width: 1200px; height: 120px; margin: 0 auto; overflow: hidden; }
.web_top .lt { float: left; padding-top: 32px; }
.web_top .rt { float: right; padding-top: 36px; }
.web_top .rt a { display: inline-block; margin-left: 15px; padding: 15px 30px; font-size: 16px; background-color: #02B2B5; color: #FFF; }
.web_btm { width: 100%;min-width:1200px; padding: 50px 0; background-color: #222; color: #666; text-align: center; }
.web_btm a { color: #666; }
.web_btm a:hover { text-decoration: underline; }




/*login*/
.login_box { width: 100%; min-width: 1200px; padding: 70px 0; background-color: #F5F5F5; }
.login_box .box { width: 1060px; padding: 70px; margin: 0 auto; background-color: #FFF; overflow: hidden; }
/*.login_box .box .lt { float: left; width: 45%; }
.login_box .box .rt { float: right; width: 47%; }*/
.login_box .box .lt { float: left; width: 480px; }
.login_box .box .rt { float: right; width: 500px; }
.login_box .box .rt .tab { height: 70px; line-height: 70px; padding-bottom: 25px; text-align: center; border-bottom: 1px solid #D8D8D8; color: #999; font-size: 24px; }
.login_box .box .rt .tab a { font-weight: bold; color: #999; }
.login_box .box .rt .tab span { display: inline-block; font-size: 20px; margin: 0 20px; }
.login_box .box .rt .tab a.on { color: #111; }
.login_box .box .rt .box_1 { margin-top: 70px; }
.login_box .box .rt .txt { width: calc(100% - 72px); height: 30px; line-height: 30px; padding: 11px 35px; border: 1px solid #C8C8C8; font-size: 16px; outline: none; }
.login_box .box .rt .txt:focus { border-color: #eb8120; }
.login_box .box .rt .box_2 { margin-top: 30px; overflow: hidden; }
.login_box .box .rt .code { float: left; width: calc(63% - 72px); border-right: 0; }
.login_box .box .rt .box_2 .send_btn { float: left; display: block; width: 37%; height: 54px; line-height: 52px; background-color: #eb8120; color: #FFF; text-align: center; font-size: 16px; cursor: pointer; }
.login_box .box .rt .box_2 .send_btn i { font-style: normal; }
.login_box .box .rt .box_2 .dis { background-color: #bbb; cursor: inherit; pointer-events: none; }
.login_box .box .rt .box_3 { margin-top: 90px; }
.login_box .box .rt .box_4 { margin-top: 20px; color:#666;}
.login_box .box .rt .box_4 a { color: #eb8120; text-decoration: underline; }
.login_box .box .rt .btn { display: block; width: 100%; padding-left: 37%; height: 70px; line-height: 70px; font-size: 18px; background: #eb8120 url(../images/index_05_3.png) 63% center no-repeat; color: #FFF; border: 0; cursor: pointer; text-align: left; }
.login_box .box .rt .p_1 { padding-top: 20px; color: #666; }
.login_box .box .rt .p_1 a { color: #666; }
.xieyi_bkg { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 4000; display: block; }
.xieyi { position: fixed; left: 50%; top: 50%; width: 650px; background: #FFF; transform: translate(-50%, -50%); border-radius: 5px; z-index: 4001; display: block; }
.xieyi .xy_tit { padding: 15px 20px; font-size:18px; font-weight: bold; border-bottom: 1px solid #E5E5E5; position: relative; }
.xieyi .xy_tit i { position: absolute; right: 20px; top: 20px; display: block; width: 18px; height: 18px; cursor: pointer; }
.xieyi .xy_tit i:before { content: ""; display: block; position: absolute; left: 0; top: 8px; width: 18px; height: 2px; background-color: #999; transform: rotate(45deg); }
.xieyi .xy_tit i:after { content: ""; display: block; position: absolute; left: 0; top: 8px; width: 18px; height: 2px; background-color: #999; transform: rotate(-45deg); }
.xieyi .xy_info { margin:5px 0; padding: 15px; max-height: 400px; overflow-y: auto; }
.xieyi .xy_btn { display: inline-block; padding: 6px 20px; background-color: #eb8120; color: #FFF; border: 0; border-radius: 3px; cursor: pointer; float: right; outline: none; margin: 0 20px 15px 0; }
.xieyi .xieyi_boxA { text-align: right; padding: 10px 20px 10px 0; font-size:16px; }
.xieyi .xieyi_boxA .cl_1 { color: #eb8120; text-decoration: underline; }




.opa0 { opacity: 0; }
.txt_hide_1{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.txt_hide_2{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.txt_2em { text-indent:2em; }
