.top{height: 34px; line-height: 34px; background: #ededed;}
.header{width:100%;height:120px;z-index:9999}
.header .logo{width:auto;height:60px;padding:30px 0;}
.header .logo i{display: block;float: left;margin:0 10px;}
.header .logo .logotxt{display: block;overflow: hidden;}
.header .logo .logotxt h5{font-weight: bold; font-size:26px;color:#2b2b2b;margin-top:0px;}
.header .logo .logotxt p{font-size:14px;margin-top:3px;}
.header .pho{height:60px;padding:30px 0 30px 80px;background: url(../images/pho.png) left center no-repeat;}
.header .pho span{font-size:16px;}
.header .pho p{display: block;font-size:26px;color:#e77918;font-weight:bolder;}
.headnav{background: #224d8f;width:100%;}
.headnav .nav{position:relative; }
.headnav .nav li{float: left;width: 170px; display: block; position: relative; z-index: 10;border-right: 1px solid #216db9; text-align: center;}
.headnav .nav li .nav-link{display: block; color: #fff; font-size: 16px;line-height:60px;}
.headnav .nav li .nav-link:hover,.headnav .nav li .active{background: #224d8f;}
.headnav .nav li .c2{display:none;position:absolute;left:0;top:60px;z-index:9999;width:100%;height: auto;background:rgba(51,51,51,0.9); }
.headnav .nav li:hover .c2{display:block;}
.headnav .nav li .c2 a{width:100%; height:35px; display: block;line-height:35px;margin-left:0px; border:none;color:#FFFFFF}
.headnav .nav li .c2 a:hover{background: #02498b;}
.fbanner{width:100%;height: auto;overflow: hidden;}
.ind_banner{position:relative;z-index:0}
.ind_banner img{float:left;width:100%}
.ind_banner .bx-controls{position:absolute;width:100%;height:0;font-size:0;bottom:40px;text-align:center;position:relative}
.ind_banner .bx-pager{display:inline-block}
.ind_banner .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:center;width:100%!important}
.ind_banner .bx-pager .bx-pager-item{display:inline-block;margin:0 9px;width:12px !important;height:12px !important}
.ind_banner .bx-pager .bx-pager-item a{display:block;background:#fff;width:12px !important;height:12px !important;margin:0 !important}
.ind_banner .bx-wrapper .bx-pager.bx-default-pager a{background:#fff}
.ind_banner .bx-wrapper .bx-pager.bx-default-pager a.active{background:#e77918}
.ind_banner .bx-controls-direction,.ind_banner .bx-controls-auto{display:none}
.so{background:#fff;line-height:42px;padding:20px 0;border-bottom: 1px solid #eee;}
.so .main{overflow: hidden;}
.so a{color:#666; margin:0 6px;}
.so .search{width: 356px; height: 42px; background: url(../images/ss.png) no-repeat;}
.so .txt{height: 42px; line-height: 42px; padding-left: 20px; color: #888888; background: none; border: none; outline: none; font-size: 14px;}
.so .btn { width: 51px; height: 42px; line-height: 42px; text-align: center;  cursor: pointer; font-size: 12px; background: none; border: none; outline: none; float: right; }
.bread { height:50px; line-height:50px; font-size:16px; background: #f2f2f3;padding:10px 0;color:#666;}
.product{background: #f2f2f3 url(../images/casebj.png) center bottom no-repeat;padding:50px 0;}
.product .main{overflow: hidden;}
.pro_l{width: 255px; background: #fff;}
.pro_l dl dt{display: block;height: 90px;margin-bottom: 25px; text-align: center; color: #fff; font-size: 36px; background: #224d8f; padding-top: 18px;}
.pro_l dl dt p{font-size: 14px;}
.pro_l dl dd{width: 200px; line-height: 40px; margin: 0 auto; background: url(../images/a1.png) no-repeat; margin-bottom: 16px;position: relative;}
.pro_l dl dd a { color: #333333; font-size: 14px; padding-left: 27px;display: block;}
.pro_l dl dd:hover{background: url(../images/a2.png) no-repeat;}
.pro_l dl dd:hover a{color:#fff;}
.pro_l .ptel { background: url(../images/t.png) no-repeat; height: 100px; color: #fff; }
.pro_l .fwrx { font-size: 18px; padding-left: 122px; padding-top: 24px; }
.pro_l .ptel h2 { text-align: center; font-size:24px; font-family: "Arial"; margin-top: 15px; }
.pro_l .add { font-size: 14px; text-align: center; margin-top: 6px; }
.product .pro_r { width: 920px; }
.product .pro_r .zxtt{ line-height: 68px; position: relative; color: #fff; font-size: 22px;border-bottom:0px #f2f2f3 solid; text-indent:35px; background: url(../images/pt.png) no-repeat; text-transform: uppercase; }
.product .pro_r .zxtt a{ position: absolute; right: 15px; top: 0; color: #999999; font-size: 14px; font-family: "Arial"; }
.pro_con {margin-top: 32px;}
.pro_con ul{display: block;height: auto;overflow: hidden;}
.pro_con ul li{display:block;width:297.5px;float:left;text-align:center;background:#FFF;margin:0 4.5px 13px 4.6px;transition: transform 0.5s;}
.pro_con ul li:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.3); -webkit-box-shadow:0 5px 10px rgba(0,0,0,0.3); transform:translate3d(0, -1px, 0);}
.pro_con ul li span{display: block;width:297.5px;height:297.5px;display: table-cell;vertical-align: middle;}
.pro_con ul li p{font-size: 16px;padding:20px 0;background: #e2e2e2;}
.pro_con ul li:hover p{background: #fc6411;color:#fff;}
.pro_con ul li img{width:100%}
.about{padding:60px 0;}
.tit{text-align: center;font-size:26px;color: #333333;font-weight:700}
.tit span{color: #224d8f;}
.about_c{width: auto;height: auto;overflow: hidden;margin-top:50px;}
.about_l{float: left;width:550px;}
.about_l img{width:550px;}
.about_r{float: right;width:620px;text-indent: 30px;}
.about_r p{margin-bottom: 20px;line-height: 30px;color: #444444}
.wrapper { position: relative; width: 100%; padding:30px 0; background: #f2f2f3; }
.wrapper .zxtt {line-height: 60px; position: relative; color: #224d8f; font-size: 22px; border-bottom: 1px #cccccc solid; text-transform: uppercase;background: #fff;}
.wrapper .zxtt span{position: relative; display: inline-block; width: 200px; text-align: left;text-indent: 15px;}
.wrapper .zxtt span::after { position: absolute; width: 200px; height: 2px; background: #224d8f; bottom: -1px; left: 0; content: ''; }
.wrapper .zxtt p{position: relative; float: right; line-height:60px;font-size:14px;color: #999; padding-left: 30px;margin-right: 30px;}
.wrapper .zxtt p a{color: #999;}
.wrapper .zxtt p::before { position: absolute; content: ''; top: 18px; left: 0px; width: 25px; height: 25px; background: url(../images/position.svg) left center/25px 25px no-repeat; }
.fbanner{width:100%;height:300px;position: relative;}
.fbanner span{position: absolute;display:block;width:200px;top:50%;margin-top:-25px;left:50%;margin-left:-550px;line-height:50px;font-size:42px;color: #ffffff;text-align: left;}
.pro_l1{width: 255px; background: #fff;}
.pro_l1 dl dt{display: block;height:78px;line-height:78px;margin-bottom:5px; text-align: center; color: #fff; font-size: 24px; font-weight: 700;background: #224d8f;}
.pro_l1 dl dd{width:245px; line-height:50px; margin: 0 auto 5px; background: #f0f1f2;}
.pro_l1 dl dd a { color: #333333; font-size: 16px; padding-left: 27px;display: block;}
.pro_l1 dl dd:hover{background:#224d8f;}
.pro_l1 dl dd:hover a{color:#fff;}
.pro_l1 .lx_img{padding:0 5px 5px;}
.pro_l1 .lx_img .lx_img_img{width:100%;}
.pro_l1 .lx{background: #224d8f;color:#fff;text-align: center;padding:30px 0;}
.pro_l1 .lx span{font-size:18px;line-height:26px;}
.pro_l1 .lx p{font-size:26px;font-weight:700;margin-top:8px;}
.col_pro_list {width: 912px;min-height:500px;background: #fff;padding:20px 6px 20px;}
.col_pro_list ul li{display:block;width:290px;float:left;text-align:center;background:#FFF;margin:0 6px 12px 6px;border:1px #f0f1f2 solid;transition:all .3s ease;}
.col_pro_list ul li:hover{border:1px #224d8f solid;}
.col_pro_list ul li span{display:block;width: 290px;height:218px;overflow: hidden;vertical-align:middle;}
.col_pro_list ul li span img{height: 100%;transition:all .6s ease;}
.col_pro_list ul li:hover span img{transform:scale(1.1);}
.col_pro_list ul li p{font-size:16px;padding:15px 0;background: #f0f1f2;transition:all .3s ease;}
.col_pro_list ul li:hover p{background: #224d8f;color:#fff;}
.col_pro_list ul li img{width: 100%;vertical-align:middle;}
.newslist{width: 884px;min-height:500px; background: #fff; padding: 12px 20px 30px;}
.newslist ul{display: block;margin-top: 15px;}
.newslist li{position: relative;display: block;height:45px;line-height:45px;border-bottom: 1px #cccccc dashed;padding-left:15px;}
.newslist li::before { position: absolute; content: ''; top:12px; left:0px; width:20px; height:20px;background: url(../images/jian.svg) left center/10px 10px no-repeat;}
.newslist li span{float: right;color:#999999;}
.newslist li a{color:#444444}
.newslist li a:hover{color:#e77918}
.content1,.content{overflow: hidden;width: 900px;background:#FFF;padding:20px 12px 30px;}
.content1 .pro_img { width:400px; margin-top: 0; }
.content1 .pro_img img { width: 100%; border: 1px #EEEEEE solid; }
.content1 .pro_info { width:470px;margin-top: 16px; }
.content1 .pro_info h3 { font-size:22px; border-bottom: 1px dashed #bbb; padding-bottom: 15px; margin-bottom:15px;}
.content1 .pro_info p { font-size:14px; line-height:26px;margin-top: 10px; color: #555555;}
.content1 .pro_lx { margin-top:18px; }
.content1 .pro_lx span { display: inline-block; float: left; line-height:48px; font-size:18px; padding-left: 32px; margin-right: 20px; color: #fc6411; background: url(../images/dh1.svg) left center no-repeat; background-size: 30px 30px; }
.content1 .pro_lx a { display: inline-block; float: left; background: #cd2228; color: #FFF; padding: 8px 20px; border-radius: 5px; margin-top:10px;}
.content .cpdetail{ font-size: 14px; line-height: 23px;padding: 20px }
.content .cpdetail p{ margin-bottom: 10px; }
.content .cpdetail img{max-width: 100%;}
.con_tit { margin: 10px auto; padding: 5px 0; font-size: 18px; font-weight: 700; background: #f5f5f5; }
.con_tit::before { border-left: 5px solid #224d8f; content: ""; margin-right: 10px; width: 6px; }
.content .title { font-size: 24px; margin: 40px 15px 20px; text-align: center; }
.content .info { border-bottom: 1px dashed #ddd; padding-bottom: 1em; font-size: 14px; color: #999; text-align: center;margin:0 15px;}
.content .abstract { margin: 30px 15px; border: 1px solid #f3f3f3; padding: 20px; color: #999; line-height: 24px; font-size: 14px; background: #f8f8f8; }
.content .laiyuan { margin: 24px 15px 0; background: #f5f5f5; padding: 8px 32px; font-size: 14px; }
.content .con_next { padding: 15px 15px; font-size: 14px; line-height: 26px; }
.content .detail { font-size: 14px; line-height: 23px; padding: 20px; }
.content .detail img{max-width: 100%;}