@charset "UTF-8";

/*banner*/
.banner { width: 100%; height: 300px; background-image: url(../images/banner02.png); background-position: center top; background-repeat: no-repeat;min-width:1200px; }
.banner .title { position: absolute; top: 150px; right: 0; color: #fff; text-align: left; font-weight: normal; font-size: 40px; }
.banner .title .line { display: inline-block; margin: 20px 0; margin-top: 36px; width: 40px; height: 2px; background-color: #fff; }
.banner .title .eng { text-transform: uppercase; font-weight: normal; font-size: 18px; }
.banner .title .tips { margin-top: 50px; font-size: 20px; }
.position { margin-bottom: 30px; width: 100%; height: 45px; border-bottom: 1px solid #ccc; background-color: #fff; color: #999; line-height: 45px; }
.position a { color: #999; }
.position a:hover{color: #1665d9}
.position .icon { margin-top: -4px; }
.sidebar { float: left; padding-bottom: 50px; width: 250px; }
.s-title { padding: 25px 30px; width: 250px; height: 104px; background: url(../images/w01.png) no-repeat center; color: #fff; font-size: 24px; }
.sideMenu { margin-bottom: 20px; min-height: 315px; background-color: #fff; }
.sideMenu h3 { margin-top: -1px; padding: 0 30px; height: 45px; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; color: #333; font-weight: normal; font-size: 14px; line-height: 45px; cursor: pointer; }
.sideMenu h3 em { float: right; display: block; margin: 20px 0 0 0; width: 10px; height: 10px; background: url(../images/add.png) no-repeat; line-height: 10px; cursor: pointer; }
.sideMenu h3:hover, .sideMenu h3.on { color: #1665d9; }
.sideMenu h3:hover em { background: url(../images/added.png) no-repeat; }
.sideMenu h3.on em { }
.sideMenu h3.on em { background: url(../images/lessed.png) no-repeat; }
.sideMenu ul { display: none; /* 默认都隐藏 */ padding: 10px 30px; color: #333; font-size: 15px; line-height: 26px; }
.sideMenu ul a { color: #666; font-size: 12px; }
.sideMenu ul a:hover, .sideMenu ul a.active { color: #1665d9; font-weight: bold; }
.s-contact { color: #666; font-size: 14px; }
.s-contact .num { padding-bottom: 10px; border-bottom: 1px solid #1665d9; color: #1665d9; font-weight: bold; font-style: italic; font-size: 24px; }
.m-title { margin: 0 auto; margin-bottom: 35px; padding-bottom: 10px; width: 190px; border-bottom: 1px solid #c7c7c7; color: #1665d9; text-align: center; font-weight: normal; font-size: 26px; }
.m-title .eng { color: #999; font-size: 14px; }
.main { float: right; padding: 20px 0; width: 928px; font-size: 14px; line-height: 32px; }
.about-page { padding-bottom: 0; }
.about-page .words { padding: 30px 0; padding-bottom: 0; font-size: 14px; }
.about-page .s-pic { margin-right: 20px; margin-bottom: 20px; }
.prd-list { }
.prd-list ul { margin-left: -20px; }
.prd-list ul li { float: left; margin-bottom: 30px; margin-left: 20px; padding-top: 30px; width: 296px; height: 418px; border: 1px solid transparent; text-align: center; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; transition: All 0.4s ease-in-out; }
.prd-list ul li .name { padding: 40px 0; color: #333; font-size: 20px; }
.prd-list ul li .btn { padding: 8px 62px; border: none; border-radius: 29px; background-color: #1665d9; color: #fff; text-align: center; font-size: 16px; }
.prd-list ul li.on, .prd-list ul li:hover { border: 1px solid #1665d9; background-color: #fff; }
.prd-list ul li .pic{ width:277px;height:204px;}
.prd-list ul li .pic img{ width:100%;}

/*3-2产品展示详情*/

/* smallImg */
.smallImg { position: relative; float: RIGHT; overflow: hidden; width: 210px; height: 418px; }
.scrollbutton { position: relative; position: absolute; top: 50%; left: 0px; float: left; overflow: hidden; margin-top: -25px; width: 14px; height: 50px; cursor: pointer; }
.scrollbutton.smallImgUp, .scrollbutton.smallImgUp.disabled { background: url(../images/prev04.png) no-repeat; }
.scrollbutton.smallImgDown, .scrollbutton.smallImgDown.disabled { margin-left: 526px; background: url(../images/next04.png) no-repeat; }
#imageMenu { float: left; overflow: hidden; margin-top: -10px; }
#imageMenu li { float: left; overflow: hidden; margin: 10px 0; /* width: 210px; */ /* height: 125px; */ text-align: center; }
#imageMenu li img { width: 210px; height: 125px; border: 1px solid #cdcdcd; cursor: pointer; }
#imageMenu li#onlickImg img, #imageMenu li:hover img { width: 210px; height: 125px; border: 1px solid #1665D9; }

/* bigImg */
.bigImg { position: relative; float: left; overflow: hidden; margin-bottom: 10px; }
.bigImg #midimg { width: 697px; height: 418px; border: 1px solid #e0e0e0; }
.bigImg #winSelector { width: 235px; height: 210px; }
#winSelector { position: absolute; border: 1px solid #fff; background-color: #000; opacity: 0.15; cursor: crosshair; filter: alpha(opacity=15); -moz-opacity: 0.15; }

/* bigView */
#bigView { position: absolute; z-index: 999; overflow: hidden; border: 1px solid #959595; }
#bigView img { position: absolute; }
.prd-pic { width: 100%; height: 418px; color: #999; }
.prd-pic .icon { margin-top: -2px; }
.prd-info { width: 100%; color: #333; }
.prd-info .title { margin-bottom: 40px; padding-top: 40px; color: #333; font-weight: normal; font-size: 22px; }
.prd-info .tips { font-size: 16px; }
.info-item { color: #666; font-size: 18px; line-height: 28px; }
.info-item .label { color: #999; }
.recommend { margin-bottom: 20px; width: 100%; border-top: 1px solid #004b1a; border-bottom: 1px solid #efefef; background-color: #fafafa; line-height: 40px; }
.recommend span { display: inline-block; width: 105px; height: 40px; background-color: #004b1a; color: #fff; text-align: center; line-height: 40px; }
.recommend a { color: #004b1a; font-size: 14px; }
.prd-wrap { margin-bottom: 30px; }
.load { }
.load a { color: #1665d9; font-size: 14px; }
.page02 { padding-top: 20px; border-top: 1px solid #ddd; font-size: 16px; }
.news-list02 { margin-left: -20px; padding: 20px 0; }
.news-list02 li { float: left; overflow: hidden; margin-top: 30px; margin-left: 20px; padding-bottom: 30px; width: 100%; border-bottom: 1px dotted #ddd; background-color: rgba(255, 255, 255, 0.8); }
.news-list02 li .pic { float: left; display: flex; margin-right: -274px; width: 264px; height: 184px; }
.news-list02 li .pic img { width:100%;height:184px; }
.news-list02 li .words { float: left; overflow: hidden; padding: 0px; padding-top: 15px; padding-bottom: 0; padding-left: 284px; width: 100%; height: 194px; color: #666; text-align: left; font-size: 14px; }
.news-list02 li .title { margin-bottom: 10px; color: #333; font-weight: bold; font-size: 18px; }
.news-list02 li .date { margin-bottom: 5px; color: #999; font-size: 13px; }
.news-list02 li .line { bottom: 1px solid #bbb; margin-bottom: 10px; width: 100%; height: 0; }
.news-list02 li .more { display: inline-block; padding-top: 10px; color: #2456a0; font-size: 14px; }
.date { color: #999; }

/*5-2媒体中心详情*/
.news-detial { padding: 25px 0; font-size: 14px; line-height: 32px; }
.news-detial .title { color: #333; text-align: center; font-weight: bold; font-size: 18px; }
.news-detial .date { padding: 10px 0; color: #999; text-align: center; font-size: 12px; }
.news-detial .pic { padding: 20px 0; }

/*6人才招聘*/
.job-list { padding-left: 30px; }
.job-list li { padding-top: 35px; font-size: 14px; }
.job-list li .j-title { margin-bottom: 30px; padding-left: 10px; height: 16px; border-left: 3px solid #4879b4; font-size: 16px; line-height: 16px; }

/*8-1联系我们-商业合作*/
.contact-box01 { display: flex; }
.contact-box01 .man { float: left; padding-left: 90px; width: 470px; font-weight: bold; font-size: 18px; }
.contact-box01 .man .title { margin-top: 20px; margin-bottom: 10px; margin-left: -40px; color: #1665d9; font-weight: normal; font-size: 20px; }
.contact-box01 .man b { display: inline-block; min-width: 110px; color: #333; }
.contact-box01 .pic { float: left; margin-top: 20px; }
.contact-box02 { display: flex; margin: 30px 0; padding: 45px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.contact-box02 .left { float: left; padding-left: 90px; width: 470px; height: 60px; border-right: 1px solid #ccc; text-align: center; font-weight: bold; font-size: 18px; line-height: 20px; }
.contact-box02 .left .title { margin-top: 20px; margin-bottom: 10px; margin-left: -40px; color: #1665d9; font-weight: normal; font-size: 20px; }
.contact-box02 .left b { display: inline-block; min-width: 110px; color: #333; }
.contact-box02 .right { float: left; margin-top: -20px; padding-left: 130px; height: 60px; text-align: left; }
.contact-box02 .right .icon { margin-top: -2px; }
.suggest-box { padding: 3em 0; padding-left: 60px; background-color: #fafafa; }
.suggest-box .title { margin-bottom: 1.5em; font-size: 2em; }
.message-box { }
.i-label .str { margin-right: 5px; color: #ff0000; font-size: 14px; }
.i-label { width: 120px; height: 35px; color: #333; text-align: right; font-size: 14px; line-height: 35px; }
.i-label .str { margin-right: 5px; color: #ff0000; font-size: 14px; }
.i-input { }
.i-input .input { }
.i-input .txt { margin-bottom: 15px; padding: 10px; width: 580px; height: 250px; border: 1px solid #dfdfdf; color: #999; }
.i-input .textarea { margin-bottom: 15px; padding: 10px; width: 700px; height: 225px; border: 1px solid #dfdfdf; color: #999; }
.input { padding-left: 20px; width: 290px; height: 40px; border: 1px solid #dfdfdf; color: #999; line-height: 40px; }
.i-btn { display: inline-block; margin: 10px 0; padding: 4px 22px; background-color: #1665d9; color: #fff; font-size: 14px; }

/*8-4*/
body{background: url(../images/bg02.png) no-repeat bottom center ; background-size: cover; background-color: transparent!important;}
.position{background-color: transparent;}