
/* global
------------------------------------------------------- */
html{ height: 100%; }
body { font: normal 12px/16px 'Microsoft Yahei', 'NSimSun', Helvetica, Arial, sans-serif; position: relative; padding-bottom: 120px; min-height: 100%; background: #f8f8fa; }
a{ transition: all 0.5s ease; transition-duration: 0.5s; -ms-transition-duration:.0.5s; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration:0.5s; }
a:hover{ transition: all 0.5s ease; transition-duration: 0.5s; -ms-transition-duration:.0.5s; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration:0.5s; }
a:visited{ transition: all 0.5s ease; transition-duration: 0.5s; -ms-transition-duration:.0.5s; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration:0.5s; }


/* common module
------------------------------------------------------- */
.wrapper{ width: 990px; margin: 0 auto; }
.page-banner{ width: 100%; height: 360px; background-position: center center; background-size: cover; background-repeat: no-repeat; }
.page-desc{ color: #999; font-size: 14px; text-align: center; line-height: 25px; }

.pager{ text-align: center; padding: 25px 0px; font-size: 13px; line-height: 20px; }
.pager a{ margin: 0px 5px; }
.pager span.active{ color: #e40082; }

/* header
------------------------------------------------------- */
.cfhead{ width: 100%; margin: 0 auto; height: 60px; background: #fff; border-bottom: 1px solid #f12e23; }
.cfhead .cfhead-wrapper{ width: 1100px; margin: 0 auto; height: 60px; position: relative; }
.cfhead .logo{ display: block; width: 210px; height: 60px; background: url(../img/logo.png) left center no-repeat; background-size: 213px 40px; text-indent: -9999px; }
.cfhead .nav { font-size: 14px; position: absolute; right: 25px; top: 0; line-height: 38px; }
.cfhead .nav li { display: inline; padding: 0 15px; padding-bottom: 13px; float: right; text-align: center; font-weight: normal; }
.cfhead .nav li a { color: #000; }
.cfhead .nav li.active a { color: #000; }
.cfhead .nav>li>a:hover, .cfhead .nav>li>a:focus { text-decoration: none; background: none; border-bottom: 1px solid #f12e23; }
.cfhead .nav-ico-phone{ display: none; position: absolute; right: 12px; top: 0; height: 60px; width: 48px; text-align: center; background-image: url(../img/icon-menu.png); background-size: 17px 12px; background-position: center center; background-repeat: no-repeat; }
.cfhead .nav-phone{ display: none; }

/* index-banners
------------------------------------------------------- */
.index-banners{ width: 100%; height: 730px; }
.index-banners .carousel-inner{ height: 100%; }
.index-banners .carousel-inner .item{ height: 100%; }
.index-banners .carousel-inner .item .bg{ height: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; position: relative; }
.index-banners .carousel-inner .item-1 .bg{ background-image: url(../img/index-banner-01.jpg?v=150127); }
.index-banners .carousel-inner .item-2 .bg{ background-image: url(../img/index-banner-04.jpg?v=150127); }
.index-banners .carousel-inner .item-3 .bg{ background-image: url(../img/index-banner-03.jpg?v=150127); }
.index-banners .carousel-inner .item .banner-text{ width: 1100px; text-align: left; position: absolute; left: 50%; top: 50%; margin-left: -550px; background-position: left top; background-repeat: no-repeat; }
/*.index-banners .carousel-inner .item .banner-text .show-video{ display: inline-block; width: 125px; height: 50px; background: url(../img/index-banner-play.png) 0 0 no-repeat; transition: none; }
.index-banners .carousel-inner .item .banner-text .show-video:hover{ background-position: 0 -50px; }
.index-banners .carousel-inner .item .banner-text .show-video-2{ background: url(../img/index-banner-play-2.png) 0 0 no-repeat; }*/
.index-banners .carousel-inner .item .banner-text-1{ height: 297px; padding-top: 180px; margin-top: -140px; background-image: url(../img/index-banner-pic-1.png?v=150127); }
.index-banners .carousel-inner .item .banner-text-2{ height: 297px; padding-top: 180px; margin-top: -109px; background-image: url(../img/index-banner-pic-2.png?v=150127); }
.index-banners .carousel-inner .item .banner-text-3{ height: 297px; padding-top: 180px; margin-top: -100px; background-image: url(../img/index-banner-pic-3.png?v=150127); }

.index-banners .carousel-inner .item .banner-text .zzzd{ display: inline-block; margin-left: 4px; width: 430px; height: 53px; background: url(../img/index-banner-zzzd.png) 0 0 no-repeat; transition: none; }
.index-banners .carousel-inner .item .banner-text .learn-more{ display: inline-block; margin-left: 4px; width: 430px; height: 53px; background: url(../img/index-banner-more.png) 0 0 no-repeat; transition: none; }
.index-banners .carousel-inner .item .banner-text .xxyth{ display: inline-block; margin-left: 4px; width: 430px; height: 53px; background: url(../img/index-banner-xxyth.png) 0 0 no-repeat; transition: none; }

------------------------------------------------------- */
.index-banners1{ width: 100%; height: 460px; }
.index-banners1 .carousel-inner{ height: 50%; }
.index-banners1 .carousel-inner .item{ height: 50%; }
.index-banners1 .carousel-inner .item .banner-text1{ width: 1100px; text-align: left; position: absolute; left: 50%; top: 50%; margin-left: -550px; background-position: left top; background-repeat: no-repeat; }
.index-banners1 .carousel-inner .item-1 .bg{ background-image: url(../img/06-数字科技-轮播图1.jpg); }
.index-banners1 .carousel-inner .item-2 .bg{ background-image: url(../img/06-数字科技-轮播图2.jpg); }
.index-banners1 .carousel-inner .item-3 .bg{ background-image: url(../img/06-数字科技-轮播图3.jpg); }
.index-banners1 .carousel-inner .item-4 .bg{ background-image: url(../img/06-数字科技-轮播图4.jpg); }

.index-block-imgs{ margin-top: 2px; }
.index-block-imgs .col-md-4{ padding: 1px; }
.index-block-imgs .col-md-4 a{ display: block; height: auto; width: 100%; text-align: center; color: #fff; text-decoration: none; font-size: 15px; text-shadow: 0 0 10px #000; background-position: center center; background-size: 100%; background-repeat: no-repeat; }
.index-block-imgs .col-md-4 a.b{ color: #000; text-shadow: 0 0 10px #fff; }
.index-block-imgs .col-md-4 a:hover{ color: #999; text-shadow: 0 0 0 #fff; }
.index-block-imgs .col-md-4 a img{ height: auto; width: 100%; }
/*
.index-block-imgs .col-md-4 a.a1{ background-image: url(../img/index-block-img-01.jpg?v=150127); }
.index-block-imgs .col-md-4 a.a2{ background-image: url(../img/index-block-img-02.jpg?v=150127); }
.index-block-imgs .col-md-4 a.a3{ background-image: url(../img/index-block-img-03.jpg?v=150127); }
*/

/* footer
------------------------------------------------------- */
footer{ position: absolute; width: 100%; left: 0; bottom: 0; padding: 20px 0; line-height: 50px; text-align: center; color: #999999; font-size: 13px; background: #fff; }
.phone{ display: none; }

/* join us
------------------------------------------------------- */
.banner-join{ position: relative; background-image: url(../img/banner-join.jpg); }
/*.banner-join .con{ width: 399px; height: 106px; position: absolute; left: 50%; top: 50%; margin-left: -200px; margin-top: -53px; background-image: url(../img/banner-join-pic-1.png); }*/

.join-page-desc{ margin-top: 35px; }
.join-mail{ margin: 12px auto; font-size: 15px; color: #000; }
.joblist{ border-top: 1px solid #ddd; margin-top: 15px; margin-bottom: 20px; }
.joblist .head{ height: 90px; border-bottom: 1px solid #eee; font-size: 15px; color: #999; font-weight: bold; line-height: 60px; padding: 15px 0px; }
.joblist .head .s{ font-size: 12px; font-weight: normal; }
.joblist .item{ height: 60px; border-bottom: 1px solid #eee; font-size: 14px; font-weight: normal; line-height: 30px; padding: 15px 0px; }
.joblist .items{ border-bottom: 1px solid #eee; font-size: 12px; font-weight: normal; line-height: 20px; padding: 15px 0px; }

.joblist .name{ width: 30%; float: left; margin-left: 2%; }
.joblist .jobclass{ width: 24%; float: left; margin-left: 2%; text-align: center; }
.joblist .city{ width: 19%; float: left; margin-left: 2%; text-align: center; }
.joblist .date{ width: 16%; float: left; margin-left: 2%; text-align: center; }

.job-detail{ line-height: 28px; color: #000; }
.job-detail .hd{ line-height: 30px; }
.job-detail .blue{ color: #999; }
.job-detail .head{ color: #222; }
 
.fmsearch{ padding:  15px; text-align: center; }
.fmsearch select{ width: 160px; height: 40px; border: 1px solid #ddd; font-size: 14px; border-radius: 3px; vertical-align: middle; }
.fmsearch input[type="text"]{ width: 250px; height: 40px; padding: 2px 5px; border: 1px solid #ddd; font-size: 14px; color: #999; border-radius: 3px; vertical-align: middle; }
.fmsearch input[type="submit"]{ width: 50px; height: 40px; padding: 5px 8px; color: #ff990c; cursor: pointer; background: #ef4239 url(../img/icon-search.png) center center no-repeat; border: none; -webkit-appearence: none; text-indent: -999px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #ddd; font-size: 14px; vertical-align: middle; }
 

/* news
------------------------------------------------------- */
.banner-news{ position: relative; background-image: url(../img/banner-news.jpg); }
.news-list{ }
.news-list .item{ padding: 50px 0; border-bottom: 1px solid #ddd;}
.news-list .item h2{ font-size: 30px; font-weight: 400; color: #666; line-height: 1.4em; }
.news-list .item .date{ font-size: 14px; color: #999; line-height: 32px; }
.news-list .item .content{ font-size: 14px; color: #666; line-height: 25px; }
.news-list .item .more{ line-height: 35px; text-align: right; }
.news-list .item .more a{ font-size: 14px; color: #ef4036; }
.news-list .item .img { margin: 12px auto; max-width: 100%; max-height: 350px; }



/* wrappers   about.index.jsp
------------------------------------------------------- */
.about_banner{ width:100%;}
.about_banner img{ width:100%;}
.banner-about{ position: relative; background-image: url(../img/banner-about.jpg); }
.banner-about .con{ width: 538px; height: 130px; position: absolute; left: 50%; top: 40%; margin-left: -269px; margin-top: -65px; background-image: url(../img/banner-about-pic-1.png); }

.wrap_about{ width:983px; margin:0 auto; padding-bottom:30px;}
.wrap_about .cont_list{ padding:65px 0 20px 0; border-bottom:1px solid #e0e0e0; }
.wrap_about .cont_list:last-child{ border-bottom: none; }
.cont_list .time_year{ width:202px; float:left; }
.cont_list .cont_text{ width:781px; float:left; font-size:16px; color:#333; line-height:30px;}
.cont_list .cont_text p{ margin-bottom:33px;}
.cont_list-ar{ text-align: center; }
.cont_list-mt20{ margin-top: 60px; }

/* wrappers  contact.jsp
------------------------------------------------------- */
.contact_banner{ width:100%;}
.contact_banner img{ width:100%;}

.contact_wrap{ width:990px; margin:0 auto; padding:30px 0 100px 0;}
.contact_wrap .cont_box{ width:990px;}
.contact_wrap .cont_box .cont_list{ width:25%; float:left;}
.contact_wrap .cont_box .cont_list p{ line-height:30px; font-size:14px; color:#000; margin-top:30px;}
.contact_wrap .cont_box .cont_list-1{ margin-top: 50px; }
.contact_wrap .cont_box .cont_list-1 img{ width: 76px; }
.contact_wrap .cont_box .cont_list-1 p{ margin-top: 12px; }

/* product.index.jsp */
.product_wrap{ width:1104px; margin:0 auto;}
.product_wrap .cont_list_1{ padding:70px 0;}
.cont_list_1 .cont_text{ width:535px; float:left;font-size:14px; margin-top:160px;}
.cont_list_1 .cont_text p{  color:#666666; margin:70px 0 25px 0; line-height:30px;}
.cont_list_1 .cont_text a{ color:#f10902;}
.cont_list_1 .cont_img{ width:529px; float:left; padding-left:40px;}
.product_wrap .cont_list_2{ padding:70px 0;}
.cont_list_2 .cont_img{ width:649px; float:left;}
.cont_list_2 .cont_text{ width:455px; float:left; font-size:14px;}
.cont_list_2 .cont_text p{ color:#666666; margin:70px 0 25px 0; line-height:30px;}
.cont_list_2 .cont_text a{color:#f10902;}

.banner-product{ position: relative; background-image: url(../img/banner-product.jpg); }
/*.banner-product .con{ width: 393px; height: 106px; position: absolute; left: 50%; top: 40%; margin-left: -197px; margin-top: -53px; background-image: url(../img/banner-product-pic-1.png); }*/

.products{ margin-top: 40px; }
.product-item{ padding: 45px 0; }
.product-item .p-logo{ width: 200px; height: 150px; float: left; }
.product-item .p-logo-rlzy{ background: url(../img/rlzy.png) center top no-repeat; }
.product-item .p-logo-shbz{ background: url(../img/shbz.png) center top no-repeat; }
.product-item .p-logo-zzzd{ background: url(../img/zzzd.png) center top no-repeat; }
.product-item .p-logo-jycy{ background: url(../img/jycy.png) center top no-repeat; }
.product-item .p-logo-szyw{ background: url(../img/szyw.png) center top no-repeat; }
.product-item .p-logo-xxyth{ background: url(../img/xxyth.png) center top no-repeat; }


.product-item .p-content{ width: 790px; font-size: 14px; line-height: 1.5em; float: left; }
.more_pro{ line-height: 35px; text-align: right; }

/* racenter.index.jsp */
.racenter_wrap{ width:1104px; margin:0 auto;}
.racenter_wrap .cont_list_1{ padding:70px 0;}
.cont_list_1 .cont_text{ width:535px; float:left;font-size:14px; margin-top:160px;}
.cont_list_1 .cont_text p{  color:#666666; margin:70px 0 25px 0; line-height:30px;}
.cont_list_1 .cont_text a{ color:#f10902;}
.cont_list_1 .cont_img{ width:529px; float:left; padding-left:40px;}
.racenter_wrap .cont_list_2{ padding:70px 0;}
.cont_list_2 .cont_img{ width:649px; float:left;}
.cont_list_2 .cont_text{ width:455px; float:left; font-size:14px;}
.cont_list_2 .cont_text p{ color:#666666; margin:70px 0 25px 0; line-height:30px;}
.cont_list_2 .cont_text a{color:#f10902;}
.more_ra{ line-height: 35px; text-align: right; }


.banner-racenter{ position: relative; background-image: url(../img/banner-racenter.jpg); }
/*.banner-racenter .con{ width: 393px; height: 106px; position: absolute; left: 50%; top: 40%; margin-left: -197px; margin-top: -53px; background-image: url(../img/banner-ra-pic-1.png); }*/

.racenters{ margin-top: 40px; }
.racenter-item{ padding: 45px 0; }
.racenter-item .p-logo{ width: 200px; height: 150px; float: left; }
.racenter-item .p-logo-raxglc{ background: url(../img/raxglc.png) center top no-repeat; }
.racenter-item .p-logo-raszzsrzzx{ background: url(../img/raszzsrzzx.png) center top no-repeat; }
.racenter-item .p-logo-raxgzs{ background: url(../img/raxgzs.png) center top no-repeat; }
.racenter-item .p-logo-rajszc{ background: url(../img/rajszc.png) center top no-repeat; }
.racenter-item .p-logo-raxgxz{ background: url(../img/raxgxz.png) center top no-repeat; }
.racenter-item .p-content{ width: 790px; font-size: 14px; line-height: 1.5em; float: left; }

/* tecnology.index.jsp */
.technology_wrap{ width:1104px; margin:0 auto;}
.technology_wrap .cont_list_1{ padding:70px 0;}
.technology_wrap .cont_list_3{ padding:140px 0;}
.cont_list_1 .cont_text{ width:535px; float:left;font-size:14px; margin-top:160px;}
.cont_list_1 .cont_text p{  color:#666666; margin:70px 0 25px 0; line-height:30px;}
.cont_list_1 .cont_text a{ color:#f10902;}
.cont_list_1 .cont_img{ width:529px; float:left; padding-left:40px;}
.technology_wrap .cont_list_2{ padding:70px 0;}
.cont_list_2 .cont_img{ width:649px; float:left;}
.cont_list_2 .cont_text{ width:455px; float:left; font-size:14px;}
.cont_list_2 .cont_text p{ color:#666666; margin:70px 0 25px 0; line-height:30px;}
.cont_list_2 .cont_text a{color:#f10902;}

.banner-technology{ position: relative; background-image: url(../img/banner-technology.jpg); }
.banner-technology .con{ width: 393px; height: 106px; position: absolute; left: 50%; top: 40%; margin-left: -197px; margin-top: -53px; background-image: url(../img/banner-technology-pic-1.png); }

.technologys{ margin-top: 40px; }
.technology-item{ padding: 45px 0; }
.technology-item .p-logo{ width: 200px; height: 150px; float: left; }
.technology-item .p-logo-zxjj{ background: url(../img/zxjj.png) center top no-repeat; }
.technology-item .p-logo-zxld{ background: url(../img/zxld.png) center top no-repeat; }
.technology-item .p-logo-zxzz{ background: url(../img/zxzz.png) center top no-repeat; }
.technology-item .p-logo-znbm{ background: url(../img/znbm.png) center top no-repeat; }

.technology-item .p-content{ width: 790px; font-size: 14px; line-height: 1.5em; float: left; }


/* download.index.jsp */
.download_wrap{ width:1104px; margin:0 auto;}
.download_wrap .cont_list_1{ padding:70px 0;}
.cont_list_1 .cont_text{ width:535px; float:left;font-size:14px; margin-top:160px;}
.cont_list_1 .cont_text p{  color:#666666; margin:70px 0 25px 0; line-height:30px;}
.cont_list_1 .cont_text a{ color:#f10902;}
.cont_list_1 .cont_img{ width:529px; float:left; padding-left:40px;}
.download_wrap .cont_list_2{ padding:70px 0;}
.cont_list_2 .cont_img{ width:649px; float:left;}
.cont_list_2 .cont_text{ width:455px; float:left; font-size:14px;}
.cont_list_2 .cont_text p{ color:#666666; margin:70px 0 25px 0; line-height:30px;}
.cont_list_2 .cont_text a{color:#f10902;}

.banner-download{ position: relative; background-image: url(../img/banner-download.jpg); }
/*.banner-download .con{ width: 393px; height: 106px; position: absolute; left: 50%; top: 40%; margin-left: -197px; margin-top: -53px; background-image: url(../img/banner-download-pic-1.png); }*/

.downloads{ margin-top: 40px; }
.download-item{ padding: 45px 0; }
.download-item{ }
.download-item .date{ font-size: 14px; color: #999; line-height: 12px;text-align: right }
.download-item .item{ padding: 50px 0; border-bottom: 1px solid #ddd;}
.download-item .p-logo{ width: 200px; height: 150px; float: left; }
.download-item .p-logo-jsb{ background: url(../img/jsb.png) center top no-repeat; }
.download-item .p-logo-sybjk{ background: url(../img/sybjk.png) center top no-repeat; }
.download-item .p-logo-jmjkk{ background: url(../img/jmjkk.png) center top no-repeat; }
.download-item .p-logo-sm{ background: url(../img/sm.png) center top no-repeat; }
.download-item .p-logo-cjgj{ background: url(../img/sjcj.png) center top no-repeat; }
.download-item .p-logo-jmgfw{ background: url(../img/jmgfw.png) center top no-repeat; }
.download-item .p-logo-ykt{ background: url(../img/ylb.png) center top no-repeat; }

.download-item .p-content{ width: 790px; font-size: 14px; line-height: 1.5em; float: left; }
.download-item .p-content .inner { padding:5px 10px;}
.download-item .p-content .inner h2 {color:#333333; background:#DCDCDC; padding:5px 8px;}
.download-item .p-content .inner .cont {color:#333333; font-size:14px; line-height:180%; text-indent:0em;}
.download-item .p-content .inner .cont p {margin-bottom:15px; line-height:100%;}
.download-item .p-content .inner .cont .columns {-webkit-columns: 200px 3;}
.more_dwn{ line-height: 35px; text-align: right; }

/* common styles
------------------------------------------------------- */
.text-error{ color: #d9534f; }
.text-warning{ color: #f0ad4e; }
.text-success{ color: #5cb85c; }
.text-gray{ color: #aaa999; }
.text-blue{ color: #0365c0; }
.text-link{ color: #ff0000; }

.text-fz13{ font-size: 13px; }
.text-fz14{ font-size: 14px; }
.text-fz16{ font-size: 16px; }
.text-fz18{ font-size: 18px; }

.line-gray{ height: 1px; overflow: hidden; font-size: 0; background-color: #e0e0e0; }
.style13 {
	border: 1px solid #000000;
	background-color: #C0C0C0;
}
.style14 {
	border: 1px solid #000000;
}
.style15 {
	border-color: #000000;
	border-width: 1px;
    border: 1px solid #000000;
}
.style16 {
	font-family: Microsoft Yahei;
	font-size: 14px;
	border: 1px solid #000000;
}
.style17 {
	font-family: Microsoft Yahei;
	font-size: 14px;
}
.style18 {
	text-align: center;
	font-family: Microsoft Yahei;
	font-size: 14px;
}
.style19 {
	font-family: Microsoft Yahei;
	font-size: medium;
	border: 10px solid #000000;
	background-color: #FFFFFF;
}

