/*start--以下部分为基本的公共样式--start*/
@charset "utf-8";

/*iphone手机的input的样式问题*/
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; }

/*css初始值   */
body,html{min-height:100%}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
body {margin:0px;padding:0;font-family:  Century Grothic , Arial;font-size: 14px;}
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {margin: 0;padding: 0;list-style-type: none;list-style:none;}
input[type=number] { -moz-appearance:textfield;}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {    -webkit-appearance: none;}
img { vertical-align:top;border:none;}
a {cursor:pointer;text-decoration:none;}
a:hover,a:link,a:visited{text-decoration:none;}
.fl {float:left;}
.fr{float:right;}
.clear {clear:both;}
.textright{text-align:right;}

.bodyminheight{min-height:500px;}
.textalign {text-align:center;}
.textbold{font-weight:bold;}
.marginr-10 {margin-right:10px;}
.margbot10{margin-bottom:10px;}
/*设置段落格式中英文两端对齐，英文不断词，自动换行*/
.commonp {word-break: keep-all;
    word-wrap: break-word; // 只对英文起作用，以单词作为换行依据。
    white-space: pre-wrap; //只对中文起作用，强制换行。
    text-align:justify;  //css英文语句的两端对齐：
    text-justify:inter-ideograph;
}
.duancip{word-break: keep-all;
    word-wrap: break-word; 
    white-space: pre-wrap;}  
/*在已设定的宽度和高度之内绘制设定元素的边框及内边距,通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。*/
.borderbox { -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.border-circle {-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.border-radius {-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.border-radius12 {-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;}
.border-radius8 {-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
.display-flex { display:-webkit-box;display:-moz-box;display:-ms-flexbox; display:-webkit-flex;display:flex; }
.flex-1 { -webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1; flex:1;}
.flex-2 { -webkit-box-flex:2;-moz-box-flex:2;-webkit-flex:2;-ms-flex:2; flex:2;}
.flex-3 { -webkit-box-flex:3;-moz-box-flex:3;-webkit-flex:3;-ms-flex:3; flex:3;}
.flex-none { -webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none; flex:none;}

/* 段落内容显示前2行,需要将以下设置的css样式直接写到需要用到的类的css样式设置中*/
.overflow-2line { text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;  }

/* 使用display:flex的情况下，文本省略号功能暂时没有实现，只是实现宽度超出时隐藏 */
.overflow-title { max-width:100%; -o-text-overflow: ellipsis; text-overflow:ellipsis; word-wrap:break-word; word-break:break-all; overflow:hidden; }
.overflow-txt { max-width:100%; word-wrap:break-word; word-break:break-all;overflow:hidden; }

.huanhang { max-width:100%; word-wrap:break-word; word-break:break-all; }

/* 用于单行的文本溢出，同时没有使用display:flex的情况 */
.overflow-singline { word-break:keep-all; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }



/* 用于背景图片,全部占据外层div，且保持图片宽高比不变，需根据实际情况调整图片名称，位置设置（background-position），大小等。 */
.bg-img {display:block; width:100%; height:100%; background-image: url(../images/bg.jpg);  -webkit-background-size: cover;   
-moz-background-size: cover; -o-background-size: cover; background-size: cover; 	background-repeat: no-repeat; background-position:center top;}

.bg-grey {background-color: #f5f5f5;}
.sfont {font-size:12px;}


/*段落文字的两端对齐和分散对齐*/
.pstyle {line-height:24px;text-indent:20px;text-align:justify;text-justify:distribute-all-lines; /* 这行必加，兼容ie浏览器*/}

.wrap{width:1200px;margin-left:auto;margin-right:auto;}
.color-main { color:#16a6d1;}
.mainblue{color:#16a6d1;}
.maingrey{color:#A29F99;}
.maingreen{color:#7AAE7D;}
.logoblue{color:#16A6D1}
.logogrey{color:#54555A}

.bitiantxt{font-size:18px;color:red;}
.wrap-shadow {
    background: none repeat scroll 0 0 #fff;
    box-shadow: 0 0 2px rgba(0,0,0,.1);
}


.swrap {
    width: 980px;margin-left:auto;margin-right:auto;
}



/*end--以上部分为基本的公共样式--end*/

.bg-grey{background: #f6f6f6;}

.baominbaowrap {width:800px; margin-left:auto;margin-right:auto;}
.hp_kk{width:1200px;margin-top:15px;}

.height100 {height:100px;}

.circle {display: inline-block;cursor:pointer;width:auto;}
 .r-radio {  
    display: none;  
}  
.r-radio + span {margin-right:5px;display: inline-block;	width: 24px;height: 24px;font-size:16px;color:#fff;line-height:26px;text-align:center;border: 1px solid #bab9b9;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;cursor:pointer;}
  .r-radio + span:after{content:"\2713";}
.r-radio:checked+span  {  
   border-color:#015b9a;background-color:#015b9a; 
}  

 .r-checkbox {  
    display: none;  
}  
.r-checkbox + span {margin-right:5px;display: block;	width: 20px;height: 20px;font-size:16px;color:#fff;line-height:26px;text-align:center;border: 1px solid #bab9b9;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;cursor:pointer;}
  .r-checkbox + span:after{content:"\2713";}
.r-checkbox:checked+span  {  
   border-color:#015b9a;background-color:#015b9a; 
}  


/* 用于背景图片,全部占据外层div，且保持图片宽高比不变，需根据实际情况调整图片名称，位置设置（background-position），大小等。 */
.bg-img {display:block; width:100%; height:100%; background-image: url(../images/bg.png);  -webkit-background-size: cover;   
-moz-background-size: cover; -o-background-size: cover; background-size: cover; 	background-repeat: no-repeat; background-position:center top;z-index:-10;}

.textblod {font-weight:bold;}
/*选择语言*/

 .tiaozhuanbody {display:block;width:100%; height:100%; background-image: url(../images/shouye.jpg);  -webkit-background-size: cover;   
-moz-background-size: cover; -o-background-size: cover; background-size: cover; 	background-repeat: no-repeat; background-position:center top;}
.minheight{min-height:500px;}

/* ---- Header ---- */
.header		{clear:both; display:block;background-color:#54555A; width:100%; height:70px; line-height:70px; font-size:16px;text-align:center;margin:0 auto;padding:0;}
.menuli 	{float:left; list-style:none;padding-top:15px;padding-bottom:15px; height:40px;line-height:40px;}
.menuli.active  .blueline ,.menuli .blueline:hover{border-bottom:2px solid #006633;color:#FFF; text-decoration:none;}
.menuli.active  .blueline1 ,.menuli .blueline1:hover{border-bottom:2px solid #996699;color:#FFF; text-decoration:none;}
.menuli.active  .blueline2 ,.menuli .blueline2:hover{border-bottom:2px solid #993333;color:#FFF; text-decoration:none;}
.menuli.active  .blueline3 ,.menuli .blueline3:hover{border-bottom:2px solid #006699;color:#FFF; text-decoration:none;}

.totopdiv{position:fixed;bottom:20px;right:0;z-index:1000;display:none;width:50px;height:60px;background-color:#fff;-webkit-box-shadow: 0 0 4px rgba(0,0,0,.1);
    box-shadow: 0 0 4px rgba(0,0,0,.1);text-align:center;-moz-border-radius:12px 0 0 12px;-webkit-border-radius:12px 0 0 12px;border-radius:12px 0 0 12px;overflow:hidden;}
    .totopdivbtn{display:block;width:100%;height:60px;line-height:60px;font-size:40px;color:#666;cursor:pointer;}
   
.totopdivbtn:hover{color:#fff;background-color:#16a6d1;}
a.menulitxt 	{display:block; margin:0 20px; color: #c7d1d8;cursor:pointer;}
.menuli.current .menulitxt	{padding:8px 20px; color:white; background-color:#1DA6D0; margin:8px; line-height:normal;}
.menuli .menulitxt:hover		{color:#FFF; text-decoration:none;}
  .menulinavul {position:relative;}
    .menulinav {position:absolute;top:70px;right:0;display:none;width:180px;height:160px;/* background-color:#54555A; */z-index:999;color:#c7d1d8;text-align:left;background-color:transparent;}
    .menulinavli {padding:0 10px;line-height:40px;height:40px;font-size:16px;cursor:pointer;color:#c7d1d8;}
    .menulinavli:hover{color:#FFF; text-decoration:none;background-color:#54555A;}
    .menulinavulbg {position:absolute;left:0;top:0;display:block;width:200px;height:160px;background-color: #000;opacity:0.6;filter:alpha(opacity=60);z-index:1000;}
    .headlogin{display:block;cursor:pointer;color: #c7d1d8;cursor:pointer;}
		.headlogin:hover{color:#fff;}
		.headregister{display:block;margin-left:20px;cursor:pointer;color: #fff;cursor:pointer;}
		.headmsg{display:block;margin-right:20px;cursor:pointer;color: #fff;cursor:pointer;}
    .headico1{position:relative;font-size:24px;line-height:40px;height:40px;margin-top:0;color:#c7d1d8;}
    .headnum{position:absolute;right:-4px;top:0;display:block;width:16px;height:16px;line-height:16px;background-color:#1afa29;text-align:center;font-size:8px;color:#fff;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
    .headico1:hover{color:#fff;}
		
		.headava{display:inline-block;margin-right:2px;width:32px;height:32px;vertical-align:top;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
		.headico{font-size:20px;margin-right:5px;line-height:40px;height:40px;margin-top:0;}
		 .headlogin:hover ,.headregister:hover ,.headlogin.active ,.headregister.active{color:#FFF; text-decoration:none;}
    .menulinavinfo {/* position:absolute;left:0;top:10px; */padding-top:10px;z-index:1020;display:block;width:180px;height:auto;background-color:transparent;background-image: url(../images/bgimg/60black.png);  -webkit-background-size: cover;   
-moz-background-size: cover; -o-background-size: cover; background-size: cover; 	background-repeat: repeat; background-position:center top;}
    
.signup {display:block;width:auto;margin-top:0;height:40px;line-height:40px;padding:0 20px ;color:#fff;cursor:pointer;border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px;background-color:#16a6d1;}

.logo		{float:left; width:auto; font-size:22px; height:40px; line-height:40px; color:white;margin-right:80px;}
.logo img{display:block;vertical-align:top;width:auto;height:40px;margin-top:15px;}
.inner		{clear:both; display:block;width: 1200px; margin-left:auto; margin-right:auto; }
      
 .indexhead{position:absolute;left:0;top:0;background-color:transparent;z-index:10;}
.indexheadbg{position:absolute;left:0;top:0;display:block;width:100%;height:70px;background-color: #000;opacity:0.4;filter:alpha(opacity=40);z-index:10;}
.indexinner {position:absolute;left:50%;top:0;margin-left:-600px;z-index:102;background-color:transparent;}  
    
.marginheadtop {margin-top:110px;}


 .btnav {display:block;width:1200px;margin:20px auto 0;text-align:center;overflow:hidden;}
    .btnavul{display:block;width:1220px;}
  .btnavli {margin-bottom:10px;float:left;margin-right:20px;display:block;width:285px;min-height:40px;line-height:40px;text-align:center;font-size:20px;color:#fff;background-color:#00a2ff;cursor:pointer;padding:10px 0;border-radius:4px;}
  .btnavlia{display:block;width:100%;height:100%;color:#fff;text-decoration:none;}  
  .btnavli:hover{background-color:#024878;color:#fff;text-decoration:none;}
  .btnavli:hover .btnavlia{color:#fff;text-decoration:none;}


.headbannerimg{display:block;width:100%;height:auto;margin:0 auto;}


/*弹框*/
.dialog-mark{
    width:100%;
    height:100%;
    position:fixed;
    left:0;
    top:0;
    z-index:1000;
    background-color:rgba(0,0,0,.5);
}
.dialog-wrap{
    position:fixed;
    left:0;
    top:0;
    z-index:1001;
    overflow:hidden;
}
.dialog-wrap .close-icon{
    width:48px;
    height:48px;
    cursor:pointer;
    color:#D5D5D5;
    font-size:20px;
    position:absolute;
    right:10px;
    top:10px;
    background:url("/images/close@2x.png") center center no-repeat;
    background-size:24px auto;
}
.dialog-pc{
    left:50%;
    top:50%;
    margin-top:-250px;
    margin-left:-500px;
    width:1000px;
    height:500px;
    padding:100px 50px;
    border-radius:4px;
    background-color:#fff;
}
.dialog-pc .dialog-list a{
    float:left;
    width:242px;
    margin-right:78px;
    text-align:center;
    cursor:pointer;

}
.dialog-pc .dialog-list a:last-child{
    margin-right:0;
}
.dialog-pc .dialog-list h3{
    color:#2b2b2b;
    font-size:24px;
    margin-bottom:10px;
}
.dialog-pc .dialog-list p{
    color:#999;
    font-size:16px;
    margin:10px 0;
}
.dialog-pc .dialog-list .img-wrap{
    margin:40px 0 20px;
    background-color:#f1f1f1;
    border-radius:5px;
}
.dialog-pc .dialog-list .img-wrap img{
    margin-top:-30px;
}
.dialog-pc .dialog-list span{
    display:block;
    color:#2b2b2b;
    font-size:16px;
    line-height:42px;
    border:1px solid #2b2b2b;
    border-radius:3px;
}
.dialog-pc .dialog-list a:hover h3{
    color:#FA3E25;
}
.dialog-pc .dialog-list a:hover .img-wrap{
    background-color:#FA3E25;
}
.dialog-pc .dialog-list a:hover span{
    color:#FA3E25;
    border-color:#FA3E25;
}
.dialog-mobile{
    width:100%;
    height:100%;
    padding:0 45px;
    /*display:flex;*/
    display:none;
    justify-content:center;
    align-items:center;
}
.dialog-mobile .dialog-con{
    width:100%;
    padding:0 10px;
    background-color:#fff;
    border-radius:4px;
    overflow:hidden;
}
.dialog-mobile .dialog-con .title{
    color:#333;
    text-align:center;
    margin:25px auto 20px;
    font-size:.2rem;
    line-height:.2rem;
    overflow:hidden;
}
.dialog-mobile .dialog-con .title .icon-close{
    float:right;
    width:20px;
    height:20px;
    line-height:18px;
    text-align:center;
    font-size:10px;
    color:#666;
    border:1px solid #666;
    border-radius:50%;
    margin-right:15px;
}
.dialog-mobile .dialog-con .list{
    overflow:hidden;
}
.dialog-mobile .dialog-con .list a{
    display:flex;
    margin-bottom:10px;
    background: #F0F0F0;
    border-radius: 2px;
    padding-right:15px;
    justify-content:space-between;
    align-items:center;
}
.dialog-mobile .dialog-con .list img{
    height:.8rem;
    align-self: flex-end;
}
.dialog-mobile .dialog-con .list .list-info{
    flex:2;
    margin-left:10px;
    color: #666666;
    font-size: .14rem;
    line-height:2;
}
.dialog-mobile .dialog-con .list .list-info h3{
    color: #333333;
    font-size: .18rem;
}
.dialog-mobile .dialog-con .list .icon-right{
    color:#666;
    font-size:.2rem;
}




    
/*footer*/
.hp_foot{width:100%;text-align:center;background:#54555a;margin-top:20px;border-top:1px solid #54555a;}
.hp_foot_wt{padding:30px 0;border-bottom:1px solid #16a6d1;}
.hp_foot_wh{margin:20px auto 10px;width:1000px; display:block;text-align:center;}
.hp_foot_wh dl{float:left;display:block;width:33%;text-align:left;}
.hp_foot_wh dl dt{margin-bottom:20px;color:#fff;font-weight:bold;font-size:14px;line-height:30px;min-height:30px;}
.hp_foot_wh dl dd{color:#c7d1d8;line-height:24px;min-height:24px;}
.hp_foot_wh dl dd li{margin-bottom:20px;}
.hp_foot_wh dl dd li a{color:#c7d1d8;}
.hp_foot_wh dl dd li a:hover{color:#fff;}

.margbot20{margin-bottom:20px;}
.hp_foot_pho{display:block;padding: 0 0 20px;width:100%;height:65px;text-align:left;}

.hp_foot_phol {margin-top:10px;display:inline-block;width:auto;height:45px;vertical-align:top;}
.footlogo {display:inline-block;width:313px;height:45px;vertical-align:top;}
.footlogotxt {margin-left:10px;display:inline-block;width:auto;height:25px;line-height:25px;margin-top:20px;vertical-align:top;font-weight:bold;font-size:18px;color: #c7d1d8;white-space: nowrap;}
.footlogotxt span {font-size:20px;}
/* .hp_foot_phor {padding-left:30px;display:inline-block;width:470px;height:65px;border-left:1px solid #666;}
.hp_foot_phort {display:block;height:20px;line-height:20px;font-size:18px;font-weight:bold;color:#16a6d1;}
.hp_foot_phorp {margin-top:10px;display:block;height:35px;}
.hp_foot_phorp img{display:inline-block;width:auto;height:35px;margin-right:30px;vertical-align:top;} */ 


.hp_foot_bt{background:#54555a;padding-top:30px;padding-bottom:30px;line-height:30px;}
.hp_foot_bt P{min-height:30px;color: #c7d1d8;}


 .hp_foot_bt a{color:#c7d1d8;}
 .hp_foot_bt a:hover{color:#16a6d1;}
.hp_foot_bt_bot{margin-top:10px;}

    
    .footerico{font-size:30px;margin-right:10px;display:inline-block;vertical-align:top;min-width:30px;}
    
.sharespan{display:inline-block;width:auto;}
.sharespana{margin-top:20px;width:auto;height:30px;}
.sharespana img {display:inline-block;width:auto;height:30px;vertical-align:top;}