.header-top{ background: #005FBB; height: 36px; line-height: 36px;}
.header-top *{ color:#FFF; font-size:12px; }
.header-top a{ width: 80px; text-align: center;  display: block; position: relative; height: 36px; line-height: 36px;}
.header-top a:hover{ color:#005FBB; background: #FFF; }
.header-top a img{ display: none; position: absolute; z-index: 9999; top: 36px; left: -1px; width: 120px; border: 1px solid #005FBB; border-top: none;}
.header-top a:hover img{ display: block;   }
.header-mid{background: #F5F5F5;}
.logo{ background: #F5F5F5; padding: 0; margin: 0; float: left;  overflow: hidden;  }
.logo img{ padding:20px 0;}
.header-mid-r{ float: right; padding-top: 40px;}
.header-mid-r h2{ font-size: 25px;}
.header-mid-r .hotphone{text-align: center; padding-top: 5px;}
.header-mid-r .hotphone *{ font-size:20px;}
.header-mid-r .hotphone font{ color:#005FBB; font-weight: 700; font-size:30px;}
@media only screen and (max-width: 767px){
.header-top a{ display: none;}
.logo img{ padding: 15px 0px; width: 295px;}
.header-mid-r{ padding-top: 10px;}
.header-mid-r .hotphone{ padding: 5px 0;}
}
.toptel{ background-size:auto 100%; float: right;  width: 300px; height: 120px; overflow: hidden; }
.toptel .links{ height: 12px; overflow: hidden; text-align: center; margin: 12px 0px 12px 0px; float: right;}
.toptel .links a{ display: block; width: 80px; height: 12px; line-height: 12px; text-align: center; font-size: 12px; color:#5A5A5A;  border-left: 1px solid #DDD; float: left;  }
.toptel .links a:first-child,
.toptel .links a.first{ border-left: none;}
.toptel .pho{ text-align: center; padding-top: 10px;}
.toptel span{ font-size: 14px;color:#FFF; display: block; }
.toptel font{color:#FFF;   display: block;  font-size: 30px;}
.fixkf{ position: fixed; left: 0; top: 230px;  width: 320px; padding: 10px; padding-top: 0; padding-bottom: 10px; border: 1px dashed #005FBB; float: left; margin-top: 50px; background: #FFF; z-index: 9999;  display: block;  }
.fixkf .ico{ width: 42px; height: 42px; padding: 29px; background: url('/upload/201603/1_ci4t.png');  margin: 0 auto; margin-top: -50px; }
.fixkf .ico img{ display: block; width: 42px; height: 42px;}
.fixkf h3{ font-size:16px; text-align: center; color:#005FBB; line-height: 2;}
.fixkf p{ font-size: 14px; line-height: 2; text-align: center;}
.tyewu{font-size:20px; padding: 10px; border: 1px solid #CCC; float: right;width: 263px; margin: 40px 3.1% 0 0;}
@media only screen and (max-width: 767px){
	.toptel{ display: none;}
	.tyewu:before{ clear: both;}
	.tyewu{ float: none; margin: 10px auto;}
}
nav{ /*background: #005FBB;*/ background: #F5F5F5;/*54ABEA*/ border-top: 1px solid #DDD; }
nav ul li{ margin-right: 2px;}
nav ul li,nav ul li a{ float: left; display: block; width: 131px; height: 65px;}
nav ul li a{ line-height: 59px; text-align: center; font-size: 16px; /*border-top: 3px solid #005FBB; /*color:#FFF;*/ color:#000; border-top: 3px solid #F6F6F6; overflow: hidden; 
transition: all 0.6s;-moz-transition: all 0.6s;-webkit-transition: all 0.6s;-o-transition: all 0.6s; }
nav ul li:hover a,nav ul li.cur a{ background: #FFF; color:#005FBB; border-top-color: #005FBB;}
@media only screen and (max-width: 767px){
.menu-btn{ background: url('/upload/201602/menu.png') no-repeat #FFF; display: block; width: 44px; height: 34px; float: right; margin-top: 35px; margin-right: 3px;}
nav{  background: #F5F5F5; border-top: 1px solid #005FBB; display: none; }
nav ul li{ margin-right: 0;}
nav ul li,
nav ul li a{  width: 100%; height: 39px;}
nav ul li a{ height: 39px; line-height: 39px;   border-top: none;}
nav ul li:hover a,
nav ul li.cur a{ color:#FFF; background: #005FBB; }
}
.more{ text-align: center; margin: 0 auto; display: block; margin: 0 auto; width: 80px; height: 32px; line-height: 32px; border: 1px solid #005FBB; color:#005FBB; font-weight: bold; font-size: 14px; }
.more:hover{ background: #005FBB; color: #FFF;}
.list{ }
.list li{ width: 264px; height: auto; float: left; margin: 17px; border: 1px solid #F5F5F5; transition: all 0.6s;-moz-transition: all 0.6s;-webkit-transition: all 0.6s;-o-transition: all 0.6s;}
.list li a{ display: block;}
.list li .thumb{ width: 100%; height: 264px; display: block; background: #F5F5F5; }
.list li .tit{ display: block; font-size: 16px; color:#333; line-height: 1.2; padding: 10px 10px; text-align: center; background: #F3F3F3; }
.list li .desc{ display: block; width: 90%; margin: 0 auto; font-size: 14px; color:#999; line-height: 1.5; padding-bottom: 10px;}
.list li:hover,.list li:hover .tit{ background: #54ABEA; border-color:#54ABEA;}
.list li:hover *{ color:#FFF; }
.list2 li{ width: 360px; margin: 10px 19px;}
.artlist{ padding: 10px 0px;}
.artlist li{ padding: 8px 20px;  float: left;}
.artlist li .thumb{ width: 100%; height: 120px; float: left; }
.artlist li .r{ padding: 5px 15px; float: right; background: #FFF; height: 120px; overflow: hidden;}
.artlist li p{ font-size: 13px; color:#999; line-height: 1.8;}
.artlist li p.t *{ font-size: 15px; color:#333; line-height: 2;}
.artlist li p.t .catname{ color:#005FBB;}
.artli li{ width: 916px; float: right; padding: 10px 20px; border-bottom: 1px dotted #AAA;}
.left-nav{ width:224px; float: left; }
.left-nav .ititle{ background: url('/upload/201603/t5.jpg') center; background-size: cover; height: 50px; line-height: 50px; color:#FFF; font-size: 18px;}
.left-nav .ititle span{ font-size: 16px; color:#CCC; }
.left-nav .catlist{ background: #EEE;}
.left-nav .catlist li{ display: block; height: 42px; line-height: 42px; border-bottom: 1px solid #D6D6D6; border-top: #FBFBFB;}
.left-nav .catlist li a{ display: block; height: 100%;color:#222; font-size: 14px; padding-left: 20px; font-family: "Arial","微软雅黑";}
.left-nav .catlist li a:hover{ color:#005FBB; }
.left-nav .catlist li.cur a{ background: #54ABEA; color:#FFF;  }
.left-nav .contact-box{ padding: 8px; background: #EEE;}
.left-nav .contact-box *{ font-size: 14px; color:#333; line-height: 1.4;}
.left-nav .contact-box p{ padding: 4px 0px;}	
.right-list{ width: 976px; float: right;}
.right-list .rtitle{ height: 50px; width: 956px; padding-bottom: 10px; border-bottom: 2px solid #AAA; float: right;}
.right-list .rtitle .l-line{ height: 50px; width: 4px; background: #005FBB; float: left;}
.right-list .rtitle .cn-title{ font-size: 20px; color:#005FBB; height: 30px; line-height: 1.2; padding-left: 10px;}
.right-list .rtitle .en-title{ font-size: 15px; color:#B2B2B2; height: 20px; line-height: 20px; overflow: hidden; padding-left: 5px;}
.right-list .content{ width: 956px; padding: 15px 0px; float: right;}
.right-list .content,
.right-list .content p,
.right-list .content span{ font-size: 12px; line-height: 2; color:#333;}
.right-list .content h1{ font-size: 18px; padding-bottom: 10px; text-align: center;}
.right-list .content .thumb{ margin: 0 auto; display: block; max-width: 100%;}
.right-list .list{ padding-top: 15px;}
.right-list .list li{ width: 222px; margin: 0px 0px 20px 20px;}
.right-list .list li img{ height: 222px; }
.pages { display:block; margin:20px auto; width:95%;  clear:both;  text-align: center;  }
.pages a, .pages span {/* display:block; /*float:left;*/ font-size:12px; line-height:1;  padding:5px 10px; border:1px solid #ddd; background:#fff; color:#333; margin:0 2px; -moz-border-radius: 4px;    -webkit-border-radius: 4px;     border-radius:4px;  }
.pages a:hover , .pages span { background:#005FBB; color:#FFF; }
.back{ display:block; margin: 0 auto; width: 100px; height: 36px; line-height: 36px; text-align: center; color:#005FBB; font-size: 16px; border: 1px solid #005FBB;}
.back:hover{ cursor: pointer; background: #005FBB; color:#FFF;}
footer{ background: #005FBB;}
.foot-nav{ padding: 10px 0px; text-align: center;}
.foot-nav dl{ /*float: left;*/ display: inline-block; width: 100px;}
.foot-nav dl:first-child{ /*padding-left: 200px;*/}
.foot-nav a{ line-height: 2;}
.foot-nav dl dt a{ font-size: 16px; color:#FFF;}
.foot-nav dl dd a{ font-size: 12px; color:#EEE;}
.foot-nav a:hover{color:#FFF; font-weight: bold;}
.foot-bottom{ background: #FFF; padding: 10px 0px;}
.foot-bottom *{ color:#333; line-height: 2; font-size: 13px; text-align: center;}
footer .cnzz-box{ float: right;}
@media only screen and (max-width: 767px){
.list li{float: none; margin: 8px 0px; margin: 0 auto; width: 90%; max-width: 360px;}
.list2 li{ width: 90%; max-width: 360px; margin: 8px auto;}

.artlist{ padding: 10px 0px;}
.artlist li{ width: 95%; padding: 8px 0; margin: 0 auto;  float: none; clear: both;}

.artli li{ width: 90%; float: right; padding: 8px 5%; border-bottom: 1px dotted #AAA;}

.left-nav{  float: none; margin: 0 auto; margin-bottom: 10px; width: 90%; }
.left-nav .ititle{ height: 36px; line-height: 36px; }
.left-nav .catlist li{  height: 30px; line-height: 30px; width: 100%; overflow: hidden; }
.left-nav .catlist li a { width: 100%;}

.right-list{ width: 90%; float: none; margin: 0 auto;}

.right-list .rtitle{ width: 100%;  float: none; margin: 0 auto;}
.right-list .content{ width: 100%; float: none; overflow: hidden;}
.right-list .content *{ max-width: 100%;}
.right-list .list li{ margin: 0 auto; width: 100%; padding-bottom: 10px;}


.foot-nav dl{  text-align: center;}
.foot-nav dl:first-child{ padding-left: 0px;}
.copyright{ width: 90%; margin: 0 auto;}
}