@charset "gb2312";
/* CSS Document */
*{margin:0;padding:0}
body{
	font-family: "ËÎÌå";
	font-size: 16px;
	color: #000;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
	background: #fff;
}

.clear{ clear:both}


ol,ul,li{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:normal}
.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{ outline:none;font-family:"ËÎÌå"; font-size:14px;}

input,textarea,select,button {font-family: 'ËÎÌå',Arial, tahoma,simsun; outline:none;}
area{ outline:none;}
a{ text-decoration:none; color:#000; -webkit-transition: all ease-in .2s; 
-ms-transition: all ease-in .2s; -moz-transition: all ease-in .2s;
 -o-transition: all ease-in .2s; transition: all ease-in .2s;}
a:hover{ color:#0389d2; text-decoration:none;}
ul,li {list-style-type:none; margin:0px; padding:0px;}
img { border:0; margin:0; padding:0;}
.red{color:#0389d2;}

.blue{color:#0389d2;}

.wrap { width:100%; max-width:1300px; margin:0 auto;}
.top{ line-height:32px; background-color:#333; position: fixed; width:100%;z-index:99999;}
.top p{ font-size:14px; color:#fff; text-align:right;}
.top p span{ font-size:16px; font-weight:bold;}


.header{ width:100%;height:96px;position: fixed;z-index:999; background-color:#fff;box-shadow: 0 0 10px #ccc;}
.header .logo{ float:left; width:22%; max-width:273px; min-width:200px}
.header .logo img{ float:left; width:100%; height:auto}
.header .ad{float:left; width:10%; font-size:18px; text-align:center; margin:28px 0 28px 15px;color:#000; padding-left:5px; border-left:solid 1px #666}

.header .menu{width:50%; float:right;}
.header .menu li{ float:left;}
.header .menu .cur{color:#0389d2}
.header .menu li .menu_a{ font-size:17px; line-height:96px; display:block; margin-right:20px; position:relative}
.header .menu li .menu_a i{ position:absolute;left:0px;top:93px; width:0; height:3px; background:#0389d2; transition:.5s}
.header .menu li .menu_a:hover i{ color:#0389d2}
.header .menu li .sub{ font-size:14px; position:absolute; display:none;clear:both; z-index:999;}
.header .menu li .sub div{ width:160px;}
.header .menu li .sub p{ line-height:28px;background-color:rgba(20, 106, 144, 0.7);}
.header .menu li .sub p a{ display:block;padding:8px 15px 8px 15px; color:#fff}
.header .menu li .sub p a:hover{background-color:rgba(20, 106, 144, 1);}
.header .menu li:hover .menu_a.cur i{ width:50px;}

.header .yuyan{ float:right; width:130px;-moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; background-color:#e4e4e4; margin-top:38px; line-height:26px; margin-left:15px;}
.header .yuyan li { float:left}
.header .yuyan li a { float:left; -moz-border-radius:15px; -webkit-border-radius:15px;border-radius:15px; background-color:#e4e4e4;}
.header .yuyan li .cn { width:55px; text-align:center; display:block; float:left;}
.header .yuyan li .en { width:75px; text-align:center; display:block; float:left;}
.header .yuyan li a:hover, .header .yuyan li .current { background-color:#0389d2; color:#fff;}

.banner{ padding-top:96px;}
.pro-switch {overflow: hidden;position: relative;width:100%;}
.flexslider {margin: 0;padding: 0;}
.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden; }
.flexslider .slides img {width: 100%;display: block;}
.flexslider .slides .img {width: 100%;display: block;height:100%;}
.flexslider .slides li a{display:block}

.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: 60px;height: 84px;margin: -60px 0 0;display: block;background:none;position: absolute;top: 52%;z-index: 10;cursor: pointer;text-indent: -9999px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 0 -84px;right: 0;}
.flex-direction-nav .flex-prev {left: 0;}
.flexslider:hover .flex-next {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;filter:alpha(opacity=50);}
.flex-control-nav {width: 100%;position: absolute;bottom: 20px;text-align: center;}
.flex-control-nav li {margin: 0 5px;display: inline-block;zoom: 1;*display: inline;}
.flex-control-paging li a {background: url(../images/dot.png) no-repeat 0 -16px;display:block;height: 16px;overflow: hidden;text-indent:-99em;width: 16px;cursor: pointer;}
.flex-control-paging li a.flex-active {background-position: 0 0;}

.serivce{ padding:40px 0 65px 0;}
.serivce .line{ height:1px; width:100%; border-bottom:solid 1px #ddd; height:35px;}
.serivce .title{ background-color:#fff; width:80%; max-width:240px; text-align:center; margin:-35px auto 0 auto}
.serivce .title h3{ color:#333; font-size:32px; line-height:40px;font-weight:bold}
.serivce .title p{ color:#666; font-size:18px; line-height:38px; text-transform:uppercase}

.serivce .conn{ padding:15px 0;}
.serivce .conn li{ float:left; width:31.33%; margin-right:3%;border:solid 1px #ddd; margin-left:-3px; min-height:465px; border-radius:10px;}
.serivce .conn li:last-child{ margin-right:0%;}
.serivce .conn li:first-child{ margin-left:0;}

.serivce .conn li .pic{ height:225px; overflow:hidden; display:block; border-radius:10px 10px 0 0;}
.serivce .conn li .pic img{cursor:pointer; transition:all 1.5s; width:100%; height:auto }
.serivce .conn li .pic:hover img{transform:scale(1.1);}
.serivce .conn li .wenzi{  padding:10px 20px 0px 20px; min-height:165px;}
.serivce .conn li .wenzi h3{ line-height:45px; font-size:20px; color:#000; font-weight:bold}
.serivce .conn li .wenzi h3 a{ color:#000;}
.serivce .conn li .wenzi p{ line-height:30px; font-size:16px; color:#666;background: url(../images/icon.jpg) no-repeat left center; padding-left:30px;}
.serivce .conn li .wenzi p a{ color:#666}


.serivce .conn li .more{ float:right; color:#fff; width:100px; line-height:35px; text-align:center;}
.serivce .conn li .more a{ color:#fff;background: url(../images/jiantou.png) no-repeat #0389d2 96% center; padding-right:20px;transition:all 1.5s; display:block }
.serivce .conn li .more a:hover{ background: url(../images/jiantou.png) no-repeat #1e95ca right center; padding-right:20px;}


.case{ padding:40px 0 65px 0;background: url(../images/casebg.jpg) no-repeat center bottom; background-size:cover;}
.case .line{ height:1px; width:100%; border-bottom:solid 1px #0389d2; height:35px;}
.case .title{background: url(../images/casebg.jpg) no-repeat center -40px; width:80%; max-width:240px; text-align:center; margin:-35px auto 0 auto}
.case .title h3{ color:#fff; font-size:32px; line-height:40px; font-weight:bold}
.case .title p{ color:#fff; font-size:18px; line-height:38px;text-transform:uppercase}


.case .conn{ padding:15px 0;}
.case .case_left{ float:left; width:31%; overflow:hidden;border-radius:10px;}
.case .case_right{ float:right; width:66%; overflow:hidden;}

.case .case_left .pic{ height:546px; overflow:hidden; display:block; width:100%; }
.case .case_right .pic{ height:235px; overflow:hidden; display:block; width:100%;}
.case .pic img{cursor:pointer; transition:all 1.5s; width:100%; height:auto; display:block}
.case .pic:hover img{transform:scale(1.1);}

.case .wenzi p{ padding-left:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.case a .wenzi{ background-color:#fff; line-height:22px; padding:10px 0; display:block; color:#666; font-size:16px; }



.case .case_right li{ float:left; width:48%; margin-bottom:4%;border-radius:10px; overflow:hidden;}
.case .case_right li:nth-child(2n){ float:right;}
.case .case_right li:nth-child(2n+1){ clear:both;}


.news{ padding:50px 0 65px 0;}
.news .line{ height:1px; width:100%; border-bottom:solid 1px #ddd; height:35px;}
.news .title{ background-color:#fff; width:80%; max-width:240px; text-align:center; margin:-35px auto 0 auto;text-transform:uppercase}
.news .title h3{ color:#333; font-size:32px; line-height:40px;font-weight:bold}
.news .title p{ color:#666; font-size:18px; line-height:38px;}
.news .conn{ padding:15px 0 30px 0;}
.news .conn .newsleft{ float:left; width:45%;border-radius:10px; overflow:hidden;}
.news .conn .newsleft .pic{ height:248px; overflow:hidden; display:block; width:100%;}
.news .conn .newsleft img{cursor:pointer; transition:all 1.5s; width:100%; height:auto }
.news .conn .newsleft:hover img{transform:scale(1.1);}
.news .conn .newsleft h3{ font-size:18px; color:#333; line-height:32px;height:32px; overflow:hidden; margin-top:8px;font-weight:bold }
.news .conn .newsleft p{ font-size:14px; color:#666; line-height:30px;}
.news .conn .newsright{ float:right; width:53%;}

.news .shijian{ float:right; font-size:13px; color:#919191;}
.news .conn p{ clear:both}

.news .conn .newsright .newskuai{ margin-bottom:30px;}
.news .conn .newsright .newskuai:last-child{ margin-bottom:0px;}
.news .conn .newsright .newskuai .num{ float:left; width:17%; text-align:center; font-size:60px; color:#dcdcdc; border-right:solid 3px #dcdcdc;}
.news .conn .newsright .newskuai .wenzi{ float:right; width:80%}
.news .conn .newsright .newskuai .wenzi h3{font-size:16px; color:#333; line-height:32px;height:32px; overflow:hidden; font-weight:bold }
.news .conn .newsright .newskuai .wenzi p{font-size:13px; color:#666; line-height:25px;height:56px; overflow:hidden;  }

.news .conn .newsright .newskuai:hover .num{ color:#0389d2; border-right:solid 3px #0389d2;}




.brank{ padding:40px 0 65px 0;background: url(../images/brankbg.jpg) no-repeat center top; background-size:cover;}
.brank .line{ height:1px; width:100%; border-bottom:solid 1px #0389d2; height:35px;}
.brank .title{  width:80%;background: url(../images/brankbg.jpg) no-repeat center -40px; max-width:240px; text-align:center; margin:-35px auto 0 auto;text-transform:uppercase;font-weight:bold}
.brank .title h3{ color:#fff; font-size:32px; line-height:40px;}
.brank .title p{ color:#fff; font-size:18px; line-height:38px;}


.brank .conn{ padding:15px 0;}
.brank .conn li{ float:left; width:22.75%; margin-right:3%;border-radius:10px; overflow:hidden;}
.brank .conn li:last-child{ margin-right:0}

.brank .conn li .pic{ height:91px; overflow:hidden; display:block; width:100%;}
.brank .conn li img{cursor:pointer; transition:all 1.5s; width:100%; height:auto; display:block; }
.brank .conn li:hover img{transform:scale(1.1);}
.brank .conn .wenzi{ line-height:40px; background-color:#f1f1f1;font-size:16px; color:#333; text-align:center}


.footer{ background-color:#202020; padding:50px 0 30px 0; }
.footer .kuai01{ float:left; width:22%; border-right:solid 1px #3a3a3a; margin-right:2%}
.footer .kuai02{ float:left; width:10%;}
.footer .kuai03{ float:left; width:14%; border-left:solid 1px #3a3a3a; text-align:right;}

.footer .kuai01 ul{ margin-top:25px;}
.footer .kuai01 li{ float:left; margin-right:15px;}

.footer h3{ font-size:18px; color:#ccc; line-height:36px; margin-bottom:10px;}
.footer .kuai02 p{ line-height:30px; color:#8c8c8c; font-size:14px; background:url(../images/fline.jpg) no-repeat left center; padding-left:18px;}
.footer .kuai02 p a{color:#8c8c8c;}
.footer .kuai02 p a:hover{color:#ccc;}
.footer .kuai03 p{ font-size:18px; color:#8c8c8c; font-weight:bold; margin-bottom:15px;}

.copyright{ background-color:#202020; line-height:30px; padding:15px 0; border-top:solid 1px #3a3a3a;}
.copyright .c_left{ float:left; font-size:14px; color:#b0b0b0;}
.copyright .c_right{ float:right; font-size:14px; color:#b0b0b0;}

.copyright a{color:#b0b0b0;}



.nbanner{height:330px;background-size:cover;background-repeat: no-repeat; padding-top:96px;}

.nbanner .t1{position:relative; margin-top:120px;padding-bottom:20px;font-size:38px;margin-bottom:10px;text-align:center;font-weight:bold;color:#fff;}
.nbanner .t1:after{position:absolute;content:"";left:50%;bottom:0px;width:40px;height:5px;background:#fff;margin-left:-20px;}
.nbanner .t1{animation:mymove 1s infinite;-webkit-animation:mymove 1s infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1;}

.nbanner .t2{position:relative; margin-top:120px;padding-bottom:20px;font-size:38px;margin-bottom:10px;text-align:center;font-weight:bold;color:#fff;text-shadow:#999 3px 3px 5px}
.nbanner .t2:after{position:absolute;content:"";left:50%;bottom:0px;width:40px;height:5px;background:#fff;margin-left:-20px;box-shadow: 0 0 10px #999; }
.nbanner .t2{animation:mymove 1s infinite;-webkit-animation:mymove 1s infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1;}

.location{ line-height:56px; background:#f2f2f2}
.location .nav{ float:left; width:70%; }
.location li{ float:left}

/*.location li a{  font-size:16px; color:#333; display:block; padding:0 36px; position:relative}*/
.location li a{  font-size:16px; color:#333; display:block; padding:0 26px; position:relative}
.location li a:hover,.location li a.cur{ background:#0389d2; color:#fff}
.location li a:hover:after,.location li a.cur:after{ content:""; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #0389d2; position:absolute; left:50%; margin-left:-10px; bottom:-10px}

.location .weizhi{ float:right; text-align:right}
.location .weizhi p{background:url(../images/map_icon.png) no-repeat left center; padding-left:25px; color:#666}
.location .weizhi p a{ color:#666;}
.location .weizhi p .jiange{ padding:0 12px;}


.zhaopin p{ text-align:center; font-size:18px; line-height:46px; margin-bottom:15px;}
.hrtit{line-height:52px; font-size:16px; color:#000; background-color:#f2f2f2}
.hrlistt .hrlist_tit{ line-height:48px; font-size:16px; color:#333; border-bottom: solid 1px #ddd; }

.hrlistt .hrlist_con{ display:none;border-bottom:1px solid #ddd; color:#666; font-size:14px; line-height:26px;border-top: solid 1px #ddd; margin-top:-1px; background-color:#fff; text-align:left;  background-color:#fafafa; padding:2% 2% 4% 2%;}
.hrlistt .hrlist_con p{ text-align:left; line-height:30px; font-size:14px; margin-bottom:0}
.hrlist span{ float:left;}
.hrlistt .hrlist_tit span{ float:left; width:22%; text-align:center;color:#666;}
.hrlistt .hrlist_tit span:nth-child(1){ width:34%; text-align:center;color:#666;}
.hrlistt .cur .hrlist_tit span:nth-child(1){ color:#0389d2}

.hrtit dd{ float:left; width:22%; text-align:center}
.hrtit dd:nth-child(1){ width:34%; text-align:center}

.zhaopin .shouh{ padding:0 0 30px 0; line-height:26px; color:#666; font-size:16px; text-align:left; line-height:30px; font-size:14px; margin:0;}




.nmain{ padding:50px 0;}
.nmain .title{ margin-bottom:20px;}
.lianxikuai01{ padding:20px 0;}

.lianxikuai01 ul li{width:25%;float:left;text-align: center;color:#666;}
.lianxikuai01 ul li .pic{transition: all 0.6s ease 0s;position:relative;top:0px;}
.lianxikuai01 ul li:hover .pic{top:-10px;}
.lianxikuai01 ul li h3{font-weight:bold;font-size:16px;color:#333;margin:20px 0;}

.lianxikuai01 ul li .pic img{ display:block; width:50%; max-width:90px; margin:0 auto;}

.nmain02{ padding:50px 0 80px 0; background-color:#f2f2f2;}
.nmain02 .title{ margin-bottom:20px;}
.ind-tit1{font-size: 32px; font-weight:bold;color:#333;text-align: center; margin-bottom:10px;}
.ind-tit1 span{position:relative;}
.ind-tit1 span:after{content:"";position:absolute;left:0%;bottom:50%;width:60px;height:1px;background:#c1c1c1;margin-left:-85px;}
.ind-tit1 span:before{content:"";position:absolute;right:0%;bottom:50%;width:60px;height:1px;background:#c1c1c1;margin-right:-85px;}
.ind-tit2{font-size:18px;color: #a3a3a3;text-align: center;font-family:"Arial";margin-top:5px;}


.bankuai .tabmenu { margin:0 auto 20px auto;}
.bankuai .tabmenu li {display:block; background-color:#fff; float:left; font-size:16px;width:22.75%; margin-right:3%; position:relative; cursor:pointer}
.bankuai .tabmenu li:last-child{ margin-right:0;}
.bankuai .tabmenu li:first-child{ margin-left:0;}

.bankuai .tabmenu li .pic{ border-bottom:solid 1px #ddd;border-left:solid 1px #ddd;border-right:solid 1px #ddd;border-radius: 0 0 10px 10px; overflow:hidden}
.bankuai .tabmenu li .pic img{ width:aut; max-width:100%; }
.bankuai .tabmenu li .wenzi { line-height:45px; font-size:18px; text-align:center; background-color:#f1f1f1; color:#333;position:relative;border-radius:10px 10px 0 0 ;border-top:solid 1px #ddd;border-left:solid 1px #ddd;border-right:solid 1px #ddd; color:#000}

.bankuai .tabmenu .cli .wenzi, .bankuai .tabmenu li:hover .wenzi { background-color:#0389d2; color:#fff; font-weight:bold;}

.bankuai .tabmenu li:hover:after, .bankuai .tabmenu .cli:after{ content:""; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #0389d2; position:absolute; left:50%; margin-left:-10px; bottom:-9px}

.bankuai #atabcontent { clear:both; padding-top:20px; padding:3% 3% 5% 3%; border:solid 1px #ddd;border-radius:10px}


.bankuai #atabcontent .hidden {display:none;}
.bankuai #atabcontent ul{ -webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;transition: all .4s ease}

.bankuai #atabcontent h1{ line-height:50px; font-size:28px; font-weight:bold; color:#000;}
.bankuai #atabcontent .yewu h2{ line-height:40px; font-size:22px; font-weight:bold; color:#fff; background:#0389d2; min-width:160px;max-width:220px; padding:0 12px;text-align:center; margin:10px 0 5px 0;}
.bankuai #atabcontent .yewu h3{ color:#0389d2;font-size:22px; font-weight:bold; line-height:50px;}
.bankuai #atabcontent .yewu p{ padding-left:25px;background:url(../images/jiantou.jpg) no-repeat left 10px; line-height:15px; line-height:28px; margin-left:20px; }


.yewu .ywleft{ float:left; width:48%}
.yewu .ywright{ float:right; width:48%}

.bankuai #atabcontent img{ width:auto; max-width:100%;}

.b0kuai { margin-bottom:40px;}
.b0kuai .bbtu{ float:left; width:48.5%; margin-bottom:15px;background-color: #f1f1f1;}
.b0kuai .bbtu:nth-child(2n){ float:right;}
.b0kuai .bbtu:nth-child(2n+1){ clear:both; }
.b0kuai .bbtu .kleft{ float:left; width:42%;}
.b0kuai .bbtu .kright{ float:right; width:55%;}

.b0kuai .bbtu .kleft{ height:200px; overflow:hidden; display:block;}
.b0kuai .bbtu .kleft img{cursor:pointer; transition:all 1.5s; width:100%; height:auto }
.b0kuai .bbtu:hover img{transform:scale(1.1);}
.b0kuai .bbtu .kright h3{ font-size:18px; font-weight:bold; color:#fff;background:#0389d2; padding:0 15px ;line-height:40px; margin:20px 20px 10px 0px}
.b0kuai .bbtu .kright p{ padding-left:15px; line-height:28px; font-size:16px;}


#guestbook{ width:100%; margin:0 auto}
.message-con-1{ float:left; width:50%; margin-bottom:25px}
.message-con-1 .tit{ float:left; color:#666; margin-right:15px; width:100px; font-size:16px; padding-top:7px; text-align:right}
.message-con-1 .input-m{ width: 65%; padding:2%; border:1px solid #ccc; outline:none; transition:.3s;-webkit-transition:.3s;-moz-transition:.3s}
.message-con-1 .input-m:hover{ border:1px solid #0389d2}
.message-con-2{ width:100%; margin-bottom:25px;}
.message-con-2 .tit{ float:left;color:#666; margin-right:15px; width:100px; font-size:16px; text-align:right;padding-top:7px;}
.message-con-2 textarea{ padding:10px; border:1px solid #ccc;width:1078px; outline:none;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s}
.message-con-2 textarea:hover{border:1px solid #0389d2}
.message-con-2 .input-m{ width:300px; padding:10px;border:1px solid #ccc; outline:none; transition:.3s;-webkit-transition:.3s;-moz-transition:.3s}
.message-con-2 .input-m:hover{border:1px solid #0389d2}
.message-con-2 .submint-m{ background:#0389d2; color:#fff; text-align:center; width:100px; line-height:40px; border:none;  margin-right:10px; cursor:pointer}
.message-con-2 .submint-m:first-child{ margin-left:115px;}


.jianjie{ min-height:300px;}
.jianjie h3{ line-height:58px; font-size:24px; font-weight:bold; margin-bottom:15px; color:#333 }
.jianjie p{line-height:30px; font-size:16px; margin-bottom:12px;}

.jianjie img{ width:auto; max-width:100%; }


@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;}


.jishu{background: #f2f2f2; padding:60px 0; margin-top:-40px;}
.jishu li{ float:left; width:25%; border-right:solid 1px #ddd; margin-left:-1px;}
.jishu li:first-child{ margin-left:0px;}
.jishu li:last-child{ border-right:none; }

.jishu li h3{ width:90%; max-width:220px; margin:0 auto; color:#0389d2; font-size:52px; line-height:55px;font-family: 'impact'; }
.jishu li h3 span{ font-size:16px; margin-left:10px;color:#999;}
.jishu li p{ width:90%; max-width:220px; margin:0 auto; font-size:18px; color:#666;}

.jishu li h3 i{ font-style: normal; }


.prokuai01{ margin-top:25px;background: url(../images/prored.jpg) no-repeat left bottom; padding-bottom:18px; margin-left:-18px; padding-left:18px;}
.prokuai01 .pro02left { float:left; width:45%;}
.prokuai01 .pro02left img {width:100%; height:auto}
.prokuai01 .pro02right{ float:right; width:45%;}

.prokuai02{ margin-top:45px;background: url(../images/prored.jpg) no-repeat right bottom; padding-bottom:18px; margin-right:-18px; padding-right:18px;}
.prokuai02 .pro02left { float:right; width:45%;}
.prokuai02 .pro02left img {width:100%; height:auto}
.prokuai02 .pro02right{ float:left; width:45%;}

.pro02right .bg{background: url(../images/pro02bg.jpg) repeat-x left center; height:30px; }
.pro02right h3{line-height:100px; color:#000; font-size:24px;margin-top:30px;}
.pro02right p{line-height:30px; color:#666; font-size:16px;}

.honor{ margin-bottom:40px;}



.honor .yiji { text-align:center;}
.honor .yiji ul{ text-align:center; display:inline-block; vertical-align:middle; font-size:0}
.honor .yiji  li{ display:inline-block;font-size:16px; margin:0 10px 10px}
.honor .yiji  li a{ display:block;padding:10px 40px;color:#333; background:#f2f2f2; -webkit-border-radius:5px;-moz-border-radius:5px; border-radius:5px;}
.honor .yiji  li a.cur,.honor .yiji li a:hover{ background:#0389d2; color:#fff}

.honor .erji { text-align:center;}
.honor .erji ul{ text-align:center; display:inline-block; vertical-align:middle; font-size:0}
.honor .erji  li{ display:inline-block;font-size:14px; margin:0 10px 10px}
.honor .erji  li a{ display:block;padding:7px 40px;color:#333; background:#f2f2f2; -webkit-border-radius:5px;-moz-border-radius:5px; border-radius:5px;}
.honor .erji  li a.cur,.honor .erji li a:hover{ background:#0389d2; color:#fff}




.hrlistt .hrlist_con .zhaopz{ margin:35px auto; width:100%; max-width:270px;}
.hrlistt .hrlist_con .zhaopz .zp01{ float:left; line-height:38px; border:solid 1px #0389d2; color:#fff;background: url(../images/hricon01.jpg) 10px no-repeat;padding-left:45px;padding-right:20px; border-radius:3px;background-color:#0389d2; margin-right:10px; font-size:16px;}
.hrlistt .hrlist_con .zhaopz .zp02{ float:left; line-height:38px; border:solid 1px #0389d2; color:#0389d2;background: url(../images/hricon02.jpg) 10px no-repeat;padding-left:45px;padding-right:20px; border-radius:3px; background-color:#fff;}

.black_overlay {

	Z-INDEX: 9999; POSITION: fixed; FILTER: alpha(opacity=5); BACKGROUND-COLOR: black; WIDTH: 100%; DISPLAY: none; HEIGHT: 100%; TOP: 0%; LEFT: 0%; -moz-opacity: 0.5; opacity: 0.5

}

.www_zzjs_net {Z-INDEX: 999999; POSITION: fixed; WIDTH: 100%; DISPLAY: none; OVERFLOW: hidden; top:30%; }
.www_zzjs_net .conn{ width:90%; max-width:500px; margin:0 auto; background-color:#fff;padding:5px;BACKGROUND-COLOR: white;  }
.www_zzjs_net .conn .guanbi{width: 12px;height: 12px;background: url(../images/i-close.png) center no-repeat;top: 0px;right: 0px; padding: 10px;opacity: 0.5; display:block}
.www_zzjs_net .conn .inconn{ width:80%; max-width:330px; margin:0 auto; padding-bottom:15px; }

.www_zzjs_net .conn .inconn h3{ line-height:32px; font-weight:bold;color:#0389d2; font-size:24px;}

.www_zzjs_net .conn .inconn h1{ line-height:32px; font-weight:bold;color:#000; font-size:18px; padding:10px 0 0px 0; font-weight:normal}


.www_zzjs_net .conn .inconn p{ line-height:26px; font-size:14px; color:#666; margin-bottom:12px;}
.www_zzjs_net .conn .inputbox input {background: #f5f5f5;border:none;position: relative; padding: 10px 3%; height: 20px;margin-top:15px; display:block; width:94%}
.www_zzjs_net .conn .inputbox textarea {background: #f5f5f5;border:none;position: relative; padding: 10px 3%; height: 60px;margin-top:15px; display:block; width:94%}
.www_zzjs_net .conn .okBtn {display: block;height: 44px;line-height: 44px;background: #0389d2;color: #fff;text-align: center;text-decoration: none;margin-top: 12px;border:none; width:100%; cursor:pointer; font-size:18px;}

.www_zzjs_net .conn .inconn h4{ line-height:65px; font-size:18px; color:#0389d2; }


.news_list .newspic{ float:left; width:23%;}
.news_list .newspic span{ height:200px;overflow:hidden; display:block; }
.news_list .newspic span img{ width:100%; height:auto;cursor: pointer;transition: all 1.5s;}
.news_list .newskuai:hover .newspic  span img{transform:scale(1.1);}
.news_list .newskuai a{ padding:20px 0; display:block; border-bottom:solid 1px #dddddd}
.news_list .newskuai h3{ line-height:56px;height:56px; overflow:hidden; color:#333; font-size:18px; font-weight:bold}
.news_list .newskuai p{line-height:28px; height:56px; overflow:hidden; color:#666; font-size:14px;}
.news_list .newskuai .time{background:url(../images/time.png) no-repeat left center; padding-left:25px; margin-top:45px; height:auto}

.news_list .newscon{ float:right; width:74%;}
.news_list .newskuai a:hover{ background-color:#f2f2f2}


.newtit{ font-size:24px; margin-bottom:15px; font-weight:bold }
.ntime{  border-bottom:1px solid #dddd; color:#999; font-size:16px; padding-bottom:16px}
.ntime span{ padding:0 20px 0 0;}
.new-d{ padding-top:30px; line-height:28px; font-size:16px; }

.newsxiang  .newsleft .shijian{background: url(../images/shijian.jpg) no-repeat left center; line-height:30px; padding-left:23px; padding-right:15px; font-size:16px;}
.newsxiang .newsleft .see{background: url(../images/see.jpg) no-repeat left center; line-height:30px; padding-left:30px; }

.nmain .newsxiang img{ width:auto; max-width:80%; height:auto !important; text-align:center; display:block; margin:10px auto;}

.newsxiang .newsleft{ float:left; width:70%;}
.newsxiang .newsright{ float:right; width:22%; padding:2%; background-color:#f5f5f5; margin-top:85px;}

.page2{ border-top:1px solid #dddd; margin-top:20px; padding-top:20px; line-height:30px; font-size:16px;}
.back{ width:130px; line-height:40px; text-align:center; float:right; color:#fff; background-color:#0389d2; }
.back a{ color:#fff}

.newsxiang .newsright h3{line-height:55px; font-size:16px; font-weight:bold; color:#333}
.newsxiang .newsright li{ border-top:solid 1px #ddd; padding:15px 0;}
.newsxiang .newsright li h3{ line-height:35px; color:#333; height:35px; overflow:hidden; font-weight:normal}

.newsxiang .newsright .shijian{background: url(../images/shijian02.jpg) no-repeat left center; line-height:30px; padding-left:23px; padding-right:15px;}
.newsxiang .newsright .see{background: url(../images/shijian02.jpg) no-repeat left center; line-height:30px; padding-left:30px; }



.divTeamList ul li{ float: left; width:23.5%; margin-right: 2%; margin-bottom: 2%; }
.divTeamList ul li:nth-child(4n){margin-right: 0%;}
.divTeamList ul li:nth-child(4n+1){ clear:both;}
.divTeamList ul li a{ display: block; }
.divTeamList ul li img{ width: 100%; }

.divTeamList .pic{ height:220px; overflow:hidden; display:block;}
.divTeamList .pic img{cursor:default; transition:all 1.5s; width:100%; height:auto }
.divTeamList .pic:hover img{transform:scale(1.1);}


.divTeamList ul li span{ display: block; text-align: center; }

.divTeamList ul li .span_name{ font-size: 15px; color: #212121; line-height:25px;height:50px; padding:10px 0 15px 0; background-color:#f2f2f2;}

.divTeamList ul li .span_info{ font-size: 16px; color: #adadad;  padding-bottom: 20px;overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis; }
.divTeamList ul li:hover .span_name{ color: #fff; background-color:#0389d2 }
.divTeamList ul li:hover .span_info{ color: #0389d2; }
.divTeamList .Pages{ padding-top: 0; }

.product-top{ margin-bottom:35px;}
.product-top #preview{ width:49%;float:left}
.jqzoom{position:relative; border:1px solid #e8e8e8; margin-bottom:20px;overflow:hidden; text-align:center}
.jqzoom img{ width:100%;display:inline-block; vertical-align:middle}
.jqzoom i{display:inline-block; width:0; height:100%; vertical-align:middle}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;background:url(../images/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px; background:url(../images/zoom_bg.gif) repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}


.product-top .text{ float:right; width:48%;}
.product-top .text .pro-db { font-size:24px;color:#0389d2;line-height: 60px; font-weight: bold;margin-top:20px;}
.product-top .text .intro{ margin-top:20px;}
.product-top .text .intro p {font-size: 15px; color: #666;line-height: 28px;}

.pro-content{ padding-bottom:35px; clear:both}
.protab-list{ border-bottom:1px solid #e8e8e8}
.protab-list a{ float:left; display:block;line-height:40px; font-size:16px; width:180px; margin-right:2px; text-align:center; background:#f3f3f3;cursor:pointer}
.protab-list a.active{ background:#0389d2; color:#fff;}
.protab-con{ padding:20px 0 0 0; line-height:28px;}

.protab-con .protab-con-hd{ display:none; }
.protab-con p{font-size:16px; color:#333}
.protab-con .protab-con-hd.active{ display:block}
.protab-con .protab-con-hd .table td{ border-bottom:1px solid #d8d8d8; padding:5px 10px}
.protab-con .protab-con-hd .table tr:first-child{ border-top:1px solid #d8d8d8}
.protab-con .protab-con-hd .table tr:nth-child(2n){ background:#f5f5f5}
.protab-con .protab-con-hd .table1 td{ border:1px solid #d8d8d8; padding:5px 10px}
.protab-con .protab-con-hd .table1 .firstRow{background:#989898;color: #fff; font-weight:bold}
.protab-con .protab-con-hd .table1 tr:nth-child(2n){ background:#f5f5f5}
.protab-con .protab-con-hd p{ padding-bottom:5px}
.protab-con table{ border-top:solid 1px #ddd;border-left:solid 1px #ddd;}
.protab-con td{ border-bottom:solid 1px #ddd;border-right:solid 1px #ddd; padding:0 12px; line-height:38px;}
.protab-con tr td:first-child { background:#f4f4f4;}

.pdf-dw li {
    background: url(../images/Pdf_icon.png) no-repeat left center;
    padding-left: 25px;
}


.appxiang .appleft{ float:left; width:70%;}
.appxiang .appright{ float: right;width: 22%;padding: 2%; background-color: #f5f5f5;}

.appxiang .appright h3{line-height:55px; font-size:16px; font-weight:bold; color:#333}
.appxiang .appright li{ border-top:solid 1px #ddd; padding:15px 0;}
.appxiang .appright li h3{ line-height:35px; color:#333;font-weight:normal}
.appxiang .appright li .pic{ float:left; width:40%;}
.appxiang .appright li .wenzi{ float:right; width:55%;}

.appxiang .appright li .pic{ height:80px; overflow:hidden; display:block; }
.appxiang .appright li .pic img{cursor:pointer; transition:all 1.5s; width:100%; height:auto }
.appxiang .appright li .pic:hover img{transform:scale(1.1);}


.case-list ul li{width: 32%; float: left;position: relative; overflow: hidden; height:295px; display: block; margin-right:2%; margin-bottom:20px;}
.case-list ul li:nth-child(3n){ margin-right:0;}
.case-list ul li:nth-child(3n+1){ clear:both;}
.case-list li img{cursor:pointer; transition:all 1.5s; width:100%; display:block; border:none}
.case-list li:hover img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1)}

.case-list .case-summary{display: none; width: 95%; height: 90%; background: url(../images/black.png) repeat; top: 0; left: 0; position: absolute; padding: 5%}
.case-list .case-summary p{color: #f9f9f9; position: absolute; left: 0; font-size: 20px}
.case-list .case-summary span{font-size: 24px}
.case-list .case-summary .p1{top: 0}
.case-list .case-summary .p2{bottom: 15px; font-size: 14px}
.case-list .case-summary .p2 .syl{ font-size:16px; line-height:30px; font-weight:bold}
.case-list li:hover .case-summary{ display: block;}



.casexiang .caseleft{ float:left; width:70%;}
.casexiang .caseright{ float: right;width: 22%;padding: 2%; background-color: #f5f5f5;margin-top: 85px;}

.casexiang .caseright h3{line-height:55px; font-size:16px; font-weight:bold; color:#333}
.casexiang .caseright li{ border-top:solid 1px #ddd; padding:15px 0;}
.casexiang .caseright li h3{ line-height:35px; color:#333;font-weight:normal}
.casexiang .caseright li .pic{ float:left; width:40%;}
.casexiang .caseright li .wenzi{ float:right; width:55%;}

.casexiang .caseright li .pic{ height:80px; overflow:hidden; display:block; }
.casexiang .caseright li .pic img{cursor:pointer; transition:all 1.5s; width:100%; height:auto }
.casexiang .caseright li .pic:hover img{transform:scale(1.1);}


.casede{ position:relative; margin:25px 0}
 
.casede1 li{ float:left; width:100%; }
.casede li img{ display:block; width:70%; margin:0 auto; height:auto; border:solid 1px #ddd;}
.arr1 a{ display:block; width:3%; position:absolute; top:42%; left:1%; z-index:1;}
.arr2 a{ display:block; width:3%; position:absolute; top:42%; right:3%;z-index:1;}
.arr1 a:hover{Alpha(Opacity=60)}
.arr2 a:hover{Alpha(Opacity=60)}
.tit05{ margin:14px 0 0 0; text-align:center;}
.tit05 a{ display:inline-block; width:7%; margin:0 0.3% 0.2rem 0.3%;}
.tit05 img{ display:block; width:100%;-webkit-transition: 1s;
-moz-transition: 1s; height:auto; border:solid 1px #ddd;
transition: 1s;}
.tit05 a:hover img,.tit05 .cur img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}

.xiangq{ padding:20px 0 30px 0;; margin:0px 0 30px 0; border-top:solid 1px #ddd; }
.xiangq h3{line-height:32px; font-size:16px;}
.xiangq p{ line-height:28px;font-size:14px;}


.prolist { margin-bottom:40px;}
.prolist li{ float:left; width:48.5%; margin-bottom:25px;background-color: #f1f1f1;}
.prolist li:nth-child(2n){ float:right;}
.prolist li:nth-child(2n+1){ clear:both; }
.prolist li .kleft{ float:left; width:36%;}
.prolist li .kright{ float:right; width:60%;}

.prolist li .kleft{ height:190px; overflow:hidden; display:block;}
.prolist li .kleft img{cursor:pointer; transition:all 1.5s; width:100%; height:auto }
.prolist li:hover img{transform:scale(1.1);}
.prolist li .kright h3{ font-size:18px; font-weight:bold; color:#fff;background:#0389d2; padding:0 15px ;line-height:40px; margin:20px 20px 10px 0px}
.prolist li .kright p{ padding-left:15px; line-height:28px; font-size:14px;}

.zuoban{ float:left; width:45%;} 
.nmain .zuoban img{ width:100%; height:auto}
.youban{ float:right; width:52%;} 
.xiang{ margin-top:30px;}
.xiang .biao{ margin-bottom:20px; border-bottom:solid 1px #ddd}
.xiang .biao h3 {background: #0389d2;color: #fff;line-height: 40px;text-align: center;font-size: 16px;width: 180px;}
.xiang p{ line-height:28px}


.pcvideo-banner{position: relative;overflow: hidden;width: 100%; max-width:1300px; height:730px; margin:0 auto; margin-bottom:30px}
.pcvideo-banner >.bg {line-height: 0;width:100%; height:100%; }
.pcvideo-banner >.bg video{ width:100%; margin:0 auto; text-align:  center; display:block}
.pcvideo-banner .video-src{max-width: none;height: auto; width: 100%; top: 50%;transform: translateY(-50%);position: relative;background:url(../images/videobg.jpg); background-size:cover;}


.zhici{ margin-bottom:30px;}
.zcleft { float:left; width:30%; text-align:center}
.zcleft img { width:100%; height:auto;}
.zcright { float:right; width:64%;}
.zhici p{ line-height:28px; margin-bottom:12px;}

.erbiao h1 { text-align:center; font-size:32px; font-weight:bold; color:#0389d2; width:90%; max-width:400px; line-height:50px; margin:0 auto 10px auto; border-radius:15px;}
.erbiao h3 { margin-bottom:26px; text-align:center; font-size:25px;  font-weight:bold; color:#333; margin-bottom:20px;}



.jiangek{ height:195px;}



.image-list .cover{ width: 23.5%; margin-right:2%; float:left;display: inline-block;background-color: #fff;cursor: pointer; margin-top:2%;}
.image-list .cover:nth-child(4n){ margin-right:0;}
.image-list .cover:nth-child(4n+1){ clear:both;}
.image-list .cover img{margin: auto; width:100%; height:auto;}


.case_xiang{ margin-top:20px; line-height:28px; margin-bottom:10px;}
.case_xiang img{ width:auto; max-width:100%;display: block; margin:0 auto;}



.divTeamList02 ul li{ float: left; width:32%; margin-right: 2%; margin-bottom: 2%; }
.divTeamList02 ul li:nth-child(3n){margin-right: 0%;}
.divTeamList02 ul li:nth-child(3n+1){ clear:both;}
.divTeamList02 ul li a{ display: block; }
.divTeamList02 ul li img{ width: 100%; }

.divTeamList02 .pic{ height:310px; overflow:hidden; display:block;}
.divTeamList02 .pic img{cursor:default; transition:all 1.5s; width:100%; height:auto }
.divTeamList02 .pic:hover img{transform:scale(1.1);}


.divTeamList02 ul li span{ display: block; text-align: center; }

.divTeamList02 ul li .span_name{ font-size: 15px; color: #212121; line-height:25px;height:50px; padding:10px 0 15px 0; background-color:#f2f2f2;}

.divTeamList02 ul li .span_info{ font-size: 16px; color: #adadad;  padding-bottom: 20px;overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis; }
.divTeamList02 ul li:hover .span_name{ color: #fff; background-color:#0389d2 }
.divTeamList02 ul li:hover .span_info{ color: #0389d2; }
.divTeamList02 .Pages{ padding-top: 0; }