@import url('base.css');

@import url('layout.css');
@import url('fonticons.css');
/*============================================================================
 01首页
 02关于我们
 03最新资讯
 04产品中心
============================================================================*/
a:hover{ text-decoration:none;}
.pc-nav { float: right; width: 880px; height: 60px;}
.pc-nav ul { position: relative; display: block; clear: both; height: 60px; text-align:right; }
.pc-nav li { display:inline-block; padding:0px 15px; position: relative; height:60px; z-index: 2; }
.pc-nav li a.active{ border-bottom:1px solid #254198; color:#254198;}
.pc-nav li a { color: #000; font-size:13px; font-weight:500; line-height:50px;}
.pc-nav li a:hover { color:#254198;}
.pc-nav li div { position:absolute; display:none; left:50%; margin-left:-62px; top:50px; width:125px; background:#FFF; box-shadow:0px 2px 2px rgba(0,0,0,0.3); padding:8px 15px; line-height:22px;}
.pc-nav li div a { display:block; overflow:hidden; height:22px; line-height:22px; text-align:center; font-size:12px;}
.pc-nav li div:before { content:''; position:absolute; left:50%; top:-16px;margin-left:-8px; display:block; border:8px solid transparent; border-bottom-color:#FFF;}
.index .pc-nav li.lang { padding: 0px 0px 0px 30px;}
.index .pc-nav li.lang a { padding: 0px 3px;}
.index .pc-nav li.lang a.on { color: #244099;}
.index .pc-nav { width: 980px;}

/*---------------------index---------------------*/

.index .header .container { width:1200px; margin:0 auto;}
.index-container { width:1200px; margin:0 auto;}
.index-container .main { padding-top:10px;}
.index-container h5 { display:block; overflow:hidden; margin:0px; height:30px; line-height:30px; color:#000;font-family:"Microsoft YaHei","微软雅黑","微軟雅黑";}
.index-container p { line-height:22px; display:block; height:108px; overflow:hidden; color: #7a7a7a;}
.index-container .col-xs-5 { width:450px;}
.index-container .col-xs-2 {width:300px;}
.inews-list li { display:block; overflow:hidden; padding:2px 0px;}
.inews-list li:first-child { border-bottom:1px dashed #e2e2e2;}
.inews-list li h6 { display:block; overflow:hidden; height:18px; line-height:18px; font-size:12px; margin:0px; color:#333; }
.inews-list li em { display: block; overflow: hidden; height: 16px; line-height: 16px; font-size:12px; overflow: hidden; margin-bottom:2px; color: #9da0a7;}
.inews-list li span { color:#254198;}
.inews-list li span i { padding-right:15px;}

.pro-slide { position:relative; display:block; overflow:hidden;}
.pro-slide ul.slides { display:block; overflow:hidden; width:270px; height:113px; position:relative;}
.pro-slide ul.slides li { position:relative;}
.pro-slide ul.slides li img { width:270px; height:113px;}
.pro-slide ul.slides li span { position:absolute; width:100%; height:24px; line-height:24px; padding:0px 6px; background:rgba(37,65,152,0.4); left:0px; bottom:0px; color:#FFF;}
.pro-slide .flex-direction-nav li a { position:absolute; top:70px; display:block; overflow:hidden; width:15px; height:15px; z-index:66; background:url(../image/prevnext.png) no-repeat; text-indent:-9999px;}
.pro-slide .flex-direction-nav li .flex-prev { left:18px; background-position:0px 0px;}
.pro-slide .flex-direction-nav li .flex-next { right:18px; background-position:-15px 0px;}

/*-----------------------------banner slide-----------------------------*/
.index-slide { display: block; padding-bottom: 44%; position: relative; overflow: hidden; }
.index-slide .slides { position: absolute; width: 100%; height: 100%; margin: 0px; }
.index-slide .slides img { width: 100%; }
.index-slide .slides li span { position: absolute; left: 50%; top:0; width: 500px; margin-left: -580px; height: 100%;}
.index-slide .slides li span h3 { position: absolute; font-family:"Microsoft YaHei","微软雅黑","微軟雅黑"; bottom: 50%; font-size: 48px; color: #000; opacity: 0; font-weight: normal; margin: 0; transform:translate(200px,0); -webkit-transform:translate(200px,0); transition:all ease 0.6s 0.5s;}
.index-slide .slides li.flex-active-slide span h3 { transform:translate(0,0); -webkit-transform:translate(0,0); opacity: 1;}
.index-slide .slides li span em { position: absolute; /*font-family:'Conv_HelveticaNeueLTStd-ThEx';*/ top: 50%; font-family:"Microsoft YaHei","微软雅黑","微軟雅黑", Arial, Helvetica, sans-serif; font-size: 14px; opacity: 0; transform:translate(0,50px); -webkit-transform:translate(0,50px); transition:all ease 0.6s 0.8s;line-height:24px;margin-top:15px;}
.index-slide .slides li.flex-active-slide span em { opacity: 1; color: #333; transform:translate(0,0); -webkit-transform:translate(0,0); opacity: 1; font-size:17px}
.index-slide .flex-control-paging { position: absolute; bottom: 10px; left: 50%; width: 100px; z-index: 999; margin: 0px; margin-left: -50px; overflow: hidden; padding:3px 0px; text-align:center;}
.index-slide .flex-control-paging li { display:inline-block; width: 10px; height:10px; margin:0px 2px; padding:2px; cursor: pointer; }
.index-slide .flex-control-paging li a.flex-active { background:#254198; }
.index-slide .flex-control-paging li a { display: block; overflow: hidden; height: 6px; border-radius:50%; background:#fff; }
.nycontent{ line-height:180%;}

/*---------------------channel---------------------*/
.channel-banner { display:block; overflow:hidden; position:relative; height:230px; background:url(../image/banner-bg.jpg) center center no-repeat; background-size:cover; width:100%; min-width:960px;}
.channel-banner:after { content:''; position:absolute; left:0px; top:0px; width:100%; height:150px; background:rgba(255,255,255,0.2); box-shadow:0px 10px 10px rgba(0,0,0,0.1);}
.channel-banner div.site { position:absolute; bottom:0px; left:0px; background:rgba(0,0,0,0.1); height:80px; width:100%; }
.site { color: #fff; font-size: 14px;line-height: 80px; font-weight: 600;}
.site i { font-size:14px; color:#fff; line-height:80px; font-weight:600;}
.site em { font-size:14px; color:#fff; line-height:80px; font-weight:600;}
.site em a { color:#FFF;}
.site em:after {content:''; position:relative; top:15px; left:4px; border:8px solid transparent; border-width:8px 6px; border-top-color:#FFF;}
.main { display:block; overflow:hidden; /*min-height:400px;*/ padding:20px 0px;}
.blt { border-bottom:1px solid #e2e2e2; line-height:40px; margin-bottom:15px;}
.ultable li { display:table; width:100%; padding:8px 0px;}
.ultable li em,.ultable li span { display:table-cell; vertical-align:middle;}
/*---------------------Company Profile---------------------*/
.about-table { border:solid #b4b4b4; border-width:2px 0px;}
.about-table li { border-bottom:1px solid #e2e2e2;}
.about-table li:last-child { border:none;}
.about-table li em { width:400px; font-weight:600;}
/*---------------------Contact CONJOIN---------------------*/
.contact img { margin-right:3px;}
.contact-form {}
.contact-form li { display:block; overflow:hidden; padding:5px 0px;}
.contact-form li input { display:block; overflow:hidden; width:100%; height:31px; padding:3px; line-height:24px; border:none; border-bottom:1px solid #e2e2e2;}
.contact-form li input.no{ border-color:#F00;}
.contact-form li textarea.no{ border-color:#F00;}
.contact-form li textarea { width:100%; height:120px; padding:3px; border:1px solid #e2e2e2;}
.contact-form li i { line-height:30px; color:#999; padding-left:3px;}
.contact-form li input[type=button],.contact-form li input[type=submit] { width:100px; color:#FFF; background:#9f9f9f;}

/*---------------------News---------------------*/
.news-list li { display:block; overflow:hidden; float:left; width:42%; padding-right:3%; padding-bottom:30px;}
.news-list li h6 { font-size:16px; font-weight:bold; color:#000; margin-bottom:5px;}
.news-list li h6 a { color:#333;}
.news-list li h6 a:hover { color:#254198;}
.news-list li p { line-height:30px; margin-bottom:10px; color: #7a7a7a;  height:60px;
  overflow: hidden;}
.news-list li i { color:#254198; display:inline-block; height:22px; line-height:22px; padding-left:16px; background:url(../image/icon-time.png) 0px 4px no-repeat;}

.pagelist { display:block; overflow:hidden; border-top:1px solid #e2e2e2; padding:10px 0px; clear:both;}
.pagelist a { line-height:30px; font-size:14px; display:block; overflow:hidden; width:100px; height:28px; line-height:28px; padding:0px 5px;}
.pagelist a.right { text-align:right;}
.pagelist a.left:before { content:''; display:inline-block; position:relative; top:2px; width:18px; height:18px; border:solid #777; border-width:0px 0px 1px 1px; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.pagelist a.right:after { content:''; display:inline-block; position:relative; top:2px; width:18px; height:18px; border:solid #777; border-width:1px 1px 0px 0px; transform:rotate(45deg); -webkit-transform:rotate(45deg);}

.page-list { text-align:center; display:block; overflow:hidden; padding:40px 0px 0px; clear:both;   }
.page-list a { display:inline-block; width:30px; height:30px; border-radius:50%; text-align:center; line-height:30px; color:#58595f; background:#e6e6e6;margin:0 3px;}
.page-list a:hover,.page-list a.active { color:#FFF; background:#58595f;}
.page-list a.prev { background:none;}
.page-list a.prev:before { content:''; display:inline-block; position:relative; top:3px; width:18px; height:18px; border:solid #777; border-width:0px 0px 1px 1px; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.page-list a.next { background:none;}
.page-list a.next:before { content:''; display:inline-block; position:relative; top:3px; width:18px; height:18px; border:solid #777; border-width:1px 1px 0px 0px; transform:rotate(45deg); -webkit-transform:rotate(45deg);}

/*#goTop { display:inline-block; width:30px; height:30px; border-radius:50%; text-align:center; line-height:30px; color:#58595f; background:#e6e6e6;margin:0 3px;}
#goTop:hover {color:#FFF; background:#58595f;}
#goTop:before {content:'TOP';}*/
.page-list span i { display:inline-block; margin:0px 3px; height:8px; width:8px; border-radius:50%;background:#e6e6e6;}

.news-detail {}
.news-detail .title { font-size:16px; font-weight:700; margin:0px; margin-bottom:5px;}
.news-detail .description { border-bottom:1px solid #e2e2e2; margin-bottom:20px; height:30px; line-height:22px;}
.news-detail .description i {color:#254198; display:inline-block; height:22px; line-height:22px; padding-left:16px; background:url(../image/icon-time.png) 0px 4px no-repeat;}
.news-detail .back { display:block; overflow:hidden; border-top:1px solid #e2e2e2; padding:20px 0px;}
.news-detail .back a { background:url(../image/icon-back.png) 0px 2px no-repeat; display:inline-block; height:20px; line-height:20px; padding-left:20px; color:#777; font-weight:bold;}
.news-detail .back a:hover { color:#324c9e;}


/*---------------------Job Information ---------------------*/
.job-list li { display:block; overflow:hidden; margin-bottom:15px; border-bottom:1px solid #e2e2e2;}
.job-list h6 { font-size:18px; color:#343434; margin:0px; padding:8px 0px;}
.job-list h6 span { float:right; font-size:14px;}
.job-list h6 span i { padding:0px 15px 0px 5px;}
.job-list li em { text-decoration:underline; font-size:14px; color:#343434;}
.job-list li > div { color:#777; line-height:20px; margin-right:150px;}
.job-list li a { float:right; position:relative; display:block; width:80px; height:28px; line-height:26px; text-align:center; color:#666; border:1px solid #666; top:-34px;}
.job-list li a:hover { background:#254097; color:#fff; border:1px solid #254097;}
.job-list li:last-child { border:none;}

/*---------------------PRODUCTS ---------------------*/
.pump-main { overflow:visible;}
.pump { display:block; margin:0px 0px 0px;}
.pump img { width:100%;}
.pump em { display:block; overflow:hidden; height:36px; line-height:36px; text-align:center; font-size:14px; text-transform:uppercase; color:#58595F;}
.pump a { padding:35px 5px 10px; display:block; overflow:hidden;}
.pump a.on { background:#ebebea; }
.pump a:hover { background:#ebebea; }
.pump a:hover em { color:#585858;}
.pump .owl-prev { position:absolute; left:-40px; display:block; overflow:hidden; position:absolute; height:61px; width:31px; background:url(../image/prevnext2.png) 0px 0px no-repeat; top:50%; margin-top:-40px; text-indent:-999px; z-index:666;}
.pump .owl-prev:hover { background-position:0px -61px;}
.pump .owl-next { position:absolute; right:-40px; display:block; overflow:hidden; position:absolute; height:61px; width:31px; background:url(../image/prevnext2.png) -31px 0px no-repeat; top:50%; margin-top:-40px; text-indent:-999px; z-index:666;}
.pump .owl-next:hover { background-position:-31px -61px;}


.product-list li { display:table; width:100%; position: relative;border:5px #fff solid;transition:all ease 0.3s; -webkit-transition:all ease 0.3s;}
.product-list li:hover,.product-list li.th{border:5px #b3b3b3 solid;}
.product-list li span { display:table-cell; vertical-align:middle; text-align:center; width:17.5%;position:relative;}
.product-list li.th span { background:#b4b4b4; color:#FFF; line-height:18px; padding: 8px 0px; font-size:14px;}
.product-list li.th span:last-child {/* background:#d9d9d9;*/ width: 12.5%;}
.product-list li img { display:block; margin:0 auto; width: 130px; max-width:100%;}
.product-list li b { display:block; height:28px; line-height:28px; width:100px; max-width:100%; margin:0 auto; background:#58595f; color:#FFF; text-align:center;transition:all ease 0.3s; -webkit-transition:all ease 0.3s;}
.product-list li a:hover b { background:#264198;}
/*.product-list li a:after { content: ''; position: absolute; top:0px; left: 0px; width: 100%; height: 100%; border:5px solid rgba(0,0,0,0); z-index: 1; transition:all ease 0.3s; -webkit-transition:all ease 0.3s;}*/
.product-list li a:hover:after { border:5px solid rgba(0,0,0,0.3);}

.product-detail li { display:table; width:100%;}
.product-detail li span,.product-detail li div { display:table-cell; vertical-align:middle; text-align:center; width:23%;}
.product-detail li div { width:31%;}
.product-detail li.th span,.product-detail li.th div { background:#b4b4b4; color:#FFF; line-height:30px; font-size:14px;}
.product-detail li.th div { background:#d9d9d9;}
.product-detail li img { display:block; margin:0 auto; width:230px; max-width:100%;}
.product-detail li a { display:block; height:70px; padding-top:42px; line-height:28px; width:100px; margin:0 auto; background:url(../image/download.jpg) top center no-repeat;  text-align:center; text-decoration:underline; font-weight:bold;}
.product-detail li a:hover { color:#264198;}
.product-detail h6 { color:#343434; font-weight:bold;}
.product-detail .info li { padding:5px 0px; border-bottom:1px solid #b4b4b4;}
.product-detail .info li span,.product-detail .info li div { display:table-cell; vertical-align:middle; text-align:center; width:11%; line-height:30px;}
.product-detail .info li div { width:12%;}
.product-detail .info li.th { border-top:1px solid #b4b4b4; border-bottom:1px solid #d9d9d9; }
.product-detail .info li.th span,.product-detail .info li.th div { line-height:18px; background:none; color:#58595f;}



/*---------------------technology ---------------------*/
.technology h2 { border-bottom:1px solid #e2e2e2; line-height:40px; display:block; height:40px; overflow:hidden;  margin:0px; margin-bottom:15px;}
.technology h5 {border-bottom:1px solid #e2e2e2; line-height:34px; display:block; height:34px; overflow:hidden;}
.technology h5 i { float:right;}
.technology div { margin-right:400px; margin-bottom:30px;}
.technology div p { color:#9f9f9f;}
.technology dl { display:block; overflow:hidden; border-bottom:1px solid #e2e2e2; padding:0px 0px 0px;}
.technology dl dt { float:right;}
.technology dl dd ul { padding-top:30px;}
.technology dl dd ul li { display:block; float:left; width:200px; height:140px; text-align:center}
.technology dl dd ul li img { width:63px; margin-bottom:10px;  opacity:0.5; transition:all ease 0.3s; -webkit-transition:all ease 0.3s;}
.technology dl dd ul li img:hover { opacity:1;}
.technology dl dd ul li em { display:block; overflow:hidden; clear:both; line-height:16px; color:#9f9f9f;width: 100px;text-align: center; line-height:180%; margin-left:50px; margin-right:50px;}

/*---------------------application ---------------------*/
.tech-title { position: absolute; left: 176px; top:75px; color:transparent; z-index: 666; font-size:20px;  background: url(../image/text-bg.png) -38px -29px no-repeat; -webkit-background-clip: text; background-clip:text;}

.application { position:relative; display:block; overflow:hidden; background:url(../image/abg.png) 145px -140px no-repeat; padding-bottom:100px;}
.application ul { padding-top:60px;}
.application ul li { display:block; overflow:hidden; height:30px; line-height:30px;}
.application ul li a { color:#bbb; font-size:14px; cursor: pointer;}
.application ul li a:hover ,.application ul li.active a { color:#274198;}
.application ul li a:before { content:''; transform:rotate(45deg); -webkit-transform:rotate(45deg); display:inline-block; margin-right:6px; position:relative; top:-1px;  width:6px; height:6px; background:#bbb;}
.application ul li a:hover:before,.application ul li.active a:before { background:#274198;} 
.col-xs-6 {
  width: 50%;
}
.tab-c p{ line-height:180%;}
.tab-c{ float:right; margin-top:-200px !important;}
.application ul li:nth-child(1) { padding-left:40px;}
.application ul li:nth-child(2) { padding-left:20px;}
.application ul li:nth-child(3) { padding-left:40px;}
.application ul li:nth-child(4) { padding-left:60px;}
.application ul li:nth-child(5) { padding-left:80px;}
.application ul li:nth-child(6) { padding-left:100px;}
.application ul li:nth-child(7) { padding-left:120px;}
.application ul li:nth-child(8) { padding-left:140px;}
.application ul li:nth-child(9) { padding-left:160px;}
.application ul li:nth-child(10) { padding-left:180px;}

.application h2 { color:#343434;}
.application p { color:#999; line-height:18px; margin-bottom:15px;}
.application em { color:#343434;margin-bottom:30px; display:block; overflow:hidden;}

/*.application .aline { position:absolute; width:960px; height:960px; border: solid #e2e2e2; border-width:0px 0px 1px 1px; transform:rotate(45deg); -webkit-transform:rotate(45deg); left:350px; top:-350px;}
.application .atitle { position:absolute;}*/


.food-slide { display:block; overflow:hidden; background:#fbf9f4; margin-top:20px;}
.food-slide h6 { display:block; border-bottom:1px dotted #dad2c5; margin:0px; height:40px; padding:10px 35px; line-height:20px; background:url(http://www.conjoin.com.cn/templates_cn/images/star.png) 5px 5px no-repeat;}
.food-slide .owl-carousel { border-top:1px solid #FFF; padding:15px 0px; display:block; overflow:hidden;}
.food-slide .item { padding:0px 10px;}
.food-slide .item img { width:166px; height:166px; box-shadow:1px 1px 1px #999; border-radius:5px;}
.food-slide .owl-prev { display:block; overflow:hidden; height:25px; width:30px; position:absolute; left:0px; top:90px; text-indent:-9999px; background:url(http://www.conjoin.com.cn/templates_cn/images/prev-next.png) 0px 0px no-repeat;}
.food-slide .owl-next {display:block; overflow:hidden; height:25px; width:30px; position:absolute; right:0px; top:90px; text-indent:-9999px; background:url(http://www.conjoin.com.cn/templates_cn/images/prev-next.png) -30px 0px no-repeat;}



/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/* display none until init */
.owl-carousel { display: none; position: relative; padding:0px 0px 20px; width:960px; -ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.owl-carousel .owl-item { float: left; }
.owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
/* mouse grab icon */
.grabbing { cursor: url(http://www.conjoin.com.cn/templates_cn/css/grabbing.png) 8 8, move; }
/* fix */
.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }




#pages {
	clear: both;
	padding: 10px 10px 10px 10px;
	text-align: center;
	font: 14px 'Microsoft YaHei';
}
#pages a {
	display: inline-block;
	padding: 0px 12px;
	height: 30px;
	font-size: 14px;
	line-height: 30px;
	background: #fff;
	border: 1px solid #e3e3e3;
	text-align: center;
	color: #333;
	margin-right: -1px;
}
#pages a.hover,#pages span.hover {
	padding: 0px 12px;
	height: 30px;
	line-height: 30px;
	margin-top: 0px;
}
#pages a:hover {
	background: #0162bb;
	color: #fff;
	text-decoration: none;
}
#pages span {
	display: inline-block;
	padding: 0px 12px;
	height: 30px;
	line-height: 30px;
	background: #0162bb;
	border: 1px solid #0162bb;
	color: #fff;
	text-align: center;
}



/*2015-07-16*/
.mlr-20{margin:0 20px;}
.rowTab,.rowTab:hover{color:#fff;}
.rowTab:hover{ text-decoration:underline;}
#goTop{ cursor:pointer; position: fixed; display: block; z-index: 666; right:10px; bottom:50px; height: 50px; width:50px; background: url(../image/gotop.png) center center no-repeat; border:2px solid #787878;}