﻿body, ul, li, h2, ul, ol, li, p, dl, dt, dd { margin: 0; padding: 0; }
li { list-style: none; }
img { vertical-align: top; border: none; }
body { font-family: "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; color: #495d64; }
a { color: #495d64; text-decoration: none; cursor: pointer; }
.header { border: 1px solid #e7e8ea; border-left: none; border-right: none; }
.wrap { width: 1180px; margin: 0 auto; padding-left: 32px; }
.header-inner { height: 87px; font-size: 14px; }
input { font-family: "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; outline: 0;}
.clearfix:before,.clearfix:after {  display: table;  content: " ";  }
.clearfix:after {  clear: both;  }
/* aaa */
.header-logo { text-indent: -9999px; background: url(images/logo_yunge.png) no-repeat center;  height: 80px; width: 280px; float: left; }/*background-size: 265px 37px;*/
.header-account { padding: 27px 13px 0 0; float: right; margin-left: 23px; }
.header-account a { width: 68px; line-height: 31px; display: inline-block; text-align: center; border-radius: 4px; border: 1px solid #0d6fb8; cursor: pointer; margin-right: 11px; }
.header-account  .btn-signin { color: #0d6fb8; }
.header-account  .btn-signup { background-color: #1f8dd6; color: #fff; }
.header-nav { float: right; font-size: 18px; }
.header-nav li { float: left; position: relative; margin: 0;  }
.header-nav li a:hover{ color: #1f8dd6;}
.header-nav li a { display: block; padding: 0 27px 6px; line-height: 78px; text-align: center; vertical-align: middle; outline: 0; }
.selected { color: #1f8dd6 !important; }
/*.header-nav li:hover { border-top: 3px solid #1f8dd6;}*/
.header-nav li>ul.submenu{ display: none;}
.header-nav li:hover>ul.submenu{ display: block;}
.submenu {  left: -5px;  position: absolute; top: 84px; z-index: 10}
.submenu li {  width: 103px;  font-size: 15px;  border: 1px solid #e7e8ea; }

.submenu li a{  line-height: 40px;  background: #fff;  padding: 0 20px 0;  white-space: nowrap;  color: #495d64; }
.header-nav li>ul.submenu li{ border-top: none;}
.header-nav li>ul.submenu li:first-child{ border-top: 1px solid #e7e8ea;}
.header-nav li>ul.submenu li:hover a{ border-left: 1px solid #1f8dd6;background: #f9f9f9;}
.main { background-color: #f2f2f3; }
.main .content { margin: 0 auto; }
.main .wrap { margin: 0 auto; padding-left: 32px; width: auto; }
/* 閭欢杩囨湡鎻愮ず椤� */
.main .notice_wrap { background: url("Images/notice.min.jpg") center no-repeat; margin: 0 auto; }
.main .notice_wrap>.wrap_bak { width: 1212px; background: url("Images/notice.min.jpg") center no-repeat; height: 400px; margin: 0 auto; }
.notice-inner h2 { font-size: 30px; line-height: 60px; padding-top: 30px; font-weight: 400; color: #2f6f9f; }
/* 缁撴潫 */
.main .login_wrap {  }
.main .login_wrap>.wrap_bak {  }
.main .reg_wrap {  }
.main .reg_wrap>.wrap_bak { }
.main .find_pass_wrap {  }
.main .find_pass_wrap>.wrap_bak { }
.main .getpass_wrap { background: url("Images/getpass.min.png") center no-repeat; margin: 0 auto; }
.main .getpass_wrap>.wrap_bak { width: 1212px; background: url("Images/getpass.min.png") center no-repeat; height: 400px; margin: 0 auto; }
.main .reset_pass_wrap { background: url("Images/reset_pass.min.png") center no-repeat; margin: 0 auto; }
.main .reset_pass_wrap>.wrap_bak { width: 1212px; background: url("Images/reset_pass.min.png") center no-repeat; height: 400px; margin: 0 auto; }
.main .remarks { color: #999ea0; font-size: 13px; line-height: 22px; padding-left: 170px;padding-bottom: 50px;}
.main .content .cont_form { width: 880px; margin: 0 auto; }
.main .content .cont_form form{ padding-left: 160px; }
.refreshCode { color: #1f8dd6; text-decoration: underline; font-size: 14px; margin-right: 8px;}
.main .intro-timeline { height: 712px; }
.main .intro-banner { height: 712px; background: #f2f2f3 url("Images/bg_1.png") no-repeat center bottom; text-align: center; }
.main .intro-banner h2 { color: #313f44; font-size: 60px; font-weight: 400; padding-top: 81px; line-height: 81px; }
.main .intro-banner p { line-height: 59px; color: #0d6fb8; font-size: 24px; margin: 8px 0 79px; }
.main .intro-banner p span { color: #75a82f; }
.main .intro-banner a { background-color: rgba(13, 111, 184, .1); display: inline-block; width: 210px; line-height: 49px; color: #0d6fb8; border-radius: 4px; font-size: 24px; *background-image: url("Images/btn_ie.png"); }
.main .intro-info { border-bottom: 1px solid #e7e8ea; font-size: 14px; }
.main .function { width: 1151px; margin: 0 auto; padding: 154px 0 0 129px; overflow: hidden; }
.main .function li { float: left; width: 194px; margin-right: 84px; }
.main .function li img { height: 191px; width: 194px; }
.main .function li span { padding: 34px 0 0 0; text-align: center; display: block; color: #75a82f; font-size: 18px; }
.main .function li p { color: #638089; padding: 0 8px 113px 0; }
.desc-wrap { overflow: hidden; padding: 190px 0 54px 0; }
.desc-wrap dl { float: left; overflow: hidden; padding: 0 46px 126px; width: 533px; height: 140px; }
.desc-wrap dt { width: 180px; height: 140px; float: left; background: url("Images/info1.png") no-repeat; _position: relative; _top: -13px; }
.desc-wrap dl.kf dt { background-position: 30px 13px; }
.desc-wrap dl.tr dt { background-position: 8px -148px; }
.desc-wrap dl.rh dt { background-position: 23px -288px; }
.desc-wrap dl.tx dt { background-position: 8px -429px; }
.desc-wrap dl.ss dt { background-position: 11px -557px; }
.desc-wrap dl.wd dt { background-position: -3px -737px; }
.desc-wrap dd { float: left; font-size: 12px; width: 331px; color: #5f7d8e }
.desc-wrap dd span { display: block; padding-top: 3px; font-size: 18px; line-height: 55px; color: #999; }
.desc-wrap dd span i { display: inline-block; height: 18px; background: url("Images/wz.png") no-repeat; width: 222px; }
.desc-wrap dl.kf span i { background-position: 2px 4px; }
.desc-wrap dl.tr  span i { background-position: 2px -18px; }
.desc-wrap dl.rh  span i { background-position: 2px -38px; }
.desc-wrap dl.tx  span i { background-position: 3px -58px; }
.desc-wrap dl.ss  span i { vertical-align: -2px; background-position: 4px -79px; }
.desc-wrap dl.wd  span i { background-position: 2px -97px; }
.desc-wrap dd { line-height: 24px; }
.intro-down { background: url("Images/bg_2.png") no-repeat center 0; height: 174px; }
.intro-down p { position: relative; background: url("Images/bg_2.png") no-repeat center 0; height: 174px; }
.intro-down p a { position: absolute; width: 210px; line-height: 49px; background-color: #3782ca; border: 1px solid #88b4e0; border-radius: 4px; text-align: center; color: #fff; font-size: 24px; top: 66px; right: 130px; }
.reg { padding-top: 65px; }
.reg-inner { padding: 0 10px 0px 0px; color: #4c6269;   width: 700px;  margin: auto;}
.reg-inner .title{ padding-left: 167px; width: 345px; text-align: center;}
.reg-inner .title h2 { font-size: 30px; line-height: 60px; padding-top: 30px; font-weight: 400; color: #000; }
.reg-inner .title p { font-size: 14px; line-height: 20px; padding-top: 10px; color: #5c5c5c; }
.reg-inner .title p a{ font-size: 14px; line-height: 20px; padding-top: 10px; color: #2b98fc; }
.reg-inner ol { padding-top: 20px; }
.reg-inner ol li { line-height: 44px; margin-bottom: 26px; position: relative; }
.reg-inner ol li.channel { padding-left: 167px; }
.reg-inner ol li.code_block { }
.reg-inner ol li.registerLi { padding-left: 167px; margin-top: 50px;margin-bottom: 60px;}
.reg-inner ol li.registerLi p{ font-size: 14px;  line-height: 20px;  padding-top: 10px;  color: #5c5c5c;background:none;margin: 0; width: 345px; text-align: right; }
.reg-inner ol li.registerLi p a{font-size: 14px; line-height: 20px; padding-top: 10px;color: #2b98fc;padding-right: 20px;}
.reg-inner ol li.code_block input{ padding-left: 25px; width: 160px; text-indent: 0;}
.reg-inner ol li.reset_pass{ padding-left: 167px; text-align: right;width: 345px;}
.reg-inner ol li.reset_pass a{ color: #2b98fc; padding-right: 20px;font-size: 14px;}
.reg-inner ol li.sendEmail{ padding-left: 167px; margin-top: 50px;}

.reg-inner ol .icon.i-un{ background-position: -1px -1px;}
.reg-inner ol .icon.i-pwd{ background-position: -1px -22px;  background-size: 42px auto;}
.reg-inner ol .icon.i-name{ background-position: -1px -43px;  background-size: 40px auto;}
.reg-inner ol .icon.i-email{ top:15px;}
.reg-inner ol .icon.i-mobile{ background-position: 3px -74px; background-size: 41px auto;}
.icon { width: 25px;height: 25px; vertical-align: middle; position: absolute; left: 190px; top: 17px; line-height: normal;background:url(Images/icons2.png)-1px 0/48px auto no-repeat; }
.main .icon img { width: 20px; }
.reg-inner ol label { float: left; width: 145px; text-align: right; padding-right: 22px; }
.reg-inner .input { width: 345px; height: 45px; border: 1px solid #2b98fc; font-size: 14px; border-radius: 30px; padding: 12px 50px 12px 53px; outline: 0;    -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
.reg-inner .chosen-container-single .chosen-single { width: 243px; height: 18px; border: 1px solid #2b98fc; font-size: 14px; text-indent: 13px; border-radius: 3px; line-height: 16px; padding: 12px 4px;background: #ffffff }
.chosen-container-active.chosen-with-drop .chosen-single{border: 1px solid #2b98fc!important;border-bottom-color: transparent!important;}
.chosen-container .chosen-drop{border: 1px solid #2b98fc!important;border-top-color: transparent!important;}
.reg-inner .chosen-container-single .chosen-single { width: 309px; text-indent: 6px; padding-left: 30px}
.reg-inner .chosen-container-single .chosen-single span { line-height: normal; }
.reg-inner .chosen-container-single .chosen-single div b { background-position: 2px 12px; }
.reg-inner .chosen-container-active.chosen-with-drop .chosen-single div b { background-position: -16px 12px; }
.reg-inner .send { border: none; width: 165px; display: inline-block; line-height: 44px; background: #5eb95e; font-size: 16px; margin-left: 6px; color: #fff; border-radius: 3px; text-align: center; }
.chosen-container .chosen-results li{
    padding-left: 30px!important;
}
/* aaa */
.reg-inner .error { border-color: #c15043; }
.chosen-default.error { border-color: #c15043!important; }
.reg-inner .errorinfo { margin-left: 14px; display: inline-block; color: red; line-height: 26px; padding: 0 11px; font-size: 12px; }
.reg-inner .okinfo { display: none; position: absolute; left: 468px; top: 10px;width: 25px;height: 25px;background:url(Images/icons2.png)-1px -124px/48px auto no-repeat;  }
.reg-inner .code_block .okinfo{ left: 285px;}
.reg-inner .successinfo { background-color: #dff0d8; color: #3c763d; line-height: 40px; padding: 0 11px; border-radius: 3px; border: 1px solid #d6e9c6; display: inline-block; height: 40px; width: 261px; }
.reg-inner .successinfo a { color: #1f8dd6; }
.reg-inner ol p { line-height: 35px; background-color: #cee1ee; color: #1f8dd6; margin: 5px 0 0 154px; width: 285px; text-indent: 16px; }
.reg-inner .code { display: inline-block; width: 94px; height: 42px; margin: 2px 16px 0 14px; overflow: hidden; vertical-align: middle; }
.reg-inner .code img { width: 94px; height: 40px; }
.login .input-code { width: 110px; }
.refer { display: inline-block; width: 345px; line-height: 50px; text-align: center; background: #2b98fc; color: #fff; font-size: 24px; border: none; margin: 0; cursor: pointer; border-radius: 30px; }
.refer:hover { background: #3095f2; }
.getpass .reg-inner .title {  padding-left: 0;  width: auto;  text-align: left;  }
/** * footer閮ㄥ垎
* begin */
.footer { margin-top: 10px; padding-bottom: 20px; }
.footer p { clear: both; padding-top: 65px; text-align: center; color: #9ca8af; font-size: 14px; }
.footer-nav { float: left; font-size: 14px; }
.footer-inner { padding-top: 50px; width: 1100px; }
.footer-nav .grid_3 { float: left; margin-right: 80px; }
.footer-nav .grid_3 .items { width: 200px; }
.footer-nav .items li { margin-bottom: 20px; }
.footer-nav .items li.contact_us { height: 57px; }
.footer-nav .items li.contact_us span { display: block; float: left; position: relative; overflow: hidden; }
.footer-nav .items li.contact_us div { padding-top: 0px; clear: none; text-align: left; padding-left: 10px; width: 180px; display: block; float: left; font-size: 14px; color: #638089; position: relative; overflow: hidden; }
.footer-nav .items li.contact_us div span { font-size: 14px; display: block; float: none; }
.footer-nav .items li.contact_us div font { display: block; padding-top: 7px; }
.footer-nav .items li.contact_us img { width: 26px; }
.footer-nav .items li span { color: #333; font-size: 16px; }
.footer-nav .items a { color: #638089; }
.footer-nav .items a:hover { color: #1f8dd6; }
.cooperation { margin-top: 50px; }
.cooperation span { color: #c7c7c7; font-size: 16px; }
.cooperation ul { width: 900px; margin: 0 auto; margin-top: 8px; position: relative; overflow: hidden; margin-bottom: -20px; }
.cooperation li { float: left; margin-right: 40px; margin-bottom: 20px; position: relative; overflow: hidden; border: 1px solid #F3F3F3; }
.cooperation li img { width: 145px; }
.cooperation li img.hide_img { display: none; }
/** * footer閮ㄥ垎

/** 娴忚鍣ㄧ増鏈綆浜�9 */
#browser_ie { display: none; height: 85px; background-color: #F6F6B4; font-size: 15px; color: #000; }
#browser_ie .brower_info { width: 800px; margin: 0 auto; padding-top: 17px; }
#browser_ie .brower_info .notice_info { float: left; position: relative; margin-top: 5px; }
#browser_ie .brower_info .notice_info p { width: 360px; line-height: 25px; text-align: left; display: inline-block; }
#browser_ie .browser_list { float: left; position: relative; }
#browser_ie .browser_list img { width: 40px; height: 40px; }
#browser_ie .browser_list span { text-align: center; display: inline-block; width: 80px; }

.doloadtit{margin: 0 auto; text-align: center; height: 100px; line-height: 100px;}
.doloadtit font{ color: #0578f7; font-size:45px;}
/*--------------------------------------------------案例----------------------------------------*/
.casefont{ font-size: "微软雅黑";}
.caseContainer{ width: 1134px; margin: 0px auto;text-align: center; padding:30px 0px; overflow: hidden; }

.casetit{ margin: 0 auto; text-align: left; height: 100px; line-height: 100px; margin-bottom: 10px;}
.casetit font{ color: #73aef0; font-size:45px;}
.caseList{ height: 200px; margin-bottom: 60px; margin-top: 15px;}
.caseList ul li{ display: inline-block; float: left; width: 280px; padding:10px 20px; margin: 10px 20px; height:80px; border: 1px dashed #c6c6c6; background: #fff;}
.caseList ul li img{ width:216px; height:79px;}
.caseList ul li span{ display: inline-block; margin-top: 15px;}
.caseList ul li p{ line-height: 32px; font-size: 黑体;}
.casename{ color: #464646;}
.caseurl{ color: #228cd6;}


/*--------------------------------------------home 首页------------------------------------------------------*/
.hometop{ width: 100%; height: 961px; margin:0 auto; background: url("../images/yg_banner.jpg") no-repeat center;}

.header_home li a{ color: #a2a2a2 }
.top_ban{ width: 1180px; margin: 0 auto;  padding-top:110px; }
.top_ban_left{ float: left; width:500px; color: #fff; padding-top: 90px;}
.spbigdes{ text-align: right; display: inline-block; margin-top: 90px; }
.spbigdes p{ font-size: 60px; line-height: 50px; vertical-align: middle;letter-spacing:2px; }
.spmindes{ margin-top: 40px; display: inline-block;}
.spmindes ul li{ line-height: 40px; font-size: 28px; color: #cbcbcb; text-indent: 10px;}
.arrho{ display: inline-block; padding: 80px; margin-top: 60px; width: 500px; vertical-align: bottom;}
.top_ban_right{ float: right; width: 500px; padding-top: 202px; text-align: right;  background: url(../images/ban_pic.png) no-repeat center; height: 662px; }/*-- margin-left: 20px;---*/
.top_ban_right img{ }
.top_ban_right ul{ }
.chatbox{ width: 362px; height: 560px; margin-left: 68px;overflow:hidden; position:relative;}
.chatboxul{height: 560px;  width: 362px;}
.top_ban_right ul li{ display: inline-block; float: left; width: 362px;height: 560px; } /*362  68  width: 400px;margin-left: 30px;    position: relative;         position: absolute; right: 14%; top:24%; */

.slideBox{ width: 362px; height: 560px; margin-left: 68px; overflow:hidden; position:relative;   }
.slideBox .hd{ height: 560px; overflow:hidden; position:absolute; right:10px; bottom:10px; z-index:1; }

.homecontent{ width: 1180px; margin: 20px auto; text-align: center;}
.funcon{  width: 1180px; height: 800px; margin: 0 auto; padding-top: 40px;}
.funtit{ display: inline-block; height: 60px;  line-height: 60px; vertical-align: middle; font-size:50px; padding:20px 0px; color: #444b55;  margin-bottom: 20px;}
.funcon p{ width: 1180px;}
.funcon img{ text-align: center;}
.funcon span{ display: inline-block; margin-top: 30px;}
.funcon span p{ text-align: center; line-height: 28px; vertical-align: middle; color: #444b55;}

.funtit2{ display: inline-block; height: 60px;  line-height: 60px; vertical-align: middle; font-size:30px; padding:20px 0px; color: #005cbf;  margin-bottom: 20px;}
.homeservice{ height: 500px; width: 1180px; margin: 0 auto;}
.homeservice ul li{ display: inline-block; float: left;  width: 280px; margin-left:50px; margin-right:20px; text-align: center; }
.homeservice ul li img{ text-align: center;}
.homeservice ul li label{ width: 100%; color: #005cbf; line-height: 30px; }
.homeservice ul li span{ text-align: center; width: 274px; display: inline-block; padding:3px; line-height: 25px;}
.noheigt{ height: auto !important;}

.homefooter{ width: 100%; background: #333;}
.homefoot{ height: 628px; margin: 0 auto; width: 1180px;}

.homecontactus{ float: left;  width: 600px; color: #a7a7a7; margin-top: 80px; padding-top: 50px; }
.aboutusti{ font-size: 50px; line-height: 50px; text-align: left; }
.contactdes{ width: 560px; line-height: 25px; display: inline-block; font-size: 18px; margin-top: 30px;  text-indent: 2em; margin-bottom: 20px;}
.contactpinfo p{ line-height: 30px; vertical-align: middle; font-size: 20px;}


.homecontactmap{ float: right; width: 500px; margin-top: 80px; padding-top: 50px;}












