@CHARSET "UTF-8";
* {  margin:0px; padding:0px;  }
html{ font-size:16px; font-weight:normal; font-family:"microsoft yahei"; color:#434343; }
body { min-width: 1200px;}
form *,
a,img,.img,input{ border:none; outline: none;}
table{ border-left: none; border-bottom: none; border-collapse:collapse;}
table td,table th{ border-right:none; border-top:none; margin:0; padding: 0; }
.fixed { position:fixed; }
.abso { position:absolute; }
a, .href { cursor:pointer; text-decoration:none; color:#333; }
a:hover,* a:hover,.href:hover{ color:#4f658b; }
img { border:none; margin:0px; padding:0px;}
.img-block{ max-width:100%; display:block; margin: 0 auto;}
.image{ display: block; float: left; }
p { font-size:0.75rem; }
ul li { list-style-type:none; }
.left { float:left; }
.right { float:right; }
.radius,.radius1:hover{ border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; }
.trans{transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.text-center , .text-center *{ text-align:center; }
.tc{ display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle;}
.tc img{ display: inline-block; max-width: 100%; max-height: 100%; vertical-align: middle;}
.clearfix,header, footer ,.blank,.blank2, .blank3 , .blank4 , .blank5{ display:block; clear:both; }
.container,.container:before,.container:after,
.main,.main:before,.main:after,
.clearfix,.clearfix:before,.clearfix:after{ clear: both; display: block; content: "";}
.blank{height:10px;}
.blank2{ height:20px;}
.blank3{height:30px;}
.blank4{ height:40px;}
.blank5{height:50px;}
.main,.container{margin:0 auto; width:1200px; position: relative; }
.hide{ display:none; }
.col-n-5{ width: 20%; float: left;}
.col-3{ width: 25%; float: left;}
.col-4{ width: 33.33333333%; float: left;}
.col-6{ width: 50%; float: left;}
.col-8{ width: 66.66666666%; float: left;}
.col-12{ width: 100%;}
.f11{ font-size: 0.6875rem;}
.f12{ font-size: 0.75rem;}
.f13{ font-size: 0.8125rem;}
.f14{ font-size: 0.875rem;}
.f15{ font-size: 0.9375rem;}

header{position: fixed; width: 100%; background: #FFF; z-index: 9999;}
header .logo{ float: left;    line-height: 100px;height: 100px;}
header .logo img{ display: block; height: 89px;}
header .nav-box{background: #0c2a4e;}
header .tel{margin-top:40px;}
header .tel .cont{float:left;}
header .tel .lang{float:right;display: block;margin-left:12px;width: 40px;height: 40px;line-height: 40px;background: #9eb2d0;border-radius: 8px;text-align: center;color: #fff;}
nav{ position: relative;}
nav ul{ float: left;}
nav ul li{ float: left; position: relative;}

nav ul li .fir{ display: block; height: 50px; line-height: 50px; overflow: hidden; font-size: 15px; padding:0 50px; text-align: center;color: #fff;}
nav ul li .fir:hover,nav ul li.cur .fir{background: #83a2c6;}
nav .nav-bgt{ background: #4f658b; width: 100px; height: 4px; position: absolute; top: 0; left: 0;}
nav ul li .sub-nav{ position: absolute; width: 100%; left: 0; top: 89px; background: #FFF; padding: 10px 0; display: none;}
nav ul li.l4 .sub-nav{ width: 150px; left: -25px;}
nav ul li .sub-nav a{ display: block; width: 100%; text-align: center; font-size: 12px; line-height: 1.5; color:#222; padding: 6px 0;}
nav ul li .sub-nav a:hover{ color:#4f658b;}
.down-nav {position: absolute;width: 100%;background: #FFF;padding: 10px 0;left:0;display: none; box-shadow: 0 2px 10px 1px #888888;}
.down-nav a{    display: block;width: 100%;text-align: center;font-size: 12px;line-height: 1.5;color: #222;padding: 6px 0;}
.down-nav a:hover{ color: #83a2c6;}
.lang-btn{ background: #c3c3c3; width: 30px; height: 30px; line-height: 30px; text-align: center; overflow: hidden; float: right; margin-top: 30px; margin-left: 5px; font-size: 13px; color:#FFF;}
.lang-btn:hover{ background:#4f658b; color:#FFF;}

.fix-sub-nav{ width: 100%; position: absolute; background: #FAFAFA; top: 90px; left: 0; display: none;}
.fix-sub-nav .main{padding: 30px 0; text-align: center;}
.fix-sub-nav .item{width: 16.6666666668%; float: left;}
.fix-sub-nav .cat-img{ display: block; width: 120px; height: 90px; overflow: hidden; margin: 0 auto;}
.fix-sub-nav img{ display: block; width: 100%; height: 100%; transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.fix-sub-nav img:hover{transform: scale(1.2);-moz-transform: scale(1.2);-webkit-transform: scale(1.2);}
.fix-sub-nav span{ display: block; padding: 8px 0 20px 0; font-size:12px; color:#838383;}

.header-visible{ width: 100%; height: 150px;}
.cat-img{ width: 100%; height: 320px; background-repeat: no-repeat; background-position: center; overflow: hidden;}
.cat-img .r-btn{ display: block; float: right;}
.cat-name{ padding-top: 78px;}
.cat-name *{ font-weight: normal;color:#FFF; font-size: 14px; line-height: 1.5; }
.cat-name .thumb{ float: left; display: block; height: 65px; padding-right: 10px;}
.cat-name h1{ font-size: 30px; line-height: 1.2; padding-bottom: 5px;}

.warp-nav{ background: #F5F5F5; height: 55px; }
.warp-nav li{ display: block; height: 55px; line-height: 55px; width: 239px; position: relative; float: left; border-right:1px solid #DEDEDE; }
.warp-nav li a{ display: table-cell; height: 55px; line-height: 20px; width: 239px; text-align: center; vertical-align: middle; color:#000; overflow: hidden; font-size: 15px;}
.warp-nav li a img{vertical-align:middle;}
.warp-nav li.on{ background: #e2eaf1; }
.warp-nav li.on a{color:#0c2a4e;}
.warp-nav li.on .arrow{ width: 26px; height: 12px; background: url('images/arrow2.png') center top no-repeat; position: absolute; left: 50%; top: 55px; margin-left: -13px;}

.main.bottom{ height: 80px;}

.back{ display: block; width: 80px; height: 36px; line-height: 36px; overflow: hidden; border: 1px solid #DDD; color:#4f658b; font-size: 16px; margin: 20px auto; text-align: center; cursor: pointer; background: #FFF;}
.back:hover{ color:#FFF; border-color:#4f658b; background: #4f658b;}
.pages{ text-align: center; padding: 20px 0px;}
.pages a,.pages span{ padding: 5px 8px; border: 1px solid #4f658b; font-size: 14px; line-height: 1; margin-left: 2px; color:#000;}
.pages span{ background: #EEE;}
.pages a:hover{ background: #4f658b; color:#FFF;}

.footer-links-wrap{ padding: 20px 0; border-top: 1px solid #F1F1F1; display: none;}
.footer-links-wrap .left-title{ height: 26px; line-height: 26px; overflow: hidden; float: left; font-size: 17px; color:#999;}
.footer-links-wrap .c9{ height: 26px; width: 60px; float: right; background: url('images/c9.jpg') center no-repeat; cursor: pointer; display: none;}
.footer-links-wrap .links{ width: 1020px; float: right; height: 26px; overflow: hidden;}
.footer-links-wrap .links a{ display: block; height: 16px; font-size: 14px; line-height: 15px; float: left; padding: 0 12px; margin: 5px 0; border-right: 1px solid #999; color:#999;}
.footer-links-wrap .links a:hover{ color:#4f658b;}
.footer-mid{ background: url('/upload/f-bg.jpg') center top; padding: 24px 0;}
.footer-nav{ float: left; width:880px }
.footer-nav dl{ float: left; padding-right: 65px;}
.footer-nav dt{padding-bottom: 10px;}
.footer-nav dt a{ font-size: 16px; color:#FFF; line-height: 1; }
.footer-nav dd a{ font-size: 12px; color:#EEE; line-height: 1.5; }
.footer-nav dd a:hover{ color:#FFF;}
.footer-mid-r{ float: right; width: 230px;}
.footer-mid-r *{ color:#FFF;}
.footer-mid-r .m-rr-top{ background: url('/upload/201701/170113-0508019.png') left top no-repeat; padding-left: 50px; float: left; margin-bottom: 15px; margin-right: 40px; min-width: 180px; min-height: 42px;  position: relative;}
.footer-mid-r .m-rr-top h3{ white-space:nowrap; font-weight: normal; font-size: 26px; line-height: 1; margin-top: -1px;}
.footer-mid-r .m-rr-top p{ font-size: 14px; line-height: 1; padding-top: 5px;}
.footer-mid-r .mr2{ min-width: 90px; cursor: pointer;}
.footer-mid-r .mr2 p{ line-height: 32px;}
.footer-mid-r .mr2 .wx{ position: absolute; top: 36px; left: 40px; width: 116px; height: 116px; z-index: 999; background: #FFF; padding: 10px; display: none;}
.footer-mid-r .mr2:hover .wx{ display: block;}
.footer-mid-r .mr2 img{ display: block; height: 140px;}
.footer-mid-r .mr2{ background-image: none; margin-bottom: 0;}
.footer-mid-r .mr3{ background-image: url(images/f3.png); cursor: pointer;}
.footer-mid-r .mr4{ background-image: url(images/f4.png);}
.f-rr{ float: right;}
.f-rr *{ color:#FFF;}
.f-rr .f-title{ font-size: 16px; padding-bottom: 10px;}
.f-rr .cont *{ line-height: 1.5; font-size: 12px;}
.f-rr .cont p{ padding: 2px 0;}
.f-rr .qcode-item{ width: 105px; padding: 5px 0; }
.f-rr .qcode-item .t{ font-size: 12px; width: 12px; float: left; line-height: 1.1;}
.f-rr .qcode-item img{ width: 128px; float: right;}
#bodyEN .f-rr .qcode{ display: block;}
#bodyEN .f-rr .f-contact{ width: 280px;}
.f-contact{ float: left; padding-top: 15px;}
.f-contact,
.f-contact *{color:#FFF;}
.footer-bottom{ background: #18396a; text-align: center;}
.footer-bottom *{ font-size: 12px; line-height: 50px; color:#FFF;}


.jm-bg{ background: url(images/zp-bg.png); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999; display: none; }
.jm-bg .jm-box{ width: 580px; height: 335px; background: #FFF; position: absolute; left: 50%; top: 50%; margin-left: -290px; margin-top: -153px;}
.jm-bg .jm-box .jm-rq{ display: block; margin-top: -25px; margin-left: -37px; float: left;}
.jm-bg .jm-box .close{ width: 39px; height: 39px; background: url(images/z11.png) center no-repeat; position: absolute; right: -19px; top: -19px; cursor: pointer;}
.jm-bg .jm-box .table{ float: right; padding: 40px 52px 0 0;}
.jm-bg .jm-box .table tr td{ padding: 3px 0; font-size: 12px;}
.jm-bg .jm-box .table input,
.jm-bg .jm-box .table textarea{ width: 206px; height: 35px; border:1px solid #EEE; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.jm-bg .jm-box .table textarea{ height: 66px;}
.jm-bg .jm-box .table .t1{ font-size: 12px; color:#4f658b; padding-right: 10px;}
.jm-bg .jm-box .table .submit{ width: 190px; height: 45px; border: none; background: #4f658b; color:#FFF; line-height: 44px; font-size: 16px; text-align: center; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; cursor: pointer;}
.fix-bg{ background: url(images/zp-bg.png); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999; display: none; }

.kefui{ float:right; position:fixed; right:0;top:50%; z-index:9999}
.kefui .bg{ background:#999;/**/padding:7px;}
.kefui div.tel{width:150px;height:33px; color:#eee; margin:1px -115px 2px 0; overflow: hidden;}
#bodyEN .kefui div.tel{width:180px;margin-right:-145px;}
#bodyEN .kefui div.email{ width: 200px; margin-right: -165px;}
.kefui div.tel span{padding:0 10px 0 0px; font-size:13px; line-height:33px; display: block; float: right;}
.kefui div.ewm{ position:relative;}
.kefui div.ewm .one{}
.kefui div.ewm .ii{ position:absolute; opacity: 0;border-radius: 8px;right:-180px; top:-120px; width:165px; padding:10px; background:#4f658b }
.kefui div.ewm .ii img{width:100%}
.kefui div.ewm .ii{z-index:-1; 
-webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;}
.kefui div.ewm:hover .ii{ opacity: 1; width:150px; right:40px;}
.kefui div.ewm h4{ position:absolute;top:0;line-height:12px; font-weight:400; font-size:12px; background:#4f658b; display:block;color:#fff; padding:5px; text-align:center;  opacity: 0;}
.kefui div.ewm:hover h4{ opacity: 1;}
.kefui div.qq{height:37px;width:120px;color:#eee; margin:1px -85px 1px 0;}
.kefui div.qq a{padding:0 5px 0 5px; font-size:13px; line-height:37px; color:#fff}
.kefui div.qq img{ float:left;}
.kefui .box{ float:right; margin:1px 0;clear:both;/*border-radius: 5px 0 0px 5px;*/ background:#999}
.kefui .box1{ }
.kefui .box2{ }
.kefui .box:hover{ background:#4f658b;}
.kefui div.cd-top{ position:relative;cursor: pointer;}
.kefui div.cd-top h4{ position:absolute;top:0;width:35px;line-height:25px; background:#4f658b; font-weight:400; font-size:12px; display:block;color:#fff; padding:5px 0; text-align:center;  opacity: 0;}
.kefui div.cd-top:hover h4{ opacity: 1;}
.kefui .box1:hover,
#bodyEN .kefui .box1:hover{ margin-right:0px;}

.i-case{ margin: 0 -15px; padding: 30px 0;}
.i-case .item{ float:left; width: 380px; overflow: hidden; margin:15px;}
.i-case .item:nth-child(3n+1){ clear: both;}
.i-case .item .thumb{ width: 380px; height: 285px; overflow: hidden;}
.i-case .item .thumb img{ display: block; width:100%; height: 100%;}
.i-case .item .txt{ padding: 0px 15px; width: 350px; background: #F4F4F4; font-size: 12px; color:#BFBFBF;}
.i-case .item .txt *{ font-size: 12px;}
.i-case .item .txt p{ min-height: 32px; padding-bottom: 10px;}
.i-case .item .txt .title{ font-size: 16px; font-weight: 100; line-height: 28px; padding: 6px 0; color:#535353; text-align: center;}
.i-case .item .time{ float: left;}
.i-case .item .hits{ float: right;}
.i-case .item:hover .thumb img{transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);}
.i-case .item:hover .txt{ background: #679fd0;}
.i-case .item:hover .txt *{ color:#FFF;}
@media only screen and (max-width: 767px){
.i-case{ margin: 0; padding: 10px 0;}
.i-case .item{ width: 100%; margin: 10px 0;}
.i-case .item .thumb{ width: 100%; height: auto;}
.i-case .item .thumb img{height: auto;}
.i-case .item .txt{ width: auto;}
.i-case .item h3{ font-size: 14px;}
}