@charset "utf-8";
/* CSS Document */
* { padding: 0px; margin: 0px; font-family: "microsoft yahei", "Arial"; font-size: 14px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0)!important; outline: none!important; text-decoration:none;  }
img { border: 0px; margin: 0px; vertical-align: middle; }
html, body { color: #333; background: #FFF; }
body { min-width: 1200px;}
i, span, em { font-style: normal; display: inline-block;}
a{ color: #333; text-decoration: none; }
a:hover { color:#333;text-decoration: none;}
a, button, input { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
ul, li { list-style-type: none; margin: 0px; padding: 0px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
.tl { text-align: left; }
.tr { text-align: right; }
.tc { text-align: center;}
.fl { float: left;}
.fr { float: right;}
.mt20 { margin-top: 20px!important;}
.mt30 { margin-top: 30px!important;}
.mt40 { margin-top: 40px!important;}
.mt50 { margin-top: 50px!important;}
.w { width: 100%; clear: both; overflow: hidden; }
.cl { clear: both;}
.hide { display:none;}
i,span { vertical-align: middle; }
.m,.wm{ clear: both; overflow: hidden; width: 1200px; margin: 0px auto;}
.wm { width: 1250px; }
.bxsg,input,textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.nobor { border: none!important; }
.shadow { -moz-box-shadow: 0px 0px 10px #888 ; -webkit-box-shadow: 0px 0px 10px #888; box-shadow: 0px 0px 10px #888; }

@media screen and (max-width: 1024px) {

.top { background: #eaeaea; padding: 5px 0px;}
.top span {  width: 1px; height: 14px; font-size: 1px; margin: 0px 8px; background: #9a9a9a;}
.top span,.top i { vertical-align: middle; }
.top .icons { margin: 0px 5px;  font-size: 20px;}
.top .icon-cn { color: #e02712; margin-right: 8px;}
.top b {font-weight: normal; text-decoration:none;}
.top p { float: right; width: 500px; text-align: right; color: #9a9a9a;}
.top p>a { color: #9a9a9a;}
.top p>b {  color: #fa6103; margin-left: 10px;}
.top>.m>div { display: none;}
.top p>b>i { color: #333;}
.header {height: 130px;}
.header>.logo {float: left; overflow: hidden; width: 240px; height: 68px; margin: 31px 0px; }
.header>.search { width: 550px; height: 48px; position: relative; float: left; margin:41px 60px;}
.header>.search>input { width: 438px; height: 48px; border: 2px solid #e7e7e7; border-right:none; float: left; text-indent: 0.5em;}
.header>.search>div { width: 110px; height: 48px; line-height: 48px; cursor: pointer; color: #FFF; font-size: 18px; background: #0168b7; float: left; text-align: center;}
.header>.search>span { display: inline-block; position: absolute;right: 110px; text-align: right; top: 15px;}
.header>.search>span>a { background: #f2f2f2; border-radius: 15px; padding: 3px 12px; margin: 0px 5px; color: #666;}
.header>a { display: block; height: 38px; line-height: 38px; text-align: center; border: 1px solid #ddd; border-radius: 5px; width: 150px; float: left; margin: 45px 0px; position: relative;}
.header>a>i { font-size: 18px; position: absolute;right: -1px; display: block;border-radius: 0px 10px 0px 0px; color: #ff7003; top: -11px; }
.header>p {float: right; width: 66px; line-height: 30px; font-weight: bold; color: #0063c2; text-align: center; overflow: hidden; margin-top: 17px;}
.header>p>img { width: 100%; }

.nav {  text-align: center; height: 76px; border-bottom: 3px solid #0168b7; transition: all 0.2s linear 0.1s; overflow: visible;  }
.nav>ul { background: #0168b7; height: 46px; }
.nav>ul>li {float: left; width: 100px; position: relative; }
.nav>ul>li>a,.nav>ul>li>span { font-size: 16px; margin: 5px 2px 0px; line-height: 40px; height: 41px; display: block; transition: all 0.2s linear 0.1s; color: #FFF; font-weight: bold; border-radius: 5px 5px 0px 0px; cursor: pointer; position: relative; }
.nav>ul>li>a>i,.nav>ul>li>span>i { display: none; position: absolute;bottom: -22px; left: 50%; margin-left: -12px; color: #FE9901; font-size: 24px; transition: all 0.2s linear 0.1s;}
.nav>ul>li>ul{  background: #FE9901; overflow: hidden; border-radius: 0px 0px 5px 5px; display: none; position:absolute; left: 2px; right: 2px; top: 46px; z-index: 999; transition: all 0.2s linear 0.1s;}
.nav>ul>li>ul>li { padding: 8px 5px; color: #FFF; border-top: 1px solid #FFF;}
.nav>ul>li>ul>li>a { color: #FFF;}
.nav>ul>li>a.active,.nav>ul>li>a:hover,.nav>ul>li:hover>a,.nav>ul>li:hover>span,.nav>ul>li>span.active {  color: #FFF; background: #FE9901; }
.nav>ul>li>a.active>i,.nav>ul>li>span.active>i { /* display: block;*/}
.nav>ul>li:hover>ul{ display: block;}
.header>.menu { display:none;}
}
.location {height: 40px;line-height: 40px;color: #666;}
.location>i {margin: 0px 5px;vertical-align: middle;}
.location>a {color: #666;}
.mymask { position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; background: rgba(0,0,0,0.5); z-index: 9; transition: all 0.2s linear 0.1s;}
html.ovf,body.ovf { height: 100%; }
.ovf { overflow: hidden;}
.footer { margin-top: 20px;}
.fnav{ display: none;}
.footer>.menu{ width:100%; min-height:166px; background:#f1f1f1; padding:60px 0px;}
.footer>.menu>.m>dl{ width:255px; overflow: hidden; margin-right:10px; float:left; }
.footer>.menu>.m>dl>dt{ padding-bottom:12px; clear: both; overflow: hidden;}
.footer>.menu>.m>dl>dt>i { width: 36px; height: 34px; float: left; margin-right:10px ; display: block;}
.footer>.menu>.m>dl>dt>em{ font-size:16px; color:#333; display:block; float: left; width: 180px; }
.footer>.menu>.m>dl>dt>span{ text-transform:capitalize; color:#999; font-size:10px; display:block; float: left;}
.footer>.menu>.m>dl>dd{ height:24px; line-height:24px;}
.footer>.menu>.m>dl>dd a{ color:#696969; font-size:14px; text-indent:46px; display:block; background:url(../images/dh.jpg) 26px center no-repeat;}
.footer>.menu>.m>.qrcode{ width:128px; height:163px; position:relative; float:right;}
.footer>.menu>.m>.qrcode>img{ margin:0px auto; display:block; width: 100%}
.footer>.menu>.m>.qrcode span{ display:block; color:#ff7544; font-size:14px; text-align:center; padding:16px 0px;}
.footer>.menu>.m>.qrcode a{ border-radius:4px; color:#FFF; width:94px; height:29px; margin-top:3px; background:#cacaca; display:block; line-height:29px; text-align:center; margin:0px auto;}
.footer>.menu>.m>.qrcode a:hover{background:#ff7544;}
.iconbg { background: url(../images/iconbg.png) no-repeat;}
.footer>.menu>.m>dl>dt>i.icon-cro { background-position: center -158px;}
.footer>.menu>.m>dl>dt>i.icon-cmo { background-position: center -208px;}
.footer>.menu>.m>dl>dt>i.icon-cso { background-position: center -258px;}
.footer>.menu>.m>dl>dt>i.icon-service { background-position: center -308px;}
.footer>.menu>.m>dl>dt>i.icon-cdmo { background-position: center -558px; }
.footer>.info { padding: 50px 10px; text-align: center; line-height: 25px; color: #888; text-decoration:none;}
.select-filter { appearance: none; -webkit-appearance: none; -moz-appearance: none;
	background: url("../images/select-filter.png") no-repeat right center!important;text-overflow:"";}

.empty { text-align: center; background: url(../images/null.jpg) no-repeat center center; width: 393px; height: 277px; margin: 50px auto;}
.pages { text-align: center; padding: 20px 0px;}
.pages a,.pages select {  line-height: 25px; padding: 0 9px; display: inline-block; border: 1px solid #ededed; color: #666; margin: 0px 2px; }
.pages a:hover, .pages a.current { color: #fff; background-color: #189ad6; }
.pages a.disabled, .pages a:hover.disabled { background-color: #f2f2f2; border: 1px solid #ededed; cursor: default; color: #666; }
.pages select { padding: 0px 10px; vertical-align: baseline;   line-height: 27px; height: 27px;}


.left>.detail img{ max-width: 99%;}

.card { width: 100%; margin-left: -10px; margin-top: 10px; overflow: hidden;}
.card>ul>li{ width: 25%; float: left;}
.card>ul>li>a,.card>ul>li>div{ margin: 10px; border: 1px solid #d9d9d9; position: relative; border-radius: 5px; text-align: center; height: 290px; display: block;  }
.card>ul>li>a>img,.card>ul>li>div>img { width: 90px; height: 90px; background: #FFF; padding: 5PX; border: 1px solid #ddd; border-radius: 50%; position: absolute; left: 50%; margin-left: -50px; top: 20px; padding: 5px; }
.card>ul>li>a>h2,.card>ul>li>div>h2{ border-radius: 5px 5px 0px 0px; border-top: 65px solid #c7e8f9; padding-top: 60px;font-size: 18px;line-height: 30px;}
.card>ul>li>a>span,.card>ul>li>div>span{ font-size: 16px;  line-height: 30px; color: #666; height: 30px; overflow: hidden;}
.card>ul>li>a>p ,.card>ul>li>div>p { padding: 5px 10px 10px; color: #666; height: 40px; font-size: 14px;}
.card>ul>li>a>i,.card>ul>li>div>a{ border: #0272b4 solid 1px; display: block; margin: 0px 10px; line-height: 35px; font-size: 18px; color: #0272b4; } 
.card>ul>li>a>i.disable,.card>ul>li>div>a.disable { color: #666;}

.qtsearch { clear: both; overflow: hidden;}
.qtsearch>.search{ position: relative; overflow: hidden; border-bottom: 1px solid #efefef; clear: both; padding-bottom: 10px; margin-top: 10px; }
.qtsearch>.search>span{ position: absolute; top: 5px; left: 345px; width: 30px; text-align: center; cursor: pointer;}
.qtsearch>.search>input { height: 30px; border: 1px solid #ECECEC; width: 280px; padding: 0px 25px 0px 5px; border-radius: 5px; }
.disabled-btn { background: #ccc!important;}
.expo-group { overflow: hidden;}
.expo-group>ul { width: 870px; margin-left:-10px}
.expo-group>ul>li { width: 50%; float: left;}
.expo-group>ul>li>a {  margin: 15px 10px 0px; position: relative; border-bottom:1px solid #d9d9d9; padding-left: 130px; display: block; padding-bottom:15px ;  }
.expo-group>ul>li>a>img { width: 120px; position: absolute; left: 0px; top: 0px; height: 80px; border-radius: 5px;}
.expo-group>ul>li>a>h2 { height: 40px; overflow: hidden;}
.expo-group>ul>li>a>p{ line-height: 20px; height: 20px; overflow: hidden;}
.expo-group>ul>li>a>p>i { margin-right: 5px;}
.link { color: #116ad2}
.ajax-load { background: #08639C; height: 40px; line-height: 40px; text-align: center; width: 500px; margin: 15px auto; color: #FFF; border-radius: 5px; cursor: pointer; overflow: hidden; clear: both;}


@media screen and (max-width: 1024px) {
	input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
	
	*  {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  }
	body { min-width: auto; padding-bottom: 85px!important;}
	.header { padding: 5px 0px; border-top:none; position: relative;}
	.m{ width: 100%; padding: 0px 10px; }
	.wm { width: 100%;}
	.bt10 { border-top: #F0F0F0 solid 10px;}
	.top>div>p{ width:195px;}
	.top>div>p>a,.top>div>p>span { display: none;}
	.top>div>b,.top>div>span { display: none;}
	.top p>b { margin: 0px; white-space:nowrap;}
	.top .icon-cn { margin-left: 0px; }
	.header { height: auto;}
	.header>.logo { height: 50px; width: auto; margin: 10px 0px;}
	.header>.logo>a>img { height: 50px; width: auto;}
	.header>.search,.header>a,.header>p { display: none;}
	.header>.menu { display: block; position: absolute; right: 10px; top: 19px; font-size: 32px; color: #0168b7;}
	.nav { z-index: 10; height: auto; top: 100px; width: 0px; position: absolute; right: 0px; padding: 0px; overflow-y: auto; bottom: 0px; opacity: 0; border-bottom:none; }
	.nav.active { width: 200px; opacity: 1; }
	.nav>ul { background:rgba(255,255,255,1);  height: auto!important; }
	.nav>ul>li { width: 200px; float: none;}
	.nav>ul>li>a ,.nav>ul>li>span{ color: #333; margin: 0px; height: 46px; line-height: 46px; border-radius: 0px;}
	.nav>ul>li>a { border-bottom: 1px solid #FFF; background: #F0F0F0;}
	.nav>ul>li>a.active,.nav>ul>li>span.active { background: #0168b7;}
	.nav>ul>li>a>i, .nav>ul>li>span>i,.nav>ul>li>a.active>i,.nav>ul>li>span.active>i { display: none;}
	/* .nav>ul>li:hover>ul{ display: none;} */
	.nav>ul>li>ul { display: block; position: static; border-radius:0; background: #FFF;}

	.nav>ul>li>ul>li>a { color: #333;}
	
	
	.fnav { position: fixed; margin: 0px; padding: 0px; left: 0px; right: 0px; bottom: 0px;  overflow: visible; z-index: 4; display: block;}
	.fnav>ul { display: block;height: 60px; background: #0168b7;}
	.fnav>ul>li { width: 19%; float: left;height: 60px; position: relative;}
	.fnav>ul>li.active,.fnav>ul>li>span>ul>li.active { background: #FE9901;}
	.fnav>ul>li>a { height: 60px;}
	.fnav>ul>li>a,.fnav>ul>li>span { display: block; position: relative; text-align: center; color: #FFF; font-size: 14px; }
	.fnav>ul>li>a::before,.fnav>ul>li>span::before  { display: block; font-size: 26px; margin: 5px 0px;}
	.fnav>ul>li>span>ul {  position: absolute;left: 0px; right: 0px; bottom: 57px; background: #0168b7; transition: all 0.2s linear 0.1s;}
	.fnav>ul>li>span>ul>li { border-bottom: 1px solid #FFF; text-align: center;}
	.fnav>ul>li>span>ul>li>a { display: block; color: #FFF; padding: 8px 0px;}
	.fnav>ul>li.home { width: 24%;}
	.fnav>ul>li.home>a { position: absolute;  border: 5px solid #333; background: #FFF; display: block; border-radius: 50%; left: 50%; margin-left: -32px; right: 0px; top: -10px; width: 64px; height: 64px; line-height: 54px; text-align: center;}
	.fnav>ul>li.home>a>i { color: #0168B5;  font-size: 36px; font-weight: bold; vertical-align: baseline; }
	.fnav>ul>li.home>a.active { background: #FE9901;}
	.fnav>ul>li.home>a.active>i { color: #FFF;}
	
	.footer>.info,.footer>.menu { display: none; }
	.empty { width: 90%; margin: 50px auto; background-size: 100% auto;}
	
	/* .card{ width: 100%; margin: auto;}
	.card>ul>li{ width: 50%; float: left;} */
	.card>ul>li>div{ margin: 10px;}
	.card>ul>li>div>p{ height: 50px; overflow: hidden; line-height: 22px;}
	
	.card { width: 106%!important; margin-left: -3%;}
	.card>ul>li { width: 50%!important; }
	.card>ul>li>a { padding: 0px;}
	.card>ul>li>div>a { font-size: 14px;}
	
	
	.qtsearch>.search { padding-top: 10px;}
	.qtsearch>.search>label { position: absolute; left: 0px; line-height: 30px; }
	.qtsearch>.search { float: none; clear: both; width: 100%; padding-left: 80px; overflow: hidden;}
	.qtsearch>.search>input { width: 100%; }
	.qtsearch>.search>span { top: 13px; right: 0px; left: unset; }
	
	.expo-group { width: 100%;}
	.expo-group>ul { width: auto; padding: 10px;}
	.expo-group>ul>li { width: 100%;}
	.ajax-load { width: 100%;}
}
.header { overflow: hidden;}

.left>.detail i,.left>.detail span,.left>.detail em { display: inline;}
.red{color: #FF0000 !important;}
.detail .table-bordered, .detail table{border-collapse: collapse;}
.detail .table-bordered td, .detail td{border-width: 1px;border-style: solid;border-color: #EEf0f0;}
.hide{display: none;}
.login .submit-btn{width: 100% !important;}
cite{font-style: normal;}
cite.active{color: #FF0000;}
#fullPage, .preview-img{display: none;background: black;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 19930428;}
#fullPage img{display: block;max-width: 100%;}
#canvas{width: 100%;height: 100%;background: none;display: block;}
.company_attr_links > ul > li{line-height: 40px;border-bottom: 1px solid #E0E0E0;}
.company_attr_links > ul > li > a{line-height: 40px;padding: 0px 10px;display: block;}
.company_attr_links > ul > li > a > i{float: right;}
.company_attr_links > ul.links-1{padding: 20px 0px;}
.layui-layer-rim{border: 6px solid rgba(1, 104, 183, .8) !important;}
.msg-num{color: #ff0000}
.full-screen-bg{position: fixed;width: 100%;top: 0;bottom: 0;background: black;z-index: 999999999;}
.full-screen-bg > .full-screen-close{position: absolute;right: 10px;top: 10px;z-index: 9999;color: #FFF;font-size: 28px;width: 35px;height: 35px;background: #000;border-radius: 50%;line-height: 35px;text-align: center;}
.full-screen-bg .full-screen-img{width: 100%;position: absolute;top: 50%;left: 0;-webkit-transform: translate(0, -50%);transform: translate(0, -50%);}
.full-screen-bg .full-screen-img .cropper-container{overflow: inherit;}
.full-screen-bg .full-screen-img .cropper-wrap-box, .cropper-canvas{overflow: visible;}
h2{font-weight: bold !important;}