body{background-color: #FFFFFF;color:#212121;font-size:14px;font-family:"microsoft yahei","微软雅黑";}
*{padding: 0;margin: 0;}
li{list-style:none;}
img{border:none;display: block;}
em{font-style: normal;}
a{text-decoration:none;color:#212121;cursor: pointer;}
a:hover{color: #236f90;text-decoration: underline;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
.fl{ float: left;}
.fr{ float: right;}
.animation{ transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s;}
.width{width: 1220px;margin: 0 auto;}
.pd20{padding: 0 20px!important;}
.ml0{margin-left: 0!important;}

body{background: url(../../images/technology/body_bg.jpg) center top no-repeat;}
.head{margin-top: 40px;background: #FFFFFF;border-radius: 5px 5px 0 0;padding-top: 22px;}
.head .logo{display: block;padding-left: 20px;}
.head .top{padding-bottom: 20px;}
.head .top p{padding-right: 8px;padding-top: 22px;}
.head .top p a{display: inline-block;padding: 0 12px;line-height: 30px;height: 30px;}
.head .top p .weixin{position: relative;}
.head .top p .weixin img{position: absolute;left: -15px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;z-index: -1;}
.head .top p .weixin:hover img{filter:alpha(opacity=1);-moz-opacity:1;opacity:1;z-index: 3;}
.head .nav{background: #212121;line-height: 48px;height: 48px;overflow: hidden;}
.head .nav .fl{height: auto;overflow: hidden;padding-left: 6px;}
.head .nav .fl a{color: #FAFAFA;display: block;float: left;padding: 0 14px;}
.head .nav .search{padding: 10px 20px 0 0;}
.head .nav .search form{display: block;width: 300px;height: 28px;overflow: hidden;border-radius: 2px;background: #383838;}
.head .nav .search .key{display: block;border: none;float: left;width: 266px;padding-left: 10px;line-height: 28px;background: none;color: #757575;}
.head .nav .search .btn{display: block;width: 24px;float: right;height: 28px;background: url(../../images/technology/search_btn.png) left center no-repeat;border: none;cursor: pointer;}

.banner ul li{position: relative;}
.banner ul li p{position: absolute;height: 100px;line-height: 100px;background: #000000;background:rgba(0, 0, 0, 0.5)!important;filter:Alpha(opacity=50);font-size: 30px;color: #FFFFEE;padding-left: 20px;box-sizing: border-box;width: 100%;bottom: 0;}
.banner .btn{position: absolute;top: 175px;display: block;width: 48px;height: 48px;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;z-index: 3;}
.banner .btn:hover{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
.banner .next{background: url(../../images/technology/next.png);right: 20px;}
.banner .prev{background: url(../../images/technology/prev.png);left: 20px;}

.content{background: #FFFFFF;box-sizing: border-box;height: auto;overflow: hidden;margin-top: 30px;}
.content .title{background: #FAFAFA;border-top: 2px solid #F5F5F5;position: relative;line-height: 38px;}
.content .title .more{float: right;margin-right: 10px;font-size: 12px;text-align: right;}
/*.content .title .nav{font-size: 16px;font-weight: bold;width: 85px;display: inline-block;text-align: center;}*/
.content .title .off{color: #9E9E9E;}
.content .title em{width: 85px;height: 2px;background: #236f90;position: absolute;left: 0px;top: -2px;}
.content .title{font-size: 16px;font-weight: bold;}
.content .title a:hover{text-decoration: none;}
.content .title span{display: inline-block;cursor: pointer;width: 85px;text-align: center;}
.content ul.list{padding-top: 22px;}
.content ul.list li{line-height: 30px;height: auto;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;}
.content ul.list li span{float: right;color: #9E9E9E;display: block;margin-right: 10px;}
.content ul.list li em{display: inline-block;width: 3px;height: 3px;background: #236f90;vertical-align: middle;margin: 0 10px;}
.content ul.list li a:hover{text-decoration: underline;}
.content .width{padding: 0 20px;box-sizing: border-box;}
.content .floor_1{height: auto;overflow: hidden;}
.content .floor_1 .fl{width: 880px;overflow: hidden;}
.content .floor_1 .fr{width: 280px;overflow: hidden;}
.content .floor_2{margin-top: 30px;height: auto;overflow: hidden;}
.content .floor_2 .fl,.content .floor_2 .fr{width: 580px;overflow: hidden;}
.content .floor_2 .no1 .img,.content .floor_2 .no1 .img img{width: 130px;height: 150px;}
.content .floor_2 .no1 .img{float: left;margin: 22px 10px 0 0;}
.content .floor_2 .no2{margin-top: 30px;}
.content .floor_1 .cont{height: auto;overflow: hidden;position: relative;}
.content .floor_1 .cont .img{float: left;margin: 22px 10px 0;position: relative;width: 345px;height: 240px;display: block;overflow: hidden;}
.content .floor_1 .cont .img img{width: 345px;height: 240px;}
.content .floor_1 .cont .img p{width: 100%;box-sizing: border-box;padding-left: 10px;font-size: 14px;color: #FFF;background: #000000;background:rgba(0, 0, 0, 0.7)!important;filter:Alpha(opacity=70);height: 30px;line-height: 30px;bottom: 0;position: absolute;}
.content .floor_3 p.tit{font-size:28px;text-align:center;padding: 25px 0 10px;}
.content .floor_3 .cont{font-size:16px;line-height:30px;}
.content .floor_3 .cont a{display:block;font-size:14px;width:160px;line-height:36px;border:1px solid #CCC;border-radius:4px;text-align:center;margin: 15px auto;}

.footer{background: #393b3d;height: auto;overflow: hidden;padding-bottom: 50px;margin-top: 30px;}
.footer .fl{color: #737373;line-height: 30px;background: url(../../images/jcjx/footer_logo.png) left 40px no-repeat;padding-top: 155px;}
.footer .fl a{color: #737373;}
.footer .fr p{float: left;color: #737373;margin: 60px 0 0 33px;}
.footer .fr p img{max-width: 82px;margin-bottom: 5px;display: block;}
.footer .fr span{display: block;line-height: 30px;clear: both;text-align: right;padding-top: 10px;color: #737373;}
.footer .fr span em{font-family: DIN-MediumItalicAlt;font-size: 22px;line-height: 30px;color: #737373;}

.list_cont{height: auto;overflow: hidden;background: #FFFFFF;box-sizing: border-box;padding: 20px;width: 1220px;}
.list_cont .fl{width: 880px;padding-bottom: 50px;overflow: hidden;}
.list_cont .fr{width: 280px;}
.list_cont .fl .top{line-height: 38px;border-top: 2px solid #F5F5F5;padding-left: 28px;background: url(../../images/technology/icons.jpg) 10px center no-repeat #FAFAFA;}
.list_cont .fl .top a{display: inline-block;padding: 0 8px;}
.list_cont .fl ul.list li{border-bottom: 1px solid #EEE;padding: 20px 0;}
.list_cont .fl ul.list li a{font-size: 24px;color: #000000;display: block;}
.list_cont .fl ul.list li a:hover{color: #d32f2f;text-decoration: underline;}
.list_cont .fl ul.list li span{color: #757575;line-height: 22px;margin: 10px 0;display: block;padding-right: 55px;}
.list_cont .fl ul.list li em{color: #d32f2f;}
.list_cont .fl .page{margin-top: 30px;padding: 0 20px;}
.list_cont .fl .page li{float: left;line-height: 32px;margin-right: 10px;border: 1px solid #d32f2f;color: #d32f2f;position: relative;}
.list_cont .fl .page li a{color: #d32f2f!important;display: block;width: 40px;height: 32px;line-height: 32px;text-align: center;font-size: 16px;}
.list_cont .fl .page li.active a{background: #d32f2f;color: #FFF!important;padding: 0!important;}
.list_cont .fl .page li:first-child a,.list_cont .fl .page li:last-child a{width: 60px;}

.list_cont .fr p.title{font-size: 16px;padding-left: 10px;line-height: 38px;border-bottom: 2px solid #F5F5F5;background: #FAFAFA;font-weight: bold;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.list_cont .fr .list_1 ul{padding: 10px;}
.list_cont .fr .list_1 li{background: url(../../images/technology/icons_1.jpg) left center no-repeat;border-bottom: 1px dashed #E0E0E0;line-height: 40px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;padding-left: 10px;}
.list_cont .fr .list_1 li em{display: inline-block;width: 3px;height: 3px;vertical-align: middle;background: #227397;margin-right: 10px;}
.list_cont .fr .list_1 li a{font-size: 16px;}
.list_cont .fr .list_1 li a:hover{color: #227397;text-decoration: underline;}
.list_cont .fr .list_2{padding-top: 20px;}
.list_cont .fr .list_2 ul{padding: 0 10px;}
.list_cont .fr .list_2 ul li{height: auto;overflow: hidden;padding: 20px 0;border-bottom: 1px solid #EEEEEE;font-size: 16px;line-height: 24px;font-weight: 600;}
.list_cont .fr .list_2 ul li .img{width: 120px;height: 80px;float: left;margin-right: 10px;overflow: hidden;}
.list_cont .fr .list_2 ul li img{width: 120px;height: 80px;}
.list_cont .fr .list_2 ul li a{display: block;font-size: 14px;color: #424242;font-weight: normal;margin-top: 6px;}
.list_cont .fr .list_2 ul li a:hover{color: #d32f2f;}
.list_cont .fr .list_3{margin-top: 30px;}
.list_cont .fr .list_3 .title{position: relative;}
.list_cont .fr .list_3 em{display: block;width: 85px;height: 2px;background: #00ACC1;position: absolute;left: 0;top: 0;}
.list_cont .fr .list_3 .link{padding: 10px 0;}
.list_cont .fl .art{padding: 20px;line-height: 28px;height: auto;overflow: hidden;}
.list_cont .fl .art .title{font-size: 30px;line-height: 50px;}
.list_cont .fl .art span.info{display: block;color: #9E9E9E;padding: 10px 0;border-bottom: 1px dashed #e0e0e0;margin-bottom: 15px;}
/*.list_cont .fl .art .intro{margin: 10px 0;background: #F5F5F5;padding: 10px;border: 1px solid #CCC;line-height: 28px;}*/
.list_cont .fl .art p{text-indent: 2em;padding: 3px;}
.list_cont .fl .art .body{border-bottom: 1px dashed #e0e0e0;padding-bottom: 15px;}
.list_cont .fl .art .body img{border: 1px solid #E0E0E0;padding: 2px;margin: 0 auto;width: 100%!important;height: auto!important;}
.list_cont .fl .art .down a{color: #FF0000;}
.list_cont .fl .other,.list_cont .fl .list{padding: 0 20px;}
.list_cont .fl .list li p.img{width: 200px;height: 150px;overflow: hidden;float: left;margin-right: 20px;}
.list_cont .fl .list li p.img img{width:auto;max-width:200px;width:expression(this.width>200?"200px":true);height:auto;max-height:150px;height:expression(this.height>150?"150px":true);}
.link{padding: 10px 0;height: auto;overflow: hidden;}
.link a{display: block;float: left;line-height: 27px;width: 92px;text-align: center;}
.search .list .title{font-size: 24px;font-weight: 400;margin-top: 15px;}
.search .list p{line-height: 24px;margin: 5px 0;}
.search .fl ul.list li .s_t a{font-size: 18px;}
.search .fl ul.list li span a,.search .list span em{display: inline-block;margin-right: 5px;font-size: 14px;}
.search .fl ul.list li span a{color: #0077a3;}
.search .fl ul.list li span em{color: #757575;}