@charset "utf-8";
/* CSS Document */
/*基础部分*/
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,input,select,textarea,div,table,td,th,tr,dt,dd,dl{margin:0;padding:0;}
ul,ol{list-style:none;}
em,i{font-style:normal;}
table{border-spacing:0;border-collapse:collapse;margin:inherit;}
img{border:none;vertical-align:middle;}
input,select,button{vertical-align:middle;outline: none;}
a{text-decoration:none;color: #434343;}
a:hover{color: #14b9c8;}
body{min-width:1200px;font-family:'Microsoft YaHei','Arial','Heiti SC'; background:#f2f2f2; color: #434343; font-size: 14px;}
.fl{float: left;}
.fr{float: right;}
.hide{display: none;}
.bg_fff{background: #fff;}
.mbt20 { margin-bottom: 20px; }
.border1{border-bottom: 1px solid #eee;}
.W1200{width: 1200px;margin: 0 auto;}
.clear:before,.clear:after{content: '';display: block;clear: both;}
.gray{-webkit-filter: grayscale(100%);-moz-filter: grayscale(1);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.ico_img{background: url("http://static.3733.com/new_index/images/ico_img.png") no-repeat center;}
.list_center{margin: 10px auto;}


.header_warp { font-size: 12px; position: relative; z-index: 2; }
.header_warp .header_top { width: 100%; height: 30px; line-height: 30px; background: #0d0d0d; }
.header_warp .header_top .a_tex { float: left; }
.header_warp .header_top .a_tex a { color: #94979f; }
.header_warp .header_top .text_rit { float: right; }
.header_warp .header_top .text_rit .phone { float: left; position: relative; height: 30px; }
.header_warp .header_top .text_rit .phone a { display: block; width: 65px; height: 17px; border: 1px solid #515256; margin-top: 6px; text-align: center; line-height: 17px; color: #515256; }
.header_warp .header_top .text_rit .phone .ewm { display: none; position: absolute; z-index: 1000; right: 0; top: 30px; width: 130px; height: 152px; padding: 10px; background: #fff; -moz-box-shadow: 0 3px 3px 3px rgba(179, 179, 179, 0.6); -webkit-box-shadow: 0 3px 3px 3px rgba(179, 179, 179, 0.6); box-shadow: 0 3px 3px 3px rgba(179, 179, 179, 0.6); }
.header_warp .header_top .text_rit .phone .ewm img { width: 130px; height: 130px; display: block; }
.header_warp .header_top .text_rit .phone .ewm font { font-size: 12px; text-align: center; display: block; color: #666; padding: 7px 10px; line-height: 18px; }
.header_warp .header_top .text_rit .phone:hover a { color: #fff; }
.header_warp .header_top .text_rit .phone:hover .ewm { display: block; }
.header_warp .header_top .text_rit .Meun_wrap { float: left; position: relative; }
.header_warp .header_top .text_rit .Meun_wrap .bt_ { padding-left: 20px; color: #94979f; height: 30px; line-height: 30px; cursor: pointer; }
.header_warp .header_top .text_rit .Meun_wrap .bt_ i { display: inline-block; vertical-align: middle; height: 7px; width: 4px; background-position: 0 0; margin: -2px 6px; position: relative; transition: all 0.2s linear; }
.header_warp .header_top .text_rit .Meun_wrap .Meun_box { display: none; transition: all 0.2s linear; width: 320px; position: absolute; right: 0px; top: 30px; background: #fff; border: 1px solid #eee; padding: 0 10px; padding-bottom: 12px; z-index: 1000; }
.header_warp .header_top .text_rit .Meun_wrap .Meun_box:before { content: ''; display: block; position: absolute; right: 28px; top: -6px; width: 0; height: 0; border-bottom: 6px solid #fff; border-left: 5px solid transparent; border-right: 5px solid transparent; }
.header_warp .header_top .text_rit .Meun_wrap .Meun_box .ul_lis { width: 50%; float: left; }
.header_warp .header_top .text_rit .Meun_wrap .Meun_box .ul_lis .bt { height: 50px; line-height: 50px; padding-top: 4px; display: block; overflow: hidden; margin: 0 5px; font-size: 16px; font-weight: bold; }
.header_warp .header_top .text_rit .Meun_wrap .Meun_box .ul_lis .bt:before { content: ''; display: inline-block; vertical-align: middle; background: #14b9c8; width: 5px; height: 19px; margin: -2px 10px 0 0; }
.header_warp .header_top .text_rit .Meun_wrap .Meun_box .ul_lis .lis { padding-right: 10px; }
.header_warp .header_top .text_rit .Meun_wrap .Meun_box .ul_lis .lis a { float: left; width: 50%; text-align: center; overflow: hidden; line-height: 28px; height: 28px; }
.header_warp .header_top .text_rit .Meun_wrap .Meun_box .ul_lis .lis .color1 { color: #f39700; }
.header_warp .header_top .text_rit .Meun_wrap:hover .bt_ i { transform: rotate(90deg); }
.header_warp .header_top .text_rit .Meun_wrap:hover .Meun_box { display: block; }
.header_warp .header_center { height: 80px; line-height: 80px; background: #14b9c8; }
.header_warp .header_center .logo { float: left; width: 145px;  display: block; margin-top: 14px; }
.header_warp .header_center .logo img { display: block; width: 100%; }
.header_warp .header_center .nav { float: left; width: 900px; height: 100%; overflow: hidden; }
.header_warp .header_center .nav .lis { float: right; }
.header_warp .header_center .nav .lis a { display: block; width: 80px; float: left; text-align: center; line-height: 44px; color: #6de3ed; font-size: 14px; filter: alpha(opacity=90); opacity: 0.9; }
.header_warp .header_center .nav .lis a i { display: inline-block; vertical-align: middle; margin-top: 12px; height: 29px; background-position-y: -26px; }
.header_warp .header_center .nav .lis a span { display: block; height: 35px; line-height: 35px; }
.header_warp .header_center .nav .lis a .ico1 { width: 24px; background-position-x: 0; }
.header_warp .header_center .nav .lis a .ico2 { width: 26px; background-position-x: -35px; }
.header_warp .header_center .nav .lis a .ico3 { width: 23px; background-position-x: -73px; }
.header_warp .header_center .nav .lis a .ico4 { width: 23px; background-position-x: -105px; }
.header_warp .header_center .nav .lis a .ico5 { width: 24px; background-position-x: -137px; }
.header_warp .header_center .nav .lis a .ico6 { width: 22px; background-position-x: -169px; }
.header_warp .header_center .nav .lis a .ico7 { width: 26px; background-position-x: -197px; }
.header_warp .header_center .nav .lis a .ico8 { width: 26px; background-position-x: -228px; }
.header_warp .header_center .nav .lis a:hover { background: #05aebd; filter: alpha(opacity=100); opacity: 1; }
.header_warp .header_center .nav .lis .on { background: #05aebd; filter: alpha(opacity=100); opacity: 1; }
.header_warp .header_center .search { width: 131px; padding: 0 10px; float: right; }
.header_warp .header_center .search .form { margin-top: 27px; background: #a1e3e9; height: 23px; line-height: 23px; border-radius: 20px; }
.header_warp .header_center .search .form .btn { height: 14px; width: 12px; background-position: -80px 0; margin: 4px 3px 0 9px; position: relative; float: left; }
.header_warp .header_center .search .form .btn button, .header_warp .header_center .search .form .btn a { background: none; border: none; width: 100%; height: 100%; display: block; }
.header_warp .header_center .search .form input { float: left; width: 100px; display: block; background: none; border: none; height: 13px; line-height: 13px; padding: 5px 0; color: #008995; font-size: 12px; }

.footer_warp { position: relative; z-index: 2; }
.footer_warp .footer {  background: #14b9c8; padding: 20px 0;}
.footer_warp .footer .p { text-align: center; line-height: 30px; color: #fff; letter-spacing: 1px; }
.footer_warp .footer .p a{color:#fff;}
.footer_warp .footer .p a:hover{color: #666;text-decoration: underline;}

.pagewrap{  width: 100%; height: 42px; padding: 30px 0; line-height: 42px; text-align: center; color: #272a34;overflow: hidden;}
.pagewrap a,.pagewrap span{display: inline-block; height: 40px; text-align: center; line-height: 40px; border: 1px solid #e9e9e9;background: #fff; border-radius: 3px; padding: 0 17px; margin: 0 2px; font-size: 14px; color: #999;}
.pagewrap a.current ,
.pagewrap .active a,
.pagewrap a:hover{color: #fff; border: 1px solid #14b9c8; background: #14b9c8;}
.pagewrap li{display: inline-block; _zoom:1;display:inline; }
.pagewrap .page .prev,.pagewrap .page .netx{width:38px;}
.pagewrap .page{margin: 0 auto;display: block;}
.pagewrap li.active a{color: #fff; border: 1px solid #14b9c8; background: #14b9c8;}

.box404 {width: 700px;margin: 40px auto;text-align: center;line-height: 40px;position:relative;}
.box404 p{position:absolute; left:0px; width:100%; text-align:center; bottom:40px;}
.box404 span{position:absolute; left:0px; width:100%; text-align:center;bottom:10px;}

#page{padding-top:15px;overflow: hidden;margin: 15px auto;width: 1200px;}
#mulu{float:left;display:inline;width:240px;}
#container{float:left;width:900px;padding-left:20px;    line-height: 30px; padding-bottom: 5px;}
#mulu a{display:block;line-height:42px;height:42px;text-indent:80px;background:#fff ;}
#mulu .cur,#mulu .cur:hover{background-position:145px -26px;background-color:#14b9c8;color:#fff;}
#mulu a:hover{background-color:#ebffec;color:#14b9c8;text-decoration:none;}
#container h2{font-size:18px;padding-left:15px;height:41px;line-height:41px;border-bottom:1px solid #ddd;margin-bottom:10px;}
#container p{padding-left:15px;line-height:34px;margin-bottom:10px;}
#container b{font-weight:bold;}
#container a{color:#0984C5;text-decoration:underline;}
#container a:hover{color:#f60;}
.wid_wrap{ display: none; width: 100%;height: 100vh;z-index: 20198;position: fixed;left: 0;top: 0;}
.wid_wrap .win_mengban{width: 100%;height: 100vh;z-index: 20198;position: absolute;z-index: 1;left: 0;top: 0;background: rgba(0,0,0,.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);}
.wid_wrap .win_box{width: 560px;height: 400px;background: #fff;border-radius: 4px;position: absolute;z-index: 2;left: 50%;top: 50%;margin: -200px 0 0 -280px;}
.wid_wrap .win_box .tt{color: #14b9c8;font-size: 22px;font-weight: 600;text-align: center;line-height: 40px;margin-top: 10px;}
.wid_wrap .win_box ul{margin: 15px auto;overflow: hidden;width: 500px;}
.wid_wrap .win_box ul li{font-size: 20px;color: #666;line-height: 36px;margin-bottom: 20px;overflow: hidden;}
.wid_wrap .win_box ul li input{width: 350px;height: 36px;padding: 0 15px;float: left;}
.wid_wrap .win_box ul li span{float: left;width: 110px;display: block;}
.wid_wrap .win_box ul li span i{color: #f00}
.wid_wrap .win_box ul li textarea{width: 372px !important;float: left;padding: 5px;height: 100px !important;}
.wid_wrap .win_box .btn{text-align: center;line-height: 40px; display: block;margin: 10px auto;width: 160px;height: 40px;background: #14b9c8;border-radius: 6px;color: #fff;font-size: 16px;cursor: pointer;border: none;}


/*upload*/
.ruku_wrap .title { width: 100%; height: 66px; }
.ruku_wrap .title p { float: left; line-height: 66px; color: #2e2e2e; font-size: 28px; font-weight: bold; }
.ruku_wrap .item_wrap { overflow: hidden; border: 1px solid #edeff2; background: #fff; padding: 25px; margin: 10px 15px 20px; }
.ruku_wrap .item_wrap .list { min-height: 60px; overflow: hidden; }
.ruku_wrap .item_wrap .list .left_txt { min-width: 190px; line-height: 60px; font-size: 16px; color: #595959; float: left; }
.ruku_wrap .item_wrap .list .left_txt .required { color: #ff4c4c; }
.ruku_wrap .item_wrap .list .Item_input { width:600px; height: 20px; padding: 10px; background: #f5f6fc; border: none; outline: none; float: left; margin: 10px 0; }
.ruku_wrap .item_wrap .list .up_wrap { width: 186px; height: 118px; background: #f5f6fc url("http://static.3733.com/new_index/images/img_up.png") no-repeat center; border: 1px dashed #eceef0; float: left; position: relative; margin: 10px 20px 10px 0; }
.ruku_wrap .item_wrap .list .up_wrap2 { width: 135px; height: 85px;}
.ruku_wrap .item_wrap .list .up_wrap input { width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); cursor: pointer; position: relative; z-index: 2; }
.ruku_wrap .item_wrap .list .up_wrap img { width: 100%; height: 100%; left: 0; top: 0; position: absolute; }
.ruku_wrap .item_wrap .list .txt_tips { width: 100%; float: left; margin: 4px 0 10px 180px; font-size: 14px; height: 20px; line-height: 20px; color: #bbb; }
.ruku_wrap .up_btn { display: block; margin: 10px auto; border: none; outline: none; text-align: center; background: #14b9c8; width: 240px; height: 48px; line-height: 48px; font-size: 14px; color: #fff; font-weight: bold; border-radius: 6px; cursor: pointer; }
.ruku_wrap .up_btn:hover { opacity: 0.8; }