@import url('base.css');
@import url('bootstrap.css');
@import url('layout.css');
@import url('fonticons.css');
/*============================================================================
 01首页
 02关于我们
 03最新资讯
 04产品中心
============================================================================*/
/*---------------------------------------------global--------------------------------------------------*/
body, html { min-width: 960px; min-height:101%; }
a{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
/*-------------head-----------*/
.header { display: block; height:120px; padding-top:50px; position:absolute; width: 100%; min-width: 960px; z-index: 66; font-family:"Lucida Console", Monaco, monospace}
.logo { float: left; width: 220px; height: 120px; margin-top:-30px; position:relative;}
.logo img{ width:220px; height:120px; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto 0;}
.pc-nav { float: right; width: 720px; 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:16px; font-weight:500; line-height:50px;}
.pc-nav li a:hover { color:#254198;}
.pc-nav li .erji{ position:absolute; display:none; left:50%; margin-left:-75px; top:50px; width:150px; background:#FFF; box-shadow:0px 2px 2px rgba(0,0,0,0.3); line-height:30px;}
.pc-nav li .erji a{ display:block; overflow:hidden; height:30px; line-height:30px; text-align:center; font-size:12px;}
.pc-nav li .erji:before{ content:''; position:absolute; left:50%; top:-16px;margin-left:-8px; display:block; border:8px solid transparent; border-bottom-color:#FFF;}
.pc-nav li .erji dl{ margin:0;}
.pc-nav li .erji dl dd{ position:relative;}
.pc-nav li .erji dl dd span{}
.pc-nav li .erji dl dd:hover span a{ color:#254198;}
.pc-nav li .sanji{ position:absolute; left:100%; top:0; width:150px; background:#FFF; box-shadow:0px 2px 2px rgba(0,0,0,0.3); line-height:30px;  display:none;}
.pc-nav li .erji dl dd:hover .sanji{ display:block;}
.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: 945px;}
.footer { display:block; overflow:hidden; padding:10px 0px; border-top:1px solid #e2e2e2;}
.footer.isindex .container{ width:1200px;padding-left: 30px; padding-right:30px; }
.footer .col-xs-7,.footer .col-xs-5 { padding:0px;}
.footer a { padding:0px 2px;}
.footer p { text-align:right;}
.footer p i { padding:0px 3px; font-family:Arial, Helvetica, sans-serif;}
/*---------------------index---------------------*/
.index { min-width:1200px;}
.index .header .container { width:1170px;}
.index-container { width:1200px;}
.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;text-indent: 2em;}
.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(../images/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; }


/*---------------------channel---------------------*/
.channel-banner { display:block; overflow:hidden; position:relative; height:230px;  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: #999; font-size: 14px;line-height: 80px; font-weight: 600;}
.site a{ color:#333;}
.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:25px;}
.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:50%; padding-right:100px; padding-bottom:30px;}
.news-list li h6 { font-size:14px; 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:20px; margin-bottom:10px; color: #7a7a7a;  height: 40px;
  overflow: hidden;}
.news-list li i { color:#254198; display:inline-block; height:22px; line-height:22px; padding-left:16px; background:url(../images/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(../images/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(../images/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(../images/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(../images/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);}
.spbg{ width:100%; height:100%; background:rgba(0,0,0,.5); position:fixed; top:0; left:0; z-index:666; display:none;}
.sp{ height:100%;
display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;}
.sp_close{ width:40px; height:40px; line-height:40px; text-align:center; font-size:30px; color:#fff; cursor:pointer; position:absolute; top:0; right:0;}
.sp_con{ width:100%; text-align:center;}
.sp_con video{ width:80%;}

.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(../images/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:150px; height:140px;}
.technology dl dd ul li img { width:63px; margin-bottom:10px; display:block; 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: 63px;text-align: center;}

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

.application { position:relative; display:block; overflow:hidden; background:url(../images/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;} 

.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(../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(../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(../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(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); }

/*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(../images/gotop.png) center center no-repeat; border:2px solid #787878;}