@charset "utf-8";
/*
@media screen and(-webkit-min-device-pixel-ratio:0){} chrome
filter: alpha(opacity=100);
pointer-events: none;	//	鼠标穿透
hidefocus = "true"	//	ie a标签属性 超链接不显示周围的虚线
*/

/* js样式
	js-fix-nopad: x-container无padding定高;
	js-gotop: 返回顶部;
	js-scroll-ele: 滚动显示元素;
*/

@font-face {
	font-family: 'impact';
	src: url('img/impact.eot');
	src: url('img/impact.eot?#iefix') format('embedded-opentype'),
		url('img/impact.woff') format('woff'),
		url('img/impact.ttf') format('truetype'),
		url('../fonts/impact.svg#impact') format('svg');
}

@font-face {
	font-family: 'avian';
	src: url('img/AvianRegular.eot');
	src: url('img/AvianRegular.eot?#iefix') format('embedded-opentype'),
		url('img/AvianRegular.woff') format('woff'),
		url('img/AvianRegular.ttf') format('truetype'),
		url('../fonts/AvianRegular.svg#AvianRegular') format('svg');
}

@font-face {font-family: 'xfont';
	src: url('img/iconfont.eot'); /* IE9*/
	src: url('img/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('img/iconfont.woff') format('woff'), /* chrome, firefox */
	url('img/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
	url('../fonts/iconfont.svg#xfont') format('svg'); /* iOS 4.1- */
}

/* css reset */


input:focus, textarea:focus { color: inherit;}
ol, ul, li { list-style: none;}
select { appearance: none; -moz-appearance: none; -webkit-appearance: none;}
textarea { overflow: auto; resize: none;}
table { border-collapse: collapse; border: 0;}
caption, th { font-weight: normal;}
img { border: 0; outline: 0; vertical-align: middle;}
i, em { font-style: normal;}

svg:not(:root){ overflow: hidden;}


.placeholder{ color:#909090;}


/* 通用 */
.x-wrap:after{ content: ''; display: table; clear: both;}

.pos-fix{ position: fixed !important;}
.pos-abs{ position: absolute !important;}
.x-wrap{ position: relative; width: 1220px; height: 100%; margin: 0 auto;}

.x-header, .x-container{ position: relative; width: 100%; min-width: 1250px; margin: 0 auto; z-index: 1;}
.x-header{ height: 123px; z-index: 3;}
.x-header .logoivf{ position: absolute; left: 0; top: 30px; width: 279px; height: 78px;}
.x-header .logoivf img{ display: block; width: 100%; max-width:200px;}
.x-header .toolsivf{ position: absolute; right: 0; top: 25px;}
.x-header .telivf{ float: left; margin-right: 25px; font-size: 30px; color: #0770b8; line-height: 23px;}
.x-header .telivf img{ margin-right:5px;}

/*已还原6.10*/
.x-header .handle{ float: right; white-space: nowrap;}
.x-header .handle li{ position: relative; display: inline-block;}
.x-header .handle li + li{ margin-right: 6px;}
.x-header .handle .ico{ width: 23px; height: 23px; background-color: #cbced8; border-radius: 50%; overflow: hidden;}
.x-header .handle .ico img{ display: block; width: 100%;}
.x-header .handle .pop{ position: absolute; left: 50%; top: 100%; margin: 15px auto 0; box-shadow: 0px 0px 18px 0px rgba( 0, 0, 0, 0.15); opacity: 0; visibility: hidden;
	-webkit-transition: opacity 0.2s;transition: opacity 0.2s;}
.x-header .handle .pop:before{ content: '0'; position: absolute; left: 0; right: 0; bottom: 100%; height: 15px; background: url(img/opacity-0.png); font-size: 0;}
.x-header .handle .pop:after{ content: '\e813'; position: absolute; left: 0;right: 0; top: 0; margin-top: -12px; font-family: "xfont" !important; font-size: 20px; line-height: 1;text-align: center;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}
.x-header .handle .pop img{ width: 100%;}
.x-header .handle .pcode{ margin-left: -77px; padding: 10px 10px 50px; width: 135px; background: #0770b8 url(img/img40.jpg) center bottom no-repeat;}
.x-header .handle .pcode:after{ color: #12679d;}
.x-header .handle .pshare{ padding: 10px 0; margin-left: -29px; width: 58px; background-color: #fff;}
.x-header .handle .pshare:after{ color: #fff;}
.x-header .handle .share{ height: 40px; overflow: hidden;}
.x-header .handle .share .i1{ display: block;}
.x-header .handle .share .i2{ display: none;}
.x-header .handle .share:hover .i1{ display: none;}
.x-header .handle .share:hover .i2{ display: block;}
.x-header .handle li:hover .pop{ opacity: 1; visibility: visible;}
.x-header .handle li:hover .ico, .x-header .handle li.cur .ico{ background-color: #0770b8;}
.x-header .tools .login{}
.x-header .tools .lang{}
.x-header .nav-modivf{ position: absolute; right: 5px; bottom: 0; text-align: center;}

.nav-modivf a{ font-size:1rem;}
.nav-modivf .nav-lv1{}
.nav-modivf .nav-lv1-item{ position: relative; float: left;}
.nav-modivf .nav-lv1-item > a{ display: block; padding: 0 0 0 40px; line-height: 78px;}
.nav-modivf .nav-lv1-item span{ font-family: 'avian'; font-size: 16px;}
.nav-modivf .nav-lv1-item:hover > a{ color: #0770b8;}
.nav-modivf .nav-lv1-item.cur > a{ color: #0770b8;}
.nav-modivf .nav-lv2{ position: absolute; left: 19px; right: -19px; top: 100%; padding: 25px 10px; background-color: #fff; box-shadow: 0px 0px 18px 0px rgba( 0, 0, 0, 0.15); opacity: 0; visibility: hidden;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}
.nav-modivf .nav-lv2:after{ content: '\e813'; position: absolute; left: 0; right: 0; top: 0; margin-top: -12px; font-family: "xfont" !important; font-size: 20px; line-height: 1; color: #fff;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}
.nav-modivf .nav-lv2-item{}
.nav-modivf .nav-lv2-item + .nav-lv2-item{ margin-top: 12px;}
.nav-modivf .nav-lv2-item > a{ display: block; font-size:0.8rem;
	-webkit-transition: padding 0.2s;
	transition: padding 0.2s;
}
.nav-modivf .nav-lv2-item:hover > a{ color: #0770b8; font-size:0.9rem;}
.nav-modivf .nav-lv1-item:hover .nav-lv2{ opacity: 1; visibility: visible;}

.x-container{z-index: 2;}


/* 面包屑 */
.bread{}
.bread a{}
.bread a:hover{ color:#0770b8;}
.bread .cur{ color:#0770b8;}
#features3{ background-color:#0770b8; color:#fff;}
/* 返回顶部 */
/*.gotop{ position: fixed; right: 15px; bottom: 10px; padding: 10px; background-color: #333; border-radius: 5px; opacity: 0; filter: alpha(opacity=0); pointer-events: none; font-family: Arial; color: #fff; text-align: center; line-height: 1; text-transform: uppercase; z-index:10;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: opacity 0.5s, transform 0.5s;
	transition: opacity 0.5s, transform 0.5s;
}
.gotop:before{ content: '\e823'; display: block; font-family: "xfont" !important;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}
.gotop:hover{ background-color: #474747;}
.gotop.x-show{ opacity: 1; filter: alpha(opacity=100); cursor: pointer; pointer-events: auto;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
}*/

/* 弹窗 */
.pop-mod{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: url(img/opacity-b60.png); opacity: 0; visibility: hidden;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
.pop-mod.x-show{ opacity: 1; visibility: visible; z-index: 9999;}
.pop-mod .pop-dialog{ position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto;}
.pop-mod .pop-overlay{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(img/opacity-b60.png);}
.pop-mod .pop-close{ position: absolute; right: 20px; top: 20px; width: 50px; height: 50px; background-color: #474747; border-radius: 5px; font-family: "xfont" !important; font-size: 2em; line-height: 50px; text-align: center; color: #fff; z-index: 1; cursor: pointer;
	-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;-webkit-transition: all .2s;transition: all .2s;}
.pop-mod .pop-close:after{ content: '\e842';}
.pop-mod .pop-close:hover{ opacity: 0.8; filter: alpha(opacity=80);}

.pop-mod .btnWarp{ text-align:center; border-top:#e4e4e4;}
.pop-mod .btnWarp .center{ display:inline-block; overflow:hidden;}
.pop-mod .btnWarp button{ float:left; cursor:pointer; border-radius:5px; background-color:#f0f0f0; border:1px solid #c3c3c3;
	-webkit-transition: all .2s;
	transition: all .2s;
}
.pop-mod .btnWarp button:hover{ background-color:#4f89f5; color:#fff; border-color:#4e73b9;}

/* 分页 */

.menu-nav{ visibility: hidden; opacity: 0;}

.pshare .share a{ width:100% !important; height:40px !important; margin:0 !important; padding:0 !important; }
.pshare .share .bds_tsina{ background:url(img/ico25-1.png) no-repeat center; }
.pshare .share .popup_weixin{ background:url(img/ico26-1.png) no-repeat center; }
.pshare .share .bds_tsina:hover{ background-image:url(img/ico25-2.png); }
.pshare .share .popup_weixin:hover{ background-image:url(img/ico26-2.png); }
/*已还原6.10*/
.sidebar1{ position: fixed; right: 0; z-index: 11; border:1px solid #776cb0; background-color:rgba(255,255,255,0.4); padding:10px; border-radius:10px; top: 50%; margin-top: -174px;}
.sidebar1 ul{ position:relative;}
.sidebar1 li{ position: relative; cursor: pointer;}

.sidebar1 li + li{ margin-top: 8px;}

.sidebar1 .ico{ position: relative; width: 50px; height: 50px; overflow: hidden;

	-webkit-transform: rotate(0deg);

	-moz-transform: rotate(0deg);

	transform: rotate(0deg);

}
.sidebar1 .clo{ position:absolute; right:-11px; top:-32px; width:28px; height:28px;}
.sidebar1 .clo .ico{ width:28px; height:28px;}
.sidebar1 .ico img{ display: block; width: 100%;}

.sidebar1 .p{ position: absolute; font-size:14px; top: 0; right: 0; padding: 0 50px 0 25px; border-radius: 25px; white-space: nowrap; color: #fff; line-height: 50px; opacity: 0; visibility: hidden;

	-webkit-transform: translateX(-20px) rotate(0deg);

	-moz-transform: translateX(-20px) rotate(0deg);

	transform: translateX(-20px) rotate(0deg);

	-webkit-transition: opacity 0.2s, transform 0.2s;
	

	-moz-transition: opacity 0.2s, transform 0.2s;
	transition: opacity 0.2s, transform 0.2s;
}
.sidebar1 .l2 .p{ background-color: #38b9c3;}
.sidebar1 .l2 .ico{ background-color: #38b9c3;border-radius: 10%;}
.sidebar1 .l2 .ico img{
	width: 30px;
	margin: 10px auto;
}
.sidebar1 .l1 .p{ background-color: #776cb0;}
.sidebar1 .l1 .ico{ background-color: #776cb0;border-radius: 10%;}
.sidebar1 .l1 .ico img{
	width: 30px;
	margin: 10px auto;
}
.sidebar1 .l3 .p{ background-color: #38b9c3;}

.sidebar1 .l4 .p{ background-color: #38b9c3;}

.sidebar1 .l5 .p{ background-color: #776cb0;}

.sidebar1 .l6 .p{ background-color: #776cb0;}


@-webkit-keyframes twinkling{

  0% {

      opacity: 0; 

  }

  100% {

      opacity: 1; 

  }

}

#shan {

    -webkit-animation: twinkling 1.1s infinite ease-in-out; 

}

.sidebar1 li:hover .p{ opacity: 1; visibility: visible; color:#fff;

	-webkit-transform: translateX(0px);

	-moz-transform: translateX(0px);

	transform: translateX(0px);

}
.sidebar1 .pactive .p{ 
	opacity: 1; visibility: visible; color:#fff;

	-webkit-transform: translateX(0px);

	-moz-transform: translateX(0px);

	transform: translateX(0px);

}
::-webkit-input-placeholder { /* WebKit browsers */
color:    #0770b8;
 opacity:  1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color:    #0770b8;
 opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color:    #0770b8;
 opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color:    #0770b8;
 opacity:  1;
}
@media screen and (min-width:1230px){
	.x-header, .x-footer, .x-container{ min-width: 1250px;}
	.x-wrap{ width: 1220px;}

}

@media screen and (min-width: 641px) and (max-width: 1229px) {

}

@media screen and (max-width: 640px){
	*, *:before, *:after{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.x-header, .x-container{ min-width: 320px;font-size: 1.4rem;}
	.x-header{ height: auto; padding: 0.6rem 0 0 0;}
	.x-header .logoivf{ position: static; float: left; width:12rem; height: auto;}
	.x-header .logoivf img{ width: 100%;}
	.x-header .menu-btn{ position: absolute; top: 50%; right: 1.5rem; width: 1.6rem; height: 2.6rem; text-align: center;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.x-header .menu-btn:after{ content: '\e714'; font-family: "xfont" !important; font-size: 3rem; line-height: 1;
		-webkit-font-smoothing: antialiased;
		-webkit-text-stroke-width: 0.2px;
		-moz-osx-font-smoothing: grayscale;
	}
	
	.x-wrap{ width:100%; padding:0 0.35rem;font-size:0.8rem;}
	
	.gotop{ right: 0.2rem; bottom: 0.2rem; padding: 0.2rem;}
	.page-mod .page-box{ display: none;}
	.page-mod .page-more{ display:inline-block; border:1px solid #bbbbbb; border-radius:0.5rem; font-size: 0.22rem; padding: 0.1rem 0.5rem;}
	
	.select-mod .select-btn{ height: 0.76rem;}
	.select-mod .select-btn::after{ top: 50%; bottom: auto; right: 0.2rem; height: auto; font-size: 1.5em;-webkit-transform: translateY(-50%);transform: translateY(-50%);	}
	.select-mod .select-val, .select-mod .select-txt{ visibility: hidden;}
	.select-mod .select-native{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding: 0.2rem; width: 100%; height: 100%; display: block;}

	.menu-nav{ position: fixed; left: 0; top: 0; width: 100%; height: 100%;	-webkit-transition: opacity 0.5s;transition: opacity 0.5s;	}
	.menu-nav.menu-show{ visibility: visible; opacity: 1; z-index: 999;}
	.menu-nav .menu-overlay{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.75);}
	.menu-nav .menu-box{ position: absolute; right: 0; top: 0; left: 0; height: 100%; background-color: #fff; z-index:9999;}
	.menu-nav .menu-close{ position: absolute; right: 0.25rem; color:#333; top:1rem; width: 1.2rem; height: 1.2rem; text-align: center; z-index: 1;}
	.menu-nav .menu-close:after{ content: '\e842'; font-family: "xfont" !important; font-size: 1.2rem; line-height: 0.6rem;
		-webkit-font-smoothing: antialiased;
		-webkit-text-stroke-width: 0.2px;
		-moz-osx-font-smoothing: grayscale;
	}

	.menu-nav .menu-head{ position: relative; padding: 0.4rem 0.35rem; overflow: hidden;}
	.menu-nav .menu-head:before{ content: ''; position: absolute; left: 0; bottom: 0; right: 0; border-bottom: 1px solid #d4d4d4;}
	.menu-nav .menu-head .logoivf{ float: left; width: 7.2rem; height:auto;}
	.menu-nav .menu-head .logoivf img{ display: block; width: 100%;}
	.menu-nav .menu-head .telivf{ float: right; margin-right: 2rem; padding: 0.55rem 0; font-family: Arial; font-size:16px;}
	.menu-nav .handle{ position: absolute; left: 0; right: 0; bottom:10%; padding: 0.4rem 0.35rem;}
	.menu-nav .handle .label{ margin-right: 0.15rem; color:#696969; font-size:14px;}
	.menu-nav .handle .share{ display: inline-block; margin-left: 0.5rem; vertical-align: middle; width:1.8rem; height:1.8rem; background-color: #cbced8; border-radius: 50%; overflow: hidden;}
	.menu-nav .handle .user{ float: right; width:1.8rem; height:1.8rem; background-color: #2d7bad; border-radius: 50%; overflow: hidden;}
	.menu-nav .handle img{ display: block; width: 100%;}
	
	.menu-nav .nav-box{ position: absolute; top:3.25rem; left: 0.35rem; right: 0.35rem; bottom: 1.7rem; overflow: hidden; z-index:9999;}
	.menu-nav .nav-lv1{ position: absolute; left: 0; top: 0; width: 100%; z-index:9999;}
	.menu-nav .nav-lv1-item{ position: relative; border-bottom: 1px solid #d4d4d4; font-size: 1.2rem;}
	.menu-nav .nav-lv1-item + .nav-lv1-item{}
	.menu-nav .nav-lv1-item a{ display: block; padding: 0.35rem 0; overflow: hidden; font-size:16px; }
	.menu-nav .nav-lv1-item .arr{ position: relative; float: right; margin: 0 0.5rem; width: 1rem; height: 1.2rem; text-align: center;}
	.menu-nav .nav-lv1-item .arr:after{ content: '\e832'; font-family:"xfont"; font-size: 1rem; line-height: 1.2rem; color: #e4e4e4;
		-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
	.menu-nav .nav-lv2{ font-size: 14px; color: #707070; clear: both; display: none;}
	.menu-nav .nav-lv2-item{ padding: 0 0.45rem; font-size:14px;}
	.menu-nav .nav-lv2-item a{color:#969696;font-size: 14px;}
	.menu-nav .nav-lv2-item + .nav-lv2-item{ border-top: 1px solid #d4d4d4;}
	.menu-nav .nav-lv1-item.cur{}
	.menu-nav .nav-lv1-item.cur .nav-lv2{ border-top: 3px solid #2d7bad;}
	.menu-nav .nav-lv1-item.cur .arr:after{ content: '\e834'; color: #2d7bad;}

	.menu-nav .lang{ overflow: hidden;}
	.menu-nav .lang li{ position: relative; float: left; font-size: 0.3rem;}
	.menu-nav .lang li + li{ padding-left: 0.2rem;}
	.menu-nav .lang li + li:before{ content: ''; position: absolute; left: 0.1rem; top: 0; bottom: 0; margin: auto; height: 0.3rem; border-left: 1px solid #140050;}
	.menu-nav .search-box{ position: relative; padding: 0.2rem;}
	.menu-nav .search-box:before{ content: ''; position: absolute; left: 0; bottom: 0; right: 0; border-bottom: 1px solid #909090;}
	.menu-nav .search-txt{ position: relative; padding-right: 0.8rem;}
	.menu-nav .search-txt input{ display: block; width: 100%; height: 0.45rem; font-size: 0.3rem;}
	.menu-nav .search-btn{ position: absolute; right: 0.2rem; top: 0; bottom: 0; width: 0.6rem;}
	.menu-nav .search-btn:after{ content: '\e852'; font-family:"xfont"; font-size: 0.5rem;
		-webkit-font-smoothing: antialiased;
		-webkit-text-stroke-width: 0.2px;
		-moz-osx-font-smoothing: grayscale;
	}
	
	

	.menu-nav .share a{ margin:0 !important; padding:0 !important; background-size: 1.6rem !important; } 
	.menu-nav .share a{ width:100% !important; height:30px !important; margin:0 !important; padding:0 !important; }
	.menu-nav .share .bds_tsina{ background:url(img/ico28.png) no-repeat center; }
	.menu-nav .share .popup_weixin{ background:url(img/ico27.png) no-repeat center; }

	.bd_weixin_popup{ height:320px !important;  }
	.sidebar1{ display:none;}
}


#jiathis_weixin_modal {margin: -180px 0 0 -160px !important;width: 320px !important;}