@charset "UTF-8";

/*公共样式*/

* { margin: 0; padding: 0; list-style: none; }
html, body { margin: 0 auto; }
body { overflow-x: hidden; }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, header, section, footer { margin: 0; padding: 0; font: 14px/1.5 Microsoft YaHei;}
body, button, input, select, textarea { font: 14px/1.5 Microsoft YaHei; }
em { font-style: normal; font-size: 12px; }
i { font-style: normal; font-size: 12px; }
a { text-decoration: none; color: black; }
.clear { clear: both; }
.clear:after { display: block; content: ""; clear: both; }
.clearfix:after, .clearfix:before {display: table;content: "";line-height: 0;}
.clearfix:after {clear: both;}

em, i, a { font: 14px/1.5 Microsoft YaHei; }
.fl { float: left; }
.fr { float: right; }
img { border: 0; display: inline-block; vertical-align: middle; }
.transtion { transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; }
.box{ width:1200px; margin:0 auto; }


/*header*/

.header{position:fixed;top: 0;left:0;width: 100%;background: rgba(0,0,0,0.5);z-index: 99;height: 90px;}
.headerBox{width: 1200px;margin: 0 auto;height: 90px;position: relative;}
.headerBox a.logo{float: left;margin-top: 20px;}
.headerBox .nav{float: right;margin-right: 50px;}
.headerBox ul{height: 90px;}
.headerBox ul li{float: left;width: 120px;text-align: center;}
.headerBox ul li a{display: block;height: 90px;line-height: 90px;transition: all 0.5s; color:#fff;font-size:16px;}
.headerBox ul li.active{background: #007cc2;color: #fff;}
.headerBox ul li:hover a{background: #007cc2;color: #fff;}

/* 内页 */
.header1{position:fixed;top: 0;left:0;width: 100%;background: #fff;z-index: 99;height: 90px;}
.header1 .headerBox{width: 1200px;margin: 0 auto;height: 90px;position: relative;}
.header1 .headerBox a.logo{float: left;margin-top: 20px;}
.header1 .headerBox .nav{float: right;margin-right: 50px;}
.header1 .headerBox ul{height: 90px;}
.header1 .headerBox ul li{float: left;width: 120px;text-align: center;}
.header1 .headerBox ul li a{display: block;height: 90px;line-height: 90px;transition: all 0.5s; color:#333; font-size:16px;}
.header1 .headerBox ul li.active{background: #007cc2;color: #fff;}
.header1 .headerBox ul li.active a{ color:#fff;}
.header1 .headerBox ul li:hover a{background: #007cc2;color: #fff;}

/*banner*/

.banner{height: 100vh;width: 100%;position: relative;}
.banner .hd{ position: absolute;bottom: 20px;left: 0;width: 100%;text-align: center;z-index: 99;opacity: 0;}
.banner .hd ul{display: inline-block;overflow: hidden;}
.banner .hd ul li{float: left;width: 15px;height: 15px;border-radius: 15px;font-size: 0;background: #fff;margin: 0px 10px;cursor: pointer;}
.banner .hd ul li.on{background: #0382cb;}
.banner:hover .hd{opacity: 1;}
.banner .bd{height: 100%;}
.banner .bd .tempWrap{height: 100%;}
.banner .bd ul{height: 100%;}
.banner .bd ul li{height: 100%;}
.banner .bd li img{height: 100vh;width: 100%;}
.banner .prev{position: absolute;top: 50%;left: 5%;z-index: 99;width: 50px;height: 50px;background:rgba(3,130,203,0.75) url("../images/prev.png") no-repeat center;background-size: 50%;border-radius: 50%;box-shadow: 0 0 5px 1px #9e9e9e;opacity: 0;z-index: 999;display: none;}
.banner .next{position: absolute;top: 50%;right: 5%;z-index: 99;width: 50px;height: 50px;background:rgba(3,130,203,0.75) url("../images/next.png") no-repeat center;background-size: 50%;border-radius: 50%;box-shadow: 0 0 5px 1px #00629a;opacity: 0;z-index: 999;display: none;}
.banner:hover .next{opacity: 1;}
.banner:hover .prev{opacity: 1;}


/* section02 */
.section02{background: url(../images/section02.jpg) no-repeat center bottom;background-size: cover; height:100vh;}
.home_product{ width:100%; position: absolute; bottom:0; height:70vh;}
.home_product li{ float: left; width:20%; position: relative; }
.home_pro_title{ position: absolute;left: calc(50% - 84px);top: 100px; text-align:center;}
.home_pro_title h3{ font-size:36px; font-weight: bold; font-family:Microsoft YaHei; color:#007cc2;}
.home_pro_title p{ font-size:14px; color:#666;}
.home_product .home_product_img{ height:52vh; overflow: hidden;}
.home_product li:nth-of-type(2n) .home_product_img{ position:absolute; bottom:0; width:100%;}
.home_product .home_product_img img{ width:100%; height:100%; transform: scaleX(1) scaleY(1);-webkit-transition: all .5s; -moz-transition: all .3s; transition: all .5s;}
.home_product li:hover .home_product_img img{transform: scaleX(1.05) scaleY(1.05);}
.home_product .home_con{ height:48vh;}
.home_product li:nth-of-type(2n) .home_con{ position:absolute; top:0; width:100%;}
.home_product .home_con h4{ width:100%; text-align:center; font-size:26px; color:#007cc2; font-weight:600; line-height:30px; margin-top:30px;}
.home_product .home_con p{ width:100%; text-align:center; font-size:16px; color:#666;}
.home_product .home_con i{ float: left; width:14%; height:2px; background:#007cc2; margin:15px 43%;}
.home_product .swiper-button-next{background: url(../images/spro_next.png) no-repeat center center;}
.home_product .swiper-button-prev{background: url(../images/spro_prev.png) no-repeat center center;}

/* section03 */
.section03{background: url(../images/section03.jpg) no-repeat center bottom;background-size: cover; height:100vh;}
.home_abo_title{ position: absolute;left: calc(50% - 84px);top: 130px; text-align:center;}
.home_abo_title h3{ font-size:36px; font-weight: bold; font-family:Microsoft YaHei; color:#fff;}
.home_abo_title p{ font-size:14px; color:#fff;}
.home_about{ width:1200px; position: absolute; bottom:40px; height:60vh;}
.home_about .home_about_l{ width:48%; float: left;}
.home_about .home_about_l h2{ font-size:26px; color: #fff; width:100%;}
.home_about .home_about_l P{ font-size:12px; color:#fff; width:100%; margin-top:10px;}
.home_about .home_about_l .home_about_con{ font-size:14px; color:#fff; line-height:24px; margin-top:15px;}
.home_about .home_about_more{ width:148px; height:38px; border:1px #fff solid; float: left; text-align:center; margin-top:30px;top: 500px;transition: all 0.5s; /*opacity: 0;*/ position:relative;}
.home_about .home_about_more a{ font-size:14px; color:#fff; line-height:38px; display: block;} 
.home_about .home_about_more:hover{border:1px #007cc2 solid;}
.home_about .home_about_more:hover a{ background:#007cc2; color:#fff; }
.home_about .about_nub{ width:100%;}
.home_about .about_nub li{ width:33.333%; float: left; text-align: center; top: 500px;transition: all 0.5s; /*opacity: 0;*/ position:relative;}
.home_about .about_nub li p{ text-align:center;}
.home_about .about_nub li .math{ font-size:46px; color:#fff; font-weight: 600;}
.home_about .about_nub li .intro{ font-size:16px; color:#fff; }
.home_about .home_about_r{ width:48%; float:right;position: relative; }
.home_about .home_about_r img{ width:100%; height:100%;}

@media screen and (min-width: 1280px) and (max-width: 1439px){
	.home_about .home_about_r img{ width:95%; height:95%;}	
	.home_abo_title{ position: absolute;left: calc(50% - 84px);top: 100px; text-align:center;}
}


/* section04 */
.section04{background: url(../images/section04.jpg) no-repeat center bottom;background-size: cover; height:100vh;}
.home_news_title{ position: absolute;left: calc(50% - 84px);top: 130px; text-align:center;}
.home_news_title h3{ font-size:36px; font-weight: bold; font-family:Microsoft YaHei; color:#007cc2;}
.home_news_title p{ font-size:14px; color:#666;}
.home_news{ width:1200px; position: absolute; bottom:65px; height:60vh;}
.home_news .home_news_l{ float: left; width:30%;}
.home_news .home_news_l img{ width:100%; height:100%;}
.home_news .home_news_r{ float:right; width:66%;}
.home_news .home_news_r ul{ display: none;}
.home_news .home_news_r li{ width:96%; background:#fff; padding:2%; margin-bottom:24px; transition: all 0.5s;}
.home_news .home_news_r li .home_news_img{ width:20%; float: left;}
.home_news .home_news_r li .home_news_img img{ width:100%;}
.home_news .home_news_r li .home_news_con{ width:75%; float:right;}
.home_news .home_news_r li .home_news_con .home_news_t{ width:100%; float: left;}
.home_news .home_news_r li .home_news_con .home_news_t h2{ float: left; font-size:16px; color:#333;}
.home_news .home_news_r li .home_news_con .home_news_t span{ float:right; font-size:14px; color:#999;}
.home_news .home_news_r li .home_news_con .home_news_c{ width:100%; float:left; font-size:14px; line-height: 26px; color:#999; margin-top:10px;}


@media screen and (min-width: 1280px) and (max-width: 1439px){
	.home_news_title{ position: absolute;left: calc(50% - 84px);top: 100px; text-align:center;}
	
}


/* section05 */
.section05{background: url(../images/section05.jpg) no-repeat center bottom;background-size: cover; height:100vh;}
.home_contact_title{ position: absolute;left: calc(50% - 84px);top: 130px; text-align:center;}
.home_contact_title h3{ font-size:36px; font-weight: bold; font-family:Microsoft YaHei; color:#007cc2;}
.home_contact_title p{ font-size:14px; color:#666;}
.home_contact{ width:1200px; position: absolute; bottom:75px; height:60vh; display: none;}
.home_contact .home_contact_bg{ width:100%; height: 400px;background: url(../images/home_contact.jpg) no-repeat center center; position:relative; transition: all 0.5s;}
.home_contact_1{ width:500px; background:#fff; left: calc(50% - 290px); padding: 30px 40px; position: absolute;top: calc(50% - 90px);box-shadow: 0 5px 7px #ccc;}
.home_contact_1::before{ position: absolute;top: 100%;left: 50%;margin-left: -13px;border-width: 12px 12px 0;border-style: solid;border-color: rgba(255, 255, 255, 1) transparent transparent;content: '';}
.home_contact_1 li{ font-size:14px; color:#333;}
.home_contact_1 li p{ width:50%; float:left; font-size:14px; color:#333; line-height:28px;}
.home_foot{ width:100%; height:60px; background:rgba(0, 0, 0, 0.8); position:absolute; bottom: 0; opacity: 0;}
.home_foot .home_foot_l{ float:left; line-height:60px; font-size:14px; color:#999;}
.home_foot .home_foot_l a{ color:#999; font-size:14px;}
.home_foot .home_foot_r{ float:right; line-height:60px; font-size:14px; color:#999;}
.home_foot .home_foot_r a{ color:#999; font-size:14px;}
.home_foot .home_foot_l a:hover,.home_foot .home_foot_r a:hover{text-decoration: underline;}

@media screen and (min-width: 1280px) and (max-width: 1439px){
	.home_contact{ height:55vh; bottom:90px; }
	.home_contact_title{ position: absolute;left: calc(50% - 84px);top: 100px; text-align:center;}
	.home_contact .home_contact_bg{ height:350px;}
}



/* page_banner */
.page_banner{width:100%; height:360px;position: relative; overflow:hidden;left:0;top:0; z-index:5; margin-top:90px;}
.page_box{ width:1200px; margin:0 auto; position:relative;}
.b_title{ position:relative; z-index:99; text-align:left; color:#fff; float:left; margin-top:290px;}
.b_title h2{ font-size:24px;font-weight: bold;}
.b_title i{ width:96px; height:3px; background:#fff; margin:10px 0; float: left;}
.b_title p{ font-size:20px; }
.crumbs{background:url(../images/home.png) center left no-repeat; padding-left: 24px; height: 50px; line-height: 50px; font-size: 13px; color: #fff; float:right; margin-top:295px;}
.crumbs a{ margin:0 5px; color:#fff;}
.crumbs a:hover{text-decoration:underline;}


.page{ width:100%; position:relative;}
.page .position{ height:65px; position:absolute; top:-65px; line-height:65px; width:100%;}
.innerNav-box{position:relative;height: 65px;width: 100%; border-bottom: 1px #ddd solid;}
.innerNav{width: 1200px;margin: 0 auto;height: 65px;}
.innerNav-list{float: left;overflow: hidden;}
.innerNav-list ul{	}
.innerNav-list ul li{float: left;width: 140px;}
.innerNav-list ul li a{display: block;height: 65px;line-height: 65px;text-align: center;font-size: 16px;overflow: hidden;}
.innerNav-list ul li a.btn-info{ background:#007cc2;color: #fff;/*font-weight: bold;*/}
.innerNav-list ul li a:hover{background:#007cc2;color: #fff;/*font-weight: bold;*/}

.innerNav-pro-list{float: left;overflow: hidden;}
.innerNav-pro-list ul{	}
.innerNav-pro-list ul li{float: left;width: 120px;}
.innerNav-pro-list ul li a{display: block;height: 65px;line-height: 65px;text-align: center;font-size: 16px;overflow: hidden;}
.innerNav-pro-list ul li a.btn-info{ background:#007cc2;color: #fff;/*font-weight: bold;*/}
.innerNav-pro-list ul li a:hover{background:#007cc2;color: #fff;/*font-weight: bold;*/}

.position{float: right;line-height: 65px;position: relative;height: 65px;overflow: hidden;}
.position img{position: relative;top: -3px;left: 0;margin: 0;margin-right: 10px;}
.page .page_con{ padding:60px 0;}
.page .page_con p{ font-size:14px; line-height:28px;}
.brief-box{background: url(../images/brief-bg.png) no-repeat center;height: 460px;}
.brief-box .brief{width: 1200px;margin: 0 auto;overflow: hidden;}
.brief-box .brief .brief-text{float: left;width: 700px;height: 460px;}
.brief-box .brief .brief-text h3{font-size: 28px;color: #007cc2;margin: 70px 0 30px 0;}
.brief-box .brief .brief-text p{ font-size:14px; line-height:28px; color:#333;}
.brief-box .brief .brief-img{float: right;width: 420px;height: 460px;}
.brief-box .brief .brief-img dl{margin: 70px 0 30px 0;}
.brief-box .brief .brief-img dd{background: url(../images/mtion.png) no-repeat center;height: 200px;}
.brief-box .brief .brief-img dd .about-title{line-height: 190px;text-indent: 120px;font-size: 24px;}
.brief-box .brief .brief-img dd .about-title span{/*color: #;*/font-size: 16px;text-transform: uppercase;}
.brief-box .brief .brief-img dt{position: relative;}
.brief-box .brief .brief-img dt .img01{position: absolute;top: 10px;left: 0;}
.brief-box .brief .brief-img dt .img02{position: absolute;top: 120px;right: 0;}

/*cultrue*/
.cultrue{width: 1200px;margin:  60px auto;}
.cultrue .cultrue-title{ font-size: 24px;text-align: center;}
.cultrue .cultrue-title span{font-size: 16px;text-transform: uppercase;}
.cultrue dl{overflow: hidden;margin-top: 30px;}
.cultrue dl dt{float: left;}
.cultrue dl dd{float: left;margin-left: 2px;width: 543px;}
.cultrue dl dd .cultrue-list01{height: 277px;background: #1f74c5;color: #fff;overflow: hidden;position: relative;}
.cultrue dl dd .cultrue-list01 h3{margin: 22px 40px;font-size: 20px;color: #007cc2;font-weight: bold;}
.cultrue dl dd .cultrue-list01 p{text-indent: 32px;margin: 0 40px;font-size: 16px;}
.cultrue dl dd .cultrue-list01 span{position: absolute;bottom: 0;left: 50%;height: 30px;width: 2px;background: #fff;}
.cultrue dl dd .cultrue-list02{background: #f6f6f6;height: 191px;overflow: hidden;position: relative;}
.cultrue dl dd .cultrue-list02 p{color: #333;margin: 47px 40px;text-indent: 32px;}
.cultrue dl dd .cultrue-list02 span{position: absolute;top: 0;left: 50%;height: 30px;width: 2px;background: #1f74c5;}

/* page_job */
.page_job{width: 1200px;}
.page_job1{margin:  60px auto;}
.page_job li{ float: left; margin-right:1.5%; width: 23.7%;  margin-bottom: 2%; background:#f9f9f9;  border: 1px solid rgba(0,0,0,.125);}
.page_job li:nth-child(4n){ margin-right:0;}
.page_job .card-header{  padding: 12px 20px;margin-bottom: 0;background-color: rgba(0,0,0,.03);border-bottom: 1px solid rgba(0,0,0,.125);}
.page_job .card-body{ padding: 15px 20px;}
.card-text{ float: left;}
.page_job .card-body p{ font-size:14px;  line-height:26px;}
.page_job .card-body .job_btn{color: #fff;background-color: #007cc2;padding: 8px 15px;border-radius: 4px; margin:10px 0 20px; float: left;}



/*honor*/
.honor-box{background:#f8f8f8;}
.honor{width: 1200px;margin: 0 auto;overflow: hidden;position: relative; padding:60px 0; height:425px;}
.honor .honor-title{text-align: center;font-size: 24px;margin: 10px 0;}
.honor .honor-title span{font-size: 16px;text-transform: uppercase;}
.honor .honor-list{ position:relative;}
.honor .honor-list .bd{ margin-top:40px;}
.honor .honor-list .bd ul li{width: 278px;margin-right: 30px;background: #fff;transition: all 0.5s;float: left; cursor:pointer;}
.honor .honor-list .bd ul li div{width: 278px;height: 208px;overflow: hidden;text-align: center;line-height: 208px;font-size: 0;}
.honor .honor-list .bd ul li div img{vertical-align: middle;transition: all 0.5s; width:100%;}
.honor .honor-list .bd ul li:hover{background: #007cc2;}
.honor .honor-list .bd ul li:hover img{transform: scale(1.1);}
.honor .honor-list .bd ul li:hover h3{color: #fff;}
.honor .honor-list .bd ul li:hover p{color: #fff;}
.honor .honor-list .bd ul li h3{width: 278px;text-align: center;font-size: 16px; line-height:48px; height:48px;transition: all 0.5s;}
.honor .honor-list .bd ul li p{width: 278px;text-align: center;padding-bottom: 10px;transition: all 0.5s;}
.honor .honor-list .hd a{position: absolute;bottom: -60px;width: 35px;height: 35px;}
.honor .honor-list .hd a.prev{left: 46%;background: url(../images/h_left.png) no-repeat center;background-size: cover;}
.honor .honor-list .hd a.next{left: 51%;background: url(../images/h_right.png) no-repeat center;background-size: cover;}


/* page_honoer */
.page_honor{ position:relative;}
.page_honor ul{ margin-left:-15px;}
.page_honor ul li{width: 279px;margin-right:28px; margin-bottom:30px;background: #fff;transition: all 0.5s;float: left; cursor:pointer;}
.page_honor ul li:nth-child(4n){margin-right: 0;}
.page_honor ul li div{width: 277px;height: 206px;overflow: hidden;text-align: center;line-height: 206px;font-size: 0; border:1px #eee solid;}
.page_honor ul li div img{vertical-align: middle;transition: all 0.5s; width:100%;}
.page_honor ul li:hover{background: #007cc2;}
.page_honor ul li:hover img{transform: scale(1.1);}
.page_honor ul li:hover h3{color: #fff; background: #007cc2;}
.page_honor ul li:hover p{color: #fff;}
.page_honor ul li h3{width: 279px;text-align: center;font-size: 16px; line-height:48px; height:48px;transition: all 0.5s; background:#eee;}
.page_honor ul li p{width: 279px;text-align: center;padding-bottom: 10px;transition: all 0.5s;}

/*main CSS*/
#pictureViewer{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0,0,0,.3);z-index: 10000;}
#pictureViewer > .content{background-color: #fff;position: absolute;width: 590px;height: 590px;margin: auto;top: 0;right: 0;bottom: 0;left: 0;}
#pictureViewer .menu-bar{width: 100%;}
#pictureViewer .menu-bar .handel{width: 40px;height: 40px;float: right;background-repeat: no-repeat;background-position: 50%;cursor: pointer;}
#pictureViewer .menu-bar .handel:hover{background-color: #007cc2;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
#pictureViewer .menu-bar .handel.maximization{background-image: url(../images/icons/maximization_black.png);background-size: 14px;}
#pictureViewer .menu-bar .handel.maximization:hover{background-image: url(../images/icons/maximization_white.png);}
#pictureViewer .menu-bar .handel.miniaturization{background-size: 16px;background-image: url(../images/icons/miniaturization_black.png);}
#pictureViewer .menu-bar .handel.miniaturization:hover{background-image: url(../images/icons/miniaturization_white.png);}
#pictureViewer .menu-bar .handel.close-view{background-image: url(../images/icons/close_black.png);background-size: 15px;}
#pictureViewer .menu-bar .handel.close-view:hover{background-image: url(../images/icons/close_white.png);}
#pictureViewer .handel-prev,
#pictureViewer .handel-next{display: inline-block;width: 50px; height: 70px;position: relative;top: calc(50% - 80px);background-repeat: no-repeat;background-size: 25px;background-position: 50%;cursor: pointer;    -webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
#pictureViewer .handel-prev{background-image: url(../images/icons/prev_blank.png);}
#pictureViewer .handel-next{background-image: url(../images/icons/next_blank.png);}
#pictureViewer .handel-prev:hover,
#pictureViewer .handel-next:hover{background-color: #007cc2;}
#pictureViewer .handel-prev:hover{background-image: url(../images/icons/prev_white.png);}
#pictureViewer .handel-next:hover{background-image: url(../images/icons/next_white.png);}
#pictureViewer .picture-content{display: inline-block;width: 80%;height: calc(100% - 80px);position: absolute;margin: 0 auto;left: 0;right: 0;}
#pictureViewer .picture-content .cover{position: absolute;margin: auto;top: 0;right: 0;bottom: 0;left: 0;}
#pictureViewer .counter{position: absolute;bottom: 0;height: 40px;line-height: 40px;width: 100%;text-align: center;color: #808080;font-size: 13px;}
#pictureViewer .hide{display: none;}
#pictureViewer .left{float: left;}
#pictureViewer .right{float: right;}
#pictureViewer .clear-flex{clear: both;}
#pictureViewer img{max-width: 100%;max-height: 100%;}


/* page_product */
.page_product{ position:relative;}
.page_product ul{ margin-left:-15px;}
.page_product ul li{width: 279px;margin-right:28px; margin-bottom:30px;background: #fff;transition: all 0.5s;float: left; cursor:pointer;}
.page_product ul li:nth-child(4n){margin-right: 0;}
.page_product ul li div{width: 277px;height: 206px;overflow: hidden;text-align: center;line-height: 206px;font-size: 0; border:1px #eee solid;}
.page_product ul li div img{vertical-align: middle;transition: all 0.5s; width:100%;}
.page_product ul li:hover{background: #007cc2;}
.page_product ul li:hover img{transform: scale(1.1);}
.page_product ul li:hover h3{color: #fff; background: #007cc2;}
.page_product ul li:hover p{color: #fff;}
.page_product ul li h3{width: 279px;text-align: center;font-size: 16px; line-height:48px; height:48px;transition: all 0.5s; background:#eee;}
.page_product ul li p{width: 279px;text-align: center;padding-bottom: 10px;transition: all 0.5s;}

.downlist{ width:100%;   margin: 40px auto;  padding:0 0;}
.floatl{ float: left;width:40%;}
.picFocus{ float:left;  width:40%;  position:relative;  overflow:hidden;  zoom:1;   }
.picFocus .hd{ width:100%; padding-top:5px;  overflow:hidden; }
.picFocus .hd ul{ margin-left:30px;  overflow:hidden; zoom:1; }
.picFocus .hd ul li{ padding-top:5px; float:left;  text-align:center;  }
.picFocus .hd ul li img{ width:100px; height:65px; border:2px solid #eee; cursor:pointer; margin-right:8px;   }
.picFocus .hd ul li.on{ background:url("images/icoUp.gif") no-repeat center 0; }
.picFocus .hd ul li.on img{ border-color:#007cc2;}
.picFocus .bd li{ width: 100% !important;position: relative;overflow: hidden; }
.picFocus .bd li img{ width: 99.6%;position: relative; height:352px;  border:1px #eee solid; }
.picFocus .prev{ position:absolute; left:0 ; bottom:28px;}
.picFocus .next{ position:absolute; right:0 ; bottom:28px;}
.floatr{ width: 55%; float: right;}
.floatr .title{ font-size: 24px; color:#333; width:100%;word-break:break-all; margin-bottom:20px; font-weight: bold;}
.floatr .table-list{ width: 100%; border-top:1px #ccc dashed;}
.floatr .table-list tr{margin-bottom: 10px; width: 100%;}
.floatr .table-list td{ width: 100%; font-size: 14px; color:#666; line-height:24px; padding:5px 0;}
.floatr .table-list td span{ color:#333; font-weight: bold;}
.floatr .table-list .input-text{ width:40px; height: 25px; text-align:center; color:#007cc2;}
.floatr .table-list .button{ width: 80px; height: 35px; text-align:center; background:#007cc2; border: none; text-align:center; color:#fff; cursor:pointer; margin-top: 5px; font-size: 14px;}
.floatr .div-bz{ font-size: 14px; margin-top:20px;}
.left02{ width: 100%; margin:20px auto 0; border-top:1px #ccc solid; padding-top:30px;}
.left02 p{ font-size: 14px; line-height: 24px;}
.left02 img{ max-width:100%;}
.left02 td{ border: 1px #ccc dashed;}

/*  page_news */
.page_news{width: 1200px;margin: 0 auto;margin-top: 50px;margin-bottom: 50px;}
.page_news ul li{padding: 20px 0;  border-bottom: 1px solid #dcdcdc;}
.page_news ul li a{display: block;}
.page_news ul li:hover .page_news_title{color: #007cc2;}
.page_news ul li:hover .page_news_bottom{color: #007cc2;}
.page_news ul li:hover .page_news_time{border-left:1px solid #007cc2;}
.page_news ul li:hover .page_news_time .page_news_dd{color: #007cc2;}
.page_news ul li:hover .page_news_time .page_news_year{color: #007cc2;}
.page_news_img{float: left;width: 200px;height: auto;}
.page_news_img img{max-width: 100%;max-height: 100%;}
.page_news_main{float: left;width: 760px;margin-left: 30px;}
.page_news_title{color: #404040;font-size: 18px;}
.page_news_text{font-size: 14px;color: #999;margin-top: 15px;line-height:28px;}
.page_news_bottom{font-size: 14px;color: #999;margin-top: 15px;}
.page_news_time{float: right;width: 125px;border-left: 1px solid #ccc;text-align: right;}
.page_news_dd{font-size: 65px;font-family: microsoft yahei;color: #ccc;font-weight: bolder;}
.page_news_year{font-size:22px;color:#ccc;font-family: microsoft yahei;}


.pageNewsT{ width:100%; margin:0 auto; font-size:16px; text-align:center; color:#222; font-weight:bold;}
.pageNewsC{ width:100%; margin:0 auto; font-size:12px; color:#999; text-align:center; padding:10px 0; border-bottom:dashed 1px #ccc;}
.pageNewsD{ width:100%; margin:0 auto; font-size:14px; color:#333; line-height:28px; margin-top:20px;font-family: microsoft yahei;}
.pageNewsD img{ max-width:100%; margin:5px 0;}


/* downList */
.downList{ width:100%; position:relative; padding:60px 0; }
.downList li{ width:96%; height:45px;margin:5px 0; line-height: 45px;border-bottom: 1px #ddd dashed;}
.downList li a{ font-size: 15px; color:#333; line-height: 45px; float:right;}
.downList li p{ font-size: 14px; float:left; color:#333; line-height: 45px; font-weight:500;}
.downList li:hover a{color:#007cc2}
.downList li:hover{ color:#007cc2;}

.contact-view {overflow: hidden;}
.contact-view > div {float: left;margin: 1%;height:400px;text-align: center;}
.contact-con {width: 33%;text-align: left;background: #ffffff;}
.contact-con ul {display: inline-block;text-align: left;position: relative;top: 50%;transform: translateY(-50%);}
.contact-con-li {position: relative;padding: 10px 10px 15px 50px;border-bottom: 1px solid #e7e7e7;font-size: 16px;}
.contact-con-li:last-child {border: none;}
.contact-con-li .ico {position: absolute;left: 0;top: 26px;display: block;width: 32px;height: 32px;background-position: 0 0;background-size: 100% 100%}
.contact-con-li .addr {background-image: url(../images/ctc_ico1.png);}
.contact-con-li .tel {background-image: url(../images/ctc_ico2.png);}
.contact-con-li .fax {background-image: url(../images/ctc_ico3.png);}
.contact-con-li .mail {background-image: url(../images/ctc_ico4.png);}
.contact-con-li .tit {font-size: 16px; color: #000;}
.contact-con-li .txt {color: #333; letter-spacing: 0.5px; font-size: 15px;}
.contact-img {width: 62%;padding: 5px;border: 1px solid #eeeeee;}
#allmap{width: 100%;height: 400px;}

/*footer*/

.footer{width:100%; height:auto; background:#353535; }
.foot-brand{margin-right:80px;}
.foot-nav{overflow:hidden; margin-bottom:50px;}
.foot-nav .item{float:left; margin-right:80px;}
.foot-nav .item:last-child{margin-right:0;}
.foot-nav .item .zh{display:block; font-family:microsoft yahei; font-size:16px; color:#fff;}
.foot-nav .item .en{display:block; font-family:microsoft yahei; font-size:12px; color:#888; text-transform:uppercase; line-height:32px;}
.foot-nav .item:hover .zh{color:#007cc2;}
.foot-contact{}
.pull-left{ float: left;}
.pull-right{ float:right;}
.foot-code .title{margin-bottom:50px;}
.foot-code .title .zh{display:block; font-family:microsoft yahei; font-size:16px; color:#fff;}
.foot-code .title .en{display:block; font-family:microsoft yahei; font-size:12px; color:#888; text-transform:uppercase; line-height:32px;}
.foot-contact .item{overflow:hidden; margin-bottom:24px;}
.foot-contact .item .border{width:24px; height:24px; background:#444; border-radius:50%; margin-right:12px; text-align:center; float:left;}
.foot-contact .item .border img{height:14px; margin:5px auto;}
.foot-contact .item .zh{display:block; float:left; font-family:microsoft yahei; font-size:14px; color:#fff; line-height:24px;}
.gotop{height:4px; background:#d8be7d; position:relative;}
.gotop a{width:84px; height:42px; position:absolute; bottom:0; left:50%; margin-left:-42px; z-index:2;}
.foot-container{width:1200px; padding-top:60px; padding-bottom:60px; margin:0 auto;}
.copyright{width:1200px; border-top:1px solid #505050; padding-top:30px; padding-bottom:30px; margin:0 auto;}
.frlink{margin-bottom:5px;}
.frlink span,.frlink a{font-family:microsoft yahei; font-size:14px; color:#666; float:left; margin-right:10px; line-height:24px;}
.frlink a:after{content:'、'}
.frlink a:hover{color:#007cc2;}
.copy span{font-family:microsoft yahei; font-size:14px; color:#666; line-height:30px;}
.copy a{font-family:microsoft yahei; font-size:14px; color:#fff; line-height:30px;}
.copy a:hover{color:#007cc2; text-decoration:underline;}




/* 分页 */
.pagination {text-align:center;margin: 40px 0 0;}
.page-num:not(:disabled) {cursor: pointer;}
.page-num, .page-link {position: relative;padding: 5px 10px;margin-left: -1px;line-height: 1.25;color: #333;background-color: #fff;border: 1px solid #dee2e6;}
a.page-num:hover, .page-link:hover {text-decoration: none; color:#fff; background:#007cc2;}
.page-num-current {z-index: 1;color: #fff;background-color: #007cc2;border-color: #007cc2;}
.page-num-current:hover {color: #fff;}

.pages1{ width:100%; margin:30px auto 0;}
.pages1_l{ float:left; width:50%; height:40px;  }
.pages1_l a{ line-height:40px; color:#666; font-size:14px;}
.pages1_l:hover a{ color:#007cc2;}
.pages1_r{ float:left; width:50%; height:40px; text-align:right;}
.pages1_r a{ line-height:40px; color:#666; font-size:14px;}
.pages1_r:hover a{ color:#007cc2;}