@charset "utf-8";

*{margin:0;padding:0}

HTML {OVERFLOW-X: hidden;}

body{ font-family:"Microsoft Yahei", Arial;font-size:16px;; line-height:30px;color:#333;-webkit-font-smoothing: antialiased; overflow-x:hidden;background:#fff; }

a{color:#333; text-decoration:none;outline:none; /*transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;*/}

a:hover{color: #0a0f72;text-decoration: none;}

ol,ul,li{list-style:none}





h1,h2,h3,h4,h5,h6{font-weight:normal}

.clear{ clear:both}

.clearfix{clear:both;zoom:1;}

.clearfix:after{ content:"."; display:block; height:0;clear:both;visibility:hidden;}

.fl{float:left;}

.fr{float:right}

table{ border-collapse:collapse;}

img{ border:none;}

input,textarea,select,button{ outline:none;font-family:"Microsoft Yahei", Arial;}

table tr td,th{border:1px solid #ddd;}

@font-face {	

font-family: 'Impact';	

src: url("../fonts/Impact.eot");

src: url("../fonts/Impact.eot") format("embedded-opentype"), 

url("../fonts/Impact.woff") format("woff"), 

url("../fonts/Impact.ttf") format("truetype"), 

url("../fonts/Impact.svg") format("svg");	

font-weight: normal;

font-style: normal;}



#a01{ position: absolute;  margin-top:-10px;}

#a02{ position:absolute; margin-top:-10px;}

#a03{ position:absolute; margin-top:-10px;}

#a04{ position:absolute; margin-top:-10px;}

.flex{display:-webkit-flex; display:flex; flex-wrap:wrap;align-items:flex-start;}





.wrap{ width:98%; max-width:1200px; margin:0 auto}



.top{ background:#f2f2f2; line-height:35px; color:#666; font-size:12px;}

.top .wel{ float:left; width:50%;}

.top .use{ float:right; width:50%; text-align:right}

.top .use a{ color:#666 }

.top .use a:hover{ color:#0a0f72;}

.top .use span{ margin:0 5px;}



.header{ height:38px;background-color:#fff;/*box-shadow: 0 0 10px #ccc;*/ padding:32px 0;}

.header .logo{ float:left; width:25%;}

.header .logo img{ height:auto; min-height:38px; width:auto; } 

.header .menu{float:right;}



.header .search{float: right;background: url(../images/sou.png) no-repeat center center;display:block;width:21px; margin-left:25px;}

.header .search a{ display:block;height:38px; line-height:38px; width:100%;}



.black_overlay12 {Z-INDEX: 9999; POSITION: fixed; FILTER: alpha(opacity=0); BACKGROUND-COLOR: black; WIDTH: 100%; DISPLAY: none; HEIGHT: 100%; top:0; LEFT: 0%; -moz-opacity: 0; opacity: 0; }

.www_zzjs_net12 {Z-INDEX: 999999; POSITION: fixed; WIDTH: 100%; DISPLAY: none; OVERFLOW: hidden; background:url(../images/soubg.jpg) #fff repeat-x center center; TOP:137px;height:60px; padding-top:15px;}

.www_zzjs_net12 .conn{ width:480px; margin:0 auto; }

.www_zzjs_net12 .guanbi{top: 28px;right: 14%;display:block; position: absolute;}

.www_zzjs_net12 .conn .input01{ background:url(../images/fangdajing.png) no-repeat 10px center; width:325px; font-size:18px; color:#999999; line-height:40px;height:40px; border:none; float:left; padding-left:42px;display:block; background-color:#fff; border:solid 1px #ddd}

.sytijiao{ width:80px;  color:#fff; background-color:#0a0f72; font-size:16px; line-height:40px;height:42px;border:solid 1px #0a0f72; float:left; text-align:center; cursor:pointer}





.header .menu li{ float:left; color:#333;}

.header .menu .cur{color:#0a0f72;}

.header .menu li .menu_a{ font-size:17px; line-height:38px; display:block; padding:0 20px; position:relative}

.header .menu li:hover .menu_a{color:#fff; background:#0a0f72; border-radius:8px; border-bottom:solid 3px #ccc;}



.header .menu li .sub{ position:absolute;display:none;clear:both; z-index:999;width:100%;width:154px;margin-left:-20px; text-align:center;}

.header .menu li .sub a{ display:block;line-height:40px; font-size:16px}

.header .menu li .sub a:hover{ color:#0a0f72}



.header .menu li .mbg{background-color:rgba(255,255,255,0.9); margin-top:29px; padding-bottom:15px;box-shadow: 0 0 5px #ccc; }

.header .menu li .mbg02{background-color:rgba(255,255,255,0.9); margin-top:29px;box-shadow: 0 0 5px #ccc;}

.header .menu li .mbg02 a:last-child{ padding-bottom:15px;}





.header .menu li .sub .tabmenu{ float:left; text-align:left; padding-left:20px;width:134px;}

.header .menu li .sub .tabmenu dt {color:#333; text-align:left;  padding-left:15px;overflow:hidden; display:block;}



.header .menu li .sub .tabmenu .cli a{color:#0a0f72;}

.header .menu li .sub #tabcontent{ float:right; width:50%; text-align:left;}

.header .menu li .sub #tabcontent .hidden {display:none;}

.header .menu li .sub #tabcontent a{ font-size:14px; padding-left:20px;}



.header .menu li .sub .tabmenu .duo {background:url(../images/jian.png) no-repeat 88% center;}







.banner {width: 100%;overflow: hidden;background:url(../images/banner.jpg) no-repeat center top; }

.banner .phshow{ display:none;}

.banner .pcshow{ display:block;}

.banner .swiper-button-prev,.banner .swiper-button-next {opacity: .5;pointer-events: unset;z-index:9999;}

.banner .swiper-button-prev {left:2%;}.banner .swiper-button-next {right:2%;z-index:9999;}

.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover {opacity: 1;z-index:9999;}





.banner-pic {position: relative;width: 100%;overflow: hidden;z-index: 1;}

.banner-pic img {width: 100%;object-fit: cover;}



.banner .swiper-pagination {bottom: 34px;z-index:9999;}

.banner .swiper-pagination-bullet {width: 12px;height: 12px;display: inline-block;border-radius: 100%;background: #fff;opacity: 1;vertical-align: middle;}

.banner .swiper-pagination-bullet-active {width: 14px;height: 14px;opacity: 1;position: relative; background:#0a0f72}





.navfu .wrap .conn {background-color:rgba(255,255,255,0.85); width:30%; max-width:295px; margin-top:25px; border-top:solid 3px #0a0f72;position:relative; z-index:999;margin-bottom:25px;}
@media screen and (max-height: 820px){
.navfu .wrap .conn {overflow-y: scroll;	}
}




.navfu .wrap .conn .kuai{ margin-top:20px; margin:20px; border-bottom:solid 1px #ccc;}

.navfu .wrap .conn .kuai h3{ line-height:35p;  color:#000}

.navfu .wrap .conn .kuai h3 a{ color:#000}

.navfu .wrap .conn .kuai h3 a:hover{ color:#0a0f72}

.navfu .wrap .conn .kuai p { margin-bottom:12px;}

.navfu .wrap .conn .kuai p a { float:left; width:50%; font-size:14px; color:#666; line-height:26px;}

.navfu .wrap .conn .kuai p a:hover{color:#0a0f72;}

.navfu .wrap .conn .more{ margin-top:20px; margin:20px;  color:#0a0f72}

.navfu .wrap .conn .more a{ color:#0a0f72; }









.lookup{ width:100%; background:#fff; border-bottom:1px #dbdbdb solid; overflow:auto;}

.lookuptit{ line-height:83px; width:100px; font-size:18px; text-align:center;  color:#000;box-sizing:border-box; float:left;}

.lookup-right{ width:calc(100% - 100px); margin:20px 0 0 0; float:right; overflow:auto;}


.bt1{ font-size:16px;width:140px; line-height:43px; height:43px; float:right; padding-left:20px;margin:0 0 0 22px; border:none; outline:none; border-radius:5px; color:#fff; background:#0a0f72 url(../images/search.png) no-repeat left; background-position:18px center;}

.bt2{
font-size:16px; 
	width:125px;
	line-height:43px;
	float:right;
	padding-left:20px;
	margin:0 0 0 22px;
	border:none;
	outline:none;
	border-radius:5px;
	color:#666;
	background-position:18px;
	border:1px #d0d0d0 solid !important;
	box-sizing:border-box;
	display: block;
	background-color: #fff;
	background-image: url(../images/xunjia.png);
	background-repeat: no-repeat;
	text-indent: 22px;
}

.lookup-right .input {width: calc(100% - 376px);float: left; margin: 0 0 0 20px;height: 43px;background: #f1f1f1;border-radius: 5px;padding: 0 10px; border:0}



@media screen and (max-width: 768px){

.bt2{ font-size:14px; color:#797979; background:#fff url(../images/xunjia.png) no-repeat left; background-position:18px center; border:1px #d0d0d0 solid !important; box-sizing:border-box;}

.lookup-right .input{ width:calc(100% - 376px); float:left; margin:0 0 0 20px; height:43px; background:#f5f5f5; border-radius:5px; padding:0 10px;}





.lookuptit{  line-height:32px; border:none; width:100%; float:none; text-align:left; margin:15px 0 0 0;}

.lookup-right{ width:100%; float:none; margin:15px 0;}

.lookup-right .bt2{ display:none;}

.lookup-right .bt1{ width:80px !important; background:#0a0f72;padding-left:0; margin:0 0 0 15px;  !important;}

.lookup-right .input{ margin:0; width:calc(100% - 115px);}

}





.ipro .kuai{ padding:40px 0 60px 0;}

.ipro .pic{ height:auto; display:block; overflow:hidden;}

.ipro .pic img{ width:100%; height:auto;cursor: pointer;transition: all 1.5s;}

.ipro .pic:hover img{transform:scale(1.2);}

.ipro .kuai:nth-child(2n){background-image:linear-gradient(to top, #efefef 50%, #dbdbdb 100%);}

.ipro .pic{ float:left; width:50%; overflow:hidden}

.ipro .wenzi{ float:right; width:47%;}

.ipro .kuai:nth-child(2n) .pic{ float:right; width:50%; overflow:hidden}

.ipro .kuai:nth-child(2n) .wenzi{ float:left; width:47%;}





.ipro .iprotitle h3{ line-height:65px; border-bottom:solid 1px #ddd; font-size:30px; color:#0a0f72; font-weight:bold; text-align:center; }

.ipro .pic .iprotitle h3{ display:none}

.ipro .wenzi .itro{  color:#666; line-height:30px; padding:15px 0 30px 0; }

.ipro .more{ width:162px; line-height:40px; margin:0 auto;}

.ipro .more a{ background:#0a0f72; color:#fff; text-align:center; display:block;  border:solid 1px #0a0f72}

.ipro .more a:hover{ background:none; color:#0a0f72}





.ad { padding:60px 0; background:url(../images/ad.jpg) no-repeat center  center; background-size:cover; font-size:24px; line-height:40px;}
.ad .wenzi{ width:80%; max-width:600px; float:right;}




.youshi .title{ padding:60px 0 0px 0; text-align:center}

.youshi .title h3{ background-color:#fff; padding:0 20px; line-height:45px; font-size:30px; color:#333; display: inline-block; z-index:99;}

.youshi .title p{ background-color:#fff; padding:0 20px; line-height:40px; font-size:30px; color:#999;display: inline-block; clear:both; font-size:24px; font-family:"Times New Roman"; text-transform:uppercase;  }

.kuang{ width:95%; max-width:470px; height:40px; border:solid 1px #ddd;  z-index:-9; margin:-60px auto 0 auto}





.youshi .ivon{ background:#0a0f72; color:#fff; padding:35px 25px; width:150px; height:130px; position:absolute;  color:#fff; z-index:9999}

.youshi .ivon h3{ font-size:36px; font-weight:bold;line-height:55px; }

.youshi .ivon p{}

.youshi .ivon p .num{ float:left; font-family: 'Impact'; font-size:50px;line-height:55px;}

.youshi .ivon p .zz{ float:left; font-size:20px; line-height:22px; margin-top:5px; margin-left:5px;}



.youshi .kuai{ padding:40px 0 60px 0;}

.youshi .pic{ height:auto; display:block; overflow:hidden;}

.youshi .pic img{ width:100%; height:auto;cursor: pointer;transition: all 1.5s;z-index:-9}

.youshi .pic:hover img{transform:scale(1.2);}

.youshi .kuai:nth-child(2n+1){background-image:linear-gradient(to top, #f2f2f2 50%, #f2f2f2 100%);}

.youshi .pic{ float:right; width:50%; overflow:hidden}

.youshi .wenzi{ float:left; width:47%;}

.youshi .kuai:nth-child(2n) .pic{ float:left; width:50%; overflow:hidden}

.youshi .kuai:nth-child(2n) .wenzi{ float:right; width:47%;}



.youshi .ystitle{ border-bottom:solid 1px #ddd; padding:15px 0;}

.youshi .ystitle h3{ line-height:40px; font-size:30px; color:#0a0f72; font-weight:bold;}

.youshi .ystitle p{ line-height:30px; font-size:24px; color:#999;}

.youshi .conn{ padding:15px 0;}

.youshi .conn p{ line-height:40px; font-size:17px; background:url(../images/jiantou.png) no-repeat left center; padding-left:25px;}







.honor .title{ padding:0px 0 0px 0; text-align:center}

.honor .title h3{ background-color:#fff; padding:0 20px; line-height:45px; font-size:30px; color:#333; display: inline-block; z-index:99;}

.honor .title p{ background-color:#fff; padding:0 20px; line-height:40px; font-size:30px; color:#999;display: inline-block; clear:both; font-size:24px; font-family:"Times New Roman"; text-transform:uppercase;  }





.honor .conn{ margin:40px 0 60px 0;}

.honor .picScroll{ position:relative;width:100%;/*height:136px;*/bbox-sizing:border-box;-webkit-box-sizing:border-box;}

.honor .picScroll ul{ overflow:hidden; zoom:1;}



.honor .picScroll ul li{ float:left; width:25%;overflow:hidden;display:block; position:relative;}

.honor .picScroll ul li .pic{ margin:0 auto; width:94%; border-left:solid 1px #ddd;border-right:solid 1px #ddd;border-top:solid 1px #ddd; display:block;overflow:hidden; display:block;}

.honor .picScroll ul li .pic img{ width:100%; height:auto; display:block}

.honor .pic img{ width:100%; height:auto;cursor: pointer;transition: all 1.5s;}

.honor li:hover .pic img{transform:scale(1.1);}

.honor .picScroll ul li .wenzi{ margin:0 auto; width:92%; padding:0 1%; text-align:center;border-left:solid 1px #ddd;border-right:solid 1px #ddd;border-bottom:solid 1px #ddd; display:block;}

.honor .picScroll ul li .wenzi h3{ line-height:25px; font-size:16px;  color:#333; text-align:center;overflow: hidden; padding:12px 0; margin:0 0 5px 0;}



.honor .picScroll ul li .pic,.pro .picScroll ul li .wenzi,.pro .picScroll ul li .wenzi h3,.pro .picScroll ul li .wenzi p{-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}



.honor .picScroll .prev,

.honor .picScroll .next{ position:absolute; z-index:99;  left:-40px; top:44%; display:block; width:35px; height:35px; overflow:hidden; background:url(../images/lzuo.png) no-repeat; cursor:pointer;}

.honor .picScroll .next{ left:auto; right:-40px; background:url(../images/lyou.png) no-repeat;z-index:99; }

.honor .picScroll .prevStop{background:url(../images/lzuo02.png) no-repeat;z-index:99; }

.honor .picScroll .nextStop{background:url(../images/lyou02.png) no-repeat;z-index:99; }





.application .title h3{ margin-bottom:30px; font-size:24px; color:#333;}

.application .title h3 span {font-family:"Times New Roman"; text-transform:uppercase; color:#999;  margin-left:10px; }



.application .conn{ margin-bottom:60px;}

.application ul{border-left:solid 1px #ddd;}

.application li{ float:left; width:20%; margin-left:-1px; border-right:solid 1px #ddd;border-top:solid 1px #ddd;border-bottom:solid 1px #ddd; min-height:185px; padding:15px 0;}

.application li .icon{ width:100%; max-width:76px; margin:0 auto 10px auto;-webkit-transition:transform .5s;-o-transition:transform .5s;-moz-transition:transform .5s;-ms-transition:transform .5s;transition:transform .5s; }

.application li .icon img{ width:100%; height:auto;}

.application li:hover .icon{ -webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg)}

.application li a{ width:96%; margin:0 auto; display:block}

.application li .wenzi{
	text-align:center;
	padding-right: 4px;
	padding-bottom: 4px;
}

.application li .wenzi h3{  color:#0a0f72;  line-height:36px;}

.application li .wenzi p{ line-height:18px; color:#999; font-size:12px;}



.case .title{ padding:0px 0 0px 0; text-align:center}

.case .title h3{ background-color:#fff; padding:0 20px; line-height:45px; font-size:30px; color:#333; display: inline-block; z-index:99;}

.case .title p{ background-color:#fff; padding:0 20px; line-height:40px; font-size:30px; color:#999;display: inline-block; clear:both; font-size:24px; font-family:"Times New Roman"; text-transform:uppercase;  }



.case .conn{ margin:40px 0 60px 0;}



.case li{ float:left; width:32%; margin-right:2%; margin-bottom:2%;}

.case li:nth-child(3n){ margin-right:0}

.case li:nth-child(3n+1){ clear:both}

.case .pic{ height:auto; display:block; overflow:hidden;}

.case .pic img{ width:100%; height:auto;cursor: pointer;transition: all 1.5s;z-index:-9}

.case .pic:hover img{transform:scale(1.2);}



.case .wenzi{ background-color:rgba(0,0,0,0.6); color:#fff; text-align:center;  line-height:45px; height:45px; position:relative; margin-top:-45px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.case li:hover .wenzi{background:#0a0f72;}



.news .title{ padding:0px 0 0px 0; text-align:center}

.news .title h3{ background-color:#fff; padding:0 20px; line-height:45px; font-size:30px; color:#333; display: inline-block; z-index:99;}

.news .title p{ background-color:#fff; padding:0 20px; line-height:40px; font-size:30px; color:#999;display: inline-block; clear:both; font-size:24px; font-family:"Times New Roman"; text-transform:uppercase;  }



.news .conn{ margin:40px 0 60px 0;}

.news .newskuai{ float:left; width:49%;}

.news .newskuai:last-child{ float:right;}

.news .newskuai .title{ margin-bottom:15px; line-height:30px; height:30px; }

.news .newskuai .biao{ font-size:20px; color:#333;float:left;}

.news .newskuai .more a{ color:#999; font-size:14px; background:url(../images/more.jpg) no-repeat left center; padding-left:40px; display:block; float:right}

.news .newskuai .topnews{ margin-bottom:5px;}

.news .newskuai .topnews .pic{ float:left; width:47%;}

.news .newskuai .topnews .pic{ height:auto; display:block; overflow:hidden;}

.news .newskuai .topnews .pic img{ width:100%; height:auto;cursor: pointer;transition: all 1.5s;}

.news .newskuai .topnews .pic:hover img{transform:scale(1.2);}

.news .newskuai .topnews .wenzi{ float:right; width:50%; }

.news .newskuai .topnews .wenzi h3 a{ color:#333;  line-height:24px;margin:10px 0; display:block; }

.news .newskuai .topnews .wenzi h3 a:hover{ color:#0a0f72;}

.news .newskuai .topnews .wenzi p{ line-height:24px; font-size:14px; color:#666;}



.news .newskuai .newslist p{ line-height:45px; border-bottom:dashed 1px #ddd;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; clear:both; }

.news .newskuai .newslist p span{ float:right; color:#999}

.news .newskuai .newslist p a{ display:block; background:url(../images/newsicon.jpg) no-repeat left center; padding-left:18px; color:#333}

.news .newskuai .newslist p a:hover{ color:#0a0f72;}



.othernews{ margin-bottom:76px;}

.othernews .newskuai{ float:left; width:49%;}

.othernews .newskuai:nth-child(2n){ float:right;}



.othernews .title{ margin-bottom:15px; line-height:30px; height:30px; }

.othernews .newskuai .biao{ font-size:30px; color:#333;float:left;}

.othernews .newskuai .biao span{font-size:24px; color:#999;display: inline-block; clear:both; font-size:24px; font-family:"Times New Roman"; text-transform:uppercase; margin-left:10px; }

.othernews .newskuai .more a{ color:#999; font-size:14px; background:url(../images/more.jpg) no-repeat left center; padding-left:40px; display:block; float:right}

.othernews .newskuai .more a{ color:#0a0f72; }

.othernews .conn{ margin-top:30px; clear:both}

.othernews .pic{ float:left; width:49%;}

.othernews .pic{ height:auto; display:block; overflow:hidden;}

.othernews .pic img{ width:100%; height:auto;cursor: pointer;transition: all 1.5s;}

.othernews .pic:hover img{transform:scale(1.2);}

.othernews .wenzi{ float:right; width:48%; line-height:28px; color:#333; }



.othernews .newslist p{ line-height:45px; border-bottom:dashed 1px #ddd;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; clear:both; }

.othernews .newslist p span{ float:right; color:#999}

.othernews .newslist p a{ display:block; background:url(../images/newsicon.jpg) no-repeat left center; padding-left:18px; color:#333}

.othernews .newslist p a:hover{ color:#0a0f72;}





.footer{background:#f2f2f2; padding:45px 0;}

.footer .content {width: 100%;display:flex;display:-webkit-flex;justify-content : space-between; }

.footer ul {width: 100%;display:flex;display:-webkit-flex;justify-content : space-between;}

.footer li {display:inline-block;cursor:pointer;}

.footer h3{ color:#333; margin-bottom:10px; }

.footer h3 a{color:#333;}

.footer p{ color:#666; font-size:14px; line-height:30px;}

.footer p a{ color:#666}

.footer img{ margin-top:10px; width:100%; max-width:130px;}

.footer .liuyan{ margin-top:12px;}

.footer .liuyan a{ width:120px; height:38px; line-height:38px; background:#0a0f72; border:solid 1px #0a0f72; color:#fff; text-align:center; display:block}

.footer .liuyan a:hover{border:solid 1px #0a0f72;color:#0a0f72; background:none;}



.copyright{background:#f2f2f2; padding:18px 0; line-height:26px; text-align:center; font-size:14px; color:#333; border-top:solid 1px #ddd;}





.nbanner img{ display:block; width:100%; height:auto;}



.nguide{ background:#fff;box-shadow: 0 0 10px #ccc;}

.nguide .nnav{ float:left;}

.nguide li{ float:left}



.nguide li a{ line-height:70px; color:#333; display:block; margin:0 80px 0 0;border-bottom:solid 2px #fff}

.nguide li:last-child a{ margin-right:0}

.nguide li a:hover,.nguide li a.cur{color:#0a0f72; font-weight:bold; border-bottom:solid 2px #0a0f72}



.nguide .weizhi{ float:right; text-align:right; line-height:72px; font-size:14px;}

.nguide .weizhi p{background:url(../images/location.png) no-repeat left center; padding-left:25px; color:#888}

.nguide .weizhi p a{ color:#888;}

.nguide .weizhi p .jiange{ padding:0 8px;}





.jianjie{ padding:60px 0}

.jianjie .zuo{ float:left; width:56%;}

.jianjie .zuo .title{ line-height:60px; color:#333; font-size:30px; border-bottom:solid 1px #ddd;}

.jianjie .zuo .title span{font-size:24px; font-family:"Times New Roman"; text-transform:uppercase; margin-left:12px; color:#999}

.jianjie .zuo .conn{ padding:15px 0; line-height:30px}



.jianjie .pic{ height:auto; float:right; width:40%; display:block; overflow:hidden;}

.jianjie .pic img{ width:100%; height:auto;cursor: pointer;transition: all 1.5s;}

.jianjie .pic:hover img{transform:scale(1.2);}





.wenhua .title{ padding:0px 0 0px 0; text-align:center}

.wenhua .title h3{ background-color:#fff; padding:0 20px; line-height:45px; font-size:30px; color:#333; display: inline-block; z-index:99;}

.wenhua .title p{ background-color:#fff; padding:0 20px; line-height:40px; font-size:30px; color:#999;display: inline-block; clear:both; font-size:24px; font-family:"Times New Roman"; text-transform:uppercase;  }



.wenhua .conn{ margin:40px 0 60px 0;}

.wenhua .conn .pic{ float:left; width:50%;}

.wenhua .conn .pic{ height:auto; display:block; overflow:hidden;}

.wenhua .conn .pic img{ width:100%; height:auto;cursor: pointer;transition: all 1.5s;}

.wenhua .conn .pic:hover img{transform:scale(1.2);}

.wenhua .conn .wenzi{ font-size:30px; margin:40px 0; float:right; width:46%}

.wenhua .conn .wenzi h3{ font-weight:bold; color:#0a0f72; line-height:60px;}

.wenhua .conn .wenzi span{ display:block; width:30px; height:4px; background:#ddd}

.wenhua .conn .wenzi h4{ color:#333; margin-top:20px; clear:both}





.jiazhig .title{ text-align:center;}

.jiazhig .title h3{ font-size:30px; color:#0a0f72; font-weight:bold; line-height:60px;}

.jiazhig .title span{ display:block; width:30px; height:4px; background:#ddd; margin:0 auto;}

.jiazhig .conn{ margin-top:30px;}

.jiazhig li{ float:left; width:calc(20% - 1.5px); min-height:388px; border-right:solid 1px #fff; color:#fff;}

.jiazhig li:last-child{ border-right:none; }

.jiazhig li .pic{ display:block; height:60px; margin-top:60px; margin-bottom:20px;-webkit-transition:transform .5s;-o-transition:transform .5s;-moz-transition:transform .5s;-ms-transition:transform .5s;transition:transform .5s; }

.jiazhig li:hover .pic{ -webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg)}





.jiazhig li .pic img{ display:block; width:auto; height:auto; margin:0 auto;}

.jiazhig li .wenzi { width:83%; margin:0 auto;}

.jiazhig li .wenzi h2{ text-align:center; font-size:24px; font-weight:bold; margin-bottom:15px;}

.jiazhig li .wenzi h3{ font-size:20px; line-height:35px;}

.jiazhig li .wenzi p{ line-height:35px;}



.guideer{ margin:30px 0;}

.guideer li{ float:left;width:calc(16.66% - 2px); border:solid 1px #ddd; line-height:38px; position:relative; margin-top:-1px;}

.guideer li a{ color:#666; display:block; width:100%; text-align:center}

.guideer li a:hover, .guideer li .cur{ color:#fff;background:#0a0f72;}





.nmain{ margin-bottom:70px;}

.prokuai{ margin-bottom:20px;}

.prokuai .title{ line-height:45px; border-bottom:solid 2px #ddd;}

.prokuai .title .biao{ font-size:24px; color:#000; float:left}

.prokuai .title .more{ float:right; }

.prokuai .title .more a{ color:#999}

.prokuai .title .more a:hover{ color:#0a0f72}

.prokuai .conn{ padding:20px 0;}

.prokuai .conn li{ float:left; width:calc(25% - 1.25px); border:solid 1px #ddd; position:relative; margin-left:-1px;margin-top:-1px;}

.prokuai .conn li:nth-child(4n){ margin-left:-1px;}

.prokuai .conn li:nth-child(4n+1){ clear:both}

.prokuai .conn .pinpai{ position: absolute; z-index:99; margin:20px;}

.prokuai .conn .pic{ height:auto; display:block; overflow:hidden;}

.prokuai .conn .pic img{ width:100%; height:auto;cursor: pointer;transition: all 1.5s;}

.prokuai .conn .pic:hover img{transform:scale(1.2);}

.prokuai .conn .wenzi{ text-align:center; line-height:45px; color:#333;}

.prokuai .conn li:hover .wenzi{ color:#0a0f72; font-weight:bold}



.nmain .protitle{ margin-top:40px; margin-bottom:15px;}

.nmain .protitle .title{ line-height:50px; font-size:24px; color:#333; text-align:center; border-bottom:solid 1px #ddd;}

.nmain .topnav{ text-align:center}

.nmain .topnav ul{ text-align:center; display:inline-block; vertical-align:middle;}

.nmain .topnav li{ display:inline-block; width:198px; border-left:solid 1px #ddd;border-bottom:solid 1px #ddd; border-right:solid 1px #ddd;margin:0; padding:0; margin-left:-5px;}

.nmain .topnav li a{ display:block; color:#333; line-height:40px;margin:0; padding:0}

.nmain .topnav li a.cur,.topnav li a:hover{ background:#0a0f72; color:#fff}



.topmar { margin-top:30px;}







.pro-switch {overflow: hidden;width:100%;position: relative; height:80%}

.pro-switch .flexslider{ height:100%}

.pro-switch .flexslider .flex-viewport, .pro-switch .flexslider .flex-viewport .slides{ height:100%}

.pro-switch .flexslider .slides > li {display: none;-webkit-backface-visibility: hidden;}





.flexslider .slides img {width: 100%;display: block;}

.flexslider .slides li a{display:block}

.flexslider .slides li p{ margin-top:30px;}

.flexslider .slides li p a{ display:block; font-size:18px; border: solid 2px #fff; color:#fff; line-height:40px; width:40px; width:165px; text-align:center;}



.slides:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

html[xmlns] .slides {display: block;}

.no-js .slides > li:first-child {display: block;}

.flexslider {margin: 0 auto;position: relative;width:100%;zoom: 1}

.flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transition: all 1s ease;}

.flexslider .slides {zoom: 1;}

.flex-direction-nav {*height: 0;}



.flex-direction-nav a {width: 65px;height: 84px;margin: -65px 0 0;display: block;background: url(../images/ad_ctr.png) no-repeat 0 0;position: absolute;top: 50%;z-index: 10;cursor: pointer;text-indent: -9999px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease;}

.banner .flex-direction-nav .flex-next {background-position:0 -84px;right:6%;}

.banner .flex-direction-nav .flex-prev {left: 6%;}

.flexslider:hover .flex-next {opacity:0.2;filter:alpha(opacity=20);}

.flexslider:hover .flex-prev {opacity:0.2;filter:alpha(opacity=20);}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity:0.2;filter:alpha(opacity=20);}

.banner .flex-control-nav {width: 100%;position: absolute;bottom: 40px;text-align: center;}

.flex-control-nav li {margin: 0 5px;display: inline-block;zoom: 1;*display: inline;}

.flex-control-paging li a {background:#fff;display:block;height:12px;width:12px;overflow: hidden;text-indent:-99em;cursor: pointer;border-radius: 50%;transition: all .3s ease; }

.flex-control-paging li a.flex-active {border-radius:6px;height:12px;width:50px;background:#fff;margin-top:0px;}







.proxiang{ margin-top:30px;}



.proxiang .title{ margin-bottom:40px;}

.proxiang .title .biao{ font-size:24px; color:#000;border-bottom:solid 1px #ddd;line-height:45px; }

.proxiang .propic{ float:left; width:42%; border:solid 1px #ddd}

.proxiang .propic .picyc{ display:none}

.proxiang .flex-direction-nav a {width: 60px;height: 84px;margin: -60px 0 0;display: block;background:none;position: absolute;top: 50%;z-index: 10;cursor: pointer;text-indent: -9999px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease;}

.proxiang .flex-direction-nav .flex-next {background-position: 0 -90px;right:6%;}

.proxiang .flex-control-nav {width: 100%; max-width:1200px; margin:0 auto 0 auto; bottom:20px;position:relative;text-align: center;}

.proxiang .flex-control-paging li a { background-color:#ddd;display:block;height:13px;width:13px;overflow: hidden;text-indent:-99em;cursor: pointer;border-radius:50%;transition: all .3s ease; }

.proxiang .flex-control-paging li a.flex-active {border-radius:50%;background:#0a0f72;}



.proxiang .prowenzi{ float:right; width:55%;}



.proxiang .prowenzi{ color:#000; font-size:16px; line-height:30px;}

.proxiang .prowenzi h3{ font-size:18px; font-weight:bold; margin-bottom:10px;}



.proxiang .picyc{ font-size:24px; color:#0a0f72; font-weight:bold; margin-bottom:25px;}





.bg{ background:#f2f2f2;}

.promain{ padding:40px 0;}

.promain .title { margin-bottom:30px;}

.promain .title h3{ text-align:center; font-size:30px; line-height:54px; }

.promain .title .line{ width:115px; height:2px; display:block; margin:0 auto; background:#ddd;}

.promain .title span{ display:block; width:15px; height:3px; background:#0a0f72; z-index:99; margin:-3px auto 0 auto}

.promain .conn{ line-height:30px;}

.promain .conn img{ width:auto; max-width:100%; height:auto; display:block; margin:0 auto;}



.back{ margin:40px 0 20px 0;}

.back a{ width:160px; height:40px; line-height:40px; margin:0 auto; display:block; border:solid 2px #0a0f72; color:#0a0f72; text-align:center;}

.back a:hover{ background:#0a0f72; color:#fff}



.app{ padding:40px 0}

.app .title{ padding:0px 0 0px 0; text-align:center}

.app .title h3{ background-color:#fff; padding:0 20px; line-height:45px; font-size:30px; color:#333; display: inline-block; z-index:99;}

.app .title p{ background-color:#fff; padding:0 20px; line-height:40px; font-size:30px; color:#999;display: inline-block; clear:both; font-size:24px; font-family:"Times New Roman"; text-transform:uppercase;  }



.app .conn{ margin:40px 0 60px 0;}



.app .appkuai .pic{ float:left; width:50%;}

.app .appkuai .wenzi{ padding:50px 0; width:45%; float:right}

.app .appkuai:nth-child(2n) .pic{ float:right}

.app .appkuai:nth-child(2n) .wenzi{ float:left}



.app .appkuai .pic{ height:auto; display:block; overflow:hidden;}

.app .appkuai .pic img{ width:100%; height:auto;cursor: pointer;transition: all 1.5s;}

.app .appkuai:hover .pic img{transform:scale(1.2);}



.app .appkuai .wenzi h3 a{ line-height:80px; font-size:30px; color:#0a0f72;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.app .appkuai .wenzi .jies{ line-height:30px; height:60px; color:#666;display: -webkit-box; margin-bottom:55px;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}



.app .more a{ width:160px; height:40px; line-height:40px;display:block; border:solid 2px #0a0f72; color:#0a0f72; text-align:center;}

.app .more a:hover{ background:#0a0f72; color:#fff}





.appxiang{ padding:40px 0;}

.appxiang .title h3{ text-align:center; line-height:80px; font-size:24px; border-bottom:solid 1px #ddd}





.appxiang .conn{ margin:40px 0 60px 0;}

.appxiang .picScroll{ position:relative;width:96%; max-width:800px; margin:0 auto;/*height:136px;*/bbox-sizing:border-box;-webkit-box-sizing:border-box;}

.appxiang .picScroll ul{ overflow:hidden; zoom:1;}



.appxiang .picScroll ul li{ float:left; width:100%;overflow:hidden;display:block; position:relative;}

.appxiang .picScroll ul li img{ width:100%; height:auto}

.appxiang .picScroll .prev,

.appxiang .picScroll .next{ position:absolute; z-index:99;  left:-80px; top:44%; display:block; width:35px; height:35px; overflow:hidden; background:url(../images/lzuo.png) no-repeat; cursor:pointer;}

.appxiang .picScroll .next{ left:auto; right:-80px; background:url(../images/lyou.png) no-repeat;z-index:99; }

.appxiang .picScroll .prevStop{background:url(../images/lzuo02.png) no-repeat;z-index:99; }

.appxiang .picScroll .nextStop{background:url(../images/lyou02.png) no-repeat;z-index:99; }



.appxiang .gaishu .gtitle{ line-height:85px; border-bottom:solid 1px #ddd; font-size:24px;}

.appxiang .gaishu .gsdetail{ padding:15px 0 50px 0}



.back02 a{ width:160px; height:40px; line-height:40px; margin-top:40px; float:right; display:block; border:solid 2px #0a0f72; color:#0a0f72; text-align:center;}

.back02 a:hover{ background:#0a0f72; color:#fff}



.shangxia{ border-bottom:solid 1px #ddd; border-top:solid 1px #ddd; line-height:30px; padding:15px 0; font-size:14px;}

.shangxia a{ color:#666}

.shangxia li{ float:left;}

.shangxia li:last-child{ float:right;}

.shangxia a:hover{ color:#0a0f72}



.tuijian{line-height:75px; margin:30px 0 0 0;}

.tuijian .biao{ float:left; color:#000; font-size:30px;}

.tuijian .more{ float:right; color:#999}

.tuijian .more a{color:#999}

.tuijian .more a:hover{ olor:#0a0f72}



.tuijian .tjconn li{ float:left; width:32%; margin-right:2%;margin-bottom:2%; text-align:center}

.tuijian .tjconn li:nth-child(3n){ margin-right:0}

.tuijian .tjconn li:nth-child(3n+1){ clear:both;}



.tuijian .tjconn .pic{ height:auto; display:block; overflow:hidden;}

.tuijian .tjconn .pic img{ width:100%; height:auto;cursor: pointer;transition: all 1.5s;}

.tuijian .tjconn li:hover .pic img{transform:scale(1.2);}

.tuijian .tjconn .wenzi{ line-height:40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}





.techxiang{ padding:40px 0 70px 0}

.techxiang .ttitle{ padding:8px 0}

.techxiang .ttitle h3{ font-size:36px; color:#0a0f72; line-height:50px; }

.techxiang .ttitle h4{ font-size:24px; color:#333; line-height:40px;}

.techxiang .conn{ line-height:35px;}

.techxiang .conn .teshu{ font-size:36px; color:#0a0f72; line-height:50px; padding:7px 0}

.techxiang .conn  h3{ line-height:55px; font-size:24px}

.techxiang .conn img{ display:block; margin:15px auto; width:auto; max-width:100%; height:auto}



.techlist{ margin:20px 0}

.techlist li{ float:left; width:48.5%;}

.techlist li:nth-child(2){ float:right;}

.techlist li .pic{ height:auto; display:block; overflow:hidden;}

.techlist .pic img{ width:100%; height:auto;cursor: pointer;transition: all 1.5s;}

.techlist li:hover .pic img{transform:scale(1.2);}

.techlist .wenzi{ line-height:35px; padding:15px 0 25px  0}

.techlist .wenzi h3{ color:#000; font-size:20px;}

.techlist li:hover .wenzi h3{ color:#0a0f72;}

.techlist .wenzi p{ color:#666; }



.techlist .more a{ color:#999; font-size:14px; line-height:35px; display:block; background:url(../images/more.jpg) no-repeat left center; padding-left:40px; }

.techlist .more a:hover{ color:#0a0f72; }

.techxiang .techpro{ margin-top:30px;}

.techxiang .techpro .tptitle{ line-height:72px; color:#0a0f72; font-size:30px;}

.techxiang .techpro li{ float:left; width:32%;  margin-bottom:2%; margin-right:2%}

.techxiang .techpro li:nth-child(3n){margin-right:0%}

.techxiang .techpro li:nth-child(3n+1){ clear:both;}

.techxiang .techpro li .pic{ height:auto; display:block; overflow:hidden; border:solid 1px #ddd}

.techxiang .techpro li .pic img{ width:100%; height:auto;cursor: pointer;transition: all 1.5s;}

.techxiang .techpro li:hover .pic img{transform:scale(1.2);}

.techxiang .techpro li .wenzi{ text-align:center; line-height:40px;}





.jishuxiang{ padding:25px 0 65px 0;}

.jishuxiang .jishukuai{ padding:35px 0 ; border-bottom:solid 1px #ddd}

.jishuxiang .jishukuai:hover{ border-bottom:solid 1px #0a0f72}

.jishuxiang .jishukuai .pic{ float:left; width:22%;}

.jishuxiang .jishukuai .pic{ height:auto; display:block; overflow:hidden; border:solid 1px #ddd}

.jishuxiang .jishukuai .pic img{ width:100%; height:auto;cursor: pointer;transition: all 1.5s;}

.jishuxiang .jishukuai:hover .pic img{transform:scale(1.2);}

.jishuxiang .jishukuai .wenzi{ float:left; margin-left:3%; width:64%}

.jishuxiang .jishukuai .wenzi h3{ font-size:20px; color:#000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.jishuxiang .jishukuai .wenzi p{ line-height:24px; height:72px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; font-size:14px; color:#666; margin:5px 0 15px 0}

.jishuxiang .jishukuai:hover .wenzi h3{ color:#0a0f72; }

.jishuxiang .jishukuai .date{ float:right; width:10%; color:#ddd; text-align:right}



.jishuxiang .jishukuai .wenzi .more a{ color:#999; font-size:14px; background:url(../images/more.jpg) no-repeat left center; padding-left:40px; display:block;}

.jishuxiang .jishukuai .wenzi .more a:hover{color:#0a0f72;}



.jishuxiang .jishukuai .date h3{ font-size:36px; margin-bottom:35px; font-weight:bold}

.jishuxiang .jishukuai .date span{ width:30px; height:2px; background-color:#ddd; float:right;}

.jishuxiang .jishukuai .date  p{ margin-top:15px; font-size:18px;}





.newsxiang{ padding:40px 0 70px 0}

.newsxiang .title{ text-align:center; border-bottom:solid 1px #ddd;}

.newsxiang .title h3{ color:#000; line-height:45px; font-size:24px;}

.newsxiang .title p{ line-height:32px; margin-bottom:15px; font-size:14px; color:#999;}



.newsxiang .conn{ line-height:30px; padding:15px 0 50px 0}

.newsxiang .conn img{ width:auto; max-width:100%; height:auto; display:block; margin:0 auto;}



.jishuxiang .topnews{ padding:35px 0 ; border-bottom:solid 1px #ddd}

.jishuxiang .topnews:hover{ border-bottom:solid 1px #0a0f72}

.jishuxiang .topnews .pic{ float:left; width:50%;}

.jishuxiang .topnews .pic{ height:auto; display:block; overflow:hidden; border:solid 1px #ddd}

.jishuxiang .topnews .pic img{ width:100%; height:auto;cursor: pointer;transition: all 1.5s;}

.jishuxiang .topnews:hover .pic img{transform:scale(1.2);}

.jishuxiang .topnews .wenzi{ float:right; width:46%}

.jishuxiang .topnews .wenzi h3{ font-size:20px; color:#000;}

.jishuxiang .topnews .wenzi p{ line-height:24px; height:72px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; font-size:14px; color:#666; margin:15px 0 30px 0 }

.jishuxiang .topnews:hover .wenzi h3{ color:#0a0f72; }

.jishuxiang .topnews .wenzi .more a{ color:#999; font-size:14px; background:url(../images/more.jpg) no-repeat left center; padding-left:40px; display:block;}

.jishuxiang .topnews .wenzi .more a:hover{color:#0a0f72;}





.lianxixiang{ padding:40px 0 90px 0}

.lianxixiang .title{ padding:0px 0 0px 0; text-align:center}

.lianxixiang .title h3{ background-color:#fff; padding:0 20px; line-height:45px; font-size:30px; color:#333; display: inline-block; z-index:99;}

.lianxixiang .title p{ background-color:#fff; padding:0 20px; line-height:40px; font-size:30px; color:#999;display: inline-block; clear:both; font-size:24px; font-family:"Times New Roman"; text-transform:uppercase;  }



.lianxixiang .conn{ margin:0px 0 60px 0;}

.lianxixiang .lianxi li{ float:left; width:25%;}

.lianxixiang .lianxi p{ line-height:28px; color:#333; text-align:center; font-size:16px;}

.lianxixiang .lianxi .pic{ width:60%; max-width:124px; margin:55px auto 20px auto;}

.lianxixiang .lianxi .pic img{ width:100%; height:auto}





.liuyan{ width:100%; max-width:760px; margin:60px auto 0px auto;}

.lianxixiang .liuyan input{float:left;border:solid 1px #ddd; line-height:42px; height:42px; padding-left:2%; margin-bottom:20px;}

.lianxixiang .liuyan  ::-webkit-input-placeholder { color: #999;}



.lianxixiang .liuyan .input01{ padding-left:2%; width:98%; font-size:14px;}

.lianxixiang .liuyan .input03{ border:solid 1px #ddd; line-height:42px; height:160px;padding-left:2%; width:98%; margin-bottom:20px;font-size:14px;}

.lianxixiang .liuyan .input04{ padding-left:2%; width:25%;font-size:14px;}



.lianxixiang .liuyan .button{ width:336px; margin:20px auto;}

.lianxixiang .liuyan .button01{ width:138px; line-height:40px; text-align:center; border-radius:25px; color:#fff; background:#0a0f72; border:none; margin:0 10px;font-size:14px;}

.lianxixiang .liuyan .button02{ width:138px; line-height:40px; text-align:center; border-radius:25px; color:#333; background:#d4d4d4; border:none; margin:0 10px;font-size:14px;}

.imgauto img{ width:auto; max-width:100% !important}


@media screen and (max-height: 900px){

.navfu .wrap .conn .kuai{ margin:12px 20px;}

.navfu .wrap .conn .kuai p a { line-height:25px;}
}